From b52cf77ef271f89a7b1a53cbc10471e2ce59f46d Mon Sep 17 00:00:00 2001
From: dkd <1585765832@qq.com>
Date: Fri, 7 Jun 2024 09:59:58 +0800
Subject: [PATCH 001/966] =?UTF-8?q?docs:=20[Issues:=20#I9VQPS]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereacr-native-modalbox=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modalbox.md | 360 +++++++++++++++++++++++++++++++++
 1 file changed, 360 insertions(+)
 create mode 100644 zh-cn/react-native-modalbox.md

diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
new file mode 100644
index 00000000..a8f3834d
--- /dev/null
+++ b/zh-cn/react-native-modalbox.md
@@ -0,0 +1,360 @@
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-modalbox</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/maxs15/react-native-modalbox">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/maxs15/react-native-modalbox/blob/master/License.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/maxs15/react-native-modalbox)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-modalbox@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-modalbox@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import React from 'react';
+import Modal from 'react-native-modalbox';
+
+import { TestSuite, Tester, TestCase } from '@rnoh/testerino';
+import {
+  Text,
+  Button,
+  StyleSheet,
+  ScrollView,
+  View,
+  Dimensions,
+  Easing,
+  TextInput
+} from 'react-native';
+
+var screen = Dimensions.get('window');
+
+export default class ModalBoxExample extends React.Component<any, any> {
+
+  constructor(props:any) {
+    super(props);
+    this.state = {
+      isOpen: false,
+      isDisabled: false,
+      swipeToClose: true,
+      sliderValue: 0.3
+    };
+  }
+
+
+  onClose() {
+    console.log('Modal just closed');
+  }
+  animalEase(){
+    Easing.elastic(8)
+  }
+
+  onOpen() {
+    console.log('Modal just opened');
+  }
+
+  onClosingState(state:any) {
+    console.log('the open/close of the swipeToClose just changed');
+  }
+
+  renderList() {
+    var list = [];
+
+    for (var i=0;i<50;i++) {
+      list.push(<Text style={styles.text} key={i}>Elem {i}</Text>);
+    }
+
+    return list;
+  }
+
+  render() {
+    var BContent = (
+      <View style={[styles.btn, styles.btnModal]}>
+        <Button title="X" color="white" onPress={() => this.setState({isOpen: false})}/>
+      </View>
+    );
+
+    return (
+      <Tester>
+        <TestSuite name='ModalTesteDemo'>
+          <TestCase itShould='Basic modal' tags={['C_API']}>
+            <Button title="Basic modal" onPress={() =>this.refs.modal1.open()} />
+            <Modal
+              style={[styles.modal, styles.modal2]}
+              ref={'modal1'}
+              swipeToClose={this.state.swipeToClose}
+              onClosed={this.onClose}
+              onOpened={this.onOpen}
+              animationDuration={4000}
+              easing={Easing.elastic(8)}
+              onClosingState={this.onClosingState}>
+                <Text style={styles.text}>Basic modal</Text>
+                <Button title={`Disable swipeToClose(${this.state.swipeToClose ? "true" : "false"})`} onPress={() => this.setState({swipeToClose: !this.state.swipeToClose})} />
+            </Modal>
+          </TestCase>
+          <TestCase itShould='Position top' tags={['C_API']}>
+            <Button title="Position top" onPress={() =>this.refs.modal2.open()} />
+            <Modal style={[styles.modal, styles.modal2]} startOpen={true} backdrop={false}  position={"top"} ref={"modal2"}>
+              <Text style={[styles.text, {color: "white"}]}>Modal on top</Text>
+            </Modal>
+          </TestCase>
+          <TestCase itShould='Position centered + backdrop + disable' tags={['C_API']}>
+            <Button title="Position centered + backdrop + disable" onPress={() =>this.refs.modal3.open()} />
+            <Modal style={[styles.modal, styles.modal3]} position={"center"} ref={"modal3"} isDisabled={this.state.isDisabled}>
+              <Text style={styles.text}>Modal centered</Text>
+              <Button title={`Disable (${this.state.isDisabled ? "true" : "false"})`} onPress={() => this.setState({isDisabled: !this.state.isDisabled})} />
+            </Modal>
+          </TestCase>
+          <TestCase itShould='Position bottom + backdrop' tags={['C_API']}>
+            <Button title="Position bottom + backdrop " onPress={() => this.refs.modal4.open()} />
+            <Modal style={[styles.modal, styles.modal4]} position={"bottom"} ref={"modal4"}>
+              <Text style={styles.text}>Modal on bottom with backdrop</Text>
+            </Modal>
+          </TestCase>
+          <TestCase itShould='Backdrop + backdropContent' tags={['C_API']}>
+            <Button title="Backdrop + backdropContent" onPress={() => this.setState({isOpen: true})} />
+            <Modal isOpen={this.state.isOpen} coverScreen={false} onClosed={() => this.setState({isOpen: false})} style={[styles.modal, styles.modal4]} position={"center"} backdropPressToClose={false} backdropContent={BContent} backdropColor={'red'} backdropOpacity={0.2}>
+              <Text style={styles.text}>Modal with backdrop content</Text>
+            </Modal>
+          </TestCase>
+          <TestCase itShould='Position bottom + ScrollView' tags={['C_API']}>
+            <Button title="Position bottom + ScrollView" onPress={() => this.refs.modal6.open()} />
+            <Modal style={[styles.modal, styles.modal4]} position={"bottom"} ref={"modal6"} swipeArea={20} swipeThreshold={10}>
+              <ScrollView>
+                <View style={{width: screen.width, paddingLeft: 10}}>
+                  {this.renderList()}
+                </View>
+              </ScrollView>
+            </Modal>
+          </TestCase>
+          <TestCase itShould='Modal with keyboard support' tags={['C_API']}>
+            <Button title="Modal with keyboard support" onPress={() => this.refs.modal7.open()} />
+            <Modal ref={"modal7"} style={[styles.modal, styles.modal4]} position={"center"}>
+              <View>
+                <TextInput style={{height: 50, width: 200, backgroundColor: '#DDDDDD'}}/>
+              </View>
+            </Modal>
+          </TestCase>
+          <TestCase itShould='Entry from top' tags={['C_API']}>
+            <Button title="Entry from top" onPress={() => this.refs.modal8.open()} />
+            <Modal ref={"modal8"} style={[styles.modal, styles.modal2]} position={"top"} entry={"top"}>
+              <Text style={[styles.text, {color: "white"}]}>Modal entry from top</Text>
+            </Modal>
+          </TestCase>
+        </TestSuite>
+      </Tester>
+    );
+  }
+
+}
+
+const styles = StyleSheet.create({
+
+  wrapper: {
+    paddingTop: 50,
+    flex: 1
+  },
+
+  modal: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+
+  modal2: {
+    height: 230,
+    backgroundColor: "#3B5998"
+  },
+
+  modal3: {
+    height: 300,
+    width: 300
+  },
+
+  modal4: {
+    height: 300
+  },
+
+  btn: {
+    margin: 20,
+    backgroundColor: "#3B5998",
+    color: "white",
+    padding: 10
+  },
+
+  btnModal: {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    width: 50,
+    height: 50,
+    backgroundColor: "transparent"
+  },
+
+  text: {
+    color: "black",
+    fontSize: 22
+  }
+
+});
+```
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-modalbox": "file:../../node_modules/@react-native-oh-tpl/react-native-modalbox/harmony/modalbox.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.19
+
+### 权限要求
+
+
+```
+无
+```
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop  | Default  | Type | Description |
+| :------------ |:---------------:| :---------------:| :-----|
+| isOpen | false | `bool` | Open/close the modal, optional, you can use the open/close methods instead  |
+| isDisabled | false | `bool` | Disable any action on the modal (open, close, swipe)  |
+| backdropPressToClose | true | `bool` | Close the the modal by pressing on the backdrop |
+| swipeToClose | true | `bool` | Set to `true` to enable the swipe down to close feature |
+| swipeThreshold | 50 | `number` | The threshold to reach in pixels to close the modal |
+| swipeArea | - | `number` | The height in pixels of the swipeable area, window height by default |
+| position | center | `string` | Control the modal position using `top` or `center` or `bottom` |
+| entry | bottom | `string` | Control the modal entry position `top` or `bottom` |
+| backdrop | true | `bool` | Display a backdrop behind the modal |
+| backdropOpacity | 0.5| `number` | Opacity of the backdrop |
+| backdropColor | black| `string` | backgroundColor of the backdrop |
+| backdropContent | null| `ReactElement` | Add an element in the backdrop (a close button for example) |
+| animationDuration | 400| `number` | Duration of the animation |
+| easing | Easing.elastic(0.8) | `function` | Easing function applied to opening modal animation |
+| backButtonClose | false | `bool` | (Android only) Close modal when receiving back button event |
+| startOpen | false | `bool` | Allow modal to appear open without animation upon first mount |
+| coverScreen | false | `bool` | Will use RN `Modal` component to cover the entire screen wherever the modal is mounted in the component hierarchy |
+| keyboardTopOffset | ios:22, android:0 | `number` | This property prevent the modal to cover the ios status bar when the modal is scrolling up because the keyboard is opening |
+| useNativeDriver | true | `bool` | Enables the hardware acceleration to animate the modal. Please note that enabling this can cause some flashes in a weird way when animating |
+
+## 事件
+| Prop  | Params  | Description |
+| :------------ |:---------------:| :---------------:|
+| onClosed | - | When the modal is close and the animation is done |
+| onOpened | - | When the modal is open and the animation is done |
+| onClosingState | state `bool` | When the state of the swipe to close feature has changed (usefull to change the content of the modal, display a message for example) |
+
+## 方法
+hese methods are optional, you can use the isOpen property instead   
+
+| Prop  | Params  | Description |
+| :------------ |:---------------:| :---------------:|
+| open | - | Open the modal |
+| close | - | Close the modal |
+
+
+## 遗留问题
+- 无
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-modalbox/blob/master/License.txt) ，请自由地享受和参与开源。
\ No newline at end of file

From b14d247040bf6ad5ccafee6f6af946c9619f03a6 Mon Sep 17 00:00:00 2001
From: anghuang <huangzhihui24@h-partners.com>
Date: Fri, 7 Jun 2024 11:21:41 +0800
Subject: [PATCH 002/966] =?UTF-8?q?fix:=20[Issues:=20#I9VQPS]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9reacr-native-modalbox=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modalbox.md | 68 +++-------------------------------
 1 file changed, 5 insertions(+), 63 deletions(-)

diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index a8f3834d..49583049 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -16,7 +16,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)，并下载适用版本的 tgz 包。
+请到github上的发布地址查看配套的版本信息：(https://github.com/maxs15/react-native-modalbox master)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -27,13 +27,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-modalbox@file:#
+npm install react-native-modalbox@latest --save
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-modalbox@file:#
+yarn add react-native-modalbox@latest --save
 ```
 
 <!-- tabs:end -->
@@ -236,59 +236,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 引入原生端代码
 
-目前有两种方法：
-
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
-
-方法一：通过 har 包引入（推荐）
-
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-modalbox": "file:../../node_modules/@react-native-oh-tpl/react-native-modalbox/harmony/modalbox.har"
-  }
-```
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-```
-
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
-
-打开终端，执行：
-
-```bash
-cd entry
-ohpm install --no-link
-```
-
-
-### 运行
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-```
-
-然后编译、运行即可。
 
 ## 约束与限制
 
@@ -299,13 +247,8 @@ ohpm install
 
 RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.19
 
-### 权限要求
 
 
-```
-无
-```
-
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -350,11 +293,10 @@ hese methods are optional, you can use the isOpen property instead
 | close | - | Close the modal |
 
 
-## 遗留问题
-- 无
+
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-modalbox/blob/master/License.txt) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file

From 2ec140bad9eaaa1386346ddabe7349cc42c51918 Mon Sep 17 00:00:00 2001
From: anghuang <huangzhihui24@h-partners.com>
Date: Fri, 7 Jun 2024 15:16:45 +0800
Subject: [PATCH 003/966] =?UTF-8?q?fix:=20[Issues:=20#I9VQPS]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9reacr-native-modalbox=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modalbox.md | 72 ++++++++++++++++------------------
 1 file changed, 33 insertions(+), 39 deletions(-)

diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index 49583049..0cf80b47 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -27,13 +27,13 @@
 #### **npm**
 
 ```bash
-npm install react-native-modalbox@latest --save
+npm install react-native-modalbox@2.0.2 --save
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-modalbox@latest --save
+yarn add react-native-modalbox@2.0.2 --save
 ```
 
 <!-- tabs:end -->
@@ -230,11 +230,6 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Link
-
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
 
 
@@ -250,47 +245,46 @@ RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 
 ## 属性
-
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Prop  | Default  | Type | Description |
-| :------------ |:---------------:| :---------------:| :-----|
-| isOpen | false | `bool` | Open/close the modal, optional, you can use the open/close methods instead  |
-| isDisabled | false | `bool` | Disable any action on the modal (open, close, swipe)  |
-| backdropPressToClose | true | `bool` | Close the the modal by pressing on the backdrop |
-| swipeToClose | true | `bool` | Set to `true` to enable the swipe down to close feature |
-| swipeThreshold | 50 | `number` | The threshold to reach in pixels to close the modal |
-| swipeArea | - | `number` | The height in pixels of the swipeable area, window height by default |
-| position | center | `string` | Control the modal position using `top` or `center` or `bottom` |
-| entry | bottom | `string` | Control the modal entry position `top` or `bottom` |
-| backdrop | true | `bool` | Display a backdrop behind the modal |
-| backdropOpacity | 0.5| `number` | Opacity of the backdrop |
-| backdropColor | black| `string` | backgroundColor of the backdrop |
-| backdropContent | null| `ReactElement` | Add an element in the backdrop (a close button for example) |
-| animationDuration | 400| `number` | Duration of the animation |
-| easing | Easing.elastic(0.8) | `function` | Easing function applied to opening modal animation |
-| backButtonClose | false | `bool` | (Android only) Close modal when receiving back button event |
-| startOpen | false | `bool` | Allow modal to appear open without animation upon first mount |
-| coverScreen | false | `bool` | Will use RN `Modal` component to cover the entire screen wherever the modal is mounted in the component hierarchy |
-| keyboardTopOffset | ios:22, android:0 | `number` | This property prevent the modal to cover the ios status bar when the modal is scrolling up because the keyboard is opening |
-| useNativeDriver | true | `bool` | Enables the hardware acceleration to animate the modal. Please note that enabling this can cause some flashes in a weird way when animating |
+| Name  | Description  | Type | Required  |Platform|HarmonyOS Support |
+| :------------ |:---------------:| :---------------:|:---------------:|:---------------:|:---------------:|
+| isOpen  | Open/close the modal, optional, you can use the open/close methods instead  | `bool`  | no  | IOS/Android  | yes  |
+| isDisabled  | Disable any action on the modal (open, close, swipe)  | `bool`  | no  | IOS/Android  | yes  |
+| backdropPressToClose  | Close the the modal by pressing on the backdrop  | `bool`  | no  | IOS/Android  | yes  |
+| swipeToClose  | Set to true to enable the swipe down to close feature | `bool`  | no  | IOS/Android  | yes  |
+| swipeThreshold  | The threshold to reach in pixels to close the modal | `number`  | no  | IOS/Android  | yes  |
+| swipeArea  | The height in pixels of the swipeable area, window height by default | `number`  | no  | IOS/Android  | yes  |
+| position  | Control the modal position using top or center or bottom | `string`  | no  | IOS/Android  | yes  |
+| entry  | Control the modal entry position top or bottom | `string`  | no  | IOS/Android  | yes  |
+| backdrop  | Display a backdrop behind the modal | `bool`  | no  | IOS/Android  | yes  |
+| backdropOpacity  | Opacity of the backdrop | `number`  | no  | IOS/Android  | yes  |
+| backdropColor  | backgroundColor of the backdrop | `string`  | no  | IOS/Android  | yes  |
+| backdropContent  | Add an element in the backdrop (a close button for example) | `ReactElement`  | no  | IOS/Android  | yes  |
+| animationDuration  | Duration of the animation | `number`  | no  | IOS/Android  | yes  |
+| easing  | Easing function applied to opening modal animation | `function`  | no  | IOS/Android  | yes  |
+| backButtonClose  | (Android only) Close modal when receiving back button event | `bool`  | no  | Android  | yes  |
+| startOpen  | Allow modal to appear open without animation upon first mount| `bool`  | no  | IOS/Android  | yes  |
+| coverScreen  | Will use RN Modal component to cover the entire screen wherever the modal is mounted in the component hierarchy| `bool`  | no  | IOS/Android  | yes  |
+| keyboardTopOffset  | This property prevent the modal to cover the ios status bar when the modal is scrolling up because the keyboard is opening| `number`  | no  | IOS/Android  | yes  |
+| useNativeDriver  | Enables the hardware acceleration to animate the modal. Please note that enabling this can cause some flashes in a weird way when animating| `bool`  | no  | IOS/Android  | yes  |
 
 ## 事件
-| Prop  | Params  | Description |
-| :------------ |:---------------:| :---------------:|
-| onClosed | - | When the modal is close and the animation is done |
-| onOpened | - | When the modal is open and the animation is done |
-| onClosingState | state `bool` | When the state of the swipe to close feature has changed (usefull to change the content of the modal, display a message for example) |
+| Name  | Description  | Type | Required  |Platform|HarmonyOS Support |
+| :------------ |:---------------:| :---------------:|:---------------:|:---------------:|:---------------:|
+| onClosed  | When the modal is close and the animation is done  | `function`  | no  | IOS/Android  | yes  |
+| onOpened  | When the modal is open and the animation is done | `function`  | no  | IOS/Android  | yes  |
+| onClosingState  | When the state of the swipe to close feature has changed (usefull to change the content of the modal, display a message for example)  | `function`  | no  | IOS/Android  | yes  |
 
 ## 方法
 hese methods are optional, you can use the isOpen property instead   
 
-| Prop  | Params  | Description |
-| :------------ |:---------------:| :---------------:|
-| open | - | Open the modal |
-| close | - | Close the modal |
+
+| Name  | Description  | Type | Required  |Platform|HarmonyOS Support |
+| :------------ |:---------------:| :---------------:|:---------------:|:---------------:|:---------------:|
+| open  | Open the modal  | `function`  | no  | IOS/Android  | yes  |
+| close  | Close the modal | `function`  | no  | IOS/Android  | yes  |
 
 
 

From bf75e12f0722e41ad8377b000cba3eb356efdeae Mon Sep 17 00:00:00 2001
From: anghuang <huangzhihui24@h-partners.com>
Date: Fri, 7 Jun 2024 15:28:23 +0800
Subject: [PATCH 004/966] =?UTF-8?q?fix:=20[Issues:=20#I9VQPS]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9reacr-native-modalbox=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modalbox.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index 0cf80b47..08d1ecb3 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -16,7 +16,7 @@
 
 ## 安装与使用
 
-请到github上的发布地址查看配套的版本信息：(https://github.com/maxs15/react-native-modalbox master)，并下载适用版本的 tgz 包。
+请到github上的发布地址查看配套的版本信息：(https://github.com/maxs15/react-native-modalbox)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -27,13 +27,13 @@
 #### **npm**
 
 ```bash
-npm install react-native-modalbox@2.0.2 --save
+npm install react-native-modalbox@2.0.2
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-modalbox@2.0.2 --save
+yarn add react-native-modalbox@2.0.2
 ```
 
 <!-- tabs:end -->

From 605dd6a3e5d4c1eddb6721f003b6267e7c508e61 Mon Sep 17 00:00:00 2001
From: anghuang <huangzhihui24@h-partners.com>
Date: Fri, 7 Jun 2024 15:41:37 +0800
Subject: [PATCH 005/966] =?UTF-8?q?fix:=20[Issues:=20#I9VQPS]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9reacr-native-modalbox=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modalbox.md | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index 08d1ecb3..299d6276 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -16,11 +16,6 @@
 
 ## 安装与使用
 
-请到github上的发布地址查看配套的版本信息：(https://github.com/maxs15/react-native-modalbox)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 

From 1d163f46b1799dec8a2b4725b62e82236740a8e6 Mon Sep 17 00:00:00 2001
From: kongchuiyu <kongchuiyu@h.partners.com>
Date: Tue, 18 Jun 2024 14:31:47 +0800
Subject: [PATCH 006/966] =?UTF-8?q?docs:=20[Issues:=20#I9TNRW]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=20react-native-zoomable-view=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-zoom-able-view.md | 188 +++++++++++++++++++++++++++
 1 file changed, 188 insertions(+)
 create mode 100644 zh-cn/react-native-zoom-able-view.md

diff --git a/zh-cn/react-native-zoom-able-view.md b/zh-cn/react-native-zoom-able-view.md
new file mode 100644
index 00000000..d3ce57bf
--- /dev/null
+++ b/zh-cn/react-native-zoom-able-view.md
@@ -0,0 +1,188 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-zoomable-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/openspacelabs/react-native-zoomable-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/openspacelabs/react-native-zoomable-view)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @openspacelabs/react-native-zoomable-view@2.1.6
+```
+
+#### **yarn**
+
+```bash
+yarn add @openspacelabs/react-native-zoomable-view@2.1.6
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { View, StyleSheet, Image, Animated } from "react-native";
+import React from "react";
+import { ReactNativeZoomableView } from "@openspacelabs/react-native-zoomable-view";
+
+export function ReactNativeZoomableViewExample() {
+  const zoomAnimatedValue = React.useRef(new Animated.Value(1)).current;
+  const scale = Animated.divide(1, zoomAnimatedValue);
+  return (
+    <View style={styles.container}>
+      <View style={styles.box}>
+        <ReactNativeZoomableView
+          maxZoom={30}
+          initialZoom={1.5}
+          contentWidth={300}
+          contentHeight={150}
+          panBoundaryPadding={500}
+          style={{ padding: 10, backgroundColor: "red" }}
+        >
+          <View style={styles.contents}>
+            <Image
+              style={styles.img}
+              source={require("../assets/placeholder2000x2000.jpg")}
+            />
+
+            {[20, 40, 60, 80].map((left) =>
+              [20, 40, 60, 80].map((top) => (
+                <Animated.View
+                  key={`${left}x${top}`}
+                  style={[
+                    styles.marker,
+                    { left: `${left}%`, top: `${top}%` },
+                    { transform: [{ scale }] },
+                  ]}
+                />
+              ))
+            )}
+          </View>
+        </ReactNativeZoomableView>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 20,
+  },
+  contents: {
+    flex: 1,
+    alignSelf: "stretch",
+  },
+  box: {
+    borderWidth: 5,
+    flexShrink: 1,
+    height: 500,
+    width: 310,
+  },
+  img: {
+    width: "100%",
+    height: "100%",
+    resizeMode: "contain",
+  },
+  marker: {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    width: 20,
+    height: 20,
+    marginLeft: -10,
+    marginTop: -10,
+    borderRadius: 10,
+    backgroundColor: "white",
+    borderWidth: 2,
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Type     | Description                                                      | Required | Platform | HarmonyOS Support |
+| -------------------------- | -------- | ---------------------------------------------------------------- | -------- | -------- | ----------------- |
+| zoomEnabled                | boolean  | Can be used to enable or disable the zooming dynamically                                                                                                                                                                                                                                                                             | no       | All      | yes               |
+| panEnabled                 | boolean  | Can be used to enable or disable the panning dynamically                                                                                                                                                                                                                                                                             | no       | All      | yes               |
+| initialZoom                | number   | Initial zoom level on startup                                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| maxZoom                    | number   | Maximum possible zoom level (zoom in). Can be set to`null` to allow unlimited zooming                                                                                                                                                                                                                                                | no       | All      | yes               |
+| minZoom                    | number   | Minimum possible zoom level (zoom out)                                                                                                                                                                                                                                                                                               | no       | All      | yes               |
+| disablePanOnInitialZoom    | boolean  | If true, panning is disabled when zoom level is equal to the initial zoom level                                                                                                                                                                                                                                                      | no       | All      | yes               |
+| doubleTapDelay             | number   | How much delay will still be recognized as double press (ms)                                                                                                                                                                                                                                                                         | no       | All      | yes               |
+| doubleTapZoomToCenter      | boolean  | If true, double tapping will always zoom to center of View instead of the direction it was double tapped in                                                                                                                                                                                                                          | no       | All      | yes               |
+| bindToBorders              | boolean  | If true, it makes sure the object stays within box borders                                                                                                                                                                                                                                                                           | no       | All      | yes               |
+| zoomStep                   | number   | How much zoom should be applied on double tap                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| pinchToZoomInSensitivity   | number   | the level of resistance (sensitivity) to zoom in (0 - 10) - higher is less sensitive                                                                                                                                                                                                                                                 | no       | All      | yes               |
+| pinchToZoomOutSensitivity  | number   | the level of resistance (sensitivity) to zoom out (0 - 10) - higher is less sensitive                                                                                                                                                                                                                                                | no       | All      | yes               |
+| movementSensibility        | number   | how resistant should shifting the view around be? (0.5 - 5) - higher is less sensitive                                                                                                                                                                                                                                               | no       | All      | yes               |
+| initialOffsetX             | number   | The horizontal offset the image should start at                                                                                                                                                                                                                                                                                      | no       | All      | yes               |
+| initialOffsetY             | number   | The vertical offset the image should start at                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| contentHeight              | number   | Specify if you want to treat the height of the**centered** content inside the zoom subject as the zoom subject's height                                                                                                                                                                                                              | no       | All      | yes               |
+| contentWidth               | number   | Specify if you want to treat the width of the**centered** content inside the zoom subject as the zoom subject's width                                                                                                                                                                                                                | no       | All      | yes               |
+| panBoundaryPadding         | number   | At certain scales, the edge of the content is bounded too close to the edge of the container, making it difficult to pan to and interact with the edge of the content. To fix this, we'd wanna allow the content to pan just a little further away from the container's edge. Hence, the "pan boundary padding", measured in pixels. | no       | All      | yes               |
+| longPressDuration          | number   | Duration in ms until a press is considered a long press                                                                                                                                                                                                                                                                              | no       | All      | yes               |
+| visualTouchFeedbackEnabled | boolean  | Whether to show a touch feedback circle on touch                                                                                                                                                                                                                                                                                     | no       | All      | yes               |
+| onTransform                | function | Will be called when the transformation configuration (zoom level and offset) changes                                                                                                                                                                                                                                                 | no       | All      | yes               |
+| onDoubleTapBefore          | function | Will be called, at the start of a double tap                                                                                                                                                                                                                                                                                         | no       | All      | yes               |
+| onDoubleTapAfter           | function | Will be called at the end of a double tap                                                                                                                                                                                                                                                                                            | no       | All      | yes               |
+| onShiftingBefore           | function | Will be called, when user taps and moves the view, but before our view movement work kicks in (so this is the place to interrupt movement, if you need to)                                                                                                                                                                           | no       | All      | yes               |
+| onShiftingAfter            | function | Will be called, when user taps and moves the view, but after the values have changed already                                                                                                                                                                                                                                         | no       | All      | yes               |
+| onShiftingEnd              | function | Will be called, when user stops a tap and move gesture                                                                                                                                                                                                                                                                               | no       | All      | yes               |
+| onZoomBefore               | function | Will be called, while the user pinches the screen, but before our zoom work kicks in (so this is the place to interrupt zooming, if you need to)                                                                                                                                                                                     | no       | All      | yes               |
+| onZoomAfter                | function | Will be called, while the user pinches the screen, but after the values have changed already                                                                                                                                                                                                                                         | no       | All      | yes               |
+| onZoomEnd                  | function | Will be called after pinchzooming has ended                                                                                                                                                                                                                                                                                          | no       | All      | yes               |
+| onLongPress                | function | Will be called after the user pressed on the image for a while                                                                                                                                                                                                                                                                       | no       | All      | yes               |
+| onStartShouldSetPanResponder                     | function |     Determines whether the view group responds to touch events when a finger is pressed.      | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
+| onPanResponderGrant                     | function |     The gesture has started      | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
+| onPanResponderEnd                     | function |    Will be called when gesture ends (more accurately, on pan responder "release")       | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
+| onPanResponderTerminate                     | function |    Will be called when the gesture is force-interrupted by another handler       | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
+| onPanResponderTerminationRequest                     | function |    Callback asking whether the gesture should be interrupted by another handler       | no       | IOSs      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
+| onPanResponderMove                     | function |    Will be called when user moves while touching       | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
+| onShouldBlockNativeResponder                     | function |   Returns whether this component should block native components from becoming the JS responder   | no       | All      | yes               |
+
+| zoomTo                     | function | Changes the zoom level to a specific number                                                                                                                                                                                                                                                                                          | no       | All      | yes               |
+| zoomBy                     | function | Changes the zoom level relative to the current level (use positive numbers to zoom in, negative numbers to zoom out)                                                                                                                                                                                                                 | no       | All      | yes               |
+| moveTo                     | function | Shifts the zoomed part to a specific point (in px relative to x: 0, y: 0)                                                                                                                                                                                                                                                            | no       | All      | yes               |
+| moveBy                     | function | Shifts the zoomed part by a specific pixel number                                                                                                                                                                                                                                                                                    | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE) ，请自由地享受和参与开源。

From e0eee02419a9d1abd8c39c98192e6acfec4af5f0 Mon Sep 17 00:00:00 2001
From: qinlianao <qinlianao@h-partners.com>
Date: Tue, 18 Jun 2024 15:39:19 +0800
Subject: [PATCH 007/966] =?UTF-8?q?docs:=20[issues:=20#IA60F2]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-dynamic=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-dynamic.md | 206 ++++++++++++++++++++++++++++++++++
 1 file changed, 206 insertions(+)
 create mode 100644 zh-cn/react-native-dynamic.md

diff --git a/zh-cn/react-native-dynamic.md b/zh-cn/react-native-dynamic.md
new file mode 100644
index 00000000..2f3c81a4
--- /dev/null
+++ b/zh-cn/react-native-dynamic.md
@@ -0,0 +1,206 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-dynamic</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/codemotionapps/react-native-dynamic">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/codemotionapps/react-native-dynamic)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-dynamic@1.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-dynamic@1.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import {
+    View,
+    Text, 
+    Image, 
+    Button
+} from 'react-native';
+import {
+    useDarkMode,
+	useDarkModeContext,
+	DynamicValue,
+	DynamicStyleSheet,
+	DarkModeProvider,
+	useDynamicValue,
+	ColorSchemeProvider,
+	useColorSchemeContext,
+	useDynamicStyleSheet
+} from 'react-native-dynamic'
+import { Tester, TestSuite, TestCase } from '@rnoh/testerino';
+
+export default function Extra() {
+	const mode = useDarkModeContext()
+	const styles = useDynamicStyleSheet(dynamicStyleSheet)
+	return (
+		<View style={styles.container}>
+			<Text style={styles.text}>Forced mode: {mode}</Text>
+		</View>
+	)
+}
+
+const dynamicStyleSheet = new DynamicStyleSheet({
+	container: {
+		borderColor: 'red',
+		borderWidth: 1,
+		backgroundColor: new DynamicValue('white', 'black'),
+		width: 150,
+		height: 50,
+		justifyContent: 'center',
+		alignItems: 'center',
+	},
+	text: {
+		textAlign: 'center',
+		color: new DynamicValue('black', 'white'),
+	},
+})
+
+function Counter() {
+	const [counter, setCounter] = useState(0)
+	return <Button title={counter.toString()} onPress={() => setCounter((i) => i + 1)} />
+}
+
+const backgroundColors = {
+	light: 'white',
+	dark: 'black',
+}
+
+function Components() {
+	const styles = useDynamicValue(dynamicStyles)
+
+	return (
+		<View style={styles.container}>
+			<Text style={styles.text}>My text</Text>
+		</View>
+	)
+}
+
+export function ReactNativeDynamic() {
+	const mode = useDarkModeContext()
+	const mode2 = useColorSchemeContext()
+	const backgroundColor = backgroundColors[mode2]
+    const isDarkMode = useDarkMode()
+	const styles = useDynamicValue(dynamicStyles)
+	return (
+		<View style={styles.container}>
+			<Tester>
+        		<TestSuite name="ShowActionDynamic">
+					<TestCase itShould='render mode of dark or light' tags={['C_API']} >
+						<DarkModeProvider mode="dark">
+							<Extra />
+						</DarkModeProvider>
+						<DarkModeProvider mode="light">
+							<Extra />
+						</DarkModeProvider>
+					</TestCase>	
+        		</TestSuite>
+      		</Tester>
+			<Image source={{ uri: 'https://github.com/codemotionapps/react-native-dynamic/blob/master/example/meme.png' }} style={styles.meme} />
+			<Text style={styles.initialStyle}>Current mode: {mode}</Text>
+			<Text style={styles.initialStyle}>Is dark mode: {isDarkMode ? 'black' : 'white'}</Text>
+
+			<ColorSchemeProvider mode="dark">
+				<Components />
+			</ColorSchemeProvider>
+
+			<ColorSchemeProvider mode="light">
+				<Components />
+			</ColorSchemeProvider>
+
+			<Components />
+		</View>
+	)
+}
+
+const dynamicStyles = new DynamicStyleSheet({
+	container: {
+		flex: 1,
+		justifyContent: 'center',
+		alignItems: 'center',
+		backgroundColor: new DynamicValue('#FFFFFF', '#000000'),
+	},
+	initialStyle: {
+		fontSize: 20,
+		textAlign: 'center',
+		margin: 10,
+		color: new DynamicValue('#000000', '#FFFFFF'),
+	},
+	image: {
+		borderWidth: 1,
+		borderColor: new DynamicValue('#000000', '#FFFFFF'),
+		width: 80,
+		height: 80,
+	},
+	meme: {
+		width: '100%',
+		height: 200,
+		marginBottom: 20,
+	},
+	text: {
+		color: new DynamicValue('black', 'white'),
+		textAlign: 'center',
+	},
+})
+
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.24;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `useDarkMode`  | Returns a boolean. true when dark mode is on. |  function | no     | All  | yes      |
+| `DynamicValue`  | A helper class meant to be used with DynamicStyleSheet and useDynamicValue. The first argument is the value to be used with a light color scheme, the second argument is the value to be used with a dark color scheme. | function  |  no     | All   | yes      |
+| `DynamicStyleSheet`  | Just like StyleSheet but with support for dynamic values.| function  |  no     | All   | yes      |
+| `ColorSchemeProvider`  | Allows you to set a specific mode for children.| function  |  no     | All   | yes      |
+| `useDynamicValue`  | Returns the appropriate value depending on the theme. You can either pass a DynamicValue, an object containing dark and light properties, or just two arguments.| function  |  no     | All   | yes      |
+| `useColorSchemeContext`  | Returns dark or light but reads value from context.| function  |  no     | All   | yes      |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 0796c5bd446544fc5863cfb8d62a21611ee263af Mon Sep 17 00:00:00 2001
From: dong <dongzhihan@h-partners.com>
Date: Tue, 18 Jun 2024 18:14:22 +0800
Subject: [PATCH 008/966] =?UTF-8?q?docs:=20[Issues:=20#IA50OS]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0react-native-qr-decode-image-camera=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-qr-decode-image-camera.md | 336 +++++++++++++++++++
 1 file changed, 336 insertions(+)
 create mode 100644 zh-cn/react-native-qr-decode-image-camera.md

diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
new file mode 100644
index 00000000..eff206cb
--- /dev/null
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -0,0 +1,336 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-qr-decode-image-camera</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/deepanrajkumar/react-native-qr-decode-image-camera">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/deepanrajkumar/react-native-qr-decode-image-camera/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {useState} from 'react';
+import {View, Text, Button} from 'react-native';
+import {QRreader, QRscanner} from 'react-native-qr-decode-image-camera';
+import {TestSuite, TestCase, Tester} from '@rnoh/testerino';
+
+export const QRreaderExp = () => {
+  const [reader, setReader] = useState<any>('');
+  const [scanned, setScanned] = useState<boolean>(false);
+  const [flashMode, setFlashMode] = useState<boolean | null>(null); //初始值必须为null;
+  const [textInfo, setTextInfo] = useState<string>('');
+
+  return (
+    <Tester>
+      <TestSuite name="qr-decode-image-camera">
+        <TestCase
+          itShould="QRReader"
+          tags={['C_API']}
+          initialState={undefined as any}
+          arrange={({setState}) => {
+            return (
+              <View>
+                <Button
+                  onPress={() => {
+                    QRreader()
+                      .then(res => {
+                        console.log(JSON.stringify(res), 'click');
+                        setReader(res?.[0]?.originalValue);
+                        setState(res?.[0]?.originalValue);
+                      })
+                      .catch(error => {
+                        console.log(error);
+                      });
+                  }}
+                  title="点击选择二维码照片 "
+                />
+                <Text style={{fontSize: 40}}>{reader}</Text>
+              </View>
+            );
+          }}
+          assert={async ({expect, state}) => {
+            expect(state).to.be.eq(reader);
+          }}
+        />
+      </TestSuite>
+
+      <TestCase
+        itShould="QRScaner"
+        tags={['C_API']}
+        initialState={undefined as any}
+        arrange={({setState}) => {
+          return (
+            <View>
+              <Button
+                onPress={() => {
+                  setTextInfo('');
+                  setScanned(true); // 开启摄像头
+                }}
+                title="点击扫码 "
+              />
+              {scanned && (
+                <QRscanner
+                  onRead={e => {
+                    console.log(e?.nativeEvent?.result, 'click onRead');
+                    setTextInfo(e?.nativeEvent?.result);
+                    setState(e?.nativeEvent?.result);
+                    setScanned(false);
+                  }}
+                  flashMode={flashMode} //闪光灯
+                  renderTopView={() => (
+                    <View
+                      style={{
+                        height: 50,
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        backgroundColor: '#0000004D',
+                      }}>
+                      <Text style={{fontSize: 18, color: 'green'}}>
+                        将二维码放入框内，即可自动扫描
+                      </Text>
+                    </View>
+                  )}
+                  renderBottomView={() => (
+                    <View
+                      style={{
+                        height: 100,
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        backgroundColor: '#0000004D',
+                      }}>
+                      <Text
+                        style={{fontSize: 18, color: 'red'}}
+                        onPress={() => {
+                          setFlashMode(!flashMode);
+                          console.log('click 点击开启/关闭闪光灯');
+                        }}>
+                        点击开启/关闭闪光灯
+                      </Text>
+                    </View>
+                  )}
+                />
+              )}
+              <Text style={{fontSize: 20, color: 'red'}}>{textInfo}</Text>
+            </View>
+          );
+        }}
+        assert={async ({expect, state}) => {
+          expect(state).to.be.eq(textInfo);
+        }}
+      />
+    </Tester>
+  );
+};
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-qr-decode-image-camera": "file:../../node_modules/@react-native-oh-tpl/qr_decode_image_camera/harmony/qr_decode_image_camera.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNQrDecodeImageCameraPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { RNQrDecodeImageCameraPackage } from "@react-native-oh-tpl/react-native-qr-decode-image-camera/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNQrDecodeImageCameraPackage(ctx)
+  ];
+}
+```
+### 在 ArkTs 侧引入 Fabric 组件
+找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
+
+```diff
+...
++ import { NativeScan } from "@react-native-oh-tpl/react-native-qr-decode-image-camera/ts"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++ if (ctx.componentName === NativeScan.NAME) {
++   NativeScan({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag   
++   })
++ }
+...
+}
+...
+```
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)
+
+
+### 权限要求
+在 entry 目录下的module.json5中添加相机权限
+
+打开 entry/src/main/module.json5，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.CAMERA",
++    "reason": "$string:Qr_decode_image_cameraAbility_desc",
++    "usedScene": {
++      "abilities": [
++        "NativeScan"
++      ],
++      "when":"inuse"
++    }
++  }
+]
+```
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+>
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+详情请查看[react-native-qr-decode-image-camera官方文档](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera)
+ | Name                          | Description                                          | Type    | Required | Platform    | HarmonyOS Support |
+ | ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+ | QRreader | 调用此方法，调起图库，选择选择二维码图片进行图片解码，异步返回结果 | funtion | no       | IOS/Android | yes               |
+## 属性
+### QRscanner 
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+>
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+
+| Name                          | Description                                          | Type    | Required | Platform    | HarmonyOS Support |
+| ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| isRepeatScan | whether to allow repeated scanning | boolean | no       | IOS/Android | no               |
+| zoom | Camera focal length range 0-1 | number | no       | IOS/Android | yes               |
+| flashMode |Turn on the flashlight |boolean | no       | IOS/Android | yes               |
+| onRead |scan callback |funtion | yes       | IOS/Android | yes|
+| maskColor |mask layer color |string | no       | IOS/Android | yes|
+| borderColor |border color |string | no       | IOS/Android | yes|
+| cornerColor |Color of corner of scan frame |string | no       | IOS/Android | yes|
+| borderWidth |border width of scan frame |number | no       | IOS/Android | yes|
+| cornerBorderWidth |border width of scan frame corner |number | no       | IOS/Android | yes|
+| cornerBorderLength |	width and height of the corner of the scan frame |number | no       | IOS/Android | yes|
+| rectHeight |	Scan frame height |number | no       | IOS/Android | yes|
+| rectWidth |	Scan Frame Width |number | no       | IOS/Android | yes|
+| finderX |scan frame X axis offset |number | no       | IOS/Android | yes|
+| finderY |scan frame Y axis offset |number | no       | IOS/Android | yes|
+| isCornerOffset |whether the corners are offset |boolean | no       | IOS/Android | yes|
+| cornerOffsetSize |offset |number | no       | IOS/Android | yes|
+| bottomHeight |Reserved height at the bottom |number | no       | IOS/Android | yes|
+| scanBarAnimateTime |scan line time |number | no       | IOS/Android | yes|
+| scanBarColor |scan line color |string | no       | IOS/Android | yes|
+| scanBarImage |scan line image |any | no       | IOS/Android | yes|
+| scanBarHeight |scan line height |number | no       | IOS/Android | yes|
+| scanBarMargin |scanline left and right margin |number | no       | IOS/Android | yes|
+| hintText |hintText |string | no       | IOS/Android | yes|
+| hintTextStyle |hint string style |object | no       | IOS/Android | yes|
+| hintTextPosition |hintTextPosition |number | no       | IOS/Android | yes|
+| renderTopView |render top View |funtion | no       | IOS/Android | yes|
+| renderBottomView |render bottom View|funtion | no       | IOS/Android | yes|
+| isShowScanBar |whether to show scan lines|boolean | no       | IOS/Android | yes|
+| topViewStyle |render top container style|object | no       | IOS/Android | yes|
+| bottomViewStyle |render bottom container style|object | no       | IOS/Android | yes|
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera/blob/master/LICENSE) ，请自由地享受和参与开源。

From 3d8da0556a96b0798163b160971df6ff41fdbea8 Mon Sep 17 00:00:00 2001
From: wushuwang <wushuwang@h-partners.com>
Date: Tue, 18 Jun 2024 19:26:16 +0800
Subject: [PATCH 009/966] =?UTF-8?q?docs:=20[Issues:=20#I9OQKZ]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-touch-id=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-touch-id.md | 85 +++++++++++++++++-----------------
 1 file changed, 43 insertions(+), 42 deletions(-)

diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index 7d9f537e..06397acc 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-touch-id</code> </h1>
@@ -44,34 +44,30 @@ yarn add @react-native-oh-tpl/react-native-touch-id@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React from "react";
-import {
-  Alert,
-  Text,
-  View,
-  Button
-} from 'react-native';
+import React, { Component, useState } from 'react';
+import { Alert, View, Button, Text } from 'react-native';
 import TouchID from 'react-native-touch-id';
 
 const App = () => {
+  const [result, setResult] = useState<string>('')
   return (
-    <View>
+     <View>
+      <Text style={{ height: 40, backgroundColor: 'white', textAlign: 'center' }}>{result}</Text>
       <Button title='验证是否有指纹权限'
         onPress={() => {
           TouchID.isSupported({ unifiedErrors: false }).then((res: any) => {
-            Alert.alert(res)
+            setResult(res)
           }).catch((err: any) => {
-            Alert.alert(JSON.stringify(err.message))
+            setResult(err.message)
           })
         }}
       ></Button>
-
       <Button title='校验指纹'
         onPress={() => {
-          TouchID.authenticate().then((res:boolean)=>{
-            Alert.alert("认证成功")
-          }).catch((err:any)=>{
-            Alert.alert(err.message)
+          TouchID.authenticate().then((res: boolean) => {
+            setResult('认证成功')
+          }).catch((err: any) => {
+            setResult(err.message)
           })
         }}
       ></Button>
@@ -82,7 +78,9 @@ const App = () => {
 export default App;
 
 ```
+## 使用 Codegen
 
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
 ## Link
 
 目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -131,37 +129,21 @@ ohpm install
 
 方法二：直接链接源码
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-touch-id": "file:../../node_modules/@react-native-oh-tpl/react-native-touch-id/harmony/touch_id"
-  }
-```
-
-打开终端，执行：
-
-```bash
-cd entry
-ohpm install --no-link
-```
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 CalculatorPackage
+### 在 ArkTs 侧引入 TouchIdPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
 ...
-+ import { CalculatorPackage } from "@react-native-oh-tpl/react-native-touch-id/ts";
++ import { TouchIdPackage } from "@react-native-oh-tpl/react-native-touch-id/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
     new SamplePackage(ctx),
-+   new CalculatorPackage(ctx)
++   new TouchIdPackage(ctx)
   ];
 }
 ```
@@ -189,10 +171,6 @@ ohpm install
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases)
 
 
-本文档内容基于以下版本验证通过：
-
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18
-
 ### 权限要求
 
 （填入相关权限配置）
@@ -217,9 +195,32 @@ In your `module.json5`
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| isSupported  | 是否支持指纹         | function  | yes | ios/andriod      | yes |
-| authenticate  | 验证指纹         | function  | yes | ios/andriod      | yes |
+| isSupported  | Whether touchid is supported | function  | yes | ios/andriod      | yes |
+| authenticate  | Verify touchid | function  | yes | ios/andriod      | yes |
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+### Errors
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| Touch ID Error  | Permission verification failed | string  | no | harmonry      | yes |
+| Touch ID Error  | Incorrect parameters | string  | no | harmonry      | yes |
+| Touch ID Error  | Authentication failed  | string  | no | harmonry  | yes |
+| Touch ID Error  | The operation is canceled   | string  | no | harmonry  | yes |
+| Touch ID Error  | The operation is time-out | string  | no | harmonry  | yes |
+| Touch ID Error  | The authentication type is not supported   | string | no | harmonry  | yes |
+| Touch ID Error  | The authentication trust level is not supported | string  | no | harmonry      | yes |
+| Touch ID Error  | The authentication task is busy | string  | no | harmonry      | yes |
+| Touch ID Error  | The authenticator is locked  | string  | no | harmonry  | yes |
+| Touch ID Error  | General operation error   | string  | no | harmonry  | no |
+| Touch ID Error  | The authentication type is not supported | string  | no | harmonry  | yes |
+| Touch ID Error  | The type of credential has not been enrolled   | string | no | harmonry  | yes |
+| Touch ID Error  | The authentication is canceled from widget's navigation button   | string | no | harmonry  | yes |
+| Touch ID Error  | Indicates that current authentication failed because of PIN expired   | string | no | harmonry  | yes |
 ## 遗留问题
 
 ## 其他

From 5cbbf0aa084133d1be02536779a24a9a77cfb3d1 Mon Sep 17 00:00:00 2001
From: qianyu <qianyu24@h-partners.com>
Date: Tue, 18 Jun 2024 19:48:01 +0800
Subject: [PATCH 010/966] =?UTF-8?q?docs:=20=20[Issues:=20#IA4XW6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-ble-manager=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-ble-manager.md | 592 ++++++++++++++++++++++++++++++
 1 file changed, 592 insertions(+)
 create mode 100644 zh-cn/react-native-ble-manager.md

diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
new file mode 100644
index 00000000..db889662
--- /dev/null
+++ b/zh-cn/react-native-ble-manager.md
@@ -0,0 +1,592 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-ble-manager</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/innoveit/react-native-ble-manager">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ble-manager)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-ble-manager@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-ble-manager@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import { ScrollView, StyleSheet, Button, View, Text, NativeEventEmitter, NativeModules, TouchableHighlight, FlatList, Alert } from 'react-native';
+import ReactNativeBleManager from 'react-native-ble-manager';
+import { Peripheral } from 'react-native-ble-manager';
+import { Colors } from 'react-native/Libraries/NewAppScreen';
+
+
+declare module '@react-native-oh-tpl/react-native-ble-manager' {
+    interface Peripheral {
+        connected?: boolean;
+        connecting?: boolean;
+    }
+}
+
+export enum BleState {
+    Unknown = "unknown",
+    Resetting = "resetting",
+    Unsupported = "unsupported",
+    Unauthorized = "unauthorized",
+    On = "on",
+    Off = "off",
+    TurningOn = "turning_on",
+    TurningOff = "turning_off",
+}
+
+export enum BleScanMatchMode {
+    Aggressive = 1,
+    Sticky = 2,
+}
+
+export enum BleScanMode {
+    Opportunistic = -1,
+    LowPower = 0,
+    Balanced = 1,
+    LowLatency = 2,
+}
+
+const BleManagerModule = NativeModules.BleManager;
+const bleManagerEmitter = new NativeEventEmitter(BleManagerModule);
+
+export default function BleManagerDemo() {
+    useEffect(() => {
+        listeners
+    })
+
+    const [result, setResult] = useState<string>('');
+    const [deviceId, setDeviceId] = useState('')
+
+
+    const [peripherals, setPeripherals] = useState(
+        new Map<Peripheral['id'], Peripheral>(),
+    );
+
+
+    const handleDiscoverPeripheral = (peripheral: Peripheral) => {
+        setResult(JSON.stringify(peripheral))
+        setDeviceId(peripheral.id);
+        if (!peripheral.name) {
+            peripheral.name = 'NO NAME';
+        }
+        setPeripherals(map => {
+            return new Map(map.set(peripheral.id, peripheral));
+        });
+    };
+
+    const listeners = [
+        bleManagerEmitter.addListener('BleManagerDiscoverPeripheral', handleDiscoverPeripheral),
+    ];
+
+    const renderItem = ({ item }: { item: Peripheral }) => {
+        return (
+            <TouchableHighlight>
+                <View style={[styles.row]}>
+                    <Text style={styles.peripheralName}>
+                        {item.name} - {item?.advertising?.localName}
+                        {item.connecting && ' - Connecting...'}
+                    </Text>
+                    <Text style={styles.rssi}>RSSI: {item.rssi}</Text>
+                    <Text style={styles.peripheralId}>{item.id}</Text>
+                    <Text style={styles.peripheralId}>{`${item.advertising.isConnectable}`}</Text>
+                    <View style={{ height: 50 }}>
+                        <Button title='connect' onPress={() => {
+                            ReactNativeBleManager.connect(item.id)
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='createBond' onPress={() => {
+                            ReactNativeBleManager.createBond(item.id)
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='获取serves' onPress={() => {
+                            ReactNativeBleManager.retrieveServices(item.id, ['00001888-0000-1000-8000-00805F9B34FB'])
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50 }}>
+                        <Button title='getBondedPeripherals' onPress={async () => {
+                            const list = await ReactNativeBleManager.getBondedPeripherals()
+                            console.log('返回已绑定的设备' + JSON.stringify(list))
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50 }}>
+                        <Button title='getConnectedPeripherals' onPress={async () => {
+                            const list = await ReactNativeBleManager.getConnectedPeripherals()
+                            Alert.alert(JSON.stringify(list))
+                        }}></Button>
+                    </View>
+
+                    <View style={{ height: 50 }}>
+                        <Button title='getDiscoveredPeripherals' onPress={async () => {
+                            const list = await ReactNativeBleManager.getDiscoveredPeripherals()
+                            Alert.alert(JSON.stringify(list))
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='写入value' onPress={() => {
+                            ReactNativeBleManager.write(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB', [1])
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='写入des' onPress={() => {
+                            ReactNativeBleManager.writeDescriptor(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB', '00002902-0000-1000-8000-00805F9B34FB', [1])
+
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50 }}>
+                        <Button title='readCharacteristicValue' onPress={() => {
+                            ReactNativeBleManager.read(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB').then((res)=>{
+                                Alert.alert(JSON.stringify(res))
+                            })
+
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50 }}>
+                        <Button title='readDescriptor' onPress={() => {
+                            ReactNativeBleManager.readDescriptor(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB', '00002902-0000-1000-8000-00805F9B34FB')
+
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='readRSSI' onPress={() => {
+                            ReactNativeBleManager.readRSSI(item.id).then((data) => {
+                                Alert.alert(data + "")
+                            })
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='requestMTU' onPress={() => {
+                            ReactNativeBleManager.requestMTU(item.id, 10).then((res)=>{
+                                Alert.alert(res + "")
+                            })
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='checkState' onPress={() => {
+                            ReactNativeBleManager.checkState().then((res)=>{
+                                Alert.alert(JSON.stringify(res))
+                            })
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='startNotification' onPress={() => {
+                            ReactNativeBleManager.startNotification(item.id,'00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB')
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='stopScan' onPress={() => {
+                            ReactNativeBleManager.stopScan()
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='disconnect' onPress={() => {
+                            ReactNativeBleManager.disconnect(item.id, true)
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='removeBond' onPress={() => {
+                            ReactNativeBleManager.removeBond(item.id).then(() => {
+                                Alert.alert('此接口为系统接口，三方库无法调用')
+                            })
+                        }}></Button>
+                    </View>
+                </View>
+            </TouchableHighlight>
+        );
+    };
+
+    return (
+        <View style={styles.container}>
+            <View style={styles.titleArea}>
+                <Text style={styles.title}>BleManager</Text>
+            </View>
+           
+            <View style={{ width: '100%', display: 'flex', flexDirection: "row", justifyContent: 'space-around', alignItems: 'center',marginTop:10 }}>
+            <View style={{ height: 50, width: 'auto'}}>
+                        <Button title='enableBluetooth' onPress={() => {
+                            ReactNativeBleManager.enableBluetooth()
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50,width: 'auto' }}>
+                        <Button title='start' onPress={() => {
+                            ReactNativeBleManager.start()
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50,width: 'auto' }}>
+                        <Button title='scan' onPress={() => {
+                            ReactNativeBleManager.scan(['00001888-0000-1000-8000-00805F9B34FB'], 0, true, {
+                                companion: true,
+                                matchMode: BleScanMatchMode,
+                                scanMode: BleScanMode,
+                                reportDelay: 1,
+                                exactAdvertisingName: ''
+                            })
+                        }}></Button>
+                    </View>
+            </View>
+             <FlatList
+                data={Array.from(peripherals.values())}
+                contentContainerStyle={{ rowGap: 12 }}
+                renderItem={renderItem}
+                keyExtractor={item => item.id}
+                style={{ width: '100%' }}
+            />
+        </View>
+    )
+}
+
+const boxShadow = {
+    shadowColor: '#000',
+    shadowOffset: {
+        width: 0,
+        height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+};
+
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        height: '100%',
+        flexDirection: 'column',
+        alignItems: 'center',
+        backgroundColor: '#F1F3F5',
+    },
+    baseText: {
+        width: '100%',
+        height: '100%',
+        fontWeight: 'bold',
+        textAlign: 'center',
+        fontSize: 16,
+        ellipsizeMode: 'tail',
+        numberOfLines: 2
+    },
+    titleArea: {
+        width: '90%',
+        height: '8%',
+        alignItems: 'center',
+        flexDirection: 'row',
+    },
+    title: {
+        width: '90%',
+        color: '#000000',
+        textAlign: "center",
+        fontSize: 30,
+        border:5,
+    },
+    scrollView: {
+        width: '90%',
+        marginHorizontal: 10,
+    },
+
+    inputArea: {
+        width: '90%',
+        height: '10%',
+        borderWidth: 2,
+        borderColor: '#000000',
+        marginTop: 8,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    baseArea: {
+        width: '100%',
+        height: 60,
+        borderRadius: 4,
+        borderColor: '#000000',
+        marginTop: 6,
+        backgroundColor: '#FFFFFF',
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingLeft: 8,
+        paddingRight: 8
+    },
+    engine: {
+        position: 'absolute',
+        right: 10,
+        bottom: 0,
+        color: Colors.black,
+    },
+    buttonGroup: {
+        flexDirection: 'row',
+        width: '100%'
+    },
+    scanButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: 16,
+        paddingHorizontal: 16,
+        backgroundColor: '#0a398a',
+        margin: 10,
+        borderRadius: 12,
+        flex: 1,
+        ...boxShadow,
+    },
+    scanButtonText: {
+        fontSize: 16,
+        letterSpacing: 0.25,
+        color: Colors.white,
+    },
+    body: {
+        backgroundColor: '#0082FC',
+        flex: 1,
+    },
+    sectionContainer: {
+        marginTop: 32,
+        paddingHorizontal: 24,
+    },
+    sectionTitle: {
+        fontSize: 24,
+        fontWeight: '600',
+        color: Colors.black,
+    },
+    sectionDescription: {
+        marginTop: 8,
+        fontSize: 18,
+        fontWeight: '400',
+        color: Colors.dark,
+    },
+    highlight: {
+        fontWeight: '700',
+    },
+    footer: {
+        color: Colors.dark,
+        fontSize: 12,
+        fontWeight: '600',
+        padding: 4,
+        paddingRight: 12,
+        textAlign: 'right',
+    },
+    peripheralName: {
+        fontSize: 16,
+        textAlign: 'center',
+        padding: 10,
+    },
+    rssi: {
+        fontSize: 12,
+        textAlign: 'center',
+        padding: 2,
+    },
+    peripheralId: {
+        fontSize: 12,
+        textAlign: 'center',
+        padding: 2,
+        paddingBottom: 20,
+    },
+    row: {
+        marginLeft: 10,
+        marginRight: 10,
+        borderRadius: 20,
+        ...boxShadow,
+        alignItems: 'center'
+    },
+    noPeripherals: {
+        margin: 10,
+        textAlign: 'center',
+        color: Colors.white,
+    },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_manager.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 BlePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { BlePackage } from '@react-native-oh-tpl/react-native-ble-manager/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new BlePackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases)
+
+### 权限要求
+
+- 由于此库涉及蓝牙系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
+
+- 此库部分功能与接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH。
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                         | Description                                                  | Required | Platform    | HarmonyOS Support |
+| -------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| start                                        | Init the module. Returns a `Promise` object. Don’t call this multiple times. | No       | IOS/Android | Yes               |
+| scan                                         | Scan for available peripherals                               | No       | IOS/Android | Yes               |
+| stopScan                                     | Stop the scanning                                            | No       | IOS/Android | yes               |
+| connect                                      | Attempts to connect to a peripheral. In many case if you can’t connect you have to scan for the peripheral before | No       | IOS/Android | Yes               |
+| disconnect                                   | Disconnect from a peripheral                                 | No       | IOS/Android | Yes               |
+| enableBluetooth                              | Create the ACTION_REQUEST_ENABLE to ask the user to activate the bluetooth | No       | Android     | Yes               |
+| checkState                                   | Force the module to check the state of the native BLE manager and trigger a BleManagerDidUpdateState event | No       | IOS/Android | Yes               |
+| readRSSI                                     | Read the current value of the RSSI                           | No       | IOS/Android | Yes               |
+| createBond                                   | Start the bonding (pairing) process with the remote device   | No       | Android     | Yes               |
+| retrieveServices                             | Retrieve the peripheral’s services and characteristics       | No       | IOS/Android | Yes               |
+| startNotification                            | Start the notification on the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| read                                         | Read the current value of the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| write                                        | Write with response to the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| readDescriptor                               | Read the current value of the specified descriptor, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| writeDescriptor                              | Write a value to the specified descriptor, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| requestMTU                                   | Request an MTU size used for a given connection              | No       | Android     | Yes               |
+| getConnectedPeripherals                      | Return the connected peripherals                             | No       | IOS/Android | Yes               |
+| getBondedPeripherals                         | Return the bonded peripherals                                | No       | IOS/Android | Yes               |
+| getDiscoveredPeripherals                     | Return the discovered peripherals after a scan               | No       | IOS/Android | Yes               |
+| removeBond                                   | Remove a paired device                                       | No       | Android     | No                |
+| refreshCache                                 | refreshes the peripheral’s services and characteristics cache Returns a `Promise` object. | No       | Android     | No                |
+| requestConnectionPriority                    | Request a connection parameter update                        | No       | Android     | No                |
+| startNotificationUseBuffer                   | Start the notification on the specified characteristic, you need to call `retrieveServices` method before | No       | Android     | No                |
+| removePeripheral                             | Removes a disconnected peripheral from the cached list       | No       | Android     | Yes               |
+| CompanionScan                                | Scan for companion devices                                   | No       | Android     | No                |
+| getAssociatedPeripherals                     | Retrive associated peripherals (from companion manager)      | No       | Android     | No                |
+| removeAssociatedPeripheral                   | Remove a associated peripheral                               | No       | Android     | No                |
+| setName                                      | Create the request to set the name of the bluetooth adapter  | No       | Android     | No                |
+| isScanning                                   | Checks whether the scan is in progress and return `true` or `false` | No       | IOS/Android | Yes               |
+| writeWithoutResponse                         | Write without response to the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | No                |
+| getMaximumWriteValueLengthForWithoutResponse | Return the maximum value length for WriteWithoutResponse     | No       | IOS         | No                |
+| getMaximumWriteValueLengthForWithResponse    | Return the maximum value length for WriteWithResponse        | No       | IOS         | No                |
+| isPeripheralConnected                        | Check whether a specific peripheral is connected and return `true` or `false` | No       | IOS         | Yes               |
+| supportsCompanion                            | Check if current device supports companion device manager    | No       | Android     | No                |
+| stopNotification                             | Stop the notification on the specified characteristic        | No       | IOS/Android | No                |
+
+## 遗留问题
+
+- [ ] refreshCache 用于清理和刷新蓝牙设备缓存的一部分 [issue#3](https://github.com/react-native-oh-library/react-native-ble-manager/issues/3)
+- [ ] requestConnectionPriority 用于请求蓝牙连接优先级 [issue#4](https://github.com/react-native-oh-library/react-native-ble-manager/issues/4)
+- [ ] startNotificationUseBuffer 用来启动一个带缓冲区的通知服务 [issue#6](https://github.com/react-native-oh-library/react-native-ble-manager/issues/6)
+- [ ] CompanionScan 扫描配套设备[issue#5](https://github.com/react-native-oh-library/react-native-ble-manager/issues/5)
+- [ ] getAssociatedPeripherals 检索相关外围设备（从配套管理器） [issue#7](https://github.com/react-native-oh-library/react-native-ble-manager/issues/7)
+- [ ] removeAssociatedPeripheral 移除相关外围设备  [issue#8](https://github.com/react-native-oh-library/react-native-ble-manager/issues/8)
+- [ ] setName 创建设置蓝牙适配器名称  [issue#9](https://github.com/react-native-oh-library/react-native-ble-manager/issues/9)
+- [ ] supportsCompanion 检查当前设备是否支持配套设备管理器 [issue#10](https://github.com/react-native-oh-library/react-native-ble-manager/issues/10)
+- [ ] stopNotification 停止指定特征的通知 [issue#11](https://github.com/react-native-oh-library/react-native-ble-manager/issues/11)
+- [ ] writeWithoutResponse 写入不响应指定特性 [issue#12](https://github.com/react-native-oh-library/react-native-ble-manager/issues/12)
+- [ ] removeBond 删除已配对的设备 [issue#13](https://github.com/react-native-oh-library/react-native-ble-manager/issues/13)
+- [ ] getMaximumWriteValueLengthForWithoutResponse 用于获取在不带响应的情况下可以写入的最大数据长度 [issue#14](https://github.com/react-native-oh-library/react-native-ble-manager/issues/14)
+- [ ] getMaximumWriteValueLengthForWithResponse 它用于获取在带有响应的情况下可以写入的最大数据长度  [issue#15](https://github.com/react-native-oh-library/react-native-ble-manager/issues/15)
+
+## 其他
+
+## 开源协议
+
+本项目基于[The MIT License (MIT)](https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE) ，请自由地享受和参与开源。
+

From c22e69004e1186eff29b93abc25d5ed52e1febc5 Mon Sep 17 00:00:00 2001
From: wjy <18071094885@163.com>
Date: Wed, 19 Jun 2024 09:47:39 +0800
Subject: [PATCH 011/966] =?UTF-8?q?fix:=20[Issues:=20#I9VQPS]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-modalbox=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modalbox.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index 299d6276..ad0def3f 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-modalbox</code> </h1>
@@ -278,7 +278,7 @@ hese methods are optional, you can use the isOpen property instead
 
 | Name  | Description  | Type | Required  |Platform|HarmonyOS Support |
 | :------------ |:---------------:| :---------------:|:---------------:|:---------------:|:---------------:|
-| open  | Open the modal  | `function`  | no  | IOS/Android  | yes  |
+| open  | Open the modal | `function`  | no  | IOS/Android  | yes  |
 | close  | Close the modal | `function`  | no  | IOS/Android  | yes  |
 
 

From 3f6ce9f0a4423b33f9475576d96b899e89ede463 Mon Sep 17 00:00:00 2001
From: "amiz21@qq.com" <amiz21@qq.com>
Date: Wed, 19 Jun 2024 11:10:42 +0800
Subject: [PATCH 012/966] =?UTF-8?q?docs:=20[Issues:=20#IA6F3D]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-image-base64=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Menu.xlsx                          | Bin 29570 -> 29880 bytes
 README.md                          |   1 +
 _sidebar.md                        |   1 +
 zh-cn/README.md                    |   2 +-
 zh-cn/react-native-image-base64.md | 221 +++++++++++++++++++++++++++++
 5 files changed, 224 insertions(+), 1 deletion(-)
 create mode 100644 zh-cn/react-native-image-base64.md

diff --git a/Menu.xlsx b/Menu.xlsx
index 9b2dfcc974d085ba7415483a131cc218da325f77..2699e6d4967bb39b3e3bd9019067003428d39373 100644
GIT binary patch
delta 24305
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
aLX`gtvW|#A_J0K0pjuuWsOawhnfxyW?N2`d

delta 23995
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
MJ{*`cZvWZ*KdvtAi~s-t

diff --git a/README.md b/README.md
index 8c5e38a2..c66af518 100644
--- a/README.md
+++ b/README.md
@@ -162,6 +162,7 @@
 | 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)                                                                                                          | 1.0.3         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reconnecting-websocket.md)   |
 | 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                                                                                                          | 1.3.0         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-json-tree.md)                |
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                                                                                                               | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery/releases)                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-gallery.md)            |
+| 139  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                                                                                                              | 0.1.3         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-base64.md)             |
 
 ## 社区
 
diff --git a/_sidebar.md b/_sidebar.md
index 9abe6ea5..dc67a6a5 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -51,6 +51,7 @@
     - [lottie-react-native](/zh-cn/lottie-react-native.md)
     - [react-native-image-sequence-2](/zh-cn/react-native-image-sequence-2.md)
     - [react-native-clippath](/zh-cn/react-native-clippath.md)
+    - [react-native-image-base64](/zh-cn/react-native-image-base64.md)
   - RN JS 库
     - [react-i18next](/zh-cn/react-i18next.md)
     - [react-native-action-button](/zh-cn/react-native-action-button.md)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index a5419fca..f1153bf1 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -163,7 +163,7 @@
 | 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                                                                                                          | 1.3.0         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-json-tree.md)                |
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                                                                                                               | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery/releases)                                                                                                                                  | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-gallery.md)            |
 | 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                                                                                                                               | 0.40.3        | 是                  | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                                                                                                                                  | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md)            |
-
+| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                                                                                                               | 0.1.3        | 是                  | -                                                                                                                   | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-base64.md)            |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/react-native-image-base64.md b/zh-cn/react-native-image-base64.md
new file mode 100644
index 00000000..3e563cd3
--- /dev/null
+++ b/zh-cn/react-native-image-base64.md
@@ -0,0 +1,221 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-base64</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/SnappFr/react-native-image-base64">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/SnappFr/react-native-image-base64/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-base64)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-base64 Releases](https://github.com/react-native-oh-library/react-native-image-base64/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-base64@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-base64@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { StyleSheet, View, Button, Image } from "react-native";
+import React from "react";
+import ImgToBase64 from "react-native-image-base64";
+import { isSourceFile } from "typescript";
+
+export default function PermissionsExample() {
+  const viewPer = React.useRef < View > null;
+  const ref = React.useRef(null);
+  const onCapture = (uri: any) => {
+    console.info("onCapture callback");
+    setTxt(JSON.stringify(uri));
+  };
+  const onCaptureFailure = (err: any) => {
+    console.info("onCaptureFailure " + JSON.stringify(err));
+    setTxt(JSON.stringify(err));
+  };
+  const [txt, setTxt] = React.useState("");
+  return (
+    <View style={styles.sectionContainer}>
+      <Button
+        title="获取网络图片的Base64编码"
+        onPress={async () => {
+          let base64Str = await ImgToBase64.getBase64String(
+            "https://img0.baidu.com/it/u=2303734322,1592927702&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500"
+          );
+          console.info("Image's Base64:", base64Str);
+        }}
+        style={styles.button}
+      />
+      {/* 两按钮之间的垂直距离 */}
+      <View style={styles.buttonSpacing} />
+      <Button
+        title="获取本地图片的Base64编码"
+        onPress={async () => {
+          let base64Str = await ImgToBase64.getBase64String("");
+          console.info("Image's Base64:", base64Str);
+        }}
+        style={styles.button}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  sectionContainer: {
+    marginTop: 100,
+    paddingHorizontal: 24,
+  },
+  view: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-evenly",
+    flexWrap: "wrap",
+    margin: 50,
+  },
+  button: {
+    matiginVertical: 10, // 垂直间距
+  },
+  buttonSpacing: {
+    height: 20,
+    width: "100%",
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-base64": "file:../../node_modules/@react-native-oh-tpl/react-native-image-base64/harmony/ImageBase64.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 引入 RNImageBase64Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { RNImageBase64Package } from "@react-native-oh-tpl/react-native-image-base64/ts"
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNImageBase64Package(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1(api12) 5.0.0.22; IDE: DevEco Studio 5.0.3.300SP2;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                   | Type     | Required | Platform | HarmonyOS Support |
+| ------------------- | ----------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| getBase64String     | Retrieve the base64 encoding of the specified image. Return a string type.    | function | no       | All      | yes               |
+| getPixelMapFromURL  | Convert network images to PixelMap format.                                    | function | no       | All      | yes               |
+| getPixelMapFromFile | Convert local images to PixelMap format.                                      | function | no       | All      | yes               |
+| pixelMapToBase64    | Convert PixelMap format images to their corresponding base64 encoding format. | function | no       | All      | yes               |
+
+## 遗留问题
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/SnappFr/react-native-image-base64/blob/master/LICENSE.md) ，请自由地享受和参与开源。

From 0ed7a33c52665e82d3f605aed1186a6fe228685d Mon Sep 17 00:00:00 2001
From: "amiz21@qq.com" <amiz21@qq.com>
Date: Wed, 19 Jun 2024 11:14:03 +0800
Subject: [PATCH 013/966] docs: format the README file

---
 Menu.xlsx       | Bin 29880 -> 25336 bytes
 README.md       | 283 +++++++++++++++++++++++------------------------
 zh-cn/README.md | 287 ++++++++++++++++++++++++------------------------
 3 files changed, 286 insertions(+), 284 deletions(-)

diff --git a/Menu.xlsx b/Menu.xlsx
index 2699e6d4967bb39b3e3bd9019067003428d39373..d0ce9759d25720cc7a541f9cbbc2f6063da2dc34 100644
GIT binary patch
delta 21446
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
I_CIg_2T1)>mjD0&

delta 26011
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

diff --git a/README.md b/README.md
index c66af518..cd674aea 100644
--- a/README.md
+++ b/README.md
@@ -22,147 +22,148 @@
 
 > [!tip] NPM 公仓坐标：@react-native-oh-tpl
 
-| 序号 | 原库名                                                                                                                                                                                                               | 原库基线版本  | 原库是否支持新架构 | HarmonyOS Releases                                                                                                                                                                                                                                        | 文档链接                                                                                                                |
-| ---- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
-| 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage "https://github.com/react-native-async-storage/async-storage")                                               | 1.21.1        | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases "https://github.com/react-native-oh-library/async-storage/releases")                                                                               | [链接](/zh-cn/react-native-async-storage-async-storage.md)                                                              |
-| 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll "https://github.com/react-native-oh-library/react-native-cameraroll")                                     | 6.0.0         | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases "https://github.com/react-native-oh-library/react-native-cameraroll/releases")                                                             | [链接](/zh-cn/react-native-cameraroll.md)                                                                               |
-| 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard "https://github.com/react-native-clipboard/clipboard")                                                                       | 1.13.2        | 是                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases "https://github.com/react-native-oh-library/clipboard/releases")                                                                                           | [链接](/zh-cn/react-native-clipboard-clipboard.md)                                                                      |
-| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur "https://github.com/Kureev/react-native-blur")                                                                                            | 4.4.0         | 是                 | [@react-native-oh-tpl/blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases "https://github.com/react-native-oh-library/react-native-blur/releases")                                                                       | [链接](/zh-cn/react-native-community-blur.md)                                                                           |
-| 5    | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox "https://github.com/react-native-checkbox/react-native-checkbox")                                                  | 0.5.16        | 否                 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases "https://github.com/react-native-oh-library/react-native-checkbox/releases")                                                       | [链接](/zh-cn/react-native-community-checkbox.md)                                                                       |
-| 6    | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker "https://github.com/react-native-datetimepicker/datetimepicker")                                              | 7.6.2         | 是                 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases "https://github.com/react-native-oh-library/datetimepicker/releases")                                                                            | [链接](/zh-cn/react-native-community-datetimepicker.md)                                                                 |
-| 7    | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation "https://github.com/michalchudziak/react-native-geolocation")                                                       | 3.1.0         | 是                 | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases "https://github.com/react-native-oh-library/react-native-geolocation/releases")                                              | [链接](/zh-cn/react-native-geolocation.md)                                                                              |
-| 8    | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo "https://github.com/react-native-netinfo/react-native-netinfo")                                                       | 11.1.0        | 是                 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases "https://github.com/react-native-oh-library/react-native-netinfo/releases")                                                                       | [链接](/zh-cn/react-native-community-netinfo.md)                                                                        |
-| 9    | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android "https://github.com/react-native-progress-view/progress-bar-android")                              | 1.0.4         | 是                 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases "https://github.com/react-native-oh-library/progress-bar-android/releases")                                                          | [链接](/zh-cn/react-native-community-progress-bar-android.md)                                                           |
-| 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view "https://github.com/react-native-progress-view/progress-view")                                                   | 1.4.2         | 是                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases "https://github.com/react-native-oh-library/progress-view/releases")                                                                               | [链接](/zh-cn/react-native-community-progress-view.md)                                                                  |
-| 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios "https://github.com/react-native-push-notification/ios")                                                       | 1.11.0        | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases "https://github.com/react-native-oh-library/react-native-push-notification-ios/releases")                             | [链接](/zh-cn/react-native-community-push-notification-ios.md)                                                          |
-| 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider "https://github.com/callstack/react-native-slider")                                                                                | 4.4.3         | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases "https://github.com/react-native-oh-library/react-native-slider/releases")                                                                          | [链接](/zh-cn/react-native-community-slider.md)                                                                         |
-| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android "https://github.com/react-native-toolbar-android/toolbar-android")                                         | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases "https://github.com/react-native-oh-library/toolbar-android/releases")                                                                         | [链接](/zh-cn/react-native-toolbar-android.md)                                                                          |
-| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies "https://github.com/react-native-cookies/cookies")                                                                                   | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases "https://github.com/react-native-oh-library/react-native-cookies/releases")                                                                       | [链接](/zh-cn/react-native-cookies.md)                                                                                  |
-| 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view "https://github.com/react-native-masked-view/masked-view")                                                           | 0.2.9         | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases "https://github.com/react-native-oh-library/masked-view/releases")                                                                                     | [链接](/zh-cn/react-native-masked-view-masked-view.md)                                                                  |
-| 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker "https://github.com/react-native-picker/picker")                                                                                         | 2.5.1         | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases "https://github.com/react-native-oh-library/picker/releases")                                                                                                    | [链接](/zh-cn/react-native-picker-picker.md)                                                                            |
-| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control "https://github.com/react-native-segmented-control/segmented-control")                       | 2.5.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-community-segmented-control.md)                                                              |
-| 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs "https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs")             | 6.5.11        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-navigation-bottom-tabs.md)                                                                          |
-| 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements "https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements")                      | 1.3.21        | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases "https://github.com/react-native-oh-library/react-navigation/releases")                                                                              | [链接](/zh-cn/react-navigation-elements.md)                                                                             |
-| 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native "https://github.com/react-navigation/react-navigation/tree/6.x/packages/native")                            | 6.1.9         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-navigation-native.md)                                                                               |
-| 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack "https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack")                               | 6.3.19        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-navigation-stack.md)                                                                                |
-| 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list "https://github.com/Shopify/flash-list")                                                                                                                 | 1.6.3         | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases "https://github.com/react-native-oh-library/flash-list/releases")                                                                                        | [链接](/zh-cn/shopify-flash-list.md)                                                                                    |
-| 23   | [axios](https://github.com/axios/axios "https://github.com/axios/axios")                                                                                                                                             | 1.6.7         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/axios.md)                                                                                                 |
-| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0 "https://github.com/brix/crypto-js/tree/4.2.0")                                                                                                             | 4.2.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/crypto-js.md)                                                                                             |
-| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file "https://github.com/iamkun/dayjs?tab=readme-ov-file")                                                                                                     | 1.11.1        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/dayJs.md)                                                                                                 |
-| 26   | [deepmerge](https://github.com/TehShrike/deepmerge "https://github.com/TehShrike/deepmerge")                                                                                                                         | 4.3.1         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/deepmerge.md)                                                                                             |
-| 27   | [EventBus](https://github.com/krasimir/EventBus "https://github.com/krasimir/EventBus")                                                                                                                              | 0.2.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/EventBus.md)                                                                                              |
-| 28   | [htmlparser2](https://github.com/fb55/htmlparser2 "https://github.com/fb55/htmlparser2")                                                                                                                             | 9.1.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/htmlparser2.md)                                                                                           |
-| 29   | [immer](https://github.com/immerjs/immer "https://github.com/immerjs/immer")                                                                                                                                         | 10.0.4        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/Immer.md)                                                                                                 |
-| 30   | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider "https://github.com/react-native-oh-library/jeanregisser-react-native-slider")                        | 0.11.0        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/jeanregisser-react-native-slider.md)                                                                      |
-| 31   | [JsBarCode](https://github.com/lindell/JsBarcode "https://github.com/lindell/JsBarcode")                                                                                                                             | 3.11.6        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/jsbarcode.md)                                                                                             |
-| 32   | [js-beautify](https://github.com/beautifier/js-beautify "https://github.com/beautifier/js-beautify")                                                                                                                 | 1.14.9        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/js-beautify.md)                                                                                           |
-| 33   | [js-beautify](https://github.com/beautifier/js-beautify "https://github.com/beautifier/js-beautify")                                                                                                                 | 1.15.1        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/js-beautify.md)                                                                                           |
-| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21 "https://github.com/lodash/lodash/tree/4.17.21")                                                                                                              | 4.17.21       | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/lodash.md)                                                                                                |
-| 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native "https://github.com/lottie-react-native/lottie-react-native")                                                                       | 6.4.1         | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases "https://github.com/react-native-oh-library/lottie-react-native/releases")                                                             | [链接](/zh-cn/lottie-react-native.md)                                                                                   |
-| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0 "https://github.com/mobxjs/mobx/tree/mobx@6.10.0")                                                                                                            | 6.10.0        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/mobx.md)                                                                                                  |
-| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0 "https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0")                                                                                            | 7.6.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/mobx-react.md)                                                                                            |
-| 38   | [Moment](https://github.com/moment/moment "https://github.com/moment/moment")                                                                                                                                        | 2.30.1        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/moment.md)                                                                                                |
-| 39   | [parse5](https://github.com/inikulin/parse5 "https://github.com/inikulin/parse5")                                                                                                                                    | 7.1.2         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/parse5.md)                                                                                                |
-| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1 "https://github.com/facebook/prop-types/tree/v15.8.1")                                                                                              | 15.8.1        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/prop-types.md)                                                                                            |
-| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator "https://github.com/kazuhikoarase/qrcode-generator")                                                                                            | 1.4.4         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/qrcode-generator.md)                                                                                      |
-| 42   | [react-ahooks](https://github.com/alibaba/hooks "https://github.com/alibaba/hooks")                                                                                                                                  | 3.7.11        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-ahooks.md)                                                                                          |
-| 43   | [react-i18next](https://github.com/i18next/react-i18next "https://github.com/i18next/react-i18next")                                                                                                                 | 8.6.3         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-i18next.md)                                                                                         |
-| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat "https://github.com/reactjs/react-lifecycles-compat")                                                                                   | 3.0.4         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-lifecycles-compat.md)                                                                               |
-| 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button "https://github.com/mastermoo/react-native-action-button")                                                                      | 2.8.5         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-action-button.md)                                                                            |
-| 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number "https://github.com/wkh237/react-native-animate-number")                                                                         | 0.1.2         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-animate-number.md)                                                                           |
-| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/ "https://github.com/gluestack/react-native-aria/")                                                                                               | 0.2.4         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-aria.md)                                                                                     |
-| 48   | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview "https://github.com/react-native-oh-library/react-native-autoheight-webview")                           | 1.6.5         | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases "https://github.com/react-native-oh-library/react-native-autoheight-webview/releases")                         | [链接](/zh-cn/react-native-autoheight-webview.md)                                                                       |
-| 49   | [react-native-base64](https://github.com/eranbo/react-native-base64 "https://github.com/eranbo/react-native-base64")                                                                                                 | 0.2.1         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-base64.md)                                                                                   |
-| 50   | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util "https://github.com/react-native-oh-library/react-native-blob-util")                                                      | 0.19.6        | 是                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases "https://github.com/react-native-oh-library/react-native-blob-util/releases")                                                    | [链接](/zh-cn/react-native-blob-util.md)                                                                                |
-| 51   | [react-native-canvas](https://github.com/iddan/react-native-canvas "https://github.com/iddan/react-native-canvas")                                                                                                   | 0.1.39        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-canvas.md)                                                                                   |
-| 52   | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box "https://github.com/crazycodeboy/react-native-check-box")                                                                            | 2.1.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-check-box.md)                                                                                |
-| 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field "https://github.com/retyui/react-native-confirmation-code-field")                                              | 7.4.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-confirmation-code-field.md)                                                                  |
-| 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js "https://github.com/imchintan/react-native-crypto-js")                                                                                  | 1.0.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-crypto-js.md)                                                                                |
-| 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv "https://github.com/goatandsheep/react-native-dotenv")                                                                                     | 3.4.9         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-dotenv.md)                                                                                   |
-| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort "https://github.com/mochixuan/react-native-drag-sort")                                                                                  | 2.4.4         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-drag-sort.md)                                                                                |
-| 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill "https://github.com/rnc-archive/react-native-drawer-layout-polyfill")                                       | 2.0.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)                                                                   |
-| 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro "https://github.com/supervons/react-native-echarts-pro")                                                                            | 1.9.1         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-echarts-pro.md)                                                                              |
-| 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler "https://github.com/a7ul/react-native-exception-handler")                                                                    | 2.10.10       | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases "https://github.com/react-native-oh-library/react-native-exception-handler/releases")                            | [链接](/zh-cn/react-native-exception-handler.md)                                                                        |
-| 60   | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image "https://github.com/DylanVann/react-native-fast-image")                                                                               | 8.6.3         | 否                 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases "https://github.com/react-native-oh-library/react-native-fast-image/releases")                                                 | [链接](/zh-cn/react-native-fast-image.md)                                                                               |
-| 61   | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image "https://github.com/huiseoul/react-native-fit-image")                                                                                    | 1.5.5         | \-                 | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases "https://github.com/huiseoul/react-native-fit-image/releases")                                                                                  | [链接](/zh-cn/react-native-fit-Image.md)                                                                                |
-| 62   | [react-native-fs](https://github.com/itinance/react-native-fs "https://github.com/itinance/react-native-fs")                                                                                                         | 2.20.0        | 是                 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases "https://github.com/react-native-oh-library/react-native-fs/releases")                                                                         | [链接](/zh-cn/react-native-fs.md)                                                                                       |
-| 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler "https://github.com/software-mansion/react-native-gesture-handler")                                                  | 2.12.1        | 是                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases "https://github.com/react-native-oh-library/react-native-gesture-handler/releases")                                  | [链接](/zh-cn/react-native-gesture-handler.md)                                                                          |
-| 64   | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor "https://github.com/react-native-oh-library/react-native-image-editor")                                             | 3.2.0         | 是                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases "https://github.com/react-native-oh-library/react-native-image-editor/releases")                                           | [链接](/zh-cn/react-native-image-editor.md)                                                                             |
-| 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker "https://github.com/react-native-image-picker/react-native-image-picker")                                         | 7.0.3         | 是                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases "https://github.com/react-native-oh-library/react-native-image-picker/releases")                                           | [链接](/zh-cn/react-native-image-picker.md)                                                                             |
-| 66   | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer "https://github.com/react-native-oh-library/react-native-image-viewer")                                             | 3.0.1         | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases "https://github.com/react-native-oh-library/react-native-image-viewer/releases")                                                                | [链接](/zh-cn/react-native-image-viewer.md)                                                                             |
-| 67   | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing "https://github.com/react-native-oh-library/react-native-image-viewing")                                          | 0.2.2         |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases "https://github.com/react-native-oh-library/react-native-image-viewing/releases")                                        | [链接](/zh-cn/react-native-image-viewing.md)                                                                            |
-| 68   | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom "https://github.com/react-native-oh-library/react-native-image-zoom")                                                   | 2.1.12        | \-                 | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases "https://github.com/react-native-oh-library/react-native-image-zoom/releases")                                                 | [链接](/zh-cn/react-native-image-zoom.md)                                                                               |
-| 69   | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer "https://github.com/react-native-oh-library/react-native-intersection-observer")                  | 0.2.0         | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases "https://github.com/react-native-oh-library/react-native-intersection-observer/releases")                | [链接](/zh-cn/react-native-intersection-observer.md)                                                                    |
-| 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view "https://github.com/APSL/react-native-keyboard-aware-scroll-view")                                         | 0.9.5         | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases "https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases") | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)                                                               |
-| 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient "https://github.com/react-native-linear-gradient/react-native-linear-gradient")                          | 3.0.0-alpha.1 | 是                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases "https://github.com/react-native-oh-library/react-native-linear-gradient/releases")                                  | [链接](/zh-cn/react-native-linear-gradient.md)                                                                          |
-| 72   | [react-native-maps](https://github.com/react-native-maps/react-native-maps "https://github.com/react-native-maps/react-native-maps")                                                                                 | 1.10.3        | 是                 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases "https://github.com/react-native-maps/react-native-maps/releases")                                                                               | [链接](/zh-cn/react-native-maps.md)                                                                                     |
-| 73   | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig "https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig")               | 7.0.2         | \-                 | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases "https://github.com/react-native-oh-library/react-native-markdown-display/releases")                               | [链接](/zh-cn/react-native-markdown-display.md)                                                                         |
-| 74   | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee "https://github.com/react-native-oh-library/react-native-marquee")                                                            | 0.5.0         | \-                 | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases "https://github.com/react-native-oh-library/react-native-marquee/releases")                                                          | [链接](/zh-cn/react-native-marquee.md)                                                                                  |
-| 75   | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh "https://github.com/react-native-studio/react-native-MJRefresh")                                                              | 0.7.0         | 否                 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases "https://github.com/react-native-oh-library/react-native-MJRefresh/releases")                                                    | [链接](/zh-cn/react-native-MJRefresh.md)                                                                                |
-| 76   | [react-native-pager-view](https://github.com/callstack/react-native-pager-view "https://github.com/callstack/react-native-pager-view")                                                                               | 6.2.2         | 是                 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases "https://github.com/react-native-oh-library/react-native-pager-view/releases")                                                 | [链接](/zh-cn/react-native-pager-view.md)                                                                               |
-| 77   | [react-native-pdf](https://github.com/wonday/react-native-pdf "https://github.com/wonday/react-native-pdf")                                                                                                          | 6.7.4         | 是                 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases "https://github.com/react-native-oh-library/react-native-pdf/releases")                                                                      | [链接](/zh-cn/react-native-pdf.md)                                                                                      |
-| 78   | [react-native-permissions](https://github.com/zoontek/react-native-permissions "https://github.com/zoontek/react-native-permissions")                                                                                | 4.1.5         | 是                 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases "https://github.com/react-native-oh-library/react-native-permissions/releases")                                              | [链接](/zh-cn/react-native-permissions.md)                                                                              |
-| 79   | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view "https://github.com/react-native-oh-library/react-native-popover-view")                                             | 5.1.7         | \-                 | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases "https://github.com/react-native-oh-library/react-native-popover-view/releases")                                           | [链接](/zh-cn/react-native-popover-view.md)                                                                             |
-| 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu "https://github.com/instea/react-native-popup-menu")                                                                                     | 0.16.0        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-popup-menu.md)                                                                               |
-| 81   | [react-native-progress](https://github.com/oblador/react-native-progress "https://github.com/oblador/react-native-progress")                                                                                         | 5.0.1         | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases "https://github.com/react-native-oh-library/react-native-progress/releases")                                                       | [链接](/zh-cn/react-native-progress.md)                                                                                 |
-| 82   | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull "https://github.com/react-native-oh-library/react-native-pull")                                                                     | 2.0.4         | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases "https://github.com/react-native-oh-library/react-native-pull/releases")                                                                   | [链接](/zh-cn/react-native-pull.md)                                                                                     |
-| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg "https://github.com/awesomejerry/react-native-qrcode-svg")                                                                         | 6.2.0         | \-                 | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases "https://github.com/react-native-oh-library/react-native-qrcode-svg/releases")                                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                                                                               |
-| 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated "https://github.com/software-mansion/react-native-reanimated")                                                                 | 3.6.0         | 是                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases "https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases")                                 | [链接](/zh-cn/react-native-reanimated.md)                                                                               |
-| 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel "https://github.com/dohooo/react-native-reanimated-carousel")                                                          | 3.5.1         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-reanimated-carousel.md)                                                                      |
-| 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table "https://github.com/dohooo/react-native-reanimated-table")                                                                   | 0.2.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-reanimated-table.md)                                                                         |
-| 87   | [react-native-redash](https://github.com/wcandillon/react-native-redash/ "https://github.com/wcandillon/react-native-redash/")                                                                                       | 18.1.3        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-redash.md)                                                                                   |
-| 88   | [react-native-render-html](https://github.com/meliorence/react-native-render-html "https://github.com/meliorence/react-native-render-html")                                                                          | 6.3.4         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-render-html.md)                                                                              |
-| 89   | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context "https://github.com/th3rdwave/react-native-safe-area-context")                                                          | 4.7.4         | 是                 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases "https://github.com/react-native-oh-library/react-native-safe-area-context/releases")                            | [链接](/zh-cn/react-native-safe-area-context.md)                                                                        |
-| 90   | [react-native-screens](https://github.com/software-mansion/react-native-screens "https://github.com/software-mansion/react-native-screens")                                                                          | 3.29.0        | 是                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-screens.md)                                                                                  |
-| 91   | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view "https://github.com/react-native-oh-library/react-native-scrollable-tab-view")                        | 1.0.0         | \-                 | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases "https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases")                      | [链接](/zh-cn/react-native-scrollable-tab-view.md)                                                                      |
-| 92   | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout "https://github.com/jsoendermann/rn-section-list-get-item-layout")                                       | 2.2.3         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-section-list-get-item-layout.md)                                                             |
-| 93   | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout "https://github.com/react-native-studio/react-native-SmartRefreshLayout")                                   | 0.6.7         | 否                 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases "https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases")                         | [链接](/zh-cn/react-native-SmartRefreshLayout.md)                                                                       |
-| 94   | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel "https://github.com/meliorence/react-native-snap-carousel")                                                                    | 3.9.1         | \-                 | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases "https://github.com/react-native-oh-library/react-native-snap-carousel/releases")                                        | [链接](/zh-cn/react-native-snap-carousel.md)                                                                            |
-| 95   | [react-native-sound](https://github.com/zmxv/react-native-sound "https://github.com/zmxv/react-native-sound")                                                                                                        | 0.11.2        | 是                 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases "https://github.com/react-native-oh-library/react-native-sound/releases")                                                                | [链接](/zh-cn/react-native-sound.md)                                                                                    |
-| 96   | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader "https://github.com/react-native-oh-library/react-native-stickyheader")                                             | 1.1.3         | \-                 | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases "https://github.com/react-native-oh-library/react-native-stickyheader/releases")                                           | [链接](/zh-cn/react-native-stickyheader.md)                                                                             |
-| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg "https://github.com/software-mansion/react-native-svg")                                                                                      | 13.14.0       | 是                 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases "https://github.com/react-native-oh-library/react-native-svg/releases")                                                                      | [链接](/zh-cn/react-native-svg.md)                                                                                      |
-| 98   | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill "https://github.com/rnc-archive/react-native-drawer-layout-polyfill")                                              | 3.2.9         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-swipe-list-view.md)                                                                          |
-| 99   | [react-native-swiper](https://github.com/leecade/react-native-swiper "https://github.com/leecade/react-native-swiper")                                                                                               | 1.6.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-swiper.md)                                                                                   |
-| 100  | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view "https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view") | 3.5.2         | \-                 | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases "https://github.com/react-native-oh-library/react-navigation/releases")                                                                 | [链接](/zh-cn/react-native-tab-view.md)                                                                                 |
-| 101  | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size "https://github.com/aMarCruz/react-native-text-size")                                                                                    | 4.0.0         | 是                 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases "https://github.com/react-native-oh-library/react-native-text-size/releases")                                                    | [链接](/zh-cn/react-native-text-size.md)                                                                                |
-| 102  | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup "https://github.com/madsleejensen/react-native-transitiongroup")                                                        | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases "https://github.com/react-native-oh-library/react-native-transitiongroup/releases")                                  | [链接](/zh-cn/react-native-transitiongroup.md)                                                                          |
-| 103  | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal "https://github.com/23mf/react-native-translucent-modal")                                                                    | 1.1.0         | 否                 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases "https://github.com/react-native-oh-library/react-native-translucent-modal/releases")                            | [链接](/zh-cn/react-native-translucent-modal.md)                                                                        |
-| 104  | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons "https://github.com/oblador/react-native-vector-icons")                                                                             | 10.0.3        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-vector-icons.md)                                                                             |
-| 105  | [react-native-video](https://github.com/react-native-video/react-native-video "https://github.com/react-native-video/react-native-video")                                                                            | 5.2.1         | 是                 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video/releases "https://github.com/react-native-oh-library/react-native-video/releases")                                                                | [链接](/zh-cn/react-native-video.md)                                                                                    |
-| 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot "https://github.com/gre/react-native-view-shot")                                                                                              | 3.8.0         | 否                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases "https://github.com/react-native-oh-library/react-native-view-shot/releases")                                                    | [链接](/zh-cn/react-native-view-shot.md)                                                                                |
-| 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview "https://github.com/react-native-webview/react-native-webview")                                                                  | 13.6.2        | 是                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases "https://github.com/react-native-oh-library/react-native-webview/releases")                                                          | [链接](/zh-cn/react-native-webview.md)                                                                                  |
-| 108  | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core "https://github.com/react-native-oh-library/react-native-worklets-core")                                          | 0.5.0         | 是                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases "https://github.com/react-native-oh-library/react-native-worklets-core/releases")                                        | [链接](/zh-cn/react-native-worklets-core.md)                                                                            |
-| 109  | [react-redux](https://github.com/reduxjs/react-redux "https://github.com/reduxjs/react-redux")                                                                                                                       | 9.1.1         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-redux.md)                                                                                           |
-| 110  | [react-router-dom](https://github.com/remix-run/react-router "https://github.com/remix-run/react-router")                                                                                                            | 6.22.3        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-router-dom.md)                                                                                      |
-| 111  | [react-use](https://github.com/zenghongtu/react-use "https://github.com/zenghongtu/react-use")                                                                                                                       | 17.2.4        | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-use.md)                                                                                             |
-| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview "https://github.com/Flipkart/recyclerlistview")                                                                                                      | 4.2.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/recyclerListView.md)                                                                                      |
-| 113  | [redux](https://github.com/reduxjs/redux "https://github.com/reduxjs/redux")                                                                                                                                         | 5.0.1         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux.md)                                                                                                 |
-| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions "https://github.com/redux-utilities/redux-actions")                                                                                                 | 3.0.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-actions.md)                                                                                         |
-| 115  | [redux-logger](https://github.com/LogRocket/redux-logger "https://github.com/LogRocket/redux-logger")                                                                                                                | 3.0.6         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-logger.md)                                                                                          |
-| 116  | [redux-persist](https://github.com/rt2zz/redux-persist "https://github.com/rt2zz/redux-persist")                                                                                                                     | 6.0.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-persist.md)                                                                                         |
-| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk "https://github.com/reduxjs/redux-thunk")                                                                                                                       | 3.1.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-thunk.md)                                                                                           |
-| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit "https://github.com/reduxjs/redux-toolkit")                                                                                                                 | 2.2.3         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-toolkit.md)                                                                                         |
-| 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder "https://github.com/mfrachet/rn-placeholder")                                                                                                            | 3.0.3         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/rn-placeholder.md)                                                                                        |
-| 120  | [styled-components](https://github.com/styled-components/styled-components "https://github.com/styled-components/styled-components")                                                                                 | 6.1.8         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/styled-components.md)                                                                                     |
-| 121  | [styled-system](https://github.com/react-native-picker/picker "https://github.com/react-native-picker/picker")                                                                                                       | 5.1.5         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/styled-system.md)                                                                                         |
-| 122  | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                                                                                                              | 7.2.1         | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                                                                                                                     | [链接](/zh-cn/react-native-sensors.md)                                                                                  |
-| 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                                                                                                                    | 0.0.25        | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list/releases)                                                                                                                         | [链接](/zh-cn/react-native-sortable-list.md)                                                                            |
-| 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast "https://github.com/crazycodeboy/react-native-easy-toast")                                                                         | 2.3.0         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-easy-toast.md)                                                                               |
-| 125  | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                                                                                                             | 0.9.1         | 否                 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                                                                                                                     | [链接](/zh-cn/react-native-image-sequence-2.md)                                                                         |
-| 126  | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather "https://github.com/yigithanyucedag/react-native-feather")                                                                            | 1.1.2         | \-                 | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-feather.md)                                                                                  |
-| 127  | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)                                                                                               | 6.9.26        | \-                 | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)                                                                                                                                                 | [链接](/zh-cn/react-navigation-native-stack.md)                                                                         |
-| 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                                                                                                                       | 1.1.8         | 是                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                                                                                                                   | [链接](/zh-cn/react-native-clippath.md)                                                                                 |
-| 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                                                                                                                 | 1.1.5         | −                  | −                                                                                                                                                                                                                                                         | [链接](/zh-cn/react-native-waterfall-flow.md)                                                                           |
-| 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                                                                                                            | 0.1.11        | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-vconsole.md)                 |
-| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                                                                                                            | 0.0.1         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-better-banner.md)            |
-| 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                                                                                                             | 1.3.0         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-ezswiper.md)                 |
-| 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                                                                                                             | 0.10.3        | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-header-scroll-view.md) |
-| 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                                                                                                                 | 1.2.8         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-linear-gradient-text.md)     |
-| 135  | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                                                                                                                      | 2.0.0-rc.1    | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-marquee-ab.md)               |
-| 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)                                                                                                          | 1.0.3         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reconnecting-websocket.md)   |
-| 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                                                                                                          | 1.3.0         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-json-tree.md)                |
-| 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                                                                                                               | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery/releases)                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-gallery.md)            |
-| 139  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                                                                                                              | 0.1.3         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-base64.md)             |
+| 序号 | 原库名                                                                                                                   | 原库基线版本  | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                           |
+| ---- | ------------------------------------------------------------------------------------------------------------------------ | ------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
+| 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.1        | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
+| 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
+| 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
+| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是                 | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
+| 5    | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否                 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
+| 6    | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是                 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
+| 7    | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是                 | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-geolocation.md)                     |
+| 8    | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是                 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
+| 9    | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是                 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
+| 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
+| 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
+| 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
+| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-toolbar-android.md)                 |
+| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies.md)                         |
+| 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
+| 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
+| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
+| 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)      | 6.5.11        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
+| 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)            | 1.3.21        | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
+| 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                | 6.1.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
+| 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                  | 6.3.19        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
+| 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                             | 1.6.3         | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
+| 23   | [axios](https://github.com/axios/axios)                                                                                  | 1.6.7         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
+| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                | 4.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
+| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                              | 1.11.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
+| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                      | 4.3.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
+| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
+| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
+| 29   | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
+| 30   | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)          | 0.11.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jeanregisser-react-native-slider.md)             |
+| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
+| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                  | 4.17.21       | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
+| 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                        | 6.4.1         | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
+| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                  | 6.10.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
+| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                       | 7.6.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
+| 38   | [Moment](https://github.com/moment/moment)                                                                               | 2.30.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
+| 39   | [parse5](https://github.com/inikulin/parse5)                                                                             | 7.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
+| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                        | 15.8.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
+| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                    | 1.4.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
+| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                         | 3.7.11        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
+| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                | 8.6.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
+| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                            | 3.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
+| 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
+| 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
+| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
+| 48   | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
+| 49   | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
+| 50   | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util)                              | 0.19.6        | 是                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
+| 51   | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
+| 52   | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
+| 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
+| 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                            | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
+| 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                               | 3.4.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
+| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                            | 2.4.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
+| 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
+| 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
+| 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
+| 60   | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否                 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
+| 61   | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-                 | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
+| 62   | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是                 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
+| 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.12.1        | 是                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 64   | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
+| 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
+| 66   | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |
+| 67   | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing)                      | 0.2.2         |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
+| 68   | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom)                            | 2.1.12        | \-                 | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                                 | [链接](/zh-cn/react-native-image-zoom.md)                      |
+| 69   | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer)      | 0.2.0         | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
+| 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
+| 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
+| 72   | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是                 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
+| 73   | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)       | 7.0.2         | \-                 | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
+| 74   | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee)                                  | 0.5.0         | \-                 | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
+| 75   | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否                 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
+| 76   | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是                 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
+| 77   | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是                 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
+| 78   | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是                 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
+| 79   | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-                 | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
+| 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
+| 81   | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
+| 82   | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull)                                        | 2.0.4         | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
+| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-                 | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
+| 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
+| 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
+| 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                 | 0.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
+| 87   | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                | 18.1.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
+| 88   | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
+| 89   | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是                 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
+| 90   | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
+| 91   | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)          | 1.0.0         | \-                 | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 92   | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
+| 93   | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否                 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
+| 94   | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-                 | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
+| 95   | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是                 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
+| 96   | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-                 | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg)                                                 | 13.14.0       | 是                 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases)                                               | [链接](/zh-cn/react-native-svg.md)                             |
+| 98   | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
+| 99   | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
+| 100  | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-                 | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
+| 101  | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是                 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
+| 102  | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
+| 103  | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否                 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
+| 104  | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                        | 10.0.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
+| 105  | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是                 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
+| 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
+| 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
+| 108  | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core)                      | 0.5.0         | 是                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
+| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
+| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
+| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
+| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                         | 4.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
+| 113  | [redux](https://github.com/reduxjs/redux)                                                                                | 5.0.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
+| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                        | 3.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
+| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                | 3.0.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
+| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                  | 6.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
+| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                    | 3.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
+| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                | 2.2.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
+| 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
+| 120  | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
+| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
+| 122  | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                  | 7.2.1         | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
+| 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
+| 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
+| 125  | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否                 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
+| 126  | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
+| 127  | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −                  | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
+| 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath.md)                        |
+| 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
+| 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
+| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
+| 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                 | 1.3.0         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
+| 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                 | 0.10.3        | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
+| 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                     | 1.2.8         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
+| 135  | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                          | 2.0.0-rc.1    | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
+| 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)              | 1.0.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
+| 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
+| 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
+| 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
+| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
 
 ## 社区
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index f1153bf1..cd674aea 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -20,150 +20,151 @@
 
 ## RNOH 三方库总览
 
->[!tip] NPM 公仓坐标：@react-native-oh-tpl
+> [!tip] NPM 公仓坐标：@react-native-oh-tpl
+
+| 序号 | 原库名                                                                                                                   | 原库基线版本  | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                           |
+| ---- | ------------------------------------------------------------------------------------------------------------------------ | ------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
+| 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.1        | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
+| 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
+| 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
+| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是                 | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
+| 5    | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否                 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
+| 6    | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是                 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
+| 7    | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是                 | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-geolocation.md)                     |
+| 8    | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是                 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
+| 9    | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是                 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
+| 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
+| 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
+| 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
+| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-toolbar-android.md)                 |
+| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies.md)                         |
+| 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
+| 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
+| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
+| 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)      | 6.5.11        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
+| 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)            | 1.3.21        | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
+| 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                | 6.1.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
+| 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                  | 6.3.19        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
+| 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                             | 1.6.3         | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
+| 23   | [axios](https://github.com/axios/axios)                                                                                  | 1.6.7         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
+| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                | 4.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
+| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                              | 1.11.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
+| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                      | 4.3.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
+| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
+| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
+| 29   | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
+| 30   | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)          | 0.11.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jeanregisser-react-native-slider.md)             |
+| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
+| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                  | 4.17.21       | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
+| 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                        | 6.4.1         | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
+| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                  | 6.10.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
+| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                       | 7.6.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
+| 38   | [Moment](https://github.com/moment/moment)                                                                               | 2.30.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
+| 39   | [parse5](https://github.com/inikulin/parse5)                                                                             | 7.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
+| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                        | 15.8.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
+| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                    | 1.4.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
+| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                         | 3.7.11        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
+| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                | 8.6.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
+| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                            | 3.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
+| 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
+| 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
+| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
+| 48   | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
+| 49   | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
+| 50   | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util)                              | 0.19.6        | 是                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
+| 51   | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
+| 52   | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
+| 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
+| 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                            | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
+| 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                               | 3.4.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
+| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                            | 2.4.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
+| 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
+| 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
+| 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
+| 60   | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否                 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
+| 61   | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-                 | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
+| 62   | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是                 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
+| 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.12.1        | 是                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 64   | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
+| 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
+| 66   | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |
+| 67   | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing)                      | 0.2.2         |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
+| 68   | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom)                            | 2.1.12        | \-                 | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                                 | [链接](/zh-cn/react-native-image-zoom.md)                      |
+| 69   | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer)      | 0.2.0         | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
+| 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
+| 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
+| 72   | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是                 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
+| 73   | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)       | 7.0.2         | \-                 | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
+| 74   | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee)                                  | 0.5.0         | \-                 | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
+| 75   | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否                 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
+| 76   | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是                 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
+| 77   | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是                 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
+| 78   | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是                 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
+| 79   | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-                 | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
+| 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
+| 81   | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
+| 82   | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull)                                        | 2.0.4         | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
+| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-                 | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
+| 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
+| 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
+| 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                 | 0.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
+| 87   | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                | 18.1.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
+| 88   | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
+| 89   | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是                 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
+| 90   | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
+| 91   | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)          | 1.0.0         | \-                 | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 92   | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
+| 93   | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否                 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
+| 94   | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-                 | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
+| 95   | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是                 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
+| 96   | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-                 | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg)                                                 | 13.14.0       | 是                 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases)                                               | [链接](/zh-cn/react-native-svg.md)                             |
+| 98   | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
+| 99   | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
+| 100  | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-                 | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
+| 101  | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是                 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
+| 102  | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
+| 103  | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否                 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
+| 104  | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                        | 10.0.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
+| 105  | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是                 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
+| 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
+| 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
+| 108  | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core)                      | 0.5.0         | 是                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
+| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
+| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
+| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
+| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                         | 4.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
+| 113  | [redux](https://github.com/reduxjs/redux)                                                                                | 5.0.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
+| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                        | 3.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
+| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                | 3.0.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
+| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                  | 6.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
+| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                    | 3.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
+| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                | 2.2.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
+| 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
+| 120  | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
+| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
+| 122  | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                  | 7.2.1         | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
+| 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
+| 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
+| 125  | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否                 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
+| 126  | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
+| 127  | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −                  | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
+| 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath.md)                        |
+| 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
+| 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
+| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
+| 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                 | 1.3.0         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
+| 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                 | 0.10.3        | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
+| 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                     | 1.2.8         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
+| 135  | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                          | 2.0.0-rc.1    | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
+| 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)              | 1.0.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
+| 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
+| 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
+| 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
+| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
 
-| 序号  | 原库名                                                                                                                                                                                                                  | 原库基线版本        | 原库是否支持新架构 | HarmonyOS Releases                                                                                                                                                                                                                                        | 文档链接                                                                                     |
-| --- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |------------------------------------------------------------------------------------------|
-| 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage "https://github.com/react-native-async-storage/async-storage")                                               | 1.21.1        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases "https://github.com/react-native-oh-library/async-storage/releases")                                                                               | [链接](/zh-cn/react-native-async-storage-async-storage.md)                                 |
-| 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll "https://github.com/react-native-oh-library/react-native-cameraroll")                                     | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases "https://github.com/react-native-oh-library/react-native-cameraroll/releases")                                                             | [链接](/zh-cn/react-native-cameraroll.md)                                                  |
-| 3   | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard "https://github.com/react-native-clipboard/clipboard")                                                                       | 1.13.2        | 是         | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases "https://github.com/react-native-oh-library/clipboard/releases")                                                                                           | [链接](/zh-cn/react-native-clipboard-clipboard.md)                                         |
-| 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur "https://github.com/Kureev/react-native-blur")                                                                                            | 4.4.0         | 是         | [@react-native-oh-tpl/blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases "https://github.com/react-native-oh-library/react-native-blur/releases")                                                                       | [链接](/zh-cn/react-native-community-blur.md)                                              |
-| 5   | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox "https://github.com/react-native-checkbox/react-native-checkbox")                                                  | 0.5.16        | 否         | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases "https://github.com/react-native-oh-library/react-native-checkbox/releases")                                                       | [链接](/zh-cn/react-native-community-checkbox.md)                                          |
-| 6   | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker "https://github.com/react-native-datetimepicker/datetimepicker")                                              | 7.6.2         | 是         | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases "https://github.com/react-native-oh-library/datetimepicker/releases")                                                                            | [链接](/zh-cn/react-native-community-datetimepicker.md)                                    |
-| 7   | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation "https://github.com/michalchudziak/react-native-geolocation")                                                       | 3.1.0         | 是         | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases "https://github.com/react-native-oh-library/react-native-geolocation/releases")                                              | [链接](/zh-cn/react-native-geolocation.md)                                                 |
-| 8   | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo "https://github.com/react-native-netinfo/react-native-netinfo")                                                       | 11.1.0        | 是         | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases "https://github.com/react-native-oh-library/react-native-netinfo/releases")                                                                       | [链接](/zh-cn/react-native-community-netinfo.md)                                           |
-| 9   | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android "https://github.com/react-native-progress-view/progress-bar-android")                              | 1.0.4         | 是         | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases "https://github.com/react-native-oh-library/progress-bar-android/releases")                                                          | [链接](/zh-cn/react-native-community-progress-bar-android.md)                              |
-| 10  | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view "https://github.com/react-native-progress-view/progress-view")                                                   | 1.4.2         | 是         | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases "https://github.com/react-native-oh-library/progress-view/releases")                                                                               | [链接](/zh-cn/react-native-community-progress-view.md)                                     |
-| 11  | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios "https://github.com/react-native-push-notification/ios")                                                       | 1.11.0        | 否         | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases "https://github.com/react-native-oh-library/react-native-push-notification-ios/releases")                             | [链接](/zh-cn/react-native-community-push-notification-ios.md)                             |
-| 12  | [@react-native-community/slider](https://github.com/callstack/react-native-slider "https://github.com/callstack/react-native-slider")                                                                                | 4.4.3         | 是         | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases "https://github.com/react-native-oh-library/react-native-slider/releases")                                                                          | [链接](/zh-cn/react-native-community-slider.md)                                            |
-| 13  | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android "https://github.com/react-native-toolbar-android/toolbar-android")                                         | 0.2.1         | 是         | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases "https://github.com/react-native-oh-library/toolbar-android/releases")                                                                         | [链接](/zh-cn/react-native-toolbar-android.md)                                             |
-| 14  | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies "https://github.com/react-native-cookies/cookies")                                                                                   | 6.2.1         | 否         | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases "https://github.com/react-native-oh-library/react-native-cookies/releases")                                                                       | [链接](/zh-cn/react-native-cookies.md)                                                     |
-| 15  | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view "https://github.com/react-native-masked-view/masked-view")                                                           | 0.2.9         | 否         | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases "https://github.com/react-native-oh-library/masked-view/releases")                                                                                     | [链接](/zh-cn/react-native-masked-view-masked-view.md)                                     |
-| 16  | [@react-native-picker/picker](https://github.com/react-native-picker/picker "https://github.com/react-native-picker/picker")                                                                                         | 2.5.1         | 是         | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases "https://github.com/react-native-oh-library/picker/releases")                                                                                                    | [链接](/zh-cn/react-native-picker-picker.md)                                               |
-| 17  | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control "https://github.com/react-native-segmented-control/segmented-control")                       | 2.5.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-community-segmented-control.md)                                 |
-| 18  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs "https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs")             | 6.5.11        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-navigation-bottom-tabs.md)                                             |
-| 19  | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements "https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements")                      | 1.3.21        | \-        | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases "https://github.com/react-native-oh-library/react-navigation/releases")                                                                              | [链接](/zh-cn/react-navigation-elements.md)                                                |
-| 20  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native "https://github.com/react-navigation/react-navigation/tree/6.x/packages/native")                            | 6.1.9         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-navigation-native.md)                                                  |
-| 21  | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack "https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack")                               | 6.3.19        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-navigation-stack.md)                                                   |
-| 22  | [@shopify/flash-list](https://github.com/Shopify/flash-list "https://github.com/Shopify/flash-list")                                                                                                                 | 1.6.3         | 否         | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases "https://github.com/react-native-oh-library/flash-list/releases")                                                                                        | [链接](/zh-cn/shopify-flash-list.md)                                                       |
-| 23  | [axios](https://github.com/axios/axios "https://github.com/axios/axios")                                                                                                                                             | 1.6.7         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/axios.md)                                                                    |
-| 24  | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0 "https://github.com/brix/crypto-js/tree/4.2.0")                                                                                                             | 4.2.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/crypto-js.md)                                                                |
-| 25  | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file "https://github.com/iamkun/dayjs?tab=readme-ov-file")                                                                                                     | 1.11.1        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/dayJs.md)                                                                    |
-| 26  | [deepmerge](https://github.com/TehShrike/deepmerge "https://github.com/TehShrike/deepmerge")                                                                                                                         | 4.3.1         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/deepmerge.md)                                                                |
-| 27  | [EventBus](https://github.com/krasimir/EventBus "https://github.com/krasimir/EventBus")                                                                                                                              | 0.2.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/EventBus.md)                                                                 |
-| 28  | [htmlparser2](https://github.com/fb55/htmlparser2 "https://github.com/fb55/htmlparser2")                                                                                                                             | 9.1.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/htmlparser2.md)                                                              |
-| 29  | [immer](https://github.com/immerjs/immer "https://github.com/immerjs/immer")                                                                                                                                         | 10.0.4        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/Immer.md)                                                                    |
-| 30  | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider "https://github.com/react-native-oh-library/jeanregisser-react-native-slider")                        | 0.11.0        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/jeanregisser-react-native-slider.md)                                         |
-| 31  | [JsBarCode](https://github.com/lindell/JsBarcode "https://github.com/lindell/JsBarcode")                                                                                                                             | 3.11.6        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/jsbarcode.md)                                                                |
-| 32  | [js-beautify](https://github.com/beautifier/js-beautify "https://github.com/beautifier/js-beautify")                                                                                                                 | 1.14.9        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/js-beautify.md)                                                              |
-| 33  | [js-beautify](https://github.com/beautifier/js-beautify "https://github.com/beautifier/js-beautify")                                                                                                                 | 1.15.1        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/js-beautify.md)                                                              |
-| 34  | [lodash](https://github.com/lodash/lodash/tree/4.17.21 "https://github.com/lodash/lodash/tree/4.17.21")                                                                                                              | 4.17.21       | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/lodash.md)                                                                   |
-| 35  | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native "https://github.com/lottie-react-native/lottie-react-native")                                                                       | 6.4.1         | 是         | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases "https://github.com/react-native-oh-library/lottie-react-native/releases")                                                             | [链接](/zh-cn/lottie-react-native.md)                                                      |
-| 36  | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0 "https://github.com/mobxjs/mobx/tree/mobx@6.10.0")                                                                                                            | 6.10.0        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/mobx.md)                                                                     |
-| 37  | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0 "https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0")                                                                                            | 7.6.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/mobx-react.md)                                                               |
-| 38  | [Moment](https://github.com/moment/moment "https://github.com/moment/moment")                                                                                                                                        | 2.30.1        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/moment.md)                                                                   |
-| 39  | [parse5](https://github.com/inikulin/parse5 "https://github.com/inikulin/parse5")                                                                                                                                    | 7.1.2         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/parse5.md)                                                                   |
-| 40  | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1 "https://github.com/facebook/prop-types/tree/v15.8.1")                                                                                              | 15.8.1        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/prop-types.md)                                                               |
-| 41  | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator "https://github.com/kazuhikoarase/qrcode-generator")                                                                                            | 1.4.4         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/qrcode-generator.md)                                                         |
-| 42  | [react-ahooks](https://github.com/alibaba/hooks "https://github.com/alibaba/hooks")                                                                                                                                  | 3.7.11        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-ahooks.md)                                                             |
-| 43  | [react-i18next](https://github.com/i18next/react-i18next "https://github.com/i18next/react-i18next")                                                                                                                 | 8.6.3         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-i18next.md)                                                            |
-| 44  | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat "https://github.com/reactjs/react-lifecycles-compat")                                                                                   | 3.0.4         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-lifecycles-compat.md)                                                  |
-| 45  | [react-native-action-button](https://github.com/mastermoo/react-native-action-button "https://github.com/mastermoo/react-native-action-button")                                                                      | 2.8.5         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-action-button.md)                                               |
-| 46  | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number "https://github.com/wkh237/react-native-animate-number")                                                                         | 0.1.2         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-animate-number.md)                                              |
-| 47  | [react-native-aria](https://github.com/gluestack/react-native-aria/ "https://github.com/gluestack/react-native-aria/")                                                                                               | 0.2.4         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-aria.md)                                                        |
-| 48  | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview "https://github.com/react-native-oh-library/react-native-autoheight-webview")                           | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases "https://github.com/react-native-oh-library/react-native-autoheight-webview/releases")                         | [链接](/zh-cn/react-native-autoheight-webview.md)                                          |
-| 49  | [react-native-base64](https://github.com/eranbo/react-native-base64 "https://github.com/eranbo/react-native-base64")                                                                                                 | 0.2.1         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-base64.md)                                                      |
-| 50  | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util "https://github.com/react-native-oh-library/react-native-blob-util")                                                      | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases "https://github.com/react-native-oh-library/react-native-blob-util/releases")                                                    | [链接](/zh-cn/react-native-blob-util.md)                                                   |
-| 51  | [react-native-canvas](https://github.com/iddan/react-native-canvas "https://github.com/iddan/react-native-canvas")                                                                                                   | 0.1.39        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-canvas.md)                                                      |
-| 52  | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box "https://github.com/crazycodeboy/react-native-check-box")                                                                            | 2.1.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-check-box.md)                                                   |
-| 53  | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field "https://github.com/retyui/react-native-confirmation-code-field")                                              | 7.4.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-confirmation-code-field.md)                                     |
-| 54  | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js "https://github.com/imchintan/react-native-crypto-js")                                                                                  | 1.0.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-crypto-js.md)                                                   |
-| 55  | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv "https://github.com/goatandsheep/react-native-dotenv")                                                                                     | 3.4.9         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-dotenv.md)                                                      |
-| 56  | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort "https://github.com/mochixuan/react-native-drag-sort")                                                                                  | 2.4.4         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-drag-sort.md)                                                   |
-| 57  | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill "https://github.com/rnc-archive/react-native-drawer-layout-polyfill")                                       | 2.0.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)                                      |
-| 58  | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro "https://github.com/supervons/react-native-echarts-pro")                                                                            | 1.9.1         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-echarts-pro.md)                                                 |
-| 59  | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler "https://github.com/a7ul/react-native-exception-handler")                                                                    | 2.10.10       | 否         | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases "https://github.com/react-native-oh-library/react-native-exception-handler/releases")                            | [链接](/zh-cn/react-native-exception-handler.md)                                           |
-| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image "https://github.com/DylanVann/react-native-fast-image")                                                                               | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases "https://github.com/react-native-oh-library/react-native-fast-image/releases")                                                 | [链接](/zh-cn/react-native-fast-image.md)                                                  |
-| 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image "https://github.com/huiseoul/react-native-fit-image")                                                                                    | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases "https://github.com/huiseoul/react-native-fit-image/releases")                                                                                  | [链接](/zh-cn/react-native-fit-Image.md)                                                   |
-| 62  | [react-native-fs](https://github.com/itinance/react-native-fs "https://github.com/itinance/react-native-fs")                                                                                                         | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases "https://github.com/react-native-oh-library/react-native-fs/releases")                                                                         | [链接](/zh-cn/react-native-fs.md)                                                          |
-| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler "https://github.com/software-mansion/react-native-gesture-handler")                                                  | 2.12.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases "https://github.com/react-native-oh-library/react-native-gesture-handler/releases")                                  | [链接](/zh-cn/react-native-gesture-handler.md)                                             |
-| 64  | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor "https://github.com/react-native-oh-library/react-native-image-editor")                                             | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases "https://github.com/react-native-oh-library/react-native-image-editor/releases")                                           | [链接](/zh-cn/react-native-image-editor.md)                                                |
-| 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker "https://github.com/react-native-image-picker/react-native-image-picker")                                         | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases "https://github.com/react-native-oh-library/react-native-image-picker/releases")                                           | [链接](/zh-cn/react-native-image-picker.md)                                                |
-| 66  | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer "https://github.com/react-native-oh-library/react-native-image-viewer")                                             | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases "https://github.com/react-native-oh-library/react-native-image-viewer/releases")                                                                | [链接](/zh-cn/react-native-image-viewer.md)                                                |
-| 67  | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing "https://github.com/react-native-oh-library/react-native-image-viewing")                                          | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases "https://github.com/react-native-oh-library/react-native-image-viewing/releases")                                        | [链接](/zh-cn/react-native-image-viewing.md)                                               |
-| 68  | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom "https://github.com/react-native-oh-library/react-native-image-zoom")                                                   | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases "https://github.com/react-native-oh-library/react-native-image-zoom/releases")                                                 | [链接](/zh-cn/react-native-image-zoom.md)                                                  |
-| 69  | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer "https://github.com/react-native-oh-library/react-native-intersection-observer")                  | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases "https://github.com/react-native-oh-library/react-native-intersection-observer/releases")                | [链接](/zh-cn/react-native-intersection-observer.md)                                       |
-| 70  | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view "https://github.com/APSL/react-native-keyboard-aware-scroll-view")                                         | 0.9.5         | \-        | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases "https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases") | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)                                  |
-| 71  | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient "https://github.com/react-native-linear-gradient/react-native-linear-gradient")                          | 3.0.0-alpha.1 | 是         | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases "https://github.com/react-native-oh-library/react-native-linear-gradient/releases")                                  | [链接](/zh-cn/react-native-linear-gradient.md)                                             |
-| 72  | [react-native-maps](https://github.com/react-native-maps/react-native-maps "https://github.com/react-native-maps/react-native-maps")                                                                                 | 1.10.3        | 是         | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases "https://github.com/react-native-maps/react-native-maps/releases")                                                                               | [链接](/zh-cn/react-native-maps.md)                                                        |
-| 73  | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig "https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig")               | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases "https://github.com/react-native-oh-library/react-native-markdown-display/releases")                               | [链接](/zh-cn/react-native-markdown-display.md)                                            |
-| 74  | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee "https://github.com/react-native-oh-library/react-native-marquee")                                                            | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases "https://github.com/react-native-oh-library/react-native-marquee/releases")                                                          | [链接](/zh-cn/react-native-marquee.md)                                                     |
-| 75  | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh "https://github.com/react-native-studio/react-native-MJRefresh")                                                              | 0.7.0         | 否         | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases "https://github.com/react-native-oh-library/react-native-MJRefresh/releases")                                                    | [链接](/zh-cn/react-native-MJRefresh.md)                                                   |
-| 76  | [react-native-pager-view](https://github.com/callstack/react-native-pager-view "https://github.com/callstack/react-native-pager-view")                                                                               | 6.2.2         | 是         | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases "https://github.com/react-native-oh-library/react-native-pager-view/releases")                                                 | [链接](/zh-cn/react-native-pager-view.md)                                                  |
-| 77  | [react-native-pdf](https://github.com/wonday/react-native-pdf "https://github.com/wonday/react-native-pdf")                                                                                                          | 6.7.4         | 是         | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases "https://github.com/react-native-oh-library/react-native-pdf/releases")                                                                      | [链接](/zh-cn/react-native-pdf.md)                                                         |
-| 78  | [react-native-permissions](https://github.com/zoontek/react-native-permissions "https://github.com/zoontek/react-native-permissions")                                                                                | 4.1.5         | 是         | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases "https://github.com/react-native-oh-library/react-native-permissions/releases")                                              | [链接](/zh-cn/react-native-permissions.md)                                                 |
-| 79  | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view "https://github.com/react-native-oh-library/react-native-popover-view")                                             | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases "https://github.com/react-native-oh-library/react-native-popover-view/releases")                                           | [链接](/zh-cn/react-native-popover-view.md)                                                |
-| 80  | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu "https://github.com/instea/react-native-popup-menu")                                                                                     | 0.16.0        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-popup-menu.md)                                                  |
-| 81  | [react-native-progress](https://github.com/oblador/react-native-progress "https://github.com/oblador/react-native-progress")                                                                                         | 5.0.1         | \-        | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases "https://github.com/react-native-oh-library/react-native-progress/releases")                                                       | [链接](/zh-cn/react-native-progress.md)                                                    |
-| 82  | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull "https://github.com/react-native-oh-library/react-native-pull")                                                                     | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases "https://github.com/react-native-oh-library/react-native-pull/releases")                                                                   | [链接](/zh-cn/react-native-pull.md)                                                        |
-| 83  | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg "https://github.com/awesomejerry/react-native-qrcode-svg")                                                                         | 6.2.0         | \-        | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases "https://github.com/react-native-oh-library/react-native-qrcode-svg/releases")                                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                                                  |
-| 84  | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated "https://github.com/software-mansion/react-native-reanimated")                                                                 | 3.6.0         | 是         | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases "https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases")                                                 | [链接](/zh-cn/react-native-reanimated.md)                                                  |
-| 85  | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel "https://github.com/dohooo/react-native-reanimated-carousel")                                                          | 3.5.1         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-reanimated-carousel.md)                                         |
-| 86  | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table "https://github.com/dohooo/react-native-reanimated-table")                                                                   | 0.2.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-reanimated-table.md)                                            |
-| 87  | [react-native-redash](https://github.com/wcandillon/react-native-redash/ "https://github.com/wcandillon/react-native-redash/")                                                                                       | 18.1.3        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-redash.md)                                                      |
-| 88  | [react-native-render-html](https://github.com/meliorence/react-native-render-html "https://github.com/meliorence/react-native-render-html")                                                                          | 6.3.4         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-render-html.md)                                                 |
-| 89  | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context "https://github.com/th3rdwave/react-native-safe-area-context")                                                          | 4.7.4         | 是         | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases "https://github.com/react-native-oh-library/react-native-safe-area-context/releases")                            | [链接](/zh-cn/react-native-safe-area-context.md)                                           |
-| 90  | [react-native-screens](https://github.com/software-mansion/react-native-screens "https://github.com/software-mansion/react-native-screens")                                                                          | 3.29.0        | 是         | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-screens.md)                                                     |
-| 91  | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view "https://github.com/react-native-oh-library/react-native-scrollable-tab-view")                        | 1.0.0         | \-        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases "https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases")                      | [链接](/zh-cn/react-native-scrollable-tab-view.md)                                         |
-| 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout "https://github.com/jsoendermann/rn-section-list-get-item-layout")                                       | 2.2.3         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-section-list-get-item-layout.md)                                |
-| 93  | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout "https://github.com/react-native-studio/react-native-SmartRefreshLayout")                                   | 0.6.7         | 否         | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases "https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases")                         | [链接](/zh-cn/react-native-SmartRefreshLayout.md)                                          |
-| 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel "https://github.com/meliorence/react-native-snap-carousel")                                                                    | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases "https://github.com/react-native-oh-library/react-native-snap-carousel/releases")                                        | [链接](/zh-cn/react-native-snap-carousel.md)                                               |
-| 95  | [react-native-sound](https://github.com/zmxv/react-native-sound "https://github.com/zmxv/react-native-sound")                                                                                                        | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases "https://github.com/react-native-oh-library/react-native-sound/releases")                                                                | [链接](/zh-cn/react-native-sound.md)                                                       |
-| 96  | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader "https://github.com/react-native-oh-library/react-native-stickyheader")                                             | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases "https://github.com/react-native-oh-library/react-native-stickyheader/releases")                                           | [链接](/zh-cn/react-native-stickyheader.md)                                                |
-| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg "https://github.com/software-mansion/react-native-svg")                                                                                      | 13.14.0       | 是         | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases "https://github.com/react-native-oh-library/react-native-svg/releases")                                                                      | [链接](/zh-cn/react-native-svg.md)                                                         |
-| 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill "https://github.com/rnc-archive/react-native-drawer-layout-polyfill")                                              | 3.2.9         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-swipe-list-view.md)                                             |
-| 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper "https://github.com/leecade/react-native-swiper")                                                                                               | 1.6.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-swiper.md)                                                      |
-| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view "https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view") | 3.5.2         | \-        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases "https://github.com/react-native-oh-library/react-navigation/releases")                                                                 | [链接](/zh-cn/react-native-tab-view.md)                                                    |
-| 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size "https://github.com/aMarCruz/react-native-text-size")                                                                                    | 4.0.0         | 是         | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases "https://github.com/react-native-oh-library/react-native-text-size/releases")                                                    | [链接](/zh-cn/react-native-text-size.md)                                                   |
-| 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup "https://github.com/madsleejensen/react-native-transitiongroup")                                                        | 1.2.0         | \-        | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases "https://github.com/react-native-oh-library/react-native-transitiongroup/releases")                                  | [链接](/zh-cn/react-native-transitiongroup.md)                                             |
-| 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal "https://github.com/23mf/react-native-translucent-modal")                                                                    | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases "https://github.com/react-native-oh-library/react-native-translucent-modal/releases")                            | [链接](/zh-cn/react-native-translucent-modal.md)                                           |
-| 104 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons "https://github.com/oblador/react-native-vector-icons")                                                                             | 10.0.3        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-vector-icons.md)                                                |
-| 105 | [react-native-video](https://github.com/react-native-video/react-native-video "https://github.com/react-native-video/react-native-video")                                                                            | 5.2.1         | 是         | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video/releases "https://github.com/react-native-oh-library/react-native-video/releases")                                                                                  | [链接](/zh-cn/react-native-video.md)                                                       |
-| 106 | [react-native-view-shot](https://github.com/gre/react-native-view-shot "https://github.com/gre/react-native-view-shot")                                                                                              | 3.8.0         | 否         | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases "https://github.com/react-native-oh-library/react-native-view-shot/releases")                                                    | [链接](/zh-cn/react-native-view-shot.md)                                                   |
-| 107 | [react-native-webview](https://github.com/react-native-webview/react-native-webview "https://github.com/react-native-webview/react-native-webview")                                                                  | 13.6.2        | 是         | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases "https://github.com/react-native-oh-library/react-native-webview/releases")                                                          | [链接](/zh-cn/react-native-webview.md)                                                     |
-| 108 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core "https://github.com/react-native-oh-library/react-native-worklets-core")                                          | 0.5.0         | 是         | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases "https://github.com/react-native-oh-library/react-native-worklets-core/releases")                                        | [链接](/zh-cn/react-native-worklets-core.md)                                               |
-| 109 | [react-redux](https://github.com/reduxjs/react-redux "https://github.com/reduxjs/react-redux")                                                                                                                       | 9.1.1         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-redux.md)                                                              |
-| 110 | [react-router-dom](https://github.com/remix-run/react-router "https://github.com/remix-run/react-router")                                                                                                            | 6.22.3        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-router-dom.md)                                                         |
-| 111 | [react-use](https://github.com/zenghongtu/react-use "https://github.com/zenghongtu/react-use")                                                                                                                       | 17.2.4        | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-use.md)                                                                |
-| 112 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview "https://github.com/Flipkart/recyclerlistview")                                                                                                      | 4.2.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/recyclerListView.md)                                                         |
-| 113 | [redux](https://github.com/reduxjs/redux "https://github.com/reduxjs/redux")                                                                                                                                         | 5.0.1         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux.md)                                                                    |
-| 114 | [redux-actions](https://github.com/redux-utilities/redux-actions "https://github.com/redux-utilities/redux-actions")                                                                                                 | 3.0.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-actions.md)                                                            |
-| 115 | [redux-logger](https://github.com/LogRocket/redux-logger "https://github.com/LogRocket/redux-logger")                                                                                                                | 3.0.6         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-logger.md)                                                             |
-| 116 | [redux-persist](https://github.com/rt2zz/redux-persist "https://github.com/rt2zz/redux-persist")                                                                                                                     | 6.0.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-persist.md)                                                            |
-| 117 | [redux-thunk](https://github.com/reduxjs/redux-thunk "https://github.com/reduxjs/redux-thunk")                                                                                                                       | 3.1.0         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-thunk.md)                                                              |
-| 118 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit "https://github.com/reduxjs/redux-toolkit")                                                                                                                 | 2.2.3         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/redux-toolkit.md)                                                            |
-| 119 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder "https://github.com/mfrachet/rn-placeholder")                                                                                                            | 3.0.3         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/rn-placeholder.md)                                                           |
-| 120 | [styled-components](https://github.com/styled-components/styled-components "https://github.com/styled-components/styled-components")                                                                                 | 6.1.8         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/styled-components.md)                                                        |
-| 121 | [styled-system](https://github.com/react-native-picker/picker "https://github.com/react-native-picker/picker")                                                                                                       | 5.1.5         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/styled-system.md)                                                            |
-| 122 | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                                                                                                              | 7.2.1         | \-        | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                                                                                                                     | [链接](/zh-cn/react-native-sensors.md)                                                     |
-| 123 | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                                                                                                                    | 0.0.25        | \-        | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list/releases)                                                                                                                                  | [链接](/zh-cn/react-native-sortable-list.md)                                               |
-| 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast "https://github.com/crazycodeboy/react-native-easy-toast") | 2.3.0 | \- | \- | [链接](/zh-cn/react-native-easy-toast.md)                                                  |                                                                    |
-| 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                                                                                                             | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                                                                                                                     | [链接](/zh-cn/react-native-image-sequence-2.md) |
-| 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather "https://github.com/yigithanyucedag/react-native-feather")                                                                            | 1.1.2         | \-        | \-                                                                                                                                                                                                                                                        | [链接](/zh-cn/react-native-feather.md)    |
-| 127 | [@react-navigation/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)                                                                                                                                    | 6.9.26        | \-        | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)                                                                                                                                  | [链接](/zh-cn/react-navigation-native-stack.md) |
-| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                                                                                                             | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                                                                                                     | [链接](/zh-cn/react-native-clippath.md)   |
-| 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                                                                                                                 | 1.1.5         | −                  | −                                                                                                                                                                                                                                                         | [链接](/zh-cn/react-native-waterfall-flow.md)                                                                           |
-| 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                                                                                                            | 0.1.11        | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-vconsole.md)                 |
-| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                                                                                                            | 0.0.1         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-better-banner.md)            |
-| 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                                                                                                             | 1.3.0         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-ezswiper.md)                 |
-| 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                                                                                                             | 0.10.3        | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-header-scroll-view.md) |
-| 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                                                                                                                 | 1.2.8         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-linear-gradient-text.md)     |
-| 135  | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                                                                                                                      | 2.0.0-rc.1    | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-marquee-ab.md)               |
-| 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)                                                                                                          | 1.0.3         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reconnecting-websocket.md)   |
-| 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                                                                                                          | 1.3.0         | −                  | −                                                                                                                                                                                                                                                         | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-json-tree.md)                |
-| 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                                                                                                               | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery/releases)                                                                                                                                  | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-gallery.md)            |
-| 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                                                                                                                               | 0.40.3        | 是                  | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                                                                                                                                  | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md)            |
-| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                                                                                                               | 0.1.3        | 是                  | -                                                                                                                   | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-base64.md)            |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From de478b7c644110bb7df0af28ea5f7bed1ff16316 Mon Sep 17 00:00:00 2001
From: hzjzwcu <1127781044@qq.com>
Date: Wed, 19 Jun 2024 11:44:06 +0800
Subject: [PATCH 014/966] =?UTF-8?q?docs:=20[Issues:=20#IA6KKB]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-vision-camera=E6=96=87=E6=A1=A3=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E6=9D=83=E9=99=90=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-vision-camera.md | 42 -----------------------------
 1 file changed, 42 deletions(-)

diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index aa5ce2c2..b8e885c9 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -294,16 +294,6 @@ ohpm install
 +    }
 +  },
 +  {
-+    "name": "ohos.permission.MEDIA_LOCATION",
-+    "reason": "$string:media_location_reason",
-+    "usedScene": {
-+      "abilities": [
-+        "EntryAbility"
-+      ],
-+      "when":"inuse"
-+    }
-+  },
-+  {
 +    "name": "ohos.permission.APPROXIMATELY_LOCATION",
 +    "reason": "$string:location_reason",
 +    "usedScene": {
@@ -312,26 +302,6 @@ ohpm install
 +      ],
 +      "when":"inuse"
 +    }
-+  },
-+  {
-+    "name": "ohos.permission.WRITE_IMAGEVIDEO",
-+    "reason": "$string:write_media",
-+    "usedScene": {
-+      "abilities": [
-+        "EntryAbility"
-+      ],
-+      "when":"inuse"
-+    }
-+  },
-+  {
-+    "name": "ohos.permission.READ_IMAGEVIDEO",
-+    "reason": "$string:read_media",
-+    "usedScene": {
-+      "abilities": [
-+        "EntryAbility"
-+      ],
-+      "when":"inuse"
-+    }
 +  }
 ]
 ```
@@ -353,18 +323,6 @@ ohpm install
 +      "value": "获取当前位置"
 +    },
 +    {
-+      "name": "write_media",
-+      "value": "输出媒体文件"
-+    },
-+    {
-+      "name": "read_media",
-+      "value": "读取媒体文件"
-+    },
-+    {
-+      "name": "media_location_reason",
-+      "value": "获取媒体文件位置信息"
-+    },
-+    {
 +      "name": "microphone_reason",
 +      "value": "使用麦克风"
 +    },

From d7b78e839fdf0310795137c60c128a6222c5281f Mon Sep 17 00:00:00 2001
From: "amiz21@qq.com" <amiz21@qq.com>
Date: Wed, 19 Jun 2024 12:00:37 +0800
Subject: [PATCH 015/966] fix: [Issues: #IA6KRD]replace CN:Harmony with
 HarmonyOS

---
 zh-cn/jsbarcode.md                               |  6 +++---
 zh-cn/lottie-react-native.md                     |  6 +++---
 zh-cn/model.md                                   |  8 ++++----
 zh-cn/prop-types.md                              |  2 +-
 zh-cn/react-native-MJRefresh.md                  |  4 ++--
 zh-cn/react-native-SmartRefreshLayout.md         | 10 +++++-----
 zh-cn/react-native-action-button.md              |  4 ++--
 .../react-native-async-storage-async-storage.md  |  4 ++--
 zh-cn/react-native-audio.md                      |  4 ++--
 zh-cn/react-native-autoheight-webview.md         |  4 ++--
 zh-cn/react-native-background-timer.md           |  6 +++---
 zh-cn/react-native-barcode-builder.md            |  4 ++--
 zh-cn/react-native-blob-util.md                  |  4 ++--
 zh-cn/react-native-calendar-events.md            |  4 ++--
 zh-cn/react-native-cameraroll.md                 |  4 ++--
 zh-cn/react-native-canvas.md                     |  2 +-
 zh-cn/react-native-chart-kit.md                  |  2 +-
 zh-cn/react-native-check-box.md                  |  2 +-
 zh-cn/react-native-clipboard-clipboard.md        |  4 ++--
 zh-cn/react-native-clippath.md                   |  4 ++--
 zh-cn/react-native-color-matrix-image-filters.md |  4 ++--
 zh-cn/react-native-communications.md             |  2 +-
 zh-cn/react-native-community-blur.md             |  4 ++--
 zh-cn/react-native-community-checkbox.md         |  4 ++--
 zh-cn/react-native-community-datetimepicker.md   |  4 ++--
 zh-cn/react-native-community-netinfo.md          |  4 ++--
 ...eact-native-community-progress-bar-android.md |  4 ++--
 zh-cn/react-native-community-progress-view.md    |  6 +++---
 ...act-native-community-push-notification-ios.md |  4 ++--
 zh-cn/react-native-community-slider.md           |  4 ++--
 zh-cn/react-native-contacts.md                   |  4 ++--
 zh-cn/react-native-cookies.md                    |  4 ++--
 zh-cn/react-native-create-thumbnail.md           |  4 ++--
 zh-cn/react-native-document-picker.md            |  8 ++++----
 zh-cn/react-native-echarts-pro.md                |  4 ++--
 zh-cn/react-native-elements.md                   |  2 +-
 zh-cn/react-native-exception-handler.md          |  4 ++--
 zh-cn/react-native-fast-image.md                 |  4 ++--
 zh-cn/react-native-feather.md                    |  2 +-
 zh-cn/react-native-fileupload.md                 |  4 ++--
 zh-cn/react-native-fingerprint-scanner.md        |  4 ++--
 zh-cn/react-native-fit-Image.md                  |  2 +-
 zh-cn/react-native-fs.md                         |  4 ++--
 zh-cn/react-native-geolocation.md                |  6 +++---
 zh-cn/react-native-gesture-handler.md            | 16 ++++++++--------
 zh-cn/react-native-get-random-values.md          |  4 ++--
 zh-cn/react-native-image-base64.md               |  4 ++--
 zh-cn/react-native-image-crop-picker.md          |  6 +++---
 zh-cn/react-native-image-editor.md               |  4 ++--
 zh-cn/react-native-image-picker.md               |  4 ++--
 zh-cn/react-native-image-resizer.md              |  4 ++--
 zh-cn/react-native-image-sequence-2.md           |  4 ++--
 zh-cn/react-native-image-viewer.md               |  4 ++--
 zh-cn/react-native-intersection-observer.md      |  4 ++--
 zh-cn/react-native-keep-awake.md                 |  4 ++--
 zh-cn/react-native-linear-gradient-text.md       |  2 +-
 zh-cn/react-native-linear-gradient.md            |  6 +++---
 zh-cn/react-native-localize.md                   |  6 +++---
 zh-cn/react-native-maps.md                       |  4 ++--
 zh-cn/react-native-markdown-display.md           |  8 ++++----
 zh-cn/react-native-masked-view-masked-view.md    |  6 +++---
 zh-cn/react-native-orientation-locker.md         |  4 ++--
 zh-cn/react-native-orientation.md                |  4 ++--
 zh-cn/react-native-pager-view.md                 |  8 ++++----
 zh-cn/react-native-paper.md                      |  2 +-
 zh-cn/react-native-pdf.md                        |  4 ++--
 zh-cn/react-native-permissions.md                |  4 ++--
 zh-cn/react-native-picker-picker.md              | 10 +++++-----
 zh-cn/react-native-progress.md                   |  4 ++--
 zh-cn/react-native-qr-decode-image-camera.md     |  4 ++--
 zh-cn/react-native-qrcode-svg.md                 |  2 +-
 zh-cn/react-native-randombytes.md                |  4 ++--
 zh-cn/react-native-reanimated-carousel.md        |  2 +-
 zh-cn/react-native-reanimated.md                 |  4 ++--
 zh-cn/react-native-redash.md                     |  4 ++--
 zh-cn/react-native-restart.md                    |  6 +++---
 zh-cn/react-native-safe-area-context.md          |  8 ++++----
 zh-cn/react-native-screens.md                    |  2 +-
 zh-cn/react-native-scrollable-tab-view.md        |  2 +-
 zh-cn/react-native-sensors.md                    |  4 ++--
 zh-cn/react-native-shadow-2.md                   |  4 ++--
 zh-cn/react-native-simple-toast.md               |  4 ++--
 zh-cn/react-native-sound.md                      |  4 ++--
 zh-cn/react-native-svg-capi.md                   |  8 ++++----
 zh-cn/react-native-svg-charts.md                 |  2 +-
 zh-cn/react-native-svg.md                        |  8 ++++----
 zh-cn/react-native-system-setting.md             |  4 ++--
 zh-cn/react-native-tab-view.md                   |  6 +++---
 zh-cn/react-native-text-size.md                  |  4 ++--
 zh-cn/react-native-toolbar-android.md            |  4 ++--
 zh-cn/react-native-touch-id.md                   |  4 ++--
 zh-cn/react-native-unitsyles.md                  |  4 ++--
 zh-cn/react-native-vconsole.md                   |  2 +-
 zh-cn/react-native-vector-icons.md               |  4 ++--
 zh-cn/react-native-video-cache.md                |  6 +++---
 zh-cn/react-native-video.md                      |  6 +++---
 zh-cn/react-native-view-overflow.md              |  4 ++--
 zh-cn/react-native-view-shot.md                  |  4 ++--
 zh-cn/react-native-vision-camera.md              |  8 ++++----
 zh-cn/react-native-webview.md                    |  6 +++---
 zh-cn/react-native-worklets-core.md              |  4 ++--
 zh-cn/react-native-zip-archive.md                |  6 +++---
 zh-cn/react-navigation-native-stack.md           |  2 +-
 zh-cn/redux-persist.md                           |  2 +-
 zh-cn/rn-tourguide.md                            |  2 +-
 zh-cn/sentry-react-native.md                     |  4 ++--
 zh-cn/shopify-flash-list.md                      |  6 +++---
 zh-cn/styled-components.md                       |  2 +-
 108 files changed, 240 insertions(+), 240 deletions(-)

diff --git a/zh-cn/jsbarcode.md b/zh-cn/jsbarcode.md
index 1ffe763e..3d6d91dc 100644
--- a/zh-cn/jsbarcode.md
+++ b/zh-cn/jsbarcode.md
@@ -43,7 +43,7 @@ import JsBarCode from 'jsbarcode';
 
 ### **With svg:**
 
-> [!tip] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现鸿蒙化] > [!tip] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
+> [!tip] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化] > [!tip] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
 
 ```tsx
 import {ScrollView, StyleSheet, View, Text} from 'react-native';
@@ -171,7 +171,7 @@ const styles = StyleSheet.create({
 
 ### **With canvas:**
 
-> [!tip] [react-native-canvas库暂未鸿蒙化，当前无法使用canvas渲染，下面用法仅供参考]
+> [!tip] [react-native-canvas库暂未 HarmonyOS 化，当前无法使用canvas渲染，下面用法仅供参考]
 
 ```js
 var JsBarcode = require("jsbarcode");
@@ -315,7 +315,7 @@ JsBarcode("#barcode", "29012343", {
 
 ## 遗留问题
 
-jsbarcode库依赖react-native-svg库进行条形码展示, 因svg 当前仅实现部分属性，其余还未实现鸿蒙化，目前在HarmonyOS上条形码的文本位置效果不对，fontSize显示比较小。
+jsbarcode库依赖react-native-svg库进行条形码展示, 因svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化，目前在HarmonyOS上条形码的文本位置效果不对，fontSize显示比较小。
 
 ## 其他
 
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index c36b2fbd..f74fc494 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -50,9 +50,9 @@ import LottieView from "lottie-react-native";
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -187,7 +187,7 @@ ohpm install
 ### 权限要求
 
 - 如果 source 使用网络 url 应用需要申请网络权限
-- 如果使用的 json 文件里有依赖图片资源或使用 imageAssetsFolder 属性，需要将资源文件放置到鸿蒙工程 rawfile 下对应的路径中
+- 如果使用的 json 文件里有依赖图片资源或使用 imageAssetsFolder 属性，需要将资源文件放置到 HarmonyOS 工程 rawfile 下对应的路径中
 
 ## 属性
 
diff --git a/zh-cn/model.md b/zh-cn/model.md
index a3f73b62..10f52864 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -17,7 +17,7 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/<鸿蒙化源码仓地址>)
+> [!TIP] [Github 地址](https://github.com/< HarmonyOS 化源码仓地址>)
 
 如：
 
@@ -84,9 +84,9 @@ export default App;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
@@ -289,7 +289,7 @@ ohpm install
 
 （填入相关权限配置）
 
-**以下属性、静态方法、API 需要检查说明中手机平台描述，例如已支持鸿蒙的接口并且说明中提到 ios 和 android，那么需要检查是否补充 harmony 进到描述中。示例如下（删除）**
+**以下属性、静态方法、API 需要检查说明中手机平台描述，例如已支持 HarmonyOS 的接口并且说明中提到 ios 和 android，那么需要检查是否补充 harmony 进到描述中。示例如下（删除）**
 
 ```
 // 原描述
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index 6de581aa..3cabbf06 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -60,7 +60,7 @@ optionalEnum: PropTypes.oneOf(['News', 'Photos']),
 
 #### 属性
 
-| 名称        | 说明                                                 | 类型      | 是否必填 | 鸿蒙支持 |
+| 名称        | 说明                                                 | 类型      | 是否必填 |  HarmonyOS 支持 |
 | ----------- | ---------------------------------------------------- | --------- | -------- | -------- |
 | any         | 约束属性为任意类型                                   | Attribute | NO       | yes      |
 | array       | 约束属性为数组类型                                   | Attribute | NO       | yes      |
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index e67a001d..0e9eaa5b 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -115,9 +115,9 @@ export default class MjRefreshDemo extends Component {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index f54712ec..a974c930 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -178,9 +178,9 @@ export default App;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -357,7 +357,7 @@ ohpm install
 
 仅组件支持渲染，在 RNOH0.72.10 版本中需要给 List 类型子组件添加 bounces = {false}属性，否则无法触发本组件的下拉。（0.72.11 版本已解决）
 
-| 名称           | 说明                     | 类型   | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称           | 说明                     | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | -------------- | ------------------------ | ------ | -------- | -------- | -------- |
 | `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | 不支持   |
 
@@ -365,7 +365,7 @@ ohpm install
 
 当前组件不支持
 
-| 名称           | 说明                     | 类型   | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称           | 说明                     | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | -------------- | ------------------------ | ------ | -------- | -------- | -------- |
 | `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | 不支持   |
 | `accentColor`  | 刷新组件 Header 的强调色 | string | No       | Android  | 不支持   |
@@ -374,7 +374,7 @@ ohpm install
 
 当前组件不支持
 
-| 名称        | 说明                        | 类型   | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称        | 说明                        | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ----------- | --------------------------- | ------ | -------- | -------- | -------- |
 | `text`      | StoreHouseHeader 的文字     | string | No       | Android  | 不支持   |
 | `textColor` | StoreHouseHeader 的文字颜色 | string | No       | Android  | 不支持   |
diff --git a/zh-cn/react-native-action-button.md b/zh-cn/react-native-action-button.md
index 008f3ca7..60b88a38 100644
--- a/zh-cn/react-native-action-button.md
+++ b/zh-cn/react-native-action-button.md
@@ -94,7 +94,7 @@ const styles = StyleSheet.create({
 
 ### ActionButton:
 
-| 名称                      | 说明                                                                                                                                                                                                                                              | 类型     | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称                      | 说明                                                                                                                                                                                                                                              | 类型     | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | -------- |
 | resetToken                | use this to reset the internal component state (expand/collapse) in a re-render cycle. Synchronize the component state.                                                                                                                           | any      | No       | /        | Yes      |
 | size                      | use this to change the size of the Button                                                                                                                                                                                                         | number   | No       | /        | Yes      |
@@ -122,7 +122,7 @@ const styles = StyleSheet.create({
 
 ### ActionButton.Item:
 
-| 名称                      | 说明                                                                       | 类型     | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称                      | 说明                                                                       | 类型     | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ------------------------- | -------------------------------------------------------------------------- | -------- | -------- | -------- | -------- |
 | size                      | use this to change the size of the Button                                  | number   | No       | /        | Yes      |
 | buttonColor               | background color of the Button                                             | string   | No       | /        | Yes      |
diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index f5599bbd..af427456 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -69,9 +69,9 @@ const getData = async () => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 3740b6a8..f03e9645 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -101,9 +101,9 @@ AudioRecorder.onFinished = (data) => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index 8fd44652..ec63a151 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -50,7 +50,7 @@ import AutoHeightWebView from "react-native-autoheight-webview";
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/vmall/react-native-webview.md#link)进行引入
 
@@ -85,7 +85,7 @@ import AutoHeightWebView from "react-native-autoheight-webview";
 
 ## 遗留问题
 
-- [ ] autoheight-webview 部分属性未实现鸿蒙化[issue#1](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/1)
+- [ ] autoheight-webview 部分属性未实现 HarmonyOS 化[issue#1](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/1)
 - [x] 中文乱码[issue#2](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/2)
 
 ## 其他
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index 7d6f1528..6c88b8a3 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -210,9 +210,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
@@ -335,7 +335,7 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.
 
 ## 遗留问题
 
-- [ ] 使用worker开的新线程中不支持RNOHContext序列化传参，底层OS暂不支持，导致无法在新线程中发送事件，需要底层OS框架实现相关业务功能。不开线程的情况下，因setTimeout属于异步方法，定时器效果不受影响。[worker线程遗留问题:start和stop接口，鸿蒙RN框架暂不支持](https://github.com/react-native-oh-library/react-native-background-timer/issues/3)
+- [ ] 使用worker开的新线程中不支持RNOHContext序列化传参，底层OS暂不支持，导致无法在新线程中发送事件，需要底层OS框架实现相关业务功能。不开线程的情况下，因setTimeout属于异步方法，定时器效果不受影响。[worker线程遗留问题:start和stop接口， HarmonyOS RN框架暂不支持](https://github.com/react-native-oh-library/react-native-background-timer/issues/3)
 
 ## 其他
 
diff --git a/zh-cn/react-native-barcode-builder.md b/zh-cn/react-native-barcode-builder.md
index cbecf35c..a6165607 100644
--- a/zh-cn/react-native-barcode-builder.md
+++ b/zh-cn/react-native-barcode-builder.md
@@ -20,7 +20,7 @@
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-barcode-builder)
 
 ## 安装与使用
-1、库依赖的@react-native-community/art停止维护，与鸿蒙侧不兼容，需引入@react-native-oh-tpl/react-native-svg 的原生端代码，请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入。
+1、库依赖的@react-native-community/art停止维护，与 HarmonyOS 侧不兼容，需引入@react-native-oh-tpl/react-native-svg 的原生端代码，请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入。
 
 2、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)，并下载适用版本的 tgz 包。
 
@@ -109,7 +109,7 @@ export const BarcodeBuilderExample = () => {
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入
 
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index 6926c142..0206f67b 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -412,9 +412,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index fb1ad1d7..19309c7f 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -236,9 +236,9 @@ export default CalendarDemo;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index 87fb2a5e..d8cb2837 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -92,9 +92,9 @@ export default function App() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-canvas.md b/zh-cn/react-native-canvas.md
index e487ab5a..60b566c4 100644
--- a/zh-cn/react-native-canvas.md
+++ b/zh-cn/react-native-canvas.md
@@ -128,7 +128,7 @@ export default CanvasDemo;
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](https://gitee.com/zhanghao2519/usage-docs/blob/master/zh-cn/react-native-webview.md)进行引入
 
diff --git a/zh-cn/react-native-chart-kit.md b/zh-cn/react-native-chart-kit.md
index ae8fcab0..4d4d685e 100644
--- a/zh-cn/react-native-chart-kit.md
+++ b/zh-cn/react-native-chart-kit.md
@@ -111,7 +111,7 @@ export default MyChart;
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-svg文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
 
diff --git a/zh-cn/react-native-check-box.md b/zh-cn/react-native-check-box.md
index f2767b34..722d1b7f 100644
--- a/zh-cn/react-native-check-box.md
+++ b/zh-cn/react-native-check-box.md
@@ -113,7 +113,7 @@ export default example;
 
 ### React-navite-check-box:
 
-| 名称                   | 说明                                                                                                                  | 类型                      | 是否必填 | 原库平台    | 鸿蒙支持 |
+| 名称                   | 说明                                                                                                                  | 类型                      | 是否必填 | 原库平台    |  HarmonyOS 支持 |
 | ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- | ----------- | -------- |
 | style                  | Custom style checkbox                                                                                                 | ViewPropTypes.style       | No       | Android/IOS | Yes      |
 | leftText               | Custom left Text                                                                                                      | PropTypes.string          | No       | Android/IOS | Yes      |
diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index 75e1eb60..e5e38cc9 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -70,9 +70,9 @@ const fetchCopiedText = async () => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md
index 76ab8d9f..f84db6f9 100644
--- a/zh-cn/react-native-clippath.md
+++ b/zh-cn/react-native-clippath.md
@@ -71,9 +71,9 @@ export default function index() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index aeef6852..3a0422b6 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -76,9 +76,9 @@ const ColorMatrixImage = (imageProps) => (
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
diff --git a/zh-cn/react-native-communications.md b/zh-cn/react-native-communications.md
index 6d5cf52d..60f972e4 100644
--- a/zh-cn/react-native-communications.md
+++ b/zh-cn/react-native-communications.md
@@ -125,7 +125,7 @@ export default RNCommunications;
 
 ## 遗留问题
 
-- [ ] 鸿蒙侧没有邮箱应用，导致email方法无法打开发送邮件界面问题: [issue#1](https://github.com/react-native-oh-library/react-native-communications/issues/1)
+- [ ]  HarmonyOS 侧没有邮箱应用，导致email方法无法打开发送邮件界面问题: [issue#1](https://github.com/react-native-oh-library/react-native-communications/issues/1)
 - [ ] text添加body之后，没法在短信界面拆分进短信输入栏问题: [issue#2](https://github.com/react-native-oh-library/react-native-communications/issues/2)
 
 ## 其他
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index f1f75422..dfc9ffcb 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -200,9 +200,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index e4d444a1..f6674dd8 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -68,9 +68,9 @@ import CheckBox from "@react-native-community/checkbox";
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index 3624af5e..d9afc2b4 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -90,9 +90,9 @@ export const App = () => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index e7fc61ca..f2e903bf 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -74,9 +74,9 @@ const App = () => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index aa005743..780b575a 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -51,9 +51,9 @@ npm install @react-native-oh-tpl/progress-bar-android@file:#
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index fd7b0023..0b03a1f0 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -54,9 +54,9 @@ import { ProgressView } from "@react-native-community/progress-view";
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -193,7 +193,7 @@ ohpm install
 
 ## 属性
 
-> [!tip] "鸿蒙支持"列为 yes 的 API 表示支持鸿蒙平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index c999e353..b7ae15ca 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -164,9 +164,9 @@ export const App = () => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 8df8cda2..8bc5d366 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -56,9 +56,9 @@ import Slider from "@react-native-community/slider";
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 873fefb8..2425991e 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -299,9 +299,9 @@ export const ContactsDemo = () => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
diff --git a/zh-cn/react-native-cookies.md b/zh-cn/react-native-cookies.md
index 774b2eb9..9bceb23c 100644
--- a/zh-cn/react-native-cookies.md
+++ b/zh-cn/react-native-cookies.md
@@ -199,9 +199,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md
index d59103ca..64a3725c 100644
--- a/zh-cn/react-native-create-thumbnail.md
+++ b/zh-cn/react-native-create-thumbnail.md
@@ -144,9 +144,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 63e02a82..31d293d3 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -256,9 +256,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
@@ -382,8 +382,8 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] 鸿蒙端file picker selectMode设置选文件夹无效: [issue#1](https://github.com/react-native-oh-library/document-picker/issues/1) 
-- [ ] releaseSecureAccess选择沙箱路径外文件无法实现，鸿蒙暂无此能力接口: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2)
+- [ ]  HarmonyOS 端file picker selectMode设置选文件夹无效: [issue#1](https://github.com/react-native-oh-library/document-picker/issues/1) 
+- [ ] releaseSecureAccess选择沙箱路径外文件无法实现， HarmonyOS 暂无此能力接口: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2)
 
 ## 其他
 
diff --git a/zh-cn/react-native-echarts-pro.md b/zh-cn/react-native-echarts-pro.md
index 7981b4e0..d6936c14 100644
--- a/zh-cn/react-native-echarts-pro.md
+++ b/zh-cn/react-native-echarts-pro.md
@@ -82,7 +82,7 @@ export default function RNEPDemo() {
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](/zh-cn/react-native-webview.md)进行引入
 
@@ -119,7 +119,7 @@ export default function RNEPDemo() {
 
 ## 遗留问题
 
-- [ ] fontFamilies自定义字体属性未生效，该属性需要将字体文件转为base64字符串，拼接在html中的style标签中使用，经验证，这种用法在react-native-webview的最小化demo也不生效，一旦有base64字体加载，就会白屏并无法触发loadEnd，而原生鸿蒙webview上显示正常 [issues#20](https://github.com/react-native-oh-library/react-native-webview/issues/20)
+- [ ] fontFamilies自定义字体属性未生效，该属性需要将字体文件转为base64字符串，拼接在html中的style标签中使用，经验证，这种用法在react-native-webview的最小化demo也不生效，一旦有base64字体加载，就会白屏并无法触发loadEnd，而原生 HarmonyOS webview上显示正常 [issues#20](https://github.com/react-native-oh-library/react-native-webview/issues/20)
 
 ## 其他
 
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index 7dbfb365..bf955e7d 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -255,7 +255,7 @@ export default Avatars;
 
 ### Link
 
-本库鸿蒙侧实现依赖 @react-native-oh-tpl/react-native-safe-area-context 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md#link)进行引入。
 
diff --git a/zh-cn/react-native-exception-handler.md b/zh-cn/react-native-exception-handler.md
index 4c5c7689..eb9322d3 100644
--- a/zh-cn/react-native-exception-handler.md
+++ b/zh-cn/react-native-exception-handler.md
@@ -108,9 +108,9 @@ setNativeExceptionHandler(
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index 26b9c326..dad7567a 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -60,9 +60,9 @@ const YourImage = () => (
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-feather.md b/zh-cn/react-native-feather.md
index c2b5463d..75d5e734 100644
--- a/zh-cn/react-native-feather.md
+++ b/zh-cn/react-native-feather.md
@@ -69,7 +69,7 @@ export default FeatherExample;
 ```
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入
 
diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index 085e2438..c8027c38 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -100,9 +100,9 @@ let styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index 89459403..371c3bd2 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -91,9 +91,9 @@ export default function App() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index dff6b52d..d66b52bb 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -310,7 +310,7 @@ export default FitImageDemo;
 ## 遗留问题
 
 1. 在react-native-fit-image三方库中`onError`.`onLoadStart`.`onLayout`回调方法，在原库文档（react-native-fit-image）作者已说明并没有适配（Some props are not working），有待开发[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
-2. `borderRadius`图片圆角属性，在鸿蒙，ios，安卓均不支持，官方文档互动有提到borderRadius不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
+2. `borderRadius`图片圆角属性，在 HarmonyOS ，ios，安卓均不支持，官方文档互动有提到borderRadius不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
 
 ## 其他
 
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index 398de747..f8210440 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -145,9 +145,9 @@ export default App;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-geolocation.md b/zh-cn/react-native-geolocation.md
index 1374e306..f9fd8dc4 100644
--- a/zh-cn/react-native-geolocation.md
+++ b/zh-cn/react-native-geolocation.md
@@ -56,9 +56,9 @@ Geolocation.setRNConfiguration(
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -209,7 +209,7 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] react-native-geolocation 部分属性未实现鸿蒙化: [issue#I8WRMI](https://gitee.com/react-native-oh-library/usage-docs/issues/I8WRMI)
+- [ ] react-native-geolocation 部分属性未实现 HarmonyOS 化: [issue#I8WRMI](https://gitee.com/react-native-oh-library/usage-docs/issues/I8WRMI)
 
 ## 其他
 
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index 15d68ef5..3fe0c4cb 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -104,9 +104,9 @@ export default function App() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -194,7 +194,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 react-native-gesture-handler 在 2.x 版本里，不再从原生端引入 `<GestureHandlerRootView>`，而是在 JS 端添加。详情请看官方说明：[Migrating off RNGHEnabledRootView](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/migrating-off-rnghenabledroot)。
 
-鸿蒙支持 1.x 在原生端替换 `RootView` 来添加 `<GestureHandlerRootView>` 的方式。
+ HarmonyOS 支持 1.x 在原生端替换 `RootView` 来添加 `<GestureHandlerRootView>` 的方式。
 
 **如果使用 2.x 方式，则把后面带有 `1.x` 注释的代码删掉即可**
 
@@ -294,7 +294,7 @@ GestureDetector 是 Gesture Handler 库 2.x 版本的一个主要组件。
 
 #### Gesture detector 属性
 
-| 名称       | 说明                                                                                             | 类型                                 | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称       | 说明                                                                                             | 类型                                 | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- | -------- |
 | gesture    | A gesture object containing the configuration and callbacks.                                     | base gestures or any ComposedGesture | yes      | All      | yes      |
 | userSelect | This parameter allows to specify which userSelect property should be applied to underlying view. | ("none" \| "auto" \| "text")         | no       | Web      | no       |
@@ -327,7 +327,7 @@ Gesture Handler 库提供了一种基于原生按钮的 React Native touchable 
 
 ### Gesture handlers 通用属性
 
-| 名称                    | 说明                                                                                                                                              | 类型                         | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称                    | 说明                                                                                                                                              | 类型                         | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------- | -------- | -------- |
 | enabled                 | Indicates whether the given handler should be analyzing stream of touch events or not.                                                            | boolean                      | no       | All      | yes      |
 | shouldCancelWhenOutside | When true the handler will cancel or fail recognition (depending on its current state) whenever the finger leaves the area of the connected view. | boolean                      | no       | All      | no       |
@@ -344,7 +344,7 @@ Gesture Handler 库提供了一种基于原生按钮的 React Native touchable 
 
 以下是提供给 `onGestureEvent` 和 `onHandlerStateChange` 回调的通用事件数据:
 
-| 名称             | 说明                                                                        | 类型   | 原库平台 | 鸿蒙支持 |
+| 名称             | 说明                                                                        | 类型   | 原库平台 |  HarmonyOS 支持 |
 | ---------------- | --------------------------------------------------------------------------- | ------ | -------- | -------- |
 | state            | Current state of the handler.                                               | State  | All      | yes      |
 | numberOfPointers | Represents the number of pointers (fingers) currently placed on the screen. | number | All      | yes      |
@@ -353,7 +353,7 @@ Gesture Handler 库提供了一种基于原生按钮的 React Native touchable 
 
 #### PanGestureHandler 属性
 
-| 名称                           | 说明                                                                                                                                                                                        | 类型    | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称                           | 说明                                                                                                                                                                                        | 类型    | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | -------- | -------- |
 | minDist                        | Minimum distance the finger (or multiple finger) need to travel before the handler activates.                                                                                               | number  | no       | All      | yes      |
 | minPointers                    | A number of fingers that is required to be placed before handler can activate.                                                                                                              | number  | no       | All      | yes      |
@@ -403,7 +403,7 @@ Y coordinate of the current position of the pointer (finger or a leading pointer
 
 #### TapGestureHandler 属性
 
-| 名称          | 说明                                                                                                                               | 类型   | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称          | 说明                                                                                                                               | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
 | minPointers   | Minimum number of pointers (fingers) required to be placed before the handler activates.                                           | number | no       | All      | yes      |
 | maxDurationMs | Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch.                            | number | no       | All      | yes      |
diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md
index 1a336c8c..7cbc0981 100644
--- a/zh-cn/react-native-get-random-values.md
+++ b/zh-cn/react-native-get-random-values.md
@@ -82,9 +82,9 @@ export const GetRandomValues = () => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-image-base64.md b/zh-cn/react-native-image-base64.md
index 3e563cd3..95e18f17 100644
--- a/zh-cn/react-native-image-base64.md
+++ b/zh-cn/react-native-image-base64.md
@@ -115,9 +115,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index eb8736b0..f01eab5d 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -793,9 +793,9 @@ export default ImageCropPickDemo;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 harmony
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
 
 ```
 在工程根目录的 oh-package.json 添加 overrides字段
@@ -1087,7 +1087,7 @@ ohpm install
 - [ ] Android Demo中 改变工具栏颜色 [#7](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/7)
 - [ ] 裁剪图像时，禁用裁剪库的颜色设置器 [#8](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/8)
 - [ ] 裁剪图像时，确定工具栏文本和按钮的颜色 [#9](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/9)
-- [ ] 调用ViewController“completion”块，Promise将解析/拒绝，鸿蒙不支持 [#10](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/10)
+- [ ] 调用ViewController“completion”块，Promise将解析/拒绝， HarmonyOS 不支持 [#10](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/10)
 - [ ] Ios支持智能相册列表  [#11](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/11)
 - [ ] Ios视频压缩的预设 [#12](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/12)
 - [ ] Ios智能相册排序  [#13](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/13)
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 9fb625be..6b99e82d 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -182,9 +182,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index 75852971..08724088 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -77,9 +77,9 @@ export default App;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-image-resizer.md b/zh-cn/react-native-image-resizer.md
index 1e2834d0..aaf1b579 100644
--- a/zh-cn/react-native-image-resizer.md
+++ b/zh-cn/react-native-image-resizer.md
@@ -272,9 +272,9 @@ export default ImageResizerDemo;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index 75b125a0..8c19acee 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -277,9 +277,9 @@ export default TestDemo2
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-image-viewer.md b/zh-cn/react-native-image-viewer.md
index 74d91cb0..d9af246f 100644
--- a/zh-cn/react-native-image-viewer.md
+++ b/zh-cn/react-native-image-viewer.md
@@ -266,8 +266,8 @@ export default ReactImageZoon;
 
 ## 遗留问题
 
-- [ ] 本库 CameraRoll.saveToCameraRoll 还未完全鸿蒙化，暂不支持调起相册 （未解决）[#I99NUM](https://gitee.com/chenchen2019710/usage-docs/issues/I99NUM)
-- [ ] 本库依赖 react-native-image-zoom ,enableImageZoom属性还未完全鸿蒙化（未解决）[#I99NP7](https://gitee.com/wuyasmile/usage-docs/issues/I99NP7)
+- [ ] 本库 CameraRoll.saveToCameraRoll 还未完全 HarmonyOS 化，暂不支持调起相册 （未解决）[#I99NUM](https://gitee.com/chenchen2019710/usage-docs/issues/I99NUM)
+- [ ] 本库依赖 react-native-image-zoom ,enableImageZoom属性还未完全 HarmonyOS 化（未解决）[#I99NP7](https://gitee.com/wuyasmile/usage-docs/issues/I99NP7)
 - [ ] 本库依赖 react-native-image-zoom ,长按触发框架图片拖拽，应用崩溃（未解决）[#I99NQ7](https://gitee.com/wuyasmile/usage-docs/issues/I99NQ7)
 
 ## 其他
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index 0b62303b..8d596d24 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -89,9 +89,9 @@ export default App;
 
 详情请查看[react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer/blob/master/README.md)
 
-如下是已经鸿蒙化的属性：
+如下是已经 HarmonyOS 化的属性：
 
-> [!tip] "鸿蒙支持"列为 yes 的属性表示支持鸿蒙平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!tip] " HarmonyOS 支持"列为 yes 的属性表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
 
 #### **IOScrollView** **组件**
 
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index 3099b387..b44e7b73 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -106,9 +106,9 @@ export function KeepAwakeExample() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
diff --git a/zh-cn/react-native-linear-gradient-text.md b/zh-cn/react-native-linear-gradient-text.md
index c61a4455..9ceb20f3 100644
--- a/zh-cn/react-native-linear-gradient-text.md
+++ b/zh-cn/react-native-linear-gradient-text.md
@@ -89,7 +89,7 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库鸿蒙侧实现依赖 @react-native-oh-tpl/masked-view 和 @react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/masked-view 和 @react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/masked-view 文档的 Link 章节 ](file://zh-cn/react-native-masked-view-masked-view.md#link) 和 [@react-native-oh-tpl/react-native-linear-gradient 文档的 Link 章节 ](file://zh-cn/react-native-linear-gradient.md#link)进行引入。
 
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 3017253c..01ca51fa 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -89,9 +89,9 @@ var styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
@@ -248,7 +248,7 @@ ohpm install
 
 ## 属性
 
-> [!tip] "鸿蒙支持"列为 yes 的 API 表示支持鸿蒙平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index 0b2ce813..59549a0d 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -91,9 +91,9 @@ export default LocalizeDemo;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -205,7 +205,7 @@ RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 | findBestLanguageTag()    | Returns the best language tag possible and its reading direction | No       | All      | yes               |
 
 ## 遗留问题
-- [ ] 鸿蒙侧无法获取温度及长度单位[issue#2](https://github.com/react-native-oh-library/react-native-localize/issues/2)
+- [ ]  HarmonyOS 侧无法获取温度及长度单位[issue#2](https://github.com/react-native-oh-library/react-native-localize/issues/2)
 
 ## 其他
 
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index 030ad138..26b52705 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -196,9 +196,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index c8f4acf7..93a4ad06 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -78,9 +78,9 @@ export default App;
 
 ## Link
 
-目前鸿蒙暂不支持` AutoLink`，所以` Link` 步骤需要手动配置。
+目前 HarmonyOS 暂不支持` AutoLink`，所以` Link` 步骤需要手动配置。
 
-首先需要使用 `DevEco Studio` 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 `DevEco Studio` 打开项目里的 HarmonyOS 工程 `harmony`
 
 ## 约束与限制
 
@@ -99,9 +99,9 @@ export default App;
 
 详情请查看[react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display/blob/master/README.md)
 
-如下是已经鸿蒙化的属性：
+如下是已经 HarmonyOS 化的属性：
 
-> [!tip] "鸿蒙支持"列为 yes 的属性表示支持鸿蒙平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!tip] " HarmonyOS 支持"列为 yes 的属性表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
 
 | Name                      | Description                                                                                                                                                                                           | Default                                                                                                                    | Required | Platform | HarmonyOS Support |
 | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index b946432c..8abe29f7 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -79,9 +79,9 @@ import MaskedView from "@react-native-masked-view/masked-view";
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -228,7 +228,7 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] 鸿蒙侧未实现遮罩效果[issue#1](https://github.com/react-native-oh-library/masked-view/issues/1)
+- [ ]  HarmonyOS 侧未实现遮罩效果[issue#1](https://github.com/react-native-oh-library/masked-view/issues/1)
 
 ## 其他
 
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index 00bf40ba..d76bd39e 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -213,9 +213,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ## 在工程根目录的 `oh-package.json` 添加 `overrides`字段
 
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index 1b61e14c..b8f15d78 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -179,9 +179,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index 5de7a4a0..bec78df7 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -69,9 +69,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -234,7 +234,7 @@ ohpm install
 
 ## 属性
 
-> [!tip] "鸿蒙支持"列为 yes 的 API 表示支持鸿蒙平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
@@ -258,7 +258,7 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] offscreenPageLimit 未实现鸿蒙化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
+- [ ] offscreenPageLimit 未实现 HarmonyOS 化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
 
 ## 其他
 
diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index c478a5d3..43b90ae7 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -87,7 +87,7 @@ export default ActivityIndicatorDemo;
 ```
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-safe-area-context和@react-native-oh-tpl/react-native-vector-icons的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context和@react-native-oh-tpl/react-native-vector-icons的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](zh-cn/react-native-safe-area-context.md#link)进行引入
 
diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index e6da717c..94fe926b 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -87,9 +87,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index 66589731..5edd7126 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -116,9 +116,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index aab9f580..4755755c 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -58,9 +58,9 @@ const [selectedLanguage, setSelectedLanguage] = useState();
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -186,7 +186,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ### PickerProps
 
-| 名称                      | 说明                                                                                              | 类型                                                         | 是否必填 | 平台                  | 鸿蒙支持  |
+| 名称                      | 说明                                                                                              | 类型                                                         | 是否必填 | 平台                  |  HarmonyOS 支持  |
 | ------------------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | --------------------- | --------- |
 | `onValueChange`           | Callback for when an item is selected.                                                            | function                                                     | No       | All                   | yes       |
 | `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                          | any                                                          | No       | All                   | yes       |
@@ -206,7 +206,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ### PickerItemProps
 
-| 名称                 | 说明                                                                                                     | 类型          | 是否必填 | 平台    | 鸿蒙支持 |
+| 名称                 | 说明                                                                                                     | 类型          | 是否必填 | 平台    |  HarmonyOS 支持 |
 | -------------------- | -------------------------------------------------------------------------------------------------------- | ------------- | -------- | ------- | -------- |
 | `label`              | Displayed value on the Picker Item.                                                                      | string        | yes      | All     | yes      |
 | `value`              | Actual value on the Picker Item.                                                                         | number,string | yes      | All     | yes      |
@@ -219,7 +219,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ## 静态方法
 
-| 名称    | 说明                            | 平台    | 鸿蒙支持 |
+| 名称    | 说明                            | 平台    |  HarmonyOS 支持 |
 | ------- | ------------------------------- | ------- | -------- |
 | `blur`  | Programmatically closes picker. | Android | no       |
 | `focus` | Programmatically opens picker.  | Android | no       |
diff --git a/zh-cn/react-native-progress.md b/zh-cn/react-native-progress.md
index 6d610151..73d8688e 100644
--- a/zh-cn/react-native-progress.md
+++ b/zh-cn/react-native-progress.md
@@ -127,7 +127,7 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md)进行引入
 
@@ -213,7 +213,7 @@ All of the props under _Properties_ in addition to the following:
 
 ## 遗留问题
 
-1、Progress.Circle 中的属性 fill 在鸿蒙上默认显示黑色和默认无色不一致，定位是 svg 的属性配置有问题，当前通过修改 Circle.js 中默认 fill 的属性进行规避，后续 svg 修复该问题[issue#6](https://github.com/react-native-oh-library/react-native-svg/issues/6)后，修改的代码会移除。
+1、Progress.Circle 中的属性 fill 在 HarmonyOS 上默认显示黑色和默认无色不一致，定位是 svg 的属性配置有问题，当前通过修改 Circle.js 中默认 fill 的属性进行规避，后续 svg 修复该问题[issue#6](https://github.com/react-native-oh-library/react-native-svg/issues/6)后，修改的代码会移除。
 
 2、Progress.Circle中的属性color, unfilledColor,borderWith,borderColor中圆的颜色，在进行静态配置的时候颜色显示正常，在使用Button进行动态改变的时候，中间的圆会显示黑色和默认的颜色不一致，定位是svg的属性配置有问题，当前通过修改Circle.js中默认fill的属性进行规避，后续 svg 修复该问题[issue#7](https://github.com/react-native-oh-library/react-native-svg/issues/7)后，修改的代码会移除。
 
diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index eff206cb..ebe403d8 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -163,9 +163,9 @@ export const QRreaderExp = () => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-qrcode-svg.md b/zh-cn/react-native-qrcode-svg.md
index 916eaaee..0b573fca 100644
--- a/zh-cn/react-native-qrcode-svg.md
+++ b/zh-cn/react-native-qrcode-svg.md
@@ -57,7 +57,7 @@ render() {
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入
 
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index 43394c96..42393269 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -103,9 +103,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
diff --git a/zh-cn/react-native-reanimated-carousel.md b/zh-cn/react-native-reanimated-carousel.md
index d507dd1c..e6c966b2 100644
--- a/zh-cn/react-native-reanimated-carousel.md
+++ b/zh-cn/react-native-reanimated-carousel.md
@@ -282,7 +282,7 @@ export default App;
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)进行引入
 
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index f1d639f9..e277e2bb 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -104,9 +104,9 @@ export default function App() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-redash.md b/zh-cn/react-native-redash.md
index 18f8b7d7..7cfc01b1 100644
--- a/zh-cn/react-native-redash.md
+++ b/zh-cn/react-native-redash.md
@@ -27,7 +27,7 @@ npm install react-native-redash@^18.1.3
 
 <!-- tabs:end -->
 
-redash库依赖react-native-reanimated动画库，为适配鸿蒙环境，需要把库里的依赖改成@react-native-oh-tpl/react-native-reanimated。下面的代码展示了这个库的基本使用场景：
+redash库依赖react-native-reanimated动画库，为适配 HarmonyOS 环境，需要把库里的依赖改成@react-native-oh-tpl/react-native-reanimated。下面的代码展示了这个库的基本使用场景：
 
 ```js
 // findLastIndex 为例
@@ -190,7 +190,7 @@ return (
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)进行引入
 
diff --git a/zh-cn/react-native-restart.md b/zh-cn/react-native-restart.md
index 545e4444..2957f095 100644
--- a/zh-cn/react-native-restart.md
+++ b/zh-cn/react-native-restart.md
@@ -61,9 +61,9 @@ export default function RestartDemo() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
 ```json
@@ -152,7 +152,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ## 其他
 
-鸿蒙提供的重启方案每隔10s只能调用一次，所以10s内只能调用react-native-restart的`restart`重启一次，期间多次重复调用会抛出error`{ code: 16000064, message: 'Restart too frequently. Try again at least 10s later.' }`。
+ HarmonyOS 提供的重启方案每隔10s只能调用一次，所以10s内只能调用react-native-restart的`restart`重启一次，期间多次重复调用会抛出error`{ code: 16000064, message: 'Restart too frequently. Try again at least 10s later.' }`。
 
 ## 开源协议
 
diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index d08b3452..128ceba8 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -68,9 +68,9 @@ export default App;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -236,7 +236,7 @@ You should add `SafeAreaProvider` in your app root component. You may need to ad
 
 Note that providers should not be inside a View that is animated with Animated or inside a ScrollView since it can cause very frequent updates.
 
-| 名称             | 说明                                                                                                                                                            | 类型   | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称             | 说明                                                                                                                                                            | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
 | `Props`          | Accepts all View props. Has a default style of {flex: 1}.                                                                                                       | object | no       | All      | yes      |
 | `initialMetrics` | Can be used to provide the initial value for frame and insets, this allows rendering immediatly. See optimization for more information on how to use this prop. | object | no       | All      | yes      |
@@ -245,7 +245,7 @@ Note that providers should not be inside a View that is animated with Animated o
 
 `SafeAreaView` is a regular View component with the safe area insets applied as padding or margin.
 
-| 名称    | 说明                                                                                            | 类型   | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称    | 说明                                                                                            | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ------- | ----------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
 | `Props` | Accepts all View props. Has a default style of {flex: 1}.                                       | object | no       | All      | yes      |
 | `edges` | Sets the edges to apply the safe area insets to. Defaults to all.                               | array  | no       | All      | yes      |
diff --git a/zh-cn/react-native-screens.md b/zh-cn/react-native-screens.md
index 02633729..a982fb39 100644
--- a/zh-cn/react-native-screens.md
+++ b/zh-cn/react-native-screens.md
@@ -107,7 +107,7 @@ export default function RNScreenTest() {
 
 #### 禁用 `react-native-screens`
 
-因为 ArkUI(Navigation、NavRouter、NavDestination)没有代理任何独特功能，且无法映射到 main_page 通过页面容器优化性能，所以 react-native-screens 禁用鸿蒙原生屏幕使用 react-native views 即可，请在您的入口文件中添加以下代码。 (例如. `App.js`):
+因为 ArkUI(Navigation、NavRouter、NavDestination)没有代理任何独特功能，且无法映射到 main_page 通过页面容器优化性能，所以 react-native-screens 禁用 HarmonyOS 原生屏幕使用 react-native views 即可，请在您的入口文件中添加以下代码。 (例如. `App.js`):
 
 ```js
 import { enableScreens } from "react-native-screens";
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index 2ee8fae5..8169b876 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -65,7 +65,7 @@ export default () => {
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-pager-view 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-pager-view 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/de61c0d0684afb8fb93228aeaa3e7961d58682cf/zh-cn/react-native-pager-view.md#link)进行引入
 
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 5e1b477f..1e87dcf3 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -88,9 +88,9 @@ setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-shadow-2.md b/zh-cn/react-native-shadow-2.md
index f09522f5..4224254c 100644
--- a/zh-cn/react-native-shadow-2.md
+++ b/zh-cn/react-native-shadow-2.md
@@ -176,7 +176,7 @@ export default Shadow2Demo;
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入
 
@@ -215,7 +215,7 @@ export default Shadow2Demo;
 
 目前可使用的属性，具体见上面已列出。
 
-- [ ] 由于react-native-shadow-2强依赖[`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)库，但react-native-svg目前仅实现少部分属性，其余还未实现鸿蒙化， 导致属性offset、paintInside、corners不可用问题: [issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
+- [ ] 由于react-native-shadow-2强依赖[`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)库，但react-native-svg目前仅实现少部分属性，其余还未实现 HarmonyOS 化， 导致属性offset、paintInside、corners不可用问题: [issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
 
 ## 其他
 
diff --git a/zh-cn/react-native-simple-toast.md b/zh-cn/react-native-simple-toast.md
index 43ea722f..bd931097 100644
--- a/zh-cn/react-native-simple-toast.md
+++ b/zh-cn/react-native-simple-toast.md
@@ -152,8 +152,8 @@ BOTTOM | toast显示位置:BOTTOM | number | / | no
 CENTER | toast显示位置:CENTER | number | / | no
 
 ## 遗留问题
-- [ ] 鸿蒙toast不支持修改字体，背景色等样式[issue#3](https://github.com/react-native-oh-library/react-native-simple-toast/issues/3)
-- [ ] 鸿蒙rn框架toast组件不支持设置位置及偏移[issue#2](https://github.com/react-native-oh-library/react-native-simple-toast/issues/2)
+- [ ]  HarmonyOS toast不支持修改字体，背景色等样式[issue#3](https://github.com/react-native-oh-library/react-native-simple-toast/issues/3)
+- [ ]  HarmonyOS rn框架toast组件不支持设置位置及偏移[issue#2](https://github.com/react-native-oh-library/react-native-simple-toast/issues/2)
 
 ## 其他
 
diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index 2d74fef6..e3efff36 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -158,9 +158,9 @@ export default SoundDemo;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 2de3c641..b03ff846 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -52,9 +52,9 @@ import Svg, { Path } from "react-native-svg";
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
@@ -540,7 +540,7 @@ ohpm install
 
 **公共属性**：
 
-Common props 组件属性鸿蒙侧支持情况
+Common props 组件属性 HarmonyOS 侧支持情况
 
 |       Name       |                 Description                 |    Type     |  Default  | Required | Platform |
 | :--------------: | :-----------------------------------------: | :---------: | :-------: | :------: | :------: |
@@ -585,7 +585,7 @@ Common props 组件属性鸿蒙侧支持情况
 |  pointerEvents   |          设置元素如何响应点击事件           |   string    |           |    No    |   All    |
 |   vectorEffect   |       指明绘制对象时要使用的矢量效果        |     Int     |     0     |    No    |   All    |
 
-FontProps 组件属性鸿蒙侧支持情况
+FontProps 组件属性 HarmonyOS 侧支持情况
 
 |         Name          |                          Description                           |        Type        | Default | Required | Platform |
 | :-------------------: | :------------------------------------------------------------: | :----------------: | :-----: | :------: | :------: |
diff --git a/zh-cn/react-native-svg-charts.md b/zh-cn/react-native-svg-charts.md
index 0a97e9b5..7fec629e 100644
--- a/zh-cn/react-native-svg-charts.md
+++ b/zh-cn/react-native-svg-charts.md
@@ -477,7 +477,7 @@ export default PieChartWithLabelExample
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
 
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index 2891d2c5..a7c3c002 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -52,9 +52,9 @@ import Svg, { Path } from "react-native-svg";
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
@@ -312,7 +312,7 @@ ohpm install
 | height |     元素高度      | number\| string | No       | All      | Yes               |
 |  href  |   图像资源引用    | source\| string | Yes      | All      | Yes               |
 
-**公共属性**：Common props 组件属性鸿蒙侧支持情况
+**公共属性**：Common props 组件属性 HarmonyOS 侧支持情况
 
 |    Name     |             Description              |  Type  | Default | Required | Platform | G   | Path | Rect | Circle | Polygon |
 | :---------: | :----------------------------------: | :----: | :-----: | :------: | -------- | --- | ---- | ---- | ------ | ------- |
@@ -322,7 +322,7 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] svg 当前仅实现少部分属性（具体见上面已列出的属性），其余还未实现鸿蒙化[issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
+- [ ] svg 当前仅实现少部分属性（具体见上面已列出的属性），其余还未实现 HarmonyOS 化[issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
 
 ## 其他
 
diff --git a/zh-cn/react-native-system-setting.md b/zh-cn/react-native-system-setting.md
index b5ca6435..8005ebfc 100644
--- a/zh-cn/react-native-system-setting.md
+++ b/zh-cn/react-native-system-setting.md
@@ -157,9 +157,9 @@ export default SystemSettingDemo
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-tab-view.md b/zh-cn/react-native-tab-view.md
index 68701f55..c08b469e 100644
--- a/zh-cn/react-native-tab-view.md
+++ b/zh-cn/react-native-tab-view.md
@@ -179,7 +179,7 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-pager-view 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-pager-view 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](/zh-cn/react-native-pager-view.md#link)进行引入
 
@@ -214,9 +214,9 @@ const styles = StyleSheet.create({
 
 详情请查看[tabview 官方文档](https://github.com/react-navigation/react-navigation/blob/main/packages/react-native-tab-view/README.md)
 
-如下是 tabview 已经鸿蒙化的属性：
+如下是 tabview 已经 HarmonyOS 化的属性：
 
-> [!tip] "鸿蒙支持"列为 yes 的属性表示支持鸿蒙平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!tip] " HarmonyOS 支持"列为 yes 的属性表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
 
 | Name                  | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
 | --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index 96223188..0e7e4b0a 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -191,9 +191,9 @@ export function TextSizeExample() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-toolbar-android.md b/zh-cn/react-native-toolbar-android.md
index b5f9e235..55dda91a 100644
--- a/zh-cn/react-native-toolbar-android.md
+++ b/zh-cn/react-native-toolbar-android.md
@@ -121,9 +121,9 @@ export default App;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index 7d9f537e..120b118d 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -85,9 +85,9 @@ export default App;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
diff --git a/zh-cn/react-native-unitsyles.md b/zh-cn/react-native-unitsyles.md
index de01014f..97542338 100644
--- a/zh-cn/react-native-unitsyles.md
+++ b/zh-cn/react-native-unitsyles.md
@@ -377,9 +377,9 @@ const autoGuidelinePlugin: UnistylesPlugin = {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-vconsole.md b/zh-cn/react-native-vconsole.md
index 758509cb..fcc4ab66 100644
--- a/zh-cn/react-native-vconsole.md
+++ b/zh-cn/react-native-vconsole.md
@@ -89,7 +89,7 @@ render() {
 
 ## 遗留问题
 
-- [ ] cppcrash 问题：在鸿蒙测试时，当 network 里有数据时，tab 页从 network 切换到 info 时，会出现 cppcrash 问题，提示/system/lib64/module/application/libapplicationcontext.z.so 包不存在。
+- [ ] cppcrash 问题：在 HarmonyOS 测试时，当 network 里有数据时，tab 页从 network 切换到 info 时，会出现 cppcrash 问题，提示/system/lib64/module/application/libapplicationcontext.z.so 包不存在。
 
 ## 其他
 
diff --git a/zh-cn/react-native-vector-icons.md b/zh-cn/react-native-vector-icons.md
index b6f9f8c1..c2142e08 100644
--- a/zh-cn/react-native-vector-icons.md
+++ b/zh-cn/react-native-vector-icons.md
@@ -367,9 +367,9 @@ export function VectorIconsDemo() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在 ArkTs 侧引入和注册字体文件
 
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index 58088575..32aec331 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -92,9 +92,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
@@ -213,7 +213,7 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] 由于鸿蒙侧原生依赖鸿蒙三方库@ohos/video-cache中HttpProxyCacheServer实例化对象方法getProxyUrl暂为异步方法，导致本库同步方法convertToCache暂无法实现，问题：[issue#1](https://github.com/react-native-oh-library/react-native-video-cache/issues/1)
+- [ ] 由于 HarmonyOS 侧原生依赖 HarmonyOS 三方库@ohos/video-cache中HttpProxyCacheServer实例化对象方法getProxyUrl暂为异步方法，导致本库同步方法convertToCache暂无法实现，问题：[issue#1](https://github.com/react-native-oh-library/react-native-video-cache/issues/1)
 
 ## 开源协议
 
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index e7aa9b81..b914dc90 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -402,9 +402,9 @@ export default RNCVideoDemo;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -565,7 +565,7 @@ ohpm install
 
 详情请查看[react-native-video 官方文档](https://github.com/react-native-video/react-native-video/blob/support/5.2.X/README.md)
 
-如下是 react-native-video 已经鸿蒙化的属性：
+如下是 react-native-video 已经 HarmonyOS 化的属性：
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
diff --git a/zh-cn/react-native-view-overflow.md b/zh-cn/react-native-view-overflow.md
index 5e1a6c17..f2fcf669 100644
--- a/zh-cn/react-native-view-overflow.md
+++ b/zh-cn/react-native-view-overflow.md
@@ -68,9 +68,9 @@ export function ViewOverflowDemo() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index 8e77076d..578a3167 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -118,9 +118,9 @@ export default function App() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index aa5ce2c2..de67ef18 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -94,9 +94,9 @@ export default function VisionCameraDemo() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
@@ -459,7 +459,7 @@ ohpm install
 - [ ] 不支持有损缓冲压缩 [issue#2](https://github.com/react-native-oh-library/react-native-vision-camera/issues/2) 
 - [ ] 没有夜景模式 [issue#3](https://github.com/react-native-oh-library/react-native-vision-camera/issues/3) 
 - [ ] 没有实现深度数据能力 [issue#4](https://github.com/react-native-oh-library/react-native-vision-camera/issues/4) 
-- [ ] 依赖三方库skia未鸿蒙化 [issue#5](https://github.com/react-native-oh-library/react-native-vision-camera/issues/5) 
+- [ ] 依赖三方库skia未 HarmonyOS 化 [issue#5](https://github.com/react-native-oh-library/react-native-vision-camera/issues/5) 
 - [ ] 不支持内容失真校正 [issue#6](https://github.com/react-native-oh-library/react-native-vision-camera/issues/6) 
 - [ ] 不支持消除红眼 [issue#7](https://github.com/react-native-oh-library/react-native-vision-camera/issues/7) 
 - [ ] 快门声音无法独立控制 [issue#8](https://github.com/react-native-oh-library/react-native-vision-camera/issues/8) 
@@ -470,7 +470,7 @@ ohpm install
 - [ ] 查询的CameraType一直是相机类型未指定 [issue#13](https://github.com/react-native-oh-library/react-native-vision-camera/issues/13) 
 - [ ] 不支持查询传感器旋转角度 [issue#14](https://github.com/react-native-oh-library/react-native-vision-camera/issues/14) 
 - [ ] 不支持查询是否支持弱光增强 [issue#15](https://github.com/react-native-oh-library/react-native-vision-camera/issues/15) 
-- [ ] 鸿蒙侧相机无法获取视频视野 [issue#16](https://github.com/react-native-oh-library/react-native-vision-camera/issues/16) 
+- [ ]  HarmonyOS 侧相机无法获取视频视野 [issue#16](https://github.com/react-native-oh-library/react-native-vision-camera/issues/16) 
 - [ ] 不支持查询maxISO和minISO [issue#17](https://github.com/react-native-oh-library/react-native-vision-camera/issues/17) 
 - [ ] 不支持保存快照 [issue#18](https://github.com/react-native-oh-library/react-native-vision-camera/issues/18) 
 - [ ] 视频录制取消时无法删除临时文件 [issue#19](https://github.com/react-native-oh-library/react-native-vision-camera/issues/19) 
diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 0d2cc733..601a64aa 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -56,9 +56,9 @@ export default function WebViewDemo() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
@@ -273,7 +273,7 @@ RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300
 
 ## 遗留问题
 
-- [ ]  webview 部分属性未实现鸿蒙化[issue#17](https://github.com/react-native-oh-library/react-native-webview/issues/17)
+- [ ]  webview 部分属性未实现 HarmonyOS 化[issue#17](https://github.com/react-native-oh-library/react-native-webview/issues/17)
 - [X]  中文乱码[issue#18](https://github.com/react-native-oh-library/react-native-webview/issues/18)
 
 ## 其他
diff --git a/zh-cn/react-native-worklets-core.md b/zh-cn/react-native-worklets-core.md
index a24a391f..a1881b7c 100644
--- a/zh-cn/react-native-worklets-core.md
+++ b/zh-cn/react-native-worklets-core.md
@@ -101,9 +101,9 @@ export default App;
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index 8a250722..56e41db2 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -73,7 +73,7 @@ export default function ZipArchiveDemo() {
     }
 
     useEffect(() => {
-        let filesDir = pathParameters(); // 获取鸿蒙应用文件路径
+        let filesDir = pathParameters(); // 获取 HarmonyOS 应用文件路径
         let newZipPath: any = filesDir + '.zip';
         let newSourcePath: any = filesDir;
         let newFolder: any = filesDir + 'Out';//解压时新建个文件夹
@@ -403,9 +403,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
diff --git a/zh-cn/react-navigation-native-stack.md b/zh-cn/react-navigation-native-stack.md
index 9088fd5e..c4e8f6e8 100644
--- a/zh-cn/react-navigation-native-stack.md
+++ b/zh-cn/react-navigation-native-stack.md
@@ -130,7 +130,7 @@ export default function App() {
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-safe-area-context的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md#link)进行引入
 
diff --git a/zh-cn/redux-persist.md b/zh-cn/redux-persist.md
index 65e81563..c5423781 100644
--- a/zh-cn/redux-persist.md
+++ b/zh-cn/redux-persist.md
@@ -25,7 +25,7 @@ yarn add redux-persist@6.0.0
 npm install redux-persist@6.0.0
 ```
 
-实现持久化效果还需依赖`鸿蒙化的async-storage` 库用于原生数据库读写，安装使用文档如下：
+实现持久化效果还需依赖` HarmonyOS 化的async-storage` 库用于原生数据库读写，安装使用文档如下：
 
 > [async-storage 安装使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-async-storage-async-storage.md)
 
diff --git a/zh-cn/rn-tourguide.md b/zh-cn/rn-tourguide.md
index 0b0ece9f..0d9edd9a 100644
--- a/zh-cn/rn-tourguide.md
+++ b/zh-cn/rn-tourguide.md
@@ -200,7 +200,7 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
 
diff --git a/zh-cn/sentry-react-native.md b/zh-cn/sentry-react-native.md
index c2a1714b..9ca16ed8 100644
--- a/zh-cn/sentry-react-native.md
+++ b/zh-cn/sentry-react-native.md
@@ -188,9 +188,9 @@ export default function SentryDemo() {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 在工程根目录的 `oh-package.json` 添加 overrides字段
 
diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index 1246f255..39115817 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -69,9 +69,9 @@ const MyList = () => {
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 引入原生端代码
 
@@ -274,7 +274,7 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] flash-list 部分属性未实现鸿蒙化: [issue#I8QVS0](https://gitee.com/react-native-oh-library/usage-docs/issues/I8QVS0)
+- [ ] flash-list 部分属性未实现 HarmonyOS 化: [issue#I8QVS0](https://gitee.com/react-native-oh-library/usage-docs/issues/I8QVS0)
 
 ## 开源协议
 
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index b3dacd08..3dc5fa53 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -75,7 +75,7 @@ function MyUI() {
 
 详情见 [styled-components 源库地址](https://github.com/styled-components/styled-components)
 
-| 名称              | 说明                                                                                                                                                                                  | 类型          | 是否必填 | 原库平台 | 鸿蒙支持 |
+| 名称              | 说明                                                                                                                                                                                  | 类型          | 是否必填 | 原库平台 |  HarmonyOS 支持 |
 | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | -------- | -------- |
 | ThemeProvider     | A helper component for theming.                                                                                                                                                       | component     | No       | /        | Yes      |
 | css               | The css prop is a convenient way to iterate on your components without settling on fixed component boundaries yet                                                                     | prop          | No       | /        | Yes      |

From 92a7264884ab7c0d7c92730f51c51b8a35a761ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=85=B0=E7=90=A8?= <18209217845@163.com>
Date: Wed, 19 Jun 2024 06:44:58 +0000
Subject: [PATCH 016/966] =?UTF-8?q?!764=20docs:=20[Issues:=20#IA6DHX]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereadme=E9=93=BE=E6=8E=A5=E5=AF=B9=E5=BA=94?=
 =?UTF-8?q?=E5=BA=93=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20do?=
 =?UTF-8?q?cs:=20[Issues:=20#IA6DHX]=20=E6=96=B0=E5=A2=9Ereadme=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E5=AF=B9=E5=BA=94=E5=BA=93=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 5 ++++-
 zh-cn/README.md | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index cd674aea..02bf9ebd 100644
--- a/README.md
+++ b/README.md
@@ -164,7 +164,10 @@
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
 | 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
 | 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
-
+| 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking) | 1.0.1 | − | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-map-linking.md) |
+| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera) | 4.3.2 | 否 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-vision-camera.md) |
+| 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive) | 7.0.0 | 否 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-zip-archive.md) |
+| 144 | [react-native-audio](https://github.com/jsierles/react-native-audio) | 4.3.1 | 否 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-audio.md) |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index cd674aea..02bf9ebd 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -164,7 +164,10 @@
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
 | 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
 | 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
-
+| 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking) | 1.0.1 | − | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-map-linking.md) |
+| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera) | 4.3.2 | 否 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-vision-camera.md) |
+| 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive) | 7.0.0 | 否 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-zip-archive.md) |
+| 144 | [react-native-audio](https://github.com/jsierles/react-native-audio) | 4.3.1 | 否 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-audio.md) |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From a753385974223f1ac36dd9965c7433db22ff3a05 Mon Sep 17 00:00:00 2001
From: "amiz21@qq.com" <amiz21@qq.com>
Date: Wed, 19 Jun 2024 16:12:22 +0800
Subject: [PATCH 017/966] fix: avoid 'Fix Liquid Synyax Errors'

---
 _sidebar.md                     | 1 +
 zh-cn/react-native-chart-kit.md | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/_sidebar.md b/_sidebar.md
index dc67a6a5..4b1887e2 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -108,6 +108,7 @@
     - [react-native-easy-toast](/zh-cn/react-native-easy-toast.md)
     - [react-native-feather](/zh-cn/react-native-feather.md)
     - [react-navigation-native-stack](/zh-cn/react-navigation-native-stack.md)
+    - [react-native-chart-kit](/zh-cn/react-native-chart-kit.md)
   - 纯 JS 库
     - [crypto-js](/zh-cn/crypto-js.md)
     - [deepmerge](/zh-cn/deepmerge.md)
diff --git a/zh-cn/react-native-chart-kit.md b/zh-cn/react-native-chart-kit.md
index 4d4d685e..29a56fab 100644
--- a/zh-cn/react-native-chart-kit.md
+++ b/zh-cn/react-native-chart-kit.md
@@ -47,8 +47,9 @@ yarn add react-native-chart-kit@^6.12.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
+
 ```js
-// 
 import React from 'react';
 import { View, Dimensions, StyleSheet } from 'react-native';
 import { LineChart } from 'react-native-chart-kit';
@@ -109,6 +110,8 @@ const styles = StyleSheet.create({
 export default MyChart;
 ```
 
+<!-- {% endraw %} -->
+
 ## Link
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。

From 53ac94acf04ca21acf05427d6c835fbd29298001 Mon Sep 17 00:00:00 2001
From: Louis-C7 <chenlixi1@huawei.com>
Date: Wed, 19 Jun 2024 16:57:27 +0800
Subject: [PATCH 018/966] =?UTF-8?q?docs:=20[Issues:=20#IA6O9S]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0codegen=E4=BD=BF=E7=94=A8=E6=8C=87=E5=AF=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _sidebar.md                                  |  1 +
 zh-cn/codegen.md                             | 73 +++++++++++++++++---
 zh-cn/model.md                               |  2 +-
 zh-cn/react-native-fingerprint-scanner.md    |  2 +-
 zh-cn/react-native-image-base64.md           |  2 +-
 zh-cn/react-native-image-crop-picker.md      |  2 +-
 zh-cn/react-native-qr-decode-image-camera.md |  2 +-
 7 files changed, 71 insertions(+), 13 deletions(-)

diff --git a/_sidebar.md b/_sidebar.md
index dc67a6a5..2418ec6f 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -3,6 +3,7 @@
 - [首页](/zh-cn/README.md)
 - [贡献文档](/zh-cn/contribute.md)
 - [文档模板](/zh-cn/model.md)
+- [codegen使用指导](/zh-cn/codegen.md)
 - [链接源码](/zh-cn/link-source-code.md)
 - 三方库说明文档合集
   - RN 原生库
diff --git a/zh-cn/codegen.md b/zh-cn/codegen.md
index a8ebf36f..c702af7c 100644
--- a/zh-cn/codegen.md
+++ b/zh-cn/codegen.md
@@ -1,6 +1,6 @@
-# Codegen 使用
+# Codegen 使用指导
 
-### 简介
+## 简介
 
 `CodeGen` 是 React Native 中的一项工具，用于简化和自动化代码生成。它可以帮助开发者生成桥接代码，使得 React Native 应用能够更方便地与原生代码进行交互。
 
@@ -10,14 +10,71 @@
 cannot find module '@rnoh/react-native-openharmony/generated/ts' or its corresponding type declarations.
 ```
 
-### 使用方式
+## 使用方式
 
-在 Harmony OS RN 中已支持 codegen，并且大部分 Arkts 三方库已支持，因此在使用这些三方库之前，需要在 RN 工程中执行如下代码，才能生成桥接代码。
+### 运行 RN 工程 `MyProject/package.json` 的 codegen 脚本
 
+> [!TIP] 运行前请确保三方库已经正确安装！
+
+配置 codegen 脚本：
+
+```json
+...
+  "scripts": {
+    ...
+  "codegen": "react-native codegen-harmony --cpp-output-path ./harmony/entry/src/main/cpp/generated --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony"
+  },
+  ...
 ```
-// src为HarmonyOS工程中react-native-openharmony路径
-// 示例：react-native codegen-harmony --rnoh-module-path ./harmony/oh_modules/@rnoh/react-native-openharmony
-react-native codegen-harmony --rnoh-module-path src
+
+codegen-harmony 参数介绍：
+
+- `rnoh-module-path`: Native 工程内， RNOH SDK 模块的相对路径（如果通过 har 包安装，则需指向安装后的地址，如：xxx/oh_modules/@rnoh/react-native-openharmony）
+- `cpp-output-path`:` 指定⽤于存储⽣成的 C++ 文件的输出⽬录的相对路径，默认./harmony/entry/src/main/cpp/generated
+- `project-root-path`: Native 工程根⽬录的相对路径
+
+执行 codegen
+
+```bash
+npm run codegen
 ```
 
-执行后，会在`src`目录下生成 generated 目录和桥接代码。
+运行后，会在 `cpp-output-path` 参数指定的路径下生成 C++ 代码（若未指定则生成至默认路径），在 `rnoh-module-path`路径下生成 ArkTS/TS代码（必须生成在RN SDK下）。
+
+### 配置 CMakeLists 和引入 RNOHGeneratedPackage（C++）
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+...
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("${OH_MODULE_DIR}/rnoh-sample-package/src/main/cpp" ./sample-package)
+# RNOH_END: add_package_subdirectories
+
++ file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+add_library(rnoh_app SHARED
++ ${GENERATED_CPP_FILES}
+ "./PackageProvider.cpp"
+ "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
+# RNOH_END: link_packages
+...
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
++ #include "generated/RNOHGeneratedPackage.h"
+
+using namespace rnoh;
+std::vector<std::shared_ptr<Package>>
+PackageProvider::getPackages(Package::Context ctx) {
+    return {
++        std::make_shared<RNOHGeneratedPackage>(ctx),
+    };
+}
+```
diff --git a/zh-cn/model.md b/zh-cn/model.md
index 10f52864..af3b0045 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -80,7 +80,7 @@ export default App;
 
 ## 使用 Codegen（如本库已适配了 Codegen ）
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index 371c3bd2..27c840f4 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -87,7 +87,7 @@ export default function App() {
 
 ## 使用 Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 
diff --git a/zh-cn/react-native-image-base64.md b/zh-cn/react-native-image-base64.md
index 95e18f17..d8ed2e30 100644
--- a/zh-cn/react-native-image-base64.md
+++ b/zh-cn/react-native-image-base64.md
@@ -111,7 +111,7 @@ const styles = StyleSheet.create({
 
 ## 使用 Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index f01eab5d..4ea56515 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -789,7 +789,7 @@ export default ImageCropPickDemo;
 
 ## 使用 Codegen（如本库已适配了 Codegen ）
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 
diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index ebe403d8..acb420d3 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -159,7 +159,7 @@ export const QRreaderExp = () => {
 ```
 ## 使用 Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 

From 30dedef7ad1106a5ed3487a6335eb483b1a86d5c Mon Sep 17 00:00:00 2001
From: dong <dongzhihan@h-partners.com>
Date: Wed, 19 Jun 2024 17:07:49 +0800
Subject: [PATCH 019/966] =?UTF-8?q?docs:=20[Issues:=20#IA50OS]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-qr-decode-image-camera=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-qr-decode-image-camera.md | 161 ++++++++++---------
 1 file changed, 84 insertions(+), 77 deletions(-)

diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index eff206cb..222a7576 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -42,13 +42,14 @@ yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
+> 示例中：launchImageLibrary 方法需引入Harmony OS 的react-native-image-picker库，跳转 [react-native-image-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-picker.md)查看使用方法。
 
 ```js
 import React, {useState} from 'react';
 import {View, Text, Button} from 'react-native';
 import {QRreader, QRscanner} from 'react-native-qr-decode-image-camera';
 import {TestSuite, TestCase, Tester} from '@rnoh/testerino';
-
+import { launchImageLibrary } from 'react-native-image-picker';
 export const QRreaderExp = () => {
   const [reader, setReader] = useState<any>('');
   const [scanned, setScanned] = useState<boolean>(false);
@@ -67,19 +68,25 @@ export const QRreaderExp = () => {
               <View>
                 <Button
                   onPress={() => {
-                    QRreader()
-                      .then(res => {
-                        console.log(JSON.stringify(res), 'click');
-                        setReader(res?.[0]?.originalValue);
-                        setState(res?.[0]?.originalValue);
-                      })
-                      .catch(error => {
-                        console.log(error);
-                      });
+                    launchImageLibrary({ mediaType: 'photo', selectionLimit: 1 }, (data) => {
+                      if (data.assets?.length) {
+                        const path = {
+                          uri:data.assets[0].originalPath
+                        }
+                        QRreader(path)
+                        .then(res => {
+                          setReader(res?.[0]?.originalValue);
+                          setState(res?.[0]?.originalValue);
+                        })
+                        .catch(error => {
+                          console.log(error);
+                        });
+                      }
+                    })
                   }}
                   title="点击选择二维码照片 "
                 />
-                <Text style={{fontSize: 40}}>{reader}</Text>
+                <Text style={{fontSize: 20}}>{reader}</Text>
               </View>
             );
           }}
@@ -87,75 +94,75 @@ export const QRreaderExp = () => {
             expect(state).to.be.eq(reader);
           }}
         />
-      </TestSuite>
-
-      <TestCase
-        itShould="QRScaner"
-        tags={['C_API']}
-        initialState={undefined as any}
-        arrange={({setState}) => {
-          return (
-            <View>
-              <Button
-                onPress={() => {
-                  setTextInfo('');
-                  setScanned(true); // 开启摄像头
-                }}
-                title="点击扫码 "
-              />
-              {scanned && (
-                <QRscanner
-                  onRead={e => {
-                    console.log(e?.nativeEvent?.result, 'click onRead');
-                    setTextInfo(e?.nativeEvent?.result);
-                    setState(e?.nativeEvent?.result);
-                    setScanned(false);
+        <TestCase
+          itShould="QRScaner"
+          tags={['C_API']}
+          initialState={undefined as any}
+          arrange={({setState}) => {
+            return (
+              <View >
+                <Button
+                  onPress={() => {
+                    setTextInfo('');
+                    setScanned(true); // 开启摄像头
                   }}
-                  flashMode={flashMode} //闪光灯
-                  renderTopView={() => (
-                    <View
-                      style={{
-                        height: 50,
-                        justifyContent: 'center',
-                        alignItems: 'center',
-                        backgroundColor: '#0000004D',
-                      }}>
-                      <Text style={{fontSize: 18, color: 'green'}}>
-                        将二维码放入框内，即可自动扫描
-                      </Text>
-                    </View>
-                  )}
-                  renderBottomView={() => (
-                    <View
-                      style={{
-                        height: 100,
-                        justifyContent: 'center',
-                        alignItems: 'center',
-                        backgroundColor: '#0000004D',
-                      }}>
-                      <Text
-                        style={{fontSize: 18, color: 'red'}}
-                        onPress={() => {
-                          setFlashMode(!flashMode);
-                          console.log('click 点击开启/关闭闪光灯');
-                        }}>
-                        点击开启/关闭闪光灯
-                      </Text>
-                    </View>
-                  )}
+                  title="点击扫码 "
                 />
-              )}
-              <Text style={{fontSize: 20, color: 'red'}}>{textInfo}</Text>
-            </View>
-          );
-        }}
-        assert={async ({expect, state}) => {
-          expect(state).to.be.eq(textInfo);
-        }}
-      />
+                {scanned && (
+                  <QRscanner
+                    onRead={e => {
+                      console.log(e?.nativeEvent?.result, 'click onRead');
+                      setTextInfo(e?.nativeEvent?.result);
+                      setState(e?.nativeEvent?.result);
+                      setScanned(false);
+                    }}
+                    flashMode={flashMode} //闪光灯
+                    renderTopView={() => (
+                      <View
+                        style={{
+                          height: 50,
+                          justifyContent: 'center',
+                          alignItems: 'center',
+                          backgroundColor: '#0000004D',
+                        }}>
+                        <Text style={{fontSize: 18, color: 'green'}}>
+                          将二维码放入框内，即可自动扫描
+                        </Text>
+                      </View>
+                    )}
+                    renderBottomView={() => (
+                      <View
+                        style={{
+                          height: 100,
+                          justifyContent: 'center',
+                          alignItems: 'center',
+                          backgroundColor: '#0000004D',
+                        }}>
+                        <Text
+                          style={{fontSize: 18, color: 'red'}}
+                          onPress={() => {
+                            setFlashMode(!flashMode);
+                            console.log('click 点击开启/关闭闪光灯');
+                          }}>
+                          点击开启/关闭闪光灯
+                        </Text>
+                      </View>
+                    )}
+                  />
+                )}
+                <Text style={{fontSize: 20, color: 'red'}}>{textInfo}</Text>
+              </View>
+            );
+          }}
+          assert={async ({expect, state}) => {
+            expect(state).to.be.eq(textInfo);
+          }}
+        />
+      </TestSuite>
     </Tester>
   );
 };
+
 ```
 ## 使用 Codegen
 
@@ -183,7 +190,7 @@ export const QRreaderExp = () => {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-qr-decode-image-camera": "file:../../node_modules/@react-native-oh-tpl/qr_decode_image_camera/harmony/qr_decode_image_camera.har"
+    "@react-native-oh-tpl/react-native-qr-decode-image-camera": "file:../../node_modules/@react-native-oh-tpl/react-native-qr-decode-image-camera/harmony/qr_decode_image_camera.har"
   }
 ```
 
@@ -220,7 +227,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ```diff
 ...
-+ import { NativeScan } from "@react-native-oh-tpl/react-native-qr-decode-image-camera/ts"
++ import { NativeScan } from "@react-native-oh-tpl/react-native-qr-decode-image-camera"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {

From fe6751dcfa708d8c51be693027af8fd2f1a5d462 Mon Sep 17 00:00:00 2001
From: liwang <liwang45@h-partners.com>
Date: Thu, 20 Jun 2024 09:47:14 +0800
Subject: [PATCH 020/966] =?UTF-8?q?docs:=20=E4=BF=AE=E6=94=B9=20react-nati?=
 =?UTF-8?q?ve-maps=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-maps.md | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index 26b52705..fdb82e51 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-maps</code> </h1>
@@ -392,6 +392,26 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 }
 ...
 ```
+[!TIP] 本库使用了混合方案，需要添加组件名。
+
+在entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets 找到常量 arkTsComponentNames 在其数组里添加组件名
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ AIR_MAP_TYPE, 
++ AIR_MAP_MARKER_TYPE, 
++ AIR_MAP_POLYLINE_TYPE, 
++ AIR_MAP_POLYGON_TYPE, 
++ AIR_MAP_CIRCLE_TYPE, 
++ AIR_MAP_CALLOUT_TYPE, 
++ AIR_GEOJSON_TYPE, 
++ AIR_URLTILE_TYPE, 
++ AIR_WMSTILE_TYPE, 
++ AIR_OVERLAY_TYPE
+  ];
+```
 
 ### 在 ArkTs 侧引入 MapsPackage
 
@@ -432,8 +452,7 @@ ohpm install
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 
 ### 权限要求
 
@@ -844,4 +863,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [MIT License (MIT)](https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [MIT License (MIT)](https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 422e57d7025854681aa507f472aeb6125d9f9de3 Mon Sep 17 00:00:00 2001
From: "amiz21@qq.com" <amiz21@qq.com>
Date: Thu, 20 Jun 2024 17:05:04 +0800
Subject: [PATCH 021/966] docs: add <!-- {% raw %} --> befor
 ```js|ts|tsx|typescript  and <!-- {% endraw %} --> after ```

---
 zh-cn/EventBus.md                                     | 2 ++
 zh-cn/Immer.md                                        | 2 ++
 zh-cn/axios.md                                        | 2 ++
 zh-cn/crypto-js.md                                    | 2 ++
 zh-cn/dayJs.md                                        | 2 ++
 zh-cn/deepmerge.md                                    | 2 ++
 zh-cn/htmlparser2.md                                  | 2 ++
 zh-cn/jeanregisser-react-native-slider.md             | 2 ++
 zh-cn/js-beautify.md                                  | 2 ++
 zh-cn/jsbarcode.md                                    | 2 ++
 zh-cn/lodash.md                                       | 2 ++
 zh-cn/lottie-react-native.md                          | 2 ++
 zh-cn/mobx-react.md                                   | 2 ++
 zh-cn/mobx.md                                         | 2 ++
 zh-cn/model.md                                        | 2 ++
 zh-cn/moment.md                                       | 2 ++
 zh-cn/parse5.md                                       | 2 ++
 zh-cn/prop-types.md                                   | 2 ++
 zh-cn/qrcode-generator.md                             | 2 ++
 zh-cn/react-ahooks.md                                 | 2 ++
 zh-cn/react-i18next.md                                | 2 ++
 zh-cn/react-lifecycles-compat.md                      | 2 ++
 zh-cn/react-native-MJRefresh.md                       | 2 ++
 zh-cn/react-native-QRCode.md                          | 2 ++
 zh-cn/react-native-SmartRefreshLayout.md              | 2 ++
 zh-cn/react-native-action-button.md                   | 2 ++
 zh-cn/react-native-action-sheet.md                    | 2 ++
 zh-cn/react-native-animatable.md                      | 2 ++
 zh-cn/react-native-animate-number.md                  | 2 ++
 zh-cn/react-native-aria.md                            | 2 ++
 zh-cn/react-native-async-storage-async-storage.md     | 2 ++
 zh-cn/react-native-audio.md                           | 2 ++
 zh-cn/react-native-autoheight-webview.md              | 2 ++
 zh-cn/react-native-background-timer.md                | 2 ++
 zh-cn/react-native-barcode-builder.md                 | 2 ++
 zh-cn/react-native-base64.md                          | 2 ++
 zh-cn/react-native-better-banner.md                   | 2 ++
 zh-cn/react-native-blob-util.md                       | 2 ++
 zh-cn/react-native-calendar-events.md                 | 2 ++
 zh-cn/react-native-cameraroll.md                      | 2 ++
 zh-cn/react-native-canvas.md                          | 2 ++
 zh-cn/react-native-check-box.md                       | 2 ++
 zh-cn/react-native-clipboard-clipboard.md             | 2 ++
 zh-cn/react-native-clippath.md                        | 2 ++
 zh-cn/react-native-collapsible.md                     | 2 ++
 zh-cn/react-native-color-matrix-image-filters.md      | 2 ++
 zh-cn/react-native-communications.md                  | 2 ++
 zh-cn/react-native-community-blur.md                  | 2 ++
 zh-cn/react-native-community-checkbox.md              | 2 ++
 zh-cn/react-native-community-datetimepicker.md        | 2 ++
 zh-cn/react-native-community-netinfo.md               | 2 ++
 zh-cn/react-native-community-progress-bar-android.md  | 2 ++
 zh-cn/react-native-community-progress-view.md         | 2 ++
 zh-cn/react-native-community-push-notification-ios.md | 2 ++
 zh-cn/react-native-community-segmented-control.md     | 2 ++
 zh-cn/react-native-community-slider.md                | 2 ++
 zh-cn/react-native-confirmation-code-field.md         | 2 ++
 zh-cn/react-native-contacts.md                        | 2 ++
 zh-cn/react-native-cookies.md                         | 2 ++
 zh-cn/react-native-create-thumbnail.md                | 2 ++
 zh-cn/react-native-crypto-js.md                       | 2 ++
 zh-cn/react-native-dismiss-keyboard.md                | 2 ++
 zh-cn/react-native-document-picker.md                 | 2 ++
 zh-cn/react-native-dotenv.md                          | 2 ++
 zh-cn/react-native-drag-sort.md                       | 2 ++
 zh-cn/react-native-drawer-layout-polyfill.md          | 2 ++
 zh-cn/react-native-drop-shadow.md                     | 2 ++
 zh-cn/react-native-easy-toast.md                      | 2 ++
 zh-cn/react-native-echarts-pro.md                     | 2 ++
 zh-cn/react-native-elements.md                        | 2 ++
 zh-cn/react-native-exception-handler.md               | 2 ++
 zh-cn/react-native-ezswiper.md                        | 2 ++
 zh-cn/react-native-fast-image.md                      | 2 ++
 zh-cn/react-native-feather.md                         | 2 ++
 zh-cn/react-native-fileupload.md                      | 2 ++
 zh-cn/react-native-fingerprint-scanner.md             | 2 ++
 zh-cn/react-native-fit-Image.md                       | 2 ++
 zh-cn/react-native-flexi-radio-button.md              | 2 ++
 zh-cn/react-native-flip-card.md                       | 2 ++
 zh-cn/react-native-fs.md                              | 2 ++
 zh-cn/react-native-geolocation.md                     | 2 ++
 zh-cn/react-native-gesture-handler.md                 | 2 ++
 zh-cn/react-native-get-random-values.md               | 2 ++
 zh-cn/react-native-htmlview.md                        | 2 ++
 zh-cn/react-native-image-base64.md                    | 2 ++
 zh-cn/react-native-image-crop-picker.md               | 2 ++
 zh-cn/react-native-image-editor.md                    | 2 ++
 zh-cn/react-native-image-gallery.md                   | 2 ++
 zh-cn/react-native-image-header-scroll-view.md        | 2 ++
 zh-cn/react-native-image-picker.md                    | 2 ++
 zh-cn/react-native-image-resizer.md                   | 2 ++
 zh-cn/react-native-image-sequence-2.md                | 2 ++
 zh-cn/react-native-image-viewer.md                    | 2 ++
 zh-cn/react-native-image-viewing.md                   | 2 ++
 zh-cn/react-native-image-zoom.md                      | 2 ++
 zh-cn/react-native-intersection-observer.md           | 2 ++
 zh-cn/react-native-json-tree.md                       | 2 ++
 zh-cn/react-native-keep-awake.md                      | 2 ++
 zh-cn/react-native-keyboard-aware-scroll-view.md      | 2 ++
 zh-cn/react-native-lightbox.md                        | 2 ++
 zh-cn/react-native-linear-gradient-text.md            | 2 ++
 zh-cn/react-native-linear-gradient.md                 | 2 ++
 zh-cn/react-native-localize.md                        | 2 ++
 zh-cn/react-native-map-linking.md                     | 2 ++
 zh-cn/react-native-maps.md                            | 2 ++
 zh-cn/react-native-markdown-display.md                | 2 ++
 zh-cn/react-native-marquee-ab.md                      | 2 ++
 zh-cn/react-native-marquee.md                         | 2 ++
 zh-cn/react-native-masked-view-masked-view.md         | 2 ++
 zh-cn/react-native-material-buttons.md                | 2 ++
 zh-cn/react-native-material-design-style.md           | 2 ++
 zh-cn/react-native-material-textfield.md              | 2 ++
 zh-cn/react-native-md5.md                             | 2 ++
 zh-cn/react-native-modal.md                           | 2 ++
 zh-cn/react-native-multi-slider.md                    | 2 ++
 zh-cn/react-native-nested-scroll-view.md              | 2 ++
 zh-cn/react-native-orientation-locker.md              | 2 ++
 zh-cn/react-native-orientation.md                     | 2 ++
 zh-cn/react-native-pager-view.md                      | 2 ++
 zh-cn/react-native-paper.md                           | 2 ++
 zh-cn/react-native-pdf.md                             | 2 ++
 zh-cn/react-native-permissions.md                     | 2 ++
 zh-cn/react-native-picker-picker.md                   | 2 ++
 zh-cn/react-native-popover-view.md                    | 2 ++
 zh-cn/react-native-popup-menu.md                      | 2 ++
 zh-cn/react-native-progress.md                        | 2 ++
 zh-cn/react-native-pull.md                            | 2 ++
 zh-cn/react-native-qr-decode-image-camera.md          | 2 ++
 zh-cn/react-native-qrcode-svg.md                      | 2 ++
 zh-cn/react-native-randombytes.md                     | 2 ++
 zh-cn/react-native-ratings.md                         | 2 ++
 zh-cn/react-native-reanimated-carousel.md             | 2 ++
 zh-cn/react-native-reanimated-table.md                | 2 ++
 zh-cn/react-native-reanimated.md                      | 2 ++
 zh-cn/react-native-reconnecting-websocket.md          | 2 ++
 zh-cn/react-native-redash.md                          | 2 ++
 zh-cn/react-native-render-html.md                     | 2 ++
 zh-cn/react-native-restart.md                         | 2 ++
 zh-cn/react-native-root-siblings.md                   | 2 ++
 zh-cn/react-native-root-toast.md                      | 2 ++
 zh-cn/react-native-safe-area-context.md               | 2 ++
 zh-cn/react-native-screens.md                         | 2 ++
 zh-cn/react-native-scrollable-tab-view.md             | 2 ++
 zh-cn/react-native-scrollable-tabview.md              | 2 ++
 zh-cn/react-native-section-list-get-item-layout.md    | 2 ++
 zh-cn/react-native-sensors.md                         | 2 ++
 zh-cn/react-native-shadow-2.md                        | 2 ++
 zh-cn/react-native-simple-toast.md                    | 2 ++
 zh-cn/react-native-snap-carousel.md                   | 2 ++
 zh-cn/react-native-sortable-list.md                   | 2 ++
 zh-cn/react-native-sound.md                           | 2 ++
 zh-cn/react-native-stickyheader.md                    | 2 ++
 zh-cn/react-native-svg-capi.md                        | 2 ++
 zh-cn/react-native-svg-charts.md                      | 2 ++
 zh-cn/react-native-svg.md                             | 2 ++
 zh-cn/react-native-swipe-gestures.md                  | 2 ++
 zh-cn/react-native-swipe-list-view.md                 | 2 ++
 zh-cn/react-native-swiper.md                          | 2 ++
 zh-cn/react-native-switch-pro.md                      | 2 ++
 zh-cn/react-native-switch-selector.md                 | 2 ++
 zh-cn/react-native-system-setting.md                  | 2 ++
 zh-cn/react-native-tab-view.md                        | 2 ++
 zh-cn/react-native-text-size.md                       | 2 ++
 zh-cn/react-native-toolbar-android.md                 | 2 ++
 zh-cn/react-native-touch-id.md                        | 2 ++
 zh-cn/react-native-transitiongroup.md                 | 2 ++
 zh-cn/react-native-translucent-modal.md               | 2 ++
 zh-cn/react-native-typing-animation.md                | 2 ++
 zh-cn/react-native-unitsyles.md                       | 2 ++
 zh-cn/react-native-vconsole.md                        | 2 ++
 zh-cn/react-native-vector-icons.md                    | 2 ++
 zh-cn/react-native-video-cache.md                     | 2 ++
 zh-cn/react-native-video.md                           | 2 ++
 zh-cn/react-native-view-overflow.md                   | 2 ++
 zh-cn/react-native-view-shot.md                       | 2 ++
 zh-cn/react-native-vision-camera.md                   | 2 ++
 zh-cn/react-native-waterfall-flow.md                  | 2 ++
 zh-cn/react-native-webview.md                         | 2 ++
 zh-cn/react-native-worklets-core.md                   | 2 ++
 zh-cn/react-native-zip-archive.md                     | 2 ++
 zh-cn/react-native-zoom-able-view.md                  | 2 ++
 zh-cn/react-navigation-elements.md                    | 2 ++
 zh-cn/react-navigation-native-stack.md                | 2 ++
 zh-cn/react-navigation-shared-element.md              | 2 ++
 zh-cn/react-redux.md                                  | 2 ++
 zh-cn/react-router-dom.md                             | 2 ++
 zh-cn/recyclerListView.md                             | 2 ++
 zh-cn/redux-actions.md                                | 2 ++
 zh-cn/redux-logger.md                                 | 2 ++
 zh-cn/redux-persist.md                                | 2 ++
 zh-cn/redux-thunk.md                                  | 2 ++
 zh-cn/redux-toolkit.md                                | 2 ++
 zh-cn/redux.md                                        | 2 ++
 zh-cn/rn-placeholder.md                               | 2 ++
 zh-cn/rn-tourguide.md                                 | 2 ++
 zh-cn/sentry-react-native.md                          | 2 ++
 zh-cn/shopify-flash-list.md                           | 2 ++
 zh-cn/styled-components.md                            | 2 ++
 zh-cn/styled-system.md                                | 2 ++
 199 files changed, 398 insertions(+)

diff --git a/zh-cn/EventBus.md b/zh-cn/EventBus.md
index ecfd097a..8ffa8503 100644
--- a/zh-cn/EventBus.md
+++ b/zh-cn/EventBus.md
@@ -33,6 +33,7 @@ yarn add eventbusjs@0.2.0
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import { useState, createContext } from "react";
 import {
@@ -301,6 +302,7 @@ function EventBusDemo() {
 }
 export default EventBusDemo;
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/Immer.md b/zh-cn/Immer.md
index 11b74651..0e3656eb 100644
--- a/zh-cn/Immer.md
+++ b/zh-cn/Immer.md
@@ -38,6 +38,7 @@ yarn add immer@10.0.4
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, {useState, useEffect, Component} from 'react';
 import {
@@ -769,6 +770,7 @@ export default MyComponent;
 
 
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/axios.md b/zh-cn/axios.md
index 6fb9a187..15d46ddf 100644
--- a/zh-cn/axios.md
+++ b/zh-cn/axios.md
@@ -33,6 +33,7 @@ yarn add axios@1.6.7
 
 Once the package is installed, you can import the library using `import` or `require` approach:
 
+<!-- {% raw %} -->
 ```js
 import axios, { isCancel, AxiosError } from "axios";
 ```
@@ -97,6 +98,7 @@ async function getUser() {
   }
 }
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/crypto-js.md b/zh-cn/crypto-js.md
index ee14ff9d..0e18cae4 100644
--- a/zh-cn/crypto-js.md
+++ b/zh-cn/crypto-js.md
@@ -35,6 +35,7 @@ yarn add @types/crypto-js@^4.2.1
 
 快速使用：
 
+<!-- {% raw %} -->
 ```typescript
 import React, { useState } from 'react';
 import { View, Button, Text } from 'react-native';
@@ -125,6 +126,7 @@ export default CryptoJSDemo;
 ```typescript
 import C from "crypto-js";
 ```
+<!-- {% endraw %} -->
 
 #### Base
 
diff --git a/zh-cn/dayJs.md b/zh-cn/dayJs.md
index cb824ce6..306ea082 100644
--- a/zh-cn/dayJs.md
+++ b/zh-cn/dayJs.md
@@ -59,6 +59,7 @@ import dayjs from 'dayjs';
 
 下面的代码展示了这个库的基本使用示例：
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState, useEffect, useRef } from "react";
 import { View, Text, Button, StyleSheet } from "react-native";
@@ -164,6 +165,7 @@ const styles = StyleSheet.create({
 });
 export default DayJsDemo;
 ```
+<!-- {% endraw %} -->
 
 如下是已验证接口展示:
 
diff --git a/zh-cn/deepmerge.md b/zh-cn/deepmerge.md
index 2ab66cf0..5a0cf9a5 100644
--- a/zh-cn/deepmerge.md
+++ b/zh-cn/deepmerge.md
@@ -33,6 +33,7 @@ yarn add deepmerge@^4.3.1
 
 快速使用：
 
+<!-- {% raw %} -->
 ```js
 import deepmerge from "deepmerge";
 
@@ -83,6 +84,7 @@ const output = {
 
 deepmerge(x, y); // => output
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/htmlparser2.md b/zh-cn/htmlparser2.md
index 067d82d7..75979209 100644
--- a/zh-cn/htmlparser2.md
+++ b/zh-cn/htmlparser2.md
@@ -50,6 +50,7 @@ yarn add cheerio-select@2.1.0
 
 快速使用：
 
+<!-- {% raw %} -->
 ```js
 import * as htmlparser2 from "htmlparser2";
 
@@ -151,6 +152,7 @@ export interface CheerioOptions extends Parse5Options {
   quirksMode?: SelectOptions['quirksMode'];
 }
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/jeanregisser-react-native-slider.md b/zh-cn/jeanregisser-react-native-slider.md
index a646bf5e..0e06e721 100644
--- a/zh-cn/jeanregisser-react-native-slider.md
+++ b/zh-cn/jeanregisser-react-native-slider.md
@@ -39,6 +39,7 @@ yarn add @react-native-oh-tpl/react-native-slider@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState} from 'react';
 import {Button, View, StyleSheet, Text } from 'react-native';
@@ -143,6 +144,7 @@ const styles = StyleSheet.create({
     }
   });
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/js-beautify.md b/zh-cn/js-beautify.md
index b41f511c..bf1fdd24 100644
--- a/zh-cn/js-beautify.md
+++ b/zh-cn/js-beautify.md
@@ -36,6 +36,7 @@ ynpm install js-beautify@^1.15.1
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';
 import type {PropsWithChildren} from 'react';
@@ -714,6 +715,7 @@ const styles = StyleSheet.create({
 
 export default BeautifyDemo;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/jsbarcode.md b/zh-cn/jsbarcode.md
index 3d6d91dc..28287461 100644
--- a/zh-cn/jsbarcode.md
+++ b/zh-cn/jsbarcode.md
@@ -45,6 +45,7 @@ import JsBarCode from 'jsbarcode';
 
 > [!tip] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化] > [!tip] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
 
+<!-- {% raw %} -->
 ```tsx
 import {ScrollView, StyleSheet, View, Text} from 'react-native';
 import {Barcode} from './component/SvgComponent';
@@ -278,6 +279,7 @@ JsBarcode("#barcode", "29012343", {
   flat: true,
 });
 ```
+<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/lodash.md b/zh-cn/lodash.md
index 2e2c4e55..b0d43898 100644
--- a/zh-cn/lodash.md
+++ b/zh-cn/lodash.md
@@ -31,6 +31,7 @@ yarn add lodash@^4.17.21
 
 直接使用：
 
+<!-- {% raw %} -->
 ```js
 // findLastIndex 为例
 import lodashStable from "lodash";
@@ -58,6 +59,7 @@ lodashStable.findLastIndex(users, ["active", false]);
 lodashStable.findLastIndex(users, "active");
 // => 0
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index f74fc494..c04e9096 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -42,11 +42,13 @@ yarn add @react-native-oh-tpl/lottie-react-native@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import LottieView from "lottie-react-native";
 
 <LottieView source={require("./assets/animations.json")} autoPlay loop />;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/mobx-react.md b/zh-cn/mobx-react.md
index 1768fe0a..ec2c8383 100644
--- a/zh-cn/mobx-react.md
+++ b/zh-cn/mobx-react.md
@@ -33,6 +33,7 @@ yarn add mobx-react@^7.6.0
 
 快速使用：
 
+<!-- {% raw %} -->
 ```js
 module.exports = {
   presets: ["module:metro-react-native-babel-preset"],
@@ -78,6 +79,7 @@ class TodoView extends React.Component {
 // ---- or just use function components: ----
 const TodoView = observer(({ todo }) => <div>{todo.title}</div>);
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/mobx.md b/zh-cn/mobx.md
index 04cbb3d3..3272bd13 100644
--- a/zh-cn/mobx.md
+++ b/zh-cn/mobx.md
@@ -33,6 +33,7 @@ yarn add mobx@^6.10.0
 
 快速使用：
 
+<!-- {% raw %} -->
 ```js
 module.exports = {
   presets: ["module:metro-react-native-babel-preset"],
@@ -90,6 +91,7 @@ setInterval(() => {
   myTimer.increase();
 }, 1000);
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/model.md b/zh-cn/model.md
index af3b0045..1fa7adcd 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -53,6 +53,7 @@ yarn add @react-native-oh-tpl/<库名>@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 // react-native-safe-area-context 为例
 import React from "react";
@@ -77,6 +78,7 @@ const App = () => {
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## 使用 Codegen（如本库已适配了 Codegen ）
 
diff --git a/zh-cn/moment.md b/zh-cn/moment.md
index 60b05097..e0e56c65 100644
--- a/zh-cn/moment.md
+++ b/zh-cn/moment.md
@@ -66,6 +66,7 @@ import moment from 'moment';
 
 下面的代码展示了这个库的基本使用示例：
 
+<!-- {% raw %} -->
 ```js
 // 获取今天0时0分0秒
 moment().startOf("day");
@@ -141,6 +142,7 @@ moment().format("HH时mm分ss秒");
 // 格式化时分秒(12小时制)：'xx:xx:xx am/pm'
 moment().format("hh:mm:ss a");
 ```
+<!-- {% endraw %} -->
 
 如下是已验证接口展示:
 
diff --git a/zh-cn/parse5.md b/zh-cn/parse5.md
index e81ae7a4..cd4d402c 100644
--- a/zh-cn/parse5.md
+++ b/zh-cn/parse5.md
@@ -33,6 +33,7 @@ yarn add parse5@7.1.2
 
 直接使用：
 
+<!-- {% raw %} -->
 ```js
 const parse5 = require("parse5");
 
@@ -67,6 +68,7 @@ const document = parse5.parseFragment("<div>Hello, <b>world</b>!</div>");
 const str = parse5.serializeOuter(document.childNodes[0]);
 console.log(str); //> '<div>Hello, <b>world</b>!</div>'
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index 3cabbf06..4b551e1f 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -31,6 +31,7 @@ yarn add prop-types
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -50,6 +51,7 @@ MyComponent.propTypes = {
 
 optionalEnum: PropTypes.oneOf(['News', 'Photos']),
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/qrcode-generator.md b/zh-cn/qrcode-generator.md
index 4c396515..1e1d1911 100644
--- a/zh-cn/qrcode-generator.md
+++ b/zh-cn/qrcode-generator.md
@@ -31,6 +31,7 @@ yarn add qrcode-generator@1.4.4
 
 快速使用：
 
+<!-- {% raw %} -->
 ```js
 import React, { useState, useEffect } from "react";
 import { View, Text, Image } from "react-native";
@@ -72,6 +73,7 @@ export const CustomQrCode = ({ text, style }) => {
 ```js
 import QRCode from "qrcode-generator";
 ```
+<!-- {% endraw %} -->
 
 #### Base
 
diff --git a/zh-cn/react-ahooks.md b/zh-cn/react-ahooks.md
index 92161b2c..a130f0af 100644
--- a/zh-cn/react-ahooks.md
+++ b/zh-cn/react-ahooks.md
@@ -47,6 +47,7 @@ $ npm install react-json-view@1.21.3
 
 ## 使用
 
+<!-- {% raw %} -->
 ```tsx
 /**
  * title: Default usage
@@ -103,6 +104,7 @@ export function WhyDidYouUpdate() {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-i18next.md b/zh-cn/react-i18next.md
index 9ddce0d6..f7b2ae75 100644
--- a/zh-cn/react-i18next.md
+++ b/zh-cn/react-i18next.md
@@ -39,6 +39,7 @@ yarn add react-i18next@^14.0.0
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { createRoot } from "react-dom/client";
@@ -76,6 +77,7 @@ function App() {
 const root = createRoot(document.getElementById("root"));
 root.render(<App />);
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/react-lifecycles-compat.md
index 31d67012..656f8c63 100644
--- a/zh-cn/react-lifecycles-compat.md
+++ b/zh-cn/react-lifecycles-compat.md
@@ -35,6 +35,7 @@ yarn add react-lifecycles-compat@3.0.4
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { Text, View, Button } from "react-native";
@@ -142,6 +143,7 @@ polyfill(ExampleComponent);
 
 export default ExampleComponent;
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index 0e9eaa5b..ae8f7945 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-mjrefresh@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { Component } from "react";
 import { ScrollView, Text, View } from "react-native";
@@ -112,6 +113,7 @@ export default class MjRefreshDemo extends Component {
   };
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-QRCode.md b/zh-cn/react-native-QRCode.md
index 92b923d7..df1c2d27 100644
--- a/zh-cn/react-native-QRCode.md
+++ b/zh-cn/react-native-QRCode.md
@@ -37,6 +37,7 @@ yarn add react-native-qrcode@0.2.7
 此库是一个React原生的生成二维码的组件，不仅仅支持英文。下面的代码展示了这个库的基本使用场景，更多详情请参考[使用教程](https://github.com/cssivision/react-native-qrcode/blob/master/README.md)：
 
 
+<!-- {% raw %} -->
 ```js
 import React, { Component ,useState,useEffect } from 'react'
 import { Image } from 'react-native';
@@ -73,6 +74,7 @@ return (
 );
 }
 ```
+<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index a974c930..e2b1555e 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-smartrefreshlayout@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import {
@@ -175,6 +176,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-action-button.md b/zh-cn/react-native-action-button.md
index 60b88a38..95f90db0 100644
--- a/zh-cn/react-native-action-button.md
+++ b/zh-cn/react-native-action-button.md
@@ -33,6 +33,7 @@ yarn add react-native-action-button@2.8.5
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { StyleSheet, View } from "react-native";
@@ -80,6 +81,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-action-sheet.md b/zh-cn/react-native-action-sheet.md
index 319f27e6..fcbebf4a 100644
--- a/zh-cn/react-native-action-sheet.md
+++ b/zh-cn/react-native-action-sheet.md
@@ -40,6 +40,7 @@ yarn add @expo/react-native-action-sheet@4.0.1
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { ActionSheetProvider, connectActionSheet, ActionSheetProps } from '@expo/react-native-action-sheet';
 import * as React from 'react';
@@ -187,6 +188,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-animatable.md b/zh-cn/react-native-animatable.md
index 17224ad8..a1c858dc 100644
--- a/zh-cn/react-native-animatable.md
+++ b/zh-cn/react-native-animatable.md
@@ -41,6 +41,7 @@ yarn add react-native-animatable@1.4.0
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { useState } from 'react';
 import { TouchableOpacity } from 'react-native';
@@ -73,6 +74,7 @@ export default function ExampleView() {
     )
 }   
 ```
+<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index d91988fa..d2c7f536 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -33,6 +33,7 @@ yarn add react-native-animate-number@0.1.2
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import { StyleSheet, Text, View, Button } from "react-native";
@@ -136,6 +137,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md
index 9e505a98..7906833c 100644
--- a/zh-cn/react-native-aria.md
+++ b/zh-cn/react-native-aria.md
@@ -56,6 +56,7 @@ npm install react-native-aria@0.2.2
 
 下面的代码展示了useToggleButton的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { useToggleButton } from "@react-native-aria/button";
@@ -104,6 +105,7 @@ export default function AriaDemo() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 下面的代码展示了useCheckbox与useCheckboxGroup的基本使用场景：
 
diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index af427456..f5b0d2f5 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/async-storage@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import AsyncStorage from "@react-native-async-storage/async-storage";
 
@@ -66,6 +67,7 @@ const getData = async () => {
   }
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index f03e9645..d294a725 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -44,6 +44,7 @@ yarn add @react-native-oh-tpl/react-native-audio@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { AudioRecorder, AudioUtils } from "@react-native-oh-tpl/react-native-audio";
 
@@ -98,6 +99,7 @@ AudioRecorder.onFinished = (data) => {
   console.log(data.audioFileURL);//audio file url
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index ec63a151..90aaf2e2 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -42,11 +42,13 @@ yarn add @react-native-oh-tpl/react-native-autoheight-webview@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import AutoHeightWebView from "react-native-autoheight-webview";
 
 <AutoHeightWebView source={{ uri: "https://reactnative.dev/" }} />;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index 6c88b8a3..b8d577ca 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -45,6 +45,7 @@ yarn add @react-native-oh-tpl/react-native-background-timer@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import {View, Button, StyleSheet, Text,TextInput} from 'react-native';
 import React, {useState} from 'react';
@@ -207,6 +208,7 @@ const styles = StyleSheet.create({
 
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-barcode-builder.md b/zh-cn/react-native-barcode-builder.md
index a6165607..c61022aa 100644
--- a/zh-cn/react-native-barcode-builder.md
+++ b/zh-cn/react-native-barcode-builder.md
@@ -48,6 +48,7 @@ yarn add @react-native-oh-tpl/react-native-barcode-builder@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useEffect } from 'react';
 import {
@@ -106,6 +107,7 @@ export const BarcodeBuilderExample = () => {
 }
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-base64.md b/zh-cn/react-native-base64.md
index 0dc7d42e..677fb34b 100644
--- a/zh-cn/react-native-base64.md
+++ b/zh-cn/react-native-base64.md
@@ -30,6 +30,7 @@ npm i @types/react-native-base64 -D
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from 'react';
 import base64 from 'react-native-base64';
@@ -103,6 +104,7 @@ const styles = StyleSheet.create({
 });
 
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-better-banner.md b/zh-cn/react-native-better-banner.md
index 923b7c42..6b3fb544 100644
--- a/zh-cn/react-native-better-banner.md
+++ b/zh-cn/react-native-better-banner.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-better-banner@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';
 import {
@@ -107,6 +108,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index 0206f67b..c11b9c13 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-blob-util@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import {
@@ -409,6 +410,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 19309c7f..432b4237 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-calendar-events@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 
 import React from 'react';
@@ -233,6 +234,7 @@ const styles = StyleSheet.create({
 
 export default CalendarDemo;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index d8cb2837..3a902c81 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/camera-roll@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { View, Button } from "react-native";
 import {
@@ -89,6 +90,7 @@ export default function App() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-canvas.md b/zh-cn/react-native-canvas.md
index 60b566c4..cf161b76 100644
--- a/zh-cn/react-native-canvas.md
+++ b/zh-cn/react-native-canvas.md
@@ -38,6 +38,7 @@ npm install --save-dev @type/react-native-canvas@0.1.39
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useRef, useEffect } from "react";
 import { View, StyleSheet, Text, ScrollView } from "react-native";
@@ -125,6 +126,7 @@ const styles = StyleSheet.create({
 
 export default CanvasDemo;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-check-box.md b/zh-cn/react-native-check-box.md
index 722d1b7f..74911995 100644
--- a/zh-cn/react-native-check-box.md
+++ b/zh-cn/react-native-check-box.md
@@ -27,6 +27,7 @@ npm install react-native-check-box@2.1.0
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, {useEffect, useState} from 'react';
 import {StyleSheet, ScrollView, View, Image, Text} from 'react-native';
@@ -99,6 +100,7 @@ const styles = StyleSheet.create({
 export default example;
 
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index e5e38cc9..6cab54cf 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/clipboard@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import Clipboard from "@react-native-clipboard/clipboard";
 
@@ -67,6 +68,7 @@ const fetchCopiedText = async () => {
   <Text style={styles.copiedText}>{copiedText}</Text>
 </View>;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md
index f84db6f9..b6c21fa4 100644
--- a/zh-cn/react-native-clippath.md
+++ b/zh-cn/react-native-clippath.md
@@ -37,6 +37,7 @@ yarn add @react-native-oh-tpl/clip-path@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```jsx
 import { View, Text, ScrollView } from "react-native";
 import React from "react";
@@ -57,6 +58,7 @@ export default function index() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-collapsible.md b/zh-cn/react-native-collapsible.md
index 997f11d3..09f02c51 100644
--- a/zh-cn/react-native-collapsible.md
+++ b/zh-cn/react-native-collapsible.md
@@ -37,6 +37,7 @@ yarn add react-native-collapsible@1.6.1
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from 'react';
 import { ScrollView, StyleSheet, Text, View, TouchableOpacity,Button } from 'react-native';
@@ -81,6 +82,7 @@ const CONTENT = [
     { title: 'Third', feet: '3', content: "c", },
 ];
 ```
+<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index 3a0422b6..6b251390 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { Image } from 'react-native'
 import {
@@ -73,6 +74,7 @@ const ColorMatrixImage = (imageProps) => (
   </ColorMatrix>
 )
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-communications.md b/zh-cn/react-native-communications.md
index 60f972e4..94e2cfd9 100644
--- a/zh-cn/react-native-communications.md
+++ b/zh-cn/react-native-communications.md
@@ -36,6 +36,7 @@ yarn add react-native-communications@2.2.1
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 var React = require('react-native');
 var {
@@ -101,6 +102,7 @@ var styles = StyleSheet.create({
 
 export default RNCommunications;
 ```
+<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index dfc9ffcb..fca906ae 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/blur@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState} from 'react';
 import {
@@ -197,6 +198,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index f6674dd8..62df05ea 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/checkbox@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import CheckBox from "@react-native-community/checkbox";
 
@@ -65,6 +66,7 @@ import CheckBox from "@react-native-community/checkbox";
   }}
 />;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index d9afc2b4..e695c0fa 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/datetimepicker@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import DateTimePicker from '@react-native-community/datetimepicker';
 
@@ -87,6 +88,7 @@ export const App = () => {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index f2e903bf..61c6a91f 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/netinfo@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Text } from "react-native";
@@ -71,6 +72,7 @@ const App = () => {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index 780b575a..e66026a9 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -42,12 +42,14 @@ npm install @react-native-oh-tpl/progress-bar-android@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
  import {ProgressBar} from '@react-native-community/progress-bar-android';
 
 <ProgressBar styleAttr="Horizontal" indeterminate={true} animating={true}  />
 <ProgressBar  indeterminate={true}/>
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index 0b03a1f0..19746fa6 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/progress-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { ProgressView } from "@react-native-community/progress-view";
 
@@ -51,6 +52,7 @@ import { ProgressView } from "@react-native-community/progress-view";
   progress={0.7}
 />;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index b7ae15ca..e90fcd8c 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -38,6 +38,7 @@ yarn add @react-native-oh-tpl/push-notification-ios@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { View, Text, Button } from "react-native";
@@ -161,6 +162,7 @@ export const App = () => {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-segmented-control.md b/zh-cn/react-native-community-segmented-control.md
index 4085a0fe..52438e0a 100644
--- a/zh-cn/react-native-community-segmented-control.md
+++ b/zh-cn/react-native-community-segmented-control.md
@@ -36,6 +36,7 @@ yarn add @react-native-segmented-control/segmented-control@^2.5.0
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import SegmentedControl from "@react-native-segmented-control/segmented-control";
 
@@ -49,6 +50,7 @@ return (
   />
 );
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 8bc5d366..e89bd71f 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/slider@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import Slider from "@react-native-community/slider";
 
@@ -53,6 +54,7 @@ import Slider from "@react-native-community/slider";
   maximumTrackTintColor="#000000"
 />;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-confirmation-code-field.md b/zh-cn/react-native-confirmation-code-field.md
index c6a29003..29b400b7 100644
--- a/zh-cn/react-native-confirmation-code-field.md
+++ b/zh-cn/react-native-confirmation-code-field.md
@@ -34,6 +34,7 @@ yarn add react-native-confirmation-code-field@7.3.2
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { SafeAreaView, Text, StyleSheet } from "react-native";
@@ -102,6 +103,7 @@ const App = () => {
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 2425991e..c0656971 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-contacts@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 
 import React, {useState} from 'react';
@@ -296,6 +297,7 @@ export const ContactsDemo = () => {
     );
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-cookies.md b/zh-cn/react-native-cookies.md
index 9bceb23c..c9ca67c1 100644
--- a/zh-cn/react-native-cookies.md
+++ b/zh-cn/react-native-cookies.md
@@ -41,6 +41,7 @@ HarmonyOS 中使用 react-native-cookies 需要配合 react-native-webview 使
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```ts
 import React, { useState, useRef } from "react";
 import {
@@ -196,6 +197,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md
index 64a3725c..3a14faf7 100644
--- a/zh-cn/react-native-create-thumbnail.md
+++ b/zh-cn/react-native-create-thumbnail.md
@@ -44,6 +44,7 @@ yarn add @react-native-oh-tpl/react-native-create-thumbnail@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, {useState } from 'react';
 import {  StyleSheet, Text, Button ,ScrollView,View} from 'react-native';
@@ -141,6 +142,7 @@ const styles = StyleSheet.create({
   }
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-crypto-js.md b/zh-cn/react-native-crypto-js.md
index b590f980..a8839380 100644
--- a/zh-cn/react-native-crypto-js.md
+++ b/zh-cn/react-native-crypto-js.md
@@ -36,6 +36,7 @@ yarn add react-native-crypto-js@1.0.0
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from 'react';
 import {
@@ -138,6 +139,7 @@ export const ReactNativeCryptoJsExample = () => {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-dismiss-keyboard.md b/zh-cn/react-native-dismiss-keyboard.md
index 55442c29..323250fd 100644
--- a/zh-cn/react-native-dismiss-keyboard.md
+++ b/zh-cn/react-native-dismiss-keyboard.md
@@ -40,6 +40,7 @@ yarn add react-native-dismiss-keyboard@1.0.0
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from 'react';
 import {
@@ -127,6 +128,7 @@ const styles = StyleSheet.create({
     },
 });
 ```
+<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 31d293d3..6c021caa 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -45,6 +45,7 @@ yarn add @react-native-oh-tpl/react-native-document-picker@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import { Text, TouchableOpacity, View, StyleSheet, Switch, ScrollView } from 'react-native';
@@ -253,6 +254,7 @@ const styles = StyleSheet.create({
 
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-dotenv.md b/zh-cn/react-native-dotenv.md
index 4453db88..5c204439 100644
--- a/zh-cn/react-native-dotenv.md
+++ b/zh-cn/react-native-dotenv.md
@@ -57,6 +57,7 @@ API_TOKEN=abc123
 
 In **users.js**
 
+<!-- {% raw %} -->
 ```js
 import { API_URL, API_TOKEN } from "@env";
 
@@ -218,6 +219,7 @@ module.exports = {
   ...
 }
 ```
+<!-- {% endraw %} -->
 
 更多清除缓存的方法请参考 [react-naitve-dotenv 官方指引](https://github.com/goatandsheep/react-native-dotenv)
 
diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index 9b980bc9..4637e554 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -43,6 +43,7 @@ npm i react-native-drag-sort@2.4.4
 
 ##### DragSortableView组件使用
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { View, Text, StyleSheet, SafeAreaView } from "react-native";
@@ -550,6 +551,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-drawer-layout-polyfill.md b/zh-cn/react-native-drawer-layout-polyfill.md
index 0f77c8c2..e344f762 100644
--- a/zh-cn/react-native-drawer-layout-polyfill.md
+++ b/zh-cn/react-native-drawer-layout-polyfill.md
@@ -33,6 +33,7 @@ yarn add react-native-drawer-layout-polyfill@2.0.0
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState, useRef } from "react";
 import { Button, Text, StyleSheet, View, TextInput } from "react-native";
@@ -219,6 +220,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-drop-shadow.md b/zh-cn/react-native-drop-shadow.md
index 9604d9a9..7aa443a6 100644
--- a/zh-cn/react-native-drop-shadow.md
+++ b/zh-cn/react-native-drop-shadow.md
@@ -37,6 +37,7 @@ yarn add react-native-drop-shadow@1.0.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import DropShadow from "react-native-drop-shadow";
 ```
@@ -115,6 +116,7 @@ export default function withAnimatedViews() {
   );
 }
 ```
+<!-- {% endraw %} -->
 然后，您可以使用`AnimatedDropShadow`来代替`Animated.View` 。
 
 ## 约束与限制
diff --git a/zh-cn/react-native-easy-toast.md b/zh-cn/react-native-easy-toast.md
index d5f15dcd..357924c7 100644
--- a/zh-cn/react-native-easy-toast.md
+++ b/zh-cn/react-native-easy-toast.md
@@ -40,6 +40,7 @@ yarn add react-native-easy-toast@2.3.0
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { Text, View, Button } from "react-native";
@@ -65,6 +66,7 @@ export default class App extends Component {
 
 
 ```
+<!-- {% endraw %} -->
 
 更多使用场景可查看 [react-native-easy-toast 源库地址](https://github.com/crazycodeboy/react-native-easy-toast)
 
diff --git a/zh-cn/react-native-echarts-pro.md b/zh-cn/react-native-echarts-pro.md
index d6936c14..020c808a 100644
--- a/zh-cn/react-native-echarts-pro.md
+++ b/zh-cn/react-native-echarts-pro.md
@@ -37,6 +37,7 @@ yarn add react-native-echarts-pro@^1.9.1
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React from "react";
 import { View } from "react-native";
@@ -79,6 +80,7 @@ export default function RNEPDemo() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index bf955e7d..5951ae0e 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -44,6 +44,7 @@ yarn add @rneui/base@4.0.0-rc.8
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';
 import { View, ScrollView, StyleSheet } from 'react-native';
@@ -309,6 +310,7 @@ export default Avatars;
         //...
     }
 ```
+<!-- {% endraw %} -->
 
 > [!TIP] Demo中字体属于IconFont文件；自定义字体也需要用统一的方法在此注册。
 
diff --git a/zh-cn/react-native-exception-handler.md b/zh-cn/react-native-exception-handler.md
index eb9322d3..19a104b1 100644
--- a/zh-cn/react-native-exception-handler.md
+++ b/zh-cn/react-native-exception-handler.md
@@ -44,6 +44,7 @@ yarn add @react-native-oh-tpl/react-native-exception-handler@file:#
 
 To catch <b>JS_Exceptions</b>
 
+<!-- {% raw %} -->
 ```typescript
 import {
   setJSExceptionHandler,
@@ -275,6 +276,7 @@ export default class MyAbilityStage extends AbilityStage {
   }
 }
 ```
+<!-- {% endraw %} -->
 
 在 `YourProject/entry/src/main/module.json5`补上配置
 
diff --git a/zh-cn/react-native-ezswiper.md b/zh-cn/react-native-ezswiper.md
index d8e44414..9caedefd 100644
--- a/zh-cn/react-native-ezswiper.md
+++ b/zh-cn/react-native-ezswiper.md
@@ -38,6 +38,7 @@ yarn add react-native-ezswiper@1.3.0 --save
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 /**
  * Sample React Native App
@@ -295,6 +296,7 @@ const styles = StyleSheet.create({
     },
 });
 ```
+<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index dad7567a..4e3cbc79 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-fast-image@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import FastImage from "react-native-fast-image";
 
@@ -57,6 +58,7 @@ const YourImage = () => (
   />
 );
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-feather.md b/zh-cn/react-native-feather.md
index 75d5e734..6edca15f 100644
--- a/zh-cn/react-native-feather.md
+++ b/zh-cn/react-native-feather.md
@@ -40,6 +40,7 @@ yarn add react-native-feather@1.1.2
 
 >[!WARNING] 使用时 import 的库名不变。且该库强依赖[@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)，请在使用前，安装svg库
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';  
 import {Text, ScrollView } from 'react-native';   
@@ -67,6 +68,7 @@ const FeatherExample = () => {
   
 export default FeatherExample;
 ```
+<!-- {% endraw %} -->
 ## Link
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index c8027c38..81a2388a 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-fileupload@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, {Component} from 'react';
 import { StyleSheet, Text, View } from 'react-native';
@@ -97,6 +98,7 @@ let styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index 27c840f4..ccc5b080 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-fingerprint-scanner@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { View, Button } from "react-native";
 import FingerprintScanner from 'react-native-fingerprint-scanner';
@@ -84,6 +85,7 @@ export default function App() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## 使用 Codegen
 
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index d66b52bb..ccb7be71 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -35,6 +35,7 @@ yarn add react-native-fit-image@1.5.5
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React,{useState,useEffect} from 'react'
 import {View,StyleSheet,Text,ScrollView,SafeAreaView,Image,Button} from "react-native"
@@ -275,6 +276,7 @@ const FitImageDemo=()=>{
 }
 export default FitImageDemo;
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-flexi-radio-button.md b/zh-cn/react-native-flexi-radio-button.md
index 25c440b6..fd659d32 100644
--- a/zh-cn/react-native-flexi-radio-button.md
+++ b/zh-cn/react-native-flexi-radio-button.md
@@ -41,6 +41,7 @@ yarn add react-native-flexi-radio-button@0.2.2
 
 |![basic_example_ios](https://cloud.githubusercontent.com/assets/21040043/18545904/67b5476e-7b65-11e6-8fc4-8160b39a4ab0.gif)|![basic_example_android](https://cloud.githubusercontent.com/assets/21040043/18545908/69b22f5a-7b65-11e6-87d7-c82c0d3057dd.gif)|
 |---------------|----------|
+<!-- {% raw %} -->
 ```jsx
 
 import {RadioGroup, RadioButton} from 'react-native-flexi-radio-button'
@@ -131,6 +132,7 @@ modify in render()
   </RadioButton>
 </RadioGroup>
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-flip-card.md b/zh-cn/react-native-flip-card.md
index 4d7e390a..f8b22c12 100644
--- a/zh-cn/react-native-flip-card.md
+++ b/zh-cn/react-native-flip-card.md
@@ -38,6 +38,7 @@ yarn add react-native-flip-card@3.5.7
 下面的代码展示了这个库的基本使用场景：
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from 'react';
 import FlipCard from 'react-native-flip-card'
@@ -209,6 +210,7 @@ const createCard = (val, i) => <MyFlipCard key={i} val={val}/>
 
 }
 ```
+<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index f8210440..96e8cd7f 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-fs@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import {
@@ -142,6 +143,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-geolocation.md b/zh-cn/react-native-geolocation.md
index f9fd8dc4..625ad66e 100644
--- a/zh-cn/react-native-geolocation.md
+++ b/zh-cn/react-native-geolocation.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-geolocation@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 // setRNConfiguration 为例
 Geolocation.setRNConfiguration(
@@ -53,6 +54,7 @@ Geolocation.setRNConfiguration(
   }
 ) => void
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index 3fe0c4cb..3db9f8b1 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-gesture-handler@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { Animated, Dimensions } from "react-native";
@@ -101,6 +102,7 @@ export default function App() {
   return <Circle />;
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md
index 7cbc0981..367afbb3 100644
--- a/zh-cn/react-native-get-random-values.md
+++ b/zh-cn/react-native-get-random-values.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-get-random-values@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { View, Text, StyleSheet, Button } from "react-native";
@@ -79,6 +80,7 @@ export const GetRandomValues = () => {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-htmlview.md b/zh-cn/react-native-htmlview.md
index c078ae4e..00f3c417 100644
--- a/zh-cn/react-native-htmlview.md
+++ b/zh-cn/react-native-htmlview.md
@@ -40,6 +40,7 @@ yarn add react-native-htmlview@0.17.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';
 import {StyleSheet, View, Linking} from 'react-native';
@@ -84,6 +85,7 @@ const styles = StyleSheet.create({
 
 export default HtmlViewExample;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-image-base64.md b/zh-cn/react-native-image-base64.md
index d8ed2e30..66e94283 100644
--- a/zh-cn/react-native-image-base64.md
+++ b/zh-cn/react-native-image-base64.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-image-base64@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { StyleSheet, View, Button, Image } from "react-native";
 import React from "react";
@@ -108,6 +109,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## 使用 Codegen
 
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 4ea56515..5b13aba7 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -38,6 +38,7 @@ yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
 
 > [!TIP] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```
 import ImagePicker from 'react-native-image-crop-picker';
 import { openPicker } from 'react-native-image-crop-picker';
@@ -786,6 +787,7 @@ const styles = StyleSheet.create({
 });
 export default ImageCropPickDemo;
 ```
+<!-- {% endraw %} -->
 
 ## 使用 Codegen（如本库已适配了 Codegen ）
 
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 6b99e82d..1ef30ebf 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -35,6 +35,7 @@ yarn add @react-native-oh-tpl/image-editor@file:#
 
 > [!TIP] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import {
@@ -179,6 +180,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-image-gallery.md b/zh-cn/react-native-image-gallery.md
index 7543e53e..b05bc6e3 100644
--- a/zh-cn/react-native-image-gallery.md
+++ b/zh-cn/react-native-image-gallery.md
@@ -46,6 +46,7 @@ yarn add @react-native-oh-tpl/react-native-image-gallery@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import Gallery from 'react-native-image-gallery';
 
@@ -64,6 +65,7 @@ import Gallery from 'react-native-image-gallery';
     );
   }
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index 8d057d81..6d9a255b 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -37,6 +37,7 @@ yarn add react-native-image-header-scroll-view@0.10.3
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import { View, TouchableOpacity, Text } from "react-native";
 import React from "react";
@@ -73,6 +74,7 @@ export function ImageHeaderPropertyTest() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index 08724088..80b55072 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-image-picker@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';
 import { View, Text } from 'react-native';
@@ -74,6 +75,7 @@ const App = () => {
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-image-resizer.md b/zh-cn/react-native-image-resizer.md
index aaf1b579..b2d6f8cf 100644
--- a/zh-cn/react-native-image-resizer.md
+++ b/zh-cn/react-native-image-resizer.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-image-resizer@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useRef, useState } from 'react';
 import {
@@ -269,6 +270,7 @@ const styles = StyleSheet.create({
 
 export default ImageResizerDemo;    
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index 8c19acee..acfb3901 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-image-sequence-2@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { SafeAreaView, StyleSheet } from "react-native-harmony";
@@ -274,6 +275,7 @@ const styles = StyleSheet.create({
 
 export default TestDemo2
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-image-viewer.md b/zh-cn/react-native-image-viewer.md
index d9af246f..b91663d6 100644
--- a/zh-cn/react-native-image-viewer.md
+++ b/zh-cn/react-native-image-viewer.md
@@ -40,6 +40,7 @@ yarn add @react-native-oh-tpl/react-native-image-viewer@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import {
@@ -219,6 +220,7 @@ const styles = StyleSheet.create({
 
 export default ReactImageZoon;
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index 817dde99..973cbf56 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -40,6 +40,7 @@ yarn add @react-native-oh-tpl/react-native-image-viewing@file:#
 
 快速使用：
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import {
@@ -182,6 +183,7 @@ const styles = StyleSheet.create({
 });
 
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-image-zoom.md b/zh-cn/react-native-image-zoom.md
index cc9b815d..9f5de8b3 100644
--- a/zh-cn/react-native-image-zoom.md
+++ b/zh-cn/react-native-image-zoom.md
@@ -37,6 +37,7 @@ yarn add @react-native-oh-tpl/react-native-image-zoom@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import {
@@ -483,6 +484,7 @@ const styles = StyleSheet.create({
 
 export default ImageZoomDemo;
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index 8d596d24..aefa329a 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-library/react-native-intersection-observer@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useRef } from "react";
 import { Text } from "react-native";
@@ -74,6 +75,7 @@ function App() {
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-json-tree.md b/zh-cn/react-native-json-tree.md
index e0366667..f20ad4cd 100644
--- a/zh-cn/react-native-json-tree.md
+++ b/zh-cn/react-native-json-tree.md
@@ -130,12 +130,14 @@ export default MyComponent;
 
 您可以传递以下属性来自定义渲染的标签和值：
 
+<!-- {% raw %} -->
 ```js
 <JSONTree
   labelRenderer={raw => <Text style={{ fontWeight: 'bold' }}>{raw}</Text>}
   valueRenderer={raw => <Text style={{ fontStyle: 'italic' }}>{raw}</Text>}
 />
 ```
+<!-- {% endraw %} -->
 
 ## 属性
 
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index b44e7b73..e2a7f0fd 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -47,6 +47,7 @@ yarn add @react-native-oh-tpl/react-native-keep-awake@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState, useEffect } from 'react';
 import {
@@ -103,6 +104,7 @@ export function KeepAwakeExample() {
 }
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-keyboard-aware-scroll-view.md b/zh-cn/react-native-keyboard-aware-scroll-view.md
index 016108f6..61251cdb 100644
--- a/zh-cn/react-native-keyboard-aware-scroll-view.md
+++ b/zh-cn/react-native-keyboard-aware-scroll-view.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React from "react";
 import { TextInput, StyleSheet, ScrollView } from "react-native";
@@ -76,6 +77,7 @@ const styles = StyleSheet.create({
 
 export default KasvCom;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-lightbox.md b/zh-cn/react-native-lightbox.md
index 1cd24484..31cbe40d 100644
--- a/zh-cn/react-native-lightbox.md
+++ b/zh-cn/react-native-lightbox.md
@@ -38,6 +38,7 @@ yarn add react-native-lightbox-v2@0.9.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```ts
 import React, { useState } from 'react';
 import {
@@ -156,6 +157,7 @@ const styles = StyleSheet.create({
 });
 
 ```
+<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-linear-gradient-text.md b/zh-cn/react-native-linear-gradient-text.md
index 9ceb20f3..7b2f024e 100644
--- a/zh-cn/react-native-linear-gradient-text.md
+++ b/zh-cn/react-native-linear-gradient-text.md
@@ -33,6 +33,7 @@ yarn add react-native-linear-gradient-text@1.2.8
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React from "react";
 import { View, StyleSheet } from "react-native";
@@ -61,6 +62,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 01ca51fa..6b73537c 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-linear-gradient@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { ReactNode } from 'react';
 import {
@@ -86,6 +87,7 @@ var styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index 59549a0d..506ec839 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-localize@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import * as React from "react";
 import {
@@ -88,6 +89,7 @@ function LocalizeDemo() {
 }
 export default LocalizeDemo;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index cb17f746..66b6886a 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -45,6 +45,7 @@ yarn add @react-native-oh-tpl/react-native-map-linking@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from 'react';
 import {
@@ -101,6 +102,7 @@ const styles = StyleSheet.create({
 });
 export default MapLinkingDemo;  
 ```
+<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index fdb82e51..d53d8099 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-maps@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { StyleSheet, View, Text, Dimensions } from "react-native";
@@ -193,6 +194,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index 93a4ad06..9796f43b 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-markdown-display@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';
 import { SafeAreaView, ScrollView, StatusBar } from 'react-native';
@@ -75,6 +76,7 @@ const App: () => React$Node = () => {
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-marquee-ab.md b/zh-cn/react-native-marquee-ab.md
index 574d96b3..3cdb54a4 100644
--- a/zh-cn/react-native-marquee-ab.md
+++ b/zh-cn/react-native-marquee-ab.md
@@ -37,6 +37,7 @@ yarn add react-native-marquee-ab@1.2.6
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React, { Component } from 'react';
 import {
@@ -74,6 +75,7 @@ export default class TestPage extends Component {
     }
 }
 ```
+<!-- {% endraw %} -->
 
 ## Props
 
diff --git a/zh-cn/react-native-marquee.md b/zh-cn/react-native-marquee.md
index f6aee8f7..79d4a4a6 100644
--- a/zh-cn/react-native-marquee.md
+++ b/zh-cn/react-native-marquee.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-marquee@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { Component } from "react";
 import { StyleSheet, View } from "react-native";
@@ -73,6 +74,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index 8abe29f7..a2540343 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/masked-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import MaskedView from "@react-native-masked-view/masked-view";
 
@@ -76,6 +77,7 @@ import MaskedView from "@react-native-masked-view/masked-view";
   <View style={{ flex: 1, height: "100%", backgroundColor: "#e1e1e1" }} />
 </MaskedView>;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-material-buttons.md b/zh-cn/react-native-material-buttons.md
index 0750db43..c5b804c5 100644
--- a/zh-cn/react-native-material-buttons.md
+++ b/zh-cn/react-native-material-buttons.md
@@ -41,6 +41,7 @@ yarn add @react-native-oh-tpl/react-native-material-buttons@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React, { Component } from 'react';
 import { AppRegistry, Text, ScrollView, View, SafeAreaView } from 'react-native';
@@ -198,6 +199,7 @@ export function MaterialButtons() {
 
 
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-material-design-style.md b/zh-cn/react-native-material-design-style.md
index e9359707..18780d80 100644
--- a/zh-cn/react-native-material-design-style.md
+++ b/zh-cn/react-native-material-design-style.md
@@ -43,6 +43,7 @@ yarn add react-native-material-design-styles@0.2.7
 
 
 
+<!-- {% raw %} -->
 ```js
 import { StyleSheet, Text, View, ScrollView } from 'react-native';
 import { typography, color } from 'react-native-material-design-styles';
@@ -109,6 +110,7 @@ const styles = StyleSheet.create({
     }
 })
 ```
+<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-material-textfield.md b/zh-cn/react-native-material-textfield.md
index 88d3d4f2..a8099adc 100644
--- a/zh-cn/react-native-material-textfield.md
+++ b/zh-cn/react-native-material-textfield.md
@@ -41,6 +41,7 @@ yarn add @react-native-oh-tpl/react-native-material-textfield@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 
 import React, {useState} from 'react';
@@ -196,6 +197,7 @@ const styles = StyleSheet.create({
 });
 
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-md5.md b/zh-cn/react-native-md5.md
index 9fa0955e..2358f39c 100644
--- a/zh-cn/react-native-md5.md
+++ b/zh-cn/react-native-md5.md
@@ -37,6 +37,7 @@ yarn add react-native-md5@1.0.0
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import {ScrollView, StyleSheet,View,Text,TextInput,TouchableHighlight} from 'react-native';
 import React,{ useState } from 'react';
@@ -90,6 +91,7 @@ export function md5TestExample() {
     );
 }
 ```
+<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-modal.md b/zh-cn/react-native-modal.md
index bcb14e7e..68ae225f 100644
--- a/zh-cn/react-native-modal.md
+++ b/zh-cn/react-native-modal.md
@@ -42,6 +42,7 @@ yarn add react-native-modal@13.0.1
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from 'react';
 import {
@@ -136,6 +137,7 @@ const styles = StyleSheet.create({
 AppRegistry.registerComponent('RNApplyComponent', () => RNApplyComponent);
 
 ```
+<!-- {% endraw %} -->
  
 
 ## 约束与限制
diff --git a/zh-cn/react-native-multi-slider.md b/zh-cn/react-native-multi-slider.md
index fb09b6d8..622cffe8 100644
--- a/zh-cn/react-native-multi-slider.md
+++ b/zh-cn/react-native-multi-slider.md
@@ -44,6 +44,7 @@ yarn add @react-native-oh-tpl/react-native-multi-slider@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';
 
@@ -465,6 +466,7 @@ const styles = StyleSheet.create({
     },
   });
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-nested-scroll-view.md b/zh-cn/react-native-nested-scroll-view.md
index 2517572d..4a635431 100644
--- a/zh-cn/react-native-nested-scroll-view.md
+++ b/zh-cn/react-native-nested-scroll-view.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-nested-scroll-view@file:#
 
 > [! WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import {
   StyleSheet,
@@ -130,6 +131,7 @@ const styles = StyleSheet.create({
 
 export default NestedScrollViewDemo;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index d76bd39e..b2971340 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-orientation-locker@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 
 import {
@@ -210,6 +211,7 @@ const styles = StyleSheet.create({
 
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index b8f15d78..a0c0ca20 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-orientation@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 
 import Orientation from 'react-native-orientation';
@@ -176,6 +177,7 @@ const styles = StyleSheet.create({
 
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index bec78df7..64f32d8a 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-pager-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { StyleSheet, View, Text } from "react-native";
@@ -66,6 +67,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index 43b90ae7..60f458ae 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -39,6 +39,7 @@ paper使用需要安装react-native-safe-area-context来处理安全区域。另
 
 1.将根组件包装在PaperProvider中。如果您有一个原始的 React Native 项目，最好将其添加到传递给 的组件中AppRegistry.registerComponent。这通常在index.js文件中
 
+<!-- {% raw %} -->
 ```js
 import { PaperProvider } from 'react-native-paper';
 import App from '../App';
@@ -85,6 +86,7 @@ const ActivityIndicatorDemo = () => (
 
 export default ActivityIndicatorDemo;
 ```
+<!-- {% endraw %} -->
 ## Link
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context和@react-native-oh-tpl/react-native-vector-icons的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index 94fe926b..28fca316 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -40,6 +40,7 @@ yarn add @react-native-oh-tpl/react-native-pdf@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Dimensions, StyleSheet } from "react-native";
@@ -84,6 +85,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index 5edd7126..a0e2d00c 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -40,6 +40,7 @@ yarn add @react-native-oh-tpl/react-native-permissions@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { ScrollView, StyleSheet, View, Text, Button } from "react-native";
 import React from "react";
@@ -113,6 +114,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 4755755c..68250201 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/picker@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { Picker } from "@react-native-picker/picker";
 
@@ -55,6 +56,7 @@ const [selectedLanguage, setSelectedLanguage] = useState();
   <Picker.Item label="JavaScript" value="js" />
 </Picker>;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-popover-view.md b/zh-cn/react-native-popover-view.md
index 17a5ca29..11769144 100644
--- a/zh-cn/react-native-popover-view.md
+++ b/zh-cn/react-native-popover-view.md
@@ -41,6 +41,7 @@ yarn add @react-native-oh-tpl/react-native-popover-view@file:#
 
 快速使用：
 
+<!-- {% raw %} -->
 ```typescript
 import React, { useState } from 'react';
 import {View, TouchableOpacity, Text, Button, Easing } from 'react-native';
@@ -137,6 +138,7 @@ const PopoverDemo = () => {
 
 export default PopoverDemo;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-popup-menu.md b/zh-cn/react-native-popup-menu.md
index a8ed6d54..b77caccc 100644
--- a/zh-cn/react-native-popup-menu.md
+++ b/zh-cn/react-native-popup-menu.md
@@ -33,6 +33,7 @@ yarn add react-native-popup-menu@0.16.1
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 // your entry point
 import { MenuProvider } from "react-native-popup-menu";
@@ -71,6 +72,7 @@ export const YourComponent = () => (
   </View>
 );
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-progress.md b/zh-cn/react-native-progress.md
index 73d8688e..4bd17ef8 100644
--- a/zh-cn/react-native-progress.md
+++ b/zh-cn/react-native-progress.md
@@ -39,6 +39,7 @@ yarn add @react-native-oh-tpl/react-native-progress@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useEffect } from "react";
 import { StyleSheet, View, Text } from "react-native";
@@ -124,6 +125,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-pull.md b/zh-cn/react-native-pull.md
index 995a5ee3..0c2e8f0e 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -55,6 +55,7 @@ yarn add @react-native-oh-tpl/react-native-pull@file:#
 
 > 代码示例
 
+<!-- {% raw %} -->
 ```js
 import React, { Component, useState } from 'react';
 import {
@@ -330,6 +331,7 @@ const styles = StyleSheet.create({
 export default PullListDemo;
 
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index e7ddbf4a..7712e399 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -44,6 +44,7 @@ yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
 > [!WARNING] 使用时 import 的库名不变。
 > 示例中：launchImageLibrary 方法需引入Harmony OS 的react-native-image-picker库，跳转 [react-native-image-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-picker.md)查看使用方法。
 
+<!-- {% raw %} -->
 ```js
 import React, {useState} from 'react';
 import {View, Text, Button} from 'react-native';
@@ -164,6 +165,7 @@ export const QRreaderExp = () => {
 };
 
 ```
+<!-- {% endraw %} -->
 ## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
diff --git a/zh-cn/react-native-qrcode-svg.md b/zh-cn/react-native-qrcode-svg.md
index 0b573fca..a5f37e06 100644
--- a/zh-cn/react-native-qrcode-svg.md
+++ b/zh-cn/react-native-qrcode-svg.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-qrcode-svg@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import QRCode from 'react-native-qrcode-svg';
 
@@ -54,6 +55,7 @@ render() {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index 42393269..a34ed592 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -45,6 +45,7 @@ yarn add @react-native-oh-tpl/react-native-randombytes@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 
 import React, { useState } from "react";
@@ -100,6 +101,7 @@ const styles = StyleSheet.create({
 });
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-ratings.md b/zh-cn/react-native-ratings.md
index fb1958ba..1963a1af 100644
--- a/zh-cn/react-native-ratings.md
+++ b/zh-cn/react-native-ratings.md
@@ -35,6 +35,7 @@ yarn add react-native-ratings@8.1.0
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState } from 'react';
 import { View, Text, StyleSheet } from 'react-native';
@@ -117,6 +118,7 @@ export function RatingsDemo () {
 };
 
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-reanimated-carousel.md b/zh-cn/react-native-reanimated-carousel.md
index e6c966b2..5ee644da 100644
--- a/zh-cn/react-native-reanimated-carousel.md
+++ b/zh-cn/react-native-reanimated-carousel.md
@@ -33,6 +33,7 @@ npm install react-native-reanimated-carousel@^3.5.1
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import * as React from "react";
 import { ScrollView } from "react-native-gesture-handler";
@@ -279,6 +280,7 @@ function App() {
 export default App;
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-reanimated-table.md b/zh-cn/react-native-reanimated-table.md
index ad47feda..58b7d1ad 100644
--- a/zh-cn/react-native-reanimated-table.md
+++ b/zh-cn/react-native-reanimated-table.md
@@ -35,6 +35,7 @@ yarn add react-native-reanimated-table@^0.0.2
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { Component } from 'react';
 import { StyleSheet, View } from 'react-native';
@@ -82,6 +83,7 @@ const styles = StyleSheet.create({
   text: { margin: 6 }
 });
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index e277e2bb..c1eba76e 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-reanimated@file:#
 
 > [!TIP] 为什么需要添加这个？Reanimated Babel 插件会自动转换特殊的 JavaScript 函数（称为 worklet），以便它们可以被传递并在 UI 线程上运行。
 
+<!-- {% raw %} -->
 ```js
   module.exports = {
     presets: [
@@ -101,6 +102,7 @@ export default function App() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-reconnecting-websocket.md b/zh-cn/react-native-reconnecting-websocket.md
index c5ff54fd..3a64ea20 100644
--- a/zh-cn/react-native-reconnecting-websocket.md
+++ b/zh-cn/react-native-reconnecting-websocket.md
@@ -27,6 +27,7 @@ npm install react-native-reconnecting-websocket@^1.0.3
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, { useEffect, useRef } from 'react';
 import { View, Text, Button } from 'react-native';
@@ -108,6 +109,7 @@ const WebSocketExample = () => {
 
 export default WebSocketExample;
 ```
+<!-- {% endraw %} -->
 
 # 约束与限制
 
diff --git a/zh-cn/react-native-redash.md b/zh-cn/react-native-redash.md
index 7cfc01b1..33db5901 100644
--- a/zh-cn/react-native-redash.md
+++ b/zh-cn/react-native-redash.md
@@ -29,6 +29,7 @@ npm install react-native-redash@^18.1.3
 
 redash库依赖react-native-reanimated动画库，为适配 HarmonyOS 环境，需要把库里的依赖改成@react-native-oh-tpl/react-native-reanimated。下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 // findLastIndex 为例
 import {
@@ -187,6 +188,7 @@ return (
   </View>
 );
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-render-html.md b/zh-cn/react-native-render-html.md
index 02cda76e..77120a12 100644
--- a/zh-cn/react-native-render-html.md
+++ b/zh-cn/react-native-render-html.md
@@ -36,6 +36,7 @@ yarn add react-native-render-html@6.3.4
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { useWindowDimensions } from "react-native";
@@ -53,6 +54,7 @@ export default function App() {
   return <RenderHtml contentWidth={width} source={source} />;
 }
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-restart.md b/zh-cn/react-native-restart.md
index 2957f095..e12339ff 100644
--- a/zh-cn/react-native-restart.md
+++ b/zh-cn/react-native-restart.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-restart@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { Button, Text, View, Alert } from "react-native";
 import RNRestart from "react-native-restart";
@@ -58,6 +59,7 @@ export default function RestartDemo() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-root-siblings.md b/zh-cn/react-native-root-siblings.md
index dda17e05..60f6a9ec 100644
--- a/zh-cn/react-native-root-siblings.md
+++ b/zh-cn/react-native-root-siblings.md
@@ -41,6 +41,7 @@ The easiest way to create overlays( `Modal` , `Popover` , `Dialog` etc) for both
 
 Make your own `showModal` and use it in any component without any `isShow` state or even in a pure function call.
 
+<!-- {% raw %} -->
 ```jsx
 import RootSiblingsManager from 'react-native-root-siblings';
 
@@ -262,6 +263,7 @@ var styles = StyleSheet.create({
 });
 
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-root-toast.md b/zh-cn/react-native-root-toast.md
index 0043637c..ff64a102 100644
--- a/zh-cn/react-native-root-toast.md
+++ b/zh-cn/react-native-root-toast.md
@@ -39,6 +39,7 @@ yarn add react-native-root-toast@3.5.1
 
 #### Calling api
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import {
@@ -82,6 +83,7 @@ export function ReactNativeRootToastExample() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 #### Using a Component
 
diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index 128ceba8..07c75adf 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-safe-area-context@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { Text, View } from "react-native";
@@ -65,6 +66,7 @@ const App = () => {
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-screens.md b/zh-cn/react-native-screens.md
index a982fb39..93b24f22 100644
--- a/zh-cn/react-native-screens.md
+++ b/zh-cn/react-native-screens.md
@@ -50,6 +50,7 @@ yarn add react-native-screens
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { NavigationContainer, ParamListBase } from "@react-navigation/native";
@@ -114,6 +115,7 @@ import { enableScreens } from "react-native-screens";
 
 enableScreens(false);
 ```
+<!-- {% endraw %} -->
 
 您还可以通过[`detachInactiveScreens`](https://reactnavigation.org/docs/stack-navigator#detachinactivescreens)在每个导航器中禁用使用原生屏幕。
 
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index 8169b876..1c974f97 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { Text, View } from "react-native";
@@ -62,6 +63,7 @@ export default () => {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-scrollable-tabview.md b/zh-cn/react-native-scrollable-tabview.md
index 0ff2e01d..c336d190 100644
--- a/zh-cn/react-native-scrollable-tabview.md
+++ b/zh-cn/react-native-scrollable-tabview.md
@@ -39,6 +39,7 @@ yarn add @itenl/react-native-scrollable-tabview@1.1.7
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState, useEffect, useRef } from 'react';
 import { View, Text, Alert, Button } from 'react-native'
@@ -110,6 +111,7 @@ export default function ScrollTabsDemo() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-section-list-get-item-layout.md b/zh-cn/react-native-section-list-get-item-layout.md
index a80fab53..9da6b8d8 100644
--- a/zh-cn/react-native-section-list-get-item-layout.md
+++ b/zh-cn/react-native-section-list-get-item-layout.md
@@ -36,6 +36,7 @@ yarn add react-native-section-list-get-item-layout@^2.2.3
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import sectionListGetItemLayout from "react-native-section-list-get-item-layout";
 
@@ -61,6 +62,7 @@ class MyComponent extends React.Component {
   }
 }
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 1e87dcf3..4df34382 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-sensors@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import {
   accelerometer,
@@ -85,6 +86,7 @@ gravity.subscribe(({ x, y, z, timestamp }) =>
 // setUpdateIntervalForType(type: string, interval: number)
 setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-shadow-2.md b/zh-cn/react-native-shadow-2.md
index 4224254c..29c18530 100644
--- a/zh-cn/react-native-shadow-2.md
+++ b/zh-cn/react-native-shadow-2.md
@@ -39,6 +39,7 @@ yarn add react-native-shadow-2@7.0.8
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import { Text, ScrollView, View, StyleSheet } from "react-native";
 import { Shadow } from "react-native-shadow-2";
@@ -173,6 +174,7 @@ const styles = StyleSheet.create({
 
 export default Shadow2Demo;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-simple-toast.md b/zh-cn/react-native-simple-toast.md
index bd931097..46802c70 100644
--- a/zh-cn/react-native-simple-toast.md
+++ b/zh-cn/react-native-simple-toast.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-simple-toast@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import * as React from 'react';
 
@@ -114,6 +115,7 @@ export default function App() {
   );
 }
 ```
+<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-snap-carousel.md b/zh-cn/react-native-snap-carousel.md
index 24a3b812..86bc84c1 100644
--- a/zh-cn/react-native-snap-carousel.md
+++ b/zh-cn/react-native-snap-carousel.md
@@ -35,6 +35,7 @@ $ yarn add @react-native-oh-tpl/react-native-snap-carousel@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { View, Text, Image, StyleSheet } from "react-native";
@@ -110,6 +111,7 @@ const styles = StyleSheet.create({
   }
 });
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/react-native-sortable-list.md b/zh-cn/react-native-sortable-list.md
index 5ad70d79..1ea20fcf 100644
--- a/zh-cn/react-native-sortable-list.md
+++ b/zh-cn/react-native-sortable-list.md
@@ -45,6 +45,7 @@ yarn add react-native-sortable-list@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 /**
  * Sample React Native App
@@ -284,6 +285,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index e3efff36..a217eb57 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-sound@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import type { PropsWithChildren } from "react";
@@ -155,6 +156,7 @@ const styles = StyleSheet.create({
 
 export default SoundDemo;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-stickyheader.md b/zh-cn/react-native-stickyheader.md
index 99a02137..d8b7b786 100644
--- a/zh-cn/react-native-stickyheader.md
+++ b/zh-cn/react-native-stickyheader.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-stickyheader@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState, useCallback, useRef, useEffect } from "react";
 import { StyleSheet, Text, View, FlatList, Animated } from "react-native";
@@ -116,6 +117,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index b03ff846..5f957b3f 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-svg@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import Svg, { Path } from "react-native-svg";
 
@@ -49,6 +50,7 @@ import Svg, { Path } from "react-native-svg";
   <Path d="M90 0 L0 180 L180 180 Z" fill="red" />
 </Svg>;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-svg-charts.md b/zh-cn/react-native-svg-charts.md
index 7fec629e..1cc1e62b 100644
--- a/zh-cn/react-native-svg-charts.md
+++ b/zh-cn/react-native-svg-charts.md
@@ -45,6 +45,7 @@ yarn add  @react-native-oh-tpl/react-naitve-svg-charts@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 areaChart：
+<!-- {% raw %} -->
 ```jsx
 import React from 'react'
 import { Path } from 'react-native-svg'
@@ -474,6 +475,7 @@ class PieChartWithLabelExample extends React.PureComponent {
 
 export default PieChartWithLabelExample
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index a7c3c002..81011fb2 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-svg@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import Svg, { Path } from "react-native-svg";
 
@@ -49,6 +50,7 @@ import Svg, { Path } from "react-native-svg";
   <Path d="M90 0 L0 180 L180 180 Z" fill="red" />
 </Svg>;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-swipe-gestures.md b/zh-cn/react-native-swipe-gestures.md
index 1f3bbadf..262fb13b 100644
--- a/zh-cn/react-native-swipe-gestures.md
+++ b/zh-cn/react-native-swipe-gestures.md
@@ -42,6 +42,7 @@ yarn add react-native-swipe-gestures@^1.0.5
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 'use strict';
 
@@ -124,6 +125,7 @@ class SomeComponent extends Component {
 
 export default SomeComponent;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-swipe-list-view.md b/zh-cn/react-native-swipe-list-view.md
index 4595979f..028cebdd 100644
--- a/zh-cn/react-native-swipe-list-view.md
+++ b/zh-cn/react-native-swipe-list-view.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-swipe-list-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import { SwipeListView } from 'react-native-swipe-list-view';
 
@@ -205,6 +206,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-swiper.md b/zh-cn/react-native-swiper.md
index f035ca67..f5c66dd6 100644
--- a/zh-cn/react-native-swiper.md
+++ b/zh-cn/react-native-swiper.md
@@ -31,6 +31,7 @@ yarn add react-native-swiper@1.6.0
 
 快速使用：
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { AppRegistry, StyleSheet, Text, View } from "react-native";
@@ -203,6 +204,7 @@ var swiper = React.createClass({
   }
 })
 ```
+<!-- {% endraw %} -->
 
 > More ScrollResponder info, see: https://github.com/facebook/react-native/blob/master/Libraries/Components/ScrollResponder.js
 
diff --git a/zh-cn/react-native-switch-pro.md b/zh-cn/react-native-switch-pro.md
index b10d69a2..de371c48 100644
--- a/zh-cn/react-native-switch-pro.md
+++ b/zh-cn/react-native-switch-pro.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-switch-pro@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import Switch from 'react-native-switch-pro'
 ...
@@ -56,6 +57,7 @@ import Switch from 'react-native-switch-pro'
 ...
 
 ```
+<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-switch-selector.md b/zh-cn/react-native-switch-selector.md
index 627eda13..5c0d61c8 100644
--- a/zh-cn/react-native-switch-selector.md
+++ b/zh-cn/react-native-switch-selector.md
@@ -41,6 +41,7 @@ yarn add react-native-switch-selector@2.3.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import SwitchSelector from "react-native-switch-selector";
 import React from 'react';
@@ -64,6 +65,7 @@ const SwitchSelectorDemo = () => {
 
 export default SwitchSelectorDemo;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-system-setting.md b/zh-cn/react-native-system-setting.md
index 8005ebfc..16e6fb4f 100644
--- a/zh-cn/react-native-system-setting.md
+++ b/zh-cn/react-native-system-setting.md
@@ -46,6 +46,7 @@ yarn add @react-native-oh-tpl/react-native-system-setting@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useEffect, useState } from 'react'
 import SystemSetting, { EmitterSubscription } from 'react-native-system-setting'
@@ -154,6 +155,7 @@ const styles = StyleSheet.create({
 
 export default SystemSettingDemo
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-tab-view.md b/zh-cn/react-native-tab-view.md
index c08b469e..fb5bd76a 100644
--- a/zh-cn/react-native-tab-view.md
+++ b/zh-cn/react-native-tab-view.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-tab-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Text, Dimensions, StyleSheet } from "react-native";
@@ -197,6 +198,7 @@ const styles = StyleSheet.create({
     ...
     })
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index 0e7e4b0a..2a5606e6 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-text-size@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState, useEffect } from 'react';
 import {
@@ -188,6 +189,7 @@ export function TextSizeExample() {
   )
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-toolbar-android.md b/zh-cn/react-native-toolbar-android.md
index 55dda91a..31ee3013 100644
--- a/zh-cn/react-native-toolbar-android.md
+++ b/zh-cn/react-native-toolbar-android.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/toolbar-android@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import { StyleSheet, View, Text } from "react-native";
@@ -118,6 +119,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index 643ef560..98984113 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-touch-id@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { Component, useState } from 'react';
 import { Alert, View, Button, Text } from 'react-native';
@@ -78,6 +79,7 @@ const App = () => {
 export default App;
 
 ```
+<!-- {% endraw %} -->
 ## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md
index 7f6492f4..afc0ef32 100644
--- a/zh-cn/react-native-transitiongroup.md
+++ b/zh-cn/react-native-transitiongroup.md
@@ -39,6 +39,7 @@ yarn add @react-native-oh-tpl/react-native-transitiongroup@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { StyleSheet, Text, View, TouchableOpacity, Easing } from "react-native";
@@ -137,6 +138,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-translucent-modal.md b/zh-cn/react-native-translucent-modal.md
index 76e54974..2f50e060 100644
--- a/zh-cn/react-native-translucent-modal.md
+++ b/zh-cn/react-native-translucent-modal.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-translucent-modal@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import {
@@ -112,6 +113,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-typing-animation.md b/zh-cn/react-native-typing-animation.md
index 8ccac048..c8d7d4f4 100644
--- a/zh-cn/react-native-typing-animation.md
+++ b/zh-cn/react-native-typing-animation.md
@@ -39,6 +39,7 @@ yarn add react-native-typing-animation@0.1.7
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useEffect, useRef, useState } from 'react';
 import {
@@ -201,6 +202,7 @@ const styles = StyleSheet.create({
 
 export default TypingAnimationDemos;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-unitsyles.md b/zh-cn/react-native-unitsyles.md
index 97542338..ece10bb1 100644
--- a/zh-cn/react-native-unitsyles.md
+++ b/zh-cn/react-native-unitsyles.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-unistyles@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import {
   StatusBar,
@@ -374,6 +375,7 @@ const autoGuidelinePlugin: UnistylesPlugin = {
   },
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-vconsole.md b/zh-cn/react-native-vconsole.md
index fcc4ab66..1fa861bd 100644
--- a/zh-cn/react-native-vconsole.md
+++ b/zh-cn/react-native-vconsole.md
@@ -35,6 +35,7 @@ yarn add @kafudev/react-native-vconsole@0.1.11
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import VConsole from '@kafudev/react-native-vconsole'
 /* INFO is optional */
@@ -61,6 +62,7 @@ render() {
   )
 }
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-vector-icons.md b/zh-cn/react-native-vector-icons.md
index c2142e08..806b78b0 100644
--- a/zh-cn/react-native-vector-icons.md
+++ b/zh-cn/react-native-vector-icons.md
@@ -59,6 +59,7 @@ yarn add react-native-vector-icons@10.0.3
 
 ### 本库自带字体的使用
 
+<!-- {% raw %} -->
 ```js
 import FontAwesome from 'react-native-vector-icons/FontAwesome';
 
@@ -495,6 +496,7 @@ export function VectorIconsDemo() {
         //...
     }
 ```
+<!-- {% endraw %} -->
 #### 提醒：自定义字体也需要用同样的方法在此注册
 
 ## 约束与限制
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index 32aec331..4107a3ed 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -47,6 +47,7 @@ yarn add @react-native-oh-tpl/react-native-video-cache@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useEffect, useState } from "react";
 import { StyleSheet, Text, View } from "react-native";
@@ -89,6 +90,7 @@ const styles = StyleSheet.create({
     },
 });
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index b914dc90..c7ed029b 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-video@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React, { useState, useRef } from "react";
 import { View, ScrollView, StyleSheet, Text, TextInput } from "react-native";
@@ -399,6 +400,7 @@ const styles = StyleSheet.create({
 
 export default RNCVideoDemo;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-view-overflow.md b/zh-cn/react-native-view-overflow.md
index f2fcf669..ae9b135a 100644
--- a/zh-cn/react-native-view-overflow.md
+++ b/zh-cn/react-native-view-overflow.md
@@ -43,6 +43,7 @@ yarn add @react-native-oh-tpl/react-native-view-overflow@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from 'react';
 import {View} from 'react-native';
@@ -65,6 +66,7 @@ export function ViewOverflowDemo() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index 578a3167..f766301e 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-view-shot@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Text, Button } from "react-native";
@@ -115,6 +116,7 @@ export default function App() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index 5129fc33..d1ada0d5 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -45,6 +45,7 @@ yarn add @react-native-oh-tpl/react-native-vision-camera@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```jsx
 import { Button, Text, View } from 'react-native';
 import React, { useRef } from 'react';
@@ -91,6 +92,7 @@ export default function VisionCameraDemo() {
 }
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-waterfall-flow.md b/zh-cn/react-native-waterfall-flow.md
index 7707b9d3..315d47f1 100644
--- a/zh-cn/react-native-waterfall-flow.md
+++ b/zh-cn/react-native-waterfall-flow.md
@@ -39,6 +39,7 @@ yarn add react-native-waterfall-flow@1.1.5 --save
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import { PureComponent, Component } from 'react'
 import { View, Dimensions, Image, Animated, ImageProps, ActivityIndicator, Text, Platform, TouchableOpacity, Alert } from 'react-native'
@@ -278,6 +279,7 @@ class FadeImage extends Component<ImageProps> {
   }
 }
 ```
+<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 601a64aa..3b3ca9b9 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-webview@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { WebView } from "react-native-webview";
 
@@ -53,6 +54,7 @@ export default function WebViewDemo() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-worklets-core.md b/zh-cn/react-native-worklets-core.md
index a1881b7c..28e9c37e 100644
--- a/zh-cn/react-native-worklets-core.md
+++ b/zh-cn/react-native-worklets-core.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/react-native-worklets-core@file:#
 
 在项目根目录下的 `babel.config.js` 中添加 `babel` 插件
 
+<!-- {% raw %} -->
 ```js
 module.exports = {
   plugins: [
@@ -98,6 +99,7 @@ const App = () => {
 
 export default App;
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index 56e41db2..c9be803b 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -40,6 +40,7 @@ yarn add @react-native-oh-tpl/react-native-zip-archive@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 import React, { useState, useEffect } from 'react';
 import { View, Button, StyleSheet, TextInput, Alert, Text, ActivityIndicator } from 'react-native';
@@ -398,6 +399,7 @@ const styles = StyleSheet.create({
     }
 })
 ```
+<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-zoom-able-view.md b/zh-cn/react-native-zoom-able-view.md
index d3ce57bf..bcd6cfc7 100644
--- a/zh-cn/react-native-zoom-able-view.md
+++ b/zh-cn/react-native-zoom-able-view.md
@@ -39,6 +39,7 @@ yarn add @openspacelabs/react-native-zoomable-view@2.1.6
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { View, StyleSheet, Image, Animated } from "react-native";
 import React from "react";
@@ -119,6 +120,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-navigation-elements.md b/zh-cn/react-navigation-elements.md
index d693ffbb..30bfa001 100644
--- a/zh-cn/react-navigation-elements.md
+++ b/zh-cn/react-navigation-elements.md
@@ -42,9 +42,11 @@ yarn add @react-native-oh-tpl/elements@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import { HeaderBackContext } from "@react-navigation/elements";
 ```
+<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-navigation-native-stack.md b/zh-cn/react-navigation-native-stack.md
index c4e8f6e8..82162189 100644
--- a/zh-cn/react-navigation-native-stack.md
+++ b/zh-cn/react-navigation-native-stack.md
@@ -48,6 +48,7 @@ yarn install @react-native-oh-tpl/react-native-safe-area-context
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import * as React from 'react';
 import { Button, View } from 'react-native';
@@ -127,6 +128,7 @@ export default function App() {
 }
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-navigation-shared-element.md b/zh-cn/react-navigation-shared-element.md
index 7cb5df85..9ba7900d 100644
--- a/zh-cn/react-navigation-shared-element.md
+++ b/zh-cn/react-navigation-shared-element.md
@@ -41,6 +41,7 @@ yarn add react-native-shared-element@0.8.9
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import  React, { Component } from "react";
 import {
@@ -208,6 +209,7 @@ const styles = StyleSheet.create({
 });
 
 ```
+<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-redux.md b/zh-cn/react-redux.md
index 944a3c96..d4728c26 100644
--- a/zh-cn/react-redux.md
+++ b/zh-cn/react-redux.md
@@ -31,6 +31,7 @@ npm install react-redux@^9.1.0
 
 1.创建一个命名为store.ts的文件
 
+<!-- {% raw %} -->
 ```ts
 import { configureStore } from "@reduxjs/toolkit";
 import counterReducer from "./action/counterSlice";
@@ -142,6 +143,7 @@ export function Counter() {
   // 省略渲染逻辑
 }
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/react-router-dom.md b/zh-cn/react-router-dom.md
index a14ed82e..c4b18971 100644
--- a/zh-cn/react-router-dom.md
+++ b/zh-cn/react-router-dom.md
@@ -36,6 +36,7 @@ yarn add react-router-dom@6.22.1
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```tsx
 import React from "react";
 import { ScrollView } from "react-native";
@@ -71,6 +72,7 @@ const DomDemo = () => {
 
 export default DomDemo;
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerListView.md
index 8a862f7e..96907118 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerListView.md
@@ -36,6 +36,7 @@ yarn add recyclerlistview
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { View, Text, Dimensions } from "react-native";
@@ -180,6 +181,7 @@ const styles = {
   },
 };
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/redux-actions.md b/zh-cn/redux-actions.md
index 94eb2025..eec86c59 100644
--- a/zh-cn/redux-actions.md
+++ b/zh-cn/redux-actions.md
@@ -52,6 +52,7 @@ npm install react-redux
 
 // LoginType.ts
 
+<!-- {% raw %} -->
 ```ts
 export interface IAppUser {
   id: string;
@@ -268,6 +269,7 @@ const styles = StyleSheet.create({
   },
 });
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/redux-logger.md b/zh-cn/redux-logger.md
index bbdb22c8..210ac749 100644
--- a/zh-cn/redux-logger.md
+++ b/zh-cn/redux-logger.md
@@ -37,6 +37,7 @@ yarn add redux-logger@^3.0.6
 
 场景一：
 
+<!-- {% raw %} -->
 ```js
 import { applyMiddleware, createStore } from "redux";
 // Logger with default options
@@ -56,6 +57,7 @@ const logger = createLogger({
 
 const store = createStore(reducer, applyMiddleware(logger));
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/redux-persist.md b/zh-cn/redux-persist.md
index c5423781..2db3fafe 100644
--- a/zh-cn/redux-persist.md
+++ b/zh-cn/redux-persist.md
@@ -35,6 +35,7 @@ npm install redux-persist@6.0.0
 
 1.创建一个命名为store.ts的文件
 
+<!-- {% raw %} -->
 ```ts
 import { configureStore, combineReducers } from "@reduxjs/toolkit";
 
@@ -118,6 +119,7 @@ import store, {persistRootStore} from './store'
       </PersistGate>
     </Provider>
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/redux-thunk.md b/zh-cn/redux-thunk.md
index 20a017c3..ab545ea4 100644
--- a/zh-cn/redux-thunk.md
+++ b/zh-cn/redux-thunk.md
@@ -36,6 +36,7 @@ yarn add redux-thunk@3.1.0
 
 1.在Redux store中引入redux-thunk中间件
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { Provider } from "react-redux";
@@ -54,6 +55,7 @@ export const TodosExample = () => {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 2.编写一个异步操作的action creator
 
diff --git a/zh-cn/redux-toolkit.md b/zh-cn/redux-toolkit.md
index d2c7cc0a..c4917684 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/redux-toolkit.md
@@ -39,6 +39,7 @@ yarn add @reduxjs/toolkit@2.2.1
 
 1.在index.js入口文件引入provider组件，并添加sotre属性
 
+<!-- {% raw %} -->
 ```js
 // index.js
 import React from "react";
@@ -144,6 +145,7 @@ export function Counter() {
   )
 }
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/redux.md b/zh-cn/redux.md
index 0c22a7f1..9bee44de 100644
--- a/zh-cn/redux.md
+++ b/zh-cn/redux.md
@@ -31,6 +31,7 @@ npm install redux@^5.0.1
 
 1.编写子reducer，负责state具体变化的过程
 
+<!-- {% raw %} -->
 ```ts
 const defaultState = {
   number: 100,
@@ -100,6 +101,7 @@ export function Counter() {
   // 省略渲染逻辑
 }
 ```
+<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md
index 229292ee..8276ba6b 100644
--- a/zh-cn/rn-placeholder.md
+++ b/zh-cn/rn-placeholder.md
@@ -38,6 +38,7 @@ yarn add rn-placeholder@3.0.3
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import {
   Placeholder,
@@ -58,6 +59,7 @@ const App = () => (
   </Placeholder>
 );
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/rn-tourguide.md b/zh-cn/rn-tourguide.md
index 0d9edd9a..5b66b122 100644
--- a/zh-cn/rn-tourguide.md
+++ b/zh-cn/rn-tourguide.md
@@ -44,6 +44,7 @@ yarn add @react-native-oh-tpl/rn-tourguide@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```jsx
 import * as React from 'react'
 import {
@@ -197,6 +198,7 @@ const styles = StyleSheet.create({
 })
 
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/sentry-react-native.md b/zh-cn/sentry-react-native.md
index 9ca16ed8..73ad6d77 100644
--- a/zh-cn/sentry-react-native.md
+++ b/zh-cn/sentry-react-native.md
@@ -42,6 +42,7 @@ yarn add @sentry/react-native@5.22.2
 
 >[!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```tsx
 
 // ============ index.js ==============
@@ -185,6 +186,7 @@ export default function SentryDemo() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index 39115817..81865128 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/flash-list@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Text } from "react-native";
@@ -66,6 +67,7 @@ const MyList = () => {
   );
 };
 ```
+<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index 3dc5fa53..4f376538 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -33,6 +33,7 @@ yarn add styled-components@6.1.8
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import React from "react";
 
@@ -62,6 +63,7 @@ function MyUI() {
   );
 }
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index ef1e391d..4fdb3fe8 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -33,6 +33,7 @@ yarn add styled-system@^5.1.5
 
 下面的代码展示了这个库的基本使用场景：
 
+<!-- {% raw %} -->
 ```js
 import styled from 'styled-components'
 import { space, layout, typography, color } from 'styled-system'
@@ -65,6 +66,7 @@ const Box = styled.div`
 // background color
 <Box bg='tomato' />
 ```
+<!-- {% endraw %} -->
 
 ## 约束与限制
 

From a7ec35af3f3f4c0336a5422efb9bbdf0e5e3d651 Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Thu, 20 Jun 2024 09:10:10 +0000
Subject: [PATCH 022/966] =?UTF-8?q?=E5=9B=9E=E9=80=80=20'Pull=20Request=20?=
 =?UTF-8?q?!803=20:=20docs:=20add=20<!--=20{%=20raw=20%}=20-->=20befor=20`?=
 =?UTF-8?q?``js|ts|tsx|typescript=20and=20<!--=20{%=20endraw=20%}=20-->=20?=
 =?UTF-8?q?after=20```'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/EventBus.md                                     | 2 --
 zh-cn/Immer.md                                        | 2 --
 zh-cn/axios.md                                        | 2 --
 zh-cn/crypto-js.md                                    | 2 --
 zh-cn/dayJs.md                                        | 2 --
 zh-cn/deepmerge.md                                    | 2 --
 zh-cn/htmlparser2.md                                  | 2 --
 zh-cn/jeanregisser-react-native-slider.md             | 2 --
 zh-cn/js-beautify.md                                  | 2 --
 zh-cn/jsbarcode.md                                    | 2 --
 zh-cn/lodash.md                                       | 2 --
 zh-cn/lottie-react-native.md                          | 2 --
 zh-cn/mobx-react.md                                   | 2 --
 zh-cn/mobx.md                                         | 2 --
 zh-cn/model.md                                        | 2 --
 zh-cn/moment.md                                       | 2 --
 zh-cn/parse5.md                                       | 2 --
 zh-cn/prop-types.md                                   | 2 --
 zh-cn/qrcode-generator.md                             | 2 --
 zh-cn/react-ahooks.md                                 | 2 --
 zh-cn/react-i18next.md                                | 2 --
 zh-cn/react-lifecycles-compat.md                      | 2 --
 zh-cn/react-native-MJRefresh.md                       | 2 --
 zh-cn/react-native-QRCode.md                          | 2 --
 zh-cn/react-native-SmartRefreshLayout.md              | 2 --
 zh-cn/react-native-action-button.md                   | 2 --
 zh-cn/react-native-action-sheet.md                    | 2 --
 zh-cn/react-native-animatable.md                      | 2 --
 zh-cn/react-native-animate-number.md                  | 2 --
 zh-cn/react-native-aria.md                            | 2 --
 zh-cn/react-native-async-storage-async-storage.md     | 2 --
 zh-cn/react-native-audio.md                           | 2 --
 zh-cn/react-native-autoheight-webview.md              | 2 --
 zh-cn/react-native-background-timer.md                | 2 --
 zh-cn/react-native-barcode-builder.md                 | 2 --
 zh-cn/react-native-base64.md                          | 2 --
 zh-cn/react-native-better-banner.md                   | 2 --
 zh-cn/react-native-blob-util.md                       | 2 --
 zh-cn/react-native-calendar-events.md                 | 2 --
 zh-cn/react-native-cameraroll.md                      | 2 --
 zh-cn/react-native-canvas.md                          | 2 --
 zh-cn/react-native-check-box.md                       | 2 --
 zh-cn/react-native-clipboard-clipboard.md             | 2 --
 zh-cn/react-native-clippath.md                        | 2 --
 zh-cn/react-native-collapsible.md                     | 2 --
 zh-cn/react-native-color-matrix-image-filters.md      | 2 --
 zh-cn/react-native-communications.md                  | 2 --
 zh-cn/react-native-community-blur.md                  | 2 --
 zh-cn/react-native-community-checkbox.md              | 2 --
 zh-cn/react-native-community-datetimepicker.md        | 2 --
 zh-cn/react-native-community-netinfo.md               | 2 --
 zh-cn/react-native-community-progress-bar-android.md  | 2 --
 zh-cn/react-native-community-progress-view.md         | 2 --
 zh-cn/react-native-community-push-notification-ios.md | 2 --
 zh-cn/react-native-community-segmented-control.md     | 2 --
 zh-cn/react-native-community-slider.md                | 2 --
 zh-cn/react-native-confirmation-code-field.md         | 2 --
 zh-cn/react-native-contacts.md                        | 2 --
 zh-cn/react-native-cookies.md                         | 2 --
 zh-cn/react-native-create-thumbnail.md                | 2 --
 zh-cn/react-native-crypto-js.md                       | 2 --
 zh-cn/react-native-dismiss-keyboard.md                | 2 --
 zh-cn/react-native-document-picker.md                 | 2 --
 zh-cn/react-native-dotenv.md                          | 2 --
 zh-cn/react-native-drag-sort.md                       | 2 --
 zh-cn/react-native-drawer-layout-polyfill.md          | 2 --
 zh-cn/react-native-drop-shadow.md                     | 2 --
 zh-cn/react-native-easy-toast.md                      | 2 --
 zh-cn/react-native-echarts-pro.md                     | 2 --
 zh-cn/react-native-elements.md                        | 2 --
 zh-cn/react-native-exception-handler.md               | 2 --
 zh-cn/react-native-ezswiper.md                        | 2 --
 zh-cn/react-native-fast-image.md                      | 2 --
 zh-cn/react-native-feather.md                         | 2 --
 zh-cn/react-native-fileupload.md                      | 2 --
 zh-cn/react-native-fingerprint-scanner.md             | 2 --
 zh-cn/react-native-fit-Image.md                       | 2 --
 zh-cn/react-native-flexi-radio-button.md              | 2 --
 zh-cn/react-native-flip-card.md                       | 2 --
 zh-cn/react-native-fs.md                              | 2 --
 zh-cn/react-native-geolocation.md                     | 2 --
 zh-cn/react-native-gesture-handler.md                 | 2 --
 zh-cn/react-native-get-random-values.md               | 2 --
 zh-cn/react-native-htmlview.md                        | 2 --
 zh-cn/react-native-image-base64.md                    | 2 --
 zh-cn/react-native-image-crop-picker.md               | 2 --
 zh-cn/react-native-image-editor.md                    | 2 --
 zh-cn/react-native-image-gallery.md                   | 2 --
 zh-cn/react-native-image-header-scroll-view.md        | 2 --
 zh-cn/react-native-image-picker.md                    | 2 --
 zh-cn/react-native-image-resizer.md                   | 2 --
 zh-cn/react-native-image-sequence-2.md                | 2 --
 zh-cn/react-native-image-viewer.md                    | 2 --
 zh-cn/react-native-image-viewing.md                   | 2 --
 zh-cn/react-native-image-zoom.md                      | 2 --
 zh-cn/react-native-intersection-observer.md           | 2 --
 zh-cn/react-native-json-tree.md                       | 2 --
 zh-cn/react-native-keep-awake.md                      | 2 --
 zh-cn/react-native-keyboard-aware-scroll-view.md      | 2 --
 zh-cn/react-native-lightbox.md                        | 2 --
 zh-cn/react-native-linear-gradient-text.md            | 2 --
 zh-cn/react-native-linear-gradient.md                 | 2 --
 zh-cn/react-native-localize.md                        | 2 --
 zh-cn/react-native-map-linking.md                     | 2 --
 zh-cn/react-native-maps.md                            | 2 --
 zh-cn/react-native-markdown-display.md                | 2 --
 zh-cn/react-native-marquee-ab.md                      | 2 --
 zh-cn/react-native-marquee.md                         | 2 --
 zh-cn/react-native-masked-view-masked-view.md         | 2 --
 zh-cn/react-native-material-buttons.md                | 2 --
 zh-cn/react-native-material-design-style.md           | 2 --
 zh-cn/react-native-material-textfield.md              | 2 --
 zh-cn/react-native-md5.md                             | 2 --
 zh-cn/react-native-modal.md                           | 2 --
 zh-cn/react-native-multi-slider.md                    | 2 --
 zh-cn/react-native-nested-scroll-view.md              | 2 --
 zh-cn/react-native-orientation-locker.md              | 2 --
 zh-cn/react-native-orientation.md                     | 2 --
 zh-cn/react-native-pager-view.md                      | 2 --
 zh-cn/react-native-paper.md                           | 2 --
 zh-cn/react-native-pdf.md                             | 2 --
 zh-cn/react-native-permissions.md                     | 2 --
 zh-cn/react-native-picker-picker.md                   | 2 --
 zh-cn/react-native-popover-view.md                    | 2 --
 zh-cn/react-native-popup-menu.md                      | 2 --
 zh-cn/react-native-progress.md                        | 2 --
 zh-cn/react-native-pull.md                            | 2 --
 zh-cn/react-native-qr-decode-image-camera.md          | 2 --
 zh-cn/react-native-qrcode-svg.md                      | 2 --
 zh-cn/react-native-randombytes.md                     | 2 --
 zh-cn/react-native-ratings.md                         | 2 --
 zh-cn/react-native-reanimated-carousel.md             | 2 --
 zh-cn/react-native-reanimated-table.md                | 2 --
 zh-cn/react-native-reanimated.md                      | 2 --
 zh-cn/react-native-reconnecting-websocket.md          | 2 --
 zh-cn/react-native-redash.md                          | 2 --
 zh-cn/react-native-render-html.md                     | 2 --
 zh-cn/react-native-restart.md                         | 2 --
 zh-cn/react-native-root-siblings.md                   | 2 --
 zh-cn/react-native-root-toast.md                      | 2 --
 zh-cn/react-native-safe-area-context.md               | 2 --
 zh-cn/react-native-screens.md                         | 2 --
 zh-cn/react-native-scrollable-tab-view.md             | 2 --
 zh-cn/react-native-scrollable-tabview.md              | 2 --
 zh-cn/react-native-section-list-get-item-layout.md    | 2 --
 zh-cn/react-native-sensors.md                         | 2 --
 zh-cn/react-native-shadow-2.md                        | 2 --
 zh-cn/react-native-simple-toast.md                    | 2 --
 zh-cn/react-native-snap-carousel.md                   | 2 --
 zh-cn/react-native-sortable-list.md                   | 2 --
 zh-cn/react-native-sound.md                           | 2 --
 zh-cn/react-native-stickyheader.md                    | 2 --
 zh-cn/react-native-svg-capi.md                        | 2 --
 zh-cn/react-native-svg-charts.md                      | 2 --
 zh-cn/react-native-svg.md                             | 2 --
 zh-cn/react-native-swipe-gestures.md                  | 2 --
 zh-cn/react-native-swipe-list-view.md                 | 2 --
 zh-cn/react-native-swiper.md                          | 2 --
 zh-cn/react-native-switch-pro.md                      | 2 --
 zh-cn/react-native-switch-selector.md                 | 2 --
 zh-cn/react-native-system-setting.md                  | 2 --
 zh-cn/react-native-tab-view.md                        | 2 --
 zh-cn/react-native-text-size.md                       | 2 --
 zh-cn/react-native-toolbar-android.md                 | 2 --
 zh-cn/react-native-touch-id.md                        | 2 --
 zh-cn/react-native-transitiongroup.md                 | 2 --
 zh-cn/react-native-translucent-modal.md               | 2 --
 zh-cn/react-native-typing-animation.md                | 2 --
 zh-cn/react-native-unitsyles.md                       | 2 --
 zh-cn/react-native-vconsole.md                        | 2 --
 zh-cn/react-native-vector-icons.md                    | 2 --
 zh-cn/react-native-video-cache.md                     | 2 --
 zh-cn/react-native-video.md                           | 2 --
 zh-cn/react-native-view-overflow.md                   | 2 --
 zh-cn/react-native-view-shot.md                       | 2 --
 zh-cn/react-native-vision-camera.md                   | 2 --
 zh-cn/react-native-waterfall-flow.md                  | 2 --
 zh-cn/react-native-webview.md                         | 2 --
 zh-cn/react-native-worklets-core.md                   | 2 --
 zh-cn/react-native-zip-archive.md                     | 2 --
 zh-cn/react-native-zoom-able-view.md                  | 2 --
 zh-cn/react-navigation-elements.md                    | 2 --
 zh-cn/react-navigation-native-stack.md                | 2 --
 zh-cn/react-navigation-shared-element.md              | 2 --
 zh-cn/react-redux.md                                  | 2 --
 zh-cn/react-router-dom.md                             | 2 --
 zh-cn/recyclerListView.md                             | 2 --
 zh-cn/redux-actions.md                                | 2 --
 zh-cn/redux-logger.md                                 | 2 --
 zh-cn/redux-persist.md                                | 2 --
 zh-cn/redux-thunk.md                                  | 2 --
 zh-cn/redux-toolkit.md                                | 2 --
 zh-cn/redux.md                                        | 2 --
 zh-cn/rn-placeholder.md                               | 2 --
 zh-cn/rn-tourguide.md                                 | 2 --
 zh-cn/sentry-react-native.md                          | 2 --
 zh-cn/shopify-flash-list.md                           | 2 --
 zh-cn/styled-components.md                            | 2 --
 zh-cn/styled-system.md                                | 2 --
 199 files changed, 398 deletions(-)

diff --git a/zh-cn/EventBus.md b/zh-cn/EventBus.md
index 8ffa8503..ecfd097a 100644
--- a/zh-cn/EventBus.md
+++ b/zh-cn/EventBus.md
@@ -33,7 +33,6 @@ yarn add eventbusjs@0.2.0
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import { useState, createContext } from "react";
 import {
@@ -302,7 +301,6 @@ function EventBusDemo() {
 }
 export default EventBusDemo;
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/Immer.md b/zh-cn/Immer.md
index 0e3656eb..11b74651 100644
--- a/zh-cn/Immer.md
+++ b/zh-cn/Immer.md
@@ -38,7 +38,6 @@ yarn add immer@10.0.4
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, {useState, useEffect, Component} from 'react';
 import {
@@ -770,7 +769,6 @@ export default MyComponent;
 
 
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/axios.md b/zh-cn/axios.md
index 15d46ddf..6fb9a187 100644
--- a/zh-cn/axios.md
+++ b/zh-cn/axios.md
@@ -33,7 +33,6 @@ yarn add axios@1.6.7
 
 Once the package is installed, you can import the library using `import` or `require` approach:
 
-<!-- {% raw %} -->
 ```js
 import axios, { isCancel, AxiosError } from "axios";
 ```
@@ -98,7 +97,6 @@ async function getUser() {
   }
 }
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/crypto-js.md b/zh-cn/crypto-js.md
index 0e18cae4..ee14ff9d 100644
--- a/zh-cn/crypto-js.md
+++ b/zh-cn/crypto-js.md
@@ -35,7 +35,6 @@ yarn add @types/crypto-js@^4.2.1
 
 快速使用：
 
-<!-- {% raw %} -->
 ```typescript
 import React, { useState } from 'react';
 import { View, Button, Text } from 'react-native';
@@ -126,7 +125,6 @@ export default CryptoJSDemo;
 ```typescript
 import C from "crypto-js";
 ```
-<!-- {% endraw %} -->
 
 #### Base
 
diff --git a/zh-cn/dayJs.md b/zh-cn/dayJs.md
index 306ea082..cb824ce6 100644
--- a/zh-cn/dayJs.md
+++ b/zh-cn/dayJs.md
@@ -59,7 +59,6 @@ import dayjs from 'dayjs';
 
 下面的代码展示了这个库的基本使用示例：
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState, useEffect, useRef } from "react";
 import { View, Text, Button, StyleSheet } from "react-native";
@@ -165,7 +164,6 @@ const styles = StyleSheet.create({
 });
 export default DayJsDemo;
 ```
-<!-- {% endraw %} -->
 
 如下是已验证接口展示:
 
diff --git a/zh-cn/deepmerge.md b/zh-cn/deepmerge.md
index 5a0cf9a5..2ab66cf0 100644
--- a/zh-cn/deepmerge.md
+++ b/zh-cn/deepmerge.md
@@ -33,7 +33,6 @@ yarn add deepmerge@^4.3.1
 
 快速使用：
 
-<!-- {% raw %} -->
 ```js
 import deepmerge from "deepmerge";
 
@@ -84,7 +83,6 @@ const output = {
 
 deepmerge(x, y); // => output
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/htmlparser2.md b/zh-cn/htmlparser2.md
index 75979209..067d82d7 100644
--- a/zh-cn/htmlparser2.md
+++ b/zh-cn/htmlparser2.md
@@ -50,7 +50,6 @@ yarn add cheerio-select@2.1.0
 
 快速使用：
 
-<!-- {% raw %} -->
 ```js
 import * as htmlparser2 from "htmlparser2";
 
@@ -152,7 +151,6 @@ export interface CheerioOptions extends Parse5Options {
   quirksMode?: SelectOptions['quirksMode'];
 }
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/jeanregisser-react-native-slider.md b/zh-cn/jeanregisser-react-native-slider.md
index 0e06e721..a646bf5e 100644
--- a/zh-cn/jeanregisser-react-native-slider.md
+++ b/zh-cn/jeanregisser-react-native-slider.md
@@ -39,7 +39,6 @@ yarn add @react-native-oh-tpl/react-native-slider@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState} from 'react';
 import {Button, View, StyleSheet, Text } from 'react-native';
@@ -144,7 +143,6 @@ const styles = StyleSheet.create({
     }
   });
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/js-beautify.md b/zh-cn/js-beautify.md
index bf1fdd24..b41f511c 100644
--- a/zh-cn/js-beautify.md
+++ b/zh-cn/js-beautify.md
@@ -36,7 +36,6 @@ ynpm install js-beautify@^1.15.1
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';
 import type {PropsWithChildren} from 'react';
@@ -715,7 +714,6 @@ const styles = StyleSheet.create({
 
 export default BeautifyDemo;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/jsbarcode.md b/zh-cn/jsbarcode.md
index 28287461..3d6d91dc 100644
--- a/zh-cn/jsbarcode.md
+++ b/zh-cn/jsbarcode.md
@@ -45,7 +45,6 @@ import JsBarCode from 'jsbarcode';
 
 > [!tip] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化] > [!tip] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
 
-<!-- {% raw %} -->
 ```tsx
 import {ScrollView, StyleSheet, View, Text} from 'react-native';
 import {Barcode} from './component/SvgComponent';
@@ -279,7 +278,6 @@ JsBarcode("#barcode", "29012343", {
   flat: true,
 });
 ```
-<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/lodash.md b/zh-cn/lodash.md
index b0d43898..2e2c4e55 100644
--- a/zh-cn/lodash.md
+++ b/zh-cn/lodash.md
@@ -31,7 +31,6 @@ yarn add lodash@^4.17.21
 
 直接使用：
 
-<!-- {% raw %} -->
 ```js
 // findLastIndex 为例
 import lodashStable from "lodash";
@@ -59,7 +58,6 @@ lodashStable.findLastIndex(users, ["active", false]);
 lodashStable.findLastIndex(users, "active");
 // => 0
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index c04e9096..f74fc494 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -42,13 +42,11 @@ yarn add @react-native-oh-tpl/lottie-react-native@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import LottieView from "lottie-react-native";
 
 <LottieView source={require("./assets/animations.json")} autoPlay loop />;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/mobx-react.md b/zh-cn/mobx-react.md
index ec2c8383..1768fe0a 100644
--- a/zh-cn/mobx-react.md
+++ b/zh-cn/mobx-react.md
@@ -33,7 +33,6 @@ yarn add mobx-react@^7.6.0
 
 快速使用：
 
-<!-- {% raw %} -->
 ```js
 module.exports = {
   presets: ["module:metro-react-native-babel-preset"],
@@ -79,7 +78,6 @@ class TodoView extends React.Component {
 // ---- or just use function components: ----
 const TodoView = observer(({ todo }) => <div>{todo.title}</div>);
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/mobx.md b/zh-cn/mobx.md
index 3272bd13..04cbb3d3 100644
--- a/zh-cn/mobx.md
+++ b/zh-cn/mobx.md
@@ -33,7 +33,6 @@ yarn add mobx@^6.10.0
 
 快速使用：
 
-<!-- {% raw %} -->
 ```js
 module.exports = {
   presets: ["module:metro-react-native-babel-preset"],
@@ -91,7 +90,6 @@ setInterval(() => {
   myTimer.increase();
 }, 1000);
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/model.md b/zh-cn/model.md
index 1fa7adcd..af3b0045 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -53,7 +53,6 @@ yarn add @react-native-oh-tpl/<库名>@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 // react-native-safe-area-context 为例
 import React from "react";
@@ -78,7 +77,6 @@ const App = () => {
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## 使用 Codegen（如本库已适配了 Codegen ）
 
diff --git a/zh-cn/moment.md b/zh-cn/moment.md
index e0e56c65..60b05097 100644
--- a/zh-cn/moment.md
+++ b/zh-cn/moment.md
@@ -66,7 +66,6 @@ import moment from 'moment';
 
 下面的代码展示了这个库的基本使用示例：
 
-<!-- {% raw %} -->
 ```js
 // 获取今天0时0分0秒
 moment().startOf("day");
@@ -142,7 +141,6 @@ moment().format("HH时mm分ss秒");
 // 格式化时分秒(12小时制)：'xx:xx:xx am/pm'
 moment().format("hh:mm:ss a");
 ```
-<!-- {% endraw %} -->
 
 如下是已验证接口展示:
 
diff --git a/zh-cn/parse5.md b/zh-cn/parse5.md
index cd4d402c..e81ae7a4 100644
--- a/zh-cn/parse5.md
+++ b/zh-cn/parse5.md
@@ -33,7 +33,6 @@ yarn add parse5@7.1.2
 
 直接使用：
 
-<!-- {% raw %} -->
 ```js
 const parse5 = require("parse5");
 
@@ -68,7 +67,6 @@ const document = parse5.parseFragment("<div>Hello, <b>world</b>!</div>");
 const str = parse5.serializeOuter(document.childNodes[0]);
 console.log(str); //> '<div>Hello, <b>world</b>!</div>'
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index 4b551e1f..3cabbf06 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -31,7 +31,6 @@ yarn add prop-types
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -51,7 +50,6 @@ MyComponent.propTypes = {
 
 optionalEnum: PropTypes.oneOf(['News', 'Photos']),
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/qrcode-generator.md b/zh-cn/qrcode-generator.md
index 1e1d1911..4c396515 100644
--- a/zh-cn/qrcode-generator.md
+++ b/zh-cn/qrcode-generator.md
@@ -31,7 +31,6 @@ yarn add qrcode-generator@1.4.4
 
 快速使用：
 
-<!-- {% raw %} -->
 ```js
 import React, { useState, useEffect } from "react";
 import { View, Text, Image } from "react-native";
@@ -73,7 +72,6 @@ export const CustomQrCode = ({ text, style }) => {
 ```js
 import QRCode from "qrcode-generator";
 ```
-<!-- {% endraw %} -->
 
 #### Base
 
diff --git a/zh-cn/react-ahooks.md b/zh-cn/react-ahooks.md
index a130f0af..92161b2c 100644
--- a/zh-cn/react-ahooks.md
+++ b/zh-cn/react-ahooks.md
@@ -47,7 +47,6 @@ $ npm install react-json-view@1.21.3
 
 ## 使用
 
-<!-- {% raw %} -->
 ```tsx
 /**
  * title: Default usage
@@ -104,7 +103,6 @@ export function WhyDidYouUpdate() {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-i18next.md b/zh-cn/react-i18next.md
index f7b2ae75..9ddce0d6 100644
--- a/zh-cn/react-i18next.md
+++ b/zh-cn/react-i18next.md
@@ -39,7 +39,6 @@ yarn add react-i18next@^14.0.0
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { createRoot } from "react-dom/client";
@@ -77,7 +76,6 @@ function App() {
 const root = createRoot(document.getElementById("root"));
 root.render(<App />);
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/react-lifecycles-compat.md
index 656f8c63..31d67012 100644
--- a/zh-cn/react-lifecycles-compat.md
+++ b/zh-cn/react-lifecycles-compat.md
@@ -35,7 +35,6 @@ yarn add react-lifecycles-compat@3.0.4
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { Text, View, Button } from "react-native";
@@ -143,7 +142,6 @@ polyfill(ExampleComponent);
 
 export default ExampleComponent;
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index ae8f7945..0e9eaa5b 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-mjrefresh@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { Component } from "react";
 import { ScrollView, Text, View } from "react-native";
@@ -113,7 +112,6 @@ export default class MjRefreshDemo extends Component {
   };
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-QRCode.md b/zh-cn/react-native-QRCode.md
index df1c2d27..92b923d7 100644
--- a/zh-cn/react-native-QRCode.md
+++ b/zh-cn/react-native-QRCode.md
@@ -37,7 +37,6 @@ yarn add react-native-qrcode@0.2.7
 此库是一个React原生的生成二维码的组件，不仅仅支持英文。下面的代码展示了这个库的基本使用场景，更多详情请参考[使用教程](https://github.com/cssivision/react-native-qrcode/blob/master/README.md)：
 
 
-<!-- {% raw %} -->
 ```js
 import React, { Component ,useState,useEffect } from 'react'
 import { Image } from 'react-native';
@@ -74,7 +73,6 @@ return (
 );
 }
 ```
-<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index e2b1555e..a974c930 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-smartrefreshlayout@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import {
@@ -176,7 +175,6 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-action-button.md b/zh-cn/react-native-action-button.md
index 95f90db0..60b88a38 100644
--- a/zh-cn/react-native-action-button.md
+++ b/zh-cn/react-native-action-button.md
@@ -33,7 +33,6 @@ yarn add react-native-action-button@2.8.5
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { StyleSheet, View } from "react-native";
@@ -81,7 +80,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-action-sheet.md b/zh-cn/react-native-action-sheet.md
index fcbebf4a..319f27e6 100644
--- a/zh-cn/react-native-action-sheet.md
+++ b/zh-cn/react-native-action-sheet.md
@@ -40,7 +40,6 @@ yarn add @expo/react-native-action-sheet@4.0.1
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { ActionSheetProvider, connectActionSheet, ActionSheetProps } from '@expo/react-native-action-sheet';
 import * as React from 'react';
@@ -188,7 +187,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-animatable.md b/zh-cn/react-native-animatable.md
index a1c858dc..17224ad8 100644
--- a/zh-cn/react-native-animatable.md
+++ b/zh-cn/react-native-animatable.md
@@ -41,7 +41,6 @@ yarn add react-native-animatable@1.4.0
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { useState } from 'react';
 import { TouchableOpacity } from 'react-native';
@@ -74,7 +73,6 @@ export default function ExampleView() {
     )
 }   
 ```
-<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index d2c7f536..d91988fa 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -33,7 +33,6 @@ yarn add react-native-animate-number@0.1.2
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import { StyleSheet, Text, View, Button } from "react-native";
@@ -137,7 +136,6 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md
index 7906833c..9e505a98 100644
--- a/zh-cn/react-native-aria.md
+++ b/zh-cn/react-native-aria.md
@@ -56,7 +56,6 @@ npm install react-native-aria@0.2.2
 
 下面的代码展示了useToggleButton的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { useToggleButton } from "@react-native-aria/button";
@@ -105,7 +104,6 @@ export default function AriaDemo() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 下面的代码展示了useCheckbox与useCheckboxGroup的基本使用场景：
 
diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index f5b0d2f5..af427456 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/async-storage@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import AsyncStorage from "@react-native-async-storage/async-storage";
 
@@ -67,7 +66,6 @@ const getData = async () => {
   }
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index d294a725..f03e9645 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -44,7 +44,6 @@ yarn add @react-native-oh-tpl/react-native-audio@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { AudioRecorder, AudioUtils } from "@react-native-oh-tpl/react-native-audio";
 
@@ -99,7 +98,6 @@ AudioRecorder.onFinished = (data) => {
   console.log(data.audioFileURL);//audio file url
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index 90aaf2e2..ec63a151 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -42,13 +42,11 @@ yarn add @react-native-oh-tpl/react-native-autoheight-webview@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import AutoHeightWebView from "react-native-autoheight-webview";
 
 <AutoHeightWebView source={{ uri: "https://reactnative.dev/" }} />;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index b8d577ca..6c88b8a3 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -45,7 +45,6 @@ yarn add @react-native-oh-tpl/react-native-background-timer@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import {View, Button, StyleSheet, Text,TextInput} from 'react-native';
 import React, {useState} from 'react';
@@ -208,7 +207,6 @@ const styles = StyleSheet.create({
 
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-barcode-builder.md b/zh-cn/react-native-barcode-builder.md
index c61022aa..a6165607 100644
--- a/zh-cn/react-native-barcode-builder.md
+++ b/zh-cn/react-native-barcode-builder.md
@@ -48,7 +48,6 @@ yarn add @react-native-oh-tpl/react-native-barcode-builder@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useEffect } from 'react';
 import {
@@ -107,7 +106,6 @@ export const BarcodeBuilderExample = () => {
 }
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-base64.md b/zh-cn/react-native-base64.md
index 677fb34b..0dc7d42e 100644
--- a/zh-cn/react-native-base64.md
+++ b/zh-cn/react-native-base64.md
@@ -30,7 +30,6 @@ npm i @types/react-native-base64 -D
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from 'react';
 import base64 from 'react-native-base64';
@@ -104,7 +103,6 @@ const styles = StyleSheet.create({
 });
 
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-better-banner.md b/zh-cn/react-native-better-banner.md
index 6b3fb544..923b7c42 100644
--- a/zh-cn/react-native-better-banner.md
+++ b/zh-cn/react-native-better-banner.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-better-banner@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';
 import {
@@ -108,7 +107,6 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index c11b9c13..0206f67b 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-blob-util@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import {
@@ -410,7 +409,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 432b4237..19309c7f 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-calendar-events@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 
 import React from 'react';
@@ -234,7 +233,6 @@ const styles = StyleSheet.create({
 
 export default CalendarDemo;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index 3a902c81..d8cb2837 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/camera-roll@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { View, Button } from "react-native";
 import {
@@ -90,7 +89,6 @@ export default function App() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-canvas.md b/zh-cn/react-native-canvas.md
index cf161b76..60b566c4 100644
--- a/zh-cn/react-native-canvas.md
+++ b/zh-cn/react-native-canvas.md
@@ -38,7 +38,6 @@ npm install --save-dev @type/react-native-canvas@0.1.39
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useRef, useEffect } from "react";
 import { View, StyleSheet, Text, ScrollView } from "react-native";
@@ -126,7 +125,6 @@ const styles = StyleSheet.create({
 
 export default CanvasDemo;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-check-box.md b/zh-cn/react-native-check-box.md
index 74911995..722d1b7f 100644
--- a/zh-cn/react-native-check-box.md
+++ b/zh-cn/react-native-check-box.md
@@ -27,7 +27,6 @@ npm install react-native-check-box@2.1.0
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, {useEffect, useState} from 'react';
 import {StyleSheet, ScrollView, View, Image, Text} from 'react-native';
@@ -100,7 +99,6 @@ const styles = StyleSheet.create({
 export default example;
 
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index 6cab54cf..e5e38cc9 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/clipboard@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import Clipboard from "@react-native-clipboard/clipboard";
 
@@ -68,7 +67,6 @@ const fetchCopiedText = async () => {
   <Text style={styles.copiedText}>{copiedText}</Text>
 </View>;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md
index b6c21fa4..f84db6f9 100644
--- a/zh-cn/react-native-clippath.md
+++ b/zh-cn/react-native-clippath.md
@@ -37,7 +37,6 @@ yarn add @react-native-oh-tpl/clip-path@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```jsx
 import { View, Text, ScrollView } from "react-native";
 import React from "react";
@@ -58,7 +57,6 @@ export default function index() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-collapsible.md b/zh-cn/react-native-collapsible.md
index 09f02c51..997f11d3 100644
--- a/zh-cn/react-native-collapsible.md
+++ b/zh-cn/react-native-collapsible.md
@@ -37,7 +37,6 @@ yarn add react-native-collapsible@1.6.1
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from 'react';
 import { ScrollView, StyleSheet, Text, View, TouchableOpacity,Button } from 'react-native';
@@ -82,7 +81,6 @@ const CONTENT = [
     { title: 'Third', feet: '3', content: "c", },
 ];
 ```
-<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index 6b251390..3a0422b6 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { Image } from 'react-native'
 import {
@@ -74,7 +73,6 @@ const ColorMatrixImage = (imageProps) => (
   </ColorMatrix>
 )
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-communications.md b/zh-cn/react-native-communications.md
index 94e2cfd9..60f972e4 100644
--- a/zh-cn/react-native-communications.md
+++ b/zh-cn/react-native-communications.md
@@ -36,7 +36,6 @@ yarn add react-native-communications@2.2.1
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 var React = require('react-native');
 var {
@@ -102,7 +101,6 @@ var styles = StyleSheet.create({
 
 export default RNCommunications;
 ```
-<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index fca906ae..dfc9ffcb 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/blur@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState} from 'react';
 import {
@@ -198,7 +197,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index 62df05ea..f6674dd8 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/checkbox@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import CheckBox from "@react-native-community/checkbox";
 
@@ -66,7 +65,6 @@ import CheckBox from "@react-native-community/checkbox";
   }}
 />;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index e695c0fa..d9afc2b4 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/datetimepicker@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import DateTimePicker from '@react-native-community/datetimepicker';
 
@@ -88,7 +87,6 @@ export const App = () => {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index 61c6a91f..f2e903bf 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/netinfo@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Text } from "react-native";
@@ -72,7 +71,6 @@ const App = () => {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index e66026a9..780b575a 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -42,14 +42,12 @@ npm install @react-native-oh-tpl/progress-bar-android@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
  import {ProgressBar} from '@react-native-community/progress-bar-android';
 
 <ProgressBar styleAttr="Horizontal" indeterminate={true} animating={true}  />
 <ProgressBar  indeterminate={true}/>
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index 19746fa6..0b03a1f0 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/progress-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { ProgressView } from "@react-native-community/progress-view";
 
@@ -52,7 +51,6 @@ import { ProgressView } from "@react-native-community/progress-view";
   progress={0.7}
 />;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index e90fcd8c..b7ae15ca 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -38,7 +38,6 @@ yarn add @react-native-oh-tpl/push-notification-ios@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { View, Text, Button } from "react-native";
@@ -162,7 +161,6 @@ export const App = () => {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-community-segmented-control.md b/zh-cn/react-native-community-segmented-control.md
index 52438e0a..4085a0fe 100644
--- a/zh-cn/react-native-community-segmented-control.md
+++ b/zh-cn/react-native-community-segmented-control.md
@@ -36,7 +36,6 @@ yarn add @react-native-segmented-control/segmented-control@^2.5.0
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import SegmentedControl from "@react-native-segmented-control/segmented-control";
 
@@ -50,7 +49,6 @@ return (
   />
 );
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index e89bd71f..8bc5d366 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/slider@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import Slider from "@react-native-community/slider";
 
@@ -54,7 +53,6 @@ import Slider from "@react-native-community/slider";
   maximumTrackTintColor="#000000"
 />;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-confirmation-code-field.md b/zh-cn/react-native-confirmation-code-field.md
index 29b400b7..c6a29003 100644
--- a/zh-cn/react-native-confirmation-code-field.md
+++ b/zh-cn/react-native-confirmation-code-field.md
@@ -34,7 +34,6 @@ yarn add react-native-confirmation-code-field@7.3.2
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { SafeAreaView, Text, StyleSheet } from "react-native";
@@ -103,7 +102,6 @@ const App = () => {
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index c0656971..2425991e 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-contacts@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 
 import React, {useState} from 'react';
@@ -297,7 +296,6 @@ export const ContactsDemo = () => {
     );
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-cookies.md b/zh-cn/react-native-cookies.md
index c9ca67c1..9bceb23c 100644
--- a/zh-cn/react-native-cookies.md
+++ b/zh-cn/react-native-cookies.md
@@ -41,7 +41,6 @@ HarmonyOS 中使用 react-native-cookies 需要配合 react-native-webview 使
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```ts
 import React, { useState, useRef } from "react";
 import {
@@ -197,7 +196,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md
index 3a14faf7..64a3725c 100644
--- a/zh-cn/react-native-create-thumbnail.md
+++ b/zh-cn/react-native-create-thumbnail.md
@@ -44,7 +44,6 @@ yarn add @react-native-oh-tpl/react-native-create-thumbnail@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, {useState } from 'react';
 import {  StyleSheet, Text, Button ,ScrollView,View} from 'react-native';
@@ -142,7 +141,6 @@ const styles = StyleSheet.create({
   }
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-crypto-js.md b/zh-cn/react-native-crypto-js.md
index a8839380..b590f980 100644
--- a/zh-cn/react-native-crypto-js.md
+++ b/zh-cn/react-native-crypto-js.md
@@ -36,7 +36,6 @@ yarn add react-native-crypto-js@1.0.0
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from 'react';
 import {
@@ -139,7 +138,6 @@ export const ReactNativeCryptoJsExample = () => {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-dismiss-keyboard.md b/zh-cn/react-native-dismiss-keyboard.md
index 323250fd..55442c29 100644
--- a/zh-cn/react-native-dismiss-keyboard.md
+++ b/zh-cn/react-native-dismiss-keyboard.md
@@ -40,7 +40,6 @@ yarn add react-native-dismiss-keyboard@1.0.0
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from 'react';
 import {
@@ -128,7 +127,6 @@ const styles = StyleSheet.create({
     },
 });
 ```
-<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 6c021caa..31d293d3 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -45,7 +45,6 @@ yarn add @react-native-oh-tpl/react-native-document-picker@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import { Text, TouchableOpacity, View, StyleSheet, Switch, ScrollView } from 'react-native';
@@ -254,7 +253,6 @@ const styles = StyleSheet.create({
 
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-dotenv.md b/zh-cn/react-native-dotenv.md
index 5c204439..4453db88 100644
--- a/zh-cn/react-native-dotenv.md
+++ b/zh-cn/react-native-dotenv.md
@@ -57,7 +57,6 @@ API_TOKEN=abc123
 
 In **users.js**
 
-<!-- {% raw %} -->
 ```js
 import { API_URL, API_TOKEN } from "@env";
 
@@ -219,7 +218,6 @@ module.exports = {
   ...
 }
 ```
-<!-- {% endraw %} -->
 
 更多清除缓存的方法请参考 [react-naitve-dotenv 官方指引](https://github.com/goatandsheep/react-native-dotenv)
 
diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index 4637e554..9b980bc9 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -43,7 +43,6 @@ npm i react-native-drag-sort@2.4.4
 
 ##### DragSortableView组件使用
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { View, Text, StyleSheet, SafeAreaView } from "react-native";
@@ -551,7 +550,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-drawer-layout-polyfill.md b/zh-cn/react-native-drawer-layout-polyfill.md
index e344f762..0f77c8c2 100644
--- a/zh-cn/react-native-drawer-layout-polyfill.md
+++ b/zh-cn/react-native-drawer-layout-polyfill.md
@@ -33,7 +33,6 @@ yarn add react-native-drawer-layout-polyfill@2.0.0
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState, useRef } from "react";
 import { Button, Text, StyleSheet, View, TextInput } from "react-native";
@@ -220,7 +219,6 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-drop-shadow.md b/zh-cn/react-native-drop-shadow.md
index 7aa443a6..9604d9a9 100644
--- a/zh-cn/react-native-drop-shadow.md
+++ b/zh-cn/react-native-drop-shadow.md
@@ -37,7 +37,6 @@ yarn add react-native-drop-shadow@1.0.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import DropShadow from "react-native-drop-shadow";
 ```
@@ -116,7 +115,6 @@ export default function withAnimatedViews() {
   );
 }
 ```
-<!-- {% endraw %} -->
 然后，您可以使用`AnimatedDropShadow`来代替`Animated.View` 。
 
 ## 约束与限制
diff --git a/zh-cn/react-native-easy-toast.md b/zh-cn/react-native-easy-toast.md
index 357924c7..d5f15dcd 100644
--- a/zh-cn/react-native-easy-toast.md
+++ b/zh-cn/react-native-easy-toast.md
@@ -40,7 +40,6 @@ yarn add react-native-easy-toast@2.3.0
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { Text, View, Button } from "react-native";
@@ -66,7 +65,6 @@ export default class App extends Component {
 
 
 ```
-<!-- {% endraw %} -->
 
 更多使用场景可查看 [react-native-easy-toast 源库地址](https://github.com/crazycodeboy/react-native-easy-toast)
 
diff --git a/zh-cn/react-native-echarts-pro.md b/zh-cn/react-native-echarts-pro.md
index 020c808a..d6936c14 100644
--- a/zh-cn/react-native-echarts-pro.md
+++ b/zh-cn/react-native-echarts-pro.md
@@ -37,7 +37,6 @@ yarn add react-native-echarts-pro@^1.9.1
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React from "react";
 import { View } from "react-native";
@@ -80,7 +79,6 @@ export default function RNEPDemo() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index 5951ae0e..bf955e7d 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -44,7 +44,6 @@ yarn add @rneui/base@4.0.0-rc.8
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';
 import { View, ScrollView, StyleSheet } from 'react-native';
@@ -310,7 +309,6 @@ export default Avatars;
         //...
     }
 ```
-<!-- {% endraw %} -->
 
 > [!TIP] Demo中字体属于IconFont文件；自定义字体也需要用统一的方法在此注册。
 
diff --git a/zh-cn/react-native-exception-handler.md b/zh-cn/react-native-exception-handler.md
index 19a104b1..eb9322d3 100644
--- a/zh-cn/react-native-exception-handler.md
+++ b/zh-cn/react-native-exception-handler.md
@@ -44,7 +44,6 @@ yarn add @react-native-oh-tpl/react-native-exception-handler@file:#
 
 To catch <b>JS_Exceptions</b>
 
-<!-- {% raw %} -->
 ```typescript
 import {
   setJSExceptionHandler,
@@ -276,7 +275,6 @@ export default class MyAbilityStage extends AbilityStage {
   }
 }
 ```
-<!-- {% endraw %} -->
 
 在 `YourProject/entry/src/main/module.json5`补上配置
 
diff --git a/zh-cn/react-native-ezswiper.md b/zh-cn/react-native-ezswiper.md
index 9caedefd..d8e44414 100644
--- a/zh-cn/react-native-ezswiper.md
+++ b/zh-cn/react-native-ezswiper.md
@@ -38,7 +38,6 @@ yarn add react-native-ezswiper@1.3.0 --save
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 /**
  * Sample React Native App
@@ -296,7 +295,6 @@ const styles = StyleSheet.create({
     },
 });
 ```
-<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index 4e3cbc79..dad7567a 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-fast-image@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import FastImage from "react-native-fast-image";
 
@@ -58,7 +57,6 @@ const YourImage = () => (
   />
 );
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-feather.md b/zh-cn/react-native-feather.md
index 6edca15f..75d5e734 100644
--- a/zh-cn/react-native-feather.md
+++ b/zh-cn/react-native-feather.md
@@ -40,7 +40,6 @@ yarn add react-native-feather@1.1.2
 
 >[!WARNING] 使用时 import 的库名不变。且该库强依赖[@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)，请在使用前，安装svg库
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';  
 import {Text, ScrollView } from 'react-native';   
@@ -68,7 +67,6 @@ const FeatherExample = () => {
   
 export default FeatherExample;
 ```
-<!-- {% endraw %} -->
 ## Link
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index 81a2388a..c8027c38 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-fileupload@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, {Component} from 'react';
 import { StyleSheet, Text, View } from 'react-native';
@@ -98,7 +97,6 @@ let styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index ccc5b080..27c840f4 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-fingerprint-scanner@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { View, Button } from "react-native";
 import FingerprintScanner from 'react-native-fingerprint-scanner';
@@ -85,7 +84,6 @@ export default function App() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## 使用 Codegen
 
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index ccb7be71..d66b52bb 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -35,7 +35,6 @@ yarn add react-native-fit-image@1.5.5
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React,{useState,useEffect} from 'react'
 import {View,StyleSheet,Text,ScrollView,SafeAreaView,Image,Button} from "react-native"
@@ -276,7 +275,6 @@ const FitImageDemo=()=>{
 }
 export default FitImageDemo;
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-flexi-radio-button.md b/zh-cn/react-native-flexi-radio-button.md
index fd659d32..25c440b6 100644
--- a/zh-cn/react-native-flexi-radio-button.md
+++ b/zh-cn/react-native-flexi-radio-button.md
@@ -41,7 +41,6 @@ yarn add react-native-flexi-radio-button@0.2.2
 
 |![basic_example_ios](https://cloud.githubusercontent.com/assets/21040043/18545904/67b5476e-7b65-11e6-8fc4-8160b39a4ab0.gif)|![basic_example_android](https://cloud.githubusercontent.com/assets/21040043/18545908/69b22f5a-7b65-11e6-87d7-c82c0d3057dd.gif)|
 |---------------|----------|
-<!-- {% raw %} -->
 ```jsx
 
 import {RadioGroup, RadioButton} from 'react-native-flexi-radio-button'
@@ -132,7 +131,6 @@ modify in render()
   </RadioButton>
 </RadioGroup>
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-flip-card.md b/zh-cn/react-native-flip-card.md
index f8b22c12..4d7e390a 100644
--- a/zh-cn/react-native-flip-card.md
+++ b/zh-cn/react-native-flip-card.md
@@ -38,7 +38,6 @@ yarn add react-native-flip-card@3.5.7
 下面的代码展示了这个库的基本使用场景：
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from 'react';
 import FlipCard from 'react-native-flip-card'
@@ -210,7 +209,6 @@ const createCard = (val, i) => <MyFlipCard key={i} val={val}/>
 
 }
 ```
-<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index 96e8cd7f..f8210440 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-fs@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import {
@@ -143,7 +142,6 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-geolocation.md b/zh-cn/react-native-geolocation.md
index 625ad66e..f9fd8dc4 100644
--- a/zh-cn/react-native-geolocation.md
+++ b/zh-cn/react-native-geolocation.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-geolocation@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 // setRNConfiguration 为例
 Geolocation.setRNConfiguration(
@@ -54,7 +53,6 @@ Geolocation.setRNConfiguration(
   }
 ) => void
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index 3db9f8b1..3fe0c4cb 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-gesture-handler@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { Animated, Dimensions } from "react-native";
@@ -102,7 +101,6 @@ export default function App() {
   return <Circle />;
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md
index 367afbb3..7cbc0981 100644
--- a/zh-cn/react-native-get-random-values.md
+++ b/zh-cn/react-native-get-random-values.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-get-random-values@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { View, Text, StyleSheet, Button } from "react-native";
@@ -80,7 +79,6 @@ export const GetRandomValues = () => {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-htmlview.md b/zh-cn/react-native-htmlview.md
index 00f3c417..c078ae4e 100644
--- a/zh-cn/react-native-htmlview.md
+++ b/zh-cn/react-native-htmlview.md
@@ -40,7 +40,6 @@ yarn add react-native-htmlview@0.17.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';
 import {StyleSheet, View, Linking} from 'react-native';
@@ -85,7 +84,6 @@ const styles = StyleSheet.create({
 
 export default HtmlViewExample;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-image-base64.md b/zh-cn/react-native-image-base64.md
index 66e94283..d8ed2e30 100644
--- a/zh-cn/react-native-image-base64.md
+++ b/zh-cn/react-native-image-base64.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-image-base64@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { StyleSheet, View, Button, Image } from "react-native";
 import React from "react";
@@ -109,7 +108,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## 使用 Codegen
 
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 5b13aba7..4ea56515 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -38,7 +38,6 @@ yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
 
 > [!TIP] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```
 import ImagePicker from 'react-native-image-crop-picker';
 import { openPicker } from 'react-native-image-crop-picker';
@@ -787,7 +786,6 @@ const styles = StyleSheet.create({
 });
 export default ImageCropPickDemo;
 ```
-<!-- {% endraw %} -->
 
 ## 使用 Codegen（如本库已适配了 Codegen ）
 
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 1ef30ebf..6b99e82d 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -35,7 +35,6 @@ yarn add @react-native-oh-tpl/image-editor@file:#
 
 > [!TIP] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import {
@@ -180,7 +179,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-image-gallery.md b/zh-cn/react-native-image-gallery.md
index b05bc6e3..7543e53e 100644
--- a/zh-cn/react-native-image-gallery.md
+++ b/zh-cn/react-native-image-gallery.md
@@ -46,7 +46,6 @@ yarn add @react-native-oh-tpl/react-native-image-gallery@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import Gallery from 'react-native-image-gallery';
 
@@ -65,7 +64,6 @@ import Gallery from 'react-native-image-gallery';
     );
   }
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index 6d9a255b..8d057d81 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -37,7 +37,6 @@ yarn add react-native-image-header-scroll-view@0.10.3
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import { View, TouchableOpacity, Text } from "react-native";
 import React from "react";
@@ -74,7 +73,6 @@ export function ImageHeaderPropertyTest() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index 80b55072..08724088 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-image-picker@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';
 import { View, Text } from 'react-native';
@@ -75,7 +74,6 @@ const App = () => {
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-image-resizer.md b/zh-cn/react-native-image-resizer.md
index b2d6f8cf..aaf1b579 100644
--- a/zh-cn/react-native-image-resizer.md
+++ b/zh-cn/react-native-image-resizer.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-image-resizer@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useRef, useState } from 'react';
 import {
@@ -270,7 +269,6 @@ const styles = StyleSheet.create({
 
 export default ImageResizerDemo;    
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index acfb3901..8c19acee 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-image-sequence-2@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { SafeAreaView, StyleSheet } from "react-native-harmony";
@@ -275,7 +274,6 @@ const styles = StyleSheet.create({
 
 export default TestDemo2
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-image-viewer.md b/zh-cn/react-native-image-viewer.md
index b91663d6..d9af246f 100644
--- a/zh-cn/react-native-image-viewer.md
+++ b/zh-cn/react-native-image-viewer.md
@@ -40,7 +40,6 @@ yarn add @react-native-oh-tpl/react-native-image-viewer@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import {
@@ -220,7 +219,6 @@ const styles = StyleSheet.create({
 
 export default ReactImageZoon;
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index 973cbf56..817dde99 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -40,7 +40,6 @@ yarn add @react-native-oh-tpl/react-native-image-viewing@file:#
 
 快速使用：
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import {
@@ -183,7 +182,6 @@ const styles = StyleSheet.create({
 });
 
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-image-zoom.md b/zh-cn/react-native-image-zoom.md
index 9f5de8b3..cc9b815d 100644
--- a/zh-cn/react-native-image-zoom.md
+++ b/zh-cn/react-native-image-zoom.md
@@ -37,7 +37,6 @@ yarn add @react-native-oh-tpl/react-native-image-zoom@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import {
@@ -484,7 +483,6 @@ const styles = StyleSheet.create({
 
 export default ImageZoomDemo;
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index aefa329a..8d596d24 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-library/react-native-intersection-observer@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useRef } from "react";
 import { Text } from "react-native";
@@ -75,7 +74,6 @@ function App() {
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-json-tree.md b/zh-cn/react-native-json-tree.md
index f20ad4cd..e0366667 100644
--- a/zh-cn/react-native-json-tree.md
+++ b/zh-cn/react-native-json-tree.md
@@ -130,14 +130,12 @@ export default MyComponent;
 
 您可以传递以下属性来自定义渲染的标签和值：
 
-<!-- {% raw %} -->
 ```js
 <JSONTree
   labelRenderer={raw => <Text style={{ fontWeight: 'bold' }}>{raw}</Text>}
   valueRenderer={raw => <Text style={{ fontStyle: 'italic' }}>{raw}</Text>}
 />
 ```
-<!-- {% endraw %} -->
 
 ## 属性
 
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index e2a7f0fd..b44e7b73 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -47,7 +47,6 @@ yarn add @react-native-oh-tpl/react-native-keep-awake@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState, useEffect } from 'react';
 import {
@@ -104,7 +103,6 @@ export function KeepAwakeExample() {
 }
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-keyboard-aware-scroll-view.md b/zh-cn/react-native-keyboard-aware-scroll-view.md
index 61251cdb..016108f6 100644
--- a/zh-cn/react-native-keyboard-aware-scroll-view.md
+++ b/zh-cn/react-native-keyboard-aware-scroll-view.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React from "react";
 import { TextInput, StyleSheet, ScrollView } from "react-native";
@@ -77,7 +76,6 @@ const styles = StyleSheet.create({
 
 export default KasvCom;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-lightbox.md b/zh-cn/react-native-lightbox.md
index 31cbe40d..1cd24484 100644
--- a/zh-cn/react-native-lightbox.md
+++ b/zh-cn/react-native-lightbox.md
@@ -38,7 +38,6 @@ yarn add react-native-lightbox-v2@0.9.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```ts
 import React, { useState } from 'react';
 import {
@@ -157,7 +156,6 @@ const styles = StyleSheet.create({
 });
 
 ```
-<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-linear-gradient-text.md b/zh-cn/react-native-linear-gradient-text.md
index 7b2f024e..9ceb20f3 100644
--- a/zh-cn/react-native-linear-gradient-text.md
+++ b/zh-cn/react-native-linear-gradient-text.md
@@ -33,7 +33,6 @@ yarn add react-native-linear-gradient-text@1.2.8
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React from "react";
 import { View, StyleSheet } from "react-native";
@@ -62,7 +61,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 6b73537c..01ca51fa 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-linear-gradient@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { ReactNode } from 'react';
 import {
@@ -87,7 +86,6 @@ var styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index 506ec839..59549a0d 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-localize@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import * as React from "react";
 import {
@@ -89,7 +88,6 @@ function LocalizeDemo() {
 }
 export default LocalizeDemo;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index 66b6886a..cb17f746 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -45,7 +45,6 @@ yarn add @react-native-oh-tpl/react-native-map-linking@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from 'react';
 import {
@@ -102,7 +101,6 @@ const styles = StyleSheet.create({
 });
 export default MapLinkingDemo;  
 ```
-<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index d53d8099..fdb82e51 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-maps@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { StyleSheet, View, Text, Dimensions } from "react-native";
@@ -194,7 +193,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index 9796f43b..93a4ad06 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-markdown-display@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';
 import { SafeAreaView, ScrollView, StatusBar } from 'react-native';
@@ -76,7 +75,6 @@ const App: () => React$Node = () => {
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-marquee-ab.md b/zh-cn/react-native-marquee-ab.md
index 3cdb54a4..574d96b3 100644
--- a/zh-cn/react-native-marquee-ab.md
+++ b/zh-cn/react-native-marquee-ab.md
@@ -37,7 +37,6 @@ yarn add react-native-marquee-ab@1.2.6
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React, { Component } from 'react';
 import {
@@ -75,7 +74,6 @@ export default class TestPage extends Component {
     }
 }
 ```
-<!-- {% endraw %} -->
 
 ## Props
 
diff --git a/zh-cn/react-native-marquee.md b/zh-cn/react-native-marquee.md
index 79d4a4a6..f6aee8f7 100644
--- a/zh-cn/react-native-marquee.md
+++ b/zh-cn/react-native-marquee.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-marquee@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { Component } from "react";
 import { StyleSheet, View } from "react-native";
@@ -74,7 +73,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index a2540343..8abe29f7 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/masked-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import MaskedView from "@react-native-masked-view/masked-view";
 
@@ -77,7 +76,6 @@ import MaskedView from "@react-native-masked-view/masked-view";
   <View style={{ flex: 1, height: "100%", backgroundColor: "#e1e1e1" }} />
 </MaskedView>;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-material-buttons.md b/zh-cn/react-native-material-buttons.md
index c5b804c5..0750db43 100644
--- a/zh-cn/react-native-material-buttons.md
+++ b/zh-cn/react-native-material-buttons.md
@@ -41,7 +41,6 @@ yarn add @react-native-oh-tpl/react-native-material-buttons@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React, { Component } from 'react';
 import { AppRegistry, Text, ScrollView, View, SafeAreaView } from 'react-native';
@@ -199,7 +198,6 @@ export function MaterialButtons() {
 
 
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-material-design-style.md b/zh-cn/react-native-material-design-style.md
index 18780d80..e9359707 100644
--- a/zh-cn/react-native-material-design-style.md
+++ b/zh-cn/react-native-material-design-style.md
@@ -43,7 +43,6 @@ yarn add react-native-material-design-styles@0.2.7
 
 
 
-<!-- {% raw %} -->
 ```js
 import { StyleSheet, Text, View, ScrollView } from 'react-native';
 import { typography, color } from 'react-native-material-design-styles';
@@ -110,7 +109,6 @@ const styles = StyleSheet.create({
     }
 })
 ```
-<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-material-textfield.md b/zh-cn/react-native-material-textfield.md
index a8099adc..88d3d4f2 100644
--- a/zh-cn/react-native-material-textfield.md
+++ b/zh-cn/react-native-material-textfield.md
@@ -41,7 +41,6 @@ yarn add @react-native-oh-tpl/react-native-material-textfield@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 
 import React, {useState} from 'react';
@@ -197,7 +196,6 @@ const styles = StyleSheet.create({
 });
 
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-md5.md b/zh-cn/react-native-md5.md
index 2358f39c..9fa0955e 100644
--- a/zh-cn/react-native-md5.md
+++ b/zh-cn/react-native-md5.md
@@ -37,7 +37,6 @@ yarn add react-native-md5@1.0.0
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import {ScrollView, StyleSheet,View,Text,TextInput,TouchableHighlight} from 'react-native';
 import React,{ useState } from 'react';
@@ -91,7 +90,6 @@ export function md5TestExample() {
     );
 }
 ```
-<!-- {% endraw %} -->
 
 
 ## 约束与限制
diff --git a/zh-cn/react-native-modal.md b/zh-cn/react-native-modal.md
index 68ae225f..bcb14e7e 100644
--- a/zh-cn/react-native-modal.md
+++ b/zh-cn/react-native-modal.md
@@ -42,7 +42,6 @@ yarn add react-native-modal@13.0.1
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from 'react';
 import {
@@ -137,7 +136,6 @@ const styles = StyleSheet.create({
 AppRegistry.registerComponent('RNApplyComponent', () => RNApplyComponent);
 
 ```
-<!-- {% endraw %} -->
  
 
 ## 约束与限制
diff --git a/zh-cn/react-native-multi-slider.md b/zh-cn/react-native-multi-slider.md
index 622cffe8..fb09b6d8 100644
--- a/zh-cn/react-native-multi-slider.md
+++ b/zh-cn/react-native-multi-slider.md
@@ -44,7 +44,6 @@ yarn add @react-native-oh-tpl/react-native-multi-slider@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';
 
@@ -466,7 +465,6 @@ const styles = StyleSheet.create({
     },
   });
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-nested-scroll-view.md b/zh-cn/react-native-nested-scroll-view.md
index 4a635431..2517572d 100644
--- a/zh-cn/react-native-nested-scroll-view.md
+++ b/zh-cn/react-native-nested-scroll-view.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-nested-scroll-view@file:#
 
 > [! WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import {
   StyleSheet,
@@ -131,7 +130,6 @@ const styles = StyleSheet.create({
 
 export default NestedScrollViewDemo;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index b2971340..d76bd39e 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-orientation-locker@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 
 import {
@@ -211,7 +210,6 @@ const styles = StyleSheet.create({
 
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index a0c0ca20..b8f15d78 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-orientation@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 
 import Orientation from 'react-native-orientation';
@@ -177,7 +176,6 @@ const styles = StyleSheet.create({
 
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index 64f32d8a..bec78df7 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-pager-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { StyleSheet, View, Text } from "react-native";
@@ -67,7 +66,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index 60f458ae..43b90ae7 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -39,7 +39,6 @@ paper使用需要安装react-native-safe-area-context来处理安全区域。另
 
 1.将根组件包装在PaperProvider中。如果您有一个原始的 React Native 项目，最好将其添加到传递给 的组件中AppRegistry.registerComponent。这通常在index.js文件中
 
-<!-- {% raw %} -->
 ```js
 import { PaperProvider } from 'react-native-paper';
 import App from '../App';
@@ -86,7 +85,6 @@ const ActivityIndicatorDemo = () => (
 
 export default ActivityIndicatorDemo;
 ```
-<!-- {% endraw %} -->
 ## Link
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context和@react-native-oh-tpl/react-native-vector-icons的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index 28fca316..94fe926b 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -40,7 +40,6 @@ yarn add @react-native-oh-tpl/react-native-pdf@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Dimensions, StyleSheet } from "react-native";
@@ -85,7 +84,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index a0e2d00c..5edd7126 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -40,7 +40,6 @@ yarn add @react-native-oh-tpl/react-native-permissions@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { ScrollView, StyleSheet, View, Text, Button } from "react-native";
 import React from "react";
@@ -114,7 +113,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 68250201..4755755c 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/picker@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { Picker } from "@react-native-picker/picker";
 
@@ -56,7 +55,6 @@ const [selectedLanguage, setSelectedLanguage] = useState();
   <Picker.Item label="JavaScript" value="js" />
 </Picker>;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-popover-view.md b/zh-cn/react-native-popover-view.md
index 11769144..17a5ca29 100644
--- a/zh-cn/react-native-popover-view.md
+++ b/zh-cn/react-native-popover-view.md
@@ -41,7 +41,6 @@ yarn add @react-native-oh-tpl/react-native-popover-view@file:#
 
 快速使用：
 
-<!-- {% raw %} -->
 ```typescript
 import React, { useState } from 'react';
 import {View, TouchableOpacity, Text, Button, Easing } from 'react-native';
@@ -138,7 +137,6 @@ const PopoverDemo = () => {
 
 export default PopoverDemo;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-popup-menu.md b/zh-cn/react-native-popup-menu.md
index b77caccc..a8ed6d54 100644
--- a/zh-cn/react-native-popup-menu.md
+++ b/zh-cn/react-native-popup-menu.md
@@ -33,7 +33,6 @@ yarn add react-native-popup-menu@0.16.1
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 // your entry point
 import { MenuProvider } from "react-native-popup-menu";
@@ -72,7 +71,6 @@ export const YourComponent = () => (
   </View>
 );
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-progress.md b/zh-cn/react-native-progress.md
index 4bd17ef8..73d8688e 100644
--- a/zh-cn/react-native-progress.md
+++ b/zh-cn/react-native-progress.md
@@ -39,7 +39,6 @@ yarn add @react-native-oh-tpl/react-native-progress@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useEffect } from "react";
 import { StyleSheet, View, Text } from "react-native";
@@ -125,7 +124,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-pull.md b/zh-cn/react-native-pull.md
index 0c2e8f0e..995a5ee3 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -55,7 +55,6 @@ yarn add @react-native-oh-tpl/react-native-pull@file:#
 
 > 代码示例
 
-<!-- {% raw %} -->
 ```js
 import React, { Component, useState } from 'react';
 import {
@@ -331,7 +330,6 @@ const styles = StyleSheet.create({
 export default PullListDemo;
 
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index 7712e399..e7ddbf4a 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -44,7 +44,6 @@ yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
 > [!WARNING] 使用时 import 的库名不变。
 > 示例中：launchImageLibrary 方法需引入Harmony OS 的react-native-image-picker库，跳转 [react-native-image-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-picker.md)查看使用方法。
 
-<!-- {% raw %} -->
 ```js
 import React, {useState} from 'react';
 import {View, Text, Button} from 'react-native';
@@ -165,7 +164,6 @@ export const QRreaderExp = () => {
 };
 
 ```
-<!-- {% endraw %} -->
 ## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
diff --git a/zh-cn/react-native-qrcode-svg.md b/zh-cn/react-native-qrcode-svg.md
index a5f37e06..0b573fca 100644
--- a/zh-cn/react-native-qrcode-svg.md
+++ b/zh-cn/react-native-qrcode-svg.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-qrcode-svg@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import QRCode from 'react-native-qrcode-svg';
 
@@ -55,7 +54,6 @@ render() {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index a34ed592..42393269 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -45,7 +45,6 @@ yarn add @react-native-oh-tpl/react-native-randombytes@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 
 import React, { useState } from "react";
@@ -101,7 +100,6 @@ const styles = StyleSheet.create({
 });
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-ratings.md b/zh-cn/react-native-ratings.md
index 1963a1af..fb1958ba 100644
--- a/zh-cn/react-native-ratings.md
+++ b/zh-cn/react-native-ratings.md
@@ -35,7 +35,6 @@ yarn add react-native-ratings@8.1.0
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState } from 'react';
 import { View, Text, StyleSheet } from 'react-native';
@@ -118,7 +117,6 @@ export function RatingsDemo () {
 };
 
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-reanimated-carousel.md b/zh-cn/react-native-reanimated-carousel.md
index 5ee644da..e6c966b2 100644
--- a/zh-cn/react-native-reanimated-carousel.md
+++ b/zh-cn/react-native-reanimated-carousel.md
@@ -33,7 +33,6 @@ npm install react-native-reanimated-carousel@^3.5.1
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import * as React from "react";
 import { ScrollView } from "react-native-gesture-handler";
@@ -280,7 +279,6 @@ function App() {
 export default App;
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-reanimated-table.md b/zh-cn/react-native-reanimated-table.md
index 58b7d1ad..ad47feda 100644
--- a/zh-cn/react-native-reanimated-table.md
+++ b/zh-cn/react-native-reanimated-table.md
@@ -35,7 +35,6 @@ yarn add react-native-reanimated-table@^0.0.2
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { Component } from 'react';
 import { StyleSheet, View } from 'react-native';
@@ -83,7 +82,6 @@ const styles = StyleSheet.create({
   text: { margin: 6 }
 });
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index c1eba76e..e277e2bb 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-reanimated@file:#
 
 > [!TIP] 为什么需要添加这个？Reanimated Babel 插件会自动转换特殊的 JavaScript 函数（称为 worklet），以便它们可以被传递并在 UI 线程上运行。
 
-<!-- {% raw %} -->
 ```js
   module.exports = {
     presets: [
@@ -102,7 +101,6 @@ export default function App() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-reconnecting-websocket.md b/zh-cn/react-native-reconnecting-websocket.md
index 3a64ea20..c5ff54fd 100644
--- a/zh-cn/react-native-reconnecting-websocket.md
+++ b/zh-cn/react-native-reconnecting-websocket.md
@@ -27,7 +27,6 @@ npm install react-native-reconnecting-websocket@^1.0.3
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, { useEffect, useRef } from 'react';
 import { View, Text, Button } from 'react-native';
@@ -109,7 +108,6 @@ const WebSocketExample = () => {
 
 export default WebSocketExample;
 ```
-<!-- {% endraw %} -->
 
 # 约束与限制
 
diff --git a/zh-cn/react-native-redash.md b/zh-cn/react-native-redash.md
index 33db5901..7cfc01b1 100644
--- a/zh-cn/react-native-redash.md
+++ b/zh-cn/react-native-redash.md
@@ -29,7 +29,6 @@ npm install react-native-redash@^18.1.3
 
 redash库依赖react-native-reanimated动画库，为适配 HarmonyOS 环境，需要把库里的依赖改成@react-native-oh-tpl/react-native-reanimated。下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 // findLastIndex 为例
 import {
@@ -188,7 +187,6 @@ return (
   </View>
 );
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-render-html.md b/zh-cn/react-native-render-html.md
index 77120a12..02cda76e 100644
--- a/zh-cn/react-native-render-html.md
+++ b/zh-cn/react-native-render-html.md
@@ -36,7 +36,6 @@ yarn add react-native-render-html@6.3.4
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { useWindowDimensions } from "react-native";
@@ -54,7 +53,6 @@ export default function App() {
   return <RenderHtml contentWidth={width} source={source} />;
 }
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-restart.md b/zh-cn/react-native-restart.md
index e12339ff..2957f095 100644
--- a/zh-cn/react-native-restart.md
+++ b/zh-cn/react-native-restart.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-restart@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { Button, Text, View, Alert } from "react-native";
 import RNRestart from "react-native-restart";
@@ -59,7 +58,6 @@ export default function RestartDemo() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-root-siblings.md b/zh-cn/react-native-root-siblings.md
index 60f6a9ec..dda17e05 100644
--- a/zh-cn/react-native-root-siblings.md
+++ b/zh-cn/react-native-root-siblings.md
@@ -41,7 +41,6 @@ The easiest way to create overlays( `Modal` , `Popover` , `Dialog` etc) for both
 
 Make your own `showModal` and use it in any component without any `isShow` state or even in a pure function call.
 
-<!-- {% raw %} -->
 ```jsx
 import RootSiblingsManager from 'react-native-root-siblings';
 
@@ -263,7 +262,6 @@ var styles = StyleSheet.create({
 });
 
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-root-toast.md b/zh-cn/react-native-root-toast.md
index ff64a102..0043637c 100644
--- a/zh-cn/react-native-root-toast.md
+++ b/zh-cn/react-native-root-toast.md
@@ -39,7 +39,6 @@ yarn add react-native-root-toast@3.5.1
 
 #### Calling api
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import {
@@ -83,7 +82,6 @@ export function ReactNativeRootToastExample() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 #### Using a Component
 
diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index 07c75adf..128ceba8 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-safe-area-context@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { Text, View } from "react-native";
@@ -66,7 +65,6 @@ const App = () => {
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-screens.md b/zh-cn/react-native-screens.md
index 93b24f22..a982fb39 100644
--- a/zh-cn/react-native-screens.md
+++ b/zh-cn/react-native-screens.md
@@ -50,7 +50,6 @@ yarn add react-native-screens
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { NavigationContainer, ParamListBase } from "@react-navigation/native";
@@ -115,7 +114,6 @@ import { enableScreens } from "react-native-screens";
 
 enableScreens(false);
 ```
-<!-- {% endraw %} -->
 
 您还可以通过[`detachInactiveScreens`](https://reactnavigation.org/docs/stack-navigator#detachinactivescreens)在每个导航器中禁用使用原生屏幕。
 
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index 1c974f97..8169b876 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { Text, View } from "react-native";
@@ -63,7 +62,6 @@ export default () => {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-scrollable-tabview.md b/zh-cn/react-native-scrollable-tabview.md
index c336d190..0ff2e01d 100644
--- a/zh-cn/react-native-scrollable-tabview.md
+++ b/zh-cn/react-native-scrollable-tabview.md
@@ -39,7 +39,6 @@ yarn add @itenl/react-native-scrollable-tabview@1.1.7
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState, useEffect, useRef } from 'react';
 import { View, Text, Alert, Button } from 'react-native'
@@ -111,7 +110,6 @@ export default function ScrollTabsDemo() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-section-list-get-item-layout.md b/zh-cn/react-native-section-list-get-item-layout.md
index 9da6b8d8..a80fab53 100644
--- a/zh-cn/react-native-section-list-get-item-layout.md
+++ b/zh-cn/react-native-section-list-get-item-layout.md
@@ -36,7 +36,6 @@ yarn add react-native-section-list-get-item-layout@^2.2.3
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import sectionListGetItemLayout from "react-native-section-list-get-item-layout";
 
@@ -62,7 +61,6 @@ class MyComponent extends React.Component {
   }
 }
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 4df34382..1e87dcf3 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-sensors@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import {
   accelerometer,
@@ -86,7 +85,6 @@ gravity.subscribe(({ x, y, z, timestamp }) =>
 // setUpdateIntervalForType(type: string, interval: number)
 setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-shadow-2.md b/zh-cn/react-native-shadow-2.md
index 29c18530..4224254c 100644
--- a/zh-cn/react-native-shadow-2.md
+++ b/zh-cn/react-native-shadow-2.md
@@ -39,7 +39,6 @@ yarn add react-native-shadow-2@7.0.8
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import { Text, ScrollView, View, StyleSheet } from "react-native";
 import { Shadow } from "react-native-shadow-2";
@@ -174,7 +173,6 @@ const styles = StyleSheet.create({
 
 export default Shadow2Demo;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-simple-toast.md b/zh-cn/react-native-simple-toast.md
index 46802c70..bd931097 100644
--- a/zh-cn/react-native-simple-toast.md
+++ b/zh-cn/react-native-simple-toast.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-simple-toast@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import * as React from 'react';
 
@@ -115,7 +114,6 @@ export default function App() {
   );
 }
 ```
-<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-snap-carousel.md b/zh-cn/react-native-snap-carousel.md
index 86bc84c1..24a3b812 100644
--- a/zh-cn/react-native-snap-carousel.md
+++ b/zh-cn/react-native-snap-carousel.md
@@ -35,7 +35,6 @@ $ yarn add @react-native-oh-tpl/react-native-snap-carousel@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { View, Text, Image, StyleSheet } from "react-native";
@@ -111,7 +110,6 @@ const styles = StyleSheet.create({
   }
 });
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/react-native-sortable-list.md b/zh-cn/react-native-sortable-list.md
index 1ea20fcf..5ad70d79 100644
--- a/zh-cn/react-native-sortable-list.md
+++ b/zh-cn/react-native-sortable-list.md
@@ -45,7 +45,6 @@ yarn add react-native-sortable-list@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 /**
  * Sample React Native App
@@ -285,7 +284,6 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index a217eb57..e3efff36 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-sound@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import type { PropsWithChildren } from "react";
@@ -156,7 +155,6 @@ const styles = StyleSheet.create({
 
 export default SoundDemo;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-stickyheader.md b/zh-cn/react-native-stickyheader.md
index d8b7b786..99a02137 100644
--- a/zh-cn/react-native-stickyheader.md
+++ b/zh-cn/react-native-stickyheader.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-stickyheader@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState, useCallback, useRef, useEffect } from "react";
 import { StyleSheet, Text, View, FlatList, Animated } from "react-native";
@@ -117,7 +116,6 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 5f957b3f..b03ff846 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-svg@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import Svg, { Path } from "react-native-svg";
 
@@ -50,7 +49,6 @@ import Svg, { Path } from "react-native-svg";
   <Path d="M90 0 L0 180 L180 180 Z" fill="red" />
 </Svg>;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-svg-charts.md b/zh-cn/react-native-svg-charts.md
index 1cc1e62b..7fec629e 100644
--- a/zh-cn/react-native-svg-charts.md
+++ b/zh-cn/react-native-svg-charts.md
@@ -45,7 +45,6 @@ yarn add  @react-native-oh-tpl/react-naitve-svg-charts@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 areaChart：
-<!-- {% raw %} -->
 ```jsx
 import React from 'react'
 import { Path } from 'react-native-svg'
@@ -475,7 +474,6 @@ class PieChartWithLabelExample extends React.PureComponent {
 
 export default PieChartWithLabelExample
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index 81011fb2..a7c3c002 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-svg@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import Svg, { Path } from "react-native-svg";
 
@@ -50,7 +49,6 @@ import Svg, { Path } from "react-native-svg";
   <Path d="M90 0 L0 180 L180 180 Z" fill="red" />
 </Svg>;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-swipe-gestures.md b/zh-cn/react-native-swipe-gestures.md
index 262fb13b..1f3bbadf 100644
--- a/zh-cn/react-native-swipe-gestures.md
+++ b/zh-cn/react-native-swipe-gestures.md
@@ -42,7 +42,6 @@ yarn add react-native-swipe-gestures@^1.0.5
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 'use strict';
 
@@ -125,7 +124,6 @@ class SomeComponent extends Component {
 
 export default SomeComponent;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-swipe-list-view.md b/zh-cn/react-native-swipe-list-view.md
index 028cebdd..4595979f 100644
--- a/zh-cn/react-native-swipe-list-view.md
+++ b/zh-cn/react-native-swipe-list-view.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-swipe-list-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import { SwipeListView } from 'react-native-swipe-list-view';
 
@@ -206,7 +205,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-swiper.md b/zh-cn/react-native-swiper.md
index f5c66dd6..f035ca67 100644
--- a/zh-cn/react-native-swiper.md
+++ b/zh-cn/react-native-swiper.md
@@ -31,7 +31,6 @@ yarn add react-native-swiper@1.6.0
 
 快速使用：
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { AppRegistry, StyleSheet, Text, View } from "react-native";
@@ -204,7 +203,6 @@ var swiper = React.createClass({
   }
 })
 ```
-<!-- {% endraw %} -->
 
 > More ScrollResponder info, see: https://github.com/facebook/react-native/blob/master/Libraries/Components/ScrollResponder.js
 
diff --git a/zh-cn/react-native-switch-pro.md b/zh-cn/react-native-switch-pro.md
index de371c48..b10d69a2 100644
--- a/zh-cn/react-native-switch-pro.md
+++ b/zh-cn/react-native-switch-pro.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-switch-pro@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import Switch from 'react-native-switch-pro'
 ...
@@ -57,7 +56,6 @@ import Switch from 'react-native-switch-pro'
 ...
 
 ```
-<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-native-switch-selector.md b/zh-cn/react-native-switch-selector.md
index 5c0d61c8..627eda13 100644
--- a/zh-cn/react-native-switch-selector.md
+++ b/zh-cn/react-native-switch-selector.md
@@ -41,7 +41,6 @@ yarn add react-native-switch-selector@2.3.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import SwitchSelector from "react-native-switch-selector";
 import React from 'react';
@@ -65,7 +64,6 @@ const SwitchSelectorDemo = () => {
 
 export default SwitchSelectorDemo;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-system-setting.md b/zh-cn/react-native-system-setting.md
index 16e6fb4f..8005ebfc 100644
--- a/zh-cn/react-native-system-setting.md
+++ b/zh-cn/react-native-system-setting.md
@@ -46,7 +46,6 @@ yarn add @react-native-oh-tpl/react-native-system-setting@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useEffect, useState } from 'react'
 import SystemSetting, { EmitterSubscription } from 'react-native-system-setting'
@@ -155,7 +154,6 @@ const styles = StyleSheet.create({
 
 export default SystemSettingDemo
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-tab-view.md b/zh-cn/react-native-tab-view.md
index fb5bd76a..c08b469e 100644
--- a/zh-cn/react-native-tab-view.md
+++ b/zh-cn/react-native-tab-view.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-tab-view@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Text, Dimensions, StyleSheet } from "react-native";
@@ -198,7 +197,6 @@ const styles = StyleSheet.create({
     ...
     })
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index 2a5606e6..0e7e4b0a 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-text-size@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState, useEffect } from 'react';
 import {
@@ -189,7 +188,6 @@ export function TextSizeExample() {
   )
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-toolbar-android.md b/zh-cn/react-native-toolbar-android.md
index 31ee3013..55dda91a 100644
--- a/zh-cn/react-native-toolbar-android.md
+++ b/zh-cn/react-native-toolbar-android.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/toolbar-android@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState } from "react";
 import { StyleSheet, View, Text } from "react-native";
@@ -119,7 +118,6 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index 98984113..643ef560 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-touch-id@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { Component, useState } from 'react';
 import { Alert, View, Button, Text } from 'react-native';
@@ -79,7 +78,6 @@ const App = () => {
 export default App;
 
 ```
-<!-- {% endraw %} -->
 ## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md
index afc0ef32..7f6492f4 100644
--- a/zh-cn/react-native-transitiongroup.md
+++ b/zh-cn/react-native-transitiongroup.md
@@ -39,7 +39,6 @@ yarn add @react-native-oh-tpl/react-native-transitiongroup@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState } from "react";
 import { StyleSheet, Text, View, TouchableOpacity, Easing } from "react-native";
@@ -138,7 +137,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-translucent-modal.md b/zh-cn/react-native-translucent-modal.md
index 2f50e060..76e54974 100644
--- a/zh-cn/react-native-translucent-modal.md
+++ b/zh-cn/react-native-translucent-modal.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-translucent-modal@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import {
@@ -113,7 +112,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-typing-animation.md b/zh-cn/react-native-typing-animation.md
index c8d7d4f4..8ccac048 100644
--- a/zh-cn/react-native-typing-animation.md
+++ b/zh-cn/react-native-typing-animation.md
@@ -39,7 +39,6 @@ yarn add react-native-typing-animation@0.1.7
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useEffect, useRef, useState } from 'react';
 import {
@@ -202,7 +201,6 @@ const styles = StyleSheet.create({
 
 export default TypingAnimationDemos;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-unitsyles.md b/zh-cn/react-native-unitsyles.md
index ece10bb1..97542338 100644
--- a/zh-cn/react-native-unitsyles.md
+++ b/zh-cn/react-native-unitsyles.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-unistyles@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import {
   StatusBar,
@@ -375,7 +374,6 @@ const autoGuidelinePlugin: UnistylesPlugin = {
   },
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-vconsole.md b/zh-cn/react-native-vconsole.md
index 1fa861bd..fcc4ab66 100644
--- a/zh-cn/react-native-vconsole.md
+++ b/zh-cn/react-native-vconsole.md
@@ -35,7 +35,6 @@ yarn add @kafudev/react-native-vconsole@0.1.11
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import VConsole from '@kafudev/react-native-vconsole'
 /* INFO is optional */
@@ -62,7 +61,6 @@ render() {
   )
 }
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-native-vector-icons.md b/zh-cn/react-native-vector-icons.md
index 806b78b0..c2142e08 100644
--- a/zh-cn/react-native-vector-icons.md
+++ b/zh-cn/react-native-vector-icons.md
@@ -59,7 +59,6 @@ yarn add react-native-vector-icons@10.0.3
 
 ### 本库自带字体的使用
 
-<!-- {% raw %} -->
 ```js
 import FontAwesome from 'react-native-vector-icons/FontAwesome';
 
@@ -496,7 +495,6 @@ export function VectorIconsDemo() {
         //...
     }
 ```
-<!-- {% endraw %} -->
 #### 提醒：自定义字体也需要用同样的方法在此注册
 
 ## 约束与限制
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index 4107a3ed..32aec331 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -47,7 +47,6 @@ yarn add @react-native-oh-tpl/react-native-video-cache@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useEffect, useState } from "react";
 import { StyleSheet, Text, View } from "react-native";
@@ -90,7 +89,6 @@ const styles = StyleSheet.create({
     },
 });
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index c7ed029b..b914dc90 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-video@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React, { useState, useRef } from "react";
 import { View, ScrollView, StyleSheet, Text, TextInput } from "react-native";
@@ -400,7 +399,6 @@ const styles = StyleSheet.create({
 
 export default RNCVideoDemo;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-view-overflow.md b/zh-cn/react-native-view-overflow.md
index ae9b135a..f2fcf669 100644
--- a/zh-cn/react-native-view-overflow.md
+++ b/zh-cn/react-native-view-overflow.md
@@ -43,7 +43,6 @@ yarn add @react-native-oh-tpl/react-native-view-overflow@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from 'react';
 import {View} from 'react-native';
@@ -66,7 +65,6 @@ export function ViewOverflowDemo() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index f766301e..578a3167 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-view-shot@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Text, Button } from "react-native";
@@ -116,7 +115,6 @@ export default function App() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index d1ada0d5..5129fc33 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -45,7 +45,6 @@ yarn add @react-native-oh-tpl/react-native-vision-camera@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```jsx
 import { Button, Text, View } from 'react-native';
 import React, { useRef } from 'react';
@@ -92,7 +91,6 @@ export default function VisionCameraDemo() {
 }
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-waterfall-flow.md b/zh-cn/react-native-waterfall-flow.md
index 315d47f1..7707b9d3 100644
--- a/zh-cn/react-native-waterfall-flow.md
+++ b/zh-cn/react-native-waterfall-flow.md
@@ -39,7 +39,6 @@ yarn add react-native-waterfall-flow@1.1.5 --save
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import { PureComponent, Component } from 'react'
 import { View, Dimensions, Image, Animated, ImageProps, ActivityIndicator, Text, Platform, TouchableOpacity, Alert } from 'react-native'
@@ -279,7 +278,6 @@ class FadeImage extends Component<ImageProps> {
   }
 }
 ```
-<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 3b3ca9b9..601a64aa 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-webview@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { WebView } from "react-native-webview";
 
@@ -54,7 +53,6 @@ export default function WebViewDemo() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-worklets-core.md b/zh-cn/react-native-worklets-core.md
index 28e9c37e..a1881b7c 100644
--- a/zh-cn/react-native-worklets-core.md
+++ b/zh-cn/react-native-worklets-core.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/react-native-worklets-core@file:#
 
 在项目根目录下的 `babel.config.js` 中添加 `babel` 插件
 
-<!-- {% raw %} -->
 ```js
 module.exports = {
   plugins: [
@@ -99,7 +98,6 @@ const App = () => {
 
 export default App;
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index c9be803b..56e41db2 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -40,7 +40,6 @@ yarn add @react-native-oh-tpl/react-native-zip-archive@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 import React, { useState, useEffect } from 'react';
 import { View, Button, StyleSheet, TextInput, Alert, Text, ActivityIndicator } from 'react-native';
@@ -399,7 +398,6 @@ const styles = StyleSheet.create({
     }
 })
 ```
-<!-- {% endraw %} -->
 
 
 
diff --git a/zh-cn/react-native-zoom-able-view.md b/zh-cn/react-native-zoom-able-view.md
index bcd6cfc7..d3ce57bf 100644
--- a/zh-cn/react-native-zoom-able-view.md
+++ b/zh-cn/react-native-zoom-able-view.md
@@ -39,7 +39,6 @@ yarn add @openspacelabs/react-native-zoomable-view@2.1.6
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { View, StyleSheet, Image, Animated } from "react-native";
 import React from "react";
@@ -120,7 +119,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/react-navigation-elements.md b/zh-cn/react-navigation-elements.md
index 30bfa001..d693ffbb 100644
--- a/zh-cn/react-navigation-elements.md
+++ b/zh-cn/react-navigation-elements.md
@@ -42,11 +42,9 @@ yarn add @react-native-oh-tpl/elements@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import { HeaderBackContext } from "@react-navigation/elements";
 ```
-<!-- {% endraw %} -->
 
 ## 兼容性
 
diff --git a/zh-cn/react-navigation-native-stack.md b/zh-cn/react-navigation-native-stack.md
index 82162189..c4e8f6e8 100644
--- a/zh-cn/react-navigation-native-stack.md
+++ b/zh-cn/react-navigation-native-stack.md
@@ -48,7 +48,6 @@ yarn install @react-native-oh-tpl/react-native-safe-area-context
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import * as React from 'react';
 import { Button, View } from 'react-native';
@@ -128,7 +127,6 @@ export default function App() {
 }
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/react-navigation-shared-element.md b/zh-cn/react-navigation-shared-element.md
index 9ba7900d..7cb5df85 100644
--- a/zh-cn/react-navigation-shared-element.md
+++ b/zh-cn/react-navigation-shared-element.md
@@ -41,7 +41,6 @@ yarn add react-native-shared-element@0.8.9
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import  React, { Component } from "react";
 import {
@@ -209,7 +208,6 @@ const styles = StyleSheet.create({
 });
 
 ```
-<!-- {% endraw %} -->
 ## 约束与限制
 
 ### 兼容性
diff --git a/zh-cn/react-redux.md b/zh-cn/react-redux.md
index d4728c26..944a3c96 100644
--- a/zh-cn/react-redux.md
+++ b/zh-cn/react-redux.md
@@ -31,7 +31,6 @@ npm install react-redux@^9.1.0
 
 1.创建一个命名为store.ts的文件
 
-<!-- {% raw %} -->
 ```ts
 import { configureStore } from "@reduxjs/toolkit";
 import counterReducer from "./action/counterSlice";
@@ -143,7 +142,6 @@ export function Counter() {
   // 省略渲染逻辑
 }
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/react-router-dom.md b/zh-cn/react-router-dom.md
index c4b18971..a14ed82e 100644
--- a/zh-cn/react-router-dom.md
+++ b/zh-cn/react-router-dom.md
@@ -36,7 +36,6 @@ yarn add react-router-dom@6.22.1
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```tsx
 import React from "react";
 import { ScrollView } from "react-native";
@@ -72,7 +71,6 @@ const DomDemo = () => {
 
 export default DomDemo;
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerListView.md
index 96907118..8a862f7e 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerListView.md
@@ -36,7 +36,6 @@ yarn add recyclerlistview
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React, { Component } from "react";
 import { View, Text, Dimensions } from "react-native";
@@ -181,7 +180,6 @@ const styles = {
   },
 };
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/redux-actions.md b/zh-cn/redux-actions.md
index eec86c59..94eb2025 100644
--- a/zh-cn/redux-actions.md
+++ b/zh-cn/redux-actions.md
@@ -52,7 +52,6 @@ npm install react-redux
 
 // LoginType.ts
 
-<!-- {% raw %} -->
 ```ts
 export interface IAppUser {
   id: string;
@@ -269,7 +268,6 @@ const styles = StyleSheet.create({
   },
 });
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/redux-logger.md b/zh-cn/redux-logger.md
index 210ac749..bbdb22c8 100644
--- a/zh-cn/redux-logger.md
+++ b/zh-cn/redux-logger.md
@@ -37,7 +37,6 @@ yarn add redux-logger@^3.0.6
 
 场景一：
 
-<!-- {% raw %} -->
 ```js
 import { applyMiddleware, createStore } from "redux";
 // Logger with default options
@@ -57,7 +56,6 @@ const logger = createLogger({
 
 const store = createStore(reducer, applyMiddleware(logger));
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/redux-persist.md b/zh-cn/redux-persist.md
index 2db3fafe..c5423781 100644
--- a/zh-cn/redux-persist.md
+++ b/zh-cn/redux-persist.md
@@ -35,7 +35,6 @@ npm install redux-persist@6.0.0
 
 1.创建一个命名为store.ts的文件
 
-<!-- {% raw %} -->
 ```ts
 import { configureStore, combineReducers } from "@reduxjs/toolkit";
 
@@ -119,7 +118,6 @@ import store, {persistRootStore} from './store'
       </PersistGate>
     </Provider>
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/redux-thunk.md b/zh-cn/redux-thunk.md
index ab545ea4..20a017c3 100644
--- a/zh-cn/redux-thunk.md
+++ b/zh-cn/redux-thunk.md
@@ -36,7 +36,6 @@ yarn add redux-thunk@3.1.0
 
 1.在Redux store中引入redux-thunk中间件
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { Provider } from "react-redux";
@@ -55,7 +54,6 @@ export const TodosExample = () => {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 2.编写一个异步操作的action creator
 
diff --git a/zh-cn/redux-toolkit.md b/zh-cn/redux-toolkit.md
index c4917684..d2c7cc0a 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/redux-toolkit.md
@@ -39,7 +39,6 @@ yarn add @reduxjs/toolkit@2.2.1
 
 1.在index.js入口文件引入provider组件，并添加sotre属性
 
-<!-- {% raw %} -->
 ```js
 // index.js
 import React from "react";
@@ -145,7 +144,6 @@ export function Counter() {
   )
 }
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/redux.md b/zh-cn/redux.md
index 9bee44de..0c22a7f1 100644
--- a/zh-cn/redux.md
+++ b/zh-cn/redux.md
@@ -31,7 +31,6 @@ npm install redux@^5.0.1
 
 1.编写子reducer，负责state具体变化的过程
 
-<!-- {% raw %} -->
 ```ts
 const defaultState = {
   number: 100,
@@ -101,7 +100,6 @@ export function Counter() {
   // 省略渲染逻辑
 }
 ```
-<!-- {% endraw %} -->
 
 ### 兼容性
 
diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md
index 8276ba6b..229292ee 100644
--- a/zh-cn/rn-placeholder.md
+++ b/zh-cn/rn-placeholder.md
@@ -38,7 +38,6 @@ yarn add rn-placeholder@3.0.3
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import {
   Placeholder,
@@ -59,7 +58,6 @@ const App = () => (
   </Placeholder>
 );
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/rn-tourguide.md b/zh-cn/rn-tourguide.md
index 5b66b122..0d9edd9a 100644
--- a/zh-cn/rn-tourguide.md
+++ b/zh-cn/rn-tourguide.md
@@ -44,7 +44,6 @@ yarn add @react-native-oh-tpl/rn-tourguide@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```jsx
 import * as React from 'react'
 import {
@@ -198,7 +197,6 @@ const styles = StyleSheet.create({
 })
 
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/sentry-react-native.md b/zh-cn/sentry-react-native.md
index 73ad6d77..9ca16ed8 100644
--- a/zh-cn/sentry-react-native.md
+++ b/zh-cn/sentry-react-native.md
@@ -42,7 +42,6 @@ yarn add @sentry/react-native@5.22.2
 
 >[!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```tsx
 
 // ============ index.js ==============
@@ -186,7 +185,6 @@ export default function SentryDemo() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index 81865128..39115817 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -42,7 +42,6 @@ yarn add @react-native-oh-tpl/flash-list@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 import { View, Text } from "react-native";
@@ -67,7 +66,6 @@ const MyList = () => {
   );
 };
 ```
-<!-- {% endraw %} -->
 
 ## Link
 
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index 4f376538..3dc5fa53 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -33,7 +33,6 @@ yarn add styled-components@6.1.8
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import React from "react";
 
@@ -63,7 +62,6 @@ function MyUI() {
   );
 }
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index 4fdb3fe8..ef1e391d 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -33,7 +33,6 @@ yarn add styled-system@^5.1.5
 
 下面的代码展示了这个库的基本使用场景：
 
-<!-- {% raw %} -->
 ```js
 import styled from 'styled-components'
 import { space, layout, typography, color } from 'styled-system'
@@ -66,7 +65,6 @@ const Box = styled.div`
 // background color
 <Box bg='tomato' />
 ```
-<!-- {% endraw %} -->
 
 ## 约束与限制
 

From e929ba78a31aae970c08099dbe3b528d4890f321 Mon Sep 17 00:00:00 2001
From: huhexing <hexing_hu@163.com>
Date: Thu, 20 Jun 2024 17:18:19 +0800
Subject: [PATCH 023/966] =?UTF-8?q?docs:=20[Issues:=20#IA6Z9D]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-tab-navigator=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-tab-navigator.md | 151 ++++++++++++++++++++++++++++
 1 file changed, 151 insertions(+)
 create mode 100644 zh-cn/react-native-tab-navigator.md

diff --git a/zh-cn/react-native-tab-navigator.md b/zh-cn/react-native-tab-navigator.md
new file mode 100644
index 00000000..36ec5bde
--- /dev/null
+++ b/zh-cn/react-native-tab-navigator.md
@@ -0,0 +1,151 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-tab-navigator</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ptomasroos/react-native-tab-navigator">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tab-navigator)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-tab-navigator@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-tab-navigator@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React, { useState } from 'react';
+import { View, StyleSheet, Text, Image } from 'react-native';
+import TabNavigator from 'react-native-tab-navigator';
+
+const HOME_IMAGE = [require('../assets/tab-navigator/home_unselected.svg'), require('../assets/tab-navigator/home_selected.svg')];
+const PROFILE_IMAGE = [require('../assets/tab-navigator/profile_unselected.svg'), require('../assets/tab-navigator/profile_selected.svg')];
+
+const App = () => {
+  const [selectedTab, setSelectedTab] = useState('home');
+  return (
+    <View style={styles.container}>
+        <TabNavigator style={styles.tabContainer}>
+            <TabNavigator.Item
+                selected={selectedTab === 'home'}
+                title="Home"
+                selectedTitleStyle={{ color: "#3496f0" }}
+                renderIcon={() => <Image source={HOME_IMAGE[0]} style={styles.iconSize} />}
+                renderSelectedIcon={() => <Image source={HOME_IMAGE[1]} style={styles.iconSize} />}
+                onPress={() => setSelectedTab('home')}>
+                <Home />
+            </TabNavigator.Item>
+            <TabNavigator.Item
+                selected={selectedTab === 'profile'}
+                title="Profile"
+                selectedTitleStyle={{ color: "#3496f0" }}
+                renderIcon={() => <Image source={PROFILE_IMAGE[0]} style={styles.iconSize} />}
+                renderSelectedIcon={() => <Image source={PROFILE_IMAGE[1]} style={styles.iconSize} />}
+                onPress={() => setSelectedTab('profile')}>
+                <Profile />
+            </TabNavigator.Item>
+        </TabNavigator>
+    </View>
+  );
+};
+
+function Home() {
+    return (
+        <View style={styles.tabContainer}>
+            <Text style={styles.welcome}>
+                Home
+            </Text>
+        </View>
+    );
+}
+
+function Profile() {
+    return (
+        <View style={styles.tabContainer}>
+            <Text style={styles.welcome}>
+                Profile
+            </Text>
+        </View>
+    );
+}
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### TabNavigator props
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| sceneStyle  | define for rendered scene         | object (style)  | No | iOS/Android      | Yes |
+| tabBarStyle  | define style for TabBar         | object (style)  | No | iOS/Android      | Yes |
+| tabBarShadowStyle  | define shadow style for tabBar         | object (style)  | No | iOS/Android      | Yes |
+| hidesTabTouch  | disable onPress opacity for Tab         | boolean  | No | iOS/Android      | Yes |
+
+### TabNavigator.Item props
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| renderIcon  | returns Item icon         | function  | No | iOS/Android      | Yes |
+| renderSelectedIcon  | returns selected Item icon         | function  | No | iOS/Android      | Yes |
+| badgeText  | text for Item badge         | string or number  | No | iOS/Android      | Yes |
+| renderBadge  | returns Item badge         | function  | No | iOS/Android      | Yes |
+| title  | Item title         | string  | No | iOS/Android      | Yes |
+| titleStyle  | styling for Item title         | style  | No | iOS/Android      | Yes |
+| selectedTitleStyle  | styling for selected Item title         | style  | No | iOS/Android      | Yes |
+| tabStyle  | styling for tab         | style  | No | iOS/Android      | Yes |
+| selected  | return whether the item is selected         | boolean  | No | iOS/Android      | Yes |
+| onPress  | onPress method for Item         | function  | No | iOS/Android      | Yes |
+| allowFontScaling  | allow font scaling for title         | boolean  | No | iOS/Android      | Yes |
+| accessible  | indicates if this item is an accessibility element         | boolean  | No | iOS/Android      | Yes |
+| accessibilityLabel  | override text for screen readers         | string  | No | iOS/Android      | Yes |
+| testID  | used to locate this item in end-to-end-tests         | string  | No | iOS/Android      | Yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From b5224554429daf44de78e58e45180ba75d05c16c Mon Sep 17 00:00:00 2001
From: "amiz21@qq.com" <amiz21@qq.com>
Date: Thu, 20 Jun 2024 19:13:05 +0800
Subject: [PATCH 024/966] docs: add <!-- {% raw %} --> at head  and <!-- {%
 endraw %} --> ait tail

---
 zh-cn/EventBus.md                                     | 3 +++
 zh-cn/Immer.md                                        | 3 +++
 zh-cn/README.md                                       | 3 +++
 zh-cn/codegen.md                                      | 3 +++
 zh-cn/contribute.md                                   | 3 +++
 zh-cn/crypto-js.md                                    | 3 +++
 zh-cn/dayJs.md                                        | 3 +++
 zh-cn/deepmerge.md                                    | 3 +++
 zh-cn/htmlparser2.md                                  | 3 +++
 zh-cn/jeanregisser-react-native-slider.md             | 3 +++
 zh-cn/js-beautify.md                                  | 3 +++
 zh-cn/jsbarcode.md                                    | 3 +++
 zh-cn/link-source-code.md                             | 3 +++
 zh-cn/lodash.md                                       | 3 +++
 zh-cn/lottie-react-native.md                          | 3 +++
 zh-cn/mobx-react.md                                   | 3 +++
 zh-cn/mobx.md                                         | 3 +++
 zh-cn/model.md                                        | 3 +++
 zh-cn/moment.md                                       | 3 +++
 zh-cn/parse5.md                                       | 3 +++
 zh-cn/prop-types.md                                   | 3 +++
 zh-cn/qrcode-generator.md                             | 3 +++
 zh-cn/react-ahooks.md                                 | 3 +++
 zh-cn/react-i18next.md                                | 3 +++
 zh-cn/react-lifecycles-compat.md                      | 3 +++
 zh-cn/react-native-MJRefresh.md                       | 3 +++
 zh-cn/react-native-QRCode.md                          | 3 +++
 zh-cn/react-native-SmartRefreshLayout.md              | 3 +++
 zh-cn/react-native-action-button.md                   | 3 +++
 zh-cn/react-native-action-sheet.md                    | 3 +++
 zh-cn/react-native-animatable.md                      | 3 +++
 zh-cn/react-native-animate-number.md                  | 3 +++
 zh-cn/react-native-aria.md                            | 3 +++
 zh-cn/react-native-async-storage-async-storage.md     | 3 +++
 zh-cn/react-native-audio.md                           | 4 +++-
 zh-cn/react-native-autoheight-webview.md              | 3 +++
 zh-cn/react-native-background-timer.md                | 3 +++
 zh-cn/react-native-barcode-builder.md                 | 3 +++
 zh-cn/react-native-base64.md                          | 3 +++
 zh-cn/react-native-better-banner.md                   | 3 +++
 zh-cn/react-native-ble-manager.md                     | 3 +++
 zh-cn/react-native-blob-util.md                       | 3 +++
 zh-cn/react-native-calendar-events.md                 | 4 +++-
 zh-cn/react-native-cameraroll.md                      | 3 +++
 zh-cn/react-native-canvas.md                          | 3 +++
 zh-cn/react-native-chart-kit.md                       | 6 +++---
 zh-cn/react-native-check-box.md                       | 3 +++
 zh-cn/react-native-clipboard-clipboard.md             | 3 +++
 zh-cn/react-native-clippath.md                        | 3 +++
 zh-cn/react-native-collapsible.md                     | 3 +++
 zh-cn/react-native-color-matrix-image-filters.md      | 3 +++
 zh-cn/react-native-communications.md                  | 3 +++
 zh-cn/react-native-community-blur.md                  | 3 +++
 zh-cn/react-native-community-checkbox.md              | 3 +++
 zh-cn/react-native-community-datetimepicker.md        | 3 +++
 zh-cn/react-native-community-netinfo.md               | 3 +++
 zh-cn/react-native-community-progress-bar-android.md  | 3 +++
 zh-cn/react-native-community-progress-view.md         | 3 +++
 zh-cn/react-native-community-push-notification-ios.md | 3 +++
 zh-cn/react-native-community-segmented-control.md     | 3 +++
 zh-cn/react-native-community-slider.md                | 3 +++
 zh-cn/react-native-confirmation-code-field.md         | 3 +++
 zh-cn/react-native-contacts.md                        | 3 +++
 zh-cn/react-native-cookies.md                         | 3 +++
 zh-cn/react-native-create-thumbnail.md                | 3 +++
 zh-cn/react-native-crypto-js.md                       | 3 +++
 zh-cn/react-native-dismiss-keyboard.md                | 4 +++-
 zh-cn/react-native-document-picker.md                 | 3 +++
 zh-cn/react-native-dotenv.md                          | 3 +++
 zh-cn/react-native-drag-sort.md                       | 3 +++
 zh-cn/react-native-drawer-layout-polyfill.md          | 3 +++
 zh-cn/react-native-drop-shadow.md                     | 4 +++-
 zh-cn/react-native-dynamic.md                         | 4 +++-
 zh-cn/react-native-easy-toast.md                      | 3 +++
 zh-cn/react-native-echarts-pro.md                     | 3 +++
 zh-cn/react-native-elements.md                        | 4 +++-
 zh-cn/react-native-exception-handler.md               | 3 +++
 zh-cn/react-native-ezswiper.md                        | 3 +++
 zh-cn/react-native-fast-image.md                      | 3 +++
 zh-cn/react-native-feather.md                         | 4 +++-
 zh-cn/react-native-fileupload.md                      | 4 +++-
 zh-cn/react-native-fingerprint-scanner.md             | 4 +++-
 zh-cn/react-native-fit-Image.md                       | 3 +++
 zh-cn/react-native-flexi-radio-button.md              | 3 +++
 zh-cn/react-native-flip-card.md                       | 3 +++
 zh-cn/react-native-fs.md                              | 3 +++
 zh-cn/react-native-geolocation.md                     | 3 +++
 zh-cn/react-native-gesture-handler.md                 | 3 +++
 zh-cn/react-native-get-random-values.md               | 3 +++
 zh-cn/react-native-htmlview.md                        | 3 +++
 zh-cn/react-native-image-base64.md                    | 3 +++
 zh-cn/react-native-image-crop-picker.md               | 3 +++
 zh-cn/react-native-image-editor.md                    | 4 +++-
 zh-cn/react-native-image-gallery.md                   | 3 +++
 zh-cn/react-native-image-header-scroll-view.md        | 3 +++
 zh-cn/react-native-image-picker.md                    | 3 +++
 zh-cn/react-native-image-resizer.md                   | 4 +++-
 zh-cn/react-native-image-sequence-2.md                | 3 +++
 zh-cn/react-native-image-viewer.md                    | 3 +++
 zh-cn/react-native-image-viewing.md                   | 3 +++
 zh-cn/react-native-image-zoom.md                      | 3 +++
 zh-cn/react-native-intersection-observer.md           | 3 +++
 zh-cn/react-native-json-tree.md                       | 4 +++-
 zh-cn/react-native-keep-awake.md                      | 3 +++
 zh-cn/react-native-keyboard-aware-scroll-view.md      | 3 +++
 zh-cn/react-native-lightbox.md                        | 4 +++-
 zh-cn/react-native-linear-gradient-text.md            | 3 +++
 zh-cn/react-native-linear-gradient.md                 | 4 +++-
 zh-cn/react-native-localize.md                        | 4 +++-
 zh-cn/react-native-map-linking.md                     | 3 +++
 zh-cn/react-native-maps.md                            | 4 +++-
 zh-cn/react-native-markdown-display.md                | 3 +++
 zh-cn/react-native-marquee-ab.md                      | 3 +++
 zh-cn/react-native-marquee.md                         | 3 +++
 zh-cn/react-native-masked-view-masked-view.md         | 3 +++
 zh-cn/react-native-material-buttons.md                | 4 +++-
 zh-cn/react-native-material-design-style.md           | 3 +++
 zh-cn/react-native-material-textfield.md              | 4 +++-
 zh-cn/react-native-md5.md                             | 3 +++
 zh-cn/react-native-modal.md                           | 4 +++-
 zh-cn/react-native-modalbox.md                        | 4 +++-
 zh-cn/react-native-multi-slider.md                    | 3 +++
 zh-cn/react-native-nested-scroll-view.md              | 3 +++
 zh-cn/react-native-orientation-locker.md              | 4 +++-
 zh-cn/react-native-orientation.md                     | 4 +++-
 zh-cn/react-native-pager-view.md                      | 3 +++
 zh-cn/react-native-paper.md                           | 3 +++
 zh-cn/react-native-pdf.md                             | 3 +++
 zh-cn/react-native-permissions.md                     | 3 +++
 zh-cn/react-native-picker-picker.md                   | 3 +++
 zh-cn/react-native-popover-view.md                    | 3 +++
 zh-cn/react-native-popup-menu.md                      | 3 +++
 zh-cn/react-native-progress.md                        | 3 +++
 zh-cn/react-native-pull.md                            | 3 +++
 zh-cn/react-native-qr-decode-image-camera.md          | 3 +++
 zh-cn/react-native-qrcode-svg.md                      | 3 +++
 zh-cn/react-native-randombytes.md                     | 3 +++
 zh-cn/react-native-ratings.md                         | 4 +++-
 zh-cn/react-native-reanimated-carousel.md             | 3 +++
 zh-cn/react-native-reanimated-table.md                | 4 +++-
 zh-cn/react-native-reanimated.md                      | 3 +++
 zh-cn/react-native-reconnecting-websocket.md          | 4 +++-
 zh-cn/react-native-redash.md                          | 3 +++
 zh-cn/react-native-render-html.md                     | 3 +++
 zh-cn/react-native-restart.md                         | 3 +++
 zh-cn/react-native-root-modal.md                      | 3 +++
 zh-cn/react-native-root-siblings.md                   | 3 +++
 zh-cn/react-native-root-toast.md                      | 3 +++
 zh-cn/react-native-safe-area-context.md               | 3 +++
 zh-cn/react-native-screens.md                         | 3 +++
 zh-cn/react-native-scrollable-tab-view.md             | 3 +++
 zh-cn/react-native-scrollable-tabview.md              | 3 +++
 zh-cn/react-native-section-list-get-item-layout.md    | 3 +++
 zh-cn/react-native-sensors.md                         | 3 +++
 zh-cn/react-native-shadow-2.md                        | 3 +++
 zh-cn/react-native-simple-toast.md                    | 4 +++-
 zh-cn/react-native-snap-carousel.md                   | 3 +++
 zh-cn/react-native-sortable-list.md                   | 3 +++
 zh-cn/react-native-sound.md                           | 3 +++
 zh-cn/react-native-stickyheader.md                    | 3 +++
 zh-cn/react-native-svg-capi.md                        | 3 +++
 zh-cn/react-native-svg-charts.md                      | 3 +++
 zh-cn/react-native-svg.md                             | 3 +++
 zh-cn/react-native-swipe-gestures.md                  | 4 +++-
 zh-cn/react-native-swipe-list-view.md                 | 3 +++
 zh-cn/react-native-swiper.md                          | 3 +++
 zh-cn/react-native-switch-pro.md                      | 4 +++-
 zh-cn/react-native-switch-selector.md                 | 4 +++-
 zh-cn/react-native-system-setting.md                  | 4 +++-
 zh-cn/react-native-tab-view.md                        | 3 +++
 zh-cn/react-native-text-size.md                       | 3 +++
 zh-cn/react-native-toolbar-android.md                 | 3 +++
 zh-cn/react-native-touch-id.md                        | 3 +++
 zh-cn/react-native-transitiongroup.md                 | 3 +++
 zh-cn/react-native-translucent-modal.md               | 3 +++
 zh-cn/react-native-typing-animation.md                | 3 +++
 zh-cn/react-native-unitsyles.md                       | 4 +++-
 zh-cn/react-native-vconsole.md                        | 3 +++
 zh-cn/react-native-vector-icons.md                    | 3 +++
 zh-cn/react-native-video-cache.md                     | 4 +++-
 zh-cn/react-native-video.md                           | 3 +++
 zh-cn/react-native-view-overflow.md                   | 4 +++-
 zh-cn/react-native-view-shot.md                       | 3 +++
 zh-cn/react-native-vision-camera.md                   | 3 +++
 zh-cn/react-native-waterfall-flow.md                  | 3 +++
 zh-cn/react-native-webview.md                         | 3 +++
 zh-cn/react-native-worklets-core.md                   | 4 +++-
 zh-cn/react-native-zip-archive.md                     | 3 +++
 zh-cn/react-native-zoom-able-view.md                  | 3 +++
 zh-cn/react-navigation-bottom-tabs.md                 | 3 +++
 zh-cn/react-navigation-elements.md                    | 3 +++
 zh-cn/react-navigation-native-stack.md                | 3 +++
 zh-cn/react-navigation-native.md                      | 3 +++
 zh-cn/react-navigation-shared-element.md              | 4 +++-
 zh-cn/react-navigation-stack.md                       | 3 +++
 zh-cn/react-navigation.md                             | 3 +++
 zh-cn/react-redux.md                                  | 3 +++
 zh-cn/react-router-dom.md                             | 3 +++
 zh-cn/react-use.md                                    | 3 +++
 zh-cn/reanimated-props-backup.md                      | 4 +++-
 zh-cn/recyclerListView.md                             | 3 +++
 zh-cn/redux-actions.md                                | 3 +++
 zh-cn/redux-logger.md                                 | 3 +++
 zh-cn/redux-persist.md                                | 3 +++
 zh-cn/redux-thunk.md                                  | 3 +++
 zh-cn/redux-toolkit.md                                | 3 +++
 zh-cn/redux.md                                        | 3 +++
 zh-cn/rn-placeholder.md                               | 3 +++
 zh-cn/rn-tourguide.md                                 | 3 +++
 zh-cn/sentry-react-native.md                          | 3 +++
 zh-cn/shopify-flash-list.md                           | 3 +++
 zh-cn/styled-components.md                            | 3 +++
 zh-cn/styled-system.md                                | 3 +++
 213 files changed, 639 insertions(+), 39 deletions(-)

diff --git a/zh-cn/EventBus.md b/zh-cn/EventBus.md
index ecfd097a..da1ad330 100644
--- a/zh-cn/EventBus.md
+++ b/zh-cn/EventBus.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.0
 
 <p align="center">
@@ -323,3 +324,5 @@ export default EventBusDemo;
 ## 遗留问题
 
 ## 其他
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/Immer.md b/zh-cn/Immer.md
index 11b74651..11ef4155 100644
--- a/zh-cn/Immer.md
+++ b/zh-cn/Immer.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.1
 
 <p align="center">
@@ -815,3 +816,5 @@ export default MyComponent;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/immerjs/immer/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 02bf9ebd..7d229f9c 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > [!WARNING] 本文档仅用于三方库使用指导，不涉及任何 React Native OpenHarmony 框架的信息，且会随着 React Native OpenHarmony 框架持续迭代更新，当前版本不代表最终展示版本。
 
 # 简介
@@ -171,3 +172,5 @@
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/codegen.md b/zh-cn/codegen.md
index c702af7c..ea7e22a8 100644
--- a/zh-cn/codegen.md
+++ b/zh-cn/codegen.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 # Codegen 使用指导
 
 ## 简介
@@ -78,3 +79,5 @@ PackageProvider::getPackages(Package::Context ctx) {
     };
 }
 ```
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/contribute.md b/zh-cn/contribute.md
index a23e73dd..28b7d26b 100644
--- a/zh-cn/contribute.md
+++ b/zh-cn/contribute.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 # 贡献文档
 
 非常欢迎您贡献文档，我们鼓励开发者以各种方式参与文档反馈和贡献。您可以对现有文档进行评价、简单更改、反馈文档质量问题、贡献您的原创内容。
@@ -46,3 +47,5 @@ react-native-pager-view -> react-native-pager-view.md
    `commit 信息模板`
    [Issues: #I8K7DK] 新增 react-native-svg 文档
    ```
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/crypto-js.md b/zh-cn/crypto-js.md
index ee14ff9d..b99b5546 100644
--- a/zh-cn/crypto-js.md
+++ b/zh-cn/crypto-js.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -621,3 +622,5 @@ import C from "crypto-js";
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/brix/crypto-js/blob/4.2.0/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/dayJs.md b/zh-cn/dayJs.md
index cb824ce6..9427191f 100644
--- a/zh-cn/dayJs.md
+++ b/zh-cn/dayJs.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -341,3 +342,5 @@ dayjs.extend(duration)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/iamkun/dayjs/blob/dev/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/deepmerge.md b/zh-cn/deepmerge.md
index 2ab66cf0..bdd8fe92 100644
--- a/zh-cn/deepmerge.md
+++ b/zh-cn/deepmerge.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -111,3 +112,5 @@ deepmerge(x, y); // => output
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/TehShrike/deepmerge/blob/master/license.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/htmlparser2.md b/zh-cn/htmlparser2.md
index 067d82d7..969bf444 100644
--- a/zh-cn/htmlparser2.md
+++ b/zh-cn/htmlparser2.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -179,3 +180,5 @@ export interface CheerioOptions extends Parse5Options {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/fb55/htmlparser2/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/jeanregisser-react-native-slider.md b/zh-cn/jeanregisser-react-native-slider.md
index a646bf5e..d16e0c95 100644
--- a/zh-cn/jeanregisser-react-native-slider.md
+++ b/zh-cn/jeanregisser-react-native-slider.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -182,3 +183,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/jeanregisser/react-native-slider/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/js-beautify.md b/zh-cn/js-beautify.md
index b41f511c..a32908ec 100644
--- a/zh-cn/js-beautify.md
+++ b/zh-cn/js-beautify.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -773,3 +774,5 @@ options对应的参数如下所示，当对应属性未指定时，均为如下
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/beautifier/js-beautify/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/jsbarcode.md b/zh-cn/jsbarcode.md
index 3d6d91dc..e52aee52 100644
--- a/zh-cn/jsbarcode.md
+++ b/zh-cn/jsbarcode.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -322,3 +323,5 @@ jsbarcode库依赖react-native-svg库进行条形码展示, 因svg 当前仅实
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/lindell/JsBarcode/blob/master/MIT-LICENSE.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/link-source-code.md b/zh-cn/link-source-code.md
index f4f7f34b..5a792708 100644
--- a/zh-cn/link-source-code.md
+++ b/zh-cn/link-source-code.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 ### 引入原生端代码
 
 #### 直接链接源码情况说明
@@ -42,3 +43,5 @@ modules:[
 cd entry
 ohpm install
 ```
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/lodash.md b/zh-cn/lodash.md
index 2e2c4e55..a928b168 100644
--- a/zh-cn/lodash.md
+++ b/zh-cn/lodash.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -177,3 +178,5 @@ lodashStable.findLastIndex(users, "active");
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/lodash/lodash/blob/4.17.21/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index f74fc494..5e971ea5 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -238,3 +239,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [Apache License 2.0](https://github.com/lottie-react-native/lottie-react-native/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/mobx-react.md b/zh-cn/mobx-react.md
index 1768fe0a..82bd1270 100644
--- a/zh-cn/mobx-react.md
+++ b/zh-cn/mobx-react.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -107,3 +108,5 @@ const TodoView = observer(({ todo }) => <div>{todo.title}</div>);
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx-react%407.6.0/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/mobx.md b/zh-cn/mobx.md
index 04cbb3d3..5a00e60a 100644
--- a/zh-cn/mobx.md
+++ b/zh-cn/mobx.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -168,3 +169,5 @@ setInterval(() => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx%406.10.0/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/model.md b/zh-cn/model.md
index af3b0045..a3ea0a84 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 # 文档模板(删除)
 
 > [!ATTENTION] 使用模板时请将后面带有 (删除) 的语句删除。<>内是需要修改的内容。(删除)
@@ -342,3 +343,5 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 本项目基于 [XXX License (XXX)](https://github.com/xxx/xxx/blob/main/LICENSE.md) ，请自由地享受和参与开源。
 
 例子：本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。(删除)
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/moment.md b/zh-cn/moment.md
index 60b05097..059ccdc9 100644
--- a/zh-cn/moment.md
+++ b/zh-cn/moment.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -258,3 +259,5 @@ moment().format("hh:mm:ss a");
 ## 其他
 
 ## 开源协议
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/parse5.md b/zh-cn/parse5.md
index e81ae7a4..d06ee2b5 100644
--- a/zh-cn/parse5.md
+++ b/zh-cn/parse5.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -99,3 +100,5 @@ console.log(str); //> '<div>Hello, <b>world</b>!</div>'
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/inikulin/parse5/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index 3cabbf06..e4c9fe73 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -88,3 +89,5 @@ optionalEnum: PropTypes.oneOf(['News', 'Photos']),
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/qrcode-generator.md b/zh-cn/qrcode-generator.md
index 4c396515..d5403372 100644
--- a/zh-cn/qrcode-generator.md
+++ b/zh-cn/qrcode-generator.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -155,3 +156,5 @@ api
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-ahooks.md b/zh-cn/react-ahooks.md
index 92161b2c..60d359d3 100644
--- a/zh-cn/react-ahooks.md
+++ b/zh-cn/react-ahooks.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.0
 
 <p align="center">
@@ -219,3 +220,5 @@ export function WhyDidYouUpdate() {
 ## 开源协议
 
 本项目基于 [MIT License](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Foblador%2Freact-native-progress%2Fblob%2Fmaster%2FLICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-i18next.md b/zh-cn/react-i18next.md
index 9ddce0d6..48b8167a 100644
--- a/zh-cn/react-i18next.md
+++ b/zh-cn/react-i18next.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -110,3 +111,5 @@ root.render(<App />);
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/i18next/react-i18next/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/react-lifecycles-compat.md
index 31d67012..33ff079f 100644
--- a/zh-cn/react-lifecycles-compat.md
+++ b/zh-cn/react-lifecycles-compat.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -163,3 +164,5 @@ export default ExampleComponent;
 为了使polyfill工作，您的组件不能定义以下生命周期：componentWillMount，componentWillReceiveProps，componentWillUpdate.
 
 如果您的组件包含getSnapshotBeforeUpdate，那么也必须定义componentDidUpdate，如果不满足上述任何条件，将抛出错误.
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index 0e9eaa5b..842ddffc 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -301,3 +302,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [Apache License (Apache)](https://github.com/react-native-studio/react-native-MJRefresh/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-QRCode.md b/zh-cn/react-native-QRCode.md
index 92b923d7..2e4340ef 100644
--- a/zh-cn/react-native-QRCode.md
+++ b/zh-cn/react-native-QRCode.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
  
 > 模板版本：v0.2.1
 
@@ -91,3 +92,5 @@ return (
 
 本项目基于 [The MIT License (MIT)](https://github.com/cssivision/react-native-qrcode/blob/master/LICENSE) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index a974c930..f40252fd 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -391,3 +392,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [Apache License 2.0](https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/0.6.7/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-action-button.md b/zh-cn/react-native-action-button.md
index 60b88a38..4f620971 100644
--- a/zh-cn/react-native-action-button.md
+++ b/zh-cn/react-native-action-button.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -145,3 +146,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/mastermoo/react-native-action-button/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-action-sheet.md b/zh-cn/react-native-action-sheet.md
index 319f27e6..705c2302 100644
--- a/zh-cn/react-native-action-sheet.md
+++ b/zh-cn/react-native-action-sheet.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -239,3 +240,5 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 本项目基于 [The MIT License (MIT)](https://github.com/expo/react-native-action-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-animatable.md b/zh-cn/react-native-animatable.md
index 17224ad8..56c7580a 100644
--- a/zh-cn/react-native-animatable.md
+++ b/zh-cn/react-native-animatable.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -119,3 +120,5 @@ isInteraction | 此动画是否在交互管理器上创建“交互控制柄”
 本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-animatable/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index d91988fa..0ce49caf 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.0
 
 <p align="center">
@@ -159,3 +160,5 @@ export default App;
 ## 遗留问题
 
 ## 其他
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md
index 9e505a98..0ce7f791 100644
--- a/zh-cn/react-native-aria.md
+++ b/zh-cn/react-native-aria.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -566,3 +567,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/gluestack/react-native-aria/blob/main/LICENSE)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index af427456..c28b26d4 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -222,3 +223,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index f03e9645..69975fe8 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -220,4 +221,5 @@ AudioQuality、MeteringEnabled、MeasurementMode is only for ios now.
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index ec63a151..08075a6c 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -93,3 +94,5 @@ import AutoHeightWebView from "react-native-autoheight-webview";
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://github.com/iou90/react-native-autoheight-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index 6c88b8a3..bbc0b541 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 
 > 模板版本：v0.2.1
 
@@ -342,3 +343,5 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-barcode-builder.md b/zh-cn/react-native-barcode-builder.md
index a6165607..23a120c8 100644
--- a/zh-cn/react-native-barcode-builder.md
+++ b/zh-cn/react-native-barcode-builder.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -150,3 +151,5 @@ export const BarcodeBuilderExample = () => {
 
 本项目基于 [The Apache License (Apache)](https://github.com/wonsikin/react-native-barcode-builder/blob/master/LICENSE) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-base64.md b/zh-cn/react-native-base64.md
index 0dc7d42e..46dca550 100644
--- a/zh-cn/react-native-base64.md
+++ b/zh-cn/react-native-base64.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -126,3 +127,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/eranbo/react-native-base64/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-better-banner.md b/zh-cn/react-native-better-banner.md
index 923b7c42..00cd0866 100644
--- a/zh-cn/react-native-better-banner.md
+++ b/zh-cn/react-native-better-banner.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -158,3 +159,5 @@ export default App;
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
index db889662..6d1b9e61 100644
--- a/zh-cn/react-native-ble-manager.md
+++ b/zh-cn/react-native-ble-manager.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -590,3 +591,5 @@ ohpm install
 
 本项目基于[The MIT License (MIT)](https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index 0206f67b..fd8fa4a9 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -596,3 +597,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-blob-util/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 19309c7f..1f6142ec 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -391,4 +392,5 @@ RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index d8cb2837..e176acba 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -283,3 +284,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-canvas.md b/zh-cn/react-native-canvas.md
index 60b566c4..93bc7d14 100644
--- a/zh-cn/react-native-canvas.md
+++ b/zh-cn/react-native-canvas.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.0
 
 <p align="center">
@@ -155,3 +156,5 @@ export default CanvasDemo;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/iddan/react-native-canvas/blob/master/license.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-chart-kit.md b/zh-cn/react-native-chart-kit.md
index 29a56fab..9e1fa4fe 100644
--- a/zh-cn/react-native-chart-kit.md
+++ b/zh-cn/react-native-chart-kit.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1  
 
   <p align="center">  
@@ -47,7 +48,6 @@ yarn add react-native-chart-kit@^6.12.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
-<!-- {% raw %} -->
 
 ```js
 import React from 'react';
@@ -110,7 +110,6 @@ const styles = StyleSheet.create({
 export default MyChart;
 ```
 
-<!-- {% endraw %} -->
 
 ## Link
 
@@ -279,4 +278,5 @@ export default MyChart;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-check-box.md b/zh-cn/react-native-check-box.md
index 722d1b7f..76ec9f9d 100644
--- a/zh-cn/react-native-check-box.md
+++ b/zh-cn/react-native-check-box.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -137,3 +138,5 @@ export default example;
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index e5e38cc9..ab528aab 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -252,3 +253,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/clipboard/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md
index f84db6f9..36c6f921 100644
--- a/zh-cn/react-native-clippath.md
+++ b/zh-cn/react-native-clippath.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -213,3 +214,5 @@ ohpm install
 本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-clippath/blob/sig/LICENSE) ，请自由地享受和参与开源。
 
 ---
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-collapsible.md b/zh-cn/react-native-collapsible.md
index 997f11d3..6161a96b 100644
--- a/zh-cn/react-native-collapsible.md
+++ b/zh-cn/react-native-collapsible.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -141,3 +142,5 @@ const CONTENT = [
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-collapsible/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index 3a0422b6..15b1365a 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -289,3 +290,5 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/blob/master/LICENSE) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-communications.md b/zh-cn/react-native-communications.md
index 60f972e4..5bc1bbfb 100644
--- a/zh-cn/react-native-communications.md
+++ b/zh-cn/react-native-communications.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -133,3 +134,5 @@ export default RNCommunications;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/davebeehively/react-native-communications/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index dfc9ffcb..234f3bd0 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -401,3 +402,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index f6674dd8..7cc604ae 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -229,3 +230,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-checkbox/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index d9afc2b4..8492c217 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -255,3 +256,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/datetimepicker/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index f2e903bf..424093a9 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -290,3 +291,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-netinfo/react-native-netinfo/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index 780b575a..85965d56 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -211,3 +212,5 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-bar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index 0b03a1f0..0569f7a8 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -212,3 +213,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/progress-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index b7ae15ca..3dc6d850 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -341,3 +342,5 @@ _NotificationRequest:_
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-segmented-control.md b/zh-cn/react-native-community-segmented-control.md
index 4085a0fe..1c6222a3 100644
--- a/zh-cn/react-native-community-segmented-control.md
+++ b/zh-cn/react-native-community-segmented-control.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.2
 
 <p align="center">
@@ -89,3 +90,5 @@ return (
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 8bc5d366..38128e68 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -235,3 +236,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-confirmation-code-field.md b/zh-cn/react-native-confirmation-code-field.md
index c6a29003..6dca1fc6 100644
--- a/zh-cn/react-native-confirmation-code-field.md
+++ b/zh-cn/react-native-confirmation-code-field.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -154,3 +155,5 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 2425991e..2717a0ea 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -464,3 +465,5 @@ RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco S
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/morenoh149/react-native-contacts/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-cookies.md b/zh-cn/react-native-cookies.md
index 9bceb23c..d15f2841 100644
--- a/zh-cn/react-native-cookies.md
+++ b/zh-cn/react-native-cookies.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -385,3 +386,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-cookies/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md
index 64a3725c..7fa6ff79 100644
--- a/zh-cn/react-native-create-thumbnail.md
+++ b/zh-cn/react-native-create-thumbnail.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -282,3 +283,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/souvik-ghosh/react-native-create-thumbnail/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-crypto-js.md b/zh-cn/react-native-crypto-js.md
index b590f980..58df6593 100644
--- a/zh-cn/react-native-crypto-js.md
+++ b/zh-cn/react-native-crypto-js.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -172,3 +173,5 @@ export const ReactNativeCryptoJsExample = () => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/imchintan/react-native-crypto-js/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-dismiss-keyboard.md b/zh-cn/react-native-dismiss-keyboard.md
index 55442c29..a0b9c4ec 100644
--- a/zh-cn/react-native-dismiss-keyboard.md
+++ b/zh-cn/react-native-dismiss-keyboard.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -156,4 +157,5 @@ const styles = StyleSheet.create({
 ## 其他
 
 ## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 31d293d3..21e227a1 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -391,3 +392,5 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-dotenv.md b/zh-cn/react-native-dotenv.md
index 4453db88..8de3ef07 100644
--- a/zh-cn/react-native-dotenv.md
+++ b/zh-cn/react-native-dotenv.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -237,3 +238,5 @@ module.exports = {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/goatandsheep/react-native-dotenv/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index 9b980bc9..26ee0e66 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -643,3 +644,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The Apache License (Apache)](https://github.com/mochixuan/react-native-drag-sort/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-drawer-layout-polyfill.md b/zh-cn/react-native-drawer-layout-polyfill.md
index 0f77c8c2..215f1e6a 100644
--- a/zh-cn/react-native-drawer-layout-polyfill.md
+++ b/zh-cn/react-native-drawer-layout-polyfill.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.0
 
 <p align="center">
@@ -254,3 +255,5 @@ export default App;
 ## 遗留问题
 
 ## 其他
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-drop-shadow.md b/zh-cn/react-native-drop-shadow.md
index 9604d9a9..f81a099b 100644
--- a/zh-cn/react-native-drop-shadow.md
+++ b/zh-cn/react-native-drop-shadow.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -147,4 +148,5 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/hoanglam10499/react-native-drop-shadow/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/hoanglam10499/react-native-drop-shadow/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-dynamic.md b/zh-cn/react-native-dynamic.md
index 2f3c81a4..01d7c6f8 100644
--- a/zh-cn/react-native-dynamic.md
+++ b/zh-cn/react-native-dynamic.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -203,4 +204,5 @@ const dynamicStyles = new DynamicStyleSheet({
 ## 其他
 
 ## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-easy-toast.md b/zh-cn/react-native-easy-toast.md
index d5f15dcd..2c35bec9 100644
--- a/zh-cn/react-native-easy-toast.md
+++ b/zh-cn/react-native-easy-toast.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 
 
 > 模板版本：v0.2.0
@@ -113,3 +114,5 @@ export default class App extends Component {
 ## 开源协议
 
 本项目基于 [MIT Licensed](https://github.com/crazycodeboy/react-native-easy-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-echarts-pro.md b/zh-cn/react-native-echarts-pro.md
index d6936c14..c8c4dafa 100644
--- a/zh-cn/react-native-echarts-pro.md
+++ b/zh-cn/react-native-echarts-pro.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.0
 
 <p align="center">
@@ -126,3 +127,5 @@ export default function RNEPDemo() {
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index bf955e7d..b2e1ce88 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -1057,4 +1058,5 @@ export default Avatars;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-exception-handler.md b/zh-cn/react-native-exception-handler.md
index eb9322d3..33ee988d 100644
--- a/zh-cn/react-native-exception-handler.md
+++ b/zh-cn/react-native-exception-handler.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -367,3 +368,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/a7ul/react-native-exception-handler/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-ezswiper.md b/zh-cn/react-native-ezswiper.md
index d8e44414..f31aa317 100644
--- a/zh-cn/react-native-ezswiper.md
+++ b/zh-cn/react-native-ezswiper.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -355,3 +356,5 @@ cardParams is object：{cardSide,cardSmallSide,cardSpace}
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/easyui/react-native-ezswiper) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index dad7567a..7f35efbe 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -254,3 +255,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/DylanVann/react-native-fast-image/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-feather.md b/zh-cn/react-native-feather.md
index 75d5e734..f14611d9 100644
--- a/zh-cn/react-native-feather.md
+++ b/zh-cn/react-native-feather.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -110,4 +111,5 @@ export default FeatherExample;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index c8027c38..ca585d44 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -198,4 +199,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/PhilippKrone/react-native-fileupload/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/PhilippKrone/react-native-fileupload/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index 27c840f4..e63b3d3b 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -231,4 +232,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index d66b52bb..21bcf556 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.1
 
 <p align="center">
@@ -317,3 +318,5 @@ export default FitImageDemo;
 ## 开源协议
 
 本项目基于 [THE BEER-WARE LICENSE](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fhuiseoul%2Freact-native-fit-image%2Fblob%2Fmaster%2FLICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-flexi-radio-button.md b/zh-cn/react-native-flexi-radio-button.md
index 25c440b6..ae616d43 100644
--- a/zh-cn/react-native-flexi-radio-button.md
+++ b/zh-cn/react-native-flexi-radio-button.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -174,3 +175,5 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/thegamenicorus/react-native-flexi-radio-button/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-flip-card.md b/zh-cn/react-native-flip-card.md
index 4d7e390a..ca5816eb 100644
--- a/zh-cn/react-native-flip-card.md
+++ b/zh-cn/react-native-flip-card.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -246,3 +247,5 @@ const createCard = (val, i) => <MyFlipCard key={i} val={val}/>
 本项目基于 [The MIT License (MIT)](https://github.com/moschan/react-native-flip-card/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index f8210440..2306b657 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.1.3
 
 <p align="center">
@@ -348,3 +349,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-geolocation.md b/zh-cn/react-native-geolocation.md
index f9fd8dc4..5fd52977 100644
--- a/zh-cn/react-native-geolocation.md
+++ b/zh-cn/react-native-geolocation.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.2
 
 <p align="center">
@@ -216,3 +217,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License(MIT)](https://github.com/react-native-oh-library/react-native-geolocation/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index 3fe0c4cb..68371d50 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -442,3 +443,5 @@ Y coordinate, expressed in points, of the current position of the pointer (finge
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md
index 7cbc0981..98057c50 100644
--- a/zh-cn/react-native-get-random-values.md
+++ b/zh-cn/react-native-get-random-values.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -169,3 +170,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/LinusU/react-native-get-random-values/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-htmlview.md b/zh-cn/react-native-htmlview.md
index c078ae4e..3f85facb 100644
--- a/zh-cn/react-native-htmlview.md
+++ b/zh-cn/react-native-htmlview.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -116,3 +117,5 @@ export default HtmlViewExample;
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://github.com/jsdf/react-native-htmlview/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-base64.md b/zh-cn/react-native-image-base64.md
index d8ed2e30..1ea9bc2e 100644
--- a/zh-cn/react-native-image-base64.md
+++ b/zh-cn/react-native-image-base64.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -219,3 +220,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/SnappFr/react-native-image-base64/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 4ea56515..66b8ee3e 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -1098,3 +1099,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 6b99e82d..17303ed2 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：V0.2.1
 
 <p align="center">
@@ -302,4 +303,5 @@ RNOH：0.72.20; SDK：HarmonyOS-NEXT-DB1; IDE：DevEco Studio 5.0.3.200; ROM：2
 
 ## 开源协议
 
-本项目基于 [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-gallery.md b/zh-cn/react-native-image-gallery.md
index 7543e53e..7a4a4db4 100644
--- a/zh-cn/react-native-image-gallery.md
+++ b/zh-cn/react-native-image-gallery.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -95,3 +96,5 @@ import Gallery from 'react-native-image-gallery';
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://choosealicense.com/licenses/isc) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index 8d057d81..a06dacf6 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -148,3 +149,5 @@ export function ImageHeaderPropertyTest() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/meliorence/react-native-render-html/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index 08724088..1bd2f098 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -266,3 +267,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-image-picker/react-native-image-picker/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-resizer.md b/zh-cn/react-native-image-resizer.md
index aaf1b579..8a7358f0 100644
--- a/zh-cn/react-native-image-resizer.md
+++ b/zh-cn/react-native-image-resizer.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -372,4 +373,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/bamlab/react-native-image-resizer/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/bamlab/react-native-image-resizer/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index 8c19acee..196a9235 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -410,3 +411,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-viewer.md b/zh-cn/react-native-image-viewer.md
index d9af246f..6471ad14 100644
--- a/zh-cn/react-native-image-viewer.md
+++ b/zh-cn/react-native-image-viewer.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -275,3 +276,5 @@ export default ReactImageZoon;
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-image-viewer/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index 817dde99..f1476123 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -218,3 +219,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-zoom.md b/zh-cn/react-native-image-zoom.md
index cc9b815d..a6a582e9 100644
--- a/zh-cn/react-native-image-zoom.md
+++ b/zh-cn/react-native-image-zoom.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.0
 
 <p align="center">
@@ -539,3 +540,5 @@ export default ImageZoomDemo;
 - [ ] onPanResponderTerminationRequest方法，harmony端与android端表现不一致[#I9ATFE](https://gitee.com/wuyasmile/usage-docs/issues/I9ATFE)
 
 ## 其他
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index 8d596d24..babe7aa9 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -135,3 +136,5 @@ Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#metho
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-intersection-observer/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-json-tree.md b/zh-cn/react-native-json-tree.md
index e0366667..f5f6b6d2 100644
--- a/zh-cn/react-native-json-tree.md
+++ b/zh-cn/react-native-json-tree.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -157,4 +158,5 @@ export default MyComponent;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index b44e7b73..29300808 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -236,3 +237,5 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/corbt/react-native-keep-awake/blob/master/LICENCE) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-keyboard-aware-scroll-view.md b/zh-cn/react-native-keyboard-aware-scroll-view.md
index 016108f6..20b214ca 100644
--- a/zh-cn/react-native-keyboard-aware-scroll-view.md
+++ b/zh-cn/react-native-keyboard-aware-scroll-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -132,3 +133,5 @@ export default KasvCom;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/APSL/react-native-keyboard-aware-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-lightbox.md b/zh-cn/react-native-lightbox.md
index 1cd24484..9b8135ac 100644
--- a/zh-cn/react-native-lightbox.md
+++ b/zh-cn/react-native-lightbox.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -208,4 +209,5 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/cbbfcd/react-native-lightbox/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/cbbfcd/react-native-lightbox/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-linear-gradient-text.md b/zh-cn/react-native-linear-gradient-text.md
index 9ceb20f3..84e30160 100644
--- a/zh-cn/react-native-linear-gradient-text.md
+++ b/zh-cn/react-native-linear-gradient-text.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.0
 
 <p align="center">
@@ -102,3 +103,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/HMDarkFir3/react-native-linear-gradient-text/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 01ca51fa..1afab10d 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -268,4 +269,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index 59549a0d..50f82465 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -211,4 +212,5 @@ RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-localize/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-localize/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index cb17f746..aedfc6d8 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -165,3 +166,5 @@ iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:
 
 本项目基于 [The MIT License (MIT)](https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index fdb82e51..dc52579b 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -863,4 +864,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [MIT License (MIT)](https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [MIT License (MIT)](https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index 93a4ad06..1b98dc79 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -125,3 +126,5 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-markdown-display/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-marquee-ab.md b/zh-cn/react-native-marquee-ab.md
index 574d96b3..24b14017 100644
--- a/zh-cn/react-native-marquee-ab.md
+++ b/zh-cn/react-native-marquee-ab.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -125,3 +126,5 @@ export default class TestPage extends Component {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://choosealicense.com/licenses/mit/) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-marquee.md b/zh-cn/react-native-marquee.md
index f6aee8f7..f5ce7bb8 100644
--- a/zh-cn/react-native-marquee.md
+++ b/zh-cn/react-native-marquee.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -102,3 +103,5 @@ MarqueText组件基本上继承了TextProps，以下是附加组件：
 ## 开源协议
 
 MIT Lisence
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index 8abe29f7..3ad2061b 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -235,3 +236,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-masked-view/masked-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-material-buttons.md b/zh-cn/react-native-material-buttons.md
index 0750db43..5bd2abce 100644
--- a/zh-cn/react-native-material-buttons.md
+++ b/zh-cn/react-native-material-buttons.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -262,4 +263,5 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt) ，请自由地享受和参与开源。 
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt) ，请自由地享受和参与开源。 
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-material-design-style.md b/zh-cn/react-native-material-design-style.md
index e9359707..63d8eeea 100644
--- a/zh-cn/react-native-material-design-style.md
+++ b/zh-cn/react-native-material-design-style.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 
 
 > 模板版本：v0.2.2
@@ -145,3 +146,5 @@ const styles = StyleSheet.create({
 本项目基于 [MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
 
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-material-textfield.md b/zh-cn/react-native-material-textfield.md
index 88d3d4f2..b74e4fe7 100644
--- a/zh-cn/react-native-material-textfield.md
+++ b/zh-cn/react-native-material-textfield.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -277,4 +278,5 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 开源协议
 
-本项目基于 [BSD License](https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [BSD License](https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-md5.md b/zh-cn/react-native-md5.md
index 9fa0955e..8422ce27 100644
--- a/zh-cn/react-native-md5.md
+++ b/zh-cn/react-native-md5.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -123,3 +124,5 @@ export function md5TestExample() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/kmend/react-native-md5/blob/master/README.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-modal.md b/zh-cn/react-native-modal.md
index bcb14e7e..9396052e 100644
--- a/zh-cn/react-native-modal.md
+++ b/zh-cn/react-native-modal.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
  
 
 > 模板版本：v0.2.0
@@ -202,4 +203,5 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200
 ## 开源协议
  本项目基于 [The ISC License (ISC)](https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
 
- 
\ No newline at end of file
+ 
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index ad0def3f..fe3beb3e 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -288,4 +289,5 @@ hese methods are optional, you can use the isOpen property instead
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-multi-slider.md b/zh-cn/react-native-multi-slider.md
index fb09b6d8..d71ec691 100644
--- a/zh-cn/react-native-multi-slider.md
+++ b/zh-cn/react-native-multi-slider.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -541,3 +542,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于[The MIT License (MIT)](https://github.com/ptomasroos/react-native-multi-slider/blob/master/LICENSE)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-nested-scroll-view.md b/zh-cn/react-native-nested-scroll-view.md
index 2517572d..5026d8a8 100644
--- a/zh-cn/react-native-nested-scroll-view.md
+++ b/zh-cn/react-native-nested-scroll-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -196,3 +197,5 @@ RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/cesardeazevedo/react-native-nested-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index d76bd39e..e666a052 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -357,4 +358,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-orientation-locker/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-orientation-locker/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index b8f15d78..9f9a8b01 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -306,4 +307,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [ISC License](https://github.com/react-native-oh-library/react-native-orientation/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [ISC License](https://github.com/react-native-oh-library/react-native-orientation/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index bec78df7..99c384f7 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -265,3 +266,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pager-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index 43b90ae7..1592ae65 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -871,3 +872,5 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-paper/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index 94fe926b..a7fd908a 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -301,3 +302,5 @@ PDF 处理能力持续完善中，敬请期待。
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pdf/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index 5edd7126..a0c729c2 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -425,3 +426,5 @@ ohos.permission.LOCATION_IN_BACKGROUND 允许应用在后台运行时获取设
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-permissions/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 4755755c..65aa701d 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -237,3 +238,5 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-popover-view.md b/zh-cn/react-native-popover-view.md
index 17a5ca29..766e080b 100644
--- a/zh-cn/react-native-popover-view.md
+++ b/zh-cn/react-native-popover-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -184,3 +185,5 @@ export default PopoverDemo;
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-popover-view/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-popup-menu.md b/zh-cn/react-native-popup-menu.md
index a8ed6d54..4ffb266c 100644
--- a/zh-cn/react-native-popup-menu.md
+++ b/zh-cn/react-native-popup-menu.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -147,3 +148,5 @@ export const YourComponent = () => (
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/instea/react-native-popup-menu/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-progress.md b/zh-cn/react-native-progress.md
index 73d8688e..8f0aee6a 100644
--- a/zh-cn/react-native-progress.md
+++ b/zh-cn/react-native-progress.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -224,3 +225,5 @@ All of the props under _Properties_ in addition to the following:
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-pull.md b/zh-cn/react-native-pull.md
index 995a5ee3..80f404fd 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -368,3 +369,5 @@ export default PullListDemo;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pull/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index e7ddbf4a..9aef7110 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -341,3 +342,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-qrcode-svg.md b/zh-cn/react-native-qrcode-svg.md
index 0b573fca..8f10527c 100644
--- a/zh-cn/react-native-qrcode-svg.md
+++ b/zh-cn/react-native-qrcode-svg.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -101,3 +102,5 @@ render() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/awesomejerry/react-native-qrcode-svg/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index 42393269..ceeff06d 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -211,3 +212,5 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/mvayngrib/react-native-randombytes/blob/master/LICENSE) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-ratings.md b/zh-cn/react-native-ratings.md
index fb1958ba..f4477410 100644
--- a/zh-cn/react-native-ratings.md
+++ b/zh-cn/react-native-ratings.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -183,4 +184,5 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/Monte9/react-native-ratings/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/Monte9/react-native-ratings/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-reanimated-carousel.md b/zh-cn/react-native-reanimated-carousel.md
index e6c966b2..2606df6b 100644
--- a/zh-cn/react-native-reanimated-carousel.md
+++ b/zh-cn/react-native-reanimated-carousel.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -325,3 +326,5 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-reanimated-table.md b/zh-cn/react-native-reanimated-table.md
index ad47feda..6003133b 100644
--- a/zh-cn/react-native-reanimated-table.md
+++ b/zh-cn/react-native-reanimated-table.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.1
 
 <p align="center">
@@ -115,4 +116,5 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index e277e2bb..3dead397 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -262,3 +263,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/software-mansion/react-native-reanimated/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-reconnecting-websocket.md b/zh-cn/react-native-reconnecting-websocket.md
index c5ff54fd..91780308 100644
--- a/zh-cn/react-native-reconnecting-websocket.md
+++ b/zh-cn/react-native-reconnecting-websocket.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0  
 
   <p align="center">  
@@ -135,4 +136,5 @@ export default WebSocketExample;
 
 # 开源协议
 
-本项目基于 [MIT License](https://github.com/eranbo/react-native-base64/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/eranbo/react-native-base64/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-redash.md b/zh-cn/react-native-redash.md
index 7cfc01b1..5aac82ab 100644
--- a/zh-cn/react-native-redash.md
+++ b/zh-cn/react-native-redash.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -282,3 +283,5 @@ return (
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/wcandillon/react-native-redash/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-render-html.md b/zh-cn/react-native-render-html.md
index 02cda76e..267c81c0 100644
--- a/zh-cn/react-native-render-html.md
+++ b/zh-cn/react-native-render-html.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -108,3 +109,5 @@ export default function App() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/meliorence/react-native-render-html/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-restart.md b/zh-cn/react-native-restart.md
index 2957f095..d89ba82d 100644
--- a/zh-cn/react-native-restart.md
+++ b/zh-cn/react-native-restart.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -157,3 +158,5 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/avishayil/react-native-restart/blob/master/LICENSE)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-root-modal.md b/zh-cn/react-native-root-modal.md
index 370f256c..da2cf343 100644
--- a/zh-cn/react-native-root-modal.md
+++ b/zh-cn/react-native-root-modal.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -129,3 +130,5 @@ RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-modal/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-root-siblings.md b/zh-cn/react-native-root-siblings.md
index dda17e05..f0fa1b91 100644
--- a/zh-cn/react-native-root-siblings.md
+++ b/zh-cn/react-native-root-siblings.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -293,3 +294,5 @@ RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-siblings/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-root-toast.md b/zh-cn/react-native-root-toast.md
index 0043637c..cffa9bbb 100644
--- a/zh-cn/react-native-root-toast.md
+++ b/zh-cn/react-native-root-toast.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -152,3 +153,5 @@ export function ReactNativeRootToastExample() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index 128ceba8..dc3d4b63 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -258,3 +259,5 @@ Note that providers should not be inside a View that is animated with Animated o
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/th3rdwave/react-native-safe-area-context/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-screens.md b/zh-cn/react-native-screens.md
index a982fb39..fc118f1b 100644
--- a/zh-cn/react-native-screens.md
+++ b/zh-cn/react-native-screens.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -150,3 +151,5 @@ enableScreens(false);
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/software-mansion/react-native-screens/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index 8169b876..adc4ab35 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -108,3 +109,5 @@ export default () => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-scrollable-tabview.md b/zh-cn/react-native-scrollable-tabview.md
index 0ff2e01d..6d822cad 100644
--- a/zh-cn/react-native-scrollable-tabview.md
+++ b/zh-cn/react-native-scrollable-tabview.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -204,3 +205,5 @@ clearStacks(callback:   function.optional) | 清空栈以及相关状态   (Tabs
 本项目基于 [The MIT License (MIT)](https://github.com/itenl/react-native-scrollable-tabview/blob/main/LICENSE) ，请自由地享受和参与开源。
 
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-section-list-get-item-layout.md b/zh-cn/react-native-section-list-get-item-layout.md
index a80fab53..35353637 100644
--- a/zh-cn/react-native-section-list-get-item-layout.md
+++ b/zh-cn/react-native-section-list-get-item-layout.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -89,3 +90,5 @@ class MyComponent extends React.Component {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/jsoendermann/rn-section-list-get-item-layout/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 1e87dcf3..37ae606d 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -209,3 +210,5 @@ gyroscope 需要的权限：ohos.permission.GYROSCOPE
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-sensors/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-shadow-2.md b/zh-cn/react-native-shadow-2.md
index 4224254c..54c9a70d 100644
--- a/zh-cn/react-native-shadow-2.md
+++ b/zh-cn/react-native-shadow-2.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -222,3 +223,5 @@ export default Shadow2Demo;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/SrBrahma/react-native-shadow-2/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-simple-toast.md b/zh-cn/react-native-simple-toast.md
index bd931097..4fe9b3fe 100644
--- a/zh-cn/react-native-simple-toast.md
+++ b/zh-cn/react-native-simple-toast.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -159,4 +160,5 @@ CENTER | toast显示位置:CENTER | number | / | no
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-simple-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-simple-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-snap-carousel.md b/zh-cn/react-native-snap-carousel.md
index 24a3b812..3716081e 100644
--- a/zh-cn/react-native-snap-carousel.md
+++ b/zh-cn/react-native-snap-carousel.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -160,3 +161,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FShopify%2Fflash-list%2Fblob%2Fmain%2FLICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-sortable-list.md b/zh-cn/react-native-sortable-list.md
index 5ad70d79..9c7bd5c8 100644
--- a/zh-cn/react-native-sortable-list.md
+++ b/zh-cn/react-native-sortable-list.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.1.3
 
 <p align="center">
@@ -345,3 +346,5 @@ export default App;
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index e3efff36..1325d6ee 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -321,3 +322,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/zmxv/react-native-sound/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-stickyheader.md b/zh-cn/react-native-stickyheader.md
index 99a02137..5bf7aa06 100644
--- a/zh-cn/react-native-stickyheader.md
+++ b/zh-cn/react-native-stickyheader.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -141,3 +142,5 @@ export default App;
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-stickyheader/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index b03ff846..02304141 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -614,3 +615,5 @@ FontProps 组件属性 HarmonyOS 侧支持情况
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-svg-charts.md b/zh-cn/react-native-svg-charts.md
index 7fec629e..d170cc33 100644
--- a/zh-cn/react-native-svg-charts.md
+++ b/zh-cn/react-native-svg-charts.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -631,3 +632,5 @@ children | One or many react-native-svg components that will be used to enhance
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/JesperLekland/react-native-svg-charts/blob/dev/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index a7c3c002..c30d61fa 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -329,3 +330,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-swipe-gestures.md b/zh-cn/react-native-swipe-gestures.md
index 1f3bbadf..7068d690 100644
--- a/zh-cn/react-native-swipe-gestures.md
+++ b/zh-cn/react-native-swipe-gestures.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -168,4 +169,5 @@ Can be passed within optional `config` property.
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-swipe-list-view.md b/zh-cn/react-native-swipe-list-view.md
index 4595979f..5793f491 100644
--- a/zh-cn/react-native-swipe-list-view.md
+++ b/zh-cn/react-native-swipe-list-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -307,3 +308,5 @@ const styles = StyleSheet.create({
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-swipe-list-view/blob/sig/LICENSE) ，请自由地享受和参与开源。
 
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-swiper.md b/zh-cn/react-native-swiper.md
index f035ca67..26e8d84e 100644
--- a/zh-cn/react-native-swiper.md
+++ b/zh-cn/react-native-swiper.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -227,3 +228,5 @@ var swiper = React.createClass({
 ### 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/leecade/react-native-swiper/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-switch-pro.md b/zh-cn/react-native-switch-pro.md
index b10d69a2..a97c4d91 100644
--- a/zh-cn/react-native-switch-pro.md
+++ b/zh-cn/react-native-switch-pro.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -112,4 +113,5 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/poberwong/react-native-switch-pro/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/poberwong/react-native-switch-pro/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-switch-selector.md b/zh-cn/react-native-switch-selector.md
index 627eda13..146811b5 100644
--- a/zh-cn/react-native-switch-selector.md
+++ b/zh-cn/react-native-switch-selector.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -124,4 +125,5 @@ export default SwitchSelectorDemo;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE)，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-system-setting.md b/zh-cn/react-native-system-setting.md
index 8005ebfc..f2f1d81e 100644
--- a/zh-cn/react-native-system-setting.md
+++ b/zh-cn/react-native-system-setting.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -310,4 +311,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/c19354837/react-native-system-setting/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/c19354837/react-native-system-setting/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-tab-view.md b/zh-cn/react-native-tab-view.md
index c08b469e..3f31232c 100644
--- a/zh-cn/react-native-tab-view.md
+++ b/zh-cn/react-native-tab-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -246,3 +247,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/satya164/react-native-tab-view/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index 0e7e4b0a..80f1e44f 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -397,3 +398,5 @@ This is an object similar to the one you pass to `measure`, but the `text` optio
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-toolbar-android.md b/zh-cn/react-native-toolbar-android.md
index 55dda91a..1d8341ad 100644
--- a/zh-cn/react-native-toolbar-android.md
+++ b/zh-cn/react-native-toolbar-android.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -294,3 +295,5 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index 643ef560..83c5cd6d 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -228,3 +229,5 @@ In your `module.json5`
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/naoufal/react-native-touch-id?tab=readme-ov-file#license) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md
index 7f6492f4..cf7824b3 100644
--- a/zh-cn/react-native-transitiongroup.md
+++ b/zh-cn/react-native-transitiongroup.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -175,3 +176,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/madsleejensen/react-native-transitiongroup/blob/master/package.json) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-translucent-modal.md b/zh-cn/react-native-translucent-modal.md
index 76e54974..965a3165 100644
--- a/zh-cn/react-native-translucent-modal.md
+++ b/zh-cn/react-native-translucent-modal.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -143,3 +144,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/23mf/react-native-translucent-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-typing-animation.md b/zh-cn/react-native-typing-animation.md
index 8ccac048..380fba88 100644
--- a/zh-cn/react-native-typing-animation.md
+++ b/zh-cn/react-native-typing-animation.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -237,3 +238,5 @@ export default TypingAnimationDemos;
 
 本项目基于  [The MIT License (MIT)](https://github.com/watadarkstar/react-native-typing-animation/blob/master/LICENSE) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-unitsyles.md b/zh-cn/react-native-unitsyles.md
index 97542338..11ceadc0 100644
--- a/zh-cn/react-native-unitsyles.md
+++ b/zh-cn/react-native-unitsyles.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -552,4 +553,5 @@ Enable a plugin
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/jpudysz/react-native-unistyles/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/jpudysz/react-native-unistyles/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-vconsole.md b/zh-cn/react-native-vconsole.md
index fcc4ab66..0dd65756 100644
--- a/zh-cn/react-native-vconsole.md
+++ b/zh-cn/react-native-vconsole.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -96,3 +97,5 @@ render() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-vector-icons.md b/zh-cn/react-native-vector-icons.md
index c2142e08..026ef23f 100644
--- a/zh-cn/react-native-vector-icons.md
+++ b/zh-cn/react-native-vector-icons.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -515,3 +516,5 @@ export function VectorIconsDemo() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index 32aec331..1f635267 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -217,4 +218,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index b914dc90..a022ce80 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -621,3 +622,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-view-overflow.md b/zh-cn/react-native-view-overflow.md
index f2fcf669..281687dc 100644
--- a/zh-cn/react-native-view-overflow.md
+++ b/zh-cn/react-native-view-overflow.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -251,4 +252,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/entria/react-native-view-overflow/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/entria/react-native-view-overflow/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index 578a3167..edc733dd 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -297,3 +298,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-view-shot/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index 5129fc33..26da0cdd 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -440,3 +441,5 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/mrousavy/react-native-vision-camera/blob/main/LICENSE) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-waterfall-flow.md b/zh-cn/react-native-waterfall-flow.md
index 7707b9d3..dcc341b0 100644
--- a/zh-cn/react-native-waterfall-flow.md
+++ b/zh-cn/react-native-waterfall-flow.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -334,3 +335,5 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/axerjs/react-native-waterfall-flow/blob/HEAD/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 601a64aa..472212c0 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -282,3 +283,5 @@ RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
 [react-native-vconsole.md](react-native-vconsole.md)
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-worklets-core.md b/zh-cn/react-native-worklets-core.md
index a1881b7c..77f70ae5 100644
--- a/zh-cn/react-native-worklets-core.md
+++ b/zh-cn/react-native-worklets-core.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -271,4 +272,5 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-worklets-core/blob/sig/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-worklets-core/blob/sig/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index 56e41db2..c1f0f6f6 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -543,3 +544,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/mockingbot/react-native-zip-archive/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-zoom-able-view.md b/zh-cn/react-native-zoom-able-view.md
index d3ce57bf..7f084476 100644
--- a/zh-cn/react-native-zoom-able-view.md
+++ b/zh-cn/react-native-zoom-able-view.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -186,3 +187,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation-bottom-tabs.md b/zh-cn/react-navigation-bottom-tabs.md
index eb5d24a4..59dfa9a8 100644
--- a/zh-cn/react-navigation-bottom-tabs.md
+++ b/zh-cn/react-navigation-bottom-tabs.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -77,3 +78,5 @@ yarn add @react-navigation/bottom-tabs@6.5.11
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/bottom-tabs/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation-elements.md b/zh-cn/react-navigation-elements.md
index d693ffbb..c7abbb4a 100644
--- a/zh-cn/react-navigation-elements.md
+++ b/zh-cn/react-navigation-elements.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -152,3 +153,5 @@ import { HeaderBackContext } from "@react-navigation/elements";
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/elements/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation-native-stack.md b/zh-cn/react-navigation-native-stack.md
index c4e8f6e8..d9c1a707 100644
--- a/zh-cn/react-navigation-native-stack.md
+++ b/zh-cn/react-navigation-native-stack.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -187,3 +188,5 @@ export default function App() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/main/packages/native-stack/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation-native.md b/zh-cn/react-navigation-native.md
index 39258fa4..6d1926c5 100644
--- a/zh-cn/react-navigation-native.md
+++ b/zh-cn/react-navigation-native.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -60,3 +61,5 @@ yarn add @react-navigation/native@6.1.9
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/native/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation-shared-element.md b/zh-cn/react-navigation-shared-element.md
index 7cb5df85..4c96526c 100644
--- a/zh-cn/react-navigation-shared-element.md
+++ b/zh-cn/react-navigation-shared-element.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -250,4 +251,5 @@ const styles = StyleSheet.create({
 ## 其他
 
 ## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/IjzerenHein/react-navigation-shared-element/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/IjzerenHein/react-navigation-shared-element/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation-stack.md b/zh-cn/react-navigation-stack.md
index 744626c4..3946b274 100644
--- a/zh-cn/react-navigation-stack.md
+++ b/zh-cn/react-navigation-stack.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -69,3 +70,5 @@ yarn add @react-navigation/stack@6.3.19
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/stack/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation.md b/zh-cn/react-navigation.md
index 4efa4c21..ec74358e 100644
--- a/zh-cn/react-navigation.md
+++ b/zh-cn/react-navigation.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -31,3 +32,5 @@
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/a7ul/react-native-exception-handler/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-redux.md b/zh-cn/react-redux.md
index 944a3c96..8bf2cc06 100644
--- a/zh-cn/react-redux.md
+++ b/zh-cn/react-redux.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -175,3 +176,5 @@ export function Counter() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/react-redux/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-router-dom.md b/zh-cn/react-router-dom.md
index a14ed82e..215ac378 100644
--- a/zh-cn/react-router-dom.md
+++ b/zh-cn/react-router-dom.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -104,3 +105,5 @@ export default DomDemo;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/remix-run/react-router/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-use.md b/zh-cn/react-use.md
index 697e548a..573f47af 100644
--- a/zh-cn/react-use.md
+++ b/zh-cn/react-use.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 模板版本：v0.2.1
 
 <p align="center">
@@ -176,3 +177,5 @@ npm install rebound --legacy-peer-deps
 ## 其他
 ## 开源协议
 本项目基于 [The MIT License (MIT)](https://github.com/streamich/react-use/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/reanimated-props-backup.md b/zh-cn/reanimated-props-backup.md
index 26e603d4..f616895b 100644
--- a/zh-cn/reanimated-props-backup.md
+++ b/zh-cn/reanimated-props-backup.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -168,4 +169,5 @@ This Animated object wraps React Native built-ins such as View,Text,ScrollView,I
 | useEvent            | This is low-level hook returning event handler that will be invoked with native events, which should be used in order to create custom event handler hook like useAnimatedGestureHandler or useAnimatedScrollHandler.                 | Function | No       | iOS Android Web | No                |
 | useHandler          | This is low-level hook returning context object and value indicating whether worklet should be rebuilt, which should be used in order to create custom event handler hook like useAnimatedGestureHandler or useAnimatedScrollHandler. | Function | No       | iOS Android Web | No                |
 | dispatchCommand     | Allows to dispatch command on a native component synchronously from the UI thread.                                                                                                                                                    | Function | No       | iOS Android Web | No                |
-| setNativeProps      | setNativeProps lets you imperatively update component properties.                                                                                                                                                                     | Function | No       | iOS Android Web | No                |
\ No newline at end of file
+| setNativeProps      | setNativeProps lets you imperatively update component properties.                                                                                                                                                                     | Function | No       | iOS Android Web | No                |
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerListView.md
index 8a862f7e..87604e23 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerListView.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.2
 
 <p align="center">
@@ -234,3 +235,5 @@ const styles = {
 ## 开源协议
 
 本项目基于 [Apache License 2.0](https://github.com/Flipkart/recyclerlistview/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-actions.md b/zh-cn/redux-actions.md
index 94eb2025..bc9643f1 100644
--- a/zh-cn/redux-actions.md
+++ b/zh-cn/redux-actions.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -304,3 +305,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/redux-utilities/redux-actions/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-logger.md b/zh-cn/redux-logger.md
index bbdb22c8..06992b9e 100644
--- a/zh-cn/redux-logger.md
+++ b/zh-cn/redux-logger.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -84,3 +85,5 @@ const store = createStore(reducer, applyMiddleware(logger));
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/LogRocket/redux-logger/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-persist.md b/zh-cn/redux-persist.md
index c5423781..3ede7d84 100644
--- a/zh-cn/redux-persist.md
+++ b/zh-cn/redux-persist.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -155,3 +156,5 @@ import store, {persistRootStore} from './store'
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/rt2zz/redux-persist/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-thunk.md b/zh-cn/redux-thunk.md
index 20a017c3..04c01309 100644
--- a/zh-cn/redux-thunk.md
+++ b/zh-cn/redux-thunk.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -155,3 +156,5 @@ export default AddTodo
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux-thunk?tab=MIT-1-ov-file)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-toolkit.md b/zh-cn/redux-toolkit.md
index d2c7cc0a..31d7c61f 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/redux-toolkit.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -223,3 +224,5 @@ export function Counter() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux-toolkit?tab=readme-ov-file)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux.md b/zh-cn/redux.md
index 0c22a7f1..021b5b64 100644
--- a/zh-cn/redux.md
+++ b/zh-cn/redux.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -158,3 +159,5 @@ export function Counter() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md
index 229292ee..66eaf65e 100644
--- a/zh-cn/rn-placeholder.md
+++ b/zh-cn/rn-placeholder.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -127,3 +128,5 @@ A PlaceholderMedia is the second of the two basic and visual components of a pla
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/mfrachet/rn-placeholder/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/rn-tourguide.md b/zh-cn/rn-tourguide.md
index 0d9edd9a..0feb92d6 100644
--- a/zh-cn/rn-tourguide.md
+++ b/zh-cn/rn-tourguide.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -302,3 +303,5 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/xcarpentier/rn-tourguide/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/sentry-react-native.md b/zh-cn/sentry-react-native.md
index 9ca16ed8..a1fc8555 100644
--- a/zh-cn/sentry-react-native.md
+++ b/zh-cn/sentry-react-native.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -242,3 +243,5 @@ export default function SentryDemo() {
 
 本项目基于 [The MIT License (MIT)](https://github.com/getsentry/sentry-react-native/blob/main/LICENSE.md) ，请自由地享受和参与开源。
 
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index 39115817..e02b208c 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -279,3 +280,5 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Shopify/flash-list/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index 3dc5fa53..4a80c894 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -95,3 +96,5 @@ function MyUI() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/styled-components/styled-components/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index ef1e391d..de1e19db 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -219,3 +220,5 @@ const Box = styled.div`
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From bd6b31132c294a9fc63e38d7f03d508fe5f2e530 Mon Sep 17 00:00:00 2001
From: huhexing <hexing_hu@163.com>
Date: Thu, 20 Jun 2024 19:30:12 +0800
Subject: [PATCH 025/966] =?UTF-8?q?docs:=20[Issues:=20#IA6Z9D]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-tab-navigator=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-tab-navigator.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-tab-navigator.md b/zh-cn/react-native-tab-navigator.md
index 36ec5bde..b8cf09c4 100644
--- a/zh-cn/react-native-tab-navigator.md
+++ b/zh-cn/react-native-tab-navigator.md
@@ -106,7 +106,7 @@ export default App;
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
 
 ## 属性
 

From bbfdd45dfa0c2f21c10784781303960df039e1e3 Mon Sep 17 00:00:00 2001
From: huhexing <hexing_hu@163.com>
Date: Fri, 21 Jun 2024 09:15:27 +0800
Subject: [PATCH 026/966] =?UTF-8?q?docs:=20[Issues:=20#IA6Z9D]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-tab-navigator=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-tab-navigator.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-tab-navigator.md b/zh-cn/react-native-tab-navigator.md
index b8cf09c4..75d87d16 100644
--- a/zh-cn/react-native-tab-navigator.md
+++ b/zh-cn/react-native-tab-navigator.md
@@ -17,6 +17,8 @@
 
 ## 安装与使用
 
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)，并下载适用版本的 tgz 包。
+
 进入到工程目录并输入以下命令：
 
 > [!TIP] # 处替换为 tgz 包的路径
@@ -104,9 +106,9 @@ export default App;
 
 ### 兼容性
 
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)
 
 ## 属性
 

From c1d88a382064d6dfd96f3c3554a6b5ad2a2948ee Mon Sep 17 00:00:00 2001
From: huhexing <hexing_hu@163.com>
Date: Fri, 21 Jun 2024 14:44:39 +0800
Subject: [PATCH 027/966] =?UTF-8?q?docs:=20[Issues:=20#IA6Z9D]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-tab-navigator=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-tab-navigator.md | 144 +++++++++++++++-------------
 1 file changed, 80 insertions(+), 64 deletions(-)

diff --git a/zh-cn/react-native-tab-navigator.md b/zh-cn/react-native-tab-navigator.md
index 75d87d16..13d150c9 100644
--- a/zh-cn/react-native-tab-navigator.md
+++ b/zh-cn/react-native-tab-navigator.md
@@ -1,3 +1,5 @@
+<!-- {% raw %} -->
+
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -44,59 +46,71 @@ yarn add @react-native-oh-tpl/react-native-tab-navigator@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```ts
-import React, { useState } from 'react';
-import { View, StyleSheet, Text, Image } from 'react-native';
-import TabNavigator from 'react-native-tab-navigator';
-
-const HOME_IMAGE = [require('../assets/tab-navigator/home_unselected.svg'), require('../assets/tab-navigator/home_selected.svg')];
-const PROFILE_IMAGE = [require('../assets/tab-navigator/profile_unselected.svg'), require('../assets/tab-navigator/profile_selected.svg')];
+import React, { useState } from "react";
+import { View, StyleSheet, Text, Image } from "react-native";
+import TabNavigator from "react-native-tab-navigator";
+
+const HOME_IMAGE = [
+  require("../assets/tab-navigator/home_unselected.svg"),
+  require("../assets/tab-navigator/home_selected.svg"),
+];
+const PROFILE_IMAGE = [
+  require("../assets/tab-navigator/profile_unselected.svg"),
+  require("../assets/tab-navigator/profile_selected.svg"),
+];
 
 const App = () => {
-  const [selectedTab, setSelectedTab] = useState('home');
+  const [selectedTab, setSelectedTab] = useState("home");
   return (
     <View style={styles.container}>
-        <TabNavigator style={styles.tabContainer}>
-            <TabNavigator.Item
-                selected={selectedTab === 'home'}
-                title="Home"
-                selectedTitleStyle={{ color: "#3496f0" }}
-                renderIcon={() => <Image source={HOME_IMAGE[0]} style={styles.iconSize} />}
-                renderSelectedIcon={() => <Image source={HOME_IMAGE[1]} style={styles.iconSize} />}
-                onPress={() => setSelectedTab('home')}>
-                <Home />
-            </TabNavigator.Item>
-            <TabNavigator.Item
-                selected={selectedTab === 'profile'}
-                title="Profile"
-                selectedTitleStyle={{ color: "#3496f0" }}
-                renderIcon={() => <Image source={PROFILE_IMAGE[0]} style={styles.iconSize} />}
-                renderSelectedIcon={() => <Image source={PROFILE_IMAGE[1]} style={styles.iconSize} />}
-                onPress={() => setSelectedTab('profile')}>
-                <Profile />
-            </TabNavigator.Item>
-        </TabNavigator>
+      <TabNavigator style={styles.tabContainer}>
+        <TabNavigator.Item
+          selected={selectedTab === "home"}
+          title="Home"
+          selectedTitleStyle={{ color: "#3496f0" }}
+          renderIcon={() => (
+            <Image source={HOME_IMAGE[0]} style={styles.iconSize} />
+          )}
+          renderSelectedIcon={() => (
+            <Image source={HOME_IMAGE[1]} style={styles.iconSize} />
+          )}
+          onPress={() => setSelectedTab("home")}
+        >
+          <Home />
+        </TabNavigator.Item>
+        <TabNavigator.Item
+          selected={selectedTab === "profile"}
+          title="Profile"
+          selectedTitleStyle={{ color: "#3496f0" }}
+          renderIcon={() => (
+            <Image source={PROFILE_IMAGE[0]} style={styles.iconSize} />
+          )}
+          renderSelectedIcon={() => (
+            <Image source={PROFILE_IMAGE[1]} style={styles.iconSize} />
+          )}
+          onPress={() => setSelectedTab("profile")}
+        >
+          <Profile />
+        </TabNavigator.Item>
+      </TabNavigator>
     </View>
   );
 };
 
 function Home() {
-    return (
-        <View style={styles.tabContainer}>
-            <Text style={styles.welcome}>
-                Home
-            </Text>
-        </View>
-    );
+  return (
+    <View style={styles.tabContainer}>
+      <Text style={styles.welcome}>Home</Text>
+    </View>
+  );
 }
 
 function Profile() {
-    return (
-        <View style={styles.tabContainer}>
-            <Text style={styles.welcome}>
-                Profile
-            </Text>
-        </View>
-    );
+  return (
+    <View style={styles.tabContainer}>
+      <Text style={styles.welcome}>Profile</Text>
+    </View>
+  );
 }
 
 export default App;
@@ -118,31 +132,31 @@ export default App;
 
 ### TabNavigator props
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| sceneStyle  | define for rendered scene         | object (style)  | No | iOS/Android      | Yes |
-| tabBarStyle  | define style for TabBar         | object (style)  | No | iOS/Android      | Yes |
-| tabBarShadowStyle  | define shadow style for tabBar         | object (style)  | No | iOS/Android      | Yes |
-| hidesTabTouch  | disable onPress opacity for Tab         | boolean  | No | iOS/Android      | Yes |
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| sceneStyle        | define for rendered scene       | object (style) | No       | iOS/Android | Yes               |
+| tabBarStyle       | define style for TabBar         | object (style) | No       | iOS/Android | Yes               |
+| tabBarShadowStyle | define shadow style for tabBar  | object (style) | No       | iOS/Android | Yes               |
+| hidesTabTouch     | disable onPress opacity for Tab | boolean        | No       | iOS/Android | Yes               |
 
 ### TabNavigator.Item props
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| renderIcon  | returns Item icon         | function  | No | iOS/Android      | Yes |
-| renderSelectedIcon  | returns selected Item icon         | function  | No | iOS/Android      | Yes |
-| badgeText  | text for Item badge         | string or number  | No | iOS/Android      | Yes |
-| renderBadge  | returns Item badge         | function  | No | iOS/Android      | Yes |
-| title  | Item title         | string  | No | iOS/Android      | Yes |
-| titleStyle  | styling for Item title         | style  | No | iOS/Android      | Yes |
-| selectedTitleStyle  | styling for selected Item title         | style  | No | iOS/Android      | Yes |
-| tabStyle  | styling for tab         | style  | No | iOS/Android      | Yes |
-| selected  | return whether the item is selected         | boolean  | No | iOS/Android      | Yes |
-| onPress  | onPress method for Item         | function  | No | iOS/Android      | Yes |
-| allowFontScaling  | allow font scaling for title         | boolean  | No | iOS/Android      | Yes |
-| accessible  | indicates if this item is an accessibility element         | boolean  | No | iOS/Android      | Yes |
-| accessibilityLabel  | override text for screen readers         | string  | No | iOS/Android      | Yes |
-| testID  | used to locate this item in end-to-end-tests         | string  | No | iOS/Android      | Yes |
+| Name               | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ------------------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| renderIcon         | returns Item icon                                  | function         | No       | iOS/Android | Yes               |
+| renderSelectedIcon | returns selected Item icon                         | function         | No       | iOS/Android | Yes               |
+| badgeText          | text for Item badge                                | string or number | No       | iOS/Android | Yes               |
+| renderBadge        | returns Item badge                                 | function         | No       | iOS/Android | Yes               |
+| title              | Item title                                         | string           | No       | iOS/Android | Yes               |
+| titleStyle         | styling for Item title                             | style            | No       | iOS/Android | Yes               |
+| selectedTitleStyle | styling for selected Item title                    | style            | No       | iOS/Android | Yes               |
+| tabStyle           | styling for tab                                    | style            | No       | iOS/Android | Yes               |
+| selected           | return whether the item is selected                | boolean          | No       | iOS/Android | Yes               |
+| onPress            | onPress method for Item                            | function         | No       | iOS/Android | Yes               |
+| allowFontScaling   | allow font scaling for title                       | boolean          | No       | iOS/Android | Yes               |
+| accessible         | indicates if this item is an accessibility element | boolean          | No       | iOS/Android | Yes               |
+| accessibilityLabel | override text for screen readers                   | string           | No       | iOS/Android | Yes               |
+| testID             | used to locate this item in end-to-end-tests       | string           | No       | iOS/Android | Yes               |
 
 ## 遗留问题
 
@@ -150,4 +164,6 @@ export default App;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 4c53d93243c73ebd3df600bb774fa08ab0cb5f2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E5=81=A5?= <wujian131@h-partners.com>
Date: Mon, 24 Jun 2024 01:29:45 +0000
Subject: [PATCH 028/966] =?UTF-8?q?!770=20docs:=20[#IA5NU0]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-cardview=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IA5NU0]=20=E6=96=B0=E5=A2=9Ereact-nat?=
 =?UTF-8?q?ive-cardview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cardview.md | 265 +++++++++++++++++++++++++++++++++
 1 file changed, 265 insertions(+)
 create mode 100644 zh-cn/react-native-cardview.md

diff --git a/zh-cn/react-native-cardview.md b/zh-cn/react-native-cardview.md
new file mode 100644
index 00000000..451457bf
--- /dev/null
+++ b/zh-cn/react-native-cardview.md
@@ -0,0 +1,265 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-cardview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Kishanjvaghela/react-native-cardview">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Kishanjvaghela/react-native-cardview">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-cardview)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-cardview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-cardview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { StyleSheet, Text, View, SafeAreaView } from 'react-native';
+import CardView from 'react-native-cardview';
+
+export default class Example3 extends Component {
+  render() {
+    return (
+        <CardView
+          cardElevation={3}
+          cardMaxElevation={3}
+          cornerRadius={3}
+          style={{
+            height: 60,
+            justifyContent: 'center',
+            alignItems: 'center',
+            margin: 20,
+            backgroundColor: '#ffffff'
+          }}
+        >
+          <View
+            style={{
+              flex: 1,
+              justifyContent: 'flex-end',
+              backgroundColor: 'red'
+            }}
+          >
+            <Text
+              style={{
+                color: '#000000',
+                fontSize: 12,
+                backgroundColor: 'pink',
+                textAlign: 'center'
+              }}
+            >
+              Helloo
+            </Text>
+          </View>
+        </CardView>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  card: {
+    backgroundColor: 'white',
+    alignItems: 'center',
+    justifyContent: 'center',
+    alignSelf: 'center',
+    flex: 1,
+    margin: 10
+  },
+  text: {
+    textAlign: 'center',
+    margin: 10,
+    height: 75
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5
+  }
+});
+
+```
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-cardview": "file:../../node_modules/@react-native-oh-tpl/react-native-cardview/harmony/card_view.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 CardViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-cardview/src/main/cpp" ./card-view)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_card_view)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "CardViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<CardViewPackage>(ctx),
+    };
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| cornerRadius       | An attribute to set the elevation of the card.                                          | number | No       | All      | yes               |
+| cardElevation       | An attribute to support shadow on pre-lollipop device in android.                 | number | No       | All      | yes               |
+| cardMaxElevation    | An attribute to set the radius of the card.                                               | number | No       | All      | yes               |
+| useCompatPadding     | CardView adds additional padding to draw shadows on platforms before Lollipop.         | boolean | No       | All      | yes               |
+| cornerOverlap        | On pre-Lollipop platforms, CardView does not clip the bounds of the Card for the rounded corners. | boolean | No   | All  | yes               |
+| backgroundColor      | The background color of the card.                                                          | number | No       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License](https://github.com/Kishanjvaghela/react-native-cardview/blob/master/LICENSE)，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From ac886ba26e5c996bf8fd25288623ebc274f2fd36 Mon Sep 17 00:00:00 2001
From: yangzhipeng <yangzhipeng27@h-partners.com>
Date: Mon, 24 Jun 2024 10:40:29 +0800
Subject: [PATCH 029/966] =?UTF-8?q?docs:=20[Issues:=20#IA7LTP]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-material-buttons=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-material-buttons.md | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/zh-cn/react-native-material-buttons.md b/zh-cn/react-native-material-buttons.md
index 5bd2abce..d4e82185 100644
--- a/zh-cn/react-native-material-buttons.md
+++ b/zh-cn/react-native-material-buttons.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-material-buttons</code> </h1>
@@ -128,7 +128,7 @@ let Strong: React.FC<{ children: React.ReactNode }> = ({ children, ...props }) =
 );
 /* eslint-enable */
 
-export function MaterialButtons() {
+const  MaterialButtons = () => {
       return (
         <SafeAreaView style={styles.safeContainer}>
           <ScrollView style={styles.scroll}>
@@ -197,6 +197,8 @@ export function MaterialButtons() {
       );
 }
 
+export default MaterialButtons;
+
 
 ```
 
@@ -208,10 +210,6 @@ export function MaterialButtons() {
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases)
 
-在下述版本验证通过：
-
-RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
-
 ## 属性
 
 ### 此组件有以下属性:

From c395b80f7660a641b7b660d879ad4879a8f4c343 Mon Sep 17 00:00:00 2001
From: ding_chengjie <dingchenjie1@h-partners.com>
Date: Mon, 24 Jun 2024 10:50:29 +0800
Subject: [PATCH 030/966] =?UTF-8?q?docs:=20[#IA6NFB]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-image-resizer=E6=96=87=E6=A1=A3=E5=91=BD=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...-resizer.md => bam-tech-react-native-image-resizer.md} | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)
 rename zh-cn/{react-native-image-resizer.md => bam-tech-react-native-image-resizer.md} (96%)

diff --git a/zh-cn/react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
similarity index 96%
rename from zh-cn/react-native-image-resizer.md
rename to zh-cn/bam-tech-react-native-image-resizer.md
index 8a7358f0..a60526a7 100644
--- a/zh-cn/react-native-image-resizer.md
+++ b/zh-cn/bam-tech-react-native-image-resizer.md
@@ -1,8 +1,8 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-image-resizer</code> </h1>
+  <h1 align="center"> <code>@bam.tech/react-native-image-resizer</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/bamlab/react-native-image-resizer">
@@ -271,6 +271,10 @@ const styles = StyleSheet.create({
 export default ImageResizerDemo;    
 ```
 
+## 使用 Codegen（如本库已适配了 Codegen ）
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。

From dfd6e46698af91e9a51b7e1cea4c1d237d6e794b Mon Sep 17 00:00:00 2001
From: kongchuiyu <kongchuiyu@h-partners.com>
Date: Mon, 24 Jun 2024 10:56:27 +0800
Subject: [PATCH 031/966] =?UTF-8?q?docs:=20[Issues:=20#I9QOE7]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0react-native-neomorph-shadows=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-neomorph-shadows.md | 142 +++++++++++++++++++++++++
 1 file changed, 142 insertions(+)
 create mode 100644 zh-cn/react-native-neomorph-shadows.md

diff --git a/zh-cn/react-native-neomorph-shadows.md b/zh-cn/react-native-neomorph-shadows.md
new file mode 100644
index 00000000..0883ee4d
--- /dev/null
+++ b/zh-cn/react-native-neomorph-shadows.md
@@ -0,0 +1,142 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-neomorph-shadows</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tokkozhin/react-native-neomorph-shadows">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-neomorph-shadows)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-neomorph-shadows@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-neomorph-shadows@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { Shadow } from 'react-native-neomorph-shadows';
+
+export default function () {
+    return (
+        <View style={styles.container}>
+            <Shadow
+                style={{
+                    // shadowOffset: { width: 0, height: 5 },
+                    fillOpacity: 0.6,
+                    // borderRadius: 25,
+                    stopColor:"#f0f0f0",//渐变结束的颜色
+                    startColor:"#FF3A3A",//渐变开始的颜色
+                    width: 110,
+                    height: 110,
+                    alignItems: "center",
+                    justifyContent: "center"
+                }}>
+                <View
+                    style={{
+                        borderRadius: 25,
+                        backgroundColor: "#FF3A3A",
+                        width: 110,
+                        height: 44,
+                        alignItems: "center",
+                        justifyContent: "center",
+                        // shadowColor: "#FFC0C0",
+                        // shadowOffset: {
+                        //     width: 0,
+                        //     height: 20
+                        // },
+                        // shadowOpacity: 1,
+                        // shadowRadius: 3.84,
+                        // elevation: 5 // 添加阴影效果
+                    }}>
+                    <Text
+                        style={{
+                            color: "#ffffff",
+                            fontWeight: "bold",
+                            textAlign: "center",
+                            fontSize: 16
+                        }}>
+                        登录/注册
+                    </Text>
+                </View>
+            </Shadow>
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#f0f0f0',
+    },
+});
+
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)
+
+## 属性
+
+### 此组件有以下属性:
+## **API（Shadow）**
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|     **style**      |       Style object        |                         Object                           |    No    | iOS/Android |        Yes        |
+|        **fillOpacity**        |                   shadow transparency                    |                         String                           |    YES   | iOS/Android |        Yes        |
+|     **stopColor**      |                  Shadow Gradient End Color              |                         String                           |    No    | iOS/Android |        Yes        |
+| **startColor**  |       Shadow Gradient Start Color       |                         String                           |    No    | iOS/Android |        Yes        |
+
+
+## 遗留问题
+
+目前仅设计Shadow组件阴影效果。Neomorph组件暂未涉及。[issue#5](https://github.com/react-native-oh-library/react-native-neomorph-shadows/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE) ，请自由地享受和参与开源。 
+<!-- {% endraw %} -->
\ No newline at end of file

From df9c2a37f4a7d02b769610e994722aa8e806fa7e Mon Sep 17 00:00:00 2001
From: meimei0321 <dengzimei@h-partners.com>
Date: Mon, 24 Jun 2024 10:24:34 +0800
Subject: [PATCH 032/966] =?UTF-8?q?docs:=20[Issues:=20#IA7MZ5]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-calendar-events=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-calendar-events.md | 49 ++++++++++++++++++---------
 1 file changed, 33 insertions(+), 16 deletions(-)

diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 1f6142ec..70788e47 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-calendar-events</code> </h1>
@@ -58,8 +58,8 @@ import {
     Platform,
 } from 'react-native';
 import {Header, Colors} from 'react-native/Libraries/NewAppScreen';
-import RNCalendarEvents from '@react-native-oh-tpl/react-native-calendar-events';
-import {CalendarType, EventType, ServiceType, RecurrenceFrequency} from "@react-native-oh-tpl/react-native-calendar-events/src/calendarType"
+import RNCalendarEvents from 'react-native-calendar-events';
+import {CalendarType, EventType, ServiceType, RecurrenceFrequency} from "react-native-calendar-events"
 
 const sourceStruct = {
     /** The Account name */
@@ -235,8 +235,27 @@ const styles = StyleSheet.create({
 export default CalendarDemo;
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
 ## Link
 
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
@@ -315,9 +334,7 @@ ohpm install
 ### 兼容性
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
 
-本文档内容基于以下版本验证通过：
-
-RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.19
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases)
 
 ### 权限要求
 
@@ -330,7 +347,7 @@ RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 "requestPermissions": [
 +  {
 +    "name": "ohos.permission.READ_CALENDAR",
-+    "reason": "$string:calendarPermission",
++    "reason": "$string:Access_calendar",
 +    "usedScene": {
 +      "abilities": [
 +        "FormAbility"
@@ -375,22 +392,22 @@ RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 | Name                  | Description                                                                                     | Type      | Required | Platform | HarmonyOS Support |
 |-----------------------|-------------------------------------------------------------------------------------------------|-----------| -------- |----------|------------------|
-| requestPermissions()  | Request calendar authorization. Authorization must be granted before accessing calendar events. | function  | No       | All      | yes              |
-| checkPermissions()    | Get calendar authorization status.                                                              | function  | No       | All      | yes              |
+| requestPermissions((readOnly = false))  | Request calendar authorization. Authorization must be granted before accessing calendar events. | function  | No       | All      | yes              |
+| checkPermissions((readOnly = false))    | Get calendar authorization status.                                                              | function  | No       | All      | yes              |
 | findCalendars()       | Finds all the calendars on the device.                                                          | function  | No       | All      | yes              |
-| saveCalendar()        | Create a calendar.                                                                              | function  | No       | All      | yes              |
-| removeCalendar()      | Removes a calendar.                                                                             | function  | No       | All      | yes              |
-| findEventById()       | Find calendar  by id.                                                                           | function  | No       | All      | yes              |
-| fetchAllEvents()      | Fetch all calendar events.                                                                      | function  | No       | All      | yes              |
-| saveEvent()           | Creates or updates a calendar event. To update an event, the event id must be defined.          | function  | No       | All      | yes              |
-| removeEvent()         | Removes calendar event.                                                                         | function  | No       | All      | yes              |
+| saveCalendar(calendar)        | Create a calendar.                                                                              | function  | No       | All      | yes              |
+| removeCalendar(id)      | Removes a calendar.                                                                             | function  | No       | All      | yes              |
+| findEventById(id)       | Find calendar  by id.                                                                           | function  | No       | All      | yes              |
+| fetchAllEvents(startDate, endDate, calendars)      | Fetch all calendar events.                                                                      | function  | No       | All      | yes              |
+| saveEvent(title, details, options)           | Creates or updates a calendar event. To update an event, the event id must be defined.          | function  | No       | All      | yes              |
+| removeEvent(id, options)         | Removes calendar event.                                                                         | function  | No       | All      | yes              |
 
 ## 遗留问题
-- 无
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
 <!-- {% endraw %} -->
\ No newline at end of file

From 4f569d7a96fd0bbfdcbbcf5e6461d59c4cef6b23 Mon Sep 17 00:00:00 2001
From: kongchuiyu <kongchuiyu@h.partners.com>
Date: Mon, 24 Jun 2024 16:02:01 +0800
Subject: [PATCH 033/966] =?UTF-8?q?docs:=20[#IA6HFZ]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=20openspacelabs-react-native-zoomable-view=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...penspacelabs-react-native-zoomable-view.md | 189 +++++++++++++++++
 zh-cn/react-native-zoom-able-view.md          | 191 ------------------
 2 files changed, 189 insertions(+), 191 deletions(-)
 create mode 100644 zh-cn/openspacelabs-react-native-zoomable-view.md
 delete mode 100644 zh-cn/react-native-zoom-able-view.md

diff --git a/zh-cn/openspacelabs-react-native-zoomable-view.md b/zh-cn/openspacelabs-react-native-zoomable-view.md
new file mode 100644
index 00000000..b1527464
--- /dev/null
+++ b/zh-cn/openspacelabs-react-native-zoomable-view.md
@@ -0,0 +1,189 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@openspacelabs/react-native-zoomable-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/openspacelabs/react-native-zoomable-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/openspacelabs/react-native-zoomable-view)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @openspacelabs/react-native-zoomable-view@2.1.6
+```
+
+#### **yarn**
+
+```bash
+yarn add @openspacelabs/react-native-zoomable-view@2.1.6
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { View, StyleSheet, Image, Animated } from "react-native";
+import React from "react";
+import { ReactNativeZoomableView } from "@openspacelabs/react-native-zoomable-view";
+
+export function ReactNativeZoomableViewExample() {
+  const zoomAnimatedValue = React.useRef(new Animated.Value(1)).current;
+  const scale = Animated.divide(1, zoomAnimatedValue);
+  return (
+    <View style={styles.container}>
+      <View style={styles.box}>
+        <ReactNativeZoomableView
+          maxZoom={30}
+          initialZoom={1.5}
+          contentWidth={300}
+          contentHeight={150}
+          panBoundaryPadding={500}
+          style={{ padding: 10, backgroundColor: "red" }}
+        >
+          <View style={styles.contents}>
+            <Image
+              style={styles.img}
+              source={require("../assets/placeholder2000x2000.jpg")}
+            />
+
+            {[20, 40, 60, 80].map((left) =>
+              [20, 40, 60, 80].map((top) => (
+                <Animated.View
+                  key={`${left}x${top}`}
+                  style={[
+                    styles.marker,
+                    { left: `${left}%`, top: `${top}%` },
+                    { transform: [{ scale }] },
+                  ]}
+                />
+              ))
+            )}
+          </View>
+        </ReactNativeZoomableView>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 20,
+  },
+  contents: {
+    flex: 1,
+    alignSelf: "stretch",
+  },
+  box: {
+    borderWidth: 5,
+    flexShrink: 1,
+    height: 500,
+    width: 310,
+  },
+  img: {
+    width: "100%",
+    height: "100%",
+    resizeMode: "contain",
+  },
+  marker: {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    width: 20,
+    height: 20,
+    marginLeft: -10,
+    marginTop: -10,
+    borderRadius: 10,
+    backgroundColor: "white",
+    borderWidth: 2,
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                             | Type     | Description                                                                                                                                                                                                                                                                                                                          | Required | Platform | HarmonyOS Support |
+| -------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| zoomEnabled                      | boolean  | Can be used to enable or disable the zooming dynamically                                                                                                                                                                                                                                                                             | no       | All      | yes               |
+| panEnabled                       | boolean  | Can be used to enable or disable the panning dynamically                                                                                                                                                                                                                                                                             | no       | All      | yes               |
+| initialZoom                      | number   | Initial zoom level on startup                                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| maxZoom                          | number   | Maximum possible zoom level (zoom in). Can be set to`null` to allow unlimited zooming                                                                                                                                                                                                                                                | no       | All      | yes               |
+| minZoom                          | number   | Minimum possible zoom level (zoom out)                                                                                                                                                                                                                                                                                               | no       | All      | yes               |
+| disablePanOnInitialZoom          | boolean  | If true, panning is disabled when zoom level is equal to the initial zoom level                                                                                                                                                                                                                                                      | no       | All      | yes               |
+| doubleTapDelay                   | number   | How much delay will still be recognized as double press (ms)                                                                                                                                                                                                                                                                         | no       | All      | yes               |
+| doubleTapZoomToCenter            | boolean  | If true, double tapping will always zoom to center of View instead of the direction it was double tapped in                                                                                                                                                                                                                          | no       | All      | yes               |
+| bindToBorders                    | boolean  | If true, it makes sure the object stays within box borders                                                                                                                                                                                                                                                                           | no       | All      | yes               |
+| zoomStep                         | number   | How much zoom should be applied on double tap                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| pinchToZoomInSensitivity         | number   | the level of resistance (sensitivity) to zoom in (0 - 10) - higher is less sensitive                                                                                                                                                                                                                                                 | no       | All      | yes               |
+| pinchToZoomOutSensitivity        | number   | the level of resistance (sensitivity) to zoom out (0 - 10) - higher is less sensitive                                                                                                                                                                                                                                                | no       | All      | yes               |
+| movementSensibility              | number   | how resistant should shifting the view around be? (0.5 - 5) - higher is less sensitive                                                                                                                                                                                                                                               | no       | All      | yes               |
+| initialOffsetX                   | number   | The horizontal offset the image should start at                                                                                                                                                                                                                                                                                      | no       | All      | yes               |
+| initialOffsetY                   | number   | The vertical offset the image should start at                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| contentHeight                    | number   | Specify if you want to treat the height of the**centered** content inside the zoom subject as the zoom subject's height                                                                                                                                                                                                              | no       | All      | yes               |
+| contentWidth                     | number   | Specify if you want to treat the width of the**centered** content inside the zoom subject as the zoom subject's width                                                                                                                                                                                                                | no       | All      | yes               |
+| panBoundaryPadding               | number   | At certain scales, the edge of the content is bounded too close to the edge of the container, making it difficult to pan to and interact with the edge of the content. To fix this, we'd wanna allow the content to pan just a little further away from the container's edge. Hence, the "pan boundary padding", measured in pixels. | no       | All      | yes               |
+| longPressDuration                | number   | Duration in ms until a press is considered a long press                                                                                                                                                                                                                                                                              | no       | All      | yes               |
+| visualTouchFeedbackEnabled       | boolean  | Whether to show a touch feedback circle on touch                                                                                                                                                                                                                                                                                     | no       | All      | yes               |
+| onTransform                      | function | Will be called when the transformation configuration (zoom level and offset) changes                                                                                                                                                                                                                                                 | no       | All      | yes               |
+| onDoubleTapBefore                | function | Will be called, at the start of a double tap                                                                                                                                                                                                                                                                                         | no       | All      | yes               |
+| onDoubleTapAfter                 | function | Will be called at the end of a double tap                                                                                                                                                                                                                                                                                            | no       | All      | yes               |
+| onShiftingBefore                 | function | Will be called, when user taps and moves the view, but before our view movement work kicks in (so this is the place to interrupt movement, if you need to)                                                                                                                                                                           | no       | All      | yes               |
+| onShiftingAfter                  | function | Will be called, when user taps and moves the view, but after the values have changed already                                                                                                                                                                                                                                         | no       | All      | yes               |
+| onShiftingEnd                    | function | Will be called, when user stops a tap and move gesture                                                                                                                                                                                                                                                                               | no       | All      | yes               |
+| onZoomBefore                     | function | Will be called, while the user pinches the screen, but before our zoom work kicks in (so this is the place to interrupt zooming, if you need to)                                                                                                                                                                                     | no       | All      | yes               |
+| onZoomAfter                      | function | Will be called, while the user pinches the screen, but after the values have changed already                                                                                                                                                                                                                                         | no       | All      | yes               |
+| onZoomEnd                        | function | Will be called after pinchzooming has ended                                                                                                                                                                                                                                                                                          | no       | All      | yes               |
+| onLongPress                      | function | Will be called after the user pressed on the image for a while                                                                                                                                                                                                                                                                       | no       | All      | yes               |
+| onStartShouldSetPanResponder     | function | Determines whether the view group responds to touch events when a finger is pressed.                                                                                                                                                                                                                                                 | no       | All      | yes               |
+| onPanResponderGrant              | function | The gesture has started                                                                                                                                                                                                                                                                                                              | no       | All      | yes               |
+| onPanResponderEnd                | function | Will be called when gesture ends (more accurately, on pan responder "release")                                                                                                                                                                                                                                                       | no       | All      | yes               |
+| onPanResponderTerminate          | function | Will be called when the gesture is force-interrupted by another handler                                                                                                                                                                                                                                                              | no       | All      | yes               |
+| onPanResponderTerminationRequest | function | Callback asking whether the gesture should be interrupted by another handler                                                                                                                                                                                                                                                         | no       | IOS      | yes               |
+| onPanResponderMove               | function | Will be called when user moves while touching                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| onShouldBlockNativeResponder     | function | Returns whether this component should block native components from becoming the JS responder                                                                                                                                                                                                                                         | no       | All      | yes               |
+| zoomTo                           | function | Changes the zoom level to a specific number                                                                                                                                                                                                                                                                                          | no       | All      | yes               |
+| zoomBy                           | function | Changes the zoom level relative to the current level (use positive numbers to zoom in, negative numbers to zoom out)                                                                                                                                                                                                                 | no       | All      | yes               |
+| moveTo                           | function | Shifts the zoomed part to a specific point (in px relative to x: 0, y: 0)                                                                                                                                                                                                                                                            | no       | All      | yes               |
+| moveBy                           | function | Shifts the zoomed part by a specific pixel number                                                                                                                                                                                                                                                                                    | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-zoom-able-view.md b/zh-cn/react-native-zoom-able-view.md
deleted file mode 100644
index 7f084476..00000000
--- a/zh-cn/react-native-zoom-able-view.md
+++ /dev/null
@@ -1,191 +0,0 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
-
-<p align="center">
-  <h1 align="center"> <code>react-native-zoomable-view</code> </h1>
-</p>
-<p align="center">
-    <a href="https://github.com/openspacelabs/react-native-zoomable-view">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
-
-> [!TIP] [Github 地址](https://github.com/openspacelabs/react-native-zoomable-view)
-
-## 安装与使用
-
-进入到工程目录并输入以下命令：
-
-<!-- tabs:start -->
-
-#### **npm**
-
-```bash
-npm install @openspacelabs/react-native-zoomable-view@2.1.6
-```
-
-#### **yarn**
-
-```bash
-yarn add @openspacelabs/react-native-zoomable-view@2.1.6
-```
-
-<!-- tabs:end -->
-
-下面的代码展示了这个库的基本使用场景：
-
-> [!WARNING] 使用时 import 的库名不变。
-
-```js
-import { View, StyleSheet, Image, Animated } from "react-native";
-import React from "react";
-import { ReactNativeZoomableView } from "@openspacelabs/react-native-zoomable-view";
-
-export function ReactNativeZoomableViewExample() {
-  const zoomAnimatedValue = React.useRef(new Animated.Value(1)).current;
-  const scale = Animated.divide(1, zoomAnimatedValue);
-  return (
-    <View style={styles.container}>
-      <View style={styles.box}>
-        <ReactNativeZoomableView
-          maxZoom={30}
-          initialZoom={1.5}
-          contentWidth={300}
-          contentHeight={150}
-          panBoundaryPadding={500}
-          style={{ padding: 10, backgroundColor: "red" }}
-        >
-          <View style={styles.contents}>
-            <Image
-              style={styles.img}
-              source={require("../assets/placeholder2000x2000.jpg")}
-            />
-
-            {[20, 40, 60, 80].map((left) =>
-              [20, 40, 60, 80].map((top) => (
-                <Animated.View
-                  key={`${left}x${top}`}
-                  style={[
-                    styles.marker,
-                    { left: `${left}%`, top: `${top}%` },
-                    { transform: [{ scale }] },
-                  ]}
-                />
-              ))
-            )}
-          </View>
-        </ReactNativeZoomableView>
-      </View>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 20,
-  },
-  contents: {
-    flex: 1,
-    alignSelf: "stretch",
-  },
-  box: {
-    borderWidth: 5,
-    flexShrink: 1,
-    height: 500,
-    width: 310,
-  },
-  img: {
-    width: "100%",
-    height: "100%",
-    resizeMode: "contain",
-  },
-  marker: {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    width: 20,
-    height: 20,
-    marginLeft: -10,
-    marginTop: -10,
-    borderRadius: 10,
-    backgroundColor: "white",
-    borderWidth: 2,
-  },
-});
-```
-
-## 约束与限制
-
-### 兼容性
-
-本文档内容基于以下版本验证通过：
-
-1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
-
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                       | Type     | Description                                                      | Required | Platform | HarmonyOS Support |
-| -------------------------- | -------- | ---------------------------------------------------------------- | -------- | -------- | ----------------- |
-| zoomEnabled                | boolean  | Can be used to enable or disable the zooming dynamically                                                                                                                                                                                                                                                                             | no       | All      | yes               |
-| panEnabled                 | boolean  | Can be used to enable or disable the panning dynamically                                                                                                                                                                                                                                                                             | no       | All      | yes               |
-| initialZoom                | number   | Initial zoom level on startup                                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
-| maxZoom                    | number   | Maximum possible zoom level (zoom in). Can be set to`null` to allow unlimited zooming                                                                                                                                                                                                                                                | no       | All      | yes               |
-| minZoom                    | number   | Minimum possible zoom level (zoom out)                                                                                                                                                                                                                                                                                               | no       | All      | yes               |
-| disablePanOnInitialZoom    | boolean  | If true, panning is disabled when zoom level is equal to the initial zoom level                                                                                                                                                                                                                                                      | no       | All      | yes               |
-| doubleTapDelay             | number   | How much delay will still be recognized as double press (ms)                                                                                                                                                                                                                                                                         | no       | All      | yes               |
-| doubleTapZoomToCenter      | boolean  | If true, double tapping will always zoom to center of View instead of the direction it was double tapped in                                                                                                                                                                                                                          | no       | All      | yes               |
-| bindToBorders              | boolean  | If true, it makes sure the object stays within box borders                                                                                                                                                                                                                                                                           | no       | All      | yes               |
-| zoomStep                   | number   | How much zoom should be applied on double tap                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
-| pinchToZoomInSensitivity   | number   | the level of resistance (sensitivity) to zoom in (0 - 10) - higher is less sensitive                                                                                                                                                                                                                                                 | no       | All      | yes               |
-| pinchToZoomOutSensitivity  | number   | the level of resistance (sensitivity) to zoom out (0 - 10) - higher is less sensitive                                                                                                                                                                                                                                                | no       | All      | yes               |
-| movementSensibility        | number   | how resistant should shifting the view around be? (0.5 - 5) - higher is less sensitive                                                                                                                                                                                                                                               | no       | All      | yes               |
-| initialOffsetX             | number   | The horizontal offset the image should start at                                                                                                                                                                                                                                                                                      | no       | All      | yes               |
-| initialOffsetY             | number   | The vertical offset the image should start at                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
-| contentHeight              | number   | Specify if you want to treat the height of the**centered** content inside the zoom subject as the zoom subject's height                                                                                                                                                                                                              | no       | All      | yes               |
-| contentWidth               | number   | Specify if you want to treat the width of the**centered** content inside the zoom subject as the zoom subject's width                                                                                                                                                                                                                | no       | All      | yes               |
-| panBoundaryPadding         | number   | At certain scales, the edge of the content is bounded too close to the edge of the container, making it difficult to pan to and interact with the edge of the content. To fix this, we'd wanna allow the content to pan just a little further away from the container's edge. Hence, the "pan boundary padding", measured in pixels. | no       | All      | yes               |
-| longPressDuration          | number   | Duration in ms until a press is considered a long press                                                                                                                                                                                                                                                                              | no       | All      | yes               |
-| visualTouchFeedbackEnabled | boolean  | Whether to show a touch feedback circle on touch                                                                                                                                                                                                                                                                                     | no       | All      | yes               |
-| onTransform                | function | Will be called when the transformation configuration (zoom level and offset) changes                                                                                                                                                                                                                                                 | no       | All      | yes               |
-| onDoubleTapBefore          | function | Will be called, at the start of a double tap                                                                                                                                                                                                                                                                                         | no       | All      | yes               |
-| onDoubleTapAfter           | function | Will be called at the end of a double tap                                                                                                                                                                                                                                                                                            | no       | All      | yes               |
-| onShiftingBefore           | function | Will be called, when user taps and moves the view, but before our view movement work kicks in (so this is the place to interrupt movement, if you need to)                                                                                                                                                                           | no       | All      | yes               |
-| onShiftingAfter            | function | Will be called, when user taps and moves the view, but after the values have changed already                                                                                                                                                                                                                                         | no       | All      | yes               |
-| onShiftingEnd              | function | Will be called, when user stops a tap and move gesture                                                                                                                                                                                                                                                                               | no       | All      | yes               |
-| onZoomBefore               | function | Will be called, while the user pinches the screen, but before our zoom work kicks in (so this is the place to interrupt zooming, if you need to)                                                                                                                                                                                     | no       | All      | yes               |
-| onZoomAfter                | function | Will be called, while the user pinches the screen, but after the values have changed already                                                                                                                                                                                                                                         | no       | All      | yes               |
-| onZoomEnd                  | function | Will be called after pinchzooming has ended                                                                                                                                                                                                                                                                                          | no       | All      | yes               |
-| onLongPress                | function | Will be called after the user pressed on the image for a while                                                                                                                                                                                                                                                                       | no       | All      | yes               |
-| onStartShouldSetPanResponder                     | function |     Determines whether the view group responds to touch events when a finger is pressed.      | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
-| onPanResponderGrant                     | function |     The gesture has started      | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
-| onPanResponderEnd                     | function |    Will be called when gesture ends (more accurately, on pan responder "release")       | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
-| onPanResponderTerminate                     | function |    Will be called when the gesture is force-interrupted by another handler       | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
-| onPanResponderTerminationRequest                     | function |    Callback asking whether the gesture should be interrupted by another handler       | no       | IOSs      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
-| onPanResponderMove                     | function |    Will be called when user moves while touching       | no       | All      | yes               |                                                                                                                                                                                                                                                                | no       | All      | yes               |
-| onShouldBlockNativeResponder                     | function |   Returns whether this component should block native components from becoming the JS responder   | no       | All      | yes               |
-
-| zoomTo                     | function | Changes the zoom level to a specific number                                                                                                                                                                                                                                                                                          | no       | All      | yes               |
-| zoomBy                     | function | Changes the zoom level relative to the current level (use positive numbers to zoom in, negative numbers to zoom out)                                                                                                                                                                                                                 | no       | All      | yes               |
-| moveTo                     | function | Shifts the zoomed part to a specific point (in px relative to x: 0, y: 0)                                                                                                                                                                                                                                                            | no       | All      | yes               |
-| moveBy                     | function | Shifts the zoomed part by a specific pixel number                                                                                                                                                                                                                                                                                    | no       | All      | yes               |
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 7e6c285eb9938ce83334d384094805f2de13982f Mon Sep 17 00:00:00 2001
From: ding_chengjie <dingchenjie1@h-partners.com>
Date: Mon, 24 Jun 2024 16:12:07 +0800
Subject: [PATCH 034/966] =?UTF-8?q?docs:=20[#IA6PSP]=20=E6=96=B0=E5=A2=9Er?=
 =?UTF-8?q?eadme=E9=93=BE=E6=8E=A5=E5=AF=B9=E5=BA=94=E5=BA=93=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 19 +++++++++++++++----
 zh-cn/README.md | 19 +++++++++++++++----
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 02bf9ebd..63bda0a2 100644
--- a/README.md
+++ b/README.md
@@ -164,10 +164,21 @@
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
 | 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
 | 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
-| 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking) | 1.0.1 | − | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-map-linking.md) |
-| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera) | 4.3.2 | 否 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-vision-camera.md) |
-| 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive) | 7.0.0 | 否 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-zip-archive.md) |
-| 144 | [react-native-audio](https://github.com/jsierles/react-native-audio) | 4.3.1 | 否 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-audio.md) |
+| 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
+| 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.3.2         | 否                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
+| 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
+| 144  | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否                 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
+| 145  | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是                 | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
+| 146  | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                | 3.1.0         | 是                 | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
+| 147  | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是                 | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
+| 148  | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否                 | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
+| 149  | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否                 | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
+| 150  | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
+| 151  | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
+| 152  | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否                 | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
+| 153  | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否                 | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
+| 154  | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
+| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否                 | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 7d229f9c..8391c8d7 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -165,10 +165,21 @@
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
 | 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
 | 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
-| 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking) | 1.0.1 | − | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-map-linking.md) |
-| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera) | 4.3.2 | 否 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-vision-camera.md) |
-| 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive) | 7.0.0 | 否 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-zip-archive.md) |
-| 144 | [react-native-audio](https://github.com/jsierles/react-native-audio) | 4.3.1 | 否 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases) | [链接](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-audio.md) |
+| 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
+| 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.3.2         | 否                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
+| 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
+| 144  | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否                 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
+| 145  | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是                 | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
+| 146  | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                | 3.1.0         | 是                 | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
+| 147  | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是                 | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
+| 148  | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否                 | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
+| 149  | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否                 | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
+| 150  | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
+| 151  | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
+| 152  | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否                 | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
+| 153  | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否                 | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
+| 154  | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
+| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否                 | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From 6f1b953b706f1f8fb484865af8fe302ee9d30d49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E5=81=A5?= <wujian131@h-partners.com>
Date: Mon, 24 Jun 2024 17:15:32 +0800
Subject: [PATCH 035/966] =?UTF-8?q?fix:=20[#IA6JFX]=20=E4=BF=AE=E6=94=B9fl?=
 =?UTF-8?q?ash-list=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/shopify-flash-list.md | 157 ++++++++++++++++++++++--------------
 1 file changed, 97 insertions(+), 60 deletions(-)

diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index e02b208c..abf207f8 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@shopify/flash-list</code> </h1>
@@ -9,22 +9,20 @@
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/Shopify/flash-list/blob/main/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" /> 
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/flash-list)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/flash-list)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
 > [!TIP] # 处替换为 tgz 包的路径
 
-<!-- tabs:start -->
-
 #### **npm**
 
 ```bash
@@ -37,9 +35,7 @@ npm install @react-native-oh-tpl/flash-list@file:#
 yarn add @react-native-oh-tpl/flash-list@file:#
 ```
 
-<!-- tabs:end -->
-
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
@@ -70,9 +66,20 @@ const MyList = () => {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
 
 ### 引入原生端代码
 
@@ -81,7 +88,7 @@ const MyList = () => {
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -90,8 +97,7 @@ const MyList = () => {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-flash-list": "file:../../node_modules/@react-native-oh-tpl/flash-list/harmony/flash_list.har"
+    "@react-native-oh-tpl/flash-list": "file:../../node_modules/@react-native-oh-tpl/flash-list/harmony/flash-list.har"
   }
 ```
 
@@ -115,34 +121,44 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-flash-list/src/main/cpp" ./flash_list)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/flash-list/src/main/cpp" ./flah-list)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_flash_list)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "FlashListPackage.h"
 
@@ -150,20 +166,23 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<FlashListPackage>(ctx)
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<FlashListPackage>(ctx)
     };
 }
 ```
 
-### 在 ArkTs 侧引入 flash-list 组件
+### 在 ArkTs 侧引入 FlashList 组件（若需要运行 ArkTs 版本）
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+> [!WARNING] Deprecated！该库已接入 CAPI。
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
 ...
-+ import { RNAutoLayoutView, FLASH_LIST_TYPE } from "rnoh-flash-list"
-+ import { RNCellContainer, CELL_CONTAINER_TYPE } from "rnoh-flash-list"
++ import { RNAutoLayoutView, FLASH_LIST_TYPE } from "@react-native-oh-tpl/flash-list"
++ import { RNCellContainer, CELL_CONTAINER_TYPE } from "@react-native-oh-tpl/flash-list"
 
   @Builder
   function buildCustomComponent(ctx: ComponentBuilderContext) {
@@ -171,20 +190,20 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
       SampleView({
         ctx: ctx.rnComponentContext,
         tag: ctx.tag,
-        buildCustomComponent: buildCustomComponent
+        buildCustomComponent: buildCustomRNComponent
       })
     }
 +   else if (ctx.componentName === FLASH_LIST_TYPE) {
 +     RNAutoLayoutView({
 +       ctx: ctx.rnComponentContext,
 +       tag: ctx.tag,
-+       buildCustomComponent: buildCustomComponent
++       buildCustomComponent: buildCustomRNComponent
 +     })
 +   } else if (ctx.componentName === CELL_CONTAINER_TYPE) {
 +     RNCellContainer({
 +       ctx: ctx.rnComponentContext,
 +       tag: ctx.tag,
-+       buildCustomComponent: buildCustomComponent
++       buildCustomComponent: buildCustomRNComponent
 +     })
 +   }
 
@@ -193,6 +212,23 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
   ...
 ```
 
+### 在 ArkTs 侧引入 FlashListPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {FlashListPackage} from '@react-native-oh-tpl/flash-list';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new FlashListPackage(ctx)
+  ];
+}
+```
+
+
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -206,11 +242,13 @@ ohpm install
 
 然后编译、运行即可。
 
+## 约束与限制
+
 ### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/flash-list releases](https://github.com/react-native-oh-library/flash-list/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases)
 
 ## 属性
 
@@ -218,11 +256,11 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                                   | Description                                                                                                                                                                                                                                                    | Type                | Required | Platform | HarmonyOS Support  |
-| -------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------- | -------- | ------------------ |
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | contentContainerStyle                  | You can use contentContainerStyle to apply padding that will be applied to the whole content itself.                                                                                                                                                           | ContentStyle        | No       | All      | Yes                |
 | estimatedListSize                      | Estimated visible height and width of the list. It is not the scroll content size. Defining this prop will enable the list to be rendered immediately. Without it, the list first needs to measure its size, leading to a small delay during the first render. | object              | No       | All      | Yes                |
-| horizontal                             | If true, renders items next to each other horizontally instead of stacked vertically. Default is false.                                                                                                                                                        | boolean             | No       | All      | partially（false） |
+| horizontal                             | If true, renders items next to each other horizontally instead of stacked vertically. Default is false.                                                                                                                                                        | boolean             | No       | All      | Yes |
 | keyExtractor                           | Used to extract a unique key for a given item at the specified index. Key is used for optimizing performance.                                                                                                                                                  | function            | No       | All      | Yes                |
 | numColumns                             | Multiple columns can only be rendered with horizontal={false} and will zig-zag like a flexWrap layout. Items should all be the same height - masonry layouts are not supported.                                                                                | number              | No       | All      | Yes                |
 | extraData                              | A marker property for telling the list to re-render (since it implements PureComponent)                                                                                                                                                                        | any                 | No       | All      | Yes                |
@@ -241,22 +279,22 @@ ohpm install
 | onViewableItemsChanged                 | Called when the viewability of rows changes, as defined by the viewabilityConfig prop.                                                                                                                                                                         | callback            | No       | All      | Yes                |
 | getItemType                            | Allows developers to specify item types.                                                                                                                                                                                                                       | function            | No       | All      | Yes                |
 | overrideItemLayout                     | This method can be used to provide explicit size estimates or change column span of an item.                                                                                                                                                                   | function            | No       | All      | Yes                |
-| ItemSeparatorComponent                 | Rendered in between each item, but not at the top or bottom.                                                                                                                                                                                                   | JXS Element         | No       | All      | No                 |
-| ListEmptyComponent                     | Rendered when the list is empty                                                                                                                                                                                                                                | JXS Element         | No       | All      | No                 |
-| ListFooterComponentStyle               | Styling for internal View for ListFooterComponent.                                                                                                                                                                                                             | React.ComponentType | No       | All      | No                 |
-| ListHeaderComponentStyle               | Styling for internal View for ListHeaderComponent.                                                                                                                                                                                                             | StyleProp           | No       | All      | No                 |
-| disableAutoLayout                      | FlashList applies some fixes to layouts of its children which can conflict with custom CellRendererComponent implementations. You can disable this behavior by setting this to true.                                                                           | boolean             | No       | All      | No                 |
-| disableHorizontalListHeightMeasurement | When set to true the list's rendered size needs to be deterministic (i.e., height and width greater than 0) as FlashList will skip rendering the extra item for measurement. Default value is false.                                                           | boolean             | No       | All      | No                 |
-| estimatedFirstItemOffset               | estimatedFirstItemOffset specifies how far the first item is drawn from start of the list window or offset of the first item of the list (not the header).                                                                                                     | number              | No       | All      | No                 |
-| initialScrollIndex                     | Instead of starting at the top with the first item, start at initialScrollIndex                                                                                                                                                                                | number              | No       | All      | No                 |
-| inverted                               | Reverses the direction of scroll. Uses scale transforms of -1.                                                                                                                                                                                                 | boolean             | No       | All      | No                 |
-| onBlankArea                            | FlashList computes blank space that is visible to the user during scrolling or the initial loading of the list.                                                                                                                                                | callback            | No       | All      | No                 |
-| onLoad                                 | This event is raised once the list has drawn items on the screen.                                                                                                                                                                                              | callback            | No       | All      | No                 |
-| onRefresh                              | If provided, a standard RefreshControl will be added for "Pull to Refresh" functionality. Make sure to also set the refreshing prop correctly.                                                                                                                 | callback            | No       | All      | No                 |
-| overrideProps                          | We do not recommend using this prop for anything else than debugging. Internal props of the list will be overriden with the provided values.                                                                                                                   | object              | No       | All      | No                 |
-| progressViewOffset                     | Set this when offset is needed for the loading indicator to show correctly.                                                                                                                                                                                    | number              | No       | All      | No                 |
-| refreshing                             | Set this true while waiting for new data from a refresh.                                                                                                                                                                                                       | boolean             | No       | All      | No                 |
-| viewabilityConfigCallbackPairs         | List of ViewabilityConfig/onViewableItemsChanged pairs. A specific onViewableItemsChanged will be called when its corresponding ViewabilityConfig's conditions are met.                                                                                        | object              | No       | All      | No                 |
+| ItemSeparatorComponent                 | Rendered in between each item, but not at the top or bottom.                                                                                                                                                                                                   | JXS Element         | No       | All      | Yes                |
+| ListEmptyComponent                     | Rendered when the list is empty                                                                                                                                                                                                                                | JXS Element         | No       | All      |Yes               |
+| ListFooterComponentStyle               | Styling for internal View for ListFooterComponent.                                                                                                                                                                                                             | React.ComponentType | No       | All      | Yes                |
+| ListHeaderComponentStyle               | Styling for internal View for ListHeaderComponent.                                                                                                                                                                                                             | StyleProp           | No       | All      | Yes                |
+| disableAutoLayout                      | FlashList applies some fixes to layouts of its children which can conflict with custom CellRendererComponent implementations. You can disable this behavior by setting this to true.                                                                           | boolean             | No       | All      | Yes                |
+| disableHorizontalListHeightMeasurement | When set to true the list's rendered size needs to be deterministic (i.e., height and width greater than 0) as FlashList will skip rendering the extra item for measurement. Default value is false.                                                           | boolean             | No       | All      | Yes                |
+| estimatedFirstItemOffset               | estimatedFirstItemOffset specifies how far the first item is drawn from start of the list window or offset of the first item of the list (not the header).                                                                                                     | number              | No       | All      | Yes               |
+| initialScrollIndex                     | Instead of starting at the top with the first item, start at initialScrollIndex                                                                                                                                                                                | number              | No       | All      | Yes               |
+| inverted                               | Reverses the direction of scroll. Uses scale transforms of -1.                                                                                                                                                                                                 | boolean             | No       | All      | Yes                |
+| onBlankArea                            | FlashList computes blank space that is visible to the user during scrolling or the initial loading of the list.                                                                                                                                                | callback            | No       | All      | Yes                 |
+| onLoad                                 | This event is raised once the list has drawn items on the screen.                                                                                                                                                                                              | callback            | No       | All      | Yes               |
+| onRefresh                              | If provided, a standard RefreshControl will be added for "Pull to Refresh" functionality. Make sure to also set the refreshing prop correctly.                                                                                                                 | callback            | No       | All      | Yes                |
+| overrideProps                          | We do not recommend using this prop for anything else than debugging. Internal props of the list will be overriden with the provided values.                                                                                                                   | object              | No       | All      | Yes               |
+| progressViewOffset                     | Set this when offset is needed for the loading indicator to show correctly.                                                                                                                                                                                    | number              | No       | All      | Yes                |
+| refreshing                             | Set this true while waiting for new data from a refresh.                                                                                                                                                                                                       | boolean             | No       | All      | Yes                 |
+| viewabilityConfigCallbackPairs         | List of ViewabilityConfig/onViewableItemsChanged pairs. A specific onViewableItemsChanged will be called when its corresponding ViewabilityConfig's conditions are met.                                                                                        | object              | No       | All      | Yes                 |
 
 ## 静态方法
 
@@ -264,21 +302,20 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                            | Description                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
-| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| prepareForLayoutAnimationRender | Run this method before running layout animations, such as when animating an element when deleting it.                                                         | function | No       | All      | No                |
-| recordInteraction               | Tells the list an interaction has occurred, which should trigger viewability calculations, e.g. if waitForInteractions is true and the user has not scrolled. | function | No       | All      | No                |
-| scrollToEnd                     | Scrolls to the end of the content.                                                                                                                            | function | No       | All      | No                |
-| scrollToIndex                   | Scroll to a given index.                                                                                                                                      | function | No       | All      | No                |
-| scrollToItem                    | Scroll to a given item.                                                                                                                                       | function | No       | All      | No                |
-| scrollToOffset                  | Scroll to a specific content pixel offset in the list.                                                                                                        | function | No       | All      | No                |
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| prepareForLayoutAnimationRender | Run this method before running layout animations, such as when animating an element when deleting it.                                                         | function | No       | All      | Yes               |
+| recordInteraction               | Tells the list an interaction has occurred, which should trigger viewability calculations, e.g. if waitForInteractions is true and the user has not scrolled. | function | No       | All      | Yes              |
+| scrollToEnd                     | Scrolls to the end of the content.                                                                                                                            | function | No       | All      | Yes               |
+| scrollToIndex                   | Scroll to a given index.                                                                                                                                      | function | No       | All      | Yes               |
+| scrollToItem                    | Scroll to a given item.                                                                                                                                       | function | No       | All      | Yes              |
+| scrollToOffset                  | Scroll to a specific content pixel offset in the list.                                                                                                        | function | No       | All      | Yes              |
 
 ## 遗留问题
 
-- [ ] flash-list 部分属性未实现 HarmonyOS 化: [issue#I8QVS0](https://gitee.com/react-native-oh-library/usage-docs/issues/I8QVS0)
+## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Shopify/flash-list/blob/main/LICENSE.md) ，请自由地享受和参与开源。
-
 <!-- {% endraw %} -->
\ No newline at end of file

From 88cd70bd2ed0a3f854f95cf189adbf833cb7e4b6 Mon Sep 17 00:00:00 2001
From: meimei0321 <dengzimei@h-partners.com>
Date: Mon, 24 Jun 2024 17:10:45 +0800
Subject: [PATCH 036/966] =?UTF-8?q?docs:=20[Issues:=20#IA6V9O]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-storage=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-storage.md | 245 ++++++++++++++++++++++++++++++++++
 1 file changed, 245 insertions(+)
 create mode 100644 zh-cn/react-native-storage.md

diff --git a/zh-cn/react-native-storage.md b/zh-cn/react-native-storage.md
new file mode 100644
index 00000000..23618d31
--- /dev/null
+++ b/zh-cn/react-native-storage.md
@@ -0,0 +1,245 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-storage</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/sunnylqm/react-native-storage">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/sunnylqm/react-native-storage/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/sunnylqm/react-native-storage)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-storage@1.0.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-storage@1.0.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import Storage from 'react-native-storage';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+ class StorageDemo extends Component {
+    constructor() {
+      super();
+      this.listData = [];
+      this.state = {
+        listData: [],
+      };
+    }
+    updateProgress = (text, resetState) => {
+      let listData = [];
+      if (!resetState) {
+        listData = [...this.listData];
+      }
+      listData.push(text);
+      this.listData = listData;
+      this.setState({
+        listData,
+      });
+    };
+    componentWillUnmount = () => {
+      this.timer && clearTimeout(this.timer);
+    };
+    saveStorageFun = (type) => {
+      console.log("test==== >>>>storage====saveStorageFun");
+      this.updateProgress("saveStorage start...");
+      storage.save({
+        key: 'user', 
+        id: type==1?userA.id:userB.id, 
+        data: type==1?userA:userB,
+        expires: 1000 * 3600 * 24
+      }).then(() => {
+        console.log("test==== >>>>storage====saveStorage  success");
+        this.updateProgress("saveStorage success");
+        this.loadStorageFun(type==1?userA:userB)
+      });
+    
+    };
+  loadStorageFun = (user) => {
+    this.updateProgress("loadStorage start...");
+    console.log("test==== >>>>storage====loadStorageFun");
+    storage.load({
+      key: user.key,
+      id:user.id,
+    autoSync: false,
+    syncInBackground: true,
+    }).then(ret => {
+      this.updateProgress("data:{"+JSON.stringify(ret)+"}");
+      console.log("test==== >>>>storage===="+JSON.stringify(ret));
+      this.updateProgress("loadStorage success");
+    }).catch(err => {
+      console.warn(err.message);
+      this.updateProgress("loadStorage fail:"+err.message);
+      console.log("test==== >>>>storage====loadStorageFunError   "+err.message);
+      switch (err.name) {
+          case 'NotFoundError':
+              // TODO;
+          
+              break;
+          case 'ExpiredError':
+              // TODO
+              break;
+      }
+    })
+  }
+ removeStorageFun = (type) => {
+    this.updateProgress("removeStoreage start...");
+    storage.remove({
+      key:type==1?userA.key:userB.key,
+      id:type==1?userA.id:userB.id
+    }).then(() => {
+      this.updateProgress("removeStoreage success");
+      this.loadStorageFun(type==1?userB:userA)
+    }).catch(err => {
+      this.updateProgress("removeStorage fail:"+err.message);
+      console.log("test==== >>>>storage====removeStorageFunError   "+err.message);
+    });
+  }
+  getIdsForKeyStorageFun = (key) => {
+    this.updateProgress("getIdsForKey start...");
+    storage.getIdsForKey(key).then(ids => {
+      this.updateProgress("getIdsForKey: "+JSON.stringify(ids));
+      userids = ids
+      console.log(ids);
+      console.log("test==== >>>>storage=getIdsForKeyStorageFun==="+JSON.stringify(ids));
+      this.updateProgress("getIdsForKey success");
+    }).catch(err => {
+      this.updateProgress("getIdsForKeyStorage fail:"+err.message);
+      console.log("test==== >>>>storage====getIdsForKeyStorageFun===Error   "+err.message);
+    });
+  }
+  getAllDataForKeyStorageFun = (key) => {
+    storage.getAllDataForKey(key).then(users => {
+      console.log(users);
+      console.log("test==== >>>>storage=getAllDataForKeyStorageFun==="+JSON.stringify(users));
+    });
+  }
+  clearMapForKeyStorageFun= (key) =>{
+    storage.clearMapForKey(key);
+    console.log("test==== >>>>storage=clearMapForKeyStorageFun===");
+  }
+  clearMapStorageFun = () => {
+    console.log("test==== >>>>storage=clearMapStorageFun===");
+    this.updateProgress("clearMapStorage start...")
+    storage.clearMap().then(() => {
+      this.updateProgress("clearMapStorage success")
+      this.loadStorageFun(userA)
+    });
+  }
+   getBatchDataStorageFun = () => {
+    console.log("test==== >>>>storage=getBatchDataStorageFun===start...");
+    storage.getBatchData([
+	    { key: 'user'}
+    ]).then(results => {
+      console.log("test==== >>>>storage=getBatchDataStorageFun==="+JSON.stringify(results));
+    })
+  }
+  getBatchDataWithIdsStorageFun = () => {
+    storage.getIdsForKey('user').then(userids => {
+      storage.getBatchDataWithIds({
+      key: 'user',,
+      ids:userids
+    }).then(retData => {
+      this.updateProgress("storage data: "+JSON.stringify(retData));
+      console.log("test==== >>>>storage=getBatchDataWithIdsStorageFun==="+JSON.stringify(retData));
+    }).catch(err => {
+      console.log("test==== >>>>storage====getBatchDataWithIdsStorageFun===Error   "+err.message);
+    });
+    }).catch(err => {
+      this.updateProgress("getIdsForKeyStorage fail:"+err.message);
+      console.log("test==== >>>>storage====getIdsForKeyStorageFun===Error   "+err.message);
+    });
+  }
+ renderProgressEntry = entry => {
+    return (
+      <View style={listStyles.li}>
+        <View>
+          <Text style={listStyles.liText}>{entry.name}</Text>
+        </View>
+      </View>
+    );
+  };
+  render = () => {
+    return (
+      <View style={styles.mainContainer}>
+        <View style={styles.textdata}>
+          <Text style = {styles.textkey}>{JSON.stringify(userA)}</Text>
+          <Text style = {styles.textkey}>{JSON.stringify(userB)}</Text>
+          <Button label='save userA' style={styles.toolbarButton} onPress={() => this.saveStorageFun(1)}/>
+          <Button label='save userB' style={styles.toolbarButton} onPress={() =>this.saveStorageFun(2)}/>
+          <Button label='get user key all ids' style={styles.toolbarButton} onPress={() =>this.getIdsForKeyStorageFun('user')}/>
+          <Button label='remove user key one data' style={styles.toolbarButton} onPress={() =>this.removeStorageFun(1)}/>
+          <Button label='clearMapStorage' style={styles.toolbarButton} onPress={() =>this.clearMapStorageFun()}/>
+          <Button label='read storage data' style={styles.toolbarButton} onPress={() =>this.getBatchDataWithIdsStorageFun()}/>
+        </View>
+        <FlatList
+          data={this.state.listData}
+          renderItem={({item}) => <Item title={item} />}
+          keyExtractor={item => item.i}
+        />
+      </View>
+    );
+  };
+}
+  export default StorageDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH: 0.72.22; SDK: OpenHarmony(api12) 5.0.0.22; IDE: DevEco Studio 5.0.3.228; ROM: 3.0.0.23;
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| remove  | 删除单个数据         | function  | yes | iOS/Android      | yes |
+| load  | 读取         | function  | yes | iOS/Android      | yes |
+| clearAll  | 清空所有数据        | function  | yes | iOS/Android      | yes |
+| clearMap  | 清空map,移除所有"key-id"数据（但会保留只有key的数据）         | function  | yes | iOS/Android      | yes |
+| clearMapForKey  | 清除某个key下的所有数据(仅key-id数据)         | function  | yes | iOS/Android      | yes |
+| getIdsForKey  | 获取某个key下的所有id         | function  | yes | iOS/Android      | yes |
+| getBatchData  | 使用和load方法一样的参数读取批量数据，但是参数是以数组的方式提供，会在需要时分别调用相应的sync方法，最后统一返回一个有序数组。        | function  | yes | iOS/Android      | yes |
+| getBatchDataWithIds  | 根据key和一个id数组来读取批量数据        | function  | yes | iOS/Android      | yes |
+| sync  | 在调用load时，如果本地并没有存储相应的 user，那么会自动触发 storage.sync.user 去远程取回数据并无缝返回        | function  | yes | iOS/Android      | yes |
+| save  | 保存数据，这些数据一般是全局独有的，需要谨慎单独处理的数据       | function  | yes | iOS/Android      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/sunnylqm/react-native-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 2f371a7916250451c17688d75e55676ad48d86bc Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Tue, 25 Jun 2024 16:13:12 +0800
Subject: [PATCH 037/966] =?UTF-8?q?docs:=20[Issues:=20#IA62H0]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ecallstack-react-theme-provider=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/callstack-react-theme-provider.md | 144 ++++++++++++++++++++++++
 1 file changed, 144 insertions(+)
 create mode 100644 zh-cn/callstack-react-theme-provider.md

diff --git a/zh-cn/callstack-react-theme-provider.md b/zh-cn/callstack-react-theme-provider.md
new file mode 100644
index 00000000..75e074cd
--- /dev/null
+++ b/zh-cn/callstack-react-theme-provider.md
@@ -0,0 +1,144 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@callstack/react-theme-provider</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/react-theme-provider">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/callstack/react-theme-provider/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/callstack/react-theme-provider)
+
+## 安装与使用
+
+#### **npm**
+
+```bash
+npm install @callstack/react-theme-provider@3.0.9
+```
+
+#### **yarn**
+
+```bash
+yarn add @callstack/react-theme-provider@3.0.9
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {
+  StyleSheet,
+  Text,
+  Button,
+  View
+} from 'react-native';
+
+import { createTheming } from '@callstack/react-theme-provider';
+
+const theme = {
+  lightTheme: {
+    background: '#ffffff',
+    text: '#000000'
+  },
+  darkTheme: {
+    background: '#000000',
+    text: '#ffffff'
+  },
+};
+
+const { ThemeProvider, useTheme } = createTheming(theme);
+
+const RNThemeProvider = () => {
+  const theme = useTheme();
+
+  const [ptheme, setTheme] = React.useState(theme.lightTheme);
+
+  const toggleTheme = () => {
+    setTheme(ptheme => (ptheme === theme.lightTheme ? theme.darkTheme : theme.lightTheme));
+  };
+
+  const ThemedView = () => {
+    return (
+      <View style={[styles.container, { backgroundColor: ptheme.background }]}>
+        <Text style={[styles.text, { color: ptheme.text }]}>Hello, Themed World!</Text>
+      </View>
+    );
+  }
+  return (
+    <ThemeProvider theme={theme}>
+      <ThemedView />
+      <View style={styles.buttonContainer}>
+        <Button title="Toggle Theme" onPress={toggleTheme} />
+      </View>
+    </ThemeProvider>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    fontSize: 20,
+  },
+  buttonContainer: {
+    position: 'absolute',
+    justifyContent: 'center',
+    alignItems: 'center',
+    bottom: 30,
+    left: 0,
+    right: 0,
+  },
+});
+
+export default RNThemeProvider;
+```
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+
+## 组件
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| ThemeProvider  | 接收一个主题对象作为属性，并将该主题提供给其子组件 | component | no | all      | yes |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| createTheming | 从库中导入以创建主题对象 | function  | yes | all      | yes |
+| useTheme | 用于在函数组件中访问当前主题,它返回当前主题对象 | function | no | all      | yes |
+| withTheme  | 用于将当前主题作为属性传递给包装组件 | function | yes | all      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-theme-provider/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From c84b9e34330ab6781df86db22dcdc3adc1f113e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E5=81=A5?= <wujian131@h-partners.com>
Date: Thu, 20 Jun 2024 16:15:33 +0800
Subject: [PATCH 038/966] =?UTF-8?q?docs:=20[#IA6V4I]=20=E6=96=B0=E5=A2=9Er?=
 =?UTF-8?q?eact-native-sqlite-storage=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sqlite-storage.md | 448 +++++++++++++++++++++++++++
 1 file changed, 448 insertions(+)
 create mode 100644 zh-cn/react-native-sqlite-storage.md

diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
new file mode 100644
index 00000000..db4317e1
--- /dev/null
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -0,0 +1,448 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-sqlite-storage</code> </h1>
+</p>  
+<p align="center">
+    <a href="https://github.com/andpor/react-native-sqlite-storage">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/andpor/react-native-sqlite-storage/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sqlite-storage)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-sqlite-storage@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-sqlite-storage@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+/**
+ * @format
+ */
+import React, {Component} from 'react';
+import {AppRegistry, StyleSheet, Text, View, FlatList} from 'react-native';
+import {name as appName} from './app.json';
+import SQLite from 'react-native-sqlite-storage';
+SQLite.DEBUG(true);
+SQLite.enablePromise(false);
+
+const database_name = 'Test.db';
+const database_version = '1.0';
+const database_displayname = 'SQLite Test Database';
+const database_size = 200000;
+let db;
+const Item = ({title}) => (
+  <View style={styles.item}>
+    <Text style={styles.title}>{title}</Text>
+  </View>
+);
+class SQLiteDemo extends Component {
+  constructor() {
+    super();
+    this.progress = [];
+    this.state = {
+      progress: [],
+    };
+  }
+
+  updateProgress = (text, resetState) => {
+    let progress = [];
+    if (!resetState) {
+      progress = [...this.progress];
+    }
+    progress.push(text);
+    this.progress = progress;
+    this.setState({
+      progress,
+    });
+  };
+
+  componentWillUnmount = () => {
+    this.closeDatabase();
+  };
+
+  errorCB = err => {
+    console.log('error: ', err);
+    this.updateProgress('Error: ' + (err.message || err));
+    return false;
+  };
+
+  successCB = () => {
+    console.log('SQL executed ...');
+  };
+
+  openCB = () => {
+    this.updateProgress('Database OPEN');
+  };
+
+  closeCB = () => {
+    this.updateProgress('Database CLOSED');
+  };
+
+  deleteCB = () => {
+    console.log('Database DELETED');
+    this.updateProgress('Database DELETED');
+  };
+
+  // eslint-disable-next-line no-shadow
+  populateDatabase = db => {
+    this.updateProgress('Database integrity check');
+    db.executeSql('SELECT 1 FROM Version LIMIT 1',[],() => {
+        this.updateProgress('Database is ready ... executing query ...');
+        db.transaction(this.queryEmployees, this.errorCB, () => {
+          this.updateProgress('Processing completed');
+        });
+      },
+      error => {
+        console.log('received version error:', error);
+        this.updateProgress('Database not yet ready ... populating data');
+        db.transaction(this.populateDB, this.errorCB, () => {
+          this.updateProgress('Database populated ... executing query ...');
+          db.transaction(this.queryEmployees, this.errorCB, () => {
+            console.log('Transaction is now finished');
+            this.updateProgress('Processing completed');
+          });
+        });
+      },
+    );
+  };
+
+   populateDB = tx => {
+    this.updateProgress('Executing DROP stmts');
+
+    tx.executeSql('DROP TABLE IF EXISTS Employees;');
+    tx.executeSql('DROP TABLE IF EXISTS Offices;');
+    tx.executeSql('DROP TABLE IF EXISTS Departments;');
+
+    this.updateProgress('Executing CREATE stmts');
+
+    tx.executeSql('CREATE TABLE IF NOT EXISTS Version( ' +'version_id INTEGER PRIMARY KEY NOT NULL); ',[],this.successCB,this.errorCB,);
+
+    tx.executeSql('CREATE TABLE IF NOT EXISTS Departments( ' +'department_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(30) ); ',[],this.successCB,this.errorCB,);
+
+    tx.executeSql('CREATE TABLE IF NOT EXISTS Offices( ' +'office_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(20), ' +'longtitude FLOAT, ' +'latitude FLOAT ) ; ',[],this.successCB,this.errorCB,);
+
+    tx.executeSql('CREATE TABLE IF NOT EXISTS Employees( ' +'employe_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(55), ' +'office INTEGER, ' +'department INTEGER, ' +'custom_info TEXT DEFAULT "",' +'FOREIGN KEY ( office ) REFERENCES Offices ( office_id ) ' +'FOREIGN KEY ( department ) REFERENCES Departments ( department_id ));',[],);
+
+    this.updateProgress('Executing INSERT stmts');
+
+    tx.executeSql('INSERT INTO Departments (name) VALUES ("Client Services");',[],);
+
+    tx.executeSql('INSERT INTO Offices (name, longtitude, latitude) VALUES ("Denver", 59.8,  34.);',[],);
+
+    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Sylvester Stallone", 2, 4, \'{"known": true}\')',[],);
+    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Elvis Presley", 2, 4, \'{"known": true}\')',[],);
+    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Leslie Nelson", 3, 4, \'{"known": true}\')',[],);
+    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Fidel Castro", 3, 3, \'{"known": true}\')',[],);
+    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Bill Clinton", 1, 3, \'{"known": false}\')',[],);
+
+    console.log('all config SQL done');
+  };
+
+  queryEmployees = async tx => {
+    console.log('Executing JSON1 queries...');
+
+    // 1. JSON_OBJECT
+    await tx.executeSql( "SELECT JSON_OBJECT('name', e.name, 'office_id', e.office, 'department_id', e.department) AS data FROM Employees e",[],this.querySuccess,this.errorCB,);
+
+    // 2. JSON_ARRAY
+    // Expected: [1,2,"3",4]
+    await tx.executeSql("SELECT JSON_ARRAY(1, 2, '3', 4) AS data ",[],this.querySuccess,this.errorCB,);
+
+    // 3. JSON_ARRAY_LENGTH
+    // Expected: 4
+    await tx.executeSql("SELECT JSON_ARRAY_LENGTH('[1, 2, 3, 4]') AS data",[],this.querySuccess,this.errorCB,);
+
+    // 4. JSON_EXTRACT
+    await tx.executeSql( "SELECT JSON_EXTRACT(e.custom_info, '$.known')  AS data FROM Employees e", [],this.querySuccess,this.errorCB,);
+
+    // 5. JSON_INSERT
+    // Expected: {"a":1,"b":2,"c":3}
+    await tx.executeSql('SELECT JSON_INSERT(\'{"a": 1, "b": 2}\', \'$.c\', 3)  AS data',[],this.querySuccess,this.errorCB,);
+  };
+
+  querySuccess = (tx, results) => {
+    this.updateProgress('Query completed');
+    var len = results.rows.length;
+    for (let i = 0; i < len; i++) {
+      let row = results.rows.item(i);
+      this.updateProgress(`${row.data}`);
+    }
+  };
+
+  loadAndQueryDB = () => {
+    this.updateProgress('Opening database ...', true);
+    this.updateProgress('Database OPEN');
+    db = SQLite.openDatabase(database_name,database_version,database_displayname,database_size,this.openCB,this.errorCB,);
+    this.populateDatabase(db);
+  };
+
+  deleteDatabase = () => {
+    this.updateProgress('Deleting database');
+    SQLite.deleteDatabase(database_name, this.deleteCB, this.errorCB);
+  };
+
+  closeDatabase = () => {
+    if (db) {
+      console.log('Closing database ...');
+      this.updateProgress('Closing database');
+      db.close(this.closeCB, this.errorCB);
+    } else {
+      this.updateProgress('Database CLOSE callback function error');
+    }
+  };
+
+  runDemo = () => {
+    this.updateProgress('Starting SQLite Callback Demo', true);
+    this.loadAndQueryDB();
+  };
+
+  renderProgressEntry = entry => {
+    return (
+      <View style={listStyles.li}>
+        <View>
+          <Text style={listStyles.liText}>{entry}</Text>
+        </View>
+      </View>
+    );
+  };
+
+  render = () => {
+    return (
+      <View style={styles.mainContainer}>
+        <View style={styles.toolbar}>
+          <Text style={styles.toolbarButton} onPress={this.runDemo}>Run Demo</Text>
+          <Text style={styles.toolbarButton} onPress={this.closeDatabase}>Close DB</Text>
+          <Text style={styles.toolbarButton} onPress={this.deleteDatabase}>Delete DB</Text>
+        </View>
+        <FlatList
+          data={this.state.progress}
+          renderItem={({item}) => <Item title={item} />}
+          keyExtractor={item => item.i}
+        />
+      </View>
+    );
+  };
+}
+
+var listStyles = StyleSheet.create({
+  li: {
+    borderBottomColor: '#c8c7cc',
+    borderBottomWidth: 0.5,
+    paddingTop: 15,
+    paddingRight: 15,
+    paddingBottom: 15,
+  },
+  liContainer: {
+    backgroundColor: '#fff',
+    flex: 1,
+    paddingLeft: 15,
+  },
+  liIndent: {
+    flex: 1,
+  },
+  liText: {
+    color: '#333',
+    fontSize: 17,
+    fontWeight: '400',
+    marginBottom: -3.5,
+    marginTop: -3.5,
+  },
+});
+
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+  toolbar: {
+    backgroundColor: '#51c04d',
+    paddingTop: 30,
+    paddingBottom: 10,
+    flexDirection: 'row',
+  },
+  toolbarButton: {
+    color: 'blue',
+    textAlign: 'center',
+    flex: 1,
+  },
+  mainContainer: {
+    flex: 1,
+  },
+});
+AppRegistry.registerComponent(appName, () => SQLiteDemo);
+
+```
+
+## 使用 Codegen（如本库已适配了 Codegen ）
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-sqlite-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-sqlite-storage/platforms/harmony/sqlite_storage.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 SQLitePluginPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {SQLitePluginPackage} from '@react-native-oh-tpl/react-native-sqlite-storage/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SQLitePluginPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| qid  | 	Unique identifier for the query        | number  | yes | All      | yes |
+| sql  | SQL statement to be executed        | string  | yes| All     | yes |
+| params  | Parameter list for the SQL statement       |any[]  | yes | All      | yes |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| echoStringValue  | Adapter method    | void  | yes |All     |  yes |
+| open  | Opens or initializes        | void  | yes |All     |  yes |
+| close  |Closes or releases a previously opened resource      | void  |  yes |All     |  yes |
+| delete  |Deletes a resource       |void   |  yes | All   |  yes |
+|attach  | Connects or associates with an external resource or database  |  void  |  yes | All   |  yes|
+| backgroundExecuteSqlBatch  |Executes a batch of SQL statements in the background without blocking the current thread or process | void   |  yes |All     |  yes |
+| execute  |   Bridge execution method   | boolean   |  yes |All     |  yes |
+|  startDatabase |   Opens a database    | void   |  yes |All     |  yes |
+| closeDatabase  |  Closes a database      | void   |  yes |All     |  yes |
+| deleteDatabase  | Deletes a database     | void   |  yes |All     |  yes |
+| executeSqlBatchDatabase  | Executes a batch of SQL statements on a database     | void   |  yes |All     |  yes |
+| attachDatabase  | Bridges a database  | void   |  yes |All     |  yes |
+| INIT | Creates a database sandbox directory and retrieves the database file from the app's rawfile | void   |  yes |All     |  yes |
+| saveFileToCache |  Reads the database file from the app's rawfile and saves it to the database sandbox directory  | void   |  yes |All     |  yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/andpor/react-native-sqlite-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 48eb7ff211408a34a460727b11f007dff1d5a954 Mon Sep 17 00:00:00 2001
From: 2361391426 <2361391426@qq.com>
Date: Wed, 26 Jun 2024 10:30:56 +0800
Subject: [PATCH 039/966] =?UTF-8?q?docs:=20[Issues:=20#IA7U6S]=20=E5=8D=87?=
 =?UTF-8?q?=E7=BA=A7react-native-tab-view=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E8=87=B3V0.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-tab-view.md | 105 +++++++++++++++++++++++++--------
 1 file changed, 80 insertions(+), 25 deletions(-)

diff --git a/zh-cn/react-native-tab-view.md b/zh-cn/react-native-tab-view.md
index 3f31232c..4b644241 100644
--- a/zh-cn/react-native-tab-view.md
+++ b/zh-cn/react-native-tab-view.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-tab-view</code> </h1>
@@ -213,30 +213,85 @@ const styles = StyleSheet.create({
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-详情请查看[tabview 官方文档](https://github.com/react-navigation/react-navigation/blob/main/packages/react-native-tab-view/README.md)
-
-如下是 tabview 已经 HarmonyOS 化的属性：
-
-> [!tip] " HarmonyOS 支持"列为 yes 的属性表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
-
-| Name                  | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
-| `onIndexChange`       | Callback which is called on tab change, receives the index of the new tab as argument                  | function | No       | All      | yes               |
-| `renderScene`         | Callback which returns a react element to render as the page for the tab.                              | function | No       | All      | yes               |
-| `renderTabBar`        | Callback which returns a custom React Element to use as the tab bar.                                   | function | No       | All      | yes               |
-| `tabBarPosition`      | Position of the tab bar in the tab view.                                                               | string   | No       | All      | yes               |
-| `keyboardDismissMode` | String indicating whether the keyboard gets dismissed in response to a drag gesture.                   | string   | No       | All      | yes               |
-| `swipeEnabled`        | Passing false will disable swipe gestures, but the user can still switch tabs by pressing the tab bar. | boolean  | No       | All      | yes               |
-| `style`               | Style to apply to the pager view wrapping all the scenes.                                              | boolean  | No       | All      | yes               |
-| `tabStyle`            | Style to apply to the individual tab items in the tab bar.                                             | boolean  | No       | All      | yes               |
-| `indicatorStyle`      | Style to apply to the active indicator.                                                                | boolean  | No       | All      | yes               |
-| `labelStyle`          | Style to apply to the tab item label.                                                                  | boolean  | No       | All      | yes               |
-| `style`               | Style to apply to the tab bar container.                                                               | boolean  | No       | All      | yes               |
-| `activeColor`         | Custom color for icon and label in the active tab.                                                     | string   | No       | All      | yes               |
-| `inactiveColor`       | Custom color for icon and label in the inactive tab.                                                   | string   | No       | All      | yes               |
-| `scrollEnabled`       | Boolean indicating whether to make the tab bar scrollable.                                             | boolean  | No       | All      | yes               |
-| `bounces`             | Boolean indicating whether the tab bar bounces when scrolling.                                         | boolean  | No       | All      | yes               |
-| `gap`                 | Define a spacing between tabs.                                                                         | number   | No       | All      | yes               |
+**SceneMap**：用于 renderScene 道具的函数, 接受route.key 映射到 React 组件的对象
+
+|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
+|       scenes        |   创建元素的键值对    |     Object      |    Yes    |   All    |        Yes        |
+|       jumpTo        |    导航到其他选项卡   |     Function     |     No    |   All    |        Yes        |
+
+**TabView**：选项卡组件
+|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
+|     renderScene     | Callback which returns a react element to render as the page for the tab      |   Function   |   Yes    |   All    |    Yes       |
+|       renderTabBar  | Callback which returns a custom React Element to use as the tab bar     |   Function   |     No   |   All    |        Yes        |
+|       lazy          |Function which takes an object with the current route and returns a boolean to indicate whether to lazily render the scenes |    Function |     No    |   All    |        Yes        |
+|   lazyPreloadDistance |  When lazy is enabled, you can specify how many adjacent routes should be preloaded with this prop.This value defaults to 0 which means lazy pages are loaded as they come into the viewport               |    Number    |     No    |   All    |        Yes        |
+|   renderLazyPlaceholder | Callback which returns a custom React Element to render for routes that haven't been rendered yet. Receives an object containing the route as the argument. The lazy prop also needs to be enabled                   |    Function  |     No    |   All    |        Yes        |
+|   keyboardDismissMode | String indicating whether the keyboard gets dismissed in response to a drag gesture. 'auto' (default)       |    String    |     No    |   All    |        Yes        |
+|   swipeEnabled | Boolean indicating whether to enable swipe gestures. Swipe gestures are enabled by default        |    Boolean   |     No    |   All    |        Yes        |
+|   animationEnabled |Enables animation when changing tab. By default it's true                                    |    Boolean   |     No    |   All    |        Yes        |
+|   onSwipeStart |  Callback which is called when the swipe gesture starts, i.e. the user touches the screen and moves it      |    Function  |     No    |   All    |        Yes        |
+|   onSwipeEnd |  Callback which is called when the swipe gesture ends, i.e. the user lifts their finger from the screen after the swipe gesture        |    Function  |     No    |   All    |        Yes        |
+|   initialLayout |  Object containing the initial height and width of the screens. Passing this will improve the initial rendering performance  |    Object    |     No     |   All    |        Yes        |
+|   overScrollMode |  Used to override default value of pager's overScroll mode    |    String    |     No     |   All    |        Yes        |
+|   sceneContainerStyle |  Style to apply to the view wrapping each screen. You can pass this to override some default styles such as overflow clipping                                         |    Object    |     No     |   All    |        Yes        |
+|   pagerStyle |  Style to apply to the pager view wrapping all the scenes |    Object    |     No     |   All    |        Yes        |
+
+ 
+**TabBar**：选项卡标签栏
+
+|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
+|       renderIcon    |   Function which takes an object with the current route, focused status and color and returns a custom React Element to be used as a icon |   Function |     No    |   All    |        Yes        |
+|       renderLabel   |  Function which takes an object with the current route, focused status and color and returns a custom React Element to be used as a label  |   Function |    No    |   All    |        Yes        |
+|       renderTabBarItem | Function which takes a TabBarItemProps object and returns a custom React Element to be used as a tab button |  Function  |     No    |   All    |  Yes      |
+|       renderIndicator|  Function which takes an object with the current route and returns a custom React Element to be used as a tab indicator  | Function  | No  |   All |   Yes  |
+|       onTabPress    | Function to execute on tab press. It receives the scene for the pressed tab, useful for things like scroll to top. | Function |  No | All |Yes  |
+|       onTabLongPress| Function to execute on tab long press, use for things like showing a menu with more options  |   Function |     No    |   All    |        Yes   |
+|       activeColor   |Custom color for icon and label in the active tab        |  String    |     No    |   All    |        Yes         |
+|       inactiveColor |Custom color for icon and label in the inactive tab       |    String  |     No    |   All    |        Yes       |
+|       pressColor    |    Color for material ripple          |   String   |     No    |   All    |        Yes        |
+|       pressOpacity  |Opacity for pressed tab                   |   Number   |     No    |   All    |        Yes        |
+|       scrollEnabled |       Boolean indicating whether to make the tab bar scrollable             |   Boolean  |     No    |   All    |        Yes        |
+|       bounces       |       Boolean indicating whether the tab bar bounces when scrolling        |   Boolean  |     No    |   All    |        Yes        |
+|       tabStyle      |Style to apply to the individual tab items in the tab bar                      |   Object   |     No    |   All    |        Yes        |
+|       indicatorStyle|   Style to apply to the active indicator                         |   Object   |     No    |   All    |        Yes        |
+|       indicatorContainerStyle  |Style to apply to the container view for the indicator      |  Object    |     No    |   All    |        Yes        |
+|       labelStyle    |Style to apply to the tab item label                              |   Object   |     No    |   All    |        Yes        |
+|       contentContainerStyle  |Style to apply to the inner container for tabs     |   Object   |     No    |   All    |        Yes        |
+|       gap           |      Define a spacing between tabs     |  Number  |     No    |   All    |        Yes        |
+|       testID        |         Test id for the tabBar. Can be used for scrolling the tab bar in tests       |   String  |     No    |   All    |        Yes        |
+
+**TabBarIndicator**：选项卡指示器
+
+|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
+|     getTabWidth     |   获取当前元素的宽度   |   Function      |   Yes    |   All    |    Yes            |
+|       width         | 元素宽度              |   Number        |    Yes   |   All    |        Yes        |
+
+**TabBarItem**：单个选项卡
+
+|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
+|       route         | 路由元素              |   Object        |    Yes   |   All    |        Yes        |
+
+**公共属性**：
+
+Common props 组件属性 HarmonyOS 侧支持情况
+
+|       Name       |                 Description                 |    Type     |  Default  | Required | Platform | HarmonyOS Support |
+| :--------------: | :-----------------------------------------: | :---------: | :-------: | :------: | :------: | :---------------: |
+|   navigationState|   选项卡视图的状态,对象包含激活路由的索引以及呈现选项卡的路由对象列表的数组 |    Object    |      -     |   Yes    |    All          |    Yes   |
+|   onIndexChange  |  在选项卡更改时调用的回调，将接收新选项卡的索引作为参数。调用时需要更新导航状态，否则将删除更改。|   Function    |     -   |    Yes    |   All    | Yes    |
+|       style      |              要应用于容器的样式。            |   Object |     -    |   Yes    |        All        |  Yes   |
+|       layout     |             覆盖组件样式，宽高               |   Object    |    -      |   No     |   All    |  Yes   |
+|   tabBarPosition |            标签栏在标签视图中的位置           |    String    |    "top"   |   No    |        All        | Yes   |
+|       position   |   元素动画位置                               |    Animated.AnimatedInterpolation<number> |   -  |   Yes |    All        | Yes   |
+|    getLabelText  |  该函数接受具有当前路由的对象并返回选项卡的标签文本,默认情况下使用 route.title  |     Function  |    -    |   No    |        All   |Yes   |
+|    getTestID     | 该函数接受具有当前路由的对象，并返回制表符按钮的测试 ID，以便在测试中定位该制表符按钮        |  Function  |     -    |    No     |    All    |Yes   |
+|    getAccessible |   该函数接受具有当前路由的对象并返回一个布尔值                                            |   Function |      -    |    No     |    All   |Yes   |
+|   getAccessibilityLabel  |    该函数接受具有当前路由的对象并返回制表符按钮的可访问性标签。如果指定，则默认使用 route.accessibilityLabel，否则使用路由标题  |   Function |   -  |  No |All |Yes   |
 
 ## 遗留问题
 

From 2410bfab4f07ef2e7fd31937545aff0b689d92f7 Mon Sep 17 00:00:00 2001
From: Ycode <3259980649@qq.com>
Date: Wed, 26 Jun 2024 08:17:08 +0000
Subject: [PATCH 040/966] =?UTF-8?q?!842=20docs:=20[Issues:=20#I9SB79]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0recyclerlistview=E4=BD=BF=E7=94=A8=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E7=89=88=E6=9C=AC=E5=8F=B7=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?I9SB79]=20=E6=B7=BB=E5=8A=A0recyclerlistview=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E7=89=88=E6=9C=AC=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/recyclerListView.md | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerListView.md
index 87604e23..6352d023 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerListView.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>RecyclerListView</code> </h1>
@@ -24,13 +24,13 @@
 #### **npm**
 
 ```bash
-npm install recyclerlistview
+npm install recyclerlistview@4.2.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add recyclerlistview
+yarn add recyclerlistview@4.2.0
 ```
 
 <!-- tabs:end -->
@@ -188,10 +188,14 @@ const styles = {
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
 
 ## 属性
 
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
 详情见 [RecyclerListView 源库地址](https://github.com/Flipkart/recyclerlistview)
 
 | Name                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Type                                                                                       | Required | Platform | HarmonyOS Support |

From 6e02bbdab6394e7b78dd50ce19f3685e9dfb293c Mon Sep 17 00:00:00 2001
From: 17691002584 <17691002584@163.com>
Date: Wed, 26 Jun 2024 17:18:07 +0800
Subject: [PATCH 041/966] =?UTF-8?q?docs:=20[Issues:=20#I9T76O]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-dotenv=E4=BD=BF=E7=94=A8=E7=A4=BA?=
 =?UTF-8?q?=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-dotenv.md | 56 ++++++++++++++++++++++++------------
 1 file changed, 37 insertions(+), 19 deletions(-)

diff --git a/zh-cn/react-native-dotenv.md b/zh-cn/react-native-dotenv.md
index 8de3ef07..423d7a1a 100644
--- a/zh-cn/react-native-dotenv.md
+++ b/zh-cn/react-native-dotenv.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-dotenv</code> </h1>
@@ -17,7 +18,7 @@
 
 ## 安装与使用
 
-### 安装
+
 
 进入到工程目录并输入以下命令：
 
@@ -26,18 +27,48 @@
 #### **npm**
 
 ```bash
- npm install -D react-native-dotenv@^3.4.9
+ npm install -D react-native-dotenv@3.4.9
 ```
 
 #### **yarn**
 
 ```bash
-yarn add -D react-native-dotenv@^3.4.9
+yarn add -D react-native-dotenv@3.4.9
 ```
 
 <!-- tabs:end -->
 
-### 使用
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {API_URL, API_TOKEN} from '@env';
+import {View, Text} from 'react-native';
+import {useState, useEffect} from 'react';
+
+export function TestDotenv() {
+  const [data, setData] = useState(null);
+
+  useEffect(() => {
+    fetch(`${API_URL}/product/mirrors.html`, {
+      headers: {
+        Authorization: `Bearer ${API_TOKEN}`,
+      },
+    })
+      .then(res => res.json())
+      .then(res => {
+        console.log(res);
+      });
+  }, []);
+
+  return (
+    <View>
+      <Text style={{color:"red",fontSize:30}}>{API_URL}</Text>
+    </View>
+  );
+}
+```
 
 基础配置：
 
@@ -56,18 +87,6 @@ API_URL=https://api.example.org
 API_TOKEN=abc123
 ```
 
-In **users.js**
-
-```js
-import { API_URL, API_TOKEN } from "@env";
-
-fetch(`${API_URL}/users`, {
-  headers: {
-    Authorization: `Bearer ${API_TOKEN}`,
-  },
-});
-```
-
 ### 安全模式
 
 若启用安全模式，则只允许使用在 `.env` 文件中定义的环境变量。这将完全忽略环境中已经定义的所有内容。
@@ -228,8 +247,7 @@ module.exports = {
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
 
 ## 遗留问题
 

From 33558672a12ad2e464675161067e1882e444fd98 Mon Sep 17 00:00:00 2001
From: baofeng <baofeng6@h-partners.com>
Date: Wed, 26 Jun 2024 18:04:21 +0800
Subject: [PATCH 042/966] =?UTF-8?q?docs:=20[Issues:=20#IA85WQ]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-fs=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fs.md | 159 +++++++++++++++------------------------
 1 file changed, 62 insertions(+), 97 deletions(-)

diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index 2306b657..191bb54c 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-模板版本：v0.1.3
+
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fs</code> </h1>
@@ -18,7 +19,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-library/react-native-fs> Releases](https://github.com/react-native-oh-library/react-native-fs/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -144,12 +145,27 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -167,7 +183,7 @@ export default App;
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-fs": "file:../../node_modules/@react-native-oh-tpl/react-native-fs/harmony/fs.har"
+    "@react-native-oh-tpl/react-native-fs": "file:../../node_modules/@react-native-oh-tpl/react-native-fs/harmony/fs.har"
   }
 ```
 
@@ -184,53 +200,6 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 FsPackge
-
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
-
-```diff
-txtproject(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: add_package_subdirectories
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-fs/src/main/cpp" ./fs)
-# RNOH_END: add_package_subdirectories
-
-add_library(rnoh_app SHARED
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: link_packages
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_fs)
-# RNOH_END: link_packages
-```
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
-+ #include "FsPackage.h"
-
-using namespace rnoh;
-
-std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
-    return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<FsPackage>(ctx),
-    };
-}
-```
 
 ### 在 ArkTs 侧引入 FsPackage
 
@@ -239,7 +208,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```diff
 import type { RNPackageContext, RNPackage } from 'rnoh/ts';
 ...
-+ import { FsPackage } from 'rnoh-fs/ts';
++ import { FsPackage } from '@react-native-oh-tpl/react-native-fs/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -268,7 +237,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-library/react-native-fs> Releases](https://github.com/react-native-oh-library/react-native-fs/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)
 
 ## 静态方法
 
@@ -276,17 +245,15 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-详情请见[react-native-fs](https://github.com/react-native-oh-library/react-native-fs)
-
 | Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
 | :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
 | DocumentDirectoryPath        | System Path | string | No       | IOS/Android     | yes               |                          |
 | CachesDirectoryPath          | System Path | string | No       | IOS/Android     | yes               |                          |
-| MainBundlePath               | System Path | string | No       | IOS             | No                | not available on Harmony |
+| MainBundlePath               | System Path | string | No       | IOS             | yes               |                          |
 | ExternalCachesDirectoryPath  | System Path | string | No       | Android         | No                | Android only             |
 | DownloadDirectoryPath        | System Path | string | No       | Android/Windows | No                | not available on Harmony |
-| TemporaryDirectoryPath       | System Path | string | No       | IOS/Android     | No                | not available on Harmony |
-| LibraryDirectoryPath         | System Path | string | No       | IOS             | No                | IOS only                 |
+| TemporaryDirectoryPath       | System Path | string | No       | IOS/Android     | yes               |                          |
+| LibraryDirectoryPath         | System Path | string | No       | IOS             | yes               |                          |
 | ExternalDirectoryPath        | System Path | string | No       | Android         | No                | Android only             |
 | ExternalStorageDirectoryPath | System Path | string | No       | Android         | No                | Android only             |
 | PicturesDirectoryPath        | System Path | string | No       | Windows         | No                | Windows only             |
@@ -298,46 +265,44 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-详情请见[react-native-fs](https://github.com/react-native-oh-library/react-native-fs)
-
-| Name                    | Description                                                                                                                                                                   | Type     | Platform    | Required | HarmonyOS Support | Remark            |
-| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | -------- | ----------------- | ----------------- |
-| mkdir                   | Create a directory at `filepath`.                                                                                                                                             | function | Android     | No       | yes               |                   |
-| exists                  | Check if the item exists at `filepath`.                                                                                                                                       | function | IOS/Android | No       | yes               |                   |
-| readFile                | Reads the file at `path` and return contents.                                                                                                                                 | function | IOS/Android | No       | yes               |                   |
-| readFileAssets          | Reads the file at `path` in the harmony app's assets folder and return contents.                                                                                              | function | Android     | No       | yes               |                   |
-| writeFile               | Write the `contents` to `filepath`.                                                                                                                                           | function | IOS/Android | No       | yes               |                   |
-| appendFile              | Append the `contents` to `filepath`.                                                                                                                                          | function | IOS/Android | No       | yes               |                   |
-| copyFile                | Copies the file located at `filepath` to `destPath`.                                                                                                                          | function | IOS         | No       | yes               |                   |
-| unlink                  | Unlinks the item at `filepath`.                                                                                                                                               | function | IOS/Android | No       | yes               |                   |
-| hash                    | Reads the file at `path` and returns its checksum as determined by `algorithm`, which can be one of `md5`, `sha1`, `sha256`.                                                  | function | IOS/Android | No       | partially         |                   |
-| moveFile                | Moves the file located at `filepath` to `destPath`.                                                                                                                           | function | IOS/Android | No       | yes               |                   |
-| read                    | Reads `length` bytes from the given `position` of the file at `path` and returns contents.                                                                                    | function | IOS/Android | No       | yes               |                   |
-| write                   | Write the `contents` to `filepath` at the given random access position.                                                                                                       | function | IOS/Android | No       | yes               |                   |
-| touch                   | Sets the modification timestamp `mtime`of the file at `filepath`.                                                                                                             | function | IOS/Android | No       | partially         |                   |
-| stat                    | Stats an item at `filepath`.                                                                                                                                                  | function | IOS/Android | No       | yes               |                   |
-| readDir                 | Reads the contents of `path`.                                                                                                                                                 | function | IOS/Android | No       | No                | No API on Harmony |
-| readDirAssets           | Reads the contents of `dirpath ` in the Android app's assets folder.                                                                                                          | function | Android     | No       | No                | Android only      |
-| readdir                 | Node.js style version of `readDir` that returns only the names.                                                                                                               | function | IOS/Android | No       | No                | No API on Harmony |
-| readFileRes             | Reads the file named `filename` in the Android app's `res` folder and return contents.                                                                                        | function | Android     | No       | No                | Android only      |
-| copyFolder              | Copies the contents located at `srcFolderPath` to `destFolderPath`.                                                                                                           | function | Windows     | No       | No                | Windows only      |
-| copyFileAssets          | Copies the file at `filepath` in the Android app's assets folder and copies it to the given `destPath ` path.                                                                 | function | Android     | No       | No                | Android only      |
-| copyFileRes             | Copies the file named `filename` in the Android app's res folder and copies it to the given `destPath ` path.                                                                 | function | Android     | No       | No                | Android only      |
-| copyAssetsFileIOS       | Reads an image file from Camera Roll and writes to `destPath`.                                                                                                                | function | IOS         | No       | No                | IOS only          |
-| copyAssetsVideoIOS      | Copies a video from assets-library, that is prefixed with 'assets-library://asset/asset.MOV?...' to a specific destination.                                                   | function | IOS         | No       | No                | IOS only          |
-| existsAssets            | Check in the Android assets folder if the item exists.                                                                                                                        | function | Android     | No       | No                | Android only      |
-| existsRes               | Check in the Android res folder if the item named `filename` exists.                                                                                                          | function | Android     | No       | No                | Android only      |
-| downloadFile            | Abort the current download job with this ID.                                                                                                                                  | function | IOS/Android | No       | No                | No API on Harmony |
-| stopDownload            | Abort the current download job with this ID.                                                                                                                                  | function | IOS/Android | No       | No                | No API on Harmony |
-| resumeDownload          | Resume the current download job with this ID.                                                                                                                                 | function | IOS         | No       | No                | IOS only          |
-| isResumable             | Check if the the download job with this ID is resumable with `resumeDownload()`.                                                                                              | function | IOS         | No       | No                | IOS only          |
-| completeHandlerIOS      | For use when using background downloads, tell iOS you are done handling a completed download.                                                                                 | function | IOS         | No       | No                | IOS only          |
-| uploadFiles             | Percentage can be computed easily by dividing `totalBytesSent` by `totalBytesExpectedToSend`.                                                                                 | function | IOS/Android | No       | No                | No API on Harmony |
-| stopUpload              | Abort the current upload job with this ID.                                                                                                                                    | function | IOS         | No       | No                | IOS only          |
-| getFSInfo               | Returns an object with the following properties.                                                                                                                              | function | IOS/Android | No       | No                | No API on Harmony |
-| scanFile                | Scan the file using [Media Scanner](https://developer.android.com/reference/android/media/MediaScannerConnection).                                                            | function | Android     | No       | No                | Android only      |
+| Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
+| ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
+| mkdir                   | Create a directory at `filepath`.                            | function | Android     | No       | yes               |                   |
+| exists                  | Check if the item exists at `filepath`.                      | function | IOS/Android | No       | yes               |                   |
+| readFile                | Reads the file at `path` and return contents.                | function | IOS/Android | No       | yes               |                   |
+| readFileAssets          | Reads the file at `path` in the harmony app's assets folder and return contents. | function | Android     | No       | yes               |                   |
+| writeFile               | Write the `contents` to `filepath`.                          | function | IOS/Android | No       | yes               |                   |
+| appendFile              | Append the `contents` to `filepath`.                         | function | IOS/Android | No       | yes               |                   |
+| copyFile                | Copies the file located at `filepath` to `destPath`.         | function | IOS         | No       | yes               |                   |
+| unlink                  | Unlinks the item at `filepath`.                              | function | IOS/Android | No       | yes               |                   |
+| hash                    | Reads the file at `path` and returns its checksum as determined by `algorithm`, which can be one of `md5`, `sha1`, `sha256`. | function | IOS/Android | No       | partially         |                   |
+| moveFile                | Moves the file located at `filepath` to `destPath`.          | function | IOS/Android | No       | yes               |                   |
+| read                    | Reads `length` bytes from the given `position` of the file at `path` and returns contents. | function | IOS/Android | No       | yes               |                   |
+| write                   | Write the `contents` to `filepath` at the given random access position. | function | IOS/Android | No       | yes               |                   |
+| touch                   | Sets the modification timestamp `mtime`of the file at `filepath`. | function | IOS/Android | No       | partially         |                   |
+| stat                    | Stats an item at `filepath`.                                 | function | IOS/Android | No       | yes               |                   |
+| readDir                 | Reads the contents of `path`.                                | function | IOS/Android | No       | yes               |                   |
+| readDirAssets           | Reads the contents of `dirpath ` in the Android app's assets folder. | function | Android     | No       | No                | Android only      |
+| readdir                 | Node.js style version of `readDir` that returns only the names. | function | IOS/Android | No       | No                | No API on Harmony |
+| readFileRes             | Reads the file named `filename` in the Android app's `res` folder and return contents. | function | Android     | No       | No                | Android only      |
+| copyFolder              | Copies the contents located at `srcFolderPath` to `destFolderPath`. | function | Windows     | No       | No                | Windows only      |
+| copyFileAssets          | Copies the file at `filepath` in the Android app's assets folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
+| copyFileRes             | Copies the file named `filename` in the Android app's res folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
+| copyAssetsFileIOS       | Reads an image file from Camera Roll and writes to `destPath`. | function | IOS         | No       | No                | IOS only          |
+| copyAssetsVideoIOS      | Copies a video from assets-library, that is prefixed with 'assets-library://asset/asset.MOV?...' to a specific destination. | function | IOS         | No       | No                | IOS only          |
+| existsAssets            | Check in the Android assets folder if the item exists.       | function | Android     | No       | yes               |                   |
+| existsRes               | Check in the Android res folder if the item named `filename` exists. | function | Android     | No       | No                | Android only      |
+| downloadFile            | Abort the current download job with this ID.                 | function | IOS/Android | No       | yes               |                   |
+| stopDownload            | Abort the current download job with this ID.                 | function | IOS/Android | No       | No                | No API on Harmony |
+| resumeDownload          | Resume the current download job with this ID.                | function | IOS         | No       | No                | IOS only          |
+| isResumable             | Check if the the download job with this ID is resumable with `resumeDownload()`. | function | IOS         | No       | No                | IOS only          |
+| completeHandlerIOS      | For use when using background downloads, tell iOS you are done handling a completed download. | function | IOS         | No       | No                | IOS only          |
+| uploadFiles             | Percentage can be computed easily by dividing `totalBytesSent` by `totalBytesExpectedToSend`. | function | IOS/Android | No       | No                | No API on Harmony |
+| stopUpload              | Abort the current upload job with this ID.                   | function | IOS         | No       | No                | IOS only          |
+| getFSInfo               | Returns an object with the following properties.             | function | IOS/Android | No       | No                | No API on Harmony |
+| scanFile                | Scan the file using [Media Scanner](https://developer.android.com/reference/android/media/MediaScannerConnection). | function | Android     | No       | No                | Android only      |
 | getAllExternalFilesDirs | Returns an array with the absolute paths to application-specific directories on all shared/external storage devices where the application can place persistent files it owns. | function | Android     | No       | No                | Android only      |
-| pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier.                                                               | function | IOS         | No       | No                | IOS only          |
+| pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier. | function | IOS         | No       | No                | IOS only          |
 
 ## 遗留问题
 
@@ -350,4 +315,4 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From 1e303098a49dc0b0715ccfe24f06fed391529c82 Mon Sep 17 00:00:00 2001
From: baofeng <baofeng6@h-partners.com>
Date: Thu, 27 Jun 2024 14:30:52 +0800
Subject: [PATCH 043/966] =?UTF-8?q?docs:=20[Issues:=20#IA8P6Y]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-contacts=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-contacts.md | 640 ++++++++++++++++++---------------
 1 file changed, 343 insertions(+), 297 deletions(-)

diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 2717a0ea..9b374ad3 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-contacts</code> </h1>
@@ -44,267 +45,304 @@ yarn add @react-native-oh-tpl/react-native-contacts@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-
-import React, {useState} from 'react';
-import {
-    ScrollView,
-    Button,
-    Alert
-} from 'react-native';
-import Contacts from 'react-native-contacts'
+import React, { useState } from "react";
+import { ScrollView, Button, Alert } from "react-native";
+import Contacts from "react-native-contacts";
 
 export const ContactsDemo = () => {
-    let emailAddress: Contacts.EmailAddress = {
-        label: "emailAddress",
-        email: "test@163.com",
-    }
-    let phoneNumber: Contacts.PhoneNumber = {
-        label: "phoneNumber",
-        number: "13142536789",
-    }
-
-    let postalAddress: Contacts.PostalAddress = {
-        label: "label",
-        formattedAddress: "formattedAddress",
-        street: "street",
-        pobox: "pobox",
-        neighborhood: "neighborhood",
-        city: "city",
-        region: "region",
-        state: "state",
-        postCode: "postCode",
-        country: "country",
-    }
-
-    let birthday: Contacts.Birthday = {
-        day: 1,
-        month: 5,
-        year: 2024,
-    }
-
-    let instantMessageAddress: Contacts.InstantMessageAddress = {
-        username: "username",
-        service: "service",
-    }
-
-    let urlAddress: Contacts.UrlAddress = {
-        url: "url",
-        label: "label"
-    }
-    let contact: Contacts.Contact = {
-        company: "addcompany",
-        emailAddresses: [emailAddress],
-        displayName: "adddisplayName",
-        familyName: "addfamilyName",
-        givenName: "addgivenName",
-        middleName: "addmiddleName",
-        jobTitle: "addjobTitle",
-        phoneNumbers: [phoneNumber],
-        hasThumbnail: false,
-        thumbnailPath: "addthumbnailPath",
-        isStarred: false,
-        postalAddresses: [postalAddress],
-        prefix: "addprefix",
-        suffix: "addsuffix",
-        department: "adddepartment",
-        birthday: birthday,
-        imAddresses: [instantMessageAddress],
-        urlAddresses: [urlAddress],
-        note: "addnote",
-    }
-    
-    return (
-        <ScrollView >
-            <Button
-                title="requestPermission"
-                onPress={() => {
-                    Contacts.requestPermission().then((data) => {
-                      console.log(`requestPermission:${JSON.stringify(data)}`)
-                      Alert.alert(`requestPermission:${JSON.stringify(data)}`)
-                    })
-                }} />
-            <Button
-                title="checkPermission"
-                onPress={() => {
-                    Contacts.checkPermission().then((data) => {
-                        console.log(`checkPermission:${JSON.stringify(data)}`)
-                        Alert.alert(`checkPermission:${JSON.stringify(data)}`)
-                    })
-                }} />
-            <Button
-                title="getAll"
-                onPress={() => {
-                    Contacts.getAll().then((contacts: Contacts.Contact[]) => {
-                        console.log(`getAll:${JSON.stringify(contacts)}`)
-                    })
-                }} />
-            <Button
-                title="getAllWithoutPhotos"
-                onPress={() => {
-                    Contacts.getAllWithoutPhotos().then((contacts:Contacts.Contact[]) => {
-                        console.log(`getAllWithoutPhotos:${JSON.stringify(contacts)}`)
-                    })
-                }} />
-            <Button
-                title="getContactById"
-                onPress={() => {
-                    Contacts.getContactById("1").then((contact: Contacts.Contact | null) => {
-                        console.log(`getContactById:${JSON.stringify(contact)}`)
-                    })
-                }} />
-            <Button
-                title="getCount"
-                onPress={() => {
-                    Contacts.getCount().then((count: number) => {
-                        console.log(`getCount:${count}`)
-                    })
-                }} />
-            <Button
-                title="getPhotoForId"
-                onPress={() => {
-                    Contacts.getPhotoForId("1").then((photoUrl: string) => {
-                        console.log(`getPhotoForId:${photoUrl}`)
-                    })
-                }} />
-            <Button
-                title="addContact"
-                onPress={() => {
-                    Contacts.addContact(contact).then((contact: Contacts.Contact) => {
-                        console.log(`addContact:${JSON.stringify(contact)}`)
-                    })
-                }} />
-
-            <Button
-                title="openContactForm"
-                onPress={() => { 
-                    Contacts.openContactForm(contact).then((contact: Contacts.Contact) => {
-                        console.log(`openContactForm:${JSON.stringify(contact)}`)
-                        Alert.alert(`openContactForm success`)
-                    })
-                }} />
-            <Button
-                title="openExistingContact"
-                onPress={() => { 
-                    Contacts.openExistingContact(
-                        {
-                            recordID: "1",
-                            phoneNumbers: [{
-                                label: "phoneNumber2",
-                                number: "13521456721",
-                            }],
-    
-                        }
-                    ).then((contact: Contacts.Contact) => {
-                        console.log(`openExistingContact:${JSON.stringify(contact)}`)
-                        Alert.alert(`openExistingContact success`)
-                    })
-                }} />
-            <Button
-                title="viewExistingContact"
-                onPress={() => { 
-                    Contacts.viewExistingContact(
-                        {
-                            recordID: "1",
-                            phoneNumbers: [{
-                                label: "phoneNumber2",
-                                number: "13521456721",
-                            },],
-    
-                        }
-                    ).then((contact: Contacts.Contact) => {
-                        console.log(`viewExistingContact:${JSON.stringify(contact)}`)
-                        Alert.alert(`viewExistingContact success`)
-                    })
-                }} />
-            <Button
-                title="editExistingContact"
-                onPress={() => { 
-                    Contacts.editExistingContact({
-                        recordID: "1",
-                        phoneNumbers: [{
-                            label: "phoneNumber2",
-                            number: "13521456721",
-                        }],
-
-                    }).then((contact: Contacts.Contact) => {
-                        console.log(`editExistingContact:${JSON.stringify(contact)}`)
-                        Alert.alert(`editExistingContact success`)
-                    })
-                }} />
-            <Button
-                title="updateContact"
-                onPress={() => { 
-                    Contacts.updateContact({
-                        recordID: "1",
-                        familyName: 'updateContact',
-                        givenName:'updateContact',
-                        phoneNumbers: [{
-                            label: "phoneNumber2",
-                            number: "13521456721",
-                        },{
-                            label: "phoneNumber3",
-                            number: "13521456222",
-                        }],
-
-                    }).then(() => {
-                        Alert.alert(`updateContact success`)
-                    })
-                }} />
-            <Button
-                title="deleteContact"
-                onPress={() => { 
-                    Contacts.deleteContact({
-                        recordID: "3"
-                    }).then(() => {
-                        Alert.alert(`deleteContact success`)
-                    })
-                }} />
-            <Button
-                title="getContactsMatchingString"
-                onPress={() => { 
-                    Contacts.getContactsMatchingString("addfamilyName").then((contacts:Contacts.Contact[]) => {
-                        console.log(`getContactsMatchingString:${JSON.stringify(contacts)}`)
-                    })
-                }} />
-            <Button
-                title="getContactsByPhoneNumber"
-                onPress={() => { 
-                    Contacts.getContactsByPhoneNumber("789").then((contacts:Contacts.Contact[]) => {
-                        console.log(`getContactsByPhoneNumber:${JSON.stringify(contacts)}`)
-                    })
-                }} />
-            <Button
-                title="getContactsByEmailAddress"
-                onPress={() => { 
-                    Contacts.getContactsByEmailAddress("test@163.com").then((contacts:Contacts.Contact[]) => {
-                        console.log(`getContactsByEmailAddress:${JSON.stringify(contacts)}`)
-                    })
-                }} />
-            <Button
-                title="writePhotoToPath"
-                onPress={() => { 
-                    Contacts.writePhotoToPath("1","file").then((data) => {
-                        console.log(`writePhotoToPath:${JSON.stringify(data)}`)
-                    })
-                }} />
-            <Button
-                title="iosEnableNotesUsage"
-                onPress={() => { 
-                    Contacts.iosEnableNotesUsage(true)
-                    console.log(`iosEnableNotesUsage:true`)
-                }} />
-        </ScrollView>
-    );
-}
+  let emailAddress: Contacts.EmailAddress = {
+    label: "emailAddress",
+    email: "test@163.com",
+  };
+  let phoneNumber: Contacts.PhoneNumber = {
+    label: "phoneNumber",
+    number: "13142536789",
+  };
+
+  let postalAddress: Contacts.PostalAddress = {
+    label: "label",
+    formattedAddress: "formattedAddress",
+    street: "street",
+    pobox: "pobox",
+    neighborhood: "neighborhood",
+    city: "city",
+    region: "region",
+    state: "state",
+    postCode: "postCode",
+    country: "country",
+  };
+
+  let birthday: Contacts.Birthday = {
+    day: 1,
+    month: 5,
+    year: 2024,
+  };
+
+  let instantMessageAddress: Contacts.InstantMessageAddress = {
+    username: "username",
+    service: "service",
+  };
+
+  let urlAddress: Contacts.UrlAddress = {
+    url: "url",
+    label: "label",
+  };
+  let contact: Contacts.Contact = {
+    company: "addcompany",
+    emailAddresses: [emailAddress],
+    displayName: "adddisplayName",
+    familyName: "addfamilyName",
+    givenName: "addgivenName",
+    middleName: "addmiddleName",
+    jobTitle: "addjobTitle",
+    phoneNumbers: [phoneNumber],
+    hasThumbnail: false,
+    thumbnailPath: "addthumbnailPath",
+    isStarred: false,
+    postalAddresses: [postalAddress],
+    prefix: "addprefix",
+    suffix: "addsuffix",
+    department: "adddepartment",
+    birthday: birthday,
+    imAddresses: [instantMessageAddress],
+    urlAddresses: [urlAddress],
+    note: "addnote",
+  };
+
+  return (
+    <ScrollView>
+      <Button
+        title="requestPermission"
+        onPress={() => {
+          Contacts.requestPermission().then((data) => {
+            console.log(`requestPermission:${JSON.stringify(data)}`);
+            Alert.alert(`requestPermission:${JSON.stringify(data)}`);
+          });
+        }}
+      />
+      <Button
+        title="checkPermission"
+        onPress={() => {
+          Contacts.checkPermission().then((data) => {
+            console.log(`checkPermission:${JSON.stringify(data)}`);
+            Alert.alert(`checkPermission:${JSON.stringify(data)}`);
+          });
+        }}
+      />
+      <Button
+        title="getAll"
+        onPress={() => {
+          Contacts.getAll().then((contacts: Contacts.Contact[]) => {
+            console.log(`getAll:${JSON.stringify(contacts)}`);
+          });
+        }}
+      />
+      <Button
+        title="getAllWithoutPhotos"
+        onPress={() => {
+          Contacts.getAllWithoutPhotos().then(
+            (contacts: Contacts.Contact[]) => {
+              console.log(`getAllWithoutPhotos:${JSON.stringify(contacts)}`);
+            }
+          );
+        }}
+      />
+      <Button
+        title="getContactById"
+        onPress={() => {
+          Contacts.getContactById("1").then(
+            (contact: Contacts.Contact | null) => {
+              console.log(`getContactById:${JSON.stringify(contact)}`);
+            }
+          );
+        }}
+      />
+      <Button
+        title="getCount"
+        onPress={() => {
+          Contacts.getCount().then((count: number) => {
+            console.log(`getCount:${count}`);
+          });
+        }}
+      />
+      <Button
+        title="getPhotoForId"
+        onPress={() => {
+          Contacts.getPhotoForId("1").then((photoUrl: string) => {
+            console.log(`getPhotoForId:${photoUrl}`);
+          });
+        }}
+      />
+      <Button
+        title="addContact"
+        onPress={() => {
+          Contacts.addContact(contact).then((contact: Contacts.Contact) => {
+            console.log(`addContact:${JSON.stringify(contact)}`);
+          });
+        }}
+      />
+
+      <Button
+        title="openContactForm"
+        onPress={() => {
+          Contacts.openContactForm(contact).then(
+            (contact: Contacts.Contact) => {
+              console.log(`openContactForm:${JSON.stringify(contact)}`);
+              Alert.alert(`openContactForm success`);
+            }
+          );
+        }}
+      />
+      <Button
+        title="openExistingContact"
+        onPress={() => {
+          Contacts.openExistingContact({
+            recordID: "1",
+            phoneNumbers: [
+              {
+                label: "phoneNumber2",
+                number: "13521456721",
+              },
+            ],
+          }).then((contact: Contacts.Contact) => {
+            console.log(`openExistingContact:${JSON.stringify(contact)}`);
+            Alert.alert(`openExistingContact success`);
+          });
+        }}
+      />
+      <Button
+        title="viewExistingContact"
+        onPress={() => {
+          Contacts.viewExistingContact({
+            recordID: "1",
+            phoneNumbers: [
+              {
+                label: "phoneNumber2",
+                number: "13521456721",
+              },
+            ],
+          }).then((contact: Contacts.Contact) => {
+            console.log(`viewExistingContact:${JSON.stringify(contact)}`);
+            Alert.alert(`viewExistingContact success`);
+          });
+        }}
+      />
+      <Button
+        title="editExistingContact"
+        onPress={() => {
+          Contacts.editExistingContact({
+            recordID: "1",
+            phoneNumbers: [
+              {
+                label: "phoneNumber2",
+                number: "13521456721",
+              },
+            ],
+          }).then((contact: Contacts.Contact) => {
+            console.log(`editExistingContact:${JSON.stringify(contact)}`);
+            Alert.alert(`editExistingContact success`);
+          });
+        }}
+      />
+      <Button
+        title="updateContact"
+        onPress={() => {
+          Contacts.updateContact({
+            recordID: "1",
+            familyName: "updateContact",
+            givenName: "updateContact",
+            phoneNumbers: [
+              {
+                label: "phoneNumber2",
+                number: "13521456721",
+              },
+              {
+                label: "phoneNumber3",
+                number: "13521456222",
+              },
+            ],
+          }).then(() => {
+            Alert.alert(`updateContact success`);
+          });
+        }}
+      />
+      <Button
+        title="deleteContact"
+        onPress={() => {
+          Contacts.deleteContact({
+            recordID: "3",
+          }).then(() => {
+            Alert.alert(`deleteContact success`);
+          });
+        }}
+      />
+      <Button
+        title="getContactsMatchingString"
+        onPress={() => {
+          Contacts.getContactsMatchingString("addfamilyName").then(
+            (contacts: Contacts.Contact[]) => {
+              console.log(
+                `getContactsMatchingString:${JSON.stringify(contacts)}`
+              );
+            }
+          );
+        }}
+      />
+      <Button
+        title="getContactsByPhoneNumber"
+        onPress={() => {
+          Contacts.getContactsByPhoneNumber("789").then(
+            (contacts: Contacts.Contact[]) => {
+              console.log(
+                `getContactsByPhoneNumber:${JSON.stringify(contacts)}`
+              );
+            }
+          );
+        }}
+      />
+      <Button
+        title="getContactsByEmailAddress"
+        onPress={() => {
+          Contacts.getContactsByEmailAddress("test@163.com").then(
+            (contacts: Contacts.Contact[]) => {
+              console.log(
+                `getContactsByEmailAddress:${JSON.stringify(contacts)}`
+              );
+            }
+          );
+        }}
+      />
+      <Button
+        title="writePhotoToPath"
+        onPress={() => {
+          Contacts.writePhotoToPath("1", "file").then((data) => {
+            console.log(`writePhotoToPath:${JSON.stringify(data)}`);
+          });
+        }}
+      />
+      <Button
+        title="iosEnableNotesUsage"
+        onPress={() => {
+          Contacts.iosEnableNotesUsage(true);
+          console.log(`iosEnableNotesUsage:true`);
+        }}
+      />
+    </ScrollView>
+  );
+};
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
 
 ```json
 {
@@ -346,23 +384,7 @@ ohpm install
 
 方法二：直接链接源码
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-contacts": "file:../../node_modules/@react-native-oh-tpl/react-native-contacts/harmony/contacts"
-  }
-```
-
-打开终端，执行：
-
-```bash
-cd entry
-ohpm install --no-link
-```
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 ### 在 ArkTs 侧引入 ContactsPackage
 
@@ -378,10 +400,6 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 应用权限申请
-
-> [!tip] 'ohos.permission.READ_CONTACTS', 'ohos.permission.WRITE_CONTACTS'权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用ACL签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
-
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -403,9 +421,37 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases)
 
-本文档内容基于以下版本验证通过：
+### 权限要求
+
+[!tip] "ohos.permission.READ_CONTACTS"，"ohos.permission.WRITE_CONTACTS"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
+打开`entry/src/main/module.json5`，添加：
 
-RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+```json
+"requestPermissions": [
+     ...
+     {
+        "name": "ohos.permission.READ_CONTACTS",
+        "reason": "$string:read_contacts_reason",
+        "usedScene": {
+          "abilities": [
+            "EntryAbility"
+          ],
+          "when": "always"
+        }
+      },
+      {
+        "name": "ohos.permission.WRITE_CONTACTS",
+        "reason": "$string:write_contacts_reason",
+        "usedScene": {
+          "abilities": [
+            "EntryAbility"
+          ],
+          "when": "always"
+        }
+      }
+]
+```
 
 ## 属性
 
@@ -430,27 +476,27 @@ RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco S
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                  | Description                                | Type     | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| getAll              | 查询所有联系人              | function | no       | android,ios | yes                |
-| getAllWithoutPhotos | Android同getAll，但在iOS上，不会返回联系人照片的 uri（因为创建图像的开销很大）                               | function | no       | android,ios         | yes          |
-| getContactById      | 通过id查询联系人                               | function | no       | android,ios | yes               |
-| getCount            | 查询所有联系人数量                        | function | no       | android,ios | yes               |
-| getPhotoForId    | 通过联系人id查询头像URL | function | no       | android,ios | yes            |
-| addContact          | 添加联系人 | function | no       | android,ios | yes               |
-| openContactForm     | 创建一个新联系人并跳转到联系人界面 | function | no       | android,ios | partially     |
-| openExistingContact | 打开编辑联系人界面 | function | no       | android,ios | partially       |
-| viewExistingContact | 打开查看联系人信息界面 | function | no       | android,ios | partially       |
-| editExistingContact | 打开联系人号码号码编辑界面 | function | no       | android,ios | no                |
-| updateContact | 更新联系人信息    | function | no       | android,ios | yes             |
-| deleteContact | 删除联系人      | function | no       | android,ios | yes             |
-| getContactsMatchingString | 通过姓名查询联系人           | function | no       | android,ios | yes          |
-| getContactsByPhoneNumber | 通过电话查询联系人           | function | no       | android,ios | yes             |
-| getContactsByEmailAddress | 通过电子邮箱地址查询联系人           | function | no       | android,ios | yes             |
-| checkPermission | 检查是否有联系人读写权限           | function | no       | ios | yes             |
-| requestPermission |申请联系人读写权限           | function | no       | ios | yes             |
-| writePhotoToPath | 仅将联系人照片写入给定路径           | function | no       | android | no                |
-| iosEnableNotesUsage | 访问iOS 13上提交的注释         | function | no       | ios     | no                |
+| Name                      | Description                                                                        | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ---------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| getAll                    | 查询所有联系人                                                                     | function | no       | android,ios | yes               |
+| getAllWithoutPhotos       | Android 同 getAll，但在 iOS 上，不会返回联系人照片的 uri（因为创建图像的开销很大） | function | no       | android,ios | yes               |
+| getContactById            | 通过 id 查询联系人                                                                 | function | no       | android,ios | yes               |
+| getCount                  | 查询所有联系人数量                                                                 | function | no       | android,ios | yes               |
+| getPhotoForId             | 通过联系人 id 查询头像 URL                                                         | function | no       | android,ios | yes               |
+| addContact                | 添加联系人                                                                         | function | no       | android,ios | yes               |
+| openContactForm           | 创建一个新联系人并跳转到联系人界面                                                 | function | no       | android,ios | partially         |
+| openExistingContact       | 打开编辑联系人界面                                                                 | function | no       | android,ios | partially         |
+| viewExistingContact       | 打开查看联系人信息界面                                                             | function | no       | android,ios | partially         |
+| editExistingContact       | 打开联系人号码号码编辑界面                                                         | function | no       | android,ios | no                |
+| updateContact             | 更新联系人信息                                                                     | function | no       | android,ios | yes               |
+| deleteContact             | 删除联系人                                                                         | function | no       | android,ios | yes               |
+| getContactsMatchingString | 通过姓名查询联系人                                                                 | function | no       | android,ios | yes               |
+| getContactsByPhoneNumber  | 通过电话查询联系人                                                                 | function | no       | android,ios | yes               |
+| getContactsByEmailAddress | 通过电子邮箱地址查询联系人                                                         | function | no       | android,ios | yes               |
+| checkPermission           | 检查是否有联系人读写权限                                                           | function | no       | ios         | yes               |
+| requestPermission         | 申请联系人读写权限                                                                 | function | no       | ios         | yes               |
+| writePhotoToPath          | 仅将联系人照片写入给定路径                                                         | function | no       | android     | no                |
+| iosEnableNotesUsage       | 访问 iOS 13 上提交的注释                                                           | function | no       | ios         | no                |
 
 ## 遗留问题
 
@@ -466,4 +512,4 @@ RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco S
 
 本项目基于 [The MIT License (MIT)](https://github.com/morenoh149/react-native-contacts/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From 69334f70bd4595d1a9509bca211d913ecfc32207 Mon Sep 17 00:00:00 2001
From: Li-2199 <1269001954@qq.com>
Date: Thu, 27 Jun 2024 07:35:30 +0000
Subject: [PATCH 044/966] =?UTF-8?q?!856=20docs:=20[Issues:=20#IA8MV4]?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0lottie-react-native=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E5=8D=87=E7=BA=A7=E4=B8=BA0.2.2=EF=BC=8C?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A027=E7=8E=AF=E5=A2=83=E5=85=BC=E5=AE=B9?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=20*=20docs:=20=E6=9B=B4=E6=96=B0lottie-react?=
 =?UTF-8?q?-native=E6=96=87=E6=A1=A3=E6=A8=A1=E6=9D=BF=E5=8D=87=E7=BA=A7?=
 =?UTF-8?q?=E4=B8=BA0.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/lottie-react-native.md | 98 ++++++++++++++++++++++++++++--------
 1 file changed, 78 insertions(+), 20 deletions(-)

diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 5e971ea5..99d065f5 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>lottie-react-native</code> </h1>
@@ -39,14 +40,24 @@ yarn add @react-native-oh-tpl/lottie-react-native@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
+import React from "react";
+import { View } from "react-native";
 import LottieView from "lottie-react-native";
 
-<LottieView source={require("./assets/animations.json")} autoPlay loop />;
+const App = () => {
+  return (
+    <View style={{ flex: 1 }}>
+      <LottieView source={require("./assets/xxx.json")} autoPlay loop />
+    </View>
+  );
+};
+
+export default App;
 ```
 
 ## Link
@@ -55,6 +66,17 @@ import LottieView from "lottie-react-native";
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -62,7 +84,7 @@ import LottieView from "lottie-react-native";
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -71,8 +93,7 @@ import LottieView from "lottie-react-native";
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-lottie": "file:../../node_modules/@react-native-oh-tpl/lottie-react-native/harmony/lottie.har"
+    "@react-native-oh-tpl/lottie-react-native": "file:../../node_modules/@react-native-oh-tpl/lottie-react-native/harmony/lottie.har"
   }
 ```
 
@@ -96,28 +117,37 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-lottie/src/main/cpp" ./lottie)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/lottie-react-native/src/main/cpp" ./lottie)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_lottie)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -142,18 +172,18 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-+ import { LottieAnimationView, LOTTIE_TYPE } from "rnoh-lottie"
+...
++ import { LottieAnimationView, LOTTIE_TYPE } from "@react-native-oh-tpl/lottie-react-native"
 
 @Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
   if (ctx.componentName === SAMPLE_VIEW_TYPE) {
     SampleView({
       ctx: ctx.rnComponentContext,
       tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
     })
   }
-+ else if (ctx.componentName === LOTTIE_TYPE) {
++ if (ctx.componentName === LOTTIE_TYPE) {
 +   LottieAnimationView({
 +     ctx: ctx.rnComponentContext,
 +     tag: ctx.tag
@@ -161,7 +191,20 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 + }
  ...
 }
-...
+
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ LOTTIE_TYPE
+  ];
 ```
 
 ### 运行
@@ -188,8 +231,21 @@ ohpm install
 ### 权限要求
 
 - 如果 source 使用网络 url 应用需要申请网络权限
+
+  在`entry/src/main/module.json5`中添加
+
+```json
+requestPermissions: [
+  {
+    name: "ohos.permission.INTERNET",
+  },
+],
+```
+
 - 如果使用的 json 文件里有依赖图片资源或使用 imageAssetsFolder 属性，需要将资源文件放置到 HarmonyOS 工程 rawfile 下对应的路径中
 
+rawfile 路径：`entry/src/main/resources/rawfile`
+
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -211,6 +267,8 @@ ohpm install
 | useNativeLooping   | Only Windows. When enabled, uses platform-level looping to improve smoothness, but onAnimationLoop will not fire and changing the loop prop will reset playback rather than finishing gracefully.                                                                                                                                                              | boolean                                     | false     | No       | Windows               | No                |
 | onAnimationLoop    | Only Windows and Web. A callback function invoked when the animation loops.                                                                                                                                                                                                                                                                                    | callback                                    | None      | No       | Windows, Web          | No                |
 | onAnimationFinish  | A callback function which will be called when animation is finished. This callback is called with a boolean isCancelled argument, indicating if the animation actually completed playing, or if it was cancelled, for instance by calling play() or reset() while is was still playing. Note that this callback will be called only when loop is set to false. | callback                                    | None      | No       | All                   | Yes               |
+| onAnimationFailure | A callback function which will be called if an error occurs while working with the animation (loading, running, etc). This callback is called with a string error argument, which contains the error message that occured.                                                                                                                                     | callback                                    | None      | No       | All                   | Yes               |
+| onAnimationLoaded  | A callback function which will be called when animation is done loading. This callback is called with no parameters.                                                                                                                                                                                                                                           | callback                                    | None      | No       | All                   | Yes               |
 | renderMode         | a String flag to set whether or not to render with HARDWARE or SOFTWARE acceleration                                                                                                                                                                                                                                                                           | 'AUTOMATIC'\| 'HARDWARE' \| 'SOFTWARE'      | AUTOMATIC | No       | iOS, Android          | No                |
 | cacheComposition   | Only Android and HarmonyOS, a boolean flag indicating whether or not the animation should do caching.                                                                                                                                                                                                                                                          | boolean                                     | true      | No       | Android               | Yes               |
 | colorFilters       | An array of objects denoting layers by KeyPath and a new color filter value (as hex string).                                                                                                                                                                                                                                                                   | Array<ColorFilter>                          | []        | No       | iOS, Android, Windows | No                |
@@ -219,7 +277,7 @@ ohpm install
 | hover              | Only Web, a boolean denoting whether to play on mouse hover.                                                                                                                                                                                                                                                                                                   | boolean                                     | false     | No       | Web                   | No                |
 | direction          | Only Web a number from 1 or -1 denoting playing direction.                                                                                                                                                                                                                                                                                                     | 1\| -1                                      | 1         | No       | Web                   | No                |
 
-## 方法 (Imperative API)
+## 静态方法 (Imperative API)
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -240,4 +298,4 @@ ohpm install
 
 本项目基于 [Apache License 2.0](https://github.com/lottie-react-native/lottie-react-native/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From e81b525da0e83ee6b0044c4ba8528991791b06ba Mon Sep 17 00:00:00 2001
From: wjy <18071094885@163.com>
Date: Thu, 27 Jun 2024 15:56:20 +0800
Subject: [PATCH 045/966] =?UTF-8?q?docs:=20[Issues:=20#IA6MV7]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0react-native-modal-popover=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modal-popover.md | 327 ++++++++++++++++++++++++++++
 1 file changed, 327 insertions(+)
 create mode 100644 zh-cn/react-native-modal-popover.md

diff --git a/zh-cn/react-native-modal-popover.md b/zh-cn/react-native-modal-popover.md
new file mode 100644
index 00000000..9484b219
--- /dev/null
+++ b/zh-cn/react-native-modal-popover.md
@@ -0,0 +1,327 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-modal-popover</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/doomsower/react-native-modal-popover">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/doomsower/react-native-modal-popover/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-modal-popover)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-modal-popover@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-modal-popover@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import React from 'react';
+import { TestSuite, Tester, TestCase } from '@rnoh/testerino';
+import { Button, StyleSheet, Text, View, Dimensions } from 'react-native';
+import { Popover, usePopover } from 'react-native-modal-popover';
+const { width, height } = Dimensions.get('window');
+
+const styles = StyleSheet.create({
+  app: {
+    ...StyleSheet.absoluteFillObject,
+    width: '100%',
+    height: height - 200,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+    backgroundColor: '#c2ffd2',
+  },
+  content: {
+    padding: 16,
+    backgroundColor: 'pink',
+    borderRadius: 8,
+  },
+  arrow: {
+    borderTopColor: 'pink',
+  },
+  background: {
+    backgroundColor: 'rgba(0, 0, 255, 0.5)',
+  },
+});
+
+export function PopoverCenterExample() {
+  const {
+    openPopover,
+    closePopover,
+    popoverVisible,
+    touchableRef,
+    popoverAnchorRect,
+  } = usePopover();
+  const {
+    openPopover: openPopover1,
+    closePopover: closePopover1,
+    popoverVisible: popoverVisible1,
+    touchableRef: touchableRef1,
+    popoverAnchorRect: popoverAnchorRect1,
+  } = usePopover();
+  const {
+    openPopover: openPopover2,
+    closePopover: closePopover2,
+    popoverVisible: popoverVisible2,
+    touchableRef: touchableRef2,
+    popoverAnchorRect: popoverAnchorRect2,
+  } = usePopover();
+  const {
+    openPopover: openPopover4,
+    closePopover: closePopover4,
+    popoverVisible: popoverVisible4,
+    touchableRef: touchableRef4,
+    popoverAnchorRect: popoverAnchorRect4,
+  } = usePopover();
+  const {
+    openPopover: openPopover3,
+    closePopover: closePopover3,
+    popoverVisible: popoverVisible3,
+    touchableRef: touchableRef3,
+    popoverAnchorRect: popoverAnchorRect3,
+  } = usePopover();
+  const {
+    openPopover: openPopover5,
+    closePopover: closePopover5,
+    popoverVisible: popoverVisible5,
+    touchableRef: touchableRef5,
+    popoverAnchorRect: popoverAnchorRect5,
+  } = usePopover();
+  const {
+    openPopover: openPopover6,
+    closePopover: closePopover6,
+    popoverVisible: popoverVisible6,
+    touchableRef: touchableRef6,
+    popoverAnchorRect: popoverAnchorRect6,
+  } = usePopover();
+  const {
+    openPopover: openPopover7,
+    closePopover: closePopover7,
+    popoverVisible: popoverVisible7,
+    touchableRef: touchableRef7,
+    popoverAnchorRect: popoverAnchorRect7,
+  } = usePopover();
+  const {
+    openPopover: openPopover8,
+    closePopover: closePopover8,
+    popoverVisible: popoverVisible8,
+    touchableRef: touchableRef8,
+    popoverAnchorRect: popoverAnchorRect8,
+  } = usePopover();
+  const title = <Text ref={touchableRef} >Press me!222</Text>
+  return (
+    <Tester>
+      <TestSuite name='popoverTesteCenterDemo'>
+        <TestCase itShould='popover' tags={['C_API']}>
+          <View style={styles.app} >
+            <View style={{ width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
+              <Button title='Press1' ref={touchableRef} onPress={openPopover} />
+              <Button title='Press2' ref={touchableRef1} onPress={openPopover1} />
+              <Button title='Press3' ref={touchableRef2} onPress={openPopover2} />
+            </View>
+            <View style={{ width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
+              <Button title='Press4' ref={touchableRef3} onPress={openPopover3} />
+              <Button title='Press5' ref={touchableRef4} onPress={openPopover4} />
+              <Button title='Press6' ref={touchableRef5} onPress={openPopover5} />
+            </View>
+            <View style={{ width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
+              <Button title='Press7' ref={touchableRef6} onPress={openPopover6} />
+              <Button title='Press8' ref={touchableRef7} onPress={openPopover7} />
+              <Button title='Press9' ref={touchableRef8} onPress={openPopover8} />
+            </View>
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible6}
+              onClose={closePopover6}
+              fromRect={popoverAnchorRect6}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello77!</Text>
+            </Popover>
+
+            <Popover
+              placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible7}
+              onClose={closePopover7}
+              fromRect={popoverAnchorRect7}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello88!</Text>
+            </Popover>
+            <Popover
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible8}
+              onClose={closePopover8}
+              fromRect={popoverAnchorRect8}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello99!</Text>
+            </Popover>
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible3}
+              onClose={closePopover3}
+              fromRect={popoverAnchorRect3}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello44!</Text>
+            </Popover>
+
+            <Popover
+              placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible4}
+              onClose={closePopover4}
+              fromRect={popoverAnchorRect4}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello55!</Text>
+            </Popover>
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible5}
+              onClose={closePopover5}
+              fromRect={popoverAnchorRect5}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello66!</Text>
+            </Popover>
+
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible}
+              onClose={closePopover}
+              fromRect={popoverAnchorRect}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello11!</Text>
+            </Popover>
+
+            <Popover
+              placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible1}
+              onClose={closePopover1}
+              fromRect={popoverAnchorRect1}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello22!</Text>
+            </Popover>
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible2}
+              onClose={closePopover2}
+              fromRect={popoverAnchorRect2}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello33!</Text>
+            </Popover>
+          </View>
+        </TestCase>
+
+      </TestSuite>
+    </Tester>
+  );
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+### Popover
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ----------- |
+| visible  | Show/Hide the popover      | bool  | NO | ALL      | YES |
+| fromRect  | 	Rectangle at which to anchor the popover. Optional when used inside PopoverTouchable, required when used standalone. If you set this property, you should also change it when screen orientation changes.      | Rect | YES | ALL      | YES |
+| displayArea  | Area where the popover is allowed to be displayed. Important note: if you use non-default value here and you want to handle screen orientation changes, it is your responsibility to change this value when screen orientation changes.      | Rect  | NO | ALL      | YES |
+| placement  | How to position the popover top or bottom or start or end or auto. When 'auto' is specified, it will determine the ideal placement so that the popover is fully visible within displayArea.      | string  | NO | ALL      | YES |
+| onClose  | Callback to be fired when the user closes the popover      | function  | NO | ALL      | YES |
+| onDismiss  | Callback to be fired after the popup closes      | function  | NO | ALL      | YES |
+|backgroundStyle  | Custom style to be applied to background overlay      | ViewStyle  | NO | ALL      | YES |
+| contentStyle  | Custom style to be applied to popover reactangle. Use it to set round corners, background color, etc.      | ViewStyle  | NO | ALL      | YES |
+| arrowStyle  | Custom style to be applied to popover arrow. Use borderTopColor to match content backgroundColor      | ViewStyle  | NO | ALL      | YES |
+| duration  | Animation duration     | number  | NO | ALL      | YES |
+| easing  | Function that returns easing function for show or hide animation, depending on show argument     | (show: boolean) => (value: number) => number  | NO | ALL      | YES |
+| useNativeDriver  | Defines if animations should use native driver     | bool  | NO | ALL      | YES |
+| supportedOrientations  | This prop is passed to react-native Modal, see react-native docs. Set this to ['portrait', 'landscape'] if you want your popover to resprect screen orientation.     | array of enum('portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right')  | NO | ALL      | YES |
+| calculateStatusBar  | Defines if while use status bar height while calculating "Y" origin of anchor.     | bool  | NO | ALL      | YES |
+| PopoverController  | openPopover  | Call this function when you want to open popover, e.g. pass to onPress of a Button     | () => void  | NO | ALL      | YES |
+
+
+### PopoverController
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| closePopover  | Call this function when you want to close popover. Typically you pass this as onClose prop of Popover, which will make popover close when tapped outside. If you have a button inside popover which should close the popover, pass this function to this button.     | () => void  | NO | ALL      | YES |
+| popoverVisible  | CPass this to visible prop of Popover component   | bool  | NO | ALL      | YES |
+| setPopoverAnchor (PopoverController) / touchableRef (usePopover)  | Pass this as ref to popover UI handle. This will bind popover display position to the position of this UI handle.   | ref function  | NO | ALL      | YES |
+ | popoverAnchorRect  | Pass this as fromRect prop of Popover component   | Rect  | YES | ALL      | YES |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [License](https://github.com/doomsower/react-native-modal-popover/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From ceb1290349d6e9f7de99a8d6c6bba5a8ee947186 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=AE=9D=E8=BF=AA?= <chenbaodi2@h-partners.com>
Date: Tue, 25 Jun 2024 15:05:36 +0800
Subject: [PATCH 046/966] =?UTF-8?q?docs:=20[Issues:=20#IA84VE]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-safe-area-context=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 陈宝迪 <chenbaodi2@h-partners.com>
---
 zh-cn/react-native-safe-area-context.md | 114 ++++++++++++------------
 1 file changed, 58 insertions(+), 56 deletions(-)

diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index dc3d4b63..7b700439 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-safe-area-context</code> </h1>
@@ -73,6 +73,17 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -90,7 +101,7 @@ export default App;
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-safe-area": "file:../../node_modules/@react-native-oh-tpl/react-native-safe-area-context/harmony/safe_area.har"
+    "@react-native-oh-tpl/react-native-safe-area-context": "file:../../node_modules/@react-native-oh-tpl/react-native-safe-area-context/harmony/safe_area.har"
   }
 ```
 
@@ -111,37 +122,48 @@ ohpm install
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
+```diff
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-safe-area/src/main/cpp" ./safe-area)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-safe-area-context/src/main/cpp" ./safe-area)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_safe_area)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "SafeAreaViewPackage.h"
 
@@ -149,58 +171,20 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<SafeAreaViewPackage>(ctx)
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SafeAreaViewPackage>(ctx),
     };
 }
 ```
 
-### 在 ArkTs 侧引入 react-native-safe-area-context 组件
-
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-...
-import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-import { createRNPackages } from '../RNPackagesFactory'
-+ import { SAFE_AREA_VIEW_TYPE, SafeAreaView, SAFE_AREA_PROVIDER_TYPE, SafeAreaProvider } from "rnoh-safe-area"
-
-@Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === SAFE_AREA_VIEW_TYPE) {
-+   SafeAreaView({
-+     ctx: ctx.rnComponentContext,
-+     tag: ctx.tag,
-+     buildCustomComponent: buildCustomComponent
-+   })
-+ }
-+ else if (ctx.componentName === SAFE_AREA_PROVIDER_TYPE) {
-+   SafeAreaProvider({
-+     ctx: ctx.rnComponentContext,
-+     tag: ctx.tag,
-+     buildCustomComponent: buildCustomComponent
-+   })
-+ }
- ...
-}
-...
-```
-
 ### 在 ArkTs 侧引入 SafeAreaViewPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-import type {RNPackageContext, RNPackage} from 'rnoh/ts';
-import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import {SafeAreaViewPackage} from 'rnoh-safe-area/ts';
+...
++ import {SafeAreaViewPackage} from '@react-native-oh-tpl/react-native-safe-area-context/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -231,13 +215,17 @@ ohpm install
 
 ## 属性
 
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
 **组件 SafeAreaProvider**
 
 You should add `SafeAreaProvider` in your app root component. You may need to add it in other places like the root of modals and routes when using react-native-screens.
 
 Note that providers should not be inside a View that is animated with Animated or inside a ScrollView since it can cause very frequent updates.
 
-| 名称             | 说明                                                                                                                                                            | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
 | `Props`          | Accepts all View props. Has a default style of {flex: 1}.                                                                                                       | object | no       | All      | yes      |
 | `initialMetrics` | Can be used to provide the initial value for frame and insets, this allows rendering immediatly. See optimization for more information on how to use this prop. | object | no       | All      | yes      |
@@ -246,12 +234,27 @@ Note that providers should not be inside a View that is animated with Animated o
 
 `SafeAreaView` is a regular View component with the safe area insets applied as padding or margin.
 
-| 名称    | 说明                                                                                            | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ------- | ----------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
 | `Props` | Accepts all View props. Has a default style of {flex: 1}.                                       | object | no       | All      | yes      |
 | `edges` | Sets the edges to apply the safe area insets to. Defaults to all.                               | array  | no       | All      | yes      |
 | `mode`  | Optional, padding (default) or margin. Apply the safe area to either the padding or the margin. | string | no       | All      | yes      |
 
+# API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type     | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- |----------|----------| -------- | ------------------ |
+| useSafeAreaInsets  | Returns the safe area insets of the nearest provider.         | object   | no       | All      | yes   |
+| useSafeAreaFrame  | Returns the frame of the nearest provider. This can be used as an alternative to the Dimensions module.       | object | no       | All      | yes   |
+| SafeAreaInsetsContext  | React Context with the value of the safe area insets.         | object | no       | All      | yes  |
+| withSafeAreaInsets  | Higher order component that provides safe area insets as the insets prop.         | function | no       | All      | yes   |
+| SafeAreaFrameContext  | React Context with the value of the safe area frame.         | object | no       | All      | yes  |
+| initialWindowMetrics  | Insets and frame of the window on initial render. This can be used with the initialMetrics from SafeAreaProvider  | object | no       | All      | yes   |
+
 ## 遗留问题
 
 ## 其他
@@ -259,5 +262,4 @@ Note that providers should not be inside a View that is animated with Animated o
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/th3rdwave/react-native-safe-area-context/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From 281547db1d6ef2ac41b1dacfb469b7e64fa89234 Mon Sep 17 00:00:00 2001
From: zhengjinshou <>
Date: Thu, 27 Jun 2024 16:56:07 +0800
Subject: [PATCH 047/966] =?UTF-8?q?docs:=20[Issues:=20#IA8CJO]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20react-native-image-capinsets-next=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _sidebar.md                                |   1 +
 img/capinset_bg.png                        | Bin 0 -> 861 bytes
 img/capinset_bg2.png                       | Bin 0 -> 3276 bytes
 zh-cn/react-native-image-capinsets-next.md | 272 +++++++++++++++++++++
 4 files changed, 273 insertions(+)
 create mode 100644 img/capinset_bg.png
 create mode 100644 img/capinset_bg2.png
 create mode 100644 zh-cn/react-native-image-capinsets-next.md

diff --git a/_sidebar.md b/_sidebar.md
index 46218152..6019569b 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -53,6 +53,7 @@
     - [react-native-image-sequence-2](/zh-cn/react-native-image-sequence-2.md)
     - [react-native-clippath](/zh-cn/react-native-clippath.md)
     - [react-native-image-base64](/zh-cn/react-native-image-base64.md)
+    - [react-native-image-capinsets-next](/zh-cn/react-native-image-capinsets-next.md)
   - RN JS 库
     - [react-i18next](/zh-cn/react-i18next.md)
     - [react-native-action-button](/zh-cn/react-native-action-button.md)
diff --git a/img/capinset_bg.png b/img/capinset_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c1fa77d4e9e4382bee9521674d204650fa4feb8
GIT binary patch
literal 861
zcmV-j1ETziP)<h;3K|Lk000e1NJLTq001%o001Qj1^@s60PMPw00009a7bBm000ie
z000ie0hKEb8vp<U4@pEpR9J=GnX#)JRTRd5=ggg%-6Vy7frLjoi^L|C2v1Nu%WcFY
zLSP`qMi4e4ECZU|N`#=Y<Vjvqq}X&RM5_nELM%jsqzEB|lp=x<eY<<_-fMB^<t@od
zAR2eB9}LVeT;_cDeCM7s=ST>FRj6ysV1NVYy+`L@hgX8<RfOZfkq~$eC{`~1uMlwM
z0nBulPtB_Ln>A)<fU9Z_OsAaf7F3$Ck(J;VuyF7<{MUxZh}1Q@Gr*nb^P0jJWtWYG
z184Eh;s9N`S_4@nt+zj*ugVYsXK?|L6{OdWC22j})m|^|@TqeQiw;9;!A1|5R+4xG
z3Q$#;$pn9@&zYh_fBFYr1fK$dJ($fJvopq>KF6^DpUrjw0a_LVPlE0=N34Sjc}a7d
z771t!KH2AuEaxRV!;_GlmZ1Owl}0)FwOaEJpr=3N`5?UPY<ym`Jx>j_mg9NOA@A{|
zOe6?LHJYEStN>Jm!z3Ob04jk)O_h?YtRPCu(6UPQX^^xRmJx}_nyvU3@IUiN;@JPo
zOFY;E__RGDG4~0mO28!?><SP9PJ{4363*;RGXGse;2tSw_5dQ>R|)*&qc2h;;sIml
z;0?Dl&-vb39;l)uB(DJ8<PZXPrhoFYZhgdk3EVI_kPs08vJ8N)C!a8lQ4eFEQk+Cv
z&1?z=E<$7Y<q_8xmT&VCC3aET4Pjn(0pZG*BX0Jtp}JYeu8Dzn?TqHO)e>`AMlsvv
zw?cUz;DuXFU#qGxTSI;nc&F^L=ejnMi7i}(puBbQV}7YB%wW)zDC04%*F(2Qd_JEt
z>KsHvKtsD^=0q@g0SiZU<vd?i6=pn+HnzJPA3y8@P!us|i16n2kgL5OI+^UN=CM<%
zuF*^98Cl2c3(MWIi^=ncaWf}+=~>Fo2XHhspeZnA2V>{_fbin>kgJ<@Y`QNmTIrET
zCsqV1le3YT{fU)-7E}aOATyvDxH&8q+*G)5X~Y)9$-$nSo=61NGeZ=Z2jN!&w?+6)
n;G4r8ZVU!-_xCn<)!M%RV~{!C)^-|E00000NkvXXu0mjfhiZb_

literal 0
HcmV?d00001

diff --git a/img/capinset_bg2.png b/img/capinset_bg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa185595527fe887078e3e4dddd1259a5ec64806
GIT binary patch
literal 3276
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
KMNUMnLSTYE8A+o6

literal 0
HcmV?d00001

diff --git a/zh-cn/react-native-image-capinsets-next.md b/zh-cn/react-native-image-capinsets-next.md
new file mode 100644
index 00000000..deddc9dc
--- /dev/null
+++ b/zh-cn/react-native-image-capinsets-next.md
@@ -0,0 +1,272 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-capinsets-next</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mayconmesquita/react-native-image-capinsets-next">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-capinsets-next)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-capinsets-next@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-capinsets-next@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import ImageCapInset from 'react-native-image-capinsets-next';
+import React, {useState} from 'react';
+import {View, StyleSheet, Text, Switch} from 'react-native';
+
+const YourImage = () => {
+  // 以下图片资源可在img文件夹中获取
+  const img1 = require('./capinset_bg.png');
+  const img2 = require('./capinset_bg2.png');
+  const initInset = JSON.stringify({top: 4, right: 3, bottom: 4, left: 12});
+  const initInset2 = JSON.stringify({top: 1, right: 1, bottom: 1, left: 5});
+  const [currentImg, setCurrentImg] = useState(img1);
+  const [currentCapInset, setCurrentCapInset] = useState(JSON.parse(initInset));
+
+  const onChangeUrl = () => {
+    const url = currentImg === img1 ? img2 : img1;
+    setCurrentImg(url);
+  };
+
+  const onChangeInset = () => {
+    const inset =
+      JSON.stringify(currentCapInset) === initInset ? initInset2 : initInset;
+    setCurrentCapInset(JSON.parse(inset));
+  };
+
+  return (
+    <View style={styles.container}>
+      <ImageCapInset
+        style={styles.imgStyle}
+        source={currentImg}
+        capInsets={currentCapInset}>
+        <Text>图片内容2</Text>
+      </ImageCapInset>
+      <View style={styles.switchItem}>
+        <Text>切换图片: </Text>
+        <Switch
+          trackColor={{false: '#767577', true: '#81b0ff'}}
+          thumbColor={currentImg === img1 ? '#f5dd4b' : '#f4f3f4'}
+          ios_backgroundColor="#3e3e3e"
+          onValueChange={onChangeUrl}
+          value={currentImg === img1 ? true : false}
+        />
+      </View>
+      <View style={styles.switchItem}>
+        <Text>切换Inset: </Text>
+        <Switch
+          thumbColor={currentCapInset === initInset ? '#f5dd4b' : '#f4f3f4'}
+          onValueChange={onChangeInset}
+          value={JSON.stringify(currentCapInset) === initInset ? true : false}
+        />
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    paddingTop: 50,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  imgStyle: {
+    width: 200,
+    height: 40,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'lightblue',
+  },
+  switchItem: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+});
+
+export default YourImage;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-capinsets-next": "file:../../node_modules/@react-native-oh-tpl/react-native-image-capinsets-next/harmony/rn_image_capinsets.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNCImageCapInsets 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
++ import { IMAGE_CAP_INSETS, RNCImageCapInsets } from "@react-native-oh-tpl/react-native-image-capinsets-next"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++ if (ctx.componentName === IMAGE_CAP_INSETS) {
++   RNCImageCapInsets({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag,
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ IMAGE_CAP_INSETS
+  ];
+```
+
+### 在 ArkTs 侧引入 xxx Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { RNCImageCapInsetsPackage } from '@react-native-oh-tpl/react-native-image-capinsets-next/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCImageCapInsetsPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| source  | Image source data         | [ImageSource](https://reactnative.cn/docs/next/image#imagesource)  | yes | All      | yes |
+| capInsets  | When the image is scaled, the size of the corners specified by the capInsets is fixed without scaling, while the rest of the middle and sides are stretched. This is useful for making variable-size rounded button shadows and other resources         | [Rect](https://reactnative.cn/docs/next/rect)   | no | All      | yes |
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 97e1859dd009534d2ab6528d174f7b0c0c5c07e9 Mon Sep 17 00:00:00 2001
From: wupingyuan <wupingyuan2@h-partners.com>
Date: Fri, 28 Jun 2024 09:47:59 +0800
Subject: [PATCH 048/966] =?UTF-8?q?docs:=20[Issues:=20#IA8PPD]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-pager-view=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-pager-view.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index 99c384f7..b4fecc42 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -250,7 +250,7 @@ ohpm install
 | keyboardDismissMode                      | Determines whether the keyboard gets dismissed in response to a drag                                                                                                                                                                                                | one of 'none' ,'on-drag'       | 否       | ios,android  | yes                        |
 | orientation                              | Set horizontal or vertical scrolling orientation (it does not work dynamically)                                                                                                                                                                                     | one of horizontal vertical     | 否       | ios，android | yes                        |
 | overScrollMode                           | Used to override default value of overScroll mode. Can be auto, always or never. Defaults to auto                                                                                                                                                                   | one of auto, always ,never     | 否       | android      | yes                        |
-| offscreenPageLimit                       | Set the number of pages that should be retained to either side of the currently visible page(s). Pages beyond this limit will be recreated from the adapter when needed. Defaults to RecyclerView's caching strategy. The given value must either be larger than 0. | number                         | 否       | android      | no                         |
+| offscreenPageLimit                       | Set the number of pages that should be retained to either side of the currently visible page(s). Pages beyond this limit will be recreated from the adapter when needed. Defaults to RecyclerView's caching strategy. The given value must either be larger than 0. | number                         | 否       | android      | yes                         |
 | overdrag                                 | Allows for overscrolling after reaching the end or very beginning or pages. Defaults to false                                                                                                                                                                       | bool                           | 否       | ios          | yes                        |
 | layoutDirection                          | Specifies layout direction. Use ltr or rtl to set explicitly or locale to deduce from the default language script of a locale. Defaults to locale                                                                                                                   | string                         | 否       | android,ios  | yes                        |
 | setPage(index: number)                   | Function to scroll to a specific page in the PagerView. Invalid index is ignored.                                                                                                                                                                                   | function                       | 否       | android,ios  | yes                        |
@@ -259,7 +259,7 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] offscreenPageLimit 未实现 HarmonyOS 化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
+- [x] offscreenPageLimit 未实现 HarmonyOS 化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
 
 ## 其他
 

From e0458f8ed3f82a522dcd2b7488b77e5347b8f4ad Mon Sep 17 00:00:00 2001
From: 2361391426 <2361391426@qq.com>
Date: Fri, 28 Jun 2024 14:31:46 +0800
Subject: [PATCH 049/966] =?UTF-8?q?docs:=20[Issues:=20#IA8VMB]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-picker-picker=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-picker-picker.md | 195 ++++++++++++++--------------
 1 file changed, 100 insertions(+), 95 deletions(-)

diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 65aa701d..6f5e5f22 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-picker/picker</code> </h1>
@@ -44,18 +44,29 @@ yarn add @react-native-oh-tpl/picker@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import { Picker } from "@react-native-picker/picker";
+import * as React from "react";
+import { Picker } from "@react-native-oh-tpl/picker";
+import { View } from "react-native";
+
+export const PickerExample = ()=>{
+  const [selectedLanguage, setSelectedLanguage] = React.useState();
+
+  return (
+    <View style={{backgroundColor:"#fff",padding:40}}>
+      <Picker
+        selectedValue={selectedLanguage}
+        onValueChange={(itemValue, itemIndex) => setSelectedLanguage(itemValue)}>
+        <Picker.Item label="Java" value="java" />
+        <Picker.Item label="JavaScript" value="js" />
+      </Picker>
+    </View>
+  )
+}
+```
 
-const [selectedLanguage, setSelectedLanguage] = useState();
+## 使用 Codegen
 
-<Picker
-  selectedValue={selectedLanguage}
-  onValueChange={(itemValue, itemIndex) => setSelectedLanguage(itemValue)}
->
-  <Picker.Item label="Java" value="java" />
-  <Picker.Item label="JavaScript" value="js" />
-</Picker>;
-```
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 使用文档。](/zh-cn/codegen.md)
 
 ## Link
 
@@ -63,6 +74,17 @@ const [selectedLanguage, setSelectedLanguage] = useState();
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -80,7 +102,7 @@ const [selectedLanguage, setSelectedLanguage] = useState();
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-picker": "file:../../node_modules/@react-native-oh-tpl/picker/harmony/picker.har"
+    "@react-native-oh-tpl/picker": "file:../../node_modules/@react-native-oh-tpl/picker/harmony/picker.har",
   }
 ```
 
@@ -97,61 +119,13 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 PickerPackge
-
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
-
-```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: add_package_subdirectories
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-picker/src/main/cpp" ./picker)
-# RNOH_END: add_package_subdirectories
-
-add_library(rnoh_app SHARED
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: link_packages
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_picker)
-# RNOH_END: link_packages
-```
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
-+ #include "PickerPackage.h"
-
-using namespace rnoh;
-
-std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
-    return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<PickerPackage>(ctx)
-    };
-}
-```
-
 ### 在 ArkTs 侧引入 picker 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
 ...
-+ import { RNCPicker, PICKER_TYPE } from "rnoh-picker"
++ import { RNCPicker, PICKER_TYPE } from "@react-native-oh-tpl/picker"
 
   @Builder
   function buildCustomComponent(ctx: ComponentBuilderContext) {
@@ -162,7 +136,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
         buildCustomComponent: buildCustomComponent
       })
     }
-+   else if (ctx.componentName === PICKER_TYPE) {
++   if (ctx.componentName === PICKER_TYPE) {
 +     RNCPicker({
 +       ctx: ctx.rnComponentContext,
 +       tag: ctx.tag
@@ -173,6 +147,35 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
   ...
 ```
 
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PICKER_TYPE
+  ];
+```
+
+### 在 ArkTs 侧引入 RNCPickerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { RNCPickerPackage } from '@react-native-oh-tpl/picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCPickerPackage(ctx)
+  ];
+}
+```
+
 ### 运行
 
 在右上角选择 entry 模块，运行即可。
@@ -185,53 +188,55 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ## 属性
 
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
 ### PickerProps
 
-| 名称                      | 说明                                                                                              | 类型                                                         | 是否必填 | 平台                  |  HarmonyOS 支持  |
-| ------------------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | --------------------- | --------- |
-| `onValueChange`           | Callback for when an item is selected.                                                            | function                                                     | No       | All                   | yes       |
-| `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                          | any                                                          | No       | All                   | yes       |
-| `style`                   | NA                                                                                                | pickerStyleType                                              | No       | All                   | yes       |
-| `testID`                  | Used to locate this view in end-to-end tests.                                                     | string                                                       | No       | All                   | yes       |
-| `enabled`                 | If set to false, the picker will be disabled, i.e. the user will not be able to make a selection. | bool                                                         | No       | Android, Web, Windows | no        |
-| `mode`                    | On Android, specifies how to display the selection items when the user taps on the picker         | enum('dialog', 'dropdown')                                   | No       | Android               | no        |
-| `dropdownIconColor`       | On Android, specifies color of dropdown triangle.                                                 | ColorValue                                                   | No       | Android               | no        |
-| `dropdownIconRippleColor` | On Android, specifies ripple color of dropdown triangle.                                          | ColorValue                                                   | No       | Android               | no        |
-| `prompt`                  | Prompt string for this picker, used on Android in dialog mode as the title of the dialog.         | string                                                       | No       | Android               | no        |
-| `itemStyle`               | Style to apply to each of the item labels.                                                        | [text styles](https://reactnative.dev/docs/text-style-props) | No       | iOS, Windows          | partially |
-| `numberOfLines`           | On Android & iOS, used to truncate the text with an ellipsis after computing the text layout.     | number                                                       | No       | Android, iOS          | no        |
-| `onBlur`                  | NA                                                                                                | function                                                     | No       | Android               | no        |
-| `onFocus`                 | NA                                                                                                | function                                                     | No       | Android               | no        |
-| `selectionColor`          | NA                                                                                                | ColorValue                                                   | No       | iOS                   | no        |
-| `themeVariant`            | NA                                                                                                | enum('light', 'dark')                                        | No       | iOS                   | no        |
+| 名称                      | 说明                                                                                              | 类型                                                         | 是否必填 | 平台                  | HarmonyOS 支持 |
+| ------------------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | --------------------- |--------------|
+| `onValueChange`           | Callback for when an item is selected.                                                          | function                                                     | No       | All                   | Yes          |
+| `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                        | any                                                          | No       | All                   | Yes          |
+| `style`                   | NA                                                                                              | pickerStyleType                                              | No       | All                   | Yes          |
+| `testID`                  | Used to locate this view in end-to-end tests.                                                   | string                                                       | No       | All                   | Yes          |
+| `enabled`                 | If set to false, the picker will be disabled, i.e. the user will not be able to make a selection. | bool                                                         | No       | Android, Web, Windows | No           |
+| `mode`                    | On Android, specifies how to display the selection items when the user taps on the picker       | enum('dialog', 'dropdown')                                   | No       | Android               | No           |
+| `dropdownIconColor`       | On Android, specifies color of dropdown triangle.                                               | ColorValue                                                   | No       | Android               | No           |
+| `dropdownIconRippleColor` | On Android, specifies ripple color of dropdown triangle.                                        | ColorValue                                                   | No       | Android               | No           |
+| `prompt`                  | Prompt string for this picker, used on Android in dialog mode as the title of the dialog.       | string                                                       | No       | Android               | No           |
+| `itemStyle`               | Style to apply to each of the item labels.   | [text styles](https://reactnative.dev/docs/text-style-props) | No     | iOS, Windows          | partially    |
+| `numberOfLines`           | On Android & iOS, used to truncate the text with an ellipsis after computing the text layout.   | number                                                       | No       | Android, iOS          | No           |
+| `onBlur`                  | NA                                                                                              | function                                                     | No       | Android               | No           |
+| `onFocus`                 | NA                                                                                              | function                                                     | No       | Android               | No           |
+| `selectionColor`          | Color to apply to the selection indicator.                                                      | ColorValue                                                   | No       | iOS                   | Yes          |
+| `themeVariant`            | NA                                                                                              | enum('light', 'dark')                                        | No       | iOS                   | No           |
 
 ### PickerItemProps
 
-| 名称                 | 说明                                                                                                     | 类型          | 是否必填 | 平台    |  HarmonyOS 支持 |
-| -------------------- | -------------------------------------------------------------------------------------------------------- | ------------- | -------- | ------- | -------- |
-| `label`              | Displayed value on the Picker Item.                                                                      | string        | yes      | All     | yes      |
-| `value`              | Actual value on the Picker Item.                                                                         | number,string | yes      | All     | yes      |
-| `color`              | Displayed color on the Picker Item.                                                                      | ColorValue    | yes      | All     | no       |
-| `label`              | Displayed value on the Picker Item.                                                                      | string        | no       | All     | yes      |
-| `fontFamily`         | Displayed fontFamily on the Picker Item.                                                                 | string        | no       | All     | yes      |
-| `style`              | Style to apply to individual item labels.                                                                | ViewStyleProp | no       | Android | yes      |
-| `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | no       | Android | no       |
-| `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | no       | Android | no       |
+| 名称                 | 说明                                                                                                     | 类型          | 是否必填 | 平台    | HarmonyOS 支持 |
+| -------------------- | -------------------------------------------------------------------------------------------------------- | ------------- | -------- | ------- |--------------|
+| `label`              | Displayed value on the Picker Item.                                                                      | string        | Yes      | All     | Yes          |
+| `value`              | Actual value on the Picker Item.                                                                         | number,string | Yes      | All     | Yes          |
+| `color`              | Displayed color on the Picker Item.                                                                      | ColorValue    | Yes      | All     | No           |
+| `fontFamily`         | Displayed fontFamily on the Picker Item.                                                                 | string        | No       | All     | No           |
+| `style`              | Style to apply to individual item labels.                                                                | ViewStyleProp | No       | Android | No           |
+| `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android | No           |
+| `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android | No           |
 
 ## 静态方法
 
 | 名称    | 说明                            | 平台    |  HarmonyOS 支持 |
 | ------- | ------------------------------- | ------- | -------- |
-| `blur`  | Programmatically closes picker. | Android | no       |
-| `focus` | Programmatically opens picker.  | Android | no       |
+| `blur`  | Programmatically closes picker. | Android | No       |
+| `focus` | Programmatically opens picker.  | Android | No       |
 
 ## 遗留问题
 
 - [ ] numberOfLines 属性不支持[issue#2](https://github.com/react-native-oh-library/picker/issues/2)
-- [ ] PickerItemProps 的 color 和 fontFamily 不支持（OH 的 Picker 组件不支持单独设置 PickerItem 的样式）
-- [ ] themeVariant 属性不支持
-- [ ] selectionColor 不支持
-- [ ] itemStyle 不支持设置 textAlign（OH 的 Picker 不支持设置）
+- [ ] PickerItemProps 的 color 和 fontFamily 不支持（OH 的 Picker 组件不支持单独设置 PickerItem 的样式） [issue#21](https://github.com/react-native-oh-library/picker/issues/21)
+- [ ] themeVariant 属性不支持[issue#22](https://github.com/react-native-oh-library/picker/issues/22)
+- [ ] itemStyle 不支持设置 textAlign（OH 的 Picker 不支持设置）[issue#23](https://github.com/react-native-oh-library/picker/issues/23)
 
 ## 其他
 

From bc6b66ac36040857f27c281098156f33cb8c6e4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=AE=9D=E8=BF=AA?= <chenbaodi2@h-partners.com>
Date: Fri, 28 Jun 2024 10:51:59 +0800
Subject: [PATCH 050/966] =?UTF-8?q?docs:=20[Issues:=20#IA8YXH]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20react-native-baidu-map=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 陈宝迪 <chenbaodi2@h-partners.com>
---
 zh-cn/react-native-baidu-map.md | 608 ++++++++++++++++++++++++++++++++
 1 file changed, 608 insertions(+)
 create mode 100644 zh-cn/react-native-baidu-map.md

diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
new file mode 100644
index 00000000..bd0c154d
--- /dev/null
+++ b/zh-cn/react-native-baidu-map.md
@@ -0,0 +1,608 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-baidu-map</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lovebing/react-native-baidu-map">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lovebing/react-native-baidu-map/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-baidu-map)
+
+## 安装与使用
+
+请到三方库的 Releases
+发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
+，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-baidu-map@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-baidu-map@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { Text, ScrollView, View, StyleSheet } from 'react-native';
+import { MapApp, Location, BaiduMapManager, MapView, Overlay } from 'react-native-baidu-map';
+
+
+function App({ }): JSX.Element {
+
+    const _onMapClick = (location: Location) => {
+        console.log('baidumap _onMapClick location latitude:' + location.latitude);
+        console.log('baidumap _onMapClick location longitude:' + location.longitude);
+    }
+
+    const _onMapDoubleClick = () => {
+        console.log('baidumap _onMapDoubleClick');
+    }
+
+    const _onMapLoaded = () => {
+        console.log('baidumap _onMapLoaded');
+    }
+
+
+    function _TestTurboModule() {
+        console.log('baidumap _TestTurboModule');
+        BaiduMapManager.initSDK('test');
+        BaiduMapManager.hasLocationPermission().then((hasPermission: boolean) => {
+            console.log('baidumap hasLocationPermission:' + hasPermission);
+        })
+        MapApp.openDrivingRoute({ latitude: 38.914935, longitude: 115.403119, name: "" }, { latitude: 39.914935, longitude: 116.403119, name: "" });
+        MapApp.openTransitRoute({ latitude: 36.914935, longitude: 113.403119, name: "" }, { latitude: 37.914935, longitude: 114.403119, name: "" });
+        MapApp.openWalkNavi({ latitude: 34.914935, longitude: 111.403119, name: "" }, { latitude: 35.914935, longitude: 112.403119, name: "" });
+    }
+    return (
+    <View >
+        <View style={[styles.button, { marginLeft: 100, marginTop: 40 }]}
+            onTouchEnd={() => {
+             _TestTurboModule();
+            }
+    }>
+    <Text style={styles.buttonText}>_TestTurboModule</Text>
+        </View>
+        <MapView
+    center={{ latitude: 38.914935, longitude: 115.403119 }}
+    zoom={12.0}
+    mapType={1}
+    trafficEnabled={true}
+    zoomGesturesEnabled={true}
+    scrollGesturesEnabled={true}
+    zoomControlsVisible={true}
+    showsUserLocation={true}
+    locationData={{ latitude: 38.914935, longitude: 115.403119 }}
+    onMapClick={_onMapClick}
+    onMapLoaded={_onMapLoaded}
+    onMapDoubleClick={_onMapDoubleClick}
+    style={{ width: '100%', height: '90%' }}
+    >
+    <Overlay.Circle
+    radius={6000}
+    fillColor='0000FF'
+    stroke={{ width: 12, color: 'AAEEFF11' }}
+    center={{ latitude: 38.914935, longitude: 115.403119 }} />
+    
+        <Overlay.Marker
+    location={{ latitude: 39.844935, longitude: 115.603119 }} onClick={() => {
+        console.log("baidumap Marker CLICK1")
+    }} icon={{ uri: "https://maponline0.bdimg.com/sty/map_icons2x/MapRes/huochezhan.png?udt=20230227" }} />
+    
+        <Overlay.Marker
+    location={{ latitude: 40.044935, longitude: 115.603119 }} onClick={() => {
+        console.log("baidumap Marker CLICK2")
+    }} icon={{ uri: "https://maponline0.bdimg.com/sty/map_icons2x/MapRes/huochezhan.png?udt=20230227" }} />
+    
+    
+        <Overlay.Polyline
+    points={[{ latitude: 38.914935, longitude: 115.403119 }, { latitude: 39.014935, longitude: 115.603119 }, { latitude: 38.814935, longitude: 115.603119 }]}
+    stroke={{ width: 5, color: 'AA000000' }} />
+    
+        <Overlay.Polygon
+    points={[{ latitude: 38.914935, longitude: 115.403119 }, { latitude: 38.614935, longitude: 115.203119 }, { latitude: 39.414935, longitude: 115.403119 }]}
+    stroke={{ width: 5, color: 'AA000000' }}
+    fillColor='0000FF' />
+        <Overlay.Text
+    location={{ latitude: 38.614935, longitude: 115.403119 }}
+    fontColor='0000FF'
+    fontSize={32}
+    bgColor='888888'
+    rotate={10}
+    text='overlay Text test' />
+        </MapView>
+        </View>
+    
+    )
+    }
+    
+    const styles = StyleSheet.create({
+        button: {
+            width: 160,
+            height: 36,
+            backgroundColor: 'hsl(190, 50%, 70%)',
+            paddingHorizontal: 16,
+            paddingVertical: 8,
+            borderRadius: 8,
+        },
+        buttonText: {
+            width: '100%',
+            height: '100%',
+            fontWeight: 'bold',
+        },
+    });
+
+export default App;
+```
+
+## Link
+
+目前harmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的harmonyOS工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony": "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+"@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+"@react-native-oh-tpl/react-native-baidu-map": "file:../../node_modules/@react-native-oh-tpl/react-native-baidu-map/harmony/baidu_map.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 BaiduMapPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-baidu-map/src/main/cpp" ./baidu-map)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_baidu_map)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "BaiduMapPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<BaiduMapPackage>(ctx),
+    };
+}
+```
+
+### 在 ArkTs 侧引入 BaiduMapPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {BaiduMapPackage} from '@react-native-oh-tpl/react-native-baidu-map/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new BaiduMapPackage(ctx)
+  ];
+}
+```
+
+### 在 ArkTs 侧引入 react-native-baidu-map 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets`
+或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
++ import {
++  BAIDU_MAP_OVERLAY_CIRCLE_TYPE,
++  BAIDU_MAP_OVERLAY_MARKER_TYPE,
++  BAIDU_MAP_OVERLAY_POLYGON_TYPE,
++  BAIDU_MAP_OVERLAY_POLYLINE_TYPE,
++  BAIDU_MAP_OVERLAY_TEXT_TYPE,
++  BAIDU_MAP_VIEW_TYPE,
++  BaiduMapOverlayCircle,
++  BaiduMapOverlayPolygon,
++  BaiduMapOverlayPolyline,
++  BaiduMapOverlayText,
++  BaiduMapView
++} from '@react-native-oh-tpl/react-native-baidu-map';
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++ if (ctx.componentName === BAIDU_MAP_VIEW_TYPE) {
++      BaiduMapView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_CIRCLE_TYPE) {
++      BaiduMapOverlayCircle({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_MARKER_TYPE) {
++      BaiduMapOverlayMarkerS({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_POLYGON_TYPE) {
++      BaiduMapOverlayPolygon({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_POLYLINE_TYPE) {
++      BaiduMapOverlayPolyline({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_TEXT_TYPE) {
++      BaiduMapOverlayText({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames`
+在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ BAIDU_MAP_VIEW_TYPE,
++ BAIDU_MAP_OVERLAY_CIRCLE_TYPE,
++ BAIDU_MAP_OVERLAY_MARKER_TYPE,
++ BAIDU_MAP_OVERLAY_POLYGON_TYPE,
++ BAIDU_MAP_OVERLAY_POLYLINE_TYPE,
++ BAIDU_MAP_OVERLAY_TEXT_TYPE
+  ];
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release
+配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++      {
++        "name": "ohos.permission.WRITE_USER_STORAGE"
++      },
++      {
++        "name": "ohos.permission.READ_USER_STORAGE"
++      },
++      {
++        "name": "ohos.permission.INTERNET"
++      },
++      {
++        "name": "ohos.permission.GET_BUNDLE_INFO"
++      },
++      {
++        "name": "ohos.permission.LOCATION",
++        "reason": "$string:EntryAbility_desc",
++        "usedScene": {
++          "abilities": [
++            "MainAbility"
++          ],
++          "when": "inuse"
++        }
++      },
++      {
++        "name": "ohos.permission.LOCATION_IN_BACKGROUND",
++        "reason": "$string:EntryAbility_desc",
++        "usedScene": {
++          "abilities": [
++            "MainAbility"
++          ],
++          "when": "inuse"
++        }
++      },
++      {
++        "name": "ohos.permission.APPROXIMATELY_LOCATION",
++        "reason": "$string:EntryAbility_desc",
++        "usedScene": {
++          "abilities": [
++            "MainAbility"
++          ],
++          "when": "inuse"
++        }
++      }
+    ]
+```
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标
+> iOS 或 Android 的效果。
+
+#### MapView Props 属性
+
+| Name                    | Description                      | Type     | Required | Platform | HarmonyOS Support |
+|-------------------------|----------------------------------|----------|----------|----------|-------------------|
+| zoomControlsVisible     | 显示或隐藏缩放控件，仅 Android              | Boolean  | no      | Android  | yes               |
+| trafficEnabled          | 是否启用交通图层                         | Boolean  | no      | All      | yes                |
+| baiduHeatMapEnabled     | 是否启用百度热力图                        | Boolean  | no      | All      | yes                |
+| zoomGesturesEnabled     | 允许手势缩放                           | Boolean  | no      | All      | yes                |
+| scrollGesturesEnabled   | 允许拖动                             | Boolean  | no      | All      | yes                |
+| mapType                 | 地图类型                             | Number   | no      | All      | partially                |
+| zoom                    | 地图的缩放级别                          | Number   | no      | All      | yes                |
+| showsUserLocation       | 是否显示定位                           | Boolean  | no      | All      | yes                |
+| locationData            | 定位信息 {latitude: 0, longitude: 0} | Object   | no      | All      | yes                |
+| center                  | {latitude: 0, longitude: 0}      | Object   | no      | All      | yes                |
+| onMapStatusChangeStart  | 地图状态开始变化时的回调函数，仅 Android         | Function | no      | Android  | no                |
+| onMapStatusChange       | 地图状态变化时的回调函数                     | Function | no      | All      | no                |
+| onMapStatusChangeFinish | 地图状态变化完成时的回调函数，仅 Android         | Function | no      | Android  | no                |
+| onMapLoaded             | 地图加载完成时的回调函数                     | Function | no      | All      | yes                |
+| onMapClick              | 地图被点击时的回调函数                      | Function | no      | All      | yes                |
+| onMapDoubleClick        | 地图被双击时的回调函数                      | Function | no      | All      | yes                |
+| onMarkerClick           | 地图上的标记被点击时的回调函数                  | Function | no      | All      | no                |
+| onMapPoiClick           | 地图上的兴趣点（POI）被点击时的回调函数            | Function | no      | All      | no                |
+
+#### Marker Props 属性
+
+| Name         | Description                              | Type     | Required | Platform | HarmonyOS Support |
+|--------------|------------------------------------------|----------|----------|----------|-------------------|
+| title        | 如果没有 InfoWindow，将会根据 title 生成 InfoWindow | String   | no       | All      | no                |
+| titleOffsetY | title 作为 InfoWindow 展示的 y 轴偏移量，仅 Android | Number   | no       | Android  | no                |
+| location     | 标记的经纬度坐标位置                               | Object   | yes      | All      | yes               |
+| perspective  | 是否启用标记的透视效果，仅 Android                    | Boolean  | no       | Android  | yes               |
+| flat         | 是否使标记扁平化，仅 Android                       | Boolean  | no       | Android  | yes               |
+| rotate       | 旋转角度，仅 Android                           | Number   | no       | Android  | yes               |
+| icon         | icon图片，同  的 source 属性                    | Object   | no       | All      | yes               |
+| alpha        | 透明度，仅 Android                            | Number   | no       | Android  | yes               |
+| animateType  | 动画效果：drop/grow/jump (iOS 仅支持 drop)       | String   | no       | All      | yes               |
+| pinColor     | red/green/purple，大头针颜色，仅 iOS             | String   | no       | IOS      | no                |
+| onClick      | 当标记被点击时触发的回调函数                           | Function | no       | All      | yes               |
+
+#### Cluster 点聚合
+
+#### Arc Props 属性
+
+| Name   | Description    | Type    | Required | Platform | HarmonyOS Support |
+|--------|----------------|---------|----------|----------|-------------------|
+| stroke | 当标记被点击时触发的回调函数 | Object  | yes      | All      | no                |
+| points | 数值长度必须为        | Object  | yes      | All      | no                |
+| dash   | 是否为虚线，仅 iOS    | Boolean | yes      | iOS      | no                |
+
+#### Circle Props 属性
+
+| Name      | Description       | Type   | Required | Platform | HarmonyOS Support |
+|-----------|-------------------|--------|----------|----------|-------------------|
+| radius    | 圆的半径              | Number | yes      | All      | yes               |
+| fillColor | 圆的填充颜色（十六进制，带透明度） | String | yes       | All      | yes               |
+| stroke    | 圆的描边样式            | Object | yes       | All      | yes               |
+| center    | 圆的中心点坐标           | Object | yes       | All      | yes               |
+
+#### Polyline Props 属性
+
+| Name   | Description | Type   | Required | Platform | HarmonyOS Support |
+|--------|-------------|--------|----------|----------|-------------------|
+| points | 折线的顶点坐标数组   | Object | yes      | All      | yes               |
+| stroke | 折线的描边样式     | Object | yes      | All      | yes               |
+
+#### Polygon Props 属性
+
+| Name      | Description          | Type   | Required | Platform | HarmonyOS Support |
+|-----------|----------------------|--------|----------|----------|-------------------|
+| points    | 多边形的顶点坐标数组           | Object | yes      | All      | yes               |
+| fillColor | 多边形的填充颜色（十六进制，带透明度）	 | String | no      | All      | yes               |
+| stroke    | 多边形的描边样式             | Object | no      | All      | yes               |
+
+#### Text Props 属性
+
+| Name      | Description   | Type   | Required | Platform | HarmonyOS Support |
+|-----------|---------------|--------|----------|----------|-------------------|
+| text      | 要显示的文本        | String | yes      | All      | yes               |
+| fontSize  | 文本的字体大小       | Number | no       | All      | yes               |
+| fontColor | 文本的字体颜色（十六进制） | String | no       | All      | yes               |
+| bgColor   | 文本的背景颜色（十六进制） | String | no       | All      | yes               |
+| rotate    | 文本旋转的角度       | Number | no       | All      | yes               |
+| location  | 文本在地图上的位置坐标	  | Object | yes      | All      | yes               |
+
+#### MarkerIcon 使用 View 作为 marker 的 icon
+
+#### InfoWindow Props 属性
+
+#### 必须作为 Marker 的子组件
+
+| Name    | Description                    | Type   | Required | Platform | HarmonyOS Support |
+|---------|--------------------------------|--------|----------|----------|-------------------|
+| offsetY | 相对于 point 在 y 轴的偏移量，仅 Android	 | Object | yes      | Android  | no                |
+
+#### HeatMap Props 属性
+
+| Name     | Description | Type   | Required | Platform | HarmonyOS Support |
+|----------|-------------|--------|----------|----------|-------------------|
+| points   | 绘制热度图的点     | array  | yes      | All      | no                |
+| gradient | 颜色渐变对象      | object | yes      | All      | no                |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标
+> iOS 或 Android 的效果。
+
+#### BaiduMapManager
+
+| Name                          | Description | Type | Required | Platform | HarmonyOS Support |
+|-------------------------------|-------------|------|----------|----------|-------------------|
+| initSDK                       | iOS 初始化 SDK | void | no      | All      | yes               |
+| Promise hasLocationPermission | 是否有定位权限     | void | no       | All      | yes               |
+
+#### Geolocation Methods
+
+| Name                                              | Description                          | Type | Required | Platform | HarmonyOS Support |
+|---------------------------------------------------|--------------------------------------|------|----------|----------|-------------------|
+| Promise reverseGeoCode                            | 根据给定的经纬度坐标获取相应的地址信息                  | void | no      | All      | no                |
+| Promise reverseGeoCodeGPS                         | 通过给定的经纬度进行反向地理编码，从而获取与该经纬度对应的地理位置信息。 | void | no       | All      | no                |
+| Promise geocode                                   | 调用一个提供地理编码服务的API                     | void | no       | All      | no                |
+| Promise getCurrentPosition                        | 获取当前定位信息，coorType 可为 bd09ll 或 gcj02，默认 bd09ll | void | no       | All      | no                |
+| startLocating(function listener, String coorType) | 开始持续定位                               | void | no       | All      | no                |
+| stopLocating                                      | 停止持续定位                               | void | no       | All      | no                |
+
+#### GetDistance Methods
+
+| Name                        | Description   | Type | Required | Platform | HarmonyOS Support |
+|-----------------------------|---------------|------|----------|----------|-------------------|
+| Promise getLocationDistance | 计算两个地理位置之间的距离 | no   | no      | All      | no                |
+
+#### MapApp Methods 调起百度地图客户端
+
+| Name             | Description | Type | Required | Platform | HarmonyOS Support |
+|------------------|-------------|------|----------|----------|-------------------|
+| openDrivingRoute | 调起百度地图驾车规划  | void | no       | All      | yes               |
+| openTransitRoute | 调起百度地图公交路线  | void | no       | All      | yes               |
+| openWalkNavi     | 调起百度地图步行路线  | void | no       | All      | yes               |
+
+## 遗留问题
+- [ ] Arc覆盖物未实现 [#15](https://github.com/react-native-oh-library/react-native-baidu-map/issues/15)
+- [ ] infoWindow覆盖物未实现 [#16](https://github.com/react-native-oh-library/react-native-baidu-map/issues/16)
+- [ ] HeatMap覆盖物未实现 [#17](https://github.com/react-native-oh-library/react-native-baidu-map/issues/17)
+- [ ] Cluster 覆盖物未实现 [#18](https://github.com/react-native-oh-library/react-native-baidu-map/issues/18)
+- [ ] MarkerIcon 覆盖物未实现 [#19](https://github.com/react-native-oh-library/react-native-baidu-map/issues/19)
+- [ ] MapView部分事件未实现 [#20](https://github.com/react-native-oh-library/react-native-baidu-map/issues/20)
+- [ ] marker的title、pincolor属性未实现 [#21](https://github.com/react-native-oh-library/react-native-baidu-map/issues/21)
+- [ ] Geolocation 静态类功能未实现  [#22](https://github.com/react-native-oh-library/react-native-baidu-map/issues/22)
+- [ ] GetDistance静态类功能未实现 [#23](https://github.com/react-native-oh-library/react-native-baidu-map/issues/23)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lovebing/react-native-baidu-map/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 26af77c4154851c683398b711f0c24ffa3345c29 Mon Sep 17 00:00:00 2001
From: baofeng <baofeng6@h-partners.com>
Date: Fri, 28 Jun 2024 15:38:16 +0800
Subject: [PATCH 051/966] =?UTF-8?q?docs:=20[Issues:=20#I9VQPS]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-modalbox=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modalbox.md | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index fe3beb3e..d13d1824 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -17,7 +17,6 @@
 
 ## 安装与使用
 
-
 <!-- tabs:start -->
 
 #### **npm**
@@ -279,7 +278,7 @@ hese methods are optional, you can use the isOpen property instead
 
 | Name  | Description  | Type | Required  |Platform|HarmonyOS Support |
 | :------------ |:---------------:| :---------------:|:---------------:|:---------------:|:---------------:|
-| open  | Open the modal | `function`  | no  | IOS/Android  | yes  |
+| open  | Open the modal  | `function`  | no  | IOS/Android  | yes  |
 | close  | Close the modal | `function`  | no  | IOS/Android  | yes  |
 
 
@@ -289,5 +288,5 @@ hese methods are optional, you can use the isOpen property instead
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-modalbox/blob/master/License.txt) ，请自由地享受和参与开源。
 <!-- {% endraw %} -->
\ No newline at end of file

From e24487ccb228e64d55279e009225e35d2f7349d8 Mon Sep 17 00:00:00 2001
From: meimei0321 <dengzimei@h-partners.com>
Date: Thu, 27 Jun 2024 14:24:44 +0800
Subject: [PATCH 052/966] =?UTF-8?q?docs:=20[Issues:=20#IA8QFC]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-device-info=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-device-info.md | 296 ++++++++++++++++++++++++++++++
 1 file changed, 296 insertions(+)
 create mode 100644 zh-cn/react-native-device-info.md

diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
new file mode 100644
index 00000000..43c129e1
--- /dev/null
+++ b/zh-cn/react-native-device-info.md
@@ -0,0 +1,296 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-device-info</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-device-info/react-native-device-info">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Windows%20|%20Web%20|%20visionOS%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-device-info/react-native-device-info/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-device-info)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-device-info@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-device-info@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import DeviceInfo from 'react-native-device-info';
+  DeviceInfo.getBundleId();
+  DeviceInfo.getVersion();
+  DeviceInfo.getReadableVersion();
+  DeviceInfo.getBuildNumber();
+  DeviceInfo.isTablet();
+  DeviceInfo.getApplicationName();
+  DeviceInfo.getBrand();
+  DeviceInfo.getModel();
+  DeviceInfo.getDeviceType();
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-device-info": "file:../../node_modules/@react-native-oh-tpl/react-native-device-info/device_info.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 RNDeviceInfoPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {RNDeviceInfoPackage} from '@react-native-oh-tpl/react-native-device-info/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNDeviceInfoPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases)
+
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
+  {
+    "name": "ohos.permission.GET_NETWORK_INFO"
+  },
+  {
+    "name": "ohos.permission.GET_WIFI_INFO"
+  }
+]
+```
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getAndroidId  |Gets the ANDROID_ID. See API documentation for appropriate use.  | Promise<string>| yes | Android      | no |
+| getApiLevel  | Gets the API level.  | Promise<number>| yes | Android      | yes |
+| getApplicationName  | Gets the application name.  | string | yes | IOS/Android/Windows/visionOS      | yes |
+| getAvailableLocationProviders  | Returns an object of platform-specfic location providers/servcies, with value whether or not they are currently available.boolean       | Promise<object>  | yes | IOS/Android/visionOS      | yes |
+| getBaseOs  | The base OS build the product is based on.      | Promise<string>  | yes | Android/Windows/Web      | yes |
+| getBuildId  | Gets build number of the operating system.      | Promise<string>  | yes | IOS/Android/Windows/visionOS      | yes |
+| getBatteryLevel  | Gets the battery level of the device as a float comprised between 0 and 1.        | Promise<number>  | yes | IOS/Android /Windows/Web/visionOS     | yes |
+| getBootloader  | The system bootloader version number.        | Promise<string>  | yes | Android      | yes |
+| getBrand  | Gets the device brand.        | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| getBuildNumber  | Gets the application build number.       | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| getBundleId  | Gets the application bundle identifier.        | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| isCameraPresent  | Tells if the device has any camera now.        | Promise<boolean>  | yes | Android/Windows/Web      | yes |
+| getCarrier  | Gets the carrier name (network operator).        | Promise<string>  | yes | IOS/Android      | yes |
+| getCodename  | The current development codename, or the string "REL" if this is a release build.         | Promise<string>  | yes | Android      | yes |
+| getDevice  |  The name of the industrial design.        | Promise<string>  | yes | Android      | yes |
+| getDeviceId  |Gets the device ID.        | string  | yes | IOS/Android/Windows/visionOS     | no |
+| getDeviceType  | TReturns the device's type as a string     | string  | yes | IOS/Android/visionOS      | yes |
+| getDisplay  | A build ID string meant for displaying to the user.     | Promise<string>  | yes | Android      | yes |
+| getDeviceName  | Gets the device name.        | Promise<string>  | yes | IOS/Android/Windows/visionOS      | yes |
+| getDeviceToken  | Gets the device token (see DeviceCheck). Only available for iOS 11.0+ on real devices. This will reject the promise when getDeviceToken is not supported, be careful with exception handling.       | Promise<string>  | yes | IOS/visionOS      | no |
+| getFirstInstallTime  | Gets the time at which the app was first installed, in milliseconds.         | Promise<number>  | yes | IOS/Android/Windows/visionOS      | yes |
+| getFingerprint  | A string that uniquely identifies this build.         | Promise<string>  | yes | Windows      | no |
+| getFontScale  | Gets the device font scale. The font scale is the ratio of the current system font to the "normal" font size, so if normal text is 10pt and the system font is currently 15pt, the font scale would be 1.5 This can be used to determine if accessability settings has been changed for the device; you may want to re-layout certain views if the font scale is significantly larger ( > 2.0 )         | Promise<number>  | yes | IOS/Android/Windows      | yes |
+| getFreeDiskStorage  | Method that gets available storage size, in bytes, taking into account both root and data file systems calculation.         | Promise<number>  | yes | IOS/Android/Windows/Web/visionOS      | no |
+| getFreeDiskStorageOld  | Old implementation of method that gets available storage size, in bytes.         | Promise<number>  | yes | IOS/Android/Windows/Web/visionOS      | no |
+| getHardware  | The name of the hardware (from the kernel command line or /proc).         | Promise<string>  | yes | Android      | yes |
+| getHost  |  Hostname        | Promise<string>  | yes | Android/Windows      | yes|
+| getHostNames  | Hostnames       | Promise<string[]> | yes | Windows      | no |
+| getIpAddress  | Deprecated Gets the device current IP address. (of wifi only) Switch to react-native-netinfo/netinfo or react-native-network-info       | Promise<string>  | yes |  IOS/Android/Windows/visionOS      | yes |
+| getIncremental  | The internal value used by the underlying source control to represent this build.        | Promise<string>  | yes | Android      | yes |
+| getInstallerPackageName  | The internal value used by the underlying source control to represent this build.         | Promise<string>  | yes | IOS/Android/Windows/visoinOS      | yes |
+| getInstallReferrer  | Gets the referrer string upon application installation.         | Promise<string>  | yes | Android/Windows/Web      | no |
+| getInstanceId  | Gets the application instance ID.        | Promise<string>  | yes | Android      | yes|
+| getLastUpdateTime  | Gets the time at which the app was last updated, in milliseconds.        | Promise<number>  | yes | Android      | yes |
+| getMacAddress  | Gets the network adapter MAC address.        | Promise<string>  | yes | IOS/Android/visionOS      | no |
+| getManufacturer  | Gets the device manufacturer.        | Promise<string>  | yes | IOS/Android/visoinOS      | yes |
+| getMaxMemory  | Returns the maximum amount of memory that the VM will attempt to use, in bytes.        | Promise<number>  | yes | Android/Windows/Web      | no |
+| getModel  | Gets the device model.     | string  | yes | IOS/Android      | yes |
+| getPowerState  | Gets the power state of the device including the battery level, whether it is plugged in, and if the system is currently operating in low power mode.    | Promise<object>  | yes | IOS/Android/Windows/Web/visionOS      | yes |
+| getProduct  | The name of the overall product.        | Promise<string>  | yes | Android      | yes |
+| getPreviewSdkInt  | The developer preview revision of a prerelease SDK.        | Promise<number>  | yes | Android      | no |
+| getReadableVersion  | Gets the application human readable version (same as getVersion() + '.' + getBuildNumber())         | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| getSerialNumber  | Gets the device serial number. Will be 'unknown' in almost all cases unless you have a privileged app and you know what you're doing.       | Promise<string>  | yes | Android/Windows      | no |
+| getSecurityPatch  | The user-visible security patch level.        | Promise<string>  | yes | Android      | yes |
+| getSystemAvailableFeatures  | Returns a list of available system features on Android.         | Promise<string[]>  | yes | Android      | no |
+| getSystemName  | Gets the device OS name.        | string  | yes | IOS/Android/Windows/visoinOS      | yes |
+| getSystemVersion  | Gets the device OS version.         | string  | yes | IOS/Android/Windows/visoinOS      | yes |
+| getTags  | Comma-separated tags describing the build.        | Promise<string>  | yes | Android      | no |
+| getType  | The type of build.        | Promise<string>  | yes | Android      | yes |
+| getTotalDiskCapacity  | Method that gets full disk storage size, in bytes, taking into account both root and data file systems calculation.        | Promise<number>  | yes | Android      | no |
+| getTotalDiskCapacityOld  | Old implementation of method that gets full disk storage size, in bytes.        | Promise<number>  | yes | Android      | no |
+| getTotalMemory  | Gets the device total memory, in bytes.        | Promise<number>  | yes | IOS/Android/Web/visionOS      | no |
+| getUniqueId  | Gets the device unique ID. On Android it is currently identical to in this module.          | Promise<string>  | yes | IOS/Android/Windows/visionOS      | no |
+| getUsedMemory  | Gets the app memory usage, in bytes.          | Promise<string>  | yes | IOS/Android/Windows/Web/visionOs      | yes |
+| getUserAgent  | Gets the device User Agent.          | Promise<string>  | yes | IOS/Android/Web/visionOs      | no |
+| getUserAgentSync  | Gets the device User Agent.          | string  | yes | Android/Web     | no |
+| getVersion  | Gets the application version. Take into account that a version string is device/OS formatted and can contain any additional data (such as build number etc.). If you want to be sure about version format, you can use a regular expression to get the desired portion of the returned version string.      | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| getBrightness  | Gets the current brightness level of the device's main screen. Currently iOS only. Returns a number between 0.0 and 1.0, inclusive.        | Promise<number>  | yes | IOS     | no |
+| hasGms  | Tells if the device supports Google Mobile Services.         | Promise<boolean>  | yes | Android      | yes |
+| hasHms  | Tells if the device supports Huawei Mobile Services.         | Promise<boolean>  | yes | Android      | yes |
+| hasNotch  | Tells if the device has a notch.         | boolean  | yes | IOS/Android/Windows/visionOS      | no |
+| hasDynamicIsland  | Tells if the device has a dynamic island.         | boolean  | yes | IOS/Android/Windows/visionOS      | no |
+| hasSystemFeature  | Tells if the device has a specific system feature.         | Promise<boolean>  | yes | Android      | no |
+| isAirplaneMode  | Tells if the device is in Airplane Mode.       | Promise<boolean>  | yes | Android/ Web     | yes |
+| isBatteryCharging  | Tells if the battery is currently charging.         | Promise<boolean>  | yes | IOS/Android/Windows/Web/visionOS      | yes |
+| isEmulator  | Tells if the application is running in an emulator.        | Promise<boolean>  | yes | IOS/Android/Windows/visionOS      | no |
+| isKeyboardConnected  | Tells if the device has a keyboard connected.        | Promise<boolean>  | yes | Windows      | yes |
+| isLandscape  | Tells if the device is currently in landscape mode.        | Promise<boolean>  | yes | IOS/Android/Windows/visionOs      | yes |
+| isLocationEnabled  | Allow access to user's location information        | Promise<boolean>  | yes | IOS/Android/Web/visionOS      | yes |
+| isMouseConnected  | Tells if the device has a mouse connected.         | Promise<boolean>  | yes | Windows   | yes |
+| isHeadphonesConnected  | Tells if the device has a Headphones connected.         | Promise<boolean>  | yes | IOS/Android/visionOS      | yes |
+| isWiredHeadphonesConnected  | Tells if the device has a WiredHeadphones connected.         | Promise<boolean>  | yes | IOS/Android/visionOS      | yes |
+| isBluetoothHeadphonesConnected  | Tells if the device has a BluetoothHeadphones connected.         | Promise<boolean>  | yes | IOS/Android/visionOS      | yes |
+| isPinOrFingerprintSet  | Tells if a PIN number or a fingerprint was set for the device.         | Promise<boolean>  | yes | IOS/Android/Windows/visoinOs      | yes |
+| isTablet  | Tells if the device is a tablet.         | boolean  | yes | IOS/Android/Windows/visoinOs      | yes |
+| isLowRamDevice  |  Tells if the device has low RAM.          | boolean  | yes | Android      | yes |
+| isDisplayZoomed  | Tells if the user changed Display Zoom to Zoomed       | boolean  | yes | IOS     | no |
+| isTabletMode  | Tells if the device is in tablet mode.       | Promise<boolean>  | yes | Windows     | no |
+| supported32BitAbis  | device support 32  Abis       | Promise<string[]>  | yes | Windows     | yes |
+| supported64BitAbis  | device support 64 Abis       | Promise<string[]>  | yes | Windows     | yes |
+| supportedAbis  | device support Abis      | Promise<string[]>  | yes | IOS/Android/Windows/visoinOS     | yes|
+| syncUniqueId  | This method is intended for iOS,This synchronizes uniqueId with IDFV or sets new a random string,On iOS it uses the DeviceUID uid identifier. On other platforms it just call getUniqueId() in this module.       | Promise<string>  | yes | IOS/visionOS     | no |
+| getSupportedMediaTypeList  | This method gets the list of supported media codecs.       | Promise<string[]>  | yes | IOS/Android      | yes |
+
+
+## 遗留问题
+
+- [ ] getDeviceId()接口harmony暂不支持[issue#8](https://github.com/react-native-oh-library/react-native-device-info/issues/8)
+- [ ] getDeviceToken()接口harmony暂不支持[issue#9](https://github.com/react-native-oh-library/react-native-device-info/issues/9)
+- [ ] getFingerprint()接口harmony暂不支持 [issue#10](https://github.com/react-native-oh-library/react-native-device-info/issues/10)
+- [ ] getFreeDiskStorage()接口harmony暂不支持 [issue#11](https://github.com/react-native-oh-library/react-native-device-info/issues/11)
+- [ ] getFreeDiskStorageOld()接口harmony暂不支持 [issue#12](https://github.com/react-native-oh-library/react-native-device-info/issues/12)
+- [ ] getInstallReferrer()接口harmony暂不支持 [issue#13](https://github.com/react-native-oh-library/react-native-device-info/issues/13)
+- [ ] getMacAddress()接口harmony暂不支持 [issue#14](https://github.com/react-native-oh-library/react-native-device-info/issues/14)
+- [ ] getMaxMemory()接口harmony暂不支持 [issue#15](https://github.com/react-native-oh-library/react-native-device-info/issues/15)
+- [ ] getSerialNumber()接口harmony暂不支持 [issue#16](https://github.com/react-native-oh-library/react-native-device-info/issues/16)
+- [ ] getTags()接口harmony暂不支持 [issue#17](https://github.com/react-native-oh-library/react-native-device-info/issues/17)
+- [ ] getTotalDiskCapacity()接口harmony暂不支持 [issue#18](https://github.com/react-native-oh-library/react-native-device-info/issues/18)
+- [ ] getTotalDiskCapacityOld()接口harmony暂不支持 [issue#19](https://github.com/react-native-oh-library/react-native-device-info/issues/19)
+- [ ] getTotalMemory()接口harmony暂不支持 [issue#20](https://github.com/react-native-oh-library/react-native-device-info/issues/20)
+- [ ] getUniqueId()接口harmony暂不支持 [issue#21](https://github.com/react-native-oh-library/react-native-device-info/issues/21)
+- [ ] syncUniqueId()接口harmony暂不支持 [issue#22](https://github.com/react-native-oh-library/react-native-device-info/issues/22)
+- [ ] getUserAgent()接口harmony暂不支持 [issue#23](https://github.com/react-native-oh-library/react-native-device-info/issues/23)
+- [ ] getUserAgentSync()接口harmony暂不支持 [issue#24](https://github.com/react-native-oh-library/react-native-device-info/issues/24) 
+- [ ] hasNotch()接口harmony暂不支持 [issue#25](https://github.com/react-native-oh-library/react-native-device-info/issues/25)
+- [ ] hasDynamicIsland()接口harmony暂不支持 [issue#26](https://github.com/react-native-oh-library/react-native-device-info/issues/26)
+- [ ] hasSystemFeature()接口harmony暂不支持 [issue#27](https://github.com/react-native-oh-library/react-native-device-info/issues/27)
+- [ ] isEmulator()接口harmony暂不支持 [issue#28](https://github.com/react-native-oh-library/react-native-device-info/issues/28) 
+- [ ] isDisplayZoomed()接口harmony暂不支持 [issue#29](https://github.com/react-native-oh-library/react-native-device-info/issues/29)
+- [ ] getBrightness()接口harmony暂不支持 [issue#30](https://github.com/react-native-oh-library/react-native-device-info/issues/30)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-device-info/react-native-device-info/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 1c17d2fe5de9d9a0591c1cc67156d20d1aec4d88 Mon Sep 17 00:00:00 2001
From: hezy <14563579+hezy0916@user.noreply.gitee.com>
Date: Fri, 28 Jun 2024 08:36:51 +0000
Subject: [PATCH 053/966] =?UTF-8?q?!802=20docs:=20[Issues:=20#IA6Z9Y]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-iconfont-cli=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E6=96=B0=E5=A2=9Ereact-native?=
 =?UTF-8?q?-iconfont-cli=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-iconfont-cli.md | 224 +++++++++++++++++++++++++++++
 1 file changed, 224 insertions(+)
 create mode 100644 zh-cn/react-native-iconfont-cli.md

diff --git a/zh-cn/react-native-iconfont-cli.md b/zh-cn/react-native-iconfont-cli.md
new file mode 100644
index 00000000..fc400333
--- /dev/null
+++ b/zh-cn/react-native-iconfont-cli.md
@@ -0,0 +1,224 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-iconfont-cli</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/iconfont-cli/react-native-iconfont-cli">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/iconfont-cli/react-native-iconfont-cli)
+
+## 安装与使用
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-native-iconfont-cli --save-dev
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-iconfont-cli --dev
+```
+
+生成配置文件
+```bash
+npx iconfont-init
+```
+
+此时项目根目录会生成一个iconfont.json的文件，内容如下：
+```json
+{
+    "symbol_url": "symbol_url和local_svgs可以二选一,也可以都填",
+    "use_typescript": false,
+    "save_dir": "./src/iconfont",
+    "trim_icon_prefix": "icon",
+    "default_icon_size": 18,
+    "local_svgs": "./localSvgs"
+}
+```
+
+在配置的"save_dir"下生成React-Native标准组件
+```bash
+npx iconfont-rn
+```
+
+当您在iconfont.cn中的图标有变更时，只需更改配置symbol_url，然后再次执行以下命令即可生成最新的图标组件
+```bash
+npx iconfont-rn
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import { Component } from 'react';
+import { StyleSheet, ScrollView, View, Button } from 'react-native';
+import { Tester, TestCase, TestSuite } from '@rnoh/testerino';
+import IconFont from '../iconfont';
+import IconUser from '../iconfont/IconUser';
+import IconTerm from '../iconfont/IconTerm';
+import IconSetup from '../iconfont/IconSetup';
+
+const styles = StyleSheet.create({
+    container: {
+        height: 60,
+        width: 80,
+        marginBottom: 10,
+        display:'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+    minContainer: {
+        height: 30,
+        width: 40,
+        marginBottom: 10,
+    },
+});
+
+class IconFontSummary extends Component {
+    render() {
+        return (
+            <View>
+                <IconFont name="user" size={50}/>
+            </View>
+        );
+    }
+}
+
+class IconFontSingle extends Component {
+    static title = 'use a single icon';
+    render() {
+        return (
+            <View style={styles.minContainer}>
+                <IconTerm/>
+            </View>
+        );
+    }
+}
+
+class IconFontSize extends Component {
+    static title = 'two types use icon font size attribute';
+    render() {
+        return (
+            <View style={styles.container}>
+                <IconFont name="user" size={50}/>
+            </View>
+        );
+    }
+}
+
+class IconFontColor extends Component {
+    static title = 'use icon font color attribute';
+    render() {
+        return (
+            <View style={styles.minContainer}>
+                <IconSetup color="blue" size={30}/>
+            </View>
+        );
+    }
+}
+
+class IconFontColorArr extends Component {
+    static title = 'use icon font color arr attribute';
+    render() {
+        return (
+            <View style={styles.container}>
+                <IconFont name="setup" color={["blue", "orange"]} size={50} />
+                <IconFont name="alipay" color={["blue", "orange"]} size={50} />
+            </View>
+        );
+    }
+}
+
+const icon = [IconFontSummary, IconFontSingle, IconFontSize, IconFontColor, IconFontColorArr];
+
+export { icon };
+
+export default function () {
+    return (
+        <ScrollView >
+            <Tester style={{
+                display: 'flex',
+                flexDirection: 'column'
+            }}>
+                <TestCase itShould="<IconFont name='user'/>">
+                    <IconFontSummary />
+                </TestCase>
+                <TestCase itShould="<IconTerm/>">
+                    <IconFontSingle />
+                </TestCase>
+                <TestCase itShould="<IconFont name='user' size={50}/>">
+                    <IconFontSize />
+                </TestCase>
+                <TestCase itShould="<IconSetup color='blue' size={30}/>">
+                    <IconFontColor />
+                </TestCase>
+                <TestCase itShould="<IconFont name='setup' color={['blue', 'orange']} size={50}/>">
+                    <IconFontColorArr />
+                </TestCase>
+            </Tester>
+        </ScrollView>
+    )
+}
+```
+## Link
+
+本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+
+## 属性
+详细请查看 [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/README.md) 的文档介绍
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**IconFont组件属性**
+
+| Name  | Description | Type            | Required | Platform    | HarmonyOS Support |
+|-------|-------------|-----------------| -- |-------------| --- |
+| color | 图标颜色        | string/string[] | no | Android/IOS | yes |
+| size  | 图标尺寸        | number          | no | Android/IOS | yes |
+
+**iconfont.json配置文件属性**
+
+| Name | Description                                               | Type   | Required        | Platform | HarmonyOS Support  |
+| ---- |-----------------------------------------------------------|--------|-----------------| -------- | ------------------ |
+| symbol_url  | iconfont官网的.js后缀项目链接 | string | 和local_svgs可以二选一也可以都用 | Android/IOS | yes |
+| use_typescript  | 项目使用Typescript编写，请设置为true，生成的图标组件是.tsx和.js后缀。当该值为false时，生成.js和.d.ts两种文件 | bool   | yes  | Android/IOS | yes |
+| save_dir  | iconfont图标生成的组件存放的位置 | string | yes  | Android/IOS | yes |
+| trim_icon_prefix  | 统一去掉图标通用的前缀  | string | no   | Android/IOS | yes |
+| default_icon_size  | 图标组件默认的字体大小  | string | no   | Android/IOS | yes |
+| local_svgs  | 本地 svg 的路径(暂不支持 color 参数) | string | 和symbol_url可以二选一也可以都用   | Android/IOS | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 22674d822de3acc408bab139d3aaea3928fd5e2b Mon Sep 17 00:00:00 2001
From: wushuwang <wushuwang@h-partners.com>
Date: Fri, 28 Jun 2024 16:49:01 +0800
Subject: [PATCH 054/966] =?UTF-8?q?docs:=20[Issues:=20#IA71PN]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-shake=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-shake.md | 201 ++++++++++++++++++++++++++++++++++++
 1 file changed, 201 insertions(+)
 create mode 100644 zh-cn/react-native-shake.md

diff --git a/zh-cn/react-native-shake.md b/zh-cn/react-native-shake.md
new file mode 100644
index 00000000..49d18641
--- /dev/null
+++ b/zh-cn/react-native-shake.md
@@ -0,0 +1,201 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-shake</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Doko-Demo-Doa/react-native-shake">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Doko-Demo-Doa/react-native-shake/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-shake)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-shake@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-shake@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { Text, View } from 'react-native'
+import RNShake from 'react-native-shake';
+
+export function ShakeExample() {
+    const [result, setResult] = useState<string>('')
+    myComponent(setResult)
+    return (
+        <View style={{backgroundColor:'white',width:'100%'}}>
+            <Text>shake（摇晃手机）</Text>
+            <Text>{result}</Text>
+        </View>
+    )
+}
+
+export const myComponent = (setResult: React.Dispatch<React.SetStateAction<string>>) => {
+    React.useEffect(() => {
+        const subscription = RNShake.addListener(() => {
+            setResult('shake listen success')
+        })
+        return () => {
+            subscription.remove()
+        }
+    }, [])
+}
+
+
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-shake": "file:../../node_modules/@react-native-oh-tpl/react-native-shake/harmony/shake_package.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)。
+
+
+### 在 ArkTs 侧引入 ShakePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { ShakePackage } from "@react-native-oh-tpl/rnoh-shake-package/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ShakePackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases)
+
+
+### 权限要求
+
+Add the following permissions to their respective files:
+
+In your `module.json5`
+
+```
+ "requestPermissions": [
+      {
+        "name": "ohos.permission.ACCELEROMETER"
+      }
+    ]
+```
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| addListener  | add shake event listening         | function  | yes | ios/andriod      | yes |
+| removeAllListeners  | remove event listening         | function  | yes | ios/andriod      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Doko-Demo-Doa/react-native-shake/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From f014ffd805c94ae6868c040aabcbe7a0fd720408 Mon Sep 17 00:00:00 2001
From: 17382561546 <liangzhenhua1@h-partners.com>
Date: Sat, 15 Jun 2024 14:11:40 +0800
Subject: [PATCH 055/966] =?UTF-8?q?docs:=20[Issues:=20#I9OQ2G]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0react-native-toast.md=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/remobile-react-native-toast.md | 233 +++++++++++++++++++++++++++
 1 file changed, 233 insertions(+)
 create mode 100644 zh-cn/remobile-react-native-toast.md

diff --git a/zh-cn/remobile-react-native-toast.md b/zh-cn/remobile-react-native-toast.md
new file mode 100644
index 00000000..88efc5a1
--- /dev/null
+++ b/zh-cn/remobile-react-native-toast.md
@@ -0,0 +1,233 @@
+<!--{%raw%}-->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@remobile/react-native-toast</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/remobile/react-native-toast">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/remobile/react-native-toast/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-toast)
+
+## 安装与使用
+
+请到三方库的 Releases
+发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases)，并下载适用版本的tgz包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-toast@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-toast@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {Component} from 'react';
+import {Text, View, Button} from 'react-native';
+import Toast from '@remobile/react-native-toast';
+
+function ToastMasterDemo() {
+    return (
+        <View style={{flex: 2, justifyContent: 'center', alignItems: 'center'}}>
+            <Text>Tosat !</Text>
+            <Button
+                title={'show toast'}
+                onPress={() => {
+                    Toast.show('This is a toast.');
+                }}
+            />
+            <Button
+                title={'short top toast'}
+                onPress={() => {
+                    Toast.showShortTop('This is a top toast.');
+                }}
+            />
+            <Button
+                title={'short center toast'}
+                onPress={() => {
+                    Toast.showShortCenter('This is a center toast.');
+                }}
+            />
+            <Button
+                title={'short bottom toast'}
+                onPress={() => {
+                    Toast.showShortBottom('This is a bottom toast.');
+                }}
+            />
+            <Button
+                title={'long top toast'}
+                onPress={() => {
+                    Toast.showLongTop('This is a long top toast.');
+                }}
+            />
+            <Button
+                title={'long center toast'}
+                onPress={() => {
+                    Toast.showLongCenter('This is a long center toast.');
+                }}
+            />
+            <Button
+                title={'long bottom toast'}
+                onPress={() => {
+                    Toast.showLongBottom('This is a long bottom toast.');
+                }}
+            />
+            <Button
+                title={'hide'}
+                onPress={() => {
+                    Toast.hide();
+                }}
+            />
+        </View>
+    );
+}
+
+export default ToastMasterDemo;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以Link步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony": "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+"@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+"@react-native-oh-tpl/react-native-toast": "file:../../node_modules/@react-native-oh-tpl/react-native-toast/harmony/rn_toast.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 ToastPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {ToastPackage} from '@react-native-oh-tpl/react-native-toast/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ToastPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release
+配套的版本信息：[@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases)
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| show()  | Displays the location of the toast, its duration, the content of the message | function  | yes | android      | yes |
+| showShortTop()  | Display the top Toast for a short time | function  | yes | android      | yes |
+| showShortCenter()  | Display the center Toast for a short time | function  | yes | android      | yes |
+| showShortBottom()  | Display the bottom Toast for a short time | function  | yes | android      | yes |
+| showLongTop()  | Display the top Toast for a long time | function  | yes | android      | yes |
+| showLongCenter()  | Display the center Toast for a long time | function  | yes | android      | yes |
+| showLongBottom()  | Display the bottom Toast for a long time | function  | yes | android      | yes |
+| hide()  | Hide the toast that is being displayed         | function  | yes | android      | no |
+
+## 遗留问题
+
+- arkui侧的toast的hide()方法暂时没有[issue#3](https://github.com/react-native-oh-library/react-native-toast/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License](https://github.com/remobile/react-native-toast/blob/master/LICENSE)，请自由地享受和参与开源。
+
+<!--{%endraw%}-->

From 9340159b5c851bb493ac54476b3aa3c0bd69f544 Mon Sep 17 00:00:00 2001
From: Ycode <3259980649@qq.com>
Date: Fri, 28 Jun 2024 10:00:58 +0000
Subject: [PATCH 056/966] =?UTF-8?q?!869=20docs:=20[Issues:=20#I9S0RR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-webview=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#I9S0RR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-webview=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-webview.md | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 472212c0..770a253a 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-webview</code> </h1>
@@ -193,6 +193,19 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
+> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ WEB_VIEW
+  ];
+```
+
 ### 在 ArkTs 侧引入 WebViewPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
@@ -231,10 +244,6 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)
 
-本文档内容基于以下版本验证通过：
-
-RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.22;
-
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。

From 09233ab0b801d5b512f852f36d5d995b4e068b27 Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Mon, 1 Jul 2024 11:39:31 +0800
Subject: [PATCH 057/966] =?UTF-8?q?docs:=20=20[Issues:=20#IA6D8T]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-performance=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-performance.md | 344 ++++++++++++++++++++++++++++++
 1 file changed, 344 insertions(+)
 create mode 100644 zh-cn/react-native-performance.md

diff --git a/zh-cn/react-native-performance.md b/zh-cn/react-native-performance.md
new file mode 100644
index 00000000..0157ac89
--- /dev/null
+++ b/zh-cn/react-native-performance.md
@@ -0,0 +1,344 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-performance</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/oblador/react-native-performance">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/oblador/react-native-performance/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-performance)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-performance@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-performance@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState,useEffect } from 'react';
+import {
+  ScrollView, StyleSheet, View, Text, Button, Alert, FlatList,
+  SafeAreaView,
+  StatusBar,
+  TouchableOpacity
+} from 'react-native';
+import performance,{PerformanceObserver,setResourceLoggingEnabled} from '@react-native-oh-tpl/react-native-performance'
+export function TestNativePerformance() {
+  const [result1, setResult1] = React.useState(0)
+  const [result2, setResult2] = React.useState('')
+  const [result3, setResult3] = React.useState('')
+  const [result4, setResult4] = React.useState('')
+  const [result5, setResult5] = React.useState('')
+  const [result6, setResult6] = React.useState('')
+  const [result7, setResult7] = React.useState('')
+  const handleTimeStampClick1 = () => {
+    performance.mark('entry');
+    let entry=performance.getEntriesByName('entry')[0];
+    const timestamp = Date.now() - performance.timeOrigin + entry.startTime;
+    setResult1(timestamp)
+  }
+  const handleTimeStampClick2 = () => {
+    performance.mark('myMark');
+    performance.measure('myMeasure2', 'myMark');
+    let ms=performance.getEntriesByName('myMeasure2');
+    setResult2(JSON.stringify(ms))
+  }
+  const handleTimeStampClick3 = () => {
+    performance.mark('myMark', {
+      detail: {
+        screen: 'settings'
+      }
+    });
+    performance.measure('myMeasure3', {
+      start: 'myMark',
+      detail: {
+        category: 'render'
+      }
+    });
+    let ms=performance.getEntriesByName('myMeasure3');
+    setResult3(JSON.stringify(ms))
+  }
+  const handleTimeStampClick4 = () => {
+    performance.mark('newTimeMark')
+    performance.measure('newTime','newTimeMark')
+    const measureObserver = new PerformanceObserver((list, observer) => {
+      let res=[];
+      list.getEntries().forEach((entry) => {
+        res.push(JSON.stringify(entry));
+      });
+      setResult4(res.join(','))
+    });
+    measureObserver.observe({ type: 'measure', buffered: true });
+  }
+  const handleTimeStampClick5 = async () => {
+    setResourceLoggingEnabled(true);
+    await fetch('https://github.com/service/https://www.baidu.com/');
+    let res=performance.getEntriesByType('resource');
+    setResult5(JSON.stringify(res))
+  }
+  const handleTimeStampClick6 =() => {
+    performance.metric('myMetric', 123);
+    let res=performance.getEntriesByType('metric');
+    setResult6(JSON.stringify(res))
+  }
+  const handleTimeStampClick7 =() => {
+    let res=performance.getEntriesByType('react-native-mark');
+    setResult7(JSON.stringify(res))
+  }
+  
+  
+  return (
+    <View style={styles.container}>
+        <ScrollView style={{flex:1}}>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick1}
+            title="Convert a performance timestamp"
+          />
+          <Text style={styles.fontstyle}>{'展示result1：' + result1}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick2}
+            title="Basic measure example"
+          />
+          <Text style={styles.fontstyle}>{'展示result2：' + result2}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick3}
+            title="Meta data"
+          />
+          <Text style={styles.fontstyle}>{'展示result3：' + result3}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick4}
+            title="Subscribing to entries"
+          />
+          <Text style={styles.fontstyle}>{'展示result4：' + result4}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick5}
+            title="Network resources"
+          />
+          <Text style={styles.fontstyle}>{'展示result5：' + result5}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick6}
+            title="Custom metrics"
+          />
+          <Text style={styles.fontstyle}>{'展示result6：' + result6}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick7}
+            title="React Native Marks"
+          />
+          <Text style={styles.fontstyle}>{'展示result7：' + result7}</Text>
+          </View>
+        </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  rowStyle:{
+    marginBottom:20
+  },
+  fontstyle: {
+    fontSize: 32,
+    fontWeight: 600
+  },
+  container: {
+    width: '100%', height: '100%', backgroundColor: '#fffafa' 
+  }
+});
+
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-performance": "file:../../node_modules/@react-native-oh-tpl/react-native-performance/harmony/react_native_performance.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNPerformancePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {RNPerformancePackage} from '@react-native-oh-tpl/react-native-performance/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNPerformancePackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases)
+
+## Performance
+
+默认导出Performance对象
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Performance 属性
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+|timeOrigin             | 返回Performance用作性能相关时间戳基线的高分辨率时间戳         | number          | yes      | IOS/Android     |      yes           |
+#### Performance 方法
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+| now          | 返回一个高分辨率时间戳（以毫秒为单位）                                                                                                                 | function            | yes      | IOS/Android     |      yes           |
+| mark            | 根据给出 markName 值，在性能输入缓冲区中创建一个timestamp(时间戳)                                                                                                                                     | function            | yes      | IOS/Android     |      yes           |
+| measure         | 性能记录缓存中使用 measure()创建一个新的测量记录如果仅指定了测量名称，则开始时间戳设置为零，结束时间戳（用于计算持续时间）是Performance.now()返回的值。可以使用字符串将PerformanceMark对象标识为开始标记和结束标记。要只提供一个endMark，您需要提供一个空的测量选项对象：performance.Measure（“myMeasure”，{}，“myEndMarker”）                                                                                                                                                   | function           | yes      | IOS/Android     |      yes           |
+| getEntries          | 对于给定的 filter，此方法返回 PerformanceEntry 对象数组，如果不带任何参数，返回全部 entries                                                                                                                 | function            | yes      | IOS/Android     |      yes           |
+| getEntriesByName  | 返回一个给定名称和 name 和 type 属性的PerformanceEntry对象数组                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |
+| getEntriesByType  | 返回一个给定type 属性的PerformanceEntry对象数组                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |
+| clearMarks | 从缓存中移除声明的标记。如果调用这个方法时没有传递参数，则所有带有entry type这类标记的performance entries 将从 performance entry 缓存区中被移除。                                                                                                                                               | function | yes      | IOS/Android     |      yes           |
+| clearMeasures  | 从缓存区中移除声明的测量记录。如果这个方法被调用时没有传入参数，则所有 entry type 标记值为"measure" 的性能实体将被从性能入口缓存区中移除。                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |                                                                                                                                             | function | yes      | IOS/Android     |      yes
+
+## PerformanceObserver
+
+给定的观察者 callback 生成一个新的 PerformanceObserver 对象。当通过 observe() 方法注册的 条目类型 的 性能条目事件 被记录下来时，调用该观察者回调。
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### PerformanceObserver 方法
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+| observe  | observe() 方法用于指定PerformanceObserver对象观察的性能条目类型。当记录一个指定类型的性能条目时，性能监测对象的回调函数将会被调用。                                                                                                                                                 | function | yes      | IOS/Android     |      yes|
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+|setResourceLoggingEnabled             | 默认情况下禁用资源日志记录，并且当前仅fetch/XMLHttpRequest使用,使用时需设置开启。        | function          | yes      | IOS/Android     |      yes           |
+
+## 遗留问题
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [TTHE MIT License (MIT)](https://github.com/oblador/react-native-performance/blob/master/LICENSE) ，请自由地享受和参与开源。

From bba208c318aa617b91ebcfdf1da8b9dbca889a10 Mon Sep 17 00:00:00 2001
From: kongchuiyu <kongchuiyu@h.partners.com>
Date: Mon, 1 Jul 2024 11:55:08 +0800
Subject: [PATCH 058/966] =?UTF-8?q?docs:=20[Issues:=20#IA98F2]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-svg=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                 | 2 +-
 _sidebar.md               | 2 +-
 zh-cn/react-native-svg.md | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 63bda0a2..8ecc18b0 100644
--- a/README.md
+++ b/README.md
@@ -120,7 +120,7 @@
 | 94   | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-                 | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
 | 95   | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是                 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
 | 96   | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-                 | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg)                                                 | 13.14.0       | 是                 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases)                                               | [链接](/zh-cn/react-native-svg.md)                             |
+| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                              | 15.0.0        | 是                 | [@react-native-oh-tpl/react-native-harmony-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
 | 98   | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
 | 99   | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
 | 100  | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-                 | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
diff --git a/_sidebar.md b/_sidebar.md
index 6019569b..87943e8a 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -28,7 +28,7 @@
     - [react-native-reanimated](/zh-cn/react-native-reanimated.md)
     - [react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
     - [react-native-SmartRefreshLayout](/zh-cn/react-native-SmartRefreshLayout.md)
-    - [react-native-svg](/zh-cn/react-native-svg.md)
+    - [react-native-svg](/zh-cn/react-native-svg-capi.md)
     - [react-native-vector-icons](/zh-cn/react-native-vector-icons.md)
     - [react-native-video](/zh-cn/react-native-video.md)
     - [react-native-view-shot](/zh-cn/react-native-view-shot.md)
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index c30d61fa..43cd3800 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -17,6 +17,10 @@
 
 ## 安装与使用
 
+> [!tip] 本项目为 react-native-svg 的ArkTs版本，现已停止维护。
+
+> [!tip] 如需继续使用请移步至[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 使用CAPI版本的 react-native-svg。
+
 请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-svg/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：

From a7dae7e2af62b88bb7a35897cfb851078bec86e2 Mon Sep 17 00:00:00 2001
From: tyBrave <tianyong13@huawei.com>
Date: Mon, 1 Jul 2024 07:55:16 +0000
Subject: [PATCH 059/966] =?UTF-8?q?!843=20docs:=20[Issues:=20#IA87EB]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-SmartRefreshLayout=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IA87EB]?=
 =?UTF-8?q?=20=E6=9B=B4=E6=96=B0react-native-SmartRefreshLayout=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-SmartRefreshLayout.md | 132 ++++++++++++-----------
 1 file changed, 67 insertions(+), 65 deletions(-)

diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index f40252fd..105a396f 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-SmartRefreshLayout</code> </h1>
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-smartrefreshlayout)
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-smartrefreshlayout)
 
 ## 安装与使用
 
@@ -147,7 +147,7 @@ const App = () => {
           setText1("时间：" + new Date().getTime() + "onRefresh触发刷新");
         }}
         HeaderComponent={
-          <AnyHeader>
+          <AnyHeader style = {{ height: 0 }}>
             <Text style={{ height: 66, width: "100%" }}>{text}</Text>
           </AnyHeader>
         }
@@ -183,6 +183,16 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
 ### 引入原生端代码
 
 目前有两种方法：
@@ -190,7 +200,7 @@ export default App;
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入 （推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -200,7 +210,7 @@ export default App;
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-smart-refresh-layout": "file:../../node_modules/@react-native-oh-tpl/react-native-smartrefreshlayout/harmony/smart_refresh_layout.har"
+    "@react-native-oh-tpl/react-native-smartrefreshlayout": "file:../../node_modules/@react-native-oh-tpl/react-native-smartrefreshlayout/harmony/smart_refresh_layout.har"
   }
 ```
 
@@ -224,16 +234,23 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_END: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-smart-refresh-layout/src/main/cpp" ./smart-refresh-layout)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-smartrefreshlayout/src/main/cpp" ./smart-refresh-layout)
+# RNOH_END: manual_package_linking_1
 
 add_library(rnoh_app SHARED
     "./PackageProvider.cpp"
@@ -242,10 +259,10 @@ add_library(rnoh_app SHARED
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_smart_refresh_layout)
-# RNOH_END: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -265,47 +282,20 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 SmartRefresh 组件
+### 在 ArkTs 侧引入 SmartRefreshPackage（版本>=0.6.7-0.2.9）
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
 ...
-import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-import { createRNPackages } from '../RNPackagesFactory'
-+ import { SmartRefreshControl,SMART_REFRESH_CONTROL_TYPE ,ANY_HEADER_TYPE,RNCAnyHeader,DEFAULT_HEADER_TYPE,RNCDefaultHeader} from "rnoh-smart-refresh-layout"
-
-@Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === SMART_REFRESH_CONTROL_TYPE){
-+    SmartRefreshControl({
-+      ctx: ctx.rnComponentContext,
-+      tag: ctx.tag,
-+      buildCustomComponent: buildCustomComponent
-+    })
-+  } else if (ctx.componentName === ANY_HEADER_TYPE){
-+    RNCAnyHeader({
-+      ctx: ctx.rnComponentContext,
-+      tag: ctx.tag,
-+      buildCustomComponent: buildCustomComponent
-+    })
-+  } else if (ctx.componentName === DEFAULT_HEADER_TYPE) {
-+    RNCDefaultHeader({
-+      ctx: ctx.rnComponentContext,
-+      tag: ctx.tag,
-+      buildCustomComponent: buildCustomComponent
-+    })
-+  }
- ...
++ import { SmartRefreshPackage } from '@react-native-oh-tpl/react-native-smartrefreshlayout/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SmartRefreshPackage(ctx)
+  ];
 }
-...
 ```
 
 ### 运行
@@ -321,7 +311,9 @@ ohpm install
 
 然后编译、运行即可。
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -339,53 +331,63 @@ ohpm install
 | --------------------- | ---------------------------------------------------------------- | ---------------------------------------------------------------------------- | -------- | -------- | ----------------- |
 | `HeaderComponent`     | 用于渲染 SmartRefreshLayout 组件的 header,默认为 DefaultHeader。 | Element                                                                      | No       | Android  | Yes               |
 | `renderHeader`        | 用于渲染 SmartRefreshLayout 组件的 header,默认为 DefaultHeader。 | Element/func                                                                 | No       | Android  | No                |
-| `enableRefresh`       | 是否启用下拉刷新,默认为 true                                     | boolean                                                                      | No       | Android  | No                |
+| `enableRefresh`       | 是否启用下拉刷新,默认为 true                                     | boolean                                                                      | No       | Android  | Yes                |
 | `headerHeight`        | 设定 header 的高度                                               | number                                                                       | No       | Android  | Yes               |
 | `primaryColor`        | 设置刷新组件的主调色                                             | string                                                                       | No       | Android  | Yes               |
-| `autoRefresh`         | 是否自动刷新                                                     | object:{refresh:boolean, time:number}                                        | No       | Android  | No                |
+| `autoRefresh`         | 是否自动刷新                                                     | object:{refresh:boolean, time:number}                                        | No       | Android  | Yes                |
 | `pureScroll`          | 是否启用纯滚动                                                   | boolean                                                                      | No       | Android  | No                |
 | `overScrollBounce`    | 是否启用越界拖动，类似 IOS 样式。                                | boolean                                                                      | No       | Android  | No                |
 | `dragRate`            | 设置组件下拉高度与手指真实下拉高度的比值,默认为 0.5。            | number                                                                       | No       | Android  | No                |
 | `maxDragRate`         | 设置最大显示下拉高度与 header 标准高度的比值，默认为 2.0。       | number                                                                       | No       | Android  | No                |
-| `onPullDownToRefresh` | 可下拉刷新时触发                                                 | function                                                                     | No       | Android  | No                |
-| `onReleaseToRefresh`  | 可释放刷新时触发                                                 | function                                                                     | No       | Android  | No                |
+| `onPullDownToRefresh` | 可下拉刷新时触发                                                 | function                                                                     | No       | Android  | Yes                |
+| `onReleaseToRefresh`  | 可释放刷新时触发                                                 | function                                                                     | No       | Android  | Yes                |
 | `onRefresh`           | 刷新时触发                                                       | function                                                                     | No       | Android  | Yes               |
-| `onHeaderReleased`    | Header 释放时触发                                                | function                                                                     | No       | Android  | No                |
+| `onHeaderReleased`    | Header 释放时触发                                                | function                                                                     | No       | Android  | Yes                |
 | `onHeaderMoving`      | header 移动过程中触发,包括下拉过程和释放过程。                   | ({nativeEvent: {percent:number, offset:number, headerHeight:number}})=>void; | No       | Android  | Yes               |
-| `finishRefresh`       | 完成刷新                                                         | Methods                                                                      | No       | Android  | Yes               |
+
 
 **组件 AnyHeader**
 
 仅组件支持渲染，在 RNOH0.72.10 版本中需要给 List 类型子组件添加 bounces = {false}属性，否则无法触发本组件的下拉。（0.72.11 版本已解决）
 
-| 名称           | 说明                     | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+| Name           | Description                      | Type   | Required | Platform |  HarmonyOS Support |
 | -------------- | ------------------------ | ------ | -------- | -------- | -------- |
-| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | 不支持   |
+| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | No   |
 
 **组件 DefaultHeader/ClassicsHeader**
 
-当前组件不支持
+当前组件支持
 
-| 名称           | 说明                     | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+| Name          | Description                      | Type   | Required  | Platform |  HarmonyOS Support |
 | -------------- | ------------------------ | ------ | -------- | -------- | -------- |
-| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | 不支持   |
-| `accentColor`  | 刷新组件 Header 的强调色 | string | No       | Android  | 不支持   |
+| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | No   |
+| `accentColor`  | 刷新组件 Header 的强调色 | string | No       | Android  | No   |
 
 **组件 StoreHouseHeader**
 
 当前组件不支持
 
-| 名称        | 说明                        | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+| Name       | Description                         | Type    | Required  | Platform |  HarmonyOS Support |
 | ----------- | --------------------------- | ------ | -------- | -------- | -------- |
-| `text`      | StoreHouseHeader 的文字     | string | No       | Android  | 不支持   |
-| `textColor` | StoreHouseHeader 的文字颜色 | string | No       | Android  | 不支持   |
-| `lineWidth` | StoreHouseHeader 的文字线宽 | number | No       | Android  | 不支持   |
+| `text`      | StoreHouseHeader 的文字     | string | No       | Android  | No   |
+| `textColor` | StoreHouseHeader 的文字颜色 | string | No       | Android  | No   |
+| `lineWidth` | StoreHouseHeader 的文字线宽 | number | No       | Android  | No   |
 
 ---
 
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| finishRefresh  | complete refresh         | function  | No | Android      | Yes |
+
 ## 遗留问题
 
-- [ ] SmartRefreshLayout 包裹 FlatList 组件，多次下拉刷新，item 会回弹。[Issue #11 ](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/issues/11)
+- [ ] SmartRefreshLayout 包裹 FlatList 组件，多次下拉刷新，item 会回弹：[Issue #11 ](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/issues/11)
 
 ## 其他
 

From 870097dbd1a3f7b0a0ebfcde3180db11ed59ae79 Mon Sep 17 00:00:00 2001
From: Li-2199 <1269001954@qq.com>
Date: Mon, 1 Jul 2024 16:43:42 +0800
Subject: [PATCH 060/966] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0lottie-react-?=
 =?UTF-8?q?native=EF=BC=8Cv0.2.2=E6=96=87=E6=A1=A3=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/lottie-react-native.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 99d065f5..8ba4d34f 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -267,8 +267,8 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 | useNativeLooping   | Only Windows. When enabled, uses platform-level looping to improve smoothness, but onAnimationLoop will not fire and changing the loop prop will reset playback rather than finishing gracefully.                                                                                                                                                              | boolean                                     | false     | No       | Windows               | No                |
 | onAnimationLoop    | Only Windows and Web. A callback function invoked when the animation loops.                                                                                                                                                                                                                                                                                    | callback                                    | None      | No       | Windows, Web          | No                |
 | onAnimationFinish  | A callback function which will be called when animation is finished. This callback is called with a boolean isCancelled argument, indicating if the animation actually completed playing, or if it was cancelled, for instance by calling play() or reset() while is was still playing. Note that this callback will be called only when loop is set to false. | callback                                    | None      | No       | All                   | Yes               |
-| onAnimationFailure | A callback function which will be called if an error occurs while working with the animation (loading, running, etc). This callback is called with a string error argument, which contains the error message that occured.                                                                                                                                     | callback                                    | None      | No       | All                   | Yes               |
-| onAnimationLoaded  | A callback function which will be called when animation is done loading. This callback is called with no parameters.                                                                                                                                                                                                                                           | callback                                    | None      | No       | All                   | Yes               |
+| onAnimationFailure | A callback function which will be called if an error occurs while working with the animation (loading, running, etc). This callback is called with a string error argument, which contains the error message that occured.                                                                                                                                     | callback                                    | None      | No       | All                   | No                |
+| onAnimationLoaded  | A callback function which will be called when animation is done loading. This callback is called with no parameters.                                                                                                                                                                                                                                           | callback                                    | None      | No       | All                   | No                |
 | renderMode         | a String flag to set whether or not to render with HARDWARE or SOFTWARE acceleration                                                                                                                                                                                                                                                                           | 'AUTOMATIC'\| 'HARDWARE' \| 'SOFTWARE'      | AUTOMATIC | No       | iOS, Android          | No                |
 | cacheComposition   | Only Android and HarmonyOS, a boolean flag indicating whether or not the animation should do caching.                                                                                                                                                                                                                                                          | boolean                                     | true      | No       | Android               | Yes               |
 | colorFilters       | An array of objects denoting layers by KeyPath and a new color filter value (as hex string).                                                                                                                                                                                                                                                                   | Array<ColorFilter>                          | []        | No       | iOS, Android, Windows | No                |
@@ -292,6 +292,8 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 
 ## 遗留问题
 
+- [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#12](https://github.com/react-native-oh-library/lottie-react-native/issues/12)
+
 ## 其他
 
 ## 开源协议

From 2b32bfe8249c69b88a8eacbcaf45dd0eebc1228f Mon Sep 17 00:00:00 2001
From: 2361391426 <2361391426@qq.com>
Date: Mon, 1 Jul 2024 17:48:57 +0800
Subject: [PATCH 061/966] =?UTF-8?q?docs:=20[Issues:=20#IA557U]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-community-slider=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E8=87=B3v0.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-slider.md | 137 +++++++++++++++----------
 1 file changed, 82 insertions(+), 55 deletions(-)

diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 38128e68..26a06e60 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/slider</code> </h1>
@@ -39,20 +39,30 @@ yarn add @react-native-oh-tpl/slider@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
+> [!TIP] 使用thumbImage属性时请确保引入的图片路径地址正确，可检查harmony/entry/src/main/resources/rawfile/assets目录下是否被打包至静态资源目录，如若不存在则图片放置文件目录不对
+
 ```js
-import Slider from "@react-native-community/slider";
-
-<Slider
-  style={{ width: 200, height: 40 }}
-  minimumValue={0}
-  maximumValue={1}
-  minimumTrackTintColor="#FFFFFF"
-  maximumTrackTintColor="#000000"
-/>;
+import Slider from "@react-native-community/slider"
+import { View } from 'react-native'
+
+export default function SliderExample() {
+    return (
+        <View style={{ backgroundColor: 'red', width: 200, height: 100 }}>
+            <Slider
+                style={{ width: 200, height: 40 }}
+                minimumValue={0}
+                maximumValue={1}
+                minimumTrackTintColor="#FFFFFF"
+                maximumTrackTintColor="#000000"
+            />
+        </View>
+    );
+};
+
 ```
 
 ## Link
@@ -61,6 +71,18 @@ import Slider from "@react-native-community/slider";
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+## 在工程根目录的 oh-package.json 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -68,7 +90,7 @@ import Slider from "@react-native-community/slider";
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -78,7 +100,7 @@ import Slider from "@react-native-community/slider";
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-slider": "file:../../node_modules/@react-native-oh-tpl/slider/harmony/slider.har"
+    "@react-native-oh-tpl/slider": "file:../../node_modules/@react-native-oh-tpl/slider/harmony/slider.har"
   }
 ```
 
@@ -103,14 +125,14 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: add_package_subdirectories
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-slider/src/main/cpp" ./slider)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/slider/src/main/cpp" ./slider)
 # RNOH_END: add_package_subdirectories
 
 add_library(rnoh_app SHARED
@@ -145,24 +167,16 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ### 在 ArkTs 侧引入 slider 组件
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
 
 ```diff
 ...
-import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-import { createRNPackages } from '../RNPackagesFactory'
-+ import { RNCSlider, SLIDER_TYPE } from "rnoh-slider"
++ import { RNCSlider, SLIDER_TYPE } from "@react-native-oh-tpl/slider"
 
 @Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === SLIDER_TYPE) {
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === SLIDER_TYPE) {
 +   RNCSlider({
 +     ctx: ctx.rnComponentContext,
 +     tag: ctx.tag,
@@ -172,6 +186,18 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 }
 ...
 ```
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ SLIDER_TYPE
+  ];
+```
 
 ### 运行
 
@@ -198,38 +224,39 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                    | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Type                                         | Type | Platform     | HarmonyOS Support |
-| ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ---- | ------------ | ----------------- |
-| `style`                 | Used to style and layout the `Slider`. See `StyleSheet.js` and `ViewStylePropTypes.js` for more info.                                                                                                                                                                                                                                                                                                                                                                              | View.style                                   | No   | All          | yes               |
-| `disabled`              | If true the user won't be able to move the slider.<br/>Default value is false.                                                                                                                                                                                                                                                                                                                                                                                                     | bool                                         | No   | All          | yes               |
-| `maximumValue`          | Initial maximum value of the slider.<br/>Default value is 1.                                                                                                                                                                                                                                                                                                                                                                                                                       | number                                       | No   | All          | yes               |
-| `minimumTrackTintColor` | The color used for the track to the left of the button.<br/>Overrides the default blue gradient image on iOS.                                                                                                                                                                                                                                                                                                                                                                      | [color](https://reactnative.dev/docs/colors) | No   | All          | yes               |
-| `minimumValue`          | Initial minimum value of the slider.<br/>Default value is 0.                                                                                                                                                                                                                                                                                                                                                                                                                       | number                                       | No   | All          | yes               |
-| `lowerLimit`            | Slide lower limit. The user won't be able to slide below this limit.                                                                                                                                                                                                                                                                                                                                                                                                               | number                                       | No   | Android, iOS | no                |
-| `upperLimit`            | Slide upper limit. The user won't be able to slide above this limit.                                                                                                                                                                                                                                                                                                                                                                                                               | number                                       | No   | Android, iOS | no                |
-| `onSlidingStart`        | Callback that is called when the user picks up the slider.<br/>The initial value is passed as an argument to the callback handler.                                                                                                                                                                                                                                                                                                                                                 | function                                     | No   | All          | yes               |
-| `onSlidingComplete`     | Callback that is called when the user releases the slider, regardless if the value has changed.<br/>The current value is passed as an argument to the callback handler.                                                                                                                                                                                                                                                                                                            | function                                     | No   | All          | yes               |
-| `onValueChange`         | Callback continuously called while the user is dragging the slider.                                                                                                                                                                                                                                                                                                                                                                                                                | function                                     | No   | All          | yes               |
-| `step`                  | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue). Default value is 0.<br/>On Windows OS the default value is 1% of slider's range (from `minimumValue` to `maximumValue`).                                                                                                                                                                                                                                                                | number                                       | No   | All          | yes               |
-| `maximumTrackTintColor` | The color used for the track to the right of the button.<br/>Overrides the default gray gradient image on iOS.                                                                                                                                                                                                                                                                                                                                                                     | [color](https://reactnative.dev/docs/colors) | No   | All          | yes               |
-| `testID`                | Used to locate this view in UI automation tests.                                                                                                                                                                                                                                                                                                                                                                                                                                   | string                                       | No   | All          | yes               |
-| `value`                 | Write-only property representing the value of the slider. Can be used to programmatically control the position of the thumb. Entered once at the beginning still acts as an initial value. Changing the value programmatically does not trigger any event.<br/>The value should be between minimumValue and maximumValue, which default to 0 and 1 respectively. Default value is 0.<br/>_This is not a controlled component_, you don't need to update the value during dragging. | number                                       | No   | All          | yes               |
-| `tapToSeek`             | Permits tapping on the slider track to set the thumb position.<br/>Defaults to false on iOS. No effect on Android or Windows.                                                                                                                                                                                                                                                                                                                                                      | bool                                         | No   | iOS          | no                |
-| `inverted`              | Reverses the direction of the slider.<br/>Default value is false.                                                                                                                                                                                                                                                                                                                                                                                                                  | bool                                         | No   | All          | yes               |
-| `vertical`              | Changes the orientation of the slider to vertical, if set to `true`.<br/>Default value is false.                                                                                                                                                                                                                                                                                                                                                                                   | bool                                         | No   | Windows      | yes               |
-| `thumbTintColor`        | Color of the foreground switch grip.<br/>**NOTE:** This prop will override the `thumbImage` prop set, meaning that if both `thumbImage` and `thumbTintColor` will be set, image used for the thumb may not be displayed correctly!                                                                                                                                                                                                                                                 | [color](https://reactnative.dev/docs/colors) | No   | Android      | yes               |
-| `maximumTrackImage`     | Assigns a maximum track image. Only static images are supported. The leftmost pixel of the image will be stretched to fill the track.                                                                                                                                                                                                                                                                                                                                              | Image<br/>.propTypes<br/>.source             | No   | iOS          | no                |
-| `minimumTrackImage`     | Assigns a minimum track image. Only static images are supported. The rightmost pixel of the image will be stretched to fill the track.                                                                                                                                                                                                                                                                                                                                             | Image<br/>.propTypes<br/>.source             | No   | iOS          | no                |
-| `thumbImage`            | Sets an image for the thumb. Only static images are supported. Needs to be a URI of a local or network image; base64-encoded SVG is not supported.                                                                                                                                                                                                                                                                                                                                 | Image<br/>.propTypes<br/>.source             | No   | All          | yes               |
-| `trackImage`            | Assigns a single image for the track. Only static images are supported. The center pixel of the image will be stretched to fill the track.                                                                                                                                                                                                                                                                                                                                         | Image<br/>.propTypes<br/>.source             | No   | iOS          | no                |
-| `ref`                   | Reference object.                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | MutableRefObject                             | No   | web          | no                |
-| `View`                  | [Inherited `View` props...](https://github.com/facebook/react-native-website/blob/master/docs/view.md#props)                                                                                                                                                                                                                                                                                                                                                                       |                                              |      |              |
+| Name   | Description       | Type     | Required | Platform     | HarmonyOS Support |
+| ----------------------- | ------------------------ | -------------------------------------------- | ---- | ------------ | ----------------- |
+| `style`         | Used to style and layout the `Slider`. See `StyleSheet.js` and `ViewStylePropTypes.js` for more info.    | View.style  | No   | All      | yes       |
+| `disabled`      | If true the user won't be able to move the slider.<br/>Default value is false. | bool    | No   | All      | yes       |
+| `maximumValue`      | Initial maximum value of the slider.<br/>Default value is 1.                      | number      | No   | All      | yes       |
+| `minimumTrackTintColor` | The color used for the track to the left of the button.<br/>Overrides the default blue gradient image on iOS.  | [color](https://reactnative.dev/docs/colors) | No   | All      | yes       |
+| `minimumValue`      | Initial minimum value of the slider.<br/>Default value is 0.       | number      | No   | All      | yes       |
+| `lowerLimit`        | Slide lower limit. The user won't be able to slide below this limit.              | number      | No   | Android, iOS | no        |
+| `upperLimit`        | Slide upper limit. The user won't be able to slide above this limit.              | number      | No   | Android, iOS | no        |
+| `onSlidingStart`    | Callback that is called when the user picks up the slider.<br/>The initial value is passed as an argument to the callback handler.       | function    | No   | All      | yes       |
+| `onSlidingComplete`     | Callback that is called when the user releases the slider, regardless if the value has changed.<br/>The current value is passed as an argument to the callback handler.    | function    | No   | All      | yes       |
+| `onValueChange`     | Callback continuously called while the user is dragging the slider.| function    | No   | All      | yes       |
+| `step`          | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue). Default value is 0.<br/>On Windows OS the default value is 1% of slider's range (from `minimumValue` to `maximumValue`).       | number      | No   | All      | yes       |
+| `maximumTrackTintColor` | The color used for the track to the right of the button.<br/>Overrides the default gray gradient image on iOS.        | [color](https://reactnative.dev/docs/colors) | No   | All      | yes       |
+| `testID`        | Used to locate this view in UI automation tests.   | string      | No   | All      | yes       |
+| `value`         | Write-only property representing the value of the slider. Can be used to programmatically control the position of the thumb. Entered once at the beginning still acts as an initial value. Changing the value programmatically does not trigger any event.<br/>The value should be between minimumValue and maximumValue, which default to 0 and 1 respectively. Default value is 0.<br/>_This is not a controlled component_, you don't need to update the value during dragging. | number      | No   | All      | yes       |
+| `tapToSeek`         | Permits tapping on the slider track to set the thumb position.<br/>Defaults to false on iOS. No effect on Android or Windows.       | bool    | No   | iOS      | no        |
+| `inverted`      | Reverses the direction of the slider.<br/>Default value is false.  | bool    | No   | All      | yes       |
+| `vertical`      | Changes the orientation of the slider to vertical, if set to `true`.<br/>Default value is false.   | bool    | No   | Windows      | yes       |
+| `thumbTintColor`    | Color of the foreground switch grip.<br/>**NOTE:** This prop will override the `thumbImage` prop set, meaning that if both `thumbImage` and `thumbTintColor` will be set, image used for the thumb may not be displayed correctly!| [color](https://reactnative.dev/docs/colors) | No   | Android      | yes       |
+| `maximumTrackImage`     | Assigns a maximum track image. Only static images are supported. The leftmost pixel of the image will be stretched to fill the track.              | Image<br/>.propTypes<br/>.source         | No   | iOS      | no        |
+| `minimumTrackImage`     | Assigns a minimum track image. Only static images are supported. The rightmost pixel of the image will be stretched to fill the track.             | Image<br/>.propTypes<br/>.source         | No   | iOS      | no        |
+| `thumbImage`        | Sets an image for the thumb. Only static images are supported. Needs to be a URI of a local or network image; base64-encoded SVG is not supported.     | Image<br/>.propTypes<br/>.source         | No   | All      | yes       |
+| `trackImage`        | Assigns a single image for the track. Only static images are supported. The center pixel of the image will be stretched to fill the track.         | Image<br/>.propTypes<br/>.source         | No   | iOS      | no        |
+| `ref`           | Reference object. | MutableRefObject                     | No   | web      | no        |
+| `View`          | [Inherited `View` props...](https://github.com/facebook/react-native-website/blob/master/docs/view.md#props)      |         |      |      |  |
 
 ## 遗留问题
 
 - [ ] upperLimit 和 lowerLimit 只对数值生效，滑动限制不生效: [issue#2](https://github.com/react-native-oh-library/react-native-slider/issues/2)
 - [ ] 不支持滑轨设置图片: [issue#3](https://github.com/react-native-oh-library/react-native-slider/issues/3)
-- [ ] 未适配无障碍
+- [ ] 未适配无障碍: [issue#9](https://github.com/react-native-oh-library/react-native-slider/issues/9)
+- [ ] 不支持点击滑块轨道来设置拇指位置，不支持指定最大轨迹图像，不支持分配最小轨道图像: [issue#10](https://github.com/react-native-oh-library/react-native-slider/issues/10)
 
 ## 其他
 

From 3ee90c469a850b8c4074e006d5d05bcfd09b0433 Mon Sep 17 00:00:00 2001
From: feng <fengbolun1@h-partners.com>
Date: Mon, 1 Jul 2024 13:46:41 +0000
Subject: [PATCH 062/966] =?UTF-8?q?!882=20=20=E6=96=B0=E5=A2=9E=20react-na?=
 =?UTF-8?q?tive-code-push=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20doc?=
 =?UTF-8?q?s:=20[Issues:=20#IA93V2]=20=E6=96=B0=E5=A2=9E=20react-native-co?=
 =?UTF-8?q?de-push=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-code-push.md | 399 ++++++++++++++++++++++++++++++++
 1 file changed, 399 insertions(+)
 create mode 100644 zh-cn/react-native-code-push.md

diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
new file mode 100644
index 00000000..df5a3d5e
--- /dev/null
+++ b/zh-cn/react-native-code-push.md
@@ -0,0 +1,399 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-code-push</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/microsoft/react-native-code-push">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/microsoft/react-native-code-push/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-code-push)
+
+## 前期准备
+
+### code-push-cli
+
+请到三方库下载并安装[code-push-cli](https://github.com/react-native-oh-library/react-native-code-push/tree/sig/code-push-cli) 脚手架，本仓库的目的是为了适配开源的code-push-server.源库地址[code-push-cli](https://github.com/shm-open/code-push-cli)
+
+```
+code-push -v  // 2.6.5
+code-push login //登录
+code-push app add <AppName> harmony react-native //创建应用
+code-push app list //列出账号下所有的app
+code-push deployment ls <AppName> -k //查询部署环境的key
+code-push deployment ls <AppName> //查看 应用部署信息
+code-push release <AppName> <bundle.harmony.js> "<版本号>" --description "<v1.0.0 测试更新>" -m //发布命令，加-m是强制更新, * 代表所有版本，例如：code-push release CodePush_Local ./bundle.harmony.js "*" --description "v1.0.0 测试更新"
+```
+
+### code-push-server
+
+请到三方库下载并搭建[code-push-server](https://github.com/react-native-oh-library/react-native-code-push/tree/sig/code-push-server) 服务，此库担任类似中间仓库的角色，开发者可以把更新（JS，HTML，CSS和图片）发布到这个仓库上，然后那些Apps就能查询到更新了.源库地址[code-push-server](https://github.com/shm-open/code-push-server)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-code-push@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-code-push@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import React, {Component} from 'react'
+import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
+import CodePush from '@react-native-oh-tpl/react-native-code-push';
+import ProgressBarModal from './ProgressBarModal';
+class App extends Component<any,any>{
+    constructor(props:any) {
+        super(props);
+        this.state={
+            progressModalVisible:false,
+            syncMessage:'',
+            progress:{}
+        }
+    }
+    componentDidMount() {
+        console.log('开始检查更新')
+        this.syncImmediate(); //开始检查更新
+    }
+    syncImmediate() {
+        CodePush.sync(
+            {
+                updateDialog: {
+                    appendReleaseDescription: true, //是否显示更新description，默认为false
+                    descriptionPrefix: '更新内容：', //更新说明的前缀。 默认是” Description:
+                    mandatoryContinueButtonLabel: '立即更新', //强制更新的按钮文字，默认为continue
+                    mandatoryUpdateMessage: '', //- 强制更新时，更新通知. Defaults to “An update is available that must be installed.”.
+                    optionalIgnoreButtonLabel: '稍后', //非强制更新时，取消按钮文字,默认是ignore
+                    optionalInstallButtonLabel: '后台更新', //非强制更新时，确认文字. Defaults to “Install”
+                    optionalUpdateMessage: '有新版本了，是否更新？', //非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?”.
+                    title: '更新提示', //要显示的更新通知的标题. Defaults to “Update available”.
+                },
+            },
+            this.codePushStatusDidChange.bind(this),
+            this.codePushDownloadDidProgress.bind(this),
+        );
+    }
+
+    codePushStatusDidChange(syncStatus:string|number) {
+        console.log('syncStatus='+syncStatus)
+        switch (syncStatus) {
+            case CodePush.SyncStatus.CHECKING_FOR_UPDATE:
+                this.setState({syncMessage: 'Checking for update.'});
+                break;
+            case CodePush.SyncStatus.DOWNLOADING_PACKAGE:
+                this.setState({syncMessage: 'Downloading package.',progressModalVisible:true});
+                break;
+            case CodePush.SyncStatus.AWAITING_USER_ACTION:
+                this.setState({syncMessage: 'Awaiting user action.'});
+                break;
+            case CodePush.SyncStatus.INSTALLING_UPDATE:
+                this.setState({syncMessage: 'Installing update.',progressModalVisible:true});
+                break;
+            case CodePush.SyncStatus.UP_TO_DATE:
+                this.setState({syncMessage: 'App up to date.', progress: false});
+                break;
+            case CodePush.SyncStatus.UPDATE_IGNORED:
+                this.setState({syncMessage: 'Update cancelled by user.', progress: false,});
+                break;
+            case CodePush.SyncStatus.UPDATE_INSTALLED:
+                this.setState({syncMessage: 'Update installed and will be applied on restart.', progress: false,});
+                break;
+            case CodePush.SyncStatus.UNKNOWN_ERROR:
+                this.setState({syncMessage: 'An unknown error occurred.', progress: false,});
+                break;
+        }
+    }
+
+    codePushDownloadDidProgress(progress:any) {
+        this.setState({progress});
+    }
+
+
+    render(){
+        let progressView;
+        if (this.state.progress) {
+            let total = (this.state.progress.totalSize/(1024*1024)).toFixed(2);
+            let received = (this.state.progress.receiveSize/(1024*1024)).toFixed(2);
+            let progress = (received/total)*100;
+                  progressView = (
+                      <ProgressBarModal
+                          progress={progress}
+                          totalPackageSize={total}
+                          receivedPackageSize={received}
+                          progressModalVisible={this.state.progressModalVisible}
+                      />
+
+                  );
+        }
+        return(
+            <View style={styles.container}>
+                <Text style={styles.welcome}>欢迎使用热更新--test!</Text>
+                <Text>SyncStatus: { this.state.syncMessage}</Text>
+                <Text>{this.state.progressModalVisible.toString()}</Text>
+                <TouchableOpacity onPress={this.syncImmediate.bind(this)}>
+                    <Text style={styles.syncButton}>Press for dialog-driven sync</Text>
+                </TouchableOpacity>
+                { progressView }
+            </View>
+        )
+    }
+}
+
+const styles = StyleSheet.create({
+    container:{
+        flex: 1,
+        alignItems: 'center',
+        backgroundColor: '#F5FCFF',
+        paddingTop: 10,
+    },
+    welcome:{
+        fontSize: 20,
+        textAlign: 'center',
+        margin: 10,
+    },
+    syncButton: {
+        color: 'green',
+        fontSize: 17,
+    },
+})
+
+let codePushOptions = {checkFrequency: CodePush.CheckFrequency.MANUAL};
+
+
+export default CodePush(codePushOptions)(App);
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-code-push": "file:../../node_modules/@react-native-oh-tpl/react-native-code-push/harmony/codePush.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 CodePushPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { CodePushPackage } from "@react-native-oh-tpl/react-native-code-push/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new CodePushPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+修改`tester\harmony\entry\src\main\ets\pages\Index.ets`文件
+
+```diff
+...
++ import fs from  "@ohos.file.fs";
++ import common from '@ohos.app.ability.common';
++ let context = getContext(this) as common.UIAbilityContext;
+struct Index {
+  @StorageLink('RNOHCoreContext') private rnohCoreContext: RNOHCoreContext | undefined = undefined
+  @State shouldShow: boolean = false
+  private logger!: RNOHLogger
++ bundlePath:string = 'bunlde.harmony.js'
++ @State hasBundle:boolean = false
+
++ async downloadBunlde(){
++    let uint8Array = await context.resourceManager.getRawFileContent('rawfile/bundle.harmony.js');
++    let rawBuffer = uint8Array.buffer;
++    const bundlePath = context.filesDir + '/' + this.bundlePath;
++    let stream = fs.createStreamSync(bundlePath,'w');
++    stream.writeSync(rawBuffer);
++    stream.closeSync();
++    this.hasBundle = true;
++  }
+
++ checkBundleUpdated():void{
++    if(context){
++     const bundlePath = context.filesDir + '/' + this.bundlePath;
++     try{
++       const  stat = fs.statSync(bundlePath)
++       if(stat.size == 0){
++         this.downloadBunlde()
++       }else{
++         this.hasBundle = true
++       }
++     } catch (e) {
++       this.downloadBunlde()
++     }
++   }
++  }
+
+build() {
+   Column() {
+    ...
++if(context && this.hasBundle){
+    RNApp({
+      ...
+      //替换jsBundleProvider
++    jsBundleProvider: new FileJSBundleProvider(context.filesDir + '/' + this.bundlePath)
+    })
++}else {
++    Row(){
++       Text('未加载bundle');
++   }
++   .height(100)
++}
+    }
+
+   }
+
+}
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases)
+
+## API
+
+| Name              | Description                                                                                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| sync              | sync方法，自动模式更新                                                                                                                | function | yes      | Android IOS | yes               |
+| getUpdateMetadata | 获取当前已安装更新的元数据(RemotePackage),当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                 | function | no       | Android IOS | yes               |
+| DownloadProgress  | 下载中的进度回调，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android IOS | yes               |
+| restartApp        | 重启App，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                        | function | no       | Android IOS | yes               |
+| getCurrentPackage | 获取应用版本信息，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android IOS | yes               |
+| getConfiguration  | 获取应用配置信息，appVersion（版本号），deploymentKey（deploymentKey），serverUrl（服务器地址），clientUniqueId（唯一标识码）,当使用sync方法时，不需要调用本方法，因为sync会自动调用 | function | no       | Android IOS | yes               |
+
+**updateDialog**
+
+当使用**CodePush.updateDialog**方法时，updateDialog以下参数都是可选的，代表更新的对话框，默认是null, 
+
+| Name                         | Description                                                                      | Type    | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | -------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| appendReleaseDescription     | 是否显示更新description，默认为false                                                       | boolean | no       | Android IOS | yes               |
+| descriptionPrefix            | 更新说明的前缀。 默认是” Description:                                                       | string  | no       | Android IOS | yes               |
+| mandatoryContinueButtonLabel | 强制更新的按钮文字，默认为continue                                                            | string  | no       | Android IOS | yes               |
+| mandatoryUpdateMessage       | 强制更新时，更新通知. Defaults to “An update is available that must be installed.”         | string  | no       | Android IOS | yes               |
+| optionalIgnoreButtonLabel    | updateDialog非强制更新时，取消按钮文字,默认是ignore                                              | string  | no       | Android IOS | yes               |
+| optionalInstallButtonLabel   | 非强制更新时，确认文字. Defaults to “Install”                                               | string  | no       | Android IOS | yes               |
+| optionalUpdateMessage        | 非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?” | string  | no       | Android IOS | yes               |
+| title                        | 要显示的更新通知的标题. Defaults to “Update available”.                                     | string  | no       | Android IOS | yes               |
+
+**SyncStatus**
+
+当使用**CodePush.SyncStatus**时，codePushStatusDidChange回调函数中获取应用状态
+
+| Name                 | Description                                                         | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| UP_TO_DATE           | 值为0，代表应用程序已完全更新到配置的部署,                                              | number   | no       | Android IOS | yes               |
+| UPDATE_INSTALLED     | 值为1，已安装可用更新，并将在syncStatusChangedCallback函数返回后立即运行或在下次应用程序恢复/重新启动时运行 | number   | no       | Android IOS | yes               |
+| UNKNOWN_ERROR        | 值为3，同步操作发现未知错误                                                      | number   | no       | Android IOS | yes               |
+| CHECKING_FOR_UPDATE  | 值为5，正在查询 CodePush 服务器是否有更新                                          | number   | no       | Android IOS | yes               |
+| AWAITING_USER_ACTION | 值为6，有更新可用，并向最终用户显示确认对话框。（仅在updateDialog使用时适用）                       | number   | no       | Android IOS | yes               |
+| DOWNLOADING_PACKAGE  | 值为7，在从 CodePush 服务器下载可用更新                                           | number   | no       | Android IOS | yes               |
+| INSTALLING_UPDATE    | 值为8，已下载可用更新并将安装                                                     | 参number数 | no       | Android IOS | yes               |
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/microsoft/react-native-code-push/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 1a2a0e238a6111f8dcec899435e8f4070e4289c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Tue, 2 Jul 2024 01:52:59 +0000
Subject: [PATCH 063/966] =?UTF-8?q?!887=20docs:=20[Issues:=20#IA98FN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-progress-view=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IA98FN]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-community-progress-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-progress-view.md | 103 +++++++++++-------
 1 file changed, 64 insertions(+), 39 deletions(-)

diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index 0569f7a8..8ba6dbf9 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/progress-view</code> </h1>
@@ -8,8 +8,8 @@
     <a href="https://github.com/react-native-progress-view/progress-view">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-progress-view/progress-view/blob/main/LICENSE">
-        <img src="https://img.shields.io/npm/l/@react-native-progress-view/progress-view.svg" alt="License" />
+    <a href="https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
@@ -46,18 +46,33 @@ yarn add @react-native-oh-tpl/progress-view@file:#
 ```js
 import { ProgressView } from "@react-native-community/progress-view";
 
-<ProgressView
-  progressTintColor="orange"
-  trackTintColor="blue"
-  progress={0.7}
-/>;
+export default function ProgressViewExample() {
+  return (
+    <ProgressView
+      progressTintColor="orange"
+      trackTintColor="blue"
+      progress={0.7}
+    />
+  )
+}
 ```
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
 
 ### 引入原生端代码
 
@@ -66,7 +81,7 @@ import { ProgressView } from "@react-native-community/progress-view";
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -75,8 +90,7 @@ import { ProgressView } from "@react-native-community/progress-view";
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-progress-view": "file:../../node_modules/@react-native-oh-tpl/progress-view/harmony/progress_view.har"
+    "@react-native-oh-tpl/progress-view": "file:../../node_modules/@react-native-oh-tpl/progress-view/harmony/progress_view.har"
   }
 ```
 
@@ -101,15 +115,15 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-progress-view/src/main/cpp" ./progress-view)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/progress-view/src/main/cpp" ./progress-view)
+# RNOH_BEGIN: manual_package_linking_1
 
 add_library(rnoh_app SHARED
     "./PackageProvider.cpp"
@@ -118,16 +132,17 @@ add_library(rnoh_app SHARED
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh-progress-view)
-# RNOH_END: link_packages
++ target_link_libraries(rnoh_app PUBLIC rnoh_progress_view)
+# RNOH_BEGIN: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "ProgressViewPackage.h"
 
@@ -148,29 +163,35 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```diff
 ...
 import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-+ import { RNCProgressView, PROGRESS_VIEW_TYPE } from "rnoh-picker"
++ import { RNCProgressView, PROGRESS_VIEW_TYPE } from "@react-native-oh-tpl/progress-view"
 
 @Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === PROGRESS_VIEW_TYPE) {
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...  
++ if (ctx.componentName === PROGRESS_VIEW_TYPE) {
 +   RNCProgressView({
 +     ctx: ctx.rnComponentContext,
-+     tag: ctx.tag,
-+     buildCustomComponent: buildCustomComponent
++     tag: ctx.tag
 +   })
 + }
- ...
+...
 }
 ...
 ```
 
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PROGRESS_VIEW_TYPE
+  ];
+```
+
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -194,19 +215,23 @@ ohpm install
 
 ## 属性
 
-> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
 | ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| `progress`          | The progress value (between 0 and 1).      | number | No       | All      | yes               |
-| `progressTintColor` | The tint color of the progress bar itself. | string | No       | All      | yes               |
-| `trackTintColor`    | The tint color of the progress bar track.  | string | No       | All      | yes               |
+| `progress`          | The progress value (between 0 and 1).      | number | No       | All      | Yes               |
+| `progressTintColor` | The tint color of the progress bar itself. | string | No       | All      | Yes               |
+| `trackTintColor`    | The tint color of the progress bar track.  | string | No       | All      | Yes               |
+| `progressImage`     | A stretchable image to display as the progress bar.      | Image.propTypes.source | No       | All      | No               |
+| `trackImage` | A stretchable image to display behind the progress bar. Network images only work on Windows.| Image.propTypes.source | No       | All      | No               |
+| `progressViewStyle`    | The progress bar style. Network images only work on Windows.  | enum('default', 'bar') | No       | All      | No               |
+| `isIndeterminate`    | Turns progress bar into an indeterminate progress bar.  | bool | No       | Windows      | Partially               |
 
 ## 遗留问题
 
-- [ ] 部分接口，未适配
+- [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/5)
 
 ## 其他
 
@@ -214,4 +239,4 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/progress-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From 9712a61becb79b5813b899ad19e9d3accd342f3b Mon Sep 17 00:00:00 2001
From: ding_chengjie <dingchenjie1@h-partners.com>
Date: Tue, 25 Jun 2024 15:31:49 +0800
Subject: [PATCH 064/966] =?UTF-8?q?docs:=20[#IA85JW]=20=E5=8D=87=E7=BA=A7r?=
 =?UTF-8?q?eact-native-masked-view=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=87=B3V0.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-masked-view-masked-view.md | 177 ++++++++++--------
 1 file changed, 97 insertions(+), 80 deletions(-)

diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index 3ad2061b..f9c34fc4 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-masked-view/masked-view</code> </h1>
@@ -8,12 +8,12 @@
     <a href="https://github.com/react-native-masked-view/masked-view">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://opensource.org/license/mit/">
-        <img src="https://img.shields.io/npm/l/@react-native-masked-view/masked-view.svg?style=flat-square" alt="License" />
+    <a href="https://github.com/react-native-masked-view/masked-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-[!tip] [Github 地址](https://github.com/react-native-oh-library/masked-view)
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/masked-view)
 
 ## 安装与使用
 
@@ -44,38 +44,63 @@ yarn add @react-native-oh-tpl/masked-view@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import MaskedView from "@react-native-masked-view/masked-view";
-
-<MaskedView
-  style={{ flex: 1, flexDirection: "row", height: "100%" }}
-  maskElement={
-    <View
-      style={{
-        // Transparent background because mask is based off alpha channel.
-        backgroundColor: "transparent",
-        flex: 1,
-        justifyContent: "center",
-        alignItems: "center",
-      }}
-    >
-      <Text
-        style={{
-          fontSize: 60,
-          color: "black",
-          fontWeight: "bold",
-        }}
-      >
-        Basic Mask
-      </Text>
-    </View>
-  }
->
-  {/* Shows behind the mask, you can put anything here, such as an image */}
-  <View style={{ flex: 1, height: "100%", backgroundColor: "#324376" }} />
-  <View style={{ flex: 1, height: "100%", backgroundColor: "#F5DD90" }} />
-  <View style={{ flex: 1, height: "100%", backgroundColor: "#F76C5E" }} />
-  <View style={{ flex: 1, height: "100%", backgroundColor: "#e1e1e1" }} />
-</MaskedView>;
+import { StyleSheet, Text, View } from 'react-native';
+import MaskedView from '@react-native-masked-view/masked-view';
+
+const MaskedDemo = () => {
+    return (
+        <MaskedView
+            style={styles.maskedView}
+            maskElement={
+                <View style={styles.maskElementView}>
+                    <Text style={styles.maskElementText}>Basic Mask</Text>
+                </View>
+            }
+        > 
+        <View style={{ width:'100%', height: 40, backgroundColor: '#fe4b83' }} />
+        <View style={{ width:'100%', height: 40, backgroundColor: '#F5DD90' }} />
+        </MaskedView>
+    )
+}
+
+const styles = StyleSheet.create({
+    maskedView: {
+        width:'100%',
+        height:'40%'
+    },
+    maskElementView: {
+        backgroundColor: 'transparent',
+        alignItems: 'center',
+        width:'100%',
+        height:'100%',
+        justifyContent: 'center',
+    },
+    maskElementText: {
+        color: Colors.black,
+        width:'100%',
+        height:60,
+        fontSize: 50,
+        fontWeight: 'bold',
+    },
+    textView: {
+        fontSize: 20,
+        alignItems: 'center',
+        width:'100%',
+        height:40,
+        flexDirection: 'row',
+        justifyContent: 'center',
+    },
+    text: {
+        color: Colors.darkChestnut,
+        fontSize: 8,
+        width:'100%',
+        height:40,
+        fontVariant: ['small-caps'],
+        fontWeight: 'bold',
+    },
+});
+
+export default MaskedDemo
 ```
 
 ## Link
@@ -84,6 +109,17 @@ import MaskedView from "@react-native-masked-view/masked-view";
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -91,7 +127,7 @@ import MaskedView from "@react-native-masked-view/masked-view";
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -101,7 +137,7 @@ import MaskedView from "@react-native-masked-view/masked-view";
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-masked-view": "file:../../node_modules/@react-native-oh-tpl/masked-view/harmony/masked_view.har",
+    "@react-native-oh-tpl/masked-view": "file:../../node_modules/@react-native-oh-tpl/masked-view/harmony/masked_view.har"
   }
 ```
 
@@ -125,34 +161,44 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-masked-view/src/main/cpp" ./masked-view)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/masked-view/src/main/cpp" ./masked-view)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_masked_view)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "MaskedPackage.h"
 
@@ -160,43 +206,13 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<MaskedPackage>(ctx)
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<MaskedPackage>(ctx),
     };
 }
 ```
 
-### 在 ArkTs 侧引入 MaskedView 组件
-
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-...
-import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-import { createRNPackages } from '../RNPackagesFactory'
-+ import { MaskedView, MASKED_VIEW_TYPE } from "rnoh-masked-view"
-
-  @Builder
-  function buildCustomComponent(ctx: ComponentBuilderContext) {
-    if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-      SampleView({
-        ctx: ctx.rnComponentContext,
-        tag: ctx.tag,
-        buildCustomComponent: buildCustomComponent
-      })
-    }
-+   else if (ctx.componentName === MASKED_VIEW_TYPE) {
-+     MaskedView({
-+       ctx: ctx.rnComponentContext,
-+       tag: ctx.tag,
-+       buildCustomComponent: buildCustomComponent
-+     })
-+   }
-    ...
-  }
-  ...
-```
-
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -210,7 +226,9 @@ ohpm install
 
 然后编译、运行即可。
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -229,7 +247,6 @@ ohpm install
 
 ## 遗留问题
 
-- [ ]  HarmonyOS 侧未实现遮罩效果[issue#1](https://github.com/react-native-oh-library/masked-view/issues/1)
 
 ## 其他
 

From a59c9c9ae412368a684fe1cd38b969c23b4d40e8 Mon Sep 17 00:00:00 2001
From: iven0707 <13296634195@163.com>
Date: Tue, 2 Jul 2024 10:37:51 +0800
Subject: [PATCH 065/966] =?UTF-8?q?docs:=20[#IA9O21]=20=E6=96=B0=E5=A2=9Er?=
 =?UTF-8?q?eact-native-BootSplash=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-bootsplash.md | 264 +++++++++++++++++++++++++++++++
 1 file changed, 264 insertions(+)
 create mode 100644 zh-cn/react-native-bootsplash.md

diff --git a/zh-cn/react-native-bootsplash.md b/zh-cn/react-native-bootsplash.md
new file mode 100644
index 00000000..5f362545
--- /dev/null
+++ b/zh-cn/react-native-bootsplash.md
@@ -0,0 +1,264 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-bootsplash</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/zoontek/react-native-bootsplash">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/zoontek/react-native-bootsplash/blob/expo-plugin/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bootsplash)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-bootsplash@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-bootsplash@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { useState , useEffect} from "react";
+import { Animated, View, Text, Dimensions, Platform, StatusBar, StyleSheet } from "react-native";
+import BootSplash from "react-native-bootsplash";
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
+  },
+  text: {
+    fontSize: 30,
+    fontWeight: "700",
+    margin: 20,
+    lineHeight: 30,
+    color: "#333",
+    textAlign: "center",
+  },
+});
+
+type Props = {
+  onAnimationEnd: () => void;
+};
+
+export const AnimatedBootSplash = ({ onAnimationEnd }: Props) => {
+  const [opacity] = useState(() => new Animated.Value(1));
+  const [translateY] = useState(() => new Animated.Value(0));
+
+  const { container, logo /*, brand */ } = BootSplash.useHideAnimation({
+    manifest: require("../assets/bootsplash_manifest.json"),
+    logo: require("../assets/bootsplash_logo.png"),
+    statusBarTranslucent: true,
+    navigationBarTranslucent: false,
+
+    animate: () => {
+      const { height } = Dimensions.get("window");
+      Animated.stagger(250, [
+        Animated.spring(translateY, {
+          useNativeDriver: true,
+          toValue: -50,
+        }),
+        Animated.spring(translateY, {
+          useNativeDriver: true,
+          toValue: height,
+        }),
+      ]).start();
+      Animated.timing(opacity, {
+        useNativeDriver: true,
+        toValue: 0,
+        duration: 150,
+        delay: 350,
+      }).start(() => {
+        onAnimationEnd();
+      });
+    },
+  });
+
+  return (
+    <Animated.View {...container} style={[container.style, { opacity }]}>
+      <Animated.Image
+        {...logo}
+        style={[logo.style, { transform: [{ translateY }] }]}
+      />
+    </Animated.View>
+  );
+};
+
+const App = () => {
+  const [visible, setVisible] = useState(true);
+
+  useEffect(() => {
+    // set transparent status bar
+    StatusBar.setBarStyle("dark-content");
+    if (Platform.OS !== "android") {
+      StatusBar.setBackgroundColor("transparent");
+      StatusBar.setTranslucent(true);
+    }
+  }, []);
+
+  return (
+    <>
+      <View style={styles.container}>
+        <Text style={styles.text}>Hello World</Text>
+        {visible && (
+          <AnimatedBootSplash
+            onAnimationEnd={() => {
+              BootSplash.isVisible();
+              console.log("--------++++AnimationEnd")
+              setVisible(false);
+            }}
+          />
+        )}
+      </View>
+    </>
+  );
+};
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-bootsplash": "file:../../node_modules/@react-native-oh-tpl/react-native-bootsplash/harmony/boot_splash.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNBootSplashPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {RNBootSplashPackage} from '@react-native-oh-tpl/react-native-bootsplash/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNBootSplashPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                                                  | Type     | Required | Platform     | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| getConstants     | Obtaining the Default Configuration                          | function | no       | Android、IOS | yes               |
+| hide             | Hide the splash screen                                       | function | no       | Android、IOS | yes               |
+| isVisible        | Return the current visibility status of the native splash screen | function | no       | Android、IOS | yes               |
+| useHideAnimation | A hook to easily creation a hide custom hide animation, by animating all splash screen elements using Animated | function | yes      | Android、IOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bootsplash/blob/expo-plugin/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From d852892a9d1b66232955b914ae4b0f0e0865c2f6 Mon Sep 17 00:00:00 2001
From: ljje <lizhien@h-partners.com>
Date: Tue, 2 Jul 2024 14:28:30 +0800
Subject: [PATCH 066/966] =?UTF-8?q?docs:=20[Issues:=20#IA7T5D]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-masked-text=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-masked-text.md | 203 ++++++++++++++++++++++++++++++
 1 file changed, 203 insertions(+)
 create mode 100644 zh-cn/react-native-masked-text.md

diff --git a/zh-cn/react-native-masked-text.md b/zh-cn/react-native-masked-text.md
new file mode 100644
index 00000000..4c6f3680
--- /dev/null
+++ b/zh-cn/react-native-masked-text.md
@@ -0,0 +1,203 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-masked-text</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bhrott/react-native-masked-text">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bhrott/react-native-masked-text/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/bhrott/react-native-masked-text)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-masked-text@1.13.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-masked-text@1.13.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState } from "react";
+import { View, StyleSheet } from "react-native";
+import { TextInputMask } from "react-native-masked-text";
+
+export const MaskedTextCPF = () => {
+  const [mask, setMask] = useState({
+    cpf: "",
+  });
+  return (
+    <View style={styles.container}>
+      <TextInputMask
+        type={"cpf"}
+        value={mask.cpf}
+        onChangeText={(text) => {
+          setMask({
+            cpf: text,
+          });
+        }}
+        style={styles.textInputStype}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+  },
+  textInputStype: {
+    height: 50,
+    width: "100%",
+    borderColor: "gray",
+    borderWidth: 1,
+    backgroundColor: "white",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> 详情见 [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
+
+| Name                        | Description                                               | Type     | Required | Platform    | HarmonyOS Support |
+| --------------------------- | --------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| type                        | the type of the mask                                      | string   | YES      | Android IOS | YES               |
+| options                     | set mask type                                             | object   | NO       | Android IOS | YES               |
+| onChangeText                | set mask                                                  | function | NO       | Android IOS | YES               |
+| checkText                   | Blocking user to add character                            | function | NO       | Android IOS | YES               |
+| refInput                    | add the ref to a local var                                | function | NO       | Android IOS | YES               |
+| customTextInput             | the custom text input component                           | any      | NO       | Android IOS | YES               |
+| customTextInputProps        | the props to be passed to the custom text input           | object   | NO       | Android IOS | YES               |
+| includeRawValueInChangeText | provide the masked and the raw text in every text change. | boolean  | NO       | Android IOS | YES               |
+
+#### 目前 type 支持
+
+| Name         | Description                                                                                                                          | required | Type   | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------------------------------------------------------------------------------ | -------- | ------ | ----------- | ----------------- |
+| cel-phone    | 1.(99) 9999-9999 or (99) 99999-9999 2. +999 999 999 999                                                                              | YES      | string | Android IOS | YES               |
+| cpf          | Mask: 999.999.999-99                                                                                                                 | YES      | string | Android IOS | YES               |
+| cnpj         | Mask: 99.999.999/9999-99                                                                                                             | YES      | string | Android IOS | YES               |
+| credit-card  | 1.9999 9999 9999 9999 or 9999 \***\* \*\*** 9999 2.9999 999999 99999 or 9999 **\*\*** 99999 3.9999 999999 9999 or 9999 **\*\*** 9999 | YES      | string | Android IOS | YES               |
+| custom       | Mask: defined by pattern                                                                                                             | YES      | string | Android IOS | YES               |
+| datetime     | 1. DD/MM/YYYY HH:mm:ss 2. DD/MM/YYYY 3.MM/DD/YYYY 4.YYYY/MM/DD 5.HH:mm:ss 6.HH:mm 7.HH                                               | YES      | string | Android IOS | YES               |
+| money        | Mask: R$999,99 (fully customizable)                                                                                                  | YES      | string | Android IOS | YES               |
+| only-numbers | accept only numbers                                                                                                                  | YES      | string | Android IOS | YES               |
+| zip-code     | Mask: 99999-999                                                                                                                      | YES      | string | Android IOS | YES               |
+
+##### 不同 type 支持的 options
+
+- Money type:
+
+| name       | type   | required | default | description                 | Platform    | HarmonyOS Support |
+| ---------- | ------ | -------- | ------- | --------------------------- | ----------- | ----------------- |
+| precision  | number | no       | `2`     | The number of cents to show | Android IOS | YES               |
+| separator  | string | no       | `,`     | The cents separator         | Android IOS | YES               |
+| delimiter  | string | no       | `.`     | The thousand separator      | Android IOS | YES               |
+| unit       | string | no       | `R$`    | The prefix text             | Android IOS | YES               |
+| suffixUnit | string | no       | `''`    | The sufix text              | Android IOS | YES               |
+
+- Phone type：
+
+| name     | type    | required | default    | description                                                      | Platform    | HarmonyOS Support |
+| -------- | ------- | -------- | ---------- | ---------------------------------------------------------------- | ----------- | ----------------- |
+| maskType | string  | no       | `maskType` | the type of the mask to use. Available: `BRL` or `INTERNATIONAL` | Android IOS | YES               |
+| withDDD  | boolean | no       | `true`     | if the mask type is `BRL`, include the DDD                       | Android IOS | YES               |
+| dddMask  | string  | no       | `(99) `    | if the mask type is `BRL`, the DDD mask                          | Android IOS | YES               |
+
+- Datetime type：
+
+| name   | type   | required | default | description                     | Platform    | HarmonyOS Support |
+| ------ | ------ | -------- | ------- | ------------------------------- | ----------- | ----------------- |
+| format | string | **YES**  |         | The date format to be validated | Android IOS | YES               |
+
+- redit card type：
+
+| name       | type    | required | default              | description                                                                          | Platform    | HarmonyOS Support |
+| ---------- | ------- | -------- | -------------------- | ------------------------------------------------------------------------------------ | ----------- | ----------------- |
+| obfuscated | boolean | no       | `false`              | if the mask should be obfuscated or not                                              | Android IOS | YES               |
+| issuer     | string  | no       | `visa-or-mastercard` | the type of the card mask. The options are: `visa-or-mastercard`, `amex` or `diners` | Android IOS | YES               |
+
+- Custom type：
+
+| name        | type                          | required | default                                                               | description                                           | Platform    | HarmonyOS Support |
+| ----------- | ----------------------------- | -------- | --------------------------------------------------------------------- | ----------------------------------------------------- | ----------- | ----------------- |
+| mask        | string                        | **YES**  |                                                                       | The mask pattern                                      | Android IOS | YES               |
+| validator   | function                      | no       | function that returns `true`                                          | the function that's validate the value in the mask    | Android IOS | YES               |
+| getRawValue | function                      | no       | return current value                                                  | function to parsed value (like unmasked or converted) | Android IOS | YES               |
+| translation | object (map{string,function}) | no       | `9 - digit`, `A - alpha`, `S - alphanumeric`, `* - all, except space` | The translator to use in the pattern                  | Android IOS | YES               |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> 详情见 [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
+
+##### MaskService
+
+| Name       | Description                               | Type     | Required | Platform    | HarmonyOS Support |
+| ---------- | ----------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| toMask     | mask a value                              | function | NO       | Android IOS | YES               |
+| toRawValue | get the raw value of a masked value       | function | NO       | Android IOS | YES               |
+| isValid    | validate if the mask and the valueg match | function | NO       | Android IOS | YES               |
+| getMask    | get the mask used to mask the value       | function | NO       | Android IOS | YES               |
+
+- static toMask(type, value, settings): mask a value
+  - `type` (String, required): the type of the mask (`cpf`, `datetime`, etc...)
+  - `value` (String, required): the value to be masked
+  - `settings` (Object, optional): if the mask type accepts options, pass it in the settings parameter
+- static toRawValue(type, maskedValue, settings): get the raw value of a masked value.
+  - `type` (String, required): the type of the mask (`cpf`, `datetime`, etc...)
+  - `maskedValue` (String, required): the masked value to be converted in raw value
+  - `settings` (Object, optional): if the mask type accepts options, pass it in the settings parameter
+- static isValid(type, value, settings): validate if the mask and the value match.
+  - `type` (String, required): the type of the mask (`cpf`, `datetime`, etc...)
+  - `value` (String, required): the value to be masked
+  - `settings` (Object, optional): if the mask type accepts options, pass it in the settings parameter
+- static getMask(type, value, settings): get the mask used to mask the value
+  - `type` (String, required): the type of the mask (`cpf`, `datetime`, etc...)
+  - `value` (String, required): the value to be masked
+  - `settings` (Object, optional): if the mask type accepts options, pass it in the settings parameter
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License](https://github.com/bhrott/react-native-masked-text/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 871df173797ca2487a0f2a16d75ed460e0989335 Mon Sep 17 00:00:00 2001
From: zhang_hanyong <zhanghanyong@h-partners.com>
Date: Thu, 13 Jun 2024 17:18:02 +0800
Subject: [PATCH 067/966] =?UTF-8?q?docs:=20=E6=96=B0=E5=A2=9Ereact-native-?=
 =?UTF-8?q?syan-image-picker=E5=BA=93=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: zhang_hanyong <zhanghanyong@h-partners.com>
---
 zh-cn/react-native-syan-image-picker.md | 354 ++++++++++++++++++++++++
 1 file changed, 354 insertions(+)
 create mode 100644 zh-cn/react-native-syan-image-picker.md

diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
new file mode 100644
index 00000000..3c25de19
--- /dev/null
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -0,0 +1,354 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-syan-image-picker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/syanbo/react-native-syan-image-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/syanbo/react-native-syan-image-picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-syan-image-picker) 
+
+## 安装与使用
+
+release未发布。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-syan-image-picker@file:#
+```
+
+
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-syan-image-picker@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import {
+  StyleSheet,
+  Text,
+  View,
+  Image,
+  ScrollView,
+  TouchableOpacity,
+  Dimensions
+} from 'react-native';
+import SYImagePicker from "react-native-syan-image-picker";
+
+export default class App extends Component<{}> {
+ constructor(props) {
+    super(props);
+    this.state = {
+      photos: [],
+    };
+  }
+ /**
+ * 开启压缩，选择一张照片先裁剪然后再压缩，并支持base64编码
+ **/
+SYImagePicker.showImagePicker(
+        {
+          /**
+          * imageCount为1才支持裁剪
+          **/
+          imageCount: 1, 
+          isCrop: true,
+          quality: 90,
+          compress: true, // 开启压缩
+          enableBase64: false,
+        },
+        (err, photos) => {
+          if (!err) {
+            this.setState({
+              photos,
+            });
+          } else {
+            console.log(err);
+          }
+        },
+    );
+/**
+ * 关闭压缩，多选照片并支持base64编码
+ **/
+ handleAsyncSelectPhoto = async () => {
+    SYImagePicker.removeAllPhoto()
+    try {
+      const photos = await SYImagePicker.asyncShowImagePicker({
+        imageCount: 8, //指定选择的照片数量
+        enableBase64: true, // 支持base64编码
+      });
+      // 选择成功
+      this.setState({
+        photos: [...this.state.photos, ...photos],
+      });
+    } catch (err) {
+      console.log(err);
+      // 取消选择，err.message为"取消"
+    }
+  };
+/**
+* 缓存清除
+**/
+handleDeleteCache = () => {
+    SYImagePicker.deleteCache();
+  };
+
+/**
+* 移除选中的图片
+**/
+handleDeletePhoto = index => {
+  const { selectedPhotos: oldPhotos } = this.state;
+  const selectedPhotos = oldPhotos.filter((photo, photoIndex) => photoIndex !== index);
+  // 更新原生图片数组
+  SYImagePicker.removePhotoAtIndex(index);
+  }
+
+/**
+* 移除选中的全部图片
+**/
+STImagePicke.removeAllPhoto()
+
+/**
+* 调用相机
+**/
+SyanImagePicker.openCamera(options, (err, photos) => {
+  if (err) {
+    // 取消选择
+    return;
+  }
+  // 选择成功，渲染图片
+  // ...
+})
+
+/**
+* 选择视频
+**/
+SyanImagePicker.openVideoPicker(options, (err, videos) => {
+  if (err) {
+    // 取消选择
+    return;
+  }
+  // 选择成功，处理视频
+  // ...
+})
+
+}
+```
+
+## 使用 Codegen（如本库已适配了 Codegen ）
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmonyOS`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-syan-image-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-syan-image-picker/harmony/syan_image_picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入SyanImagePickerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++   import {SyanImagePickerPackage} from '@react-native-oh-tpl/react-native-syan-image-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SyanImagePickerPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+release未发布。
+
+本文档内容基于以下版本验证通过：
+
+
+
+1.  RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 B.0.22、IDE：DevEco Studio 5.0.3.300SP2; ROM：3.0.0.24;
+
+
+
+## ImagePickerOption(选择图片或数据的配置项)
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                            | Description                                                  | Type    | Required |  Platform   | HarmonyOS Support |
+| ------------------------------- | ------------------------------------------------------------ | ------- | :------: | :---------: | :---------------: |
+| imageCoun                       | 最大选择图片数目，默认6                                      | number  |   yes    | iOS/Android |        yes        |
+| isCamera                        | 是否允许用户在内部拍照，默认true                             | boolean |   yes    | iOS/Android |        yes        |
+| isCrop                          | 是否允许裁剪，默认false, imageCount 为1才生效                | boolean |   yes    | iOS/Android |        yes        |
+| compress                        | 是否压缩照片                                                 | boolean |   yes    | iOS/Android |        yes        |
+| quality                         | 压缩质量                                                     | number  |   yes    | iOS/Android |        yes        |
+| enableBase64                    | 是否返回base64编码，默认不返回                               | boolean |   yes    | iOS/Android |        yes        |
+| videoCount                      | 选择的视频个数                                               | number  |   yes    | iOS/Android |        yes        |
+| allowPickingMultipleVideo       | 允许选择多个视频                                             | boolean |   yes    | iOS/Android |        yes        |
+| isRecordSelected                | 是否已选图片                                                 | bool    |   yes    | iOS/Android |        no         |
+| CropW                           | 裁剪宽度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        no         |
+| CropH                           | 裁剪高度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        no         |
+| isGif                           | 是否允许选择GIF，默认false，暂无回调GIF数据                  | boolean |   yes    | iOS/Android |        no         |
+| showCropCircle                  | 是否显示圆形裁剪区域，默认false                              | boolean |   yes    | iOS/Android |        no         |
+| circleCropRadius                | 圆形裁剪半径，默认屏幕宽度一半                               | number  |   yes    | iOS/Android |        no         |
+| showCropFrame                   | 是否显示裁剪区域，默认true                                   | boolean |   yes    | iOS/Android |        no         |
+| showCropGrid                    | 是否隐藏裁剪区域网格，默认false                              | boolean |   yes    | iOS/Android |        no         |
+| freeStyleCropEnabled            | 裁剪框是否可拖拽                                             | boolean |   yes    | iOS/Android |        no         |
+| rotateEnabled                   | 裁剪是否可旋转图片                                           | boolean |   yes    | iOS/Android |        no         |
+| scaleEnabled                    | 裁剪是否可放大缩小图片                                       | boolean |   yes    | iOS/Android |        no         |
+| compressFocusAlpha              | 压缩时保留图片透明度（开启后png压缩后尺寸会变大但是透明度会保留) | boolean |   yes    | iOS/Android |        no         |
+| minimumCompressSize             | 小于100kb的图片不压缩（Android）                             | number  |   yes    | iOS/Android |        no         |
+| allowPickingOriginalPhoto       | 选择原生图片                                                 | boolean |   yes    | iOS/Android |        no         |
+| MaxSecond                       | 选择视频最大时长，默认是180秒                                | number  |   yes    | iOS/Android |        no         |
+| videoMaximumDuration            | 视频最大拍摄时间，默认是10分钟，单位是秒                     | number  |   yes    | iOS/Android |        no         |
+| isWeChatStyle                   | 是否是微信风格选择界面 Android Only                          | boolean |   yes    | iOS/Android |        no         |
+| sortAscendingByModificationDate | 对照片排序，按修改时间升序，默认是YES。如果设置为NO,最新的照片会显示在最前面，内部的拍照按钮会排在第一个 | boolean |   yes    | iOS/Android |        no         |
+| MinSecond                       | 选择视频最小时长，默认是1秒                                  | number  |   yes    | iOS/Android |        no         |
+| showSelectedIndex               | 是否显示序号， 默认不显示                                    | boolean |   yes    | iOS/Android |        no         |
+
+## SelectedPhoto（选择的图片或视频的返回结果）
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| width        | 图片宽度                                                     | number | yes      | iOS/Android | yes               |
+| height       | 图片高度                                                     | number | yes      | iOS/Android | yes               |
+| original_uri | 图片原始路径                                                 | string | yes      | iOS/Android | yes               |
+| uri          | 图片路径                                                     | string | yes      | iOS/Android | yes               |
+| type         | 文件类型                                                     | string | yes      | iOS/Android | yes               |
+| size         | 图片大小，单位为字节 b                                       | number | yes      | iOS/Android | yes               |
+| base64       | 图片的 base64 编码，如果 enableBase64 设置 false，则不返回该属性 | string | yes      | iOS/Android | yes               |
+
+## API
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                        | Type                                                     | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------- | -------------------------------------------------------- | -------- | ----------- | ----------------- |
+| showImagePicker      | 打开图片选择器，选择图片           | callback: (err: null \| string, photos: SelectedPhoto[]) | yes      | iOS/Android | yes               |
+| asyncShowImagePicker | 打开图片选择器，选择图片           | Promise<SelectedPhoto[]>                                 | yes      | iOS/Android | yes               |
+| openCamera           | 打开相机拍照，并可以选择所拍的照片 | callback: (err: null \| string, photos: SelectedPhoto[]) | yes      | iOS/Android | yes               |
+| asyncOpenCamera      | 打开相机拍照，并可以选择所拍的照片 | Promise<SelectedPhoto[]>                                 | yes      | iOS/Android | yes               |
+| deleteCache          | 清除缓存                           | void                                                     | yes      | iOS/Android | yes               |
+| removePhotoAtIndex   | 删除已选择照片的索引               | void                                                     | yes      | iOS/Android | yes               |
+| removeAllPhoto       | 删除所有已选择的照片               | void                                                     | yes      | iOS/Android | yes               |
+| openVideoPicker      | 打开视频选择器                     | callback: (err: null \| string, photos: SelectedPhoto[]) | yes      | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ]  isRecordSelected: 是否已选图片[issues#2](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/2)
+- [ ]  CropW: 裁剪宽度，默认屏幕宽度60%[issues#3](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/3)
+- [ ]  CropH: 裁剪高度，默认屏幕宽度60%[issues#4](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/4)
+- [ ]  isGif: 是否允许选择GIF[issues#5](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/5)
+- [ ]  showCropCircle: 是否显示圆形裁剪区域[issues#6](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/6)
+- [ ]  circleCropRadius: 圆形裁剪半径[issues#7](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/7)
+- [ ]  showCropFrame: 是否显示裁剪区域[issues#8](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/8)
+- [ ]  showCropGrid: 是否隐藏裁剪区域网格[issues#9](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/9)
+- [ ]  freeStyleCropEnabled: 裁剪框是否可拖拽[issues#10](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/10)
+- [ ]  rotateEnabled: 裁剪是否可旋转图片[issues#11](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/11)
+- [ ]  scaleEnabled: 裁剪是否可放大缩小图片[issues#12](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/12)
+- [ ]  compressFocusAlpha: 压缩时保留图片透明度[issues#13](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/13)
+- [ ]  minimumCompressSize: 小于100kb的图片不压缩[issues#14](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/14)
+- [ ]  allowPickingOriginalPhoto: 选择原生图片[issues#15](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/15)
+- [ ]  MaxSecond: 选择视频最大时长[issues#16](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/16)
+- [ ]  videoMaximumDuration: 视频最大拍摄时间[issues#17](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/17)
+- [ ]  isWeChatStyle: 是否是微信风格选择界面[issues#18](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/18)
+- [ ]  sortAscendingByModificationDate: 对照片排序，按修改时间升序[issues#19](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/19)
+- [ ]  MinSecond: 选择视频最小时长[issues#20](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/20)
+- [ ]  showSelectedIndex: 是否显示序号[issues#21](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/21)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/syanbo/react-native-syan-image-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 8a5e6ab32a743f6237618cc0b7d3d08f71eac2b9 Mon Sep 17 00:00:00 2001
From: ding_chengjie <dingchenjie1@h-partners.com>
Date: Tue, 2 Jul 2024 14:49:27 +0800
Subject: [PATCH 068/966] =?UTF-8?q?docs:=20[#IA9XG3]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-sqlite-storage=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sqlite-storage.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index db4317e1..cb28ea8b 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -313,7 +313,7 @@ AppRegistry.registerComponent(appName, () => SQLiteDemo);
 
 ```
 
-## 使用 Codegen（如本库已适配了 Codegen ）
+## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 

From 6a5aa38ae9c993296f295e0d4420eb6aa836a7cc Mon Sep 17 00:00:00 2001
From: kongchuiyu <kongchuiyu@h.partners.com>
Date: Tue, 2 Jul 2024 15:12:46 +0800
Subject: [PATCH 069/966] =?UTF-8?q?docs:=20[Issues:=20#I9TNRW]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-pickers=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-pickers.md | 337 ++++++++++++++++++++++++++++++++++
 1 file changed, 337 insertions(+)
 create mode 100644 zh-cn/react-native-pickers.md

diff --git a/zh-cn/react-native-pickers.md b/zh-cn/react-native-pickers.md
new file mode 100644
index 00000000..1ca16654
--- /dev/null
+++ b/zh-cn/react-native-pickers.md
@@ -0,0 +1,337 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-pickers</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/iberHK/react-native-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.isc.org/licenses/">
+        <img src="https://img.shields.io/badge/license-ISC-red.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/iberHK/react-native-picker)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-pickers@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-pickers@2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变
+
+```js
+import { View, Text, TouchableOpacity } from "react-native";
+import { BaseComponent, AreaPicker, DatePicker } from "react-native-pickers";
+
+var AreaJson = [
+  {
+    name: "香港",
+    city: [{ name: "香港", area: ["中西區", "灣仔區", "東區", "南區"] }],
+  },
+  {
+    name: "台灣",
+    city: [
+      {
+        name: "台灣",
+        area: ["臺北市", "高雄市", "臺北縣", "桃園縣", "新竹縣"],
+      },
+    ],
+  },
+  {
+    name: "澳門",
+    city: [
+      {
+        name: "澳門",
+        area: ["花地瑪堂區", "聖安多尼堂區", "大堂區", "望德堂區"],
+      },
+    ],
+  },
+];
+
+export default class MainPage extends BaseComponent {
+  constructor(props) {
+    super(props);
+    this.state = {
+      unit: ["年", "月", "日"],
+      startYear: 1900,
+      active: false,
+      modalVisible: false,
+    };
+  }
+
+  renderButton(text, callback) {
+    return (
+      <TouchableOpacity
+        onPress={callback.bind(this)}
+        style={{
+          width: this.getSize(180),
+          height: this.getSize(35),
+          justifyContent: "center",
+          alignItems: "center",
+          borderColor: "#999999",
+          borderWidth: this.mOnePixel,
+          padding: this.getSize(10),
+          backgroundColor: "#cccccc",
+          borderRadius: this.getSize(4),
+          marginBottom: this.getSize(20),
+        }}
+      >
+        <Text>{text}</Text>
+      </TouchableOpacity>
+    );
+  }
+
+  render() {
+    return (
+      <View
+        style={{
+          width: this.mScreenWidth,
+          height: this.mScreenHeight,
+          backgroundColor: "#f9fafb",
+          justifyContent: "center",
+          alignItems: "center",
+        }}
+      >
+        <View
+          style={{
+            width: this.mScreenWidth,
+            height: 60,
+            backgroundColor: 0x00000030,
+          }}
+        />
+        <View
+          style={{
+            flex: 1,
+            width: this.mScreenWidth,
+            justifyContent: "center",
+            alignItems: "center",
+          }}
+        >
+          {this.renderButton("行政区域picker", () => {
+            this.AreaPicker.show();
+          })}
+          {this.renderButton("DatePicker", () => {
+            this.DatePicker.show();
+          })}
+          <AreaPicker
+            areaJson={AreaJson}
+            onPickerCancel={() => {}}
+            onPickerConfirm={(value) => {
+              alert(JSON.stringify(value));
+            }}
+            ref={(ref) => (this.AreaPicker = ref)}
+          />
+          <DatePicker
+            unit={this.state.unit}
+            startYear={this.state.startYear}
+            onPickerConfirm={(value) => {
+              alert(JSON.stringify(value));
+            }}
+            onPickerCancel={() => {
+              alert("cancel");
+            }}
+            ref={(ref) => (this.DatePicker = ref)}
+          />
+        </View>
+      </View>
+    );
+  }
+}
+```
+
+## Link
+
+本库依赖@react-native-oh-tpl/react-native-svg，如已在鸿蒙工程中引入过该库，则无需再次引入。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 IOS 或 Android 的效果。
+
+### AlertDialog
+
+| Name             | Description                                           | Type     | Required | Platform | HarmonyOS Support |
+| ---------------- | ----------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| messageText      | 消息文本                                              | string   | no       | All      | yes               |
+| messageTextColor | 消息文本字体颜色                                      | string   | no       | All      | yes               |
+| messageTextSize  | 消息文本字体大小                                      | number   | no       | All      | yes               |
+| negativeText     | 取消文本                                              | string   | no       | All      | yes               |
+| negativeColor    | 取消文本颜色                                          | string   | no       | All      | yes               |
+| negativeSize     | 取消文本字体大小                                      | number   | no       | All      | yes               |
+| positiveText     | 确定文本                                              | string   | no       | All      | yes               |
+| positiveColor    | 确定文本颜色                                          | string   | no       | All      | yes               |
+| positiveSize     | 确定文本字体大小                                      | number   | no       | All      | yes               |
+| onPress          | `positive(确定)返回true` or `negative(取消)返回false` | function | no       | All      | yes               |
+
+### AreaPicker
+
+| Name              | Description                        | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ---------------------------------- | -------- | -------- | -------- | ----------------- |
+| selectedValue     | 选中                               | Arrays<string\|object>   | no       | All      | yes               |
+| areaJson          | 地址数据源                         | json     | no       | All      | yes               |
+| confirmText       | 确定选择文本                       | string   | no       | All      | yes               |
+| confirmTextSize   | 确定选择文本字体大小               | number   | no       | All      | yes               |
+| confirmTextColor  | 确定选择字体颜色                   | string   | no       | All      | yes               |
+| cancelText        | 取消选择文本                       | string   | no       | All      | yes               |
+| cancelTextSize    | 取消选择文本字体大小               | number   | no       | All      | yes               |
+| cancelTextColor   | 取消选择文本字体颜色               | string   | no       | All      | yes               |
+| itemTextColor     | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemSelectedColor | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemHeight        | item 高度                          | string   | no       | All      | yes               |
+| onPickerCancel    | 取消选择回调                       | function | no       | All      | yes               |
+| onPickerConfirm   | 确认选择回调                       | function | no       | All      | yes               |
+
+### DatePicker
+
+| Name              | Description                        | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ---------------------------------- | -------- | -------- | -------- | ----------------- |
+| itemTextColor     | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemSelectedColor | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| onPickerCancel    | 取消选择回调                       | function | no       | All      | yes               |
+| onPickerConfirm   | 确认选择回调                       | function | no       | All      | yes               |
+| unit              | 单位                               | Arrays<string\|object>   | no       | All      | yes               |
+| selectedValue     | 选中                               | string   | no       | All      | yes               |
+| startYear         | 起始年份                           | number   | no       | All      | yes               |
+| endYear           | 截至年份                           | number   | no       | All      | yes               |
+| confirmText       | 确定选择文本                       | string   | no       | All      | yes               |
+| confirmTextSize   | 确定选择文本字体大小               | number   | no       | All      | yes               |
+| confirmTextColor  | 确定选择文本字体颜色               | string   | no       | All      | yes               |
+| cancelText        | 取消选择文本                       | string   | no       | All      | yes               |
+| cancelTextSize    | 取消选择文本字体大小               | number   | no       | All      | yes               |
+| cancelTextColor   | 取消选择文本字体颜色               | string   | no       | All      | yes               |
+| itemHeight        | item 高度                          | number   | no       | All      | yes               |
+| HH                | 是否显示小时                       | boolean  | no       | All      | yes               |
+| mm                | 是否显示分钟                       | boolean  | no       | All      | yes               |
+| ss                | 是否显示秒                         | boolean  | no       | All      | yes               |
+
+### DownloadDialog
+
+| Name           | Description      | Type     | Required | Platform | HarmonyOS Support |
+| -------------- | ---------------- | -------- | -------- | -------- | ----------------- |
+| title          | 标题文本         | string   | no       | All      | yes               |
+| titleColor     | 标题文本字体大小 | string   | no       | All      | yes               |
+| titleSize      | 标题文本文本颜色 | number   | no       | All      | yes               |
+| active         | 按钮是否可点击   | string   | no       | All      | yes               |
+| actionText     | 按钮文本         | string   | no       | All      | yes               |
+| onAction       | 点击按钮回调     | function | no       | All      | yes               |
+| totalTextColor | 总数文本字体颜色 | string   | no       | All      | yes               |
+| totalTextSize  | 总数文本字体大小 | number   | no       | All      | yes               |
+
+### InputDialog
+
+| Name         | Description        | Type     | Required | Platform | HarmonyOS Support |
+| ------------ | ------------------ | -------- | -------- | -------- | ----------------- |
+| title        | 标题文本           | string   | no       | All      | yes               |
+| titleSize    | 标题文本字体大小   | number   | no       | All      | yes               |
+| titleColor   | 标题文本文本颜色   | string   | no       | All      | yes               |
+| cancelText   | 取消文本           | string   | no       | All      | yes               |
+| cancelSize   | 取消文本字体大小   | number   | no       | All      | yes               |
+| cancelColor  | 取消文本字体颜色   | string   | no       | All      | yes               |
+| btnText      | 提交文本           | string   | no       | All      | yes               |
+| btnTextSize  | 提交文本字体大小   | number   | no       | All      | yes               |
+| btnTextColor | 提交文本字体颜色   | string   | no       | All      | yes               |
+| btnBgColor   | 提交按钮颜色       | string   | no       | All      | yes               |
+| placeholder  | 输入框提示语       | string   | no       | All      | yes               |
+| onSubmit     | 返回输入的文本内容 | function | no       | All      | yes               |
+
+### BaseDialog
+
+| Name              | Description                                                     | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| removeSubviews    | dismiss，是否回收前景控件，拓展出来的子控件，不要动态设置改属性 | boolean  | no       | All      | yes               |
+| coverClickable    | 背景点击隐藏                                                    | boolean  | no       | All      | yes               |
+| onCoverPress      | 点击背景，dismiss 回调                                          | function | no       | All      | yes               |
+| showAnimationType | 入场动画方式 spring timing                                      | function | no       | All      | yes               |
+
+### PickerView
+
+| Name              | Description                        | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ---------------------------------- | -------- | -------- | -------- | ----------------- |
+| itemTextColor     | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemSelectedColor | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemHeight        | item 高度                          | number   | no       | All      | yes               |
+| onPickerSelected  | 选中时回调                         | function | no       | All      | yes               |
+| selectedIndex     | 选中                               | number   | no       | All      | yes               |
+
+### SimpleChooseDialog
+
+| Name              | Description                                                                                                                    | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| items             | 列表数据，可以 string、object (需要指定 itemKey)                                                                               | Arrays<string\|object>   | no       | All      | yes               |
+| itemKey           | 当 item 为 object 时，来指定显示的属性 items:[{id:0, value: 'v1'},{id:0, value: 'v1'}]itemKey 设为'value',则等同于['v1', 'v2'] | string   | no       | All      | yes               |
+| itemStyle         | 列表文字样式                                                                                                                   | object   | no       | All      | yes               |
+| selectColor       | 选中颜色                                                                                                                       | string   | no       | All      | yes               |
+| normalColor       | 未选中颜色                                                                                                                     | string   | no       | All      | yes               |
+| pointSize         | 左侧选中标识大小                                                                                                               | number   | no       | All      | yes               |
+| pointBorderRadius | 左侧选中标识边框弧度                                                                                                           | string   | no       | All      | yes               |
+| confirmText       | 确定选择文本                                                                                                                   | string   | no       | All      | yes               |
+| confirmBtnColor   | 确定选择按钮颜色                                                                                                               | string   | no       | All      | yes               |
+| confirmTextColor  | 确定选择文本颜色                                                                                                               | string   | no       | All      | yes               |
+| onPress           | 返回选中 index                                                                                                                 | function | no       | All      | yes               |
+
+### SimpleItemsDialog
+
+| Name            | Description                                                                                                                     | Type     | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| items           | 列表数据，可以 string、object(需要指定 itemKey)                                                                                 | Arrays<string\|object>   | no       | All      | yes               |
+| itemKey         | 当 item 为 object 时，来指定显示的属性 items:[{id:0, value: 'v1'},{id:0, value: 'v1'}] itemKey 设为'value',则等同于['v1', 'v2'] | string   | no       | All      | yes               |
+| itemStyle       | 列表文字样式                                                                                                                    | object   | no       | All      | yes               |
+| onPress         | 返回选中 index                                                                                                                  | function | no       | All      | yes               |
+| cancel          | 是否在列表最后 增加 ‘取消’ 项                                                                                                   | string   | no       | All      | yes               |
+| cancelText      | 取消项文本                                                                                                                      | string   | no       | All      | yes               |
+| cancelTextStyle | 取消文本字体样式                                                                                                                | object   | no       | All      | yes               |
+
+### ToastComponent
+
+| Name            | Description          | Type   | Required | Platform | HarmonyOS Support |
+| --------------- | -------------------- | ------ | -------- | -------- | ----------------- |
+| duration        | 显示时长（自动隐藏） | number | no       | All      | yes               |
+| textColor       | message 字体颜色     | string | no       | All      | yes               |
+| fontSize        | message 字体大小     | number | no       | All      | yes               |
+| lineHeight      | message 字体行高     | number | no       | All      | yes               |
+| paddingH        | 水平 padding         | number | no       | All      | yes               |
+| paddingV        | 上下 padding         | number | no       | All      | yes               |
+| borderRadius    | 背景圆角             | number | no       | All      | yes               |
+| backgroundColor | 背景颜色             | string | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 657387ea84eb3cbad944d6b15825ca77b4fede0d Mon Sep 17 00:00:00 2001
From: Inkmu <sunxiangen@h-partners.com>
Date: Tue, 2 Jul 2024 17:06:03 +0800
Subject: [PATCH 070/966] =?UTF-8?q?docs:=20[Issues:=20#IA74PU]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-file-viewer=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-file-viewer.md | 260 ++++++++++++++++++++++++++++++
 1 file changed, 260 insertions(+)
 create mode 100644 zh-cn/react-native-file-viewer.md

diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md
new file mode 100644
index 00000000..899d9420
--- /dev/null
+++ b/zh-cn/react-native-file-viewer.md
@@ -0,0 +1,260 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-file-viewer
+</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vinzscam/react-native-file-viewer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/vinzscam/react-native-file-viewer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-viewer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-file-viewer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-file-viewer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { StyleSheet, ScrollView, Text, TouchableOpacity } from "react-native";
+import DocumentPicker from "react-native-document-picker";
+import FileViewer from "react-native-file-viewer";
+
+export function FlieViewerExample() {
+	const FileViewerTest = async (option?: any) => {
+		try {
+			// 使用react-native-document-picker来选择本地文件进行打开
+			const res: any = await DocumentPicker.pick({
+				type: [DocumentPicker.types.allFiles]
+			});
+			// uri 为本地文件绝对路径
+			await FileViewer?.open(res[0].uri, option);
+		} catch (e) {
+			// error
+		}
+	};
+
+	const onDismissCb = () => {
+		// do sth ...
+	};
+
+	return (
+		<ScrollView style={{ backgroundColor: "skyblue" }}>
+			<TouchableOpacity onPress={() => FileViewerTest()} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest("show_displayName string")} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (displayName str)</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest({ displayName: "show_displayName option" })} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (displayName opt)</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest({ showOpenWithDialog: true, onDismiss: onDismissCb })} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (onDismiss)</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest({ showOpenWithDialog: true })} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (showOpenWithDialog)</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest({ showAppsSuggestions: true })} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (showAppsSuggestions)</Text>
+			</TouchableOpacity>
+		</ScrollView>
+	);
+}
+
+const styles = StyleSheet.create({
+	TextInput: {
+		height: 40,
+		borderColor: "#ccc",
+		borderWidth: 1,
+		borderRadius: 4,
+		width: "90%"
+	},
+	btn: {
+		borderRadius: 10,
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		padding: 10,
+		margin: 10,
+		backgroundColor: "blue"
+	},
+	btnText: {
+		fontWeight: "bold",
+		color: "#fff",
+		fontSize: 20
+	},
+	selectBtn: {
+		padding: 8,
+		margin: 3,
+		fontSize: 18,
+		borderWidth: 1,
+		borderRadius: 8,
+		borderColor: "#753c13"
+	},
+	selectBtnActive: {
+		padding: 8,
+		margin: 3,
+		backgroundColor: "#e2803b",
+		fontSize: 18,
+		borderRadius: 8,
+		borderWidth: 1
+	}
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-file-viewer": "file:../../node_modules/@react-native-oh-tpl/react-native-file-viewer/harmony/file_viewer.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNFileViewerTurboModule Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { RNFileViewerPackage } from '@react-native-oh-tpl/react-native-file-viewer/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNFileViewerPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### `open(filepath: string, options?: Object): Promise<void>`
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- |
+| **filepath** | The absolute path where the file is stored. The file needs to have a valid extension to be successfully detected. Use [react-native-fs constants](https://github.com/itinance/react-native-fs#constants) to determine the absolute path correctly. | string | yes | All | yes |
+| **options** (optional) | Some options to customize the behaviour. See below. | Object | no | All | yes |
+
+#### Options
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- |
+| **displayName** (optional) | Customize the QuickLook title. | string | no | iOS | yes |
+| **onDismiss** (optional) | Callback invoked when the viewer is being dismissed. | function | no | All | partially |
+| **showOpenWithDialog** (optional) | If there is more than one app that can open the file, show an _Open With_ dialogue box. | boolean | no | Android | yes |
+| **showAppsSuggestions** (optional) | If there is not an installed app that can open the file, open the Play Store with suggested apps. | boolean | no | Android | partially |
+
+## 遗留问题
+
+- [ ] HarmonyOS端暂不支持关闭预览窗口的回调函数调用: [issue#1](https://github.com/react-native-oh-library/react-native-file-viewer/issues/1)
+- [ ] HarmonyOS端无法直接跳转到应用市场的推荐应用页，目前只能跳转到应用市场首页: [issue#1](https://github.com/react-native-oh-library/react-native-file-viewer/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/vinzscam/react-native-file-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From ca98cb489f00bed065a5a1ccccabd001615faed3 Mon Sep 17 00:00:00 2001
From: feng <fengbolun1@h-partners.com>
Date: Tue, 2 Jul 2024 18:45:10 +0800
Subject: [PATCH 071/966] =?UTF-8?q?docs:=20[Issues:=20#IAA1D5]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20react-native-code-push=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-code-push.md | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index df5a3d5e..93f1e605 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -336,6 +336,32 @@ build() {
 }
 ```
 
+打开`tester/harmony/entry/src/main/resources/base/element/string.json`，添加配置
+
+```diff
+{
+  "string": [
+   ...
++     {
++       "name": "Staging",
++       "value": "" //绑定服务平台，返回的测试环境的Key
++     },
++     {
++       "name": "Production",
++       "value": "" //绑定服务平台，返回的生产环境的Key
++     },
++     {
++       "name": "ServerUrl",
++       "value": "" //code-push-server服务地址
++     },
++     {
++       "name": "PublicKey",
++       "value": "PublicKey"
++     }
+  ]
+}
+```
+
 然后编译、运行即可。
 
 ## 约束与限制

From 03c9f6942449ada25d5bb926c16649b73fd330dc Mon Sep 17 00:00:00 2001
From: hewei <hewei203@h-partners.com>
Date: Wed, 3 Jul 2024 09:39:45 +0800
Subject: [PATCH 072/966] =?UTF-8?q?docs:=20[Issues:=20#IA88K5]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-tts=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-tts.md | 417 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 417 insertions(+)
 create mode 100644 zh-cn/react-native-tts.md

diff --git a/zh-cn/react-native-tts.md b/zh-cn/react-native-tts.md
new file mode 100644
index 00000000..f93af3e7
--- /dev/null
+++ b/zh-cn/react-native-tts.md
@@ -0,0 +1,417 @@
+<!-- {% raw %} -->
+>  模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-tts</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ak1394/react-native-tts">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ak1394/react-native-tts/blob/master/README.md#license">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tts)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-tts@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-tts@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {Text, StyleSheet, ScrollView} from 'react-native';
+import {Tester, TestSuite, TestCase} from '@rnoh/testerino';
+import Tts, {TtsEvents} from 'react-native-tts';
+
+const speakText = `炎炎夏日，阳光如烈火般炙烤大地。`;
+
+const speakText2 = `秋天，一抹深沉的金黄漫过天际，叶片如蝶般飘零。微风拂过，树叶沙沙作响，落叶编织地面的金色地毯。秋天的色彩斑斓而美丽，仿佛大自然为世界穿上一袭金黄的盛装，宁静而充满生机。`;
+
+type SetStateProps = React.Dispatch<React.SetStateAction<boolean>>;
+
+type fnBackProps = Promise<boolean | string | number | void>;
+
+export default function TTSDemo() {
+  const eventTypes: TtsEvents[] = [
+    'tts-start',
+    'tts-finish',
+    'tts-error',
+    'tts-cancel',
+    'tts-progress',
+  ];
+
+  const caseAddEventList = eventTypes.map(event => {
+    return {
+      describe: `addEventListener（${event}）`,
+      cn: '添加事件监听',
+      key: `addEventListener （${event}）`,
+      name: 'addEventListener',
+      value: event,
+      defineFn: (setState?: SetStateProps) => {
+        Tts.addEventListener(event, () => {
+          setState?.(true);
+        });
+      },
+    };
+  });
+
+  const caseRemoveEventList = eventTypes.map(event => {
+    return {
+      describe: `removeEventListener（${event}）`,
+      cn: '移除事件监听',
+      key: `removeEventListener （${event}）`,
+      name: 'removeEventListener',
+      value: event,
+      defineFn: (setState?: SetStateProps) => {
+        Tts.removeEventListener(event, () => {
+          setState?.(true);
+        });
+      },
+    };
+  });
+
+  const caseList = [
+    {
+      describe: 'getInitStatus',
+      cn: '获取初始化状态',
+      key: 'getInitStatus',
+      name: 'getInitStatus',
+      value: '',
+      fn: (): fnBackProps => Tts.getInitStatus(),
+    },
+    {
+      describe: 'speak（short）',
+      cn: '合成语音并播放',
+      key: 'speak_a',
+      name: 'speak',
+      value: speakText,
+      defineFn: (setState?: SetStateProps) => {
+        const id = Tts.speak(speakText);
+        setState?.(!!id);
+      },
+    },
+    {
+      describe: 'speak（long）',
+      cn: '合成语音并播放',
+      key: 'speak_b',
+      name: 'speak',
+      value: speakText2,
+      defineFn: (setState?: SetStateProps) => {
+        const id = Tts.speak(speakText2);
+        setState?.(!!id);
+      },
+    },
+    {
+      describe: 'stop',
+      cn: '结束播放',
+      key: 'stop',
+      name: 'stop',
+      value: false,
+      fn: (): fnBackProps => Tts.stop(false),
+    },
+    {
+      describe: 'pause',
+      cn: '暂停播放',
+      key: 'pause',
+      name: 'pause',
+      value: false,
+      fn: (): fnBackProps => Tts.pause(false),
+    },
+    {
+      describe: 'resume',
+      cn: '继续播放',
+      key: 'resume',
+      name: 'resume',
+      value: '',
+      fn: (): fnBackProps => Tts.resume(),
+    },
+    {
+      describe: 'setDefaultRate（2）',
+      cn: '设置默认语速，语速为2',
+      key: 'setDefaultRate(2)',
+      name: 'setDefaultRate',
+      value: 2,
+      fn: (): fnBackProps => Tts.setDefaultRate(2),
+    },
+    {
+      describe: 'setDefaultRate（0.5）',
+      cn: '设置默认语速，语速为0.5',
+      key: 'setDefaultRate(0.5)',
+      name: 'setDefaultRate',
+      value: 0.5,
+      fn: (): fnBackProps => Tts.setDefaultRate(0.5),
+    },
+    {
+      describe: 'setDefaultPitch(2)',
+      cn: '设置默认音调',
+      key: 'setDefaultPitch(2)',
+      name: 'setDefaultPitch',
+      value: 2,
+      fn: (): fnBackProps => Tts.setDefaultPitch(2),
+    },
+    {
+      describe: 'setDefaultPitch(0.5)',
+      cn: '设置默认音调',
+      key: 'setDefaultPitch(0.5)',
+      name: 'setDefaultPitch',
+      value: 0.5,
+      fn: (): fnBackProps => Tts.setDefaultPitch(0.5),
+    },
+    {
+      describe: 'voices',
+      cn: '获取音色列表',
+      key: 'voices',
+      name: 'voices',
+      value: '',
+      defineFn: (setState?: SetStateProps) => {
+        Tts.voices().then(res => {
+          setState?.(!!res.length);
+        });
+      },
+    },
+    ...caseAddEventList,
+    ...caseRemoveEventList,
+  ];
+  return (
+    <Tester>
+      <ScrollView>
+        <TestSuite name="react-native-tts">
+          <TestCase tags={['C_API']} itShould="error回调专用">
+            <Text
+              style={styles.button}
+              onPress={() => {
+                Tts.speak(123);
+              }}>
+              触发异常
+            </Text>
+          </TestCase>
+          {caseList.map(item => {
+            return (
+              <TestCase
+                tags={['C_API']}
+                itShould={item.describe + `（${item.cn}）`}
+                initialState={false}
+                key={item.key}
+                arrange={({setState}) => {
+                  return (
+                    <Text
+                      style={styles.button}
+                      onPress={() =>
+                        item.defineFn
+                          ? item.defineFn(setState)
+                          : item.fn().then(() => setState(true))
+                      }>
+                      {item.name}
+                    </Text>
+                  );
+                }}
+                assert={async ({expect, state}) => {
+                  expect(state).to.be.true;
+                }}
+              />
+            );
+          })}
+        </TestSuite>
+        <Text style={{marginBottom: 100}}></Text>
+      </ScrollView>
+    </Tester>
+  );
+}
+
+const styles = StyleSheet.create({
+  constainer: {
+    flex: 1,
+  },
+  content: {
+    flex: 1,
+    display: 'flex',
+  },
+  btnWrap: {
+    width: 'auto',
+    backgroundColor: 'gray',
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    paddingLeft: 20,
+  },
+  text: {
+    padding: 20,
+    fontSize: 20,
+    color: 'white',
+  },
+  title: {
+    padding: 10,
+    fontSize: 30,
+    textAlign: 'center',
+  },
+  button: {
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    backgroundColor: 'hsl(193, 95%, 68%)',
+    borderWidth: 2,
+    borderColor: 'hsl(193, 95%, 30%)',
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-tts": "file:../../node_modules/@react-native-oh-tpl/react-native-tts/harmony/rn_tts.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNTTSPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { RNTTSPackage } from '@react-native-oh-tpl/react-native-tts/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNTTSPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                             | Type     | Required | Platform | HarmonyOS Support |
+| --------------------- | ----------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| getInitStatus         | Returns a promise that resolves when the TTS engine is initialized.     | Function | No       | No       | All               |
+| requestInstallEngine  | Requests installation of the TTS engine if not already installed.       | Function | No       | android  | no                |
+| requestInstallData    | Requests installation of the TTS data if not already installed.         | Function | No       | android  | no                |
+| setDucking            | Sets whether the TTS engine should duck other audio when speaking.      | Function | No       | All      | no                |
+| setDefaultEngine      | Sets the default TTS engine.                                            | Function | No       | android  | no                |
+| setDefaultVoice       | Sets the default voice for the TTS engine.                              | Function | No       | All      | no                |
+| setDefaultRate        | Sets the default speech rate for the TTS engine.                        | Function | No       | All      | yes               |
+| setDefaultPitch       | Sets the default pitch for the TTS engine.                              | Function | No       | All      | yes               |
+| setDefaultLanguage    | Sets the default language for the TTS engine.                           | Function | No       | All      | no                |
+| setIgnoreSilentSwitch | Function                                                                | No       | ios      | no       |
+| voices                | Retrieves a list of available voices from the TTS engine.               | Function | No       | All      | yes               |
+| engines               | Retrieves a list of available TTS engines.                              | Function | No       | android  | no                |
+| speak                 | Speaks the given utterance and returns a promise with the utterance ID. | Function | No       | All      | yes               |
+| stop                  | Stops the current TTS utterance.                                        | Function | No       | All      | yes               |
+| pause                 | Pause the current TTS utterance.                                        | Function | No       | All      | yes               |
+| resume                | Resume the current TTS utterance.                                       | Function | No       | All      | yes               |
+| addEventListener      | Adding an Event Listener                                                | Function | No       | All      | yes               |
+| removeEventListener   | Remove Event Listener                                                   | Function | No       | All      | yes               |
+
+## 遗留问题
+
+- [ ] 三方引擎相关功能无法实现的问题：[issue#2](https://github.com/react-native-oh-library/react-native-tts/issues/2)
+- [ ] 语言类型只支持中文的问题：[issue#3](https://github.com/react-native-oh-library/react-native-tts/issues/3)
+- [ ] setDucking无法实现的问题：[issue#4](https://github.com/react-native-oh-library/react-native-tts/issues/4)
+- [ ] setIgnoreSilentSwitch无法实现的问题：[issue#5](https://github.com/react-native-oh-library/react-native-tts/issues/5)
+- [ ] setDefaultVoice无法实现的问题：[issue#6](https://github.com/react-native-oh-library/react-native-tts/issues/6)
+- [ ] 边合成边播放的问题：[issue#7](https://github.com/react-native-oh-library/react-native-tts/issues/7)
+- [ ] 参数skipTransform、onWordBoundary无效的问题：[issue#8](https://github.com/react-native-oh-library/react-native-tts/issues/8)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ak1394/react-native-tts/blob/master/README.md#license)，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From c8f4080c4614d27870e8354051345697dbcd981d Mon Sep 17 00:00:00 2001
From: meimei0321 <dengzimei@h-partners.com>
Date: Wed, 19 Jun 2024 10:32:09 +0800
Subject: [PATCH 073/966] =?UTF-8?q?docs:=20[Issues:=20#IA6DIE]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-bindingx=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-bindingx.md | 296 +++++++++++++++++++++++++++++++++
 1 file changed, 296 insertions(+)
 create mode 100644 zh-cn/react-native-bindingx.md

diff --git a/zh-cn/react-native-bindingx.md b/zh-cn/react-native-bindingx.md
new file mode 100644
index 00000000..2d1a3098
--- /dev/null
+++ b/zh-cn/react-native-bindingx.md
@@ -0,0 +1,296 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-bindingx</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/alibaba/bindingx">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/alibaba/bindingx/blob/master/LICENSE.md">
+       <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bindingx)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-bindingx@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-bindingx@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import ReactBindingXModule from 'react-native-bindingx'    
+
+
+onBind() {
+
+        let anchor = findNodeHandle(this.refs._anchor);
+        this._token = ReactBindingXModule.bind({
+            eventType: 'orientation',
+            options: {
+                sceneType: '2d'
+            },
+            props: [
+                {
+                    element: anchor,
+                    property: 'transform.translateX',
+                    expression: 'x+0'
+                },
+                {
+                    element: anchor,
+                    property: 'transform.translateY',
+                    expression: 'y+0'
+                }
+            ]
+        });
+    }
+
+    onUnBind() {
+        ReactBindingXModule.unbind({
+            token:this._token,
+            eventType: 'orientation'
+        });
+    }
+
+
+render() {
+        return (
+            <View style={styles.container}>
+
+                <TouchableHighlight
+                    onPress={() => { this.onBind() }}
+                    style={styles.button}
+                >
+                    <Text style={styles.text}>Bind</Text>
+                </TouchableHighlight>
+
+                <TouchableHighlight
+                    onPress={() => { this.onUnBind() }}
+                    style={styles.button}
+                >
+                    <Text style={styles.text}>Unbind</Text>
+                </TouchableHighlight>
+
+                <View style={{
+                    width: 240,
+                    height: 240,
+                    backgroundColor: '#0000ff',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    marginTop: 20,
+                    marginLeft: 80
+                }}>
+                    <Animated.View ref="_anchor"
+                        style={{
+                            width: 100,
+                            height: 100,
+                            backgroundColor: '#00ff00',
+                            justifyContent: 'center',
+                            alignItems: 'center'
+                        }}>
+                            <Text style={styles.text}>Target</Text>
+                    </Animated.View>
+                </View>
+
+            </View>
+        );
+    }
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-bindingx": "file:../../node_modules/@react-native-oh-tpl/react-native-bindingx/harmony/bindingx.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 ReactBindingXPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-bindingx/src/main/cpp" ./bindingx)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_bindingx)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ReactBindingXPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<ReactBindingXPackage>(ctx),
+    };
+}
+...
+```
+
+
+### 在 ArkTs 侧引入 ReactBindingXPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {ReactBindingXPackage} from '@react-native-oh-tpl/react-native-bindingx/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ReactBindingXPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+| bind              | Build a specific event type of binding instance. When the event is triggered, corresponding expression will be executed and touch off transform in specified element.         | string          | yes      | IOS/Android     |      yes           |
+| unbind            | unbind specified binding instance.                                                                                                                                            | void            | yes      | IOS/Android     |      yes           |
+| unbindAll         | unbind all binding instance                                                                                                                                                   | void            | yes      | IOS/Android     |      yes           |
+| prepare           | launch bind. This method is only useful for pan type binding.                                                                                                                 | void            | yes      | IOS/Android     |      yes           |
+| getComputedStyle  | get styles of specified view.                                                                                                                                                 | Promise<string> | yes      | IOS/Android     |      yes           |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License2.0](https://github.com/alibaba/bindingx/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From d7246cd9069d23453d4bab9a9dda0ed7c137a61e Mon Sep 17 00:00:00 2001
From: liqi <liqi219@h-partners.com>
Date: Tue, 2 Jul 2024 11:34:33 +0800
Subject: [PATCH 074/966] =?UTF-8?q?docs:=20[#IA9UQP]=20=E5=88=A0=E9=99=A4s?=
 =?UTF-8?q?hopify-flash-list=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=ADa?=
 =?UTF-8?q?rkTS=E7=89=88=E6=9C=AC=E7=9A=84=E5=BC=95=E7=94=A8=E6=96=B9?=
 =?UTF-8?q?=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/shopify-flash-list.md | 56 -------------------------------------
 1 file changed, 56 deletions(-)

diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index abf207f8..ac99d98f 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -173,62 +173,6 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 FlashList 组件（若需要运行 ArkTs 版本）
-
-> [!WARNING] Deprecated！该库已接入 CAPI。
-
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-...
-+ import { RNAutoLayoutView, FLASH_LIST_TYPE } from "@react-native-oh-tpl/flash-list"
-+ import { RNCellContainer, CELL_CONTAINER_TYPE } from "@react-native-oh-tpl/flash-list"
-
-  @Builder
-  function buildCustomComponent(ctx: ComponentBuilderContext) {
-    if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-      SampleView({
-        ctx: ctx.rnComponentContext,
-        tag: ctx.tag,
-        buildCustomComponent: buildCustomRNComponent
-      })
-    }
-+   else if (ctx.componentName === FLASH_LIST_TYPE) {
-+     RNAutoLayoutView({
-+       ctx: ctx.rnComponentContext,
-+       tag: ctx.tag,
-+       buildCustomComponent: buildCustomRNComponent
-+     })
-+   } else if (ctx.componentName === CELL_CONTAINER_TYPE) {
-+     RNCellContainer({
-+       ctx: ctx.rnComponentContext,
-+       tag: ctx.tag,
-+       buildCustomComponent: buildCustomRNComponent
-+     })
-+   }
-
-    ...
-  }
-  ...
-```
-
-### 在 ArkTs 侧引入 FlashListPackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
-
-```diff
-...
-+ import {FlashListPackage} from '@react-native-oh-tpl/flash-list';
-
-export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
-  return [
-    new SamplePackage(ctx),
-+   new FlashListPackage(ctx)
-  ];
-}
-```
-
-
 ### 运行
 
 点击右上角的 `sync` 按钮

From 6e29e13e71d37c9fdf2cc7e2e320985f2ead489c Mon Sep 17 00:00:00 2001
From: dingyuanjie <911260800@qq.com>
Date: Wed, 3 Jul 2024 10:02:06 +0800
Subject: [PATCH 075/966] =?UTF-8?q?docs:=20[Issues:=20#IA8FT2]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-date-picker=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-date-picker.md | 227 ++++++++++++++++++++++++++++++
 1 file changed, 227 insertions(+)
 create mode 100644 zh-cn/react-native-date-picker.md

diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
new file mode 100644
index 00000000..76ff0071
--- /dev/null
+++ b/zh-cn/react-native-date-picker.md
@@ -0,0 +1,227 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-date-picker</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/henninghall/react-native-date-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-date-picker)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-date-picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-date-picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react'
+import { Button } from 'react-native'
+import DatePicker from 'react-native-date-picker'
+
+export default () => {
+  const [date, setDate] = useState(new Date())
+  const [open, setOpen] = useState(false)
+
+  return (
+    <>
+      <Button title="Open" onPress={() => setOpen(true)} />
+      <DatePicker
+        modal
+        open={open}
+        date={date}
+        onConfirm={(date) => {
+          setOpen(false)
+          setDate(date)
+        }}
+        onCancel={() => {
+          setOpen(false)
+        }}
+      />
+    </>
+  )
+}
+
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-date-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-date-picker/harmony/date_picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 NativeDatePickerView 组件
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
++ import { NativeDatePickerView } from "@react-native-oh-tpl/react-native-date-picker"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++ if (ctx.componentName === NativeDatePickerView.Name) {
++   NativeDatePickerView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++   })
++ }
+ ...
+}
+...
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)
+
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| props  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| date | The currently selected date.   | Date  | yes |     all  |       yes|
+| onDateChange | Date change handler ( Inline only )   |  (date: Date) => void  | yes |     all  |       yes|
+| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | yes |     all  |       partially|
+| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | yes |     all  |       partially|
+| mode | The date picker mode. "datetime", "date", "time"   | “'date' \|'time' \| 'datetime'”  | yes |     all  |       yes|
+| onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | yes |     all  |       yes|
+| onCancel | odal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | yes |     all  |       yes|
+| is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | yes |     all  |       yes|
+| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | yes |     all  |       no|
+| open | Modal only: Boolean indicating if modal should be open.   | boolean  | yes |     all  |       yes|
+| minuteInterval | The interval at which minutes can be selected.   | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \|  10 \|  12 \| 15 \|  20 \| 30  | yes |     all  |       no|
+| title | Modal only: Title text. Can be set to null to remove text.   | string  | yes |     all  |       no|
+| confirmText | Modal only: Confirm button text   | string  | yes |     all  |       no|
+| cancelText | Modal only: Cancel button text.   | string  | yes |     all  |       no|
+| theme | Modal only: The theme of the modal. "light", "dark", "auto". Defaults to "auto".   | 'light' \| 'dark' \| 'auto'  | yes |     all  |       no|
+| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | yes |     all  |       no|
+| dividerColor | Color of the divider / separator. (android only)   | string  | yes |     all  |       no|
+| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | yes |     all  |       no|
+| locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a Locale ID.   | string  | yes |     all  |       no|
+| timeZoneOffsetInMinutes | imezone offset in minutes (default: device's timezone)   | number  | yes |     all  |       no|
+
+
+## 遗留问题
+ 
+- [X]  不支持属性confirmText[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
+- [X]  不支持属性cancelText[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
+- [X]  不支持属性theme[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
+- [X]  不支持属性buttonColor[issue#14](https://github.com/react-native-oh-library/react-native-date-picker/issues/14)
+- [X]  不支持属性dividerColor[issue#15](https://github.com/react-native-oh-library/react-native-date-picker/issues/15)
+- [X]  不支持属性onStateChange[issue#16](https://github.com/react-native-oh-library/react-native-date-picker/issues/16)
+- [X]  不支持属性locale[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
+- [X]  不支持属性timeZoneOffsetInMinutes[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
+- [X]  当属性mode属性为datetime时，不支持maximumDate属性。[issue#19](https://github.com/react-native-oh-library/react-native-date-picker/issues/19)
+- [X]  当属性mode属性为datetime时，不支持minimumDate属性。[issue#20](https://github.com/react-native-oh-library/react-native-date-picker/issues/20)
+- [X]  当属性modal为true，mode属性为datetime时，没有内联得datetime组件，目前是date和time上下组合排列。[issue#20](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
+- [X]  当属性modal属性为false时，不支持datetime属性。[issue#21](https://github.com/react-native-oh-library/react-native-date-picker/issues/21)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 526869196e6f3c3992b1891eabde52ca8422945b Mon Sep 17 00:00:00 2001
From: yangzhipeng <yangzhipeng27@h-partners.com>
Date: Wed, 3 Jul 2024 11:26:57 +0800
Subject: [PATCH 076/966] =?UTF-8?q?docs:=20[Issues:=20#IA80LM]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=20react-native-image-colors=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-colors.md | 354 +++++++++++++++++++++++++++++
 1 file changed, 354 insertions(+)
 create mode 100644 zh-cn/react-native-image-colors.md

diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md
new file mode 100644
index 00000000..709e6cc0
--- /dev/null
+++ b/zh-cn/react-native-image-colors.md
@@ -0,0 +1,354 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-colors</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/osamaqarem/react-native-image-colors">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20|%20expo%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/osamaqarem/react-native-image-colors/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-colors)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-colors@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-colors@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect, useState } from 'react'
+import {
+  Platform,
+  StyleSheet,
+  Text,
+  View,
+  Image,
+  SafeAreaView,
+  Button,
+} from 'react-native'
+import { getColors } from 'react-native-image-colors'
+
+const imgCat = require('./assets/images/cat.jpg')
+const yunaUrl = 'https://img0.baidu.com/it/u=1934875822,4119553331&fm=253&fmt=auto&app=138&f=JPEG?w=720&h=480'
+const base = 'data:image/jpeg;base64...'
+
+const initialState = {
+  colorOne: { value: '', name: '' },
+  colorTwo: { value: '', name: '' },
+  colorThree: { value: '', name: '' },
+  colorFour: { value: '', name: '' },
+  rawResult: '',
+}
+
+export default function demo() {
+  const [colors, setColors] = useState(initialState)
+  const fetchColors = async () => {
+    const result = await getColors(imgCat, {
+      fallback: '#000000',
+    })
+
+    switch (result.platform) {
+      case 'android':
+      case 'web':
+        setColors({
+          colorOne: { value: result.lightVibrant, name: 'lightVibrant' },
+          colorTwo: { value: result.dominant, name: 'dominant' },
+          colorThree: { value: result.vibrant, name: 'vibrant' },
+          colorFour: { value: result.darkVibrant, name: 'darkVibrant' },
+          rawResult: JSON.stringify(result),
+        })
+        break
+      case 'ios':
+        setColors({
+          colorOne: { value: result.background, name: 'background' },
+          colorTwo: { value: result.detail, name: 'detail' },
+          colorThree: { value: result.primary, name: 'primary' },
+          colorFour: { value: result.secondary, name: 'secondary' },
+          rawResult: JSON.stringify(result),
+        })
+        break
+      case 'harmony':
+        setColors({
+          colorOne: { value: result.mainColor, name: 'mainColor' },
+          colorTwo: { value: result.largestProportionColor, name: 'largestProportionColor' },
+          colorThree: { value: result.highestSaturationColor, name: 'highestSaturationColor' },
+          colorFour: { value: result.averageColor, name: 'averageColor' },
+          rawResult: JSON.stringify(result),
+        })
+        break
+      default:
+        throw new Error('Unexpected platform')
+    }
+  }
+
+  return (
+    <View style={styles.container}>
+      <SafeAreaView style={styles.resultContainer}>
+        <Text style={styles.loading}>Result:</Text>
+        <Button title='按钮' onPress={() => fetchColors() }></Button>
+        <Text style={styles.result}>{colors.rawResult}</Text>
+      </SafeAreaView>
+      <Image
+        resizeMode="contain"
+        style={styles.image}
+        source={ imgCat }
+      />
+      <View style={styles.row}>
+
+        <Box name={colors.colorOne.name} value={colors.colorOne.value} />
+        <Box name={colors.colorTwo.name} value={colors.colorTwo.value} />
+      </View>
+      <View style={styles.row}>
+        <Box name={colors.colorThree.name} value={colors.colorThree.value} />
+        <Box name={colors.colorFour.name} value={colors.colorFour.value} />
+      </View>
+    </View>
+  )
+}
+
+interface BoxProps {
+  value: string
+  name: string
+}
+
+const Box = ({ value, name }: BoxProps) => {
+  return (
+    <View
+      style={[
+        styles.box,
+        {
+          backgroundColor: value,
+        },
+      ]}
+    >
+      <Text style={styles.colorName}>{name}</Text>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  image: {
+    width: '100%',
+    height: 250,
+  },
+  colorName: {
+    backgroundColor: 'white',
+    padding: 4,
+    fontSize: 18,
+  },
+  box: {
+    flex: 1,
+    backgroundColor: 'red',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  row: {
+    flex: 1,
+    flexDirection: 'row',
+    width: '100%',
+  },
+  resultContainer: {
+    flex: 1,
+    padding: 20,
+    width: '100%'
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  loading: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  result: {
+    textAlign: 'center',
+    color: '#333333',
+  },
+})
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-colors": "file:../../node_modules/@react-native-oh-tpl/react-native-image-colors/harmony/image_colors.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNImageColorsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { RNImageColorsPackage } from "@react-native-oh-tpl/react-native-image-colors/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNImageColorsPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases)
+
+## API
+
+### ImageColors.getColors(uri: string, config?: Config): Promise
+
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                           | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------- | -------- | -------- | -------- | ----------------- |
+| getColors | Fetch prominent colors from an image. | Function | yes      | all      | yes               |
+
+
+### Uri
+
+A string which can be:
+
+| Name      | Description                           | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------- | -------- | -------- | -------- | ----------------- |
+| uri |  1. URL: [`https://i.imgur.com/O3XSdU7.jpg`](https://i.imgur.com/O3XSdU7.jpg);<br>2. Local file: const catImg = require('./images/cat.jpg');<br>3. Base64: const catImgBase64 = 'data:image/jpeg;base64,/9j/4Ri...' | string | yes      | all      | yes               |
+
+  > The mime type prefix for base64 is required (e.g. data:image/png;base64).
+
+### Config
+
+The config object is optional.
+
+| Property       | Description                                                                                                                                                                                    | Type                                                   | Default     | Supported platforms |
+| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | ----------- | ------------------- |
+| `fallback`     | If a color property couldn't be retrieved, it will default to this hex color string                                                         | `string`                                               | `"#000000"` | All                 |
+| `cache`        | Enables in-memory caching of the result - skip downloading the same image next time.                                                                                                           | `boolean`                                              | `false`     | All                 |
+| `key`          | Unique key to use for the cache entry. The image URI is used as the unique key by default. You should explicitly pass a key if you enable caching and you're using a base64 string as the URI. | `string`                                               | `undefined` | All                 |
+| `headers`      | HTTP headers to be sent along with the GET request to download the image                                                                                                                       | `Record<string, string>`                               | `undefined` | iOS, Android, harmonyOS        |
+| `pixelSpacing` | How many pixels to skip when iterating over image pixels. Higher means better performance (**note**: value cannot be lower than 1).                                                            | `number`                                               | `5`         | Android             |
+| `quality`      | Highest implies no downscaling and very good colors.                                                                                                                                           | `'lowest'` <br> `'low'` <br> `'high'` <br> `'highest'` | `"low"`     | iOS, Web, harmonyOS           |
+
+### ImageColorsResult
+
+Every result object contains a respective `platform` key to help narrow down the type.
+
+HarmonyImageColors
+
+| Property       | Type        |
+| -------------- | ----------- |
+| `mainColor`     | `string`   |
+| `largestProportionColor`      | `string`   |
+| `highestSaturationColor`      | `string`   |
+| `averageColor`  | `string`   |
+| `platform` | `harmony`   |
+
+
+## 遗留问题
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/osamaqarem/react-native-image-colors/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From d0e7569f30f43dc7696ae3dfea15d0f6f0494ad4 Mon Sep 17 00:00:00 2001
From: yangzx18 <yangzhixian5@h-partners.com>
Date: Wed, 3 Jul 2024 14:55:59 +0800
Subject: [PATCH 077/966] =?UTF-8?q?docs:=20[#IA7UOF]=20=E6=96=B0=E5=A2=9Er?=
 =?UTF-8?q?eact-native-doc-viewer=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-doc-viewer.md | 437 +++++++++++++++++++++++++++++++
 1 file changed, 437 insertions(+)
 create mode 100644 zh-cn/react-native-doc-viewer.md

diff --git a/zh-cn/react-native-doc-viewer.md b/zh-cn/react-native-doc-viewer.md
new file mode 100644
index 00000000..5560ba97
--- /dev/null
+++ b/zh-cn/react-native-doc-viewer.md
@@ -0,0 +1,437 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-doc-viewer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/philipphecht/react-native-doc-viewer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/philipphecht/react-native-doc-viewer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-doc-viewer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-doc-viewer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-doc-viewer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+  Platform,
+  Button,
+  Alert,
+  ActivityIndicator,
+  NativeAppEventEmitter,
+  DeviceEventEmitter,
+  NativeModules,
+  NativeEventEmitter,
+  TouchableHighlight
+} from 'react-native';
+import OpenFile from 'react-native-doc-viewer';
+var RNFS = require('react-native-fs');
+var SavePath = Platform.OS === 'ios' ? RNFS.MainBundlePath : RNFS.DocumentDirectoryPath;
+export default class DocumentViewerExample extends Component {
+ constructor(props) {
+    super(props);
+    this.state = {
+      animating: false,
+      progress: "",
+      donebuttonclicked: false,
+    }
+    this.eventEmitter = new NativeEventEmitter(NativeModules.RNReactNativeDocViewer);
+    this.eventEmitter.addListener('DoneButtonEvent', (data) => {
+      /*
+      *Done Button Clicked
+      * return true
+      */
+      console.log(data.close);
+      this.setState({donebuttonclicked: data.close});
+    })
+    this.didPressToObjcButton = this.didPressToObjcButton.bind(this);
+  }
+
+  componentDidMount(){
+    // download progress
+    this.eventEmitter.addListener(
+      'RNDownloaderProgress',
+      (Event) => {
+        console.log("Progress - Download "+Event.progress  + " %")
+        this.setState({progress: Event.progress + " %"});
+      }
+
+    );
+  }
+
+  componentWillUnmount (){
+    this.eventEmitter.removeListener();
+  }
+  /*
+  * Handle WWW File Method
+  * fileType Default == "" you can use it, to set the File Extension (pdf,doc,xls,ppt etc) when in the Url the File Extension is missing.
+  */
+  handlePress = () => {
+    this.setState({animating: true});
+    if(Platform.OS === 'ios'){
+      OpenFile.openDoc([{
+        url:"https://calibre-ebook.com/downloads/demos/demo.docx",
+        fileNameOptional:"test filename"
+      }], (error, url) => {
+         if (error) {
+          this.setState({animating: false});
+         } else {
+          this.setState({animating: false});
+           console.log(url)
+         }
+       })
+    }else{
+      this.setState({animating: true});
+      OpenFile.openDoc([{
+        url:"https://www.huf-haus.com/fileadmin/Bilder/Header/ART_3/Header_HUF_Haus_ART_3___1_.jpg", // Local "file://" + filepath
+        fileName:"sample",
+        cache:false,
+        fileType:"jpg"
+      }], (error, url) => {
+         if (error) {
+          this.setState({animating: false});
+           console.error(error);
+         } else {
+          this.setState({animating: false});
+           console.log(url)
+         }
+       })
+    }
+
+  }
+
+
+  /*
+  * Handle Local File Method
+  * fileType Default == "" you can use it, to set the File Extension (pdf,doc,xls,ppt etc) when in the Url the File Extension is missing.
+  */
+  handlePressLocal = () => {
+    this.setState({animating: true});
+    if(Platform.OS === 'ios'){
+        OpenFile.openDoc([{url:SavePath+"/react-native-logo.jpg",
+        fileNameOptional:"test filename"
+      }], (error, url) => {
+         if (error) {
+          this.setState({animating: false});
+         } else {
+          this.setState({animating: false});
+           console.log(url)
+         }
+       })
+    }else{
+      OpenFile.openDoc([{url:SavePath+"/demo.jpg",
+        fileName:"sample",
+        cache:false,
+        fileType:"jpg"
+      }], (error, url) => {
+         if (error) {
+          this.setState({animating: false});
+         } else {
+          this.setState({animating: false});
+           console.log(url)
+         }
+       })
+
+    }
+  }
+
+    handlePressLocalXLS = () => {
+      this.setState({animating: true});
+      if(Platform.OS === 'ios'){
+          OpenFile.openDoc([{url:SavePath+"/SampleXLSFile_19kb.xls",
+          fileNameOptional:"Sample XLS 94-2003"
+        }], (error, url) => {
+           if (error) {
+            this.setState({animating: false});
+           } else {
+            this.setState({animating: false});
+             console.log(url)
+           }
+         })
+      }else{
+        OpenFile.openDoc([{url:SavePath+"/demo.jpg",
+          fileName:"sample",
+          cache:false,
+          fileType:"jpg"
+        }], (error, url) => {
+           if (error) {
+            this.setState({animating: false});
+           } else {
+            this.setState({animating: false});
+             console.log(url)
+           }
+         })
+
+      }
+    }
+
+
+  /*
+  * Binary in URL
+  * Binary String in Url
+  * fileType Default == "" you can use it, to set the File Extension (pdf,doc,xls,ppt etc) when in the Url you dont have an File Extensions
+  */
+  handlePressBinaryinUrl = () => {
+    this.setState({animating: true});
+    if(Platform.OS === 'ios'){
+      OpenFile.openDocBinaryinUrl([{
+        url:"https://storage.googleapis.com/need-sure/example",
+        fileName:"sample",
+        fileType:"xml"
+      }], (error, url) => {
+          if (error) {
+            console.error(error);
+            this.setState({animating: false});
+          } else {
+            console.log(url)
+            this.setState({animating: false});
+          }
+        })
+    }else{
+      OpenFile.openDocBinaryinUrl([{
+        url:"https://storage.googleapis.com/need-sure/example",
+        fileName:"sample",
+        fileType:"xml",
+        cache:true
+      }], (error, url) => {
+          if (error) {
+            console.error(error);
+            this.setState({animating: false});
+          } else {
+            console.log(url)
+            this.setState({animating: false});
+          }
+        })
+    }
+  }
+
+  /*
+  * Base64String
+  * put only the base64 String without data:application/octet-stream;base64
+  * fileType Default == "" you can use it, to set the File Extension (pdf,doc,xls,ppt etc) when in the Url you dont have an File Extensions
+  */
+  handlePressb64 = () => {
+    if(Platform.OS === 'ios'){
+      OpenFile.openDocb64([{
+        base64:"{BASE64String}"
+        fileName:"sample",
+        fileType:"png"
+      }], (error, url) => {
+          if (error) {
+            console.error(error);
+          } else {
+            console.log(url)
+          }
+        })
+    }else{
+      OpenFile.openDocb64([{
+        base64:"{BASE64String}"
+        fileName:"sample",
+        fileType:"png",
+        cache:true
+      }], (error, url) => {
+          if (error) {
+            console.error(error);
+          } else {
+            console.log(url)
+          }
+        })
+    }
+
+    /*
+  * Video File
+  */
+  handlePressVideo = () => {
+    if(Platform.OS === 'ios'){
+      OpenFile.playMovie(video, (error, url) => {
+                if (error) {
+                    console.error(error);
+                } else {
+                    console.log(url)
+                }
+            })
+    }else{
+      Alert.alert("Android coming soon");
+    }
+  }
+
+
+  <Button
+          onPress={this.handlePress.bind(this)}
+          title="Press Me Open Doc Url"
+          accessibilityLabel="See a Document"
+        />
+        <Button
+          onPress={this.handlePressBinaryinUrl.bind(this)}
+          title="Press Me Open BinaryinUrl"
+          accessibilityLabel="See a Document"
+        />
+         <Button
+          onPress={this.handlePressLocal.bind(this)}
+          title="Press Me Open Doc Path"
+          accessibilityLabel="See a Document"
+        />
+        <Button
+          onPress={this.handlePressLocalXLS.bind(this)}
+          title="Press Me Open XLS DOC Path"
+          accessibilityLabel="See a Document"
+        />
+        <Button
+          onPress={this.handlePressb64.bind(this)}
+          title="Press Me Open Base64 String"
+          accessibilityLabel="See a Document"
+        />
+        <Button
+          onPress={()=>this.handlePressVideo("http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4")}
+          title="Press Me Open Video"
+          accessibilityLabel="See a Document"
+        />
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-doc-viewer": "file:../../node_modules/@react-native-oh-tpl/react-native-doc-viewer/harmony/doc_viewer.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 引入 DocViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { DocViewPackage } from "@react-native-oh-tpl/react-native-doc-viewer/ts"
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new DocViewPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                | Type     | Required | Platform | HarmonyOS Support |
+| ------------------ | -------------------------- | -------- | -------- | -------- | ----------------- |
+| openDoc            | 打开一个在线文档           | function | no       | All      | yes               |
+| openDocBinaryinUrl | 打开一个在线文档           | function | no       | All      | yes               |
+| openDocb64         | 将 base64 字符串打开为文档 | function | no       | All      | yes               |
+
+## 遗留问题
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/philipphecht/react-native-doc-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From ae0019920588affd6f01e0e5f8a0fac5770f4a72 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Wed, 3 Jul 2024 15:01:54 +0800
Subject: [PATCH 078/966] =?UTF-8?q?docs:=20[Issues:=20#IA9EOE]=20=E8=A1=A5?=
 =?UTF-8?q?=E5=85=85sentry-react-native=E8=83=BD=E5=8A=9B=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/sentry-react-native.md | 49 +++++++++++++++++++++++++-----------
 1 file changed, 35 insertions(+), 14 deletions(-)

diff --git a/zh-cn/sentry-react-native.md b/zh-cn/sentry-react-native.md
index a1fc8555..c52b24f9 100644
--- a/zh-cn/sentry-react-native.md
+++ b/zh-cn/sentry-react-native.md
@@ -1,8 +1,8 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>sentry-react-native</code> </h1>
+  <h1 align="center"> <code>@sentry/react-native</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/getsentry/sentry-react-native">
@@ -219,18 +219,39 @@ export default function SentryDemo() {
 
 常用api如下，详细请参考sentry官网: [https://docs.sentry.io/platforms/react-native/](https://docs.sentry.io/platforms/react-native/)
 
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| addBreadcrumb    | 错误详情面板添加面包屑. | function | No       | IOS/Android | yes               |
-| setUser       | 设置用户信息.       | function | No       | IOS/Android | yes  |
-| setContext       | 错误详情面板设置context.       | function | No       | IOS/Android | yes  |
-| setTag      | 设置标签.       | function | No       | IOS/Android | yes  |
-| captureMessage       | 主动上报消息.       | function | No       | IOS/Android | yes  |
-| captureException       | 主动上报错误.       | function | No       | IOS/Android | yes  |
-| captureUserFeedBack       | 上报用户反馈信息.       | function | No       | IOS/Android | yes  |
-| withScope       | 隔离上下文环境.       | function | No       | IOS/Android | yes  |
-| addAttachment       | 设置附件.       | function | No       | IOS/Android | no  |
-| nativeCrash       | 抛出一个原生层错误. | function | No       | IOS/Android | no  |
+| Name                | Description      | Type     | Required | Platform    | HarmonyOS Support |
+|---------------------|------------------|----------|----------|-------------|-------------------|
+| addBreadcrumb       | 错误详情面板添加面包屑.     | function | No       | IOS/Android | yes               |
+| setUser             | 设置用户信息.          | function | No       | IOS/Android | yes               |
+| setContext          | 错误详情面板设置context. | function | No       | IOS/Android | yes               |
+| setTag              | 设置标签.            | function | No       | IOS/Android | yes               |
+| captureMessage      | 主动上报消息.          | function | No       | IOS/Android | yes               |
+| captureException    | 主动上报错误.          | function | No       | IOS/Android | yes               |
+| captureUserFeedBack | 上报用户反馈信息.        | function | No       | IOS/Android | yes               |
+| withScope           | 隔离上下文环境.         | function | No       | IOS/Android | yes               |
+| addAttachment       | 设置附件.            | function | No       | IOS/Android | no                |
+| nativeCrash         | 抛出一个原生层错误.       | function | No       | IOS/Android | no                |
+
+
+官网功能说明：[sentry-react-native features](https://docs.sentry.io/platforms/react-native/features/)
+
+功能清单和支持情况如下表：
+
+| Features                                                                                                 | support(yes/no） |
+|----------------------------------------------------------------------------------------------------------|-----------------|
+| Automatic Native Crash Error Tracking (js)                                                               | yes             |
+| Source Context shows snippets of your code around the location of stack frames. (js)                     | yes             |
+| Events enriched with device data.                                                                        | yes             |
+| User Interaction events (touch, gesture).                                                                | yes             |
+| User Feedback provides the ability to collect user information when an event occurs.                     | yes             |
+| hermes support                                                                                           | yes             |
+| Automatic Native Crash Error Tracking (HarmonyOs)                                                        | no              |
+| Source Context shows snippets of your code around the location of stack frames. (HarmonyOs)              | no              |
+| Offline caching when a device is offline; we send a report once the application is restarted             | no              |
+| Breadcrumbs created for outgoing http request with XHR and Fetch; UI and system events; and console logs | no              |
+| Attachments enrich your event by storing additional files, such as config or log files.                  | no              |
+| View Hierarchy shows the structure of native components at the time an error occurred.                   | no              |
+| Frame count, cpu, memory analysis                                                                        | no              |
 
 ## 遗留问题
 

From b4e90f1f269872fccaef2db03da8fec90705a225 Mon Sep 17 00:00:00 2001
From: chongmingkj_xwq <xuwenqian8@h-partners.com>
Date: Wed, 3 Jul 2024 15:08:09 +0800
Subject: [PATCH 079/966] =?UTF-8?q?docs:=20=20[Issues:=20#IAA8NO]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-mail=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-mail.md | 228 +++++++++++++++++++++++++++++++++++++
 1 file changed, 228 insertions(+)
 create mode 100644 zh-cn/react-native-mail.md

diff --git a/zh-cn/react-native-mail.md b/zh-cn/react-native-mail.md
new file mode 100644
index 00000000..3330de1a
--- /dev/null
+++ b/zh-cn/react-native-mail.md
@@ -0,0 +1,228 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mail</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/chirag04/react-native-mail">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/chirag04/react-native-mail/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-mail)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-mail@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-mail@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, { Component } from 'react';
+import { View, Alert, Button } from 'react-native';
+import Mailer from 'react-native-mail';
+
+export default class App extends Component {
+
+  handleEmail = () => {
+    Mailer.mail({
+      subject: 'need help',
+      recipients: ['support@example.com'],
+      ccRecipients: ['supportCC@example.com'],
+      bccRecipients: ['supportBCC@example.com'],
+      body: '<b>A Bold Body</b>',
+      customChooserTitle: 'This is my new title', // Android only (defaults to "Send Mail")
+      isHTML: true,
+      attachments: [{
+        // Specify either `path` or `uri` to indicate where to find the file data.
+        path: '', // /data/storage/el2/base/haps/entry/files/11.png
+        uri: '', // file://<packageName>/data/storage/el2/base/haps/entry/files/11.png
+        // Specify either `type` or `mimeType` to indicate the type of data.
+        type: '', // Mime Type: jpg, png, doc, ppt, html, pdf, csv
+        mimeType: '', // - use only if you want to use custom type
+        name: '', // Optional: Custom filename for attachment
+      }]
+    }, (error, event) => {
+      Alert.alert(
+        error,
+        event,
+        [
+          {text: 'Ok', onPress: () => console.log('OK: Email Error Response')},
+          {text: 'Cancel', onPress: () => console.log('CANCEL: Email Error Response')}
+        ],
+        { cancelable: true }
+      )
+    });
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <Button
+          onPress={this.handleEmail}
+          title="Email Me"
+          color="#841584"
+          accessabilityLabel="Purple Email Me Button"
+        />
+      </View>
+    );
+  }
+}
+
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-mail": "file:../../node_modules/@react-native-oh-tpl/react-native-mail/harmony/mail.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNMailPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {RNMailPackage} from '@react-native-oh-tpl/react-native-mail/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNMailPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| mail  | 拉起邮箱并向邮箱传递收件人、发件人、抄送人等信息，通过callback函数返回错误信息。         | Function(options,callback)  | yes | all      | yes |
+
+**options**
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| subject        | 邮件主题       | string  | no | all      | yes |
+| recipients     | 收件人         | string[]  | no | all      | yes |
+| ccRecipients   | 抄送收件人     | string[]  | no | all      | yes |
+| bccRecipients  | 密件抄送收件人 | string[]  | no | all      | yes |
+| body           | 邮件内容      | string  | no | all      | yes |
+| customChooserTitle  | 自定义选择器标题 | string  | no | android      | no |
+| isHTML  | 邮件内容是否为html        | boolean  | no | all      | yes |
+| attachments  | 附件信息         | object[]  | no | all      | no |
+
+## 遗留问题
+
+- [ ] 不支持attachments附件传递: [issue#1](https://github.com/react-native-oh-library/react-native-mail/issues/1)
+- [ ] 不支持customChooserTitle: [issue#4](https://github.com/react-native-oh-library/react-native-mail/issues/4)
+- [ ] 邮箱应用上body显示异常: [issue#2](https://github.com/react-native-oh-library/react-native-mail/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/chirag04/react-native-mail/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 3f62df1d45ed40ff63cc57195927049afe97a109 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Wed, 3 Jul 2024 15:37:58 +0800
Subject: [PATCH 080/966] =?UTF-8?q?docs:=20[Issues:=20#IAA96A]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-document-picker=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3v0.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-document-picker.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 21e227a1..0c909690 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-document-picker</code> </h1>
@@ -255,6 +255,10 @@ const styles = StyleSheet.create({
 
 ```
 
+## 使用 Codegen（如本库已适配了 Codegen ）
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。

From e12164c5196fc73f218b56ebeeca70e41f450d61 Mon Sep 17 00:00:00 2001
From: ddwwwww <18829031738@163.com>
Date: Wed, 3 Jul 2024 15:43:20 +0800
Subject: [PATCH 081/966] =?UTF-8?q?docs:=20[Issues:=20#IA9XLB]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-view-shot=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-view-shot.md | 80 ++++++++++++++++++++++-----------
 1 file changed, 53 insertions(+), 27 deletions(-)

diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index edc733dd..1bba89c6 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-view-shot</code> </h1>
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-view-shot)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-view-shot)
 
 ## 安装与使用
 
@@ -48,18 +48,17 @@ import React from "react";
 import { View, Text, Button } from "react-native";
 import ViewShot, { captureRef, captureScreen } from "react-native-view-shot";
 
-export default function App() {
-  const view = React.useRef < View > null;
+export function ViewShotDemo() {
+  const view = React.useRef < View > (null);
   const ref = React.useRef(null);
-  const onCapture = (uri) => {
+  const onCapture = (res) => {
     console.info("onCapture callback");
-    setTxt(JSON.stringify(uri));
+    setTxt(JSON.stringify(res));
   };
   const onCaptureFailure = (err) => {
     console.info("onCaptureFailure " + JSON.stringify(err));
     setTxt(JSON.stringify(err));
   };
-  const [txt, setTxt] = React.useState < string > "";
 
   return (
     <View>
@@ -86,29 +85,28 @@ export default function App() {
           <Text style={{ color: "#000", marginBottom: 30 }}>Hello World</Text>
         </ViewShot>
 
-        <Text style={{ color: "#000", marginBottom: 30 }}>message:{txt}</Text>
       </View>
       <Button
         title="captureRef"
         onPress={() => {
-          captureRef(view).then((uri) => {
-            console.info(`captureRef: ${JSON.stringify(uri)}`);
+          captureRef(view).then((res) => {
+            console.info(`captureRef: ${JSON.stringify(res)}`);
           });
         }}
       />
       <Button
         title="ViewShot capture"
         onPress={() => {
-          captureRef(ref).then((uri) => {
-            console.info(`captureRef: ${uri}`);
+          captureRef(ref).then((res) => {
+            console.info(`captureRef: ${res}`);
           });
         }}
       />
       <Button
         title="captureScreen"
         onPress={() => {
-          captureScreen().then(() => {
-            console.info(`captureScreen success`);
+          captureScreen().then((res) => {
+            console.info(`captureScreen success: ${res}`);
           });
         }}
       />
@@ -123,6 +121,17 @@ export default function App() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -130,7 +139,7 @@ export default function App() {
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -139,8 +148,7 @@ export default function App() {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-view-shot": "file:../../node_modules/@react-native-oh-tpl/react-native-view-shot/harmony/view_shot.har"
+    "@react-native-oh-tpl/react-native-view-shot": "file:../../node_modules/@react-native-oh-tpl/react-native-view-shot/harmony/view_shot.har"
   }
 ```
 
@@ -165,15 +173,15 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-view-shot/src/main/cpp" ./view-shot)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-view-shot/src/main/cpp" ./view-shot)
+# RNOH_BEGIN: manual_package_linking_1
 
 add_library(rnoh_app SHARED
     "./PackageProvider.cpp"
@@ -182,10 +190,10 @@ add_library(rnoh_app SHARED
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_view_shot)
-# RNOH_END: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -211,7 +219,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
 ...
-+ import { ViewShotPackage } from 'rnoh-view-shot/ts';
++ import { ViewShotPackage } from '@react-native-oh-tpl/react-native-view-shot/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -236,8 +244,26 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ···
 
     "requestPermissions": [
-+     { "name": "ohos.permission.WRITE_IMAGEVIDEO" }，
-+     { "name": "ohos.permission.READ_IMAGEVIDEO" }
++      {
++        "name": "ohos.permission.WRITE_IMAGEVIDEO",
++        "reason": '$string:app_name',
++        "usedScene": {
++          "abilities": [
++            "FormAbility"
++         ],
++         "when":"inuse"
++       }
++      },
++      {
++        "name": "ohos.permission.READ_IMAGEVIDEO",
++        "reason": '$string:app_name',
++        "usedScene": {
++          "abilities": [
++            "FormAbility"
++          ],
++          "when":"inuse"
++        }
++      }
     ]
   }
 }
@@ -297,6 +323,6 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-view-shot/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/gre/react-native-view-shot/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From ea0f3eca7ccff9a7659c834ddd340ae6acc6fc49 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Wed, 3 Jul 2024 15:43:33 +0800
Subject: [PATCH 082/966] =?UTF-8?q?docs:=20[Issues:=20#IAA96A]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-document-picker=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3v0.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-randombytes.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index ceeff06d..473c1c02 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-randombytes</code> </h1>
@@ -102,6 +102,10 @@ const styles = StyleSheet.create({
 
 ```
 
+## 使用 Codegen（如本库已适配了 Codegen ）
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。

From 12769e80ca5fdc46e749417df96c261df9d42ced Mon Sep 17 00:00:00 2001
From: baofeng <1104878263@qq.com>
Date: Wed, 3 Jul 2024 15:59:04 +0800
Subject: [PATCH 083/966] =?UTF-8?q?docs:=20=20[Issues:=20#IA8P6Y]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-contacts=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-contacts.md | 121 ++++++++++++++++++++++++---------
 1 file changed, 88 insertions(+), 33 deletions(-)

diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 9b374ad3..8db29d66 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -348,7 +348,7 @@ export const ContactsDemo = () => {
 {
   ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony"
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
   }
 }
 ```
@@ -453,50 +453,105 @@ ohpm install
 ]
 ```
 
-## 属性
+## API
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+| Name                                              | Description                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| getAll: Promise<Contact[]>  | returns all contacts as an array of objects                                                                                                        | function | no       | android,ios | yes               |
+| getAllWithoutPhotos:Promise<Contact[]>            | same as `getAll` on Android, but on iOS it will not return uris for contact photos (because there's a significant overhead in creating the images) | function | no       | android,ios | yes               |
+| getContactById(contactId): Promise<Contact>       | returns contact with defined contactId (or null if it doesn't exist)人                                                                             | function | no       | android,ios | yes               |
+| getCount(): Promise<number>                       | returns the number of contacts                                                                                                                     | function | no       | android,ios | yes               |
+| getPhotoForId(contactId: string): Promise<string> | Promise - returns a URI (or null) for a contacts photoURL                                                                                          | function | no       | android,ios | yes               |
+| addContact(contact: Partial<Contact>): Promise<Contact>| adds a contact to the AddressBook                                                                                                                                         | function | no       | android,ios | yes               |
+| openContactForm(contact: Partial<Contact>): Promise<Contact \| null> | create a new contact and display in contactsUI面                                                                                                                 | function | no       | android,ios | partially         |
+| openExistingContact(contact: Contact): Promise<Contact>          | open existing contact (edit mode), where contact is an object with a valid recordID                                                                                                                                 | function | no       | android,ios | partially         |
+| viewExistingContact(contact: { recordID: string })                               | open existing contact (view mode), where contact is an object with a valid recordID面                                                                                                                             | function | no       | android,ios | partially         |
+| editExistingContact(contact: Contact): Promise<Contact>                               | add numbers to the contact, where the contact is an object with a valid recordID and an array of phoneNumbers面                                                                                                                         | function | no       | android,ios | no                |
+| updateContact(contact: Partial<Contact> & {recordID: string}): Promise<void>                                     | where contact is an object with a valid recordID                                                                                                                                     | function | no       | android,ios | yes               |
+| deleteContact(contact: Contact): Promise<void>           | where contact is an object with a valid recordID                                                                                                                                         | function | no       | android,ios | yes               |
+| getContactsMatchingString(str: string): Promise<Contact[]>                         | where string is any string to match a name (first, middle, family) to                                                                                                                                 | function | no       | android,ios | yes               |
+| getContactsByPhoneNumber(phoneNumber: string): Promise<Contact[]>                          | where string is a phone number to match to.                                                                                                                                 | function | no       | android,ios | yes               |
+| getContactsByEmailAddress(emailAddress: string): Promise<Contact[]>                         | where string is an email address to match to.                                                                                                                         | function | no       | android,ios | yes               |
+| checkPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>;                                   | checks permission to access Contacts ios only                                                                                                                           | function | no       | ios         | yes               |
+| requestPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>                                 |  request permission to access Contacts ios only                                                                                                                                 | function | no       | ios         | yes               |
+| writePhotoToPath(contactId: string, file: string): Promise<boolean>                                  | writes the contact photo to a given path android only                                                                                                                         | function | no       | android     | no                |
+
+
 **Contacts**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| EmailAddress | 电子邮箱地址 | object | no | android,ios | yes |
-| PhoneNumber | 电话号码 | object | no | android,ios | yes |
-| PostalAddress | 邮政地址 | object | no | android,ios | yes |
-| InstantMessageAddress | 即时消息地址 | object | no | android,ios | yes |
-| Birthday | 生日 | object | no | android,ios | yes |
-| UrlAddress | 头像图片地址 | object | no | android | no |
-| Contact | 联系人 | object | no | android,ios | yes |
+| recordID | 联系人id | string | no | android,ios | yes |
+| backTitle | 返回键标题 | string | no | android,ios | no |
+| company | 公司 | string|null | no | android,ios | yes |
+| emailAddresses | 电子邮箱地址 | EmailAddress[] | no | android,ios | yes |
+| displayName | 展示名 | string | no | android,ios | yes |
+| familyName | 姓氏 | string | no | android,ios | yes |
+| givenName | 名字 | string | no | android,ios | yes |
+| middleName | 中间名 | string | no | android,ios | yes |
+| jobTitle | 职位名称 | string | no | android,ios | yes |
+| phoneNumbers | 电话号码 | PhoneNumber[] | no | android,ios | yes |
+| hasThumbnail | 有头像 | boolean | no | android,ios | np |
+| thumbnailPath | 头像地址 | string | no | android,ios | no |
+| isStarred | 是否标记 | boolean | no | android,ios | yes |
+| postalAddresses | 邮件地址 | PostalAddress[] | no | android,ios | yes |
+| prefix | 前缀 | string | no | android,ios | yes |
+| suffix | 后缀 | string | no | android,ios | yes |
+| department | 部门 | string | no | android,ios | yes |
+| birthday | 生日 | Birthday | no | android,ios | yes |
+| imAddresses | 即时消息地址 | InstantMessageAddress[] | no | android,ios | yes |
+| urlAddresses | 图片地址 | UrlAddress[] | no | android,ios | no |
+| note | 备注 | string | no | android,ios | yes |
+
+
+**EmailAddress**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| label | 标题 | string | no | android,ios | yes |
+| email | 地址 | string | no | android,ios | yes |
 
-## 静态方法
+**PhoneNumber**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| label | 标题 | string | no | android,ios | yes |
+| number | 号码 | string | no | android,ios | yes |
+
+**PostalAddress**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| label | 标题 | string | no | android,ios | yes |
+| formattedAddress | 格式化地址 | string | no | android,ios | yes |
+| street | 街道 | string | no | android,ios | yes |
+| pobox | 信箱 | string | no | android,ios | yes |
+| neighborhood | 邻域 | string | no | android,ios | yes |
+| city | 城市 | string | no | android,ios | yes |
+| region | 区域 | string | no | android,ios | yes |
+| state | 州 | string | no | android,ios | yes |
+| postCode | 邮政编码 | string | no | android,ios | yes |
+| country | 国家/地区 | string | no | android,ios | yes |
+
+**InstantMessageAddress**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| username | 用户名 | string | no | android,ios | no |
+| service | 服务地址 | string | no | android,ios | no |
 
-> [!tip] "Platform"列表示该方法在原三方库上支持的平台。
+**Birthday**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| day | 年 | number | no | android,ios | yes |
+| month | 月 | number | no | android,ios | yes |
+| year | 日 | number | no | android,ios | yes |
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+**UrlAddress**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| url | 路径 | string | no | android,ios | yes |
+| label | 标题 | string | no | android,ios | yes |
 
-| Name                      | Description                                                                        | Type     | Required | Platform    | HarmonyOS Support |
-| ------------------------- | ---------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| getAll                    | 查询所有联系人                                                                     | function | no       | android,ios | yes               |
-| getAllWithoutPhotos       | Android 同 getAll，但在 iOS 上，不会返回联系人照片的 uri（因为创建图像的开销很大） | function | no       | android,ios | yes               |
-| getContactById            | 通过 id 查询联系人                                                                 | function | no       | android,ios | yes               |
-| getCount                  | 查询所有联系人数量                                                                 | function | no       | android,ios | yes               |
-| getPhotoForId             | 通过联系人 id 查询头像 URL                                                         | function | no       | android,ios | yes               |
-| addContact                | 添加联系人                                                                         | function | no       | android,ios | yes               |
-| openContactForm           | 创建一个新联系人并跳转到联系人界面                                                 | function | no       | android,ios | partially         |
-| openExistingContact       | 打开编辑联系人界面                                                                 | function | no       | android,ios | partially         |
-| viewExistingContact       | 打开查看联系人信息界面                                                             | function | no       | android,ios | partially         |
-| editExistingContact       | 打开联系人号码号码编辑界面                                                         | function | no       | android,ios | no                |
-| updateContact             | 更新联系人信息                                                                     | function | no       | android,ios | yes               |
-| deleteContact             | 删除联系人                                                                         | function | no       | android,ios | yes               |
-| getContactsMatchingString | 通过姓名查询联系人                                                                 | function | no       | android,ios | yes               |
-| getContactsByPhoneNumber  | 通过电话查询联系人                                                                 | function | no       | android,ios | yes               |
-| getContactsByEmailAddress | 通过电子邮箱地址查询联系人                                                         | function | no       | android,ios | yes               |
-| checkPermission           | 检查是否有联系人读写权限                                                           | function | no       | ios         | yes               |
-| requestPermission         | 申请联系人读写权限                                                                 | function | no       | ios         | yes               |
-| writePhotoToPath          | 仅将联系人照片写入给定路径                                                         | function | no       | android     | no                |
-| iosEnableNotesUsage       | 访问 iOS 13 上提交的注释                                                           | function | no       | ios         | no                |
 
 ## 遗留问题
 

From cb4da7647a9bcdd9cad681126dd4ca0f7112eac0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zhangweiyang7@h-partners.com>
Date: Wed, 3 Jul 2024 16:03:49 +0800
Subject: [PATCH 084/966] =?UTF-8?q?docs:=20[#IA9XDY]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-aria=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A30.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-aria.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md
index 0ce7f791..859afe3f 100644
--- a/zh-cn/react-native-aria.md
+++ b/zh-cn/react-native-aria.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-aria</code> </h1>
@@ -537,6 +537,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+2. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## 属性
 

From 350fc39de67e222efe6b9c19594e8e605e0f11d6 Mon Sep 17 00:00:00 2001
From: zhangweilong <zWX1345796@china.huawei.com>
Date: Wed, 3 Jul 2024 16:52:58 +0800
Subject: [PATCH 085/966] =?UTF-8?q?docs:=20[#IA67QJ]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-video=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A30.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-video.md | 77 +++++++++++++++++++++----------------
 1 file changed, 44 insertions(+), 33 deletions(-)

diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index a022ce80..9e6010b2 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -1,12 +1,13 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-video</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/react-native-video/react-native-video/tree/support/5.2.X">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20tvos%20|%20windows%20|%20harmony%20|%20react_native_dom%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/react-native-video/react-native-video/blob/support/5.2.X/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
@@ -407,6 +408,14 @@ export default RNCVideoDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
 ### 引入原生端代码
 
 目前有两种方法：
@@ -414,7 +423,7 @@ export default RNCVideoDemo;
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -423,8 +432,7 @@ export default RNCVideoDemo;
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-video": "file:../../node_modules/@react-native-oh-tpl/react-native-video/harmony/rn_video.har"
+  + "@react-native-oh-tpl/react-native-video": "file:../../node_modules/@react-native-oh-tpl/react-native-video/harmony/rn_video.har"
   }
 ```
 
@@ -449,15 +457,15 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-video/src/main/cpp" ./video)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-video/src/main/cpp" ./video)
+# RNOH_BEGIN: manual_package_linking_1
 
 add_library(rnoh_app SHARED
     "./PackageProvider.cpp"
@@ -466,10 +474,10 @@ add_library(rnoh_app SHARED
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_video)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -502,20 +510,13 @@ import {
   MetroJSBundleProvider,
   ResourceJSBundleProvider,
 } from 'rnoh'
-import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
 import { createRNPackages } from '../RNPackagesFactory'
-+ import { RNCVideo, RNC_VIDEO_TYPE } from "rnoh-video"
++ import { RNCVideo, RNC_VIDEO_TYPE } from "@react-native-oh-tpl/react-native-video"
 
 @Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === RNC_VIDEO_TYPE) {
+function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === RNC_VIDEO_TYPE) {
 +   RNCVideo({
 +     ctx: ctx.rnComponentContext,
 +     tag: ctx.tag
@@ -526,14 +527,24 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
+> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  ...
++ RNC_VIDEO_TYPE
+  ];
+```
+
 ### 在 ArkTs 侧引入 RNCVideoPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-import type {RNPackageContext, RNPackage} from 'rnoh/ts';
-import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import { RNCVideoPackage } from 'rnoh-videoe/ts';
+...
++ import { RNCVideoPackage } from '@react-native-oh-tpl/react-native-video/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -572,9 +583,9 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name               | Description                                                                                                                                                                                                                                                                                                                                 | Type   | Required | Platform                                                 | HarmonyOS Support              |
-| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :----- | -------- | -------------------------------------------------------- | ------------------------------ |
-| `source`           | Sets the media source. You can pass an asset loaded via require or an object with a uri.                                                                                                                                                                                                                                                    | object | Yes      | All                                                      | partially<br/>(仅支持网络适配) |
+| Name | Descriptio                 | Type   | Required  | Platform | HarmonyOS Support |
+| ---- | -------------------------- | :----- | --------- | -------- |------------------ |
+| `source`| Sets the media source. You can pass an asset loaded via require or an object with a uri.| object | Yes      | All                                                      | partially<br/>(仅支持网络适配) |
 | `disableFocus`     | Determines whether video audio should override background music/audio in Android and HarmonyOS devices.<br/>**false (default)**                                                                                                                                                                                                             | bool   | No       | Android Exoplayer                                        | yes                            |
 | `muted`            | Controls whether the audio is muted.<br/>**false (default)** - Don't mute audio                                                                                                                                                                                                                                                             | bool   | No       | All                                                      | yes                            |
 | `paused`           | Controls whether the media is paused.<br/>**false (default)** - Don't pause the media                                                                                                                                                                                                                                                       | bool   | No       | All                                                      | yes                            |
@@ -609,18 +620,18 @@ ohpm install
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
-| -------- | -------------------------------------------------------------------------------- | :------- | -------- | -------- | ----------------- |
+| -------- | -------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
 | `seek()` | Seek to the specified position represented by seconds. seconds is a float value. | function | No       | All      | yes               |
 
 ## 遗留问题
 
-- [ ] source 暂时只支持在线 URL 资源。
-- [ ] 未适配无障碍
+- [ ] source 暂时只支持在线 URL 资源问题： [issue#34](https://github.com/react-native-oh-library/react-native-video/issues/34)。
+- [ ] react-native-video 部分属性和方法未实现 HarmonyOS 化： [issue#35](https://github.com/react-native-oh-library/react-native-video/issues/35)。
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/TheWidlarzGroup/react-native-video/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From 74e6e61d4bfa71ab0da9bb953267becbe26c97d6 Mon Sep 17 00:00:00 2001
From: ding_chengjie <dingchenjie1@h-partners.com>
Date: Wed, 3 Jul 2024 18:03:29 +0800
Subject: [PATCH 086/966] =?UTF-8?q?docs:=20[#IAACF8]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-sqlite-storage=E5=BA=93=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: ding_chengjie <dingchenjie1@h-partners.com>
---
 zh-cn/react-native-sqlite-storage.md | 24 +++---------------------
 1 file changed, 3 insertions(+), 21 deletions(-)

diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index cb28ea8b..f6f9ad84 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -143,25 +143,10 @@ class SQLiteDemo extends Component {
 
     this.updateProgress('Executing CREATE stmts');
 
-    tx.executeSql('CREATE TABLE IF NOT EXISTS Version( ' +'version_id INTEGER PRIMARY KEY NOT NULL); ',[],this.successCB,this.errorCB,);
-
-    tx.executeSql('CREATE TABLE IF NOT EXISTS Departments( ' +'department_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(30) ); ',[],this.successCB,this.errorCB,);
-
-    tx.executeSql('CREATE TABLE IF NOT EXISTS Offices( ' +'office_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(20), ' +'longtitude FLOAT, ' +'latitude FLOAT ) ; ',[],this.successCB,this.errorCB,);
-
-    tx.executeSql('CREATE TABLE IF NOT EXISTS Employees( ' +'employe_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(55), ' +'office INTEGER, ' +'department INTEGER, ' +'custom_info TEXT DEFAULT "",' +'FOREIGN KEY ( office ) REFERENCES Offices ( office_id ) ' +'FOREIGN KEY ( department ) REFERENCES Departments ( department_id ));',[],);
-
+   
     this.updateProgress('Executing INSERT stmts');
 
-    tx.executeSql('INSERT INTO Departments (name) VALUES ("Client Services");',[],);
-
-    tx.executeSql('INSERT INTO Offices (name, longtitude, latitude) VALUES ("Denver", 59.8,  34.);',[],);
-
-    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Sylvester Stallone", 2, 4, \'{"known": true}\')',[],);
-    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Elvis Presley", 2, 4, \'{"known": true}\')',[],);
-    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Leslie Nelson", 3, 4, \'{"known": true}\')',[],);
-    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Fidel Castro", 3, 3, \'{"known": true}\')',[],);
-    tx.executeSql('INSERT INTO Employees (name, office, department, custom_info) VALUES ("Bill Clinton", 1, 3, \'{"known": false}\')',[],);
+   
 
     console.log('all config SQL done');
   };
@@ -182,10 +167,7 @@ class SQLiteDemo extends Component {
 
     // 4. JSON_EXTRACT
     await tx.executeSql( "SELECT JSON_EXTRACT(e.custom_info, '$.known')  AS data FROM Employees e", [],this.querySuccess,this.errorCB,);
-
-    // 5. JSON_INSERT
-    // Expected: {"a":1,"b":2,"c":3}
-    await tx.executeSql('SELECT JSON_INSERT(\'{"a": 1, "b": 2}\', \'$.c\', 3)  AS data',[],this.querySuccess,this.errorCB,);
+      
   };
 
   querySuccess = (tx, results) => {

From 8f0af5571b83f93889836d7228d8b3870d5a3d87 Mon Sep 17 00:00:00 2001
From: meimei <2983689841@qq.com>
Date: Wed, 3 Jul 2024 11:17:35 +0000
Subject: [PATCH 087/966] =?UTF-8?q?!798=20docs:=20[Issues:=20#IA6UTF]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-text-gradient=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IA6UTF]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-text-gradient=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-text-gradient.md | 218 ++++++++++++++++++++++++++++
 1 file changed, 218 insertions(+)
 create mode 100644 zh-cn/react-native-text-gradient.md

diff --git a/zh-cn/react-native-text-gradient.md b/zh-cn/react-native-text-gradient.md
new file mode 100644
index 00000000..e6295bcc
--- /dev/null
+++ b/zh-cn/react-native-text-gradient.md
@@ -0,0 +1,218 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-text-gradient</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/iyegoroff/react-native-text-gradient">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/iyegoroff/react-native-text-gradient/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-text-gradient)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-text-gradient@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-text-gradient@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {LinearTextGradient} from 'react-native-text-gradient';
+
+<LinearTextGradient
+ style={styles.welcome}
+ locations={[0,1]}
+ colors={['blue','red']}
+ start={{x:0,y:0}}
+ end={{x:0,y:0}}
+ >Welcome to React Native!</LinearTextGradient>
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-text-gradient": "file:../../node_modules/@react-native-oh-tpl/react-native-text-gradient/harmony/text_gradient.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 LinearTextGradientPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-text-gradient/src/main/cpp" ./text_gradient)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_text_gradient)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "LinearTextGradientPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<LinearTextGradientPackage>(ctx),
+    };
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            |                                                                           Description                                                               |  Type  | Required | Platform     | HarmonyOS Support  |
+| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------| ------ | -------- | -------------| ------------------ |
+| start           | Coordinates declare the position that the gradient starts at, as a fraction of the overall size of the gradient, starting from the top left corner. | number |   yes    | IOS/Android  |       yes          |
+| end             | Same as start, but for the end of the gradient.                                                                                                     | number |   yes    | IOS/Android  |       yes          |
+| loactions       | An optional array of numbers defining the location of each gradient color stop, mapping to the color with the same index in prop.                   | number[]  |   yes    | IOS/Android  |       yes          |
+| colors          | An array of at least two color values that represent gradient colors.                                                                               | string   |   yes    | IOS/Android  |       yes          |
+| useViewFrame    | Optional. If true gradient will be calculated for text view background frame rather than text frame.                                                | boolean  |   yes    | IOS/Android  |       no          |
+| useGlobalCache  |  accessing or managing a cache that is available globally throughout the application.                                                               | boolean  |   yes    | IOS/Android  |       no          |
+
+
+## 遗留问题
+
+- [ ] useViewFrame()接口harmony暂不支持[issue#1](https://github.com/react-native-oh-library/react-native-text-gradient/issues/1)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/iyegoroff/react-native-text-gradient/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 94aa81b66ec8b791a4219d039806d487937160a8 Mon Sep 17 00:00:00 2001
From: 2361391426 <2361391426@qq.com>
Date: Wed, 3 Jul 2024 19:25:57 +0800
Subject: [PATCH 088/966] =?UTF-8?q?docs:=20[#I9U0Z9]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-community-progress-bar-android=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E8=87=B30.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...t-native-community-progress-bar-android.md | 65 +++++++++++++------
 1 file changed, 44 insertions(+), 21 deletions(-)

diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index 85965d56..53cee8c1 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/progress-bar-android</code> </h1>
@@ -39,15 +39,21 @@ npm install @react-native-oh-tpl/progress-bar-android@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
- import {ProgressBar} from '@react-native-community/progress-bar-android';
+import { ProgressBar } from '@react-native-community/progress-bar-android';
+export default function ProgressBarExample() {
+    return (
+        <>
+            <ProgressBar styleAttr="Horizontal" indeterminate={true} animating={true} />
+            <ProgressBar indeterminate={true} />
+        </>
+    )
+}
 
-<ProgressBar styleAttr="Horizontal" indeterminate={true} animating={true}  />
-<ProgressBar  indeterminate={true}/>
 ```
 
 ## Link
@@ -56,6 +62,17 @@ npm install @react-native-oh-tpl/progress-bar-android@file:#
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -73,7 +90,7 @@ npm install @react-native-oh-tpl/progress-bar-android@file:#
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-  	"rnoh-progress-bar-android": "file:../../node_modules/@react-native-oh-tpl/progress-bar-android/harmony/progress_bar_android.har"
+  "@react-native-oh-tpl/progress-bar-android": "file:../../node_modules/@react-native-oh-tpl/progress-bar-android/harmony/progress_bar_android.har"
   }
 ```
 
@@ -98,14 +115,14 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: add_package_subdirectories
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-progress-bar-android/src/main/cpp" ./progress-bar-android)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/progress-bar-android/src/main/cpp" ./progress-bar-android)
 # RNOH_END: add_package_subdirectories
 
 add_library(rnoh_app SHARED
@@ -140,24 +157,16 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ### 在 ArkTs 侧引入 ProgressBarAndroid 组件
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
 ...
-import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-import { createRNPackages } from '../RNPackagesFactory'
-+ import { ProgressBarAndroid, PROGRESS_BAR_TYPE } from "rnoh-progress-bar-android"
++ import { ProgressBarAndroid, PROGRESS_BAR_TYPE } from "@react-native-oh-tpl/progress-bar-android"
 
 @Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === PROGRESS_BAR_TYPE){
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++ if (ctx.componentName === PROGRESS_BAR_TYPE){
 +     ProgressBarAndroid({
 +       ctx: ctx.rnComponentContext,
 +       tag: ctx.tag
@@ -168,6 +177,20 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PROGRESS_BAR_TYPE
+  ];
+```
+
+
 ### 运行
 
 点击右上角的 `sync` 按钮

From 49accc9f01632ea52881a1cbae508bee99fb538a Mon Sep 17 00:00:00 2001
From: 17691002584 <17691002584@163.com>
Date: Wed, 3 Jul 2024 20:04:08 +0800
Subject: [PATCH 089/966] =?UTF-8?q?docs:=20[#IAAAN2]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-autoheight-webview=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20docs:=20[#IAAAN2]=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?autoheight-webview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-autoheight-webview.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index 08075a6c..4ee06be2 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-autoheight-webview</code> </h1>
@@ -53,7 +53,7 @@ import AutoHeightWebView from "react-native-autoheight-webview";
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/vmall/react-native-webview.md#link)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](/zh-cn/react-native-webview.md)进行引入
 
 ## 约束与限制
 
@@ -87,6 +87,7 @@ import AutoHeightWebView from "react-native-autoheight-webview";
 ## 遗留问题
 
 - [ ] autoheight-webview 部分属性未实现 HarmonyOS 化[issue#1](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/1)
+- [ ] AutoHeightWebview依赖的webview 部分属性未实现 HarmonyOS 化[issue#17](https://github.com/react-native-oh-library/react-native-webview/issues/17)
 - [x] 中文乱码[issue#2](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/2)
 
 ## 其他

From 918017c435723f282217d549b90d1549a73555e6 Mon Sep 17 00:00:00 2001
From: liwang <liwang45@h-partners.com>
Date: Wed, 3 Jul 2024 22:19:18 +0800
Subject: [PATCH 090/966] =?UTF-8?q?docs:=20[Issues:=20#IAAAVP]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-view-overflow=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-view-overflow.md | 172 +---------------------------
 1 file changed, 2 insertions(+), 170 deletions(-)

diff --git a/zh-cn/react-native-view-overflow.md b/zh-cn/react-native-view-overflow.md
index 281687dc..a7b1cad4 100644
--- a/zh-cn/react-native-view-overflow.md
+++ b/zh-cn/react-native-view-overflow.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-view-overflow</code> </h1>
@@ -67,168 +67,6 @@ export function ViewOverflowDemo() {
 }
 ```
 
-## Link
-
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
-
-```json
-{
-  ...
-  "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
-  }
-}
-```
-
-### 引入原生端代码
-
-目前有两种方法：
-
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
-
-方法一：通过 har 包引入（推荐）
-
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-view-overflow": "file:../../node_modules/@react-native-oh-tpl/react-native-view-overflow/harmony/view_overflow.har"
-  }
-```
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-```
-
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
-
-### 配置 CMakeLists 和引入 RNOverflowPackage
-
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
-
-```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(CMAKE_SKIP_BUILD_RPATH TRUE)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
-+ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-set(LOG_VERBOSITY_LEVEL 1)
-set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
-set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
-set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
-add_compile_definitions(WITH_HITRACE_SYSTRACE)
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: manual_package_linking_1
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-view-overflow/src/main/cpp" ./view-overflow)
-# RNOH_END: manual_package_linking_1
-
-file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
-
-add_library(rnoh_app SHARED
-    ${GENERATED_CPP_FILES}
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: manual_package_linking_2
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_view_overflow)
-# RNOH_END: manual_package_linking_2
-```
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "generated/RNOHGeneratedPackage.h"
-#include "SamplePackage.h"
-+ #include "RNOverflowPackage.h"
-
-using namespace rnoh;
-
-std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
-    return {
-        std::make_shared<RNOHGeneratedPackage>(ctx),
-        std::make_shared<SamplePackage>(ctx),
-+       std::make_shared<RNOverflowPackage>(ctx),
-    };
-}
-```
-
-### 在 ArkTs 侧引入 RNViewOverflow 组件（若需要运行 ArkTs 版本）
-
-> [!WARNING] Deprecated！该库已接入 CAPI。
-
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-...
-+ import { RNViewOverflow, VIEW_OVER_FLOW_TYPE } from "@react-native-oh-tpl/react-native-view-overflow"
-
-@Builder
-export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
-+ if (ctx.componentName === VIEW_OVER_FLOW_TYPE) {
-+   RNViewOverflow({
-+     ctx: ctx.rnComponentContext,
-+     tag: ctx.tag,
-+     buildCustomComponent: buildCustomRNComponent
-+   })
-+ }
-...
-}
-...
-```
-
-### 在 ArkTs 侧引入 RNOverflowPackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
-
-```diff
-...
-+ import { RNOverflowPackage } from '@react-native-oh-tpl/react-native-view-overflow/ts';
-
-export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
-  return [
-    new SamplePackage(ctx),
-+   new RNOverflowPackage(ctx)
-  ];
-}
-
-### 运行
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-```
-
-然后编译、运行即可。
-
 ## 约束与限制
 
 ### 兼容性
@@ -237,12 +75,6 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases)
 
-
-本文档内容基于以下版本验证通过：
-
-1. RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
-
-
 ## 属性
 [!tip] 该库作为容器组件使用同View组件，可以让子控件溢出到父布局之外展示的效果；使用公共属性即可，不涉及私有属性及api方法。
 
@@ -253,4 +85,4 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/entria/react-native-view-overflow/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From 60c231c6f7eca489a37d684a18f81949da62e5ee Mon Sep 17 00:00:00 2001
From: zhangweilong <zWX1345796@china.huawei.com>
Date: Thu, 4 Jul 2024 09:25:15 +0800
Subject: [PATCH 091/966] =?UTF-8?q?docs:=20[#IA9YKD]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-drag-sort=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-drag-sort.md | 111 ++++++++++++++++----------------
 1 file changed, 54 insertions(+), 57 deletions(-)

diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index 26ee0e66..b17dfc22 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -1,15 +1,15 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drag-sort</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/%3C%E5%8E%9F%E5%BA%93%E6%BA%90%E7%A0%81%E4%BB%93%E5%9C%B0%E5%9D%80%3E">
+    <a href="https://github.com/mochixuan/react-native-drag-sort">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/%3C%E5%8E%9F%E5%BA%93%E6%BA%90%E7%A0%81%E4%BB%93LICENSE%E7%9A%84%E8%B7%AF%E5%BE%84%3E">
-        <img src="https://github.com/mochixuan/react-native-drag-sort/blob/master/LICENSE" alt="License" />
+    <a href="https://github.com/mochixuan/react-native-drag-sort/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
@@ -558,13 +558,11 @@ const styles = StyleSheet.create({
 
 在下述版本验证通过：
 
-1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1(2.0.0.59); IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
-### 权限要求
+## 属性
 
-## API（AutoDragSortableView、DragSortableView）
-
-**isRequired if there is a \* in the name field**
+### AutoDragSortableView、DragSortableView
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -574,68 +572,67 @@ const styles = StyleSheet.create({
 
 |           Name           |                               Description                               |   Type   | Required |  Platform   | HarmonyOS Support |
 | :----------------------: | :---------------------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-|    **dataSource** \*     |                                                                         |  array   |   Yes    | iOS/Android |        Yes        |
+|    **dataSource**        |                       DataSource array for list                         |  array   |   Yes    | iOS/Android |        Yes        |
 |     **parentWidth**      |                              parent width                               |  number  |    No    | iOS/Android |        Yes        |
-|  **childrenHeight** \*   |                            Each item height                             |  number  |   Yes    | iOS/Android |        Yes        |
-|   **childrenWidth** \*   |                             Each item width                             |  number  |   Yes    | iOS/Android |        Yes        |
+|  **childrenHeight**      |                            Each item height                             |  number  |   Yes    | iOS/Android |        Yes        |
+|   **childrenWidth**      |                             Each item width                             |  number  |   Yes    | iOS/Android |        Yes        |
 |  **marginChildrenTop**   | So the item's outermost view adds margin, you can only use this method. |  number  |    No    | iOS/Android |        Yes        |
-| **marginChildrenBottom** |                                                                         |  number  |    No    | iOS/Android |        Yes        |
-|  **marginChildrenLeft**  |                                                                         |  number  |    No    | iOS/Android |        Yes        |
-| **marginChildrenRight**  |                                                                         |  number  |    No    | iOS/Android |        Yes        |
+| **marginChildrenBottom** |                           Item bottom margin                            |  number  |    No    | iOS/Android |        Yes        |
+|  **marginChildrenLeft**  |                           Item left margin                              |  number  |    No    | iOS/Android |        Yes        |
+| **marginChildrenRight**  |                           Item right margin                             |  number  |    No    | iOS/Android |        Yes        |
 |       **sortable**       |                          Do not allow dragging                          |   bool   |    No    | iOS/Android |        Yes        |
 |     **onClickItem**      |                                  click                                  | function |    No    | iOS/Android |        Yes        |
-|     **onDragStart**      |                                                                         | function |    No    | iOS/Android |        Yes        |
-|      **onDragEnd**       |                                                                         | function |    No    | iOS/Android |        Yes        |
+|     **onDragStart**      |                        Called after dragging starts                     | function |    No    | iOS/Android |        Yes        |
+|      **onDragEnd**       |                        Called after dragging end                     | function |    No    | iOS/Android |        Yes        |
 |     **onDataChange**     |           This method is called every time the data changes.            | function |    No    | iOS/Android |        Yes        |
-|    **renderItem** \*     |                            render item view                             | function |   Yes    | iOS/Android |        Yes        |
+|    **renderItem**        |                            render item view                             | function |   Yes    | iOS/Android |        Yes        |
 |      **fixedItems**      |                                no remove                                |  array   |    No    | iOS/Android |        Yes        |
 |     **keyExtractor**     |                           (item,index) => key                           | function |    No    | iOS/Android |        Yes        |
-|    **delayLongPress**    |                                                                         |  number  |    No    | iOS/Android |        Yes        |
+|    **delayLongPress**    |                            Long press delay                             |  number  |    No    | iOS/Android |        Yes        |
 |     **isDragFreely**     |                     Whether to limit the drag space                     |   bool   |    No    | iOS/Android |        Yes        |
-|      **onDragging**      |                                                                         | function |    No    | iOS/Android |        Yes        |
-|       **maxScale**       |                                                                         |  number  |    No    | iOS/Android |        Yes        |
-|      **minOpacity**      |                                                                         |  number  |    No    | iOS/Android |        Yes        |
-
-#### The following attributes belong only to AutoDragSortableView
-
-|           Name            | Description |                           Type                           | Required |  Platform   | HarmonyOS Support |
-| :-----------------------: | :---------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
-|     **scaleDuration**     |             |                          number                          |    No    | iOS/Android |        Yes        |
-|     **slideDuration**     |             |                          number                          |    No    | iOS/Android |        Yes        |
-|     **autoThrottle**      |             |                          number                          |    No    | iOS/Android |        Yes        |
-| **autoThrottleDuration**  |             |                          number                          |    No    | iOS/Android |        Yes        |
-|   **renderHeaderView**    |             |                         element                          |    No    | iOS/Android |        Yes        |
-|   **headerViewHeight**    |             |                          number                          |    No    | iOS/Android |        Yes        |
-| **scrollIndicatorInsets** |             | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS/Android |        Yes        |
-|   **renderBottomView**    |             |                         element                          |    No    | iOS/Android |        Yes        |
-|   **bottomViewHeight**    |             |                          number                          |    No    | iOS/Android |        Yes        |
-|   **onScrollListener**    |             |          (event: NativeSyntheticEvent) => void           |    No    | iOS/Android |        Yes        |
-|      **onScrollRef**      |             |                    (ref: any) => void                    |    No    | iOS/Android |        Yes        |
-
-## **API（AnySizeDragSortableView）**
+|      **onDragging**      |                          Called when dragging                           | function |    No    | iOS/Android |        Yes        |
+|       **maxScale**       |                              max Scale                                  |  number  |    No    | iOS/Android |        Yes        |
+|      **minOpacity**      |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
+
+### The following attributes belong only to AutoDragSortableView
+
+|           Name            |     Description         |                           Type                           | Required |  Platform   | HarmonyOS Support |
+| :-----------------------: | :----------------------:| :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|     **scaleDuration**     |     scale duration      |                          number                          |    No    | iOS/Android |        Yes        |
+|     **slideDuration**     |     slide duration      |                          number                          |    No    | iOS/Android |        Yes        |
+|     **autoThrottle**      |     auto  throttle      |                          number                          |    No    | iOS/Android |        Yes        |
+| **autoThrottleDuration**  |   auto throttle duration|                          number                          |    No    | iOS/Android |        Yes        |
+|   **renderHeaderView**    |    render header View   |                         element                          |    No    | iOS/Android |        Yes        |
+|   **headerViewHeight**    |    header view height   |                          number                          |    No    | iOS/Android |        Yes        |
+| **scrollIndicatorInsets** |    margin on scroll     | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS/Android |        Yes        |
+|   **renderBottomView**    |    render Bottom View   |                         element                          |    No    | iOS/Android |        Yes        |
+|   **bottomViewHeight**    |    bottom view height   |                          number                          |    No    | iOS/Android |        Yes        |
+|   **onScrollListener**    | Listening callback during scrolling|          (event: NativeSyntheticEvent) => void           |    No    | iOS/Android |        Yes        |
+|      **onScrollRef**      |scroll reference callback|                    (ref: any) => void                    |    No    | iOS/Android |        Yes        |
+
+### AnySizeDragSortableView
 
 |           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
-|     **renderItem** \*     |                 render item view                  |                         function                         |   Yes    | iOS/Android |        Yes        |
+|     **renderItem**         |                 render item view                  |                         function                         |   Yes    | iOS/Android |        Yes        |
 |     **onDataChange**      | This method is called every time the data changes |                         function                         |    No    | iOS/Android |        Yes        |
-|   **renderHeaderView**    |                                                   |                         element                          |    No    | iOS/Android |        Yes        |
-|   **headerViewHeight**    |                                                   |                          number                          |    No    | iOS/Android |        Yes        |
-|   **bottomViewHeight**    |                                                   |                          number                          |    No    | iOS/Android |        Yes        |
-|     **autoThrottle**      |                                                   |                          number                          |    No    | iOS/Android |        Yes        |
-| **autoThrottleDuration**  |                                                   |                          number                          |    No    | iOS/Android |        Yes        |
-| **scrollIndicatorInsets** |                                                   | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS/Android |        Yes        |
-|   **onScrollListener**    |                                                   |          (event: NativeSyntheticEvent) => void           |    No    | iOS/Android |        Yes        |
-|      **onScrollRef**      |                                                   |                    (ref: any) => void                    |    No    | iOS/Android |        Yes        |
+|   **renderHeaderView**    |         render Header View                        |                         element                          |    No    | iOS/Android |        Yes        |
+|   **headerViewHeight**    |         header view height                        |                          number                          |    No    | iOS/Android |        Yes        |
+|   **bottomViewHeight**    |         bottom view height                        |                          number                          |    No    | iOS/Android |        Yes        |
+|     **autoThrottle**      |          auto  throttle                           |                          number                          |    No    | iOS/Android |        Yes        |
+| **autoThrottleDuration**  |         auto throttle duration                    |                          number                          |    No    | iOS/Android |        Yes        |
+| **scrollIndicatorInsets** |         margin on scroll                          | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS/Android |        Yes        |
+|   **onScrollListener**    |Listening callback during scrolling                |          (event: NativeSyntheticEvent) => void           |    No    | iOS/Android |        Yes        |
+|      **onScrollRef**      | scroll reference callback                         |                    (ref: any) => void                    |    No    | iOS/Android |        Yes        |
 |   **areaOverlapRatio**    |             Must be greater than 0.5              |                          number                          |    No    | iOS/Android |        Yes        |
 |    **movedWrapStyle**     |                       style                       |                        StyleProp                         |    No    | iOS/Android |        Yes        |
-|    **childMarginTop**     |                                                   |                          number                          |    No    | iOS/Android |        Yes        |
-|   **childMarginBottom**   |                                                   |                          number                          |    No    | iOS/Android |        Yes        |
-|    **childMarginLeft**    |                                                   |                          number                          |    No    | iOS/Android |        Yes        |
-|   **childMarginRight**    |                                                   |                          number                          |    No    | iOS/Android |        Yes        |
-| **autoThrottleDuration**  |                                                   |                          number                          |    No    | iOS/Android |        Yes        |
-|       **onDragEnd**       |                                                   |                         function                         |    No    | iOS/Android |        Yes        |
-|     **dataSource** \*     |                                                   |                          array                           |   Yes    | iOS/Android |        Yes        |
-|     **keyExtractor**      |                (item,index) => key                |                   function.isRequired                    |    No    | iOS/Android |        Yes        |
+|    **childMarginTop**     |           Subpage top margin                      |                          number                          |    No    | iOS/Android |        Yes        |
+|   **childMarginBottom**   |          Subpage bottom margin                    |                          number                          |    No    | iOS/Android |        Yes        |
+|    **childMarginLeft**    |           Subpage left margin                     |                          number                          |    No    | iOS/Android |        Yes        |
+|   **childMarginRight**    |           Subpage right margin                    |                          number                          |    No    | iOS/Android |        Yes        |
+|       **onDragEnd**       |          Called after dragging end                |                         function                         |    No    | iOS/Android |        Yes        |
+|     **dataSource**        |          DataSource array for list                |                          array                           |   Yes    | iOS/Android |        Yes        |
+|     **keyExtractor**      |        item's unique key                          |                   (item,index) => key                    |    No    | iOS/Android |        Yes        |
 
 ## 遗留问题
 

From ce5abcc71232d753828021fdf95c9720415be395 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Thu, 4 Jul 2024 09:26:27 +0800
Subject: [PATCH 092/966] =?UTF-8?q?docs:=20[#IAAFP6]=20=E4=BF=AE=E6=94=B9m?=
 =?UTF-8?q?odel.md=E6=96=87=E6=A1=A3=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/model.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/zh-cn/model.md b/zh-cn/model.md
index a3ea0a84..76b0e5e0 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -211,8 +211,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 + if (ctx.componentName === SAFE_AREA_VIEW_TYPE) {
 +   SafeAreaView({
 +     ctx: ctx.rnComponentContext,
-+     tag: ctx.tag,
-+     buildCustomComponent: buildCustomRNComponent
++     tag: ctx.tag
 +   })
 + }
 ...

From e3bc6a8b4eeba70c83513771b954cba4c497a499 Mon Sep 17 00:00:00 2001
From: ding_chengjie <dingchenjie1@h-partners.com>
Date: Thu, 4 Jul 2024 11:11:43 +0800
Subject: [PATCH 093/966] =?UTF-8?q?docs:=20[#IAAHZL]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-sqlite-storage=E5=BA=93=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: ding_chengjie <dingchenjie1@h-partners.com>
---
 zh-cn/react-native-sqlite-storage.md | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index f6f9ad84..1f5c0082 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -143,10 +143,20 @@ class SQLiteDemo extends Component {
 
     this.updateProgress('Executing CREATE stmts');
 
-   
+    tx.executeSql('CREATE TABLE IF NOT EXISTS Version( ' +'version_id INTEGER PRIMARY KEY NOT NULL); ',[],this.successCB,this.errorCB,);
+
+    tx.executeSql('CREATE TABLE IF NOT EXISTS Departments( ' +'department_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(30) ); ',[],this.successCB,this.errorCB,);
+
+    tx.executeSql('CREATE TABLE IF NOT EXISTS Offices( ' +'office_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(20), ' +'longtitude FLOAT, ' +'latitude FLOAT ) ; ',[],this.successCB,this.errorCB,);
+
+    tx.executeSql('CREATE TABLE IF NOT EXISTS Employees( ' +'employe_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(55), ' +'office INTEGER, ' +'department INTEGER, ' +'custom_info TEXT DEFAULT "",' +'FOREIGN KEY ( office ) REFERENCES Offices ( office_id ) ' +'FOREIGN KEY ( department ) REFERENCES Departments ( department_id ));',[],);
+
+
     this.updateProgress('Executing INSERT stmts');
+       
+    tx.executeSql('INSERT INTO Departments (name) VALUES ("Client Services");',[],);
 
-   
+    tx.executeSql('INSERT INTO Offices (name, longtitude, latitude) VALUES ("Denver", 59.8,  34.);',[],);
 
     console.log('all config SQL done');
   };
@@ -168,6 +178,9 @@ class SQLiteDemo extends Component {
     // 4. JSON_EXTRACT
     await tx.executeSql( "SELECT JSON_EXTRACT(e.custom_info, '$.known')  AS data FROM Employees e", [],this.querySuccess,this.errorCB,);
       
+    // 5. JSON_INSERT
+    // Expected: {"a":1,"b":2,"c":3}
+    await tx.executeSql('SELECT JSON_INSERT(\'{"a": 1, "b": 2}\', \'$.c\', 3)  AS data',[],this.querySuccess,this.errorCB,);
   };
 
   querySuccess = (tx, results) => {

From f0326726ff64fdff4f905ca94dec5efece5dbcd9 Mon Sep 17 00:00:00 2001
From: qianyu <qianyu24@h-partners.com>
Date: Thu, 4 Jul 2024 15:56:06 +0800
Subject: [PATCH 094/966] =?UTF-8?q?docs:=20=20[Issues:=20#IAADC8]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-autolink=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-autoLink.md | 144 +++++++++++++++++++++++++++++++++
 1 file changed, 144 insertions(+)
 create mode 100644 zh-cn/react-native-autoLink.md

diff --git a/zh-cn/react-native-autoLink.md b/zh-cn/react-native-autoLink.md
new file mode 100644
index 00000000..69397aa6
--- /dev/null
+++ b/zh-cn/react-native-autoLink.md
@@ -0,0 +1,144 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-autolink</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/joshswan/react-native-autolink">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/joshswan/react-native-autolink/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/joshswan/react-native-autolink)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-autolink@4.2.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-autolink@4.2.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import Autolink from 'react-native-autolink';
+
+const AutolinkDemo = () => {
+    return (
+        <View style={styles.container}>
+            <Text style={styles.text}>
+                Here is a demo of react-native-autolink:
+            </Text>
+            <Autolink
+                text="This is the string to parse for urls (https://github.com/joshswan/react-native-autolink), phone numbers (415-555-5555), emails (josh@example.com), mentions/handles (@twitter), and hashtags (#exciting)"
+                email
+                hashtag="instagram"
+                mention="twitter"
+                phone="sms"
+                url
+            />
+        </View>
+    )
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 20,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#f0f0f0',
+    },
+    text: {
+        fontSize: 18,
+        marginBottom: 10,
+    },
+    autolink: {
+        fontSize: 16,
+        lineHeight: 24,
+    },
+    link: {
+        color: 'blue',
+        textDecorationLine: 'underline',
+    },
+    customLink: {
+        color: 'red',
+        textDecorationLine: 'underline',
+    },
+    customText: {
+        color: 'red',
+    }
+});
+
+export default AutolinkDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
+| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
+|     component      |     Override the component used as the output container.     | React.ComponentType |    No    | Android/IOS |        Yes        |
+|       email        |          Whether to link emails (`mailto:{email}`).          |       boolean       |    No    | Android/IOS |        Yes        |
+|      hashtag       | Whether to link hashtags to supplied service. Possible values: `false` (disabled), `"facebook"`, `"instagram"`, `"twitter"`. |  boolean or string  |    No    | Android/IOS |        Yes        |
+|     linkProps      |         Attributes applied to link Text components.          |      TextProps      |    No    | Android/IOS |        Yes        |
+|     linkStyle      | Styles applied to link Text components. *Note:* Will be overriden if `style` supplied in [`linkProps`](https://github.com/joshswan/react-native-autolink#linkprops). |      TextStyle      |    No    | Android/IOS |        Yes        |
+|      matchers      | Array of custom matcher objects with optional press handlers, styling, and text/url extraction. |   CustomMatcher[]   |    No    | Android/IOS |        Yes        |
+|      mention       | Whether to link mentions/handles to supplied service. Possible values: `false` (disabled), `"instagram"`, `"soundcloud"`, `"twitter"`. |  boolean or string  |    No    | Android/IOS |        Yes        |
+|      onPress       | Override default link press behavior. Signature: `(url: string, match: Match) => void`. |      function       |    No    | Android/IOS |        Yes        |
+|    onLongPress     | Handle link long press events. Signature: `(url: string, match: Match) => void`. |      function       |    No    | Android/IOS |        Yes        |
+|       phone        | Whether to link phone numbers. Possible values: `false` (disabled), `true` (`tel:{number}`), `"sms"` or `"text"` (`sms:{number}`). |  boolean or string  |    No    | Android/IOS |        Yes        |
+|     renderLink     | Override default link rendering behavior. Signature: `(text: string, match: Match, index: number) => React.ReactNode`. |      function       |    No    | Android/IOS |        Yes        |
+|     renderText     | Override default text rendering behavior. Signature: `(text: string, index: number) => React.ReactNode`. |      function       |    No    | Android/IOS |        Yes        |
+|     showAlert      | Whether to display an alert before leaving the app (for privacy or accidental clicks). |       boolean       |    No    | Android/IOS |        Yes        |
+|    stripPrefix     | Whether to strip protocol from URL link text (e.g. `https://github.com` -> `github.com`). |       boolean       |    No    | Android/IOS |        Yes        |
+| stripTrailingSlash | Whether to strip trailing slashes from URL link text (e.g. `github.com/` -> `github.com`). |       boolean       |    No    | Android/IOS |        Yes        |
+|        text        |                The string to parse for links.                |       string        |   Yes    | Android/IOS |        Yes        |
+|     textProps      |       Attributes applied to non-link Text components.        |      TextProps      |    No    | Android/IOS |        Yes        |
+|      truncate      | Maximum length of URL link text. Possible values: `0` (disabled), `1+` (maximum length). |       number        |    No    | Android/IOS |        Yes        |
+|   truncateChars    | Characters to replace truncated URL link text segments with (e.g. `github.com/../repo`) |       string        |    No    | Android/IOS |        Yes        |
+|  truncateLocation  | Override truncation location. Possible values: `"smart"`, `"end"`, `"middle"`. |       string        |    No    | Android/IOS |        Yes        |
+|        url         | Whether to link URLs. Possible values: `false` (disabled), `true`, `UrlConfig` (see below). |  boolean or object  |    No    | Android/IOS |        Yes        |
+|  useNativeSchemes  | Whether to use native app schemes (e.g. `twitter://`) rather than web URLs when linking to services for hashtag and mention links. |       boolean       |    No    | Android/IOS |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License](https://github.com/joshswan/react-native-autolink/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From c304319ae8bf8587022a811b873d4b6f92ddbff3 Mon Sep 17 00:00:00 2001
From: lWX1355028 <1029977589@qq.com>
Date: Thu, 4 Jul 2024 16:08:10 +0800
Subject: [PATCH 095/966] =?UTF-8?q?docs:=20[Issues:#IAA073]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9rn-placeholder=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/rn-placeholder.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md
index 66eaf65e..e7f4cc52 100644
--- a/zh-cn/rn-placeholder.md
+++ b/zh-cn/rn-placeholder.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>rn-placeholder</code> </h1>
@@ -58,6 +58,7 @@ const App = () => (
     <PlaceholderLine width={30} />
   </Placeholder>
 );
+export default App;
 ```
 
 ## 约束与限制
@@ -66,7 +67,7 @@ const App = () => (
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## 属性
 

From cedc21f37f3e3b3f17b1f098c50589163a4a6a9f Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Wed, 3 Jul 2024 17:04:10 +0800
Subject: [PATCH 096/966] =?UTF-8?q?docs:=20[Issues:=20#IAA1FU]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-action-button=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-action-button.md | 99 +++++++++++++++--------------
 1 file changed, 51 insertions(+), 48 deletions(-)

diff --git a/zh-cn/react-native-action-button.md b/zh-cn/react-native-action-button.md
index 4f620971..3942f097 100644
--- a/zh-cn/react-native-action-button.md
+++ b/zh-cn/react-native-action-button.md
@@ -1,11 +1,14 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-action-button</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/mastermoo/react-native-action-button/blob/master/LICENSE">
+    <a href="https://github.com/mastermoo/react-native-action-button">
+         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+     <a href="https://github.com/mastermoo/react-native-action-button/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
@@ -36,36 +39,34 @@ yarn add react-native-action-button@2.8.5
 
 ```js
 import React, { Component } from "react";
-import { StyleSheet, View } from "react-native";
+import { StyleSheet, View,Text } from "react-native";
 import ActionButton from "react-native-action-button";
-import Icon from "react-native-vector-icons/Ionicons";
 
-class App extends Component {
+export class App extends Component {
   render() {
     return (
       <View style={{ flex: 1, backgroundColor: "#f3f3f3" }}>
-        {/* Rest of the app comes ABOVE the action button component !*/}
         <ActionButton buttonColor="rgba(231,76,60,1)">
           <ActionButton.Item
             buttonColor="#9b59b6"
             title="New Task"
             onPress={() => console.log("notes tapped!")}
           >
-            <Icon name="md-create" style={styles.actionButtonIcon} />
+            <Text>1</Text>
           </ActionButton.Item>
           <ActionButton.Item
             buttonColor="#3498db"
             title="Notifications"
             onPress={() => {}}
           >
-            <Icon name="md-notifications-off" style={styles.actionButtonIcon} />
+             <Text>2</Text>
           </ActionButton.Item>
           <ActionButton.Item
             buttonColor="#1abc9c"
             title="All Tasks"
             onPress={() => {}}
           >
-            <Icon name="md-done-all" style={styles.actionButtonIcon} />
+             <Text>3</Text>
           </ActionButton.Item>
         </ActionButton>
       </View>
@@ -77,10 +78,11 @@ const styles = StyleSheet.create({
   actionButtonIcon: {
     fontSize: 20,
     height: 22,
-    color: "white",
+    color: "#000",
   },
 });
 ```
+## 约束与限制
 
 ## 兼容性
 
@@ -88,53 +90,54 @@ const styles = StyleSheet.create({
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## 属性
 
-详情见[react-native-action-button](https://github.com/mastermoo/react-native-action-button)
-
-### ActionButton:
-
-| 名称                      | 说明                                                                                                                                                                                                                                              | 类型     | 是否必填 | 原库平台 |  HarmonyOS 支持 |
-| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | -------- |
-| resetToken                | use this to reset the internal component state (expand/collapse) in a re-render cycle. Synchronize the component state.                                                                                                                           | any      | No       | /        | Yes      |
-| size                      | use this to change the size of the Button                                                                                                                                                                                                         | number   | No       | /        | Yes      |
-| active                    | action buttons visible or not                                                                                                                                                                                                                     | boolean  | No       | /        | Yes      |
-| position                  | one of: left center and right                                                                                                                                                                                                                     | string   | No       | /        | Yes      |
-| autoInactive              | Auto hide ActionButtons when ActionButton.Item is pressed.                                                                                                                                                                                        | boolean  | No       | /        | Yes      |
-| hideShadow                | use this to hide the default elevation and boxShadow                                                                                                                                                                                              | boolean  | No       | /        | Yes      |
-| spacing                   | spacing between the ActionButton.Items                                                                                                                                                                                                            | number   | No       | /        | Yes      |
-| offsetX                   | offset from the left/right side of the screen                                                                                                                                                                                                     | number   | No       | /        | Yes      |
-| offsetY                   | offset from the bottom/top of the screen                                                                                                                                                                                                          | number   | No       | /        | Yes      |
-| buttonText                | use this to set a different text on the button                                                                                                                                                                                                    | string   | No       | /        | Yes      |
-| degrees                   | degrees to rotate icon                                                                                                                                                                                                                            | number   | No       | /        | Yes      |
-| shadowStyle               | The custom shadow style you want to pass in the action button                                                                                                                                                                                     | style    | No       | /        | Yes      |
-| bgColor                   | background color when ActionButtons are visible                                                                                                                                                                                                   | string   | No       | /        | Yes      |
-| bgOpacity                 | set the transparency of the background color                                                                                                                                                                                                      | number   | No       | /        | Yes      |
-| buttonTextStyle           | use this to set the textstyle of the button's text                                                                                                                                                                                                | style    | No       | /        | Yes      |
-| verticalOrientation       | direction action buttons should expand. One of: up or down                                                                                                                                                                                        | string   | No       | /        | Yes      |
-| backgroundTappable        | make background tappable in active state of ActionButton                                                                                                                                                                                          | boolean  | No       | /        | Yes      |
-| activeOpacity             | activeOpacity props of TouchableOpacity                                                                                                                                                                                                           | number   | No       | /        | Yes      |
-| renderIcon                | Function to render the component for ActionButton Icon. It is passed a boolean, active, which is true if the FAB has been expanded, and false if it is collapsed, allowing you to show a different icon when the ActionButton Items are expanded. | function | No       | /        | Yes      |
-| onPress                   | fires, when ActionButton is tapped                                                                                                                                                                                                                | function | No       | /        | Yes      |
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                      |  Description                                                                                                                                                                                                                                             | Type     | Required | Platform |  HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- |----------| -------- |
+| resetToken                | use this to reset the internal component state (expand/collapse) in a re-render cycle. Synchronize the component state.                                                                                                                           | any      | No       | All      | Yes      |
+| size                      | use this to change the size of the Button                                                                                                                                                                                                         | number   | No       | All        | Yes      |
+| active                    | action buttons visible or not                                                                                                                                                                                                                     | boolean  | No       | All        | Yes      |
+| position                  | one of: left center and right                                                                                                                                                                                                                     | string   | No       | All        | Yes      |
+| autoInactive              | Auto hide ActionButtons when ActionButton.Item is pressed.                                                                                                                                                                                        | boolean  | No       | All        | Yes      |
+| hideShadow                | use this to hide the default elevation and boxShadow                                                                                                                                                                                              | boolean  | No       | All        | Yes      |
+| spacing                   | spacing between the ActionButton.Items                                                                                                                                                                                                            | number   | No       | All        | Yes      |
+| offsetX                   | offset from the left/right side of the screen                                                                                                                                                                                                     | number   | No       | All        | Yes      |
+| offsetY                   | offset from the bottom/top of the screen                                                                                                                                                                                                          | number   | No       | All        | Yes      |
+| buttonText                | use this to set a different text on the button                                                                                                                                                                                                    | string   | No       | All        | Yes      |
+| degrees                   | degrees to rotate icon                                                                                                                                                                                                                            | number   | No       | All        | Yes      |
+| shadowStyle               | The custom shadow style you want to pass in the action button                                                                                                                                                                                     | style    | No       | All        | Yes      |
+| bgColor                   | background color when ActionButtons are visible                                                                                                                                                                                                   | string   | No       | All        | Yes      |
+| bgOpacity                 | set the transparency of the background color                                                                                                                                                                                                      | number   | No       | All        | Yes      |
+| buttonTextStyle           | use this to set the textstyle of the button's text                                                                                                                                                                                                | style    | No       | All        | Yes      |
+| verticalOrientation       | direction action buttons should expand. One of: up or down                                                                                                                                                                                        | string   | No       | All        | Yes      |
+| backgroundTappable        | make background tappable in active state of ActionButton                                                                                                                                                                                          | boolean  | No       | All        | Yes      |
+| activeOpacity             | activeOpacity props of TouchableOpacity                                                                                                                                                                                                           | number   | No       | All        | Yes      |
+| renderIcon                | Function to render the component for ActionButton Icon. It is passed a boolean, active, which is true if the FAB has been expanded, and false if it is collapsed, allowing you to show a different icon when the ActionButton Items are expanded. | function | No       | All        | Yes      |
+| onPress                   | fires, when ActionButton is tapped                                                                                                                                                                                                                | function | No       | All        | Yes      |
 | useNativeFeedback         | Android: Whether to use a TouchableNativeFeedback                                                                                                                                                                                                 | boolean  | No       | Android  | No       |
 | fixNativeFeedbackRadius   | Android: Activate this to fix TouchableNativeFeedback Ripple UI problems                                                                                                                                                                          | boolean  | No       | Android  | No       |
 | nativeFeedbackRippleColor | Android: Pass a color to the Ripple Effect of a TouchableNativeFeedback                                                                                                                                                                           | string   | No       | Android  | No       |
 
 ### ActionButton.Item:
 
-| 名称                      | 说明                                                                       | 类型     | 是否必填 | 原库平台 |  HarmonyOS 支持 |
-| ------------------------- | -------------------------------------------------------------------------- | -------- | -------- | -------- | -------- |
-| size                      | use this to change the size of the Button                                  | number   | No       | /        | Yes      |
-| buttonColor               | background color of the Button                                             | string   | No       | /        | Yes      |
-| title                     | the title shown next to the button. When undefined the title is not hidden | string   | No       | /        | Yes      |
-| textStyle                 | use this to set the textstyle of the button's item text                    | style    | No       | /        | Yes      |
-| shadowStyle               | The custom shadow style you want to pass in the action button item         | style    | No       | /        | Yes      |
-| textContainerStyle        | use this to set the textstyle of the button's item text container          | style    | No       | /        | Yes      |
-| spaceBetween              | use this to set the space between the Button and the text container        | number   | No       | /        | Yes      |
-| hideLabelShadow           | use this to hide the button's label default elevation and boxShadow        | boolean  | No       | /        | Yes      |
-| activeOpacity             | activeOpacity props of TouchableOpacity                                    | number   | No       | /        | Yes      |
-| onPress                   | required function, triggers when a button is tapped                        | function | No       | /        | Yes      |
+| Name                      |  Description                                                                                                                                                                                                                                             | Type     | Required | Platform |  HarmonyOS Support |
+| ------------------------- | -------------------------------------------------------------------------- | -------- | -------- |----------| -------- |
+| size                      | use this to change the size of the Button                                  | number   | No       | All      | Yes      |
+| buttonColor               | background color of the Button                                             | string   | No       | All      | Yes      |
+| title                     | the title shown next to the button. When undefined the title is not hidden | string   | No       | All      | Yes      |
+| textStyle                 | use this to set the textstyle of the button's item text                    | style    | No       | All      | Yes      |
+| shadowStyle               | The custom shadow style you want to pass in the action button item         | style    | No       | All      | Yes      |
+| textContainerStyle        | use this to set the textstyle of the button's item text container          | style    | No       | All      | Yes      |
+| spaceBetween              | use this to set the space between the Button and the text container        | number   | No       | All      | Yes      |
+| hideLabelShadow           | use this to hide the button's label default elevation and boxShadow        | boolean  | No       | All      | Yes      |
+| activeOpacity             | activeOpacity props of TouchableOpacity                                    | number   | No       | All      | Yes      |
+| onPress                   | required function, triggers when a button is tapped                        | function | No       | All      | Yes      |
 | useNativeFeedback         | Android: Whether to use a TouchableNativeFeedback                          | boolean  | No       | Android  | No       |
 | fixNativeFeedbackRadius   | Android: Activate this to fix TouchableNativeFeedback Ripple UI problems   | boolean  | No       | Android  | No       |
 | nativeFeedbackRippleColor | Android: Pass a color to the Ripple Effect of a TouchableNativeFeedback    | string   | No       | Android  | No       |

From 259824fba9f820e22e651a36eccc6180c438819b Mon Sep 17 00:00:00 2001
From: "maikai (A)" <mWX1352063@china.huawei.com>
Date: Thu, 4 Jul 2024 19:18:02 +0800
Subject: [PATCH 097/966] =?UTF-8?q?docs:=20[=20#IA9SID]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-image-picker=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-picker.md | 38 ++++++++++++++++++++----------
 1 file changed, 26 insertions(+), 12 deletions(-)

diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index 1bd2f098..a50e906d 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-picker</code> </h1>
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-image-picker)
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-image-picker)
 
 ## 安装与使用
 
@@ -82,6 +82,17 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -99,7 +110,7 @@ export default App;
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-image-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-picker/harmony/image_picker.har"
+    "@react-native-oh-tpl/react-native-image-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-picker/harmony/image_picker.har"
   }
 ```
 
@@ -124,7 +135,7 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
@@ -194,6 +205,8 @@ ohpm install
 
 然后编译、运行即可。
 
+## 约束与限制
+
 ## 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
@@ -216,14 +229,14 @@ ohpm install
 | videoQuality            | low, medium, or high on iOS, low or high on Android.                                                                                                                             | string  | no       | iOS Android     | no                |
 | durationLimit           | Video max duration (in seconds).                                                                                                                                                 | number  | no       | iOS Android     | no                |
 | quality                 | 0 to 1, photos.                                                                                                                                                                  | number  | no       | iOS Android     | no                |
-| cameraType              | 'back' or 'front' (May not be supported in few android devices).                                                                                                                 | string  | no       | iOS Android     | no                |
-| includeBase64           | If true, creates base64 string of the image (Avoid using on large image files due to performance).                                                                               | boolean | no       | iOS Android Web | no                |
+| cameraType              | 'back' or 'front' (May not be supported in few android devices).                                                                                                                 | string  | no       | iOS Android     | yes                |
+| includeBase64           | If true, creates base64 string of the image (Avoid using on large image files due to performance).                                                                               | boolean | no       | iOS Android Web | yes                |
 | includeExtra            | If true, will include extra data which requires library permissions to be requested (i.e. exif data).                                                                            | boolean | no       | iOS Android     | no                |
-| saveToPhotos            | (Boolean) Only for launchCamera, saves the image/video file captured to public photo.                                                                                            | boolean | no       | iOS Android     | no                |
+| saveToPhotos            | (Boolean) Only for launchCamera, saves the image/video file captured to public photo.                                                                                            | boolean | no       | iOS Android     | yes                |
 | selectionLimit          | Supports providing any integer value. Use 0 to allow any number of files on iOS version >= 14 & Android version >= 13, Use 0 to allow up to 50 files on HarmonyOS. Default is 1. | number  | no       | iOS Android Web | yes               |
 | presentationStyle       | Controls how the picker is presented. currentContext, pageSheet, fullScreen, formSheet, popover, overFullScreen, overCurrentContext. Default is currentContext.                  | string  | no       | iOS             | no                |
 | formatAsMp4             | Converts the selected video to MP4 (iOS Only).                                                                                                                                   | boolean | no       | iOS             | no                |
-| assetRepresentationMode | A mode that determines which representation to use if an asset contains more than one. Possible values: 'auto', 'current', 'compatible'. Default is 'auto'.                      | boolean | no       | iOS             | no                |
+| assetRepresentationMode | A mode that determines which representation to use if an asset contains more than one. Possible values: 'auto', 'current', 'compatible'. Default is 'auto'.                      | string | no       | iOS             | no                |
 
 ### The Response Object
 
@@ -238,7 +251,7 @@ ohpm install
 
 | Name         | Description                                                                                                                                                                                                                                                                | Type   | Required | Platform        | HarmonyOS Support |
 | ------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | --------------- | ----------------- |
-| base64       | The base64 string of the image (photos only)                                                                                                                                                                                                                               | string | no       | iOS Android Web | no                |
+| base64       | The base64 string of the image (photos only)                                                                                                                                                                                                                               | string | no       | iOS Android Web | yes                |
 | uri          | The file uri in app specific cache storage. Except when picking video from Android gallery where you will get read only content uri, to get file uri in this case copy the file to app specific storage using any react-native library. For web it uses the base64 as uri. | string | yes      | iOS Android Web | yes               |
 | originalPath | The original file path.                                                                                                                                                                                                                                                    | string | yes      | iOS Android Web | yes               |
 | width        | Asset dimensions                                                                                                                                                                                                                                                           | number | yes      | iOS Android Web | yes               |
@@ -249,18 +262,19 @@ ohpm install
 | duration     | The selected video duration in seconds                                                                                                                                                                                                                                     | number | no       | iOS Android     | no                |
 | bitrate      | The average bitrate (in bits/sec) of the selected video, if available. (Android only)                                                                                                                                                                                      | number | no       | Android         | no                |
 | timestamp    | Timestamp of the asset. Only included if 'includeExtra' is true                                                                                                                                                                                                            | string | no       | iOS Android     | no                |
-| id           | local identifier of the photo or video. On Android & HarmonyOS, this is the same as fileName                                                                                                                                                                               | string | no       | iOS Android     | yes               |
+| id           | local identifier of the photo or video. On Android & HarmonyOS, this is the same as | string | no       | iOS Android     | yes                |
 
 ## 静态方法
 
 | Name               | Description                            | Type     | Required | Platform        | HarmonyOS Support |
 | ------------------ | -------------------------------------- | -------- | -------- | --------------- | ----------------- |
-| launchCamera       | Launch camera to take photo or video.  | function | yes      | iOS Android Web | no                |
+| launchCamera       | Launch camera to take photo or video.  | function | yes      | iOS Android Web | yes                |
 | launchImageLibrary | Launch gallery to pick image or video. | function | yes      | iOS Android Web | yes               |
 
 ## 遗留问题
 
-- 只实现了选择图库的接口属性，相机功能暂未适配
+- [ ] image-picker部分属性未实现 HarmonyOS 化: [issue#14](https://github.com/react-native-oh-library/react-native-image-picker/issues/14)
+- [x] 只实现了选择图库的接口属性，相机功能暂未适配: [issue#13](https://github.com/react-native-oh-library/react-native-image-picker/issues/13)
 
 ## 其他
 

From 58ccf85674e6bcfd66e3a5f418872e2939e5d285 Mon Sep 17 00:00:00 2001
From: ddwwwww <18829031738@163.com>
Date: Thu, 4 Jul 2024 17:31:23 +0800
Subject: [PATCH 098/966] =?UTF-8?q?docs:=20[Issues:=20#IAAO1W]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-sound=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sound.md | 65 ++++++++++++++++++++++---------------
 1 file changed, 38 insertions(+), 27 deletions(-)

diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index 1325d6ee..a1d7eeab 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sound</code> </h1>
@@ -8,9 +8,8 @@
     <a href="https://github.com/zmxv/react-native-sound">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-sound/blob/sig/LICENSE">
+    <a href="https://github.com/zmxv/react-native-sound/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
@@ -18,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-library/react-native-sound> Releases](https://github.com/react-native-oh-library/react-native-sound/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -163,6 +162,17 @@ export default SoundDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -170,7 +180,7 @@ export default SoundDemo;
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -179,8 +189,7 @@ export default SoundDemo;
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-sound": "file:../../node_modules/@react-native-oh-tpl/react-native-sound/harmony/sound.har"
+    "@react-native-oh-tpl/react-native-sound": "file:../../node_modules/@react-native-oh-tpl/react-native-sound/harmony/sound.har"
   }
 ```
 
@@ -205,15 +214,15 @@ ohpm install
 txtproject(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-sound/src/main/cpp" ./sound)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-sound/src/main/cpp" ./sound)
+# RNOH_BEGIN: manual_package_linking_1
 
 add_library(rnoh_app SHARED
     "./PackageProvider.cpp"
@@ -222,10 +231,10 @@ add_library(rnoh_app SHARED
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_sound)
-# RNOH_END: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -251,7 +260,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
 ...
-+ import { SoundPackage } from 'rnoh-sound/ts';
++ import { SoundPackage } from '@react-native-oh-tpl/react-native-sound/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -280,7 +289,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-library/react-native-sound> Releases](https://github.com/react-native-oh-library/react-native-sound/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases)
 
 ## 静态方法
 
@@ -292,7 +301,7 @@ ohpm install
 
 | Name      | Description                      | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
-| setActive | Set the device activation status | string | No       | IOS/Android | yes               |
+| setActive | Set the device activation status | string | No       | IOS、Android | yes               |
 
 ## API
 
@@ -304,18 +313,20 @@ ohpm install
 
 | Name           | Description                              | Type   | Required | Platform    | HarmonyOS Support |
 | -------------- | ---------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| play           | Start playing audio.                     | string | No       | IOS/Android | yes               |
-| pause          | Pause audio playback.                    | string | No       | IOS/Android | yes               |
-| stop           | Stop playing audio.                      | string | No       | IOS/Android | yes               |
+| play           | Start playing audio.                     | string | No       | IOS、Android | yes               |
+| pause          | Pause audio playback.                    | string | No       | IOS、Android | yes               |
+| stop           | Stop playing audio.                      | string | No       | IOS、Android | yes               |
 | reset          | Reset Audio Status.                      | string | No       | Android     | yes               |
-| release        | Releasing audio resources.               | string | No       | IOS/Android | yes               |
-| getVolume      | Obtains the audio volume.                | string | No       | IOS/Android | yes               |
-| setVolume      | Setting the Relative Audio Volume.       | string | No       | IOS/Android | yes               |
-| getCurrentTime | Obtains the current playback time point. | string | No       | IOS/Android | yes               |
-| setCurrentTime | Sets the playback time point.            | string | No       | IOS/Android | yes               |
-| getSpeed       | Obtains the playback speed.              | string | No       | IOS/Android | yes               |
-| setSpeed       | Setting the Playback Speed               | string | No       | IOS/Android | yes               |
-| isPlaying      | Whether the audio is being played        | string | No       | IOS/Android | yes               |
+| release        | Releasing audio resources.               | string | No       | IOS、Android | yes               |
+| getVolume      | Obtains the audio volume.                | string | No       | IOS、Android | yes               |
+| setVolume      | Setting the Relative Audio Volume.       | string | No       | IOS、Android | yes               |
+| getCurrentTime | Obtains the current playback time point. | string | No       | IOS、Android | yes               |
+| setCurrentTime | Sets the playback time point.            | string | No       | IOS、Android | yes               |
+| getSpeed       | Obtains the playback speed.              | string | No       | IOS、Android | yes               |
+| setSpeed       | Setting the Playback Speed               | string | No       | IOS、Android | yes               |
+| isPlaying      | Whether the audio is being played        | string | No       | IOS、Android | yes               |
+
+## 遗留问题
 
 ## 其他
 

From 6ca75296a06b7865d8a6ae9b1a675b6ef36b0278 Mon Sep 17 00:00:00 2001
From: hongtenglong <hongtenglong1@h-partners.com>
Date: Fri, 5 Jul 2024 09:32:55 +0800
Subject: [PATCH 099/966] =?UTF-8?q?docs:=20[#IAAP2I]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-orientation=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: hongtenglong <hongtenglong1@h-partners.com>
---
 zh-cn/react-native-orientation.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index 9f9a8b01..b8961ccc 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-orientation</code> </h1>
@@ -18,7 +18,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-library/react-native-orientation> Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -177,6 +177,8 @@ const styles = StyleSheet.create({
 
 
 ```
+## 使用 Codegen 
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
 
 ## Link
 
@@ -234,7 +236,7 @@ cd entry
 ohpm install --no-link
 ```
 
-### 在 ArkTs 侧引入 SoundPackage
+### 在 ArkTs 侧引入 RNOrientationPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -269,7 +271,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-library/react-native-orientation> Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)
 
 ## API
 

From 9a9efd1eb89d5ab2202ec90eb57e889af52afed6 Mon Sep 17 00:00:00 2001
From: Li-2199 <1269001954@qq.com>
Date: Fri, 5 Jul 2024 09:46:33 +0800
Subject: [PATCH 100/966] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0react-native-?=
 =?UTF-8?q?async-storage=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=BA0.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...eact-native-async-storage-async-storage.md | 52 +++++++++++++------
 1 file changed, 35 insertions(+), 17 deletions(-)

diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index c28b26d4..45d5c279 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-async-storage/async-storage</code> </h1>
@@ -17,7 +18,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/async-storage> Releases](https://github.com/react-native-oh-library/async-storage/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -74,6 +75,17 @@ const getData = async () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -81,7 +93,7 @@ const getData = async () => {
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -91,7 +103,7 @@ const getData = async () => {
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-async-storage": "file:../../node_modules/@react-native-oh-tpl/async-storage/harmony/async_storage.har"
+    "@react-native-oh-tpl/async-storage": "file:../../node_modules/@react-native-oh-tpl/async-storage/harmony/async_storage.har"
   }
 ```
 
@@ -115,28 +127,37 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-async-storage/src/main/cpp" ./async-storage)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/async-storage/src/main/cpp" ./async-storage)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_async_storage)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -161,9 +182,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-import type {RNPackageContext, RNPackage} from 'rnoh/ts';
-import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import {AsyncStoragePackage} from 'rnoh-async-storage/ts';
++ import {AsyncStoragePackage} from '@react-native-oh-tpl/async-storage/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -215,13 +234,12 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] Harmony 的 taskpool 支持类型有限，无法用 taskpool 实现，仅用简单的线程锁替代
-- [ ] Harmony 无法设置指定的存储大小
+- [ ] Harmony 的 taskpool 支持类型有限，无法用 taskpool 实现，仅用简单的线程锁替代,无法设置指定的存储大小: [issue#8](https://github.com/react-native-oh-library/async-storage/issues/8)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-async-storage/async-storage/blob/main/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 12d34b6477beb95792e8ce308228925a34ab3776 Mon Sep 17 00:00:00 2001
From: feng <fengbolun1@h-partners.com>
Date: Fri, 5 Jul 2024 03:35:41 +0000
Subject: [PATCH 101/966] =?UTF-8?q?!942=20docs:=20[Issues:=20#IAAIC8]=20re?=
 =?UTF-8?q?act-native-code-push=20=E4=BF=AE=E6=94=B9=E8=A1=A5=E5=85=85=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAAIC8]=20react-native-code-push=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=A1=A5=E5=85=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-code-push.md | 38 +++++++++++++++++----------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 93f1e605..20346049 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -21,21 +21,23 @@
 
 ### code-push-cli
 
-请到三方库下载并安装[code-push-cli](https://github.com/react-native-oh-library/react-native-code-push/tree/sig/code-push-cli) 脚手架，本仓库的目的是为了适配开源的code-push-server.源库地址[code-push-cli](https://github.com/shm-open/code-push-cli)
+1.下载[code-push-cli](https://github.com/react-native-oh-library/code-push-cli)
+
+2.npm install -g <code-push-cli文件夹目录>
+
+3.常用命令：
 
 ```
-code-push -v  // 2.6.5
-code-push login //登录
-code-push app add <AppName> harmony react-native //创建应用
-code-push app list //列出账号下所有的app
-code-push deployment ls <AppName> -k //查询部署环境的key
-code-push deployment ls <AppName> //查看 应用部署信息
-code-push release <AppName> <bundle.harmony.js> "<版本号>" --description "<v1.0.0 测试更新>" -m //发布命令，加-m是强制更新, * 代表所有版本，例如：code-push release CodePush_Local ./bundle.harmony.js "*" --description "v1.0.0 测试更新"
+code-push -v
+code-push login <服务器地址>
+code-push app list //列出账号下面的所有app
+code-push app add <apppname> harmony react-native //创建应用
+code-push release <AppName> <bundle.harmony.js> "<版本号>" --description "<v1.0.0 测试更新>" -m //发包命令，加-m是强制更新, * 代表所有版本，例如：code-push release CodePush_Local ./bundle.harmony.js "*" --description "v1.0.0 测试更新"
 ```
 
 ### code-push-server
 
-请到三方库下载并搭建[code-push-server](https://github.com/react-native-oh-library/react-native-code-push/tree/sig/code-push-server) 服务，此库担任类似中间仓库的角色，开发者可以把更新（JS，HTML，CSS和图片）发布到这个仓库上，然后那些Apps就能查询到更新了.源库地址[code-push-server](https://github.com/shm-open/code-push-server)
+下载并搭建[code-push-server](https://github.com/react-native-oh-library/code-push-server) 服务
 
 ## 安装与使用
 
@@ -402,15 +404,15 @@ build() {
 
 当使用**CodePush.SyncStatus**时，codePushStatusDidChange回调函数中获取应用状态
 
-| Name                 | Description                                                         | Type     | Required | Platform    | HarmonyOS Support |
-| -------------------- | ------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| UP_TO_DATE           | 值为0，代表应用程序已完全更新到配置的部署,                                              | number   | no       | Android IOS | yes               |
-| UPDATE_INSTALLED     | 值为1，已安装可用更新，并将在syncStatusChangedCallback函数返回后立即运行或在下次应用程序恢复/重新启动时运行 | number   | no       | Android IOS | yes               |
-| UNKNOWN_ERROR        | 值为3，同步操作发现未知错误                                                      | number   | no       | Android IOS | yes               |
-| CHECKING_FOR_UPDATE  | 值为5，正在查询 CodePush 服务器是否有更新                                          | number   | no       | Android IOS | yes               |
-| AWAITING_USER_ACTION | 值为6，有更新可用，并向最终用户显示确认对话框。（仅在updateDialog使用时适用）                       | number   | no       | Android IOS | yes               |
-| DOWNLOADING_PACKAGE  | 值为7，在从 CodePush 服务器下载可用更新                                           | number   | no       | Android IOS | yes               |
-| INSTALLING_UPDATE    | 值为8，已下载可用更新并将安装                                                     | 参number数 | no       | Android IOS | yes               |
+| Name                 | Description                                                         | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| UP_TO_DATE           | 值为0，代表应用程序已完全更新到配置的部署,                                              | number | no       | Android IOS | yes               |
+| UPDATE_INSTALLED     | 值为1，已安装可用更新，并将在syncStatusChangedCallback函数返回后立即运行或在下次应用程序恢复/重新启动时运行 | number | no       | Android IOS | yes               |
+| UNKNOWN_ERROR        | 值为3，同步操作发现未知错误                                                      | number | no       | Android IOS | yes               |
+| CHECKING_FOR_UPDATE  | 值为5，正在查询 CodePush 服务器是否有更新                                          | number | no       | Android IOS | yes               |
+| AWAITING_USER_ACTION | 值为6，有更新可用，并向最终用户显示确认对话框。（仅在updateDialog使用时适用）                       | number | no       | Android IOS | yes               |
+| DOWNLOADING_PACKAGE  | 值为7，在从 CodePush 服务器下载可用更新                                           | number | no       | Android IOS | yes               |
+| INSTALLING_UPDATE    | 值为8，已下载可用更新并将安装                                                     | number | no       | Android IOS | yes               |
 
 
 

From 63689f83b4cce471af85a5728a102abcbf9748e1 Mon Sep 17 00:00:00 2001
From: zhengjinshou <>
Date: Fri, 5 Jul 2024 10:18:39 +0800
Subject: [PATCH 102/966] =?UTF-8?q?docs:=20[Issues:=20#IA91HP]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0react-native-button=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-button.md | 128 +++++++++++++++++++++++++++++++++++
 1 file changed, 128 insertions(+)
 create mode 100644 zh-cn/react-native-button.md

diff --git a/zh-cn/react-native-button.md b/zh-cn/react-native-button.md
new file mode 100644
index 00000000..de287ce7
--- /dev/null
+++ b/zh-cn/react-native-button.md
@@ -0,0 +1,128 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-button</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ide/react-native-button">       
+         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ide/react-native-button/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!tip] [Github 地址](https://github.com/ide/react-native-button)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-button@3.1.0 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-button@3.1.0 --save
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import Button from 'react-native-button';
+import {
+    View, Text
+} from 'react-native';
+
+export default class ExampleComponent extends Component {
+    constructor(props, context) {
+        super(props, context);
+        this.state = {
+            isDisabled: false
+        }
+    }
+    _handlePress() {
+        this.setState({
+            isDisabled: true
+        });
+        console.log('Now, button disabled');
+    }
+    render() {
+        const { isDisabled } = this.state;
+        return (
+            <View style={{ marginTop: 50 }}>
+                <Button
+                    allowFontScaling={false}
+                    accessibilityLabel="Learn more about this purple button"
+                    style={{ fontSize: 20, color: 'yellow' }}
+                    styleDisabled={{ color: 'white' }}
+                    disabled={isDisabled}
+                    containerStyle={{ padding: 10, height: 45, overflow: 'hidden', borderRadius: 4, backgroundColor: 'aqua' }}
+                    disabledContainerStyle={{ backgroundColor: 'pink' }}
+                    onPress={() => this._handlePress()}>
+                    Hello World
+                </Button>
+            </View>
+        );
+    }
+};
+```
+
+
+
+## 约束与限制
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                            | Type     | default | Required | Platform | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- | ----------------- |
+| `accessibilityLabel` | VoiceOver will read this string when a user selects the associated element. | String |  | No     | All      | yes               |
+| `allowFontScaling` | Specifies whether fonts should scale to respect Text Size accessibility settings. | Bool |  | No     | All      | yes               |
+| `Disabled` | Disables the button                | Bool | false   | No       | All      | yes               |
+| `Style` | The style for the button                                       | View Style Prop | ｛｝ | No       | All      | yes               |
+| `styleDisabled` | The style for the disabled button | View Style Prop | ｛｝ | No       | All      | yes               |
+| `containerStyle` | The style for the container | View Style Prop | ｛｝ | No       | All      | yes               |
+| `disabledContainerStyle` | The style for the container when the button is disabled | View Style Prop | ｛｝ | No       | All      | yes               |
+| `childGroupStyle` | The style for the child views               | View Style Prop | ｛｝ | No       | All      | yes               |
+| `androidBackground` | The background for andriod devices.                      | Background Prop Type |  | No       | Android | no             |
+| `onPress`   | Handler to be called when the user taps the button.   | Function |         | No       | All      | yes              |
+
+
+
+## 遗留问题
+
+ 无
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ide/react-native-button/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->

From 14ce0c672ace1e86122d3dbd29042393632adf76 Mon Sep 17 00:00:00 2001
From: feng <fengbolun1@h-partners.com>
Date: Fri, 5 Jul 2024 15:42:34 +0800
Subject: [PATCH 103/966] =?UTF-8?q?docs:=20[Issues:=20#IAAWKW]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-code-push=20=E6=96=87=E6=A1=A3=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 8ecc18b0..ac503181 100644
--- a/README.md
+++ b/README.md
@@ -178,7 +178,8 @@
 | 152  | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否                 | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
 | 153  | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否                 | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
 | 154  | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
-| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否                 | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
+| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否                 | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md) 
+| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                        |             |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From 7b9a529a39e645b5173cf71d61e5356a703afd26 Mon Sep 17 00:00:00 2001
From: feng <fengbolun1@h-partners.com>
Date: Fri, 5 Jul 2024 15:54:57 +0800
Subject: [PATCH 104/966] =?UTF-8?q?docs:=20[Issues:=20#IAAWKW]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-code-push=20=E6=96=87=E6=A1=A3=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/zh-cn/README.md b/zh-cn/README.md
index 8391c8d7..6a8e1f51 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -179,7 +179,8 @@
 | 152  | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否                 | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
 | 153  | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否                 | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
 | 154  | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
-| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否                 | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
+| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否                 | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)   
+| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)             |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From a6ab520d75776182db7f938783d93ea4abe177ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zhangweiyang7@h-partners.com>
Date: Fri, 5 Jul 2024 16:24:58 +0800
Subject: [PATCH 105/966] =?UTF-8?q?docs:=20[#IAAXCM]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-aria=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A30.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-aria.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md
index 859afe3f..69f372bd 100644
--- a/zh-cn/react-native-aria.md
+++ b/zh-cn/react-native-aria.md
@@ -551,15 +551,15 @@ const styles = StyleSheet.create({
 
 ### Hooks
 
-| Name               | Description                                                                                                                                                                                                   | Type     | Platform | HarmonyOS Support |
-| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| useToggleButton    | Provides the behavior and accessibility implementation for a toggle button component. ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.           | Function | All      | yes               |
-| useCheckbox        | Provides the behavior and accessibility implementation for a checkbox component. Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected. | Function | All      | yes               |
-| useCheckboxGroup   | Provides the behavior and accessibility implementation for a checkbox group component. Checkbox groups allow users to select multiple items from a list of options.                                           | Function | All      | yes               |
-| useRadioGroup      | Provides the behavior and accessibility implementation for a radio group component. Radio groups allow users to select a single item from a list of mutually exclusive options.                               | Function | All      | yes               |
-| useSwitch          | Provides the behavior and accessibility implementation for a switch component. A switch is similar to a checkbox, but represents on/off values as opposed to selection.                                       | Function | All      | yes               |
-| OverlayContainer   | Provides React Portal like functionality for React Native apps which can be useful for displaying absolutely positioned components like Menu, Tooltip, Popover.                                               | Function | All      | yes               |
-| useOverlayPosition | Handles positioning overlays like popovers and menus relative to a trigger element, and updating the position when the window resizes.                                                                        | Function | All      | yes               |
+| Name               | Description                                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
+|--------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| useToggleButton    | Provides the behavior and accessibility implementation for a toggle button component. ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.           | Function | no       | All      | yes               |
+| useCheckbox        | Provides the behavior and accessibility implementation for a checkbox component. Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected. | Function | no       | All      | yes               |
+| useCheckboxGroup   | Provides the behavior and accessibility implementation for a checkbox group component. Checkbox groups allow users to select multiple items from a list of options.                                           | Function | no       | All      | yes               |
+| useRadioGroup      | Provides the behavior and accessibility implementation for a radio group component. Radio groups allow users to select a single item from a list of mutually exclusive options.                               | Function | no       | All      | yes               |
+| useSwitch          | Provides the behavior and accessibility implementation for a switch component. A switch is similar to a checkbox, but represents on/off values as opposed to selection.                                       | Function | no       | All      | yes               |
+| OverlayContainer   | Provides React Portal like functionality for React Native apps which can be useful for displaying absolutely positioned components like Menu, Tooltip, Popover.                                               | Function | no       | All      | yes               |
+| useOverlayPosition | Handles positioning overlays like popovers and menus relative to a trigger element, and updating the position when the window resizes.                                                                        | Function | no       | All      | yes               |
 
 ## 遗留问题
 

From f5443972f786f48ca44f5986466fd0f02326cfc4 Mon Sep 17 00:00:00 2001
From: kongchuiyu <kongchuiyu@h.partners.com>
Date: Fri, 5 Jul 2024 16:34:46 +0800
Subject: [PATCH 106/966] =?UTF-8?q?docs:=20[Issues:=20#IAAXKU]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E8=87=B30.2.2=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-svg-capi.md | 40 ++++------------------------------
 1 file changed, 4 insertions(+), 36 deletions(-)

diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 02304141..e9b614d0 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-svg(CAPI)</code> </h1>
@@ -84,8 +84,7 @@ import Svg, { Path } from "react-native-svg";
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/svg": "file:../../node_modules/@react-native-oh-tpl/react-native-svg/harmony/svg.har"
+    "@react-native-oh-tpl/react-native-svg": "file:../../node_modules/@react-native-oh-tpl/react-native-svg/harmony/svg.har"
   }
 ```
 
@@ -100,38 +99,7 @@ ohpm install
 
 方法二：直接链接源码
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
-
-把 `tester/node_modules/@react-native-oh-tpl/react-native-svg/harmony/` 目录下的源码 `svg` 复制到 `harmony` 工程根目录下
-
-在`harmony`工程根目录的 `build-profile.template.json5(若有)` 和 `build-profile.json5` 添加以下模块
-
-```json
-modules:[
-  ...
-  {
-    name: 'svg',
-    srcPath: './svg',
-  }
-]
-```
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/svg": "file:../svg"
-  }
-```
-
-打开终端，执行：
-
-```bash
-cd entry
-ohpm install
-```
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 ### 配置 CMakeLists 和引入 SVGPackage
 
@@ -192,7 +160,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 SvgPackage (注册 TurboModule)
+### 在 ArkTs 侧引入 SvgPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 

From e7c9da68f6d9c9b619920ad672e990149625ce55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Fri, 5 Jul 2024 17:10:21 +0800
Subject: [PATCH 107/966] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=89?=
 =?UTF-8?q?0.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-animate-number.md | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index 0ce49caf..f704570e 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -1,15 +1,20 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-animate-number</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/wkh237/react-native-animate-number">
+        <a href="https://github.com/wkh237/react-native-animate-number">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
+
 > [!TIP] [Github 地址](https://github.com/wkh237/react-native-animate-number)
 
 ## 安装与使用
@@ -138,7 +143,9 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 在以下版本验证通过
 
@@ -161,4 +168,8 @@ export default App;
 
 ## 其他
 
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+
 <!-- {% endraw %} -->
\ No newline at end of file

From 15e864d4347fd0d5c85adbd3711849e80564f775 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Fri, 5 Jul 2024 17:15:12 +0800
Subject: [PATCH 108/966] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=89?=
 =?UTF-8?q?0.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-confirmation-code-field.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-confirmation-code-field.md b/zh-cn/react-native-confirmation-code-field.md
index 6dca1fc6..e1895130 100644
--- a/zh-cn/react-native-confirmation-code-field.md
+++ b/zh-cn/react-native-confirmation-code-field.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-confirmation-code-field</code> </h1>

From aa653f764e4f6e7e5879888409c3b3175002418e Mon Sep 17 00:00:00 2001
From: zhangweilong <zWX1345796@china.huawei.com>
Date: Fri, 5 Jul 2024 17:22:57 +0800
Subject: [PATCH 109/966] =?UTF-8?q?docs:=20[#IAANTI]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-cookies=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...ies.md => react-native-cookies-cookies.md} | 122 ++++++++----------
 1 file changed, 51 insertions(+), 71 deletions(-)
 rename zh-cn/{react-native-cookies.md => react-native-cookies-cookies.md} (71%)

diff --git a/zh-cn/react-native-cookies.md b/zh-cn/react-native-cookies-cookies.md
similarity index 71%
rename from zh-cn/react-native-cookies.md
rename to zh-cn/react-native-cookies-cookies.md
index d15f2841..07062169 100644
--- a/zh-cn/react-native-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -1,10 +1,13 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>@react-native-cookies/cookies</code> </h1>
+  <h1 align="center"> <code>react-native-cookies-cookies</code> </h1>
 </p>
 <p align="center">
+    <a href="https://github.com/react-native-cookies/cookies/tree/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/react-native-cookies/cookies/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
@@ -28,7 +31,7 @@
 npm install @react-native-oh-tpl/cookies@file:#
 ```
 
-**yarn**
+#### **yarn**
 
 ```
 yarn add @react-native-oh-tpl/cookies@file:#
@@ -42,7 +45,7 @@ HarmonyOS 中使用 react-native-cookies 需要配合 react-native-webview 使
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```ts
+```js
 import React, { useState, useRef } from "react";
 import {
   ScrollView,
@@ -69,7 +72,7 @@ export interface Cookies {
   [key: string]: Cookie;
 }
 
-export function CookiesPage() {
+export default function CookiesPage() {
   const httpUrl = "https://www.baidu.com/";
   const [result, setResult] = useState("请点击按钮，进行操作");
   const webViewRef = useRef(null);
@@ -203,6 +206,16 @@ const styles = StyleSheet.create({
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
 
 ### 引入原生端代码
 
@@ -219,10 +232,9 @@ const styles = StyleSheet.create({
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-cookies": "file:../../node_modules/@react-native-oh-tpl/cookies/harmony/rn_cookies.har",
     ...
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/cookies": "file:../../node_modules/@react-native-oh-tpl/cookies/harmony/rn_cookies.har",
   }
 ```
 
@@ -239,7 +251,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 cookies、webview
+### 配置 CMakeLists 和引入 CookiesPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -247,18 +259,18 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(CMAKE_SKIP_BUILD_RPATH TRUE)
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
 set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
-set(RNOH_CPP_DIR "${OH_MODULE_DIR}/rnoh/src/main/cpp")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${OH_MODULES}/rnoh/src/main/cpp")
 set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-cookies/src/main/cpp" ./rn_cookies)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-webview/src/main/cpp" ./rn_webview)
-# RNOH_END: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/cookies/src/main/cpp" ./rn_cookies)
+# RNOH_BEGIN: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
@@ -272,74 +284,37 @@ target_link_libraries(rnoh_app PUBLIC rnoh)
 # RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_cookies)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_webview)
 # RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
-#include "RNOH/PackageProvider.h"
-#include "generated/RNOHGeneratedPackage.h"
-#include "SamplePackage.h"
+...
 + #include "CookiesPacakge.h"
-+ #include "WebViewPackage.h"
 
 using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<RNOHGeneratedPackage>(ctx), std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<CookiesPackage>(ctx), std::make_shared<WebViewPackage>(ctx)};
+      ...
++     std::make_shared<CookiesPackage>(ctx);
     };
 }
 ```
 
-### 在 ArkTs 侧引入 webView 组件
+### 在 ArkTs 侧引入 CookiesPackage
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
 ...
-+ import { WebView, WEB_VIEW } from "rnoh-webview"
-
-  @Builder
-  function buildCustomComponent(ctx: ComponentBuilderContext) {
-    if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-      SampleView({
-        ctx: ctx.rnComponentContext,
-        tag: ctx.tag,
-        buildCustomComponent: buildCustomComponent
-      })
-    }
-    ...
-+   else if (ctx.componentName === WEB_VIEW) {
-+     WebView({
-+       ctx: ctx.rnohContext,
-+       tag: ctx.tag,
-+       buildCustomComponent: buildCustomComponent
-+     })
-+   }
-    ...
-  }
-  ...
-```
-
-### 在 ArkTs 侧引入 CookiesPackage 和 WebViewPackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
-
-```
-import type {RNPackageContext, RNPackage} from 'rnoh/ts';
-import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import {CookiesPackage} from 'rnoh-cookies/ts';
-+ import { WebViewPackage } from 'rnoh-webview/ts';
++ import {CookiesPackage} from '@react-native-oh-tpl/cookies/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
-    new SamplePackage(ctx),
+    ...
 +  	new CookiesPackage(ctx),
-+  	new WebViewPackage(ctx)
   ];
 }
 ```
@@ -365,26 +340,31 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases)
 
-### 方法
+## 静态方法
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                 | Description | Platform    | HarmonyOS Support |
-| -------------------- | ----------- | ----------- | ----------------- |
-| clearAll             |             | ios,android | yes               |
-| get                  |             | ios,android | yes               |
-| set                  |             | ios,android | yes               |
-| clearByName          |             | ios         | yes               |
-| flush                |             | android     | yes               |
-| removeSessionCookies |             | ios,android | yes               |
-| getAll               |             | ios         | no                |
-| setFromResponse      |             | ios         | no                |
-| getFromResponse      |             | ios         | no                |
+| Name                 | Description                                   | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | --------------------------------------------- | ---------|----------| ------------|-------------------|
+| clearAll             |  Clear all cookies                            |function  |     NO   |ios,android  | yes               |
+| get                  |  Get cookies based on url                     |function  |     NO   | ios,android | yes               |
+| set                  |  Set cookie based on url                      |function  |     NO   | ios,android | yes               |
+| clearByName          |  Delete cookies by name                       |function  |     NO   | ios         | yes               |
+| flush                |  Refresh cookies                              |function  |     NO   | android     | yes               |
+| removeSessionCookies |  Clear session cookies                        |function  |     NO   | ios,android | yes               |
+| getAll               |  Get all cookies                              |function  |     NO   | ios         | no                |
+| setFromResponse      |  Set cookies from a response header           |function  |     NO   | ios         | no                |
+| getFromResponse      |  Get cookies from a response header           |function  |     NO   | ios         | no                |
 
 ## 遗留问题
 
+- [ ] 这三个方法getAll,setFromResponse,getFromResponse 在ios是可用的andriod不可用，Harmony还没有实现 问题: [issue#1](https://github.com/react-native-oh-library/react-native-cookies/issues/1)
+
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-cookies/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-cookies/cookies/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 46de88136ff42ebb54c140c562e2fb3e6c1f7589 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Fri, 5 Jul 2024 18:12:41 +0800
Subject: [PATCH 110/966] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=89?=
 =?UTF-8?q?0.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-crop-picker.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 66b8ee3e..e00a04a7 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -788,7 +788,7 @@ const styles = StyleSheet.create({
 export default ImageCropPickDemo;
 ```
 
-## 使用 Codegen（如本库已适配了 Codegen ）
+## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 

From 6c03a1f55b7f9b68efadc76e65dab41593b49d56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Fri, 5 Jul 2024 18:15:48 +0800
Subject: [PATCH 111/966] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=89?=
 =?UTF-8?q?0.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-zip-archive.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index c1f0f6f6..792db529 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-zip-archive</code> </h1>
@@ -400,7 +400,9 @@ const styles = StyleSheet.create({
 })
 ```
 
+## 使用 Codegen
 
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 

From 20cc31dd884d861880f157fc8b20dd71411ff4fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Fri, 5 Jul 2024 18:17:30 +0800
Subject: [PATCH 112/966] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=89?=
 =?UTF-8?q?0.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-audio.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 69975fe8..cd49c152 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-audio</code> </h1>
@@ -100,6 +100,10 @@ AudioRecorder.onFinished = (data) => {
 }
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。

From 4cd7090801e91c6e71916089a169e886b334059e Mon Sep 17 00:00:00 2001
From: zhangweilong <zWX1345796@china.huawei.com>
Date: Mon, 8 Jul 2024 09:24:22 +0800
Subject: [PATCH 113/966] =?UTF-8?q?docs:=20[#IAB6UW]=E4=BF=AE=E6=94=B9READ?=
 =?UTF-8?q?ME.md=E6=96=87=E4=BB=B6=E4=B8=AD=E7=9A=84cookies=E7=9A=84?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E4=B8=BAreact-native-cookies-cookies?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 2 +-
 zh-cn/README.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 8ecc18b0..4ff25db2 100644
--- a/README.md
+++ b/README.md
@@ -37,7 +37,7 @@
 | 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
 | 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
 | 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-toolbar-android.md)                 |
-| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies.md)                         |
+| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                         |
 | 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
 | 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
 | 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 8391c8d7..75d9f0b2 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -38,7 +38,7 @@
 | 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
 | 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
 | 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-toolbar-android.md)                 |
-| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies.md)                         |
+| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                         |
 | 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
 | 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
 | 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |

From 2ab54809fbf13e8d66e688af324b7b191ea7bdcb Mon Sep 17 00:00:00 2001
From: tyBrave <tianyong21@h-partners.com>
Date: Mon, 8 Jul 2024 10:21:58 +0800
Subject: [PATCH 114/966] =?UTF-8?q?docs:=20[Issues:=20#IAAZWN]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-reanimated=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-reanimated.md | 34 ++++++++++++++------------------
 1 file changed, 15 insertions(+), 19 deletions(-)

diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index 3dead397..f9f2095e 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reanimated</code> </h1>
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-reanimated/tree/sig)
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-reanimated/tree/sig)
 
 ## 安装与使用
 
@@ -116,7 +116,7 @@ export default function App() {
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -126,7 +126,7 @@ export default function App() {
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-reanimated": "file:../../node_modules/@react-native-oh-tpl/react-native-reanimated/harmony/reanimated.har"
+    "@react-native-oh-tpl/react-native-reanimated": "file:../../node_modules/@react-native-oh-tpl/react-native-reanimated/harmony/reanimated.har"
   }
 ```
 
@@ -151,15 +151,16 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_END: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-reanimated/src/main/cpp" ./reanimated)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-reanimated/src/main/cpp" ./reanimated)
+# RNOH_END: manual_package_linking_1
 
 add_library(rnoh_app SHARED
     "./PackageProvider.cpp"
@@ -168,11 +169,12 @@ add_library(rnoh_app SHARED
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_reanimated)
-# RNOH_END: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 ```
+> [!Tip] 注意：上面NODE_MODULES定义，为源库的安装路径，用户可以根据安装源库的路径定义NODE_MODULES
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
@@ -197,7 +199,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
 ...
-+ import { ReanimatedPackage } from 'rnoh-reanimated/ts';
++ import { ReanimatedPackage } from '@react-native-oh-tpl/react-native-reanimated/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -224,15 +226,9 @@ ohpm install
 
 ### 兼容性
 
-> [!WARNING] 本库的动画功能尚未实现，请关注之后发布的版本。
+该库是基于react-native-reanimated（version=3.6.0）进行适配，要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-本文档内容基于以下版本验证通过：
-
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
-3. 2. RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 4.1.3.700; ROM：3.0.0.19;
-
-详情见 [react-native-reanimated 源库地址](https://github.com/software-mansion/react-native-reanimated)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases)
 
 ## API
 

From afcf66762b0eb77e2ca6d34824376e690cd5950f Mon Sep 17 00:00:00 2001
From: qianyu <qianyu24@h-partners.com>
Date: Mon, 8 Jul 2024 11:35:59 +0800
Subject: [PATCH 115/966] =?UTF-8?q?docs:=20[Issues:=20#IAB8U4]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-ble-manager=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-ble-manager.md | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
index 6d1b9e61..40984d09 100644
--- a/zh-cn/react-native-ble-manager.md
+++ b/zh-cn/react-native-ble-manager.md
@@ -1,4 +1,5 @@
 <!-- {% raw %} -->
+
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -461,10 +462,13 @@ const styles = StyleSheet.create({
 
 打开 `entry/oh-package.json5`，添加以下依赖
 
+>[!TIP] 因本库需要两台手机去进行对端扫描和连接，所以需要装两个不同的har包编译（`ble_managerGatt` 和 `ble_managerServres`）
+
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_manager.har"
+    "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_managerGatt.har"，
+    "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_managerServers.har"
   }
 ```
 
@@ -591,5 +595,5 @@ ohpm install
 
 本项目基于[The MIT License (MIT)](https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE) ，请自由地享受和参与开源。
 
+<!-- {% endraw %} -->
 
-<!-- {% endraw %} -->
\ No newline at end of file

From 5e038d61b70dae56520535d8b4defd8c772d07f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 8 Jul 2024 13:44:29 +0800
Subject: [PATCH 116/966] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=89?=
 =?UTF-8?q?0.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-confirmation-code-field.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-confirmation-code-field.md b/zh-cn/react-native-confirmation-code-field.md
index e1895130..1ca90342 100644
--- a/zh-cn/react-native-confirmation-code-field.md
+++ b/zh-cn/react-native-confirmation-code-field.md
@@ -106,7 +106,7 @@ export default App;
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 

From 72b5beac3ee6a821906b241a43783469187550e5 Mon Sep 17 00:00:00 2001
From: feng <fengbolun1@h-partners.com>
Date: Mon, 8 Jul 2024 14:45:28 +0800
Subject: [PATCH 117/966] =?UTF-8?q?docs:=20[Issues:=20#IABBPF]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-code-push.md | 26 ++++++--------------------
 1 file changed, 6 insertions(+), 20 deletions(-)

diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 20346049..7c184f53 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -72,12 +72,10 @@ yarn add @react-native-oh-tpl/react-native-code-push@file:#
 import React, {Component} from 'react'
 import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
 import CodePush from '@react-native-oh-tpl/react-native-code-push';
-import ProgressBarModal from './ProgressBarModal';
 class App extends Component<any,any>{
     constructor(props:any) {
         super(props);
         this.state={
-            progressModalVisible:false,
             syncMessage:'',
             progress:{}
         }
@@ -106,7 +104,6 @@ class App extends Component<any,any>{
     }
 
     codePushStatusDidChange(syncStatus:string|number) {
-        console.log('syncStatus='+syncStatus)
         switch (syncStatus) {
             case CodePush.SyncStatus.CHECKING_FOR_UPDATE:
                 this.setState({syncMessage: 'Checking for update.'});
@@ -139,23 +136,7 @@ class App extends Component<any,any>{
         this.setState({progress});
     }
 
-
     render(){
-        let progressView;
-        if (this.state.progress) {
-            let total = (this.state.progress.totalSize/(1024*1024)).toFixed(2);
-            let received = (this.state.progress.receiveSize/(1024*1024)).toFixed(2);
-            let progress = (received/total)*100;
-                  progressView = (
-                      <ProgressBarModal
-                          progress={progress}
-                          totalPackageSize={total}
-                          receivedPackageSize={received}
-                          progressModalVisible={this.state.progressModalVisible}
-                      />
-
-                  );
-        }
         return(
             <View style={styles.container}>
                 <Text style={styles.welcome}>欢迎使用热更新--test!</Text>
@@ -164,7 +145,6 @@ class App extends Component<any,any>{
                 <TouchableOpacity onPress={this.syncImmediate.bind(this)}>
                     <Text style={styles.syncButton}>Press for dialog-driven sync</Text>
                 </TouchableOpacity>
-                { progressView }
             </View>
         )
     }
@@ -289,6 +269,12 @@ struct Index {
   private logger!: RNOHLogger
 + bundlePath:string = 'bunlde.harmony.js'
 + @State hasBundle:boolean = false
+aboutToAppear() {
+     ...
++   this.checkBundleUpdated()
+    this.shouldShow = true
+    stopTracing()
+  }
 
 + async downloadBunlde(){
 +    let uint8Array = await context.resourceManager.getRawFileContent('rawfile/bundle.harmony.js');

From 8cf3b4970dbcc2b34f63c750e3d35ecd7b2c66e1 Mon Sep 17 00:00:00 2001
From: qianyu <qianyu24@h-partners.com>
Date: Mon, 8 Jul 2024 15:38:12 +0800
Subject: [PATCH 118/966] =?UTF-8?q?docs:=20=20[Issues:=20#IAB8U4]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-ble-manager=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-ble-manager.md | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
index 40984d09..42f882d0 100644
--- a/zh-cn/react-native-ble-manager.md
+++ b/zh-cn/react-native-ble-manager.md
@@ -7,15 +7,16 @@
 </p>
 <p align="center">
     <a href="https://github.com/innoveit/react-native-ble-manager">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms"/>
     </a>
     <a href="https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <img src="https://img.shields.io/badge/license-MIT-green.svg"alt="License"/>
         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ble-manager)
 
 ## 安装与使用
@@ -462,13 +463,23 @@ const styles = StyleSheet.create({
 
 打开 `entry/oh-package.json5`，添加以下依赖
 
->[!TIP] 因本库需要两台手机去进行对端扫描和连接，所以需要装两个不同的har包编译（`ble_managerGatt` 和 `ble_managerServres`）
+>[!TIP] 因本库需要两台手机去进行对端扫描和连接，所以两台手机各装一个har包编译（`ble_managerGatt.har` 和 `ble_managerServers.har`）
+
+第一台手机：`ble_managerGatt.har`
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+     "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_managerGatt.har"，
+  }
+```
+
+第二台手机：`ble_managerServers.har`
 
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_managerGatt.har"，
-    "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_managerServers.har"
+     "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_managerServers.har"，
   }
 ```
 

From de9be2f280952b0c5b3cc5a8df53c39953d76c13 Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Mon, 8 Jul 2024 16:15:19 +0800
Subject: [PATCH 119/966] =?UTF-8?q?docs:=20[Issues:=20#IAANHM]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20react-native-spinkit=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: wangyizhou <wangyizhou6@h-partners.com>
---
 zh-cn/react-native-spinkit.md | 233 ++++++++++++++++++++++++++++++++++
 1 file changed, 233 insertions(+)
 create mode 100644 zh-cn/react-native-spinkit.md

diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md
new file mode 100644
index 00000000..acc32d9d
--- /dev/null
+++ b/zh-cn/react-native-spinkit.md
@@ -0,0 +1,233 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-spinkit</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/maxs15/react-native-spinkit">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/maxs15/react-native-spinkit/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-spinkit)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-spinkit@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-spinkit@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import Spinkit from 'react-native-spinkit';
+
+const SpinKitDemo: React.FC = (): JSX.Element => {
+    return (
+    	<Spinkit 
+        	type='9CubeGrid' 
+        	color='#e74032' 
+        	size={60} 
+			style={{ backgroundColor: '#fcc424' }} 
+            isVisible={true} 
+		/>
+    )
+};
+
+export default SpinKit;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-spinkit": "file:../../node_modules/@react-native-oh-tpl/react-native-spinkit/harmony/spinKit.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 SpinKitView 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
++ import { SpinKitView } from "@react-native-oh-tpl/react-native-spinkit"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++ if (ctx.componentName === SpinKitView.NAME) {
++   SpinKitView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++   })
++ }
+ ...
+}
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ SpinKitView.NAME
+  ];
+```
+### 在 ArkTs 侧引入 xxx Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { SpinKitPackage } from '@react-native-oh-tpl/react-native-spinkit/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SpinKitPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+
+然后编译、运行即可。
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**SpinKit**：加载动画渲染组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props。
+
+| props  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| type                  | Types of Load Animations                                    | string  | No       | All      | Yes               |
+| type: Plane           | One Direction Flip Loading Animation                        | string  | No       | All      | Yes               |
+| type: CircleFlip      | A circle flips to load animation                            | string  | No       | All      | Yes               |
+| type: Bounce          | A circular nested loading animation | string | No | All | Yes |
+| type: Wave | Five-bar group loading animation | string | No | All | Yes |
+| type: WanderingCubes | Two squares skip loading animation | string | No | All | Yes |
+| type: Pulse | A circular diffusion loading animation | string | No | All | Yes |
+| type: ChansingDots | Two Circles Bounce Loading Animation | string | No | All | Yes |
+| type: ThreeBounce | Three circles display the loading animation in sequence. | string | No | All | Yes |
+| type: Circle | Multiple circular circular motion loading animation | string | No | All | Yes |
+| type: 9CubeGrid | The nine squares display the loading animation in sequence | string | No | All | Yes |
+| type: WordPress | Round wheel inline hollow circle rotating Loading animation | string | No | IOS | Yes |
+| type: FadingCircle | Multiple square circular motion loading animation | string | No | All | Yes |
+| type: FadingCircleAlt | Multiple circular circular motion loading animation | string | No | All | Yes |
+| type: Arc | Rotating ring with notch loading animation | string | No | IOS | Yes |
+| type: ArcAlt | Circular progress bar style loading animation | string | No | IOS | Yes |
+| isVisible | Visibility of the spinner | boolean | No | All | Yes |
+| color | Color of the spinner | string | No | All | Yes |
+| size | Visibility of the spinner | number | No | All | Yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-spinkit/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From b98b72580929e269840028f0453ca7d793f0f63f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=AE=9D=E8=BF=AA?= <chenbaodi2@h-partners.com>
Date: Mon, 8 Jul 2024 18:19:35 +0800
Subject: [PATCH 120/966] =?UTF-8?q?docs:=20[#IABG6F]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-baidu-map=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 陈宝迪 <chenbaodi2@h-partners.com>
---
 zh-cn/react-native-baidu-map.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index bd0c154d..11a2e14d 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -454,7 +454,7 @@ ohpm install
 |-------------------------|----------------------------------|----------|----------|----------|-------------------|
 | zoomControlsVisible     | 显示或隐藏缩放控件，仅 Android              | Boolean  | no      | Android  | yes               |
 | trafficEnabled          | 是否启用交通图层                         | Boolean  | no      | All      | yes                |
-| baiduHeatMapEnabled     | 是否启用百度热力图                        | Boolean  | no      | All      | yes                |
+| baiduHeatMapEnabled     | 是否启用百度热力图                        | Boolean  | no      | All      | no                |
 | zoomGesturesEnabled     | 允许手势缩放                           | Boolean  | no      | All      | yes                |
 | scrollGesturesEnabled   | 允许拖动                             | Boolean  | no      | All      | yes                |
 | mapType                 | 地图类型                             | Number   | no      | All      | partially                |

From 35106e3e7d6134b281b8c72ee6823f5443eec70c Mon Sep 17 00:00:00 2001
From: Gyzztzj <Gyzztzj@163.com>
Date: Wed, 3 Jul 2024 20:38:12 +0800
Subject: [PATCH 121/966] =?UTF-8?q?docs:=20[Issues:#IAA058]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-community/datetimepicker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A30.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-native-community-datetimepicker.md  | 159 ++++++++++++------
 1 file changed, 106 insertions(+), 53 deletions(-)

diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index 8492c217..c9b54cbd 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/datetimepicker</code> </h1>
@@ -17,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -39,25 +39,27 @@ yarn add @react-native-oh-tpl/datetimepicker@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
+import React, { useState } from 'react'
 import DateTimePicker from '@react-native-community/datetimepicker';
+import { SafeAreaView, Button, Text } from 'react-native'
 
-export const App = () => {
-  const [date, setDate] = useState(new Date(1598051730000));
+export const MDatetimepicker = () => {
+  const [date, setDate] = useState(new Date(new Date()));
   const [mode, setMode] = useState('date');
   const [show, setShow] = useState(false);
 
-  const onChange = (event, selectedDate) => {
+  const onChange = (event: any, selectedDate: any) => {
     const currentDate = selectedDate;
     setShow(false);
     setDate(currentDate);
   };
 
-  const showMode = (currentMode) => {
+  const showMode = (currentMode: React.SetStateAction<string>) => {
     setShow(true);
     setMode(currentMode);
   };
@@ -71,17 +73,20 @@ export const App = () => {
   };
 
   return (
-     </SafeAreaView>
+    <SafeAreaView>
       <Button onPress={showDatepicker} title="Show date picker!" />
       <Button onPress={showTimepicker} title="Show time picker!" />
       <Text>selected: {date.toLocaleString()}</Text>
       {show && (
         <DateTimePicker
-          testID="dateTimePicker"
+          mode={mode}//partially (仅支持 date/time 模式)
+          style={{ width: 180, height: 80, backgroundColor: '#FFFFDD' }}
+          display='default' //partially (支持"default"，"spinner"，"compact"，"inline")
+          onChange={onChange}//partially (仅支持 type 为 set 类型)
           value={date}
-          mode={mode}
-          is24Hour={true}
-          onChange={onChange}
+          is24Hour={true} 
+          disabled={false} 
+          textColor={'#FFFFFF'}
         />
       )}
     </SafeAreaView>
@@ -95,6 +100,20 @@ export const App = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+
+```
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -112,8 +131,8 @@ export const App = () => {
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-datetimepicker": "file:../../node_modules/@react-native-oh-tpl/datetimepicker/harmony/datetimepicker.har"
-  }
+    "@react-native-oh-tpl/datetimepicker": "file:../../node_modules/@react-native-oh-tpl/datetimepicker/harmony/datetimepicker.har"
+}
 ```
 
 点击右上角的 `sync` 按钮
@@ -136,34 +155,44 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-datetimepicker/src/main/cpp" ./datetimepicker)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/datetimepicker/src/main/cpp" ./datetimepicker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_datetime_picker)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "DateTimePickerPackage.h"
 
@@ -171,8 +200,9 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<DateTimePickerPackage>(ctx)
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<DateTimePickerPackage>(ctx),
     };
 }
 ```
@@ -182,24 +212,15 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
-import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-+ import { RNDateTimePicker, DATETIME_PICKER_VIEW_TYPE } from "rnoh-datetimepicker"
++ import { RNDateTimePicker, DATETIME_PICKER_VIEW_TYPE } from "@react-native-oh-tpl/datetimepicker"
 
 @Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === DATETIME_PICKER_VIEW_TYPE) {
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++ if (ctx.componentName === DATETIME_PICKER_VIEW_TYPE) {
 +   RNDateTimePicker({
 +     ctx: ctx.rnComponentContext,
 +     tag: ctx.tag,
-+     buildCustomComponent: buildCustomComponent
 +   })
 + }
  ...
@@ -207,6 +228,18 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
+> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+ 
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ DATETIME_PICKER_VIEW_TYPE
+];
+```
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -220,11 +253,13 @@ ohpm install
 
 然后编译、运行即可。
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-library/datetimepicker> Releases](https://github.com/react-native-oh-library/datetimepicker/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases)
 
 ## 属性
 
@@ -232,29 +267,47 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name        | Description                                                               | Type     | Required | Platform                 | HarmonyOS Support                                          |
-| ----------- | ------------------------------------------------------------------------- | -------- | -------- | ------------------------ | ---------------------------------------------------------- |
-| mode        | Defines the type of the picker                                            | string   | 否       | All                      | partially (仅支持 date/time 模式)                          |
-| style       | Sets style directly on picker component.                                  | object   | 否       | IOS only                 | yes                                                        |
-| display     | Defines the visual display of the picker. The default value is "default". | string   | 否       | All                      | partially (支持"default"，"spinner"，"compact"，"inline")  |
-| onChange    | Date change handler.                                                      | function | 否       | All                      | partially (仅支持 type 为 set 类型)                        |
-| value       | Defines the date or time value used in the component.                     | Date     | 是       | All                      | partially (仅 mode=date 且 display=spinner 时支持动态设置) |
-| is24Hour    | Allows changing of the time picker to a 24-hour format.                   | bool     | 否       | Windows and Android only | yes                                                        |
-| maximumDate | Defines the maximum date that can be selected                             | Date     | 否       | All                      | partially (仅支持在 mode=date 且 display=spinner 时设置)   |
-| minimumDate | Defines the minimum date that can be selected.                            | Date     | 否       | All                      | partially (仅支持在 mode=date 且 display=spinner 时设置)   |
-| disabled    | If true, the user won't be able to interact with the view.                | bool     | 否       | IOS only                 | yes                                                        |
-| textColor   | Allows changing of the textColor of the date picker.                      | string   | 否       | IOS only                 | partially (仅支持在 mode=date 且 display=compact 时设置)   |
+详情请查看[datetimepicker 官方文档](https://github.com/react-native-datetimepicker/datetimepicker)
+
+| Name        | Description                                              | Type     | Required | Platform                 | HarmonyOS Support                                 |
+| ----------- | -------------------------------------------------------- | -------- | -------- | ------------------------ | ------------------------------------------------- |
+| mode        | Defines the type of the picker                           | string   | 否       | All                      | partially (仅支持 date/time 模式)                      |
+| style       | Sets style directly on picker component.                 | object   | 否       | IOS only                 | yes                                               |
+| display     | Defines the visual display of the picker. The default value is "default". | string   | 否       | All                      | partially (支持"default"，<br/>"spinner"，"compact"，"inline") |
+| onChange    | Date change handler.                                     | function | 否       | All                      | partially (仅支持 type 为 set 类型)                     |
+| value       | Defines the date or time value used in the component.    | Date     | 是       | All                      | partially (仅 mode=date 且 <br/>display=spinner 时支持动态设置) |
+| is24Hour    | Allows changing of the time picker to a 24-hour format.  | bool     | 否       | Windows and Android only | yes                                               |
+| maximumDate | Defines the maximum date that can be selected            | Date     | 否       | All                      | partially (仅支持在 mode=date 且 <br/>display=spinner 时设置) |
+| minimumDate | Defines the minimum date that can be selected.           | Date     | 否       | All                      | partially (仅支持在 mode=date 且 <br/>display=spinner 时设置) |
+| disabled    | If true, the user won't be able to interact with the view. | bool     | 否       | IOS only                 | yes                                               |
+| textColor   | Allows changing of the textColor of the date picker.     | string   | 否       | IOS only                 | partially (仅支持在 mode=date 且 <br/>display=compact 时设置) |
+| timeZoneName   | Allows changing of the time zone of the date picker. By default, <br/>it uses the device's time zone.<br/> Use the time zone name from the IANA (TZDB) database name in https://en.wikipedia.org/wiki/List_of_tz_database_time_zones. | string   | 否       | iOS and Android only                 |  No  |
+| timeZoneOffsetInMinutes    | Allows changing of the time zone of the date picker.<br/> By default, it uses the device's time zone.<br/> We strongly recommend using timeZoneName prop instead; <br/>this prop has known issues in the android implementation (eg. #528). | number   | 否       | iOS and Android only                 |  No  |
+| timeZoneOffsetInSeconds    | Allows changing of the time zone of the date picker. <br/>By default, it uses the device's time zone. | number  | 否       |  Windows only                |  No  |
+| dayOfWeekFormat   | Sets the display format for the day of the week headers.<br/> Reference: https://docs.microsoft.com/en-us/uwp/api/windows.<br/>ui.xaml.controls.calendarview.dayofweekformat?view=winrt-18362#remarks    | string   | 否       | Windows only                 |  No  |
+| dateFormat   | Sets the display format for the date value in the picker's <br/>text box. Reference: https://docs.microsoft.com/en-us/uwp/api/windows.globalization.datetimeformatting.datetimeformatter?view=winrt-18362#examples    | string   | 否       | Windows only                 |  No  |
+| firstDayOfWeek    | Indicates which day is shown as the first day of the week.    | number   | 否 | Android and Windows only                 |  No  |
+| accentColor    | Allows changing the accentColor (tintColor) of the date picker. <br/>Has no effect when display is "spinner".    | string   | 否       | iOS only                 |  No  |
+| themeVariant    | Allows overriding system theme variant (dark or light mode) <br/>used by the date picker. However,<br/> we recommend that you instead control the theme of the whole application using react-native-theme-control.   | string   | 否       | iOS only                |  No  |
+| locale    | Allows changing the locale of the component. <br/>This affects the displayed text and the date / time formatting. <br/>By default, the device's locale is used.<br/> Please note using this prop is discouraged due to not working <br/>reliably in all picker modes. Prefer localization as documented in Localization note. | string   | 否       | iOS only                 |  No  |
+| positiveButton    | Set the positive button label and text color.            | Object   | 否       | Android only                 | No   |
+| neutralButton    | Allows displaying neutral button on picker dialog. <br/>Pressing button can be observed in onChange handler<br/> as event.type === 'neutralButtonPressed'    | Object   | 否       | Android only                 |  No  |
+| negativeButton     | Set the negative button label and text color.            | Object   | 否       | Android only                 |  No  |
+| minuteInterval     | The interval at which minutes can be selected. <br/>Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30On<br/> Windows, this can be any number between 0-59.    | number   | 否       | All                 |  No  |
+| testID     | Usually used by app automation frameworks. <br/>Fully supported on iOS.<br/> On Android, only supported for mode="date".    | string   | 否       | All                 |  Yes  |
+| ViewProps     | On iOS, you can pass any View props to the component.<br/> Given that the underlying component is a native view, <br/>not all of them are guaranteed to be supported,<br/> but testID and onLayout are known to work.   | Object   | 否       | iOS only                 |  No  |
+| onError     | Callback that is called when an error occurs inside <br/>the date picker native code (such as null activity). | function   | 否       | Android only                 |  No  |
+
 
 ## 遗留问题
 
 - [x] 已解决：textColor 属性在 compact 和 inline 模式改变值后使用禁用操作，颜色会变白色[issue#17](https://github.com/react-native-oh-library/datetimepicker/issues/17)
-
-- [ ] 部分接口，未适配
+- [ ] 部分接口，未适配: [issue#20](https://github.com/react-native-oh-library/datetimepicker/issues/20#issue-2390348970)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/datetimepicker/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-datetimepicker/datetimepicker/blob/master/LICENSE.md) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 419ada70d7f767c1c256fd1d4a5ebc0a78c12ba2 Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Mon, 8 Jul 2024 18:36:18 +0800
Subject: [PATCH 122/966] =?UTF-8?q?docs:=20[#IAA6DT]=20=E6=96=B0=E5=A2=9Er?=
 =?UTF-8?q?eact-native-parsed-text=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-parsed-text.md | 226 ++++++++++++++++++++++++++++++
 1 file changed, 226 insertions(+)
 create mode 100644 zh-cn/react-native-parsed-text.md

diff --git a/zh-cn/react-native-parsed-text.md b/zh-cn/react-native-parsed-text.md
new file mode 100644
index 00000000..d5e76114
--- /dev/null
+++ b/zh-cn/react-native-parsed-text.md
@@ -0,0 +1,226 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-parsed-text</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/taskrabbit/react-native-parsed-text">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/taskrabbit/react-native-parsed-text/blob/master/LICENSE.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/taskrabbit/react-native-parsed-text)
+
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-parsed-text@0.0.22
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-parsed-text@0.0.22
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {Tester, Filter} from '@rnoh/testerino';
+import React from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+  Button,
+  Alert,
+  Linking
+} from 'react-native';
+import ParsedText from 'react-native-parsed-text';
+
+export function TestNativeParsedText({ filter }: { filter: Filter }){
+  
+  const handleUrlPress=(url, matchIndex /*: number*/)=>{
+    Linking.openURL(url);
+  }
+
+  const handlePhonePress=(phone, matchIndex /*: number*/)=> {
+    Alert.alert(`${phone} has been pressed!`);
+  }
+
+  const handleNamePress=(name, matchIndex /*: number*/)=> {
+    Alert.alert(`Hello ${name}`);
+  }
+
+  const handleEmailPress=(email, matchIndex /*: number*/)=> {
+    Alert.alert(`send email to ${email}`);
+  }
+  const handleIDPress=(name, matchIndex /*: number*/)=> {
+    Alert.alert(`Hello ${name}`);
+  }
+  const renderText=(matchingString, matches)=> {
+    let pattern = /\[(@[^:]+):([^\]]+)\]/i;
+    let match = matchingString.match(pattern);
+    return `^^${match[0]}^^`;
+  }
+
+    return (
+      <View style={{width: '100%', height: '100%'}}>
+        <Tester style={{flex: 1}} filter={filter}>
+          <View style={styles.container}>
+            <ParsedText
+              style={styles.text}
+              parse={
+                [
+                  {type: 'url',                       style: styles.url, onPress: handleUrlPress},
+                  {type: 'phone',                     style: styles.phone, onPress: handlePhonePress},
+                  {type: 'email',                     style: styles.email, onPress: handleEmailPress},
+                  {pattern: /Bob|David/,              style: styles.name, onPress: handleNamePress},
+                  {pattern: /\[(@[^:]+):([^\]]+)\]/i, style: styles.username, onPress: handleNamePress, renderText: renderText},
+                  {pattern: /42/,                     style: styles.magicNumber},
+                  {pattern: /#(\w+)/,                 style: styles.hashTag},
+                ]
+              }
+              childrenProps={{allowFontScaling: false}}
+            >
+                Hello this is an example of the ParsedText, links like http://www.google.com or http://www.facebook.com are clickable and phone number 444-555-6666 can call too.
+          But you can also do more with this package, for example Bob will change style and David too. username like [@^^:^^] has been replaced.
+          And the magic number is 42!
+          #react #react-native
+            </ParsedText>
+          </View>
+        </Tester>
+      </View>
+    );
+  
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  idnumber:{
+    color: 'yellow'
+  },
+
+  url: {
+    color: 'red',
+    textDecorationLine: 'underline',
+  },
+
+  email: {
+    textDecorationLine: 'underline',
+  },
+
+  text: {
+    color: 'black',
+    fontSize: 15,
+  },
+
+  phone: {
+    color: 'blue',
+    textDecorationLine: 'underline',
+  },
+
+  name: {
+    color: 'red',
+  },
+
+  username: {
+    color: 'green',
+    fontWeight: 'bold'
+  },
+
+  magicNumber: {
+    fontSize: 42,
+    color: 'pink',
+  },
+
+  hashTag: {
+    fontStyle: 'italic',
+    color:'green',
+    fontSize:42
+  },
+
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：HYM-W5821 3.0.0.25;
+
+## 属性
+
+ParsedText组件接收所有[React Native Text](https://reactnative.dev/docs/text.html)组件的Props
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| parse  | Array of parsed text.    | array  | yes | IOS/Android   | yes |
+| renderText  | Function called to change the displayed children.     | function  | yes | IOS/Android   | yes |
+| childrenProps | Properties to pass to the children elements generated by react-native-parsed-text.     | object  | no | IOS/Android   | yes |
+
+eg:
+
+parse: Array of parsed text.
+* to use the predefined type: `{type: 'url'}、{type: 'phone'} or {type: 'email'}`.
+* to use your own `RegExp`: `{pattern: /something/}`
+* to change the style of the matched text your own `RegExp`: `{type: 'phone',style:styles.phoneStyle}`
+* to add the onPress event(one of Text Props，and others are supported) of the matched text:`{type: 'url',onPress:this.handlePress}`.
+* to add the onLongPress event(one of Text Props，and others are supported) of your own `RegExp` matched text:`{pattern: /something/,onLongPress:this.handleLongPress}`.
+* to limit how many matches are found of your own `RegExp` matched text:`{pattern: /something/,nonExhaustiveModeMaxMatchCount:number}`.
+
+renderText: Function called to change the displayed children.
+
+Your str is ```'Mention [@michel:5455345]'``` where 5455345 is ID of this user and @michel the value to display on interface.
+Your pattern for ID & username extraction : ```/\[(@[^:]+):([^\]]+)\]/i```
+Your renderText method :
+```
+renderText(matchingString, matches) {
+  // matches => ["[@michel:5455345]", "@michel", "5455345"]
+  let pattern = /\[(@[^:]+):([^\]]+)\]/i;
+  let match = matchingString.match(pattern);
+  return `^^${match[1]}^^`;
+}
+```
+Displayed text will be : ```Mention ^^@michel^^```
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [TTHE MIT License (MIT)](https://github.com/taskrabbit/react-native-parsed-text/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From d7bf47967fea901d0a225fbf329501549a721904 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Mon, 8 Jul 2024 22:03:37 +0800
Subject: [PATCH 123/966] =?UTF-8?q?docs:=20[#IABHJC]=20=E6=96=B0=E5=A2=9Er?=
 =?UTF-8?q?eact-native-calendars=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-calendars.md | 126 ++++++++++++++++++++++++++++++++
 1 file changed, 126 insertions(+)
 create mode 100644 zh-cn/react-native-calendars.md

diff --git a/zh-cn/react-native-calendars.md b/zh-cn/react-native-calendars.md
new file mode 100644
index 00000000..c74daf52
--- /dev/null
+++ b/zh-cn/react-native-calendars.md
@@ -0,0 +1,126 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-calendars</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wix/react-native-calendars">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wix/react-native-calendars/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/wix/react-native-calendars)
+
+## 安装与使用
+
+#### **npm**
+
+```bash
+npm install --save react-native-calendars@1.1304.1
+```
+
+#### **yarn**
+
+```bash
+yarn install --save react-native-calendars@1.1304.1
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState } from "react";
+import { Calendar, CalendarList, Agenda } from "react-native-calendars";
+import { View, StyleSheet } from "react-native";
+
+const MySvgComponent = () => {
+  const [selected, setSelected] = useState("");
+  return (
+    <View style={styles.container}>
+      <Calendar
+        onDayPress={(day) => {
+          setSelected(day.dateString);
+        }}
+        markedDates={{
+          [selected]: {
+            selected: true,
+            disableTouchEvent: true,
+            selectedDotColor: "orange",
+          },
+        }}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    position: "absolute", // 绝对定位
+    bottom: 210, // 底部边界与父容器底部对齐
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 1,
+    backgroundColor: "#CC00FF",
+  },
+});
+export default MySvgComponent;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证：
+
+1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| theme                    | Specify theme properties to override specific styles for calendar parts                                    | Theme                | no       | All      | yes               |
+| firstDay                 | If firstDay=1 week starts from Monday. Note that dayNames and dayNamesShort should still start from Sunday | number               | no       | All      | yes               |
+| displayLoadingIndicator  | Display loading indicator                                                                                  | boolean              | no       | All      | yes               |
+| showWeekNumbers          | Show week numbers                                                                                          | boolean              | no       | All      | yes               |
+| style                    | Specify style for calendar container element                                                               | StyleProp<ViewStyle> | no       | All      | yes               |
+| current                  | Initially visible month                                                                                    | string               | no       | All      | yes               |
+| initialDate              | Initially visible month. If changed will initialize the calendar to this value                             | string               | no       | All      | yes               |
+| minDate                  | Minimum date that can be selected, dates before minDate will be grayed out                                 | string               | no       | All      | yes               |
+| maxDate                  | Maximum date that can be selected, dates after maxDate will be grayed out                                  | string               | no       | All      | yes               |
+| markedDates              | Collection of dates that have to be marked                                                                 | MarkedDates          | no       | All      | yes               |
+| hideExtraDays            | Do not show days of other months in month page                                                             | boolean              | no       | All      | yes               |
+| showSixWeeks             | Always show six weeks on each month (only when hideExtraDays = false)                                      | boolean              | no       | All      | yes               |
+| disableMonthChange       | Disables changing month when click on days of other months (when hideExtraDays is false)                   | boolean              | no       | All      | yes               |
+| enableSwipeMonths        | Enable the option to swipe between months                                                                  | boolean              | no       | All      | yes               |
+| disabledByDefault        | Disable days by default                                                                                    | boolean              | no       | All      | yes               |
+| headerStyle              | Style passed to the header                                                                                 | StyleProp<ViewStyle> | no       | All      | yes               |
+| customHeader             | Allow rendering a totally custom header                                                                    | any                  | no       | All      | yes               |
+| allowSelectionOutOfRange | Allow selection of dates before minDate or after maxDate                                                   | boolean              | no       | All      | yes               |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                        | Type     | Required | Platform | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| onDayPress            | Handler which gets executed on day press                           | function | no       | All      | yes               |
+| onDayLongPress        | Handler which gets executed on day long press                      | function | no       | All      | yes               |
+| onMonthChange         | Handler which gets executed when month changes in calendar         | function | no       | All      | yes               |
+| onVisibleMonthsChange | Handler which gets executed when visible month changes in calendar | function | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wix/react-native-calendars/blob/master/LICENSE) ，请自由地享受和参与开源。

From 88d913f30677f66eff2fea76c287a79c530ef1de Mon Sep 17 00:00:00 2001
From: wuleilei <433925+wuleilei@user.noreply.gitee.com>
Date: Tue, 9 Jul 2024 02:55:11 +0000
Subject: [PATCH 124/966] =?UTF-8?q?!922=20docs:=20[Issues:=20#I9OYIF]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20react-native-safe-module=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#I9OYIF]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-safe-module=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-safe-module.md | 108 ++++++++++++++++++++++++++++++
 1 file changed, 108 insertions(+)
 create mode 100644 zh-cn/react-native-safe-module.md

diff --git a/zh-cn/react-native-safe-module.md b/zh-cn/react-native-safe-module.md
new file mode 100644
index 00000000..a9d6442f
--- /dev/null
+++ b/zh-cn/react-native-safe-module.md
@@ -0,0 +1,108 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-safe-module</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lelandrichardson/react-native-safe-module">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lelandrichardson/react-native-safe-module/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-module)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-safe-module@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-safe-module@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View } from 'react-native';
+import SafeModule from 'react-native-safe-module';
+
+const App = () => {
+  const NativeLottieView = SafeModule.component({
+    viewName: 'LottieAnimationView',
+    mockComponent: View,
+  });
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <NativeLottieView
+        style={{backgroundColor: 'red', width: 100, height: 100}}
+      />
+    </View>
+  );
+};
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+Name | Description | Type | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+SafeModule.create(options) | 创建Module | Object | Yes | iOS/Android | Yes |  
+
+
+**options**：SafeModule.create(options) 方法的参数
+
+| Name                                                      | Description                                                                                                         | Type     | Required | Platform | HarmonyOS Support |
+| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| options.moduleName                                             |  The name, or array of names, to look for the module at on the NativeModules namespace.                                                                                      | string/Array<string> | Yes       | iOS/Android      | Yes               |
+| options.mock                                              | The mock implementation of the native module.                                        | mixed | Yes       | iOS/Android      | Yes               |
+| options.getVersion                                | A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.                                                                                                  | (module) => string/number | No       | iOS/Android      | Yes                |
+| options.overrides                                 | A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...).                                                                                                  | [version: string]: mixed   | No       | iOS/Android      | Yes               |
+| options.isEventEmitter                              |  A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.                                                                                                  | bool   | No       | iOS/Android      | Yes                |
+
+
+## 遗留问题
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/lelandrichardson/react-native-safe-module/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 41d89a39118b9715453b4fd9747d78729dc33ece Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Tue, 9 Jul 2024 03:19:00 +0000
Subject: [PATCH 125/966] =?UTF-8?q?!996=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fit-Image.md | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index 21bcf556..9b8cd57e 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -1,10 +1,13 @@
 <!-- {% raw %} -->
-模板版本：v0.2.1
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fit-image</code> </h1>
 </p>
 <p align="center">
+    <a href="https://github.com/huiseoul/react-native-fit-image/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/huiseoul/react-native-fit-image/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/lisense-BEER-WARE?color=%238bb903" alt="License" />
@@ -12,6 +15,7 @@
 </p>
 
 
+
 > [!TIP] [Github 地址](https://github.com/huiseoul/react-native-fit-image)
 
 ## 安装与使用
@@ -277,7 +281,9 @@ const FitImageDemo=()=>{
 export default FitImageDemo;
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 在以下版本验证通过
 
@@ -310,8 +316,8 @@ export default FitImageDemo;
 
 ## 遗留问题
 
-1. 在react-native-fit-image三方库中`onError`.`onLoadStart`.`onLayout`回调方法，在原库文档（react-native-fit-image）作者已说明并没有适配（Some props are not working），有待开发[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
-2. `borderRadius`图片圆角属性，在 HarmonyOS ，ios，安卓均不支持，官方文档互动有提到borderRadius不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
+- [ ] 在react-native-fit-image三方库中`onError`.`onLoadStart`.`onLayout`回调方法，在原库文档（react-native-fit-image）作者已说明并没有适配（Some props are not working），有待开发：[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
+- [ ] `borderRadius`图片圆角属性，在 HarmonyOS ，ios，安卓均不支持，官方文档互动有提到borderRadius不生效：[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
 
 ## 其他
 

From 030b5a8dd5174050807f595c19b88598ff918787 Mon Sep 17 00:00:00 2001
From: zhangweilong <zWX1345796@china.huawei.com>
Date: Tue, 9 Jul 2024 13:54:03 +0800
Subject: [PATCH 126/966] =?UTF-8?q?docs:=20[#IAATET]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-toolbar-android=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-toolbar-android.md | 84 +++++++++++++++++----------
 1 file changed, 52 insertions(+), 32 deletions(-)

diff --git a/zh-cn/react-native-toolbar-android.md b/zh-cn/react-native-toolbar-android.md
index 1d8341ad..a9ef6794 100644
--- a/zh-cn/react-native-toolbar-android.md
+++ b/zh-cn/react-native-toolbar-android.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/toolbar-android</code> </h1>
@@ -8,7 +8,7 @@
     <a href="https://github.com/react-native-toolbar-android/toolbar-android">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/toolbar-android/blob/sig/LICENSE">
+    <a href="https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
@@ -17,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/toolbar-android> Releases](https://github.com/react-native-oh-library/toolbar-android/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -43,7 +43,7 @@ yarn add @react-native-oh-tpl/toolbar-android@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```js
 import React, { useState } from "react";
 import { StyleSheet, View, Text } from "react-native";
 import ToolbarAndroid from "@react-native-community/toolbar-android";
@@ -126,6 +126,17 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -142,8 +153,7 @@ export default App;
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-toolbar-android": "file:../../node_modules/@react-native-oh-tpl/toolbar-android/harmony/toolbar_android.har"
+    "@react-native-oh-tpl/toolbar-android": "file:../../node_modules/@react-native-oh-tpl/toolbar-android/harmony/toolbar_android.har"
   }
 ```
 
@@ -165,18 +175,23 @@ ohpm install
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
 ```diff
-txtproject(rnapp)
+project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-toolbar-android/src/main/cpp" ./toolbar-android)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/toolbar-android/src/main/cpp" ./toolbar-android)
+# RNOH_END: manual_package_linking_1
 
 add_library(rnoh_app SHARED
     "./PackageProvider.cpp"
@@ -194,15 +209,14 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
+...
 + #include "ToolbarAndroidPackage.h"
 
 using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
+      ...
 +     std::make_shared<ToolbarAndroidPackage>(ctx),
     };
 }
@@ -210,31 +224,35 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ### 在 ArkTs 侧引入 RNCToolbarAndroid 组件
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
 ...
-+ import { RNCToolbarAndroid, RNC_TOOLBAR_ANDROID_TYPE } from 'rnoh-toolbar-android/src/main/ets/RNCToolbarAndroid'
++ import { RNCToolbarAndroid, RNC_TOOLBAR_ANDROID_TYPE } from '@react-native-oh-tpl/toolbar-android/src/main/ets/RNCToolbarAndroid'
 
   @Builder
-  function buildCustomComponent(ctx: ComponentBuilderContext) {
-    if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-      SampleView({
-        ctx: ctx.rnComponentContext,
-        tag: ctx.tag,
-        buildCustomComponent: buildCustomComponent
-      })
-    }
-+  else if (ctx.componentName === RNC_TOOLBAR_ANDROID_TYPE) {
-+    RNCToolbarAndroid({
-+      ctx: ctx.rnohContext,
+  function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+    ...
++   if (ctx.componentName === RNC_TOOLBAR_ANDROID_TYPE) {
++     RNCToolbarAndroid({
++      ctx: ctx.rnComponentContext,
 +      tag: ctx.tag
-+    })
-+  }
++     })
++   }
     ...
   }
   ...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
 
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  ...
++ RNC_TOOLBAR_ANDROID_TYPE
+];
 ```
 
 ### 运行
@@ -256,7 +274,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-tpl/toolbar-android> Releases](https://github.com/react-native-oh-library/toolbar-android/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)
 
 ## 属性
 
@@ -290,6 +308,8 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
 | width  | the width of the image                                 | number | No       | android  | yes               |
 | height | the height of the image                                | number | No       | android  | yes               |
 
+## 遗留问题
+
 ## 其他
 
 ## 开源协议

From 82d901f49e5a1473474e96f2e867c4f5b444aeb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Tue, 9 Jul 2024 06:58:11 +0000
Subject: [PATCH 127/966] =?UTF-8?q?!988=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-lifecycles-compat.md | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/react-lifecycles-compat.md
index 33ff079f..e952c0dd 100644
--- a/zh-cn/react-lifecycles-compat.md
+++ b/zh-cn/react-lifecycles-compat.md
@@ -1,15 +1,21 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-lifecycles-compat</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/reactjs/react-lifecycles-compat">
+<a href="https://github.com/reactjs/react-lifecycles-compat/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
+
+
 > [!TIP] [Github 地址](https://github.com/reactjs/react-lifecycles-compat)
 
 ## 安装与使用
@@ -144,6 +150,8 @@ polyfill(ExampleComponent);
 export default ExampleComponent;
 ```
 
+## 约束与限制
+
 ### 兼容性
 
 在以下版本验证通过
@@ -165,4 +173,8 @@ export default ExampleComponent;
 
 如果您的组件包含getSnapshotBeforeUpdate，那么也必须定义componentDidUpdate，如果不满足上述任何条件，将抛出错误.
 
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
 <!-- {% endraw %} -->
\ No newline at end of file

From 0ad2d3093ad062ade6a98aac63598563d3eb1a5f Mon Sep 17 00:00:00 2001
From: meimei0321 <dengzimei@h-partners.com>
Date: Thu, 4 Jul 2024 10:29:41 +0800
Subject: [PATCH 128/966] =?UTF-8?q?fix:=20[issues:=20#IAAGQC]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-text-gradient=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-text-gradient.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-text-gradient.md b/zh-cn/react-native-text-gradient.md
index e6295bcc..b3c85ff3 100644
--- a/zh-cn/react-native-text-gradient.md
+++ b/zh-cn/react-native-text-gradient.md
@@ -201,13 +201,13 @@ ohpm install
 | end             | Same as start, but for the end of the gradient.                                                                                                     | number |   yes    | IOS/Android  |       yes          |
 | loactions       | An optional array of numbers defining the location of each gradient color stop, mapping to the color with the same index in prop.                   | number[]  |   yes    | IOS/Android  |       yes          |
 | colors          | An array of at least two color values that represent gradient colors.                                                                               | string   |   yes    | IOS/Android  |       yes          |
-| useViewFrame    | Optional. If true gradient will be calculated for text view background frame rather than text frame.                                                | boolean  |   yes    | IOS/Android  |       no          |
-| useGlobalCache  |  accessing or managing a cache that is available globally throughout the application.                                                               | boolean  |   yes    | IOS/Android  |       no          |
+| useViewFrame    | Optional. If true gradient will be calculated for text view background frame rather than text frame.                                                | boolean  |   yes    | IOS/Android  |       yes          |
+| useGlobalCache  |  accessing or managing a cache that is available globally throughout the application.                                                               | boolean  |   yes    | IOS/Android  |       yes         |
 
 
 ## 遗留问题
 
-- [ ] useViewFrame()接口harmony暂不支持[issue#1](https://github.com/react-native-oh-library/react-native-text-gradient/issues/1)
+- [x] useViewFrame()接口harmony暂不支持[issue#1](https://github.com/react-native-oh-library/react-native-text-gradient/issues/1)
 
 ## 其他
 

From 1cb7b950aa935b0e5661ff97eb817906166485e8 Mon Sep 17 00:00:00 2001
From: meimei0321 <dengzimei@h-partners.com>
Date: Mon, 1 Jul 2024 14:30:39 +0800
Subject: [PATCH 129/966] =?UTF-8?q?docs:=20[Issues:=20#I9SQFG]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-spring-scrollview=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-spring-scrollview.md | 309 ++++++++++++++++++++++++
 1 file changed, 309 insertions(+)
 create mode 100644 zh-cn/react-native-spring-scrollview.md

diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
new file mode 100644
index 00000000..311db2ae
--- /dev/null
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -0,0 +1,309 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center">react-native-spring-scrollview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bolan9999/react-native-spring-scrollview">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bolan9999/react-native-spring-scrollview/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-spring-scrollview)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-spring-scrollview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-spring-scrollview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+  Platform,
+  Animated,
+  ScrollView,
+} from 'react-native';
+import {SpringScrollView} from 'react-native-spring-scrollview';
+
+const AnimatedSpringScrollView = Animated.createAnimatedComponent(SpringScrollView);
+export default class ScrollToAndOnScrollExample extends React.Component {
+  _contentCount = 20;
+  _scrollView;
+  _nativeOffset = {
+    y: new Animated.Value(0),
+  };
+
+  render() {
+    const arr = [];
+    for (let i = 0; i < this._contentCount; ++i) arr.push(i);
+    return (
+      <View style={styles.container}>
+        <TouchableOpacity style={styles.scrollTo} onPress={this._scrollTo}>
+          <Text>Tap to ScrollTo y=200</Text>
+        </TouchableOpacity>
+        <SpringScrollView
+          style={styles.container}
+          ref={(ref) => (this._scrollView = ref)}
+          onTouchBegin={this._onTouchBegin}
+          onTouchFinish={this._onTouchEnd}
+          onMomentumScrollBegin={this.onMomentumScrollBegin}
+          onMomentumScrollEnd={this._onMomentumScrollEnd}
+          onNativeContentOffsetExtract={this._nativeOffset}
+          >
+          {arr.map((i, index) => (
+            <Text key={index} style={styles.text}>
+              Scroll and Look up the console log to check if
+              'onScroll','onTouchBegin','onTouchEnd','onMomentumScrollBegin' and
+              'onMomentumScrollEnd' work well!
+            </Text>
+          ))}
+          <Animated.View style={this._stickyHeaderStyle}>
+            <Text>Test `onNativeContentOffsetExtract`</Text>
+          </Animated.View>
+        </SpringScrollView>
+      </View>
+    );
+  }
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+本库HarmonyOS侧实现依赖@react-native-oh-tpl/lottie-react-native的原生端代码，如已在HarmonyOS工程中引入过该库，则无需再次引入，可跳过本章步骤，直接使用。
+
+如为引入请参考[@react-native-oh-tpl/lottie-react-native文档的link章节](/zh-cn/lottie-react-native.md#link)进行引入
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-spring-scrollview": "file:../../node_modules/@react-native-oh-tpl/react-native-spring-scrollview/harmony/spring-scrollview.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 SpringScrollViewPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-spring-scrollview/src/main/cpp" ./spring-scrollview)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_spring_scrollview)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SpringScrollViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SpringScrollViewPackage>(ctx),
+    };
+}
+```
+
+### 在 ArkTs 侧引入 SpringScrollViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {SpringScrollViewPackage} from '@react-native-oh-tpl/react-native-spring-scrollview/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SpringScrollViewPackage(ctx),
+  ];
+}
+```
+
+打开 `entry/src/main/ets/pages/Index.ets`，添加：
+```diff
+...
++ const arkTsComponentNames: Array<string> =["SampleView","GeneratedSampleView","PropsDisplayer","LottieAnimationView"];
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| contentStyle | set content style	        | ViewStyle  | yes | iOS/Android      | yes |
+| bounces  | 	Bounces if the content offset is out of the content view. It won't be bounces on the horizontal direction if the content view is not wider than the wrapper view although bounces is true. But it will on the vertical direction.        | boolean  | yes | iOS/Android      | yes |
+| scrollEnabled  | scrollEnabled         | boolean  | yes | iOS/Android      | yes |
+| directionalLockEnabled  | When true, the SpringScrollView will try to lock to only vertical or horizontal scrolling while dragging.        | boolean  | yes | iOS/Android      | yes |
+| initialContentOffset  | initial content offset. Only works when initiation.         |  Offset  | yes | iOS/Android      | yes |
+| showsVerticalScrollIndicator  | showsVerticalScrollIndicator         |  boolean | yes | iOS/Android      | no |
+| showsHorizontalScrollIndicator  | showsHorizontalScrollIndicator         |  boolean  | yes | iOS/Android      | no |
+| refreshHeader  | refresh header         |  React.ComponentClass<RefreshHeaderPropType,RefreshHeaderStateType>  | yes | iOS/Android      | yes |
+| loadingFooter  | loading header         |  React.ComponentClass<LoadingFooterPropType,LoadingFooterStateType>  | yes | iOS/Android      | yes |
+| onRefresh | he callback when refreshing. When this props is configured, a refresh header will be add on the top of the SpringScrollView         |  	()=>any  | yes | iOS/Android      | yes |
+| onLoading()  | The callback of loading. If set this prop, a loading footer will add to the botom of the SpringScrollView         |  ()=>any  | yes | iOS/Android      | yes |
+| allLoaded  | Whether the data is all loaded.         |  boolean  | yes | iOS/Android      | yes |
+| textInputRefs  |  text input      |  any[]  | yes | iOS/Android      | yes |
+| inverted  | inverted. It is a service for LargeList.         |  boolean  | yes | iOS/Android      | yes |
+| inputToolBarHeight  | set height of the input toolbar        |  number  | yes | iOS/Android      | yes |
+| tapToHideKeyboard  | hide the currently displayed keyboard        |  boolean  | yes | iOS/Android      | yes |
+| onTouchBegin()  | begin touch         | ()=>any  | yes | iOS/Android      | yes|
+| onTouchFinish()   | touch finished         | ()=>any | yes | iOS/Android      | yes|
+| beginRefresh()  | If you want to begin refreshing programally without finger draging, call this method after initialized.         | Promise<any>  | yes | iOS/Android      | yes|
+| endRefresh()  | End the refreshing status.        | void  | yes | iOS/Android      | yes|
+| endLoading()  | End the loading status.        | void  | yes | iOS/Android      | yes|
+| scrollTo()  | animate scroll to a specific position          | Promise<void>  | yes | iOS/Android      | yes|
+| scroll()  | scroll animation to a specific position        | Promise<void>  | yes | iOS/Android      | yes|
+| scrollToBegin()  | scroll begin         | Promise<void>  | yes | iOS/Android      | yes|
+| scrollToEnd()  | scroll end         | Promise<void>  | yes | iOS/Android      | yes|
+| onScroll()  | scroll         | (evt: ScrollEvent) => any  | yes | iOS/Android      | yes|
+| onNativeContentOffsetExtract  |  calculate content offset       |  NativeContentOffset | yes | iOS/Android      | yes|
+| onScrollBeginDrag()  | an event that is triggered when the user starts dragging (scrolling) content.         | ()=>any  | yes | iOS/Android     | yes|
+| onMomentumScrollBegin()  | When the user scrolls content and the momentum scroll animation begins, it triggers an event.         | ()=>any  | yes | iOS/Android      | yes|
+| onMomentumScrollEnd()  | When the user scrolls content and the momentum scroll animation ends, it triggers an event.         | ()=>any  | yes | iOS/Android      | yes|
+| onSizeChange  | The callback when the wrapper view size changed.         | (size: Size) => any | yes | iOS/Android      | yes |
+| onContentSizeChange  | The callback when the content view size changed.         | (size: Size) => any  | yes | iOS/Android      | yes |
+
+## 遗留问题
+
+- [ ] showsVerticalScrollIndicator属性harmony暂不支持[issue#3](https://github.com/react-native-oh-library/react-native-spring-scrollview/issues/3)
+- [ ] showsHorizontalScrollIndicator属性harmony暂不支持[issue#4](https://github.com/react-native-oh-library/react-native-spring-scrollview/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 745edaef9cab51a1a8fce893bf3682bfb9f7dbcb Mon Sep 17 00:00:00 2001
From: ding_chengjie <dingchenjie1@h-partners.com>
Date: Tue, 9 Jul 2024 15:32:30 +0800
Subject: [PATCH 130/966] =?UTF-8?q?fix:=20[issues:=20#IABOD1]=20=E8=A1=A5?=
 =?UTF-8?q?=E5=85=85pager-view=E7=BB=84=E4=BB=B6=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84overrides=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-pager-view.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index b4fecc42..6e19491b 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -74,6 +74,16 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides字段
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：

From 8a3212a7b8dfc7b01bcc0ab2e5d58fd6bc96232c Mon Sep 17 00:00:00 2001
From: wuleilei <433925+wuleilei@user.noreply.gitee.com>
Date: Tue, 9 Jul 2024 09:33:29 +0000
Subject: [PATCH 131/966] =?UTF-8?q?!914=20docs:=20[Issues:=20#I9TF6U]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20react-native-splash-screen=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#I9TF6U]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-splash-screen=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-splash-screen.md | 221 ++++++++++++++++++++++++++++
 1 file changed, 221 insertions(+)
 create mode 100644 zh-cn/react-native-splash-screen.md

diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md
new file mode 100644
index 00000000..82638bb0
--- /dev/null
+++ b/zh-cn/react-native-splash-screen.md
@@ -0,0 +1,221 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-splash-screen</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/crazycodeboy/react-native-splash-screen">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-splash-screen)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-splash-screen@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-splash-screen@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+##### **新建启动页SplashScreenPage.ets**
+
+```ets
+import { SplashScreen } from 'react-native-splash-screen'
+@Component
+export struct SplashScreenPage {
+  build() {
+    Row() {
+      SplashScreenView();
+    }
+  }
+}
+```
+
+##### **main_pages.json 内添加 `SplashScreenPage`**
+```json
+{
+  "src": [
+    "pages/SplashScreenPage"
+  ]
+}
+```
+
+##### **修改EntryAbility.ets**
+```ets
+import { SplashScreen } from 'react-native-splash-screen'
+onWindowStageCreate(windowStage: window.WindowStage): void {
+  let startWindowIcon = $r('app.media.splashIcon'); // 启动页图片
+  let startWindowBackground = "#FFFFFF"; // 启动页背景色
+  let startPageUrl = 'pages/SplashScreenPage'; // 启动页
+  SplashScreen.show(this.context, windowStage, startWindowIcon, startWindowBackground, startPageUrl).then(() => {
+    super.onWindowStageCreate(windowStage);
+  })
+}
+```
+
+##### **在适当的时候关闭启动屏幕（如：启动初始化完成后）**
+```ets
+import SplashScreen from 'react-native-splash-screen';
+export default class WelcomePage extends Component {
+    componentDidMount() {
+        SplashScreen.hide(); // 关闭启动屏幕
+    }
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-splash-screen": "file:../../node_modules/@react-native-oh-tpl/react-native-splash-screen/harmony/splash-screen.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 SplashScreenPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {SplashScreenPackage} from '@react-native-oh-tpl/react-native-splash-screen/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SplashScreenPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+Name | Description | Type | Required | Platform | HarmonyOS Support
+-- | -- | -- | -- | -- | --
+show() | 显示启动屏幕(原生方法) | void | Yes | iOS | No  
+show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) | 显示启动屏幕(原生方法) | void | Yes | iOS/Android | Yes  
+hide() | 隐藏启动屏幕 | void | Yes | iOS/Android | Yes  
+
+
+> [!tip] **show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) 方法的参数说明：**
+
+| Name                                                      | Description                                                                                                         | Type     |
+| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- |
+| abilityContext | 应用上下文 | UIAbilityContext |
+| windowStage | 窗口管理器 | window.WindowStage |
+| iconResource | 启动页图片 | Resource |
+| backgroundColor | 启动页背景色 | string |
+| pageUrl | 首页路由 | bool |
+
+## 遗留问题
+
+## 其他
+
+在 iOS 中，show() 方法的工作原理是： 在入口 application 方法中，首先加载 App 首页，然后使用 while 循环让界面停留在 App 启动屏，此时首页仍然会异步加载，加载完成后，停止 while 循环即可隐藏启动屏，显示首页。
+HarmonyOS 中，在入口 onWindowStageCreate 中调用 windowStage.loadContent 加载首页，如果此时使用 while 循环，首页无法异步加载。
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 6f921b0f0bd5b43b055d622fa1eab4a54fff96fd Mon Sep 17 00:00:00 2001
From: zhangweilong <zWX1345796@china.huawei.com>
Date: Wed, 10 Jul 2024 10:03:38 +0800
Subject: [PATCH 132/966] =?UTF-8?q?docs:=20[#IAAL1J]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-text-size=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-text-size.md | 54 ++++++++++++++++-----------------
 1 file changed, 26 insertions(+), 28 deletions(-)

diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index 80f1e44f..9a3de830 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-text-size</code> </h1>
@@ -8,9 +8,8 @@
     <a href="https://github.com/aMarCruz/react-native-text-size">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-text-size/blob/sig/LICENSE%3E">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    <a href="https://github.com/aMarCruz/react-native-text-size/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-BSD-green.svg" alt="License" />
     </a>
 </p>
 
@@ -18,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-text-size> Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -56,7 +55,7 @@ import {
 
 import RTNTextSize, { TSFontSpecs, TSFontInfo } from 'react-native-text-size'
 
-export function TextSizeExample() {
+export default function TextSizeExample() {
   const [res, setRes] = useState<string[]>([])
   const [res2, setRes2] = useState<string[]>([])
   const fontFamily = 'HarmonyOS Sans SC'
@@ -146,7 +145,7 @@ export function TextSizeExample() {
         </Text>
         {texts2.map(
           (texts2, index) => (
-            <Text style={{ height: heights2[index], ...fontSpecs2 }}>
+            <Text key = {index} style={{ height: heights2[index], ...fontSpecs2 }}>
               {texts2}
             </Text>
           )
@@ -212,8 +211,7 @@ export function TextSizeExample() {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-text-size": "file:../../node_modules/@react-native-oh-tpl/react-native-text-size/harmony/text_size.har"
+    "@react-native-oh-tpl/react-native-text-size": "file:../../node_modules/@react-native-oh-tpl/react-native-text-size/harmony/text_size.har"
   }
 ```
 
@@ -237,16 +235,23 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-text-size/src/main/cpp" ./text-size)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-text-size/src/main/cpp" ./text-size)
+# RNOH_END: manual_package_linking_1
 
 add_library(rnoh_app SHARED
     "./PackageProvider.cpp"
@@ -255,24 +260,23 @@ add_library(rnoh_app SHARED
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_text_size)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
+...
 + #include "RNTextSizePackage.h"
 
 using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
+      ...
 +     std::make_shared<RNTextSizePackage>(ctx)
     };
 }
@@ -284,11 +288,11 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
 ...
-+ import { RNTextSizePackage } from 'rnoh-text-size/ts';
++ import { RNTextSizePackage } from '@react-native-oh-tpl/react-native-text-size/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
-    new SamplePackage(ctx),
+    ...
 +   new RNTextSizePackage(ctx)
   ];
 }
@@ -313,7 +317,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-tpl/react-native-text-size> Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)
 
 ## 属性
 
@@ -325,8 +329,6 @@ ohpm install
 
 **TSMeasureParams**
 
-Plain JS object with this properties (only `text` is required):
-
 | Name               | Description                                        | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------ | -------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
 | text               | System Name                                        | string[] | Yes      | IOS/Android | yes               |
@@ -345,8 +347,6 @@ Plain JS object with this properties (only `text` is required):
 
 **TSFontSpecs**
 
-This parameter is a subset of **TSMeasureParams**, so the details are omitted here.
-
 | Name          | Description  | Type                   | Required | Platform    | HarmonyOS Support |
 | ------------- | ------------ | ---------------------- | -------- | ----------- | ----------------- |
 | fontFamily    | System Name  | string                 | No       | IOS/Android | yes               |
@@ -358,8 +358,6 @@ This parameter is a subset of **TSMeasureParams**, so the details are omitted he
 
 **TSHeightsParams**
 
-This is an object similar to the one you pass to `measure`, but the `text` option is an array of strings and the `usePreciseWidth` and `lineInfoForLine` options are ignored.
-
 | Name               | Description                    | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------ | ------------------------------ | -------- | -------- | ----------- | ----------------- |
 | text               | System Name                    | string[] | Yes      | IOS/Android | yes               |
@@ -397,6 +395,6 @@ This is an object similar to the one you pass to `measure`, but the `text` optio
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+本项目基于 [The BSD 2-Clause License（BSD）](https://github.com/aMarCruz/react-native-text-size/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From f583b381678aa79b0483ec3609802869453e3e1c Mon Sep 17 00:00:00 2001
From: liwang <liwang45@h-partners.com>
Date: Wed, 10 Jul 2024 10:18:13 +0800
Subject: [PATCH 133/966] =?UTF-8?q?docs:=20[Issues:=20#IABKTE]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=20react-native-fast-image=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fast-image.md | 164 +++++++++++++++++++------------
 1 file changed, 100 insertions(+), 64 deletions(-)

diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index 7f35efbe..63f731bb 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fast-image</code> </h1>
@@ -13,7 +14,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-fast-image)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fast-image)
 
 ## 安装与使用
 
@@ -44,19 +45,62 @@ yarn add @react-native-oh-tpl/react-native-fast-image@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import FastImage from "react-native-fast-image";
-
-const YourImage = () => (
-  <FastImage
-    style={{ width: 200, height: 200 }}
-    source={{
-      uri: "https://unsplash.it/400/400?image=1",
-      headers: { Authorization: "someAuthToken" },
-      priority: FastImage.priority.normal,
-    }}
-    resizeMode={FastImage.resizeMode.contain}
-  />
-);
+import React from "react";
+import { StyleSheet, View, ScrollView } from "react-native";
+import FastImage, {
+  ResizeMode,
+  OnLoadEvent,
+  OnProgressEvent,
+} from "react-native-fast-image";
+
+export const FastImageDemo = () => {
+  return (
+    <ScrollView>
+      <View>
+        <FastImage
+          style={styles.image}
+          source={{
+            uri: "https://res8.vmallres.com/pimages/uomcdn/CN/pms/202205/gbom/6941487259298/428_428_D7BFF22D4678EB68440F914B352214C4mp_tds.png",
+          }}
+          resizeMode={FastImage.resizeMode.contain}
+          onLoadStart={() => {
+            console.log("onLoadStart: success");
+          }}
+          onProgress={(e: OnProgressEvent) => {
+            console.log(
+              "onProgress: success loaded=" +
+                e.nativeEvent.loaded +
+                " total=" +
+                e.nativeEvent.total
+            );
+          }}
+          onLoad={(e: OnLoadEvent) => {
+            console.log(
+              "onLoad: success width=" +
+                e.nativeEvent.width +
+                " height=" +
+                e.nativeEvent.height
+            );
+          }}
+          onError={() => {
+            console.log("onError: success");
+          }}
+          onLoadEnd={() => {
+            console.log("onLoadEnd: success");
+          }}
+        />
+      </View>
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  image: {
+    width: 200,
+    height: 200,
+    margin: 20,
+  },
+});
 ```
 
 ## Link
@@ -65,6 +109,17 @@ const YourImage = () => (
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -72,7 +127,7 @@ const YourImage = () => (
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -81,8 +136,7 @@ const YourImage = () => (
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-fast-image": "file:../../node_modules/@react-native-oh-tpl/react-native-fast-image/harmony/fast_image.har"
+    "@react-native-oh-tpl/react-native-fast-image": "file:../../node_modules/@react-native-oh-tpl/react-native-fast-image/harmony/fast_image.har"
   }
 ```
 
@@ -106,34 +160,44 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-fast-image/src/main/cpp" ./fast-image)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-fast-image/src/main/cpp" ./fast-image)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_fast_image)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "FastImagePackage.h"
 
@@ -141,48 +205,20 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<FastImagePackage>(ctx)
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<FastImagePackage>(ctx),
     };
 }
 ```
 
-### 在 ArkTs 侧引入 FastImage 组件
-
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-...
-+ import { RNFastImage, FAST_IMAGE_TYPE } from "rnoh-fast-image"
-
-@Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === FAST_IMAGE_TYPE) {
-+   RNFastImage({
-+     ctx: ctx.rnComponentContext,
-+     tag: ctx.tag,
-+   })
-+ }
- ...
-}
-...
-```
-
 ### 在 ArkTs 侧引入 FastImagePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-import type {RNPackageContext, RNPackage} from 'rnoh/ts';
-import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import { FastImagePackage } from 'rnoh-fast-image/ts';
+...
++ import {FastImagePackage} from '@react-native-oh-tpl/react-native-fast-image/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -207,7 +243,7 @@ ohpm install
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -223,11 +259,11 @@ ohpm install
 | ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
 | `source.uri`                   | Source for the remote image to load.                                                      | string           | yes      | All      | yes               |
 | `source.headers?`              | Headers to load the image with. e.g. { Authorization: 'someAuthToken' }.                  | object           | yes      | All      | yes               |
-| `source.priority?`             | loading url priority                                                                      | enum             | No       | All      | no                |
-| `source.cache?`                | setting loading url cache mode                                                            | enum             | No       | All      | no                |
+| `source.priority?`             | loading url priority                                                                      | enum             | no       | All      | no                |
+| `source.cache?`                | setting loading url cache mode                                                            | enum             | no       | All      | no                |
 | `defaultSource?`               | An asset loaded with require(...).                                                        | number           | yes      | All      | yes               |
-| `resizeMode?`                  | loading image for scale mode                                                              | enum             | yes      | ALL      | yes               |
-| `onLoadStart?: () => void`     | Called when the image starts to load.                                                     | function         | yes      | ALL      | yes               |
+| `resizeMode?`                  | loading image for scale mode                                                              | enum             | yes      | All      | yes               |
+| `onLoadStart?: () => void`     | Called when the image starts to load.                                                     | function         | yes      | All      | yes               |
 | `onProgress?: (event) => void` | Called when the image is loading.                                                         | function         | yes      | All      | yes               |
 | `onLoad?: (event) => void`     | Called on a successful image fetch. Called with the width and height of the loaded image. | function         | yes      | All      | yes               |
 | `onError?: () => void`         | Called on an image fetching error.                                                        | function         | yes      | All      | yes               |
@@ -256,4 +292,4 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/DylanVann/react-native-fast-image/blob/main/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From 52f1ed06a2164ce5fa3a611dd3b611b2b8f8f873 Mon Sep 17 00:00:00 2001
From: Inkmu <sunxiangen@h-partners.com>
Date: Wed, 10 Jul 2024 10:56:36 +0800
Subject: [PATCH 134/966] =?UTF-8?q?docs:=20[Issues:=20#IAAIKX]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-modal=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=87=B30.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modal.md | 279 +++++++++++++++++-------------------
 1 file changed, 131 insertions(+), 148 deletions(-)

diff --git a/zh-cn/react-native-modal.md b/zh-cn/react-native-modal.md
index 9396052e..853ced1e 100644
--- a/zh-cn/react-native-modal.md
+++ b/zh-cn/react-native-modal.md
@@ -1,40 +1,41 @@
 <!-- {% raw %} -->
- 
 
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-modal</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/react-native-modal/react-native-modal">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-     <a href="https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md">
+    <a href="https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-modal/react-native-modal)
-
- 
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-modal)
 
 ## 安装与使用
- 
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
- 
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm i react-native-modal@13.0.1
+npm install @react-native-oh-tpl/react-native-modal@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-modal@13.0.1
+yarn add @react-native-oh-tpl/react-native-modal@file:#
 ```
 
 <!-- tabs:end -->
@@ -43,109 +44,93 @@ yarn add react-native-modal@13.0.1
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```js
-import React, { Component } from 'react';
-import {
-    AppRegistry,
-    StyleSheet,
-    View,
-    Text
-} from 'react-native';
-
-import Modal from 'react-native-modal';
-
-export default class RNApplyComponent extends Component {
-
-    //初始化state
-    constructor(props){
-        super(props);
-        this.state = {visible: false};
-    }
-
-    //显示
-    show(){
-        this.setState({
-            visible: true
-        });
-    }
-
-    //隐藏
-    hide(){
-        this.setState({
-            visible: false
-        });
-    }
-
-    //弹框
-    _renderModal() {
-        return (
-            <Modal
-                isVisible={true}
-                animationIn={'bounceInUp'}
-                backdropColor={'red'}
-                backdropOpacity={0.4}
-                onBackdropPress={() => this.hide()}
-                onModalWillShow={() => { console.log("---onModalWillShow---")}}
-                onModalShow={() => { console.log("---onModalShow---")}}
-                onModalWillHide={() => { console.log("---onModalWillHide---")}}
-                onModalHide={() => { console.log("---onModalHide---")}}
-            >
-                <View style={[styles.center]}>
-                    <View style={[styles.parent,styles.center]}>
-                        <Text style={styles.content}>欢迎您的到来</Text>
-                    </View>
-                </View>
-            </Modal>
-        )
-    }
- 
-    render() {
-
-        return (
-            <View style={[styles.container,styles.center]}>
-                <Text style={styles.content} onPress={() => this.show()}>show</Text>
-                {
-                    this.state.visible ?  this._renderModal() : null
-                }
-            </View>
-        );
-    }
+```ts
+import React, { Component } from "react";
+import { Button, StyleSheet, Text, View } from "react-native";
+import Modal from "react-native-modal";
+
+type Props = {
+	onPress: () => any;
+};
+type State<P> = P & {
+	visible: boolean;
+};
+
+const DefaultModalContent: React.FC<Props> = (props) => (
+	<View style={styles.content}>
+		<Text style={styles.contentTitle}>Hi 👋!</Text>
+		<Button testID={"close-button"} onPress={props.onPress} title="Close" />
+	</View>
+);
+
+abstract class ModalBaseScene<P extends object = {}> extends Component<any, State<P>> {
+	abstract renderModal(): React.ReactElement<any>;
+	// @ts-ignore
+	constructor(props, state?: P) {
+		super(props);
+		// @ts-ignore
+		this.state = {
+			...state,
+			visible: false
+		};
+	}
+
+	open = () => this.setState({ visible: true } as any);
+	close = () => this.setState({ visible: false } as any);
+	isVisible = () => this.state.visible;
+	public renderButton(): React.ReactElement<any> {
+		return <Button testID={"modal-open-button"} onPress={this.open} title="Open" />;
+	}
+	render() {
+		return (
+			<View style={styles.view}>
+				{this.renderButton()}
+				{this.renderModal()}
+			</View>
+		);
+	}
+}
+
+class DefaultModal extends ModalBaseScene {
+	renderModal(): React.ReactElement<any> {
+		return (
+			<Modal testID={"modal"} isVisible={this.isVisible()}>
+				<DefaultModalContent onPress={this.close} />
+			</Modal>
+		);
+	}
 }
 
 const styles = StyleSheet.create({
-    container:{
-        flex: 1,
-        backgroundColor: '#FFFFFF'
-    },
-    center: {
-        justifyContent: 'center',
-        alignItems: 'center'
-    },
-    parent: {
-        width:300,
-        height:200,
-        backgroundColor:'#FFFFFF',
-        borderRadius:10
-    },
-    content: {
-        fontSize: 25,
-        color: 'black',
-        textAlign: 'center'
-    }
+	view: {
+		flex: 1,
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	content: {
+		backgroundColor: "white",
+		padding: 22,
+		justifyContent: "center",
+		alignItems: "center",
+		borderRadius: 4,
+		borderColor: "rgba(0, 0, 0, 0.1)"
+	},
+	contentTitle: {
+		fontSize: 20,
+		marginBottom: 12
+	}
 });
 
-AppRegistry.registerComponent('RNApplyComponent', () => RNApplyComponent);
-
+export default DefaultModal;
 ```
- 
 
 ## 约束与限制
 
 ### 兼容性
 
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
- 
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases)
 
 ## 属性
 
@@ -153,55 +138,53 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
- 
- 
-
-| Name | Description | Type |Default | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | -------- | ------------------ |
-| animationIn  | 模态显示动画.   | string     | "slideInUp"  | no | all      | yes |
-| animationInTiming      | 模态显示动画计时（单位：ms）.                              |number            | 300           | no | all      | yes |
-| animationOutTiming | 模态隐藏动画计时，单位ms. |number | 300           | no               | all      | yes |
-| avoidKeyboard        | 如果键盘打开，则向上移动模态.   |bool         | false         | no           | all      | yes |
-| coverScreen        | 将使用RN模态组件覆盖整个屏幕，无论模态组件安装在组件层次结构中的哪个位置. |bool           | true         | no              | all      | yes |
-| hasBackdrop        | 渲染背景.           | bool         | true               | no      |  all      | yes |
-| backdropColor        | 背景色.   | string        | "black"         | no                    |  all      | yes |
-| backdropOpacity        | 模态可见时的背景不透明度.        |number     | 0.70         |no|  all      | yes |
-| backdropTransitionInTiming        | 背景显示计时（单位：ms）.           |number  | 300         | no      |  all      | yes |
-   | backdropTransitionOutTiming        | 后台隐藏时间（单位：ms）.          |number   | 300         | no      |  all      | yes |
- | customBackdrop        | 自定义背景元素.           | bool         | yes               |no      |  all      | yes |
-  | children        | 模态内容.           | bool         | yes               |no      |  all      | yes |
-| deviceHeight        | 设备高度（在可以隐藏导航栏的设备上很有用）.           | bool         | yes       |no      |  all      | yes |
- | deviceWidth        | 设备宽度（在可以隐藏导航栏的设备上很有用）).           | bool         | yes      |no      |  all      | yes |
- | isVisible        | 显示模态.           | bool         | yes               |yes      |  all      | yes |
-  | onBackButtonPress        | 当Android返回按钮被按下时调用.        | func   | () => null         | no      |  all      | yes
-| onBackdropPress        | 按下背景时调用.  | func         | () => null         | no              | all      | yes |
- | onModalWillHide        |在模态隐藏动画开始之前调用.       | func    | () => null         | no              | all      | yes |              | 
- | onModalHide        |当模态完全隐藏时调用.   | func        | () => null         | no              | all      | yes | 
- | onModalWillShow        |在模态显示动画开始之前调用.       | func    |   () => null         | no              | all      | yes |
-  | onSwipeStart        |当滑动动作开始时调用.   | func        |   () => null         | no              | all      | yes |
-   | onSwipeMove        |在每次滑动事件时调用.    | func       |   () => null         | no              | all      | yes |
- | onSwipeComplete        |当达到swipeThreshold时调用.      | func     |   () => null         | no              | all      | yes |
-| onSwipeCancel        |当未达到swipeThreshold时调用.      | func     |   () => null         | no              | all      | yes |
-| panResponderThreshold        |panResponder应何时拾取滑动事件的阈值.       | number   |   4        | no              | all      | yes |
-| scrollOffset        |当>0时，禁用滑动关闭，以实现可滚动内容.          | number  |   0         | no              | all      | yes | 
- | scrollOffsetMax        |用于在内容可滚动时实现过度滚动的感觉。请参见/example目录.       | number     |   0        | no              | all      | yes |
- | scrollTo        |用于实现可滚动的模态。有关如何使用它的参考，请参见/example目录.        | number    |   0         | no              | all      | yes |
- | scrollHorizontal        |如果您的scrollView是水平的，则设置为true（用于正确的滚动处理）.        | bool    |   false         | no              | all      | yes |
- | swipeThreshold        |达到时调用onSwipeComplete的滑动阈值.         | number   |   100        | no              | all      | yes |
- | useNativeDriver        |定义动画是否应使用本机驱动程序.           | bool   |   false        | no              | all      | yes |
- | hideModalContentWhileAnimating        |通过在动画完成之前隐藏模态内容来增强性能.          | bool    |   false        | no              | all      | yes |
- 
-
-
- 
-## 遗留问题
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| animationIn | Modal show animation | `string` or `object` | "slideInUp" | no | all | yes |
+| animationInTiming | Timing for the modal show animation (in ms) | `number` | 300 | no | all | yes |
+| animationOut | Modal hide animation | `string` or `object` | "slideOutDown" | no | all | yes |
+| animationOutTiming | Timing for the modal hide animation (in ms) | `number` | 300 | no | all | yes |
+| avoidKeyboard | Move the modal up if the keyboard is open | `bool` | false | no | all | yes |
+| coverScreen | Will use RN `Modal` component to cover the entire screen wherever the modal is mounted in the component hierarchy | `bool` | true | no | all | yes |
+| hasBackdrop | Render the backdrop | `bool` | true | no | all | yes |
+| backdropColor | The backdrop background color | `string` | "black" | no | all | yes |
+| backdropOpacity | The backdrop opacity when the modal is visible | `number` | 0.70 | no | all | yes |
+| backdropTransitionInTiming | The backdrop show timing (in ms) | `number` | 300 | no | all | yes |
+| backdropTransitionOutTiming | The backdrop hide timing (in ms) | `number` | 300 | no | all | yes |
+| customBackdrop | The custom backdrop element | `node` | null | no | all | yes |
+| children | The modal content | `node` | **REQUIRED** | yes | all | yes |
+| deviceHeight | Device height (useful on devices that can hide the navigation bar) | `bool` | null | no | all | yes |
+| deviceWidth | Device width (useful on devices that can hide the navigation bar) | `bool` | null | no | all | yes |
+| isVisible | Show the modal? | `bool` | **REQUIRED** | yes | all | yes |
+| onBackButtonPress | Called when the Android back button is pressed | `func` | () => null | no | Android | yes |
+| onBackdropPress | Called when the backdrop is pressed | `func` | () => null | no | all | yes |
+| onModalWillHide | Called before the modal hide animation begins | `func` | () => null | no | all | yes |
+| onModalHide | Called when the modal is completely hidden | `func` | () => null | no | all | yes |
+| onModalWillShow | Called before the modal show animation begins | `func` | () => null | no | all | yes |
+| onModalShow | Called when the modal is completely visible | `func` | () => null | no | all | yes |
+| onSwipeStart | Called when the swipe action started | `func` | () => null | no | all | yes |
+| onSwipeMove | Called on each swipe event | `func` | (percentageShown) => null | no | all | yes |
+| onSwipeComplete | Called when the `swipeThreshold` has been reached | `func` | ({ swipingDirection }) => null | no | all | yes |
+| onSwipeCancel | Called when the `swipeThreshold` has not been reached | `func` | () => null | no | all | yes |
+| panResponderThreshold | The threshold for when the panResponder should pick up swipe events | `number` | 4 | no | all | yes |
+| scrollOffset | When > 0, disables swipe-to-close, in order to implement scrollable content | `number` | 0 | no | all | yes |
+| scrollOffsetMax | Used to implement overscroll feel when content is scrollable. See `/example` directory | `number` | 0 | no | all | yes |
+| scrollTo | Used to implement scrollable modal. See `/example` directory for reference on how to use it | `func` | null | no | all | yes |
+| scrollHorizontal | Set to true if your scrollView is horizontal (for a correct scroll handling) | `bool` | false | no | all | yes |
+| swipeThreshold | Swiping threshold that when reached calls `onSwipeComplete` | `number` | 100 | no | all | yes |
+| swipeDirection | Defines the direction where the modal can be swiped. Can be 'up', 'down', 'left, or 'right', or a combination of them like `['up','down']` | `string` or `array` | null | no | all | yes |
+| useNativeDriver | Defines if animations should use native driver | `bool` | false | no | all | yes |
+| useNativeDriverForBackdrop | Defines if animations for backdrop should use native driver (to avoid flashing on android) | `bool` | null | no | all | yes |
+| hideModalContentWhileAnimating | Enhances the performance by hiding the modal content until the animations complete | `bool` | false | no | all | yes |
+| propagateSwipe | Allows swipe events to propagate to children components (eg a ScrollView inside a modal) | `bool` or `func` | false | no | all | yes |
+| style | Style applied to the modal | `any` | null | no | all | yes |
 
- 
+## 遗留问题
 
 ## 其他
 
 ## 开源协议
- 本项目基于 [The ISC License (ISC)](https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
 
- 
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 80945d84009494a78b4c24a059fde3471586e2c3 Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Wed, 10 Jul 2024 11:41:04 +0800
Subject: [PATCH 135/966] =?UTF-8?q?docs:=20[#IABVHU]=E4=BF=AE=E6=94=B9reac?=
 =?UTF-8?q?t-native-toolbar-android=E7=9A=84=E5=90=8D=E7=A7=B0=E4=B8=BArea?=
 =?UTF-8?q?ct-native-community-toolbar-android?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                                       | 2 +-
 zh-cn/README.md                                                 | 2 +-
 ...bar-android.md => react-native-community-toolbar-android.md} | 0
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename zh-cn/{react-native-toolbar-android.md => react-native-community-toolbar-android.md} (100%)

diff --git a/README.md b/README.md
index 83610fca..d931e927 100644
--- a/README.md
+++ b/README.md
@@ -36,7 +36,7 @@
 | 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
 | 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
 | 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
-| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-toolbar-android.md)                 |
+| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)                 |
 | 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                         |
 | 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
 | 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index e0a7be29..9c8101fb 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -37,7 +37,7 @@
 | 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
 | 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
 | 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
-| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-toolbar-android.md)                 |
+| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)                 |
 | 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                         |
 | 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
 | 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
diff --git a/zh-cn/react-native-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
similarity index 100%
rename from zh-cn/react-native-toolbar-android.md
rename to zh-cn/react-native-community-toolbar-android.md

From 6bbdf20e95f902cdec45a3bb99118090a03c37eb Mon Sep 17 00:00:00 2001
From: ldz <1119441098@qq.com>
Date: Wed, 10 Jul 2024 16:29:16 +0800
Subject: [PATCH 136/966] =?UTF-8?q?docs:=20[Issues:=20#IAAX2V]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-date-picker=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-date-picker.md | 66 +++++++++++++++----------------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
index 76ff0071..3181da14 100644
--- a/zh-cn/react-native-date-picker.md
+++ b/zh-cn/react-native-date-picker.md
@@ -133,7 +133,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 ### 在 ArkTs 侧引入 NativeDatePickerView 组件
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
 ...
@@ -181,43 +181,43 @@ ohpm install
 
 | props  | Description | Type | Required | Platform | HarmonyOS Support  |
 | ----  | ----------- | ---- | -------- | ---- | ------------ |
-| date | The currently selected date.   | Date  | yes |     all  |       yes|
-| onDateChange | Date change handler ( Inline only )   |  (date: Date) => void  | yes |     all  |       yes|
-| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | yes |     all  |       partially|
-| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | yes |     all  |       partially|
+| date | The currently selected date.   | Date  | no |     all  |       yes|
+| onDateChange | Date change handler ( Inline only )   |  (date: Date) => void  | no |     all  |       yes|
+| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | no |     all  |       partially|
+| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | no |     all  |       partially|
 | mode | The date picker mode. "datetime", "date", "time"   | “'date' \|'time' \| 'datetime'”  | yes |     all  |       yes|
-| onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | yes |     all  |       yes|
-| onCancel | odal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | yes |     all  |       yes|
-| is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | yes |     all  |       yes|
-| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | yes |     all  |       no|
-| open | Modal only: Boolean indicating if modal should be open.   | boolean  | yes |     all  |       yes|
-| minuteInterval | The interval at which minutes can be selected.   | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \|  10 \|  12 \| 15 \|  20 \| 30  | yes |     all  |       no|
-| title | Modal only: Title text. Can be set to null to remove text.   | string  | yes |     all  |       no|
-| confirmText | Modal only: Confirm button text   | string  | yes |     all  |       no|
-| cancelText | Modal only: Cancel button text.   | string  | yes |     all  |       no|
-| theme | Modal only: The theme of the modal. "light", "dark", "auto". Defaults to "auto".   | 'light' \| 'dark' \| 'auto'  | yes |     all  |       no|
-| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | yes |     all  |       no|
-| dividerColor | Color of the divider / separator. (android only)   | string  | yes |     all  |       no|
-| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | yes |     all  |       no|
-| locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a Locale ID.   | string  | yes |     all  |       no|
-| timeZoneOffsetInMinutes | imezone offset in minutes (default: device's timezone)   | number  | yes |     all  |       no|
+| onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | no |     all  |       yes|
+| onCancel | odal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | no |     all  |       yes|
+| is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | no |     all  |       no|
+| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | no |     all  |       no|
+| open | Modal only: Boolean indicating if modal should be open.   | boolean  | no |     all  |       yes|
+| minuteInterval | The interval at which minutes can be selected.   | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \|  10 \|  12 \| 15 \|  20 \| 30  | no |     all  |       no|
+| title | Modal only: Title text. Can be set to null to remove text.   | string  | no |     all  |       no|
+| confirmText | Modal only: Confirm button text   | string  | no |     all  |       no|
+| cancelText | Modal only: Cancel button text.   | string  | no |     all  |       no|
+| theme | Modal only: The theme of the modal. "light", "dark", "auto". Defaults to "auto".   | 'light' \| 'dark' \| 'auto'  | no |     all  |       no|
+| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | no |     all  |       no|
+| dividerColor | Color of the divider / separator. (android only)   | string  | no |     all  |       no|
+| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | no |     all  |       no|
+| locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a Locale ID.   | string  | no |     all  |       no|
+| timeZoneOffsetInMinutes | imezone offset in minutes (default: device's timezone)   | number  | no |     all  |       no|
 
 
 ## 遗留问题
  
-- [X]  不支持属性confirmText[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
-- [X]  不支持属性cancelText[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
-- [X]  不支持属性theme[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
-- [X]  不支持属性buttonColor[issue#14](https://github.com/react-native-oh-library/react-native-date-picker/issues/14)
-- [X]  不支持属性dividerColor[issue#15](https://github.com/react-native-oh-library/react-native-date-picker/issues/15)
-- [X]  不支持属性onStateChange[issue#16](https://github.com/react-native-oh-library/react-native-date-picker/issues/16)
-- [X]  不支持属性locale[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
-- [X]  不支持属性timeZoneOffsetInMinutes[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
-- [X]  当属性mode属性为datetime时，不支持maximumDate属性。[issue#19](https://github.com/react-native-oh-library/react-native-date-picker/issues/19)
-- [X]  当属性mode属性为datetime时，不支持minimumDate属性。[issue#20](https://github.com/react-native-oh-library/react-native-date-picker/issues/20)
-- [X]  当属性modal为true，mode属性为datetime时，没有内联得datetime组件，目前是date和time上下组合排列。[issue#20](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
-- [X]  当属性modal属性为false时，不支持datetime属性。[issue#21](https://github.com/react-native-oh-library/react-native-date-picker/issues/21)
-
+- [ ]  不支持属性confirmText[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
+- [ ]  不支持属性cancelText[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
+- [ ]  不支持属性theme[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
+- [ ]  不支持属性buttonColor[issue#14](https://github.com/react-native-oh-library/react-native-date-picker/issues/14)
+- [ ]  不支持属性dividerColor[issue#15](https://github.com/react-native-oh-library/react-native-date-picker/issues/15)
+- [ ]  不支持属性onStateChange[issue#16](https://github.com/react-native-oh-library/react-native-date-picker/issues/16)
+- [ ]  不支持属性locale[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
+- [ ]  不支持属性timeZoneOffsetInMinutes[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
+- [ ]  当属性mode属性为datetime时，不支持maximumDate属性。[issue#19](https://github.com/react-native-oh-library/react-native-date-picker/issues/19)
+- [ ]  当属性mode属性为datetime时，不支持minimumDate属性。[issue#20](https://github.com/react-native-oh-library/react-native-date-picker/issues/20)
+- [ ]  当属性modal为true，mode属性为datetime时，没有内联得datetime组件，目前是date和time上下组合排列。[issue#22](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
+- [ ]  当属性modal属性为false时，不支持datetime属性。[issue#21](https://github.com/react-native-oh-library/react-native-date-picker/issues/21)
+- [ ]  不支持is24hourSource属性。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
 ## 其他
 
 ## 开源协议

From 9b906922afcbe16eb2f9c88e81fcc3a0d9581216 Mon Sep 17 00:00:00 2001
From: sl <s4210110@163.com>
Date: Wed, 10 Jul 2024 17:40:49 +0800
Subject: [PATCH 137/966] =?UTF-8?q?docs:=20[Issues:=20#IABGRD]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0react-native-switch=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-switch.md | 150 +++++++++++++++++++++++++++++++++++
 1 file changed, 150 insertions(+)
 create mode 100644 zh-cn/react-native-switch.md

diff --git a/zh-cn/react-native-switch.md b/zh-cn/react-native-switch.md
new file mode 100644
index 00000000..bc35d848
--- /dev/null
+++ b/zh-cn/react-native-switch.md
@@ -0,0 +1,150 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-switch</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/shahen94/react-native-switch">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/shahen94/react-native-switch/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/shahen94/react-native-switch)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install --save react-native-switch@1.5.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-switch@1.5.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { Switch } from "react-native-switch";
+import {SafeAreaView, StyleSheet,Button, Text, View, Alert} from 'react-native';
+
+
+export function SwitchDemo(){
+  const [isEnabled, setIsEnabled] = useState(false);
+  const toggleSwitch = (val:boolean) => {setIsEnabled(val) };
+  
+  return(
+    <View  style={styles.container}>
+      <Text style={{fontSize:32}}>Welcome to React Native !</Text>
+      <Switch
+        value={isEnabled}
+        onValueChange={(val) => toggleSwitch((val))}
+        disabled={false}
+        activeText={'On'}
+        inActiveText={'Off'}
+        circleSize={30}
+        barHeight={30}
+        circleBorderWidth={3}
+        backgroundActive={'green'}
+        backgroundInactive={'gray'}
+        circleActiveColor={'#30a566'}
+        circleInActiveColor={'#fff'}
+        renderInsideCircle={() => ''} // custom component to render inside the Switch circle (Text, Image, etc.)
+        changeValueImmediately={true} // if rendering inside circle, change state immediately or wait for animation to complete
+        innerCircleStyle={{ alignItems: "center", justifyContent: "center" }} // style for inner animated circle for what you (may) be rendering inside the circle
+        outerCircleStyle={{ }} // style for outer animated circle
+        renderActiveText={true}
+        renderInActiveText={true}
+        switchLeftPx={2} // denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider
+        switchRightPx={2} // denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider
+        switchWidthMultiplier={3} // multiplied by the `circleSize` prop to calculate total width of the Switch
+        switchBorderRadius={50} // Sets the border Radius of the switch slider. If unset, it remains the circleSize.
+      />
+      <Text style={{color:'gray',fontSize:20,marginBottom:10}}>To get started,edit index.harmony.js</Text>
+      <Text style={{color:'gray',fontSize:20}}>Press Cmd +R to reload,</Text>
+      <Text style={{color:'gray',fontSize:20}}>Cmd+D or shake for dev menu</Text>
+    </View>
+    )
+  }
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor:"#fff",
+      
+    }
+  });
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
+| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
+|     onValueChange      |     when to change value(value: `boolean`)    | function |    No    | Android/IOS |        Yes        |
+|       disabled        |          Display or not         |       boolean       |    No    | Android/IOS |        Yes        |
+|      activeText       | active text |   string  |    No    | Android/IOS |        Yes        |
+|     inActiveText      |         in Active Text    |      string      |    No    | Android/IOS |        Yes        |
+|     backgroundActive      | background active |      string      |    No    | Android/IOS |        Yes        |
+|      backgroundInactive      | background in active |   string   |    No    | Android/IOS |        Yes        |
+|      value       | swtich value |  boolean   |    No    | Android/IOS |        Yes        |
+|      circleActiveColor       | circle active color |      string       |    No    | Android/IOS |        Yes        |
+|    circleInActiveColor     | circle in active color |      string       |    No    | Android/IOS |        Yes        |
+|       circleSize        | circle Size|  number  |    No    | Android/IOS |        Yes        |
+|     circleBorderWidth     | circle Border Width |      function       |    No    | Android/IOS |        Yes        |
+|     circleBorderactiveColor     | circle Border Active Color|      function       |    No    | Android/IOS |        Yes        |
+|     circleBorderInactiveColor      |circle Border Inactive Color |       boolean       |    No    | Android/IOS |        Yes        |
+|    activeTextStyle     | active Text Style    |    StyleProp`<TextStyle> `  |  No  |         Android/IOS     |Yes
+| inactiveTextStyle | in Active Text Style. |       StyleProp`<TextStyle> `       |    No    | Android/IOS |        Yes        |
+|        containerStyle        |         container Style             |       StyleProp`<TextStyle> `        |   No    | Android/IOS |        Yes        |
+|     barHeight      |      Bar Height        |      number      |    No    | Android/IOS |        Yes        |
+|      circleBorderWidth      | circle Border Width |       number        |    No    | Android/IOS |        Yes        |
+|   renderInsideCircle    | custom component to render inside the Switch circle (Text, Image, etc.)      |    function  | No | Android/IOS |        Yes        |
+|  changeValueImmediately  | if rendering inside circle, change state immediately or wait for animation to complete |       boolean        |    No    | Android/IOS |        Yes        |
+|        innerCircleStyle         | style for inner animated circle for what you (may) be rendering inside the circle|   StyleProp`<TextStyle> `   |    No   | Android/IOS |        Yes        |
+|  outerCircleStyle  | style for outer animated circle |       StyleProp`<TextStyle> `       |    No    | Android/IOS |        Yes        |
+renderActiveText  | render Active Text |       boolean     |    No    | Android/IOS |        Yes        |
+renderInActiveText  | render In Active Text |       boolean     |    No    | Android/IOS |        Yes        |
+switchLeftPx  | denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider |       number     |    No    | Android/IOS |        Yes        |
+switchRightPx  |  denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider |       number     |    No    | Android/IOS |        Yes        |
+switchWidthMultiplier  |  multiplied by the `circleSize` prop to calculate total width of the Switch |       number     |    No    | Android/IOS |        Yes        |
+switchBorderRadius  |  Sets the border Radius of the switch slider. If unset, it remains the circleSize. |       number     |    No    | Android/IOS |        Yes        |
+testID  |  swtich test ID |       string     |    No    | Android/IOS |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/shahen94/react-native-switch/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From c0f4543dce184b7f1c8fe1190d989f2aedfd8b43 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Thu, 11 Jul 2024 10:11:17 +0800
Subject: [PATCH 138/966] =?UTF-8?q?docs:=20[Issues:=20#IAB9WD]=20=E6=96=B0?=
 =?UTF-8?q?=E5=BB=BAreact-native-signature-capture=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-signature-capture.md | 308 ++++++++++++++++++++++++
 1 file changed, 308 insertions(+)
 create mode 100644 zh-cn/react-native-signature-capture.md

diff --git a/zh-cn/react-native-signature-capture.md b/zh-cn/react-native-signature-capture.md
new file mode 100644
index 00000000..2dfa3b99
--- /dev/null
+++ b/zh-cn/react-native-signature-capture.md
@@ -0,0 +1,308 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-signature-capture</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/RepairShopr/react-native-signature-capture">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/RepairShopr/react-native-signature-capture/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-signature-capture)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-signature-capture@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-signature-capture@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+var React = require('react');
+var ReactNative = require('react-native');
+
+var {Component} = React;
+
+var {
+    AppRegistry,
+    StyleSheet,
+    Text,
+    View, TouchableHighlight
+} = ReactNative;
+
+import SignatureCapture from 'react-native-signature-capture';
+
+class RNSignatureExample extends Component {
+    render() {
+        return (
+            <View style={{ flex: 1, flexDirection: "column" }}>
+                <Text style={{alignItems:"center",justifyContent:"center"}}>Signature Capture Extended </Text>
+                <SignatureCapture
+                    style={[{flex:1},styles.signature]}
+                    ref="sign"
+                    onSaveEvent={this._onSaveEvent}
+                    onDragEvent={this._onDragEvent}
+                    saveImageFileInExtStorage={false}
+                    showNativeButtons={false}
+                    showTitleLabel={false}
+                    backgroundColor="#ff00ff"
+                    strokeColor="#ffffff"
+                    minStrokeWidth={4}
+                    maxStrokeWidth={4}
+                    viewMode={"portrait"}/>
+
+                <View style={{ flex: 1, flexDirection: "row" }}>
+                    <TouchableHighlight style={styles.buttonStyle}
+                        onPress={() => { this.saveSign() } } >
+                        <Text>Save</Text>
+                    </TouchableHighlight>
+
+                    <TouchableHighlight style={styles.buttonStyle}
+                        onPress={() => { this.resetSign() } } >
+                        <Text>Reset</Text>
+                    </TouchableHighlight>
+
+                </View>
+
+            </View>
+        );
+    }
+
+    saveSign() {
+        this.refs["sign"].saveImage();
+    }
+
+    resetSign() {
+        this.refs["sign"].resetImage();
+    }
+
+    _onSaveEvent(result) {
+        //result.encoded - for the base64 encoded png
+        //result.pathName - for the file path name
+        console.log(result);
+    }
+    _onDragEvent() {
+         // This callback will be called when the user enters signature
+        console.log("dragged");
+    }
+}
+
+const styles = StyleSheet.create({
+    signature: {
+        flex: 1,
+        borderColor: '#000033',
+        borderWidth: 1,
+    },
+    buttonStyle: {
+        flex: 1, justifyContent: "center", alignItems: "center", height: 50,
+        backgroundColor: "#eeeeee",
+        margin: 10
+    }
+});
+
+AppRegistry.registerComponent('RNSignatureExample', () => RNSignatureExample);
+
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-signature-capture": "file:../../node_modules/@react-native-oh-tpl/react-native-signature-capture/harmony/rnoh_signature_capture.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 SignatureCaptureArkView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
++ import { SignatureCaptureArkView } from '@react-native-oh-tpl/react-native-signature-capture'
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++    if (ctx.componentName === SignatureCaptureArkView.NAME) {
++      SignatureCaptureArkView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ SignatureCaptureArkView.NAME
+  ];
+```
+
+### 在 ArkTs 侧引入 SignatureCapturePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { SignatureCapturePackage } from '@react-native-oh-tpl/react-native-signature-capture/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SignatureCapturePackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases)
+
+   
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                                                              | Description                                                                                                                                                                     | Type                      | Required | Platform    | HarmonyOS Support |
+|-------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------|----------|-------------|-------------------|
+| showBorder                                                        | If this props is made to false, it will hide the dashed border.                                                                                                                 | boolean                   | no       | iOS         | yes               |
+| showNativeButtons                                                 | If this props is made to true, it will display the native buttons "Save" and "Reset"..                                                                                          | boolean                   | no       | iOS/Android | yes               |
+| showTitleLabel                                                    | If this props is made to true, it will display the "x_ _ _ _ _ _ _ _ _ _ _" placeholder indicating where to sign.                                                               | boolean                   | no       | iOS         | yes               |
+| viewMode                                                          | "portrait" or "landscape" change the screen orientation based on boolean value                                                                                                  | "portrait" \| "landscape" | no       | iOS/Android | yes               |
+| maxSize                                                           | sets the max size of the image maintains aspect ratio, default is 500                                                                                                           | number                    | no       | iOS/Android | yes               |
+| minStrokeWidth                                                    | sets the min stroke line width                                                                                                                                                  | number                    | no       | Android     | yes               |
+| maxStrokeWidth                                                    | sets the max stroke line width                                                                                                                                                  | number                    | no       | Android     | yes               |
+| backgroundColor                                                   | Sets the background color of the component. Defaults to white. May be 'transparent'.                                                                                            | color                     | no       | iOS/Android | yes               |
+| strokeColor                                                       | Sets the color of the signature. Defaults to black.                                                                                                                             | color                     | no       | iOS/Android | yes               |
+| saveImageFileInExtStorage                                         | Make this props true, if you want to save the image file in external storage. Default is false. Warning: Image file will be visible in gallery or any other image browsing app. | boolean                   | no       | Android     | no                |
+| onSaveEvent: (event: {pathName: string, encoded: string}) => void | Triggered when saveImage() is called, which return Base64 Encoded String and image file path.                                                                                   | function                  | no       | iOS/Android | yes               |
+| onDragEvent: (event: boolean) => void                             | Triggered when user marks his signature on the canvas. This will not be called when the user does not perform any action on canvas.                                             | function                  | no       | iOS/Android | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name       | Description                                                                                         | Type     | Required | Platform    | HarmonyOS Support |
+|------------|-----------------------------------------------------------------------------------------------------|----------|----------|-------------|-------------------|
+| saveImage  | when called it will save the image and returns the base 64 encoded string on onSaveEvent() callback | function | no       | iOS/Android | yes               |
+| resetImage | when called it will clear the image on the canvas                                                   | function | no       | iOS/Android | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/RepairShopr/react-native-signature-capture/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 520eb2fe028f0b5a07b9bb6c6a45ffc1bff6a132 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Thu, 11 Jul 2024 11:01:53 +0800
Subject: [PATCH 139/966] =?UTF-8?q?docs:=20[Issues:=20#IAC616]=20react-nat?=
 =?UTF-8?q?ive-calendars=E6=96=87=E4=BB=B6=E6=B7=BB=E5=8A=A0{%=20raw=20%}?=
 =?UTF-8?q?=E5=92=8C%=20endraw=20%}=E6=A0=87=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-calendars.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/zh-cn/react-native-calendars.md b/zh-cn/react-native-calendars.md
index c74daf52..4c2b91c7 100644
--- a/zh-cn/react-native-calendars.md
+++ b/zh-cn/react-native-calendars.md
@@ -1,3 +1,4 @@
+<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -124,3 +125,5 @@ export default MySvgComponent;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/wix/react-native-calendars/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 3704f0d38d84932a45f5e0c929a6140c3b20bb4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zhangweiyang7@h-partners.com>
Date: Wed, 10 Jul 2024 18:10:13 +0800
Subject: [PATCH 140/966] =?UTF-8?q?docs:=20[#IAC1FY]=20=E4=BF=AE=E6=94=B9j?=
 =?UTF-8?q?eanregisser-react-native-slider=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     | 316 ++++++++---------
 _sidebar.md                                   |   2 +-
 zh-cn/README.md                               | 318 +++++++++---------
 ...ative-slider.md => react-native-slider.md} |  65 ++--
 4 files changed, 355 insertions(+), 346 deletions(-)
 rename zh-cn/{jeanregisser-react-native-slider.md => react-native-slider.md} (77%)

diff --git a/README.md b/README.md
index d931e927..879b0579 100644
--- a/README.md
+++ b/README.md
@@ -22,164 +22,164 @@
 
 > [!tip] NPM 公仓坐标：@react-native-oh-tpl
 
-| 序号 | 原库名                                                                                                                   | 原库基线版本  | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                           |
-| ---- | ------------------------------------------------------------------------------------------------------------------------ | ------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
-| 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.1        | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
-| 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
-| 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
-| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是                 | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
-| 5    | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否                 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
-| 6    | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是                 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
-| 7    | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是                 | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-geolocation.md)                     |
-| 8    | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是                 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
-| 9    | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是                 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
-| 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
-| 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
-| 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
-| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)                 |
-| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                         |
-| 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
-| 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
-| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
-| 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)      | 6.5.11        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
-| 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)            | 1.3.21        | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
-| 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                | 6.1.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
-| 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                  | 6.3.19        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
-| 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                             | 1.6.3         | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
-| 23   | [axios](https://github.com/axios/axios)                                                                                  | 1.6.7         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
-| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                | 4.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
-| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                              | 1.11.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
-| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                      | 4.3.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
-| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
-| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
-| 29   | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
-| 30   | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)          | 0.11.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jeanregisser-react-native-slider.md)             |
-| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
-| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                  | 4.17.21       | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
-| 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                        | 6.4.1         | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
-| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                  | 6.10.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
-| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                       | 7.6.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
-| 38   | [Moment](https://github.com/moment/moment)                                                                               | 2.30.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
-| 39   | [parse5](https://github.com/inikulin/parse5)                                                                             | 7.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
-| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                        | 15.8.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
-| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                    | 1.4.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
-| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                         | 3.7.11        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
-| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                | 8.6.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
-| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                            | 3.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
-| 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
-| 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
-| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
-| 48   | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
-| 49   | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
-| 50   | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util)                              | 0.19.6        | 是                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
-| 51   | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
-| 52   | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
-| 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
-| 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                            | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
-| 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                               | 3.4.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
-| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                            | 2.4.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
-| 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
-| 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
-| 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
-| 60   | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否                 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
-| 61   | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-                 | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
-| 62   | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是                 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
-| 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.12.1        | 是                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
-| 64   | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
-| 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
-| 66   | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |
-| 67   | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing)                      | 0.2.2         |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
-| 68   | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom)                            | 2.1.12        | \-                 | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                                 | [链接](/zh-cn/react-native-image-zoom.md)                      |
-| 69   | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer)      | 0.2.0         | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
-| 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
-| 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
-| 72   | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是                 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
-| 73   | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)       | 7.0.2         | \-                 | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
-| 74   | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee)                                  | 0.5.0         | \-                 | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
-| 75   | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否                 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
-| 76   | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是                 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
-| 77   | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是                 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
-| 78   | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是                 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
-| 79   | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-                 | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
-| 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
-| 81   | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
-| 82   | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull)                                        | 2.0.4         | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
-| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-                 | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
-| 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
-| 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
-| 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                 | 0.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
-| 87   | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                | 18.1.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
-| 88   | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
-| 89   | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是                 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
-| 90   | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
-| 91   | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)          | 1.0.0         | \-                 | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
-| 92   | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
-| 93   | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否                 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
-| 94   | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-                 | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
-| 95   | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是                 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
-| 96   | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-                 | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                              | 15.0.0        | 是                 | [@react-native-oh-tpl/react-native-harmony-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
-| 98   | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
-| 99   | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
-| 100  | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-                 | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
-| 101  | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是                 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
-| 102  | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
-| 103  | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否                 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
-| 104  | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                        | 10.0.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
-| 105  | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是                 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
-| 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
-| 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
-| 108  | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core)                      | 0.5.0         | 是                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
-| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
-| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
-| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
-| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                         | 4.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
-| 113  | [redux](https://github.com/reduxjs/redux)                                                                                | 5.0.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
-| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                        | 3.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
-| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                | 3.0.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
-| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                  | 6.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
-| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                    | 3.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
-| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                | 2.2.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
-| 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
-| 120  | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
-| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
-| 122  | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                  | 7.2.1         | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
-| 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
-| 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
-| 125  | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否                 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
-| 126  | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
-| 127  | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −                  | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
-| 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath.md)                        |
-| 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
-| 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
-| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
-| 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                 | 1.3.0         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
-| 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                 | 0.10.3        | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
-| 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                     | 1.2.8         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
-| 135  | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                          | 2.0.0-rc.1    | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
-| 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)              | 1.0.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
-| 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
-| 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
-| 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
-| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
-| 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
-| 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.3.2         | 否                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
-| 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
-| 144  | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否                 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
-| 145  | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是                 | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
-| 146  | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                | 3.1.0         | 是                 | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
-| 147  | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是                 | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
-| 148  | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否                 | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
-| 149  | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否                 | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
-| 150  | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
-| 151  | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
-| 152  | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否                 | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
-| 153  | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否                 | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
-| 154  | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
-| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否                 | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md) 
-| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                        |             |
+| 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
+|-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
+| 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.1        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
+| 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
+| 3   | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是         | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
+| 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
+| 5   | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否         | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
+| 6   | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是         | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
+| 7   | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是         | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-geolocation.md)                     |
+| 8   | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是         | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
+| 9   | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是         | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
+| 10  | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是         | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
+| 11  | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否         | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
+| 12  | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是         | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
+| 13  | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是         | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)       |
+| 14  | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否         | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                 |
+| 15  | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否         | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
+| 16  | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是         | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
+| 17  | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
+| 18  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)      | 6.5.11        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
+| 19  | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)            | 1.3.21        | \-        | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
+| 20  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                | 6.1.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
+| 21  | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                  | 6.3.19        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
+| 22  | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                             | 1.6.3         | 否         | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
+| 23  | [axios](https://github.com/axios/axios)                                                                                  | 1.6.7         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
+| 24  | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                | 4.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
+| 25  | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                              | 1.11.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
+| 26  | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                      | 4.3.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
+| 27  | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
+| 28  | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
+| 29  | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
+| 30  | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                       | 0.11.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
+| 31  | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
+| 32  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 33  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 34  | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                  | 4.17.21       | \-        | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
+| 35  | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                        | 6.4.1         | 是         | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
+| 36  | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                  | 6.10.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
+| 37  | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                       | 7.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
+| 38  | [Moment](https://github.com/moment/moment)                                                                               | 2.30.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
+| 39  | [parse5](https://github.com/inikulin/parse5)                                                                             | 7.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
+| 40  | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                        | 15.8.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
+| 41  | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                    | 1.4.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
+| 42  | [react-ahooks](https://github.com/alibaba/hooks)                                                                         | 3.7.11        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
+| 43  | [react-i18next](https://github.com/i18next/react-i18next)                                                                | 8.6.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
+| 44  | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                            | 3.0.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
+| 45  | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
+| 46  | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
+| 47  | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
+| 48  | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
+| 49  | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
+| 50  | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util)                              | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
+| 51  | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
+| 52  | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
+| 53  | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
+| 54  | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                            | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
+| 55  | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                               | 3.4.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
+| 56  | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                            | 2.4.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
+| 57  | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
+| 58  | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
+| 59  | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否         | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
+| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
+| 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
+| 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
+| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.12.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 64  | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
+| 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
+| 66  | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |
+| 67  | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing)                      | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
+| 68  | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom)                            | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                                 | [链接](/zh-cn/react-native-image-zoom.md)                      |
+| 69  | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer)      | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
+| 70  | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-        | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
+| 71  | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是         | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
+| 72  | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是         | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
+| 73  | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)       | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
+| 74  | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee)                                  | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
+| 75  | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否         | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
+| 76  | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是         | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
+| 77  | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是         | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
+| 78  | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是         | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
+| 79  | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
+| 80  | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
+| 81  | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-        | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
+| 82  | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull)                                        | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
+| 83  | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-        | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
+| 84  | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是         | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
+| 85  | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
+| 86  | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                 | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
+| 87  | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                | 18.1.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
+| 88  | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
+| 89  | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是         | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
+| 90  | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是         | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
+| 91  | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)          | 1.0.0         | \-        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
+| 93  | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否         | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
+| 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
+| 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
+| 96  | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-harmony-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
+| 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
+| 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
+| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
+| 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是         | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
+| 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-        | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
+| 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
+| 104 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                        | 10.0.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
+| 105 | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是         | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
+| 106 | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否         | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
+| 107 | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是         | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
+| 108 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core)                      | 0.5.0         | 是         | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
+| 109 | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
+| 110 | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
+| 111 | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
+| 112 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                         | 4.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
+| 113 | [redux](https://github.com/reduxjs/redux)                                                                                | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
+| 114 | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                        | 3.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
+| 115 | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                | 3.0.6         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
+| 116 | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                  | 6.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
+| 117 | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                    | 3.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
+| 118 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
+| 119 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
+| 120 | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
+| 121 | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
+| 122 | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                  | 7.2.1         | \-        | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
+| 123 | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-        | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
+| 124 | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
+| 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
+| 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
+| 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −         | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
+| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath.md)                        |
+| 129 | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
+| 130 | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
+| 131 | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
+| 132 | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                 | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
+| 133 | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                 | 0.10.3        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
+| 134 | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                     | 1.2.8         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
+| 135 | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                          | 2.0.0-rc.1    | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
+| 136 | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)              | 1.0.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
+| 137 | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
+| 138 | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −         | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
+| 139 | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是         | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
+| 140 | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
+| 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −         | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
+| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.3.2         | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
+| 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否         | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
+| 144 | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否         | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
+| 145 | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是         | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
+| 146 | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                | 3.1.0         | 是         | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
+| 147 | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是         | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
+| 148 | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否         | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
+| 149 | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
+| 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
+| 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
+| 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
+| 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
+| 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
+| 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
+| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |             |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/_sidebar.md b/_sidebar.md
index 87943e8a..0bff338b 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -72,7 +72,7 @@
     - [react-navigation](/zh-cn/react-navigation)
     - [recyclerlistview](/zh-cn/recyclerlistview.md)
     - [rn-placeholder](/zh-cn/rn-placeholder.md)
-    - [jeanregisser/react-native-slider](/zh-cn/jeanregisser-react-native-slider.md)
+    - [react-native-slider](/zh-cn/react-native-slider.md)
     - [react-native-base64](/zh-cn/react-native-base64.md)
     - [react-native-check-box](/zh-cn/react-native-check-box.md)
     - [react-native-crypto-js](/zh-cn/react-native-crypto-js.md)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 9c8101fb..c254ce4f 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -23,166 +23,166 @@
 
 > [!tip] NPM 公仓坐标：@react-native-oh-tpl
 
-| 序号 | 原库名                                                                                                                   | 原库基线版本  | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                           |
-| ---- | ------------------------------------------------------------------------------------------------------------------------ | ------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
-| 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.1        | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
-| 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
-| 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
-| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是                 | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
-| 5    | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否                 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
-| 6    | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是                 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
-| 7    | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是                 | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-geolocation.md)                     |
-| 8    | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是                 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
-| 9    | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是                 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
-| 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
-| 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
-| 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
-| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)                 |
-| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                         |
-| 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
-| 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
-| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
-| 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)      | 6.5.11        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
-| 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)            | 1.3.21        | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
-| 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                | 6.1.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
-| 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                  | 6.3.19        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
-| 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                             | 1.6.3         | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
-| 23   | [axios](https://github.com/axios/axios)                                                                                  | 1.6.7         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
-| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                | 4.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
-| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                              | 1.11.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
-| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                      | 4.3.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
-| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
-| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
-| 29   | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
-| 30   | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)          | 0.11.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jeanregisser-react-native-slider.md)             |
-| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
-| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                  | 4.17.21       | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
-| 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                        | 6.4.1         | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
-| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                  | 6.10.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
-| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                       | 7.6.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
-| 38   | [Moment](https://github.com/moment/moment)                                                                               | 2.30.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
-| 39   | [parse5](https://github.com/inikulin/parse5)                                                                             | 7.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
-| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                        | 15.8.1        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
-| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                    | 1.4.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
-| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                         | 3.7.11        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
-| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                | 8.6.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
-| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                            | 3.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
-| 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
-| 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
-| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
-| 48   | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
-| 49   | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
-| 50   | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util)                              | 0.19.6        | 是                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
-| 51   | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
-| 52   | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
-| 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
-| 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                            | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
-| 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                               | 3.4.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
-| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                            | 2.4.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
-| 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
-| 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
-| 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
-| 60   | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否                 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
-| 61   | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-                 | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
-| 62   | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是                 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
-| 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.12.1        | 是                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
-| 64   | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
-| 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
-| 66   | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |
-| 67   | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing)                      | 0.2.2         |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
-| 68   | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom)                            | 2.1.12        | \-                 | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                                 | [链接](/zh-cn/react-native-image-zoom.md)                      |
-| 69   | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer)      | 0.2.0         | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
-| 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
-| 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
-| 72   | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是                 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
-| 73   | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)       | 7.0.2         | \-                 | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
-| 74   | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee)                                  | 0.5.0         | \-                 | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
-| 75   | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否                 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
-| 76   | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是                 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
-| 77   | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是                 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
-| 78   | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是                 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
-| 79   | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-                 | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
-| 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
-| 81   | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
-| 82   | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull)                                        | 2.0.4         | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
-| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-                 | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
-| 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
-| 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
-| 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                 | 0.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
-| 87   | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                | 18.1.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
-| 88   | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
-| 89   | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是                 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
-| 90   | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
-| 91   | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)          | 1.0.0         | \-                 | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
-| 92   | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
-| 93   | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否                 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
-| 94   | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-                 | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
-| 95   | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是                 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
-| 96   | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-                 | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg)                                                 | 13.14.0       | 是                 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases)                                               | [链接](/zh-cn/react-native-svg.md)                             |
-| 98   | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
-| 99   | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
-| 100  | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-                 | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
-| 101  | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是                 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
-| 102  | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
-| 103  | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否                 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
-| 104  | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                        | 10.0.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
-| 105  | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是                 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
-| 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
-| 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
-| 108  | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core)                      | 0.5.0         | 是                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
-| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
-| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
-| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
-| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                         | 4.2.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
-| 113  | [redux](https://github.com/reduxjs/redux)                                                                                | 5.0.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
-| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                        | 3.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
-| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                | 3.0.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
-| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                  | 6.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
-| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                    | 3.1.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
-| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                | 2.2.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
-| 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
-| 120  | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
-| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
-| 122  | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                  | 7.2.1         | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
-| 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
-| 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
-| 125  | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否                 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
-| 126  | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
-| 127  | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −                  | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
-| 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath.md)                        |
-| 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
-| 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
-| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
-| 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                 | 1.3.0         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
-| 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                 | 0.10.3        | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
-| 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                     | 1.2.8         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
-| 135  | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                          | 2.0.0-rc.1    | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
-| 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)              | 1.0.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
-| 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
-| 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
-| 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
-| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
-| 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
-| 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.3.2         | 否                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
-| 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
-| 144  | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否                 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
-| 145  | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是                 | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
-| 146  | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                | 3.1.0         | 是                 | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
-| 147  | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是                 | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
-| 148  | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否                 | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
-| 149  | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否                 | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
-| 150  | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
-| 151  | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
-| 152  | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否                 | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
-| 153  | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否                 | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
-| 154  | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
-| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否                 | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)   
-| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)             |
+| 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
+|-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
+| 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.1        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
+| 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
+| 3   | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是         | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
+| 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
+| 5   | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否         | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
+| 6   | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是         | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
+| 7   | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是         | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-geolocation.md)                     |
+| 8   | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是         | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
+| 9   | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是         | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
+| 10  | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是         | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
+| 11  | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否         | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
+| 12  | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是         | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
+| 13  | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是         | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)       |
+| 14  | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否         | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                 |
+| 15  | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否         | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
+| 16  | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是         | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
+| 17  | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
+| 18  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)      | 6.5.11        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
+| 19  | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)            | 1.3.21        | \-        | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
+| 20  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                | 6.1.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
+| 21  | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                  | 6.3.19        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
+| 22  | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                             | 1.6.3         | 否         | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
+| 23  | [axios](https://github.com/axios/axios)                                                                                  | 1.6.7         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
+| 24  | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                | 4.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
+| 25  | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                              | 1.11.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
+| 26  | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                      | 4.3.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
+| 27  | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
+| 28  | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
+| 29  | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
+| 30  | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                       | 0.11.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
+| 31  | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
+| 32  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 33  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 34  | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                  | 4.17.21       | \-        | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
+| 35  | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                        | 6.4.1         | 是         | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
+| 36  | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                  | 6.10.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
+| 37  | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                       | 7.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
+| 38  | [Moment](https://github.com/moment/moment)                                                                               | 2.30.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
+| 39  | [parse5](https://github.com/inikulin/parse5)                                                                             | 7.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
+| 40  | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                        | 15.8.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
+| 41  | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                    | 1.4.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
+| 42  | [react-ahooks](https://github.com/alibaba/hooks)                                                                         | 3.7.11        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
+| 43  | [react-i18next](https://github.com/i18next/react-i18next)                                                                | 8.6.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
+| 44  | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                            | 3.0.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
+| 45  | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
+| 46  | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
+| 47  | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
+| 48  | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
+| 49  | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
+| 50  | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util)                              | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
+| 51  | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
+| 52  | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
+| 53  | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
+| 54  | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                            | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
+| 55  | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                               | 3.4.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
+| 56  | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                            | 2.4.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
+| 57  | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
+| 58  | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
+| 59  | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否         | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
+| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
+| 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
+| 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
+| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.12.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 64  | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
+| 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
+| 66  | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |
+| 67  | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing)                      | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
+| 68  | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom)                            | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                                 | [链接](/zh-cn/react-native-image-zoom.md)                      |
+| 69  | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer)      | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
+| 70  | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-        | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
+| 71  | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是         | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
+| 72  | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是         | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
+| 73  | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)       | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
+| 74  | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee)                                  | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
+| 75  | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否         | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
+| 76  | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是         | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
+| 77  | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是         | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
+| 78  | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是         | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
+| 79  | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
+| 80  | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
+| 81  | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-        | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
+| 82  | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull)                                        | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
+| 83  | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-        | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
+| 84  | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是         | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
+| 85  | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
+| 86  | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                 | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
+| 87  | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                | 18.1.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
+| 88  | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
+| 89  | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是         | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
+| 90  | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是         | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
+| 91  | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)          | 1.0.0         | \-        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
+| 93  | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否         | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
+| 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
+| 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
+| 96  | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)                                                 | 13.14.0       | 是         | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases)                                               | [链接](/zh-cn/react-native-svg.md)                             |
+| 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
+| 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
+| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
+| 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是         | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
+| 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-        | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
+| 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
+| 104 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                        | 10.0.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
+| 105 | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是         | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
+| 106 | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否         | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
+| 107 | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是         | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
+| 108 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core)                      | 0.5.0         | 是         | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
+| 109 | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
+| 110 | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
+| 111 | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
+| 112 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                         | 4.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
+| 113 | [redux](https://github.com/reduxjs/redux)                                                                                | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
+| 114 | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                        | 3.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
+| 115 | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                | 3.0.6         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
+| 116 | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                  | 6.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
+| 117 | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                    | 3.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
+| 118 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
+| 119 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
+| 120 | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
+| 121 | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
+| 122 | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                  | 7.2.1         | \-        | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
+| 123 | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-        | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
+| 124 | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
+| 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
+| 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
+| 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −         | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
+| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath.md)                        |
+| 129 | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
+| 130 | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
+| 131 | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
+| 132 | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                 | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
+| 133 | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                 | 0.10.3        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
+| 134 | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                     | 1.2.8         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
+| 135 | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                          | 2.0.0-rc.1    | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
+| 136 | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)              | 1.0.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
+| 137 | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
+| 138 | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −         | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
+| 139 | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是         | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
+| 140 | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
+| 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −         | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
+| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.3.2         | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
+| 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否         | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
+| 144 | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否         | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
+| 145 | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是         | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
+| 146 | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                | 3.1.0         | 是         | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
+| 147 | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是         | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
+| 148 | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否         | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
+| 149 | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
+| 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
+| 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
+| 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
+| 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
+| 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
+| 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
+| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/zh-cn/jeanregisser-react-native-slider.md b/zh-cn/react-native-slider.md
similarity index 77%
rename from zh-cn/jeanregisser-react-native-slider.md
rename to zh-cn/react-native-slider.md
index d16e0c95..bb54ef87 100644
--- a/zh-cn/jeanregisser-react-native-slider.md
+++ b/zh-cn/react-native-slider.md
@@ -1,10 +1,13 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>jeanregisser-react-native-slider</code> </h1>
+  <h1 align="center"> <code>react-native-slider</code> </h1>
 </p>
 <p align="center">
+    <a href="https://github.com/jeanregisser/react-native-slider">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/jeanregisser/react-native-slider/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
@@ -36,7 +39,7 @@ yarn add @react-native-oh-tpl/react-native-slider@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
@@ -145,36 +148,42 @@ const styles = StyleSheet.create({
   });
 ```
 
+## 约束与限制
+
 ### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases)
 
-#### 属性
-
-| Prop                  | Description                                                                                                                                                                                                   | Type                                                                    | Required | Platform | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| value                 | Initial value of the slider.                                                                                                                                                                                  | number                                                                  | No       | All      | yes               |
-| disabled              | If true the user won't be able to move the slider.                                                                                                                                                            | bool                                                                    | No       | All      | yes               |
-| minimumValue          | Initial minimum value of the slider.                                                                                                                                                                          | number                                                                  | No       | All      | yes               |
-| maximumValue          | Initial maximum value of the slider.                                                                                                                                                                          | number                                                                  | No       | All      | yes               |
-| step                  | Step value of the slider. The value should be between 0 and maximumValue - minimumValue).                                                                                                                     | number                                                                  | No       | All      | yes               |
-| minimumTrackTintColor | The color used for the track to the left of the button.                                                                                                                                                       | string                                                                  | No       | All      | yes               |
-| maximumTrackTintColor | The color used for the track to the right of the button.                                                                                                                                                      | string                                                                  | No       | All      | yes               |
-| thumbTintColor        | The color used for the thumb.                                                                                                                                                                                 | string                                                                  | No       | All      | yes               |
-| thumbTouchSize        | The size of the touch area that allows moving the thumb. The touch area has the same center as the visible thumb. This allows to have a visually small thumb while still allowing the user to move it easily. | object                                                                  | No       | All      | yes               |
-| onValueChange         | Callback continuously called while the user is dragging the slider.                                                                                                                                           | function                                                                | No       | All      | yes               |
-| onSlidingStart        | Callback called when the user starts changing the value (e.g. when the slider is pressed).                                                                                                                    | function                                                                | No       | All      | yes               |
-| onSlidingComplete     | Callback called when the user finishes changing the value (e.g. when the slider is released).                                                                                                                 | function                                                                | No       | All      | yes               |
-| style                 | The style applied to the slider container.                                                                                                                                                                    | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | All      | yes               |
-| trackStyle            | The style applied to the track.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | All      | yes               |
-| thumbStyle            | The style applied to the thumb.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | All      | yes               |
-| thumbImage            | Sets an image for the thumb.                                                                                                                                                                                  | [source](http://facebook.github.io/react-native/docs/image.html#source) | No       | All      | yes               |
-| debugTouchArea        | Set this to true to visually see the thumb touch rect in green.                                                                                                                                               | bool                                                                    | No       | All      | yes               |
-| animateTransitions    | Set to true if you want to use the default 'spring' animation.                                                                                                                                                | bool                                                                    | No       | All      | yes               |
-| animationType         | Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://facebook.github.io/react-native/docs/animations.html).                                | string                                                                  | No       | All      | yes               |
-| animationConfig       | Used to configure the animation parameters. These are the same parameters in the [Animated library](https://facebook.github.io/react-native/docs/animations.html).                                            | object                                                                  | No       | All      | yes               |
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                                                                                                                                   | Type                                                                    | Required | Platform    | HarmonyOS Support |
+|-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|-------------|-------------------|
+| value                 | Initial value of the slider.                                                                                                                                                                                  | number                                                                  | No       | ios,android | yes               |
+| disabled              | If true the user won't be able to move the slider.                                                                                                                                                            | bool                                                                    | No       | ios,android | yes               |
+| minimumValue          | Initial minimum value of the slider.                                                                                                                                                                          | number                                                                  | No       | ios,android | yes               |
+| maximumValue          | Initial maximum value of the slider.                                                                                                                                                                          | number                                                                  | No       | ios,android | yes               |
+| step                  | Step value of the slider. The value should be between 0 and maximumValue - minimumValue).                                                                                                                     | number                                                                  | No       | ios,android | yes               |
+| minimumTrackTintColor | The color used for the track to the left of the button.                                                                                                                                                       | string                                                                  | No       | ios,android | yes               |
+| maximumTrackTintColor | The color used for the track to the right of the button.                                                                                                                                                      | string                                                                  | No       | ios,android | yes               |
+| thumbTintColor        | The color used for the thumb.                                                                                                                                                                                 | string                                                                  | No       | ios,android | yes               |
+| thumbTouchSize        | The size of the touch area that allows moving the thumb. The touch area has the same center as the visible thumb. This allows to have a visually small thumb while still allowing the user to move it easily. | object                                                                  | No       | ios,android | yes               |
+| onValueChange         | Callback continuously called while the user is dragging the slider.                                                                                                                                           | function                                                                | No       | ios,android | yes               |
+| onSlidingStart        | Callback called when the user starts changing the value (e.g. when the slider is pressed).                                                                                                                    | function                                                                | No       | ios,android | yes               |
+| onSlidingComplete     | Callback called when the user finishes changing the value (e.g. when the slider is released).                                                                                                                 | function                                                                | No       | ios,android | yes               |
+| style                 | The style applied to the slider container.                                                                                                                                                                    | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | ios,android | yes               |
+| trackStyle            | The style applied to the track.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | ios,android | yes               |
+| thumbStyle            | The style applied to the thumb.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | ios,android | yes               |
+| thumbImage            | Sets an image for the thumb.                                                                                                                                                                                  | [source](http://facebook.github.io/react-native/docs/image.html#source) | No       | ios,android | yes               |
+| debugTouchArea        | Set this to true to visually see the thumb touch rect in green.                                                                                                                                               | bool                                                                    | No       | ios,android | yes               |
+| animateTransitions    | Set to true if you want to use the default 'spring' animation.                                                                                                                                                | bool                                                                    | No       | ios,android | yes               |
+| animationType         | Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://facebook.github.io/react-native/docs/animations.html).                                | string                                                                  | No       | ios,android | yes               |
+| animationConfig       | Used to configure the animation parameters. These are the same parameters in the [Animated library](https://facebook.github.io/react-native/docs/animations.html).                                            | object                                                                  | No       | ios,android | yes               |
 
 ## 遗留问题
 
@@ -184,4 +193,4 @@ const styles = StyleSheet.create({
 
 本项目基于 [The MIT License (MIT)](https://github.com/jeanregisser/react-native-slider/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From d527cf878849769aff643f3595cffc1b90af9dc4 Mon Sep 17 00:00:00 2001
From: ddwwwww <18829031738@163.com>
Date: Wed, 10 Jul 2024 10:26:26 +0800
Subject: [PATCH 141/966] =?UTF-8?q?docs:=20[Issues:=20#IABV3H]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-check-box=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-check-box.md | 152 +++++++++++++-------------------
 1 file changed, 62 insertions(+), 90 deletions(-)

diff --git a/zh-cn/react-native-check-box.md b/zh-cn/react-native-check-box.md
index 76ec9f9d..df56e23f 100644
--- a/zh-cn/react-native-check-box.md
+++ b/zh-cn/react-native-check-box.md
@@ -1,16 +1,19 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-check-box</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/crazycodeboy/react-native-check-box/blob/v2.1.0/LICENSE">
+    <a href="https://github.com/crazycodeboy/react-native-check-box">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/crazycodeboy/react-native-check-box)
+> [!TIP] [Github 地址](https://github.com/crazycodeboy/react-native-check-box)
 
 ## 安装与使用
 
@@ -21,115 +24,84 @@
 #### **npm**
 
 ```bash
-npm install react-native-check-box@2.1.0
+npm install react-native-check-box@2.1.7
 ```
+#### **yarn**
 
+```bash
+yarn add react-native-check-box@2.1.7
+```
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React, {useEffect, useState} from 'react';
-import {StyleSheet, ScrollView, View, Image, Text} from 'react-native';
-import CheckBox from 'react-native-check-box';
-import keys from './keys.json';
-import {Indata} from './CheckBox';
-import type {dataType} from './CheckBox';
-
-
-function example() {
-  const [dataArray, setDataArray] = useState<dataType>([]);
-  useEffect(() => {
-    setDataArray(keys);
-  }, []);
-  const onClick1 = (data: Indata) => {
-    data.checked = !data.checked;
-    setDataArray([...dataArray]);
-  };
-  //基本使用，设置左边文本样式
-  const RenderView = () => {
-    if (!dataArray || dataArray.length === 0) return; //判断数组中是否为空，如果为空直接返回
-    const views = dataArray.map(item => (
-      <View key={item.name}>
-        <View style={styles.item}>
-          <CheckBox
-            style={{flex: 1, padding: 10}} //设置复选框的样式
-            onClick={() => onClick1(item)} //点击复选框的回调函数
-            isChecked={item.checked} //复选框选中的状态
-            leftText={item.name} //左侧文本
-            leftTextStyle={{fontSize: 20, fontWeight: '700'}} //左侧文本样式
-          />
-        </View>
-        <View style={styles.line}></View>
+import React, {Component} from 'react';
+import {StyleSheet, View} from 'react-native';
+import CheckBox from 'react-native-check-box'
+
+type Props = {};
+export default class CheckBoxDemo extends Component<Props> {
+  constructor(props){
+    super(props);
+    this.state={
+      isChecked:true
+    }
+  }
+  render() {
+    return (
+      <View style={styles.container}>
+        <CheckBox
+            style={{flex: 1, padding: 10}}
+            onClick={()=>{
+              this.setState({
+                  isChecked:!this.state.isChecked
+              })
+            }}
+            isChecked={this.state.isChecked}
+            rightText={"CheckBox"}
+        />
       </View>
-    ));
-    return views;
-  };
-  return (
-    <View style={styles.container}>
-      <ScrollView>
-        <Text style={styles.titleText}>基本使用，设置左边文本样式</Text>
-        <RenderView />
-      </ScrollView>
-    </View>
-  );
-};
-
-//css样式
+    );
+  }
+}
+
 const styles = StyleSheet.create({
-  titleText: {
-    fontSize: 25,
-    fontWeight: 'bold',
-    marginTop: 20,
-    marginBottom: 10,
-  },
   container: {
-    flex: 1,
-    backgroundColor: '#f3f2f2',
-    marginTop: 30,
-  },
-  item: {
-    flexDirection: 'row',
-  },
-  line: {
-    flex: 1,
-    height: 0.3,
-    backgroundColor: 'darkgray',
-  },
-  });
-export default example;
-
+    height:'100%',
+    backgroundColor: '#F5FCFF',
+  }
+});
 ```
 
 ## 兼容性
 
 在以下版本验证通过
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## 属性
 
-详情见[react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-### React-navite-check-box:
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| 名称                   | 说明                                                                                                                  | 类型                      | 是否必填 | 原库平台    |  HarmonyOS 支持 |
+| Name                   | Description                                                                                                                  | Type                      | Required | Platform    |  HarmonyOS Support |
 | ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- | ----------- | -------- |
-| style                  | Custom style checkbox                                                                                                 | ViewPropTypes.style       | No       | Android/IOS | Yes      |
-| leftText               | Custom left Text                                                                                                      | PropTypes.string          | No       | Android/IOS | Yes      |
-| leftTextStyle          | Custom left Text style                                                                                                | Text.propTypes.style      | No       | Android/IOS | Yes      |
-| rightText              | Custom right Text                                                                                                     | PropTypes.string          | No       | Android/IOS | Yes      |
-| rightTextView          | Custom right TextView                                                                                                 | PropTypes.element         | No       | Android/IOS | Yes      |
-| rightTextStyle         | Custom right Text style                                                                                               | Text.propTypes.style      | No       | Android/IOS | Yes      |
-| checkedImage           | Custom checked Image                                                                                                  | PropTypes.element         | No       | Android/IOS | Yes      |
-| unCheckedImage         | Custom unchecked Image                                                                                                | PropTypes.element         | No       | Android/IOS | Yes      |
-| isChecked              | checkbox checked state                                                                                                | PropTypes.bool            | Yes      | Android/IOS | Yes      |
-| onClick                | callback function                                                                                                     | PropTypes.func.isRequired | Yes      | Android/IOS | Yes      |
-| disabled               | Disable the checkbox button                                                                                           | PropTypes.bool            | No       | Android/IOS | Yes      |
-| checkBoxColor          | Tint color of the checkbox image (this props is for both checked and unchecked state)                                 | PropTypes.string          | Yes      | Android/IOS | Yes      |
-| checkedCheckBoxColor   | Tint color of the checked state checkbox image (this prop will override value of checkBoxColor for checked state)     | PropTypes.string          | No       | Android/IOS | Yes      |
-| uncheckedCheckBoxColor | Tint color of the unchecked state checkbox image (this prop will override value of checkBoxColor for unchecked state) | PropTypes.string          | No       | Android/IOS | Yes      |
+| style                  | Custom style checkbox                                                                                                 | ViewPropTypes.style       | No       | Android、IOS | Yes      |
+| leftText               | Custom left Text                                                                                                      | PropTypes.string          | No       | Android、IOS | Yes      |
+| leftTextStyle          | Custom left Text style                                                                                                | Text.propTypes.style      | No       | Android、IOS | Yes      |
+| rightText              | Custom right Text                                                                                                     | PropTypes.string          | No       | Android、IOS | Yes      |
+| rightTextView          | Custom right TextView                                                                                                 | PropTypes.element         | No       | Android、IOS | Yes      |
+| rightTextStyle         | Custom right Text style                                                                                               | Text.propTypes.style      | No       | Android、IOS | Yes      |
+| checkedImage           | Custom checked Image                                                                                                  | PropTypes.element         | No       | Android、IOS | Yes      |
+| unCheckedImage         | Custom unchecked Image                                                                                                | PropTypes.element         | No       | Android、IOS | Yes      |
+| isChecked              | checkbox checked state                                                                                                | PropTypes.bool            | Yes      | Android、IOS | Yes      |
+| onClick                | callback function                                                                                                     | PropTypes.func.isRequired | Yes      | Android、IOS | Yes      |
+| disabled               | Disable the checkbox button                                                                                           | PropTypes.bool            | No       | Android、IOS | Yes      |
+| checkBoxColor          | Tint color of the checkbox image (this props is for both checked and unchecked state)                                 | PropTypes.string          | Yes      | Android、IOS | Yes      |
+| checkedCheckBoxColor   | Tint color of the checked state checkbox image (this prop will override value of checkBoxColor for checked state)     | PropTypes.string          | No       | Android、IOS | Yes      |
+| uncheckedCheckBoxColor | Tint color of the unchecked state checkbox image (this prop will override value of checkBoxColor for unchecked state) | PropTypes.string          | No       | Android、IOS | Yes      |
 
 ## 遗留问题
 

From dc878dd408ae6c66e10af2f5877a5bb48f5ddfc6 Mon Sep 17 00:00:00 2001
From: 17691002584 <17691002584@163.com>
Date: Tue, 9 Jul 2024 16:10:27 +0800
Subject: [PATCH 142/966] =?UTF-8?q?docs:=20[#IABP63]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-transitiongroup=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20docs:=20[#IABP63]=20=E4=BF=AE=E6=94=B9react-native-transitio?=
 =?UTF-8?q?ngroup=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20docs:=20[#IABP63]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-transitiongroup=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20docs:=20[#IABP63]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-transitiongroup=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20docs:=20[#IABP63]=20=E4=BF=AE=E6=94=B9reac?=
 =?UTF-8?q?t-native-transitiongroup=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20?=
 =?UTF-8?q?docs:=20[#IABP63]=20=E4=BF=AE=E6=94=B9react-native-transitiongr?=
 =?UTF-8?q?oup=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-transitiongroup.md | 41 ++++++++++++++-------------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md
index cf7824b3..e7066a5c 100644
--- a/zh-cn/react-native-transitiongroup.md
+++ b/zh-cn/react-native-transitiongroup.md
@@ -1,20 +1,24 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-transitiongroup</code> </h1>
 </p>
 <p align="center">
-     <a href="https://github.com/madsleejensen/react-native-transitiongroup/blob/master/README.md">
-        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    <a href="https://github.com/madsleejensen/react-native-transitiongroup">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+     <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="Supported platforms" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-transitiongroup)
+
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-transitiongroup)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/库名> Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -143,10 +147,9 @@ const styles = StyleSheet.create({
 
 ## 兼容性
 
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)
 
 ## API
 
@@ -156,25 +159,25 @@ const styles = StyleSheet.create({
 >
 > 详情见 [react-native-transitiongroup 源库地址](https://github.com/madsleejensen/react-native-transitiongroup/blob/master/README.md)
 
-| 名称          | 描述                                   | 参数类型 | 是否必填 | Platform | HarmonyOS Support |
+| Name          | Description                            | type     | Required | Platform | HarmonyOS Support |
 | ------------- | -------------------------------------- | -------- | -------- | -------- | ----------------- |
-| easing        | 缓动函数                               | func     | yes      | All      | yes               |
-| inDelay       | 组件加载时开始动画前的延迟时间（毫秒） | number   | yes      | All      | yes               |
-| inDuration    | 组件加载时动画的持续时间（毫秒）       | number   | yes      | All      | yes               |
-| outDelay      | 组件销毁时开始动画前的延迟时间（毫秒） | number   | yes      | All      | yes               |
-| outDuration   | 组件销毁时动画的持续时间（毫秒）       | number   | yes      | All      | yes               |
-| pointerEvents | 控制View是否可以成为触摸事件的目标     | string   | yes      | All      | yes               |
-| style         | 组件样式                               | style    | yes      | All      | yes               |
+| easing        | 缓动函数                               | function | no       | All      | yes               |
+| inDelay       | 组件加载时开始动画前的延迟时间（毫秒） | number   | no       | All      | yes               |
+| inDuration    | 组件加载时动画的持续时间（毫秒）       | number   | no       | All      | yes               |
+| outDelay      | 组件销毁时开始动画前的延迟时间（毫秒） | number   | no       | All      | yes               |
+| outDuration   | 组件销毁时动画的持续时间（毫秒）       | number   | no       | All      | yes               |
+| pointerEvents | 控制View是否可以成为触摸事件的目标     | string   | no       | All      | yes               |
+| style         | 组件样式                               | style    | no       | All      | yes               |
 
 ## 遗留问题
 
-原库使用refs方法，现在改为使用react.createRef方法代替。
-原库中使用的ViewPropTypes，现在改为使用PropTypes方法代替。
+- [ ] 原库使用refs方法，现在改为使用react.createRef方法代替。问题: [issue#1](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/1)
+- [ ] 原库中使用的ViewPropTypes，现在改为使用PropTypes方法代替。问题: [issue#2](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/2)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/madsleejensen/react-native-transitiongroup/blob/master/package.json) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 815bca5a246f7532dbe2bf0130fc3900a95693e1 Mon Sep 17 00:00:00 2001
From: dongzhihan <dongzhihan@h-partners.com>
Date: Thu, 11 Jul 2024 16:09:12 +0800
Subject: [PATCH 143/966] =?UTF-8?q?docs:=20[#I9KN60]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-flip-card=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-flip-card.md | 179 ++++++++++++++++----------------
 1 file changed, 88 insertions(+), 91 deletions(-)

diff --git a/zh-cn/react-native-flip-card.md b/zh-cn/react-native-flip-card.md
index ca5816eb..ca693e07 100644
--- a/zh-cn/react-native-flip-card.md
+++ b/zh-cn/react-native-flip-card.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-flip-card</code> </h1>
@@ -14,12 +15,10 @@
     </a>
 </p>
 
-
-
-
-
 > [!TIP] [Github 地址](https://github.com/moschan/react-native-flip-card)
+
 ## 安装与使用
+
 <!-- tabs:start -->
 
 #### **npm**
@@ -37,47 +36,54 @@ yarn add react-native-flip-card@3.5.7
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
->[!WARNING] 使用时 import 的库名不变。
+
+> [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React, { useState } from 'react';
-import FlipCard from 'react-native-flip-card'
-import { Text, View, StyleSheet, ScrollView,TouchableOpacity } from 'react-native';
+import React, { useState } from "react";
+import FlipCard from "react-native-flip-card";
+import {
+  Text,
+  View,
+  StyleSheet,
+  ScrollView,
+  TouchableOpacity,
+} from "react-native";
 
 export const FlipCardExample = () => {
   const styles = StyleSheet.create({
     container: {
       flex: 1,
-      justifyContent: 'center',
-      alignItems: 'center',
-      backgroundColor: '#F5FCFF',
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: "#F5FCFF",
     },
     welcome: {
       fontSize: 20,
-      textAlign: 'center',
+      textAlign: "center",
       margin: 10,
       marginTop: 20,
     },
     instructions: {
-      textAlign: 'center',
-      color: '#333333',
+      textAlign: "center",
+      color: "#333333",
       marginBottom: 5,
     },
     card: {
       width: 200,
-      marginTop:20
+      marginTop: 20,
     },
     face: {
       flex: 1,
-      backgroundColor: '#2ecc71',
-      justifyContent: 'center',
-      alignItems: 'center',
+      backgroundColor: "#2ecc71",
+      justifyContent: "center",
+      alignItems: "center",
     },
     back: {
       flex: 1,
-      backgroundColor: '#f1c40f',
-      justifyContent: 'center',
-      alignItems: 'center',
+      backgroundColor: "#f1c40f",
+      justifyContent: "center",
+      alignItems: "center",
     },
     button: {
       width: 100,
@@ -87,53 +93,46 @@ export const FlipCardExample = () => {
       paddingBottom: 6,
       borderRadius: 3,
       borderWidth: 1,
-      backgroundColor: '#007AFF',
-      borderColor: 'transparent',
+      backgroundColor: "#007AFF",
+      borderColor: "transparent",
     },
     buttonText: {
-      color: '#fff',
-      textAlign: 'center',
+      color: "#fff",
+      textAlign: "center",
     },
     img: {
       flex: 1,
-      height: 64
-    }
+      height: 64,
+    },
   });
-  const [flip,setFlip] = useState(false);
-var CARDS = [1, 2, 3, 4, 5, 6, 7, 8, 9];
-  const MyFlipCard = ({val}) => {
+  const [flip, setFlip] = useState(false);
+  var CARDS = [1, 2, 3, 4, 5, 6, 7, 8, 9];
+  const MyFlipCard = ({ val }) => {
     return (
-      <View style={{margin: 3}}>
-        <FlipCard
-          style={styles.card}
-        >
-          {/* Face Side */}
+      <View style={{ margin: 3 }}>
+        <FlipCard style={styles.card}>
           <View style={styles.face}>
             <Text>Card {val}</Text>
           </View>
-          {/* Back Side */}
           <View style={styles.back}>
             <Text>The back side</Text>
           </View>
         </FlipCard>
       </View>
-    )
-  }
-const createCard = (val, i) => <MyFlipCard key={i} val={val}/>
+    );
+  };
+  const createCard = (val, i) => <MyFlipCard key={i} val={val} />;
 
   return (
-    <View style={styles.container} >
+    <View style={styles.container}>
       <ScrollView>
         <Text style={styles.welcome}>Flip Card Example</Text>
         <View>
           <Text style={styles.welcome}>Minimal</Text>
-          <FlipCard 
-          style={{ marginBottom: 5 }}>
-            {/* Face Side */}
+          <FlipCard style={{ marginBottom: 5 }}>
             <View style={styles.face}>
               <Text>The Face</Text>
             </View>
-            {/* Back Side */}
             <View style={styles.back}>
               <Text>The Back</Text>
             </View>
@@ -149,17 +148,16 @@ const createCard = (val, i) => <MyFlipCard key={i} val={val}/>
             clickable={true}
             style={styles.card}
             alignHeight={true}
-            // alignWidth={true}
-            onFlipStart={(isFlipStart) => { console.log('isFlipStart', isFlipStart) }}
+            onFlipStart={(isFlipStart) => {
+              console.log("isFlipStart", isFlipStart);
+            }}
             useNativeDriver={true}
           >
-            {/* Face Side */}
             <View style={styles.face}>
               <Text>The Face</Text>
             </View>
-            {/* Back Side */}
             <View style={styles.back}>
-              <Text style={{fontSize:50}} > The Back </Text>
+              <Text style={{ fontSize: 50 }}> The Back </Text>
             </View>
           </FlipCard>
           <FlipCard
@@ -171,14 +169,13 @@ const createCard = (val, i) => <MyFlipCard key={i} val={val}/>
             clickable={true}
             style={styles.card}
             alignHeight={true}
-            // alignWidth={true}
-            onFlipEnd={(isFlipEnd) => { console.log('isFlipEnd', isFlipEnd) }}
+            onFlipEnd={(isFlipEnd) => {
+              console.log("isFlipEnd", isFlipEnd);
+            }}
           >
-            {/* Face Side */}
             <View style={styles.face}>
               <Text>The Face</Text>
             </View>
-            {/* Back Side */}
             <View style={styles.back}>
               <Text>T</Text>
               <Text>h</Text>
@@ -192,60 +189,60 @@ const createCard = (val, i) => <MyFlipCard key={i} val={val}/>
           </FlipCard>
         </View>
         <View>
-            <TouchableOpacity
-              style={styles.button}
-              onPress={()=>{setFlip({flip: !flip})}}
-              >
-              <Text style={styles.buttonText}>Flip</Text>
-            </TouchableOpacity>
-          </View>
-          <View>
-            {CARDS.map(createCard)}
-          </View>
+          <TouchableOpacity
+            style={styles.button}
+            onPress={() => {
+              setFlip({ flip: !flip });
+            }}
+          >
+            <Text style={styles.buttonText}>Flip</Text>
+          </TouchableOpacity>
+        </View>
+        <View>{CARDS.map(createCard)}</View>
       </ScrollView>
-
     </View>
-  )
-
-
-}
+  );
+};
 ```
+
 ## 约束与限制
 
 ### 兼容性
 
-1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
-2. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
- ## 属性
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24;
+
+## 属性
 
 ### FlipCard
+
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-> 
+>
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-该库为UI组件库，通过配置属性标签，实现对应的功能。
-
-| Name        |  Type       |Description                                                  | Default |Required |Platform      | HarmonyOS Support |
-| ----------- | -------------------------------------------------- | ------------ | ----------------- |-----------------|------- |-----|
-| flip        |boolean|If you change default display side, you can set true to this param. If you change side, you can pass bool variable dynamically.                                          | false |no       |IOS/Android| yes               |
-|clickable     |boolean| If you want to disable click a card, you can set false to this paramicon.                                          | true  | no |IOS/Android     | yes               |
-| friction   |number| The friction of card animation      | 6|no | IOS/Android|yes               |
-| perspective |number| The amount of perspective applied to the flip transformation | 0   |no   | IOS/Android     | yes               |
-| flipHorizontal        |boolean| If you set true, a card flip to horizontal.           | false |no    | IOS/Android   | yes               |
-| flipVertical        |boolean| If you set false, a card not flip to vertical. If you set true both flipHorizontal and flipVertical , a card flip to diagonal.          | true  |no   |IOS/Android    | yes               |
-|onFlipStart       |function| When a card starts a flip animation, call onFlipEnd function with param.         |     NA  |no   | IOS/Android|yes               |
-|onFlipEnd      |function| When a card finishes a flip animation, call onFlipEnd function with param.        |     NA  |no   |IOS/Android| yes               |
-|alignHeight     |boolean| If you pass true to alignHeight param, the card keep height of bigger side.        |   false  |no  |IOS/Android   | yes               |
-|alignWidth        |boolean| If you pass true to alignWidth param, the card keep width of bigger side.       |   false |no  |IOS/Android    | yes               |
-|useNativeDriver       |boolean| If you pass true to useNativeDriver param, the card animation will utilize the native driver.       |   false |no |IOS/Android     | yes               |
+该库为 UI 组件库，通过配置属性标签，实现对应的功能。
 
+| Name            | Type     | Description                                                                                                                     | Default | Required | Platform    | HarmonyOS Support |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| flip            | boolean  | If you change default display side, you can set true to this param. If you change side, you can pass bool variable dynamically. | false   | no       | iOS/Android | yes               |
+| clickable       | boolean  | If you want to disable click a card, you can set false to this paramicon.                                                       | true    | no       | iOS/Android | yes               |
+| friction        | number   | The friction of card animation                                                                                                  | 6       | no       | iOS/Android | yes               |
+| perspective     | number   | The amount of perspective applied to the flip transformation                                                                    | 1000    | no       | iOS/Android | yes               |
+| flipHorizontal  | boolean  | If you set true, a card flip to horizontal.                                                                                     | false   | no       | iOS/Android | yes               |
+| flipVertical    | boolean  | If you set false, a card not flip to vertical. If you set true both flipHoriszontal and flipVertical , a card flip to diagonal. | true    | no       | iOS/Android | yes               |
+| onFlipStart     | function | When a card starts a flip animation, call onFlipEnd function with param.                                                        | NA      | no       | iOS/Android | yes               |
+| onFlipEnd       | function | When a card finishes a flip animation, call onFlipEnd function with param.                                                      | NA      | no       | iOS/Android | yes               |
+| alignHeight     | boolean  | If you pass true to alignHeight param, the card keep height of bigger side.                                                     | false   | no       | iOS/Android | yes               |
+| alignWidth      | boolean  | If you pass true to alignWidth param, the card keep width of bigger side.                                                       | false   | no       | iOS/Android | yes               |
+| useNativeDriver | boolean  | If you pass true to useNativeDriver param, the card animation will utilize the native driver.                                   | true    | no       | iOS/Android | yes               |
 
+## 遗留问题
 
+## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/moschan/react-native-flip-card/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-
-
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From 68aa6ee53c7c4c3ce8b0ff389eda2aa49d9385ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zhangweiyang7@h-partners.com>
Date: Thu, 11 Jul 2024 16:47:39 +0800
Subject: [PATCH 144/966] =?UTF-8?q?docs:=20[#IACAYI]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9jeanregisser-react-native-slider=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-slider.md | 40 ++++++++++++++++++------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/zh-cn/react-native-slider.md b/zh-cn/react-native-slider.md
index bb54ef87..575c2047 100644
--- a/zh-cn/react-native-slider.md
+++ b/zh-cn/react-native-slider.md
@@ -164,26 +164,26 @@ const styles = StyleSheet.create({
 
 | Name                  | Description                                                                                                                                                                                                   | Type                                                                    | Required | Platform    | HarmonyOS Support |
 |-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|-------------|-------------------|
-| value                 | Initial value of the slider.                                                                                                                                                                                  | number                                                                  | No       | ios,android | yes               |
-| disabled              | If true the user won't be able to move the slider.                                                                                                                                                            | bool                                                                    | No       | ios,android | yes               |
-| minimumValue          | Initial minimum value of the slider.                                                                                                                                                                          | number                                                                  | No       | ios,android | yes               |
-| maximumValue          | Initial maximum value of the slider.                                                                                                                                                                          | number                                                                  | No       | ios,android | yes               |
-| step                  | Step value of the slider. The value should be between 0 and maximumValue - minimumValue).                                                                                                                     | number                                                                  | No       | ios,android | yes               |
-| minimumTrackTintColor | The color used for the track to the left of the button.                                                                                                                                                       | string                                                                  | No       | ios,android | yes               |
-| maximumTrackTintColor | The color used for the track to the right of the button.                                                                                                                                                      | string                                                                  | No       | ios,android | yes               |
-| thumbTintColor        | The color used for the thumb.                                                                                                                                                                                 | string                                                                  | No       | ios,android | yes               |
-| thumbTouchSize        | The size of the touch area that allows moving the thumb. The touch area has the same center as the visible thumb. This allows to have a visually small thumb while still allowing the user to move it easily. | object                                                                  | No       | ios,android | yes               |
-| onValueChange         | Callback continuously called while the user is dragging the slider.                                                                                                                                           | function                                                                | No       | ios,android | yes               |
-| onSlidingStart        | Callback called when the user starts changing the value (e.g. when the slider is pressed).                                                                                                                    | function                                                                | No       | ios,android | yes               |
-| onSlidingComplete     | Callback called when the user finishes changing the value (e.g. when the slider is released).                                                                                                                 | function                                                                | No       | ios,android | yes               |
-| style                 | The style applied to the slider container.                                                                                                                                                                    | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | ios,android | yes               |
-| trackStyle            | The style applied to the track.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | ios,android | yes               |
-| thumbStyle            | The style applied to the thumb.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | ios,android | yes               |
-| thumbImage            | Sets an image for the thumb.                                                                                                                                                                                  | [source](http://facebook.github.io/react-native/docs/image.html#source) | No       | ios,android | yes               |
-| debugTouchArea        | Set this to true to visually see the thumb touch rect in green.                                                                                                                                               | bool                                                                    | No       | ios,android | yes               |
-| animateTransitions    | Set to true if you want to use the default 'spring' animation.                                                                                                                                                | bool                                                                    | No       | ios,android | yes               |
-| animationType         | Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://facebook.github.io/react-native/docs/animations.html).                                | string                                                                  | No       | ios,android | yes               |
-| animationConfig       | Used to configure the animation parameters. These are the same parameters in the [Animated library](https://facebook.github.io/react-native/docs/animations.html).                                            | object                                                                  | No       | ios,android | yes               |
+| value                 | Initial value of the slider.                                                                                                                                                                                  | number                                                                  | No       | iOS Android | yes               |
+| disabled              | If true the user won't be able to move the slider.                                                                                                                                                            | bool                                                                    | No       | iOS Android | yes               |
+| minimumValue          | Initial minimum value of the slider.                                                                                                                                                                          | number                                                                  | No       | iOS Android | yes               |
+| maximumValue          | Initial maximum value of the slider.                                                                                                                                                                          | number                                                                  | No       | iOS Android | yes               |
+| step                  | Step value of the slider. The value should be between 0 and maximumValue - minimumValue).                                                                                                                     | number                                                                  | No       | iOS Android | yes               |
+| minimumTrackTintColor | The color used for the track to the left of the button.                                                                                                                                                       | string                                                                  | No       | iOS Android | yes               |
+| maximumTrackTintColor | The color used for the track to the right of the button.                                                                                                                                                      | string                                                                  | No       | iOS Android | yes               |
+| thumbTintColor        | The color used for the thumb.                                                                                                                                                                                 | string                                                                  | No       | iOS Android | yes               |
+| thumbTouchSize        | The size of the touch area that allows moving the thumb. The touch area has the same center as the visible thumb. This allows to have a visually small thumb while still allowing the user to move it easily. | object                                                                  | No       | iOS Android | yes               |
+| onValueChange         | Callback continuously called while the user is dragging the slider.                                                                                                                                           | function                                                                | No       | iOS Android | yes               |
+| onSlidingStart        | Callback called when the user starts changing the value (e.g. when the slider is pressed).                                                                                                                    | function                                                                | No       | iOS Android | yes               |
+| onSlidingComplete     | Callback called when the user finishes changing the value (e.g. when the slider is released).                                                                                                                 | function                                                                | No       | iOS Android | yes               |
+| style                 | The style applied to the slider container.                                                                                                                                                                    | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | iOS Android | yes               |
+| trackStyle            | The style applied to the track.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | iOS Android | yes               |
+| thumbStyle            | The style applied to the thumb.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | iOS Android | yes               |
+| thumbImage            | Sets an image for the thumb.                                                                                                                                                                                  | [source](http://facebook.github.io/react-native/docs/image.html#source) | No       | iOS Android | yes               |
+| debugTouchArea        | Set this to true to visually see the thumb touch rect in green.                                                                                                                                               | bool                                                                    | No       | iOS Android | yes               |
+| animateTransitions    | Set to true if you want to use the default 'spring' animation.                                                                                                                                                | bool                                                                    | No       | iOS Android | yes               |
+| animationType         | Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://facebook.github.io/react-native/docs/animations.html).                                | string                                                                  | No       | iOS Android | yes               |
+| animationConfig       | Used to configure the animation parameters. These are the same parameters in the [Animated library](https://facebook.github.io/react-native/docs/animations.html).                                            | object                                                                  | No       | iOS Android | yes               |
 
 ## 遗留问题
 

From 76ee9de01c50f281eeb7d061dc7c250b16c7c414 Mon Sep 17 00:00:00 2001
From: huhexing <hexing_hu@163.com>
Date: Thu, 11 Jul 2024 18:58:58 +0800
Subject: [PATCH 145/966] =?UTF-8?q?docs:=20[Issues:=20#IAAMLT]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-error-boundary=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-error-boundary.md | 127 +++++++++++++++++++++++++++
 1 file changed, 127 insertions(+)
 create mode 100644 zh-cn/react-native-error-boundary.md

diff --git a/zh-cn/react-native-error-boundary.md b/zh-cn/react-native-error-boundary.md
new file mode 100644
index 00000000..92ef7f33
--- /dev/null
+++ b/zh-cn/react-native-error-boundary.md
@@ -0,0 +1,127 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-error-boundary</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/carloscuesta/react-native-error-boundary">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/carloscuesta/react-native-error-boundary/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/carloscuesta/react-native-error-boundary)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react-native-error-boundary@1.2.4
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-error-boundary@1.2.4
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React, { PropsWithChildren, useState } from 'react';
+import { StyleSheet, Button } from 'react-native';
+import ErrorBoundary from 'react-native-error-boundary';
+
+export const ErrorBoundaryDefaultExample = () => {
+    const [shouldThrow, setShouldThrow] = useState(false);
+
+    return (
+        <ErrorBoundary>
+            <Button
+                title="Click the button, it will throw a exception and show a default error page"
+                onPress={() => {
+                    setShouldThrow(true);
+                }}
+            />
+            {shouldThrow && (<MaybeThrows>Content</MaybeThrows>)}
+        </ErrorBoundary>
+    );
+};
+
+function MaybeThrows({ children }: PropsWithChildren) {
+    const valueToThrow = new Error("Throw a new exception");
+    throw valueToThrow;
+}
+
+const styles = StyleSheet.create({
+    buttonContainer: {
+        width: 80,
+        height: 80,
+    },
+    box: {
+        height: 100,
+        width: 50,
+    },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### ErrorBoundary
+
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| Children        | Any children that can throw an error       | React.Children | Yes       | iOS/Android | Yes               |
+| FallbackComponent       | The fallback component that will be rendered after catching an error. By default the library comes with a built-in component.         | React.Component | No       | iOS/Android | Yes               |
+| onError | A function to log the errors that happen in your application  | Function | No       | iOS/Android | Yes               |
+
+#### FallbackComponent
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| error        | The error object       | Error | Yes       | iOS/Android | Yes               |
+| resetError       | A function to reset the error state. You'll want to call this function to recover from the error state.         | Function | Yes       | iOS/Android | Yes               |
+
+#### onError
+```js
+onError(error: Error, stackTrace: string): void
+```
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| error        | The error catched by the component       | Error | Yes       | iOS/Android | Yes               |
+| stackTrace       | The stacktrace of the error         | string | Yes       | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/carloscuesta/react-native-error-boundary/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From dbbb916dea76fe072c1656a42da0caa1ff2cee30 Mon Sep 17 00:00:00 2001
From: iven0707 <13296634195@163.com>
Date: Fri, 5 Jul 2024 10:16:22 +0800
Subject: [PATCH 146/966] =?UTF-8?q?docs:=20[#IAAMI5]=20=E6=96=B0=E5=A2=9Er?=
 =?UTF-8?q?eact-native-autocomplete-input=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-autocomplete-input.md | 184 +++++++++++++++++++++++
 1 file changed, 184 insertions(+)
 create mode 100644 zh-cn/react-native-autocomplete-input.md

diff --git a/zh-cn/react-native-autocomplete-input.md b/zh-cn/react-native-autocomplete-input.md
new file mode 100644
index 00000000..bb99353c
--- /dev/null
+++ b/zh-cn/react-native-autocomplete-input.md
@@ -0,0 +1,184 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-autocomplete-input</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/byteburgers/react-native-autocomplete-input">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/byteburgers/react-native-autocomplete-input/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/byteburgers/react-native-autocomplete-input)
+
+## 安装与使用
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+$ npm install --save react-native-autocomplete-input@5.4.0
+```
+
+#### **yarn**
+
+```bash
+$ yarn add react-native-autocomplete-input@5.4.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { Component } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity} from 'react-native';
+import AutocompleteInput from 'react-native-autocomplete-input';
+
+
+const styles = StyleSheet.create({
+    containerStyle: {
+        borderColor: "#e0494e",
+        borderWidth: 5,
+        borderRadius: 15,
+        width: '100%'
+    },
+    inputContainerStyle: {
+        borderWidth: 3,
+        borderColor: "green",
+
+    },
+    listContainerStyle: {
+        backgroundColor: "yellow"
+    },
+    itemText: {
+        paddingTop: 10,
+        paddingBottom: 10,
+
+    },
+
+});
+
+interface AutocompleteItem {
+    id: number;
+    value: string;
+}
+
+const testArray: AutocompleteItem[] = [{ id: 1, value: 'Aabbbbbbb' }, { id: 2, value: 'BBFFFFF' }, { id: 3, value: 'ccccccbbb' }]
+
+function filterData(query: string): AutocompleteItem[] {
+    if (query) {
+        const filteredItems = testArray.filter(item => item.value.toLowerCase().includes(query.toLowerCase()));
+        return filteredItems;
+    } else {
+        return [];
+    }
+}
+
+function compare(selectName: string, value: string): boolean {
+    return selectName === value;
+}
+
+class App extends Component {
+    state = {
+        query: '', 
+        isVisible: true,
+        selectName: ''
+    };
+
+    render() {
+        const { query, isVisible } = this.state;
+        const data = filterData(query);
+        return (
+            <View style={{ backgroundColor: '#d1f8f7', height: '100%' ,paddingTop:100}}>
+                <AutocompleteInput
+                    containerStyle={styles.containerStyle} 
+                    inputContainerStyle={styles.inputContainerStyle} 
+                    listContainerStyle={styles.listContainerStyle}
+                    data={data.length === 1 && compare(this.state.selectName, data[0].value) ? [] : data} 
+                    value={query} 
+                    onChangeText={(text) => {
+
+                        if (text.trim() !== this.state.selectName.trim()) {
+                            this.setState({
+                                isVisible: false,
+                                selectName: text
+                            });
+                        } else {
+                            this.setState({
+                                isVisible: false,
+                                selectName: text
+                            });
+                        }
+                        this.setState({ query: text});
+                        console.log("--------onChangeText--++++isVisible:" + isVisible)
+                    }} 
+
+                    onShowResults={() => { console.log("--------+++++++++ onShowResults "); }} 
+                    
+                    hideResults={isVisible} 
+
+                    flatListProps={{
+                        keyExtractor: (_, idx) => String(idx),
+                        keyboardShouldPersistTaps: 'always', 
+                        renderItem: ({ item }) => {
+                            return (
+                                <TouchableOpacity onPress={() => {
+                                    this.setState({ query: item.value, isVisible: true, selectName: item.value });
+                                    console.log("--------onPress--++++isVisible:" + isVisible)
+                                }}>
+                                    <Text style={styles.itemText}>{item.value}</Text>
+                                </TouchableOpacity>
+                            )
+                        },
+                    }} 
+                />
+            </View>
+        );
+    }
+}
+
+
+
+export default App;
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| containerStyle      | These styles will be applied to the container which surrounds the autocomplete component. | style    | no       | Android/iOS | yes               |
+| hideResults         | Set to `true` to hide the suggestion list.                   | bool     | no       | Android/iOS | yes               |
+| data                | An array with suggestion items to be rendered in `renderItem({ item, i })`. Any array with length > 0 will open the suggestion list and any array with length < 1 will hide the list. | array    | no       | Android/iOS | yes               |
+| inputContainerStyle | These styles will be applied to the container which surrounds the textInput component. | style    | no       | Android/iOS | yes               |
+| listContainerStyle  | These styles will be applied to the container which surrounds the result list. | style    | no       | Android/iOS | yes               |
+| onShowResults       | will be called when the autocomplete suggestions appear or disappear. | function | no       | Android/iOS | yes               |
+| renderTextInput     | render custom TextInput. All props passed to this function.  | function | no       | Android/iOS | yes               |
+| flatListProps       | custom props to FlatList.                                    | object   | no       | Android/iOS | yes               |
+| renderResultList    | render custom result list. Can be used to replace FlatList. All props passed to this function. | function | no       | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/byteburgers/react-native-autocomplete-input/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 92ec75e7f440d8f05f1bc3fafd2ebc2db5179429 Mon Sep 17 00:00:00 2001
From: panlichen <pan.lichen@qq.com>
Date: Thu, 11 Jul 2024 20:07:28 +0800
Subject: [PATCH 147/966] =?UTF-8?q?docs:=20[#IA6ZRE]=20=E6=96=B0=E5=A2=9Er?=
 =?UTF-8?q?eact-native-secharts=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-secharts.md | 170 +++++++++++++++++++++++++++++++++
 1 file changed, 170 insertions(+)
 create mode 100644 zh-cn/react-native-secharts.md

diff --git a/zh-cn/react-native-secharts.md b/zh-cn/react-native-secharts.md
new file mode 100644
index 00000000..64319ca5
--- /dev/null
+++ b/zh-cn/react-native-secharts.md
@@ -0,0 +1,170 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-secharts</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/shifeng1993/react-native-secharts">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/shifeng1993/react-native-secharts/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/shifeng1993/react-native-secharts)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-secharts@1.7.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-secharts@1.7.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from "react";
+import { View, StyleSheet, Text } from "react-native";
+import { Echarts, echarts } from "react-native-secharts";
+
+export default class SechartsBar extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      image: "",
+      value: null,
+      option1:
+        (option = option =
+          {
+            xAxis: {
+              type: "category",
+              data: ["Mon", "Tue", "Wed", "Thu", "Fri"],
+            },
+            yAxis: {
+              type: "value",
+            },
+            series: [
+              {
+                data: [120, 200, 150, 80, 70],
+                type: "bar",
+              },
+            ],
+          }),
+      flag: false, // 这个布尔值是为了测试option1在setstate操作后不会被重置成初始状态。
+    };
+    this.echart1 = React.createRef();
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <View>
+          <Echarts
+            ref={this.echart1}
+            option={this.state.option1}
+            onPress={this.onPress}
+            height={600}
+            width={300}
+            backgroundColor={"#468B58"}
+            renderLoading={() => (
+              <View style={{ backgroundColor: "rgba(255,255,0,0)" }} />
+            )}
+          />
+        </View>
+        <View>
+          <Text>
+            {!this.state.value
+              ? "这里显示被点击的值"
+              : "被点击的值：" + this.state.value}
+          </Text>
+        </View>
+      </View>
+    );
+  }
+  onPress = (e) => {
+    this.setState({ value: e.value });
+  };
+}
+const styles = StyleSheet.create({
+  container: {
+    // flex: 1,
+    // justifyContent: 'center',
+    // alignItems: 'center',
+    backgroundColor: "#F5FCFF",
+  },
+  buttonContainer: {
+    width: 300,
+    marginTop: 5,
+  },
+});
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](/zh-cn/react-native-webview.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.24;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop              | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `option`          | echarts 配置项，option详情参见 https://echarts.apache.org/zh/option.html#title | object   | yes      | All      | yes               |
+| `backgroundColor` | 图表画布背景色                                               | string   | no       | All      | yes               |
+| `width`           | 画布宽度                                                     | number   | no       | All      | yes               |
+| `height`          | 画布高度                                                     | number   | no       | All      | yes               |
+| `renderLoading`   | loading 时遮罩，默认不支持自定义，如需自定义，请修改 react-native-secharts 依赖的源码 main/dist/index.js 中 startInLoadingState={true} | function | no       | All      | yes               |
+| `onPress`         | 画布中数据点击事件                                           | function | no       | All      | yes               |
+
+## 实例方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop        | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `setOption` | 该参数接收option对象，1.5.0 之后版本的 react-native-secharts 不建议使用此方法了，可以直接用 react 的组件内 state 进行绑定，如果需要变更，直接 setstate 新的 option 即可。） | function | no       | All      | yes               |
+| `getImage`  | 返回函数的参数 base64，可结合 RNFS 写入相册                  | function | no       | All      | yes               |
+| `clear`     | 清空 echarts 画布                                            | function | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/shifeng1993/react-native-secharts/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
+

From 6c17dedc5cbe180c33208bd884ab6138d67150fe Mon Sep 17 00:00:00 2001
From: ljje <1370314186@qq.com>
Date: Thu, 11 Jul 2024 20:17:29 +0800
Subject: [PATCH 148/966] =?UTF-8?q?docs:=20[#IABKDP]=20=E6=96=B0=E5=A2=9Er?=
 =?UTF-8?q?eact-native-loading-spinner-overlay=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-loading-spinner-overlay.md | 122 ++++++++++++++++++
 1 file changed, 122 insertions(+)
 create mode 100644 zh-cn/react-native-loading-spinner-overlay.md

diff --git a/zh-cn/react-native-loading-spinner-overlay.md b/zh-cn/react-native-loading-spinner-overlay.md
new file mode 100644
index 00000000..e8c3099b
--- /dev/null
+++ b/zh-cn/react-native-loading-spinner-overlay.md
@@ -0,0 +1,122 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-loading-spinner-overlay</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ladjs/react-native-loading-spinner-overlay">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ladjs/react-native-loading-spinner-overlay/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/ladjs/react-native-loading-spinner-overlay)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-loading-spinner-overlays@3.0.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-loading-spinner-overlays@3.0.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import Spinner from "react-native-loading-spinner-overlay";
+
+type Props = {};
+export default class App extends Component<Props> {
+	state = {
+		spinner: false
+	};
+
+	componentDidMount() {
+		setInterval(() => {
+			this.setState({
+				spinner: !this.state.spinner
+			});
+		}, 3000);
+	}
+
+	render() {
+		return (
+			<View style={styles.container}>
+				<Spinner visible={this.state.spinner} textContent={"Loading..."} textStyle={styles.spinnerTextStyle} />
+			</View>
+		);
+	}
+}
+
+const styles = StyleSheet.create({
+	spinnerTextStyle: {
+		color: "#FFF"
+	},
+	container: {
+		flex: 1,
+		justifyContent: "center",
+		alignItems: "center",
+		backgroundColor: "#F5FCFF"
+	}
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| cancelable | If set to false, it will prevent spinner from hiding when pressing the hardware back button. If set to true, it will allow spinner to hide if the hardware back button is pressed. | Boolean | `false` | no | Android | yes |
+| color | Changes the spinner's color (example values are `red`, `#ff0000`, etc). For adjusting the contrast see `overlayColor` prop below. | String | `"white"` | no | All | yes |
+| animation | Changes animation on show and hide spinner's view. | String (enum) `none`, `slide`, `fade` | `"none"` | no | All | yes |
+| overlayColor | Changes the color of the overlay. | String | `rgba(0, 0, 0, 0.25)` | no | All | yes |
+| size | Sets the spinner's size. No other cross-platform sizes are supported right now. | String (enum) `small`, `normal`, `large` | `"large"` | no | All | yes |
+| textContent | Optional text field to be shown. | String | `""` | no | All | yes |
+| textStyle | The style to be applied to the `<Text>` that displays the `textContent`. | StyleSheet | `-` | no | All | yes |
+| visible | Controls the visibility of the spinner. | Boolean | `false` | yes | All | yes |
+| indicatorStyle | Additional styles for the [ActivityIndicator](https://facebook.github.io/react-native/docs/activityindicator) to inherit | StyleSheet | `undefined` | no | All | yes |
+| customIndicator | An alternative, custom component to use instead of the default `<ActivityIndicator />` | Element | `undefined` | no | All | yes |
+| children | Children element(s) to nest inside the spinner | Element | `undefined` | no | All | yes |
+
+## 遗留问题
+
+- [ ] 在RNOH框架中引入RN组件`Modal`和`ActivityIndicator`嵌套使用(`ActivityIndicator`作为`Modal`的 children)时会出现`ActivityIndicator`无法正常运作，导致当前库也无法在HarmonyOS中正常运行。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ladjs/react-native-loading-spinner-overlay/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From d7f585d35f6a54e0543d25892cd55910aea787d4 Mon Sep 17 00:00:00 2001
From: hujinyun <hujinyun129@163.com>
Date: Thu, 11 Jul 2024 10:00:25 +0800
Subject: [PATCH 149/966] =?UTF-8?q?docs:=20[Issues:=20#IAATIB]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0react-native-url-polyfill=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-url-polyfill.md | 199 +++++++++++++++++++++++++++++
 1 file changed, 199 insertions(+)
 create mode 100644 zh-cn/react-native-url-polyfill.md

diff --git a/zh-cn/react-native-url-polyfill.md b/zh-cn/react-native-url-polyfill.md
new file mode 100644
index 00000000..2a0259bc
--- /dev/null
+++ b/zh-cn/react-native-url-polyfill.md
@@ -0,0 +1,199 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-url-polyfill</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/charpeni/react-native-url-polyfill">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/charpeni/react-native-url-polyfill/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/charpeni/react-native-url-polyfill)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install --save react-native-url-polyfill@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-url-polyfill@2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { ScrollView, Text, Button, View, StyleSheet } from 'react-native';
+import { URL, URLSearchParams } from 'react-native-url-polyfill';
+
+const URLPolyfillDemo = () => {
+  const url = new URL('https://github.com/');
+  const searchParams = new URLSearchParams('abc=456&rn=ReactNative&abc=javascript');
+
+  const [appendResult, setAppendResult] = useState('');
+  const [setResult, setSetResult] = useState('');
+  const [deleteResult, setDeleteResult] = useState('');
+    
+  // searchParams.append()
+  const appendExample = () => {
+    searchParams.append('q', 'CodeHub');
+    let result = searchParams.toString();
+    setAppendResult(result);
+  }
+
+  // searchParams.set()
+  const setExample = () => {
+    searchParams.set('abc', 'Gitee');
+    let result = searchParams.toString();
+    setSetResult(result);
+  }
+
+  // searchParams.delete()
+  const deleteExample = () => {
+    searchParams.delete('abc', 'javascript');
+    let result = searchParams.toString();
+    setDeleteResult(result);
+  }
+
+  return (
+    <ScrollView>
+      <View>
+      	<View>
+          <Text style={styles.text}>property: href</Text>
+          <Text style={styles.result} allowFontScaling>{url.href}</Text>
+        </View>
+
+        <View>
+          <Text style={styles.text}>Method：append（q,CodeHub）</Text>
+          <Button
+            title="append"
+            color="#9a73ef"
+            onPress={appendExample}
+          />
+          <Text style={styles.result} allowFontScaling>{appendResult}</Text>
+        </View>
+
+        <View>
+          <Text style={styles.text}>Method：set（abc,Gitee））</Text>
+          <Button
+            title="set"
+            color="#9a73ef"
+            onPress={setExample}
+          />
+          <Text style={styles.result} allowFontScaling>{setResult}</Text>
+        </View>
+
+        <View>
+          <Text style={styles.text}>Method：delete（abc,javascript）</Text>
+          <Button
+            title="delete"
+            color="#9a73ef"
+            onPress={deleteExample}
+          />
+          <Text style={styles.result} allowFontScaling>{deleteResult}</Text>
+        </View>
+      </View>
+    </ScrollView>
+ )
+};
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'red',
+  },
+  result: {
+    marginTop: 10,
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'black',
+  }
+});
+
+export default URLPolyfillDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description                                                  | Type            | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | --------------- | -------- | ----------- | :---------------- |
+| hash         | Gets and sets the fragment portion of the URL.               | string          | no       | Android/iOS | yes               |
+| host         | Gets and sets the host portion of the URL.                   | string          | no       | Android/iOS | yes               |
+| hostname     | Gets and sets the host name portion of the URL.              | string          | no       | Android/iOS | yes               |
+| href         | Gets and sets the serialized URL.                            | string          | no       | Android/iOS | yes               |
+| origin       | Gets the read-only serialization of the URL's origin.        | string          | no       | Android/iOS | yes               |
+| password     | Gets and sets the password portion of the URL.               | string          | no       | Android/iOS | yes               |
+| pathname     | Gets and sets the path portion of the URL.                   | string          | no       | Android/iOS | yes               |
+| port         | Gets and sets the port portion of the URL.                   | string          | no       | Android/iOS | yes               |
+| protocol     | Gets and sets the protocol portion of the URL.               | string          | no       | Android/iOS | yes               |
+| search       | Gets and sets the serialized query portion of the URL.       | string          | no       | Android/iOS | yes               |
+| searchParams | Gets the `URLSearchParams` object representing the query parameters of the URL. | URLSearchParams | no       | Android/iOS | yes               |
+| username     | Gets and sets the username portion of the URL.               | string          | no       | Android/iOS | yes               |
+| size         | The total number of parameter entries on the `URLSearchParams` object. | number          | no       | Android/iOS | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
+| toString | The `toString()` method on the `URL` object returns the serialized URL. | string                             | no       | Android/iOS | yes               |
+| toJSON   | The `toJSON()` method on the `URL` object returns the serialized URL. | string                             | no       | Android/iOS | yes               |
+| append   | Append a new name-value pair to the query string.            | void                               | no       | Android/iOS | yes               |
+| delete   | where name is `name` and value is `value`,removes all name-value pairs. | void                               | no       | Android/iOS | yes               |
+| entries  | Returns an ES6 `Iterator` over each of the name-value pairs in the query. | IterableIterator<[string, string]> | no       | Android/iOS | yes               |
+| forEach  | Iterates over each name-value pair in the query and invokes the given function. | void                               | no       | Android/iOS | yes               |
+| get      | Returns the value of the first name-value pair whose name is `name`. If there are no such pairs, `null` is returned. | string \| null                     | no       | Android/iOS | yes               |
+| getAll   | Returns the values of all name-value pairs whose name is `name`. If there are no such pairs, an empty array is returned. | string[]                           | no       | Android/iOS | yes               |
+| has      | Checks if the `URLSearchParams` object contains key-value pair(s) based on `name` and an optional `value` argument. | boolean                            | no       | Android/iOS | yes               |
+| keys     | Returns an ES6 `Iterator` over the names of each name-value pair. | IterableIterator<string>           | no       | Android/iOS | yes               |
+| set      | Sets the value in the `URLSearchParams` object associated with `name` to `value`. | void                               | no       | Android/iOS | yes               |
+| sort     | Sort all existing name-value pairs in-place by their names.  | void                               | no       | Android/iOS | yes               |
+| toString | Returns the search parameters serialized as a string on the `URLSearchParams` object, with characters percent-encoded where necessary . | string                             | no       | Android/iOS | yes               |
+| values   | Returns an ES6 `Iterator` over the values of each name-value pair. | IterableIterator<string>           | no       | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+- [ ] 本库在Harmony、iOS、Android都存在的问题，URLSearchParams对象上size属性无法获取对应参数条目的总数，问题: [issue#472](https://github.com/charpeni/react-native-url-polyfill/issues/472)
+- [ ] 本库在Harmony、iOS、Android都存在的问题，URLSearchParams对象上sort方法按名称对现有的key-value进行排序，排序无效果， 问题: [issue#471](https://github.com/charpeni/react-native-url-polyfill/issues/471)
+
+## 开源协议
+
+本项目基于[The MIT License](https://github.com/charpeni/react-native-url-polyfill/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 0bfa835dd57eda21ba27796cd148a0f271f3d76c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A0=B8=E5=BF=83=E5=B7=B2=E8=BD=AC=E5=82=A8?=
 <911260800@qq.com>
Date: Fri, 12 Jul 2024 06:57:13 +0000
Subject: [PATCH 150/966] =?UTF-8?q?!1039=20docs:=20[Issues:=20#IAC4X1]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-dropdown-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAC4X1]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-dropdown-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-dropdown-picker.md | 152 ++++++++++++++++++++++++++
 1 file changed, 152 insertions(+)
 create mode 100644 zh-cn/react-native-dropdown-picker.md

diff --git a/zh-cn/react-native-dropdown-picker.md b/zh-cn/react-native-dropdown-picker.md
new file mode 100644
index 00000000..9684af06
--- /dev/null
+++ b/zh-cn/react-native-dropdown-picker.md
@@ -0,0 +1,152 @@
+<!-- {% raw %} -->
+
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-dropdown-picker</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/hossein-zare/react-native-dropdown-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/hossein-zare/react-native-dropdown-picker/blob/5.x/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/hossein-zare/react-native-dropdown-picker)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-dropdown-picker@5.4.6
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-dropdown-picker@5.4.6
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { View, Text } from "react-native";
+import DropDownPicker from "react-native-dropdown-picker";
+
+export default function App() {
+  const [open, setOpen] = useState(false);
+  const [value, setValue] = useState(null);
+  const [items, setItems] = useState([
+    { label: "Apple", value: "apple" },
+    { label: "Banana", value: "banana" },
+    { label: "Pear", value: "pear" },
+  ]);
+
+  return (
+    <View style={{ flex: 1 }}>
+      <View
+        style={{
+          flex: 1,
+          alignItems: "center",
+          justifyContent: "center",
+          paddingHorizontal: 15,
+        }}
+      >
+        <DropDownPicker
+          open={open}
+          value={value}
+          items={items}
+          setOpen={setOpen}
+          setValue={setValue}
+          setItems={setItems}
+          placeholder={"Choose a fruit."}
+        />
+      </View>
+
+      <View
+        style={{
+          flex: 1,
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        <Text>Chosen fruit: {value === null ? "none" : value}</Text>
+      </View>
+    </View>
+  );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Props                  | Description               | Type                             | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------------------- | -------------------------------- | -------- | -------- | ----------------- |
+| items                  | items                     | Array                            | yes      | all      | yes               |
+| open                   | open                      | Boolean                          | yes      | all      | yes               |
+| placeholder            | placeholder               | string                           | no       | all      | yes               |
+| closeAfterSelecting    | close After Selecting     | boolean                          | no       | all      | yes               |
+| disabled               | disabled                  | Boolean                          | no       | all      | yes               |
+| disabledStyle          | disabled Style            | Object                           | no       | all      | yes               |
+| placeholderStyle       | placeholder style         | Object                           | no       | all      | yes               |
+| listMode               | listMode                  | Object                           | no       | all      | yes               |
+| searchable             | searchable                | boolean                          | no       | all      | yes               |
+| searchPlaceholder      | search Placeholder        | string                           | no       | all      | yes               |
+| language               | language                  | string                           | no       | all      | yes               |
+| mode                   | Mode Type                 | 'DEFAULT' or 'SIMPLE' or 'BADGE' | no       | all      | yes               |
+| maxHeight              | max Height                | number                           | no       | all      | yes               |
+| renderBadgeItem        | render Badge Item         | JSX.Element                      | no       | all      | yes               |
+| renderListItem         | render List Item          | JSX.Element                      | no       | all      | yes               |
+| bottomOffset           | bottom Offset             | number                           | no       | all      | yes               |
+| showArrowIcon          | show Arrow Icon           | boolean                          | no       | all      | yes               |
+| autoScroll             | auto Scroll               | boolean                          | no       | all      | yes               |
+| ArrowUpIconComponent   | Arrow Up Icon Component   | JSX.Element                      | no       | all      | yes               |
+| ArrowDownIconComponent | Arrow Down Icon Component | JSX.Element                      | no       | all      | yes               |
+| CloseIconComponent     | Close Icon Component      | JSX.Element                      | no       | all      | yes               |
+| TickIconComponent      | Tick Icon Component       | JSX.Element                      | no       | all      | yes               |
+| ListEmptyComponent     | List Empty Component      | JSX.Element                      | no       | all      | yes               |
+| modalTitle             | modal Title               | string                           | no       | all      | yes               |
+| modalTitleStyle        | modal Title Style         | object                           | no       | all      | yes               |
+| loading                | loading                   | boolean                          | no       | all      | yes               |
+| min                    | min                       | number                           | no       | all      | yes               |
+| max                    | max                       | number                           | no       | all      | yes               |
+| setOpen                | set Open                  | Dispatch                         | yes      | all      | yes               |
+| setItems               | set Items                 | Dispatch                         | no       | all      | yes               |
+| disableBorderRadius    | disable Border Radius     | object                           | no       | all      | yes               |
+| onPress                | onPress                   | Dispatch                         | no       | all      | yes               |
+| onOpen                 | onOpen                    | Dispatch                         | no       | all      | yes               |
+| onClose                | onClose                   | Dispatch                         | no       | all      | yes               |
+| zIndex                 | zIndex                    | number                           | no       | all      | yes               |
+| theme                  | theme                     | string                           | no       | all      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/hossein-zare/react-native-dropdown-picker/blob/5.x/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 3af2f63ebad9b42c25cc3eb238005bdc1526f6b9 Mon Sep 17 00:00:00 2001
From: tyBrave <tianyong21@h-partners.com>
Date: Fri, 12 Jul 2024 15:12:07 +0800
Subject: [PATCH 151/966] =?UTF-8?q?docs:=20[Issues:=20#IACJXC]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-clippath=E7=9A=84capi=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-clippath-capi.md | 247 ++++++++++++++++++++++++++++
 1 file changed, 247 insertions(+)
 create mode 100644 zh-cn/react-native-clippath-capi.md

diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
new file mode 100644
index 00000000..480eae1b
--- /dev/null
+++ b/zh-cn/react-native-clippath-capi.md
@@ -0,0 +1,247 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-clippath</code> </h1>
+</p>
+<p align="center">
+ <a href="https://github.com/Only-IceSoul/react-native-clippath">
+        <img src="https://img.shields.io/badge/platforms-ios%20%7C%20android%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-clippath/blob/sig/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath/tree/capi)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-clippathview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-clippathview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```jsx
+import { View, Text, ScrollView } from "react-native";
+import React from "react";
+import { ClipPathView } from "@react-native-oh-tpl/react-native-clippathview";
+
+export default function index() {
+  const viewBox = [0, 0, 400, 400];
+  const path = "M 0 0 L 400 0 L 0 400 L 400 400 Z";
+
+  return (
+    <ScrollView style={{ width: "100%", height: "100%" }}>
+      <ClipPathView d={path} style={{ backgroundColor: "#ff0" }}>
+        <Text style={{ height: 800, fontSize: 26 }}>
+          MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
+        </Text>
+      </ClipPathView>
+    </ScrollView>
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-clippathview": "file:../../node_modules/@react-native-oh-tpl/react-native-clippathview/harmony/clipPath.har",
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 配置 CMakeLists 和引入 ClipPathViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_END: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-clippathview/src/main/cpp" ./clippath)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_clip_path )
+# RNOH_BEGIN: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "ClipPathViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ClipPathViewPackage>(ctx)
+    };
+}
+```
+
+### 在 ArkTs 侧引入 ClipPathPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { ClipPathPackage } from '@react-native-oh-tpl/react-native-clippathview/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ClipPathPackage(ctx),
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                                                                    | Type              | Required | Platform    | HarmonyOS Support |
+| -------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
+| svgKey               | 唯一 key                                                                                                       | string            | No       | IOS/Android | Yes               |
+| d                    | 形状由一系列命令定义（svg path data）                                                                          | string            | No       | IOS/Android | Yes               |
+| viewBox              | 定义用户空间中的位置和维度                                                                                     | Array<Number>(4)  | No       | IOS/Android | Yes               |
+| align                | preserveAspectRatio 属性的 align                                                                               | string            | No       | IOS/Android | Yes                |
+| aspect               | preserveAspectRatio 属性的 meetOrSlice                                                                         | meet/slice/none   | No       | IOS/Android | Yes                |
+| fillRule             | 路径内部填充规则                                                                                               | nonzero/evenodd   | No       | IOS/Android | Yes                |
+| strokeWidth          | 路径描边宽度                                                                                                   | number            | No       | IOS/Android | Yes               |
+| strokeCap            | 开放路径两端的形状                                                                                             | butt/round/square | No       | IOS/Android | Yes               |
+| strokeJoin           | 路径转角处使用的形状                                                                                           | bevel/miter/round | No       | IOS/Android | Yes               |
+| strokeMiter          | strokeJoin 值是 miter，设置夹角延伸                                                                            | number            | No       | IOS/Android | Yes               |
+| strokeStart          | IOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是 0。                                                  | number            | No       | IOS/Android | Yes                |
+| strokeEnd            | IOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是 1，如果小于等于 strokeStart 则绘制不出任何内容。 | number            | No       | IOS/Android | Yes                |
+| translateZ           | 设置定位层级，相当于 index                                                                                     | number            | No       | IOS/Android | Yes               |
+| transX               | 在二维平面上水平方向移动元素                                                                                   | number            | No       | IOS/Android | Yes               |
+| transY               | 在二维平面上垂直方向移动元素                                                                                   | number            | No       | IOS/Android | Yes               |
+| transPercentageValue | transX、transY 使用百分比                                                                                      | boolean           | No       | IOS/Android | Yes               |
+| rot                  | 元素围绕一个定点旋转                                                                                           | number            | No       | IOS/Android | Yes               |
+| rotOx                | 旋转中心点水平位置                                                                                             | number            | No       | IOS/Android | Yes               |
+| rotOy                | 旋转中心点垂直位置                                                                                             | number            | No       | IOS/Android | Yes               |
+| rotPercentageValue   | rotOx、rotOy 使用百分比                                                                                        | boolean           | No       | IOS/Android | Yes               |
+| sc                   | 放大或缩小元素                                                                                                 | number            | No       | IOS/Android | Yes               |
+| scX                  | 水平缩放                                                                                                       | number            | No       | IOS/Android | Yes               |
+| scY                  | 垂直缩放                                                                                                       | number            | No       | IOS/Android | Yes               |
+| scO                  | 缩放中心点位置                                                                                                 | number            | No       | IOS/Android | Yes               |
+| scOx                 | 缩放中心点水平位置                                                                                             | number            | No       | IOS/Android | Yes               |
+| scOy                 | 缩放中心点垂直位置                                                                                             | number            | No       | IOS/Android | Yes               |
+| scPercentageValue    | scO、scOx、scOy 使用百分比                                                                                     | boolean           | No       | IOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-clippath/blob/capi/LICENSE) ，请自由地享受和参与开源。
+
+---
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 31f8e3290c03ca5a3e56139c824be5d66c9a3390 Mon Sep 17 00:00:00 2001
From: ZhangYu <n035820@archermind.com>
Date: Fri, 12 Jul 2024 15:38:49 +0800
Subject: [PATCH 152/966] =?UTF-8?q?docs:=20[Issues:=20#IA8FSB]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-mqtt=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-mqtt.md | 179 +++++++++++++++++++++++++++++++++++++
 1 file changed, 179 insertions(+)
 create mode 100644 zh-cn/react-native-mqtt.md

diff --git a/zh-cn/react-native-mqtt.md b/zh-cn/react-native-mqtt.md
new file mode 100644
index 00000000..a4ab3b2d
--- /dev/null
+++ b/zh-cn/react-native-mqtt.md
@@ -0,0 +1,179 @@
+<!-- {% raw %} -->
+
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mqtt</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Introvertuous/react-native-mqtt">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Introvertuous/react-native-mqtt/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/Introvertuous/react-native-mqtt)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react_native_mqtt@1.3.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react_native_mqtt@1.3.1
+```
+
+<!-- tabs:end -->
+
+基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。（本组件基于MQTT 3.1.1协议）
+
+```js
+import init from 'react_native_mqtt';
+import { AsyncStorage } from 'react-native';
+
+//初始化参数
+init({
+    size: 10000,
+    storageBackend: AsyncStorage,
+    defaultExpires: 1000 * 3600 * 24,
+    enableCache: true,
+    reconnect: true,
+    sync: {}
+});
+//MQTT服务器配置
+const options = {
+    host: 'i1b2c58a.ala.dedicated.aliyun.emqxcloud.cn',
+    port: 8083,
+    path: '/mqtt',
+    userName: 'test1',
+    password: '123456',
+    keepAliveInterval: 600,
+    cleanSession: true,
+    clientId: 'mqttTestDemo' + Math.random().toString(16).substring(2, 8)
+};
+//连接成功
+function onConnect() {
+    client.subscribe('testTopic', { qos: 0 });
+    console.info("Connect Success! ");
+}
+//连接失败
+function onFailure(err) {
+    if (err.errorCode !== 0) {
+        console.error('Connect Failed! ' + err.errorMessage);
+    }
+}
+//连接丢失
+function onConnectionLost(err) {
+    if (err.errorCode !== 0) {
+        console.error("onConnectionLost:" + err.errorMessage);
+    }
+}
+//接收消息
+function onMessageArrived(message) {
+    console.info('onMessageArrived: ' + message.payloadString);
+}
+//连接服务器
+const client = new Paho.MQTT.Client(options.host, options.port, options.path, options.clientId);
+client.onConnectionLost = onConnectionLost;
+client.onMessageArrived = onMessageArrived;
+client.connect({
+    onSuccess: onConnect,
+    onFailure: onFailure,
+    useSSL: false,
+    userName: options.userName,
+    password: options.password,
+    keepAliveInterval: options.keepAliveInterval,
+    cleanSession: options.cleanSession
+});
+//取消连接
+function disconnect() {
+  client.disconnect();
+  console.info("DisConnect Success! ");
+}
+//订阅主题
+function subscribe() {
+  client.subscribe(onChangeTopic, { qos: 0 });
+  console.info("subscribe success! ");
+}
+//取消订阅
+function unSubscribe() {
+  client.unsubscribe(onChangeTopic);
+  console.info("unsubscribe success! ");
+}
+//消息发布
+function sendMessage() {
+  var message = new Paho.MQTT.Message(onChangeMessage);
+  message.destinationName = topic;
+  client.send(message);
+  console.info('send success! ')
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+##  属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                          | Type   | Required | Platform     | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------- | ------ | -------- | ------------ | ----------------- |
+| host              | 服务器地址                                           | string | yes      | Android、iOS | yes               |
+| port              | 服务器端口                                           | number | yes      | Android、iOS | yes               |
+| path              | 服务器路径                                           | string | yes      | Android、iOS | yes               |
+| userName          | 用户名                                               | string | yes      | Android、iOS | yes               |
+| password          | 密码                                                 | string | yes      | Android、iOS | yes               |
+| keepAliveInterval | 会话过期时间（秒）                                   | number | no       | Android、iOS | yes               |
+| cleanSession      | 消息持久化（值为TRUE时，当客户端掉线，清除以前消息） | bool   | no       | Android、iOS | yes               |
+| clientId          | 客户端ID                                             | string | yes      | Android、iOS | yes               |
+| useSSL            | SSL/TLS加密通信                                      | bool   | yes      | Android、iOS | yes               |
+| qos               | 服务级别质量                                         | number | yes      | Android、iOS | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description        | Type | Required | Platform     | HarmonyOS Support |
+| ---------------- | ------------------ | ---- | -------- | ------------ | ----------------- |
+| client.connect   | 连接MQTT服务器     | func | yes      | Android、iOS | yes               |
+| onConnect        | 连接成功时的回调   | func | no       | Android、iOS | yes               |
+| onFailure        | 连接失败时的回调   | func | no       | Android、iOS | yes               |
+| onConnectionLost | 连接丢失           | func | no       | Android、iOS | yes               |
+| onMessageArrived | 接收消息           | func | no       | Android、iOS | yes               |
+| disconnect       | 取消连接MQTT服务器 | func | no       | Android、iOS | yes               |
+| subscribe        | 订阅主题topic      | func | no       | Android、iOS | yes               |
+| unSubscribe      | 取消订阅topic      | func | no       | Android、iOS | yes               |
+| sendMessage      | 发布消息           | func | no       | Android、iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Introvertuous/react-native-mqtt/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From e9f54acbb4b6a470bace0055528b963954d7129d Mon Sep 17 00:00:00 2001
From: tyBrave <tianyong21@h-partners.com>
Date: Fri, 12 Jul 2024 16:24:03 +0800
Subject: [PATCH 153/966] =?UTF-8?q?docs:=20[Issues:=20#IACJXC]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-clippath=E7=9A=84capi=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-clippath-capi.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
index 480eae1b..a88cb01d 100644
--- a/zh-cn/react-native-clippath-capi.md
+++ b/zh-cn/react-native-clippath-capi.md
@@ -2,7 +2,7 @@
 > 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-clippath</code> </h1>
+  <h1 align="center"> <code>react-native-clippath(CAPI)</code> </h1>
 </p>
 <p align="center">
  <a href="https://github.com/Only-IceSoul/react-native-clippath">
@@ -41,10 +41,12 @@ yarn add @react-native-oh-tpl/react-native-clippathview@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```jsx
 import { View, Text, ScrollView } from "react-native";
 import React from "react";
-import { ClipPathView } from "@react-native-oh-tpl/react-native-clippathview";
+import { ClipPathView } from "react-native-clippathview";
 
 export default function index() {
   const viewBox = [0, 0, 400, 400];

From d95b64f90ddd38dc027173a1f86a5145ae4f5697 Mon Sep 17 00:00:00 2001
From: tyBrave <tianyong21@h-partners.com>
Date: Fri, 12 Jul 2024 18:16:25 +0800
Subject: [PATCH 154/966] =?UTF-8?q?docs:=20[Issues:=20#IACJXC]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-clippath=E7=9A=84capi=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-clippath-capi.md | 56 ++++++++++++++---------------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
index a88cb01d..90fdade9 100644
--- a/zh-cn/react-native-clippath-capi.md
+++ b/zh-cn/react-native-clippath-capi.md
@@ -208,33 +208,33 @@ ohpm install
 
 | Name                 | Description                                                                                                    | Type              | Required | Platform    | HarmonyOS Support |
 | -------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
-| svgKey               | 唯一 key                                                                                                       | string            | No       | IOS/Android | Yes               |
-| d                    | 形状由一系列命令定义（svg path data）                                                                          | string            | No       | IOS/Android | Yes               |
-| viewBox              | 定义用户空间中的位置和维度                                                                                     | Array<Number>(4)  | No       | IOS/Android | Yes               |
-| align                | preserveAspectRatio 属性的 align                                                                               | string            | No       | IOS/Android | Yes                |
-| aspect               | preserveAspectRatio 属性的 meetOrSlice                                                                         | meet/slice/none   | No       | IOS/Android | Yes                |
-| fillRule             | 路径内部填充规则                                                                                               | nonzero/evenodd   | No       | IOS/Android | Yes                |
-| strokeWidth          | 路径描边宽度                                                                                                   | number            | No       | IOS/Android | Yes               |
-| strokeCap            | 开放路径两端的形状                                                                                             | butt/round/square | No       | IOS/Android | Yes               |
-| strokeJoin           | 路径转角处使用的形状                                                                                           | bevel/miter/round | No       | IOS/Android | Yes               |
-| strokeMiter          | strokeJoin 值是 miter，设置夹角延伸                                                                            | number            | No       | IOS/Android | Yes               |
-| strokeStart          | IOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是 0。                                                  | number            | No       | IOS/Android | Yes                |
-| strokeEnd            | IOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是 1，如果小于等于 strokeStart 则绘制不出任何内容。 | number            | No       | IOS/Android | Yes                |
-| translateZ           | 设置定位层级，相当于 index                                                                                     | number            | No       | IOS/Android | Yes               |
-| transX               | 在二维平面上水平方向移动元素                                                                                   | number            | No       | IOS/Android | Yes               |
-| transY               | 在二维平面上垂直方向移动元素                                                                                   | number            | No       | IOS/Android | Yes               |
-| transPercentageValue | transX、transY 使用百分比                                                                                      | boolean           | No       | IOS/Android | Yes               |
-| rot                  | 元素围绕一个定点旋转                                                                                           | number            | No       | IOS/Android | Yes               |
-| rotOx                | 旋转中心点水平位置                                                                                             | number            | No       | IOS/Android | Yes               |
-| rotOy                | 旋转中心点垂直位置                                                                                             | number            | No       | IOS/Android | Yes               |
-| rotPercentageValue   | rotOx、rotOy 使用百分比                                                                                        | boolean           | No       | IOS/Android | Yes               |
-| sc                   | 放大或缩小元素                                                                                                 | number            | No       | IOS/Android | Yes               |
-| scX                  | 水平缩放                                                                                                       | number            | No       | IOS/Android | Yes               |
-| scY                  | 垂直缩放                                                                                                       | number            | No       | IOS/Android | Yes               |
-| scO                  | 缩放中心点位置                                                                                                 | number            | No       | IOS/Android | Yes               |
-| scOx                 | 缩放中心点水平位置                                                                                             | number            | No       | IOS/Android | Yes               |
-| scOy                 | 缩放中心点垂直位置                                                                                             | number            | No       | IOS/Android | Yes               |
-| scPercentageValue    | scO、scOx、scOy 使用百分比                                                                                     | boolean           | No       | IOS/Android | Yes               |
+| svgKey               | 唯一 key                                                                                                       | string            | No       | iOS/Android | Yes               |
+| d                    | 形状由一系列命令定义（svg path data）                                                                          | string            | No       | iOS/Android | Yes               |
+| viewBox              | 定义用户空间中的位置和维度                                                                                     | Array<Number>(4)  | No       | iOS/Android | Yes               |
+| align                | preserveAspectRatio 属性的 align                                                                               | string            | No       | iOS/Android | Yes                |
+| aspect               | preserveAspectRatio 属性的 meetOrSlice                                                                         | meet/slice/none   | No       | iOS/Android | Yes                |
+| fillRule             | 路径内部填充规则                                                                                               | nonzero/evenodd   | No       | iOS/Android | Yes                |
+| strokeWidth          | 路径描边宽度                                                                                                   | number            | No       | iOS/Android | Yes               |
+| strokeCap            | 开放路径两端的形状                                                                                             | butt/round/square | No       | iOS/Android | Yes               |
+| strokeJoin           | 路径转角处使用的形状                                                                                           | bevel/miter/round | No       | iOS/Android | Yes               |
+| strokeMiter          | strokeJoin 值是 miter，设置夹角延伸                                                                            | number            | No       | iOS/Android | Yes               |
+| strokeStart          | iOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是 0。                                                  | number            | No       | iOS/Android | Yes                |
+| strokeEnd            | iOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是 1，如果小于等于 strokeStart 则绘制不出任何内容。 | number            | No       | iOS/Android | Yes                |
+| translateZ           | 设置定位层级，相当于 index                                                                                     | number            | No       | iOS/Android | Yes               |
+| transX               | 在二维平面上水平方向移动元素                                                                                   | number            | No       | iOS/Android | Yes               |
+| transY               | 在二维平面上垂直方向移动元素                                                                                   | number            | No       | iOS/Android | Yes               |
+| transPercentageValue | transX、transY 使用百分比                                                                                      | boolean           | No       | iOS/Android | Yes               |
+| rot                  | 元素围绕一个定点旋转                                                                                           | number            | No       | iOS/Android | Yes               |
+| rotOx                | 旋转中心点水平位置                                                                                             | number            | No       | iOS/Android | Yes               |
+| rotOy                | 旋转中心点垂直位置                                                                                             | number            | No       | iOS/Android | Yes               |
+| rotPercentageValue   | rotOx、rotOy 使用百分比                                                                                        | boolean           | No       | iOS/Android | Yes               |
+| sc                   | 放大或缩小元素                                                                                                 | number            | No       | iOS/Android | Yes               |
+| scX                  | 水平缩放                                                                                                       | number            | No       | iOS/Android | Yes               |
+| scY                  | 垂直缩放                                                                                                       | number            | No       | iOS/Android | Yes               |
+| scO                  | 缩放中心点位置                                                                                                 | number            | No       | iOS/Android | Yes               |
+| scOx                 | 缩放中心点水平位置                                                                                             | number            | No       | iOS/Android | Yes               |
+| scOy                 | 缩放中心点垂直位置                                                                                             | number            | No       | iOS/Android | Yes               |
+| scPercentageValue    | scO、scOx、scOy 使用百分比                                                                                     | boolean           | No       | iOS/Android | Yes               |
 
 ## 遗留问题
 
@@ -242,7 +242,7 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-clippath/blob/capi/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-clippath/blob/capi/LICENSE) ，请自由地享受和参与开源。
 
 ---
 

From bd1fb9e6db2afdcfc447d65f1c771d554f8ad439 Mon Sep 17 00:00:00 2001
From: Louis-C7 <chenlixi1@huawei.com>
Date: Sat, 13 Jul 2024 14:52:11 +0800
Subject: [PATCH 155/966] =?UTF-8?q?fix:=20[#IACQAL]=20=E4=BF=AE=E5=A4=8Dgi?=
 =?UTF-8?q?thub=20page=20=E5=B0=81=E9=9D=A2=E5=92=8Csidebar=E4=B8=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 238 +++++++++++++++++++++++++++--------------------------
 1 file changed, 123 insertions(+), 115 deletions(-)

diff --git a/index.html b/index.html
index a362b678..66bce317 100644
--- a/index.html
+++ b/index.html
@@ -1,119 +1,127 @@
 <!DOCTYPE html>
 <html>
-	<head>
-		<meta charset="UTF-8">
-		<title>RNOH三方库说明文档</title>
-		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-		<meta name="viewport" content="width=device-width,initial-scale=1">
-		<meta name="description" content="Description">
-		<!-- 设置浏览器图标 -->
-		<link rel="icon" href="https://github.com/img/logo.ico" type="image/x-icon" />
-		<link rel="shortcut icon" href="https://github.com/img/logo.ico" type="image/x-icon" />
-		<!-- 默认主题 -->
-		<meta name="theme-color" content="#f2f4f6">
-		<link rel="stylesheet" href="https://unpkg.com/docsify/lib/themes/vue.css">
-		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css" >
-		<link rel="stylesheet" href="https://github.com/css/card.min.css" type="text/css" >
-		<!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/vue.css"> -->
-		<!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/vue.css" /> -->
-		<!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/buble.css" /> -->
-		<!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/dark.css" /> -->
-		<!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/pure.css" /> -->
-	</head>
-	<body>
-		<div data-app id="main">加载中</div>
-		<script>
-			window.$docsify = {
-				el: '#main',
-				themeColor: '#876296',
-				// 项目名称
-				name: 'RNOH三方库说明文档',
-				// 项目图标
-				// logo: '/img/icon.svg',
-				// 仓库地址，点击右上角的Github章鱼猫头像会跳转到此地址
-				repo: 'https://gitee.com/react-native-oh-library/usage-docs/tree/master',
-				// 封面支持，默认加载的是项目根目录下的_coverpage.md文件
-				coverpage: true,
-				// 侧边栏支持，默认加载的是项目根目录下的_sidebar.md文件
-				loadSidebar: true,
-				// 导航栏支持，默认加载的是项目根目录下的_navbar.md文件
-				loadNavbar: true,
-				// 最大支持渲染的标题层级
-				maxLevel: 5,
-				// 自定义侧边栏后默认不会再生成目录，设置生成目录的最大层级（建议配置为2-4）
-				subMaxLevel: 4,
-				// 展开层级
-				sidebarDisplayLevel: 1,
-				// 小屏设备下合并导航栏到侧边栏
-				mergeNavbar: true,
-				// 未找到页面 _404.md
-				notFoundPage: true,
-				// 搜索配置
-				search:{
-					// 过期时间，单位毫秒，默认一天
-					maxAge: 86400000,
-					// 注意：仅适用于 paths: 'auto' 模式
-					paths: "auto",
-					// 支持本地化
-					placeholder: {
-						'/': '搜索',
-						'/zh-cn/': '搜索',
-						'/zh-en/': 'Type to search'
-					},
-					noData: {
-							'/': '搜索',
-					        '/zh-cn/': '找不到结果',
-					        '/zh-en/': 'No Results'
-					      },
-					depth: 4,
-					hideOtherSidebarContent: false,
-					namespace: 'website-1',
-				},
-				
-				formatUpdated: '{YYYY}-{MM}-{DD} {HH}:{mm}',
-				formatUpdated: function(time) {
-					return time;
-				},
-				// 目标是在 markdown 中打开外部链接。默认'_blank'（新窗口/标签）
-				externalLinkTarget: '_blank', // default: '_blank' '_self'
-				hideCode: {
-					scroll: false, // 启用滚动
-					height: 300 // 折叠高度
-				},
-			}
-		</script>
-		<!-- docsify的js依赖 -->
-		<script src="https://fastly.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
-		<!-- emoji表情支持 -->
-		<script src="https://fastly.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
-		<!-- 图片放大缩小支持 -->
-		<script src="https://fastly.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
-		<!-- 搜索功能支持 -->
-		<script src="https://fastly.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
-		<!--在所有的代码块上添加一个简单的Click to copy按钮来允许用户从你的文档中轻易地复制代码-->
-		<script src="https://fastly.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
-		<!-- 分页导航 -->
-		<script src="https://fastly.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
-		<!-- 外部脚本 如果页面上的脚本是外部脚本（通过src属性导入 js 文件） -->
-		<script src="https://fastly.jsdelivr.net/npm/docsify/lib/plugins/external-script.min.js"></script>
-		<!-- docsify-tabs (latest v1.x.x) -->
-		<script src="https://cdn.jsdelivr.net/npm/docsify-tabs@1"></script>
-		<!-- 代码折叠 -->
-		<script src="https://unpkg.com/docsify-hide-code"></script>
-		<!-- 代码高亮 -->
-		<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-java.min.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-typescript.min.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-cmake.min.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-cpp.min.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-gradle.min.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-json.min.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-markdown.min.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-diff.min.js"></script>
-		<!-- 文本高亮 -->
-		<script src="https://unpkg.com/docsify-plugin-flexible-alerts"></script>
-		<!-- 导航折叠 https://github.com/iPeng6/docsify-sidebar-collapse -->
-		<script src="https://cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>
+  <head>
+    <meta charset="UTF-8" />
+    <title>RNOH三方库说明文档</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="description" content="Description" />
+    <!-- 设置浏览器图标 -->
+    <link rel="icon" href="https://github.com/img/logo.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="https://github.com/img/logo.ico" type="image/x-icon" />
+    <!-- 默认主题 -->
+    <meta name="theme-color" content="#f2f4f6" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/docsify@5/dist/themes/vue.min.css"
+      title="vue"
+    />
+    <link rel="stylesheet" href="https://unpkg.com/docsify/lib/themes/vue.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/sidebar-folder.min.css"
+    />
+    <!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/vue.css"> -->
+    <!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/vue.css" /> -->
+    <!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/buble.css" /> -->
+    <!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/dark.css" /> -->
+    <!-- <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/docsify/lib/themes/pure.css" /> -->
+  </head>
+  <body>
+    <div data-app id="main">加载中</div>
+    <script>
+      window.$docsify = {
+        el: "#main",
+        themeColor: "#876296",
+        // 项目名称
+        name: "RNOH三方库说明文档",
+        // 项目图标
+        // logo: '/img/logo.ico',
+        // 仓库地址，点击右上角的Github章鱼猫头像会跳转到此地址
+        // repo: 'https://gitee.com/react-native-oh-library/usage-docs/tree/master',
+        // 封面支持，默认加载的是项目根目录下的_coverpage.md文件
+        coverpage: true,
+        // 侧边栏支持，默认加载的是项目根目录下的_sidebar.md文件
+        loadSidebar: true,
+        // 导航栏支持，默认加载的是项目根目录下的_navbar.md文件
+        loadNavbar: true,
+        // 最大支持渲染的标题层级
+        maxLevel: 5,
+        // 自定义侧边栏后默认不会再生成目录，设置生成目录的最大层级（建议配置为2-4）
+        subMaxLevel: 4,
+        // 展开层级
+        sidebarDisplayLevel: 1,
+        // 小屏设备下合并导航栏到侧边栏
+        mergeNavbar: true,
+        // 未找到页面 _404.md
+        notFoundPage: true,
+        // 搜索配置
+        search: {
+          // 过期时间，单位毫秒，默认一天
+          maxAge: 86400000,
+          // 注意：仅适用于 paths: 'auto' 模式
+          paths: "auto",
+          // 支持本地化
+          placeholder: {
+            "/": "搜索",
+            "/zh-cn/": "搜索",
+            "/zh-en/": "Type to search",
+          },
+          noData: {
+            "/": "搜索",
+            "/zh-cn/": "找不到结果",
+            "/zh-en/": "No Results",
+          },
+          depth: 4,
+          hideOtherSidebarContent: false,
+          namespace: "website-1",
+        },
 
-	</body>
+        formatUpdated: "{YYYY}-{MM}-{DD} {HH}:{mm}",
+        formatUpdated: function (time) {
+          return time;
+        },
+        // 目标是在 markdown 中打开外部链接。默认'_blank'（新窗口/标签）
+        externalLinkTarget: "_blank", // default: '_blank' '_self'
+        hideCode: {
+          scroll: false, // 启用滚动
+          height: 300, // 折叠高度
+        },
+      };
+    </script>
+    <!-- docsify的js依赖 -->
+    <script src="https://cdn.jsdelivr.net/npm/docsify@5/dist/docsify.min.js"></script>
+    <!-- emoji表情支持 -->
+    <script src="https://cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
+    <!-- 图片放大缩小支持 -->
+    <script src="https://cdn.jsdelivr.net/npm/docsify@5/dist/plugins/zoom-image.min.js"></script>
+    <!-- 搜索功能支持 -->
+    <script src="https://cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
+    <!--在所有的代码块上添加一个简单的Click to copy按钮来允许用户从你的文档中轻易地复制代码-->
+    <script src="https://cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
+    <!-- 分页导航 -->
+    <script src="https://cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
+    <!-- 外部脚本 如果页面上的脚本是外部脚本（通过src属性导入 js 文件） -->
+    <script src="https://cdn.jsdelivr.net/npm/docsify/lib/plugins/external-script.min.js"></script>
+    <!-- docsify-tabs (latest v1.x.x) -->
+    <script src="https://cdn.jsdelivr.net/npm/docsify-tabs@1"></script>
+    <!-- docsify (latest v4.x.x)-->
+    <script src="https://cdn.jsdelivr.net/npm/docsify@4"></script>
+    <!-- 代码折叠 -->
+    <script src="https://unpkg.com/docsify-hide-code"></script>
+    <!-- 代码高亮 -->
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-java.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-typescript.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-cmake.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-cpp.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-gradle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-json.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-markdown.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-diff.min.js"></script>
+    <!-- 文本高亮 -->
+    <script src="https://unpkg.com/docsify-plugin-flexible-alerts"></script>
+    <!-- 导航折叠 https://github.com/iPeng6/docsify-sidebar-collapse -->
+    <script src="https://cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>
+  </body>
 </html>

From 091f8873cc8cfba574b7ee00d24ec2d96054231e Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Sat, 13 Jul 2024 07:00:28 +0000
Subject: [PATCH 156/966] =?UTF-8?q?!1068=20fix:=20[#IACQAL]=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8Dgithub=20page=20=E5=B0=81=E9=9D=A2=E5=92=8Csidebar?=
 =?UTF-8?q?=E4=B8=8D=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98=20*=20fix:=20[#IA?=
 =?UTF-8?q?CQAL]=20=E4=BF=AE=E5=A4=8Dgithub=20page=20=E6=89=BE=E4=B8=8D?=
 =?UTF-8?q?=E5=88=B0=E9=9D=99=E6=80=81=E8=B5=84=E6=BA=90=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .nojekyll | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 .nojekyll

diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 00000000..e69de29b

From 2d6cd6dbeb43d5de96484d5b5cf6e5fdbbed82d6 Mon Sep 17 00:00:00 2001
From: Itsuki <997086287@qq.com>
Date: Mon, 15 Jul 2024 03:00:20 +0000
Subject: [PATCH 157/966] =?UTF-8?q?!943=20docs=EF=BC=9A[Issues:=20#IAAKMS]?=
 =?UTF-8?q?=20=E6=9B=B4=E6=96=B0=20react-native-image-colors=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=EF=BC=8C=E6=B7=BB=E5=8A=A0cache?=
 =?UTF-8?q?=E5=AF=B9=E8=B1=A1=E8=AF=B4=E6=98=8E=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAAKMS]=20=E6=9B=B4=E6=96=B0=20react-native-image-colors=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?cache=E5=AF=B9=E8=B1=A1=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-colors.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md
index 709e6cc0..509c28eb 100644
--- a/zh-cn/react-native-image-colors.md
+++ b/zh-cn/react-native-image-colors.md
@@ -341,6 +341,14 @@ HarmonyImageColors
 | `averageColor`  | `string`   |
 | `platform` | `harmony`   |
 
+### ImageColors.cache
+
+| Name       | Description             | Type     | Params                                | Platform | HarmonyOS Support |
+| ---------- | ----------------------- | -------- | ------------------------------------- | -------- | ----------------- |
+| getItem    | Read cache result.      | Function | key: string                           | all      | yes               |
+| setItem    | Set a cached result.    | Function | key: string, value: ImageColorsResult | all      | yes               |
+| removeItem | Delete a cached result. | Function | key: string                           | all      | yes               |
+| clear      | Clearing the cache.     | Function |                                       | all      | yes               |
 
 ## 遗留问题
 

From 5d5c0ed8ae022b5f27914c85bcf050303d797962 Mon Sep 17 00:00:00 2001
From: Li-2199 <1269001954@qq.com>
Date: Mon, 15 Jul 2024 06:21:11 +0000
Subject: [PATCH 158/966] =?UTF-8?q?!1042=20docs:=20[Issues:=20#IAC5MX]?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-pdf=E6=96=87=E6=A1=A3=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E5=8D=87=E7=BA=A7=E4=B8=BA0.2.2=20*=20docs:=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-pdf=E6=96=87=E6=A1=A3=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E5=8D=87=E7=BA=A7=E4=B8=BA0.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-pdf.md | 209 +++++++++++++++++++++-----------------
 1 file changed, 117 insertions(+), 92 deletions(-)

diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index a7fd908a..5874d3e3 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-pdf</code> </h1>
@@ -13,7 +14,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/wonday/react-native-pdf)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-pdf)
 
 ## 安装与使用
 
@@ -92,6 +93,17 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+   ...
+   "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -99,7 +111,7 @@ const styles = StyleSheet.create({
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -108,8 +120,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-pdf-view": "file:../../node_modules/@react-native-oh-tpl/react-native-pdf/harmony/pdfview.har"
+    "@react-native-oh-tpl/react-native-pdf": "file:../../node_modules/@react-native-oh-tpl/react-native-pdf/harmony/pdfview.har"
   }
 ```
 
@@ -133,28 +144,37 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-pdf-view/src/main/cpp" ./pdfview)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-pdf/src/main/cpp" ./pdfview)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_pdf_view)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -176,26 +196,19 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ### 在 ArkTs 侧引入 RTNPdfView 组件
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
 ...
-+ import { RTNPdfView, PDF_VIEW_TYPE } from 'rnoh-pdf-view';
++ import { RTNPdfView, PDF_VIEW_TYPE } from '@react-native-oh-tpl/react-native-pdf';
 
   @Builder
-  function CustomComponentBuilder(ctx: ComponentBuilderContext) {
-    if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-      SampleView({
-        ctx: ctx.rnComponentContext,
-        tag: ctx.tag,
-        buildCustomComponent: CustomComponentBuilder
-      })
-    }
-+   else if (ctx.componentName === PDF_VIEW_TYPE) {
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++  if (ctx.componentName === PDF_VIEW_TYPE) {
 +     RTNPdfView({
 +       ctx: ctx.rnComponentContext,
 +       tag: ctx.tag,
-+       buildCustomComponent: CustomComponentBuilder
 +     })
 +   }
     ...
@@ -204,6 +217,19 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```
 
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PDF_VIEW_TYPE
+  ];
+```
+
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -227,80 +253,79 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                           | Description                                                                                                                                                                    | Type                                                          | Required | Platform    | HarmonyOS Support |
-| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| source                         | PDF source like {uri:xxx, cache:false}. see the following for detail.                                                                                                          | object                                                        | YES      | ios,android | yes               |
-| page                           | initial page index                                                                                                                                                             | number                                                        | NO       | ios,android | no                |
-| scale                          | should minScale<=scale<=maxScale                                                                                                                                               | number                                                        | NO       | ios,android | no                |
-| minScale                       | min scale                                                                                                                                                                      | number                                                        | NO       | ios,android | no                |
-| maxScale                       | max scale                                                                                                                                                                      | number                                                        | NO       | ios,android | no                |
-| horizontal                     | draw page direction, if you want to listen the orientation change, you can use [[react-native-orientation-locker\]](https://github.com/wonday/react-native-orientation-locker) | bool                                                          | NO       | ios,android | no                |
-| showsHorizontalScrollIndicator | shows or hides the horizontal scroll bar indicator on iOS                                                                                                                      | bool                                                          | NO       | ios         | no                |
-| showsVerticalScrollIndicator   | shows or hides the vertical scroll bar indicator on iOS                                                                                                                        | bool                                                          | NO       | ios         | no                |
-| fitWidth                       | if true fit the width of view, can not use fitWidth=true together with scale                                                                                                   | bool                                                          | NO       | ios,android | no                |
-| fitPolicy                      | 0:fit width, 1:fit height, 2:fit both(default)                                                                                                                                 | number                                                        | NO       | ios,android | no                |
-| spacing                        | the breaker size between pages                                                                                                                                                 | number                                                        | NO       | ios,android | no                |
-| password                       | pdf password, if password error, will call OnError() with message "Password required or incorrect password."                                                                   | string                                                        | NO       | ios,android | no                |
-| style                          | support normal view style, you can use this to set border/spacing color...                                                                                                     | object                                                        | NO       | ios,android | yes               |
-| renderActivityIndicator        | when loading show it as an indicator, you can use your component                                                                                                               | (progress) => Component                                       | NO       | ios,android | no                |
-| enableAntialiasing             | improve rendering a little bit on low-res screens, but maybe course some problem on Android 4.4, so add a switch                                                               | bool                                                          | NO       | ios,android | no                |
-| enablePaging                   | only show one page in screen                                                                                                                                                   | bool                                                          | NO       | ios,android | no                |
-| enableRTL                      | scroll page as "page3, page2, page1"                                                                                                                                           | bool                                                          | NO       | ios,android | no                |
-| enableAnnotationRendering      | enable rendering annotation, notice:iOS only support initial setting,not support realtime changing                                                                             | bool                                                          | NO       | ios         | no                |
-| enableDoubleTapZoom            | Enable double tap to zoom gesture                                                                                                                                              | bool                                                          | NO       | ios,android | no                |
-| trustAllCerts                  | Allow connections to servers with self-signed certification                                                                                                                    | bool                                                          | NO       | ios,android | no                |
-| singlePage                     | Only show first page, useful for thumbnail views                                                                                                                               | bool                                                          | NO       | ios,android | no                |
-| onLoadProgress                 | callback when loading, return loading progress (0-1)                                                                                                                           | function(percent)                                             | NO       | ios,android | no                |
-| onLoadComplete                 | callback when pdf load completed, return total page count, pdf local/cache path, {width,height} and table of contents                                                          | function(numberOfPages, path, {width, height}, tableContents) | NO       | ios,android | no                |
-| onPageChanged                  | callback when page changed ,return current page and total page count                                                                                                           | function(page,numberOfPages)                                  | NO       | ios,android | no                |
-| onError                        | callback when error happened                                                                                                                                                   | function(error)                                               | NO       | ios,android | no                |
-| onPageSingleTap                | callback when page was single tapped                                                                                                                                           | function(page)                                                | NO       | ios,android | no                |
-| onScaleChanged                 | callback when scale page                                                                                                                                                       | function(scale)                                               | NO       | ios,android | no                |
-| onPressLink                    | callback when link tapped                                                                                                                                                      | function(uri)                                                 | NO       | ios,android | no                |
-
-#### parameters of source
-
-| parameter     | Description                                   | Platform    | HarmonyOS Support |
-| ------------- | --------------------------------------------- | ----------- | ----------------- |
-| uri           | pdf source, see the forllowing for detail.    | ios,android | yes               |
-| cache         | use cache or not                              | ios,android | no                |
-| cacheFileName | specific file name for cached pdf file        | ios,android | no                |
-| expiration    | cache file expired seconds (0 is not expired) | ios,android | no                |
-| method        | request method when uri is a url              | ios,android | no                |
-| headers       | request headers when uri is a url             | ios,android | no                |
-
-#### types of source.uri
-
-| Usage                                                              | Description                                                                               | Platform    | HarmonyOS Support |
-| ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- | ----------- | ----------------- |
-| {uri:"http://xxx/xxx.pdf"}                                         | load pdf from a url                                                                       | ios,android | yes               |
-| {require("./test.pdf")}                                            | load pdf relate to js file (do not need add by xcode)                                     | ios         | yes               |
-| {uri:"bundle-assets://path/to/xxx.pdf"}                            | load pdf from assets, the file should be at android/app/src/main/assets/path/to/xxx.pdf   | android     | no                |
-| {uri:"bundle-assets://xxx.pdf"}                                    | load pdf from assets, you must add pdf to project by xcode. this does not support folder. | ios         | no                |
-| {uri:"data:application/pdf;base64,JVBERi0xLjcKJc..."}              | load pdf from base64 string                                                               | ios,android | no                |
-| {uri:"file:///absolute/path/to/xxx.pdf"}                           | load pdf from local file system                                                           | ios,android | no                |
-| {uri:"ms-appx:///xxx.pdf"}}                                        | load pdf bundled with UWP app                                                             | windows     | no                |
-| {uri:"content://com.example.blobs/xxxxxxxx-...?offset=0&size=xxx"} | load pdf from content URI                                                                 | ios         | no                |
-| {uri:"blob:xxxxxxxx-...?offset=0&size=xxx"}                        | load pdf from blob URL                                                                    | android     | no                |
-
-## 方法
-
-| Name    | Description                                                                                                                              | Platform    | HarmonyOS Support |
-| ------- | ---------------------------------------------------------------------------------------------------------------------------------------- | ----------- | ----------------- |
-| setPage | Set the current page of the PDF component. pageNumber is a positive integer. If pageNumber > numberOfPages, current page is not changed. | ios,android | no                |
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                                                                                                                                                                                     | Type                                                          | Required | Platform      | HarmonyOS Support |
+| ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | -------- | ------------- | ----------------- |
+| source                         | PDF source like {uri:xxx, cache:false}. see the following for detail.                                                                                                                           | object                                                        | YES      | iOS / Android | yes               |
+| page                           | initial page index                                                                                                                                                                              | number                                                        | NO       | iOS / Android | no                |
+| scale                          | should minScale<=scale<=maxScale                                                                                                                                                                | number                                                        | NO       | iOS / Android | no                |
+| minScale                       | min scale                                                                                                                                                                                       | number                                                        | NO       | iOS / Android | no                |
+| maxScale                       | max scale                                                                                                                                                                                       | number                                                        | NO       | iOS / Android | no                |
+| horizontal                     | draw page direction, if you want to listen the orientation change, you can use [[react-native-orientation-locker\]](https://github.com/react-native-oh-library/react-native-orientation-locker) | bool                                                          | NO       | iOS / Android | no                |
+| showsHorizontalScrollIndicator | shows or hides the horizontal scroll bar indicator on iOS                                                                                                                                       | bool                                                          | NO       | iOS           | no                |
+| showsVerticalScrollIndicator   | shows or hides the vertical scroll bar indicator on iOS                                                                                                                                         | bool                                                          | NO       | iOS           | no                |
+| fitWidth                       | if true fit the width of view, can not use fitWidth=true together with scale                                                                                                                    | bool                                                          | NO       | iOS / Android | no                |
+| fitPolicy                      | 0:fit width, 1:fit height, 2:fit both(default)                                                                                                                                                  | number                                                        | NO       | iOS / Android | no                |
+| spacing                        | the breaker size between pages                                                                                                                                                                  | number                                                        | NO       | iOS / Android | no                |
+| password                       | pdf password, if password error, will call OnError() with message "Password required or incorrect password."                                                                                    | string                                                        | NO       | iOS / Android | no                |
+| style                          | support normal view style, you can use this to set border/spacing color...                                                                                                                      | object                                                        | NO       | iOS / Android | yes               |
+| renderActivityIndicator        | when loading show it as an indicator, you can use your component                                                                                                                                | (progress) => Component                                       | NO       | iOS / Android | no                |
+| enableAntialiasing             | improve rendering a little bit on low-res screens, but maybe course some problem on Android 4.4, so add a switch                                                                                | bool                                                          | NO       | iOS / Android | no                |
+| enablePaging                   | only show one page in screen                                                                                                                                                                    | bool                                                          | NO       | iOS / Android | no                |
+| enableRTL                      | scroll page as "page3, page2, page1"                                                                                                                                                            | bool                                                          | NO       | iOS / Android | no                |
+| enableAnnotationRendering      | enable rendering annotation, notice:iOS only support initial setting,not support realtime changing                                                                                              | bool                                                          | NO       | iOS           | no                |
+| enableDoubleTapZoom            | Enable double tap to zoom gesture                                                                                                                                                               | bool                                                          | NO       | iOS / Android | no                |
+| trustAllCerts                  | Allow connections to servers with self-signed certification                                                                                                                                     | bool                                                          | NO       | iOS / Android | no                |
+| singlePage                     | Only show first page, useful for thumbnail views                                                                                                                                                | bool                                                          | NO       | iOS / Android | no                |
+| onLoadProgress                 | callback when loading, return loading progress (0-1)                                                                                                                                            | function(percent)                                             | NO       | iOS / Android | no                |
+| onLoadComplete                 | callback when pdf load completed, return total page count, pdf local/cache path, {width,height} and table of contents                                                                           | function(numberOfPages, path, {width, height}, tableContents) | NO       | iOS / Android | no                |
+| onPageChanged                  | callback when page changed ,return current page and total page count                                                                                                                            | function(page,numberOfPages)                                  | NO       | iOS / Android | no                |
+| onError                        | callback when error happened                                                                                                                                                                    | function(error)                                               | NO       | iOS / Android | no                |
+| onPageSingleTap                | callback when page was single tapped                                                                                                                                                            | function(page)                                                | NO       | iOS / Android | no                |
+| onScaleChanged                 | callback when scale page                                                                                                                                                                        | function(scale)                                               | NO       | iOS / Android | no                |
+| onPressLink                    | callback when link tapped                                                                                                                                                                       | function(uri)                                                 | NO       | iOS / Android | no                |
+
+#### Source
+
+| Name          | Description                                   | Type   | Required | Platform      | HarmonyOS Support |
+| ------------- | --------------------------------------------- | ------ | -------- | ------------- | ----------------- |
+| uri           | see the following for detail.                 | object | YES      | iOS / Android | yes               |
+| cache         | use cache or not                              | bool   | NO       | iOS / Android | no                |
+| cacheFileName | specific file name for cached pdf file        | string | NO       | iOS / Android | no                |
+| expiration    | cache file expired seconds (0 is not expired) | number | NO       | iOS / Android | no                |
+| method        | request method when uri is a url              | string | NO       | iOS / Android | no                |
+| headers       | request headers when uri is a url             | object | NO       | iOS / Android | no                |
+
+#### Uri
+
+| Name                                                               | Description                                                                             | Type          | Required | Platform      | HarmonyOS Support |
+| ------------------------------------------------------------------ | --------------------------------------------------------------------------------------- | ------------- | -------- | ------------- | ----------------- |
+| {uri:"http://xxx/xxx.pdf"}                                         | load pdf from a url                                                                     | object        | NO       | iOS / Android | yes               |
+| {require("./test.pdf")}                                            | load pdf relate to js file (do not need add by xcode)                                   | require(path) | NO       | iOS           | yes               |
+| {uri:"bundle-assets://path/to/xxx.pdf"}                            | load pdf from assets, the file should be at Android/app/src/main/assets/path/to/xxx.pdf | object        | NO       | iOS           | no                |
+| {uri:"data:application/pdf;base64,JVBERi0xLjcKJc..."}              | load pdf from base64 string                                                             | object        | NO       | iOS / Android | no                |
+| {uri:"file:///absolute/path/to/xxx.pdf"}                           | load pdf from local file system                                                         | object        | NO       | iOS / Android | no                |
+| {uri:"ms-appx:///xxx.pdf"}                                         | load pdf bundled with UWP app                                                           | object        | NO       | Windows       | no                |
+| {uri:"content://com.example.blobs/xxxxxxxx-...?offset=0&size=xxx"} | load pdf from content URI                                                               | object        | NO       | iOS           | no                |
+| {uri:"blob:xxxxxxxx-...?offset=0&size=xxx"}                        | load pdf from blob URL                                                                  | object        | NO       | Android       | no                |
+
+## 静态方法
+
+| Name    | Description                                                                                                                              | Type                 | Required | Platform      | HarmonyOS Support |
+| ------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | -------- | ------------- | ----------------- |
+| setPage | Set the current page of the PDF component. pageNumber is a positive integer. If pageNumber > numberOfPages, current page is not changed. | function(pageNumber) | NO       | iOS / Android | no                |
 
 ## 遗留问题
 
-PDF 处理能力持续完善中，敬请期待。
+- [ ] react-nativepdf 仅支持 source 和 style 属性，其他属性暂未实现 HarmonyOS 化: [issue#20](https://github.com/react-native-oh-library/react-native-pdf/issues/20)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pdf/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-pdf/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From c74abb692d79d55aa1eb810233a974e6482bdf22 Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Mon, 15 Jul 2024 06:22:50 +0000
Subject: [PATCH 159/966] =?UTF-8?q?!1035=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?sound=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20[#IAC1H0]=E4=BF=AE=E6=94=B9react-native-sound=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sound.md | 52 +++++++++++++++++++++++--------------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index a1d7eeab..54cadbeb 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -211,11 +211,18 @@ ohpm install
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
 ```diff
-txtproject(rnapp)
+project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
@@ -293,38 +300,43 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-sound](https://github.com/react-native-oh-library/react-native-sound)
 
 | Name      | Description                      | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
-| setActive | Set the device activation status | string | No       | IOS、Android | yes               |
+| setActive | Set the device activation status | string | No       | iOS、Android | yes               |
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-sound](https://github.com/react-native-oh-library/react-native-sound)
 
-| Name           | Description                              | Type   | Required | Platform    | HarmonyOS Support |
-| -------------- | ---------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| play           | Start playing audio.                     | string | No       | IOS、Android | yes               |
-| pause          | Pause audio playback.                    | string | No       | IOS、Android | yes               |
-| stop           | Stop playing audio.                      | string | No       | IOS、Android | yes               |
-| reset          | Reset Audio Status.                      | string | No       | Android     | yes               |
-| release        | Releasing audio resources.               | string | No       | IOS、Android | yes               |
-| getVolume      | Obtains the audio volume.                | string | No       | IOS、Android | yes               |
-| setVolume      | Setting the Relative Audio Volume.       | string | No       | IOS、Android | yes               |
-| getCurrentTime | Obtains the current playback time point. | string | No       | IOS、Android | yes               |
-| setCurrentTime | Sets the playback time point.            | string | No       | IOS、Android | yes               |
-| getSpeed       | Obtains the playback speed.              | string | No       | IOS、Android | yes               |
-| setSpeed       | Setting the Playback Speed               | string | No       | IOS、Android | yes               |
-| isPlaying      | Whether the audio is being played        | string | No       | IOS、Android | yes               |
+| Name                    | Description                              | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------------| ---------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| play                    | Start playing audio.                     | string  | No       | iOS、Android | yes               |
+| pause                   | Pause audio playback.                    | string  | No       | iOS、Android | yes               |
+| stop                    | Stop playing audio.                      | string  | No       | iOS、Android | yes               |
+| reset                   | Reset Audio Status.                      | string  | No       | Android      | yes               |
+| release                 | Releasing audio resources.               | string  | No       | iOS、Android | yes               |
+| getVolume               | Obtains the audio volume.                | string  | No       | iOS、Android | yes               |
+| setVolume               | Setting the Relative Audio Volume.       | string  | No       | iOS、Android | yes               |
+| getCurrentTime          | Obtains the current playback time point. | string  | No       | iOS、Android | yes               |
+| setCurrentTime          | Sets the playback time point.            | string  | No       | iOS、Android | yes               |
+| getSpeed                | Obtains the playback speed.              | string  | No       | iOS、Android | yes               |
+| setSpeed                | Setting the Playback Speed               | string  | No       | iOS、Android | yes               |
+| getFilename             | Obtains the audio file name              | string  | No       | iOS、Android | yes               |
+| getDuration             | Obtains the audio duration               | string  | No       | iOS、Android | yes               |
+| getNumberOfLoops        | Obtains whether the audio loops          | boolean | No       | iOS、Android | yes               |
+| setNumberOfLoops        | Sets whether the audio loops             | boolean | No       | iOS、Android | yes               |
+| isPlaying               | Whether the audio is being played        | string  | No       | iOS、Android | yes               |
+
 
 ## 遗留问题
 

From c9f1d26871cb3093f1097b94209c9d50a648ab61 Mon Sep 17 00:00:00 2001
From: baofeng <baofeng6@h-partners.com>
Date: Mon, 15 Jul 2024 06:51:52 +0000
Subject: [PATCH 160/966] =?UTF-8?q?!1024=20docs:=20[Issues:=20#I9VQPS]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-modalbox=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#I9VQPS]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-modalbox=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modalbox.md | 674 ++++++++++++++++++++++-----------
 1 file changed, 460 insertions(+), 214 deletions(-)

diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index d13d1824..89f07d6e 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -1,4 +1,5 @@
 <!-- {% raw %} -->
+
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -6,29 +7,35 @@
 </p>
 <p align="center">
     <a href="https://github.com/maxs15/react-native-modalbox">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
         <a href="https://github.com/maxs15/react-native-modalbox/blob/master/License.txt">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/maxs15/react-native-modalbox)
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-modalbox)
 
 ## 安装与使用
 
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install react-native-modalbox@2.0.2
+npm install @react-native-oh-tpl/react-native-modalbox@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-modalbox@2.0.2
+yarn add  @react-native-oh-tpl/react-native-modalbox@file:#
 ```
 
 <!-- tabs:end -->
@@ -38,255 +45,494 @@ yarn add react-native-modalbox@2.0.2
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-
-import React from 'react';
-import Modal from 'react-native-modalbox';
-
-import { TestSuite, Tester, TestCase } from '@rnoh/testerino';
 import {
-  Text,
-  Button,
-  StyleSheet,
   ScrollView,
-  View,
-  Dimensions,
   Easing,
-  TextInput
+  View,
+  Button,
+  Text,
+  StyleSheet,
+  TextInput,
 } from 'react-native';
 
-var screen = Dimensions.get('window');
-
-export default class ModalBoxExample extends React.Component<any, any> {
-
-  constructor(props:any) {
-    super(props);
-    this.state = {
-      isOpen: false,
-      isDisabled: false,
-      swipeToClose: true,
-      sliderValue: 0.3
-    };
-  }
-
-
-  onClose() {
-    console.log('Modal just closed');
-  }
-  animalEase(){
-    Easing.elastic(8)
-  }
-
-  onOpen() {
-    console.log('Modal just opened');
-  }
-
-  onClosingState(state:any) {
-    console.log('the open/close of the swipeToClose just changed');
-  }
+import React, {useState, useRef} from 'react';
+
+import ModalBox from 'react-native-modalbox';
+
+export const ModalBoxDemo = () => {
+  const [isOpenVal, setIsOpenVal] = useState(false);
+  const [isOpenVal1, setIsOpenVal1] = useState(false);
+  const [isOpenVal2, setIsOpenVal2] = useState(false);
+  const [isOpenVal3, setIsOpenVal3] = useState(false);
+  const [isOpenVal4, setIsOpenVal4] = useState(false);
+  const [isOpenVal5, setIsOpenVal5] = useState(false);
+  const [isOpenVal6, setIsOpenVal6] = useState(false);
+  const [isOpenVal7, setIsOpenVal7] = useState(false);
+  const [isOpenVal8, setIsOpenVal8] = useState(false);
+  const [isOpenVal9, setIsOpenVal9] = useState(false);
+  const [isOpenVal10, setIsOpenVal10] = useState(false);
+  const [isOpenVal11, setIsOpenVal11] = useState(false);
+  const [isOpenVal12, setIsOpenVal12] = useState(false);
+  const [isOpenVal13, setIsOpenVal13] = useState(false);
+  const [isOpenVal14, setIsOpenVal14] = useState(false);
+  const [isOpenVal15, setIsOpenVal15] = useState(false);
+  const [isOpenVal16, setIsOpenVal16] = useState(false);
+  const [isOpenVal17, setIsOpenVal17] = useState(false);
+  const [isOpenVal18, setIsOpenVal18] = useState(false);
+  const [isOpenVal19, setIsOpenVal19] = useState(false);
+  const [isOpenVal20, setIsOpenVal20] = useState(false);
+  const [isOpenVal21, setIsOpenVal21] = useState(false);
+  const [isOpenVal22, setIsOpenVal22] = useState(false);
+  const [isOpenVal23, setIsOpenVal23] = useState(false);
+  const [isOpenVal24, setIsOpenVal24] = useState(false);
+
+  const btnRef1 = useRef(null);
+
+  const openModalBox = () => {
+    btnRef1.current?.open();
+  };
+  const closeModalBox = () => {
+    btnRef1.current?.close();
+  };
+  return (
+    <ScrollView>
+      <View style={styles.body}>
+        <Button title="isOpen" onPress={() => setIsOpenVal(!isOpenVal)} />
+        <ModalBox style={[styles.modal]} isOpen={isOpenVal} coverScreen={true}>
+          <Text style={[styles.modalText]}>Modal is open</Text>
+          <Button
+            title={'close ModalBox'}
+            onPress={() => setIsOpenVal(!isOpenVal)}
+          />
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="isDisabled" onPress={() => setIsOpenVal1(!isOpenVal1)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal1}
+          isDisabled={true}
+          coverScreen={true}>
+          <Text style={[styles.modalText]}>Modal is isDisabled</Text>
+          <Button title={'close ModalBox'} />
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="backdropPressToClose"
+          onPress={() => setIsOpenVal2(!isOpenVal2)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal2}
+          coverScreen={true}
+          backdropPressToClose={true}>
+          <Text style={[styles.modalText]}>
+            Close the the modal by pressing on the backdrop
+          </Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="swipeToClose"
+          onPress={() => setIsOpenVal3(!isOpenVal3)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal3}
+          coverScreen={true}
+          swipeToClose={true}>
+          <Text style={[styles.modalText]}>
+            Close the the modal by swipe down
+          </Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="swipeThreshold"
+          onPress={() => setIsOpenVal4(!isOpenVal4)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal4}
+          coverScreen={true}
+          swipeToClose={true}
+          swipeThreshold={10}>
+          <Text style={[styles.modalText]}>
+            Close the the modal by swipe down 10px
+          </Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="swipeArea" onPress={() => setIsOpenVal5(!isOpenVal5)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal5}
+          coverScreen={true}
+          swipeToClose={true}
+          swipeArea={20}>
+          <Text style={[styles.modalText]}>
+            Close the the modal by swipe down swipeArea:20
+          </Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="position:center"
+          onPress={() => setIsOpenVal6(!isOpenVal6)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal6}
+          coverScreen={true}
+          backdropPressToClose={true}
+          position={'center'}>
+          <Text style={[styles.modalText]}>position is center</Text>
+        </ModalBox>
+        <Button
+          title="position:bottom"
+          onPress={() => setIsOpenVal7(!isOpenVal7)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal7}
+          coverScreen={true}
+          backdropPressToClose={true}
+          position={'bottom'}>
+          <Text style={[styles.modalText]}>position is bottom</Text>
+        </ModalBox>
+      </View>
 
-  renderList() {
-    var list = [];
+      <View style={styles.body}>
+        <Button title="entry:top" onPress={() => setIsOpenVal8(!isOpenVal8)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal8}
+          coverScreen={true}
+          backdropPressToClose={true}
+          entry={'top'}>
+          <Text style={[styles.modalText]}>entry is top</Text>
+        </ModalBox>
+        <Button
+          title="entry:bottom"
+          onPress={() => setIsOpenVal9(!isOpenVal9)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal9}
+          coverScreen={true}
+          backdropPressToClose={true}
+          entry={'bottom'}>
+          <Text style={[styles.modalText]}>entry is bottom</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="backdrop" onPress={() => setIsOpenVal10(!isOpenVal10)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal10}
+          coverScreen={true}
+          backdropPressToClose={true}
+          backdrop={false}>
+          <Text style={[styles.modalText]}>backdrop is false</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="backdropOpacity"
+          onPress={() => setIsOpenVal11(!isOpenVal11)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal11}
+          coverScreen={true}
+          backdropPressToClose={true}
+          backdropOpacity={0.5}>
+          <Text style={[styles.modalText]}>backdropOpacity: 0.5</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="backdropColor"
+          onPress={() => setIsOpenVal12(!isOpenVal12)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal12}
+          coverScreen={true}
+          backdropPressToClose={true}
+          backdropColor={'green'}>
+          <Text style={[styles.modalText]}>backdropColor: 'green'</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="backdropContent"
+          onPress={() => setIsOpenVal13(!isOpenVal13)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal13}
+          coverScreen={true}
+          backdropPressToClose={true}
+          backdropOpacity={0.5}
+          backdropContent={
+            <View style={{flex: 1, backgroundColor: 'rgba(0, 0, 0, 0.5)'}}>
+              <Text style={{color: 'red', fontSize: 20}}>这是背景内容</Text>
+            </View>
+          }>
+          <Text style={[styles.modalText]}>ModalBoxContent</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="animationDuration"
+          onPress={() => setIsOpenVal14(!isOpenVal14)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal14}
+          coverScreen={true}
+          backdropPressToClose={true}
+          animationDuration={1000}>
+          <Text style={[styles.modalText]}>animationDuration:1000ms</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="easing" onPress={() => setIsOpenVal15(!isOpenVal15)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal15}
+          coverScreen={true}
+          backdropPressToClose={true}
+          easing={ModalBox.easing}>
+          <Text style={[styles.modalText]}>easing: 使用预定义的easing函数</Text>
+        </ModalBox>
+        <Button
+          title="easing:custom"
+          onPress={() => setIsOpenVal16(!isOpenVal16)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal16}
+          coverScreen={true}
+          backdropPressToClose={true}
+          easing={Easing.elastic(8)}>
+          <Text style={[styles.modalText]}>easing: 自定义easing函数</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="startOpen"
+          onPress={() => setIsOpenVal18(!isOpenVal18)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal18}
+          coverScreen={true}
+          backdropPressToClose={true}
+          startOpen={true}
+          onClosed={() => console.log('Modal closed')}
+          onOpened={() => console.log('Modal opened')}
+          onClosingState={() => console.log('Modal closing state changed')}>
+          <Text style={[styles.modalText]}>startOpen is true</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="coverScreen"
+          onPress={() => setIsOpenVal19(!isOpenVal19)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal19}
+          coverScreen={true}
+          backdropPressToClose={true}>
+          <Text style={[styles.modalText]}>coverScreen is true</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="keyboardTopOffset"
+          onPress={() => setIsOpenVal20(!isOpenVal20)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal20}
+          coverScreen={true}
+          keyboardTopOffset={10}
+          position={'bottom'}
+          backdropPressToClose={true}>
+          <Text style={[styles.modalText]}>keyboardTopOffset: 50</Text>
+          <TextInput
+            placeholder="text"
+            placeholderTextColor="#9a73ef"
+            autoCapitalize="none"
+          />
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="useNativeDriver"
+          onPress={() => setIsOpenVal21(!isOpenVal21)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal21}
+          coverScreen={true}
+          easing={Easing.elastic(8)}
+          useNativeDriver={true}
+          backdropPressToClose={true}>
+          <Text style={[styles.modalText]}>useNativeDriver is true</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="onOpened" onPress={() => setIsOpenVal22(!isOpenVal22)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal22}
+          coverScreen={true}
+          onOpened={()=>console.log('...onOpened')}>
+          <Text style={[styles.modalText]}>onOpened</Text>
+        </ModalBox>
+      </View>
 
-    for (var i=0;i<50;i++) {
-      list.push(<Text style={styles.text} key={i}>Elem {i}</Text>);
-    }
+      <View style={styles.body}>
+        <Button title="onClosed" onPress={() => setIsOpenVal23(!isOpenVal23)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal23}
+          coverScreen={true}
+          onClosed={()=>console.log('...onClosed')}>
+          <Text style={[styles.modalText]}>onClosed</Text>
+        </ModalBox>
+      </View>
 
-    return list;
-  }
+      <View style={styles.body}>
+        <Button
+          title="onClosingState"
+          onPress={() => setIsOpenVal24(!isOpenVal24)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal24}
+          coverScreen={true}
+          onClosingState={()=>console.log('...onClosingState')}>
+          <Text style={[styles.modalText]}>onClosingState</Text>
+        </ModalBox>
+      </View>
 
-  render() {
-    var BContent = (
-      <View style={[styles.btn, styles.btnModal]}>
-        <Button title="X" color="white" onPress={() => this.setState({isOpen: false})}/>
+      <View style={styles.body}>
+        <Button title="open" onPress={openModalBox} />
+        <Button title="close" onPress={closeModalBox} />
+        <ModalBox ref={btnRef1} style={[styles.modal]} coverScreen={true}>
+          <Text style={[styles.modalText]}>ModalBox open</Text>
+        </ModalBox>
       </View>
-    );
-
-    return (
-      <Tester>
-        <TestSuite name='ModalTesteDemo'>
-          <TestCase itShould='Basic modal' tags={['C_API']}>
-            <Button title="Basic modal" onPress={() =>this.refs.modal1.open()} />
-            <Modal
-              style={[styles.modal, styles.modal2]}
-              ref={'modal1'}
-              swipeToClose={this.state.swipeToClose}
-              onClosed={this.onClose}
-              onOpened={this.onOpen}
-              animationDuration={4000}
-              easing={Easing.elastic(8)}
-              onClosingState={this.onClosingState}>
-                <Text style={styles.text}>Basic modal</Text>
-                <Button title={`Disable swipeToClose(${this.state.swipeToClose ? "true" : "false"})`} onPress={() => this.setState({swipeToClose: !this.state.swipeToClose})} />
-            </Modal>
-          </TestCase>
-          <TestCase itShould='Position top' tags={['C_API']}>
-            <Button title="Position top" onPress={() =>this.refs.modal2.open()} />
-            <Modal style={[styles.modal, styles.modal2]} startOpen={true} backdrop={false}  position={"top"} ref={"modal2"}>
-              <Text style={[styles.text, {color: "white"}]}>Modal on top</Text>
-            </Modal>
-          </TestCase>
-          <TestCase itShould='Position centered + backdrop + disable' tags={['C_API']}>
-            <Button title="Position centered + backdrop + disable" onPress={() =>this.refs.modal3.open()} />
-            <Modal style={[styles.modal, styles.modal3]} position={"center"} ref={"modal3"} isDisabled={this.state.isDisabled}>
-              <Text style={styles.text}>Modal centered</Text>
-              <Button title={`Disable (${this.state.isDisabled ? "true" : "false"})`} onPress={() => this.setState({isDisabled: !this.state.isDisabled})} />
-            </Modal>
-          </TestCase>
-          <TestCase itShould='Position bottom + backdrop' tags={['C_API']}>
-            <Button title="Position bottom + backdrop " onPress={() => this.refs.modal4.open()} />
-            <Modal style={[styles.modal, styles.modal4]} position={"bottom"} ref={"modal4"}>
-              <Text style={styles.text}>Modal on bottom with backdrop</Text>
-            </Modal>
-          </TestCase>
-          <TestCase itShould='Backdrop + backdropContent' tags={['C_API']}>
-            <Button title="Backdrop + backdropContent" onPress={() => this.setState({isOpen: true})} />
-            <Modal isOpen={this.state.isOpen} coverScreen={false} onClosed={() => this.setState({isOpen: false})} style={[styles.modal, styles.modal4]} position={"center"} backdropPressToClose={false} backdropContent={BContent} backdropColor={'red'} backdropOpacity={0.2}>
-              <Text style={styles.text}>Modal with backdrop content</Text>
-            </Modal>
-          </TestCase>
-          <TestCase itShould='Position bottom + ScrollView' tags={['C_API']}>
-            <Button title="Position bottom + ScrollView" onPress={() => this.refs.modal6.open()} />
-            <Modal style={[styles.modal, styles.modal4]} position={"bottom"} ref={"modal6"} swipeArea={20} swipeThreshold={10}>
-              <ScrollView>
-                <View style={{width: screen.width, paddingLeft: 10}}>
-                  {this.renderList()}
-                </View>
-              </ScrollView>
-            </Modal>
-          </TestCase>
-          <TestCase itShould='Modal with keyboard support' tags={['C_API']}>
-            <Button title="Modal with keyboard support" onPress={() => this.refs.modal7.open()} />
-            <Modal ref={"modal7"} style={[styles.modal, styles.modal4]} position={"center"}>
-              <View>
-                <TextInput style={{height: 50, width: 200, backgroundColor: '#DDDDDD'}}/>
-              </View>
-            </Modal>
-          </TestCase>
-          <TestCase itShould='Entry from top' tags={['C_API']}>
-            <Button title="Entry from top" onPress={() => this.refs.modal8.open()} />
-            <Modal ref={"modal8"} style={[styles.modal, styles.modal2]} position={"top"} entry={"top"}>
-              <Text style={[styles.text, {color: "white"}]}>Modal entry from top</Text>
-            </Modal>
-          </TestCase>
-        </TestSuite>
-      </Tester>
-    );
-  }
-
-}
+    </ScrollView>
+  );
+};
 
 const styles = StyleSheet.create({
-
-  wrapper: {
-    paddingTop: 50,
-    flex: 1
-  },
-
+  input: {},
   modal: {
+    height: 300,
+    width: 300,
     justifyContent: 'center',
-    alignItems: 'center'
+    alignItems: 'center',
   },
-
-  modal2: {
-    height: 230,
-    backgroundColor: "#3B5998"
+  modalText: {
+    fontSize: 20,
+    margin: 10,
+    color: 'black',
   },
-
-  modal3: {
-    height: 300,
-    width: 300
+  module: {
+    margin: 15,
   },
-
-  modal4: {
-    height: 300
+  moduleName: {
+    fontSize: 25,
+    fontWeight: '700',
+    marginBottom: 4,
+    color: '#fff',
   },
-
-  btn: {
-    margin: 20,
-    backgroundColor: "#3B5998",
-    color: "white",
-    padding: 10
+  moduleContent: {
+    fontSize: 16,
+    fontWeight: '500',
+    marginBottom: 4,
+    color: '#fff',
   },
-
-  btnModal: {
-    position: "absolute",
-    top: 0,
-    right: 0,
-    width: 50,
-    height: 50,
-    backgroundColor: "transparent"
+  moduleButton: {
+    backgroundColor: 'deepskyblue',
+    height: 34,
   },
-
-  text: {
-    color: "black",
-    fontSize: 22
-  }
-
+  buttonText: {
+    fontSize: 18,
+    fontWeight: '400',
+    color: '#fff',
+    textAlign: 'center',
+    lineHeight: 32,
+    verticalAlign: 'middle',
+  },
+  body: {},
 });
 ```
 
-
-
-
 ## 约束与限制
 
 ### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
-
-本文档内容基于以下版本验证通过：
-
-RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.19
 
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)
 
 ## 属性
+
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name  | Description  | Type | Required  |Platform|HarmonyOS Support |
-| :------------ |:---------------:| :---------------:|:---------------:|:---------------:|:---------------:|
-| isOpen  | Open/close the modal, optional, you can use the open/close methods instead  | `bool`  | no  | IOS/Android  | yes  |
-| isDisabled  | Disable any action on the modal (open, close, swipe)  | `bool`  | no  | IOS/Android  | yes  |
-| backdropPressToClose  | Close the the modal by pressing on the backdrop  | `bool`  | no  | IOS/Android  | yes  |
-| swipeToClose  | Set to true to enable the swipe down to close feature | `bool`  | no  | IOS/Android  | yes  |
-| swipeThreshold  | The threshold to reach in pixels to close the modal | `number`  | no  | IOS/Android  | yes  |
-| swipeArea  | The height in pixels of the swipeable area, window height by default | `number`  | no  | IOS/Android  | yes  |
-| position  | Control the modal position using top or center or bottom | `string`  | no  | IOS/Android  | yes  |
-| entry  | Control the modal entry position top or bottom | `string`  | no  | IOS/Android  | yes  |
-| backdrop  | Display a backdrop behind the modal | `bool`  | no  | IOS/Android  | yes  |
-| backdropOpacity  | Opacity of the backdrop | `number`  | no  | IOS/Android  | yes  |
-| backdropColor  | backgroundColor of the backdrop | `string`  | no  | IOS/Android  | yes  |
-| backdropContent  | Add an element in the backdrop (a close button for example) | `ReactElement`  | no  | IOS/Android  | yes  |
-| animationDuration  | Duration of the animation | `number`  | no  | IOS/Android  | yes  |
-| easing  | Easing function applied to opening modal animation | `function`  | no  | IOS/Android  | yes  |
-| backButtonClose  | (Android only) Close modal when receiving back button event | `bool`  | no  | Android  | yes  |
-| startOpen  | Allow modal to appear open without animation upon first mount| `bool`  | no  | IOS/Android  | yes  |
-| coverScreen  | Will use RN Modal component to cover the entire screen wherever the modal is mounted in the component hierarchy| `bool`  | no  | IOS/Android  | yes  |
-| keyboardTopOffset  | This property prevent the modal to cover the ios status bar when the modal is scrolling up because the keyboard is opening| `number`  | no  | IOS/Android  | yes  |
-| useNativeDriver  | Enables the hardware acceleration to animate the modal. Please note that enabling this can cause some flashes in a weird way when animating| `bool`  | no  | IOS/Android  | yes  |
-
-## 事件
-| Name  | Description  | Type | Required  |Platform|HarmonyOS Support |
-| :------------ |:---------------:| :---------------:|:---------------:|:---------------:|:---------------:|
-| onClosed  | When the modal is close and the animation is done  | `function`  | no  | IOS/Android  | yes  |
-| onOpened  | When the modal is open and the animation is done | `function`  | no  | IOS/Android  | yes  |
-| onClosingState  | When the state of the swipe to close feature has changed (usefull to change the content of the modal, display a message for example)  | `function`  | no  | IOS/Android  | yes  |
-
-## 方法
-hese methods are optional, you can use the isOpen property instead   
-
-
-| Name  | Description  | Type | Required  |Platform|HarmonyOS Support |
-| :------------ |:---------------:| :---------------:|:---------------:|:---------------:|:---------------:|
-| open  | Open the modal  | `function`  | no  | IOS/Android  | yes  |
-| close  | Close the modal | `function`  | no  | IOS/Android  | yes  |
+| Name                 |                         Description                          |      Type      | Required |  Platform   | HarmonyOS Support |
+| :------------------- | :----------------------------------------------------------: | :------------: | :------: | :---------: | :---------------: |
+| isOpen               | Open/close the modal, optional, you can use the open/close methods instead |     `bool`     |    no    | iOS/Android |        yes        |
+| isDisabled           |     Disable any action on the modal (open, close, swipe)     |     `bool`     |    no    | iOS/Android |        yes        |
+| backdropPressToClose |       Close the the modal by pressing on the backdrop        |     `bool`     |    no    | iOS/Android |        yes        |
+| swipeToClose         |    Set to true to enable the swipe down to close feature     |     `bool`     |    no    | iOS/Android |        yes        |
+| swipeThreshold       |     The threshold to reach in pixels to close the modal      |    `number`    |    no    | iOS/Android |        yes        |
+| swipeArea            | The height in pixels of the swipeable area, window height by default |    `number`    |    no    | iOS/Android |        yes        |
+| position             |   Control the modal position using top or center or bottom   |    `string`    |    no    | iOS/Android |        yes        |
+| entry                |        Control the modal entry position top or bottom        |    `string`    |    no    | iOS/Android |        yes        |
+| backdrop             |             Display a backdrop behind the modal              |     `bool`     |    no    | iOS/Android |        yes        |
+| backdropOpacity      |                   Opacity of the backdrop                    |    `number`    |    no    | iOS/Android |        yes        |
+| backdropColor        |               backgroundColor of the backdrop                |    `string`    |    no    | iOS/Android |        yes        |
+| backdropContent      | Add an element in the backdrop (a close button for example)  | `ReactElement` |    no    | iOS/Android |        yes        |
+| animationDuration    |                  Duration of the animation                   |    `number`    |    no    | iOS/Android |        yes        |
+| easing               |      Easing function applied to opening modal animation      |   `function`   |    no    | iOS/Android |        yes        |
+| backButtonClose      | (Android only) Close modal when receiving back button event  |     `bool`     |    no    |   Android   |        no         |
+| startOpen            | Allow modal to appear open without animation upon first mount |     `bool`     |    no    | iOS/Android |        yes        |
+| coverScreen          | Will use RN Modal component to cover the entire screen wherever the modal is mounted in the component hierarchy |     `bool`     |    no    | iOS/Android |        yes        |
+| keyboardTopOffset    | This property prevent the modal to cover the ios status bar when the modal is scrolling up because the keyboard is opening |    `number`    |    no    | iOS/Android |        yes        |
+| useNativeDriver      | Enables the hardware acceleration to animate the modal. Please note that enabling this can cause some flashes in a weird way when animating |     `bool`     |    no    | iOS/Android |        yes        |
+| onClosed       |                                          When the modal is close and the animation is done                                           | `function` |    no    | iOS/Android |        yes        |
+| onOpened       |                                           When the modal is open and the animation is done                                           | `function` |    no    | iOS/Android |        yes        |
+| onClosingState | When the state of the swipe to close feature has changed (usefull to change the content of the modal, display a message for example) | `function` |    no    | iOS/Android |        yes        |
+
+## 静态方法
 
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+| Name  |   Description   |    Type    | Required |  Platform   | HarmonyOS Support |
+| :---- | :-------------: | :--------: | :------: | :---------: | :---------------: |
+| open  | Open the modal  | `function` |    no    | iOS/Android |        yes        |
+| close | Close the modal | `function` |    no    | iOS/Android |        yes        |
 
+## 遗留问题
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-modalbox/blob/master/License.txt) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+
+<!-- {% endraw %} -->

From 42beea7b5f5a90700cbe5d853ccf6a606b2c9d16 Mon Sep 17 00:00:00 2001
From: Li-2199 <1269001954@qq.com>
Date: Mon, 15 Jul 2024 06:59:18 +0000
Subject: [PATCH 161/966] =?UTF-8?q?!1005=20docs:=20[Issues:=20#IABAJI]?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-geolocation=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E5=8D=87=E7=BA=A7=E4=B8=BA0.2.2=20*=20docs:?=
 =?UTF-8?q?=20=E6=9B=B4=E6=96=B0react-native-geolocation=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E5=8D=87=E7=BA=A7=E4=B8=BA0.2.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-geolocation.md | 108 +++++++++++++++++++-----------
 1 file changed, 68 insertions(+), 40 deletions(-)

diff --git a/zh-cn/react-native-geolocation.md b/zh-cn/react-native-geolocation.md
index 5fd52977..adf76c97 100644
--- a/zh-cn/react-native-geolocation.md
+++ b/zh-cn/react-native-geolocation.md
@@ -1,23 +1,24 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.2
+
+> 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> react-native-geolocation</code> </h1>
+  <h1 align="center"> @react-native-community/geolocation</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/michalchudziak/react-native-geolocation">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-geolocation/blob/sig/LICENSE">
+    <a href="https://github.com/michalchudziak/react-native-geolocation/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"/>
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-geolocation/tree/sig)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-geolocation/tree/sig)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -28,13 +29,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-geolocation@file:#
+npm install @react-native-oh-tpl/geolocation@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-geolocation@file:#
+yarn add @react-native-oh-tpl/geolocation@file:#
 ```
 
 <!-- tabs:end -->
@@ -44,15 +45,22 @@ yarn add @react-native-oh-tpl/react-native-geolocation@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-// setRNConfiguration 为例
-Geolocation.setRNConfiguration(
-  config: {
-    skipPermissionRequests: boolean;
-    authorizationLevel?: 'always' | 'whenInUse' | 'auto';
-    enableBackgroundLocationUpdates?: boolean;
-    locationProvider?: 'playServices' | 'android' | 'auto';
-  }
-) => void
+import Geolocation from "@react-native-community/geolocation";
+import { Button } from "react-native";
+
+export function GeolocationDemo(): JSX.Element {
+  const tap = () => {
+    Geolocation.setRNConfiguration({
+      skipPermissionRequests: true,
+      authorizationLevel: "auto",
+      enableBackgroundLocationUpdates: true,
+      locationProvider: "auto",
+    });
+    console.log("tap");
+  };
+
+  return <Button title='test' onPress={tap} />;
+}
 ```
 
 ## Link
@@ -61,6 +69,17 @@ Geolocation.setRNConfiguration(
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+   ...
+   "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -68,7 +87,7 @@ Geolocation.setRNConfiguration(
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -77,8 +96,7 @@ Geolocation.setRNConfiguration(
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-geolocation": "file:../../node_modules/@react-native-oh-tpl/react-native-geolocation/harmony/geolocation.har"
+    "@react-native-oh-tpl/geolocation": "file:../../node_modules/@react-native-oh-tpl/geolocation/harmony/geolocation.har"
   }
 ```
 
@@ -102,28 +120,38 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-geolocation/src/main/cpp" ./geolocation)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/geolocation/src/main/cpp" ./geolocation)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_geolocation)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -149,7 +177,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
 ...
-+ import {GeoLocationPackage} from 'rnoh-geolocation/ts';
++ import {GeoLocationPackage} from '@react-native-oh-tpl/geolocation/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -176,7 +204,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)
 
 ### 权限要求
 
@@ -187,7 +215,7 @@ ohpm install
   "module": {
     "requestPermissions": [
       {"name": "ohos.permission.INTERNET"},
-      {"name": "ohos.permission.LOCATION"},S
+      {"name": "ohos.permission.LOCATION"},
       {"name": "ohos.permission.APPROXIMATELY_LOCATION"},
     ]
   }
@@ -196,26 +224,26 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                 | Description                                                                            | Type                                            | Required | Platform    | HarmonyOS Support | Notes                                                                                                       |
-| -------------------- | -------------------------------------------------------------------------------------- | ----------------------------------------------- | -------- | ----------- | ----------------- | ----------------------------------------------------------------------------------------------------------- |
-| setRNConfiguration   | Sets configuration options that will be used in all location requests                  | function(config)                                | NO       | IOS Android | partially         | config 仅支持 skipPermissionRequests                                                                        |
-| requestAuthorization | Request suitable Location permission                                                   | function(success,error)                         | YES      | IOS Android | partially         | success 支持,error 仅支持 code 与 message                                                                   |
-| getCurrentPosition   | Invokes the success callback once with the latest location info                        | function(success(position),error(error),option) | NO       | IOS Android | partially         | position 中仅 altitudeAccuracy 不支持,option 仅支持 timeout 与 maximumAge,error 仅支持 code 与 message      |
-| watchPosition        | Invokes the success callback whenever the location changes. Returns a watchId (number) | function(success(postion),error(error),option)  | NO       | IOS Android | partially         | position 中仅 altitudeAccuracy 不支持,error 仅支持 code 与 message,option 仅支持 interval 与 distanceFilter |
-| clearWatch           | Clears watch observer by id returned by watchPosition()                                | function(watchID)                               | NO       | IOS Android | yes               | watchID 仅支持默认值 0                                                                                      |
+| Name                 | Description                                                                            | Type                                            | Required | Platform    | HarmonyOS Support | Notes                                                                                                                                                          |
+| -------------------- | -------------------------------------------------------------------------------------- | ----------------------------------------------- | -------- | ----------- | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| setRNConfiguration   | Sets configuration options that will be used in all location requests                  | function(config)                                | NO       | iOS Android | partially         | config only supports skipPermissionRequests                                                                                                                    |
+| requestAuthorization | Request suitable Location permission                                                   | function(success,error)                         | YES      | iOS Android | partially         | error: Only code and message are supported.                                                                                                                    |
+| getCurrentPosition   | Invokes the success callback once with the latest location info                        | function(success(position),error(error),option) | NO       | iOS Android | partially         | In position, only altitudeAccuracy is not supported. In option, only timeout and maximumAge are supported. In error, only code and message are supported.      |
+| watchPosition        | Invokes the success callback whenever the location changes. Returns a watchId (number) | function(success(postion),error(error),option)  | NO       | iOS Android | partially         | In position, only altitudeAccuracy is not supported. In error, only code and message are supported. In option, only interval and distanceFilter are supported. |
+| clearWatch           | Clears watch observer by id returned by watchPosition()                                | function(watchID)                               | NO       | iOS Android | yes               | watchID supports only the default value 0.                                                                                                                     |
 
 ## 遗留问题
 
-- [ ] react-native-geolocation 部分属性未实现 HarmonyOS 化: [issue#I8WRMI](https://gitee.com/react-native-oh-library/usage-docs/issues/I8WRMI)
+- [ ] @react-native-oh-tpl/geolocation 部分属性未完全实现 HarmonyOS 化，maximumAge 延时问题: [issue#6](https://github.com/react-native-oh-library/react-native-geolocation/issues/6)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License(MIT)](https://github.com/react-native-oh-library/react-native-geolocation/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License(MIT)](https://github.com/michalchudziak/react-native-geolocation/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From 378124c81192069ae554de7227e931d69eb138c0 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Mon, 15 Jul 2024 09:41:15 +0000
Subject: [PATCH 162/966] =?UTF-8?q?!909=20docs:=20[Issues:=20#I9V6VP]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-bars=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#I9V6VP]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0react-native-bars=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-bars.md | 222 +++++++++++++++++++++++++++++++++++++
 1 file changed, 222 insertions(+)
 create mode 100644 zh-cn/react-native-bars.md

diff --git a/zh-cn/react-native-bars.md b/zh-cn/react-native-bars.md
new file mode 100644
index 00000000..0926c0fa
--- /dev/null
+++ b/zh-cn/react-native-bars.md
@@ -0,0 +1,222 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-bars</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/zoontek/react-native-bars">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/zoontek/react-native-bars/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bars)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-bars@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-bars@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Switch, Text, View } from 'react-native';
+import { StatusBar } from "react-native-bars"; 
+
+export function BarExample() {
+
+  const [isEnabled, setIsEnabled] = React.useState(false);
+  const toggleSwitch = () => setIsEnabled(previousState => !previousState);
+
+  return (
+        <View >
+          <StatusBar
+            barStyle={isEnabled ? "light-content" : "dark-content"}
+          />
+          <Text style={{ color: "white" }}>关 dark-content/ 开 light-content</Text>
+          <Switch
+            trackColor={{ false: "#767577", true: "#81b0ff" }}
+            thumbColor={isEnabled ? "#f5dd4b" : "#f4f3f4"}
+            ios_backgroundColor="#3e3e3e"
+            onValueChange={toggleSwitch}
+            value={isEnabled}
+          />
+        </View>
+  );
+}
+
+```
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-bars": "file:../../node_modules/@react-native-oh-tpl/react-native-bars/harmony/bars.har"
+    
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 RNBarsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {RNBarsPackage} from '@react-native-oh-tpl/react-native-bars/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNBarsPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases)
+
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### StatusBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | ---- | ------------ |
+| barStyle | Status Bar Style     | string  | yes |     all  |       yes|
+| animated | Should transition between status bar property changes be animated? (has no effect on Android)     | boolean  | no |     all  |       yes|
+
+### NavigationBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | ---- | ------------ |
+| barStyle | Navigation Bar Style   | string  | yes |     all  |       no|
+
+### SystemBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | ---- | ------------ |
+| barStyle | System Style     | string  | yes |     all  |       no|
+| animated | Should transition between status bar property changes be animated? (has no effect on Android)     | boolean  | no |     all  |       no|
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### StatusBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| pushStackEntry  | Add an instance to the heap queue        | StatusBar.pushStackEntry(props)  | no | all      | yes |
+| popStackEntry  | Delete an instance from the heap queue         | StatusBar.popStackEntry(entry/*: StatusBarProps*/): void;  | no | all     | yes |
+| replaceStackEntry  | Replace an instance of the heap queue         | const entry: StatusBarProps = StatusBar.replaceStackEntry(entry ,props )  | no | all      | yes |
+
+### NavigationBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| pushStackEntry  | Add an instance to the heap queue         |NavigationBar.pushStackEntry(props)  | no | all      | no |
+| popStackEntry  | Delete an instance from the heap queue        | NavigationBar.popStackEntry(entry/*: NavigationBarProps*/): void;  | no | all      | no |
+| replaceStackEntry  | Replace an instance of the heap queue         |const entry: NavigationBarProps = NavigationBar.replaceStackEntry(entry ,props )  | no | all      | no|
+
+## 遗留问题
+
+- [ ] react-native-bars不支持NavigationBar问题: [issue#16](https://github.com/react-native-oh-library/react-native-bars/issues/16)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bars/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From bde76d0efd738311c4f21c7a444479b34f1c522a Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Mon, 15 Jul 2024 09:42:48 +0000
Subject: [PATCH 163/966] =?UTF-8?q?!1031=20docs:=20[#IABNZM]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-swipeable-list=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IABNZM]=20=E6=96=B0=E5=A2=9Ereact-nat?=
 =?UTF-8?q?ive-swipeable-list=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-swipeable-list.md | 457 +++++++++++++++++++++++++++
 1 file changed, 457 insertions(+)
 create mode 100644 zh-cn/react-native-swipeable-list.md

diff --git a/zh-cn/react-native-swipeable-list.md b/zh-cn/react-native-swipeable-list.md
new file mode 100644
index 00000000..93e42194
--- /dev/null
+++ b/zh-cn/react-native-swipeable-list.md
@@ -0,0 +1,457 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-swipeable-list</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/esthor/react-native-swipeable-list">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/esthor/react-native-swipeable-list/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/esthor/react-native-swipeable-list)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-swipeable-list@0.1.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-swipeable-list@0.1.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import {
+  SafeAreaView,
+  StyleSheet,
+  View,
+  Text,
+  StatusBar,
+  Pressable,
+  Alert,
+} from "react-native";
+
+import SwipeableFlatList from "react-native-swipeable-list";
+
+type DummyDataItem = {
+  name: String,
+  subject: String,
+  date: String,
+  text: String,
+  id: Number,
+};
+
+type DummyDataArray = DummyDataItem[];
+
+const dummyData: DummyDataArray = [
+  {
+    name: "Raphael",
+    subject: "amet lorem semper auctor. Mauris vel turpis.",
+    date: "Sun, 17th, 2019",
+    text: "mollis dui, in sodales elit erat vitae risus. Duis a mi fringilla mi lacinia mattis. Integer eu lacus. Quisque imperdiet, erat nonummy ultricies ornare, elit elit fermentum risus, at fringilla purus mauris a nunc. In at pede. Cras vulputate velit eu sem. Pellentesque ut ipsum ac mi eleifend egestas. Sed",
+    id: 1,
+  },
+  {
+    name: "Aquila",
+    subject: "quis, pede. Praesent",
+    date: "Thu, 11th, 2019",
+    text: "Nunc quis arcu vel quam dignissim pharetra. Nam ac nulla. In tincidunt congue turpis. In condimentum. Donec at arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec tincidunt. Donec vitae erat vel pede blandit congue. In scelerisque scelerisque dui. Suspendisse ac",
+    id: 11,
+  },
+  {
+    name: "Geraldine",
+    subject: "purus sapien, gravida non,",
+    date: "Tue, 24th, 2019",
+    text: "pede, nonummy ut, molestie in, tempus eu, ligula. Aenean euismod mauris eu elit. Nulla facilisi. Sed neque. Sed eget lacus. Mauris non dui nec urna suscipit nonummy. Fusce fermentum",
+    id: 21,
+  },
+  {
+    name: "Geraldine",
+    subject: "nec enim. Nunc ut erat. Sed nunc",
+    date: "Thu, 5th, 2020",
+    text: "Ut tincidunt vehicula risus. Nulla eget metus eu erat semper rutrum. Fusce dolor quam, elementum at, egestas a, scelerisque sed, sapien. Nunc pulvinar arcu et pede. Nunc sed orci lobortis augue scelerisque mollis. Phasellus libero mauris, aliquam eu, accumsan sed, facilisis vitae, orci. Phasellus dapibus quam quis diam.",
+    id: 31,
+  },
+  {
+    name: "Mariko",
+    subject: "lobortis mauris. Suspendisse",
+    date: "Sat, 25th, 2019",
+    text: "mauris sit amet lorem semper auctor. Mauris vel turpis. Aliquam adipiscing lobortis risus. In mi pede, nonummy ut, molestie in, tempus eu, ligula. Aenean euismod mauris eu elit. Nulla facilisi. Sed neque. Sed",
+    id: 41,
+  },
+  {
+    name: "Nicole",
+    subject: "egestas.",
+    date: "Tue, 8th, 2020",
+    text: "vitae mauris sit amet lorem semper auctor. Mauris vel turpis. Aliquam adipiscing lobortis risus. In mi pede, nonummy ut, molestie in, tempus eu, ligula. Aenean euismod",
+    id: 51,
+  },
+  {
+    name: "Solomon",
+    subject: "ac mattis ornare, lectus",
+    date: "Fri, 10th, 2019",
+    text: "nulla. In tincidunt congue turpis. In condimentum. Donec at arcu. Vestibulum ante ipsum primis in faucibus orci",
+    id: 61,
+  },
+  {
+    name: "Diana",
+    subject: "Suspendisse",
+    date: "Sun, 16th, 2018",
+    text: "dignissim magna a tortor. Nunc commodo auctor velit. Aliquam nisl. Nulla eu neque pellentesque massa lobortis ultrices. Vivamus rhoncus. Donec est. Nunc ullamcorper,",
+    id: 71,
+  },
+  {
+    name: "Hammett",
+    subject: "eu enim. Etiam imperdiet dictum",
+    date: "Mon, 11th, 2019",
+    text: "molestie sodales. Mauris blandit enim consequat purus. Maecenas libero est, congue a, aliquet vel, vulputate eu, odio.",
+    id: 81,
+  },
+  {
+    name: "Brenna",
+    subject: "neque. Sed eget lacus. Mauris non",
+    date: "Wed, 22nd, 2019",
+    text: "sit amet massa. Quisque porttitor eros nec tellus. Nunc lectus pede, ultrices a, auctor non, feugiat nec, diam.",
+    id: 91,
+  },
+  {
+    name: "Zelda",
+    subject: "enim non nisi.",
+    date: "Sat, 27th, 2020",
+    text: "dignissim pharetra. Nam ac nulla. In tincidunt congue turpis. In condimentum. Donec at arcu. Vestibulum ante ipsum primis in faucibus orci luctus et",
+    id: 101,
+  },
+  {
+    name: "Irene",
+    subject: "aptent taciti sociosqu ad litora torquent per",
+    date: "Wed, 8th, 2020",
+    text: "eget metus eu erat semper rutrum. Fusce dolor quam, elementum at, egestas a, scelerisque sed, sapien. Nunc pulvinar arcu et pede. Nunc sed orci lobortis augue scelerisque mollis. Phasellus libero mauris, aliquam eu, accumsan sed, facilisis vitae, orci. Phasellus dapibus quam quis diam.",
+    id: 111,
+  },
+  {
+    name: "Dennis",
+    subject: "neque venenatis lacus.",
+    date: "Mon, 26th, 2018",
+    text: "Mauris blandit enim consequat purus. Maecenas libero est, congue a, aliquet vel, vulputate eu, odio. Phasellus at augue id ante",
+    id: 121,
+  },
+  {
+    name: "Slade",
+    subject: "dolor dolor, tempus non, lacinia at,",
+    date: "Mon, 29th, 2020",
+    text: "aliquet libero. Integer in magna. Phasellus dolor elit, pellentesque a, facilisis non, bibendum sed, est. Nunc laoreet lectus",
+    id: 131,
+  },
+  {
+    name: "Yvonne",
+    subject: "enim. Suspendisse aliquet, sem ut",
+    date: "Wed, 23rd, 2019",
+    text: "lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor.",
+    id: 141,
+  },
+  {
+    name: "Ayanna",
+    subject: "Suspendisse dui. Fusce diam",
+    date: "Fri, 15th, 2019",
+    text: "nec, mollis vitae, posuere at, velit. Cras lorem lorem, luctus ut, pellentesque eget, dictum placerat, augue. Sed molestie. Sed id risus quis diam luctus lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris ut quam vel sapien imperdiet",
+    id: 151,
+  },
+  {
+    name: "Jasmine",
+    subject: "Donec fringilla. Donec feugiat metus sit amet",
+    date: "Fri, 8th, 2019",
+    text: "odio, auctor vitae, aliquet nec, imperdiet nec, leo. Morbi neque tellus, imperdiet non, vestibulum nec, euismod in, dolor. Fusce feugiat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",
+    id: 161,
+  },
+];
+
+const darkColors = {
+  background: "#121212",
+  primary: "#BB86FC",
+  primary2: "#3700b3",
+  secondary: "#03DAC6",
+  onBackground: "#FFFFFF",
+  error: "#CF6679",
+};
+
+const colorEmphasis = {
+  high: 0.87,
+  medium: 0.6,
+  disabled: 0.38,
+};
+
+const extractItemKey = (item) => {
+  return item.id.toString();
+};
+
+const Item = ({ item, backgroundColor, textColor, deleteItem }) => {
+  return (
+    <>
+      <View style={styles.item}>
+        <View style={styles.avatar} />
+        <View style={styles.messageContainer}>
+          <Text style={styles.name} numberOfLines={1}>
+            {item.name}
+          </Text>
+          <Text style={styles.subject} numberOfLines={1}>
+            Subject: {item.subject}
+          </Text>
+          <Text style={styles.text} numberOfLines={2}>
+            {item.text}
+          </Text>
+        </View>
+      </View>
+      <View />
+    </>
+  );
+};
+
+function renderItemSeparator() {
+  return <View style={styles.itemSeparator} />;
+}
+
+const App = () => {
+  const [data, setData] = useState(dummyData);
+
+  const deleteItem = (itemId) => {
+    // ! Please don't do something like this in production. Use proper state management.
+    const newState = [...data];
+    const filteredState = newState.filter((item) => item.id !== itemId);
+    return setData(filteredState);
+  };
+
+  const archiveItem = (itemId) => {
+    Alert.alert(
+      "DISHONESTY ALERT",
+      "Not gonna Archive it. We're actually are gonna just delete it.",
+      [
+        {
+          text: "Just delete it?",
+          onPress: () => deleteItem(itemId),
+          style: "destructive",
+        },
+        {
+          text: "Cancel",
+          onPress: () => console.log("Cancel Pressed"),
+          style: "cancel",
+        },
+      ]
+    );
+  };
+
+  const snoozeItem = (itemId) => {
+    Alert.alert(
+      "DISHONESTY ALERT",
+      "Not gonna Snooze it. We're actually are gonna just delete it.",
+      [
+        {
+          text: "Just delete it?",
+          onPress: () => deleteItem(itemId),
+          style: "destructive",
+        },
+        {
+          text: "Cancel",
+          onPress: () => console.log("Cancel Pressed"),
+          style: "cancel",
+        },
+      ]
+    );
+  };
+
+  const QuickActions = (index, qaItem) => {
+    return (
+      <View style={styles.qaContainer}>
+        <View style={[styles.button, styles.button1]}>
+          <Pressable onPress={() => archiveItem(qaItem.id)}>
+            <Text style={[styles.buttonText, styles.button1Text]}>Archive</Text>
+          </Pressable>
+        </View>
+        <View style={[styles.button, styles.button2]}>
+          <Pressable onPress={() => snoozeItem(qaItem.id)}>
+            <Text style={[styles.buttonText, styles.button2Text]}>Snooze</Text>
+          </Pressable>
+        </View>
+        <View style={[styles.button, styles.button3]}>
+          <Pressable onPress={() => deleteItem(qaItem.id)}>
+            <Text style={[styles.buttonText, styles.button3Text]}>Delete</Text>
+          </Pressable>
+        </View>
+      </View>
+    );
+  };
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView style={styles.container}>
+        <View style={styles.headerContainer}>
+          <Text style={styles.headerText}>Inbox</Text>
+        </View>
+        <SwipeableFlatList
+          keyExtractor={extractItemKey}
+          data={data}
+          renderItem={({ item }) => (
+            <Item item={item} deleteItem={() => deleteItem} />
+          )}
+          maxSwipeDistance={240}
+          renderQuickActions={({ index, item }) => QuickActions(index, item)}
+          contentContainerStyle={styles.contentContainerStyle}
+          shouldBounceOnMount={true}
+          ItemSeparatorComponent={renderItemSeparator}
+        />
+      </SafeAreaView>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "#121212",
+  },
+  headerContainer: {
+    height: 80,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingTop: 10,
+  },
+  headerText: {
+    fontSize: 30,
+    fontWeight: "800",
+    color: darkColors.onBackground,
+    opacity: colorEmphasis.high,
+  },
+  item: {
+    backgroundColor: "#121212",
+    height: 80,
+    flexDirection: "row",
+    padding: 10,
+  },
+  messageContainer: {
+    backgroundColor: darkColors.backgroundColor,
+    maxWidth: 300,
+  },
+  name: {
+    fontSize: 16,
+    color: darkColors.primary,
+    opacity: colorEmphasis.high,
+    fontWeight: "800",
+  },
+  subject: {
+    fontSize: 14,
+    color: darkColors.onBackground,
+    opacity: colorEmphasis.high,
+    fontWeight: "bold",
+    textShadowColor: darkColors.secondary,
+    textShadowOffset: { width: 1, height: 1 },
+    textShadowRadius: 4,
+  },
+  text: {
+    fontSize: 10,
+    color: darkColors.onBackground,
+    opacity: colorEmphasis.medium,
+  },
+  avatar: {
+    width: 40,
+    height: 40,
+    backgroundColor: darkColors.onBackground,
+    opacity: colorEmphasis.high,
+    borderColor: darkColors.primary,
+    borderWidth: 1,
+    borderRadius: 20,
+    marginRight: 7,
+    alignSelf: "center",
+    shadowColor: darkColors.secondary,
+    shadowOffset: { width: 1, height: 1 },
+    shadowRadius: 2,
+    shadowOpacity: colorEmphasis.high,
+  },
+  itemSeparator: {
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: darkColors.onBackground,
+    opacity: colorEmphasis.medium,
+  },
+  qaContainer: {
+    flex: 1,
+    flexDirection: "row",
+    justifyContent: "flex-end",
+  },
+  button: {
+    width: 80,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonText: {
+    fontWeight: "bold",
+    opacity: colorEmphasis.high,
+  },
+  button1Text: {
+    color: darkColors.primary,
+  },
+  button2Text: {
+    color: darkColors.secondary,
+  },
+  button3Text: {
+    color: darkColors.error,
+  },
+  contentContainerStyle: {
+    flexGrow: 1,
+    backgroundColor: darkColors.backgroundColor,
+  },
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+
+SwipeableFlatList 组件接收所有[React Native FlatList](https://facebook.github.io/react-native/docs/flatlist)组件的 Props.
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                                                                                                                                  | Type      | Required | Platform    | HarmonyOS Support |
+| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| data                | An array (or array-like list) of items to render.                                                                                                                                            | ArrayLike | yes      | iOS/Android | yes               |
+| renderItem          | Takes an item from data and renders it into the list.                                                                                                                                        | function  | yes      | iOS/Android | yes               |
+| shouldBounceOnMount | To alert the user that swiping is possible, the first row can bounce on component mount(default = `true`）.                                                                                  | boolean   | no       | iOS/Android | yes               |
+| maxSwipeDistance    | Maximum distance to open to after a swipe.                                                                                                                                                   | number    | no       | iOS/Android | yes               |
+| renderQuickActions  | Callback method to render the view that will be unveiled on swipe. Type `renderItemType` (which provides `index` and `item`, which will be very useful for performing actions on your items. | function  | yes      | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/esthor/react-native-swipeable-list/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 122cefc55f3969c7a8463e4bb958006d6c218266 Mon Sep 17 00:00:00 2001
From: s4210110 <s4210110@163.com>
Date: Mon, 15 Jul 2024 09:51:37 +0000
Subject: [PATCH 164/966] =?UTF-8?q?!1047=20docs:=20[Issues:=20#IACBQ2]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-countdown-circle-timer=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IACBQ2]?=
 =?UTF-8?q?=20=E6=B7=BB=E5=8A=A0react-countdown-circle-timer=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-countdown-circle-timer.md | 127 ++++++++++++++++++++++++++
 1 file changed, 127 insertions(+)
 create mode 100644 zh-cn/react-countdown-circle-timer.md

diff --git a/zh-cn/react-countdown-circle-timer.md b/zh-cn/react-countdown-circle-timer.md
new file mode 100644
index 00000000..326bd8f1
--- /dev/null
+++ b/zh-cn/react-countdown-circle-timer.md
@@ -0,0 +1,127 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-countdown-circle-timer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vydimitrov/react-countdown-circle-timer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/vydimitrov/react-countdown-circle-timer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/vydimitrov/react-countdown-circle-timer)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-countdown-circle-timer@3.2.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-countdown-circle-timer@3.2.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react'
+import { View, StyleSheet, Button, Text, ScrollView } from 'react-native';
+import { CountdownCircleTimer } from 'react-native-countdown-circle-timer'
+
+
+export function SwitchDemo(){
+  const [isPlaying, setIsPlaying] = useState(true)
+  const [count, setCount] = useState(15)
+  
+  return(
+    <View  style={styles.container}>
+      <CountdownCircleTimer
+        isPlaying={isPlaying}
+        duration={count}
+        initialRemainingTime={6}
+        isSmoothColorTransition={false}
+        colors="#aabbcc"
+        onUpdate={(remainingTime) => {
+          console.log('Counter is ', count)
+          console.log('Remaining time is ', remainingTime)
+        }}
+        onComplete={() => ({ shouldRepeat: true })}
+      >
+        {({ remainingTime }) => remainingTime}
+      </CountdownCircleTimer>
+      <Button onPress={() => setIsPlaying((prev) => !prev)} title={'Toggle Playing'}></Button>
+      <Button onPress={() => setCount((prev) => (prev += 5))} title={'Count'}></Button>
+    </View>
+    )
+  }
+  const styles = StyleSheet.create({
+    container: {
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor:"#fff",
+      
+    }
+  });
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
+| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
+|     colors      |     colors prop is either:(Single valid color in any format or URL to a gradient;Array of colors in HEX format. At least 2 colors should be provided)    | `string & string[]` |    No    | Android/iOS |        Yes        |
+|       colorsTime        |          Indicates the time when a color should switch to the next color. The first number is the countdown duration and the last one is 0 or goal. Works only when colors is an array of HEX colors         |       	number[]       |    No    | Android/iOS |        Yes        |
+|      isPlaying       | 	Play or pause animation |   boolean  |    No    | Android/iOS |        Yes        |
+|     initialRemainingTime      |        Set the initial remaining time if it is different than the duration    |      number      |    No    | Android/iOS |        Yes        |
+|     updateInterval      | 	Update interval in seconds. Determines how often the timer updates. When set to 0 the value will update on each key frame |      number      |    No    | Android/iOS |        Yes        |
+|      size      | 	Width and height of the SVG element |   number   |    No    | Android/iOS |        Yes        |
+|      strokeWidth       | 	Path stroke width |  number   |    No    | Android/iOS |        Yes        |
+|      trailStrokeWidth       | Trail stroke width |      number       |    No    | Android/iOS |        Yes        |
+|    strokeLinecap     | Path stroke line cap |      `round 、 square 、 butt`       |    No    | Android/iOS |        Yes        |
+|       rotation        | 	Progress path rotation direction|  `clockwise 、 counterclockwise`  |    No    | Android/iOS |        Yes        |
+|     isGrowing     | Indicated if the progress path should be growing instead of shrinking |      boolean       |    No    | Android/iOS |        Yes        |
+|     trailColor     | 	Circle trail color - takes any valid color format|      string       |    No    | Android/iOS |        Yes        |
+|     isSmoothColorTransition      |Indicates if the colors should smoothly transition to the next color |       boolean       |    No    | Android/iOS |        Yes        |
+|    children     | 	Render function to customize the time/content in the center of the circle    |    function  |  No  |         Android/iOS     |Yes
+| onComplete | 	On animation complete event handler |       function    |    No    | Android/iOS |        Yes        |
+|        onUpdate        |        On remaining time update event handler           |       function     |   No    | Android/iOS |        Yes        |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/vydimitrov/react-countdown-circle-timer/blob/master/LICENSE) ，请自由地享受和参与开源。

From 85516738393f4eea6b5f8ed6f82bbfd6b20b2d91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Mon, 15 Jul 2024 10:16:12 +0000
Subject: [PATCH 165/966] =?UTF-8?q?!772=20docs:=20=20[Issues:=20#IA6HVD]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-haptic-feedback=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IA6HVD]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-haptic-feedback=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-haptic-feedback.md | 244 ++++++++++++++++++++++++++
 1 file changed, 244 insertions(+)
 create mode 100644 zh-cn/react-native-haptic-feedback.md

diff --git a/zh-cn/react-native-haptic-feedback.md b/zh-cn/react-native-haptic-feedback.md
new file mode 100644
index 00000000..a24026d8
--- /dev/null
+++ b/zh-cn/react-native-haptic-feedback.md
@@ -0,0 +1,244 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-haptic-feedback</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/mkuczera/react-native-haptic-feedback">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mkuczera/react-native-haptic-feedback/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-haptic-feedback)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-haptic-feedback@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-haptic-feedback@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react"
+import { SafeAreaView, ScrollView, Button } from "react-native"
+import ReactNativeHapticFeedback from "react-native-haptic-feedback"
+const options = {
+  enableVibrateFallback: false,
+  ignoreAndroidSystemSettings: false,
+}
+
+const methods = [
+  "impactLight",
+  "impactMedium",
+  "impactHeavy",
+  "notificationSuccess",
+  "notificationWarning",
+  "notificationError",
+  "rigid",
+  "soft",
+  "selection",
+  "clockTick",
+  "contextClick",
+  "keyboardPress",
+  "keyboardRelease",
+  "keyboardTap",
+  "longPress",
+  "textHandleMove",
+  "virtualKey",
+  "virtualKeyRelease",
+  "effectClick",
+  "effectDoubleClick",
+  "effectHeavyClick",
+  "effectTick",
+]
+
+export const HapticFeedbackExample = () => {
+  return (
+    <SafeAreaView>
+      <ScrollView>
+        {methods.map((item) => {
+          return (
+            <Button 
+            title={item}
+            onPress={() => ReactNativeHapticFeedback.trigger(item, options)}>
+            </Button>
+          )
+        })}
+      </ScrollView>
+    </SafeAreaView>
+  )
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-haptic-feedback": "file:../../node_modules/@react-native-oh-tpl/react-native-haptic-feedback/harmony/haptic_feedback.har"
+
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNHapticFeedbackPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { RNHapticFeedbackPackage } from '@react-native-oh-tpl/react-native-haptic-feedback/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNHapticFeedbackPackage(ctx)
+  ]
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该方法；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+### Available Methods
+
+`trigger(method, options)`
+Use this method to trigger haptic feedback
+
+| Name                              | Description                                                                                                                           | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| `method`                              | Specifies the type of haptic feedback. See the list of available methods below.                                                       | string  | yes      | iOS/Android | yes               |
+| `options.enableVibrateFallback`       | iOS only. If haptic feedback is unavailable (iOS < 10 OR Device < iPhone6s), vibrate with default method (heavy 1s) (default: false). | boolean | no       | iOS         | no                |
+| `options.ignoreAndroidSystemSettings` | Ignoreing phone mute mode setting and triggering haptic feedback. (default: false).      | boolean | no       | Android     | yes               |
+
+ 
+
+### method Overview
+
+Here's an overview of the available methods and their compatibility
+| Name |  Description | Type |Required|Platform|HarmonyOS Support|
+| ---- | :-----: | :----: |:---: |:----: |:------: |
+| `impactLight`   | impactLight feedback |   string |no|iOS/Android|yes|
+| `impactMedium`  | impactMedium feedback |   string |no|iOS/Android|yes|
+| `impactHeavy`   | impactHeavy feedback |   string |no|iOS/Android|yes|
+| `rigid`               | rigid feedback |    string |no|iOS/Android|yes|
+| `soft`                | soft feedback |   string |no|iOS/Android|yes|
+| `notificationSuccess` | notificationSuccess feedback |   string |no|iOS/Android|yes|
+| `notificationWarning` | notificationWarning feedback |   string |no|iOS/Android|yes|
+| `notificationError`   | notificationError feedback |     string |no|iOS/Android|yes|
+| `selection`           |     selection feedback    |    string |no|iOS|yes|
+| `clockTick`           |   clockTick feedback   |      string |no|Android|yes|
+| `contextClick`        |   contextClick feedback  |     string |no|Android|yes|
+| `keyboardPress`       |  keyboardPress feedback  |      string |no|Android|yes|
+| `keyboardRelease`     |  keyboardRelease feedback  |     string |no|Android|yes|
+| `keyboardTap`         |  keyboardTap feedback  |    string |no|Android|yes|
+| `longPress`           |  longPress feedback  |     string |no|Android|yes|
+| `textHandleMove`      |   textHandleMove feedback  |     string |no|Android|yes|
+| `virtualKey`          |  virtualKey feedback  |     string |no|Android|yes|
+| `virtualKeyRelease`   |   virtualKeyRelease feedback  |    string |no|Android|yes|
+| `effectClick`         | effectClick feedback  |   string |no|Android|yes|
+| `effectDoubleClick`   |   effectDoubleClick feedback  |     string |no|Android|yes|
+| `effectHeavyClick`    |   effectHeavyClick feedback  |     string |no|Android|yes|
+| `effectTick`          |   effectTick feedback   |   string |no|Android|yes|
+
+## 遗留问题
+
+- [ ] 自定义振动文件配置问题: [issue#6](https://github.com/react-native-oh-library/react-native-haptic-feedback/issues/6)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mkuczera/react-native-haptic-feedback/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 613ae3a80fb1f667d264dfd1762c677449117a70 Mon Sep 17 00:00:00 2001
From: DamonJiang <jiangkui6@h-partners.com>
Date: Mon, 15 Jul 2024 13:43:44 +0000
Subject: [PATCH 166/966] =?UTF-8?q?!758=20docs:=20[#IA63FY]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-gesture-handler=E5=BA=93=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IA63FY]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-gesture-handler=E5=BA=93=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-gesture-handler.md | 232 +++++++++++++++-----------
 1 file changed, 133 insertions(+), 99 deletions(-)

diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index 68371d50..8f63bb1f 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-gesture-handler</code> </h1>
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-gesture-handler)
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler)
 
 ## 安装与使用
 
@@ -39,7 +39,7 @@ yarn add @react-native-oh-tpl/react-native-gesture-handler@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
@@ -103,12 +103,27 @@ export default function App() {
 }
 ```
 
+## 使用Codegen
+
+本库未带rc.x的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -116,7 +131,7 @@ export default function App() {
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -126,7 +141,7 @@ export default function App() {
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-gesture-handler": "file:../../node_modules/@react-native-oh-tpl/react-native-gesture-handler/harmony/gesture_handler.har"
+    "@react-native-oh-tpl/react-native-gesture-handler": "file:../../node_modules/@react-native-oh-tpl/react-native-gesture-handler/harmony/gesture_handler.har"
   }
 ```
 
@@ -150,28 +165,37 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-gesture-handler/src/main/cpp" ./gesture-handler)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-gesture-handler/src/main/cpp" ./gesture-handler)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_gesture_handler)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -191,70 +215,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 gesture-handler 组件
-
-react-native-gesture-handler 在 2.x 版本里，不再从原生端引入 `<GestureHandlerRootView>`，而是在 JS 端添加。详情请看官方说明：[Migrating off RNGHEnabledRootView](https://docs.swmansion.com/react-native-gesture-handler/docs/guides/migrating-off-rnghenabledroot)。
-
- HarmonyOS 支持 1.x 在原生端替换 `RootView` 来添加 `<GestureHandlerRootView>` 的方式。
-
-**如果使用 2.x 方式，则把后面带有 `1.x` 注释的代码删掉即可**
-
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-...
-+ import { RNGestureHandlerRootView, RNGestureHandlerButton } from "rnoh-gesture-handler"
-+ import { RNGestureHandlerModule } from 'rnoh-gesture-handler/src/main/ets/RNGestureHandlerModule'  // 1.x
-
-  @Builder
-  function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-    if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-      SampleView({
-        ctx: ctx.rnComponentContext,
-        tag: ctx.tag,
-        buildCustomComponent: buildCustomComponent
-      })
-    }
-+   else if (ctx.componentName == RNGestureHandlerRootView.NAME){
-+     RNGestureHandlerRootView({
-+       ctx: ctx.rnComponentContext,
-+       tag: ctx.tag,
-+       buildCustomComponent: buildCustomRNComponent
-+     })
-+   } else if (ctx.componentName == RNGestureHandlerButton.NAME){
-+     RNGestureHandlerButton({
-+       ctx: ctx.rnComponentContext,
-+       tag: ctx.tag,
-+       buildCustomComponent: buildCustomRNComponent
-+     })
-+   }
-    ...
-  }
-  ...
-  build() {
-    Column() {
-      if (this.rnAbility && this.shouldShow) {
-        RNApp({
-+         onSetUp: (rnInstance) => {  // 1.x
-+           rnInstance.bindComponentNameToDescriptorType(RNGestureHandlerRootView.NAME, "RootView")  // 1.x
-+           rnInstance.getTurboModule<RNGestureHandlerModule>(RNGestureHandlerModule.NAME).install()  // 1.x
-+         },  // 1.x
-          ...
-        })
-      }
-    }
-    .height('100%')
-    .width('100%')
-  }
-```
-
 ### 在 ArkTs 侧引入 Gesture Handler Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
-+ import { GestureHandlerPackage } from 'rnoh-gesture-handler/ts';
++ import { GestureHandlerPackage } from '@react-native-oh-tpl/react-native-gesture-handler/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -295,57 +261,124 @@ GestureDetector 是 Gesture Handler 库 2.x 版本的一个主要组件。
 
 #### Gesture detector 属性
 
-| 名称       | 说明                                                                                             | 类型                                 | 是否必填 | 原库平台 |  HarmonyOS 支持 |
-| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- | -------- |
-| gesture    | A gesture object containing the configuration and callbacks.                                     | base gestures or any ComposedGesture | yes      | All      | yes      |
-| userSelect | This parameter allows to specify which userSelect property should be applied to underlying view. | ("none" \| "auto" \| "text")         | no       | Web      | no       |
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-目前 GestureDetector 支持:
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-`Gesture.Tap() `
+| Name   | Description                                                                                  | Type                             | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- | -------- |
+| gesture    | A gesture object containing the configuration and callbacks.                                     | base gestures or any ComposedGesture | yes      | All      | yes      |
 
-Creates a new instance of [TapGesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/tap-gesture) with its default config and no callbacks.
+#### Gesture 的方法
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-`Gesture.Pan()`
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-Creates a new instance of [PanGesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pan-gesture) with its default config and no callbacks.
+| method | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| Gesture.Tap() | Creates a new instance of [TapGesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/tap-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Pan() | Creates a new instance of [PanGesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pan-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Rotation() | Creates a new instance of [`RotationGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/rotation-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.LongPress() | Creates a new instance of [`LongPressGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/long-press-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Manual() | Creates a new instance of [`ManualGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/manual-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Pinch() | Creates a new instance of [`PinchGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pinch-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Fling() | Creates a new instance of [`FlingGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/fling-gesture) with its default config and no callbacks. | function() | All      | yes    |
 
 ## Components
 
 ### Touchables
 
-Gesture Handler 库提供了一种基于原生按钮的 React Native touchable 组件的实现，它不依赖于 React Native 的 JS responder system。这些组件的实现遵循相同的 API，旨在替代 React Native 中的 touchable 组件
-
-目前支持：
+Gesture Handler 库提供了一种基于原生按钮的 React Native touchable 组件的实现，它不依赖于 React Native 的 JS responder system。这些组件的实现遵循相同的 API，旨在替代 React Native 中的 touchable 组件,HarmonyOS 已全面支持。
 
 - [Touchable Opacity](https://reactnative.dev/docs/touchableopacity)
-
 - [Touchable Without Feedback](https://reactnative.dev/docs/touchablewithoutfeedback)
+- [Touchable Highlight](https://reactnative.dev/docs/touchablehighlight)
+- [Touchable Native Feedback](https://reactnative.dev/docs/touchablenativefeedback)
+
+### Buttons
+
+BaseButton 属性
+| Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| onActiveStateChange | that gets triggered when button changes from inactive to active and vice versa. | function | All   | yes   |
+| onPress | that gets triggered when the button gets pressed | function | All   | yes   |
+| onLongPress | that gets triggered when the button gets pressed for at least `delayLongPress` milliseconds. | function | All   | yes   |
+| exclusive | defines if more than one button could be pressed simultaneously. By default set `true`. | boolean | All   | yes   |
+| delayLongPress | defines the delay, in milliseconds, after which the `onLongPress` callback gets called. By default set to 600. | number | All   | yes   |
+
+ReactButton 属性
+| Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| underlayColor | this is the background color that will be dimmed when button is in active state. | Color | All   | yes   |
+
+### Drawer Layout
+
+属性
+| Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| drawerType | A gesture object                                     | 'front'\|'back'\|'slide' | All | yes |
+| edgewidth | allows for defining how far from the edge of the content view the gesture should activate. | number | All   | yes   |
+| hideStatusBar | when set to `true` Drawer component will use [StatusBar](https://reactnative.dev/docs/statusbar.html) API to hide the OS status bar whenever the drawer is pulled or when its in an "open" state. | boolean | All   | yes   |
+| statusbaranimation | Can be used when `hideStatusBar` is set to `true` and will select the animation used for hiding/showing the status bar. | 'fade'\|'slide'\|'none' | All   | yes   |
+| overlaycolor | of a semi-transparent overlay to be displayed on top of the content view when drawer gets open. | color | All   | yes   |
+| rendernavigationview | his attribute is present in the standard implementation already and is one of the required params. | function | All   | yes   |
+| ondrawerclose | This function is called when the drawer is closed. | function | All   | yes   |
+| ondraweropen | This function is called when the drawer is opened. | function | All   | yes   |
+| ondrawerslide | his function is called as a drawer sliding open from touch events. | function | All   | yes   |
+| ondrawerstatechanged | This function is called when the status of the drawer changes. | function | All   | yes   |
+| children | Children is a component which is rendered by default and is wrapped by drawer. | component\| function | All   | yes   |
+
+### Swipeable
+
+属性
+| Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| friction | a number that specifies how much the visual interaction will be delayed compared to the gesture distance. | number | All | yes |
+| leftThreshold | distance from the left edge at which released panel will animate to the open state | number | All | yes |
+| rightThreshold | distance from the right edge at which released panel will animate to the open state | number | All | yes |
+| dragOffsetFromLeftEdge | distance that the panel must be dragged from the left edge to be considered a swipe. | number                   | All | yes |
+| dragOffsetFromRightEdge | distance that the panel must be dragged from the right edge to be considered a swipe. | number | All | yes |
+| overshootLeft | a boolean value indicating if the swipeable panel can be pulled further than the left actions panel's width. | boolean | All | yes |
+| overshootRight | a boolean value indicating if the swipeable panel can be pulled further than the right actions panel's width. I | boolean | All | yes |
+| overshootFriction | a number that specifies how much the visual interaction will be delayed compared to the gesture distance at overshoot. | number                   | All | yes |
+| onSwipeableLeftOpen | method that is called when left action panel gets open. | function                 | All | yes |
+| onSwipeableRightOpen | method that is called when right action panel gets open. | function | All | yes |
+| onSwipeableOpen | method that is called when action panel gets open | function(direction: 'left' \| 'right', swipeable: Swipeable) | All | yes |
+| onSwipeableClose | method that is called when action panel is closed. | function(direction: 'left' \| 'right', swipeable: Swipeable) | All | yes |
+| onSwipeableLeftWillOpen | alled when left action panel starts animating on open. | function | All | yes |
+| onSwipeableRightWillOpen | Called when right action panel starts animating on open. | function | All | yes |
+| onSwipeableWillOpen | Called when action panel starts animating on open (either right or left). | function((direction: 'left' \| 'right')) | All | yes |
+| onSwipeableWillClose | Called when action panel starts animating on close. | function((direction: 'left' \| 'right')) | All | yes |
+| renderLeftActions | This map describes the values to use as inputRange for extra interpolation: AnimatedValue: [startValue, endValue] | function(progressAnimatedValue: AnimatedInterpolation,<br/>    dragAnimatedValue: AnimatedInterpolation,<br/>    swipeable: Swipeable) | All | yes |
+| renderRightActions | method that is expected to return an action panel that is going to be revealed from the right side when user swipes left. | function(progressAnimatedValue: AnimatedInterpolation,<br/>    dragAnimatedValue: AnimatedInterpolation,<br/>    swipeable: Swipeable) | All | yes |
+| containerStyle | style object for the container (Animated.View), for example to override `overflow: 'hidden'`. | StyleProp<ViewStyle> | All | yes |
+| childrenContainerStyle | style object for the children container (Animated.View), for example to apply `flex: 1`. | StyleProp<ViewStyle> | All | yes |
+
 
 ## Gesture handlers(legacy)
 
 > [!WARNING] Consider using the new [gestures API](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/gesture) instead. The old API is not actively supported and is not receiving the new features. Check out [RNGH 2.0 section in Introduction](https://docs.swmansion.com/react-native-gesture-handler/docs/#rngh-20) for more information.
 
 ### Gesture handlers 通用属性
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| 名称                    | 说明                                                                                                                                              | 类型                         | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+| NAME                | Description                                                                                                                                   | TYPE                     | Required | Platform | HarmonyOS Support |
 | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------- | -------- | -------- |
 | enabled                 | Indicates whether the given handler should be analyzing stream of touch events or not.                                                            | boolean                      | no       | All      | yes      |
-| shouldCancelWhenOutside | When true the handler will cancel or fail recognition (depending on its current state) whenever the finger leaves the area of the connected view. | boolean                      | no       | All      | no       |
-| cancelsTouchesInView    | When true, the handler will cancel touches for native UI components (UIButton, UISwitch, etc) it's attached to when it becomes ACTIVE.            | boolean                      | no       | iOS      | no       |
-| simultaneousHandlers    | When set, the handler will be allowed to activate even if one or more of the handlers provided by their refs are in an ACTIVE state.              | refs                         | no       | All      | no       |
-| waitFor                 | When set the handler will not activate as long as the handlers provided by their refs are in the BEGAN state.                                     | refs                         | no       | All      | no       |
 | hitSlop                 | This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.                            | object                       | no       | All      | yes      |
-| userSelect              | This parameter allows to specify which userSelect property should be applied to underlying view.                                                  | ("none" \| "auto" \| "text") | no       | Web      | no       |
-| activeCursor            | This parameter allows to specify which cursor should be used when gesture activates.                                                              | CSS cursor values            | no       | Web      | no       |
 | onGestureEvent          | Takes a callback that is going to be triggered for each subsequent touch event while the handler is in an ACTIVE state.                           | callback                     | no       | All      | yes      |
 | onHandlerStateChange    | Takes a callback that is going to be triggered when state of the given handler changes.                                                           | callback                     | no       | All      | yes      |
 
 ### Gesture handlers 通用事件数据
 
 以下是提供给 `onGestureEvent` 和 `onHandlerStateChange` 回调的通用事件数据:
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-| 名称             | 说明                                                                        | 类型   | 原库平台 |  HarmonyOS 支持 |
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME         | Description                                                             | TYPE | Platform | HarmonyOS Support |
 | ---------------- | --------------------------------------------------------------------------- | ------ | -------- | -------- |
 | state            | Current state of the handler.                                               | State  | All      | yes      |
 | numberOfPointers | Represents the number of pointers (fingers) currently placed on the screen. | number | All      | yes      |
@@ -353,8 +386,11 @@ Gesture Handler 库提供了一种基于原生按钮的 React Native touchable 
 ### PanGestureHandler
 
 #### PanGestureHandler 属性
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| 名称                           | 说明                                                                                                                                                                                        | 类型    | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+| NAME                       | Description                                                                                                                                                                             | TYPE | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | -------- | -------- |
 | minDist                        | Minimum distance the finger (or multiple finger) need to travel before the handler activates.                                                                                               | number  | no       | All      | yes      |
 | minPointers                    | A number of fingers that is required to be placed before handler can activate.                                                                                                              | number  | no       | All      | yes      |
@@ -369,8 +405,6 @@ Gesture Handler 库提供了一种基于原生按钮的 React Native touchable 
 | minOffsetY                     | This method is deprecated but supported for backward compatibility. Instead of using minOffsetY={N} you can do activeOffsetY={N}.                                                           | number  | no       | All      | yes      |
 | minDeltaX                      | This method is deprecated but supported for backward compatibility. Instead of using minDeltaX={N} you can do activeOffsetX={[-N, N]}.                                                      | number  | no       | All      | yes      |
 | minDeltaY                      | This method is deprecated but supported for backward compatibility. Instead of using minDeltaY={N} you can do activeOffsetY={[-N, N]}.                                                      | number  | no       | All      | yes      |
-| avgTouches                     | Android, by default, will calculate translation values based on the position of the leading pointer (the first one that was placed on the screen).                                          | number  | no       | Android  | no       |
-| enableTrackpadTwoFingerGesture | Enables two-finger gestures on supported devices, for example iPads with trackpads.                                                                                                         | boolean | no       | iOS      | no       |
 
 #### PanGestureHandler 事件数据
 
@@ -403,8 +437,11 @@ Y coordinate of the current position of the pointer (finger or a leading pointer
 ### TapGestureHandler
 
 #### TapGestureHandler 属性
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-| 名称          | 说明                                                                                                                               | 类型   | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME      | Description                                                                                                                    | TYPE | Required | Platform | HarmonyOS Support |
 | ------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
 | minPointers   | Minimum number of pointers (fingers) required to be placed before the handler activates.                                           | number | no       | All      | yes      |
 | maxDurationMs | Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch.                            | number | no       | All      | yes      |
@@ -435,9 +472,6 @@ Y coordinate, expressed in points, of the current position of the pointer (finge
 
 ## 遗留问题
 
-- 手势只支持 Pan 和 Tap 手势；
-- 组件只支持 Touchables
-
 ## 其他
 
 ## 开源协议

From 8d0b136bbfd7416e0bb4e0e4a269b5e4a0ba2416 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Tue, 16 Jul 2024 02:22:21 +0000
Subject: [PATCH 167/966] =?UTF-8?q?!1073=20docs:=20[Issues:=20#IAD153]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=20model.md=20=E7=9A=84=E5=85=BC=E5=AE=B9?=
 =?UTF-8?q?=E6=80=A7=20*=20docs:=20[Issues:=20#IAD153]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=20model.md=20=E7=9A=84=E5=85=BC=E5=AE=B9=E6=80=A7?=
 =?UTF-8?q?=E5=8F=8A=E4=BF=AE=E6=94=B9=E6=80=BB=E8=A7=88=E8=A1=A8=E4=B8=AD?=
 =?UTF-8?q?@react-native-async-storage/async-storage=E5=8E=9F=E5=BA=93?=
 =?UTF-8?q?=E5=9F=BA=E7=BA=BF=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       |  2 +-
 zh-cn/README.md |  2 +-
 zh-cn/model.md  | 17 ++++++-----------
 3 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 879b0579..a73c0e56 100644
--- a/README.md
+++ b/README.md
@@ -24,7 +24,7 @@
 
 | 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
 |-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
-| 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.1        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
+| 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.0        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
 | 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
 | 3   | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是         | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
 | 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index c254ce4f..0b19d9b0 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -25,7 +25,7 @@
 
 | 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
 |-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
-| 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.1        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
+| 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.0        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
 | 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
 | 3   | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是         | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
 | 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
diff --git a/zh-cn/model.md b/zh-cn/model.md
index 76b0e5e0..5b07b60c 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 # 文档模板(删除)
 
 > [!ATTENTION] 使用模板时请将后面带有 (删除) 的语句删除。<>内是需要修改的内容。(删除)
@@ -89,7 +88,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -195,14 +194,13 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 **提示：ArkTs 侧引入 Fabric 组件**（删除）
 
-### 在 ArkTs 侧引入 xxx 组件（若需要运行 ArkTs 版本）
-
-> [!WARNING] Deprecated！该库已接入 CAPI。（若已经 CAPI 化则需要加上这行）
+### 在 ArkTs 侧引入 xxx 组件（若本库已 CAPI 化则需要删除本段）
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
 ...
+
 + import { SAFE_AREA_VIEW_TYPE, SafeAreaView, SAFE_AREA_PROVIDER_TYPE, SafeAreaProvider } from "@react-native-oh-tpl/react-native-safe-area-context"
 
 @Builder
@@ -240,6 +238,7 @@ const arkTsComponentNames: Array<string> = [
 
 ```diff
 ...
+
 + import {SafeAreaViewPackage} from '@react-native-oh-tpl/react-native-safe-area-context/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -271,7 +270,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<xxx> Releases](https://github.com/<仓库地址>/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<HarmonyOS npm 包名> Releases](https://github.com/<仓库地址>/releases)
 
 提示：[@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)（删除）
 
@@ -281,9 +280,7 @@ ohpm install
 
 (示例)
 
-1. RNOH: 0.72.11; SDK: OpenHarmony(api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52;
-2. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
-3. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
 
 ### 权限要求（如有）
 
@@ -342,5 +339,3 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 本项目基于 [XXX License (XXX)](https://github.com/xxx/xxx/blob/main/LICENSE.md) ，请自由地享受和参与开源。
 
 例子：本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。(删除)
-
-<!-- {% endraw %} -->
\ No newline at end of file

From ad2fc8148dedb071cb28b80edda7171a9fb323fb Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Tue, 16 Jul 2024 03:04:10 +0000
Subject: [PATCH 168/966] =?UTF-8?q?!954=20docs:=20[Issues:#IAAP9L]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-communications=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAAP9L]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-communications=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-communications.md | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/zh-cn/react-native-communications.md b/zh-cn/react-native-communications.md
index 5bc1bbfb..936eaaab 100644
--- a/zh-cn/react-native-communications.md
+++ b/zh-cn/react-native-communications.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-communications</code> </h1>
@@ -56,7 +56,7 @@ const RNCommunications = () => {
     email(['email@xxx.com'], null, null, 'My Subject', 'My body text')
   }
   const handleButton3Press = () => {
-    text('13911111111')
+    text('0123456789')
   }
   const handleButton4Press = () => {
     web('https://www.baidu.com/')
@@ -108,9 +108,8 @@ export default RNCommunications;
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
-2. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
-## 方法
+1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+## 静态方法
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -119,15 +118,15 @@ export default RNCommunications;
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | phonecall  | 拨打电话         | function  | yes | All      | yes |
-| email  | 发送文本消息         | function  | yes | All      | no |
-| text  | 发送文本消息，但是不进行编码处理         | function  | yes | All      | yes |
-| textWithoutEncoding  | 发送电子邮件         | function  | yes | All      | yes |
+| email  | 发送电子邮件      | function  | yes | All      | no |
+| text  | 发送文本消息          | function  | yes | All      | yes |
+| textWithoutEncoding  | 发送文本消息，但是不进行编码处理       | function  | yes | All      | yes |
 | web  | 打开指定的网页 URL         | function  | yes | All      | yes |
 
 ## 遗留问题
 
-- [ ]  HarmonyOS 侧没有邮箱应用，导致email方法无法打开发送邮件界面问题: [issue#1](https://github.com/react-native-oh-library/react-native-communications/issues/1)
-- [ ] text添加body之后，没法在短信界面拆分进短信输入栏问题: [issue#2](https://github.com/react-native-oh-library/react-native-communications/issues/2)
+- [ ] HarmonyOS 侧没有邮箱应用，导致email方法无法打开发送邮件界面。
+- [ ] text添加body之后，没法在短信界面拆分进短信输入栏，框架侧接口Linking.canOpenURL不支持。
 
 ## 其他
 

From 6b51a90e9819c6249867c2961d22463a85aa6993 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=82=96=E6=98=8A?= <2585369707@qq.com>
Date: Tue, 16 Jul 2024 06:35:11 +0000
Subject: [PATCH 169/966] =?UTF-8?q?!890=20docs:=20[Issues:=20#IA8D5F]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-subscribe=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IA8D5F]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-subscribe=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-subscribe.md | 313 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 313 insertions(+)
 create mode 100644 zh-cn/react-subscribe.md

diff --git a/zh-cn/react-subscribe.md b/zh-cn/react-subscribe.md
new file mode 100644
index 00000000..44ca9d8b
--- /dev/null
+++ b/zh-cn/react-subscribe.md
@@ -0,0 +1,313 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-subscribe</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tdzl2003/react-subscribe">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.isc.org/licenses/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/tdzl2003/react-subscribe)
+
+## 安装与使用
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-subscribe@1.3.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-subscribe@1.3.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了Timer这个组件的基本使用场景：
+
+```js
+import React from 'react';
+import { Timer } from 'react-subscribe';
+import { Text, View,Button} from 'react-native'
+
+export class ReactSubscribeTimerTest extends React.Component {
+  state = {
+    cd: this.props.cd,
+    listening:false
+  };
+  onTimer = () => {
+    this.setState({ cd: this.state.cd - this.props.interval/1000,listening:true });
+  };
+  timeClick = () => {
+    this.setState({cd: this.props.cd,listening: true});
+  };
+  render() {
+    if (this.state.cd <= 0) {
+      return (
+        <View>
+          <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+          <Text>Cooldown is over and onTimer will not be called again!</Text>
+        </View>
+      );
+    }
+    return (
+      <View>
+        <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+        {this.state.listening && <Timer interval={this.props.interval} onTimer={this.onTimer}><Text>There is still {this.state.cd} seconds to go.</Text></Timer>}
+        <Text>点击按钮启动倒计时</Text>
+      </View>
+    );
+  }
+}
+```
+下面的代码展示了Subscribe这个组件的基本使用场景：
+> [!WARNING] 使用时 target一般配合fbemitter组件使用
+```js
+import React from 'react';
+import { Subscribe } from 'react-subscribe';
+import { TextInput, Text, View,Button} from 'react-native'
+
+export class ReactSubscribeSubscribeTest extends React.Component {
+  state = {
+    listening : true
+  }
+
+  eventName='test1';
+  message = '';
+  eventType = 1;
+
+  test1Message;
+  test2Message;
+  test3Message;
+
+
+  onChangeText(eventName){
+    this.eventName = eventName;
+  }
+
+  onChangeMessage(message){
+    this.message = message;
+  }
+
+  eventNameEvent = (ev) => {
+    this.setState({
+      listening : true
+    })
+    this.test1Message = ev.message;
+  };
+
+  otherEvent = (ev) => {
+    this.setState({
+      listening : true
+    })
+    this.test2Message = ev.message;
+  };
+
+  sendMessage(){
+    if(this.eventName === 'test1'){
+      this.props.eventEmitter1.emit(this.eventName, { message: this.message});
+    }else{
+      this.props.eventEmitter2.emit(this.eventName, { message: this.message});
+    }
+  }
+
+  render() {
+    return (
+      <View>
+        <TextInput
+          placeholder="请输入内容eventName（只有test1和test2输入其他无效）"
+          style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+          onChangeText={text => this.onChangeText(text)}
+          value={111}
+        />
+        <TextInput
+          placeholder="请输入内容发送内容"
+          style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+          onChangeText={text => this.onChangeMessage(text)}
+          value={111}
+        />
+        <Button title='点击发送' onPress={() => this.sendMessage()}>点击</Button>
+        <Text>'1.监听test1'</Text>
+        <Subscribe target={this.props.eventEmitter1} eventName="test1" listener={this.eventNameEvent} />
+        {this.test1Message !== null && <Text>test1监听数据:{this.test1Message}</Text>}
+        <Text>'2.监听test2'</Text>
+        <Subscribe target={this.props.eventEmitter2} eventName="test2" listener={this.otherEvent} >
+          <Text>test2监听数据:{this.test2Message}</Text>
+        </Subscribe>
+      </View>
+    );
+  }
+}
+```
+使用样例
+
+``` 
+import { EventEmitter } from 'fbemitter';
+
+<ReactSubscribeSubscribeTest eventEmitter1={eventEmitter1} eventEmitter2={eventEmitter1}/>
+
+```
+下面的代码展示了Fetch这个组件的基本使用场景：
+```js
+import React from 'react';
+import { View,StyleSheet,Text,TouchableOpacity,Button } from 'react-native';
+import { Fetch } from 'react-subscribe';
+import axios from 'axios';
+
+export class ReactSubscribeFetchTest extends React.Component {
+
+  state = {
+    listening:false
+  };
+
+  timeClick = () => {
+    this.setState({listening: true});
+  };
+
+  fetch_option = {
+    timeout: 5000,
+    method: this.props.method,
+    headers: {
+      'X-AccessToken': 'some_token',
+      "Content-Type":this.props.contentType
+    },
+    body:this.props.body,
+    credentials: 'include', // Default credentials is 'same-origin' in `Fetch`
+  };
+  
+  render (){
+    if(this.props.manners === 1){
+      return(
+        <View>
+         <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+          {this.state.listening && <Fetch doFetch={customRequest} url={this.props.url}>
+          <SomeComponent2/>
+        </Fetch>}
+      </View>
+      )
+    }
+    return(
+      <View>
+       <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+        {this.state.listening && <Fetch url={this.props.url} type={this.props.type} options={this.fetch_option}>
+        <SomeComponent/>
+      </Fetch>}
+    </View>
+    )
+  };
+}
+
+function SomeComponent({ data, loading, error, reload, statusCode }) {
+  if (loading) {
+    return <View><Text>loading...</Text></View>;
+  }
+  if (error) {
+    return (
+      <View>
+        <Text>error:{error.message}</Text>
+        <Button title='点击重新请求' onPress={() => reload()}>点击</Button>
+      </View>
+    );
+  }
+
+  return (
+    <View>
+      <Text>Status Code: {statusCode}</Text>
+      <Text>{JSON.stringify(data)}</Text>
+    </View>
+  );
+}
+
+async function customRequest(url) {
+  return axios.get(url,{params:{
+    value:'自定义组件请求',
+  }});
+}
+
+function SomeComponent2({ data, loading, error, reload }) {
+  if (loading) {
+    return <View><Text>loading...</Text></View>;
+  }
+  if (error) {
+    return (
+      <View>
+        <Text>Error: {error.message}</Text>
+        <Button title='点击重新请求' onPress={() => reload}>点击</Button>
+      </View>
+    );
+  }
+  return (
+    <View>
+      <Text>Status Code: {data.status}</Text>
+      <Text>{JSON.stringify(data.data)}</Text>
+    </View>
+  );
+}
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.26; SDK：HarmonyOS-Next-DB1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### react-subscribe:
+Fetch组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Fetch.js)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| url  | 请求接口url | string  | no | Android/iOS      | yes |
+| options  | 请求参数（如果使用doFetch，参数不生效） | object  | no | Android/iOS | yes |
+| doFetch  | 自定义的请求服务端方法，方法接收参数为组件url | function  | no | Android/iOS | yes |
+| type  | 请求返回数据处理的类型(值只能为'text'或 'json'或'blob')  | string | yes | Android/iOS | yes |
+| children| 子组件，接收请求返回数据处理,接收参数有(loading:是否在请求中,statusCode：请求状态码（自定义请求不设置该值）,data:返回业务数据,error:请求错误信息（例：请求超时）,reload:刷新当前请求方法) | element | no | Android/iOS | yes |
+
+Timer组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Timer.js)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| interval | 执行间隔时间（毫秒）       | number  | no | Android/iOS | yes |
+| onTimer  | 定时执行方法 | function   | no | Android/iOS | yes |
+| children | 子组件   | element  | no | Android/iOS  | yes |
+
+Subscribe组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Subscribe.js)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| target  | 发射器（一般配合fbemitter组件使用） | object  | no | Android/iOS  | yes |
+| eventName | 事件名称 | string  | no | Android/iOS  | yes |
+| listener  | 监听方法（当发射器触发当前事件时执行的方法） | function  | no | Android/iOS  | yes |
+| children | 子组件 | element  | no | Android/iOS  | yes |
+
+SubscribeDOM组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/SubscribeDOM.js)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| target  | 发射器（一般配合web中document使用） | object  | no | webOnly  | no |
+| eventName | 事件名称 | string  | no | webOnly  | no |
+| listener  | 监听方法（当发射器触发当前事件时执行的方法） | function  | no | webOnly  | no |
+| children | 子组件 | element  | no | webOnly  | no |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
\ No newline at end of file

From c4e3f4087da54a03ebda70dbf61c177b3574f0d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=BD=98=E5=88=A9=E6=99=A8?= <pan.lichen@qq.com>
Date: Tue, 16 Jul 2024 07:09:41 +0000
Subject: [PATCH 170/966] =?UTF-8?q?!1048=20docs:=20[#IAAX8I]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-shimmer-placeholder=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAAX8I]=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?react-native-shimmer-placeholder=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-shimmer-placeholder.md | 130 ++++++++++++++++++++++
 1 file changed, 130 insertions(+)
 create mode 100644 zh-cn/react-native-shimmer-placeholder.md

diff --git a/zh-cn/react-native-shimmer-placeholder.md b/zh-cn/react-native-shimmer-placeholder.md
new file mode 100644
index 00000000..af6740a7
--- /dev/null
+++ b/zh-cn/react-native-shimmer-placeholder.md
@@ -0,0 +1,130 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-shimmer-placeholder</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tomzaku/react-native-shimmer-placeholder">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/tomzaku/react-native-shimmer-placeholder/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/tomzaku/react-native-shimmer-placeholder)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-shimmer-placeholder@2.0.9
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-shimmer-placeholder@2.0.9
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { createShimmerPlaceholder } from "react-native-shimmer-placeholder";
+import LinearGradient from "react-native-linear-gradient";
+
+const ShimmerPlaceholder = createShimmerPlaceholder(LinearGradient);
+const FacebookContent = () => {
+  // Handle animation
+  const avatarRef = React.createRef();
+  const firstLineRef = React.createRef();
+  const secondLineRef = React.createRef();
+  const thirdLineRef = React.createRef();
+
+  React.useEffect(() => {
+    const facebookAnimated = Animated.stagger(400, [
+      avatarRef.current.getAnimated(),
+      Animated.parallel([
+        firstLineRef.current.getAnimated(),
+        secondLineRef.current.getAnimated(),
+        thirdLineRef.current.getAnimated(),
+      ]),
+    ]);
+    Animated.loop(facebookAnimated).start();
+  }, []);
+
+  return (
+    <View>
+      <View style={{ flexDirection: "row" }}>
+        <ShimmerPlaceholder ref={avatarRef} stopAutoRun />
+        <View style={{ justifyContent: "space-between" }}>
+          <ShimmerPlaceholder ref={firstLineRef} stopAutoRun />
+          <ShimmerPlaceholder ref={secondLineRef} stopAutoRun />
+          <ShimmerPlaceholder ref={thirdLineRef} stopAutoRun />
+        </View>
+      </View>
+    </View>
+  );
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                                                                                            | Required | Type      | Platform | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------------------------------------------------ | -------- | --------- | -------- | ----------------- |
+| **LinearGradient**         | Linear Gradient components ('react-native-linear-gradient' or 'expo-linear-gradient')                  | no       | Component | ALL      | yes               |
+| **visible**                | Visible child components                                                                               | no       | boolean   | ALL      | yes               |
+| **style**                  | Container Style                                                                                        | no       | Style     | ALL      | yes               |
+| **shimmerStyle**           | Shimmer Style only                                                                                     | no       | Style     | ALL      | yes               |
+| **contentStyle**           | Content Style when visible                                                                             | no       | Style     | ALL      | yes               |
+| **location**               | Locations of shimmer                                                                                   | no       | number[]  | ALL      | yes               |
+| **width**                  | Width of row                                                                                           | no       | number    | ALL      | yes               |
+| **duration**               | Duration of shimmer over a row                                                                         | no       | number    | ALL      | yes               |
+| **height**                 | Height of row                                                                                          | no       | number    | ALL      | yes               |
+| **shimmerWidthPercent**    | Percent of shimmer width                                                                               | no       | number    | ALL      | yes               |
+| **isReversed**             | Reverse direction of animation                                                                         | no       | boolean   | ALL      | yes               |
+| **stopAutoRun**            | Stop running shimmer animation at beginning                                                            | no       | boolean   | ALL      | yes               |
+| **isInteraction**          | Defines whether or not the shimmer animation creates an interaction handle on the `InteractionManager` | no       | boolean   | ALL      | yes               |
+| **shimmerColors**          | Colors of the shimmer.                                                                                 | no       | string[]  | ALL      | yes               |
+| **containerProps**         | Props passed to the outermost View                                                                     | no       | ViewProps | ALL      | yes               |
+| **shimmerContainerProps**  | Props passed to the View which contains the loading animation                                          | no       | ViewProps | ALL      | yes               |
+| **childrenContainerProps** | Props passed to the View which contains the children                                                   | no       | ViewProps | ALL      | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Method          | Description                 | Type     | **Required** | Platform | HarmonyOS Support |
+| --------------- | --------------------------- | -------- | ------------ | -------- | ----------------- |
+| **getAnimated** | get Animated of Placeholder | Animated | no           | ALL      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/tomzaku/react-native-shimmer-placeholder/blob/master/LICENSE) ，请自由地享受和参与开源。

From 198b401bdadd4235bfef45585204371cc6bcb445 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A0=B8=E5=BF=83=E5=B7=B2=E8=BD=AC=E5=82=A8?=
 <911260800@qq.com>
Date: Tue, 16 Jul 2024 08:43:54 +0000
Subject: [PATCH 171/966] =?UTF-8?q?!1055=20docs:=20[Issues:=20#IACK7O]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-hyperlink=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IACK7O]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-hyperlink=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-hyperlink.md | 100 ++++++++++++++++++++++++++++++++
 1 file changed, 100 insertions(+)
 create mode 100644 zh-cn/react-native-hyperlink.md

diff --git a/zh-cn/react-native-hyperlink.md b/zh-cn/react-native-hyperlink.md
new file mode 100644
index 00000000..02bc357d
--- /dev/null
+++ b/zh-cn/react-native-hyperlink.md
@@ -0,0 +1,100 @@
+<!-- {% raw %} -->
+
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-hyperlink</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/obipawan/react-native-hyperlink">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/obipawan/react-native-hyperlink/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/obipawan/react-native-hyperlink)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-hyperlink@0.0.21
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-hyperlink@0.0.21
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { View, Text } from "react-native";
+import Hyperlink from "react-native-hyperlink";
+
+export default function App() {
+  return (
+    <Hyperlink
+      linkDefault
+      injectViewProps={(url) => ({
+        testID: url === "http://link.com/" ? "id1" : "id2",
+        style:
+          url === "https://link.com/" ? { color: "red" } : { color: "blue" },
+        //any other props you wish to pass to the component
+      })}
+    >
+      <Text>
+        You can pass props to clickable components matched by url.
+        <Text>This url looks red https://link.com</Text> and this url looks blue
+        https://link2.com{" "}
+      </Text>
+    </Hyperlink>
+  );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Props           | Description                                                                       | Type                        | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------- | --------------------------- | -------- | -------- | ----------------- |
+| linkify         | linkify-it object, for custom schema                                              | object                      | no       | all      | yes               |
+| linkStyle       | highlight clickable text with styles                                              | Text.propTypes.style        | no       | all      | yes               |
+| linkText        | A string or a func to replace parsed text                                         | oneOfType([ string, func ]) | no       | all      | yes               |
+| onPress         | Func to handle click over a clickable text with parsed text as arg                | func                        | no       | all      | yes               |
+| onLongPress     | Func to handle long click over a clickable text with parsed text as arg           | func                        | no       | all      | yes               |
+| linkDefault     | A platform specific fallback to handle onPress. Uses Linking. Disabled by default | bool                        | no       | all      | yes               |
+| injectViewProps | Func with url as a param to inject props to the clickable component               | func                        | no       | all      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/obipawan/react-native-hyperlink/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From b4207b3191a30642e8b0a88a84ebb9ddd962330b Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Tue, 16 Jul 2024 08:52:12 +0000
Subject: [PATCH 172/966] =?UTF-8?q?!1034=20docs:=20[Issues:#IABZ7Y]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-translucent-modal=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IABZ7Y]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-translucent-modal=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-translucent-modal.md | 101 ++++++++----------------
 1 file changed, 35 insertions(+), 66 deletions(-)

diff --git a/zh-cn/react-native-translucent-modal.md b/zh-cn/react-native-translucent-modal.md
index 965a3165..21222925 100644
--- a/zh-cn/react-native-translucent-modal.md
+++ b/zh-cn/react-native-translucent-modal.md
@@ -1,11 +1,11 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-translucent-modal</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/software-mansion/react-native-translucent-modal">
+    <a href="https://github.com/23mf/react-native-translucent-modal">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
         <a href="https://github.com/23mf/react-native-translucent-modal/blob/master/LICENSE.md">
@@ -39,79 +39,48 @@ yarn add @react-native-oh-tpl/react-native-translucent-modal@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React, { Component } from "react";
-import {
-  Text,
-  TouchableHighlight,
-  View,
-  StyleSheet,
-  TouchableWithoutFeedback,
-  Image,
-} from "react-native";
+import React, { useState } from "react";
+import { View, TouchableWithoutFeedback, Image, Button, StyleSheet } from "react-native-harmony";
+// @ts-expect-error
 import Modal from "react-native-translucent-modal";
 
-export default class App extends Component {
-  state = {
-    modalVisible: false,
-  };
-
-  setModalVisible(visible) {
-    this.setState({ modalVisible: visible });
-  }
-
-  render() {
-    return (
-      <View style={{ marginTop: 22 }}>
-        <Modal
-          animationType="slide"
-          transparent={false}
-          visible={this.state.modalVisible}
-          onRequestClose={() => {
-            alert("Modal has been closed.");
-            this.setModalVisible(!this.state.modalVisible);
-          }}
-        >
-          <TouchableWithoutFeedback
-            style={styles.wrapper}
-            onPress={() => this.setModalVisible(!this.state.modalVisible)}
-          >
-            <Image
-              source={{
-                uri: "https://hbimg.huabanimg.com/ed258f740ab675e3b3a0b6e7abc44eb7bd832c523396b-cJL1G9_fw658",
-              }}
-              style={styles.imageBackground}
-            />
-          </TouchableWithoutFeedback>
-        </Modal>
+const STYLES = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+    },
+    imageBackground: {
+        width: 300,
+        height: 200,
+    }
+});
+
+export const E_ReactNativeTranslucentModal: React.FC = (): JSX.Element => {
 
-        <TouchableHighlight
-          onPress={() => {
-            this.setModalVisible(true);
-          }}
-        >
-          <Text>Show Modal</Text>
-        </TouchableHighlight>
-      </View>
-    );
-  }
+    const [transparent, setTransparent] = useState(false)
+    const [visible, setVisible] = useState(false)
+    const [animationType, setAnimationType] = useState('none')
+
+    return <View style={STYLES.wrapper}>
+        <Modal transparent={transparent} animationType={animationType}
+            visible={visible} onRequestClose={() => setVisible(!visible)}>
+            <TouchableWithoutFeedback onPress={() => setVisible(false)}>
+             {/* 注意：1、此图片组件为示例，需要根据自己的项目需求，去引入对应组件；
+                2、示例图片地址需要根据自己的项目情况去引入 */}
+                <Image source={{ uri: "https://hbimg.huabanimg.com/ed258f740ab675e3b3a0b6e7abc44eb7bd832c523396b-cJL1G9_fw658"}} style={STYLES.imageBackground} />
+            </TouchableWithoutFeedback>
+        </Modal>
+        <Button title="显示Modal" onPress={() => setVisible(true)}></Button>
+        <Button title="设置transparent为true" onPress={() => setTransparent(true)}></Button>
+        <Button title="设置animationType为'slide'" onPress={() => setAnimationType('slide')}></Button>
+        <Button title="设置animationType为'fade'" onPress={() => setAnimationType('fade')}></Button>
+    </View>;
 }
 
-const styles = StyleSheet.create({
-  wrapper: {
-    flex: 1,
-    alignItems: "center",
-    backgroundColor: "#fff",
-  },
-  imageBackground: {
-    flex: 1,
-    resizeMode: "cover",
-  },
-});
 ```
 
 ## 约束与限制

From 70bc4c9ad16892216acbb4250cbca253135a38cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Tue, 16 Jul 2024 09:11:57 +0000
Subject: [PATCH 173/966] =?UTF-8?q?!1049=20docs:=20[Issues:=20#IACG4J]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-crypto-js=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IACG4J]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-crypto-js=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-crypto-js.md | 30 +++++++++++++-----------------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/zh-cn/react-native-crypto-js.md b/zh-cn/react-native-crypto-js.md
index 58df6593..1dd3d873 100644
--- a/zh-cn/react-native-crypto-js.md
+++ b/zh-cn/react-native-crypto-js.md
@@ -1,19 +1,18 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-crypto-js</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/imchintan/react-native-crypto-js/blob/master/README.md">
-        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    <a href="https://github.com/imchintan/react-native-crypto-js">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/imchintan/react-native-crypto-js/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/imchintan/react-native-crypto-js)
+> [!TIP] [Github 地址](https://github.com/imchintan/react-native-crypto-js)
 
 ## 安装与使用
 
@@ -37,6 +36,8 @@ yarn add react-native-crypto-js@1.0.0
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```js
 import React, { useState } from 'react';
 import {
@@ -144,34 +145,29 @@ export const ReactNativeCryptoJsExample = () => {
 
 ## 兼容性
 
-本文档内容基于以下版本验证通过：
+在以下版本验证通过
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## API
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
->
-> 详情见 [react-native-crypto-js 源库地址](https://github.com/imchintan/react-native-crypto-js/blob/master/README.md)
 
 | 名称                 | 描述            | 参数类型 | 是否必填 | Platform | HarmonyOS Support |
 | -------------------- | --------------- | -------- | -------- | -------- | ----------------- |
-| CryptoJS.AES.encrypt | AES算法加密     | string   | yes      | All      | yes               |
-| CryptoJS.AES.decrypt | AES算法解密     | string   | yes      | All      | yes               |
-| CryptoJS.MD5         | MD5算法加密     | string   | yes      | All      | yes               |
+| CryptoJS.AES.encrypt | AES算法加密     | string   | yes      | Android、iOS      | yes               |
+| CryptoJS.AES.decrypt | AES算法解密     | string   | yes      | Android、iOS      | yes               |
+| CryptoJS.MD5         | MD5算法加密     | string   | yes      | Android、iOS      | yes               |
 | CryptoJS.HmacMD5     | HmacMD5算法加密 | string   | yes      | no       | no                |
 
 ## 遗留问题
 
-原库使用CryptoJS.HmacMD5会报错"cannot readproperty ‘init’ of underfined"，如果需要使用HmacMD5算法可以安装使用rn-crypto-js库，用法与react-native-crypto-js相同。源库此问题 issues:[issue#4](https://github.com/imchintan/react-native-crypto-js/issues/3)
+- [ ] 原库使用CryptoJS.HmacMD5会报错"cannot readproperty ‘init’ of underfined"，如果需要使用HmacMD5算法可以安装使用rn-crypto-js库，用法与react-native-crypto-js相同: [issue#4](https://github.com/imchintan/react-native-crypto-js/issues/3)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/imchintan/react-native-crypto-js/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/imchintan/react-native-crypto-js/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 6cea57a2168c37f720163343d2828bf059230d30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=99=BA=E6=99=97?= <dongzhihan@h-partners.com>
Date: Tue, 16 Jul 2024 09:21:27 +0000
Subject: [PATCH 174/966] =?UTF-8?q?!1074=20docs:=20[#IAD17Y]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-qrcode=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAD17Y]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-qrcode=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-QRCode.md | 140 +++++++++++++++++++++++------------
 1 file changed, 92 insertions(+), 48 deletions(-)

diff --git a/zh-cn/react-native-QRCode.md b/zh-cn/react-native-QRCode.md
index 2e4340ef..adcdd780 100644
--- a/zh-cn/react-native-QRCode.md
+++ b/zh-cn/react-native-QRCode.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
- 
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-qrcode</code> </h1>
@@ -10,79 +8,128 @@
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/cssivision/react-native-qrcode/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+       <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
-
-> [!TIP] [Github 地址](https://github.com/cssivision/react-native-qrcode)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-qrcode)
 
 ## 安装与使用
 
+1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)，并下载适用版本的 tgz 包。
+
 进入到工程目录并输入以下命令：
 
+> [!TIP] # 处替换为 tgz 包的路径
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install react-native-qrcode@0.2.7
+npm install @react-native-oh-tpl/react-native-qrcode@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-qrcode@0.2.7
+yarn add @react-native-oh-tpl/react-native-qrcode@file:#
 ```
 
-此库是一个React原生的生成二维码的组件，不仅仅支持英文。下面的代码展示了这个库的基本使用场景，更多详情请参考[使用教程](https://github.com/cssivision/react-native-qrcode/blob/master/README.md)：
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React, { Component ,useState,useEffect } from 'react'
-import { Image } from 'react-native';
-import QRCode from 'react-native-qrcode';
-import {Animated, Text, View} from 'react-native';
+import React, { useState } from "react";
+import QRCode from "react-native-qrcode";
+import { StyleSheet, View, TextInput, Button } from "react-native";
+export const QrCodeExamle = () => {
+  const [text, setText] = useState("");
+  const [QRCodeValue, setQRCodeValue] = useState < any > null;
+  const showQRCode = () => {
+    setQRCodeValue(text);
+  };
+  const reset = () => {
+    setQRCodeValue(null);
+    setText("");
+  };
+  return (
+    <View style={styles.container}>
+      <TextInput
+        placeholder="请输入要生成二维码的文本"
+        style={styles.input}
+        onChangeText={(text) => setText(text)}
+        value={text}
+      />
+      <View style={{ flexDirection: "row" }}>
+        <Button title="点击生成二维码" onPress={showQRCode} />
+        <Button title="重置" onPress={reset} />
+      </View>
+
+      {QRCodeValue && (
+        <QRCode
+          value={QRCodeValue}
+          size={200}
+          bgColor="black"
+          fgColor="white"
+        />
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "white",
+    alignItems: "center",
+  },
+
+  input: {
+    width: 300,
+    height: 40,
+    borderColor: "gray",
+    borderWidth: 1,
+    margin: 10,
+    borderRadius: 5,
+    padding: 5,
+  },
+});
+```
 
-export function QRCodeExample() {
+## Link
 
-  const qrCodeSize = 128;
- 
-  const [codeString, setCodeString] = useState('');
-
-  useEffect(() => {
-    const qr = QRCode('#fff', '#000');
-    qr.addQRCodeData("http://facebook.github.io/react-native/");
-    qr.build();
-    const qrUrl = qr.buildDataWithURL();
-    setCodeString(qrUrl);
-  }, ["http://facebook.github.io/react-native/"]);
-  
-
-return (
-    
-   <View style={{ flex: 1, backgroundColor:"#FFC0CB" }}>
- 
-     <Image source={{uri:codeString }}
-            style={{
-            width:qrCodeSize,
-            height:qrCodeSize,
-            resizeMode:'contain',
-          }}/>
-
-  </View>
-);
-}
-```
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
 
 ## 约束与限制
 
 ### 兼容性
 
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)
+
+## 属性
+
+### QRCode
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+ 
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+该库为 UI 组件库，通过配置属性标签，实现对应的功能。
+
+| Name    | Type   | Description                 | Required | Platform    | HarmonyOS Support |
+| ------- | ------ | --------------------------- | -------- | ----------- | ----------------- |
+| value   | string | What the qrcode stands for. | no       | iOS/Android | yes               |
+| size    | number | qrcode size                 | no       | iOS/Android | yes               |
+| bgColor | string | backgroundColor             | no       | iOS/Android | yes               |
+| fgColor | string | fgColor                     | no       | iOS/Android | yes               |
 
 ## 遗留问题
 
@@ -90,7 +137,4 @@ return (
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/cssivision/react-native-qrcode/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-qrcode/blob/master/LICENSE) ，请自由地享受和参与开源。

From 324547eff9997d23e0fbf366c37c34c41368d7d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=98=89=E8=AF=9A?= <linjiacheng1@huawei.com>
Date: Tue, 16 Jul 2024 09:41:14 +0000
Subject: [PATCH 175/966] =?UTF-8?q?!1108=20docs(capi-architecture):=20[Iss?=
 =?UTF-8?q?ue:=20#IAD4DX]=20=E6=96=B0=E5=A2=9EC-API=E6=9E=B6=E6=9E=84?=
 =?UTF-8?q?=E4=B8=89=E6=96=B9=E5=BA=93=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs(capi-architecture):=20[Issue:=20#IAD4DX]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9EC-API=E6=9E=B6=E6=9E=84=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                      |   3 ++-
 _sidebar.md                    |   3 ++-
 img/capi_architecture.png      | Bin 0 -> 310357 bytes
 img/leaf_node.png              | Bin 0 -> 224890 bytes
 img/performance_comparison.png | Bin 0 -> 558427 bytes
 zh-cn/README.md                |  10 ++++----
 zh-cn/capi-architecture.md     |  41 +++++++++++++++++++++++++++++++++
 7 files changed, 49 insertions(+), 8 deletions(-)
 create mode 100644 img/capi_architecture.png
 create mode 100644 img/leaf_node.png
 create mode 100644 img/performance_comparison.png
 create mode 100644 zh-cn/capi-architecture.md

diff --git a/README.md b/README.md
index a73c0e56..23f51d4e 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,8 @@
 
 ## 使用须知
 
-三方库大部分适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
+- Codegen ：三方库大部分适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
+- C-API 架构：三方库后续只基于 RN C-API 架构演进，详细介绍请参考 [C-API 架构](zh-cn/capi-architecture.md) 。
 
 ## RNOH 三方库总览
 
diff --git a/_sidebar.md b/_sidebar.md
index 0bff338b..ec9785e1 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -3,7 +3,8 @@
 - [首页](/zh-cn/README.md)
 - [贡献文档](/zh-cn/contribute.md)
 - [文档模板](/zh-cn/model.md)
-- [codegen使用指导](/zh-cn/codegen.md)
+- [codegen 使用指导](/zh-cn/codegen.md)
+- [C-API 架构介绍](/zh-cn/capi-architecture.md)
 - [链接源码](/zh-cn/link-source-code.md)
 - 三方库说明文档合集
   - RN 原生库
diff --git a/img/capi_architecture.png b/img/capi_architecture.png
new file mode 100644
index 0000000000000000000000000000000000000000..7745c4f77fbb9d57339226768f451e2e955a6628
GIT binary patch
literal 310357
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
E05hdsWB>pF

literal 0
HcmV?d00001

diff --git a/img/leaf_node.png b/img/leaf_node.png
new file mode 100644
index 0000000000000000000000000000000000000000..52cfb5f394c3b09655b8e66c98d4d68f26a68e48
GIT binary patch
literal 224890
zcmaHT2UJtt)-Ao41duAdse~>~njlp`tQa~Zf+95_z4t&6kls-gP>De3y#}K6CN*>s
z>0P?KgWtXP|KGT8yo|vBl9Q9Y_u6aiwdR~FQTOj@(^9ch5fBj2>gs4bBp@KQCm<kh
zrXT~JsVzxb1%45_J=9hwDDJzu0{lbrT+Kj@fB+LmeP&Gx{7>nkW9&viK-YfxLx^+!
z_>6$yB41ZS?Xj1|dNz656&aR@k}K3Vu0_*A-d;mC5`>UmAz?}ui@p}}G3c!h#&g|@
z)K^Wdqd17vS9`tjaOQrXZ+G)nZI<5VI$pGtn)-Cfd*-=kg1*qVo<_O7r5^%}O#iRP
zPv3ZG(cAxi+$RmenvnkYBm4$PVD!ed|9(6U=D`@L{rBS?RTvf6KJe(c+GS+vFdSZ7
zV@bgq22!WM5J)-TmFKH)7P&HQ;>uaR!;98GY<$Rpmw3aj(Q7lmt}VD1=sSx1?DY|Z
z`Mu{HNM*_`C0oJjW%t7UNape?kUEkS=}2GC=P-E~;xg$T*TX)a%2k&oA?e`0JwD+2
z^~on2s=t@{vAQ`vy!o?kuB!0)>yOcqz>u1cHkV7M<Gb5`hjxa`$T@P3j(d^+9T_i{
zsIAkNhDtQrf~&7?9%IaZHq@?CIKx!M?fT?JjrrJ!RQTm6HB>S^*w`~zUe|WcDER*!
z=xxmJ=z*6l;k=38{+T5&Gta7Xt^EsyAFHmYO2w-P1E^E-$$y5$Ua@+$N|fEL_YuZp
zu!Gs~OU&QtgYsUM{g$oo#X#%ZR%st~GyR?I@lAYFCf4MiF=~9%L0`Fi`lFw~=-)|F
z@ZQygefc}EC4P+2KcD~L27~?I!QSAGs{GfQJ$wTdxwOE8<A2=(q@EQ0&wY_y+W*`l
z43ziyU-x~i@~>Njf%5tOxo_UC@m$BGCbO{sq`XJUI!Z7_$G{R~{Ay6My-TFz>dWt+
zlQUGRAywnBcb;1_)}1kI^AQ|Q6z;1dy1h@qF3zi?UpP`sUVa+cU)AZ&klElW%zwgs
zetJkR-mtAMe~5Q$rxHQOXJ}u}Ay42x<9PBA?fCuklV9J9QltFrR=P#2&BmRZ&(((u
z4BCHYI&*RPu47ylqJ#^6nuCn}55Bk4tDb>28xJiQ-w*Hh&>Cdiq_hk;wmI5vr*EH+
z<aS!HHff5UL-NN`T$~@~PWM;ruafoucI#JWA)~u0Z%8_2?l~=k_dlHeZH%`sX?(c%
zcTJPR{=HU(ccUv=Ed4Oqk96klSP8sZ84|2;oRU2|Kb*C03#0txy)3M_QSqo|DaEu6
zn15P^1yW`d%73;MctH&e%_X10N7S^6=Hkz(GwZEaFJAhvw@1)YFLu6`M$K02tH)eb
z7~1?!NPaawqlxEXy~l>jpX24o#aKl#nMQ$=gSF@Wfqe?gkE21B3`Jk6Opbt$Z8v_N
zotz=|*SZW0_RrhzR<g^yWIAm|Lu!8{c=R<`I0|06&1b`8usyiAG{M{^`AH8Ih|pu`
zgYGBd+?C<N$dcwix6qBhCp~%y>@27)ZRShc>B_6*oM)6|8bS8OwYEpc%en1$=#?K|
zCzeMmVmy@h2ktx?9!`_8xqGyO<8C*x|B?($70j;%<%a0PHa-^>zfAcSr~1e1rH}4*
zmaE}1ZtrfRcd=OAuRJsSsHwC0Cnt%^A!D{B#5+ukGOUm8KX7VgC6{?Iz~hN8wZ0?5
zJ$SQ^r9I7Y@wJ@nok)4EL;HTEJ^h+LCu{8sC~>Z;$(Kdj--L71-l%7Z)An&HdAX!1
zxY>FgFQwjjul4%j9_8gmI(aCFowV)E2nQz7iPrU;_4njpZ9G{m5~3?E@4MygZQORT
zR?-|HQqnLKhIbz`m&*z`S$St#?c{w7Y-MT`j-5%Q(_>?DX~<{)7r0MxOG$BTu{1?#
zuSdH5&*@e!Dpb~SGOWB`r5>uB)hj#I)3<o5Fw6Ds$EPJZv?rw|{;Qt~(HovK-i7&a
zaEy$EQM%Yo#e=o6>LX51{2;dcCdT9ZV2oZk*RL#D^Bi!4{syV8XjEk=8EqG8)_Xbo
zi&<CUACWH=51}3tHtpjWc)K>YKU2WzMzssDGA1WgQ%?58z3<~x>eA>(Hmat?%v@SY
zM_Hgh7!qI`fOov9XFji5Daibp4>$Mgk;Fkyeht2Fmz{D*OwH+Zs^73RdLMAFEKqjh
z8Dl;3N`>9mc-~Ph!{>QHz6R$j{AcwE^n=s>e9}-{bmr+EunSC$E0ULkUZFq6-CF(V
zG9S)j!tRL7mHxvmZ5xx^FFA$_*FOEd@g=|_a5bWyUbTOIuhmUGC-L5`Zx%cY`-H?~
zVRz^hunXRsD~kuCru{>u=p|{bX(d&0<_3rTjj1sUStW~0pX2-1z+~?)I8CRx9-m>s
z1!V))xndh|`HTl7h*UGzsN}e7Sv^}4%)a}B+U<s_=SeL6^33fC#Pmu7u@mou5sC};
zc0~g<f1c<1+iu-TN|c>pybRz6woS;&fSuQ}lh@2Vr`_jMEdwxW)aoCcHQXod3MagE
zpHd)0Nm!nHPS~(0=Ex)RIN=!Ni^!!#!0WAzYH|ZkK8ap%src0_sXY^zI~?uSq!DO1
zobj!#$xpSo1=vqn_O>aa<BHo3T}lfwZPx!V+i|o*rtn_&OPEN=IF38e!KMk=#Pbu+
zb7ctMsId`(Ma58cU{EheH4!Gt9DkH{{(H*VfaGW3WY~aqCPqway8}j`CJ|BN#S@)h
zV%fb2BD53UcqiKPoB!4jxmnzz>YpS2hNA`4Xd$Pf2aVjUUwLvlaF6A#cbi8bA@OCO
zdNZ`<K6aI0aC@VAw#uHj%Pr2uPK`@L)9m)PnbO7C-aHUTs#_~jv34$owL(igDgoQA
z<nu)(O;n~%wfXt{b#8$#$PX7@%gso%X4KVLP1PXaMQg)`s*e5q9Ik`?BxL(|6dmU+
zDEGkOKFgTTk2l)-4Fwx!#6`}N9ml{2#F_V><^~8^A$lYOQfmvh8uspa9Zq|;>xnlq
z&G@W|x+S-eXssKjovP&yupBjZlt^wkPS?4M(H~NQ)0fj;{hBB*%pWY#f5ju_8=#_U
zsI(K-(Y)IwBE-JeHox-skn02XOPtcKj-o2p^S<l)Ul;2yfbh`s`c$lO|Dj0k&I76D
z_VHN646r_lD7b5;B>SRh47Cy$A|1iK#mkjS#@rZVEO|p$kLB`qY0EIj^3Xo&*Bo+`
z@3pdRLj)Gs+8{=0h>p_x&v@Jbvo0;9SO$1cy`tvr>UfkQ{$^{nsH6&>BG2m+oEr5V
zvcR3k+9oJH4vms(-y97?7E(N;aB&i>Z6)JK+wPo;T@)zH@%day%Nq~3?b^{@E#|<}
z5~=6phQ5s^K&Jgtze*%CT20{(-IjX$3d79HtY>b!3jPVIQHZoJ-CqR)wiL>=D_?)|
zwiykA=4K-uG9QcJ!X?FJ5>IZrzZ}d9H=aCE@Wdk`zsC_4;M_MRzfVSz7NWXFh<O<;
z8?Opa^V}C&k(+*%7*&hqg%0)O>BH2~Zz-Wm3HQ$FZvA>2l0pxC<LV5SP^M>Yov!zk
zo6kBm$aSMd*XR~nf<-Ae+mlaUztC0PUm3<Nuzr9)XgzQFoGITNNw0GBmQ&G;TusIT
zwyfg2A`;8i!Z_~r8onvqCego5DV!CrxCMmHYTq9)Y34C}H*n03hIucPVl`v(17=dQ
zwC8NXeC|IDyxuxQOsM!rUjgd3*8om)`8D$C5k~3KI3H(v^e`z;EJ!S0KOU^Hanyy0
zE<T*$g<(=WnL4qF!iIg_D3>)phXyIJC{$&`#fN<A%M7aL5vJ-mNUtqTH!c!5ny^^$
zlysI!KWb~{9Xd&t)+l+1F?hH$jytzImC1g3i1`g@heq{jQuvDq!6lW`bvW@g5-|wO
ze+9gdV*0p_RIIz0f+9SikySR0FJ84O=oRP(#m=s1m@LHM6H0to`)WZp^s{S^Rey&`
zEI9OATs<lF&Lq~-<3M<SYj&2z5*^AmP!L?IZA?Q0{%jn*mB$VH<ybv!yTIe_IxqgS
zxPDXWop_Taa?Yt^g?VtswmQKbGditT)6(m|Tg8Kxnp+CsF@j&eTeJGPsOyJevfv96
zh{Vtk!dJ~Dc%=1V>Is}wFB4n>c%NZ;LF}IOj)9B4lg52WJX-_q7}ntEgxMh8y@^Tj
za5HG;4*I3nB1nuoO3!zK-t?UaD(xy?Ok|-~+72=n#W9l5E%B@KYe^H%w>7sfhsnaG
z_1NU_E};fjvEF|Z5C3#-m?)gP6NX-gq5D2db>7aQU!*Xi>_D(O<9*h?)b6k>KJJ{w
zdglNih!ERhB`7^voeQO}`gROOcMPRUN^gEtqLUzKg_0bSA<PqMpuU}K&p#CW+io72
zcRIuE`kS3`6bK9{jD54XMYATDn0!+5-kGxDL$varqeW4Am~dXwh2}55`((%CW~dfh
zTMBbz#nI`r;cI9W@GJ0543Yb+kuK<z^(KRb?}p5tbl2R#@G#cI>XSl1v7f>%bs<6)
z%B#X1CR^kwEjUN@SAt2;Jp=u!h6+&PP2(CSakyS0VtpdL6|g)QuB>c;);xP3M=_(N
z;SBMc{yfoP;;9g<qtkLgxUpRYg5HYQGSRq$hl4<m*m__Gt78TsTjn8$mI)8uYZ>2K
z@Q|Vvc~l%sZ=Iu^lQ`wvtSn9+iXc)~#R*1LQuIQV;0U!TkTPY{h^PVj9PpQobX2#l
ziek+%50Lc*+`$Uh1m4VHL&s1Xgba{pb-Qh*v`JF5`pI770LzQUUDgDjh4=2DHLrC%
zVdT59$kMiyYU$(+y&kSdqz;5ux8;S&XiR}&i*$kJx=qiLcLHF*r)CD2gs4Wz@xtIM
z`Z1BLA}8LPda0hEIN}*j=%-G3MUS}nFiGJp!tfZHOS|*_`~;nH9k8)(ek2s3C)PMZ
zCWZ8YoNHz26<t+lCKd=&-?iF_bncfA<i#*|YmjJ13hqD-Jiu>kmXO&L*;sxJn19z?
zoW0e2RP$rM1U{?dg9NJs)RO2QT}osiG&;dZ2dycfi6`w_zDgon-DeP8iEJTRO>tmM
ziKjV{j|>*vq#AO;#H)QVja~?7StEJPE>jk;*aTw5`j`%3P2OIBjVJb__b`5)R3l$B
zF3;Brd<jrG*F#M~Qqx1}YBG8|D;z|j&poH&pE+So@MIDMmiAvNU16f<SC)7FxXzY@
zV@<+rbDp*&gnAsK$lQ4hc`>73K69$}=W<%Gg4PhUZ$_P)2s2QXx<$rw$8EbLdcQt&
zK>A6Iz8{SVZm%!Kwwe3<Eh2j8F)2H$z7n8Fdtn+uR^d~jqNiqv@Ff&ZHs&cJu;VBh
z-kD6%xc+?puPtnd7M=RrXV@r;SlwNEyrPn|!)_j$Srn8|>4&`S{=<>P#*zE?zSth$
z+{*KQ5%yn@mnjMBpW|w9WDnP^xciZcNOzjA+oY)Y&Y?ni<?Ev!oA`-h7W#@ID{o~Y
zk?ybHq4As1gseoo#MjW*(%)!P=qsvHs(itBjhy@Qp}|8bAL<Fd@_<CNAm-+C`q7n}
zn*`O=2sTNY`(QVWnE_QLwiZfp^j>ga8No(JBuZ=op~jabNR={c#=qVhilgvr;YoFa
z4UTk7&NTW?Nj3#jLU(;~5^jgR>V}(L`>-@W!DAJC6}P9vd%rG|1j4)U3TrtTrfNyn
zU-1P3*y?+(->$A?Zsm-uEO<{|!>SD*U5Pi%(K9o_9w#ITjP6RcNxyzlkCQ|Ul-cOH
z<<4ck8|=IJl=WX{1U*J}<_=-3!cSHdj+Pa7MQ~K=U2l!V%s|SH@^UQ)i5ce{SMbi`
zNndKMYhgn)6fWOD_00^IZ$_pA$A1waON1tKwz7OHEn#;b<q@5Mi6LJG1LzgFGC{FT
zsKdmz3`1ZeUF_A#Zm&af=kN;^G)OAGeJI}8b)ht`LyCcy#WD}d;`4{K%Q_wzUW~KO
z*V|q@Av3dUlO$FPdx?gE<yXiJQ5_~E&md8s_=$B6NvR?JxX*IEmQK1nM;O1E@E2&~
zos~7Ca<gIbyZ}`pgN$b>Unv?bVi$|A{1Qip!`}gi%d8d6Jlg{hLZV8iMb18wj?>i}
zzeHfAeD`+J66;f98dorz!cXx{vYO|cWkjki6~R?}*UDpPsZC~;VhMMFisFme?AI8|
zurg%j5ih*Gx_UN1(fRG>;jAT>m)&-D#Ig~(V>P)&>lMaXW|N$eNo7vl0G*$UKPS7d
zx=B9z19|AAD|#6X-aHFHR&F-Ww#Gq%zgt~>ngs2xiA~l-C^WE0R7H1~bXl9F3ytnt
zs9$?_vkjVR@bWtUhTrAEOpzuI+sH$S<~*fLG2y>!y~K`s6EqM(q0>Sn#cbLt$JAaZ
zjDza%b-})Ll_C7hFn-Z$%toP`Q;c}3)Y7e{Q<JOe{KVIYGN~orZyv)-b+B^R$E^7Y
zHSUt=X;hD^GgIpmt&9w=#oY#iO^Z8>kgoO3YwB%IJzwOVn_B24_M{H01VUk$v$5=a
zGy*eve#oZ+Gwx|gbY(*ic|yr0t_jlr@l%Kl-U4dHoGA$!XoOaPI)o&|RJCTHtFe=a
zEtvg5_Szs9i5^)mMF+AF8C|3D)&hyGdGEqIDw^gGCtv+~LGdN&n*v1&P<=Fm1Ftg@
zX1tozsdX?~K4iVH4f{a`Kk5;*BHchZ{MMTL!^g0PUnoh_C52ekl7%7yJ^EEn9Te${
zOo{kpamdg3M}g@s_#2sOsyHQb06Zv{-GxYFTK(T<LqFEn6Xmc?Cci=uij7)$&4+vF
zTf%Gms5Q@OF9UX%4jeF&?j6EIwl&7t8bW^TqIC={D`Sc_+QzISEoY~Gxs`{AI24Lr
z@(<eyY%mO8Oex2JwHR`1aI~f-b(i<hNCw&Kg{XlQ$8+8K6gtApTB;%4i;2WJKYKGX
zFHHPC!NR`<(a#nmxUe_yH|~3^r=~0!VXfIXmJLH%!ja#0J&W62eGh9_t!z;DwS8Q5
znU)#kRbz1p%sX#(KfcGo1%r-sjV1h!wzFg$yl<lgu}+}vB~&=kQjYIt?N4gCCfWPk
zVGr?~0&+R(N?3L2l^KGfr<2XcKQos*7H<$W7n{+e9&ci1iLsCTCLhudO$71I{GheB
z?b5GHZQ)BT`(?Q4IkdpqO@j`)KD_1J@QwX2@m7aXW6NHUJO}k#<Owp%4CT8p3Z@vF
z5%Wtx7(m=GWJ1}?GR2CSQ}Z)zUpzQZ-uV4Eloui_EnU(K+Wo}H+}#l5mDA*ZYT|9T
zAd<p|tgON76kK8u>PekvAp1n8dR7!{WKN{a?3LrVi^p+HIqTlh%TIvQ>03$9bH*8a
zds-1&&<M%fI;>~TrTi!#J^ZQ@is39Gk|fjlrzZKh3)^U;3RT9+t7jNab$u`{x3xWw
zn!}YHez<08QOevI%|tz%APZ;QqlY+y`zW2h|AYB){mh4UKT{?gOuk}{Cb1tbc+FWJ
z^6hDn<h+3uDTB8}l9m458lV^l5-3p>J2+<4{7EfzZLEI1tlL2eWiNw%Nm=uBZx0kl
zxx+=;a^sq8u}!6MM*JGj4gS$O6y$P_NC5`>Wkx8hE^e&$ie5K$cNMEXgG+}*wcZ@P
z^8S4hYQ5QtSCSX=Ga#4Dxd7k4@MKpzP_a!5j)+#{VVh+jJIbSp!z+3%X_JS|R;m<c
zOgvb=QkbY77xt;y%ib&nX-}>^NNe~LBi!_>VFTOB?n;+O;i#(Xj|#>u7y`IXpT|cg
z`*M+^$*{_7@Kdkvj~M<zKd;e7Rqj#ZWhDmMpWHF=v1w<3n9)`^&ju8G{=s>QhmQXs
z1Lds-Ih$?D8GWDhhhCnkZf(HOCa$ukKB=jM#YB;c;v9xDdr(Ef_}6d9*G$76{cdkL
zU|EUr2N}cd#|>mB1onRo@;`q^jh1hpg)GhaQ0Yx;y=I@d$RU4fwLUKaKo@3L(e;~k
zRl>v~V|Ur@c}L6037zmmLw{F7V6;z|)vLH-=<dI8)%X^i7&A!|TgG3Pg&w7)!W^H3
z?}%}Xl$l&-j-6-^>h((WeJs%0NK~}O<+rUig&&oR`il*_{BLO3ky*A<uyg`~t1<RE
zSt;y&>Xd!UJ$fn5T9bogn!#lyXvxV$<<fqSE&uPg;URe6t;YG?Zt?1iYP_o+<I4#O
zQPDsKGjX0FSh`5}Uqo8qU!XF8-Cy|^(wrRkAF%q<{~xUO;EkAm$ztjtxtHHDTcPwM
zefXZDXqNk^ah2U2lUwl~EBUDr*6k7Dmx!~>-*h%C&G$dBFoQkI!}09jna)j=vw;`>
zN1OFqZ2$(uWZRPlKG|PM%xJ!`3*^j^;>~ALXiO*jr<L22z=fPSKC7QdAI39ZMndTQ
z`2PXL&2<2<R1ZC?9eb7Svix;9nvaYevkaUL>m}7J_1~x*Ya{3O0~wh*R*t-a0zk6?
zG61+l@E;uhF&~4yNE`rwgu!DKgv6ab<)=sy#|*yLjw~<$kT=Q)oD&EfXM62(4o9r~
z0`fipP@0_;WIDYRk<ydejk23*@RncBa%+1R$;F;x=K5^}D03xM-$3g@r9D#JVV9V+
ze!7(4P5aTF1+k_h*xKQhr)H9=&XJrR6w=T8Xv6`C<KvT}lv-^lfN9+U@bz}rZc!HY
zn=h=|u5B`&Wj%RnE`zR~@p%U<>AQQ`w`#p2-4x=KC<?#r1E{j;<fMIx`Fdo0S*^+n
zko_9X(2Mbm!p!xWd=6HPRl45K<P^q3^*GM17GutKyO)P9&um_eV`CnG5s2=rlzB>*
zZekzSL!}A-ZWG<viOpa7@<Mi#Rf=4nCjB=qQlD~5^%6z)+G;#(15o57mbgLE;GJz?
zHIq|~lC9SRfEO}$bWG|(OJ$w#H3N;lhYg4Hl7|kB2cxzh%YhTVpg>X7q=I4*7e}Az
zP^SCR=LsBmPgOtF{KxmPT^-K#8&$SRHv#iEoY`&v`TBgdU-g29#lq_yO+Xmv2@ndX
zC6Fn=MVYh_6g5P*djxtrOvnOrxLcFBtAR`LBu23pM~iV19_!=Vzuw20{E?gSYA3sQ
z6ll}A3*ca7UTr{$#t8s(&3O9BTWe@Wz_79+GGW{SN4)D899N1~PNJd8L;%Uf=~nah
zR`bPV9Iu@o1QTXVH@7gC8~Ep2zNK5Q%sT)|u07!!z1%zVc_=X|0K0o{z6hjT<tILz
zL)b~1RCC!Z04^St?Gjcx{*fsAVyEnHjL<lS&S6ck6WMVz>7iRx>HN8L>HJ*u=}mHx
zJ+i0aF<b7XuA%W0dA?sA#tV*)-MXvJ)ormc@e_ftuaF$)B+&2|Q@ORGY>&z7;(q`D
zp4J&yTQfFJt0;Mwxt7wd8$}-q`e|c;mEYt9pzb%%lP~~EIi*OlxF;XT&?kuZm~u>p
zP3xT3y;^}4QHi|wJJ|<V0%{KD2E@yghPO`BbsmAW{Rlr?Eaw;JIHj^*$8igZX5LH5
zDRCYj@>9vS-UBPstlZwPn7{Ptg;(S`u*~b6^0CbTRN1b$)sXn|Hd8sk8JT1r0?_El
zD*)!9(m|UOsOi{z!u|M`Xb}HHdnJgNuGH9}e-Y;BK#Q{30NfkawmzgM?nwOU;(RNR
z`49l%B65^{GwMmu4%fFXVKTxi_S2WRxYFr*c}lANBQ6eK#5r(K|4d0ZqB#K&eTOks
z;H8bTOXL_5s0(j7Zle}Ydpr60iHKe^u-!#3-l~PV9{2;yf@4GyH(Uc&yfY4;NDU1*
zk0xu@^oC(ZpZ^fAnIr0U!y|Cvj#U$#WOfuIG#+rtzlVu>Qa0&bwD~Jc{KUqGcs5z(
zXLNx#pV4KrOA&8U0(PWIKQHMoNOVSV@w)Zc^STXebabbgnp{n5oC#Q@j;@SZ17}|%
z#;}mpY0p{C9Pgj$4K=$V-vwH6TUTfg0stI!4}0IJ${&dEwj<zWgSNY>GsIBq)D#Qw
zwn}Tgx(!7X^gV-C4C|W=74dPuz1}Z$V-~)S7D{BwBr_WeM*^(BUFd)Ab4D$vDnFDs
zLbRuMkp-Us!AeAyEvOqr<Ng~64-H2G02W%+^lsV?z*`?&iHFt)wbJi?e`@KN@)26c
z6?nE|tDDiY3=<_<7pq@~b))=h$q_&7Mn1kV{v7ao;<@a{T{p1utlyr2TPi5EHz<tz
zwuVt`uGd1;Um7R;%QAw6bfmjv%Wj9>YrTuW$iz;NF`)3CD7#L7wC_^#(>B1G8P)65
zYfuu~3q&m7ztlDMb5}KNRmpF;uRc4lPEm;ci`{~3;K2;`sb)gY$Yxli?&Q*>(+P+5
zJnW9_DH93rDew*N8EsUz9n8c0S~a*+;QwH9pisTwBAd5-<~Q%~Tbr*CDf^x}{0-hm
z&U^88HRcZ{>3GYH2Gd@pGd(C8&EPG+S8nWG)t95~mjSK6`##<{5EpOk%c0mQE?P9~
z)O2ins`}Ix48-B5X)69c7G~@eP8(Cz^yc**m6BVwnU1z_ud}(6)mnhFnH&N;8e2z7
zwv%x<#EXQUZA?~5FVe+=EvKp+?GbijR4#H6HVZ&>uy2EmCMU%`AX{R@)o}5HN;pPy
zF)!}27vmQWK?{==cJO0>+d5Q&C#hRq|Hhi@cGP|F)WX}wRI2|E3wmJhWS;Bw;itZA
z#pMl@TEIy$+Ni7{x0ELLFNZX-pL%%3J#PzHh`(ta?}<@9#1Eq%)^d+Togt$>@Xxq8
zz55<q5&AtkOq<Ia+o$<K5D1=rWqc9*R<5r<yy%a<yJ-j+-Bt1q+~rDt^<??JQ;9{R
zKH7bez0cS>{0fBg{kzdGrluUo!oY;BFEx8p0DJYt>Bl?zqulQq_(b`VcIn`G!y!kC
z!xYc&08{iyqncf8bm11Ss5t;)5dmkt1aQ8qto85pt2S$puZoSr(xby6^BpXfJ$t5D
z0>a?^K1CE+;b5(URS-|K6-ok?e`73D!a5{*QSV-?@^7eO=j4@cW3s0fomw1@&xrZM
ztnj=NFLrN629v86)M#HKsOaJy8YL%?%M^%yh*fDWFe;dZn84P^94*L+G9|)|Osw_o
z-XMxyZv30?QatcrzJ{slEaP<>59O8KkBYbReT-18L{^_#fTj2?Dbjg07r(Z1Q>VYT
z?24`z`r*VRb!x^X6^a`A>NbKhrk=j{{!W2M<HQnA!=@^)Z%*#4w|>>xPx2mS``SNU
zn*Ko?5$`Q2(~Fm<j+@wNi(1Um%dKMix~iV}(JXLyQ=o(3O0O$L;4m6-FZz}x)=rw{
zi$C?R8^Hq<6t!Yl-dM0#<Qyw6BR{?RLk%(wnHd%do_Y2r6M90{YKNHbY`9^vew;7v
z5{xfzbDSv4Pwu~~6pN{7T!<Edh?5D9aI{tnu+UM|)fn9Quy`wsP1-h1=bJCZ`Mh0H
z6zFS0Akh|uMJz|g_C3Z_OA3711F>LNJH@tJe7r;uGSM0F3i!{Sbnh)|v>28zeH*ab
zlqJzJ4Yvw@m&cW%#xTHwhQo2NFsZ*WpRS?#O$1c$4A^vVqmLiJP{*&0dr~gG+P8I<
zS=(7A)!v%pQ2^7VoT^H8$dbgNN_?A*qVN)!R=%U;o21#YK}00F%#SaVN~|MZ@|w#j
zQ<w5Kn49=90dQD({hmy5lAyz^-*r}5Wc}CF0Hs6T4StLVA#w0Nfayx8-lw^7#H-&8
zge~b}WHycKI1Qxlkq+9107w7%Vq6&j&&h~$3v&Y|$&7!rClejCHWH{7)5xcB9=fI(
z*mfqC9nIVFbSiw{9dLC#8+|D2#CnZba<U(&rr)xha>7c#CP>)2d{UJz#z4Dor?#vY
zk4>$`8d};G|L=X|fe|c+i8Q?=S7nl#7Nbf(Fzv63=@@d4R5Ly#r>G1q2-lB8@Rl#5
zqt3q^(xzMYhw0Cnsu!G&=am)rL^roT59|3&T<&dTtm^w`d&RgL&!u^Ma%G8ILgv}a
zG5U1d#&VcrNm2P|m3bd^I=KHzvb*Led-X>e7D~+B3aRJ8YD94R&PIeEO#}lnodSl8
zcYws)_W|h8bWnKm8m%1ODvy&n0sRaP>3exI>~0%x<W<-)Yd`<~o5(WoJxPzb6FV^y
zkQunQ^sNo0Qh-LSipWZ7k_{<O@W}(=$@b4m8p>vw56GC4Nmz)%76702x~weYrX8$!
z=$c|vRl6@}iz?>ydZJrtOox2v&6z+6BejO#C%nIQRDuO>Y+c)D43P`Du40&2bU_t7
zpp(mRPhp8kWXhkKo>ih{_4PF!C8L^=#3!*(f#GV3yi3OQJ4cZb)+Wpb`zp{<9sQyI
zSKQGgU7oPfSNv=gqwr+qwalAXldi>yw}G`KrVg0!MmdBtzU@kG70D(k4q4cc$ouOd
z7vCR%DSu>sb(_XYr@j9AmMi{wpIT`_FHjGmD96k)J!L(8Ba@|<Pd^Yk?SBo;7u$N(
zu)O=n<d;Q!>ftT4{i4_ER~5kq;ZCDr-3U6)mt*;=m-SxW4IW_skq|PY9+0up#BXaR
znF%ex9CcM614uI&<gCULAo{&`!sjM??(f~{y&cw?Rw&7;QPBZQ;SRt)T<w1wV!&9s
zAjqv+M^UHSZ9*oq<8UjKz;9nF?b%z+QyAv=+fceP59#fFx4&sR7GK`tC=oFgLhRf_
zRTcDoZ6-CWr%u#%+1gF=Y%)Py#WTP1P61*n-q?Edt}FyzZ=QC=zCPyLNyBu3=ipAc
z@jH)cV<Vr+F`9Itjq;Sn-qU9#6Kfgq69^rT&~jqoaQ$hm+BKdG*t@7J`8bTeFCZ)V
z3FE0<fzpJqF4}8gDqgk7ur6+ne_^#cM;`F0i-d@|BSlraiTE}z*>L!8uW(KvYq%lS
zyKpWYLCay=PqN7-Z)->sf~u?$<-yjUrD|OKIoIpyuO}koKnCi*zk*lZ7IOy#JelD_
zTa3Cag!vdiZ!>v-kbINE6{>lC%N#ngTda}o;x@lRQD4)pQ|Br|Yjndk5Ru4&tLGpI
zyFY_NE^Yw|3~Qp|dS#dSAwYtn_|Q<pO1wzm7o5hg^p!hmLS5qBZL9BsIHz7tj-T6f
z+Aghipc>1$z1GvuC2bl4KeOXc_@jmU-xWK&#3_n2WtopN11cLNc9N7eAS->x){Zhy
zh?v>Z=m$)+Jp0>TmOAh|4f*bDd!di#9=s|kn2jgtBu;g1JZHl7>=|!qXQ=G#M)HK|
z#XF(CVYaK1E=VB7@q$FPHow71h8kr1-)BEXFQo<3EnB_QGe1|dDwQv}I{TL)gE&B3
zV4@>vMyW4!bm=OL<;)exs&gmm^jqadg^rc|5X|oaY^^5T?5ux5{oU9T-eF%qk3=c#
zQ;n&7`*8ip#Bwo)-}1`OnDr)FsB$Z{l^(pBNkY4eFFVZ$iqpf`7ni-<*_#yESolA{
z20+Vk2u!&EB5_9nW-*!IN+M4GL*z$h1qf*=Hrm;i>MW6h|B`DEMF}-^&0?}wpdXB@
zg1<rKJL=|fZW2*!7RpdA@D`DPwT4qV;F7C^gHiz{*Qpy&;B5{L96$RmU3gI#urcuH
z+nCJ`AC@<1o&peCFzt>__bJWj0Ev-kr%f{1vRhyxUkR#m=V$K-^@G&8EnQuJCC~O0
z34@zG<k4}<Nqs{?ZO&r9=&3q40f>W28)pZ}8!Q>j&>dwdzP-L8TWIJ*_yMXzvfs$e
zhyhRdkSmd9y=Y-)Ux9b#QOCPpr9={%*LPp00<^KSz^E9>+*-5&<<SG1s+1bUVyAI)
zs?eyEyuPVLc(V|Zp2@a%hrVKY=h?MgcptrhYQY(jzfKC;rY%}NoE0ZS5DFr*`LH;a
z^2+wWI0b7(N^M-+&Jz;M#S5JFvTcx1j^f?~wqo5Z>KYoS(ytw<i5GJV%~3&d1;ljn
zEo6DmbG!@8#eWC>h4Xm3`iQQN-s&!9m73zrI8gM(CK|JlVp$mM<+d^^!vs}}L3B0N
zzawnS#VOKljHuFM->d)p$f9mL23Hp{_;m*@7?_(^MxPe%9u-tXDtjw4S=azgYV_Xv
z_#0F)_R_Q;I4|@V>=kmqzalZ(NPdcj7@%L{4(3GWN<aRPzdlOD;U<}K=t*qGh|RR@
zxKym|GL;blEG4JB%iHWYcd0GKZ~H^n1V&-JF_N_1J0$?_<pRJtlZrHd%>5H(X1;@N
z)XGK(k;FVm2zhRoBsALDPquYe2@oK_L<e#K(511l<bkT0w3kT&@Jz}SmbYLxK!@9^
zRo?}}4CkEL^ZIkH@T2y6cjIk*LENHm{~oFXa{l0}J6ZpAE#(SY#9#jNF)3g+f$jHk
zpw;rNqkAx;n-)e1VcZY=I(Oe^>$ejn6MpX&Z+1`(J9{g6+U+2y=c)5tD<PN(c73d^
zE0vIW8E)Q9b7NUjqE(8=!!|CcYxmj^>+SjHl(`RUw6>K1F<K0#^zFAf7WW!7P<8jo
zi#K4R-C3+R!CUUQ-L&-8T@#v1C{Y~=p$3Q$A?u_3*NZQUmAY^J{uFN~(`}P-T%d{0
zzNt9-P^LTtVpOh3-+Pj2{_cf-Z-G^fGLPfR74?E?%5wjKhgG@FM-PpwDUp>F6{i;I
z2dRp`{;W&xl<)HC^NG1{&G`R5)|9Zd*&>hOUN~Z%eJjGO$Z2WtbKy!GEGxF-MkiB^
z1bok;bJuDAff2}lLWi0d70qDJ*;Vr^4+S{~Sa`7%x=rWg*ToB7Gn53FltvM+IG4aO
zy5jF%<koJoLp$_l7Vqg;?BU(EM!P$78mI7TDzUyH9P9A5#hvr(q4G1?XXXV;JfjR$
zwQ6aM7-o>lCypk6uo(i*QmBZmbTH}kHG_=SDH6{#<CR0kz5&(4PQYHToQI<ydG(9I
zwzE+mw(vRgxZZBi!lKt?Bq9A)pdcFrp-eQU2SDG*&q3J9a3-=BG`n{*c!ggpQ8e1E
z%-uU;8>mHvv-SzTR{CcDfLv9sS50X-VROm#>R7lJ_lsRs@5H5~5i;@SfrEb#lnLXv
z*vZ$2JtpOwQcBO*ol+0@>zCPh-HsNGQ%PuTDHAh2x|{?&#))~$9cT0QZbkHzxdT~N
z2d^|t%L86^P}N`eQ2v>#k%J(eWYx;%-?U$00fW{f*>#lTsmB=4kio~odJ?*yt%Yzz
z5FUp0WEk`IcSy~?x=wbHhm88>Mb1x&mIIqk%Rv?`WDh!$iEu~z8t4Oq#-N=&Ks>o#
z2bJVI;uYYdJMDZF(}++d3)j%-oM6@9IofT;^?!n*YS`+n;0HXxv|-BrC5^wkqCOuT
zYwA1;f5-7GzEjHxGW-0jKjIMp3HC5Dd_(10KulIxPJ)8mG0WD5bj2MJHe9J#|IxCL
z{zVtkNDTEk!x*J?)*3G$Pl%Ga-Ub7ddyawh5GOEX(UX1kw&fLuyM$`VDm5zwe%;%<
z0QpK?+)HvBVlpgC)K7uKGaAY7W+7rgC_*|B*2TJV*My*C3=WY?>GY{PVi>x)3mKw^
zraq#V`*WS-;Lg>~hjKvu1SVwJQJ%RYNLi#ux$k+&C|!E$zvav}K;;g$25Vu$lvg{@
z$?MxIywX1g<L#vRo-t?Igq3!k7$1`T;5_ylEfKZrrT<!|H+Qv9vxd{f*=T$Nq5Bnr
zc|2O#X7Rkgsqd@tn8Hyp8akC{IJ(QsLgk=iWZxUV;;AQV*x#*gyOV#X$jEpNYSbY(
z)k5}oxRAwM6}-jsv5ufK`X*M(uW><za1f<*6e-BVT*lOBn5$A1%tj>CmV!z{){&r<
z6>OcUNX)`opvc#1XLkeytXfg-!pucS)EzK}q8|BXQ&YYW*LCLD=h^NlocuG^`BC;1
zlOYse5rDK4lI<@`0Z2G=ITt4hJe|V6B??a|K!?f@><2vbZ9If5#K;<l@lgz18wDR0
zCs8>em@TWgGM}{Pw<m%pbjc#i<97PBjp<r#m+q5q@45pK<}rFC9HvPG6Ads~G2D`a
zI1mmdoN7%?-({1`2twvGRD}xOa9S;mDWG$JYBy95ZV9_I3+bm>?KH6upa0?GdnBI2
zzlwSyecn!Ww>b`Z2K~a|Vy}I5!zP@c@F|TFF?#*S%tK)f`%RG|!RhJtPlY)zmtDoZ
z=qS-)*zcU@E$4gRB5s20Edjz2b{+!laf`HZ8%nqpv78I^2v9so{vWC!`4S9+t;A2%
zJ^i{K@N(2}9Y{#^BN^`$4E7ywf}w0x^ToWwOAQV=*>OE4y}M0i-qrCdCQNbis1}r<
z;~|E3*yroI)XNc?bY}nZVz7MR;iEF624uOxq>Z^ig>u0!uaxie5su}@;~&tY8Sgq7
zP*bjc*tYQ#Mi3vkf1yTz;_;D1M+g)5yY-0{A)}@RTD8>tUr5sri%x{qL==^nN>S!7
zNY~9%rdCk*48Sk_FxD4R)9DZwv2jy5HL<FUlD~BcG&ew3_*Ck3Iy+lNG7S<Gw7fJN
z_Up>X$(XZem?vA0EBd=NN;OM!B;gU+k;z|B^+Dl+Fy1BJ1>U<k0BvgYl*Fz-Qt*b2
zm0g#l(-_53$AOYA=mz*P;z_W~7wUXuj)O&nOOHF)3Vdw>Po-xLv5nFm*SJYK89Qfi
z`+nio$$Q!0;KjAh0Xbw2Mf*tW^whjja8uhMB8z+H_ex=IpRzsj_{W|>otF^E2<$N5
zu-DgJ%QR;~QLaycO(_DH?53!eiYS9zZ?dl_Un(I=B+d{5Q|`Z+((}PB#zwxM*#CC3
zRW0hMS8LcwG$+h{@9czZm`;ok01aH!H`8_7J4~vX|4DiO-JtLZav!!q6hdtUeIj(2
zar-8`ne6cR`cGQuTRxqXs;q!}Y7pVlK%J{wPJDMKC7i4Y)i|h4(D1~z8*S2=DIIyf
zG)BWUGq=xT7XgK*MtQ7OQ0!vjoNaLYJ|mzoctZKV`x#6X=86*I@j7b&Y+vmqyM5!E
z^QVu{QUZYXY2K5SDb~T~ia4>Ansl_WbQ>MocOMM*nWnYmif?kbga&n!odkW0zC?lj
zwhN43!M~jW5U25lwc6SaG=7no6@~v0?!$0$HMgtAqJ@;4dC2ZK3<L}KS1$yBe*!%g
zBIGH)<v+4)))7jX{=7Q8s~EKMJ;r41t(nGlu=dplb{tG@&0zi=O8u7483uFPThZ>0
zlM2-QM`Bu~f&(m@{A{yWhli;ibR3u+Z!5lbIR#?bYy3&yZ?KJlk6b!M!<<Qk|7+6T
zbJ~o&H$)8}ej{k(VZQ>{lh*^tl2LV{r8XLl<Q@Dlxx?mYo+fqX2c2$H2Ix|i-LP$J
z-<7|G$$zZ$|7Yfm9<z!R*TBYMDA5}>V~>}6r2A<uVcWEub`M|rXktc9>?gG7*2ywc
z#D0p(|FML>mQnv=Qu%OL1O@2e75xA``%gvt{A8oMz5JKdBFq0`?KHy&3k|vJ$N05l
z^$l`OFA1u9%g#;5KTC03z8`*mq5zRO*UXdIQ~&uev<rdUbQm9yy)VB}G2EsroXrHV
zQ8x9T3YM~SM@lSJ8vx>9zHY6U8U-oSd70Biz-{87a{Jd<iRDW!Ao0qpyNo=Sf9wLm
zCt4DQMQ#IIB~v~l#R7SW^>4~77v}ei0@~K<UBvC&lpGShuaVpV@-du>Rc6d(m*maH
zzzIO*7=4CzyY~U4&-PdTxX00?&Hzl?j*Vh8nA0ynG+s*D0Ul!LWFIJ6XjCuG+>QX>
zY6BRH_6+-C<Mpg)tFEN$9;zwEw&^4L>X&U6^8lVjdr7Ol^sy-$)Zz#SROQzJ+E4J)
zrIcC2T@AJoLSK|L9usu|sLm0l22~>u^{#ZMk}>{7zxoVx7QBWJ?_N#~ws|?V;A`Rc
zCo1fQfxADhg4P3USp?8uBEAkF_@7pEjiA=y+W>EszMYj~K|xjw5L@tkRHX|*pG5$p
zm6maIQbPwUXM45*>985ZG1vdMr1ftAvZDtW;A+~Yl@dT_nUNU<uqw=og?w+<0W|E^
z$j1l#GL1Jv6k{$4Ff#zL_|MQCze!B^52%q(bmdp<AJf7cBe{I8DeYhxJsN<Pjft>x
z0Jb%QII{ywUGq8)0e)i4czQ|4#zRdVTVJ<aQXE`fbHOeE;vWG(PXj3zvp`?QJg~LO
zgU122u_!0Xh-93SQD|J>$BeEUi%HQKpANh@->?wwm;|;&zhA&ZW-*$-oW*`wNDvar
zksFuhbGCzv1R}$%{ASH!&r2q?Lx8lS2HsXp>1dYu+o@{8b{=S@pa!;~gT;gdz<{{`
ze9u%%aup!-!uCHhRF=`tl<n<O1Q5Y5vkOw7-!AWNpM0sFVfUEvUT%0*sGBHclnX3<
zpP6Djx6k2bcK01)fMxk&z6FR@C;{O7*}WeQgL#^1x7<I|W+<x~fdO{Xx@InfT79`M
zyZ7@E(1;+3GVZ#~I%8Lu4cP(=;0yzJE2m7w*?Eg0@&Nq1JLHTdpSW!XoFL}PjX)7P
zYD+Q)&~6jb8Z(z^fCbgpP;vMIpoEQ+aQmrWE>!R*)2Z$gWrvdXQ*-y^%0$1Xmj3QD
z&su?gEr)>U+UBcneLyYSR%+d@-kl=45rCMH88d^Ylm_J7Y4jpnA>Ryy9P#%(dU`fo
z_40cc1XU~7n<-cQip3rgIk$Yd{l32me}cAww6LxN#HgHPBBp1qHMAX|<FYfFK{4qR
z`T>B0IkS>WZED>AndVWx5QSN|QG|X72}}S~;yg+RBaf^BPPW|be|EDetu;^7iwM?k
zDQ~p+^h*$C7f@?TzhMM3zj3Ob_9$OEA@R%bQ9y=LJfk^*js~<4l0&&z?7_^2^7AB&
zq~Lqk*DA*>%Hb(<iO&H8(krf)-Wdn@2Gn4k`&xssFT@jkU(sVd4RvR(-G_NTPH?wp
zpTCDUVFuvmNBhK^j@l-5X8`F&_$B`fQ34Y*UNuu0u<g42Rxl7U$~Q7(6sEPygAF+N
z{#5pbd#gvb`zXeKFc+D6DbVuTtX*~;L(cnL>N+VG%~ID8u_$E41>k+Oz}9fOY+f>W
z_F?v`c5_+!6o5ao23(wbc6Tc@u!2AmV6{)e2bwQ5dNhuv0h$QiL}H<Jm;D9*%<!^V
zsE^A9p5X{+G3lbLqB*N22i)#mWn`1uHK5^2HNfw(Imp0E^P@2LdFKVi<>4MM{w&d;
z=ksFnQwvG86rT&A0j<2r<`d`GTj%R>t_oUc!E=DHmRz$siDZGSYMBFD<Vm;oX#_pD
z(~hCa@rMJ!luo7chOjr}+>JnsUdVx*f5)DhdD;gaf1nAk;zSn>$W0zh8?$zpbY|!u
zF|wLUsKC%I^6@+QhDxd7fMnr&7u(Gj_g|izk-*7>+S%ZevHM<~IWd|O?L2+CWXm}K
z^Y_W_((^yc3yc~`vwq}7^1|w%QI%*@aGNHJ`7<JOhY94@$hq+NpQG7F8Xc~TdK$6*
zp^_~2m_KI+W0t)aB5k?3p<j_aoir-ytbA7&j2YVEdGD+%VHLve`l0zY!I1~TL>wFQ
ztW`jhNtTUZs6F;B%Td;&dkP(0Do1mnZV2c{22hs5y*jm)yp(}_y;Qsc5I^e=qE4lh
zS3kao7y?Ax2J0KwRCAASONQ#1rE}N}-dJrV>~1m(8CE|I7m^lK(<>=Xvd_41Z9yD%
zJ@0+<V;%|qSYc8)){H1{@kl_41=){0#0ZLVyaAVL{7gHM@Dg?g+JPW+Z<vB}st|GK
zW>~WY`0NY!wNaVi?C0%^K+BUveZ*{Faew(M0L`9|^uMIFC(A=w*Hi-I06D87y}eT`
zxB!gA6dXK{_l@4}E62)w5>XcmPL)z&!JanaQaLg+5wWR&kE%b`X4b-_M41sKPU_P!
z;-Jx2;K-_&;KXI7wvNfqFN{&vq>Om9Q#8&x2BY%l2+mQ0J07+&!^umC8eBU0l}PO5
z%dZN{S@1)Wrv$pyWI;zrX#IC1)1?Iv4s;Guot_*dm0|gXe=fSfhC37F$>P1`RN6}R
zvz=PRu<JSHl{Nvza~7g*Q?ef9D`*NJlDYX*SYr`r!x@&%QRgu*QL!?Q()<Cip&7zu
zm=R74d-uJtTe3PXhxA#Y+dwA<I2C*cTxmysKX3s`r^SUQ0F?@fqDrL5dVwgAjW{o*
z>TDzIHiZP&G6y0qZX?OR9kKGeID=x%zmh^UKgtmm;|TTsP-2o_u|rKjum>E!q)(`L
z(+q9^GC<)&nZC$hhAv~&EqX)&Lon-6W2f4sHlSnS`36ARmSlIA-!;jAb~hGYtc`q1
z6bWtOk71MUjK!=AZMQA;^NihoQ4sgd&=`Nm;x^T><=Wu;Naa(2r}o*@ymz^?ogfY{
z(apE4mQu1&Pt6pdZ>5Y5E)b*#gWB8^Br-+5ARo4;UVlD7_0nS=rMny|x%_$;IeDz|
zuJ<Ux51j&2>bM~=B*{Ei2Q<o7e{(a6pO?Ck)AQW#tJhZi9Xbqxcd0alMr5+a08n9I
z3|w(=yU6566-5<0BJg~`yA@>q$AT0gBcb#vFAl?l*%oGjtSM8^kkP(1b%Ngy5tB)x
zp%|tSYmRnD^{y4y_r-$2(<aQpF+m`cgzt7Vc|Sisc<-PcK+*$E>KM907#~C`s#1gR
zDg!h@w^EX5p0OqI&AsUteFb&~6!yfnv1|jvQwy+bq26SjB!`Gev~fA!J&}pQ9&`Wq
zZtKPJ35mx2e$;_9a~_EwJ#Gnj!CXV!v6cg9e+WH&#xBO?^`NzmEf=FC4*h`jHbcKY
z|6LGOxi5G4=Jj0Z$nQUba{-}B09j&TR@!q=b|x5=dOa49JL0Qr#FcCEZ)WDqtI8W_
zkO^JI-&NYM`D+KdOFQVDQ05!A!J?w;1&NB=p~vkts322G?o8l>@6;vfEJ1i5%?Tg9
zgycGOwk0DN;C4oQU{-ESLQJxC%pm2_{PU~dYGXLqmL+~a^XrtSAG0LEXV%V6U-I}1
z<6|vr^8g4J^W#7_^a=uP1iSL+AGPcax~R(UOd8iA!aLoXw;K)&@~NUK9R$LyqQ#*p
zsr*j75w-FeO!gQvL5c165ONVBGqyP)g4xfI=Q!;b3=lbg1x1N?eUmsMb?IUj&|^xc
z#``*GQcu!>0t1dcgS%G4GDAS8LzwPa1x%2=I{Y=jB$AL}p>{4Rc|655<8Ql$;lKxO
zp0cb_oZRqkghCu<n;MNN-9$Ae0P%)$>faU%VIDu2AV*<G%@k>Irv7{VFrTo8EcV{a
z3raSCd}fGk{tC*Zc-iUt_&!Pr=ug?qWj+&J0V>LJILR}#j#unLzz0k3-!<fTXCOP^
zoVQV^09P|L#MDxQfC!RztE@Dt68Vt?FPWdO=%Au?nb5l;VgmgQ$qyfx>Yxoy8a=BG
zV(uu|`suciH^;p}!q?k1JQ`}nyg|19ek&Yju!^8Hp@okei!VA$n)qUOl;M28^R~;b
zI%~f(2r@nogZ89V-oMQH)gNC4TGvIZ`AXlh;ApOaXA}7N)dfZik$*w--WFWw)CUd{
z7QD~z_4Mw<Ff~EFA>+*)k~JMOTCW)()tKrMxvBF^mlej7cLRs?LUz+wfDacM01fz&
z%>)ZGbw!lm`G<U9HaKW$3hpyQ5w$w+Y$-*!nd(Y8^A5v~j9vJfu%!zJ+X$Yu&;S-W
zLKYT4Xk`R6F+d{+EG!6WjIzj}#N{98-(<T0dY$F`M`G@sW$Zf%zK@MCDXC--P1xFt
zP3hoo1aXVT0zF@#Yk7X__VSd>gTS&Q>pmoVs9s{q;o0E^=z}ZrcB2K70Ez(>{@qSb
z@i}Iq)N0AgsbkU$F4g%Js9c&1Tz#)zHU!IlYXq9eCo!l>pz`YJj#MLX|NY&~;hE`+
zbx)vK(}b;N|87BW-1kzUdw;dY8XbI?s*GTX4jy`xewZv)heQG^hnD>o>UH<_Rn2kK
z7fOsDw(bg;iG`}Eg31hiK-)RKj!F+C%W&wst&oI^Q3)OVP-$-`5rpL<Kv~7^tZABV
z^WLqmA=_w4Wm!R{BdaNVpd>u8byp;gf%?yu13ScpwJtHtfUbo?Nff)5{IJtNW%XmV
zeOJma+B=u`1>^5&PfJFY9dJ*X42xjx43N4)=odcZYEL-)xjlVtb`b<Ykk5Dj!EEvj
zh~vp2NbuX~-LzfMXD~a$<~CQ?JNl2pglkZXYrnW5h@G7ipyf4F)zt69{9%lWrb|9o
z!>dwbmS7uCv&hu&GN8{02ia+NCp&mYZ+8EZKQa$ZrJ7ClcIq(Ecs|))-qlUHMC|@E
z;7z2;bzQX0P}{VL!0@GIR<UhDqbJaOfp#LRvsSM*xmtHtOUZk#Pw%^ljGlCUZaGSk
zyjfhYMCX?^17!4y9+**_4BetNp1B6vJ)VML63JWen=9(Ue>Z06+}E#?&bh1j_v<sR
zpn!9jta}C%YonE8KxNyPWmilDf=-_>@v<POtdsV=wj(7vZ@&)e7mJGwI6pCNI4#Rl
zB2g|5y&@I}#zNJ@Nr_-EzW_Ud4ij1UZ8V&xON-_V_@)C-1FRtD;1zI++YA0N&!_Y)
zElD>ad<%ls`(S1!5*GW3UopY*c>=`d5RDa%V$`-S*I68Iic}hoyVw~PaZT40(<g`>
z{YtaCVo$VO`$Q^4ta}q2Q%h&mnAA)56d*0iNYJL{63b0skk7Pha&If>eXvxW$3{lI
z?7}sbfrS>C?RwM_CN;`RPjyg8!)MhO_&$f9Vb0YdOM)%kWQRpR#rc8)pAq>Z@AoKc
z2o!uF2^5;9$DoQEN<pApg`X1(3IdjpQ6KK@-6h1noa0+@JMoRVjxK*D{?Uce;AP<%
zbk9HV<1^!NtjXbG7egR7d10#;3UkNxyD^Gc)ZuKd$QcNdF;NS9eiuQtV0*Sb7c;;g
z8wFT1Pwv*S%1ZGk{h$k}lHz*xp5||q;bO2a;ysGCF_t&VT)&!GHTZuhd+Vqu`?u{^
zLL7Pqq;qIxXelWvK|v4$hlW8wBqXGyJBIE?5yTjkA!G>Y0R#jErIiMyyV3W1`Fr;J
zKF?Zvuf6x5x9etri|ZTbaURF#WWn$%eXp>&*U%%TU#L8~c7d!%p)dfJ^@;Ws8pI(}
zms1iYm-6`1&*4<q1UgzT77N+Qh;&p8%PV=pO%Nira+$5@yHD6N+hHYy8*c6c>Kobt
ziGg)|1Zh|qt$EV2kUZRJ_+7#7g<)_Jx&5vHmPcTknwYDeY3v||bk2H^sOMA=ER(oZ
zG)|9p#omH))Z3uqJ==ZT)0JZW;nflR^La0)Q3bV3h67K*g1Su<0k&Ko%T`=J*)$@1
zmNzrCa7R#oGFff!IX1+A>oka9C1)vc!d{i*uNnA?=XcCP$>3j0=KYKY{I8^q9$9?F
zp2En3=Lx+mlJlOy-r$;=4>$Bze8Drb*!Ju+rn<4+2)h5ggU;Q|3RZ;Vv(G^^?(DPJ
zHaex=E$9w4HbX&1mo`H#e@7R198+Kf-VIOI;Hlz}Yjb`VhNMXhtj$>$$&95D0e_=3
zBpv%HsvQ4!wGihK`lV;f6Q?z6aj<w6=0lD{1XM=Ul6+;sTGjkK&qvu$cyuw016u{f
zg|)nFY`|6L?RAs4;Z8#BCPL{z;xNg>5sM#()5?|qb)SzA72LaKJ&^tVGQoH2uB!M@
z-MUFU#faIN6h?Js^#kCRt=<&YxX5@o=ZVie<!-Qy!8zYCGs3)mAA*%%_j(8Jdp*l<
z2B|{5q~4Sa{BuVexdV}HzV&pVqkg(iw7mO1n{vzPK;H%QO@n-euPCn?poIXJ_Y`AJ
zbCmP7H!jdIS%;U5t44pRkPodt+zPQFeUq!qlb1a0iroM`(NU|8(oKa_CS!8rLtoBJ
zoTc2mnvLL|s}`^iYpG}c{vogFI%{ke2z<p07rSStfQ7ZHp>gcxmlEmWY2c>Y%37Ws
zy6{szOiHTp*u6T#{4|3c&wLO4Kc1<f1d2XY9KOIr!-p@wA%0g>f<WmDS>GY@M{$z0
z(MKCwnL_#CuL$s1U&~NGM=x*WB^jCq?aPllS1K1B(2-tT`{=f-#VwbYFo-XiKbeav
zC0uIOW?Zaze`Z5XbV%3X`S6?{VWu^K(fA|xIYRr4dEYcE%RN}frz1Ha_KnSo7s5*s
zd6S@ISN6G|9{F8zsG9p8tlhL$9rBz*NSk7Flz!_At$%7}Ohu(6w)%T0qk%$;amMsg
z%j|>-slQme-=Hs~Xh9`55P~GkHZwE-k!3vpM?S%#yd{o#vI?r!xoiuL+ZheB^P&W^
z%q!4;1e`HFhu}TQaaqd!zyDI3yKJsB9f@2{od6!<k*)0Kk%N24MQ%Bv(jN2(YB(C<
z|4V26e`oDzSBG18LD2&WTK4psWmkx9W2D2yL_x!v4E%M-1$oG34M|rT{e>!?_0gI@
zGin107RP0vWkCPOMY8{sz!-Z7lQ?x2l6?H@%eTi4c`hF)LAJmE(sOSOrlCIW4A^Ac
zHKqjonB2o=K;$X)a0K}jN<)?1J0k#=vDKF|40ae{Wl$gQ>Hh>ki)WS}pD;IpX0hq%
zA8=|y$|1AT`-|cI<v>%3VlqY}Ww~_CyuRN}7^`+FTeuK=L;lCNBU&jXv5$4F+l|0d
zm`hKn+R2r5S~w~QaP+$#_F3r#;9=Cumz8F<gIa_`$RM8;WYx|dH>_6;8oWAOAeTc<
z=U}zl1oR^|EUu^?A;tRho7V>QU-I6}bP#?RumfbmK$|vNdHoyj9~`KbtZwdG(@ZJ`
z@O;%#*6Bf2>OWMCE~se&ddmiI_eZS#s9&7vjAvsE0yv!wppHZVR10dI6YNkA{+l}e
z1__j!k3Z6Y;s3JikCr&BTla;s5vf*PpaQf3mWmN-9r(pLx&7u+pe31;-8|_y_#zVg
z(a@LcI~hb|{MH)C-<W#iKY}dD)(oN?$gu0Th+TWD;~<uKIRbEbfXUtoK1WCb<|QjA
zb9FoN890LFA%e)z-??KzwrK^u0~^dO=|@PQ>98pMJz9Qmctb+sn<p^JS6alTIRZO{
z(+B_syw>L_!vmB}p6=daQE=2^p}+WDk@d0aH<YF1N2fr>pe`%$Hm!~50r{l%!eK!2
z5Cjk**Sg<Ac>zGnPhCCgRhiq?ZQ|#9QE;1C4oLiNV9l834X8@QB!L&f`v4@ySL#D9
zLxd0;@VZ>g^f9omumR3aV{wlBlKE@lm$yGw0gV!bGdNtTQg)5}x(x;@?0Po7XwsYT
z?1HC`J_2MQCg2CJ*Z|_I8BYr+mP}tK#}kf$1Re<%j`Sm2md31K^yDiFP2lo=>A#_?
zz9$>MH62x{1s43<gIwfiwL*ZhH=c;dv3&Bo6!MJE&1)(j0{cR59kmUq=oo+xWnUS2
zXQ9;N2~@!m*~J<=dytL1kq*HDwr3D|P{6}&#3p*4DC`H=IjtacAfq$%iiy$~#NuzW
z92JC=x(y7Z97jKm`7YU0q6i2qrre?qIBCVQOQB6T-UtL7m+Gi&3u$kZw?9?AK7%=h
zEF`BS?;EzRgZz!LB@}^-hLQ-=5NXA33HC+b67JT5SQMiaLcoPUZzBq*^wzHq0W=Ac
zqtzt1v3J0=jMIv_`~~pOSRa7M)mxW{s!v&9;SCRn12|UR#B?q!K0t>zLTEcH3#jMH
z&OiyZ>E!Z34I6xe{rpxBf`G4n_dz|`-Tl}XTOnSkunVoqE<!*p7nY#+vL6U<u0Ckw
z1kjp5iH`sjQ@cKXDO>Uw1Tge{6NP1d(Knuh+8YfgVAJ{vHmz$AK<b~9T?IP}<cIyG
zok2qhLbn#A2mRK?y^SKEm0Twj7~4&2TwO5cw{+Dv)E~E&lIZ2)&uej>oNV`hzD{2*
zxiV0S&B!``1tA`g<AKCyZoi_pLpGLtw*k2&N%!=IZ;Uq8;G*Jp*iD5I8}bq^^u<^z
z2Zn6O`EE=#_&U_iXI5Tr1ZzkrY!#Gd-kfG4w>p`{Owr1_?W9u7X>bw5UG!KYL8rb8
zn-^R1D}s2zk6KLT(Mb8T*a-CC0E^nmMtJR`nC)#f3|A}SkFN^1RE(<c)+b>-^A7G=
z%qoymAFj?>y7QpD6WsE9n}A4Y!aWu(DBs#t_7>ow_D~3THrvFYaiP=}zuUhML)Rj!
z-VL>^pxK-q)femVb>)I%Et9I0t%kxs=F{&&JQa#OQiq5H|ECkFnI*Hg&b+yX(#}bS
z4$-Z4(>1}Fi>JhDl|qMk@VBRjB;gz@Q*iN|kPja6O~lx^C&&)LfYu{#!{Bsd>565c
z4yv0H0KzIg9m)2S`Y$k-5mYbS|Jv&i5zF3=7P5nV>R0X;D@MNKnDI4-!|4E)tKlGZ
zsy_BO`WS{XsFi4d4>T!ne{x82=vBL2#da|H_AbKd6^F~5YFbC-%zmOnsKZPL$D^t`
zsO6Fw-B8$9sjt@2Z%)%MJDDV0@Hn;ldr#~(?*xCZkg)23Gs4XW-r32Uy?yEl+zX38
zgqMh?ssM$xy+w`G(!MQ592?u!c=0Dw+ZiGKh9yBbQ>0wlG4i{^yeLL?OYDSHaQ31Q
z73JoAe#YnVYHFuDxAWR@-ET^vx(PB)K7`GPU`RCRj5E=e42@uGD+im}!dC4_h%6T$
z40EQ(%VZ1-Co)*#WHyU*n@wq?kd2vXLPLBj<;uAszPioAv+C!#(tFxG?k{y$SZ#R(
zk`4uy_%&99jkHz6lV*I!bn>ET*iu>633=pW23)^nGRtgbuU%e)!C%7W_{(YX?bgNH
zF`r|sK8?H9f7be@Fe%l^nYI|rxU8sw3~qtxz}&>yPr)`qY&X>sj8Hv!{Djjjshp<t
z{VeU!b<$_?$4NI2o5|?WR)}(L<*hFM?RHVQD_cj$fkZyG>4e7-8uTTDSus=M*@K;^
z-+K-?og{8=ZV3_)7Rf4D4AcqUN}U>BoDX?o0MdTSCmU_G0m|bsO=zEFgDG}c65fpT
zD6;u<k020}yQ8+B;SKese6=QkKTyb!W<fjBU){gwVrp3|$P`auGmrd_35CJlhx!bL
zm%nrpYzaUD@F?P$Ipbu-qV|fVSgi=rWK0v}gOE8a^1lXd;b>RJ^79F^;Aji1e-BIl
z<0nF^YDSKGf7rkX-+y(Ek*R_F=;Lf*12|T_Y1bJ^S9w&PRL!?6ox?NNz`>R6Z7JeF
zSsJNbJ6LAePaITBk5r=UTin)bUaC*#hy_8zMRWgy2(4SV)#3L=#O(ss&TT)TbOFNF
zsJ3KT-zHXK(kdV+-@Sv)?-2N;i(h$TR#UZ`h6}JkI#*SBq}yIZ_f988^x9j*Et<XX
z?t1)@H}BCwd@`Hcqpok`4Ze+$G(lOQm(0OY)^4jF)OL8|Cus0N?<TlhJ44$R?+~9B
zubd?iM1&-*S0lgkU^1wEL9Vm>hZ4CyNZ|JiaN$YSsmiZt`Feb1dUFY<kXGz+3#aXC
zTdPD$mRXw~nK5qm=%XDe*9`9=)Q$GiCbThR*YWjQe~d!6QP><%Ylo;`vSo9p*(DbD
zMc&*W?z!dto@44Z3zAx0BGE^o$O#FvIgI5EKg*Bd9Lfi*q7Uj9TICMmqveePynQz*
zF!UJKRrSYO=QRcVL27DsEG8pJWh~q+qHEqgviUU<pcj;vBANyi)LhivwA16>8ta7}
zhf4M+?g-CZY844=@to7^`E5lmwRYAxZ{i*<`BOMA*6Y$~WU_uXNW|>2>|P1rQ|mwL
z2hyO+4GuK;l;-U&MP-MWpX4<oCEUuL%9=aKev=y4ANt?4eKo(ebCK`r_zH>dmBwWs
zfHs6_T_+Ri@(95As6PD&d+i>ib-kt#0w!(`P^FxAIy6UG-g<;H`+W|j?I(VyZ>`=d
z^XYWP#FjKvRm*(NGl3`^s*3z+abrWRU$kFpU*w%8JMbC-_zVXF1EI-Xd3T|*&!M6u
zVFObxIe)0F)wq!BwDQwqy?o^b=h$+;Qkp>k&jy!95ihf+c%I17F5Duvjf+e*<&)1>
zZ5ETj!*^}hS&$R6@GGBYIodY;3V{9Q2ezWBMHmn8Q2jqaE7@T;Ml3nRzkUDA{<GwH
z@x|?4sjtkB9!7uB`+IBuKev$Y1~`ik5A-LNmy#7{Vw2gnbh|hYA9t+;0)tt#c~Il7
z4=ksRN35Gn`w)tl(O%z6X_RaxjIO!2Rx>kZ#<Q`_c5XtgEfEe#Cs?B(QM=`?%ttD5
zveqxn?4)?L>I$xzNh5%p_hLm0D@hB<S7wryK_H%!awC5?F{Z>$=|!-eAmF<g5>~0G
zD~d6}oVMy&AXR7=lLd1}{q0Om^nfdu>uQ~-pSf_OL4aq*+}Whl!?`_cuEJhU=DFGh
z782SwT8VhVV-gs=6n5}F{%m%|EnS?KI_=~$_aIg!Z(M1Hb~f1>HL1wH0`uz=RSa9N
z6b7Ne*LYop-mQo-n$shOYcPm(#x9>8{tB@=TZhz;{$=Ru*5Mf)6OYyzM_3}TwVlc=
zh4f!j7o{yRiDxBSgeki903GM};-T^xW+Cz;v7F4SVD*sO&4l$o%<q3In=>($?LfaN
zT`R@rstSwAbr0~nAONT=8oEJ=@R^*sme$K_Z&Eh^JZAuJMzvqSg{`jIg^Ww{)7yR9
ztyiCLN85=p3T|rAVo>fSew;%a<mP_96Zy#iE5a4E%%IAD?H((P2wTzTJD9u0pt^iO
zwwN;|vzSJ;^9fuYoy6r1eu{rehz6!^+V8h;KlWcIvmM>(+NqblPgkpSpW;W6m)DdZ
zv)GgOj#fMVx`jVyv0M6man;Lx?B^tmcM2Ligpie=xRI52`;$j2bh>a&wp}PDm;1G*
zv&p0OP01#eB9luu;<nBwFtVRd=wvCVX160&$MsFh`2V^5xpH@m@UkI6$^M75TSCXG
zhW&D&rv3K^mE9Rbp9(b_(bkr)AE0V%@>aY){Ia}bUpYD)_e>Sd@Tl6b%el&|3sv;@
zxKAO`{hr6R0gKb2Sp4k2DpL+LPc_YPH>m75`OU5EdfdSi*SB8uCl5VPKG&mS|HY!p
z&g8stR0&`@%&dUxqjM*^yTgw6Azy<V*Q6HK4e%2e=i74Op^r}viq+lETQRsw`GCS_
zPRmG(OUr;%Z!T?7KwY3U4)Mk`$@aFihBMnTuWRrok;T3?rc?wY*6Nub9i*wNRg#lN
z%X*#BX%M$s-Y1Z*1JF(SroTN@!#6=OGG0ipbsL9C%lsbH<mS*K<wxo4k#+th{!#}<
zK1dGkM|lmwN)U3TE5D=FJ6DRlaEouNgAoz(MO&9D(XR9op4sV(g4)zf_|!YD>--mn
z>W)L94kG!3PO))_tJ)Jy_`C?SkrYpQ99CbFeH;83Y5hzXu}0%XEu0+#e<J91<!Gr-
zbvB_gYxJoQ0Ul>CMb+HVMP?HiYsWSB0DAbu@M`|8Tr@|0*BMpDfJ9({C;8j1?34cW
z)$KBK<;n4YtL~3(8Dssxs+RZ;m^jrfYh@Ao!`qtn?ViZW(~#mFli4i0<%r&v7{Z{&
z3%kF`ijS`wf6=}p7&sn;l$mODX6tNVm)7~nDy_*)2W<Hj8WMh{T%6K6O(6CqL6;Nm
zN}n_P6P9DCJsVS+)lc>Dm?eP=zofE|k*v7VQe1cbRF3;{^{+agNRYIjJnT7t`r%ge
z^SJH@vd1+Nl_rZgCyG83yCH$OZteYNog>MLC!5ZG`I<k>SQ3z#`Ld(YZsQGxd+b$N
zPdo#cv;yO{%Bkjnh9JXF*HK&R#5~<Jy(X>?UGe8NF)p(0MAL{01#Xfg!A|iQkOJ^x
zZKxHAh~&rQo1L#iW4o^FiVI(jvGKgno{h%ch|`FXhUKGK`JO;&_=Pq(+DwDn%$b=#
zuTEZq!SyV<F5GAbf0I!}QSyQn^YqzG^69TcQ(WS#va@oO*Dp{FT0FzNtykBj8iT2$
zs;_2C%=yazc;7WABUHL0W22!X|7kcc%OXi;d8gNf_vq!!+BF$jipi=2UhM!cJabW@
zJGVK*6czG=i1vhFesIuN?7j3F9Oy0npw)1GOQ{@Qm36a=#XYqI-4n>m+c&e&f-L9{
zt9cX@TYYdwNI+N|?({p@a%sk)O5jBM(YKeyS)(GV%ua_z3j5Po-99fEj?-F3NiC^g
zq1E|>2065KGGov-d+|1IzCPu+-GQV=+C3;>fnh`$muzLFDoV(G+D91J=%+gkQL_@d
z9w4Ivv<8~jZ_(JP+SBG_#~~$AQ|_BP_3>(ETh;{+HSCR4QAV5hoB(w)dD_3O$Ik>`
zwOxxG-20XMTS|OcnnZ3y(2OEX93UQ)xupS7AxFiaKd!6?$11HNA$sv|4$iG^{1dXW
zpGn)VsJG7kDYwwj5O}55x-vtpS9T|>Zp%%E_-oi_6#sD;tTfQxWtHML<7RI0FDPJ2
z`ZQb;xYt1I-8b~;ff1)G&lnen^f?2noaz23{TeKYN|$P+b#Ua`T=jTFZk<6js~<F;
z`cI1$;R3zQWJM+?#2!3$V1idbJ^jj+wi$%`7oQ{_{E$!Ljkrg!ESPwVFbuIqO|5>Z
zZy0nfu@2EDncw)S_y_Ru3KWR6OEo)MCmM5hioWLD;5U4Dke>itpJXiV;vYCy2FsGZ
zN6K~h0c-0F{p3^h4rso?u9Kr&sben*8tLM83l8y*6SqCp;CB%0c#Zf$s%gyX-Fr+Q
zW3)C8HU&0N$S8hN&;GP<&y!$=i6;QkhpPn#?NHYao8C8-#Q9V50P0RZlFfWd@<Kzc
zFQD`DbKSNh{!@>cF(}Mj54$QEItSNbJ>Mi8@0!GvpqEv%(m3V>!Lc>dmT}X>6<*FN
zG{qsGsFN+QQL9sxI7ns0jL-BBdD$%!9aGyQUO(cHvnV#&3Hqp`Q`no#!CwVagoeVX
z7sx2AGh~&1M*7wy8icRkRjm&wBd*TYE(Y0-axQ|<L);5fKo4h5h+cMuOGm4uGu?H+
z-OL)5KrB~vG1>_<yetlfLoas$1+wzV;HdGNH|I|qr!JDTFb$t;M-K5FcvuepsBp(J
zC0N`OyZGn}*=WNYveCXE`M0lW7mdFVa_FaJ1-gD<OnX<fPL5A3$g3v1y89dpm487_
z^@%pk)rg<FBhGpFW()D<%cw!ZjSs8gShW53@>y@O+krckqk>H}Ckw)zzW?W*<9Tt2
zPub=I=xY|`>dq`8A6kE9r4B~dVSX?4V1c^;G(jT~<y1QspFwovE=LbBRuf00qIJ@%
zVbv^eP7*AB(>eVdftO4`H*1a9yimK~ja=is`oxSn)J|&1X;a#kTra|Mi52VFILFmg
zTSXge3G-T6;5L)1_{4$y84>!Yeesb=pdsI{ufpz}Ug|H24~Kskoxw1NKB;w!5{bc{
zskx&cmK-q>d%%gcu=JUf>{&0Gba?s~fAl<QV_lCEBi66u5kgOpy|NMysBAaaIMU8;
zdM;=v2KoKACEo;nq2K4W((mdM>6d|YmAbeW`o#LK-Z94K9NKuhH?>1XpVMW|#JaU*
zn+Te0s!p&p)N#^T_jjK>fAv2B1VnsZvU#TNY3+MuA3?DeA75jb>fwx}dNY;-Q#>5`
zVJ0f<&x7H27M7L)G{P443U&x5#Vr3ma{B%JCpN^-o*fH;?q=N=hi0fVn-}|MLma}^
z4dgzEVyEIIoHaZKHI731NjVn$#xHR62#g^f`DR6&1O$IE{`-@>vFQPaM3;LIq<6lq
zM%NF1aprtS1;0Md#Ut(HoL^m{;%wUW%_W`5J`J<#;Z><2&XIvkZ=KSq;Jf&aqAMJZ
z{k{}5+}9{KmBnnsg#TbX_t5%uX!LT14$cA}^ufS9`pE0Dl9LHma{Rb%MfNgFLhM5p
zi)cB1?)Bh6qoc3dhX$}56>N|#JkjykW4BfOZKdsE2^JOfh!Q{P3r-x3bb7Fpz}rPM
zJgzAjr;)SV8L=q}ku6+QAK~Mz;G^M9wEj%AUInU|yj4{R@-nY9e);mEjm6bwhD_Vc
ze#jxp9K8X7;KwKwVIJt1I(VeEpnG~!wcsCn#5)-JWrv2d$%6?3KBIGY#y8W&Gogg&
z!l0!_s+Z%a)=H&8t@oP}ZGgEO6LaktALdD|a<l{_nwsUQB@!&zx)OOeIzW?LfVa@k
zoQ9OOmE%<14BiS)G4YPNxs=%yvjE#TP|$wb0sM+d2}1#%d>{tFvhoBL$ITK><iiMu
z!M!xEXik(#)UK}?khE+7HA|)?@q>|kgehrelDNV2A5wK@n~b1liC5V2gC~MthQG0F
zCVV1kw<G2F@Rj)}|Ib{lwWe5~cFc1%zYhxDzCwsD%-6BNA&>XUbWUi}u>4Lzo0-t%
z!Tp_c#UgyNF1!9QUv$`8+50I^iGOzrsE0!Aq>vYWDWXgGgzEIpYMJbJ##!q%Z8rR4
zX<4k0^6%=D7`pQ5s(q!On>U%R{9GA9=<y8eNsOW$w0hylVO(UM)PFJ5U%h^FJYESQ
z#4_=nEbZLfyyx|)<BlJNyr~{ys^?&vpPWd-q(dEe6LoOJ+}zTvfIo*P(^279#(jk-
ztBTh7i$bn&mL}j~SW%iSTg00CpVJs#eV$Df-3ID!gkR0Ker|W(<mL$ZDy-~Dexf)?
z5BZ+zzMT6O*&HbNxrzEPKK+t<+v2&&Cc<@)jxBU5thsMR38W`}{09-&JWCUK(qluK
z9Pds$V!!yJg9Q!mNFCZK&ztGv_G7W@91wa%{OHC{fAgV)P_rI6HC{7&1Kf>+dWYM<
zR5<(j<Ip&g!3o<DaDZF&*8?Tr9U~Ky@aTy{Kj6gG_PS6<XUCA_f42SJ1eaUF4+F{^
zQ|);qDlO>1c2pWzBmA|#N@Z5}yfeLto3F{iUtT9|eD)sdT6IGfIv56_S7V{zg&v51
zu*k7do+ip?)!?bZ$2&va$_pwl_MzYyIsmMdKwI(M;f*_}2+}emXGS4EqRhE@|L{Gy
z#ZAiB%Dh<!#FidY?<c|%hj6_E9`~;845oHd@`AZ7mrO62DXqtGvuW0pvE>>n<rQ9{
zDiMr0n%`va`7uJp=|$L)aD~{AsHd80NN0=}>+ujdjzOg9%Pr@lm?r^%_-#zFPx&?V
z?{A$o%0u{m`4b|K`0h+D%zx8he}cbn{wLEI36E$Oq&CrT$f5GxS}BG0NQx~y(iF(e
z3K2`KvUr7#>q;LyN-WWCATRY}?24H=Zk|oEcgDO>2gep$mQ<_Cm%A^;kx2}UmKEI9
z8rfBtsx9WmzsJb6J)Imm>6?Ye`591C#)QQ5?tYwX8D~FMBx1lXz4!HAl@#+slAe2{
z{Z~2HH%_ce*+Jz(md4ZWd1LJY^LoGs^Ix-y+PXLP$oAPcQ;u(Z{Kc|%Ry7;ndKH~?
zD%JVLXXmX|n)h~=ZNS&ME-Y{CnQLmPQS(x*-pcsak~2kT$8P@e>?Nm~q`l@t5>u(%
z24SpY5A@G()Xv(aI3QkP&Gsa1TKo<M=l!sezNk4ranSqA!_F$sSN5uCoAUs1ow#jY
z|9)yDOf|~kdlOk|pw=YD$UwEwYmN4I$)-hjB^PzM<4t)X#RIz7Z9d84cAb2vahJO!
zHpHEi(Dt1q$PS_WS+JE6SvjvdT6LGBpV?_xoZWC3{Z3@^xe0sC=eQbzmZUt)FhhKZ
z?;T$vUy18CBuC9bs!8yNIUoFot6v|X_#}&$`YM+`Rl{8shug=Br5ryNyTckEoMZm}
zXs{1idGcD@#a!zCLzaa3rAG+q>bQ<GvJdUg+K<K8pT$Lf()@WB+o9+zX?(}K(&SAJ
z>*U<`TG&q{><<SD5^1-Pc;h>c6Zaf%p$l)r2jO-I*BM{beSEp-C#$)MFy82l5(&rm
z7kMuZ2(K9$_j14`5c!C^)V1np^k%=8vY$*DFK%m;c%+oLSSysiFm_*^)SX?=6?Ob0
zgW`)ZE=q6P4tyU^;B+Y_2xb<}%P{K=c4{t6)mIw7DPdxCa<V5HqwXj=^l*>T)+t<_
z1EFJWfmI(TW4C#ULmxF+e~UgJJabcJLEnYfgF86*#L^V*yF@F>&;8>~habtWYCVRk
zNs7ha(VOnj=6t>!-P@;$9do}2NKNnbl#OeuO50*bl?l#I*9f66@d0SNQYM!zmhh0d
z>+<IQ_$BJUtL_c|)^k+5sZpuBk+37BQknI&=u#fNN;KbU&p!TE8);(cC_ckN8z3D#
z!tsZcs~xxC)J+<C_1eU6Sy4tZW%>g$gPzLr)>K_w#}8>aF+;!Rt&9+Al0usanyDF5
zwW<b@x{SjxI*<u&CO5z6tIS**;DhL5ECOK~rW@734=bDG&wt-L_N403kf3Nh-wa>s
zlaq%xDvYaQ@XMFzbF`U1*D*JLZth~ySon2M!+xU;>A5ktf`7ywMR?Nt202(pkoc=#
z`O`$yvVG#YmH5Tu&E(%o7euG{hK35~XM@}1kTMU(RsskTzr615O|;NcjE}?z+!%8>
zUE!1CIlZ-4=bU`iFTvDd8)bG$XvM?Q7|w0<?dlfi-E<#cqr7?xxU`<b4|e=O__g-A
zZY0X-kai95e=PsoqXTE##Q{uwX*cTmRa}BRRhu;ZwDg{hX$tSq%mA|X@cT)`-mGo<
z=l+2K?fH<q0*wx$gQ@ke!}3T`nzOWX3l!$s<>ZX}Lg=g+(cHhAh<NI=5t~)p%$E*+
zwz^Qb>SBfw1lJZ?TIP1U(F0J@E<`;P9uha=zyD#4NxHsBZhYyy8%y~h0=z|VI~DGx
zih3FejMmWV8FyG-O#PgT=N)5|OV#ZmjSnp-dEJwF-|@!E9uH;<oJjE3>QPwy=f;zO
zeUoL3*d-D6{^|>La(;Phg>N;Ni=V71D2OWiH{O-+vUD1@t;maZQRDSrOHG;FA!hcv
zx<#3tT{6h~@T<_}7^h5d)JWe=u;+q~9?ySTj<>*2+(p_jI=z<|tEbc#QC{o7bbNSt
z19<X!*$zTnfG+?rNpzrT2rdR4FB~2Hz?bzZ0=e?-Yf$PgO2s=;g1(@+<q6=M+if~e
z)R*h$Lebjo|AJwHH4H`pnQ6b|!-$DSjs&D9+{prsVRPlH%m<Z%@jPlj<<2Ga{~MI?
ze+?V@=Uy1Q*m|UNKkz5F?``jJe3kMxY|;udY~k}6+quNtw1o3D0qLdf|2SWy|NHEq
z4{_z~1IS9uDZq<V;|#~4FO3)h0Sm|Hkb$F^^gqrlNGkpR&yf88IPl1#*%1V9Siyvt
zmte5V!+#80u$DqWs66kTMSaw4lA0<Gz&Bt0HUI(WwnU}1>|7yeyQ|d!X-2y6*Z&&2
zpmR;de>Gmj%MBW*14Fjw^Wr}QpenlfY(C2l(*SH@=4nx;g8}eLUqyq^@4^V$_WRv?
zw7^j9ipInWZp}bBw|{m7;E%W@p=uB83pAibsd)ezN}3=Qd~3Uxc8Af+49w@bHMp2w
znrV6w1mGl5ASw2rbk$uA%&Nwf<)OFWD<|Mk&<7fb67}cwI2xEMUM&0rfWk2bAWEeQ
z#mzQA6ekh{Q+mmVs+2ujfsctR2!vuJ9S2Ij?F<mWPu2>^glt3LWodvyYpN%p&np;L
zEs84-Gnu60kn8<p*drs4YCM=RmLK~793U?iau`4S@HPXWRp3<lH+ATaAjDaaEN>BP
z1*tk~vV6dbiU5w0QIv-%C^-J@m*MSWkC_2z=jI#Zw>Rs(T^Jw4nt>Na^W&4<R`7kf
zRe{5x9ALE3Pf%m2!~J@u0T`R>`HR9lovim)fI&oP2!yN(yu}^Ag$96;Ayr&ulm!hE
z$zUYRC7CUVXtx^BhvdTVK?yv-Wvs4C`2bu4ETYkMf?|;u_)W4>p@59%;m3DXOmD1y
z+ClD<ziGnaNqdav(x*44R%e6P&vgs%yyJj@aBEmW-jF!-a=r$n9%Kpl!08knZhTM^
zXhr<jKq#0Ix4;my14seM?~}mdgHLzw{Tnd_eo4gT$G@yw7XgpUi8nE|4Db{ef~=>S
zL!lWf^uUqwrXboW6j07C2=Com11T>aR{&yk1Far2s~|{IWjY2X6q6hR>S-?^nqIo}
z@LQKwKO~@b1OJ}|z7FIQGBdNbfwM&I4Wl104LSaXsF+aj@Ly08IE8EuAGAS@%bJHt
zPgDRzQgPpjHNFA#Q;mhYpQ|l_J*B58!iQ;WZMO;h<J%u9{(Dslt$>f}vU?0(s8&Fu
zgBx4=%|qjT#-vt-3mRXjeVhPp3===Vhol4Gf!qvFkadaz{;H9stGrw<42vwEW!8gL
zp{30So>{oMPL{X@WE;DG8U%uTFBYIJ1w2t@T^y)lplr|l#&nw|h{1rNS&Xf~bA?g8
zH)=K$POmB%iU+II27D7~r>~%A7!4X#qUOL|B<Cvp=coU=EJ+3Eni`7-nISk4D1-+H
zE6urqVG$7@T*jlGX-4OEK}N0!2x5nFK`0?Y*J~HKmwno2?pxq52}+1=h_DPheq*zG
zS7JM-egGchXVPlV#lC4ETUPGb<Sflkd9MQFi<~;MQO*;-p#f&&J@8qcHo#2NJ)fiw
zrdX_kG@#x5{_40qG<C=3d4inuvh7&^Zeh@oqiE9dfZW(N_<$%zL*=hay<X6p3-Wlq
z<&e8z6y(vuzw_LqOHw_0xw@#%AwPOQ%?)59P1pksic)I$PGL~Dk|`GKP2>~~y${uZ
z3rmjwbI2>JrXXVGxqm=un3OPhjC8HS#>I`JEK!V&?S*!SuoMWEUnr@25-0jDTZsav
zK?z}FxGF<ghu)%7_#Srnxmz_;v_bJtOJz5g2+X?_eb4f~Q}9~e;7phW&)d{LX#_M(
zJ>4xOa6unwzfoH?#54hxtc<8d->zqQE0H#Wr;|6G0ZbsvH|JdAn)%!ZPsNMu*)|uD
ztWnPp!s#w|b+b!ahj7)Sv0s+`emwC8uAz!5q-NAyA4Fz+4N}uAq^2L79aUezdYySZ
zx{zCK0{^y%i|1pjiEN;qT%A_>7rgEMg~4~VbWu0mRi@TxF>>ICW@LBQ42cvk78a-1
z)x-q?6PmuSeqnSd1x9RG|3yY52<m5}#{sId!FS&ToAIX8=+P1}%1ZnU_+gw#n@i6O
zHG$-6oeBP^))7}dWNLpmUhf>v2Va#ihyY5<I_Qq)H~q{m@cF683Gl4;vU&wD5Zf#%
ztwm!qJhzlt3PxGQa-ehJjx5;mrple;)R{O~%4I}lenaVS=mpQ_0K39DYLkFs;9sl}
zlAh^dDylAF0!Rxa{^==z7&^15W!6{)?q=-Xb2h;e#pe(G4D8~n3GflXwDxqbBEd6@
z{wzV)LrGbw!*xJCbW&RvB!pgR-<3{v23g64R+33P!JHLL+p>tR0(hL^VmfDBlo{nw
zyeB0gk~axkt;6ZAwWj=Us9(%kN<h9<7<Z{D_}nooaS;M4f}b=d?h3}m27Yhz0(K<!
z3Kn~2A_b_b1X=4g(Y<WzL5UfVhULI|?w_GfMK4d4W!~t90cP7pcQT2A4IOMfSs3*@
zM-Xdb@ts6|fxx~mh&*o1B+OY=xZMiOKR+Eh`M=o8|2fwWr?z+jq}_-Sk6<~cCsuvO
z7i<d7XU$i*ZNSbrB!9B25Ybb@0RezAU!k)>+Q+=|lFx(NWd^eN58y2E+nfjTDJtRL
zjIAu5l-$q#BUfnDs;csiZb}TqZvPGSu6Q;ABG;=U#4*U$m30oExy(30$^vESuz6<q
zOzBxU=y%`d_%EO2zl%^FJ@|Hg6^BE>p@zvUBxw2q|LkXv^ELxwH;#9HGXmyq4YY0}
z!AX-1x@OHT;~!|DEf83D-pzZ;!=S?*tWbLW9evBJgqEM+DB1vH22FE7M4TGTK9rh1
zpTdY|TppkEquUj<ejBH|GK0db0#70*7{OL)ZW*E93T^}GjDQ2RY6)POII);+Fr7uF
z$8^cit)&WV`Nl;6S(p23?9Dxiaa-FYmA&#4+s?%5lg3wU!%vmXxgM|oQ~^%UmZgv)
z(^i0mwh2u56<4kg>>NRy;Z9Vjtl#}m7&Bm!VG@kh^VD$%)<dU$dhjgnQvA<n!CZ{m
z*SVwxI|0hqjh9}-6kl*AGK_MRF_|$*uv(Ce#??wUKV;JT29DrM|6=~vL$}S713?4P
z(~igq97ICW3}CzC8Yf^q!1}br+E!LpZJ%)(f^c42?x*VE6ecH7#@G%D2-Y^pIt^Xw
z8HU`Ji$iCerh(^h2=~A}(hXcJBZL1Oc5Z<<_oL}BYH>-c#<?FLj=p*sg72A(^0}#P
zG?NWk&4D3H^zLlxLF5(@X8StFAXb;-_Hp34Xe7voqXTQ1hq?)#PuHVq*f5JT+=<Qh
zJ)E7q?K2!%%M35cHeog7?WXU;!OE3t`XAR&qPn@3?)|^83DOd=G93}EZ#Zxw8Enic
z<7^a@Xv1R5IIR}?rGAS)d7&QEov>}ay0k_)({K$gq$m#<8{Y)IN3W>7@^SX+_NskR
zWA{lgt4g^lGJ&Yjxt-b}JF|_bjpbK!**RdH`RL*}{K}&KLxyJH52i?~H_3WrU|w4K
z@@c&2S#oPsP#W;TXv7?XtQ)j!!RZP?)u|a_H4uHuWoKaqn*9l}c>hBN`*(-N*c5{#
z>4F-|FpVRG6KFrt_<xx1S<D{(_rqKiJN|v`R>-7+cXCIT1r0}Xx%xHfLW?|zz@dlj
zaRhMC!<X9uz!3HJuz7n2;EjbK<!2$!6`1~M!Nj><Ff?Y>#^J%ctV}w<fuI8UgP!fd
zd(0y{bNQZqlwc&!^&1kjW7SY(w0hWvjCIW9*66{e-nJg$a3Rm^$Be>O#j_hoYQD^n
z0Yg9py3DaqzWF)7D#QOv&7(<Z3`AHX`QViDzBW3BTjdF>?89%mH(34?^nxDBf5w~|
zCD`!Oc?Vxz@i3xk$tXx4y~d7w41AK*U>s-K>AWvkI51$74SER<QcDwX7uAN=Z7YaJ
zvjI<U1Lw+_({Hy8=ZSd!ZQy=(8Gg_{O2`Le8KozH)3`QZr8p3nV;8hO0fz24-57@}
z!G=}d)jV6y#q{UlwU@(y(fbeW{_Qb&3uyYF8a6vPKK#}-ElgDa_w+UZJIJo_|4<3R
z9>Ba$>hrK_i2S`uTDVdK%|G*I<^ko&Qf<gcPb~=TJ6bA(0Yn7w`Y+B99<780f_8jK
z+(69UO5*3fS;sIHCHuj3VA}pfM2ZL#_cYv^ECYA%)?48ZEE!<+%4*>7v3hu!mp2$d
zwuZ96YY-Es`Jb0S3z`!f<JS&c#XMjbCm&<hff|?=HBXYV0%mqrEK(UsiW!<Tzutii
zijXski+>{!TuW`fJXIG;r3K;L0MOpCX^%nJe|iG0fVo{`AT{0K0f#jmuPKd}^CwP%
zb$Y`&Vb;1|WuFGx1*EWDP)PtLvnu;21HQVXU3YqZ2m!zmazuLn0WP5Tz|+qbE`ad$
z-&<jWQpn>bxplk1zPg?}H=BEo+t>Q%VIRP0uz})?;I@$C5Cy8NNYFL@LEZ}8rSrYV
z9H)Uhi4Fj}^#HCauN88`VnjAUA!d94jIRHp0POOv`KEiI3~~ufcu=U{CcOvjyO&aA
zau&X*E@`uYkG8cOgTNi2CUM<eJeW%}q=T~WCYL)8IlaGM75E1VXLaX(V>3omMQ<~j
z^gA3-mIcj0Rpsqk(QqmI{1t`896dclTd>K>f4zLzpg2LVwNO=68*1?t(T9hDbY1b~
z|2<I`Y&voHUTO3Yey&<F&$$&Fcyvg85yk=T{r_eR+#Xz{h=>O>PlQkQCxanAMc%C7
zpdE=Q5&Y+5dvVoH_lv;ey=iDv+;VT#<8xnWs2epj%-Ef9_^V&HYwThL-l~X_;ZAeq
zTymcTlDAZOUJM6UQ&niVgV6oWlT07V;NFsJX}zYIf8Aw5WZzKdqSYIB2K2mD5>14X
z(AWJ>1FqnRt?qBDhq|%rU<j`YqdVv0<)P1o-{++F!G<jdDZxGgV2_IcWy_BVlv_L+
zD=7N66WmPPm#=rX&v?zW#|mZgQSm>t0%g*k;`)#J8k6S(###pL2B=4h_ODcDim>@R
zWXwbW_?OhX)dzu_W9z}H@P>w{20q$YS*_?1Hx6#s-C{TwnYmSu&RdbWQgRCZ+$$z}
zFNoG(v1cv=U`K;5?m7M)v6OUD9kwtbqxEQvff^UnNWe__&6rFnzA!-F8>AbHeQ?d9
zwy-9zU*I$Xd$xO;`|ArZAC@URX!d9#8sfxDBm{K|b^uMlvR5PLPcV?hS1oU=4uf0b
zGepj5c0Y-RQ@(@2RDHY~n5LTT^&z-p@M+)Aa~i1L|B8D+)0yKi&eeB?PEO@(K1u>=
zIpvMqk|H%>=PHE6M2_TRkszkQ?ewz|WR?d#w$<~zS8a$<k|~+0^1PhTu`2ZKMQK@R
zNGL2tXeM0?3<1_ZZ*Ssb`b0bQiux&BYUW^bwv$DLAL&pU6A~IJ)M~WyhT%;MsDs)w
zJN?ZatzV%{o4X}eClo{Hm#d^|+d1)D;O3j_MLfBpG~2**wpEDvog?4*K#+wf>i=Ge
zwJS5^<IUd$IwaFHgPtBr3;z;Ii>?5l+mIP??IX5Y+~YDp<Qu-W6U$5mhtb$lXUyXm
z_m~vm1PkZ@t~J#D65z8?vzWW78&q8#d2R@pCyH;vv(CZ3%n=zf`>BdW7&*~9Gs8^F
z=yyy-jNyOHj>v%@vWzBzcu8;c60k4ru~~;&G2@xb#Y+tc?g}gAZM{_NSjcTDOT#AJ
zK5=m>EaW(LoO%Me(PSoSdt<fu2)uAyAeDi~Fn_Gd=*Ja>Tj!lO&Xa%SI&&GLv@aPY
zUHj;OsLh%*sL=5wC#ZA&s=3fcLEm<4#tv`^-?ww4ecJR&<}YIsM<Rr0c_&QtwLkp1
z;3pzxjW^d#mXJ8W*cX#LQx>y`IgI_!3H)zXc2^6v!pzk)A-#w!tG@Fe(;ZsNitJl?
zg72RNBS!i=TDJQgG{Px<&-YS-68)In@weSsL_)J(u<4U)P?F-qHx3d$u|QYr(M@1n
zvgQk;<|+++pry+wex0-_6)ce~N+HMJOlS2LC;>U=fu*u>0L%gJ78(<!%V@TREVe0#
z6)fn?pwKwqdVyCTPtFngW0v>EPVViE&1(u%A!J)K_(EtL^$kM&d)g|sJ~Jb0MQqcT
zOPhZ{ChU^YCv6qExQm}#S@f>s)JL7;9Jq(itof(Ml7c3ZvX()_4A_@H7rupN+CVqU
zhU2yRvqaOr=jMfEfA~6(Fa7d6`7bhqiiSNWpd~JKejgUE><L{*V&j0#v4x4}C4ukC
zueQsV{=|QkQyoTo{Pdko@XG^ceo2gZZZ@Z8P8B^#avlFIK2rX^C;lRN-qI;8Ucb+&
z@(BK*ZZ|!OKN37H1J`V!p-dt%@)1L)RpC8c<g0byQs;a}n2B=(JL@<wA=?D%vkz}<
zZ(@72hCvv}#Z?%t^xKf!|A=;9j8F{CtG+R@z)Dh}P($#ZsBvTH^9NV^+k>ea`n(IB
zUL`!EZV7T<u144#<@&1y9_{33h^{`jf)bYZ?Ahn84e=c0Pj5kVsmkS!B6r;Dzu*J&
zz2u-7Dopk!dWz&nDv68rrODLP$OTZ}v8W!1-Cwyg=JVpcDJ1sY8vLi{LLoqk85)V5
z1Nr#VS3@sTDCt$RnQnnO7zchgD}{#gbKJhDn}D<HgVzcl_I_*7v7N@>KRI8Di7TGD
zvOOK{KfTB8;w)n-hnq3`Uo<P{&wErhUrEXG)q;}?1?T8AXcCaT&MApsw8r6nfT*2%
zkIuL-#=w;g&}sR^`9_S40XX@F@@CamGqs$mI)Vv<q+C`C2zz1?=*f@kERW&m%}-9u
z4kz*(+kN`%2Y>mJCrE1a1OQ=)so&p6((7vFD{wi9_YtMjD?oCcyN$vS_JBN7|MrW0
zehl-xXA%03irdr`v*Lv8n0XFAgqp4%BLM!oCkIq9wTK${zy(ZZ61;3pFY^|cKhCSz
zsAi|G{g&lD;KSW{|E#+?NLRWSgeYjT9azriJOE`6P&C!9SI?9>AH}K82aFMAmATa8
z9Fn)-2Cw-2z($zMIO%H;+a^W=_8fLQWP_g~I;*3YTSKj1`jE=Rm+z(#^E-Oqp$&Dc
zqz-!#TZ9|Squ=uFl6}*4%0<x3VF2<9e4&cQT}G$d9<p}&DX&ptuujb`Br|-is5MQ6
z4xfvpoULkMe3>8T=4JY|&b&j+NOK<1No6hm1+Mtd)lyMU1b#&E9tbwc07G))!9(Iq
zZWC;NhkvytNi@hAaXz-~EZHghqppmI<qeb(7_5Cj!%y|1_WZOzxqJ5dl?XkQ!y(<Z
zJQ~av)$;89hBoZw#-vwjlLb4n7(oq1iN&Av0rtQCmayunT=#4VJrgTRy>?HU_L<Bd
za|M06jgKJtVcUoulrww&{`&ZRamu0_M{A$uCuzV;@W=SaxD?7yvFy#QoWuOEwojL?
zIO}xHZ+H6GII|_>u{YYzOq!@Vm`6{tG`0m6Cw@B9sP;;@2^sU_<m&8x*1DRSRg52`
zJJEM2f#RzyL4I(6tK-TE_cm90CNy3ix<k6iMzd&Io*6w4>oLsi>ljJ`tS3q^(1+<(
z*$vSkkUGzCTYhVT9a(vvN~!iYpK`Xt?yOn+*kWN%N7E*ShPiP>;CzPjgkaYF){pyr
zs`4*ff6NTeMlw+=wd=MU;y5<dVmG1{!UWHg7*RXP4!~Jq=su+G6B8H>>g-i#h(4T}
zH9v12ULnGWKWEb{wpA{E<w0?OYI0{Jqh$xMy(5y^97KD<UXji7cUu#+$AAcD!$%+L
zPX^PBp^BKhs@tf~l0rKzabbwBp@N*<D8?zpzzlKrnvQOZ1i#)f$+F^rt!O)|_hy-z
zTMdNKs%Kd-H_RPAYm`*S%g5)u!55O;xr<=J=Yn~dG2dYhJ7-;9G+ijF^W#1zDzhfR
zp(8kW#^#(&Y)}audFI9XuGn9iF;)h@WJnkJ3Txkx{Q>59QUof8^{GT{QIIPGxq+7U
zn8x2PbVtiz_)~Z6)(%N#3mQMbJhpP$y_k9&R{mMq@12ebZ1P(vs9b8DZ02=2EbiEn
zlG((cJZjjCioLp7xlYi2gMD8Zy%@O-e~$31twA>fR_8sO4j!kSpU^X#eIytuuk~<=
zv6JL9-`)iKG%mYCQF$L09nf*eiA=B67WYF$A@XLoxf&(l1qc%ax8EOlJG>b#|66`d
zrvGxWq>C3k9D%hRW-#YKjH<Q8yo4Qz<8I3_YX0PoP%Lcm)!?N}6H*qw*212h-m<Hi
zn|zJyAi$=&*N0Q$3oJ80cyoex!A6i+{ksixn}~lF{iD~fH)?k2nCL&;2tYF2Vwtey
zeaeR$FpQ~juF_W9&Y$+oR4rEX6(X?c;{=vj+bScc`hB?Vh=B>;<%~-lPa{HlD?9E}
z_zlWEe6BK)b-$rTB5K`URcVK1^5c%lfCcG3qYqq}#WB<VThaO@lz*Bdq3_DggeIrM
z#H~*eK;#>3yiIsVJ)zuBK7r*W9PiWR4Q=-FiEN*E7HyRFF6K6BNnW^5L}}R}L6>Kv
zplx4dHnM7R+AlV^MoK7Vwx^EIX|5|}??;EvUDKn9R@SU*2154+p?PjGOA)~CL1nCh
z4namC1(5c<oPygKKr(Ff6*3PFlmqHd<srCmd}tbPqw85{8yF&*<Lp6obPR;g3Ub-y
zGUgiUcF<7}($7hyl%I^BzyD`9WHgxc4;ug>eSE2usSkAL_ZcDIIeyc`$99sYk=Uae
z4yY^4Tm-?8P3=pX-=3q|>1!s44nh*2U^Fr14L3VCQWMWi8z(f}XT*fk2B(lmFn8-b
z_=mVkc*3902!F@A;;9mGrrkDT5k1ke#Grl#iIC#ue$2natItb?p#+8kJ;aZ41}!*g
z1c?^9`>fWzcHX9|G`pU7#?a`a!wLleVLO5A!AIbp1nw~EVVwup>(qI<r_UMH02$9)
z|A(V!tM0&MyZ}CPZ`0g!5}_!94N{l%QpY~Qf6H4&)*&0*nh+wd<WCdaG_Hg^rwRUA
zj4Bjf%4?AOqKb2;jB(tdm$-&n6_%WCmi<M)Ml#a_4W=kkM_~~cD4ic_o0#XZpbA9`
z1ru%cu3C~KO8ugg6Swdk9e2t4$-*SV5c8mE^+vVk&e=6CK4Ifau)Q6Y-Kp&knX8Hu
zgO_?t+pirdCrb2F*qVns{9IQFWG*6$X$YD`IE|hc{anGQXWm`b1kG9V?>Ow`)8!i&
zP>ab#JMf?9>m})@DDoL&$J)fC#n??44jk}g(XQ1nxwG2jeWFusB1k?{OT~!J3orM0
zO<0hgrr0ayOrS-hj#rG|OxS8!wv$9?3kAa`{S4ry?iS6S1{_^U=uahQ_Y>C7Y<<0Y
zbgrp7V90mxqr?G^@3X7AW$(n%EMamsB%j+u_GKjfH2zjrv^8mB4)ixZ##Ae%nFJUg
z{_#5KTbwUktk#UCWA3zSw<R|(YMwfRF-%CPE(WZ-<?l`KKHXL^dm#NH8Qrs(b4_YZ
zad*!1`mrws!u+ss-c!qrGC=$wVaoG!WqaUr)w$=1ILoJ27oxWb6u%EDO8*2rl00mC
zq<g}~P%I7l$>8?0aGcfeXL{5Sv5wa8DAhJ0j&(;(3U%DK+Z==r57Y|CU)f7Om?N@?
zUTzn%ysT%sW|<1?r`K~fW|Ky%D*L)SY_2H<1<1KBeOo!~L8VnU3a)+J->}L(4em-F
zwVS>eN?30y;>x0sm?lRxoy^NpxJM-Km|%6UUqR1hvzW<!z}yy!V4MMjf4)?f2S+eb
zNiAxLb6+Dv1uzuhmX^7QtpRH`l*AaUu;C>?szaRFoS<iBPwh<5oYJ0{eIO(88x60A
zg<iQ@P#!ePy4>jdC1L$KDaX36V#rxCiQ_7gXH=UcUwe+9Un=kAwJv4t1oPE57O6td
zsWV7Pe#qC0tLBvPYnFEICxc~vW84%?l(>f5y)0lM!kcP+_**a84<v#8nBi4$6AVud
znwv2-vlqZof?caAchvGoH=V%}D4ZFTVGf7e!m;ojyt!67pwjVR5E-S%5x$?~F`N?q
zpKcU|C>&)iei!D!z?;BE&wydV!dS|{%yKO&@}O=zOvIke$C&Rju7bWV02T^$4e|4U
zX7ljOnwnk<LibQDQHRDLt{Nq_==sSr>AMnh1Z)yrwSB_aFVpG}cY-$CGSL>8zYGQp
z4>j#b7(d$_@ak@pW)4j~a(f@*T^dLScS0On_?87JN4s-_!(x>1{#(X+Ixy8^rDl{}
zT2Dy>dwOIfUc-WRlv)Lt@pB{*=*H&*6AEWA3X_XLy$%UM3&BD+CmuElyj1E(1unT0
z7OW#lCSTF@E8eu~_WD{Q@XH5vKW*(ET=tM=wpcLHP-DDYz>YN1$@6{ax@=#WnhM=P
z9}j3UW%QqxybI`*3f0WJ&X6^mLFM=xl%_)Iuxs~d4@ia7Cha)4Ejm4u%CXw=lY*P=
zto_^=F_*X|HB6Ug(dTTbwxFIv{q}cE5id~!LoeEVWYVnl>9)9t`w~rRoHDQa52Dun
z5@+w~={HLUZCoSHJyMvZZA_E8J|)vHz|dqCkaXyyykXW}!m;*ZprbQDO$x6)bsRmZ
zFSMS0za1Xt&fg>xPyh0qYkm3C-D?l0<O}h34Y3lFY5GC8f`ckwmX(#Z_;9^3?Mkva
z+vNAHz+<#I^~pxy)yuZDYDt?iqGB-)s7|zitD1PENY<X@3nUNY(oWhUMBZQ)_{U2G
z6Y}7`IoeNkdltbgY`}p?h*nzfJx{wPtxZPM_g#AB%(+HyY$2OhbN9_?E0}+W0<-ce
zfH>RncY{pkZzb>v+C`2;{EGM$8N-Yfq<Kh5lRmpWF~FdAodS=JK%VK)o3g;!<w%m<
z!p*|B%9Du~Nz3U3m5+WsKWkN-_NAXj72%Bu4Po(arydJSj?zY>o>-?`yYh5T!Obe}
zKx&TlS+uk{OxIL*N-ZtKcW%{9l%Dht<8MZaY8X`&0x#ppl|v4=ujX_B^2erMkLH+s
z174&pdr}R1bHk+@S46fwLo0v@A0|WojxB3moWlG}*^h?%zPjS`9b0M5dg`40o*mmQ
z)U09D8~Ff{e{xWwajT2sDCfA1n%d>cM7#9mzP4Rh!(+dEY_(%gGYLNNILkhk3T=3c
z0+}OxVF;5FhsHjQCq$0)I8Yd+WnI_W0J%mvd_-Q>70X;s6lZOcJ11|zmUFxDOvA)2
zxgzz<we8lJkiPAX#l$RK+yKJ;Q-6=pjEHfZKBoN6q}UzX7){(fk=2O734Iiyur%#8
zBgncLzsP4o(a&3SS2Y}Uu5|Jj*-;OYTa6f#tL)&ISq)2U-{$=KJ|z3bDB6hc!2q-6
z9hHK;uQlJ)#CxvARZ9g3A<SnLx?|OnLLL-CoVa;^s+2SMOHs$|+c(G7VPA?S%I5Zk
zChrmcy6p=%y8ZQ|J9HKt^kqhf`U#~vCceisQ)M_@7E5Z25LzYLT}LA7lF`_g22=iG
ze||m-j5zRbZ&IU#378KLmf!Klf2eBIj<>IfZEiO+<wjlvz9HiDaSEkrhhaR~K`%dw
z?><Jh-#7HJ&>fO{*Yl$v^t=`hqCW_n^~qkB5sEh#n6HVD;(lYx+O%!aMTnL{iO!j4
z&+o@yF+B;K*{E-yqYL#QaKE{So}RL0?`S?T_M{b3KjhX3*{vfWLJf5{l@juVf^;q<
zd2iHPbPW_uYIS^%sn{WNS(GneVvirs*6%zBc`}fs`fgr6#hv-IJ3A%T!&r^Ct4{qa
z1p|3d+skOf=E46(*PF*f-M0V#b|dQ~TXsc@eF>Fpp=3*o#?A=II#kHc$S|T*gNPEP
zOc)We@7YUbi)?8M*+tgx@$S06pU-uFAHUyU*L_|0qh{v4oab>K$LsZcF|8}VGDD6m
zFXN#UV~XNwJc&1Cy4g|G!h6E-%x?Ff<rLZKXAwqttCFHXwXf>uRo*>(^t(gZvfV~r
zn%5myFuLGYxF;pqo5_oTiO|t;4}s)~)gI%da8OuvqG@eB9QlbQjr;l))Nf3yjfRo4
zxhw?4Bznb2Z&$3@`k;Ws4DK%6zdTLbOJT#8%SA{I%Bet`fU=$=TuGzw&LF(`RF<_1
z*thNYQ7H4T9Hrl#Xr{+SsZMtd!gh0g*kwu5agHq!YFWva|GAXCGn52=bNO`|ad|mb
zX%0J8?1z|SVNOHVc=+#jxw||SzJo}xH_2^?Z^}RbU_aw%>X?SE2fJ+&hM3Yu6>!va
zGjC8P=pPN~RPI*3Rm)9{1?Tv=ML*Gii17mJlZ)6!;y(F@Fx2f9k&nQ<X<Q)OtK8F!
zt2KzY&t20G6Yxon`aI&YP1>Av#(~Cjc(w6VA6(7HAuYS@p@*usRQKKJ*;(f9mgU|Z
zywij|%sW(>Es@YnjjGTYUFuepkY5?qJc?S=aLslqHwgo8gbnTc5eknQ_Hez*&c1Bl
zf(aIGJ;OnZ)7pAueRa<Z%k^Ev;=Y(UG+Awc9JdqEeL}veu_ZGaY=CwA3rXGVA-oMn
zAwA<K*ay46?d{f4VwYALoRS~n$U5R>za}!~7hgf_kK2_i9~%9$^s*Hjscl(af+q9G
zU{YnqM4s}Hq{&{`D=dP!a@{wp8vJEPh_iC=bl)63eoXGU3|6)#@V?=QBPFK9*3e4{
zp9@(wyfGt&%@VVw@goL9EAv{q2b>HU+5(E==Jcx*`D+wKBogKnrDpl<%cN=iW1CiA
zK@K)Y&H4EA!^6Ba6`Pt%L0!1L#__w?PTZdO^UJ{4;M&TFW_3);>F=fWmwd}N6jlS<
zR|V@{xmjLp@V}`+J3VjvJwJa_?QW~G-sPPPr}T!oYZ`$qhw1P(Y;xFD)Fz30O>Qz}
zgpV$=yx{Q@dx5aUFR7|GcEj%Q67+X@hbkW{_hWkn#uE8Xh{iX;{@_*A>anoW@1(3B
zb<pKEdT&waRl^q9dMvT?x97$}izVw9$f(8dOH8+gp3%Uy9*`Z?n2Pg1R#K3h?>Un$
ze{yAlU&fq;5D#vyDmIxD!w}-)B4Mhyk@@COQq<XSOiW>8(hPrT{ygm=-GlUJ@j2Nk
zOav@}g~6UK=Dluhk!%-{5D~pMi>ucY!&g>t1_sn#IkEFU00%^?m8C?>8mpVdWbu??
zT^aFeRwcq~icUpgoNs0%9W*58$W!zVbspna+)JUaV`f#iyH&=QVY;)Mi!!lfLzeya
zF^P{cawLkMw7Sp}QKII>1wI*x8`$eYtePBNM*~C(XO`8;Wr3tCeBG#eiAc3>vtYUR
znle#=KOF<b!NPhlq~kJ8-}ix>FywO|6=s=eDpzhk`0R?<|HJoZbaTmjR?fhw`qX$T
z9+_AD3X^)Oo~XJQ8J~M5sGmO}C_Xp(-MiP{`-nO-<93DnRb=4`@iC#R?_njga>Jwo
zOyMt{aGoyXp69#5=f1@#5@1M;Rz8G3zAV4eutkfN&eR%B9c4^qVJqF9ET_tc2wQIe
z$)T8*^`ItS@xEJ{CL8%C^_O`_R&Mh18bQHKN!^mGsX?u;`3i&xIt-H=4F_KSFw0=g
z+)vbDdt6nyytGA_R38uR8D<QLrinZ&)Y5{uAwy!lr7Tc*i)zk49Sg#@^sOt&DeK%R
z4#rjz_iptYXNu>~Th}g*T-Fpn%nED2<7bu{dE-w~w&b!Ot!ql#uTExPK6h)xTk7i{
zQ|F?uE%vj|Gh@S`;!hx!ZDuqsNY>3UM~tMc9dBs4t?Br~r(?AsOcd5Riyf|9>n9^p
zF(a-vhtd4p*(Mr`$D1*!b1I1^-%oCk7S#J5XYwEaVAeR%LkyPdEwbw9W|Z+~F>GLl
zGAHXL7(5<EVPbjsmA5-?IMwlUs(?Qi;;{Er`M7-i8W0t+FN+OY4Vi=+1Hr$(xFYTN
zI6D~uE*D#=G9Q@UtC}Ut4V3L{Hxyj4*t8A(vpG#GadPt<u|%LQxfXjOCff1g>04*R
z3#q**Lw6}S%dSBcuEwt-rEiKqTzdJSG=W8CL^mEs;YF)v{G@7f4Xt;m&7ZNFppy{7
zit`Gv6*{>`Wn+jJ1tK-tZ#pd`CDX|eUT{jpR4~yr2Ct*U!$T*I)=lE&hv}Ib@c}P1
zVG-2Z&2UnR35%A5W|WfnV}}7WF}(8Z+3w4k$q=6PL05amN1S;+@VmUQS6w|TFWtd*
zeioU&8)K-5_*!axdpOkhZOsqq%~g3r%1YB?<}M|mJ>jv(o@fg(e!W-!bk0a{eRL}m
zgDTyY^}FsD4U0Nc(JP$JfNzOkz{b97CUSd@+bz+>t~j0}Pip$T$}VKDOv$nA1^G?z
zt=N;s*`1Y-#U(0M*nUy{rbx<=V5!_0@+~X_s&H>gQnnc;U!aCz(c`Sz&Zfg;!sq<w
z2XK_$ntcmerz?JF#mw~-5lRTx7aD26Qvm?#eP*uZZiZOd6>Yt50!CIAj)ooWfkMd!
z4>3e%S<m|GOe3j^%dUpJx!N`RF6`erMK3>hzrl}6x@fo-uVAQS-@FiPuSk2hn1s!W
zSW6l@EcQ(4g|@cO?{4-HPK}_UiDJVe5K`Xm*SIQW6fhC1J*!n?U7QR>i5Qm~*W>bn
z;NM(_Y&s0Ir4oY1oM|$TSGOEZp37e=Jxd6TZX6s}P{nGT94$>Y^xd(Q-ru{<A7{wd
zEY5K+j{y+vl-{r}LZN*u1PIAAgut@JpuN=9POcE=d&H7$!Iu8kmc8*yxv#DHp4ZJC
zA8}-84!R#TKlKy#(~)kx?iSuYWD(r=PFGw__5PCnAOg~YpRFvw?YpG%o8P+Rki}N=
z9jL4SP#umCr5SAaE{om^Hb~H`P5ssId$!^=RlFZ-X(S|g&)gJRtXX_8M!IAvxpOmI
zl7|;hutnhrjD+i6p6^DviIz-{*w(o|j+;~s-F%>9-?K$;VJfrg>#l0oh_2;Vm%#hT
z$#<iCycW({@QeA0SnQIc6Jy#J>F_A#U|R{g+2;ObG1KE*ON9!TYiB3L7adYhIn)Z)
z(1>BV=Brv2>z~T6oXT}^lkNL9S+}Jm;iWX66M{Os%oy@bLbP6(mQ}xoBg&tgh<=)z
zDZkas$XFN6Hb`Vtig4~DuxU6E1ctOor-D*th|g=#FAJw8MJ7lQ!G^3(jaE~Mceq>V
zx5ic<x<2&fnk@{t@!|ceQLZ2A&AYj^av4TGMJCJScM@qm^=M9wF6H#J3O^7YjK3&X
z&rT<}%BOSJHC%F1PT>QyhSN~;TCjf_dc?0(qQ&>#+xM3;nv2}q>a3ET$fy1YiTN~R
zuZzFy-p?!_rD2W9U(aUDIyk;RQ<fa|uA3+<|7?Mk$8GugL$ixA{OI>dkwPmCR%)T4
zsdvUw$B#Z?5AF@*a1-2W3;Cv5_PDEEa;trZP_jMFglSuc3JR|wO$kU)Zw?vXyIslS
zt4sqAzADb1GTLN+P^@Pu%k)^cInczZv8{sDoLt-C)cU3{yuno5mD!&*G2PZr*3HA(
zw1-TsZis(h8X!*ej3UbfIsRVOlPFd~l8pNc<`oyE+d<u1ej_opOHE7hKBFT<!vK*r
zuWJ+%^$yFy^^7^kwn@J>f0_4M_gnnkH-n{~yuw&1j!oPP(MV*FxpeQ3(^@5Z+?6Fj
zD#TJ@q<h=8-LGR+Xl0p2tUAU<W-JIlO7gpZGE`;|!`tE4O1&Gq-@;?wrfKV7W2GL}
z^H}^zw6wsz-D@I~L9d`1)48vRVXKjx-QC_~<!?5s@Kf)!sZ_F_8`iVueFSd*lRFqz
z<6K3<X$hH;&eoAi{$~F88U<Cc`3)n{yB0~9c5g!~t+9`fV8NHtw^S3Wo%$!j`{l9S
z?)oA!_RZ@piODv*iDsk#=cYdOg4dHI0)MK{#;<|kOLnpCw0Jr4f!Czs^Up3X-4!hb
zk)rcbf?$i0pK55bt&+Zc>A;$zQ;{w%SlD5{t(J8m{B|?{X{jx5310CZce;}DFywmO
zd*QVLne<OjCB9h<4re38p@i=<q9oWD+BdQ~Xaw%2F52F&z4;*7yHV7^LDYJ`k7)n=
zE>?y7N5wAzdFCsis>>P49yO*eV&1k9y?s(!pWsIu?XGzC_YH~50k*9mVOz7xR$O!b
zBbs%am7OgkmZ-L<6W+WYRrEqoLNdzFjtz@rFH|{MjIA}RDHIZQR64XQUW}95;%Yg*
zEGoa}t5hQ{_{`gY#Os1vXlp?yc4JLG?{HV9I=m8BR$!fu$0Q^D-H%H-5xGWNKSjF|
z3pi2fG8GBKn6*Hez64n;`c2B&CuU`Ql#9aM=<y6|LQ-E-N0Ii4;D%%PIu-j0R3^q8
z>)5&!#m{RtGhZ%KTrQ9)Aj2CdRpyPFtGu$nCb9nZ3q!`CHtkUZuBVx9#N>t*G|pCq
zDMNf#Kt2XDEa59TtW1+x3eI@3O+PJ2W8o)ml{F*J?a00A`$wB4NZm@LhGNOiBGUF~
z;KU&2!BROv)*bEQ#_Se;=bb-lL=tDIE$TSj_)Ys^iDV{PuljOu5}d<b@2Xb3t6l2$
zm&@Oexed_soK73HH<dYT)vkp-Ej=VvajyB{J(+?H{_5N;vk&PaA`LlbCGYJDezR6R
zrd;dKhCMWL-neM~s39pCUp=vrSTjU#vpahQ*h~k!XP(uM2^gqoV@8$D!WIRdcb{%J
zCOjroH_*Mn{(X&oQ9UChL%(fQfGRMmEF30+PZ0&lwLta8n%($DO1EN7pmG0v+Rxsl
z(OHf)+r)0OaqKJasmZmg<ZpU641whAZKBbeDM;xZ3%bu@pgXwh@&3(OWzBtShq<en
z2W&oG>Y|xolgdxY{#}NMAKnrj&fWivnmkg32-?1@!P8$7S+_TW{YFoZG%JIXjHm$N
zEzPk~hucl<+7H+EzvRQrkGV+jW>6XQbnTjZdcvvvv;yv@8Lo$s&{BcoanV2cNkL1y
z3EG^f1{tjb`|bCl^9!HFcOMWYN-~u9AEBA=A=KWwsM4-Li8NjEZo|{kT{&lSoy!5o
zr+s?8(vM3Kjk-t5Gc4Ry@5>^-*Pq#NffGs}IWN}U^4VhyMiPyhcpEcnj_4C*&n$vE
zzD<|cVp)+l+s#dp@PfeR@naHKcA+-wYm=3f35;+8&`I398r-u7_*fVEZ?YEF*SCnR
z#@3!N;yxi<JyNLQhr1VAyO_DHqXLtE&#&1LQFrQ;Q{&|s?x8=iNdLP0D4Of_T}&G1
z$b_-gAOAfgt7Q!1YN<TJ#zhLL%~x{*#uMgrt9J^^ZeO~on0ng`WA8lKzGms%bXgs@
zX`$>E%~KGjwiHz7?{8Q$M%HlP;gKedk0e2$AwT{63BzG5pIW>T+Tu^fvtX&}RG+7>
zHh+IKqkNXR*HadZD^-klPDv*o5I&kXVl<?!SVvtbPL6d}V;l8<P^*_)kf5vLlEdr7
z>t9;C7RhsT5?%gRvl#&v!B@3(MA}32t)SD2)RDGGXJA^OBn}*<B_3y*!VI_dyj+hA
zn934pe?`3^L1Ull9GDR>w#275>da33p>D<|pJ!-fZ`V~wHsKyj8Xcs+w5#=Yd$=$9
zMWCb8sjK*jVpWG!Lcpbmk2~9QYPb&Q@Jm&xD01p>)9yABvqRlmjjn#G89mEKZP{YY
z8Ma=RGI__SI()dZRAyddp(ydltCkNgc7%!Pk2Nx_`h|&?=xMSJVDslV>`-`|T}S((
zt#Mdm-}AX$C7++{1hkqN8PW3{$Lp@zq3-HqJvGUV4i9K~pBQ(ES4+se)e5VwNGa3B
zU(R8~W)(;|Bqdy=nGuLMzQ56Ws9HgMa^wl77b_6w&SSCXP7KSLAx5#Y>;6x@d*X5h
z&BB}KgMRjs%fzz2qTYGEyOTbO?YTQTen<|BGVZ~#`&(-d`!qy}-5zaURjy(Dlw8Xn
zG3O*je?n_3yp9%|zvJ>zo=_U^P0?%S)L4j@SC9EDU$(bCnvRL9xNh~FPrKDRv)ajT
zR80j#!MPJ-<Ni+`Xv0gUcM-zib5&KYysyPu$xNJCG_tf5GZjCpEza5qsZqLw<Z0p*
zbL5_F0>uJX;|bo^hIWmt)4uyoitA~DNxb2*xUQ7uJY_0T&4V#C56z7m#vjiKxEQ_h
zcGAX1!l9}y;Pb~}b~@>ET*|F2>bv<&GMEd0IA3R!<~Z|k=%kIo>1T3;cc{F0!v$jE
zMxMHS%l+8-HpN?X#vbKqbmWVv9ZPRN8f2z8)7@2RG~cmns^`sf>>eriqhjUqeS-A&
z_AP833}-pJ&U8ub(<8%o{lgHKO^&bg<nMc2aF4r{Ox`DU?JtB(?;>bFb5%#FNt5N8
zKWy$eKJGqO)DtZIH*)g=VjGkN;`M_Ur(58dHkO@3KdzK_S7DH_#f(@{E~5V}5<l);
z7tKz)Gv@YFf>lCRyj;MWEw3kdqO=%kMrR!cd+=X_!QXs5s%#W9=Npr{Vvm~3KF%k#
zC@fd4jukpe?pgea$dwV_*x#>!5<jDl{Z$#=S=yhTCzBRt;W{5;r1jtpZ7wW^l*j)`
zaRZ(6;eW$n@yD)D;h&kL-EvO0RXy?_UqjM=l+fmXVA>>w*cpS5dQzHrU;Jd<8}zH>
z692JlR}fC?)xQB|2p)BLZp6Ml3%(94yZ_fC`5+ORhP5Dv-K)8^{1K6>7DE17H0Ufe
zG~hps4Y+2qBeGD%z{PKc0Pc;^=e68l692LpGT3Iytsw8=+{Y(3ehrR+<dqG~9v3m-
zbvwWGkM*MHKi3FJrL$&N2O0Y>5jG+9_X)?rHrA4;v3Ob?lq&T|Fc-*@op2{_u^qY*
zdXWJqU^E8GVa`po`v@qiK$ZwQ(qF@0iqXFi#(cX$<SJy4C?c#1&Z5dSXOgAV5O_<#
zln{ynU3f_ue6fKOKOrSgPLv9o-HI_VaiIh~3L}~*OXLbpFv_%0CVyoS<*qKAeb-4t
zb?8i!BKev=QOQ3U`~<?krs0nkrbFXVE9UKiSFxvV@8v;~8NOJmCLkUkd~O%w@dB-?
zAYyD|9Q@3mH+!W4oD|6qXFZBP7>xBhC6-(aa{HM>QCNNe7hX~R4yGc!;j!CHKV=M5
zHtdLKxZkINeW|C<()H1N&CZs*@k5nEd{peOa9aAsMI@_>cLa$)VcY=JYz+7#ZXszm
zNG8-6V$%fA((6i44qgv{I32P_{uW@BZ-x9GIAFHcXg>q0Ro=fGXt<$xfCghUB;<Rm
zkkKvzJgx`v?d9I8>OTYE3E3?IScG{%`C1Kjq$)Q6FZLld6YxHM==5^cJ~6Gx72kGQ
z*FZRkPxV0wIS<KdnBhb8$-6+B7?M8&)|lqOjUm78=o7#D_aWr%aus+_Kp_wZCr+W8
zKc4iO{yu-&sNf74lx>K^?C=|<SFYU|y|<8P%BBN#H27M6E!ip+j-%hWj@Q5-{jU)e
z{|-!cw9cTYS9V+kp|+aN5*Rl*!Kf%p>Sn%!0HQ&&H3()pb-vR2UD9~aU#Bq2S-b&i
zO;Kz*qCAhK*i6G!;V^lq!h%>=|3vDenwse7D*(bPu?e;d3)M+aa2k$*RYm1)0Eq55
z5h-;5NUvo)kzh3t^OnRuVHWbyRtHY0iH7Ib%5s+SGS|m)Wu8AkD9loVN75iKjlj2&
zM)Zg-w#4`CN4OGMT7>-KCk?sX1%xDe5J2Y*j;$yydp&3Jwbm&0_QxxfmLhqHwRO*t
z>X6w%<cZ??3~Nx6<34NMmIUGRAM<vjO7LKu1a|UCCOW4HbxlLaaG2S01bFUg6ZzYS
z4J|)PQSYDlouboZ+gj~x=RY4HV9!l=3Z4<sUNFRbs+3uAT~gTm@RpUqhw>YgXQh5<
z*8>oVivt;Jgk`1@DhPhH3D<Rh7Ox}6LpRsv!Nu~e+~&$Bkny#E-oHXP6MPUBV5YML
z$L@?bcw1#WK_*{b3`<kW>9!+RoZvz9b1U;jgyhBn*Zo-uCGb~fvb+X^T^#!E$jxb4
zX;z~lXdCg!ZPl$*ZX&vrDL=3SPL9*C4nwwIG<?n%86U7PW)uRlJjFdmJrh~0^sa-0
z3kS0?eq9C4=9Eaqs~WtCb=r~F7RTb)oTAhpDdtribc*kId2G>1QjqF26lcyDI3DmE
zyi`Xi_aFG(pAcMmi)nXh_>|@=CL&LtH>%)8u#LvqPMr)S{~#_M0KQe%boJkUGMvTu
z6oxL+w%<wGcDo0{T#hlYin6<=;|%O7i6t^CE$a`$=i6PJ<dP(M$A6CkXtDh`AD28h
zQkQ%nTxM|Q*t`}UaII@R0_P3&2MA4=mgcBKGVX|D;I&Ir5s#6rnIC`g^`AXWBqL#5
zBice$B9D_}*wu4!2;8h6^4nL?fwpA*Z_e}0N0DqgmiM31Xx~%>mQ9kZ7u$U2-HGj}
zsrb{kSqa6#e;*iDW!Rws4D1Cqj4?0;m8>ClqHQH9leqijV5jQ>bxVq-w_6^@PgqXg
z0Q*v!cy!G3jGKo&!1z`kT()nY0`KoK{&-mw|8a--I(t!S1*ZL~s?FVnZEXjhAq#8I
z2h#NWSn8jpd0lNm)k1_yW)nKs)v&i5IzAyyFOTUCT>{m<>(_GUU(y!qA1;-}EX~6k
zN?k$LJM+(XVZDn8vtl?YqnEmML#x0oJ@9*~lr9)pRpp^%wh=7$80f*9kliOV<a(73
z#!b*pUt}<EG-3{;tmRa}n(g<8%c`|KJWhwNrR=CrW=U~G-6%YrLZ)DLNneqsFN0-t
zc!+0|L`$@73jh-cF}B1o(;B#DlsAgCPV`8GUUd_n9QCZ+ib?Ml2!lJMS=Bj>9Pl<w
zk3X>*MM3))S*N0b@74rENDQuMj^3+n{#P7Me|2`a0fHo*Crs5;Y6;<r2L(50VYMfD
zzq=zYm5rSVr_lTXhp3Psv+{43i$ZA;w}p=O<hPc6X=%0*RdX`rW9H~<I!$+%#B-gH
z>=iu)MuGChHtAn`J>D4AcBT|~G}K0nVt>IC?@kq~_vOIOLQK`83Kt;vS@%}gPm!u&
zSXjLmB6(JL=D6KLnhw{L6$JRt-#}K1i|~b6`3W(oN3d3w(C$+Hig-yWCWR?K4TjP+
zLvB)>H{g;w#7#IsJ3iLcp~<w6?WU0bDXxZ|gL+na=k;8s_C9xF40ooXEk)gr;*pIq
zVM;)im6_E(Os?}dN4AABVyO+*v}xnV2KWRx#}WpF*l{U3GL!c${FwqU{0cvw#)ImR
z((fz%&srY|YyJMFL9iwdE&%zQl$`j$1y7WF`z`@}L?C(mlxkPZ^@FsI51f8`h_Q)k
zY9z-{@)DyJ56=fQSGYM@xdPCkxCma)30ra%WGRq6#<{db!!~hWe)KiH2lGoS^cIPj
z_}sm7Y34mEz_!byqEH1m&C=a2HEan5Z>J7VOWPzj{po)lHJT<BWdG+`vvyFfYf%Am
zhmip(;~qU@CX0?r<sc346lt&y0<Ggq#~*OeJoFbS!%Wkssldgu?2UeKDD-iXo2Is(
z`RAYD;;`iot1!gf@7x6vmD+Q%W-U8=ux>L<5juR-YqLW~lQ~B&V5%j~O<bkDv<rwe
zn0;RngFC5Zi~5WLR{DoVC<dqC&*xlMfBq#ZnA<`{lnx4j!|Ki7`8gW@U}kq<ng1eH
zD)f3m&Wk-M$ZV7;UQxp$OQ?b-_1e~CUTb0a?FpkS*!OO51YKxcfDcK!DKxj2EYqNl
z|9rI(<ZxdlQJB&qM+HsitxXl63}a<N9_%qkhf&^4ZrySk;?IVMh<2HWw^}I3Uh?+Q
z$^x#A2?R)%^%B`)nTdn25f6&7_|wjovV>j46iH}Eb>k>Ez_r@cgA_qBK>}s4uNyr9
zAI|soxKuCF1$N*jEIP>6D$4Qp-)9xAz*H(d?e^WzWY5NL=oGGBn<%3z7kPNw<IugO
z0pobC3LR~74o9&-yKP%JWR=K@(i<*1Firyu6H|MP1l8vr>9lR^<CrkHx#OEIW4yF^
zgWnv?kcU0%ErfKb8&ZD5+NxIbg8V*iY0QAQFbQR+M@#&$qL@R6F!iYr+inG+(SF8v
z*<&<vXcV$z+x=}~H*dR8o>hV6#beX%G}(Emt4-Zvh_d^(qK4OCW&D2ld%<=i-G7PS
zL_vzmKXJdf8rzg180<3>QUU;Q>ZB95BV9i4`2Soj@h3nCP<@Y$v5+~lFpX~r6SZk7
z15jw1v7ZG5&vLs%Df}7hhIyfMZ#H2=AYJi})8l5bI~r^E#)CNtFFVTa-8xRkWZQwK
zk5XZ<9@Jh354Edc3YtIMd=^Rxcjc*S6=IG(*xX~;FQ*1R7jpTI#^9<T+Uq1aM?|i7
zd}5XSx~oXinqjJ|=wPGuNF6Wnmh7AU`t84UDVHToaS_pnY};DWMK7EtgK2XmzmQLS
z$w8-qY!tEI&_Rnifz^^YZW_T=pd`)C=YB8LlX`)C9rL02@UgG#0nB3|`%V4fA@V#u
zEgjs`b18oHXtT4Gm3?3pRKd<IUoUAs^Y2fNgp%!VDg4*&t~-y@cX)rFlyIDe={Oi(
zjZK*K%t_W`8>+IxK9aRe_Uc=%XTM?d&X;=GR&c!j(wgc+wiAS0Y&V-0eGD@tMWyY)
z+!^Ut_e(cf!^%IgkJzxGs?z(n=-j@EYyQ+Ct_KXCHe28P2mJxZ9$C|K<ffg&;y>eN
z!1negzyc3Jdl=oBo8dT_4S6n`+H16nNk($5e-fPIZ#&DSEx&cAX<qT*w@Av9=W`$S
z&OdKQ;Z=O_R_WG_C{!&rIoy%S$-8;|Q+LZBL&}@8_QKacne)ztM3*Ru4_qoU*;h7V
zKPMfpHeOwSnt{@{u?v@4J-$`nj_@8{?uN=iiC<w18%`TbnnzBPAR^a=!i8%Oi<~z0
zZ0$>h`c&5pH|c?SEh6Kg?W>lP`kD-8LrjIbY--qVeouPUdg=JYa63nUSmFamo-}z&
zy4fm?Oz$>*0g+^en({KN!$&)d*0IR=fYR@`Z4ZmxKn@3Q+B%yCk&xHLvGX^YcrK~<
zy8$ft^=B3}S8{d`<Uh#D-{P9V)m>HPyVH8AACfkHrEE#{%cS0!k^bshS&-{rRA7_a
zbV?ymY*xB}FN|eYihVQVgGl24{wg?Sc~sj@L=cf`>>p&+cwuoy&d%&EHq{}YliVz^
zr)nE_4(BuXtEg!vR|z2j3!rq=veJ}sj^Pyb${W>4WW9rWL8w)B?Nae~#5~1{PyOK{
zmfQ7+da~tra48`92;7>0$hf-Tajv5r>=EsgO}^KM%5bE<R~H86B7-Zv9geo&vMm#O
zYKlZ%SdOnVHKHov{7L$S8{;KI@iBO3h%7U3iT_zVzhahyy*M4;R32<Z@Fjvy{0+uD
z1Lg5Mho50HyR?zt@edl{n9P#d+o8pP=1D_;dqWM;iM7iQS?`cjCiX@z>O8r*e_=IR
z-FvWHsO9?Vgu3X?dES8ZhU?>RpFNu6G80%>>6s6fT;Z7=sI+Sh#%xNgOZ=9yEkno^
z7a9MnmoSH;RVpth9psSPgPJkCOX9$wUn?$DZ_K9s1D0X@?*@VE@{bR_iIOaLB-)YU
zAf)Mgi`!3ytDkZa`bW0acchu{|9-*%1Sxm4yd=#eC#;_VFLZt6e_5%KdxzNd{<jZ-
z7^=npnq>c8j{j~t{JqtG!2y5$)<~D(pZ8Ape%!wdV*fl6Sr<T7_!<BqF}GC*4;Ekj
zd|1W%s|F}n7hn8oOsBw3ev2e)ed~dR)uAK9mJn&vfOv9wZLfX!v|Lo!xZ4QnZVXm=
z^pY)eA>idIQjsBI+kaWTe=g4qD8uQCv-c|!_`W<leEi5rWi}M~j%)K{j&Qxk5C=9K
z{mWQV-2(HDfiF07#S<_x=RZDz$nbr^0I+ccU$d!+JS&)>Sdf#U?Hp3w!_#KesU~j;
z$rKF)^uGEOMW-1%4iOD?Xqbr|0jeP(`u`?Q{ezTBhgw{&5_ZC|H1BGb+k$Ew@Xx@%
zz@@K&O-MW7E3D`9a0<W-ukFC8k`1Ue-IF>rA>epK!j<m&&kp%QeGr4hz$D<ug#Cv;
zOsP23hF7iuSLl64j-2h=Z%qeuQnuj-ckWVyQ*q&F2$JIi=EkclBM@&@59janhyHdt
znU!!o#=>?sGKbs!zXl#aIs=aI;*@JJ3tv0?H_{9|vk#F^1VmFbTp)FF)$hT-hwH;Y
zBK_YRZ7oD<b&CB1J&T-Y-JEi8_dG`CUYp5z0WW12;EURXo!pFSlRixxjs#C_pB@%J
zUA&z1<NcGU&p#o`s-5^e0S}gOYSSeZz(KG8|Hr)y;1R%gV&*<z$_7UyGrKR8-@kzB
zHM@p%Mz#mw@A1R&&~`6F%b~MK4PkcZP5xJBZRuw}#VG}<*)=%)H$cN;Pe$-!s}EqP
zQoKJy?Wt&U?SsC{<T}JK39M;PY6RyMk+&k4MHHkz!5`3y7dooct#uVRQYLGc%Qv8%
z<>~Aff3_47!cqgM)XdQJpGURIH$yfTS{lG;EDGycgH50!6#XTZk9U6!S+$i;TTgn^
zb~vwp=lnBcN)d%Dr0S9K$9H83$y@h<d-Bk}4{YqMdM6kffS&&FIBI<Y$n(X%{$D)R
zjx+Z$0A0~RG0)QVQ?B_Kv|);mIS#ayASp^leiYt?KsZYLJ+>A7sR2}2xf0S~ssKI|
z*|B9UziH}z^?@BAzVbm?v0}5$ZzH1t?o_FGiL*(f9|Ya4*8$hl%?>S?D%-TsmdJ-o
zB-<O7?#KIbx=>XJ(Ph|4z5>d%-b_M9nbKpA^<A`&f@0sD5k9(;eb2N=>1YAcy92);
zr+x5({+0g1HEN6>GzPd3U;4DDOzxpH*Vt==H^GzNUve<b{k>~C)!E1UP*hML;6kF|
z6B;2Pw0S>+MdhamUuts|vaBNH#Q$AUmIk~ke$^wb2nc{*orlj#I~xSY{!~E*h7)8J
zNc#GM^pfxpf72y%D%r-j)dv!U9(r5jPcYO0)~9(ruE=Ij)0`~rhkKH<_qX5{riS0r
zK2xqX<P#Np1rOOp?RsU<mTX+y&BgEj`Q=6OR|IUua_<u@E@6}KFk5^`ybReYEz}wf
z>3Z`$vJFHQKe|lS?hcu%E!te_IxY`S)PXT*KPZnS2G1rT1S<;;&*htqV&f74=MFUL
zFgUL#sqnckoFb;twXNK!c*ll%f`_{`umG(|k4bTLKMt(V%q|HRXloU1>!oM2+w9~%
zP1u!}|Mq3<NSXK=;BY#4XjgYD3hVHG*c-v8bAS6Gq;-6b*r}?4B%`y$37ZVYsYU3?
zSp_27clrC;NZzr`a0lZ1j;eGpJ2r{CO!)50S6<x!azn{>)}v+7ZqkM^;#&T-cZhW=
z%E3rGe#N9efD~Zb8bgeR6MmbNK$q4|Fn25^=~=?3!0A_|T@}@Ed)oekM}Q?3mTg{U
z>C<EkdRc>m)l!C=1!0c-IngxEgG=muhe8qMzB}p!!cv-c_J`(W%5F(9mEHpTk@5B4
zzua-C7$~sAo5Y*3!mJsbd<-aW28Or5J&A^xyt*DCvJ;qsYr^a_cuAdUYTd%}C7;fX
zAvEA=lPSX?B#(+Jp^*<JQ<vc>QWd1bsJ4H~z9=7RhHD5H?N`@)W?ON?VivN`()s4F
zzhE&HQXRaqkJxZ^PlS;BIX#o{LT#zC8k<HV^0na}l1X3TweLGBg@k9`&rQ-u#HXD@
z^bjK*_`_(uDdeX__S>~sX~x+T*c&i(lg$s?*(N0h6tJ%1we1&-xlRqBn$~{VdX{{a
z@%m_@)@iA;kBktT0(twxbB%v|tqQW+1iH?h1BJec2Qyt8+O;dC#MbhGtn@qn?Lp%m
zWL<ZBbiKFr0c>2@um9D?CjwDg@-QjGi-*`BJ-P~~yfhk^Q_*p|H)W@^o(rHOB?*BZ
zd?OXkqc3b(9s4F|+E2-N*}h{KI^e)=7)nPcmUc1ln9&N0mw6gP1PA1}Y@-5EJ*d0c
zwg7s&;gzQ98TZH^2oxza<xm6g7)jqofM9J+zqEzsu%0vbc+AlY+^gJj_d%Oh>frLC
zhIK&l@1Yb!JpI#IqF18PNk4s0B~Dtq=0KA%{u-Uc;TE~x=1^DkE6SCoBT+51ST&1$
z!l+1T9g|?nSz~J!%#Y@@T;Z_I1zu4tX+;gzq4rmA2HVKRl&R~uN7LL~Kkre+IX0RD
zTagy<1LD8y5Lr{uMJ=>$mWkF%sFb^L_mW}zDkzs51)5R7y+SFIhbdRudIA#Z$@|cf
z=!x+F?L9(};PN24osJK5lO>o-<2^LQ3vHKUwN~oul@9ejvwUIk3?oQ<1W}0bwyZjp
zkklSl?oKO{NC|H`P>_5#8*ErXq>de6C_Ma}XWf1bQ@q>9wHETBA04~iHu)rs>lZW*
zUfKwWRZc9a@qT>-*q7!Z0WKfrh!Uj*(9UiSC1t*CSxpK82&RMrZZ=BI00E42X#KmG
z^2D`C_l{@sj^tsEH!q-q2`;DvxUcQ@-BIB&puDHz!msbAg4`_J`@H?^?6@~%#N94L
z5rSo&oVw8HE!Uf2NKx(F`&y}K5ZV04+a!AFNSz+vCN;faM$%Q;*@HzsfJ9qLXGq~)
zWo8Jb_e1=R>LBa)wn?NPav9~=XF_JQarN0@S?0q*cW&jmFhk?IZ0S%B<dN6~e}LQH
zvt{!ami7Pf-HU#5lkOSfJmyF1dhLO$g%`e*jbZ&O78!a#lTV9UtGm5aj)@huN_^_+
z=EVhr09BKx!)YExhLqwS?F*8Hsg^=oYS>p%?_%|pwk}+GN`|3xS@9Y?@tu)s3I3u*
z9zM-D{kRezAZTC$XGi$WQ@E@hmt+>x%}+JnOl--~pJ93eH>-29Ft?fgq>>3z4EzTm
z^3O<&2nV*_SEob+Mrpt7C$hIesde1iloO2MnZy!G$z}M_bZ&s}sz;cS37YFyxMk6k
zT$f+4N<6Zzd>bBsY-29xKSc$|=tua)iXs_=F!1Q8F9J?gV=T94>xteRn=kq!k8TVe
z8iIEH6NE(9g`1CPFTY<`^7GVq$i4#TV0RB<$R{9YR7O-zs!ZMk{{|>Hm@hs8;TM(V
zXt*3=fnD|mq3yUi<3a<Q1_9*LzcQ~3%1m47dpDAjZ+8!k_ih}^4}-6}m6(W~MfiZ7
zIka1?5X+T6DN^1veMkHxIam+79)DBJ)UUf=DB;b=Ow9S$3$XcxSV&QR0~)5V7{0pZ
zoL$jffz=}LzBP4$U&dVV-(~vX_$d8KqSiJ_*`?zhM5;T>h#$~Q6_svrN;ulAXP|df
zHNQUjpkR23*YL6A0{^+M1KUKhB$~=)YS}i28*Lv)gFT>D>Rf9$myq}S=(#~YyMVeL
zuKE7>_%&GPQymP4`!$H`W7DK*iSQ(5tvm)j4f$@J+LQbS-x{W_!FFF7pl44v?yxB2
z3bkivxue69tlqitkOnzD-R^cKC)D_|?KyIe=TH=M8QaN5Zp@R8l2cxyT#hV5F;*p4
zEp4FeB!9K(Yv0d)SIs1V8ak28`{BWx@xzhpqaxzJsmC2^X(}vcUX$2s%6fsW=!+Zu
zb&BlF{T8;B_JoOW8o^|J%?wexZXqvDLd(sEH@HuUzTXBQ;k%&=WtbqS-Ub8RECy_%
zmacF+U;8!qd3-o>;8iWC8ZK!37ur=FBPbz(<$3!~f`}2)9f9kgazL*6PQsC2Nax0A
zvo+={KNTi;*NuNP4t|^{Owd!97*dz#%_qD?-4SxKZBGhnJN4t+PI1mmW1uh>CrC~W
zRK9EUAb>zO%-y%nl3om_rHd{3R>p$KkrWZBt}o}4@|Yf1A-u|C<&$1On)+q4eN%It
zi;{9Pu*NC&j3%E1I+=3$nM~tc{}!#TG<Ez;t^N%e4|FjlVI>%oI}6K3pan&7nQ!}6
zm1xEFX_EWvr~u<CXz7>O2wnfS?jgfRoh*OC@s$aWsY$+Hx8vp|;?txp_#&#}?EKq}
zs&7^v>ZgROIva7B7B;x1%0;2|lqJe?^Uai{!r%JeNb=TjqSW~JBKV5yvmm*Y(z|kd
z9tyz=9RI$A7KEuzpt*S7QzBRX^$uTP`+xp#b}xZl<&cbu`Wq<y&$;CP=dk(DJRh_P
z(JAzMp@CG<QY2U~_w4X@;Thld*=l4cIvoCS5vfA6u>Uzn{vDJz|ApAXG?5i9C@X@-
zx|+dw7rO2z;sw>@mVtA5B*e=SriAq{Wp(Rb0YZ}W=elj6#_|A>V;A><k3Cc#LKd+4
z3zX`Yp*RsjVuF!o$1R9Mef}Nstm!rVi+WVSRWJ7lPC;G>y7l}=3Tg{Fm<>=8^Zp(Q
z3#-sdw!7(e_3NKjWCZ^PP>9I*J?9x879Pzvs>6^q_u{9Y5hUswAJkJo*h?nMrtN&M
zVI#&j-xiE%;*%eF4f7tVwRM@R+s~!QzbDiAdRB|XK=Jq<GpHr~)@ELJBa_}enrox<
z(=mX}Q%rUpa871_WnIbvi(F|=6BX%KW%>R~QDBQY3giD*-N+#a>xLq7YRqdR#0n&F
z-Sbp8OrDR;07bHCvCG@^*w6j$r(o4R_mMS%X9|X;JP5b-({gzZ!WymF*=9vf*d}K5
zlqFcQ<W^^2z}lIxLR)_mJhToVSzsNm@aJrZ;p7AuukO{1xNm?5P<q0P{tZ3OT}Tgf
zr4E!2yd((2wW+?vE;yLofPe)3p_&CG8uNe7u!xi)IvnC$Qyw6Rv|glK0tPvQf;;ee
zy%M-=lS`p#>+(wd`qTyP>cZvya&A>`A-wq3kzPy#X>-CN+&y3rP9j3RHh!Izk_(&m
z1$HN-+b3vniIod~6m4Rz<s*$t;z^-z4-qP%t823Djn<rfHzbq}ys|9UT)^0<y7lb8
zNM7+hM06+hVf%gpeKxiP&ba<|8hy_=501Rje!<s*9Q}|X^GRfqn^L(fACl_9N+K6W
zS09C=-7C%{>?`U*s3ECNQBLmk^UmTErv7D2lZ_U69M_*FXzW|QxcF5Ukc+?eo`rr{
zrAmJHR@`*6a?1)<>vi@$PNS;{3(UqMW-a>2+}7RU$;<*_4H0HQ9IxO^iYr?(8dYgW
z`g`R#V1UE~nc0>B(2Hn*g$$7`AcJstL^+X-{U3hxcTVVSI&h5+7P~pMZ?OPmnH=kq
zeF8MxZ}c>HOGgR&5(+Dkb;>C?t0-I4-KIP0&QZ7$+!|=fKS6Nrc!)AyM<VH{qh7V$
zNSjJVo*D>Z<0*9eX+7gaf38(2IC8>MEP8wuX=Jb;Mh_xXCE`9G+3gyj%QdhZNO!>f
z`cm30Jq?kg#Q|hHL@t5F%4UrtJl%z5R>!vchbG?)G6Ga*2IgSp>g!Czvvh8#*JW%N
zXzcj?8kP5)T>rF$oOPj~N?^&d<G_B0O&=x*n+|j^>(6kb0^cce4oGW{q*sBT$AOG}
zF>W~zWP~F!LUjud_?R$sWczRyXNHCWU}tH(-2W3h(P6d)mJiPrgUi1)%3K2A=g#cK
z!|V1bL!R%JYexziIKEXw$}D9GVrxsxfckn<ek=g`yM8#s-1fPeos3nbF{lHY6#H_9
z*C>(*>AJM&1hNc@e}@}%k+r#J=0okRQk=%bWx71-_}c#X+bjsg>0dYJY@vw0wtnq8
zbc;Nfo@18%?27?m=^@9#YQSJjN~t(KkYmKhy~V|N)ZkO2?kYSOtn^H5g>|BILb}3z
z4HCPPS@2L3NL~8<?(RNWj)kt|mj&?ZNR1-V<K@AMp&XMQa8UpLJKWu88z#Yf^J}(m
z8l9?@3<258>l#8L<sch`!W1`}$=AEd^qzBNaOo0M^}t;D{PKb4OM`7_bJgo<u5+~0
zH9E^2aVp~t8SR?_;l$_m5IUzvaVdtG$PCot)Kutu9cIhDEz9jN;q}<+ToJITnDmj+
z_~;6Kx+<0$p##HWqi^VFm!XfM@*x1Cl?yvRmBnbj_X3#Fu>4eG2|_YOI9V6!glPFF
znbnWOPKda>v}yb*{zwi3H)?m2l}s7>J~}W^WE3f)rlJ4wdGV|~{sy_a%4U(fKc#bm
zE0YCQv$m!tvESH>L<d3En&r>1kaEMK{l-RU_2Gu@7u-t36-}T4z1I7!foxPM%3xEL
z1@zq2kQwg2E@-%2T>yakJEB>ASsdlE@AdnC@25N>FW|pV5#Yz}*WH8Nn`R@q<Y>MD
z&5;-+X{7W8kI^G8I?CCVV5spOZzCB$-xq74n<NA)Ki})eO_AJpJ=T|hl5U|kL1zK)
zm4=`XdgP6#HTU!`_C077%GBl5ik7C?-9x)R%HE8q+uv7z=}`M*?8#arsM<s(Th34o
zMer}iLBF)z*8vn97Mh;*bi8-h0S;}}v_ZeH4qrxXfm@uUKEzlFGddUHz20KHJ7)Ic
zg>UniwdeJQ;$_3p$5^U8WDoV8;~dl-SwA|D9If&ghj_$xb7R}>r}kEe5Og~BkKXH@
z=z^o@JiJTa@x4$u3$hQnHPR{Yb`I?z1z*CJrEea`&_OXPr<JzX)4XNCa(Oe-%|F$l
zZ2CCVFnQM{+v^WvN0-gc-5I_){mNvsrJnx@--m~-1ocGZdbXKf<aHO|R0D5Rb3_@|
zcOoK?cH(q%4S+g}4X-4++O+dWFE9({E^1BOQ-8FXUJ7!8FFTqUj+LGGPz}=r$HZIk
z_762jlXIW4iHg3(9KZaI%P&U%=>6`aIDvR0fr6&|e2h8#d(0i{cMnn<;xyP8-zDlq
zCeE!HX-q0MKm8?Z{ifs5sbfw)Q;g|p-+hhXS;$R5WH@CYmV2dzHgl@UFr0tTCUcxr
z$`(p!XgMtYl^+ZQqz``aJ_e&Uq^=3&2Q_Ool44R4y5rR}3#6QN)K$WBi~-h=*d*iZ
zs7OS`FlO7!Gfi92%?g4x>JFA(rEQ<WkAw-^#$Pa*7Ji+bp%5_daNN{O;TGn!cD(-m
z->T&sghiRH`s=h$fFBNPVZ-!IXb|8LUD%vZtt5@Eb8z=O_Xe!<X}NZ<T}+54`CSCG
z<OPrut3z^7+%(hR4FIBB9j}yKKHf`7Z>i<WyVN)Vq`dqKmuQS>eB`idS#pu;p<Url
zgJ5Z=e1G;8ccO65vvjCuS{FwP_#H`a{5qCmP801d@pgQXRo+9lPqOh=FEd{^TsleQ
z>OO)pHrW3$f{z4{?uNy(AF_Wthvy%Fih4CwV+ZDW9v-bJu@sgG4XHx^LAU3hV#ms(
zTm3~{6%3r5IrCXgpFAiz>J^R?h&YyX3)S{gu6Zh*N?i{iDY8Z=mf1_+S`eiwB)CRC
z@-1U>ix1&1Rg{|y?m_We6s|@lk8%H&TU2t<Ta!Hdtl|vuK)aIyN1Zc?+JdS(uwz-J
zU#m_ZMMvkPs+FuLXCRn9K~-vA{VV%Cwhu<-^p|Kc@>s*TrmKTJH(G4P#rhS4I(u$*
z5oOt7Vk)5!5wXAbAqQ4~_m$k{_>G9#Q9kjz$2?*6aKXhLjANt?y-3lORoR!gMhK#1
zDq}k+VACRT1v1n4IM|N0B#L^|>o7$S!n_>Q_qY!$-CLYc6~8aB2kRM*YIR{lg}Rkp
zmme3y?jOg_)bL27rrO0)B4j5e4Aw_gO~{h$L=;`Ua-?kiH|QECzaG3!A?c`jPKqcz
zo(ygDbbK7YHY0dbk?Z-6!18&iSp}@o$bL+NM6uEjgPF<D_aZ%IX5izY5;hn7>b28v
zj&6r*6w`hXH5Vn?XV^A+<wK!hj|V3F=L~%r`#)NLBx*yxWhkQWNUbdy`-!Y*7p`jh
zsed2%mJ@Z%VK_eM_P<`#kfFQ0Tyz57h4t|)Ud>GLPd{2bf50bI;o6n%mjAr)0tC9B
z^ph@1(L12f>*6eEQL?sq;P%4NF_32#vA8+dbgVtPrsvQsha?u-O5dU!xHlMoTwqCw
z>6$-Nyr3=32^cWE@@Re?&jPUCVVer{EtdNYl*Cj;jmNTOL*v7b-}5iRl>aqF%A(|3
z%SC>tOFjIhO4|~J60CWyd~rydp6J@qUcp8!QtF7lid4jJk-LqL5K&%cOW=AvFPrA_
zfZ)7Om#>$RZH-I)s61~|686`j=jqs0BJCrpVbn3PBuDd~;F6pG5WZ{Q{zp2BQJ;0&
z=Y*$XAIMrHvq@N*nrSHiVIbX>?5^vRAw4Q4MwH4|#lX^d*3hB$XJAsH<sfXiuJm?#
zt^9QDKTi}8M_W6E!f6l8@^B@h<wFKeU}e3yl6v2J=r(Kf_VHr){N%CiL)p&1K#*(9
z?{74;^V*-+!HQ=@G;Bw!f=8cAat}9;%-OSwXZO$^qA;S57h2Eo&S<k0HZ^<cu<ZdJ
zn7JaCUY*yYozSky%8sB_uOg$FP->uN_w1w8H19`$x>Ehl&^PRz5QykYy!)9`{Q%<!
z{sN|qOyW07D8E!zFZ5o&bNY5<S@(3r9kVS+1d-{LS?zF$3|$DV6anoHg*|tC60g`O
z@ICcr@CZMXu#GaKV_IMKVW!KlgzI^_*d<yLF$7z4i@NICkE+xBJdE8JrJj83VjRVK
z4!Y>RYjmSI{`J?_w%YwFZ=@4gaaA!oVz+8yBxyVpJv4L!D8mKzTGLeQs~9Vzm@kJ}
z@K-(TW(KYauD<K158_bloyLs^K;lGaXyQE{<d}m6pd;0Zu%VYFwcC2EWZ=1(D0lC;
zW(P(&uggP|=_9CjFTKx5uq5IP$^ovsOV4&Yu}Q8g3Z;&1L@k+$q4`z_mHfA55~**`
zDB%@_6!$pM@BWZH&h#|q_!Y=rsZN}D!l|HpsPXOMn_>*HMV|4b>aR(oAB?l?-fWd>
z=v%Q7f+vL+%7R6c2n!t=QZiWwzp{PhAhZ%bSBpj-&0rJxTI*=9E9&r0B7ocah-Nae
zq&j${>NZ-digUC)&b(s>e`$UP(crx4h8zd?FO>=D`+gTT6PmAlKW3>LlQPxvZnt~6
zixlg8{fZOKMkBS^T0q_=!RQBm%T<oG(FngZy47CQLeHb&{o?7PzMkoiqmG@v$HL}l
z3wT<;an+(r7KTpOs3K)euFw+1-^#}LSXtGHES)vJNNdX7KiGdX;8`<^wJo{HQsOJK
zWAdGg``^j7zj&fTa3v0#1QeBluCH{9CWy}r6ZgfyjY9hDLMYgOWAY(7YGOfq?+nhv
zE92-J+Zl(56Yu=SL?#wkR7JbvJ_qEyT1P~fS3%I|P7`1}ZrQe*tnQ<w@bTBzCny)U
zu{Lfi^lF?Z$qYRb7kSqJL&v6wy^5As`@O3+kCz@jZ<C$SZ$t2_z92exYECrjfI<d}
zKe<s!zj2@Wo{S{9QLOqo!qHpQ1Ccp`@p#F3Ob-7rr9Y;&<wS*=jDZ66$=V;d_iEg_
z<;`(Yj~!U}u(B<Vf=`9a&L{aUXeb7wuP&(i;J8md2${E$3gnN>7VS=sG(Vj(xl*fm
zNX~%Up5!NPfD9*ZXeO+}lqS_*r8~ySfo7>AU@M?2Kqn|&b-dKPhvnU-fO(mecSEhg
z+V}OXP|Q@zkuq1czKHO6A2Tv`gzpw8CR#3^9oJR)T12S2uO6kSy9BZg*Oeh=!#WHv
z)#G)i>Yr*i3a@xZYm|KTnnXITS>U(bay4?tQbNA#Q+U5Hf8h+e++XOJbF()TW?M}j
zlLOI9PJWJBPGJ%^ZXTqESr+E@st!Yrs3{LFME{Tx`S!g{-$&or9|JyNy;|ecc&o3L
z`uPBB-u@<XdVPL_BA(0s6QoP93&gyv_iDCisOX)B9UEm%XdK*2r^_RfT}^JS<3E|*
z)P6)Zi<a(Sv&7i0%7mOv=u93lGm4jsKceA}?!r2?bDtOAy|EZNxNu`K7<K!r8hfOS
z(X8S_#o5tlKD&1<jf_~_A72?ZZ<iTc@?_|69*O@2B}VRRAu4Jps!v?k??iyLuUzAW
zE|Z?vfRV*f?5mbO{Tay@d+ks{d<w>`Y%?39j%~hbvr+D~esy0Iz6~Vr4nom0DZy(-
zv5R?csLo)=*VW`6emXY%%<<Hq1<Yg#{Wy~{!3P#K`U1|#5>f7X{_hz6_c(sG49*Px
z%C6ZXM#6RjjprtWZ1y?sC#0n%uo81Su8$v$=Qk40(yG_!t1Ah#*TBxd%+ZQUycV1M
zN4$5pFMR>-O}Ugth?BSt+!wBkEtL|zO6ZX?oKu>Ol*nO6_DV4>7oK|0i#ew}_s;0d
zT%F+;;!AnlEcZMc@>q>#bSw@x**!mtuGmB2O)Jh;Ks`XaM^K4Xt@|~)Uz6vr4AFP<
zT61pf2})4ZA%Pd%QBoj~WBfDbta%#pfw_Rsf5j-~F^*1krZGQd?V(4@B+RrY@=(3i
zvEcBAYPXX_Ns~{>u5R2dD}MJsWvZUG*V2`Wv^)0o5R(+O`>hL`TNktB@OewF4c-R+
z#NM*6iJj%(KgDUzMo}lTl;>vzv<qi4LncD5Je3QX+m7D~{^=U?p`*NL_I0+CugNDr
z(S?<WIqp7M>caGBb<ymX5hwgr!t}s1P0i$*x!i7vYQD-B=*f@td*JHmUf}dQPj1R^
zNIlU-Pd@0B)z8Y^X1uN(m@rSk?B#2$BiqowW_`n(*I#H}nef0?UAJ%-c|V0Wh`IZm
z)T`qFgeq{&NeX(VR0r!1*~ft+)*G!iF|_NfIfbO))}Qn(9WaJB2})r%0wnjfVH;=-
z8#J`&N3|o=<oe=&rAYSr3X|jNNePz%aqN^O0`g#|LEG@Vk%E%psD4LYF~(-tA$L6D
z42p4_p@r#+bFDk?ht#usEV0iICdhwyS~#Pa_xDKhl2k6<TXd6^(@IZES0~VMl7|jS
za`nz@57y<gZo6b}p2Ft(*?hh1A}x0denA4yeM1PhR4&Kqt$kW*SGicvhJ<O+c-)<H
z`0u(uF0UjP;2VsRbwwhUt2yjmiiWN|iESWjPpE(5mbmQ;(~NH$5=li<@#B#)^$O8K
z-2Jb=J*_=Xny>-&A!*GY4tal^#Ny7QUPYhYfJt?~Cf>k_hgbS3idn~=!DE+WUC$e(
zjJHBWo^$&TR3pM<n@cu0eH|^N_IU$M%#LI(gYcx^7gD%KP1<T{=y{%M{C<|phUa*E
z;iAR(AWeoCn<+mVdPn{L{`jNfy;xWD)RoMT--?2*C-u#_mQRnzG0Wnv8Wq){D0<=r
zIzn^RFTuX2!JDOcgGIdHo%pC@W}$h?kk<DUr?_9N0bS#cMptr?Q^D@YKPSc}kGXWD
zoMSX*z-Yv>#55_syQ_Ud{Dr#rO&<QSnp}VHewdc^t5UIo9|Q}WXBpqwj~(Tt8C!ui
zPigv|P_IR)_k0y8?knlE1S-B=!qJDMOefNcs<2V()2^nqxSF$ph_y<<bb+mA@V=0A
z{WE?oJAmkrUg0Q@tZ$0)=N@5YaW<SVq_>t3Wi2LaO1zQAinPzRzupzg#ej-<h(aWn
zjhlr3nR2FH$iW!JUr3^i>!g|PHqfxrFj-)bjO~SlGTTCL%h44>LO59!dFly)py5WA
zZTO!`FXAy3)ba-1FHd9e`pMo`S{yF!5h?Z`!kt10&#u3B@y^}vF9>*_q%Ixe_4khq
z{;$F-^@0I;c%#zs3DvTpeyk;vS0pf?OmcH^5!6R`grJXozq{drq7i~>7XP1?eVdMR
z<Di=6_Ti4TKdY(M;)oe$47yqDNOwpNV<cC8`FlBX8N{zj|4*~t`J4cyw;hQx>r$Us
z28+aTd=sy=%+lIFKLkdjSr0J|5sXOE)ov-X3?Z+wF{V6gAVt@Mw)3**&+Q}ZNoh#h
z8zK@bzVboh6G#fCAY5P)$)D+5GCFYy;}~5C!rK@SL}=D@hWKb9exFOK$j?5)%I7Zs
z*6*7!Yt4-B>e5{F$^2j$6`MT$?}~qaoF2s5>Pr!2Nvu^jC+iPA-{V?PRkZrz4A9~D
zOf?jb+JAgD5YkxL3A}6f%q_=;ThZ_YVTR#X3u{746LMf6!Owj!jPyMC6|wje^k;x8
z{c0N;!^OWigpcj{;%XW-`WDnGydhntt;8bJOwEv)W6&p8_#!0`p9~VLQ#i(Gt}Nc7
zMT6tFdbhkd`ZQE-ewWuBa4!8nRK0gRmH+=gE_*xnk-d|xk}a!})s&TStO^OyF|!?+
z$&9Ragk#I*SXm|6$q1EA9FqJVm-qYg`FwwW_3HLI9hd96p3mpwaev%L*$S;CkFS?m
z>A%|<9c+j9D*^^~87FTi(|rr-Hn7R+*X*BsrLffCFB8l6l&<QlsafM{Ls{SbwdM#n
z%)h3#1`tlnFG3hawj99Nn|-l+L%M4M0Nqx#0<`GF_eQd)I{!-!Xe>C26C87Y2F{Bh
zp+)t4$dtX_7`xZLjOzl>|Nf_iRon5iJ#M3=j#v<NNOScdujfZdY1QqGV3(IHGCR%V
zH{d&+QKiZB`N5ywAk`07wpH$%jr>W^v&*0?aOU&3c50^JEKiX~q;?1O*(utCpcHJO
z*gt#>Z%LyogiK(3*8)NfHc03*XLWgHs81L$(ddfE({c6~&>!8q4q7(jKA37oY=H)>
zrSU+_EsEcIL~NdkQRPSO8i0NgNK8Rl{mWJXM*KElv=Xm1XJb#a0B*|X10<r*Kgu)<
zXHVwH*=b`zskQr1(d0)p6J`U35GkB4yh$y{I21S53;@*~Nx4Wy-lGkFeo5}tzrLA~
z14x4+P(?Tp#8qgI_&k6*7skeNNG@Qdf@uBWc1~D=T`(L%+y+xsgqs8=Pr6oHm^r3c
z?aXKDO4UzCF70zzD{*d5W;%YY0k?J<PMa*c-b~Kz#X$+qqI$(!0A5@D7?K_(#-8xB
zTN?S!14hy1-~3!kAu_lOs8fsvzhKn-6DZ#`C7;fg^>r&>x1i~7v{L%><2j?rSKj+s
z-VAh7iFB5CGUyg^67D+>IDgFjZc)c1a5=~Cw#>wR8yR~3?B8MjtGy9!l^I{$_m;iv
z)~22>r&@aE`4hkMtV3de#m&6COZbjRg!+d#8di$%71O%|;j68c`5e!sdv$y7coRB+
zht<EmsR5&yDj!U?A8#nvXtHee6zRAV%46`-xd;eC8k~t^3AIJ&mLRjK@=>!_lId7b
zD_@1nr<fFitSFiH2YZG4sg`#n-VZNty0K3OlQA9>8}dv51pfLbuR9Lop!4+l<Pzk9
zIG`V<#X!oF)9_G*%XOD;P<<~Stw{xR;gnQakHW6KRsx^;#xm$caq9dlL>M<o{<wa0
zVh>oe+>sD-)M0l3<gbFMty>_U`{e(tGN1S{b)Ku+dwX%XU;9WF%*A|`%kc-GG~)up
zcue+dTm_(DR?WM88hfs+E>&Z<CC4Wn9vij5xQK78!o``m2{}1q9!g9en83yz^L6VP
zmAvc4*1H-_`%_<*ise_8AIKmK(=FxcaMl(8Se)_BHGCJK{95c-{Nas7#qp_IAl#5a
z+jQ3nKp~c^ZvEX^-{#iZ1*U0>v&{qUBLAI=wT}k&&O@m;=AH2zd$HeKS`JX{(PqCV
zw-Fv362?4LWq}+D`NtvMG6snoHF|y&NHEgfKv#Talq@8F`LUQ|OoemK)ACo%2168<
zy2G0Pj=750Y1jLeg^!(Vu(2o<4U!(m{xQxpt?uuZU1-U4=NQ^w(~&86%Up`NxcAv4
zVtH-YrmN;h*~W(&IVZ!*2YahEfYe3=s`HRdHkEg{Jvewucil?s@|))-PeRD3o?LH-
z;ee4^Yr!XV4rT{tQuFxuv{~SDxsZ|4?(NE-AJU7Styj2-j2m4`nzn^vq%hh-#S0)s
z<N{WYLr04wr63XHSBFGUkoBHkQp4(dN@M#32=Ih_eV&3WH7Pn0p^5_aG=}Cq4?n&f
z_I*3(cO)r8OJujG!p&D`m<JY>#3&NjD%Ta}{6MsPg&Vcu3N-?A!@)m)Ry$<kw`s@=
znQ_bKdMq_LgoL_(e}mC0h>w{@<d4z6R;nUO(uJE6u9RLCzPx$V!-)C|{lE_|P{xhd
zuc<-0<DG@6Q?t8`fZzJmtDRdxxU^zTGC+*Wz(`Ln@{Cg~W~=*;1(wJX;i+#f1R$k>
zhT_uCS2@;eg(#aq)YmF^o4ttvCc)Iu*B}1D507(e1fJedg2uWC3Fd^T^pL_1k~Kls
zVs^MaJ)zoezFqLniB!7L<S&P>T?9pA0!TV?cm3?@eQG0m<EtgI9_$sSFFB^{niqOg
zGV!@K9^7dpc|4xHbN}-Hz9@9fwJfr|NU)eSH|F+C1*h|mgtjpzO~X2~r}4axHU1vV
zrPTm&R?4?OB1Yyz#J3=WZRO>1E3?~gtg!!f9rkJ#k~Ee!o2m3k%bwovi#W$`G{$^4
zK}jh3S~s3JUJQJR7Md<a;EBp)d7H`r%f4VG=Yi++pGB|f0Rv|m0;g5t(s)ClC!?B^
zGG88#nBn<9YWw$Q*vD({m&V!FwsF*yd@-$AoAlS`<!dY`&Zb)|)?DO+TpdnEWf4x0
z&W`@u8n(LmSxni6KA)4+vW}+#^y_xWB>Z6g-V1^D_qellpE+#;K80UVlX%nWpIX|d
zviLnA%nYZ5+xegf)^?(E&_v2H^&_g(l6I0=gnJDtN{308<l!vQb!s9gr7NB?ts2=t
zFvgTyoY{pIDYY9C)X}$&Aza0OV<=kYSV#p~4&Wt~Y7vpQ8imBo$8MV7czEUhs3T{A
zeee(Kr-X+(_s(J+xb0X%j^dNncn9%U*I~w?xc+E)qZBZsNKmt~*B#{e{gPm<W4<xk
zE}Rm2%%Jq7wRqoQXk%iJS8HafU)`78Owpm2(`7hnRggZ_-v6~0-*zRvWl@{ATUMfO
z2y1jD%6SPHPYyRJznQI91pa^B$5`s_6Pn)>bzD`A^f7J#W<jknUxE;n9b_79{tk6S
ze3LcB-UESor<0{rqsg;W)d=Z_l#HC;wq|;=9n+o&3{8UI+=<K;a_M$e#NKBtIlj0s
zaUFS&Fg_ql>pnxS-Gj`edWD%E9j`Cv!Qd4c1Q~t+zrW^VwFl`m*^s$7v-{7m>S%$O
z^WBQs#qTWUw4bWbtc3g`T{_3lp4|wJHi<OSmSWz$Pei@tY|nUF6@i2N^LTVEHJ(m7
znU3M;_m<lQqI~5pMbYW$zqQn?J=&~(49kuN{q<;}``+T&J=bC&E9xD@u#olGb<<Ue
zC=???Dl^$In1h`u^uLR$MtxqZ6S;N8;=3O(x7|plNV8`7xUsFJH$c(zh|PmhmTQ#?
z+k3e>vU<|)r)I>99fXQY6M}uP5hN(XJ)=OTNGUGbTrXHCWOyQ2urAU+KpVEqA#RH1
zvAw&oz}M)T%)wLr0JPhcR0iDUqSGWpPxhzz^z8u&Vyv{+3@a^*ZSm|^JFR`{V&w>i
z&ZYHAn)b0sEI+}u&UO8c50hDk{ZQ(;LeU8lYXcAUY4KzK{?wK%PvV;vdzGOo&U#?8
zt|`b{$7FW`^?CH$;$fDg?lK8?qJBFl=v&FhlqjVi*Nm_tGq88bcKN3l(MF2PB6uGs
zUd1M4JlYuTVRP69jDkmrG#S1v&3IOxS=KTkx^0a3tv`ZJHjBdg?Qe7UdaLTqKC7KS
zi_dL(maD`ARqpq(b5)i7V%8*%*bn)xHN61Ex4HL4aHl)Blw=_0P2CpcT4(hJl1F!@
zpEG{)$#7(uPQh02KTs=Z3^Oz68D}_cxU$=LkmTR~EZwJw-!9eO%Vtmz-MD26Mh@Rw
zWE(}cuzLft4B6e-jLT<Z(RO^#=%3tdE#tEPme!^!m3D6A_lpB|W|#HEtyxuSEE{n!
zZaPqlnuJzJa)E+yiT1#MV!ZT>p&nKwpaqy8rl`FN5&TfA)XqQZaWzgN2gOYJ<+TmF
zy)l>KQ_M*rqSnvC*K-N-rrl(Gufw$k3`vNK#J;9e(nBxnuW-FaRKyu%6%QfA;**E^
z%<17U@sr~~aFxGZ<D=`Q7JoxcR6}|=;gupr*}4+D!g8mX7<0%OI>jv}h_LwSzP0K)
zTb1zRy!zb>iaU?RjU69C;x8+cUifa#@2a@Uv`|cwG`j~)K>3WUA~?3Yn}i?Dt)ZXd
zJkiTA{?3;UOV~?cFH0r2!{!cX+_6gf81vnZ5dEUB%|d_+-Bm4SbYTpoST!zl3seEj
zU-oo>9B5tGEt5I;?)~k{R8jodgVK0i8Su=wd@dcb99#HGdbb$3BR@T*E*%sc8Y<4g
z{$m*iFCSJD8{HpN{32anq)cp+qVY`lJ2VAyfqpIDyYvgKi!y`E1sa%5l9fu?Y>E<g
z+BS5wISBh)O5n(TwlpqE)Dek4BR0DvrMCjUf8eh<b?Oz$MzM%0{03%3=ofPp`q6;a
zb5S0WFr{#7f>vKzyLyE(pB)>z36+}b*qyq&2?%04smL@3$|d>{r)<6M#TV7ia>TB^
zG{*yM?IF`X-9BCd71d4V;U$54Vx>tmq$VXF1gw0AYZbJh9rW>UUYjlQl`|HfD5j$6
z9`V6*B)F`y##CUpXQF#{v0@P9U8Bw^Mv62EEL78nTcA_3yIdX?rximbU7%UF#@(|j
z%IX)c`1W<DnI(9=kl0y1S`@52p{DPgWq9p>_qrH6b5(<h^+}zzR^d-+^=%mGJo14(
zmb1at_;TWM<{&=7e^h8v=m!fi#jLpewA&Lpo4}NEf2q;WCMK0MIcKos+j$Ld2|$dr
z_5CYlG7dxZKLS&J{KP`hY?*N^-K=_DE2BQWMT>X|Q`UX!fvCkc*5SpPDn?!wChKBJ
z8eMb3Nn36^l<d`+k@o#~wT;evFN(eH$|(6YvnnJde5CY#xKSk}4F#Uj3V2@)qC09|
zk&^s-5Nw^RPFZY?DH9ZU#dY##qA34n1EKguN!GW;x0ee=UrOb1*VUIM_Qbr%#r?GI
zsJ}R$Y-XTkn6Ri$-wyPu+vDK5j1}Dc%iQT(H2F%(sxXdqI3*mxFw*Y}hBG&=7e0^H
z;kjt0-g1Fgw{54YB7e{npZZNxEKg$C%FC!>a<+^3^Yg3RL!t^{3G(4n!*Zj<U&soc
z`%!S^)t#Foa-1&>^~3e+^gr(b)gxRcmv^0wnazFh`*IR>9U(+imn8cwAqwtCD+RWb
z)Z~}mkC5xuT@ll*kN=nzdNWr_;Zw;S;nnt=QBZTaZYCI=*R5z>Vnw$gB*^70GsMV~
zZbjw&kJH2|Dc0jD4|hnaE~eZlD;+zTR8GH&`2`L(KRLske>R1XxuNu=uIb7XIziU+
zWelinP5HAC`S$8J`TBkf{$$U76mERCm{a#EZ9ZRi3HFO0%Ub{=+Wvs~Wl|HJ`!A>j
z`^hc(bg+~JjnwlqTHTj5#-ei!R2P0u)Rg%q6Y$R6WW<P$n@et&*)h`7f+OuZ86%Yt
z!fEzt&#Brsm&Herk@XT^Hg<-_-x|o5DPLD15ZAt+w|GcdbV$KY+sZbZYPe}J<lIs$
z*9j?)qx&CNTz2`JGY**7eBIZqaMK3VaY}%1i5AOZu?(p`o_9=S(twx_&#FoQKL>0R
z3x|TQ7`sO^p;Xe_RE?R0x4mPHhYzfJTg@hD82_n`uQqs~*rqY`-y!Ny7DlkJD+xGi
zpG{6%P&hzHy6amwD%Ee%G<z!k+}=V?v{LuM{jVv66ur*hK4(5cwQA1ynvf;BQc!iU
zV}JQu!EoXGFvbhNj5U-;+x>^zEb4sgb7I~T3Ik`NpU0<Hh^Xi|#I-q`v7M8hrbFe7
zR~i*Dg>XFLd}(a-XRS&v=KIbBFswNF=&J7%h2jOnn;_K5VX_PtEYjRE+oo>D+_Yw@
zCnv&pR7hm~a<p`8@Q)6=+~8aTt)481cce+-8E?~$*W-m!nly}t{EV(;Ul^y@G?S7d
z=_FWSxGh`J4XYp}m35tmlFuLPi$|hEf42NX<NxjNjr(NT#=1<uN5$FWQ@>lYY4T0h
zseOi@Kd44P66S~F&CK~^FGYQ%3hKvY{Y@A?@dAw6h8952Q|d<a^g%f=U!&<j4f|XA
zf~7eVWk{VEY+-F)=R|zgPcE7Zew<-9vEelFRrhrl7!;ad70#H&({q@({waxlOcW@V
zCsmIi4uWR|FVyi_nn6bq08pN2r(FzzY;9^ccY8&D&O!0zF39+H*8hFw!-|G6h|Tq(
z*!njfYs)u$s4VUQX04tWb+-R%-1!u`cb3k?BP~1vNi$zAph;#vmnL*P*NYX+Giwae
z&w1*jy(Xd74s~)%GnGB{tooC|Q@4|O(p2KLcrg+k^Y8znv7h+vp1EvtlkyjbnE;Lb
z8Qwg4waFz57g0g(*WVn|zGJEQ(&_w{BhKAs@k*<zjcNG!?3~Qs^>aeHK%^`5ODb3{
zGx3yKDX^^i{-j==VKO^BLqMOy8ttKIXG^0xBb_f0_#-pkj*gJ4bMqO~11{V&mywmq
z7_-&=5j!eNm4smjzXu}-zo&c-O&#%bE)n|}@gf>BZUkg5{TP}k!Ndcm#|xV(MO(md
zJ8dFR8J*Lk-r<2|&Y;OVqg}YeM}2U{hG4a=V<n=WT}9R(7b<?q%7(*Am`r}91{g5&
zyWNZ73sTEiQLj5{@w5BYrb(60bqs=IDuB%Bimyalld-%2HL4zmNqTjym4V-x^sU0R
zaL3>gXyr2RYE7Jb{lcbBwwR(#J#2k@-ug&L_P>T@kEpV#{fKkbhYPVR5taJw31Z<Q
z<~7^mFoC2~lNKE`m~vKJE7T)#Rygg}=&KR3A!f&ptiWTysf;*=*`0ItrD1iyAI7kT
zGtxeTiVq>!Te?1~FYcr)=A-R;hjwt<dLzZBVFwb-<FC(EKSw<{U6jKu@Ox%j7e`x{
zOTC)-1<VRBWje^3FSCa@+zNLWsME9RC&>wI;vc?FPB7P&5IAFifMCBOuCa&9*pkMf
zr~vwj2u!%L(<>k^v1J(QSN&XB%Z=T|-1qE2pIM<Oe&IyFn!R8~sp$y>9M`_e0q<zf
z_qfw6c*U54VyCI(`kc;4*DfGpNcaUcW4<8QNN=n!7kU2^$n2c6tN%K3X&UUU^Qc3g
zBDH?*mcTJ*-p1oiWLVHZ`W#^UvLOaAV}I@Yi>rg&N--c~YSX?c@OnlXrdZKpWcu0H
z03A9(lw?vf0mdBkH-3l_k&)UYn0xIes##O}>zWCf-dp2-T=BpgC>nsjxags2U7uDL
zBUtqzXot%{jRC*S3azTh`O?S$7_K60Wb60KwwYg)L9-MNvKWOzAfaU}r$o%{U}IP`
zQ<NI%b5SDE!xvtYCe=)P>+*~Z2>d=Xv|d13#B6ePC1<3{+)g^Ugq`q4?`rSuVro9^
z(C5ydUzt=bYyf~1iKIpg1ZX=pwZ`mC1)V=@dO4i|ZXdfn=;2DPaeyMBVBg2LIV=@L
z6|ON=mG3dzp0U@jf4jiUK<$3ebsGKe-r?sl3aKcz|EufYp(Jn~1{0Q@w>dXCaFK*N
zMln&YX%P?=oGI|jQ~EDl27ORZ;errUohz;6e5BGeXU*AJIFlk7kDlx_H7L0t>T*z{
z=f>)S2rEl~zcuzS2|CJ;VtMt;pbsefsPhxM{huS@e`Q*4xxzKcM?li791Bdkml0WP
zm;q>sEAoKOEm}lK=X~vkSq6bB^Gm}FmLLf4qO1DOT3{Ht@dTmZY`=d=M7#sS(|P}A
z&TxqVmHG+>!D1g-uBgk*w#U)IUywL$DS4W?y0dU~=1(ubGUoLUocW@J#A=(UZ(SX^
z_3A0@pTq6$Dh2WuAm8~~hyytLAIqFg=p4^@c2t8`T9?{QeHIScH#s)1-^u^yWAh^a
z^Z9g!U&F=jG-!Rwvp6yq6JKcNO{6~A192LeMO=L$|6$?ee?R+{AKvo8Gm5~Nk9ill
z!07R%4uRDVgQ2D8S~nLug%hMYUDc{?f=XQphE<SYxy*@h(t9+Jm#&Vydp26j|C1gk
z63E_Dj(r?@CI<3!K{;Rw<BXpDg>(PCA6GS5T-wx{!IJDwSawZHO%M_;4!~rVZyRCD
zK)T|p8L&MW{^ju3*>zs%$z2BqeHq%9PPVS(3#<Dw$f>Fv&=VcnbkYvp@?ges>bm{h
zDX?}d3fTbGTqMHpFGGy8<g1!FMu2SH0$h1E5Tv{9EpKcf>RBpj`P<i_4uMO$|Np<F
zspha&_r`q=MF=wO+5SaYjHcz2bCm@!7Vu8v5<@^pcAa+s>VRhAajU-g)8uc6&DMO)
z7<l*v+_?5JUoQp@2d3J{!tK%#1pl-~7>lGHT&w&aAdC8Gu`1xtMuVc4B8Pi#A+CLE
zFq?`3bg^&PKnEW2prNU?ucLv;DbV#~{{DXdGeQLB0k-j<5}3F=NzANxVD#UJcik;W
z_wHexidHzS*9szDn492=U5UTGbXOwdkB<N;v#P+H;NKds92Y3s+^W6~{o%RyQH!GE
z$qf*<d#c`XY-PQ>jO#`)X{~)EJ#l6eUh7B2mR`N5j6|GCjuPJ;Q+xb@_8sWE-?VM3
z{(AjPVH~a!r_4}rS>^r;PZ3NL*5LOVT`f(MZTvfc`MjZ8`{!4ML2$B}r98E&p3?Du
zP8I#KB^&SFiVsF_27qkc3@cOVd-jV*_AW!V*54rI8Jutn0y7k#W`p28x~&K=hikJy
z#LjCdI~ahSpCQ_Z8#kxKRY7d36w8pczuV&Qdv6yyNffabU`3-6Nu$CWfDtd7@r2!_
z0I97ku7eg^A>erjq!mL62W8rlCvOc9iZW+Q=nnv#tt9@0it+Z@8675dhw<`VjjZna
z8^d4|hYSfUa=<rF0sMDjs@%F$rQc<5KBw|>2tND#dp5OY)7DH)YgrA{!^`G8J|lLO
z5A@P5BYriIz^dSX12*l}L!LBH#Yu(J6Um@FFh-OPo8BoQ3&5D?j|8nu<A{GQv>T#M
zZl<-!TPi+vKmFTRkdv7!<tgcpAQB-=4fq0XXIfZNh(=e;k!3zo`U^t+Tj0xZ7J}#}
zteD5C<s;P}K8=ox-p~9}e6sVt9EfL2fb#B8d7VSUfK5zqWP39aC%Y0Q-G^?i>hfw*
zXYPw}bA90IwjvK!6N*mGpP};j%81wjRy^(qkw0(BpP+2iSyJdz6u18~j8)e(2R>(^
zI;?Y0sL?H5m9^yyzd$Qc`8h#h;xLX(0o27!zv6+nn(qUG->XMc$7kQ@Yw<j<gTxGq
zP)V|E1VyUTgT3a7jmi!Xg4ofq&~)K4L9(B)yt?oQabN_vGM&>^p1=ntSC*HVlEIZi
z7#Unpbd14K>h^Ii!lgYd^)3}UzQ>8RF*TIvT2~yF`>U;01o593iu|OHVgB`31;;R6
zbffm~Kd^^*?^`}|X${7+7W~=lc^uW})@D5u8f<(8lF9l@{fR5PDr#ZMLtM^Tmp*a|
zX3k~83fXgQ8`k-~<-7qh^(R&Mjt|mwEdqDzMRdDwBeU(dbYhP)CJ0_}--@eI8&i?o
zcS=xH*LXK>1_AK2JGCGB)quxd?VO47TykCR^=r1p+1^9uPDDp#F@Y6dV-i_F^iP`f
zmY3<=D)|-L5*}dc?`T_k=#d~Nv_g&l^|oNl7juclasviOc;}zqg`TZ_J{?R;Uz2DR
z#RAiBb{#K#@{E@X)lP37vCbIS>Hg?iNij31oxnq)w@_LNJM%gI7`F*&Tf{}l-@f3&
z*ODx8Wy!ZBuBqFMHj1vH_%)nImo@>?IZhEOjuAE>%cwc~Lnl|qL1a48|2bff>`uu7
z+L-Sjnbwn8=%QXkSAb>N&1!&+-1uW}#N!d!bJK-pvXr2nx5DW{)e2#~J*xR~ZL{T=
z9VEnj8nELkasg}|%!dc*-@$Gr$xnHN$+9wIS`$*LABxsv#^V%$k+k98ZjiP(XRX9P
zBW=wN5(~e7O5!;IrC()*Brr=b|8nkUo6UZ1YsJ)lyrWH$wD>!Cc8<s+hc78AQ~8w*
zcfNRW7`Jcm@bQRI-(s(L&3{;zMHt!P6{mI^Kq%AJ*IiNf2Yhcppftop#=>NotxP=S
z)Pt^#0>S<J5qWz#V+jwb8&H?zzn`i?kI%svoQ^+WO)ChKGNa$Jvp;iR-GIEH7tEFT
zNAlPRgN55~LpR{m<S1|^CAC~aU~X;?kh;q!T+3p{Ha@;DSZ|_l%X$SI0WwFexk@hK
zz2PXE_?z^gD4Io;+tw1}CG^pc*Lt-zlA+suw%M?GXikH-&WTIsBUMx=Fj|_m(+GhR
zKF(InTT{Q8tHL_+#jH3fKB?R}_u89^B3o8+6n2`ZP>p|ecy9@-2NUs68^JKfjGx@0
z-3ZT{&`N91N!);%`achtK9Y6j_=%4{!)>v-7p<CvbxB$TBa?~E=w@sH2#hvQ5a8*e
zEzuWY=53>;-p(v^?5veaVd&>~mZxj8KO3v|R)U1Yeq7|+h6Yx}7JbR8km3*gk>1=v
z9os)E?*h}Fj{!II?;<-=SE?I6?uVfuhc!<c?fLSy{q}y+PaLZbY93`%4L_oSV?*wP
zp&gslCx?<VTAkY}9dZ3hn05u*UKR1X`?&8v1J}OuDtkWvN+opStjl|*lJ9XZLVmw-
z)jowh9;uzUW-;5A9gy0Uep8pFF2{*uKboFQHgSV!;!%VIm`WGiLJs4xlKXW}FIrIX
zVROIm!|N|r*k16+%r}zZLb{Z;>lVyHT`!7l)icfTJzg$sX^C&42@b;f8g87(i+{Jg
zT^)vvekE)0r#_xgIq0Fz6Q=)rWU~@f*o&=~T35ro+V=3V{IZjvx_iRgsgCU=Gr7w>
z{vu%e7+-tLB8HzwoO(1Ot{Y40e{}VVW~!<Qfv@Hk$_4*ZeM##mrwg0_eLX%?qZcn&
zcvImj3SUZgu|6nxS6ON=cPaS`W4P87nve3x&Yk>DycV2&&=l!K2nv#vjnVrIxMAO3
zocO#6!bpYLj<ju(?9?8W*^tHc+6#b&wbvP>$+V53$mM6?{8b-6i*0MtD}=6*%Bb^2
zHK*)ZG#`aWlJs5q&uJ>kXm=6*J)pL{<Nfr7;nVi=xFv7o%{r#3OU=P+h*iu)X4+0+
zIgD%GRLZV9e%`YNUxn=+Z0gU-(lya6+zSu&$y&Blo3^c~uEDosdt`RC4-WqMxTd~$
z-112H$!e@5ScaG~zm}5Xcj7w9+EKWDhG(Ot^ftLgP!yi#c&SvKB4qlwmMFi1=_0Yu
z#?{(Ye~dc1?K_E(WaTsnv~M1OO$)Hk-<bHYRtE2TBntfHw0>&XZqI6;xsm<yUqNw$
z!Y7VBRxMQKlfQK9-i{$nA4D{*tHTv%%?h((S`W{a;;hd^9rXMGuy#cF4LB^5HxL`n
zoQ@x#p1oTJ(N?LPE%kViAx4YUkI;6}RVTh%-O~u$?)O8kZ?5tM=;vGY;E4s+CAPO&
zEDaR;+=bz^W&tnC#g|W1ln+8TP!8tH!CsX8J@zA{_N3W5w}hbG!aV^X>XP00rVx3(
zwY_`Xe7S6Dv;f&E8gm4j8AyqxuBM$U+|sp1EB#bFO|mXG^&TDT!IQec#IG@tx_Sl2
zZ1BKoMjre5#3K4ra=F>!-GGF>h|}cWaPkuv?T7fECCy#6qKdqmYL?0FCty(6c7^mA
zr_M=+v*qH}Q@dWP4sYXG%>k+NWJrdtwakp$w#n%!r_$*K!_~4+XSqjR9?JLTJ{MWF
zC%=*EV;AecL4ho;(y42mt0x-w43FEhVyB5epdc#!a%_a&d@p7IMqrAC=`F&ko?z{n
z{sV@UWlE~32W<YaDDFBYJiA2rSImQOGuLZN=j)tDb41rieCnbAuH%q3CtTZhexuRx
zj8FFZhiLI^v!yXiNiE81H%snK^FM4e#`4O<Cn4z}3~_q5tKPP1FHmirz&h0bRI<c!
ze={oXXV?9j9Atp2dsCZaXN$zGK_PZ_Cc?0}Ecpx83M7tqPu{%*J{d~*J4Xo?+5Y;K
zFCm#PqW3lxr;EOJ`WMC(bISo@40xj(ci*O(l$`Llib|7TjVeq;j`7=K$m+72_lMD-
zQ|$9`l&XZxP16W7gKcwKgYp44LQmV>Hj>{TNu|2Z#5d=VkR1Hh*VVeZu~eLuHj`Zu
zerrnYXNEV%=@J-Z9uZE_W?`wkQMi>}bB0H4C1$A+FZaPvo%D_`!NO_K*U4ddONC&P
z&6O|K5#8KP!bGtegExte(~otyFtqQBCXa<zWlFSHd0=7Af?6j;X*tlBcg?m1g5Bz3
z%*8nQWf?r~NQk!eAYjP_vXH26bqN0iGYr#B<DjthT+!6Pp?~>*505F0WTjUm7$H#*
zgGNN(m)7Q4bxbAN7cg=uJQsM*9x5y((;_rZ?T4!nso41L_`BofONV!p4?Uc5<$-Z!
zBtFNw*GG+GDr78PZVK48mifgk+Ksb5cqAazz(j7xvOjb2lBqRWyuOEJk{9N2`{X;w
z9Q<3N#pQ1Wr}BKpV#k7Nurn}$Rqg6fhBp%DGX~=C8r2e;uZ-At{Rx~6pAKBRC;B`r
z!5Q_wMq|T{u;Aft2M<qLa{4d29G3k~76mb3gr{Q#Im00NLGm~~CFfa`s5MK(nTO0F
zk7h8(&YssJj1|u5QwO6jQkShK2_$?w35u`Gh<4k2f<b~+lQ({d!MLb<Pk=*c$1`Y5
zK4=|>Bioxja$!a`RlxV}jhTc?Ykq4%R+82o*c~{GH9&*>P}*BE0fu=NMG=b|Dn-#d
zn285R<5wd^1hO}JX2}_3I-Me1o6=t_0mY+jEcnQoAz$9q<#iQL6D*VP00xVRb>@|2
zh*TnSYo0@v)JZdsmgizZ9Z(tH^a<q@drafe<SxZ`huYS>1I2z0D#e?Vbv0l8rG_xy
zE|u1)(%cUYj#iKAjlH3JP|c(*yp=5*O00;fxMO1f%zpMVbp~oRhjM{zX{`L!v29uF
zVnV&6s`SwNFdd#25*+^FE17K-7~;L}DA5^V)~1-c!9CnDrPuvd(Z;R))YJ_>U=2KZ
z7yWLrhS92UjtlcZn3Rn4o%nXkv+UW#iyz0EuLl87_h_tr$8xyk=1v2A(?|MPM|3Ne
zpWI&U0Wi<@LuaRG3{^o9tSBfo<D+YB5}8UN_=B3C2z*}WN&qHa`vQF<g;bdB63es5
zL@Hc9`WRcRk_pdzzRc+LKpTR^w!P_SoB{nsT6sr#V_tflSWc%(3B*l5I#g;=e3FN+
zP-YF&X@|3W{pe<hxm*9*(z@AtfM@_&s6xjXg5$*~@ndA_@y%QKLEIkVDYB%3!|MrZ
zr1lS#CDSocrG|L$s9nimC;B%(4tCLd{o<}6)AcF5mAbrHEM0+`Nl|UN;|=pE{bny5
z(Mu<D4(nk<A6VyE!^BeA=Ei<x_VJO{T&*x#wa{)dQpGT)r1K6H2;9>2U4ZZQ2$vzF
z@JV00Xr&qY{PX(y;e;hP!U7zkD`fItikBS_8xJx_aOzw!71Svnnj7-A-%`YeLKlRZ
ze74_9-CQ`4Y|Iv87W3mFuG7b&aO<Pptw)?dV}Igc>so7;xjg}@w8SGGf%Jh`u?g9T
zh312%Q(?tRo-pwV{W+_|M=AKUtYuw}T5T3Nh7={GGH2~jrsj?*J=+`MTAiUES#h6Y
zpO%gxhyfT-JiMS2AW5&QYZNQvG(huUN?SS$0LJ-s7VdlKeEL$ktN@OT7iQVIA)`)I
z&!T6W0l09O=0qoY7>}ict)l`?b)|Z?r+U`Uj5b>EL*Z%tjynGJVx`lO$M`C!^ReFq
zW=acbpJmJnlzPe(g(*@-F#x#6ALW8k9)ju})1m$P`Q&T~rtnDExfWT0o%bb%uPI|a
z`yIH$UXe_;Opp=HQ=N6;Y_$)`3ON#ba+uv8Eq^5;?MU&X;cJwb7uOW$3u7v9gXYV~
zE-i~K#FLVRP&4DYOl1wnX5^#HT34;IF4<g#>Zto%s@Wpmfo7GR*cK^N&X)ah<R%|w
zo*G6vhiXF}izY{K^j`BL{Ug<r&BkpU9iM`=8AGdiEmQOZ;=7SY@x{&qE!89@&W!G(
zbcO7_(&KdFJheIOw>&b#;(FIh=6;^TC@$SsyRj}ODn-(fR~%FEa}U?N(s4<|g@PYE
zZhN!8Fv9R$5It~JFBC6@)qM197Wm2iu5iX&+5`&;U52nV6qe^X6`2%X8yo*vc`7hm
zYejo=f`rMD-ob=a95xG|u!~_zVIL!=*f_=H)d^arp$3=gVKZmUQ=~qjhm|VsW^oDB
z<KQbWOuf=UPUc}GA#=M_;Vt~0f~6<{eJO6)Jm=7`>bGpEKUl|N{B-TeO~rm7sS*Oe
zl5%^l$E}ZUmSAw@gD={~;(1laE*~I{=ll<Y_wM%FaeDaw{$V$6t}MRNco0<U<Eij`
z9D_B@it?WuLpm*lDaQ8u4Fg7+Q2`FU8b@SR9Io~JNUg$g$QKw1P8H!;(U0knrkEYw
zW047+!QWe;#D1SS)qINeNy}^yz~-;jOJcd*l?l?OmCx00GT+?g6?QPG)7I@lta+mn
zP1#H@?)tN?Cukcwu6FqIs75K=nNVWoMa*?cWrXtlAHMI5#x3rVh6+=B8eT*xNMNlr
zKp?rx?kv?xl(WiCf0%L=S7;^P70Rq>-lb>fjnEC9TVzRPx_^JY^7S!Q+3{Gn?M*pn
zY;76;0!CB!{MgT7z)cq)8|zYvkm@AHds#SyoPMLqCQ$Av8-6TiFVP@0v`pKIKMWf;
zTr7UvAnc~0K3%iC2+K18Pv;7<>?WnN$!vE*lp5JKY#l1n!dK6=OcnaThH(mUksOpe
zFB39-fx`wf_#WRY5M08Dp84IJ4kYg4-j5yQLV;PzG?B8AC&S2++8wqKtD-WPK4d$I
zyeEVW&GuZO7S_d)h0CdNmThx-@qrb)R(jhkvpmz@LzS7T%fl}W(lGnJCakHyV7_-M
z@3F}Bb#n5SJQHKW-lv2=N=IZCw0gdqQNLcn(-{V_Vjc#du>GFuU=Uyy(i<h+>A@Vj
z?>ErpzTV^bO(_qpd~_{6ZdLecR7kk(Qq@<VarVJ5ahg6BPy5b-DZVnp!Ndg8b)}WC
zRuHe$q0HBK&Ku9ubPS;4k2KenFACO?FG%RGQM5D)mOlP_x`0>ysq=Ez!|s@<!X|sw
z0>s0z7xCDuAjhn;sG^^x9hfUr0ce({w1;R4uAahO#$7TLD|JYJQE$DLuM?}?DWKsv
z^bfNFWaFz8gx<MLV=F5nfqhi&NRtDH<opGekpJ#<hrTzs+hNtI*hc0jQ3P!d9GPiA
zNdULIMpF1RKFyn6-W>s>*u!m+fR77?3Sunj)%l6z&FWRiSNxCvEABYOrwZV0bA+Wz
z5k*$l6<}Cu>4`XrTIP2b?zh!NLs5SX<)2nv0aiD#wrRqtg&B*q1>kpE{x1L<p6-T=
z(8q-#=EG_?!3?e=!_=1g^Gl<$@9GYB+y|cPYh=GqZ-gD;Eo}=wSh=WB$Yb?9*3_)Q
zXHQ`q?!=(gf8l4`g^(#2T}OMLjptGR{L27zGJ%dXI7X!@5*me5<nVeydxiP}1}_)1
zd!Y6+YpFYbeu%B=(&?(Q#s7>5s6<{{fg5lOIJqCS4%&4zVEaA?J|HKU#sHws7@i;n
z8nrLI`~$ef$am%cfihnobz2{|jv&y;utT;_;n*&;Ob7!05^ae5$k)uaMAwGh`Dx%D
zp9taD>!8zb0eK!DBUtHxcLJGc^P6Ub!ijt|2pk|->Ta2Dp9_tJ`zQ-8xF3FT<pL2;
z9;lKnEH?+i9dzVSq=(v6p_8e$9kC5#kfPfKzY$&}qb0-i1~tN7MT2n$l9kijt?2UL
za7RTH7?<|X7d|z5a>~VtI1Czq&_Cc$G)k#J{obP<nT!zXK7iBpE!K~S?+0S~N=t5m
z`G}Ag^T5|D^|w=A1jh%p$k#P+xsIPeD-2LQU5xY7FV^O3E8-y_gJ3vu2yH(JCyb3c
z012pc&mgA4LHi%PMy_49R{vGQg#38lC6*Zut=0*ocbNtZOJO`x+w2v9WwJc*64(L6
z-7{e`$R{$C%CE2ke7)%DP&yfENJ8mRJ5>`h1=0oovG0Ze0-7TXbb!wIv%#031mH~P
z?Ke`OU%()OgjSe$*m{(eL7Xh?Fci@hWnIAbawArO!x0B45yt_Z4fTWnr;V#&$fp%#
zT+0R0ui*~(SoCJ+tsOwp4;nBj?kA_+t>^eWG5-*(5*e(tB3eq~0c<14oaU;*#`HB)
z^R~W}qI1U@;JXbc5R>8M%^v5k;HtXsQ(Fmayl1wJqc6a}Z5rW|B1BOq|AoG%t?&U}
z>j(Q=7)EKycjcF>VY5RJV&`GQ9LOq=kOE%dt_JjTK0APWw*u$mN(nNcy!1KIOf@s{
zXL>2rbR2^@NUai=#Nh!86g*!jvCqJO&}n}89KD4uyDZEXnGi~N1wPhXzeN}Lp50V^
zJm1T!0s432ZhjQN`7@}DtV7ta3!H;5PE{D-DuM7y5W9iQChme<-|})30MRm<>!IgW
z!Oz%I@W)=S49{LWw|n`f15GF3Lrm@v9ny1OFYn^SbN$D1K1*hMeD4vrpeHtdKSdYs
zBlc3H&VQ!A_7f4@IB)eB@<@QVP)5_<2E#-Y!bm>*ked<I9t!p|Fejsjhj$mhkG!{n
zZ@FDrS%RnYw!wge6Z>%{uibNwj8RDd$^Bq?=*X)>4ZXqWT86MQ1w|fnf(55OuiE$<
zae6JktYA6)0MmB1GyFITbBzK}<P^?z*v`Cw1w9lMNaKFy=eNcO4F^apQFfsyO*^j3
zDxno$-F{C~Ea2wCAFDIo0M)ZKz>?a_j$Y(tVK>fH>{SbrfKuABAx<}fP0hJJevex-
zC}0Pc{ql%)!t0p(GRxLbplA=Cgynn$9F!Bk3LC^C7GvJ%>yS@{{{x#!?FcgQgAM73
z_6Nib2aIH@<v<;7`Ezy-b`qL?wM|1%a6EHsK^~bNumKgZ5q=X30PeSn=^;L1F0Hd{
z?$_%~cCCaeXWWqBg}?vcOYGCtd_4~{u|DSM9GV>?rbv5Ivv`9X7|@(r<vM`fY8?O4
z_~}sy_PMbc|B44PWOnUeB7%gaiJ&@|WqmG6QE90@f_JXh4BddC3tz*|44o<`Q8&Ov
zZL7W?;QN~k^<WXU>FqHN*b^F1jw~eF%d!z%4WYz%7w<w;2}fWlB?M375Nck8Odh^k
zQ|&X@r~mu<$}RRN2&D>6>vg-H*y`C9nk=Qi1<O{p5*a;0;#?^r-vVuzlp5?omA^XZ
zwEK~H6RC85bShKK2S{^p#ZknGt5VoK@_>Zmc51}-_KOV&MZ`>5&T+VZmbmgVJnr=5
z$oA@3MM3mSTsh*KH3A|hsk);%_T&Qy#rxGyjlCuNd{K<-0jn%Wf|+)i;FK|pgyT~h
zG@549LWkAIv81f2xyU$4T}z8+`yX`$59_70#d&|q<_v6|6;q(q-DSAfL7EG&ahzr{
zZ#OE`cuv4b+s&auHNlPxnPzU1H-Hh&a<=mI0I5m|+}Pocd+9N<h^JCodbY1!zj5ti
zg5U-W8=p+G{D+})l>%OME{G3nTmyMg=E9RS*i42n8l`pV8b2LJw69XaWXm2>oJ#x?
zbeK_*!J)z2Cg}p@m(LgJ?f0p!x(bOJ^TR04vw@$c8+G@FErpsbfaTMF6{jd-sACfi
z1g)jDrL>EHshP&Y-)-k80PLwgSK$(t$>3Rn9UJPA1QmZki5qKis#3k-QD1%mDYEQ#
z#1q}^adjd~OvT5y*Cgruo9Z8cExKZZ_V4&T63j`8)v0@#$Roaj{Bo%DoKjE)aSnn7
zTbI+1a+pWvS|jg$eyPAb==NI3#}JEY0ZQqa9&oTUnt}%3cmAI?!cOX@%F(>Q6ZWN*
z)fJ|Y6oE(jEm{~+s+AB`GruMePUoQ-P<Lg1sil(faA9`g2g|0Ool=POdA!_;4Oakh
zAf5CXOMRfzp-~3#<Ua%$S|o{HSsM{AZ@F}i*Rg<RJ>W%kEA8YSbs@Iv&pH?s>cz<J
zfxP6qP7#FNb!@lB4DTIT0D8jkvbkZF(x;-Zi=KRMo2PdLX=k7E96qH}G{_!CNlu|7
zR-`$Xe5EJ&Hk2<~hX<;z-Wl8GNn42xkRv(bCF)Tt!7l~~{pSdJOI<3FsB0mFu?=9A
zu@t1T_;-`$OHPx6hnekUvCI&H9#iZ?N6E-4*DX2Z$Dc&Say(>a@-^^jTYiB6fxY4H
zMmI3&X9Lu;@wjK<>H_l>VO7$BU-wQK6pFq<JHiG<hluLD1hy}qcRf#UBbKY;vvgB%
z?!0j&V44vC#z!I+o`2%FPP`P*koNGb;bTeh{lCRo4Lx=)^w^>%|EUgi&8H$FZ%*@-
zQ*&9LU(w<9kTSpX4qc8h7W{8dpD2{w9(ZJW6a2m^qBGvIx$ws8`@-UPQ-v!M6cptZ
z<`7Krgc6T)@Kw!XQLR+bJO0OuUXRk(7_d8@_1WmS6cQ|}FufPkpzuI@2f-yx+wey5
zIIs^2SD^Ac{sVFH9~6P0Eipun_!aa?j&E4Ij{K+o%U3H|O4qj~w_u@}uAir{3lnWA
zx3fg0DJ-J3uZkZAP|{%D$ZkeS;fE-$v`}GhSgp=T$-BVaRTvVmu85K%A^)~xVGCh;
zm0m~!VC7Q|7iN6~ZO?wkb9$1~-K;N+>VXAY{2tiK)%X}TYGl(1NfJBMm1UZ&VRSz4
z(Oshn?ueG6XL#;t@~!<nwthj6<;^8E$|7Vnup+f0b;-9v^AiS?XGY-%yyI&PpHoH~
zJKTQ<`Y?Rp;n7X99u}^aEke(9QWnQa@Kf9DIU#+vAt^k%CJthe1kTRLKXiU0KIMtu
zhNOZnqP@g{OR*@KjOo<$53M8_ZJNZ3E{}~A@j<}$>t#C}osdHO-lN1AhtS%k(iobY
za5F@a>RX<q8CG5K_bC{N`&K4p#RNiC5>U&?>B8(G5q?rYOlmmt%zG%O#z)#IOp~5@
z(2wa`E8QME=4CaF&fcMmVy`r4VSOw3zO;88z$op4*&VPGEL-#B$w{9G$KhHP!2j?R
z2W7}LivK$bS=20GIIK}y1!E=wsAM~SWsGKnFZq`f_F0pM2|c7CsdMer<syUYq0}K~
z3|#feW6GnlP+qJ^FL&%kN%A*!tKEPrD970bf)^Bg&dXkmxME;Ucs5_CgV+GeePHU+
zZHu0j+zLOp{vNv7;czqBP}v2&yK(g!61XZt_SXI%;;Q==ynjV*kQnm0(&!jzUx-<c
zhdS5MS)Qc$-I^b*gn@Teleh6Vf3}9RNRmK@|L?DFX_Ij30CbQ6ynWJPlnlp}G_dsJ
z*azeo-3dyDqilmn2XVL;9BJ1F=eLK_G#Jy&Q7`FBh(wp%R#L#Jno8Qb%sL1bfSlj&
zo2(blv!q(nN)hUiyer$)6MT0&7;KXw-oHq-c$+J`cB4t@i2J2~Nmr%rh{qnuI|82k
zqoIEBCV_sWuY&gf_(+kP)VYPo)6Oy%g*1X~wPCY{6{lNJA>x}}sT|*`I6SjAb);Ll
zj(;JpRrW5uc0~Z_{wTI??F1R{b5p-T@#i={{wMR@9Pjxk{p+7>xXeqB4;2gWA4VlT
z=#XtV_Z8jcWT7}s^No8XLcdxuKwuD@X9uusK;S#6bq!*s=$doGkGSHt`UWa0M+DJ4
zEVK_x8wlZaL^wi75=|6<TndKSYQ8T;*`)OQfrerDQDDVk%**&tzn*_GJ?jr3K&@a}
z{803G=8ZL5vGo}k6yLF~G7m%w^e6w-spCe2=bE|iROiu@gWKn6d`marti0CH2HXWD
zaX7ehntv;_r<T`*7B;y}zJrGqgqlmob7F<gB59bkm{p|zJ;natevm!9IuT?&x0QfG
zBSmNiPObXq8GUUYq>bg6u>~haMqqAO&C7?UfBPS6Q|O`&+qGj<;Yzj{t6EgN4jJF{
z>F4Lb6S1st1z2+WBcKR<DB91QF9w%!c-%p+D0!QKJ_|~s9k5!PDgh76xy3Fee=s%9
zAhM1laUzJNsbj^Kh8I~~C5#$1YbQa}s9XjrV%#rh=*JiVi%5@9N{3F{uv;t~=@6mn
z=AMSivnpKWXW`0W$$8k{BmA%hdlWxdT=KGVmyH!<!t7oJG2@$t?F*lKF!&B4H1j}u
zlBXBLVHd`r*x6c1%-{uoPF6AFEVMBYF?zNK1R^=+kl}I9_#m@tqLyMrvywMJ4&ZWJ
zVSAv=u;47Q3|czoZD3IxGT7eosog}V{hPV}lZN5mNXKTvf*8Ra*H3@#{r_~jeI1EC
z;UZ!VXMuot2iJTW?!el7ru%%FKf*h-cCU*=3fEb9ybQ1cYaKg``Jd%a)#xIrUnj;5
zX5q7n)2xq17dx*SWPvk9fSgqMM{U!p9))f*-hTE~(^b`1%1}WsD<7Xltk${GNf0in
zD~o4)EZ4Tb&h-5y@YkjR(?q8cpy3s$b=ROa>HZ%k-=;jbTlpgfvFOaSFV<fL{17VN
z{EbD-GL+GdVPi-!T?oy#FK+!hdv*n6Sv;-Jp|(u?Vto`|1b<)|S!vyX^uJ|nxW<|a
zxkY>ek*&pTqA|bZ;Ie^q%BU$vxNB3HX+|qTPMx|RO@oJ)rb+C_p}O2C7xoGMX?Xs4
zbUDx&pDgBigr{>t8xU0T?bpydZc~d}qI>^dM{iF62Qd4-&oQQv5$MBmmJ{W9Rqj#4
z7F60*R=E8u(*KZy5~24Wrc^B;0Ccw1P#N^jJo=BU-V75Rum@={PTiBt%G^LqIuI7a
zq!Y5U=h$7M``-h*d8B50!pns2O5%!+Suh}7y?>B_PG$LtuT&-$sq>#-0X;gEB6B1V
zZ{`o_I8RPX4`)w)8wEY8HZYf5e;y+e)_s7WSOWGSoQpB1Wr!v@;F%f0>od|kX#$=!
z?zPK`bRnqW>AXG2Xc#%wwuS3WhF-KJw;>-ni&L5F0D;IeeyWlYcwq(sQt+mHR<Kc3
zpt7UBr9|=h9YZAd+kqz2L^`H107jaEyyoYB(F)G%0fxY&{RUMU!+uvueriHa9AjaB
z0`qJYY~0#(2Prtrntqjy?G&|&b?_~W%~mGavd}gEjy=)W>Do^^{lxR<i!`UoG^%!e
zr6{?YNb0`&seooPiC)l;yAZq4?L_!jT<hGyfejEh%Et4}u8xr2*&$I_x270Q1OnA$
zlHp7u%PP_iA`H|8IYJsQoWERmsNXpxK)cY`T4L9_5h`u1F~}^w3dc@qkgM>-qn!^4
z*ZA<;Nd5=hx2F+;0uD#!;MUOJcz>^p*qr`d37yQBwhE0RK9Ovas&yXr>Pp95w3rnU
z!8|&6)cx+s<10_LM$E#ds|;!tG9PRHV+lOUr2_wCLf2un*t%ss_5zlTm(O455eEL)
zT4A0$hBP1bm!AOqe;Oo;eePwl9m14%R90k(|6nh+@GP#@h@5qP$|;BYSq2)_F|U~|
zq&V*VA-OtrfTZyZ-#AP);QPxVXXZ@G=zdK5D|Wgn<=fF98~u}A;kSpt0}2Xzx;{!I
zfXjEm{>lvYqBV1QovjIG93%Vw9WF8YF^S{uT$=2U1Tq|_ry;=&+o?c_B*N0RM5Iu5
zx#O?Y05enyX{Q&&T`f#&!^k?I$3w%hZc`X1PdQ7fNhvvkh`LqpnC7jDWx8SlnQg&L
z#=Kx*%Z`G=m>UU9YEBRN%O0Cnt=WE@E!#+H2}<pFMKOd(x#4}-dkW%x7(;`jlscJU
zn_YFEk(zvgR!#=u?6*I5xdMhl9M<5Eqv#Twj-!$kdegs@DmsMGwbQMG0INLx$6`Jj
z^k?Ja(2Jy^WLL>8=}-TWGxL@oY9&GJw|(LeYZMK%x`<gGLbRfQnqK6@7wqp!@X$w~
z!b+>o;+PPHIbeh<%Cnk~nQTOymI%a}I*iPl+f8})fp$C+fIy2z0J>WK;Q1%(>FexK
zVd9{WKe7C~)fQOMh3XF);~`t5`;T4ui?o;TfTg}23t5eRQ7_7%#LZsL(KtPf<}Sij
z)p6iHO)w1ypFTzD9nga=iW02>ZJcjS8$$4kI0?R}K~!tGbE;qI$nJ?9rDEi{87*nB
zr@^7!1Icu|W^fmlCrzN~>e+rvnyLD<HdM}nZN|L=>a49YzlY=FjFL3RM!t9inqM6}
z>y6(Au2{G0eZ=L~SR~eNz)d9RIfCL;;xo7m1Qa?13WWv{#8EN+Ok%ro<T|?~!yDm8
zB8?PE&q{thnw4*We`&D;=$f>a!oHb#=Lq$9BLI)PF3r=kNC2m>^=Ei|w>e>{3E)z3
z-sod1zBFiBTo9Us9&IiZ?x8g!6RxouWv6FXnYLU?uwc1uXLfh8n$O+x!mSg{)UDJB
zJuSk=P8cM7V(C~C9y}6xb;;bo%8a&MSX=&q1PrFJL7JzNXOym>-3K52h;dtq3v>rt
z>`-StE3JqALqbwsn&v#fpi;beZlVDY5u@kv^%0O4<Kl6vhOgL5u9Vrorm9d&Z8#jC
z?rq)l+F&*8(fQXjx_2h2uxMe^S9|MHsAm~J7lJ+`le`O&UCl@=H9eOCA*iEH4&Bkc
z484#-!t2pEeHmRhU4Xq%7wBpqht3}9o+ARf8L$To$Xj^hb^105GJmx`_uyqeK=3l3
zKK%Ny*T5!qw$>>2V%IO(CH<vqEqClx6(R-7ITe-qn1c*q38?n0IO=ihv&~i_fvZa^
zF!-8ZEZJRGnwx-QJ#KUZZxo;VA!wp_7|*f_wmoI|_;37q-PKg>424#?7aIYL96R;7
z*!^3>?gWR@$-9AtwBJ>;e742^9$i+tTyk5^hrEmQ92@O4YDDa>k=oE*)E$ZNMmuhI
zYuY@fnV`Ctf8*tv7rbMe(Pg_8h;Zau1Yt~>x;yz8+R{V4Y#`g$59%OA9ZH?!%j?n9
z=hrhfAVZ|ifhI4w=}GohduOgdcxfCu+U_1~n-SoGIZRoG_Ci0Pj-r0(I(v$npQ@Eb
zcAzl5BHaAU8hLCD_F_-H(8i4KqBpK(ux3G0TatpwVU?^W>B@1IvQ#bQNH*)Y9@S(?
zDbqJ1Uh@*EVm|>pb}Uwx@cZ80Qq#seB)n>cOjzk_ynI*12H$x)<e||{?>+e<Oc4EE
zoARQ-dMEyzl%R&t45hX<vir>;%sboGq>rhg>K!8LjGQC0g&eJ7qLI>!M<C(t^rPgD
zws$01P1r4uW@fFPXlO-{x5fM5KX1`V#=~cpcb2zBv{Gr7Qdg&)B;3c2eoBzx_3RTf
z$ENC#k|Wf$<?Fm38b<c-Yz`biJ$-sSOU_!!ZHgo`ER3$3x{HnH)W}P|ko1oVN?CH*
zYoSq6voxmfFIBr^`aIpO=!A|*@+vX<DvqSBy0<GAPT2<_`cX60{_xojkDH$bzI%cL
z*$z4a&loW*zS6BkO+};Tz!iqrxGSzScL}ZBZ=n$%`PXopDZtTI?IjXqfOz<Lp$;CI
z#8jNwkR&LFt8u!>Ct>ooKxa_7zmCS#o&>c$dn>K`*L&Qg0&RL1T4XOGFbJ82HgAa)
zTWjL%$DC2OB6$r)zAAL4ImXSD<pdR;<Jqz7jI)I=R>02(?`G4|W>`x+LT>snrb2|r
zKH8iET^_`XPDXc753J*XYgBW3C1%dZ%JMyL>ozEdyVPW#JI{vLZyd$Y&(dglh9_mS
zTC@LdMVUn1gl7E_A>2VbVf8M77MgHs5-i-UgzK-V1)X3>ITv>AMzYc_hxW1UEr8{n
z`nU%10h6tHcGoXQwUUL3+ck80pW$USqRvuco}!-aAow^X9e?^QnEd_7tjKRi?hXoq
zDUW8g*jT`*roq1XcEW=6IAN$Qlbt(b|8IK0tIGjj(#AhwxBhq>gHp;mh`${jE2zey
zG)qfc@YT%iEbq4bjKc8LERA*wJ`T6k5$d<~YqV@SyWX7xOT1idQ`~BqQ3}92$8U;u
zwb-y~DqXjwgOM2Y`KGh$UjmzGHE9`@54AyvPlGCz*7Fz7AAB@-3g?tMOX~3`ogw=M
zK6O@(E-sI=!;~~t>C)OShmvlAG_OY^J$rS4IXR&&M>U57-w88~YVCI3{0w>2^ZNtI
z=L+?fo@d<~(BIXV8eYLj8)U6nG`)UkmzwQ>$v)2@%u!4ctEI`Ye$TfL`nLXIW%OWA
z=VN*qx56U^6>G`B3-hvHd&Jhfr*NX*#iYk7)`H$JR@G+Z8VlUzO0J;`a$@1AE}~Ln
z8je%SK92Q6NqI__z8JSTrYBefFdp0}EUaByh3ru21#j$^%hb<+-VnoXV(e-xmIgWt
z*T=@xFFiDg7T(;MtGcev?MH6OUS#5)7wkV@)G5y_O!GyrSw2+JRFp6t%YaH*|J!zg
zlgU&dhiu_ou%lWchl@VFVRM5MH>d>HQ`}^RUOrBG3OEq-1Ck%^T5A<L2Cxuy)LsfG
zy}Hh*qQ<!tXnNowYi;s_=7L`v4>2^14x?1ey{&TaYT3Qfr$6(^_qALC=^--24kdZm
znsC3Nf{+mD>*2knVybcRW-~p41t!NY2h9?7NzH>xE?Cb>kKEx68ztT7#aUeo^m(ke
zkm&$b>!U;xbdrcbE|Wn;ddREitg(VaGhDwq46g9uQ(u@*aF>mv@q-@k8lE3lO#T3^
z>;$HNvWmG)z8$R6QZQwkXd8z%y{WiGN!t7){ZR^F4?@ZmQQFi>%4GHbarNclP_}K{
zi5UCXl`XqMNJ+9}NJL7D#u{TOAzK)UEQ7JjE~2z4vhP{P*rKRp&svmSvTxsc>;1mt
zeZN26<2jD^>1pn{=DM%zJb&kJffkwA&rq9$w-CIxP(2egf1XT5Wvm(ar78yw=D>g8
zCGP!|u^3Z7EU_W@jN=Gnc>a_n1uu!w!b&)-(Cjg`Ejf_Grgs&eTPWjE9WB|C;Lk=q
zIeuu-cX@iOzmGbqKADPJ=5l_di}m3N2dVC{#qhch<b%(6*M^!FDL<c>HPU4;E#-@r
zX$w1Ds>^Dx)2l0JWNa#+ahLf6V(M^tKD~teDRO#yU0!Qsh*m&-jZnP(9boAJHD9xG
zeX5y0J{hF_wgc4AQh81)cwg%!EM4@opj+=ccE&z_VBQ5v;I+fu_iyhbo0ZCS58{Pt
zVgo0|<iDbxN<E*%;-hhTEaRam_EmS}iqW{m%b848(J6P8HICqavN|QYjs6Z(4;E~2
zcXQ-6@bjArw8j}35JS)DnJVk?ahcgQ^bSH}<-jA0e#3Lx)f&e4F%0Zeh=mx~#0kr9
zlt&epse2ucpll{i;|=kQR%wmP_ywHA4H1RAoXV7m<0}wYDsU>N3OyXrqmQ`amHL<G
z!zixbiB*!bYT=AO4SQS++2QXnhafpk9bNzlu<vg27%UShP>@y_6EOfQljL?xyeQXx
zNtUt877<+B8l75t##Dx7wJh>R@BE4=S{rZ+q{fCsU%L)tvF?SI#?iq04p_ryE^4aj
zE(P6u*LX2R1LbvRK%SYTT&gv&wCOY*2b#mnKRz-4BG_H-#H*>u1t?U?>^&5pXKuYl
z|Fm=3Xvv>jhmoF#0}8SI)_jdTob_yiu`kuQWrp+@e5fuK##W9}krRbH;=FGaGLw$9
zy^?L=RX(Rf{^^70s_17r*3q^`J3pGK5)}k}$JSd5KEXij%&9Tks`z*tBVsBq4YN3d
zK~&`8Z)(Ox%9J;&OO5#C1GrWpe($Pd7EMno6+dz8mu)LE$B!O3!#{KtJYaI>%uHDp
zj@Dg0l{=oyUBmyiZB$jlC3xV2-=e9JlMLC5;rp5jJoQNq>WwYcf{g%*TCN(Jl#w5+
z!BUgNgGQV5f{4KHr!e5z>=dGo4TX;xWDI94c#kMEV1Tn~SZ$daCn7mVf9%+X*P_R=
z0`sN1qsL;2FRi8vS<wUErwg^iOL!?Ml9TgIO%jXLLHkW*g?abVsyo&?;+Efnp2PQY
z#)XxieJU^&Z|ui@K5zNb%(UaJI$a)z!l@oD!Qpd*(QCib&ghG2wb0O6rS3^p<)EeK
zD4~v!I^NRMXLWGx>cWW?C0K_<`Rpjqq@E7Dg?)A7r)T{U)a!uQ6!Bfl6#dO_qX(Fc
zV}Im-5lru7$F!>;8ICS-tuGLBf3^B_(eAOvFxd;JW6U91SUKLq5>msjqja+W5KB<+
z@fn3-QR8GE|FvRbT~2(%*At(_{XM060?gXw#ubb7h@&HZo{nH>_-C2;oLDtTGXOTj
zH1u?WAF(OasB*<O*Sd-lW9YWT$o#b<s}X^%2pE#*`5;K3wGR0DAIB`)!<5n)-M6Sm
z*-37HE;}jSx$Nw`I2m@ft=z9>v3CSgT1#q-CJ}w8E#&rOc8_R@v=yQ4-T>2EI7yRg
z?p+X#teg*v=j5v!l0!Az_1p<}>*&E<lWDjh2QAoinpUWKL|r%Q2{7W7W*~GnQBTVL
zp&)q>E)W;2;U&Q|Kkqo9+gHXota32I-A5I~(z6LHFvsiA(-viVn@1*5CdNihfB10x
z0;t=T+#f_=Ar@T7l82cB4@n}<oc&V}O<tMc71wI^8qcpT_YerK&BZ?^ygcGvdkHSC
zGUQnLYj%QJDeV(2Q&TDn!wnY|ho$eIst@;8VtK^Jf`H}HHuXJ~!+^6OiL_43b-o?j
zkGkr&?}@%h=+g_MHHC&27GD8a8qmChL*k#`d-&kRGn`4Z>pe^|Hl$>i`7N!_(LKb=
zcYb%$p=QaKn#WJ&BJ6EjE@Zj<nr9xJ=eH|xwz6uIpBNLYQwZ%t>wI^!yz6fennc}`
zeb5^gi-DGJUDayg<A~xhy#6Dd_aK$vq?SO|sS3tcV<QJH{5gtC*$`11_UbBusUG&B
zST@>aF->%ad)UY2jCmRPr|p-cx#H$h%ZnE%4Z{nRBCH-wKLrTqz$W^N|McN_V^e0u
z1D)Mq`G<3?D`+WEZ;_3PPMSd^o=)PlatcNB9q#DLeR;U~hGiCg3Kw>DHkJgpSM!kz
zj$CH<3?OLMvL-6|2hi&ViEsFmxGZ@(tVq)Mn|1OlKw~MmjB@cgWX^`^bTKujF?6zC
zwt7&v`0M=s6Xuim1PG=$#%4@8GMItum!pKA;e70q3jbc1&dBd$@%)MmW8#^qH;5E?
zeioTQ`k@PR>bev2fES*2LzW-}s7<UnR~iCOF`c3&h}ETXIDId#DLl-5bqvksMtO-G
zycQwuY$yOPU1s4w%u_R=?uxN;Iq@V<^Hb3s1%7RO_t@_Q4*Sa}xp`2b#uGy9EMAh4
zvF-3O{^u2K<Ft}XHitEt<m`<S9wk^i==*yflU!7OQ-nNp!hinGmq-xy#iydwqmXcX
zYiCOQK(sNHabgu~Ht>GnR|Ja=16BfUIgC4y_%3S~(?z9iz%!&H&R!3pJ<NPysFD!h
zg5a-7NRUSe^fMv?(+Fanb>TmAHOz@ST`g6w5dG|aW@GAKsA9Y!3k_QE)ZPam9IrzJ
zN~~>)jnt0fwH~K^t^KHyaTkZl6R6^};W*M>6Bqf<*EXK^89h-Q7$i?|{KeM1;(saj
zJEm=E0gdm!p!IhcENc-!ye2DO%K4c^j=w+tb;iBDCAVVYapFPuyC3P08N<u^`9q6q
z+SCdzW1358FJnRn;t1})I_q&L+gTYxmeIfE`A4V{w5EJHVp%*_IXy8ASpqKE4`C3}
z08?HEcRc^abmhJ&WPsFo27Ke?F4cYc1W}6wP!k(#2bRaoZa%ipEm*nN<OF=Yz0^zK
zC4gwSluq4GbVTJR01+KM<0{?=y=5C{9CzHw#&=+Xjid!!EOrEycMW20BPXtoZwy>P
zRFAaHfG2hM7Of#U(n0XMd{Vv*F-OS|TDPYG{lCKk6ULbBzht&cQd!^$Fze7cQ06oo
zumN4U1Qg*imY{z+nuWa6Z{s$Wr$dlA0Ry*e9fp_u6QJ3mAC|?EI>~4f3>{GGO;cg_
zwvj|}1g6gisU)X88%c0$7zP0cEARcjl8<?9_x05?AUIeiTsJ)O3usy;Fdw<jV04+q
z{*vM-Az%Xu7bo|_AV2Tv4!m5nYP(x*w+Bk!IXVGcrQjUZAb~vhbqXC42<>QeSyup@
z|FjjPPZuC9cl+R3yL=Hs3kEm4#q4zgF(}Fh&pqqXB<eU%WbC*H?oF}u0lt1J{MILt
zn}gIj63U>CmtwK0d?%$i30!M-m>kwPgTlDa32RvUfz&$-AzwFbQ#Hz!)@pY*Yui^o
ze1WphB%$KV1xcIITc0c3CY?bzNBDLl!!6@=VLD4kV}^mDcRLc!1{?^Q&AS#q-}K0H
zPHejYd4>Hi7u338<o=^gjr{<9);tBhf~wC3d)Mnm<DJ4E>`nvqfiwd%?tAWBStya}
zAE$nS*)1ail_6sG8PAmA7f2?g@@;Su=SHS=?O<XHKfsyYhPSF8K!}^vXMPCc@=ATa
zN*-9}O92m>)2Y_99(wFihfW^df|s(fA5<#nXNiE4=Otf`C^ss*`#m3Qk&_paN^W{t
zxYKrw!6FpN-Kcz`EKJz-0_3#;#!0vLk0XQt;IdrHak4=q#<N2}2YcPVA_dDVHSk*M
z^W%jFCU+}ds$}P^{5c!zKsvmLWTRCy_QOH?IUhEmv9fo12N(y<xQ~_Sth(bbE@mMx
z^=uhzHWQTqnNf<+gbuH-V05jCNC!Crv2AC|LBMukc?)%w3E<^``>f>_<z%%x<UE^K
zi$H2SDJ$~hrwAN>RU@HYH9p?D)bLIRsV%_qaSEmn?=VA1=v9Ho&TBCI8byF^K+An?
zz3tFFTQG%Vgbi-2zKzUbYo%Sx7;w^<L7**V^qI3F!%jT(#w3_L8C)KI@9E_2^zw<-
z2m0D*RGv9Me#9T=Q#$Osxd5a{Bi>cu54ETF0VypfYQf|8PJ;jRNIA#BNr-2)^Y}QE
z`fV=%LtG&YIgtGraHl8NtN}5`Ykq2R>BT0?%6@TCs(v6HbrIZ~a)EeqGH>+WZZa%p
zWBMc<4JmnNemxCz5HcF2fExqnn9z_j0x-Qp@BuA!QDIjZ5L}cWBNXw}-<n-7`JKcf
z(t&eX(c3Ow6vln7eIk~?K#}Y-j!?m<7I-kRvdXuOGB@A>+P4lct!&EQ`*nFKAE5^T
zB?e`%N8B4OisU(^@R@#qPyH<b&0d=iAquyciY#SwKBm1tgFAiZJOfslyE?LfdW^rh
zF+9QduMzNPa-JxC`dE`jxwTdNl{xRqe8)}l4XW#7p{~j+me+$bzNW}p21L4zVW0ag
z1m|=0G=d!NxLwP#`qn1-g>d?_2!C`yg;;K!W)iUA-&U7lpSAc#q&#?|I=fh;-{7Vp
z^5Z`0Qpnn4PJ1pRYnG)gYX;5`o?h@vn5hC<sHCShl{s_nlgnuQqd&Em;{T|Qq}wg+
zq@9^wejeqvQ7z1!mrtVWZgN{(MRoYq^zLW>lhqlr%CNb)891qVQ_ZOzMiRF&C7+3F
zKi-Dj!NF!f-Sx%_vjWDjDXUQj2#$N*V5izg_(a=M+SN&SQ(^r}HnTt(DWM20`BtaJ
z<7n-Yie+N$IC|Vf+tQ0hE4HVoir@-Z_{21Bq1Yzoq8B(~AKyf-J|9_&6%k931L19m
z5J~r{QDzpJ219&%78<OxKQL(PmxI7Gv+AH=CL_u34iI2hnl{`9t)w;X(57JdC`+jL
zk<5gUcY=o5^f+QRnfD<`i5wCL5cb&Dn5LO!RmjBLSf0<k3Dl~w?Cph45s?9iqvPfG
z`TH4hvoP5N3j=y(UY3R1;o}iX2xoBT_kD5QoO61j%DlK7F7g@W6LtV`es^3JTveC4
z`t*r2-PZgv`;;P0rgR4rMd^zz0phrbw#H$bc9={YD<HFqT}E*A1D1SvMr<Xs5zd2?
zm>CbRh|2uOwlJ=K^w}d-;=Nk?s*$`JF_UU!Fd>$EAB)0u$iMna@}^=*UPU)gu9G`%
zgL(5xyUSr*#D}7L6l#p)*OcwoGgfKxyp3~y8eP2$&J6+g$qT@}OYZ$>&sx@axSMrD
zhO?pKq3S7UUGEN!>HtD7$!ecX5y4$$WAu2O(%ScLN>HPPRV%9KRhPWIGD06+L|m2W
zqA0noxsPxC!sQpVOME|%P{;j;IjB1s(y)!Al=gIi=G4yQt_C+Ts763Mi;%{cxKVe>
z8s~VwgT9#rCy`^R@}ioN-TAE>WRnlTv$NS0+y|g)_$WeOMcXO*jHp~#B<td9qYlb9
z5%ijPq@IgMNsftFF@HF~Woog>YLcjm_(zAno4J%J0|;YI`Puvz!(cki3Da^b%n|dK
zs49LgPL>4HcK+;PCfAQ-kH~2&m@W9ecD{>Hm1ovR&TYbcGBqpmY>TysoE1XRUi$UZ
zSE1K}Qa3_t>l&d2nZd1yHivlgy7A%H6U8aGHf=$^8u$|JdN`LR_tBtGmGAFTFunM>
zJa!r|aPtYD3p{LZ*}3eum#w6bl%Ze^rqkq4%TP1?U?UYAiaYMJac`;cC;!^_*9-k$
zXwC~bP^EtcxYW*P%d0c^^>M4VKRLbD9Jj&w$mjBx#c&Ea9`6^$gOVaT!lwIa=c}St
z73SH7ybDfM0PRW(sH}4BcwdC+=Y3Gdt`Dp$XU{+8E^&FtAbLT`?I`Y86I)RhyX|+Q
z`)nO^z(L63ll8l0q06wO7|aXJrs2(nGqELUP+GpFgC3f)fb*GD6jwiFN_z9>#Jc6F
zD|535u`Kqk*i6+hkJJ-e)}cb{Ed_1ZZJ-1n{j~{gUrL$KCZ5myH3W)(+EoP|8R`Ym
zdhsX&l?~M`++bnkuk)der+rfw{*vXBe*Q7f5R(Sma6EMpA$@bv7hmZrRi)e46t@hU
zz9d0-h^E{rEIdvQAD!q~buAX`x3zTCZq~)c%kf!;d~q}anUWimCH<HJmyubHXc`rN
zo=XN2uo%I6`grZEB^t`Eq&$rm6RPN%?dqSTdALwh<|h{(eAtWtz<JxJ3(PbE?l1II
z0>`4UpI5n_C9S~TlxRECz8TdKg;AgtymJQL0d58=-#WzhBH+I5?e)>q;PpT^weF8=
zLa37KN;vc*zWAN?+vB0Sde8A{NE6RPU5401N!vAEl{m)WywD=pdO@d+8(0Kyfn%nM
z3amT6(OZPJL=W)i^_9yE<&Y0XSMwUZ)$e{tbv!X#zLeN#Owg}l{W=svIDWQRxIk`z
zm?7nLUfC)^z#YNY^{(W`jp@W3ECPc8hoKP71oqtF=!|p5IgLkxriH92Mn`}bekaho
zag%%g`o^LjIwLglkN|UiGNy%CUXuylos~Ve4PA3Tgq8fBq_-<r36sptpSCn5I!BAk
z)vgk(7JQWJvBo0j*2F$1g|s;{o6Zo*Z=O4%lhgP-HQ)(rj|PA#Bh{DcH6A;rrEl#h
zI#ogu-6e)>L1Ia}{_CPR9LjP8{pD~jM9;{#9P1uC-S~xB`8A}q|GL76G+ig@tKwVE
zeq=SQ3gtfQUB4MdAv$ElU~#Yo;fjM93GBdzMq_4`eFQEGDZi(ORvUQ|J5f@Xnu}sY
zcL+2V2Tx~8VMK8UUGDy#hv*J<+Si-{;oLvjdDYRU*L5=`rogZQrnb*kDXL74<S<zS
z#qpe!?Hkpe@ZPCqyDvEDO%@M-S(ZWibW$BzBw!pU@0QyWiP!;9Po44YU#CWMAIxTX
zb@+Q?P<RRdlo0IH4WGrzQOh=N7K3!|_chVsDTJ^EB?}vINx9I?4<7FD$2f&mN)M1W
z1^K<DCZy0_Ud#&&%9eZ{k+o_nwtyse8ScHKD536Gku<A07n_$W;FO~$8#A2r{agGO
zzV{s(hSG!g9#y2geCuMFA4Ma5Fk9vBQ=rC314$w}j95a@*N72*B_S!=8{K&T>am&<
zwl97jH|cJIt#6FB_JJmzh;u}n_j}`oH#t~u=yC>D0D&;+WNv0noMO{Z$&GGhwPz9O
zllgw?75EH;aZj1O&Y9+G@v-E7ID5aby0J(qFmcsgI6oIhh5dPP@HfseF?kjzJ$^Qw
zR#Gxlw9QF1PvDv8LSfYEkvwd8r(P@F&&w?EMzxk;bSAHkZuK6kDs>@-pWt-@8qc~c
zPo4FF3_ewHf(H@sxqsDZ1G5tKCD^W4!(!9FlZzDisKFRQ^JB10m<TP8tc9QGn1#+u
zuGlx|`FyY=vxFq?Hl(hfphjq-vA#9gP@kseWk+BKitVm0X}%a~oSG%RBrqI)uQ~wM
zANW_S!yNw1&CIwLu4V-zSfc{Smx|BnEgt*|*LL`~Ge&au6^3(d;|WUS?&X9aupuC(
z#Q(*Ib42Mm2*orli>fD6!0q5RexL9)luf*Un)OnAtQvupJ`W%CXT$r?uM<C6>}gNd
z+lQjsr_UEEnyZ<gG1rLJphp-vqIx=TC}!&ITW}cPh&`+<0D8tlWA}5JJ8m0plO@%4
z(zOIj?+&Ul3d$_-n*%-kkGrxbMpaf}Vz(T5jTB&)2)3KDnZ&q4Q0~v^^+)dkLV7n8
zslXuZyO8pv5%t**!k_La;78HpQKGpIR-1$H4@EfZty;%F(gOAo4Db*B7e$pU3;mmh
zt8u;A1t8MZ5fpsUQ!gB?jLYQ0Nbl#iq$mCi^MvW5rp5){qC}gCzn}z~+rFS~p~0)Q
zM%w%wXTk@3?e00N1TehmEn(tUE+4@ng^n+O5oa@N)kQ18zR}fi^xfb0X&`@z34i52
zpP)~2mgbK}N^S#|OGba(53hZuQFj52SYle+Dkbh2>wSv)qz8vZK9i<Pz!<MPV=~m!
zp(?tl7Z)Bh_x*h;C8LYKPG<1hM}@qXYFD{RSXzyiiP*?yiRSZqFPZo6(Ym%TgcVHT
zq^-#JcskO?EYZ$mizIu}^!b(pgo|8HH-S1jo6{c=-B`kcAvGF5tS0WZ$qPL=0AKlJ
z9%V=Mi-a`Pgfe|PZQKV_8r&HLx=~s@vrsu(VJL|}+3^eR=3*=1+@!x-Pr#YhescSh
z_ZyK#6IgBFon@mFQ!NygAxh*xQGR<jE@BWY*1d$IX7aYQSx=-JS(3!@P~@ObQd09U
z+&g$yKFhjuCWwMD(2`nH>fy(JWCx2P!cc2-JTVskVb;sRx9a#fm6g=0mS)vVVcQ>f
zKMflG1hSO4t#~ahSm?Di-#gcZ$%3Nu{5v)N5GlFW%tBcLA#OMEqd^l?m@ygL+rogr
z9~ap%vz^SNQPaymj8H*H7D1@1uN1eU^HVQUDJaxRPs>QEp_=`YxmM3H?7&=?ZVHFi
z4q@c6HBUAVDf<Pj`(4Zt!BMm*3vb0uPuytA;UQK|(kf*-Tl#ZlfhKd*D^r1SnW$zj
z9E)tQ9Crs(v~fCRZDXB6!5FR1c{M7XrrX4#Esw8Uqeaj<u3L>>*X^ZMjvL?Lrn<Fq
zj$6NM@xC0V!`D}lkt{6sDOIBBl7ffu+eCL=%gm%rvDdUcy50|@sIF*Uy>#K@BC72C
z&2$z^nym31v_>e4=@q<a)e|p)#tvd_mA;<Bc#1Cg6IUD?QY&_mG1XAkF<`B_g)en6
zH8JNQFG16M-pWc)^Bw4oI7ke_luP%%aM{XzEeibm?3j5sVxhQ0GcT%~1vs8^xO({c
zFfQsCsp!UrAobhb(89^(2^A>tINbMa+1Eq`K4r;%yKllZSoe)n5vP9zuKgOPB4n2{
z@4jwE>oEx7$7Z>EmQo1|;UN+|bp_?-Tn!g0kIjkuFr!>hNxwP#3F>EmMP#TSdMNh$
z{>te6^5MU3emRrl&Q)vXPm6czw%6AEc74wHNR42JIMwJE@FeA=a@D4eq-BS(TY3yw
zb8)J{a^_jQ&iK2JyGD8R&QE^#ptlY-Zr@rxX!9hsG-vuKEtOH#?Zx1g%IcN=wi@~5
zeBve@9I~1S%L^r!DtopMlv5wwf^CTS0(?DBkiS$L%};enLUINGAM+SRN=+4I=kc`)
zevQ8%-IDor^B}+!*3B21)t49ObHx6lDN6k1KPfg;T^biLN@#4bR$dzkoG8%cBjwck
z0%h2>BB;~rU{zu0aJVD+P8arsSpA`bWUJ_VP+z|L2l5@IDEP*0D%e>#b6lS_ID{o#
zLFNA6{D>yIOMKuTDS$i&snCZcvtUAYy=Un90JvoeUPM2Wp%*4E{ZV=-idc)r<s9}3
z=;Wjmk7c?H8phQRBw*heIdUBEPwdntP#mt(*xL9GZVsZsQpv+3)flV<#tXeuKfNfm
z1B5W?tzZW+LBc->GoFXKfgB^O#UuB30rv-^cS`woYrYvrAP%0T2Lv%r4Oi}o(S}am
z2Mp3gYX@=ZpDNn8K|S^+_JL&f#diK)ZWZs9VokFu-ya&I%T~+!hP#h7!#Sm;>eFKH
z!Ugw_2A#>?!f<gc2B0hP3{)e1+cIQE>gdK|j<b0M!fA5+zgVmQEojmm=ZzEOVeSV>
z?8z-49m+ra7+|AfTQLdQJ(fo4AeRP$^?$<0h*N-bN}K}8E;C}cMN^IZJF0_Gt*<UJ
z7>~Va1mw2Y_t&!!5@gcz0a#ys=+O_TEslo$!+8Jw=Uh^hV)m1ulH^JRdTA%1FP*@h
z2S3H0{h&)sZQssjRr7=s2+@mXR>`hw#^xiPbOgUjWnJJ33}y=3$sxS1+K6W>mGR#D
zhU~aK?A0(n9HfxL=FOmZ>sRofFZuv@iK)ZzheEL4GAc|@Ff@MiH2np2Jis=^h}h^u
z0|<A~Ae}67o=CYB{7Cq`@hck{2toUvB4P<%haJe}k2Iv`Y>pgx^}eSgTyFTJ4nPOE
zyMhIVKM?eUq%@sl^>BP6h|{<waaSKe<Ni0oXO09hyd=KS2hT$Kl_z{e4jr9a2M{jI
zyPc<jOh>aadW;aQD3G$A^obF&%om<IetUae5n|+}bb3MbdS_Ue9rU$;$|4y@veDc9
zG44jNk^tIMxKDLK_(f@Pf~V1}oL-D7n4*pXv5OWYsrZ^2a336n@{9@D>5j2@NUhmi
zFK8OXflDk3iAh?6BNv!BX)%4!F%z=x0+jz8+}uWC?gM&NJrw9?Y}E%4YUGeDh%G7+
z9k6*1khgN5Ixz@MTZZu2W=?~xAa|6~l!VCz-qk+H+G&7vn!B^ad<1{Pg5aeAnIh@<
zNI=Zq^AcnnwKA#*?Py;}CBo~?-3AUV3Xsv7<y%^5it%{rn?TT?U>OA6aDY7wZ=OlJ
zHEI7)MzqESsz7ASd=fbB%Ddru69A?=kSFu<&vtn*_(Bduxj{%*5O5hKhf5(=CFrK_
zx+q}XhY{!9_4}|T>NKwc!R}+A2bst+3Ie*)c_zAya~R&gU|WXkL<R!rOf;~NI57_`
z-EiLf1-*McyxG_Igf)%2cfK9Sz9f+o&~_*K8FOtd@M4|Sw-Mna=)abt_#;k9^p3jJ
zp5Ej8_SCOgH87rPpAkkT+ovF5Rt}Yd;Hsg;C@wH4ES9A~@wx~w`y+dKa@s8CT-x7C
z?&ELVs=)7o0N}7hgn*jr7T`OU;9<Nz^IJ+oOzg$#I;^YI3<c>Ika4Z#``M{}K=Bd;
zDB|D>)J*v7v4hQWpcSV)BeTis{Rgbf=z!PenXKgg_S;n`f!U_MW#8I7R{1Lv!oeWr
z;8cx%Ed9I6skhxBHFzq7Mef0u7XAm}@2Y5tnNt#OjVQtrzT}&R2Pvx+ks4FP3o`I3
zcFrYDgG8w9Z5NvnFra#dZa<Iw18#oii=;`W&xsVm!#o8ch!mj^j?`Or-z!VrIcRhd
zz-O{K{fNS=o@!_|O7BbB?@sN%#c%=G0xOFUg@y)y-zy{e^@{!?>4-2ub&Epbw1Sey
zdI0^W>H;Aq;fMp}>3a?kIDN$bpX3Vuu`~nr@^)WDmhOBs{y<1x1Sv!a%n7RMZo3qC
zfFk4AulW(j4>`MF3z3mGJzQHmTLchx{|e%GzF(r%r&ml>q$z{P5iDT%ln(Pz`>(+0
ztIKxQtg|sYN$CTSrVk>(OLpy#Slyf`>)Q_F?rmPlA8+xPGHAW99hm2sHz_sJkF;!e
ztM7fm#B9Ydi3ro@?ZW*d@!_lHGmH6vjiuh!<!PEmVmZ^<hK>=kxbfplW@OKHz;Uj`
zh(!3$0B!SjM$zB56i~8pXy9fCgRYyz!yHAf$VXp&2z4QZiSPITpJDQ7GEDm~v3Cg*
zuRPEj8M&@&2U8<;pL4&v-o!<^7xsS$aM|ZU9%PR|^kJbTB@DLZ5OQ@T_2n+Ci!|p|
zyZzL`OhQP?j49fB_eGq3Vb3yvPDSPV&H!#c_Gg=CMrER^rHza8ePEXeW!J(a%weJu
zK;;x_7MzSI-*K=+6P@7Le{}MXFCwU14rkP<rA~b0^<=z92Sr6!wB1!iW|&vTDBy<$
zHG-2nr!dET%DECvH(l`EV6z;*Y=X2In@YS+U}%sy_^W|gjR7VV-UX@{q61M<w@O(V
z+)J#Ojdv#BhuS>G_caaE!(o0DycqrjMz+x90mZA^H*OC(<gnXP7`67R4j(5W;J;)k
zB7)qU4U7IMyQqDn^|?EUFv{|6(&holqJ`tY(f=!@!ZFEDEh;SYWq`FA&#Zt~@rj$~
zljV31<=dR*&mKahYNdvkD5_a(B7(2=VY8W=KoMU<tA6!Zg+FU8`4MZw)l(D}jnOUw
z`~s=KEdkl{NDtHRVl~{KYQ8uPYu|oRq`UjLtTMvK^uD-&yC}}48)(t$`tat5`Esmo
zCVzyYxI!-aK8y9D^EvL7d}@5zm#9t*k&+H0DQ9LiKZNwxVs(Kh=b8&8>G*Ta&wtrJ
zN5hQG6XySh7`^w9+;M{j<sSVk28;We@I&C_=}3FhQW(skMVFERYk3|MAloMA*GbQv
zC1oUeBwKkk*x=&m{RDSIV(jRqe}{a*>ziObv*mi3E~5g;BB+X5$cd&2hn0SdD1|8}
z_hBpx!ss5cy{4YQi2Zu+Ie*s&%R#bMSynVS>@l`hr<!xy#3tc-7$4Aw60h6!e%3R@
zdAg~R(p+j_&ZL;3LE-WjF>82#a%lKQx>unL>FD9(MQT0;*L8M+W_91gY4wp+C}OE#
zEP^zjFR%*J(XvYHizW}TL5gQ>+7myQ&wi1c^Pfcboat@-3w3~_!?}xk?>%P!tSCHd
zE*Cds#;uND8|`>1rL7tET?SE3kq3d|EKMo=8k`e=dbkDvN=JJQ`D$aQrnZfT%H5^T
zeV{PAu3jDJ7lsdb<O%p>YW@WwIXd&oA?AWu5i{<W?8=5_`8iqG@XKtg!gBjWIUgGt
z27O*ZvfLC>hC}7TM=xMeQK1lE&*QI(XS7g+N^e!+Yt%m78MB+_K?RYQFM4<>(<ugP
zc&vl?<sFtti#cM!fJ+lrbQ!+jDx#@CI3lRSJ$&QAYrN$bLI=O#g*D|ng-{c{1-`{k
z$}@2Zc8kX!Qh}TiSBT>}-ghbM7+tHK4+n9ex8T=rfXjsL`vQ_O5yRpgTNn@(ps{a2
z@j}drHHcXGuu4JJ3k#ujlk4V_@^kSIIkvO{Id|d$g?^z|93D>fPMkV;p5_A#4Aaz@
zFbdlXTgyrz_LKYzvifBdUMH~^CqJR(;)_uqx&0TZO4UdZ#xoZog>nj(h?EZ#Ls$-b
z+xm(uI;HO+Nbf)T)t6fuDy5&(BELL*v}qG#MB9Y6K7vXxFN3+Nk(pGtlE@-y$qyqz
zF@;Jxt0Qys?S+Cw@8{@@?jU~h4FJb^Y4Ru{u0@m=FNB?<#K;8WjO0pXU#)_gP5y*V
zj^E@yt!xI2pl$smL$s&z+CkYxqear$q@Rfom}98&bHEJ&mW?U2#O7+PuMeAM2(y5B
zOfeU><XpY)D@IE;9?pTUn`pXya<Ta~i#3;HvAT0qbh9ohE28NoB7HwA*BqrU=FEP1
z8Q#~>`$I3PP)K@i5`bJvVvnUjE%+6Pkqa*pi=YC0{94Lt-+VJZP?;H3VLo|yO2~HH
zB@HGt_8Jb3z$_6H6`d2^qJ&-PsW}U7pIp;{Zm3BcAw?z{IL|TdjBpsZV#NqI4(UFU
zAa@I?b5e^4i3;g-7d`{vpUYT9hij}2^oBWe0Am-6UM42G;P<gcjRuVb>=oVHkOY_X
zKp^Wv0cV~$U9&ZhRSI`9R8NZxTEw6D;sWNyiZMkKKuAKozT>w3=vAkyN_`u982heZ
zCLCj$U-1N3d0vcFR_hN&4aUunvs3GfhzmxgQD26(Y!xw!==F(*?%*{xReV6yngVka
zC(X9zB4k`;!eTE2*L;A_Gf2Zyx&76$&2RV`=Fy{(M8bQ(ww|2vRA^=-@#Sww&asW-
z939$(x?PWvLJK0XZ5K`$z7}NnR!e8b%>t1$HZOd%AN}B~<g_hK+BNP|NGy|Wp0`98
zH%Z_5BC#uizStPbPvi}LCo7wYK5rD;^+Ja&m7=*9*XLsRklF5X>`2QM2@*Z}ke@7F
z`!%Z^1GJ;uV`5N{T(CNk7&@x;=YSeD=Gdll1k$*e0%6r~KE*k-qD=uO9W36w<m0c&
z2)SPeFpQUp<BbYMOXRmd2TjE@mtm5f!#pPCquuR?)l@d_4?WOy(sHe^iqVQmIQ23$
zcTaINx111k8~t<9DG#Co7eD%-R}(i^?O8KRNt4v`Sh0uPBcms$Z8rY?o_M6ubX(aw
zS@Q!(_QAG2gxp^!_=dBQZK|n!yItg=RCiN)324~9Kk_es=c2M;5~dR7IER~s`ybmG
zqKRWC8}llljS9TSRpr3*tOo@Dh9$S8o5@X0{NkqS44b2CEUV2!VoWllVkoZ_C~880
zB$aSG#Esch9^>9GiNts&$3e53G6R?DO64O{$!xx8<HQ}SHJg$K7-Bi3S3(xT$-o33
zS!I<tDIrD|3A^*ZteeiPNbOq@jFa?{J^V&k|JbC*JjGZoYaku-DE?;dlb^PWCvj3&
z5L2ni=>@zfkIW<j={#XmKRC`bo}ze@pbp)afiJjMM_h_<s0x0gQ9S$oeVM4uIF>s?
z#E_`s7?d@;aC)?;Z8Cv^i&8;G@00AKfRGrRB9QHXAqC6ygCjsRRCc`62zV=5q7CPy
zY*=Gw-?G}f=snFpB$eAdcP{Ik-w)p2iQYU>(VwCW`v(-2W2`03&r$c*Zb?UD+vZjD
zx#Qo48HLwHj$D*7BfV{0sCsZt;NGuJ!HnmWArVkAf5jv<Hn#;_SH=$?txtwur~)`i
zk7$MHo*mGxOZaAPa<-*$zzJUI1Iye`MUGn73KS^bWy7!sc+xG7VRv*MIINn#M&AjV
z=MhuT7J0>83~$gpSc@ov_|w2QlVvkT$(8jo#8fk|*-$*=U|E3Ps#KNu8mL>}7whZk
z6GV4%wn!EJO9qp)HCUC&?S<owrH)V@FP{Ml%b)CF#Z%kPs!!3ee&0NYm_NsP7?v4;
z`>_A82Oa56&uDUen3A&P*P$YCpO=$MndIuZ!A>?M9Yk6M=t0Eiu?GAo_ok&J>|R3(
z)>G_(MxJy<OLy;e8=|x2#N=>tdW)uqyE)UV*;(Vit=tmP<YbsZLd<5NhcK1W;m(w%
zC3j=37)`p9-5KEYS^^$Hcp$g7U{}I!`lwErbEqOze7~d&V`FYobeL=$?ksc-r)`H6
zm-M5ev!e8`(_F(!8pmF1;3=p~=q4KiliZ3brB@_G30$?U<lyFp1cJ%2W8UegjiRZD
zPKv+h{C<`V#4)|UB`tVhtDGPy^k9ELL66HtWlF;wFTRlqU7{RDi@Ypy<2hR6RBoQc
zkLI&aqcZHh_SEM%^RoayP>;2OsdDnAzt;!U(;D|R_mc6H5f-e1(va$!vWYS<8TAhA
zpf<`sNc0+gNS({Du#jeX#0o*!1SiZ840MZz@aGSqkSWulBVA?IlNl{EzBUcy)xtt$
zwe(^Kr2U-ixRBKvCiCffo_RIS@hm@074Eb^sWQ&aPz^WWng;K0FNtY1&AE<(hTX)V
z`Q%sTF<!KY<nyQ(rsmD_O3%n+m#uhto~?rH>_d;g_)+~3lQYoEzf+YS`=mqM4Sy$d
z3t4T%yZ{qV8DU=~B8v+(dp{N?X}iLfS*jk(1om20a&I0%zI&CT^6gN*Cs8^O1%TTD
zbF?fJsvIu*TS%Mt^X<a@89Net%z2WylhGp$JOLRR><)SA2l`!9*SwJ>k9-WwwBXwx
zWsuugP=$aP5fQ)}8UrT~v25O9uUE(bL>>NK2|U+T<-56VP~(_9F!uC2d{-stGBdQe
zj6-eY%9r_9B(kB&Lm7PEL)Q$%M0QAQ!BoQdHrB~c^m2>ZN*Era^zoS<_^dlfg48)9
z>qqC>waUTv%Hd>G4_l_?pC7H9&y!~1_GymIcofsM*)E;$X<X`HCwOGfZId{qg}{eI
zR>XkZL1zRB3ex4Q9${R9s}f5DDSGc&es~KF=mAnYs;lD>Ag&f3_Y@%#mi&vl|09bP
zvP89UfSHY@?yJe4NYAg=0mIo>L5f+3I}GToAO_?gff0j9;q8x*L+%XMRExHKxWk3%
z;@6&2Ukd>G#3{sCXcX|HwDpfq2#WZh2{$kh)qe4*89?Cj(eRO(6F|;H$ZdOWZ@Q-u
zk0kd#82%q0D6&}p0zH@jc(o+8djQ)qsQD=$7_a%$%tCfJ2NdovodM<x0jsrOaCJBe
z%u)CX|9+=`PISho)`!HC>%jdA31m`|fFznD09wctA>w2n$gzLt3_Pb`+mDZffM+Mx
zo-8K}DI6k2wP@VXfxO<6-B{tjbKlP>12|*}VSe(p&*Hd?@tv$=7C<*iJPQX#Cij0K
zfhA~GY8LN5@OMLMZmln3D0Z>xW0+bW_!D_=Lk_@NKBArHZG$n+72Rh+$<bKoC!}?H
z!O?{e2{q2Jqs!Pv;4>m6z?!{jB?z~X0yr18AS@|PI078$OIUDXSXxH1mw4_&j*T?J
zCIm&57S53oiG`$t5f3c@H}(akh)Ua>jbM!7QC{x4DmH{fjWliu&Bah4k-epn$;jY_
zV;Vw}+k(JigMi?A$>+^MR~r6J8VD_h0zHp<vmhoHlDXW60c#YKk|}>WB!js|Kw!Et
zgVouAQ$RKpMxe6N4&|VZB>)!hP_`yYoAlp;C{)<On&3cY)9^#0_B}voP6%J=&oa;r
z3MUId3&{zjK=|dgf$kaXzvhY<H5?9nMl3TOj5>UwH}LcG^OLtW5vTvW&&Ygt?A@xU
zuyXU^QS^T4^b&+qidX>DFlTlmAwLk;$_u}<+L=#?yW0?Daa=hupB6<z6`OlPOKY+l
zsn9R+Fh{|$A3IDzNu8{{3D`pFvv3Q&RER>dE}D33|M;voP=1VXvN8lk?vr<}AxPp(
z(F<BMY^wxB{DB2iL@6V2xzXyo@UV;!(RGen^#NY}Cj0>m5kiXWQOi@`=z;Y2NR)Oj
zIs_zw0$>969k-3(@_EhRX!j(qp@GAa<`Ku@w`mZR%1rC-7b-p7jG!h6f#`uiY@{HA
za8{|)@Q`Ld7#$2mg`mUNbcsPgh3q5WTu~R<0jm5=FRI8l2f=Bl(5bymSw9C6%qg@y
zkcOEF(94gjT$ms2sXl;EFaZqpFj>(h(<fL0HgYs=G5P6t(EQ6cq#>^z$KDr%(ysv!
zEPjYMSp)|bx>JMBfj=K26mWIqrNR)oLra!Uqn;wzVKSl+hNW&mdix=FBcH{$q6XY@
zl2*}%RK^&w%i2;u+<EB*6MuH?d0>o!cpL?wXuczc2ePUZkc;=B)Y;;55*S(AO+@2r
z<@x(dV`+tIE?0CQXvaxY3x5$OWjzP|=06x~3~^^FJ5TR#HMr&IR-G5TLs_*8s``#S
zvZ`h<*Ckdh2H<2jCUU}&2E1*^#F)&nhRVK~ZYtEM?L#3PLuLOwv4pg6vkwp}HLDJ;
z&tJzsBvQFJ(B3%9(DwKEFJP1OyJ#ylDezOYZ?V<XZN6wU9&2Nr=B!Vgc3$vnM4x-`
z@+LATc*KH{gV6SBz#vD#72`x6Wnvi1sW^LYz`p-X>S}OqA^~%`aW+F>tdjL+gd%$N
zw4f&UzWbv^T3EJAtcg*~a0%@xciL#uiwMei7!T4<0ju?P2bGE9o{)e*1Pm}kqj3M&
zhq3G7&2|Wqzo|YyR6SdQxK4(bu(<AHS%DiA1%`VLNQl!r8KK-&7+gDCRXnw5!-wm4
zO+!HE4Hnf=fbC8hB;}*XQy6C<lVd`6;l{q0{}O$_zJm*x|Hmyq#2=aP@g55mNAAs6
zb*?(9T!cfGxWHC68G_PiQOgh1&;mK`6H=c4XN3t88$h>e0I(c;IofT%hkO)U`WfV1
zMhk(B(xH92nKA(5$O2<lexD9|H;g9&RKukTwefIVOK+Xk=^LhDJY-E<-Et*d@h_<G
zA8Sv|8l{({?`z+Tr{brAO&Ah{!2=XY0;J7;IgPUZH~3RRq76(FWO|vcR>80BRGtau
z_(+LKB258$N&dkEcuOkX%kp_ujW#Bz4+Hs|ueAS8cEH*fcrJ1pLM^l)CCJ)rMJ*+9
z*bix8Wn9l%+-OGlh-i!=yt?R*k5AHj4!WFQg9UR;`HPUEA;?V5-s&_b?#L{@?A2-z
zkXl>KB{hXKzavrAXVDkJOMsME?8TVhZV$78mQ~8C17r9U2zx2RKSm%`GZR2xa?%$V
zd6xjRE7r6=Cc;)$db8Gd6kK19KMF(Bxuls1-k~GM+M+{Fy$_*Y446C}#{(kh`?sOQ
zjU~XXoSY4tTCMk|NLOQlzw9~l=*!_2ZBr=-*#I6M4o~VYg*I)@uv(8_ALYN_^=Kx%
zHxcGW?gcwc=KBaTPX+e>=J%d4=#0XK`>(f(XZ)CkP~OASm#zr2@{gX@#mM1q&jEdX
z-50;YD&)^yhRR1>>p~9qEm(;ae#oEy`ez&bEiKrRjKqRp=k?GVT(yYN3Sb$NW$SOC
z-#?2GGx;Y`#lQb8_8?+hFjBS&M0UCJL2%}m))|b!9e4742!8o7^3<9UuuIy3!_IGb
z)5m=&YB{;U`t`@DX*7mnF@6Wi>IdpP=6S+e5hyso%xmr<4BYloWCXB{#<HX@5H9jO
z6XAV+Db0Z*j}mhVF7D@b(|*%hSVIMGgSf*v&5#vwhxSi$@dAlJlX039gc#h31|LNP
z(-RP}03=2xC~AE1FsuwOd1N0jy!H3(31lZAMwill3)J{x5Vi%S%*x^S$5=>7{-!Xe
zAQl<*O(bD)v;)kKLOoW~A_a@pH+ugHr|l>E1Z5pL;n?3*)kP}<w7|b9!^BXUS@1!$
zT}%yaXrB~D*pq0SIdaz4o!&p+*Q-tep?3mcR&_qL_}hF9vM3i|*%)d3mjP@#(V<e<
zbPF7quSqjBfdJWN=m&u@v<+OHNJh7waP*fsImPiJdO2t|gpjX;lRkY2e&d3G4Y;rS
z<Sj)_{+YqDAa`q^xMa~PatqkLN8?uNHL8Ht{0uB*Ea7-Zs!93U^#IW=;d?D!lTU6f
zzTg-;3vbL8koEtlk6mUBRz(;S%fR(dQ;FMCDD3$Q!dVJM=C#<SNS+WN@)IC_trgeV
zXag-R=Y2wN8#(e5!kB<bHJ~M`M1xCAA&4#6%@FCjuvCyk7{z}6w}W9XKuE3x1m`G#
z^(hQUj*Y_PQyS&602k6@E=IZA0}vA@rJez6Bv%XH$Kn3Uj2$gm0-0ad_=1(~iD#Uf
zf^+}34uYqOuZJnlA>hO3IYXfqoCj>Wi8A9Wh@*(}clVwkC>V|R*W`eH07kEV&`AFV
zM2ohN{92qhr3Z0vTv0YIyKB~oJU?=x!Sl8FiC7|K72@GQ0$V^^-#Ael5`lI?eW1ea
zmRBc2$ULc?^G+G=aj#z>7Q#BKM+PDr%0LMz5piOSJPHg*iXHcHYi;$|e3<KqSHW^l
z0Er=D?>*0o{5NplQ`OK3-Z=?FJKV3KYH#inw=cukp4rydN_0<sB4P>lbBss|AwpXR
zz5p~H$PU_z+d~;-BZ>_*w%dzO&pmyj=z?2=tv=%&28?S)WB^5iQ_XU_5E6Z%hzH*3
z|MRm7LYM5v@W%YLS{SKs#C3x5By|+7UM8?1V@Bqp|M{^0lIa+t46Fo8rS>CyS)Qh7
zfs9p<O6@sT9jo{e3wQe&?D2xVbw<hkS6vPR=g3Th=USXriPjcS8YHhX#>dN9H6`D2
zgyWI~=SB+1b>IuZC=7~hSi?O_u=Z8N)K2*}lF6k@$C(780x44%dWwx4rAEHLf!F_h
znI%#3Q&AmmK_>93`MLmW@M)`*7MbCV!eK`b#N}$*ihu7=ChmV$eu8HqV)lR5{k_Nm
z=6<+prDothvP4e$e<|__|Fafym#)IDS%OvHMj|Xva|c;l;=3T?gpBLV1$)ety%#p~
z&VPxqI56#QU3oW$ah=HKv>YsVk*_@$OH$Aw!6rYr7hH+#Qk22+|2`ot+8mtp(QwRF
zE`T)=C;90%sFq-OI%vUPdJ)`J|2^Ng|Kx@4kp|GXT=ic8fPDqQ#v*}|=|DXqBSMDU
zdu7Dl&r3*l``=HJfNd5}3tdkQY*zVN!B{Xyi+6^8B>Ai)GrSnkDnUDq{8<0leX}F#
z@8O3hzzkdrJU!(yL?Vt`k_gU_I7ZmB^a3S<rT+oW7G<QK5S%#nUmX;Nc*nBhXCgf^
z@rQVC8$2BUw!Um4Hb~DKSc-U5?Ip4z2jBnyxi%vQ-+wbS34)ZupvCd#5b!kfo;Y<D
z6(@F)4lp>UU;QQa2;jChyt|X+g&+r*_SFCRuD0}4{d+<$UPajmo>O-x#8r<VzDDIh
z{w4tnlLscjN&hzH1oQuFH4fWQ(L@yD&?sVwQ1I0mj4`}}?mcGDAk5Da9Ay8qUzP;^
z=gYc6CkwvBxA}`jXv5o(`ui?O9Xhjb$b?@{-D~~?C!GH0gG4c=ec(JThRo-Ya6x&s
zk2)zz?spImvIf`<h~w~gL>L8I#_fOh8T;j0-)%6I&31;%lu%&R91Q)a)x>K>$U{Yb
z8bq1g1p#YP<xf@HkYDqE4;9Nyd$1bYyM2a$nx2x;{{sGT%JNs|vqX^`IM4sHx&OPH
zm(-Mg3ERyQ&R{0^HDA&e!=X3Xe#stn(`WfQ=!j^f$m&qqB7`P*;5~c=fR=p-o>P|@
zK0!+No*?<tOppN4Sxp&6I18BOD82@023dw+h?J7?=>>GdTzkX~pUo9UB=Y0m#xH@%
z5PXS$D8Qi)Bzoa?QK<q=4*{%m{h#G*TB-cH9Pgj&*2_k>pS|!|Y;?11lXe@e-NkQC
zl8(H#Ud<4|BCHg|I64<b{R?mm2E&FrvwoQ~p*2oC1Q}Q(SCu84e4qY(<o^Hqq3jQX
zc<va(!C3m*-Sma!o(f>*07E_sB3pBO<HRR1MYfHb-`EYYf?PFgLKQtccO{0R{H8m`
z6HQ#7xlfy}ZO&`vfJ%LAd(sA2DHZw94h4gUzbI_WV@OrjN>h-9WaW(l4~_vbJKu9n
z-`yVGwc&@s7~EQW*Ym%ZvXnaD*V?Bup)J26xDBd?n|LNkPPH5>(}NZG+Q(%14w2RM
zzFVlrL5`6;;v|Jx{Fj~K-Jh`16_DY(ShFNV%tbCWZdr@7pQlwaf2rCgfH_t$xIzUX
zn`SSddGBPy!~=D8JrI25I%At`OTJOTIs4ujRCFN|A5-_zc+g8g$+zDp64nm@4+-i#
z-u~h~lCr&7PNNCud}oI5hoDG>qk~R$elI$D3tC-wAMRcx>p11zRO9M~{~4ED06#3U
z{i(aJ(`((QCopY^6`jSub38~#PdKG_<yGDh@-3{cr*7T-TOXHXb>g<HeXUKR&eX4v
z)w~|ICX0_J<Hjk*-j+3XWhc?|+)d`Ss$ND>%4UNA><1_h-p^bqA2#<EbsY9dqPKsS
zU@8nw8nlt<)t~oS-k)w(nid%q$r6tsRZfd7yQG=azUGv+{YKFdv;il~bek?5TH)#E
z+MGe=#919>g+vq>-ecCO4_tv}nHgl*Ou$`m{ahj)|L^o6{<%Ef*nfbNse;3hz9Qjq
z&|s{j^=eA95fYIA<(dF;7__e>BTiASoDN`ul`@-Ox1S!H8~98kgtM<f*JkC-UBr6j
z*?T33RT)4i2>IreG)z*5Qn&K3dnKpud1!gtGsBM^T7jx+0cy)$d0#L)!fbCyra1q?
zN%NOD)jrt*$!^gK1k{>xtN9wLjEM%k3om&;_n6+PI)VP-cEVqZD*X;sZ^Nn^E6;aw
z-@97=X!)^wYFMuyeMJC&m}_TC{!PY-BV18xs$77hu|%<$vuM<A9JLcrbnY&3pHJ`l
zoOdzxMHHI)hItD8uy1N{J%P3YfZw8(z?E4yKnQG?1z*%Z@thzXvKN`ney1?a4dx@|
z^WQzim+`}ekuB5d%_4`Ee0?@2Nbl!ADK$r{O^}v*CP{^DVw(~CPr7cpeUxHZZ4r)B
zN|z5f>5i&<t|hv>xSe!B%MPeZ8UQ(le>z!td)EjquOp)XDwc^@+UFE#{k!wf3D26s
zOP0GCDguK;23ws%21}a>gAcfmzJ*S0We@~$+Yk6E=n>=qq1px1peo}5NMi45mK{n4
zgWct9AbZ$mOa*tE#e;X;#5Ax4TNe=hu~y_Ej=zYR>7D&x)S<x%U~WEy0;Gyd7kz+e
zc3Q9-qy@fLL`kzH`tJKkqop6aH_Uaa^nV9(hl@+gnU?itmSX|-YgNUk`0jWed$8+M
zcrnAV?BWLe-^~K8H_3xZH}$DL3^-kys@h4q8N18!@b#rjVA*x=wCeH=vy;<1<qA{2
zYl5e_GUwo^QsUn~-}R<-m-xo_W9nU{Y<>z3|K3I%0b6CxWhBBC%&0qsPP}1!q%TR9
zMwxz!`LxIz4gB)-kmvA=T-_w2)i(K2Ugh(p+x)pTN_{&cfkvZj=;AklZ2H<$3m7d3
zRvY`KYo;RwSdHzyq8CV6DA_;%I@3xNne<tLux%7%MvMRxRx01#yQHMM@CBvy8=+Y5
zEqlSTh9iQj50{d9#H<J)0F>8DmaS)Pzh6yX4%M2E`Yw=T*!!OC26ewP;p%Ee+uDPi
zTJ9N_%s`Inw~qh<-s-u8G0htQsPf%iM8N&e(V7apX>M7>ARdh?dMtJjhOmGOzADu{
zbnohzV^|$A>ByLPrYLRkZ2@IPu0slXR1Mgi?>?)hp9^k<rV!3L%Y1eFq%&oja}G==
zN#v{Sa`?E5wqAL$zas9FILn(Qg<gl3e0?SAj{mr^%qE;zc~HK5SaU&hWZ9Qk-zJkm
z-=UJ!_5FdHYX=NRBAfF=c)$x+GvDUn>KEX={&-vgR-Lhx-#yxb9`5LTYOTH!g56x|
zXqEF`)t};jAluhua!|%>N?-N#8x4sGWADG(Q5{~ikIte9%xZcY`$*EDwkwKEj+~Tr
zw?iVqGsiO=hQ4xtHHS=v=>^DnARx#$*bGX!{evmrzL*FvnGPCMXBNddZpN{J>APUg
z@aZ3hj(o1+#}c+2heUsL52^m(%!`}3;WQg#;`ut$_e_ZCcDz|>?{UGN+i@`_c~*r2
z+f#9BhyV1SW1krOYxnu&Z<?)WznSgCw_L9Fj;E#--RU!qj21xa7%h~#_IPV;pTQE8
zP(?ifig`%l&*$E!)g={JU2SO$gY057mwlBIeSrrwnNo*%X71whd*WIWcj|Uuism@>
z<UZj`qAE9U-UZ~C?#%49djjVMkZcyDH~Nfy@jPgr)HDkj99cJOYl8k}l5w-p{@u}+
z1Q1iBMjvj&tRr9n)q!{h%z7bC#<npw%b|_N%BC#3W)js~e?<5thu#q5zE_Ikgd7X7
z^k?RhiO(;oJ)ys(a#B(xK&H>Lz+;T8sl2>RJP`i+81CoFK*w9Pnfw<IA@fhVtexXv
zbgM#h)mWIR;#8KVw#WSNWX2`Uu^w~X(&h-APv>gGW%Q|TtSoyAQ%e^-`0YL96*@Wh
zRK0bjfq9ZN7B0SxE8y(t*;tPAwn@EAi>fD_8sY8Q-mpLBP-?`ABdI*7(4V7VHlE{w
zR6=Xq(8g&2Z-?&c*MeRCNx*z$HydskjnQB#5V4ffZR<xEspw3lEO(r=d-h#U*XAmA
zSD$&>id?SXK?C7fS=#0rUe_lb^c4y|Y)*r5Lktyc=9hME39Ojm7h|S9bXxcp^$a#m
z1U)}^w-zw_im;e&S4pojRA>lD-r?bM6^}YH7MW?qvHbjD$c|2i*gH&aPv?)Su8hlF
zw{|z_qBNN3>Gr?ti3BIq7Om}XQ?*bk2@QA~mqR=LZWj8DV}<j(M+@yU3N9NLUu_8-
z5oF^8s3p^d%rgp?UPrVF`ayv%QYZ>-u6S=ggw4{DA<xJ}%|7<~K3{8nONlJlqz{Pk
z&mpX2Yw_r^>(=o|GYy`}Cm-G{zz#s>4}Hf16h`q!+4m3<VK{o_!4^T=q@R3z4XO@h
zhx~f##tn#&STug~{zt4ePr+vu^~DwPbGB!3v)G(-+T=6wN>o}Tx&^guZ9OdkE_<Un
z0rCAynr8Uiv4hjg_~I)9kVbh&h;(0#Yz}9GJ9Ag;*<#U@9`AXZvNLC9PfYVNtHgIz
zZ`>Kv+5CLIb>&&erztiF0?m0joOJV(lKCOBLseMc>gV%um1pL(af5%<%s-(%5PP2}
zi3$p5t>)7kp{-_spmdyh3duOH>d*20SI=I2$8MkMaL6@8g~j!J^o8E>jhKO3+MjoY
zHRh5t9m!V-gZxRNnNk7vN%XNkNm$k2&2sOV8Q|9!-9PP;7d+_OfVo?L4s*96xYc(%
z{UTwQ(VH-s9(aqE{834yxo>_>lR<T%K4xHj>&KxeAJK|Zj>rA$NF0jy#1kd=55sJu
z1<<l6X3v9!%d2^;@xlNy23RJ($QgPbSw$0H9~hqdEQ=W@{j3LV1M+b%w(H{hX}5)B
z$D}tcUe7_+@VeV8!BOc<*-zBw=kYRRO9HO+^c>)oHk14?&v|sQI@D_mJ}~T@mA}tB
zRZe?amK8**Dp&RYUS(z@$b^@Ylq~9PkIDea$TQ0ZAq^*6Z_xj}y*{QBKB8oE;mgEO
z4&JNq;sDbb_Jd<^U{{SDyr4~?tYucN7hYo3{OONYP_7x9dhF6D$Mo{+wAjC%1&K<v
z`nWImYt5@;mB{_2j&7FI@8TS*tQK)EeKLGvYkf9E0*>M2NRr#ckGj44=L37gd&8bi
zPXZ=yG<kUOAV#tyDF48aIH&#U(3!={aQInowu*;m1YV}om3lNYkazRTeB343%W=Cb
zB$bu9cV%Kj)nu}nQ?=1#JML~H4Pv=OAik-_&BlewR=U^5m{`AwF}c$ib7pN+Gwb`U
z+b!Sh(g??YJ<u<d!5rN@mhU`f^M34c(We5tyqGh&zpx={*RR!Tu?mf5JreAhPK+^e
zo_PD_BeS-$y{GcYKJ&b*EqvR!&+f|nuGx<1T`cLAyWU|@CzVdy8u01Z(gvQz?w^)t
zOH+|3AkqW5m(!S5rf!X-Vs2GXiu7?XhGpFA+@PetsJ*;>;dvEq77>6m9U)LG`NnV*
zc|bSD3{=K)udOi~9+*KvfA0y`Z*valTlVzeR9C?{!cp<}i#Vy2eR6i-Zisv3?YbX#
zR7f07Ufl;KWR1kxtLGo|M=D&1jZgStl*(z}H>`4*<?`u?f@U$2gnI$@3{LaPc~*JM
z@xz&wmuGN}Pn250-TBo%Co|0H7-EFACF%`tIMvO+>Qtf(q<;HJ%yf5Xov!JC;x)=u
zJy-d;)^Vhu$?<3jGnytzW=dn^dg@QIng=9T)X4Cc?l7>tJ57U`tEUm4Bu^*Tf`6TB
z6#{esAuQBbvRf!;Y`gLbdo*VU_Wv;T-r-cZ|NnSKMi~cLWge?+8JS0RBDCx+B%5&T
z83#qkiU=9y*qeiJWRtyjl6mZ7``zdD{{F7(^Iw<iI;Z>G`+hthBW&o1r~k+F`OjDL
z1lt;f#_Q`vv~JVPnTRr`v)>&wi-}gnsDMs^VYc0BE)>26tt87_MMrZ+nA!q^BjuA;
z4mJqKf>WU4phzs=I`$zH>g-#2*Z?@T{9+1e5{@<|&#BayJw7$k0n(UYfmc~IDBGUY
z1B{~&t?y=4${bzAhb#>l{Q_QLbV5l?H$W}hG?*k!#k+k9=givQC)LObMBHI8Nsya@
z%t)zs{r{f?j^shPd;Bjg>HGkYQ_g@4<6g*B>OBY`$?NJ#<?rwk(xJD<!)S+%59Zj8
zN@bXD4rwG@^vjA)s@A@5H{5w;CekF|%BSA?&#PCY{fx>j_|<E45EmW;*8LY_`<WE{
zmm7Z=P=WVtE2R)@50_A4tSH|tEU<5E1?l&A{0<k^n58q~ggT=#L)A(!(ex!9zppQ?
zKWkq9Q4vFm?mff>5`dXw{iaIa_jp*n0n4SVV2GSuT6krqJhGC;N&1t*n}7G)mJI)&
zqb8{n4aw^?_Gu9yKJMMj_V~M*IH6m+e$?yNC=CfG+LJY68V(oL<=AN@d9DZ)1=wk;
zC4Zl?k6i-1jF!$G&|bfkC?QqC+TD}3_<?BtlVo|U+))ZMeMcNHD*6)}#|_Ba0gmdH
zThw3;V~7Fqevui`2;SURbPc#0l_hv$Ig;b$MD`Y;ouPF6P=UE3dQ-{50irvcEHxuE
zX|z<IPU}4q^s5oY@a$(1dc3A}a8wLy=1oBHgO8VENO?H@C5fiP2oY9et!_PBEVYPy
zCV;^zr~KKvg_EL&sXf%p6=Eqhspn*=GcJrESvU^64I*X6yS>-iMD9qWdziK|K%A40
zs}2@xu`>yX-`jl~E-d}(^3<hN4G)~mUd0&<^jMuJrb(zX5XeT^En|LX)s^;1RGjWO
z#L5WTMdZY0jD~v&ddOnntpA(ojFDBe5c_2NTW)FF35f6LG?RKTlj~n}R&A#tYM3el
zDn1%DI#Qo`))XogyY_@7j*-{B<7jako>S=%kfvv;wRfO(^N5OR+~id`D@ibB6>*F{
zjT0u@y}xDW0}7tg_JaU}3ONNDc8V+#;F3g*GYtZ$ZcY1t61B*Nzn?2w71(B=d%C*F
z+yO9~95c{J{`dbYdH@)qoryzB`0xLq$FLN6P-S2&J4)m{zzeZ2Y@}H{nn<>Zs@e!M
z-tSk}4+|LJGOh97)|7QoSFQdv*5!Jq=0+Vy#*<SIR-H=i@sIY^N^T#BXIR~OiXFg2
z-`Dj0OHy!R&l^H${;3fwC>{91>}i=NfF>(as+m{^bf@$T?Q(_fhQ9et5H5A#JaNEL
zVQcD3MQ;kv`Vv^ucvS8f;||EuMzf#{Yv(~rYp?Ek1h|A@fVVJ|uDgW8?a}8kXhV?>
zHq*lYC+#{(_$)M5oEgR@xib54dbjeM)99GGtU-JbmDSi8wcgPmFB>kr(CP@<QQ9rv
z&Kz}yu$9|9t~R^Hawl6KW!8#5ZeY(f7pwlk(<z@OGt|Jxsp+wZ{Dl27N~lm4^`)Me
z=Nm7FA!3o^Pucr!ALwpp6$qJDtE>Vy=|;JI8ZAkSF>zXj<4|BeCHfz(1}I`A!1LQ!
zl(g$^nlnt)&VUMV3&btx7C$+n4V4GMR^CTA3iQP(JOZSh;B42TaRaW%tTbV3nAUZi
zQsWhd#|oy%qWML76lIP>M)zA)7FJ|IbvXNQae~$VAnu(iFl{7eatUH~2il09@i^nu
zrgZsj93nUZUT#rRL|tug8LDXA|BW>IT;&73eX^m5`rPR9&_{a-(NEW0ZDqbNyD<;k
zsI$J)zuqvqsNQ@i-S@-Defr~u1lyl#8Hqo1Ceq)PKB~Ol@^tOoa&hY{8ixI;hC%;G
zXWnt^LEZw#A&c8Z26>%{poZm$VD0P9qWVdseoflZ<Cy*C>+#FZfqtDHb$54Bv+Jeb
zge;w&vbJVjfVT~up?RDNU6<MT)g`vM6mVS9==mH0)Kh&5AaH&%Rv3y+RsjG*IIhGk
zP!pk^HZ>2v-U?_T&aHwWyd6^jBNm_#=<or8zZ=RUfGQy=3j}W53>_>b@F{@UG%f-d
zfgB(Zjqem{am5=PdtnPeLa%E9{44ND$!{wtrB}p?a)D03aN=xZ#yvX2YD5qB=phB*
zw)^{0T@AwN#-q=)LbyKy%$pUwxIMMnQV^v?JdLS{mS};5k>$Q<JwRfVn9Mm2;ClEv
z1joXVHKTH>I32k~a`N?$C77*mc>f=E9R{%m^v$S~=Bszc`4x)W-yXyZ-we~8xSHc+
z!e6AINMSsau%D;?H<%M4=haH}s%o5&qz^>Yu!aFf550yD@EQJZX#cA_0remdAc*TU
z8&GTEX&Vww(fs1<>L7{!?UJ+U|2PXI@!%>p7C?EHx+NZrQ<>{I&Nuo0F9-7k(ABba
z%R#pok`*JX>#ld*N-}oq>a8xvp|`y~Y=w@dVP~8Y2D(Oer6?gS=@wVsQ&5f*D4biY
z@2;-~nx2_*h;0>K*%<GcAwE`r%%fjW_Q5tsVG(DNflcaUKxUcz?oRpC4}8;xx0dlk
z3sNp-=a@(x8~O};>*P$gEv`nv%D$WPMyT-1-XFIE17CR9U~o*IF+E~q-?7!q@mS3I
z+eXMf4UnHlsze3Utcy|9`PkEzdB&%|uSYhmm;)kF)i+ZENAY05zq*G*`DjmpBorKf
zJYe=4b^!)1jT88*4q#FC9@Vvg#2qU}#|KjdOQyFt1K^-v9q;LbG?K@+-a;5`)s*=u
zNuHo7-4|~z;tR#<`*B(ckK<lM(|<8I5reZ(B=?ig`eO?oV+I}7pn$gN(oU=Q;?XOs
zd7M5J5Q|_*=51@B&T+vtHVy0;Q|n6FL}~+0Z6k%i_5TL0l=>QYc$HO`Km6nSCr+&u
zs2KIP&)xt{)dZNWH@7<`0UPDR+Y1o8v3c95>P@0|FaIO5`z{MVCw(YIe%6Ccp!ZH5
zG~}&!NrJCGNdMTw6vZ!iaM(+bKJSDzcJmfa_%3_}^3Ee9yabdvzOos4+Wo%jdoW))
z&Q;hb2G>sTdl&3k?+A*Ni@+g_6x?8p%c`YFG2%&?y6+%A8$Z6c0XLy)hk4vNZp|bQ
zNLA5?EBoNQn-0Tqfff!I#d+$;ul8^61)}@`?Ij!_wGy~Yf%X{2HZL9;MFU3>W6XMC
zGQYHlg)k^egJ?>XRY2I7qW<&gaPF3+>Hh)Ob$g!+cXAE$n;OBJr3Jq&Fu!AX#Oj<Q
z)T#}-sb}lMA<$({@0CieIliRB5q-JBCV-?Hm#+iJTewuuaJg7eQx?R*Q%M$Ba4Qj7
z0DUUlk}uu34=0zxf{K*g5^+hFu92hlQmt<e3kZB%1m)Py=whHDevtKfTna`Pa=Z0w
z^B4}%JO%{!Ex3c(+d-8@Fn%I&pB>8yLB;emw}}!wY3|@sY)gSC6nM|gH(g5_WuMu7
zUw-sK3WQ3wfjf;;hei#R&^EZk3zyxU)ukh8yp^HmZI+Ldho-y!V&sN<Y|qqPL$d=t
zeTVoqD1jt>klIKg`G8n2i@2M4r(8^LgyX>zKrw2=DR7}i_2d@vJ@yIMkx@M}lfSlf
z?9QN;mm0!==>ue%d${s#64e=~FOY&FRJt|FW{D{75-@&w;krL<*TGkmYfi0M*^~h#
zTB>B{Mm#S3XU?ZEvPw3hmc?}kJmxD0j%GA(hpzI`a03`1UoH&^GhhqZJMW~>`s-94
zxIcp{=<fi?*GSj3JT@UU9kYiVptTghFwZ4}Adg;<GiQ>1HJOYdoF_Vc_Fuw+>v6zB
zV9Y2m69lSidYTEU6YoqBJhX2xMzgx4VOu)%>ieopNZ0K-?KS&@Wl%?3J~C`SM8)DN
z;DHwt&GoXM-W3S`pL$R`({)T2PMe4k4_~zaEV8|&+XU+%R;Lry!ElR!z?SF$d`pg_
zC<*TW-`gT9$bXV%6S}$=^@yYj=zpzjrf2ZW=<q5ycafZsyLExeuxcu$ZE&8_s9Hfv
zYB4xV#R-ugpT)<Ghl|(16sU1jCPkOwo&j?N@ZY;vz#=Gx-rQSYIOCf!UkRUS9*KjV
ziAUn$iqISyF@Qns$6RR3WQ&^)hp{7KX)1s#Vi;Jd{bAieBv^k<`3tC^4xpEj{#Nh-
zC^h>Y^j3$X0|$c>II^!FS_dQAF4zv($QD~tMoXYOCkvvVMs;uF0!lDWXwj18iilO)
znG#M2?+MZin21gQ{c~>uFmDkt4F!;{{v8j~E5OyjMg9JH=SN&d9rp#RZk$O}mNYKR
zXH3xX4`6!}fXm#Q;QyyH?m9*)=F1@xC`>~E!ED6MJCLAc8ixfrm3<kAh>!=ap)6OL
zo^aN%EwH~K7aD(kd+8DWsWT)}B<u)Rn?k9bkl7yg;A_88HiBjT^ygTBUfLY4HWYm;
z#oG<*1#01pt75#StEH{V9rE)rCXbP)+~-=U_uEl<sU!;x@mSt@jq_%Zusq>Kv1*<c
z$&Ly>LAsH{qxP90&EwvzV6AO%KlGIgO#SzhBXt1J1D+yk5me)HdTK)-pjStk!8+c1
zg3E2|ZBl&ke{!=8MbuiB-@5^4$;l%S%H^2hu$_foc(7$c3cstBE;)$er#jt<*_R;d
zCo!f~zaR8EQs>jCM2-1(LCY=BeP1R`<6j4Vj8sdBehznDZ2!C+@u-zLklv&4PEvA1
z1h1(Zf*mynA6??wYQ+Kb_ACho8cT9BKXI02mJ-?gtzF<ebeKkY0b;bk+11E%ZSlBR
ztNd7+Q2l7){jv@gdrT@r*qxZ*<TqnYC=7fKe%(z#lh?(ce>O(NGwcD{5FHP{Dqlze
z758!%N`wnS%3v;^E0|%;^$Bx^z&PVLdkDL#HFH}_TSD%6ndEV==)kL}Dpbu-3G2X(
z0o%Z86iikR*7K@Bb#pmz3Zfr8AW_nSb5Iy(V2yQOnC%o@^u=HDb(53`VX$P&qJcNJ
zw`PPsLL4)VvybhemZT>Dt@R1=iSI@^6Kvx)oN`Ga^7!`nzFfouTWK`jA|X!dnikgD
zb8F!F+)YIPf$jWaTSNp-4UV&fo(nu*Y3$(aOuw<(>iZWwIK(OSm7Nq-cVN31O#DO1
zKN)b0%d7}IGXMy&PCU0i49JvRpKCz<T~lX5>urB&+7t!Iq;JWdd<T0O#r#c&eWppl
zwTe#r7JH4&Hl$}j1;ky$=a;7DZU#F#1k99y-HTtV?HfT@L2UOG>Iz;$(CRo=W=kAq
zaRXmqN#vbv+^8NR>i-7Z{k_YtZoMYi$~nysC<mUh6CGCfj@~PWp{IN0a`o|JlM`x|
zMGnAD`||F$mKk6al^v-b-I+k-{8Tv@5Cf|8@8I9c@Zlf*@a|@q7;0#T?f~Fi{3R9{
z_duY;!m#7Z>)6$~J`{@shYj0%sN~{B6hoi?g7+`~!SD$4Q~d=fWA+_IMvdg%jP~gd
zj_8N7Wha^L>~m~4l9OCQglR}X8AX%-a8=U4kp$>Kl=&8XY<g2H6b;WWt)69NTMCrO
zjMHi><MN0IWt98((2-pIJd46RaKbP_We#r9<M|E9%ww7pc;B%ml{-zzvq09R!){-`
z0OzHbo#ig5TNTPr^TBX&KeB1JY<F)$!n1#FbpIjC^p-84%DOPcTV!>%Z_=AkRaUEv
z&io$wHELquO7IZ}WNDBI8w!fh)3%}lW99ENxv-ZG!B<pkz}UezO>EbPLHh0MV-TXg
zDU?YpPl0is6Y^t$YoTh6SxYpUFmUZaVETI0+>C`hJRxIOw(+LY6Hh15e%j9%XzE<I
zLPtZSan>uc8}zStH6oHEBPUc?yOR=yXp9Na9N96=3Ox017hRH~ZVj?+5mh5u32ZWh
zJD*9=;G;ab+GF!5w+zZ!>uh1uVQ<xI+R-JsZNAZ1TVt;wb)Lyp(c(fu2#R#JMf8s^
z0=b45Hvn8i5}cLBPfu&h`#tPdPHpQ10jnD2DmXS<T`+i2s=1aWDez6hd!V)L{yPO6
zRMFA#B#+7R<dXPWAIp;1bcxJ;q^07AfD0qI+R~t}6SAY%#Yi;3Hd~{tx+Xz12Y(B7
zKxeT)DAa$^bf~JF_eRx4eGSr&PJUTm^y6n6tpZQXXk<{Q2Tp=Px0<+ec(5qmUPv);
zKa6&L*^2%54pRTL-*u9HKxxTy?{d+AZI7L0SH2^Q62rVMf?8gdf{#HD*n);0gxjkK
z3zQVJcvFc}r7Zb`El85#hmcx2%<zO;|3>^aFs<aYS6c7}wBbI2lFDz!nwB5M_=}er
z?^8j>*>^b5zdS@xnfh)6`-u4nzkVP>k_PLQ(Nh7o0jC%b`8NT~F#MPY{sBJi4IEui
zgt9ySA;TXAgPwXSi(TZCKvoxrcrB{SYZi=)DfWx?fE3C6Ulbo>aI(*N##bSH!SNJR
zE$vQ1?zAQ81$|&CPR=yGZ}RI8LAJed?A_QPmYY$s^xTQHPICiHqH_^ghLU$T`$x%5
zOHq{G+i20h9y~BH0B*w6cb7`Z4R(B}roslKGns#i(#Kk4RE)FRB>$PE0Ji^o84K^b
zXi@%+U%KQnOPBWhF=RCIb1ZGPG*4%ExRyxCxZgo!slN5xu_Qib+VSr@6DYQQNdT3-
za+k{`ovFAv5SvIQ>u&ZW=z*`U89Oh?JdJM&u%=a)em{Vsm|qV2&1)Z$ic#M#`IbnM
z+k%C>dnpD)Rt(it^LofyKIfswNB11Fo3mZaG+(<q8{krw&@+HDEkIaCEJ73<!c_yO
z5P6jQA((H807|AIMfDLf!oV~fV;)udD*(PhbqB)10}HTYn-V$Zs-u}E@w8h;Y;b6C
z<3p}Ec9veQx02zLgxa$HgCg1AprLd`OchvTFFF!KvVRp*5H5(t3<)QmCa}X1Jxe0O
zKHhx#zPs{u!gVN^i6n#uTXvG%_!vO=u~jV`=Wu|YFIXek`ZiWr0>U5#F<dniiqaWh
z;qKHuaquJ(b2t%{j;&lYMWNtl+DG5^jkw$vW3y8@;wHcS-;2lxT=)!@5+Z6+6mw&U
zl=IkYzeK2h?0V*EpTd6zEdsZp2aAO4V&VGnOhN+ht%G?4#`|93vGc;4q4yV8B6Pw!
zdu^kARXNqpdv7STNO{{J5Pp|K7!FzLI-W2oLM0T$n`p+~kV)mCM#q)%>p$X%jYmJ)
z&t!|;AyTB23)#=eTG?ob*G}UfMVFB6K=>lbH$C9B9j>3ei(Q#sDBr(27a0uFlgRWy
z`@!<pHeRtIKuUDF4QqciTfcpu7yZ05ss^qNQN#}>AB@F_5mV|aKZr?<q3m&2dGrCC
zB!rkz_`7R6sSnXY>d2MG1rM^%yL+mBze4F_m*A|jMc!X5%OnGIX@duN=DGO$wB;XU
zh&B`Z+3vkBSe6M>oUyH@av@cE$UtwZk?}lfr{6aTE1YQ^SnYSkakOXhkh$b~$xVwF
zLuWF^q9U>0awnMsGvJ}8$^X|7?&Np$dil@>KOBQNX7DS9MD2d&Vv(kK1ZWOr5WdSg
z5KPyw38OkZapLQ8Pxs-DPPyhHWM7<#;fd+N;vG8dXDrJ7I{W%<!2D&<am%+`SvK%y
zs%P1<^Y)6LKuB4<#S)?w^FsFwb;FY(7fEZYY5uIcf|{Fre(+osoiH5+v()^lAEaI}
zkt9Ic<V@-xx@9y*Xrc16+H$EBT6h3J2gEwg>mUqILbQ|Q5rP@6QKv^ehad@OctUpY
zuPy!=(HhAO5&;Gy^gjZkGBOyImH|aySyut;a%4Ir7-CHInc<r|40Xm(+cCZ>{ImTI
zO%DH2Q@f7REv4Rt6n=LtU+bl;Uk~r>a*=E7Qf)vw5sS%AZTgM48-0d8qMeJmkW*4H
z)SU=JcG;6ai12NH-ACP3zEBVOt55WyMS~eiU@3r4sYs>%cIW($DKHqlIc)m%C3(qB
zQpC=P`L&=LJ`Ag@<%#@k=7us!Yaz$%-<<#j<5h!Shp0f=W$9HVVFi~(al~0WTYc$)
zRG|P-9Lu5*UodqmD@GeeN#Z_3&{HBMcxAP@&$#5h&!VDln^{>K^)a>}RPSD^G?u<O
z7A_CnVY`HU4#K0(l#(@`<k@-|vh(gyr??ae(l2~jx|I%{rECc|qcVi{SY3B56^oq_
zBe9(!c9p-F@!PJYyi`M|5pumJo+fjl%B3nlZdznOY?Hi^y{SmS_QvNC30m&-e%YT@
zes$yr_K_Pbm9l(cM(dCxI5{N8+vIq2haYk%$(@md$a6iq{6S}bl5rq?x-&Zl^m7do
z8CFdF!L~tn83VbG)Ay0J{m1?<Zp-S)W}Fna5~Pjy#&#SIMGUaekeUwIhuGS0+Vuv6
z<$eAAD}Z0%(DUKP+z%MM3_cgFIU3D{-I>%!2NS5>CK0mVIK1+Vd7&X`-;Io$TT+OI
zlPTF(>C>u=@K#xS)ov=+AACi;0gB*B6`Li8{o7FCoeQ)*8l$P6r3C)~m*4xmpSmjP
zH-6tWEV*)=Ac2mg6HaBzT*$jnlfK$=mN;)RSIAW)0m+5}5eFl;`rYl1!p%X<F&C-g
zb}VgPY+PEhhAb&!maQ4Cq1rwclp<Xn=sObSf%19SCvBG#P)&rWRO)E{ee(y;{b>KA
zz}Em1+Mb8Pt-}#Igs-aeC^#Zlkmmzt%G_w<q=&<-t~bj_pDy9v?*lyYETJ~a_lZIg
z;g#;246;59o2Mt;H&q!}P>5fGGm@Ou3J!{otaf5MbZ25jBG_og+u7V+aV>U-*y_C0
zC<12r46a166XiBX-V*S4?D(az(J$d}=z1MbiEmMomz}}OAjzNzHcRSk(rg+JL;(o~
zF@zwY$d<_FDf3)jHm~G>)ai%mF$}yLPwc`or6E#944=mafB4u*NB~V>C04Lm_!-PS
z=K@0uoSt~-3|tGj`c81lfxmxg4dvJx?L-sK!8PCRc!%f{uFg@dJT`pRxeKRszqqWs
zJHU1w(tg})T~+oTl65nSYDc+!pE@h<s*yrOR0Fwk5o&HQbauUDxf1bfm18bO;pY<L
z(ud{MUwkwr?w36LB$%ho66S8i=Q8&$&#5jg!L#yYc^{@GW*gE)><G+3sYYuB!<@rl
zroMz?D8&ouV?XvWk)UOtI&N91Weh%{Fttg02a&9+0r|(`)r)8^V9l+9esw<-OEr$q
zlsrl~N8FOOa(-!&0?Y_Ty=XfuvV$?u3|r|sc1wZG$+!9>8B!Q~SSYG^4I=_fDHc}5
ziMMIB{gmx8WT3<)8tSe&!M^X`X&qVMQv{1|6Z?(TnxZEw;S|96^rVmD1w{g@X2#-L
zPZP-r;(SKU?|uA2I+KjtG0%HKjKJKLD?l6xsO@hqHnapfACu?R>i2kk55$-!1Hfzj
zT1&iila)p}o+MERu{{07^72k#J!P%%jdN3<#%V+hFv7L$J<H`u(V(%{XrSay-VNib
zgHAKiH+;l6I?y>t9APgnXCzIHDS_|m$eBk)AWFMlF2Iw5#%tpG#J4pGTusagcumnQ
z^;GV-v`a=#Lms89sJ@8a5NX<hSk}GK-Gq^GD2u%>;b$=JP_^>@nWFqHXF=*VCU&A#
z99p{+sh3onYU9Mkz(-1`i{h%&Hl+_sMFvo0w2{ytM&Y08^rIz%?nW(iN)XlhRzkln
z-RpF-z0^H8EVxTj1oyBE+dqXE(UpaE1v8*u5ZWdgcAUA#@^9F>1uZXZMe;~4@n-Z3
zmhaIAQ&ExZipuGjr>&Nb8QM>tFo^A>i|kFRzE?SjDj~&7#7bd|!qO&oR;yZbQqL6r
zDNVfk4e|8?hVOfqDr6iAj5||osC{~i2wzo*jZAnj^^(k$EprXZ0#ZAVtVJ0UEOBC^
z?{*$`tgd>r5)9W+rNNtb$xhPqV>@0^WShQh$0(Wqt++GJ?zb1<5?3y3DF9`{7h1a8
zv%Gukig_E+MbLzKOe0TqNcCdbmQYi8r%q|+!v^Eeeb|%eC|Uc~R||IQ7zLE(@_0O!
zGt*;k!(pF=BVA=`8pXRH8VxrbA~aIBEJ_fE5YgK&&qD|eo7$EGX6RWeT$zQ{TUJA`
zT=SGDvq)_3CD}1m;Dy2d`wMqM1QO*n)MI0U^eA~A&~eNp($(V6Cb$!@bQV8wJ>ku8
z-jkjZihCb`3rmKpu@L$k=w}E~DkobOOGz_$=NaaD(8u-qJ<ivfub+F0;B`b@+hhz7
zI%!&c5IzrWZ8P`XZ=~0bp~{Qs5}Gn7Bb-<|x2fCdl1kBOrC5}9arsIaLq8$p7rQUh
z;!Jin7&|KN`iS3wGwiXh&F^IUC4FPo`La17u*9(;zhC_^UYMAGP0;UhKB&Ia!SRP;
zTJ!H9YX<}vSM|yXxAb6Tn*C)dGX$_9h)oIxKYEZg($sO%|5x(oHz(BNFpROoqoYMe
zOXmt|zH0gt$FD3h9UHiN0&uvPG9>Ad6fwL@mQIBde)ZbDOhOKBV{?bn07X7rF*AC7
zP7f}4zo#$g!I6z(fy;mz>S*bryA8!XW?5^=WTnp`%%-~&s5{R<HVWuOf7mszhtN(l
zEI3JWfaIu&0(V7ZJHfDum9n*Rqol<5HgOKWy!I)Eq~>LXjcF1)rfC%)!WSrt9-4$W
zTMaX_{`V=7t9COHwgb;D4&rTzxHQ=o93$8|*rI%r8aaOYG=sq~zt(==k(zIJ>Kev7
zjNP=YcFrOQ?ZNKS-r>d`iN~IO>q>^-p7WEUamPa<N;X2PuzT2Y1?8MCEl>>2DSA~6
zvTSf7(fS}$9(AvxRfTPx-JyNJ#<P>!o?UC?1+cKc*u4n<y}fH%H*g@nXKMY`aBB4<
zmcsPwt|&grpYg7!I`z1_W;|@S?tN^iz6JxKvPy{(;-IB)oT~U|GlpSv-%u|?--ymS
zvWlz4|Nf56LO+&ZN3Q=`s=9LZiSh2Fg(Xj;{QL*MZSUq?*%KzHpo^w5AxwUR!*U0v
z0Lc~Fsaq6H%=oH&?QfMLlkHCb>UByttSOI^1cqnsfrBV%yYnku>JG6AzA;^_SLJ_t
zZOfXE2|=yc`|~P(tQGZSWn&5N%Ao{t)Nzo8P>i_l5u0E<7H=>P!>@QP&MauDkmy+M
zmy@FTN==xH0!btyO;eKEG>R4vkukDA-GODYFw<{ofoV#X4G|b+Mmo0kniKDR>A@mP
z%oiV!DllLSb-P^UCx}SWG$ChL3y{?yLy;Ebf5N<SOj2_z6Jpa!lNS102=-k=i}Z9)
zruEQL1CTqNZwyeS#crUhEkoj$3I)JG2B?*0oqSl4a)reP_J~{ZoO#2wj710H&c0C!
zS1*b$c<Xu93WGg1TNcR8a@l?@c!ybpz=Q4v3%?^~B6v!cRV%Mbrg}FEQmzaklOp4n
zB^fejV}FyI9G^_2dN-Uu8`?@AYF*q#-1{>q)4oJgcgp(-a;1*iXfQc_@q5aOK@u=a
zw={>!!doRNLl-Rl)Xjf$ykh$db$E4nkCNmgDgweISwg7~+1q(Yi1s3+iWtXJ5Mm}`
z4@Xmy5&EV1?;ww`(77Tq*bvm_HW9fjE0LIB7@OxV3`9~2xxS+6W<bK_GpGn|nbr3O
zfS}KNvHCZ6&luqs3@!`aZPz%Q_()MCR4jE)unxbuC0}+^fza;Sm|&)o>jbyAX|j0z
zXAY|H#uK@+6A43AP~MQ?iYdOw>XwdVp$$W5Lqa*CBC?@#-<WYa$~$unh-$z5or~5A
z_85Kw%P@m0V=0t;`BKc1NFpr}-cv?x<iYA-yP>HD;DD@5wnvu1uj)%<^ys$`X>+jr
z0;GO)K22mZgoFV}kf{QjKMybckS`bN4zpk5s<k_QvM85%+20z?V!?KF*&Q-)C*u#<
z=`I7$0cGHFun(94Li33$kq_=fSD`xmp5e9Bh?OO+wkhK$+&HKEgl%|;kOEO}oRfmr
z?@T!o%F3TK=GJbt*)ly9rm$%9BAF-l8$f4#A*qGO-#0)@ga~t87BAKymiljo5w*(D
zKAkw*nSK|vF?Th=p(*AoBP^xmiZMnTI`}nhERhPBMXpj@1Id8X!SU7eBpgZz0*4n(
zn9{OxS=}<4)SZKQ`wXt}+a*or&scoBv9axj8SL}1Osr>U>|(<hk74Sqd~-@)8OQU#
zduLSB(ntp-2ki)65aIQoi@Qny9a9OH@(>`*1YZj#R_INJ;{D=O<p{Mw5io3868?g>
z7RI9!#2DVBvkLK)EKk6->-2;~_ZSS}Z1-zp$Q$;Ag@Did1E?R`)l0-_*XiM1#91DY
zucPQlGU0TkefJ*_k-EzM;)ks7a({(zvlnW6Km6C47UFJcd}a@H%#d`hPUue3ih)M2
zRhaap?Ly0j8a0=*+WFFjPE!8uRtSa>rD`JCwTJ8rA&r^niQgY6*1yvRBN5}Ad5FjX
zJ}T@{!6x<1ZT>p}i-ClW+)sx5hjz|+q4m;!f_(AjWFiR)Ms`_*y!hB;t}!=1q7JfB
zSv!L<Ecv{EW>o1++`yxAIkh`b!BBCcpCmIR0jNwVp~I%iD*nfhg>|U~$DqG`m={F~
zG&+_&Are%7S5?EWx)D{Iq4_k5JOus^dwJ9uSf)v+N7#vWnoa_bwh1&7vVE>D&3Z}Q
zDGE|Jc%!1A1&F9@Hk)3Cr#e&wM4E)|53jrbOcx>GCDKfJh}XiOB7Dt~P^lS{ADCX2
zSCg4)>*?ib>$&Z2GH?HPtypVxbTofk`sLP?+`fC`gHIN1-lKeb3dEdQE&H2|!qw!T
z=m%ZUgoj8wTa=QYgA@FTQkf_FCw&bUY%`^G6hicyp1;iZrXhnD&n@qI?KcuD>L)8B
zFEU?$&u~ii)hqSUga4ZRMg>8u9>&(|_^SqqJ&E&JCsQnu{yMa8!Voy?eE3}qs(NwM
z|NW7khm#{QhPtV;5|-ZiBPUvay5GR)-?8O7XY=SVGG_HlSGtV+h}+pMMtiXg3N2<A
zw3VV~gR`Qz+0zU8^zQd&|Go&C`S~T8^^8{))7tZu>+*c{6W+5t?*F74kiy+_(sD7J
z#k*8{SYk}PPvMNksl1Vt(6M4+Nw;*te)iQzZJ&<WKWo2W>~PRTt}vZUka3K;e3Mj9
z@3spM)rw|+291<NIlf4=ihShGl5S3sk!7O%D2^oidIYOxN^~xCjG7KXO_-I%)?sk#
z`s06|vs?9+cgLa%T;vf<;iHiw9Hj&F{zzj)y;xCLvz1+5yFbmA8sT^A{$Y$rndfIa
z2qI-vlI=BBRBz6&)EZ|qw+G38TwvXF)+V>!J%U)PNzugd4g7*pi?g~%R_#4pRXy_v
z^p;KD`8LQEt2{n({|npgH~l5yeErws><!C2kF!ec^b7P0iw9Hg7}e;Itc2-W=WYpy
zpkB_2LsX{ikrW#QmT9l2-h|mzex}ZOGTcvF@Ra|wR{7#xsWdQuGB_;XBRfpDPCy$n
z^WQG*zMMF1e+7c|R;C~?2L!URAa&ODcN81u|BBtJ3P0(V4K`u^k%0Jmulq?@;v>-<
z+Q&OgN!PKHqACx+$Hb{4$;-w(zR!E`MsDg3@Ur$hI>-#)^6oeV(iGzy3Pt^KFl_=G
zGuy+5uONg5d}C1~Oi@+qG#)pvV*hnwxL-du8vf`V2%k5w;iL*QIw<^3h2r?Oo4n9T
zS^dRBS#RFGfQ=}iYVgJ!{g70W)qRYD-D4#4Y2dp4bM}944}I^BeGd3}viowYSqHQB
z==rLhktW~Rp2x}S>LR~E7(4oO!6lb5stV?|*{IFt$v^yZ?RTZt++>qnv$Pt_VtR~?
zO!V-r0FEa<Mo(q0$B<5~#gyO6dCqi4OC!?%b_Y|%qFU6?-9<7HiX87+F-!3u5q5gS
z<VG>u-&h<!n8d|}J4LG&t@zAIS*EM9ez9XNQRly2medK&RDpjeicpnaepu6%bu)&y
zENNJK!rdfWWF@!`A=Q!Hk(Vm^B8<4q$|En4;aRKI1$WdN9mvnAw~!UpTQq%=#(JM5
zZRNAs#bhP1*(IcR(&5<y#;g~+aROLWcLajr!<`i~0=3Dq#=9?L<j*l}O1JMQwWRCw
zoj%LydCLqvyP<Sb&gk~*D$QklEBs{k@Y_mT=idaf10$`rbUH-xXzfj~>ximwTdgTA
zmXY6@cVqi=FA!bp*_zU}E00YhKXdj|>_2OptgsAw*uX?6tr$3~_F<$B#<?^({IRgW
ze40F8AqB12Zg`^l>ed$LDRr3L;AD~hhLmoSal}8a?D;9UDg6zFmmEIqmRp<%#<u<z
zMaCfmaWhyqJ%$4N{1rnM`nR591meeM9}9=+6MdR8U1Fstp}z%r^b5_VtObfwQ;=5Z
zM-hkYoe{#3h^ng+jJa)FzgXP91FURJCW=z))5!PYfWcif>phDXvswisWe$WPLD%Cl
zx5NZg`4|MgJs&@x#rUntoMB%TsgZt^u4EoBbLbdx9@30LihGb3#@$dV8-sbotlh1d
z&pu4<zPfYfva5p}RbQF496{X6KfVxOiM5OT#z<p-lR2_qJ!3rmAcilNFh^6mqt)LM
zHYH(<BkCaS!B+E7@=+M?Q#Gcp&uTZrNVOjOmw6yqd}4APy+E~Fii45<hHanA_eD2~
z#AV2`-(9=AXoM~&+---<@v|zD>-h7fg~O~RN4Eyy7k9S!0gtBbmr_&VebiGu-><7B
z64*a_kZ<(qbrFY4l*`JwyRQEMg5&W>0sAbIuHA}|NCj<+9z9m+1wq-5B-gRo%qWO^
zpYns&Om}M1r>vn2q53(f)DC^CZ?I>0SN4*xM-bZ#T5@d7;-<>2mEOc3uAOj0pK~IK
zf=`A?TKie0@x-o$$27`vhW99~^f%7f<$tlsDtmerjej&#87H~dJ;JUmMJ|wy^wo43
zdF`fsPM5WQ`e)eq3kTY8{C;)6pCg(TJHK=JSvT87`x8fp_$Qan9<$56CX3wAma8o{
zW`aG_xx~BNX5zwy?~4R)mu`R9|KV@PMzhfC@gr1$rLI{R|Ka65%wC@lRh8oiKcY&!
z1SvfrUOCRWt_zbYo(~Ins<Th}mu;-O(5~HZJm-0CW6kCG$<UbBUMul0u~&@jCH{0{
zv~zgSlzb}tK9xcyzUjnfN0_~iZ~w2cv{0Q6^U*sQ)^YuF&k41y^%;jF|6OIJ2%hSH
zqAPnj%l;T?B2O+&5J_72JZ4m7eQPxJN{5BU(Sz<o5v7HH8FjlMM(tAn1aFQJ$t;!a
z{v9Sg)^8xgJ?5ibe)^hDb|dfXhaKc?CzaxpvzK<^@YP-Nzw00MuB0QXMHA;+48b%P
zr5f>gQU7^cVfFP{!(U|4ycO$d5o*bH4W$=bz0rX-^bm75Ni5DgPvso@kv1J?H%B$(
z6L{7~`7w5jST;J#tRs-kuq0ONH=s#dJVH;E{#k_E3Ez1JQ=b??IOmZ64b|zs2aX1P
zNi_;_g_kdE$Ok_Y4Zc+-?e|L~hKlsLK9;N;D6^;{q*W}4)uH+-S(g2DW24E%sV!@z
z@Mg#4Ns4WCl3fZUXT7I^=@pblBmu&+ZXwB(8iX8vn4|WJR6&ctF8;OR2$YWcU|Q^N
z7U$pkUlRT|2VW4hUy>??L9vk!AKb%_`TeTkaH8HWj`FrWp+{@ZMV)TPI0JOT4pm!H
ztn}$?xp1`*;^=#90+|R;ap&8R%6})G0WT!!mFP%^m5Xt8)^AT&t~~3Sp_UK79w>-}
z*ctuOr9T_7VBc#pDbC7wk66&w8CCfDKKc>uyTVY#S0$8(kuFS0cb0s}3oD&l4Sk=)
zZ1`N5jo<wOOejT(293}S?o3AV%7itxIRZH`Pd+h8a9dp6UMS>%6_dYRM=&I+S#21R
zwU0{ullpP)xNnf53!@z8!;U4gJ#m24*_c`euB7@jXJ_(Qn05bFoTGXtot525ccbhb
z167N-!y}{^*qHi!Q$PM#9=(4VZadvDUHN!!;G7qu+q&RqS%i3*GyE1hIp#O5>L!d4
zvLgu>7Y|vxiMsOG+*^LDtNuI({x)NcAw=xF{YG8^m7(8lj>-{@qn;@{$Y!RFx{Ie)
zu>y}wX4W|yjF7Kvtbl`+)O|LI@w)jGJ?uS&&gBoUl>XPNdCPO23^eu^iTTp1CLF8?
z?Y3We3Og}70c9}-TgR966tLg}>D_cz))8^_9J!W!2TZhAoG;rfr@SZtKXBJPaz5&(
z8f`-5LK1`uO0D_KkLAb-b+sg@teWcRZ}tmVymFYG3PB93I?xy^i&wJ#<3)s8?YmJ+
zk|aQv*9i>wElf2BBdj*YB#N~|Z5(D5*{1Ag?y`ce{lwZjJRyCTc%M9V%;I+dt+xo<
z&>QrJA|qaiPXud(fzbr^+aT#3eCbHB?2fQMJMyvw>osK_?EHGVpY`ou5V0q{47+z6
z2UYEP9|kFVV^~aWkMSt+J=_QfdZTAN(s(IUMvl&v5zRw8qli>#Hn8ch`3(dIJ^r|2
zyQ@G_5<;oGL}T_rjDsQVdFF3qLU$#vb&MSv5?2GYH@Ug{{1z{JWp6=PwN)}(524P;
z{mW=7Ic4h(kBe->tp=#6$79i)=r=On4?m4|^{Z9BfAlzLjInbwI_OPQn&%q<d_g?j
zh};cPl`z@2=k=b$EH8YT{s7*LOog_ciP0?2zgOJ1^j^6G8g6M*r2ZXnbb$U&Nlug`
z4=K<XENxqR%TI58Ge=N4K1#8Oib0j`SS~$;RJ!5q7$B6gJB9_t9Nfk;KOo$7k({r-
zXO==mkryPwn{T4M!|C*yB}=;VgN{2(Os>_u$G;avR4)T$h}Y5^He4Iq25E+jU`&zL
z2cZ{}&C6s2_=qvIF$eTb>IVG<A7ywPa_{TW%I$PD8TleAtNt3a`IlK~Dn6l&<u?M`
z3M;{4ZNAx|iB#z670}?;Q>dlme=R4mFxAc0Z-B9(qe2dMhYeM4Rn2sCX?|HCu+FP~
zvr0)nhzb1$eVU(IZEM07r8`o(7CF`-yD@CO&ds`Id}sIpP5^8lim1YM1NcVoNc{$<
zovg?EQ`DwUo-BmM|MfZ?R2ja3Q1#!9Hk(;3S)=yb89BHHSd@?D<&o@{8g@TEgD~a>
z`SDyy70A=+^v1u9nV!WbxLvXA|8y{-YJ+0G9Y@l?=qO*v(f?cQJe<;V)aM+q->W9^
zB-7mKRHE<MProw^yhElQ@GZUHUYw$huV8m&jxKO*v+$=XllWgFg@vf>|1(&i%ly9$
z|8Fo$kHON}cn9iz#lC&^ro(dEuCaGaST7?=4q%7hwYN+!*7bzC>Y8vrw)8&Ye>32}
z4;8ixIJrh|BRFFI1)TJl9hqe}9u_&veRg`UVY2@0f|%xVCqn*h3A~+8b(o(>W~=hK
z{QUR_r?)wShlM@wg!~q_rN`^EuCC85t?M=WcwO#i28vzyji5}MkK2V#V^w9(CI_}n
zvGwB~wqHDSvHO`<sD>rl63KcK+(@=sQvdJgS?q#dqa$;T*Ey?cz9{l-xoP@4ur~-U
zljQl{cV?NzKXu2;;o`H~e%d?=r?PI)FgqQpNNNUc-HL6%Wo;Wa<;ngPiCx2<0hg7U
zGi>wK>=nko5qAq~&@kPL&zbJM?wWL>gN`;m$lg|<^wDWPkBjwt)qGw*-nh*>{a+{Z
zOZ=ZcwrDY4yrK8+axc00Ezp8a{5w6_Sut$=JG<>!Gk9p<4JgdR$#q!;-no1x-|5|i
zTq8Alajn=e7+8<RmPW`S8z%dl#sXg+0g3Eda^vM;3G1v4^{Ui>cRjFVL!E(XP|;m)
zG`p^Q0aMwg7{|>@c3czkmuFUCUh?sq`1G|u|DCd{KJh=uVcp8ueQ*1|*cq4D(hzO3
zX*pZh?@>H>_|8fuw#>s~cj8T9QN2*$NzbgcpnK}zVf#tHR}-wD?X9iV#!aljXJAA5
z`t8NK+hDY5rTpd89A@1u>!!);x8C~3gckRR3!m#TsQk#FVG}o#GQHcq+Ab8Z>%CD&
zPQK-T*dgHT-DA)LyxyC)!9O)Jg|_xeEojO-uV*VZ4)|{mn;ibo+j8<5PV=OM|0JlN
zp7|>wnkdHeJG~q#jqz$eJH)qr`DwiQ^00wN{-kRbC<}njy<vW9cm_1mROkBD?+92W
zy*)6UJWI8Px~ok6_~aaTHtj{}w?NPU)<s=I_sin@_C`YQaI8?X)d?`88teJYPP#9o
zg-#mg4vQNrdNNLWZI8}y;RC0K=xH!wSq+=kLenN2hU4qoAXI$7!3b`#1$?v`7Yuv8
zHLuEHCRqnupLqXvT9$mTW7MM=YJNL3^J3GsVo3T5XC5bC(v5YCXIgz4>+_<y5AZ<F
zF3*`t_AaYy8XW`E|F;VDS(TArV(!fCgwKMXSF*jP9e4_c4A@<1Wa@d<4}Vb|ukl;c
zFk6oSiBK@OrGp&dT|cm^Y?>aGCqEHjD4|3sPcfZa)?SV>CRV>#7!KUBH`~wx+3emb
zw2llMyYHVd8JWrcVW(VcIvp)J+A1moD-Y;%r*Jvfg_Tuf#Hy45XVdfB)6!NOZA*)3
zcLTvHY`8Oj{3~aJC+qTLBp)U&`s0Ay8Q%7~epE$gf->;9?d8<E)o;NO=BcrDDvv17
zL;b1Te(@6TzHPnc)0f!Y*g(Irz1v+H`LB~B$kPy2d=SgKzVl~u;}_dr%^O!&V>L~q
zGHN~@{5-!hy#J>9U)Pj82<Dpxyx?vB7hAXnY_nb+t7WQMKMwozRWo~w)^{hAb%u2x
zeEh8Ue#akSzkf=s>#ODB?f5c4cG7^mru*NP`wi8-IvsC5l9X7!<yhXueNh*<c+>13
zGwWa3-8pPi&HN>okhgmC%uH3-OB=z7qZvfwCWw3340Ntv%k#(3xt;)bNX&Su8W0a_
zAV+C*dq|c#nB05$%f_P70ex~C=PPCYNeQaAuC|;5r)97)tEVJQ*^Wg*Wk*xvO-H@3
z|903hTCfH~cUnx3Tj`IQPd<kk&1*qYgf*`YO9C5Z0O{IxY}Y&U>U<R&u&m>7@%KUV
z<i&A^{I>tRr+4&Mg3BGfroF_$<sywrnYsN8ED|bVx_o>5U;fMCu?6gY^e*^-_b;r8
z(`&QZ3@|IKY*LRBH|Vbo=N+ao<Ge|dD0lrSZ3yQlPDk4x!A@X$Qigg6hF91|jK3N%
znz*y;=<I7W4`ViB{ksYT3+vN)j$enw?k;ZvtG4ay=!TgU!JIW+`Y%tKJ}99MjJ~bm
z7DyBGeBN_VBPdqzJ{lK22CAXJNmcs>o&)+X0ad-PqvS8vwEbD&@|A0C;Tq^E+RiN}
zuLe`di#YF=NXeClU$Cgvt-0f04~`U(-X<?^`220`mC{BlXK#Y_Hg<7=3B;%v+9~J!
zSinWzni@0hZJ1rv$L19+yGy^w%YJO1O8G`g&^5ulyUcGWA!8(&SuS9xz-1mxD6d#J
zn&b348B>GlEwJfC`>IXU9cMZM&71${9|b^~e-&^7emdsTka+{xn`O9$IBH9Ju;jgl
z2q1aRKp53O-;K@aeSZ)pbvXV)?uu)yS}s1FJY*vu{HDtXEvI0|)oSkbm`qN-$)4)n
zrS4u;Xi`Mq|0P+BaBeDp!y?<y9;9=D<ES2Lx%Kvw{<P{7YORy`^9G3`E%;@Y9ct<t
z{$<|7a8Jgj-4D)h<xdA=|Gt-8e*WgS(DlLn!PtPene^K5RvH@to=3t^iRMf*0ZDX?
z@bQ}C)JiLElQQKjdFt<Cg2Y$2;dnjIe@KuuTW-m;KHq8s0RECK92yG9ms%#vrO1H@
z+n~rDCNQuapZvQwT_!I4PzSj}TN@R+I>u=@rAT88n@hKI&XZIvq{J*(Zqq_ortfN{
z!0+e~y65)g{?~OP4k!E6)p@J~Np+joqX`#qxxr^2yWduTNUKV}ww`;jNEry%^`RiP
zsL3WE+vOPx*h|PvSGRh6y+5h0I$U4tAJ^y4iow6tZ#8wQ2;Q$~jCFN=K~DO^I*)hZ
z+YhAuB!ss7-{b&T<f20GM9GH14^Coyj*(S)K|4m;5*!p~0=LIX?<*xss^%G)E01}~
z=P8-fniyFYvB<WTvk2jrAm%^cR>*zBVi?!D)kIRd7w^7W<I7gx+VlMh@hUcTz%P%L
zI@`<Nae(|5?!qDr(6K8@{OeaoD?)+Zn6r~+)sQT-A?zE;vtYuI+sgitOjUi%+b$8X
zqS&RqV7?z8uii9v@&-tWv}10!s32Ev?y+YcRpuXV98cr(uOIs@t-`Q%jRS_y6L%Yc
z4{`}iE-RP(Gec<5(L@KVnzFp~gS~hWzQ`z3Lt;!x;RiPI#cz3TY=W}8k=mOV@Vr^}
z4|g90l&y`thc5SwH~kXE^6kDWaqwkbYV3OAbiX2_)V|UA5ee`26=j#EK>yz<uX#Uo
z%6hL!|CwG9^r{PJw5Qgws9SzrQ8{ks+k;HzQT~?|bXqsyUmW}KZ^c>Bho?_-rWlSi
zetKna!Kl`%`gonmSDaKd+!x+dR4TCd&sR-m`bv*~V)&>Q#(GxbEA;i%-7)GKO?C6;
zq3-eeq>uu=4xD~ZFEwo(a$xA3(HB+wcAzS?vQ0D4_Nw}U@$6ykulksJue^-?^cQm}
z)Y((Td%C5u5<jjnb?m2CS^uo={^n6U4LOnE9jy3UoAEUGaSZ#DBIjK{dn=!9LcvL`
z(+>H|-HN@=Pr+l6B!^$<?B4Sh9VQhD@y2HEeac7Pr+s&Sv5AIvV{#}?1U1l~vu8M&
z;hgab?=gM>lU@cd@o3BMsH#1kfRPGJUBNY|^_&!=0`E`tGrie``Xc(E1JtUVGxxxB
zkU*_-e_bQp%B;k;vxjh^{>EHq$3VbQ#l^nmt6=}av-E_wA>DsB-s%j%iPk^=arN!%
zSD5sQHHu6AwdlilziIvH3i@sQ-ZK*;td4;W_m3vGjLL+m%q<V&Ns5fJ>fY8mABjf3
zsl6W;1Fvs6o|Z0BgDcH5%Pkit#zY=b?Hg(zOA8cbL5kPeN*>$C{^-!3wZBa@6O%98
z9!b3^3RObBT%_@^XDmzlX_sc0_e?iVrkZ2~>{PxNo_X>G7p@`t8=WoD!HJ^$pC@i+
zxNLeo`LJ+(;{kEnm$yUe{;(GTDMZ2FQ*!yrl9o5ybKMSyo-Z0v3Tdx)?N(<l5z8Md
zG#A;ieG^R#-C(A%Z&XJ8p5%e;My7Vo{r7C~P(V*zrBy#(2)1h=aY0MLGVCgT#F<$N
z;I&^7Uf)-YQm!EXv8&xHx`e#FpnRM8azz`!)5%;u%s^OjA!eATxR7(>zIix#^0ihT
z!K;*q9OkVrtYX@*=O+V!b7!9u2q~sf|J|@Lr#d#iu==<CU7z0M?YhNW-pFQqMIEU!
zaJ#z~iyikcQmv(#?E3cQ79PLbvxh`+M&HV|E`+WkZH6G2KX{8Zv<B~$t)QFd67f0^
zL}mYTmTrPe`IfQQ(r2Fj;JS`IyNC>53EUsBpSrfnHvfb;|KiyaJ04C5vIX0Vi|tJh
z_2yPl5bZbzH`-xhQ<7TYA??fhShQ+KW#fItTY_<oQ{q$d0W@q|8ez;W(`Li=n%znr
z_wPUTc0p#I|KagJd(5cAT}bxY>K?~-rtC-U{(%>?wCzu3+#RgvFOo8+gt-Lo?B0#t
zG?RIfM!lzR8{+xVGxv<ARE0QvF!iwPFAxEu=CxJm-q5Ho&z%*{{x!^f>Qvdtf40ne
zHL+S`TdMkE{k4l=cfPx;rrncZJxA3L&f%tg)IFLh{V{Uat?jyvF}k-7-rpT=n*U(?
z_IY~%wvy}5D>F8`K=j~WPmE`!uPtl!I5*PvM*sBvfiJ$g1GPaJ)UOIz-2D5yTnWiW
zVd0RA5%ImBuvud3hm-C?k82M$HCCCJ&E{lSJyKS6>p0VS3A#VIyPJk-Fl+A(2AG(w
z)SVf5YyEt+b&l?ibt|DL^aIhvzts<Fw7qj>>rBVj{XWU7-g11`N9SnsoD1UdrDSVX
zV_ZkUsJO=iyz`d}Luz<a`lMHkSa=gM*qd{oU)7GkG?R)s6uZUDUAz^_dTySXnc;;s
zgQdyW7d4psV)JOL<j(fY8FE=AjB(KPV`NdXNsFD%np>3V+0=OdSH<5lFXFygSr*N4
z$^|48kUSS+klQdlaHMpNta7AGPELButJVB6JEjYD?Ms>+(+fl)$C%sW&1sE<j}BT!
zLQ(6CND>pRmualvs%n2~Dka3V_82KZtR$5GI8Esp#m5aB-Z@XR#2WFc7GujIQyZ=H
z{qJ*q|647<G3hG$JqIkM{zua2En`|0T}ww9a(uJIYZI!?c0Xy_j=fd_L;gMVgL;m<
zHF>voi$Oj^--0nS{sd7p?`PSuBucHQoP7Uj_!!L&NhIw{X=R@PsjLcRCFspX1({Z7
zm|#l?+`uy9t~&m^eeM`TUDjWWTA>f&3qqooerIxsR`L5SH>xx%OFc>O`aK}4e-b5>
z_~5lftv8!zou7V2)2c2kp6wT{2sLL=U9<PK9AXBj0Brrq+lnLAvqo}!YEikg`LQn1
zL6<}#=zW7PYV55eCsNMiuTsw}c*R<)5wIR!xH7tEeu`p>4>+1XVoT?IQO9jVQiY1w
znttyx8dU`)XUwXtrj6{Z^f)g*c|w{T(9kh-*ZHzWex(8$U!|9Rr={!U&Af0(bvg9v
zOTsk<-7OWzXW6$FOO)S)+!4{vu(LN%?c}%{xM{_@5lBDvs=HajRxW@00ejNPLZvnB
z_kW+6)MR?4s?K<w{5OoSAq6P<S;tfqC%WuSPh{<@A*#?XHRU{p@hO@Mg252++{|)Q
z$4MVS@Fb`2lMT#%k^0)Dx$4VoTes+nd9n8gl~1D2cSglHvJJlQv@}mG04uB74ml?q
zqk+=1ECG|AN;5~k$Ms2(KRo(g(k1?Xbe&~Dlu_5N4HOV*L8KYF8>IyXP$Z>>7LXiD
zDQS@!T9lTM?jdJrkVZfdff*zPB?Jjc>9a@Q^L_96aen#-pLzCr_FjA4*SeQoXZwz+
zRo!}3We)6-5GGjk7936+n*QBLvSI@mSC}q0dXXgADF@USst|VVmbR33CF-tdXF57V
zTZcs#OMQyY&`7B#&?4Sxq(+g3Y#F2o?q^e7Xy_qtBs<6~0(!>yuZ|iX-8M2E^l)0e
zv@N_Z;ruVX!d1)j({gTZ?682?9tg4S?V#x-bg*FL2}-JqDofU2#jLef?(TM?VnPa@
z8#ZEykUWZl6;roC_3+nV;|qsqQ#U?A$Mu`DR&T?*Zh-`riAFR(c;eBgBi|g&wF>@a
z3iw8LtYq!qf>pFe_taN1YJyNu<TyKlFNGM(-GUz#`|DqM%!^0h^?939#sJDJcB))R
z?i@~T=&zq^%}Y(h{Dl2!omIuf(dSdASF>!v=rA|sTa=lwLBzcS9mSCL7`Kg?%%b+C
z2*dm;mX7kXRRfUcSoLagEGAuO-XA4lK2LgiH8;X5WVf~z@dd~q4&ZnxGH2!>cP4;u
zJSTfJgTL~#?cR07`f%f>Pvk@BjF;bGD*5>I5|ykPo@)vvqw<-)+|8aTiVgKVp<6o<
zWbf&*KIlanC<SE*qIgG-F)E*J4kK<{#H#QWrJ<}$VIR?lT%9!7c3~;!sn6AkI5Jgy
z#*3+0IL((*g2@_&>RWAW4<11!4Mx|)B&tMAb>6UJFtQm$R{T0C_SmT4eT{@DNB(L|
zK&hCJZ0L#5t=%MNA4oR*UJF9YQ&HJjiLK(f&c@bSKTY#(>r~{+hN(EK{a?kDb?cE)
zP=ieVO-kX`fncd<W;M2QxFPi~t+w&=8z<G7$M@Mvo*OK=diG2WV9{60KdVqX_5ON?
zFiw9(!Z6aJS@4DQ#w*b>2bv-(xU#`u9{M|RTn@6B<TdrtPdUHdap$D^ETYUyQoU+}
zFGVWK(V6(0nRSIGB{r5_99A1Qp1y&VrNnj>zi|jtO%f4Co6~@pQZs0J2(xh5uPS|D
zGWv|R8f`w~>`Ij|5nUNuKEXQV*Z>pez&v+xt}N13o;jFl)*Pg7_eAI)o2!e@*aP%n
zhNkITPcJt**7^ncL{&wn<TzPGW4E!Oc<)zwBu;}?ggHSl=h+rRq_=w5wH3Y_)lru9
zSAb=1<FL@dd&1vkYQ--<T3i)X9%^r4aQSux_{4s{vsZ0lyFq>{V&2QXdbpanXBke}
zO2DWRJJEknQNaBy_u6`;#1&roAc1P?DW>i>>2JS0L)^)|n^wHEAh9fEGj$8;Y+Q|b
z{p|cjfx;41a1mAC4c2|cQ)C&EGMD_$f|hhq_f$GZMXFYLh5gE_24%c5(z{78lMdD?
zHI+4C=UcD7r}p2pdgE8DA!1tOL^hhJ`s(#1x<2uO`(}AwM4}!u5<9tt-9iI8w+gnL
zVRj^X8`24}8_#a!CbIk*wrg;C1A|{UO9jhqmU!jO11h02WyyJ*6M8|RsJwb?28Jq)
zNzBq@`5dv{Xg1T-ONsAxZGWUkfBj^9k6^&1IpaS3nD9hkbV8QQ=&RS`d)`N!k0)G@
zeg-X@BeppR431fL%mOCR4lIvN%*o*lBch6lE`v?Gp#AEGBP}Id`IvHiDQu-n&e0;8
z8`J5|XO;GT$f+!#qU}r8-HJiCccooJAJ-4TN4rw8sYG<yut;-Bhv+i4ZGzp}=aG}a
zmj3avn=zfg?Tzar*_UdKsU^S?BJaC^!r9^B4^ZGZ;aS%U<<U=SJaQab|86rZS$3N%
zLYv)WcZ=^<(jV<|akdcDtD@Ug14Gdru3d<Gb@V)~Z^APZDRZ!yyL_1`u_+OCcn-3y
z$yhRiQBu#F)2r94c|ITf;lh8|WA9?p^}glXMzc9bcxM$Yh2Hq@0m=O<&tx<3C>PzQ
zTD0$_n1B0HJR`Z1j5<+_L}5V<!ocY7*qy3L0A|R`*M<`07IEplVm7gVT2ZVax1@bP
zL#v$1bX3Llcbbv%ZqlWX5rUV$SSW45)r3d$-?sg5X?&pDcYFL&pHqZu%IAftC54V6
zs%yrbqyART3dLk+eFR!plqbQ#|6PLujuP$dHg-QZpdI4GG^HT3nU|-g;Nk%akyt7R
z8TvxmY}hmjKmNk-Z;nWmTYJEd;<mgT25~-4W=zy)@El2Zq5iMtwrO$G9M7%CP?^?5
zE+skN;+%aV-F72U|AL3tu};I#$~nOGDcB3v=((%W#6Qxy*{TgfQNy&sN`WcGTw7Bf
zfW&XEOEoC>j7J1JpO?tr%&zpyxmr@lO!L^P;^eacQxt0I6mnlSr0e<T8|Btk&M08|
zP|D;~)VAYK+%sjl{UtpL6?Tbxe#uhh>Wet=yyD7(;8*T4Qo=n`_0l`fSoGpOvx+O>
za;w$8Phkeij-oc`<VNcKnJN+@IspKeF#8U+=1)mR8vDO^REbQvte%d1g*<ZBdu-0!
zmG#Zxx3X%Ihcxl4BV)vSb0}))*`5Jq3_R_2<buNR;3FM9-i5K~x3%oC?YKb%7tjA3
z)VI%S**$5rK{hW>@#wwgksUUryL_`<5=~EgvXlG$K{{pmm*-qg^TXoTce$UnnVImj
zuBQLU?pmS!g{3z)=fgw?Ztv{YR5;&I6p8*PN9^NnGsM?i>9D7Y5-G4je0ID#rWh7=
zL^s5WFuZsP+LeBSqH?OzuJ&q>6;@^ArK1$Oe+iO>Sc5SC)*T!XaD3oP$nf^tO3hB+
zN^YpxB129Bv*!H;CPUg4mTyouLIuN<&?*flr-+c<k=Uts0DgE$rZe@EJm$TqRNOqj
zVEE{W(vOk@jeyVPT-64R4k?w9FcZYnaZT%unPlZ9Dq$os4+|Ma^;ZT{j_F?crDWj_
z-<z)zKinydeY`vDxPtnLm&+A0u&&rMl}?9dX0D0S)Za`BS;#<%N7R)-rj|nQ+9*zs
zZiPjm;@C^;odpfZ^kQL|VBDyv-Q2uaV+%_h#j%<_JD1<^^mB_b=9^&-lMyFFjt?%#
zn5v(jPc&Y#F@0w--XMWq>1$l=cc^Eu=ECr(t`%6`d1KK%oCD*vLVZcidih#11y<HN
zJXC8kt)V!b*}A4*xt2|SqN93~)jSre&A91NB)#A6K%N!p<$Ki~KIpyS-M&HrkG=8v
z2ov~T-H6<cBWPSyjt}D^O6arD;CV)-FPPmsaDP$=Xfznfa9!c9x4oE%X9Efjev`NY
z4H<@tSEHQWi`*X}KVf9flw2Br>&|r~%Ls^6+Fy9=iz>VWirv)YDcc~~;OJI>^tqXL
zgSXJFt~krebkv`==f5q{YTc}InJy6PO?UHC((=ozB&%Vf5aW%I)CZ?x$K_|mm6jO1
zG77nC{#6D~pJ`qZK=4qJtKE8Lh8H!()bT16as`Q|>QFN+<^CM=hLu*$FqruY2ed(W
z_p!0W!}2g@!d@)WW=H7*0n3;y<OL?;!#7%lzj$Wo0|iC3NU3WJy^X~3H|n&jG5z<K
ztiZV3?4<eSqogbvsNU^;$AO0Q?6=#)1crgqu7_`*6wc^NKCf`1iTTdx;73NH{D@-T
zF_XYB0XZPX@{p1ID?%5u{@IQ6+Q4c)3;|m|g;rq^4;0@KIQp1gNp2tT(NNI-Gnulx
z^Sdp*u;T#l(P1tm3@m`BN`G_|lwFNtBdPU9cS6d+Pg8i@GH9cS-zMMn_)zBq8%f_W
zfK(y8Rvun5?B%DtJXm_O>Gp)>)8@4g%#0@+Q;8MFe=L+c-yu6)6N~w?HwL}LPtEU?
za$hh%ZY6#}3-bS;gbAT@QR?iAltI(|#!L^aAzfz%26(~MXm<xLj6vqa^=BP{KYWyH
zO9wqXKDJBE({@a27T71gJbBp7pU|T6VEpv++RdeuiE%mr3`#ksBIb-a-WadETz|ef
z5ap+HICVx9D;HBvHCfQ+Sk%noHn>|oI%?U)X5|c9d116BJbrbqO{nvpFXw*ebE!Sd
z1d$L<c(XLC0RT0zQ(itSfFYBM{YIQnfr2wvlRclx>FaP<|5UsNdFG$z%h%Z*?W;^&
z=!pM#&8ZU~9m6Wl9$8#@)i2)X+GA`*%WL`O(*5${oUeGg5X#^VnIdQtrIySym3zo7
zDKc^TcOR^2@vN=~4|$z>EmqstQQXbQJDbWLwNuF<Pyg{K(iBSX{)^&GM)N`|p1Mx$
zZ~`-n7NYK8B2X`i%+bUu--mW18@A#<m0*j<vtoD{%B(W(H5BEMqzcVTH?Ih55Rj*j
zc=27Ppd#LeT$5qmw@;wM)UOcFX@hRGaac#pVq^MZCxbizq3wSHyy&wQI{Oet%J(Tw
z?<B-MQFD?|&szN{vy|p_Wi;JhkjW@g9!TE{14@fh3ZKNeyu~B9g(pO85{tQZFcyl8
z!s=qk63EP5Y_YnO0WW<cb)Syh#vpp&eE?;qlQhTk3GrlvQ37fQcH}lf;C(QgOsd$V
zNwz$ds4&7uo^-FmztI4@Sh+KO!;6aG`>~^uWl;I6XvCX=M!0TUxuNZkl#;9KX~n~l
z27d%Sw)-h<V3J7@1LX<%&P6c<>Rc8Bi6_6z$whe`CtB};87Fp|Vb8zGBwqDl-hxf=
z9#md^kaf@dB#Cn~!oOq~vZ21K+AJ`Vby7UU<-SpGmM94<)qF$T)?^+f9;)-O7C$gv
zEVFJ-*(~$z73FkIN}_<vilPOpG44;ZhaUy5o@yiOVj0Hvh}X!m5UpvQ`ZdT1W6l`*
z;QJ8=TRo)2cUq2K$!MqjGzl%IR<!w;qpy&feAc`#p$|FOim`mWF58ZYewtE0@Vdo$
zFxqc*YPJ$BP_pX8Ac5j@0=WqB`n6Vf-;|rNv?fgF_$&R1RLf1YnhSrc231H{WC9BM
zSm)^mej~xHD<lNekRk#pIf3QqEes{O)7bF-$81r<oGm7pp;aE&eT?S2Yq>*U9>!D=
zr%d9#vK&n}9-XVXTpP6zYeLRYV1ddGBg0pYle9~S*{JeKs7F`!>vf7<&N)jCAy9_k
zFNATy1_=uwQ5%MP+3Q@v1<Y=Sfk$L1yKfD5;)39f0d-1wL@V5xV$3wL*8~twiCSOC
zjFi(UF2hOmtx8wt9y*h*@cB+2K>MWUe#g~fD4T!yWmcY6ER2N}8+U3F!omV5yPfTT
zB;S3Da=1Q|nq&ac0;xIXUz}|Htzgw2nYA<7R#yOh$zy`yri3IbKSeKQ2S|EPPu~4)
z^mQ*F)@u#l2l~>RsbC_(4Jfz)9G#D|q|hRSx{Tv`F3cj_cEi|4@-0WM_MPu7y@j8&
z!<}@y`W}^25pN#V3a&i$Nm@}1<Qf^qq9`5ty#=HmcszlvWRYy$R+xD<{a~rnzY$$h
z^DB$u>yI=Ct&DgX<{H$PYby1KoQ8?^pfMsh*D&*KO@29=ynOo?xq4)?exU~Wm*KFr
zH1F17g>!_Q_b1HP?0IBs?9i>AQVpY{9CaU;#HFb4aKBRe1`>y)tK=9I;~Kxt;aZbd
zqu+8<M#=@@Le>V_{b3t+_q{1k*+5cDd5boF+Gg(AYO>U1<0P_hTH7nXOa$J(spYK8
zWwJkWKXl9O+`K^^`G|I;bYol|`eHp6&rRlp)`f_{Y`^^D#li!t#WFwb72bhaQB0u@
zY0ZIk*qZwOT^65TEnVRcyQlt!7FlP@)8Q!;X|RUanwtw|KWvwLfuq!=A?~HvEqK=j
zGxNSpTbck1Uj_x7_t>9X8`O2(ozA90VJAQ<a8U^*<s};Z4v9C(G5mp+GU|4b=5(8^
z`hVb)=n#9M*xiC{a-%B=lGJxB*MR)+i0K;dz@VFT*YI>s<3bSPff#g-KEt`&0Y<YN
zY5VA5IaPo_X|)`zJ~fr6!+%sf+Z`r3UdLT%Vb6+GCKE*2LHOkU14$?n?1FmvGocpj
z_R&ILCgye_<MslN`)`WkC!5L^Ev^yz5npLa)yJs=W=MERiMsl-J#MC6f9iC0{2}r3
za+r9)hsk49q@)fY0<;7oADmRV2<t~Ym&n+K;in%ti(cy-_%GlGf)OBDP8Y+sk>*@F
z?yWL$Po-d32(tPCo7$F#c73c&mlxxs-yKf3^X69OY|fTT#tu`p!itF~TH8c~FRE+g
z%i*nbk2wq&|NG(pqBVcnlVmE6aq4sV(;MZ2F|;)W*mg5UklK{H`d>S8G;E$Kj}Jr8
z?9A;feOpL*uLLUvo5tTevp)nAjtUp-k~{w$za=s4R13h6s0B_r#}EFo=wyrCbnLG<
zx#QKqMxWf9bPXr7TXV8|Ii#7Wvo$Lhr1Z=J$t(`D7~Qv?S){IC^_q6BcL6hN7|ob$
zt?m18^}kIu!=^8*$5zq&=+(hV|J{O*hY<h<n8i6^HwCh+(zpo%SF-id{q-9bIkRB4
zNmCzye`W!iHmi>rlwS8V{p0*+v5WDbYO@XK$FD+}4;OGagFK!ch^0;;rd{D#AW{DU
zY)Iay7~PG{kJgO4sV?9_7|hxWX<UA0HF{gG-;Qpc-EcXJAbC9Ush8~Gq0-lbY3ZLS
z?WZ;ualR8}=HhQPGp)>P+Rrvz1CEN9Somzfd%*=cE>^mD$aMSzp66VN>gD#s)Mkk{
z1!^<`rR>Yrg|eXUXnExluEzf>1-O1~&Qc-W!p>&`lt&|Ir#1{zQd)o6oZa?~46<JD
z`^;<?`lEV3OfrptArw`;KlV-T;|VakEXM&ss$+j%{qO^7`z9cR9*^MYht1x*ZNGVb
z68L2wj~6xJgymLd%~O-xZ>QyPO5W~^wwmu{-M<(Q8~TPsMloIP<ImiB@7Q_ZBxyT-
z3kEb8PkWx~>Nh=YU{plk1{QB~*T7@Ot(D}u&x>wy)x9HRt!0Xtml6ByCl{~UK>08J
zI98#uHkQJh1otYMnE*U>cH62Qy!d@`AJp74x!tr8k9L4@*g_3njdB-de9=-7jOW?#
z|4Tzu8m8SbX-5lfVdXE5M$X|ySs~S6N#y9efas$&WUSe}%MyGDmT?xx7o5+v1CR=4
z^W%d*+1Vrzi#kU4qkC{l|9OM6>`GhP(I?l<zer5GXZN26v6{(hx-T?IC4amQJcBV5
zf8WA^JQt?^fcn}bk^A#)^ZMO}4xXR>1v4navjc$FAm_c`shF>~XjhiZkGqF1A2ei%
z?iULRJ<@Fuj2qn?G0d4iKd3)kryp~7Z=Rk-TCAL(0pVz~?EqEzX-Luw$7%(gYXN5L
zT-GM7vCqY`%*69A7UpfR3?Ui}{tw0$tpzyZ8=<}OrwgQcv5SpdqkI1#8u76H9yB0=
zj0On<+Gva^kD^~ryf|S0Br&^|8+?IdR1^}DD*cyuPuy{1WmU1aNdvb-P6T`976`Ry
z%;cFiNAcyhgU?~Vy1+{CI1p6f*pjBVno=cxE7J2{i*A412atmA@+s7O6X1Mja!~G*
zMYi8B$sbTl@941A$>2U2*`~JbYX%&-mC3+H@7XL)J2n~(z&2q}zR%vm9uFGaR^$m@
z!qGK=Yk};Yg6H}*5+T$AX4s8P#lemNDuX%!YWY~S{7#lzX}KKO?Xn)OOl?F|sh#fZ
z8y>EMU{zt_fAs6w2u_LLW8jAB*%TgF$|jhEn$sCMAoji6b~DW<%@E%-Ul_>YW{ZMd
zCVJ3xStOt>aKFrA_FIqfNXanb;7CsnC$k(Z^_>YS%wy5B>(#@F54k8e+jm6Kfz|iE
zy}at%(YkSu><sBop?=l|n5r)pd5CSb?^BWWpq9LK;@Ku5cZzu6sr|vz=lZWhoXo3k
zmswMpHy~QTxE=EsLmQS_FW<zW6){|nYnN9B67TN6vkPejykC}N;V4avP`P_J4KIJk
zpXB-$n`{-c)%EesF);jd#=GVo^6W2<IL0--nX}T?ZM>@PPRzbW9crCWzZ=U(V98yT
z14>0WP7KgZC0j2)da(W7XL+FIW(#%1ACEN>zf4Z7BKNyIl*FE_P{LQH`}}2A6-d|U
zmT*XzEx%xO^6MpUaPd4!vQ4+H96lnhFPYE%4kN}gP1oDdo~dUY$tJr{;Kk!WuUQ<$
z-~uMC{p@*<E2fv_v#ODW;5fEnK30<2+ilxnXRbQ-cv7PQ;xXoOQ6jbTISoRQVHp>S
z#b<3eFk_^-+jvm90Eiv)YuDbW8G=K);GnvR46Y@AwkJpX)iqYKla%}bpj8^#s@=v3
z?i*fEm;-?vyGpuin!RS~e!E|BIYosSO~EtbgTXAIp6|6Qk4Mq-jb>Es{<4#AzL<ZO
z3BG|1?1ccr0umiBxtuyd0T(wtL&{`EPdpS&ftfG}@^2iRXD_Gn6KTjZjs2?pV!9%Q
zHBv73bp3j_{pgdCV!I~GNck}`nd)tvWHziBUD^8L<0JE$C~!G7gL~eeKp>{)4$z_w
zGJRhVrTXU^ps)}HV|PODpW(ioKnwJtN#haVT*kd+P@}C`#0IRyGOTkB+2?yjCw9Xk
zOImhuHRdD8VNtK_lNmc(3nls$oOYZ2(JM59U^XfS<!V(8x8FT?(DE}5$`0Qz*?k<Z
zTuwX~Osr8pp;OV-Z(j~(%h`%){G)JiRd6smg<=aly@nt~WQ*vnl>52CCBf>aVl&2}
z{K9)U<_pKjZHC`%Sr`fwQ&i5R=(%ZFQJim3KJkKz_+dtk;7QQ1dseNnJH6bu%cQF#
z@Oz{s1pJsNR5%he;n*=RbfN6W;i2`hcGLGPa*K8;xorrVa+;IEix*ELT?3=Pyy2u>
z-x+CJ3O>EXur`IDQO_@a@bCol;ck&jz?0tBuu&uALskXaQEN<E$eaG<nZ8iod&2;5
zJq?_c7JeYMoC;fSBNzQu3kq=tRvSd-+po?K&9;28X<|ZPGL4rbQG!jJzPos*Ti_Az
zKwUU}Gycv*RlpHTX^+=NODr-vmDP2rS`&}lY3C6hH#vf!B0>32LePN%0r{tuKr(CS
z9Jlv@0u5!gVc*N$=ZtS@9R?08zy{}Xadx;Bgsr3WjD^HkfO|1^#r&Qj6IJO_vAx>i
zhjGFop+6F_*1jYgT>;b^>f<$<fsL9=$saty-0Fk%a9swj>A#Y^CsCSh2yER~ombK6
zac^W-_c!0(_fC|?nb9q`f7=g47<jk`>|l4T<#)c;L5BCgq_pkvSn&%F%I;_U*^u;@
zmraSY%seSow}0|(r<=@oB(_GW&Wn#h1C9O7+`j$?&FWjfxCmyY%xvKZs=XnRem^U3
z<!otAU5R2PXorCh?liy4yA^q)<@@FB@v#c+VVv8;eBNpUM((#+ez^h8CS<pGnU;>s
z{Wd0|PY;S1M@zn_=)^~&(3AmY(~akOaZ;ttyO~=uZ&g%75qi3VG{oQh6K@}?usJBl
zf!h2Uv0_=g-BE?LA|vnNnnfRnqKMB@)<e!9kA{Y=&CHd0{<{ZuexC0gs2m%mI?ln-
z!nD_(1V1#m1&^%a8btwRLawJ}B<cFdi(b*=rR98=dOFGhB2R&7;4-R$RXX>vP5k8L
z6N##Di$$O;C9A>Kw#FD3Op@t^_b<?o*+8J@=e{)u%XXNX=W}a*ukh~vIstVzrDoYe
z4jvt`uN4D)h2h7yD0{ZoWL1vs>=+71ViuI3F7G7v1OSn88p@Z`r?svo_uuW#h;Z&s
zyN-I$vmi!rP;l84!c~o_dZCi<=G4ioqlouZx}_Pa=FTV84#qMSUufJa@0Di>(Z8An
z`<_l9u`?nuJb11gOwR1sAU7I)585qK#Kmj*a#fv%)rss`KKJF9llCUNjGCf+@oth2
z%ai2Q>o^udzG-%|b|;eAv?=F4BHrg$&(WSn4{|P~Pl8-dy0#q8!ph-Ok=hJIgu=}c
zCd`@z6PyJ@L+1qFwr^&;Cv$ci?W#tZvmQ?h3QwX3ID=nbT0S<V6juEqTpjyFS<mTO
zjnpvPZ)G2mr4FIzXl50X9%IOxUG^&!E>n9_yfl`Gd&A+1EE(-2mwj{~@i{-bEwSo}
z$s>3p5}lQ=D+hRV8aLjjl3tPgJ@i|qGAlZrBE+66_KZBwG3%*K3fIrZ;uT%7N|CKV
zpX;)`P|+(H!`F`1W(W~q{JiL~)oS06D>`ONGBWP!KKggLt`<hSAvZ5qQ{?t<w97px
zzP$M-eA#bq+=Oc1eBXdD@|wc<(S(OkxB7~z5YleS%?C3lZ}X;6z~M*E?ymooCT-`X
zu|`qsZiN8%v(MT-KJSMg$3>#q)ku4cPxR)}{GLeXid-H)G8`8h)jr#hO5z@A^i~Mi
zj&JOh%4XTj^RH<7(lR&4Idsw`EW0xNNw#IsY*Pg8hb`Kqi$cv2tz93{p17m!x{7co
z4&?p5$vu{~*b*?4@Ialf(t#|Ij={Q%bXULiyUdwDwLvSkkT=n9NyD5tdz~6<V^JYQ
zvL!ZxIGGRtFk#UY35qP4hi)+gHHR-n*(wT(y|`TdZ?~b4m<u5u?MNueAoK}}sg7Kk
zx3n@gSA0)*d?G=WQIb+wMVsw@>d1(zg_j)&)^P&X@EB~MHnHxjI|&Kz3oPZJq15Ev
zlG5^5_!R0g?UG)DR<5UY?wBY7Hj2oX<=>}nv*Mj-R55Rp74Z<CdY!SGCcpQ)IGJz1
z&>&-R)7#@u2!1~rI8<7w@H&MZLP?IO+-d(ZA=3iQG`@~ifzh0-UC@Ba<Z%3Fs5W&l
zM|<QQ=fpe0A(t%WH_%_Wc&(YRv>^|E29k-bT{VKxZ75}7gd-_J^%gVd#lx=ad~wzB
zR@ciuaZMAs|I~UT0~Km~#X@>~UW{OXOs6ap-T>WeO8NXiRNkI0t)2|%ONXZU8O6)E
zenTgfZtA1{aPlCso`<HaraWT<1>Aza-g2p!CRgT4D5v^nLD>v^Ow8!}+#h`?MVOAX
zhnIiHo(XxX`0<UFs;3=JdrpmLuX;1dmaQ>Ca#qrd*-2$p*{d1_H!J%0rVJSU4tOA@
zD<P{6Ht!}K+uh<IL4f6;DuYKwrYlXXUNT^~c1=h7sN^R%6i;;I@lrHg2T3Zs_xU_c
z|9YmV+WizXnjcK${yB2j5apjDh^&sCtMFAa`(aFYH~{3iftX`sHlJp*B-tx98;Q~k
zu;QcK^(m*7E_*6*X@2CyxublRWv4@{t1+%ARVTNyNhgiWQ|(g4>Y7@St~P$S$hUi&
zcY+%#20hq{NyFU{bUL{)Qg-dU7QhhfPa7Y_ucg*u#`UE%l3NT^QkTY6vs4+#pq?X^
z%@-_EwTRv?=)AivqO<Z0yk#b&VO7XUGSKX(<=HJnEBCiR4EkWau0bf`?)X+zOPN+K
zJbKA2fF6wGp-r6lM)j;Try2CV9JEKgGEvTt8W0cbxXSeB!)D-Nv&DtDOXuQbb>HV=
z_AfOC{#3H6PuOhh62e0Hm3#=zP&fB`JQmC5sdVfF9z()+cMbLU%ebllKa#<!GLG#f
zB+M1h%$w(`MpH?hYVkR*=v2s*A$lfk1gevn7qciE30y+SUxhgE@(^DRP%js!&u$Q^
zfDx_SN3e@gR{B4USXEeMol#?btpBw{21!uQBMtdXqtJQ~4OF2ji(EarpArtk#+{_@
zr(Q?tLJ!M5&7s*jFu!=enLK&?O#EDmuR^(ZhG)eak{6_~YN>Cqp{|*f-IBYmJniru
z{Uh*Kw8L*sa3D}N=`T4TnA$v<#v<_~Rb?{LB7Sa!cj(<C=o8lMdYwc_z9$cv#v=r$
zHm?cPyFC(xC))WUvOjEhTYXi}F@@5CzjEPBJYdk@s=~S{@UZgB>gtaAon*myXx<uI
z=`Jtyz3-+YZD=W-ryJ^LIN8$IN&3=Fc^#Ns)VOnx@jk!1Mff!N?WGjoM^BM{W{{n!
z`)rk@KlQtXMs@dm&s@?Tm5b+w^bgFqV>#0&?FmPe3s`w5+b49TF3++qI?yqc1-fO2
zTUGe$+QLbIeekSb9{+pMn$Q3nby-)sOzu!W@>VI~H18FEonPX_Q6#-QwOQDx?QE}s
zG|)XyR|7Ng^!S@Q9^-PyZu->le2S;y<H|@BlMH}!D2$Di3mrc@CSu(dbG9GcdlITa
z{8Q1Rq!(=+^@=i9j4;-Rj6n=7ZqK_D$F**18nW<ZVjC!Pa|<Nit0Ss<Z|B8j+GXpd
z<X8Awft;JXt>eBzVIFBiwP8fwg9{FPvFk&+MqO>y0^P=omo9fzJ-t%u&nfo6V$7Hf
zZgw{~f7YOz_4mUx`;?I|$@^(s!dEzg!zS6R#-0_h5IE8#kpUKMNl7DRRAn$1VvXZQ
zdL~5l*x=H4H`7H@V2`>h3BJGD?jrCEFRESGb|dpu-sZmB<%wtX>fKI(4CR#aLy9Fr
ziwd%KZMAaeBBI|;6K<#JW!Ujs-FgmY@~}_sCL<cn+0+o$1r14U>e(_c0eBx<vT&!k
zf)2xzccqnT<@<aXFXmM8D%lZzc@zve)_=i{(B#FS7e#YEOGf@+Q%UCu(`U1_#JkUn
z!Qh{l3Zz4q8vC~vq!!U4nnIlA^;XWxo9MCrTWd@s`TnC1zqQ3q&=K`WPR5_)S@-Kv
z;XNB28>p7*-n+CR0XAr|M)gaFE$g?$oI|*LPioEY=u{Txd5{#(dt9N&Cv1T{E6|m1
zNa>1;k7`3Y_<+cZ5@B3?G3Nta@EQ*xd7F+Y$Rzc7kYqR}-H=7$<tZ_h{8AbtN!j_>
zO6e9nR)ws3>kgpkaq46h5&-b8$nO{{87MpGvp#zRJfgn5zr|fLs-Eu<agQ`imAouw
zQo#dGo=}+MTV^s_Do>qbiD*1S7@>j|Nvpf}ZlGc&ADKeLFt2|B9!94rM*E(Oe5XQW
zyYtfucZs6BQwnFbZDA*5uFGG?j%|X$Ws+n=)XcW+t60+1BMm*vF4B3jVk2Vd?CY_N
zR>Y&j5nYLbKHSF1uUR3+Y*xxofTxGS-dF7g=6kgT0vL({f-z{v!nUi=#~-or>D5uc
zco8qV*)u7-EJq>FWkvDWml7W6b>@Aic(ZoZtSn^Z<9?k@N3AlS%|P`^GR^Y$(B<O&
zp$5$nyCj7%uBwHW%&<ME?TF*7;i8jl9|WGHwI5rvNSkE6RCFMm0^{w}l_Qp)dP+CA
zF4HF$gE(%OQUoVkBFbGt$;YY3*rsQ<G^Utnx{e?6$>>D5x>K0&AU7ex%K6hfX$&E=
zRuZ}5>J)hCrb3xf>yJkoE%0m<9X*}+^~xC(Z?T_8J>7rz?W4NqXrb<w&w&h}bf07x
zN~1_izvs(A!Nn+_G^V5viWxWrn^_i}XXYru#tt=u*uZPwb~6D*?2&RY?w+Vqu1`v2
zrJY^&9sATn?eC{P#cbuA8fjkUKseN+I%Ka*PR2@*1eLQm<0wQ!6ba+meG_Sni5G;S
z475m|o#zMwOuFMGJe|((ZZJ>rhDUpV$fzLDCSH=5eGOc#sRyqrR;(f$yTcp+qQ<Sv
zjj5RkexF}$p%bgT5yXX#(xhhL@EzMqXMCSq7#;PLA#mJTfWW((T&Zp;giB;Gt;TBd
zL>07#wB1Bq@yxW-2+_`cNS9+T6@2_bj~7FsiBNRbTW-1qmzBq>lsF#UU)y`)JjX2$
z<%1O1OO3{6<t?aYIMVn9{3+HBhhD4_{5CPCjGyu`TRIV{ac3brO)T)DX>8Fqa71b^
zg`#pPe^2Zhby^UHcdcB2rYb+dTj_J5+sjk3wF6<_G2@p8qJ0ssr(Nbn9+oT1)+;Sk
z43{lOA|>I|GGhzxDep^W8kFlZ6<2!DlT*gtEcS@wc7?t>uApylJ-ADK&G}AsM(RNL
z*lWZ~Ll?y4fp|u3a_TTN6FvQNJfTP`m7oCn3B`_imHM;Aaq3b6kV{8qg`9IJU&5xn
zI5cu0;S)W9hLVZx&P{8u@|A&Bo3%8FOm33I#^Y~>6Vj*);U7uP#tT@#m~Es0t=Di}
z@$O8K7o+owz)$<KzhIyYRKpU5`W#uo8l48Q;rmZj0QBbE2zk%__|t0(C3oc)`uRyd
zR0YELOq7Hr&*n*3sXrA7Yd$4oc$iq~3EVZ#3En~6D%@p;t4J>&5sV5AILaXe@JQXC
zq6a^nIQZ~l9P>fuy+{h!d)QL}{b_?h`<L*~l(KM_VTl@y>nnsafkvFdEi%j1Cbjoq
z(5*qaxJ>eET=^hTwCg-FK)lWXFO4*roQ}8C8?m&LnhL!SVNNw1cO9IiW8$J<Ah`10
z6RC4v8x`XvV|AHa$K$;R)in;q>fzu9r3^?XdPO8Z{E*UdXv85cfb107Lf&D_63B&F
z<01=tG~+e@gE%<yGuz`za1u;V^#3R*mN>L%(*kj1Lg>Ds$Gpo@swp?Xxl#~Ad6ASu
z0Vl8xy)zO?V7$&VmAK7GTs?B2ew3gh#x|-dSFhvSeP3yJqjK3RsVLNB>GdC83gdIk
z_7+PaTh)9Mr#0E1)PQuz2g!-shrF*6E^XXl7Aaw!VI85+O-_<M`p!5R-)OthSNr47
z&ZmH#n-j7-EsgVd0sC)i9<3T)PqMI4Y3sjwnErsfGV&<^6~9mS{x0xV&%B@8=BcL_
zpsKC6xl~4=@ADL?x1V7*?e*moC&u>xj0DiSk_+eHn!2q3oaeYG2P*vat|#5jyRKH}
zg*>Qaef9HmwR~r;)O4*j!{ua@RYlXMaq^h^_RUQK<fEGr9(a)ejPT5g4jVGukhB?|
zb@fDlN4du;9eHXF#H|`)AH77EXE99|uk+W=N3|LB>G#Df4Kz1BGCmv-8QoO(d8--l
z{$``$j(StNV3Qo0!wlFTsi#vf>C-}*{5W=|Rw<XtrDQC2-lXg~aO4EKXNR-Wn7*xH
zsFvWvmw;9q*d>(cjdRZViFdO8PktJfqoY>NCg9*ELj3%SSpiGp(Ix#m<Rut#HUgKJ
zVv|9I89)-n<Go5BOZt2nLeBzwYS?_{|L0G%dlnle*?ogv8AA~;<<Wi5fcQm&!J>FA
z>5A%o7R?DEEG^pHs=~)yat|5I^|La*vYMh)d<r-k9e++}p-wUxq|aNnvuS&2?f`h2
zScsbbG4-o!!UK}n)~A7#A9;cZIhWm@Ldk9C!%tC6?G!%h^wwX#7VSD*!&8Ka+Bx#m
z<w4G10WV3q*;FRsW29k$WGRtCHh6#59@yvU6DC3}Ioj!`$$Xb$UYq>X)=ApH@8vPB
z$18UzCWYz;ia=^)#=gA`cT+8=h#i=@-I>(yNnVW-%w<t%5%08o=jyf@idvwr>gF3M
zlW{xCo#PD9$@<neb5gy}JR@m$CGo70qruyG{M%)G`p*`WtSS^bv+fKGRO}BY#VYyV
z%6EUA^_s4zj7SU^A+JVDx#Xt|i!9a^KeEB1x@zH!PezK1b&p`=v7YAq-mU9qc5z##
zIrK+W2JbZOg551Q6L$Eo7~d(4zioi8ZgN4UD;u(DxFl&=S)uz&$%o|@g%#X{=F_)R
zld)&Zaueq>7W;Q<<(Jc^N(>VTZAP_Ejh9>2y9`m8EpXP@$T4I+RRU3`Fr8ePyAG3c
zd3;p~QzmxX`i=OfNIx@!5v@;5CQOudH#g($?EZAzOBj{9W+WRw5WyWdldV=XY(FNM
z)&IjwDkRF@P?JaF%=MVuAyJaNZQyyDoff_U-K@NdGKNGtJO&Cn^plC`a$#jxAIi#|
zayk4<ZE+i*vR>Y*xYg1m{tGc$WvR$tbi=dk>6+g??-lVcjGW)pa7m$j0cDcRI*Sbu
za-c0`nN`ux?Vh6GBvi<SMbbM<#X9xfR-O{@4!}zuASDlQ9<SU>0)}PKwN{`?WuZu?
z$tl(Ns$*>`m^D18B;gmRo3wu*LqF;l7Lp|cl|4|SgZy~H(~?_K-Y47bOB-GXyrqp_
znl7j`Fpsf3v8QxVf%_eKv=TCe*tMCBve}613A^;kjXcs7Gz6o`$x2V@E|17X<RaFe
zZNxpSO9>hdx`)qZ+1oZ1A9!a+PG;nYnMU7S3K@XeI=*CXd4b9jlEysD3CY=v@Bd(V
zC+uu8(5a!}gjaDq!1Y=wixi7Yvr<RBa@L^M5o|xSg?_kVjnTxVb!GaDg^Z*}%rkO5
zMay|5Y{RT}C1;?t{lG!8Bc8x%Ds<|))T7h~w(ZUquhwYdEJh;F&<wZucQBG_d8d=Z
zp8A}xWzgB^Uq0a(TiZU54IAP&#ChLsS{868`kcI0J&-qGl3w9q8gQJT4D;K3(d9h*
z)~h*(rdYGiEEZy4t+i77`q=o){vEC5H?t=fT{Wys8I<88@p04+^cGo0wykzP<-@O>
z>5C5TI&2zZ1)1`7ZKpIT8(cRU>u%1&2QsaV?v{^nDwI=^%hFp_)b^^5g&%T;7W9X6
zVM<qG@`XgKoC5xaL=y+#s>q;Mbi8v{!y%hiN~>%Gv<I_MVd5+K_Lu{r+33qGagn)>
zVOKlJ$$x=X;q;_HrB}t!VrtKZ&&8`%=PW-WH^rd-k~8h;w0XH=M7qLN5=~N}1#u<!
zpq|m)$YIEps-tHUWx4Nff3dvvKMow7i<Dp^L>#}5&ba{UFy&$~X(s}G0(zk3YBOFs
z%_+Gn(q>J$)S}6SZRb?GtO+sU;qIG+lgoKjC~@>`_{-ud>o`eUu^WPX0W!_uJ|wI`
zDLmm(l;|O0KQNE*U?lygiu$#M!+e6TWXZIUUJZS#8=(gb?41~o8_--Y<7l#E5xP>C
zw1obD3aJ1TfRTkWzv~;<##Zk~$Es8=REKxf4-%K4{muMuDTd}YifZ6nw&^NX$CEm*
zD#3{FXhJu3dbIaEfBTnf_#-~b6fDQ@mzVf~cI^1k5@to%K(Tzpm;hJboJp4h1pLzp
zVa0#(>2z_qn(==x7XM?V0)&ixVJ)WKr(h`bihcTDz{3;tY5ZT(!^z%i!<y-2aubYh
z+$x&-O+H>NhEui(*3<vj&EqRskpgaA6=9D50SpLOhCna&-#^mB`M>Tb|E;b^{jj>-
z4D<f1fbW?N3=o=t?}4Rlqu>>$=lv|Rtc<@AMn6|NCE6ahgKabxX_4a8x{sN~C90dV
zTY=u*S-U?Zar}Sh6zjjg|95T6sr(Zc0OcFtUEe%gfvcj=%>J^yyAJyAc4G_8ZnOZk
zZ*y=7SIZ^JK>34VT<a<G`$+H1q(A`y&yq);V9uM<hzgyvSh}qlb30D8!gc<e9RdNi
zP5Q8LL^fUE@44yu-)1E6A!ir&cbo6#Pi+rzE*{eB<+aBrXDjj-jefuYL-wt0QKr|L
zIq;hBG;CR<vU6^3Bh&E%(`q~cim+st9Em<#yxl&D(`jqJXm(}!ZGJri0`J<j_3Hig
zS9G(hDzjkZ)YsN;*92+I{#_0^{+r|wR}@>p`BRt|&)TGzHSq%fk5+ro^4?bMH#L?e
z@itC-(B=8tcSBQw0l#tmy0{Ab-ACoE9mFo5aZmY^1W2q#4n>w_73j5d@KX=So2}Q2
zmO5{@xp@Oy2S1Nl|Cu#|`n8@ZFge-I<KIV|UPaM8H3;k=W@BCbzyISu+R0)XnsD+g
zuI-+|OuiRKO3bA!>&91PC;#O}a6H3iI@VPF2pQ|PH>&C_==XIHv)*3|g2hr2*T-55
z#twSmw23C*bm22A3Zi2Zw+Q9?cUymIG#3FSc2>XAcOuaEB~H|yt<BmmpF1iO%lL{@
z;%9YK8N}h!uiOvzisV~Qz)Kh<$^kAQCdc2ML9tEL;a*R?{|{EbgwZCPN<1r$d={Iw
zf4k+|wG*ycoK?hM7ZMkM(r%3%HG`RDL-{5Is`SsG@;3L^3FHr|<2MFDd$9%)_SY0A
z16GnT==Aq2PH>(3=z`_POK8k}OA00v2J%E!i@lu${EKfjMl!B~^zY|EY48dL52cv)
zS;<tz3Wi3=?d8nkoKLO=5G`aKw%7&v2a|voALe=vd<oi{f3OQS4oJ<zUmVnC%Z_4O
zHk@6jPqzFAa27t<%T8Pk#{syCn=4adkUy{naK;>CTb9LV!Ow~}8pJt52+89ZdZ4!t
zSu>7hf?<TSz?u&8*Ylx>|C_oj@N`K#5}KgQ+73OROB4AZQ;c&{ILSFji&g}S`K||n
z|JXC=cr4pCvLP%W4bmaeZ7h3wPzz=Y?ynPegzBE4NWPqX!<S!0`pvE%I1tovX8S*v
zckZZf+pjn`&9^=X06KrGma0$^hQ5X$NNoit?Hlw>aojZ+(`M9=Y9}Bu+C8zr5XLt7
znb=a2ztsM??nw)zkis^CWD~bQn>b?(m%!b3BgW>YtBSYNcTb^aravIJe;&+w&&$bQ
zfX(}Wd;k-_;Yv__0AA*Q_8q<(yb9$30Bo7eKAa+hUz0rr&JkOT`^BoUNT%<=*~f5;
zsC_4?lHSZ>TPOAwaELiGI4b6|*aH(iv&098Pt8wIapYFh`(zm(vX>&VUMxli&~>Z|
zpW6_k!6$Rn96~DBZ~{zw=FY%R*a+~;`=!qA1wPv#TMH<#emI#A(0=gOCA0GsKmfsR
z8TSlBhu3~`G*Ji=qUFeJ?<BlAJ6)0A+I*hUyf+BVoC5Fq%t`*~ya;&-y>J|Zos(1P
z)zQm%UoFSi{?aitTK<cacFD3!+*&^~$AMkTSnJD&{W1%ol*b-Sr{D1HmRpy^YSPg!
zKdV1j(nga#iR_`0<a=|NsH^#t1mH7i){1)_l>ofB^ZT}mOQTItE7;fjjwPM>-v)K-
zLA<2PW5)(?ko_k<_}8F|GtMj~;RdQ^9H`<g==1TBZ}4O_RK5<fLz5dn8-b&_^49;^
zj)W$$VQ5Fi0jiN^P=0MbU0%vm^8<T-6r#cg*FJOn{_5h|U!sLJwhCS^N_Bf)PtWBV
zkv%U#ZdC@U^H&h;7lD4P%WEO%Q|%S!M5B!n0*UFsC0>g(BWheN><H%t;nTxwK05z4
z$IWrrh@)m~ivk|ex`0D@PWmwv;v=3&_kE>og3Mny@m<~<E{!#eMB(DlF8NM!LH+r5
z7il)tzHcy*>3iv4Rb9tiI=aG>@mT>URB6UP5$Ig1doOPT%BLA;i4)MhMI*i0V4a=S
z^)OL_?Nh|4qs1R!qB1*DF`-h^cDf|ERr!;;zCoD@rM<|<iQPx<zMN=jsj!}@0X9Cd
zS#<Z7ofBOZ{z!zzgq-FvofS`msl_L!jD@Uj%^bV<DaG`ED|`}0U`RUXx}OhZqnTg(
ztVFuO_~!#Y^38!Uw#h)S^oG!D%@yDEk)L}P{i<?bP7+Y+D<`<e+tkfI)@#pvc?tLp
zZ2eS)5ehK-{-rw34A=81uMMiANylsnGd@48w9cLfdty+-G~kR*_R+#S75fhLz;k00
zyz(IVu(VN2Coas5;U`M-7nxiBcI_>Nq$eOK=kXQ)%qbNtRK7b<-&P5rd^K_mg1nVf
z24>;Df&=6R6M(nQ%~#)X=a)Gf14-rG*q8lUng#Q|{dZW<8i%OLfQqf8mG|gD<qvW{
zA8M^dC<?c3Pz3<f$LF+P-4N7>{BYeg-9b6^;QQtDH<IR$hP{39KS$6^ExjcZzMpvZ
zQ7cenup_k5Tls2YKi}hT(H5sxL2;o*(^MJXaW*}(7!z07+EyR$uTyc|%uzTtZS$~#
z<;m(-A>zyCc-y!mZf=wb`ETFVHHd-@j)-m~Czyq51+uo+Q8`6sVTd@sNmFXYYM%fG
zU>u+Pf$qFgF*ntp9NaPD7d#>1|6Jvp*nSds?a)>Dc+yL}ylH}-SA;Y{@lW81DL<Pt
zIGHBe2ucfYvql-)MukclrgpwB6#f=pn*&?7w)Zscs~Yl5r|4+h5kC5e2?9HVg^k?I
z?bcQ0vp_Q?e$gWS!Tw6zq34V9T}GfFI{V>R?Lx(IuIgmnH9!L4O-eAV#8^v}M3{D8
zT1iUv`3tK_a9~{8&koMc4`<v*(rm&6`<_PyJk6nk!;AGhd^`o>xcODRV{lS=yb~(6
z9ciHz)LaQjT#<?DdxcQ#UGELxuP2&{R$zNB`JKyd+-JOoTB)~pn79%=qTQ$8*M=MX
zp7hg-a=N?=;)gmZ%}s_d?!6!Vm-N9q)s8=;mRxeY!NYK>BKbQ99ykdYh`fO9E--9Y
zyq2FS;SS+aeWPO<fl<50S9ZsP%cL*vUre|C@jhLqkUL5!6k<kT?D-+cpLhiQcou`-
zGMwhGi{4|B`-3|R(`=ML>rDdy8L=lAJPYy<!y)pfeXUFUu3w|SD9O`85{&3pJM3&X
z676uuX)4a(>E`eZ?$n;samtjX@#<N-sxMC5$yV(}V>E5$V&nz(AJhfENFr>V6_yl!
zb?6RgvE1M5x(I*%?4`!l_xRZ`cxn)xzHj6s(_Hy@-0s*Ka)R?fySS7#&p({<)~Hh$
zQIq@Jq$8b%j|Zj~Jnw8iQB~RaVs_meYvKOsNV*$;nj<rtz<jvUBbOS=<~AeQB^Qnc
zIm}+dNLK(l74vE=i!=u3k!C3jdpO2S#t;AcH!BikHND{?#D7~}UyMHpcIhgjEY~XF
zZHJdqwZV^)eJa$AHV$%3Mol0#1BDN)_|$1rIf4bvm>Sskc23lb?hjRXh$nTpog{;H
z*ppK3u>tju`m7@o^ZvVXuNO32eaCpFH__8B0mlZZ0o|;Oqk?oNsej#qdU2a+N&FQu
zJ$S!N(c35eN2R1@6Q3)<Uc~Xv>5FtBz36VcL1i1_lI}G?@2r|I4N`DRXN)90Sxa>m
zE46$KxdOfM$GPb`iHPWJmrQr%nyAOc&P6>kjUajc#Yb*X7rHtnVf6>(W?Dfv$B62b
zS`q!;E#DdJ0>9%@cc!$Ns7|7uh#o|(I<#-{)c!5=0nUu;AK+ZYRX$D{bLXKa&J}6i
ziA?W3W#)yN%+kpb@1+h4+qEmx#68A}z#BTgh%%eYk>_fztLH!p3~t82bgJ$E3<}>J
zwgbK{V!B?P0!~;1d47#3H3;kRRORLGg==y&0V;f68#vcOTW6xYrOEGrqD`|owX(&7
zz55GQzs0?rh0m=Z)mmpzP%8CL{BUZNq26g1@GF|~V-_HCho|Q7n}#YpfqR~V?VJ(Q
z)mqXxzM=`StKD-`%N?YFZb33irHEYiOO)Ztl#}QEtnt5C&6Rn`?09$TyNw+X-8fG7
zq>ldKid7&|YPgOJio0bPS@GMAOQLt@pJynOxII=r9N=|NAkT~FYQHxJ5iqXy&LL~X
zDbnY8)R2h2FY1cp&;Q-8_^5dwmRI=L3g3cjh<~sX)8d=22qQCQT40Dm;SAGGjx4U-
z{4<D89mabpH%{NGf;449gijANHkb^CgI5Hn#aDFZr;M?b5?Yp~lzYECO(n-6aeA)2
zGz+3fx^}4lt}T=E->aNDPNVGcxY7-4UCdSa^w5Unt3<5eCu55Q^fkLd{14FdsSzcn
z<IkI5_ji_$A<DI%uAHN$H;7wiiJ%vOXXDa$zld?459fp(s4Uh8T(ZES#&6}#3!d5Y
zlP&qdMl%Arru(bT?UTG~DUu@+{P(b~08l*nK0tW|O<FqPd!>R@B=t+qtc#fyXo%VX
zMuwtI|73Oz1neYQuDAnHH>N3FLCQ!IsFh>Gh55@87tJ{KOt27<!<By?e@@+^*ONML
z{y@mO>iCsRjukK{awJ3Qu^55MJ<N$St)Scr4v9?@Q)#;s!1+F>wJp8Y>rclb_<UKw
z?{|jnB*NgvVZh7oY9EHa0a!44+7-GsOids$s*;E-hQe%8rl==fTt7TN7QS<tQe~$*
zkTC4R?N$Vqo|B)ujXN$&EnK^lnu4i00`)Bw&(Cx|1#f3$(A{G=E4j0o@_n<2W0-3s
z3ZLHXe)}h2?uH6%5}dauyZHpF&j8HqlPkT~N{S9xYhrG(LZXlNg~bvoRT5CsU6P#{
zjYEycW`Wjb&7-!3(5kp?p5v6XQcx<6Qm+dCK#bM;W7CB&*J)A@b#9iyJram^x@4IO
z*q{Ubqgri8IrBxQfP|Dhp3cczB-n;taf7e66dBfW5;=95Sg(K&zwP9n_C8~LMEN&+
zkpi^=XFy5qmFt*=nqUH-#K2D8W}oIWDT63;Xi$$;zJE5BeLkM~e1N-^l$++gT(L<4
ziv5(<sMkU)>}8`R?yhloUJ>vM%vKJ#blEb6TygzRar_}V54-jqUC2pU4d)ST6Uo8&
z)Ui$=!SQrBsQ$3`!lqD%jBwqA<n&2i@1Hji_skU>q^nByE(+%(mv!{H@>EE$au+Rl
zWH{QgF;0L~6|4R}9x<v&efZ|{rArrk51|Tr|G6A>y@~j4e*;f*XNm$YnU6C+Jp92a
z-v}BaKG`O}3rVSMeC>lGXwI0#0sVRFSoYx_A<+bSDt6q&gwQGp+=?;{Es7q!cOpyx
zGueH%9-$ZxrIrKU8$NYdxA?82+>^e(&#mR7c8E}w$&Gia*f0E8Bj`R!aZesJ5A4mG
zyUnP%gT%J_w)9a`GG%Z;i}xUZea6G9OlZ{1t(&M{xI1`|=BW`=LB;A5oklq?OyDH;
zS-yMLxs>4i>+NYd=#tusOn_+x@?)I?4!AZXyyC`pWNUGt^xCD82of8>dPV#VKW?>m
zam6p6d+|65zq!nGi6?q<l{`cv;<HreZb$G+O#N=yUn@^1`|?mp_-!JcN{Fj+K6;Q4
znQPJxN-2Aa4$Ur}jboXc<68CKLY}Pavh8<>=T`q@`bSz>{>NGpycwJ`?Xf9virl~@
z%iea`0bcSw!Q73|ierN-miptrCcVm{Nq?r>)n_I@F;ip<1WuDv@vvR9uz%$xn*XP0
zguEl?giGk^K`%ofcElathQ*m$o*hyOyyzf`bE$3mi&Dp1?_t4UhTeWrT{(K-U7ME9
z3w}0?`M*17yf&Uh30_&YicURfmn%|0Jit}L%KtyjHHt8Pq(=d-C$M(iP{oE-!TucY
z;SAgU)9V60>EHid24dk$B{Ex8ob8i4sK)tGPOKgm^j3iOflb^|=v^Ic=Hzjv7P{&K
zGXCc2=Y#y92B44hLY3`r-LgnF&sLIFBCurtZ)aHyT}tDSO%vSWWNH>?T5B{|5AGM6
zpbDmQ2ppUm{C==9eH~e!Knfy3=HiVjQ)FZMh<d*`Js>MF2VFcKxLmdwXZbiw$eHo^
zq77Iq-hHc*WeRFhnW=X0=yx+eIL=a{arS31NDGTUUuxpLZ>~Hz0Y<J^tP(DsKud`(
z<Jqd};nJ3!{E1PJ){Q|Iw-CA*m)c1XLWV!voBRRr>g^Hm47Bc5kGutsNtCx9@%M_J
z1z7d}L)%-2Mb))^!v>dN&>~VIAR!@0Nu!cVDAFw=5(AP0(gqSDAkr<Mgbdv+jSL|*
zL#Hsnz<@Li@vS|0U(fw~$9o*_U+-U{4tv(#d#!Vw=ed621{faXFY^9?I>*#>o;!qJ
z9eKQwX!&R96?!X`+&fDWRQ%M&;5A@l|C?9=eAjbK24g}X0#9-D<f_jOHU<>c$2ibG
zGVP>dGbB(%7Kfmo0_i^6IiNWEPgTD63hc1-n%7#xxHAxmGvUI6pxOsXrwT1X90eC8
zW^WfaZ~-sWHY@>J2jdWB1=0fUUfADyUt<<i^PAn0&$nIfTHgv#buIR5DZR(E`i<Y)
zdIw=CokJ@Gv}~o!qn!10L0N3N=mUn-gWs~8sh4sG!k`jWbqaf)K-6@?lqXed5A;M#
z&;)J?A#wPcW4RARc@GdPXi*6CzdyU{u|2d8R%Wmqppsnf)u_cJd%6PlPlys4$d?*U
z?xV&dk~hC9?8t(dVGL#lLKF}{_NpL_V{gA@0f{nW{*gQ;pO*`QELhNmGv5KPI+Gw-
znwjl=HLqL#AZTI?z<OVl@iA_I-&ALwc7wP=O4r<f18vbdMmY)JfN&qy^-E`Wj@fTH
z2Fa*Z*P0!5|J)0HLequLU@_6h(8Czea}q1|Vp4`$Y0iZq-sRX25M2E5_U(^Xg_SaE
zUNtdH2o!e$fr-*b7)wdYWT=S>ooVIEPOKdSR=}@yXQS?2(>8g)6XH$QKMmfZ&kk70
z<zdg6@|<z-OMAjbvd!LE>t=>+kpWFEpHMz4^)z3Tisx3{dp!4x*s3(+tJ-i0QclLD
zVbjvzVJ}z1r1G48C;C$&iBve$s%sp0vHqhWOt8L<CyU0b|M0(RI4XChi>7veIt)Ec
z97u%Z+!98|GLCbNwBuRUpAY@i*vaQxg}SkxX4_B!fjAsr^S`r<xfQLxUk=hgZyzh(
z;kE)s9+mF%=1dpzsyh;nIlqm1ZFE&bDF#HusqCnN-d)>63fP_D=MgvyeouY=Qz5yg
z39o!*md(hq$$)3jv;NKAwKxGDaLvPN^7Ju)jF%9UCt=llQ>L%@H+cMITKvy3Kj0Lc
zJ=WJbO29Hdsq4xyJzT;88l6%~-uUE5qq{bP`4CwHP){AL%Qe58I@zsuy+b%@0md-*
zZQW8ln%0NK6U=TYC>e@o1I#rWv#dixL)i8ZkWvPjK##I`zV5Q)9v~=H5xUbP!~KtB
zYdry*qEGU4qDETU98r65k4*KkX=I9>3WA^?9;|NORN^*bohcJS(h4;di<=EbnISR}
zgxB|(WW5{oDz{)^OyPSS=u9u5iy^^dQ#Ytg#e;UixM{+QxKsB^r%=x_VfVI9-Ue!x
z7~TsN+ly5s7DT_DD#U{cIclKp-fxef#56O*)2mQh#h0{C3<n7*zg(@|Nv6bzIej$O
zA1#TEC|&P2#T<foY{y{}x1b&V2_@eBfHO%LdjPQsW$Hy9%YQrqk#Ql+eI|%=JN#p!
z`l7t8!OjQWnrANzDgKB(0K5|Wee;S?sO?(&Yb=9d9TM)OJv|PkUonTStp27zJ-7So
zw0uXHrn>ky*|H5z6zD_uVE<8?>niXXEvjmTh(3qgxYW%=@g2Eqr0IflQFa}@Y@&6b
zQe6zo{P<(F3=K#^Z!P#>j`c^N@3^B$R)Q3t>4t+2G}f0#cRe+k7E^V6gx~22-rDx<
zyxq1*S_WF{nWjCz+n|P!Oo)FH9#)^_9T!s;I!cfaub+hWJpAN(Zwc8vOEmfV<D;LR
zlswyex%S?$48{^8NG=-t+Uy9r!{i6E@oIK6iA(fRr8>V3K}&xEI$s&5PT6fH9B8C;
zi`0UhIc4xy@26j{qd3{y0ajYii_o9GB-DZ$lC+2a(a<@9?YXY`VA$3tJHob24(5Sk
za6KmoOXb^4sr?t)CgvasTo2RYWzde)Jg#HHJ~d?^sE>Pd+r2B?f}Ld=@zRi)D>$2&
z(ztT~x>$n6-7b$0rf%nGn0e95^g!KreY~NeZDGq5Z$rOh(EgHfh}v5JNS8EMj_=tO
zZ7K<VUzEl7gPgzrg;3YXjY(IvN&q158(&m+TS6`YrQv%Fe&pF*MWQ><77_sn3k|Q%
zUvv3&ulB0^>q>~Z8mvro1$$mnUga&@9}KAXlv0wV!AZ^v)6MSaz|+qzHK=XcZutYS
zq88gWMRlO<ia3SCd2J$2b*|K6MqyTj_h`@dsJ*PS?To4TxZiViMwZZsP0%E(cl#`V
zf$EYtcbNCGxu?=YBL0A3cRhPgbOUIZ5O*a;1m4xiWo!jisCDS9*Kcahq$~?xk<9F@
z7KndT`)Mw5uB93jgA<Ov2eZtRnJg60(F<-PQ4g(Xdbg+6%hi^ZH*+n|troT#>-<dN
zw$M!4#`UB4XKyK9gg(U&0oE;kl2JuH!I^T!EXA*w>br{A%Yb@w=;-1fiKaOwb3pQ3
zOnSN}Zq0phr^%~mJ#az&6a0`!lB52s(DO+j0_U!~>M$W+?^<PBq8i$9cRFBaw9>v$
z>l(!UTv=sqi_^TtEDNOgyCi7eUN7uDigau`6d%fq_>_|<k?cJv3Y5#F8Wf_0NI4V(
z^X#5}KjW_Uu@<z|$1aB9Rv|fo$u_9$1G=I*pC&d*J3`jKr#F?5$?KgFY0$15sF*#4
z&3at7G~6F(6K33gF|C5UWsfgxE<E&-`%adU^mjav=O0-$q;m@Wcq+HE3}0lzrj;y+
zv1Fz>|CRTr%GO)Yr5f&B^~4T-Y*NI!j>R<8L{G^}et%ypw}@Nt8$^dT`=fU=ywr>I
zEkT&NIweJmsqh!&P30f>YQ^X^OBavz+uY+NYm{`%apVomGvxwD!y}hdE@HZOrOdJD
za|cqZUNU<Q<4_Pd+Rc5W{>cKYBF=p&t88@>8M0$fyGP;LvGg6{#n7IY6Bsx`qKc`R
zRHXWogi?^dvzs%REWY<U!n0llpPEtI_do!>fEawwjMQZctuxRBM=zY4KKlh-S3y@b
z3YxxweVgGd{G$e~!w8mDaK1CU@2Ospy)|_?=vr2?+sxI%=m<cADAakxpV<;z&PW${
ze{PvdPeGQdcBI{a|2S3Xq1Y8ZLo)h%9X=|Tcskvh<-1XW=$y>xA3*Ynv>eE(cr*pQ
zY}Ug3$i9(0qV$bTK(Y+Gld!9B<A!S~p0#<nE>Gb%&zmU9TM9lD`!)<i{#htRh6zCN
zS=osDGLgZ4SAsk|YF&Mk^Y*XH#CB&}7@yig2dTc!^Raj%>oHHX8dpC4b-bZVU%?Hu
zP8tt!RWzO=R*J=7-!7%eOy7S*s5h^)Q<xG#FZI6N=50at=`n_9viFMD!*-RebQQ(=
zasNcLt@y}O^ANK>fM_4-%JQXnHs(k+toTIpOUhg9dXmx3*@_Wf7EM_fHAFf>R}wRi
zgJR`T4>i@xyz(sO?W03?4Unw`%)K+(w@9)OeEsX+Sq&6$9n6Y)wD9S(Z=$Y57rH8^
zda{hXahN2V9ngcTB~L!&PdaBK8CJRu`%ZoTCEvRR`#A%q-dmuBT<{7(REY8n&evJx
zxX*GrcjEB<&K}h9L}I35mJTq*?)C<)zAWuaB<P#piw8X#NKw=m_hKf>Cvv=0eF$t`
z8Kyr!Nxm0mQxHikl$7xK#`~(0!1~uyUF3uF?7W5RlI@t9wn!zPg?ydisqkUi_G0tV
z;t`cp_m*qixwMS*tR4@874hx9%(eR2^U3t!`L1ads{YsFvT+aXTDY-H+N>BqkpDY~
zL&<U%ZbSXW&LW`c$alK`vUzudv{0^IE}KyY|H>zWb29OpcE6nz@E5N3&i^WuIaphM
zjF?kF_MnI{oZN05apt>*$LPcF2eZyqVJNkYa6`O?Nr~gg=K7Cz{`3nxVW}Tcg#i}5
z-dc*Ke~3N}xR)%JsEysRySj2OX{WEm?gn~FMkkK(9Ao>%o_ETyHs>%K&wHF+?H{zr
zSp4SHL8ALqOrKGPW53|=M-)7O(Mh?!8(Ab%AwM-M^&t<cy!T7wA3j4msDqkZ0q*os
z{<2f|(tA5A(Ly9Lu}SPQtU;fG4mnL@;jq7$xpT((yieMen0GGqv|jgkU4WdgSSRCa
zfOjUNRf^b9CUQAke<Oy-OmhCsXp0$Bpr$&*Q!npGbsYF?1uibrrb#a5T!RX~oTTy?
z#-u3S^^sZ=d0|mpmHq}J+m6!ZmkIvVNO@vB-~G5!O)iHCy3|koCTMQK_|m3nL$Org
zf#Zw)G@N2Zv^SA~e#Lsw;j2+bFO>Evx0t_?uV2rm9KbXq7TwPOViya3#zGdnzF933
zsX*bv1eea>e#(vjHo>VPlSU1DCD)QEcd8kuZ3Y~kBoznJqNj)8$5FHv$*=Mn8d%U@
zKGm0+#;(SV1JU6WeGVsxrkWI_mD2ne0l%cN)RAvBQ)u>v=qWbRI)kw+i7#0VB_m5u
ziL)5byfT*<bY{m;>Fjhh)5DwJ6Nl7Zzl?#66%?kv2W_b<0a4dc>#$)+J>lripKi~w
z$cJ_kKBsxWkNuLde{SxEcxj}4-YK$}*onrc_`Z;2Q**iQ*+wO`*NT$la1q!rgOiY_
zQ=b3fcXxH%gSfnI@dlBW)~VO#0;?lBYXjNKH7<Uh#FCubfMV~XSRf*iscKo~j6tJh
zK7N?ijr>ErD>)aoLAjfJAUyh$p_Mjk@#n_{n+<vTw(siJOtoGaqOXByy5{%6A{M#A
zXk}{;;kO>fIpk%aGfwni2VEH{yC{)($M-wU#-2s@py_>ap=a4Bzyqc#+G|?bv{%fI
z>Y0qkqSZeu#?4srC`Aid+@IJGf|<&FuSJ#3a<GuxtIl3;IrdyBMR$7iyq3DI$}l&d
zEI60h9no&%iQyq1S8_LAx!V&K9)>Enc!F>CSYbKMk(aBeR^$;{vIvw|r`&*Egd2di
z4BpSbSr}C@`+gsYV-&8QW`9LhQsbxKPQ}P_0c{^1vlX?!*KE*#eV6ZTwByJnwb>s*
zt-rM>V*!c5(4#v@*+5-RK~h4g@dXdc>H0%4fB3xKT<l=c+o{%UfcYMrMTXBtcCevM
z_kP@tq!q#NSoYQ>VFc>Mq~OMU@;UJ%KPd7)*Z^%kl>vI{Re4;;qeT^j9h<gU5_am#
zzBC7_%92q)y>F<LN`S{s1-L%@oqsq5!)Vf!E}Bpmtkfs^cE4DG8jKDPe{e>Q>_E6i
z$pH4pC?Cf3+G~wv?Xy(oDu^wqfkOYtPb)HF(Rd3}dK%U%W3vx>kN|ZthzTxPFT&k3
zqo+bm1P{`{qJ$cAEC)6k=}_&IOoC%Nm*1(Mbyuv&HFE-ZTlF&`0cMr=gSyx&z%rjI
z)3}w)z7yu)jWnEadI2m%MwOt$^MVQxc+2EVsL+9`UV+n|hzU87<#<!<;bPLfwBquX
z$!6&9dMcVd$q5S-nu{xGdSX;!a*sOW_KYUw6v^iUfmL%<-Nx?MP|Q^c(LJt-aXaDP
zSLZLXe|GnkbZc|S4ZV3cjr9Z5<k4P>my^tsy?UD3g)!CXW*6a6-L4gTk26Pn%m%04
ztsoz9osN`kp$+e@Hqp9y+zej}-g90LdfJ`Bp-%mbNlEy&X`54>DwdyLxG0(&ItbZ3
ziY0r6-2Je17_y`l?dD~%LeZ8FE4N!gJKet%u5D70x&G@gU-;^WQh3P0{rdAW>kT42
z4C`S%*yJ^IV4K&Cx<cmz;9)eD$+rK&WUxC<c<?naynCp*1EcD2juP4l;IcCy)=8fU
zEbZ2wsG#kZ6L-60clQ2w%-uTf%#JuaDcS>7O!i@xk<DsleO_<bhz^PxHVI@nw&t`L
z-YCPK$K55v{Afdk79X2Mz5-KN2~1&;Mis-aUt&1Ie|@q$lMn-!RJHjCVky7TeNv5{
znhHc2_)F*&$_SFS!t6j<emAm7fg)G1*rcE)&o)}{BLc3Lt7k~&!7$h+jykJ4HT%gS
z+E!C;kMrKAS*@tYVtk2I-O|Jb&5gGUQITY}yhYJ+=3G@~N*f9&r?kU7m_3H0*uFI=
z-=ZJz(U1>b_~;6k9BBK1%!Ya9>B=YWODzV0m%`orv5p*Sl8;Ffsmv6bwDxav8#8p>
zmTwj~jq>j0dSW8}2X&J(?MdRO(c65_f}v-27nSrc^XHr!qzEncCnlaaEJCm{8F1>$
zecX`NeQu|q_E7=#T~n$jx;%ueZKeQr2~`AD_DE3KBgy#+qpu2cprReX8BJlQWZjCM
zE#>XS+R=S0s}_TLHI?6oI{g+6TH14(RA>39JFh2g9$fPQ5?hFf`j(Q@2etbz?%n(P
zoSg){kmYJ1#7ciJoJ$9}J8FAXe5oqX&MVeH(a0s&OQ4?A9HXQ>>PnUnV-ip>yT^C^
z?NzIXUtOEy%s2iCV5@kDps~o7Zm^u|p-{$(v7^?fcj*tze7vfe-{x*uy(6>PqzTt1
zE`A;5x_?_!v7(im9~WTvTYRz<LawiW)AO!B?e$crckDpfqTju|-*JE|54CEi;UB4R
zWUtmQ;_pg5sVezC#TdD_T!xO`7~Kmjn^S>lYDu8^jz@0hK&k~3`7m#I&n1}btxJ<$
zk6UxbbvO7Qt*iYb-`-T_4J1-e@>hq?{?esHtZzTk=9?`cRxHk0zSq>KS9s`DFtT?O
z98(2l)va~J<+z7-^xA+2*k#@lc(+tm{hjhCh>ioF%J%i>#cUGA)pdYg=tq-Hxo@*~
zDVesuO3ISm<P3Z)m5AvSi7NhS{UUKiG-NBvbQ>*UHWldf%SbmDXs!<#DE&MzKpYBO
zd3Z`>V6wKC!XYHFNCzRxo1%T$Q7z~3Mp5G*G3(IrZruxL15)B{7L6kLUNEb>>0wFg
zWHQ7BG%#$F5txqmiA1TV5vK=yethrv;;+KTGZF{{-U4PEf?-$Q%y=ZGIP0jxyrU}V
zTeVAikbrqKBTHFj$9RwK^Uh#9I96g69>EmTo8sz=j5J6~O_V|`HNHBZ@5;z{n){0H
zS(BGl+WS%Qg~*5x6<O;!lpGRYyO>E&xo0L02)3)tX-BF+Cp3*Sl!e>Ai$HBVJi-*~
z&6!s0P41bAcGxSEqXx&sCD-3{M3O|cR*$w{oB3iTziNSJ6QH_K>$Z|Wf%;%0N7BMd
zvx1Zvfy*2rcQHQICMZ`U>PPV8GUk2O=G&Sw1A-WHn=_c-`yc4P_oQGn*XD*Ee`V7u
zzVLj?k^&a=MkM}{x%+z{NvlTWxTeA4%Y6*uf5H#$+=DsV!95>PwXW`%8{|m<dz|B0
z6PQYS`Swu9Y11&%)rr?Bts{F{;2?Id=)fG)(DOS$TOOtmu|7&vvcP5KE!J?ucK7hp
zefQ7IBcy;<hf9b3*1d2m%PV`4Kl0wux4pR1HviM7@VILGly0f6Qq{`G=SBl3Y;@_y
zwcGxnFMA-oT!2bobdSMk8Og}i{cx~V7!j=4!u{F4E2Vsq6Ig%C@!ILKm~!G(^{^~;
z>&-wXfk1KgF-qq+67g;w@4(c=-=a?ag6fnojPlG=M<QU7eVNTH`mT*tXqMy*&1`J6
zo+ogk-Rd5Fj9{m#x)Msn*<qyF{5Xw5skYgmJKcqqLxF|LPTY%;S>0BglHJzn7Lb_u
z#jxxq?gk_<#g^tDM=A14v=w+Dwp5*M&*w18ysa>Ier$-*`+6qR4yw{OB2RHQ4sQvn
zvxY}gy!2iFKF`VKQOSWnfNZK#@>#s{9{6aLn0Kv8BoZT71uvP;e31zC<V`DC?{W;n
z4Nf`sBnsVr$%X1zjW0&sw&NU$sIZq635aph9=$2_@l$4J+}j^c_e<A@K9sU=j^@|o
zw_XuL(dgT}6loL2#2yH3=Jsjd$QExIyHoL!`GwU#&O7(%KHD?SqEb<GQzlg=8x11?
zHE!LwYGHb%WO0kivUl!3^g!Y;+fgUhHkdVg*ZFBuunVqQ@s#C|ebcB>@%pj{EcwMT
z4>A3N?w^IfWzCXH!)1xQIh^$9evuR#xj!e;Mb3S*qTOq_m%k#unCu*K2D3Vp=BCe}
z&w9M9LiZ90;i6mEpRFACfn$D(pMiE0DF^*jaVRasKgThPMsDg}oEtw4ly+xSUg?%=
zB+Km*5t%S;G{Lu#yP`fZvKr}@KbTpp)>mwXWA$?Qe%SZ2@JzkUKV3(1oYp){1yd>D
zHIg*cEJWQA-M#x>!<zj?IgkgB3TrM$IOlHAi2bOyR&dyf{j+Ew>vyUv-$GvfNP0Ix
zwNCqS6JQvZ`H^V(Q2KTq&d*-FoVBeA`1++?v~O=G2>TXpxZt|&^sX5iB{;h=2kgzr
z*p#=&(2HmAmXGR=e%YFC1+p8@Lc+$c1(5J@y^~#~i+_Ze^UYwB^(#oF0OxX7`IY&#
z$vE5mhZM5-IH^6R#lM-vGV1sSeKSF^qdXo^+jhvW>E9x4%c1!qf5t&CFgP*J;3YFF
zUQCf@OUYJ{=8ZSS!X?QZ{zF~)0y9CzFe*wzu@Od%?o*fpNOgvZ6Fri_8R?kE6i_Tz
zBN}q%bao<%ItwPg$;NlPA#QrtF&1X(*FyFEtK$UYleFk9#_9dLhIEzzfhdVNM!WkW
zvjeC#r#3;$*p+eqHi~aIm&(dSqTXQHmnCEujTi#z)G~?3X<v>{iZ+h82i|ZDGs?kt
zYlsNvvKj|vqk@3%#!?f#oiIO3ZxPiq@gbSZZTfH%RAm58vzq^zchpUc2_;JA!pya(
zSB7}uPIZZ$T$;zJZ?3bVYaL9D!tg_iA7NR;6B6!A{I>mM{J*temz7lx?3jG4Naz%G
z@eV0sMeGQtucUUivJ$6BAL6y<ftQqA^F`+gqDMXFhz%y9nh>d&;hXo2CIW4v&Jk($
z_9yx#(I+$ac*UIyA$KfEE5T@`e-zKRc^x?QNmpAmF~*7eZLOUV*G95&I3+!A->|=f
zA!Wm3v~nimBs=JNco}wHV*)GjcGN{=J&Oi5U7KP4d3CXN(U5ckKe6Fc&aBk}M9_P0
z`iXBu>u_4Z4>rtp1rbT;vKDa)=~~#HP}5?^lAK;f^}1&&@bnl_Ey>Uj>5H0_^;dTh
z4bekdPG^?*yd!xibFn@(I<<MkT1KF?O%Q&0Qsu^q-pCcE>Ci=^UEz`Qb7;B;nFtD+
z@qjBwdFBI=r#65v0>v9ws4Igc0!juG`=4@nP$R^$@#0|*thtL^#U^nS>0f}QdDKO_
zD$%r<1*DNPA43}8E37z_n5B|lCm&tp0G+c+!kH5z=gh}cak<osiRVI}ext+wQ_93b
zUK(bgs0!<+I(J?!H=^;h%SRo7GmZ%9JNKVe=Xww45lyhHZ2M622U*EEqGi72m^h&q
zj<*@7U*$b8*b{X%YQi!-qQ{`f%8A>W>sFMi9)wfFaZR%hP9yl+W3q+O)IeXr8e2zU
zIqEWX$+1ITpBz2-=XQ;0>0}x2K&@4hdt;(S6U^lhZr2fTNZzk!g2BCteqipKJ4I~a
z(kF8NXz=zohHE)x`B*zT8S1hqSG~O8%4Ayi+4woTYBgi*njSb{_gRXMVy@?T)Vi)0
zmxZO1(cE5Sw5e}$zBzKhYyvYBHAt<`5{HR&Gs2dozBp#Ez+R0zKn9>K=5oN-NES|!
z(D8jD2Cz2US(ySP29c)M*XZ0^TzovrN0jjD>|#{WHa;2}?<86Rnz{iwzBb_7oG<0u
zAd_5vOUb(L-NuwTbGq)#)J@;tMO3tpEXLHNgy^x{kEi-k1d(~&M;8mf$QfnkP`+Am
z+SB*h07-`XSGH<3CC0%@)#rBJHSYsUMJ|NwF3FTPa0(<TB<24&(?GR8<kZ0Jg`t1&
zTVl*P9WmnlB_j?rOzz}40Y&NDuo!*&O_s3))Q*l1@cPc}ziBV5`>i)Fzb3Fm)Y5hj
zo2MNq?5JNrtf5=U)ZM~6xodr73e=!0!vnm28f19S84<CU9HnBNYdeZ8ZEqE#L_8FY
zdyF(CLAK(=0;m|8*SX=Ui1ANcg|1?q_LoS{0AvWCpU8W?9LlWQVrADDT|@Xa+E*AW
zpzcEo;GaOot>Y=_H;K4s;9RJ*`DWTdo3A8=S}xohsZY*CSP(tJswK$R2-ZGcNuQs*
zGt#E~m1@(*Pb287AD@nMTUo4sR%halT|fm{A5~i*><noqa&^4JW`s4ZC{#nE4mBEf
z6A`<jvMKyEu{1r0BvP(7l4K!C^@dQ|gMs|H_4l6)+8hrjCjBRM>6uw96qyE(rbhJ7
zNBD`QF9g;%BhQkFeW6V?uFrau20LF(aTC~WK1TWn3Wz?;Dii8Z(?WRv3?KmV>(qw1
ze9QfCRQKjWw%;r^ecTo*`q`f9x@mOJR+wAaPhi^kD{l_$&W8skgIwJ1#_4m6?_NL3
z`pv0*L@6{E1Pp%>x%TuFc87Tf*9CRsST?JfRoz+qsD1_wbxKb;Q(}{fHQ*hkVKJ2{
zb&`+INVDip+(g33vJT7HeyH00kkVANsd|}oJ!AG+-lPx_YYmstnIh-xg+I3oqla>9
zeg;p2(@MQiz#B2UV3YOBUkcGGm4iq+>q^D=e1nR-KAxd5{`$!Mccpd?q?9dY5|_xl
z6i5LcMDGs3`Q(zQHm0{Xe@JEo_76*Ou0OSO<qe*(q=xfrvF5Oh`Q18mJzQ;n+xrEx
zKbHF8O1gg&HIbT{HZw-}eH6KwGywXf43|0Zj#4Y}#23GRicKI*dv*RDa6-wj&Kl7W
z^V32vdt85l5<Vxgf6h<0x4I7{__oZtfavysAYMe_G9{{#QWyr#PtGtjXeI|{ZA$y^
zlfAu8g7gYbEqgP$Ubaq@b|+{$wBZ;b{zzes>Vlz$erEnk0JFW_ZCdW|_($0CUabsj
zXYX$9y4c1pVN2F9g}2;1&8<`=c5<I?XeG$J6;QuyudvxDIOl&AAw4aFoUC%yXiW1|
zW1cSuGSBIihf!>eBGZxi@<ve;f8bOU`lG!r9ckG7O2eSGP=z1)!Vasd@9vVs<ab=8
zGz2B3-A3u}+8QV3x!~+!k}}rM-!yKWN2U3X9wy)(R$5^`iSPw3nDqqV^(MQo4^eH-
z6~dFlp)<+D66$rsBg&<ym_ka&k=uUQ{RySN{Uw2aWUha^Q<-$hSMD8kmYZ+in6{k!
zb%)1osP_dDfxjpom{rUUd0c(VHNvI=ETRi=`sbZdI?rMF)X{Hm7imdeu)1PAbn|Z5
z;B+<G%&{>%@@8k297-r<gD9g%=XjDbrRHvW*Of3+LycP1|KfnPKg(^GZpwih6}u*P
zeY+1N0+=6@9^aYF%RVh1P_}`(<rY{vPa*1-TlpzUjWUl_+jw<o?3jl}^KM`t4ZNBq
z>J3F>2LR83$O+17GZWG0AYz6Hb&I9TVu0G2jmt#u*7?G2m-Du}l!z#@Kk;_T{ZVlj
zhg{CiXNw$0goV+~Kl&ux)i5LquKBc}4Hzav)B}hv^smV@&{DysKa%PEZT@8bER#yH
z%<V^+<RW|R*rENXkJcU6);|T<I%wY5Yaap<v_sO+@x0?Pa8boRY-wwOTy`yOK2bED
z17=%bh+v$JH4q5ugx_%IzY#?LYVTH`8TQ^8uO`TH0_aOGz+}Y4>mPmBt^ICV2Sj0C
zIBgRyB@p~yxE7jraBMK>YZgg>VIv`rVK^{p)&thCvMZt|&&LAbv<MFhm`hjRuLNi7
zLrIWX?Pa@aF8~f(Ue&G3pd$>@AUZ<NGtW6Gr+Ptwf5filPwP0~cj5k`wN)UHek_Et
zBj77x!vvNZq?d^Z96h;9==Xt{auyx{SAQJ>RL3$IATQw{UV#+^Zea2IrU*P$I{|H|
z?1LUpQM4Y+WYpE2@FMkwc{vMpgn@w3%Te!np_IjLvDuF}a74WK-@kgP4Fq){(pbK-
zs{8lZ{wiX`AVdt75yjn0t`qK<-Yvp?s{pk*o>=H?bevL&vA4(65Gl`e0Eh~!kj$&T
zHQ`+}cDxY(Q2NNdLvufy0tb%D!~R120rSwfVGMY`VvoSttQ!RMfv{3rNQn9e2ey)K
zJK)&96b~^ejDbJ4o<%j`{tDLr3&LgGU<<JI1hO3y@GKn%l#j!>xkrFSR|TEXjsqNP
zpYgn4Ok62}zj<FTj#sJBHNSRysT+V%UjmjN{a=3GKp+rr*@F%*A<M*Z0IU`)w(VED
zv!X7u_ZwHxM21bb9o;;6-*ZKbEe6bV)cW{Dj8vv103^xAa}XxLO-Mb;8NfYVA>X(c
zeAQicFZ&6MJp#1E0MdH)qtFpWY9Lx5XK@^Ox%NB5JwC2~IeJeZ?)5xGp#n$P_4-Ii
z8+anldxkni4EFC^)GgeGxF<k$Y7$QF-Y%zzCg`T|vIAnmQ+1$&`w~bqrj#O@M*!o>
z8?}D&+=}$``me9qd0W~3CG|dG1K;JZ=lSC_ai>99%N4^-vK0uubV5Y~5deB~UL(cb
z5;-RXxRY-YfxLfi0nnJ68#vkDue9D7woHkeqpcolsZx?&(l|UEfdEW)1kmZpz0zo4
z&zeJm!T=@(4ThI+jbvb$2>gQ}tWWtC%CLvm7h0A405m;Ia8fTWJ5PAtJb*Sp_yH2|
zrD=yC2ruy~<*PsoIibtIr$1q$#MCDjW(@m#rxelYdexw#`<xznCoH@?e_5=46!RA1
zL8T0KB^qv^Yh8qgy0y?kJ#?dM?K?3=2LmJMN&o#Ufo7OpI|Qkg;=nXL{;!onc&Z@m
zfJL<pbWnBO-t!oxRuhiW%gwC`FFKm_e*zJ-hEBA+U;ZCCw=3s<K!)!p&_jY>I)Sx$
zp9J>s?=l3$+!aAg8f~qW8#qWKfCuMiFPuCXu;>ZnA$-OXZS1zPv2#1jy>nszWSFRP
ze@Aj9C9o73y8$NdIK<$<LGr1h01Wjv1hF7Uqd)6agUR3maWGF9olyW(`S<@J9uYDY
zQoSZH6TNqvm~p<V0IxR=;kI5vaG6_9;lYT{1eiCA-=M|Kpi+oSP)&gP-G(@TIPkR4
ze;?!=7`R1eI-vQ<*spqFBzNke&$%fv!L{m_0RwCmc#mgl|D6bCa6Oy;>sKvYAtvr5
z0Jm(UjzhO+D*$3iM&Pwws0{<5mk*U%ZT28^+)GT78x9iGbb$zd)pF$0B@m9Y8Yq$1
z6qgaWMkHonIu>r9p{=;<2GLs~ESzE#f&TH11w3#IKySq!0SKHc1e8=l2j2n)%*nqX
zh}Ma{{M1?I1xU#^G=uPZNz7!T)AV>=O~;yt{uRk5^#>0v@+`Sj0Uj_Ud+op#)3L!h
zfL}ZgAw`d_K}1mowUY(Y=*6p0xD7%70HVV?zk2OGztrF8QVF69of9Oe3%G8xRS@~b
zS&?%0)G&mH!-3ET+W|X5jVA<bJfS@UCZ3+nvlT$rs>4CV1}K<y>J!N1gh71*6z0N|
zGiE8?+jPdhT`-g4unYnQ{18%?uK(l-kb(}vfAfI;f`Mj(wP0T;>;QS$>MCGX>h)Jj
z*9pWe!C3%8b%O}vTN}Sj4wrOOO4TFzPRHE!1PI2>w=0l@w*JY&xUa_q9+D@7qfRN`
zhV~U4xQEaT!h+XR2e0!5P@Rrhd_Tk%D)uZ24!-hm-`zH-GKiP3m65<AzHy-l63-Cx
z)(z~+<Nt{*cYuPwP^Toam6e#JG7fkBBnX^Sfp?EUd(~lEYir-hzd@g5>jpeTI0PZ9
zg3x0S?@p<o@ZWv~SHZ-HzKaJ2XVnA-Hb%*fu%|^+Q^H~>%PYI=svw%!cmlv$;G{4Q
zuAPJqc-xc9ur6IsfD$`d>5b<AT-2f&=;ep`<c&c4?@6==Cl)Q>qhUa}9|zO`LQedt
zpcg|})Bu&O|G^n`1UbHg#bxh8TlMR`;>qB6!Px%|RA7lI#wR&6o<F<|*xo5eqh#ib
zC-H~jzv541^9TeU9)}p<FMFhSmVrqFGUV?ghsunTFYQD=NjOLN(M%4w>6|=nGn2nx
z$18(;h=71Kqjn{|is@Lw*MR#_`cM3^91bjf<h`U>t@%j06v6`Esq&%H1>R8AJjRO;
z|NVu2%KxNH`d7gG1oGH8fah~^JNVP)1`*V%30U9x1bdnI?awha&)vW#<pMzus|na@
zNJE>jDT6hx@-gFNA+vOX{oy1ETIvUux>YnWRY98<0W`T%guHclL{bDX&~+bF13CXq
zEYOg~xI&DO>hv&~Dm;L){W6|9L#xOBpSza$_pVhG5w&0?j!Cb*Az%In<yt9jW4iX1
z)&=bSzEy_6RAC%~a6lk(ZMTk_nJ&7O9ojFxwFCe-Hx5E`bK~`GAwhM>9KoLXAE~mx
z@$uiZy~VONxD?uMs)?l+?u|n{SRB9)dX|If(k;;ta%Z9f55S-!OrFby<A8ph=QB*$
zl%NE{EmLybT4w}ME@uvF%AmXQ_=Aol0dL8(3gST&_t^os-ia0iLGxfR-=`EJP`}7{
zu(kty;~(xcbILe!91`LLxDkz=>_^_;kL#oDfmk*{NEgB}tb*Kt6AtmWt02kaQIKQ4
z_(rgF1bwG}Q(%4mXSrt+8eeDa0eo}1sqgP_rS0(2Ch8hsR4|!82{LfY=)HCTilP|J
zAn@EWy&*K+aUH5OZxAr8>ai{8hrlELEzYrx30({3{W6>5F@UFTZH!QP^1BuW6A11E
z!=)EXM9f^p%-ewfXZykwO8fRL=G)kB;8hObFXhKlV+pif(C1+PkK{!0%a#%8iGgw4
zpZrCf7iOg@%=h3I4p7K(3L31ri=?gUYapKZ?m$uy)dZLIWq<(p+5z(91t}Nq5!vzi
z0tNOF0yQ5>Hjj3I;(8YjfW$3!z*ML^=Ih&rr2con%Sfy4w74ZyJPss^M^n;C^wY2q
zEgT17aXW=CW@zn#4~_&E(0o&|mHGWit_s@G#sMaIIL@2W3nGZSaVEJusqcdJX%nNo
ztf`Z&90Cjz!qAlzI5%oy=?^gg<s8+5X(k2W?!e|ushi3$z_w~JV;lmY;vnZUMCH@-
zDUhK#{&0UP)*{WS%K{H&ogCxftYoGL+81ekAugWVo$BGPDo6+k57yYYG*-W7sUPwp
zSnP+I0;|3d{C<_NqqZ^oddarD4K&0kW*q|U25IM-D`@scNXy?*R{H)5#N`0dV@~<s
zMVa)W)KCid1xIZvTX<}Dgyt(BbK3m+0ZJOZM<5bL4gye}S56i!WSnrk?a1#6Lc2Xj
z*JA`U6~;0PnH*6{$SL2l9vS@RBE+5~2o9us93DZeU?u=0B`8qHIK}+Bh*A$0_zid{
zZuNYgKv_WSWFG}%y8GW_Djz*m8{hV<EgYQ%#AjK0*ZDY0SLpdyGmK50%SnuFAAp$r
zhem}l)njuy`o4fZQJ%62rsScWtXcy!aG$(kSC4mqkV)7Iz}`5)3#vTqrsmawI)%w2
zps$Z*vr=f=e;sRmS@nIvY^bDbk9)Us6@eKI)f&z<BilOVRoX!3PiZr)faF<Paiznk
z%SlM)<@`4eVGqul8_M8B4&MaD5NaeahpLW$prNR!ztIOFL~#&+xktV{)Xd||{H!^s
zaSYtn8i?H>BEkz4(4u>bsI=l#Gyb&>s>XZ*;iBgqEOZp|ajK<I`2kmNV{}&Cfgmx}
z?FzR9i@P8kyU#Vl7b8UdJS8U*0{8Xu{_YrhUZ_evfOaEW7M0j>f1&=Gs~W;d_mfe)
zgfhr&<oQb51iP}h2a<kQv1}$~Y>iOh&Orddc;~MDshE;Sfarl&9)TiU3UV8Kts_(i
zcG<$>yi+`uvd1AZkB_1A9FW@$%Oh~lgcc#glbyGPo1k`fCTuK1e|I81-2V)#TF)?6
z{q<81uwbi3t<poPpye<g#F;DxGkC`$BLVQ$0b6)kkV@&qeV(F6S19r)UjvTyLP*t0
z5bM2CCl%%M#jU(gEkoJZaYNxlrC4c#dP9bM)*L9aH0zh4$WaE6>~VAC9>3o0yIbcw
zyyxlU{TmhKp#Ca&hmAAE&zncC^p>#d?tr*!Qo*F6IR>#8-uLm94T1cI5cmOd^jeNQ
z#$>-Q1_#-Z_*5Ia4u5;(9F=2ap+i3giUVwa3G1ytLrR^t=Ert_Gka03e<z2EI)bLx
zW9kj@c5hyD-w81bd_DYMWgp9*L8bE^hk(;C0J3aThLhSCv<!FteQME(dRRFVNZ_N2
z$K=n4zlsq6sh#|vBCO|gV)5TDPC?0k)#CrjAO8Ke|3wKSBrE^h(dplw2_YW^^zfMf
ze8qqEaZp|TJFvfZ2@11+gZbY*2gs)I{~HqjCwKard>8Egy~O`r;)oDc31(A&hX(et
zm7$=MI7ShDD`9NrWey+erB`K62u_Ib&z&#&b6rgWo~>N7UoP|MW2iQi+1(rGyLM1>
z6092q&5&(1Y1LaViTU*q<2GS;;N>2>KI!;Ngr!|vxngcQJic_iQ+dT0ak#~NG&a8O
zn7_(YGrD{<|MwD3Gw1D>U#_>KUGUeOev4l_Iw;$aS;dL^E@P`krT(bR{^w#9ThtT3
z#&^NROb)~IQ)V@CZD0zBL(K5;Qr%vYW>xy%8$^E2XZCg4DV|Jp4Goa3XTnEJx=u=&
zd6}N1eT*{bpP9*yp-QFSb7=}iuLQR|E7artuRmZfC}HOR`=1K+Y|ra8kNmHXL7y-@
zbLIbVh3MA`h>-vPRSVgl{y(}b7T5rT4Sg6&G*%&799PREI7(dQxQEvh^udN90*9pK
z&yiwia~p>N9v+S+|5b~)%6u8Y_6Y>qYN!i`;iW5wHqmjAA{;{*yR_v4-ZHb;B41FX
z!ZTBR_TSRUjOM@ydk4f67$;Qp>_Ch~Tm_xt4I=O&mJ2HO65vUM%#qxCK~4yJcnld~
zB$i$*hKgSyJjmN7`axlFEMeKzR}S?n^QldNbA3|r^RY4Dm^EGobYNs$yFU*K!SNt{
z>%c)O<l-u*<Rq{4pW{#<$N5pKi&_3`RHNI2x*YYssOXz8OTgN<kxp4hZbvLbA~R5n
z2?tS^pkF-%>CDQ+dUUx9*w_!mRj#0og7Hw^vzEvXYm-8+JJ3ge0QpY+>NZfz!3BcC
z%<`u{3=F&;Z|P<{0tvg+)#=bC0a^@(*ElvC1M%kF0JZC46~slt@G_M{454vAG2T2%
z63%7v-t0XTg+A1yFIfJw2@;R;HkM8SX@>7oiXBGeXQ<SAdtI{3>_?$)@CkRHNHnB*
zv9S+K93gwBswQ&T8ax=GL-%KGwWP)5Iv^?{WBIe=_DbpC)@j3<oDLL9<|2OGM1OP}
z<az1%1tr-L$U!Gw+r$@Q7ZR#iIWqCDPyvlbixB2??nOh+XSuZ4(mZ%BWcy+^X=Q5{
zCcV9IG<l5otu2;_aldyAx~7Xh;1%ttV?gdVH*xy6s-rwKM^YlzeK}U3)DQ>xxq&$(
zdOz3MvCerIWZv^QR@zGC9jFjaWRJ*&>ve!qhZzo`X39Z6;{xRb^Y3R5K+3X{n0stV
z|BPVo1wEsSR2^bX>r{y=-v%m-mNFVl-0$QTb0rn&g`Bl$^!5f@2YRyp+j9xgmw?X&
zhX`?*FCcX=Xmip?RhljCSh$)vn+g>%%PDfpH5=XFB@G6eC5MR2K_+es?vdFEOJ1Nh
zt=4AT3IP3fFfZ$?6o+yS$G~W$Ef<&Kq;wV0?<sGNWjccz!<+5ZXLmBFKZ$!1Q>A6<
zmK#Lyt%BMv$))4gu8_Xo&RuhFcvmSw-u#wJ>cuV6`rDH8vF7{do{F3qtzW`J=17>Y
z2eKQy((|{&7E{U#F%DGFj!!6qyp3gl)~Fa4dsy2gxRrVXEx9n<<gxQ0vAMD@#HlAe
zvhMVDt^wPmMK{JHb=!|qDi!K}j7S4?V=~}`u765~v#a)4LN!qp#DT0m-h%!}{D$qR
zVRLz<UCEqwkYf+m8C*4szk=TfU5~L<JP_m1bPItQr9<rxff2LqE_<Ki{8i{8-Rt=m
zuoFP4?Ur&Niyt>k;){;%4;It})?{btmcyHiot|M6kXc#V>^pTBF_X*V`YtaS*EpC2
zR5C-wqm<>(=hRbAC!z97Tt%l8+VlyvW42_yOBqD-U4iQItsY;xKObK&*M&s|8)Pi6
z6>{qD(LxQf9{qLS)dCa=3KAN?V_tl==3K*O<i>#YJ(|ph2As0Xcx%Zr8L*0WWWMaQ
zUiGR4jz<}mw$e4}*Ff0l{+;8|zCQ9&t&l&7!5KgmsiD@wW=~zc5B6!?b9sHcYN$Er
zU2u1Bc8Sj7TyjXuf_xwpt8F_`aeAKb7{<PU65%B{UBE|XN`3P^9U2s#OR04W9EG_-
z#b!0s*B*yr9>luF5xV(M%XRe&d5E54M8eo}^?)1^vTEm>h1-DskAw1L#2L=M+xbpW
zIUn=tA-1|bzlW;1`;cCFjmbgxB+{2Elx-Zy9bufyj#7pR71vR0zx=((pcfOMU*jn(
zGy6)_o^ehI`1^TJEZ&Ii`Rco*nKF_&2@L!27VIWdKz>fU-Zpy(k|{i@5yN&QDlQl)
zr(YUT-1LG;oEF|iFv}@*=rzZX)OVynq;+U<K&KTwUk#~U<_CoM<CV@vE(Ag?K=0pL
z-^PJXTou&jICPhbhpIXu>?%PP%qGdZiv~UrFOjz`=ci>l0ZO_Qk~dmSu2$WT+%?OD
zWyao7g>&4qa$0p8hog^H_2`Fa3)4m5`OXj}Q;bcIlK9VSVyQ2alORtWQhNFz^BU(^
z>Ee{hBOWdR4K&d+CLdTo<kGi^sm#zQ1dlq#Bh?lhXh>N8wC&f=)W~vNF!m2NUVe6H
zKU(_i4BMr#1;sl{{foj^J+HMnnC1Z%bkEI+ddN~NUw`0Nto5#rye7l+z^#M<vt39^
zK@#MCgZ1ey=iGg{&u-i+&<M?kDD{vo7{>=7xS0o%dHs~IWQ_GPBpYJNEKZivu<^}#
z*dBR)SAy<$xTl;R18YidK<^!uhJglxr;?NC3fDhdQLvPYdpu#k2Z#1q$}3v<s=&^p
z>rFfd5#{67W#sqJ4bxt8#gpcX7x1i41y={5t;suSDvsfU6?D>SiR<~b>Li66$4<L8
zClxw{ae@bN=-RCLY(_7hWqa`2JH4D+ZqjKo7{Q**S<0b#!JgNcUQ>%v(Isl+{5uLR
z)4`vm%pcEB5gG;F8<RnUdG<p=wSXSHC4(;s$H}|l8KZSaH}KMy5gqS0TxHJ>n75+m
z?(neXe!&{M1Id0Hj%UN3+6fBovClga_8ah)#^<EOuGEi<lvuoi7p9=d*<Xcy;~7i1
zkAKcf>e7i?xNea@{?hIX_0!HV$yFVAq+6TCE$2A810BmhU9E^M>AfuIxDP+qUB5)K
z8dVYpWm;u<wxEedUzdgwyV?ABltNeKlC|d)Qr_O(49k+z`Vhfq8L>NXf##pg(Bel~
z^oFKsMhd%PJ`8&*yn__(P%}jmLlkveUWYPREX)5rxmr5<DD{s_$k_&WR<1$UwEFoa
z>(E>qxGBhSc)A&Cv)+6^%~Ff+mLK{c&k}g+x!7!#Kx4eqw_cH4?ceIgrg4hz{WYRW
zS?JFbnhOsOWfOD|wV?D8g8AkIcay;{SA!5D75_qQ%~st!S5J~Ot)2TjqSJ*)x1y28
zL*tR~3_0i+)ZNQIO1ijpBfQz?a8Q{^#nN=W7I^qkew}?7w|xvqvDl;d!Tu%X#UQ%w
zU@PS@)Kul7n*GQzzcEWu$lWzSwXCBx;<$I?`T@o1zzY)Ut$ov=g|YoM?c@2Cbu+|S
zhtHH$gZK%{_v-ZUa;)36(&Seh-U_d*xje&ytelpiPB-lxh0t=Hq%fkj_p!=ZYT(?X
zo685YkR+OI-thRvs{N|q8Jl2>j!{eCpXvPMxJOF2<FoKYn}4iFz@v97zr)-HKzjmJ
zPkkQM%sBU)sw2ML#iHx-DRb+mvS3re;5|M}VZ=Ieot7#(I15LeLOhvTh)BZ6=>Mc$
zPYSEws?#B}!^+$$`}57@V1_pT$%J7ddHql4v<SyMOtV!A$Rqf@hc^=+-Ix9%^b<~1
z5L9TsXz=@6)kE*ELh|~|a^7h*BW`<c(E6~+lyNX+L~eT(ipCS*f-zXX<2im`@mb5^
zR$(JQlQWx-5rg6u#)k7b#o^4BDe~8mBf=5C#KkTfO8YjqmTh!xq%r<H%k>TyF`KRO
zU8rC^iwVWQ^eI+>E7vU^qf4|(Cb=v?iQQwL=vs0a9S!69nYxM_)|vDyi(+7Ml6T)S
zfdPr06%5ctcv;_5<u+lStbunkksvb07w|4zXIWb>=TI~KG5MtYLp<-B!NWR`-wk8J
zd&z9+3!}x1+0G7ff-qcuGl0>}F10w6E@+Bw@a7uGCVj6cn(CSKWV(r&hLGP;<w@Fk
zBRK1&0FzzP2wRf04&d6^&aBI`Skgz<L_{J*rI%s6J@D=I;H4^#hWe}V7`3NiTOI9y
z4CBxpzXx3DzI(M2R#lmuMzcXvQVl}9*%l6d(iRpBERoAm&eLJ!whR@@D4fox<;o1}
zw_YMbrrwjdEPgd}%tzb<jx*l|=Srp3Amf~10__1%1>8xK6L*IC|NH(-&J&3gwe=fx
zw_{$3igtc<HlGBNGsSz|0d!>YAE$pgDGMvIp>B0XssY!BH+!r`HbZItM(5vlIt!o^
zt+7Z~unp9CSq*(CnEKlNUYPz-6DHi916im$A(AFOJx39&$dFL&VgQ8TKeP^e1!g%(
z(;w4!l-dVga_mahR&=pJ=aaUk&9otCU?L9{D7xMsAlk_})`PMv@bO4(IW1$wU$K7v
z*?Ugssmf>$^^gJ9D=KZVo;g13sKD1+`B^*CwDeEtN9cX}sGA4gEis<?N_Gj3h8%&9
zuJ+wK+wLu()(*AdBWNQY``(lj*?&saSDIu&L_vC&)O9AYJEzfp_2wvLTq}w?_WV`5
z%LPUDk`?^T_Kn|_ZR-!ou`4lF50qUJsYqfMq}~!YI1HVBfGFj67wRfL?_BONF*XY9
zA#}KV=G@M!O{7NCup0&O4(hRYx|`G_Oq)oWqEo|Vgh$=C)mRE1Z}{Bshjb1=3U%yn
z{76nD5A#+z{j6qX&N_zfNk$|!+P<>={;FP2(d5S;JCN*$&alTY(gd~YW*k_G;|zCr
zr6y+-jA?cjD66}k<t}Qxu~umxp25nUvW2kR^6Ap6y3*qw^{rC1HuYn+CW%{)xddX2
zGiiFICW6N7yDFI)aV@5ALtN@n&!_Hp+#3WXg!-tRr8D<m<))Cc7Ok^P?xruPGifg=
zZ7Ki5%!OUjo%vLxG{EgRbhtU{^vbf_f}m52Wtb5<MvF?=9_R$9HhRbu7p0{?FiyYK
z|3-NE$KcIp^%-GLy<VaP5*ss{N4AZ%H7c5vXFhz-wZ2ATwPe&^-%h*Qq9e}`U*j?n
z(QMF@bEqpU+CMx~J2!61aU3PL5?!fUxqYjDIwvvz;s%ag3#A;(vh;lCweOO_Jr`7^
zc(jRoUihgDg<m=>Ls%D@*ctoja&;cOR(*%iVu1CoyTp?89dpfwQk|LaJ21N2gMxMm
z)))<1;m18nsWn^?xNlartE|Yuf8=I4QIc|WPWH$e70#g2WXZ*-(|Z+F{i)5+f)jla
z%!;B?7P~-XSoXM3hriN4eU6pHzbT*lej1I(G8#F790{g2*)&1X^CX%e<^5inIiHGC
zj8)_ac-?PZpGX;w@PFXg4D=T{zxbnuGS3xEmXhTa!ylecWq%RZ7WD4nZwIpG^u5ly
zd1{z=-_ep|GE&T)o(4yn*)bVddht$3<p<keYw^DmZ<cq2yU?FUHbk<Jilog8hu`nB
z3ao6cY&NjaP7l2L<ji*bhtmFd%S2$d*Ly*1i7ic^bkN+tF4)AW{^>PrRlu(T3UMvw
zGZ7gyuMSN|-)5QB6<Z@DQm^-QIP1$jHvF9m|I}u|dK6eeZ(uH`gApW^YSWIP_%koG
z6?+iLyb=HtE(#=}zw>cQQTf*=8_5Zh>+=4E3)&%)XRi0&JsWFPTxIo<yGKH=W5k*v
zFl`ClxQ3_4;SLU7qE+lGw{Z4x_^FA&OPlI!RHZu~7rsn?Uq+fP!fp^ZWPBun#aTYJ
z0%Vq;gGA8}<P$+hWzTYVKJ3KTSTk(-c$VK|L*pME&R5kGw@O@v<;^W!=PEWHj4)5i
z+la#;D?Lr4<M6+Z0yR3A-Y6@*!>e>=lj+B5CJQKSQVnY(?PfiUQl>F08$I$e)km)C
z9y>_yojR>Ny&&xlC%VbDA~*|*Dsq=~Nsr05sYsUZK!}Ng9i?tQ*ekHoW@xDC>wd0A
z$xw>Z>o$HaxRSp~SdOFC(^%K=&i-WWb~hb%U|#mag4SxusG1-XuZVVtd2VRXi{I%Z
zVV1v&l^(ArEUX?aUDBx=$XxROp6PaYj1_4#fOouV(-Jrp;kK@6qRaWk#iu6#^Ru{D
z{oRy3Y-zy|v@pDl^^<6ldEoVybt0<{b>(ikm~Lg_nGzWMqu>^`Mz7b`W`Wg$r2~O+
zBHuCRn`gW}SC)s0aG+2d_ap7!Ycu}?zm%4)K}J!b0k7Xz6DPhG_5~rspR@lcsrJ_n
z?pd63ly0|5t+eP{>rNX9#tPRYj^?BLM}ShEU-MmPWa~XfmHy~4Ja&PI&4ny`V?Zaz
zg1t(@f3|edtR80>hsXI0XKY)<^TO*xufpGB20R-@xPx=uT}#H7Vmqv0$w`1}S3EOr
z(6$x2#z<I7Wo5Qt?~>c7;SG3}Yl5Hl(qTtA#a^|{@^87?F{sEE9knss9sbk(hQEY5
zY4FSfmDW}~Y)yY&ESi%3s?yv3n-}EHHUt~6eS9~&OHc0KMagi1EaO~p<?hJbC)c5f
z&cgn7)K!76DyvxFuhjL=&j(YxJtCMmGplX(zK#OX(GPd&s9_=*s_piZ9;tJaLopvj
zY{iECsZnsesR`^Vx!ORmBC$r>FM|+1F?)?y^ye&awcbCAZ}<P8Vi}jPlPi8i>5%s(
zR?OPeB2UT1-}C3qJDBN$)J8G;j*24Tn?2r%uPf4}sOdV4@;3x+qp8JTM2{-USO=2I
zrrk(kj5#GyMm}dSQ5y0=5Un{{w$~N7*FlNVoozpizi2I1*3oD5jE}gEJ^~kD5dk#%
z&Is7<@(sw(EjDMLJ1uoK&AD~`MdyHdX|7dg>d#_>)#J)eXYGv{Dwhj8Rr9ibUP1$!
zTHoP(Wp-?>9X2nGd(ih)lazUXt%(vj894jkqMWs4@1}p^THMp<*~2Ef*jQ&tx-AA;
zNk~YU`=}UN7)i5sz^;bWNpP?t|BPav)O)%P)-TETShGmPUbkkrUpu+tv1lA|K&34v
zeE+Ro0BZ@hbZjpY&}B%y@BdSny0XT@hU!pa3h9?hpty;x&Dr<{VE*1a>TN`)``llV
z({rpQA<R~cxwyOC-OFgXQB;~DwsyL`O-t7rv+=pSC0xWS@Gua5Y1+OoNNiQ^6uKS$
zVl>VCiWe)1Pi`$(P1WPMVC3C<p>t_D6{wkqIRClDWrzk&H>$?B7o`P5vNH!^ONXNI
zwzqPe)Kv|$+>cydYk&1n$O(4J<C09vwm|*y{+eInP$v;>;}^OA*jRA!K-#y1irH}?
z<#wH4yBPe-erGkMc^ze{BB#GoSC78&#-)VTH_S-pIZY3A4riO9&+RiS1)W`%gW@7r
z_GDhru<*1${VYxn{}Q$vMQOJuF)yN<A)mZqIxxF5x{lRAa$nG8lDn>rS(Bu@7j;VM
z(yS-Y3&DIql&;(WrlNM9>D&e>FH@Z-J?BTPJbXed159f<dZtGN_cD0VdsL~T%D*Z<
zw!;{Fa@Ny$xl<nNboJ+SN4AP=gba*Fom+BEI^XwdCo;cp{{ifw<P-VBmE<yPE&7TR
z|96>p*!57GTmbziW{hCgO>e%?+YQif)KCw6D3&i?58DE)nOG@!XD?wx-dl(eqoH<E
z9r47mM_uhEQus+1gYIZlKgOPK_6MC#&TZ}a3i?CVk`6Iz`frR^UrfqBdUnkb<s<Gd
z|4_YJF*ntnkC9&Ev|q-w#HbAkS$e;4JWo{)eH}~%F{fu$uy1<S>+?@@Yxz@J<oiJM
z;d$`ysq4-eEPxv%NM^_&eO;Dx#hF}eO@=l7%}a(xxj4nkmTGl_N7qA4aP&oJQPem!
zUR$wMwMo(4CS9n*h<f_XtajUm?(^3hE=h8;ukn2dPd2^-{xJUy4a)N_XOxAqDYcwO
zt6Fu8igSxrjaug&HF5IRXmL3?_1SDc>+p~cKk?aCzYmZqviAg~p?`NeR?F20>%e_(
zM>&~FSBjzkv9o<QCrW2PM}ZvJho2K3QE<2n?^&uEh0A9as=rI6)D4u@zQS@}Znh|-
zD6y6CQQMi;vcbTTPyyBJ2}of9l5=?~?<&6Wxh-`R3K!Ib?3;H;rZx#Zd>)G;`MN&%
zhl7+U>3K7+#?y{3EM?oX_N3MSAA9c^4%hqr`=<$_6K!;&BueyN5-o)&5zMGTL>Uux
zM3;yzNIubP5G^yxVDu7Q5Tg!JgJ?5)8>8iH`F_5?bI$Ysv;VoSdBA1cd-i>=b(eLo
z^?DPgtd|TF?MpZFyg=(%^UbtTzTWrL*Fu_C%-{9x<-gaJTCss<DPaCtDc|^V8<kWm
z^>UVf^R4!33PkS+7}%Pwl07M{TMiz(zvfHebjH^Js+>nV4a>@0X%0_R9@T<W-+kh~
zl@e_OsG5y2#!W?^D*FBYsHajeYpQxtB*N#c8P&);Eq=g+`cb)R`HN$-?0UKVK)#DE
z(zv>*;ql;5@iU|JRa*XkOd`tTsQR>u5j18-vR=pZJK^}qu?{msBm3T^rwq`{i21?U
zy4m(niLFp4rJNM#YyBh14&;1K;UklU>%r}T*=4iPl7jH3)cq}#8ik^ZE38RRwijta
z+`a_y4&WLqk(<6Mc3B(?JaecLHp_Is4kayxbT8{^Yd(Q>hS?`^h{bA|waJfMC2C5{
zIOR;E_UB=e<G&#(h{e>BC@|tQE^~_3x0B$;)uo$-b)?UuATw1ACdTfv;JgmP2#F5g
zJ#~8|+q4AXPfYI#*(<iOf6`x4U41?;_p_RJocR3kw)&*fea@;LHu%@q&5Fe`L2-VA
z3JjAvJtM4zvqRqH!I`TDEk$Kbea?^^Jy@p|=7T?UZdMLI^<L3U%pl_K@5OfG;GHK+
z_D$myn5XbJep?J8aPHkLBw@VLV&n^1mZ24xymmAGb%n!FLlv)W6CZg~Qo3xn<kEwP
z5A_yGZ>?Pv)Cy-ECe_CDF1L6iHD3O+^Y%y(-E@c*msck~C53De4G21>Q{SW++P$s+
zo@qgy@w&(Zb%OeDNB0he)r@F*D245ifeUw%+YJRA=uO5ICo00h)VZ{@!m-c@c&v8G
zEzvg$;ERJ1hP{_Z9TD2X5oTU*XPu0AeQq<e`?Q64W#H$<A!`csb{ZSKkC7#H&C3<h
zVkv-2uTBa^q<BipGJg%{=#JrgBJCOPqI44~gN=N|ZcK>CqxmQ@+;DDEzEFjgrrabU
z9iWvXXnx`L{IhNZ8pw!zLD$2sxY8k!kQ~a^W(pzi<!1q)6r;yBv$fqI5Kx=fq1pBx
zKQH8QsXO<ZMI~&1m?2u>6h5Q*CubsO$0qaPyPT*OMKFbLB|qaO*I8M$CF$=%^~5ze
zmp%m)`SL`SjeQm?ggo;R{_M#zV~V%f+GYVAVV#~+=Jo2nd!Bi+Y9;LN$rG#n8D{bT
zIo5;ycIa<bK*uNDb>~kGCriu%M_PDtmnzEOjKp4xj{&5LZY+1Hovjkf)s0yBs`vCy
z)p(^MZG`!V<I}=OJvMC}eaWSAP&rOo-CL`Gs;@J}3H;N9PwU;ItLz(pissigBpqqf
zgS4}p68z;T!=y|;mTJ89`-e`GJWKP3giQ;u<{eELb6Z1wyxcFP_y}na`rK=!^15Kd
zJ+M7;g&x`j9c2ckW))XcyFB?hl#@T3viwuTLYOC57YWZM7r=EK*76o*m{TcWeZK}g
z5ysZn;Jo_GQAu}y%^<7<+ESR>the}VpD3Mr=^{C#h_*@#@r%VPsSX{kTj@ky1)hO=
z=2J?74$&Y<W}0}d)B(uC(?Ia-j(B5*vaj9T+IYmfa0{S5{gy<<+|8|YNF!^e*D`-=
zN~~~MXC-7UwWCkOT2SHa<|`Qq@Sp;M++0WChqxlefEAk9xzEaXbb2`rz2)g26q0Z~
z4*Yps;c0lE>@?S=`}Q8?Wb&?Yp4S&6*Xo1(<DzE7FZKw$il^PjPN42|)5|43)6Pa^
z?mltcSN3HISTtLi>$KKPd)v5B-t-FFP@;bOxY)?fa@Odm<?N^27~+1Y(LqMw&g-u(
zli_7NTg1tL1g35`*HJ!2TQfdMERhZv;fT62-AdLKGVmp7Pi&HJ;Y9o?I9t0z%#aSJ
z@2e}m6u+jM(RXBbdI?h`X&+otw#b<<hgTK$+;lHlA#7hIs`mclVYU$i=<O1)f@4ll
zUwpS|kYCc2Q&QEIh->Gh>>cbL#vu!<yw?kc(JU2ZKF9*3_#E=6uDp?b9QyZISv0&v
z3Y9dXv3;j7XRzq7f^WjHDn9C3#+_Inx8A;wh*k3wly%52_0GxYmkVx5U}0Q1-)B1V
zwkH%3p$vI~!L_B;w{4vJ<)u0<QK`k=i1iJY@iu6|=RM3YqFx?+j2xpC(5n+5meMIm
ze{36ewkQWVtKNhz(aifz{8|(@-H-7U9^oDy{Kc)LPhB5aYdR)=dnL<A_9pe2tV-xX
z$FPZb5wSP&qg{an>`dHM9-5T?NB6fTl>ergX{_4H?cQ#W0sko>ubEOzeU5<*OD!Hd
zqUv(X{ZQIAio3mt&pt-{$H!M;u5@g@UjwNllA~+sjK8rSWQgZ}oa^<(hxQpQI4UIc
z+NC;t7l(H{s#O?v<uK)FzTqqIoLo@{@qSu#?5SR^%g{z1O!sQUDYSNa;O8ww?#ds7
z276Ohyy$nq(l0k6o-eZUc*W<N27}A!R)YNF*!`ajk{j|Grz$>r5uBMkaGN-91%xE1
z=&6P#OV3v6h36ki6Q!5^ROG6QY2F=KkD?`ut=!aR+8+r-_XLiJn=F$BFuqmh%Jsn4
zeGtS+#(tAPRckBvk6rE>g=o_}>rlEsqCf=$m|)GcvX;!31Ns5+Wy$=-b|uQthbzB)
z57K+q0!CdEwSB$HL`+R-okruYrP~xfNDbJf9y7=UJob0H8z@xrAZhO@SG8|h-0Rr`
z>WlJ5R^C&`(OwG7Fp$9ZvZmlw`5%A@(alX(wMAi@be87%kFR#d_?M5YC8;+wXEd%o
zb)6d6)4s;b%bN7+%m8T|@3)m)qK~RBkiFCD+OLe^CDWo|F#ke0=V(q|sic4C)pMsC
zr_?gWW{0tW_I|0_kbrwZWDom``Bd0&YZYm#h>ppMi<9G)U`-Wx>T8AIdqntL_(4$2
z>s|{EOT{E*oj8180iR{iKt!M)bB%o=8mJa@NTBUwc8fQYcnZRNs!+HolFz{gF+Qga
zhJ!}#w<hx~(8Ru30rRK%RUe7sq&!vpUo$vQ^%#vWPfvcNJC*Dk-FR=!+w+EN@$Tgx
z4b7Raz8&IV1gi-4otjR`pt?pUKIn%2S%H|LpzoFfXSQ|F9divjqo$%Cwhd0}6xK)T
z*1<b`8~%YQ0|HCKO|RzVzAM2*;XlQlt7MkO{NG%{TjrIF<x(1RhXOfWxj)7V=y>|#
ze=AL8pWXxNlgk1a-&`W(ADZ?(K7HNNbXT-;>jtG`=Om8ut%Eu-vnwOrP<o)Sx*MqD
zkK-zM=NFHm%lVr;5@U~lhCHC>Qba6ynNAYl8~x6I#m4)rsa#<a!H1oU;Pe`RL|qxE
zd4CnW&=&A;T$`rq<*I4m=;sczyMDQEu4gZLtSXpnY<cKu`cs#5OoDEJKNjqMhI3j}
zlGRtwo5z;qfR&QRWMN<E3#Y}6`j(2d^`RX!L|2topZ-XJQb@fFBUB-B6DSER`U$!}
z;5Rj9`VwKNf3HL+4jXB*nOH>Q3+ZZIxi{&}^4;(X`eAp@?MeW}_OVr#_e!^-D47rz
z+9>IZ*ja@@wOXTj>0(PM(Ic9pQmw@t(9u2ys@X6W9*yocH!?v7A61k|_nWS)6Y3E2
zF>>x^pX<;-nPIXH_8`nA3pNo<Mb(b-3ab#j5|t{9sy1iP)NiQ90=N(fZ;<B(|IOz@
z*!uA#eFkIob+H^1Ri_>&cK?@T3jFGjG9;Cfa_{KUHB&-UhZWpYxHLXz;FC$=Wxkg}
z8oSQO9HnG1UICS1V8EO1Up(^A3eZ;qyzbf)8BQ7cF}wx<IKfd4ohY{b@<q^basPJy
zWoFgq)jOubC#k4EJ|9%H*B#dvY4!;VL}GY1NR`dgZ#hPP<<m2158|;cQQn_|`<WgE
z1LPnXvpwCrnn?crx`^I?yzJ}~e*K#0XeIWq-poYLDm2@cp0d?_mMCka4PZwwPJbC^
zU1_qee%5KW<&!DAiPvU3n>(FRWUwgnmpshqw_l=Q8R*yiY0B}dS!gP&MIv1XiPj6M
z5xT4S2V0YJ3oCh^_&V6~)2{vp6O4aBlqW8dsSjWvFXX<4LbI-F{Aq$lMFy1Rlu0G~
z762hgU1_<U5vecd@PRDhrFb>VBF{*xtWVwwUpQiPfzs!oG2?)gN8mC&gJkMXv$mSm
z2fn|2b}MoxAW_+h&SrbBSfkOK=>$)ujYp}51_Q5;#43S^FI-RZV-~I?Z8%~Ze1Kfh
z5KJR9EcIqfLca_RGTp)Y(fG~z7yMqVmpy;GyP+82vx2Q8UkZ5o;6<vV30>XnA5okl
zA<M_ih#?jGBBhkEFVz865DjKqB`Z4)v$pC}N!G}L|5K;0$T@jt3v3zmO`0GR-e!M9
z|7Ki`q2Xd!>J?4lLjR|B9*!C9evoJ;-bq@YNFem9@uOFMx*aHZ-<(o_l2c{K_CX^7
zwO0De(mmlJ?X*-11K#+?YJn?SobpMLy1C&tF@A5!i!&f?iQ!5TseGR==gr>-FK$!A
zgs`CA@2pFMNwnXkzmVC1a`?4@O&q<A%;z7Boxa#r@AGPROfPT>VMP_Yhs<fKOWPl!
z97kUMQj;+PsaCWt0f-`*<ytQoQ(JfL{C-W9|248Gx+tl8Q$Kyyb<N@(-j%J5eGn9P
zJMGIg6ROMhGrK4c0B|-LUTec<AL%og6@eEr>?l`P7ec_KJ5oG(Llms1++QSSJKu_K
zcC$DEu)z#z^0R}tpPNxorI}rCDdAJ48K+BL$_%#<Whj362LLG888JA%hs2|3-aB#E
zb|=1s%@Z9!$Giz&b6o1_fgJc^HRsHhu(dm69{gTkvw@hgApALHEQ|d^f0*1&D1tL{
z3xQE&!P&8gk}o~}=}D7WbG^nP&G9)7v}O^p=cU%&e~1&u)DB2v_ADH?A0c*Row7?3
z!NOk=x|W6gY?9`=jrCTAm+uFQ@m-3ILeG*YT9YwqJ~}}7`A&S4pOYpVnRFX4(=LbW
zjz6UfKG5~u)U8`MAFEI=40kZHl(%rG+rZTw1f=_aBz`XRG{7X^=8MyRKUCMr#Eb1^
zrn15~{jjX9?lcPuttjQJ3?}q?PHJo4p<p}vL$yx-sz8R$v3hUwj?o-7iCms|V~ts>
z+wDkn$-}SbL*E}D4d=`-G=n*E<Ez<3<S8lKDs`oBLwZMqE;0ghlmf<EnaPrG%>odE
z9N(4OgyER9xeEcT`a-Q|E&jr>d!<7%1D0RP3268%MHat(;?_@9hffCBF}aIqvqRsB
zwaT-+n4=Hpad2rV%oRgD4(XCHX|h=x+*-61d%NG2{MW5+pld<7`1$yqrQi1Wt$OB;
z$$6!Qj!ExOI>Vm|Yoo7z_zyH#awf+cnb?+8$bBEpE&(GxX{}U27mR$jYQw*d3y^PC
z^9}Ujopiawy~8~wtGTdY-(M5-f|z;{lDJ^sE#G3jr`z4mFKkmAX}vyEFEjX6M}Rla
z$E7sLOjoEzeDxZIk!24}w^-&*23w7MUT>@58Z9FH1>JI<jN5X}o-sCA8X;THmI!)w
z)dan&Ou_?V!mK6ZP)UEoGN{Bzi22iURs7#f7}#V5Knb>I*IOut?f>$86{U%#n<t~R
z%Dwhj!&^SV>Q|6P6;<KmclM5BKCd!GL+(6C*U;>7B&lli$o&L6xI^<Jz~Y+Jz#B62
zg>Wm&VAlIOi?zGqzxsWPipj{38-u46IpDs>KFG3tMeV3!*xl`0sHD}6W+wx4nzjmM
zWaKgsp(v^f5K+IM_wL=3&me89B&RC(@M#1v(Q)WsZMjxiS9Cg9yY1f$)BIH%TtZhE
zsWs3NY8tCSWwNGo(+LI)Gs}-BGPaa|+snLoe01xZIJMkL#%GPlu}9B?59VW{n@hXi
zpRCwXgJQH~o<_<9jn9E_cWx9XJ;~MV8KZ+vDeO?Xvw<Y^I9cvIc*x#fPfzuEy>|~)
zMawAlXmsZ^@mqYFgKNK6Ij!H9$~gcNMirDB?<6Q-(<C`*g#qkM6~hQGMjE$kdp(Kb
z&mz)8#~kcI$Xp71^NGi6^YMh+8l{hXvkP**W*LP`9|0bKlOFQre~boY_10JDuNPlG
z3IK$)=!40#4k5f@;lV%ROYfVl0J}iArRMkflbj-W;sam`=Q}kQt9V~Kq6$41RQ1Wm
zN~&v8v5nm$G+<-rRV+9hLMf&a2Ybn4vz{EN{{(0qRF<~f={F(x+7jP!QB9<%Cx%1k
zCtI|ROy^U7*htDl35?r`h;KY#^cBw^q5{UF4D4M2FH?L+MM`Ki$(%pyu=cR>q&mpP
z0{9@wObHpk&NH@xRN)Hjo~2<{81<tA05BtJh*7yM5#cM_G!l7Vac8E5Y1y}0pM%9d
zfGH@d{^P^nO~Sh-M1$pJe;TacS|SlRA+1s3T(>5gVh}4`%abn|(N>w2BVaA;?m+_V
z3jP+-^wns*%x;bh21N*Yy$!raD=AJv_04PB!1e0Pv{qH(QV7=($!5;(HwT{mT`E}n
z-HaE!>hRB_4bx}4D9Q79<+1rSRiEpl3Q7J}Ujq%c4V9;Gf94hC^@Ih43qt^Y%ShwZ
z@uaA4hb}$I>crnuN!wd#iFQFvCq`>k4=fx~Pgynr${~JYSAwjJHxd2mh+A_n<U=3x
zM?E4z%xOH{h6_jiXU`p4`l`saAanCwaZJ^ZQMCi=19OP6n3vUPGX>mvN-yfKb4kD;
zQD{G?0(pko6s^6^;NlCDyKB-_Bm4=#s0zAQ8pgn*ZvP$^>;1}3T`$V$(D(`r3VOQH
zEttXPKKkKz9T0X~68C(sfCT+MY_0nhSrwc42++NO^||xzM}1wYa*O-Aqx1;LaZ>L`
z<+Qj@sfIOtImc@Q1lCRXz5tPT1uCkhMPA29l3wkYRjxkar}3UpwQGf_eKZxF{X`^h
zZt{_dE&PYpqt&mDQ$RnPos`U5<dQ5MOeoxgAg>o_zwe6OU9iBl-vcGRUj&5VxIs^Q
zov7HVxu~e@IYAYhH9amX&-&y~LT?apoIkrNmBV3VZw@ViNmM`3rB9{81rDrDB0Wl`
zds-xv85rTD_Brfl64JK>0&DvZ#v2>aWseHzEU8!tKH%jjG$Xu8ph}|*GM1;9*QJ|R
z3exILg^HyEODC$Q9NeXy)wnxU^VI_eq><Aj^3SxrvglO1%k?rfF3I*+_wHDj*uvmU
ztxf#z(Og`qSRh*EbT?szUNq__>;>=q(4dKJj1Ui|vg<enEbI~KgWMdWef7ZV2v)c9
zU{nEk2)&fo!#gK&g{NbC#qa%s68@Mir|vb<mp8G&#VE7Cw<&!)|7yjH^Oc3+RhF%i
zR>uca>S<BcG6#w960pwiTfM72ytJ#1{O|oRz=ES*PO;y`bgK7m=1axz&Z!SA?SCjR
z?Bc;1>xjU+lJJs~nP_y@)s<Y;y~ZLM__1G2bO-Xa8~Fxq5DtUS;S_e1g~xf{lczvO
zmg%9ahI$bw59OQsz|ZgxluxeB0c<Ca4UQFGgrup-`IT&#<7}QLXu;Xs!JpGBsjjT|
z%^9BTK-WK_8neuTWsqCaU`vFlW$|a8D8?!?4Ad!Bjm5NAi2059&&U*={B}2w6C|20
zy?f#(NBP75Dd~O+*j%6m7^>(g$7DioJ8uTU_3(@I#+iaG-<lDh2K~c|y0Z@&>88oO
z0ycOyV^^M~-Zk2iAVO?Q{C^&^Qgk*wqe-CSYqB0Ueo^8b3U!%_`ej~3gO2_E&b}8;
zLba`L)@qW5t9oXFo;ms!Fu{XcJbo4C|D}0Hk6niXQ@3l=OG4<ATI2xB-{p7?7h@?H
zO4=FFL_@hV8xK{HmqOJA-Gskj?6b%-`F0~{VE*=+GfSYUGp4Lqn+WFYZ~o4c)Qf);
z_zTed!dSnbIOFk$x73|n+;lY!6C)i|3daXo7Dz}RYm(Zu_3eGopkC9ue&yX<5>yEK
z!fBlbm{dwuNo@-sDg;M>t?v3=v4my>@>VeaF?ep1VWn4G^w~oktBFL@=v6O)o`!E9
zS>Mut0$|w|kQT`IT5L|DX9Fz|F1tcH709BUpHz1jG!_T+_rP3`Oi~vzH_{x19W-9j
zoYkE=u^h2>+coL-;+?SKdqdloGsa@5+70-9Vmz<edbdhCc3LVobkS+m;{&-i|0Q>I
znJbC6V;SR0d#X_nff9Os3)fB^3@a+OU6+i9jB1D$#wOlt8--?nZp*ZT*oDG7C!KWd
zy0*6_^@Xp9j!N4C+$~{SGTyrI*y~izvE!)v7q$Jau|O5*M-p6__v1?i?!Qyoeb1#=
zOAz4^PN2uMLcl&obZ^}xw7CagJ)-{8_@#8SOsz_C?=}mz*g=bX?E^Rxj4%oX-v_($
zjS8eTa_JPlGFtg+-T3+|r;IKn&)*S8H!c!OEwXissBjZHW;aZmtb9^{zTFs%vwS+F
z3oQN%_M$HVFz{F?LAeGl&Q}gD6*Cdk^;4Ze<kYRmyvObpSPlD5VCkSnNMk`-jV9(B
zCrNsXEkHBz7eGa53=c<7&IK<OU4>>Jy8d)ax0Ppn6om$`<07{gukm!%l+X3b*-Gr4
z^Q?~vg}|NovAA`FV@Dm1C<)KsMbW0~BkiwIT{#{Eyh|m0mQM7VydiQV5{;{-_YKcY
z-H3hu)MV0OK&s%X&Y3C4?UK5<uZ5>u0SR|Gl7Mya4XP7QSKQgJI=<XB$L9xDrkGJF
z^(v%f$@y*rHivh9Yy~H=Pzq$s@o$dpJ_5TQ3!NNheceBeJoLLb0G&!8A+Dcw3Yy&A
zef0GSx4M;JoCh*%g{}5a#{*(M6*pI=x$rdOW|ZQ$K=vSwH$W)yWVM#xo5sC#z^IPR
zd`o4vxq*xj;Jp!V!{z`>#{(xcaURwbzUG<Rn>GM1vCbA(YI4gsNf~2IDx?N`;62Zg
z*Yuo?BLKG#?A}jIy0#2tr@3g&@ka(hGwo(HTa~-!(Pj?TyjbG!ET&g8f9E~z^OcGl
zX*=VAqjUx^`7JAsx{dD1gpyv@t@k!fU-jImtLIz(%}aCn9`GCh>sDh~y&u1+(x($<
zJo|Y=CBrIq$@?fL^12E!qg3+lODZR)2w=(MoZ;>#PjdL+8^~5+WuVW3#shlI?5=xk
zKPucq#%l=zU=;Dky{Nlv4A4~KH+hi`-Z)ZJTHe@X3b>EFBx^&$2HjC+B9x+!M03T}
zAAIWQi!O4@HhY^$=IX0N<DR-mPg4Sv<`GJBFBL{%Umoy)awo)lok3Co@kZY-i}5@R
z9k_MhNf&8vd@lWhX;{PhN)C~S90mHafr9JSl7hsC=`<(9wV}LVWry~n=PP{KQEj0X
zC(jDZrK>dWn{wVM<HyGFV3>f@5M8CYNt$^FILr)H9mw=~fGus0x5`=BY1_%CScB|3
zNKR`^w4=^D)xpvZDx?{S^X|_{G2t)=$z>HDW+gr0!%EuUYY&zm3&9I~i53A({Yh~e
zG-;B`j{N~qimh|y9glQ{&8)GG$v^8Fi#>euJhA1It|f9_EL-!&WDpR^08p#t7zs}c
zJc0*;IWchiM-KEAx11AMVE5hsrF<d(e4kY5Ca1qFkDse<$MX)YJxxU}%8`;Mz*>B5
zCcoKvhtqLofP(>=KUAD=#nNsN9IR7hkW4R2_OQLGyv*h%vPbeD<8@6BER!-cUvlZO
z75$m><h%K*TbiZwCw{1s4j`39UDxu~TsTL)=TB+djaxvcjbk&=2b9!GKl+X$aO$}r
z>vsPNZLCk$3Zf-4Ad5jY6K^2*Bcd)rMJa1VBKw;}=DWQ+hEFnkvq7qS*DO}PTF{Jt
z*C<$g6WmHzd_bS<(yq2M4S6|3+gD;rc!-JLnNkeNrhZcafatD>jOy66lFlMR#kOjQ
z@4<-85n|6uDZ%!B(Tcv0Sa*T6bLS-SR9F@C$9J7W_2p^s(1;!1A-4MVqHzo3Ztcds
zOdX`XDpDld*}vHpF1~XaN=zHn(^;G)7ZAUq8Ikn*i=v6*lHO0_pvJ`#!Z>_44;mbx
zL!><M$O>R?M#e=yCbge!_~*~>RQp*(M{v-fTQdaycCWnT^r;D2D$$*TG<OG)_X3z!
zh-W!Q|EWVm+sE9&f(|>Rd$k1UK1xR_F!HiV{{lp4{gj*5fuMj#`Tn5!W~UP|WpD(v
z^4_TQqe|@GWh1-hT_5T$77zlI)DaimcpDK;zT)V(tKOdI*&ihYG`zyo(6Z_w`A5Jh
z-S`JTTHbJ~ZUDqqiD*?@PpvMQTRH{y14|E$?RvIryyXl0i*x!vCU*l&U%Q{)noZTM
zuat(IdQ%Pn2DWsyXibZ(bt;VfX+|r(h{EyGP3PZKe0*dAAm8CwRtE!ORa3>XYar6O
zANbyzc@^A$qAo4HNb-FZ$*PePxA*m92Wpgs4mFV$9^=Vd;4vr|wX6&ISRLzT2a*fD
zv!aW<)i%0M8CIl$c_j02ybz2JnCh8C-^PArnAXr(^5S*UbQ{!qSsg1xh0j@&9&*aR
zsvhw%kYQF6E?lGAoa#Ane#b1GZZN^fkdyJdskX>)?V*UDK%b@-k!;qYy#hGW7EE1?
zx&q%QjdfGv8b+La?(et1MnhDP)$|kl<cc%2Z)UWKEC5C4I*^s+t}R0wr55N7o5EA{
z=z)#lU2_D@89@Ec)asx)DDxE91aGD~$6gXj>+u}X4wPIGnCxE-ePmR}k|RE@R5?J}
z3pud|_J2)s;U?oUv0%I<Uz=;1f?PL{*ck3#%*oZ3pan0hSg+-+Q@Lt9KGi(a)hvR5
zZ<Z;1gbDj0Lxn?Nkfl$HJ^Fuu%H}QQ+}ZN0_c-*p4;$CmEz?bGHw;ozfl8mK_)TI}
zbv1A{gj||pm7U2o!ZrkeP$q%vvo%3ap}lY8MB({Gj=2qg#+GnEFjFa&3&*19@_R~J
z-V{!(0$g+N{m*fWJrBQbTGu7I-!*etf-OyDB8Y>;E+tCsoYk8<vqcBEgfv2yC=lyr
zM>lirA#oy}t`Q$scSE@Z77PQ6Hwi5P<2Lf&kJRJP1wi&qk^%HukF<#=Ibus7m5?GS
zC)@Ulr+^X>&yE4mArbel12L_BA@-meJ?!DkWHh?BcBAisYx0i9V>kY1=F1$<`nsCu
zS`#>6ZxzE|SJfvx$1AHu@P?{5#F6LuE#syc#SQb=&DPUD^kUr9bUtwCg$+leC-30|
z?7vJt?|qJzi$udL=Ti@@O6~M;w13MnUEmjaW<wV2&qF|h{j>&gne)P$(ax8gZn{&R
zS+~7PWwxiP8~Qf%9O0-RtI{`~2=2Ro3(I2l@F9n-!cJ>7VEsGXH(8pMU8>en`Tc$t
zz<p8!J=g(>f?6RMxgs(n28e5r(PG^vx-{d`)V~cjV#$XcQ5hQQ<%@%K|H#*ACe16j
z)hZY#0r^bt7l8#4>D*z4RJTV^_(QrZs-0JzX1v9XXbuO%t-2nuk54lKsI2g(uqPe1
z2VOBZhU6vgGTY3cL{{W$w8a<Q%(_tw_Fo)ke2+JjBZj`07+1+9oYiUG4S65H9RzH{
z5ehW-T}Fij!W~`Q$z(XgsnT(jD5?j(J}sF#3Tasp^nb#&Gd^P2UyV;u7Za4Dm*+oV
z7~f8ScJctMXWu+Fr8MqZH&_H^!dj%<Y7k%*38ZvkYFBD-g^%8Ac|$La`(+w}!epig
zq&}ZAeEgb`yR2SXPY?RWFDXHFT|IN9Uz(8uh33KfX^+D907l<Kqme7RY0F=bKt_lH
zg~UObgYIHuhazCaZoQFCuwhc5^urkQ9x_I!fvOI_U9;MM`)#G}j6>!S4XB}HVkvmb
znC>468DFCVYE-8D;_)cS*mrPjF#MnSUeVsK6;iR_23laCTajFF09FF|e%8LGMQYu%
zpX?Q-A}MfkQ?wH<W$)=%#!y*um|Ra@N?LDW-YQ1u7*+0WWRu26&1dz5cYf|^)FEMD
zfb_1mRHgl^A~UYu2?mQqZ#0zcy7!y9TLF||24mL5W*{#ndHVI%qbp~(jI7ZIb^f=X
zdV=_{(bo=KiW*du_HtBL^wA^SRn@d8Y|)LC^*Zw+y6;|-J~T9)D!vHMR;3@2wU1QQ
zFP1Yz52|*>NH;z9y~Zl-fJCc80c%XtD768`cdKCq9<M3a%XZKYjxbDp-BHg39iw0b
z58s$9QOG)e!zFF{GXuMhY1-Fgt#s-zTjr3zIb@D9*$$BusSTHhvT_YbPVM{@MO?ZZ
zWJ)5U3v3jn_vX=_Rk1iQcRx;gH(*S%InKdb)hO#dw-Z4wD(AD}O=v{Whk-r%9C#9a
zL|=lxY9)NQpOKR8Z-$sUtRx!E4yf~$5&YcOBv#}-pD94BIx?iF7^xe=b+pdhyW~~=
zaQVN!T&iQ-Om)i5R6X%_A}sQG%*4z@CRiwcVpZ@)wQWu$OQdLYZc0()jbl?vN|#Rc
zj(Z}s?#%?b6XkUDN`HfXiwiX&(2{^AG`#$gHYSC)!YCWvk_RU|wsW+R*FhzTFE006
zCzF^PW<_(}5>ZYlv-)UqoyKUmvWVbj<fbaD*)3APR2dc)s`UUL{Vl}s)ce6idj)Al
z4xF5}79y$BXZxHi#&gBbASpY9^byTQ?}FdM?fpxxHp}c3b0HP}<xI^f=!9y4Q9Nm)
z7*CkN{QbcYGhZ_l6Zotg>4e!6*JE*08RuuBnYZa}YvL?7Gt>1^aVEps;apg(iBUB%
z#G<`lz3TUa$gE+R)U6?U7G?a@B+t*jU-hc<aC8y@e~E=$V%0C*xc~YHR~42*QhY4%
z0iUh`Mjoe0d<=2>vGCCEn)>2>u3>7<(}NP@xA;+kaME8O(+%ymdRnNc=Kf_00h6dM
z^9Gg&xhHA1LRc(I4f&u|o?~-)59{G&+kgCMyOqJ%j|(?OOrZgl(uf~d;f@(}HX^ck
zkOscjkI}7vYrz)GY%6NhXVIc)z_qJ1jRfV2JTWCuoG>8=_-xTasA^SYMSVH3Xp6c8
z4IEt6*;CSSMo(5Yo2dY*39P$C@u_^Umk{w9?klzN9`5(bhvfQ`m+#w+DBD_jZCP^A
z{?kZq*Ie`V8G%0c3l(Qz2>0iHk*~jBzsGr6#-O`U3ebLg!`8qti!w2tX%y>kzhwyA
z*m~bYE%c5(>nsCQ;|=%;rR^DZ!1EfIXs8!+yzBcFmN_1$wU^O&v^}vc8tY+Nkplmf
z)>au^)omqbP1*H!&m|Xm2O9>)b6Q~h;riRl55pK^1rLg?g!@_OS^^IxmiHlq%V&OM
zdpCu>Z8Og|n@jaq?YbCSeSEgq+s^8MuzkUrt+;pWh6K>r<_&@=iwA4fr=n5Xy)fN4
zj&2_CZ4ZuLsl#<$8p5(~D|}>&R`@Y=vhsbTI9gz{PsN8>zcz<*7~pYvS)cSnktl0*
zs*Pd2=7K3c4qthS0Wb5h1-45v$7;Zw+xxc;>-+<w(8Gz=du;~S?j{(QuOz_HkE9OS
z!C+&QH>C!OiR_;eFvW6e4j8{tc_Uo_%M?l2Tw4|mSBC%KInZ*Y^tB6%xpq(p>%J#)
zNNHc$Z!uVEw+|zTYm>I0;CnmF(tW$i7bk~6SgCw}^(ogM{D=k!)3y7w*J5k{Tuta?
zy#jrpGCO@sq}{1y-DP@J<!vSrH%M9}MzIeu$z;y?C4Z5}GZGSmezm=!!38GEjkv0w
zOp>4OLw*&hO!lI8>GD<O=ROb1^VStP)6DTjS12fH?uvYhO5{usk<6bnW2K`}VUH8l
z{dUE3@@gh2=ZaYdW#96Bb8|?5|HIn|hK=P6n>5Ya^RR}vR`(^;H-6Po+laxECSZM3
z-cup;iK}7P{^#v!cp-US@6x;>s|clXkH2H);b+ob0ksasGo6{5GaHE_9U|msdu>1o
zazg}XVV(-vg-qy~uihW)tm=G;9s<vThem}R>=}!)dcUT2evxotr%S0j+x{@~H2sF0
zEbJQ#&GE+wpO|MWrfL-iw^Hbyc5%9xnj&Qid+ai$zG(FgKKO}yo(Ar_p-b#H)MPP<
zWEwd>a?@S&TrdGKt&p7cYc#th#Y_&XcZK9FFr<857OF~NtohuM;@Zy@bFjk$7$j7z
za)KwE@}x@|i{Fz)Gii`pY*H}U9#7cbj7a%?o~Nss!33lWfTTi|i0Jv>oTjc^RY6^V
z)YRDzd8bE_bYg12V!Yuk5e379_{M<khb-L_i$yA8brxgZ;DdC$obiyk8kD_-$yv%`
z<dS`>=vj_&N-PgSyeyXub1WqMz}HP*L)B78UW$|w^%aQ870b&y%@{>tvPecPp)jXr
zFY9Dd%uS15qZ2%`!g;b#n@zq*HfDZph>L$><MORGq&q(AXWN891bXdDb`8bZ?(0&{
zFyX61BNn)<nSrZaw{$GKyEadt6bo+~ix}Wi?93V!Vk4wKGDBm>P!`tAwk5<L0`ZC^
zKOUVKqy(9YeAJvPwY$cMiRA}!0$7r}Oas5sR5eN9n@wD&R*kL+5_s4akf)C)B$HeW
z>R0F|!ZFf8Wk7I8B<;b0;Kuq-jWhbF$@6@!7>9tVD!E`B-#|mB=&Pae7>9*i)uQ;m
z!j^@q?y(sEPYx6Wn#G^j4Pg~Uu7p*TgQ`KqGRYpwL1Kl)e0YC)?3MC+AiG@u_k9Q}
zpDzC0F-Pmzsf%(Ff3Dr~3yk6}7^8h0vpbe9DSHSLsIh-=U{sce&~bl1({@Y`O&pPl
zaD}3`kt3?sC9eHuNc2ZcWcx%BaiZW+tFrUE*0X!T3k#2erQ^cYOB8E-C9CSS>?IG!
z4yqg+#5b2PEZe%vzE*Y0__!H6Qvs}EJgP%nO{3nSq*q&u7I0HwEGq`%Z3bc|-ldR=
zH|z@g3wdN1m&`n(`3xMV!|nFD<qz*!U~8Ek$F#Pml8QN%-oR;?mdHD}<KB84J%65~
zM^=65dF*0N`$DS*q?Omy3V(UVwpx=vw|}rc=Uc_FjHoi0e6+nfLZ9L%6%~_UOcc8H
z_}%#n!=hl6n^QM}B)gMjs2Ztknuyp#rSU{^BvQvjC$?TmKKg0Z!Y|=e+gh&3jjb*l
zM@?8+f{&89ZL%CmxI$#`bloBkp;B#aUF`RSN=Zr-&`ffnvDl@zTI!HBvkc^&Q7WER
zU#RV6AUwP`9?EnW^Y$|~s1|1Yy|?d*ha;W!f-6Mg?)5f`%Z0<YG>@P|Y5{=>-xgCk
zMTF0im@o%velvXFrK6d{Fdh-vCR?W*wJM7-=6yN>&l-~2va*Zvqg|R082(^AAp$rt
zr^`NoEpg?}a`WKCuD3M>ZOm>#zJ>hsJ+_b1JWf5lHHi`_tEjz8?`N`n-mYxJj^^U5
znwQvkayf*FVuGFv98D#c9I05kCC`)7C6JSYt|sBFsD9ckfpUT6oC<sXkknpCrmDyh
zuVd+@PhDEX<#q(JxgST!-JJGU-Xh{(>$tNc<`xp%Ow*aO@*^LG&g_boosT^@VB{?!
zx*xsOJZlRVL)D-;Yu+kMa~nShz3t?5B2gQ>M!L*}aZQ{ZOh*4u*>NdX7zkk@D=5AH
zjD6Ur9JRc)ol^1D9AnT?UN6S;>7h9r1LDeA##{h_#fjylBt@UB67ogGEahr%$ZPwm
zxA~<e*sb@zY@)qI>$rl`IvU6UU)&#a!mZ=5!*buo3V4+79O#98IOp)Q2bz7I*9>9!
zNjq1s5}Mi-N2voBScT#_s&5ID1V_q|J8#%#yg9KZ|C(huslYnra1S<J?+yCrvrGGs
zwsQ$_`cth5-!Ya=t22>UXKgtVAY^*ISK*LdGl8&<UCzs|Su#`G0_LFm<znRnfmpw7
zO9tA9<PSolD@-!0Kiljq-gmdhdLZG--{{RuNSFdTX0RdOgljt{Z0f)#w6tK%=P=Tk
zxK2)G(NahRogFhnJXyO4tMUi1X3mVw!d`e}B-()k%<Ti83~@Beez9b0<9y%6UALA;
zHFk)%H3VjC$^ZUs%1d_JCaW4rTEW=+6j8aJkT0b!Hr0|TG-T$>?7v@o!)@BT0y@V+
zN#GQVnQ&1GJ&MFh7TX^-L-)iHb%V;9LN;^`5>gqiB8noMQ7s7PCwW04kw>HE{df1I
zX`{%WYpOBbKK}l7P#81mV{An}E(d9i&6kSBd8`M0DWmnT^@gyH#y*i{`!HJ}ZbFu1
zcLfoawwtiDPCGfVLq7}Q$LYt2{z6Oe1oS(jf6Y2cl=dGRM77&_>9QZFpW36V@36gD
zCSQwhvj6PbFdi2xMbNjubx-s<(?7CdWVepXB+b`rLQ<3)1kIi)Z8jHiOr9Kky=ToE
zlB`r9p@Rq^#)*IVQ2^2XIcn>R41{r~|LN+WyTa1?(vpHow0~@a1<Y95ueQb#i9g=`
z8X)wF>}<A9m|>jxoizB@SU`Soy=xUVc9{a^GH~EBUY`hhcX)8xy8B69emO|Pdj8c*
zRIKOTn-h|q?<!F;Xaxs()kxcGHt9;5UqR-}!FJB@Vrq-4tWSIn#{?simJwGmi^~p}
z+L8%GFdK8%FWN3-UEri=h(b@3oBf8N0jE8i@Lumk9K_xR^{CuB^`48Wok8nUFVH@T
zEt+b~soCzn>b@ZF&cvBx;2SNJ@8~r2OcG{iL%FHYC79OI8jg0j4Ku^8FI#RPRbX!>
zLOoR2UT3w0;~71RloiBaSE`%sOEmVgWNFxF;u@^iJVWOv2dzxEk+&>~720f`{COLV
zPZl7bvm{h#wzFYZz2P`{G645)!iZnGYKLdzq+buXE8r7CDnmg>W2Hl4M=|LMur;&L
z<!-m%ii7Dmhei9Nf*(d&8TH982E#k^$HKH2p?8wF5f$>!m}0o>%}0pe*&76MF$%0q
z-!|=HqQdSK$v3F8ju%){<*1d#B~J8;_tlFggYf>Rqz(%iX5%BWOd)X6beB+-=0IkD
z&T>7}TIJV;{rWe)vEQ6F`O`|*IV;6}o$HrZ`N~|+MK3}tKhoH-h5vQBoCTNL*z0Ue
z;6-1KL4=;2(j+j^aDwlP9(t=^Ogh(~*IgSYIxJHYU;X{HHI3I6=9csho@z?bq<0hF
z$bIqh|9*aDL`R}8Zu@_HbS}|B-~G=Oe}722#EZTDe_nH+R^&23F8kj%y0{E{1pu!7
zU$?qnehp9~`tQU3bI<4G+_td)<8i=kTj>Gh;s5=_5dJs+?~DE0y#F7!7&Z!g0>Gfk
zPP$w4DcZ#;|9+;qeUF1N;O1lUzYhfmg8`m5d9Z4J!`a9j7C5NbBKx09Kl}7$61G%>
z_TBqT)&64@c$y20*;%&UT6Mbex9OMTR|Nu~Ea5hPKl9hy)0K%oX1be?+m{g8|LN$1
z2)F=t)_MGD{YKVt*XAknY?aa$$z9OD|6}7*y<#%8g`Kfox%#i|i8CP0QHQr(S7j$x
zEoLh0``Z5f?v$9r>0K-RwO6RUssDYgCjdTY%l6;r5&X{^QnqiecZqHtjQ(p^{giaj
z|GpAsq4>WxS*h7E`QO{N-+uoedu|m0fWZH~i`xyp|M-Hq4&VX*y+cOZe{W0w|87g$
z|Nk1{{{J5vA(IXO<=D><T3V1wr`z^3iDk;1E9*TMK>Ha0>wK{J*tC9lbqC&h!QP&^
z;GzS3(>VNJPIecBS(#9WnXv@;`)gwGVx3q{8s?S1;OYhD7N43SZMIlWYtv~zd`ZJ%
zyjru;ZVz7r+w69Do_lm+A<8ah2f)|$+{p&`WR|5{N_O2{La?(7kqi!%An(NsK-cD9
zZv7(HpW46dW01o`yY&n0j38p4wfBVxNPVo_tdI0;z3mU9@g@Mgjj&j{gMc>yB>Bb@
zfFV3XQ1BcAXLy3{2CnH40>Ob+>$c4J*<);tcMAab`%AONH;H0ykN$-hl@f?vFejHa
z3aE!`^W<15mcwr~XXXMDxCyk!ierXb#sz|?9%_j<3p|VGu)ZVB^%t?WGIM-(fu}zC
zt{*gfL7s!~oIic}?+p1eieC_``kSY(-a&a$ceA3eV)L9J82P?i4dH`E{8(}&%p^Zy
zx+Bb~MyN}M1Kd}OjP$tx2=KsSAnR`3Mz~9@Vc2&5%O^ct^KN3<droWfETC=h%>dtr
zp#EJdo7lez$PIjRY=pO7z}N$WgBIE5<o!-Fx&Tz$%i-W`31iwZCMNR>I^@Y57eH-0
z4k`zjxFxi&Er)sGTTO(`bAT`i2e7<T^#DH2B5x;>ba(#(or{)bh%CCmH2F!?GNp|8
z#QRU@odACr+Nj5u=5==;)po0tZaLtvTYn`Wu5xa_X%1FfQNXO#0pvgUMb9QRZfgk{
zw6qX^xYj!W0O*-8fZRvY?dtZ9ZGY)ml8M*ki%(DL9{@1E8B{mt)EUs*s~7aQyYjA<
z|9oh^;21h&xNBQ)0kn25zsuetn=IA<*6xCj=~n~D>>TE{gER8`b*y&(nE|AIYCi{W
z05rlGQGgaabR@h8K*ctK_K@2E&AF-pkU*FLC~MicU<SAD0duY@_q^aW|K9xf%U>?I
zmw7u5trzvzGk__TZ35g#zwAOmHRAU(_WJr<y!H8R@+N>Pw0PZ0Vdb`e^mP7$)!jVv
z<GWoq^WufaoKH6$P9m5Cx)+dCu=gr!kMz^FxQ<2(RndRh-=JU<>F}(h4#5G!Pg2$G
zw}__V)!CO;Pyg6;C*Oems(Ww_03~t3Y@`kA6*`1>T&JIdOE2^q8ru|f68~M{rSK;u
zfc?i1Vt7D%LD#VIDEp5{x(F^AUehph<m*6EGl}azZ8}|A?ABLw+B~x3lyZQaG|Y+O
zn~6_i(is=C$8Po0X_=0D^ye;iFzBy`m7o@(I!SV&+_}>eI}&DO?Cu?OGfC#J6#N1}
zkcVyOCtGTOC26aZ0m$lX7Dmu3_Zaj2D=CXXTmWx#1_15vZ33v{t{d*-q?TJ3*yv{z
z#tRMdOku}s;0%chkTjEsSj~iOjH=6pn1|LQbtoIbFy8OkUp1Z!lzs(wfP^Xl^xVS3
zFEmku8EPP`Z?!}zIxp~-O_7ht%sCJ<kWW6hTQ2aLOrcXRc%IT}&*yQSIo^F-<Gy`C
zzz+@xjD~iET);#B;^kwcf#%roqjLa^We(_>ehMmw2N#&dP5e>Sh#vlg`R(uEKPT3A
zuLH2{cn%c@iHa<eD-!^yaU>{<Ht1w(u9-%#jRpg;1^|856V`jcdwQx7G5}44z@Gq0
z-?d~E7Zf=7vhzME$EfSAy1NxDXTT*R<{!#71(Kc^cn;w9#}bF+rE12mPt`w<Ld(i@
z#p&k}e_ap?x3=uM$4LNf#;Int41h=-_{U9j@!rfpMRxVRK*%{a*KtHMBEAuDb@o`b
zSdo7cp_b8T*|}*?vR2?9LpR%T=NCEvAuEvpgqC=wGH^QDW!?Kf3!nQ>ETBl>;QRi_
zg741?PdGqeuK>{h*$nc*hf*=W?PmZ-Kq{T>*OlAF+3-te4Iq8b_b^LOnw!rL828YN
zah}}(xZQr{psZzk;^{4k8;$=cdk28VYruVz%NLCDKWQ6)r8F;zx~}!9KV(r-jYXb(
zBieOioL-!*9vlJ|k)5Z0m4e@A@EvDW8w#=w5FDQp0OqBqz$@Vk5Op(B<Xcx<8FhrM
zXzQoQt~)<%nIJ(yKtr!Cs{H1mf$+rUt0x_Fv;e|QnR_-OX*3GIKUh6H8jMgKH4mn<
z@3I<iYUkJ-Om??t>W6BW^xb3ORBD!N-U{5p1IDlw%c-RF;U3H=EE0Uyr`@*&=o(o~
zTV%#kCJcNR%x+XquZw5s0#jDc<3IUt);Y{o{{=63{G0&z-5h@Iv!~)vgbLH|&zPPV
z<(c)Da`>?RF*K*3P})^&J{Y<OAck_8fq9L=WBd|ASax!dM?USOOV$HRaxs1$`q~|s
z2hMrERfzfATpt(=D^|lLhnjh2pO$C5TzlmSUC(f`;Ib{LdA6^>i<{Vy;psb<Kpg_A
zU9W;ULh9$bNbTO{yFB9jcMk?x5Mh9-eESI@d>-(70d%K6Q(_;WERxEgFt=Y&=L5{2
z6|Y*(mfOyEXiUgG=R;>y4#C)_KWCoPujlM%nzl9=5r?3@`a-op2;nV_2p(YnOD!%~
zZuz}zG@tc=5bDQ&gtctIJYO-(&K~tI0u;WAP0KAa?98e*Fkh*9ip_4gwjcpWa9sc(
zxZvsZEI@tpftup$^}wxk&!}(C6MtNN-bD;cExxMwUI7STCBaEK<&!sO{Tc2p#{tt%
z#b)MK28FAosPcY}rwst4O|?m`?Wp)}>m=6rLr3Sz2UB12+ZSErPeC(p)qVmfW+{Gm
z9dDV%)pkyoyn-Vh%>+I_x2f;(>#<FMQ=`HUrVWq>$DWotAf|2TLfgILj>#PRl5t&t
zxJx)(yO`BC15Z%p(*O_E55f3Bu-kG9QK5MqTM1L_Jp#sumWB%=Xf_QX+L?<3xMUBq
znS>hvIi7QhIRA|?+d=o-gmE|K%J9?RKU;qeC>U+K0Tyfhx$;tFxyvHT+obw}Js8No
z$vO&Ui(nMekt^GX;Va!O@@&4<`7v2gd7eBlMIIPO(oKA*5)#>WKFFl)ebnL=wjX>j
zdDM%<(B3=>V=S<^SX3}a77jlzUaY^M&!5Qie+K_<pmxt+SOg@uMw@`?a<k9G2I<*>
zE;g{4Ox|kf>@Yh(QsWto%F=uD!sajJIaIB?+NQ&YQdf#;$_5Y`Wl{k7`OMmy=Cnd_
z<$|VpH`nd^bCGF)_nWOo0H|~DV5+4tvC=XmJU|GGBW0=-nY}}ed+=HR1a|6^pUj9*
zcGNGcp|Rv&%|3P-tMlVat4?|W$fg|#dJeHIkMP_?e&<bPJQ%D<^7$r-2c%E*vmHW0
z0)Tja7l+782;zNLR5J!=nMvP?tF872hSAyN&Wz8oVGNwLh1{#}nt9^_#_AC2P89>M
z+8dkCstQ#~<~jzk!{{8%Yp_MS@O{3$kO0IU9<Wb}g}<cHmB-zN{-1X?RUtbraibQ`
zDQh;b_e0zESxXf<3>~^?`^M>^!m80Uvb=Y6t%vUlxAdBna=FYFQDCD)E?@As2`$20
zB2a)+pZ3`GeW=3OkJ^v=ix~F7fz;);3kjvW$ta;LMb;ae_K=ec-H-c6`oYH|-vf!R
zXGgba74+u}#iRwt8jTx)4w)T~g5GX$Urf6oT`n);+LtvKA1NO!avD3)+Rw)Ux>NxZ
zEHFo9Knr7Y<Q|bVdd|*v1JL`E$$sF=Hf6!zL$8<ET08P*^s2Bk?7B#2K98tp-5y{C
zMrv_uh*CM-xrq_kh1#verNgvHw8-WUF2G7v2yd=Zua@PM!u~-MUIh-Q7|kt(<Ykfc
z6E-}%E)@M#UE80?+EMg(2I-uT0DSBK#bv3r>J@H+G|rO!;7fdwT}VJ@9nhwV)@tXo
zfUl*i6>wA`P9BCm$vcUBBEHsRnob=D6ug}|uhw_^_yF=&(-_i)T2mIaW%9i~E<mBh
zO1BhHv*#dC5nj$Ofbbe}nxzixk#<%lT)hBq;s+p2oF+9xaSm|I2?RKsi_Q><!G9OO
z<k1Ueb^sr7A-0nls#`{5UNmOAQXr>dgapXh80D3>G#M1asHA*n$gk?(V)Hxk*-8;U
zfcBn4_#Z+G#o{iH@N8*=82+4y3F`*$ZdPJaLpJ`L%~{magc@f6;{-mxuU_qs?<S!#
z3tnIl&?zjIuDmUlE@FY{#{g0{oq+Dhil((q#{@96^-IUJ94DIgN9CSke}rwI$EOu`
zpDi7aWDC&5n-7F}R({TC1KOvqJgMXBg}6f#e<IBZyJx?|%mt?Xd>-O|L?v>&3H!=j
z<4wpsZ?+E!XA$uVhZ&Y$Uu3mufdJs18-tBA;h7``Dif6{=pMdjRX4T!i#pTC2bb#L
zPoD35yVKR)(rC6$2R<mFheloRxEpj+^eMTj_`aw!ii+tojtod{8Y?0pL1{ydCY~{=
zQ@OV;%;biNZv$-7>Ny|zr353UNKXy=bFyh%c4wBdAOBC^r3e4WKR0xcTKtrK`hqJW
zOqecrxLRBZSCn_W*D-&5S)^(-W*1ybACh5ykfS=p`*m0I<~B}cXi#R12f+u+EzKMk
zD-!J)eW&Fr`fZ=Xu6~-Ewqjp6MvZ7Fx0{niwx~&RAfT5o+<%Z`d24rrbR#5@9|xRu
z2kQSxD4n}TLc946-n%3-dV!v8x@WM03Zh?Drtk{kYVFG%IpV>7HMhN<(4u{2szR@^
z&s;WZ{>G!*0Q(&QWL}s50@lz^{!CquZZ4W;!W~o7e&eXAMN8a&IATp+(8VJJc&_H9
zBzqavr6=a}*PP!XHwt6*H?<!7i1xjX@n|s&E?T_CN=yZ6KgC0G4913YtuycRUG&|o
zedzhG6xD^4x_b~8+1oKcSjYKJ@yVaF|4LPcDWxlo^g6Ty2S*1yTf>ffUrP4bJaHGK
z@MbP2HoK&Ix8mxD2(ggBE_A0v#Hb2J=HPYUD9cBthw0##@29541r<zN5|WN^d7;#M
zUlcUWkX8q3zDcB4`cl9;Wb{^SRI&p5m-omGF&Va$J!&}?=Ja65?=-vj4lR9(DC8IB
zO5~V82WL{*^8LVP$M>EgPp(QZk5-~`f)1n>o<W^d1+b4bREjk0d39Oe!Cj?-5~lv}
zKcjcfceN@Fx;9+S`jSt>;!2K!?oX%~+^TL`qU&32_Of95B@A;(-P7#t7GHyNv-#IR
zTJrfpu$}2_toeaWP+2S!;kupmq-wNa{D6D*CpiK|(au6pv1O({SUPF?K}O+LeG)Nu
zw__uwnprH)uk;Y`Ol}3)>S$xmgWFVu*7_R9hQCy7>oSkYo6-emqWBkk|BJP^jBEOT
z|GpJLL{v%!QlmjBF#t&^QIJrC1u#k^CM{ipAdD2Hq(KpcF>-V$sdNuV2}ronFk;mC
z+4q0_zUS|}uJh(~*N4FN&f|R?ujlJ{TV7w~n$3eWe0#>xTD8F*pkmZXoQ~NI<VGZ6
z9$zbStB2I_sk}Q}+AjUI{Af@Q>*7lvS=l0UlK49Hv%e{jXje<Tbt>=IIGvdTYRBzp
z_Y3K)wxVOHVv{D}$J*vj5)s!PEuRi0RQVc)%TOuB716p^?Ih;NJbanJ0nV&Ww>^r?
zmqdPQZ=6wj+O(tMjtMk%w-Fm#1D=xs+{x0f@ANE<mM9tGAA{?i(~bUjpgd)QL`MSE
z-eemCR0!zzD*qWETPflEk>2_V+zRLkV<A0v)?ad3MCG1sqPDlvT1~B-7FfxPN2M$<
zXx-19N-C%tc<-39)8iznEHYfbj1yAgKDsvk-us%LX`cgMyRtEy^+I(SYe%ook294!
zOY&bzi|XGp8b^sR=P$MRKYz@=>5=BR*a9?0sl7=h*^Nl51NM;Vc&CbT@-$y~&+*9|
z+frZce!IlnVoO9t=*!tH$(3-Gbe7;SEIN)O(ZV{XtpyG0TsR+G09#`GUYSgLFecw>
z)p4#dOeh|(eUms+JTl>}YSNJqm0;`&iHDwVfrrpQ1J3*)7K3&Zr5M&U%;|H>J>Sz>
zArsrN*&c6rPeGFY*NjubvNRLhqy2Fdk)X|LemZE{ChtaOSe<5ZI}^Q;)eD#ke|MFA
z;Ilz0F7X?Ad_B1XRz3XP&a0n#BeXqu2Cs=<I2Mk)FF_qoQ@Sg<`8qMjS19xuSCqm6
zf5!-Ij(FF%nr94lJze26yk~z<H4IsVX)roVJjH(Xl(Kw=5buB&8Ab(&MhS<+%Pnvk
z`{Io=9r;ImsBh<9*!+6gFt*+Q4>OOrq?kTv)uQatGsXvJ-j1!KZxQzrtIDWaap5{>
zl6=(+Ia=EIn5G+#Ia1YUK~7v|$ff6lXIYeq_Ouwy6v~mCPjph;8_BvyqEU~J4Vz1L
zt9i%tG`>_x!Ym#1$8-Z(DzmxME>Nd3L+C8GmhVn$7YPkM2h0?e&Vc-AQeIyOrFV~Y
zyODKI?Ovs8j4bXZg7lTS)3N4tZ=SZHk0n&u<G!eY<mO2HW?KlRPg9MWktc@5a#RaC
z$z%y7{-u|RCnzQb-G8@LANqmWEJiCN{$6F@=J|7#0sZ^JAq5bs2!9U0`_JBs9Gm#D
z{4jmP4q2**5LhEvCpI%bEHckMu~uZhjtmqcr!u@PdB=i|$PN82(;&ojv1f4cspX=a
zqa9E2!DpEpJFU#0UOq>CQhDYpG?pX=A|ag5)#&dRV@50|PPyF8zh36x<PWX!o&VOb
zGOhKl(B0w0QT8Yzn4qSxU))?_M{{iCSM4r0#x(-x<;0PB#HKF-$HKe9AkOLzPd}*_
z0fmmlm~+i}+YwrdR?4xpSediEV%gIKxg^#gF$d;@UTzry)K~HczuQb$bZc)M_S#dc
z;ux_4>AQa@o&S_GYu`t7x>ac?TBjN~#D3L%6i~A`kopOmChc?tnW%>Z0DUpm+q-<v
z<pE(v)?m8&t4gLPoB@k(cTc{okW-r^onyb!?{zXKVY6zBsm(oR13&kVO$eM2Cf3Z1
zctG`d5EOew;&|bw>#AAWgRU>;*WIV8-&#4=QrpYwO!|?+9XR*I`X$$#Nh>*lN-7@>
zV_Z8&bn}8cVm+%+6HcPuNDVRxZ8Lo3<%>f{<?ZwI<DVS>W$r7o`UK?3ajHmLa#fkp
zUS37&zbP6~e`HJ|3d`dU1A7k$KKS)$Z{uDxE)uJJXZI7h7go?`v;7!%0j)##-jv>y
z@RVm`$&@={`*5beoo|jDus`eW3jNCCIc~~sX_%g`wA$l-;oH)^INa<aMyvr1GnuJO
zbCPE>_Ww@57|W!GYHm^9|6Y3&!*~NBHs;ibrTuf8X7SCHR2ECK=B?w2nQ|uqr`}`X
zBeyJ<e!o80N>biN6ygp9EJWaO`Sua_@~7h&s5dsM(F&#sTdta=SmPgVz~7b1SNy1s
z*tA&x-Uu8d(ZSyK@eZ5qEkD$7b2T6o$N_X{Er^D3G2Rk?2b~#dnZ7H*_<DJ?N!V1d
zipsU9Mf{9-wD=DcTg!!W2K4vlE+#;Ui3S$EPi^?lz#?ALh{d;2^|nl_HE-3jk0!Po
z)Gu$=-HH;WvV_s(ggrBxs5xt#5zAzB!KV0vrYK*EXj)i&In;n$%>DUOy7-tlROgj|
zGE5HF83HdC4`Uvw45qmrU)tBnj5N~%Ti0ICl*2@Yo{O?@oK4^IGb!07h!70T7;i-A
z5z_AuND>C;lD$=<B{q>i0HGh&z|Kssz&ZfVoe+ix?0<Y)H`J{FNp!*G1(T0hmV~e&
z;7T7KbZX<{yhsi|7-DDNy&mQBm%t{Y*EY&PR|Og_4#T*tI^>u)2Nw*->hsq%Jp;A0
zban_Add+|EDBAoPQnXqj0mzLm3P_H<)pF#ieBMZBQwD!dcYZO!)1Nsur;W|(OyyXz
z4B!}QEO>$CCrX@*pcB*#DQrSeT`Fh43Tbwpczmr$>e)nhy)`v-b#j`4P7ObJI#gDc
z9eBau?pwz@*G$mSF-y#mJ?gE##ta(VNxm{PJIHNbOPxm4r)ktAIdTi<k&tGmR&f1E
zGE_U8tBHTTj$E|G_`XAYI!4;+$ss|;xRFtIVy2k2*r)S_MjD&(!hH=vMF77TpL}B7
zRG^zkPZY2xH(IaRF243O)H`OrYz9ful~>F5X(Dt6MCaxCkFvizKR6n|v_rdXnx_+y
ztiPvipN%7<67ZkV5;|y)^&z&zsNWdfbODA?m76MmX~{9Yo%W!#HP}F8`5cEeKCHmR
zX1H@lBmh1msru`IR@#@t>j}ICQ{nSph0azemxnp3+?e^j`bC-pOqMNrwv^UPvd{J7
z>_67yAx=B@-Smv8BN&^HsbFK|i>f3F)oo-E?Sr(Y6O9mgk9AE>`L>SotrA_<v7@`-
z10B2FmEk7Vxxkfs*??eF?yj)Irxwn~s}08e+zX3&ZE*K@%5&3}T;9{3S5nt|EwO(s
ztl7T6nu{h<Y4I*rU;TYQd?AN7k0K@oubp;$@%wmy1;iQFmum8>_nh}U_k^q+UcL!W
zdD#m0U6gcGNS}Do`)|eZY7@2th@csIK;dnC47tM~=3?l?){=@yIh4A$U7(@-%kg)H
z#n5h<H9C==_SzE?P$5upx9sFmu(c!x@!#B|nQNH6>~4wqJ8uItPfllbUYLz>PLG0E
zNf05;Cgn%RxaP%J_pdI$y8BSgfhzmoZ99<dc+Sb!5w2e*Ld=h>*6Q}>!Tn)nnKr?G
zKo5_FrRdwxpdJ`WzHcarwEje^Y*}uY-z%IOv{<st_mMS))`_7rG`@VX#okJy`K!if
z_|-%jJqb67CV;jR7m?t9XYgrN;!f}Y+`c4Q1EiMLUaaXFW-<x$e@*i`Obyuxu!dGB
z86h;x`=<$=n|fIiNmMl4+XzH2CA!%;7j2gp4FZdY<28T2BWPy;gk_jAQOQ0b@oMl?
z$YZ}+88z4=ctWBFm+PAW%XrO|iUDE8B-Roc^qqvW(4JAMLE(!``K(!yZD*r|N<`pS
z39_JuVpevbU48J+uGs8PilYqpTa5K1@$H{AOEt4AQTGV%-d#^;@8>tlY{X9^^y?GF
zQ1;6F`6z5_lj_DZhz%1~#;Q2*!8gIcN>U?m0PG8oK`Z&CZI)ZdsXo@&sv-iI|5TWU
zv*S8ybU`h$MEi~AJ3BC!wefwfi_%f?a;iN;GaWLoU2Lq1$%}Js`(@Xk8W&2$&|72B
z?NM{BF8;<ahgc34BqU7c%gb9FMXe`!C6&h)V`PteNkv@vNwMKBk)W-MLP<Y9D6$}T
zqRM&yunoJC)cpnSW9NU|`<>~)BkhEOQMY&L$3ux+tA9qV$5w{;cOc5WS=1T<wkz^o
za7RU5w2=Sbtd3$oU8EV}8E6g+giliRM4;FkU5PPx2es{!iU)klx0794)yBR&b*$s%
zOAV_yjJT&?yCbstEKP9@*-~S(5zWuN;rZI<Vq=FAI?F+ybX)wxW?@tBOrN#t*Jegh
ztgV8GfD6QmO960E?ANh5E>SW#B7;pkxqb&4INL_MK1Pr3E_x1lCT3~ZYpm2&voKBE
zNu<+8o3Ro;XgKi~9-4+F8#xi<Y716-J=#?I6A05^3^}!$-}oYn=4!PF;6+)FyN_p}
z$w~KWB<eRG7kKI(+@0>3=y0ZM#$JDx2JmW*0*;rbnH@^LnoUh~X`6F0zD2$<ZR#A_
zY?wU)d;(RXb=@~B1C5m3iUM^uxZP5rNcTtht--~wnPGo^HBKr*ILkDTy8}{}@ycwq
zvZ8N%kmLE0GG2|r)G~aX(TXpA{=fGwy+{cRw(t8+kWf0rE;$W69ayqbwp+FT{2^z@
zXkBFuXD|WfDW8z0*89Q|p+M`WzFIlCll^;TkbPSfg{A&Pqarz=HZ^$<{S4^fT8k7w
zB9e+R0tghgZK_K>UW^*U#$`Kom`&SDS43^X@6ZmgHnl2@9kxzpGv-Uomar>_-%?N8
z{SLa9x^%b#$6J$hL6YvdYXUsdOSZV$1y9Rpo>&Ph=%DwHs+(UKtRJ%=<255SS-&SN
zTQR{vF2D^J$`nOqWvGM0Xjb7IB=kC#ITq6Nd_i=fhRsp2CW_@pXIs=4>{EfoZ#`>y
zwuc;^_^~|kKHzSobAdgnoyq{F%~*Pd&w&Ll-Xr0yBg*lqu6!9;-2Ep*jEXADS2&ar
zG$Ii{<UwSe1MF=cwmq2(qruXEm@0>C9vP2Wi2J;?v6Bdv*ns`MBrzSSaVel97b~ur
zH{1c(W^GBS5DFWsW`sh<d_ZpG_sWmH-Jmx(c%Hb3U%h9y=~$-taw%yT0H^HcnUD(}
zj_vT=$S`zMI~?kR!j}T>5={-pb?T{NG1qus_%#~g@i;47?wHz`G`;m|_Eh4OS_-N3
zRUre+v}nSzKH;~<eQwUQA43&$iGb+JOss@*Tl)qi*}Yh~6vwKAE{3E<35}J%f7$(H
zzGCr>beZu~T;gRE6=_p*F3DB;>Njn)qozZEmbvhAW~*rZW5cYm^IOK8_ibQBaS{5T
zw;?7Dw#LXr;b6nl=TkD``94|`98!JUMD;d7M-6XuDYIi&Sfr~X%l#}ck&Wy_$^jnH
z%65q1v0<6#u<6<kgK=~<S0Q+m-F}AS{t}CB_fYL5Z>4dRL~k#8J0S~N%pm$f-qZYg
z*%%k{L=Xy5s04d|i1it(xfL5uy1kMnp<^fXBQ1P~_V}~zr=ha5kdUzyD02AKilT9Z
z%x%C$!9(g5_*qriA$2!Q&A&F7-6^%!ToqV}TV<|B3Fez4VM`YSs>Dr+i3gT5YV+TY
zO#&C948C$t$jKCCWB7P3Wr5+^aqmjvT>76Z7@sauSr5qJf+q7r(@Y$htJEsC-uRuC
zUV(}0yT`PR2Fthy^#7DmeBHiwlY6huEoK1V2(!iQCfrNOiSCol7P@Wlo5FvrQ<PPc
z&R|Y|**R#!ND9JZgyF@L^2bj0%5EjbxUK@TlF^q=S^xE%rvd6-1lkV8cNGcOiyne#
zcy=9_#v`$ZtFoErn}CXlE6|0fb|$o+A;?=2-G*=6%RKCD|Hi#u^Rj%vYz(OMxI10B
zkul|!71c_$w_B}pJN+(kYHjhm$J(Bil|+(47|>oh+;;I~CMak@>2_ZVXQ*4X%kN-!
zum($<7`5vHwr?R;Rk5WaF7jaDmyp!GB^8J_s{LrG3TGNE9+Qn00M-%iu1S*fvyeAo
zFYA}VkysE7=(~DUGM`fRp|8AUW!|><xPz*ic*TWll3kJHSWWtbZ(?SmDghF(#9uc{
zd9AJuB>^d&F)^|=)$Sc2=_m<enf4cqpwX7dez*T^E;1}{2D^c5epu{pU?m~ON58@>
z`S#9qLVHL7I_Qh5jg@2LS^>BCOBn0r`2?trUAeblSLp+e4$k*38Uw>3sHcc~*l$H~
zK4nj_20WShu@b*ciU@q|Fg7d410_ezD_oIS|6SOtYOu3d8E~;V5}Pa@&OhdH^v2GH
zKBh-@Hu@Iwn1DOf;RfC2#O7Dg=+VxO{F|#rEpL2nu0PV?_!3P0hZ)&zRVt*)f-k%I
z=T4btPbYyLU{Cn7YhOT>`R{&zn`hRJt<@|jnkgt@WWJEV`og`<6zW=3l6Y!T`G}5u
zW;SHpNpV!k<sp^q*=f_!Cb;5fPqU9uqS5I^0cCqx>uBDeEn{-ls^;L=sU1M9lG8tF
zo)l#Ls$cf>iUcQ-bzR;I@Z+d*G{GAfO6K|?9Zfj($ZtJwW__(MyBwA~FOxkfLaEg%
z=bp;XEYgVS8^4R{HGx_cyIQB)wc78giW9YSp}p1*SMI9pHv|1tbk79ngCSb6ko|XS
zn)vGDagkIUU^NM9v$igRT6cIjQW3)M$|i^^U4@L+HvJ8>c=N>EguBdB&bfN$@x|8a
zzzD)5Z%t;kO~RD>Q_lQ6<qOvR24dC=CI|=h;>jzz)+j8R&|5+6)z28!%aU1dk)mb%
zd-1HbMwWYteH`QzId%Wi*UMA+SlcP*Cw{mFV99S;S=TqR`E`^9FOW0icRtN>vf2v$
ztAR5(7~=qPuOK>Uw3&FF_$1Uv!o(AUKp!8@EQNO3H$gUwoin0Z-|zf>v!v1Gb{$ws
z=9mTk;5;#A?dEN6`tP-J8pA*xSn>*l+P}ByaLU~^-LDwg+ivm^ssl}ob$^#gROczb
zsV6q(=3F}XK-u9IoA5ej7I5a2x0Uc4x3talJ3W+26CYce%k^&Ao80cX=}#W+SG0W?
zWzKNQQ=oM7@ZrUTf!W||P(8*2_~tjYIL6<>oP;-89za{7Zjr38EZoWG1z+mxpnIez
zQAT+?s0g7Gf`a(p3%*0x8ewm!Mnwl>XUipM+@<c8_x-uuR<Bvv=?COxt|DO(byYNs
zQ6Suh%=UBA-Bdqw2V0U2=4)m^i`2sQr3ssGivS}IiMQXx2wh8xB`?$@*t;FxA<uQf
za+%tIX+7clzDOH{0Zne{y?&?fIug89D8TQK7<^#}{;3$CW#G(I(5t#E)BwI`;Lh#1
zh!1u35Q-Mn*l}jF(2xtc75}{m1B#vV%}dOawzTVUGt4sd46yP>*I?T4a5VE_k^awl
z10dr@zbM;@E%9%`M_`38sC=m(=VYlnGUdIvNxy^UisMZGvd9?slo$ohn=8NsSvvCs
zvf4c6-OK8@KArHJt8YS53mSFMcV#ai=gUAeIOkRqJr*RLCniSYn!Ol<>$iRMW$@UC
zo4Nxg*J8x>3T4m;GhrShzmd+?u5}04pu<w3^=6K;q~^Y08^IahZEDH#MY$zZh>FS9
zw5ZGeWpYYwot4BE>!n5dW}PErL`WQwkvw94Xju<jT!$f>n4s!eiSC$KB+w$}yW0o5
zmkmZLW)Le!y7(@0cR9Xk#dAiUA(FG*iUr*MtXVgWKx5F=Y@R9PXB)+jT14`qqw{mo
z4|RrG*pEN<s^x5y90Knse^zfZI$b?30Jhc~xm;Iy+j$C?zQkiQnF>z8BCg4*L|GeZ
z-g9_^orYQ*FMCgMb~}tIeZ^0^E)-U=VKRE|Ejo8Lc1Y=$rg$8&_tLh(_khx2qPofh
z4?b|_wLfe<MROnH00f=LQyjFxT8yDf3e}i@no;k?WUo||8bo4fI>lyrd-UIAE59nd
zHMWhC-#Sn4`YgyGT&7`10V5Rp>yofW#Y-H5oODMqi`{VO9f)sAOST9Dm|*#N!u}Mp
z*to<t5Fra&+8iAi-9F!4m&<$99t3#iZHG5FXP*%jCEQP2C388*>F^S<7NdOgONoM0
z-))iL%S@JYIopcWMp?Lgg6?&a$y#<2^Z&V>#l}EN26#;oMyJZbT0f==jYlCX<M)2F
zs~&ht0M%vp5b?oh=|I0hz5Rt7!3)<RRLVm_l0-A`I`jHZ{mhC8$6+;P3!v9{tsEtz
zJr3y4Uhu%(jJ~z2Wpsyy#HC_g0o_lnbtr7%swdFo4@RBbKaqRXxRq#|No=(OI?a9T
z>{fd7>c-=`;=60_#FH<WgU+;x(KFBw`~IkUXvKP#8eH;n?9E-(kvUfJgzgYliIdOW
z@PZaaf0k+S*T7x|U1%}QpDVry+yyP?rN_nMy96Aq@-@Tc+Bjx4_~~_`M&SwY=(3G7
zQMaRF>x^NTD*F3Y!M7fElisz{p4B_Wrj+3LQ6C8{V!bxkp@A!1dpS3w*nD=oBrJ7P
zzeVN~#^xHt2e`d1Tb*a5Zhs=%wd4zOqNYu%-RfG(y;a0wl|g<l>+_7~0Q<UF5th)U
zgZiKzna`t2w&5NfqB5wxahcvQpr<8{oq#`qM^sr|kK&;>8tA{#&?Zn&QdvE6o;+nm
z^+~fpzAzA?tQwACiAZi6^7TOAx8TbD62>uf1J#u|nphg)gcLNQQq1*9{nufFvykGb
zSRRNRXfoiy5@p%kS&&u8Fh3Ro!*?wN1-yZZT*-<1asTQcj!+>?mGG^Enioux`W+&!
zIUOQ=FW`sz^T4~bVdF-zqBiHw+0C8!F)23`mYR5x^S#aWQaG4L;B^}Kv$KEAmrZ-|
z(Z$QIXF=||<&^8zy4PdmBRQFt5rIMA?-@<wn+(7s0yUgzWKLPpwtM#Wt!{}HToca=
zq#sWXnSa*WVAN_B@LygJtgck0S)i?6whs9{`pWS|rffCi>x5qKQC!TMF?iC3(-n5O
zdNR~RZHFDDwaB!v-BpPcO}@o+asv@_oC7UtYJ6(8{k+y)bkHMOL)5xGWduCRDa{zs
zIX4a+34iHuP4*-;KUy}8WA52>*fpuGmq((s!N%##tT7U#<<vQrZw}kv0$LljxVxg{
z3wj5PU&)C4?G!ri2Kx-wHko#qBp8l@Wd3M#4KMAmI6_aJ_9ia+y7U~~zd6>a7+(A3
zo@Qo(?ukRD8Y!;<|5#;ok7TlnNQ)@y0+RXx57KlX$0@guN>n(`d4RoU!gd3L*QS2Q
zNHil^eEWDUW=T<)UO4+mqVJRDuFruZ&4(dnUst+_i2KlI<{gS+_C6(-@A$~F<&a16
zE9+w(9-rNj4WQon>#3gX7nX`UGGf5Pg9_^0oWtB0c#q3lO3I8{yoge`#rR5x$&a$p
zf6Ljc4}PaKd=2-lC}?yp5CEhPx3w~mPO?iVfqrtFB8$T@X6dpx@N9eDA0u;(Zfdko
zC+2_WoCA<CfL&+!&TOfOV(@9rJ)My<IZfjdeg8SrNuXwAGg$7_$-UIKr2Vb)+tu}h
zewFQX$7-cv{4UUq`Sy`7ZXRSIDdGS7oJ3{6Vqo)OZ<urS)JIEoW^LlpYPI?1zKxWE
z*UDFYp|*@`flb>!cReL1H}e&3em&2b{q8q=05o-;+|2N*;!UGBGzVHevYq_U%KTep
z$pQOO+ETV(zRUryWj>9li>;8ck4w~fJzErlR<C))PQEX2zbwRZ_RWd2d5nn>^BW0v
zJVXlhI+X3;xvK5#SR`gS*c@h7k3CZXEszRM&NCd$9lfVsq@$KnVu&MMI44BSC#?aG
zWwC^RkK*Omb-fXN)4Hq`9$q@z!0kD18HTeO<%@4~^$?f%E0#7-4dYLzvB*$o<ei2K
zVpoe|p@up-oJ4w1w@3Q25QC6$Y`o2<a_BoCaPDku`l^VI7VDvU>JL&iQt2AZ%-5~C
z{LT}p+Zt)mcx70enOi)CjRmN(!D4=f&k*zuCU({5-nF~Yoq*7-<N=<JU}dAGi*&tP
zz3(w|f1QnRLoPhXIp*sm5&A{nQN(n#76x=9#y&v{hhsn)5Mo$!A-Ft!QPHTWT;w^O
zm5al+BT=65nf@4zK~yMJhz5~EGlPjE5j+}qWIQ9LlKq338^nU_)g*tf^ptV7SNU6i
zMQ6ZM{G-<&)rQ>$BcX1@$@PhwEiq-bmmn~dZ)@N}s=|7MdyuK(!cJPv3pBHD#I@CX
zTRI6IXtD(JZDgP^7~iCE+5S<Gs8ep83y-D0_v6f%pUl*Q#5Hm>ak;Z=ysrd<ROSl2
z-_!8u_l<ZT4wNn;5hsk9CAa#WqrcxdQG2<!F*H9l=t9bt{A$c={$x2L;rYji7@JjV
zfwvaAuaW(H`%Lpt0J%QWgeWkUA7QLDo*%F{nSO1q%7|RMyU1>BBu@@itg;$&(NhDp
zcNA74C#%xHcGI%9V<eMgo&voheeGua7?xC4mwZ5MdNOD6M7iil{2PgT@9WqNZ=>ZC
z^?kt`SK@x98-`<YrrrkN-bTzXev>gxLzySxIzBZd@yf+?z?4b~Zto#m?p0G0@~9tg
z8~Gs|t*ZNVWD*HJs^Bp&0fClW7)&<<ifDjk*Vc;R-w2TmPlVwfA)7m#T<&*Zb$k)V
zRV1?AEPeOYX^y_a7luk}gGQqJ&;uWE-_)ER!gbQz{X?J;r+}u-(|nSmyQjr}Brzx<
zp)rgYnHL7jb^G9wL1Z-OyXvx;RL!L#YZ?!V@}DSY=7_8zrXlE`*M5&|Q?nH9!bnOm
z=C$)b7d7sWY=h_GUE&+%EA6bmDqi)CU`Mm%1sNwg2Mo8ofB2(3n&xkci@%=WcWUvr
z375HRP_F7(VhCt1^s%I1biXka9^Fx<+@m5sLW@n}hY?4Szp&p`(Kgo~M1VWYjhL+?
z($vA(i;80d=*<Y<)v`QoHTfr(;Ij8@X}c5>65Zl09^L`N1;dGNsWs-aES3;8&kpNq
zBW)`EQ`hm<)BC|Wc3hHrR`NL$?&D8055xa0x0k6#V%h3baL@X$z6kg4RA_+92Rha8
z(^(@J1iR8%OY#$?WT-l<j1!8~jHM8R+nR@1)<9eWwQ&is#sRtLMVOSY4P(S3aZ~8|
z#5@N2<s8kCw`wKUAvh%>>w?RgKrkYWR47-ZIJP8S9}$TjHc|Obe7~UZtEj7pyeTwh
zF{$^uY#i<>dAIzI(8&FR_oTvFTo0~|qqYF^Qo~0#mGg4I$M%d$(yCEeCE^CUHbN|}
z9lf2*56eU994D{a&%f2o*1fxW^F=WihLic;sDk){?~5{q$@)_G3!yG7RX38;s7QW2
z%suUNfhRveV1DJ>zd6H^Zfpn8k!jNblD6&VH|gpQ=HDK~SjWzmbVKSp`{_FW-o2~#
zcU&v;g{s;W@FxVAs|izGx1-8oW3Tf2HgZd<dv7AOCd}^V`*^wT>TDV*-@FmAcRH{m
zxCt`^x?bjwG`p8RY|r$#bZ=9TinmCpi5`_xoc7j3caCe1wPUHUD!hSts?oTiit}bg
zHhFld#$q$g`C-fRMyE#M=dk6wfn&4yM}9fG+jtVb&!a-H`U-w)<+%`K<O)7XYR7>V
zgl)o@uj#dr)YF<L=L$}DSx@sG>~W=am}aGzOd%aD4ztq^H^%SH%Eid`Cz!^kPfeeo
z{=;IGeUHSp$H-=GTSlFLqgW*MKn0<1a%L(j1Yl{Iqo90H!B#1TVCbuH%dxVsBqy9x
z64^jt;VkqZ!E~*i%o=Shcn0+DzU{veb?PoZd}X$4`2_Axtm8PH{T2T21t{bFU&NR0
zwf_ic0hIDzs_p87{{bK^k^t=SKiHaF*uTGmf9ya1$gXGk?{1C2cKa+T%+yZUB%6^-
z+~c?zWG|8Be)K7<PnxYdKuj0|DNXGCwmxJv@QP2mcu!1BSNV;6;u)<z9p8iv(neFD
zfmaN`)v6U2PT}incG&;-r&|pLWP{xGfX1?9iXxp}LjgCoUHavCinzO;(m8sn6%dG?
z=!{#t%G{yAHvw6V0E;6F_Kc4*{rnG8lXbF_Pe1pzsDoB%S#`=ib31)ajje8Ad2{q1
zL}5(;eDH8@a!J{1XFv6+O1R(TJkO_2+jfdtf9iUE`cNYv?FB3GP`>=^koA9kahA2F
z!?h`jtbPs9-cQT3N|XS6$g2tG<^Zo>-3ZT}eVFb+2&M1(lyDkQ#jsV+y+u*auPFl(
zNKdw=jj*LwX9_St`nFXb(_Ga6$aANsfKXvoX6n`O;5;W4pvrUiqUbaa$@PHZU6I4q
z!@JvLx*QOw57(<RD7^wc@_XK(p+_Pf0P~{I|CERaD4J^l2QoAM+k^A};EIw;|23})
zd}2+2{A=b@=h#~*zhB*C^1Y(sgD;!F51Ui)rILDzb{v3QmN;T6_%<<KjYu!NeZB|K
zG@hO<6zuZt?34;XBTN@oTsAjhUi>DuZ`~<Njh`F{+WF+cw?A{VD7$_F42Tyk*neYr
z6FbWn&NY<bJ%^flk>)7l>u*&1g;Ty`+_jS%$4yZVQgEn2x&O=O%z@MZ9iG0wPkT)?
zKP5N5el?snUCFksU9gE;=LBkc$D4qB`b+(IyW|*nKKVVv2<6iU94iuG{e=058APkI
zvfChWkQLGJjYe|7v34QpxOVQxn`RS7>?jrSn;0M}+CHcmjBy$<o4p8uzUvc`^7*Ok
zKOZBzRz=}4GP+F{ZylFWSf)nJ=VJFC)prGaNSk~fwzB~+Ur)1Q<sgj&BZ%De)(uFl
zwmG=X66YREeyZFl<%-hjN!EqEU1Gttd1bmG04^p=MR-O$C9&IiY%oz7*%cX%2(wk~
zUDf0~p}<>*TglCnW<ZZ}b4E#^X|V5Be!BQ0V$BR;bd!RE1t{UlimRvVCcI_>4tD|d
zZPs+BrM*cf=}jU10uOmWbJb|Ue!`r)a<yICP{ByK&@l=R3EZ(geq_27;WtG@c&VC>
zATUO&6}JfVWarVC8Nv)Hp=e9-h2`Vlqq2X@5YRC<mYY|RfH;=EuhVd;7%M;f!Q+)l
zI6*7Zw7O%mm1noKNy+rnTrr*bb}DWssd>o$u(ivsp_Lx75%Ql^ru%=aGN$zrLwz&e
z&&-T4Q(v2d=-YkE-3Q6dM|peegnf!OdyT@31fgSDTrNauOi(250dlSe92=AshnU=y
z7F$xd;=jmDB9KFis{y8@5&X|a3rKH~ZQ6|SQH|Z$2N;(Eh7zJbu$<S|UgazF=3`s0
zDD2EqsGE8~KyH3~iq=7Og_fNHcrY>SnJdZ)Lrle72Ivrm`ufQQ$?d<ji~50EA5Peh
z*1VdDRREK9Ft1K&o&NV^zf)y*PN=(sg80l#0g%i}6R<n`aBmt|<_V@J1_$pw8n)b5
z$~t#*Gv>QC06?s<8aip472sRc)6xlWGiv}+^$Hxf@uPf;BAKSjNfVWr0!CnA+p-`~
zWh0njhh(sN2uSOjCOjt`59gJiE>>F`tshMz<~eZ7aYYp&I}6Q630=3pV;qC*SAh?A
zEbY3Zne<DB>Fw(2#LS6j(<KI<AL@%!jL#I0-#q*)SBF8aR?h@(`zS4Ezo~NuFqHtm
z5n=UB3SeR$XOz?~nx)0%s-Y67JrV>UaO1$S7DSvllm*x`|7*<vNhQws9yLLJ!0mM<
z-Z<+B07~wF_3Q9zW{_*O6{3R~4~sH)J}~#tb>QJ<jE!OTNc)Dry3VQke!6xq|DJA1
zn2)kS9?Ww_bXa%(LlK*%{u|vem3gYQFqWawtSE)H$KHQ+%<(2|Wn@26k@-|mwstyY
z78)(O3x{1df7|Q(!LzQEMX=N9`wo2|%LzTB%>24}r$}zu$%kD4WN1Ph@in2gQ#uvD
zsO%+{_}fUO`h=PDGy~)jDJf3l))JE{ofbu`dg$FJ;LC&|c&t-qBmf=?&lL>bp(y=N
zRYgO_1_8aI)L0XRCD_j45?4iipkNYpl=aa#Dki-NKyTVvP1b02)aR&xl+|zN7*;gZ
zd;);`0hhIX&>z&)KMWu<lP0`HT2!J909&)#KYXRcceJRELP0c!eLZ6AMr9rKMGB~(
zt-_ejqv{Fd%g)~FSxICTeKW40qs;)=4Rg_%fr|?Tj<3H-D1p9eyd*8AZaq#IIZtRb
z<zdvw=yw~%svcLbo+jig=CNHyeQZet>SyF<=2}B+OH6Uz8bO%L=l&KUSC1$}Ty^wl
zXPZzV^IKR_q%F&RJoRe%^HGL8iS&p5C4N&y)fX2|&f%*B{Ix$^sJ+o-MpEY&55~6P
zDRAg9>E(Sp!_{72ZUj(p?awO0+*c~34S2IratZ)5>+AES4J4I#W2GAcWeFC&{B>Og
z%^|L$`Z5nL{4mN|<{&Fb*R{YAYi`LzWnldF0JAvf>u6S=_R&~!!seGaG2681cO6M?
z>_PwE)!`ZoLc;o)eIg9|{ie4UTT$|DkH-8$vv$+l_kqn^QH>#yt7m}oS%*xnJ)Bxs
z26u)R$I2555D7P;R0KnrCFvl60H)(iJT9m*AKy##4|$#eX}OV=!%9o%c3*V69uU}D
zaOxlEpc93q6P6z=JIqfl%2faD4_a0S<LfW(FGvObGHFfvR)34RJRAK!KH_|6MY+t2
z*+<bQeO^ts!OlOJqv&v?G^oyzFchLlIslHaTsDbOOVm5{9H%&?-R14gP!UB-<><ST
zmL_$hNn!$<dW~}VEnV-+J?gVF=`dvDi7Eo(T0}))^Deez^^k>)inX(|tP)b&!w7VI
zt-gYFy}v;^1h`C{Q$K(?MKH#lL8r@H)K0OPqAwzsVS!?eBI&DsMqH<3uyp$nwk2YZ
zkV~5B+LM^gxW8Uq&Mb#oXQg#aeXabrnv9FfvsYK+=(C^FTs}vRsVgZ>+S-qVG~}`^
zbpFWrxxs~z*~KGEP6Pt*-FH#zt=@KqKT;%#EB`nJ^z;0?Zz(f#ups!m?99vJxrVp;
zyf=tV(#%s4pWBRDo;KbJ0+=uohPsW9<9j2(mmO^Hn+Vk~C8p0$%7Yu8>J128VoJYI
zjF{cKSnXazCu$jU7{a0_ms34gytC=#Rd137>NaoIK?nRk2d?1-<ay-dA6m-gY(Xek
z7vezvXruLT8`V0OC}kWXp);N1JkEz|M#~>OEWWw$#N0;HM39S_1Xrm+JJeFY6A8ik
zTEPB7QPqfTFge}k_;K_|A3A<Ce|tiXaG@*r8ce#iBI|gC#?^%REUbcAc$6i6x@aF?
zGUrlqcBtqksE#~Ap^j)g#7hjUZVf&QgsnIP9e=Qqc=B!(Q_fsP3eT}yd-KA8N+gE~
zKFfysBjm!YnTRU75b}b^;wcRfB52zj)_&C2$-AXgyC!MNEI?=z1$r6r<5Ojqtz+#*
z>Gvn|?dG{srQ^l!fSmQKa!*K|N9}7<L6?tD0&LBmf^AkW1H>J`QO5-x%^!Q4eWY>v
zCpOoK`Zomc8w47qMU-kTZ^Hw_w)Y-wSTf-|q?mQO;XAe}hp^L&evKVXx5|>T+e3B%
zB05!t0p;P3UIS?4M!N^Uw>hfs&=rb{Ho8rH(R?OE1{_pNYR+{dfGJqu&yE3<3ly4V
zZ$Y>K>tpyOE^z15)b51yOsBPDm(rP{hX%B(#6|TaD3Nr0al5QQS~cD8Y)PU5CID*7
ztV&m-VI7jP`_yR@_+|S0Pm}9LLMktOCm00m{{U@%VE@$t^!{D<n>pOIoP<=mMj?8o
zh(?ZE07YDP2;lJJ^sQnn$c6UvXJ?<LF%Z2etm`~e1uBW4%XvLq*>LP9KArPSpsm;{
z&^bWd;aC!=jh2)`4pf`1p6ERketTtJcisvpxypWob`Qa_HV-NE71%aE!!tGR4Ydo&
z(8_T%N5<*!kBIUns!3u3$!JZYXUt~}esWs+{kweQWhuPiY#K}jJP!rSvWe=zye7WY
zj21g#)f9ovKneYA_5TfU<T?-0Ld&K11+$ZCTFa9j${g_r#AmDTyEhzDDaFS>d}dV)
zDGZJqh*YoS7cbu^D&>PIZe{#*d+)OB;i*P6_+#n#utrd$YF6AXr%ArK5CA=yFFbc_
zuzv=^fFh7liM9X{1Wq3UnY=91Tn7awib&TSTYxO5!pn|kBC+b-@RsXEPxwE}zt;z!
zMb5hfoh_aj1H1tG0><yq|D?o<Y%eIMOmFj6pVtkQrmd%&+IBBh`Z_`qNlOE{-VdE_
z*0>CKRh|M@#&4RWpIwE0blLbaB^>GXXyFXtxi+bpAO}DGJjDpThI@v#K@}d;brmbT
zEB7oZ>%?<*O?|hjyw}qEy7&CtZfSE#&t)ni5=^YP$D5JV0*rgVM1=lT5e_k0`Xvgt
zE>@|jWBh%He;jxkQsM#^`&<8dlPKSm;d>HO1I!Lg!gry8T2%04!x2vP6qWPv+lTYW
zpFla>)=@0*-h%<5U8XQGE;@J{50xPO{TAlr^PxKY;N~yIynp9S?h6*)ENQDC3-KnF
zOd2sE>DodS#?mmlH4gJ`I=oj-bBp!$jK3i6iL@Q)dJD95xsNWTMq<VJ=+cV8P}2Pk
zL)pM0F)HyWixyY9AOuPzy39C<!DiktsleEt4{2qma`Q_}#P7)~awRQvb)i+1mxszy
zHXtHa=^(s+JsJ5O{XFM5JE5V#oTOa&ZDhT0osl?tZnhCW(}^X#f&ZYP9no4ZB`4R}
zWQe^4e9mn|b>JTD*fTn_RdHo9Ld*<@>aM!&@TIbl(O8>nnDwnzdYh@DnZ))Rn@vOR
z%4eJKY34T8+A}i_Ma5(?z$-S_XCFuG;<4C3r|Y_;qM5QG$LnZ+VwcouMMpi^D!B0$
zgm?Lz4PFS${*NP01>3&`F%5LayBVD%_qNoF+rBc4w+=1~-A7e)OV;nSBr=3DrPZ9{
z?b>=nS8P+vpmJ8n0F<tQ2+3!-#1!*+_LF|7TFGd|g`MxWm)yedzos^BxL>(drzEY-
zr3TWu&(E5L>9c914b36fJUuvmX-?9zl2Cp35E7_=&_!cO(45|#2|8`^KT5g5f;6&>
zt-Z2R(XV`b5UTvUDw|rIO1v}`jby0~UN*9P*dWBk%u#Fdd-t_yhxSJX*jPvQTANf^
z(uKtaN?;e@$3&CiMX_6m>s%LuoI`9oYpPJ)g0Qs4JxOer;CsKU%|6P5HXh~Vd&m2*
z6h{j^RRiknuro&k+HoFemy!`=H$erz3V3*UG~Y8g5JE%h4~h7PHInouA=SPEZ}H~J
zs9|0u4}nbiVEd9K0D#@gT1OIK;9~2obL!^Jn$`~vcD@74Ghdp1AyNx%gh=Bx>K70C
zem=aR{`_F_eSI`YtJ%L7i5Tv5=RP((+;T+6kRBb_4EB^~v}3k24=0y)mzI+~lmfcG
zoZZB)-xX5*xUtSrM3`Xf9;#D50{xS2`1R)Bqo03F@8K)Hwkk{U2M0Pr*;}_CT^0JB
z#MtdNOdN^zIi3<5r~Y&d9M>o3EYK$rW&Y30>i{o<>If}LeD4QFYZ!!ZGDZDZ`1CNA
z<!qh=Pt^Uf#5O}a33-&EhNOMAKUt2|wS10o9(rba&9gd<K|Lv?lgs_F)J9V2Qc2uf
zI*}S}!+WTa*hk6Bf8^2pFr6FLFm7f$l%2*xp_oUj782&mPc$Vxh$y-#n93ZfLv85P
zWV)cK#Eie-V#+8dsZYpo=^}gt!u6l08>0tGyW^iqn#aoH2Sl7PznWSk%@#%^hpgkp
zjte26D)BoDQ9ra_+Fr(!{cI8o{RsvQyVg*2G2M5-j&43y0i*wE>svBfdHXf3qD9j&
z>?}(jD#_+amweg<3GRbG^1)%QhlA3&1)dymH#XoRrw4rNt=Z_h@25MrMv-qIjd6`T
zc~Vp1OkYM(x~Rxbc_SZ{?T`IE;n%E%UUk=#?_gefk5d<T1A6!($Hd{3L4<f$%v~R0
zYTN_bE_$Tt(z6-KsC_K<<<!fHUJ!Hza|5+PNXh!c{O*5VKIDHRD9Xzxmy6h*(?47h
zsi9|_Lkcd<#Wm6Sp>-!V+;0JwWknS>g<Bvvfprz(w~FOWUnn6jI%Ho~DS9|A$m<Rs
ze9IzH`@&)rM)jwTH#nu>QG(QWR=O5~_Ee>$coGN1XkU<AF`2PAWEo%>z}!xEDn=~&
zpL`1UzZX^nRKc<l)0b>_xNuSt3FN-Qd^b~UfM?6v87N<Q3QftMxC}47=VD`9V)CH;
z0tD=}o6rD!a7&h6Jbz-}mNno)6sxplT+tgKB1*84fY1_$ZVhX#K>eG5TgHsB>0mK!
zPm+$HZewf9tX2EXA`y|aZc8(oclq3^yr<$nMpJp6|7LrckRm%>`#^`>mJ`-hqXWVb
zSr|fxKrKZj*b!NMPvq!q!@1lZuHUd+X>jL9VG$_X<6rPFJ?ns-ZsIO$N7%WX%)5Y1
z2AZEQN$ece9m}{l3pMKl@kJ2u19x+p`fbH00WS-LOAqw7r<D!={;yzD1IEt*rOqq+
z=$eHjlU+#&93uQbW90Z>V^pv4Gx<i8e&D?T#}gpUXtkbJLDJ;tqnn_XGtL(`=$xzk
zW0<@SkrcwaoM;>n99#PwwxWpE&+wVelfZUXCLWP|j(>LcB((^)lRww}sXsth7HX0L
zC@(LspVI%gf%uQx*8ksrU0)S(p=>D|4Z2WD1es~}SKtj>!*80yIPX{>Kl?IsNpb1#
z#OVsTYz%M+s_8#1^f&PMYJiY(38voxhjJ?fdj5BUmy@wNbHj-Rfjn5>*7Z(XuuL}P
zsgm~}3O!BPh@g{dRusPk2?r%oOhxL_CjSU;Tc$bH*?R#Qm>|^#m#NJ!vW@l>Ll08!
z$oQs5dyEXeV8Va9w;pLa&vATe?K(zlM%44FGxTcZoGxXXtin4KtzGe|X??t1I^we#
zW!_LfO~T;l1+6>78-@}wBS3!Fi`ZX35GFZ-Te|Gz@@BAx_yGc#8`M+&<CLbPTm0ZW
zvYV17oT5arYrygCH51-3ho)y90g&*CSCljH@U(L-ed??8)NWPv>Jn!&oh#r4(n~(b
z<du(ZW^Zp^yj$|iY%>zVrPL%@JFKVR0mQ~Cb(9GCnCljZR`%EP4^43|8%blII{PpF
z<D5i^eMrZ9ls6n0uog-qc~ncvfGfY=D(NnhGXKXv$WUJid-#o3dBALrIhj4i>%Yog
z5m@3o*|ZH!mNnT~q_F>7C?v&2e2x5DL?r!ac(wUxZ;|E1(ue)~?jlQ*jhatAKD2dP
zN-^gs>XW#0%0O*Un#%-T_-3nz4%N>zAP-B^viLODpOO%o>IS@dj1VqnfStvv-o1r{
zwIcIlhtssX!}T-AYimGu%Fyc*=agO8{*nfQ2*(i+hj^SPV0>j#Pq}NA_I}xBtx>+4
z-BIG^>B;(O9VN}%ct+OK-z?r`1F$ZsIQ-5Kc+*f!Dk>;|05~o^mO2We_z3B#9PeB<
zzG}kKL@+8LP;zRRa$X<c6;R)tJhPQlz0&SXIsmY6|2u2sKfviXx-<_YXGlQaSZHwB
zIq1-&nuw|QOm6riq&1JG$A7-ndAt#>vLXp2qvJa6)ekp#Z2c7R0`kMS!<n{TN(MaO
zIF$hij}A$DQTCkfGUvGfLzPv(!5zS*!DBCnA;9j=THWW~Jm9hPtMRwbfGTZFhbkwn
zMdmeyK;sQcIwebFkCv06r6&l;)JYxoezZIq&65cO@`^8kRQrH%YC~PgcM6v`=xs~;
z-)F~_n$6I9y@w;|)Z!L&`4zu&SoBW*PS+jn83`XPY?UhL*Gz4lZrZb4>2D^6#`2Zz
z@~{N@wN&eRmjRO|dj~;ynoNjQIoV$W@=7OwqgXqnVUG1510knwiE2~ElZGXw60p9$
zcMA(Bv_GVc$tLKBI?pZN$&jdQXw5wLx*Uh|Lo12FWgs(Qb(%)Qs!9fC*U9<vo#^H-
zf;=Xbfh*QvPNk-+fWeY-S&4NEloO%$i%ukcfSY1z1OdFWn)-kO%jqk9Km0JL&5Tvv
z{Issi2y@F9m}RKW4>{mDZcEmdezHq>X?iW^gzp+>uX}eY)KQ#>h?;02Plt-U8#ftu
z7M$gH_9or?*MQd^!m9|-RjKaZ;fQjHGMUU}d%4pb=l@6GlPjb{%yjnR@nR29Aprh{
zbeHVp$!;}Rsi{ivesWFCjfQTswekn6`e;g;aw003vmAN|82jY>lPy0L9;3K;E$b<6
zwgsx&P+p4@TNHPPi%V8h>pVxlY4_CTr8~KX8-WZZM@&8Dk*FsFxrMFirY~2CC$@+b
zvQ~Fh5|>0Nf%q0#%vZKt=+goRyz*K_n)|6v-p%oOO@prWSlP!@oUwNN{o=S)6#lhT
zY%5;~!d+a_C>tX-w<YU}Fl0|&;Zm9XbKh$v6m4j(G8-pyG!SaNRKk!1HKB498=DSj
zq1W9fEi|hr&kD0tEp=B|n`dk=cenOEdY(s1@|`8;wzFQ6h|N6cvE7{o!rFPt91F2i
zjGw?tdi&e>Wl9cwjRGIukg||CftPs(461Da?pu%cfZ_22?6!UbWwgnr*zl-PO3puE
zAISO+9o(D?^94-5=8X?We*;~AcoaO3R{EHcfN7WhZZk@aGIO{n&QOQ6PQ^uO;2d)R
z3~(4$xA(GXmF#x*3*Te;O3^m1U2rmBvcVoxe~VC}p=gW)47~u^Eg}!B08G|cATVZ}
zN-`aVGZfdZPo4Rj>5^kNPCYR08EZgB1?l`(<pn?_$7}5_>DYR|4A{PvT>Dt+N)~rJ
zoYT<sWi+?B2?B5|Gjj&|6&Mv9&e#Bx0%&o(R){|AUSI!xEB-%&E?72pZjr}tWiaX-
z#ZaMM3~@|ojCviUyWdO)u2$r6lHr3;lP1FJc$E0OXijBkMTGrZLOFGR6dH{?u_#-p
z<r30F6i-9@rmR{5gpayHJut{k9h1LOfO)5%&v<w8sj_7YQj(#y`|*A+9k<^Juy=Kr
z;k0@+f46Q5>NUHzd=f$XBb?Pbt3DdYZ~Y~=KzUe7^RS(vU1CRtEP<YCvp91e89}fE
zVS*}6=o0;VN<nTr$^S%|Qks&e<*J7I0~3Uc@=83<_a5pEq@1gRdXs*Ou2CYQ16(yK
zAyj&UTsRLntt~CFeFSCAvGB$M;qtU|`VJhaymq!>?5El5_E_&Biwv!Y{2LV-f}SUU
zrvtHF(>0>94<acF_=QC8qs35~T|eNl;}aLX{XZx#T-X20*1px7>nKXC^7|~qGTRp;
zEx>Td-B%0}cz)p!xIT@79I4dvELBaGwr%OUwtz}ZQP45Ac%C0}MdQu_nPM2I1o(li
zN<09Xy7*viQS1m@vX`sal`V;f-hzS$#l<9=gAdA4+G818e>|+|iT~7KT<KkXjMuY(
zV~4!uD*^G1ZQjmUUzvDwVU_gwFBA7$&?`JHWUJs)ETNxe2`~uUq6#YA>McxWEvt)9
z+EOA9#;x_^!YL21J<=I*QkxGDR?IA|^X%1Vf&1p_8mo4zZi2~&SPNWuUJeF!iUm78
zdEh=wsR}oN3Ag8%=ClVAq>hulHGdn+oNjv%Ys!~JWIo?8d*&4IzSMs(3Q?)B@$H-+
zeNUBg!xkB^$SPqg{PX0<c;zXWU_TSEx4QkC+||`=+YXD~())AW)g;TH+DPVLEA_UR
z&BFVpI;YM{v!-b`Y{SfeO5Zv$O5tL2jEy4=Vlc^A%z{}4N;T%M=6~yo$xQq|8Ei;B
zERx56<9k3rib6#E;?;v^`dbBDj!KAwF38%_E%(eFSZJ5*lO9)(A5%2!&2tT#G0rP-
zKg0JI^sgocogVLHIXi;}J3_4&IR<diNUP==kF|FlSCXl^1eCT5-B_%8KA~HHigC~`
zE<PwX|KK-JacB*BRe4S4kYdvk@Cz_OIt&U>h66MV+7vVIi(bNw7)9?=d|FsZ0rtf0
zMfe_#Gqau707Jq8aMkHoQ>tovXXi1xogE{<X_z<N9<nJXJXZcn_~em}PfgLy@KM(Q
zD<El|DODuD+w-I|{5ju^ER2Azb)l}lNh;(I&NblKNlcDo^;A_>Kh(C!oT~8ze)8hr
z3Z@~~PmP#qC0$mvWifpKtm68X@i8e9!~9Ru=RAfQHtgnP{gk@dj8aG<=9Yr6RF}<_
zult0!H12@UUBTl0F?-AxrzWB&Mp=<rfUt1a<M^|PlD%?||K4C+U}gU&Ps3!=<nOvI
zIsdd4*JBqT2sL4Bx|O;O9ou3xwZzXH=TCoj33_i!vX&f<8_C%4bW)o)KL)@ceVriD
zvBLROeQcSZx01p?6{v2}<J31&fN3LX)&8W=yXz9R?0MjA=a2P(HzFic!vEKQ#{-d-
z%RZD+tqRl^aJngA(BGgr#L<bU)U}E<i~^Axs<0&0Af4|ZQmBEP75B?6-(@Z|_TVAA
zD^@9gKbB7FW)8)D!>^N$uDgW?t9WVQV1!Qp<3>_<>xJ&QV}G@likqE*N;w-zE&jh(
z+*nS$e8xYByo!xWJAUpn&LGk-6xsr=ReXG}q(Tv$*Iw^?o}P~0q$OPQW{{f(IOHPq
zY7-FO{$;y%pYdyWQ0~k%+w?&xaXLsSry5PevZfS)%|qh>6%W+qQIs5DXw;Sks1h2F
z=Z4e<sM^%})z$!y!V&+#g(u@uftyjvV2~rZ`;kb-h+{>sOyj_VcV(hguM?9RDAro*
z{b2YQ8A|_Tq~pw!x9w78uNkfQ1eG@1Xmi=kJwY$1&FI}aQ4IbD%#XQGf#_}$M;qTZ
zm-J3;fSSaA1=+qU09eEUP2+h0o6TKURJRA0#9GYd10%_~OQ&Ik-Vg&W{<n3Z@K?zO
zJAgZyuc~h-H}8#o-G>Iw_@B~N)e!rP5~qljP^!O-qWjYc=9XKSV^ox~8x^%tZbCC&
zo4bNqEN6m$n_}l_?u9pO6s5gT;-7Rkn}Ll<Jt4yzoe}W|AN*QfLukn4VU&80hjK7`
z#GORp*(D&#G@IcWy+W>VC(%(=+}RQG=vlYUD9V6o9Ru5M4X_<x*rkd+jY;!08k^L-
zAS?-6Vc{PA&|V?eCf6y^B4&oJ!a-s<b4zzIG__Sv;|OrhYhptqPHon%(IO;kQ$`%>
z3?Z>pb)T1=@eI6BEBC!S9hFAoR;MpTZ^K5fBRU|Jr*l)r*3OwU9of~vRLTEd_bf?c
zc`r?Yng7CmQRW5aSSF4L86mm9oQs$L7jJJK4dws;|Ch*?Y@xD6S;|=2P#D>hiWZDL
zq-e5bUxpI0FBK|V2xZ1H82dW5vJ*zu?97BLV;S4;dHKBFy?X!7`JV4NpFh6m_~+F*
zFJ`Xm`FviF>v6w7Zg;87`yU!(Jn#3hi6y4_(Dh6+m^Z?H<+n)ec&Ku0O8c@HuiDHr
zOl1T(JWM*Yb8nZ<F=DRcK^@*+IeU9fPWno{km-93o*622-|huf83Lm9!+k}Wk=E+Q
zq$;(FOOL<h!oTc&(4fBwYcSC=Ddd-YX4b1WP(8qL1JgT0|74)Sr6<PmQ61Xf8s%Y_
zd|rZ1W8B8e=9`zvsCsnO*SkiW<P&&I)yL{57o`>ov0lNO2cO&)d&1lq2y%=lW5^$s
zDqbJbVoWOU^AM!$`-h_W?JvHY7$6nC4ct{N(U<X#i;eosTq<%sx6yBR8KAbRbJqvX
zJd42QGTX?_=Pne+T<JUB*G|ck&SgpjE#j67rHO-`htHHmjMlq3#X3$GQwr#(ea@lC
z<0JMw@!xp}In5cjkcU(hIS*4TOgbtLJw<HZIv^rn6d$B=6hyY#th|#ZZwuV?B-T3x
zRGCT`O#U!V&#5U;iZ7ZupyOj1@%+lKYPBYkJV7eZzN<t@%C~H>Y;^P1hI2>v-jGva
zGJGM)Y@KIv`MQZNH=1!`4UjjDqRhBm$FJltvu4z)`?+?;tqQESix>5$DmE!-7~y;f
zKr8F7<CEqWu7YPCB@1=%&SwnV{nwIY)v}kvA^i~BC-~edk=B_x8Rih^bD)$<)*b&X
zGRfC;cPoiqFTqHAql2DzZ`OZMd&7_3_mY5bp8uWL(g^lT!NttUzw_CB?3Blh#otcN
zXU4rsgpZjBJBNcSRtgsMa$cWW9b+6w`W8nHYrvT0?3DR$u<u4snNu5EEFKcUtR8(A
zCG>kHZqKK~zgu9uIWzB#2qrS7(#E6zoz~&PPHat{gRQtSU2?rZs97i*ClZG!I8_|<
z+%rA7hN_;G@uoTFT~#5*7&e7~7Xg8zYJIW;ApWvm=sxzO*qwe0wjejFUdvkg?0{67
z#Am(u3|SEU#mae&I-boWYWAU0!?VDe6d%~n<^hBc-Er`%XhTnh{$$J2;e*L*RiFd5
zI?Fi38)1eqqh#1?acXf3txqbU>PtaIKFBw0W<e47$>6*LLVZuzj~nV5d~8WmE2b2l
zDxAekz_`&0G4CBTVV@_icZzT}>l>`nedoGnV)&C$65F6WV9$T;bjIh=8<D?n7~k0~
zlQw4z`YLqy-Ra3hYrPr0t=MaK&h!z@>JQnlECp)}RC4eHNp(`Nz0%{XRvY#ldZ|h7
zLJwm1u7~<o_i~XiMLP(OgD)D~Pyha0yr$wnE#RX3wzrCCyrXw@dCVQ@@>yb43I9gA
zSV;$;5m2_qk`YeUN)5kc2!KI5S>A7Nmmd+|oYX42tQWjStiZ_&)vzRm&oPLFJ`;2a
zNU5R+F6R~R<1Nyu;oGs7OLl39w@w7a<lZLV;Xb7L#4@pjRP2+1ndece*CEtbF?`QV
zfjtbZM|^gDU~m-XBo<LsCd@B%S9*nOECatWDiNJNO&fp8g@@F3keiF+QA8lyd*nnK
zj28J6$GPaQFfM+6&_4e5cS_h*t6uAoXkqMIDP5ah+W3mZt_(9<HR`}3AA0okRe~r|
zeaFmaGPGpc4FD6<OZCfHKNu}#FWegVmJzn}&@OADJNJs`b-y&Mwme!YUY=}t#r)_%
zxX?PCMJZNK0=~Mr%xXMwZ}d!2!POk6;HL|6)2Ny9KERQ15_6Mi)^&=uoYvvCzWjJ@
z&tKUOJKFeVLi%<qGhV0KwIg>|$=z)ceZ^RAj&Z#IDaW)Y@&5bOL*~R<d31P>{#3RV
zfYi#g)k)JK>h$8#hvH4@cZ$M$*k|RIb8_F68}gGEnur8MH*F6oZ;z9FXVY>s7vAGm
z9)06EVeyH?S@VGmYlXp*i2QevlY`qi_G~}3YSwPv>$u&UNrzb;VHiiOPkUahy~x&I
zB6x;9a#(TT@zFUFchZ|xY*D+y_iwqb-}R5H7jn*N{cFdJ72hk@>(^;8WaJWj^XhIW
zYTVpFEQiHSd3<6~IDvZgj1K%Ue&y!IIM|%}u^BFWj&F>f^9nm}OS0$tWKRq+=J{J?
zmrX27O%{F3X|T}m&kDjJIIC2rTC~63sx6Lv#cC@CG<mjg`l5D$bD>QkdT`ULDem1m
zMVXR&x16Wp=9yE~d)Vzoc9DnYw{cU|O>oyhOyoz@RPL-&GWpELYiF;p+}q4M{w~$Q
z^PLQ0?Zut>onkFwzA0n_bmfllFBWx}DxIz>-wgYqCrYHtcNn=t`>&3svLlrHl%p>n
z!&-{UgEZm#0HChpj*Fo=LLE<K6on#TXd{bgn#>CJ{2TAYSo;OJ1_*MY%T`?oPF?Fe
zkCyavPjicLhH);>r`|R}u*A}Q2eim#H18){fd!65Ln$s?DIvGzT)s8-snWvb4!w6U
z^CH~#9T`kdGd?bWhb3;Z*3sqq?DuNAq4Ds_vT*-nsCvQP#r%wOjNgIy%(+9P55AgX
zUaR#~#~#)^8M)E3rXm=H+{}BkinzyGWR#5ar?sY$KC^a1#c=9gF|`-f$+zy=;$o3L
zE&5>o=zvAyHf!;#l}}78rzS(S-U+Y1McnIgqhtNvZ#RGmTQ(xs-#tPkPwIk9&s|0#
zVL?_UUqRQmqPnmpEVZT+l|Y6+>Mg(Z@R4_sblMbq`T#Xfr}p!DWX9Bcykc69sl2>y
z11mx#j;6)k;-1*CoU`;&#9-a4wYk*4Q*RwpK875VHuk+VT9yg$FMSf-SrmX1P(@kr
zlWbgc&V-=F<}jF!S$pa02-<;PHZup6In09(sOLSMk$|0dLsVmOQdCVhMWkcZQl(+o
zK63gzrO~NPi1NrF>114^EOw-Vn1stO>dvWGnI|$aTbOz!h)#dV`5wsCcKTy(;n=in
zC#S9KhmN6%Am{0yfC9Dr^$GuzH}QFMJ{D;i-Mk^V5$A(=Pp{Dngp<Y6$@OS2ui!aq
z#f~S9d0W-+N5<&yV@)mogU6h-ZL%vvr*EQE%q}i^w0y)--iqiI=6o+Yi?mx`KRJrK
za*w-cyd>94_;<X6e4l+Ng}Ioi9yxP@F@_e*X~TY`xG<ZK+&`?>JMgU{b4W#BWcub<
z?@<@#s7EnfW(!6iM=nW;uvFJpd^8K&yeV_EH{8*r@0*%!dN$d}(U5T?{oi<ume@TL
zv8SIcveiD*2p|xJj0-juUH;qnT^qdSHMeg6?ULmsqKw!N?8*&{kVBD=oxOaD1LqeR
zV?I533+1MudY{}ZL`yz7jGn$`Jw6X+ws&!iNf_gvjnH~KHPL4ehP2-y4`K3w$`}JT
z=QKE0ja0Vrbx>Z~cHsq6=Einhfe)>$%^x{R$v<+uR$q9WmqC_Vl(9cw=Nu_r4}%Lb
z=D@}tf3QTW$~A6&XT&%YGfH>S|63pPBjBVs4D|gNJMLUgOQB1K_xnf#{>*&|c%IWI
zUwA%QiO}J{{Xw|T@Vem<!y4>^)5pBhW2}xL<U?m(iu`o<swxA*c#*J$Z7>sOn(6Ri
zy|x^aT^@jjV52qCN+hypZyo4Us8{b(^N9-$H!nxZDW6NZQ2|&NM`AdiFfz8YNn`}$
ztj7AP&fRpsGg@=*t_iETIfkDNsdb&D!>^R1PzysoX&W%d?Qd#pWaUR>@4n||x-JaI
zP6j^n?E+MU7z9(Vh++P-L%Aa-a|d2pZRzkBab4P_zgQn$l=RloBnT(18pMh_(ewKF
zL8|~W3tOazey%!m09!n3cQzAO-x7w>dS3VNsgj;6z<fg1^pj-`ZwZiYABYl4Tsvg>
z+UxmM>01~zmyBx1(<$2La%D~v-NAuqziK(vCxbqkl}s$Rx>I`L!z;QJ|3<xf<%#Dy
zqP9*7BqxIFQ$SE@mm#p%4r{F<KVM1VK=Qin_VZx0{n{?gu!^@3hrA!1&XM+Nv~Fen
zU5jfyPYw)N9=OS4_lOfnf``hPBwyGew5{ucp3jY_-R$!Lri{<<7e=(zEzQ+rIr(Eq
zWZF|%f<TFW$jpyxm9f7`6ywwqjgx!RHP0@7rwpp4W>yg2So*vmYp<KFOX{qxm3Yyz
zy1%P_a<4<u_G*&;s@RIy+r1&(lwH+MH{U1X>5d-|gH^TWFY)rW3!RG17T&W-el&JK
z5oA3wzkzH)*co-c>y>%X>hj9NY=oXXU|sU<<wETM+kgyR?7smrFr!_!?7Wl^93LiF
zn9nCzfRi1jpx1D9u9kh*3)G+sDeM&4cYCELj)$57*UR@;#pe<>#1cMhZanSST=S2p
zwA)++2cJPX-^CP%nfzUHb)=u;oX%39#eA>GnPrBpUjNbLPOPQKLm{n8(~5B%3vMFE
zI+~j61&EXfC&bJ>20WCT8Z3Vp5uR%P<Y73c#`qvqBs3_+C0^}$1MB&|MI0+K7{xis
zDWG~xSvC4+%?E7#c)<;f+Ge3c@z=YL{n<9pG2W#zjCTt~Y~~V<0pJm=qbFMJih0EI
z=a_I9kHKc?QKcHecE5_|V3-RmNM8-Z8*<otQL~`l@S#mT{s%g}*~UEc$bh*^{XqU#
zK*F=q5!S2o;U;}FedVITBf(hdBGh+OQA$0C%HrKJt6HlH5#1K)dP#fkd%F<_wy0i+
zDzb<x?&slbu_J)ikYX3cIIbCt2Slh|jw5PrFp@nLa56kemgZwLR!)}Yetpf%2hWv;
zJ=}PL^*Zla+P4Ta^U)d3C1Wou3-LSpK2H&aC|)g$(6bE_u>P0ew=kDGW-ksj_e%wm
z_wwHn4#Pb4oAULN?>E7u4EmT>%B9bQc$vI+5qyiY>;)6FEsG*~H^tH29~K<|E%jaW
zlqK1%XU1goiYmqi)hPS9n3nDiCCf91#KC*|l%|GPFCs~}FSST0koZQrr8OEdnGJZ}
z8cGmc)Q$M?YOqvukp26r%1^V>i103jz?PS69$Fhh%ASu-j64nj7p4gr^J7$+r&7J+
z!~OUAx|qw;h)e7YZI;CPJ#q;AXv4s>P5en+UM3P6ww!M6<7}dwy!OU^K9iR$!<pR3
zu~+Y+U~6%d1%B&@%+X=yFelEgpL{0DRg{ZxgRc=doA{hds~jDNDIuiT&pDXy6iFgu
zOawf$eeiMEWmcquT+Qz!vC(XV(K@W-w&lD|ye-jxke93!)+=1+NgixuZ}~AMe?}p`
zHOcL5!**{G;qJdO>HfP{J3asLf@>nqEb}n+iVMc64Q;}cPDStpmj(Ld3j!}<$i!jc
zAuIg1+L3`(ID3d&13kZ-fN%EhRroPv?qvZ2T|}h^KJ>QewmJJz#bZUl8CJ|F`CiA}
zpo!u;8}VTF@WB=`6={r;cS44F{oU`37T+}H<Y0{+^4NtcJIM=UGQ!79?YKsy%o8s@
z6hAi5AaD4Vb-u!n!HOOMQ+#7JEIobL{5;lmqwG@ytmjothNEtSVW_>uypFpeH@3)X
zvmG}pxnzCw8q#3N@J=&T7>j1llkATnx{~lCYR^wsvEHoAH*hRr$orWcx%By^4LJIb
zAUNANBLJT5_3?*G8rF`t1Y^~_xF6fr53u3&)*2STZf>~|tTWIkhIQ>%=gg}y`$!{g
z{(-}Q6k!pD7VL|CN1#xNBhh*oamO}fE;UWAM_dgsx#73__UNax5h{qYN=k6pZ?F?7
zp-Aiq2%yP(Zv0*-eK-9VHQY%xpy1g{HYCYS?BRQTx;y@X4Cq^7t`P#>pDj7v<`Ek4
z9F2@xPSpfejQDx~-(7}_Y;uVBr2-RkQ{Pw1O~#nDsl!T%?g|OBa2~Cx+-J65Z@u)i
zJn^eoy6DTbQ+$oMZ?)sm51N|LSD$V*cQR24biU)M8XxW6zL?!{ynLS2M_EKvg%D|P
zoXV!y(iB)2gq_@LHczV+BSip68y1<PzbDOf<CoD1ve^vxJ)mFT*Py_)jH-v7h8{P+
za_>S<Pvi4tdE4bES@4_hZ0m;k!^I{Bhq6t<xzg}V=;8N9h3xHboUZ_1h2H9X`Egs~
z7vCwIfI#xX;=+8Az|-a9NZgl@>4WQ$1D(8SKA1K{J+Zjn!4KKCf<d?0EZnmlu!N0v
zH!q&ZM>TfJR4AP9^WCxCx#8v1uz4Bo;L>1-dXrvF5fCiSu^x(Vm78i$qegL`;CLJ+
zeQzkV&D=%t?VfbR)mLk2n4}biOdG}d4w|mcxV^g;f5xExS@#yUUHG1t)vq>kZ*ijH
zZL2)iLo_!gAFPMc8?^g8##7$)-(k;xSh?WuYs{zay+iSbcTc&Y9<=U(lTCYY{nqSp
zv|b-(G$F5B#B*6lY#}QI=N?Bd#w72ktXE;1pa+t63!V!dXFRR!^rI%VkG8Qy{U<S{
zT?kH~{r<a@ok5auVmwg<;}lqk$d}E(c7~G;zUg1MA^6Chru$G8%{er@NxW#Ms7Cy}
zGg$MnhV@FExA1h&$CqTTOXbnI-XaK`#Hzl1Bwht3mV;G<`V2P?Flx=c4d^0*Tx#*q
zN6JUWYH+ZA@eFYvo&r&k+lZg6W3YFfVkz|j%T7<04x5&9W=JID<`}exi>o8CW{gj&
zZoIfAD9MTQKM}gx0GFEfTt+9-A0Vo}PsrTqy>h2R*|aMC7DDJLYu_i8GmcD4!RE{M
ztT(P9ZencB$l}-{fEkY#cSyJCB9;-`@kZRS)&`;XQtzY(ENgrf9ZRh@n>m+OxS9y+
zDO661;%8dMM-E9V!7KG#^GH56{VTSHg;XR!W+Jfp#Q7Sg274cu=?>6)cfYuKjO_Ti
z;^VUzgppojZxQEkFCnWsR#wv=lzKVhy_s-x9`;Mdqlf)Hl!rIPO$|7?<A~9Ux0K(=
z5_7xJ;rtf&Vl>=Qd7&TG9HIhCzim#(5V_HyEV_b=aeOLqe#Tm3M=jCw&9y|r72G#v
ze=ZHUKVTm4A4gZsob0}Ll=Dkyu<rM-H||%S;Lp)lzK?o$C;7|;wt0lv2Mu&$TPEyl
zxUKD{>OvdvKkX)Ku?SJ4RR|Z&Sg_4z)5NHaVV{jKj*Oz1$2J5WV>{j<m7l<eNz8uK
zaPM$as|ZCZ#gMxNnLZeTn--Xv6>H88>(zr_wc2&A7I0^EBAGr~si{D4HmjP=i||gg
z8C$n=XnR+;t-xd&MCwVAjW4}kORv{T`z4ZeNBKf<-P6j~O)KAz$-9`sHCy})w?L(?
z<t;?Twn`U@dw&PKND%u_2wxffmX{Z<c4U|$V~|H>G~&~;Y<r8Dl-K!f>t2_Sr@=M7
zajboT#W1X1;#RgvkG%n1d0Y%fHTIMJ*Er8H<xJicj85AdN{I9cpHHs3-`Mm{+U{iM
zAkelw9hpGngeRT<=+mGdxvUS40W>o=db+rX_idMB$6;z)PTatcjMq+u8e7wTPASr{
zJt@*UO|Up4{quikB0-%3S&?9z8l%{5m4uAJXM4rXodS9h+G&qw|5vyADbFhx{i)lf
z`OJ%P7@-X|gF)ny`PMFd`q`t)2e*FEZ`NhICnt1bi^ca)Q}laz@;CX!`0_i&#q{O9
z@hi9b8_lt#<F&=q=Dy4cc^Fh^v)WL$Q*gO&V&{2}DJmsdF-!9e61@Sb?~3J_EW|3+
zShsS6MK)%dE~)-ZUR3_6GY&oITtv<RLq^R|j!*<+DH~E;+CbM&O)xqiqgom9EuUqw
zcD%vDUrj$akDA8gDHkuN^tB<;J8{SZ7AFzMu}9cUsaPDp*)#HPiiYAW3<}v;f~h#W
zn$59is=V12iJty;p@=AZzfaZO*~?#;W9?2cx!kjWiG4h0*<$#d?O4zS7!|$A&y!ze
zM3IArs*%CCSzR6c71>C&tZjp@UuehU0&tYOd;ZkQ&%~k(or#AYblI@x8V_jl0luf{
zrX>HH&q*~@75LTDoaG;Vx-LISId{8qeAG}*z+72D&kPqN<oEnp-gDs#1>T3O?n<Ms
zbIT_8MoZ^h3f3fY*Y_?^v-6vvWvST(?{1wuyTsL;uUC%N)@ediqxVt*+)H0}<_?6@
zh5Fe3q=1tt%BVz)U+lr$6KxB91BWln^GadH1PgH@yXwhKQzF{*tjO!&(~`ZTQ+G_*
zj!cGj>e#SKlhv%7QauH3-!Lmbn>K;@Wf+|xOJ`fj+WS$OCd4?P2eCY;&T>$TvizC<
zq&=KZf99Rmlc(`p&3j^F`~x0Qx=D_b$;-$Qo)83D*`lDdi~K1qyHrTvt}YLiQExc*
zbE`{h#!DZ@y7LoB3>;?F`PfrTpG)ID58LTr&Vi>F<qk7Zb)Y%btVe8!`Yx5=Y{zsl
z8$+Abw0hpA4vI0{fa(Kb4>@9<_+_sou*^xp=45VT+U9+Qt2w45Q@z-PMuyM&P9lt|
z{FQ9g3#jGVXGP1I3zLV8JNEqT)&uiDoVlb|6-q(2=~9x`o=FJgja%D0xdwl;I&Z&w
z5*!6rCK#Twyo(#0s5c~>I;HpSG3I1(#20qo@bh@<1}BphUiX+PJgLh5<_Qsw2x5E;
z1&k83y~k*ag$*+2eVHrvKJG+`bk%XS&BDxIjwz;u+`^vcFGb@4=@69_&xTaczJ_G7
z<9VNHFr`2EdF5GRiuQY?eCBZ@Te<!tpIxQaRxhLcf&kgL^oWan?X#^EyTZskU>?@b
z-Fox*#OCLf*sFj1+54|h4!4gXjq+uua(+gzv#FI{DcSTl-QsVo9Pp>sTC$TFd&JJL
zUW^Yau3Mq|0v{5xU9!7qUaBfeIsV>~V742tD-nJFcyfWQ@tHGnfdnJIzSmNu{&|t7
z0YfXd-QUnJUP+n2Skkx7e8^KU<0H9m;$vpYZ;K`j`j1_)e29AZVln0+=W`VRcMIf9
zg2h)9wFzb@+}{3OCU+i-hv}sYRnd3^7$Mj@j6;QPd5Ld6Xd_-#h3lP}Pkqzh^g5g4
zV^CO*3F8+*G`EFdz7*>tN6{R$%2Db=o7`omP8|-_XM~T(HN?wDnlOr=L+PmT5RO$-
z2MZp&wpnj}N8S0!ii|q`d08>bicwP5F5UU&Ts~4Sipq~hpwJ?_p`tKB<BY@-eox4i
zO|vJL;?_1s#bfYBQ^kP(S<Z~_l<nY+0b<s2`0|8j9nfF1Zc<W^Z)Jm38EtS=N`&5~
z0TMBk5>a?#=rt{YBjc%Vl}#wZ_OuUKB~_h%MbsBlJLr?G-E3JNUE^6WFi2XK=KLhH
z%3*!6uC&{>#p0>;glBIR9v4T_;==jHbIsT=lfP#aOW0ugHZJ(An%nAg=3X!S>}vH*
z^S(}_9zu2Ej#rS#FazN+x;o_ov)Vb^&$qQctM4F819xsJuueZ|kJjJO7#Jrlng;Wg
z4R*#MePBqqMZ7dpP5fb3=4~EiOMcm;=O@b1S|@kji8>q)L2<y7Fd95Z4pj9@I-dfw
zB=@&3O>eJlWOZv48)7+0yMneZgGC%g6M#wYU)OoVu)43BoL&^EWn}h7&m=cnZY6Vt
zhhRV8_5S>$-GUQ$$Y1P<b=}>3by%_7g?j_sJ7!JBTK$(o)tgMTO;_KKd8<ab4jun(
zwA;F}Z27d%ajGt!F-OML_nBmOq@mVLXMUZL=9gvMYfNuxZHjlkdBdKzhV-5XNW{DR
zX;<!T6|I{&`Fq;Q&<FJH=*!J6TH47y-N1LsY!W*GS=UJ|z+*)<k&yBH$~E7dTh=|&
z%T`r($u_IWCz}Rtm(RVadmOR0d5}yhlOz}q#u_Bc+{W1qi{ZF2?XP-cPyX37P;jk7
z#zPOA+AGIG>!gN$Yu1>fzGm0;FOfAlM_}T?TG{D4AEFLq9D$vCHLh3Utm(hTd06YN
zod__6BH0L)te-}iWnSvN654o%`fdl8bQy3KMSCbOBN7S@{r6uHez-H)>zJFr?9^{)
z1ZV|gZ>*<Cn>DHSuy)EBlJbJu^YovH1VEQj_Dj}pG13<r>lQX^s>ueo0)>jkp{ww>
zRJS<s#MkLdP@v<?sO-tmf}XEg9|lkToKAzcdbvLQQ(Fh&%#XMG!;KpV>C7*f%-q12
ztP?@2!!<S|Y|WaIgi7ll%*i;r<&~}8sEVvy3K%I<r;C%W>`K|;a#}3N`L>9zS_Uan
zwyPV&sPdDWB0~|pW+9Uu?}dK<*s%p&@%^mh|76=@v=ulG9I!LhR8_jaKL_~#Btux9
zdu4aM+IKxrrXpp~CNohzGWp)-ug8kzxp9L-)6&3`c2*wPl)fwcGG`{O4ZDplfcf8b
z>xAE!l&UW#U~;;60oXoAt$8YdUvm_M7MTvK@GVE}Po<Ah9{+VIFQztZKyjB~M74Zq
zc7L*eC)L~i7iKym-frN3Qd*xyhlcTquq^=BEUE%Kfo_IebUQ8(5g=)I6nOpr2>^ZE
z77B9ihVN+b_EtjU;xu_!*@BF#6u>GNNObPj90m?sVwdd9eLnY}FZLl400L1>lmPzf
zuttL$-oT4FxC0DT^B_sn3#8@U8<`ZAnS<=I3tZJ3YU_}T<x;yr1H_1cfDn}n)4;Mk
zyCg6Q!dcg*04RCF>%3_{l(4w~CNJ&XfcM%qU;~MV>cwFwvCrq|Nx3RvZwR!pUI$sp
zh9OwS0&tPq^WT=&=j(SNnCQ#qZU8TGUSz@6LU|+~G@V6I{A;x*vO*J)>n>#I4h2{O
z#09wwI0k)(X#p{vBO<ZayRRUrcV;UZI64`c=)QnquSm)SWW?5&g-<qe+Yc!K55z*!
z_M}Me15Ndy7Z=-Q(?D+v%r{yVua9`SL7sH3dIhoTVerk#H|5aCdZ=M-+iT(-)R*rd
zd9xXsW%FvhnABx5eIf1y$h{o{8K(W~X$3D`<{=Z{4EcPdN9*j;<@6<_T`5G!@Z82s
z9;D^zjN6m|P91Q?fP>k7-ER#FAl;PCmKN?mI+06n>sbS(=K+^Eo*QKO4MQLUQ|jH}
zMIS;UxK_!Eu3xlFvY5S^<VLVR69moIft}1jaXm<m6AIrp-urvJL*eyTgdPfTC3Gc~
zeZV9uLSO_0g#Oq8gpxVPPMPfhmKa1GsR{>dxr)ZiIbDohR^mk$*o=X_(-(8foy`c!
z27|_#COolGh-DCWn8Wpf&cJr4zz^^oF#tqDhz&z*L4j~`<eq!w&<uQ96X9*|G-axP
zseqB6()nu5VhtJ$>zdFChN->am<HjAQxN5%D$*EWShy8@^p+uGy5i#SX1g1o0(=qz
zW^hQCOSob~$tw;0+>A(NvQ_&JyYhMU$XupTu<Bf(YsVFY+t?p1@3*fDiL3l&wdK*J
zp44`J{SBkZta6$oG{Qjsd$@yesPe)d2s=sT;<{mN%#Mv^aRe&|=LPa<N4}%0!1`{O
ziL}rECOi!Js23i|lp8FnKNl4m0da#(o3h0fQ{r1vO^q<2#2FXkO%xQ9>36O80=5r4
zz)jDE37tr3b%CY{;9;S(HtzET(wylx*CAwU1UnM4y-BzWQ5f_~lqD~*UTh{GFyDYC
zL476oBP>&aoB3IcY0Z7%-K$d#W_|7$uLc3{A+Vzs>d@_+PNh=9eWr6a^obqzD-M84
zQ(g|f{;1iYixK)ZS<)w_G<_{Pxz};4hL8?Kv*=~d_3}{^oVmDi-gbsY&|`fN-5Vk2
zw$diE7|H6lDiiBnb5dt`XzZvP2za+n+gy#&EXkLZZe4*$BMbZfMOySO&PePM>yOnd
zn^DQ!Lq88Qc8^Uf$>odoz`IMp*)Z57G_7yMY41J3y$<(ov3iAMM}o6yi)JYh*u!)C
z33YkZ){!A;c5ih{oXH-_hVe&>thnNOXWx}Hen?U)bSI`X8i00j9IgD%gQ%*o9h;o%
zoD)zCGDp4Pe0ok;a&zW|EwdfH3Ze#n3Cv)8{~S~9*cl;1?pupX#m-;-%C-l^zA{*3
zZ)Ps1hZ~u%K$+8SziVkb_S82W=TF|tLAU1s<iVO#glkMJTyeUpep{#`$7W&<II5OD
zBanRPqPS64ryF~CS9T4B5U*e@<J7(Rf$4QH2iY(WO(4*iHxRk3P}|!xiq%_SM+_-|
zeX%&RV7?7ai|+ifU4tZhm+Oqr{AiRq{Pw<{j!fWUy@BENGSN>+0kq~*H@DZT_vZKE
zGhiT~+H-6Uz*XEOQ-f4mH^KJpL_vme;9is@FV!o~7k;Ox?Leu>{{teCkS!*MY8`P&
zasnpwYVsWP8x{gShZJ1Eu0gmGKLUncM<l^P*-VeK&^rqZwR!t9OgSs$lG$wOPqm9-
zi%>i7u8Z)!h^tZcUuu?G(k$6-b`x{>GGiHW<<Typ);{-S+yfQWI7Pz4QsG<tTVI?5
zpEel!!LWf-lF(fL`~*vgch3z}dC?`4iM^fbJ;KZ$G&jTVE85C}-OqvJkEEMhjKUkS
zK8-VRog4gc&A_}K50NugrsBA)&Me46tb&3LcD<eLQIK;fIsJof13XCwXSi2IY(JUB
zN)c5w@L1x!E<jXN1ZmXt*pumJiZ;ME9bxnuXKl(#z7O{SFqQT3?1|6Ja_t}Tm+MUe
z;T`riVtS=eT-e}x4BO>!HF946E8Ip%U&e0;=(5L15v?vBzrJW|?`4!s>+<E-Z$MM<
zFr8J8r-nS46iZ#j?yh2^+Smi<_CBJ*LUX;R#89TlgdcA^B|iFu#Y2wL71RTa@6WtQ
zSq*-h2E#s*aoE>nADyTfXj&V^vqHU>)f>@lYTFgt(0GJZSAO%psST9xogDen*!5i~
zkDE!=lYROJ0cg@ZwZ&*phg+AX#lpc7`^fB~Fy&UoM7xrEX}izPds0tPJ)U>@lX0`i
z4hV2ZqkxybPxj(y52Bls66jI0^nv!tchwSjI$u^b@PzZZ4LJ@&Q$;l9YAY+y#olyY
z)t}&=gbb#ueis737#Znb%9dbX&Y{>|6MBjId$A7L=^U(Gf_uQ$t!(en_d5B8pVB5q
zs0dN<l8|OV%<uGsAS|!2*V$j`tb!4pe8o6fbEU<r)Xcx*E~l*o-@0}NEf3*-7HG2a
z2Tq@auuY2%QhJZZA(HY!jHr_T&+joTb@^>B^n%m|epCX{Q8!kPjb7IJeac$1i8lJ&
zJSFdTa6HDb_u$yKQW#sX6MQI5B1m`pLDplx0@+=*uu8vHihku6`%}MJL=B|8c23Y;
zblHg&>SJ?)Mr_vSRourzKGtKG<!(H5wzbX3evV5=>TVi!C6G^JLxY+;!O(jvQd4yg
zi~xNPHFZfU(~-7aC<ZQQGyWT|X{`o5W)i(v@56&{%Kgey;a@0OeUOY=n~NlIQ5$s1
zG@M1xWy(*TMQuRg;=A5w4pSY>3!iwY*=}|A+q2Ghr)J9nopG1rj;m@eA>c$eRn_@(
z*-#OKstiK&W7UP+Tf}Au#|5IzyrA^aB<Amg6n~;XFV|9+M|XElBbGE5NmQ2Kp*Ge}
zjy1#c^E~@1fEpDZ@dd>fsYy{WYn&yjSLX9Qn-ls2Z#J5!j64T!$Wgs8sNkxcRohv7
za)`4-NSZA<+!kfguT3{1R3ccbTk(wjn)S~2<lUa)S8XQ=GhBuW>|lPBIF(m-l+-eQ
z$S)^%kC5=G`i9otbis$8S&Jc$huAe!r0+acXSv!Y4!fP6p4e(c9C#Gr@x0Ua>DRcz
z)xo}Vo;NY%E_LgM0k(iP8qANb1Xcgbw80t=IW-jet-IrpzgQBrFjhFmMyyjWSEy4S
z{XGwdTLcH=>VUPEc0d`HJ~71A<Heoh%MuNh3KDd2u|6qPtuE8X{2BKi+g3ow=rDLC
zW1$8Ge*ri~ag*WzSiAs*gjfH5Os`QWNI5dW+C#?~nqqt=@A$DemI1?CtQsYHc|S#@
zShnddfpMu0&JvBhl2>{#QS@z#52L1Nq1cU&w;PmVu|LTVs)1Aojlz0jYs7%tdM!jk
zNsE_tGU(*|c|XiH%grExZG(J^6(s>d6YgRm<d1y+(-G{g!B<@pYLt&`f`fl_PgoE8
z`(esp$lN$~6^3jUpuf3%3uC3g2*>L-(JMFK+O{!KW_dv;;jddwFMmynJm?Y$5n#UF
z6{&~Kv3WOs<_*5wEnpY>^_+NW^o6_)9xoGA80DN}NR1xeBe;DKd^&IWDHaVg<W}*n
zraLUuQ5m<~=hzcV!R*oBB}U5jmsQj(4;scclO5%hJ-M|<F-#2A>6%~PW)QZ-_|^~C
z-<a2~;i2g2MfywFNfVC?gdg~J;cl5vi=3E_i_T1zSv+s!*>xsLwLFs|+x0vlOn%ZO
zpUT^cdKqjVkqMQ%<lM!E?jrdH;ODe>!q1vx8e9M)**4PU7WFngS9_GM@qmV##;05u
zIRs7Jt<0p{VslA>QQU1a`tv@^A_OfB9x8$%y!i>%1hI$}dVIY)Rq5z}a&pqz`N9Su
zw?&ymUbeM8dS4#JaE=)>J2-khL8PSRjq8ORL|ay!t55G9IU2z8*mvxgo*1+5+45n7
zY&#5YVo=b_NN8ofRcrx=sbE=nn6!@;xA};j!`^wWVhIO4SUoQPRo}hF9C;D?Voi5K
zpe4Ug3<E<Lfl>2SL~Cfvv!jMs-0WpnWd<!}KT-4*K@IN59SZBeI_%BPim;UU7<|c>
zrj9N3XR_I7VPLxvWULFir?eu4Z101<QeUb%E0!bw7BR?h!W|6ek@3{5F*sOP++`_&
zFXJp0bU~_2erWjuwlnQ4mx6@17OQ>D6t~sbP(jW*W=1oHwPgCYx^@`-_5jvi;s-Sg
zae;3hQpduB<WzZ6wWgSYy&YD&G}g!Y?-=YN&QjVk^IQcU6wQgN<2ljy$wOt&ADlQV
z?&ro`Eu>^(#MV5iebt{&8K$Jk<0qB}$E+Z}viZd%M;T1rGrRWGwaO=5a?7HcB66Vb
zO1D4|R-*5)N>_-Q5DPs7CfVo`xBVP}dsWme8AMSf=!rJ5B{3^*|K^~6I#U|EmZzD*
ztnb^!-+(=F$iHLFcyjbu#qNR&%GzvDl8sC^K(U+3Br}Cl>weD9lF`eMhONf1%?&zn
zrfoL%>#a}6G3e7`>~V?GQ)RUkhpcWjr*Z_YMD9M>eW0mzCi@nnOHbn)?G-vl-FP-!
zV%qQkz)j(#%YrH>C$IzkZfzj|H<G<M+o{5A(#ciA@FM>}v4<t*S(=Vx9`)S`gDb6;
z1J{zX;kk<kYl~o$;bN9NS=ocm>6dR|a9<wq>1&KUV|m2h#Phk;mN)DUH!)Xd#Ta5X
z+Wke8oHu-}Gp1`z#Zhbjir00P=B2s(c(AN#6CiHOvWNrTJE8cMAP1XNu-3L*EJBOr
z>BQTh`x4Ai*M7=-khkcy-Ie)gf=)-w21JiT;o>8-Ho=-eU`j24oqTZ$Po=#9y0e=Y
zUIs<+^p=pmO=>_@n9`UOC0!Iu@f5yBVe~Hpo<((P(^M%Wq39PTtmV~0l$8NV_p$OZ
zRt$_ax>N0v@XtaUy|SsmYsUE5V3DN$P+0k5l~-~Tn;V^VcKT$Ls@xJ{IbZM*?pxNq
z<4BvGpa=8oQL6m0FRwYgmLXq11+pB_d*`Z2bEoT;b<M~Fo}1(|!Y{9)%LF;uKGFr&
zG263NJpVljjI1!`L3ac>Lp$#h4GI^Y#?0RI^i!c8R&BoaTu;fV&P_&)ATC@M1FsdX
z|GhnMOrZ0eVj<o-daAOj)&eK(mem$wr8^Yi!F@sc@#^JGryOZPsR(koMYsSessFk)
zhKX(l={50nBPwUjV$P^<!T5Gf|D)(#{0D@hI2XS(PvBDF`Gd(1I+ou&zp{O55Ddc>
zU&HkB4IO>!f_5sI`@HE4P&4tYQ;k&NilU+8Ctm_NRxUsfGv%pTJyVo2zp||rPeR@d
zHL7~pCb`_3LE5;4?Q`#K6zUNqJ?xYmC=stbam~AEjB0uaTSNyn5R(2PR^%LFqY1jI
z%16Z^@SM464Mze!?_MP>yatd9jcU+cbtTjXsYG9dY+%bQ=Aq==UAJH@YHY~GM&QPX
zW@%y;C0$Dmm-2WJta;`{$YY_tBL3q@&4)s(Y{`ab)!cq|?nDh8p;%9j_mcO=-&JRq
zA4=s&$y+YWdRvrlZImj?pXNWFzdiL>x11$7aOUVYNr{bfKEZ}oG@#vfP4$@Vmm$2-
z!EkaxK7qE7ZbP*M%XAQh_1CZvYf%`h7w4=s7GZho-zzq3x|qANY3PDdHVa_-a)csP
ze27v=(U;6l&o6q=d;K>z!<zqX(JmZyD=0XlFx4zWF^@5e{b!{3n%XsX?o_fdk=b`&
zhkx%Ad^4L7LH;r(9Jcb5frV)ARz67f;AMB|eNSSM2oBHz&1fq}xgw=Bi57n8^~2M#
zMD{u#3-(m9ff0WN+J|WDq6S)|13@mn4H}lbfyyc8Ta*V}f)}O+``tm(Q*bzkQ_R|<
zaCFj*1Cseq>>37AoeFbFqLJbBW2Cznp^x#*EsD?XnBDEDH?(owN--UjwS4$3HwpKq
zx^6cgczq1xItR)Uqyll@-!UGyVRgj?RN0uq_=oFCK$$yM_OICmnpNlQQav7O{c|zT
zKdP4%DLx&XXS!lXb20Y``@{_ga&!*3g$4*Vui%X30fuaUHn?Pqqz&-<@ya~}v!hc&
zd@Jt}sr<El=sD9n>+uh+AA6`)R0cM-{}gk6{UySrO02B1l%>s0omGm|l7EbdV@Ql)
zrC+u;hJ*gXd{bzYRCk%JwE@WNX<s~T)qRTZTO>v3HumE~-u@&lYFI6O<;mNp#6wF`
zI<)66hFg7m1s_+#EQJ)0s@}mfYhAN=BSpnRQgy^J<t1ca>WRE$*fOxZIG3izp?!5q
z-(7U5fI&~#MJIQAB^=`ud|h?CFEL=5N~`N!<gSjOodK-`FgaCa?jgA>2s+f?X$$Xc
z3FOBPgu7>GGi_;!ohi84o0BbsyMX=J!`~CWn{um^&w7icm<4vZbm4b=wFzDbxtL{d
zt9Fcf<<)ATF6!8kMCNY2$CjwH{x#MG?y#+AU3jZQ)>=FF-v_5RdIyK*pr1lRyPSxi
z{Bi$h_iCGsb||uXq?cvzuX;OW@L7V7XsD<yU*|~k4TKP-sIO1e&c!h2a9=tCDSsfk
zVtn?{^r=`%FKuwK)UTBsqg|`EWaHv@q}F)Qg7KnA+h?!h$Y5t@XdApq^XM7sh*2T&
zpEN0exwr94dl!0e@3+0y|Euj4<)Gv&AQ5}~nsWe~p;12ZP@ky}yAh&_)gf5XRAD+a
z&s2rWOg`3=T3=8p-V~LRyrE-GO?B!33oKxhL4idkSP65#RL!9+-*igv0NtTw)76tw
z2j9-BdJ9TzC|@Dn6~qw&>D_AFvJ2m$yPd)$+u5k;Px$lqrT8#w`Y&Zke@)YWRcXph
z{WLaQHHR&PPP+b-a*XHOOwXzJqFOwsn>S9qC6pTAS$8ukU2oEX9F^P7!c{C4HKgC;
zc|m>Z)WUw@k;l(+oyT&(6Bj*CMG9eZBr0=mTMO0b9=~(LgFXtTh%1&=Rl!F-Lv!zF
z?i$b?>cZBma5EBbp&ZI<yY+TRZWvzl$lFMoQ|4b(rSMrKIkSNQ^>SibZxMyT5h0H<
zg$HkZT#P+#)|auoupZTTJ%!^VNJ=}Zwwbz%;N~W(`b@>2%C3GZBwB0mKIR^3)=Qd(
z?t`u{Dz}lHWamidK%pu=A@nmJC`*?%$CGON^)mhMNZE^4m%a?hcMeKh)`;Q@aT7bu
zdT%QZf#xrmJdDyVeH&NPo~TA&X|<C*+{!o=QCli>mncb2k>E@pxbx$a#&t=Otpq<^
zw!e<0Y2|SdO5CmzM(FEF5oxn9jZ}<tP&zpf58}^m9wLbQkTR!F6YN2HobcP<+ELPr
zrBxKNxsr#)H?3>Zalwz@)XJwFZSz`wWciKfOKz5=EgkOcwXeFljSmcBz{@j{ztLi+
zsFW%@z`5&PXZ7k%3iHqXmd@YrBIN59O7w?0cl>WzOiA%|^<w*)87oI_cP@Pp6T65H
zB6N{T8m?l)-gPHw$WDml<L(N%vs|I~7W$g^^-1p7p)2()X4fUf<n-Kz<VxU-b%NOF
zS@mC_?*Q*L!m(k31mU7*s#fTjg^Erce5IC7V*OPSC_cnBkzO}mJbv^nuf;E@iJz(c
zRp1QU83Pfo%SI<*JBTN2ZNWnI7S^Z_`GNQB>ji9d2MejRwFFO?M^`tqU8aZQgQRpb
zRqgPxm!hrfU6kmf)KYn5;oHA^vtCaLvf5aGL+|vcm?W#Yiq*3v_EcYB&kWYZ@U<v+
zn4zu@2Wga`mszEP?@>Zl4eE&Zh)u!=Sd*`(`}8V?-m|!%rQ)K?O#=%zdGl3-cN1ir
z==m*YGqbLo!w4Zw{mu#$P}j#&1n(4b6c{x#9=v}dD4^G@`EhRkePehuu7GmQMcO-n
z&!B*`H~#r_&dtDG8-sbaJ7i12D{h=HBb;tb%w_3=+E>SqU(9w{%j!N19>)2BxY`1M
zI3Z76zFinob>K2zw3Rjaw3R^62Q*POOJ&}^inZgNbbDaz%CsWBU^(ct?R?9Pw^l{2
zk4swx^{!HAxWwn(dDxM?*{fk9)#;~iaf?o;g=pO8%1vYs*LAu!^-Z1jYPAcKdD6t~
zR7%#a#fT+M*g(8o1aVMwaXgNHprPK-ucVE4PwVARTg#6)b;+#AK8h^pwI?wBB}g#I
z9A`s4u-5!`<LE~J)4GluvFZHLp1(G-qF8Q+Jsmblh&e--f8$IuQ{)o+&5DyD?no8E
zlc75CES626kJD5Yk!gU8Oa774pIx0t8D^=%XkR+>HZDf$;5)=%nM_Uor>VoKOlCJ8
z+P0>8{pttYpr1z?4C9S49_ZX3H?f-zt`d*Ib1?Ah-^v+Np#RYabB*1xy}Wlqu2W?*
ze=B&6(J^rL6t5t2Rg|qVl<2P;#CZmwVC}FkFw?D>Cog_}*$s$6ALJi>BL0{V+u=QZ
zam%?0?lXgP#bXJ*nFd+}u62XO{MlHuSkhD~9zAV2lbHBbInL++xyB8KG=JccW&74Z
z!66qfUVC@<I!CBa4y*U4C>BM|$7f$x+gE)GcT@HV#(`|DqxH|srR_fsN%?~ZxYpk=
zu|V!4!5>X~B@{8+ckuK815$oOlyLO%WrL4?gfC4IxkpjPtzrXk25DFC*!$HGcEpn(
zQ?n<Q5_MfDk~GjHY?cb&zFf%G03^9eH-qzSS)BAuLr+-Vy(mBMfX3J-wqs$HqHul?
zNm(yxQt*^HJS3j?^^v2I)igtm#`nf<#JSZM7jv{rUcO)JDoMYNN6WX!6`!6;deK5Z
zj}KQZ4Y|`;2_&L$lQig~|5uAGko#EhJ-ENxDf9E!F=*ycagO}eRR$lF^AnZRzR5rl
zG%?%ru3VlklMsIr3ZHd_*fuY;CwtSqnYLQqZIlZ{cNlXPQ$AkUsu}*UQO5)+7*79s
z*dZ+${0sDx@b8odEAl`8_`hZ~nP{)Fo;BNnaPEqp|3k$Be<Z!*uhm32v`>8BX9$1S
zR;+}&7U~nNAF7`10ZH&nIi4e@b8o~VRJ<(Fb>Iusmn>EuidiZnRNC#~_HIf4c)04m
z&kQv`ZYTO*PwU@+$a#Mq=#ynzjWShTwuN2l!=>#mISY`s2leyaH26Fot^)z33IdIn
zBTZL6qyd6S)jq9(2*fn4y{#|Ws3&_~Q1^MC(e%5Hd9h(|%mZ-4P4m1U)*Y{Nr_#<M
zw4#ThuelHl)EtI=i3ogC2bF(aqo9C%0h$>oil@iqY5pI3BY+J+8HFeh<%gK%^W;`L
zRm$IJ!%MwZ;zuj+rKC{keSe=s?*=~6)+pxb3q%VW81ifdsHr)I8HicD2;pm1{c=Y4
z0pLIk*cpcOUXF1Hr3V$Tf%Si1>L{6#TBb4xE;P)M>)yZ-fm%)DpWg-Ta92WEAFd2i
zcq;<{U1e*K#u38wJIer?3|E5w!{8RdVkV?7b0lu8omUQwhztWU6*Ol7#C&VirD6)`
z4ja4uhxj*YI3k#?#JVNK&e$B=(<?61UC)oJ#FV#MNnAV$RaDRqLFTUm&g2%G4SjNE
zlIIgiydA)*F-Ab?0gC`EQN7Ap=&uDghagn0`<UvLgc*6p@uCU{fnNzRg@JlH>MWAz
zd{=Uzie$1#G+~k51tJU<gzJuUDgao@V)lcEa)^7!Z#hN*LQ93*QayV)gi)ys_yynk
z^*z&IF83w|=vnrIK#<%ci9aGGi~~ycaHdJ>oYBZ~>_U^`uA><jN2c-FujTUI0L8Jm
zGkMi@v&F1x3tBp-<{_TgAOIL|RX~#Vd**5&x^?e>&;QF6oWT2PUveL$N83S-p-5e*
zISKtF(ENQF)Y!}+s*@Y^Z9SEiL5(`{*&R{!zzqP0ch>_z8iDEcfPE~y;^5eoeW0CV
z@i=HEYtNZdy5rWU9-~;o7-<N?)S)UH6&nqbBm4S3Xx}HVrV1;4Co^A}jDlxF*%GLM
zb~6x=sbUSO*Pbb>uj48n@&`gZq;ja^j{2eX^wE`VAcUifkFLdAdu=Z@t$R!^D}4aU
zmD`qQ8E8F^nEa&TnuUPW@WmK@y+!~KA3C&HkVM98l44qdvZ^7B|1g9jgERY^*c5N>
zGdaPxCjT3o%!=en(O(KqH*MI1#3~4SMA~VESn$WgwcnAK#8XrE#1cBUz`vL0qJbjC
zH4Fi>LepFlPI)w*c<ju-)!)Qfa{fVdb24TRVyrkrQoUE`z3PC_Enq$<(=Ohg7za5N
z-6(Lo7AEWgssYsxrem$3{~mb-87$(pNnlUf@w)<P*dG2161~^KKB_GCj-eetzqF<<
zQ`Y6pL!R~ol3+Y#R0vP${4l!xGfSKQ+{#kHvt$qtLA$C~q2gOYoCVAO8h^5GuD8?q
zu15NQ4o{bVGv2`$9utyq3|@F=88O$g0aUlja)6|`ax!<H(Z@f2a?7DVCdWD5^ph10
zBlW%rvvVGQdI*T$rehW35Mn(EI60=K>m&fhX|3-|_tS}S6(EJf+Y;SIO7|)+U^$^T
zY?sVrA5Y1u{8UJ89z;QcN<){Pu>>~u`8j5&v0b*G&;hY<O=nS%O06&{z&w|YDh-hZ
zXV~cQQUqWT1&Yzy1g${0{w+vTW9%Q&6pcrMc#h=w>b|J$erRd^TG{<TsCabg_CH5(
zj@aKs5W3P6r+D&p6n^E^l^Fpa2P4evl{YxDMhO~7^Q&hF^e`8L?q_liy=YUM*BGN&
ze{xfLZU2?)pRG)Qo!R)<Z`&=Pvp6XkzvcYRNLmNey7dMNj0o29qiEyQU!b!i!%qu=
zdB7<&N>=^_C6~NP+cRiq(<_BPu<-`F&jpxS;yjD#Uh#QaFWv^ibcxEM7y;K4FQ3)4
z=Bc)M8qV+a3yX>et_;cJ;avY5o1~DxJ39Wx3=Rs{M1}Hvz_~qVw#VPNQVWAWG8oTk
zCT)Vy4+k?h$XMW&ob3P-JDe{`KwxZ_O|XLVr6t&u#vr=?o|kUDA*`5oS$Eg1MaCA(
zft-2~fME_{z1OQBt!7*5cunGHLQ|x8iYMSV6BR$I_qdq&JPEE+kzw~YjV)8P5uAsN
zF(Zk7SM4Vt1r9pg%O3sZ^+A7yj60Qi9-y>Y^*gP95RjA`wwFL^!WznC<2S-<<dV-g
zd-80<C}c8PnSuCphAcDCQ?7U}BYtfUIDldI4RR<Oocwtl5fHbUa%o?Mhm;OL%g-Im
zbc2vq1Sb>0r`(zK0}%JH@>GjqUsD}|QnVC!CJztk#v@Gi5JH<VXI}~>c>|i^uf0Bv
zuTkirI%dTR#l_jQ$OW*7wpOR?zW=B0AUFK=oYH^eT?mP<JLtV_v?;K1km>;Ad`IL#
z(Gop&yLkaLE-Od%fGP76+gXEHQ{a=C198ra>--(dDS6;A;8_`TgQXHO3uLO)Po{q4
zKrSgUd+IDcUW1rRQ0B#m{Q^WrhwrEyz4CBZ<uORV4e6LV#Hbgg=f$Ii(dDe3dN1}8
zl5H!|bb``oqp63iMl)F1wWT~Lmj~s6m}2m4zL(T(7J7X<m8<geUgx{t0OX%E{3SDK
zpj^Qn5*P@&=^XzosDgi^zJhSb>-_bec=n`DljYZOzZ9#cP8)!bih716MAozLYppOA
zA>cJ)mdFdVI=FxKDYlQVf#<u^Iyk346&t%GNP!1dPrAfq-`kGB6+*gwb?(!yF+rdi
zB=0UJaj8TzQZ>;v`asQ-g^5K#J6UlIfs8g3OX?r_t+txfdV$XdYa%7%4toz%E%oC{
z#H~$49fE7L#aaBtjFX5w3*6_n56hG&nKfZQ{d0pl&i%cwk0Nr{*<no)><H9vBs#l@
z=m9FBg7vwpVNJbME&Y&%X%DQp)+>-PDwATvVK&eXJ+Fro0kF`>VH+~5B)gU#|7ohU
ztz|sU#yBp(h-k`j$ws=&T<P%8lfC`<(T*JKkPKZ6Z6D6kra+MMRgH-`wM}Y~QzKF6
zpEBaVKU3_PM?TO&XL1VD{Hg(xaG)Rgt-rk#xJd|<xd6_06v*?gMrHLP|2en*W}OEi
z%41j0!{EB7d;Yn7V}XCGLH``=Qvd6!_&<yO|5|L<Uopjimkm@ogbp5bp9r6+%R$W}
z-GIh`C<gf`5<y#GkLA<0S|7u|&sVIp50`fE-nshE<&kmzbIW9#LUCKa3bfZj6_Pm!
zh}zS2(xA@XH{Q9`vuePCwxC*j3z#XsLsgIwi{d}Oq>ky$pQEsS$zpyVaR;z1q%}Z0
zq#1+oUi&b_VF<ZJGX|B5TNf5VCKV(8KbL9f_n&a9aURJ&P-1e;SAk9B2CZ^Vf2gKd
zglvE#WF_vZHt9j<#|e(=>)?swrSzY|K9HO5PpLF{$dWxjRj3s@7vh=AL59mvq640O
z_!Tgo*}b_X{hs-;4PeGhUrfHjzfY9jFN6QCIz)!dU-43&{Q?mIjCim>b6r8*ytt2M
zT`>ob`*6=>oJ#26KP%{njQpSL2%y4aC~z{GK1V^1tW!_`$%DP6^Eu4tet{y|$Bp<U
z(-r6qqkd5Lc>l-F{qJ`YJOnDNM93X`FiOsGBagw)>6vqt)X;bq(*w?-Ss7}5xVZe6
zm1OzPgg<|t=fD0u<g*LS1$8zpr~e|z;zDf#Q=gGI9VGD&f;S|aVO9;EE)(GCGIW6b
zxru+<HE!?ck-6D|q<UHjI$wY?9E`IEuaJq%pt6u4K;Mr9@`mi4A=?^P{XW1Rd>Dti
zzh7n8?W%XyD$5UzKjq$q_;Fic)eH{*4wOk?9`qz-dnpzHuruNRcp0G53w6bG1J5Nv
zw+A(@5}!4n9R`=Aa#IRF50SYPCQfu9SY-ZugUCP25KzHOz!6TKatF>sS^lCfb#52H
zPBeCdl8L~bsHh)+EE6l{e{R9MKexa!f(r=+uDC*vZ8wOd`ah9m#SniNLguc6H$_J!
zZ#$MC9E6VJ^54&A1NX9I>`w;|+Le`%^>#nx3*xHMjA?r`-=pL!OrMW@57e)T@N&rI
zh1vi)YhP)W{tr6=4lxN^9Kg|R34aP!?%Yv@)y{>DiO59>D3<CKv@{nccE^}~XQAD?
z`TNh3xcO&EKs$T?EtU+@n9A#gB+l~}L3;>#pV|+2QyP*3e!O8Qn{F7w&!Ps3n*MV*
z{{MF-WCVm_*l5i6qvp_nQCX=tDE;TX-HG$hE=-tc82Hb}sk8ZWeOdoX-1}d(7wTWL
zBOy<$n~`0qRWZ1=;rkxl{VSNj@#oLO&SG6d#fxV5?Ze@qO8NiV`_7=I+OFLYs(=)c
zBGN%nx>5wBsT7eWBE3q7h}3{|u+XIl1W=lEA#@U?BcLEbkQO9#>4aXT`t8m4Jo?U@
zIWy<S`T6e24<-|KcJ{vSRjzfdb&&{Q0X{3^3cxY!fDbp!OZ=m(2R=E^KlaB;Edm8f
zejV<BgIc{7WQJ?&z~p)yeAa8=JV@=|K^rgFS4sgAFfctze*+{B?*r7+nj-)-m^1@|
zNw(M9g{pEzVD2{okZ1StY&%(`ySB#wtC$8q{m(ry{rTsXRM@oRqRdvT#=)fWY?dzo
zStP6hL4yMb(8160J=%T1?P=`;?6(g`z}(&;RzN6e{A|p#XAikNuoV{ZkAaD=7SlgK
ziZMkM_;|emF4f0++)ybNV5o}V*MN+%^zVkr`x{V+(Zj%@uU<fk>V0NcUs;2Q(LS)=
zYe0K6{F`^8QvU>?u+?&~^)Y~>kbA-^o;HFxqzM|}3ns68p4dx^^Z<E`u^u2zxZpRa
zjwceX%2VnIGQ0()c+DKk!yAG5)Z*+5Ac;?eKL`x`K9B6Bov8`}_TlK13HJCgz+69=
z|1EOZ2nL<QUauutOX*CD<vM=1=ITAZ8rwP~ftf9k-~DiM;QYr18od6q`|Y@}mAnBU
z3Hyw64u<^TgibTpv|k5B28~5WK%_JPDA)}zx7|n1olXHno8SIpz|)>Mk)W2{XgR%^
zOa{8ovn1~pz=^B_8QQm&3v&*slZK>+KYo#@11TfppieNTA!%|ma{(A!sj)S{4F0{=
zq7C5fpm9);?F{Jw9+TH-$q`78GC8a~e6<fOm_{0Za8&TpBrs(=JvJ81+K!%`342Yx
zb7}I)>}Ujph~%l>AAt11ec*bldXwE7fY@zK*drCQ)A9RkTIDa+HP^5Mk2PT2@ZQ1f
z<nZpR4;^O!4>093tf}XW74P^#HPC&?F`fP2IHl_kC&8*Q5{1<A24I>A3jr1&OC1OK
zPsG#;oid5A7XU*uzs8UrYm7xVnVl)%IMRBb@TP(Ds@G0hC+38`mxR<J^1(E5p+pOW
z4$N0PR{*lLpEpQUu|kRiP2g4Fl*~KAo1oo>?Z<`5=4$T)L>_1F-C~Qz*li#xsbajh
z2}Js)HQPP6yn(x|8-z6F{1`gfDYFNptq(v8ypL#T1vtvZJDbKB%i&qxkgQeQY1iZ@
zQueWQV8r|ypu`upyRcHbkg>f0Sa`O8v-yipfm9yf7LI<2I}6fZ3B`lKi$|ux(g(WJ
z;2D8`9mjvH9Bi#&eP6BQn#GL0+)+a2ajrLYOVKVkeEU)S1_%jeQsH~a1uFJl(rGQC
zfycTA<o-JQfX3DPBY>-TCh6Gt+hCKd^==JmyHP8wR_YgkzKwzN#<x2nQjjJ_{fFNw
zlk!%E0gV7+VZx`++Ai-M@Dm`kjloIMeg=f})Dab1Uy5o34L=_Mi5WHkOelK*qWsR|
zD_DfG$R<;GPZC4Z^m&)XwmkS}0rQHourr-Fh-S+bsowy8weo7F1dS_FP-T7L>omai
z6LiA?2jQ)t%AE*#4Fl$1r&szHvB#StcNMq68Q9dn!3YnWC2ukvVt<c)>Zf_ui33yo
z7C1LMlj<>QjFE=f#2eDdoP0$PrYlU?1b{O8n<7Au$WDjR!qz4A#N8tT>Sv0X`bM8C
z<#(qm!EOmqDzL#^DgaFE8_#^!*UV?Oa+t{Bb<T(n?carJ#wvfGEUGHh#rD$Q`3wwS
z0w-u5O_ol-g|C8*8v!31B2+i*-unR}oCToh=h#`J$T$m`b%a0<NR^x@0@0F_<6Yw|
zk0Veps|>d50hlgtar1xTtWb}?7MHCZ_u3cM2PAm*jX}muhKzK?H9$Mdgj3?K;}L<7
z)#_P$2{_DhJsD9C4Kxg6Cz{c}Eh`TL$M^0FGj;_z11bE25DWx*<MuAl`f<AkaH_y9
zNGG?xgg?%{aSZ&L<<GjCA8!Z0?;W=?BBRqZqNQ^=7;6Oa9CrJwSdgo`9<-e_YW|K1
zQ<(xUdse?vsm>m&ZL0r85HW-SyH+L|L+}CM(D;*;m;lSy^d;_WKC|(SE@R-(>+LnV
zfBiJe-=3b``KmntS@d_gav!-<bP9GmOz?aD+GsNnl>JE?Ye-}Ml*aJ$)(MVHfSm8q
z1>wd+3ohG;DpO`xPQ_d>v>OGOo+8W2{eT>TbR*m;ukA2-cMa4VJt)6k3Xp8uFC+s(
z0WN#bmq9dg4a9=U-Ll$oAZ7W)1>5A@z!~r)I_ns8Rr^Vp<kBq+UBx?M;UE;yP_s_H
zz&{D<4xY-in+68e#xi~R7x#1J{Nucl!_?87FhlkMuEGm9jMC2%g4l{ZoAbVasB4Mk
zbrUP03h%crdQFBw0KB`y4i(5O|H%d@x1W%rj)Q>V>P0n`0ifTCs_}1%9L@jQ`bY*e
zhjrj|_3i0<5aEhvwpJyc5g!Eoz#L<bYgcZ~Etc2~7^wr`d%#`?y8(zd<Fbqc1BZG+
zzicw*K0K9U)4C2Uirrn+XuS^5kRQ1&I0Iq_<6!T}#Aiac<fG8T??(SFID!9oD#BQX
z2s9YC9K~8S0<rT-TdCV?*iMr!-do*D$bh(mJ?QvR1tR=@t_}TJPYWYIrU;>kNiK;^
z2Ss56m^L3tZNBj%WTz5{uX*_c^sbHd5cVmn5{&bmfbM7)!xUcZPY`>Xa6!tt<$SO6
zY5~R|{GgwIVcViA>}DYSQFW@)azOKDdMv0Qu(t`Y-#bC9unzPW0ZgB2m+wneywkg`
z&_L_>PeAIr``2CASvkl11z%7IprrgFAO86eaVsPfXku!VSlM{i*U@m+M6g6-o$dkR
zoq<M1IWohWV9}$ICQ|;_=g7UC0qu1VS&?Vm^jD0YI;UjDzW(z|)=RBG>j;c||IqyV
zD<Ot#?I2EWAa$mm(gDix9h8Gn=6DDx+Ygg3U3A{0f{~zh@jkYVem%y!!FrvP2?R91
zg@NvP{qyw6{$!9ji(Qgm!L9KRjO_w{wtw;83|)*77S-Nv9V>@slmr8xQr9uqF_8%a
zy3P7-C2!;G6_F9$I>Dz#gZE$T3KkE%zXg>y4}pw^9$iiKB&#kpdrI~lo?D;tELzEG
zvnODU9{)UL`NsygWh-d5_J`po?@h=a2_w)y@=Lml-<16u1{?fMQF;J9x-z|I0HP@c
zNC~)suzwj?Z2lHTD*=i?>`eRP(0|eb%Ks3%19~siw0$40!*+r0z-d4fL3xQC2ooFO
zLhPj=(YX$+BQ#<N<UIkEuzy$Lbljit2>50%#B9w_$0x8nw9hW)Hz!~*0&JFj=GT7&
zt_}Z~O1BuAzeT>`mw!(4f78AG*Sm!3{)wsof5>V7_p}jU-|Ih7+<)&aa4Y_M6aIS>
z{&z?GT?tll;i${8^0Od4;_Q_%{>KbirAMJIXD;}Ut1RF^63y9b<4Ld3dZX^YRgzFR
zA9k%W$a{2r0_R*agRfuBIIjEGe79A}xm00H>fWvWn*X;JL4;RAo{VQ|Ej`^FJgHmt
znrN;c5+?og^-pQ4ztm3C?XOZDbWtP90-tk`0WT~&Hp0;FFsOGCNDC7Fxe`&zn^LET
z?Fsck$N1{G;>@#8KHm+4b74u&TGGKjmH&Og!v6XCzi+8S{;|y9`TzHYfczi-DM$eD
zIR1R#><>d|xZ&l$=K;T<oQS4E^6z=Tk6E7M_@`6m&qaK?p!m;S`+LGG!T)a;2Bhex
zK-F*!>;#5`(MLTX0R{J2WT67m$fv_*-m9Sgv@o@i*fEGTpH8MqfvwPB{dpX$Va;(y
z&4A5C8GF?QaKMW-Bf_HZHUMc>(-BxQmF1DDw?t;94N1)<>ekU|%U0Z4%1zLZ0u*G~
z>j5Y0?86^51NQkS^qlp|10k%R_u*2({xld29?FaOgB@95AM(yLo*dLXswb6OybWeW
z^=p8rlj}a9C1rOIUqu3D1NA_%UMzA}*<J&XncXdJkHW(ifTvS`Yx*S}g55~YArtKB
zK7j*C&_aou4D2~~j8wMYURCBeh~i-GN<Lvyz%2v#TtHBn5#`!VFb~)VWPKj{bQ*<$
z==T{o7XVzn1zV+*{z9Oge={I%v<RYs2Nm+|pr#Kin81VK#~i0X2N<vpPlJKL94DTt
z>x{_)G8&S@kl_HE1W1#>SiEdQu;Njc!rOOY+q=u(5Bjei1Hgp^Ufkq99{ks>!C}^&
zr598(g+Y>U7Ft0@;A->l)A2LPgEdfD-}?UVQp<nLYqbjKX(g|LY6CT&8B9C@g2*Hy
ztml&ze5BHL94vgzan6)W@$ArWfckjwF!sP_`=FW%5Pq3s0hC26r}e|DHlXu={3*~a
z4F1qFIY^)Q$<G@=3XVEcHe&^{AI#nS7gFNwZXK+{t6&N6dDYAJj{ZPlXF?88D_o%h
zAe=e-%yZB<nFHX#jt=~8MPzf-N=nT{i}~tk9_Z_7RBw34C|^4UWOkQ7cLC&$P4zp4
zjui_TeqNy1*_m2fvBoCYPQ3>56Sf{PgjM24p8=N!GoL*Hz-S5frd_N_nW(&pp?}Ru
zNuDcQwjH>XQRlj){D4C+5jtv82n7MH#=;L}W#=;iTFTCF8p+A@SzRj=5PNfY^%2ZI
z7w|Lp4eB25189TILHrOQ!HN}Qy<uh#KuM@He*S}IJ`My}ipTcPwU^cdV2TF)vK{eH
z9H?s>*psI6oRfg+M1i3o@7XFZ@unjPd31d4S}t6>sdV574A&>sz~hVWI{pa19(H~c
zD6JLrMrpp#3-Q66taJgpX)A8Y)$C-A-=MZ@P{wDP;&+hW{$BC8M3b9rg*Gv5ZaDWH
zwUviTxF25vMGAATD(k^KcrK9UD)3x*&42C61^eu|mUuEp2WBOjJ1^s0mt$Qk0}r}O
zVY`8<9Vxy3*!hy-Tcxu-#=T>`74NoBWBj5If-na_I?v7~Y?NHN188qsjdX}fK{W|J
znwx)~6*vO-z{lZ}Ji5UOxoxfmq$605T9^W0u+d7hSE+i4Vv!62>X(2WC}TnO$qhX1
z@WqdSCFMLqt~#LHMOFIoXQaoT+=o@)h5of;z!=DZGUl}@`>d<`#-#7He0)G`c6ka+
zbo-99ms$NlnwH?Zw|@?1e8VT>ti3IaNHaSnl&7&}5?E<r>W4p(vH*%G_pIBRtx7Qt
z)bNdRy9e4X5uM8=;HUz2S%6A$>lv^R13%iB0lHHQ2-rC!T#F`4Vq*!YE`Nt+`r<7B
ztW@yG!xSuRO!VHSpJVDE-T^_L5eYooX1J>0C|CuR8#|JBBTHWg0{wn>q3++k&%TIJ
z$pciJQkgG|Z=_bTZ;T6MHL0UXi!!zn3j`r?Akl&)&!-G28|Mqm6@VvpC@wST=C9@q
zWRrK(T)!gI@YbPq?DwsS%^2>mBd{RR=WeT){^3YkKb!t`jd72OM~psLU!oFj-07eD
z1wu;HVAnW%skDLHmUde|B79kISc&llZM2M>yBu}E;@xD2ZV(s5_?9n%B29g6gL$Ja
z%>hPF<v56+t}l0UF6gtfs+zp7B6lzmqm3$2tO4yeDcE1kxLBiHx;_G6>iy=WA$b12
zFQC4f{;E;0FV;PMEw83Y0#1X}k*pq-8$eWr$<A_8$PUjRjE_q00r2B#nwDre_5f07
zR?hG}nXi6Idhs_vr(FB72OwCRh2|hoDh~}q1x7xE3(2fHrC%NaOY$#3KtuiTD1Bx}
zvD|&_2Tpy%$liW5m8*A%fZH5>&okE=)EZszgkE)lq{*(#nPm)v$Sief^XXw*<C@6a
z=S|q`oEd<ax{lZ;vl7@Y?SqKoH34qJ;=7D1An~g?@%6UQ!BXw&crHq|*E(nQ2Z(jF
zakH`b1J+x?zIi~@*-RUtf~-?b0EU<yY;rg2syrS*{3<r}YX%`duaCO{{nuwk-pu%E
zUGcrS?nCLB@n><qH6A7=goUV5VE{_mvkkBmH4;|k1_1veirEW^5!rqK#Maz`5h6#v
zZlms&VlViB1BDKWX`(h9hp%^VmJe@A$%Uq=OvRljY({7c_8DXc`;rWX+f9o$0xnk`
zTzF|L7DOEOMu&9<7^aO)kS!R*)sOu?nL8)!aD{p6F}2^1$`iT$u_{4APB2#$r1J0W
z^XDMOMk1oD>y@)>#wI~W)OKb6{^0bxiJknshDQlcuQ75PVlD*%iDpf%?w*GrJn><M
z>K@<{?MF(T1dtNPwQ>_~luV5P4xDTq2$JZYdR!pPY>752D)%amkVQhLCjgj5*pgh3
zmzyk_=ew5!wI6S!v1$yuWqksTknRDo@41hm!(c<G84iP0GR5ye_e=}WW0e!=>mBZF
zw#KZ3A2t9)wgFZ;{YG8bsOzdjnZ`ak%E;m|rz?f!^LucIW56B65(mEs(qM+(Tbl+&
zBWZ(s>*~s;ab3-I<+0LDhbyNEWgPC7B_Gatb~OM<tklP?E`j9TYzvh7@<b<+ai~Z$
zS%0sF<>Ql4G5ArQNWjv=Ofi=6D)OB&94YpBZvLrTw}uhXsjq(BO^!*i&WkLK$8S1h
zdV?o2WScWLUh=WX0**|!P&YK?z7jJrwrjryC)3@ORH$<_?%H<VEG0l68h6`ySir3K
zT9gXmlA)_}f13+t)OqLy=qxaDzJUTc%WxRM*ov}<Z(pB#x&&hB$1gxe$iGMax{vOh
z=}n-7_pr&mJHu%5vK|jk#`$HZaWBH*JhsTYE6jdp@bA$mLuW{l5xJta)9+@v3hsB?
zQjDZ~oK*iFfgCs0CDC@BpR>O(pQhVAB9*Qi^#o6{l}A~FHrFS@iuv55>1q<9nDz?s
z_Mz+24^!{<!(T+O<d{L7KM8+FCLOu2fb<~@jggk{z4piRohBWQ?!An4El-y?#(|y3
z&LX_3UY+Yln!*p6i<W<I*LpZNO+Xv`k;$BGTtUMc2ZUN<))X-5X++rw88${koSneb
zh!=PM*awIz&`N_wUf(2!1xNLqU!ed$qL6%5U-8+uM7ZOWNN^H9;_Ei0o3^x+Cf#GS
z2$C2v*e3b29OY$LiKg}^d7@mR^IDNaMTMjg;@1e*NX)Sg&mw$Ljj@c7%(c(I*cUiT
z3eoTryU}ssTWwwrfc75txo0k2{K2)_C}}#%>tt?17I$CFSuVI({?dDnRqM5JIYVKb
z80IANn(n>Pl9(0i(sP4ElMus&zW2PnZ-M|8Rt;ku)gZ}Y<P=G{Z`-srRz2u|pLyUk
zTQ$T2j_mSKv&oli4Okp|D57+rPmImy4t}!kbKdhvVN0X$lSAbB{iQ$!AfOg{@Z&()
zbU#BU{>C&bPyqkcGX2Jb*!Vt0+nlal+GJz#<vl)pY29*Bo>l}u+gArjdfi$tDpMrF
zM)J<5ZSyb{*p{s5Bl$zKVf^C8@aa@d%q01{6AR5oPr-S!wi~vZ6NdA@aM@nX`u%m!
zCsW*WSv`cdKDq4XCFiR&+bHxB+wvH{K*_Ml4GRsUb4xWe|2@pQfyD%4GZN*XeR|Yt
z+*9hHgE?>F%o_Opi_G0L?v4PEB9zAX;A`T!Kth6i;X(|h0527>YW#M*^l{4-Em0;2
zS;Pan%{Hk#>@8kJj_j-Wl<B1w-FC-|BR@Z~XhZI{3or1{euP0^dw;?yb?Aj$WAVf*
ze>7VJ+8}{4g~eLOMQXXQ1SwyxOy_-YU%D;@)s!|JF6U`PeuUmms*$LA9e!>9N2@XI
zn~{9u`Pa7Gh7@d9o8bx_P}M@<-G(j2CWsj#od~<ey?yn$yacqnVGyL9_FiJ6E_zGS
zme!)d)5O_@gB;!Si1$X=H~KJmXso`fOW4JcF2RIX%r0EdJo1v?fblFb{a{oxV7Dby
zY3U&Q;i=)A6%YfPCnKp;OczodLWNxGX<Se1y~Zb_Rb-UEt<;D}mg(~y{jB8Xq-`d0
zwW#5mU%!DLa-iim<XSNPu3pCNY?ez7MXYdY#nMTm4z0sa{7c#X1jaq@>GFlvOU-;m
zSs$RcuS;RPQ{4+R4OBfS^@-~OfGuVk^R7o@cy4602kr;N-6FP%sggrsJ@=P##t1_r
zOp~zL(cgAi9NyNJS^#>KLZUxB9#pU2%gVO5r^a^a_L|r#^1*VWi*ia$I`aGIm$SXk
zm1B3EX1=X<A<K3ttI^GS!n(C-D5zkPYW&aC3on<Xuv)f*Vb%Nf>H0*A+N3Fa;SH1F
zEHy3?9p$VZWkzeq2sOUZ!GM%wWIuu3Zx;21_ugWwHG8cddaQ#H!r#Dc%)aJR7VY}*
z=?ca2u(ufVC*$-4nWRdsjw$StdH$c{G#SoYu5VMs_?rzmmu5gJF0vVVo3228FyTZx
zA*3Fjsni`(XJmIPt_LF@{8?%yja|zQky_J#<F4-4-Egbx0R&8KwY2oz(<DJktOs>&
zls|~2q!9BGJN2dZs|^tlA=1yNOKS%}Vb{|wMT-I}W3L^t49GG~M=G9cV*)3y2su(d
zT7inPNKjq6*IuD+Q@OLPASH3Z!RnWYy>Yb%wb$3Xw2D(I{jt`aOHtOH6$uKEpAMb5
zoONj`x~hY*QxK}swu|SuuUeB8Z@B@2w}O46tEzaZ<CssrJ<X3l^=Bs|dd~6u7)Ct`
zd7q7Mxg0;(|M=UJZ6L4l{W{8kjimBq+cy%5*MC9;Q+`|<noH+_RC*a@_YFN?cBRAd
zvGXzyovp>=66(Rh-J{ONs0NBcJKVXx_a+N=LkuAbdwQh0G2Bb3)-XOS*UHyZ9GRsc
ziGKh<q%{i;n{ntJyaeg1bK2W||3P1VG3Pabo|DgYCERso&P=5(rtjAU1Jva^?b9`T
zSS@SxaIynm7dgZd74khai88dHuJ@19;b>wgelJj9p8&lzmX;4eSK2Pt><n+}=hzfK
zbQ$~Ycz-lyM<-eNJ65u$z~8dl!zQZQCj`YU&1)%iM=ZWVMpQ}Vd2rVSvLe|!^Hs-J
zwm5xOq71!D&)21&rc*KBH*#fj&fPOsopa-c%_YnHJalRzsIDz7$v=q+e$wmJ@iZs4
z_x{oft(idAt$`<^yJpf~FB10~lfHuWNa6@N#tMl?ZE$4kH@PZ3GWjI9UAR{3k1;Z<
zR%L|Gcy{~5t{mOczx6z?71!W*O}py>0)~;ZwzFCN>pCw1CeHg6Dot5rhNX>CZm!|8
z&nd`R+exyI$uFx^oysV@aAeaXKT1#}&DM!Y)ovG*E+gaA(rGvPCi=+ziKxLKhZO$f
z6hDNVDCH(1!Sve+!6Od)`kqaV-;k&JA@UK21Q&Zqk(#;X;e6$BGtPzZ&_!O~uuEK+
z5EpJ#=WbVm65hswiphaTNXY~B)AH?Qv4f<O^Tk9*%e7Memgg6Qbb4y#v%;i~Igqw2
zqZ#hK90uQBNagk;Nv9O2yYb|fzXa}tZ?pa)|1!_)r+Ymdn#?edyvS*Ih53=EfZ~u$
zB|R2x>1D%hc<W({+~rTkkbKhjIpnZU-VaNmu(<>($eaXk^PBZkz?Hl(HX-u2iJ52O
zfCjJO#|SkPn>t4s(g?M&*QbgN*ozWx&gDw%-kJ+Pki(Uxcj(GVq~QWXe$sXpwzWT^
z?#c_$45)~0x#gThb#7aKjRKY=En0U1w3*``#3wITX%RZV>LZ!IO6)`+Yun+DSH|HO
z1bg?gAEnpt(_Vj|<C)EQP~X++*k<hf#=-cY&>t`L!}rOYs4aJIy96O?I^halP2O%N
zgqE}aPCY5am&Etf7ke!^Chz!Q(!;<n--E<(*pa(Aw~9(I$8<Kq{}+G(z{S_gBwr=+
z4bS?NHu%Oo5_68~lf-@8lb(J{_nN<XfHuy-EWTj*ePxd)xzngw4XvP2&&q&TyX}P2
z-PPVOe~q4lL3(ym&t91eDGSt=@5tcmN|w&!Uw-#<uir@}9jh9wW<-3Y?p0tdg&SYw
z7T2JFlJPw^ed|j-a4_SNZIKjv?_IjJsIJ)xcls!*WV>ew+eZ#VjZO?NABB0>CU`0S
z>vuIZPehi0q_&*8kf2#=IZe`4pvR-T+`1=#{uzJQ7x^Y$)*oa&hpW$eY=4MGK_VnC
zL~MUGB16s@dLWc*Qrddmq?ubTL8jg+Z+#B_Lg_K5NJs^5Tvc9ki%}s*68n06-O!11
zvM|KxkP?(=w{uTH?L3&JZL*(B8)HYQeldJAzC!*{=2^{zFCOYMOB|*^E1fpTztr7V
z9kb1AtXEBC&%Tlv3SXv(6ZNo)bSHWCt#(m%m)miEz54vKfylc8&|Y6E2l|$;v|h17
z8g8uF9CPOi9=>(mnqjH0p**K$Odzg@B~-(PB(F+S)}yr!o)U2Ijmn4`_~5Jvri75h
z0-j8dbg3!#YrsW%z_TThPDRNQUs_Fp?YbF{8?lSJ^t@3yySy^C;h{lNh1nZw$U}{Z
zKmZ{ykr7Ingg45>!_gRD*Bk8mMg3nNtuILBYZxrqJQ%Ki4;xSk);st(#Sl?_F||0R
z6BF?0v2*sRXI2Ds?20W}H{oPawIc$>Y69WzeDps4MxhvSobzp(7KbBp_uC52t`e4l
zqM8%H{vb4qLFwTVHEMs#S96=RcwaQ6h?!57x`Dqf>s+x!<ol)uC)y$YwzcXm+rhW$
zTFX+cJAIw`2^DfFmp}BDb_7OP>dOz%7FB(%n6+<ll2J}FXzAN7dh2EIj(9PZ5p|zW
zKXl8$@N#hBcu~LCGNlI+J+{O1`t~yF8nc$JO3+8u-dpQ5TkT{VORKeI@=<$mmsD-Z
zQBm&bMCEkDEz|nDGQYNDp`Qu!LfkPaj-1)m0KEAy|I-sz8w4q~%Yyw0=6b`x4z4!d
zv^getr8iBi7gN}Z)4;?{W_+Ev_QxmZ=dTU;yg;Rra8B_-*Bi<`Od$j2JeR|`^xvDa
zZgr+!&-Jn}6zKn4LHXf45-u3?+JU>T$_;ImEh_zS)xFu-MPY$0Vu1JIxgDBKLc;@r
zaV3tqn&x0h(FOIH5-4o+s`k>XjMM^44&csBHj?Nph=1}Jcclf#dy+*@N$HbzOQ+qW
zl~BB+H^tK-&i*zkSQI~-Q+az!LQ630p_0C3NOQcOo7QNxBPH4uO0Z2i9xIiU-DMoN
zjB6p9lZbKSF{WUeUMWC+^&7q_Q`CCr`zHxvQ>?5`eu%w}8_TwSi&&VR*_7*xYq0zo
zt`_7;cFk4s2kJ`3C{spY>BW0-A@PBhmMz}tRbCg3C~ho%x9lejUQ@=}T^?0eZOgp<
zD*noym=MD39Qe;2G+YpWPc`)T)`wazcvaGICp_e0PqL(?O|S-Qf11xV?l{xBDoWdR
zHRetjjlE`YjBi36Qu9IPXyH!@JwuB7&*e^sV?uWF=b5gR>vw3;2j>T(hNn;AiK$y$
zZwh3Vu$CoopTOW1ncl=^Cz+IL+TiBOlsS$<cj?F<>uNiwBLlW!+)+FfrmW)<zvm!+
z{`sD8%V5AeLj5D>Kpp2u_iVcBaj_ceIf8?dU&A52R;&Tn{FVzA&<kPLE?3iKJdT%S
zL1NEk<)G|wsy@a!oo4D8w_;KqY0@y8f&)H}@{qw%83ZOWu-Pat4U;NuABEDbjGtzA
zY9BO>Q|K<hpDvoZ^)3^Mn$&DIpUj%XDAQx_GmhqK8GV7cVGLyqlX@}2^-qlE%eEf-
zSeD3^mJdmzdoC5T@$%OhQ)AKTTh~RK_chY~U?+7y;1iFX@s?M9LZ^Ok4R8}tMWAQM
z-psI(Vk2{BOd;foc{3y&Z|*TsF%+UOPljcZ<2my~5FscQ+boWls3Ry1R8hIsMyp1`
zkYdZ0N<$|Ypzf+7W=!mvHW811hH~JVR1OI0S?=~cby<c$iB}9BmrVDuJbYj?8y+IC
zhiL%ZWvTLQ0tQRyGrMQb^l_HI83Oyruy)H)lsBD;-<r6{kV5HZ<Nb<#gbs(j<Q<5~
z)b=}TL&!z5N#Rl}mcQk1<b@tlCr0NM;0>#2k*ukl#efN8?&%3J&>ySPBCsWstz;9u
zo*puX9gWc~J0B;Xb-NdGjzeexvDZcY>-*?LML*SG_*jCm$n(Zl<G$#|p8Sjp(_e90
zMc*nKw3hk@gbgXCmUiwfAnKkxlW1w)l>xl@5J8-(r|=J}RLMKW`%_zFz!wTz+;$a}
z=QTEBEgraq{ABE0SD9tD!O~Z2=}S3mAGqz*QW*Ylw@%pGe6Id=xJ81a_#k}AkA)b^
z|J#zKQ2qu!iK17>wn5J_Wl!~J$%x63ySihQ^b6!O1GXqurYx~nQbbcbhf*(GD<gSJ
z|A1YsegTJ1L*ZyvKRQ^XYvb&*zHch^E*CyQi6Bw03oVDu6pnqcTY{&vd<s4>sgkY7
z_-u3K5WJ|H=Bih}!9mGGl7@oLnSt`^*kw4*g*V$5zr&j$;bZUt+iL9mTC#M!r#^LY
z@5A5Y2u~1;JdZ57`*YZa$;W(8nc#UT%aiZnFPu{B+CR}cx5vi@V`S`03I(Sy?zHz}
zOdbn$ocpCggzZ$S{2~0HEUEDB_mnCULjpte?kFlek^rsrt4`jMVo<`Rl&s!AzL~!q
zZO;My!Fk?Ttys|^tJT%o(WY4=RWaL7(B#NfgTwX}s%h~XfjE!85`Q6QCI7s4%M*D)
z06khn)aJ)4G3QZ2Fa&*T=i1BDa>j~CVbVnrD>q6)u5m2GnW^527eb`lRCMibpU2F8
zpw_CrxxwG&2^TG-CRkgeH`Ot}bd}UM%D=m^PMF=Q=*!4nJX7BjBVPXRjRfpj`r{Lg
z^>&iaQQ3aVl*1>-k~V2xnlBz;w0Pv8#z|pplyva4nG6Jh)~xk?dZN0pZv5B5Tfvwu
zuX?b<cww-@tX#kPt*o}vSSML@SD+9w$qunE|K$<Ap+GE`t@=x8j?^V9&tDLwmU~+P
z7J#8@QdtgnPxtFvdS5yx???nopbplCA@DCFjSca?AiTk3YfeGRipBO@o;#nU<Md4o
z)~7#`BX^^vW1uk9E`;%!#0|W%+4Go;ypmu|=U0wI{pLzCA7%Yi%h6sJL*A8s9TcR;
z%7h+y3T<WcmwS~YXp+9hYo}tL!kSUi{RE3c@;1yw!DXbU=kDpNpgr#tQFo;tvA}aP
z5T0Lr!!`u_gcpyUHRU6Oz1I7oEvwE28h$FzB%{RnxV=4<m|nMNux7pBjIZlz_7}Uu
zGa4-@YS`ElMw9AIyRKxy^Va-j*-68wjT4)#UR{FtrfFQSG^t`)j$LL<{NLpkrO9{^
zNz5m;!lkv^HZo1*s#QXFdqx18iU=NPy-obIvb*5}*Sge63Dle)NuRfDuE^eF-W#ml
z6C0q6ss6bLC8O+|3jdPI8CRNrzTh&?eIDVkqMI+pIKDPzaf{_nY+%`t5bUg4dPiIi
ziC~>%GvQbZP4LJKAMp!eeUkK8Xu0&Mu==HVwh&ak{99sC=**e|yE7qbE@82bf%gG5
z7D{-@xDEsP-r4XH;TElS%AdgE>QhV^Ovq)YHk-9dD0N<fB<)iylOpxje2pxz3QI>*
z7s?i%iG73MP=S502Qtufi${9(F4>~7gs^~Dfcb&vB~fn{Ca|1lglq)s_Xt%o<W@J-
z$Q2(9kw<^4cv8H&sMbXCvK&}VK06^F{4c_6y250VPgKeokVXl3#8bt>*z+NnuIPY}
z%X7+)c5oMoO(dS9a!ca!B{Jb&N&s@RMgWB0hwKAbrv=pkj;kIxhu^m>H0;l{2)KVd
zX|W&*96=jU?GHHu2JAc750ak$?fZ4II23dzdLm9+#vKh@<kxEP>~aD<+cAluLVf4w
zd#oHoB#Y5N{96<<msQ)a`ua3nX`i1EMc7)%(Ce@o)x$rhVpGz9-E7|)i#f;w^7G-J
zb)&mmP3ahH!(PVuj3N6EervV%(%M}!jw2u+Fi&fdsqa0LZlKZ|ffwj)|LxJOI<wwH
zv!&@quHCm04(xEx>W3W-em+6hSMQbHHPX!pw()su-BGRM%=S0J*Gw;_Ajd{Z(I&-H
z+Y@NAsQkVx-+2&ww;Z$Vc}|BK8+p$|WbG?UB{!XBTgWUE`e&z9X)P;ZQ&EeJmUbvr
zon*|ga2AarCS;r|i}`pai_nI}gNnC66DOk|{H`#ca;TK{X^GO(kNj4g|9fT#!#K?M
zIfJZCYNr(dX}j+z8jX@<5epKUHj1+W(AzKQ`Rr62K6>cjiCNVQQzSJD@u0nNC}ksK
zk~&vHp5J^Qag7pb5ru~MI|oY|qF<di;y$|?S@t%iS?^C6$IwGY6Uc;z+f~XD1H$Yo
zMdgxxXwQd+6yn!jwD|QZUj2T3f#fPd^aQ$FS_Oi*k?9^IQDh$z-+A4xX+%GC$o|Bw
z1j|Z}T+Opj!qb(Ibr%in_3;)`WY7EQ>~;(>BVQ}6L9c5BL;(@dj`Jsehr*{NK=P{d
zPUK|hrt?*Y#5(FbYV32j4<3i65iYIWPDjb(pA2hVt5oNEg<1}UjcmPF+w$L_T-AI*
zGh)YXDDco=A>nGkK@OdU5!5=TdO?Fvjq7Ua9w7D9v0Ot{oDq@1IBj-I3?(7+Vzyu*
z^JK0#o=p0*DSvFRa)E^lHlE-MNA%YgwJGH`$(A4-MxswejlXyyYDT|2S(iQlI0bNm
z!BmEbC7U5>&fm)?u&Ao@g!=@Byoa(FxVt*zQbKI}XQfP+BrWDS!+@?qbsWz?$)L4<
z{g&$^-P}@sRiHo6dw)bu;@<;)eYu$d>+8563gxl97#3Uw<sd;bS@n*HiGTlY(I?F{
ztu!3|i`KT)hj8hbgg{fMC3R7GV%O4{W6F4zT|GB#x<ijeXZZ6c`V%a9E_6$2?6b}Y
zBbLOlG~zCg%)s7(<s&^sQ(`5KJlkxzDm1`ZHzc7U&VZ#~iFCbRz8oR-89jHAgybNL
zIjpRJ4ViQ^)LJIy21+lLG~UB$LOz(yVd@bbS^FigCpxc#shDmsV+AIMsA+pGoo5dr
zR|f(hnphM`r!AFs2W^O6fqOUs?^?oZ%MzHVvTD7^RpP=SY1j}weiqJE6hi^4xys7c
z4X@ju0g6oY?-2)HsYieoh;xll3+>AfyjIm_cJ*~*zq^Dubmx2_hPF>MyDqixo@jo6
ze#fF=njyy~C}QjzsyMHw-)WH&JFJRNFln9saJ|tBdWQJAB>3)&u_*t+ig-V$|Ip<n
zLm^$k#hvZwBK+P7*GW^kKC=^bwL*WV>ZB=!;rzbvKq~k7JR=0bH_Ip0BFNp9%|4}J
zNac(CsT$dY<o*M&g0<DK^Mr6gHhBovF_eGJqaPxbIKS*8;q&2q+yuak8J`|mPe3b_
zW2N&Fq@VinTEGLps_sve-h4TE>vnGX_fV(eyy1g57!C30+l9C8{JrC4o~zD`7*C=#
z0wl31N|o{@Jk3x(E_t`x;bnBUWxoY!5j@6rna%Nv0^Td81X*&;F|E1lfn`Z$zA*9f
z5k5^iFdhAB&;mZ{HQ_i<+VMA+V}lsJTkLZXs+7b-^zXiszNm=2s)~^&qb+zdK;5On
z;=f%$z#U(x5`PN~l%`OMEPRPGHa@)&u{Z*VsPmm9JTdJzA>6wz4v(e@|Lt!;jlCRu
zf+}}mH^gvyv7)tK+9yqa!0JsQrcZ;tUD$n6JKM-%0Xyf@;w?h!p7sHEH!;!SnigMp
zr_ar#7KdLR)YvzLj~6c54q`Inp_R%CAyZTLdP<@%;a2=Fxo2J-%@`|lrj$eU((*Bs
zC&cuJCQzj4d9bzRq?@RQdwL@!M)wJ=HN@Sr3st=k<><hx8ul2h54|6b97gby{5m92
zzw3Q<ABlsD63Kkf-MUm5vFQ^EN!!%l=jWcrQY40$XEO~GVbLDgr%4WK>F4IZPGpyq
zqYG$}-_lUrChw}y_l=!$_>p>yvsGH@PW@dKpH{uhM1qEal|bJp@P_^4L%yxgfvYK#
z@>r5`lwECIPKi41$Ak=KOda<+z_KJ(z*lR3D#g04%<OxNETJ4}nt`W#SAfv(&<Q`P
zVMm&525hO?s8f^u>PcZqnR{S5SHG<D1RyYG;v&~okdQJ%!{OuvojX4T&T97T89R|V
zP(qFJ>T>+}(xIaJB~f>s8RTXlte;u*=?Kcf<>&9dzrNZFHfJP`BntWDhz<I^@oFr3
zg~~8f8CsORnXW7YHySmU4sy1~Uq$>!IHPAz4ikIwBkEQbahmTmBLO#8>;R1+5NuQ3
zhj6JXiJ#}_bh~%a;T1|wI@W<RzRX1YEeXL(;?Zt7oY+2v;C}w?sd6das{{9qgI!s^
zD%m~+B9JUgHTh2EqZVTwhfwm-Q(%CAf~oJiC+YlQRE}QAyUr`3o$m3?a6^>%1;;Cy
zC1vIMY{b<s9;bDab4q{9w-8N~!!cs{b^F!czM$EgF^v&_j^eUDPeH6f`P-9KPch*d
zIWF9FSmXj3&zqpoD*cf4(g<tv!XHh1OK+$Vmky2R*p#ay`Xy#Bb4aG&mKcx^w|bMm
z#kb-AO<2j$gd3)P8Ou-I5?-5qen20qiF!Dl;vhDaoutLnvGJHwQOD$pMR1!x)4fY{
zBb3Z}gcRaBk}L+73EwIOzk?Bo4t@gCY=WbJym5Dn)2Dq#EynRE2$Gg`>Y+ya2eh+L
zB^n6vRqykumu)**_ym4<2jm+LPF*bVgZVC^l;*Vrk#c^6Zb3q2c9E>MN|(8rvGOC6
z6|(lafiZMOqpijrH-w_K?$6cU4?}pVr0XDFoA=Rjy38%yTYgS8n$T*zFl_F$f4j-7
z|MZ#42W@Ug6OEY%nNfT?`F2(~nw+OjCeSQn5_CN^M)t1Yc63i=Uznt(bezvoD$GD~
z@N)cUzjFQBc!%$S1KSbqOEq*(j@_d>#dhnP^q|6kh?Mz}Y;n0HJCm+RLZ(lz^{O}-
zZm2=^-n+iVl>b;WYW7grZIKQ2M^_d?=sxMpTDqcV99+kgcn_P?sV|t$wixjltMWWy
zd2%;aNWr2Uu|2E4K5w{ki7(0H$s_<eU)(1z4F6aRrEd{Bs`hBzvlN=LHlY#!IcAKO
z@RgvVv&ZaE_4f^rO26LvT(@Vf3SYd%1ZDYkk9vXqrAIRswf!{G;r_*U?~^&0Qk>TM
z*wSXlr1R%YEQN-oA4x~jx1ymi>DH<H_330)EUE>;?vTX@^BYNo3stXPWZes`mZ=HP
z=RY9cGNE>VJ>N$3Jc-tENh)<8p%in?AZ?bsOBL!ZJ-3BMNv#2~a1x=1FZ$>{X*qFs
zCz_)YzNMg}<2>?y;5lk&M8Vk*Rz&5oVQ19aGAj9o+J-U<VqFdAx=^KU85K`p#H)}5
zPZ#UTw(TeVRSfXW-XY*zRjTAjy{5gSgDMoP9`}7w(6R)ryKv`SDb8mD)ng>ktWAi`
zXNlmK{V?d(TU%1@#p9f}kmZN}<m245LwCvO)~+v5MH{|)Qj{nSH<m7fTEHO=M=Qlt
z@77KIobRVGH?F_%#j*MbD5&<26i$FNnK1RW0i#yqb*@qmBKfb|qnl`z)b)q2P(G6Q
z2NFXnjSLIwNAX%Lz46rrjWBG)`8aj&9N{f08V@R;=}YT1Tjy3>;;F5mRlCpR2GnXP
zu>4_qOVxH=+9lhTJ`hy+#6aOY-9HCoofbVdQl3b3>oI>Y;)TO6IoHo25Q*-|uhR5J
zmpW8<xHxFGTZMndi%n8#D`b{4ME`v0dXHe1sX*<K&1s$a{<HDvG=BskR}9~UqR50x
zosKCSVIRrK=#2Cg60PL#kG?2~zbDsXkLeh>=Nr!4?Mc>6V-k~ljhdx6{mbpylIg_I
z@-OeL<_U-dz|miV&3@as=LRv!(wf%&2~|evH>hs4OfjqI6qZmPX)p)(<VZh02XUtk
zcBbH)EjWVsFU#GCyDRSD5=j&v)N|enwLr3<Om0H$wU_<YT{BzYTeINLd#ux@qZX+N
zJ<AU+kJOhbP0eKhsg9|IdYi_`Cnxb52Z1GCZIe|BSo$PtnS}s<T=rz>UgbbW6$6r3
ztup!phEj^44=0ja-y=g^?qGalRV^#popW+%zr}s-lei!*x|)D;w!~J+Gqo~n+cJ@F
ze(I6r-m6!o9o2%%dDGubavRbvVvC9$CsP-KZE?+YEODL|%bE!3&;>PWY|-WA(&?$?
zXmkx*nQ^Ff)J2zJM^Y6>=KukZpj(J-Hr3_kLSxr&ZY?_8T19CFL?tm7M}PV44jG6H
zoa~f-Acdi>Oce(xUtNE5<Gq%j<h2Bx{(>EjfBR)rr({xSgS*DTRfPmZiKB-c2L9ks
zC^oz5Iclpvz;EJp{>KMi4eTG$O0AiX=&`<D7dTSAZr{4Un`3Gz<r8#2(UBUfUu*7@
zB}bj+{H>x|uD^S;+GDx1FwJk_`}?BOTFKQ+ukUWh`k@WO!RvbUmd^QvR;5E11#w=i
zftNVjl{WS=P=A)0F5^33oiVRvB(EtYLLX%Bc1t_<sKj`&UZ6G&Kiz;*%cKnSj^%_B
z%TTGJh7LkeX^jl%5K<O~p!5!uD~B{Y4=yT)Ec_nh&#XvuT7r4mmb=vEsR})=0Uk9G
zfj?V3;-odFjN8A`zkkR&DRg7yff64_BAIfBt6+?$cACik<1QlhiZ1E%<8YCdu6tY^
z5W|?fqs@B0@^*>AtqS#0Z*}I*=3Ik!$?>~cX$=?01=39i?v)N~s`S{FmMk!NL@KLX
zJ91kTB3#ZZIBfgG;ArDeSZL$%TTiz@<J0>bLfQC&oa*BE4**|nqC|N^<`kT`^!dg@
z)%GP7=eMyF$B2#yWC=}`z2zshK@cEpiS-<u2>-#*NRm~^-6-?8R%V%LO@O^$mjOCC
zYr<uByEcuk{2_0*(6!~U8+}fw?N+x$YF2%rmZ(9q)hlGVr`NdG9)F{3>ou*w&6~v+
z#*0gxL()sIyApLmWV)JWB0hF+RSzSI2?NDMHIK-Zo@*|bAD$CjmWpGXzj4LK9>?07
z;8e=#@vMux8Si_<q&0!24#bCx$^@t0|0H()nYUp4fyu0t%%xy`?u+h183{4*=#PBP
z`R>IrxUg&NT@J6J<qYu+`N)dc21aL`z-0}aKrVZ+l4wbbbcie}OpTq@zyI6b))$Wp
zQzedFxmB|0*Ro0bF^uW-$RU+$9x}12s~;uRN0u~uT}@d@vCB%kYg6f*M|M5NZ#wd=
z`Y$23?{~blf3bs1FN-PIZmFj37sFUj73<tmxqwt-9ni=7Km4)=Oc9woDS1`iCu~?;
ma+zSxNoDmfDMpi(<ygT+&Bn5>`Q;!4IMkH2luGYdKK~!TseKIq

literal 0
HcmV?d00001

diff --git a/img/performance_comparison.png b/img/performance_comparison.png
new file mode 100644
index 0000000000000000000000000000000000000000..84fa5d0fd4aea5356d191407e9aad4ac602312f2
GIT binary patch
literal 558427
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%0AlXStq9*F!
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%0D2mU&Y
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

literal 0
HcmV?d00001

diff --git a/zh-cn/README.md b/zh-cn/README.md
index 0b19d9b0..6bdf8a54 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > [!WARNING] 本文档仅用于三方库使用指导，不涉及任何 React Native OpenHarmony 框架的信息，且会随着 React Native OpenHarmony 框架持续迭代更新，当前版本不代表最终展示版本。
 
 # 简介
@@ -17,7 +16,8 @@
 
 ## 使用须知
 
-三方库大部分适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
+- Codegen ：三方库大部分适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
+- C-API 架构：三方库后续只基于RN C-API架构演进，详细介绍请参考 [C-API 架构](zh-cn/capi-architecture.md) 。
 
 ## RNOH 三方库总览
 
@@ -121,7 +121,7 @@
 | 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
 | 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
 | 96  | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)                                                 | 13.14.0       | 是         | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases)                                               | [链接](/zh-cn/react-native-svg.md)                             |
+| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-harmony-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
 | 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
 | 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
 | 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
@@ -180,9 +180,7 @@
 | 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
 | 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
 | 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
-| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
+| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |             |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
-
-<!-- {% endraw %} -->
diff --git a/zh-cn/capi-architecture.md b/zh-cn/capi-architecture.md
new file mode 100644
index 00000000..b141b3eb
--- /dev/null
+++ b/zh-cn/capi-architecture.md
@@ -0,0 +1,41 @@
+# C-API 架构
+
+### 背景
+
+为解决生态高性能的诉求，将 ArkUI 底层组件构建的命令式接口进行分层开放，开发者可以使用 C-API 和 ArkTS-API 分别进行开发，基于该背景**RN 框架**基于 C-API 做了底层适配，并且有着较好的性能提升。
+
+![](../img/capi_architecture.png)
+
+**C-API 和 ArkTS 版本性能对比**
+
+![](../img/performance_comparison.png)
+
+同时 RN 框架仍支持 C-API 混合模式，即在 RN C-API 环境中接入 ArkTS 侧的自定义 View（叶子型，不能是容器型），达到使用 ArkTS 高效开发组件和代码资产复用的目的。
+
+**容器型和叶子型节点的判断：**
+
+![](../img/leaf_node.png)
+
+### 影响
+
+因为 RN 中 C-API 架构有着更优秀的性能表现，因此三方库中所有的非叶子节点（容器型）库和需要更优秀性能的库都进行了 C-API 化适配，如 react-native-safe-area-context、react-native-linear-gradient 和 react-native-svg 等。
+
+虽然在 RN 中 C-API 性能更优秀，但 ArkTS 有则更简洁开发方式、生态支持和解决方案，因此根据 `C-API/ArkTS` 和 `叶子节点/非叶子节点` 当前 RN 三方库中存在以下 4 类三方库：
+
+- 基于 C-API 实现的叶子节点库
+- 基于 C-API 实现的非叶子节点库
+- 基于 ArkTS 实现的叶子节点库（混合方案）
+- 基于 ArkTS 实现的非叶子节点库
+
+由于 RN ArkTS 架构后续将不再做演进支持，所以**基于 ArkTS 实现的非叶子节点库**将不再维护更新并废弃。对于 RN 开发者使用高性能的 C-API 库，则需要确保在 HarmonyOS 工程开启 C-API 架构（默认开启），在 RN 工程中使用方式仍保持不变。
+
+开启 C-API 架构：
+
+```
+// entry/src/main/ets/pages.ets
+RNApp({
+  rnInstanceConfig: {
+    enableCAPIArchitecture: true, // 开启C-API架构
+    ......
+  }
+```

From a83390b7844e41e0ae00c00096fdd5e30b034ae7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Wed, 17 Jul 2024 01:36:48 +0000
Subject: [PATCH 176/966] =?UTF-8?q?!1112=20=E6=89=B9=E9=87=8F=E5=B0=86oh-p?=
 =?UTF-8?q?ackage.json=E4=BF=AE=E6=94=B9=E4=B8=BAoh-package.json5=20*=20do?=
 =?UTF-8?q?cs:=20[#IADHK8]=20=E6=89=B9=E9=87=8F=E5=B0=86oh-package.json?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B8=BAoh-package.json5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/bam-tech-react-native-image-resizer.md         | 2 +-
 zh-cn/lottie-react-native.md                         | 2 +-
 zh-cn/react-native-MJRefresh.md                      | 2 +-
 zh-cn/react-native-SmartRefreshLayout.md             | 2 +-
 zh-cn/react-native-async-storage-async-storage.md    | 2 +-
 zh-cn/react-native-audio.md                          | 2 +-
 zh-cn/react-native-background-timer.md               | 2 +-
 zh-cn/react-native-baidu-map.md                      | 2 +-
 zh-cn/react-native-bars.md                           | 2 +-
 zh-cn/react-native-bindingx.md                       | 2 +-
 zh-cn/react-native-ble-manager.md                    | 2 +-
 zh-cn/react-native-blob-util.md                      | 2 +-
 zh-cn/react-native-bootsplash.md                     | 2 +-
 zh-cn/react-native-calendar-events.md                | 2 +-
 zh-cn/react-native-cardview.md                       | 2 +-
 zh-cn/react-native-clippath-capi.md                  | 2 +-
 zh-cn/react-native-code-push.md                      | 2 +-
 zh-cn/react-native-color-matrix-image-filters.md     | 2 +-
 zh-cn/react-native-community-datetimepicker.md       | 2 +-
 zh-cn/react-native-community-progress-bar-android.md | 2 +-
 zh-cn/react-native-community-progress-view.md        | 2 +-
 zh-cn/react-native-community-slider.md               | 2 +-
 zh-cn/react-native-community-toolbar-android.md      | 2 +-
 zh-cn/react-native-contacts.md                       | 2 +-
 zh-cn/react-native-cookies-cookies.md                | 2 +-
 zh-cn/react-native-date-picker.md                    | 2 +-
 zh-cn/react-native-device-info.md                    | 2 +-
 zh-cn/react-native-doc-viewer.md                     | 2 +-
 zh-cn/react-native-document-picker.md                | 2 +-
 zh-cn/react-native-fast-image.md                     | 2 +-
 zh-cn/react-native-file-viewer.md                    | 2 +-
 zh-cn/react-native-fileupload.md                     | 2 +-
 zh-cn/react-native-fingerprint-scanner.md            | 2 +-
 zh-cn/react-native-fs.md                             | 2 +-
 zh-cn/react-native-geolocation.md                    | 2 +-
 zh-cn/react-native-haptic-feedback.md                | 2 +-
 zh-cn/react-native-image-base64.md                   | 2 +-
 zh-cn/react-native-image-capinsets-next.md           | 2 +-
 zh-cn/react-native-image-colors.md                   | 2 +-
 zh-cn/react-native-image-crop-picker.md              | 2 +-
 zh-cn/react-native-image-editor.md                   | 2 +-
 zh-cn/react-native-image-picker.md                   | 2 +-
 zh-cn/react-native-image-sequence-2.md               | 2 +-
 zh-cn/react-native-keep-awake.md                     | 2 +-
 zh-cn/react-native-linear-gradient.md                | 2 +-
 zh-cn/react-native-mail.md                           | 2 +-
 zh-cn/react-native-maps.md                           | 2 +-
 zh-cn/react-native-masked-view-masked-view.md        | 2 +-
 zh-cn/react-native-orientation-locker.md             | 2 +-
 zh-cn/react-native-orientation.md                    | 2 +-
 zh-cn/react-native-pager-view.md                     | 2 +-
 zh-cn/react-native-pdf.md                            | 2 +-
 zh-cn/react-native-performance.md                    | 2 +-
 zh-cn/react-native-picker-picker.md                  | 2 +-
 zh-cn/react-native-randombytes.md                    | 2 +-
 zh-cn/react-native-restart.md                        | 2 +-
 zh-cn/react-native-safe-area-context.md              | 2 +-
 zh-cn/react-native-sensors.md                        | 2 +-
 zh-cn/react-native-shake.md                          | 2 +-
 zh-cn/react-native-signature-capture.md              | 2 +-
 zh-cn/react-native-sound.md                          | 2 +-
 zh-cn/react-native-spinkit.md                        | 2 +-
 zh-cn/react-native-splash-screen.md                  | 2 +-
 zh-cn/react-native-spring-scrollview.md              | 2 +-
 zh-cn/react-native-sqlite-storage.md                 | 2 +-
 zh-cn/react-native-svg-capi.md                       | 2 +-
 zh-cn/react-native-svg.md                            | 2 +-
 zh-cn/react-native-syan-image-picker.md              | 2 +-
 zh-cn/react-native-text-gradient.md                  | 2 +-
 zh-cn/react-native-touch-id.md                       | 2 +-
 zh-cn/react-native-tts.md                            | 2 +-
 zh-cn/react-native-unitsyles.md                      | 2 +-
 zh-cn/react-native-video-cache.md                    | 2 +-
 zh-cn/react-native-view-shot.md                      | 2 +-
 zh-cn/react-native-vision-camera.md                  | 2 +-
 zh-cn/react-native-webview.md                        | 2 +-
 zh-cn/react-native-worklets-core.md                  | 2 +-
 zh-cn/react-native-zip-archive.md                    | 2 +-
 zh-cn/remobile-react-native-toast.md                 | 2 +-
 zh-cn/sentry-react-native.md                         | 2 +-
 zh-cn/shopify-flash-list.md                          | 2 +-
 81 files changed, 81 insertions(+), 81 deletions(-)

diff --git a/zh-cn/bam-tech-react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
index a60526a7..1b61fa71 100644
--- a/zh-cn/bam-tech-react-native-image-resizer.md
+++ b/zh-cn/bam-tech-react-native-image-resizer.md
@@ -281,7 +281,7 @@ export default ImageResizerDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 8ba4d34f..16f13d84 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -66,7 +66,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index 842ddffc..b8642a98 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -120,7 +120,7 @@ export default class MjRefreshDemo extends Component {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index 105a396f..4f6b96f8 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -183,7 +183,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index 45d5c279..1c964743 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -75,7 +75,7 @@ const getData = async () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index cd49c152..41bdd771 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -110,7 +110,7 @@ AudioRecorder.onFinished = (data) => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index bbc0b541..2fa88fb1 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -215,7 +215,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index 11a2e14d..72c2a0e3 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -162,7 +162,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的harmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-bars.md b/zh-cn/react-native-bars.md
index 0926c0fa..2d5018ce 100644
--- a/zh-cn/react-native-bars.md
+++ b/zh-cn/react-native-bars.md
@@ -81,7 +81,7 @@ export function BarExample() {
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-bindingx.md b/zh-cn/react-native-bindingx.md
index 2d1a3098..d4e2b310 100644
--- a/zh-cn/react-native-bindingx.md
+++ b/zh-cn/react-native-bindingx.md
@@ -129,7 +129,7 @@ render() {
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
index 42f882d0..aac725c7 100644
--- a/zh-cn/react-native-ble-manager.md
+++ b/zh-cn/react-native-ble-manager.md
@@ -439,7 +439,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index fd8fa4a9..6d71c09b 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -417,7 +417,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```
 {
diff --git a/zh-cn/react-native-bootsplash.md b/zh-cn/react-native-bootsplash.md
index 5f362545..183e4f5b 100644
--- a/zh-cn/react-native-bootsplash.md
+++ b/zh-cn/react-native-bootsplash.md
@@ -159,7 +159,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 70788e47..cec976c0 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -246,7 +246,7 @@ export default CalendarDemo;
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-cardview.md b/zh-cn/react-native-cardview.md
index 451457bf..50b50df1 100644
--- a/zh-cn/react-native-cardview.md
+++ b/zh-cn/react-native-cardview.md
@@ -116,7 +116,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
index 90fdade9..87a7712d 100644
--- a/zh-cn/react-native-clippath-capi.md
+++ b/zh-cn/react-native-clippath-capi.md
@@ -70,7 +70,7 @@ export default function index() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 7c184f53..4ab5452b 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -185,7 +185,7 @@ export default CodePush(codePushOptions)(App);
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index 15b1365a..5282a972 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -81,7 +81,7 @@ const ColorMatrixImage = (imageProps) => (
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index c9b54cbd..691de91b 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -100,7 +100,7 @@ export const MDatetimepicker = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 
 ```
diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index 53cee8c1..efa74c17 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -62,7 +62,7 @@ export default function ProgressBarExample() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index 8ba6dbf9..5fc316fe 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -63,7 +63,7 @@ export default function ProgressViewExample() {
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 26a06e60..3af4d452 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -71,7 +71,7 @@ export default function SliderExample() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-## 在工程根目录的 oh-package.json 添加 overrides 字段
+## 在工程根目录的 oh-package.json5 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
index a9ef6794..8ebf9d74 100644
--- a/zh-cn/react-native-community-toolbar-android.md
+++ b/zh-cn/react-native-community-toolbar-android.md
@@ -126,7 +126,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 8db29d66..c8c5cc6d 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -342,7 +342,7 @@ export const ContactsDemo = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index 07062169..e3121074 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -206,7 +206,7 @@ const styles = StyleSheet.create({
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
index 3181da14..33c387ac 100644
--- a/zh-cn/react-native-date-picker.md
+++ b/zh-cn/react-native-date-picker.md
@@ -87,7 +87,7 @@ export default () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
index 43c129e1..7fa78dfd 100644
--- a/zh-cn/react-native-device-info.md
+++ b/zh-cn/react-native-device-info.md
@@ -67,7 +67,7 @@ import DeviceInfo from 'react-native-device-info';
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-doc-viewer.md b/zh-cn/react-native-doc-viewer.md
index 5560ba97..54b4dc53 100644
--- a/zh-cn/react-native-doc-viewer.md
+++ b/zh-cn/react-native-doc-viewer.md
@@ -335,7 +335,7 @@ export default class DocumentViewerExample extends Component {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 0c909690..06938eb3 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -265,7 +265,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index 63f731bb..4eb446eb 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -109,7 +109,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md
index 899d9420..2aba984a 100644
--- a/zh-cn/react-native-file-viewer.md
+++ b/zh-cn/react-native-file-viewer.md
@@ -143,7 +143,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index ca585d44..253d6fa6 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -105,7 +105,7 @@ let styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index e63b3d3b..f1103586 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -96,7 +96,7 @@ export default function App() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index 191bb54c..4f30e275 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -155,7 +155,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-geolocation.md b/zh-cn/react-native-geolocation.md
index adf76c97..003086ee 100644
--- a/zh-cn/react-native-geolocation.md
+++ b/zh-cn/react-native-geolocation.md
@@ -69,7 +69,7 @@ export function GeolocationDemo(): JSX.Element {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-haptic-feedback.md b/zh-cn/react-native-haptic-feedback.md
index a24026d8..743c2eeb 100644
--- a/zh-cn/react-native-haptic-feedback.md
+++ b/zh-cn/react-native-haptic-feedback.md
@@ -102,7 +102,7 @@ export const HapticFeedbackExample = () => {
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-image-base64.md b/zh-cn/react-native-image-base64.md
index 1ea9bc2e..adfe8bd2 100644
--- a/zh-cn/react-native-image-base64.md
+++ b/zh-cn/react-native-image-base64.md
@@ -120,7 +120,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-image-capinsets-next.md b/zh-cn/react-native-image-capinsets-next.md
index deddc9dc..2254d474 100644
--- a/zh-cn/react-native-image-capinsets-next.md
+++ b/zh-cn/react-native-image-capinsets-next.md
@@ -133,7 +133,7 @@ export default YourImage;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md
index 509c28eb..50da37df 100644
--- a/zh-cn/react-native-image-colors.md
+++ b/zh-cn/react-native-image-colors.md
@@ -209,7 +209,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index e00a04a7..404088cc 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -799,7 +799,7 @@ export default ImageCropPickDemo;
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
 
 ```
-在工程根目录的 oh-package.json 添加 overrides字段
+在工程根目录的 oh-package.json5 添加 overrides字段
 {
   ...
   "overrides": {
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 17303ed2..48afe66f 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -187,7 +187,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index a50e906d..dd26609a 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -82,7 +82,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index 196a9235..70b0ec7e 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -282,7 +282,7 @@ export default TestDemo2
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index 29300808..3ddab8d6 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -111,7 +111,7 @@ export function KeepAwakeExample() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 1afab10d..8660a467 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -94,7 +94,7 @@ var styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-mail.md b/zh-cn/react-native-mail.md
index 3330de1a..f0a50dbd 100644
--- a/zh-cn/react-native-mail.md
+++ b/zh-cn/react-native-mail.md
@@ -109,7 +109,7 @@ export default class App extends Component {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index dc52579b..ece1a0be 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -201,7 +201,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index f9c34fc4..5ecdf11f 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -109,7 +109,7 @@ export default MaskedDemo
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index e666a052..bf5ffcdf 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -218,7 +218,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-## 在工程根目录的 `oh-package.json` 添加 `overrides`字段
+## 在工程根目录的 `oh-package.json5` 添加 `overrides`字段
 
 ```json
 {
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index b8961ccc..512be9a9 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -186,7 +186,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index 6e19491b..035a3bf7 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -74,7 +74,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 ```json
 {
   ...
diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index 5874d3e3..da47e548 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -93,7 +93,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-performance.md b/zh-cn/react-native-performance.md
index 0157ac89..383f45a0 100644
--- a/zh-cn/react-native-performance.md
+++ b/zh-cn/react-native-performance.md
@@ -205,7 +205,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 6f5e5f22..497a06c5 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -74,7 +74,7 @@ export const PickerExample = ()=>{
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index 473c1c02..deb66266 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -112,7 +112,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-restart.md b/zh-cn/react-native-restart.md
index d89ba82d..2c7a4f17 100644
--- a/zh-cn/react-native-restart.md
+++ b/zh-cn/react-native-restart.md
@@ -65,7 +65,7 @@ export default function RestartDemo() {
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index 7b700439..0e8a93e7 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -73,7 +73,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 37ae606d..ccd3a11c 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -93,7 +93,7 @@ setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-shake.md b/zh-cn/react-native-shake.md
index 49d18641..72d9b129 100644
--- a/zh-cn/react-native-shake.md
+++ b/zh-cn/react-native-shake.md
@@ -82,7 +82,7 @@ export const myComponent = (setResult: React.Dispatch<React.SetStateAction<strin
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-signature-capture.md b/zh-cn/react-native-signature-capture.md
index 2dfa3b99..ef84a8a6 100644
--- a/zh-cn/react-native-signature-capture.md
+++ b/zh-cn/react-native-signature-capture.md
@@ -144,7 +144,7 @@ AppRegistry.registerComponent('RNSignatureExample', () => RNSignatureExample);
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index 54cadbeb..1e0cab0f 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -162,7 +162,7 @@ export default SoundDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md
index acc32d9d..5cc81d75 100644
--- a/zh-cn/react-native-spinkit.md
+++ b/zh-cn/react-native-spinkit.md
@@ -76,7 +76,7 @@ export default SpinKit;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md
index 82638bb0..d8a362ef 100644
--- a/zh-cn/react-native-splash-screen.md
+++ b/zh-cn/react-native-splash-screen.md
@@ -101,7 +101,7 @@ export default class WelcomePage extends Component {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
index 311db2ae..15142cae 100644
--- a/zh-cn/react-native-spring-scrollview.md
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -107,7 +107,7 @@ export default class ScrollToAndOnScrollExample extends React.Component {
 
 如为引入请参考[@react-native-oh-tpl/lottie-react-native文档的link章节](/zh-cn/lottie-react-native.md#link)进行引入
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index 1f5c0082..63f8b660 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -318,7 +318,7 @@ AppRegistry.registerComponent(appName, () => SQLiteDemo);
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index e9b614d0..30237537 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -57,7 +57,7 @@ import Svg, { Path } from "react-native-svg";
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index 43cd3800..8e9af356 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -61,7 +61,7 @@ import Svg, { Path } from "react-native-svg";
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index 3c25de19..17db6427 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -166,7 +166,7 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmonyOS`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-text-gradient.md b/zh-cn/react-native-text-gradient.md
index b3c85ff3..ce4d61c2 100644
--- a/zh-cn/react-native-text-gradient.md
+++ b/zh-cn/react-native-text-gradient.md
@@ -63,7 +63,7 @@ import {LinearTextGradient} from 'react-native-text-gradient';
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index 83c5cd6d..16025587 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -88,7 +88,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-tts.md b/zh-cn/react-native-tts.md
index f93af3e7..792bb010 100644
--- a/zh-cn/react-native-tts.md
+++ b/zh-cn/react-native-tts.md
@@ -291,7 +291,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-unitsyles.md b/zh-cn/react-native-unitsyles.md
index 11ceadc0..980a575c 100644
--- a/zh-cn/react-native-unitsyles.md
+++ b/zh-cn/react-native-unitsyles.md
@@ -382,7 +382,7 @@ const autoGuidelinePlugin: UnistylesPlugin = {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index 1f635267..aaff8a4c 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -97,7 +97,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index 1bba89c6..c98962c3 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -121,7 +121,7 @@ export function ViewShotDemo() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index 26da0cdd..4bf709f9 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -99,7 +99,7 @@ export default function VisionCameraDemo() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 770a253a..283aa19c 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -61,7 +61,7 @@ export default function WebViewDemo() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 
 ```json
diff --git a/zh-cn/react-native-worklets-core.md b/zh-cn/react-native-worklets-core.md
index 77f70ae5..dce93b0d 100644
--- a/zh-cn/react-native-worklets-core.md
+++ b/zh-cn/react-native-worklets-core.md
@@ -106,7 +106,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index 792db529..35400557 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -410,7 +410,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
diff --git a/zh-cn/remobile-react-native-toast.md b/zh-cn/remobile-react-native-toast.md
index 88efc5a1..e633d900 100644
--- a/zh-cn/remobile-react-native-toast.md
+++ b/zh-cn/remobile-react-native-toast.md
@@ -120,7 +120,7 @@ export default ToastMasterDemo;
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/sentry-react-native.md b/zh-cn/sentry-react-native.md
index c52b24f9..32135d28 100644
--- a/zh-cn/sentry-react-native.md
+++ b/zh-cn/sentry-react-native.md
@@ -193,7 +193,7 @@ export default function SentryDemo() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index ac99d98f..ccce0fb2 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -70,7 +70,7 @@ const MyList = () => {
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {

From fc824414acb9fc309e3087a8220af4bdce1ac6f9 Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Wed, 17 Jul 2024 01:58:55 +0000
Subject: [PATCH 177/966] =?UTF-8?q?!1090=20docs:=20[Issues:=20#IAD8P7]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9bam-tech-react-native-image-resizer.md?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAD8P7]=20=E4=BF=AE=E6=94=B9bam-tech-react-native-image-resizer?=
 =?UTF-8?q?.md=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/bam-tech-react-native-image-resizer.md | 26 +++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/zh-cn/bam-tech-react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
index 1b61fa71..3f91db79 100644
--- a/zh-cn/bam-tech-react-native-image-resizer.md
+++ b/zh-cn/bam-tech-react-native-image-resizer.md
@@ -271,9 +271,9 @@ const styles = StyleSheet.create({
 export default ImageResizerDemo;    
 ```
 
-## 使用 Codegen（如本库已适配了 Codegen ）
+## 使用 Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 
@@ -308,7 +308,7 @@ export default ImageResizerDemo;
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-image-resizer": "file:../../node_modules/@react-native-oh-tpl/react-native-image-resizer/harmony/imager_resizer.har"
+    "@react-native-oh-tpl/react-native-image-resizer": "file:../../node_modules/@react-native-oh-tpl/react-native-image-resizer/harmony/image_resizer.har"
   }
 ```
 
@@ -331,6 +331,7 @@ ohpm install
 
 ```diff
 ...
+
 + import {ImageResizerPackage} from '@react-native-oh-tpl/react-native-image-resizer/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -371,7 +372,24 @@ ohpm install
 
 | Name               | Description         | Type     | Required | Platform    | HarmonyOS Support |
 |--------------------|---------------------|----------|----------|-------------|-------------------|
-| createResizedImage | Resize local images | function | No       | Android/ios | Yes               |
+| createResizedImage | Resize local images | function | No       | Android/iOS | Yes               |
+
+### createResizedImage参数
+
+| Name                 | Description         | Type    | Platform    | HarmonyOS Support |
+|----------------------|---------------------|---------|-------------|-------------------|
+| path                 | Path of image file, or a base64 encoded image string prefixed with 'data:image/imagetype' where imagetype is jpeg or png. | string  | Android/iOS | Yes               |
+| width                | Width to resize to (see mode for more details) | number  | Android/iOS | Yes               |
+| height               | Height to resize to (see mode for more details) | number  | Android/iOS | Yes               |
+| compressFormat       | Can be either JPEG, PNG or WEBP. | string  | Android/iOS | Yes               |
+| quality              | A number between 0 and 100. Used for the JPEG compression. | number  | Android/iOS | Yes               |
+| rotation             | Rotation to apply to the image, in degrees. | number  | Android/iOS | Yes               |
+| outputPath           | The resized image path. If null, resized image will be stored in cache folder. To set outputPath make sure to add option for rotation too (if no rotation is needed, just set it to 0). | string  | Android/iOS | Yes               |
+| keepMeta             | If true, will attempt to preserve all file metadata/exif info, except the orientation value since the resizing also does rotation correction to the original image. Defaults to false, which means all metadata is lost. Note: This can only be true for JPEG images which are loaded from the file system (not Web). | boolean | Android/iOS | Yes               |
+| options.mode         | Similar to react-native Image's resizeMode: either contain (the default), cover, or stretch. contain will fit the image within width and height, preserving its ratio. cover preserves the aspect ratio, and makes sure the image is at least width wide or height tall. stretch will resize the image to exactly width and height. | string  | Android/iOS | Yes               |
+| options.onlyScaleDown | 	If true, will never enlarge the image, and will only make it smaller. | boolean | Android/iOS | Yes               |
+
+## 遗留问题
 
 ## 其他
 

From cbbec14e71f170d0a6bdf93d455a5ed472298b2f Mon Sep 17 00:00:00 2001
From: meimei <2983689841@qq.com>
Date: Wed, 17 Jul 2024 02:45:55 +0000
Subject: [PATCH 178/966] =?UTF-8?q?!795=20docs:=20[Issues:=20#IA58CL]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-amap-geolocation=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IA58CL]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-amap-geolocation=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-amap-geolocation.md | 378 +++++++++++++++++++++++++
 1 file changed, 378 insertions(+)
 create mode 100644 zh-cn/react-native-amap-geolocation.md

diff --git a/zh-cn/react-native-amap-geolocation.md b/zh-cn/react-native-amap-geolocation.md
new file mode 100644
index 00000000..dc17c017
--- /dev/null
+++ b/zh-cn/react-native-amap-geolocation.md
@@ -0,0 +1,378 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-amap-geolocation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/qiuxiang/react-native-amap-geolocation">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/qiuxiang/react-native-amap-geolocation/blob/main/license">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-amap-geolocation) 
+
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-amap-geolocation@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-amap-geolocation@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from "react";
+import {
+  Button,
+  Platform,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+} from "react-native";
+import Geolocation from "react-native-amap-geolocation";
+
+const style = StyleSheet.create({
+  body: {
+    padding: 16,
+    paddingTop: Platform.OS === "ios" ? 48 : 16,
+  },
+  controls: {
+    flexWrap: "wrap",
+    alignItems: "flex-start",
+    flexDirection: "row",
+    marginBottom: 16,
+  },
+  button: {
+    flexDirection: "column",
+    marginRight: 8,
+    marginBottom: 8,
+    marginTop:50
+  },
+  result: {
+    fontFamily: Platform.OS === "ios" ? "menlo" : "monospace",
+  },
+});
+
+class AmapGeoLocationDemo extends React.Component {
+  state = { location: null };
+  
+ componentDidMount(){
+  Geolocation.init("aabbbcccc")
+ }
+
+start=()=>{
+  console.log("geolocation start");
+  Geolocation.start().then((result)=>{
+    let location = result;
+    this.setState({ location });
+    console.log("geolocationupdateLocation:"+location);
+   }).catch((error)=>{
+    console.log(error);
+   });
+};
+
+stop =()=>{
+  console.log("geolocation stop");
+  Geolocation.stop();
+}
+
+ onceLocation=  ()=>{
+   Geolocation.setOnceLocation().then((result)=>{
+    let location = result;
+    this.setState({ location });
+    console.log("geolocation onceLocation:"+location);
+   }).catch((error)=>{
+    console.log(error);
+   });
+
+};
+getLastKnownLocation= () =>{
+   Geolocation.getLastKnownLocation().then((result)=>{
+    let location = result;
+    this.setState({ location });
+    console.log("geolocation lastLocation:"+location);
+   }).catch((error)=>{
+    console.log(error);
+   });
+}
+
+setInterval10000 = ()=>{
+  Geolocation.setInterval(10000);
+}
+setInterval2000 = ()=>{
+  Geolocation.setInterval(2000);
+}
+setNeedAddressTrue=()=>{
+  Geolocation.setNeedAddress(true);
+}
+setNeedAddressFalse =()=>{
+  Geolocation.setNeedAddress(false);
+}
+
+setLangeChinese=()=>{
+  Geolocation.setGeoLanguage(1);
+}
+setLangeEnglish=()=>{
+ Geolocation.setGeoLanguage(2);
+}
+render() {
+  const { location } = this.state;
+ return (
+     <ScrollView contentContainerStyle={style.body}>
+         <View style={style.button}>
+           <Button onPress={this.start} title="start" />
+         </View>
+         <View style={style.button}>
+           <Button onPress={this.stop} title="stop" />
+         </View>
+         <View style={style.button}>
+           <Button onPress={this.onceLocation} title="setOnceLocation" />
+         </View>
+         <View style={style.button}>
+           <Button onPress={this.getLastKnownLocation} title="getLastKnownLocation" />
+         </View>
+         <View style={style.button}>
+           <Button onPress={this.setInterval2000} title="setInterval(2000)" />
+         </View>
+         <View style={style.button}>
+           <Button onPress={this.setInterval10000} title="setInterval(10000)" />
+         </View>
+         <View style={style.button}>
+           <Button onPress={this.setNeedAddressTrue} title="setNeedAddress(true)" />
+         </View>
+         <View style={style.button}>
+           <Button onPress={this.setNeedAddressFalse} title="setNeedAddress(false)" />
+         </View>
+         <View style={style.button}>
+           <Button onPress={this.setLangeChinese} title="setLangeChinese" />
+         </View>
+         <View style={style.button}>
+           <Button onPress={this.setLangeEnglish} title="setLangeEnglish" />
+         </View>
+       <Text style={style.result}>{`${JSON.stringify(location, null, 2)}`}</Text> 
+     </ScrollView>
+   );
+}
+}
+
+export default AmapGeoLocationDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-amap-geolocation": "file:../../node_modules/@react-native-oh-tpl/react-native-amap-geolocation/harmony/amap_geolocation.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 AmapGeolocationPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {AmapGeolocationPackage} from '@react-native-oh-tpl/react-native-amap-geolocation';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new AmapGeolocationPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| code  | 错误代码         | number  | yes | iOS/Android      | yes |
+| message  | 错误信息         | string  | yes | iOS/Android      | yes |
+| android  | Android平台         | string | yes | iOS/Android      | yes |
+| iOS  | iOS平台         | string  | yes | iOS/Android      | yes |
+| accuracy  | 定位精度 (米)        | number  | yes | iOS/Android      | yes |
+| altitude  | 海拔（米），需要 GPS         | number  | yes | iOS/Android      | yes |
+| altitudeAccuracy  | 海拔精度         | number  | yes | iOS/Android      | yes |
+| latitude  | 经度，[-180, 180]         | number  | yes | iOS/Android      | yes |
+| longitude  | 纬度，[-90, 90]         | number  | yes | iOS/Android      | yes |
+| speed  | 移动速度（米/秒），需要 GPS         | number  | yes | iOS/Android      | yes |
+| coordinateType  | 坐标系类型       | string  | yes | Android      | yes |
+| errorInfo  | 错误信息         | string | yes | iOS/Android      | yes |
+| heading  | 移动方向，需要 GPS         | number  | yes | iOS/Android      | yes |
+| locationDetail  | 定位信息描述         | string  | yes | Android      | yes |
+| timestamp  | 定位时间（毫秒）         | number  | yes | iOS/Android      | yes |
+| distanceFilter  | 位置信息的距离过滤器，用于限制位置更新的触发频率         | number  | yes | iOS/Android      | yes |
+| enableHighAccuracy  | 是否启用高精度模式来获取位置信息。        | boolean | yes | iOS/Android      | yes |
+| maximumAge  | 获取位置信息的最大缓存时间        | number  | yes | iOS/Android      | yes |
+| timeout  |  获取位置信息的超时时间   | number  | yes | iOS/Android      | yes |
+| address  | 详细地址         | number  | yes | iOS/Android      | yes |
+|city  | 城市         | string  | yes | iOS/Android      | yes |
+| cityCode  | 城市编码        | string | yes | iOS/Android      | yes |
+| country  | 国家        | string  | yes | iOS/Android      | yes |
+| district  | 地区         | string  | yes | iOS/Android      | yes |
+| poiName | 兴趣点        | string  | yes | iOS/Android      | yes |
+| province  | 省份       | string  | yes | iOS/Android      | yes |
+| street  | 街道         | string | yes | iOS/Android      | yes |
+| streetNumber  | 门牌号        | string  | yes | iOS/Android      | yes |
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- |-------------------|
+| init  | 初始化 SDK | Promise<void>  | yes| iOS/Android      | yes               |
+| isStarted  | 获取当前是否正在定位的状态 | boolean | yes | Android      | no                |
+| setAllowsBackgroundLocationUpdates  | 是否允许后台定位 | void  | yes | iOS      | yes               |
+| setDesiredAccuracy  | 设定期望的定位精度（米） | void  | yes | iOS     | yes               |
+| setDistanceFilter  | 设定定位的最小更新距离（米） | void  | yes | iOS     | yes               |
+| setGeoLanguage  | 设置逆地理信息的语言，目前支持中文和英文 | void  | yes | iOS/Android      | yes               |
+| setGpsFirst  | 设置首次定位是否等待卫星定位结果 | void  | yes | Android      | no                |
+| setGpsFirstTimeout  | 设置优先返回卫星定位信息时等待卫星定位结果的超时时间（毫秒） | void  | yes | Android      | no                |
+| setHttpTimeout  | 设置联网超时时间（毫秒） | void  | yes | Android      | no                |
+| setInterval  | 设置发起定位请求的时间间隔（毫秒），默认 2000，最小值为 1000 | void  | yes | Android      | yes               |
+| setLocatingWithReGeocode  | 连续定位是否返回逆地理编码 | void  | yes | iOS      | yes               |
+| setLocationCacheEnable  | 设置是否使用缓存策略 | void  | yes | Android     | no                |
+| setLocationMode  | 设置定位模式 | void  | yes | Android     | no                |
+| setLocationPurpose  | 设置定位场景 | void  | yes | Android      | no                |
+| setLocationTimeout  | 指定单次定位超时时间（秒） | void  | yes | iOS      | yes               |
+| setMockEnable  | 设置是否允许模拟位置 | void  | yes | Android      | no                |
+| setNeedAddress  | 设置是否返回地址信息，默认返回地址信息 | void  | yes | Android      | yes               |
+| setOnceLocation  | 设置是否单次定位 | void  | yes | Android      | yes               |
+| setOnceLocationLatest  | 设置定位是否等待 WiFi 列表刷新 | void  | yes | Android      | no                |
+| setOpenAlwaysScanWifi  | 设置是否开启wifi始终扫描 | void  | yes | Android     | no                |
+| setPausesLocationUpdatesAutomatically  | 指定定位是否会被系统自动暂停 | void  | yes | iOS      | no                |
+| setReGeocodeTimeout  | 指定单次定位逆地理超时时间（秒）最小值是 2s。注意在单次定位请求前设置。 | void  | yes | iOS     | no                |
+| setSensorEnable  | 设置是否使用设备传感器 | void  | yes | Android      | no                |
+| setWifiScan  | 设置是否允许调用 WiFi 刷新 | void  | yes | Android      | no                |
+| start  | 开始持续定位 | void  | yes | iOS/Android      | yes               |
+| stop  | 停止持续定位 | void  | yes | iOS/Android      | yes               |
+
+## 遗留问题
+
+- [ ] isStarted()接口获取当前是否正在定位的状态,harmony暂不支持[issue#2](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/2)
+- [ ] setGpsFirst()接口获取当前是否正在定位的状态,harmony暂不支持[issue#3](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/3)
+- [ ] setGpsFirstTimeout()接口获取当前是否正在定位的状态,harmony暂不支持[issue#4](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/4)
+- [ ] setHttpTimeout()接口获取当前是否正在定位的状态,harmony暂不支持[issue#5](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/5)
+- [ ] setMockEnable()接口获取当前是否正在定位的状态,harmony暂不支持[issue#6](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/6)
+- [ ] setOnceLocationLatest()接口获取当前是否正在定位的状态,harmony暂不支持[issue#7](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/7)
+- [ ] setOpenAlwaysScanWifi()接口获取当前是否正在定位的状态,harmony暂不支持[issue#8](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/8)
+- [ ] setPausesLocationUpdatesAutomatically()接口获取当前是否正在定位的状态,harmony暂不支持[issue#9](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/9)
+- [ ] setReGeocodeTimeout()接口获取当前是否正在定位的状态,harmony暂不支持[issue#10](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/10)
+- [ ] setSensorEnable()接口获取当前是否正在定位的状态,harmony暂不支持[issue#11](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/11)
+- [ ] setWifiScan()接口获取当前是否正在定位的状态,harmony暂不支持[issue#12](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/12)
+- [ ] setLocationCacheEnable()接口获取当前是否正在定位的状态,harmony暂不支持[issue#13](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/13)
+- [ ] setLocationMode()接口获取当前是否正在定位的状态,harmony暂不支持[issue#14](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/14)
+- [ ] setLocationPurpose()接口获取当前是否正在定位的状态,harmony暂不支持[issue#15](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/15)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/qiuxiang/react-native-amap-geolocation/blob/main/license) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From cd71c42e49d91706cc082e7bf31bfc914f111184 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Wed, 17 Jul 2024 03:24:20 +0000
Subject: [PATCH 179/966] =?UTF-8?q?!906=20docs:=20[#IAA5UD]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-largelist=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IA9UQP]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9shopify-flash-list=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-largelist.md | 224 ++++++++++++++++++++++++++++++++
 1 file changed, 224 insertions(+)
 create mode 100644 zh-cn/react-native-largelist.md

diff --git a/zh-cn/react-native-largelist.md b/zh-cn/react-native-largelist.md
new file mode 100644
index 00000000..3ad12244
--- /dev/null
+++ b/zh-cn/react-native-largelist.md
@@ -0,0 +1,224 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-largelist</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bolan9999/react-native-largelist">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bolan9999/react-native-largelist/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/bolan9999/react-native-largelist)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] 由于依赖包存在冲突问题，需加上--legacy-peer-deps
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-largelist@3.1.0-rc.2 --legacy-peer-deps
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-largelist@3.1.0-rc.2 --legacy-peer-deps
+```
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+// Largelist
+import React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { LargeList } from "react-native-largelist";
+
+export class HeightEqualExample extends React.Component {
+  _sectionCount = 10;
+  _rowCount = 10;
+
+  render() {
+    const data = [];
+    for (let section = 0; section < this._sectionCount; ++section) {
+      const sContent = { items: [] };
+      for (let row = 0; row < this._rowCount; ++row) {
+        sContent.items.push(row);
+      }
+      data.push(sContent);
+    }
+    return (
+      <LargeList
+        style={styles.container}
+        data={data}
+        heightForSection={() => 50}
+        renderSection={this._renderSection}
+        heightForIndexPath={() => 50}
+        renderIndexPath={this._renderIndexPath}
+      />
+    );
+  }
+
+  _renderSection = (section: number) => {
+    return (
+      <View style={styles.section}>
+        <Text>
+          Section {section}
+        </Text>
+      </View>
+    );
+  };
+
+  _renderIndexPath = ({ section: section, row: row }) => {
+    return (
+      <View style={styles.row}>
+        <Text>
+          Section {section} Row {row}
+        </Text>
+        <View style={styles.line} />
+      </View>
+    );
+  };
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  section: {
+    flex: 1,
+    backgroundColor: "gray",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  row: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  line: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 1,
+    backgroundColor: "#EEE"
+  }
+});
+```
+
+更多示例可以查看[largelistExample](https://github.com/bolan9999/react-native-largelist/tree/master/Examples)
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-spring-scrollview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-spring-scrollview 文档的 Link 章节](/zh-cn/react-native-spring-scrollview.md#link)进行引入
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.29;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Largelist:
+| Name                           | Description                                                                                                                                                                                                                           | Type                                                                                                          | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| bounces                        | 滑动超出内容视图后是否可以弹性地继续滑动（iOS & Android，如果为true，水平方向内容视图如果没有超过SpringScrollView则不会有弹性，垂直方向始终具有弹性）                                                                                 | boolean                                                                                                       | no       | Android/iOS | yes               |
+| scrollEnabled                  | 是否可以滚动                                                                                                                                                                                                                          | boolean                                                                                                       | no       | Android/iOS | yes               |
+| initialContentOffset           | 初始化偏移，仅第一次初始化有效，后期更改无效（已支持x方向）                                                                                                                                                                           | {x:number, y:number}                                                                                          | no       | Android/iOS | yes               |
+| showsVerticalScrollIndicator   | 显示垂直滚动指示器                                                                                                                                                                                                                    | boolean                                                                                                       | no       | Android/iOS | yes               |
+| showsHorizontalScrollIndicator | 显示水平滚动指示器（内容视图超出LargeList视口才有用）                                                                                                                                                                                 | boolean                                                                                                       | no       | Android/iOS | yes               |
+| tapToHideKeyboard              | 点击LargeList是否收起键盘                                                                                                                                                                                                             | boolean                                                                                                       | no       | Android/iOS | yes               |
+| data                           | 列表的数据源                                                                                                                                                                                                                          | { items: any[] }[]                                                                                            | no       | Android/iOS | yes               |
+| heightForSection               | 返回列表每一组组头高度的函数                                                                                                                                                                                                          | (section: number) => number                                                                                   | no       | Android/iOS | yes               |
+| renderSection                  | 每一组组头的render函数                                                                                                                                                                                                                | `(section: number) => React.ReactElement <any>`                                                               | no       | Android/iOS | yes               |
+| heightForIndexPath             | 返回列表每一行高度的函数                                                                                                                                                                                                              | (indexPath: IndexPath) => number                                                                              | no       | Android/iOS | yes               |
+| renderIndexPath                | 每一行的render函数, mediaWrapperParam是用于大图片或视频优化选项。                                                                                                                                                                     | `(indexPath: IndexPath, mediaWrapperParam:Object) => React.ReactElement <any>`                                | no       | Android/iOS | yes               |
+| renderHeader                   | 列表的头部组件函数                                                                                                                                                                                                                    | `()=> React.ReactElement <any>`                                                                               | no       | Android/iOS | yes               |
+| renderFooter                   | 列表的尾部组件函数                                                                                                                                                                                                                    | `()=> React.ReactElement <any>`                                                                               | no       | Android/iOS | yes               |
+| inverted                       | 翻转滚动方向，适配聊天App                                                                                                                                                                                                             | boolean                                                                                                       | no       | Android/iOS | yes               |
+| pagingEnabled                  | 当值为 true 时，滚动条会停在设置的pageSize整数倍位置。这个属性在iOS和安卓上都支持双向分页。                                                                                                                                           | boolean                                                                                                       | no       | Android/iOS | yes               |
+| pageSize                       | 配合pagingEnabled使用分页，使滑动停止在设置的整数倍位置。同时支持水平和垂直双向分页。0代表使用LargeList的视口大小。                                                                                                                   | {width:number,height:number}                                                                                  | no       | Android/iOS | yes               |
+| onRefresh                      | 下拉刷新的回调函数,如果设置了此属性，则会在顶部加一个刷新Header                                                                                                                                                                       | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| refreshHeader                  | 选择下拉刷新的组件，用户如果不希望高度自定义，则可以不设定直接使用NormalHeader,如果需要高度自定义                                                                                                                                     | [RefreshHeader](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/RefreshHeader.js) | no       | Android/iOS | yes               |
+| onLoading                      | 上拉加载的回调函数,如果设置了此属性，则会在底部加一个加载组件                                                                                                                                                                         | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| allLoaded                      | 数据是否加载完成。                                                                                                                                                                                                                    | boolean                                                                                                       | no       | Android/iOS | yes               |
+| loadingFooter                  | 上拉加载组件，用户如果不希望自定义，则可以使用NormalFooter,如果需要高度自定义                                                                                                                                                         | [LoadingFooter](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/LoadingFooter.js) | no       | Android/iOS | yes               |
+| onScroll                       | 监听列表滑动（JavaScript端）                                                                                                                                                                                                          | ({nativeEvent:{contentOffset:{x, y}}})=>any                                                                   | no       | Android/iOS | yes               |
+| onNativeContentOffsetExtract   | 使用原生动画值监听滑动偏移，可以用作插值动画                                                                                                                                                                                          | {x?:Animated.Value, y?:Animated.Value}                                                                        | no       | Android/iOS | yes               |
+| onTouchBegin                   | 手指按下时回调                                                                                                                                                                                                                        | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| onTouchEnd                     | 手指抬起时回调                                                                                                                                                                                                                        | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| onMomentumScrollBegin          | 松手后减速开始的回调                                                                                                                                                                                                                  | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| onMomentumScrollEnd            | 减速结束回调                                                                                                                                                                                                                          | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| textInputRefs                  | 将TextInput的引用传入，让SpringScrollView自动管理键盘遮挡问题。                                                                                                                                                                       | TextInput[]                                                                                                   | no       | Android/iOS | yes               |
+| dragToHideKeyboard             | 滑动屏幕时是否隐藏键盘                                                                                                                                                                                                                | boolean                                                                                                       | no       | Android/iOS | yes               |
+| inputToolBarHeight             | 不同的系统，不同的三方输入法，键盘的工具栏高度是不确定的，并且官方没有给出获取工具栏高度的办法，这个属性用以给用户小幅调整键盘弹起时，组件偏移的位置                                                                                  | number                                                                                                        | no       | Android/iOS | yes               |
+| groupCount                     | 优化参数，LargeList将各行进行分组（不是Section，这个视独立的组），groupCount表示总共渲染4组，每组至少渲染groupMinHeight高度，值越大预渲染的行数越多，对应的初始化越慢。请注意groupCount * groupMinHeight必须大于LargeList的视口高度。 | number                                                                                                        | no       | Android/iOS | yes               |
+| groupMinHeight                 | 优化参数，每组的高度                                                                                                                                                                                                                  | number                                                                                                        | no       | Android/iOS | yes               |
+| updateTimeInterval             | 更新延时，值越小请求更新的频率越高，但是React Native是异步的，请求更新过多会导致更新不过来；值越大越容易让用户看到新的Item替换旧的Item的现象。                                                                                        | number                                                                                                        | no       | Android/iOS | yes               |
+
+
+### WaterfallList:
+| Name              | Description                                                                                                                                                                                       | Type                                                | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------- | -------- | ----------- | ----------------- |
+| data              | 数据源，数组的个数决定了Item的数量                                                                                                                                                                | any[]                                               | no       | Android/iOS | yes               |
+| heightForItem     | 一个高度函数，用以返回每个Item的高度                                                                                                                                                              | (item:any,index:number)=> number                    | no       | Android/iOS | yes               |
+| renderItem        | 每个Item的render函数                                                                                                                                                                              | `(item:any,index:number)=> React.ReactElement<any>` | no       | Android/iOS | yes               |
+| preferColumnWidth | 每个Item的理想宽度， 它会影响实际列数，实际列数等于WaterfallList除以理想宽度向下取整，实际宽度是组件宽度除以实际列数（目前只支持等宽的Item）.(preferColumnWidth 和 numColumns 至少需要指定一个. ) | number                                              | no       | Android/iOS | yes               |
+| numColumns        | 固定列数. (preferColumnWidth 和 numColumns 至少需要指定一个. )                                                                                                                                    | number                                              | no       | Android/iOS | yes               |
+| renderHeader      | 头部组件函数                                                                                                                                                                                      | `()=> React.ReactElement <any>	`                    | no       | Android/iOS | yes               |
+| renderFooter      | 尾部组件函数                                                                                                                                                                                      | `()=> React.ReactElement <any>	`                    | no       | Android/iOS | yes               |
+
+
+### StickyForm:
+| Name                   | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| ...LargeList           | 支持所有的LargeList属性（含刷新及加载）。                    | -       | no       | Android/iOS | yes               |
+| directionalLockEnabled | 当此属性为true时，它会试着锁定只在水平或垂直一个方向上滚动。 | boolean | no       | Android/iOS | yes               |
+| headerStickyEnabled    | 将头部吸在StickForm的顶部，Section跟着吸在头部的下边。       | boolean | no       | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-largelist/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From e1cd547a91af92533af2c7ad9b6123af0922e050 Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Wed, 17 Jul 2024 03:32:23 +0000
Subject: [PATCH 180/966] =?UTF-8?q?!1052=20docs:=20[Issues:=20#IACJVW]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20react-native-iphone-screen-helper=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IACJVW]=20=E6=96=B0=E5=A2=9E=20react-native-iphone-screen-helpe?=
 =?UTF-8?q?r=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-iphone-screen-helper.md | 102 +++++++++++++++++++++
 1 file changed, 102 insertions(+)
 create mode 100644 zh-cn/react-native-iphone-screen-helper.md

diff --git a/zh-cn/react-native-iphone-screen-helper.md b/zh-cn/react-native-iphone-screen-helper.md
new file mode 100644
index 00000000..53588d39
--- /dev/null
+++ b/zh-cn/react-native-iphone-screen-helper.md
@@ -0,0 +1,102 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-iphone-screen-helper</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/chlee1001/react-native-iphone-screen-helper">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/chlee1001/react-native-iphone-screen-helper/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-iphone-screen-helper)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-iphone-screen-helper@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-iphone-screen-helper@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import { getStatusBarHeight } from 'react-native-iphone-screen-helper'
+import { View } from 'react-native';
+
+const ScreenHelperDemo: React.FC = (): JSX.Element => {
+    const [currentHeight, setCurrentHeight] = useState<number>(0)
+
+    useEffect(() => {
+        const barHeight = getStatusBarHeight()
+        setCurrentHeight(barHeight)
+    }, [])
+
+    return (
+        <>
+            <View style={{ height: currentHeight, borderBottomWidth: 1 }} />
+        </>
+    )
+}
+
+export default ScreenHelperDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| :---  | :---------- | ---- | -------- | ---- | ------------ |
+| isIphoneX         | **returns** - `true` if you're running on an iPhone X or a newer model with a notch or dynamic island. | boolean | No       | All      | Yes               |
+| isDynamicIsland | **returns** - `true` if you're running on an iPhone X or dynamic island. | boolean | No       | All      | Yes               |
+| ifIphoneX | This method is for creating stylesheets with the iPhone X and later models, including those with dynamic islands, in mind. | stylesheets | No       | All      | Yes               |
+| getStatusBarHeight | **returns** - the height of the status bar | number | No | All | Yes |
+| getBottomSpace | **returns** - the height of the bottom to fit the safe area: `34` for iPhone X and newer models with a notch or dynamic island, and `0` for other devices. | number | No | All | Yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/chlee1001/react-native-iphone-screen-helper/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From a65b8fa04bafd143ef5e3a818745e59a06ae98c7 Mon Sep 17 00:00:00 2001
From: DamonJiang <jiangkui6@h-partners.com>
Date: Wed, 17 Jul 2024 03:32:58 +0000
Subject: [PATCH 181/966] =?UTF-8?q?!1114=20docs:=20[#IADJB0]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-gesture-handler=E5=BA=93Releases=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=E9=93=BE=E6=8E=A5=20*=20docs:=20[#IADJB0]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-gesture-handler=E5=BA=93Releases=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 2 +-
 zh-cn/README.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 23f51d4e..1957ef40 100644
--- a/README.md
+++ b/README.md
@@ -87,7 +87,7 @@
 | 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
-| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.12.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
 | 64  | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
 | 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
 | 66  | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 6bdf8a54..f790c7b4 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -87,7 +87,7 @@
 | 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
-| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.12.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
 | 64  | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
 | 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
 | 66  | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |

From d49e03f7736a34122f456fa2601da9004420f1f0 Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Wed, 17 Jul 2024 12:04:32 +0000
Subject: [PATCH 182/966] =?UTF-8?q?!1102=20docs:=20[Issues:#IADDR1]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-bindingx=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:#IADDR1]=E4=BF=AE=E6=94=B9react-native-bindi?=
 =?UTF-8?q?ngx=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-bindingx.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-bindingx.md b/zh-cn/react-native-bindingx.md
index d4e2b310..c3fff4e3 100644
--- a/zh-cn/react-native-bindingx.md
+++ b/zh-cn/react-native-bindingx.md
@@ -45,13 +45,13 @@ yarn add @react-native-oh-tpl/react-native-bindingx@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import ReactBindingXModule from 'react-native-bindingx'    
+import bindingx from 'react-native-bindingx'    
 
 
 onBind() {
 
         let anchor = findNodeHandle(this.refs._anchor);
-        this._token = ReactBindingXModule.bind({
+        this._token = bindingx.bind({
             eventType: 'orientation',
             options: {
                 sceneType: '2d'
@@ -72,7 +72,7 @@ onBind() {
     }
 
     onUnBind() {
-        ReactBindingXModule.unbind({
+        bindingx.unbind({
             token:this._token,
             eventType: 'orientation'
         });

From 82f8a87f66da24ebb9d2988617c580f729ec4907 Mon Sep 17 00:00:00 2001
From: Magic-Neko <xiaoyange1@h-partners.com>
Date: Wed, 17 Jul 2024 14:08:12 +0000
Subject: [PATCH 183/966] =?UTF-8?q?!1065=20docs:=20[Issues:=20#IACPXA]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-deck-swiper=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IACPXA]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-deck-swiper=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-deck-swiper.md | 480 ++++++++++++++++++++++++++++++
 1 file changed, 480 insertions(+)
 create mode 100644 zh-cn/react-native-deck-swiper.md

diff --git a/zh-cn/react-native-deck-swiper.md b/zh-cn/react-native-deck-swiper.md
new file mode 100644
index 00000000..745e90e6
--- /dev/null
+++ b/zh-cn/react-native-deck-swiper.md
@@ -0,0 +1,480 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-deck-swiper</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/alexbrillant/react-native-deck-swiper">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/alexbrillant/react-native-deck-swiper/blob/master/LICENSE">
+         <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/alexbrillant/react-native-deck-swiper)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-deck-swiper@2.0.17
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-deck-swiper@2.0.17
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component, useState } from 'react'
+import Swiper from 'react-native-deck-swiper'
+import { Button, StyleSheet, Text, View, ScrollView } from 'react-native'
+
+function* range(start, end) {
+  for (let i = start; i <= end; i++) {
+    yield i
+  }
+}
+
+export default class DeckSwiperExample extends Component {
+
+  constructor(props) {
+    super(props)
+    this.state = {
+      cards: [...range(1, 10)],
+      swipedAllCards: false,
+      swipeDirection: '操作卡片滑动，此处显示滑动方向',
+      cardIndex: 0,
+      //是否显示下一张卡片
+      showSecondCardState:true,
+      //卡片移动时候的索引
+      indexWhenmove:'请移动卡片',
+      positionWhenmove:'请移动卡片',
+      dragStartState:'拖动开始触发',
+      dragEndState:'拖动结束触发'
+    }
+  }
+
+  renderCard = (card, index) => {
+    return (
+      <View style={styles.card}>
+        <Text style={styles.text}>{card} - {index}</Text>
+      </View>
+    )
+  };
+
+  onSwiped = (type) => {
+    console.log(`on swiped ${type}`)
+  }
+
+  onSwipedAllCards = () => {
+    this.setState({
+      swipedAllCards: this.state.swipedAllCards = true
+    })
+  };
+
+  //轻触时，卡片滑动的方向
+  swipeLeft = () => {
+    this.swiper.swipeLeft()
+  };
+  swipeRight = () => {
+    this.swiper.swipeRight()
+  };
+  swipeTop = () => {
+    this.swiper.swipeTop()
+  };
+  swipeBottom = () => {
+    this.swiper.swipeBottom()
+  };
+  //卡片拖动时，调用的函数
+  Swiping = (index, position) => {
+    this.setState({
+      ...this.props,
+      indexWhenmove:index,
+      positionWhenmove:position
+    })
+  };
+  //拖动开始时候要调用的函数
+  dragStart = () => {
+    this.setState({
+      ...this.props,
+      dragStartState:'拖动已经开始了！！！！'
+    })
+  } 
+  //拖动结束时候要调用的函数
+  dragEnd = () => {
+    this.setState({
+      ...this.props,
+      dragEndState:'拖动已经结束了！！！！'
+    })
+  } 
+
+  //显示堆叠卡片
+  useShowSecondCard = () =>{
+    this.setState({
+      ...this.props,
+      showSecondCardState:true
+    })
+  }
+  //不显示堆叠卡片
+  disuseShowSecondCard = () =>{
+    this.setState({
+      ...this.props,
+      showSecondCardState:false
+    })
+  }
+  //显示堆叠卡片
+  useShowSecondCard = () =>{
+      this.setState({
+        ...this.props,
+        showSecondCardState:true
+      })
+  }
+
+  render() {
+    return (
+              <Text>该整体效果涉及属性和接口</Text>
+              <Text>onSwiped,滑动方向：{this.state.swipeDirection}</Text>
+              <Text>onTapCard,轻触时，卡片调用的函数:这里设置的是swipeLeft向左滑动</Text>
+              <Text>onSwipedAllCards,刷卡时候调用的函数,刷卡完毕置位true.刷卡完毕的情况下使用'回退按键',该状态不会重置:{JSON.stringify(this.state.swipedAllCards)}</Text>
+              <Text>onSwiping,卡片移动时触发的回调: Swiping card at index {this.state.indexWhenmove}, position: {this.state.positionWhenmove}</Text>
+              <Text>dragStart,卡片开始拖动时候触发的回调:{this.state.dragStartState}</Text>
+              <Text>dragEnd,卡片拖动结束时候触发的回调:{this.state.dragEndState}</Text>
+              <View style={styles.container}>
+                <Swiper
+                  ref={swiper => {
+                    this.swiper = swiper
+                  }}
+                  //滑动方向
+                  onSwiped={() => this.setState({ swipeDirection: this.state.swipeDirection = 'general' })}
+                  onSwipedLeft={() => this.setState({ swipeDirection: this.state.swipeDirection = 'left' })}
+                  onSwipedRight={() => this.setState({ swipeDirection: this.state.swipeDirection = 'right' })}
+                  onSwipedTop={() => this.setState({ swipeDirection: this.state.swipeDirection = 'top' })}
+                  onSwipedBottom={() => this.setState({ swipeDirection: this.state.swipeDirection = 'bottom' })}
+                  //轻触卡时要调用的函数，这里是向左滑动
+                  onTapCard={this.swipeLeft}
+                  //需要渲染的卡片组，必填
+                  cards={this.state.cards}
+                  //首张卡片，这里为设置为0
+                  cardIndex={this.state.cardIndex}
+                  //卡片的垂直边距，默认为60
+                  cardVerticalMargin={200}
+                  //卡片的水平边距，默认为20
+                  cardHorizontalMargin={80}
+                  //卡片渲染的参数，必填
+                  renderCard={this.renderCard}
+                  //卡片移动时触发的回调
+                  onSwiping={this.Swiping}
+                  //当卡片滑完后触发的回调
+                  onSwipedAll={this.onSwipedAllCards}
+                  //拖动开始触发的函数
+                  dragStart={this.dragStart}
+                  //拖动结束触发的函数
+                  dragEnd={this.dragEnd}
+                  //显示堆叠卡片,只有当showSecondCard为true的时候,才会生效
+                  stackSize={3}
+                  //卡之间的垂直间隔f,具体表现为卡片的堆叠样式,例如此处为-100，成多米诺形式
+                  stackSeparation={20}
+                  //是否显示第二张卡
+                  showSecondCard={this.state.showSecondCardState}
+                  //滑动覆盖标签，滑动时候卡片上的覆盖样式
+                  overlayLabels={{
+                    bottom: {
+                      title: '向下',
+                      style: {
+                        label: {
+                          backgroundColor: 'black',
+                          borderColor: 'black',
+                          color: 'white',
+                          borderWidth: 1
+                        },
+                        wrapper: {
+                          flexDirection: 'column',
+                          alignItems: 'center',
+                          justifyContent: 'center'
+                        }
+                      }
+                    },
+                    left: {
+                      title: '向左',
+                      style: {
+                        label: {
+                          backgroundColor: 'black',
+                          borderColor: 'black',
+                          color: 'white',
+                          borderWidth: 1
+                        },
+                        wrapper: {
+                          flexDirection: 'column',
+                          alignItems: 'flex-end',
+                          justifyContent: 'flex-start',
+                          marginTop: 30,
+                          marginLeft: -30
+                        }
+                      }
+                    },
+                    right: {
+                      title: '向右',
+                      style: {
+                        label: {
+                          backgroundColor: 'black',
+                          borderColor: 'black',
+                          color: 'white',
+                          borderWidth: 1
+                        },
+                        wrapper: {
+                          flexDirection: 'column',
+                          alignItems: 'flex-start',
+                          justifyContent: 'flex-start',
+                          marginTop: 30,
+                          marginLeft: 30
+                        }
+                      }
+                    },
+                    top: {
+                      title: '向上',
+                      style: {
+                        label: {
+                          backgroundColor: 'black',
+                          borderColor: 'black',
+                          color: 'white',
+                          borderWidth: 1
+                        },
+                        wrapper: {
+                          flexDirection: 'column',
+                          alignItems: 'center',
+                          justifyContent: 'center'
+                        }
+                      }
+                    }
+                  }}
+                  //动画卡覆盖标签不透明度，默认为false
+                  animateOverlayLabelsOpacity
+                  animateCardOpacity
+                  //回退卡片动画
+                  swipeBackCard
+                  //背景图
+                  containerStyle={
+                    {
+                        height: 700,
+                        zIndex: 0,
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                    }}
+                >
+                  <Button onPress={() => this.swiper.swipeBack()} title='Swipe Back' />
+                  <Button onPress={() => this.useShowSecondCard()} title='显示堆叠卡片(默认为堆叠；重置后，需要滑动一张卡片生效)' />
+                  <Button onPress={() => this.disuseShowSecondCard()} title='不显示堆叠卡片(点击后，需要滑动一张卡片生效)' />
+                </Swiper>
+              </View>
+    )
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#F5FCFF',
+    width: '100%',
+    height: '700',
+    display: 'flex', 
+    position: 'relative'
+  },
+  card: {
+    flex: 1,
+    borderRadius: 4,
+    borderWidth: 2,
+    borderColor: '#E8E8E8',
+    justifyContent: 'center',
+    backgroundColor: 'white',
+  },
+  text: {
+    textAlign: 'center',
+    fontSize: 50,
+    backgroundColor: 'transparent'
+  },
+  done: {
+    textAlign: 'center',
+    fontSize: 30,
+    color: 'white',
+    backgroundColor: 'transparent'
+  }
+})
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Card props
+
+| Name            | Description                                                  | Type                      | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------------------- | -------- | ----------- | ----------------- |
+| cards           | array of data for the cards to be rendered                   | array                     | yes      | iOS/Android | yes               |
+| renderCard      | function to render the card based on the data                | func(cardData, cardIndex) | yes      | iOS/Android | yes               |
+| keyExtractor    | function to get the card's react key                         | func(cardData)            | no       | iOS/Android | yes               |
+| cardIndex       | cardIndex to start with                                      | number                    | no       | iOS/Android | yes               |
+| infinite        | keep swiping indefinitely                                    | bool                      | no       | iOS/Android | yes               |
+| horizontalSwipe | enable/disable horizontal swiping                            | bool                      | no       | iOS/Android | yes               |
+| verticalSwipe   | enable/disable vertical swiping                              | bool                      | no       | iOS/Android | yes               |
+| showSecondCard  | enable/disable second card while swiping                     | bool                      | no       | iOS/Android | yes               |
+| stackSize       | number of underlaying cards to show (showSecondCard must be enabled) | number                    | no       | iOS/Android | yes               |
+
+### Swipe animation props
+
+| Name                   | Description                     | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------- | ------ | -------- | ----------- | ----------------- |
+| verticalThreshold      | vertical swipe threshold        | number | no       | iOS/Android | yes               |
+| horizontalThreshold    | horizontal swipe threshold      | number | no       | iOS/Android | yes               |
+| swipeAnimationDuration | duration of the swipe animation | number | no       | iOS/Android | yes               |
+| disableBottomSwipe     | disable bottom swipe            | bool   | no       | iOS/Android | yes               |
+| disableLeftSwipe       | disable left swipe              | bool   | no       | iOS/Android | yes               |
+| disableRightSwipe      | disable right swipe             | bool   | no       | iOS/Android | yes               |
+| disableTopSwipe        | disable top swipe               | bool   | no       | iOS/Android | yes               |
+
+### Stack props
+
+| Name                   | Description                                            | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| stackSeparation        | vertical separation between underlaying cards          | number | no       | iOS/Android | yes               |
+| stackScale             | percentage to reduce the size of each underlaying card | number | no       | iOS/Android | yes               |
+| stackAnimationFriction | spring animation friction (bounciness)                 | number | no       | iOS/Android | yes               |
+| stackAnimationTension  | spring animation tension (speed)                       | number | no       | iOS/Android | yes               |
+
+### Rotation animation props
+
+| Name                | Description                                            | Type  | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------ | ----- | -------- | ----------- | ----------------- |
+| inputRotationRange  | x values range for the rotation output                 | array | no       | iOS/Android | yes               |
+| outputRotationRange | rotation values for the x values in inputRotationRange | array | no       | iOS/Android | yes               |
+
+### Opacity animation props
+
+| Name                              | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| --------------------------------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| animateCardOpacity                | animate card opacity                                         | bool   | no       | iOS/Android | yes               |
+| inputCardOpacityRangeX            | pan x card opacity input range                               | array  | no       | iOS/Android | yes               |
+| outputCardOpacityRangeX           | opacity values for the values in inputCardOpacityRangeX      | array  | no       | iOS/Android | yes               |
+| inputCardOpacityRangeY            | pan y card opacity input range                               | array  | no       | iOS/Android | yes               |
+| outputCardOpacityRangeY           | opacity values for the values in inputCardOpacityRangeY      | array  | no       | iOS/Android | yes               |
+| animateOverlayLabelsOpacity       | animate card overlay labels opacity                          | bool   | no       | iOS/Android | yes               |
+| inputOverlayLabelsOpacityRangeX   | pan x overlay labels opacity input range                     | array  | no       | iOS/Android | yes               |
+| outputOverlayLabelsOpacityRangeX  | opacity values for the values in inputOverlayLabelsOpacityRangeX | array  | no       | iOS/Android | yes               |
+| inputOverlayLabelsOpacityRangeY   | pan x overlay labels opacity input range                     | array  | no       | iOS/Android | yes               |
+| outputOverlayLabelsOpacityRangeY  | opacity values for the values in inputOverlayLabelsOpacityRangeY | array  | no       | iOS/Android | yes               |
+| overlayOpacityVerticalThreshold   | vertical threshold for overlay label                         | number | no       | iOS/Android | yes               |
+| overlayOpacityHorizontalThreshold | horizontal threshold for overlay label                       | number | no       | iOS/Android | yes               |
+
+### Swipe overlay labels
+
+| Name                     | Description                  | Type   | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ---------------------------- | ------ | -------- | ----------- | ----------------- |
+| overlayLabels            | swipe labels title and style | object | no       | iOS/Android | yes               |
+| overlayLabelStyle        | swipe labels style           | object | no       | iOS/Android | yes               |
+| overlayLabelWrapperStyle | overlay label wrapper style  | object | no       | iOS/Android | yes               |
+
+### Swipe back to previous card props
+
+| Name                              | Description                               | Type | Required | Platform    | HarmonyOS Support |
+| --------------------------------- | ----------------------------------------- | ---- | -------- | ----------- | ----------------- |
+| goBackToPreviousCardOnSwipeLeft   | previous card is rendered on left swipe   | bool | no       | iOS/Android | yes               |
+| goBackToPreviousCardOnSwipeRight  | previous card is rendered on right swipe  | bool | no       | iOS/Android | yes               |
+| goBackToPreviousCardOnSwipeTop    | previous card is rendered on top swipe    | bool | no       | iOS/Android | yes               |
+| goBackToPreviousCardOnSwipeBottom | previous card is rendered on bottom swipe | bool | no       | iOS/Android | yes               |
+
+### Style props
+
+| Name                 | Description                                               | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------- | --------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| backgroundColor      | background color for the view containing the cards        | string | no       | iOS/Android | yes               |
+| marginTop            | marginTop for the swiper container                        | number | no       | iOS/Android | yes               |
+| marginBottom         | marginBottom for the swiper container                     | number | no       | iOS/Android | yes               |
+| cardVerticalMargin   | card vertical margin                                      | number | no       | iOS/Android | yes               |
+| cardHorizontalMargin | card horizontal margin                                    | number | no       | iOS/Android | yes               |
+| childrenOnTop        | render children on top or not                             | bool   | no       | iOS/Android | yes               |
+| cardStyle            | override swipable card style                              | node   | no       | iOS/Android | yes               |
+| containerStyle       | overrides for the containing style                        | node   | no       | iOS/Android | yes               |
+| pointerEvents        | pointerEvents prop for the containing                     | string | no       | iOS/Android | yes               |
+| useViewOverflow      | use ViewOverflow instead of View for the Swiper component | bool   | no       | iOS/Android | yes               |
+
+### Swipe back Props
+
+| Name                         | Description                                                 | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | ----------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| previousCardDefaultPositionX | Animation start position oX when card swipes back into deck | number | no       | iOS/Android | yes               |
+| previousCardDefaultPositionY | Animation start position oY when card swipes back into deck | number | no       | iOS/Android | yes               |
+| stackAnimationFriction       | spring animation friction (bounciness)                      | number | no       | iOS/Android | yes               |
+| stackAnimationTension        | spring animation tension (speed)                            | number | no       | iOS/Android | yes               |
+| swipeBackCard                | renders swipe back card, in order to animate it             | bool   | no       | iOS/Android | yes               |
+
+## 事件回调
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                  | Type | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ---- | -------- | ----------- | ----------------- |
+| onSwipedAll       | function to be called when all cards have been swiped        | func | no       | iOS/Android | yes               |
+| onSwiped          | function to be called when a card is swiped. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwipedAborted   | function to be called when a card is released before reaching the threshold | func | no       | iOS/Android | yes               |
+| onSwipedLeft      | function to be called when a card is swiped left. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwipedRight     | function to be called when a card is swiped right. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwipedTop       | function to be called when a card is swiped top. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwipedBottom    | function to be called when a card is swiped bottom. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwiping         | function to be called when a card is being moved. it receives X and Y positions | func | no       | iOS/Android | yes               |
+| dragStart         | function to be called when drag start                        | func | no       | iOS/Android | yes               |
+| dragEnd           | function to be called when drag end                          | func | no       | iOS/Android | yes               |
+| onTapCard         | function to be called when tapping a card. it receives the tapped card index | func | no       | iOS/Android | yes               |
+| onTapCardDeadZone | maximum amount of movement before a tap is no longer recognized as a tap | func | no       | iOS/Android | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                           | Type     | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| swipeBack       | swipe back into deck last swiped card | callback | no       | iOS/Android | yes               |
+| swipeLeft       | swipe left to the next card           | callback | no       | iOS/Android | yes               |
+| swipeRight      | swipe right to the next card          | callback | no       | iOS/Android | yes               |
+| swipeTop        | swipe top to the next card            | callback | no       | iOS/Android | yes               |
+| swipeBottom     | swipe bottom to the next card         | callback | no       | iOS/Android | yes               |
+| jumpToCardIndex | set the current card index            | callback | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/alexbrillant/react-native-deck-swiper/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 7f3f2928b82f0a165115be5b1e82a49a55b347d2 Mon Sep 17 00:00:00 2001
From: iven <8495318+wei-fan@user.noreply.gitee.com>
Date: Thu, 18 Jul 2024 01:26:25 +0000
Subject: [PATCH 184/966] =?UTF-8?q?!1053=20docs:=20[Issues:=20#IACJC8]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-responsive-fontsize=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IACJC8]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-responsive-fontsize=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-responsive-fontsize.md | 112 ++++++++++++++++++++++
 1 file changed, 112 insertions(+)
 create mode 100644 zh-cn/react-native-responsive-fontsize.md

diff --git a/zh-cn/react-native-responsive-fontsize.md b/zh-cn/react-native-responsive-fontsize.md
new file mode 100644
index 00000000..7a300a2c
--- /dev/null
+++ b/zh-cn/react-native-responsive-fontsize.md
@@ -0,0 +1,112 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-responsive-fontsize</code> </h1>
+</p>
+<p align="center">
+    <a href="https://https//github.com/heyman333/react-native-responsive-fontsize">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/heyman333/react-native-responsive-fontSize/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/heyman333/react-native-responsive-fontSize)
+
+## 安装与使用
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+$ npm install react-native-responsive-fontsize@0.5.1 --save
+```
+
+#### **yarn**
+
+```bash
+$ yarn add react-native-responsive-fontsize@0.5.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import { RFPercentage, RFValue } from "react-native-responsive-fontsize";
+import { View, Text, StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+  welcome: {
+    fontSize: RFValue(24, 580),
+    textAlign: "center",
+    margin: 10,
+  },
+  instructions: {
+    textAlign: "center",
+    margin: 10,
+    fontSize: RFPercentage(5),
+  },
+});
+const App = () => {
+  return (
+    <View style={{ height: '100%', width: '100%', backgroundColor: '#ffffff',marginTop:50}}>
+      <View style={{ height: 200 }}>
+        <Text>fontSize used RFValue(24, 580):</Text>
+        <Text style={styles.welcome}>Hello World1</Text>
+      </View>
+      <View style={{ height: 200 }}>
+        <Text>fontSize used RFPercentage(5):</Text>
+        <Text style={styles.instructions}>Hello World2</Text>
+      </View>
+    </View>
+  )
+}
+
+export default App;
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-NEXT-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 静态方法
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| RFPercentage | The font size is calculated as a percentage of the height(`width` in landscape mode) of the device. | function | no       | Android/iOS | yes               |
+| RFValue      | The font size is calculated based on standardScreenHeight and passed value | function | no       | Android/iOS | yes               |
+
+**RFPercentage参数**
+
+| Name    | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | ------ | -------- | ----------- | ----------------- |
+| percent | font size   | number | yes      | Android/iOS | yes               |
+
+**RFValue参数**
+
+| Name                 | Description            | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------- | ------ | -------- | ----------- | ----------------- |
+| value                | font size              | number | yes      | Android/iOS | yes               |
+| standardScreenHeight | standard screen height | number | no       | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/heyman333/react-native-responsive-fontSize/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 77843abcd3473ba93384dcb12d1eed643393eabf Mon Sep 17 00:00:00 2001
From: hewei203 <hewei203@h-partners.com>
Date: Thu, 18 Jul 2024 03:01:48 +0000
Subject: [PATCH 185/966] =?UTF-8?q?!1083=20docs:=20[Issues:=20#IAD5Q0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-shadow-2=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAD5Q0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-shadow-2=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-shadow-2.md | 99 ++++++++++++++++------------------
 1 file changed, 45 insertions(+), 54 deletions(-)

diff --git a/zh-cn/react-native-shadow-2.md b/zh-cn/react-native-shadow-2.md
index 54c9a70d..419c6e20 100644
--- a/zh-cn/react-native-shadow-2.md
+++ b/zh-cn/react-native-shadow-2.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-shadow-2</code> </h1>
@@ -41,10 +40,10 @@ yarn add react-native-shadow-2@7.0.8
 > [!WARNING] 使用时 import 的库名不变。
 
 ```tsx
-import { Text, ScrollView, View, StyleSheet } from "react-native";
-import { Shadow } from "react-native-shadow-2";
+import {Text, ScrollView, View, StyleSheet} from 'react-native';
+import {Shadow} from 'react-native-shadow-2';
 
-function Shadow2Demo() {
+export function Shadow2Demo() {
   return (
     <ScrollView>
       <View style={styles.container}>
@@ -56,12 +55,12 @@ function Shadow2Demo() {
           </Shadow>
 
           <Text style={styles.title}>startColor</Text>
-          <Shadow startColor={"#eb9066d8"}>
+          <Shadow startColor={'#eb9066d8'}>
             <Text style={styles.box}>startColor</Text>
           </Shadow>
 
           <Text style={styles.title}>endColor</Text>
-          <Shadow endColor={"#ff00ff10"}>
+          <Shadow endColor={'#ff00ff10'}>
             <Text style={styles.box}>endColor</Text>
           </Shadow>
 
@@ -70,22 +69,21 @@ function Shadow2Demo() {
             <Text style={styles.box}>distance</Text>
           </Shadow>
 
-          {/* <Text style={styles.title}>offset</Text>
-                    <Shadow offset={[10, 4]}>
-                        <Text style={styles.box}>offset</Text>
-                    </Shadow>
+          <Text style={styles.title}>offset</Text>
+          <Shadow offset={[50, 4]}>
+            <Text style={styles.box}>offset</Text>
+          </Shadow>
 
-                    <Text style={styles.title}>paintInside</Text>
-                    <Shadow style={styles.shadow} paintInside startColor={'#eb9066d8'} >
-                        <Text style={styles.box}>paintInside</Text>
-                    </Shadow>  */}
+          <Text style={styles.title}>paintInside</Text>
+          <Shadow style={styles.shadow} paintInside startColor={'#eb9066d8'}>
+            <Text style={styles.box}>paintInside</Text>
+          </Shadow>
 
           <Text style={styles.title}>sides</Text>
           <Shadow
             style={styles.shadow}
-            sides={{ start: false, end: true, top: false, bottom: false }}
-            startColor={"#eb9066d8"}
-          >
+            sides={{start: false, end: true, top: false, bottom: false}}
+            startColor={'#eb9066d8'}>
             <Text style={styles.box}>sides</Text>
           </Shadow>
 
@@ -99,18 +97,17 @@ function Shadow2Demo() {
               bottomStart: true,
               bottomEnd: false,
             }}
-            startColor={"red"}
-          >
+            startColor={'red'}>
             <Text style={styles.box}>corners</Text>
           </Shadow>
 
           <Text style={styles.title}>style</Text>
-          <Shadow style={{ marginTop: 10 }}>
+          <Shadow style={{backgroundColor: 'red'}}>
             <Text style={styles.box}>style</Text>
           </Shadow>
 
           <Text style={styles.title}>containerStyle</Text>
-          <Shadow containerStyle={{ backgroundColor: "red" }}>
+          <Shadow containerStyle={{backgroundColor: 'red'}}>
             <Text style={styles.box}>containerStyle</Text>
           </Shadow>
 
@@ -119,12 +116,11 @@ function Shadow2Demo() {
             <Text style={styles.box}>stretch</Text>
           </Shadow>
 
-          <View style={{ width: 200, height: 200 }}>
+          <View style={{width: 200, height: 200}}>
             <Text style={styles.title}>safeRender</Text>
             <Shadow distance={10} safeRender={true}>
               <Text
-                style={{ width: "100%", height: "80%", backgroundColor: "red" }}
-              >
+                style={{width: '100%', height: '80%', backgroundColor: 'red'}}>
                 shadow
               </Text>
             </Shadow>
@@ -143,9 +139,9 @@ function Shadow2Demo() {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "center",
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
   },
   sliders: {
     margin: 20,
@@ -155,7 +151,7 @@ const styles = StyleSheet.create({
     marginBottom: 20,
   },
   text: {
-    alignSelf: "center",
+    alignSelf: 'center',
     paddingVertical: 20,
   },
   title: {
@@ -167,29 +163,26 @@ const styles = StyleSheet.create({
     fontSize: 16,
   },
   sliderOne: {
-    flexDirection: "row",
-    justifyContent: "space-around",
+    flexDirection: 'row',
+    justifyContent: 'space-around',
   },
 });
 
-export default Shadow2Demo;
 ```
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库HarmonyOS侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md#link)进行引入
 
 ## 约束与限制
 
 ### 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
-
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25 (API Version 12 Canary4); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 
 ## 属性
 
@@ -197,31 +190,29 @@ export default Shadow2Demo;
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name           | Description                                                                                                                                                                                                                                        | Type                                                                    | Required | Platform | HarmonyOS Support |
-| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| startColor     | The initial gradient color of the shadow.                                                                                                                                                                                                          | string                                                                  | No       | All      | yes               |
-| endColor       | The final gradient color of the shadow.                                                                                                                                                                                                            | string                                                                  | No       | All      | yes               |
-| distance       | How far the shadow goes.                                                                                                                                                                                                                           | number                                                                  | No       | All      | yes               |
-| offset         | Moves the shadow. Negative x moves it left/start, negative y moves it up. Accepts 'x%' values. Defining this will default paintInside to true, as it's the usual desired behaviour.                                                                | [x: string \| number, y: string \| number]                              | No       | All      | no                |
-| paintInside    | Apply the shadow below/inside the content. startColor is used as fill color, without a gradient. Useful when using offset or if your child has some transparency.                                                                                  | boolean                                                                 | No       | All      | no                |
-| sides          | The sides that will have their shadows drawn. Doesn't include corners. Undefined sides fallbacks to true.                                                                                                                                          | Record<'start' \| 'end' \| 'top' \| 'bottom', boolean>                  | No       | All      | yes               |
-| corners        | The corners that will have their shadows drawn. Undefined corners fallbacks to true.                                                                                                                                                               | Record<'topStart' \| 'topEnd' \| 'bottomStart' \| 'bottomEnd', boolean> | No       | android  | no                |
-| style          | The style of the View that wraps your children.                                                                                                                                                                                                    | StyleProp<ViewStyle>                                                    | No       | All      | yes               |
-| containerStyle | The style of the View that wraps the Shadow and your children. Useful for margins.                                                                                                                                                                 | StyleProp<ViewStyle>                                                    | No       | All      | yes               |
-| stretch        | Make your children ocuppy all available horizontal space.                                                                                                                                                                                          | boolean                                                                 | No       | All      | yes               |
-| safeRender     | Won't use the relative sizing and positioning on the 1st render but on the following renders with the exact onLayout sizes. Useful if dealing with radii greater than the sides sizes (like a circle) to avoid visual artifacts on the 1st render. | boolean                                                                 | No       | All      | yes               |
-| disabled       | Disables the Shadow. Useful for easily reusing components as sometimes shadows are not desired. containerStyle and style are still applied.                                                                                                        | boolean                                                                 | No       | All      | yes               |
+| Name           | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| startColor     | The initial gradient color of the shadow.                    | string                                                       | no       | All      | yes               |
+| endColor       | The final gradient color of the shadow.                      | string                                                       | no       | All      | yes               |
+| distance       | How far the shadow goes.                                     | number                                                       | no       | All      | yes               |
+| offset         | Moves the shadow. Negative x moves it left/start, negative y moves it up. Accepts 'x%' values. Defining this will default paintInside to true, as it's the usual desired behaviour. | [x: string \| number, y: string \| number]                   | no       | All      | yes               |
+| paintInside    | Apply the shadow below/inside the content. startColor is used as fill color, without a gradient. Useful when using offset or if your child has some transparency. | boolean                                                      | no       | All      | yes               |
+| sides          | The sides that will have their shadows drawn. Doesn't include corners. Undefined sides fallbacks to true. | Record<'start' \| 'end' \| 'top' \| 'bottom', boolean>       | no       | All      | yes               |
+| corners        | The corners that will have their shadows drawn. Undefined corners fallbacks to true. | Record<'topStart' \| 'topEnd' \| 'bottomStart' \| 'bottomEnd', boolean> | no       | Android  | yes               |
+| style          | The style of the View that wraps your children.              | StyleProp<ViewStyle>                                         | no       | All      | yes               |
+| containerStyle | The style of the View that wraps the Shadow and your children. Useful for margins. | StyleProp<ViewStyle>                                         | no       | All      | yes               |
+| stretch        | Make your children ocuppy all available horizontal space.    | boolean                                                      | no       | All      | yes               |
+| safeRender     | Won't use the relative sizing and positioning on the 1st render but on the following renders with the exact onLayout sizes. Useful if dealing with radii greater than the sides sizes (like a circle) to avoid visual artifacts on the 1st render. | boolean                                                      | no       | All      | yes               |
+| disabled       | Disables the Shadow. Useful for easily reusing components as sometimes shadows are not desired. containerStyle and style are still applied. | boolean                                                      | no       | All      | yes               |
 
 ## 遗留问题
 
 目前可使用的属性，具体见上面已列出。
 
-- [ ] 由于react-native-shadow-2强依赖[`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)库，但react-native-svg目前仅实现少部分属性，其余还未实现 HarmonyOS 化， 导致属性offset、paintInside、corners不可用问题: [issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
+- [x] 由于react-native-shadow-2强依赖[`react-native-svg`](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-svg)库，但react-native-svg目前仅实现少部分属性，其余还未实现HarmonyOS化， 导致属性offset、paintInside、corners不可用问题: [issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/SrBrahma/react-native-shadow-2/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From efae1588c47405439cf0a6a04c0540793366ce38 Mon Sep 17 00:00:00 2001
From: hewei203 <hewei203@h-partners.com>
Date: Thu, 18 Jul 2024 03:08:40 +0000
Subject: [PATCH 186/966] =?UTF-8?q?!1084=20docs:=20[Issues:=20#IAD5RA]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-tts=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAD5RA]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-tts=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-tts.md | 335 ++++++++++++++------------------------
 1 file changed, 118 insertions(+), 217 deletions(-)

diff --git a/zh-cn/react-native-tts.md b/zh-cn/react-native-tts.md
index 792bb010..f66c1224 100644
--- a/zh-cn/react-native-tts.md
+++ b/zh-cn/react-native-tts.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 >  模板版本：v0.2.2
 
 <p align="center">
@@ -6,7 +5,7 @@
 </p>
 <p align="center">
     <a href="https://github.com/ak1394/react-native-tts">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/ak1394/react-native-tts/blob/master/README.md#license">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
@@ -14,6 +13,7 @@
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tts)
 
 ## 安装与使用
@@ -45,202 +45,104 @@ yarn add @react-native-oh-tpl/react-native-tts@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import {Text, StyleSheet, ScrollView} from 'react-native';
-import {Tester, TestSuite, TestCase} from '@rnoh/testerino';
-import Tts, {TtsEvents} from 'react-native-tts';
-
-const speakText = `炎炎夏日，阳光如烈火般炙烤大地。`;
-
-const speakText2 = `秋天，一抹深沉的金黄漫过天际，叶片如蝶般飘零。微风拂过，树叶沙沙作响，落叶编织地面的金色地毯。秋天的色彩斑斓而美丽，仿佛大自然为世界穿上一袭金黄的盛装，宁静而充满生机。`;
-
-type SetStateProps = React.Dispatch<React.SetStateAction<boolean>>;
-
-type fnBackProps = Promise<boolean | string | number | void>;
+import {useState, useCallback} from 'react';
+import {Text, View, StyleSheet, SafeAreaView} from 'react-native';
+import Tts from 'react-native-tts';
+
+const cnText = `炎炎夏日，阳光如烈火般炙烤大地，空气中弥漫着热浪的气息。树荫下，蝉鸣声如同热浪中跳跃的音符，微风吹过，带来一丝清凉。远处的田野上，金黄的麦浪随风起伏，仿佛在舞动着夏天的节奏。天空湛蓝如洗，白云悠然飘过，似是一幅宁静而美丽的夏日画卷。`;
+
+export function TTSDemo() {
+  const [speakText, setSpeakText] = useState<string>(cnText);
+
+  const addEvent = useCallback(() => {
+    Tts.addEventListener('tts-start', res => {
+      console.log('tts-start', res);
+    });
+  }, []);
+
+  const removeEvent = useCallback(() => {
+    Tts.addEventListener('tts-start', res => {
+      console.log('tts-start', res);
+    });
+  }, []);
+
+  const stopSpeak = useCallback(() => {
+    Tts.stop();
+  }, []);
+
+  const speakFc = useCallback(() => {
+    Tts.speak(speakText);
+  }, []);
+
+  const getInitStatus = useCallback(() => {
+    Tts.getInitStatus().then(() => {
+      console.log('初始化已完成');
+    });
+  }, []);
+
+  const pauseFc = useCallback(() => {
+    Tts.pause();
+  }, []);
+
+  const resumeFc = useCallback(() => {
+    Tts.resume();
+  }, []);
+
+  const setSpeakRate = useCallback(() => {
+    Tts.setDefaultRate(2);
+  }, []);
+
+  const setSpeakPitch = useCallback(() => {
+    Tts.setDefaultPitch(2);
+  }, []);
+
+  const queryVoices = useCallback(() => {
+    Tts.voices().then(res => {
+      const resTr = JSON.stringify(res);
+      setSpeakText(resTr);
+    });
+  }, []);
 
-export default function TTSDemo() {
-  const eventTypes: TtsEvents[] = [
-    'tts-start',
-    'tts-finish',
-    'tts-error',
-    'tts-cancel',
-    'tts-progress',
-  ];
-
-  const caseAddEventList = eventTypes.map(event => {
-    return {
-      describe: `addEventListener（${event}）`,
-      cn: '添加事件监听',
-      key: `addEventListener （${event}）`,
-      name: 'addEventListener',
-      value: event,
-      defineFn: (setState?: SetStateProps) => {
-        Tts.addEventListener(event, () => {
-          setState?.(true);
-        });
-      },
-    };
-  });
-
-  const caseRemoveEventList = eventTypes.map(event => {
-    return {
-      describe: `removeEventListener（${event}）`,
-      cn: '移除事件监听',
-      key: `removeEventListener （${event}）`,
-      name: 'removeEventListener',
-      value: event,
-      defineFn: (setState?: SetStateProps) => {
-        Tts.removeEventListener(event, () => {
-          setState?.(true);
-        });
-      },
-    };
-  });
-
-  const caseList = [
-    {
-      describe: 'getInitStatus',
-      cn: '获取初始化状态',
-      key: 'getInitStatus',
-      name: 'getInitStatus',
-      value: '',
-      fn: (): fnBackProps => Tts.getInitStatus(),
-    },
-    {
-      describe: 'speak（short）',
-      cn: '合成语音并播放',
-      key: 'speak_a',
-      name: 'speak',
-      value: speakText,
-      defineFn: (setState?: SetStateProps) => {
-        const id = Tts.speak(speakText);
-        setState?.(!!id);
-      },
-    },
-    {
-      describe: 'speak（long）',
-      cn: '合成语音并播放',
-      key: 'speak_b',
-      name: 'speak',
-      value: speakText2,
-      defineFn: (setState?: SetStateProps) => {
-        const id = Tts.speak(speakText2);
-        setState?.(!!id);
-      },
-    },
-    {
-      describe: 'stop',
-      cn: '结束播放',
-      key: 'stop',
-      name: 'stop',
-      value: false,
-      fn: (): fnBackProps => Tts.stop(false),
-    },
-    {
-      describe: 'pause',
-      cn: '暂停播放',
-      key: 'pause',
-      name: 'pause',
-      value: false,
-      fn: (): fnBackProps => Tts.pause(false),
-    },
-    {
-      describe: 'resume',
-      cn: '继续播放',
-      key: 'resume',
-      name: 'resume',
-      value: '',
-      fn: (): fnBackProps => Tts.resume(),
-    },
-    {
-      describe: 'setDefaultRate（2）',
-      cn: '设置默认语速，语速为2',
-      key: 'setDefaultRate(2)',
-      name: 'setDefaultRate',
-      value: 2,
-      fn: (): fnBackProps => Tts.setDefaultRate(2),
-    },
-    {
-      describe: 'setDefaultRate（0.5）',
-      cn: '设置默认语速，语速为0.5',
-      key: 'setDefaultRate(0.5)',
-      name: 'setDefaultRate',
-      value: 0.5,
-      fn: (): fnBackProps => Tts.setDefaultRate(0.5),
-    },
-    {
-      describe: 'setDefaultPitch(2)',
-      cn: '设置默认音调',
-      key: 'setDefaultPitch(2)',
-      name: 'setDefaultPitch',
-      value: 2,
-      fn: (): fnBackProps => Tts.setDefaultPitch(2),
-    },
-    {
-      describe: 'setDefaultPitch(0.5)',
-      cn: '设置默认音调',
-      key: 'setDefaultPitch(0.5)',
-      name: 'setDefaultPitch',
-      value: 0.5,
-      fn: (): fnBackProps => Tts.setDefaultPitch(0.5),
-    },
-    {
-      describe: 'voices',
-      cn: '获取音色列表',
-      key: 'voices',
-      name: 'voices',
-      value: '',
-      defineFn: (setState?: SetStateProps) => {
-        Tts.voices().then(res => {
-          setState?.(!!res.length);
-        });
-      },
-    },
-    ...caseAddEventList,
-    ...caseRemoveEventList,
-  ];
   return (
-    <Tester>
-      <ScrollView>
-        <TestSuite name="react-native-tts">
-          <TestCase tags={['C_API']} itShould="error回调专用">
-            <Text
-              style={styles.button}
-              onPress={() => {
-                Tts.speak(123);
-              }}>
-              触发异常
+    <>
+      <SafeAreaView style={styles.constainer}>
+        <Text style={styles.title}>react-native-tts功能验证</Text>
+        <View style={styles.content}>
+          <View style={styles.btnWrap}>
+            <Text style={styles.button} onPress={getInitStatus}>
+              getInitStatus
+            </Text>
+            <Text style={styles.button} onPress={speakFc}>
+              speak（zh）
             </Text>
-          </TestCase>
-          {caseList.map(item => {
-            return (
-              <TestCase
-                tags={['C_API']}
-                itShould={item.describe + `（${item.cn}）`}
-                initialState={false}
-                key={item.key}
-                arrange={({setState}) => {
-                  return (
-                    <Text
-                      style={styles.button}
-                      onPress={() =>
-                        item.defineFn
-                          ? item.defineFn(setState)
-                          : item.fn().then(() => setState(true))
-                      }>
-                      {item.name}
-                    </Text>
-                  );
-                }}
-                assert={async ({expect, state}) => {
-                  expect(state).to.be.true;
-                }}
-              />
-            );
-          })}
-        </TestSuite>
-        <Text style={{marginBottom: 100}}></Text>
-      </ScrollView>
-    </Tester>
+            <Text style={styles.button} onPress={stopSpeak}>
+              stop
+            </Text>
+            <Text style={styles.button} onPress={pauseFc}>
+              pause
+            </Text>
+            <Text style={styles.button} onPress={resumeFc}>
+              resume
+            </Text>
+            <Text style={styles.button} onPress={setSpeakRate}>
+              setDefaultRate
+            </Text>
+            <Text style={styles.button} onPress={setSpeakPitch}>
+              setDefaultPitch
+            </Text>
+            <Text style={styles.button} onPress={queryVoices}>
+              voices
+            </Text>
+            <Text style={styles.button} onPress={addEvent}>
+              addEventListener
+            </Text>
+            <Text style={styles.button} onPress={removeEvent}>
+              removeEventListener
+            </Text>
+          </View>
+        </View>
+      </SafeAreaView>
+    </>
   );
 }
 
@@ -263,7 +165,6 @@ const styles = StyleSheet.create({
   text: {
     padding: 20,
     fontSize: 20,
-    color: 'white',
   },
   title: {
     padding: 10,
@@ -341,7 +242,8 @@ ohpm install
 
 ```diff
 ...
-+ import { RNTTSPackage } from '@react-native-oh-tpl/react-native-tts/ts';
+
++   import { RNTTSPackage } from '@react-native-oh-tpl/react-native-tts/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -380,24 +282,24 @@ ohpm install
 
 | Name                  | Description                                                             | Type     | Required | Platform | HarmonyOS Support |
 | --------------------- | ----------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| getInitStatus         | Returns a promise that resolves when the TTS engine is initialized.     | Function | No       | No       | All               |
-| requestInstallEngine  | Requests installation of the TTS engine if not already installed.       | Function | No       | android  | no                |
-| requestInstallData    | Requests installation of the TTS data if not already installed.         | Function | No       | android  | no                |
-| setDucking            | Sets whether the TTS engine should duck other audio when speaking.      | Function | No       | All      | no                |
-| setDefaultEngine      | Sets the default TTS engine.                                            | Function | No       | android  | no                |
-| setDefaultVoice       | Sets the default voice for the TTS engine.                              | Function | No       | All      | no                |
-| setDefaultRate        | Sets the default speech rate for the TTS engine.                        | Function | No       | All      | yes               |
-| setDefaultPitch       | Sets the default pitch for the TTS engine.                              | Function | No       | All      | yes               |
-| setDefaultLanguage    | Sets the default language for the TTS engine.                           | Function | No       | All      | no                |
-| setIgnoreSilentSwitch | Function                                                                | No       | ios      | no       |
-| voices                | Retrieves a list of available voices from the TTS engine.               | Function | No       | All      | yes               |
-| engines               | Retrieves a list of available TTS engines.                              | Function | No       | android  | no                |
-| speak                 | Speaks the given utterance and returns a promise with the utterance ID. | Function | No       | All      | yes               |
-| stop                  | Stops the current TTS utterance.                                        | Function | No       | All      | yes               |
-| pause                 | Pause the current TTS utterance.                                        | Function | No       | All      | yes               |
-| resume                | Resume the current TTS utterance.                                       | Function | No       | All      | yes               |
-| addEventListener      | Adding an Event Listener                                                | Function | No       | All      | yes               |
-| removeEventListener   | Remove Event Listener                                                   | Function | No       | All      | yes               |
+| getInitStatus         | Returns a promise that resolves when the TTS engine is initialized.     | Function | no     | All    | yes            |
+| requestInstallEngine  | Requests installation of the TTS engine if not already installed.       | Function | no     | Android | no                |
+| requestInstallData    | Requests installation of the TTS data if not already installed.         | Function | no     | Android | no                |
+| setDucking            | Sets whether the TTS engine should duck other audio when speaking.      | Function | no     | All      | no                |
+| setDefaultEngine      | Sets the default TTS engine.                                            | Function | no     | Android | no                |
+| setDefaultVoice       | Sets the default voice for the TTS engine.                              | Function | no     | All      | no                |
+| setDefaultRate        | Sets the default speech rate for the TTS engine.                        | Function | no     | All      | yes               |
+| setDefaultPitch       | Sets the default pitch for the TTS engine.                              | Function | no     | All      | yes               |
+| setDefaultLanguage    | Sets the default language for the TTS engine.                           | Function | no     | All      | no                |
+| setIgnoreSilentSwitch | Sets whether to ignore the silent button.                 | Function | no    | iOS |no|
+| voices                | Retrieves a list of available voices from the TTS engine.               | Function | no     | All      | yes               |
+| engines               | Retrieves a list of available TTS engines.                              | Function | no     | Android | no                |
+| speak                 | Speaks the given utterance and returns a promise with the utterance ID. | Function | no     | All      | yes               |
+| stop                  | Stops the current TTS utterance.                                        | Function | no     | All      | yes               |
+| pause                 | Pause the current TTS utterance.                                        | Function | no     | All      | yes               |
+| resume                | Resume the current TTS utterance.                                       | Function | no     | All      | yes               |
+| addEventListener      | Adding an Event Listener                                                | Function | no     | All      | yes               |
+| removeEventListener   | Remove Event Listener                                                   | Function | no     | All      | yes               |
 
 ## 遗留问题
 
@@ -413,5 +315,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/ak1394/react-native-tts/blob/master/README.md#license)，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/ak1394/react-native-tts/blob/master/README.md#license)，请自由地享受和参与开源。
\ No newline at end of file

From 82a989b349e14c0121ef9485c9cdcce4d6b99739 Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Thu, 18 Jul 2024 03:33:14 +0000
Subject: [PATCH 187/966] =?UTF-8?q?!1091=20docs:=20=20[Issues:=20#IAD865]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-performance=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IAD865]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-performance=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-performance.md | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/zh-cn/react-native-performance.md b/zh-cn/react-native-performance.md
index 383f45a0..708497d5 100644
--- a/zh-cn/react-native-performance.md
+++ b/zh-cn/react-native-performance.md
@@ -289,9 +289,9 @@ ohpm install
 ## Performance
 
 默认导出Performance对象
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 #### Performance 属性
 
 | Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
@@ -304,6 +304,7 @@ ohpm install
 | now          | 返回一个高分辨率时间戳（以毫秒为单位）                                                                                                                 | function            | yes      | IOS/Android     |      yes           |
 | mark            | 根据给出 markName 值，在性能输入缓冲区中创建一个timestamp(时间戳)                                                                                                                                     | function            | yes      | IOS/Android     |      yes           |
 | measure         | 性能记录缓存中使用 measure()创建一个新的测量记录如果仅指定了测量名称，则开始时间戳设置为零，结束时间戳（用于计算持续时间）是Performance.now()返回的值。可以使用字符串将PerformanceMark对象标识为开始标记和结束标记。要只提供一个endMark，您需要提供一个空的测量选项对象：performance.Measure（“myMeasure”，{}，“myEndMarker”）                                                                                                                                                   | function           | yes      | IOS/Android     |      yes           |
+| metric         | 如果您希望收集不基于时间的自定义度量，此模块将提供名为.metric（）的Performance API扩展，该扩展将生成类型为metric的条目   | function           | yes      | IOS/Android     |      yes           |
 | getEntries          | 对于给定的 filter，此方法返回 PerformanceEntry 对象数组，如果不带任何参数，返回全部 entries                                                                                                                 | function            | yes      | IOS/Android     |      yes           |
 | getEntriesByName  | 返回一个给定名称和 name 和 type 属性的PerformanceEntry对象数组                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |
 | getEntriesByType  | 返回一个给定type 属性的PerformanceEntry对象数组                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |
@@ -313,9 +314,9 @@ ohpm install
 ## PerformanceObserver
 
 给定的观察者 callback 生成一个新的 PerformanceObserver 对象。当通过 observe() 方法注册的 条目类型 的 性能条目事件 被记录下来时，调用该观察者回调。
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### PerformanceObserver 方法
 
@@ -325,9 +326,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
 | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
@@ -341,4 +342,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [TTHE MIT License (MIT)](https://github.com/oblador/react-native-performance/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-performance/blob/master/LICENSE) ，请自由地享受和参与开源。

From 73d2cc3411b7dc0c9320cfff56e9ceea259d5669 Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Thu, 18 Jul 2024 06:18:59 +0000
Subject: [PATCH 188/966] =?UTF-8?q?!1033=20docs:=20[#IABYI1]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-autoheight-webview=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IABYI1]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-autoheight-webview=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-autoheight-webview.md | 67 +++++++++++++++++-------
 1 file changed, 48 insertions(+), 19 deletions(-)

diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index 4ee06be2..5e5340c3 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -5,7 +5,7 @@
   <h1 align="center"> <code>react-native-autoheight-webview</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-autoheight-webview">
+    <a href="https://github.com/iou90/react-native-autoheight-webview">
         <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/iou90/react-native-autoheight-webview/blob/master/LICENSE">
@@ -39,21 +39,48 @@ yarn add @react-native-oh-tpl/react-native-autoheight-webview@file:#
 
 <!-- tabs:end -->
 
+
 下面的代码展示了这个库的基本使用场景：
 
-> [!WARNING] 使用时 import 的库名不变。
 
 ```js
+import React from "react";
 import AutoHeightWebView from "react-native-autoheight-webview";
+import { Dimensions } from 'react-native'
+
+
+export function WebviewExample() {
+  return (
+    <AutoHeightWebView
+    style={{ width: Dimensions.get('window').width - 15, marginTop: 35,}}
+    customScript={`document.body.style.background = 'lightyellow';`}
+    customStyle={`
+      * {
+        font-family: 'Times New Roman';
+      }
+      p {
+        font-size: 16px;
+      }
+    `}
+    source={{ html: `
+    <p style="font-weight: 400;font-style: normal;font-size: 21px;line-height: 1.58;letter-spacing: -.003em;">Tags are great for describing the essence of your story in a single word or phrase, but stories are rarely about a single thing. <span style="background-color: transparent !important;background-image: linear-gradient(to bottom, rgba(146, 249, 190, 1), rgba(146, 249, 190, 1));">If I pen a story about moving across the country to start a new job in a car with my husband, two cats, a dog, and a tarantula, I wouldn’t only tag the piece with “moving”. I’d also use the tags “pets”, “marriage”, “career change”, and “travel tips”.</span></p>
+     ` }}
+    
+  />
+  
+  );
+}
+
+
+
 
-<AutoHeightWebView source={{ uri: "https://reactnative.dev/" }} />;
 ```
 
 ## Link
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](/zh-cn/react-native-webview.md)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
 
 ## 约束与限制
 
@@ -69,25 +96,27 @@ import AutoHeightWebView from "react-native-autoheight-webview";
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                              | Description                                                                                                                                                                                                                                   | Type                                                                                                          | Required | Platform | HarmonyOS Support                                                                                                 |
-| --------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------------------------------------------------------------------------------------------------------- |
-| `source`                          | Loads static HTML or a URI (with optional headers) in the WebView                                                                                                                                                                             | object                                                                                                        | yes      | All      | partially (Only of: <br />**Load uri :**<br />uri <br />headers <br />**Static HTML :**<br />html <br />baseUrl ) |
-| `originWhitelist?`                | List of origin strings to allow being navigated to.                                                                                                                                                                                           | string[]                                                                                                      | No       | All      | yes                                                                                                               |
-| `scalesPageToFit?`                | Boolean that controls whether the web content is scaled to fit the view and enables the user to change the scale.                                                                                                                             | boolean                                                                                                       | No       | android  | yes                                                                                                               |
-| `customScript?`                   | -                                                                                                                                                                                                                                             | string                                                                                                        | No       | All      | yes                                                                                                               |
-| `style?`                          | A style object that allow you to customize the WebView style.                                                                                                                                                                                 | Style                                                                                                         | No       | All      | yes                                                                                                               |
-| `customStyle?`                    | The custom css content will be added to the page's <head>.                                                                                                                                                                                    | string                                                                                                        | No       | All      | yes                                                                                                               |
-| `onSizeUpdated?`                  | Either updated height or width will trigger onSizeUpdated.                                                                                                                                                                                    | function                                                                                                      | No       | All      | yes                                                                                                               |
-| `showsHorizontalScrollIndicator?` | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView.                                                                                                                                                  | boolean                                                                                                       | No       | All      | yes                                                                                                               |
-| `showsVerticalScrollIndicator`    | Boolean value that determines whether a vertical scroll indicator is shown in the WebView.                                                                                                                                                    | boolean                                                                                                       | No       | All      | yes                                                                                                               |
-| `files?`                          | Using local or remote files. To add local files: Add files to android/app/src/main/assets/ (depends on baseUrl) on android; add files to web/ (depends on baseUrl) on iOS; add files to harmony/entry/src/main/resoureces/rawfile on harmony. | PropTypes.arrayOf(PropTypes.shape({ href: PropTypes.string, type: PropTypes.string, rel: PropTypes.string })) | No       | All      | yes                                                                                                               |
-| `scrollEnabledWithZoomedin?`      | Making the webview scrollable on iOS when zoomed in even if scrollEnabled is false.                                                                                                                                                           | boolean                                                                                                       | No       | ios      | no                                                                                                                |
-| `viewportContent?`                | Please note that 'width=device-width' with scalesPageToFit may cause some layout issues on Android and harmony, for these conditions, using customScript prop to apply custom viewport meta.                                                  | string                                                                                                        | No       | All      | yes                                                                                                               |
+| Name                              | Description                                                                                                                                                                                                                                                                                                  | Type                                                               | Required | Platform | HarmonyOS Support                                                                                                 |
+|-----------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------------------------------------------------------------------------------------------------------|
+| `source`                          | Loads static HTML or a URI<br/> (with optional headers) <br />in the WebView                                                                                                                                                                                                                                 | object                                                             | yes      | All      | partially (Only of: <br />**Load uri :**<br />uri <br />headers <br />**Static HTML :**<br />html <br />baseUrl ) |
+| `originWhitelist?`                | List of origin strings<br/> to allow being navigated to.                                                                                                                                                                                                                                                     | string[]                                                           | No       | All      | yes                                                                                                               |
+| `scalesPageToFit?`                | Boolean that controls<br/> whether the web content<br/> is scaled to fit the view<br/> and enables the user<br/> to change the scale.                                                                                                                                                                        | boolean                                                            | No       | android  | yes                                                                                                               |
+| `customScript?`                   | -                                                                                                                                                                                                                                                                                                            | string                                                             | No       | All      | yes                                                                                                               |
+| `style?`                          | A style object that allow you<br/> to customize the WebView style.                                                                                                                                                                                                                                           | Style                                                              | No       | All      | yes                                                                                                               |
+| `customStyle?`                    | The custom css content<br/> will be added to the page's <head>.                                                                                                                                                                                                                                              | string                                                             | No       | All      | yes                                                                                                               |
+| `onSizeUpdated?`                  | Either updated height or width<br/> will trigger onSizeUpdated.                                                                                                                                                                                                                                              | function                                                           | No       | All      | yes                                                                                                               |
+| `showsHorizontalScrollIndicator?` | Boolean value that <br/>determines whether a <br/>horizontal scroll indicator <br/>is shown in the WebView.                                                                                                                                                                                                  | boolean                                                            | No       | All      | yes                                                                                                               |
+| `showsVerticalScrollIndicator`    | Boolean value that <br/> determines whether a <br/> vertical scroll indicator<br/>  is shown in the WebView.                                                                                                                                                                                                 | boolean                                                            | No       | All      | yes                                                                                                               |
+| `files?`                          | Using local or remote files. <br />To add local files:<br/>  Add files to <br/> android/app/src/main/assets/ <br/> (depends on baseUrl) <br/>on android;<br/>  add files to <br/> web/ (depends on baseUrl) on iOS;<br/>  add files to <br/>harmony/entry/src/<br/> main/resoureces/rawfile<br/> on harmony. | arrayOf(<br/>{ href: string, <br/>type: string,<br/> rel:string }) | No       | All      | yes                                                                                                               |
+| `scrollEnabledWithZoomedin?`      | Making the webview scrollable<br /> on iOS when zoomed in even <br />if scrollEnabled is false.                                                                                                                                                                                                              | boolean                                                            | No       | ios      | no                                                                                                                |
+| `viewportContent?`                | Please note that<br /> 'width=device-width'<br/> with scalesPageToFit<br/>  may cause some layout issues <br/> on Android and harmony, <br/>for these conditions, <br/>using customScript prop<br /> to apply custom viewport meta.                                                                          | string                                                             | No       | All      | yes                                                                                                               |
 
 ## 遗留问题
 
-- [ ] autoheight-webview 部分属性未实现 HarmonyOS 化[issue#1](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/1)
+- [ ] autoheight-webview 的scrollEnabledWithZoomedin属性未实现 HarmonyOS 化[issue#1](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/1)
+
 - [ ] AutoHeightWebview依赖的webview 部分属性未实现 HarmonyOS 化[issue#17](https://github.com/react-native-oh-library/react-native-webview/issues/17)
+
 - [x] 中文乱码[issue#2](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/2)
 
 ## 其他

From d46f76f34a7f1cadd4fa521204257b1d5026b6a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=82=89=E5=A4=B4=E5=90=9B?=
 <chenbaodi1@h-partners.com>
Date: Thu, 18 Jul 2024 06:44:57 +0000
Subject: [PATCH 189/966] =?UTF-8?q?!1122=20docs:=20[#IADVKO]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-safe-area-context=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IADVKO]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-safe-area-context=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-safe-area-context.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index 0e8a93e7..37ce3589 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -184,6 +184,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
 ...
+
 + import {SafeAreaViewPackage} from '@react-native-oh-tpl/react-native-safe-area-context/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {

From 158497621af13b601f915a9562fe0d3075273ed0 Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Thu, 18 Jul 2024 07:35:25 +0000
Subject: [PATCH 190/966] =?UTF-8?q?!1117=20docs:=20[Issues:#IADN21]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-fingerprint-scanner=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IADN21]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-fingerprint-scanner=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fingerprint-scanner.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index f1103586..dea8bc7f 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -146,12 +146,13 @@ ohpm install
 
 ```diff
 ...
-+ import { FingerprintScannerPackage } from '@react-native-oh-tpl/react-native-fingerprint-scanner/ts';
+
++ import { RNFingerprintScannerPackage } from '@react-native-oh-tpl/react-native-fingerprint-scanner/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
     new SamplePackage(ctx),
-+   new FingerprintScannerPackage(ctx)
++   new RNFingerprintScannerPackage(ctx)
   ];
 }
 ```

From a3f7e7444673dda405f79c3593f3cb23aed3e15d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=BD=98=E5=88=A9=E6=99=A8?= <pan.lichen@qq.com>
Date: Thu, 18 Jul 2024 07:43:12 +0000
Subject: [PATCH 191/966] =?UTF-8?q?!1099=20docs:=20[Issues:#IADBXC]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-dropdownalert=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IADBXC]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-dropdownalert=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-dropdownalert.md | 442 ++++++++++++++++++++++++++++
 1 file changed, 442 insertions(+)
 create mode 100644 zh-cn/react-native-dropdownalert.md

diff --git a/zh-cn/react-native-dropdownalert.md b/zh-cn/react-native-dropdownalert.md
new file mode 100644
index 00000000..0ceb6c87
--- /dev/null
+++ b/zh-cn/react-native-dropdownalert.md
@@ -0,0 +1,442 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-dropdownalert</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-oh-library/react-native-dropdownalert">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-dropdownalert)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-dropdownalert@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-dropdownalert@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useRef, useState } from "react";
+import {
+  StyleSheet,
+  Text,
+  View,
+  FlatList,
+  SafeAreaView,
+  TouchableOpacity,
+  ImageSourcePropType,
+  ColorValue,
+} from "react-native";
+import DropdownAlert, {
+  DropdownAlertData,
+  DropdownAlertType,
+  DropdownAlertColor,
+  DropdownAlertProps,
+} from "react-native-dropdownalert";
+
+type ListItem = {
+  name: string,
+  alertData?: DropdownAlertData,
+  alertProps?: DropdownAlertProps,
+  color: ColorValue,
+};
+
+type ListItemIndex = {
+  item: ListItem,
+  index: number,
+};
+
+function App(): React.JSX.Element {
+  const defaultSelected: ListItem = {
+    name: "Default",
+    color: DropdownAlertColor.Default,
+  };
+  const [selected, setSelected] = useState(defaultSelected);
+  const [processing, setProcessing] = useState(false);
+  let alert = useRef(
+    (_data?: DropdownAlertData) =>
+      new Promise() < DropdownAlertData > ((res) => res)
+  );
+  let dismiss = useRef(() => {});
+  const reactNativeLogoSrc: ImageSourcePropType = {
+    uri: "https://reactnative.dev/docs/assets/favicon.png",
+  };
+
+  const items: ListItem[] = [
+    {
+      name: "Warn",
+      alertData: {
+        type: DropdownAlertType.Warn,
+        title: "Warn",
+        message:
+          "The device battery is low. It will go into low power mode in 5 minutes.",
+      },
+      color: DropdownAlertColor.Warn,
+    },
+    {
+      name: "Info",
+      alertData: {
+        type: DropdownAlertType.Info,
+        title: "Info",
+        message:
+          "The system goes offline from midnight to 3 AM for regular maintenance.",
+      },
+      color: DropdownAlertColor.Info,
+    },
+    {
+      name: "Success",
+      alertData: {
+        type: DropdownAlertType.Success,
+        title: "Success",
+        message: "The order is complete and details sent to email.",
+      },
+      color: DropdownAlertColor.Success,
+    },
+    {
+      name: "Error",
+      alertData: {
+        type: DropdownAlertType.Error,
+        title: "Error",
+        message:
+          "Something went wrong. Please contact support if error persists.",
+      },
+      color: DropdownAlertColor.Error,
+    },
+    {
+      name: "Custom",
+      alertData: {
+        type: "",
+        title: "Custom",
+        message:
+          "This demonstrates the ability to customize image, interval and style.",
+        source: reactNativeLogoSrc,
+        interval: 5000,
+      },
+      alertProps: {
+        alertViewStyle: styles.alertView,
+      },
+      color: styles.alertView.backgroundColor,
+    },
+    {
+      name: "Cancel",
+      alertData: {
+        type: DropdownAlertType.Info,
+        title: "Info",
+        message:
+          "This demonstrates an info alert with a cancel button. Tap cancel button to dismiss.",
+      },
+      alertProps: {
+        dismissInterval: 0,
+        showCancel: true,
+        onDismissPressDisabled: true,
+      },
+      color: "teal",
+    },
+    {
+      name: "Bottom",
+      alertData: {
+        type: DropdownAlertType.Info,
+        title: "Info",
+        message: "This demonstrates an info alert with bottom alert position.",
+      },
+      alertProps: {
+        alertPosition: "bottom",
+        infoColor: "green",
+      },
+      color: "green",
+    },
+  ];
+
+  function _renderItem(listItemIndex: ListItemIndex): React.JSX.Element {
+    const { item } = listItemIndex;
+    return (
+      <TouchableOpacity
+        style={[styles.item, { backgroundColor: item.color }]}
+        onPress={() => _onSelect(item)}
+        disabled={processing}
+      >
+        <Text style={styles.name}>{item.name}</Text>
+      </TouchableOpacity>
+    );
+  }
+
+  function _onSelect(item: ListItem): void {
+    setSelected(item);
+    setTimeout(async () => {
+      setProcessing(true);
+      await alert.current(item.alertData);
+      setProcessing(false);
+    }, 10);
+  }
+
+  return (
+    <View style={styles.view}>
+      <SafeAreaView>
+        <FlatList
+          keyExtractor={(_item, index) => `${index}`}
+          data={items}
+          initialNumToRender={items.length}
+          renderItem={_renderItem}
+        />
+      </SafeAreaView>
+      <DropdownAlert
+        alert={(func) => (alert.current = func)}
+        dismiss={(func) => (dismiss.current = func)}
+        {...selected.alertProps}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  view: {
+    flex: 1,
+    justifyContent: "center",
+    backgroundColor: "#F4F3E9",
+  },
+  item: {
+    padding: 12,
+    margin: 4,
+    borderRadius: 8,
+    borderColor: "black",
+    borderWidth: StyleSheet.hairlineWidth,
+  },
+  name: {
+    fontSize: 18,
+    fontWeight: "bold",
+    textAlign: "center",
+    color: "whitesmoke",
+  },
+  alertView: {
+    padding: 8,
+    backgroundColor: "#6441A4",
+  },
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)
+
+## DropdownAlert
+
+### DropdownAlertType
+
+DropdownAlertType 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的类型。
+
+#### DropdownAlertType 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description  | Type   | **Required** | Platform | HarmonyOS Support |
+| ------- | ------------ | ------ | ------------ | -------- | ----------------- |
+| Info    | 值为 info    | string | no           | All      | yes               |
+| Warn    | 值为 warn    | string | no           | All      | yes               |
+| Error   | 值为 error   | string | no           | All      | yes               |
+| Success | 值为 success | string | no           | All      | yes               |
+
+### DropdownAlertDismissAction
+
+DropdownAlertDismissAction 是 DropdownAlert 库导出的一个枚举对象，列举了弹框消失的动作类型。
+
+#### DropdownAlertDismissAction 属性
+
+| Name         | Description       | Type   | **Required** | Platform | HarmonyOS Support |
+| ------------ | ----------------- | ------ | ------------ | -------- | ----------------- |
+| Automatic    | 值为 automatic    | string | no           | All      | yes               |
+| Cancel       | 值为 cancel       | string | no           | All      | yes               |
+| Pan          | 值为 pan          | string | no           | All      | yes               |
+| Programmatic | 值为 programmatic | string | no           | All      | yes               |
+| Press        | 值为 press        | string | no           | All      | yes               |
+
+### DropdownAlertColor
+
+DropdownAlertColor 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的颜色
+
+#### DropdownAlertColor 属性
+
+| Name    | Description    | Type   | **Required** | Platform | HarmonyOS Support |
+| ------- | -------------- | ------ | ------------ | -------- | ----------------- |
+| Info    | 值为'#2b73b6'  | string | no           | All      | yes               |
+| Warn    | 值为'#cd853f'  | string | no           | All      | yes               |
+| Error   | 值为'#cc3232'  | string | no           | All      | yes               |
+| Success | 值为'#32a54a'  | string | no           | All      | yes               |
+| Default | 值为''#000000' | string | no           | All      | yes               |
+
+### DropDownAlertImage
+
+DropDownAlertImage 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的图片资源。
+
+#### DropDownAlertImage 属性
+
+| Name    | Description                                                            | Type                | **Required** | Platform | HarmonyOS Support |
+| ------- | ---------------------------------------------------------------------- | ------------------- | ------------ | -------- | ----------------- |
+| Info    | Info 时使用的图片资源，使用源库的资源 equire('./assets/info.png')      | ImageSourcePropType | no           | All      | yes               |
+| Warn    | Info 时使用的图片资源，使用源库的资源 require('./assets/warn.png')     | ImageSourcePropType | no           | All      | yes               |
+| Error   | Info 时使用的图片资源，使用源库的资源 require('./assets/error.png')    | ImageSourcePropType | no           | All      | yes               |
+| Success | Info 时使用的图片资源，使用源库的资源 require('./assets/success.png')  | ImageSourcePropType | no           | All      | yes               |
+| Cancel  | cancel 时使用的图片资源，使用源库的资源 require('./assets/cancel.png') | ImageSourcePropType | no           | All      | yes               |
+
+### DropdownAlertToValue
+
+DropdownAlertToValue 是 DropdownAlert 库导出的一个枚举对象，有两种值 Alert 和 Dismiss。
+
+#### DropdownAlertToValue 属性
+
+| Name    | Description | Type   | **Required** | Platform | HarmonyOS Support |
+| ------- | ----------- | ------ | ------------ | -------- | ----------------- |
+| Alert   | 值为 1      | number | no           | All      | yes               |
+| Dismiss | 值为 0      | number | no           | All      | yes               |
+
+### DropDownAlertTestID
+
+DropDownAlertTestID 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的测试 ID。
+
+#### DropDownAlertTestID 属性
+
+| Name         | Description       | Type   | **Required** | Platform | HarmonyOS Support |
+| ------------ | ----------------- | ------ | ------------ | -------- | ----------------- |
+| AnimatedView | 值为 animatedView | string | no           | All      | yes               |
+| SafeView     | 值为 safeView     | string | no           | All      | yes               |
+| TextView     | 值为 textView     | string | no           | All      | yes               |
+| Alert        | 值为 alert        | string | no           | All      | yes               |
+| Image        | 值为 image        | string | no           | All      | yes               |
+| Title        | 值为 title        | string | no           | All      | yes               |
+| Message      | 值为 message      | string | no           | All      | yes               |
+| Cancel       | 值为 cancel       | string | no           | All      | yes               |
+| CancelImage  | 值为 cancelImage  | string | no           | All      | yes               |
+
+### DropdownAlertData
+
+DropdownAlertData 是 DropdownAlert 库导出的一个 class 对象，定义了弹框的数据内容，如标题、提示信息等。
+
+#### DropdownAlertData 属性
+
+| Name     | Description                             | Type                | **Required** | Platform | HarmonyOS Support |
+| -------- | --------------------------------------- | ------------------- | ------------ | -------- | ----------------- |
+| type     | 弹窗类型，传入 DropdownAlertType 的枚举 | DropdownAlertType   | no           | All      | yes               |
+| title    | 弹窗的消息标题                          | string              | no           | All      | yes               |
+| message  | 弹窗的消息正文                          | string              | no           | All      | yes               |
+| source   | 弹窗的图片类型                          | ImageSourcePropType | no           | All      | yes               |
+| interval | 自动消失的时间，单位毫秒值              | number              | no           | All      | yes               |
+| resolve  | 弹窗被处理的触发的事件                  | function            | no           | All      | yes               |
+
+### DropdownAlertPosition
+
+DropdownAlertData 是 DropdownAlert 库导出的一个 class 对象，定义了弹框弹出位置，有顶部弹出和底部弹出两种。
+
+#### DropdownAlertPosition 属性
+
+| Name   | Description            | Type              | **Required** | Platform | HarmonyOS Support |
+| ------ | ---------------------- | ----------------- | ------------ | -------- | ----------------- |
+| Top    | 顶部弹出，值为'top'    | DropdownAlertType | no           | All      | yes               |
+| Bottom | 底部弹出，值为'bottom' | string            | no           | All      | yes               |
+
+### DropdownAlert 组件
+
+DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有属性，与 DropdownAlertProps 属性一致。
+
+#### DropdownAlert 属性
+
+| Name                             | Description                                                                                                  | Type                           | **Required** | Platform | HarmonyOS Support |
+| -------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------ | ------------ | -------- | ----------------- |
+| imageSrc                         | 弹框未指定图片资源的时候使用的默认自定义图片                                                                 | ImageSourcePropType            | no           | All      | yes               |
+| infoImageSrc                     | 弹框未指定类型为 Info 时，使用的自定义图片                                                                   | ImageSourcePropType            | no           | All      | yes               |
+| warnImageSrc                     | 弹框未指定类型为 Warn 时，使用的自定义图片                                                                   | ImageSourcePropType            | no           | All      | yes               |
+| errorImageSrc                    | 弹框未指定类型为 Error 时，使用的自定义图片                                                                  | ImageSourcePropType            | no           | All      | yes               |
+| successImageSrc                  | 弹框未指定类型为 Success 时，使用的自定义图片                                                                | ImageSourcePropType            | no           | All      | yes               |
+| cancelImageSrc                   | 弹框未指定类型为 Cancel 时，使用的自定义图片                                                                 | ImageSourcePropType            | no           | All      | yes               |
+| infoColor                        | 弹框未指定类型为 Info 时，使用的自定义颜色                                                                   | ColorValue                     | no           | All      | yes               |
+| warnColor                        | 弹框未指定类型为 Warn 时，使用的自定义颜色                                                                   | ColorValue                     | no           | All      | yes               |
+| errorColor                       | 弹框未指定类型为 Error 时，使用的自定义颜色                                                                  | ColorValue                     | no           | All      | yes               |
+| successColor                     | 弹框未指定类型为 Success 时，使用的自定义颜色                                                                | ColorValue                     | no           | All      | yes               |
+| activeStatusBarBackgroundColor   | 弹框出现时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                     | ColorValue                     | no           | Android  | yes               |
+| inactiveStatusBarBackgroundColor | 弹框消失时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                     | ColorValue                     | no           | Android  | yes               |
+| dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                     | number                         | no           | All      | yes               |
+| titleNumberOfLines               | 弹窗标题的最大行数，                                                                                         | number                         | no           | All      | yes               |
+| messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                               | number                         | no           | All      | yes               |
+| elevation                        | 高度                                                                                                         | number                         | no           | All      | yes               |
+| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | yes               |
+| panResponderDismissDistance      | 下滑弹窗消失距离                                                                                             | number                         | no           | All      | yes               |
+| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | yes               |
+| alertViewStyle                   | DropAlert 对象内部的 alertViewStyle 样式                                                                     | ViewStyle                      | no           | All      | yes               |
+| safeViewStyle                    | DropAlert 对象内部的 safeView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
+| textViewStyle                    | DropAlert 对象内部的 textView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
+| cancelViewStyle                  | DropAlert 对象内部的 cancelView 样式                                                                         | ViewStyle                      | no           | All      | yes               |
+| titleTextStyle                   | DropAlert 对象内部的 titleText 样式                                                                          | TextStyle                      | no           | All      | yes               |
+| messageTextStyle                 | DropAlert 对象内部的 messageText 文字样式                                                                    | TextStyle                      | no           | All      | yes               |
+| imageStyle                       | DropAlert 对象内部的 image 样式                                                                              | ImageStyle                     | no           | All      | yes               |
+| cancelImageStyle                 | DropAlert 对象内部的 cancelImage 图片样式                                                                    | ImageStyle                     | no           | All      | yes               |
+| onDismissAutomatic               | 弹窗关闭触发的函数，支持的关闭方式为自动关闭                                                                 | function                       | no           | All      | yes               |
+| onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                              | function                       | no           | All      | yes               |
+| onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                 | function                       | no           | All      | yes               |
+| onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                            | function                       | no           | All      | yes               |
+| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | yes               |
+| showCancel                       | 是否显示弹窗的 cancel 模块                                                                                   | boolean                        | no           | All      | yes               |
+| onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                     | boolean                        | no           | All      | yes               |
+| panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                            | boolean                        | no           | All      | yes               |
+| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | yes               |
+| updateStatusBar                  | 是否更新状态栏                                                                                               | boolean                        | no           | All      | yes               |
+| activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
+| inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
+| renderImage                      | 函数式返回的图片                                                                                             | render function                | no           | All      | yes               |
+| renderCancel                     | 函数式返回的取消                                                                                             | render function                | no           | All      | yes               |
+| renderTitle                      | 函数式返回的弹窗消息标题                                                                                     | render function                | no           | All      | yes               |
+| renderMessage                    | 函数式返回的弹窗消息正文                                                                                     | render function                | no           | All      | yes               |
+| titleTextProps                   | 消息标题文字样式                                                                                             | TextProps                      | no           | All      | yes               |
+| messageTextProps                 | 消息正文文字样式                                                                                             | TextProps                      | no           | All      | yes               |
+| animatedViewProps                | DropAlert 对象内部的 animatedView 属性                                                                       | ViewProps                      | no           | All      | yes               |
+| alertTouchableOpacityProps       | 弹窗透明度样式设置                                                                                           | TouchableOpacityProps          | no           | All      | yes               |
+| safeViewProps                    | DropAlert 对象内部的 safeView 属性                                                                           | ViewProps                      | no           | All      | yes               |
+| textViewProps                    | DropAlert 对象内部的 text 属性                                                                               | ViewProps                      | no           | All      | yes               |
+| imageProps                       | DropAlert 对象内部的 image 属性                                                                              | ImageProps                     | no           | All      | yes               |
+| cancelTouchableOpacityProps      | DropAlert 对象内部的 cancelTouchableOpacityProps 配置                                                        | TouchableOpacityProps          | no           | All      | yes               |
+| cancelImageProps                 | DropAlert 对象内部的 cancelImageProps 属性                                                                   | ImageProps                     | no           | All      | yes               |
+| alert                            | 弹窗弹出触发事件                                                                                             | function                       | no           | All      | yes               |
+| dismiss                          | 弹窗消失触发事件                                                                                             | function                       | no           | All      | yes               |
+| springAnimationConfig            | 弹簧效果参数                                                                                                 | Animated.SpringAnimationConfig | no           | All      | yes               |
+| children                         | 弹窗子元素                                                                                                   | ReactNode                      | no           | All      | yes               |
+| alertPosition                    | top' 或者 'bottom'                                                                                           | string                         | no           | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE) ，请自由地享受和参与开源。

From 6e599b8521bc856fcf48bccf184c7ec7cb884774 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Thu, 18 Jul 2024 09:27:07 +0000
Subject: [PATCH 192/966] =?UTF-8?q?!1098=20docs:=20[#IAD5FV]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-material-ripple=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAD5FV]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-material-ripple=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-material-ripple.md | 174 ++++++++++++++++++++++++++
 1 file changed, 174 insertions(+)
 create mode 100644 zh-cn/react-native-material-ripple.md

diff --git a/zh-cn/react-native-material-ripple.md b/zh-cn/react-native-material-ripple.md
new file mode 100644
index 00000000..2d1f4b88
--- /dev/null
+++ b/zh-cn/react-native-material-ripple.md
@@ -0,0 +1,174 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-material-ripple</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/n4kz/react-native-material-ripple">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/n4kz/react-native-material-ripple/blob/master/license.txt">
+        <img src="https://img.shields.io/npm/l/react-native-material-ripple.svg?colorB=448aff" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/n4kz/react-native-material-ripple)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-material-ripple@0.9.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-material-ripple@0.9.1
+```
+
+<!-- tabs:end -->
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React, { useState } from "react";
+import { Text, ScrollView } from "react-native";
+import Ripple from "react-native-material-ripple";
+
+export const MateriaRippleExample = () => {
+  const [value1, setValue1] = useState<string>("1");
+  const [value2, setValue2] = useState<string>("2");
+  const [value3, setValue3] = useState<string>("3");
+  const [value4, setValue4] = useState<string>("4");
+  const [value5, setValue5] = useState<string>("5");
+  const [value6, setValue6] = useState<string>("6");
+  const [value7, setValue7] = useState<string>("7");
+  const [value8, setValue8] = useState<string>("8");
+
+  return (
+    <ScrollView>
+      <Ripple rippleColor="rgb(255, 0,0 )">
+        <Text style={{ padding: 30 }}>change rippleColor</Text>
+      </Ripple>
+
+      <Ripple rippleOpacity={1}>
+        <Text style={{ padding: 30 }}>change rippleOpacity</Text>
+      </Ripple>
+
+      <Ripple rippleDuration={1000}>
+        <Text style={{ padding: 30 }}>change rippleDuration</Text>
+      </Ripple>
+
+      <Ripple rippleSize={100}>
+        <Text style={{ padding: 30 }}>change rippleSize</Text>
+      </Ripple>
+
+      <Ripple
+        style={{ borderRadius: 40, backgroundColor: "#0288D1" }}
+        rippleContainerBorderRadius={40}
+      >
+        <Text style={{ padding: 30 }}>change rippleContainerBorderRadius</Text>
+      </Ripple>
+
+      <Ripple rippleCentered>
+        <Text style={{ padding: 30 }}>change rippleCentered</Text>
+      </Ripple>
+
+      <Ripple rippleSequential>
+        <Text style={{ padding: 30 }}>change rippleSequential</Text>
+      </Ripple>
+
+      <Ripple rippleFades={false}>
+        <Text style={{ padding: 30 }}>change rippleFades</Text>
+      </Ripple>
+
+      <Ripple disabled>
+        <Text style={{ padding: 30 }}>change disabled</Text>
+      </Ripple>
+
+      <Ripple onPressIn={() => setValue1("changed")}>
+        <Text style={{ padding: 30 }}>onPressIn touch {value1}</Text>
+      </Ripple>
+
+      <Ripple delayPressIn={1000} onPressIn={() => setValue2("changed")}>
+        <Text style={{ padding: 30 }}>delay onPressIn touch {value2}</Text>
+      </Ripple>
+
+      <Ripple onPressOut={() => setValue3("changed")}>
+        <Text style={{ padding: 30 }}>onPressOut touch {value3}</Text>
+      </Ripple>
+
+      <Ripple delayPressOut={1000} onPressOut={() => setValue4("changed")}>
+        <Text style={{ padding: 30 }}>delay onPressOut {value4}</Text>
+      </Ripple>
+
+      <Ripple onPress={() => setValue5("changed")}>
+        <Text style={{ padding: 30 }}>onPress touch {value5}</Text>
+      </Ripple>
+
+      <Ripple onLongPress={() => setValue6("changed")}>
+        <Text style={{ padding: 30 }}>onLongPress touch {value6}</Text>
+      </Ripple>
+
+      <Ripple delayLongPress={1000} onLongPress={() => setValue7("changed")}>
+        <Text style={{ padding: 30 }}>delay onLongPress touch {value7}</Text>
+      </Ripple>
+
+      <Ripple onRippleAnimation={() => setValue8("changed")}>
+        <Text style={{ padding: 30 }}>onRippleAnimation touch {value8}</Text>
+      </Ripple>
+    </ScrollView>
+  );
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                          | Description                                     | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------------------- | ----------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `rippleColor`                 | Ripple color(default:rgb(0, 0, 0))              | String   | no       | iOS/Android | yes               |
+| `rippleOpacity`               | Ripple opacity(default:0.3)                     | Number   | no       | iOS/Android | yes               |
+| `rippleDuration`              | Ripple duration in ms(default:400)              | Number   | no       | iOS/Android | yes               |
+| `rippleSize`                  | Ripple size restriction(default:0)              | Number   | no       | iOS/Android | yes               |
+| `rippleContainerBorderRadius` | Ripple container border radius (default:0)      | Number   | no       | iOS/Android | yes               |
+| `rippleCentered`              | Ripple always starts from center(default:false) | Boolean  | no       | iOS/Android | yes               |
+| `rippleSequential`            | Ripple should start in sequence(default:false)  | Boolean  | no       | iOS/Android | yes               |
+| `rippleFades`                 | Ripple fades out(default:true)                  | Boolean  | no       | iOS/Android | yes               |
+| `disabled`                    | Ripple should ignore touches(default:false)     | Boolean  | no       | iOS/Android | yes               |
+| `onPressIn`                   | Touch moved in or started callback              | Function | no       | iOS/Android | yes               |
+| `onPressOut`                  | Touch moved out or terminated callback          | Function | no       | iOS/Android | yes               |
+| `onPress`                     | ouch up inside bounds callback                  | Function | no       | iOS/Android | yes               |
+| `onLongPress`                 | Touch delayed after onPressIn callback          | Function | no       | iOS/Android | yes               |
+| `onRippleAnimation`           | Animation start callback                        | Function | no       | iOS/Android | yes               |
+
+Other [TouchableWithoutFeedback](https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html) properties will also work
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/n4kz/react-native-material-ripple/blob/master/license.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 0eb5e1cf7f5e50a898745880c16c16b7f082d9c0 Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Thu, 18 Jul 2024 11:05:48 +0000
Subject: [PATCH 193/966] =?UTF-8?q?!1101=20docs:=20[Issues:#IADDL8]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-color-matrix-image-filters?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IADDL8]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-color-matrix-image-filters=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-color-matrix-image-filters.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index 5282a972..5a66b66a 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -54,7 +54,7 @@ import {
   invert,
   contrast,
   saturate
-} from '@react-native-oh-tpl/react-native-color-matrix-image-filters'
+} from 'react-native-color-matrix-image-filters'
 
 const GrayscaledImage = (imageProps) => (
   <Grayscale>

From 905e663f1107cbd2a9a339edbc760284738d1c5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=96=E7=95=8C=E5=B0=8F=E5=B8=85=E5=93=A5?=
 <12765706+world-little-handsome-guy@user.noreply.gitee.com>
Date: Thu, 18 Jul 2024 11:42:46 +0000
Subject: [PATCH 194/966] =?UTF-8?q?!880=20docs:=20[Issues:=20#IA9ET0]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Eant-design-mobile-rn=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IA9ET0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9ant-design-mobile-rn=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/ant-design-react-native.md | 929 +++++++++++++++++++++++++++++++
 1 file changed, 929 insertions(+)
 create mode 100644 zh-cn/ant-design-react-native.md

diff --git a/zh-cn/ant-design-react-native.md b/zh-cn/ant-design-react-native.md
new file mode 100644
index 00000000..753ecc05
--- /dev/null
+++ b/zh-cn/ant-design-react-native.md
@@ -0,0 +1,929 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@ant-design/react-native</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ant-design/ant-design-mobile-rn">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ant-design/ant-design-mobile-rn/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/ant-design/ant-design-mobile-rn)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @ant-design/react-native@5.1.0
+```
+
+#### **yarn**
+
+```bash
+yarn add @ant-design/react-native@5.1.0
+```
+>[!TIP] 本库还依赖了[@react-native-oh-tpl/slider](/zh-cn/react-native-community-slider.md)、[@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-modal-popover](/zh-cn/react-native-modal-popover.md)和[react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md)
+
+
+## 链接字体图标
+
+```bash
+// 配置根目录下的 `react-native.config.js` 文件
+module.exports = {
+  assets: ['node_modules/@ant-design/icons-react-native/fonts'],
+};
+```
+
+然后
+
+```bash
+# 手动执行命令
+npx react-native-asset
+```
+
+### 在 ArkTs 侧引入和注册字体文件
+
+> [!WARNING] 使用时 import 的库名不变。
+
+步骤一：
+复制字体文件到 `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
+
+步骤二：
+打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+```ts
+    import font from '@ohos.font';
+    //...
+    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
+    const fonts: font.FontOptions[] = [
+      {
+        familyName: 'StintUltraCondensed-Regular',
+        familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
+      },
+      {
+        familyName: 'FontAwesome',
+        familySrc: '/assets/fonts/FontAwesome.ttf'
+      },
+     {
+        familyName: 'antfill',
+        familySrc: '/assets/fonts/antfill.ttf'
+     },
+     {
+        familyName: 'antoutline',
+        familySrc: '/assets/fonts/antoutline.ttf'
+     }
+    ]
+
+    @Entry
+    @Component
+    struct Index {
+        //...
+        aboutToAppear() {
+            //...
+
+            //注册字体文件
+            for (const customFont of fonts) {
+                font.registerFont(customFont)
+            }
+        }
+        //...
+    }
+```
+
+> [!TIP] Demo 中字体属于 IconFont 文件；自定义字体也需要用统一的方法在此注册。
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React from "react";
+import { ScrollView, View } from "react-native";
+import { Badge, WhiteSpace } from "@ant-design/react-native";
+export default class BasicTagExample extends React.Component {
+  render() {
+    return (
+      <ScrollView
+        style={{ flex: 1 }}
+        automaticallyAdjustContentInsets={false}
+        showsHorizontalScrollIndicator={false}
+        showsVerticalScrollIndicator={false}
+      >
+        <View style={{ padding: 20 }}>
+          <Badge text={9}>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text={109} overflowCount={100}>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text={109}>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text="new">
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text={109} dot>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text={33} corner>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+        </View>
+      </ScrollView>
+    );
+  }
+}
+```
+
+### Link
+
+> [!TIP] @react-native-oh-tpl/react-native-gesture-handler 安装 v2.14.7 版本配套使用
+
+> [!TIP] @react-native-oh-tpl/slider 安装 v4.4.3-0.3.2 版本配套使用
+
+> [!TIP] @react-native-oh-tpl/react-native-modal-popover 安装 v2.1.3-0.0.1 版本配套使用
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/slider、@react-native-oh-tpl/react-native-gesture-handler 和@react-native-oh-tpl/react-native-modal-popover 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照文档进行引入
+
+- [@react-native-oh-tpl/slider 引入方法](/zh-cn/react-native-community-slider.md)
+
+- [@react-native-oh-tpl/react-native-gesture-handler 引入方法](/zh-cn/react-native-gesture-handler.md)
+
+- [@react-native-oh-tpl/react-native-modal-popover 引入方法](/zh-cn/react-native-modal-popover.md)
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 组件
+
+详细请查看 [ant-design-mobile-rn 的文档介绍](http://rn.mobile.ant.design/docs/react/introduce-cn)
+
+以下为目前已支持的组件属性：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Accordion**：手风琴组件，可以折叠/展开的内容区域。
+
+|       Name        |              Description               |           Type            | Required | Platform | HarmonyOS Support |
+| :---------------: | :------------------------------------: | :-----------------------: | :------: | :------: | :---------------: |
+| onChange(indexes) |    当 section(s)发生变化的时候执行     | (indexes: number[])=>void |    No    |   All    |        Yes        |
+|  activeSections   | 初始化选中 sections ，留空关闭所有面板 |         number[]          |    No    |   All    |        Yes        |
+
+更多自定义属性请参考 https://github.com/oblador/react-native-collapsible#properties-1
+
+**Accordion.Panel**：Accordion 子组件。
+
+|  Name  |  Description   |          Type           | Required | Platform | HarmonyOS Support |
+| :----: | :------------: | :---------------------: | :------: | :------: | :---------------: |
+|  key   | 对应 activeKey |         String          |    No    |   All    |        Yes        |
+| header |   面板头内容   | React.Element or String |   Yes    |   All    |        Yes        |
+
+**ActionSheet**：动作面板组件，从底部弹出的模态框，提供和当前场景相关的 2 个以上的操作动作，也支持提供标题和描述。
+
+|          Name          |                 Description                  |          Type           | Required | Platform | HarmonyOS Support |
+| :--------------------: | :------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
+|        options         |             按钮标题列表 (必须)              |     Array 或 String     |   Yes    |   All    |        Yes        |
+|   cancelButtonIndex    |         按钮列表中取消按钮的索引位置         |         Number          |    No    |   All    |        Yes        |
+| destructiveButtonIndex | 按钮列表中破坏性按钮（一般为删除）的索引位置 |         Number          |    No    |   All    |        Yes        |
+|         title          |                   顶部标题                   |         String          |    No    |   All    |        Yes        |
+|        message         |             顶部标题下的简要消息             | String 或 React.element |    No    |   All    |        Yes        |
+
+**Card**：卡片组件，用于组织信息和操作，通常也作为详细信息的入口。
+
+| Name | Description |  Type   | Required | Platform | HarmonyOS Support |
+| :--: | :---------: | :-----: | :------: | :------: | :---------------: |
+| full |  是否通栏   | boolean |    No    |   All    |        Yes        |
+
+**Card.Header**：卡片子组件。
+
+|    Name    |   Description    |         Type          | Required | Platform | HarmonyOS Support |
+| :--------: | :--------------: | :-------------------: | :------: | :------: | :---------------: |
+|   title    |     卡片标题     | React.Element、String |    No    |   All    |        Yes        |
+|   thumb    |   卡片标题图片   | String、React.Element |    No    |   All    |        Yes        |
+| thumbStyle |   标题图片样式   |        Object         |    No    |   All    |        Yes        |
+|   extra    | 卡片标题辅助内容 | React.Element、String |    No    |   All    |        Yes        |
+
+**Card.Footer**：卡片子组件。
+
+|  Name   | Description  |         Type          | Required | Platform | HarmonyOS Support |
+| :-----: | :----------: | :-------------------: | :------: | :------: | :---------------: |
+| content |   尾部内容   | React.Element、String |    No    |   All    |        Yes        |
+|  extra  | 尾部辅助内容 | React.Element、String |    No    |   All    |        Yes        |
+
+**Icon**：图标组件。
+
+| Name  |     Description     |                Type                | Required | Platform | HarmonyOS Support |
+| :---: | :-----------------: | :--------------------------------: | :------: | :------: | :---------------: |
+| name  | OutlineGlyphMapType |               string               |   Yes    |   All    |        Yes        |
+| size  |      图标大小       | 'xxs'/'xs'/'sm'/'md'/'lg' / number |    No    |   All    |        Yes        |
+| color |      图标颜色       |               Color                |    No    |   All    |        Yes        |
+
+**List**：列表组件，单个连续模块垂直排列，显示当前的内容、状态和可进行的操作。eg：联系人列表。
+
+|     Name     | Description |   Type   | Required | Platform | HarmonyOS Support |
+| :----------: | :---------: | :------: | :------: | :------: | :---------------: |
+| renderHeader | list heder  | (): void |    No    |   All    |        Yes        |
+| renderFooter | list footer | (): void |    No    |   All    |        Yes        |
+
+**List.Item**：列表子组件。
+
+|     Name     |                                         Description                                         |                                                                                      Type                                                                                      | Required | Platform | HarmonyOS Support |
+| :----------: | :-----------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|    thumb     |                           缩略图(当为 string 类型时作为 img src)                            |                                                                             String、React.Element                                                                              |    No    |   All    |        Yes        |
+|    extra     |                                          右边内容                                           |                                                                             String 、React.Element                                                                             |    No    |   All    |        Yes        |
+|    arrow     | 箭头方向(右,上,下), 可选 horizontal,up,down,empty，如果是 empty 则存在对应的 dom,但是不显示 |                                                                                     String                                                                                     |    No    |   All    |        Yes        |
+|    align     |                           子元素垂直对齐，可选 top,middle,bottom                            |                                                                                     String                                                                                     |    No    |   All    |        Yes        |
+|   onPress    |                                     点击事件的回调函数                                      |       同[TouchableHighlightProps['onPress']](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#touchablehighlightprops)        |    No    |   All    |        Yes        |
+| multipleLine |                                            多行                                             |                                                                                    Boolean                                                                                     |    No    |   All    |        Yes        |
+|     wrap     |                          是否换行，默认情况下，文字超长会被隐藏，                           |                                                                                    Boolean                                                                                     |    No    |   All    |        Yes        |
+|    styles    |                                      语义化结构 style                                       | [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#listitemstyle-%E8%AF%AD%E4%B9%89%E5%8C%96%E6%A0%B7%E5%BC%8F) |    No    |   All    |        Yes        |
+
+**List.Item.Brief**：列表辅助说明组件。
+
+**ListView**：列表 Experimental 组件，当你需要一个 infinite scroll 列表时，请使用 ListView。[更多文档](https://github.com/gameboyVito/react-native-ultimate-listview)
+
+**Modal**：对话框组件，用作显示系统的重要信息，并请求用户进行操作反馈，eg：删除某个重要内容时，弹出 Modal 进行二次确认。
+
+|      Name      |                                                                     Description                                                                      |          Type           | Required | Platform | HarmonyOS Support |
+| :------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
+|    visible     |                                                                    对话框是否可见                                                                    |         Boolean         |    No    |   All    |        Yes        |
+|    closable    |                                                                   是否显示关闭按钮                                                                   |         Boolean         |    No    |   All    |        Yes        |
+|  maskClosable  |                                                                 点击蒙层是否允许关闭                                                                 |         Boolean         |    No    |   All    |        Yes        |
+|    onClose     |                                                                 点击 x 或 mask 回调                                                                  |        (): void         |    No    |   All    |        Yes        |
+|  transparent   |                                                                     是否背景透明                                                                     |         Boolean         |    No    |   All    |        Yes        |
+|     popup      |                                                                     是否弹窗模式                                                                     |         Boolean         |    No    |   All    |        Yes        |
+| animationType  |                                                                可选: 'fade' / 'slide'                                                                |         String          |    No    |   All    |        Yes        |
+|     title      |                                                                         标题                                                                         |      React.Element      |    No    |   All    |        Yes        |
+|     footer     |                                                                       底部内容                                                                       | Array [{text, onPress}] |    No    |   All    |        Yes        |
+| onRequestClose | onRequestClose 回调会在用户按下 Android 设备上的后退按键或是 Apple TV 上的菜单键时触发。返回 true 时会在 modal 处于开启状态时阻止 BackHandler 事件。 |       (): boolean       |    No    |   All    |        No         |
+
+**Modal.alert(title, message, actions?, platform?)**：对话框组件。
+
+|     Name      |                             Description                             |          Type           | Required | Platform | HarmonyOS Support |
+| :-----------: | :-----------------------------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
+|     title     |                                标题                                 | String 或 React.Element |    No    |   All    |        Yes        |
+|    message    |                              提示信息                               | String 或 React.Element |    No    |   All    |        Yes        |
+|    actions    |                  按钮组, [{text, onPress, style}]                   |          Array          |    No    |   All    |        Yes        |
+| onBackHandler | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |       (): boolean       |    No    |   All    |        Yes        |
+
+**Modal.prompt(title, message, callbackOrActions, type?, defaultValue?, placeholders?, platform?)**：对话框组件。
+
+|       Name        |                             Description                             |                     Type                      | Required | Platform | HarmonyOS Support |
+| :---------------: | :-----------------------------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
+|       title       |                                标题                                 |            String 或 React.Element            |    No    |   All    |        Yes        |
+|      message      |                              提示信息                               |            String 或 React.Element            |    No    |   All    |        Yes        |
+| callbackOrActions |                 按钮组 [{text, onPress}] 或回调函数                 |               Array or Function               |    No    |   All    |        Yes        |
+|       type        |                            prompt 的样式                            | String (default, secure-text, login-password) |    No    |   All    |        Yes        |
+|   defaultValue    |                默认值(input 为 password 类型不支持)                 |                    String                     |    No    |   All    |        Yes        |
+|   placeholders    |                              ['', '']                               |                   String[]                    |    No    |   All    |        Yes        |
+|   onBackHandler   | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |                  (): boolean                  |    No    |   All    |        Yes        |
+
+**Modal.operation(actions?, onBackHandler?)**：对话框组件。
+
+|     Name      |                             Description                             |    Type     | Required | Platform | HarmonyOS Support |
+| :-----------: | :-----------------------------------------------------------------: | :---------: | :------: | :------: | :---------------: |
+|    actions    |                  按钮组, [{text, onPress, style}]                   |    Array    |    No    |   All    |        Yes        |
+| onBackHandler | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 | (): boolean |    No    |   All    |        Yes        |
+
+**Portal**：Portal 组件，注意：源码复制自 react-native-paper 更多信息请移步https://callstack.github.io/react-native-paper/portal.html。
+
+**Result**：结果页组件，在整张页面中组织插画、图标、文字等内容，向用户反馈操作结果。
+
+|     Name      |          Description          |           Type            | Required | Platform | HarmonyOS Support |
+| :-----------: | :---------------------------: | :-----------------------: | :------: | :------: | :---------------: |
+|    imgUrl     |           插图 url            | string / Image Source(rn) |    No    |   All    |        Yes        |
+|      img      | 插图元素 , 会覆盖 imgUrl 设置 |         ReactNode         |    No    |   All    |        Yes        |
+|     title     |          title 文案           |         ReactNode         |    No    |   All    |        Yes        |
+|    message    |         message 文案          |         ReactNode         |    No    |   All    |        Yes        |
+|  buttonText   |           按钮文案            |          string           |    No    |   All    |        Yes        |
+|  buttonType   |     请参考 button 的配置      |          string           |    No    |   All    |        Yes        |
+| onButtonClick |         按钮回调函数          |     (e: Object): void     |    No    |   All    |        Yes        |
+
+**Toast**：轻提示组件，一种轻量级反馈/提示，可以用来显示不会打断用户操作的内容，适合用于页面转场、数据交互的等场景中。
+
+|   Name    |          Description           |   Type   | Required | Platform | HarmonyOS Support |
+| :-------: | :----------------------------: | :------: | :------: | :------: | :---------------: |
+|  content  |            提示内容            |  String  |   Yes    |   All    |        Yes        |
+| duration  |     自动关闭的延时，单位秒     |  number  |    No    |   All    |        Yes        |
+|  onClose  |           关闭后回调           | Function |    No    |   All    |        Yes        |
+|   mask    | 是否显示透明蒙层，防止触摸穿透 | Boolean  |    No    |   All    |        Yes        |
+| stackable |        是否允许叠加显示        | Boolean  |    No    |   All    |        Yes        |
+
+注： duration = 0 时，onClose 无效，toast 不会消失，隐藏 toast 需要手动调用 remove
+
+**ActivityIndicator**：活动指示器组件，表明某个任务正在进行中。
+
+|   Name    |          Description           |  Type   | Required | Platform | HarmonyOS Support |
+| :-------: | :----------------------------: | :-----: | :------: | :------: | :---------------: |
+| animating |            显隐状态            | boolean |    No    |   All    |        Yes        |
+|   size    | spinner 大小，可选 small/large | string  |    No    |   All    |        Yes        |
+|   toast   |        loading 样式类型        | boolean |    No    |   All    |        Yes        |
+|   text    |          loading 文本          | string  |    No    |   All    |        Yes        |
+| stackable |          spinner 颜色          | string  |    No    |   All    |        Yes        |
+
+**Badge**：徽标数组件，图标右上角的红点、数字或者文字。用于告知用户，该区域的状态变化或者待处理任务的数量。
+
+|     Name      |        Description         |       Type       | Required | Platform | HarmonyOS Support |
+| :-----------: | :------------------------: | :--------------: | :------: | :------: | :---------------: |
+|     size      |   大小，可选 large small   |      string      |    No    |   All    |        Yes        |
+|     text      |      展示的数字或文案      | string 或 number |    No    |   All    |        Yes        |
+|    corner     |          置于角落          |     boolean      |    No    |   All    |        Yes        |
+|      dot      | 不展示数字，只有一个小红点 |     boolean      |    No    |   All    |        Yes        |
+| overflowCount |      展示封顶的数字值      |      number      |    No    |   All    |        Yes        |
+
+**Button**：按钮组件，点击后会触发一个操作。
+
+|      Name       |                     Description                      |       Type        | Required | Platform | HarmonyOS Support |
+| :-------------: | :--------------------------------------------------: | :---------------: | :------: | :------: | :---------------: |
+|      type       |  按钮类型，可选值为 primary/ghost/warning 或者不设   |      string       |    No    |   All    |        Yes        |
+|      size       |           按钮大小，可选值为 large、small            |      string       |    No    |   All    |        Yes        |
+|   activeStyle   | 点击反馈的自定义样式 (设为 false 时表示禁止点击反馈) |     {}/false      |    No    |   All    |        Yes        |
+| activeClassName |                 点击反馈的自定义类名                 |      string       |    No    |   All    |        No         |
+|    disabled     |                       设置禁用                       |      boolean      |    No    |   All    |        Yes        |
+|     onPress     |                点击按钮的点击回调函数                | (e: Object): void |    No    |   All    |        Yes        |
+|      style      |                      自定义样式                      |      Object       |    No    |   All    |        Yes        |
+|    onPressIn    |          同 RN TouchableHighlight onPressIn          | (e: Object): void |    No    |   All    |        Yes        |
+|   onPressOut    |         同 RN TouchableHighlight onPressOut          | (e: Object): void |    No    |   All    |        Yes        |
+| onShowUnderlay  |       同 RN TouchableHighlight onShowUnderlay        | (e: Object): void |    No    |   All    |        Yes        |
+| onHideUnderlay  |       同 RN TouchableHighlight onHideUnderlay        | (e: Object): void |    No    |   All    |        Yes        |
+
+**Carousel**：走马灯组件。
+
+|       Name       |      Description       |            Type            | Required | Platform | HarmonyOS Support |
+| :--------------: | :--------------------: | :------------------------: | :------: | :------: | :---------------: |
+|  selectedIndex   | 手动设置当前显示的索引 |           number           |    No    |   All    |        Yes        |
+|       dots       |   是否显示面板指示点   |          Boolean           |    No    |   All    |        Yes        |
+|     vertical     |        垂直显示        |          Boolean           |    No    |   All    |        Yes        |
+|     autoplay     |      是否自动切换      |          Boolean           |    No    |   All    |        Yes        |
+| autoplayInterval |   自动切换的时间间隔   |           Number           |    No    |   All    |        Yes        |
+|     infinite     |      是否循环播放      |          Boolean           |    No    |   All    |        Yes        |
+|   afterChange    |  切换面板后的回调函数  |  (current: number): void   |    No    |   All    |        Yes        |
+|     dotStyle     |       指示点样式       |         ViewStyle          |    No    |   All    |        Yes        |
+|  dotActiveStyle  |  当前激活的指示点样式  |         ViewStyle          |    No    |   All    |        Yes        |
+|    pageStyle     |       轮播页样式       |         ViewStyle          |    No    |   All    |        Yes        |
+|    pagination    |   自定义 pagination    | (props) => React.ReactNode |    No    |   All    |        Yes        |
+
+**Carousel methods**
+
+| Name |  Description   |                   Type                    | Required | Platform | HarmonyOS Support |
+| :--: | :------------: | :---------------------------------------: | :------: | :------: | :---------------: |
+| goTo | 跳转到指定位置 | (index: number, animated?: boolean): void |    No    |   All    |        Yes        |
+
+**Checkbox**：复选框组件。
+
+|      Name      |               Description               |        Type        | Required | Platform | HarmonyOS Support |
+| :------------: | :-------------------------------------: | :----------------: | :------: | :------: | :---------------: |
+| defaultChecked |              初始是否选中               |      Boolean       |    No    |   All    |        Yes        |
+|    checked     |            指定当前是否选中             |      Boolean       |    No    |   All    |        Yes        |
+|    disabled    |                  禁用                   |      Boolean       |    No    |   All    |        Yes        |
+| indeterminate  | 设置 indeterminate 状态，只负责样式控制 |      Boolean       |    No    |   All    |        Yes        |
+|    onChange    |        change 事件触发的回调函数        | (e: Event) => void |    No    |   All    |        Yes        |
+
+**Checkbox.CheckboxItem**：基于 List.Item 对 Checkbox 进行封装,List.Item 的 thumb 属性固定传入 Checkbox,其他属性和 List.Item 一致。 其他 API 和 Checkbox 相同。
+
+**Checkbox.AgreeItem**：用于同意协议这种场景的复选框。
+
+**DatePicker**：日期选择组件，用于选择日期或者时间。
+
+|     Name      |                                           Description                                            |                                            Type                                             | Required | Platform | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   precision   |                                               精度                                               |                                          Precision                                          |    No    |   All    |        Yes        |
+|     value     |                                           当前选中时间                                           |                                            Date                                             |    No    |   All    |        Yes        |
+| defaultValue  |                                           默认选中时间                                           |                                            Date                                             |    No    |   All    |        Yes        |
+|    minDate    |                                           最小可选日期                                           |                                            Date                                             |    No    |   All    |        Yes        |
+|    maxDate    |                                           最大可选日期                                           |                                          Precision                                          |    No    |   All    |        Yes        |
+|   onChange    |                                      时间发生变化的回调函数                                      |                                    (value: Date) => void                                    |    No    |   All    |        Yes        |
+| onValueChange |                                     每列 picker 改变时的回调                                     |                            (value: Date, index: number) => void                             |    No    |   All    |        Yes        |
+|  renderLabel  | 自定义渲染每列展示的内容。其中 type 参数为 precision 中的任意值或 now，data 参数为默认渲染的数字 |                     (type:Precision / 'now', data: number) => ReactNode                     |    No    |   All    |        Yes        |
+|    locale     |                             国际化，可覆盖全局 LocaleProvider 的配置                             | Object: {okText, dismissText, extra, DatePickerLocale:{ year,month,day,hour,minute,am,pm }} |    No    |   All    |        Yes        |
+|    filter     |                                        过滤可供选择的时间                                        |                                      DatePickerFilter                                       |    No    |   All    |        Yes        |
+
+**DatePickerView**：日期选择器组件，atePickerView 的功能类似于 DatePicker ，但它是直接渲染在区域中，而不是弹出窗口。
+
+|     Name      |                                           Description                                            |                        Type                         | Required | Platform | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------------------------------------------: | :-------------------------------------------------: | :------: | :------: | :---------------: |
+|   precision   |                                               精度                                               |                      Precision                      |    No    |   All    |        Yes        |
+|     value     |                                           当前选中时间                                           |                        Date                         |    No    |   All    |        Yes        |
+| defaultValue  |                                           默认选中时间                                           |                        Date                         |    No    |   All    |        Yes        |
+|    minDate    |                                           最小可选日期                                           |                        Date                         |    No    |   All    |        Yes        |
+|    maxDate    |                                           最大可选日期                                           |                      Precision                      |    No    |   All    |        Yes        |
+|   onChange    |                                      时间发生变化的回调函数                                      |                (value: Date) => void                |    No    |   All    |        Yes        |
+| onValueChange |                                     每列 picker 改变时的回调                                     |        (value: Date, index: number) => void         |    No    |   All    |        Yes        |
+|  renderLabel  | 自定义渲染每列展示的内容。其中 type 参数为 precision 中的任意值或 now，data 参数为默认渲染的数字 | (type:Precision / 'now', data: number) => ReactNode |    No    |   All    |        Yes        |
+|    filter     |                                        过滤可供选择的时间                                        |                  DatePickerFilter                   |    No    |   All    |        Yes        |
+
+**InputItem**：文本输入组件，用于接受单行文本。
+
+|           Name           |                                                                                                                     Description                                                                                                                     |        Type         | Required | Platform | HarmonyOS Support |
+| :----------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------: | :------: | :------: | :---------------: |
+|           type           |                                       可以是银行卡 bankCard; 手机号 phone(此时最大长度固定为 11,maxLength 设置无效); 密码 password; 数字 number; digit(表示原生的 number 类型); 以及其他标准 input type 类型                                        |       String        |    No    |   All    |        Yes        |
+|          value           |                                                                                       value 值(受控与否参考https://facebook.github.io/react/docs/forms.html)                                                                                        |       String        |    No    |   All    |        Yes        |
+|       defaultValue       |                                                                                                                   设置初始默认值                                                                                                                    |       String        |    No    |   All    |        Yes        |
+|       placeholder        |                                                                                                                     placeholder                                                                                                                     |       String        |    No    |   All    |        Yes        |
+|         editable         |                                                                                                                     是否可编辑                                                                                                                      |        bool         |    No    |   All    |        Yes        |
+|         disabled         |                                                                                                                      是否禁用                                                                                                                       |        bool         |    No    |   All    |        Yes        |
+|          clear           | 是否带清除功能(仅 editable 为 true,disabled 为 false 才生效)。在 Android 中, 处于编辑状态(focus)时 icon 才会出现, 且此组件被 ScrollView 包裹时, 设置 ScrollView 的 keyboardShouldPersistTaps 属性为 handled 或 always 时, icon 才会正确响应点击事件 |        bool         |    No    |   All    |        Yes        |
+|        maxLength         |                                                                                                                      最大长度                                                                                                                       |       number        |    No    |   All    |        Yes        |
+|         onChange         |                                                                                                              change 事件触发的回调函数                                                                                                              | (val: string): void |    No    |   All    |        Yes        |
+|          onBlur          |                                                                                                               blur 事件触发的回调函数                                                                                                               | (val: string): void |    No    |   All    |        Yes        |
+|         onFocus          |                                                                                                              focus 事件触发的回调函数                                                                                                               | (val: string): void |    No    |   All    |        Yes        |
+|          error           |                                                                                                                      报错样式                                                                                                                       |        bool         |    No    |   All    |        Yes        |
+|       onErrorClick       |                                                                                                            点击报错 icon 触发的回调函数                                                                                                             |  (e: Object): void  |    No    |   All    |        Yes        |
+|          extra           |                                                                                                                      右边注释                                                                                                                       |   string or node    |    No    |   All    |        Yes        |
+|       onExtraClick       |                                                                                                            extra 点击事件触发的回调函数                                                                                                             |  (e: Object): void  |    No    |   All    |        Yes        |
+| onVirtualKeyboardConfirm |                                                                                                            虚拟键盘点击确认时的回调函数                                                                                                             | (val: string): void |    No    |   All    |        Yes        |
+|       labelNumber        |                                                                                                         标签的文字个数，可用 2-7 之间的数字                                                                                                         |       number        |    No    |   All    |        Yes        |
+|           last           |                                                                                           如果是最后一项，则将移除 borderBottom（默认拥有 borderBottom）                                                                                            |        bool         |    No    |   All    |        Yes        |
+
+**Picker**：选择器组件，在一组预设数据中进行选择，e.g. 省市区选择。
+
+|      Name       |                   Description                   |                                       Type                                       | Required | Platform | HarmonyOS Support |
+| :-------------: | :---------------------------------------------: | :------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|      data       |                     数据源                      |                        `PickerColumn` / `PickerColumn[]`                         |    No    |   All    |        Yes        |
+|      value      |                     选中项                      |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|  defaultValue   |                   默认选中项                    |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|     cascade     | 是否级联。<br/>子级来自`data`参数内的`children` |                                     Boolean                                      |    No    |   All    |        Yes        |
+|      cols       |                      列数                       |                                      Number                                      |    No    |   All    |        Yes        |
+|    onChange     |                  选中后的回调                   |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
+| onPickerChange  |          每列数据选择变化后的回调函数           |                 `(value: PickerValue[], index: number) => void`                  |    No    |   All    |        Yes        |
+| onVisibleChange |            当显隐状态变化时回调函数             |                             `(visible: bool): void`                              |    No    |   All    |        Yes        |
+|   renderLabel   |            自定义渲染每列展示的内容             | `(item: PickerColumnItem, index: number) => ReactNode` 或 `(item) => item.label` |    No    |   All    |        Yes        |
+|      title      |                     大标题                      |                                    ReactNode                                     |    No    |   All    |        Yes        |
+|     okText      |                   选中的文案                    |                                      String                                      |    No    |   All    |        Yes        |
+|   dismissText   |                 取消选中的文案                  |                                      String                                      |    No    |   All    |        Yes        |
+|      onOk       |              点击选中时执行的回调               |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
+|    onDismiss    |              点击取消时执行的回调               |                                     (): void                                     |    No    |   All    |        Yes        |
+|     visible     |                 是否显示选择器                  |                                     Boolean                                      |    No    |   All    |        Yes        |
+|     loading     |                是否处于加载状态                 |                                     Boolean                                      |    No    |   All    |        Yes        |
+| loadingContent  |              加载状态下展示的内容               |                                    ReactNode                                     |    No    |   All    |        Yes        |
+| indicatorStyle  |              默认 Indicator 的样式              |                                      Object                                      |    No    |   All    |        Yes        |
+
+**Picker 自定义样式**
+
+|     Name      |                                         Description                                          |          Type          | Required | Platform | HarmonyOS Support |
+| :-----------: | :------------------------------------------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
+|     style     |                                           外部样式                                           | `StyleProp<ViewStyle>` |    No    |   All    |        Yes        |
+|    styles     |                                        内部组件样式集                                        |   `PickerViewStyle`    |    No    |   All    |        Yes        |
+|   itemStyle   |                                           每列样式                                           | `StyleProp<TextStyle>` |    No    |   All    |        Yes        |
+|  itemHeight   | 每列固定高度，未设值时会根据`numberOfLines`动态计算；`itemStyle`属性设置`{height}`值是无效的 |         Number         |    No    |   All    |        Yes        |
+| numberOfLines |                                       允许每列显示行数                                       |         Number         |    No    |   All    |        Yes        |
+
+**Picker 遮罩层**
+还支持自定义遮罩样式，如使用渐变组件`<LinearGradient />`。当前默认为白色半透明。
+
+|       Name       |       Description        |                                             Type                                             | Required | Platform | HarmonyOS Support |
+| :--------------: | :----------------------: | :------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  renderMaskTop   | 自定义渲染上半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
+| renderMaskBottom | 自定义渲染下半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
+
+**Picker 的 Children**
+通常是 [List.Item](/components/list-cn/#List.Item) ，以下属性也是围绕着`List.Item`展开：
+
+|    Name     |                  Description                  |   Type    | Required | Platform | HarmonyOS Support |
+| :---------: | :-------------------------------------------: | :-------: | :------: | :------: | :---------------: |
+|  children   |      Picker 占位组件，通常是`List.Item`       | ReactNode |    No    |   All    |        Yes        |
+|    extra    | Picker children 的`extra`属性，无选中项时展示 |  String   |    No    |   All    |        Yes        |
+| triggerType |                 按钮事件名称                  |  String   |    No    |   All    |        Yes        |
+|  disabled   |                  是否不可用                   |  Boolean  |    No    |   All    |        Yes        |
+
+**PickerView**：PickerView 的功能类似于 Picker ，但它是直接渲染在区域中，而不是弹出窗口。
+
+|      Name      |                              Description                               |                                       Type                                       | Required | Platform | HarmonyOS Support |
+| :------------: | :--------------------------------------------------------------------: | :------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|      data      |                                 数据源                                 |                        `PickerColumn` / `PickerColumn[]`                         |    No    |   All    |        Yes        |
+|     value      |                                 选中项                                 |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|  defaultValue  |                               默认选中项                               |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|    cascade     |          是否级联。<br/>子级来自`data`参数内的`children`属性           |                                     Boolean                                      |    No    |   All    |        Yes        |
+|      cols      |                                  列数                                  |                                      Number                                      |    No    |   All    |        Yes        |
+|    onChange    | 选中后的回调，可使用[rc-form](https://github.com/react-component/form) |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
+|  renderLabel   |                        自定义渲染每列展示的内容                        | `(item: PickerColumnItem, index: number) => ReactNode` 或 `(item) => item.label` |    No    |   All    |        Yes        |
+|    loading     |                            是否处于加载状态                            |                                     Boolean                                      |    No    |   All    |        Yes        |
+| loadingContent |                          加载状态下展示的内容                          |                                    ReactNode                                     |    No    |   All    |        Yes        |
+| indicatorStyle |                         默认 Indicator 的样式                          |                                      Object                                      |    No    |   All    |        Yes        |
+
+**PickerView 自定义样式**
+
+|     Name      |                                         Description                                          |          Type          | Required | Platform | HarmonyOS Support |
+| :-----------: | :------------------------------------------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
+|     style     |                                           外部样式                                           | `StyleProp<ViewStyle>` |    No    |   All    |        Yes        |
+|    styles     |                                        内部组件样式集                                        |   `PickerViewStyle`    |    No    |   All    |        Yes        |
+|   itemStyle   |                                           每列样式                                           | `StyleProp<TextStyle>` |    No    |   All    |        Yes        |
+|  itemHeight   | 每列固定高度，未设值时会根据`numberOfLines`动态计算；`itemStyle`属性设置`{height}`值是无效的 |         Number         |    No    |   All    |        Yes        |
+| numberOfLines |                                       允许每列显示行数                                       |         Number         |    No    |   All    |        Yes        |
+
+**PickerView 遮罩层**
+
+还支持自定义遮罩样式，如使用渐变组件`<LinearGradient />`。当前默认为白色半透明。
+
+|       Name       |       Description        |                                             Type                                             | Required | Platform | HarmonyOS Support |
+| :--------------: | :----------------------: | :------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  renderMaskTop   | 自定义渲染上半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
+| renderMaskBottom | 自定义渲染下半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
+
+**Progress**：进度条组件，表明某个任务的当前进度。
+
+|   Name   |                        Description                         |  Type   | Required | Platform | HarmonyOS Support |
+| :------: | :--------------------------------------------------------: | :-----: | :------: | :------: | :---------------: |
+| percent  |                         进度百分比                         | number  |    No    |   All    |        Yes        |
+| position | 进度条的位置，fixed 将浮出固定在最顶层，可选: fixed normal | string  |    No    |   All    |        Yes        |
+| unfilled |                    是否显示未填充的轨道                    | boolean |    No    |   All    |        Yes        |
+|  style   |                         进度条样式                         | object  |    No    |   All    |        Yes        |
+| barStyle |                          进度样式                          | object  |    No    |   All    |        Yes        |
+
+**Pagination**：分页器组件。
+
+|   Name   |                Description                 |             Type             | Required | Platform | HarmonyOS Support |
+| :------: | :----------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|   mode   |      形态，可选 button,number,pointer      |            string            |    No    |   All    |        Yes        |
+| current  |                  当前页号                  |            number            |    No    |   All    |        Yes        |
+|  total   |                  数据总数                  |            number            |    No    |   All    |        Yes        |
+|  simple  |                是否隐藏数值                |           boolean            |    No    |   All    |        Yes        |
+| disabled |                  禁用状态                  |           boolean            |    No    |   All    |        No         |
+|  locale  | 国际化, 可以覆盖全局 LocaleProvider 的配置 | Object：{prevText, nextText} |    No    |   All    |        Yes        |
+| onChange |         change 事件触发的回调函数          |      (e: Object): void       |    No    |   All    |        Yes        |
+
+**Radio**：单选框组件。
+
+|      Name      |          Description          |                     Type                      | Required | Platform | HarmonyOS Support |
+| :------------: | :---------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
+| defaultChecked |         初始是否选中          |                    Boolean                    |    No    |   All    |        Yes        |
+|    checked     |       指定当前是否选中        |                    Boolean                    |    No    |   All    |        Yes        |
+|    disabled    |             禁用              |                    Boolean                    |    No    |   All    |        Yes        |
+|    onChange    |   change 事件触发的回调函数   | (e: { target: { checked: boolean } }) => void |    No    |   All    |        Yes        |
+|     value      | 携带的标识值，用于 Group 模式 |                  RadioValue                   |    No    |   All    |        Yes        |
+
+**Radio.Group**：单选框子组件。
+
+|     Name     |        Description        |                                       Type                                        | Required | Platform | HarmonyOS Support |
+| :----------: | :-----------------------: | :-------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+| defaultValue |       默认选中的值        |                                    RadioValue                                     |    No    |   All    |        Yes        |
+|   options    |   以配置形式设置子元素    | string[] 或 number[] 或 Array<{ label: string value: string disabled?: boolean }> |    No    |   All    |        Yes        |
+|   disabled   |           禁用            |                                      Boolean                                      |    No    |   All    |        Yes        |
+|   onChange   | change 事件触发的回调函数 |                   (e: { target: { checked: boolean } }) => void                   |    No    |   All    |        Yes        |
+|    value     |   用于设置当前选中的值    |                                    RadioValue                                     |    No    |   All    |        Yes        |
+
+**Stepper**：步进器，用作增加或者减少当前数值。
+
+|     Name     |        Description        |          Type          | Required | Platform | HarmonyOS Support |
+| :----------: | :-----------------------: | :--------------------: | :------: | :------: | :---------------: |
+|     min      |          最小值           |         Number         |    No    |   All    |        Yes        |
+|     max      |          最大值           |         Number         |    No    |   All    |        Yes        |
+|    value     |          当前值           |         Number         |    No    |   All    |        Yes        |
+|     step     | 每次改变步数，可以为小数  |    Number or String    |    No    |   All    |        Yes        |
+| defaultValue |          初始值           |         Number         |    No    |   All    |        Yes        |
+|   onChange   |      变化时回调函数       |        (): void        |    No    |   All    |        Yes        |
+|   disabled   |           禁用            |        Boolean         |    No    |   All    |        Yes        |
+|   readOnly   |        input 只读         |        Boolean         |    No    |   All    |        Yes        |
+|    styles    |   react native 组件样式   | ReactNative StyleSheet |    No    |   All    |        Yes        |
+|  inputStyle  | react native 显示数字样式 | ReactNative StyleSheet |    No    |   All    |        Yes        |
+
+**Steps**：步骤条组件，显示一个任务的进度；或者引导用户完成某个复杂任务。
+
+|   Name    |                                 Description                                 |               Type                | Required | Platform | HarmonyOS Support |
+| :-------: | :-------------------------------------------------------------------------: | :-------------------------------: | :------: | :------: | :---------------: |
+|  current  | 指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过 status 属性覆盖状态 |              number               |    No    |   All    |        Yes        |
+|   size    |                         尺寸，支持设置小尺寸 small                          |              string               |    No    |   All    |        Yes        |
+|  status   |             指定当前步骤的状态，可选 wait process finish error              |              string               |    No    |   All    |        Yes        |
+| direction |                     step 样式( RN 目前只支持 vertical )                     | Enum { 'vertical', 'horizontal' } |    No    |   All    |        Yes        |
+
+**Steps.Step**：步骤条组件，步骤条内的每一个步骤。
+
+|    Name     |                             Description                              |                                         Type                                          | Required | Platform | HarmonyOS Support |
+| :---------: | :------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   status    | 指定状态。当不配置该属性时，会使用 Steps 的 current 来自动指定状态。 |                     Enum { 'wait', 'process', 'finish', 'error' }                     |    No    |   All    |        Yes        |
+|    title    |                                 标题                                 |                                     React.Element                                     |    No    |   All    |        Yes        |
+| description |                         步骤的详情描述，可选                         |                                     React.Element                                     |    No    |   All    |        Yes        |
+|    icon     |                            步骤图标，可选                            |                                 object/React.Element                                  |    No    |   All    |        Yes        |
+| renderIcon  |                         自定义步骤图标，可选                         | (params: { starting: boolean; waiting: boolean; error: boolean; }) => React.ReactNode |    No    |   All    |        Yes        |
+
+**SegmentedControl**：分段器组件，由至少 2 个分段控件组成，用作不同视图的显示。
+
+|     Name      |                                           Description                                           |    Type     | Required | Platform | HarmonyOS Support |
+| :-----------: | :---------------------------------------------------------------------------------------------: | :---------: | :------: | :------: | :---------------: |
+|     style     |                                           自定义样式                                            |   Object    |    No    |   All    |        Yes        |
+|   tintColor   |                                           组件主色调                                            |   String    |    No    |   All    |        Yes        |
+|   disabled    |                                            是否启用                                             |   Boolean   |    No    |   All    |        Yes        |
+| selectedIndex |                                      选中项在数组中的索引                                       |   Number    |    No    |   All    |        Yes        |
+|    values     |                                       选项数组,值是字符串                                       |    array    |    No    |   All    |        Yes        |
+|   onChange    | 回调函数, 其中 e.nativeEvent.selectedSegmentIndex 是选中项索引, e.nativeEvent.value 是选中的值. |  (e): void  |    No    |   All    |        Yes        |
+| onValueChange |                                            回调函数                                             | (val): void |    No    |   All    |        Yes        |
+
+**Switch**：滑动开关组件，在两个互斥对象进行选择，eg：选择开或关。
+
+|       Name        |                       Description                       |                  Type                   | Required | Platform | HarmonyOS Support |
+| :---------------: | :-----------------------------------------------------: | :-------------------------------------: | :------: | :------: | :---------------: |
+|      checked      |                      是否默认选中                       |                 Boolean                 |    No    |   All    |        Yes        |
+|  defaultChecked   |                      初始是否打开                       |                 Boolean                 |    No    |   All    |        Yes        |
+|     disabled      |                      是否不可修改                       |                 boolean                 |    No    |   All    |        Yes        |
+|      loading      |                      加载中的开关                       |                 Boolean                 |    No    |   All    |        Yes        |
+|     onChange      | 变化时的回调函数，当返回 Promise 时，会自动显示加载状态 | (val: boolean) => void 或 Promise<void> |    No    |   All    |        Yes        |
+|       color       |                    开关打开后的颜色                     |                 String                  |    No    |   All    |        Yes        |
+|  checkedChildren  |                      选中时的内容                       |                ReactNode                |    No    |   All    |        Yes        |
+| unCheckedChildren |                     非选中时的内容                      |                ReactNode                |    No    |   All    |        Yes        |
+
+**Tabs**：标签页组件，用于让用户在不同的视图中进行切换。
+
+|            Name            |        Description         |                          Type                          | Required | Platform | HarmonyOS Support |
+| :------------------------: | :------------------------: | :----------------------------------------------------: | :------: | :------: | :---------------: |
+|            tabs            |          tab 数据          |                    Models.TabData[]                    |   Yes    |   All    |        Yes        |
+|       tabBarPosition       |        TabBar 位置         |                   'top' 或 'bottom'                    |    No    |   All    |        Yes        |
+|        renderTabBar        |        替换 TabBar         | ((props: TabBarPropsType) => React.ReactNode) 或 false |    No    |   All    |        Yes        |
+|        initialPage         |  初始化 Tab, index or key  |                    number 或 string                    |    No    |   All    |        Yes        |
+|            page            |   当前 Tab, index or key   |                    number 或 string                    |    No    |   All    |        Yes        |
+|         swipeable          |    是否可以滑动内容切换    |                        boolean                         |    No    |   All    |        Yes        |
+|          useOnPan          |        使用跟手滚动        |                        boolean                         |    No    |   All    |        Yes        |
+| prerenderingSiblingsNumber |    预加载两侧 Tab 数量     |                         number                         |    No    |   All    |        Yes        |
+|          animated          |      是否开启切换动画      |                        boolean                         |    No    |   All    |        Yes        |
+|          onChange          |       tab 变化时触发       |      (tab: Models.TabData, index: number) => void      |    No    |   All    |        Yes        |
+|         onTabClick         |      tab 被点击的回调      |      (tab: Models.TabData, index: number) => void      |    No    |   All    |        Yes        |
+|     destroyInactiveTab     |      销毁超出范围 Tab      |                        boolean                         |    No    |   All    |        Yes        |
+|    distanceToChangeTab     |   滑动切换阈值(宽度比例)   |                         number                         |    No    |   All    |        Yes        |
+|          usePaged          |      是否启用分页模式      |                        boolean                         |    No    |   All    |        Yes        |
+|    tabBarUnderlineStyle    |     tabBar 下划线样式      |               React.CSSProperties 或 any               |    No    |   All    |        Yes        |
+|   tabBarActiveTextColor    |  tabBar 激活 Tab 文字颜色  |                         string                         |    No    |   All    |        Yes        |
+|   tabBarBackgroundColor    |       tabBar 背景色        |                         string                         |    No    |   All    |        Yes        |
+|      tabBarTextStyle       |      tabBar 文字样式       |               React.CSSProperties 或 any               |    No    |   All    |        Yes        |
+|  tabBarInactiveTextColor   | tabBar 非激活 Tab 文字颜色 |                         string                         |    No    |   All    |        Yes        |
+|         renderTab          |     替换 TabBar 的 Tab     |        (tab: Models.TabData) => React.ReactNode        |    No    |   All    |        Yes        |
+|      renderUnderline       |      renderUnderline       |            (style: any) => React.ReactNode             |    No    |   All    |        Yes        |
+
+**Tabs.DefaultTabBar**
+
+|    Name    |    Description     |                     Type                     | Required | Platform | HarmonyOS Support |
+| :--------: | :----------------: | :------------------------------------------: | :------: | :------: | :---------------: |
+|  goToTab   |      跳转 Tab      |          (index: number) => boolean          |   Yes    |   All    |        Yes        |
+|    tabs    |      tab 数据      |               Models.TabData[]               |   Yes    |   All    |        Yes        |
+| activeTab  | 当前激活 Tab 索引  |                    number                    |   Yes    |   All    |        Yes        |
+|  animated  |    是否使用动画    |                   boolean                    |   Yes    |   All    |        Yes        |
+| renderTab  | 替换 TabBar 的 Tab |   (tab: Models.TabData) => React.ReactNode   |  false   |   All    |        Yes        |
+|    page    |    Tab 分页尺寸    |                    number                    |  false   |   All    |        Yes        |
+| onTabClick |  tab 被点击的回调  | (tab: Models.TabData, index: number) => void |  false   |   All    |        Yes        |
+
+**Tag**：标签组件，进行标记和分类的小标签，用于标记事物的属性和维度，以及进行分类。
+
+|    Name     |            Description             |          Type          | Required | Platform | HarmonyOS Support |
+| :---------: | :--------------------------------: | :--------------------: | :------: | :------: | :---------------: |
+|    small    |              小号标签              |        Boolean         |    No    |   All    |        Yes        |
+|  disabled   |             是否不可用             |        Boolean         |    No    |   All    |        Yes        |
+|  closable   | 是否关闭（非 disabled small 状态） |        Boolean         |    No    |   All    |        Yes        |
+|  selected   |            是否默认选中            |        Boolean         |    No    |   All    |        Yes        |
+|  onChange   |          切换选中回调函数          | (selected: bool): void |    No    |   All    |        Yes        |
+|   onClose   |         点关闭时的回调函数         |        (): void        |    No    |   All    |        Yes        |
+| afterClose  |            关闭后的回调            |        (): void        |    No    |   All    |        Yes        |
+| onLongPress |             长按的回调             |        (): void        |    No    |   All    |        Yes        |
+
+**TextareaItem**：多行输入组件。
+
+|     Name     |                                                            Description                                                             |        Type         | Required | Platform | HarmonyOS Support |
+| :----------: | :--------------------------------------------------------------------------------------------------------------------------------: | :-----------------: | :------: | :------: | :---------------: |
+|    value     |                                                              value 值                                                              |       String        |    No    |   All    |        Yes        |
+| defaultValue |                                                           设置初始默认值                                                           |       String        |    No    |   All    |        Yes        |
+| placeholder  |                                                            placeholder                                                             |       String        |    No    |   All    |        Yes        |
+|   editable   |                                                             是否可编辑                                                             |        bool         |    No    |   All    |        Yes        |
+|   disabled   |                                                              是否禁用                                                              |        bool         |    No    |   All    |        Yes        |
+|    clear     |                                    是否带清除功能(仅 editable 为 true,disabled 为 false 才生效)                                    |        bool         |    No    |   All    |        Yes        |
+|    count     |                                         计数功能,兼具最大长度,默认为 0,代表不开启计数功能                                          |       number        |    No    |   All    |        Yes        |
+|     rows     |                                                              显示几行                                                              |       number        |    No    |   All    |        Yes        |
+|   onChange   |                                                     change 事件触发的回调函数                                                      | (val: string): void |    No    |   All    |        Yes        |
+|    error     |                                                              报错样式                                                              |        bool         |    No    |   All    |        Yes        |
+| onErrorClick |                                                      点击报错 icon 触发的回调                                                      |      (): void       |    No    |   All    |        Yes        |
+|  autoHeight  |                                              高度自适应, autoHeight 和 rows 请二选一                                               |        bool         |    No    |   All    |        Yes        |
+| labelNumber  | 定宽枚举值：num \* @input-label-width: 34px，可用 2-7 之间的数字，一般(不能保证全部)能对应显示出相应个数的中文文字(不考虑英文字符) |       number        |    No    |   All    |        Yes        |
+|     last     |                                   如果是最后一项，则将移除 borderBottom（默认拥有 borderBottom）                                   |        bool         |    No    |   All    |        Yes        |
+
+**Flex**：布局组件，Flex 是 CSS flex 布局的一个封装。
+
+|   Name    |                               Description                               |  Type  | Required | Platform | HarmonyOS Support |
+| :-------: | :---------------------------------------------------------------------: | :----: | :------: | :------: | :---------------: |
+| direction |                  项目定位方向，值可以为 `row`,`column`                  | String |    No    |   All    |        Yes        |
+|   wrap    |                  子元素的换行方式，可选`nowrap`,`wrap`                  | String |    No    |   All    |        Yes        |
+|  justify  | 子元素在主轴上的对齐方式，可选`start`,`end`,`center`,`between`,`around` | String |    No    |   All    |        Yes        |
+|   align   |    子元素在交叉轴上的对齐方式，可选`start`,`end`,`center`,`stretch`     | String |    No    |   All    |        Yes        |
+
+**Grid**：宫格组件，在水平和垂直方向，将布局切分成若干等大的区块。
+
+|      Name      |              Description               |               Type                | Required | Platform | HarmonyOS Support |
+| :------------: | :------------------------------------: | :-------------------------------: | :------: | :------: | :---------------: |
+|      data      |             传入的菜单数据             |    `Array<{icon, text}>` 或 []    |    No    |   All    |        Yes        |
+|    onPress     |         点击每个菜单的回调函数         | (el: Object, index: number): void |    No    |   All    |        Yes        |
+|   columnNum    |                  列数                  |              number               |    No    |   All    |        Yes        |
+|    hasLine     |               是否有边框               |              boolean              |    No    |   All    |        Yes        |
+|   isCarousel   |               是否跑马灯               |              boolean              |    No    |   All    |        Yes        |
+| carouselProps  |               跑马灯属性               |           CarouselProps           |    No    |   All    |        Yes        |
+| carouselMaxRow | 如果是跑马灯, 一页跑马灯需要展示的行数 |              number               |    No    |   All    |        Yes        |
+|   renderItem   |     自定义每个 grid 条目的创建函数     |     (el, index) => React.Node     |    No    |   All    |        Yes        |
+|   itemStyle    |           每个格子自定义样式           |              object               |    No    |   All    |        Yes        |
+
+`isCarousel = true` 模式时，还可以传递 [carousel](https://mobile.ant.design/components/carousel) 相关的 API。
+
+**国际化和皮肤配置**：为组件内建文案提供统一的国际化支持。
+
+|  Name  |                                                                               Description                                                                                |  Type  | Required | Platform | HarmonyOS Support |
+| :----: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----: | :------: | :------: | :---------------: |
+| locale |                                             语言包配置，语言包可到 `@ant-design/react-native/lib/locale-provider/`目录下寻找                                             | object |    No    |   All    |        Yes        |
+| theme  | 主题样式配置，可根据需要覆盖部分或者全部变量，具体变量请查看 [theme](https://github.com/ant-design/ant-design-mobile-rn/blob/master/components/style/themes/default.tsx) | object |    No    |   All    |        Yes        |
+
+**View**：基础组件，更安全的 View 基础组件。
+
+|   Name   | Description |                     Type                     | Required | Platform | HarmonyOS Support |
+| :------: | :---------: | :------------------------------------------: | :------: | :------: | :---------------: |
+| children |   子组件    |      React.ReactNode 或 React.ReactText      |    No    |   All    |        Yes        |
+|  style   |    样式     | StyleProp<ViewStyle> 或 StyleProp<TextStyle> |    No    |   All    |        Yes        |
+
+**WhiteSpace**：上下留白组件。
+
+| Name |             Description             |  Type  | Required | Platform | HarmonyOS Support |
+| :--: | :---------------------------------: | :----: | :------: | :------: | :---------------: |
+| size | 上下留白的间距，可选 xs,sm,md,lg,xl | string |    No    |   All    |        Yes        |
+
+**WingBlank**：两翼留白组件。
+
+| Name |            Description             |  Type  | Required | Platform | HarmonyOS Support |
+| :--: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
+| size | 两翼留白的间距，可选`sm`,`md`,`lg` | string |    No    |   All    |        Yes        |
+
+**NoticeBar**：通告栏组件，在导航栏下方，一般用作系统提醒、活动提醒等通知。
+
+|     Name     |           Description            |     Type     | Required | Platform | HarmonyOS Support |
+| :----------: | :------------------------------: | :----------: | :------: | :------: | :---------------: |
+|     mode     | 提示类型，可选 `closable`,`link` |    String    |    No    |   All    |        Yes        |
+|     icon     |        在开始位置设置图标        |  ReactNode   |    No    |   All    |        Yes        |
+|   onPress    |  点击关闭或者操作区域的回调函数  |   (): void   |    No    |   All    |        Yes        |
+| marqueeProps |           marquee 参数           |    Object    |    No    |   All    |        Yes        |
+|    action    |     用于替换操作 icon 的文案     | ReactElement |    No    |   All    |        Yes        |
+
+**SearchBar**：搜索栏组件，一般可位于 NavBar 下方，通过『取消按钮』退出激活状态。
+
+|       Name       |                  Description                  |        Type         | Required | Platform | HarmonyOS Support |
+| :--------------: | :-------------------------------------------: | :-----------------: | :------: | :------: | :---------------: |
+|   defaultValue   |                搜索框的默认值                 |       String        |    No    |   All    |        Yes        |
+|      value       |                搜索框的当前值                 |       String        |    No    |   All    |        Yes        |
+|   placeholder    |                  placeholder                  |       String        |    No    |   All    |        Yes        |
+|     onSubmit     |        submit 事件 (点击键盘的 enter)         | (val: string): void |    No    |   All    |        Yes        |
+|     onChange     |               change 事件的回调               | (val: string): void |    No    |   All    |        Yes        |
+|     onFocus      |               focus 事件的回调                |      (): void       |    No    |   All    |        Yes        |
+|      onBlur      |                blur 事件的回调                |      (): void       |    No    |   All    |        Yes        |
+|     onCancel     | 点击`取消`按钮触发 (不再自动清除输入框的文字) | (val: string): void |    No    |   All    |        Yes        |
+| showCancelButton |            是否一直显示`取消`按钮             |        bool         |    No    |   All    |        Yes        |
+|    cancelText    |             定制`取消`按钮的文字              |       String        |    No    |   All    |        Yes        |
+|     disabled     |                   设置禁用                    |        bool         |    No    |   All    |        Yes        |
+
+**TabBar**：标签栏组件，位于 APP 底部，方便用户在不同功能模块之间进行快速切换。
+
+|        Name         |   Description    |  Type  | Required | Platform | HarmonyOS Support |
+| :-----------------: | :--------------: | :----: | :------: | :------: | :---------------: |
+|    barTintColor     |  tabbar 背景色   | String |    No    |   All    |        Yes        |
+|      tintColor      |  选中的字体颜色  | String |    No    |   All    |        Yes        |
+| unselectedTintColor | 未选中的字体颜色 | String |    No    |   All    |        Yes        |
+
+**TabBar.Item**：TabBar 子组件。
+
+|     Name     |                      Description                      |      Type       |     Required     | Platform | HarmonyOS Support |
+| :----------: | :---------------------------------------------------: | :-------------: | :--------------: | :------: | :---------------: | --- |
+|    badge     |                        徽标数                         | Number \ String |        No        |   All    |        Yes        |
+|   onPress    | bar 点击触发，需要自己改变组件 state & selecte={true} |    Function     |        No        |   All    |        Yes        |
+|   selected   |                       是否选中                        |     Boolean     |        No        |   All    |        Yes        |
+|     icon     |                     默认展示图片                      |  `Image Source  | React.ReactNode` |    No    |        All        | Yes |
+| selectedIcon |                   选中后的展示图片                    |  `Image Source  | React.ReactNode` |    No    |        All        | Yes |
+|    title     |                       标题文字                        |     String      |        No        |   All    |        Yes        |
+|     key      |                       唯一标识                        |     String      |        No        |   All    |        Yes        |
+|  iconStyle   |                       icon 样式                       |     String      |        No        |   All    |        Yes        |
+
+**Slider**：滑动输入条组件，允许用户在一个区间中选择特定值，eg：控制屏幕的显示亮度。
+
+|         Name          |                                                                   Description                                                                    |      Type      | Required | Platform | HarmonyOS Support |
+| :-------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :------------: | :------: | :------: | :---------------: |
+|          min          |                                                                      最小值                                                                      |     Number     |    No    |   All    |        Yes        |
+|          max          |                                                                      最大值                                                                      |     Number     |    No    |   All    |        Yes        |
+|         step          | 步长，取值必须大于 0，并且可被 (max - min) 整除。当 `marks` 不为空对象时，可以设置 `step` 为 `null`，此时 Slider 的可选值仅有 marks 标出来的部分 | Number or null |    No    |   All    |        Yes        |
+|         value         |                                                                  设置当前取值。                                                                  |     Number     |    No    |   All    |        Yes        |
+|     defaultValue      |                                                                  设置初始取值。                                                                  |     Number     |    No    |   All    |        Yes        |
+|       disabled        |                                                                  滑块为禁用状态                                                                  |    Boolean     |    No    |   All    |        Yes        |
+|       onChange        |                                    当 Slider 的值发生改变时，会触发 onChange 事件，并把改变后的值作为参数传入                                    |    Function    |    No    |   All    |        Yes        |
+| maximumTrackTintColor |                                                                    底部背景色                                                                    |     String     |    No    |   All    |        Yes        |
+| minimumTrackTintColor |                                                                当前选中部分的颜色                                                                |     String     |    No    |   All    |        Yes        |
+|     onAfterChange     |                                                与 `ontouchend` 触发时机一致，把当前值作为参数传入                                                |    Function    |    No    |   All    |        Yes        |
+
+**Popover**：气泡组件，在点击控件或者某个区域后，浮出一个气泡菜单来做更多的操作。 如果设置了遮罩层，建议通过点击遮罩层的任一位置，进行退出。
+
+|          Name          |                                    Description                                    |                                                            Type                                                             | Required | Platform | HarmonyOS Support |
+| :--------------------: | :-------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|        overlay         |                                    弹出层内容                                     |                                                          ReactNode                                                          |    No    |   All    |        Yes        |
+|       placement        |                                    弹出层位置                                     |                                          'top 或 right 或 bottom 或 left 或 auto'                                           |    No    |   All    |        Yes        |
+|        onSelect        |                              选中某选项时的回调函数                               |                                                     (value: any): void                                                      |    No    |   All    |        Yes        |
+|      triggerStyle      |                               触发元素外围容器样式                                |                                                          ViewStyle                                                          |    No    |   All    |        Yes        |
+| renderOverlayComponent | 自定义弹出层的外围组件，默认是`ScrollView`，示例`(nodes) => <View>{nodes}</View>` |                                         (node: React.ReactNode) => React.ReactNode                                          |    No    |   All    |        Yes        |
+|        duration        |                                     动画时长                                      |                                                           number                                                            |    No    |   All    |        Yes        |
+|         easing         |                                     动画效果                                      | (show: boolean) => (value: number) => number 或 show => show ? Easing.out(Easing.back(1.70158)) : Easing.inOut(Easing.quad) |    No    |   All    |        Yes        |
+|    useNativeDriver     |                            动画是否使用 Native Driver                             |                                                           boolean                                                           |    No    |   All    |        Yes        |
+|       onDismiss        |                             Popover 关闭后的回调函数                              |                                                          function                                                           |    No    |   All    |        Yes        |
+
+**Popover.Item**：气泡子组件。
+
+|   Name   |     Description     |   Type    | Required | Platform | HarmonyOS Support |
+| :------: | :-----------------: | :-------: | :------: | :------: | :---------------: |
+| disabled |      是否禁用       |  Boolean  |    No    |   All    |        Yes        |
+|  style   |      item 样式      | ViewStyle |    No    |   All    |        Yes        |
+|  value   | 可作为选中的条目 ID |    any    |   Yes    |   All    |        Yes        |
+
+**SwipeAction**：滑动操作组件。
+
+|   Name    |      Description       |   Type   | Required | Platform | HarmonyOS Support |
+| :-------: | :--------------------: | :------: | :------: | :------: | :---------------: |
+|   style   |    `swipeout` 样式     |  Object  |   Yes    |   All    |        No         |
+|   left    |       左侧按钮组       |  Array   |   Yes    |   All    |        Yes        |
+|   right   |       右侧按钮组       |  Array   |   Yes    |   All    |        Yes        |
+| autoClose | 点击按钮后自动隐藏按钮 | Boolean  |   Yes    |   All    |        No         |
+|  onOpen   |     打开时回调函数     | (): void |   Yes    |   All    |        No         |
+| disabled  |    禁用 `swipeout`     | boolean  |   Yes    |   All    |        No         |
+|  onClose  |     关闭时回调函数     | (): void |   Yes    |   All    |        No         |
+
+**Button**：滑动操作组件内的 Button。
+
+|  Name   | Description  |   Type   | Required | Platform | HarmonyOS Support |
+| :-----: | :----------: | :------: | :------: | :------: | :---------------: |
+|  text   |   按钮文案   |  String  |   Yes    |   All    |        Yes        |
+|  style  |   按钮样式   |  Object  |   Yes    |   All    |        Yes        |
+| onPress | 按钮点击事件 | (): void |   Yes    |   All    |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+- [ ] SwipeAction 组件暂时无法支持，与 Android/IOS 一致[issue#1193](https://github.com/ant-design/ant-design-mobile-rn/issues/1193)、[issue#1348](https://github.com/ant-design/ant-design-mobile-rn/issues/1348)。
+- [ ] Drawer 组件暂时无法支持，与 Android/IOS 一致[issue#1352](https://github.com/ant-design/ant-design-mobile-rn/issues/1352)、[issue#1338](https://github.com/ant-design/ant-design-mobile-rn/issues/1338)。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ant-design/ant-design-mobile-rn/blob/master/LICENSE)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 5df1107a99e29e45527d0795175d21be56a6e138 Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Thu, 18 Jul 2024 13:03:17 +0000
Subject: [PATCH 195/966] =?UTF-8?q?!1132=20docs:=20[Issues:=20#IAE0BM]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-cookies-cookies=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAE0BM]=E4=BF=AE=E6=94=B9react-native-cookies-cookies=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cookies-cookies.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index e3121074..872ec074 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -291,7 +291,8 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 
 ```diff
 ...
-+ #include "CookiesPacakge.h"
+
++ #include "CookiesPackage.h"
 
 using namespace rnoh;
 
@@ -309,6 +310,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
 ...
+
 + import {CookiesPackage} from '@react-native-oh-tpl/cookies/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {

From c3690956db377ca8eb29b937399c2a496a9f8c7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Fri, 19 Jul 2024 10:57:04 +0000
Subject: [PATCH 196/966] =?UTF-8?q?!1142=20=E6=89=B9=E9=87=8F=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8DPackage=E5=92=8Cfabric=E5=BC=95=E5=85=A5=E6=9C=AA?=
 =?UTF-8?q?=E9=AB=98=E4=BA=AE=20*=20docs:=20[#IAE9A2]=20=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8DPackage=E5=92=8Cfabric=E5=BC=95=E5=85=A5?=
 =?UTF-8?q?=E6=9C=AA=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/bam-tech-react-native-image-resizer.md          | 3 +--
 zh-cn/lottie-react-native.md                          | 2 +-
 zh-cn/model.md                                        | 8 +++-----
 zh-cn/react-native-MJRefresh.md                       | 4 ++--
 zh-cn/react-native-SmartRefreshLayout.md              | 2 +-
 zh-cn/react-native-audio.md                           | 2 +-
 zh-cn/react-native-background-timer.md                | 9 ++++++---
 zh-cn/react-native-baidu-map.md                       | 6 +++---
 zh-cn/react-native-bars.md                            | 2 +-
 zh-cn/react-native-bindingx.md                        | 2 +-
 zh-cn/react-native-ble-manager.md                     | 2 +-
 zh-cn/react-native-blob-util.md                       | 2 +-
 zh-cn/react-native-bootsplash.md                      | 2 +-
 zh-cn/react-native-calendar-events.md                 | 4 ++--
 zh-cn/react-native-cameraroll.md                      | 2 +-
 zh-cn/react-native-clippath-capi.md                   | 2 +-
 zh-cn/react-native-clippath.md                        | 2 +-
 zh-cn/react-native-code-push.md                       | 2 +-
 zh-cn/react-native-community-blur.md                  | 2 +-
 zh-cn/react-native-community-datetimepicker.md        | 3 ++-
 zh-cn/react-native-community-progress-bar-android.md  | 4 ++--
 zh-cn/react-native-community-progress-view.md         | 2 +-
 zh-cn/react-native-community-push-notification-ios.md | 2 +-
 zh-cn/react-native-community-slider.md                | 2 +-
 zh-cn/react-native-community-toolbar-android.md       | 2 +-
 zh-cn/react-native-contacts.md                        | 2 +-
 zh-cn/react-native-cookies-cookies.md                 | 3 +--
 zh-cn/react-native-create-thumbnail.md                | 2 +-
 zh-cn/react-native-date-picker.md                     | 4 ++--
 zh-cn/react-native-device-info.md                     | 2 +-
 zh-cn/react-native-doc-viewer.md                      | 2 +-
 zh-cn/react-native-document-picker.md                 | 2 +-
 zh-cn/react-native-fast-image.md                      | 2 +-
 zh-cn/react-native-file-viewer.md                     | 2 +-
 zh-cn/react-native-fileupload.md                      | 2 +-
 zh-cn/react-native-fs.md                              | 2 +-
 zh-cn/react-native-geolocation.md                     | 2 +-
 zh-cn/react-native-get-random-values.md               | 2 +-
 zh-cn/react-native-haptic-feedback.md                 | 2 +-
 zh-cn/react-native-image-base64.md                    | 2 +-
 zh-cn/react-native-image-capinsets-next.md            | 6 +++---
 zh-cn/react-native-image-colors.md                    | 2 +-
 zh-cn/react-native-image-crop-picker.md               | 2 +-
 zh-cn/react-native-image-editor.md                    | 2 +-
 zh-cn/react-native-image-sequence-2.md                | 6 +++---
 zh-cn/react-native-keep-awake.md                      | 2 +-
 zh-cn/react-native-linear-gradient.md                 | 4 ++--
 zh-cn/react-native-localize.md                        | 2 +-
 zh-cn/react-native-mail.md                            | 2 +-
 zh-cn/react-native-maps.md                            | 6 +++---
 zh-cn/react-native-orientation-locker.md              | 2 +-
 zh-cn/react-native-orientation.md                     | 2 +-
 zh-cn/react-native-pager-view.md                      | 3 ++-
 zh-cn/react-native-pdf.md                             | 4 ++--
 zh-cn/react-native-performance.md                     | 2 +-
 zh-cn/react-native-permissions.md                     | 2 +-
 zh-cn/react-native-picker-picker.md                   | 4 ++--
 zh-cn/react-native-qr-decode-image-camera.md          | 6 +++---
 zh-cn/react-native-randombytes.md                     | 2 +-
 zh-cn/react-native-reanimated.md                      | 2 +-
 zh-cn/react-native-sensors.md                         | 2 +-
 zh-cn/react-native-shake.md                           | 2 +-
 zh-cn/react-native-signature-capture.md               | 6 +++---
 zh-cn/react-native-sound.md                           | 2 +-
 zh-cn/react-native-spinkit.md                         | 6 +++---
 zh-cn/react-native-splash-screen.md                   | 2 +-
 zh-cn/react-native-spring-scrollview.md               | 2 +-
 zh-cn/react-native-sqlite-storage.md                  | 2 +-
 zh-cn/react-native-svg-capi.md                        | 2 +-
 zh-cn/react-native-syan-image-picker.md               | 2 +-
 zh-cn/react-native-system-setting.md                  | 2 +-
 zh-cn/react-native-text-size.md                       | 2 +-
 zh-cn/react-native-touch-id.md                        | 2 +-
 zh-cn/react-native-unitsyles.md                       | 2 +-
 zh-cn/react-native-video-cache.md                     | 2 +-
 zh-cn/react-native-view-shot.md                       | 2 +-
 zh-cn/react-native-vision-camera.md                   | 6 +++---
 zh-cn/react-native-worklets-core.md                   | 2 +-
 zh-cn/remobile-react-native-toast.md                  | 2 +-
 79 files changed, 111 insertions(+), 110 deletions(-)

diff --git a/zh-cn/bam-tech-react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
index 3f91db79..24a926a0 100644
--- a/zh-cn/bam-tech-react-native-image-resizer.md
+++ b/zh-cn/bam-tech-react-native-image-resizer.md
@@ -330,8 +330,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
-
+  ...
 + import {ImageResizerPackage} from '@react-native-oh-tpl/react-native-image-resizer/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 16f13d84..36d591fc 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -172,7 +172,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { LottieAnimationView, LOTTIE_TYPE } from "@react-native-oh-tpl/lottie-react-native"
 
 @Builder
diff --git a/zh-cn/model.md b/zh-cn/model.md
index 5b07b60c..2d54c172 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -199,13 +199,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
-
+  ...
 + import { SAFE_AREA_VIEW_TYPE, SafeAreaView, SAFE_AREA_PROVIDER_TYPE, SafeAreaProvider } from "@react-native-oh-tpl/react-native-safe-area-context"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === SAFE_AREA_VIEW_TYPE) {
 +   SafeAreaView({
 +     ctx: ctx.rnComponentContext,
@@ -237,8 +236,7 @@ const arkTsComponentNames: Array<string> = [
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
-
+  ...
 + import {SafeAreaViewPackage} from '@react-native-oh-tpl/react-native-safe-area-context/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index b8642a98..0dc06da2 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -229,12 +229,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { MJRefresh, MJREFRESH_TYPE} from "@react-native-oh-tpl/react-native-mjrefresh"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === MJREFRESH_TYPE) {
 +   MJRefresh({
 +       ctx: ctx.rnComponentContext,
diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index 4f6b96f8..55c4bb0d 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -287,7 +287,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { SmartRefreshPackage } from '@react-native-oh-tpl/react-native-smartrefreshlayout/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 41bdd771..7830ecc6 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -160,7 +160,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {AudioPackage} from '@react-native-oh-tpl/react-native-audio/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index 2fa88fb1..3254f868 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -280,11 +280,14 @@ ohpm install --no-link
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
-import { BackgroundTimerTurboModulePackage } from '@react-native-oh-tpl/react-native-background-timer/ts';
+  ...
++ import { BackgroundTimerTurboModulePackage } from '@react-native-oh-tpl/react-native-background-timer/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
-  return [new SamplePackage(ctx), new BackgroundTimerTurboModulePackage(ctx)];
+  return [
+    new SamplePackage(ctx), 
++   new BackgroundTimerTurboModulePackage(ctx)
+    ];
 }
 ```
 
diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index 72c2a0e3..1e967e9d 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -270,7 +270,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {BaiduMapPackage} from '@react-native-oh-tpl/react-native-baidu-map/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -287,7 +287,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import {
 +  BAIDU_MAP_OVERLAY_CIRCLE_TYPE,
 +  BAIDU_MAP_OVERLAY_MARKER_TYPE,
@@ -304,7 +304,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === BAIDU_MAP_VIEW_TYPE) {
 +      BaiduMapView({
 +        ctx: ctx.rnComponentContext,
diff --git a/zh-cn/react-native-bars.md b/zh-cn/react-native-bars.md
index 2d5018ce..1c864fed 100644
--- a/zh-cn/react-native-bars.md
+++ b/zh-cn/react-native-bars.md
@@ -135,7 +135,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {RNBarsPackage} from '@react-native-oh-tpl/react-native-bars/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-bindingx.md b/zh-cn/react-native-bindingx.md
index c3fff4e3..0e8a7ad1 100644
--- a/zh-cn/react-native-bindingx.md
+++ b/zh-cn/react-native-bindingx.md
@@ -239,7 +239,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {ReactBindingXPackage} from '@react-native-oh-tpl/react-native-bindingx/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
index aac725c7..d1f055cf 100644
--- a/zh-cn/react-native-ble-manager.md
+++ b/zh-cn/react-native-ble-manager.md
@@ -501,7 +501,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { BlePackage } from '@react-native-oh-tpl/react-native-ble-manager/ts';
 
 
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index 6d71c09b..42a49f8e 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -467,7 +467,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {BlobUtilPackage} from '@react-native-oh-tpl/rnoh-blob-util/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-bootsplash.md b/zh-cn/react-native-bootsplash.md
index 183e4f5b..0bf6f76b 100644
--- a/zh-cn/react-native-bootsplash.md
+++ b/zh-cn/react-native-bootsplash.md
@@ -208,7 +208,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {RNBootSplashPackage} from '@react-native-oh-tpl/react-native-bootsplash/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index cec976c0..a3ad841b 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -305,8 +305,8 @@ ohpm install --no-link
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
-import { CalendarEventPackage } from "@react-native-oh-tpl/react-native-calendar-events/ts"
+  ...
++ import { CalendarEventPackage } from "@react-native-oh-tpl/react-native-calendar-events/ts"
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index e176acba..d5f10d7f 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -184,7 +184,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { CameraRollPackage } from 'rnoh-camera-roll/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
index 87a7712d..6995103e 100644
--- a/zh-cn/react-native-clippath-capi.md
+++ b/zh-cn/react-native-clippath-capi.md
@@ -168,7 +168,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { ClipPathPackage } from '@react-native-oh-tpl/react-native-clippathview/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md
index 36c6f921..e963e76e 100644
--- a/zh-cn/react-native-clippath.md
+++ b/zh-cn/react-native-clippath.md
@@ -114,7 +114,7 @@ ohpm install
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { ClipPath } from 'rnoh-clip-path';
 
 @Builder
diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 4ab5452b..ba5c9767 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -234,7 +234,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { CodePushPackage } from "@react-native-oh-tpl/react-native-code-push/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index 234f3bd0..fbc8b1f8 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -292,7 +292,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/pages/index.ets`，添加：
 
 ````diff
-...
+  ...
 + import {  BlurView, BLUR_TYPE } from "rnoh-blur"
 
 @Builder
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index 691de91b..87856dab 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -212,11 +212,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
+  ...
 + import { RNDateTimePicker, DATETIME_PICKER_VIEW_TYPE } from "@react-native-oh-tpl/datetimepicker"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === DATETIME_PICKER_VIEW_TYPE) {
 +   RNDateTimePicker({
 +     ctx: ctx.rnComponentContext,
diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index efa74c17..73888994 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -160,12 +160,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { ProgressBarAndroid, PROGRESS_BAR_TYPE } from "@react-native-oh-tpl/progress-bar-android"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === PROGRESS_BAR_TYPE){
 +     ProgressBarAndroid({
 +       ctx: ctx.rnComponentContext,
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index 5fc316fe..b1311f97 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -167,7 +167,7 @@ import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-packag
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...  
+  ...  
 + if (ctx.componentName === PROGRESS_VIEW_TYPE) {
 +   RNCProgressView({
 +     ctx: ctx.rnComponentContext,
diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index 3dc6d850..e0cc9e96 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -256,7 +256,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { PushNotificationPackage } from 'rnoh-push-notification/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 3af4d452..2c4d90cd 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -170,7 +170,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
 
 ```diff
-...
+  ...
 + import { RNCSlider, SLIDER_TYPE } from "@react-native-oh-tpl/slider"
 
 @Builder
diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
index 8ebf9d74..d1209ef1 100644
--- a/zh-cn/react-native-community-toolbar-android.md
+++ b/zh-cn/react-native-community-toolbar-android.md
@@ -227,7 +227,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { RNCToolbarAndroid, RNC_TOOLBAR_ANDROID_TYPE } from '@react-native-oh-tpl/toolbar-android/src/main/ets/RNCToolbarAndroid'
 
   @Builder
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index c8c5cc6d..8ad635f2 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -391,7 +391,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {ContactsPackage} from '@react-native-oh-tpl/react-native-contacts/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index 872ec074..4f53ae8e 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -309,8 +309,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
-
+  ...
 + import {CookiesPackage} from '@react-native-oh-tpl/cookies/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md
index 7fa6ff79..23ed8355 100644
--- a/zh-cn/react-native-create-thumbnail.md
+++ b/zh-cn/react-native-create-thumbnail.md
@@ -203,7 +203,7 @@ ohpm install --no-link
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { CreateThumbnailPackage } from '@react-native-oh-tpl/react-native-create-thumbnail/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
index 33c387ac..7a330779 100644
--- a/zh-cn/react-native-date-picker.md
+++ b/zh-cn/react-native-date-picker.md
@@ -136,12 +136,12 @@ ohpm install
 找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { NativeDatePickerView } from "@react-native-oh-tpl/react-native-date-picker"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === NativeDatePickerView.Name) {
 +   NativeDatePickerView({
 +        ctx: ctx.rnComponentContext,
diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
index 7fa78dfd..0224c515 100644
--- a/zh-cn/react-native-device-info.md
+++ b/zh-cn/react-native-device-info.md
@@ -117,7 +117,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {RNDeviceInfoPackage} from '@react-native-oh-tpl/react-native-device-info/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-doc-viewer.md b/zh-cn/react-native-doc-viewer.md
index 54b4dc53..a84ac797 100644
--- a/zh-cn/react-native-doc-viewer.md
+++ b/zh-cn/react-native-doc-viewer.md
@@ -384,7 +384,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { DocViewPackage } from "@react-native-oh-tpl/react-native-doc-viewer/ts"
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 06938eb3..089ae262 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -314,7 +314,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { DocumentPickerPackage } from '@react-native-oh-tpl/react-native-document-picker/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index 4eb446eb..4c1774ac 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -217,7 +217,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {FastImagePackage} from '@react-native-oh-tpl/react-native-fast-image/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md
index 2aba984a..a3781a80 100644
--- a/zh-cn/react-native-file-viewer.md
+++ b/zh-cn/react-native-file-viewer.md
@@ -192,7 +192,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNFileViewerPackage } from '@react-native-oh-tpl/react-native-file-viewer/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index 253d6fa6..f97f85f8 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -153,7 +153,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {FileUpLoadPackage} from '@react-native-oh-tpl/react-native-fileupload/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index 4f30e275..5a194c7a 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -207,7 +207,7 @@ ohpm install
 
 ```diff
 import type { RNPackageContext, RNPackage } from 'rnoh/ts';
-...
+  ...
 + import { FsPackage } from '@react-native-oh-tpl/react-native-fs/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-geolocation.md b/zh-cn/react-native-geolocation.md
index 003086ee..6afdf36e 100644
--- a/zh-cn/react-native-geolocation.md
+++ b/zh-cn/react-native-geolocation.md
@@ -176,7 +176,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {GeoLocationPackage} from '@react-native-oh-tpl/geolocation/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md
index 98057c50..34bd2ea2 100644
--- a/zh-cn/react-native-get-random-values.md
+++ b/zh-cn/react-native-get-random-values.md
@@ -125,7 +125,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNGetRandomValuesPackage } from "@react-native-oh-tpl/react-native-get-random-values/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-haptic-feedback.md b/zh-cn/react-native-haptic-feedback.md
index 743c2eeb..47abc021 100644
--- a/zh-cn/react-native-haptic-feedback.md
+++ b/zh-cn/react-native-haptic-feedback.md
@@ -152,7 +152,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNHapticFeedbackPackage } from '@react-native-oh-tpl/react-native-haptic-feedback/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-image-base64.md b/zh-cn/react-native-image-base64.md
index adfe8bd2..7f6fef22 100644
--- a/zh-cn/react-native-image-base64.md
+++ b/zh-cn/react-native-image-base64.md
@@ -169,7 +169,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNImageBase64Package } from "@react-native-oh-tpl/react-native-image-base64/ts"
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-image-capinsets-next.md b/zh-cn/react-native-image-capinsets-next.md
index 2254d474..11507988 100644
--- a/zh-cn/react-native-image-capinsets-next.md
+++ b/zh-cn/react-native-image-capinsets-next.md
@@ -182,12 +182,12 @@ ohpm install
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { IMAGE_CAP_INSETS, RNCImageCapInsets } from "@react-native-oh-tpl/react-native-image-capinsets-next"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === IMAGE_CAP_INSETS) {
 +   RNCImageCapInsets({
 +     ctx: ctx.rnComponentContext,
@@ -217,7 +217,7 @@ const arkTsComponentNames: Array<string> = [
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNCImageCapInsetsPackage } from '@react-native-oh-tpl/react-native-image-capinsets-next/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md
index 50da37df..81fd00ea 100644
--- a/zh-cn/react-native-image-colors.md
+++ b/zh-cn/react-native-image-colors.md
@@ -258,7 +258,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNImageColorsPackage } from "@react-native-oh-tpl/react-native-image-colors/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 404088cc..a86de25b 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -990,7 +990,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { ImageCropPickerPackage } from '@react-native-oh-tpl/react-native-image-crop-picker/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 48afe66f..1f7bee24 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -236,7 +236,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {ImageEditorPackage} from "@react-native-oh-tpl/image-editor/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index 70b0ec7e..56dc1b32 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -331,12 +331,12 @@ ohpm install
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { RNImageSequence } from "@react-native-oh-tpl/react-native-image-sequence-2"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 +  if (ctx.componentName === RNImageSequence.NAME) {
 +     RNImageSequence({
 +       ctx: ctx.rnComponentContext,
@@ -353,7 +353,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { ImageSequencePackage } from "@react-native-oh-tpl/react-native-image-sequence-2/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index 3ddab8d6..9ab935dc 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -176,7 +176,7 @@ ohpm install --no-link
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNKeepAwakePackage } from "@react-native-oh-tpl/react-native-keep-awake/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 8660a467..57773f9d 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -205,12 +205,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { RNLinearGradient, LINEAR_GRADIENT_TYPE, LinearGradientDescriptor } from "@react-native-oh-tpl/react-native-linear-gradient"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === LINEAR_GRADIENT_TYPE) {
 +     RNLinearGradient({
 +       ctx: ctx.rnComponentContext,
diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index 50f82465..68125c47 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -150,7 +150,7 @@ ohpm install --no-link
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNLocalizePackage } from "@react-native-oh-tpl/react-native-localize/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-mail.md b/zh-cn/react-native-mail.md
index f0a50dbd..14d01153 100644
--- a/zh-cn/react-native-mail.md
+++ b/zh-cn/react-native-mail.md
@@ -158,7 +158,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {RNMailPackage} from '@react-native-oh-tpl/react-native-mail/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index ece1a0be..c56263a3 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -310,7 +310,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { AIRMap, AIR_MAP_TYPE, AIRMapMarker, AIR_MAP_MARKER_TYPE, AIRMapPolyline, AIR_MAP_POLYLINE_TYPE, AIRMapPolygon,
 +  AIR_MAP_POLYGON_TYPE, AIRMapCircle, AIR_MAP_CIRCLE_TYPE, AIR_MAP_CALLOUT_SUBVIEW_TYPE, AIR_MAP_CALLOUT_TYPE,
 +  AIRMapCallout,
@@ -327,7 +327,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 +  if (ctx.componentName === AIR_MAP_TYPE) {
 +    AIRMap({
 +      ctx: ctx.rnComponentContext,
@@ -419,7 +419,7 @@ const arkTsComponentNames: Array<string> = [
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {MapsPackage} from '@react-native-oh-tpl/react-native-maps/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index bf5ffcdf..ee534bbc 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -283,7 +283,7 @@ ohpm install --no-link
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNOrientationLockerPackage } from '@react-native-oh-tpl/react-native-orientation-locker/ts';
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index 512be9a9..a08e622d 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -241,7 +241,7 @@ ohpm install --no-link
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNOrientationPackage } from '@react-native-oh-tpl/rnoh-orientation/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index 035a3bf7..403f1f42 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -180,6 +180,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
+  ...
 + import { RNCViewPager, PAGER_VIEW_TYPE } from "@react-native-oh-tpl/react-native-pager-view"
 
 @Builder
@@ -209,7 +210,7 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { ViewPagerPackage } from '@react-native-oh-tpl/react-native-pager-view/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index da47e548..23f23036 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -199,12 +199,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { RTNPdfView, PDF_VIEW_TYPE } from '@react-native-oh-tpl/react-native-pdf';
 
   @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 +  if (ctx.componentName === PDF_VIEW_TYPE) {
 +     RTNPdfView({
 +       ctx: ctx.rnComponentContext,
diff --git a/zh-cn/react-native-performance.md b/zh-cn/react-native-performance.md
index 708497d5..8d20ef7d 100644
--- a/zh-cn/react-native-performance.md
+++ b/zh-cn/react-native-performance.md
@@ -254,7 +254,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {RNPerformancePackage} from '@react-native-oh-tpl/react-native-performance/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index a0c729c2..bf746095 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -208,7 +208,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {PermissionsPackage} from 'react-native-permissions/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 497a06c5..628677ca 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -124,7 +124,7 @@ ohpm install
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { RNCPicker, PICKER_TYPE } from "@react-native-oh-tpl/picker"
 
   @Builder
@@ -165,7 +165,7 @@ const arkTsComponentNames: Array<string> = [
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNCPickerPackage } from '@react-native-oh-tpl/picker/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index 9aef7110..ac8efb04 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -213,7 +213,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNQrDecodeImageCameraPackage } from "@react-native-oh-tpl/react-native-qr-decode-image-camera/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -227,12 +227,12 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
 
 ```diff
-...
+  ...
 + import { NativeScan } from "@react-native-oh-tpl/react-native-qr-decode-image-camera"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === NativeScan.NAME) {
 +   NativeScan({
 +     ctx: ctx.rnComponentContext,
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index deb66266..0c24a87b 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -161,7 +161,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RandomBytesPackage } from '@react-native-oh-tpl/react-native-randombytes/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index f9f2095e..62e5476d 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -198,7 +198,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { ReanimatedPackage } from '@react-native-oh-tpl/react-native-reanimated/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index ccd3a11c..391c32f2 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -142,7 +142,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {SensorsPackage} from '@react-native-oh-tpl/react-native-sensors/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-shake.md b/zh-cn/react-native-shake.md
index 72d9b129..75f69ed5 100644
--- a/zh-cn/react-native-shake.md
+++ b/zh-cn/react-native-shake.md
@@ -132,7 +132,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { ShakePackage } from "@react-native-oh-tpl/rnoh-shake-package/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-signature-capture.md b/zh-cn/react-native-signature-capture.md
index ef84a8a6..638ee4ac 100644
--- a/zh-cn/react-native-signature-capture.md
+++ b/zh-cn/react-native-signature-capture.md
@@ -193,12 +193,12 @@ ohpm install
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { SignatureCaptureArkView } from '@react-native-oh-tpl/react-native-signature-capture'
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 +    if (ctx.componentName === SignatureCaptureArkView.NAME) {
 +      SignatureCaptureArkView({
 +        ctx: ctx.rnComponentContext,
@@ -228,7 +228,7 @@ const arkTsComponentNames: Array<string> = [
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { SignatureCapturePackage } from '@react-native-oh-tpl/react-native-signature-capture/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index 1e0cab0f..2843a009 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -266,7 +266,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { SoundPackage } from '@react-native-oh-tpl/react-native-sound/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md
index 5cc81d75..92adae91 100644
--- a/zh-cn/react-native-spinkit.md
+++ b/zh-cn/react-native-spinkit.md
@@ -126,12 +126,12 @@ ohpm install
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { SpinKitView } from "@react-native-oh-tpl/react-native-spinkit"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === SpinKitView.NAME) {
 +   SpinKitView({
 +        ctx: ctx.rnComponentContext,
@@ -159,7 +159,7 @@ const arkTsComponentNames: Array<string> = [
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { SpinKitPackage } from '@react-native-oh-tpl/react-native-spinkit/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md
index d8a362ef..422e7e79 100644
--- a/zh-cn/react-native-splash-screen.md
+++ b/zh-cn/react-native-splash-screen.md
@@ -150,7 +150,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {SplashScreenPackage} from '@react-native-oh-tpl/react-native-splash-screen/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
index 15142cae..3557f21b 100644
--- a/zh-cn/react-native-spring-scrollview.md
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -215,7 +215,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {SpringScrollViewPackage} from '@react-native-oh-tpl/react-native-spring-scrollview/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index 63f8b660..dbf4148c 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -368,7 +368,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {SQLitePluginPackage} from '@react-native-oh-tpl/react-native-sqlite-storage/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 30237537..ecb30e94 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -165,7 +165,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { SvgPackage } from '@react-native-oh-tpl/react-native-svg/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index 17db6427..9e8788f8 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -215,7 +215,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 +   import {SyanImagePickerPackage} from '@react-native-oh-tpl/react-native-syan-image-picker/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-system-setting.md b/zh-cn/react-native-system-setting.md
index f2f1d81e..d787b050 100644
--- a/zh-cn/react-native-system-setting.md
+++ b/zh-cn/react-native-system-setting.md
@@ -216,7 +216,7 @@ ohpm install --no-link
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNSystemSettingPackage } from '@react-native-oh-tpl/rnoh-system-setting/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index 9a3de830..67f0698f 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -287,7 +287,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNTextSizePackage } from '@react-native-oh-tpl/react-native-text-size/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index 16025587..cecc9ccd 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -138,7 +138,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { TouchIdPackage } from "@react-native-oh-tpl/react-native-touch-id/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-unitsyles.md b/zh-cn/react-native-unitsyles.md
index 980a575c..c3ea3d48 100644
--- a/zh-cn/react-native-unitsyles.md
+++ b/zh-cn/react-native-unitsyles.md
@@ -431,7 +431,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {RNUnistylesPackage} from '@react-native-oh-tpl/react-native-unistyles/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index aaff8a4c..37ee38ed 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -162,7 +162,7 @@ ohpm install --no-link
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 +   import { RNVideoCachePackage } from '@react-native-oh-tpl/rnoh-video-cache/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index c98962c3..2d123a6f 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -218,7 +218,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { ViewShotPackage } from '@react-native-oh-tpl/react-native-view-shot/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index 4bf709f9..d30a1e36 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -209,12 +209,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
+  ...
 + import { VisionCameraView } from "@react-native-oh-tpl/react-native-vision-camera";
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-...
+  ...
 + if (ctx.componentName === VisionCameraView.NAME) {
 +   VisionCameraView({
 +     ctx: ctx.rnComponentContext,
@@ -231,7 +231,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { VisionCameraModulePackage } from "@react-native-oh-tpl/react-native-vision-camera/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/react-native-worklets-core.md b/zh-cn/react-native-worklets-core.md
index dce93b0d..462b02b0 100644
--- a/zh-cn/react-native-worklets-core.md
+++ b/zh-cn/react-native-worklets-core.md
@@ -214,7 +214,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { WorkletsPackage } from "@react-native-oh-tpl/react-native-worklets-core/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
diff --git a/zh-cn/remobile-react-native-toast.md b/zh-cn/remobile-react-native-toast.md
index e633d900..7ddc172d 100644
--- a/zh-cn/remobile-react-native-toast.md
+++ b/zh-cn/remobile-react-native-toast.md
@@ -169,7 +169,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import {ToastPackage} from '@react-native-oh-tpl/react-native-toast/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {

From 69bf39584496d37e6088342717705569fcc4336a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Mon, 22 Jul 2024 03:14:59 +0000
Subject: [PATCH 197/966] =?UTF-8?q?!1140=20docs:=E4=BF=AE=E6=94=B9react-na?=
 =?UTF-8?q?tive-calendar-events=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAE6SG]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-calendar-events=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-calendar-events.md | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index a3ad841b..64ed6d23 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -59,7 +59,6 @@ import {
 } from 'react-native';
 import {Header, Colors} from 'react-native/Libraries/NewAppScreen';
 import RNCalendarEvents from 'react-native-calendar-events';
-import {CalendarType, EventType, ServiceType, RecurrenceFrequency} from "react-native-calendar-events"
 
 const sourceStruct = {
     /** The Account name */
@@ -71,7 +70,7 @@ const sourceStruct = {
 //saveEvent
 const calendarOptions = {
     title: 'test1',
-    type: CalendarType.LOCAL,
+    type: 'local',
     displayName: "testSaveCalendar"
 };
 
@@ -82,7 +81,7 @@ const location = {
     latitude: 31,
 }
 const eventService = {
-    type: ServiceType.MEETING,
+    type: 'Meeting',
     uri: "",
     description: "testEventService",
 }
@@ -91,12 +90,12 @@ const attendees = {
     email: "testEmail",
 }
 const recurrenceRuleHarmony = {
-    recurrenceFrequency: RecurrenceFrequency.WEEKLY,
+    recurrenceFrequency: 2,
     expire: 0,
 }
 const eventDetails = {
     id: 1,
-    type: EventType.NORMAL,
+    type: 0,
     title: 'testEvent',
     location: location,
     startTime: new Date().getTime() + 60 * 60 * 1000 * 3,

From e3e2383c89bef0ad1ab21efe2e5cb679d48bdc6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 03:22:38 +0000
Subject: [PATCH 198/966] =?UTF-8?q?!967=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-editor.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 1f7bee24..497c8bac 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：V0.2.1
+> 模板版本：V0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/image-editor</code> </h1>
@@ -181,6 +181,10 @@ const styles = StyleSheet.create({
 });
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -264,9 +268,7 @@ ohpm install
 
 ### 兼容性
 
-本文档内容基于以下版本验证通过：
-
-RNOH：0.72.20; SDK：HarmonyOS-NEXT-DB1; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.13;
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)
 

From ed5be924808497e1607116f8123f7d221e1b9874 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 03:28:00 +0000
Subject: [PATCH 199/966] =?UTF-8?q?!968=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-pull.md | 254 ++++++++++++++++++++++++++-----------
 1 file changed, 177 insertions(+), 77 deletions(-)

diff --git a/zh-cn/react-native-pull.md b/zh-cn/react-native-pull.md
index 80f404fd..9748d297 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -1,26 +1,21 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
 <h1 align="center"> <code>react-native-pull</code> </h1>
 </p>
 <p align="center">
- <a href="https://github.com/react-native-oh-library/react-native-pull">
+ <a href="https://github.com/greatbsky/react-native-pull/blob/master">
      <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
  </a>
-     <a href="https://github.com/react-native-oh-library/react-native-pull/blob/main/LICENSE">
+     <a href="https://github.com/greatbsky/react-native-pull/blob/master/LICENSE">
      <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
  </a>
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-pull)
-
-## 简介
-
-react-native-pull包含两个（`PullView` & `PullList`）可以实现`下拉刷新`的react native组件，可支持android & ios，简单易用！
 
-纯js代码，基于`ScrollView` & `FlatList`封装. 比scrollview & FlatList更强大，有三个下拉状态: **pulling**, **pullok**, **pullrelease**. `PullView`可以让你使用refreshControl或提供的相关属性实现类似于scrollview的pull-to-refresh. `PullList`可以让你使用`FlatList`的所有属性。你也可以使用`topIndicatorRender `和`onPushing`方法实现带有动画效果的自定义的topIndicator头部。
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-pull)
 
 ## 安装与使用
 
@@ -52,8 +47,6 @@ yarn add @react-native-oh-tpl/react-native-pull@file:#
 
 **PullViewDemo**
 
-![img](https://raw.githubusercontent.com/greatbsky/react-native-pull-demo/master/PullViewDemo/image/demo.gif)
-
 > 代码示例
 
 ```js
@@ -129,7 +122,7 @@ const onPullRelease = (resolve) => {
            topIndicatorRender={topIndicatorRender}
            topIndicatorHeight={60}>
 			<View style={{backgroundColor: '#eeeeee'}}>
-			    <Text>1***************</Text>
+			 <Text>1***************</Text>
              <Text>onPulling:{testObj.pulling}</Text>
              <Text>3</Text>
              <Text>onPullOk:{testObj.pullok}</Text>
@@ -156,8 +149,6 @@ const styles = StyleSheet.create({
 
 **PullListDemo**
 
-![img](https://raw.githubusercontent.com/greatbsky/react-native-pull-demo/master/PullListDemo/image/demo.gif)
-
 > 代码示例
 
 ```jsx
@@ -168,6 +159,7 @@ import {
   View,
   ActivityIndicator,
   Dimensions,
+  RefreshControl
 } from 'react-native';
 import {PullList} from 'react-native-pull';
 
@@ -183,32 +175,58 @@ const PullListDemo = () => {
 
    const [count, setCount] = useState(0);
    const [data, setData] = useState(testObj);
-    const [stateList, setStateList] = useState([
-      {
-        id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb2cba',
-        title: 'First Item1',
-      },
-      {
-        id: '3ac68afc-c605-48d3-a4f8-fbd91a397f63',
-        title: 'Second Item2',
-      },
-      {
-        id: '58694a0f-3da1-471f-bd96-145573e29d72',
-        title: 'Third Item3',
-      },
-      {
-        id: 'bd7acbea-c1b1-26c2-aed5-3ad53abb2cba',
-        title: 'First Item4',
-      },
-      {
-        id: '3ac68afc-c605-4843-a4f8-fbd91a397f63',
-        title: 'Second Item5',
-      },
-      {
-        id: '58694a0f-3da1-451f-bd96-145573e29d72',
-        title: 'Third Item6',
-      },
-    ]);
+    const [stateList, setStateList] = useState(
+         [
+                 {
+                   id: 1,
+                   title: '------>Item1',
+                 },
+                 {
+                   id: 2,
+                   title: '------>Item2',
+                 },
+                 {
+                   id: 3,
+                   title: '------>Item3',
+                 },
+                 {
+                   id: 4,
+                   title: '------>Item4',
+                 },
+                 {
+                   id: 5,
+                   title: '------>Item5',
+                 },
+                 {
+                   id: 6,
+                   title: '------>Item6',
+                 },
+                 {
+                   id: 7,
+                   title: '------>Item7',
+                 },
+                 {
+                   id: 8,
+                   title: '------>Item8',
+                 },
+                 {
+                   id: 9,
+                   title: '------>Item9',
+                 },
+                  {
+                    id: 10,
+                    title: '------>Item10',
+                  },
+                  {
+                    id: 11,
+                    title: '------>Item11',
+                  },
+                  {
+                    id: 12,
+                    title: '------>Item12',
+                  },
+               ]
+    );
 
    const onPulling = () => {
       testObj.pulling='pulling--------->'
@@ -225,6 +243,56 @@ const PullListDemo = () => {
         testObj.pullrelease='pullrelease--------->'
         setData(testObj)
         setTimeout(() => {
+         setStateList([
+                                       {
+                                         id: 1,
+                                         title: '------>Item1',
+                                       },
+                                       {
+                                         id: 2,
+                                         title: '------>Item2',
+                                       },
+                                       {
+                                         id: 3,
+                                         title: '------>Item3',
+                                       },
+                                       {
+                                         id: 4,
+                                         title: '------>Item4',
+                                       },
+                                       {
+                                         id: 5,
+                                         title: '------>Item5',
+                                       },
+                                       {
+                                         id: 6,
+                                         title: '------>Item6',
+                                       },
+                                       {
+                                         id: 7,
+                                         title: '------>Item7',
+                                       },
+                                       {
+                                         id: 8,
+                                         title: '------>Item8',
+                                       },
+                                       {
+                                         id: 9,
+                                         title: '------>Item9',
+                                       },
+                                        {
+                                          id: 10,
+                                          title: '------>Item10',
+                                        },
+                                        {
+                                          id: 11,
+                                          title: '------>Item11',
+                                        },
+                                        {
+                                          id: 12,
+                                          title: '------>Item12',
+                                        },
+                                     ]);
             resolve();
         }, 3000);
     };
@@ -237,11 +305,11 @@ const PullListDemo = () => {
 
     const topIndicatorRender = (pulling, pullok, pullrelease) => {
       if (pulling) {
-          setCount('下拉刷新pulling...')
+          setCount('当前PullList状态: pulling...')
       } else if (pullok) {
-          setCount('松开刷新pullok......')
+          setCount('当前PullList状态: pullok......')
       } else if (pullrelease) {
-          setCount('玩命刷新中pullrelease......')
+          setCount('当前PullList状态: pullrelease......')
       }
 
   return (
@@ -264,7 +332,6 @@ const PullListDemo = () => {
     }
 
    const renderRow = ({item}) => {
-     console.log('renderRow', item.title)
       return (
           <View style={{height: 50, backgroundColor: '#fafafa', alignItems: 'center', justifyContent: 'center'}}>
               <Text>{item.title}</Text>
@@ -281,50 +348,84 @@ const PullListDemo = () => {
     }
 
    const loadMore = () => {
-      const list = [ {
-        id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
-        title: 'First Item',
-      }]
+      const list = []
+      const num = stateList.length
         for(var i = 0; i < 5; i++) {
             list.push({
-                id: (i + 1) + '',
-                title: `this is ${i}`,
+                id: (i + 1 + num) + '',
+                title: `------>Item${(i+num+1)}`,
             })
         }
-        setTimeout(() => {
+       setTimeout(() => {
           setStateList([...stateList,...list]);
         }, 1000);
     }
+
+    const [refreshing, setRefreshing] = useState(false)
+    const onRefresh = () => {
+      // 加载数据的逻辑
+      setRefreshing(true)
+      // 数据加载完成后
+      setTimeout(() => {
+        setRefreshing(false)
+      }, 2000); // 假设数据加载需要2秒
+    };
+    const refreshControl = (
+      <RefreshControl
+        refreshing={refreshing}
+        onRefresh={onRefresh}
+        tintColor="#ff0000" // 可选，设置刷新指示器的颜色
+        title="Loading..." // 可选，设置刷新时显示的文本
+        colors={['#ff0000', '#00ff00', '#0000ff']} // 可选，设置刷新指示器的颜色数组
+        progressBackgroundColor="#ffffff" // 可选，设置进度背景色
+      />
+    );
+
     return (
       <View style={[styles.container]}>
-		<PullList style={{width: Dimensions.get('window').width}}
-          onPulling={onPulling}
-          onPullOk={onPullOk}
-          isPullEnd={true}
-          onPullRelease={onPullRelease}
-          onPushing={onPushing}
-          topIndicatorRender={topIndicatorRender}
-          topIndicatorHeight={60}
-          pageSize={5}
-          initialListSize={5}
-          onEndReached={loadMore}
-          onEndReachedThreshold={60}
-          renderItem={renderRow}
-          ListFooterComponent={renderFooter}
-          ListHeaderComponent={renderHeader}
-          data={stateList}
-          keyExtractor={(item:any) => item.id}
-        />
+      <PullList style={{width: Dimensions.get('window').width}}
+            onPulling={onPulling}
+            onPullOk={onPullOk}
+            isPullEnd={true}
+            onPullRelease={onPullRelease}
+            onPushing={onPushing}
+            topIndicatorRender={topIndicatorRender}
+            topIndicatorHeight={60}
+            pageSize={5}
+            scrollViewProps={{
+                scrollEventThrottle: 16, // 减少滚动事件的延迟，提高滚动的响应性
+              }}
+            initialListSize={5}
+            onEndReached={loadMore}
+            onEndReachedThreshold={60}
+            renderItem={renderRow}
+            ListFooterComponent={renderFooter}
+            ListHeaderComponent={renderHeader}
+            data={stateList}
+            keyExtractor={(item:any) => item.id}
+          />
       </View>
     );
 };
 
 const styles = StyleSheet.create({
-  container: {
+ container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
+    flexDirection: 'column',
     backgroundColor: '#F5FCFF',
+    width:'100%',
+    height:'100%',
+    overflow: 'scroll'
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
   },
 });
 
@@ -335,13 +436,12 @@ export default PullListDemo;
 ## 约束与限制
 
 ### 兼容性
-本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的发布地址查看版本信息：[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)
 
-## 属性配置项
+## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -368,6 +468,6 @@ export default PullListDemo;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pull/blob/main/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/greatbsky/react-native-pull/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 8d36c9d539a0e63754384de0109bb7c6de590895 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 03:32:29 +0000
Subject: [PATCH 200/966] =?UTF-8?q?!970=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-scrollable-tab-view.md | 60 +++++++++++++----------
 1 file changed, 33 insertions(+), 27 deletions(-)

diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index adc4ab35..80efc515 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -1,18 +1,20 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-scrollable-tab-view</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-scrollable-tab-view">
+    <a href="https://github.com/ptomasroos/react-native-scrollable-tab-view">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://badge.fury.io/js/react-native-scrollable-tab-view">
-        <img src="https://badge.fury.io/js/react-native-scrollable-tab-view.svg" alt="npm package" />
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
+
 > [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
 
 ## 安装与使用
@@ -68,37 +70,41 @@ export default () => {
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-pager-view 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/de61c0d0684afb8fb93228aeaa3e7961d58682cf/zh-cn/react-native-pager-view.md#link)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](react-native-pager-view.md#link)进行引入
 
-## 兼容性
+## 约束与限制
 
-本文档内容基于以下版本验证通过：
+### 兼容性
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)
 
 ## 属性
 
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                       | Description                                                                                                                                                                                                                                                                                 | Type                 | Required | Platform     | HarmonyOS Support |
-| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | -------- | ------------ | ----------------- |
-| renderTabBar               | 用于渲染TabBar。添加该属性，需要在引入组件之时加上它的子组件。系统提供两种方式，DefaultTabBar和ScrollableTabBar。DefaultTabBar表示Tab.item会平分水平方向上的空间，而ScrollableTabBar表示所有的tabBar.item的长度将会超过屏幕宽度，但是当滚动屏幕之时可以显示出来。当然也可以自定义它的模式。 | Function             | 否       | ios，android | yes               |
-| tabBarPosition             | 表示TabBar的位置。一共有四个取值：top(放在界面上方)、bottom(放在界面底部)、overlayTop(有悬浮效果在上方)、overlayBottom(有悬浮效果在下方)                                                                                                                                                    | String               | 否       | ios，android | yes               |
-| onChangeTab                | 切换界面的时候会调用该方法，该属性中包含一个参数，它是一个object对象，这个对象有两个参数，i表示被选中的下标，ref表示被选中的对象。                                                                                                                                                          | Function             | 否       | ios，android | yes               |
-| onScroll                   | 视图滑动时调用，该属性会传递一个Float类型的数字，范围是[0,tab的数量-1]                                                                                                                                                                                                                      | Function             | 否       | ios，android | yes               |
-| locked                     | 手指是否能拖动，默认为false（可拖动）,如为true则表示只能通过点击tab来切换视图。                                                                                                                                                                                                             | Bool                 | 否       | ios，android | yes               |
-| initialPage                | 初始化时被选中的下标，默认为0                                                                                                                                                                                                                                                               | Integer              | 否       | ios，android | yes               |
-| page                       | 设置选中指定的tab(已废弃,详情请看 [#126](https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/126))                                                                                                                                                                        | Integer              | 否       | ios,android  | no                |
-| children                   | 每个顶级子组件都应该有一个tabLabel属性，选项卡栏组件可以使用它来呈现标签。默认是字符串，但也可以自定义内容。                                                                                                                                                                                | ReactComponents      | 否       | ios，android | yes               |
-| tabBarUnderlineStyle       | 设置选项卡栏下划线的样式。注意，该属性只是在系统提供的ScrollableTabBarTab状态下才有效果。                                                                                                                                                                                                   | View.propTypes.style | 否       | ios，android | yes               |
-| tabBarBackgroundColor      | 设置选项卡栏背景的颜色，默认为white。                                                                                                                                                                                                                                                       | String               | 否       | ios，android | yes               |
-| tabBarActiveTextColor      | 设置选中的tabBar的文字颜色,默认navy。                                                                                                                                                                                                                                                       | String               | 否       | ios，android | yes               |
-| tabBarInactiveTextColor    | 设置未选中的tabBar的文字颜色,默认black。                                                                                                                                                                                                                                                    | String               | 否       | android,ios  | yes               |
-| tabBarTextStyle            | 选项卡栏文本的其他样式。例如：{fontFamily: 'Roboto', fontSize: 15}                                                                                                                                                                                                                          | Object               | 否       | android,ios  | yes               |
-| style                      | view所拥有的属性                                                                                                                                                                                                                                                                            | View.propTypes.style | 否       | android,ios  | yes               |
-| contentProps               | 应用于ScrollView/ViewPagerAndroid的属性。请注意，重写库设置的默认值可能会破坏功能；                                                                                                                                                                                                         | Object               | 否       | android,ios  | yes               |
-| scrollWithoutAnimation     | 设置点击Tab时，视图切换是否有动画，默认为false（即：有动画效果）。                                                                                                                                                                                                                          | Bool                 | 否       | android,ios  | yes               |
-| prerenderingSiblingsNumber | 预渲染附近的同级，Infinity===渲染所有同级，默认为0===渲染当前页面。                                                                                                                                                                                                                         | Integer              | 否       | android,ios  | yes               |
+| Name                       | Description                                                  | Type                 | Required | Platform     | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------ | -------------------- | -------- | ------------ | ----------------- |
+| renderTabBar               | 用于渲染TabBar。添加该属性，需要在引入组件之时加上它的子组件。系统提供两种方式，DefaultTabBar和ScrollableTabBar。DefaultTabBar表示Tab.item会平分水平方向上的空间，而ScrollableTabBar表示所有的tabBar.item的长度将会超过屏幕宽度，但是当滚动屏幕之时可以显示出来。当然也可以自定义它的模式。 | Function             | no       | ios，android | yes               |
+| tabBarPosition             | 表示TabBar的位置。一共有四个取值：top(放在界面上方)、bottom(放在界面底部)、overlayTop(有悬浮效果在上方)、overlayBottom(有悬浮效果在下方) | String               | no       | ios，android | yes               |
+| onChangeTab                | 切换界面的时候会调用该方法，该属性中包含一个参数，它是一个object对象，这个对象有两个参数，i表示被选中的下标，ref表示被选中的对象。 | Function             | no       | ios，android | yes               |
+| onScroll                   | 视图滑动时调用，该属性会传递一个Float类型的数字，范围是[0,tab的数量-1] | Function             | no       | ios，android | yes               |
+| locked                     | 手指是否能拖动，默认为false（可拖动）,如为true则表示只能通过点击tab来切换视图。 | Bool                 | no       | ios，android | yes               |
+| initialPage                | 初始化时被选中的下标，默认为0                                | Integer              | no       | ios，android | yes               |
+| page                       | 设置选中指定的tab(已废弃,详情请看 [#126](https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/126)) | Integer              | no       | ios,android  | no                |
+| children                   | 每个顶级子组件都应该有一个tabLabel属性，选项卡栏组件可以使用它来呈现标签。默认是字符串，但也可以自定义内容。 | ReactComponents      | no       | ios，android | yes               |
+| tabBarUnderlineStyle       | 设置选项卡栏下划线的样式。注意，该属性只是在系统提供的ScrollableTabBarTab状态下才有效果。 | View.propTypes.style | no       | ios，android | yes               |
+| tabBarBackgroundColor      | 设置选项卡栏背景的颜色，默认为white。                        | String               | no       | ios，android | yes               |
+| tabBarActiveTextColor      | 设置选中的tabBar的文字颜色,默认navy。                        | String               | no       | ios，android | yes               |
+| tabBarInactiveTextColor    | 设置未选中的tabBar的文字颜色,默认black。                     | String               | no       | android,ios  | yes               |
+| tabBarTextStyle            | 选项卡栏文本的其他样式。例如：{fontFamily: 'Roboto', fontSize: 15} | Object               | no       | android,ios  | yes               |
+| style                      | view所拥有的属性                                             | View.propTypes.style | no       | android,ios  | yes               |
+| contentProps               | 应用于ScrollView/ViewPagerAndroid的属性。请注意，重写库设置的默认值可能会破坏功能； | Object               | no       | android,ios  | yes               |
+| scrollWithoutAnimation     | 设置点击Tab时，视图切换是否有动画，默认为false（即：有动画效果）。 | Bool                 | no       | android,ios  | yes               |
+| prerenderingSiblingsNumber | 预渲染附近的同级，Infinity===渲染所有同级，默认为0===渲染当前页面。 | Integer              | no       | android,ios  | yes               |
 
 ## 遗留问题
 

From de304616474f9479ea96088fdcd8f100a25a07e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 03:48:41 +0000
Subject: [PATCH 201/966] =?UTF-8?q?!976=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-canvas.md | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-canvas.md b/zh-cn/react-native-canvas.md
index 93bc7d14..b77fb6bf 100644
--- a/zh-cn/react-native-canvas.md
+++ b/zh-cn/react-native-canvas.md
@@ -1,15 +1,20 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-canvas</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/iddan/react-native-canvas/blob/v0.1.39/license.txt">
+        <a href="https://github.com/iddan/react-native-canvas">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/iddan/react-native-canvas/blob/master/license.txt">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
+
 > [!TIP] [Github 地址](https://github.com/iddan/react-native-canvas)
 
 ## 安装与使用
@@ -39,6 +44,8 @@ npm install --save-dev @type/react-native-canvas@0.1.39
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```tsx
 import React, { useRef, useEffect } from "react";
 import { View, StyleSheet, Text, ScrollView } from "react-native";
@@ -131,9 +138,11 @@ export default CanvasDemo;
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](https://gitee.com/zhanghao2519/usage-docs/blob/master/zh-cn/react-native-webview.md)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-webview ](react-native-webview.md)文档的 Link 章节进行引入
+
+## 约束与限制
 
-## 兼容性
+### 兼容性
 
 在以下版本验证通过
 

From 2bc4e0c56dce9a7378f19b75389e3feef1413f6a Mon Sep 17 00:00:00 2001
From: liangzhenhua <2106377850@qq.com>
Date: Mon, 22 Jul 2024 05:56:01 +0000
Subject: [PATCH 202/966] =?UTF-8?q?!1015=20docs:=20[Issues:=20#IABKTQ]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-amap3d.md=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IABKTQ]=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?react-native-amap3d=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-ama3d.md | 541 ++++++++++++++++++++++++++++++++++++
 1 file changed, 541 insertions(+)
 create mode 100644 zh-cn/react-native-ama3d.md

diff --git a/zh-cn/react-native-ama3d.md b/zh-cn/react-native-ama3d.md
new file mode 100644
index 00000000..181b6736
--- /dev/null
+++ b/zh-cn/react-native-ama3d.md
@@ -0,0 +1,541 @@
+<!--{%raw%}-->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-amap3d</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/qiuxiang/react-native-amap3d">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20iOS%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/qiuxiang/react-native-amap3d/blob/main/license">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-amap3d)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-amap3d@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-amap3d@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { ScrollView, Text, View,StyleSheet, Alert } from 'react-native';
+import {MapView, Circle, Polygon, Polyline, Marker, LatLng,CameraPosition,voidEvent} from 'react-native-amap3d';
+
+import type * as ReactNative from "react-native";
+
+const points = [
+  {
+    latitude: 39.806901,
+    longitude: 116.397972,
+  },
+  {
+    latitude: 39.806901,
+    longitude: 116.297972,
+  },
+  {
+    latitude: 39.906901,
+    longitude: 116.397972,
+  },
+];
+
+const points2 = [
+  {
+    latitude: 39.836901,
+    longitude: 116.497972,
+  },
+  {
+    latitude: 39.836901,
+    longitude: 116.397972,
+  },
+  {
+    latitude: 39.936901,
+    longitude: 116.497972,
+  },
+];
+
+const line1 = [
+  { latitude: 40.006901, longitude: 116.097972 },
+  { latitude: 40.006901, longitude: 116.597972 },
+];
+const line3 = [
+  { latitude: 39.806901, longitude: 116.097972 },
+  { latitude: 39.806901, longitude: 116.257972 },
+  { latitude: 39.806901, longitude: 116.457972 },
+  { latitude: 39.806901, longitude: 116.597972 },
+];
+
+function AMapDemo() {
+  return (
+    <View style={styles.container}>
+		<MapView 
+    mapType={1}
+    myLocationEnabled = {true}
+    onPress={(event: ReactNative.NativeSyntheticEvent<LatLng>)=>{
+      console.info("AMapViewEventType map3d demo " + event.nativeEvent.latitude + "===" + event.nativeEvent.longitude)
+    }}
+    onLongPress={(event: ReactNative.NativeSyntheticEvent<LatLng>)=>{
+      console.info("AMapViewEventType map3d demo longevent===" + event.nativeEvent.latitude + "===" + event.nativeEvent.longitude)
+    }}
+    onCameraMove={(event: ReactNative.NativeSyntheticEvent<CameraPosition>)=>{
+      console.info("AMapViewEventType map3d demo " + event.nativeEvent.target?.latitude + "===" + event.nativeEvent.target?.longitude)
+    }}
+    onCameraIdle={(event: ReactNative.NativeSyntheticEvent<CameraPosition>)=>{
+      console.info("AMapViewEventType map3d demo " + event.nativeEvent.target?.latitude + "===" + event.nativeEvent.target?.longitude)
+    }}
+    onLoad={(event: ReactNative.NativeSyntheticEvent<voidEvent>) => {
+      Alert.alert("onLoad successful")
+    }}
+    > 
+    <Circle
+      strokeWidth={5}
+      strokeColor="rgba(0, 0, 255, 0.5)"
+      fillColor="rgba(255, 0, 0, 0.5)"
+      radius={500}
+      center={{ latitude: 39.906901, longitude: 116.397972 }}
+    />
+    <Circle
+      strokeWidth={10}
+      strokeColor="rgba(22, 69, 55, 0.5)"
+      fillColor="rgba(36, 21, 36, 0.5)"
+      radius={500}
+      center={{ latitude: 39.966901, longitude: 116.397972 }}
+    />
+    <Polygon
+      strokeWidth={5}
+      strokeColor="rgba(0, 0, 255, 0.5)"
+      fillColor="rgba(255, 0, 0, 0.5)"
+      points={points}
+    />
+    <Polygon
+      strokeWidth={10}
+      strokeColor="rgba(95, 36, 202, 0.5)"
+      fillColor="rgba(255, 235, 123, 0.5)"
+      points={points2}
+    />
+    <Polyline width={100}  color="rgba(0, 255, 0, 0.5)" points={line1} onPress={() => { console.info("AMapViewEventType map3d polyline onPress width 200")}} />
+    <Polyline
+      width={100}
+      colors={["#f44336", "#4caf50", "#00ff23"]}
+      points={line3}
+    />
+    <Marker
+      draggable
+      position={{ latitude: 39.806901, longitude: 116.397972 }}
+      onPress={() => Alert.alert("onPress")}
+      onDragEnd={({ nativeEvent }) =>
+        Alert.alert(`onDragEnd: ${nativeEvent.latitude}, ${nativeEvent.longitude}`)}
+    />
+    </MapView>
+	</View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#fff',
+    flex: 1,
+    paddingTop: 24,
+  }
+});
+export default AMapDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-amap3d": "file:../../node_modules/@react-native-oh-tpl/react-native-amap3d/harmony/rn_amap3d.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 MapViewPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-amap3d/src/main/cpp" ./rn_amap3d)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_amap3d)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "MapViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<MapViewPackage>(ctx)
+    };
+}
+```
+
+
+### 在 ArkTs 侧引入 react-native-amap3d 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
++ import {
++  A_MAP_CIRCLE_VIEW_TYPE,
++  A_MAP_MARKER_TYPE,
++  A_MAP_POLYGON_TYPE,
++  A_MAP_POLYLINE_TYPE,
++  AMapCircle,
++  AMapMarker,
++  AMapPolygon,
++  AMapPolyline,
++  AMapView,
++  GOADE_MAP_VIEW_TYPE
++} from '@react-native-oh-tpl/react-native-amap3d';
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++    if (ctx.componentName === GOADE_MAP_VIEW_TYPE) {
++      AMapView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
++    if (ctx.componentName === A_MAP_CIRCLE_VIEW_TYPE) {
++      AMapCircle({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
++    if (ctx.componentName === A_MAP_MARKER_TYPE) {
++      AMapMarker({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
++    if (ctx.componentName === A_MAP_POLYGON_TYPE) {
++      AMapPolygon({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
++    if (ctx.componentName === A_MAP_POLYLINE_TYPE) {
++      AMapPolyline({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++  A_MAP_CIRCLE_VIEW_TYPE,
++  A_MAP_MARKER_TYPE,
++  A_MAP_POLYGON_TYPE,
++  A_MAP_POLYLINE_TYPE,
++  GOADE_MAP_VIEW_TYPE
+  ];
+```
+
+### 在 ArkTs 侧引入 MapViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff  
+  ... 
++ import {MapViewPackage} from '@react-native-oh-tpl/react-native-amap3d/ts';
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new MapViewPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+### MapView
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| mapType  | 地图类型         | int  | yes | iOS      | yes |
+| initialCameraPosition  | 初始状态         | CameraPosition  | yes | iOS      | yes |
+| myLocationEnabled  | 是否显示当前定位         | boolean  | yes | iOS      | yes |
+| indoorViewEnabled  | 是否显示室内地图         | boolean  | yes | iOS      | no |
+| buildingsEnabled  | 是否显示3D建筑         | boolean  | yes | iOS      | yes |
+| labelsEnabled  | 是否显示标注         | boolean  | yes | iOS      | yes |
+| compassEnabled  | 是否显示指南针         | boolean  | yes | iOS      | yes |
+| zoomControlsEnabled  | 是否显示放大缩小按钮         | boolean  | yes | iOS      | yes |
+| scaleControlsEnabled  | 是否显示比例尺         | boolean  | yes | iOS      | yes |
+| trafficEnabled  | 是否显示路况         | boolean  | yes | iOS      | yes |
+| maxZoom  | 最大缩放级别         | float  | yes | iOS      | yes |
+| minZoom  | 最小缩放级别         | float  | yes | iOS      | yes |
+| zoomGesturesEnabled  | 是否启用缩放手势，用于放大缩小         | boolean  | yes | iOS      | yes |
+| scrollGesturesEnabled  | 是否启用滑动手势，用于平移         | boolean  | yes | iOS      | yes |
+| rotateGesturesEnabled  | 是否启用旋转手势，用于调整方向         | boolean  | yes | iOS      | yes |
+| tiltGesturesEnabled  | 是否启用倾斜手势，用于改变视角         | boolean  | yes | iOS      | yes |
+| distanceFilter  | 设定定位的最小更新距离         | float  | yes | iOS      | yes|
+| headingFilter  | 设定最小更新角度，默认为 1 度         | float  | yes | iOS      | no |
+
+### Circle
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| center  | 圆点坐标         | LatLng  | yes | iOS      | yes |
+| radius  | 半径（米）         | Float  | yes | iOS      | yes |
+| strokeWidth  | 边线宽度         | Float  | yes | iOS      | yes |
+| strokeColor  | 边线颜色         | string  | yes | iOS      | yes |
+| fillColor  | 填充颜色         | string  | yes | iOS      | yes |
+| zIndex  | 层级         | Float  | yes | iOS      | yes |
+
+### Marker
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| position  | 坐标         | LatLng  | yes | iOS      | yes |
+| icon  | 图标         | ImageSourcePropType  | yes | iOS      | no |
+| draggable  | 是否可拖拽         | boolean  | yes | iOS      | yes |
+| flat  | 是否平贴地图         | boolean  | yes | iOS      | yes |
+| zIndex  | 层级         | Float  | yes | iOS      | yes |
+| anchor  | 覆盖物锚点比例         | Point  | yes | iOS      | yes |
+| centerOffset  | 覆盖物偏移位置         | Float  | yes | iOS      | yes |
+
+### Polygon
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points  | 节点坐标         | LatLng[]  | yes | iOS      | yes |
+| strokeWidth  | 边线宽度         | Float  | yes | iOS      | yes |
+| strokeColor  | 边线颜色         | string  | yes | iOS      | yes |
+| fillColor  | 填充颜色         | string  | yes | iOS      | yes |
+| zIndex  | 层级         | Float  | yes | iOS      | yes |
+
+### Polyline
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points  | 节点坐标         | LatLng[]  | yes | iOS      | yes |
+| width  | 边线宽度         | Float  | yes | iOS      | yes |
+| color  | 线段颜色         | ColorValue  | yes | iOS      | yes |
+| zIndex  | 层级         | Float  | yes | iOS      | yes |
+| colors  | 多段颜色        | ColorValue[]  | yes | iOS      | yes |
+| gradient  | 是否使用颜色渐变        | boolean  | yes | iOS      | yes |
+| geodesic  | 是否绘制大地线        | boolean  | yes | iOS      | yes |
+| dotted  | 是否绘制虚线        | boolean  | yes | iOS      | yes |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+### MapView
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onPress  | 点击事件        | LatLng | yes | iOS      | yes |
+| onPressPoi  | 标注点击事件        | Poi | yes | iOS      | yes |
+| onLongPress  | 长按事件        | LatLng | yes | iOS      | yes |
+| onCameraMove  | 地图状态改变事件，随地图状态变化不停地触发        | CameraEvent | yes | iOS      | no |
+| onCameraIdle  | 地图状态改变事件，在停止变化后触发        | CameraEvent | yes | iOS      | no |
+| onLoad  | 地图初始化完成事件        | void | yes | iOS      | yes |
+| onLocation  | 地图定位更新事件        | GeolocationPosition | no | iOS      | no |
+| onCallback  | 回调事件        | void | yes | iOS      | no |
+| moveCamera  | 移动视角        | void | yes | iOS      | no |
+| call  | 调用        | void | yes | iOS      | no |
+
+
+### Marker
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onPress  | 点击事件        | void | yes | iOS      | yes |
+| onDragStart  | 拖放开始事件        | void | yes | iOS      | yes |
+| onDrag  | 拖放进行事件，类似于mousemove，在结束之前会不断调用        | void | yes | iOS      | yes |
+| onDragEnd  | 拖放结束事件        | LatLng | yes | iOS      | yes |
+| update  | 触发自定义view更新        | void | yes | iOS      | no |
+
+### Polyline
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onPress  | 点击事件        | void | yes | iOS      | yes |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| initSDK  | 初始化高德SDK         | void  | yes | iOS      | no |
+| getVersion  | 获取版本信息         | Promise<string>  | yes | iOS      | no |
+
+## 遗留问题
+- [ ] initSDK：hramony暂不支持: [issue#16](https://github.com/react-native-oh-library/react-native-amap3d/issues/16)
+- [ ] getVersion：hramony暂不支持: [issue#17](https://github.com/react-native-oh-library/react-native-amap3d/issues/17)
+### MapView
+- [ ] indoorViewEnabled：高德SDK暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-amap3d/issues/6)
+- [ ] distanceFilter：高德SDK暂不支持: [issue#11](https://github.com/react-native-oh-library/react-native-amap3d/issues/11)
+- [ ] headingFilter：高德SDK暂不支持: [issue#12](https://github.com/react-native-oh-library/react-native-amap3d/issues/12)
+- [ ] onCameraMove: 高德SDK暂不支持： [issue#14](https://github.com/react-native-oh-library/react-native-amap3d/issues/14)
+- [ ] onCameraIdle: 高德SDK暂不支持: [issue#15](https://github.com/react-native-oh-library/react-native-amap3d/issues/15)
+- [ ] onLocation：高德SDK暂不支持: [issue#10](https://github.com/react-native-oh-library/react-native-amap3d/issues/10)
+- [ ] onCallback：高德SDK部分支持: [issue#21](https://github.com/react-native-oh-library/react-native-amap3d/issues/21)
+- [ ] moveCamera：harmony暂不支持: [issue#19](https://github.com/react-native-oh-library/react-native-amap3d/issues/19)
+- [ ] call：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-amap3d/issues/5)
+
+### Marker
+- [ ] icon：高德SDK暂不支持: [issue#20](https://github.com/react-native-oh-library/react-native-amap3d/issues/20)
+- [ ] update：harmony暂不支持: [issue#18](https://github.com/react-native-oh-library/react-native-amap3d/issues/18)
+### Cluster
+- [ ] Cluster：高德SDK暂不支持添加该组件: [issue#2](https://github.com/react-native-oh-library/react-native-amap3d/issues/2)
+### HeatMap
+- [ ] HeatMap：高德SDK暂不支持添加该组件: [issue#3](https://github.com/react-native-oh-library/react-native-amap3d/issues/3)
+### MultiPoint
+- [ ] MultiPoint：高德SDK暂不支持添加该组件: [issue#4](https://github.com/react-native-oh-library/react-native-amap3d/issues/4)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License (MIT)](https://github.com/qiuxiang/react-native-amap3d/blob/main/license) ，请自由地享受和参与开源。
+<!--{%endraw%}-->

From 02fa8aaa3c2cd81be193d39860977f9d9d297542 Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Mon, 22 Jul 2024 05:58:03 +0000
Subject: [PATCH 203/966] =?UTF-8?q?!1147=20docs:[#IAEK9V]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-vector-icons=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-vector-i?=
 =?UTF-8?q?cons=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-vector-icons.md | 32 +++++++++++++++---------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/zh-cn/react-native-vector-icons.md b/zh-cn/react-native-vector-icons.md
index 026ef23f..f548e2ae 100644
--- a/zh-cn/react-native-vector-icons.md
+++ b/zh-cn/react-native-vector-icons.md
@@ -1,12 +1,11 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"><code><a href="https://github.com/oblador/react-native-vector-icons">react-native-vector-icons</a></code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/oblador/react-native-vector-icons">
-        <img src="https://cloud.githubusercontent.com/assets/378279/12009887/33f4ae1c-ac8d-11e5-8666-7a87458753ee.png" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
@@ -36,7 +35,9 @@ yarn add react-native-vector-icons@10.0.3
 
 <!-- tabs:end -->
 
-### 基本使用
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
 
 #### 自带字体图标对照网页
 
@@ -72,6 +73,7 @@ import FontAwesome from 'react-native-vector-icons/FontAwesome';
 ```
 
 ### 外部字体使用
+> [!ATTENTION] 使用外部字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件
 使用外部字体时，不管是用户自己制作的字体文件还是从网站下载的字体文件，都需要有 *.ttf 和 *.json 文件(文件目录不固定，能引用到就可以了)
 
 #### 用户自制字体文件
@@ -81,9 +83,9 @@ import FontAwesome from 'react-native-vector-icons/FontAwesome';
 import { createIconSet } from 'react-native-vector-icons';
 
 const CustomTest = createIconSet(
-    require('../assets/fonts/test.json'),
+    require('../assets/fonts/test.json'), // 引入本地assets下的字体资源
     'poppy-icon',
-    '../assets/fonts/test.ttf',
+    '../assets/fonts/test.ttf',  // 引入本地assets下的字体资源
   );
 
 <CustomFont.Button
@@ -104,7 +106,7 @@ import fontelloConfig from '../assets/fonts/config.json';
 const CustomFontello = createIconSetFromFontello(
     fontelloConfig,
     'fontello',
-    '../assets/fonts/fontello.ttf',
+    '../assets/fonts/fontello.ttf', // 引入本地assets下的字体资源
   );
 
 <CustomFontello.Button
@@ -120,12 +122,12 @@ const CustomFontello = createIconSetFromFontello(
 
 ```js
 import { createIconSetFromIcoMoon } from 'react-native-vector-icons';
-import icoMoonConfig from '../assets/fonts/selection.json';
+import icoMoonConfig from '../assets/fonts/selection.json'; // 引入本地assets下的字体资源
 
 const CustomFontIcoMoon = createIconSetFromIcoMoon(
     icoMoonConfig,
     'icomoon',
-    '../assets/fonts/icomoon.ttf',
+    '../assets/fonts/icomoon.ttf', // 引入本地assets下的字体资源
   );
 
 <CustomFontIcoMoon.Button
@@ -168,23 +170,23 @@ export function VectorIconsDemo() {
 
   //引入用户自制字体
   const CustomTest = createIconSet(
-    require('../assets/fonts/test.json'),
+    require('../assets/fonts/test.json'), // 引入本地assets下的字体资源
     'poppy-icon',
-    '../assets/fonts/test.ttf',
+    '../assets/fonts/test.ttf', // 引入本地assets下的字体资源
   );
 
   //引入 IcoMoon 自定义字体
   const CustomIconMoon = createIconSetFromIcoMoon(
     icoMoonConfig,
     'icomoon',
-    '../assets/fonts/icomoon.ttf'
+    '../assets/fonts/icomoon.ttf' // 引入本地assets下的字体资源
   );
 
   //引入 fontello 自定义字体
   const CustomFontello = createIconSetFromFontello(
     fontelloConfig,
     'fontello',
-    '../assets/fonts/fontello.ttf'
+    '../assets/fonts/fontello.ttf' // 引入本地assets下的字体资源
   );
 
   return (
@@ -515,6 +517,4 @@ export function VectorIconsDemo() {
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 8f8f471b2d6e0b3240eb359e66efa09fc4c0d591 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 06:52:29 +0000
Subject: [PATCH 204/966] =?UTF-8?q?!980=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-intersection-observer.md | 25 ++++++++-------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index babe7aa9..55908461 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -1,24 +1,25 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-intersection-observer</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-intersection-observer">
+    <a href="https://github.com/zhbhun/react-native-intersection-observer">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-intersection-observer/blob/sig/LICENSE">
+    <a href="https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-intersection-observer/tree/sig)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-library/react-native-intersection-observer> Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -84,20 +85,16 @@ export default App;
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-#### 组件及属性
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请查看[react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer/blob/master/README.md)
 
-如下是已经 HarmonyOS 化的属性：
-
-> [!tip] " HarmonyOS 支持"列为 yes 的属性表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
-
 #### **IOScrollView** **组件**
 
-#### 此组件有以下属性:
-
 Props: Inherits [ScrollView Props](https://reactnative.dev/docs/scrollview#props)
 
 | Name       | Description   | Type                                                         | Required | HarmonyOS Support |
@@ -108,8 +105,6 @@ Methods: Inherits [ScrollView Methods](https://reactnative.dev/docs/scrollview#m
 
 #### **IOFlatList** **组件**
 
-#### 此组件有以下属性:
-
 Props: Inherits [FlatList Props](https://reactnative.dev/docs/flatlist#props)
 
 | Name       | Description   | Type                                                         | Required | HarmonyOS Support |
@@ -120,8 +115,6 @@ Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#metho
 
 #### **InView** **组件**
 
-#### 此组件有以下属性:
-
 | Name        | Description                                                  | Type                        | Required | HarmonyOS Support |
 | ----------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------------- |
 | as          | `Render the wrapping element as this element. Defaults to `View`.` | `ComponentType`             | false    | yes               |
@@ -135,6 +128,6 @@ Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#metho
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-intersection-observer/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [MIT License](https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From e09c488932f0850b198aa7be36de25cb82a343ef Mon Sep 17 00:00:00 2001
From: meimei <2983689841@qq.com>
Date: Mon, 22 Jul 2024 07:41:43 +0000
Subject: [PATCH 205/966] =?UTF-8?q?!1016=20docs:=20[Issues:=20#IABL9B]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-ble-plx=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IABL9B]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-ble-plx=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-ble-plx.md | 268 ++++++++++++++++++++++++++++++++++
 1 file changed, 268 insertions(+)
 create mode 100644 zh-cn/react-native-ble-plx.md

diff --git a/zh-cn/react-native-ble-plx.md b/zh-cn/react-native-ble-plx.md
new file mode 100644
index 00000000..4cae9f68
--- /dev/null
+++ b/zh-cn/react-native-ble-plx.md
@@ -0,0 +1,268 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"><code>react-native-ble-plx</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/dotintent/react-native-ble-plx">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/dotintent/react-native-ble-plx/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ble-plx)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-ble-plx@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-ble-plx@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import type { TextProps, Text, StyleSheet, TouchableOpacity, View} from 'react-native'
+import styled, { css } from 'styled-components'
+import { Device } from 'react-native-ble-plx'
+
+const Container = styled(View)
+  flex-direction: row;
+  flex-wrap: wrap;
+
+const StyledTitleText = styled(AppText)
+  font-weight: 800;
+
+function AppText(props: TextProps) {
+  return <StyledText {...props} />
+}
+
+const StyledText = styled(Text)
+  ${({ theme }) => css
+    font-size: ${theme.sizes.defaultFontSize}px;
+    font-weight: 800;
+  }
+
+const StyledValueText = styled(AppText)
+  font-weight: 500;
+  
+type DevicePropertyProps = {
+  name: string
+  value?: number | string | null
+}
+
+function DeviceProperty({ name, value }: DevicePropertyProps) {
+  return (
+    <Container>
+      <StyledTitleText>{name}:</StyledTitleText>
+      <StyledValueText>{value || '-'}</StyledValueText>
+    </Container>
+  )
+}  
+
+export type BleDeviceProps = {
+  onPress: (device: Device) => void
+  device: Device
+}
+
+export function BleDevice({ device, onPress }: BleDeviceProps) {
+  const isConnectableInfoValueIsUnavailable = typeof device.isConnectable !== 'boolean'
+  const isConnectableValue = device.isConnectable ? 'true' : 'false'
+  const parsedIsConnectable = isConnectableInfoValueIsUnavailable ? '-' : isConnectableValue
+  return (
+    <TouchableOpacity onPress={() => onPress(device)}>
+      <View style = {styles.container}>
+        <DeviceProperty name="name" value={device.name} />
+        <DeviceProperty name="localName" value={device.localName} />
+        <DeviceProperty name="id" value={device.id} />
+        <DeviceProperty name="manufacturerData" value={device.manufacturerData} />
+        <DeviceProperty name="rawScanRecord" value={device.rawScanRecord} />
+        <DeviceProperty name="isConnectable" value={parsedIsConnectable} />
+        <DeviceProperty name="mtu" value={device.mtu.toString()} />
+        <DeviceProperty name="rssi" value={device.rssi} />
+      </View>
+    </TouchableOpacity>
+  )
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-ble-plx": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-plx/harmony/rn_bleplx.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 BlePlxPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {BlePlxPackage} from '@react-native-oh-tpl/react-native-ble-plx/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new BlePlxPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| addListener(eventName:string)  | add bluetooth listener eventname        | void | yes | iOS/Android      | yes |
+| removeListeners(count: number)  | bluetooth remove listeners count         | void | yes | iOS/Android      | yes |
+| createClient(restoreStateIdentifier?: string)  | creat client         | void | yes | iOS/Android      | yes |
+| destroyClient()  | remove client         | Promise<void> | yes | iOS/Android      | yes |
+| cancelTransaction(transactionId: string)  | cancel transcation         | Promise<void> | yes | iOS/Android      | no |
+| setLogLevel(logLevel: string)  | set log level         | Promise<Object> | yes | iOS/Android      | no |
+| logLevel()  | show log level         | Promise<Object> | yes | iOS/Android      | no |
+| enable(transactionId: string)  | can get transaction Id       | Promise<void> | yes | iOS/Android      | yes |
+| disable(transactionId: string)  | cannot get transaction Id        | Promise<void> | yes | iOS/Android      | yes |
+| state()  | bluetooth state         | Promise<Object> | yes | iOS/Android      | yes |
+| startDeviceScan(filteredUUIDs: string[], options: Object)  | start scan device         | Promise<void>| yes | iOS/Android      | yes |
+| stopDeviceScan()  | stop scan device         | Promise<void> | yes | iOS/Android      | yes |
+| requestConnectionPriorityForDevice(deviceId: string, connectionPriority: number,transactionId: string) | request connect priority device         | Promise<Object> | yes | iOS/Android      | no |                                     
+| readRSSIForDevice(deviceId: string, transactionId: string)  | read RSSI device        | Promise<Object> | yes | iOS/Android      | yes |
+| requestMTUForDevice(deviceId: string, mtu: number, transactionId: string)  | request MTU device         | Promise<Object> | yes | iOS/Android      | yes |
+| devices(deviceIdentifiers: string[])  | identify devices         | Promise<Object[]> | yes | iOS/Android      | yes |
+| connectedDevices(serviceUUIDs: string[])  | connect devices         | Promise<Object[]> | yes | iOS/Android      | yes |
+| connectToDevice(deviceId: string, options?: Object)  | option to connect device         | Promise<Object> | yes | iOS/Android      | yes |
+| cancelDeviceConnection(deviceId: string)  | cancel device connection        | Promise<Object> | yes | iOS/Android      | yes |
+| isDeviceConnected(deviceId: string)  | connected device         | Promise<boolean> | yes | iOS/Android      | yes |
+| discoverAllServicesAndCharacteristicsForDevice(deviceId: string, transactionId: string)  | discover all device service and characteristics         | Promise<Object> | yes | iOS/Android      | yes |
+| servicesForDevice(deviceId: string)  | device service         | Promise<Object[]> | yes | iOS/Android      | yes |
+| characteristicsForDevice(deviceId: string, serviceUUID: string)  | device characteristics         | Promise<Object[]> | yes | iOS/Android      | yes |
+| characteristicsForService(serviceIdentifier: number)  | service characteristics         | Promise<Object[]> | yes | iOS/Android      | yes |
+| descriptorsForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string): Promise<Object[]>  | device descriptors         | Promise<Object[]> | yes | iOS/Android      | yes |
+| descriptorsForService(serviceIdentifier: number, characteristicUUID: string)  | service descriptors       | Promise<Object[]> | yes | iOS/Android        | yes |
+| descriptorsForCharacteristic(characteristicIdentifier: number)   |descriptors identifier device characteristic         | Promise<Object[]> | yes | iOS/Android      | yes |
+| readCharacteristicForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string, transactionId: string)  | read device characteristic         | Promise<Object> | yes | iOS/Android      | yes |
+| readCharacteristicForService(serviceIdentifier: number, characteristicUUID: string,transactionId: string)  | read  service charcteristic        | Promise<Object> | yes | iOS/Android      | yes |
+| readCharacteristic(characteristicIdentifier: number, transactionId: string)  | read identifier characteristic      | Promise<Object> | yes | iOS/Android      | yes |
+| writeCharacteristicForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string, valueBase64: string,response: boolean, transactionId: string)  | write device  characteristic      | Promise<Object> | yes | iOS/Android      | yes |
+| writeCharacteristicForService(serviceIdentifier: number, characteristicUUID: string, valueBase64: string,response: boolean, transactionId: string)  | write service characteristic       | Promise<Object> | yes | iOS/Android      | yes |
+| writeCharacteristic(characteristicIdentifier: number, valueBase64: string, response: boolean,transactionId: string)  |  write  identifier characteristic         | Promise<Object> | yes | iOS/Android      | yes |
+| monitorCharacteristicForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string,transactionId: string)  | monitor device  characteristic        | Promise<void> | yes | iOS/Android      | yes |
+| monitorCharacteristicForService(serviceIdentifier: number, characteristicUUID: string,transactionId: string)  | monitor service  characteristic         | Promise<void> | yes | iOS/Android      | yes |
+| monitorCharacteristic(characteristicIdentifier: number, transactionId: string)  | monitor identifier characteristic        | Promise<void> | yes | iOS/Android      | yes |
+| readDescriptorForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string, descriptorUUID: string,transactionId: string)  | read device descriptor      | Promise<Object> | yes | iOS/Android      | yes |
+| readDescriptorForService(serviceIdentifier: number, characteristicUUID: string, descriptorUUID: string,transactionId: string)  | read service descriptor         | Promise<Object> | yes | iOS/Android      | yes |
+| readDescriptorForCharacteristic(characteristicIdentifier: number, descriptorUUID: string,transactionId: string)  | read identifier characteristic descriptor          | Promise<Object> | yes | iOS/Android      | yes |
+| readDescriptor(descriptorIdentifier: number, transactionId: string)  | read identifier descriptor         | Promise<Object> | yes | iOS/Android      | yes |
+| writeDescriptorForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string, descriptorUUID: string,valueBase64: string, transactionId: string)  | write device descriptor        | Promise<Object> | yes | iOS/Android      | yes |
+| writeDescriptorForService(serviceIdentifier: number, characteristicUUID: string, descriptorUUID: string,valueBase64: string, transactionId: string)  | write service descriptor         | Promise<Object> | yes | iOS/Android      | yes |
+| writeDescriptorForCharacteristic(characteristicIdentifier: number, descriptorUUID: string, valueBase64: string,transactionId: string)  | write identifier characteristic descriptor          | Promise<Object> | yes | iOS/Android      | yes |
+| writeDescriptor(descriptorIdentifier: number, valueBase64: string, transactionId: string)  | write identifier descriptor        | Promise<Object> | yes | iOS/Android      | yes |
+
+## 遗留问题
+
+- [ ] cancelTransaction(transactionId: string)接口harmony暂不支持: [issue#2](https://github.com/react-native-oh-library/react-native-ble-plx/issues/2)
+- [ ] setLogLevel(logLevel: string)接口harmony暂不支持: [issue#3](https://github.com/react-native-oh-library/react-native-ble-plx/issues/3)
+- [ ] logLevel()接口harmony暂不支持: [issue#4](https://github.com/react-native-oh-library/react-native-ble-plx/issues/4)
+- [ ] requestConnectionPriorityForDevice(deviceId: string, connectionPriority: number,transactionId: string)接口harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-ble-plx/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/dotintent/react-native-ble-plx/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 48ddacf9e032edf4087879b075bd61185eb4d3c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 07:59:08 +0000
Subject: [PATCH 206/966] =?UTF-8?q?!984=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-stickyheader.md | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/zh-cn/react-native-stickyheader.md b/zh-cn/react-native-stickyheader.md
index 5bf7aa06..1390b514 100644
--- a/zh-cn/react-native-stickyheader.md
+++ b/zh-cn/react-native-stickyheader.md
@@ -1,24 +1,25 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-stickyheader</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-stickyheader">
+    <a href="https://github.com/jiasongs/react-native-stickyheader/blob/master">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-stickyheader/tree/sig/LICENSE">
+    <a href="https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-stickyheader/tree/sig)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-stickyheader> Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -126,9 +127,13 @@ export default App;
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-#### 属性
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-### 此组件有以下属性:
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+此组件有以下属性:
 
 | Property      | Type   | Required | Description       | Platform         | HarmonyOS <br/>Support |
 | ------------- | ------ | -------- | ----------------- | ---------------- | ---------------------- |
@@ -141,6 +146,7 @@ export default App;
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-stickyheader/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
 
-<!-- {% endraw %} -->
\ No newline at end of file

From 98894f25d6fb6d9a82b6fb8b8a4e5d6ceb4044af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=92=9F=E6=96=87=E8=BF=9B?= <491438425@qq.com>
Date: Mon, 22 Jul 2024 08:27:34 +0000
Subject: [PATCH 207/966] =?UTF-8?q?!1061=20docs:=20[Issues:=20#IACMKQ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-mertial-dropdown=20=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IACMKQ]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-mertial-dropdown=20?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-material-dropdown.md | 163 ++++++++++++++++++++++++
 1 file changed, 163 insertions(+)
 create mode 100644 zh-cn/react-native-material-dropdown.md

diff --git a/zh-cn/react-native-material-dropdown.md b/zh-cn/react-native-material-dropdown.md
new file mode 100644
index 00000000..aebefb17
--- /dev/null
+++ b/zh-cn/react-native-material-dropdown.md
@@ -0,0 +1,163 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-material-dropdown</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/n4kz/react-native-material-dropdown/">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/n4kz/react-native-material-dropdown/blob/master/license.txt">
+        <img src="https://img.shields.io/npm/l/react-native-material-ripple.svg?colorB=448aff" alt="License" />
+    </a>
+</p>
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-material-dropdown)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)，并下载适用版本的 tgz 包。
+
+> [!TIP] 本库依赖[@react-native-oh-tpl/react-native-material-textfield 文档](/zh-cn/react-native-material-textfield.md) 
+
+和 [@react-native-oh-tpl/react-native-material-buttons 文档](/zh-cn/react-native-material-buttons.md)
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-material-dropdown@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-material-dropdown@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { Dropdown } from 'react-native-material-dropdown';
+
+class Example extends Component {
+  render() {
+    let data = [{
+      value: 'Banana',
+    }, {
+      value: 'Mango',
+    }, {
+      value: 'Pear',
+    }];
+
+    return (
+      <Dropdown
+        label='Favorite Fruit'
+        data={data}
+      />
+    );
+  }
+}
+```
+
+
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-material-textfield和@react-native-oh-tpl/react-native-material-buttons 的代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-material-textfield 文档](/zh-cn/react-native-material-textfield.md) 
+
+和 [@react-native-oh-tpl/react-native-material-buttons 文档](/zh-cn/react-native-material-buttons.md)进行引入
+
+
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)
+
+
+## 属性
+
+### 此组件有以下属性:
+
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|         Name          |                 Description                 |   Type   | Required |  Platform   | HarmonyOS Support |
+| :-------------------: | :-----------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|       **label**       |            Text field label text            |  String  |    No    | iOS/Android |        Yes        |
+|       **error**       |            Text field error text            |  String  |    No    | iOS/Android |        Yes        |
+| **animationDuration** |     Text field animation duration in ms     |  Number  |    No    | iOS/Android |        Yes        |
+|     **fontSize**      |            Text field font size             |  Number  |    No    | iOS/Android |        Yes        |
+|   **labelFontSize**   |         Text field label font size          |  Number  |    No    | iOS/Android |        Yes        |
+|     **baseColor**     |            Text field base color            |  String  |    No    | iOS/Android |        Yes        |
+|     **textColor**     |            Text field text color            |  String  |    No    | iOS/Android |        Yes        |
+|     **itemColor**     |  Dropdown item text color (inactive item)   |  String  |    No    | iOS/Android |        Yes        |
+| **selectedItemColor** |   Dropdown item text color (active item)    |  String  |    No    | iOS/Android |        Yes        |
+| **disabledItemColor** |  Dropdown item text color (disabled item)   |  String  |    No    | iOS/Android |        Yes        |
+| **dropdownPosition**  |  Dropdown position (dynamic if undefined)   |  Number  |    No    | iOS/Android |        Yes        |
+|     **itemCount**     |         Dropdown visible item count         |  Number  |    No    | iOS/Android |        Yes        |
+|    **itemPadding**    |       Dropdown item vertical padding        |  Number  |    No    | iOS/Android |        Yes        |
+|   **itemTextStyle**   |          Dropdown item text styles          |  Object  |    No    | iOS/Android |        Yes        |
+|  **dropdownOffset**   |               Dropdown offset               |  Object  |    No    | iOS/Android |        Yes        |
+|  **dropdownMargins**  |              Dropdown margins               |  Object  |    No    | iOS/Android |        Yes        |
+|       **data**        |             Dropdown item data              | Array[]  |    No    | iOS/Android |        Yes        |
+|       **value**       |               Selected value                |  String  |    No    | iOS/Android |        Yes        |
+|  **containerStyle**   |          Styles for container view          |  Object  |    No    | iOS/Android |        Yes        |
+|   **overlayStyle**    |           Styles for overlay view           |  Object  |    No    | iOS/Android |        Yes        |
+|    **pickerStyle**    |         Styles for item picker view         |  Object  |    No    | iOS/Android |        Yes        |
+|   **shadeOpacity**    |      Shade opacity for dropdown items       |  Number  |    No    | iOS/Android |        Yes        |
+|   **rippleOpacity**   |          Opacity for ripple effect          |  Number  |    No    | iOS/Android |        Yes        |
+|   **rippleInsets**    |     Insets for ripple on base component     |  Object  |    No    | iOS/Android |        Yes        |
+|  **rippleCentered**   | Ripple on base component should be centered | Boolean  |    No    | iOS/Android |        Yes        |
+|    **renderBase**     |            Render base component            | Function |    No    | iOS/Android |        Yes        |
+|  **renderAccessory**  |         Render text field accessory         | Function |    No    | iOS/Android |        Yes        |
+|  **valueExtractor**   | Extract value from item (args: item, index) | Function |    No    | iOS/Android |        Yes        |
+|  **labelExtractor**   | Extract label from item (args: item, index) | Function |    No    | iOS/Android |        Yes        |
+|  **propsExtractor**   | Extract props from item (args: item, index) | Function |    No    | iOS/Android |        Yes        |
+|   **onChangeText**    |            Change text callback             | Function |    No    | iOS/Android |        Yes        |
+
+## **API**
+
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name         |       Description       |  Type   | Required |  Platform   | HarmonyOS Support |
+| :-----------------: | :---------------------: | :-----: | :------: | :---------: | :---------------: |
+|     **focus()**     |      Acquire focus      |         |    No    | iOS/Android |        Yes        |
+|     **blur()**      |      Release focus      |         |    No    | iOS/Android |        Yes        |
+| **selectedIndex()** |   Get selected index    | Number  |    No    | iOS/Android |        Yes        |
+|     **value()**     |    Get current value    | String  |    No    | iOS/Android |        Yes        |
+| **selectedItem()**  |    Get selected item    | Object  |    No    | iOS/Android |        Yes        |
+|   **isFocused()**   | Get current focus state | Boolean |    No    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The BSD License (BSD )](https://github.com/n4kz/react-native-material-dropdown/blob/master/license.txt) ，请自由地享受和参与开源。
+

From b97a1cf504c3928c6b66239a0b281d6f37b11207 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 08:33:54 +0000
Subject: [PATCH 208/966] =?UTF-8?q?!987=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-drawer-layout-polyfill.md | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-drawer-layout-polyfill.md b/zh-cn/react-native-drawer-layout-polyfill.md
index 215f1e6a..c920a240 100644
--- a/zh-cn/react-native-drawer-layout-polyfill.md
+++ b/zh-cn/react-native-drawer-layout-polyfill.md
@@ -1,15 +1,19 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drawer-layout-polyfill</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/rnc-archive/react-native-drawer-layout-polyfill">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)
 
 ## 安装与使用
@@ -221,7 +225,9 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 在以下版本验证通过
 
@@ -229,6 +235,10 @@ export default App;
 
 ## 属性
 
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
 详情见[react-native-drawer-layout-polyfill](https://reactnative.dev/docs/drawerlayoutandroid)
 
 | Name                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support | note                                                   |
@@ -254,6 +264,12 @@ export default App;
 
 ## 遗留问题
 
+- [ ] 属性statusBarBackgroundColor 鸿蒙暂不支持。[issue#10](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/issues/10)
+
 ## 其他
 
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+
 <!-- {% endraw %} -->
\ No newline at end of file

From f56cef0899cfb855fb5236c929fac354813e66d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 08:35:40 +0000
Subject: [PATCH 209/966] =?UTF-8?q?!989=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-markdown-display.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index 1b98dc79..d56ae79a 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-markdown-display</code> </h1>
@@ -17,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases/tag/7.0.2-0.0.1)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -92,7 +92,7 @@ export default App;
 - RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
 - RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 
-### 属性
+## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -125,6 +125,6 @@ export default App;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-markdown-display/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/iamacup/react-native-markdown-display/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 927b0fab67428911c39c8d698db00fb94b81fe45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 08:42:18 +0000
Subject: [PATCH 210/966] =?UTF-8?q?!992=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sensors.md | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 391c32f2..35444d50 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sensors</code> </h1>
@@ -87,6 +87,10 @@ gravity.subscribe(({ x, y, z, timestamp }) =>
 setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -209,6 +213,6 @@ gyroscope 需要的权限：ohos.permission.GYROSCOPE
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-sensors/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From d3474807461578a29f1bd377bef4264398ed2431 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 08:44:17 +0000
Subject: [PATCH 211/966] =?UTF-8?q?!995=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...zoom.md => react-native-image-pan-zoom.md} | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)
 rename zh-cn/{react-native-image-zoom.md => react-native-image-pan-zoom.md} (95%)

diff --git a/zh-cn/react-native-image-zoom.md b/zh-cn/react-native-image-pan-zoom.md
similarity index 95%
rename from zh-cn/react-native-image-zoom.md
rename to zh-cn/react-native-image-pan-zoom.md
index a6a582e9..26f5abbc 100644
--- a/zh-cn/react-native-image-zoom.md
+++ b/zh-cn/react-native-image-pan-zoom.md
@@ -1,20 +1,25 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-image-zoom</code> </h1>
+  <h1 align="center"> <code>react-native-image-pan-zoom</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/ascoders/react-native-image-zoom">
+        <a href="https://github.com/ascoders/react-native-image-zoom/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ascoders/react-native-image-zoom/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-zoom)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-library/react-native-image-zoom> Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -485,17 +490,23 @@ const styles = StyleSheet.create({
 export default ImageZoomDemo;
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
-在以下版本验证通过
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)
 
 ## 属性
 
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
 详情见[react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)
 
-# `ImageZoom`
+ImageZoom
 
 | Name                             | Description                                                                                                                                                           | Type                                                                                                                               | Required | Platform | HarmonyOS Support | note                                                                                       |
 | -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------------------ |
@@ -541,4 +552,8 @@ export default ImageZoomDemo;
 
 ## 其他
 
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ascoders/react-native-image-zoom/blob/master/LICENSE) ，请自由地享受和参与开源。
+
 <!-- {% endraw %} -->
\ No newline at end of file

From 19b154f3996564509411f630fa3d480a340e6889 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 08:45:04 +0000
Subject: [PATCH 212/966] =?UTF-8?q?!997=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-reanimated-table.md | 35 ++++++++++++++++----------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/zh-cn/react-native-reanimated-table.md b/zh-cn/react-native-reanimated-table.md
index 6003133b..ff07f512 100644
--- a/zh-cn/react-native-reanimated-table.md
+++ b/zh-cn/react-native-reanimated-table.md
@@ -1,15 +1,20 @@
 <!-- {% raw %} -->
-模板版本：v0.2.1
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reanimated-table</code> </h1>
 </p>
 <p align="center">
+  <a href="https://github.com/dohooo/react-native-reanimated-table/blob/main">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
+
 > [!TIP] [Github 地址](https://github.com/dohooo/react-native-reanimated-table)
 
 ## 安装与使用
@@ -84,7 +89,9 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 
@@ -100,21 +107,23 @@ const styles = StyleSheet.create({
 
 ### Properties for all react-native-reanimated-table components:
 
-| Name                      | Description                                                  | **Type** | Platform    | HarmonyOS Support |
-| ------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| data                      | Table data.                                                  | Array    | All         | Yes               |
-| style                     | Container style.                                             | Style   | All         | Yes               |
-| borderStyle               | Table border line width and color.                           | Object   | All         | Yes               |
-| textStyle                 | Cell font style.                                             | Style   | All         | Yes               |
-| flexArr                   | Flex value per column.                                       | Array   | All         | Yes               |
-| widthArr                  | Width per column.                                            | Array   | All         | Yes               |
-| heightArr                 | Height per line.                                             | Array   | All         | Yes               |
-| ...props                  | more props                                                   | any     | All         | Yes               |
+| Name                      | Description                                                  | **Type** | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- | ----------------- |
+| data                      | Table data.                                                  | Array    | Yes | All         | Yes               |
+| style                     | Container style.                                             | Style   | Yes | All         | Yes               |
+| borderStyle               | Table border line width and color.                           | Object   | Yes | All         | Yes               |
+| textStyle                 | Cell font style.                                             | Style   | Yes | All         | Yes               |
+| flexArr                   | Flex value per column.                                       | Array   | Yes | All         | Yes               |
+| widthArr                  | Width per column.                                            | Array   | Yes | All         | Yes               |
+| heightArr                 | Height per line.                                             | Array   | Yes | All         | Yes               |
+| ...props                  | more props                                                   | any     | Yes  | All         | Yes               |
 
 
 ## 其他
 
+## 遗留问题
+
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE) ，请自由地享受和参与开源。
 <!-- {% endraw %} -->
\ No newline at end of file

From 61ab8bf77c8dfb4e8d05e751f1b4cb6432962f05 Mon Sep 17 00:00:00 2001
From: zogpap <zogpap@163.com>
Date: Mon, 22 Jul 2024 09:09:36 +0000
Subject: [PATCH 213/966] =?UTF-8?q?!1103=20docs:=20[Issues:=20#IABGMU]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-modals=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IABGMU]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-modals=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modals.md | 235 +++++++++++++++++++++++++++++++++++
 1 file changed, 235 insertions(+)
 create mode 100644 zh-cn/react-native-modals.md

diff --git a/zh-cn/react-native-modals.md b/zh-cn/react-native-modals.md
new file mode 100644
index 00000000..4a12725d
--- /dev/null
+++ b/zh-cn/react-native-modals.md
@@ -0,0 +1,235 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-modals</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/jacklam718/react-native-modals">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jacklam718/react-native-modals/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/jacklam718/react-native-modals)
+
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-modals@0.22.3
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-modals@0.22.3
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+// The Component can not be used until ModalPortal is mounted. You should register in your app root. For example (App.tsx):
+
+import { SafeAreaView, View } from 'react-native';
+import { ModalPortal } from 'react-native-modals';
+import { ModalsDemo  } from './modalsDemo';
+
+const App = () => {
+  return (
+    <View style={{flex:1}}>
+      <SafeAreaView style={{flex:1}}>
+        <ModalsDemo />
+        <ModalPortal />
+      </SafeAreaView>
+    </View>
+  );
+}
+
+```
+
+
+```js
+
+// create modalsDemo.tsx in the same directory as the App.tsx file
+
+import React, { useState } from 'react'
+import { Modal, ModalContent } from 'react-native-modals';
+import { Button, Text } from 'react-native'
+
+export default ModalsDemo = () => {
+
+  return (
+    <>
+      <View style={{flex:1}}>
+        <Button
+            title="Show Modal"
+            onPress={() => {
+            this.setState({ visible: true });
+            }}
+        />
+        <Modal
+            visible={this.state.visible}
+            onTouchOutside={() => {
+            this.setState({ visible: false });
+            }}
+        >
+            <ModalContent>
+                <Text>Default Animation</Text>
+                <Text>No onTouchOutside handler. will not dismiss when touch overlay.</Text>
+            </ModalContent>
+        </Modal>
+       </View>
+    </>
+  )
+}
+
+
+```
+
+## 约束与限制
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Modal/BottomModal
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| visible | show or hide the modal by setting true/false.default is false.   | Boolean  | no |     all  |       yes|
+| rounded | Whether the content of the modal box is rounded by setting true/false.default is true.   |  Boolean  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver by setting the default animation of the true/false modal box.default is true.   | Boolean  | no |     all  |       yes|
+| children | Content component displayed in the modal box.   | React Element  | no |     all  |       yes|
+| modalTitle | You can pass a modalTitle component or pass a View for customizing titlebar   | React Element  | no |     all  |       yes|
+| width | The Width of modal, you can use fixed width or use percentage. For example 0.5 it means 50%.default is your device width.    | Number  | no |     all  |       yes|
+| height | The Height of modal, you can use fixed height or use percentage. For example 0.5 it means 50%.default is 300   | Number  | no |     all  |       yes|
+| modalAnimation | animation for modal.default is FadeAnimation.   | Animation  | no |     all  |       yes|
+| modalStyle | Set a custom style for the modal box content.   | Object  | no |     all  |       yes|
+| style | Set custom styles for the modal box itself   | Object  | no |     all  |       yes|
+| animationDuration | Set modal box animation time.default is 200   | Number  | no |     all  |       yes|
+| overlayPointerEvents | Available option: auto, none.   | 'auto' \| 'none'  | no |     all  |       yes|
+| overlayBackgroundColor | Sets the background color of the overlay area outside the modal box.default is #000   | String  | no |     all  |       yes|
+| overlayOpacity | Sets the transparency of the overlay area outside the modal box.default is 0.5   | Number  | no |     all  |       yes|
+| hasOverlay | Set the display and hiding of overlay in the area outside the modal box.default is true.   | Boolean  | no |     all  |       yes|
+| onShow | You can pass shown function as a callback function, will call the function when modal shown   | ()=>void  | no |     all  |       yes|
+| onDismiss | You can pass onDismiss function as a callback function, will call the function when modal dismissed   | ()=>void  | no |     all  |       yes|
+| onTouchOutside | Sets the click event of the overlay area outside the modal box.   | () => void  | no |     all  |       yes|
+| onHardwareBackPress | [Handle hardware button presses](https://facebook.github.io/react-native/docs/backhandler)   | () => true  | no |     Android  |       yes|
+| onMove | Sets the callback for the modal box content swipe animation value   | (e:DragEvent)=>void  | no |     all  |       yes|
+| onSwiping | Sets the callback for moving the modal box content.   | (e:DragEvent)=>void  | no |     all  |       yes|
+| onSwipeRelease | Set the end of the modal box swipe gesture   | (e:DragEvent)=>void  | no |     all  |       yes|
+| onSwipingOut | Sets a callback for the modalbox spool reaching the specified threshold   | (e:DragEvent)=>void  | no |     all  |       yes|
+| onSwipeOut | Sets the callback function of the animation when the modal box swipe reaches the threshold.   | (e:DragEvent)=>void  | no |     all  |       yes|
+| swipeDirection | Available option: up, down, left, right.The prop is only bottom of BottomModal.   | String or Array\<String>  | no |     all  |       yes|
+| swipeThreshold | Set the threshold of the swipe movement.default is 100   | Number  | no |     all  |       yes|
+| footer | for example: <View><Button text=\"DISMISS\" align=\"center\" onPress={() => {}}/></View>  | React Element  | no |     all  |       yes|
+
+
+### ModalTitle
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| title | set title text   | String  | yes |     all  |       yes|
+| style | Setting a Custom Container Style   | Object  | no |     all  |       yes|
+| textStyle | Set custom style for title text   | Object  | no |     all  |       yes|
+| align | Available option: left, center, right | 'left' \| 'center'\|'right'  | no |     all  |       yes|
+| hasTitleBar | Sets the component to the specified TitleBar style.default is true. | Boolean  | no |     all  |       yes|
+
+### ModalContent
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| children | Set Container Subcomponent   | any  | no |     all  |       yes|
+| style | Setting a Custom Container Style   | any  | no |     all  |       yes|
+
+
+### ModalFooter
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| children | Set Container Subcomponent   | ModalButton  | no |     all  |       yes|
+| bordered | Set the display and close of the container top dividing line.default is true.   | Boolean  | no |     all  |       yes|
+| style | Setting a Custom Container Style   | any  | no |     all  |       yes|
+
+
+### ModalButton
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| text | Set button text   | String  | yes |     all  |       yes|
+| onPress |    | () => void  | yes |     all  |       yes|
+| align | Available option: left, center, right.default is center.   | 'left' \| 'center'\|'right'  | no |     all  |       yes|
+| style | Setting a Custom Container Style   | Object  | no |     all  |       yes|
+| textStyle | Set the button text custom style   | Object  | no |     all  |       yes|
+| activeOpacity | Set button click background opacity. default is 0.6   | Number  | no |     all  |       yes|
+| disabled | Sets whether the button is available.default is false.   | Boolean  | no |     all  |       yes|
+| bordered | Sets whether there is a dividing line on the left of the button.default is false.   | Boolean  | no |     all  |       yes|
+
+
+### Backdrop
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| visible | Set Container Subcomponent   | ModalButton  | yes |     all  |       yes|
+| opacity | Set the transparency of the component container.default is 0.5.   | Number  | yes |     all  |       yes|
+| onPress | Setting the container click event.   | ()=>void  | no |     all  |       yes|
+| backgroundColor | Setting the Background of a Component Container.default is #000   | String  | no |     all  |       yes|
+| animationDuration | Set animation time.default is 200   | Number  | no |     all  |       yes|
+| pointerEvents | Available option: auto, none   | 'auto' \| 'none'  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver. default is true.   | Boolean  | no |     all  |       yes|
+
+### Animation
+
+#### Params for (*)Animation
+
+#### FadeAnimation
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| initialValue | Set Animated Initial Value.default is 0.   | Number  | no |     all  |       yes|
+| animationDuration | Set Animation Execution Time.default is 150.   | Number  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver. default is true.   | Boolean  | no |     all  |       yes|
+
+#### ScaleAnimation
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| initialValue | Set Animated Initial Value.default is 0.   | Number  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver. default is true.   | Boolean  | no |     all  |       yes|
+
+#### SlideAnimation
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| initialValue | Set Animated Initial Value.default is 0.   | Number  | no |     all  |       yes|
+| slideFrom | Available option: top, bottom, left, right.default is bottom.   | 'top' \| 'bottom' \|'left' \| 'right'  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver. default is true.   | Boolean  | no |     all  |       yes|
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jacklam718/react-native-modals/blob/master/LICENSE.md) ，请自由地享受和参与开源。

From a678b502561b9aebf7cc0f8ed8a2deec947beae7 Mon Sep 17 00:00:00 2001
From: zogpap <zogpap@163.com>
Date: Mon, 22 Jul 2024 09:12:36 +0000
Subject: [PATCH 214/966] =?UTF-8?q?!1124=20docs:=20[Issues:=20#IADWOE]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-material-menu=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IADWOE]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-material-menu=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-material-menu.md | 131 ++++++++++++++++++++++++++++
 1 file changed, 131 insertions(+)
 create mode 100644 zh-cn/react-native-material-menu.md

diff --git a/zh-cn/react-native-material-menu.md b/zh-cn/react-native-material-menu.md
new file mode 100644
index 00000000..809bbc63
--- /dev/null
+++ b/zh-cn/react-native-material-menu.md
@@ -0,0 +1,131 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> 
+    <code>react-native-material-menu</code> 
+  </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/mxck/react-native-material-menu">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mxck/react-native-material-menu/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/mxck/react-native-material-menu)
+
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-material-menu@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-material-menu@2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+```js
+import React, { useState } from 'react';
+
+import { View, Text } from 'react-native';
+import { Menu, MenuItem, MenuDivider } from 'react-native-material-menu';
+
+export default function App() {
+  const [visible, setVisible] = useState(false);
+
+  const hideMenu = () => setVisible(false);
+
+  const showMenu = () => setVisible(true);
+
+  return (
+    <View style={{ height: '100%', alignItems: 'center', justifyContent: 'center' }}>
+      <Menu
+        visible={visible}
+        anchor={<Text onPress={showMenu}>Show menu</Text>}
+        onRequestClose={hideMenu}
+      >
+        <MenuItem onPress={hideMenu}>Menu item 1</MenuItem>
+        <MenuItem onPress={hideMenu}>Menu item 2</MenuItem>
+        <MenuItem disabled>Disabled item</MenuItem>
+        <MenuDivider />
+        <MenuItem onPress={hideMenu}>Menu item 4</MenuItem>
+      </Menu>
+    </View>
+  );
+}
+
+
+```
+
+
+## 约束与限制
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Menu
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| children | Components rendered in menu (required)   | ReactNode  | yes |     all  |       yes|
+| anchor | Button component (required)   |  ReactNode  | yes |     all  |       yes|
+| visible | Whether the Menu is currently visible   | Boolean  | no |     all  |       yes|
+| style | Menu style.   | [ViewStyle](https://reactnative.dev/docs/view-style-props)  | no |     all  |       yes|
+| onRequestClose | Callback when menu has become hidden	   | () => void  | no |     all  |       yes|
+| animationDuration | Changes show/hide animation duration. default is 300   | Number  | no |     all  |       yes|
+
+
+### MenuItem
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| children | Rendered children (required)   | ReactNode  | yes |     all  |       yes|
+| disabled | Disabled flag. default is false.   | Boolean  | no |     all  |       yes|
+| disabledTextColor | Disabled text color. default is #bdbdbd.   | String  | no |     all  |       yes|
+| onPress | Called function on press | ()=>void  | no |     all  |       yes|
+| style | Container style | [ViewStyle](https://reactnative.dev/docs/view-style-props)  | no |     all  |       yes|
+| textStyle | Text style | [TextStyle](https://reactnative.dev/docs/text-style-props)  | no |     all  |       yes|
+| pressColor | Pressed color. default is #e0e0e0.   | String  | no |     all  |       yes|
+
+
+### MenuDivider
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| color | Line color. default is 'rgba(0,0,0,0.12)'   | String  | no |     all  |       yes|
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mxck/react-native-material-menu/blob/master/LICENSE) ，请自由地享受和参与开源。

From ae16ed79f1b17690b2911ff21d2c68e6d5027d94 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 11:10:13 +0000
Subject: [PATCH 215/966] =?UTF-8?q?!971=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-swiper.md | 139 ++++++++++++++++++-----------------
 1 file changed, 71 insertions(+), 68 deletions(-)

diff --git a/zh-cn/react-native-swiper.md b/zh-cn/react-native-swiper.md
index 26e8d84e..243cc561 100644
--- a/zh-cn/react-native-swiper.md
+++ b/zh-cn/react-native-swiper.md
@@ -1,15 +1,19 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-swiper</code> </h1>
 </p>
 <p align="center">
+        <a href="https://github.com/leecade/react-native-swiper/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/leecade/react-native-swiper/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!tip] [Github 地址](https://github.com/leecade/react-native-swiper)
 
 ## 安装与使用
@@ -86,14 +90,15 @@ export default class SwiperComponent extends Component {
 AppRegistry.registerComponent("myproject", () => SwiperComponent);
 ```
 
+## 约束与限制
+
 ### 兼容性
 
-在下述版本验证通过:
-1.RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+在以下版本验证通过
 
-2.RNOH：0.72.20; SDK:HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.29; ROM：205.0.0.18;
+1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 
-### 属性
+## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -101,48 +106,48 @@ AppRegistry.registerComponent("myproject", () => SwiperComponent);
 
 #### basics
 
-| Prop           |     Default     |   Type   | Description                                                                                                 | platform | HarmonyOS Support | remark |
-| :------------- | :-------------: | :------: | :---------------------------------------------------------------------------------------------------------- | -------- | ----------------- | ------ |
-| horizontal     |      true       |  `bool`  | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column. | All      | YES               | --     |
-| loop           |      true       |  `bool`  | Set to `false` to disable continuous loop mode.                                                             | All      | YES               | --     |
-| index          |        0        | `number` | Index number of initial slide.                                                                              | All      | YES               | --     |
-| showsButtons   |      false      |  `bool`  | Set to `true` make control buttons visible.                                                                 | All      | YES               | --     |
-| autoplay       |      false      |  `bool`  | Set to `true` enable auto play mode.                                                                        | All      | YES               | --     |
-| onIndexChanged | (index) => null |  `func`  | Called with the new index when the user swiped                                                              | All      | YES               | --     |
+| Name           | Description                                                  |   Type   |     Default     | platform | HarmonyOS Support |
+| :------------- | ------------------------------------------------------------ | :------: | :-------------: | -------- | ----------------- |
+| horizontal     | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column. |  `bool`  |      true       | All      | YES               |
+| loop           | Set to `false` to disable continuous loop mode.              |  `bool`  |      true       | All      | YES               |
+| index          | Index number of initial slide.                               | `number` |        0        | All      | YES               |
+| showsButtons   | Set to `true` make control buttons visible.                  |  `bool`  |      false      | All      | YES               |
+| autoplay       | Set to `true` enable auto play mode.                         |  `bool`  |      false      | All      | YES               |
+| onIndexChanged | Called with the new index when the user swiped               |  `func`  | (index) => null | All      | YES               |
 
 #### Custom basic style & content
 
-| Prop              |         Default         |   Type    | Description                                                                | platform | HarmonyOS Support | remark |
-| :---------------- | :---------------------: | :-------: | :------------------------------------------------------------------------- | -------- | ----------------- | ------ |
-| width             |            -            | `number`  | If no specify default enable fullscreen mode by `flex: 1`.                 | All      | YES               | --     |
-| height            |            -            | `number`  | If no specify default fullscreen mode by `flex: 1`.                        | All      | YES               | --     |
-| style             |          {...}          |  `style`  | See default style in source.                                               | All      | YES               | --     |
-| containerStyle    |          {...}          |  `style`  | See default container style in source.                                     | All      | YES               | --     |
-| loadMinimal       |          false          |  `bool`   | Only load current index slide , `loadMinimalSize` slides before and after. | All      | YES               | --     |
-| loadMinimalSize   |            1            | `number`  | see `loadMinimal`                                                          | All      | YES               | --     |
-| loadMinimalLoader | `<ActivityIndicator />` | `element` | Custom loader to display when slides aren't loaded                         | All      | YES               | --     |
+| Name              | Description                                                  |   Type    |         Default         | platform | HarmonyOS Support |
+| :---------------- | :----------------------------------------------------------- | :-------: | :---------------------: | -------- | ----------------- |
+| width             | If no specify default enable fullscreen mode by `flex: 1`.   | `number`  |            -            | All      | YES               |
+| height            | If no specify default fullscreen mode by `flex: 1`.          | `number`  |            -            | All      | YES               |
+| style             | See default style in source.                                 |  `style`  |          {...}          | All      | YES               |
+| containerStyle    | See default container style in source.                       |  `style`  |          {...}          | All      | YES               |
+| loadMinimal       | Only load current index slide , `loadMinimalSize` slides before and after. |  `bool`   |          false          | All      | YES               |
+| loadMinimalSize   | see `loadMinimal`                                            | `number`  |            1            | All      | YES               |
+| loadMinimalLoader | Custom loader to display when slides aren't loaded           | `element` | `<ActivityIndicator />` | All      | YES               |
 
 #### Pagination
 
-| Prop             |                                                                          Default                                                                          |    Type    | Description                                                                                                                                                                                   | platform | HarmonyOS Support | remark |
-| :--------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------- | ------ |
-| showsPagination  |                                                                           true                                                                            |   `bool`   | Set to `true` make pagination visible.                                                                                                                                                        | All      | YES               | --     |
-| paginationStyle  |                                                                           {...}                                                                           |  `style`   | Custom styles will merge with the default styles.                                                                                                                                             | All      | YES               | --     |
-| renderPagination |                                                                             -                                                                             | `function` | Complete control how to render pagination with three params (`index`, `total`, `context`) ref to `this.state.index` / `this.state.total` / `this`, For example: show numbers instead of dots. | All      | YES               | --     |
-| dot              | `<View style={{backgroundColor:'rgba(0,0,0,.2)', width: 8, height: 8,borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />` | `element`  | Allow custom the dot element.                                                                                                                                                                 | All      | YES               | --     |
-| activeDot        |   `<View style={{backgroundColor: '#007aff', width: 8, height: 8, borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />`    | `element`  | Allow custom the active-dot element.                                                                                                                                                          | All      | YES               | --     |
-| dotStyle         |                                                                             -                                                                             |  `object`  | Allow custom the dot element.                                                                                                                                                                 | All      | YES               | --     |
-| dotColor         |                                                                             -                                                                             |  `string`  | Allow custom the dot element.                                                                                                                                                                 | All      | YES               | --     |
-| activeDotColor   |                                                                             -                                                                             |  `string`  | Allow custom the active-dot element.                                                                                                                                                          | All      | YES               | --     |
-| activeDotStyle   |                                                                             -                                                                             |  `object`  | Allow custom the active-dot element.                                                                                                                                                          | All      | YES               | --     |
+| Name             | Description                                                  |    Type    |                           Default                            | platform | HarmonyOS Support |
+| :--------------- | :----------------------------------------------------------- | :--------: | :----------------------------------------------------------: | -------- | ----------------- |
+| showsPagination  | Set to `true` make pagination visible.                       |   `bool`   |                             true                             | All      | YES               |
+| paginationStyle  | Custom styles will merge with the default styles.            |  `style`   |                            {...}                             | All      | YES               |
+| renderPagination | Complete control how to render pagination with three params (`index`, `total`, `context`) ref to `this.state.index` / `this.state.total` / `this`, For example: show numbers instead of dots. | `function` |                              -                               | All      | YES               |
+| dot              | Allow custom the dot element.                                | `element`  | `<View style={{backgroundColor:'rgba(0,0,0,.2)', width: 8, height: 8,borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />` | All      | YES               |
+| activeDot        | Allow custom the active-dot element.                         | `element`  | `<View style={{backgroundColor: '#007aff', width: 8, height: 8, borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />` | All      | YES               |
+| dotStyle         | Allow custom the dot element.                                |  `object`  |                              -                               | All      | YES               |
+| dotColor         | Allow custom the dot element.                                |  `string`  |                              -                               | All      | YES               |
+| activeDotColor   | Allow custom the active-dot element.                         |  `string`  |                              -                               | All      | YES               |
+| activeDotStyle   | Allow custom the active-dot element.                         |  `object`  |                              -                               | All      | YES               |
 
 #### Autoplay
 
-| Prop              | Default |   Type   | Description                                      | platform | HarmonyOS Support | remark |
-| :---------------- | :-----: | :------: | :----------------------------------------------- | -------- | ----------------- | ------ |
-| autoplay          |  true   |  `bool`  | Set to `true` enable auto play mode.             | All      | YES               | --     |
-| autoplayTimeout   |   2.5   | `number` | Delay between auto play transitions (in second). | All      | YES               | --     |
-| autoplayDirection |  true   |  `bool`  | Cycle direction control.                         | All      | YES               | --     |
+| Name              | Description                                      |   Type   | Default | platform | HarmonyOS Support |
+| :---------------- | :----------------------------------------------- | :------: | :-----: | -------- | ----------------- |
+| autoplay          | Set to `true` enable auto play mode.             |  `bool`  |  true   | All      | YES               |
+| autoplayTimeout   | Delay between auto play transitions (in second). | `number` |   2.5   | All      | YES               |
+| autoplayDirection | Cycle direction control.                         |  `bool`  |  true   | All      | YES               |
 
 #### Control buttons
 
@@ -155,37 +160,37 @@ AppRegistry.registerComponent("myproject", () => SwiperComponent);
 
 #### Props of Children
 
-| Prop  |               Default                |   Type    | Description                                                    | platform | HarmonyOS Support | remark |
-| :---- | :----------------------------------: | :-------: | :------------------------------------------------------------- | -------- | ----------------- | ------ |
-| style |                {...}                 |  `style`  | Custom styles will merge with the default styles.              | All      | YES               | --     |
-| title | {<Text numberOfLines={1}>...</Text>} | `element` | If this parameter is not specified, will not render the title. | All      | YES               | --     |
+| Name  | Description                                                  |   Type    |               Default                | platform | HarmonyOS Support |
+| :---- | :----------------------------------------------------------- | :-------: | :----------------------------------: | -------- | ----------------- |
+| style | Custom styles will merge with the default styles.            |  `style`  |                {...}                 | All      | YES               |
+| title | If this parameter is not specified, will not render the title. | `element` | {<Text numberOfLines={1}>...</Text>} | All      | YES               |
 
 #### Basic props of `<ScrollView />`
 
-| Prop                             | Default |  Type  | Description                                                                                                                                                                                                                                     | platform | HarmonyOS Support | remark                                                                             |
-| :------------------------------- | :-----: | :----: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------- | ---------------------------------------------------------------------------------- |
-| horizontal                       |  true   | `bool` | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column.                                                                                                                                     | All      | YES               | --                                                                                 |
-| pagingEnabled                    |  true   | `bool` | If true, the scroll view stops on multiples of the scroll view's size when scrolling. This can be used for horizontal pagination.                                                                                                               | All      | YES               | --                                                                                 |
-| showsHorizontalScrollIndicator   |  false  | `bool` | Set to `true` if you want to show horizontal scroll bar.                                                                                                                                                                                        | All      | YES               | --                                                                                 |
-| showsVerticalScrollIndicator     |  false  | `bool` | Set to `true` if you want to show vertical scroll bar.                                                                                                                                                                                          | All      | YES               | --                                                                                 |
-| bounces                          |  false  | `bool` | If `true`, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction. If `false`, it disables all bouncing even if the alwaysBounce\* props are true. | All      | YES               | --                                                                                 |
-| scrollsToTop                     |  false  | `bool` | If true, the scroll view scrolls to top when the status bar is tapped.                                                                                                                                                                          | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持                     |
-| removeClippedSubviews            |  true   | `bool` | If true, offscreen child views (whose overflow value is hidden) are removed from their native backing superview when offscreen. This canimprove scrolling performance on long lists.                                                            | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持            |
-| automaticallyAdjustContentInsets |  false  | `bool` | Set to `true` if you need adjust content insets automation.                                                                                                                                                                                     | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持 |
-| scrollEnabled                    |  true   | `bool` | Enables/Disables swiping                                                                                                                                                                                                                        | All      | YES               | --                                                                                 |
+| Name                             | Description                                                  |  Type  | Default | platform | HarmonyOS Support | remark                                                       |
+| :------------------------------- | :----------------------------------------------------------- | :----: | :-----: | -------- | ----------------- | ------------------------------------------------------------ |
+| horizontal                       | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column. | `bool` |  true   | All      | YES               | --                                                           |
+| pagingEnabled                    | If true, the scroll view stops on multiples of the scroll view's size when scrolling. This can be used for horizontal pagination. | `bool` |  true   | All      | YES               | --                                                           |
+| showsHorizontalScrollIndicator   | Set to `true` if you want to show horizontal scroll bar.     | `bool` |  false  | All      | YES               | --                                                           |
+| showsVerticalScrollIndicator     | Set to `true` if you want to show vertical scroll bar.       | `bool` |  false  | All      | YES               | --                                                           |
+| bounces                          | If `true`, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction. If `false`, it disables all bouncing even if the alwaysBounce\* props are true. | `bool` |  false  | All      | YES               | --                                                           |
+| scrollsToTop                     | If true, the scroll view scrolls to top when the status bar is tapped. | `bool` |  false  | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持 |
+| removeClippedSubviews            | If true, offscreen child views (whose overflow value is hidden) are removed from their native backing superview when offscreen. This canimprove scrolling performance on long lists. | `bool` |  true   | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持 |
+| automaticallyAdjustContentInsets | Set to `true` if you need adjust content insets automation.  | `bool` |  false  | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持 |
+| scrollEnabled                    | Enables/Disables swiping                                     | `bool` |  true   | All      | YES               | --                                                           |
 
 > @see: http://facebook.github.io/react-native/docs/scrollview.html
 
 #### Supported ScrollResponder
 
-| Prop                |          Params           |    Type    | Description                                                 | platform | HarmonyOS Support | remark |
-| :------------------ | :-----------------------: | :--------: | :---------------------------------------------------------- | -------- | ----------------- | ------ |
-| onScrollBeginDrag   | `e` / `state` / `context` | `function` | When animation begins after letting up                      | All      | YES               | --     |
-| onMomentumScrollEnd | `e` / `state` / `context` | `function` | Makes no sense why this occurs first during bounce          | All      | YES               | --     |
-| onTouchStartCapture | `e` / `state` / `context` | `function` | Immediately after `onMomentumScrollEnd`                     | All      | YES               | --     |
-| onTouchStart        | `e` / `state` / `context` | `function` | Same, but bubble phase                                      | All      | YES               | --     |
-| onTouchEnd          | `e` / `state` / `context` | `function` | You could hold the touch start for a long time              | All      | YES               | --     |
-| onResponderRelease  | `e` / `state` / `context` | `function` | When lifting up - you could pause forever before \* lifting | All      | YES               | --     |
+| Name                | Description                                                 |    Type    |          Params           | platform | HarmonyOS Support |
+| :------------------ | :---------------------------------------------------------- | :--------: | :-----------------------: | -------- | ----------------- |
+| onScrollBeginDrag   | When animation begins after letting up                      | `function` | `e` / `state` / `context` | All      | YES               |
+| onMomentumScrollEnd | Makes no sense why this occurs first during bounce          | `function` | `e` / `state` / `context` | All      | YES               |
+| onTouchStartCapture | Immediately after `onMomentumScrollEnd`                     | `function` | `e` / `state` / `context` | All      | YES               |
+| onTouchStart        | Same, but bubble phase                                      | `function` | `e` / `state` / `context` | All      | YES               |
+| onTouchEnd          | You could hold the touch start for a long time              | `function` | `e` / `state` / `context` | All      | YES               |
+| onResponderRelease  | When lifting up - you could pause forever before \* lifting | `function` | `e` / `state` / `context` | All      | YES               |
 
 > Note: each ScrollResponder be injected with two params: `state` and `context`, you can get `state` and `context`(ref to swiper's `this`) from params, for example:
 
@@ -205,23 +210,21 @@ var swiper = React.createClass({
 })
 ```
 
-> More ScrollResponder info, see: https://github.com/facebook/react-native/blob/master/Libraries/Components/ScrollResponder.js
-
 ### 方法
 
 #### scrollBy(index, animated)
 
-| Name     |   Type   |   default   | Description  | platform | HarmonyOS Support | remark |
-| :------- | :------: | :---------: | :----------- | -------- | ----------------- | ------ |
-| index    | `number` | `undefined` | offset index | All      | YES               | --     |
-| animated |  `bool`  |   `true`    | offset index | All      | YES               | --     |
+| Name     | Description  |   Type   |   default   | platform | HarmonyOS Support |
+| :------- | :----------- | :------: | :---------: | -------- | ----------------- |
+| index    | offset index | `number` | `undefined` | All      | YES               |
+| animated | offset index |  `bool`  |   `true`    | All      | YES               |
 
 ### 遗留问题
 
 - [ ] 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持
 - [ ] 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持
 - [ ] 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持
-- [ ] 组件轮播图roh版本为0.72.13暂时有不居中问题，在roh版本为0.72.19上解决
+- [ ] 组件轮播图RNOH版本为0.72.13暂时有不居中问题，在RNOH版本为0.72.19上解决
 
 ### 其他
 

From 9ac0c1e3e2b97be4448dd9abd4833dd7c6847d3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 11:11:02 +0000
Subject: [PATCH 216/966] =?UTF-8?q?!972=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/qrcode-generator.md | 135 ++++++++++++++------------------------
 1 file changed, 48 insertions(+), 87 deletions(-)

diff --git a/zh-cn/qrcode-generator.md b/zh-cn/qrcode-generator.md
index d5403372..27a59066 100644
--- a/zh-cn/qrcode-generator.md
+++ b/zh-cn/qrcode-generator.md
@@ -1,16 +1,21 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>qrcode-generator</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE">
+        <a href="https://github.com/kazuhikoarase/qrcode-generator">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/kazuhikoarase/qrcode-generator)
+
+> [!TIP] [Github 地址](https://github.com/kazuhikoarase/qrcode-generator)
 
 ## 安装与使用
 
@@ -30,7 +35,7 @@ npm install qrcode-generator@1.4.4
 yarn add qrcode-generator@1.4.4
 ```
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 ```js
 import React, { useState, useEffect } from "react";
@@ -66,88 +71,44 @@ export const CustomQrCode = ({ text, style }) => {
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## API列表
-
-**以下 `QRCode` 均为qrcode-generator导出的对象，即：**
-
-```js
-import QRCode from "qrcode-generator";
-```
-
-#### Base
-
-**静态方法**
-
-"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                                    | Description             | Type     | Required | HarmonyOS Support |
-| --------------------------------------- | ----------------------- | -------- | -------- | ----------------- |
-| QRCode(typeNumber,errorCorrectionLevel) | Create a QRCode Object. | function | Yes      | Yes               |
-
-**api**
-
-| Name                 | Description                                    | Type   | Required | HarmonyOS Support |
-| -------------------- | ---------------------------------------------- | ------ | -------- | ----------------- |
-| typeNumber           | Type number (1 ~ 40), or 0 for auto detection. | number | Yes      | Yes               |
-| errorCorrectionLevel | Error correction level ('L', 'M', 'Q', 'H')    | string | Yes      | Yes               |
-
-**静态方法**
-
-| Name                    | Description                                                                                                                                                       | Type     | Required | HarmonyOS Support |
-| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| QRCode.stringToBytes(s) | Encodes a string into an array of number(byte) using any charset. This function is used by internal. Overwrite this function to encode using a multibyte charset. | function | Yes      | Yes               |
-
-api
-
-| Name | Description      | Type   | Required | HarmonyOS Support |
-| ---- | ---------------- | ------ | -------- | ----------------- |
-| s    | string to encode | string | Yes      | Yes               |
-
-**静态方法**
-
-| Name                      | Description           | Type     | Required | HarmonyOS Support |
-| ------------------------- | --------------------- | -------- | -------- | ----------------- |
-| QRCode.addData(data,mode) | Add a data to encode. | function | Yes      | Yes               |
-
-api
-
-| Name | Description                                                | Type   | Required | HarmonyOS Support |
-| ---- | ---------------------------------------------------------- | ------ | -------- | ----------------- |
-| data | string to encode                                           | string | Yes      | Yes               |
-| mode | Mode ('Numeric', 'Alphanumeric', 'Byte'(default), 'Kanji') | Yes    |          |                   |
-
-**静态方法**
-
-| Name                    | Description                                                                                 | Type     | Required | HarmonyOS Support |
-| ----------------------- | ------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| QRCode.make()           | Make a QR Code.                                                                             | function | Yes      | Yes               |
-| QRCode.getModuleCount() | The number of modules(cells) for each orientation. [Note] call make() before this function. | function | Yes      | Yes               |
-| QRCode.isDark(row,col)  | The module at row and col is dark or not. [Note] call make() before this function.          | function | Yes      | Yes               |
-
-**api**
-
-| Name | Description         | Type   | Required | HarmonyOS Support |
-| ---- | ------------------- | ------ | -------- | ----------------- |
-| row  | 0 ~ moduleCount - 1 | number | Yes      | Yes               |
-| col  | 0 ~ moduleCount - 1 | number | Yes      | Yes               |
-
-**静态方法**
-
-| Name                                      | Description                                                                                            | Type     | Required | HarmonyOS Support |
-| ----------------------------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
-| QRCode.createDataURL(cellSize, margin)    | Generate base64 links,Helper functions for HTML. [Note] call make() before these functions.            | function | Yes      | Yes               |
-| QRCode.createImgTag(cellSize, margin,alt) | Generate img tag QR code,Helper functions for HTML. [Note] call make() before these functions.         | function | Yes      | Yes               |
-| QRCode.createSvgTag(cellSize, margin)     | Generate QR codes for svg tags,Helper functions for HTML. [Note] call make() before these functions.   | function | Yes      | Yes               |
-| QRCode.createTableTag(cellSize, margin)   | Generate QR codes for table tags,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | Yes               |
-| QRCode.createASCII(cellSize, margin)      | Generate ASCII code,Helper functions for HTML. [Note] call make() before these functions.              | function | Yes      | Yes               |
-
-**api**
-
-| Name     | Description            | Type     | Required | HarmonyOS Support |
-| -------- | ---------------------- | -------- | -------- | ----------------- |
-| cellSize | default: 2             | function | No       | Yes               |
-| margin   | default: cellSize \* 4 | function | No       | Yes               |
-| alt      | (optional)             | function | No       | Yes               |
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS或 Android 的效果。
+
+| Name                 | Description                                                | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| typeNumber           | Type number (1 ~ 40), or 0 for auto detection.             | number   | Yes      | iOS/Android | Yes               |
+| errorCorrectionLevel | Error correction level ('L', 'M', 'Q', 'H')                | string   | Yes      | iOS/Android | Yes               |
+| s                    | string to encode                                           | string   | Yes      | iOS/Android | Yes               |
+| data                 | string to encode                                           | string   | Yes      | iOS/Android | Yes               |
+| mode                 | Mode ('Numeric', 'Alphanumeric', 'Byte'(default), 'Kanji') | function | Yes      | iOS/Android | Yes               |
+| row                  | 0 ~ moduleCount - 1                                        | number   | Yes      | iOS/Android | Yes               |
+| col                  | 0 ~ moduleCount - 1                                        | number   | Yes      | iOS/Android | Yes               |
+| cellSize             | default: 2                                                 | function | No       | iOS/Android | Yes               |
+| margin               | default: cellSize \* 4                                     | function | No       | iOS/Android | Yes               |
+| alt                  | (optional)                                                 | function | No       | iOS/Android | Yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                      | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| QRCode(typeNumber,errorCorrectionLevel)   | Create a QRCode Object.                                      | function | Yes      | iOS/Android | Yes               |
+| QRCode.stringToBytes(s)                   | Encodes a string into an array of number(byte) using any charset. This function is used by internal. Overwrite this function to encode using a multibyte charset. | function | Yes      | iOS/Android | Yes               |
+| QRCode.make()                             | Make a QR Code.                                              | function | Yes      | iOS/Android | Yes               |
+| QRCode.getModuleCount()                   | The number of modules(cells) for each orientation. [Note] call make() before this function. | function | Yes      | iOS/Android | Yes               |
+| QRCode.isDark(row,col)                    | The module at row and col is dark or not. [Note] call make() before this function. | function | Yes      | iOS/Android | Yes               |
+| QRCode.addData(data,mode)                 | Add a data to encode.                                        | function | Yes      | iOS/Android | Yes               |
+| QRCode.createDataURL(cellSize, margin)    | Generate base64 links,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
+| QRCode.createImgTag(cellSize, margin,alt) | Generate img tag QR code,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
+| QRCode.createSvgTag(cellSize, margin)     | Generate QR codes for svg tags,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
+| QRCode.createTableTag(cellSize, margin)   | Generate QR codes for table tags,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
+| QRCode.createASCII(cellSize, margin)      | Generate ASCII code,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
 
 ## 遗留问题
 
@@ -155,6 +116,6 @@ api
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 8f285d7e0244e21f6262bbe81cb79aa0870bf640 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Mon, 22 Jul 2024 11:12:14 +0000
Subject: [PATCH 217/966] =?UTF-8?q?!978=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-viewing.md | 62 ++++++++++++++++-------------
 1 file changed, 35 insertions(+), 27 deletions(-)

diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index f1476123..7152c103 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -1,23 +1,25 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-viewing</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-image-viewer">
+    <a href="https://github.com/jobtoday/react-native-image-viewing/blob/master">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-image-viewer/blob/sig/LICENSE">
+    <a href="https://github.com/jobtoday/react-native-image-viewing/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-viewing)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-image-viewing> Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -184,40 +186,46 @@ const styles = StyleSheet.create({
 
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)
 
-在下述版本验证通过:
+## 属性
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+> [!TIP]  "Platform"列表示该属性在原三方库上支持的平台。
 
-## API列表
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                   | Description                                                                                 | Type                                                        | Required | HarmonyOS Support |
-| ---------------------- | ------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | -------- | ----------------- |
-| images                 | Array of images to display                                                                  | ImageSource[]                                               | Yes      | Yes               |
-| keyExtractor           | Uniqely identifying each image                                                              | (imageSrc: ImageSource, index: number) => string            | No       | Yes               |
-| imageIndex             | Current index of image to display                                                           | number                                                      | Yes      | Yes               |
-| visible                | Is modal shown or not                                                                       | boolean                                                     | No       | Yes               |
-| onRequestClose         | Function called to close the modal                                                          | function                                                    | Yes      | Yes               |
-| onImageIndexChange     | Function called when image index has been changed                                           | function                                                    | No       | Yes               |
-| onLongPress            | Function called when image long pressed                                                     | function (event: GestureResponderEvent, image: ImageSource) | No       | Yes               |
-| delayLongPress         | Delay in ms, before onLongPress is called: default                                          | number                                                      | No       | Yes               |
-| animationType          | Animation modal presented with: default                                                     | none, fade, slide                                           | No       | Yes               |
-| presentationStyle      | Modal presentation style: default: fullScreen Android: Use overFullScreen to hide StatusBar | fullScreen, pageSheet, formSheet, overFullScreen            | No       | Yes               |
-| backgroundColor        | Background color of the modal in HEX                                                        | string                                                      | No       | Yes               |
-| swipeToCloseEnabled    | Close modal with swipe up or down: default                                                  | boolean                                                     | No       | Yes               |
-| doubleTapToZoomEnabled | Zoom image by double tap on it: default                                                     | boolean                                                     | No       | Yes               |
-| HeaderComponent        | Header component, gets current imageIndex as a prop                                         | component, function                                         | No       | Yes               |
-| FooterComponent        | Footer component, gets current imageIndex as a prop                                         | component, function                                         | No       | Yes               |
+| Name                   | Description                                                  | Type                                                        | Platform | Required | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ----------------------------------------------------------- | -------- | -------- | ----------------- |
+| images                 | Array of images to display                                   | ImageSource[]                                               | All      | Yes      | Yes               |
+| keyExtractor           | Uniqely identifying each image                               | (imageSrc: ImageSource, index: number) => string            | All      | No       | Yes               |
+| imageIndex             | Current index of image to display                            | number                                                      | All      | Yes      | Yes               |
+| visible                | Is modal shown or not                                        | boolean                                                     | All      | No       | Yes               |
+| onRequestClose         | Function called to close the modal                           | function                                                    | All      | Yes      | Yes               |
+| onImageIndexChange     | Function called when image index has been changed            | function                                                    | All      | No       | Yes               |
+| onLongPress            | Function called when image long pressed                      | function (event: GestureResponderEvent, image: ImageSource) | All      | No       | Yes               |
+| delayLongPress         | Delay in ms, before onLongPress is called: default           | number                                                      | All      | No       | Yes               |
+| animationType          | Animation modal presented with: default                      | none, fade, slide                                           | All      | No       | Yes               |
+| presentationStyle      | Modal presentation style: default: fullScreen Android: Use overFullScreen to hide StatusBar | fullScreen, pageSheet, formSheet, overFullScreen            | All      | No       | Yes               |
+| backgroundColor        | Background color of the modal in HEX                         | string                                                      | All      | No       | Yes               |
+| swipeToCloseEnabled    | Close modal with swipe up or down: default                   | boolean                                                     | All      | No       | Yes               |
+| doubleTapToZoomEnabled | Zoom image by double tap on it: default                      | boolean                                                     | All      | No       | Yes               |
+| HeaderComponent        | Header component, gets current imageIndex as a prop          | component, function                                         | All      | No       | Yes               |
+| FooterComponent        | Footer component, gets current imageIndex as a prop          | component, function                                         | All      | No       | Yes               |
 
 ## 遗留问题
 
-- [ ] 本库 swipeToCloseEnabled，doubleTapToZoomEnabled，animationType 还未完全HarmonyOS化，暂不支持上下滑动关闭、双击放大与动画效果功能 （未解决）[#I9DNQU](https://gitee.com/react-native-oh-library/usage-docs/issues/I9DQPA)
+- [ ] 本库 swipeToCloseEnabled，doubleTapToZoomEnabled，animationType HarmonyOS暂不支持，上下滑动关闭、双击放大与动画效果功能 [#I9DNQU](https://gitee.com/react-native-oh-library/usage-docs/issues/I9DQPA)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/jobtoday/react-native-image-viewing/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 7db6545c99254c9346515278d32ab0045de7ce48 Mon Sep 17 00:00:00 2001
From: tyBrave <tianyong13@huawei.com>
Date: Mon, 22 Jul 2024 11:13:54 +0000
Subject: [PATCH 218/966] =?UTF-8?q?!1150=20docs:=20[Issues:=20#IAEP8H]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-smartRefreshLayout=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAEP8H]=20=E4=BF=AE=E6=94=B9react-native-smartRefreshLayout?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-SmartRefreshLayout.md | 33 ++++++++++++------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index 55c4bb0d..32103b01 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -321,24 +321,24 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **组件 SmartRefreshControl**
 
 | Name                  | Description                                                      | Type                                                                         | Required | Platform | HarmonyOS Support |
 | --------------------- | ---------------------------------------------------------------- | ---------------------------------------------------------------------------- | -------- | -------- | ----------------- |
 | `HeaderComponent`     | 用于渲染 SmartRefreshLayout 组件的 header,默认为 DefaultHeader。 | Element                                                                      | No       | Android  | Yes               |
-| `renderHeader`        | 用于渲染 SmartRefreshLayout 组件的 header,默认为 DefaultHeader。 | Element/func                                                                 | No       | Android  | No                |
+| `renderHeader`        | 用于渲染 SmartRefreshLayout 组件的 header,默认为 DefaultHeader。 | Element/func                                                                 | No       | Android  | Yes                |
 | `enableRefresh`       | 是否启用下拉刷新,默认为 true                                     | boolean                                                                      | No       | Android  | Yes                |
 | `headerHeight`        | 设定 header 的高度                                               | number                                                                       | No       | Android  | Yes               |
 | `primaryColor`        | 设置刷新组件的主调色                                             | string                                                                       | No       | Android  | Yes               |
 | `autoRefresh`         | 是否自动刷新                                                     | object:{refresh:boolean, time:number}                                        | No       | Android  | Yes                |
 | `pureScroll`          | 是否启用纯滚动                                                   | boolean                                                                      | No       | Android  | No                |
 | `overScrollBounce`    | 是否启用越界拖动，类似 IOS 样式。                                | boolean                                                                      | No       | Android  | No                |
-| `dragRate`            | 设置组件下拉高度与手指真实下拉高度的比值,默认为 0.5。            | number                                                                       | No       | Android  | No                |
-| `maxDragRate`         | 设置最大显示下拉高度与 header 标准高度的比值，默认为 2.0。       | number                                                                       | No       | Android  | No                |
+| `dragRate`            | 设置组件下拉高度与手指真实下拉高度的比值,默认为 0.5。            | number                                                                       | No       | Android  | Yes                |
+| `maxDragRate`         | 设置最大显示下拉高度与 header 标准高度的比值，默认为 2.0。       | number                                                                       | No       | Android  | Yes                |
 | `onPullDownToRefresh` | 可下拉刷新时触发                                                 | function                                                                     | No       | Android  | Yes                |
 | `onReleaseToRefresh`  | 可释放刷新时触发                                                 | function                                                                     | No       | Android  | Yes                |
 | `onRefresh`           | 刷新时触发                                                       | function                                                                     | No       | Android  | Yes               |
@@ -348,11 +348,11 @@ ohpm install
 
 **组件 AnyHeader**
 
-仅组件支持渲染，在 RNOH0.72.10 版本中需要给 List 类型子组件添加 bounces = {false}属性，否则无法触发本组件的下拉。（0.72.11 版本已解决）
+当前组件支持
 
 | Name           | Description                      | Type   | Required | Platform |  HarmonyOS Support |
 | -------------- | ------------------------ | ------ | -------- | -------- | -------- |
-| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | No   |
+| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | Yes   |
 
 **组件 DefaultHeader/ClassicsHeader**
 
@@ -360,26 +360,26 @@ ohpm install
 
 | Name          | Description                      | Type   | Required  | Platform |  HarmonyOS Support |
 | -------------- | ------------------------ | ------ | -------- | -------- | -------- |
-| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | No   |
-| `accentColor`  | 刷新组件 Header 的强调色 | string | No       | Android  | No   |
+| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | Yes   |
+| `accentColor`  | 刷新组件 Header 的强调色 | string | No       | Android  | Yes   |
 
 **组件 StoreHouseHeader**
 
-当前组件不支持
+当前组件支持
 
 | Name       | Description                         | Type    | Required  | Platform |  HarmonyOS Support |
 | ----------- | --------------------------- | ------ | -------- | -------- | -------- |
-| `text`      | StoreHouseHeader 的文字     | string | No       | Android  | No   |
-| `textColor` | StoreHouseHeader 的文字颜色 | string | No       | Android  | No   |
-| `lineWidth` | StoreHouseHeader 的文字线宽 | number | No       | Android  | No   |
+| `text`      | StoreHouseHeader 的文字     | string | No       | Android  | Yes   |
+| `textColor` | StoreHouseHeader 的文字颜色 | string | No       | Android  | Yes   |
+| `lineWidth` | StoreHouseHeader 的文字线宽 | number | No       | Android  | Yes   |
 
 ---
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -387,7 +387,8 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] SmartRefreshLayout 包裹 FlatList 组件，多次下拉刷新，item 会回弹：[Issue #11 ](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/issues/11)
+- [X] SmartRefreshLayout 包裹 FlatList 组件，多次下拉刷新，item 会回弹：[Issue #11 ](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/issues/11)
+- [ ] SmartRefreshLayout 的StoreHouseHeader刷新头，暂不支持透明度的变化：[Issue #45 ](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/issues/45)
 
 ## 其他
 

From d48c571e2152616b1d14c2b182afbc63675bf852 Mon Sep 17 00:00:00 2001
From: Li-2199 <1269001954@qq.com>
Date: Mon, 22 Jul 2024 11:35:35 +0000
Subject: [PATCH 219/966] =?UTF-8?q?!1046=20docs:=20[Issues:=20#IACC4R]?=
 =?UTF-8?q?=E6=9B=B4=E6=94=B9react-native-async-storage/async-storage?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E9=94=99=E8=AF=AF=20*=20do?=
 =?UTF-8?q?cs:=20=E6=9B=B4=E6=94=B9react-native-async-storage/async-storag?=
 =?UTF-8?q?e=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...eact-native-async-storage-async-storage.md | 82 ++++++++++++++-----
 1 file changed, 62 insertions(+), 20 deletions(-)

diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index 1c964743..646deb51 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -7,14 +7,14 @@
 </p>
 <p align="center">
     <a href="https://github.com/react-native-async-storage/async-storage">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/react-native-async-storage/async-storage/blob/main/LICENSE">
-        <img src="https://img.shields.io/npm/l/@react-native-async-storage/async-storage.svg" alt="License" />
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/async-storage)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/async-storage)
 
 ## 安装与使用
 
@@ -68,6 +68,47 @@ const getData = async () => {
   }
 };
 ```
+下面的代码展示了这个库的Hooks使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from "react";
+import { View, Text, TouchableOpacity } from "react-native";
+import { useAsyncStorage } from "@react-native-async-storage/async-storage";
+
+export default function App() {
+  const [value, setValue] = useState("value");
+  const { getItem, setItem } = useAsyncStorage("@storage_key");
+
+  const readItemFromStorage = async () => {
+    const item = await getItem();
+    setValue(item);
+  };
+
+  const writeItemToStorage = async (newValue) => {
+    await setItem(newValue);
+    setValue(newValue);
+  };
+
+  useEffect(() => {
+    readItemFromStorage();
+  }, []);
+
+  return (
+    <View style={{ margin: 40 }}>
+      <Text>Current value: {value}</Text>
+      <TouchableOpacity
+        onPress={() =>
+          writeItemToStorage(Math.random().toString(36).substr(2, 5))
+        }
+      >
+        <Text>Update value</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+```
 
 ## Link
 
@@ -142,7 +183,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/async-storage/src/main/cpp" ./async-storage)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/async-storage/src/main/cpp" ./async-storage)
 # RNOH_END: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
@@ -182,6 +223,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
+...
 + import {AsyncStoragePackage} from '@react-native-oh-tpl/async-storage/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -216,21 +258,21 @@ ohpm install
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name              | Description                                                                                                                                              | Type     | Required | Platform | HarmonyOS Support |
-| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| `getItem`         | Gets a string value for given key. This function can either return a string value for existing key or return null otherwise.                             | function | No       | All      | yes               |
-| `setItem`         | Sets a string value for given key. This operation can either modify an existing entry, if it did exist for given key, or add new one otherwise.          | function | No       | All      | yes               |
-| `mergeItem`       | Merges an existing value stored under key, with new value, assuming both values are stringified JSON.                                                    | function | No       | All      | yes               |
-| `removeItem`      | Removes item for a key, invokes (optional) callback once completed.                                                                                      | function | No       | All      | yes               |
-| `getAllKeys`      | Returns all keys known to your App, for all callers, libraries, etc. Once completed, invokes callback with errors (if any) and array of keys.            | function | No       | All      | yes               |
-| `multiGet`        | Fetches multiple key-value pairs for given array of keys in a batch. Once completed, invokes callback with errors (if any) and results.                  | function | No       | All      | yes               |
-| `multiSet`        | Stores multiple key-value pairs in a batch. Once completed, callback with any errors will be called.                                                     | function | No       | All      | yes               |
-| `multiMerge`      | Multiple merging of existing and new values in a batch. Assumes that values are stringified JSON. Once completed, invokes callback with errors (if any). | function | No       | All      | yes               |
-| `multiRemove`     | Clears multiple key-value entries for given array of keys in a batch. Once completed, invokes a callback with errors (if any).                           | function | No       | All      | yes               |
-| `clear`           | Removes whole AsyncStorage data, for all clients, libraries, etc. You probably want to use removeItem or multiRemove to clear only your App's keys.      | function | No       | All      | yes               |
-| `useAsyncStorage` | The useAsyncStorage returns an object that exposes all methods that allow you to interact with the stored value.                                         | hook     | No       | All      | yes               |
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                              | Type                                                                                                                | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| `getItem`         | Gets a string value for given key. This function can either return a string value for existing key or return null otherwise.                             | function(key: string, value: string, [callback]: ?(error: ?Error) => void): Promise                                 | No       | All      | yes               |
+| `setItem`         | Sets a string value for given key. This operation can either modify an existing entry, if it did exist for given key, or add new one otherwise.          | function(key: string, value: string, [callback]: ?(error: ?Error) => void): Promise                                 | No       | All      | yes               |
+| `mergeItem`       | Merges an existing value stored under key, with new value, assuming both values are stringified JSON.                                                    | function(key: string, value: string, [callback]: ?(error: ?Error) => void): Promise                                 | No       | All      | yes               |
+| `removeItem`      | Removes item for a key, invokes (optional) callback once completed.                                                                                      | function(key: string, [callback]: ?(error: ?Error) => void): Promise                                                | No       | All      | yes               |
+| `getAllKeys`      | Returns all keys known to your App, for all callers, libraries, etc. Once completed, invokes callback with errors (if any) and array of keys.            | function([callback]: ?(error: ?Error, keys: ?Array<string>) => void): Promise                                       | No       | All      | yes               |
+| `multiGet`        | Fetches multiple key-value pairs for given array of keys in a batch. Once completed, invokes callback with errors (if any) and results.                  | function(keys: Array<string>, [callback]: ?(errors: ?Array<Error>, result: ?Array<Array<string>>) => void): Promise | No       | All      | yes               |
+| `multiSet`        | Stores multiple key-value pairs in a batch. Once completed, callback with any errors will be called.                                                     | function(keyValuePairs: Array<Array<string>>, [callback]: ?(errors: ?Array<Error>) => void): Promise                | No       | All      | yes               |
+| `multiMerge`      | Multiple merging of existing and new values in a batch. Assumes that values are stringified JSON. Once completed, invokes callback with errors (if any). | function(keyValuePairs: Array<Array<string>>, [callback]: ?(errors: ?Array<Error>) => void): Promise                | No       | All      | yes               |
+| `multiRemove`     | Clears multiple key-value entries for given array of keys in a batch. Once completed, invokes a callback with errors (if any).                           | function(keys: Array<string>, [callback]: ?(errors: ?Array<Error>) => void)                                         | No       | All      | yes               |
+| `clear`           | Removes whole AsyncStorage data, for all clients, libraries, etc. You probably want to use removeItem or multiRemove to clear only your App's keys.      | function([callback]: ?(error: ?Error) => void): Promise                                                             | No       | All      | yes               |
+| `useAsyncStorage` | The useAsyncStorage returns an object that exposes all methods that allow you to interact with the stored value.                                         | hooks                                                                                                               | No       | All      | yes               |
 
 ## 遗留问题
 
@@ -242,4 +284,4 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-async-storage/async-storage/blob/main/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From a351a081fb8b5d7577192ff28b300f55f733dc99 Mon Sep 17 00:00:00 2001
From: lihonggang <lihonggang11@h-partners.com>
Date: Tue, 23 Jul 2024 05:48:48 +0000
Subject: [PATCH 220/966] =?UTF-8?q?!1138=20docs:=20[Issues:#IABHFV]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-easy-grid=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IABHFV]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-easy-grid=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-easy-grid.md | 103 ++++++++++++++++++++++++++++++++
 1 file changed, 103 insertions(+)
 create mode 100644 zh-cn/react-native-easy-grid.md

diff --git a/zh-cn/react-native-easy-grid.md b/zh-cn/react-native-easy-grid.md
new file mode 100644
index 00000000..0921921b
--- /dev/null
+++ b/zh-cn/react-native-easy-grid.md
@@ -0,0 +1,103 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-easy-grid</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/GeekyAnts/react-native-easy-grid">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/GeekyAnts/react-native-easy-grid/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%20License%202.0-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/GeekyAnts/react-native-easy-grid)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-native-easy-grid@0.2.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-easy-grid@0.2.2 
+```
+
+<!-- tabs:end -->
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+```js
+
+import React from "react";
+import { Text } from 'react-native';
+import { Col, Row, Grid } from "react-native-easy-grid";
+
+const App = () => {
+ 
+  return (
+    <Grid>
+      <Col style={{ backgroundColor: '#9400D3' }}>
+        <Row size={1} style={{ backgroundColor: '#FFB6C1' }}></Row>
+        <Row size={2} style={{ backgroundColor: '#9400D3' }}></Row>
+      </Col>
+      <Col size={2} style={{ backgroundColor: '#FF4500' }}></Col>
+      <Col size={3}>
+        <Row size={1} style={{ backgroundColor: '#FFB6C1' }}></Row>
+        <Row size={2} style={{ backgroundColor: '#9400D3' }}></Row>
+        <Row size={1} style={{ backgroundColor: '#008000' }}></Row>
+      </Col>
+    </Grid>
+  )
+      
+};
+
+export default App;
+  
+```
+## 约束与限制
+
+##### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH: 0.72.27; SDK: HarmonyOS-NEXT Developer Beta1 5.0.0.25  ; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+
+## 属性
+
+Grid、Row、Col组件接收所有 [React Native View](https://reactnative.dev/docs/view#props)组件的Props
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**RowProps和ColProps的公共属性：**
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|   size  | 布局占比   | number   | no | iOS,Android      | yes |
+|   onPress：() => void  |  点击事件       | function     | no | iOS,Android      | yes |
+
+
+## 遗留问题
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/GeekyAnts/react-native-easy-grid/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 301ebe5056fe36f52d05e217d6ff532f6c15e3fe Mon Sep 17 00:00:00 2001
From: lihonggang <lihonggang11@h-partners.com>
Date: Tue, 23 Jul 2024 05:53:43 +0000
Subject: [PATCH 221/966] =?UTF-8?q?!1141=20=E6=96=B0=E5=A2=9Ereact-native-?=
 =?UTF-8?q?share=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues?=
 =?UTF-8?q?:#IA8JXA]=E6=96=B0=E5=A2=9Ereact-native-share=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-share.md | 376 ++++++++++++++++++++++++++++++++++++
 1 file changed, 376 insertions(+)
 create mode 100644 zh-cn/react-native-share.md

diff --git a/zh-cn/react-native-share.md b/zh-cn/react-native-share.md
new file mode 100644
index 00000000..deb83699
--- /dev/null
+++ b/zh-cn/react-native-share.md
@@ -0,0 +1,376 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-share</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-share/react-native-share">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-share/react-native-share/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-share)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-share@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-share@file:#
+```
+<!-- tabs:end -->
+
+进入项目的 HarmonyOS 工程 harmony，打开 `entry/src/main/module.json5`，在module中添加：querySchemes字段，表示允许当前应用进行跳转查询的URI schemes，只允许entry类型模块配置，最多50个。例如如需要查询是否可以跳转微博，可以添加
+
+```diff
+
+   "querySchemes": [
+      "sinaweibo"  //三方APP的所支持的scheme，sinaweibo是测试hap的scheme
+    ]
+ 
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+    import React from 'react';
+    import { Button } from 'react-native';
+    import RNShare,{ShareSheet} from 'react-native-share';
+
+    function App() {
+    return (
+        <ShareSheet style={{padding:20}} visible onCancel={()=>{}}>
+            <Button title='分享' onPress={()=>{
+                RNShare.open({
+                title:'分享标题',
+                subject:'分享摘要',
+                url:'https://www.baidu.com/'
+                }).then((res) => {
+                
+                }).catch((err) => {
+                })
+            }}></Button>
+        </ShareSheet>
+    );
+    }
+
+    export default App;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-share": "file:../../node_modules/@react-native-oh-tpl/react-native-share/harmony/react_native_share.har"
+  }
+
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNSharePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {RNSharePackage} from '@react-native-oh-tpl/react-native-share/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSharePackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+ **Overlay**:分享面板弹窗组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  visible  | 是否显示    | boolean   | no | iOS,Android      | yes |
+|  children  |  JSX element   | React.ReactNode   | no | iOS,Android      | yes |
+
+**Button**：分享按钮
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  onPress  | 是否显示    | boolean   | no | iOS,Android      | yes |
+|  iconSrc  | icon属性    | [ImageSourcePropType](https://reactnative.dev/docs/image#imagesource)   | no | iOS,Android      | yes |
+|  buttonStyle  | button属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
+|  textStyle  | text属性    | [TextStyle](https://reactnative.dev/docs/text#props)   | no | iOS,Android      | yes |
+|  children  | JSX element   |  React.ReactNode   | no | iOS,Android      | yes |
+
+**ShareSheet**：分享面板组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  visible  | 是否显示    | boolean   | no | iOS,Android      | yes |
+|  onCancel  | 关闭面板的回调函数    | function   | no | iOS,Android      | yes |
+|  style  | 分享面板中Sheet的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)    | no | iOS,Android      | yes |
+|  overlayStyle  | 分享面板CSS属性    |  [ ViewStyle ](https://reactnative.dev/docs/view#props)     | no | iOS,Android      | yes |
+|  children  | JSX element   | React.ReactNode   | no | iOS,Android      | yes |
+
+**Sheet**：分享面板组件的子组件，ShareSheet包含Sheet
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  visible  | 是否显示    | boolean   | no | iOS,Android      | yes |
+|  children  |  JSX element   | React.ReactNode   | no | iOS,Android      | yes |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  Social  | 支持分享的三方APP名称        | object  | yes | iOS,Android      | partially |
+|  open: (options: ShareOptions) => Promise<ShareOpenResult\>  | 系统分享         | fuction  | yes | iOS,Android      | yes |
+|   shareSingle: (options: ShareSingleOptions) => Promise<ShareSingleResult\>  | 三方分APP分享         | fuction  | yes | iOS,Android      | partially |
+|    isPackageInstalled: (packagename: string) => Promise <IsPackageInstalledResult\>  | 三方APP是否已在本机安装        | fuction  | yes | iOS,Android      | no |
+
+**ShareOptions** ：系统分享参数
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|   type  | 分享路径资源类型Mime Typ        | string   | no | iOS,Android      | yes |
+|  urls  | 分享多个路径       | string[]  | no | iOS,Android      | yes |
+|  url  | 分享路径       | string[]  | no | iOS,Android      | yes |
+|  filename  | 分享路径文件名      | string | no | iOS,Android      | yes |
+|  filenames  | 分享多个路径的文件名（不带后缀，如123，要与urls对应）      | Array<string>  | no | iOS,Android      | yes |
+|  message  | 分享短信消息文本      | string  | no | iOS,Android      | yes |
+|  title  | 分享标题      | string  | no | iOS,Android      | yes |
+|  subject  | 分享内容摘要      | string  | no | iOS,Android      | yes |
+|  email  | 收件人邮箱地址      | string  | no | iOS,Android      | no |
+|  recipient  | 接收短信消息的号码     | string  | no | iOS,Android      | yes |
+|  excludedActivityTypes  | 系统分享面板操作区不应显示的能力列表(harmonyOS中传参例如['0','1']，对应解释为： 0:复制到剪切板,1:保存到媒体库,2:保存到文件管理器 ,3:打印,4:保存到中转站)      | ActivityType[] \| string[]  | no | iOS,Android      | partially |
+|  failOnCancel  | 分享失败的是否抛出异      | boolean  | no | iOS,Android      | yes |
+|  showAppsToView  | 是否显示可以预览分享文件的APP     | boolean  | no | Android      | no |
+|  saveToFiles  | 是否保存分享的路径文件到本地    | boolean  | no | iOS,Android       | yes |
+|  activityItemSources  | 系统分享面板中自定义分享数据   | ActivityItemSource[]  | no | iOS      | no |
+|  isNewTask  | 是否开启Activity的启动模式FLAG_ACTIVITY_NEW_TASK    | boolean  | no | Android      | no |
+
+**ShareSingleOptions** ：三方APP分享参数
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|   social  |分享的三方APP名称       | string   | yes | iOS,Android      | partially |
+|   appId  |三方APP上架市场的appid(social为instagramstories,facebookstories时必传)       | string   | no | iOS,Android      | yes |
+|   type  | 分享路径资源类型Mime Typ        | string   | no | iOS,Android      | yes |
+|  urls  | 分享多个路径       | string[]  | no | iOS,Android      | yes |
+|  url  | 分享路径       | string[] | no | iOS,Android      | yes |
+|  filename  | 分享路径文件名（不带后缀，如 123）      | string | no | iOS,Android      | yes |
+|  message  | 分享短信消息文本      | string  | no | iOS,Android      | yes |
+|  title  | 分享标题      | string  | no | iOS,Android      | yes |
+|  subject  | 分享内容摘要      | string  | no | iOS,Android      | yes |
+|  email  | 收件人邮箱地址      | string  | no | iOS,Android      | no |
+|  recipient  | 接收短信消息的号码     | string  | no | iOS,Android      | yes |
+|  forceDialog  | 是否开启三方分享对话框     | boolean  | no | Android      | no |
+|  backgroundImage  |  背景图像（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android      | no |
+|  stickerImage  | 贴纸图像（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android      | no |
+|  backgroundBottomColor  | 背景底部颜色（social为instagramstories,facebookstories传参）  | string  | no | iOS,Android       | no |
+|  attributionURL  | 属性路径（social为instagramstories,facebookstories传参）  | string  | no | iOS,Android     | no |
+|  backgroundVideo  | 背景视频（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android     | no |
+
+**Social**：可支持的三方APP种类
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  FACEBOOK  | facebook | string | yes | iOS,Android      | no |
+| FACEBOOK_STORIES | facebookstories | string | yes | iOS,Android      | no |
+| PAGESMANAGER | pagesmanager  | string  | yes | iOS,Android  | no |
+| TWITTER | twitter | string  | yes | iOS,Android      | no |
+| WHATSAPP | whatsapp | string  | yes | iOS,Android      | no |
+|  WHATSAPPBUSINESS  | whatsappbusiness | string   | yes | iOS,Android      | no |
+| INSTAGRAM | instagram | string    | yes | iOS,Android      | no |
+| INSTAGRAM_STORIES | instagramstories  | string  | yes | iOS,Android      | no |
+| GOOGLEPLUS | googleplus        | string  | yes | iOS,Android      | no |
+| EMAIL | email        | string  | yes | iOS,Android  | no |
+|  PINTEREST  | pinterest | string   | yes | iOS,Android  | no |
+| LINKEDIN | linkedin | string    | yes | iOS,Android      | no |
+| SMS | sms | string  | yes | iOS,Android      | yes |
+| TELEGRAM | telegram | string  | yes | iOS,Android      | no |
+|  SNAPCHAT  | snapchat | string   | yes | iOS,Android      | no |
+| MESSENGER | messenger  | string  | yes | iOS,Android      | no |
+| VIBER | viber | string  | yes | iOS,Android      | no |
+| DISCORD | discord | string  | yes | iOS,Android   | no |
+
+**ShareAsset** ：分享图片、视频数据枚举
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  BackgroundImage  | social为instagramstories,facebookstories时分享的图片 | enum | no | no,Android      | no |
+| BackgroundVideo | social为instagramstories,facebookstories时分享的视频 | enum | no | no,Android      | no |
+| StickerImage | social为instagramstories,facebookstories时分享的贴纸图  | enum  | no | no,Android  | no |
+| BackgroundAndStickerImage | social为instagramstories,facebookstories时分享的背景贴纸 | enum  | no | iOS,Android      | no |
+
+**ActivityType**：系统分享面板上支持的分享操作
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  ActivityType  |  default \| addToReadingList \| airDrop \| assignToContact \| copyToPasteBoard \| mail \| message \|  openInIBooks \| postToFacebook \| postToFlickr \|  postToTencentWeibo \| postToTwitter \| postToVimeo \|  postToWeibo \|  print \| saveToCameraRoll \| markupAsPDF | string | no | iOS,Android      | no |
+
+
+**ShareSingleResult**：调用三方分享接口返回的数据类型
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  message  | 返回的消息 | string | yes | iOS,Android      | yes |
+| success | 是否成功 | boolean | yes | iOS,Android      | yes |
+
+**ShareOpenResult**： 调用系统分享接口返回的数据类型
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  message  | 返回的消息 | string | yes | iOS,Android      | yes |
+| success | 是否成功 | boolean | yes | iOS,Android      | yes |
+
+**IsPackageInstalledResult**：调用是否安装三方应用接口返回的数据类型
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  message  | 返回的消息 | string | yes | iOS,Android      | yes |
+| isInstalled | 三方APP是否已安装 | boolean | yes | iOS,Android      | yes |
+
+**ActivityItem**：系统面板分享类型
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  type  |活动面板类型 text \| url  | string | yes | iOS    | no |
+| content | 内容 | boolean | yes | iOS  | no |
+
+**LinkMetadata**：系统分享中自定义分享操作的元数据
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  originalUrl  | 元数据请求的原始URL | string | no | iOS      | no |
+| url | 元数据的URL | boolean | no | iOS      | no |
+| title | URL代表的标题 | boolean | no | iOS      | no |
+| icon | URL代表的icon | boolean | no | iOS      | no |
+| image | URL的代表性图像数据 | boolean | no | iOS      | no |
+| remoteVideoUrl | URL的代表视频相对应的远程URL | boolean | no | iOS      | no |
+| video | URL的代表视频数据 | boolean | no | iOS      | no |
+
+**ActivityItemSource**：系统分享中自定义分享数据
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  placeholderItem  | 分享数据的占位显示数据 | ActivityItem | yes | iOS      | no |
+| item | 分享操作项 | ActivityItem | yes | iOS      | no |
+| subject | 分享内容 | string | no | iOS      | no |
+| dataTypeIdentifier | 数据类型标识符 | string | no | iOS      | no |
+| thumbnailImage | 分享数据的缩略图 | string | no | iOS      | no |
+| linkMetadata | 分享的数据 | LinkMetadata | no | iOS      | no |
+
+
+## 遗留问题
+
+- [ ] 无法分享三方APP问题：[issue#1](https://github.com/react-native-oh-library/react-native-share/issues/1)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-share/react-native-share/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 7ececbeb1e1f3c72158dd10b3de7a0cb3cb2b1f1 Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Tue, 23 Jul 2024 06:47:17 +0000
Subject: [PATCH 222/966] =?UTF-8?q?!1160=20docs:=20[Issues:=20#IAEX9S]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-text-gradient=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAEX9S]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-text-gradient=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-text-gradient.md | 32 +++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/zh-cn/react-native-text-gradient.md b/zh-cn/react-native-text-gradient.md
index ce4d61c2..199b531e 100644
--- a/zh-cn/react-native-text-gradient.md
+++ b/zh-cn/react-native-text-gradient.md
@@ -166,6 +166,22 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
+### 在 ArkTs 侧引入 LinearTextGradientPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {LinearTextGradientPackage} from '@react-native-oh-tpl/react-native-text-gradient/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new LinearTextGradientPackage(ctx)
+  ];
+}
+```
+
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -191,18 +207,18 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name            |                                                                           Description                                                               |  Type  | Required | Platform     | HarmonyOS Support  |
 | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------| ------ | -------- | -------------| ------------------ |
-| start           | Coordinates declare the position that the gradient starts at, as a fraction of the overall size of the gradient, starting from the top left corner. | number |   yes    | IOS/Android  |       yes          |
-| end             | Same as start, but for the end of the gradient.                                                                                                     | number |   yes    | IOS/Android  |       yes          |
-| loactions       | An optional array of numbers defining the location of each gradient color stop, mapping to the color with the same index in prop.                   | number[]  |   yes    | IOS/Android  |       yes          |
-| colors          | An array of at least two color values that represent gradient colors.                                                                               | string   |   yes    | IOS/Android  |       yes          |
-| useViewFrame    | Optional. If true gradient will be calculated for text view background frame rather than text frame.                                                | boolean  |   yes    | IOS/Android  |       yes          |
-| useGlobalCache  |  accessing or managing a cache that is available globally throughout the application.                                                               | boolean  |   yes    | IOS/Android  |       yes         |
+| start           | Coordinates declare the position that the gradient starts at, as a fraction of the overall size of the gradient, starting from the top left corner. | number |   yes    | iOS/Android  |       yes          |
+| end             | Same as start, but for the end of the gradient.                                                                                                     | number |   yes    | iOS/Android  |       yes          |
+| loactions       | An optional array of numbers defining the location of each gradient color stop, mapping to the color with the same index in prop.                   | number[]  |   yes    | iOS/Android  |       yes          |
+| colors          | An array of at least two color values that represent gradient colors.                                                                               | string   |   yes    | iOS/Android  |       yes          |
+| useViewFrame    | Optional. If true gradient will be calculated for text view background frame rather than text frame.                                                | boolean  |   yes    | iOS/Android  |       yes          |
+| useGlobalCache  |  accessing or managing a cache that is available globally throughout the application.                                                               | boolean  |   yes    | iOS/Android  |       yes         |
 
 
 ## 遗留问题

From 77b3c1c7407aa2b19c4154cbc5d2a97e7cded3e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Tue, 23 Jul 2024 06:54:44 +0000
Subject: [PATCH 223/966] =?UTF-8?q?!1155=20docs:=20[Issues:=20#IAEQY7]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-crop-picker=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAEQY7]=20=E4=BF=AE=E6=94=B9react-native-image-crop-picker?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-crop-picker.md | 127 +++++++++---------------
 1 file changed, 45 insertions(+), 82 deletions(-)

diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index a86de25b..07096d25 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -852,10 +852,14 @@ export default class ImageEditAbility extends UIAbility {
       windowInstance.setPreferredOrientation(orientation);
     })
   }
+
+  onBackground() {
+    this.context.terminateSelf();
+  }
 }
 ```
 
-**2.在 entry/src/main/module.json5 注册 ImageEditAbility 并添加 requestPermissions**
+**2.在 entry/src/main/module.json5 注册 ImageEditAbility**
 
 ```
 "ablilities":[{
@@ -865,44 +869,12 @@ export default class ImageEditAbility extends UIAbility {
         "icon": "$media:icon",
         "startWindowIcon": "$media:startIcon",
         "startWindowBackground": "$color:start_window_background",
-        "visible": true,
+        "removeMissionAfterTerminate": true,
 
 }
 ...
 ]
 
-"requestPermissions": [
-      {
-        "name": "ohos.permission.MEDIA_LOCATION",
-        "reason": "$string:reason",
-        "usedScene": {
-          "abilities": [
-            "ImageEditAbility"
-          ],
-          "when": "inuse"
-        }
-      },
-      {
-        "name": "ohos.permission.READ_MEDIA",
-        "reason": "$string:reason",
-        "usedScene": {
-          "abilities": [
-            "ImageEditAbility"
-          ],
-          "when": "inuse"
-        }
-      },
-      {
-        "name": "ohos.permission.WRITE_MEDIA",
-        "reason": "$string:reason",
-        "usedScene": {
-          "abilities": [
-            "ImageEditAbility"
-          ],
-          "when": "inuse"
-        }
-      }
-    ]
 ```
 
 **3.在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
@@ -937,21 +909,6 @@ struct ImageEdit {
 }
 ```
 
-**5.在 entry 目录下添加申请权限的原因**
-
-打开 `entry/src/main/resources/base/element/string.json`，添加：
-
-```
-{
-  "string": [
-+    {
-+      "name": "reason",
-+      "value": "Access Write Media"
-+    }
-  ]
-}
-```
-
 ### 引入原生端代码
 
 目前有两种方法：
@@ -1024,18 +981,24 @@ ohpm install
 
 ## API
 
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name        | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | ----------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| openPicker  | Call single image picker with cropping                       | function | no       | ios/Android | yes               |
-| clean       | Module is creating tmp images which are going to be cleaned up automatically somewhere in the future. If you want to force cleanup, you can use `clean` to clean all tmp files, or `cleanSingle(path)` to clean single tmp file. | function | no       | ios/Android | yes               |
-| openCropper | Crop image and rotate,                                       | function | no       | ios/Android | yes               |
-| cleanSingle | Delete a single cache file                                   | function | no       | ios/Android | yes               |
-| openCamera  | Select from camera                                           | function | no       | ios/Android | yes               |
+| openPicker  | Call single image picker with cropping                       | function | no       | iOS/Android | yes               |
+| clean       | Module is creating tmp images which are going to be cleaned up automatically somewhere in the future. If you want to force cleanup, you can use `clean` to clean all tmp files, or `cleanSingle(path)` to clean single tmp file. | function | no       | iOS/Android | yes               |
+| openCropper | Crop image and rotate,                                       | function | no       | iOS/Android | yes               |
+| cleanSingle | Delete a single cache file                                   | function | no       | iOS/Android | yes               |
+| openCamera  | Select from camera                                           | function | no       | iOS/Android | yes               |
 
 ## 属性
 
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
 **cropData**
 
 | Name                                      | Type                             | Description                                               | Required | Platform | HarmonyOS Support |
@@ -1044,41 +1007,41 @@ ohpm install
 | `width`                                   | number                                                       | Width of result image when used with `cropping` option       | no       | All      | yes      |
 | height                                    | number                                                       | Height of result image when used with `cropping` option      | no       | All      | yes      |
 | multiple                                  | bool (default false)                                         | Enable or disable multiple image selection                   | no       | All      | yes      |
-| writeTempFile (ios only)                  | bool (default true)                                          | When set to false, does not write temporary files for the selected images. This is useful to improve performance when you are retrieving file contents with the `includeBase64` option and don't need to read files from disk. | no       | ios      | yes      |
+| writeTempFile (iOS only)               | bool (default true)                                          | When set to false, does not write temporary files for the selected images. This is useful to improve performance when you are retrieving file contents with the `includeBase64` option and don't need to read files from disk. | no       | iOS   | yes      |
 | includeBase64                             | bool (default false)                                         | When set to true, the image file content will be available as a base64-encoded string in the `data` property. Hint: To use this string as an image source, use it like: `<Image source={{uri: `data:image.mime;base64,𝑖𝑚𝑎𝑔𝑒.𝑚𝑖𝑚𝑒;𝑏𝑎𝑠𝑒64,{image.data}`}} />` | no       | All      | yes      |
 | includeExif                               | bool (default false)                                         | Include image exif data in the response                      | no       | All      | yes      |
-| avoidEmptySpaceAroundImage (ios only)     | bool (default true)                                          | When set to true, the image will always fill the mask space. | no       | ios      | no       |
-| cropperActiveWidgetColor (android only)   | string (default `"#424242"`)                                 | When cropping image, determines ActiveWidget color.          | no       | android  | no       |
-| cropperStatusBarColor (android only)      | string (default `#424242`)                                   | When cropping image, determines the color of StatusBar.      | no       | android  | no       |
-| cropperToolbarColor (android only)        | string (default `#424242`)                                   | When cropping image, determines the color of Toolbar.        | no       | android  | no       |
-| cropperToolbarWidgetColor (android only)  | string (default `darker orange`)                             | When cropping image, determines the color of Toolbar text and buttons. | no       | android  | no       |
+| avoidEmptySpaceAroundImage (iOS only)  | bool (default true)                                          | When set to true, the image will always fill the mask space. | no       | iOS   | no       |
+| cropperActiveWidgetColor (Android only) | string (default `"#424242"`)                                 | When cropping image, determines ActiveWidget color.          | no       | Android | no       |
+| cropperStatusBarColor (Android only) | string (default `#424242`)                                   | When cropping image, determines the color of StatusBar.      | no       | Android | no       |
+| cropperToolbarColor (Android only) | string (default `#424242`)                                   | When cropping image, determines the color of Toolbar.        | no       | Android | no       |
+| cropperToolbarWidgetColor (Android only) | string (default `darker orange`)                             | When cropping image, determines the color of Toolbar text and buttons. | no       | Android | no       |
 | freeStyleCropEnabled                      | bool (default false)                                         | Enables user to apply custom rectangle area for cropping     | no       | All      | yes      |
 | cropperToolbarTitle                       | string (default `Edit Photo`)                                | When cropping image, determines the title of Toolbar.        | no       | All      | yes      |
 | cropperCircleOverlay                      | bool (default false)                                         | Enable or disable circular cropping mask.                    | no       | All      | yes      |
-| disableCropperColorSetters (android only) | bool (default false)                                         | When cropping image, disables the color setters for cropping library. | no       | All      | no       |
-| minFiles (ios only)                       | number (default 1)                                           | Min number of files to select when using `multiple` option   | no       | ios      | yes      |
-| maxFiles (ios only)                       | number (default 5)                                           | Max number of files to select when using `multiple` option   | no       | ios      | yes      |
-| waitAnimationEnd (ios only)               | bool (default true)                                          | Promise will resolve/reject once ViewController `completion` block is called | no       | ios      | no       |
-| smartAlbums (ios only)                    | array ([supported values](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fblob%2Fmaster%2FREADME.md%23smart-album-types-ios)) (default ['UserLibrary', 'PhotoStream', 'Panoramas', 'Videos', 'Bursts']) | List of smart albums to choose from                          | no       | ios      | no       |
+| disableCropperColorSetters (Android only) | bool (default false)                                         | When cropping image, disables the color setters for cropping library. | no       | Android | no       |
+| minFiles (iOS only)                    | number (default 1)                                           | Min number of files to select when using `multiple` option   | no       | iOS   | yes      |
+| maxFiles (iOS only)                    | number (default 5)                                           | Max number of files to select when using `multiple` option   | no       | iOS   | yes      |
+| waitAnimationEnd (iOS only)            | bool (default true)                                          | Promise will resolve/reject once ViewController `completion` block is called | no       | iOS   | no       |
+| smartAlbums (iOS only)                 | array ([supported values](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fblob%2Fmaster%2FREADME.md%23smart-album-types-ios)) (default ['UserLibrary', 'PhotoStream', 'Panoramas', 'Videos', 'Bursts']) | List of smart albums to choose from                          | no       | iOS   | no       |
 | useFrontCamera                            | bool (default false)                                         | Whether to default to the front/'selfie' camera when opened. Please note that not all Android devices handle this parameter, see [issue #1058](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fissues%2F1058) | no       | All      | yes      |
-| compressVideoPreset (ios only)            | string (default MediumQuality)                               | Choose which preset will be used for video compression       | no       | ios      | no       |
+| compressVideoPreset (iOS only)         | string (default MediumQuality)                               | Choose which preset will be used for video compression       | no       | iOS   | no       |
 | compressImageMaxWidth                     | number (default none)                                        | Compress image with maximum width                            | no       | All      | yes      |
 | compressImageMaxHeight                    | number (default none)                                        | Compress image with maximum height                           | no       | All      | yes      |
 | compressImageQuality                      | number (default 1 (Android)/0.8 (iOS))                       | Compress image with quality (from 0 to 1, where 1 is best quality). On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images, while a value of 0.8 will reduce the file size by about half or less compared to a value of 1. | no       | All      | yes      |
-| loadingLabelText (ios only)               | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | ios      | yes      |
+| loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | yes      |
 | mediaType                                 | string (default any)                                         | Accepted mediaType for image selection, can be one of: 'photo', 'video', or 'any' | no       | All      | yes      |
-| showsSelectedCount (ios only)             | bool (default true)                                          | Whether to show the number of selected assets                | no       | ios      | yes      |
-| sortOrder (ios only)                      | string (default 'none', supported values: 'asc', 'desc', 'none') | Applies a sort order on the creation date on how media is displayed within the albums/detail photo views when opening the image picker | no       | ios      | no       |
-| forceJpg (ios only)                       | bool (default false)                                         | Whether to convert photos to JPG. This will also convert any Live Photo into its JPG representation | no       | ios      | yes      |
-| showCropGuidelines (android only)         | bool (default true)                                          | Whether to show the 3x3 grid on top of the image during cropping | no       | android  | yes      |
-| showCropFrame (android only)              | bool (default true)                                          | Whether to show crop frame during cropping                   | no       | android  | yes      |
-| hideBottomControls (android only)         | bool (default false)                                         | Whether to display bottom controls                           | no       | android  | no       |
-| enableRotationGesture (android only)      | bool (default false)                                         | Whether to enable rotating the image by hand gesture         | no       | android  | yes      |
-| cropperChooseText (ios only)              | string (default choose)                                      | Choose button text                                           | no       | ios      | yes      |
-| cropperChooseColor (ios only)             | string (default `#FFCC00`)                                   | HEX format color for the Choose button. [Default color is controlled by TOCropViewController](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FTimOliver%2FTOCropViewController%2Fblob%2Fa942414508012b13102f776eb65dac655f31cabb%2FObjective-C%2FTOCropViewController%2FViews%2FTOCropToolbar.m%23L444). | no       | ios      | yes      |
-| cropperCancelText (ios only)              | string (default Cancel)                                      | Cancel button text                                           | no       | ios      | yes      |
-| cropperCancelColor (ios only)             | string (default tint `iOS` color )                           | HEX format color for the Cancel button. Default value is the default tint iOS color [controlled by TOCropViewController](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FTimOliver%2FTOCropViewController%2Fblob%2Fa942414508012b13102f776eb65dac655f31cabb%2FObjective-C%2FTOCropViewController%2FViews%2FTOCropToolbar.m%23L433) | no       | ios      | yes      |
-| cropperRotateButtonsHidden (ios only)     | bool (default false)                                         | Enable or disable cropper rotate buttons                     | no       | ios      | yes      |
+| showsSelectedCount (iOS only)          | bool (default true)                                          | Whether to show the number of selected assets                | no       | iOS   | yes      |
+| sortOrder (iOS only)                   | string (default 'none', supported values: 'asc', 'desc', 'none') | Applies a sort order on the creation date on how media is displayed within the albums/detail photo views when opening the image picker | no       | iOS   | no       |
+| forceJpg (iOS only)                    | bool (default false)                                         | Whether to convert photos to JPG. This will also convert any Live Photo into its JPG representation | no       | iOS   | yes      |
+| showCropGuidelines (Android only) | bool (default true)                                          | Whether to show the 3x3 grid on top of the image during cropping | no       | Android | yes      |
+| showCropFrame (Android only)      | bool (default true)                                          | Whether to show crop frame during cropping                   | no       | Android | yes      |
+| hideBottomControls (Android only) | bool (default false)                                         | Whether to display bottom controls                           | no       | Android | no       |
+| enableRotationGesture (Android only) | bool (default false)                                         | Whether to enable rotating the image by hand gesture         | no       | Android | yes      |
+| cropperChooseText (iOS only)           | string (default choose)                                      | Choose button text                                           | no       | iOS   | yes      |
+| cropperChooseColor (iOS only)          | string (default `#FFCC00`)                                   | HEX format color for the Choose button. [Default color is controlled by TOCropViewController](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FTimOliver%2FTOCropViewController%2Fblob%2Fa942414508012b13102f776eb65dac655f31cabb%2FObjective-C%2FTOCropViewController%2FViews%2FTOCropToolbar.m%23L444). | no       | iOS   | yes      |
+| cropperCancelText (iOS only)           | string (default Cancel)                                      | Cancel button text                                           | no       | iOS   | yes      |
+| cropperCancelColor (iOS only)          | string (default tint `iOS` color )                           | HEX format color for the Cancel button. Default value is the default tint iOS color [controlled by TOCropViewController](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FTimOliver%2FTOCropViewController%2Fblob%2Fa942414508012b13102f776eb65dac655f31cabb%2FObjective-C%2FTOCropViewController%2FViews%2FTOCropToolbar.m%23L433) | no       | iOS   | yes      |
+| cropperRotateButtonsHidden (iOS only)  | bool (default false)                                         | Enable or disable cropper rotate buttons                     | no       | iOS   | yes      |
 
 ## 遗留问题
 
@@ -1089,9 +1052,9 @@ ohpm install
 - [ ] 裁剪图像时，禁用裁剪库的颜色设置器 [#8](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/8)
 - [ ] 裁剪图像时，确定工具栏文本和按钮的颜色 [#9](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/9)
 - [ ] 调用ViewController“completion”块，Promise将解析/拒绝， HarmonyOS 不支持 [#10](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/10)
-- [ ] Ios支持智能相册列表  [#11](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/11)
-- [ ] Ios视频压缩的预设 [#12](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/12)
-- [ ] Ios智能相册排序  [#13](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/13)
+- [ ] iOS支持智能相册列表  [#11](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/11)
+- [ ] iOS视频压缩的预设 [#12](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/12)
+- [ ] iOS智能相册排序  [#13](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/13)
 - [ ] Android Demo 设置是否显示底部控件 [#14](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/14)
 
 ## 其他

From 6f6873502ea67f77d5d379418f89f80f84595850 Mon Sep 17 00:00:00 2001
From: feng <fengbolun1@h-partners.com>
Date: Tue, 23 Jul 2024 08:13:47 +0000
Subject: [PATCH 224/966] =?UTF-8?q?!1071=20docs:=20[Issues:=20#IACVXF]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IACVXF]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-code-push=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-code-push.md | 160 +++++++++++++++-----------------
 1 file changed, 77 insertions(+), 83 deletions(-)

diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index ba5c9767..38325175 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -71,7 +71,7 @@ yarn add @react-native-oh-tpl/react-native-code-push@file:#
 
 import React, {Component} from 'react'
 import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
-import CodePush from '@react-native-oh-tpl/react-native-code-push';
+import CodePush from 'react-native-code-push';
 class App extends Component<any,any>{
     constructor(props:any) {
         super(props);
@@ -260,92 +260,86 @@ ohpm install
 
 ```diff
 ...
-+ import fs from  "@ohos.file.fs";
 + import common from '@ohos.app.ability.common';
 + let context = getContext(this) as common.UIAbilityContext;
++ import BuildProfile from 'BuildProfile';
++ interface CodePushConfig{
++  Staging:String;
++  Production:String;
++  ServerUrl:String;
++  PublicKey:String;
++ }
 struct Index {
   @StorageLink('RNOHCoreContext') private rnohCoreContext: RNOHCoreContext | undefined = undefined
   @State shouldShow: boolean = false
   private logger!: RNOHLogger
-+ bundlePath:string = 'bunlde.harmony.js'
-+ @State hasBundle:boolean = false
++ bundlePath:string = 'bundle.harmony.js'
 aboutToAppear() {
      ...
-+   this.checkBundleUpdated()
++   this.setCodeConfig()
     this.shouldShow = true
     stopTracing()
   }
-
-+ async downloadBunlde(){
-+    let uint8Array = await context.resourceManager.getRawFileContent('rawfile/bundle.harmony.js');
-+    let rawBuffer = uint8Array.buffer;
-+    const bundlePath = context.filesDir + '/' + this.bundlePath;
-+    let stream = fs.createStreamSync(bundlePath,'w');
-+    stream.writeSync(rawBuffer);
-+    stream.closeSync();
-+    this.hasBundle = true;
-+  }
-
-+ checkBundleUpdated():void{
-+    if(context){
-+     const bundlePath = context.filesDir + '/' + this.bundlePath;
-+     try{
-+       const  stat = fs.statSync(bundlePath)
-+       if(stat.size == 0){
-+         this.downloadBunlde()
-+       }else{
-+         this.hasBundle = true
-+       }
-+     } catch (e) {
-+       this.downloadBunlde()
-+     }
-+   }
++ setCodeConfig(){
++    const CodePushConfig: CodePushConfig = {
++      Staging:BuildProfile.Staging,
++      Production:BuildProfile.Production,
++      ServerUrl:BuildProfile.ServerUrl,
++      PublicKey:BuildProfile.PublicKey
++    }
++    AppStorage.SetOrCreate('CodePushConfig',CodePushConfig)
 +  }
-
 build() {
    Column() {
     ...
-+if(context && this.hasBundle){
     RNApp({
-      ...
-      //替换jsBundleProvider
-+    jsBundleProvider: new FileJSBundleProvider(context.filesDir + '/' + this.bundlePath)
+    jsBundleProvider:new TraceJSBundleProviderDecorator(
+            new AnyJSBundleProvider([
+              new MetroJSBundleProvider(),
+              // NOTE: to load the bundle from file, place it in
+              // `/data/app/el2/100/base/com.rnoh.tester/files/bundle.harmony.js`
+              // on your device. The path mismatch is due to app sandboxing on HarmonyOS
++              new FileJSBundleProvider(context.filesDir + '/' + this.bundlePath),
+              new FileJSBundleProvider('/data/storage/el2/base/files/bundle.harmony.js'),
+              new ResourceJSBundleProvider(this.rnohCoreContext.uiAbilityContext.resourceManager, 'hermes_bundle.hbc'),
+              new ResourceJSBundleProvider(this.rnohCoreContext.uiAbilityContext.resourceManager, 'bundle.harmony.js')
+            ]),
+            this.rnohCoreContext.logger),
     })
-+}else {
-+    Row(){
-+       Text('未加载bundle');
-+   }
-+   .height(100)
-+}
-    }
 
    }
 
 }
 ```
 
-打开`tester/harmony/entry/src/main/resources/base/element/string.json`，添加配置
+打开`tester/harmony/entry/build-profile.json5`，添加配置
 
 ```diff
 {
-  "string": [
-   ...
-+     {
-+       "name": "Staging",
-+       "value": "" //绑定服务平台，返回的测试环境的Key
-+     },
-+     {
-+       "name": "Production",
-+       "value": "" //绑定服务平台，返回的生产环境的Key
-+     },
-+     {
-+       "name": "ServerUrl",
-+       "value": "" //code-push-server服务地址
-+     },
-+     {
-+       "name": "PublicKey",
-+       "value": "PublicKey"
-+     }
+  "apiType": 'stageMode',
+  "buildOption": {
+    "externalNativeOptions": {
+      "path": "./src/main/cpp/CMakeLists.txt",
+      "arguments": "",
+      "cppFlags": "-s",
+    },
++    "arkOptions": {
++      "buildProfileFields": {
++        "Staging": "", //测试环境Key
++        "Production": "",//生产环境Key
++        "ServerUrl": "",//服务端地址
++        "PublicKey": "PublicKey"
+      }
+    }
+  },
+  "targets": [
+    {
+      "name": "default",
+      "runtimeOS": "HarmonyOS"
+    },
+    {
+      "name": "ohosTest",
+    }
   ]
 }
 ```
@@ -362,14 +356,14 @@ build() {
 
 ## API
 
-| Name              | Description                                                                                                                  | Type     | Required | Platform    | HarmonyOS Support |
-| ----------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| Name              | Description                                                                                                                  | Type     | Required | Platform                                | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------------------------------- | ----------------- |
 | sync              | sync方法，自动模式更新                                                                                                                | function | yes      | Android IOS | yes               |
-| getUpdateMetadata | 获取当前已安装更新的元数据(RemotePackage),当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                 | function | no       | Android IOS | yes               |
-| DownloadProgress  | 下载中的进度回调，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android IOS | yes               |
-| restartApp        | 重启App，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                        | function | no       | Android IOS | yes               |
-| getCurrentPackage | 获取应用版本信息，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android IOS | yes               |
-| getConfiguration  | 获取应用配置信息，appVersion（版本号），deploymentKey（deploymentKey），serverUrl（服务器地址），clientUniqueId（唯一标识码）,当使用sync方法时，不需要调用本方法，因为sync会自动调用 | function | no       | Android IOS | yes               |
+| getUpdateMetadata | 获取当前已安装更新的元数据(RemotePackage),当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                 | function | no       | Android iOS                             | yes               |
+| DownloadProgress  | 下载中的进度回调，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android iOS                             | yes               |
+| restartApp        | 重启App，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                        | function | no       | Android iOS                             | yes               |
+| getCurrentPackage | 获取应用版本信息，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android iOS                             | yes               |
+| getConfiguration  | 获取应用配置信息，appVersion（版本号），deploymentKey（deploymentKey），serverUrl（服务器地址），clientUniqueId（唯一标识码）,当使用sync方法时，不需要调用本方法，因为sync会自动调用 | function | no       | Android iOS                             | yes               |
 
 **updateDialog**
 
@@ -377,14 +371,14 @@ build() {
 
 | Name                         | Description                                                                      | Type    | Required | Platform    | HarmonyOS Support |
 | ---------------------------- | -------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
-| appendReleaseDescription     | 是否显示更新description，默认为false                                                       | boolean | no       | Android IOS | yes               |
-| descriptionPrefix            | 更新说明的前缀。 默认是” Description:                                                       | string  | no       | Android IOS | yes               |
-| mandatoryContinueButtonLabel | 强制更新的按钮文字，默认为continue                                                            | string  | no       | Android IOS | yes               |
-| mandatoryUpdateMessage       | 强制更新时，更新通知. Defaults to “An update is available that must be installed.”         | string  | no       | Android IOS | yes               |
-| optionalIgnoreButtonLabel    | updateDialog非强制更新时，取消按钮文字,默认是ignore                                              | string  | no       | Android IOS | yes               |
-| optionalInstallButtonLabel   | 非强制更新时，确认文字. Defaults to “Install”                                               | string  | no       | Android IOS | yes               |
-| optionalUpdateMessage        | 非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?” | string  | no       | Android IOS | yes               |
-| title                        | 要显示的更新通知的标题. Defaults to “Update available”.                                     | string  | no       | Android IOS | yes               |
+| appendReleaseDescription     | 是否显示更新description，默认为false                                                       | boolean | no       | Android iOS | yes               |
+| descriptionPrefix            | 更新说明的前缀。 默认是” Description:                                                       | string  | no       | Android iOS | yes               |
+| mandatoryContinueButtonLabel | 强制更新的按钮文字，默认为continue                                                            | string  | no       | Android iOS | yes               |
+| mandatoryUpdateMessage       | 强制更新时，更新通知. Defaults to “An update is available that must be installed.”         | string  | no       | Android iOS | yes               |
+| optionalIgnoreButtonLabel    | updateDialog非强制更新时，取消按钮文字,默认是ignore                                              | string  | no       | Android iOS | yes               |
+| optionalInstallButtonLabel   | 非强制更新时，确认文字. Defaults to “Install”                                               | string  | no       | Android iOS | yes               |
+| optionalUpdateMessage        | 非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?” | string  | no       | Android iOS | yes               |
+| title                        | 要显示的更新通知的标题. Defaults to “Update available”.                                     | string  | no       | Android iOS | yes               |
 
 **SyncStatus**
 
@@ -392,13 +386,13 @@ build() {
 
 | Name                 | Description                                                         | Type   | Required | Platform    | HarmonyOS Support |
 | -------------------- | ------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| UP_TO_DATE           | 值为0，代表应用程序已完全更新到配置的部署,                                              | number | no       | Android IOS | yes               |
-| UPDATE_INSTALLED     | 值为1，已安装可用更新，并将在syncStatusChangedCallback函数返回后立即运行或在下次应用程序恢复/重新启动时运行 | number | no       | Android IOS | yes               |
-| UNKNOWN_ERROR        | 值为3，同步操作发现未知错误                                                      | number | no       | Android IOS | yes               |
-| CHECKING_FOR_UPDATE  | 值为5，正在查询 CodePush 服务器是否有更新                                          | number | no       | Android IOS | yes               |
-| AWAITING_USER_ACTION | 值为6，有更新可用，并向最终用户显示确认对话框。（仅在updateDialog使用时适用）                       | number | no       | Android IOS | yes               |
-| DOWNLOADING_PACKAGE  | 值为7，在从 CodePush 服务器下载可用更新                                           | number | no       | Android IOS | yes               |
-| INSTALLING_UPDATE    | 值为8，已下载可用更新并将安装                                                     | number | no       | Android IOS | yes               |
+| UP_TO_DATE           | 值为0，代表应用程序已完全更新到配置的部署,                                              | number | no       | Android iOS | yes               |
+| UPDATE_INSTALLED     | 值为1，已安装可用更新，并将在syncStatusChangedCallback函数返回后立即运行或在下次应用程序恢复/重新启动时运行 | number | no       | Android iOS | yes               |
+| UNKNOWN_ERROR        | 值为3，同步操作发现未知错误                                                      | number | no       | Android iOS | yes               |
+| CHECKING_FOR_UPDATE  | 值为5，正在查询 CodePush 服务器是否有更新                                          | number | no       | Android iOS | yes               |
+| AWAITING_USER_ACTION | 值为6，有更新可用，并向最终用户显示确认对话框。（仅在updateDialog使用时适用）                       | number | no       | Android iOS | yes               |
+| DOWNLOADING_PACKAGE  | 值为7，在从 CodePush 服务器下载可用更新                                           | number | no       | Android iOS | yes               |
+| INSTALLING_UPDATE    | 值为8，已下载可用更新并将安装                                                     | number | no       | Android iOS | yes               |
 
 
 

From 050dbdd6019a9670d6c320efe1e003ec5d563bfc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Tue, 23 Jul 2024 08:26:48 +0000
Subject: [PATCH 225/966] =?UTF-8?q?!1038=20docs:=20[#IAC4IE]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-material-ui=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAC4IE]=20=E6=96=B0=E5=A2=9Ereact-nat?=
 =?UTF-8?q?ive-material-ui=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-material-ui.md | 605 ++++++++++++++++++++++++++++++
 1 file changed, 605 insertions(+)
 create mode 100644 zh-cn/react-native-material-ui.md

diff --git a/zh-cn/react-native-material-ui.md b/zh-cn/react-native-material-ui.md
new file mode 100644
index 00000000..232b9fab
--- /dev/null
+++ b/zh-cn/react-native-material-ui.md
@@ -0,0 +1,605 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-material-ui</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/xotahal/react-native-material-ui">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!tip] [Github 地址](https://github.com/xotahal/react-native-material-ui)
+
+## 安装与使用
+
+请到三方库的 Releases
+发布地址查看配套的版本信息：[@react-native-oh-tpl/react-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases)
+，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+[!TIP] # 处替换为 tgz 包的路径
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-material-ui@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-material-ui@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+```js
+
+import { ActionButton} from 'react-native-material-ui';
+import { View, StyleSheet,ScrollView,Text } from 'react-native'
+import { useState } from 'react';
+
+const ActionButtonDemo = () => {
+  const [actionText,setActionText] = useState('')
+  return (
+      <>
+        <ScrollView style={styles.scrollView}>
+              <View style={styles.view}>
+                <ActionButton
+                  actions={[
+                    { icon: 'email', label: 'Email',name:'email'},
+                    { icon: 'phone', label: 'Phone',name:'Phone' },
+                    { icon: 'sms', label: 'Text',name:'Text' },
+                    { icon: 'chat', label: 'chat',name:'chat' },
+                ]}
+                  icon='email'
+                  transition="speedDial"
+                />
+              </View>
+
+              <View style={styles.view}>
+                <ActionButton
+                  onPress={()=>setActionText("onPress actionText")}
+                  actions={[
+                    { icon: 'email', label: 'Email',name:'email'},
+                    { icon: 'phone', label: 'Phone',name:'Phone' },
+                    { icon: 'sms', label: 'Text',name:'Text' },
+                    { icon: 'chat', label: 'chat',name:'chat' },
+                ]}
+                  icon='email'
+                  transition="speedDial"
+                />
+                <Text>{actionText}</Text>
+              </View>
+
+              <View style={styles.view}>
+                <ActionButton
+                  actions={[{ icon: 'email', label: 'email', name: 'email' },
+                  { icon: 'phone', label: 'Phone', name: 'phone' },
+                  { icon: 'sms', label: 'text', name: 'text' },
+                  { icon: 'chat', label: 'chat', name: 'chat' }]}
+                  icon="share"
+                  transition="toolbar"
+                />
+              </View>
+
+              <View style={styles.view}>
+                <ActionButton
+                  style={{container:{backgroundColor:'blue'},icon:{color:'red'},positionContainer:{top:2,bottom:2}}}
+                  actions={[
+                    { icon: 'email', label: 'Email',name:'email'},
+                    { icon: 'phone', label: 'Phone',name:'Phone' },
+                    { icon: 'sms', label: 'Text',name:'Text' },
+                    { icon: 'chat', label: 'chat',name:'chat' },
+                ]}
+                  icon='email'
+                  transition="speedDial"
+                />
+                <Text>{actionText}</Text>
+              </View>
+
+              <View style={styles.view}>
+                <ActionButton
+                style={{toolbarContainer:{backgroundColor:'blue'}}}
+                  actions={[{ icon: 'email', label: 'email', name: 'email' },
+                  { icon: 'phone', label: 'Phone', name: 'phone' },
+                  { icon: 'sms', label: 'text', name: 'text' },
+                  { icon: 'chat', label: 'chat', name: 'chat' }]}
+                  icon="share"
+                  transition="toolbar"
+                />
+              </View>
+          </ScrollView>  
+          </>
+  )
+}
+
+const styles = StyleSheet.create({
+  view: {
+    width: '100%',
+    height: 350,
+  },
+  scrollView:{
+    marginBottom:70
+  }
+});
+
+
+export default ActionButtonDemo
+```
+### 在 ArkTs 侧引入和注册字体文件
+
+步骤一： 复制字体文件到 `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+
+步骤二： 打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+```
+    import font from '@ohos.font';
+    //...
+    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
+   const fonts: font.FontOptions[] = [
+  {
+    familyName: 'Material Icons',
+    familySrc: '/assets/fonts/MaterialIcons.ttf'
+  },
+  {
+    familyName: 'Pacifico-Regular',
+    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
+  },
+  {
+    familyName: 'StintUltraCondensed-Regular',
+    familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
+  },
+  {
+    familyName: 'Entypo',
+    familySrc: '/assets/fonts/Entypo.ttf'
+  },
+  {
+    familyName: 'EvilIcons',
+    familySrc: '/assets/fonts/EvilIcons.ttf'
+  },
+  {
+    familyName: 'Feather',
+    familySrc: '/assets/fonts/Feather.ttf'
+  },
+  {
+    familyName: 'FontAwesome5_Brands',
+    familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
+  },
+  {
+    familyName: 'FontAwesome5_Regular',
+    familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
+  },
+  {
+    familyName: 'FontAwesome5_Solid',
+    familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
+  },
+  {
+    familyName: 'Foundation',
+    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
+  },
+  {
+    familyName: 'Ionicons',
+    familySrc: '/assets/fonts/Ionicons.ttf'
+  },
+  {
+    familyName: 'Foundation',
+    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
+  },
+  {
+    familyName: 'MaterialCommunityIcons',
+    familySrc: '/assets/fonts/MaterialCommunityIcons.ttf'
+  },
+  {
+    familyName: 'Octicons',
+    familySrc: '/assets/fonts/Octicons.ttf'
+  },
+  {
+    familyName: 'SimpleLineIcons',
+    familySrc: '/assets/fonts/SimpleLineIcons.ttf'
+  },
+  {
+    familyName: 'Octicons',
+    familySrc: '/assets/fonts/Octicons.ttf'
+  },
+  {
+    familyName: 'Zocial',
+    familySrc: '/assets/fonts/Zocial.ttf'
+  },
+
+]
+
+    @Entry
+    @Component
+    struct Index {
+        //...
+        aboutToAppear() {
+            //...
+
+            //注册字体文件
+            for (const customFont of fonts) {
+                font.registerFont(customFont)
+            }
+        }
+        //...
+    }
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-ui Releases](https://github.com/react-native-oh-library/react-native-material-ui/releases)
+
+## 组件
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### ActionButton
+
+| Name       |                                                                                 Description                                                                                 |                   Type                    | Required |               Platform               | HarmonyOS Support |
+|:-----------|:---------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:-----------------------------------------:|:--------:|:------------------------------------:|:-----------------:|
+| actions    | Array of names of icons (or elements) that will be shown after the main button is pressed 。 Remember, you should specify key for each element, if you use array of elements |                 string[]                  |    no    |             iOS/Android              |       yes        |
+| onPress    |                                                           Called when button is pressed. Text is passed as param                                                            |              PropTypes.func               |    no    |             iOS/Android              |        yes        |
+| icon       |                                                                   If specified it'll be shown before text                                                                   |   PropTypes.element<br>PropTypes.string   |    no    |             iOS/Android              |        yes        |
+| transition |               Leave it empty if you don't want any transition after press. Otherwise, it will be transformed . to another view - depends on transition value.               | PropTypes.oneOf(['toolbar', 'speedDial']) |    no    |             iOS/Android              |        yes        |
+| style      |                                                                  ou can override any style for this button                                                                  |       **ActionButton style props**        |    no    |             iOS/Android              |        yes        |
+
+**ActionButton style props**
+
+| Name              | Description             | Type                 | Required | Platform    | HarmonyOS Support |
+|-------------------|-------------------------|----------------------|----------|-------------|-------------------|
+| container         | container style         | View.propTypes.style | no       | iOS/Android | yes               |
+| icon              | icon style              | Text.propTypes.style | no       | iOS/Android | yes               |
+| positionContainer | positionContainer style | View.propTypes.style | no       | iOS/Android | yes               |
+| toolbarContainer  | Toolbar styles          | View.propTypes.style | no       | iOS/Android | yes               |
+
+### Avatar
+
+| Name      |                                    Description                                    |                               Type                               | Required |  Platform   | HarmonyOS Support |
+|:----------|:---------------------------------------------------------------------------------:|:----------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| image     |                  If passed in, this component will render image.                  |       PropTypes.shape({ type: PropTypes.oneOf([Image]) }),       |    no    | iOS/Android |        yes        |
+| icon      |       If passed in, this component will render icon element inside avatar.        |                         PropTypes.string                         |    no    | iOS/Android |        yes        |
+| iconColor |         If passed in, this component will render an icon with this color.         |                         PropTypes.string                         |    no    | iOS/Android |        yes        |
+| iconSize  |         If passed in, this component will render an icon with this size.          |                         PropTypes.number                         |    no    | iOS/Android |        yes        |
+| text      |       If passed in, this component will render text element inside avatar.        |                         PropTypes.string                         |    no    | iOS/Android |        yes        |
+| size      | It's just sugar for: style: { width: size, height: size, borderRadius: size / 2 } |                         PropTypes.number                         |    no    | iOS/Android |        yes        |
+| style     |                              Inline style of avatar                               | container: View.propTypes.style<br>content: Text.propTypes.style |    no    | iOS/Android |        yes        |
+
+### Badge
+
+| Name     |                                        Description                                         |                     Type                      | Required |  Platform   | HarmonyOS Support |
+|:---------|:------------------------------------------------------------------------------------------:|:---------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| children |                      The badge will be added relatively to this node                       |                PropTypes.node                 |    no    | iOS/Android |        yes        |
+| text     |                       This is the content rendered within the badge                        |               PropTypes.string                |    no    | iOS/Android |        yes        |
+| icon     |           When the icon is set, the content will be <Icon name={icon} /> element           | PropTypes.string,<br>{name:string,color,size} |    no    | iOS/Android |        yes        |
+| size     | Just sugar for style={{ container: { width: size, height: size, borderRadius: size / 2 }}} |               PropTypes.number                |    no    | iOS/Android |        yes        |
+| stroke   |                                      Stroke on Badge                                       |               PropTypes.number                |    no    | iOS/Android |        yes        |
+
+### Icon
+
+| Name  |      Description      |   Type    | Required |  Platform   | HarmonyOS Support |
+|:------|:---------------------:|:---------:|:--------:|:-----------:|:-----------------:|
+| name  |       Icon name       |  string   |   yes    | iOS/Android |        yes        |
+| style | The style of the icon | ViewStyle |    no    |    iOS/Android    |        yes        |
+| size  | The size of the icon  |  number   |    no    | iOS/Android |        yes        |
+| color | The color of the icon |  string   |    no    | iOS/Android |        yes        |
+
+### IconToggle
+
+| Name       |                       Description                        |            Type             | Required |  Platform   | HarmonyOS Support |
+|:-----------|:--------------------------------------------------------:|:---------------------------:|:--------:|:-----------:|:-----------------:|
+| color      |                  The color of the icon                   |      PropTypes.string       |    no    | iOS/Android |        yes        |
+| maxOpacity |               Max opacity of ripple effect               |      PropTypes.number       |    no    | iOS/Android |        yes        |
+| percent    |                  Size of underlayColor                   |      PropTypes.number       |    no    | iOS/Android |        yes        |
+| disabled   |        If true, the interaction will be forbidden        |       PropTypes.bool        |    no    | iOS/Android |        yes        |
+| size       |  Size of icon (default is 24 - see spacing in palette)   |      PropTypes.number       |    no    | iOS/Android |        yes        |
+| name       |                   Name of icon to show                   | PropTypes.string.isRequired |   yes    | iOS/Android |        yes        |
+| children   | It'll be used instead of icon (see props name) if exists |      PropTypes.element      |    no    | iOS/Android |        yes        |
+
+### BottomNavigation
+
+| Name     |                   Description                   |              Type               | Required |  Platform   | HarmonyOS Support |
+|:---------|:-----------------------------------------------:|:-------------------------------:|:--------:|:-----------:|:-----------------:|
+| active   |         The key of selected/active tab          |        PropTypes.string         |    no    | iOS/Android |        yes        |
+| children |          BottomNavigation.Action nodes          |    PropTypes.node.isRequired    |   yes    | iOS/Android |        yes        |
+| hidden   | Whether or not the BottomNavigation should show |         PropTypes.bool          |    no    | iOS/Android |        yes        |
+| style    |        Inline style of bottom navigation        | container: View.propTypes.style |    no    | iOS/Android |        yes        |
+
+### BottomNavigation.Action
+
+| Name    |                                Description                                 |                                               Type                                                | Required |  Platform   | HarmonyOS Support |
+|:--------|:--------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| icon    |        Will be rendered above the label as a content of the action.        |                                    PropTypes.string.isRequired                                    |   yes    | iOS/Android |        yes        |
+| label   |         Will be rendered under the icon as a content of the action         |                                         PropTypes.string                                          |    no    | iOS/Android |        yes        |
+| active  | True if the action is active (for now it'll be highlight by primary color) |                                     PropTypes.bool.isRequired                                     |   yes    | iOS/Android |        yes        |
+| onPress |                        Callback for on press event                         |                                          PropTypes.func                                           |    no    | iOS/Android |        yes        |
+| style   |                     Inline style of bottom navigation                      | container: View.propTypes.style<br>active: Text.propTypes.style<br>disabled: Text.propTypes.style |    no    | iOS/Android |        yes        |
+
+### Button
+
+| Name      |                      Description                       |                             Type                              | Required |  Platform   | HarmonyOS Support |
+|:----------|:------------------------------------------------------:|:-------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| disabled  |            If true button will be disabled             |                        PropTypes.bool                         |    no    | iOS/Android |        yes        |
+| raised    |             If true button will be raised              |                        PropTypes.bool                         |    no    | iOS/Android |        yes        |
+| primary   |        If the button should have primary color         |                        PropTypes.bool                         |    no    | iOS/Android |        yes        |
+| accent    |         If the button should have accent color         |                       PropTypes.number                        |    no    | iOS/Android |        yes        |
+| onPress   | Called when button is pressed. Text is passed as param |                        PropTypes.func                         |    no    | iOS/Android |        yes        |
+| text      |              Text will be shown on button              |                  PropTypes.string.isRequired                  |   yes    | iOS/Android |        yes        |
+| upperCase |        Button text will be in uppercase letters        |                        PropTypes.bool                         |    no    | iOS/Android |        yes        |
+| icon      |        If specified it'll be shown before text         |                       PropTypes.string                        |    no    | iOS/Android |        yes        |
+| style     |       You can override any style for this button       | container: View.propTypes.style<br>text: Text.propTypes.style |    no    | iOS/Android |        yes        |
+
+### Card
+
+| Name    |               Description                |       Type       | Required |  Platform   | HarmonyOS Support |
+|:--------|:----------------------------------------:|:----------------:|:--------:|:-----------:|:-----------------:|
+| onPress |       Called when card is pressed        |  PropTypes.func  |    no    | iOS/Android |        yes        |
+| style   | You can override any style for this card | PropTypes.object |    no    | iOS/Android |        yes        |
+
+### Checkbox
+
+| Name          |                 Description                  |                                 Type                                 | Required |  Platform   | HarmonyOS Support |
+|:--------------|:--------------------------------------------:|:--------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| label         |        Text will be shown after Icon         |                           PropTypes.string                           |   yes    | iOS/Android |        yes        |
+| value         | Value will be returned when onCheck is fired | PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired |   yes    | iOS/Android |        yes        |
+| checked       |              True if it's check              |                            PropTypes.bool                            |    no    | iOS/Android |        yes        |
+| disabled      |              Is checkbox active              |                           PropTypes.bool,                            |    no    | iOS/Android |        yes        |
+| uncheckedIcon |     Will be shown when checked is false      |                           PropTypes.string                           |    no    | iOS/Android |        yes        |
+| checkedIcon   |      Will be shown when checked is true      |                           PropTypes.string                           |    no    | iOS/Android |        yes        |
+| onCheck       |  Event that is called when state is changed  |                           PropTypes.func,                            |   yes    | iOS/Android |        yes        |
+
+### Dialog:DialogDefaultActions
+
+| Name          |                Description                |                                      Type                                       | Required |  Platform   | HarmonyOS Support |
+|:--------------|:-----------------------------------------:|:-------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| actions       |        Button for displaying cards        |                 PropTypes.arrayOf(PropTypes.string).isRequired                  |   yes    | iOS/Android |        yes        |
+| options       |       this will disable the button        |     PropTypes.shape({       actionName: { disabled: PropTypes.bool }     })     |    no    | iOS/Android |        yes        |
+| onActionPress | Event triggered by pressing a card button |                            PropTypes.func.isRequired                            |   yes    | iOS/Android |        yes        |
+| style         | You can override any style for this Card  | PropTypes.shape({         defaultActionsContainer: ViewPropTypes.style,     }), |    no    | iOS/Android |        yes        |
+
+### Divider
+
+| Name  |                 Description                 |                        Type                         | Required |  Platform   | HarmonyOS Support |
+|:------|:-------------------------------------------:|:---------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| inset |              Divider Move Back              |                   PropTypes.bool                    |    no    | iOS/Android |        yes        |
+| style | You can override any style for this Divider | PropTypes.shape({container: View.propTypes.style }) |    no    | iOS/Android |        yes        |
+
+### Drawer
+
+| Name     |                Description                 |                                                       Type                                                        | Required |  Platform   | HarmonyOS Support |
+|:---------|:------------------------------------------:|:-----------------------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| children |           Subnodes in the drawer           |                                             PropTypes.node.isRequired                                             |   yes    | iOS/Android |        yes        |
+| style    | You can override any style for this Drawer | style: PropTypes.shape({ container: ScrollView.propTypes.style,         contentContainer: View.propTypes.style}), |    no    | iOS/Android |        yes        |
+
+#### Drawer:header
+
+| Name            |                    Description                    |                                                  Type                                                   | Required |  Platform   | HarmonyOS Support |
+|:----------------|:-------------------------------------------------:|:-------------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| image           |              image for Drawer.header              |                           PropTypes.shape({ type: PropTypes.oneOf([Image]) })                           |    no    | iOS/Android |        yes        |
+| backgroundColor |      Background image of the drawer header.       |                                            PropTypes.string                                             |    no    | iOS/Android |        yes        |
+| children        |           Subnodes in the drawer.header           |                                             PropTypes.node                                              |    no    | iOS/Android |        yes        |
+| style           | You can override any style for this drawer.header | style: PropTypes.shape({contentContainer: View.propTypes.style,container: View.propTypes.style,     }), |    no    | iOS/Android |        yes        |
+
+#### Drawer:HeaderAccount
+
+| Name     |                    Description                    |                       Type                       | Required |  Platform   | HarmonyOS Support |
+|:---------|:-------------------------------------------------:|:------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| avatar   |          avatar for Drawer.HeaderAccount          |                PropTypes.element                 |    no    | iOS/Android |        yes        |
+| accounts |         accounts for Drawer.HeaderAccount         |                 PropTypes.string                 |    no    | iOS/Android |        yes        |
+| footer   |        footer in the Drawer.HeaderAccount         |                ListItem.propTypes                |    no    | iOS/Android |        yes        |
+| style    | You can override any style for this drawer.header | PropTypes.shape({**Drawer:HeaderAccout style**}) |    no    | iOS/Android |        yes        |
+
+##### Drawer:HeaderAccout style
+
+| name                    | Type                 | Required | Platform    | HarmonyOS Support |
+|-------------------------|----------------------|----------|-------------|-------------------|
+| container               | View.propTypes.style | no       | iOS/Android | yes               |
+| accountContainer        | View.propTypes.style | no       | iOS/Android | yes               |
+| topContainer            | View.propTypes.style | no       | iOS/Android | yes               |
+| avatarsContainer        | View.propTypes.style | no       | iOS/Android | yes               |
+| activeAvatarContainer   | View.propTypes.style | no       | iOS/Android | yes               |
+| inactiveAvatarContainer | View.propTypes.style | no       | iOS/Android | yes               |
+
+#### Drawer:Section
+
+| Name    |                    Description                     |                     Type                     | Required |  Platform   | HarmonyOS Support |
+|:--------|:--------------------------------------------------:|:--------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| title   |             title of drawers:sections              |               PropTypes.string               |   yes    | iOS/Android |        yes        |
+| items   |             tems of drawers:isections              |          **Drawer:Section  items**           |   yes    | iOS/Android |        yes        |
+| divider |             dividerof drawers:sections             |                PropTypes.bool                |    no    | iOS/Android |        yes        |
+| style   | You can override any style for this Drawer:Section | PropTypes.shape({**Drawer:Section  style**}) |    no    | iOS/Android |        yes        |
+
+##### Drawer:Section  items
+
+| name        | Type                                                                  | Required | Platform    | HarmonyOS Support |
+|-------------|-----------------------------------------------------------------------|----------|-------------|-------------------|
+| icon        | PropTypes.string                                                      | no       | iOS/Android | yes               |
+| value       | PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired | yes      | iOS/Android | yes               |
+| label       | PropTypes.string                                                      | no       | iOS/Android | yes               |
+| onPress     | PropTypes.func                                                        | no       | iOS/Android | yes               |
+| onLongPress | PropTypes.func                                                        | no       | iOS/Android | yes               |
+| active      | PropTypes.bool                                                        | no       | iOS/Android | yes               |
+| disabled    | PropTypes.bool                                                        | no       | iOS/Android | yes               |
+
+##### Drawer:Section  style
+
+| name      | Type                 | Required | Platform    | HarmonyOS Support |
+|-----------|----------------------|----------|-------------|-------------------|
+| container | View.propTypes.style | no       | iOS/Android | yes               |
+| item      | View.propTypes.style | no       | iOS/Android | yes               |
+| subheader | View.propTypes.style | no       | iOS/Android | yes               |
+| icon      | View.propTypes.style | no       | iOS/Android | yes               |
+| value     | View.propTypes.style | no       | iOS/Android | yes               |
+| label     | View.propTypes.style | no       | iOS/Android | yes               |
+| disabled  | View.propTypes.style | no       | iOS/Android | yes               |
+
+### ListItem
+
+| Name                |                   Description                    |                                                                                               Type                                                                                                | Required |  Platform   | HarmonyOS Support |
+|:--------------------|:------------------------------------------------:|:-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| dense               |                    generally                     |                                                                                          PropTypes.bool                                                                                           |    no    | iOS/Android |        yes        |
+| divider             |                     divider                      |                                                                                          PropTypes.bool                                                                                           |    no    | iOS/Android |        yes        |
+| onPress             |          Called when ListItemis pressed          |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
+| numberOfLines       |                   line number                    |                                                                               PropTypes.oneOf([1, 2, 3, 'dynamic'])                                                                               |    no    | iOS/Android |        yes        |
+| style               |   You can override any style for this Listltem   |                                                                                          ListItem  style                                                                                          |    no    | iOS/Android |        yes        |
+| leftElement         |                    left side                     |                                                                PropTypes.oneOfType([         PropTypes.element,PropTypes.string ]                                                                 |    no    | iOS/Android |        yes        |
+| onLeftElementPress  | Event triggered when the left button is pressed  |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
+| centerElement       |                   center side                    | PropTypes.oneOfType([PropTypes.element,         PropTypes.string,  PropTypes.shape({primaryText: PropTypes.string.isRequired,secondaryText: PropTypes.string,tertiaryText: PropTypes.string }) ]) |   yes    | iOS/Android |        yes        |
+| rightElement        |                    right side                    |                          PropTypes.element, PropTypes.string,         PropTypes.shape({ menu: PropTypes.shape({                 labels: PropTypes.array.isRequired}) })                           |    no    | iOS/Android |        yes        |
+| onRightElementPress | Event triggered when the right button is pressed |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
+| children            |                    child node                    |                                                                                          PropTypes.node                                                                                           |    no    | iOS/Android |        yes        |
+
+##### ListItem  style
+
+| name                   | Type                 | Required | Platform    | HarmonyOS Support |
+|------------------------|----------------------|----------|-------------|-------------------|
+| container              | View.propTypes.style | no       | iOS/Android | yes               |
+| contentViewContainer   | View.propTypes.style | no       | iOS/Android | yes               |
+| leftElementContainer   | View.propTypes.style | no       | iOS/Android | yes               |
+| centerElementContainer | View.propTypes.style | no       | iOS/Android | yes               |
+| textViewContainer      | View.propTypes.style | no       | iOS/Android | yes               |
+| primaryText            | Text.propTypes.style | no       | iOS/Android | yes               |
+| firstLine              | View.propTypes.style | no       | iOS/Android | yes               |
+| primaryTextContainer   | Text.propTypes.style | no       | iOS/Android | yes               |
+| secondaryText          | Text.propTypes.style | no       | iOS/Android | yes               |
+| tertiaryText           | Text.propTypes.style | no       | iOS/Android | yes               |
+| rightElementContainer  | View.propTypes.style | no       | iOS/Android | yes               |
+| leftElement            | View.propTypes.style | no       | iOS/Android | yes               |
+| rightElement           | View.propTypes.style | no       | iOS/Android | yes               |
+
+### Subheader
+
+| Name  |                  Description                  |                                     Type                                      | Required |  Platform   | HarmonyOS Support |
+|:------|:---------------------------------------------:|:-----------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| text  |                Displayed text                 |                          PropTypes.string.isRequired                          |   yes    | iOS/Android |        yes        |
+| inset |              Subheader Move Back              |                                PropTypes.bool                                 |    no    | iOS/Android |        yes        |
+| lines |            Subheader lines number             |                               PropTypes.number                                |    no    | iOS/Android |        yes        |
+| style | You can override any style for this Subheader | PropTypes.shape({container: View.propTypes.style ,text:Text.propTypes.style}) |    no    | iOS/Android |        yes        |
+
+### Snackbar
+
+| Name             |                        Description                         |                               Type                                | Required |  Platform   | HarmonyOS Support |
+|:-----------------|:----------------------------------------------------------:|:-----------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| message          |                The text message to display.                |                    PropTypes.string.isRequired                    |   yes    | iOS/Android |        yes        |
+| visible          |          Whether or not the snackbar is visible.           |                          PropTypes.bool                           |    no    | iOS/Android |        yes        |
+| timeout          |  The amount of time in milliseconds to show the snackbar   |                         PropTypes.number                          |    no    | iOS/Android |        yes        |
+| onRequestClose   |          Callback for when the timeout finishes.           |                     PropTypes.func.isRequired                     |   yes    | iOS/Android |        yes        |
+| bottomNavigation | Whether or not there is a bottom navigation on the screen. |                          PropTypes.bool                           |    no    | iOS/Android |        yes        |
+| onActionPress    |    The function to execute when the action is clicked.     |                          PropTypes.func                           |    no    | iOS/Android |        yes        |
+| actionText       |    The function to execute when the action is clicked.     |                          PropTypes.func                           |    no    | iOS/Android |        yes        |
+| style            |                  Inline style of snackbar                  | container: ViewPropTypes.style,     message: ViewPropTypes.style, |    no    | iOS/Android |        yes        |
+| button           |                           button                           |                            ButtonProps                            |    no    | iOS/Android |        yes        |
+
+### Toolbar
+
+| Name                |                                         Description                                          |         Type         | Required |     Platform     | HarmonyOS Support |
+|:--------------------|:--------------------------------------------------------------------------------------------:|:--------------------:|:--------:|:----------------:|:-----------------:|
+| isSearchActive      |                             Indicates if search is active or not                             |    PropTypes.bool    |   yes    |   iOS/Android    |        yes        |
+| searchable          | When you want to activate search feature you have to pass this object with config of search. | **searchable props** |   yes    |   iOS/Android    |        yes        |
+| size                |                        This size is used for each icon on the toolbar                        |   PropTypes.number   |    no    |   iOS/Android    |        yes        |
+| style               |                  You can override any style for the component via this prop                  |  **Toolbar style**   |    no    |   iOS/Android    |        yes        |
+| hidden              |                            Wether or not the Toolbar should show                             |    PropTypes.bool    |    no    |   iOS/Android    |        yes        |
+| onPress             |                            Called when centerElement was pressed.                            |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
+| leftElement         |                               Will be shown on the left side.                                |  PropTypes.element   |    no    |   iOS/Android    |        yes        |
+| onLeftElementPress  |                             Called when leftElement was pressed.                             |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
+| centerElement       |          Will be shown between leftElement and rightElement. Usually use for title.          | PropTypes.element    |    no    |   iOS/Android    |        yes        |
+| rightElement        |                               Will be shown on the right side                                |  rightElement props  |    no    |   iOS/Android    |        yes        |
+| onRightElementPress |                             Called when rightElement was pressed                             |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
+
+##### searchable props
+
+| name                   | Description                                                        | Type             | Required | Platform    | HarmonyOS Support |
+|------------------------|--------------------------------------------------------------------|------------------|----------|-------------|-------------------|
+| onChangeText           | Called when search text was changed.                               | PropTypes.func   | no       | iOS/Android | yes               |
+| onSearchClosed         | Called when search was closed.                                     | PropTypes.func   | no       | iOS/Android | yes               |
+| onSearchCloseRequested | Called when action to close search was requested.                  | PropTypes.func   | no       | iOS/Android | yes               |
+| onSearchPressed        | Called when search was opened                                      | PropTypes.func   | no       | iOS/Android | yes               |
+| onSubmitEditing        | Called when user press submit button on hw keyboard                | PropTypes.func   | no       | iOS/Android | yes               |
+| placeholder            | Will shown as placeholder for search input.                        | PropTypes.string | no       | iOS/Android | yes               |
+| autoFocus              | Indicates when input should be focused after the search is opened. | PropTypes.bool   | no       | iOS/Android | yes               |
+| autoCapitalize         | Enable auto-capitalize for search input                            | PropTypes.string | no       | iOS/Android | yes               |
+| autoCorrect            | Enable auto-correct for search input                               | PropTypes.bool   | no       | iOS/Android | yes               |
+| icon                   | Override default search icon                                       | PropTypes.string | no       | iOS/Android | yes               |
+
+##### rightElement props
+
+| name                                 | Description                                                    | Required | Platform    | HarmonyOS Support |
+|--------------------------------------|----------------------------------------------------------------|----------|-------------|-------------------|
+| PropTypes.element                    | One action (name of icon). Alias for<Icon>.                    | no       | iOS/Android | yes               |
+| PropTypes.string                     | One action (name of icon). Alias for ['icon1'].                | no       | iOS/Android | yes               |
+| PropTypes.arrayOf(PropTypes.string), | For many actions: ['icon1', 'icon2', ...]                      | no       | iOS/Android | yes               |
+| PropTypes.shape                      | For actions and menu. The menu will be shown as last one icon. | no       | iOS/Android | yes               |
+
+##### Toolbar style
+
+| name                   | Type                          | Required | Platform    | HarmonyOS Support |
+|------------------------|-------------------------------|----------|-------------|-------------------|
+| container              | Animated.View.propTypes.style | no       | iOS/Android | yes               |
+| leftElementContainer   | View.propTypes.style          | no       | iOS/Android | yes               |
+| leftElement            | Text.propTypes.style,         | no       | iOS/Android | yes               |
+| centerElementContainer | View.propTypes.style          | no       | iOS/Android | yes               |
+| titleText              | Text.propTypes.style,         | no       | iOS/Android | yes               |
+| rightElementContainer  | View.propTypes.style          | no       | iOS/Android | yes               |
+| rightElement           | Text.propTypes.style          | no       | iOS/Android | yes               |
+
+## 主题
+
+**如果您想使用默认主题，可以跳过此步骤**
+
+如果您想更改应用程序的主色，只需将自己的设置传递给 ThemeContext.Provider 对象即可。这些设置将与默认主题合并。
+
+```jsx
+import React, { Component } from 'react';
+import { Navigator, NativeModules } from 'react-native';
+
+import { COLOR, ThemeContext, getTheme } from 'react-native-material-ui';
+
+// you can set your style right here, it'll be propagated to application
+const uiTheme = {
+  palette: {
+    primaryColor: COLOR.green500,
+  },
+  toolbar: {
+    container: {
+      height: 50,
+    },
+  },
+};
+
+class Main extends Component {
+  render() {
+    return (
+      <ThemeContext.Provider value={getTheme(uiTheme)}>
+        <App />
+      </ThemeContext.Provider>
+    );
+  }
+}
+
+```
+
+## 遗留问题
+
+## 其他
+
+- [ ] RadioButton组件功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/25)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE)
+，请自由地享受和参与开源。
\ No newline at end of file

From eed293ab04e6bb02463eeaffa4e4f26bdff3ee9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B8=A9=E6=98=8A=E4=B8=9C?= <dvaj@qq.com>
Date: Tue, 23 Jul 2024 09:05:39 +0000
Subject: [PATCH 226/966] =?UTF-8?q?!1162=20fix:=20[#IAEW9Z]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-neomorph-shadows=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20fix:=20[#IAEW9Z]=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-neomorph-shadows=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-neomorph-shadows.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/zh-cn/react-native-neomorph-shadows.md b/zh-cn/react-native-neomorph-shadows.md
index 0883ee4d..04457578 100644
--- a/zh-cn/react-native-neomorph-shadows.md
+++ b/zh-cn/react-native-neomorph-shadows.md
@@ -105,6 +105,11 @@ const styles = StyleSheet.create({
 
 
 ```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
 
 ## 约束与限制
 

From 0f2988dfa0d3260ccce269c70e88fb262bfe8093 Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Wed, 24 Jul 2024 01:53:21 +0000
Subject: [PATCH 227/966] =?UTF-8?q?!953=20docs:=20[#IAAIU5]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-community/segmented-control=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAAIU5]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-community/segmented-control=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...eact-native-community-segmented-control.md | 53 +++++++++++--------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/zh-cn/react-native-community-segmented-control.md b/zh-cn/react-native-community-segmented-control.md
index 1c6222a3..a8a8873f 100644
--- a/zh-cn/react-native-community-segmented-control.md
+++ b/zh-cn/react-native-community-segmented-control.md
@@ -1,8 +1,8 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.2
+> 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-community/segmented-control</code> </h1>
+  <h1 align="center"> <code>@react-native-segmented-control/segmented-control</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/react-native-segmented-control/segmented-control">
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-segmented-control/segmented-control)
+> [!TIP] [Github 地址](https://github.com/react-native-segmented-control/segmented-control)
 
 ## 安装与使用
 
@@ -24,13 +24,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-segmented-control/segmented-control@^2.5.0
+npm install @react-native-segmented-control/segmented-control@2.5.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-segmented-control/segmented-control@^2.5.0
+yarn add @react-native-segmented-control/segmented-control@2.5.0
 ```
 
 <!-- tabs:end -->
@@ -38,40 +38,47 @@ yarn add @react-native-segmented-control/segmented-control@^2.5.0
 下面的代码展示了这个库的基本使用场景：
 
 ```js
+import React, { useState, useEffect } from "react";
 import SegmentedControl from "@react-native-segmented-control/segmented-control";
 
-return (
-  <SegmentedControl
-    values={["One", "Two"]}
-    selectedIndex={this.state.selectedIndex}
-    onChange={(event) => {
-      this.setState({ selectedIndex: event.nativeEvent.selectedSegmentIndex });
-    }}
-  />
-);
+const CustomValues = ["One", "Two"];
+
+export const MSegmentedControl: React.FC = (): JSX.Element => {
+
+    const [selectedIndex, setSelectedIndex] = useState(0);
+
+    return <SegmentedControl
+        values={["One", "Two"]}
+        selectedIndex={selectedIndex}
+        onChange={(event) => {
+            setSelectedIndex(event.nativeEvent.selectedSegmentIndex);
+        }}
+    />;
+}
 ```
 
 ## 约束与限制
 
 ### 兼容性
 
-在下述版本验证通过：
+本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见 [react-native-community/segmented-control 源库地址](https://github.com/react-native-segmented-control/segmented-control)
 
-| Name            | Description                                                                                                                                                                                                                                      | Type            | Required | Platform     | HarmonyOS Support | Notes                                              |
-| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- | -------- | ------------ | ----------------- | -------------------------------------------------- |
+| Name                      | Description                                                                                    | Type                                                                                                                                                             | Required | Platform | HarmonyOS Support |
+| ------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
 | enabled         | If false the user won't be able to interact with the control. Default value is true.                                                                                                                                                             | boolean         | No       | All          | Yes               |
-| momentary       | If true, then selecting a segment won't persist visually. The onValueChange callback will still work as expected.                                                                                                                                | boolean         | No       | iOS          | No                | Android和HarmonyOS侧,效果一致，不生效，iOS侧有效果 |
+| momentary       | If true, then selecting a segment won't persist visually. The onValueChange callback will still work as expected.                                                                                                                                | boolean         | No       | iOS          | No                | 
 | onChange        | Callback that is called when the user taps a segment; passes the event as an argument                                                                                                                                                            | function        | No       | All          | Yes               |
 | onValueChange   | Callback that is called when the user taps a segment; passes the segment's value as an argument                                                                                                                                                  | function        | No       | All          | Yes               |
 | selectedIndex   | The index in props.values of the segment to be (pre)selected.                                                                                                                                                                                    | number          | No       | All          | Yes               |
@@ -79,11 +86,13 @@ return (
 | backgroundColor | Background color color of the control.                                                                                                                                                                                                           | string          | No       | All          | Yes               |
 | values          | The labels for the control's segment buttons, in order.                                                                                                                                                                                          | string          | Yes      | All          | Yes               |
 | appearance      | Overrides the control's appearance irrespective of the OS theme                                                                                                                                                                                  | 'dark', 'light' | No       | All          | Yes               |
-| fontStyle       | An object container,color: color of segment;fontSize: font-size of segment text;fontFamily: font-family of segment text;fontWeight: font-weight of segment text                                                                                  | object          | No       | All          | Yes               | Android和HarmonyOS侧，fontFamily效果一致，均不生效 |
-| activeFontStyle | An object container,color: overrides color of selected segment text;fontSize: overrides font-size of selected segment text;fontFamily: overrides font-family of selected segment text;fontWeight: overrides font-weight of selected segment text | object          | No       | All          | Yes               | Android和HarmonyOS侧，fontFamily效果一致，均不生效 |
+| fontStyle       | An object container,color: color of segment;fontSize: font-size of segment text;fontFamily: font-family of segment text;fontWeight: font-weight of segment text                                                                                  | object          | No       | All          | Yes               | 
+| activeFontStyle | An object container,color: overrides color of selected segment text;fontSize: overrides font-size of selected segment text;fontFamily: overrides font-family of selected segment text;fontWeight: overrides font-weight of selected segment text | object          | No       | All          | Yes               | 
 | tabStyle        | Styles the clickable surface which is responsible to change tabs                                                                                                                                                                                 | object          | No       | Android, Web | Yes               |
 
 ## 遗留问题
+- [ ] @react-native-segmented-control/segmented-control 的fontFamily属性未实现 HarmonyOS 化: [issue#858](https://github.com/react-native-segmented-control/segmented-control/issues/858)
+- [ ] @react-native-segmented-control/segmented-control 的momentary属性未实现 HarmonyOS 化: [issue#868](https://github.com/react-native-segmented-control/segmented-control/issues/868)
 
 ## 其他
 

From 50486de781a30cbc267fc213909a034859a3ab73 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Wed, 24 Jul 2024 02:12:38 +0000
Subject: [PATCH 228/966] =?UTF-8?q?!1116=20docs=EF=BC=9A=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-fileupload.md=E6=96=87=E4=BB=B6=20*=20docs:=20[Iss?=
 =?UTF-8?q?ues:=20#IADLY3]=20=E4=BF=AE=E6=94=B9react-native-fileupload?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fileupload.md | 51 +++++++++++++++++++++++++-------
 1 file changed, 40 insertions(+), 11 deletions(-)

diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index f97f85f8..d65d3f48 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fileupload</code> </h1>
@@ -44,33 +44,55 @@ yarn add @react-native-oh-tpl/react-native-fileupload@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+此库需要在entry模块下的module.json下加入：
+
+```json
+"requestPermissions": [ 
+  { 
+    "name": "ohos.permission.INTERNET", 
+  }
+]
+```
+
 ```tsx
 import React, {Component} from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import FileUpload from 'react-native-fileupload';
+import Toast from 'react-native-toast';
 
 export default class FileUploadDemo extends Component {
 
   componentDidMount () {
     var obj = {
-        uploadUrl: 'http://47.108.234.230:9990/upload',
-        method: 'POST',
+        uploadUrl: 'http://1.2.27.230:9990/upload',// The real server Url
+        method: 'POST', // default 'POST',support 'POST' and 'PUT'
         headers: {
           
           'Content-Type': 'multipart/form-data',
         },
+        fields: {
+            name: 'hello',value: 'world',
+        },
         files: [
           {
-            name: 'file',
+            name: 'file',// optional
             filename: 'assets_placeholder2000x2000.jpg',
-            filetype: 'jpg',
+            filepath: '/xxx/assets_placeholder2000x2000.jpg',// The real server filepath
+            filetype: 'jpg',// optional
+          },
+          {
+            name: 'one', // optional
+            filename: 'one.w4a',
+            filepath: '/xxx/one.w4a', // The real server filepath
+            filetype: 'audio/x-m4a',// optional
           },
         ]
     };
-    FileUpload.upload(obj).then((result)=>{
-      console.log("fileUplodae successfully!",result);
-    },(error)=>{
-      console.log("fileUplodae fail!",error);
+    FileUpload.upload(obj, function(err,result) {
+      console.log("upload",err,result);
+      if(err || result) {
+        Toast.showShortCenter(err + result)
+      }
     })
   }
   render() {
@@ -99,6 +121,10 @@ let styles = StyleSheet.create({
 });
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -187,17 +213,20 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | upload | File upload  | `Promise<string>`  | yes | iOS/Android  | yes     |
 
+## 遗留问题
+
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/PhilippKrone/react-native-fileupload/blob/master/LICENSE) ，请自由地享受和参与开源。
+
 <!-- {% endraw %} -->
\ No newline at end of file

From f3c92fd257c9f4578df09d2cf9faa717cd43c087 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Wed, 24 Jul 2024 02:23:55 +0000
Subject: [PATCH 229/966] =?UTF-8?q?!1153=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-largelist=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-largelist?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-largelist.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-largelist.md b/zh-cn/react-native-largelist.md
index 3ad12244..f46f24a0 100644
--- a/zh-cn/react-native-largelist.md
+++ b/zh-cn/react-native-largelist.md
@@ -162,8 +162,8 @@ RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29; IDE: DevEco Studio 5.0.3.300;
 | bounces                        | 滑动超出内容视图后是否可以弹性地继续滑动（iOS & Android，如果为true，水平方向内容视图如果没有超过SpringScrollView则不会有弹性，垂直方向始终具有弹性）                                                                                 | boolean                                                                                                       | no       | Android/iOS | yes               |
 | scrollEnabled                  | 是否可以滚动                                                                                                                                                                                                                          | boolean                                                                                                       | no       | Android/iOS | yes               |
 | initialContentOffset           | 初始化偏移，仅第一次初始化有效，后期更改无效（已支持x方向）                                                                                                                                                                           | {x:number, y:number}                                                                                          | no       | Android/iOS | yes               |
-| showsVerticalScrollIndicator   | 显示垂直滚动指示器                                                                                                                                                                                                                    | boolean                                                                                                       | no       | Android/iOS | yes               |
-| showsHorizontalScrollIndicator | 显示水平滚动指示器（内容视图超出LargeList视口才有用）                                                                                                                                                                                 | boolean                                                                                                       | no       | Android/iOS | yes               |
+| showsVerticalScrollIndicator   | 显示垂直滚动指示器                                                                                                                                                                                                                    | boolean                                                                                                       | no       | Android/iOS | no               |
+| showsHorizontalScrollIndicator | 显示水平滚动指示器（内容视图超出LargeList视口才有用）                                                                                                                                                                                 | boolean                                                                                                       | no       | Android/iOS | no               |
 | tapToHideKeyboard              | 点击LargeList是否收起键盘                                                                                                                                                                                                             | boolean                                                                                                       | no       | Android/iOS | yes               |
 | data                           | 列表的数据源                                                                                                                                                                                                                          | { items: any[] }[]                                                                                            | no       | Android/iOS | yes               |
 | heightForSection               | 返回列表每一组组头高度的函数                                                                                                                                                                                                          | (section: number) => number                                                                                   | no       | Android/iOS | yes               |
@@ -210,8 +210,8 @@ RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29; IDE: DevEco Studio 5.0.3.300;
 | Name                   | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
 | ...LargeList           | 支持所有的LargeList属性（含刷新及加载）。                    | -       | no       | Android/iOS | yes               |
-| directionalLockEnabled | 当此属性为true时，它会试着锁定只在水平或垂直一个方向上滚动。 | boolean | no       | Android/iOS | yes               |
-| headerStickyEnabled    | 将头部吸在StickForm的顶部，Section跟着吸在头部的下边。       | boolean | no       | Android/iOS | yes               |
+| directionalLockEnabled | 当此属性为true时，它会试着锁定只在水平或垂直一个方向上滚动。 | boolean | no       | Android/iOS | no               |
+| headerStickyEnabled    | 将头部吸在StickForm的顶部，Section跟着吸在头部的下边。       | boolean | no       | Android/iOS | no               |
 
 ## 遗留问题
 

From 41ce04dcd550ce45df1c2ef939836a98fece2eae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Wed, 24 Jul 2024 02:27:59 +0000
Subject: [PATCH 230/966] =?UTF-8?q?!983=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-marquee.md | 41 ++++++++++++++++++++---------------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/zh-cn/react-native-marquee.md b/zh-cn/react-native-marquee.md
index f5ce7bb8..9540e220 100644
--- a/zh-cn/react-native-marquee.md
+++ b/zh-cn/react-native-marquee.md
@@ -1,11 +1,11 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-marquee</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-marquee">
+    <a href="https://github.com/kyo504/react-native-marquee/blob/master">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/kyo504/react-native-marquee/blob/master/LICENSE">
@@ -13,11 +13,12 @@
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-marquee)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-marquee> Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -75,26 +76,30 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Link
+## 约束与限制
 
-## 属性
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-MarqueText组件基本上继承了TextProps，以下是附加组件：
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)
+
+## 属性
 
-| Prop              | Type     | Optional | Default | Description                                                                     | HarmonyOS Support |
-| ----------------- | -------- | -------- | ------- | ------------------------------------------------------------------------------- | ----------------- |
-| marqueeOnStart    | boolean  | true     | true    | 是否在渲染后立即启动字幕动画的标志                                              | yes               |
-| speed             | number   | true     | 1       | 以像素/秒计算的速度                                                             | yes               |
-| loop              | boolean  | true     | true    | 是否循环字幕动画的标志                                                          | yes               |
-| delay             | number   | true     | 0       | 渲染后延迟动画的持续时间，以毫秒为单位                                          | yes               |
-| onMarqueeComplete | function | true     | void    | 字幕完成动画并停止时的回调                                                      | yes               |
-| consecutive       | boolean  | true     | false   | 一个标志，用于启用模仿HTML字幕元素默认行为的连续模式。如果循环为false，则不生效 | yes               |
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-## 兼容性
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-本文档内容基于以下版本验证通过：
+MarqueText组件基本上继承了[TextProps](https://reactnative.dev/docs/text)，以下是附加组件：
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+| Name              | Type     | Optional | Default | Description                                                  | Platform | HarmonyOS Support |
+| ----------------- | -------- | -------- | ------- | ------------------------------------------------------------ | -------- | ----------------- |
+| marqueeOnStart    | boolean  | true     | true    | 是否在渲染后立即启动字幕动画的标志                           | All      | yes               |
+| speed             | number   | true     | 1       | 以像素/秒计算的速度                                          | All      | yes               |
+| loop              | boolean  | true     | true    | 是否循环字幕动画的标志                                       | All      | yes               |
+| delay             | number   | true     | 0       | 渲染后延迟动画的持续时间，以毫秒为单位                       | All      | yes               |
+| onMarqueeComplete | function | true     | void    | 字幕完成动画并停止时的回调                                   | All      | yes               |
+| consecutive       | boolean  | true     | false   | 一个标志，用于启用模仿HTML字幕元素默认行为的连续模式。如果循环为false，则不生效 | All      | yes               |
 
 ## 遗留问题
 
@@ -102,6 +107,6 @@ MarqueText组件基本上继承了TextProps，以下是附加组件：
 
 ## 开源协议
 
-MIT Lisence
+本项目基于 [The MIT License (MIT)](https://github.com/kyo504/react-native-marquee/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From c30e234b007a84007b2cc42042d053db5513e819 Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Wed, 24 Jul 2024 02:29:05 +0000
Subject: [PATCH 231/966] =?UTF-8?q?!1167=20docs:=20[Issues:=20#IAF314]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-bindingx=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAF314]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-bindingx=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-bindingx.md | 189 +++++++++++++++++++--------------
 1 file changed, 111 insertions(+), 78 deletions(-)

diff --git a/zh-cn/react-native-bindingx.md b/zh-cn/react-native-bindingx.md
index 0e8a7ad1..60e0e835 100644
--- a/zh-cn/react-native-bindingx.md
+++ b/zh-cn/react-native-bindingx.md
@@ -45,82 +45,115 @@ yarn add @react-native-oh-tpl/react-native-bindingx@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import bindingx from 'react-native-bindingx'    
-
-
-onBind() {
-
-        let anchor = findNodeHandle(this.refs._anchor);
-        this._token = bindingx.bind({
-            eventType: 'orientation',
-            options: {
-                sceneType: '2d'
-            },
-            props: [
-                {
-                    element: anchor,
-                    property: 'transform.translateX',
-                    expression: 'x+0'
-                },
-                {
-                    element: anchor,
-                    property: 'transform.translateY',
-                    expression: 'y+0'
-                }
-            ]
-        });
+import React, {Component} from 'react';
+import {
+  StyleSheet,
+  View,
+  Text,
+  findNodeHandle,
+  TouchableHighlight,
+  PanResponder
+} from 'react-native';
+
+import bindingx from 'react-native-bindingx';
+
+export default class App extends Component {
+
+  _panResponder = PanResponder.create({
+    onStartShouldSetPanResponder: (evt, gestureState) => true,
+    onPanResponderGrant: (evt, gestureState) => {
+      this.onBind();
     }
+  });
 
-    onUnBind() {
-        bindingx.unbind({
-            token:this._token,
-            eventType: 'orientation'
-        });
-    }
+  _x = 0;
+  _y = 0;
 
+  componentDidMount() {
+    let anchor = findNodeHandle(this.refs._anchor);
+    bindingx.prepare({
+      eventType: 'pan',
+      anchor: anchor
+    });
+  }
 
-render() {
-        return (
-            <View style={styles.container}>
-
-                <TouchableHighlight
-                    onPress={() => { this.onBind() }}
-                    style={styles.button}
-                >
-                    <Text style={styles.text}>Bind</Text>
-                </TouchableHighlight>
-
-                <TouchableHighlight
-                    onPress={() => { this.onUnBind() }}
-                    style={styles.button}
-                >
-                    <Text style={styles.text}>Unbind</Text>
-                </TouchableHighlight>
-
-                <View style={{
-                    width: 240,
-                    height: 240,
-                    backgroundColor: '#0000ff',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    marginTop: 20,
-                    marginLeft: 80
-                }}>
-                    <Animated.View ref="_anchor"
-                        style={{
-                            width: 100,
-                            height: 100,
-                            backgroundColor: '#00ff00',
-                            justifyContent: 'center',
-                            alignItems: 'center'
-                        }}>
-                            <Text style={styles.text}>Target</Text>
-                    </Animated.View>
-                </View>
-
-            </View>
-        );
+  onPanEnd = (e) => {
+    if (e.state === 'end') {
+      this._x += e.deltaX;
+      this._y += e.deltaY;
     }
+  }
+
+  onBind() {
+
+    let expression_x_origin = "x+" + this._x;
+
+    let expression_y_origin = "y+" + this._y;
+
+    let anchor = findNodeHandle(this.refs._anchor);
+    let token = bindingx.bind({
+      eventType: 'pan',
+      anchor: anchor,
+      props: [
+        {
+          element: anchor,
+          property: 'transform.translateX',
+          expression: expression_x_origin
+        },
+        {
+          element: anchor,
+          property: 'transform.translateY',
+          expression: expression_y_origin
+        }
+      ]
+    },this.onPanEnd);
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <View
+          ref="_anchor"
+          style={styles.anchor}
+          {...this._panResponder.panHandlers}
+        />
+
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#F5FCFF',
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 10,
+  },
+  text: {
+    textAlign: 'center',
+    color: '#ffffff',
+  },
+  wrapper: {
+    backgroundColor: '#0000ff',
+    height: 48,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  margin: {
+    marginTop: 20
+  },
+  anchor: {
+    width: 80,
+    height: 80,
+    backgroundColor: '#ff0000',
+    marginTop: 48
+  }
+});
+
 ```
 
 ## Link
@@ -273,17 +306,17 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
 | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
-| bind              | Build a specific event type of binding instance. When the event is triggered, corresponding expression will be executed and touch off transform in specified element.         | string          | yes      | IOS/Android     |      yes           |
-| unbind            | unbind specified binding instance.                                                                                                                                            | void            | yes      | IOS/Android     |      yes           |
-| unbindAll         | unbind all binding instance                                                                                                                                                   | void            | yes      | IOS/Android     |      yes           |
-| prepare           | launch bind. This method is only useful for pan type binding.                                                                                                                 | void            | yes      | IOS/Android     |      yes           |
-| getComputedStyle  | get styles of specified view.                                                                                                                                                 | Promise<string> | yes      | IOS/Android     |      yes           |
+| bind              | Build a specific event type of binding instance. When the event is triggered, corresponding expression will be executed and touch off transform in specified element.         | string          | yes      | iOS/Android     |      yes           |
+| unbind            | unbind specified binding instance.                                                                                                                                            | void            | yes      | iOS/Android     |      yes           |
+| unbindAll         | unbind all binding instance                                                                                                                                                   | void            | yes      | iOS/Android     |      yes           |
+| prepare           | launch bind. This method is only useful for pan type binding.                                                                                                                 | void            | yes      | iOS/Android     |      yes           |
+| getComputedStyle  | get styles of specified view.                                                                                                                                                 | Promise<string> | yes      | iOS/Android     |      yes           |
 
 ## 遗留问题
 

From ecee97fa5efb497ca6ff4eafaf69fc82cda4ab5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Wed, 24 Jul 2024 02:32:05 +0000
Subject: [PATCH 232/966] =?UTF-8?q?!986=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-popup-menu.md | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/zh-cn/react-native-popup-menu.md b/zh-cn/react-native-popup-menu.md
index 4ffb266c..d1e691be 100644
--- a/zh-cn/react-native-popup-menu.md
+++ b/zh-cn/react-native-popup-menu.md
@@ -1,15 +1,20 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-popup-menu</code> </h1>
 </p>
 <p align="center">
+        <a href="https://github.com/instea/react-native-popup-menu/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/instea/react-native-popup-menu/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
     </a>
 </p>
 
+
+
 > [!TIP] [Github 地址](https://github.com/instea/react-native-popup-menu)
 
 ## 安装与使用
@@ -73,7 +78,9 @@ export const YourComponent = () => (
 );
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 在以下版本验证通过
 
@@ -81,9 +88,11 @@ export const YourComponent = () => (
 
 ## 属性
 
-详情见[react-native-popup-menu](https://github.com/instea/react-native-popup-menu/blob/master/doc/api.md)
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-## 组件
+详情见[react-native-popup-menu](https://github.com/instea/react-native-popup-menu/blob/master/doc/api.md)
 
 #### MenuProvider
 
@@ -147,6 +156,6 @@ export const YourComponent = () => (
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/instea/react-native-popup-menu/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The ISC License (ISC)](https://github.com/instea/react-native-popup-menu/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 5e621d2f8919865df18aeb491e90062d9fe22322 Mon Sep 17 00:00:00 2001
From: wahaha <liangtao50@h-partners.com>
Date: Wed, 24 Jul 2024 02:36:50 +0000
Subject: [PATCH 233/966] =?UTF-8?q?!1129=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-cardview=E5=BA=93=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-cardview?=
 =?UTF-8?q?=E5=BA=93=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cardview.md | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/zh-cn/react-native-cardview.md b/zh-cn/react-native-cardview.md
index 50b50df1..930ee746 100644
--- a/zh-cn/react-native-cardview.md
+++ b/zh-cn/react-native-cardview.md
@@ -242,21 +242,24 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+  cardview组件接收所有[React Native Text](https://reactnative.dev/docs/text)组件的Props。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| cornerRadius       | An attribute to set the elevation of the card.                                          | number | No       | All      | yes               |
-| cardElevation       | An attribute to support shadow on pre-lollipop device in android.                 | number | No       | All      | yes               |
-| cardMaxElevation    | An attribute to set the radius of the card.                                               | number | No       | All      | yes               |
-| useCompatPadding     | CardView adds additional padding to draw shadows on platforms before Lollipop.         | boolean | No       | All      | yes               |
-| cornerOverlap        | On pre-Lollipop platforms, CardView does not clip the bounds of the Card for the rounded corners. | boolean | No   | All  | yes               |
-| backgroundColor      | The background color of the card.                                                          | number | No       | All      | yes               |
+| cornerRadius       | An attribute to set the elevation of the card.                                          | number | No       | iOS/Android      | yes               |
+| cardElevation       | An attribute to support shadow on pre-lollipop device in android.                 | number | No       | iOS/Android      | yes               |
+| cardMaxElevation    | An attribute to set the radius of the card.                                               | number | No       | Android      | yes               |
+| useCompatPadding     | CardView adds additional padding to draw shadows on platforms before Lollipop.         | boolean | No       | Android       | no                |
+| cornerOverlap        | On pre-Lollipop platforms, CardView does not clip the bounds of the Card for the rounded corners. | boolean | No   | Android   | no               |
 
 ## 遗留问题
 
+- [ ] cornerRadius和cardElevation属性同时调用的时会导致阴影不显示: [#issues14](https://github.com/react-native-oh-library/react-native-cardview/issues/14)
+
 ## 其他
 
 ## 开源协议

From aa65ba0235ac42930452fd1a5fa6237252c1c300 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Wed, 24 Jul 2024 02:37:56 +0000
Subject: [PATCH 234/966] =?UTF-8?q?!999=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-viewer.md      | 280 -----------------------
 zh-cn/react-native-image-zoom-viewer.md | 290 ++++++++++++++++++++++++
 2 files changed, 290 insertions(+), 280 deletions(-)
 delete mode 100644 zh-cn/react-native-image-viewer.md
 create mode 100644 zh-cn/react-native-image-zoom-viewer.md

diff --git a/zh-cn/react-native-image-viewer.md b/zh-cn/react-native-image-viewer.md
deleted file mode 100644
index 6471ad14..00000000
--- a/zh-cn/react-native-image-viewer.md
+++ /dev/null
@@ -1,280 +0,0 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
-
-<p align="center">
-  <h1 align="center"> <code>react-native-image-viewer</code> </h1>
-</p>
-<p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-image-viewer">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-oh-library/react-native-image-viewer/blob/sig/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
-
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-image-viewer)
-
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-image-viewer> Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
-
-<!-- tabs:start -->
-
-#### npm
-
-```bash
-npm install @react-native-oh-tpl/react-native-image-viewer@file:#
-```
-
-#### yarn
-
-```bash
-yarn add @react-native-oh-tpl/react-native-image-viewer@file:#
-```
-
-<!-- tabs:end -->
-
-下面的代码展示了这个库的基本使用场景：
-
-```tsx
-import React, { useState } from "react";
-import {
-  Text,
-  View,
-  Button,
-  Image,
-  ScrollView,
-  StyleSheet,
-} from "react-native";
-import ImageViewer from "react-native-image-zoom-viewer";
-
-const ReactImageZoon = () => {
-  // 向下滑动的阈值
-  const [flipThreshold, setFlipThreshold] = useState(0);
-  // 页脚位置
-  const [footerContainerStyle, setFlexooterContainerStyle] = useState(100);
-  // 翻页动画时间
-  const [pageAnimateTimeA, setPageAnimateTime] = useState(0);
-
-  const [changeStatus, setChangeStatus] = useState("");
-  const renderHeaderFun = () => {
-    return (
-      <View style={{ backgroundColor: "red" }}>
-        <Text style={{ backgroundColor: "red", color: "#fff", fontSize: 20 }}>
-          自定义页头或页脚
-        </Text>
-      </View>
-    );
-  };
-
-  const renderArrowLeftFun = () => {
-    return (
-      <View style={{ width: 20, height: 20 }}>
-        <Image
-          source={{
-            uri: "https://bpic.51yuansu.com/pic2/cover/00/52/03/5816a254309d2_610.jpg",
-          }}
-          style={{ width: "100%", height: "100%" }}
-        ></Image>
-      </View>
-    );
-  };
-  const renrenderArrowRightFun = () => {
-    return (
-      <View style={{ width: 20, height: 20 }}>
-        <Image
-          source={{
-            uri: "https://pic.616pic.com/ys_img/00/13/60/slee3clqRZ.jpg",
-          }}
-          style={{ width: "100%", height: "100%" }}
-        ></Image>
-      </View>
-    );
-  };
-
-  const renderIndicatorFn = (currentIndex?: number, allSize?: number) => {
-    return (
-      <View
-        style={{
-          position: "absolute",
-          left: 0,
-          right: 0,
-          top: 38,
-          zIndex: 99,
-          backgroundColor: "red",
-        }}
-      >
-        <Text style={{ color: "#fff" }}> {`${currentIndex}/${allSize}`}</Text>
-      </View>
-    );
-  };
-
-  const images = [
-    {
-      url: "",
-      props: {
-        // headers: ...
-        source: require("./assets/1.png"),
-      },
-    },
-    {
-      url: "https://octodex.github.com/images/godotocat.png",
-      props: {
-        // headers: ...
-      },
-    },
-    {
-      url: "",
-      props: {},
-    },
-  ];
-
-  const clearBtn = () => {
-    setChangeStatus("");
-    setFlexooterContainerStyle(100);
-    setPageAnimateTime(0);
-  };
-  return (
-    <View style={{ width: "100%", height: "100%" }}>
-      <ScrollView>
-        <View>
-          <Text>
-            imageUrls enableImageZoom;index;saveToLocalByLongPress;
-            backgroundColor,onChange;
-            flipThreshold;renderIndicator;renderArrowRight
-            renderArrowLeft;pageAnimateTime;renderHeader;renderFooter;
-            onClick;footerContainerStyle;failImageSource
-          </Text>
-          <Text>保存到相机的回调onSaveToCamera</Text>
-          <Text>查看更改的状态{changeStatus}</Text>
-        </View>
-        <View style={{ width: "100%", height: 500 }}>
-          <ImageViewer
-            image
-            Urls={images}
-            index={1}
-            enableImageZoom={true}
-            backgroundColor={"pink"}
-            saveToLocalByLongPress={false}
-            onSave={null}
-            onSaveToCamera={() => {
-              setChangeStatus("onSaveToCamera");
-            }}
-            onChange={() => {
-              setChangeStatus("onChange");
-            }}
-            onClick={() => {
-              setChangeStatus("onClick");
-            }}
-            flipThreshold={flipThreshold}
-            renderArrowLeft={renderArrowLeftFun}
-            renderArrowRight={renrenderArrowRightFun}
-            pageAnimateTime={pageAnimateTimeA}
-            renderHeader={renderHeaderFun}
-            renderFooter={renderHeaderFun}
-            renderIndicator={renderIndicatorFn}
-            footerContainerStyle={{
-              bottom: footerContainerStyle,
-              position: "absolute",
-              zIndex: 9999,
-            }}
-            failImageSource={{
-              width: 300,
-              height: 300,
-              url: "https://octodex.github.com/images/Robotocat.png",
-            }}
-          />
-        </View>
-        <View style={styles.container}>
-          <Button title="下一页滑动0" onPress={() => setFlipThreshold(0)} />
-          <Button
-            title="下一页滑动阈值1000"
-            onPress={() => setFlipThreshold(1000)}
-          />
-          <Button
-            title="页脚位置"
-            onPress={() => setFlexooterContainerStyle(200)}
-          />
-          <Button title="清空" onPress={clearBtn} />
-        </View>
-        <Text></Text>
-        <Button
-          title="翻页动画"
-          onPress={() => setPageAnimateTime(500)}
-        ></Button>
-      </ScrollView>
-    </View>
-  );
-};
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    justifyContent: "space-around",
-  },
-});
-
-export default ReactImageZoon;
-```
-
-## 兼容性
-
-在以下版本验证通过
-
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
-
-## 属性
-
-| Name                   | Description                                                                                                                                                                                                                          | Type                                                                                                                             | Required                                                   | Platform    | HarmonyOS Support | Remark                                   |
-| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | ----------- | ----------------- | ---------------------------------------- |
-| imageUrls              | Image Source                                                                                                                                                                                                                         | array                                                                                                                            | yes                                                        | Android IOS | YES               |                                          |
-| enableImageZoom        | Enable image zoom                                                                                                                                                                                                                    | boolean                                                                                                                          | no                                                         | Android IOS | NO                |                                          |
-| onShowModal            | The callback for show modal                                                                                                                                                                                                          | function <br />(content?: JSX.Element) => void                                                                                   | no                                                         | NO          | NO                | 此属性在HarmonyOS，Android ，IOS均不生效 |
-| onCancel               | The callback for cancel modal                                                                                                                                                                                                        | function <br />() => void                                                                                                        | no                                                         | Android IOS | YES               |                                          |
-| flipThreshold          | Swipe threshold of the next page                                                                                                                                                                                                     | number                                                                                                                           | no                                                         | Android IOS | YES               |                                          |
-| maxOverflow            | The X position maximum, that current page can slide to the next page                                                                                                                                                                 | number                                                                                                                           | no                                                         | Android IOS | YES               |                                          |
-| index                  | Init index of images                                                                                                                                                                                                                 | number                                                                                                                           | no                                                         | Android IOS | YES               |                                          |
-| failImageSource        | placeholder for fail                                                                                                                                                                                                                 | string, object<br />{url: string}                                                                                                | no                                                         | Android IOS | YES               |                                          |
-| loadingRender          | placeholder for loading                                                                                                                                                                                                              | function<br />() => React.ReactElement<any>                                                                                      | no                                                         | Android IOS | YES               |                                          |
-| onSaveToCamera         | The callback for save to camera                                                                                                                                                                                                      | function<br />(index?: number => void                                                                                            | no                                                         | Android IOS | YES               |                                          |
-| onChange               | When the image changed                                                                                                                                                                                                               | function<br />(index?: number => void                                                                                            | no                                                         | Android IOS | YES               |                                          |
-| onMove                 | ()=> {}                                                                                                                                                                                                                              | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void | reports movement position data (helpful to build overlays) | Android IOS | YES               |                                          |
-| saveToLocalByLongPress | Enable save to camera when long press                                                                                                                                                                                                | boolean                                                                                                                          | no                                                         | Android IOS | YES               |                                          |
-| onClick                | Onclick                                                                                                                                                                                                                              | function<br />(onCancel?: function) => void                                                                                      | no                                                         | Android IOS | YES               |                                          |
-| onDoubleClick          | OnDoubleClick                                                                                                                                                                                                                        | function<br />(onCancel?: function) => void                                                                                      | no                                                         | Android IOS | YES               |                                          |
-| onSave                 | The picture is saved to the local method, if you write this method will not call the system default method for Android does not support saveToCameraRoll remote picture, you can call this callback in Android call native interface | function<br />(url: string) => void                                                                                              | no                                                         | Android IOS | YES               |                                          |
-| renderHeader           | Custom header                                                                                                                                                                                                                        | function<br />(currentIndex?: number) => React.ReactElement<any>                                                                 | no                                                         | Android IOS | YES               |                                          |
-| renderFooter           | Custom footer                                                                                                                                                                                                                        | function<br />(currentIndex?: number) => React.ReactElement<any>                                                                 | no                                                         | Android IOS | YES               |                                          |
-| renderIndicator        | Custom indicator                                                                                                                                                                                                                     | function<br />`(currentIndex?: number, allSize?) => React.ReactElement<any>`: number                                             | no                                                         | Android IOS | YES               |                                          |
-| renderImage            | Custom image component                                                                                                                                                                                                               | function<br />(props: any) => React.ReactElement<any>                                                                            | no                                                         | Android IOS | YES               |                                          |
-| renderArrowLeft        | Custom left arrow                                                                                                                                                                                                                    | function<br />() => React.ReactElement<any>                                                                                      | no                                                         | Android IOS | YES               |                                          |
-| renderArrowRight       | Custom right arrow                                                                                                                                                                                                                   | function<br />() => React.ReactElement<any>                                                                                      | no                                                         | Android IOS | YES               |                                          |
-| onSwipeDown            | Callback for swipe down                                                                                                                                                                                                              | function<br />() => void                                                                                                         | no                                                         | Android IOS | YES               |                                          |
-| footerContainerStyle   | custom style props for container that will be holding your footer that you pass                                                                                                                                                      | object<br />{someStyle: someValue}                                                                                               | no                                                         | Android IOS | YES               |                                          |
-| backgroundColor        | Component background color                                                                                                                                                                                                           | string<br />white                                                                                                                | no                                                         | Android IOS | YES               |                                          |
-| enableSwipeDown        | Enable swipe down to close image viewer. When swipe down, will trigger onCancel.                                                                                                                                                     | boolean                                                                                                                          | no                                                         | Android IOS | YES               |                                          |
-| swipeDownThreshold     | Threshold for firing swipe down function                                                                                                                                                                                             | number                                                                                                                           | no                                                         | Android IOS | YES               |                                          |
-| doubleClickInterval    | Double click interval.                                                                                                                                                                                                               | number                                                                                                                           | no                                                         | Android IOS | YES               |                                          |
-| pageAnimateTime        | Set the animation time for page flipping.                                                                                                                                                                                            | number                                                                                                                           | no                                                         | Android IOS | YES               |                                          |
-| enablePreload          | Preload the next image                                                                                                                                                                                                               | boolean                                                                                                                          | no                                                         | Android IOS | YES               |                                          |
-| useNativeDriver        | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver)                                                                                                                        | boolean                                                                                                                          | no                                                         | Android IOS | YES               |                                          |
-| menus                  | Custom menus, with 2 methods:`cancel` to hide menus and `saveToLocal` to save image to camera                                                                                                                                        | function<br />({cancel,saveToLocal}) => React.ReactElement<any>                                                                  | no                                                         | Android IOS | YES               |                                          |
-| menuContext            | Custom menu context.                                                                                                                                                                                                                 | object<br />{someKey: someValue}                                                                                                 | no                                                         | Android IOS | YES               |                                          |
-
-## 遗留问题
-
-- [ ] 本库 CameraRoll.saveToCameraRoll 还未完全 HarmonyOS 化，暂不支持调起相册 （未解决）[#I99NUM](https://gitee.com/chenchen2019710/usage-docs/issues/I99NUM)
-- [ ] 本库依赖 react-native-image-zoom ,enableImageZoom属性还未完全 HarmonyOS 化（未解决）[#I99NP7](https://gitee.com/wuyasmile/usage-docs/issues/I99NP7)
-- [ ] 本库依赖 react-native-image-zoom ,长按触发框架图片拖拽，应用崩溃（未解决）[#I99NQ7](https://gitee.com/wuyasmile/usage-docs/issues/I99NQ7)
-
-## 其他
-
-## 开源协议
-
-本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-image-viewer/blob/sig/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-zoom-viewer.md b/zh-cn/react-native-image-zoom-viewer.md
new file mode 100644
index 00000000..b5a13345
--- /dev/null
+++ b/zh-cn/react-native-image-zoom-viewer.md
@@ -0,0 +1,290 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-zoom-viewer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ascoders/react-native-image-viewer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ascoders/react-native-image-viewer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-viewer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-zoom-viewer@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-zoom-viewer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { useState } from "react";
+import {
+  Text,
+  View,
+  Button,
+  Image,
+  ScrollView,
+  StyleSheet,
+} from "react-native";
+import ImageViewer from "react-native-image-zoom-viewer";
+
+const ReactImageZoon = () => {
+  // 向下滑动的阈值
+  const [flipThreshold, setFlipThreshold] = useState(0);
+  // 页脚位置
+  const [footerContainerStyle, setFlexooterContainerStyle] = useState(100);
+  // 翻页动画时间
+  const [pageAnimateTimeA, setPageAnimateTime] = useState(0);
+
+  const [changeStatus, setChangeStatus] = useState("");
+  const renderHeaderFun = () => {
+    return (
+      <View style={{ backgroundColor: "red" }}>
+        <Text style={{ backgroundColor: "red", color: "#fff", fontSize: 20 }}>
+          自定义页头或页脚
+        </Text>
+      </View>
+    );
+  };
+
+  const renderArrowLeftFun = () => {
+    return (
+      <View style={{ width: 20, height: 20 }}>
+        <Image
+          source={{
+            uri: "https://bpic.51yuansu.com/pic2/cover/00/52/03/5816a254309d2_610.jpg",
+          }}
+          style={{ width: "100%", height: "100%" }}
+        ></Image>
+      </View>
+    );
+  };
+  const renrenderArrowRightFun = () => {
+    return (
+      <View style={{ width: 20, height: 20 }}>
+        <Image
+          source={{
+            uri: "https://pic.616pic.com/ys_img/00/13/60/slee3clqRZ.jpg",
+          }}
+          style={{ width: "100%", height: "100%" }}
+        ></Image>
+      </View>
+    );
+  };
+
+  const renderIndicatorFn = (currentIndex?: number, allSize?: number) => {
+    return (
+      <View
+        style={{
+          position: "absolute",
+          left: 0,
+          right: 0,
+          top: 38,
+          zIndex: 99,
+          backgroundColor: "red",
+        }}
+      >
+        <Text style={{ color: "#fff" }}> {`${currentIndex}/${allSize}`}</Text>
+      </View>
+    );
+  };
+
+  const images = [
+    {
+      url: "",
+      props: {
+        // headers: ...
+        source: require("./assets/1.png"),
+      },
+    },
+    {
+      url: "https://octodex.github.com/images/godotocat.png",
+      props: {
+        // headers: ...
+      },
+    },
+    {
+      url: "",
+      props: {},
+    },
+  ];
+
+  const clearBtn = () => {
+    setChangeStatus("");
+    setFlexooterContainerStyle(100);
+    setPageAnimateTime(0);
+  };
+  return (
+    <View style={{ width: "100%", height: "100%" }}>
+      <ScrollView>
+        <View>
+          <Text>
+            imageUrls enableImageZoom;index;saveToLocalByLongPress;
+            backgroundColor,onChange;
+            flipThreshold;renderIndicator;renderArrowRight
+            renderArrowLeft;pageAnimateTime;renderHeader;renderFooter;
+            onClick;footerContainerStyle;failImageSource
+          </Text>
+          <Text>保存到相机的回调onSaveToCamera</Text>
+          <Text>查看更改的状态{changeStatus}</Text>
+        </View>
+        <View style={{ width: "100%", height: 500 }}>
+          <ImageViewer
+            image
+            Urls={images}
+            index={1}
+            enableImageZoom={true}
+            backgroundColor={"pink"}
+            saveToLocalByLongPress={false}
+            onSave={null}
+            onSaveToCamera={() => {
+              setChangeStatus("onSaveToCamera");
+            }}
+            onChange={() => {
+              setChangeStatus("onChange");
+            }}
+            onClick={() => {
+              setChangeStatus("onClick");
+            }}
+            flipThreshold={flipThreshold}
+            renderArrowLeft={renderArrowLeftFun}
+            renderArrowRight={renrenderArrowRightFun}
+            pageAnimateTime={pageAnimateTimeA}
+            renderHeader={renderHeaderFun}
+            renderFooter={renderHeaderFun}
+            renderIndicator={renderIndicatorFn}
+            footerContainerStyle={{
+              bottom: footerContainerStyle,
+              position: "absolute",
+              zIndex: 9999,
+            }}
+            failImageSource={{
+              width: 300,
+              height: 300,
+              url: "https://octodex.github.com/images/Robotocat.png",
+            }}
+          />
+        </View>
+        <View style={styles.container}>
+          <Button title="下一页滑动0" onPress={() => setFlipThreshold(0)} />
+          <Button
+            title="下一页滑动阈值1000"
+            onPress={() => setFlipThreshold(1000)}
+          />
+          <Button
+            title="页脚位置"
+            onPress={() => setFlexooterContainerStyle(200)}
+          />
+          <Button title="清空" onPress={clearBtn} />
+        </View>
+        <Text></Text>
+        <Button
+          title="翻页动画"
+          onPress={() => setPageAnimateTime(500)}
+        ></Button>
+      </ScrollView>
+    </View>
+  );
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    justifyContent: "space-around",
+  },
+});
+
+export default ReactImageZoon;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                  | Type                                                         | Required                                                   | Platform    | HarmonyOS Support | Remark                                   |
+| ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ---------------------------------------------------------- | ----------- | ----------------- | ---------------------------------------- |
+| imageUrls              | Image Source                                                 | array                                                        | yes                                                        | Android iOS | YES               |                                          |
+| enableImageZoom        | Enable image zoom                                            | boolean                                                      | no                                                         | Android iOS | NO                |                                          |
+| onShowModal            | The callback for show modal                                  | function <br />(content?: JSX.Element) => void               | no                                                         | NO          | NO                | 此属性在HarmonyOS，Android ，iOS均不生效 |
+| onCancel               | The callback for cancel modal                                | function <br />() => void                                    | no                                                         | Android iOS | YES               |                                          |
+| flipThreshold          | Swipe threshold of the next page                             | number                                                       | no                                                         | Android iOS | YES               |                                          |
+| maxOverflow            | The X position maximum, that current page can slide to the next page | number                                                       | no                                                         | Android iOS | YES               |                                          |
+| index                  | Init index of images                                         | number                                                       | no                                                         | Android iOS | YES               |                                          |
+| failImageSource        | placeholder for fail                                         | string, object<br />{url: string}                            | no                                                         | Android iOS | YES               |                                          |
+| loadingRender          | placeholder for loading                                      | function<br />() => React.ReactElement<any>                  | no                                                         | Android iOS | YES               |                                          |
+| onSaveToCamera         | The callback for save to camera                              | function<br />(index?: number => void                        | no                                                         | Android iOS | YES               |                                          |
+| onChange               | When the image changed                                       | function<br />(index?: number => void                        | no                                                         | Android iOS | YES               |                                          |
+| onMove                 | ()=> {}                                                      | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void | reports movement position data (helpful to build overlays) | Android iOS | YES               |                                          |
+| saveToLocalByLongPress | Enable save to camera when long press                        | boolean                                                      | no                                                         | Android iOS | YES               |                                          |
+| onClick                | Onclick                                                      | function<br />(onCancel?: function) => void                  | no                                                         | Android iOS | YES               |                                          |
+| onDoubleClick          | OnDoubleClick                                                | function<br />(onCancel?: function) => void                  | no                                                         | Android iOS | YES               |                                          |
+| onSave                 | The picture is saved to the local method, if you write this method will not call the system default method for Android does not support saveToCameraRoll remote picture, you can call this callback in Android call native interface | function<br />(url: string) => void                          | no                                                         | Android iOS | YES               |                                          |
+| renderHeader           | Custom header                                                | function<br />(currentIndex?: number) => React.ReactElement<any> | no                                                         | Android iOS | YES               |                                          |
+| renderFooter           | Custom footer                                                | function<br />(currentIndex?: number) => React.ReactElement<any> | no                                                         | Android iOS | YES               |                                          |
+| renderIndicator        | Custom indicator                                             | function<br />`(currentIndex?: number, allSize?) => React.ReactElement<any>`: number | no                                                         | Android iOS | YES               |                                          |
+| renderImage            | Custom image component                                       | function<br />(props: any) => React.ReactElement<any>        | no                                                         | Android iOS | YES               |                                          |
+| renderArrowLeft        | Custom left arrow                                            | function<br />() => React.ReactElement<any>                  | no                                                         | Android iOS | YES               |                                          |
+| renderArrowRight       | Custom right arrow                                           | function<br />() => React.ReactElement<any>                  | no                                                         | Android iOS | YES               |                                          |
+| onSwipeDown            | Callback for swipe down                                      | function<br />() => void                                     | no                                                         | Android iOS | YES               |                                          |
+| footerContainerStyle   | custom style props for container that will be holding your footer that you pass | object<br />{someStyle: someValue}                           | no                                                         | Android iOS | YES               |                                          |
+| backgroundColor        | Component background color                                   | string<br />white                                            | no                                                         | Android iOS | YES               |                                          |
+| enableSwipeDown        | Enable swipe down to close image viewer. When swipe down, will trigger onCancel. | boolean                                                      | no                                                         | Android iOS | YES               |                                          |
+| swipeDownThreshold     | Threshold for firing swipe down function                     | number                                                       | no                                                         | Android iOS | YES               |                                          |
+| doubleClickInterval    | Double click interval.                                       | number                                                       | no                                                         | Android iOS | YES               |                                          |
+| pageAnimateTime        | Set the animation time for page flipping.                    | number                                                       | no                                                         | Android iOS | YES               |                                          |
+| enablePreload          | Preload the next image                                       | boolean                                                      | no                                                         | Android iOS | YES               |                                          |
+| useNativeDriver        | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver) | boolean                                                      | no                                                         | Android iOS | YES               |                                          |
+| menus                  | Custom menus, with 2 methods:`cancel` to hide menus and `saveToLocal` to save image to camera | function<br />({cancel,saveToLocal}) => React.ReactElement<any> | no                                                         | Android iOS | YES               |                                          |
+| menuContext            | Custom menu context.                                         | object<br />{someKey: someValue}                             | no                                                         | Android iOS | YES               |                                          |
+
+## 遗留问题
+
+- [ ] 本库 CameraRoll.saveToCameraRoll 还未完全 HarmonyOS 化，暂不支持调起相册 （未解决）[issues#1](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
+- [ ] 本库依赖 react-native-image-zoom ,enableImageZoom属性还未完全 HarmonyOS 化（未解决）[issues#2](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
+- [ ] 本库依赖 react-native-image-zoom ,长按触发框架图片拖拽，应用崩溃（未解决）[issues#3](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ascoders/react-native-image-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
+

From 07777cfc6f3119b3b5096fd6e31736939f4c7b6d Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Wed, 24 Jul 2024 03:00:56 +0000
Subject: [PATCH 235/966] =?UTF-8?q?!1169=20docs:=20[Issues:=20#IAF4R7]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-cookies-cookies=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAF4R7]=E4=BF=AE=E6=94=B9react-native-cookies-cookies=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cookies-cookies.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index 4f53ae8e..c09ea3fd 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -299,7 +299,7 @@ using namespace rnoh;
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
       ...
-+     std::make_shared<CookiesPackage>(ctx);
++     std::make_shared<CookiesPackage>(ctx),
     };
 }
 ```

From da9b1c4048e3efef1b66441b6e5f5db664339b6d Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Wed, 24 Jul 2024 03:25:14 +0000
Subject: [PATCH 236/966] =?UTF-8?q?!1022=20fix:=20[issues:=20#IABPMV]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-spinkit=20package=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5=E6=A0=87=E9=A2=98=20*=20fix:=20[issues:=20#IABPMV]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-spinkit=20package=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5=E6=A0=87=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-spinkit.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md
index 92adae91..7491b154 100644
--- a/zh-cn/react-native-spinkit.md
+++ b/zh-cn/react-native-spinkit.md
@@ -154,7 +154,7 @@ const arkTsComponentNames: Array<string> = [
 + SpinKitView.NAME
   ];
 ```
-### 在 ArkTs 侧引入 xxx Package
+### 在 ArkTs 侧引入 SpinKitPackage Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 

From c9f62535e8a7fc14537ec42f4c2ea9d1cf21bd09 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Wed, 24 Jul 2024 03:27:44 +0000
Subject: [PATCH 237/966] =?UTF-8?q?!1025=20docs:=20[Issues:=20#IABV3Z]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20react-native-typography=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IABV3Z]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9E=20react-native-typography=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-typography.md | 101 +++++++++++++++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 zh-cn/react-native-typography.md

diff --git a/zh-cn/react-native-typography.md b/zh-cn/react-native-typography.md
new file mode 100644
index 00000000..3e710d97
--- /dev/null
+++ b/zh-cn/react-native-typography.md
@@ -0,0 +1,101 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-typography</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/hectahertz/react-native-typography">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/hectahertz/react-native-typography/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-typography)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-typography@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-typography@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变
+
+```js
+import { View, Text } from "react-native";
+import React from "react";
+import { iOSUIKit, material, systemWeights } from "react-native-typography";
+
+export function TypographyExample1() {
+  return (
+    <View style={{ backgroundColor: "white" }}>
+      <Text style={iOSUIKit.largeTitleEmphasized}>Hello iOS UI Kit!</Text>
+      <Text style={material.title}>Title</Text>
+      <Text style={systemWeights.light}>Title</Text>
+    </View>
+  );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                                                                                                                                                                                                                                                                                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | ----------------- |
+| material            | Includes all the styles defined in the [Material Design Guidelines](https://material.io/guidelines/style/typography.html#typography-styles).Defines size, weight and color.                                                                                                                                                                                                  | object | no       | All      | yes               |
+| materialDense       | material`s Dense scripts                                                                                                                                                                                                                                                                                                                                                     | object | no       | All      | yes               |
+| materialTall        | material`s Tall scripts                                                                                                                                                                                                                                                                                                                                                      | object | no       | All      | yes               |
+| human               | Defined in the [Human Interface Guidelines](https://developer.apple.com/ios/human-interface-guidelines/visual-design/typography/).Defines size, weight and color.                                                                                                                                                                                                            | object | no       | All      | yes               |
+| humanDense          | human`s Dense scripts                                                                                                                                                                                                                                                                                                                                                        | object | no       | All      | yes               |
+| humanTall           | human`s Tall scripts                                                                                                                                                                                                                                                                                                                                                         | object | no       | All      | yes               |
+| iOSUIKit            | Extracted from [the official Apple sketch file](https://developer.apple.com/design/resources/) These are the text styles that fall under the category of iOS UIKit, and are used to build the UI components of iOS Apps. They build on top of the Human Interface styles, customizing some properties such as weight or letter spacing.                                      | object | no       | iOS      | yes               |
+| iOSUIKitDense       | iOSUIKit`s Dense scripts                                                                                                                                                                                                                                                                                                                                                     | object | no       | iOS      | yes               |
+| iOSUIKitTall        | iOSUIKit`s Tall scripts                                                                                                                                                                                                                                                                                                                                                      | object | no       | iOS      | yes               |
+| systemWeights       | A font weight in React Native is sometimes formed by a pair of a fontFamily and a fontWeight, but not always! It depends on the typeface, sometimes it's just. defined by the fontFamily. With these helpers, you don't have to worry about those inconsistencies. To combine them with a collection style (or your own styles) just spread them, as they are plain objects. | object | no       | All      | yes               |
+| systemDenseWeights  | systemWeights`s Dense scripts                                                                                                                                                                                                                                                                                                                                                | object | no       | All      | yes               |
+| systemTallWeights   | systemWeights`s Tall scripts                                                                                                                                                                                                                                                                                                                                                 | object | no       | All      | yes               |
+| sanFranciscoWeights | San Francisco typeface                                                                                                                                                                                                                                                                                                                                                       | object | no       | iOS      | yes               |
+| robotoWeights       | These weights are **only intended for Android**, as they directly reference the native Roboto typeface.                                                                                                                                                                                                                                                                      | object | no       | Android      | yes               |
+| webWeights          | These weights are **only intended for the web**, and render [react-native-web](https://github.com/necolas/react-native-web)'s system font stack.                                                                                                                                                                                                                             | object | no       | Web      | yes               |
+| iOSColors           | Colors iOS                                                                                                                                                                                                                                                                                                                                                                   | object | no       | iOS      | yes               |
+| materialColors      | Colors Material                                                                                                                                                                                                                                                                                                                                                              | object | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/hectahertz/react-native-typography/blob/master/LICENSE) ，请自由地享受和参与开源。

From 1871b5a3bbb4f63faa9c8fcfa0473e24f3513cdc Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Wed, 24 Jul 2024 03:30:14 +0000
Subject: [PATCH 238/966] =?UTF-8?q?!1027=20docs:=20[#IABVEY]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-step-indicator=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IABV9U]=20=E6=96=B0=E5=A2=9Ereact-nat?=
 =?UTF-8?q?ive-step-indicator=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-step-indicator.md | 280 +++++++++++++++++++++++++++
 1 file changed, 280 insertions(+)
 create mode 100644 zh-cn/react-native-step-indicator.md

diff --git a/zh-cn/react-native-step-indicator.md b/zh-cn/react-native-step-indicator.md
new file mode 100644
index 00000000..b9be35cd
--- /dev/null
+++ b/zh-cn/react-native-step-indicator.md
@@ -0,0 +1,280 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-step-indicator</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/24ark/react-native-step-indicator">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/24ark/react-native-step-indicator/blob/master/LICENSE">
+        <!-- <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" /> -->
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/24ark/react-native-step-indicator)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-step-indicator@1.0.3 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-step-indicator@1.0.3
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+#### Using a Component
+
+```js
+import * as React from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+import StepIndicator from 'react-native-step-indicator';
+
+const firstIndicatorStyles = {
+  stepIndicatorSize: 30,
+  currentStepIndicatorSize: 40,
+  separatorStrokeWidth: 3,
+  currentStepStrokeWidth: 5,
+  separatorFinishedColor: '#4aae4f',
+  separatorUnFinishedColor: '#a4d4a5',
+  stepIndicatorFinishedColor: '#4aae4f',
+  stepIndicatorUnFinishedColor: '#a4d4a5',
+  stepIndicatorCurrentColor: '#ffffff',
+  stepIndicatorLabelFontSize: 15,
+  currentStepIndicatorLabelFontSize: 15,
+  stepIndicatorLabelCurrentColor: '#000000',
+  stepIndicatorLabelFinishedColor: '#ffffff',
+  stepIndicatorLabelUnFinishedColor: 'rgba(255,255,255,0.5)',
+  labelColor: '#666666',
+  labelSize: 12,
+  currentStepLabelColor: '#4aae4f',
+};
+
+const secondIndicatorStyles = {
+  stepIndicatorSize: 30,
+  currentStepIndicatorSize: 40,
+  separatorStrokeWidth: 2,
+  currentStepStrokeWidth: 3,
+  stepStrokeCurrentColor: '#fe7013',
+  stepStrokeWidth: 3,
+  separatorStrokeFinishedWidth: 4,
+  stepStrokeFinishedColor: '#fe7013',
+  stepStrokeUnFinishedColor: '#aaaaaa',
+  separatorFinishedColor: '#fe7013',
+  separatorUnFinishedColor: '#aaaaaa',
+  stepIndicatorFinishedColor: '#fe7013',
+  stepIndicatorUnFinishedColor: '#ffffff',
+  stepIndicatorCurrentColor: '#ffffff',
+  stepIndicatorLabelFontSize: 13,
+  currentStepIndicatorLabelFontSize: 13,
+  stepIndicatorLabelCurrentColor: '#fe7013',
+  stepIndicatorLabelFinishedColor: '#ffffff',
+  stepIndicatorLabelUnFinishedColor: '#aaaaaa',
+  labelColor: '#999999',
+  labelSize: 13,
+  currentStepLabelColor: '#fe7013',
+};
+
+const thirdIndicatorStyles = {
+  stepIndicatorSize: 25,
+  currentStepIndicatorSize: 30,
+  separatorStrokeWidth: 2,
+  currentStepStrokeWidth: 3,
+  stepStrokeCurrentColor: '#7eaec4',
+  stepStrokeWidth: 3,
+  stepStrokeFinishedColor: '#7eaec4',
+  stepStrokeUnFinishedColor: '#dedede',
+  separatorFinishedColor: '#7eaec4',
+  separatorUnFinishedColor: '#dedede',
+  stepIndicatorFinishedColor: '#7eaec4',
+  stepIndicatorUnFinishedColor: '#ffffff',
+  stepIndicatorCurrentColor: '#ffffff',
+  stepIndicatorLabelFontSize: 0,
+  currentStepIndicatorLabelFontSize: 0,
+  stepIndicatorLabelCurrentColor: 'transparent',
+  stepIndicatorLabelFinishedColor: 'transparent',
+  stepIndicatorLabelUnFinishedColor: 'transparent',
+  labelColor: '#999999',
+  labelSize: 13,
+  currentStepLabelColor: '#7eaec4',
+};
+
+export default function App() {
+  const [currentPage, setCurrentPage] = React.useState<number>(0);
+
+  const onStepPress = (position: number) => {
+    setCurrentPage(position);
+  };
+
+  const renderStepIndicator = (params: any) => (
+    <Text>棒</Text>
+  );
+
+  const renderLabel = ({
+    position,
+    stepStatus,
+    label,
+    currentPosition,
+  }: {
+    position: number;
+    stepStatus: string;
+    label: string;
+    currentPosition: number;
+  }) => {
+    return (      
+      <Text
+        style={
+          position === currentPosition
+            ? styles.stepLabelSelected
+            : styles.stepLabel
+        }
+      >
+        {label}
+      </Text>
+    );
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.stepIndicator}>
+        <StepIndicator
+          customStyles={firstIndicatorStyles}
+          currentPosition={currentPage}
+          labels={['Account', 'Profile', 'Band', 'Membership', 'Dashboard']}
+          renderLabel={renderLabel}
+          onPress={onStepPress}
+        />
+      </View>
+      <View style={styles.stepIndicator}>
+        <StepIndicator
+          customStyles={secondIndicatorStyles}
+          currentPosition={currentPage}
+          onPress={onStepPress}
+          renderStepIndicator={renderStepIndicator}
+          labels={[
+            'Cart',
+            'Delivery Address',
+            'Order Summary',
+            'Payment Method',
+            'Track',
+          ]}
+        />
+      </View>
+      <View style={styles.stepIndicator}>
+        <StepIndicator
+          stepCount={4}
+          customStyles={thirdIndicatorStyles}
+          currentPosition={currentPage}
+          onPress={onStepPress}
+          labels={['Approval', 'Processing', 'Shipping', 'Delivery']}
+        />
+      </View>
+      
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#ffffff',
+  },
+  stepIndicator: {
+    marginVertical: 50,
+  },
+  page: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  stepLabel: {
+    fontSize: 12,
+    textAlign: 'center',
+    fontWeight: '500',
+    color: '#999999',
+  },
+  stepLabelSelected: {
+    fontSize: 12,
+    textAlign: 'center',
+    fontWeight: '500',
+    color: '#4aae4f',
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; OH SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Default | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |------------ |
+| currentPosition  | Current position in steps         | number  |    no    | 0 |  iOS,Android  |         yes        |
+| stepCount  | Number of steps         | number  |    no    | 5 |  iOS,Android  |         yes        |
+| direction  | Orientation of the Steps         | 'horizontal' \| 'vertical'  |    no    | 'horizontal' |  iOS,Android  |         yes        |
+| customStyles  | Styles for the component         | object  |    no    | {} |  iOS,Android  |         yes        |
+| labels  | Labels for each step         | Array\<string\>  |    no    | null |  iOS,Android  |         yes        |
+| onPress  | Callback fired when tapping on a step         | Function (position: Number) => void |    no    | null |  iOS,Android  |         yes        |
+| renderStepIndicator  | Used to render custom content inside step at specified position         | Function (position: Number, stepStatus: String) => React.ReactNode |    no    | null |  iOS,Android  |         yes        |
+| renderLabel  | Use this to render custom label for each step         | Function (position: Number, stepStatus: String, label: String, currentPosition: Number) => React.ReactNode |    no    | null |  iOS,Android  |         yes        |
+
+### Custom Styles
+| Name | Description | Type | Required | Default | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |------------ |
+| stepIndicatorSize  |    Size of step indicator circle    | number  |    no    | 30 |  iOS,Android  |         yes        |
+| currentStepIndicatorSize  |    Size of the current step indicator circle    | number  |    no    | 40 |  iOS,Android  |         yes        |
+| separatorStrokeWidth  |    Stroke thickness of the separator between steps    | number  |    no    | 2 |  iOS,Android  |         yes        |
+| separatorStrokeUnfinishedWidth  |    Stroke thickness of the separator between unifinished steps    | number  |    no    | 0 |  iOS,Android  |         yes        |
+| separatorStrokeFinishedWidth  |    Stroke thickness of the separator between finished steps    | number  |    no    | 0 |  iOS,Android  |         yes        |
+| stepStrokeWidth  |    Thickness of the stroke around each step    | number  |    no    | 3 |  iOS,Android  |         yes        |
+| currentStepStrokeWidth  |    Thickness of the stroke around the current step    | number  |    no    | 3 |  iOS,Android  |         yes        |
+| stepStrokeCurrentColor  |    Stroke color for the current step    | string  |    no    | '#fe7013' |  iOS,Android  |         yes        |
+| stepStrokeFinishedColor  |    Stroke color for finished steps    | string  |    no    | '#fe7013' |  iOS,Android  |         yes        |
+| stepStrokeUnFinishedColor  |    Stroke color for unfinished steps    | string  |    no    | '#aaaaaa' |  iOS,Android  |         yes        |
+| separatorFinishedColor  |    Color of separator for finished items    | string  |    no    | '#fe7013' |  iOS,Android  |         yes        |
+| separatorUnFinishedColor  |    Color of separator for unfinished items    | string  |    no    | '#aaaaaa' |  iOS,Android  |         yes        |
+| stepIndicatorFinishedColor  |    Color of the circle for finished steps    | string  |    no    | '#fe7013' |  iOS,Android  |         yes        |
+| stepIndicatorUnFinishedColor  |    Color of the circle for unfinished steps    | string  |    no    | '#ffffff' |  iOS,Android  |         yes        |
+| stepIndicatorCurrentColor  |    Color of the circle for the current step    | string  |    no    | '#ffffff' |  iOS,Android  |         yes        |
+| stepIndicatorLabelFontSize  |    Font size of the number inside the circle for each step    | number  |    no    | 15 |  iOS,Android  |         yes        |
+| currentStepIndicatorLabelFontSize  |    Font size of the number inside the circle for the current step    | number  |    no    | 15 |  iOS,Android  |         yes        |
+| stepIndicatorLabelCurrentColor  |    Color of label for the current step    | string  |    no    | '#ffffff' |  iOS,Android  |         yes        |
+| stepIndicatorLabelFinishedColor  |    Color of labels that their steps are finished    | string  |    no    | '#ffffff' |  iOS,Android  |         yes        |
+| stepIndicatorLabelUnFinishedColor  |    Color of labels that their steps are unfinished    | string  |    no    | 'rgba(255,255,255,0.5)' |  iOS,Android  |         yes        |
+| labelColor  |    Color of the label text    | string  |    no    | '#000000' |  iOS,Android  |         yes        |
+| currentStepLabelColor  |    Color of the current step label    | string  |    no    | '#4aae4f' |  iOS,Android  |         yes        |
+| labelSize  |    Font size for the labels    | number  |    no    | 13 |  iOS,Android  |         yes        |
+| labelAlign  |    Label alignment    | 'center' \| 'flex-start' \| 'flex-end' \| 'stretch' \| 'baseline' \| undefined  |    no    | 'center' |  iOS,Android  |         yes        |
+| labelFontFamily  |    Label fontFamily for custom fonts    | string  |    no    |   |  iOS,Android  |         yes        |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/24ark/react-native-step-indicator/blob/master/LICENSE) ，请自由地享受和参与开源。

From 975ebf764dc085fe33d6d183f38af5b6ffdfda49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=AE=87?= <478110507@qq.com>
Date: Wed, 24 Jul 2024 03:33:03 +0000
Subject: [PATCH 239/966] =?UTF-8?q?!1029=20docs:=20[Issues:=20#IABW53]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-offline=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IABW53]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-offline=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-offline.md | 163 ++++++++++++++++++++++++++++++++++
 1 file changed, 163 insertions(+)
 create mode 100644 zh-cn/react-native-offline.md

diff --git a/zh-cn/react-native-offline.md b/zh-cn/react-native-offline.md
new file mode 100644
index 00000000..54baa210
--- /dev/null
+++ b/zh-cn/react-native-offline.md
@@ -0,0 +1,163 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-offline</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/rgommezz/react-native-offline">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20window%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/rgommezz/react-native-offline/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/rgommezz/react-native-offline)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install  react-native-offline@6.0.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-offline@6.0.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, Button } from 'react-native';
+import { NetworkProvider, NetworkConsumer, useIsConnected, checkInternetConnection } from 'react-native-offline';
+
+interface Context {
+    pingUrl: string;
+}
+
+const DummyNetworkContext = React.createContext<Context>({
+    pingUrl: 'https://www.huawei.com/',
+});
+
+export const offlineDemoTest = () => {
+    const isConnected = useIsConnected();
+    const DEFAULT_TIMEOUT = 3000;
+    const DEFAULT_PING_SERVER_URL = 'https://www.huawei.com/';
+    const DEFAULT_HTTP_METHOD = 'HEAD';
+    const DEFAULT_CUSTOM_HEADERS = {};
+    return (
+        <View>
+            <View>
+                {isConnected ? 'isConnected:YES' : 'isConnected:NO'}
+            </View>
+            <View>
+                <DummyNetworkContext.Consumer>
+                    {({ pingUrl }) => (
+                        <NetworkProvider pingServerUrl={pingUrl}>
+                            <NetworkConsumer >
+                                {({ isConnected }) => (
+                                    <View>
+                                        {isConnected ? 'NetworkConsumer: YES' : 'NetworkConsumer :NO'}
+                                    </View>
+                                )}
+                            </NetworkConsumer>
+                        </NetworkProvider>
+                    )}
+                </DummyNetworkContext.Consumer>
+            </View>
+            <View>
+                <Button
+                    title='CheckInternetConnection'
+                    onPress={async () => {
+                        const isConnected = await checkInternetConnection(
+                            DEFAULT_PING_SERVER_URL,
+                            DEFAULT_TIMEOUT,
+                            true,
+                            DEFAULT_HTTP_METHOD,
+                            DEFAULT_CUSTOM_HEADERS)
+                        if (isConnected === true) {
+                            <View>
+                                CheckInternetConnection: yes
+                            </View>
+                        }
+                    }}
+                />
+            </View>
+        </View>
+    );
+};
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-community/netinfo 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-community/netinfo文档的 Link 章节](/zh-cn/react-native-community-netinfo.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                  | Type        | Required | Platform              | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ----------- | -------- | --------------------- | ----------------- |
+| children              | a React Element. This is the only required prop.             | React.Node  | yes      | Android、iOS、Windows | yes               |
+| pingTimeout           | amount of time (in ms) that the component should wait for the ping response. Defaults to 10000 ms. If you want to use a different value, it's recommended to use a higher one. | number      | no       | Android、iOS、Windows | yes               |
+| pingServerUrl         | remote server to ping to. Defaults to https://www.google.com/ since it's probably one the most stable servers out there, but you can provide your own if needed. Warning: www.google.com is a blocked domain in China, so if you need your app to be accessible from there, you MUST use another domain. | string      | no       | Android、iOS、Windows | yes               |
+| shouldPing            | flag that denotes whether the extra ping check will be performed or not. Defaults to true. | boolean     | no       | Android、iOS、Windows | yes               |
+| pingInterval          | the interval (in ms) you want to ping the server at. Defaults to 0, and that means it is not going to check connectivity regularly. If opted in, it's advised not to choose a very small value, because that may drain your battery. Choose wisely. Something around 30000 ms should be fine. | number      | no       | Android、iOS、Windows | yes               |
+| pingOnlyIfOffline     | when set to true and pingInterval > 0, it will ping the remote server regularly only if offline. Defaults to false. | boolean     | no       | Android、iOS、Windows | yes               |
+| pingInBackground      | whether or not to check connectivity when app isn't in the foreground. Defaults to false. | boolean     | no       | Android、iOS、Windows | yes               |
+| httpMethod            | http method used to ping the server. Supports HEAD or OPTIONS. Defaults to HEAD. | HTTPMethod  | no       | Android、iOS、Windows | yes               |
+| customHeaders         | optional custom headers to add for ping request.             | HTTPHeaders | no       | Android、iOS、Windows | yes               |
+| regexActionType       | regular expression to indicate the action types to be intercepted in offline mode. By default it's configured to intercept actions for fetching data following the Redux convention. That means that it will intercept actions with types such as FETCH_USER_ID_REQUEST, FETCH_PRODUCTS_REQUEST etc. | RegExp      | no       | Android、iOS、Windows | yes               |
+| actionTypes           | array with additional action types to intercept that don't fulfil the RegExp criteria. For instance, it's useful for actions that carry along refreshing data, such as REFRESH_LIST. | Arrays      | no       | Android、iOS、Windows | yes               |
+| queueReleaseThrottle  | waiting time in ms between dispatches when flushing the offline queue. Useful to reduce the server pressure when coming back online. Defaults to 50ms. | number      | no       | Android、iOS、Windows | yes               |
+| shouldDequeueSelector | function that receives the redux application state and returns a boolean. It'll be executed every time an action is dispatched, before it reaches the reducer. This is useful to control if the queue should be released when the connection is regained and there were actions queued up. Returning true (the default behaviour) releases the queue, whereas returning false prevents queue release. For example, you may wanna perform some authentication checks, prior to releasing the queue. Note, if the result of shouldDequeueSelector changes while the queue is being released, the queue will not halt. If you want to halt the queue while is being released, please see relevant FAQ section. | boolean     | no       | Android、iOS、Windows | yes               |
+| url                   | remote server to ping to. Defaults to https://www.google.com/ since it's probably one the most stable servers out there, but you can provide your own if needed. Warning: www.google.com is a blocked domain in China, so if you need your app to be accessible from there, you MUST use another domain. | string      | no       | Android、iOS、Windows | yes               |
+| method                | http method used to ping the server. Supports HEAD or OPTIONS. Defaults to HEAD. | HTTPMethod  | no       | Android、iOS、Windows | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description                                                  | Type | Required | Platform              | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | ---- | -------- | --------------------- | ----------------- |
+| NetworkProvider         | Provider component that injects the network state to children  components via React Context. Only children prop is required, the rest  are optional. It should be used on top of your components hierarchy, ideally  in (or close to) the entry point. | func | no       | Android、iOS、Windows | yes               |
+| NetworkConsumer         | React component that subscribes to connectivity changes. It requires a  function as a child. The function receives the current connectivity status  and returns a React node. This component should be rendered within a  NetworkProvider in order to work properly. | func | no       | Android、iOS、Windows | yes               |
+| useIsConnected          | Returns a boolean indicating whether you are connected to the network or not. | func | no       | Android、iOS、Windows | yes               |
+| ReduxNetworkProvider    | Uses a provider component mechanism. The same props as for `NetworkProvider` apply. Make sure your component is a descendant of the react-redux `<Provider>` component, so that `ReduxNetworkProvider` has access to the store. | func | no       | Android、iOS、Windows | yes               |
+| networkSaga             | Just fork this saga from your root saga. It accepts the same config options as NetworkProvider and ReduxNetworkProvider. Recommended if you are using redux-saga, since it's a very elegant way to deal with global connectivity changes, without having to wrap your components with extra functionality. | func | no       | Android、iOS、Windows | yes               |
+| createNetworkMiddleware | Function that returns a Redux middleware which listens to specific actions targeting API calls in online/offline mode. | func | no       | Android、iOS、Windows | yes               |
+| OfflineQueue            | A queue system to store actions that failed due to lack of connectivity. It works for both plain object actions and thunks. | func | no       | Android、iOS、Windows | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/rgommezz/react-native-offline/blob/master/LICENSE) ，请自由地享受和参与开源

From 0f1fffdd68935be473e71e7c61389dac2de39329 Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Wed, 24 Jul 2024 03:36:25 +0000
Subject: [PATCH 240/966] =?UTF-8?q?!1037=20docs:=20[Issues:#IAC2GN]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-keyboard-aware-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAC?=
 =?UTF-8?q?2GN]=20=E6=9B=B4=E6=96=B0react-native-keyboard-aware-scroll-vie?=
 =?UTF-8?q?w=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...react-native-keyboard-aware-scroll-view.md | 117 ++++++++++--------
 1 file changed, 63 insertions(+), 54 deletions(-)

diff --git a/zh-cn/react-native-keyboard-aware-scroll-view.md b/zh-cn/react-native-keyboard-aware-scroll-view.md
index 20b214ca..ce5ec7af 100644
--- a/zh-cn/react-native-keyboard-aware-scroll-view.md
+++ b/zh-cn/react-native-keyboard-aware-scroll-view.md
@@ -1,19 +1,19 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-keyboard-aware-scroll-view</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view">
+    <a href="https://github.com/APSL/react-native-keyboard-aware-scroll-view">
         <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/blob/sig/LICENSE">
+    <a href="https://github.com/APSL/react-native-keyboard-aware-scroll-view/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view)
 
 ## 安装与使用
 
@@ -23,7 +23,7 @@
 
 <!-- tabs:start -->
 
-> [!tip] # 处替换为 tgz 包的路径
+> [!TIP] # 处替换为 tgz 包的路径
 
 #### **npm**
 
@@ -44,38 +44,57 @@ yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```tsx
-import React from "react";
-import { TextInput, StyleSheet, ScrollView } from "react-native";
+import React, { useState, useRef } from "react";
+import ReactNative, { TextInput, StyleSheet, Button, View, Text } from "react-native";
 import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 
-const KasvCom: React.FC = (): JSX.Element => {
-  return (
-    <>
-      <KeyboardAwareScrollView>
-        <ScrollView>
-          <TextInput style={styles.input} placeholder="键盘事件测试输入框" />
-        </ScrollView>
-      </KeyboardAwareScrollView>
-    </>
-  );
+const Labels = ['Username', 'Password', 'Firstname', 'Lastname', 'Address', 'Phone', 'Email', 'QQ', 'WeChat', 'Webo'];
+
+export const ReactNativeKeyboardAwareScrollView: React.FC = (): JSX.Element => {
+
+    const [resetScrollToCoords, setResetScrollToCoords] = useState({ x: 20, y: 20 });
+    const [enableAutomaticScroll, setEnableAutomaticScroll] = useState(false);
+    const [extraHeight, setExtraHeight] = useState(50);
+    const [extraScrollHeight, setExtraScrollHeight] = useState(60);
+    const [enableResetScrollToCoords, setEnableResetScrollToCoords] = useState(false);
+
+    return <KeyboardAwareScrollView
+        style={styles.scroll}
+       resetScrollToCoords={resetScrollToCoords}
+        enableAutomaticScroll={enableAutomaticScroll}
+        extraHeight={extraHeight}
+        extraScrollHeight={extraScrollHeight}
+        enableResetScrollToCoords={enableResetScrollToCoords}
+    >
+        <Button onPress={onSetAttribute} title="设置属性值" />
+        {
+            Labels.map(item => {
+                return <View key={item}>
+                    <Text>{item}:</Text>
+                    <TextInput style={styles.input} placeholder="请输入" />
+                </View>;
+            })
+        }
+    </KeyboardAwareScrollView>;
 };
 
 const styles = StyleSheet.create({
-  input: {
-    width: "90%",
-    marginLeft: "5%",
-    borderWidth: 2,
-    borderColor: "black",
-    height: 40,
-    borderRadius: 10,
-    fontSize: 26,
-    paddingLeft: 6,
-    marginTop: 10,
-    marginBottom: 10,
-  },
+    scroll: {
+        backgroundColor: '#f0f0f0'
+    },
+    input: {
+        width: 300,
+        marginLeft: 20,
+        borderWidth: 2,
+        borderColor: "black",
+        height: 40,
+        borderRadius: 10,
+        fontSize: 26,
+        paddingLeft: 6,
+        marginTop: 10,
+        marginBottom: 10,
+    },
 });
-
-export default KasvCom;
 ```
 
 ## 约束与限制
@@ -86,47 +105,37 @@ export default KasvCom;
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases)
 
-本文档内容基于以下版本验证通过：
-
-1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
-
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-以下属性已验证，详情见 [react-native-keyboard-aware-scroll-view 源库地址](https://github.com/APSL/react-native-keyboard-aware-scroll-view)
-
-**组件 KeyboardAwareScrollView**
+详情见 [react-native-keyboard-aware-scroll-view 源库地址](https://github.com/APSL/react-native-keyboard-aware-scroll-view)
 
 | Name                      | Description                                                                                    | Type                                                                                                                                                             | Required | Platform | HarmonyOS Support |
 | ------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| viewIsInsideTabBar        | Adds an extra offset that represents the `TabBarIOS` height.                                   | boolean                                                                                                                                                          | NO       | IOS      | NO                |
+| viewIsInsideTabBar        | Adds an extra offset that represents the `TabBarIOS` height.                                   | boolean                                                                                                                                                          | NO       | iOS      | NO                |
 | resetScrollToCoords       | Coordinates that will be used to reset the scroll when the keyboard hides.                     | Object: {x: number, y: number}                                                                                                                                   | NO       | All      | YES               |
 | enableAutomaticScroll     | When focus in `TextInput` will scroll the position, default is enabled.                        | boolean                                                                                                                                                          | NO       | All      | YES               |
 | extraHeight               | Adds an extra offset when focusing the `TextInput`s.                                           | number                                                                                                                                                           | NO       | All      | YES               |
 | extraScrollHeight         | Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard. | number                                                                                                                                                           | NO       | All      | YES               |
 | enableResetScrollToCoords | Lets the user enable or disable automatic resetScrollToCoords.                                 | boolean                                                                                                                                                          | NO       | All      | YES               |
-| keyboardOpeningTime       | Sets the delay time before scrolling to new position, default is 250                           | number                                                                                                                                                           | NO       | IOS      | NO                |
-| keyboardWillShow          | What to do when the keyboard is about to appear                                                | (event?) => void                                                                                                                                                 | NO       | IOS      | NO                |
-| keyboardDidShow           | What to do when the keyboard appears                                                           | (event?) => void                                                                                                                                                 | NO       | All      | YES               |
-| keyboardWillHide          | What to do when the keyboard is about to be hidden                                             | (event?) => void                                                                                                                                                 | NO       | IOS      | NO                |
-| keyboardDidHide           | What to do when hiding the keyboard                                                            | (event?) => void                                                                                                                                                 | NO       | All      | YES               |
-| keyboardWillChangeFrame   | When the keyboard status is about to change                                                    | (event?) => void                                                                                                                                                 | NO       | IOS      | NO                |
-| keyboardDidChangeFrame    | When the keyboard status changes                                                               | (event?) => void                                                                                                                                                 | NO       | IOS      | NO                |
+| keyboardOpeningTime       | Sets the delay time before scrolling to new position, default is 250                           | number                                                                                                                                                           | NO       | iOS      | NO                |
+| onKeyboardWillShow          | What to do when the keyboard is about to appear                                                | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
+| onKeyboardDidShow           | What to do when the keyboard appears                                                           | (event?) => void                                                                                                                                                 | NO       | All      | YES               |
+| onKeyboardWillHide          | What to do when the keyboard is about to be hidden                                             | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
+| onKeyboardDidHide           | What to do when hiding the keyboard                                                            | (event?) => void                                                                                                                                                 | NO       | All      | YES               |
+| onKeyboardWillChangeFrame   | When the keyboard status is about to change                                                    | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
+| onKeyboardDidChangeFrame    | When the keyboard status changes                                                               | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
 | scrollToPosition          | Scroll to specific position with or without animation.                                         | (x: number, y: number, animated: bool = true) => void                                                                                                            | NO       | All      | YES               |
 | scrollToEnd               | Scroll to end with or without animation.                                                       | (animated?: bool = true) => void                                                                                                                                 | NO       | All      | YES               |
 | scrollIntoView            | Scrolls an element inside a KeyboardAwareScrollView into view.                                 | (element: React.Element<\*>, options: { getScrollPosition: ?(parentLayout, childLayout, contentOffset) => { x: number, y: number, animated: boolean } }) => void | NO       | All      | NO                |
 
 ## 遗留问题
 
-- [ ] RN0.72.5版本新架构暂未支持UIManager.viewIsDescendantOf() API，该API功能为：判断组件节点嵌套关系，并在callback中返回boolean类型参数。
-
-- 问题说明：KeyboardAwareScrollView组件逻辑为：监听软键盘出现事件，并绑定callback，在callback中利用UIManager.viewIsDescendantOf()判断组件是否为该组件的子组件，返回true则抬升TextInput的高度，并处理相关Props。由于新架构暂未支持该API，目前IOS与Harmony的新架构均不会调用该API的callback，而Android则始终在callback内返回false，导致该组件的键盘出现事件的相关逻辑功能无法生效。
-- 处理现状：由于UIManager.viewIsDescendantOf() API暂无法调用内部callback，现已将其暂时删除，将callback变为外部逻辑。受此影响,KeyboardAwareScrollView组件无法判断当前聚焦的TextInput组件是否为子组件，KeyboardAwareScrollView组件以外的TextInput组件聚焦时也会触发KeyboardAwareScrollView组件的Props设置。且由于oh侧系统软键盘会自动抬起TextInput的高度，KeyboardAwareScrollView组件外的TextInput聚焦时，距离软键盘顶部会有额外的距离。
-
-- 使用建议：KeyboardAwareScrollView组件外不设置可聚焦TextInput组件或将其写入KeyboardAwareScrollView组件slot内。
+- [ ] RN0.72.27版本新架构暂未支持UIManager.viewIsDescendantOf() API，该API功能为：判断组件节点嵌套关系，并在callback中返回boolean类型参数: [issue#3](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/3)
+- [ ] 部分接口未适配，详情见描述：[issue#2](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/2)
 
 ## 其他
 

From 95a4699ef03bff35a18aade95a59ede149b6c4c2 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Wed, 24 Jul 2024 03:40:00 +0000
Subject: [PATCH 241/966] =?UTF-8?q?!1041=20docs:=20[Issues:=20#IAC54K]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-snackbar=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAC54K]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-snackbar=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-snackbar.md | 285 +++++++++++++++++++++++++++++++++
 1 file changed, 285 insertions(+)
 create mode 100644 zh-cn/react-native-snackbar.md

diff --git a/zh-cn/react-native-snackbar.md b/zh-cn/react-native-snackbar.md
new file mode 100644
index 00000000..37957afd
--- /dev/null
+++ b/zh-cn/react-native-snackbar.md
@@ -0,0 +1,285 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-snackbar</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/cooperka/react-native-snackbar">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/cooperka/react-native-snackbar/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-snackbar)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-snackbar@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-snackbar@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View, StyleSheet, Button, ScrollView } from "react-native";
+import Snackbar from "react-native-snackbar";
+
+export const SnackbarTest = () => {
+  return (
+    <View
+      style={{
+        width: "100%",
+        height: "100%",
+        backgroundColor: "white",
+        flex: 1,
+      }}
+    >
+      <ScrollView style={styles.container}>
+        <Button
+          title="点击显示组件"
+          onPress={() => {
+            Snackbar.show({
+              text: "Hello harmony",
+              marginBottom: 300,
+            });
+          }}
+        />
+      </ScrollView>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    backgroundColor: "#333",
+    flex: 1,
+  },
+  Snackbar: {
+    width: "100%",
+    backgroundColor: "white",
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-snackbar": "file:../../node_modules/@react-native-oh-tpl/react-native-snackbar/harmony/snackbar.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNSnackbarPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {RNSnackbarPackage} from '@react-native-oh-tpl/react-native-snackbar/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSnackbarPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Snackbar.show(options)
+
+| Name              | Description                                                                                                     | Type                       | Required | Platform    | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------------------------------------------------------- | -------------------------- | -------- | ----------- | ----------------- |
+| `text`            | The message to show.                                                                                            | `string`                   | yes      | Android iOS | yes               |
+| `duration`        | How long to display the Snackbar                                                                                | See below                  | no       | Android iOS | no                |
+| `numberOfLines`   | The max number of text lines to allow before ellipsizing                                                        | `number`                   | no       | Android iOS | no                |
+| `marginBottom`    | Margin from bottom                                                                                              | `number`                   | no       | Android iOS | yes               |
+| `textColor`       | The color of the message text.                                                                                  | `string` or `style`        | no       | Android iOS | no                |
+| `backgroundColor` | The background color for the whole Snackbar                                                                     | `string` or `style`        | no       | Android iOS | no                |
+| `fontFamily`      | [Android only] The basename of a .ttf font from assets/fonts/                                                   | `string`                   | no       | Android     | no                |
+| `rtl`             | [Android only, API 17+] Whether the Snackbar should render right-to-left (requires android:supportsRtl="true"). | `boolean`                  | no       | Android     | no                |
+| `action`          | Optional config for the action button (described below)                                                         | `object` (described below) | no       | Android iOS | no                |
+
+Where `duration` can be one of the following (timing may vary based on device):
+
+- `Snackbar.LENGTH_SHORT` (just over a second)
+- `Snackbar.LENGTH_LONG` (about three seconds)
+- `Snackbar.LENGTH_INDEFINITE` (stays on screen until dismissed, replaced, or action button is tapped)
+
+The optional `action` object can contain the following options:
+
+| Key         | Type                      | Description                                   | Platform    | HarmonyOS Support |
+| ----------- | ------------------------- | --------------------------------------------- | ----------- | ----------------- |
+| `text`      | `string` The button text. | The button text.                              | Android iOS | no                |
+| `textColor` | `string` or `style`       | The color of the button text.                 | Android iOS | no                |
+| `onPress`   | `function`                | A callback for when the user taps the button. | Android iOS | no                |
+
+### Snackbar events
+
+You can have information on snackbar visibility.
+
+```js
+  componentDidMount() {
+    const SnackbarEventEmitter = new NativeEventEmitter(
+      NativeModules.RNSnackbar,
+    );
+    this.eventListener = SnackbarEventEmitter.addListener('onSnackbarVisibility', (event) => {
+      console.log(event.event);
+    });
+  }
+
+  componentWillUnmount() {
+    this.eventListener.remove();
+  }
+```
+
+Or, with functional components:
+
+```js
+useEffect(() => {
+  const subscription = new NativeEventEmitter(
+    NativeModules.RNSnackbar
+  ).addListener("onSnackbarVisibility", (event) => {
+    console.log(event.event);
+  });
+  return () => {
+    subscription.remove();
+  };
+}, []);
+```
+
+Where event is one of the following options :
+
+| Key                                  | Type     | Value | Description                                                                | Platform    | HarmonyOS Support |
+| ------------------------------------ | -------- | ----- | -------------------------------------------------------------------------- | ----------- | ----------------- |
+| `Snackbar.DISMISS_EVENT_SWIPE`       | `number` | 0     | Indicates that the Snackbar was dismissed via a swipe.                     | Android iOS | no                |
+| `Snackbar.DISMISS_EVENT_ACTION`      | `number` | 1     | Indicates that the Snackbar was dismissed via an action click.             | Android iOS | no                |
+| `Snackbar.DISMISS_EVENT_TIMEOUT`     | `number` | 2     | Indicates that the Snackbar was dismissed via a timeout.                   | Android iOS | no                |
+| `Snackbar.DISMISS_EVENT_MANUAL`      | `number` | 3     | Indicates that the Snackbar was dismissed via Snackbar.dismiss() call.     | Android iOS | no                |
+| `Snackbar.DISMISS_EVENT_CONSECUTIVE` | `number` | 4     | Indicates that the Snackbar was dismissed from a new Snackbar being shown. | Android iOS | no                |
+| `Snackbar.SHOW_EVENT`                | `number` | 5     | Indicates that Snackbar appears                                            | Android iOS | no                |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                       | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
+| show    | Shows a Snackbar                  | function | yes      | Android iOS | yes               |
+| dismiss | Dismisses any existing Snackbars. | function | yes      | Android iOS | no                |
+
+### show()
+
+| Name    | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | ------ | -------- | ----------- | ----------------- |
+| options | options     | object | yes      | Android iOS | partially         |
+
+## 遗留问题
+
+- [ ] 不支持 duration、numberOfLines、textColor、backgroundColor、fontFamily、rtl、action 等参数以及 dismiss()接口: [issue#1](https://github.com/react-native-oh-library/react-native-snackbar/issues/1)
+- [ ] 与 Android 和 iOS 的样式有一定的差异: [issue#2](https://github.com/react-native-oh-library/react-native-snackbar/issues/2)
+- [ ] 无法实现 Snackbar events：[issue#3](https://github.com/react-native-oh-library/react-native-snackbar/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/cooperka/react-native-snackbar/blob/main/LICENSE) ，请自由地享受和参与开源。

From 9d8c2e8bbbbaec7008622ade89c06f11947d297b Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Wed, 24 Jul 2024 03:45:25 +0000
Subject: [PATCH 242/966] =?UTF-8?q?!1173=20docs:=20[Issues:=20#IAF6JF]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-spring-scrollview=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAF6JF]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-spring-scrollview=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-spring-scrollview.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
index 3557f21b..36d5e546 100644
--- a/zh-cn/react-native-spring-scrollview.md
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -134,7 +134,7 @@ export default class ScrollToAndOnScrollExample extends React.Component {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-spring-scrollview": "file:../../node_modules/@react-native-oh-tpl/react-native-spring-scrollview/harmony/spring-scrollview.har",
+    "@react-native-oh-tpl/react-native-spring-scrollview": "file:../../node_modules/@react-native-oh-tpl/react-native-spring-scrollview/harmony/spring_scrollview.har",
   }
 ```
 
@@ -173,7 +173,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-spring-scrollview/src/main/cpp" ./spring-scrollview)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-spring-scrollview/src/main/cpp" ./spring_scrollview)
 # RNOH_END: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
@@ -256,9 +256,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |

From 38aec0f5e7437b27922369f60d59e8a584c5d072 Mon Sep 17 00:00:00 2001
From: Ycode <3259980649@qq.com>
Date: Wed, 24 Jul 2024 03:47:09 +0000
Subject: [PATCH 243/966] =?UTF-8?q?!1064=20docs:=20[#IACMM5]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-transitiongroup=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IACMM5]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-transitiongroup=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-transitiongroup.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md
index e7066a5c..28350832 100644
--- a/zh-cn/react-native-transitiongroup.md
+++ b/zh-cn/react-native-transitiongroup.md
@@ -171,11 +171,11 @@ const styles = StyleSheet.create({
 
 ## 遗留问题
 
+## 其他
+
 - [ ] 原库使用refs方法，现在改为使用react.createRef方法代替。问题: [issue#1](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/1)
 - [ ] 原库中使用的ViewPropTypes，现在改为使用PropTypes方法代替。问题: [issue#2](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/2)
 
-## 其他
-
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。

From 2ed70acd744ac3446166e858004335ba4cd476f5 Mon Sep 17 00:00:00 2001
From: liangzhenhua <2106377850@qq.com>
Date: Wed, 24 Jul 2024 06:12:48 +0000
Subject: [PATCH 244/966] =?UTF-8?q?!1156=20docs:=20[Issues:=20#IABKTQ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-amap3d.md=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IABKTQ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-amap3d.md=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...native-ama3d.md => react-native-amap3d.md} | 42 +++++--------------
 1 file changed, 10 insertions(+), 32 deletions(-)
 rename zh-cn/{react-native-ama3d.md => react-native-amap3d.md} (94%)

diff --git a/zh-cn/react-native-ama3d.md b/zh-cn/react-native-amap3d.md
similarity index 94%
rename from zh-cn/react-native-ama3d.md
rename to zh-cn/react-native-amap3d.md
index 181b6736..5548ca57 100644
--- a/zh-cn/react-native-ama3d.md
+++ b/zh-cn/react-native-amap3d.md
@@ -105,12 +105,6 @@ function AMapDemo() {
     onLongPress={(event: ReactNative.NativeSyntheticEvent<LatLng>)=>{
       console.info("AMapViewEventType map3d demo longevent===" + event.nativeEvent.latitude + "===" + event.nativeEvent.longitude)
     }}
-    onCameraMove={(event: ReactNative.NativeSyntheticEvent<CameraPosition>)=>{
-      console.info("AMapViewEventType map3d demo " + event.nativeEvent.target?.latitude + "===" + event.nativeEvent.target?.longitude)
-    }}
-    onCameraIdle={(event: ReactNative.NativeSyntheticEvent<CameraPosition>)=>{
-      console.info("AMapViewEventType map3d demo " + event.nativeEvent.target?.latitude + "===" + event.nativeEvent.target?.longitude)
-    }}
     onLoad={(event: ReactNative.NativeSyntheticEvent<voidEvent>) => {
       Alert.alert("onLoad successful")
     }}
@@ -122,33 +116,15 @@ function AMapDemo() {
       radius={500}
       center={{ latitude: 39.906901, longitude: 116.397972 }}
     />
-    <Circle
-      strokeWidth={10}
-      strokeColor="rgba(22, 69, 55, 0.5)"
-      fillColor="rgba(36, 21, 36, 0.5)"
-      radius={500}
-      center={{ latitude: 39.966901, longitude: 116.397972 }}
-    />
     <Polygon
       strokeWidth={5}
       strokeColor="rgba(0, 0, 255, 0.5)"
       fillColor="rgba(255, 0, 0, 0.5)"
       points={points}
     />
-    <Polygon
-      strokeWidth={10}
-      strokeColor="rgba(95, 36, 202, 0.5)"
-      fillColor="rgba(255, 235, 123, 0.5)"
-      points={points2}
-    />
     <Polyline width={100}  color="rgba(0, 255, 0, 0.5)" points={line1} onPress={() => { console.info("AMapViewEventType map3d polyline onPress width 200")}} />
-    <Polyline
-      width={100}
-      colors={["#f44336", "#4caf50", "#00ff23"]}
-      points={line3}
-    />
     <Marker
-      draggable
+      draggable={true}
       position={{ latitude: 39.806901, longitude: 116.397972 }}
       onPress={() => Alert.alert("onPress")}
       onDragEnd={({ nativeEvent }) =>
@@ -169,10 +145,6 @@ const styles = StyleSheet.create({
 export default AMapDemo;
 ```
 
-## 使用 Codegen
-
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
-
 ## Link
 
 目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -361,6 +333,7 @@ const arkTsComponentNames: Array<string> = [
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
+
 ```diff  
   ... 
 + import {MapViewPackage} from '@react-native-oh-tpl/react-native-amap3d/ts';
@@ -404,11 +377,11 @@ ohpm install
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | mapType  | 地图类型         | int  | yes | iOS      | yes |
 | initialCameraPosition  | 初始状态         | CameraPosition  | yes | iOS      | yes |
-| myLocationEnabled  | 是否显示当前定位         | boolean  | yes | iOS      | yes |
+| myLocationEnabled  | 是否显示当前定位         | boolean  | yes | iOS      | no |
 | indoorViewEnabled  | 是否显示室内地图         | boolean  | yes | iOS      | no |
 | buildingsEnabled  | 是否显示3D建筑         | boolean  | yes | iOS      | yes |
 | labelsEnabled  | 是否显示标注         | boolean  | yes | iOS      | yes |
-| compassEnabled  | 是否显示指南针         | boolean  | yes | iOS      | yes |
+| compassEnabled  | 是否显示指南针         | boolean  | yes | iOS      | no |
 | zoomControlsEnabled  | 是否显示放大缩小按钮         | boolean  | yes | iOS      | yes |
 | scaleControlsEnabled  | 是否显示比例尺         | boolean  | yes | iOS      | yes |
 | trafficEnabled  | 是否显示路况         | boolean  | yes | iOS      | yes |
@@ -418,7 +391,7 @@ ohpm install
 | scrollGesturesEnabled  | 是否启用滑动手势，用于平移         | boolean  | yes | iOS      | yes |
 | rotateGesturesEnabled  | 是否启用旋转手势，用于调整方向         | boolean  | yes | iOS      | yes |
 | tiltGesturesEnabled  | 是否启用倾斜手势，用于改变视角         | boolean  | yes | iOS      | yes |
-| distanceFilter  | 设定定位的最小更新距离         | float  | yes | iOS      | yes|
+| distanceFilter  | 设定定位的最小更新距离         | float  | yes | iOS      | no|
 | headingFilter  | 设定最小更新角度，默认为 1 度         | float  | yes | iOS      | no |
 
 ### Circle
@@ -513,10 +486,15 @@ ohpm install
 - [ ] getVersion：hramony暂不支持: [issue#17](https://github.com/react-native-oh-library/react-native-amap3d/issues/17)
 ### MapView
 - [ ] indoorViewEnabled：高德SDK暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-amap3d/issues/6)
+- [ ] compassEnabled：高德SDK暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-amap3d/issues/7)
+- [ ] myLocationEnabled：高德SDK暂不支持: [issue#29](https://github.com/react-native-oh-library/react-native-amap3d/issues/29)
 - [ ] distanceFilter：高德SDK暂不支持: [issue#11](https://github.com/react-native-oh-library/react-native-amap3d/issues/11)
+- [X] zoomControlsEnabled：高德SDK暂不支持: [issue#8](https://github.com/react-native-oh-library/react-native-amap3d/issues/8)
+- [X] scaleControlsEnabled：高德SDK暂不支持: [issue#9](https://github.com/react-native-oh-library/react-native-amap3d/issues/9)
 - [ ] headingFilter：高德SDK暂不支持: [issue#12](https://github.com/react-native-oh-library/react-native-amap3d/issues/12)
 - [ ] onCameraMove: 高德SDK暂不支持： [issue#14](https://github.com/react-native-oh-library/react-native-amap3d/issues/14)
 - [ ] onCameraIdle: 高德SDK暂不支持: [issue#15](https://github.com/react-native-oh-library/react-native-amap3d/issues/15)
+- [X] onPressPoi：高德SDK暂不支持: [issue#13](https://github.com/react-native-oh-library/react-native-amap3d/issues/13)
 - [ ] onLocation：高德SDK暂不支持: [issue#10](https://github.com/react-native-oh-library/react-native-amap3d/issues/10)
 - [ ] onCallback：高德SDK部分支持: [issue#21](https://github.com/react-native-oh-library/react-native-amap3d/issues/21)
 - [ ] moveCamera：harmony暂不支持: [issue#19](https://github.com/react-native-oh-library/react-native-amap3d/issues/19)

From 790e883a6f901718d1b7d0443c87bc3d092a2c3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=BD=98=E5=88=A9=E6=99=A8?= <pan.lichen@qq.com>
Date: Wed, 24 Jul 2024 06:24:14 +0000
Subject: [PATCH 245/966] =?UTF-8?q?!1164=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-secharts=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs?=
 =?UTF-8?q?:=20=E4=BF=AE=E6=94=B9react-native-secharts=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-secharts.md | 37 +++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/zh-cn/react-native-secharts.md b/zh-cn/react-native-secharts.md
index 64319ca5..a0fa37c4 100644
--- a/zh-cn/react-native-secharts.md
+++ b/zh-cn/react-native-secharts.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -119,6 +117,8 @@ const styles = StyleSheet.create({
 
 ## Link
 
+> [!tip] 本库依赖的@react-native-oh-tpl/react-native-webview 使用的版本为 13.10.2-0.2.0
+
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](/zh-cn/react-native-webview.md)进行引入
@@ -129,7 +129,7 @@ const styles = StyleSheet.create({
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.24;
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25；IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 
 ## 属性
 
@@ -137,14 +137,14 @@ const styles = StyleSheet.create({
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Prop              | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
-| ----------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
-| `option`          | echarts 配置项，option详情参见 https://echarts.apache.org/zh/option.html#title | object   | yes      | All      | yes               |
-| `backgroundColor` | 图表画布背景色                                               | string   | no       | All      | yes               |
-| `width`           | 画布宽度                                                     | number   | no       | All      | yes               |
-| `height`          | 画布高度                                                     | number   | no       | All      | yes               |
+| Name              | Description                                                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `option`          | echarts 配置项，option 详情参见 https://echarts.apache.org/zh/option.html#title                                                        | object   | yes      | All      | yes               |
+| `backgroundColor` | 图表画布背景色                                                                                                                         | string   | no       | All      | yes               |
+| `width`           | 画布宽度                                                                                                                               | number   | no       | All      | yes               |
+| `height`          | 画布高度                                                                                                                               | number   | no       | All      | yes               |
 | `renderLoading`   | loading 时遮罩，默认不支持自定义，如需自定义，请修改 react-native-secharts 依赖的源码 main/dist/index.js 中 startInLoadingState={true} | function | no       | All      | yes               |
-| `onPress`         | 画布中数据点击事件                                           | function | no       | All      | yes               |
+| `onPress`         | 画布中数据点击事件                                                                                                                     | function | no       | All      | yes               |
 
 ## 实例方法
 
@@ -152,19 +152,20 @@ const styles = StyleSheet.create({
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Prop        | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
-| ----------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
-| `setOption` | 该参数接收option对象，1.5.0 之后版本的 react-native-secharts 不建议使用此方法了，可以直接用 react 的组件内 state 进行绑定，如果需要变更，直接 setstate 新的 option 即可。） | function | no       | All      | yes               |
-| `getImage`  | 返回函数的参数 base64，可结合 RNFS 写入相册                  | function | no       | All      | yes               |
-| `clear`     | 清空 echarts 画布                                            | function | no       | All      | yes               |
+| Prop        | Description                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
+| ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `setOption` | 该参数接收 option 对象，1.5.0 之后版本的 react-native-secharts 不建议使用此方法了，可以直接用 react 的组件内 state 进行绑定，如果需要变更，直接 setstate 新的 option 即可。） | function | no       | All      | yes               |
+| `getImage`  | 返回函数的参数 base64，可结合 RNFS 写入相册                                                                                                                                   | function | no       | All      | yes               |
+| `clear`     | 清空 echarts 画布                                                                                                                                                             | function | no       | All      | yes               |
 
 ## 遗留问题
 
 ## 其他
 
-## 开源协议
+renderLoading 属性在 Android 和 iOS 设置之后不生效，HarmonyOS 与 Android,iOS 表现一致。 [issue#109](https://github.com/shifeng1993/react-native-secharts/issues/109)
 
-本项目基于 [The MIT License (MIT)](https://github.com/shifeng1993/react-native-secharts/blob/master/LICENSE) ，请自由地享受和参与开源。
+原库使用了在线 CDN，Echarts 组件需在网络支持下才能正常展示，HarmonyOS 与 Android,iOS 表现一致。 [issue#79](https://github.com/shifeng1993/react-native-secharts/issues/79)
 
-<!-- {% endraw %} -->
+## 开源协议
 
+本项目基于 [The MIT License (MIT)](https://github.com/shifeng1993/react-native-secharts/blob/master/LICENSE) ，请自由地享受和参与开源。

From 86b2e576dfbeb599dfcf96bf77c91d61a6fef08b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=99=BA=E6=99=97?= <dongzhihan@h-partners.com>
Date: Wed, 24 Jul 2024 06:42:07 +0000
Subject: [PATCH 246/966] =?UTF-8?q?!1166=20docs:=20[Issues:=20#I9SAW1]=20r?=
 =?UTF-8?q?eact-native-barcode-builder=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20*=20docs:=20[Issues:=20#I9SAW1]=20react-na?=
 =?UTF-8?q?tive-barcode-builder=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-barcode-builder.md | 144 ++++++++++----------------
 1 file changed, 52 insertions(+), 92 deletions(-)

diff --git a/zh-cn/react-native-barcode-builder.md b/zh-cn/react-native-barcode-builder.md
index 23a120c8..a2e8b37a 100644
--- a/zh-cn/react-native-barcode-builder.md
+++ b/zh-cn/react-native-barcode-builder.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-barcode-builder</code> </h1>
@@ -9,25 +8,19 @@
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/wonsikin/react-native-barcode-builder/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-apache-green.svg" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
     </a>
 </p>
 
-
-
-
-
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-barcode-builder)
 
 ## 安装与使用
-1、库依赖的@react-native-community/art停止维护，与 HarmonyOS 侧不兼容，需引入@react-native-oh-tpl/react-native-svg 的原生端代码，请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入。
 
-2、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)，并下载适用版本的 tgz 包。
+1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
@@ -47,109 +40,76 @@ yarn add @react-native-oh-tpl/react-native-barcode-builder@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React, { useEffect } from 'react';
-import {
-    StyleSheet,
-    View,
-    Text,
-} from 'react-native';
+import React, { useEffect } from "react";
+import { StyleSheet, View, Text } from "react-native";
 import Barcode from "react-native-barcode-builder";
-import {
-    Colors,
-} from 'react-native/Libraries/NewAppScreen';
+import { Colors } from "react-native/Libraries/NewAppScreen";
 export const BarcodeBuilderExample = () => {
-    const styles = StyleSheet.create({
-        scrollView: {
-            backgroundColor: Colors.lighter,
-        },
-        body: {
-            backgroundColor: Colors.white,
-        },
-        sectionContainer: {
-            marginTop: 32,
-            paddingHorizontal: 24,
-        },
-    });
-    useEffect(() => {
-
-    }, [])
-    const error = (e) => {
-        console.log(e, "click")
-    }
-    return (
-        <View style={{
-            flex: 1,
-            justifyContent: "center",
-            alignItems: "center",
-            backgroundColor: "#F5FCFF"
-        }} >
-
-            <Text style={{ fontSize: 50 }} >
-                This is a Barcode Builder
-            </Text>
-            <Barcode
-                value=" hello~~~" //条形码扫描结果
-                format="CODE128"  //条形码编码类型
-                text="hello world" //条形码下方字体
-                // textColor='red'  //条形码下方字体颜色
-                // lineColor='blue' //条形码颜色
-                // background="red"  //条形码背景颜色
-                onError={error}  //扫描失败回调
-                width={5} // 条形码单条宽度
-                height={200}  //条形码单条高度
-            />;
-
-        </View>
-    )
-}
-
+  const error = (e) => {
+    console.log(e, "click");
+  };
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "#F5FCFF",
+      }}
+    >
+      <Text style={{ fontSize: 50 }}>This is a Barcode Builder</Text>
+      <Barcode
+        value=" hello~~~"
+        format="CODE128"
+        text="hello world"
+        onError={error}
+        width={5}
+        height={200}
+      />
+    </View>
+  );
+};
 ```
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
-
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入
-
-
-
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
 
 ## 约束与限制
 
 ### 兼容性
 
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1、RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
-
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder)
 
 ## 属性
-### Barcode 
+
+### Barcode
+
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-> 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-该库为UI组件库，通过配置属性标签，实现对应的功能。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name        |  Type       |Description  |Required |Platform      | HarmonyOS Support |
-| ----------- | -------------------------------------------------- | ------------  |-----------------|------- |-----|
-| value        |string|What the barcode stands for.  |yes      |IOS/Android| yes               |
-|format     |string | Which barcode type to use.     [learn more](https://github.com/lindell/JsBarcode#supported-barcodes) | no |IOS/Android     | yes               |
-| width   |number| Width of a single bar.       |no | IOS/Android|yes               |
-| height |number|Height of the barcode.   |no   | IOS/Android     | yes               |
-| text        |string| Override text that is displayed.    |no    | IOS/Android   | yes               |
-| lineColor        |string| Color of the bars.    |no   |IOS/Android    | yes               |
-| textColor        |string| Color of the text.    |no   |IOS/Android    | yes               |
-|background       |string| Background color of the barcode.   |no   | IOS/Android|yes               |
-|onError      |function| Handler for invalid barcode of selected format.   |no   |IOS/Android| yes               |
+该库为 UI 组件库，通过配置属性标签，实现对应的功能。
 
+| Name       | Type     | Description                                                                                      | Required | Platform    | HarmonyOS Support |
+| ---------- | -------- | ------------------------------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| value      | string   | What the barcode stands for.                                                                     | yes      | iOS/Android | yes               |
+| format     | string   | Which barcode type to use. [learn more](https://github.com/lindell/JsBarcode#supported-barcodes) | no       | iOS/Android | yes               |
+| width      | number   | Width of a single bar.                                                                           | no       | iOS/Android | yes               |
+| height     | number   | Height of the barcode.                                                                           | no       | iOS/Android | yes               |
+| text       | string   | Override text that is displayed.                                                                 | no       | iOS/Android | yes               |
+| lineColor  | string   | Color of the bars.                                                                               | no       | iOS/Android | yes               |
+| textColor  | string   | Color of the text.                                                                               | no       | iOS/Android | yes               |
+| background | string   | Background color of the barcode.                                                                 | no       | iOS/Android | yes               |
+| onError    | function | Handler for invalid barcode of selected format.                                                  | no       | iOS/Android | yes               |
 
 ## 开源协议
 
 本项目基于 [The Apache License (Apache)](https://github.com/wonsikin/react-native-barcode-builder/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-
-<!-- {% endraw %} -->
\ No newline at end of file

From f00e50f55d24940448e463bff1dc11c02bef6ba4 Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Wed, 24 Jul 2024 06:57:08 +0000
Subject: [PATCH 247/966] =?UTF-8?q?!1177=20docs:=20[Issues:=20#IAF8BA]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-color-matrix-image-filters?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAF8BA]=20=E4=BF=AE=E6=94=B9react-native-color-matrix-image-fil?=
 =?UTF-8?q?ters=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...react-native-color-matrix-image-filters.md | 62 ++++++++++---------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index 5a66b66a..895860df 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -44,35 +44,37 @@ yarn add @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import { Image } from 'react-native'
 import {
-  Grayscale,
-  Sepia,
-  Tint,
-  ColorMatrix,
-  concatColorMatrices,
-  invert,
-  contrast,
-  saturate
-} from 'react-native-color-matrix-image-filters'
-
-const GrayscaledImage = (imageProps) => (
-  <Grayscale>
-    <Image {...imageProps} />
-  </Grayscale>
-)
-
-const CombinedFiltersImage = (imageProps) => (
-  <ColorMatrix matrix={concatColorMatrices(sepia(), tint(1.25))}>
-    <Image {...imageProps} />
-  </ColorMatrix>
-)
+    Achromatomaly,
+    Achromatopsia,
+    Brightness
+} from 'react-native-color-matrix-image-filters';
+
+import { View, StyleSheet, Image } from 'react-native';
+
+export const ColorMatrixImageFiltersTest = () => {
+
+    return (<View>
+        <Achromatomaly>
+            <Image style={styles.image} source={require('./mini-parrot.jpg')} resizeMode={'stretch'} />
+        </Achromatomaly>
+        <Achromatopsia>
+            <Image style={styles.image} source={require('./mini-parrot.jpg')} resizeMode={'stretch'} />
+        </Achromatopsia>
+        <Brightness>
+            <Image style={styles.image} source={require('./mini-parrot.jpg')} resizeMode={'stretch'} />
+        </Brightness>
+    </View>)
+}
 
-const ColorMatrixImage = (imageProps) => (
-  <ColorMatrix matrix={concatColorMatrices(saturate(-0.9), contrast(5.2), invert())}>
-    <Image {...imageProps} />
-  </ColorMatrix>
-)
+const styles = StyleSheet.create({
+    image: {
+        width: 150,
+        height: 100,
+        justifyContent: 'center',
+        alignItems: 'center'
+    }
+})
 ```
 
 ## Link
@@ -230,13 +232,13 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| matrix  | Matrix parameter transfer for image filter settings         | number[]  | yes | ios，android      | yes |
+| matrix  | Matrix parameter transfer for image filter settings         | number[]  | yes | iOS/Android      | yes |
 
 
 ### Supported filters

From 2ff2dbdbc6212ce5445dcf79ad1af3689943dd03 Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Wed, 24 Jul 2024 07:03:21 +0000
Subject: [PATCH 248/966] =?UTF-8?q?!1093=20docs:=20[#IAD8FK]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-element-dropdown=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAD8FK]=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?react-native-element-dropdown=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-element-dropdown.md | 471 +++++++++++++++++++++++++
 1 file changed, 471 insertions(+)
 create mode 100644 zh-cn/react-native-element-dropdown.md

diff --git a/zh-cn/react-native-element-dropdown.md b/zh-cn/react-native-element-dropdown.md
new file mode 100644
index 00000000..e881364b
--- /dev/null
+++ b/zh-cn/react-native-element-dropdown.md
@@ -0,0 +1,471 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-element-dropdown</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/hoaphantn7604/react-native-element-dropdown">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/hoaphantn7604/react-native-element-dropdown)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-element-dropdown@2.12.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-element-dropdown@2.12.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+### Dropdown example
+```js
+ import React, { useState } from 'react';
+  import { StyleSheet, Text, View } from 'react-native';
+  import { Dropdown } from 'react-native-element-dropdown';
+
+  const data = [
+    { label: 'Item 1', value: '1' },
+    { label: 'Item 2', value: '2' },
+    { label: 'Item 3', value: '3' },
+    { label: 'Item 4', value: '4' },
+    { label: 'Item 5', value: '5' },
+    { label: 'Item 6', value: '6' },
+    { label: 'Item 7', value: '7' },
+    { label: 'Item 8', value: '8' },
+  ];
+
+  const DropdownComponent = () => {
+    const [value, setValue] = useState(null);
+    const [isFocus, setIsFocus] = useState(false);
+
+    const renderLabel = () => {
+      if (value || isFocus) {
+        return (
+          <Text style={[styles.label, isFocus && { color: 'blue' }]}>
+            Dropdown label
+          </Text>
+        );
+      }
+      return null;
+    };
+
+    return (
+      <View style={styles.container}>
+        {renderLabel()}
+        <Dropdown
+          style={[styles.dropdown, isFocus && { borderColor: 'blue' }]}
+          placeholderStyle={styles.placeholderStyle}
+          selectedTextStyle={styles.selectedTextStyle}
+          inputSearchStyle={styles.inputSearchStyle}
+          iconStyle={styles.iconStyle}
+          data={data}
+          search
+          maxHeight={300}
+          labelField="label"
+          valueField="value"
+          placeholder={!isFocus ? 'Select item' : '...'}
+          searchPlaceholder="Search..."
+          value={value}
+          onFocus={() => setIsFocus(true)}
+          onBlur={() => setIsFocus(false)}
+          onChange={item => {
+            setValue(item.value);
+            setIsFocus(false);
+          }}
+        />
+      </View>
+    );
+  };
+
+  export default DropdownComponent;
+
+  const styles = StyleSheet.create({
+    container: {
+      backgroundColor: 'white',
+      padding: 16,
+    },
+    dropdown: {
+      height: 50,
+      borderColor: 'gray',
+      borderWidth: 0.5,
+      borderRadius: 8,
+      paddingHorizontal: 8,
+    },
+    icon: {
+      marginRight: 5,
+    },
+    label: {
+      position: 'absolute',
+      backgroundColor: 'white',
+      left: 22,
+      top: 8,
+      zIndex: 999,
+      paddingHorizontal: 8,
+      fontSize: 14,
+    },
+    placeholderStyle: {
+      fontSize: 16,
+    },
+    selectedTextStyle: {
+      fontSize: 16,
+    },
+    iconStyle: {
+      width: 20,
+      height: 20,
+    },
+    inputSearchStyle: {
+      height: 40,
+      fontSize: 16,
+    },
+  });
+```
+### MultiSelect example
+```js
+  import React, { useState } from 'react';
+  import { StyleSheet, View } from 'react-native';
+  import { MultiSelect } from 'react-native-element-dropdown';
+
+  const data = [
+    { label: 'Item 1', value: '1' },
+    { label: 'Item 2', value: '2' },
+    { label: 'Item 3', value: '3' },
+    { label: 'Item 4', value: '4' },
+    { label: 'Item 5', value: '5' },
+    { label: 'Item 6', value: '6' },
+    { label: 'Item 7', value: '7' },
+    { label: 'Item 8', value: '8' },
+  ];
+
+  const MultiSelectComponent = () => {
+    const [selected, setSelected] = useState([]);
+
+    return (
+      <View style={styles.container}>
+        <MultiSelect
+          style={styles.dropdown}
+          placeholderStyle={styles.placeholderStyle}
+          selectedTextStyle={styles.selectedTextStyle}
+          inputSearchStyle={styles.inputSearchStyle}
+          iconStyle={styles.iconStyle}
+          search
+          data={data}
+          labelField="label"
+          valueField="value"
+          placeholder="Select item"
+          searchPlaceholder="Search..."
+          value={selected}
+          onChange={item => {
+            setSelected(item);
+          }}
+          selectedStyle={styles.selectedStyle}
+        />
+      </View>
+    );
+  };
+
+  export default MultiSelectComponent;
+
+  const styles = StyleSheet.create({
+    container: { padding: 16 },
+    dropdown: {
+      height: 50,
+      backgroundColor: 'transparent',
+      borderBottomColor: 'gray',
+      borderBottomWidth: 0.5,
+    },
+    placeholderStyle: {
+      fontSize: 16,
+    },
+    selectedTextStyle: {
+      fontSize: 14,
+    },
+    iconStyle: {
+      width: 20,
+      height: 20,
+    },
+    inputSearchStyle: {
+      height: 40,
+      fontSize: 16,
+    },
+    icon: {
+      marginRight: 5,
+    },
+    selectedStyle: {
+      borderRadius: 12,
+    },
+  });
+```
+### SelectCountry example
+```js
+  import React, { useState } from 'react';
+  import { StyleSheet } from 'react-native';
+  import { SelectCountry } from 'react-native-element-dropdown';
+
+  const local_data = [
+    {
+      value: '1',
+      lable: 'Country 1',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+    {
+      value: '2',
+      lable: 'Country 2',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+    {
+      value: '3',
+      lable: 'Country 3',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+    {
+      value: '4',
+      lable: 'Country 4',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+    {
+      value: '5',
+      lable: 'Country 5',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+  ];
+
+  const SelectCountryScreen = _props => {
+    const [country, setCountry] = useState('1');
+
+    return (
+      <SelectCountry
+        style={styles.dropdown}
+        selectedTextStyle={styles.selectedTextStyle}
+        placeholderStyle={styles.placeholderStyle}
+        imageStyle={styles.imageStyle}
+        inputSearchStyle={styles.inputSearchStyle}
+        iconStyle={styles.iconStyle}
+        search
+        maxHeight={200}
+        value={country}
+        data={local_data}
+        valueField="value"
+        labelField="lable"
+        imageField="image"
+        placeholder="Select country"
+        searchPlaceholder="Search..."
+        onChange={e => {
+          setCountry(e.value);
+        }}
+      />
+    );
+  };
+
+  export default SelectCountryScreen;
+
+  const styles = StyleSheet.create({
+    dropdown: {
+      margin: 16,
+      height: 50,
+      borderBottomColor: 'gray',
+      borderBottomWidth: 0.5,
+    },
+    imageStyle: {
+      width: 24,
+      height: 24,
+    },
+    placeholderStyle: {
+      fontSize: 16,
+    },
+    selectedTextStyle: {
+      fontSize: 16,
+      marginLeft: 8,
+    },
+    iconStyle: {
+      width: 20,
+      height: 20,
+    },
+    inputSearchStyle: {
+      height: 40,
+      fontSize: 16,
+    },
+  });
+```
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+## 属性
+
+详细请查看 [react-native-element-dropdown的文档介绍](https://github.com/hoaphantn7604/react-native-element-dropdown)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Dropdown**：单选组件
+
+| Name          | Description | Type                                 | Required | Platform                                                 | HarmonyOS Support                                        |
+| ------------------ | ----------------------------------------------- | --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
+| mode               | Mode 'modal' is show the dropdown in the middle of the screen. | 'default' or 'modal' of 'auto'                  | No        | All | Yes |
+| data               | Data is a plain array | Array                                           | Yes       | All | Yes                                            |
+| labelField         | Extract the label from the data item | String                                          | Yes       | All | Yes                             |
+| valueField         | Extract the primary key from the data item | String                                          | Yes       | All | Yes |
+| searchField        | Specify the field of data list you want to search | String                                          | No       | All | Yes |
+| onChange           | Selection callback | (item: object) => void                          | Yes       | All | Yes |
+| onChangeText       | Callback that is called when the text input's text changes | (search: string) => void                        | No       | All | Yes |
+| value              | Set default value | Item                                            | No        | All | Yes |
+| placeholder        | The string that will be rendered before dropdown has been selected | String                                          | No        | All | Yes |
+| placeholderStyle   | Styling for text placeholder | TextStyle                                       | No        | All | Yes |
+| selectedTextStyle  | Styling for selected text | TextStyle                                       | No        | All | Yes |
+| selectedTextProps  | Text Props for selected text. Ex: numberOfLines={1} | TextProps                                       | No        | All | Yes |
+| style              | Styling for view container | ViewStyle                                       | No        | All | Yes |
+| containerStyle     | Styling for list container | ViewStyle                                       | No        | All | Yes |
+| maxHeight          | Customize max height for list container | Number                                          | No        | All | Yes |
+| minHeight          | Customize min height for list container | Number                                          | No        | All | Yes |
+| fontFamily         | Customize font style | String                                          | No        | All | Yes |
+| iconStyle          | Styling for icon | ImageStyle                                      | No        | All | Yes |
+| iconColor          | Color of icons | String                                          | No        | All | Yes |
+| itemContainerStyle | Styling for item container in list | TextStyle                                       | No        | All | Yes |
+| itemTextStyle      | Styling for text item in list | TextStyle                                       | No        | All | Yes |
+| activeColor        | Background color for item selected in list container | String                                          | No        | All | Yes |
+| search             | Show or hide input search | Boolean                                         | No        | All | Yes |
+| searchQuery        | Callback used to filter the list of items | (keyword: string, labelValue: string) => Boolean| No        | All | Yes |
+| inputSearchStyle   | Styling for input search | ViewStyle                                       | No        | All | Yes |
+| searchPlaceholder  | The string that will be rendered before text input has been entered | String                                          | No        | All | Yes |
+| renderInputSearch  | Customize TextInput search | (onSearch: (text:string) => void) => JSX.Element| No        | All | Yes |
+| disable            | Specifies the disabled state of the Dropdown | Boolean                                         | No        | All | Yes |
+| dropdownPosition   | Dropdown list position. Default is 'auto' | 'auto' or 'top' or 'bottom'                     | No        | All | Yes |
+| autoScroll         | Auto scroll to index item selected, default is true | Boolean                                         | No        | All | Yes |
+| showsVerticalScrollIndicator | When true, shows a vertical scroll indicator, default is true | Boolean                               | No        | All | Yes |
+| renderLeftIcon     | Customize left icon for dropdown | (visible?: boolean) => JSX.Element              | No        | All | Yes |
+| renderRightIcon    | Customize right icon for dropdown | (visible?: boolean) => JSX.Element              | No        | All | Yes |
+| renderItem         | Takes an item from data and renders it into the list | (item: object, selected: Boolean) => JSX.Element| No        | All | Yes |
+| flatListProps      | Customize FlatList element | FlatListProps                                   | No        | All | Yes |
+| inverted           | Reverses the direction of scroll on top position mode. Default is true | Boolean                                         | No        | All | Yes |
+| onFocus            | Callback that is called when the dropdown is focused | () => void                                      | No        | All | Yes |
+| onBlur             | Callback that is called when the dropdown is blurred | () => void                                      | No        | All | Yes |
+| keyboardAvoiding   | keyboardAvoiding default is true | Boolean                                         | No        | All | Yes |
+| backgroundColor    | Set background color | String                                          | No        | All | Yes |
+| confirmSelectItem  | Turn On confirm select item. Refer example/src/dropdown/example3 | Boolean                                         | No        | All | Yes |
+| onConfirmSelectItem | Selection callback. Refer example/src/dropdown/example3 | (item: object) => void                         | No        | All | Yes |
+| testID             | Used to locate this view in end-to-end tests | String                                          | No        | All | Yes |
+| itemTestIDField    | Add this field to the input data. Ex: DATA = [{itemTestIDField: '', label: '', value:: ''}] | String                                          | No        | All | Yes |
+| accessibilityLabel | Set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected | String     | No    | All | Yes |
+| itemAccessibilityLabelField | Add this field to the input data. Ex: DATA = [{itemAccessibilityLabelField: '', label: '', value:: ''}] | String                                 | No        | All | Yes |
+| closeModalWhenSelectedItem | By default, closeModalWhenSelectedItem is set to true. When closeModalWhenSelectedItem is set to false, the Modal won't close when an item is selected. | Boolean                                 | No        | All | Yes |
+| excludeItems       | The array containing the items to be excluded. | Item[]                                          | No        | All | Yes |
+| excludeSearchItems | The array containing the items to be excluded. | Item[]                                          | No        | All | Yes |
+
+**MultiSelect**：多选组件
+| Name          | Description   | Type                                         | Required | Platform                                                 | HarmonyOS Support                                        |
+| ------------------ | -----------------------------------------------------| --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
+| mode               | Mode 'modal' is show the dropdown in the middle of the screen. | 'default' or 'modal' of 'auto'                       | No        | All   | Yes |
+| data               | Data is a plain array | Array                                                | Yes       | All                                            | Yes |
+| labelField         | Extract the label from the data item | String                                               | Yes       | All                             | Yes |
+| valueField         | Extract the primary key from the data item | String                                               | Yes       | All                       | Yes |
+| searchField        | Specify the field of data list you want to search | String                                               | No       | All                | Yes |
+| onChange           | Selection callback. A array containing the "valueField". | (value[]) => void                                    | Yes       | All         | Yes |
+| onChangeText       | Callback that is called when the text input's text changes | (search: string) => void                             | No       | All       | Yes |
+| value              | Set default value. A array containing the "valueField". | Item[]                                               | No        | All          | Yes |
+| placeholder        | The string that will be rendered before dropdown has been selected | String                                               | No        | All | Yes |
+| placeholderStyle   | Styling for text placeholder | TextStyle                                            | No        | All                                     | Yes |
+| style              | Styling for view container | ViewStyle                                            | No        | All                                       | Yes |
+| containerStyle     | Styling for list container | ViewStyle                                            | No        | All                                       | Yes |
+| maxHeight          | Customize max height for list container | Number                                               | No        | All                          | Yes |
+| minHeight          | Customize min height for list container | Number                                               | No        | All                          | Yes |
+| maxSelect          | maximum number of items that can be selected | Number                                               | No        | All                     | Yes |
+| fontFamily         | Customize font style | String                                               | No        | All                                             | Yes |
+| iconStyle          | Styling for icon | ImageStyle                                           | No        | All                                                 | Yes |
+| iconColor          | Color of icons | String                                               | No        | All                                                   | Yes |
+| activeColor        | Background color for item selected in list container | String                                               | No        | All             | Yes |
+| itemContainerStyle | Styling for item container in list | TextStyle                                            | No        | All                               | Yes |
+| itemTextStyle      | Styling for text item in list | TextStyle                                            | No        | All                                    | Yes |
+| selectedStyle      | Styling for selected view | ViewStyle                                            | No        | All                                        | Yes |
+| selectedTextStyle  | Styling for selected text | TextStyle                                            | No        | All                                        | Yes |
+| selectedTextProps  | Text Props for selected text. Ex: numberOfLines={1} | TextProps                                            | No        | All              | Yes |
+| renderSelectedItem | Takes an item from data and renders it into the list selected | (item: object, unSelect?: () => void) => JSX.Element | No        | All    | Yes |
+| alwaysRenderSelectedItem | Always show the list of selected items | Boolean                                        | No        | All                           | Yes |
+| visibleSelectedItem | Option to hide selected item list, Ẽx: visibleSelectedItem={false} | Boolean                                             | No        | All | Yes |
+| search             | Show or hide input search | Boolean                                              | No        | All                                        | Yes |
+| searchQuery        | Callback used to filter the list of items | (keyword: string, labelValue: string) => Boolean     | No        | All                        | Yes |
+| inputSearchStyle   | Styling for input search | ViewStyle                                            | No        | All                                         | Yes |
+| searchPlaceholder  | The string that will be rendered before text input has been entered | String                                               | No        | All | Yes |
+| renderInputSearch  | Customize TextInput search | (onSearch: (text:string) => void) => JSX.Element     | No        | All                                       | Yes |
+| disable            | Specifies the disabled state of the Dropdown | Boolean                                              | No        | All                     | Yes |
+| dropdownPosition   | Dropdown list position. Default is 'auto' | 'auto' or 'top' or 'bottom'                          | No        | All                        | Yes |
+| showsVerticalScrollIndicator | When true, shows a vertical scroll indicator, default is true | Boolean                                    | No        | All    | Yes |
+| renderLeftIcon     | Customize left icon for dropdown | (visible?: boolean) => JSX.Element                   | No        | All                                 | Yes |
+| renderRightIcon    | Customize right icon for dropdown | (visible?: boolean) => JSX.Element                   | No        | All                                | Yes |
+| renderItem         | Takes an item from data and renders it into the list | (item: object, selected: Boolean) => JSX.Element     | No        | All             | Yes |
+| flatListProps      | Customize FlatList element | FlatListProps                                        | No        | All                                       | Yes |
+| inverted           | Reverses the direction of scroll on top position mode. Default is true | Boolean                                              | No        | All | Yes |
+| onFocus            | Callback that is called when the dropdown is focused | () => void                                           | No        | All             | Yes |
+| onBlur             | Callback that is called when the dropdown is blurred | () => void                                           | No        | All             | Yes |
+| keyboardAvoiding   | keyboardAvoiding default is true | Boolean                                              | No        | All                                 | Yes |
+| inside             | inside default is false | Boolean                                              | No        | All                                          | Yes |
+| backgroundColor    | Set background color | String                                               | No        | All                                             | Yes |
+| confirmSelectItem  | Turn On confirm select item. Refer example/src/dropdown/example7 | Boolean                                              | No        | All | Yes |
+| confirmUnSelectItem | Turn On confirm un-select item. Refer example/src/dropdown/example7 | Boolean                                             | No        | All | Yes |
+| onConfirmSelectItem | Selection callback. Refer example/src/dropdown/example7 | (item: any) => void                                 | No        | All          | Yes |
+| testID             | Used to locate this view in end-to-end tests | String                                               | No        | All                     | Yes |
+| itemTestIDField    | Add this field to the input data. Ex: DATA = [{itemTestIDField: '', label: '', value:: ''}] | String                                               | No        | All | Yes |
+| accessibilityLabel | Set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected | String          | No    | All | Yes |
+| itemAccessibilityLabelField | Add this field to the input data. Ex: DATA = [{itemAccessibilityLabelField: '', label: '', value:: ''}] | String                                      | No        | All | Yes |
+| excludeItems       | The array containing the items to be excluded. | Item[]                                               | No        | All                   |                       |
+| excludeSearchItems | The array containing the items to be excluded. | Item[]                                               | No        | All                   | Yes |
+
+**SelectCountry**：选择国家/地区组件，接收所有Dropdown的props并新增了以下props
+
+| Name       | Description                          | Type       | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------ | ---------- | -------- | -------- | ----------------- |
+| imageField | Extract the image from the data item | String     | Yes      | All      | Yes               |
+| imageStyle | Styling for image                    | ImageStyle | No       | All      | Yes               |
+
+## **Method**：静态方法
+
+| Name  | Description         | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
+| open  | Open dropdown list  | () => void | No       | All      | Yes               |
+| close | Close dropdown list | () => void | No       | All      | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE)，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 80ac9ba254a37dfc456b54a33abbd91d58144ba6 Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Wed, 24 Jul 2024 07:08:49 +0000
Subject: [PATCH 249/966] =?UTF-8?q?!1087=20docs:=20[#IAD7GC]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-mask-text=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAD7GC]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-mask-text=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-mask-text.md | 178 ++++++++++++++++++++++++++++++++
 1 file changed, 178 insertions(+)
 create mode 100644 zh-cn/react-native-mask-text.md

diff --git a/zh-cn/react-native-mask-text.md b/zh-cn/react-native-mask-text.md
new file mode 100644
index 00000000..06ea0feb
--- /dev/null
+++ b/zh-cn/react-native-mask-text.md
@@ -0,0 +1,178 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mask-text</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/akinncar/react-native-mask-text">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/akinncar/react-native-mask-text/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/akinncar/react-native-mask-text)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-mask-text@0.14.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-mask-text@0.14.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { MaskedTextInput, MaskedText } from "react-native-mask-text";
+
+export default function App() {
+	const [maskedValue, setMaskedValue] = useState("");
+	const [unMaskedValue, setUnmaskedValue] = useState("");
+
+	const [currencyMaskedValue, setCurrencyMaskedValue] = useState("");
+	const [currencyUnMaskedValue, setCurrencyUnmaskedValue] = useState("");
+
+	return (
+		<View style={styles.container}>
+			<Text style={styles.title}>MaskedTextInput Component:</Text>
+			<MaskedTextInput
+				mask="AAA-999"
+				onChangeText={(text, rawText) => {
+					setMaskedValue(text);
+					setUnmaskedValue(rawText);
+				}}
+				style={styles.input}
+				keyboardType="numeric"
+			/>
+			<Text style={styles.paragraph}>Raw Text: {unMaskedValue}</Text>
+			<Text style={styles.paragraph}>Masked Text: {maskedValue}</Text>
+
+			<Text style={styles.title}>MaskedTextInput Component with Currency:</Text>
+			<MaskedTextInput
+				type="currency"
+				options={{
+					prefix: "$",
+					decimalSeparator: ".",
+					groupSeparator: ",",
+					precision: 2
+				}}
+				onChangeText={(text, rawText) => {
+					setCurrencyMaskedValue(text);
+					setCurrencyUnmaskedValue(rawText);
+				}}
+				style={styles.input}
+				keyboardType="numeric"
+			/>
+			<Text style={styles.paragraph}>Raw Text: {currencyUnMaskedValue}</Text>
+			<Text style={styles.paragraph}>Masked Text: {currencyMaskedValue}</Text>
+
+			<Text style={styles.title}>MaskedText Component:</Text>
+			<MaskedText mask="99/99/9999" style={styles.paragraph}>
+				30081990
+			</MaskedText>
+		</View>
+	);
+}
+
+const styles = StyleSheet.create({
+	container: {
+		flex: 1,
+		justifyContent: "center",
+		backgroundColor: "#ecf0f1",
+		padding: 8
+	},
+	title: {
+		margin: 24,
+		fontSize: 24,
+		textAlign: "center",
+		fontWeight: "bold"
+	},
+	paragraph: {
+		margin: 24,
+		fontSize: 18,
+		textAlign: "center"
+	},
+	input: {
+		height: 40,
+		margin: 12,
+		borderWidth: 1
+	}
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| type | Show type | String (enum) `custom`, `date`, `time`,`currency` | custom | no | All | yes |
+| mask | Custom Mask. Pattern used in masked components | `9` - accept digit. `A` - accept alpha. `S` - accept alphanumeric. | null | no | All | yes |
+
+### Date Mask
+
+These options only are used if you use prop `type="date"` in your component:
+
+| Name       | Description | Type   | Default    | Required | Platform | HarmonyOS Support |
+| ---------- | ----------- | ------ | ---------- | -------- | -------- | ----------------- |
+| dateFormat | Date Format | string | yyyy/mm/dd | no       | All      | yes               |
+
+### Time Mask
+
+These options only are used if you use prop `type="time"` in your component:
+
+| Name       | Description | Type   | Default  | Required | Platform | HarmonyOS Support |
+| ---------- | ----------- | ------ | -------- | -------- | -------- | ----------------- |
+| timeFormat | Time Format | string | HH:mm:ss | no       | All      | yes               |
+
+### Currency Mask
+
+These options only are used if you use prop `type="currency"` in your component:
+
+| Name                   | Description                                 | Type   | Default | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------------------------------------- | ------ | ------- | -------- | -------- | ----------------- |
+| prefix                 | String to prepend                           | string | null    | No       | All      | yes               |
+| decimalSeparator       | Separation for decimals                     | string | null    | No       | All      | yes               |
+| groupSeparator         | Grouping separator of the integer part      | string | null    | No       | All      | yes               |
+| precision              | Precision for fraction part (cents)         | number | 0       | No       | All      | yes               |
+| groupSize              | Primary grouping size of the integer part   | number | 3       | No       | All      | yes               |
+| secondaryGroupSize     | Secondary grouping size of the integer part | number | null    | No       | All      | yes               |
+| fractionGroupSeparator | Grouping separator of the fraction part     | string | null    | No       | All      | yes               |
+| fractionGroupSize      | Grouping size of the fraction part          | number | null    | No       | All      | yes               |
+| suffix                 | String to append                            | string | null    | No       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/akinncar/react-native-mask-text/blob/main/LICENSE) ，请自由地享受和参与开源。

From 612436428c110bc29e2ae23ea667a2d6616a6fa3 Mon Sep 17 00:00:00 2001
From: hewei203 <hewei203@h-partners.com>
Date: Wed, 24 Jul 2024 07:09:49 +0000
Subject: [PATCH 250/966] =?UTF-8?q?!1082=20docs:=20[Issues:=20#IAD5MR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-restart=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAD5MR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-restart=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-restart.md | 62 +++++++++++++++++++++--------------
 1 file changed, 38 insertions(+), 24 deletions(-)

diff --git a/zh-cn/react-native-restart.md b/zh-cn/react-native-restart.md
index 2c7a4f17..6e68e3dc 100644
--- a/zh-cn/react-native-restart.md
+++ b/zh-cn/react-native-restart.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-restart</code> </h1>
@@ -45,24 +44,47 @@ yarn add @react-native-oh-tpl/react-native-restart@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import { Button, Text, View, Alert } from "react-native";
-import RNRestart from "react-native-restart";
+import {Text, View, StyleSheet} from 'react-native';
+import RNRestart from 'react-native-restart';
 
 export default function RestartDemo() {
   return (
     <View>
       <Text>重启restart</Text>
-      <Button title="重启(restart)" onPress={() => RNRestart.restart()} />
+      <Text style={styles.button} onPress={() => RNRestart.restart()}>
+        重启(restart)
+      </Text>
       <Text>重启Restart</Text>
-      <Button title="重启(Restart)" onPress={() => RNRestart.Restart()} />
+      <Text style={styles.button} onPress={() => RNRestart.Restart()}>
+        重启(Restart)
+      </Text>
+      <Text>上次restart的原因（getReason）</Text>
+      <Text style={styles.button} onPress={() => RNRestart.getReason()}>
+        getReason
+      </Text>
     </View>
   );
 }
+
+const styles = StyleSheet.create({
+  button: {
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    backgroundColor: 'hsl(193, 95%, 68%)',
+    borderWidth: 2,
+    borderColor: 'hsl(193, 95%, 30%)',
+  },
+});
+
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 ### 在工程根目录的 `oh-package.json5` 添加 overrides字段
@@ -92,7 +114,7 @@ export default function RestartDemo() {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-   	"@react-native-oh-tpl/react-native-restart": "file:../../node_modules/@react-native-oh-tpl/react-native-restart/harmony/restart.har",
+   	"@react-native-oh-tpl/react-native-restart": "file:../../node_modules/@react-native-oh-tpl/react-native-restart/harmony/rn_restart.har",
   }
 ```
 
@@ -134,29 +156,21 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases)
 
-本文档内容基于以下版本验证通过：
-
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18； IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
-
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-| Name                | Description         | Type     | Required | Platform | HarmonyOS Support |
-| ------------------- | ------------------- | -------- | -------- | -------- | ----------------- |
-| restart: () => void | To Restart Your App | Function | No       | All      | YES               |
-| Restart: () => void | To Restart Your App | Function | No       | All      | YES               |
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+| Name      | Description                       | Type     | Required | Platform | HarmonyOS Support |
+| --------- | --------------------------------- | -------- | -------- | -------- | ----------------- |
+| restart   | restart your react native project | Function | no       | All      | yes               |
+| Restart   | restart your react native project | Function | no       | All      | yes               |
+| getReason | get the cause of the last restart | Function | no       | All      | yes               |
 ## 遗留问题
 
 ## 其他
 
- HarmonyOS 提供的重启方案每隔10s只能调用一次，所以10s内只能调用react-native-restart的`restart`重启一次，期间多次重复调用会抛出error`{ code: 16000064, message: 'Restart too frequently. Try again at least 10s later.' }`。
-
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/avishayil/react-native-restart/blob/master/LICENSE)，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/avishayil/react-native-restart/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file

From a7ebde19721bec50314c42fcd3361dca65742156 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Wed, 24 Jul 2024 07:20:05 +0000
Subject: [PATCH 251/966] =?UTF-8?q?!1111=20docs:=20[Issues:=20#IAD9I1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-base64=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAD9I1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-base64=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-base64.md | 46 +++++++++++++++++++++---------------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/zh-cn/react-native-base64.md b/zh-cn/react-native-base64.md
index 46dca550..53aaeefa 100644
--- a/zh-cn/react-native-base64.md
+++ b/zh-cn/react-native-base64.md
@@ -1,16 +1,18 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-base64</code> </h1>
 </p>
 <p align="center">
+    <a href="https://github.com/eranbo/react-native-base64">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/eranbo/react-native-base64/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/eranbo/react-native-base64)
+> [!TIP] [Github 地址](https://github.com/eranbo/react-native-base64)
 
 ## 安装与使用
 
@@ -22,15 +24,20 @@
 
 ```bash
 npm i react-native-base64@0.2.1
+```
+
+#### **yarn**
 
-// typescript 项目需下载对应包的类型声明
-npm i @types/react-native-base64 -D
+```bash
+yarn add react-native-base64@0.2.1
 ```
 
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```js
 import React, { useState } from 'react';
 import base64 from 'react-native-base64';
@@ -70,7 +77,6 @@ export function Base64Page(): JSX.Element {
    };
 
   return (
-    <>
       <ScrollView
         contentInsetAdjustmentBehavior="automatic"
         style={backgroundStyle}>
@@ -90,7 +96,6 @@ export function Base64Page(): JSX.Element {
           </View>
         </View>
       </ScrollView>
-    </>
   );
 
 }
@@ -105,20 +110,25 @@ const styles = StyleSheet.create({
 
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 在以下版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## 静态方法:
 
-### base64 提供的方法:
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-| Name                | Description            | Type       | Required | HarmonyOS Support |
-| ------------------- | ---------------------- | ---------- | -------- | ----------------- |
-| encode              | encode from string     | string     | No       | Yes               |
-| decode              | decode base64 strings  | string     | No       | Yes               |
-| encodeFromByteArray | encode from Unit8Array | Unit8Array | No       | Yes               |
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| encode  | encode from string  | string  | no | Android、iOS | yes |
+| decode  | decode base64 strings   | string  | no | Android、iOS | yes |
+| encodeFromByteArray  | encode from Unit8Array  | Unit8Array  | no | Android、iOS | yes |
 
 ## 遗留问题
 
@@ -126,6 +136,4 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/eranbo/react-native-base64/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/eranbo/react-native-base64/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From fd109214ad82ef51209b89e9f52ece8e23a93c0c Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Wed, 24 Jul 2024 08:32:21 +0000
Subject: [PATCH 252/966] =?UTF-8?q?!1094=20docs=EF=BC=9A[#IAD9F4]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-confetti-cannon=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAD9F4]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-confetti-cannon=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-confetti-cannon.md | 117 ++++++++++++++++++++++++++
 1 file changed, 117 insertions(+)
 create mode 100644 zh-cn/react-native-confetti-cannon.md

diff --git a/zh-cn/react-native-confetti-cannon.md b/zh-cn/react-native-confetti-cannon.md
new file mode 100644
index 00000000..218ae593
--- /dev/null
+++ b/zh-cn/react-native-confetti-cannon.md
@@ -0,0 +1,117 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-confetti-cannon</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/VincentCATILLON/react-native-confetti-cannon">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/VincentCATILLON/react-native-confetti-cannon/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/VincentCATILLON/react-native-confetti-cannon)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-confetti-cannon@1.5.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-confetti-cannon@1.5.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+#### Using a Component
+
+```js
+import * as React from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+import ConfettiCannon from 'react-native-confetti-cannon';
+
+export default function ConfettiCannonExample() {
+
+  return (
+    <View style={{width: '100%', height: '100%'}}>
+      <ConfettiCannon
+        count={50}
+        origin={{x: -10, y: -10}}
+      />
+    </View>
+  )
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; OH SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| count  | items count to display        | number  |    yes    |  iOS,Android,Web  |         yes        |
+| origin  | animation position origin       | {x: number, y: number}  |    yes    |  iOS,Android,Web  |         yes        |
+| explosionSpeed  | explosion duration (ms) from origin to top        | number  |    no    |  iOS,Android,Web  |         yes        |
+| fallSpeed  | fall duration (ms) from top to bottom        | number  |    no    |  iOS,Android,Web  |         yes        |
+| fadeOut  | make the confettis disappear at the end        | boolean  |    no    |  iOS,Android,Web  |         yes        |
+| colors  | give your own colors to the confettis        | string[]  |    no    |  iOS,Android,Web  |         yes        |
+| autoStart  | auto start the animation        | boolean  |    no    |  iOS,Android,Web  |         yes        |
+| autoStartDelay  | delay to wait before triggering animation        | number  |    no    |  iOS,Android,Web  |         yes        |
+
+
+## 事件
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  onAnimationStart  |    callback triggered at animation start	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  onAnimationResume  |    callback triggered at animation resume	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  onAnimationStop  |    callback triggered at animation stop	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  onAnimationEnd  |    callback triggered at animation end	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  start  |    start the animation programmatically	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  resume  |    resume the animation programmatically	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  stop  |    stop the animation programmatically	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/VincentCATILLON/react-native-confetti-cannon/blob/master/LICENSE) ，请自由地享受和参与开源。

From 3ac4dbdbdd3b745d4c12c335609a36e810223fad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=B8=E5=85=88=E7=94=9F?= <qinyiscl@foxmail.com>
Date: Wed, 24 Jul 2024 08:40:17 +0000
Subject: [PATCH 253/966] =?UTF-8?q?!1127=20docs:=20[#IADB52]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-multiple-select=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IADB52]=E6=96=B0=E5=A2=9Erea?=
 =?UTF-8?q?ct-native-multiple-select=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-multiple-select.md | 204 ++++++++++++++++++++++++++
 1 file changed, 204 insertions(+)
 create mode 100644 zh-cn/react-native-multiple-select.md

diff --git a/zh-cn/react-native-multiple-select.md b/zh-cn/react-native-multiple-select.md
new file mode 100644
index 00000000..f8a0d68b
--- /dev/null
+++ b/zh-cn/react-native-multiple-select.md
@@ -0,0 +1,204 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-multiple-select</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/toystars/react-native-multiple-select">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/toystars/react-native-multiple-select/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/toystars/react-native-multiple-select)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-multiple-select@0.5.12
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-multiple-select@0.5.12
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { FlatList, Text, View } from 'react-native';
+import MultiSelect from 'react-native-multiple-select';
+
+const items = [{
+    id: '92iijs7yta',
+    name: 'Ondo'
+  }, {
+    id: 'a0s0a8ssbsd',
+    name: 'Ogun'
+  }, {
+    id: '16hbajsabsd',
+    name: 'Calabar'
+  }, {
+    id: 'nahs75a5sg',
+    name: 'Lagos'
+  }, {
+    id: '667atsas',
+    name: 'Maiduguri'
+  }, {
+    id: 'hsyasajs',
+    name: 'Anambra'
+  }, {
+    id: 'djsjudksjd',
+    name: 'Benue'
+  }, {
+    id: 'sdhyaysdj',
+    name: 'Kaduna'
+  }, {
+    id: 'suudydjsjd',
+    name: 'Abuja'
+    }
+];
+
+export default class MultiSelectExample extends Component {
+
+  state = {
+    selectedItems : []
+  };
+
+  onSelectedItemsChange = (selectedItems: any) => {
+    this.setState({ selectedItems });
+  };
+
+  multiSelect!: MultiSelect | any;
+
+  render() {
+    const { selectedItems } = this.state;
+
+    return (
+      <View style={{ flex: 1 }}>
+        <MultiSelect
+          hideTags
+          items={items}
+          uniqueKey="id"
+          ref={(component) => { this.multiSelect = component }}
+          onSelectedItemsChange={this.onSelectedItemsChange}
+          selectedItems={selectedItems}
+          selectText="Pick Items"
+          searchInputPlaceholderText="Search Items..."
+          onChangeInput={ (text)=> console.log(text)}
+          altFontFamily="ProximaNova-Light"
+          tagRemoveIconColor="#CCC"
+          tagBorderColor="#CCC"
+          tagTextColor="#CCC"
+          selectedItemTextColor="#CCC"
+          selectedItemIconColor="#CCC"
+          itemTextColor="#000"
+          displayKey="name"
+          searchInputStyle={{ color: '#CCC' }}
+          submitButtonColor="#CCC"
+          submitButtonText="Submit"
+        />
+        <View>
+          {this.multiSelect&&this.multiSelect.getSelectedItemsExt(selectedItems)}
+        </View>
+      </View>
+    );
+  }
+}
+
+
+export {MultiSelectExample}
+
+
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS-NEXT-Developer-Beta1 5.0.0.22；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `altFontFamily`  | Font family for searchInputPlaceholderText |  String | no     | All  | yes      |
+| `canAddItems`  | Defaults to "false". This allows a user to add items to the list of items provided. You need to handle adding the new items in the onAddItem function prop. Items may be added with the return key on the native keyboard| Boolean  |  no     | All   | yes      |
+| `displayKey`  | Defaults to "name". This string will be used to select the key to display the objects in the items array| String  |  no     | All   | yes      |
+| `fixedHeight`  | Defaults to false. Specifies if select dropdown take height of content or a fixed height with a scrollBar (There is an issue with this behavior when component is nested in a ScrollView in which scroll event will only be dispatched to parent ScrollView and select component won't be scrollable). See this issue for more info| Boolean  |  no     | All   | yes      |
+| `filterMethod`  | Defaults to "partial". options: ["partial", "full"] Choose the logic on how the system filters items based on searchTerm. partial: checks all individual words and if at least one word matches will include that item. full: checks to ensure the item contains the full substring of searchterm in order minus any leading or trailing spaces| String  |  no     | All   | yes      |
+| `flatListProps`  | Properties for the FlatList. Pass any property that is required on the FlatList of the dropdown menu| Object  |  no     | All   | yes      |
+| `fontFamily`  | Custom font family to be used in component (affects all text except searchInputPlaceholderText described above)| String  |  no     | All   | yes      |
+| `fontSize`  | Font size for selected item name displayed as label for multiselect.| Number  |  no     | All   | yes      |
+| `hideDropdown`  |  Defaults false. Hide dropdown menu with a cancel, and use arrow-back| Boolean  |  no     | All   | yes      |
+| `hideSubmitButton`  | Defaults to false. Hide submit button from dropdown, and rather use arrow-button in search field| Boolean  |  no     | All   | yes      |
+| `hideTags`  | Defaults to false. Hide tokenized selected items, in case selected items are to be shown somewhere else in view (check below for more info)| Boolean  |  no     | All   | yes      |
+| `searchIcon`  | Element or functional component to change the Search Icon| Element, Object, boolean, Function |  no     | All   | yes      |
+| `itemFontFamily`  | Font family for each non-selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `itemFontSize`  |Font size used for each item in the multi-select drop-down| Number  |  no     | All   | yes      |
+| `itemTextColor`  |  Text color for each non-selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `items`  |List of items to display in the multi-select component. JavaScript Array of objects. Each object must contain a name and unique identifier (Check sample above)| Array, control prop  |  	yes     | All   | yes      |
+| `noItemsText`  |  Text that replace default "no items to display"| String  |  no     | All   | yes      |
+| `onAddItem`  | JavaScript function passed in as an argument. The function is called everytime a new item is added, and receives the entire list of items. Here you should ensure that the new items are added to your provided list of items in addition to any other consequences of new items being added| function  |  no     | All   | yes      |
+| `onChangeInput`  | JavaScript function passed in as an argument. The function is called everytime TextInput is changed with the value| function  |  no     | All   | yes      |
+| `onSelectedItemsChange`  | JavaScript function passed in as an argument. The function is to be defined with an argument (selectedItems). Triggered when Submit button is clicked (for multi select) or item is clicked (for single select). (Check sample above)| function  |  yes     | All   | yes      |
+| `onToggleList`  | JavaScript function passed in as an argument. The function is called everytime the multiselect component is pressed| function  |  no     | All   | yes      |
+| `searchInputPlaceholderText`  | Placeholder text displayed in multi-select filter input| String  |  no     | All   | yes      |
+| `searchInputStyle`  | Style object for multi-select input element| Object  |  no     | All   | yes      |
+| `selectText`  | Text displayed in main component| String  |  no     | All   | yes      |
+| `selectedText`  | Text displayed when an item is selected can be replaced by any string| String  |  no     | All   | yes      |
+| `selectedItemFontFamily`  |  Font family for each selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `selectedItemIconColor`  | Color for selected check icon for each selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `selectedItemTextColor`  |Text color for each selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `single`  | Toggles select component between single option and multi option| Boolean  |  no     | All   | yes      |
+| `styleDropdownMenu`  | Style the view of the dropdown menu| Style  |  no     | All   | yes      |
+| `styleDropdownMenuSubsection`  |Style the inner view of the dropdown menu| Style  |  no     | All   | yes      |
+| `styleIndicator`  | Style the Icon for indicator| Style  |  no     | All   | yes      |
+| `styleInputGroup`  | Style the Container of the Text Input Group| Style  |  no     | All   | yes      |
+| `styleItemsContainer`  |Style the Container of the items that are displayed in a list| Style  |  no     | All   | yes      |
+| `styleListContainer`  | Style the Container of main list| Style  |  no     | All   | yes      |
+| `styleMainWrapper`  | Style the Main Container of the MultiSelector| Style  |  no     | All   | yes      |
+| `styleRowList`  | Style the Row that is displayed after you| Style  |  no     | All   | yes      |
+| `styleSelectorContainer`  | Style the Container of the Selector when user clicks on the dropdown| Style  |  no     | All   | yes      |
+| `styleTextDropdown`  | Style text of the Dropdown| Text Style  |  no     | All   | yes      |
+| `styleTextDropdownSelected`  | Style text of the Dropdown selected| Text Style  |  no     | All   | yes      |
+| `styleTextTag`  | Style text of the tag| Text Style  |  no     | All   | yes      |
+| `submitButtonColor`  | Background color for submit button| String  |  no     | All   | yes      |
+| `submitButtonText`  |Text displayed on submit button| String  |  no     | All   | yes      |
+| `tagBorderColor`  |  Border color for each selected item| String  |  no     | All   | yes      |
+| `tagContainerStyle`  | Style the container of the tag view| Style  |  no     | All   | yes      |
+| `tagRemoveIconColor`  | Color to be used for the remove icon in selected items list| String  |  no     | All   | yes      |
+| `tagTextColor`  | Text color for selected items list| String  |  no     | All   | yes      |
+| `textColor`  | Color for selected item name displayed as label for multiselect| String  |  no     | All   | yes      |
+| `textInputProps`  | Properties for the Text Input. Pass any property that is required on the text input| Object  |  no     | All   | yes      |
+| `uniqueKey`  | Unique identifier that is part of each item's properties. Used internally as means of identifying each item (Check sample below)| String  |  yes     | All   | yes      |
+| `selectedItems`  | List of selected items keys . JavaScript Array of strings, that can be instantiated with the component| Array, control prop  |  no     | All   | yes      |
+| `removeSelected`  | Filter selected items from list to be shown in List| Boolean  |  no     | All   | yes      |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/toystars/react-native-multiple-select/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 049c8ef34fd0040dc1d671fad2ee02e3e132220b Mon Sep 17 00:00:00 2001
From: ivenwf <14702562+ivenwf@user.noreply.gitee.com>
Date: Wed, 24 Jul 2024 08:40:58 +0000
Subject: [PATCH 254/966] =?UTF-8?q?!1126=20docs:=20[Issues:=20#IADVJK]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-autocomplete-input=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IADVJK]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-autocomplete-input=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-autocomplete-input.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-autocomplete-input.md b/zh-cn/react-native-autocomplete-input.md
index bb99353c..c7889418 100644
--- a/zh-cn/react-native-autocomplete-input.md
+++ b/zh-cn/react-native-autocomplete-input.md
@@ -24,13 +24,13 @@
 #### **npm**
 
 ```bash
-$ npm install --save react-native-autocomplete-input@5.4.0
+npm install --save react-native-autocomplete-input@5.4.0
 ```
 
 #### **yarn**
 
 ```bash
-$ yarn add react-native-autocomplete-input@5.4.0
+yarn add react-native-autocomplete-input@5.4.0
 ```
 
 <!-- tabs:end -->

From 9a3529bd7912d823c479bf01490b46d191df7e7e Mon Sep 17 00:00:00 2001
From: wahaha <liangtao50@h-partners.com>
Date: Wed, 24 Jul 2024 11:25:10 +0000
Subject: [PATCH 255/966] =?UTF-8?q?!1179=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-device-info=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-device-i?=
 =?UTF-8?q?nfo=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-device-info.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
index 0224c515..60c5a158 100644
--- a/zh-cn/react-native-device-info.md
+++ b/zh-cn/react-native-device-info.md
@@ -94,7 +94,7 @@ import DeviceInfo from 'react-native-device-info';
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-device-info": "file:../../node_modules/@react-native-oh-tpl/react-native-device-info/device_info.har"
+    "@react-native-oh-tpl/react-native-device-info": "file:../../node_modules/@react-native-oh-tpl/react-native-device-info/harmony/device_info.har"
   }
 ```
 

From 4ec4f3fe7f15c5fda7579055d6d16bf6ce5458be Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Wed, 24 Jul 2024 12:28:36 +0000
Subject: [PATCH 256/966] =?UTF-8?q?!1192=20docs:=20[Issues:=20#IAFCGE]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-color-matrix-image-filters?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAFCGE]=20=E4=BF=AE=E6=94=B9react-native-color-matrix-image-fil?=
 =?UTF-8?q?ters=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-color-matrix-image-filters.md | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index 895860df..d0b4d8ca 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -165,7 +165,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-color-matrix-image-filters/src/main/cpp" ./color_matrix_image_filters)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-color-matrix-image-filters/src/main/cpp" ./color_matrix_image_filters)
 # RNOH_END: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
@@ -224,11 +224,6 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases)
 
-本文档内容基于以下版本验证通过：
-
-1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.600; ROM: 3.0.0.19;
-2. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.29; ROM: 3.0.0.19;
-
 
 ## 属性
 
@@ -284,7 +279,6 @@ ohpm install
 
 
 ## 遗留问题
- 无
 
 ## 其他
 

From c083950c3b296143d1b834911a702b80cf03ae6a Mon Sep 17 00:00:00 2001
From: DamonJiang <jiangkui6@h-partners.com>
Date: Wed, 24 Jul 2024 12:37:30 +0000
Subject: [PATCH 257/966] =?UTF-8?q?!1193=20=20docs[#IAFCO4]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-gesture-handle=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-gesture-handle=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-gesture-handler.md | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index 8f63bb1f..ccd432da 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -341,12 +341,8 @@ ReactButton 属性
 | overshootLeft | a boolean value indicating if the swipeable panel can be pulled further than the left actions panel's width. | boolean | All | yes |
 | overshootRight | a boolean value indicating if the swipeable panel can be pulled further than the right actions panel's width. I | boolean | All | yes |
 | overshootFriction | a number that specifies how much the visual interaction will be delayed compared to the gesture distance at overshoot. | number                   | All | yes |
-| onSwipeableLeftOpen | method that is called when left action panel gets open. | function                 | All | yes |
-| onSwipeableRightOpen | method that is called when right action panel gets open. | function | All | yes |
 | onSwipeableOpen | method that is called when action panel gets open | function(direction: 'left' \| 'right', swipeable: Swipeable) | All | yes |
 | onSwipeableClose | method that is called when action panel is closed. | function(direction: 'left' \| 'right', swipeable: Swipeable) | All | yes |
-| onSwipeableLeftWillOpen | alled when left action panel starts animating on open. | function | All | yes |
-| onSwipeableRightWillOpen | Called when right action panel starts animating on open. | function | All | yes |
 | onSwipeableWillOpen | Called when action panel starts animating on open (either right or left). | function((direction: 'left' \| 'right')) | All | yes |
 | onSwipeableWillClose | Called when action panel starts animating on close. | function((direction: 'left' \| 'right')) | All | yes |
 | renderLeftActions | This map describes the values to use as inputRange for extra interpolation: AnimatedValue: [startValue, endValue] | function(progressAnimatedValue: AnimatedInterpolation,<br/>    dragAnimatedValue: AnimatedInterpolation,<br/>    swipeable: Swipeable) | All | yes |
@@ -397,14 +393,6 @@ ReactButton 属性
 | maxPointers                    | When the given number of fingers is placed on the screen and handler hasn't yet activated it will fail recognizing the gesture.                                                             | number  | no       | All      | yes      |
 | activeOffsetX                  | Range along X axis (in points) where fingers travels without activation of handler.                                                                                                         | number  | no       | All      | yes      |
 | activeOffsetY                  | Range along Y axis (in points) where fingers travels without activation of handler.                                                                                                         | number  | no       | All      | yes      |
-| failOffsetY                    | When the finger moves outside this range (in points) along Y axis and handler hasn't yet activated it will fail recognizing the gesture.                                                    | number  | no       | All      | yes      |
-| failOffsetX                    | When the finger moves outside this range (in points) along X axis and handler hasn't yet activated it will fail recognizing the gesture. Range can be given as an array or a single number. | number  | no       | All      | yes      |
-| maxDeltaX                      | This method is deprecated but supported for backward compatibility. Instead of using maxDeltaX={N} you can do failOffsetX={[-N, N]}.                                                        | number  | no       | All      | yes      |
-| maxDeltaY                      | This method is deprecated but supported for backward compatibility. Instead of using maxDeltaY={N} you can do failOffsetY={[-N, N]}.                                                        | number  | no       | All      | yes      |
-| minOffsetX                     | This method is deprecated but supported for backward compatibility. Instead of using minOffsetX={N} you can do activeOffsetX={N}.                                                           | number  | no       | All      | yes      |
-| minOffsetY                     | This method is deprecated but supported for backward compatibility. Instead of using minOffsetY={N} you can do activeOffsetY={N}.                                                           | number  | no       | All      | yes      |
-| minDeltaX                      | This method is deprecated but supported for backward compatibility. Instead of using minDeltaX={N} you can do activeOffsetX={[-N, N]}.                                                      | number  | no       | All      | yes      |
-| minDeltaY                      | This method is deprecated but supported for backward compatibility. Instead of using minDeltaY={N} you can do activeOffsetY={[-N, N]}.                                                      | number  | no       | All      | yes      |
 
 #### PanGestureHandler 事件数据
 

From 10d19cd902a540cc23ab8eb77088f2033f022567 Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Thu, 25 Jul 2024 02:55:17 +0000
Subject: [PATCH 258/966] =?UTF-8?q?!1118=20docs:=20[Issues#IADO5C]?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=20react-native-image-colors=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues#IADO5C]?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=20react-native-image-colors=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-colors.md | 58 +++++++++++++++---------------
 1 file changed, 30 insertions(+), 28 deletions(-)

diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md
index 81fd00ea..6e916dd2 100644
--- a/zh-cn/react-native-image-colors.md
+++ b/zh-cn/react-native-image-colors.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -295,9 +293,9 @@ ohpm install
 ### ImageColors.getColors(uri: string, config?: Config): Promise
 
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Description                           | Type     | Required | Platform | HarmonyOS Support |
 | --------- | ------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -310,7 +308,7 @@ A string which can be:
 
 | Name      | Description                           | Type     | Required | Platform | HarmonyOS Support |
 | --------- | ------------------------------------- | -------- | -------- | -------- | ----------------- |
-| uri |  1. URL: [`https://i.imgur.com/O3XSdU7.jpg`](https://i.imgur.com/O3XSdU7.jpg);<br>2. Local file: const catImg = require('./images/cat.jpg');<br>3. Base64: const catImgBase64 = 'data:image/jpeg;base64,/9j/4Ri...' | string | yes      | all      | yes               |
+| uri |  1. URL: [`https://i.imgur.com/O3XSdU7.jpg`](https://i.imgur.com/O3XSdU7.jpg);<br>2. Local file: const catImg = require('./images/cat.jpg');<br>3. Base64: const catImgBase64 = 'data:image/jpeg;base64,/9j/4Ri...' | string | yes      | all | yes               |
 
   > The mime type prefix for base64 is required (e.g. data:image/png;base64).
 
@@ -318,14 +316,14 @@ A string which can be:
 
 The config object is optional.
 
-| Property       | Description                                                                                                                                                                                    | Type                                                   | Default     | Supported platforms |
-| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | ----------- | ------------------- |
-| `fallback`     | If a color property couldn't be retrieved, it will default to this hex color string                                                         | `string`                                               | `"#000000"` | All                 |
-| `cache`        | Enables in-memory caching of the result - skip downloading the same image next time.                                                                                                           | `boolean`                                              | `false`     | All                 |
-| `key`          | Unique key to use for the cache entry. The image URI is used as the unique key by default. You should explicitly pass a key if you enable caching and you're using a base64 string as the URI. | `string`                                               | `undefined` | All                 |
-| `headers`      | HTTP headers to be sent along with the GET request to download the image                                                                                                                       | `Record<string, string>`                               | `undefined` | iOS, Android, harmonyOS        |
-| `pixelSpacing` | How many pixels to skip when iterating over image pixels. Higher means better performance (**note**: value cannot be lower than 1).                                                            | `number`                                               | `5`         | Android             |
-| `quality`      | Highest implies no downscaling and very good colors.                                                                                                                                           | `'lowest'` <br> `'low'` <br> `'high'` <br> `'highest'` | `"low"`     | iOS, Web, harmonyOS           |
+| Name       | Description                                                                                                                                                                                    | Type                                                   | Required                                           | Default     | Supported | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | ----------- | ------------------- | ----------------- | ----------------- |
+| `fallback`     | If a color property couldn't be retrieved, it will default to this hex color string                                                         | `string`                                               | no                                             | `"#000000"` | all              | yes |
+| `cache`        | Enables in-memory caching of the result - skip downloading the same image next time.                                                                                                           | `boolean`                                              | no                                            | `false`     | all              | yes |
+| `key`          | Unique key to use for the cache entry. The image URI is used as the unique key by default. You should explicitly pass a key if you enable caching and you're using a base64 string as the URI. | `string`                                               | no                                             | `undefined` | all              | yes |
+| `headers`      | HTTP headers to be sent along with the GET request to download the image                                                                                                                       | `Record<string, string>`                               | no                             | `undefined` | iOS, Android        | yes |
+| `pixelSpacing` | How many pixels to skip when iterating over image pixels. Higher means better performance (**note**: value cannot be lower than 1).                                                            | `number`                                               | no                                             | `5`         | Android             | yes |
+| `quality`      | Highest implies no downscaling and very good colors.                                                                                                                                           | `'lowest'` <br> `'low'` <br> `'high'` <br> `'highest'` | no | `"low"`     | iOS, Web          | yes |
 
 ### ImageColorsResult
 
@@ -333,22 +331,28 @@ Every result object contains a respective `platform` key to help narrow down the
 
 HarmonyImageColors
 
-| Property       | Type        |
-| -------------- | ----------- |
-| `mainColor`     | `string`   |
-| `largestProportionColor`      | `string`   |
-| `highestSaturationColor`      | `string`   |
-| `averageColor`  | `string`   |
-| `platform` | `harmony`   |
+| Name                     | Description                                         | Type        | Required | Platform  | HarmonyOS Support |
+| ------------------------ | --------------------------------------------------- | ----------- | -------- | --------- | ----------------- |
+| `mainColor`              | The main colors of the image.                       | `string`    | no       | harmonyOS | yes               |
+| `largestProportionColor` | The color with the highest proportion in the image. | `string`    | no       | harmonyOS | yes               |
+| `highestSaturationColor` | The color with the highest saturation in the image. | `string`    | no       | harmonyOS | yes               |
+| `averageColor`           | The average color of the image.                     | `string`    | no       | harmonyOS | yes               |
+| `platform`               | platform                                            | `"harmony"` | no       | harmonyOS | yes               |
 
 ### ImageColors.cache
 
-| Name       | Description             | Type     | Params                                | Platform | HarmonyOS Support |
-| ---------- | ----------------------- | -------- | ------------------------------------- | -------- | ----------------- |
-| getItem    | Read cache result.      | Function | key: string                           | all      | yes               |
-| setItem    | Set a cached result.    | Function | key: string, value: ImageColorsResult | all      | yes               |
-| removeItem | Delete a cached result. | Function | key: string                           | all      | yes               |
-| clear      | Clearing the cache.     | Function |                                       | all      | yes               |
+| Name      | Description                           | Type     | Required | Params | Platform | HarmonyOS Support |
+| --------- | ------------------------------------- | -------- | -------- | -------- | -------- | ----------------- |
+| getItem | Read cache result. | Function | no      | key: string      | all      | yes               |
+| setItem | Set a cached result. | Function | no      | key: string, value: ImageColorsResult      | all      | yes               |
+| removeItem | Delete a cached result. | Function | no      | key: string      | all      | yes               |
+| clear | Clearing the cache. | Function | no      |                  | all      | yes               |
+
+
+### Notes
+- Since the implementation of each platform is different you can get **different color results for each**.
+- This module is a wrapper around the [Palette](https://developer.android.com/reference/androidx/palette/graphics/Palette) class on Android, [UIImageColors](https://github.com/jathu/UIImageColors) on iOS and [node-vibrant](https://github.com/Vibrant-Colors/node-vibrant) for the web and [@ohos.effectKit](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-effectkit-V5) on harmonyOS.
+
 
 ## 遗留问题
 
@@ -358,5 +362,3 @@ HarmonyImageColors
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/osamaqarem/react-native-image-colors/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 272ff26237fe20ca649035a6005f3aef9db7aa42 Mon Sep 17 00:00:00 2001
From: wuleilei <433925+wuleilei@user.noreply.gitee.com>
Date: Thu, 25 Jul 2024 05:57:34 +0000
Subject: [PATCH 259/966] =?UTF-8?q?!1057=20docs:=20[Issues:=20#IACKF3]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-splash-screen=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IACKF3]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-splash-screen=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-splash-screen.md | 46 ++++++++++++++++-------------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md
index 422e7e79..27860fec 100644
--- a/zh-cn/react-native-splash-screen.md
+++ b/zh-cn/react-native-splash-screen.md
@@ -45,10 +45,12 @@ yarn add @react-native-oh-tpl/react-native-splash-screen@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 
-##### **新建启动页SplashScreenPage.ets**
+##### **在 entry/src/main/ets/pages 目录下新建启动页SplashScreenPage.ets**
 
 ```ets
-import { SplashScreen } from 'react-native-splash-screen'
+import { SplashScreenView } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreenView'
+
+@Entry
 @Component
 export struct SplashScreenPage {
   build() {
@@ -59,7 +61,7 @@ export struct SplashScreenPage {
 }
 ```
 
-##### **main_pages.json 内添加 `SplashScreenPage`**
+##### **在 entry/src/resources/base/profile/main_pages.json 内添加 `pages/SplashScreenPage`**
 ```json
 {
   "src": [
@@ -68,16 +70,20 @@ export struct SplashScreenPage {
 }
 ```
 
-##### **修改EntryAbility.ets**
+##### **在 entry/src/main/ets/entryability/EntryAbility.ets 内添加**
 ```ets
-import { SplashScreen } from 'react-native-splash-screen'
-onWindowStageCreate(windowStage: window.WindowStage): void {
-  let startWindowIcon = $r('app.media.splashIcon'); // 启动页图片
-  let startWindowBackground = "#FFFFFF"; // 启动页背景色
-  let startPageUrl = 'pages/SplashScreenPage'; // 启动页
-  SplashScreen.show(this.context, windowStage, startWindowIcon, startWindowBackground, startPageUrl).then(() => {
-    super.onWindowStageCreate(windowStage);
-  })
+import window from '@ohos.window';
+import { SplashScreen } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreen'
+
+export default class EntryAbility extends RNAbility {
+  onWindowStageCreate(windowStage: window.WindowStage): void {
+    let startWindowIcon = $r('app.media.splashIcon'); // 启动页图片
+    let startWindowBackground = "#FFFFFF"; // 启动页背景色
+    let startPageUrl = 'pages/SplashScreenPage'; // 启动页
+    SplashScreen.show(this.context, windowStage, startWindowIcon, startWindowBackground, startPageUrl).then(() => {
+      super.onWindowStageCreate(windowStage);
+    })
+  }
 }
 ```
 
@@ -128,7 +134,7 @@ export default class WelcomePage extends Component {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-splash-screen": "file:../../node_modules/@react-native-oh-tpl/react-native-splash-screen/harmony/splash-screen.har"
+    "@react-native-oh-tpl/react-native-splash-screen": "file:../../node_modules/@react-native-oh-tpl/react-native-splash-screen/harmony/splash_screen.har"
   }
 ```
 
@@ -186,19 +192,19 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 Name | Description | Type | Required | Platform | HarmonyOS Support
 -- | -- | -- | -- | -- | --
-show() | 显示启动屏幕(原生方法) | void | Yes | iOS | No  
-show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) | 显示启动屏幕(原生方法) | void | Yes | iOS/Android | Yes  
-hide() | 隐藏启动屏幕 | void | Yes | iOS/Android | Yes  
+show() | 显示启动屏幕(原生方法) | function | Yes | iOS | No  
+show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) | 显示启动屏幕(原生方法) | function | Yes | iOS/Android | Yes  
+hide() | 隐藏启动屏幕 | function | Yes | iOS/Android | Yes  
 
 
-> [!tip] **show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) 方法的参数说明：**
+> [!TIP] **show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) 方法的参数说明：**
 
 | Name                                                      | Description                                                                                                         | Type     |
 | --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- |
@@ -217,5 +223,5 @@ HarmonyOS 中，在入口 onWindowStageCreate 中调用 windowStage.loadContent
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。
 <!-- {% endraw %} -->
\ No newline at end of file

From 01af3ca432a16b23330cbcb5f44e44a81563848d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Thu, 25 Jul 2024 06:20:59 +0000
Subject: [PATCH 260/966] =?UTF-8?q?!1181=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-zoom-viewer.md | 70 ++++++++++++-------------
 1 file changed, 35 insertions(+), 35 deletions(-)

diff --git a/zh-cn/react-native-image-zoom-viewer.md b/zh-cn/react-native-image-zoom-viewer.md
index b5a13345..09d79af6 100644
--- a/zh-cn/react-native-image-zoom-viewer.md
+++ b/zh-cn/react-native-image-zoom-viewer.md
@@ -238,41 +238,41 @@ export default ReactImageZoon;
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                   | Description                                                  | Type                                                         | Required                                                   | Platform    | HarmonyOS Support | Remark                                   |
-| ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ---------------------------------------------------------- | ----------- | ----------------- | ---------------------------------------- |
-| imageUrls              | Image Source                                                 | array                                                        | yes                                                        | Android iOS | YES               |                                          |
-| enableImageZoom        | Enable image zoom                                            | boolean                                                      | no                                                         | Android iOS | NO                |                                          |
-| onShowModal            | The callback for show modal                                  | function <br />(content?: JSX.Element) => void               | no                                                         | NO          | NO                | 此属性在HarmonyOS，Android ，iOS均不生效 |
-| onCancel               | The callback for cancel modal                                | function <br />() => void                                    | no                                                         | Android iOS | YES               |                                          |
-| flipThreshold          | Swipe threshold of the next page                             | number                                                       | no                                                         | Android iOS | YES               |                                          |
-| maxOverflow            | The X position maximum, that current page can slide to the next page | number                                                       | no                                                         | Android iOS | YES               |                                          |
-| index                  | Init index of images                                         | number                                                       | no                                                         | Android iOS | YES               |                                          |
-| failImageSource        | placeholder for fail                                         | string, object<br />{url: string}                            | no                                                         | Android iOS | YES               |                                          |
-| loadingRender          | placeholder for loading                                      | function<br />() => React.ReactElement<any>                  | no                                                         | Android iOS | YES               |                                          |
-| onSaveToCamera         | The callback for save to camera                              | function<br />(index?: number => void                        | no                                                         | Android iOS | YES               |                                          |
-| onChange               | When the image changed                                       | function<br />(index?: number => void                        | no                                                         | Android iOS | YES               |                                          |
-| onMove                 | ()=> {}                                                      | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void | reports movement position data (helpful to build overlays) | Android iOS | YES               |                                          |
-| saveToLocalByLongPress | Enable save to camera when long press                        | boolean                                                      | no                                                         | Android iOS | YES               |                                          |
-| onClick                | Onclick                                                      | function<br />(onCancel?: function) => void                  | no                                                         | Android iOS | YES               |                                          |
-| onDoubleClick          | OnDoubleClick                                                | function<br />(onCancel?: function) => void                  | no                                                         | Android iOS | YES               |                                          |
-| onSave                 | The picture is saved to the local method, if you write this method will not call the system default method for Android does not support saveToCameraRoll remote picture, you can call this callback in Android call native interface | function<br />(url: string) => void                          | no                                                         | Android iOS | YES               |                                          |
-| renderHeader           | Custom header                                                | function<br />(currentIndex?: number) => React.ReactElement<any> | no                                                         | Android iOS | YES               |                                          |
-| renderFooter           | Custom footer                                                | function<br />(currentIndex?: number) => React.ReactElement<any> | no                                                         | Android iOS | YES               |                                          |
-| renderIndicator        | Custom indicator                                             | function<br />`(currentIndex?: number, allSize?) => React.ReactElement<any>`: number | no                                                         | Android iOS | YES               |                                          |
-| renderImage            | Custom image component                                       | function<br />(props: any) => React.ReactElement<any>        | no                                                         | Android iOS | YES               |                                          |
-| renderArrowLeft        | Custom left arrow                                            | function<br />() => React.ReactElement<any>                  | no                                                         | Android iOS | YES               |                                          |
-| renderArrowRight       | Custom right arrow                                           | function<br />() => React.ReactElement<any>                  | no                                                         | Android iOS | YES               |                                          |
-| onSwipeDown            | Callback for swipe down                                      | function<br />() => void                                     | no                                                         | Android iOS | YES               |                                          |
-| footerContainerStyle   | custom style props for container that will be holding your footer that you pass | object<br />{someStyle: someValue}                           | no                                                         | Android iOS | YES               |                                          |
-| backgroundColor        | Component background color                                   | string<br />white                                            | no                                                         | Android iOS | YES               |                                          |
-| enableSwipeDown        | Enable swipe down to close image viewer. When swipe down, will trigger onCancel. | boolean                                                      | no                                                         | Android iOS | YES               |                                          |
-| swipeDownThreshold     | Threshold for firing swipe down function                     | number                                                       | no                                                         | Android iOS | YES               |                                          |
-| doubleClickInterval    | Double click interval.                                       | number                                                       | no                                                         | Android iOS | YES               |                                          |
-| pageAnimateTime        | Set the animation time for page flipping.                    | number                                                       | no                                                         | Android iOS | YES               |                                          |
-| enablePreload          | Preload the next image                                       | boolean                                                      | no                                                         | Android iOS | YES               |                                          |
-| useNativeDriver        | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver) | boolean                                                      | no                                                         | Android iOS | YES               |                                          |
-| menus                  | Custom menus, with 2 methods:`cancel` to hide menus and `saveToLocal` to save image to camera | function<br />({cancel,saveToLocal}) => React.ReactElement<any> | no                                                         | Android iOS | YES               |                                          |
-| menuContext            | Custom menu context.                                         | object<br />{someKey: someValue}                             | no                                                         | Android iOS | YES               |                                          |
+| Name                   | Description                                                  | Type                                                         | Platform    | HarmonyOS Support | Remark                                   |
+| ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ----------- | ----------------- | ---------------------------------------- |
+| imageUrls              | Image Source                                                 | array                                                        | Android iOS | YES               |                                          |
+| enableImageZoom        | Enable image zoom                                            | boolean                                                      | Android iOS | NO                |                                          |
+| onShowModal            | The callback for show modal                                  | function <br />(content?: JSX.Element) => void               | NO          | NO                | 此属性在HarmonyOS，Android ，iOS均不生效 |
+| onCancel               | The callback for cancel modal                                | function <br />() => void                                    | Android iOS | YES               |                                          |
+| flipThreshold          | Swipe threshold of the next page                             | number                                                       | Android iOS | YES               |                                          |
+| maxOverflow            | The X position maximum, that current page can slide to the next page | number                                                       | Android iOS | YES               |                                          |
+| index                  | Init index of images                                         | number                                                       | Android iOS | YES               |                                          |
+| failImageSource        | placeholder for fail                                         | string, object<br />{url: string}                            | Android iOS | YES               |                                          |
+| loadingRender          | placeholder for loading                                      | function<br />() => React.ReactElement<any>                  | Android iOS | YES               |                                          |
+| onSaveToCamera         | The callback for save to camera                              | function<br />(index?: number => void                        | Android iOS | YES               |                                          |
+| onChange               | When the image changed                                       | function<br />(index?: number => void                        | Android iOS | YES               |                                          |
+| onMove                 | ()=> {}                                                      | ( position: [onMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void | Android iOS | YES               |                                          |
+| saveToLocalByLongPress | Enable save to camera when long press                        | boolean                                                      | Android iOS | YES               |                                          |
+| onClick                | Onclick                                                      | function<br />(onCancel?: function) => void                  | Android iOS | YES               |                                          |
+| onDoubleClick          | OnDoubleClick                                                | function<br />(onCancel?: function) => void                  | Android iOS | YES               |                                          |
+| onSave                 | The picture is saved to the local method, if you write this method will not call the system default method for Android does not support saveToCameraRoll remote picture, you can call this callback in Android call native interface | function<br />(url: string) => void                          | Android iOS | YES               |                                          |
+| renderHeader           | Custom header                                                | function<br />(currentIndex?: number) => React.ReactElement<any> | Android iOS | YES               |                                          |
+| renderFooter           | Custom footer                                                | function<br />(currentIndex?: number) => React.ReactElement<any> | Android iOS | YES               |                                          |
+| renderIndicator        | Custom indicator                                             | function<br />`(currentIndex?: number, allSize?) => React.ReactElement<any>`: number | Android iOS | YES               |                                          |
+| renderImage            | Custom image component                                       | function<br />(props: any) => React.ReactElement<any>        | Android iOS | YES               |                                          |
+| renderArrowLeft        | Custom left arrow                                            | function<br />() => React.ReactElement<any>                  | Android iOS | YES               |                                          |
+| renderArrowRight       | Custom right arrow                                           | function<br />() => React.ReactElement<any>                  | Android iOS | YES               |                                          |
+| onSwipeDown            | Callback for swipe down                                      | function<br />() => void                                     | Android iOS | YES               |                                          |
+| footerContainerStyle   | custom style props for container that will be holding your footer that you pass | object<br />{someStyle: someValue}                           | Android iOS | YES               |                                          |
+| backgroundColor        | Component background color                                   | string<br />white                                            | Android iOS | YES               |                                          |
+| enableSwipeDown        | Enable swipe down to close image viewer. When swipe down, will trigger onCancel. | boolean                                                      | Android iOS | YES               |                                          |
+| swipeDownThreshold     | Threshold for firing swipe down function                     | number                                                       | Android iOS | YES               |                                          |
+| doubleClickInterval    | Double click interval.                                       | number                                                       | Android iOS | YES               |                                          |
+| pageAnimateTime        | Set the animation time for page flipping.                    | number                                                       | Android iOS | YES               |                                          |
+| enablePreload          | Preload the next image                                       | boolean                                                      | Android iOS | YES               |                                          |
+| useNativeDriver        | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver) | boolean                                                      | Android iOS | YES               |                                          |
+| menus                  | Custom menus, with 2 methods:`cancel` to hide menus and `saveToLocal` to save image to camera | function<br />({cancel,saveToLocal}) => React.ReactElement<any> | Android iOS | YES               |                                          |
+| menuContext            | Custom menu context.                                         | object<br />{someKey: someValue}                             | Android iOS | YES               |                                          |
 
 ## 遗留问题
 

From 60ba4a5ab335c9a7dfd061971e2741d80a605503 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Thu, 25 Jul 2024 06:38:33 +0000
Subject: [PATCH 261/966] =?UTF-8?q?!1044=20docs:=20[#IAC6BW]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-flash-message=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAD5P4]=20=E6=96=B0=E5=A2=9Ereact-nat?=
 =?UTF-8?q?ive-flash-message=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-flash-message.md | 160 ++++++++++++++++++++++++++++
 1 file changed, 160 insertions(+)
 create mode 100644 zh-cn/react-native-flash-message.md

diff --git a/zh-cn/react-native-flash-message.md b/zh-cn/react-native-flash-message.md
new file mode 100644
index 00000000..b4eaf607
--- /dev/null
+++ b/zh-cn/react-native-flash-message.md
@@ -0,0 +1,160 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-flash-messag</code> </h1>
+</p>
+<p align="center">
+   <a href="https://github.com/lucasferreira/react-native-flash-message">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lucasferreira/react-native-flash-message/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/lucasferreira/react-native-flash-message)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-flash-message@0.2.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-flash-message@0.2.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+// FlashMessage组件是为全局使用而构建的，因此您必须在主应用程序屏幕中实例化此组件一次，并始终将其作为最后插入的组件
+import React from 'react';
+import {SafeAreaView, View,} from 'react-native';
+import FlashMessage from "react-native-flash-message";
+function App() {
+  return (
+    <View style={{ backgroundColor: 'white' }}>
+      <SafeAreaView>
+      </SafeAreaView>
+      <FlashMessage position="top"/>  
+    </View>
+  );
+}
+export default App;
+
+```
+
+```tsx
+import {StyleSheet, Text, View, Image, TouchableOpacity} from 'react-native';
+import {showMessage, hideMessage} from 'react-native-flash-message';
+
+export function FlashMessageTest() {
+  return (
+    <View style={styles.container}>
+      <TouchableOpacity
+        style={styles.button}
+        onPress={() => {
+          showMessage({
+            message: 'show message',
+            type: 'info',
+            onPress: () => {
+              hideMessage();
+            },
+            autoHide: false,
+            renderAfterContent: e => {
+              return (
+                <View>
+                  <Text>renderAfterContent</Text>
+                </View>
+              );
+            },
+          });
+        }}>
+        <Text>renderAfterContent</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 10,
+    margin: 25,
+    borderRadius: 5,
+    borderWidth: 3,
+  },
+  button: {
+    padding: 10,
+    margin: 5,
+    backgroundColor: 'red',
+    borderRadius: 5,
+  },
+});
+
+
+```
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 方法
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message/blob/v0.4.0/README.md)
+
+| Name                   | Description | Required | Platform | HarmonyOS Support |
+| ---------------------- | ----------- | -------- | ----------------- | ----------------- |
+| hideOnPress            | Controls if the flash message can be closed on press      | NO        | iOS/Android               | YES               |
+| onPress                | onPress callback for flash message press           | NO        | iOS/Android               | YES               |
+| onLongPress            | onLongPress callback for flash message press           | NO        | iOS/Android               | YES               |
+| animated               | Controls if the flash message will be shown with animation or not           | NO        | iOS/Android               | YES               |
+| animationDuration      | Animations duration/speed           | NO        | iOS/Android               | YES               |
+| autoHide               | Controls if the flash message can hide itself after some duration time           | NO        | iOS/Android               | YES               |
+| duration               | How many milliseconds the flash message will be shown if the autoHide it's true           | NO        | iOS/Android               | YES               |
+| hideStatusBar          | Controls if the flash message will auto hide the native status bar. Note: Works OK in iOS, not all Android versions support this. | NO | iOS/Android   | YES   |
+| statusBarHeight        | Use this prop to set a custom status bar height that will be add in flash message padding top calc | NO        | iOS/Android               | YES     |
+| floating               | The floating prop unstick the message from the edges and applying some border radius to component  | NO        | iOS/Android               | YES               |
+| position               | The position prop set the position of a flash message. Expected options: "top" (default), "bottom", "center" or a custom object with { top, left, right, bottom } position           | NO        | iOS/Android               | YES               |
+| icon                   | The icon prop could be a render function that return a new JSX Element to be placed in icon position OR a definition of the graphical icon of a flash message. Expected options: "none" (default), "auto" (guided by type), "success", "info", "warning", "danger", a custom icon (render function) or a custom object with icon type/name and position (left or right) attributes, e.g.: { icon: "success", position: "right" }           | NO       | iOS/Android               | YES               |
+| style                  | Apply a custom style object in flash message container | NO       | iOS/Android               | YES               |
+| textStyle              | Apply a custom style object in flash message descript/text text label   | NO       | iOS/Android               | YES               |
+| titleStyle             | Apply a custom style object in flash message title text label           | NO       | iOS/Android               | YES               |
+| textProps              | Set a custom props object in flash message all text components          | NO       | iOS/Android               | YES               |
+| iconProps              | Set a custom props object to use inside the renderFlashMessageIcon method as third argument           | NO       | iOS/Android               | YES               |
+| renderBeforeContent    | Render custom JSX before title in flash message.          | NO        | iOS/Android               | YES               |
+| renderCustomContent    | Render custom JSX below title in flash message.           | NO        | iOS/Android               | YES               |
+| renderAfterContent     | Render custom JSX after the title (or description) of a flash message.           | NO        | iOS/Android               | YES               |
+| renderFlashMessageIcon | Set a custom render function for inside message icons           | NO        | iOS/Android               | YES               |
+| transitionConfig       | Set the transition config function used in shown/hide anim interpolations           | NO        | iOS/Android               | YES               |
+| canRegisterAsDefault   | Use to handle if the instance can be registed as default/global instance           | NO        | iOS/Android               | YES               |
+| MessageComponent       | Set the default flash message render component used to show all the messages           | NO       | iOS/Android               | YES               |
+
+
+## 遗留问题
+- [ ] iOS 和 鸿蒙侧效果有差异，隐藏手机状态栏是通过RN框架的StatusBar组件中的StatusBar.setHidden()方法实现,具体效果有差异，暂未解决 
+ 
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lucasferreira/react-native-flash-message/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 9e621da03e321e3da54717e202263f3785462be6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Thu, 25 Jul 2024 08:09:37 +0000
Subject: [PATCH 262/966] =?UTF-8?q?!1185=20docs:[Issues:=20#IAFAK3]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-root-modal=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-root-modal=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-root-modal.md | 172 +++++++++++++++++++++----------
 1 file changed, 118 insertions(+), 54 deletions(-)

diff --git a/zh-cn/react-native-root-modal.md b/zh-cn/react-native-root-modal.md
index da2cf343..894d7b13 100644
--- a/zh-cn/react-native-root-modal.md
+++ b/zh-cn/react-native-root-modal.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-root-modal</code> </h1>
@@ -44,61 +44,126 @@ yarn add @react-native-oh-tpl/react-native-root-modal@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-Import library any where inside your code before `AppRegistry.registerComponent` is called.
-
-```
-import Modal, { AnimatedModal, ModalManager } from 'react-native-root-modal';
-```
-
-Invoked by `React element` way.
-
-```
-....other elements before
-<Modal
-    style={{
-        top: 0,
-        right: 0,
-        bottom: 0,
-        left: 0,
-        backgroundColor: 'rgba(0, 0, 0, 0.2)',
-        transform: [{scale: this.state.scaleAnimation}]
-    }}
-
-    visible={this.state.modalVisible}
->
-    ... You can add anything inside
-</Modal>
-....other elements after
-
+```jsx
+import React, {
+    StyleSheet,
+    Text,
+    View,
+    TouchableHighlight,
+} from 'react-native';
+
+import Modal from 'react-native-root-modal';
+import { Component } from 'react';
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#fff'
+    },
+    button: {
+        backgroundColor: '#ccc',
+        borderRadius: 5,
+        padding: 10,
+    },
+    modal: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'rgba(58, 93, 15, 0.8)',
+        borderRadius: 40,
+        height: '80%',
+        width: '80%',
+        bottom: 100,
+        flex: 1,
+        position: 'absolute',
+    },
+    close: {
+        position: 'absolute',
+        width: 20,
+        height: 20,
+        borderRadius: 10,
+        justifyContent: 'center',
+        alignItems: 'center',
+        right: 20,
+        top: 40,
+        backgroundColor: 'red'
+    },
+    modalContainer: {
+        height: 100,
+        width: 200,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'blue',
+        margin: 50
+    },
+    text: {
+        color: '#fff'
+    }
+});
+
+class CustomStyleDemo extends Component{
+    constructor() {
+        super(...arguments);
+        this.state = {
+            visible: false
+        };
+    }
+
+    showModal = () => {
+        this.setState({
+            visible: true
+        });
+    };
+
+    hideModal = () => {
+        this.setState({
+            visible: false
+        });
+    };
+
+    render() {
+        return <View style={styles.container}>
+             <TouchableHighlight
+                style={styles.button}
+                underlayColor="#aaa"
+                onPress={this.showModal}
+            >
+                <Text>Show Modal</Text>
+            </TouchableHighlight>
+            <Modal style={styles.modal} visible={this.state.visible}>
+                <TouchableHighlight
+                    style={[styles.button, styles.close]}
+                    underlayColor="#aaa"
+                    onPress={this.hideModal}
+                >
+                    <Text>X</Text>
+                </TouchableHighlight>
+
+                <View style={styles.modalContainer}>
+                    <Text style={styles.text}>You can custom your own Modal style</Text>
+                </View>
+            </Modal>
+        </View>;
+    }
+
+}
+
+export default CustomStyleDemo;
 ```
 
-Just put `<Modal />` element anywhere, And it will be front of other elements.
-And you can set `<Modal />` element\`s style or other properties inherited from `<View />` element
+### 运行
 
+点击右上角的 `sync` 按钮
 
-Or you can invoke it by `JavaScript class` way
+或者在终端执行：
 
-Import modal Manager class.
+```bash
+cd entry
+ohpm install
 ```
-import { ModalManager } from 'react-native-root-modal';
 
-```
-
-Invoke it.
-```
-// Create a Modal element on screen.
-let modal = new ModalManager(<View style={modal container style}>
-    ...modal contents here.
-</View>);
-
-// Update (replace) the modal element which is already existed.
-modal.update(<View style={modal container style}>
-    ...other modal contents here.
-</View>);
-
-// Destroy it
-modal.destroy();
-```
+然后编译、运行即可。
 
 ## 约束与限制
 
@@ -108,9 +173,6 @@ modal.destroy();
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases)
 
-本文档内容基于以下版本验证通过：
-
-RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
 
 ## 属性
 
@@ -118,10 +180,12 @@ RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+react-native-root-modal组件接收所有[React Native View](https://reactnative.dev/docs/view#props)组件的Props.
+
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| visible  | 控制模态框是否可见  | boolean  | no | Android/IOS  | yes |
-| style  | 设置modal的样式，可以使用常规的样式属性  | style  | no | Android/IOS  | yes |
+| visible  | 控制模态框是否可见  | boolean  | no | Android/iOS  | yes |
+| style  | 设置modal的样式，可以使用常规的样式属性  | style  | no | Android/iOS  | yes |
 
 ## 遗留问题
 

From efaf31b582b3e0f90d07735f4da4039e426e904a Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Thu, 25 Jul 2024 09:45:13 +0000
Subject: [PATCH 263/966] =?UTF-8?q?!1199=20docs:=20[#IAFK39]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-localize=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAFK39]=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-localize=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-localize.md | 124 ++++++++++++++++++++-------------
 1 file changed, 74 insertions(+), 50 deletions(-)

diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index 68125c47..506af6e3 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-localize</code></h1>
@@ -44,19 +44,44 @@ yarn add @react-native-oh-tpl/react-native-localize@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-```js
+```jsx
 import * as React from "react";
 import {
-    I18nManager,
-    Platform,
-    SafeAreaView,
-    ScrollView,
-    StyleSheet,
-    Text,
-    View,
+  I18nManager,
+  Platform,
+  SafeAreaView,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
 } from "react-native";
 import * as RNLocalize from "react-native-localize";
 
+const styles = StyleSheet.create({
+  safeArea: {
+    backgroundColor: "white",
+    flex: 1,
+  },
+  container: {
+    padding: 16,
+    alignItems: "flex-start",
+  },
+  block: {
+    marginBottom: 16,
+    alignItems: "flex-start",
+  },
+  name: {
+    textDecorationLine: "underline",
+    fontWeight: "500",
+    marginBottom: 8,
+    color: "black",
+  },
+  value: {
+    textAlign: "left",
+    color: "black",
+  },
+});
+
 const Line = ({ name, value }: { name: string; value: unknown }) => (
   <View style={styles.block}>
     <Text style={styles.name}>{name}</Text>
@@ -90,12 +115,27 @@ function LocalizeDemo() {
 export default LocalizeDemo;
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -103,7 +143,7 @@ export default LocalizeDemo;
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -127,23 +167,7 @@ ohpm install
 
 方法二：直接链接源码
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-localize": "file:../../node_modules/@react-native-oh-tpl/react-native-localize/harmony/rn_localize"
-  }
-```
-
-打开终端，执行：
-
-```bash
-cd entry
-ohpm install --no-link
-```
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 ### 在 ArkTs 侧引入 RNLocalizePackage
 
@@ -151,7 +175,8 @@ ohpm install --no-link
 
 ```diff
   ...
-+ import { RNLocalizePackage } from "@react-native-oh-tpl/react-native-localize/ts";
+  
++ import { RNLocalizePackage } from '@react-native-oh-tpl/react-native-localize/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -177,33 +202,32 @@ ohpm install
 ## 约束与限制
 
 ### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
 
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.19
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-
-| Name                   | Description                                    | Required | Platform | HarmonyOS Support |
-| ---------------------- | ---------------------------------------------- | -------- |----------|-------------------|
-| getLocales()        | Returns the user preferred locales, in order.             | No       | All      | yes               |
-| etNumberFormatSettings()   | Returns number formatting settings. | No       | All      | yes               |
-| getCurrencies() | Returns the user preferred currency codes, in order. | No       | All      | yes               |
-| getCountry()         | Returns the user current country code (based on its device locale, not on its position).                                  | No       | All      | yes               |
-| getCalendar()    | Returns the user preferred calendar format. | No       | All      | yes               |
-| getTemperatureUnit()  | Returns the user preferred temperature unit. | No       | All      | No                |
-| getTimeZone()         | Returns the user preferred timezone (based on its device settings, not on its position).             | No       | All      | yes               |
-| uses24HourClock()   | Returns true if the user prefers 24h clock format, false if they prefer 12h clock format. | No       | All      | yes               |
-| usesMetricSystem() | Returns true if the user prefers metric measure system, false if they prefer imperial. | No       | All      | No                |
-| usesAutoDateAndTime()         | Tells if the automatic date & time setting is enabled on the phone. Android only                                 | No       | Android  | No                |
-| usesAutoTimeZone()    | Tells if the automatic time zone setting is enabled on the phone. Android only | No       | Android  | No                |
-| findBestLanguageTag()    | Returns the best language tag possible and its reading direction | No       | All      | yes               |
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                      | Description                                    | Required | Platform | HarmonyOS Support |
+|---------------------------| ---------------------------------------------- | -------- |----------|-------------------|
+| getLocales()              | Returns the user preferred locales, in order.             | No       | All      | yes               |
+| getNumberFormatSettings() | Returns number formatting settings. | No       | All      | yes               |
+| getCurrencies()           | Returns the user preferred currency codes, in order. | No       | All      | yes               |
+| getCountry()              | Returns the user current country code (based on its device locale, not on its position).                                  | No       | All      | yes               |
+| getCalendar()             | Returns the user preferred calendar format. | No       | All      | yes               |
+| getTemperatureUnit()      | Returns the user preferred temperature unit. | No       | All      | No                |
+| getTimeZone()             | Returns the user preferred timezone (based on its device settings, not on its position).             | No       | All      | yes               |
+| uses24HourClock()         | Returns true if the user prefers 24h clock format, false if they prefer 12h clock format. | No       | All      | yes               |
+| usesMetricSystem()        | Returns true if the user prefers metric measure system, false if they prefer imperial. | No       | All      | No                |
+| usesAutoDateAndTime()     | Tells if the automatic date & time setting is enabled on the phone. Android only                                 | No       | Android  | No                |
+| usesAutoTimeZone()        | Tells if the automatic time zone setting is enabled on the phone. Android only | No       | Android  | No                |
+| findBestLanguageTag()     | Returns the best language tag possible and its reading direction | No       | All      | yes               |
 
 ## 遗留问题
 - [ ]  HarmonyOS 侧无法获取温度及长度单位[issue#2](https://github.com/react-native-oh-library/react-native-localize/issues/2)

From 11a9f4a2f9e39c18e0fbb7ba48216a4db4cbad28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=82=89=E5=A4=B4=E5=90=9B?=
 <chenbaodi1@h-partners.com>
Date: Thu, 25 Jul 2024 11:23:56 +0000
Subject: [PATCH 264/966] =?UTF-8?q?!1204=20docs:=20[Issues:=20#IAFLSZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-baidu-map=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFLSZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-baidu-map=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-baidu-map.md | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index 1e967e9d..14e949b4 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -318,7 +318,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 +      })
 +    }
 +    if (ctx.componentName === BAIDU_MAP_OVERLAY_MARKER_TYPE) {
-+      BaiduMapOverlayMarkerS({
++      BaiduMapOverlayMarker({
 +        ctx: ctx.rnComponentContext,
 +        tag: ctx.tag
 +      })
@@ -452,7 +452,7 @@ ohpm install
 
 | Name                    | Description                      | Type     | Required | Platform | HarmonyOS Support |
 |-------------------------|----------------------------------|----------|----------|----------|-------------------|
-| zoomControlsVisible     | 显示或隐藏缩放控件，仅 Android              | Boolean  | no      | Android  | yes               |
+| zoomControlsVisible     | 显示或隐藏缩放控件              | Boolean  | no      | Android  | yes               |
 | trafficEnabled          | 是否启用交通图层                         | Boolean  | no      | All      | yes                |
 | baiduHeatMapEnabled     | 是否启用百度热力图                        | Boolean  | no      | All      | no                |
 | zoomGesturesEnabled     | 允许手势缩放                           | Boolean  | no      | All      | yes                |
@@ -462,9 +462,9 @@ ohpm install
 | showsUserLocation       | 是否显示定位                           | Boolean  | no      | All      | yes                |
 | locationData            | 定位信息 {latitude: 0, longitude: 0} | Object   | no      | All      | yes                |
 | center                  | {latitude: 0, longitude: 0}      | Object   | no      | All      | yes                |
-| onMapStatusChangeStart  | 地图状态开始变化时的回调函数，仅 Android         | Function | no      | Android  | no                |
+| onMapStatusChangeStart  | 地图状态开始变化时的回调函数         | Function | no      | Android  | no                |
 | onMapStatusChange       | 地图状态变化时的回调函数                     | Function | no      | All      | no                |
-| onMapStatusChangeFinish | 地图状态变化完成时的回调函数，仅 Android         | Function | no      | Android  | no                |
+| onMapStatusChangeFinish | 地图状态变化完成时的回调函数        | Function | no      | Android  | no                |
 | onMapLoaded             | 地图加载完成时的回调函数                     | Function | no      | All      | yes                |
 | onMapClick              | 地图被点击时的回调函数                      | Function | no      | All      | yes                |
 | onMapDoubleClick        | 地图被双击时的回调函数                      | Function | no      | All      | yes                |
@@ -476,15 +476,15 @@ ohpm install
 | Name         | Description                              | Type     | Required | Platform | HarmonyOS Support |
 |--------------|------------------------------------------|----------|----------|----------|-------------------|
 | title        | 如果没有 InfoWindow，将会根据 title 生成 InfoWindow | String   | no       | All      | no                |
-| titleOffsetY | title 作为 InfoWindow 展示的 y 轴偏移量，仅 Android | Number   | no       | Android  | no                |
+| titleOffsetY | title 作为 InfoWindow 展示的 y 轴偏移量 | Number   | no       | Android  | no                |
 | location     | 标记的经纬度坐标位置                               | Object   | yes      | All      | yes               |
-| perspective  | 是否启用标记的透视效果，仅 Android                    | Boolean  | no       | Android  | yes               |
-| flat         | 是否使标记扁平化，仅 Android                       | Boolean  | no       | Android  | yes               |
-| rotate       | 旋转角度，仅 Android                           | Number   | no       | Android  | yes               |
+| perspective  | 是否启用标记的透视效果                   | Boolean  | no       | Android  | yes               |
+| flat         | 是否使标记扁平化                     | Boolean  | no       | Android  | yes               |
+| rotate       | 旋转角度                         | Number   | no       | Android  | yes               |
 | icon         | icon图片，同  的 source 属性                    | Object   | no       | All      | yes               |
-| alpha        | 透明度，仅 Android                            | Number   | no       | Android  | yes               |
-| animateType  | 动画效果：drop/grow/jump (iOS 仅支持 drop)       | String   | no       | All      | yes               |
-| pinColor     | red/green/purple，大头针颜色，仅 iOS             | String   | no       | IOS      | no                |
+| alpha        | 透明度                         | Number   | no       | Android  | yes               |
+| animateType  | 动画效果：drop/grow/jump       | String   | no       | All      | yes               |
+| pinColor     | red/green/purple，大头针颜色             | String   | no       | IOS      | no                |
 | onClick      | 当标记被点击时触发的回调函数                           | Function | no       | All      | yes               |
 
 #### Cluster 点聚合
@@ -495,7 +495,7 @@ ohpm install
 |--------|----------------|---------|----------|----------|-------------------|
 | stroke | 当标记被点击时触发的回调函数 | Object  | yes      | All      | no                |
 | points | 数值长度必须为        | Object  | yes      | All      | no                |
-| dash   | 是否为虚线，仅 iOS    | Boolean | yes      | iOS      | no                |
+| dash   | 是否为虚线    | Boolean | yes      | iOS      | no                |
 
 #### Circle Props 属性
 
@@ -511,7 +511,7 @@ ohpm install
 | Name   | Description | Type   | Required | Platform | HarmonyOS Support |
 |--------|-------------|--------|----------|----------|-------------------|
 | points | 折线的顶点坐标数组   | Object | yes      | All      | yes               |
-| stroke | 折线的描边样式     | Object | yes      | All      | yes               |
+| stroke | 折线的描边样式     | Object | yes      | All      | no               |
 
 #### Polygon Props 属性
 
@@ -540,7 +540,7 @@ ohpm install
 
 | Name    | Description                    | Type   | Required | Platform | HarmonyOS Support |
 |---------|--------------------------------|--------|----------|----------|-------------------|
-| offsetY | 相对于 point 在 y 轴的偏移量，仅 Android	 | Object | yes      | Android  | no                |
+| offsetY | 相对于 point 在 y 轴的偏移量	 | Object | yes      | Android  | no                |
 
 #### HeatMap Props 属性
 
@@ -598,6 +598,7 @@ ohpm install
 - [ ] marker的title、pincolor属性未实现 [#21](https://github.com/react-native-oh-library/react-native-baidu-map/issues/21)
 - [ ] Geolocation 静态类功能未实现  [#22](https://github.com/react-native-oh-library/react-native-baidu-map/issues/22)
 - [ ] GetDistance静态类功能未实现 [#23](https://github.com/react-native-oh-library/react-native-baidu-map/issues/23)
+- [ ] Polyline的stroke属性未实现 [#21](https://github.com/react-native-oh-library/react-native-baidu-map/issues/29)
 
 
 ## 其他

From a8f4119033240371e0bc1cfba83ce595045bfa12 Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Thu, 25 Jul 2024 12:12:52 +0000
Subject: [PATCH 265/966] =?UTF-8?q?!1203=20docs:=20[Issues:=20#IAFLBX]=20?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=E7=BB=84=E4=BB=B6=E4=B8=AD=E6=9D=83=E9=99=90?=
 =?UTF-8?q?=E7=9A=84=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=E5=B9=B6=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3=E5=AE=9E=E9=99=85=E7=9A=84=E6=8E=A5=E5=8F=A3=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=20*=20docs:=20[Issues:=20#IAFLBX]=20=E8=A1=A5?=
 =?UTF-8?q?=E5=85=85=E7=BB=84=E4=BB=B6=E4=B8=AD=E6=9D=83=E9=99=90=E7=9A=84?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=E5=B9=B6=E4=BF=AE=E6=AD=A3?=
 =?UTF-8?q?=E5=AE=9E=E9=99=85=E7=9A=84=E6=8E=A5=E5=8F=A3=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-amap-geolocation.md | 84 +++++++++++++++-----------
 1 file changed, 48 insertions(+), 36 deletions(-)

diff --git a/zh-cn/react-native-amap-geolocation.md b/zh-cn/react-native-amap-geolocation.md
index dc17c017..8fe1593e 100644
--- a/zh-cn/react-native-amap-geolocation.md
+++ b/zh-cn/react-native-amap-geolocation.md
@@ -246,12 +246,12 @@ ohpm install
 
 ```diff
 ...
-+ import {AmapGeolocationPackage} from '@react-native-oh-tpl/react-native-amap-geolocation';
++ import {AMapGeolocationPackage} from '@react-native-oh-tpl/react-native-amap-geolocation';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
     new SamplePackage(ctx),
-+   new AmapGeolocationPackage(ctx)
++   new AMapGeolocationPackage(ctx)
   ];
 }
 ```
@@ -277,43 +277,54 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)
 
+### 权限要求
 
-## 属性
+#### 在 entry 目录下的module.json5中添加权限
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+打开 `entry/src/main/module.json5`，添加：
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+```
+...
+"requestPermissions": [
+  {
+    "name": "ohos.permission.LOCATION",
+    "reason": "$string:Access_Location",
+    "usedScene": {
+      "when":"inuse"
+    }
+  },
+  {
+    "name": "ohos.permission.APPROXIMATELY_LOCATION",
+    "reason": "$string:Access_AppRoximatelyLocation",
+    "usedScene": {
+      "when":"inuse"
+    }
+  }
+  {
+    "name": "ohos.permission.INTERNET",
+  }
+]
+```
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| code  | 错误代码         | number  | yes | iOS/Android      | yes |
-| message  | 错误信息         | string  | yes | iOS/Android      | yes |
-| android  | Android平台         | string | yes | iOS/Android      | yes |
-| iOS  | iOS平台         | string  | yes | iOS/Android      | yes |
-| accuracy  | 定位精度 (米)        | number  | yes | iOS/Android      | yes |
-| altitude  | 海拔（米），需要 GPS         | number  | yes | iOS/Android      | yes |
-| altitudeAccuracy  | 海拔精度         | number  | yes | iOS/Android      | yes |
-| latitude  | 经度，[-180, 180]         | number  | yes | iOS/Android      | yes |
-| longitude  | 纬度，[-90, 90]         | number  | yes | iOS/Android      | yes |
-| speed  | 移动速度（米/秒），需要 GPS         | number  | yes | iOS/Android      | yes |
-| coordinateType  | 坐标系类型       | string  | yes | Android      | yes |
-| errorInfo  | 错误信息         | string | yes | iOS/Android      | yes |
-| heading  | 移动方向，需要 GPS         | number  | yes | iOS/Android      | yes |
-| locationDetail  | 定位信息描述         | string  | yes | Android      | yes |
-| timestamp  | 定位时间（毫秒）         | number  | yes | iOS/Android      | yes |
-| distanceFilter  | 位置信息的距离过滤器，用于限制位置更新的触发频率         | number  | yes | iOS/Android      | yes |
-| enableHighAccuracy  | 是否启用高精度模式来获取位置信息。        | boolean | yes | iOS/Android      | yes |
-| maximumAge  | 获取位置信息的最大缓存时间        | number  | yes | iOS/Android      | yes |
-| timeout  |  获取位置信息的超时时间   | number  | yes | iOS/Android      | yes |
-| address  | 详细地址         | number  | yes | iOS/Android      | yes |
-|city  | 城市         | string  | yes | iOS/Android      | yes |
-| cityCode  | 城市编码        | string | yes | iOS/Android      | yes |
-| country  | 国家        | string  | yes | iOS/Android      | yes |
-| district  | 地区         | string  | yes | iOS/Android      | yes |
-| poiName | 兴趣点        | string  | yes | iOS/Android      | yes |
-| province  | 省份       | string  | yes | iOS/Android      | yes |
-| street  | 街道         | string | yes | iOS/Android      | yes |
-| streetNumber  | 门牌号        | string  | yes | iOS/Android      | yes |
+#### 在 entry 目录下添加位置权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```
+...
+{
+  "string": [
+    {
+      "name": "Access_Location",
+      "value": "access Location"
+    }
+    {
+      "name": "Access_AppRoximatelyLocation",
+      "value": "access AppRoximatelyLocation"
+    }
+  ]
+}
+```
 
 
 ## API
@@ -334,7 +345,7 @@ ohpm install
 | setGpsFirstTimeout  | 设置优先返回卫星定位信息时等待卫星定位结果的超时时间（毫秒） | void  | yes | Android      | no                |
 | setHttpTimeout  | 设置联网超时时间（毫秒） | void  | yes | Android      | no                |
 | setInterval  | 设置发起定位请求的时间间隔（毫秒），默认 2000，最小值为 1000 | void  | yes | Android      | yes               |
-| setLocatingWithReGeocode  | 连续定位是否返回逆地理编码 | void  | yes | iOS      | yes               |
+| setLocatingWithReGeocode  | 连续定位是否返回逆地理编码 | void  | yes | iOS      | no               |
 | setLocationCacheEnable  | 设置是否使用缓存策略 | void  | yes | Android     | no                |
 | setLocationMode  | 设置定位模式 | void  | yes | Android     | no                |
 | setLocationPurpose  | 设置定位场景 | void  | yes | Android      | no                |
@@ -367,6 +378,7 @@ ohpm install
 - [ ] setLocationCacheEnable()接口获取当前是否正在定位的状态,harmony暂不支持[issue#13](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/13)
 - [ ] setLocationMode()接口获取当前是否正在定位的状态,harmony暂不支持[issue#14](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/14)
 - [ ] setLocationPurpose()接口获取当前是否正在定位的状态,harmony暂不支持[issue#15](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/15)
+- [ ] setLocatingWithReGeocode()接口获取当前是否正在定位的状态设置连续定位是否返回逆地理编码,harmony暂不支持[issue#19](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/19)
 
 
 ## 其他

From 68e62f18d1375c692ab0987f907c1d4bef81190c Mon Sep 17 00:00:00 2001
From: liangzhenhua <2106377850@qq.com>
Date: Thu, 25 Jul 2024 12:29:26 +0000
Subject: [PATCH 266/966] =?UTF-8?q?!1200=20docs:=20[Issues:=20#I9OQ2G]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9remobile-react-native-toast.md=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#I9OQ2G]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9remobile-react-native-toast.md=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/remobile-react-native-toast.md | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/zh-cn/remobile-react-native-toast.md b/zh-cn/remobile-react-native-toast.md
index 7ddc172d..3fb7999d 100644
--- a/zh-cn/remobile-react-native-toast.md
+++ b/zh-cn/remobile-react-native-toast.md
@@ -96,12 +96,6 @@ function ToastMasterDemo() {
                     Toast.showLongBottom('This is a long bottom toast.');
                 }}
             />
-            <Button
-                title={'hide'}
-                onPress={() => {
-                    Toast.hide();
-                }}
-            />
         </View>
     );
 }

From c4772539de6ceda573c0a8e687bc03eed2e46c4a Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Fri, 26 Jul 2024 01:45:55 +0000
Subject: [PATCH 267/966] =?UTF-8?q?!1207=20docs:=20[Issues:=20#IAFMQP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-text-gradient=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFMQP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-text-gradient=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-text-gradient.md | 60 +++++++++++++++++++++++------
 1 file changed, 48 insertions(+), 12 deletions(-)

diff --git a/zh-cn/react-native-text-gradient.md b/zh-cn/react-native-text-gradient.md
index 199b531e..003ae515 100644
--- a/zh-cn/react-native-text-gradient.md
+++ b/zh-cn/react-native-text-gradient.md
@@ -46,15 +46,49 @@ yarn add @react-native-oh-tpl/react-native-text-gradient@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import {LinearTextGradient} from 'react-native-text-gradient';
-
-<LinearTextGradient
- style={styles.welcome}
- locations={[0,1]}
- colors={['blue','red']}
- start={{x:0,y:0}}
- end={{x:0,y:0}}
- >Welcome to React Native!</LinearTextGradient>
+import React from 'react';
+import {StyleSheet, Text, View } from 'react-native';
+import { LinearTextGradient } from 'react-native-text-gradient';
+const TextGradientTest = () => {
+  return (
+      <View style={styles.container}>
+        <LinearTextGradient
+          style={styles.welcome}
+          locations={[0, 1]}
+          colors={['blue', 'red']}
+          start={{ x: 0, y: 0 }}
+          end={{ x: 1, y: 0 }}
+        >Welcome to React Native!
+        </LinearTextGradient>
+        <Text style={styles.instructions}>To get started, edit App.js</Text>
+        <Text style={styles.instructions}>{'Double tap R on your keyboard to reload,\n' +
+          'Shake or press menu button for dev menu'}</Text>
+      </View>
+  );
+}
+export default TextGradientTest;
+
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#ffffff',
+    marginTop: 100
+  },
+  welcome: {
+    fontSize: 20,
+    width: 'auto',
+    height: 'auto',
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+
 ```
 
 ## Link
@@ -217,13 +251,15 @@ ohpm install
 | end             | Same as start, but for the end of the gradient.                                                                                                     | number |   yes    | iOS/Android  |       yes          |
 | loactions       | An optional array of numbers defining the location of each gradient color stop, mapping to the color with the same index in prop.                   | number[]  |   yes    | iOS/Android  |       yes          |
 | colors          | An array of at least two color values that represent gradient colors.                                                                               | string   |   yes    | iOS/Android  |       yes          |
-| useViewFrame    | Optional. If true gradient will be calculated for text view background frame rather than text frame.                                                | boolean  |   yes    | iOS/Android  |       yes          |
-| useGlobalCache  |  accessing or managing a cache that is available globally throughout the application.                                                               | boolean  |   yes    | iOS/Android  |       yes         |
+| useViewFrame    | Optional. If true gradient will be calculated for text view background frame rather than text frame.                                                | boolean  |   yes    | iOS/Android  |       no          |
+| useGlobalCache  |  accessing or managing a cache that is available globally throughout the application.                                                               | boolean  |   yes    | iOS  |       no         |
 
 
 ## 遗留问题
 
-- [x] useViewFrame()接口harmony暂不支持[issue#1](https://github.com/react-native-oh-library/react-native-text-gradient/issues/1)
+- [ ] useGlobalCache()接口HarmonyOS暂不支持[issue#7](https://github.com/react-native-oh-library/react-native-text-gradient/issues/7)
+- [ ] useViewFrame()接口HarmonyOS暂不支持[issue#1](https://github.com/react-native-oh-library/react-native-text-gradient/issues/1)
+
 
 ## 其他
 

From d541790a38dcec08bacbbba39863fe9b599b3724 Mon Sep 17 00:00:00 2001
From: s4210110 <s4210110@163.com>
Date: Fri, 26 Jul 2024 01:53:46 +0000
Subject: [PATCH 268/966] =?UTF-8?q?!1133=20docs:=20[Issues:=20#IADDWP]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-sensitive-info=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IADDWP]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-sensitive-info=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sensitive-info.md | 261 +++++++++++++++++++++++++++
 1 file changed, 261 insertions(+)
 create mode 100644 zh-cn/react-native-sensitive-info.md

diff --git a/zh-cn/react-native-sensitive-info.md b/zh-cn/react-native-sensitive-info.md
new file mode 100644
index 00000000..1b78c7a2
--- /dev/null
+++ b/zh-cn/react-native-sensitive-info.md
@@ -0,0 +1,261 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-sensitive-info</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/mCodex/react-native-sensitive-info">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mCodex/react-native-sensitive-info/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sensitive-info)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-sensitive-info@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-sensitive-info@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useCallback, useState } from 'react';
+import { Alert, Button, SafeAreaView, Text } from 'react-native';
+import SInfo from 'react-native-sensitive-info';
+
+const Home: React.FC = () => {
+
+  const [logText, setLogText] = useState('');
+  async function runTest() {
+    const options = {
+      sharedPreferencesName: 'exampleAppTest',
+      keychainService: 'exampleAppTest',
+    };
+    let dbgText = '';
+    dbgText += `setItem(key1, value1): ${await SInfo.setItem(
+      'key1',
+      'value1',
+      options,
+    )}\n`;
+    dbgText += `setItem(key2, value2): ${await SInfo.setItem(
+      'key2',
+      'value2',
+      options,
+    )}\n`;
+    dbgText += `setItem(key3, value3): ${await SInfo.setItem(
+      'key3',
+      'value3',
+      options,
+    )}\n`;
+    dbgText += `getItem(key2): ${await SInfo.getItem('key2', options)}\n`;
+    dbgText += `delItem(key2): ${await SInfo.deleteItem('key2', options)}\n`;
+    dbgText += `getAllItems():\n`;
+    const allItems = await SInfo.getAllItems(options);
+    for (const key in allItems) {
+      dbgText += ` - ${key} : ${allItems[key]}\n`;
+    }
+    setLogText(dbgText);
+  }
+  runTest();
+
+  return (
+    <SafeAreaView style={{ margin: 10 }}>
+      <Button
+        title="Add item using setItem"
+        onPress={handleAddUsingSetItemOnPress}
+      />
+      <Button
+        title="Read data without fingerprint"
+        onPress={handleReadingDataWithoutFingerprint}
+      />
+      <Button
+        title="Add item using TouchID"
+        onPress={handleSetItemUsingTouchIDOnPress}
+      />
+
+      <Button title="Get TouchID Data" onPress={getTouchIDItem} />
+      <Button title="Has TouchID Data" onPress={hasTouchIDItem} />
+
+      <Text>{logText}</Text>
+    </SafeAreaView>
+  );
+};
+export default Home;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-sensitive-info": "file:../../node_modules/@react-native-oh-tpl/react-native-sensitive-info/harmony/react_native_sensitive_info.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+在 ArkTs 侧引入 RNSensitiveInfoPackage 
+打开 entry/src/main/ets/组件RNPackagesFactory.ts，添加：
+
+```diff
+...
+ 
++ import { RNSensitiveInfoPackage } from 'react_native_sensitive_info/ts';
+
+@Builder
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSensitiveInfoPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)
+
+
+### 权限要求
+在  YourProject/entry/src/main/module.json5补上配置
+```js
+"requestPermissions": [ { "name": "ohos.permission.ACCESS_BIOMETRIC" }, ]
+```
+
+## API
+[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        |    Description              | Type     | Required | Platform     | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| isSensorAvailable()    |  Indicates the overall availability of fingerprint sensor. It will resolve to true or false   |  function | no      | Android、iOS | yes               |
+| cancelFingerprintAuth ()                   | Canceling fingerprint authentication  | function | no      | Android、iOS | yes               |
+| hasEnrolledFingerprints ()         | It will return true if detected otherwise returns false  | function | no      | Android、iOS | yes               |
+| setItem() | Insert new data into the storage. |  function | yes      | Android、iOS | yes               |
+| getItem() | Get an item from storage |  function | yes      | Android、iOS | yes               |
+| getAllItems() | Get all items from storage. |  function | yes      | Android、iOS | yes               |
+| deleteItem() | Delete an item from storage |  function | yes      | Android、iOS | yes               |
+| setInvalidatedByBiometricEnrollment() | Set invalid enrollment by biometrics |  function | yes      | Android | yes               |
+
+
+#### **Options**
+[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+| Name        |    Description              | Type     | Required | Platform     | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| kSecAccessControl | A secure storage area provided for storing sensitive information such as passwords, keys, etc |  object    | no      | iOS | no               |
+| kSecAttrAccessible | Used to enhance data security |  object    | no      | iOS | no               |
+| kSecAttrSynchronizable | Set when adding or querying Keychain data items |  boolean | no      |    iOS | no               |
+| keychainService | A tool provided for securely storing sensitive information |  string | no      | iOS | no               |
+| sharedPreferencesName |The name parameter used to specify the file name |  string | no      | Android | yes               |
+| touchID | Unlock devices, verify identities, and make secure payments |  boolean | no      | Android、iOS | no               |
+| showModal | display a dialog box |  boolean | no      | iOS | no               |
+| kSecUseOperationPrompt | Use constants related to authentication |  string | no      | iOS | no               |
+| kLocalizedFallbackTitle | Handling biometric authentication attributes such as Touch ID and Face ID |  string | no      | iOS | no               |
+| strings | Android stores information |  object            | no      | Android | no               |
+
+
+## 遗留问题
+
+
+## 其他
+由于iOS用的Keychain系统，kSecAccessControl、 kSecAttrAccessible、 kSecAttrSynchronizable、keychainService、showModal、kSecUseOperationPrompt、kLocalizedFallbackTitle 这些属性是该系统独有，strings里面的header、description、hint、success、notRecognized、cancel、cancelled、这些是Android的Keystore系统所需要的，所以这里的属性HarmonyOS不能统一支持
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mCodex/react-native-sensitive-info) ，请自由地享受和参与开源。
+

From 997368dad14212dc9fdf3c40efa826cb8b89b98d Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Fri, 26 Jul 2024 02:27:12 +0000
Subject: [PATCH 269/966] =?UTF-8?q?!1119=20docs:=20[Issues:#IADPBC]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-crypto=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IADPBC]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-crypto=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-crypto.md | 186 +++++++++++++++++++++++++++++++++++
 1 file changed, 186 insertions(+)
 create mode 100644 zh-cn/react-native-crypto.md

diff --git a/zh-cn/react-native-crypto.md b/zh-cn/react-native-crypto.md
new file mode 100644
index 00000000..613f20a7
--- /dev/null
+++ b/zh-cn/react-native-crypto.md
@@ -0,0 +1,186 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-crypto</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tradle/react-native-crypto">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/tradle/react-native-crypto/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/tradle/react-native-crypto)
+
+
+## 安装与使用
+
+[!TIP]本库依赖[@react-native-oh-tpl/react-native-randombytes](./zh-cn/react-native-randombytes)
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-crypto@2.2.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-crypto@2.2.0
+```
+<!-- tabs:end -->
+
+#### 安装适配 Node.js 核心模块的模拟库
+
+1. Install
+```bash
+# install latest rn-nodeify
+npm i --save-dev rn-nodeify
+# install node core shims and recursively hack package.json files
+# in ./node_modules to add/update the "browser"/"react-native" field with relevant mappings
+./node_modules/.bin/rn-nodeify --hack --install
+```
+2. `rn-nodeify` will create a `shim.js` in the project root directory
+```js
+// make sure you use `import` and not require!  
+import './shim.js'
+import crypto from 'react-native-crypto'
+// ...the rest of your code
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import './shim.js'
+import React, { useState } from 'react';
+import crypto from 'react-native-crypto';
+
+const [randomBytesResult, setRandomBytesResult] = useState('');
+const [inputValue, setInputValue] = useState('');
+const [intValue, setIntValue] = useState(0);
+
+const TestCrypto = () => {
+  function handleRandom(data: number) {
+      if (!data) throw new Error('The input is can not be null!')
+      crypto.randomBytes(data, (err: Error | null, bytes: Buffer) => {
+          if (err) throw err;
+          setRandomBytesResult(bytes.toJSON().data.join('-'));
+      });
+  }
+  
+  function handleInputChange(text: any) {
+      const intValue = parseInt(text);
+      if (!isNaN(text)) {
+          setInputValue(text);
+          setIntValue(intValue);
+      } else {
+          setInputValue('');
+          setIntValue(0);
+      }
+  };
+  
+  function handleButtonPress() {
+      handleRandom(intValue);
+  };
+
+  return (
+    <View style={styles.buttonContainer}>
+        <Button
+            title="提交"
+            onPress={handleButtonPress}
+        />
+        <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, padding: 5, marginTop: 5 }}
+            placeholder="输入数字"
+            onChangeText={handleInputChange}
+            value={inputValue}
+            keyboardType="numeric"
+        />
+    </View>
+    <Text style={styles.result}>{randomBytesResult}</Text>
+  );
+}
+
+const styles = StyleSheet.create({
+    buttonContainer: {
+        marginVertical: 5,
+    },
+    result: {
+        fontSize: 16,
+        marginTop: 5,
+        marginLeft: 6,
+        marginBottom: 12
+    }    
+})
+
+export default TestCrypto;
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-randombytes 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-randombytes 文档](/zh-cn/react-native-randombytes.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## API
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> 
+
+| Name                            | Description              | Type      | Required | Platform | HarmonyOS Support |
+| ----                            | -----------              | ----      | -------- | -------- | ----------------- |
+| createHash                      | 创建哈希对象                                                          | function  | yes      | iOS/Android      | yes               |
+| createHmac                      | 创建 HMAC（Hash-based Message Authentication Code）对象                | function  | yes      | iOS/Android      | yes               |
+| pbkdf2                          |是一种用于密码加密的密钥派生函数（PBKDF2)                                      | function  | yes      | iOS/Android      | yes               |
+| pbkdf2Sync                      |是一种用于密码加密的密钥派生函数（PBKDF2），但它是同步执行的                      | function  | yes      | iOS/Android      | yes               |
+| randomBytes                     | 生成指定大小的随机字节序列                                               | function  | yes      | iOS/Android      | yes               |
+| getHashes                       | 提供支持的特定哈希算法列表                                               | function  | no       | iOS/Android      | yes               |
+| createCipher                    | 创建加密算法的加密对象                                                  | function  | yes      | iOS/Android      | yes               |
+| Cipher                    | 创建加密算法的加密对象                                                  | function  | yes      | iOS/Android      | yes               |
+| createDecipher                  | 创建解密算法的解密对象                                                  | function  | yes      | iOS/Android      | yes               |
+| Decipher                  | 创建解密算法的解密对象                                                  | function  | yes      | iOS/Android      | yes               |
+| createCipheriv                  | 创建加密算法的加密对象，并指定初始化向量（IV）来增强加密的安全性            | function  | yes      | iOS/Android      | yes               |
+| Cipheriv                  | 创建加密算法的加密对象，并指定初始化向量（IV）来增强加密的安全性            | function  | yes      | iOS/Android      | yes               |
+| createDecipheriv                | 创建解密算法的解密对象，并指定与加密时使用相同的初始化向量（IV）来正确解密数据 | function  | yes      | iOS/Android      | yes               |
+| Decipheriv                | 创建解密算法的解密对象，并指定与加密时使用相同的初始化向量（IV）来正确解密数据 | function  | yes      | iOS/Android      | yes               |
+| getCiphers                      | 获取当前支持的加密算法列表                                               | function  | no       | iOS/Android      | yes               |
+| listCiphers                      | 获取当前支持的加密算法列表                                               | function  | no       | iOS/Android      | yes               |
+| DiffieHellmanGroup              | 实现 Diffie-Hellman 密钥交换协议的模块                                     | function  | yes      | iOS/Android      | yes               |
+| createDiffieHellmanGroup        | 创建一个 Diffie-Hellman 密钥协商算法中的“群”，即 Diffie-Hellman 的参数         | function  | yes      | iOS/Android      | yes               |
+| getDiffieHellman                | 获取 Diffie-Hellman 密钥交换算法的实现                                     | function  | yes      | iOS/Android      | yes               |
+| createDiffieHellman             | 创建 Diffie-Hellman 实例                                                | function  | yes      | iOS/Android      | yes               |
+| DiffieHellman                   | 是一个用于实现 Diffie-Hellman 密钥交换协议的类或方法集合，主要用于安全通信中的密钥生成和共享密钥计算。 | function  | yes      | iOS/Android      | yes               |
+| createSign                      | 创建一个用于生成签名的对象实例                                            | function  | yes      | iOS/Android      | yes               |
+| Sign                            | 创建一个用于生成签名的对象实例                                                          | function  | yes      | iOS/Android      | yes               |
+| createVerify                    | 创建一个用于验证签名的对象实例                                            | function  | yes      | iOS/Android      | yes               |
+| Verify                          | 创建一个用于验证签名的对象实例                                                        | function  | yes      | iOS/Android      | yes               |
+| createECDH                      | 创建椭圆曲线 Diffie-Hellman 密钥交换对象的方法                              | function  | yes      | iOS/Android      | yes               |
+| publicEncrypt                   | 使用公钥对 buffer 的内容进行加密，并返回一个包含加密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes               |
+| privateEncrypt                  | 使用私钥对 buffer 的内容进行加密，并返回一个包含加密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes               |
+| publicDecrypt                   | 使用公钥对加密的 buffer 进行解密，并返回一个包含解密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes                |
+| privateDecrypt                  |  使用私钥对加密的 buffer 进行解密，并返回一个包含解密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes                |
+| randomFill                      | 使用加密安全的伪随机数据填充一个给定的 Buffer，异步操作                                                                    | function  | yes      | iOS/Android      | yes               |
+| randomFillSync                  | 使用加密安全的伪随机数据同步填充一个给定的 Buffer                                                                    | function  | yes      | iOS/Android      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/tradle/react-native-crypto/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 3dd988c891c5bbc677cb0fbe4f1a3135afd6660e Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Fri, 26 Jul 2024 02:34:06 +0000
Subject: [PATCH 270/966] =?UTF-8?q?!1208=20docs:=20[Issues:=20#IAFOEB]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-cookies-cookies.md=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFOEB]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-cookies-cookies.md=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cookies-cookies.md | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index c09ea3fd..08f73797 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -348,19 +348,20 @@ ohpm install
 
 | Name                 | Description                                   | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------- | --------------------------------------------- | ---------|----------| ------------|-------------------|
-| clearAll             |  Clear all cookies                            |function  |     NO   |ios,android  | yes               |
-| get                  |  Get cookies based on url                     |function  |     NO   | ios,android | yes               |
-| set                  |  Set cookie based on url                      |function  |     NO   | ios,android | yes               |
-| clearByName          |  Delete cookies by name                       |function  |     NO   | ios         | yes               |
-| flush                |  Refresh cookies                              |function  |     NO   | android     | yes               |
-| removeSessionCookies |  Clear session cookies                        |function  |     NO   | ios,android | yes               |
-| getAll               |  Get all cookies                              |function  |     NO   | ios         | no                |
-| setFromResponse      |  Set cookies from a response header           |function  |     NO   | ios         | no                |
-| getFromResponse      |  Get cookies from a response header           |function  |     NO   | ios         | no                |
+| clearAll             |  Clear all cookies                            |function  |     NO   |iOS,android  | yes               |
+| get                  |  Get cookies based on url                     |function  |     NO   | iOS,android | yes               |
+| set                  |  Set cookie based on url                      |function  |     NO   | iOS,android | yes               |
+| clearByName          |  Delete cookies by name                       |function  |     NO   | iOS         | yes               |
+| flush                |  Refresh cookies                              |function  |     NO   | android     | no                |
+| flushForHarmony      |  Refresh cookies                              |function  |     NO   |             | yes               |
+| removeSessionCookies |  Clear session cookies                        |function  |     NO   | iOS,android | yes               |
+| getAll               |  Get all cookies                              |function  |     NO   | iOS         | no                |
+| setFromResponse      |  Set cookies from a response header           |function  |     NO   | iOS         | no                |
+| getFromResponse      |  Get cookies from a response header           |function  |     NO   | iOS         | no                |
 
 ## 遗留问题
 
-- [ ] 这三个方法getAll,setFromResponse,getFromResponse 在ios是可用的andriod不可用，Harmony还没有实现 问题: [issue#1](https://github.com/react-native-oh-library/react-native-cookies/issues/1)
+- [ ] 这三个方法getAll,setFromResponse,getFromResponse 在ios是可用的andriod不可用，Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-cookies/issues/1)
 
 ## 其他
 

From 28529d6c83c8bc3029159098fe026145dc6b4901 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Fri, 26 Jul 2024 02:34:30 +0000
Subject: [PATCH 271/966] =?UTF-8?q?!1206=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-fileupload=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-fileupload?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fileupload.md | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index d65d3f48..c1dcbd80 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -58,7 +58,7 @@ yarn add @react-native-oh-tpl/react-native-fileupload@file:#
 import React, {Component} from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import FileUpload from 'react-native-fileupload';
-import Toast from 'react-native-toast';
+import Toast from '@remobile/react-native-toast';
 
 export default class FileUploadDemo extends Component {
 
@@ -81,7 +81,6 @@ export default class FileUploadDemo extends Component {
             filetype: 'jpg',// optional
           },
           {
-            name: 'one', // optional
             filename: 'one.w4a',
             filepath: '/xxx/one.w4a', // The real server filepath
             filetype: 'audio/x-m4a',// optional
@@ -219,7 +218,7 @@ ohpm install
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| upload | File upload  | `Promise<string>`  | yes | iOS/Android  | yes     |
+| upload | File upload  | void  | yes | iOS/Android  | yes     |
 
 ## 遗留问题
 

From 3f9b2e29a1d5a2a7fbe8f5bc1574ffbfa8c934d7 Mon Sep 17 00:00:00 2001
From: liangzhenhua <2106377850@qq.com>
Date: Fri, 26 Jul 2024 02:34:57 +0000
Subject: [PATCH 272/966] =?UTF-8?q?!1198=20docs:=20[Issues:=20#IABKTQ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-amap3d.md=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IABKTQ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-amap3d.md=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-amap3d.md | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/zh-cn/react-native-amap3d.md b/zh-cn/react-native-amap3d.md
index 5548ca57..7f5edd48 100644
--- a/zh-cn/react-native-amap3d.md
+++ b/zh-cn/react-native-amap3d.md
@@ -379,7 +379,7 @@ ohpm install
 | initialCameraPosition  | 初始状态         | CameraPosition  | yes | iOS      | yes |
 | myLocationEnabled  | 是否显示当前定位         | boolean  | yes | iOS      | no |
 | indoorViewEnabled  | 是否显示室内地图         | boolean  | yes | iOS      | no |
-| buildingsEnabled  | 是否显示3D建筑         | boolean  | yes | iOS      | yes |
+| buildingsEnabled  | 是否显示3D建筑         | boolean  | yes | iOS      | no |
 | labelsEnabled  | 是否显示标注         | boolean  | yes | iOS      | yes |
 | compassEnabled  | 是否显示指南针         | boolean  | yes | iOS      | no |
 | zoomControlsEnabled  | 是否显示放大缩小按钮         | boolean  | yes | iOS      | yes |
@@ -412,8 +412,8 @@ ohpm install
 | draggable  | 是否可拖拽         | boolean  | yes | iOS      | yes |
 | flat  | 是否平贴地图         | boolean  | yes | iOS      | yes |
 | zIndex  | 层级         | Float  | yes | iOS      | yes |
-| anchor  | 覆盖物锚点比例         | Point  | yes | iOS      | yes |
-| centerOffset  | 覆盖物偏移位置         | Float  | yes | iOS      | yes |
+| anchor  | 覆盖物锚点比例         | Point  | yes | iOS      | no |
+| centerOffset  | 覆盖物偏移位置         | Float  | yes | iOS      | no |
 
 ### Polygon
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -433,7 +433,7 @@ ohpm install
 | zIndex  | 层级         | Float  | yes | iOS      | yes |
 | colors  | 多段颜色        | ColorValue[]  | yes | iOS      | yes |
 | gradient  | 是否使用颜色渐变        | boolean  | yes | iOS      | yes |
-| geodesic  | 是否绘制大地线        | boolean  | yes | iOS      | yes |
+| geodesic  | 是否绘制大地线        | boolean  | yes | iOS      | no |
 | dotted  | 是否绘制虚线        | boolean  | yes | iOS      | yes |
 
 ## 静态方法
@@ -463,7 +463,7 @@ ohpm install
 | onDragStart  | 拖放开始事件        | void | yes | iOS      | yes |
 | onDrag  | 拖放进行事件，类似于mousemove，在结束之前会不断调用        | void | yes | iOS      | yes |
 | onDragEnd  | 拖放结束事件        | LatLng | yes | iOS      | yes |
-| update  | 触发自定义view更新        | void | yes | iOS      | no |
+| update  | 触发自定义view更新        | void | yes | iOS      | no | 
 
 ### Polyline
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -487,11 +487,15 @@ ohpm install
 ### MapView
 - [ ] indoorViewEnabled：高德SDK暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-amap3d/issues/6)
 - [ ] compassEnabled：高德SDK暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-amap3d/issues/7)
+- [ ] buildingsEnabled：高德SDK暂不支持: [issue#33](https://github.com/react-native-oh-library/react-native-amap3d/issues/33)
 - [ ] myLocationEnabled：高德SDK暂不支持: [issue#29](https://github.com/react-native-oh-library/react-native-amap3d/issues/29)
 - [ ] distanceFilter：高德SDK暂不支持: [issue#11](https://github.com/react-native-oh-library/react-native-amap3d/issues/11)
+- [ ] anchor:高德SDK暂不支持: [issue#34](https://github.com/react-native-oh-library/react-native-amap3d/issues/34)
+- [ ] centerOffset:高德SDK暂不支持: [issue#35](https://github.com/react-native-oh-library/react-native-amap3d/issues/35)
 - [X] zoomControlsEnabled：高德SDK暂不支持: [issue#8](https://github.com/react-native-oh-library/react-native-amap3d/issues/8)
 - [X] scaleControlsEnabled：高德SDK暂不支持: [issue#9](https://github.com/react-native-oh-library/react-native-amap3d/issues/9)
 - [ ] headingFilter：高德SDK暂不支持: [issue#12](https://github.com/react-native-oh-library/react-native-amap3d/issues/12)
+- [ ] geodesic：高德SDK暂不支持: [issue#36](https://github.com/react-native-oh-library/react-native-amap3d/issues/36)
 - [ ] onCameraMove: 高德SDK暂不支持： [issue#14](https://github.com/react-native-oh-library/react-native-amap3d/issues/14)
 - [ ] onCameraIdle: 高德SDK暂不支持: [issue#15](https://github.com/react-native-oh-library/react-native-amap3d/issues/15)
 - [X] onPressPoi：高德SDK暂不支持: [issue#13](https://github.com/react-native-oh-library/react-native-amap3d/issues/13)

From 362d17662328778f9a4e38ebdf524b99b4d9fd4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=82=96=E6=98=8A?= <2585369707@qq.com>
Date: Fri, 26 Jul 2024 02:38:51 +0000
Subject: [PATCH 273/966] =?UTF-8?q?!1069=20docs:=20[Issues:=20#IACDQ4]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-credit-card-input=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IACDQ4]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-credit-card-input=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-credit-card-input.md | 200 ++++++++++++++++++++++++
 1 file changed, 200 insertions(+)
 create mode 100644 zh-cn/react-native-credit-card-input.md

diff --git a/zh-cn/react-native-credit-card-input.md b/zh-cn/react-native-credit-card-input.md
new file mode 100644
index 00000000..bac58755
--- /dev/null
+++ b/zh-cn/react-native-credit-card-input.md
@@ -0,0 +1,200 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-credit-card-input</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/sbycrosz/react-native-credit-card-input">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/sbycrosz/react-native-credit-card-input/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-credit-card-input)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-credit-card-input@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-credit-card-input@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { Component } from "react";
+import { StyleSheet, View, Switch } from "react-native";
+import { CreditCardInput, LiteCreditCardInput } from "react-native-credit-card-input";
+
+const s = StyleSheet.create({
+  switch: {
+    alignSelf: "center",
+    marginTop: 20,
+    marginBottom: 20,
+  },
+  container: {
+    backgroundColor: "#F5F5F5",
+    marginTop: 60,
+  },
+  label: {
+    color: "black",
+    fontSize: 12,
+  },
+  input: {
+    fontSize: 16,
+    color: "black",
+  },
+});
+
+
+export default class Example extends Component {
+  state = { useLiteCreditCardInput: false };
+
+  _onChange = (formData) => console.log(JSON.stringify(formData, null, " "));
+  _onFocus = (field) => console.log("focusing", field);
+  _setUseLiteCreditCardInput = (useLiteCreditCardInput) => this.setState({ useLiteCreditCardInput });
+
+  render() {
+    return (
+      <View style={s.container}>
+        <Switch
+          style={s.switch}
+          onValueChange={this._setUseLiteCreditCardInput}
+          value={this.state.useLiteCreditCardInput} />
+
+        { this.state.useLiteCreditCardInput ?
+          (
+            <LiteCreditCardInput
+              autoFocus
+              inputStyle={s.input}
+
+              validColor={"black"}
+              invalidColor={"red"}
+              placeholderColor={"darkgray"}
+
+              onFocus={this._onFocus}
+              onChange={this._onChange} />
+          ) : (
+            <CreditCardInput
+              autoFocus
+
+              requiresName
+              requiresCVC
+              requiresPostalCode
+
+              labelStyle={s.label}
+              inputStyle={s.input}
+              validColor={"black"}
+              invalidColor={"red"}
+              placeholderColor={"darkgray"}
+
+              onFocus={this._onFocus}
+              onChange={this._onChange} />
+          )
+        }
+      </View>
+    );
+  }
+}
+
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见[react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)
+
+### LiteCreditCardInput
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| autoFocus  | 	Automatically focus Card Number field on render | PropTypes.bool  | no | Android/iOS      | yes |
+| onChange  | Receives a formData object every time the form changes | PropTypes.func  | no | Android/iOS | yes |
+| onFocus  | 	Receives the name of currently focused field| 	PropTypes.func  | no | Android/iOS | yes |
+| placeholders  | Defaults to\{ number: "1234 5678 1234 5678", expiry: "MM/YY", cvc: "CVC" \}  | string | no | Android/iOS | yes |
+| inputStyle| Style for credit-card form's textInput | Text.propTypes.style | no | Android/iOS | yes |
+| validColor| Color that will be applied for valid text input. Defaults to: "\{inputStyle.color\}" | PropTypes.string | no | Android/iOS | yes |
+| invalidColor| Color that will be applied for invalid text input. Defaults to: "red" | PropTypes.string | no | Android/iOS | yes |
+| placeholderColor| Color that will be applied for text input placeholder. Defaults to: "gray" | PropTypes.string | no | Android/iOS | yes |
+| additionalInputsProps | An object with Each key of the object corresponding to the name of the field. Allows you to change all props documented in RN TextInput. | PropTypes.objectOf(TextInput.propTypes) | no | Android/iOS | yes |
+
+### CreditCardInput
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| autoFocus | Automatically focus Card Number field on render  | 	PropTypes.bool  | no | Android/iOS | yes |
+| onChange  | Receives a formData object every time the form changes | PropTypes.func   | no | Android/iOS | yes |
+| onFocus | Receives the name of currently focused field   | 	PropTypes.func  | no | Android/iOS  | yes |
+| labels |	Defaults to\{ number: "CARD NUMBER", expiry: "EXPIRY", cvc: "CVC/CCV" \}| PropTypes.object  | no | Android/iOS | yes |
+| placeholders  | Defaults to\{ number: "1234 5678 1234 5678", expiry: "MM/YY", cvc: "CVC" \} | PropTypes.object   | no | Android/iOS | yes |
+| cardScale | 	Scales the credit-card view.Defaults to 1, which translates to \{ width: 300, height: 190 \}   | PropTypes.number  | no | Android/iOS  | yes |
+| cardFontFamily | Font family for the CreditCardView, works best with monospace fonts. Defaults to Courier (iOS) or monospace (android)  | PropTypes.string  | no | Android/iOS | yes |
+| cardImageFront  | Image for the credit-card view e.g. require("./card.png") | PropTypes.number   | no | Android/iOS | yes |
+| cardImageBack | Image for the credit-card view e.g. require("./card.png")   | PropTypes.number  | no | Android/iOS  | yes |
+| labelStyle  | Style for credit-card form's labels | Text.propTypes.style   | no | Android/iOS | yes |
+| inputStyle | 	Style for credit-card form's textInput   | Text.propTypes.style  | no | Android/iOS  | yes |
+| inputContainerStyle  | 	Style for textInput's containerDefaults to: \{ borderBottomWidth: 1, borderBottomColor:"black" \} | ViewPropTypes.style   | no | Android/iOS | yes |
+| validColor | Color that will be applied for valid text input. Defaults to: "\{inputStyle.color\}"   | PropTypes.string  | no | Android/iOS  | yes |
+| invalidColor | 	Color that will be applied for invalid text input. Defaults to: "red"   | PropTypes.string  | no | Android/iOS  | yes |
+| placeholderColor | Color that will be applied for text input placeholder. Defaults to: "gray"  | PropTypes.string  | no | Android/iOS  | yes |
+| requiresName | Shows cardholder's name field Default to false  | PropTypes.bool  | no | Android/iOS  | yes |
+| requiresCVC | Shows CVC field Default to true  | PropTypes.bool | no | Android/iOS  | yes |
+| requiresPostalCode | 	Shows postalCode field Default to false  | PropTypes.string  | no | Android/iOS  | yes |
+| validatePostalCode | 	Function to validate postalCode, expects incomplete, valid, or invalid as return values  | PropTypes.func  | no | Android/iOS  | yes |
+| allowScroll | enables horizontal scrolling on CreditCardInput Defaults to false  | PropTypes.bool | no | Android/iOS  | yes |
+| cardBrandIcons | 		brand icons for CardView. see ./src/Icons.js for details  | PropTypes.object  | no | Android/iOS  | yes |
+| additionalInputsProps | An object with Each key of the object corresponding to the name of the field. Allows you to change all props documented in RN TextInput.  | PropTypes.objectOf(TextInput.propTypes)  | no | Android/iOS  | yes |
+
+### CardView
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| focused  | Determines the front face of the card | PropTypes.string  | no | Android/iOS  | yes |
+| brand | Brand of the credit card | PropTypes.string  | no | Android/iOS  | yes |
+| name  | Cardholder's name (Use empty string if you need to hide the placeholder) | PropTypes.string  | no | Android/iOS  | yes |
+| number | Credit card number (you'll need to the formatting yourself) | PropTypes.string  | no | Android/iOS  | yes |
+| expiry  | Credit card expiry (should be in MM/YY format) | PropTypes.string  | no | Android/iOS  | yes |
+| cvc | Credit card CVC | PropTypes.string  | no | Android/iOS  | yes |
+| placeholder  | Placeholder texts | PropTypes.object  | no | Android/iOS  | yes |
+| scale | Scales the card | PropTypes.number  | no | Android/iOS  | yes |
+| fontFamily  | Defaults to Courier and monospace in iOS and Android respectively | PropTypes.string  | no | Android/iOS  | yes |
+| imageFront | Image for the credit-card | PropTypes.number | no | Android/iOS  | yes |
+| imageBack  | Image for the credit-card | PropTypes.number  | no | Android/iOS  | yes |
+| customIcons | brand icons for CardView. see ./src/Icons.js for details | PropTypes.object  | no | Android/iOS  | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/sbycrosz/react-native-credit-card-input/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From bbf63a4f723039807c9d833a52bced4d653e3a3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=83=A1=E9=87=91=E4=BA=91?= <hujinyun4@h-partners.com>
Date: Fri, 26 Jul 2024 02:39:06 +0000
Subject: [PATCH 274/966] =?UTF-8?q?!1163=20docs:=20[Issues:=20#IAEZE3]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-http-bridge=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAEZE3]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-http-bridge=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-http-bridge.md | 282 ++++++++++++++++++++++++++++++
 1 file changed, 282 insertions(+)
 create mode 100644 zh-cn/react-native-http-bridge.md

diff --git a/zh-cn/react-native-http-bridge.md b/zh-cn/react-native-http-bridge.md
new file mode 100644
index 00000000..28ea68ab
--- /dev/null
+++ b/zh-cn/react-native-http-bridge.md
@@ -0,0 +1,282 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-http-bridge</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/alwx/react-native-http-bridge">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-http-bridge)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-http-bridge@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-http-bridge@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState ,useEffect } from "react";
+import { ScrollView, Text, Button, View, StyleSheet } from 'react-native';
+
+var httpBridge = require('react-native-http-bridge');
+
+const HttpBridgeDemo = () => {
+  const [getRequestResult, setGetRequestResult] = useState('');
+  const [postRequestResult, setPostRequestResult] = useState('');
+  const GetMothedExample = () => {
+    fetch('https://github.com/service/http://127.0.0.1:8888/student/getStuInfo?value=GET', {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      }
+    })
+  }
+
+  const PostMothedExample = () => {
+    fetch('https://github.com/service/http://127.0.0.1:8888/student/postStuInfo', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        firstParam: 'yourValue',
+        secondParam: 'yourOtherValue',
+      })
+    })
+  }
+  useEffect(() => {
+    httpBridge.start(8888, 'http_service', (request: any) => {
+      switch (request.type) {
+        case 'GET':
+          setGetRequestResult('requestId: ' + request.requestId + '\ntype: ' +
+            request.type + '\nurl: ' + request.url + '\npostData: ' + request.postData);
+          break;
+        case 'POST':
+          setPostRequestResult('requestId: ' + request.requestId + '\ntype: ' +
+            request.type + '\nurl: ' + request.url + '\npostData: ' + request.postData);
+          break;
+      }
+      if (request.type === "GET" && request.url.split("/")[1] === "user") {
+        httpBridge.respond(request.requestId, 200, "application/json", "{\"message\": \"OK\"}");
+      } else {
+        httpBridge.respond(request.requestId, 400, "application/json", "{\"message\": \"Bad Request\"}");
+      }
+    });
+    return () => {
+      httpBridge.stop();
+    }
+  }, []);
+
+  return (
+  	<ScrollView>
+      <View>
+      <Text style={styles.text}>httpBridgeExample Port : 8888</Text>
+        <View>
+          <Text style={styles.text}>Method：GET</Text>
+          <Button
+            title="GET"
+            color="#9a73ef"
+            onPress={GetMothedExample}
+          />
+          <Text style={styles.result} allowFontScaling>{getRequestResult}</Text>
+        </View>
+
+        <View>
+          <Text style={styles.text}>Method：POST</Text>
+          <Button
+            title="POST"
+            color="#9a73ef"
+            onPress={PostMothedExample}
+          />
+          <Text style={styles.result} allowFontScaling>{postRequestResult}</Text>
+        </View>
+      </View>
+    </ScrollView>
+ )
+};
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'red',
+  },
+  result: {
+    marginTop: 10,
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'white',
+  }
+});
+export default HttpBridgeDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@ohos/polka 的原生端代码，已在 HarmonyOS 工程中引入过该库，无需再次引入，可跳过本章节步骤，直接使用。
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-http-bridge": "file:../../node_modules/@react-native-oh-tpl/react-native-http-bridge/harmony/http_bridge.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNHttpBridgePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNHttpBridgePackage } from "@react-native-oh-tpl/react-native-http-bridge/ts";
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new RNHttpBridgePackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases)
+
+###  权限要求
+
+- 由于此库涉及应用退至后台后，在后台需要长时间运行用户可感知的任务功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。具体权限配置见文档：[长时任务](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/task-management/continuous-task.md#/openharmony/docs/blob/master/zh-cn/application-dev/application-models/serviceability-overview.md)。
+- 此库部分功能与接口需要长时任务权限：ohos.permission.KEEP_BACKGROUND_RUNNING。
+
+##  API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description            | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | ---------------------- | -------- | -------- | ----------- | ----------------- |
+| start   | Start the HTTP server  | callback | no       | Android/iOS | yes               |
+| respond | Server Response Result | void     | no       | Android/iOS | yes               |
+| stop    | Stop the HTTP server   | void     | no       | Android/iOS | yes               |
+
+#### start
+```js
+start(port:number, serviceName:string, callback): void;
+```
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| port        | HTTP Server port number | number | Yes      | iOS/Android | Yes               |
+| serviceName | HTTP Server Name        | string | Yes      | iOS/Android | Yes               |
+
+#### respond
+
+```js
+respond(requestId:string, code:number, type:string, body:string): void;
+```
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| requestId | HTTP Server request ID                         | string | Yes      | iOS/Android | Yes               |
+| code      | Code of the response from the server           | number | Yes      | iOS/Android | Yes               |
+| type      | `Content-Type` in the response from the server | string | Yes      | iOS/Android | Yes               |
+| body      | Body of the response from the server           | string | Yes      | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于[The MIT License(MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+

From eca5b288bd06a158483420cbeac6b9117c4d835d Mon Sep 17 00:00:00 2001
From: zxh <2504211630@qq.com>
Date: Fri, 26 Jul 2024 02:51:32 +0000
Subject: [PATCH 275/966] =?UTF-8?q?!1170=20docs:=20[Issues:=20#IAEYLI]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9EParse-SDK-JS=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAEYLI]=E6=96=B0=E5=A2=9EPa?=
 =?UTF-8?q?rse-SDK-JS=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/Parse-SDK-JS.md | 337 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 337 insertions(+)
 create mode 100644 zh-cn/Parse-SDK-JS.md

diff --git a/zh-cn/Parse-SDK-JS.md b/zh-cn/Parse-SDK-JS.md
new file mode 100644
index 00000000..54047578
--- /dev/null
+++ b/zh-cn/Parse-SDK-JS.md
@@ -0,0 +1,337 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>Parse-SDK-JS</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/parse-community/Parse-SDK-JS">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/parse-community/Parse-SDK-JS/blob/alpha/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/parse-community/Parse-SDK-JS)
+
+## 安装与使用
+
+> [!TIP] 需要配套的服务和三方依赖
+
+Parse JS SDK 兼容以下版本的 Parse Server。
+
+|   Parse JS SDK   |   Parse Server   |
+| :--------------: | :--------------: |
+| >= 4.0.0 < 5.0.0 | >= 6.0.0 < 7.0.0 |
+|     >= 5.0.0     |     >= 7.0.0     |
+
+> [!TIP] 本库依赖[@react-native-oh-tpl/async-storage文档](/zh-cn/react-native-async-storage-async-storage.md)  和 [@react-native-oh-tpl/react-native-get-random-values 文档](/zh-cn/react-native-get-random-values.md)
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install parse@5.3.0
+```
+
+#### **yarn**
+
+```bash
+yarn add parse@5.3.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景
+
+```jsx
+import React, { useState } from "react";
+import {
+  View,
+  Text,
+  Button,
+  Alert,
+  StyleSheet,
+} from "react-native";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import Parse from "parse/react-native";
+
+Parse.setAsyncStorage(AsyncStorage);
+// 初始化Parse，确保appId、javaScriptKey、masterKey与parse server配置一致
+Parse.initialize("your appId", "your javaScriptKey", "your masterKey");
+// parse server服务地址
+Parse.serverURL = "your parse server url";
+Parse.CoreManager.set("REQUEST_HEADERS", {
+  "X-Parse-REST-API-Key": "your RESTAPIKEY",
+});
+
+const ParseExample = () => {
+  const [data, setData] = useState < any > [];
+
+  // 添加数据 Example of saving data
+  async function saveData() {
+    const TestObject = Parse.Object.extend("TestObject");
+    const testObject = new TestObject();
+    testObject.set("name", "张三");
+    testObject.set("description", "我是rn使用parse-sdk-js库创建的张三!");
+
+    try {
+      const result = await testObject.save();
+      if (result) {
+        Alert.alert("添加成功");
+      } else {
+        Alert.alert("添加失败");
+      }
+      console.log("Object saved successfully:", result);
+    } catch (error) {
+      console.error("Error while saving object:", error);
+    }
+  }
+  // 删除数据
+  async function deleteData() {
+    const TestObject = Parse.Object.extend("TestObject");
+    const query = new Parse.Query(TestObject);
+    query.equalTo("name", "李四");
+    try {
+      const results = await query.first();
+      if (results) {
+        Parse.Object.destroyAll(results).then((res) => {
+          Alert.alert("删除成功");
+        });
+      } else {
+        Alert.alert("未找到 李四");
+      }
+    } catch (error) {
+      console.error("Error while fetching objects:", error);
+    }
+  }
+  // 修改数据
+  async function updateData() {
+    const TestObject = Parse.Object.extend("TestObject");
+    const query = new Parse.Query(TestObject);
+    try {
+      query.equalTo("name", "张三");
+      const results = await query.first();
+      if (results) {
+        console.log(results, 666);
+        results.set("name", "李四");
+        results.set("description", "我的名字改成了李四");
+        results.save().then((update) => {
+          Alert.alert("修改成功");
+        });
+      } else {
+        Alert.alert("修改失败");
+      }
+    } catch (error) {
+      console.error("Error while fetching objects:", error);
+    }
+  }
+  // 查询数据 Example of fetching data
+  async function fetchData() {
+    const TestObject = Parse.Object.extend("TestObject");
+    const query = new Parse.Query(TestObject);
+
+    try {
+      const results = await query.find();
+      const resultJson = results.map((item) => item.toJSON());
+      console.log("查询成功:", resultJson);
+      setData(resultJson);
+    } catch (error) {
+      console.error("Error while fetching objects:", error);
+    }
+  }
+
+  return (
+    <View style={style.mainBox}>
+      <Text style={{ fontSize: 18, fontWeight: "bold" }}>
+        模拟数据进行增、删、改、查
+      </Text>
+      <Text style={{ fontSize: 16, fontWeight: "bold" }}>
+        TestObject 类（表）
+      </Text>
+      <View style={{ marginTop: 10, marginBottom: 10 }}>
+        <Button title="增加一条张三数据" onPress={saveData} />
+      </View>
+      <View style={{ marginBottom: 10 }}>
+        <Button title="删除一条姓名为李四数据" onPress={deleteData} />
+      </View>
+      <View style={{ marginBottom: 10 }}>
+        <Button title="修改,将一条张三数据改为李四" onPress={updateData} />
+      </View>
+      <Button title="查询所有数据" onPress={fetchData} />
+      <View style={style.showBox}>
+        {data?.map((item) => {
+          return (
+            <View style={{ marginTop: 10 }} key={item.objectId}>
+              <Text>姓名：{item?.name}</Text>
+              <Text>描述：{item?.description}</Text>
+            </View>
+          );
+        })}
+      </View>
+    </View>
+  );
+};
+
+const style = StyleSheet.create({
+  mainBox: {
+    borderWidth: 1,
+    borderColor: "#ebebeb",
+    padding: 10,
+    marginTop: 10,
+  },
+  showBox: {
+    backgroundColor: "#f5f5f5",
+    marginTop: 10,
+    padding: 10,
+    borderWidth: 1,
+    borderColor: "#ebebeb",
+  },
+});
+
+export default ParseExample;
+```
+
+
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/async-storage和@react-native-oh-tpl/react-native-get-random-values 的代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/async-storage文档](/zh-cn/react-native-async-storage-async-storage.md) 和  [@react-native-oh-tpl/react-native-get-random-values 文档](/zh-cn/react-native-get-random-values.md) 进行引入。
+
+## 约束与限制
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+
+
+## API
+
+不同版本对应的API也不同，详情请查看[Parse-SDK-JS官方文档](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/index.html)。
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Parse**: Parse是Parse-SDK-JS的核心对象，包含所有 Parse API 类和函数。
+
+| Name            | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| initialize      | 初始化 Parse SDK，设置应用程序的 ID 和密钥。通常在应用程序的入口处调用。 | (applicationId: string, javaScriptKey?: string, masterKey?: string) => void | yes      | iOS/Android | yes               |
+| setAsyncStorage | 设置 Parse SDK 使用的 AsyncStorage 实例，用于存储会话令牌等信息。 | (storage:AsyncStorage) => void                               | yes      | iOS/Android | yes               |
+
+**Parse.ACL**：访问权限对象。
+
+| Name                 | Description                                    | Type                                       | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------------------- | ------------------------------------------ | -------- | ----------- | ----------------- |
+| setPublicReadAccess  | 设置是否允许公共（未认证用户）读取对象。       | (allowed: boolean) => void                 | no       | iOS/Android | yes               |
+| setPublicWriteAccess | 设置是否允许公共（未认证用户）写入对象。       | (allowed: boolean) => void                 | no       | iOS/Android | yes               |
+| getPublicReadAccess  | 设置是否允许公共（未认证用户）写入对象。       | () => boolean                              | no       | iOS/Android | yes               |
+| getPublicWriteAccess | 获取是否允许公共（未认证用户）写入对象的权限。 | () => boolean                              | no       | iOS/Android | yes               |
+| setReadAccess        | 设置特定用户是否有读取对象的权限。             | (userId: string, allowed: boolean) => void | no       | iOS/Android | yes               |
+| setWriteAccess       | 设置特定用户是否有写入对象的权限。             | (userId: string, allowed: boolean) => void | no       | iOS/Android | yes               |
+| getReadAccess        | 获取特定用户是否有读取对象的权限。             | (userId: string) => boolean                | no       | iOS/Android | yes               |
+| getWriteAccess       | 获取特定用户是否有写入对象的权限。             | (userId: string) => boolean                | no       | iOS/Android | yes               |
+
+**Parse.Object**：通常情况下，您不会直接调用此方法。建议您使用 Parse.Object 的子类，通过调用 `extend` 方法创建子类对象。
+
+| Name             | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| set              | 设置数据对象的属性值，其中 `key` 是属性名，`value` 是对应的属性值。 | (key: string\|object, value: string\|object, options: object) => ParseObject | no       | iOS/Android | yes               |
+| get              | 获取数据对象的指定属性值，通过 `key` 指定属性名。            | (attr: string) => any                                        | no       | iOS/Android | yes               |
+| unset            | 移除数据对象的指定属性值，通过 `key` 指定属性名。            | (attr: string) => ParseObject                                | no       | iOS/Android | yes               |
+| increment        | 增加指定属性的数值类型值，`amount` 是增加的数量。            | (attr: String, amount: Number) => ParseObject                | no       | iOS/Android | yes               |
+| add              | 添加一个值到数组类型的属性中，`value` 是要添加的值。         | (attr: string, item) => ParseObject                          | no       | iOS/Android | yes               |
+| remove           | 从数组类型的属性中移除一个值，`value` 是要移除的值。         | (attr: string, item) => ParseObject                          | no       | iOS/Android | yes               |
+| save             | 将数据对象保存到 Parse 服务器上，如果对象不存在则创建，存在则更新。 | () => Promise                                                | no       | iOS/Android | yes               |
+| fetch            | 从 Parse 服务器上获取最新的数据对象信息。                    | (options: object) => Promise                                 | no       | iOS/Android | yes               |
+| destroy          | 从 Parse 服务器上删除当前数据对象。                          | (options: object) => Promise                                 | no       | iOS/Android | yes               |
+| fetchWithInclude | 在获取对象时，包含在查询中指定的关联对象。                   | (keys: string\|Array<string\|Array<string>>, options: object) => Promise | no       | iOS/Android | yes               |
+| saveAll          | 批量保存一组数据对象到 Parse 服务器。                        | (list: Array, options: object) => Array.<Parse.Object>       | no       | iOS/Android | yes               |
+| destroyAll       | 批量删除一组数据对象。                                       | (list: Array, options: object) => Promise                    | no       | iOS/Android | yes               |
+
+**Parse.Query**：Parse.Query 定义了一个用于获取 Parse.Object 的查询。
+
+|         Name         | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| :------------------: | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+|       equalTo        | 添加一个相等条件，查询字段 `key` 的值等于 `value`。          | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|      notEqualTo      | 添加一个不等条件，查询字段 `key` 的值不等于 `value`。        | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|       lessThan       | 添加一个小于条件，查询字段 `key` 的值小于 `value`。          | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     greaterThan      | 添加一个大于条件，查询字段 `key` 的值大于 `value`。          | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|  lessThanOrEqualTo   | 添加一个小于或等于条件，查询字段 `key` 的值小于或等于 `value`。 | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+| greaterThanOrEqualTo | 添加一个大于或等于条件，查询字段 `key` 的值大于或等于 `value`。 | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     containedIn      | 添加一个包含于条件，查询字段 `key` 的值包含在 `values` 数组中。 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|    notContainedIn    | 添加一个不包含于条件，查询字段 `key` 的值不包含在 `values` 数组中。 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        exists        | 添加一个存在条件，查询字段 `key` 的值存在（非 `null` 或 `undefined`）。 | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     doesNotExist     | 添加一个不存在条件，查询字段 `key` 的值不存在（为 `null` 或 `undefined`）。 | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     containsAll      | 添加一个包含所有条件，查询字段 `key` 的值必须包含 `values` 数组中的所有元素。 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|      startsWith      | 添加一个以指定前缀开始的条件，查询字段 `key` 的值必须以 `prefix` 字符串开头。 | (key: string, prefix: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|       endsWith       | 添加一个以指定后缀结束的条件，查询字段 `key` 的值必须以 `suffix` 字符串结尾。 | (key: string, suffix: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|         near         | 添加一个接近条件，查询地理位置字段 `key` 的值接近于指定的地理坐标点 `point`。 | (key: string, point: Parse.GeoPoint) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|    withinRadians     | 添加一个在指定弧度内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     withinMiles      | 添加一个在指定英里内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 英里的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|   withinKilometers   | 添加一个在指定公里内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 公里的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     withinGeoBox     | 添加一个在指定矩形区域内的条件，查询地理位置字段 `key` 的值必须在由 `southwest` 和 `northeast` 定义的矩形内。 | (key: string, southwest: Parse.GeoPoint, northeast: Parse.GeoPoint) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|       include        | 添加一个包含关联对象条件                                     | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        select        | 仅返回查询结果中指定字段的信息。                             | (keys: string[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        limit         | 限制返回结果的数量。                                         | (count: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|         skip         | 跳过指定数量的查询结果。                                     | (count: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|      ascending       | 按照指定字段升序排序查询结果。                               | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|      descending      | 按照指定字段降序排序查询结果。                               | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|         find         | 按照指定字段降序排序查询结果。                               | (options?: Parse.Query.FindOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        first         | 执行查询并返回符合条件的第一个对象。                         | (options?: Parse.Query.FindOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        count         | 计算符合条件的对象的数量。                                   | (options?: Parse.Query.CountOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+
+**Parse.Role**：表示Parse服务器上的角色对象。
+
+| Name           | Description                     | Type                                          | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------- | --------------------------------------------- | -------- | ----------- | ----------------- |
+| getName        | 获取角色的名称。                | () => String                                  | no       | iOS/Android | yes               |
+| getUsers       | 获取分配给角色的用户列表。      | () => Array<Parse.User>                       | no       | iOS/Android | yes               |
+| getRoles       | 获取分配给角色的子角色列表。    | () => Array<Parse.Role>                       | no       | iOS/Android | yes               |
+| getRolesByName | 根据角色名称获取角色对象列表。  | (Array<String>) => Promise<Array<Parse.Role>> | no       | iOS/Android | yes               |
+| save           | 将角色对象保存到 Parse 服务器。 | (obj: Object) => Promise<Array<Parse.Role>>   | no       | iOS/Android | yes               |
+| destroy        | 从 Parse 服务器上删除角色对象。 | (obj: Object) => Promise<Array<Parse.Role>>   | no       | iOS/Android | yes               |
+
+**Parse.User**：表示Parse服务器上的用户对象，可进行注册、登录、登出等操作。
+
+| Name    | Description                                               | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------- | --------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| signUp  | 注册新用户到 Parse 服务器。                               | ({username: string, password: string, email: string}) => Promise<Parse.User> | no       | iOS/Android | yes               |
+| logIn   | 注册新用户到 Parse 服务器。                               | (username: string, password: string) => Promise<Parse.User>  | no       | iOS/Android | yes               |
+| current | 获取当前已登录的用户对象，如果没有用户登录则返回 `null`。 | () => Parse.User                                             | no       | iOS/Android | yes               |
+| logOut  | 登出当前用户。                                            | () => Promise<void>                                          | no       | iOS/Android | yes               |
+| become  | 通过会话令牌sessionToken来认证用户。                      | (sessionToken: string) => Promise<Parse.User>                | no       | iOS/Android | yes               |
+| save    | 将用户对象保存到 Parse 服务器。                           | (user: Object) => Promise<Parse.User>                        | no       | iOS/Android | yes               |
+| destroy | 从 Parse 服务器上删除用户对象。                           | (user: Object) => Promise<void>                              | no       | iOS/Android | yes               |
+
+**Parse.Cloud**: 可以通过Cloud API执行自定义的云代码。以下是支持的主要Cloud API及其相关信息：
+
+|     Name     | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| :----------: | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+|     run      | 调用指定名称的云函数并获取其返回值。`functionName` 是云函数的名称，`data` 是传递给云函数的参数对象，`options` 是一个可选的配置对象，用于设置云函数调用的详细选项，如超时等。 | (functionName: string, data?: object, options?: Parse.Cloud.HttpOptions) => Promise | no       | iOS/Android | yes               |
+|  afterSave   | 注册一个在保存对象后触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.AfterSaveRequest` 对象作为参数，可以在保存对象后执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.AfterSaveRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
+|  beforeSave  | 注册一个在保存对象之前触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.BeforeSaveRequest` 对象作为参数，可以在保存对象前执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.BeforeSaveRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
+| afterDelete  | 注册一个在删除对象后触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.AfterDeleteRequest` 对象作为参数，可以在删除对象后执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.AfterDeleteRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
+| beforeDelete | 注册一个在删除对象之前触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.BeforeDeleteRequest` 对象作为参数，可以在删除对象前执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.BeforeDeleteRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
+
+
+
+## 遗留问题
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The Apache License (Apache)](https://github.com/parse-community/Parse-SDK-JS/blob/alpha/LICENSE) ，请自由地享受和参与开源。

From a2a17caeeb224d0e408e65bc4e7c7d8a96de7c02 Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Fri, 26 Jul 2024 03:07:09 +0000
Subject: [PATCH 276/966] =?UTF-8?q?!1161=20docs:=20[Issues:=20#IADYPX]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-walkthrough-tooltip=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E6=96=B0=E5=A2=9Erea?=
 =?UTF-8?q?ct-native-walkthrough-tooltip=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-walkthrough-tooltip.md | 98 +++++++++++++++++++++++
 1 file changed, 98 insertions(+)
 create mode 100644 zh-cn/react-native-walkthrough-tooltip.md

diff --git a/zh-cn/react-native-walkthrough-tooltip.md b/zh-cn/react-native-walkthrough-tooltip.md
new file mode 100644
index 00000000..8a31923c
--- /dev/null
+++ b/zh-cn/react-native-walkthrough-tooltip.md
@@ -0,0 +1,98 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-walkthrough-tooltip</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jasongaare/react-native-walkthrough-tooltip">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jasongaare/react-native-walkthrough-tooltip/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+>[!TIP] [Github 地址](https://github.com/jasongaare/react-native-walkthrough-tooltip)
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-native-walkthrough-tooltip@1.6.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-walkthrough-tooltip@1.6.0
+```
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState } from "react";
+import { View, Text, } from "react-native";
+import Tooltip from 'react-native-walkthrough-tooltip';
+
+export const TestTooltip = ({ text, style }) => {
+  const [toolTipVisible, setToolTipVisible] = useState(false);
+
+  return (
+   <Tooltip
+   isVisible={toolTipVisible}
+   content={<Text>Check this out!</Text>}
+   placement="top"
+   onClose={() => setToolTipVisible(false)}
+    >
+  <TouchableHighlight onPress={() => setToolTipVisible(!toolTipVisible)}>
+    <Text>Press me</Text>
+  </TouchableHighlight>
+</Tooltip>
+};
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过:
+
+1. RNOH: 0.72.5; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+
+### 属性
+[!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+
+[!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果
+| Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| accessible  | Set this to false if you do not want the root touchable element to be accessible. [See docs on accessible here](https://reactnative.dev/docs/accessibility#accessibility-properties) | bool| No | All  |Yes  |
+| allowChildInteraction |By default, the user can touch and interact with the child element. When this prop is false, the user cannot interact with the child element while the tooltip is visible.  | bool | No | All    | Yes    |
+| arrowSize |The dimensions of the arrow on the bubble pointing to the highlighted element   | Size | No |All    | Yes   
+| backgroundColor |Color of the fullscreen background beneath the tooltip. Overrides the backgroundStyle prop   | string | No |All    | Yes   
+| childContentSpacing | The distance between the tooltip-rendered child and the arrow pointing to it   | number | No |All    | Yes   
+| closeOnChildInteraction | When child interaction is allowed, this prop determines if onClose should be called when the user interacts with the child element. Default is true (usually means the tooltip will dismiss once the user touches the element highlighted)   | bool |  No |All    | Yes  
+| closeOnContentInteraction |this prop determines if onClose should be called when the user interacts with the content element. Default is true (usually means the tooltip will dismiss once the user touches the content element)   | bool |No | All    | Yes   
+| content | 	This is the view displayed in the tooltip popover bubble  | function/Element |Yes | All    | Yes  
+| displayInsets | The number of pixels to inset the tooltip on the screen (think of it like padding). The tooltip bubble should never render outside of these insets, so you may need to adjust your content accordingly   | object |No | All    | Yes  
+| disableShadow | 	When true, tooltips will not appear elevated. Disabling shadows will remove the warning: RCTView has a shadow set but cannot calculate shadow efficiently on IOS devices.  | bool |No | All    | Yes  
+| isVisible | When true, tooltip is displayed   | bool |Yes | All    | Yes  
+| onClose | Callback fired when the user taps the tooltip background overlay    | function |Yes | All    | Yes  
+| placement | Where to position the tooltip - options: top, bottom, left, right, center. Default is top for tooltips rendered with children Default is center for tooltips rendered without children.NOTE: center is only available with a childless placement, and the content will be centered within the bounds defined by the displayInsets. | string |Yes | All    | Yes 
+| showChildInTooltip | Set this to false if you do NOT want to display the child alongside the tooltip when the tooltip is visible    | bool |No | All    | Yes   
+| supportedOrientations |This prop allows you to control the supported orientations the tooltip modal can be displayed. It correlates directly with [the prop for React Native's Modal component](https://reactnative.dev/docs/modal#supportedorientations) (has no effect if useReactNativeModal is false)    | bool |No | iOS    | No  
+| topAdjustment | Value which provides additional vertical offest for the child element displayed in a tooltip. Commonly set to: Platform.OS === 'android' ? -StatusBar.currentHeight : 0 due to an issue with React Native's measure function on Android| number |No | All    | Yes   
+| horizontalAdjustment |Value which provides additional horizontal offest for the child element displayed in a tooltip. This is useful for adjusting the horizontal positioning of a highlighted child element if needed | number |No | All    | Yes   
+| useInteractionManager | Set this to true if you want the tooltip to wait to become visible until the callback for InteractionManager.runAfterInteractions is executed. Can be useful if you need to wait for navigation transitions to complete, etc.[ See docs on InteractionManager here](https://reactnative.dev/docs/interactionmanager) | bool |No | All    | Yes  
+| useReactNativeModal | By default, this library uses a <Modal> component from React Native. If you need to disable this, and simply render an absolutely positioned full-screen view, set useReactNativeModal={false}. This is especially useful if you desire to render a Tooltip while you have a different Modal rendered. | bool |No | All    | Yes  
+## 遗留问题
+
+- [ ]  supportedOrientations在HarmonyOS不支持
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jasongaare/react-native-walkthrough-tooltip/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From f54b900ff98eded1c28adbff3ec49ea08195d06c Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Fri, 26 Jul 2024 03:10:09 +0000
Subject: [PATCH 277/966] =?UTF-8?q?!1159=20docs:=20[Issues:=20#IAES7M]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ern-sliding-up-panel=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAES7M]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ern-sliding-up-panel=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/rn-sliding-up-panel.md | 228 +++++++++++++++++++++++++++++++++++
 1 file changed, 228 insertions(+)
 create mode 100644 zh-cn/rn-sliding-up-panel.md

diff --git a/zh-cn/rn-sliding-up-panel.md b/zh-cn/rn-sliding-up-panel.md
new file mode 100644
index 00000000..97eb827a
--- /dev/null
+++ b/zh-cn/rn-sliding-up-panel.md
@@ -0,0 +1,228 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>rn-sliding-up-panel</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/octopitus/rn-sliding-up-panel">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/octopitus/rn-sliding-up-panel/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/octopitus/rn-sliding-up-panel)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install rn-sliding-up-panel@2.4.6
+```
+
+#### **yarn**
+
+```bash
+yarn add rn-sliding-up-panel@2.4.6
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { createRef } from 'react';
+import { StyleSheet, Text, View, Dimensions, Animated } from 'react-native';
+import SlidingUpPanel from 'rn-sliding-up-panel';
+
+const { height } = Dimensions.get('window')
+
+export function SlidingUpPanelExample() {
+  const panelRef = createRef<SlidingUpPanel>();
+  const draggableRange = { top: height + 180 - 64, bottom: 180 }
+  const _draggedValue = new Animated.Value(180);
+
+  const { top, bottom } = draggableRange;
+
+  const backgoundOpacity = _draggedValue.interpolate({
+    inputRange: [height - 48, height],
+    outputRange: [1, 0],
+    extrapolate: "clamp"
+  });
+
+  const iconTranslateY = _draggedValue.interpolate({
+    inputRange: [height - 56, height, top],
+    outputRange: [0, 56, 180 - 32],
+    extrapolate: "clamp"
+  });
+
+  const textTranslateY = _draggedValue.interpolate({
+    inputRange: [bottom, top],
+    outputRange: [0, 8],
+    extrapolate: "clamp"
+  });
+
+  const textTranslateX = _draggedValue.interpolate({
+    inputRange: [bottom, top],
+    outputRange: [0, -112],
+    extrapolate: "clamp"
+  });
+
+  const textScale = _draggedValue.interpolate({
+    inputRange: [bottom, top],
+    outputRange: [1, 0.7],
+    extrapolate: "clamp"
+  });
+
+  return (
+    <View style={styles.container}>
+      <Text onPress={() => panelRef.current!.show(360)}>Show panel</Text>
+      <SlidingUpPanel
+        ref={panelRef}
+        draggableRange={draggableRange}
+        animatedValue={_draggedValue}
+        snappingPoints={[360]}
+        height={height + 180}
+        friction={0.5}
+      >
+        <View style={styles.panel}>
+          <Animated.View
+            style={[
+              styles.iconBg,
+              {
+                opacity: backgoundOpacity,
+                transform: [{ translateY: iconTranslateY }]
+              }
+            ]}
+          />
+          <View style={styles.panelHeader}>
+            <Animated.View
+              style={{
+                transform: [
+                  { translateY: textTranslateY },
+                  { translateX: textTranslateX },
+                  { scale: textScale }
+                ]
+              }}
+            >
+              <Text style={styles.textHeader}>Sliding Up Panel</Text>
+            </Animated.View>
+          </View>
+          <View style={styles.container}>
+            <Text>Bottom sheet content</Text>
+          </View>
+        </View>
+      </SlidingUpPanel>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#f8f9fa",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  panel: {
+    flex: 1,
+    backgroundColor: "white",
+    position: "relative"
+  },
+  panelHeader: {
+    height: 180,
+    backgroundColor: "#b197fc",
+    justifyContent: "flex-end",
+    padding: 24
+  },
+  textHeader: {
+    fontSize: 28,
+    color: "#FFF"
+  },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center",
+    position: "absolute",
+    top: -24,
+    right: 18,
+    width: 48,
+    height: 48,
+    zIndex: 1
+  },
+  iconBg: {
+    backgroundColor: "#2b8a3e",
+    position: "absolute",
+    top: -24,
+    right: 18,
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    zIndex: 1
+  }
+});
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Props
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| animatedValue | An **Animated.Value** number between the top and bottom of draggable range. This number represents the position of the panel. If you update this prop, the panel will correspondingly update to the frame at that progress value. Default to **Animated.Value(0)** (Hidden at bottom of screen). | Animated.Value | 0 | No | All | yes |
+| draggableRange | Boundary limits for draggable area. `top` default to visible height of device, `bottom` default to 0. | {top: number, bottom: number} | 0 | No | All | yes |
+| snappingPoints | Must be an incremental array of number and all values must be within the `top` & `bottom` of draggableRange. | number[] | null | No | All | yes |
+| minimumVelocityThreshold | Velocity threshold in **pixel/s** to trigger the fling animation after you release finger. Default is 0.1. | number | 0.1 | No | All | yes |
+| minimumDistanceThreshold | Distance threshold in **pixel** (virtual, not physical) to trigger the fling animation after you release finger. Default is 0.24. | number | 0.24 | No | All | yes |
+| height | Height of panel. Typically this should equal to the top value of `draggablerange.` | number | null | No | All | yes |
+| friction | Determines how quickly the fling animation settles down and stops. The higher the value, the faster the velocity decreases. Default is 0.998. | number | 0.998 | No | All | yes |
+| backdropOpacity | Opacity of the backdrop when the panel is active. Default is 0.75. | number | 0.75 | No | All | yes |
+| containerStyle | Custom style for the container. | Style | null | No | All | yes |
+| backdropStyle | Custom style for the backdrop. | Style | null | No | All | yes |
+| showBackdrop | Controls the visibility of backdrop. Default `true`. | boolean | true | No | All | yes |
+| allowMomentum | If `false`, panel will not continue to move when you release your finger. | boolean | null | No | All | yes |
+| allowDragging | Default `true`. Setting this to `false` to disable dragging. | boolean | true | No | All | yes |
+| avoidKeyboard | If `true` every time animated value changes keyboard will be dismissed. Default `true`. | boolean | true | No | All | yes |
+| onBackButtonPress | By default when you press back button (Android) the panel will be closed (Move to `bottom` position of `draggableRange`). Implement this function if you want to custom the behavior. Returning `true` means the event has been handled. | () => boolean | null | No | All | yes |
+| onDragStart | Called when the panel is about to start dragging. | (position: number, gestureState: GestureState) => void | null | No | All | yes |
+| onDragEnd | Called when you release your finger. | (position: number: gestureState: GestureState) => void | null | No | All | yes |
+| onMomentumDragStart | Called when the momentum drag starts. Works exactly the same way of [ScrollView#onMomentumScrollBegin](https://facebook.github.io/react-native/docs/scrollview#onmomentumscrollbegin). | (position: number) => void | null | No | All | yes |
+| onMomentumDragEnd | Called when the momentum drag ends. Works exactly the same way of [ScrollView#onMomentumScrollEnd](https://facebook.github.io/react-native/docs/scrollview#onmomentumscrollend). | (position: number) => void | null | No | All | yes |
+| onBottomReached | Called when the panel is hidden / reaches the bottom of the screen. | () => void | null | No | All | yes |
+| children | Accepts passing a function as component. Invoked with `dragHandlers` (that can be passed into another View like this `<View {...dragHandlers}>`) when the panel is mounted. Useful when you want only a part of your content becomes the drag handler. | React.Element \| Function | null | No | All | yes |
+
+### Methods
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| show | Calling `show()` without any parameter will showmove the panel to top position (of draggableRange). | Function(value?: number \| Object) | null | No | All | yes |
+| hide | Move the panel to the bottom position of draggable range. Note: This method is triggered if you touch the backdrop (If it's visible). | Function | null | No | All | yes |
+| scrollIntoView | Typically you don't need to use this method, But if an element is stuck under the keyboard or out of view, you can use this ensure it is visible within the viewable area. | Function(node: number) | null | No | All | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/octopitus/rn-sliding-up-panel/blob/master/LICENSE) ，请自由地享受和参与开源。

From 7935bfccb9a9d9305294f92c8b7eb305f20631e5 Mon Sep 17 00:00:00 2001
From: xiong <10038940+wx997659@user.noreply.gitee.com>
Date: Fri, 26 Jul 2024 06:27:56 +0000
Subject: [PATCH 278/966] =?UTF-8?q?!1003=20=20docs:=20[Issues:=20#IAB887]?=
 =?UTF-8?q?=20=E6=B7=BB=E5=8A=A0react-native-inappbrowser=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAB887]?=
 =?UTF-8?q?=20=E6=B7=BB=E5=8A=A0react-native-inappbrowser=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-inappbrowser.md | 528 +++++++++++++++++++++++++++++
 1 file changed, 528 insertions(+)
 create mode 100644 zh-cn/react-native-inappbrowser.md

diff --git a/zh-cn/react-native-inappbrowser.md b/zh-cn/react-native-inappbrowser.md
new file mode 100644
index 00000000..31fd6b73
--- /dev/null
+++ b/zh-cn/react-native-inappbrowser.md
@@ -0,0 +1,528 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-inappbrowser-reborn</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/proyecto26/react-native-inappbrowser">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/proyecto26/react-native-inappbrowser/blob/develop/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-inappbrowser)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] #处替换为tgz包的路径
+
+#### **npm**
+
+```
+npm install @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
+```
+
+#### **yarn**
+
+```
+yarn add @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!TIP] 使用时 import 的库名不变。
+
+```
+import React, {useState } from 'react';
+import {  StyleSheet, Text, Button ,ScrollView,View,StatusBarStyle,} from 'react-native';
+import {InAppBrowser} from 'react-native-inappbrowser-reborn'
+import {tryDeepLinking,openLink} from './utils'
+
+export default function BrowserDemo() {
+  const [text, setText] = useState('');
+  const [url, setUrl] = useState('https://reactnative.dev/');
+
+  const onOpenLink = async() => {
+    let resut = await openLink(url,{});
+    setText(JSON.stringify(resut))
+  }
+
+  const onTryDeepLinking = async() => {
+    let result = await tryDeepLinking();
+    setText(JSON.stringify(result))
+    return result;
+  }
+
+  const onIsAvailable = async () => {
+    let isAvailable = await InAppBrowser.isAvailable();
+    return isAvailable
+  }
+
+  const close =() => {
+    openLink(url, {});
+    setTimeout(function(){
+      console.info('-----------------')
+      InAppBrowser.close();
+    },10000)
+  }
+
+  const closeAuth =() => {
+    tryDeepLinking();
+    setTimeout(function(){
+      console.info('-----------------')
+      InAppBrowser.closeAuth();
+    },10000)
+  }
+
+  const warmup = () => {
+    InAppBrowser.warmup();
+  }
+
+  const mayLaunchUrl = () => {
+    InAppBrowser.mayLaunchUrl(url,[]);
+  }
+  
+  return (
+    <View style={styles.container}>
+      <View style={styles.titleArea}>
+        <Text style = {styles.title}>BrowserDemo</Text>
+      </View>
+      <View style = {styles.inputArea}>
+        <Text style={styles.baseText}>
+          {text}
+        </Text>
+      </View>
+      <ScrollView style={styles.scrollView}>
+        <View style={ { flexDirection: 'column'}}>
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>onOpenLink</Text>
+             <Button title='运行' color='#841584' onPress={onOpenLink}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>onTryDeepLinking</Text>
+             <Button title='运行' color='#841584' onPress={onTryDeepLinking}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>onIsAvailable</Text>
+             <Button title='运行' color='#841584' onPress={onIsAvailable}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>close</Text>
+             <Button title='运行' color='#841584' onPress={close}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>tryDeepLinking</Text>
+             <Button title='运行' color='#841584' onPress={tryDeepLinking}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>closeAuth</Text>
+             <Button title='运行' color='#841584' onPress={closeAuth}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>warmup</Text>
+             <Button title='运行' color='#841584' onPress={warmup}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>mayLaunchUrl</Text>
+             <Button title='运行' color='#841584' onPress={mayLaunchUrl}></Button>
+          </View>
+        </View>
+      </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+    flexDirection: 'column',
+    alignItems: 'center',
+    backgroundColor: '#F1F3F5',
+  }, 
+  baseText: {
+    fontWeight: 'bold',
+    textAlign:'center',
+    fontSize:16
+  },
+
+  titleArea:{
+    width:'90%',
+    height:'8%',
+    alignItems:'center',
+    flexDirection:'row',
+  },
+
+  title: {
+    width:'90%',
+    color:'#000000',
+    textAlign:'left',
+    fontSize: 30,
+  },
+
+  scrollView: {
+    width:'90%',
+    marginHorizontal: 20,
+  },
+
+  inputArea: {
+    width:'90%',
+    height:'10%',
+    borderWidth:2,
+    borderColor:'#000000',
+    marginTop:8,
+    justifyContent:'center',
+    alignItems:'center',
+  },
+  baseArea: {
+    width:'100%',
+    height:60,
+    borderRadius:4,
+    borderColor:'#000000',
+    marginTop:8,
+    backgroundColor:'#FFFFFF',
+    flexDirection: 'row',
+    alignItems:'center',
+    paddingLeft:8,
+    paddingRight:8
+  }
+
+});
+
+import {Alert,Platform,} from 'react-native';
+import {InAppBrowser} from 'react-native-inappbrowser-reborn'
+
+export interface options {
+  dismissButtonStyle?: 'done' | 'close' | 'cancel',
+  preferredBarTintColor?:string,
+  preferredControlTintColor?:string
+}
+
+export const openLink = async (
+url: string,
+statusBarStyle: options,
+animated = true,
+) => {
+    let result  = await InAppBrowser.open(
+        url,
+        {
+          dismissButtonStyle:statusBarStyle.dismissButtonStyle,
+          preferredBarTintColor:statusBarStyle.preferredBarTintColor,
+          preferredControlTintColor:statusBarStyle.preferredControlTintColor
+        }
+    );
+    Alert.alert('Response', JSON.stringify(result));
+    return result;
+}
+
+export const getDeepLink = (path = '') => {
+    const scheme = 'my-demo';
+    const prefix =
+      Platform.OS === 'android' ? `${scheme}://demo/` : `${scheme}://`;
+    return prefix + path;
+};
+
+export const tryDeepLinking = async () => {
+    const loginUrl = 'https://proyecto26.github.io/react-native-inappbrowser/';
+    const redirectUrl = getDeepLink();
+    const url = `${loginUrl}?redirect_url=${encodeURIComponent(redirectUrl)}`;
+    try {
+      if (await InAppBrowser.isAvailable()) {
+        const result = await InAppBrowser.openAuth(url, redirectUrl, {
+          // iOS Properties
+          ephemeralWebSession: false,
+        });
+        //await sleep(800);
+        return result
+      } else {
+        return 'InAppBrowser is not supported :/'
+      }
+    } catch (error) {
+      console.error(error);
+    }
+    return 'Something’s wrong with the app'
+};
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+
+```
+在工程根目录的 oh-package.json 添加 overrides字段
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 配置Entry
+
+**1.在 entry/src/main/ets/entryability 下创建 BrowserManagerAbility.ets**
+
+```
+import UIAbility from '@ohos.app.ability.UIAbility'
+import window from '@ohos.window'
+
+const TAG = 'BrowserManagerAbility';
+
+export default class BrowserManagerAbility extends UIAbility {
+
+  onWindowStageCreate(windowStage: window.WindowStage) {
+    this.setWindowOrientation(windowStage, window.Orientation.PORTRAIT)
+    windowStage.loadContent('pages/BrowserManagerPage', (err, data) => {
+      if (err.code) {
+        console.info(TAG,'Failed to load the content. Cause: %{public}s',
+          JSON.stringify(err) ?? '')
+        return;
+      }
+      console.info(TAG,'Succeeded in loading the content')
+    });
+    try {
+      windowStage.getMainWindowSync().setWindowLayoutFullScreen(true, (err)=>{
+        if (err.code) {
+          console.error('Failed to enable the full-screen mode. Cause: ' + JSON.stringify(err));
+          return;
+        }
+        console.info('Succeeded in enabling the full-screen mode.');
+      })
+    } catch (exception) {
+      console.error('Failed to set the system bar to be invisible. Cause: ' + JSON.stringify(exception));
+    }
+  }
+
+  setWindowOrientation(stage: window.WindowStage, orientation: window.Orientation): void {
+    console.info(TAG,"into setWindowOrientation :")
+    if (!stage || !orientation) {
+      return;
+    }
+    stage.getMainWindow().then(windowInstance => {
+      windowInstance.setPreferredOrientation(orientation);
+    })
+  }
+}
+```
+
+**2.在 entry/src/main/module.json5注册BrowserManagerAbility**
+
+```
+"ablilities":[{
+        "name": "BrowserManagerAbility",
+        "srcEntrance": "./ets/entryability/BrowserManagerAbility.ets",
+        "description": "$string:EntryAbility_desc",
+        "icon": "$media:icon",
+        "startWindowIcon": "$media:startIcon",
+        "startWindowBackground": "$color:start_window_background",
+        "visible": true,
+
+}
+...
+]
+```
+
+**3.在 entry/src/main/ets/pages 下创建 BrowserManagerPage.ets**
+
+```
+import { BrowserPage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/Index'
+
+@Entry
+@Component
+struct ChromeTabsManagerPage {
+  build() {
+    Row(){
+      Column(){
+        BrowserPage();
+      }
+      .width('100%')
+    }
+    .height('100%')
+  }
+
+}
+```
+
+**4.在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+
+```
+{
+ "src": [
+  "pages/Index",
+  "pages/BrowserManagerPage"
+ ]
+}
+```
+
+**5.如果需要预热应用内浏览器客户端，使其启动速度显著加快，可以将以下内容添加到BrowserManagerAbility**
+
+```
+import { RNInAppBrowserModule } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts';
+
+export default class BrowserManagerAbility extends UIAbility {
+
+  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
+    RNInAppBrowserModule.start();
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入。
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-inappbrowser-reborn": "file:../../node_modules/@react-native-oh-tpl/react-native-inappbrowser-reborn/harmony/inappbrowser.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNInAppBrowserPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { RNInAppBrowserPackage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNInAppBrowserPackage(ctx),
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases)
+
+## API
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| open  | Opens the url with Safari in a modal on iOS using SFSafariViewController, and Chrome in a new custom tab on Android. On iOS, the modal Safari will not share cookies with the system Safari.                      | function | no       | iOS/Android | yes               |
+| close       | Dismisses the system's presented web browser. | function | no       | iOS/Android | yes               |
+| openAuth |Opens the url with Safari in a modal on iOS using SFAuthenticationSession/ASWebAuthenticationSession, and Chrome in a new custom tab on Android. On iOS, the user will be asked whether to allow the app to authenticate using the given url (OAuth flow with deep linking redirection).                                       | function | no       | iOS/Android | yes               |
+| closeAuth | Dismisses the current authentication session.                                  | function | no       | iOS/Android | yes               |
+| isAvailable  | Detect if the device supports this plugin.                                           | function | no       | iOS/Android | yes               |
+| onStart  | Initialize a bound background service so the application can communicate its intention to the browser. After the service is connected, the client can be used to Warms up the browser to make navigation faster and indicates that a given URL may be loaded in the future. - Android Only.                                           | function | no       | Android | yes               |
+| warmup  | Warm up the browser process - Android Only.                                           | function | no       | Android | yes               |
+| mayLaunchUrl  | Tells the browser of a likely future navigation to a URL. The most likely URL has to be specified first. Optionally, a list of other likely URLs can be provided. They are treated as less likely than the first one, and have to be sorted in decreasing priority order. These additional URLs may be ignored. All previous calls to this method will be deprioritized - Android Only.                                          | function | no       | Android | yes               |
+
+## 属性
+**iOS Options**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| dismissButtonStyle  | The style of the dismiss button. [done/close/cancel]         | String  | NO | iOS      | yes |
+| preferredBarTintColor  | The color to tint the background of the navigation bar and the toolbar. [white/#FFFFFF]         | String  | NO | iOS      | yes |
+| preferredControlTintColor  | The color to tint the control buttons on the navigation bar and the toolbar. [gray/#808080]         | String  | NO | iOS      | yes |
+| readerMode   | A value that specifies whether Safari should enter Reader mode, if it is available. [true/false]         | Boolean  | NO | iOS      | NO |
+| animated    | Animate the presentation. [true/false]        | Boolean  | NO | iOS      | NO |
+| modalPresentationStyle     | The presentation style for modally presented view controllers. [automatic/none/fullScreen/pageSheet/formSheet/currentContext/custom/overFullScreen/overCurrentContext/popover]        | String  | NO | iOS      | NO |
+| modalTransitionStyle      | The transition style to use when presenting the view controller. [coverVertical/flipHorizontal/crossDissolve/partialCurl]        | String  | NO | IOS      | NO |
+| modalEnabled       | Present the SafariViewController modally or as push instead. [true/false]       | Boolean  | NO | iOS      | NO |
+| enableBarCollapsing        | Determines whether the browser's tool bars will collapse or not. [true/false]       | Boolean  | NO | iOS      | NO |
+| ephemeralWebSession         | Prevent re-use cookies of previous session (openAuth only) [true/false]       | Boolean  | NO | iOS      | NO |
+| formSheetPreferredContentSize          | Custom size for iPad formSheet modals [{width: 400, height: 500}]       | Boolean  | NO | iOS      | NO |
+
+**Android  Options**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| showTitle   | Sets whether the title should be shown in the custom tab. [true/false]         | Boolean  | NO | Android      | NO |
+| toolbarColor    | Sets the toolbar color. [gray/#808080]         | String  | NO | Android      | NO |
+| secondaryToolbarColor     | Sets the color of the secondary toolbar. [white/#FFFFFF]         | String  | NO | Android      | NO |
+| navigationBarColor      | Sets the navigation bar color. [gray/#808080]         | String  | NO | Android      | NO |
+| navigationBarDividerColor       | Sets the navigation bar divider color. [white/#FFFFFF]         | String  | NO | Android      | NO |
+| enableUrlBarHiding        | Enables the url bar to hide as the user scrolls down on the page. [true/false]         | String  | NO | Android      | NO |
+| enableDefaultShare         | Adds a default share item to the menu. [true/false]         | String  | NO | Android      | NO |
+| animations          | Sets the start and exit animations. [{ startEnter, startExit, endEnter, endExit }]         | Object  | NO | Android      | NO |
+| headers           | The data are key/value pairs, they will be sent in the HTTP request headers for the provided url. [{ 'Authorization': 'Bearer ...' }]         | Object  | NO | Android      | NO |
+| forceCloseOnRedirection            | Open Custom Tab in a new task to avoid issues redirecting back to app scheme. [true/false]         | Boolean  | NO | Android      | NO |
+| hasBackButton             | Sets a back arrow instead of the default X icon to close the custom tab. [true/false]         | Boolean  | NO | Android      | NO |
+| browserPackage              | Package name of a browser to be used to handle Custom Tabs.         | Boolean  | NO | Android      | NO |
+| showInRecents               | Determining whether browsed website should be shown as separate entry in Android recents/multitasking view. [true/false]         | Boolean  | NO | Android      | NO |
+| includeReferrer           | Determining whether to include your package name as referrer for the website to track. [true/false]       | Boolean  | NO | Android      | NO |
+
+
+## 遗留问题
+
+- [ ] 打开浏览器时，不能指定浏览器设置阅读模式 [#1](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/1)
+- [ ] 打开浏览器，无法使文稿动起来 [#2](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/2)
+- [ ] 无法设置浏览器的视图控制器的风格 [#3](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/3)
+- [ ] 无法设置浏览器的过度风格 [#4](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/4)
+- [ ] 无法设置浏览器的推送方式 [#5](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/5)
+- [ ] 浏览器无法设置工具栏进行折叠  [#6](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/6)
+- [ ] 浏览器设置是否重复使用前一次会话的cookie  [#7](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/7)
+- [ ] 浏览器设置模态框的自定义尺寸  [#8](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/8)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/proyecto26/react-native-inappbrowser/blob/develop/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 6edf2643bdd9c2ec3fe914408863d81320485f76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=B8=E5=85=88=E7=94=9F?= <qinyiscl@foxmail.com>
Date: Fri, 26 Jul 2024 08:39:22 +0000
Subject: [PATCH 279/966] =?UTF-8?q?!1223=20docs:=20[Issues:=20#IAFI47]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-navigation-shared-element=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAFI47]=20=E4=BF=AE=E6=94=B9react-navigation-shared-element?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-navigation-shared-element.md | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/zh-cn/react-navigation-shared-element.md b/zh-cn/react-navigation-shared-element.md
index 4c96526c..304652bd 100644
--- a/zh-cn/react-navigation-shared-element.md
+++ b/zh-cn/react-navigation-shared-element.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-navigation-shared-element</code> </h1>
@@ -211,19 +210,23 @@ const styles = StyleSheet.create({
 ```
 ## 约束与限制
 
-### 兼容性
+### Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑ROM。
+如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 B.0.22、IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.24;
+1. RNOH：0.72.26; SDK：HarmonyOS-NEXT-Developer-Beta1 5.0.0.22；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **SharedElement**
 
@@ -233,7 +236,6 @@ const styles = StyleSheet.create({
 | `onNode`  | Event handler that sets or unsets the node-handle. | function |  no     | All   | yes      |
 
 **SharedElementTransition**
-
 | Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
 | ----- | ----- | -------- | -------- | -------- | -------- |
 | `start`  | Start node- and ancestor. |  node: SharedElementNode, ancestor: SharedElementNode  | no     | All  | yes      |
@@ -251,5 +253,4 @@ const styles = StyleSheet.create({
 ## 其他
 
 ## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/IjzerenHein/react-navigation-shared-element/blob/main/LICENSE.md) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/IjzerenHein/react-navigation-shared-element/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file

From a495fbd26d51aeb67fe96435e161b8aab05ff4e8 Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Fri, 26 Jul 2024 08:45:56 +0000
Subject: [PATCH 280/966] =?UTF-8?q?!1194=20docs:=20[#IAFCTA]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-cameraroll=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-cameraroll=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cameraroll.md | 94 +++++++++++++++++++++++---------
 1 file changed, 69 insertions(+), 25 deletions(-)

diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index d5f10d7f..fece090a 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-cameraroll</code> </h1>
@@ -13,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-cameraroll)
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-cameraroll)
 
 ## 安装与使用
 
@@ -39,7 +38,7 @@ yarn add @react-native-oh-tpl/camera-roll@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
@@ -49,7 +48,7 @@ import {
   CameraRoll,
   harmonyRequestAddOnlyGalleryPermission,
   harmonyRequestReadWriteGalleryPermission,
-} from "react-native-camera-roll/camera-roll";
+} from "@react-native-camera-roll/camera-roll";
 
 export default function App() {
   return (
@@ -97,6 +96,17 @@ export default function App() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -114,7 +124,7 @@ export default function App() {
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-camera-roll": "file:../../node_modules/@react-native-oh-tpl/camera-roll/harmony/camera_roll.har"
+    "@react-native-oh-tpl/camera-roll": "file:../../node_modules/@react-native-oh-tpl/camera-roll/harmony/camera_roll.har"
   }
 ```
 
@@ -138,28 +148,37 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-camera-roll/src/main/cpp" ./camera-roll)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/camera-roll/src/main/cpp" ./camera-roll)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_camera_roll)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -185,7 +204,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
   ...
-+ import { CameraRollPackage } from 'rnoh-camera-roll/ts';
++ import { CameraRollPackage } from '@react-native-oh-tpl/camera-roll/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -210,13 +229,44 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ···
 
     "requestPermissions": [
-+     { "name": "ohos.permission.READ_IMAGEVIDEO" },
-+     { "name": "ohos.permission.WRITE_IMAGEVIDEO" }
++    {
++        "name": "ohos.permission.READ_IMAGEVIDEO",
++        "reason": '$string:app_name',  
++        "usedScene": {
++          "abilities": [
++            "FormAbility"
++          ],
++          "when":"inuse"
++        }
++      },
++      {
++        "name": "ohos.permission.WRITE_IMAGEVIDEO",
++        "reason": '$string:app_name',
++        "usedScene": {
++          "abilities": [
++            "FormAbility"
++          ],
++          "when":"inuse"
++        }
++      }
     ]
   }
 }
 ```
 
+在 `YourProject/AppScope/resource/base/element/string.json`补上配置
+
+```diff
+{
++  "string": [
++    {
++      "name": "app_name",
++      "value": "RN Tester"
++    }
++  ]
+}
+```
+
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -247,7 +297,7 @@ ohpm install
 **CameraRoll**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| saveToCameraRoll | 保存图片/视频 | function | no | android,ios | no |
+| save | 保存图片/视频 | function | no | android,ios | partially |
 | getPhotos | 查找图片/视频 | function | no | android,ios | partially |
 | getAlbums | 查找相册 | function | no | android,ios | partially |
 | deletePhotos | 删除图片/视频 | function | no | android,ios | no |
@@ -273,16 +323,10 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] harmony 保存图片/视频到指定相册需要使用系统接口
-- [ ] harmony 查找图片/视频部分查询条件和返回字段需要使用系统接口
-- [ ] harmony 纯图片相册暂未对外开放，系统相册不返回相册名
-- [ ] harmony 删除图片/视频需要使用系统接口
-- [ ] harmony 暂无对标 ios 图片列表刷新的方法
+- [ ] deletePhotos删除图片/视频，未实现 HarmonyOS 化:  [issue#5](https://github.com/react-native-oh-library/react-native-cameraroll/issues/5)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-cameraroll/react-native-cameraroll/blob/master/LICENCE) ，请自由地享受和参与开源。
\ No newline at end of file

From eed1cefe7773a926658978678add786e19ae15dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E7=94=B1=E8=90=BD=E4=BD=93?= <602263131@qq.com>
Date: Fri, 26 Jul 2024 09:08:37 +0000
Subject: [PATCH 281/966] =?UTF-8?q?!1209=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-swipe-list-view.md | 171 ++++++++++++++------------
 1 file changed, 89 insertions(+), 82 deletions(-)

diff --git a/zh-cn/react-native-swipe-list-view.md b/zh-cn/react-native-swipe-list-view.md
index 5793f491..0c2b4559 100644
--- a/zh-cn/react-native-swipe-list-view.md
+++ b/zh-cn/react-native-swipe-list-view.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-swipe-list-view</code> </h1>
@@ -8,17 +8,18 @@
     <a href="https://github.com/jemise111/react-native-swipe-list-view">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-swipe-list-view/blob/sig/LICENSE">
+    <a href="https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-swipe-list-view)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-swipe-list-view](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -207,105 +208,111 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
-在以下版本验证通过
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/)
 
 ## 属性
 
-**SwipeListView**
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。**SwipeListView**
 
 | Name                                 | Description                                                                                                                                                                                                                                                                                                                                                                                      | Type     | Required | Platform      | HarmonyOS Support |
 | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ------------- | ----------------- |
-| data                                 | List of objects to be passed into the `renderItem` and `renderHiddenItem` functions. Each item must include a unique `key` property or `keyExtractor` must be implemented to ensure full functionality.                                                                                                                                                                                          | array    | YES      | Android IOS   | YES               |
-| useSectionList                       | Render list using React Native's `SectionList`                                                                                                                                                                                                                                                                                                                                                   | bool     | NO       | Android IOS   | YES               |
-| renderItem                           | How to render a row in a FlatList. Should return a valid React Element.                                                                                                                                                                                                                                                                                                                          | func     | YES      | Android IOS   | YES               |
-| renderHiddenItem                     | How to render a hidden row in a FlatList (renders behind the row). Should return a valid React Element. This is required unless `renderItem` returns a `<SwipeRow>` (see [Per Row Behavior](https://github.com/jemise111/react-native-swipe-list-view/blob/master/docs/per-row-behavior.md)).                                                                                                    | func     | YES      | Android IOS   | YES               |
-| leftOpenValue                        | TranslateX value for opening the row to the left (positive number)                                                                                                                                                                                                                                                                                                                               | number   | NO       | Android IOS   | YES               |
-| rightOpenValue                     | TranslateX value for opening the row to the right (negative number)                                                                                                                                                                                                                                                                                                                              | number | NO       | Android IOS   | YES               |
-| leftActivationValue                | TranslateX value for firing onLeftActionStatusChange (positive number)                                                                                                                                                                                                                                                                                                                           | number | NO       | Android IOS      | NO                |
-| rightActivationValue               | TranslateX value for firing onRightActionStatusChange (negative number)                                                                                                                                                                                                                                                                                                                          | number | NO       | Android IOS   | YES               |
-| rightActionValue                   | TranslateX value for right action to which the row will be shifted after gesture release                                                                                                                                                                                                                                                                                                         | number | NO       | Android IOS   | YES               |
-| initialLeftActionState             | Initial value for left action state (default is false)                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android IOS   | YES               |
-| initialRightActionState            | Initial value for right action state (default is false)                                                                                                                                                                                                                                                                                                                                          | bool   | NO       | Android IOS   | YES               |
-| closeOnRowPress                    | Should open rows be closed when a row is pressed                                                                                                                                                                                                                                                                                                                                                 | bool   | NO       | Android IOS | YES               |
-| closeOnRowOpen                     | Should open rows be closed when another row is opened                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android IOS   | YES               |
-| closeOnRowBeginSwipe               | Should open rows be closed when a row begins to swipe open                                                                                                                                                                                                                                                                                                                                       | bool   | NO       | Android IOS | YES               |
-| closeOnScroll                      | Should open rows be closed when the listView begins scrolling                                                                                                                                                                                                                                                                                                                                    | bool   | NO       | Android IOS   | YES               |
-| disableLeftSwipe                   | Disable ability to swipe the row left                                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android IOS   | YES               |
-| disableRightSwipe                  | Disable ability to swipe the row right                                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android IOS   | YES               |
-| stopLeftSwipe                      | TranslateX value for stop the row to the left (positive number). This number is the stop value corresponding to the leftOpenValue (while the row is swiping in the right direction)                                                                                                                                                                                                            | number | NO       | Android IOS   | YES               |
-| stopRightSwipe                     | TranslateX value for stop the row to the right (negative number). This number is the stop value corresponding to the rightOpenValue (while the row is swiping in the left direction)                                                                                                                                                                                                           | number | NO       | Android IOS   | YES               |
-| directionalDistanceChangeThreshold | Change the sensitivity of the row                                                                                                                                                                                                                                                                                                                                                                | number | NO       | Android IOS   | YES               |
-| swipeToOpenPercent                 | What % of the left/right openValue does the user need to swipe past to trigger the row opening.                                                                                                                                                                                                                                                                                                  | number | NO       | Android IOS   | YES               |
-| swipeToClosePercent                | What % of the left/right openValue does the user need to swipe past to trigger the row closing.                                                                                                                                                                                                                                                                                                  | number | NO       | Android IOS   | YES               |
-| swipeToOpenVelocityContribution    | Describes how much the ending velocity of the gesture affects whether the swipe will result in the item being closed or open. A velocity factor of 0 (the default) means that the velocity will have no bearing on whether the swipe settles on a closed or open position and it'll just take into consideration the swipeToOpenPercent. Ideal values for this prop tend to be between 5 and 15. | number | NO       | Android IOS   | YES               |
+| data                                 | List of objects to be passed into the `renderItem` and `renderHiddenItem` functions. Each item must include a unique `key` property or `keyExtractor` must be implemented to ensure full functionality.                                                                                                                                                                                          | array    | YES      | Android iOS | YES               |
+| useSectionList                       | Render list using React Native's `SectionList`                                                                                                                                                                                                                                                                                                                                                   | bool     | NO       | Android iOS | YES               |
+| renderItem                           | How to render a row in a FlatList. Should return a valid React Element.                                                                                                                                                                                                                                                                                                                          | func     | YES      | Android iOS | YES               |
+| renderHiddenItem                     | How to render a hidden row in a FlatList (renders behind the row). Should return a valid React Element. This is required unless `renderItem` returns a `<SwipeRow>` (see [Per Row Behavior](https://github.com/jemise111/react-native-swipe-list-view/blob/master/docs/per-row-behavior.md)).                                                                                                    | func     | YES      | Android iOS | YES               |
+| leftOpenValue                        | TranslateX value for opening the row to the left (positive number)                                                                                                                                                                                                                                                                                                                               | number   | NO       | Android iOS | YES               |
+| rightOpenValue                     | TranslateX value for opening the row to the right (negative number)                                                                                                                                                                                                                                                                                                                              | number | NO       | Android iOS | YES               |
+| leftActivationValue                | TranslateX value for firing onLeftActionStatusChange (positive number)                                                                                                                                                                                                                                                                                                                           | number | NO       | Android iOS  | NO                |
+| rightActivationValue               | TranslateX value for firing onRightActionStatusChange (negative number)                                                                                                                                                                                                                                                                                                                          | number | NO       | Android iOS | YES               |
+| rightActionValue                   | TranslateX value for right action to which the row will be shifted after gesture release                                                                                                                                                                                                                                                                                                         | number | NO       | Android iOS | YES               |
+| initialLeftActionState             | Initial value for left action state (default is false)                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android iOS | YES               |
+| initialRightActionState            | Initial value for right action state (default is false)                                                                                                                                                                                                                                                                                                                                          | bool   | NO       | Android iOS | YES               |
+| closeOnRowPress                    | Should open rows be closed when a row is pressed                                                                                                                                                                                                                                                                                                                                                 | bool   | NO       | Android iOS | YES               |
+| closeOnRowOpen                     | Should open rows be closed when another row is opened                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android iOS | YES               |
+| closeOnRowBeginSwipe               | Should open rows be closed when a row begins to swipe open                                                                                                                                                                                                                                                                                                                                       | bool   | NO       | Android iOS | YES               |
+| closeOnScroll                      | Should open rows be closed when the listView begins scrolling                                                                                                                                                                                                                                                                                                                                    | bool   | NO       | Android iOS | YES               |
+| disableLeftSwipe                   | Disable ability to swipe the row left                                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android iOS | YES               |
+| disableRightSwipe                  | Disable ability to swipe the row right                                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android iOS | YES               |
+| stopLeftSwipe                      | TranslateX value for stop the row to the left (positive number). This number is the stop value corresponding to the leftOpenValue (while the row is swiping in the right direction)                                                                                                                                                                                                            | number | NO       | Android iOS | YES               |
+| stopRightSwipe                     | TranslateX value for stop the row to the right (negative number). This number is the stop value corresponding to the rightOpenValue (while the row is swiping in the left direction)                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| directionalDistanceChangeThreshold | Change the sensitivity of the row                                                                                                                                                                                                                                                                                                                                                                | number | NO       | Android iOS | YES               |
+| swipeToOpenPercent                 | What % of the left/right openValue does the user need to swipe past to trigger the row opening.                                                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| swipeToClosePercent                | What % of the left/right openValue does the user need to swipe past to trigger the row closing.                                                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| swipeToOpenVelocityContribution    | Describes how much the ending velocity of the gesture affects whether the swipe will result in the item being closed or open. A velocity factor of 0 (the default) means that the velocity will have no bearing on whether the swipe settles on a closed or open position and it'll just take into consideration the swipeToOpenPercent. Ideal values for this prop tend to be between 5 and 15. | number | NO       | Android iOS | YES               |
 
 **SwipeRow**
 
 | Name                                 | Description                                                                                                                                                                                                                                                                                                                                                                                      | Type     | Required | Platform      | HarmonyOS Support |
 |:------------------------------------:|:------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:--------:|:--------:|:-------------:| ----------------- |
-| closeOnRowPress                    | Should the row be closed when it is tapped                                                                                                                                                                                                                                                                                                                                                       | bool   | NO       | Android IOS   | YES               |
-| directionalDistanceChangeThreshold | Change the sensitivity of the row                                                                                                                                                                                                                                                                                                                                                                | number | NO       | Android IOS   | YES               |
-| friction                           | Friction for the open / close animation. Controls "bounciness"/overshoot. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                           | number | NO       | Android IOS   | YES               |
-| tension                            | Tension for the open / close animation. Controls speed. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                                             | number | NO       | Android IOS | YES               |
-| restSpeedThreshold                 | RestSpeedThreshold for the open / close animation. Controls speed. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                                  | number | NO       | Android IOS | YES               |
-| restDisplacementThreshold          | RestDisplacementThreshold for the open / close animation. Controls speed. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                           | number | NO       | Android IOS   | YES               |
-| leftOpenValue                      | TranslateX value for opening the row to the left (positive number)                                                                                                                                                                                                                                                                                                                               | number | YES      | Android IOS | YES               |
-| rightOpenValue                     | TranslateX value for opening the row to the right (negative number)                                                                                                                                                                                                                                                                                                                              | number | YES      | Android IOS | YES               |
-| leftActivationValue                | TranslateX value for firing onLeftActionStatusChange (positive number)                                                                                                                                                                                                                                                                                                                           | number | NO       | Android IOS   | YES               |
-| rightActivationValue               | TranslateX value for firing onRightActionStatusChange (negative number)                                                                                                                                                                                                                                                                                                                          | number | NO       | Android IOS   | YES               |
-| initialLeftActionState             | Initial value for left action state (default is false)                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android IOS   | YES               |
-| initialRightActionState`           | Initial value for right action state (default is false)                                                                                                                                                                                                                                                                                                                                          | bool   | NO       | Android IOS   | YES               |
-| leftActionValue                    | TranslateX value for left action to which the row will be shifted after gesture release                                                                                                                                                                                                                                                                                                          | number | NO       | Android IOS   | YES               |
-| rightActionValue                   | TranslateX value for right action to which the row will be shifted after gesture release                                                                                                                                                                                                                                                                                                         | number | NO       | Android IOS   | YES               |
-| stopLeftSwipe                      | TranslateX value for stop the row to the left (positive number). This number is the stop value corresponding to the leftOpenValue (while the row is swiping in the right direction)                                                                                                                                                                                                            | number | NO       | Android IOS   | YES               |
-| stopRightSwipe                     | TranslateX value for stop the row to the right (negative number). This number is the stop value corresponding to the rightOpenValue (while the row is swiping in the left direction)                                                                                                                                                                                                           | number | NO       | Android IOS   | YES               |
-| onRowPress                         | Called when row is pressed.                                                                                                                                                                                                                                                                                                                                                                      | func   | NO       | Android IOS   | YES               |
-| onRowOpen                          | Called when row is animating open. Used by the SwipeListView to keep references to open rows.                                                                                                                                                                                                                                                                                                    | func   | NO       | Android IOS   | YES               |
-| onRowDidOpen                       | Called when row has animated open                                                                                                                                                                                                                                                                                                                                                                | func   | NO       | Android IOS   | YES               |
-| onRowClose                         | Called when row is animating closed                                                                                                                                                                                                                                                                                                                                                              | func   | NO       | Android IOS   | YES               |
-| onRowDidClose                      | Called when a swipe row has animated closed                                                                                                                                                                                                                                                                                                                                                      | func   | NO       | Android IOS   | YES               |
-| onLeftActionStatusChange           | Called once when swipe value crosses the leftActivationValue                                                                                                                                                                                                                                                                                                                                     | func   | NO       | Android IOS   | YES               |
-| onRightActionStatusChange          | Called once when swipe value crosses the rightActivationValue                                                                                                                                                                                                                                                                                                                                    | func   | NO       | Android IOS   | YES               |
-| onLeftAction                       | Called when row shifted to leftActivationValue                                                                                                                                                                                                                                                                                                                                                   | func   | NO       | Android IOS   | YES               |
-| onRightAction                      | Called when row shifted to rightActivationValue                                                                                                                                                                                                                                                                                                                                                  | func   | NO       | Android IOS   | YES               |
-| swipeToOpenPercent                 | What % of the left/right openValue does the user need to swipe past to trigger the row opening.                                                                                                                                                                                                                                                                                                  | number | NO       | Android IOS   | YES               |
-| swipeToClosePercent                | What % of the left/right openValue does the user need to swipe past to trigger the row closing.                                                                                                                                                                                                                                                                                                  | number | NO       | Android IOS   | YES               |
-| setScrollEnabled                   | Used by the SwipeListView to close rows on scroll events. You shouldn't need to use this prop explicitly.                                                                                                                                                                                                                                                                                        | func   | NO       | Android IOS   | YES               |
-| disableLeftSwipe                   | Disable ability to swipe the row left                                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android IOS   | YES               |
-| disableRightSwipe                  | Disable ability to swipe the row right                                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android IOS   | YES               |
-| recalculateHiddenLayout            | Enable hidden row onLayout calculations to run always                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android IOS | YES               |
-| style                              | Styles for the parent wrapper View of the SwipeRow                                                                                                                                                                                                                                                                                                                                               | object | YES      | Android IOS   | YES               |
-| preview                            | Should the row do a slide out preview to show that it is swipeable                                                                                                                                                                                                                                                                                                                               | bool   | NO       | Android IOS   | YES               |
-| previewDuration                    | Duration of the slide out preview animation                                                                                                                                                                                                                                                                                                                                                      | number | NO       | Android IOS   | YES               |
-| previewRepeat                      | Should the animation repeat                                                                                                                                                                                                                                                                                                                                                                      | bool   | NO       | Android IOS   | YES               |
-| previewRepeatDelay                 | Delay between each preview repeat in milliseconds                                                                                                                                                                                                                                                                                                                                                | number | NO       | Android IOS   | YES               |
-| previewOpenValue                   | TranslateX value for the slide out preview animation                                                                                                                                                                                                                                                                                                                                             | number | NO       | Android IOS   | YES               |
-| onSwipeValueChange                 | Callback invoked any time the translateX value of the row changes                                                                                                                                                                                                                                                                                                                                | func   | NO       | Android IOS   | YES               |
-| swipeGestureBegan                  | Called when the row is animating swipe                                                                                                                                                                                                                                                                                                                                                           | func   | NO       | Android IOS   | YES               |
-| swipeGestureEnded                  | Called when user has ended their swipe gesture                                                                                                                                                                                                                                                                                                                                                   | func   | NO       | Android IOS   | YES               |
-| swipeToOpenVelocityContribution    | Describes how much the ending velocity of the gesture affects whether the swipe will result in the item being closed or open. A velocity factor of 0 (the default) means that the velocity will have no bearing on whether the swipe settles on a closed or open position and it'll just take into consideration the swipeToOpenPercent. Ideal values for this prop tend to be between 5 and 15. | number | NO       | Android IOS | YES               |
-| shouldItemUpdate                   | Callback to determine whether component should update                                                                                                                                                                                                                                                                                                                                            | func   | NO       | Android IOS   | YES               |
-| forceCloseToLeftThreshold          | TranslateX amount(not value!) threshold that triggers force-closing the row to the Left End (positive number)                                                                                                                                                                                                                                                                                    | number | NO       | Android IOS   | YES               |
-| forceCloseToRightThreshold         | TranslateX amount(not value!) threshold that triggers force-closing the row to the Right End (positive number)                                                                                                                                                                                                                                                                                   | number | NO       | Android IOS   | YES               |
-| onForceCloseToLeft                 | Callback invoked when row is force closing to the Left End                                                                                                                                                                                                                                                                                                                                       | func   | NO       | Android IOS   | YES               |
-| onForceCloseToRight                | Callback invoked when row is force closing to the Right End                                                                                                                                                                                                                                                                                                                                      | func   | NO       | Android IOS   | YES               |
-| onForceCloseToLeftEnd              | Callback invoked when row has finished force closing to the Left End                                                                                                                                                                                                                                                                                                                             | func   | NO       | Android IOS   | YES               |
-| onForceCloseToRightEnd             | Callback invoked when row has finished force closing to the Right End                                                                                                                                                                                                                                                                                                                            | func   | NO       | Android IOS   | YES               |
-| useNativeDriver                    | useNativeDriver: true for all animations                                                                                                                                                                                                                                                                                                                                                       | bool   | NO       | Android IOS   | YES               |
-| swipeKey                           | Optional key to identify a standalone row, used in the onSwipeValueChange callback                                                                                                                                                                                                                                                                                                             | string | NO       | Android IOS   | YES               |
-| onPreviewEnd                       | Callback that runs after row swipe preview is finished                                                                                                                                                                                                                                                                                                                                           | func   | NO       | Android IOS   | YES               |
+| closeOnRowPress                    | Should the row be closed when it is tapped                                                                                                                                                                                                                                                                                                                                                       | bool   | NO       | Android iOS | YES               |
+| directionalDistanceChangeThreshold | Change the sensitivity of the row                                                                                                                                                                                                                                                                                                                                                                | number | NO       | Android iOS | YES               |
+| friction                           | Friction for the open / close animation. Controls "bounciness"/overshoot. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| tension                            | Tension for the open / close animation. Controls speed. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                                             | number | NO       | Android iOS | YES               |
+| restSpeedThreshold                 | RestSpeedThreshold for the open / close animation. Controls speed. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| restDisplacementThreshold          | RestDisplacementThreshold for the open / close animation. Controls speed. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| leftOpenValue                      | TranslateX value for opening the row to the left (positive number)                                                                                                                                                                                                                                                                                                                               | number | YES      | Android iOS | YES               |
+| rightOpenValue                     | TranslateX value for opening the row to the right (negative number)                                                                                                                                                                                                                                                                                                                              | number | YES      | Android iOS | YES               |
+| leftActivationValue                | TranslateX value for firing onLeftActionStatusChange (positive number)                                                                                                                                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| rightActivationValue               | TranslateX value for firing onRightActionStatusChange (negative number)                                                                                                                                                                                                                                                                                                                          | number | NO       | Android iOS | YES               |
+| initialLeftActionState             | Initial value for left action state (default is false)                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android iOS | YES               |
+| initialRightActionState`           | Initial value for right action state (default is false)                                                                                                                                                                                                                                                                                                                                          | bool   | NO       | Android iOS | YES               |
+| leftActionValue                    | TranslateX value for left action to which the row will be shifted after gesture release                                                                                                                                                                                                                                                                                                          | number | NO       | Android iOS | YES               |
+| rightActionValue                   | TranslateX value for right action to which the row will be shifted after gesture release                                                                                                                                                                                                                                                                                                         | number | NO       | Android iOS | YES               |
+| stopLeftSwipe                      | TranslateX value for stop the row to the left (positive number). This number is the stop value corresponding to the leftOpenValue (while the row is swiping in the right direction)                                                                                                                                                                                                            | number | NO       | Android iOS | YES               |
+| stopRightSwipe                     | TranslateX value for stop the row to the right (negative number). This number is the stop value corresponding to the rightOpenValue (while the row is swiping in the left direction)                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| onRowPress                         | Called when row is pressed.                                                                                                                                                                                                                                                                                                                                                                      | func   | NO       | Android iOS | YES               |
+| onRowOpen                          | Called when row is animating open. Used by the SwipeListView to keep references to open rows.                                                                                                                                                                                                                                                                                                    | func   | NO       | Android iOS | YES               |
+| onRowDidOpen                       | Called when row has animated open                                                                                                                                                                                                                                                                                                                                                                | func   | NO       | Android iOS | YES               |
+| onRowClose                         | Called when row is animating closed                                                                                                                                                                                                                                                                                                                                                              | func   | NO       | Android iOS | YES               |
+| onRowDidClose                      | Called when a swipe row has animated closed                                                                                                                                                                                                                                                                                                                                                      | func   | NO       | Android iOS | YES               |
+| onLeftActionStatusChange           | Called once when swipe value crosses the leftActivationValue                                                                                                                                                                                                                                                                                                                                     | func   | NO       | Android iOS | YES               |
+| onRightActionStatusChange          | Called once when swipe value crosses the rightActivationValue                                                                                                                                                                                                                                                                                                                                    | func   | NO       | Android iOS | YES               |
+| onLeftAction                       | Called when row shifted to leftActivationValue                                                                                                                                                                                                                                                                                                                                                   | func   | NO       | Android iOS | YES               |
+| onRightAction                      | Called when row shifted to rightActivationValue                                                                                                                                                                                                                                                                                                                                                  | func   | NO       | Android iOS | YES               |
+| swipeToOpenPercent                 | What % of the left/right openValue does the user need to swipe past to trigger the row opening.                                                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| swipeToClosePercent                | What % of the left/right openValue does the user need to swipe past to trigger the row closing.                                                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| setScrollEnabled                   | Used by the SwipeListView to close rows on scroll events. You shouldn't need to use this prop explicitly.                                                                                                                                                                                                                                                                                        | func   | NO       | Android iOS | YES               |
+| disableLeftSwipe                   | Disable ability to swipe the row left                                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android iOS | YES               |
+| disableRightSwipe                  | Disable ability to swipe the row right                                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android iOS | YES               |
+| recalculateHiddenLayout            | Enable hidden row onLayout calculations to run always                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android iOS | YES               |
+| style                              | Styles for the parent wrapper View of the SwipeRow                                                                                                                                                                                                                                                                                                                                               | object | YES      | Android iOS | YES               |
+| preview                            | Should the row do a slide out preview to show that it is swipeable                                                                                                                                                                                                                                                                                                                               | bool   | NO       | Android iOS | YES               |
+| previewDuration                    | Duration of the slide out preview animation                                                                                                                                                                                                                                                                                                                                                      | number | NO       | Android iOS | YES               |
+| previewRepeat                      | Should the animation repeat                                                                                                                                                                                                                                                                                                                                                                      | bool   | NO       | Android iOS | YES               |
+| previewRepeatDelay                 | Delay between each preview repeat in milliseconds                                                                                                                                                                                                                                                                                                                                                | number | NO       | Android iOS | YES               |
+| previewOpenValue                   | TranslateX value for the slide out preview animation                                                                                                                                                                                                                                                                                                                                             | number | NO       | Android iOS | YES               |
+| onSwipeValueChange                 | Callback invoked any time the translateX value of the row changes                                                                                                                                                                                                                                                                                                                                | func   | NO       | Android iOS | YES               |
+| swipeGestureBegan                  | Called when the row is animating swipe                                                                                                                                                                                                                                                                                                                                                           | func   | NO       | Android iOS | YES               |
+| swipeGestureEnded                  | Called when user has ended their swipe gesture                                                                                                                                                                                                                                                                                                                                                   | func   | NO       | Android iOS | YES               |
+| swipeToOpenVelocityContribution    | Describes how much the ending velocity of the gesture affects whether the swipe will result in the item being closed or open. A velocity factor of 0 (the default) means that the velocity will have no bearing on whether the swipe settles on a closed or open position and it'll just take into consideration the swipeToOpenPercent. Ideal values for this prop tend to be between 5 and 15. | number | NO       | Android iOS | YES               |
+| shouldItemUpdate                   | Callback to determine whether component should update                                                                                                                                                                                                                                                                                                                                            | func   | NO       | Android iOS | YES               |
+| forceCloseToLeftThreshold          | TranslateX amount(not value!) threshold that triggers force-closing the row to the Left End (positive number)                                                                                                                                                                                                                                                                                    | number | NO       | Android iOS | YES               |
+| forceCloseToRightThreshold         | TranslateX amount(not value!) threshold that triggers force-closing the row to the Right End (positive number)                                                                                                                                                                                                                                                                                   | number | NO       | Android iOS | YES               |
+| onForceCloseToLeft                 | Callback invoked when row is force closing to the Left End                                                                                                                                                                                                                                                                                                                                       | func   | NO       | Android iOS | YES               |
+| onForceCloseToRight                | Callback invoked when row is force closing to the Right End                                                                                                                                                                                                                                                                                                                                      | func   | NO       | Android iOS | YES               |
+| onForceCloseToLeftEnd              | Callback invoked when row has finished force closing to the Left End                                                                                                                                                                                                                                                                                                                             | func   | NO       | Android iOS | YES               |
+| onForceCloseToRightEnd             | Callback invoked when row has finished force closing to the Right End                                                                                                                                                                                                                                                                                                                            | func   | NO       | Android iOS | YES               |
+| useNativeDriver                    | useNativeDriver: true for all animations                                                                                                                                                                                                                                                                                                                                                       | bool   | NO       | Android iOS | YES               |
+| swipeKey                           | Optional key to identify a standalone row, used in the onSwipeValueChange callback                                                                                                                                                                                                                                                                                                             | string | NO       | Android iOS | YES               |
+| onPreviewEnd                       | Callback that runs after row swipe preview is finished                                                                                                                                                                                                                                                                                                                                           | func   | NO       | Android iOS | YES               |
 
 ## 遗留问题
 
+- [ ] 属性leftActivationValue在鸿蒙暂时未适配 [issue#4](https://github.com/react-native-oh-library/react-native-swipe-list-view/issues/4) 
+
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-swipe-list-view/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 
 

From cad866a666a336d42e2694b109553e4193ad68d6 Mon Sep 17 00:00:00 2001
From: feng <fengbolun1@h-partners.com>
Date: Fri, 26 Jul 2024 09:09:16 +0000
Subject: [PATCH 282/966] =?UTF-8?q?!1225=20docs:=20[Issues:=20#IAFTDG]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFTDG]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-code-push.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 38325175..816d0fe1 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -299,7 +299,7 @@ build() {
               // NOTE: to load the bundle from file, place it in
               // `/data/app/el2/100/base/com.rnoh.tester/files/bundle.harmony.js`
               // on your device. The path mismatch is due to app sandboxing on HarmonyOS
-+              new FileJSBundleProvider(context.filesDir + '/' + this.bundlePath),
++              new FileJSBundleProvider(context.filesDir + '/Bundles/' + this.bundlePath),
               new FileJSBundleProvider('/data/storage/el2/base/files/bundle.harmony.js'),
               new ResourceJSBundleProvider(this.rnohCoreContext.uiAbilityContext.resourceManager, 'hermes_bundle.hbc'),
               new ResourceJSBundleProvider(this.rnohCoreContext.uiAbilityContext.resourceManager, 'bundle.harmony.js')

From ad51ac05fcd2f0f5cd0157ba545db7b5e89b223c Mon Sep 17 00:00:00 2001
From: iven <8495318+wei-fan@user.noreply.gitee.com>
Date: Fri, 26 Jul 2024 09:15:51 +0000
Subject: [PATCH 283/966] =?UTF-8?q?!1121=20docs:=20[Issues:=20#IADHWI]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-copilot=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IADHWI]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-copilot=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-copilot.md | 238 ++++++++++++++++++++++++++++++++++
 1 file changed, 238 insertions(+)
 create mode 100644 zh-cn/react-native-copilot.md

diff --git a/zh-cn/react-native-copilot.md b/zh-cn/react-native-copilot.md
new file mode 100644
index 00000000..742e38f8
--- /dev/null
+++ b/zh-cn/react-native-copilot.md
@@ -0,0 +1,238 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-copilot</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mohebifar/react-native-copilot">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mohebifar/react-native-copilot/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/mohebifar/react-native-copilot)
+
+## 安装与使用
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install --save react-native-copilot@3.3.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-copilot@3.3.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useEffect, useState } from "react";
+import {
+  Image,
+  SafeAreaView,
+  StyleSheet,
+  Switch,
+  Text,
+  TouchableOpacity,
+  View,
+} from "react-native";
+import {
+  CopilotProvider,
+  CopilotStep,
+  walkthroughable,
+  useCopilot,
+} from "react-native-copilot";
+
+const WalkthroughableText = walkthroughable(Text);
+const WalkthroughableImage = walkthroughable(Image);
+
+function App() {
+  const { start, copilotEvents } = useCopilot();
+  const [secondStepActive, setSecondStepActive] = useState(true);
+  const [lastEvent, setLastEvent] = useState(null);
+
+  useEffect(() => {
+    copilotEvents.on("stepChange", (step) => {
+      setLastEvent(`stepChange: ${step.name}`);
+    });
+    copilotEvents.on("start", () => {
+      setLastEvent(`start`);
+    });
+    copilotEvents.on("stop", () => {
+      setLastEvent(`stop`);
+    });
+  }, [copilotEvents]);
+
+  return (
+    <SafeAreaView style={styles.container}>
+      <CopilotStep
+        text="Hey! This is the first step of the tour!"
+        order={1}
+        name="openApp"
+      >
+        <WalkthroughableText style={styles.title}>
+          {'Welcome to the demo of\n"React Native Copilot"'}
+        </WalkthroughableText>
+      </CopilotStep>
+      <View style={styles.middleView}>
+        <CopilotStep
+          active={secondStepActive}
+          text="Here goes your profile picture!"
+          order={2}
+          name="secondText"
+        >
+          <WalkthroughableImage
+            source={require('../assets/react-native-copilot-man.jpeg')}
+            style={styles.profilePhoto}
+          />
+        </CopilotStep>
+        <View style={styles.activeSwitchContainer}>
+          <Text>Profile photo step activated?</Text>
+          <View style={{ flexGrow: 1 }} />
+          <Switch
+            onValueChange={(secondStepActive) =>
+              setSecondStepActive(secondStepActive)
+            }
+            value={secondStepActive}
+          />
+        </View>
+        <TouchableOpacity style={styles.button} onPress={() => start()}>
+          <Text style={styles.buttonText}>START THE TUTORIAL!</Text>
+        </TouchableOpacity>
+        <View style={styles.eventContainer}>
+          <Text>{lastEvent && `Last event: ${lastEvent}`}</Text>
+        </View>
+      </View>
+      <View style={styles.row}>
+        <CopilotStep
+          text="Here is an item in the corner of the screen."
+          order={3}
+          name="thirdText"
+        >
+          <WalkthroughableText >
+            <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-nickname.png')} /></View>
+          </WalkthroughableText>
+        </CopilotStep>
+        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-earphone.png')} /></View>
+        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-glass.png')} /></View>
+        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-scan.png')} /></View>
+        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-todo.png')} /></View>
+      </View>
+    </SafeAreaView>
+  );
+}
+
+const AppwithProvider = () => (
+  <CopilotProvider stopOnOutsideClick androidStatusBarVisible>
+    <App />
+  </CopilotProvider>
+);
+
+export default AppwithProvider;
+
+const styles = StyleSheet.create({
+  imageView: {
+    width: 50,
+    height: 50,
+    justifyContent: 'space-evenly',
+    alignItems: 'center'
+  },
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    paddingTop: 25,
+  },
+  title: {
+    fontSize: 24,
+    textAlign: "center",
+  },
+  profilePhoto: {
+    width: 140,
+    height: 140,
+    borderRadius: 70,
+    marginVertical: 20,
+  },
+  middleView: {
+    flex: 1,
+    alignItems: "center",
+  },
+  button: {
+    backgroundColor: "#2980b9",
+    paddingVertical: 10,
+    paddingHorizontal: 15,
+  },
+  buttonText: {
+    color: "white",
+    fontSize: 16,
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: 'center',
+    justifyContent: "space-between",
+  },
+  tabItem: {
+    flex: 1,
+    textAlign: "center",
+  },
+  activeSwitchContainer: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    marginBottom: 20,
+    alignItems: "center",
+    paddingHorizontal: 25,
+  },
+  eventContainer: {
+    marginTop: 20,
+  },
+});
+```
+## Link
+
+本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+详细请查看 [react-native-copilot](https://github.com/mohebifar/react-native-copilot/blob/master/README.md) 的文档介绍
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                       | Type     | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
+| CopilotProps    | Prompt Style Properties           | type     | no       | Android/iOS | yes               |
+| TooltipProps    | Prompt Tool Properties            | type     | no       | Android/iOS | yes               |
+| CopilotProvider | Custom Tooltip Styles             | function | no       | Android/iOS | yes               |
+| CopilotStep     | Customizing Component Step Styles | function | no       | Android/iOS | yes               |
+| DefaultUI       | Default UI Attributes             | object   | no       | Android/iOS | yes               |
+| useCopilot      | Use Prompt Style                  | function | no       | Android/iOS | yes               |
+| walkthroughable | Wrappable Components              | function | no       | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mohebifar/react-native-copilot/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 9dc4b06fc7736936c9ce025f5c246bde65841c53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=99=BA=E6=99=97?= <dongzhihan@h-partners.com>
Date: Fri, 26 Jul 2024 09:24:43 +0000
Subject: [PATCH 284/966] =?UTF-8?q?!1188=20docs:=E6=96=B0=E5=A2=9Ereact-na?=
 =?UTF-8?q?vigation-header-buttons=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[#IADECF]=20=E6=96=B0=E5=A2=9Ereact-navigation-h?=
 =?UTF-8?q?eader-buttons=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-navigation-header-buttons.md | 225 +++++++++++++++++++++++
 1 file changed, 225 insertions(+)
 create mode 100644 zh-cn/react-navigation-header-buttons.md

diff --git a/zh-cn/react-navigation-header-buttons.md b/zh-cn/react-navigation-header-buttons.md
new file mode 100644
index 00000000..489a9a69
--- /dev/null
+++ b/zh-cn/react-navigation-header-buttons.md
@@ -0,0 +1,225 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-navigation-header-buttons</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vonovak/react-navigation-header-buttons">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/vonovak/react-navigation-header-buttons/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/vonovak/react-navigation-header-buttons)
+
+## 安装与使用
+
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm i react-navigation-header-buttons@12.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-navigation-header-buttons@12.0.0
+```
+
+
+在tsconfig.json文件中添加如下代码:
+```json
+"compilerOptions": {
+  ...
+    "paths": {
+    ...
+      "react-navigation-header-buttons":[
+        "./node_modules/react-navigation-header-buttons/lib/module/index.js"
+      ]
+    },
+  }
+
+```
+在metro.config.js文件中添加如下代码:
+```js
+const config = {
+...
+  resolver: {
+    unstable_enablePackageExports: true,
+  },
+};
+module.exports = mergeConfig(
+  ...
+  config,
+);
+
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import MaterialIcons from '@expo/vector-icons/MaterialIcons';
+import {
+  HeaderButtons,
+  Item,
+  HiddenItem,
+  OverflowMenu,
+  Divider,
+  ItemProps,
+  HiddenItemProps,
+  HeaderButtonProps,
+  HeaderButton,
+} from 'react-navigation-header-buttons';
+import { Text } from 'react-native';
+
+const MaterialHeaderButton = (props: HeaderButtonProps) => (
+  <HeaderButton IconComponent={MaterialIcons} iconSize={23} {...props} />
+);
+
+const EditItem = ({ onPress }: Pick<ItemProps, 'onPress'>) => {
+  return <Item title="edit" onPress={onPress} />;
+};
+
+const ReusableHiddenItem = ({ onPress }: Pick<HiddenItemProps, 'onPress'>) => (
+  <HiddenItem title="hidden2" onPress={onPress} disabled />
+);
+
+export function UsageWithIcons({ navigation }) {
+  React.useLayoutEffect(() => {
+    navigation.setOptions({
+      title: 'Demo',
+      headerRight: () => (
+        <HeaderButtons HeaderButtonComponent={MaterialHeaderButton}>
+          <Item
+            title="search"
+            iconName="search"
+            onPress={() => alert('search')}
+          />
+          <EditItem onPress={() => alert('Edit')} />
+          <OverflowMenu
+            OverflowIcon={({ color }) => (
+              <MaterialIcons name="more-horiz" size={23} color={color} />
+            )}
+          >
+            <HiddenItem title="hidden1" onPress={() => alert('hidden1')} />
+            <Divider />
+            <ReusableHiddenItem onPress={() => alert('hidden2')} />
+          </OverflowMenu>
+        </HeaderButtons>
+      ),
+    });
+  }, [navigation]);
+
+  return <Text>demo!</Text>;
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24(Canary3);
+
+## 属性
+
+### HeaderButtons
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| HeaderButtonComponent            | component that renders the buttons, HeaderButton by default  |`ComponentType`| no   | iOS/Android       | yes | 
+| children            | 	whatever you want to render inside  |`ReactNode`| yes   | iOS/Android       | yes | 
+| left            | 	whether the HeaderButtons are on the left from header title  |boolean| no   | iOS/Android       | yes | 
+| preset            | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing.  |`’tabHeader’/‘stackHeader’`| no   | iOS/Android       | yes | 
+
+
+
+### Item
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| title            | 	title for the button, required  |string| no   | iOS/Android       | yes | 
+| onPress            | 	function to call on press |function| no   | iOS/Android       | yes | 
+| iconName            | 	icon name, used together with the IconComponent prop  |string| no   | iOS/Android       | yes | 
+| style            | style to apply to the touchable element that wraps the button  |` ViewStyle`| no   | iOS/Android       | yes | 
+| buttonStyle            | style to apply to the text / icon |` ViewStyle`| no   | iOS/Android       | yes | 
+
+### OverflowMenu
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| OverflowIcon            | React element or component for the overflow icon  |` ReactElement / ComponentType`| no   | iOS/Android       | yes | 
+| style            | 	optional styles for overflow button|`ViewStyle`| no   | iOS/Android       | yes | 
+| onPress            | 	function that is called when overflow menu is pressed.  |function| no   | iOS/Android       | yes | 
+| left              | whether the OverflowMenu is on the left from header title |boolean| no   | iOS/Android       | yes |
+| children              | the overflow items|`ReactNode`| yes   | iOS/Android       | yes |
+| preset              |	headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. |` 'tabHeader' / 'stackHeader'`| no   | iOS/Android       | yes |
+
+### HiddenItem
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| title            |title for the button, required  |string| no   | iOS/Android       | yes | 
+| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes | 
+| titleStyle            | style to apply to the text |`TextStyle`| no   | iOS/Android       | yes | 
+| onPress            |function to call on press  |function| no   | iOS/Android       | yes | 
+| disabled              | disabled 'item' is greyed out and onPress is not called on touch |boolean| no   | iOS/Android       | yes |
+
+
+### HeaderButton
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| title            |title for the button, required  |string| no   | iOS/Android       | yes | 
+| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes | 
+| onPress            |function to call on press  |function| no   | iOS/Android       | yes | 
+| renderButton              |You can fully customize what it renders inside of the PlatformPressable using the renderButton |ReactNode | no   | iOS/Android       | yes |
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-navigation-header-buttons/blob/master/LICENSE) ，请自由地享受和参与开源。

From 37d96cedaf15cd8d46db5f6856b02e1437063850 Mon Sep 17 00:00:00 2001
From: chemian <ligenggeng9@h-partners.com>
Date: Fri, 26 Jul 2024 11:16:34 +0000
Subject: [PATCH 285/966] =?UTF-8?q?!1221=20docs:=20[Issues:=20#IAFRUP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-vision-camera=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFRUP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-vision-camera=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-vision-camera.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index d30a1e36..7ad1387e 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -225,6 +225,15 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 }
 ...
 ```
+在`entry/src/main/ets/pages/index.ets`中，如果当前文件中存在`arkTsComponentNames`数组(后续版本新增内容)，则需要在其中追加：`VisionCameraView.NAME`;
+
+```ts
+  ...
+ const arkTsComponentNames: Array<string> = [..., VisionCameraView.NAME]; 
+  ...
+```
+
+
 
 ### 在 ArkTs 侧引入 VisionCameraModulePackage
 

From 8d88b6c03de1f10550a35417819bcefb700a472e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Mon, 29 Jul 2024 01:16:00 +0000
Subject: [PATCH 286/966] =?UTF-8?q?!1168=20docs:=20[Issues:=20#IAF4C0]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Erestyle=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAF4C0]=20=E6=96=B0=E5=A2=9Erestyle?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/restyle.md | 194 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 194 insertions(+)
 create mode 100644 zh-cn/restyle.md

diff --git a/zh-cn/restyle.md b/zh-cn/restyle.md
new file mode 100644
index 00000000..2c3fa9e8
--- /dev/null
+++ b/zh-cn/restyle.md
@@ -0,0 +1,194 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@shopify/restyle</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Shopify/restyle">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Shopify/restyle/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/Shopify/restyle)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @shopify/restyle@2.4.4
+```
+
+#### **yarn**
+
+```bash
+yarn add @shopify/restyle@2.4.4
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { createTheme } from "@shopify/restyle";
+
+const palette = {
+  purpleLight: "#8C6FF7",
+  purplePrimary: "#5A31F4",
+  purpleDark: "#3F22AB",
+
+  greenLight: "#56DCBA",
+  greenPrimary: "#0ECD9D",
+  greenDark: "#0A906E",
+
+  black: "#0B0B0B",
+  white: "#F0F2F3",
+};
+
+const theme = createTheme({
+  colors: {
+    mainBackground: palette.white,
+    cardPrimaryBackground: palette.purplePrimary,
+  },
+  spacing: {
+    s: 8,
+    m: 16,
+    l: 24,
+    xl: 40,
+  },
+  textVariants: {
+    header: {
+      fontWeight: "bold",
+      fontSize: 34,
+    },
+    body: {
+      fontSize: 16,
+      lineHeight: 24,
+    },
+    defaults: {
+      // We can define a default text variant here.
+    },
+  },
+});
+export type Theme = typeof theme;
+export default theme;
+
+```
+
+```js
+import { ThemeProvider } from "@shopify/restyle";
+import theme from "./theme";
+
+export const App = () => (
+  <ThemeProvider theme={theme}>{/* Rest of the app */}</ThemeProvider>
+);
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
+
+## Hooks
+
+详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/)
+
+以下为目前已支持的 Hooks：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|       Name        |                                           Description                                           |   Type   | Required | Platform | HarmonyOS Support |
+|:-----------------:|:-----------------------------------------------------------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
+|     useTheme      |                            Retrieve attribute objects from the theme                            | function |    No    |   All    |        Yes        |
+|    useRestyle     | Dynamically styles reaction components based on a theme and a set of rules for resetting styles | function |    No    |   All    |        Yes        |
+| useResponsiveProp |                  Fetching the value of a responsive prop in a custom component                  | function |    No    |   All    |        Yes        |
+
+## 方法
+
+详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/)
+
+以下为目前已支持的方法：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|          Name          |                                  Description                                   |   Type   | Required | Platform | HarmonyOS Support |
+|:----------------------:|:------------------------------------------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
+|      createTheme       |                                Defining a Theme                                | function |    No    |   All    |        Yes        |
+|     createVariant      |           Provides a flexible way to handle style changes in a theme           | function |    No    |   All    |        Yes        |
+| createRestyleFunction  |                         Creating a Predefined Restyle                          | function |    No    |   All    |        Yes        |
+| createRestyleComponent | To create a custom component, you need to set the predefined Restyle function. | function |    No    |   All    |        Yes        |
+
+## 预定义组件
+
+详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/)
+
+以下为目前已支持的预定义组件：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|     Name      |                  Description                   |   Type   | Required | Platform | HarmonyOS Support |
+|:-------------:|:----------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
+|  createText   |            Predefined Box component            | function |    No    |   All    |        Yes        |
+|   createBox   |           Predefined Text Component            | function |    No    |   All    |        Yes        |
+| ThemeProvider | Set the theme to the outermost React component | function |    No    |   All    |        Yes        |
+
+## 预定义 Restyle 函数
+
+详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/fundamentals/restyle-functions)
+
+以下为目前已支持的预定义 Restyle 函数：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|              Name              |                                                                                                                                                                                    Props                                                                                                                                                                                     |   Type   | Required | Platform | HarmonyOS Support |
+|:------------------------------:|:----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
+| backgbackgroundColorroundColor |                                                                                                                                                                   backgroundColor [bg]backgroundColor [bg]                                                                                                                                                                   | function |    No    |   All    |        Yes        |
+|           colorcolor           |                                                                                                                                                                                 color color                                                                                                                                                                                  | function |    No    |   All    |        Yes        |
+|         opacityopacity         |                                                                                                                                                                                opacityopacity                                                                                                                                                                                | function |    No    |   All    |        Yes        |
+|         visiblevisible         |                                                                                                                                     display (maps `true` / `false` to `flex` / `none`)display (maps `true` / `false` to `flex` / `none`)                                                                                                                                     | function |    No    |   All    |        Yes        |
+|            spacing             | margin [m], marginTop [mt], marginRight [mr], marginBottom [mb], marginLeft [ml], marginStart [ms], marginEnd[me], marginHorizontal [mx], marginVertical [my], padding [p], paddingTop [pt], paddingRight [pr], paddingBottom [pb], paddingLeft [pl], paddingStart [ps], paddingEnd [pe], paddingHorizontal [px], paddingVertical [py], gap [g], rowGap [rG], columnGap [cG] | function |    No    |   All    |        Yes        |
+|             layout             |                                                                                     width, height, minWidth, maxWidth, minHeight, maxHeight, overflow, aspectRatio, alignContent, alignItems, alignSelf, justifyContent, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap                                                                                      | function |    No    |   All    |        Yes        |
+|            position            |                                                                                                                                                                position, top, right, bottom, left, start, end                                                                                                                                                                | function |    No    |   All    |        Yes        |
+|            position            |                                                                                                                                                                                    zIndex                                                                                                                                                                                    | function |    No    |   All    |        Yes        |
+|             border             |                                                                                                                       borderBottomWidth, borderLeftWidth, borderRightWidth, borderStartWidth, borderEndWidth, borderStyle, borderTopWidth, borderWidth                                                                                                                       | function |    No    |   All    |        Yes        |
+|             border             |                                                                                                                             borderColor, borderTopColor, borderRightColor, borderLeftColor, borderStartColor, borderEndColor, borderBottomColor                                                                                                                              | function |    No    |   All    |        Yes        |
+|             border             |                                                                                      borderRadius, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStartRadius, borderBottomEndRadius, borderTopLeftRadius, borderTopRightRadius, borderTopStartRadius, borderTopEndRadius                                                                                      | function |    No    |   All    |        Yes        |
+|             shadow             |                                                                                                                                                             shadowOpacity, shadowOffset, shadowRadius, elevation                                                                                                                                                             | function |    No    |   All    |        Yes        |
+|             shadow             |                                                                                                                                                                                 shadowColor                                                                                                                                                                                  | function |    No    |   All    |        Yes        |
+|           textShadow           |                                                                                                                                                                      textShadowOffset, textShadowRadius                                                                                                                                                                      | function |    No    |   All    |        Yes        |
+|           textShadow           |                                                                                                                                                                               textShadowColor                                                                                                                                                                                | function |    No    |   All    |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Shopify/restyle/blob/master/LICENSE.md)，请自由地享受和参与开源。

From e3def376035adb0c152e71d71c6e00b1759b6cb3 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Mon, 29 Jul 2024 01:46:49 +0000
Subject: [PATCH 287/966] =?UTF-8?q?!1186=20docs:=20[Issues:=20#IAD5FB]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-indicators=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAD5FB]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-indicators=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-indicators.md | 267 +++++++++++++++++++++++++++++++
 1 file changed, 267 insertions(+)
 create mode 100644 zh-cn/react-native-indicators.md

diff --git a/zh-cn/react-native-indicators.md b/zh-cn/react-native-indicators.md
new file mode 100644
index 00000000..f10bba7d
--- /dev/null
+++ b/zh-cn/react-native-indicators.md
@@ -0,0 +1,267 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-indicators</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/n4kz/react-native-indicators">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/n4kz/react-native-indicators/blob/master/license.txt">
+        <img src="https://img.shields.io/badge/license-BSD-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/n4kz/react-native-indicators)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-indicators@0.17.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-indicators@0.17.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { AppRegistry, StatusBar, View, Platform, Dimensions } from 'react-native';
+import {
+  BallIndicator,
+  BarIndicator,
+  DotIndicator,
+  MaterialIndicator,
+  PacmanIndicator,
+  PulseIndicator,
+  SkypeIndicator,
+  UIActivityIndicator,
+  WaveIndicator,
+} from 'react-native-indicators';
+const { width, height } = Dimensions.get('window');
+
+
+ export class IndicatorsTestExample extends Component {
+    render() {
+      return (
+        <View style={styles.container}>
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <BallIndicator color='white' animationDuration={800} />
+            </View>
+
+            <View style={styles.flex}>
+              <PulseIndicator color='white' />
+            </View>
+
+            <View style={styles.flex}>
+              <SkypeIndicator color='white' />
+            </View>
+          </View>
+
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <WaveIndicator color='white' />
+            </View>
+
+            <View style={styles.flex}>
+              <WaveIndicator color='white' waveMode='outline' />
+            </View>
+
+            <View style={styles.flex}>
+              <WaveIndicator color='white' count={2} waveFactor={0.1} />
+            </View>
+          </View>
+
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <UIActivityIndicator color='white' />
+            </View>
+
+            <View style={styles.flex}>
+              <MaterialIndicator color='white' />
+            </View>
+
+            <View style={styles.flex}>
+              <PacmanIndicator color='white' />
+            </View>
+          </View>
+
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <BarIndicator color='white' count={5} />
+            </View>
+          </View>
+
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <DotIndicator
+                count={3}
+                color='white'
+                animationDuration={800}
+              />
+            </View>
+
+            <View style={styles.flex}>
+              <DotIndicator
+                style={styles.reverse}
+                count={3}
+                color='white'
+                animationDuration={800}
+              />
+            </View>
+          </View>
+        </View>
+      );
+    }
+  }
+
+
+const styles = {
+  container: {
+  height: height-100,
+    backgroundColor: '#01579B',
+    padding: 20,
+  },
+
+  row: {
+    flex: 1,
+    flexDirection: 'row',
+  },
+
+  reverse: {
+    transform: [{
+      rotate: '180deg',
+    }],
+  },
+
+  flex: {
+    flex: 1,
+  },
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+### Common properties
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| animationEasing  | Animation easing function	   | Function  | NO | ALL      | YES |
+| animationDuration  | 	Animation duration in ms     | Number | NO | ALL      | YES |
+| animating  | 	Animation toggle    | Boolean | NO | ALL      | YES |
+| interaction  | Animation is interaction  | Boolean | NO | ALL      | YES |
+| hidesWhenStopped  | Hide when not animating   | Boolean | NO | ALL      | YES |
+
+### BallIndicator
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+
+### BarIndicator 
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### DotIndicator  
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### MaterialIndicator   
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| trackWidth  | Indicator track width    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### PacmanIndicator    
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### PulseIndicator     
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### SkypeIndicator    
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| trackWidth  | Indicator track width    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+| minScale  | Minimum component scale    | Number  | NO | ALL      | YES |
+| maxScale  | Maximum component scale    | Number  | NO | ALL      | YES |
+
+### UIActivityIndicator    
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| trackWidth  | Indicator track width    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### WaveIndicator     
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| trackWidth  | Indicator track width    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+| waveFactor  | Wave base number   | Number  | NO | ALL      | YES |
+| waveMode  | Wave appearance    | String  | NO | ALL      | YES |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The BSD License (BSD)](https://github.com/n4kz/react-native-indicators/blob/master/license.txt) ，请自由地享受和参与开源。
\ No newline at end of file

From 5806a5a5b1dd2252969989523d1dfdfdfa09c9cd Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Mon, 29 Jul 2024 02:28:01 +0000
Subject: [PATCH 288/966] =?UTF-8?q?!1229=20docs:=20[Issues:=20#IAG3UY]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-pager-view=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAG3UY]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-pager-view=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-pager-view.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index 403f1f42..14d92883 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -261,7 +261,7 @@ ohpm install
 | keyboardDismissMode                      | Determines whether the keyboard gets dismissed in response to a drag                                                                                                                                                                                                | one of 'none' ,'on-drag'       | 否       | ios,android  | yes                        |
 | orientation                              | Set horizontal or vertical scrolling orientation (it does not work dynamically)                                                                                                                                                                                     | one of horizontal vertical     | 否       | ios，android | yes                        |
 | overScrollMode                           | Used to override default value of overScroll mode. Can be auto, always or never. Defaults to auto                                                                                                                                                                   | one of auto, always ,never     | 否       | android      | yes                        |
-| offscreenPageLimit                       | Set the number of pages that should be retained to either side of the currently visible page(s). Pages beyond this limit will be recreated from the adapter when needed. Defaults to RecyclerView's caching strategy. The given value must either be larger than 0. | number                         | 否       | android      | yes                         |
+| offscreenPageLimit                       | Set the number of pages that should be retained to either side of the currently visible page(s). Pages beyond this limit will be recreated from the adapter when needed. Defaults to RecyclerView's caching strategy. The given value must either be larger than 0. | number                         | 否       | android      | no                         |
 | overdrag                                 | Allows for overscrolling after reaching the end or very beginning or pages. Defaults to false                                                                                                                                                                       | bool                           | 否       | ios          | yes                        |
 | layoutDirection                          | Specifies layout direction. Use ltr or rtl to set explicitly or locale to deduce from the default language script of a locale. Defaults to locale                                                                                                                   | string                         | 否       | android,ios  | yes                        |
 | setPage(index: number)                   | Function to scroll to a specific page in the PagerView. Invalid index is ignored.                                                                                                                                                                                   | function                       | 否       | android,ios  | yes                        |
@@ -270,7 +270,7 @@ ohpm install
 
 ## 遗留问题
 
-- [x] offscreenPageLimit 未实现 HarmonyOS 化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
+- offscreenPageLimit 未实现 HarmonyOS 化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
 
 ## 其他
 

From ba3003f34d0aae393828edbf2965bce92801b205 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Mon, 29 Jul 2024 02:53:09 +0000
Subject: [PATCH 289/966] =?UTF-8?q?!1220=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-largelist=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20?=
 =?UTF-8?q?docs:=20=E4=BF=AE=E6=94=B9react-native-largelist=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-largelist.md | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/zh-cn/react-native-largelist.md b/zh-cn/react-native-largelist.md
index f46f24a0..63478d77 100644
--- a/zh-cn/react-native-largelist.md
+++ b/zh-cn/react-native-largelist.md
@@ -15,26 +15,28 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/bolan9999/react-native-largelist)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-largelist)
 
 ## 安装与使用
 
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)，并下载适用版本的 tgz 包。
+
 进入到工程目录并输入以下命令：
 
-> [!TIP] 由于依赖包存在冲突问题，需加上--legacy-peer-deps
+>[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install react-native-largelist@3.1.0-rc.2 --legacy-peer-deps
+npm install @react-native-oh-tpl/react-native-largelist@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-largelist@3.1.0-rc.2 --legacy-peer-deps
+yarn add @react-native-oh-tpl/react-native-largelist@file:#
 ```
 <!-- tabs:end -->
 
@@ -146,9 +148,9 @@ ohpm install
 
 ### 兼容性
 
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.29;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)
 
 ## 属性
 
@@ -173,8 +175,6 @@ RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29; IDE: DevEco Studio 5.0.3.300;
 | renderHeader                   | 列表的头部组件函数                                                                                                                                                                                                                    | `()=> React.ReactElement <any>`                                                                               | no       | Android/iOS | yes               |
 | renderFooter                   | 列表的尾部组件函数                                                                                                                                                                                                                    | `()=> React.ReactElement <any>`                                                                               | no       | Android/iOS | yes               |
 | inverted                       | 翻转滚动方向，适配聊天App                                                                                                                                                                                                             | boolean                                                                                                       | no       | Android/iOS | yes               |
-| pagingEnabled                  | 当值为 true 时，滚动条会停在设置的pageSize整数倍位置。这个属性在iOS和安卓上都支持双向分页。                                                                                                                                           | boolean                                                                                                       | no       | Android/iOS | yes               |
-| pageSize                       | 配合pagingEnabled使用分页，使滑动停止在设置的整数倍位置。同时支持水平和垂直双向分页。0代表使用LargeList的视口大小。                                                                                                                   | {width:number,height:number}                                                                                  | no       | Android/iOS | yes               |
 | onRefresh                      | 下拉刷新的回调函数,如果设置了此属性，则会在顶部加一个刷新Header                                                                                                                                                                       | ()=>any                                                                                                       | no       | Android/iOS | yes               |
 | refreshHeader                  | 选择下拉刷新的组件，用户如果不希望高度自定义，则可以不设定直接使用NormalHeader,如果需要高度自定义                                                                                                                                     | [RefreshHeader](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/RefreshHeader.js) | no       | Android/iOS | yes               |
 | onLoading                      | 上拉加载的回调函数,如果设置了此属性，则会在底部加一个加载组件                                                                                                                                                                         | ()=>any                                                                                                       | no       | Android/iOS | yes               |
@@ -217,6 +217,8 @@ RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29; IDE: DevEco Studio 5.0.3.300;
 
 ## 其他
 
+react-native-largelist组件：[列表数据显示不完整，列表后有空白](https://github.com/bolan9999/react-native-largelist/issues/489)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-largelist/blob/master/LICENSE) ，请自由地享受和参与开源。

From a4889fae2ec8684a7f34b519afc44761063bfc73 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Mon, 29 Jul 2024 08:11:28 +0000
Subject: [PATCH 290/966] =?UTF-8?q?!1233=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-amap-geolocation=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-amap-geo?=
 =?UTF-8?q?location=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-amap-geolocation.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-amap-geolocation.md b/zh-cn/react-native-amap-geolocation.md
index 8fe1593e..9165265d 100644
--- a/zh-cn/react-native-amap-geolocation.md
+++ b/zh-cn/react-native-amap-geolocation.md
@@ -246,7 +246,7 @@ ohpm install
 
 ```diff
 ...
-+ import {AMapGeolocationPackage} from '@react-native-oh-tpl/react-native-amap-geolocation';
++  import {AMapGeolocationPackage} from '@react-native-oh-tpl/react-native-amap-geolocation/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -299,7 +299,7 @@ ohpm install
     "usedScene": {
       "when":"inuse"
     }
-  }
+  },
   {
     "name": "ohos.permission.INTERNET",
   }
@@ -317,7 +317,7 @@ ohpm install
     {
       "name": "Access_Location",
       "value": "access Location"
-    }
+    },
     {
       "name": "Access_AppRoximatelyLocation",
       "value": "access AppRoximatelyLocation"

From d8f7e243f430419bb6cd21fa6e59dca30f5b29b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Mon, 29 Jul 2024 08:15:24 +0000
Subject: [PATCH 291/966] =?UTF-8?q?!1143=20docs:=20[Issues:=20#IAE9YS]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-nested-scroll-view=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAE9YS]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-nested-scroll-view=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-nested-scroll-view.md | 146 ++++++++++-------------
 1 file changed, 64 insertions(+), 82 deletions(-)

diff --git a/zh-cn/react-native-nested-scroll-view.md b/zh-cn/react-native-nested-scroll-view.md
index 5026d8a8..cffdf5ab 100644
--- a/zh-cn/react-native-nested-scroll-view.md
+++ b/zh-cn/react-native-nested-scroll-view.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-nested-scroll-view</code> </h1>
@@ -14,7 +14,7 @@
     </a>
 </p>
 
-> [! TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-nested-scroll-view)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-nested-scroll-view)
 
 ## 安装与使用
 
@@ -22,7 +22,7 @@
 
 进入到工程目录并输入以下命令：
 
-> [! TIP] # 处替换为 tgz 包的路径
+> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
@@ -42,96 +42,76 @@ yarn add @react-native-oh-tpl/react-native-nested-scroll-view@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-> [! WARNING] 使用时 import 的库名不变。
+> [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import {
-  StyleSheet,
-  Text,
-  StatusBar,
-  Button,
-  View
-} from 'react-native';
-import React, {
-  useRef
-} from 'react';
-
+import React from 'react';
+import { View, ScrollView, Text, StyleSheet } from 'react-native';
 import NestedScrollView from 'react-native-nested-scroll-view';
 
-const NestedScrollViewDemo = () => {
-  const scrollViewRef = useRef();
-
-  const scrollToSpecificCoordinate = () => {
-    scrollViewRef.current?.scrollTo({
-      x: 300,
-      y: 500,
-      animated: true
-    })
-  };
-
-  return ( <
-    View style = {
-      styles.container
-    } >
-    <
-    NestedScrollView ref = {
-      scrollViewRef
-    }
-    style = {
-      styles.scrollView
-    }
-    contentContainerStyle = {
-      {
-        flexGrow: 1
-      }
-    } >
-    <
-    Text style = {
-      styles.text
-    } >
-    A component that encapsulates the platform 's ScrollView, while also integrating a touch-locked "responder" system.
-    Keep in mind that the ScrollView must have a definite height in order
-    for it to work,
-    because what it actually does is pack a series of sub - components of indeterminate height into a container with a definite height(via scrolling).To give a ScrollView a definite height, either set the height to it directly(not recommended), or make sure that all parent containers have a definite height.Generally speaking, we will set the ScrollView to automatically fill the empty space of the parent container, but only
-    if all the parent containers themselves are also flex or have a height specified, otherwise it will not scroll properly,
-    and you can use the Element Viewer to find out which layer is the correct height.flex: 1 Other responders inside ScrollView can 't yet prevent ScrollView from becoming a responder itself. < /
-    Text > <
-    /NestedScrollView> <
-    View style = {
-      {
-        justifyContent: 'center',
-        alignItems: 'center'
-      }
-    } >
-    <
-    Button title = "滚动到特定坐标"
-    onPress = {
-      scrollToSpecificCoordinate
-    }
-    /> < /
-    View > <
-    /View>
+const NestedScrollViewExample = () => {
+  return (
+    <NestedScrollView style={{ flex: 1 }}>
+      <ScrollView contentContainerStyle={styles.scrollViewContent}>
+        {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((item) => (
+          <View key={item} style={styles.itemContainer}>
+            <Text style={styles.itemTitle}>Item {item}</Text>
+            <ScrollView horizontal showsHorizontalScrollIndicator={false}>
+              {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((subItem) => (
+                <View key={subItem} style={styles.subItem}>
+                  <Text>content {subItem}</Text>
+                </View>
+              ))}
+            </ScrollView>
+          </View>
+        ))}
+      </ScrollView>
+    </NestedScrollView>
   );
 };
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    paddingTop: StatusBar.currentHeight,
-    paddingBottom: 40
+  scrollViewContent: {
+    paddingVertical: 20,
+    paddingHorizontal: 10,
+  },
+  itemContainer: {
+    marginBottom: 20,
+    padding: 10,
+    backgroundColor: '#f0f0f0',
+    borderRadius: 10,
   },
-  scrollView: {
-    backgroundColor: 'pink',
-    marginHorizontal: 20,
+  itemTitle: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    marginBottom: 10,
   },
-  text: {
-    fontSize: 42,
+  subItem: {
+    width: 100,
+    height: 100,
+    backgroundColor: '#b0e0e6',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginHorizontal: 5,
   },
 });
 
-export default NestedScrollViewDemo;
+export default NestedScrollViewExample;
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
 ```
 
+然后编译、运行即可。
+
 ## 约束与限制
 
 ### 兼容性
@@ -140,12 +120,10 @@ export default NestedScrollViewDemo;
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)
 
-本文档内容基于以下版本验证通过：
-
-RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19; 
-
 ## 属性
 
+Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#props) 组件的Props
+
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
@@ -178,8 +156,11 @@ RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27
 | removeClippedSubviews  | 当此属性为 true 时，屏幕之外的子视图（子视图的overflow样式需要设为hidden）会被移除         | boolean  | no | Android/IOS | yes               |
 | refreshControl  | 用于为 ScrollView 提供下拉刷新功能。只能用于垂直视图，即horizontal不能为true | React. Element<any>  | no | Android/IOS | yes               |
 
+
 ## API
 
+Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#methods) 组件的Methods
+
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
@@ -190,6 +171,7 @@ RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27
 | scrollToEnd  | 该方法用于滚动到内容的末尾。可以通过animated参数指定是否使用动画效果。| function  | no       | Android/IOS  | yes                |
 | flashScrollIndicators  | 该方法用于显示滚动指示器，通常在需要提醒用户可以滚动时使用。| function  | no       | Android/IOS  | yes                |
 
+
 ## 遗留问题
 
 ## 其他

From c32659d7de392ee52d3112af3083794a7ca3744c Mon Sep 17 00:00:00 2001
From: quweifan <345827250@qq.com>
Date: Mon, 29 Jul 2024 08:35:23 +0000
Subject: [PATCH 292/966] =?UTF-8?q?!1146=20docs:=20[#IAEE0C]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-sqlite-storage=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAEE0C]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-sqlite-storage=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sqlite-storage.md | 279 ++++++++++++++++++++++-----
 1 file changed, 233 insertions(+), 46 deletions(-)

diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index dbf4148c..12946501 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -47,8 +47,7 @@ yarn add @react-native-oh-tpl/react-native-sqlite-storage@file:#
  * @format
  */
 import React, {Component} from 'react';
-import {AppRegistry, StyleSheet, Text, View, FlatList} from 'react-native';
-import {name as appName} from './app.json';
+import { StyleSheet, Text, View, FlatList} from 'react-native';
 import SQLite from 'react-native-sqlite-storage';
 SQLite.DEBUG(true);
 SQLite.enablePromise(false);
@@ -114,7 +113,10 @@ class SQLiteDemo extends Component {
   // eslint-disable-next-line no-shadow
   populateDatabase = db => {
     this.updateProgress('Database integrity check');
-    db.executeSql('SELECT 1 FROM Version LIMIT 1',[],() => {
+    db.executeSql(
+      'SELECT 1 FROM Version LIMIT 1',
+      [],
+      () => {
         this.updateProgress('Database is ready ... executing query ...');
         db.transaction(this.queryEmployees, this.errorCB, () => {
           this.updateProgress('Processing completed');
@@ -128,13 +130,14 @@ class SQLiteDemo extends Component {
           db.transaction(this.queryEmployees, this.errorCB, () => {
             console.log('Transaction is now finished');
             this.updateProgress('Processing completed');
+            // this.closeDatabase();
           });
         });
       },
     );
   };
 
-   populateDB = tx => {
+  populateDB = tx => {
     this.updateProgress('Executing DROP stmts');
 
     tx.executeSql('DROP TABLE IF EXISTS Employees;');
@@ -143,20 +146,115 @@ class SQLiteDemo extends Component {
 
     this.updateProgress('Executing CREATE stmts');
 
-    tx.executeSql('CREATE TABLE IF NOT EXISTS Version( ' +'version_id INTEGER PRIMARY KEY NOT NULL); ',[],this.successCB,this.errorCB,);
-
-    tx.executeSql('CREATE TABLE IF NOT EXISTS Departments( ' +'department_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(30) ); ',[],this.successCB,this.errorCB,);
+    tx.executeSql(
+      'CREATE TABLE IF NOT EXISTS Version( ' +
+        'version_id INTEGER PRIMARY KEY NOT NULL); ',
+      [],
+      this.successCB,
+      this.errorCB,
+    );
 
-    tx.executeSql('CREATE TABLE IF NOT EXISTS Offices( ' +'office_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(20), ' +'longtitude FLOAT, ' +'latitude FLOAT ) ; ',[],this.successCB,this.errorCB,);
+    tx.executeSql(
+      'CREATE TABLE IF NOT EXISTS Departments( ' +
+        'department_id INTEGER PRIMARY KEY NOT NULL, ' +
+        'name VARCHAR(30) ); ',
+      [],
+      this.successCB,
+      this.errorCB,
+    );
 
-    tx.executeSql('CREATE TABLE IF NOT EXISTS Employees( ' +'employe_id INTEGER PRIMARY KEY NOT NULL, ' +'name VARCHAR(55), ' +'office INTEGER, ' +'department INTEGER, ' +'custom_info TEXT DEFAULT "",' +'FOREIGN KEY ( office ) REFERENCES Offices ( office_id ) ' +'FOREIGN KEY ( department ) REFERENCES Departments ( department_id ));',[],);
+    tx.executeSql(
+      'CREATE TABLE IF NOT EXISTS Offices( ' +
+        'office_id INTEGER PRIMARY KEY NOT NULL, ' +
+        'name VARCHAR(20), ' +
+        'longtitude FLOAT, ' +
+        'latitude FLOAT ) ; ',
+      [],
+      this.successCB,
+      this.errorCB,
+    );
 
+    tx.executeSql(
+      'CREATE TABLE IF NOT EXISTS Employees( ' +
+        'employe_id INTEGER PRIMARY KEY NOT NULL, ' +
+        'name VARCHAR(55), ' +
+        'office INTEGER, ' +
+        'department INTEGER, ' +
+        'custom_info TEXT DEFAULT "",' +
+        'FOREIGN KEY ( office ) REFERENCES Offices ( office_id ) ' +
+        'FOREIGN KEY ( department ) REFERENCES Departments ( department_id ));',
+      [],
+    );
 
     this.updateProgress('Executing INSERT stmts');
-       
-    tx.executeSql('INSERT INTO Departments (name) VALUES ("Client Services");',[],);
 
-    tx.executeSql('INSERT INTO Offices (name, longtitude, latitude) VALUES ("Denver", 59.8,  34.);',[],);
+    tx.executeSql(
+      'INSERT INTO Departments (name) VALUES ("Client Services");',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Departments (name) VALUES ("Investor Services");',
+      [],
+    );
+    tx.executeSql('INSERT INTO Departments (name) VALUES ("Shipping");', []);
+    tx.executeSql(
+      'INSERT INTO Departments (name) VALUES ("Direct Sales");',
+      [],
+    );
+
+    tx.executeSql(
+      'INSERT INTO Offices (name, longtitude, latitude) VALUES ("Denver", 59.8,  34.);',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Offices (name, longtitude, latitude) VALUES ("Warsaw", 15.7, 54.);',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Offices (name, longtitude, latitude) VALUES ("Berlin", 35.3, 12.);',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Offices (name, longtitude, latitude) VALUES ("Paris", 10.7, 14.);',
+      [],
+    );
+
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Sylvester Stallone", 2, 4, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Elvis Presley", 2, 4, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Leslie Nelson", 3, 4, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Fidel Castro", 3, 3, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Bill Clinton", 1, 3, \'{"known": false}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Margaret Thatcher", 1, 3, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Donald Trump", 2, 4, \'{"known": true, "impeached": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Dr DRE", 2, 2, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Samantha Fox", 2, 1, \'{"known": true}\')',
+      [],
+    );
 
     console.log('all config SQL done');
   };
@@ -165,22 +263,101 @@ class SQLiteDemo extends Component {
     console.log('Executing JSON1 queries...');
 
     // 1. JSON_OBJECT
-    await tx.executeSql( "SELECT JSON_OBJECT('name', e.name, 'office_id', e.office, 'department_id', e.department) AS data FROM Employees e",[],this.querySuccess,this.errorCB,);
+    await tx.executeSql(
+      "SELECT JSON_OBJECT('name', e.name, 'office_id', e.office, 'department_id', e.department) AS data FROM Employees e",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
 
     // 2. JSON_ARRAY
     // Expected: [1,2,"3",4]
-    await tx.executeSql("SELECT JSON_ARRAY(1, 2, '3', 4) AS data ",[],this.querySuccess,this.errorCB,);
+    await tx.executeSql(
+      "SELECT JSON_ARRAY(1, 2, '3', 4) AS data ",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
 
     // 3. JSON_ARRAY_LENGTH
     // Expected: 4
-    await tx.executeSql("SELECT JSON_ARRAY_LENGTH('[1, 2, 3, 4]') AS data",[],this.querySuccess,this.errorCB,);
+    await tx.executeSql(
+      "SELECT JSON_ARRAY_LENGTH('[1, 2, 3, 4]') AS data",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
 
     // 4. JSON_EXTRACT
-    await tx.executeSql( "SELECT JSON_EXTRACT(e.custom_info, '$.known')  AS data FROM Employees e", [],this.querySuccess,this.errorCB,);
-      
+    await tx.executeSql(
+      "SELECT JSON_EXTRACT(e.custom_info, '$.known')  AS data FROM Employees e",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
     // 5. JSON_INSERT
     // Expected: {"a":1,"b":2,"c":3}
-    await tx.executeSql('SELECT JSON_INSERT(\'{"a": 1, "b": 2}\', \'$.c\', 3)  AS data',[],this.querySuccess,this.errorCB,);
+    await tx.executeSql(
+      'SELECT JSON_INSERT(\'{"a": 1, "b": 2}\', \'$.c\', 3)  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 6. JSON_REPLACE
+    // Expected: {"a":1,"b":3}
+    await tx.executeSql(
+      'SELECT JSON_REPLACE(\'{"a": 1, "b": 2}\', \'$.b\', 3)  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 7. JSON_SET
+    // Expected: {"a":1,"b":123}
+    await tx.executeSql(
+      'SELECT JSON_SET(\'{"a": 1, "b": 2}\', \'$.b\', 123)  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 8. JSON_REMOVE
+    // Expected: {"a":1"}
+    await tx.executeSql(
+      'SELECT JSON_REMOVE(\'{"a": 1, "b": 2}\', \'$.b\')  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 9. JSON_TYPE
+    // Expected: integer
+    await tx.executeSql(
+      'SELECT JSON_TYPE(\'{"a": 1, "b": 2}\', \'$.a\')  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 10. JSON_VALID
+    // Expected: 0
+    await tx.executeSql(
+      'SELECT JSON_VALID(\'{"a": 1, "b": 2\')  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 11. JSON_QUOTE
+    // Expected: "value"
+    await tx.executeSql(
+      "SELECT JSON_QUOTE('value')  AS data",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
   };
 
   querySuccess = (tx, results) => {
@@ -195,7 +372,14 @@ class SQLiteDemo extends Component {
   loadAndQueryDB = () => {
     this.updateProgress('Opening database ...', true);
     this.updateProgress('Database OPEN');
-    db = SQLite.openDatabase(database_name,database_version,database_displayname,database_size,this.openCB,this.errorCB,);
+    db = SQLite.openDatabase(
+      database_name,
+      database_version,
+      database_displayname,
+      database_size,
+      this.openCB,
+      this.errorCB,
+    );
     this.populateDatabase(db);
   };
 
@@ -211,6 +395,7 @@ class SQLiteDemo extends Component {
       db.close(this.closeCB, this.errorCB);
     } else {
       this.updateProgress('Database CLOSE callback function error');
+      // this.updateProgress('Database was not OPENED');
     }
   };
 
@@ -219,6 +404,22 @@ class SQLiteDemo extends Component {
     this.loadAndQueryDB();
   };
 
+  attachDatabase = () =>{
+    if (db!=null) {
+      this.updateProgress('Attach database ...');
+      let dbMaster = SQLite.openDatabase('test2.db',database_version,database_displayname,database_size,
+        () => {
+          dbMaster.attach( database_name, database_displayname, () => console.log("Database attached successfully"), () => console.log("ERROR"))
+          this.updateProgress('Attach database successfully');
+        },
+        this.errorCB,
+      );
+    } else {
+      this.updateProgress('Database not open');
+    } 
+
+  }
+
   renderProgressEntry = entry => {
     return (
       <View style={listStyles.li}>
@@ -233,9 +434,18 @@ class SQLiteDemo extends Component {
     return (
       <View style={styles.mainContainer}>
         <View style={styles.toolbar}>
-          <Text style={styles.toolbarButton} onPress={this.runDemo}>Run Demo</Text>
-          <Text style={styles.toolbarButton} onPress={this.closeDatabase}>Close DB</Text>
-          <Text style={styles.toolbarButton} onPress={this.deleteDatabase}>Delete DB</Text>
+          <Text style={styles.toolbarButton} onPress={this.runDemo}>
+            Run Demo
+          </Text>
+          <Text style={styles.toolbarButton} onPress={this.attachDatabase}>
+            Attach DB
+          </Text>
+          <Text style={styles.toolbarButton} onPress={this.closeDatabase}>
+            Close DB
+          </Text>
+          <Text style={styles.toolbarButton} onPress={this.deleteDatabase}>
+            Delete DB
+          </Text>
         </View>
         <FlatList
           data={this.state.progress}
@@ -304,7 +514,7 @@ var styles = StyleSheet.create({
     flex: 1,
   },
 });
-AppRegistry.registerComponent(appName, () => SQLiteDemo);
+export default SQLiteDemo;
 
 ```
 
@@ -398,40 +608,17 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)
 
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| qid  | 	Unique identifier for the query        | number  | yes | All      | yes |
-| sql  | SQL statement to be executed        | string  | yes| All     | yes |
-| params  | Parameter list for the SQL statement       |any[]  | yes | All      | yes |
-
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| echoStringValue  | Adapter method    | void  | yes |All     |  yes |
 | open  | Opens or initializes        | void  | yes |All     |  yes |
 | close  |Closes or releases a previously opened resource      | void  |  yes |All     |  yes |
 | delete  |Deletes a resource       |void   |  yes | All   |  yes |
 |attach  | Connects or associates with an external resource or database  |  void  |  yes | All   |  yes|
 | backgroundExecuteSqlBatch  |Executes a batch of SQL statements in the background without blocking the current thread or process | void   |  yes |All     |  yes |
-| execute  |   Bridge execution method   | boolean   |  yes |All     |  yes |
-|  startDatabase |   Opens a database    | void   |  yes |All     |  yes |
-| closeDatabase  |  Closes a database      | void   |  yes |All     |  yes |
-| deleteDatabase  | Deletes a database     | void   |  yes |All     |  yes |
-| executeSqlBatchDatabase  | Executes a batch of SQL statements on a database     | void   |  yes |All     |  yes |
-| attachDatabase  | Bridges a database  | void   |  yes |All     |  yes |
-| INIT | Creates a database sandbox directory and retrieves the database file from the app's rawfile | void   |  yes |All     |  yes |
-| saveFileToCache |  Reads the database file from the app's rawfile and saves it to the database sandbox directory  | void   |  yes |All     |  yes |
 
 ## 遗留问题
 

From b85d3c3c1bd447f17cdb17461047bbe31e4f218a Mon Sep 17 00:00:00 2001
From: wahaha <liangtao50@h-partners.com>
Date: Mon, 29 Jul 2024 09:02:06 +0000
Subject: [PATCH 293/966] =?UTF-8?q?!1227=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-syan-image-picker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-syan-image-picker?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-syan-image-picker.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index 9e8788f8..7fbaf972 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -154,7 +154,7 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
 }
 ```
 
-## 使用 Codegen（如本库已适配了 Codegen ）
+## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
@@ -262,7 +262,7 @@ release未发布。
 
 | Name                            | Description                                                  | Type    | Required |  Platform   | HarmonyOS Support |
 | ------------------------------- | ------------------------------------------------------------ | ------- | :------: | :---------: | :---------------: |
-| imageCoun                       | 最大选择图片数目，默认6                                      | number  |   yes    | iOS/Android |        yes        |
+| imageCount                      | 最大选择图片数目，默认6                                      | number  |   yes    | iOS/Android |        yes        |
 | isCamera                        | 是否允许用户在内部拍照，默认true                             | boolean |   yes    | iOS/Android |        yes        |
 | isCrop                          | 是否允许裁剪，默认false, imageCount 为1才生效                | boolean |   yes    | iOS/Android |        yes        |
 | compress                        | 是否压缩照片                                                 | boolean |   yes    | iOS/Android |        yes        |
@@ -320,7 +320,7 @@ release未发布。
 | deleteCache          | 清除缓存                           | void                                                     | yes      | iOS/Android | yes               |
 | removePhotoAtIndex   | 删除已选择照片的索引               | void                                                     | yes      | iOS/Android | yes               |
 | removeAllPhoto       | 删除所有已选择的照片               | void                                                     | yes      | iOS/Android | yes               |
-| openVideoPicker      | 打开视频选择器                     | callback: (err: null \| string, photos: SelectedPhoto[]) | yes      | iOS/Android | yes               |
+| openVideoPicker      | 打开视频选择器,选择视频            | callback: (err: null \| string, photos: SelectedPhoto[]) | yes      | iOS/Android | yes               |
 
 ## 遗留问题
 

From 615c67c40baa776add7a107fec1bf5db24da29ad Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Mon, 29 Jul 2024 12:50:24 +0000
Subject: [PATCH 294/966] =?UTF-8?q?!1238=20docs=EF=BC=9A[Issues:=20##IAGDJ?=
 =?UTF-8?q?Q]=20=E6=96=B0=E5=A2=9Ereact-native-video=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=BF=AE=E6=94=B9=20*=20docs:=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-video=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-video.md | 19 ++++++-------------
 1 file changed, 6 insertions(+), 13 deletions(-)

diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index 9e6010b2..92e97961 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -68,12 +68,10 @@ function RNCVideoDemo() {
   const [onVideoProgress, setOnVideoProgress] = useState("onVideoProgress");
   const [onVideoEnd, setOnVideoEnd] = useState("onVideoEnd");
   const [onVideoBuffer, setOnVideoBuffer] = useState("onVideoBuffer");
-  const [onPlaybackStalled, setOnPlaybackStalled] =
-    useState("onPlaybackStalled");
+  const [onPlaybackStalled, setOnPlaybackStalled] = useState("onPlaybackStalled");
   const [onPlaybackResume, setOnPlaybackResume] = useState("onPlaybackResume");
 
-  const scrollRef = React.useRef < ScrollView > null;
-  const videoRef = React.useRef < typeof RNCVideo > null;
+  const videoRef = React.useRef<typeof RNCVideo>();
 
   const toggleMuted = () => {
     setMuted((prevMuted) => !prevMuted);
@@ -108,7 +106,7 @@ function RNCVideoDemo() {
   };
 
   return (
-    <ScrollView style={styles.container} ref={scrollRef}>
+    <ScrollView style={styles.container}>
       <View style={styles.container}>
         <Text style={styles.title}>网络视频demo</Text>
         <Text style={styles.labelB}>{onVideoLoad}</Text>
@@ -264,11 +262,6 @@ function RNCVideoDemo() {
         <RNCVideo
           style={styles.video}
           ref={videoRef}
-          drm={{
-            type: "fairplay",
-            certificateUrl: "sasddd",
-            drmType: "drmfairplay",
-          }}
           source={{ uri: uri, isNetwork: true }}
           paused={paused}
           muted={muted}
@@ -279,7 +272,7 @@ function RNCVideoDemo() {
           poster={
             "https://res.vmallres.com/pimages/uomcdn/CN/pms/202304/sbom/4002010007801/group/800_800_9B1356F1330EADDCB20D35D2AE1F46E0.jpg"
           }
-          posterResizeMode={posterResizeMode}
+         posterResizeMode={posterResizeMode}
           onLoad={(e) => {
             setOnVideoLoad(
               "onVideoLoad currentTime =" +
@@ -333,7 +326,7 @@ function RNCVideoDemo() {
           onReadyForDisplay={() => {
             console.log(`onReadyForDisplay :setShowPoster(false)`);
           }}
-        ></RNCVideo>
+        />
       </View>
     </ScrollView>
   );
@@ -347,7 +340,7 @@ const styles = StyleSheet.create({
   container: {
     width: "100%",
     height: "100%",
-    backgroundColor: "#333",
+    backgroundColor: "#f8f8f8",
   },
   title: {
     color: "white",

From 04864d745d7d8bbba3c4900c028209eb9f92bdc3 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Tue, 30 Jul 2024 01:43:49 +0000
Subject: [PATCH 295/966] =?UTF-8?q?!1125=20=E6=96=B0=E5=BB=BAreact-native-?=
 =?UTF-8?q?autocomplete-dropdown=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAD5XH]=20=E6=96=B0=E5=BB=BAreact-native?=
 =?UTF-8?q?-autocomplete-dropdown=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-autocomplete-dropdown.md | 166 ++++++++++++++++++++
 1 file changed, 166 insertions(+)
 create mode 100644 zh-cn/react-native-autocomplete-dropdown.md

diff --git a/zh-cn/react-native-autocomplete-dropdown.md b/zh-cn/react-native-autocomplete-dropdown.md
new file mode 100644
index 00000000..b1b68163
--- /dev/null
+++ b/zh-cn/react-native-autocomplete-dropdown.md
@@ -0,0 +1,166 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-autoComplete-dropdown</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/onmotion/react-native-autocomplete-dropdown">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/onmotion/react-native-autocomplete-dropdown)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install react-native-autocomplete-dropdown@4.0.0-rc.5
+```
+
+#### yarn
+
+```bash
+yarn add react-native-autocomplete-dropdown@4.0.0-rc.5
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+1. Wrap your root component in AutocompleteDropdownContextProvider from react-native-autocomplete-dropdown
+
+```tsx
+import { AutocompleteDropdownContextProvider } from 'react-native-autocomplete-dropdown';
+import { AppRegistry } from 'react-native'
+
+AppRegistry.setWrapperComponentProvider(appParams => {
+  return ({ children }) => (
+      <AutocompleteDropdownContextProvider >
+        {children}
+      </AutocompleteDropdownContextProvider>
+  );
+});
+
+
+```
+
+2. Example with local Dataset
+
+```tsx
+import React, { memo, useState } from 'react'
+import { Text, View } from 'react-native'
+import type { TAutocompleteDropdownItem } from 'react-native-autocomplete-dropdown'
+import { AutocompleteDropdown } from 'react-native-autocomplete-dropdown'
+
+const ItemSeparatorComponent = () => <View style={{ height: 1, width: '100%', backgroundColor: '#d8e1e6' }} />
+
+export const LocalDataSetExample = memo(() => {
+  const [selectedItem, setSelectedItem] = useState<TAutocompleteDropdownItem | null>(null)
+
+  return (
+    <>
+      <AutocompleteDropdown
+        clearOnFocus={false}
+        closeOnBlur={true}
+        showClear={false}
+        initialValue={{ id: '2' }} // or just '2'
+        onSelectItem={item => setSelectedItem(item)}
+        dataSet={[
+          { id: '1', title: 'Alpha' },
+          { id: '2', title: 'Beta' },
+          { id: '3', title: 'Gamma' },
+        ]}
+        ignoreAccents
+      />
+      <Text style={{ color: '#668', fontSize: 13 }}>Selected item: {JSON.stringify(selectedItem)}</Text>
+    </>
+  )
+}
+
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+   
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                          | Description                                                                                                   | Type                | Required | Platform    | HarmonyOS Support |
+|-------------------------------|---------------------------------------------------------------------------------------------------------------|---------------------|----------|-------------|-------------------|
+| dataSet                       | set of list items                                                                                             | array               | no       | iOS/Android | yes               |
+| initialValue                  | string (id) or object that contain id                                                                         | object \| string    | no       | iOS/Android | yes               |
+| loading                       | 	loading state                                                                                                | boolean             | no       | iOS/Android | yes               |
+| useFilter                     | whether use local filter by dataSet (useful set to false for remote filtering to prevent rerender twice)      | boolean             | no       | iOS/Android | yes               |
+| showClear                     | show clear button                                                                                             | boolean             | no       | iOS/Android | yes               |
+| showChevron                   | show chevron (open/close) button                                                                              | boolean             | no       | iOS/Android | yes               |
+| closeOnBlur                   | whether to close dropdown on blur                                                                             | boolean             | no       | iOS/Android | yes               |
+| closeOnSubmit                 | sets the max stroke line width                                                                                | boolean             | no       | iOS/Android | yes               |
+| clearOnFocus                  | whether to clear typed text on focus                                                                          | boolean             | no       | iOS/Android | yes               |
+| caseSensitive                 | whether to perform case-sensitive search                                                                      | boolean             | no       | iOS/Android | yes               |
+| ignoreAccents                 | ignore diacritics                                                                                             | boolean             | no       | iOS/Android | yes               |
+| trimSearchText                | trim the searched text                                                                                        | boolean             | no       | iOS/Android | yes               |
+| editable                      | is textInput editable                                                                                        | boolean             | no       | iOS/Android | yes               |
+| debounce                      | wait ms before call onChangeText                                                                              | number              | no       | iOS/Android | yes               |
+| suggestionsListMaxHeight      | max height of dropdown                                                                                        | number              | no       | iOS/Android | yes               |
+| direction                     | "up" or "down"                                                                                                | up \| down          | no       | iOS/Android | yes               |
+| matchFrom                     | whether match suggestions from start of titles or anywhere in the title. Possible values are "any" or "start" | any \| start        | no       | iOS/Android | yes               |
+| bottomOffset                  | for calculate dropdown direction (e.g. tabbar)                                                                | number              | no       | iOS/Android | yes               |
+| onChangeText                  | event textInput onChangeText                                                                                  | function            | no       | iOS/Android | yes               |
+| onSelectItem                  | event onSelectItem                                                                                            | function            | no       | iOS/Android | yes               |
+| onOpenSuggestionsList         | event onOpenSuggestionsList                                                                                   | function            | no       | iOS/Android | yes               |
+| onChevronPress                | event onChevronPress                                                                                          | function            | no       | iOS/Android | yes               |
+| onClear                       | event on clear button press                                                                                   | function            | no       | iOS/Android | yes               |
+| onSubmit                      | event on submit KB button press                                                                               | function            | no       | iOS/Android | yes               |
+| onBlur                        | event fired on text input blur	                                                                               | function            | no       | iOS/Android | yes               |
+| onFocus                       | event on focus text input                                                                                     | function            | no       | iOS/Android | yes               |
+| renderItem                    | JSX for render item (item, searchText) => JSX                                                                 | function            | no       | iOS/Android | yes               |
+| controller                    | return reference to module controller with methods close, open, toggle, clear, setInputText, setItem          | function            | no       | iOS/Android | yes               |
+| containerStyle                | containerStyle                                                                                                | ViewStyle           | no       | iOS/Android | yes               |
+| rightButtonsContainerStyle    | rightButtonsContainerStyle                                                                                    | ViewStyle           | no       | iOS/Android | yes               |
+| suggestionsListContainerStyle | suggestionsListContainerStyle                                                                                 | ViewStyle           | no       | iOS/Android | yes               |
+| suggestionsListTextStyle      | suggestionsListTextStyle                                                                                      | TextStyle           | no       | iOS/Android | yes               |
+| ChevronIconComponent          | Chevron Custom Icon                                                                                           | React.Component     | no       | iOS/Android | yes               |
+| ClearIconComponent            | Clear Custom Icon                                                                                             | React.Component     | no       | iOS/Android | yes               |
+| EmptyResultComponent          | replace the default `` Component on empty result                                                              | React.Component     | no       | iOS/Android | yes               |
+| InputComponent                | input element component                                                                                       | React.ComponentType | no       | iOS/Android | yes               |
+| emptyResultText               | replace the default "Nothing found" text on empty result                                                      | string              | no       | iOS/Android | yes               |
+| textInputProps                | text input props                                                                                              | TextInputProps      | no       | iOS/Android | yes               |
+| flatListProps                 | props for \ component                                                                                         | FlatListProps       | no       | iOS/Android | yes               |
+
+
+## 遗留问题
+
+- [ ] TextInput在页面底部时，键盘弹起会导致View标签measure方法计算pageY错误,导致dropdown位置不正确,RN框架问题。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/LICENSE) ，请自由地享受和参与开源。

From 569f5036e6699a03ba03d39d8c8d85f0ff45730c Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Tue, 30 Jul 2024 03:30:54 +0000
Subject: [PATCH 296/966] =?UTF-8?q?!1092=20docs=EF=BC=9A=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?react-native-securerandom=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAD81M]=E6=96=B0=E5=A2=9Ere?=
 =?UTF-8?q?act-native-securerandom=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-securerandom.md | 192 +++++++++++++++++++++++++++++
 1 file changed, 192 insertions(+)
 create mode 100644 zh-cn/react-native-securerandom.md

diff --git a/zh-cn/react-native-securerandom.md b/zh-cn/react-native-securerandom.md
new file mode 100644
index 00000000..74b1d45a
--- /dev/null
+++ b/zh-cn/react-native-securerandom.md
@@ -0,0 +1,192 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-securerandom</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/robhogan/react-native-securerandom">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/robhogan/react-native-securerandom/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-securerandom)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-securerandom@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-securerandom@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import React, { useState } from "react";
+import { Text, TouchableOpacity, View, TextInput, StyleSheet } from 'react-native';
+import { generateSecureRandom } from 'react-native-securerandom';
+
+export default function secureRandomDemo(): JSX.Element {
+
+    const [secureRandom, setSecureRandom] = useState('')
+    const [size, setSize] = useState('30');
+
+    return <View>
+        <ScrollView style={{ height: 60 }}>
+                <Text>{secureRandom}</Text>
+        </ScrollView>
+
+        <TextInput style={styles.TextInput} value={size} onChangeText={(s) => {
+            setSize(s);
+        }}></TextInput>
+        <TouchableOpacity onPress={() => {
+          generateSecureRandom(Number(size)).then((myRandom:any) => {
+                setSecureRandom(`${JSON.stringify(myRandom?.data)}`)
+          }).catch((err)=>{
+              console.log(err,'err')
+            })
+        }} style={styles.btn}>
+        <Text
+          style={styles.btnText}>
+          secureRandom
+        </Text>
+      </TouchableOpacity>
+    </View>
+}
+const styles = StyleSheet.create({
+  TextInput: { height: 40, borderColor: '#ccc', borderWidth: 1, borderRadius: 4, width: '90%' },
+  btn: { borderRadius: 10, display: 'flex', justifyContent: 'center', alignItems: 'center', padding: 10, margin: 10, backgroundColor: 'blue' },
+  btnText: { fontWeight: 'bold', color: '#fff', fontSize: 20 }
+});
+```
+### 使用 Codegen 
+
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen](/zh-cn/link-source-code.md) 使用文档。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入(推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-securerandom": "file:../../node_modules/@react-native-oh-tpl/react-native-securerandom/harmony/secure_random.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 SecureRandomPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { SecureRandomPackage } from '@react-native-oh-tpl/react-native-secure_random/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SecureRandomPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases)
+
+
+## API
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| generateSecureRandom    | A library to generate cryptographically-secure random byte. | Function | No       | ios/Android | yes               |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/robhogan/react-native-securerandom/blob/main/LICENSE) ，请自由地享受和参与开源。

From d3c7788bb212094d97ceddbc028adfec30750ff4 Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Tue, 30 Jul 2024 03:42:04 +0000
Subject: [PATCH 297/966] =?UTF-8?q?!1243=20docs:=20[Issues:=20#IAGHM5]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-spinkit=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAGHM5]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-spinkit=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-spinkit.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md
index 7491b154..0cc231d9 100644
--- a/zh-cn/react-native-spinkit.md
+++ b/zh-cn/react-native-spinkit.md
@@ -160,12 +160,12 @@ const arkTsComponentNames: Array<string> = [
 
 ```diff
   ...
-+ import { SpinKitPackage } from '@react-native-oh-tpl/react-native-spinkit/ts';
++ import { RNSpinKitPackage } from '@react-native-oh-tpl/react-native-spinkit/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
     new SamplePackage(ctx),
-+   new SpinKitPackage(ctx)
++   new RNSpinKitPackage(ctx)
   ];
 }
 ```

From 92936706fb9480d2af158f0fc8d949e8ab3b87ab Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Tue, 30 Jul 2024 03:51:21 +0000
Subject: [PATCH 298/966] =?UTF-8?q?!628=20fix:=20=E4=BF=AE=E6=94=B9react-n?=
 =?UTF-8?q?ative-system-setting=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20?=
 =?UTF-8?q?fix:=20[Issues:=20#I9RXPS]=20=E4=BF=AE=E6=94=B9react-native-sys?=
 =?UTF-8?q?tem-setting=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-system-setting.md | 105 ++++++++++++++-------------
 1 file changed, 54 insertions(+), 51 deletions(-)

diff --git a/zh-cn/react-native-system-setting.md b/zh-cn/react-native-system-setting.md
index d787b050..e79a582c 100644
--- a/zh-cn/react-native-system-setting.md
+++ b/zh-cn/react-native-system-setting.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-system-setting</code> </h1>
@@ -156,12 +155,26 @@ const styles = StyleSheet.create({
 export default SystemSettingDemo
 ```
 
+## 使用 Codegen 
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -169,7 +182,7 @@ export default SystemSettingDemo
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -178,7 +191,7 @@ export default SystemSettingDemo
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/rnoh-system-setting": "../../node_modules/@react-native-oh-tpl/react-native-system-setting/harmony/react_native_system_setting.har"
+    "@react-native-oh-tpl/react-native-system-setting": "../../node_modules/@react-native-oh-tpl/react-native-system-setting/harmony/react_native_system_setting.har"
   }
 ```
 
@@ -193,31 +206,16 @@ ohpm install
 
 方法二：直接链接源码
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/rnoh-system-setting": "../../node_modules/@react-native-oh-tpl/react-native-system-setting/harmony/react_native_system_setting"
-  }
-```
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-打开终端，执行：
 
-```bash
-cd entry
-ohpm install --no-link
-```
-
-### 在 ArkTs 侧引入 SoundPackage
+### 在 ArkTs 侧引入 RNSystemSettingPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
   ...
-+ import { RNSystemSettingPackage } from '@react-native-oh-tpl/rnoh-system-setting/ts';
++ import { RNSystemSettingPackage } from '@react-native-oh-tpl/react-native-system-setting/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -248,9 +246,6 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases)。
 
-本文档内容基于以下版本验证通过：
-1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
-
 ### 权限要求
 
 由于此库涉及蓝牙、亮度等系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
@@ -261,55 +256,63 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-system-setting](https://github.com/c19354837/react-native-system-setting/tree/master)
 
 | Name                        | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
 | --------------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
-| getVolume                   | Get the system volume.                                       | string                   | No       | IOS/Android | yes               |
-| setVolume                   | Set the system volume by specified value, from 0 to 1. 0 for mute, and 1 is max volume. | val:float, config:object | No       | IOS/Android | no                |
-| addVolumeListener           | Listen the volume changing, and it will return the listener. | callback                 | No       | IOS/Android | yes               |
-| removeVolumeListener        | Remove listener when it no longer needed.                    | listener                 | No       | IOS/Android | no                |
-| getBrightness               | Get the system brightness.                                   | no                       | No       | IOS/Android | no                |
-| setBrightness               | Set the system brightness by specified value, from 0 to 1. 0 for brightless, and 1 is max. | val:float                | No       | IOS/Android | no                |
+| getVolume                   | Get the system volume.                                       | string                   | No       | iOS/Android | yes               |
+| setVolume                   | Set the system volume by specified value, from 0 to 1. 0 for mute, and 1 is max volume. | val:float, config:object | No       | iOS/Android | no                |
+| addVolumeListener           | Listen the volume changing, and it will return the listener. | callback                 | No       | iOS/Android | yes               |
+| removeVolumeListener        | Remove listener when it no longer needed.                    | listener                 | No       | iOS/Android | no                |
+| getBrightness               | Get the system brightness.                                   | no                       | No       | iOS/Android | no                |
+| setBrightness               | Set the system brightness by specified value, from 0 to 1. 0 for brightless, and 1 is max. | val:float                | No       | iOS/Android | no                |
 | setBrightnessForce          | In Android, if the screen mode is auto, SystemSetting.setBrightness() will not work. You can call this to change the screen mode to MANUAL first. | val:float                | No       | Android     | no                |
 | setAppBrightness            | For Android and Harmony, `setBrightness()` or `setBrightnessForce()` will change the system's brightness, while this just changes the app's brightness, and it has no permission trouble. | val:float                | No       | Android     | yes               |
 | getAppBrightness            | Get the app brightness, and it will returns system brightness if you haven't call `setAppBrightness(val)` yet. (iOS allways returns system brightness) | no                       | No       | Android     | yes               |
 | getScreenMode               | (Only for Android, iOS and Harmony will return -1). Get the screen mode, 0 is manual, while 1 is automatic. | no                       | No       | Android     | no                |
 | setScreenMode               | (Only for Android, iOS and Harmony cannot change it). Change the screen mode, 0 is manual, while 1 is automatic. | mode:int                 | No       | Android     | no                |
-| grantWriteSettingPermission | open app setting page. It's user-friendly when you need some permission. Normally, you can call it if `setScreenMode()`, `setBrightness()` or `setBrightnessForce()` return false | no                       | No       | IOS/Android | no                |
-| saveBrightness              | It will save current brightness and screen mode.             | no                       | No       | IOS/Android | yes               |
-| restoreBrightness           | Restore brightness and screen mode back to saveBrightness(). While iOS only restore the brightness, Android will restore both, Harmony will restore the app's rightness. | no                       | No       | IOS/Android | yes               |
-| isWifiEnabled               | Get wifi state, true if wifi is on.                          | no                       | No       | IOS/Android | yes               |
-| switchWifi                  | It will open **Wifi Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | IOS/Android | yes               |
+| grantWriteSettingPermission | open app setting page. It's user-friendly when you need some permission. Normally, you can call it if `setScreenMode()`, `setBrightness()` or `setBrightnessForce()` return false | no                       | No       | iOS/Android | no                |
+| saveBrightness              | It will save current brightness and screen mode.             | no                       | No       | iOS/Android | yes               |
+| restoreBrightness           | Restore brightness and screen mode back to saveBrightness(). While iOS only restore the brightness, Android will restore both, Harmony will restore the app's rightness. | no                       | No       | iOS/Android | yes               |
+| isWifiEnabled               | Get wifi state, true if wifi is on.                          | no                       | No       | iOS/Android | yes               |
+| switchWifi                  | It will open **Wifi Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | iOS/Android | yes               |
 | switchWifiSilence           | It will open wifi if the wifi is off, and close wifi when the wifi is on now. When it has done, the `complete` will be call. | complete                 | No       | Android     | no                |
 | addWifiListener             | Listen the wifi state changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
-| isLocationEnabled           | Get location state, true if location is on.                  | no                       | No       | IOS/Android | yes               |
-| switchLocation              | It will open **System Location Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | IOS/Android | yes               |
+| isLocationEnabled           | Get location state, true if location is on.                  | no                       | No       | iOS/Android | yes               |
+| switchLocation              | It will open **System Location Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | iOS/Android | yes               |
 | addLocationListener         | Listen the location state changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
 | getLocationMode             | Get current location mode code: `0` - 'off', `1` - 'gps', `2` - 'network', `3` - 'gps & network'. (Android only) | no                       | No       | Android     | no                |
 | addLocationModeListener     | Listen the location mode changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
-| isBluetoothEnabled          | Get bluetooth state, true if bluetooth is on.                | no                       | No       | IOS/Android | yes               |
-| switchBluetooth             | It will open **System Bluetooth Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | IOS/Android | yes               |
+| isBluetoothEnabled          | Get bluetooth state, true if bluetooth is on.                | no                       | No       | iOS/Android | yes               |
+| switchBluetooth             | It will open **System Bluetooth Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | iOS/Android | yes               |
 | switchBluetoothSilence      | It will open bluetooth if the bluetooth is off, and close bluetooth when the bluetooth is on now. When it has done, the `complete` will be call. In android, it's done programmatically. | complete                 | No       | Android     | yes               |
-| addBluetoothListener        | Listen the bluetooth state changing, and it will return the listener. | callback                 | No       | IOS/Android | yes               |
-| isAirplaneEnabled           | Get airplane state, true if airplane is on.                  | no                       | No       | IOS/Android | no                |
-| switchAirplane              | It will open **System Setting Page**, and you can change it by yourself. | complete                 | No       | IOS/Android | yes               |
+| addBluetoothListener        | Listen the bluetooth state changing, and it will return the listener. | callback                 | No       | iOS/Android | yes               |
+| isAirplaneEnabled           | Get airplane state, true if airplane is on.                  | no                       | No       | iOS/Android | no                |
+| switchAirplane              | It will open **System Setting Page**, and you can change it by yourself. | complete                 | No       | iOS/Android | yes               |
 | addAirplaneListener         | Listen the airplane state changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
-| setAppStore                 | `true` means that you'll submit your app to App Store,`false` means that your app will not upload to App Store, and you can use any APIs at will. | isAppStore:bool          | No       | IOS         | no                |
-| removeListener              | you can use this to remove the listener which return by `add*Listener(callback)` | listener                 | No       | IOS/Android | yes               |
-| openAppSystemSettings       | open app's setting page                                      | no                       | No       | IOS/Android | yes               |
+| setAppStore                 | `true` means that you'll submit your app to App Store,`false` means that your app will not upload to App Store, and you can use any APIs at will. | isAppStore:bool          | No       | iOS         | no                |
+| removeListener              | you can use this to remove the listener which return by `add*Listener(callback)` | listener                 | No       | iOS/Android | yes               |
+| openAppSystemSettings       | open app's setting page                                      | no                       | No       | iOS/Android | yes               |
 
 ## 其他
 
+由于仅支持Android/iOS特有功能，HarmonyOS暂无法实现的接口：[issue#11](https://github.com/react-native-oh-library/react-native-system-setting/issues/11)
+
 ## 遗留问题
 
-- [ ] 由于system权限与OS API等问题，暂未支持setVolume、removeVolumeListener、getBrightness、setBrightness等接口，具体API支持度见上表，待后续跟进修复，问题：[issue#1](https://github.com/react-native-oh-library/react-native-system-setting/issues/2)
+- [ ] 由于系统音量权限问题，HarmonyOS暂无法实现的接口：[issue#3](https://github.com/react-native-oh-library/react-native-system-setting/issues/3)
+- [ ] 由于系统亮度与亮度模式权限问题，HarmonyOS暂无法实现的接口：[issue#4](https://github.com/react-native-oh-library/react-native-system-setting/issues/4)
+- [ ] 由于系统WiFi权限问题，HarmonyOS暂无法实现的接口：[issue#5](https://github.com/react-native-oh-library/react-native-system-setting/issues/5)
+- [ ] 由于系统未支持删除音量监听器，HarmonyOS暂无法实现的接口：[issue#6](https://github.com/react-native-oh-library/react-native-system-setting/issues/6)
+- [ ] 由于系统未支持位置服务模式监听器相关接口，HarmonyOS暂无法实现的接口：[issue#7](https://github.com/react-native-oh-library/react-native-system-setting/issues/7)
+- [ ] 由于系统未支持位置服务模式获取相关接口，HarmonyOS暂无法实现的接口：[issue#8](https://github.com/react-native-oh-library/react-native-system-setting/issues/8)
+- [ ] 由于系统未支持获取飞行模式状态相关接口，HarmonyOS暂无法实现的接口：[issue#9](https://github.com/react-native-oh-library/react-native-system-setting/issues/9)
+- [ ] 由于系统未支持飞行模式开关监听器相关接口，HarmonyOS暂无法实现的接口：[issue#10](https://github.com/react-native-oh-library/react-native-system-setting/issues/10)
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/c19354837/react-native-system-setting/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/c19354837/react-native-system-setting/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file

From 179cb2d02851802fc2db03447bf82a0d2cd8b61c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E4=B8=83?= <wangshan_aqi@163.com>
Date: Tue, 30 Jul 2024 06:14:44 +0000
Subject: [PATCH 299/966] =?UTF-8?q?!1060=20docs=EF=BC=9A[Issues:=20#IACJBZ?=
 =?UTF-8?q?]=20=E6=96=B0=E5=A2=9Ereact-native-dotenv=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=BF=AE=E6=94=B9=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IACJBZ]=20=E4=BF=AE=E6=94=B9=20react-native-dotenv=20=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-dotenv.md | 59 +++++++++++++++++++++++++++++++-----
 1 file changed, 51 insertions(+), 8 deletions(-)

diff --git a/zh-cn/react-native-dotenv.md b/zh-cn/react-native-dotenv.md
index 423d7a1a..c0068365 100644
--- a/zh-cn/react-native-dotenv.md
+++ b/zh-cn/react-native-dotenv.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -14,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/goatandsheep/react-native-dotenv)
+> [!TIP] [Github 地址](https://github.com/goatandsheep/react-native-dotenv)
 
 ## 安装与使用
 
@@ -72,7 +70,7 @@ export function TestDotenv() {
 
 基础配置：
 
-**.babelrc**
+**.babelrc 或 babel.config.js**
 
 ```json
 {
@@ -80,6 +78,35 @@ export function TestDotenv() {
 }
 ```
 
+**.babelrc 或 babel.config.js**
+
+> [!TIP] 如果默认值不适合您项目，这里会列出 Babel 配置的可用选项及其各自的默认值，但如果您使用默认设置，则无需添加它们。
+
+```json
+module.exports = function(api) {
+  api.cache(false)
+  module.exports = {
+    plugins: [
+      [
+        'module:react-native-dotenv',
+        {
+          envName: 'APP_ENV',
+          moduleName: '@env',
+          path: '.env',
+          blocklist: null, // 黑名单 string[]
+          allowlist: null, // 白名单 string[]
+          blacklist: null, // DEPRECATED 弃用
+          whitelist: null, // DEPRECATED 弃用
+          safe: false, // 安全模式
+          allowUndefined: true, // 允许变量未定义
+          verbose: false, // 
+        },
+      ],
+    ],
+  };
+}
+```
+
 **.env**
 
 ```
@@ -143,6 +170,24 @@ console.log(UNDEFINED_VAR === undefined); // true
 
 若要进行选择，需要为每个环境使用 NODE_ENV 设置脚本
 
+```json
+module.exports = function(api) {
+  api.cache(false)
+  module.exports = {
+    plugins: [
+      [
+        'module:react-native-dotenv',
+        {
+          moduleName: '@env',
+          // 多环境须修改 path：'.env.development' 或 '.env.Production' 或 '.env.test'
+          path: '.env', 
+        },
+      ],
+    ],
+  };
+}
+```
+
 **package.json**
 
 <!-- tabs:start -->
@@ -176,7 +221,7 @@ console.log(UNDEFINED_VAR === undefined); // true
 对于使用 TypeScript 的库，需要手动指定类型：
 
 - 在你的工程创建 `types` 文件夹
-- 进入文件夹，创建 `*.d.tsx` 文件，比如 `env.d.ts`
+- 进入文件夹，创建 `*.d.ts` 文件，比如 `env.d.ts`
 - 在此文件中，以下面的形式声明一个 module
 
 ```ts
@@ -247,7 +292,7 @@ module.exports = {
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.1.430; ROM：3.0.0.26;
 
 ## 遗留问题
 
@@ -256,5 +301,3 @@ module.exports = {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/goatandsheep/react-native-dotenv/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 44ab4b702566b3f22fb1948d2ce88f35d5b59ab2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B8=A9=E6=98=8A=E4=B8=9C?= <dvaj@qq.com>
Date: Tue, 30 Jul 2024 06:24:22 +0000
Subject: [PATCH 300/966] =?UTF-8?q?!1075=20docs:=20[#IAD2RY]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20nativewind=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[#IAD2RY]=20=E6=96=B0=E5=A2=9E=20nativewind=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/nativewind.md | 120 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 120 insertions(+)
 create mode 100644 zh-cn/nativewind.md

diff --git a/zh-cn/nativewind.md b/zh-cn/nativewind.md
new file mode 100644
index 00000000..9404cc3d
--- /dev/null
+++ b/zh-cn/nativewind.md
@@ -0,0 +1,120 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>nativewind</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/nativewind/nativewind">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/nativewind/nativewind/blob/main/packages/nativewind/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/nativewind)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/nativewind@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/nativewind@file:#
+```
+
+#### **tailwind.config.js**
+
+```bash
+npx tailwindcss init
+```
+
+#### **在你的 tailwind.config.js 文件中添加所有组件文件的路径。**
+
+```diff
+module.exports = {
+- content: [],
++ content: ["./App.{js,jsx,ts,tsx}", "./screens/**/*.{js,jsx,ts,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+```
+
+#### **修改你的 babel.config.js。**
+
+```diff
+module.exports = {
+- plugins: [],
++ plugins: ["nativewind/babel"],
+};
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React from 'react';
+import { Text, View, ScrollView } from 'react-native';
+import { styled } from 'nativewind';
+
+const StyledView = styled(View)
+const StyledText = styled(Text)
+const NativewindDemo = () => {
+    return (
+        <StyledView className="flex-1 items-center justify-center">
+            <StyledText className="font-bold">
+                Hello,World.
+            </StyledText>
+        </StyledView>
+    )
+}
+
+export default NativewindDemo
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases)
+
+## API
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| styled()             | can be used similar to Styled Components,and provide base styling. | (ComponentName:JSX.Element,StyleName?:String) => JSX.Element | no       | All      | yes               |
+| StyledComponent      | StyledComponent is the component version of styled accepts your component as prop. | component                                                    | no       | All      | yes               |
+| useColorScheme()     | provides access to the devices color scheme.                 | () =>{colorScheme,setColorScheme}                            | no       | All      | yes               |
+| NativeWindStyleSheet | A StyleSheet is an abstraction similar to CSS StyleSheets and React Native's StyleSheet | component                                                    | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/nativewind/nativewind/blob/main/packages/nativewind/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From bae72110d7bfde3c9406e23c26b31ff1a3d3335f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Tue, 30 Jul 2024 06:26:35 +0000
Subject: [PATCH 301/966] =?UTF-8?q?!1242=20docs:=20[Issues:=20#IAGG0Z]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-flash-message=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E5=8F=B7=20*=20docs:=20[Issues:=20#IAGG0Z]=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-flash-message=E7=89=88=E6=9C=AC=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-flash-message.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-flash-message.md b/zh-cn/react-native-flash-message.md
index b4eaf607..d5b23c39 100644
--- a/zh-cn/react-native-flash-message.md
+++ b/zh-cn/react-native-flash-message.md
@@ -24,13 +24,13 @@
 #### **npm**
 
 ```bash
-npm install react-native-flash-message@0.2.2
+npm install react-native-flash-message@0.4.2
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-flash-message@0.2.2
+yarn add react-native-flash-message@0.4.2
 ```
 
 <!-- tabs:end -->

From e9cbcdc0af7e581cab0be74d21933ef6a577e3f5 Mon Sep 17 00:00:00 2001
From: liangzhenhua <2106377850@qq.com>
Date: Tue, 30 Jul 2024 06:53:35 +0000
Subject: [PATCH 302/966] =?UTF-8?q?!1216=20docs:=20[Issues:=20#IABKTQ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-amap3d.md=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IABKTQ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-amap3d.md=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-amap3d.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-amap3d.md b/zh-cn/react-native-amap3d.md
index 7f5edd48..259e912a 100644
--- a/zh-cn/react-native-amap3d.md
+++ b/zh-cn/react-native-amap3d.md
@@ -329,18 +329,18 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 MapViewPackage
+### 在 ArkTs 侧引入 AMap3DPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 
 ```diff  
   ... 
-+ import {MapViewPackage} from '@react-native-oh-tpl/react-native-amap3d/ts';
++ import {AMap3DPackage} from '@react-native-oh-tpl/react-native-amap3d/ts';
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
     new SamplePackage(ctx),
-+   new MapViewPackage(ctx)
++   new AMap3DPackage(ctx)
   ];
 }
 ```

From d77e99a5f84f6e8c9f482a38dd212a7bc8a76a9f Mon Sep 17 00:00:00 2001
From: quweifan <345827250@qq.com>
Date: Tue, 30 Jul 2024 07:11:28 +0000
Subject: [PATCH 303/966] =?UTF-8?q?!1123=20docs:=20[Issues:=20#IADUAB]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-storage=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IADUAB]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-storage=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-storage.md | 200 +++++++++++++++++++++++++++++++---
 1 file changed, 187 insertions(+), 13 deletions(-)

diff --git a/zh-cn/react-native-storage.md b/zh-cn/react-native-storage.md
index 23618d31..068a207c 100644
--- a/zh-cn/react-native-storage.md
+++ b/zh-cn/react-native-storage.md
@@ -38,8 +38,66 @@ yarn add react-native-storage@1.0.1
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
+import React, { Component } from 'react';
+import { StyleSheet, Text, View, FlatList, Button } from 'react-native';
 import Storage from 'react-native-storage';
-import AsyncStorage from '@react-native-async-storage/async-storage';
+import { AsyncStorage } from 'react-native'
+///初始化
+const storage = new Storage({
+    // 最大容量，默认值1000条数据循环存储
+    size: 1000,
+  
+    // 存储引擎：对于RN使用AsyncStorage，对于web使用window.localStorage
+    // 如果不指定则数据只会保存在内存中，重启后即丢失
+    storageBackend: AsyncStorage,
+  
+    // 数据过期时间，默认一整天（1000 * 3600 * 24 毫秒），设为null则永不过期
+    defaultExpires: 1000 * 3600 * 24,
+  
+    // 读写时在内存中缓存数据。默认启用。
+    enableCache: true, 
+    // storageBackend: global.storage,
+    // 你可以在构造函数这里就写好sync的方法 
+    // 或是在任何时候，直接对storage.sync进行赋值修改 
+    // 或是写到另一个文件里，这里require引入
+    // 如果storage中没有相应数据，或数据已过期，
+    // 则会调用相应的sync方法，无缝返回最新数据。
+    // sync方法的具体说明会在后文提到
+    // sync: sync,
+  });
+  var userids = [];
+  var key = '';
+  var userA = {
+    key:'user',
+    id:"1001",
+    name: 'A',
+    age: 20,
+    tags: ['geek', 'nerd', 'otaku'],
+  };
+  var userB = {
+    key:'user',
+    id:"1002",
+    name: 'B',
+    age: 28,
+    tags: ['test', 'john', 'storage'],
+  };
+  var loginA = {
+    key:'login',
+    id:"1003",
+    account: 'test123',
+    password: "123321",
+  };
+  var loginB = {
+    key:'login',
+    id:"1004",
+    account: 'test456',
+    password: "456654",
+  };
+  const Item = ({title}) => (
+    <View style={styles.item}>
+      <Text style={styles.title}>{title}</Text>
+    </View>
+  );
  class StorageDemo extends Component {
     constructor() {
       super();
@@ -59,16 +117,21 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
         listData,
       });
     };
+  
     componentWillUnmount = () => {
       this.timer && clearTimeout(this.timer);
     };
-    saveStorageFun = (type) => {
+  
+    ///保存
+    saveStorageFun = (type) => {///type:1代表userA；2代表userB
       console.log("test==== >>>>storage====saveStorageFun");
       this.updateProgress("saveStorage start...");
       storage.save({
-        key: 'user', 
-        id: type==1?userA.id:userB.id, 
+        key: 'user', // 注意:请不要在key中使用_下划线符号!
+        id: type==1?userA.id:userB.id, // 注意:请不要在id中使用_下划线符号!
         data: type==1?userA:userB,
+        // 如果不指定过期时间，则会使用defaultExpires参数
+        // 如果设为null，则永不过期
         expires: 1000 * 3600 * 24
       }).then(() => {
         console.log("test==== >>>>storage====saveStorage  success");
@@ -77,19 +140,28 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
       });
     
     };
+     //读取
   loadStorageFun = (user) => {
     this.updateProgress("loadStorage start...");
     console.log("test==== >>>>storage====loadStorageFun");
     storage.load({
       key: user.key,
       id:user.id,
+      // autoSync(默认为true)意味着在没有找到数据或数据过期时自动调用相应的sync方法
     autoSync: false,
+
+    // // syncInBackground(默认为true)意味着如果数据过期，
+    // // 在调用sync方法的同时先返回已经过期的数据。
+    // // 设置为false的话，则等待sync方法提供的最新数据(当然会需要更多时间)。
     syncInBackground: true,
     }).then(ret => {
+      // 如果找到数据，则在then方法中返回
       this.updateProgress("data:{"+JSON.stringify(ret)+"}");
       console.log("test==== >>>>storage===="+JSON.stringify(ret));
       this.updateProgress("loadStorage success");
     }).catch(err => {
+      // 如果没有找到数据且没有sync方法，
+      // 或者有其他异常，则在catch中返回
       console.warn(err.message);
       this.updateProgress("loadStorage fail:"+err.message);
       console.log("test==== >>>>storage====loadStorageFunError   "+err.message);
@@ -104,7 +176,9 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
       }
     })
   }
- removeStorageFun = (type) => {
+
+  //移除单个数据
+  removeStorageFun = (type) => {
     this.updateProgress("removeStoreage start...");
     storage.remove({
       key:type==1?userA.key:userB.key,
@@ -117,6 +191,7 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
       console.log("test==== >>>>storage====removeStorageFunError   "+err.message);
     });
   }
+  // 获取某个key下的所有id(仅key-id数据)
   getIdsForKeyStorageFun = (key) => {
     this.updateProgress("getIdsForKey start...");
     storage.getIdsForKey(key).then(ids => {
@@ -130,16 +205,22 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
       console.log("test==== >>>>storage====getIdsForKeyStorageFun===Error   "+err.message);
     });
   }
+
+  //获取某个key下的所有数据(仅key-id数据)
   getAllDataForKeyStorageFun = (key) => {
     storage.getAllDataForKey(key).then(users => {
       console.log(users);
       console.log("test==== >>>>storage=getAllDataForKeyStorageFun==="+JSON.stringify(users));
     });
   }
+
+  // !! 清除某个key下的所有数据(仅key-id数据)
   clearMapForKeyStorageFun= (key) =>{
     storage.clearMapForKey(key);
     console.log("test==== >>>>storage=clearMapForKeyStorageFun===");
   }
+
+  // !! 清空map，移除所有"key-id"数据（但会保留只有key的数据）
   clearMapStorageFun = () => {
     console.log("test==== >>>>storage=clearMapStorageFun===");
     this.updateProgress("clearMapStorage start...")
@@ -148,18 +229,30 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
       this.loadStorageFun(userA)
     });
   }
+   //读取批量数据
    getBatchDataStorageFun = () => {
     console.log("test==== >>>>storage=getBatchDataStorageFun===start...");
+    // 使用和load方法一样的参数读取批量数据，但是参数是以数组的方式提供。
+    // 会在需要时分别调用相应的sync方法，最后统一返回一个有序数组。
     storage.getBatchData([
+	    // { key: 'loginState' },
+	    // { key: 'checkPoint', syncInBackground: false },
+	    // { key: 'balance' },
 	    { key: 'user'}
     ]).then(results => {
       console.log("test==== >>>>storage=getBatchDataStorageFun==="+JSON.stringify(results));
+      // results.forEach( result => {
+      //   console.log("test==== >>>>storage=getBatchDataStorageFun==="+JSON.stringify(result));
+      // })
     })
   }
+  //读取批量数据
   getBatchDataWithIdsStorageFun = () => {
     storage.getIdsForKey('user').then(userids => {
+      //根据key和一个id数组来读取批量数据
       storage.getBatchDataWithIds({
-      key: 'user',,
+      key: 'user',
+      // ids: ['1001', '1002', '1003'],
       ids:userids
     }).then(retData => {
       this.updateProgress("storage data: "+JSON.stringify(retData));
@@ -172,7 +265,8 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
       console.log("test==== >>>>storage====getIdsForKeyStorageFun===Error   "+err.message);
     });
   }
- renderProgressEntry = entry => {
+
+  renderProgressEntry = entry => {
     return (
       <View style={listStyles.li}>
         <View>
@@ -187,12 +281,12 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
         <View style={styles.textdata}>
           <Text style = {styles.textkey}>{JSON.stringify(userA)}</Text>
           <Text style = {styles.textkey}>{JSON.stringify(userB)}</Text>
-          <Button label='save userA' style={styles.toolbarButton} onPress={() => this.saveStorageFun(1)}/>
-          <Button label='save userB' style={styles.toolbarButton} onPress={() =>this.saveStorageFun(2)}/>
-          <Button label='get user key all ids' style={styles.toolbarButton} onPress={() =>this.getIdsForKeyStorageFun('user')}/>
-          <Button label='remove user key one data' style={styles.toolbarButton} onPress={() =>this.removeStorageFun(1)}/>
-          <Button label='clearMapStorage' style={styles.toolbarButton} onPress={() =>this.clearMapStorageFun()}/>
-          <Button label='read storage data' style={styles.toolbarButton} onPress={() =>this.getBatchDataWithIdsStorageFun()}/>
+          <Button title='save userA' style={styles.toolbarButton} onPress={() => this.saveStorageFun(1)}/>
+          <Button title='save userB' style={styles.toolbarButton} onPress={() =>this.saveStorageFun(2)}/>
+          <Button title='get user key all ids' style={styles.toolbarButton} onPress={() =>this.getIdsForKeyStorageFun('user')}/>
+          <Button title='remove user key one data' style={styles.toolbarButton} onPress={() =>this.removeStorageFun(1)}/>
+          <Button title='clearMapStorage' style={styles.toolbarButton} onPress={() =>this.clearMapStorageFun()}/>
+          <Button title='read storage data' style={styles.toolbarButton} onPress={() =>this.getBatchDataWithIdsStorageFun()}/>
         </View>
         <FlatList
           data={this.state.listData}
@@ -203,6 +297,86 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
     );
   };
 }
+
+var listStyles = StyleSheet.create({
+  li: {
+    borderBottomColor: '#c8c7cc',
+    borderBottomWidth: 0.5,
+    paddingTop: 15,
+    paddingRight: 15,
+    paddingBottom: 15,
+  },
+  liContainer: {
+    backgroundColor: '#fff',
+    flex: 1,
+    paddingLeft: 15,
+  },
+  liIndent: {
+    flex: 1,
+  },
+  liText: {
+    color: '#333',
+    fontSize: 17,
+    fontWeight: '400',
+    marginBottom: -3.5,
+    marginTop: -3.5,
+  },
+});
+var styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: '#F5FCFF',
+    },
+    welcome: {
+      fontSize: 20,
+      textAlign: 'center',
+      margin: 10,
+    },
+    textkey: {
+      fontSize: 12,
+      margin: 10,
+    },
+    textvules: {
+      fontSize: 12,
+      textAlign: 'center',
+      margin: 10,
+    },
+    texterror: {
+      fontSize: 12,
+      textAlign: 'center',
+      margin: 10,
+      color:'red'
+    },
+    
+    instructions: {
+      textAlign: 'center',
+      color: '#333333',
+      marginBottom: 5,
+    },
+    toolbar: {
+      paddingTop: 10,
+      paddingBottom: 10,
+      flexDirection: 'column',
+    },
+    textdata: {
+      paddingTop: 60,
+      paddingBottom: 10,
+      flexDirection: 'column',
+    },
+    toolbarButton: {
+      paddingTop: 10,
+      paddingBottom: 10,
+      margin: 10,
+      backgroundColor: 'blue',
+      color: '#ffffff',
+      textAlign: 'center',
+    },
+    mainContainer: {
+      flex: 1,
+    },
+  });
   export default StorageDemo;
 ```
 

From e38a6eab736fba80263008ddbab343439bad3ab3 Mon Sep 17 00:00:00 2001
From: liushu <liushu27@h-partners.com>
Date: Tue, 30 Jul 2024 09:42:37 +0000
Subject: [PATCH 304/966] =?UTF-8?q?!1077=20docs(readme):=20[#IAD0FM]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20react-native-size-matters=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E6=96=B0=E5=A2=9E=20?=
 =?UTF-8?q?react-native-size-matters=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-size-matters.md | 243 +++++++++++++++++++++++++++++
 1 file changed, 243 insertions(+)
 create mode 100644 zh-cn/react-native-size-matters.md

diff --git a/zh-cn/react-native-size-matters.md b/zh-cn/react-native-size-matters.md
new file mode 100644
index 00000000..30cbb8a6
--- /dev/null
+++ b/zh-cn/react-native-size-matters.md
@@ -0,0 +1,243 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-size-matters</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/nirsky/react-native-size-matters">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/nirsky/react-native-size-matters/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/nirsky/react-native-size-matters)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-size-matters@0.4.2
+```
+#### **yarn**
+
+```bash
+yarn add react-native-size-matters@0.4.2
+```
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+> [!WARNING] 使用时 import 的库名不变。
+
+**这里是该插件提供的基础用法**
+
+```js
+<!---->
+<!-- 方法 -->
+import { Text, View } from 'react-native';
+import { scale, verticalScale, moderateScale, moderateVerticalScale } from 'react-native-size-matters';
+<!-- 别名方法 -->
+import { s, vs, ms, mvs } from 'react-native-size-matters';
+
+let scale = () =>{
+    return (
+        <View style={{
+            width: scale(100),
+            height: 100,
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{scale(100}</Text>
+        </View>
+    )
+}
+
+let verticalScale = () =>{
+    return (
+        <View style={{
+            width: 100,
+            height: verticalScale(100),
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{verticalScale(100}</Text>
+        </View>
+    )
+}
+
+let moderateScale = () =>{
+    return (
+    <View style={{
+        width: 100,
+        height: 100,
+        padding: 5,
+        borderWidth:moderateScale(10),
+        borderColor: 'red',
+        backgroundColor: 'blue'
+    }} >
+        <Text>borderWidth{moderateScale(10)}</Text>
+    </View>
+    )
+}
+
+
+let moderateVerticalScale = ()=>{
+    return (
+        <View style={{
+            width: 100,
+            height: moderateVerticalScale(100),
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{moderateVerticalScale(100}</Text>
+        </View>
+    )
+}
+
+let s = () =>{
+    return (
+        <View style={{
+            width: s(100),
+            height: 100,
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{s(100}</Text>
+        </View>
+    )
+}
+
+let vs = () =>{
+    return (
+        <View style={{
+            width: 100,
+            height: vs(100),
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{vs(100}</Text>
+        </View>
+    )
+}
+
+let ms = () =>{
+    return (
+    <View style={{
+        width: 100,
+        height: 100,
+        padding: 5,
+        borderWidth:ms(10),
+        borderColor: 'red',
+        backgroundColor: 'blue'
+    }} >
+        <Text>borderWidth{ms(10)}</Text>
+    </View>
+    )
+}
+
+
+let mvs = ()=>{
+    return (
+        <View style={{
+            width: 100,
+            height: mvs(100),
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{mvs(100}</Text>
+        </View>
+    )
+}
+
+export default class sizeMattersDemo {
+  render() {
+    return (
+        <>
+            <Scale />
+            <VerticalScale />
+            <ModerateScale />
+            <ModerateVerticalScale />
+            <S />
+            <Vs />
+            <Ms />
+            <Mvs />
+        </>
+    );
+  }
+}
+
+```
+**这里提供注解用法**
+```javascript
+import { Text, View } from 'react-native';
+import { ScaledSheet } from 'react-native-size-matters';
+
+const styles = ScaledSheet.create({
+    container: {
+        width: '100@s', // = scale(100)
+        height: '200@vs', // = verticalScale(200)
+        padding: '2@msr', // = Math.round(moderateScale(2))
+        margin: 5
+    }
+});
+
+export default class sizeMattersDemo {
+  render() {
+    return (
+        <View style={styles.container} >
+            <Text>调用create方法</Text>
+        </View>
+    );
+  }
+}
+```
+ [!TIP] 这里展示[自定义默认尺寸](https://github.com/nirsky/react-native-size-matters/blob/master/examples/change-guideline-sizes.md)
+
+## 约束与限制
+### 兼容性
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                                                                                  | Type                      | Required | Platform    |  HarmonyOS Support |
+| ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- | ----------- | -------- |
+| scale    | 将根据您设备的屏幕宽度返回所提供尺寸的线性缩放结果。                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| verticalScale    | 将根据您设备的屏幕高度返回所提供尺寸的线性缩放结果。                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| moderateScale    | 有时您不想以线性方式缩放所有内容，这时可以使用 moderateScale。它的妙处在于您可以控制调整大小的因子（默认值为 0.5）。如果正常缩放会将您的尺寸增加 +2X，则 moderateScale 只会将其增加 +X                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| moderateVerticalScale    | 与 moderateScale 相同，但使用 verticalScale 而不是 scale。                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| s    | scale方法的别名                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| vs    | verticalScale方法的别名                                                                                          | Function       | No       | Android、iOS | Yes      |
+| ms    | moderateScale别名方法                                                                                               | Function       | No       | Android、iOS | Yes      |
+| mvs     | moderateVerticalScale的别名方法                                                                                                 | Function       | No       | Android、iOS | Yes      |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License(MIT)](https://github.com/nirsky/react-native-size-matters/blob/master/LICENSE) ，请自由地享受和参与开源。

From 297b0ab091d485c46199d928048f1005dca1f6b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?xyz-=E5=B0=8F=E6=99=BA?= <837185575@qq.com>
Date: Tue, 30 Jul 2024 12:12:23 +0000
Subject: [PATCH 305/966] =?UTF-8?q?!1165=20docs:=20=E6=96=B0=E5=A2=9Egalio?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:?=
 =?UTF-8?q?=20#IAF0JS]=20=E6=96=B0=E5=A2=9Egalio-framework=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/galio-framework.md | 407 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 407 insertions(+)
 create mode 100644 zh-cn/galio-framework.md

diff --git a/zh-cn/galio-framework.md b/zh-cn/galio-framework.md
new file mode 100644
index 00000000..f9367451
--- /dev/null
+++ b/zh-cn/galio-framework.md
@@ -0,0 +1,407 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>galio-framework</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/galio-org/galio">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/galio-org/galio/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/galio-org/galio)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install galio-framework@0.8.0
+```
+
+#### **yarn**
+
+```bash
+yarn add galio-framework@0.8.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { Card, Block, theme } from 'galio-framework';
+import React, { useState } from 'react';
+import { Image, ScrollView, StyleSheet, Text, View } from 'react-native';
+
+const CardDemo = () => {
+    return (
+        <Block style={styles.container}>
+            <Card
+                flex
+                borderless={false}
+                title="Christopher Moon"
+                caption="139 minutes ago"
+                location="Los Angeles, CA"
+                avatar="https://avatars.githubusercontent.com/u/155599655?v=4"
+                image="https://images.unsplash.com/photo-1497802176320-541c8e8de98d?&w=1600&h=900&fit=crop&crop=entropy&q=300"
+                imageStyle={styles.cardImageRadius}
+                locationColor={false}
+                titleColor={'red'}
+                captionColor={'pink'}
+                footerStyle={styles.footerStyle}
+                card={false}
+            />
+         </Block>
+    )
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+    },
+    accordion: {
+        borderWidth: 1,
+        borderColor: '#ccc',
+        borderRadius: 5,
+        overflow: 'hidden',
+        shadowRadius: 10
+    },
+    listStyle: {
+        borderTopWidth: 10,
+        borderTopColor: 'red',
+    },
+    headerStyle: {
+        backgroundColor: '#5E72E4',
+        padding: 10,
+    },
+    contentStyle: {
+        paddingVertical: 10,
+        paddingHorizontal: 20,
+        fontWeight: 'bold'
+    },
+    inputArea: {
+        width: '100%',
+        height: '15%',
+        borderWidth: 2,
+        borderColor: '#000000',
+        marginTop: 8,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: "white"
+    },
+    baseText: {
+        width: '100%',
+        height: '100%',
+        fontWeight: 'bold',
+        textAlign: 'center',
+        fontSize: 16,
+    },
+    shadow: {
+        shadowColor: "red",
+        shadowOffset: {
+            width: 10,
+            height: 3,
+        },
+    },
+    viewShadow: {
+        elevation: 1.5,
+        shadowColor: "#FF9C09",
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 1,
+        shadowRadius: 1.5,
+    },
+    cardImageRadius: {
+        borderRadius: 30,
+        opacity:0.5
+    },
+    imageBlockStyle: {
+        borderColor: 'blue',
+        borderWidth: 5,
+        borderBlockColor: 'yellow'
+    },
+    footerStyle: {
+        color: 'yellow',
+        backgroundColor: '#FF7167',
+        fontSize: 10,
+        fontWeight: 'bold',
+        borderRadius:10
+    }
+});
+
+export default CardDemo;
+```
+
+## Link
+
+本库依赖react-native-vector-icons，如已在鸿蒙工程中引入过该库，则无需再次引入。
+
+如未引入请参照[react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS NEXT Developer Beta1 5.0.0.25(API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+详情请见[galio](https://galio.io/docs/#/components)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### [Accordion](https://galio.io/docs/#/components/accordion?id=accordion)
+
+|       Name       |                         Description                          |   Type    | Required |  Platform   | HarmonyOS Support |
+| :--------------: | :----------------------------------------------------------: | :-------: | :------: | :---------: | :---------------: |
+|      style       | Styling the Block which encapsulates the whole FlatList used for rendering the elements. |  object   |    no    | iOS/Android |        Yes        |
+|    dataArray     | Array of objects with the following keys: title, content, icon: { name, family, size, color, style} |   array   |    no    | iOS/Android |        Yes        |
+|      opened      | Index number representing which of the elements of your array should be opened when the component first renders. |  number   |    no    | iOS/Android |        Yes        |
+|    listStyle     |                     FlatList style prop.                     |  object   |    no    | iOS/Android |        Yes        |
+|       icon       |          Icon for the un-expanded piece of content           | component |    no    | iOS/Android |        Yes        |
+|   expandedIcon   |           Icon used when the content is expanded.            | component |    no    | iOS/Android |        Yes        |
+|   headerStyle    |         Object styling the header of the Accordion.          |  object   |    no    | iOS/Android |        Yes        |
+|   contentStyle   |     Object styling the content section of the Accordion.     |  object   |    no    | iOS/Android |        Yes        |
+| onAccordionClose | Function called when the user closes one of the Accordion's items. | function  |    no    | iOS/Android |        Yes        |
+| onAccordionOpen  | Function called when the user expands one of the Accordion's items. | function  |    no    | iOS/Android |        Yes        |
+
+###  [Block](https://github.com/galio-org/galio/blob/master/LICENSE.md)
+
+|    Name     |                    Description                     |      Type       | Required |  Platform   | HarmonyOS Support |
+| :---------: | :------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+|   bottom    |    alignItems: 'flex-end' alignSelf: 'flex-end'    |     boolean     |    no    | iOS/Android |        Yes        |
+|    card     | changes the View's border-radus, -width and -color |     boolean     |    no    | iOS/Android |        Yes        |
+|   center    |      alignItems: 'center' alignSelf: 'center'      |     boolean     |    no    | iOS/Android |        Yes        |
+|    flex     |           flex: 1 **or** `<yourNumber>`            | boolean, number |    no    | iOS/Android |        Yes        |
+|    fluid    |                   width: 'auto'                    |     boolean     |    no    | iOS/Android |        Yes        |
+|   height    |          changes the height of the Block           |     number      |    no    | iOS/Android |        Yes        |
+|    left     |              alignItems: 'flex-start'              |     boolean     |    no    | iOS/Android |        Yes        |
+|   middle    |     alignItems: 'center' alignSelf: 'center'.      |     boolean     |    no    | iOS/Android |        Yes        |
+|    right    |              alignItems: 'flex-start'              |     boolean     |    no    | iOS/Android |        Yes        |
+|     row     |                flexDirection: 'row'                |     boolean     |    no    | iOS/Android |        Yes        |
+|    safe     |        Wraps the Block with a SafeAreaView         |     boolean     |    no    | iOS/Android |        Yes        |
+|   shadow    |              adds shadow on the Block              |     boolean     |    no    | iOS/Android |        Yes        |
+| shadowColor |             changes the shadow's color             |     string      |    no    | iOS/Android |        Yes        |
+|    space    | your options are: 'between', 'around' or 'evenly'  |     string      |    no    | iOS/Android |        Yes        |
+|     top     |  alignItems: 'flex-start' alignSelf: 'flex-start'  |     boolean     |    no    | iOS/Android |        Yes        |
+|    width    |           changes the width of the Block           |     number      |    no    | iOS/Android |        Yes        |
+
+### [Button](https://galio.io/docs/#/components/button?id=button)
+
+|    Name     |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
+| :---------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+| capitalize  |      Transforms the first character in a capital letter      |     boolean     |    no    | iOS/Android |        Yes        |
+|    color    | your options are: 'primary', 'theme', 'warning', 'succes', 'transparent' or your own color |     string      |    no    | iOS/Android |        Yes        |
+|  disabled   |                     Disables the button                      |     boolean     |    no    | iOS/Android |        Yes        |
+|    icon     |        pick whatever icon you want from Expo's icons         | boolean, string |    no    | iOS/Android |        Yes        |
+|  iconColor  |                    sets the icon's color                     | boolean, string |    no    | iOS/Android |        Yes        |
+| iconFamily  | pick whatever icon family suits the icon you chose from Expo's icons |     number      |    no    | iOS/Android |        Yes        |
+|  iconSize   |                     sets the icon's size                     |     boolean     |    no    | iOS/Android |        Yes        |
+|   loading   |               Uses the for the loading effect                |     boolean     |    no    | iOS/Android |        Yes        |
+| loadingSize |              your options are: 'small', 'large'              |     boolean     |    no    | iOS/Android |        Yes        |
+|  lowercase  |                 makes all letters lowercase                  |     boolean     |    no    | iOS/Android |        Yes        |
+|  onlyIcon   | adds specific styling for using only an icon in your button  |     boolean     |    no    | iOS/Android |        Yes        |
+|   opacity   |                 changes the button's opacity                 |     boolean     |    no    | iOS/Android |        Yes        |
+|   radius    |                 changes the button's radius                  |     string      |    no    |     No      |        No         |
+| shadowColor | the default shadowColor is based on the button's color but you can also write a specific shadowColor |     string      |    no    | iOS/Android |        Yes        |
+| shadowColor |                        removes shadow                        |     boolean     |    no    | iOS/Android |        Yes        |
+|    size     |              your options are: 'large', 'small'              |     number      |    no    | iOS/Android |        Yes        |
+|  uppercase  |                 makes all letters uppercase                  |     boolean     |    no    | iOS/Android |        Yes        |
+
+### [Card](https://galio.io/docs/#/components/card?id=card)
+
+|      Name       |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
+| :-------------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+|      card       |                 adding the necessary styles                  |     boolean     |    no    | iOS/Android |        Yes        |
+|     shadow      |           adding the necessary styles for shadows            |     boolean     |    no    | iOS/Android |        Yes        |
+|   borderless    |                   adding the card's border                   |     boolean     |    no    | iOS/Android |        Yes        |
+|      image      |         write your relative path or URL to the image         |     string      |    no    | iOS/Android |        Yes        |
+| imageBlockStyle |           styles for the Block wrapping the Image            |     string      |    no    | iOS/Android |        Yes        |
+|   imageStyle    |                     styles for the Image                     |     object      |    no    | iOS/Android |        Yes        |
+|     avatar      |    write your relative path or URL to the avatar's image     |     string      |    no    | iOS/Android |        Yes        |
+|    location     | where is this coming from? write the location of the author  |     string      |    no    | iOS/Android |        Yes        |
+|  locationColor  | the default locationColor is based on themes.COLORS.MUTED, but you can also write your own color | boolean, string |    no    | iOS/Android |        Yes        |
+|      title      |                 write your main card's title                 |     string      |    no    | iOS/Android |        Yes        |
+|   titleColor    |                  change your title's color                   |     string      |    no    | iOS/Android |        Yes        |
+|     caption     |                 write your main card's title                 |     string      |    no    | iOS/Android |        Yes        |
+|  captionColor   |                 change your caption's color                  |     string      |    no    | iOS/Android |        Yes        |
+|   footerStyle   |   styles for the block wrapping the whole author's section   |     object      |    no    | iOS/Android |        Yes        |
+
+### [Checkbox](https://galio.io/docs/#/components/checkbox?id=checkbox)
+
+|     Name      |                         Description                          |                             Type                             | Required |  Platform   | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
+| checkboxStyle | By sending an object you can style the checkbox's color, size and more |                             any                              |    no    | iOS/Android |        Yes        |
+|   disabled    |  This disables the possibility of the checkbox being used.   |                           boolean                            |    no    | iOS/Android |        Yes        |
+| flexDirection | Maybe you need the checkbox to be on top of an image? You can do that with this prop. | oneOf(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
+|   iconColor   |              This prop changes the icon color.               |                            string                            |    no    | iOS/Android |        Yes        |
+|   iconName    |                 This prop changes the icon.                  |                            string                            |    no    | iOS/Android |        Yes        |
+|   iconSize    |           This prop changes the size of the icon.            |                            number                            |    no    | iOS/Android |        Yes        |
+|  iconFamily   | In case you need an icon from a different package, this prop helps you change the icon package. |                            string                            |    no    | iOS/Android |        Yes        |
+|     image     |      This allows you to place an image instead of text.      |                            string                            |    no    | iOS/Android |        Yes        |
+|  imageStyle   |            Style the way your image looks here！             |                             any                              |    no    | iOS/Android |        Yes        |
+| initialValue  | Should the initial state of your checkbox be false or true?  |                           boolean                            |    no    | iOS/Android |        Yes        |
+|     label     |               The text next to your checkbox.                |                            string                            |    no    | iOS/Android |        Yes        |
+|  labelStyle   |                  Style your checkbox's text                  |                             any                              |    no    | iOS/Android |        Yes        |
+|   onChange    | This prop take an arrow function and everytime the user presses the checkbox the function is called. |                           function                           |    no    | iOS/Android |        Yes        |
+
+### [Deck Swiper](https://galio.io/docs/#/components/deckswiper?id=deck-swiper)
+
+|        Name         |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
+| :-----------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|        style        | Styling the Block which encapsulates the components used for swiping. |  object  |    no    | iOS/Android |        Yes        |
+|     components      |      An array of components used for building the deck.      |  array   |    no    | iOS/Android |        Yes        |
+|    onSwipeRight     |         Function called when the user swipes right.          | function |    no    | iOS/Android |        Yes        |
+|     onSwipeLeft     |          Function called when the user swipes left.          | function |    no    | iOS/Android |        Yes        |
+| focusedElementStyle |          Styling for the first element of the deck.          |  object  |    no    | iOS/Android |        Yes        |
+|  nextElementStyle   | Styling for the elements underneath the first element of the deck. |  object  |    no    | iOS/Android |        Yes        |
+
+### [Icon](https://galio.io/docs/#/components/icon?id=icon)
+
+|  Name  |                  Description                  |  Type  | Required |  Platform   | HarmonyOS Support |
+| :----: | :-------------------------------------------: | :----: | :------: | :---------: | :---------------: |
+|  name  | Choose your Icon's name from Expo's icon list | string |    no    | iOS/Android |        Yes        |
+| family | Choose your Icon's family from the same list  | string |   yes    | iOS/Android |        Yes        |
+|  size  |          This sets your Icon's size           | number |    no    | iOS/Android |        Yes        |
+| color  |          This sets your Icon's color          | string |    no    | iOS/Android |        Yes        |
+
+### [Input](https://galio.io/docs/#/components/input?id=input)
+
+|         Name         |                         Description                          |  Type   | Required |  Platform   | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
+|         type         | this is basically the TextInput's keyboardType prop and it has the next options: 'default', 'number-pad', 'decimal-pad', 'numeric', 'email-address', 'phone-pad'. | string  |    no    | iOS/Android |        Yes        |
+|       password       |  Tells the input that this is going to be a password input   | boolean |    no    | iOS/Android |        Yes        |
+| placeholderTextColor |              Sets the placeholder's text color               | string  |    no    | iOS/Android |        Yes        |
+|        label         |                 Sets the label of the input                  | string  |    no    | iOS/Android |        Yes        |
+|       bgColor        |               Sets the Input's backgroundColor               | string  |    no    | iOS/Android |        Yes        |
+|       rounded        |                Sets the corners to be rounded                | boolean |    no    | iOS/Android |        Yes        |
+|      borderless      |              Sets the Input's borderWidth to 0               | boolean |    no    | iOS/Android |        Yes        |
+|       viewPass       | Adds the functionality of pressing a button in order to see your password's letters | boolean |    no    | iOS/Android |        Yes        |
+|         icon         |        Choose your Icon's name from Expo's icon list         | string  |    no    | iOS/Android |        Yes        |
+|      iconColor       |                   Changes the Icon's color                   | string  |    no    | iOS/Android |        Yes        |
+|        family        |         Choose your Icon's family from the same list         | string  |    no    | iOS/Android |        Yes        |
+|        color         |                 Sets the Input's text color.                 | string  |    no    | iOS/Android |        Yes        |
+|         help         | Sets a helper line for more information regarding your input. | string  |    no    | iOS/Android |        Yes        |
+|         left         |           Sets the Icon to the left of the Input.            | boolean |    no    | iOS/Android |        Yes        |
+|        right         |           Sets the Icon to the right of the Input.           | boolean |    no    | iOS/Android |        Yes        |
+|       topHelp        |            Sets the helper line above the input.             | boolean |    no    | iOS/Android |        Yes        |
+|      bottomHelp      |            Sets the helper line below the input.             | boolean |    no    | iOS/Android |        Yes        |
+
+### [NavBar](https://galio.io/docs/#/components/navbar?id=navbar)
+
+|     Name      |                         Description                          |     Type     | Required |  Platform   | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------: | :----------: | :------: | :---------: | :---------------: |
+|     back      |             Adds a back button for your navBar.              |   boolean    |    no    | iOS/Android |        Yes        |
+|  transparent  |  Sets the backgroundColor and borderColor to 'transparent'   |   boolean    |    no    | iOS/Android |        Yes        |
+|     title     |                     Title of the NavBar                      | node, string |    no    | iOS/Android |        Yes        |
+|  titleStyle   |                Sets the styling for the title                |    object    |    no    | iOS/Android |        Yes        |
+|     left      |                   Left side of the NavBar                    |     node     |    no    | iOS/Android |        Yes        |
+|   leftStyle   | Sets the styling for the View wrapping the left side element. |    object    |    no    | iOS/Android |        Yes        |
+| leftIconColor |           Sets the color of the left side's icon.            |    string    |    no    | iOS/Android |        Yes        |
+|  onLeftPress  |           Function for the left side of the navbar           |   function   |    no    | iOS/Android |        Yes        |
+|     right     |                   Right side of the NavBar                   |     node     |    no    | iOS/Android |        Yes        |
+|  rightStyle   | Sets the styling for the View wrapping the left side element. |    object    |    no    | iOS/Android |        Yes        |
+
+### [Radio](https://galio.io/docs/#/components/radio?id=radio)
+
+|      Name       |                Description                |                             Type                             | Required |  Platform   | HarmonyOS Support |
+| :-------------: | :---------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
+|      color      |                  color.                   |                            string                            |    no    | iOS/Android |        Yes        |
+| containerStyle  |              Container Style              |                             any                              |    no    | iOS/Android |        Yes        |
+| radioOuterStyle |            Title of the NavBar            |                             any                              |    no    | iOS/Android |        Yes        |
+| radioInnerStyle |      Sets the styling for the title       |                             any                              |    no    | iOS/Android |        Yes        |
+|    disabled     |              Prohibited Use               |                           boolean                            |    no    | iOS/Android |        Yes        |
+|  flexDirection  | Determines the direction of the main axis | oneOfType(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
+|  initialValue   |               Initial Value               |                           boolean                            |    no    | iOS/Android |        Yes        |
+|      label      |                   Label                   |                            string                            |    no    | iOS/Android |        Yes        |
+|   labelStyle    |               Label Styles                |                             any                              |    no    | iOS/Android |        Yes        |
+|    onChange     |       Change when radio is seleted        |                           function                           |    no    | iOS/Android |        Yes        |
+
+### [Text](https://galio.io/docs/#/components/text?id=text)
+
+|  Name  |                 Description                  |  Type   | Required |  Platform   | HarmonyOS Support |
+| :----: | :------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
+|   h1   |      Sets the text's fontSize to 44px.       | boolean |    no    | iOS/Android |        Yes        |
+|   h2   |      Sets the text's fontSize to 38px.       | boolean |    no    | iOS/Android |        Yes        |
+|   h3   |      Sets the text's fontSize to 30px.       | boolean |    no    | iOS/Android |        Yes        |
+|   h4   |      Sets the text's fontSize to 24px.       | boolean |    no    | iOS/Android |        Yes        |
+|   h5   |      Sets the text's fontSize to 18px.       | boolean |    no    | iOS/Android |        Yes        |
+|   p    |      Sets the text's fontSize to 16px.       | boolean |    no    | iOS/Android |        Yes        |
+|  size  |        Sets the fontSize of the text.        | number  |    no    | iOS/Android |        Yes        |
+| color  |         Sets the color of the text.          | string  |    no    | iOS/Android |        Yes        |
+| muted  | Changes the text color to theme.COLORS.MUTED | boolean |    no    | iOS/Android |        Yes        |
+|  bold  |        Sets the fontWeight to 'bold'.        | boolean |    no    | iOS/Android |        Yes        |
+| italic |       Sets the fontStyle to 'italic'.        | boolean |    no    | iOS/Android |        Yes        |
+
+### [Toast Notification](https://galio.io/docs/#/components/toastnotification?id=toast-notification)
+
+|       Name        |                         Description                          |    Type     | Required |  Platform   | HarmonyOS Support |
+| :---------------: | :----------------------------------------------------------: | :---------: | :------: | :---------: | :---------------: |
+|       style       |             Styling the Block which encapsulate              |   object    |    no    | iOS/Android |        Yes        |
+|     children      | The content of your toast notification. You can even just write a text or create your own component. | node/string |    no    | iOS/Android |        Yes        |
+|      isShow       |         Toggle between the toast being shown or not.         |    bool     |    no    | iOS/Android |        Yes        |
+| positionIndicator |              one of: 'top', 'center', 'bottom'               |   string    |    no    | iOS/Android |        Yes        |
+|  positionOffset   |                  Whether to use positioning                  |   number    |    no    | iOS/Android |        Yes        |
+|  fadeInDuration   |         The number of ms for the fade in animation.          |   number    |    no    | iOS/Android |        Yes        |
+|  fadeOutDuration  |         The number of ms for the fade out animation.         |   number    |    no    | iOS/Android |        Yes        |
+|       color       |   one of: 'primary', 'theme', 'info', 'warning', 'success'   |   string    |    no    | iOS/Android |        Yes        |
+|       round       |         Maybe you want a rounded toast notification?         |   boolean   |    no    | iOS/Android |        Yes        |
+|     textStyle     |     Style object for the children prop used as a string.     |   object    |    no    | iOS/Android |        Yes        |
+
+### [Slider](https://galio.io/docs/#/components/slider?id=slider)
+
+|       Name        |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
+| :---------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|    activeColor    |          This sets the active color of your slider.          |  string  |    no    | iOS/Android |        Yes        |
+|       value       | The initial value at which the thumb of the slider is positioned |  number  |    no    | iOS/Android |        Yes        |
+|     disabled      |       This prop makes the slider unusable to the user.       | boolean  |    no    | iOS/Android |        Yes        |
+|   minimumValue    |            Sets the minimum value for the Slider.            |  number  |    no    | iOS/Android |        Yes        |
+|   maximumValue    |            Sets the maximum value for the Slider.            |  number  |    no    | iOS/Android |        Yes        |
+|    trackStyle     | By passing an object you can style the track of the Slider.  |   any    |    no    | iOS/Android |        Yes        |
+|    thumbStyle     | By passing an object you can style the thumb of the Slider.  |   any    |    no    | iOS/Android |        Yes        |
+|       step        |    This is a stepper. It sets fixed values for the thumb.    |  number  |    no    | iOS/Android |        Yes        |
+| onSlidingComplete | By passing an arrow function you can decide what is going to happen when the Sliding is complete | function |    no    | iOS/Android |        Yes        |
+|  onSlidingStart   | By passing an arrow function you can decide what is going to happen when the Sliding starts | function |    no    | iOS/Android |        Yes        |
+|   onValueChange   | By passing an arrow function you can decide what is going to happen when the Sliding is moving. | function |    no    | iOS/Android |        Yes        |
+
+### [Switch](https://galio.io/docs/#/components/switch?id=switch)
+
+|        Name         |                 Description                  |                             Type                             | Required |  Platform   | HarmonyOS Support |
+| :-----------------: | :------------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
+|        color        |                 Switch Color                 | oneOfType(['primary', 'theme', 'error', 'warning', 'success', 'info']), string |    no    |     No      |        No         |
+|      disabled       |        Whether the switch is disabled        |                           boolean                            |    no    | iOS/Android |        Yes        |
+|    initialValue     |                Initial value                 |                           boolean                            |    no    | iOS/Android |        Yes        |
+|     trackColor      |                 track Color                  |                            object                            |    no    | iOS/Android |        Yes        |
+| ios_backgroundColor |             ios background color             |                            string                            |    no    |     No      |        No         |
+|      onChange       | Events that occur when the switch is changed |                           function                           |   yes    | iOS/Android |        Yes        |
+
+### [GalioTheme](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=galiotheme-usage)
+
+| Name  |                         Description                          |  Type  | Required |  Platform   | HarmonyOS Support |
+| :---: | :----------------------------------------------------------: | :----: | :------: | :---------: | :---------------: |
+| color | Theme color, [COLORS reference table](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=colors-reference-table) | Object |    no    | iOS/Android |        Yes        |
+| size  | Set Font Size,  [SIZES reference table](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=sizes-reference-table) | Object |    no    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)，请自由地享受和参与开源。
+

From 4b7e3e8eb580d232242ee01d6270b93885afc88b Mon Sep 17 00:00:00 2001
From: dark-v <1083847332@qq.com>
Date: Tue, 30 Jul 2024 12:14:33 +0000
Subject: [PATCH 306/966] =?UTF-8?q?!1158=20docs:=20[Issues:=20#IAES4S]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-content-loader=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAES4S]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-content-loader=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-content-loader.md | 122 ++++++++++++++++++++++++++++++++++
 1 file changed, 122 insertions(+)
 create mode 100644 zh-cn/react-content-loader.md

diff --git a/zh-cn/react-content-loader.md b/zh-cn/react-content-loader.md
new file mode 100644
index 00000000..0464395d
--- /dev/null
+++ b/zh-cn/react-content-loader.md
@@ -0,0 +1,122 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-content-loader</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/danilowoz/react-content-loader">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/danilowoz/react-content-loader/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-content-loader)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-content-loader@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-content-loader@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import ContentLoader, { Facebook, Code, List, BulletList, Instagram, Rect, Circle } from 'react-content-loader/native'
+import { View, ScrollView } from "react-native"
+
+export function AppExample() {
+    return <View style={{ flex: 1, backgroundColor: 'white' }}>
+        <ScrollView >
+            <ContentLoader
+                width={'100%'}
+                height={80}
+                animate={false}
+                viewBox="0 0 380 70"
+            >
+                <Circle cx="30" cy="30" r="30" />
+                <Rect x="80" y="17" rx="4" ry="4" width="300" height="13" />
+                <Rect x="80" y="40" rx="3" ry="3" width="250" height="10" />
+            </ContentLoader>
+            <Facebook></Facebook>
+            <Code></Code>
+            <List></List>
+            <BulletList></BulletList>
+            <Instagram></Instagram>
+        </ScrollView>
+    </View>
+}
+
+```
+## Link
+
+本库依赖@react-native-oh-tpl/react-native-svg，如已在鸿蒙工程中引入过该库，则无需再次引入。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases)
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Options
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| animate  | Opt-out of animations with false         | boolean  | no | all      | yes |
+| speed  | Animation speed in seconds         | number  | no | all      | yes |
+| rtl  | Content right-to-left         | boolean  | no | all      | yes |
+| backgroundColor  | Used as background of animation         | string  | no | all      | yes |
+| viewBox  | Use viewBox props to set a custom viewBox value,for more information about how to use it,read the article [How to Scale SVG](https://css-tricks.com/scale-svg/)         | string  | no | all      | yes |
+| foregroundColor  | Used as the foreground of animation         | string  | no | all      | yes |
+| interval  |  Animation interval in seconds         | number  | no | all      | yes |
+| beforeMask  | Define custom shapes before content         | JSX.Element  | no | all      | partially |
+| uniqueKey  | Use the same value of prop key, that will solve inconsistency on the SSR         | string  | no | React DOM only      | no |
+| title  |  It's used to describe what element it is. Use '' (empty string) to remove.    | string  | no | React DOM only      | no |
+| baseUrl  | Required if you're using `<base url="/" />` document `<head/>`. This prop is common used as: `<ContentLoader baseUrl={window.location.pathname} />` which will fill the SVG attribute with the relative path. Related [#93](https://github.com/danilowoz/react-content-loader/issues/93). | string  | no | React DOM only      | no |
+| backgroundOpacity  |  Background opacity (0 = transparent, 1 = opaque)used to solve an issue in [Safari](#safari--ios)     | number  | no | React DOM only      | no |
+| foregroundOpacity  |  Animation opacity (0 = transparent, 1 = opaque)used to solve an issue in [Safari](#safari--ios)     | number  | no | React DOM only      | no |
+| style  |  css style     | React.CSSProperties  | no | React DOM only      | no |
+
+
+## 遗留问题
+- [ ]  beforeMask属性设置非svg暴露出来的组件时无效: [issue#256](https://github.com/react-native-oh-library/react-native-harmony-svg/issues/256) 
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/danilowoz/react-content-loader/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 8c73013c58936c933f5d160580719fddcdc3bafa Mon Sep 17 00:00:00 2001
From: hewei203 <hewei203@h-partners.com>
Date: Tue, 30 Jul 2024 12:36:17 +0000
Subject: [PATCH 307/966] =?UTF-8?q?!1110=20docs:=20[Issues:=20#IADFB2]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereassure=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IADFB2]=20=E6=96=B0=E5=A2=9Ereassure?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/reassure.md | 195 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 195 insertions(+)
 create mode 100644 zh-cn/reassure.md

diff --git a/zh-cn/reassure.md b/zh-cn/reassure.md
new file mode 100644
index 00000000..5a0b0ddd
--- /dev/null
+++ b/zh-cn/reassure.md
@@ -0,0 +1,195 @@
+
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>reassure</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/reassure">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/callstack/reassure/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/callstack/reassure)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install reassure@1.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add reassure@1.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+文件名称结尾必须包含`.perf-test.`，比如：MeasureFunction.perf-test.tsx
+
+```js
+import {measureFunction} from 'reassure';
+import {test} from '@jest/globals';
+
+function fib(n: number): number {
+  if (n <= 1) {
+    return n;
+  }
+
+  return fib(n - 1) + fib(n - 2);
+}
+
+test('MeasureFunction runs 10', async () => {
+  await measureFunction(() => fib(20), {runs: 10});
+});
+
+test('MeasureFunction runs 20', async () => {
+  await measureFunction(() => fib(30), {runs: 20});
+});
+
+test('MeasureFunction warmupRuns 10', async () => {
+  await measureFunction(() => fib(30), {warmupRuns: 10});
+});
+
+test('MeasureFunction warmupRuns 20', async () => {
+  await measureFunction(() => fib(30), {warmupRuns: 20});
+});
+
+test('MeasureFunction writeFile false', async () => {
+  await measureFunction(() => fib(30), {writeFile: false});
+});
+
+test('MeasureFunction writeFile true', async () => {
+  await measureFunction(() => fib(30), {writeFile: true});
+});
+
+```
+
+## 基础配置
+
+### 配置 jest.config.js
+
+```js
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: 'react-native',
+  setupFilesAfterEnv: ['./jest-setup.js'],
+};
+```
+
+### 配置 jest-setup.js
+
+```js
+/* eslint-disable no-undef */
+import {configure} from 'reassure';
+
+configure({testingLibrary: 'react-native'});
+
+```
+
+### 安装 jest
+
+如已安装 jest，可忽略
+
+```shell
+npm install --save-dev jest@29.2.1
+```
+
+###  安装 babel-jest
+
+如已安装 babel-jest，可忽略
+
+```shell
+npm instal --save-dev babel-jest@29.2.1
+```
+
+### 安装 @testing-library/react-native
+
+```shell
+npm install --save-dev @testing-library/react-native@12.5.2
+```
+
+## 生成性能报告
+
+```shell
+npx reassure
+```
+
+性能报告默认在当前工程根目录的`.reassure`文件夹中
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25 (API Version 12 Canary4); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| measureRenders  | rendering the passed screen inside a `React.Profiler` component, measuring its performance and writing results to the output file | async function measureRenders(<br/>  ui: React.ReactElement,<br/>  options?: MeasureRendersOptions,<br/>): Promise<MeasureResults> { | no       | all      | yes               |
+| measureFunction | Allows you to wrap any synchronous function, measure its performance and write results to the output file | async function measureFunction(<br/>  fn: () => void,<br/>  options?: MeasureFunctionOptions,<br/>): Promise<MeasureResults> { | no       | all      | yes               |
+| resetToDefaults | Reset current config to the original `defaultConfig` object  | Function                                                     | no       | all      | yes               |
+
+**MeasureRendersOptions**
+
+| Name       | Description                                                  | Type                                                | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | --------------------------------------------------- | -------- | -------- | ----------------- |
+| runs       | number of runs per series for the particular test            | number                                              | no       | all      | yes               |
+| warmupRuns | number of additional warmup runs that will be done and discarded before the actual runs | number                                              | no       | all      | yes               |
+| wrapper    | React component, such as a Provider, which the ui will be wrapped with | React.ComponentType<{children: React.ReactElement}> | no       | all      | yes               |
+| scenario   | a custom async function, which defines user interaction within the ui by utilized RNTL functions | (screen: any) => Promise<any>                       | no       | all      | yes               |
+| writeFile  | should write output to file                                  | boolean                                             | no       | all      | yes               |
+
+**MeasureFunctionOptions**
+
+| Name       | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| runs       | number of runs per series for the particular test            | number  | no       | all      | yes               |
+| warmupRuns | number of additional warmup runs that will be done and discarded before the actual runs | number  | no       | all      | yes               |
+| writeFile  | should write output to file                                  | boolean | no       | all      | yes               |
+
+**configure**
+
+| Name           | Description                                                  | Type           | Required | Platform | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | -------------- | -------- | -------- | ----------------- |
+| runs           | number of runs per series for the particular test            | number         | no       | all      | yes               |
+| warmupRuns     | number of additional warmup runs that will be done and discarded before the actual runs | number         | no       | all      | yes               |
+| outputFile     | should write output to file                                  | boolean        | no       | all      | yes               |
+| verbose | make Reassure log more, e.g. for debugging purposes | boolean | no | all | yes   |
+| testingLibrary | where to look for `render` and `cleanup` functions           | TestingLibrary | no       | all      | yes               |
+
+**dangerReassure**
+
+| Name          | Description                | Type   | Required | Platform | HarmonyOS Support |
+| ------------- | -------------------------- | ------ | -------- | -------- | ----------------- |
+| inputFilePath | Enter the path to the file | number | no       | all      | yes               |
+| debug         | Enable the debug mode.     | number | no       | all      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/callstack/reassure/blob/main/LICENSE) ，请自由地享受和参与开源。

From 1df14ac17366fa1dfc16e6459676ac8e4a757f19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Wed, 31 Jul 2024 01:24:43 +0000
Subject: [PATCH 308/966] =?UTF-8?q?!1149=20docs:=20[Issues:=20#IAENN9]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ern-emoji-keyboard=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAENN9]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ern-emoji-keyboard=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/rn-emoji-keyboard.md | 283 +++++++++++++++++++++++++++++++++++++
 1 file changed, 283 insertions(+)
 create mode 100644 zh-cn/rn-emoji-keyboard.md

diff --git a/zh-cn/rn-emoji-keyboard.md b/zh-cn/rn-emoji-keyboard.md
new file mode 100644
index 00000000..34b695ce
--- /dev/null
+++ b/zh-cn/rn-emoji-keyboard.md
@@ -0,0 +1,283 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>rn-emoji-keyboard</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/TheWidlarzGroup/rn-emoji-keyboard">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/TheWidlarzGroup/rn-emoji-keyboard/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/rn-emoji-keyboard)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/rn-emoji-keyboard@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/rn-emoji-keyboard@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React from "react";
+import { StyleSheet, Button, Text } from "react-native";
+import EmojiPicker, {
+  emojisByCategory,
+  type EmojiType,
+  type EmojisByCategory,
+  useRecentPicksPersistence,
+} from "rn-emoji-keyboard";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+
+type CurrentlySelected = {
+  name: EmojiType["name"];
+  emoji: EmojiType["emoji"];
+};
+
+export default function () {
+  const [isOpen, setIsOpen] = React.useState<boolean>(false);
+  const [currentlySelected, setCurrentlySelected] = React.useState<
+    CurrentlySelected[]
+  >([]);
+
+  const STORAGE_KEY = "RN-EMOJI-KEYBOARD_RECENT";
+
+  useRecentPicksPersistence({
+    initialization: () =>
+      AsyncStorage.getItem(STORAGE_KEY).then((value) =>
+        JSON.parse(value || "[]")
+      ),
+    onStateChange: (next) =>
+      AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(next)),
+  });
+
+  const getCustomEmojis = () => {
+    const newEmojiSet: EmojisByCategory[] = [];
+    for (const [, value] of Object.entries(emojisByCategory)) {
+      if (
+        value.title === "smileys_emotion" &&
+        !value.data.some((emoji) => emoji.name == "banana")
+      ) {
+        value.data.push({
+          emoji: "🍌",
+          name: "banana",
+          v: "11",
+          toneEnabled: false,
+        });
+      }
+
+      newEmojiSet.push({
+        title: value.title,
+        data: value.data,
+      });
+    }
+
+    return newEmojiSet;
+  };
+  const handlePick = (e: EmojiType) => {
+    if (e.alreadySelected) {
+      setCurrentlySelected((prev) =>
+        prev.filter((item) => item.name !== e.name)
+      );
+    } else {
+      setCurrentlySelected((prev) => [
+        ...prev,
+        { name: e.name, emoji: e.emoji },
+      ]);
+    }
+  };
+  const currSelectedEmojis = currentlySelected.map((item) => item.emoji);
+
+  return (
+    <>
+      <Text style={styles.textIcon}>{currSelectedEmojis.join(" ")}</Text>
+      <Button onPress={() => setIsOpen(true)} title="open emoji" />
+      <EmojiPicker
+        emojisByCategory={getCustomEmojis()}
+        enableRecentlyUsed
+        onEmojiSelected={handlePick}
+        open={isOpen}
+        onClose={() => setIsOpen(false)}
+      />
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  textIcon: {
+    marginHorizontal: 16,
+    marginVertical: 32,
+    textAlign: "center",
+    fontSize: 42,
+    color: "#000",
+  },
+});
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/async-storage 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/async-storage 文档](/zh-cn/react-native-async-storage-async-storage.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)
+
+## 属性
+详细请查看 [rn-emoji-keyboard 的文档介绍](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                            | Description                                                                                                                                                                                                                                            | Type                                                                     | Required | Platform    | HarmonyOS Support |
+| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| `open`                          | Required props which indicates whether the modal should be displayed on the screen.(dafault:false)                                                                                                                                                     | boolean                                                                  | yes      | iOS/Android | yes               |
+| `onClose`                       | Callback fired when the component is to be closed.(dafault:undefined)                                                                                                                                                                                  | () => void                                                               | yes      | iOS/Android | yes               |
+| `onEmojiSelected`               | Callback fired when the emoji is selected. The passed function expose an object with selected emoji data. It also returns alreadySelected boolean indicating whether pressed emoji is already selected or not (see selectedEmojis).(dafault:undefined) | (emoji: { emoji, name, slug, unicode_version, alreadySelected }) => void | yes      | iOS/Android | yes               |
+| `allowMultipleSelections`       | Allow select multiple emoji without dismiss keyboard.(default:false)                                                                                                                                                                                   | boolean                                                                  | no       | iOS/Android | yes               |
+| `categoryPosition`              | Allow to change the position of available emoji categories container.(default:floating)                                                                                                                                                                | floating \| top \| bottom                                                | no       | iOS/Android | yes               |
+| `categoryOrder`                 | Allow to change order of available emoji categories container.(default:[])                                                                                                                                                                             | CategoryTypes[]                                                          | no       | iOS/Android | yes               |
+| `defaultHeight`                 | Specify collapsed container height. It can be either a number in points or a string in a percentage of the screen.(default:40%)                                                                                                                        | number \| string                                                         | no       | iOS/Android | yes               |
+| `disabledCategories`            | Allow to hide specific categories by passing an array with their slugs.(default:[])                                                                                                                                                                    | CategoryTypes[]                                                          | no       | iOS/Android | yes               |
+| `disableSafeArea`               | Allow to disable SafeAreaView inside the emoji keyboard.(default:false)                                                                                                                                                                                | Boolean                                                                  | no       | iOS/Android | yes               |
+| `emojisByCategory`              | Set of emojis that can be displayed in the app. You can pass your own emojis set or use the one that we have prepared.(default:emojisByCategory)                                                                                                       | EmojisByCategory[]                                                       | no       | iOS/Android | yes               |
+| `emojiSize`                     | Set size of the single emoji.(default:28)                                                                                                                                                                                                              | number                                                                   | no       | iOS/Android | yes               |
+| `enableRecentlyUsed`            | Reveal extra category with recently used emojis.(default:false)                                                                                                                                                                                        | boolean                                                                  | no       | iOS/Android | yes               |
+| `enableSearchBar`               | Reveal the search bar, used to find specific emoji.(default:false)                                                                                                                                                                                     | boolean                                                                  | no       | iOS/Android | yes               |
+| `hideSearchBarClearIcon`        | Hide the search bar clear icon inside the search input.(default:false)                                                                                                                                                                                 | boolean                                                                  | no       | iOS/Android | yes               |
+| `customButtons`                 | Inject custom buttons into the component.(default:null)                                                                                                                                                                                                | React.ReactNode                                                          | no       | iOS/Android | yes               |
+| `enableCategoryChangeAnimation` | Allow to turn off FlatList scrolling animation when category is changed. Setting this to false will also overwrite enableSearchAnimation value.(default:true)                                                                                          | boolean                                                                  | no       | iOS/Android | yes               |
+| `enableCategoryChangeGesture`   | Allow to use horizontal swipe gesture to change emoji category.(default:true)                                                                                                                                                                          | boolean                                                                  | no       | iOS/Android | yes               |
+| `enableSearchAnimation`         | Allow to turn off FlatList scrolling animation when search results are updated.(default:true)                                                                                                                                                          | boolean                                                                  | no       | iOS/Android | yes               |
+| `expandable`                    | Show knob and enable expand on swipe up.(default:true)                                                                                                                                                                                                 | boolean                                                                  | no       | iOS/Android | yes               |
+| `expandedHeight`                | Specify expanded container height. It can be either a number in points or a string in a percentage of the screen.expandedHeight works only if expandable props is set to true.(default:80%)                                                            | number \| string                                                         | no       | iOS/Android | yes               |
+| `hideHeader`                    | Hide labels with category names.(default:false)                                                                                                                                                                                                        | boolean                                                                  | no       | iOS/Android | yes               |
+| `theme`                         | This is the name of property that has every component styles inside.(default:defaultTheme)                                                                                                                                                             | Record<string, string \| object>                                         | no       | iOS/Android | yes               |
+| `styles`                        | This is the name of property that has every component styles inside.(default:{})                                                                                                                                                                       | Record<string, ViewStyle>                                                | no       | iOS/Android | yes               |
+| `onCategoryChangeFailed`        | Callback fired when the category change failed.(default:warn(info))                                                                                                                                                                                    | ( info: {index, highestMeasuredFrameIndex, averageItemLength} ) => void  | no       | iOS/Android | yes               |
+| `onRequestClose`                | Callback fired when emoji keyboard is closing.(default:undefined)                                                                                                                                                                                      | () => void                                                               | no       | iOS/Android | yes               |
+| `selectedEmojis`                | Array of currently selected emojis. It must contain emoji's name.(default:undefined)                                                                                                                                                                   | emoji.name[]                                                             | no       | iOS/Android | yes               |
+
+### Full list of theme properties
+
+| Name                       | Description                                                                                   | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------------- | --------------------------------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| `backdrop`                 | Set background-color of the modal backdrop.(default:#00000055)                                | string | no       | iOS/Android | yes               |
+| `knob`                     | Set background-color of the modal knob.(default:#ffffff)                                      | string | no       | iOS/Android | yes               |
+| `container`                | Set background-color of the whole modal container.(default:#ffffff)                           | string | no       | iOS/Android | yes               |
+| `header`                   | Set category name text color.(default:#00000099)                                              | string | no       | iOS/Android | yes               |
+| `skinTonesContainer`       | Set background-color of the skin tones container.(default:#e3dbcd)                            | string | no       | iOS/Android | yes               |
+| `category.icon`            | color of the icon.(default:#000000)                                                           | string | no       | iOS/Android | yes               |
+| `category.iconActive`      | color of the icon if it's active.(default:#005b96)                                            | string | no       | iOS/Android | yes               |
+| `category.container`       | background-color of the categories container.(default:#e3dbcd)                                | string | no       | iOS/Android | yes               |
+| `category.containerActive` | background-color of the currently active category.(default:#ffffff)                           | string | no       | iOS/Android | yes               |
+| `search.text`              | color of the search bar text.(default:#000000cc)                                              | string | no       | iOS/Android | yes               |
+| `search.placeholder`       | color of the search bar placeholder text.(default:#00000055)                                  | string | no       | iOS/Android | yes               |
+| `search.icon`              | color of the search bar icon.(default:#00000055)                                              | string | no       | iOS/Android | yes               |
+| `search.background`        | background-color of the search bar.(default:#00000011)                                        | string | no       | iOS/Android | yes               |
+| `emoji.selected`           | color of the selected emoji background.Works only with selectedEmojis prop. (default:#e3dbcd) | string | no       | iOS/Android | yes               |
+
+### Full list of styles properties
+
+| Name        | Description                                                                                                                               | Type                                      | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | -------- | ----------- | ----------------- |
+| `container` | Set styles of the whole modal container.(default:{})                                                                                      | ViewStyle                                 | no       | iOS/Android | yes               |
+| `header`    | Set styles of header text. Header is the component containing category name.(default:{})                                                  | TextStyle                                 | no       | iOS/Android | yes               |
+| `knob`      | Set styles of the modal knob.Works only in the modal mode with knob enabled.(default:{})                                                  | ViewStyle                                 | no       | iOS/Android | yes               |
+| `category`  | SSet styles of the category component. You can pass different styles for the container and the icon.(default:{ container: {}, icon: {} }) | { container: ViewStyle, icon: TextStyle } | no       | iOS/Android | yes               |
+| `searchBar` | Set styles of the searchBar component. You can pass different styles for the container and the text.(default:{ container: {}, text: {} }) | { container: ViewStyle, text: TextStyle } | no       | iOS/Android | yes               |
+| `emoji`     | Set styles of the emoji component. You can pass styles for selected state.(default:{ selected: {} })                                      | { selected: ViewStyle }                   | no       | iOS/Android | yes               |
+
+### Full list of EmojisByCategory type
+
+| Name  | Description | Type          | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------------- | -------- | ----------- | ----------------- |
+| title | EmojisByCategory  title       | CategoryTypes | yes      | iOS/Android | yes               |
+| data  | EmojisByCategory emoji data        | JsonEmoji[]   | yes      | iOS/Android | yes               |
+
+### Full list of CategoryTypes type
+
+| Name  | Description | Type          | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------------- | -------- | ----------- | ----------------- |
+| `CategoryTypes` | CategoryTypes type | "search" \| "smileys_emotion" \| "people_body" \| "animals_nature" \| "food_drink" \| "travel_places" \| "activities" \| "objects" \| "symbols" \| "flags" \| "recently_used" | no       | iOS/Android | yes               |
+
+### Full list of JsonEmoji type
+
+| Name        | Description | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------- | -------- | -------- | ----------- | ----------------- |
+| emoji       | JsonEmoji   emoji      | string   | yes      | iOS/Android | yes               |
+| name        | JsonEmoji     name    | string   | yes      | iOS/Android | yes               |
+| v           | JsonEmoji   version     | string   | yes      | iOS/Android | yes               |
+| toneEnabled | JsonEmoji    toneEnabled     | boolean  | yes      | iOS/Android | yes               |
+| keywords    | JsonEmoji  keywords       | string[] | no      | iOS/Android | yes               |
+
+### Full list of EmojiType type
+
+| Name        | Description | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------- | -------- | -------- | ----------- | ----------------- |
+| emoji       | EmojiType   emoji      | string   | yes      | iOS/Android | yes               |
+| name        | EmojiType     name    | string   | yes      | iOS/Android | yes               |
+| slug           | EmojiType   slug     | string   | yes      | iOS/Android | yes               |
+| unicode_version | EmojiType   version     | string  | yes      | iOS/Android | yes               |
+| toneEnabled    | EmojiType  toneEnabled       | boolean | yes      | iOS/Android | yes               |
+| alreadySelected    | EmojiType alreadySelected     | boolean | no      | iOS/Android | yes               |
+
+## 静态方法
+
+### useRecentPicksPersistence
+
+The library gives you the possibility to persists recent emoji picks by your own. This mean that you can use for that reason whatever you want.
+
+Async storage? - sure. Backend as store - no problem. Choose how you want to handle it, we only require a Promise
+
+> [!TIP] This functionality requires to enable enableRecentlyUsed in your emoji keyboard component
+
+> [!TIP] This hook will have impact on every rn-emoji-keyboard instance used in app that have enabled recent picks.
+
+> [!TIP] To ensure smooth experience we recommend that you use it as high as possible in the React structure. eg. App.tsx file
+
+| Name             | Description                                                                                                | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `initialization` | This property is used at the very beginning to restore previous state.                                     | Function | yes      | iOS/Android | yes               |
+| `onStateChange`  | This property is used every time when user selects emoji and keyboard has enabled enableRecentlyUsed props | Function | yes      | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ] rn-emoji-keyboard 的键盘弹出后回弹默认高度表情键盘无法点击: [issue#1](https://github.com/react-native-oh-library/rn-emoji-keyboard/issues/1)
+- [ ] rn-emoji-keyboard 展开旋钮动画卡顿: [issue#2](https://github.com/react-native-oh-library/rn-emoji-keyboard/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/TheWidlarzGroup/rn-emoji-keyboard/blob/master/LICENSE) ，请自由地享受和参与开源。

From d338710225c275ae96d59dd1878c325e1e6615ff Mon Sep 17 00:00:00 2001
From: "pan.lichen" <pan.lichen@qq.com>
Date: Wed, 31 Jul 2024 01:47:01 +0000
Subject: [PATCH 309/966] =?UTF-8?q?!1218=20docs:=20[Issues:=20#IAAX8I]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-shimmer-placeholder=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAAX8I]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-shimmer-placeholder=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-shimmer-placeholder.md | 76 ++++++++++++-----------
 1 file changed, 41 insertions(+), 35 deletions(-)

diff --git a/zh-cn/react-native-shimmer-placeholder.md b/zh-cn/react-native-shimmer-placeholder.md
index af6740a7..dc8520ae 100644
--- a/zh-cn/react-native-shimmer-placeholder.md
+++ b/zh-cn/react-native-shimmer-placeholder.md
@@ -39,44 +39,50 @@ yarn add react-native-shimmer-placeholder@2.0.9
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
+import React, { Component } from "react";
+import { View, Image } from "react-native";
 import { createShimmerPlaceholder } from "react-native-shimmer-placeholder";
 import LinearGradient from "react-native-linear-gradient";
 
 const ShimmerPlaceholder = createShimmerPlaceholder(LinearGradient);
-const FacebookContent = () => {
-  // Handle animation
-  const avatarRef = React.createRef();
-  const firstLineRef = React.createRef();
-  const secondLineRef = React.createRef();
-  const thirdLineRef = React.createRef();
-
-  React.useEffect(() => {
-    const facebookAnimated = Animated.stagger(400, [
-      avatarRef.current.getAnimated(),
-      Animated.parallel([
-        firstLineRef.current.getAnimated(),
-        secondLineRef.current.getAnimated(),
-        thirdLineRef.current.getAnimated(),
-      ]),
-    ]);
-    Animated.loop(facebookAnimated).start();
-  }, []);
-
-  return (
-    <View>
-      <View style={{ flexDirection: "row" }}>
-        <ShimmerPlaceholder ref={avatarRef} stopAutoRun />
-        <View style={{ justifyContent: "space-between" }}>
-          <ShimmerPlaceholder ref={firstLineRef} stopAutoRun />
-          <ShimmerPlaceholder ref={secondLineRef} stopAutoRun />
-          <ShimmerPlaceholder ref={thirdLineRef} stopAutoRun />
-        </View>
+export class ShimmerPlaceholderTest extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      visible: false,
+    };
+  }
+  render() {
+    return (
+      <View>
+        <ShimmerPlaceholder
+          width={150}
+          height={150}
+          shimmerStyle={{ borderRadius: 100 }}
+          visible={this.state.visible}
+        >
+          <Image
+            style={{ width: 150, height: 150, borderRadius: 100 }}
+            source={{ uri: "https://unsplash.it/150/150" }}
+            onLoadEnd={() => {
+              this.setState({ visible: true });
+            }}
+          />
+        </ShimmerPlaceholder>
       </View>
-    </View>
-  );
-};
+    );
+  }
+}
 ```
 
+## Link
+
+> [!TIP] 本库依赖的@react-native-oh-tpl/react-native-linear-gradient 使用的版本为 3.0.0-0.4.5
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-linear-gradient 文档](/zh-cn/react-native-linear-gradient.md)进行引入
+
 ## 约束与限制
 
 ### 兼容性
@@ -87,9 +93,9 @@ const FacebookContent = () => {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                       | Description                                                                                            | Required | Type      | Platform | HarmonyOS Support |
 | -------------------------- | ------------------------------------------------------------------------------------------------------ | -------- | --------- | -------- | ----------------- |
@@ -113,9 +119,9 @@ const FacebookContent = () => {
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Method          | Description                 | Type     | **Required** | Platform | HarmonyOS Support |
 | --------------- | --------------------------- | -------- | ------------ | -------- | ----------------- |

From c1513cbeef53086cdec0dc9271328bae86c2f572 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E7=94=B1=E8=90=BD=E4=BD=93?= <602263131@qq.com>
Date: Wed, 31 Jul 2024 03:49:06 +0000
Subject: [PATCH 310/966] =?UTF-8?q?!1214=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFOWS]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-blob-util.md | 70 ++++++++++++++++-----------------
 1 file changed, 35 insertions(+), 35 deletions(-)

diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index 42a49f8e..d185bcee 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-blob-util</code> </h1>
@@ -411,6 +411,10 @@ const styles = StyleSheet.create({
 });
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -444,7 +448,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
      "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/rnoh-blob-util": "file:../../node_modules/@react-native-oh-tpl/react-native-blob-util/harmony/blobUtil.har"
+     "@react-native-oh-tpl/react-native-blob-util": "file:../../node_modules/@react-native-oh-tpl/react-native-blob-util/harmony/blobUtil.har"
   }
 ```
 
@@ -461,14 +465,13 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-
 ### 在 ArkTs 侧引入 BlobUtilPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-  ...
-+ import {BlobUtilPackage} from '@react-native-oh-tpl/rnoh-blob-util/ts';
+...
++ import {BlobUtilPackage} from '@react-native-oh-tpl/react-native-blob-util/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -499,10 +502,6 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)
 
-本文档内容基于以下版本验证通过：
-
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18
-
 ## API
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -525,26 +524,26 @@ ohpm install
 
 |    Name     |            Description             | Required |  Platform   | HarmonyOS Support |
 | :---------: | :--------------------------------: | :------: | :---------: | :---------------: |
-|    dirs     |                目录                |    NO    | IOS/Android |        Yes        |
-| createFile  |              创建文件              |    NO    | IOS/Android |        Yes        |
-|  writeFile  |               写文件               |    NO    | IOS/Android |        Yes        |
-| writeStream |                写流                |    NO    | IOS/Android |        Yes        |
-| appendFile  |              追加文件              |    NO    | IOS/Android |        Yes        |
-|  readFile   |              读取文件              |    NO    | IOS/Android |        Yes        |
-|    hash     |                哈希                |    NO    | IOS/Android |        Yes        |
-| readStream  |                读流                |    NO    | IOS/Android |        Yes        |
-|    mkdir    |              创建目录              |    NO    | IOS/Android |        Yes        |
-|     ls      |        查看当下的文件和目录        |    NO    | IOS/Android |        Yes        |
-|     mv      |            移动文件位置            |    NO    | IOS/Android |        Yes        |
-|     cp      |              复制文件              |    NO    | IOS/Android |        Yes        |
-|   exists    |          检查文件是否存在          |    NO    | IOS/Android |        Yes        |
-|    isDir    |             是否是目录             |    NO    | IOS/Android |        Yes        |
-|   unlink    |              删除文件              |    NO    | IOS/Android |        Yes        |
-|    lstat    |      获取目录下文件的统计数据      |    NO    | IOS/Android |        Yes        |
-|    stat     |   类似地获取数据或目录的统计信息   |    NO    | IOS/Android |        Yes        |
+|    dirs     |                目录                |    NO    | iOS/Android |        Yes        |
+| createFile  |              创建文件              |    NO    | iOS/Android |        Yes        |
+|  writeFile  |               写文件               |    NO    | iOS/Android |        Yes        |
+| writeStream |                写流                |    NO    | iOS/Android |        Yes        |
+| appendFile  |              追加文件              |    NO    | iOS/Android |        Yes        |
+|  readFile   |              读取文件              |    NO    | iOS/Android |        Yes        |
+|    hash     |                哈希                |    NO    | iOS/Android |        Yes        |
+| readStream  |                读流                |    NO    | iOS/Android |        Yes        |
+|    mkdir    |              创建目录              |    NO    | iOS/Android |        Yes        |
+|     ls      |        查看当下的文件和目录        |    NO    | iOS/Android |        Yes        |
+|     mv      |            移动文件位置            |    NO    | iOS/Android |        Yes        |
+|     cp      |              复制文件              |    NO    | iOS/Android |        Yes        |
+|   exists    |          检查文件是否存在          |    NO    | iOS/Android |        Yes        |
+|    isDir    |             是否是目录             |    NO    | iOS/Android |        Yes        |
+|   unlink    |              删除文件              |    NO    | iOS/Android |        Yes        |
+|    lstat    |      获取目录下文件的统计数据      |    NO    | iOS/Android |        Yes        |
+|    stat     |   类似地获取数据或目录的统计信息   |    NO    | iOS/Android |        Yes        |
 |  scanFile   |              扫描文件              |    NO    |   Android   |        No         |
-|    asset    |                资产                |    NO    | IOS/Android |        Yes        |
-|     df      | 获取设备的可用磁盘空间和总磁盘空间 |    NO    | IOS/Android |        Yes        |
+|    asset    |                资产                |    NO    | iOS/Android |        Yes        |
+|     df      | 获取设备的可用磁盘空间和总磁盘空间 |    NO    | iOS/Android |        Yes        |
 
 #### iOS API
 
@@ -561,8 +560,8 @@ ohpm install
 
 | Name          | Description | Required | Platform    | HarmonyOS Support |
 | ------------- | ----------- | -------- | ----------- | ----------------- |
-| getCookies    | 获取 cookie | No       | IOS/Android | No                |
-| removeCookies | 删除 cookie | No       | IOS/Android | No                |
+| getCookies    | 获取 cookie | No       | iOS/Android | No                |
+| removeCookies | 删除 cookie | No       | iOS/Android | No                |
 
 #### Session API
 
@@ -570,7 +569,7 @@ ohpm install
 
 | Name    | Description | Required | Platform    | HarmonyOS Support |
 | ------- | ----------- | -------- | ----------- | ----------------- |
-| session | 会话        | No       | IOS/Android | No                |
+| session | 会话        | No       | iOS/Android | No                |
 
 #### MediaStore(Android Media Storage)
 
@@ -587,8 +586,8 @@ ohpm install
 
 | Name   | Description | Required | Platform    | HarmonyOS Support |
 | ------ | ----------- | -------- | ----------- | ----------------- |
-| wrap   |             | No       | Android/IOS | No                |
-| base64 |             | No       | Android/IOS | No                |
+| wrap   |             | No       | iOS/Android | No                |
+| base64 |             | No       | iOS/Android | No                |
 
 ## 遗留问题
 
@@ -596,6 +595,7 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-blob-util/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
 
-<!-- {% endraw %} -->
\ No newline at end of file

From e922666af83f34cf76697e215a3305eaf20ea030 Mon Sep 17 00:00:00 2001
From: xiong <10038940+wx997659@user.noreply.gitee.com>
Date: Wed, 31 Jul 2024 04:16:11 +0000
Subject: [PATCH 311/966] =?UTF-8?q?!1251=20docs:=20[Issues:=20#IAGRBP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-inappbrowser=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAGRBP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-inappbrowser=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-inappbrowser.md | 83 +++++++++++++++---------------
 1 file changed, 41 insertions(+), 42 deletions(-)

diff --git a/zh-cn/react-native-inappbrowser.md b/zh-cn/react-native-inappbrowser.md
index 31fd6b73..42f0fd3c 100644
--- a/zh-cn/react-native-inappbrowser.md
+++ b/zh-cn/react-native-inappbrowser.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -283,61 +282,63 @@ export const tryDeepLinking = async () => {
 **1.在 entry/src/main/ets/entryability 下创建 BrowserManagerAbility.ets**
 
 ```
-import UIAbility from '@ohos.app.ability.UIAbility'
-import window from '@ohos.window'
-
-const TAG = 'BrowserManagerAbility';
+import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
+import { hilog } from '@kit.PerformanceAnalysisKit';
+import { window } from '@kit.ArkUI';
 
 export default class BrowserManagerAbility extends UIAbility {
 
-  onWindowStageCreate(windowStage: window.WindowStage) {
-    this.setWindowOrientation(windowStage, window.Orientation.PORTRAIT)
-    windowStage.loadContent('pages/BrowserManagerPage', (err, data) => {
+  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
+  }
+
+  onDestroy(): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
+  }
+
+  onWindowStageCreate(windowStage: window.WindowStage): void {
+    // Main window is created, set main page for this ability
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
+
+    windowStage.loadContent('pages/BrowserManagerPage', (err) => {
       if (err.code) {
-        console.info(TAG,'Failed to load the content. Cause: %{public}s',
-          JSON.stringify(err) ?? '')
+        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
         return;
       }
-      console.info(TAG,'Succeeded in loading the content')
+      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.');
     });
-    try {
-      windowStage.getMainWindowSync().setWindowLayoutFullScreen(true, (err)=>{
-        if (err.code) {
-          console.error('Failed to enable the full-screen mode. Cause: ' + JSON.stringify(err));
-          return;
-        }
-        console.info('Succeeded in enabling the full-screen mode.');
-      })
-    } catch (exception) {
-      console.error('Failed to set the system bar to be invisible. Cause: ' + JSON.stringify(exception));
-    }
   }
 
-  setWindowOrientation(stage: window.WindowStage, orientation: window.Orientation): void {
-    console.info(TAG,"into setWindowOrientation :")
-    if (!stage || !orientation) {
-      return;
-    }
-    stage.getMainWindow().then(windowInstance => {
-      windowInstance.setPreferredOrientation(orientation);
-    })
+  onWindowStageDestroy(): void {
+    // Main window is destroyed, release UI related resources
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
+  }
+
+  onForeground(): void {
+    // Ability has brought to foreground
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');
+  }
+
+  onBackground(): void {
+    // Ability has back to background
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
   }
 }
+
 ```
 
 **2.在 entry/src/main/module.json5注册BrowserManagerAbility**
 
 ```
 "ablilities":[{
-        "name": "BrowserManagerAbility",
-        "srcEntrance": "./ets/entryability/BrowserManagerAbility.ets",
-        "description": "$string:EntryAbility_desc",
-        "icon": "$media:icon",
-        "startWindowIcon": "$media:startIcon",
-        "startWindowBackground": "$color:start_window_background",
-        "visible": true,
-
-}
+    "name": "BrowserManagerAbility",
+    "srcEntrance": "./ets/entryability/BrowserManagerAbility.ets",
+    "description": "$string:EntryAbility_desc",
+    "icon": "$media:icon",
+    "startWindowIcon": "$media:startIcon",
+    "startWindowBackground": "$color:start_window_background",
+    "visible": true,
+  }
 ...
 ]
 ```
@@ -426,7 +427,7 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNInAppBrowserPackage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -524,5 +525,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/proyecto26/react-native-inappbrowser/blob/develop/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 06c86f0fc4404a63e3abc3cc8f4876cb3cb7edd1 Mon Sep 17 00:00:00 2001
From: xiaohaoyu <xiaohaoyu1@h-partners.com>
Date: Wed, 31 Jul 2024 07:51:05 +0000
Subject: [PATCH 312/966] =?UTF-8?q?!1245=20docs:=20[#IAGLQ2]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-hyperlink=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAGLQ2]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-hyperlink=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-hyperlink.md | 34 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/zh-cn/react-native-hyperlink.md b/zh-cn/react-native-hyperlink.md
index 02bc357d..ad0f20c1 100644
--- a/zh-cn/react-native-hyperlink.md
+++ b/zh-cn/react-native-hyperlink.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 模板版本：v0.2.2
 
 <p align="center">
@@ -19,18 +17,20 @@
 
 ## 安装与使用
 
+进入到工程目录并输入以下命令：
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install react-native-hyperlink@0.0.21
+npm install react-native-hyperlink@0.0.22
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-hyperlink@0.0.21
+yarn add react-native-hyperlink@0.0.22
 ```
 
 <!-- tabs:end -->
@@ -75,19 +75,19 @@ export default function App() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Props           | Description                                                                       | Type                        | Required | Platform | HarmonyOS Support |
-| --------------- | --------------------------------------------------------------------------------- | --------------------------- | -------- | -------- | ----------------- |
-| linkify         | linkify-it object, for custom schema                                              | object                      | no       | all      | yes               |
-| linkStyle       | highlight clickable text with styles                                              | Text.propTypes.style        | no       | all      | yes               |
-| linkText        | A string or a func to replace parsed text                                         | oneOfType([ string, func ]) | no       | all      | yes               |
-| onPress         | Func to handle click over a clickable text with parsed text as arg                | func                        | no       | all      | yes               |
-| onLongPress     | Func to handle long click over a clickable text with parsed text as arg           | func                        | no       | all      | yes               |
-| linkDefault     | A platform specific fallback to handle onPress. Uses Linking. Disabled by default | bool                        | no       | all      | yes               |
-| injectViewProps | Func with url as a param to inject props to the clickable component               | func                        | no       | all      | yes               |
+| Name            | Description                                                                       | Type                     | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------- | ------------------------ | -------- | -------- | ----------------- |
+| linkify         | linkify-it object, for custom schema                                              | object                   | no       | all      | yes               |
+| linkStyle       | highlight clickable text with styles                                              | object                   | no       | all      | yes               |
+| linkText        | A string or a func to replace parsed text                                         | string   &#124; function | no       | all      | yes               |
+| onPress         | Func to handle click over a clickable text with parsed text as arg                | function                 | no       | all      | yes               |
+| onLongPress     | Func to handle long click over a clickable text with parsed text as arg           | function                 | no       | all      | yes               |
+| linkDefault     | A platform specific fallback to handle onPress. Uses Linking. Disabled by default | boolean                  | no       | all      | yes               |
+| injectViewProps | Func with url as a param to inject props to the clickable component               | function                 | no       | all      | yes               |
 
 ## 遗留问题
 
@@ -95,6 +95,4 @@ export default function App() {
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/obipawan/react-native-hyperlink/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
+本项目基于 [The MIT License (MIT)](https://github.com/obipawan/react-native-hyperlink/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From b0eeebb68c02a3ed74a74505600acdb95ae9003b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E7=94=B1=E8=90=BD=E4=BD=93?= <602263131@qq.com>
Date: Wed, 31 Jul 2024 08:25:33 +0000
Subject: [PATCH 313/966] =?UTF-8?q?!1215=20=E4=BF=AE=E6=94=B9=E6=A3=80?=
 =?UTF-8?q?=E8=A7=86=E6=84=8F=E8=A7=81=20*=20docs:=20[Issues:=20#IAFOWS]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-clippath.md     | 218 ----------------------------
 zh-cn/react-native-clippathview.md | 224 +++++++++++++++++++++++++++++
 2 files changed, 224 insertions(+), 218 deletions(-)
 delete mode 100644 zh-cn/react-native-clippath.md
 create mode 100644 zh-cn/react-native-clippathview.md

diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md
deleted file mode 100644
index e963e76e..00000000
--- a/zh-cn/react-native-clippath.md
+++ /dev/null
@@ -1,218 +0,0 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
-
-<p align="center">
-  <h1 align="center"> <code>react-native-clippath</code> </h1>
-</p>
-<p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-clippath/blob/sig/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath)
-
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-clippath Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
-
-<!-- tabs:start -->
-
-#### **npm**
-
-```bash
-npm install @react-native-oh-tpl/clip-path@file:#
-```
-
-#### **yarn**
-
-```bash
-yarn add @react-native-oh-tpl/clip-path@file:#
-```
-
-<!-- tabs:end -->
-
-下面的代码展示了这个库的基本使用场景：
-
-```jsx
-import { View, Text, ScrollView } from "react-native";
-import React from "react";
-import { ClipPathView } from "react-native-clippathview";
-
-export default function index() {
-  const viewBox = [0, 0, 400, 400];
-  const path = "M 0 0 L 400 0 L 0 400 L 400 400 Z";
-
-  return (
-    <ScrollView style={{ width: "100%", height: "100%" }}>
-      <ClipPathView d={path} style={{ backgroundColor: "#ff0" }}>
-        <Text style={{ height: 800, fontSize: 26 }}>
-          MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-        </Text>
-      </ClipPathView>
-    </ScrollView>
-  );
-}
-```
-
-## 兼容性
-
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)
-
-本文档内容基于以下版本验证通过：
-
-1. RNOH: 0.72.26; SDK: HarmonyOS-NEXT-DP2; IDE: DevEco Studio 5.0.3.29; ROM: 205.0.0.18;
-2. RNOH: 0.72.26; SDK: armonyOS NEXT Developer preview2、5.0.0.22(API Version 12 Canary3); IDE: DevEco Studio: 5.0.3.300；ROM: 3.0.0.22;
-
-## Link
-
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-
-### 引入原生端代码
-
-目前有两种方法：
-
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
-
-方法一：通过 har 包引入
-
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "rnoh": "file:../rnoh",
-    "rnoh-clip-path": "file:../../node_modules/@react-native-oh-tpl/clip-path/harmony/clip_path.har",
-}
-```
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-```
-
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
-
-### 在 ArkTs 侧引入 ClipPath 组件
-
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-  ...
-+ import { ClipPath } from 'rnoh-clip-path';
-
-@Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === ClipPath.NAME) {
-+   ClipPath({
-+     ctx: ctx.rnComponentContext,
-+     tag: ctx.tag,
-+   })
-+ }
- ...
-}
-...
-```
-
-### 在 ArkTs 侧引入 ClipPathPackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
-
-```diff
-import type {RNPackageContext, RNPackage} from 'rnoh/ts';
-import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import { ClipPathPackage } from 'rnoh-clip-path/ts'
-
-export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
-  return [
-    new SamplePackage(ctx),
-+   new ClipPathPackage(ctx)
-  ];
-}
-```
-
-### 运行
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-```
-
-然后编译、运行即可。
-
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                 | Description                                                                                                    | Type              | Required | Platform    | HarmonyOS Support |
-| -------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
-| svgKey               | 唯一 key                                                                                                       | string            | No       | IOS/Android | Yes               |
-| d                    | 形状由一系列命令定义（svg path data）                                                                          | string            | No       | IOS/Android | Yes               |
-| viewBox              | 定义用户空间中的位置和维度                                                                                     | Array<Number>(4)  | No       | IOS/Android | Yes               |
-| align                | preserveAspectRatio 属性的 align                                                                               | string            | No       | IOS/Android | No                |
-| aspect               | preserveAspectRatio 属性的 meetOrSlice                                                                         | meet/slice/none   | No       | IOS/Android | No                |
-| fillRule             | 路径内部填充规则                                                                                               | nonzero/evenodd   | No       | IOS/Android | No                |
-| strokeWidth          | 路径描边宽度                                                                                                   | number            | No       | IOS/Android | Yes               |
-| strokeCap            | 开放路径两端的形状                                                                                             | butt/round/square | No       | IOS/Android | Yes               |
-| strokeJoin           | 路径转角处使用的形状                                                                                           | bevel/miter/round | No       | IOS/Android | Yes               |
-| strokeMiter          | strokeJoin 值是 miter，设置夹角延伸                                                                            | number            | No       | IOS/Android | Yes               |
-| strokeStart          | IOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是 0。                                                  | number            | No       | IOS/Android | No                |
-| strokeEnd            | IOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是 1，如果小于等于 strokeStart 则绘制不出任何内容。 | number            | No       | IOS/Android | No                |
-| translateZ           | 设置定位层级，相当于 index                                                                                     | number            | No       | IOS/Android | Yes               |
-| transX               | 在二维平面上水平方向移动元素                                                                                   | number            | No       | IOS/Android | Yes               |
-| transY               | 在二维平面上垂直方向移动元素                                                                                   | number            | No       | IOS/Android | Yes               |
-| transPercentageValue | transX、transY 使用百分比                                                                                      | boolean           | No       | IOS/Android | Yes               |
-| rot                  | 元素围绕一个定点旋转                                                                                           | number            | No       | IOS/Android | Yes               |
-| rotOx                | 旋转中心点水平位置                                                                                             | number            | No       | IOS/Android | Yes               |
-| rotOy                | 旋转中心点垂直位置                                                                                             | number            | No       | IOS/Android | Yes               |
-| rotPercentageValue   | rotOx、rotOy 使用百分比                                                                                        | boolean           | No       | IOS/Android | Yes               |
-| sc                   | 放大或缩小元素                                                                                                 | number            | No       | IOS/Android | Yes               |
-| scX                  | 水平缩放                                                                                                       | number            | No       | IOS/Android | Yes               |
-| scY                  | 垂直缩放                                                                                                       | number            | No       | IOS/Android | Yes               |
-| scO                  | 缩放中心点位置                                                                                                 | number            | No       | IOS/Android | Yes               |
-| scOx                 | 缩放中心点水平位置                                                                                             | number            | No       | IOS/Android | Yes               |
-| scOy                 | 缩放中心点垂直位置                                                                                             | number            | No       | IOS/Android | Yes               |
-| scPercentageValue    | scO、scOx、scOy 使用百分比                                                                                     | boolean           | No       | IOS/Android | Yes               |
-
-## 遗留问题
-
-部分属性目前版本暂不支持，具体参考属性表格 `HarmonyOS ` 列。
-
-## 其他
-
-## 开源协议
-
-本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-clippath/blob/sig/LICENSE) ，请自由地享受和参与开源。
-
----
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-clippathview.md b/zh-cn/react-native-clippathview.md
new file mode 100644
index 00000000..2a9a7d82
--- /dev/null
+++ b/zh-cn/react-native-clippathview.md
@@ -0,0 +1,224 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-clippathview</code> </h1>
+</p>
+<p align="center">
+        <a href="https://github.com/Only-IceSoul/react-native-clippath/blob/main">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-clippathview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-clippathview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```jsx
+import { View, Text, ScrollView } from "react-native";
+import React from "react";
+import { ClipPathView } from "react-native-clippathview";
+
+export default function index() {
+  const viewBox = [0, 0, 400, 400];
+  const path = "M 0 0 L 400 0 L 0 400 L 400 400 Z";
+
+  return (
+    <ScrollView style={{ width: "100%", height: "100%" }}>
+      <ClipPathView d={path} style={{ backgroundColor: "#ff0" }}>
+        <Text style={{ height: 800, fontSize: 26 }}>
+          MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
+        </Text>
+      </ClipPathView>
+    </ScrollView>
+  );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "rnoh": "file:../rnoh",
+    "@react-native-oh-library/react-native-clippathview": "file:../../node_modules/@react-native-oh-tpl/react-native-clippathview/harmony/clip_path.har",
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 ClipPath 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
++ import { ClipPath } from '@react-native-oh-library/react-native-clippathview';
+
+@Builder
+function buildCustomComponent(ctx: ComponentBuilderContext) {
+  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
+    SampleView({
+      ctx: ctx.rnComponentContext,
+      tag: ctx.tag,
+      buildCustomComponent: buildCustomComponent
+    })
+  }
++ else if (ctx.componentName === ClipPath.NAME) {
++   ClipPath({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag,
++   })
++ }
+ ...
+}
+...
+```
+
+### 在 ArkTs 侧引入 ClipPathPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type {RNPackageContext, RNPackage} from 'rnoh/ts';
+import {SamplePackage} from 'rnoh-sample-package/ts';
++ import { ClipPathPackage } from '@react-native-oh-library/react-native-clippathview/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ClipPathPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                  | Type              | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
+| svgKey               | 唯一 key                                                     | string            | No       | iOS/Android | Yes               |
+| d                    | 形状由一系列命令定义（svg path data）                        | string            | No       | iOS/Android | Yes               |
+| viewBox              | 定义用户空间中的位置和维度                                   | Array<Number>(4)  | No       | iOS/Android | Yes               |
+| align                | preserveAspectRatio 属性的 align                             | string            | No       | iOS/Android | No                |
+| aspect               | preserveAspectRatio 属性的 meetOrSlice                       | meet/slice/none   | No       | iOS/Android | No                |
+| fillRule             | 路径内部填充规则                                             | nonzero/evenodd   | No       | iOS/Android | No                |
+| strokeWidth          | 路径描边宽度                                                 | number            | No       | iOS/Android | Yes               |
+| strokeCap            | 开放路径两端的形状                                           | butt/round/square | No       | iOS/Android | Yes               |
+| strokeJoin           | 路径转角处使用的形状                                         | bevel/miter/round | No       | iOS/Android | Yes               |
+| strokeMiter          | strokeJoin 值是 miter，设置夹角延伸                          | number            | No       | iOS/Android | Yes               |
+| strokeStart          | iOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是 0。 | number            | No       | iOS/Android | No                |
+| strokeEnd            | iOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是 1，如果小于等于 strokeStart 则绘制不出任何内容。 | number            | No       | iOS/Android | No                |
+| translateZ           | 设置定位层级，相当于 index                                   | number            | No       | iOS/Android | Yes               |
+| transX               | 在二维平面上水平方向移动元素                                 | number            | No       | iOS/Android | Yes               |
+| transY               | 在二维平面上垂直方向移动元素                                 | number            | No       | iOS/Android | Yes               |
+| transPercentageValue | transX、transY 使用百分比                                    | boolean           | No       | iOS/Android | Yes               |
+| rot                  | 元素围绕一个定点旋转                                         | number            | No       | iOS/Android | Yes               |
+| rotOx                | 旋转中心点水平位置                                           | number            | No       | iOS/Android | Yes               |
+| rotOy                | 旋转中心点垂直位置                                           | number            | No       | iOS/Android | Yes               |
+| rotPercentageValue   | rotOx、rotOy 使用百分比                                      | boolean           | No       | iOS/Android | Yes               |
+| sc                   | 放大或缩小元素                                               | number            | No       | iOS/Android | Yes               |
+| scX                  | 水平缩放                                                     | number            | No       | iOS/Android | Yes               |
+| scY                  | 垂直缩放                                                     | number            | No       | iOS/Android | Yes               |
+| scO                  | 缩放中心点位置                                               | number            | No       | iOS/Android | Yes               |
+| scOx                 | 缩放中心点水平位置                                           | number            | No       | iOS/Android | Yes               |
+| scOy                 | 缩放中心点垂直位置                                           | number            | No       | iOS/Android | Yes               |
+| scPercentageValue    | scO、scOx、scOy 使用百分比                                   | boolean           | No       | iOS/Android | Yes               |
+
+## 遗留问题
+
+- [ ] 部分属性目前版本暂不支持，具体参考属性表格 `HarmonyOS ` 列: [issue#15](https://github.com/react-native-oh-library/react-native-clippath/issues/15)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+---
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 8a937241ae4300fc8ceaa7524f89d652d49effd9 Mon Sep 17 00:00:00 2001
From: asklie <760956257@qq.com>
Date: Wed, 31 Jul 2024 08:40:38 +0000
Subject: [PATCH 314/966] =?UTF-8?q?!973=20docs:=20[Issues:=20#IAAY4E]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-audio-toolkit=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAAY4E]=20=E6=96=B0=E5=A2=9Ereact-na?=
 =?UTF-8?q?tive-audio-toolkit=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-audio-toolkit.md | 553 ++++++++++++++++++++++++++++
 1 file changed, 553 insertions(+)
 create mode 100644 zh-cn/react-native-audio-toolkit.md

diff --git a/zh-cn/react-native-audio-toolkit.md b/zh-cn/react-native-audio-toolkit.md
new file mode 100644
index 00000000..dc1b6b2f
--- /dev/null
+++ b/zh-cn/react-native-audio-toolkit.md
@@ -0,0 +1,553 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/audio-toolkit</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-audio-toolkit/react-native-audio-toolkit">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-audio-toolkit/react-native-audio-toolkit/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-toolkit)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases/tag/2.0.3-0.0.1) [Releases](https://github.com/react-native-oh-library/lottie-react-native/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/audio-toolkit@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/audio-toolkit@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { Button, PermissionsAndroid, Platform, SafeAreaView, StyleSheet, Switch, Text, View } from 'react-native';
+import Slider from '@react-native-community/slider';
+import { Player, Recorder, MediaStates } from '@react-native-community/audio-toolkit';
+
+const filename = 'test.mp4';
+
+type Props = {};
+
+type State = {
+  playPauseButton: string,
+  recordButton: string,
+
+  stopButtonDisabled: boolean,
+  playButtonDisabled: boolean,
+  recordButtonDisabled: boolean,
+
+  loopButtonStatus: boolean,
+  progress: number,
+
+  error: string | null
+};
+
+export default class App extends Component<Props, State> {
+  player: Player | null;
+  recorder: Recorder | null;
+  lastSeek: number;
+  _progressInterval: IntervalID;
+
+  constructor(props: Props) {
+    super(props);
+
+    this.state = {
+      playPauseButton: 'Preparing...',
+      recordButton: 'Preparing...',
+
+      stopButtonDisabled: true,
+      playButtonDisabled: true,
+      recordButtonDisabled: true,
+
+      loopButtonStatus: false,
+      progress: 0,
+
+      error: null
+    };
+  }
+
+  componentWillMount() {
+    this.player = null;
+    this.recorder = null;
+    this.lastSeek = 0;
+
+    this._reloadPlayer();
+    this._reloadRecorder();
+
+    this._progressInterval = setInterval(() => {
+      if (this.player && this._shouldUpdateProgressBar()) {
+        let currentProgress = Math.max(0, this.player.currentTime) / this.player.duration;
+        if (isNaN(currentProgress)) {
+          currentProgress = 0;
+        }
+        this.setState({ progress: currentProgress });
+      }
+    }, 100);
+  }
+
+  componentWillUnmount() {
+    clearInterval(this._progressInterval);
+  }
+
+  _shouldUpdateProgressBar() {
+    // Debounce progress bar update by 200 ms
+    return Date.now() - this.lastSeek > 200;
+  }
+
+  _updateState(err) {
+    this.setState({
+      playPauseButton: this.player && this.player.isPlaying ? 'Pause' : 'Play',
+      recordButton: this.recorder && this.recorder.isRecording ? 'Stop' : 'Record',
+
+      stopButtonDisabled: !this.player || !this.player.canStop,
+      playButtonDisabled: !this.player || !this.player.canPlay || this.recorder.isRecording,
+      recordButtonDisabled: !this.recorder || (this.player && !this.player.isStopped),
+    });
+  }
+
+  _playPause() {
+    this.player.playPause((err, paused) => {
+      if (err) {
+        this.setState({
+          error: err.message
+        });
+      }
+      this._updateState();
+    });
+  }
+
+  _stop() {
+    this.player.stop(() => {
+      this._updateState();
+    });
+  }
+
+  _seek(percentage) {
+    if (!this.player) {
+      return;
+    }
+
+    this.lastSeek = Date.now();
+
+    let position = percentage * this.player.duration;
+
+    this.player.seek(position, () => {
+      this._updateState();
+    });
+  }
+
+  _reloadPlayer() {
+    if (this.player) {
+      this.player.destroy();
+    }
+
+    this.player = new Player(filename, {
+      autoDestroy: false
+    }).prepare((err) => {
+      if (err) {
+        console.log('error at _reloadPlayer():');
+        console.log(err);
+      } else {
+        this.player.looping = this.state.loopButtonStatus;
+      }
+
+      this._updateState();
+    });
+
+    this._updateState();
+
+    this.player.on('ended', () => {
+      this._updateState();
+    });
+    this.player.on('pause', () => {
+      this._updateState();
+    });
+  }
+
+  _reloadRecorder() {
+    if (this.recorder) {
+      this.recorder.destroy();
+    }
+
+    this.recorder = new Recorder(filename, {
+      bitrate: 256000,
+      channels: 2,
+      sampleRate: 44100,
+      quality: 'max'
+    });
+
+    this._updateState();
+  }
+
+  _toggleRecord() {
+    if (this.player) {
+      this.player.destroy();
+    }
+
+    let recordAudioRequest;
+    if (Platform.OS == 'android') {
+      recordAudioRequest = this._requestRecordAudioPermission();
+    } else {
+      recordAudioRequest = new Promise(function (resolve, reject) { resolve(true); });
+    }
+
+    recordAudioRequest.then((hasPermission) => {
+      if (!hasPermission) {
+        this.setState({
+          error: 'Record Audio Permission was denied'
+        });
+        return;
+      }
+
+      this.recorder.toggleRecord((err, stopped) => {
+        if (err) {
+          this.setState({
+            error: err.message
+          });
+        }
+        if (stopped) {
+          this._reloadPlayer();
+          this._reloadRecorder();
+        }
+
+        this._updateState();
+      });
+    });
+  }
+
+  async _requestRecordAudioPermission() {
+    try {
+      const granted = await PermissionsAndroid.request(
+        PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,
+        {
+          title: 'Microphone Permission',
+          message: 'ExampleApp needs access to your microphone to test react-native-audio-toolkit.',
+          buttonNeutral: 'Ask Me Later',
+          buttonNegative: 'Cancel',
+          buttonPositive: 'OK',
+        },
+      );
+      if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+        return true;
+      } else {
+        return false;
+      }
+    } catch (err) {
+      console.error(err);
+      return false;
+    }
+  }
+
+  _toggleLooping(value) {
+    this.setState({
+      loopButtonStatus: value
+    });
+    if (this.player) {
+      this.player.looping = value;
+    }
+  }
+
+  render() {
+    return (
+      <SafeAreaView>
+        <View>
+          <Text style={styles.title}>
+            Playback
+          </Text>
+        </View>
+        <View >
+          <Button title={this.state.playPauseButton} disabled={this.state.playButtonDisabled} onPress={() => this._playPause()} />
+          <Button title={'Stop'} disabled={this.state.stopButtonDisabled} onPress={() => this._stop()} />
+        </View>
+        <View style={styles.settingsContainer}>
+          <Switch
+            onValueChange={(value) => this._toggleLooping(value)}
+            value={this.state.loopButtonStatus} />
+          <Text>Toggle Looping</Text>
+        </View>
+        <View style={styles.slider}>
+          <Slider step={0.0001} disabled={this.state.playButtonDisabled} onValueChange={(percentage) => this._seek(percentage)} value={this.state.progress} />
+        </View>
+        <View>
+          <Text style={styles.title}>
+            Recording
+          </Text>
+        </View>
+        <View>
+          <Button title={this.state.recordButton} disabled={this.state.recordButtonDisabled} onPress={() => this._toggleRecord()} />
+        </View>
+        <View>
+          <Text style={styles.errorMessage}>{this.state.error}</Text>
+        </View>
+      </SafeAreaView>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  slider: {
+    height: 10,
+    margin: 10,
+    marginBottom: 50,
+  },
+  settingsContainer: {
+    alignItems: 'center',
+  },
+  container: {
+    borderRadius: 4,
+    borderWidth: 0.5,
+    borderColor: '#d6d7da',
+  },
+  title: {
+    fontSize: 19,
+    fontWeight: 'bold',
+    textAlign: 'center',
+    padding: 20,
+  },
+  errorMessage: {
+    fontSize: 15,
+    textAlign: 'center',
+    padding: 10,
+    color: 'red'
+  }
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/audio-toolkit": "file:../../node_modules/@react-native-oh-tpl/audio-toolkit/harmony/audio_toolkit.har"
+  }
+```
+
+### 在 ArkTs 侧引入 AudioModulesPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import { AudioModulesPackage } from "@react-native-oh-tpl/audio-toolkit/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new AudioModulesPackage(ctx)
+  ];
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases/)
+
+### 权限要求
+
+- 如果 source 使用网络 url 应用需要申请网络权限
+
+  在`entry/src/main/module.json5`中添加
+
+```json
+requestPermissions: [
+  {
+    name: "ohos.permission.INTERNET",
+  },
+],
+```
+
+- 如果使用录音功能，需要申请录音权限
+
+  在`entry/src/main/module.json5`中添加
+
+```json
+requestPermissions: [
+  {
+      "name": "ohos.permission.MICROPHONE",
+      "reason": "$string:EntryAbility_desc",
+        "usedScene": {
+          "abilities": [
+            "MainAbility"
+          ],
+         "when": "inuse"
+       }
+    },
+],
+```
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+new Player(String path, Object ?playbackOptions)
+
+| Name                        | Description                                                  | Type               | Default                     | Required | Platform | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | ------------------ | --------------------------- | -------- | -------- | ----------------- |
+| autoDestroy                 | Boolean to indicate whether the player should self-destruct after playback is finished. If this is not set, you are responsible for destroying the object by calling player.destroy(). | boolean            | True                        | No       | All      | Yes               |
+| continuesToPlayInBackground | (Android only) Should playback continue if app is sent to background?<br />iOS will always pause in this case. | boolean            | False                       | No       | Android  | Yes               |
+| category                    | (iOS only) Define the audio session category<br /> Options: Playback, Ambient and SoloAmbient<br />More info about categories can be found here:<br /> https://developer.apple.com/documentation/avfoundation/avaudiosession/category | PlaybackCategories | PlaybackCategories.Playback | No       | All      | No                |
+| mixWithOthers               | Boolean to determine whether other audio sources on the device will mix<br />with sounds being played back by this module. If this is not set, playback<br />of audio will stop other sources | boolean            | False                       | No       | iOS      | No                |
+| looping                     | Get/set looping status of the current file. If true, file will loop when playback reaches end of file. | boolean            | False                       | No       | All      | Yes               |
+| volume                      | Get/set playback volume. The scale is from 0.0 (silence) to 1.0 (full volume). | Number             | 1.0                         | No       | All      | Yes               |
+| speed                       | Get/set the playback speed for audio. NOTE: On Android, this is only supported on Android 6.0+. | Number             | 1.0                         | No       | All      | Yes               |
+
+## 静态方法 (Imperative API)
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| prepare   | Prepare playback of the file provided during initialization. This method is optional to call but might be useful to preload the file so that the file starts playing immediately when calling play(). Otherwise the file is prepared when calling play() which may result in a small delay.<br />Callback is called with empty first parameter when file is ready for playback with `play()`. If there was an error, the callback is called with an error object as first parameter. See Callbacks for more information. | function | No       | All      | Yes               |
+| play      | Start playback.<br />If callback is given, it is called when playback has started. | function | No       | All      | Yes               |
+| pause     | Pauses playback. Playback can be resumed by calling `play()` with no parameters.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
+| playPause | Helper method for toggling pause.<br />Callback is called after the operation has finished. Callback receives `Object error` as first argument, `Boolean paused` as second argument indicating if the player ended up playing (false) or paused (true). | function | No       | All      | Yes               |
+| stop      | Stop playback.<br />  If `autoDestroy` option was set during initialization, clears all media resources from memory. In this case the player should no longer be used. | function | No       | All      | Yes               |
+| destroy   | Stops playback and destroys the player. The player should no longer be used.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
+| seek      | Seek in currently playing media. `position` is the offset from the start.<br />If callback is given, it is called when the seek operation completes. If another seek operation is performed before the previous has finished, the previous operation gets an error in its callback with the `err` field set to `oldcallback`. The previous operation should likely do nothing in this case. | function | No       | All      | Yes               |
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+new Recorder(String path, Object ?recorderOptions)
+
+| Name             | Description                                                  | Type   | Default                     | Required | Platform | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------ | --------------------------- | -------- | -------- | ----------------- |
+| bitrate          | Set bitrate for the recorder, in bits per second             | Number | 128000                      | No       | All      | Yes               |
+| channels         | Set number of channels                                       | Number | 2                           | No       | All      | Yes               |
+| sampleRate       | Set how many samples per second                              | Number | 44100                       | No       | All      | Yes               |
+| format           | Override format. Possible values:<br />Cross-platform:  'mp4', 'aac'<br />Android only:    'ogg', 'webm', 'amr' | String | based on filename extension | No       | All      | Yes               |
+| encoder          | Override encoder. Android only.<br />Possible values:<br />'aac', 'mp4', 'webm', 'ogg', 'amr' | String | based on filename extension | No       | All      | Yes               |
+| quality          | Quality of the recording, iOS only.<br />Possible values: 'min', 'low', 'medium', 'high', 'max' | String | medium                      | No       | Al       | Yes               |
+| meteringInterval | Optional argument to activate metering events.<br />This will cause a 'meter' event to fire every given milliseconds,<br />e.g. 250 will fire 4 time in a second. | Number | undefined                   | No       | Al       | Yes               |
+
+## 静态方法 (Imperative API)
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| prepare | Prepare recording to the file provided during initialization. This method is optional to call but it may be beneficial to call to make sure that recording begins immediately after calling record(). Otherwise the recording is prepared when calling record() which may result in a small delay. NOTE: Assume that this wipes the destination file immediately. | function | No       | All      | Yes               |
+| record  | Start recording to file in `path`. Callback is called after recording has started or with error object if an error occurred. | function | No       | All      | Yes               |
+| stop    | Stop recording and save the file. Callback is called after recording has stopped or with error object. The recorder is destroyed after calling stop and should no longer be used. | function | No       | All      | Yes               |
+| destroy | Destroy the recorder. Should only be used if a recorder was constructed, and for some reason is now unwanted.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
+
+### 状态 state - Number (read only)
+
+
+```json
+var MediaStates = {
+  DESTROYED: -2,
+  ERROR: -1,
+  IDLE: 0,
+  PREPARING: 1,
+  PREPARED: 2,
+  SEEKING: 3,
+  PLAYING: 4,   // only for Player
+  RECORDING: 4, // only for Recorder
+  PAUSED: 5
+};
+```
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit/tree/master?tab=MIT-1-ov-file#readme) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->

From 7ecabb37a84d380d56139def251b031b13515438 Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Wed, 31 Jul 2024 11:57:03 +0000
Subject: [PATCH 315/966] =?UTF-8?q?!1197=20docs:=20[#IACJTN]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9@react-native-community/blur=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IACJTN]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?@react-native-community/blur=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-blur.md | 152 +++++++++++++++------------
 1 file changed, 85 insertions(+), 67 deletions(-)

diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index fbc8b1f8..617df5b9 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/blur</code> </h1>
@@ -8,16 +8,16 @@
     <a href="https://github.com/Kureev/react-native-blur">
         <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-blur/blob/sig/LICENSE">
+    <a href="https://github.com/Kureev/react-native-blur/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-blur)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blur)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -41,7 +41,6 @@ yarn add @react-native-oh-tpl/blur@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-> [!WARNING] 使用时 import 的库名不变。
 
 ```js
 import React, { useState} from 'react';
@@ -61,7 +60,7 @@ import {
   BlurViewProps,
 } from '@react-native-community/blur';
 
-const Blurs = () => {
+export const Blurs = () => {
   const [blurBlurType, setBlurBlurType] = useState<BlurViewProps['blurType']>('dark');
   const [blurAmount, setBlurAmount] = useState<number>(100);
   useState<BlurViewProps['blurType']>('dark');
@@ -119,10 +118,12 @@ const Blurs = () => {
 };
 
 export default const BlurDemo = () => {
-  const [showBlurs, setShowBlurs] = React.useState(true);
+  const [showBlurs, setShowBlurs] = React.useState(false);
   return (
     <View style={styles.container}>
+    //'../assets/bgimage.jpeg' 此路径的图片为本地图片，在使用demo时将此图片的路径换为自己本地图片路径
       <Image
+      
         source={require('../assets/bgimage.jpeg')}
         resizeMode="cover"
         style={styles.img}
@@ -205,6 +206,17 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```js
+ {
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -222,7 +234,7 @@ const styles = StyleSheet.create({
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-blur": "file:../../node_modules/@react-native-oh-tpl/blur/harmony/blur.har"
+    "@react-native-oh-tpl/blur": "file:../../node_modules/@react-native-oh-tpl/blur/harmony/blur.har"
   }
 ```
 
@@ -247,14 +259,14 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: add_package_subdirectories
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-blur/src/main/cpp" ./blur)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/blur/src/main/cpp" ./blur)
 # RNOH_END: add_package_subdirectories
 
 add_library(rnoh_app SHARED
@@ -272,6 +284,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
+
 ```diff
 #include "RNOH/PackageProvider.h"
 #include "SamplePackage.h"
@@ -289,31 +302,39 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ### 在 ArkTs 侧引入 BlurView 组件
 
-打开 `entry/src/main/ets/pages/index.ets`，添加：
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
-````diff
-  ...
-+ import {  BlurView, BLUR_TYPE } from "rnoh-blur"
+
+```diff
++ import {  BlurView, BLUR_TYPE } from "@react-native-oh-tpl/blur"
 
 @Builder
-function CustomComponentBuilder(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnohContext,
-      tag: ctx.tag,
-      buildCustomComponent: CustomComponentBuilder
-    })
-  }
-+ else if (ctx.componentName === BLUR_TYPE) {
+function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+ ...
++  if (ctx.componentName === BLUR_TYPE) {
 +   BlurView({
 +     ctx: ctx.rnohContext,
 +     tag: ctx.tag,
-+     buildCustomComponent: CustomComponentBuilder
 +   })
 + }
  ...
 }
-...
+```
+
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+>[!TIP] 本库使用了混合方案，需要添加组件名。
+
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ BLUR_TYPE
+  ];
+```
 
 ### 运行
 
@@ -330,72 +351,69 @@ ohpm install
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl Releases](https://github.com/react-native-oh-library/react-native-blur/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                                | Description                                                                               | Type      | Required | Platform     | HarmonyOS Support |
-| ----------------------------------- | ----------------------------------------------------------------------------------------- | --------- | -------- | ------------ | ----------------- |
-| `blurType`                          | blur type                                                                                 | enum      | yes      | All          | yes               |
-| `blurAmount?`                       | 0 - 100 (The maximum blurAmount on Android is 32, so higher values will be clamped to 32) | number    | No       | All          | yes               |
-| `reducedTransparencyFallbackColor?` | Reduce transparency fallback color                                                        | Any color | No       | iOS only     | no                |
-| `blurRadius?`                       | Matches iOS blurAmount                                                                    | number    | No       | Android only | no                |
-| `downsampleFactor?`                 | Matches iOS blurAmount                                                                    | number    | No       | Android only | no                |
-| `overlayColor?`                     | Default color based on iOS blurType                                                       | Any color | No       | Android only | no                |
+| Name                                | Description                                                                               | Type      | Required | Platform | HarmonyOS Support |
+| ----------------------------------- | ----------------------------------------------------------------------------------------- | --------- |----------| ------- | ----------------- |
+| `blurType`                          | blur type                                                                                 | enum      | yes      | iOS,Android     | yes               |
+| `blurAmount?`                       | 0 - 100 (The maximum blurAmount on Android is 32, so higher values will be clamped to 32) | number    | no       | iOS,Android     | yes               |
+| `reducedTransparencyFallbackColor?` | Reduce transparency fallback color                                                        | Any color | no       | iOS     | no                |
+| `blurRadius?`                       | Matches iOS blurAmount                                                                    | number    | no       | Android | no                |
+| `downsampleFactor?`                 | Matches iOS blurAmount                                                                    | number    | no       | Android | no                |
+| `overlayColor?`                     | Default color based on iOS blurType                                                       | Any color | no       | Android | no                |
 
 #### blurType
 
-> [!tip] "Platform"列表示该组件在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
 | Name                     | Description                                                                                            | Platform              | HarmonyOS Support |
-| ------------------------ | ------------------------------------------------------------------------------------------------------ | --------------------- | ----------------- |
-| `xlight`                 | extra light blur type                                                                                  | All                   | no                |
-| `light`                  | light blur type                                                                                        | All                   | yes               |
-| `dark`                   | dark blur type                                                                                         | All                   | yes               |
-| `extraDark`              | extra dark blur type (tvOS only)                                                                       | tvOS only             | no                |
-| `regular`                | regular blur type (iOS 10+ and tvOS only)                                                              | iOS 10+ and tvOS only | yes               |
-| `prominent`              | prominent blur type (iOS 10+ and tvOS only)                                                            | iOS 10+ and tvOS only | no                |
-| `chromeMaterial`         | An adaptable blur effect that creates the appearance of a material with normal thickness               | iOS 13 only           | no                |
-| `material`               | An adaptable blur effect that creates the appearance of a material with normal thickness               | iOS 13 only           | no                |
-| `thickMaterial`          | An adaptable blur effect that creates the appearance of a material that is thicker than normal         | iOS 13 only           | no                |
-| `thinMaterial`           | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | no                |
-| `ultraThinMaterial`      | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | no                |
-| `chromeMaterialDark`     | A blur effect that creates the appearance of an ultra-thin material and is always dark                 | iOS 13 only           | no                |
-| `materialDark`           | A blur effect that creates the appearance of a thin material and is always dark                        | iOS 13 only           | no                |
+| ------------------------ | ------------------------------------------------------------------------------------------------------ |-----------------------| ----------------- |
+| `xlight`                 | extra light blur type                                                                                  | iOS,Android                   | yes                |
+| `light`                  | light blur type                                                                                        | iOS,Android                   | yes               |
+| `dark`                   | dark blur type                                                                                         | iOS,Android                   | yes               |
+| `extraDark`              | extra dark blur type (tvOS only)                                                                       | iOS                   | yes                |
+| `regular`                | regular blur type (iOS 10+ and tvOS only)                                                              | iOS  | yes               |
+| `prominent`              | prominent blur type (iOS 10+ and tvOS only)                                                            | iOS  | yes                |
+| `chromeMaterial`         | An adaptable blur effect that creates the appearance of a material with normal thickness               | iOS 13 only           | yes                |
+| `material`               | An adaptable blur effect that creates the appearance of a material with normal thickness               | iOS 13 only           | yes                |
+| `thickMaterial`          | An adaptable blur effect that creates the appearance of a material that is thicker than normal         | iOS 13 only           | yes                |
+| `thinMaterial`           | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | yes                |
+| `ultraThinMaterial`      | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | yes                |
+| `chromeMaterialDark`     | A blur effect that creates the appearance of an ultra-thin material and is always dark                 | iOS 13 only           | yes                |
+| `materialDark`           | A blur effect that creates the appearance of a thin material and is always dark                        | iOS 13 only           | yes                |
 | `thickMaterialDark`      | A blur effect that creates the appearance of a material with normal thickness and is always dark       | iOS 13 only           | yes               |
 | `thinMaterialDark`       | A blur effect that creates the appearance of a material that is thicker than normal and is always dark | iOS 13 only           | yes               |
-| `ultraThinMaterialDark`  | A blur effect that creates the appearance of the system chrome and is always dark                      | i iOS 13 only         | no                |
-| `chromeMaterialLight`    | An adaptable blur effect that creates the appearance of the system chrome                              | iOS 13 only           | no                |
-| `materialLight`          | An adaptable blur effect that creates the appearance of a material with normal thickness               | iOS 13 only           | no                |
+| `ultraThinMaterialDark`  | A blur effect that creates the appearance of the system chrome and is always dark                      | iOS 13 only           | yes                |
+| `chromeMaterialLight`    | An adaptable blur effect that creates the appearance of the system chrome                              | iOS 13 only           | yes                |
+| `materialLight`          | An adaptable blur effect that creates the appearance of a material with normal thickness               | iOS 13 only           | yes                |
 | `thickMaterialLight`     | An adaptable blur effect that creates the appearance of a thin material                                | iOS 13 only           | yes               |
 | `thinMaterialLight`      | An adaptable blur effect that creates the appearance of a thin material                                | iOS 13 only           | yes               |
-| `ultraThinMaterialLight` | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | no                |
+| `ultraThinMaterialLight` | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | yes                |
 
-## 组件
+## API
 
-> [!tip] "Platform"列表示该组件在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该组件在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name           | Description                                                                                | Type      | Platform | HarmonyOS Support |
-| -------------- | ------------------------------------------------------------------------------------------ | --------- | -------- | ----------------- |
-| `BlurView`     | Preload images to display later. e.g.                                                      | component | All      | yes               |
-| `VibrancyView` | The vibrancy effect lets the content underneath a blurred view show through more vibrantly | component | IOS      | no                |
+| -------------- | ------------------------------------------------------------------------------------------ | --------- |----------| ----------------- |
+| `BlurView`     | Preload images to display later. e.g.                                                      | component | iOS,Android      | yes               |
+| `VibrancyView` | The vibrancy effect lets the content underneath a blurred view show through more vibrantly | component | iOS      | no                |
 
 ## 遗留问题
 
-- [x] blurTypes 设置为 ios/android 平台定义枚举值，闪退[issue#755](https://gl.swmansion.com/rnoh/react-native-harmony/-/issues/755)
-- [ ] harmony 暂不支持 VibrancyView 组件
+- [ ] @react-native-community/blur的 VibrancyView组件未实现HarmonyOS化 [issue#7](https://github.com/react-native-oh-library/react-native-blur/issues/7)
+- [ ] @react-native-community/blur的reducedTransparencyFallbackColor属性未实现 HarmonyOS化[issue#8](https://github.com/react-native-oh-library/react-native-blur/issues/8)
+
 
 ## 其他
 

From 286b47cc658a872ea8d75957ac0df73f484c2ec9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=98=89=E8=AF=9A?= <linjiacheng1@huawei.com>
Date: Thu, 1 Aug 2024 01:28:29 +0000
Subject: [PATCH 316/966] =?UTF-8?q?!1247=20docs:=20[Issue:=20#IAGMRI]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20PR=20=E6=A8=A1=E6=9D=BF=20*=20docs:=20[Iss?=
 =?UTF-8?q?ue:=20#IAGMRI]=20=E6=96=B0=E5=A2=9E=20PR=20=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitee/PULL_REQUEST_TEMPLATE.en.md    | 39 +++++++++++++++++++++++++++
 .gitee/PULL_REQUEST_TEMPLATE.zh-CN.md | 39 +++++++++++++++++++++++++++
 2 files changed, 78 insertions(+)
 create mode 100644 .gitee/PULL_REQUEST_TEMPLATE.en.md
 create mode 100644 .gitee/PULL_REQUEST_TEMPLATE.zh-CN.md

diff --git a/.gitee/PULL_REQUEST_TEMPLATE.en.md b/.gitee/PULL_REQUEST_TEMPLATE.en.md
new file mode 100644
index 00000000..629fd4e6
--- /dev/null
+++ b/.gitee/PULL_REQUEST_TEMPLATE.en.md
@@ -0,0 +1,39 @@
+<!-- Thanks for submitting a pull request! We appreciate you spending the time to work on these changes. Please follow the template so that the reviewers can easily understand what the code changes affect -->
+
+# Summary
+
+Explain the **motivation** for making this change: here are some points to help you:
+
+- What issues does the pull request solve? Please tag them so that they will get automatically closed once the PR is merged
+- What is the feature? (if applicable)
+- How did you implement the solution?
+- What areas of the library does it impact?
+
+## Checklist
+
+<!-- 检查项, 请自行排查并打钩, 通过: [X] -->
+
+- [ ] 是否按[最新模板](../zh-cn/model.md)修改；
+- [ ] 是否修改模板号，当前最新版本为 v0.2.2；
+- [ ] 是否填写 github 地址，位于模板版本下面:[!tip] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址；
+- [ ] 无修改的库是否指定版本，直接可复用社区代码，不涉及各类平台判断（platfrom、文件平台后缀等）的库，npm install & yarn add 需要指定验证的版本；
+- [ ] 是否列全所有暴露属性和接口（含不支持的）；
+- [ ] Link 路径是否配套；
+- [ ] ArkTS 引入是否配套版本；
+- [ ] 是否添加权限限制（如有）；
+- [ ] 属性章节是否添加平台说明；
+- [ ] 属性章节是否使用英文头；
+- [ ] 属性章节 Description 是否补充平台描述；
+- [ ] 兼容性章节是否区别了“发 release”和“未发 release”；
+- [ ] 遗留问题是否有 issue 跟踪；
+- [ ] 开源协议是否和原库原库一致（LICENSE）；
+- [ ] 有引入原生端代码和依赖是否和 npm 的包名一致；
+- [ ] API、静态方法、属性的表格是否按照模板的格式；
+- [ ] 不支持属性是否有做问题遗留；
+- [ ] 文档是否使用了 prettier 格式化；
+- [ ] release 超链接的载体是否为完整库名 + Release;
+- [ ] 兼容性模块 RNOH 的版本 0.72.20 以后的版本不需要加 CAPI；
+- [ ] 使用 codegen 和直接链接源码的文档链接是否是相对路径；
+- [ ] 文档里面的 demo 是否没有代码代码错误，直接可跑通；
+- [ ] 文档名字是否以 npm 包名为准；
+- [ ] fabric 库是否有 “在 ArkTS 侧引入 xxx 组件”；
diff --git a/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md b/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
new file mode 100644
index 00000000..3a60d1cb
--- /dev/null
+++ b/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
@@ -0,0 +1,39 @@
+<!-- 感谢您提交PR！请按照模板填写，以便审阅者可以轻松理解和评估代码变更的影响。Thanks for submitting a pull request! We appreciate you spending the time to work on these changes. Please follow the template so that the reviewers can easily understand what the code changes affect -->
+
+# Summary
+
+请解释此次更改的 **动机**，以下是一些帮助您的要点：
+
+- 这个 PR 解决了哪些 issues？请标记这些 issues，以便合并 PR 后这些 issues 将会被自动关闭。
+- 这个功能是什么？（如果适用）
+- 您是如何实现解决方案的？
+- 这个更改影响了库的哪些部分？
+
+## Checklist
+
+<!-- 检查项, 请自行排查并打钩, 通过: [X] -->
+
+- [ ] 是否按[最新模板](../zh-cn/model.md)修改；
+- [ ] 是否修改模板号，当前最新版本为 v0.2.2；
+- [ ] 是否填写 github 地址，位于模板版本下面:[!tip] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址；
+- [ ] 无修改的库是否指定版本，直接可复用社区代码，不涉及各类平台判断（platfrom、文件平台后缀等）的库，npm install & yarn add 需要指定验证的版本；
+- [ ] 是否列全所有暴露属性和接口（含不支持的）；
+- [ ] Link 路径是否配套；
+- [ ] ArkTS 引入是否配套版本；
+- [ ] 是否添加权限限制（如有）；
+- [ ] 属性章节是否添加平台说明；
+- [ ] 属性章节是否使用英文头；
+- [ ] 属性章节 Description 是否补充平台描述；
+- [ ] 兼容性章节是否区别了“发 release”和“未发 release”；
+- [ ] 遗留问题是否有 issue 跟踪；
+- [ ] 开源协议是否和原库原库一致（LICENSE）；
+- [ ] 有引入原生端代码和依赖是否和 npm 的包名一致；
+- [ ] API、静态方法、属性的表格是否按照模板的格式；
+- [ ] 不支持属性是否有做问题遗留；
+- [ ] 文档是否使用了 prettier 格式化；
+- [ ] release 超链接的载体是否为完整库名 + Release;
+- [ ] 兼容性模块 RNOH 的版本 0.72.20 以后的版本不需要加 CAPI；
+- [ ] 使用 codegen 和直接链接源码的文档链接是否是相对路径；
+- [ ] 文档里面的 demo 是否没有代码代码错误，直接可跑通；
+- [ ] 文档名字是否以 npm 包名为准；
+- [ ] fabric 库是否有 “在 ArkTS 侧引入 xxx 组件”；

From 4f69eba1b215ae4012dd6f04c1bcd7f58c7c404f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Thu, 1 Aug 2024 04:22:57 +0000
Subject: [PATCH 317/966] =?UTF-8?q?!1258=20docs:=20[issue:#IAH0Y3:=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-blob-util-nocodegen=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3]=20*=20docs:=20[issue:#IAH0Y3:docs?=
 =?UTF-8?q?=EF=BC=9A=E6=96=B0=E5=A2=9Ereact-native-blob-util=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...-util\357\274\210nocodegen\357\274\211.md" | 654 ++++++++++++++++++
 1 file changed, 654 insertions(+)
 create mode 100644 "zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"

diff --git "a/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md" "b/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
new file mode 100644
index 00000000..9c7cc1f6
--- /dev/null
+++ "b/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
@@ -0,0 +1,654 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-blob-util</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/RonRadtke/react-native-blob-util">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blob-util)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-blob-util@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-blob-util@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import {
+  ScrollView,
+  StyleSheet,
+  Button,
+  View,
+  Text,
+  NativeEventEmitter,
+} from "react-native";
+import ReactNativeBlobUtil from "react-native-blob-util";
+
+export default function BlobUtilDemo() {
+  const [result, setResult] = (useState < string) | (null > null);
+  const [mkdirParam, setMkdirParam] = useState("");
+
+  const createFile = async () => {
+    await ReactNativeBlobUtil.fs.createFile(
+      result + "/text.txt",
+      "123456",
+      "utf8"
+    );
+  };
+
+  const ls = async () => {
+    await ReactNativeBlobUtil.fs.ls(ReactNativeBlobUtil.fs.dirs.CacheDir);
+  };
+
+  const createFileASCII = async () => {
+    await ReactNativeBlobUtil.fs.createFile(
+      result + "/text.txt",
+      [102, 111, 111],
+      "ascii"
+    );
+  };
+
+  const unlink = () => {
+    ReactNativeBlobUtil.fs.unlink(result + "/text.txt");
+  };
+
+  const getConstants = () => {
+    let obj = ReactNativeBlobUtil.fs.dirs.CacheDir;
+    setResult(obj);
+  };
+
+  const writeFile = () => {
+    ReactNativeBlobUtil.fs.writeFile(
+      result + "/text.txt",
+      "Try to write str",
+      "utf8"
+    );
+  };
+
+  const writeStream = () => {
+    ReactNativeBlobUtil.fs.writeStream(result + "/text.txt", "utf8", false);
+  };
+
+  const writeArrayChunk = () => {
+    ReactNativeBlobUtil.fs
+      .writeStream(result + "/text.txt", "ascii", false)
+      .then((reactNativeBlobUtilWriteStream) => {
+        reactNativeBlobUtilWriteStream.encoding = "ascii";
+        reactNativeBlobUtilWriteStream.write(["101", "32", "97"]);
+      });
+  };
+
+  const writeChunk = () => {
+    ReactNativeBlobUtil.fs
+      .writeStream(result + "/text.txt", "utf8", false)
+      .then((reactNativeBlobUtilWriteStream) => {
+        reactNativeBlobUtilWriteStream.write("Zm9vIChXcml0ZSBCYXNlNjQpMQ==");
+      });
+  };
+
+  const closeStream = () => {
+    ReactNativeBlobUtil.fs
+      .writeStream(result + "/text.txt", "utf8", false)
+      .then((reactNativeBlobUtilWriteStream) => {
+        setTimeout(() => {
+          reactNativeBlobUtilWriteStream.close();
+        }, 1000);
+      });
+  };
+  const readStream = () => {
+    ReactNativeBlobUtil.fs.readStream(result + "/text.txt", "utf8", 4000, 200);
+  };
+
+  const mkdir = () => {
+    ReactNativeBlobUtil.fs.mkdir(
+      ReactNativeBlobUtil.fs.dirs.DocumentDir + "/" + mkdirParam
+    );
+  };
+
+  const stat = () => {
+    ReactNativeBlobUtil.fs.stat(result + "/text.txt");
+  };
+
+  const copyFileToCache = () => {
+    ReactNativeBlobUtil.fs.cp(result + "/text.txt", result + "/text1.txt");
+  };
+
+  const writeFileArray = () => {
+    ReactNativeBlobUtil.fs.writeFile(
+      result + "/text.txt",
+      [102, 111, 111],
+      "ascii"
+    );
+  };
+
+  const exists = () => {
+    ReactNativeBlobUtil.fs.exists(result + "/text.txt");
+  };
+
+  const lstat = () => {
+    ReactNativeBlobUtil.fs.lstat(result + "/text.txt");
+  };
+
+  const mv = () => {
+    ReactNativeBlobUtil.fs.mv(result + "/text.txt", result + "/text1.txt");
+  };
+
+  const hash = () => {
+    ReactNativeBlobUtil.fs.hash(result + "/text.txt", "md5");
+  };
+
+  const readFile = () => {
+    ReactNativeBlobUtil.fs.readFile(result + "/text.txt", "utf8", 4000);
+  };
+
+  const slice = () => {
+    ReactNativeBlobUtil.fs.slice(
+      result + "/text.txt",
+      result + "/text1.txt",
+      2,
+      5
+    );
+  };
+
+  const df = () => {
+    ReactNativeBlobUtil.fs.df();
+  };
+
+  const addListener = () => {
+    let obj = "addListener是空实现";
+    setResult(obj);
+  };
+
+  const removeListeners = () => {
+    let obj = "removeListeners是空实现";
+    setResult(obj);
+  };
+
+  const emitExpiredEvent = () => {
+    let obj = "emitExpiredEvent是空实现,三方库没有调用";
+    setResult(obj);
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.titleArea}>
+        <Text style={styles.title}>BlobUtil</Text>
+      </View>
+      <View style={styles.inputArea}>
+        <Text style={styles.baseText}>{result}</Text>
+      </View>
+      <ScrollView style={styles.scrollView}>
+        <View style={{ flexDirection: "column" }}>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.getConstants()</Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={getConstants}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.createFile()</Text>
+            <Button title="运行" color="#841584" onPress={createFile}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.unlink()</Text>
+            <Button title="运行" color="#841584" onPress={unlink}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.copyFileToCache()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={copyFileToCache}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.writeFile()</Text>
+            <Button title="运行" color="#841584" onPress={writeFile}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.stat()</Text>
+            <Button title="运行" color="#841584" onPress={stat}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.mkdir()</Text>
+            <Button title="运行" color="#841584" onPress={mkdir}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.writeStream()</Text>
+            <Button title="运行" color="#841584" onPress={writeStream}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.ls()</Text>
+            <Button title="运行" color="#841584" onPress={ls}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.createFileASCII()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={createFileASCII}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.writeFileArray()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={writeFileArray}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.exists()</Text>
+            <Button title="运行" color="#841584" onPress={exists}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.lstat()</Text>
+            <Button title="运行" color="#841584" onPress={lstat}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.hash()</Text>
+            <Button title="运行" color="#841584" onPress={hash}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.readFile()</Text>
+            <Button title="运行" color="#841584" onPress={readFile}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.slice()</Text>
+            <Button title="运行" color="#841584" onPress={slice}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.df()</Text>
+            <Button title="运行" color="#841584" onPress={df}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.closeStream()</Text>
+            <Button title="运行" color="#841584" onPress={closeStream}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.writeArrayChunk()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={writeArrayChunk}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.writeChunk()</Text>
+            <Button title="运行" color="#841584" onPress={writeChunk}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.readStream()</Text>
+            <Button title="运行" color="#841584" onPress={readStream}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.mv()</Text>
+            <Button title="运行" color="#841584" onPress={mv}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>addListener()</Text>
+            <Button title="运行" color="#841584" onPress={addListener}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>removeListeners()</Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={removeListeners}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>emitExpiredEvent()</Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={emitExpiredEvent}
+            ></Button>
+          </View>
+        </View>
+      </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    height: "100%",
+    flexDirection: "column",
+    alignItems: "center",
+    backgroundColor: "#F1F3F5",
+  },
+  baseText: {
+    width: "100%",
+    height: "100%",
+    fontWeight: "bold",
+    textAlign: "center",
+    fontSize: 16,
+    ellipsizeMode: "tail",
+    numberOfLines: 2,
+  },
+  titleArea: {
+    width: "90%",
+    height: "8%",
+    alignItems: "center",
+    flexDirection: "row",
+  },
+  title: {
+    width: "90%",
+    color: "#000000",
+    textAlign: "left",
+    fontSize: 30,
+  },
+  scrollView: {
+    width: "90%",
+    marginHorizontal: 10,
+  },
+
+  inputArea: {
+    width: "90%",
+    height: "10%",
+    borderWidth: 2,
+    borderColor: "#000000",
+    marginTop: 8,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  baseArea: {
+    width: "100%",
+    height: 60,
+    borderRadius: 4,
+    borderColor: "#000000",
+    marginTop: 6,
+    backgroundColor: "#FFFFFF",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8,
+    paddingRight: 8,
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+     "@react-native-oh-tpl/react-native-blob-util": "file:../../node_modules/@react-native-oh-tpl/react-native-blob-util/harmony/blobUtil.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 配置 CMakeLists 和引入 BlobUtilPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: rnoh_blob_util
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-blob-util/src/main/cpp" ./blob-util)
+# RNOH_END: rnoh_blob_util
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: rnoh_blob_util
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_blob_util)
+# RNOH_END: rnoh_blob_util
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "BlobUtilPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<BlobUtilPackage>(ctx),
+    };
+}
+```
+
+### 在 ArkTs 侧引入 BlobUtilPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {BlobUtilPackage} from '@react-native-oh-tpl/react-native-blob-util/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new BlobUtilPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### Android API
+
+##### ReactNativeBlobUtil.android
+
+|        Name         | Description  | Required | Platform | HarmonyOS Support |
+| :-----------------: | :----------: | :------: | :------: | :---------------: |
+|  actionViewIntent   | 动作视图意图 |    No    | Android  |        No         |
+|  getContentIntent   | 获取内容意图 |    No    | Android  |        No         |
+| addCompleteDownload | 添加完整下载 |    No    | Android  |        No         |
+
+#### File System Access API
+
+##### ReactNativeBlobUtil.fs
+
+|    Name     |            Description             | Required |  Platform   | HarmonyOS Support |
+| :---------: | :--------------------------------: | :------: | :---------: | :---------------: |
+|    dirs     |                目录                |    NO    | iOS/Android |        Yes        |
+| createFile  |              创建文件              |    NO    | iOS/Android |        Yes        |
+|  writeFile  |               写文件               |    NO    | iOS/Android |        Yes        |
+| writeStream |                写流                |    NO    | iOS/Android |        Yes        |
+| appendFile  |              追加文件              |    NO    | iOS/Android |        Yes        |
+|  readFile   |              读取文件              |    NO    | iOS/Android |        Yes        |
+|    hash     |                哈希                |    NO    | iOS/Android |        Yes        |
+| readStream  |                读流                |    NO    | iOS/Android |        Yes        |
+|    mkdir    |              创建目录              |    NO    | iOS/Android |        Yes        |
+|     ls      |        查看当下的文件和目录        |    NO    | iOS/Android |        Yes        |
+|     mv      |            移动文件位置            |    NO    | iOS/Android |        Yes        |
+|     cp      |              复制文件              |    NO    | iOS/Android |        Yes        |
+|   exists    |          检查文件是否存在          |    NO    | iOS/Android |        Yes        |
+|    isDir    |             是否是目录             |    NO    | iOS/Android |        Yes        |
+|   unlink    |              删除文件              |    NO    | iOS/Android |        Yes        |
+|    lstat    |      获取目录下文件的统计数据      |    NO    | iOS/Android |        Yes        |
+|    stat     |   类似地获取数据或目录的统计信息   |    NO    | iOS/Android |        Yes        |
+|  scanFile   |              扫描文件              |    NO    |   Android   |        No         |
+|    asset    |                资产                |    NO    | iOS/Android |        Yes        |
+|     df      | 获取设备的可用磁盘空间和总磁盘空间 |    NO    | iOS/Android |        Yes        |
+
+#### iOS API
+
+#### ReactNativeBlobUtil.ios
+
+| Name            | Description                            | Required | Platform | HarmonyOS Support |
+| --------------- | -------------------------------------- | -------- | -------- | ----------------- |
+| previewDocument | 文档查看器--需要系统权限               | No       | iOS      | No                |
+| openDocument    | 显示与文件交互的选项菜单--需要系统权限 | No       | iOS      | No                |
+
+#### Network Utils
+
+##### ReactNativeBlobUtil.net
+
+| Name          | Description | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------- | -------- | ----------- | ----------------- |
+| getCookies    | 获取 cookie | No       | iOS/Android | No                |
+| removeCookies | 删除 cookie | No       | iOS/Android | No                |
+
+#### Session API
+
+##### ReactNativeBlobUtil.session
+
+| Name    | Description | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | -------- | ----------- | ----------------- |
+| session | 会话        | No       | iOS/Android | No                |
+
+#### MediaStore(Android Media Storage)
+
+##### ReactNativeBlobUtil.MediaCollection
+
+| Name             | Description    | Required | Platform | HarmonyOS Support |
+| ---------------- | -------------- | -------- | -------- | ----------------- |
+| CopyToMediaStore | 复制到媒体存储 | No       | Android  | No                |
+| createMediaFile  | 创建媒体文件   | No       | Android  | No                |
+| writeMediaFile   | 写媒体文件     | No       | Android  | No                |
+| copyToInternal   | 复制到内部     | No       | Android  | No                |
+
+#### Utils API
+
+| Name   | Description | Required | Platform    | HarmonyOS Support |
+| ------ | ----------- | -------- | ----------- | ----------------- |
+| wrap   |             | No       | iOS/Android | No                |
+| base64 |             | No       | iOS/Android | No                |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE) ，请自由地享受和参与开源。
+

From 801ac8535eae3b1d83dbc8b686e2cea55b79791c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=82=89=E5=A4=B4=E5=90=9B?=
 <chenbaodi1@h-partners.com>
Date: Thu, 1 Aug 2024 07:04:43 +0000
Subject: [PATCH 318/966] =?UTF-8?q?!1260=20docs:=20[Issues:=20#IAH59C]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-baidu-map=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAH59C]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-baidu-map=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-baidu-map.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index 14e949b4..f436dc9f 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -478,7 +478,7 @@ ohpm install
 | title        | 如果没有 InfoWindow，将会根据 title 生成 InfoWindow | String   | no       | All      | no                |
 | titleOffsetY | title 作为 InfoWindow 展示的 y 轴偏移量 | Number   | no       | Android  | no                |
 | location     | 标记的经纬度坐标位置                               | Object   | yes      | All      | yes               |
-| perspective  | 是否启用标记的透视效果                   | Boolean  | no       | Android  | yes               |
+| perspective  | 远大近小的效果                   | Boolean  | no       | Android  | no               |
 | flat         | 是否使标记扁平化                     | Boolean  | no       | Android  | yes               |
 | rotate       | 旋转角度                         | Number   | no       | Android  | yes               |
 | icon         | icon图片，同  的 source 属性                    | Object   | no       | All      | yes               |
@@ -595,7 +595,7 @@ ohpm install
 - [ ] Cluster 覆盖物未实现 [#18](https://github.com/react-native-oh-library/react-native-baidu-map/issues/18)
 - [ ] MarkerIcon 覆盖物未实现 [#19](https://github.com/react-native-oh-library/react-native-baidu-map/issues/19)
 - [ ] MapView部分事件未实现 [#20](https://github.com/react-native-oh-library/react-native-baidu-map/issues/20)
-- [ ] marker的title、pincolor属性未实现 [#21](https://github.com/react-native-oh-library/react-native-baidu-map/issues/21)
+- [ ] marker的title、pincolor、perspective属性未实现 [#21](https://github.com/react-native-oh-library/react-native-baidu-map/issues/21)
 - [ ] Geolocation 静态类功能未实现  [#22](https://github.com/react-native-oh-library/react-native-baidu-map/issues/22)
 - [ ] GetDistance静态类功能未实现 [#23](https://github.com/react-native-oh-library/react-native-baidu-map/issues/23)
 - [ ] Polyline的stroke属性未实现 [#21](https://github.com/react-native-oh-library/react-native-baidu-map/issues/29)

From 2c52df2e26f54c990e4267a1128e5b3e7a177c44 Mon Sep 17 00:00:00 2001
From: xiaohaoyu <xiaohaoyu1@h-partners.com>
Date: Thu, 1 Aug 2024 07:30:14 +0000
Subject: [PATCH 319/966] =?UTF-8?q?!1144=20docs:=20[#IAEA5X]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=92=8C=E4=BF=AE=E6=94=B9react-navigation=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAEA5X]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=92=8C=E4=BF=AE=E6=94=B9react-navigation?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 img/react-navigation-dependency.png           | Bin 0 -> 160599 bytes
 zh-cn/flipper-plugin-react-navigation.md      |  63 ++++++
 zh-cn/react-navigation-bottom-tabs.md         | 149 ++++++++++---
 zh-cn/react-navigation-core.md                | 136 ++++++++++++
 zh-cn/react-navigation-devtools.md            |  84 ++++++++
 zh-cn/react-navigation-drawer.md              | 201 ++++++++++++++++++
 zh-cn/react-navigation-elements.md            | 194 +++++++++--------
 .../react-navigation-material-bottom-tabs.md  | 145 +++++++++++++
 zh-cn/react-navigation-material-top-tabs.md   | 170 +++++++++++++++
 zh-cn/react-navigation-native-stack.md        | 124 +++++++----
 zh-cn/react-navigation-native.md              |  93 ++++++--
 zh-cn/react-navigation-routers.md             | 137 ++++++++++++
 zh-cn/react-navigation-stack.md               | 159 +++++++++++---
 zh-cn/react-navigation.md                     |  54 +++--
 14 files changed, 1462 insertions(+), 247 deletions(-)
 create mode 100644 img/react-navigation-dependency.png
 create mode 100644 zh-cn/flipper-plugin-react-navigation.md
 create mode 100644 zh-cn/react-navigation-core.md
 create mode 100644 zh-cn/react-navigation-devtools.md
 create mode 100644 zh-cn/react-navigation-drawer.md
 create mode 100644 zh-cn/react-navigation-material-bottom-tabs.md
 create mode 100644 zh-cn/react-navigation-material-top-tabs.md
 create mode 100644 zh-cn/react-navigation-routers.md

diff --git a/img/react-navigation-dependency.png b/img/react-navigation-dependency.png
new file mode 100644
index 0000000000000000000000000000000000000000..32882c3c369bc472f88bab48e5d1e5259cd21b62
GIT binary patch
literal 160599
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%0AHT-1psmT3&TK_Ya`=rDpEMX!B-b`cou#Dei^{n
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%0AZ<Uspt3T$RfF
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%0DA?REM
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
Iq>O_84<cyk_5c6?

literal 0
HcmV?d00001

diff --git a/zh-cn/flipper-plugin-react-navigation.md b/zh-cn/flipper-plugin-react-navigation.md
new file mode 100644
index 00000000..5a296f7a
--- /dev/null
+++ b/zh-cn/flipper-plugin-react-navigation.md
@@ -0,0 +1,63 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>flipper-plugin-react-navigation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/flipper-plugin-react-navigation/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install flipper-plugin-react-navigation@1.3.32
+```
+
+#### **yarn**
+
+```bash
+yarn add flipper-plugin-react-navigation@1.3.32
+```
+
+
+下面的代码展示了这个库的基本使用场景，更多详情请参考[使用教程](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation)：
+
+编辑 `~/.flipper/config.json` (当 flipper 处于关闭状态)
+```js
+{
+  "pluginPaths": ["/path/to/react-navigation/packages"]
+}
+```
+然后在 `flipper-plugin-react-navigation` 里运行 `yarn watch`
+
+
+## 约束与限制
+此库是flipper插件库，需配合flipper App使用。使用方法请参考[使用教程](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation)
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/flipper-plugin-react-navigation/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-navigation-bottom-tabs.md b/zh-cn/react-navigation-bottom-tabs.md
index 59dfa9a8..32c9511f 100644
--- a/zh-cn/react-navigation-bottom-tabs.md
+++ b/zh-cn/react-navigation-bottom-tabs.md
@@ -1,75 +1,160 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-navigation/bottom-tabs</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/bottom-tabs/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)
+
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
 
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-navigation/bottom-tabs@6.5.11
+npm install @react-navigation/bottom-tabs@6.5.20
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-navigation/bottom-tabs@6.5.11
+yarn add @react-navigation/bottom-tabs@6.5.20
 ```
 
 <!-- tabs:end -->
 
-## 兼容性
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Text, View } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+
+function HomeScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home!</Text>
+        </View>
+    );
+}
+
+function SettingsScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Settings!</Text>
+        </View>
+    );
+}
+
+const Tab = createBottomTabNavigator();
+
+export function NavigationBottomTabs() {
+    return (
+        <NavigationContainer>
+            <Tab.Navigator>
+                <Tab.Screen name="Home" component={HomeScreen} />
+                <Tab.Screen name="Settings" component={SettingsScreen} />
+            </Tab.Navigator>
+        </NavigationContainer>
+    );
+}
+```
 
-本文档内容基于以下版本验证通过：
+## Link
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/elements](/zh-cn/react-navigation-elements.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
 
-## 方法
+本库 HarmonyOS 侧实现依赖@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-| Name                       | Description          | Type     | Required | Platform | HarmonyOS Support |
-| -------------------------- | -------------------- | -------- | -------- | -------- | ----------------- |
-| `createBottomTabNavigator` | 创建 BottomTabs 组件 | function | no       | All      | yes               |
+如未引入请参照[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
 
-## 属性
 
-以下属性已验证，更多属性详情请查看 [react-navigation/bottom-tabs 的文档介绍](https://reactnavigation.org/docs/bottom-tab-navigator)
+## 约束与限制
 
-**Navigator**：
+### 兼容性
 
-| Name                | Description                               | Type       | Required | Platform | HarmonyOS Support |
-| ------------------- | ----------------------------------------- | ---------- | -------- | -------- | ----------------- |
-| initialRouteName    | 第一次加载导航器时要渲染的路线的名称      | string     | no       | All      | yes               |
-| backBehavior        | 控制在导航器中调用 goBack 时发生的情况    | string     | no       | All      | yes               |
-| tabBar              | 函数，返回一个 React 元素用来显示选项卡栏 | function   | no       | All      | yes               |
-| sceneContainerStyle | 包装屏幕内容的组件的样式对象              | ViewStyle  | no       | All      | yes               |
-| screenOptions       | 用于导航器中屏幕的默认选项                | 自定义类型 | no       | All      | yes               |
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.11; SDK: OpenHarmony(api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52;
+2. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
+3. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+4. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
 
-**Screen**：
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-| Name    | Description                            | Type       | Required | Platform | HarmonyOS Support |
-| ------- | -------------------------------------- | ---------- | -------- | -------- | ----------------- |
-| name    | 屏幕显示的 自定义类型名称              | string     | no       | All      | yes               |
-| options | 用于配置如何在导航器中显示屏幕的选项。 | 自定义类型 | no       | All      | yes               |
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-**BottomTabBarHeightCallBackContext.Provider**：标签栏高度回调函数提供者
+以下属性已验证，更多属性详情请查看 [react-navigation/bottom-tabs 的文档介绍](https://reactnavigation.org/docs/bottom-tab-navigator)
 
-**BottomTabBarHeightContext.Provider**：标签栏高度提供者
+**Props**
+| Name                  | Description                                                                                                                                                                        | Type                                                                     | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| id                    | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.                                                  | string                                                                   | no       | all         | yes               |
+| initialRouteName      | The name of the route to render on first load of the navigator.                                                                                                                    | string                                                                   | no       | all         | yes               |
+| screenOptions         | Default options to use for the screens in the navigator.                                                                                                                           | object                                                                   | no       | all         | yes               |
+| backBehavior          | This controls what happens when goBack is called in the navigator. This includes pressing the device's back button or back gesture on Android.                                     | 'firstRoute'&#124;'initialRoute'&#124;'order'&#124;'history'&#124;'none' | no       | Android     | yes               |
+| detachInactiveScreens | Boolean used to indicate whether inactive screens should be detached from the view hierarchy to save memory. This enables integration with react-native-screens. Defaults to true. | boolean                                                                  | no       | Android,iOS | no                |
+| sceneContainerStyle   | Style object for the component wrapping the screen content.                                                                                                                        | object                                                                   | no       | all         | yes               |
+| tabBar                | tabBar                                                                                                                                                                             | function                                                                 | no       | all         | yes               |
+
+**Options & screenOptions**
+
+| Name                          | Description                                                                                                                                                                                               | Type                            | Required | Platform    | HarmonyOS Support |
+| ----------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | -------- | ----------- | ----------------- |
+| title                         | Generic title that can be used as a fallback for headerTitle and tabBarLabel.                                                                                                                             | string                          | no       | all         | yes               |
+| tabBarLabel                   | Title string of a tab displayed in the tab bar or a function that given { focused: boolean, color: string } returns a React.Node,                                                                         | function                        | no       | all         | yes               |
+| tabBarShowLabel               | Whether the tab label should be visible. Defaults to true.                                                                                                                                                | boolean                         | no       | all         | yes               |
+| tabBarLabelPosition           | Whether the label is shown below the icon or beside the icon.                                                                                                                                             | 'below-icon'&#124;'beside-icon' | no       | all         | yes               |
+| tabBarLabelStyle              | Style object for the tab label.                                                                                                                                                                           | object                          | no       | all         | yes               |
+| tabBarIcon                    | Function that given { focused: boolean, color: string, size: number } returns a React.Node, to display in the tab bar.                                                                                    | function                        | no       | all         | yes               |
+| tabBarIconStyle               | Style object for the tab icon.                                                                                                                                                                            | object                          | no       | all         | yes               |
+| tabBarBadge                   | Text to show in a badge on the tab icon. Accepts a string or a number.                                                                                                                                    | string&#124;number              | no       | all         | yes               |
+| tabBarBadgeStyle              | Style for the badge on the tab icon. You can specify a background color or text color here.                                                                                                               | object                          | no       | all         | yes               |
+| tabBarAccessibilityLabel      | Accessibility label for the tab button.                                                                                                                                                                   | string                          | no       | all         | yes               |
+| tabBarButton                  | Function which returns a React element to render as the tab bar button.                                                                                                                                   | function                        | no       | all         | yes               |
+| tabBarActiveTintColor         | Color for the icon and label in the active tab.                                                                                                                                                           | string                          | no       | all         | yes               |
+| tabBarInactiveTintColor       | Color for the icon and label in the inactive tabs.                                                                                                                                                        | string                          | no       | all         | yes               |
+| tabBarActiveBackgroundColor   | Background color for the active tab.                                                                                                                                                                      | string                          | no       | all         | yes               |
+| tabBarInactiveBackgroundColor | Background color for the inactive tabs.                                                                                                                                                                   | string                          | no       | all         | yes               |
+| tabBarHideOnKeyboard          | Whether the tab bar is hidden when the keyboard opens. Defaults to false.                                                                                                                                 | boolean                         | no       | all         | yes               |
+| tabBarItemStyle               | Style object for the tab item container.                                                                                                                                                                  | object                          | no       | all         | yes               |
+| tabBarStyle                   | Style object for the tab bar. You can configure styles such as background color here.                                                                                                                     | object                          | no       | all         | yes               |
+| tabBarBackground              | Function which returns a React Element to use as background for the tab bar.                                                                                                                              | function                        | no       | all         | yes               |
+| lazy                          | Whether this screens should render the first time it's accessed.                                                                                                                                          | boolean                         | no       | all         | yes               |
+| unmountOnBlur                 | Whether this screen should be unmounted when navigating away from it.                                                                                                                                     | boolean                         | no       | all         | yes               |
+| freezeOnBlur                  | Boolean indicating whether to prevent inactive screens from re-rendering. Defaults to false. Defaults to true when enableFreeze() from react-native-screens package is run at the top of the application. | boolean                         | no       | Android,iOS | no                |  |
+
+**Header related options**
+| Name        | Description                                                                                                                | Type     | Required | Platform | HarmonyOS Support |
+| ----------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| header      | Custom header to use instead of the default header.                                                                        | function | no       | all      | yes               |
+| headerShown | Whether to show or hide the header for the screen. The header is shown by default. Setting this to false hides the header. | boolean  | no       | all      | yes               |
+
+**Events**
+| Name         | Description                                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+| ------------ | ---------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| tabPress     | This event is fired when the user presses the tab button for the current screen in the tab bar.                        | function | no       | all      | yes               |
+| tabLongPress | This event is fired when the user presses the tab button for the current screen in the tab bar for an extended period. | function | no       | all      | yes               |
 
 ## 遗留问题
 
@@ -77,6 +162,4 @@ yarn add @react-navigation/bottom-tabs@6.5.11
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/bottom-tabs/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/bottom-tabs/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-navigation-core.md b/zh-cn/react-navigation-core.md
new file mode 100644
index 00000000..fe39bfce
--- /dev/null
+++ b/zh-cn/react-navigation-core.md
@@ -0,0 +1,136 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/core</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/core">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+> [!TIP] # 处替换为 tgz 包的路径
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/core@6.4.16
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/core@6.4.16
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Button, View, Text } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+import { useNavigation } from '@react-navigation/core';
+
+function MyBackButton() {
+    const navigation = useNavigation();
+
+    return (
+        <Button
+            title="Back"
+            onPress={() => {
+                navigation.goBack();
+            }}
+        />
+    );
+}
+
+function HomeScreen({ navigation: { navigate } }) {
+    return (
+        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+            <Text>This is the home screen of the app</Text>
+            <Button title="Go to Profile" onPress={() => navigate('Profile')} />
+        </View>
+    );
+}
+
+function ProfileScreen() {
+    return (
+        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+            <Text>Profile Screen</Text>
+            <MyBackButton />
+        </View>
+    );
+}
+
+const Stack = createStackNavigator();
+
+function App() {
+    return (
+        <NavigationContainer>
+            <Stack.Navigator initialRouteName="Home">
+                <Stack.Screen name="Home" component={HomeScreen} />
+                <Stack.Screen name="Profile" component={ProfileScreen} />
+            </Stack.Navigator>
+        </NavigationContainer>
+    );
+}
+
+export default App;
+
+```
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过: 
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下方法已验证，更多使用详情请查看 [react-navigation 的文档介绍](https://reactnavigation.org/docs/getting-started/)
+
+| Name                 | Description                                                                                                         | Type     | Required | Platform | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| useNavigationBuilder | hook to build custom navigators                                                                                     | function | no       | all      | yes               |
+| useNavigation        | useNavigation is a hook which gives access to navigation object                                                     | function | no       | all      | yes               |
+| useNavigationState   | useNavigationState is a hook which gives access to the navigation state of the navigator which contains the screen. | function | no       | all      | yes               |
+| useRoute             | useRoute is a hook which gives access to route object.                                                              | function | no       | all      | yes               |
+| useFocusEffect       | hook to run side-effects when a screen is focused                                                                   | function | no       | all      | yes               |
+| useIsFocused         | the current focus state of the screen                                                                               | function | no       | all      | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+示例代码依赖以下三方库，请查看对应文档：
++ [@react-navigation/stack](/zh-cn/react-navigation-stack.md)
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-navigation-devtools.md b/zh-cn/react-navigation-devtools.md
new file mode 100644
index 00000000..d4b5d246
--- /dev/null
+++ b/zh-cn/react-navigation-devtools.md
@@ -0,0 +1,84 @@
+> 模板版本: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/devtools</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/devtools/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令: 
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/devtools@6.0.26
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/devtools@6.0.26
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景，更多请参考[官方文档](https://reactnavigation.org/docs/devtools/#usereduxdevtoolsextension): 
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import {
+  NavigationContainer,
+  useNavigationContainerRef,
+} from '@react-navigation/native';
+import { useReduxDevToolsExtension } from '@react-navigation/devtools';
+
+export default function App() {
+  const navigationRef = useNavigationContainerRef();
+
+  useReduxDevToolsExtension(navigationRef);
+
+  return (
+    <NavigationContainer ref={navigationRef}>{/* ... */}</NavigationContainer>
+  );
+}
+```
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                      | Description                                                                                | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| useFlipper                | 此hook提供了filpper的方法                                                                  | function | no       | all      | yes               |
+| useReduxDevToolsExtension | 此hook提供了Redux DevTools Extension的融合方法，也工作在包含了React Native Debugger 的 app | function | no       | all      | yes               |
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过: 
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/devtools/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-navigation-drawer.md b/zh-cn/react-navigation-drawer.md
new file mode 100644
index 00000000..492e872d
--- /dev/null
+++ b/zh-cn/react-navigation-drawer.md
@@ -0,0 +1,201 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/drawer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/drawer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/drawer/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)
+
+## 安装与使用
+
+> [!TIP] drawer的tgz包在react-navigation Releases。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载drawer适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为tgz包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/drawer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/drawer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { View, Text, Button } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import {
+    createDrawerNavigator,
+    DrawerContentScrollView,
+    DrawerItemList,
+    DrawerItem,
+} from '@react-navigation/drawer';
+
+function Feed({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Feed Screen</Text>
+            <Button title="Open drawer" onPress={() => navigation.openDrawer()} />
+            <Button title="Toggle drawer" onPress={() => navigation.toggleDrawer()} />
+        </View>
+    );
+}
+
+function Notifications() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Notifications Screen</Text>
+        </View>
+    );
+}
+
+function CustomDrawerContent(props) {
+    return (
+        <DrawerContentScrollView {...props}>
+            <DrawerItemList {...props} />
+            <DrawerItem
+                label="Close drawer"
+                onPress={() => props.navigation.closeDrawer()}
+            />
+            <DrawerItem
+                label="Toggle drawer"
+                onPress={() => props.navigation.toggleDrawer()}
+            />
+        </DrawerContentScrollView>
+    );
+}
+
+const Drawer = createDrawerNavigator();
+
+function MyDrawer() {
+    return (
+        <Drawer.Navigator
+            drawerContent={(props) => <CustomDrawerContent {...props} />}
+            initialRouteName='Feed'
+        >
+            <Drawer.Screen name="Feed" component={Feed} />
+            <Drawer.Screen name="Notifications" component={Notifications} />
+        </Drawer.Navigator>
+    );
+}
+
+export default function NavigationDrawer() {
+    return (
+        <NavigationContainer>
+            <MyDrawer />
+        </NavigationContainer>
+    );
+}
+
+export { NavigationDrawer }
+```
+
+## Link
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档的 Link 章节](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)、[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)
+  
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多使用详情请查看 [@react-navigation/drawer 的文档介绍](https://reactnavigation.org/docs/drawer-navigator)
+
+**Props**
+
+| Name                    | Description                                                                                                                                                                                                           | Type                                                                    | Required | Platform    | HarmonyOS Support |
+|-------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|-------------|-------------------|
+| id                      | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.                                                                                     | string                                                                  | no       | all         | yes               |
+| initialRouteName        | The name of the route to render on the first load of the navigator.                                                                                                                                                   | string                                                                  | no       | all         | yes               |
+| screenOptions           | Default options to use for the screens in the navigator.                                                                                                                                                              | object                                                                  | no       | all         | yes               |
+| backBehavior            | This controls what happens when goBack is called in the navigator. This includes pressing the device's back button or back gesture on Android.                                                                        | 'firstRoute'&#124;'initialRoute'&#124;'order'&#124;'history'&#124;'none' | no       | all         | yes               |
+| defaultStatus           | The default status of the drawer                                                                                                                                                                                      | 'open'&#124;'close'                                                      | no       | all         | yes               |
+| detachInactiveScreens   | Boolean used to indicate whether inactive screens should be detached from the view hierarchy to save memory. This enables integration with react-native-screens. Defaults to true.                                    | boolean                                                                 | no       | Android，iOS | no                |
+| useLegacyImplementation | Whether to use the legacy implementation based on Reanimated 1. The new implementation based on Reanimated 2 will perform better, but you need additional configuration and need to use Hermes with Flipper to debug. | boolean                                                                 | no       | all         | no                |
+| drawerContent           | Function that returns React element to render as the content of the drawer, for example, navigation items                                                                                                             | function                                                                | no       | all         | yes               |
+
+**Options & screenOptions**
+| Name                          | Description                                                                                                                                                                                               | Type                                             | Required | Platform    | HarmonyOS Support |
+|-------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------|----------|-------------|-------------------|
+| title                         | A generic title that can be used as a fallback for headerTitle and drawerLabel.                                                                                                                           | string                                           | no       | all         | yes               |
+| lazy                          | Whether this screen should render the first time it's accessed. Defaults to true. Set it to false if you want to render the screen on initial render.                                                     | boolean                                          | no       | all         | yes               |
+| drawerLabel                   | String or a function that given { focused: boolean, color: string } returns a React.Node, to display in drawer sidebar. When undefined, scene title is used.                                              | string&#124;function                             | no       | all         | yes               |
+| drawerIcon                    | React.Node to display in drawer sidebar.                                                                                                                                                                  | function                                         | no       | all         | yes               |
+| drawerActiveTintColor         | Color for the icon and label in the active item in the drawer.                                                                                                                                            | string                                           | no       | all         | yes               |
+| drawerActiveBackgroundColor   | Background color for the active item in the drawer.                                                                                                                                                       | string                                           | no       | all         | yes               |
+| drawerInactiveTintColor       | Color for the icon and label in the inactive items in the drawer.                                                                                                                                         | string                                           | no       | all         | yes               |
+| drawerInactiveBackgroundColor | Background color for the inactive items in the drawer.                                                                                                                                                    | string                                           | no       | all         | yes               |
+| drawerItemStyle               | Style object for the single item, which can contain an icon and/or a label.                                                                                                                               | object                                           | no       | all         | yes               |
+| drawerLabelStyle              | Style object to apply to the Text style inside content section which renders a label.                                                                                                                     | object                                           | no       | all         | yes               |
+| drawerContentContainerStyle   | Style object for the content section inside the ScrollView.                                                                                                                                               | object                                           | no       | all         | yes               |
+| drawerContentStyle            | Style object for the wrapper view.                                                                                                                                                                        | object                                           | no       | all         | yes               |
+| drawerStyle                   | Style object for the drawer component. You can pass a custom background color for a drawer or a custom width here.                                                                                        | object                                           | no       | all         | yes               |
+| drawerPosition                | Options are left or right. Defaults to left for LTR languages and right for RTL languages.                                                                                                                | 'left'&#124;'right'                               | no       | all         | yes               |
+| drawerType                    | Type of the drawer. It determines how the drawer looks and animates.                                                                                                                                      | 'front'&#124;'back'&#124;'slide'&#124;'permanent' | no       | all         | yes               |
+| drawerHideStatusBarOnOpen     | When set to true, Drawer will hide the OS status bar whenever the drawer is pulled or when it's in an "open" state.                                                                                       | boolean                                          | no       | all         | yes               |
+| drawerStatusBarAnimation      | Animation of the statusbar when hiding it. use in combination with hideStatusBar.                                                                                                                         | 'slide'&#124;'fade'&#124;'none'                  | no       | iOS         | no                |
+| overlayColor                  | Color overlay to be displayed on top of the content view when drawer gets open. The opacity is animated from 0 to 1 when the drawer opens.                                                                | string                                           | no       | all         | yes               |
+| sceneContainerStyle           | Style object for the component wrapping the screen content.                                                                                                                                               | string                                           | no       | all         | yes               |
+| gestureHandlerProps           | Props to pass to the underlying pan gesture handler.                                                                                                                                                      | object                                           | no       | Android，iOS | no               |
+| swipeEnabled                  | Whether you can use swipe gestures to open or close the drawer. Defaults to true.                                                                                                                         | boolean                                          | no       | Android，iOS | no               |
+| swipeEdgeWidth                | Allows for defining how far from the edge of the content view the swipe gesture should activate.                                                                                                          | number                                           | no       | Android，iOS | no               |
+| swipeMinDistance              | Minimum swipe distance threshold that should activate opening the drawer.                                                                                                                                 | number                                           | no       | Android，iOS | no               |
+| keyboardDismissMode           | Whether the keyboard should be dismissed when the swipe gesture begins. Defaults to 'on-drag'. Set to 'none' to disable keyboard handling.                                                                | 'on-drag'&#124;'none'                             | no       | all         | no               |
+| unmountOnBlur                 | Whether this screen should be unmounted when navigating away from it. Unmounting a screen resets any local state in the screen as well as state of nested navigators in the screen. Defaults to false.    |                boolean                                  | no       | all         | yes               |
+| freezeOnBlur                  | Boolean indicating whether to prevent inactive screens from re-rendering. Defaults to false. Defaults to true when enableFreeze() from react-native-screens package is run at the top of the application. | boolean                                          | no       | Android，iOS | no                |
+
+**Events**
+| Name            | Description                                                                         | Type     | Required | Platform | HarmonyOS Support |
+|-----------------|-------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| drawerItemPress | This event is fired when the user presses the button for the screen in the drawer.  | function | no       | all      | yes               |
+
+
+## 遗留问题
+
+ - [ ] swipeEnabled等手势相关属性不生效，因为依赖的手势库有问题，待修复：[issue #12](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/12)
+  
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/drawer/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-navigation-elements.md b/zh-cn/react-navigation-elements.md
index c7abbb4a..4dded92f 100644
--- a/zh-cn/react-navigation-elements.md
+++ b/zh-cn/react-navigation-elements.md
@@ -1,19 +1,19 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-navigation/elements</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/elements/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)
+
 
 ## 安装与使用
 
@@ -39,12 +39,45 @@ yarn add @react-native-oh-tpl/elements@file:#
 
 <!-- tabs:end -->
 
+
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import { HeaderBackContext } from "@react-navigation/elements";
+import { Header, getHeaderTitle } from "@react-navigation/elements";
+import { createStackNavigator } from "@react-navigation/stack"
+import { NavigationContainer } from "@react-navigation/native";
+import { Text, View } from 'react-native';
+
+
+const Stack = createStackNavigator();
+
+function HomeScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home Screen</Text>
+        </View>
+    );
+}
+
+export function NavigationElements() {
+    return (
+        <NavigationContainer>
+            <Stack.Navigator
+                screenOptions={{
+                    header: ({ options, route }) => (
+                        <Header {...options} title={getHeaderTitle(options, route.name)} headerStyle={{ backgroundColor: 'red' }} />
+                    ),
+                }}
+            >
+                <Stack.Screen name="Home" component={HomeScreen} />
+            </Stack.Navigator>
+        </NavigationContainer>
+    );
+}
+
+export default NavigationElements;
 ```
 
 ## 兼容性
@@ -55,103 +88,68 @@ import { HeaderBackContext } from "@react-navigation/elements";
 
 ## 属性
 
-详细请查看 [react-navigation/elements 的文档介绍](https://reactnavigation.org/docs/elements/#resourcesavingview)
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-**Header**：用作标头的组件
-
-| Name                           | Description                               | Type                      | Required | Platform | HarmonyOS Support |
-| ------------------------------ | ----------------------------------------- | ------------------------- | -------- | -------- | ----------------- |
-| headerTitle                    | 场景标题，或者返回一个 React 元素用作标题 | string \| React.reactNode | No       | All      | 未验证            |
-| headerTitleAlign               | 标题对齐方式                              | left \| center            | No       | All      | 未验证            |
-| headerTitleAllowFontScaling    | 标题是否缩放                              | boolean                   | No       | All      | 未验证            |
-| headerLeft                     | 函数，返回一个 React 元素用在页眉左侧     | React.reactNode           | No       | All      | 未验证            |
-| headerRight                    | 函数，返回一个 React 元素用在页眉右侧     | React.reactNode           | No       | All      | 未验证            |
-| headerShadowVisible            | 是否显示阴影                              | boolean                   | No       | All      | 未验证            |
-| headerStyle                    | 页眉样式                                  | ViewStyle                 | No       | All      | 未验证            |
-| headerTitleStyle               | 页眉标题颜色                              | TextStyle                 | No       | All      | 未验证            |
-| headerLeftContainerStyle       | headerLeft 容器的样式                     | ViewStyle                 | No       | All      | 未验证            |
-| headerRightContainerStyle      | headerRight 容器的样式                    | ViewStyle                 | No       | All      | 未验证            |
-| headerTitleContainerStyle      | headerTitle 容器的样式                    | ViewStyle                 | No       | All      | 未验证            |
-| headerBackgroundContainerStyle | headerBackground 容器的样式               | ViewStyle                 | No       | All      | 未验证            |
-| headerTintColor                | 页眉颜色                                  | string                    | No       | All      | 未验证            |
-| headerPressColor               | 页眉按下颜色                              | string                    | No       | All      | 未验证            |
-| headerPressOpacity             | 页眉按下不透明度                          | number                    | No       | All      | 未验证            |
-| headerTransparent              | 页眉是否透明                              | boolean                   | No       | All      | 未验证            |
-| headerBackground               | 函数，返回一个 React 元素对页眉背景渲染   | function                  | No       | All      | 未验证            |
-| headerStatusBarHeight          | 页眉状态栏高度                            | number                    | No       | All      | 未验证            |
-
-**HeaderBackground**：可用于 Header 的 headerBackground 属性
-
-**HeaderTitle**：可用于 Header 的 headerTitle 属性
-
-**HeaderBackButton**：用于显示后退按钮标题的组件
-
-| Name               | Description                                     | Type            | Required | Platform | HarmonyOS Support |
-| ------------------ | ----------------------------------------------- | --------------- | -------- | -------- | ----------------- |
-| disabled           | 是否可用                                        | boolean         | No       | All      | 未验证            |
-| onPress            | 点击事件                                        | function        | No       | All      | 未验证            |
-| pressColor         | 点击时的颜色                                    | string          | No       | All      | 未验证            |
-| backImage          | 函数，返回一个 React 元素用于后退按钮显示的图片 | React.reactNode | No       | All      | 未验证            |
-| tintColor          | 按钮颜色                                        | string          | No       | All      | 未验证            |
-| label              | 按钮的文本                                      | string          | No       | All      | 未验证            |
-| truncatedLabel     | 空间不足时显示的文本                            | string          | No       | All      | 未验证            |
-| labelVisible       | 文本是否可见                                    | boolean         | No       | All      | 未验证            |
-| labelStyle         | 文本样式                                        | TextStyle       | No       | All      | 未验证            |
-| allowFontScaling   | 文本是否根据字体缩放                            | boolean         | No       | All      | 未验证            |
-| onLabelLayout      | 标签大小更改时要触发的回调。                    | function        | No       | All      | 未验证            |
-| screenLayout       | 屏幕布局                                        | Layout          | No       | All      | 未验证            |
-| titleLayout        | 标题中 title 元素的布局                         | Layout          | No       | All      | 未验证            |
-| canGoBack          | 能否导航回来                                    | boolean         | No       | All      | 未验证            |
-| accessibilityLabel | 屏幕阅读器按钮的辅助功能标签                    | string          | No       | All      | 未验证            |
-| testID             | ID                                              | string          | No       | All      | 未验证            |
-| style              | 按钮样式                                        | ViewStyle       | No       | All      | 未验证            |
-
-**MissingIcon**：渲染丢失的图标符号的组件。它可以用作图标的回退，以显示缺少图标
-
-| Name  | Description | Type      | Required | Platform | HarmonyOS Support |
-| ----- | ----------- | --------- | -------- | -------- | ----------------- |
-| color | icon 的颜色 | string    | No       | All      | 未验证            |
-| size  | icon 的大小 | number    | No       | All      | 未验证            |
-| style | icon 的样式 | TextStyle | No       | All      | 未验证            |
-
-**PlatformPressable**：在[Pressable](https://reactnative.dev/docs/Pressable)之上提供抽象以处理平台差异的组件
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| pressColor | 按压时的颜色 | string | No | All | 未验证 |
-| pressOpacity | 按压时的不透明度 | number | No | All | 未验证 |
-
-**ResourceSavingView**：通过使用 removeClippedSubviews 来帮助提高非活动屏幕的性能的组件，它接受一个可见的道具来指示是否应该剪辑屏幕
-
-**SafeAreaProviderCompat**：来自“react native safe-area context”的 SafeAreaProvider 组件的包装器
-
-**HeaderBackContext**：React 上下文，可用于获取父屏幕的后标题
-
-**HeaderShownContext**：React 上下文，可用于检查页眉在父屏幕中是否可见
-
-**HeaderHeightContext**：React 上下文，可用于获取父屏幕中最近的可见页眉的高度
-
-## 方法
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                     | Description                      | Type     | Required | Platform | HarmonyOS Support |
-| ------------------------ | -------------------------------- | -------- | -------- | -------- | ----------------- |
-| `useHeaderHeight`        | 返回父屏幕中最近的可见页眉的高度 | function | no       | All      | 未验证            |
-| `getDefaultHeaderHeight` | 返回默认页眉高度                 | function | no       | All      | yes               |
-| `getHeaderTitle`         | 返回页眉标题文本                 | function | no       | All      | 未验证            |
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多使用详情请查看 [react-navigation/elements 的文档介绍](https://reactnavigation.org/docs/elements)
+
+**Header Props**
+| Name                           | Description                                                                                                                | Type                | Required | Platform | HarmonyOS Support |
+|--------------------------------|----------------------------------------------------------------------------------------------------------------------------|---------------------|----------|----------|-------------------|
+| headerTitle                    | String or a function that returns a React Element to be used by the header.                                                |              string       | no       | all      | yes               |
+| headerTitleAlign               | How to align the header title                                                                                              | 'left'&#124;'center' | no       | all      | yes               |
+| headerTitleAllowFontScaling    | Whether header title font should scale to respect Text Size accessibility settings.                                        | boolean             | no       | all      | yes               |
+| headerLeft                     | Function which returns a React Element to display on the left side of the header.                                          | function            | no       | all      | yes               |
+| headerRight                    | Function which returns a React Element to display on the right side of the header.                                         | function            | no       | all      | yes               |
+| headerShadowVisible            | Whether to hide the elevation shadow (Android) or the bottom border (iOS) on the header.                                   | boolean             | no       | all      | yes               |
+| headerStyle                    | Style object for the header. You can specify a custom background color here                                                | object              | no       | all      | yes               |
+| headerTitleStyle               | Style object for the title component                                                                                       | object              | no       | all      | yes               |
+| headerLeftContainerStyle       | Customize the style for the container of the headerLeft component, for example to add padding.                             | object              | no       | all      | yes               |
+| headerRightContainerStyle      | Customize the style for the container of the headerRight component, for example to add padding.                            | object              | no       | all      | yes               |
+| headerTitleContainerStyle      | Customize the style for the container of the headerTitle component, for example to add padding.                            | object              | no       | all      | yes               |
+| headerBackgroundContainerStyle | Style object for the container of the headerBackground element.                                                            | object              | no       | all      | yes               |
+| headerTintColor                | Tint color for the header                                                                                                  | string              | no       | all      | yes               |
+| headerPressColor               | Color for material ripple (Android >= 5.0 only)                                                                            | string              | no       | Android  | no                |
+| headerPressOpacity             | Press opacity for the buttons in header (Android < 5.0, and iOS)                                                           | number              | no       | all      | yes               |
+| headerTransparent              | Defaults to false. If true, the header will not have a background unless you explicitly provide it with headerBackground.  | boolean             | no       | all      | yes               |
+| headerBackground               | Function which returns a React Element to render as the background of the header.                                          | function            | no       | all      | yes               |
+| headerStatusBarHeight          | Extra padding to add at the top of header to account for translucent status bar.                                           | number              | no       | all      | yes               |
+
+
+**Header Components Props**
+
+| Name               | Description                                                                                                                  | Type     | Required | Platform | HarmonyOS Support |
+|--------------------|------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| HeaderBackground   | A component containing the styles used in the background of the header, such as the background color and shadow.             | function | no       | all      | yes               |
+| HeaderTitle        | A component used to show the title text in header. It's the default for headerTitle. It accepts the same props as a Text.    | function | no       | all      | yes               |
+| HeaderBackButton   | A component used to show the back button header. It's the default for headerLeft in the stack navigator.                     | function | no       | all      | yes               |
+| MissingIcon        | A component that renders a missing icon symbol. It can be used as a fallback for icons to show that there's a missing icon.  | function | no       | all      | yes               |
+| PlatformPressable  | A component which provides an abstraction on top of Pressable to handle platform differences.                                | function | no       | all      | yes               |
+| ResourceSavingView | A component which aids in improving performance for inactive screens by utilizing removeClippedSubviews.                     | function | no       | all      | yes               |
+
+**Utilities**
+| Name                   | Description                                                                                                       | Type     | Required | Platform | HarmonyOS Support |
+|------------------------|-------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| SafeAreaProviderCompat | A wrapper over the SafeAreaProvider component from `react-native-safe-area-context which includes initial values. | function | no       | all      | yes               |
+| HeaderBackContext      | React context that can be used to get the back title of the parent screen.                                        | function | no       | all      | yes               |
+| HeaderShownContext     | React context that can be used to check if a header is visible in a parent screen.                                | function | no       | all      | yes               |
+| HeaderHeightContext    | React context that can be used to get the height of the nearest visible header in a parent screen.                | function | no       | all      | yes               |
+| useHeaderHeight        | Hook that returns the height of the nearest visible header in the parent screen.                                  | function | no       | all      | yes               |
+| getDefaultHeaderHeight | Helper that returns the default header height.                                                                    | function | no       | all      | yes               |
+| getHeaderTitle         | Helper that returns the title text to use in header.                                                              | function | no       | all      | yes               |    
+
 
 ## 遗留问题
 
 ## 其他
 
+示例代码依赖以下三方库，请查看对应文档：
++ [@react-navigation/stack](/zh-cn/react-navigation-stack.md)
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+  
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/elements/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/elements/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-navigation-material-bottom-tabs.md b/zh-cn/react-navigation-material-bottom-tabs.md
new file mode 100644
index 00000000..2a146f1c
--- /dev/null
+++ b/zh-cn/react-navigation-material-bottom-tabs.md
@@ -0,0 +1,145 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/material-bottom-tabs</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/material-bottom-tabs/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)
+
+## 安装与使用
+
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/material-bottom-tabs@6.2.28
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/material-bottom-tabs@6.2.28
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';
+import { View, Text } from 'react-native'
+import { NavigationContainer } from '@react-navigation/native';
+import * as React from 'react';
+
+const Tab = createMaterialBottomTabNavigator();
+
+
+function HomeScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home Screen</Text>
+        </View>
+    );
+}
+
+
+function SettingsScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Settings Screen</Text>
+        </View>
+    );
+}
+
+
+export function NavigationMaterialBottomTabs() {
+    return (
+        <NavigationContainer>
+            <Tab.Navigator >
+                <Tab.Screen name="Home" component={HomeScreen} />
+                <Tab.Screen name="Settings" component={SettingsScreen} />
+            </Tab.Navigator>
+        </NavigationContainer>
+    );
+}   
+
+```
+
+## Link
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/elements](/zh-cn/react-navigation-elements.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多属性详情请查看 [@react-navigation/material-bottom-tabs 的文档介绍](https://reactnavigation.org/docs/material-bottom-tab-navigator)
+
+**Props**
+
+| Name             | Description                                                                                                                                    | Type                                                                     | Required | Platform | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| id               | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.              | string                                                                   | no       | all      | yes               |
+| initialRouteName | The name of the route to render on first load of the navigator.                                                                                | string                                                                   | no       | all      | yes               |
+| screenOptions    | Default options to use for the screens in the navigator.                                                                                       | object                                                                   | no       | all      | yes               |
+| backBehavior     | This controls what happens when goBack is called in the navigator. This includes pressing the device's back button or back gesture on Android. | 'firstRoute'&#124;'initialRoute'&#124;'order'&#124;'history'&#124;'none' | no       | Android  | yes               |
+| shifting         | Whether the shifting style is used, the active tab icon shifts up to show the label and the inactive tabs won't have a label.                  | boolean                                                                  | no       | all      | yes               |
+| labeled          | Whether to show labels in tabs. When false, only icons will be displayed.                                                                      | boolean                                                                  | no       | all      | yes               |
+| activeColor      | Custom color for icon and label in the active tab.                                                                                             | string                                                                   | no       | all      | yes               |
+| inactiveColor    | Custom color for icon and label in the inactive tab.                                                                                           | string                                                                   | no       | all      | yes               |
+| barStyle         | Style for the bottom navigation bar.                                                                                                           | object                                                                   | no       | all      | yes               |
+
+**Options & screenOptions**
+
+| Name                     | Description                                                                                                                                                               | Type                         | Required | Platform | HarmonyOS Support |
+|--------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------|----------|----------|-------------------|
+| title                    | Generic title that can be used as a fallback for headerTitle and tabBarLabel.                                                                                             | string                       | no       | all      | yes               |
+| tabBarIcon               | Function that given { focused: boolean, color: string } returns a React.Node, to display in the tab bar.                                                                  | function                     | no       | all      | yes               |
+| tabBarColor              | Color for the tab bar when the tab corresponding to the screen is active. Used for the ripple effect. This is only supported when shifting is true.                       | string                       | no       | no      | no                |
+| tabBarLabel              | Title string of a tab displayed in the tab bar. When undefined, scene title is used. To hide, see labeled option in the previous section.                                 | string                       | no       | all      | yes               |
+| tabBarBadge              | Badge to show on the tab icon, can be true to show a dot, string or number to show text.                                                                                  | true&#124;number&#124;string | no       | all      | yes               |
+| tabBarAccessibilityLabel | Accessibility label for the tab button. This is read by the screen reader when the user taps the tab. It's recommended to set this if you don't have a label for the tab. | string                       | no       | all      | yes               |
+
+**Events**
+| Name     | Description                                                                                      | Type     | Required | Platform | HarmonyOS Support |
+|----------|--------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| tabPress | This event is fired when the user presses the tab button for the current screen in the tab bar.  | function | no       | all      | yes               |
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/material-bottom-tabs/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-navigation-material-top-tabs.md b/zh-cn/react-navigation-material-top-tabs.md
new file mode 100644
index 00000000..b2698b03
--- /dev/null
+++ b/zh-cn/react-navigation-material-top-tabs.md
@@ -0,0 +1,170 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/material-top-tabs</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/material-top-tabs/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/material-top-tabs@6.6.13
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/material-top-tabs@6.6.13
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
+import { View, Text,SafeAreaView } from 'react-native'
+import { NavigationContainer } from '@react-navigation/native';
+import * as React from 'react';
+
+const Tab = createMaterialTopTabNavigator();
+
+
+function HomeScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home Screen</Text>
+        </View>
+    );
+}
+
+
+function SettingsScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Settings Screen</Text>
+        </View>
+    );
+}
+
+
+export function NavigationMaterialTopTabs() {
+    return (
+        <SafeAreaView style={{ flex: 1 }}>
+            <NavigationContainer>
+                <Tab.Navigator >
+                    <Tab.Screen name="Home" component={HomeScreen} options={{ title: '家' }} />
+                    <Tab.Screen name="Settings" component={SettingsScreen} options={{ title: '设置' }} />
+                </Tab.Navigator>
+            </NavigationContainer>
+        </SafeAreaView>
+    );
+}
+
+```
+
+
+## Link
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-tab-view](/zh-cn/react-native-tab-view.md)
++ [@react-native-oh-tpl/react-native-pager-view](/zh-cn/react-native-pager-view.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-tab-view、@react-native-oh-tpl/react-native-pager-view  的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-tab-view 文档的 Link 章节](/zh-cn/react-native-tab-view.md#link)，[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](/zh-cn/react-native-pager-view.md#link)，进行引入
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1 B.0.18; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多属性详情请查看 [@react-navigation/material-top-tabs 的文档介绍](https://reactnavigation.org/docs/material-top-tab-navigator)
+
+**Props**
+| Name                | Description                                                                                                                                    | Type                                                                    | Required | Platform | HarmonyOS Support |
+|---------------------|------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|----------|-------------------|
+| id                  | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.              | string                                                                  | no       | all      | yes               |
+| initialRouteName    | The name of the route to render on first load of the navigator.                                                                                | string                                                                  | no       | all      | yes               |
+| screenOptions       | Default options to use for the screens in the navigator.                                                                                       | object                                                                  | no       | all      | yes               |
+| backBehavior        | This controls what happens when goBack is called in the navigator. This includes pressing the device's back button or back gesture on Android. | 'firstRoute'&#124;'initialRoute'&#124;'order'&#124;'history'&#124;'none' | no       | Android  | yes               |
+| tabBarPosition      | Position of the tab bar in the tab view. Possible values are 'top' and 'bottom'. Defaults to 'top'.                                            | 'top'&#124;'bottom'                                                      | no       | all      | yes               |
+| keyboardDismissMode | String indicating whether the keyboard gets dismissed in response to a drag gesture.                                                           | 'auto'&#124;'on-drag'&#124;'none'                                        | no       | all      | yes               |
+| initialLayout       | Object containing the initial height and width of the screens.                                                                                 | object                                                                  | no       | all      | yes               |
+| sceneContainerStyle | Style to apply to the view wrapping each screen. You can pass this to override some default styles such as overflow clipping.                  | object                                                                  | no       | all      | yes               |
+| style               | Style to apply to the tab view container.                                                                                                      | object                                                                  | no       | all      | yes               |
+| tabBar              | Function that returns a React element to display as the tab bar.                                                                               | function                                                                | no       | all      | yes               |
+
+**Options & screenOptions**
+| Name                          | Description                                                                                                                                                                                        | Type                 | Required | Platform    | HarmonyOS Support |
+|-------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------|----------|-------------|-------------------|
+| title                         | Generic title that can be used as a fallback for headerTitle and tabBarLabel.                                                                                                                      | string               | no       | all         | yes               |
+| tabBarLabel                   | Title string of a tab displayed in the tab bar or a function                                                                                                                                       | string&#124;function | no       | all         | yes               |
+| tabBarAccessibilityLabel      | Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.                                                                                              | string               | no       | all         | yes               |
+| tabBarAllowFontScaling        | Whether label font should scale to respect Text Size accessibility settings.                                                                                                                       | boolean              | no       | all         | yes               |
+| tabBarShowLabel               | Whether the tab label should be visible. Defaults to true.                                                                                                                                         | boolean              | no       | all         | yes               |
+| tabBarIcon                    | Function that given { focused: boolean, color: string } returns a React.Node,                                                                                                                      | function             | no       | all         | yes               |
+| tabBarShowIcon                | Whether the tab icon should be visible. Defaults to false.                                                                                                                                         | boolean              | no       | all         | yes               |
+| tabBarBadge                   | Function that returns a React element to use as a badge for the tab.                                                                                                                               | function             | no       | all         | yes               |
+| tabBarIndicator               | Function that returns a React element as the tab bar indicator.                                                                                                                                    | function             | no       | all         | yes               |
+| tabBarIndicatorStyle          | Style object for the tab bar indicator.                                                                                                                                                            | object               | no       | all         | yes               |
+| tabBarIndicatorContainerStyle | Style object for the view containing the tab bar indicator.                                                                                                                                        | object               | no       | all         | yes               |
+| tabBarActiveTintColor         | Color for the icon and label in the active tab.                                                                                                                                                    | string               | no       | all         | yes               |
+| tabBarInactiveTintColor       | Color for the icon and label in the inactive tabs.                                                                                                                                                 | string               | no       | all         | yes               |
+| tabBarGap                     | Spacing between the tab items in the tab bar.                                                                                                                                                      | number               | no       | all         | yes               |
+| tabBarAndroidRipple           | Allows to customize the Android ripple effect.                                                                                                                                                     | object               | no       | Android     | no                |
+| tabBarPressColor              | Color for material ripple.                                                                                                                                                                         | string               | no       | Android     | no                |
+| tabBarPressOpacity            | Opacity for pressed tab.                                                                                                                                                                           | string               | no       | Android，iOS | yes               |
+| tabBarBounces                 | Boolean indicating whether the tab bar bounces when overscrolling.                                                                                                                                 | boolean              | no       | iOS         | no                |
+| tabBarScrollEnabled           | Boolean indicating whether to make the tab bar scrollable.                                                                                                                                         | boolean              | no       | all         | yes               |
+| tabBarIconStyle               | Style object for the tab icon container.                                                                                                                                                           | object               | no       | all         | yes               |
+| tabBarLabelStyle              | Style object for the tab label.                                                                                                                                                                    | object               | no       | all         | yes               |
+| tabBarItemStyle               | Style object for the individual tab items.                                                                                                                                                         | object               | no       | all         | yes               |
+| tabBarContentContainerStyle   | Style object for the view containing the tab items.                                                                                                                                                | object               | no       | all         | yes               |
+| tabBarStyle                   | Style object for the tab bar.                                                                                                                                                                      | object               | no       | all         | yes               |
+| swipeEnabled                  | Boolean indicating whether to enable swipe gestures. Swipe gestures are enabled by default. Passing false will disable swipe gestures, but the user can still switch tabs by pressing the tab bar. | boolean              | no       | all         | yes               |
+| lazy                          | Whether this screen should be lazily rendered.                                                                                                                                                     | boolean              | no       | all         | yes               |
+| lazyPreloadDistance           | When lazy is enabled, you can specify how many adjacent screens should be preloaded in advance with this prop.                                                                                     | number               | no       | all         | yes               |
+| lazyPlaceholder               | Function that returns a React element to render if this screen hasn't been rendered yet.                                                                                                           | function             | no       | all         | yes               |
+
+**Events**
+| Name         | Description                                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+|--------------|------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| tabPress     | This event is fired when the user presses the tab button for the current screen in the tab bar.                        | function | no       | all      | yes               |
+| tabLongPress | This event is fired when the user presses the tab button for the current screen in the tab bar for an extended period. | function | no       | all      | yes               |
+
+## 遗留问题
+
+## 其他
+  
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/material-top-tabs/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-navigation-native-stack.md b/zh-cn/react-navigation-native-stack.md
index d9c1a707..d14c574d 100644
--- a/zh-cn/react-navigation-native-stack.md
+++ b/zh-cn/react-navigation-native-stack.md
@@ -1,12 +1,11 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-navigation/native-stack</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/native-stack">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/native-stack/LICENSE">
          <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
@@ -17,9 +16,9 @@
 
 ## 安装与使用
 
-> [!TIP] native-stack和elements的tgz包都在react-navigation Releases。
+> [!TIP] native-stack的tgz包在react-navigation Releases。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)、[@react-native-oh-library/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)，并下载native-stack、elements、react-native-safe-area-context适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载native-stack适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -30,19 +29,13 @@
 ### **npm**
 
 ```bash
-npm install react-native-screens@3.31.1
 npm install @react-native-oh-tpl/native-stack@file:#
-npm install @react-native-oh-tpl/elements@file:#
-npm install @react-native-oh-tpl/react-native-safe-area-context@file:#
 ```
 
 ### **yarn**
 
 ```bash
-yarn install react-native-screens@3.31.1
 yarn install @react-native-oh-tpl/native-stack@file:#
-yarn install @react-native-oh-tpl/elements@file:#
-yarn install @react-native-oh-tpl/react-native-safe-area-context
 ```
 
 <!-- tabs:end -->
@@ -131,9 +124,15 @@ export default function App() {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库依赖以下三方库，请查看对应文档：
++ [react-native-screens](/zh-cn/react-native-screens.md)
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-library/elements](/zh-cn/react-native-elements.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
 
-如未引入请参照[@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md#link)进行引入
+本库 HarmonyOS 侧实现依赖@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
 
 ## 约束与限制
 
@@ -143,50 +142,81 @@ export default function App() {
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                       | Description     | Type     | Required | Platform | HarmonyOS Support |
-| -------------------------- | --------------- | -------- | -------- | -------- | ----------------- |
-| createNativeStackNavigator | 创建 Stack 组件 | function | no       | All      | yes               |
-
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 以下属性已验证，更多属性详情请查看 [react-navigation/native-stack 的文档介绍](https://reactnavigation.org/docs/native-stack-navigator)
 
-**Stack.Navigator：**
-
-| Name             | Description                        | Type   | Required | Platform | HarmonyOS Support |
-| ---------------- | ---------------------------------- | ------ | -------- | -------- | ----------------- |
-| initialRouteName | 首次加载导航器时要呈现的路由的名称 | string | no       | All      | yes               |
-| screenOptions    | 用于导航器中屏幕的默认选项。       | object | no       | All      | yes               |
-
-**ScreenOptions:**
-
-| Name            | Description          | Type   | Required | Platform | HarmonyOS Support |
-| --------------- | -------------------- | ------ | -------- | -------- | ----------------- |
-| headerStyle     | 标头的样式对象       | object | no       | All      | yes               |
-| headerTitle     | 标头标题             | string | no       | All      | yes               |
-| headerTintColor | 后退按钮和标题的颜色 | object | no       | All      | yes               |
-
-**Stack.Screen：**
-
-| Name      | Description                          | Type     | Required | Platform | HarmonyOS Support |
-| --------- | ------------------------------------ | -------- | -------- | -------- | ----------------- |
-| name      | 屏幕组件的唯一标识                   | string   | no       | All      | yes               |
-| component | 用于定义堆栈导航器中的屏幕内容和行为 | function | no       | All      | yes               |
+**Props**
+| Name             | Description                                                                                                                       | Type   | Required | Platform | HarmonyOS Support |
+|------------------|-----------------------------------------------------------------------------------------------------------------------------------|--------|----------|----------|-------------------|
+| id               | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator. | string | no       | all      | yes               |
+| initialRouteName | The name of the route to render on first load of the navigator.                                                                   | string | no       | all      | yes               |
+| screenOptions    | Default options to use for the screens in the navigator.                                                                          | object | no       | all      | yes               |
+
+
+**Options & screenOptions**
+| Name                          | Description                                                                                                                                                                                                                                                                                                                                  | Type                                                                                                                                     | Required | Platform    | HarmonyOS Support |
+|-------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------|----------|-------------|-------------------|
+| title                         | String that can be used as a fallback for headerTitle.                                                                                                                                                                                                                                                                                       | string                                                                                                                                   | no       | all         | yes               |
+| headerBackButtonMenuEnabled   | Boolean indicating whether to show the menu on longPress of iOS >= 14 back button. Defaults to true.                                                                                                                                                                                                                                         | boolean                                                                                                                                  | no       | iOS         | no                |
+| headerBackVisible             | Whether the back button is visible in the header. You can use it to show a back button alongside headerLeft if you have specified it.                                                                                                                                                                                                        | boolean                                                                                                                                  | no       | Android,iOS | no                |
+| headerBackTitle               | Title string used by the back button on iOS. Defaults to the previous scene's title, or "Back" if there's not enough space. Use headerBackTitleVisible: false to hide it.                                                                                                                                                                    | string                                                                                                                                   | no       | iOS         | no                |
+| headerBackTitleStyle          | Style object for header back title.                                                                                                                                                                                                                                                                                                          | object                                                                                                                                   | no       | iOS         | no                |
+| headerBackImageSource         | Image to display in the header as the icon in the back button.                                                                                                                                                                                                                                                                               | string                                                                                                                                   | no       | all         | yes               |
+| headerLargeStyle              | Style of the header when a large title is shown.                                                                                                                                                                                                                                                                                             | object                                                                                                                                   | no       | iOS         | no                |
+| headerLargeTitle              | Whether to enable header with large title which collapses to regular header on scroll.                                                                                                                                                                                                                                                       | string                                                                                                                                   | no       | iOS         | no                |
+| headerLargeTitleShadowVisible | Whether drop shadow of header is visible when a large title is shown.                                                                                                                                                                                                                                                                        | boolean                                                                                                                                  | no       | iOS         | no                |
+| headerLargeTitleStyle         | Style object for large title in header.                                                                                                                                                                                                                                                                                                      | object                                                                                                                                   | no       | iOS         | no                |
+| headerShown                   | Whether to show the header. The header is shown by default. Setting this to false hides the header.                                                                                                                                                                                                                                          | boolean                                                                                                                                  | no       | all         | yes               |
+| headerStyle                   | Style object for header.                                                                                                                                                                                                                                                                                             | object                                                                                                                                   | no       | all         | yes               |
+| headerShadowVisible           | Whether to hide the elevation shadow (Android) or the bottom border (iOS) on the header.                                                                                                                                                                                                                                                     | object                                                                                                                                   | no       | Android，iOS | yes               |
+| headerTransparent             | Boolean indicating whether the navigation bar is translucent.                                                                                                                                                                                                                                                                                | boolean                                                                                                                                  | no       | all         | yes               |
+| headerBlurEffect              | Blur effect for the translucent header. The headerTransparent option needs to be set to true for this to work.                                                                                                                                                                                                                               | string                                                                                                                                   | no       | iOS         | no                |
+| headerBackground              | Function which returns a React Element to render as the background of the header. This is useful for using backgrounds such as an image or a gradient.                                                                                                                                                                                       | function                                                                                                                                 | no       | all         | yes               |
+| headerTintColor               | Tint color for the header. Changes the color of back button and title.                                                                                                                                                                                                                                                                       | string                                                                                                                                   | no       | all         | yes               |
+| headerLeft                    | Function which returns a React Element to display on the left side of the header. This replaces the back button. See headerBackVisible to show the back button along side left element.                                                                                                                                                      | function                                                                                                                                 | no       | all         | yes               |
+| headerRight                   | Function which returns a React Element to display on the right side of the header.                                                                                                                                                                                                                                                           | function                                                                                                                                 | no       | all         | yes               |
+| headerTitle                   | String or a function that returns a React Element to be used by the header. Defaults to title or name of the screen.                                                                                                                                                                                                                         | string&#124;function                                                                                                                          | no       | all         | yes               |
+| headerTitleAlign              | How to align the header title.Defaults to left on platforms other than iOS.Not supported on iOS. It's always center on iOS and cannot be changed.                                                                                                                                                                                            | 'left'&#124;'right'                                                                                                                            | no       | Android     | yes               |
+| headerTitleStyle              | Style object for header title.                                                                                                                                                                                                                                                                                                               | object                                                                                                                                   | no       | all         | yes               |
+| headerSearchBarOptions        | Options to render a native search bar on iOS.                                                                                                                                                                                                                                                                                                | object                                                                                                                                   | no       | Android，iOS | no                |
+| header                        | Custom header to use instead of the default header.                                                                                                                                                                                                                                                                                          | function                                                                                                                                 | no       | all         | no                |
+| statusBarAnimation            | Sets the status bar animation (similar to the StatusBar component). Defaults to fade on iOS and none on Android.                                                                                                                                                                                                                             | 'fade'&#124;'none'&#124;'slide'                                                                                                           | no       | Android，iOS | no                |
+| statusBarHidden               | Whether the status bar should be hidden on this screen.                                                                                                                                                                                                                                                                                      | boolean                                                                                                                                  | no       | Android，iOS | no                |
+| statusBarStyle                | Sets the status bar color (similar to the StatusBar component). Defaults to auto.                                                                                                                                                                                                                                                            | string                                                                                                                                   | no       | Android，iOS | no                |
+| statusBarColor                | Sets the status bar color (similar to the StatusBar component). Defaults to initial status bar color.                                                                                                                                                                                                                                        | string                                                                                                                                   | no       | Android     | no                |
+| statusBarTranslucent          | Sets the translucency of the status bar (similar to the StatusBar component). Defaults to false.                                                                                                                                                                                                                                             | boolean                                                                                                                                  | no       | Android     | no                |
+| contentStyle                  | Style object for the scene content.                                                                                                                                                                                                                                                                                                          | object                                                                                                                                   | no       | all         | yes               |
+| customAnimationOnGesture      | Whether the gesture to dismiss should use animation provided to animation prop. Defaults to false.                                                                                                                                                                                                                                           | boolean                                                                                                                                  | no       | iOS         | no                |
+| fullScreenGestureEnabled      | Whether the gesture to dismiss should work on the whole screen. Using gesture to dismiss with this option results in the same transition animation as simple_push. This behavior can be changed by setting customAnimationOnGesture prop. Achieving the default iOS animation isn't possible due to platform limitations. Defaults to false. | boolean                                                                                                                                  | no       | iOS         | no                |
+| gestureEnabled                | Whether you can use gestures to dismiss this screen. Defaults to true.                                                                                                                                                                                                                                                                       | boolean                                                                                                                                  | no       | iOS         | no                |
+| animationTypeForReplace       | The type of animation to use when this screen replaces another screen. Defaults to pop.                                                                                                                                                                                                                                                      | 'push'&#124;'pop'                                                                                                                         | no       | Android，iOS | no                |
+| animation                     | How the screen should animate when pushed or popped.                                                                                                                                                                                                                                                                                         | 'default'&#124;'fade'&#124;'fade_from_bottom'&#124;'fade_from_bottom'&#124;'simple_push'&#124;'slide_from_bottom'&#124;'slide_from_right'&#124;'slide_from_left'&#124;'none'      | no       | Android,iOS | no                |
+| presentation                  | How should the screen be presented.                                                                                                                                                                                                                                                                                                          | 'card'&#124;'modal'&#124;'transparentModal'&#124;'containedModal'&#124;'containedModal'&#124;'fullScreenModal'&#124;'formSheet'           | no       | Android，iOS | partially         |
+| orientation                   | The display orientation to use for the screen.                                                                                                                                                                                                                                                                                               | 'default'&#124;'all'&#124;'portrait'&#124;'portrait_up'&#124;'portrait_down'&#124;'landscape'&#124;'landscape_left'&#124;'landscape_left' | no       | Android，iOS | no                |
+| autoHideHomeIndicator         | Boolean indicating whether the home indicator should prefer to stay hidden. Defaults to false.                                                                                                                                                                                                                                               | boolean                                                                                                                                  | no       | iOS         | no                |
+| gestureDirection              | Sets the direction in which you should swipe to dismiss the screen.                                                                                                                                                                                                                                                                          | 'vertical '&#124;'horizontal '                                                                                                            | no       | iOS         | no                |
+| animationDuration             | Changes the duration (in milliseconds) of slide_from_bottom, fade_from_bottom, fade and simple_push transitions on iOS. Defaults to 350.                                                                                                                                                                                                     | number                                                                                                                                  | no       | iOS         | no                |
+| navigationBarColor            | Sets the navigation bar color. Defaults to initial status bar color.                                                                                                                                                                                                                                                                         | string                                                                                                                                   | no       | Android     | no                |
+| navigationBarHidden           | Boolean indicating whether the navigation bar should be hidden. Defaults to false.                                                                                                                                                                                                                                                           | boolean                                                                                                                                  | no       | Android     | no                |
+| freezeOnBlur                  | Boolean indicating whether to prevent inactive screens from re-rendering. Defaults to false. Defaults to true when enableFreeze() from react-native-screens package is run at the top of the application.                                                                                                                                    | boolean                                                                                                                                  | no       | Android,iOS | no                |
+
+**Events**
+| Name            | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
+|-----------------|----------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| transitionStart | This event is fired when the transition animation starts for the current screen. | function | no       | all      | no                |
+| transitionEnd   | This event is fired when the transition animation ends for the current screen.   | function | no       | all      | no                |
 
 ## 遗留问题
 
+- [ ] react-native-screens功能缺失，导致headerSearchBarOptions等属性功能无法实现：[issue#25](https://github.com/react-native-oh-library/react-navigation/issues/25)
+
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/main/packages/native-stack/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/main/packages/native-stack/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-navigation-native.md b/zh-cn/react-navigation-native.md
index 6d1926c5..34887d25 100644
--- a/zh-cn/react-navigation-native.md
+++ b/zh-cn/react-navigation-native.md
@@ -1,65 +1,118 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
-
+> 模板版本：v0.2.2
 <p align="center">
   <h1 align="center"> <code>@react-navigation/native</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/native">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/native/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)
+
+
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-navigation/native@6.1.9
+npm install @react-navigation/native@6.1.17
 ```
-
 #### **yarn**
 
 ```bash
-yarn add @react-navigation/native@6.1.9
+yarn add @react-navigation/native@6.1.17
 ```
 
+
 <!-- tabs:end -->
 
-## 兼容性
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+```js
+import * as React from 'react';
+import { Text, View } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+
+const Tab = createBottomTabNavigator();
+
+function HomeScreen({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home screen</Text>
+        </View>
+    );
+}
+
+function DetailsScreen({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Details!</Text>
+        </View>
+    );
+}
+
+export default function App() {
+    return (
+        <NavigationContainer>
+            <Tab.Navigator>
+                <Tab.Screen name="Home" component={HomeScreen} />
+                <Tab.Screen name="Details" component={DetailsScreen} />
+            </Tab.Navigator>
+        </NavigationContainer>
+    );
+}
+
+export {App}
+```
+
+## 约束与限制
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1. RNOH: 0.72.11; SDK: OpenHarmony(api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52;
+2. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
+3. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+4. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
 ## 属性
 
-以下属性已验证，更多属性详情请查看 [react-navigation/native 的文档介绍](https://reactnavigation.org/docs/navigation-container)
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **NavigationContainer**：
 
-| Name          | Description                  | Type     | Required | Platform | HarmonyOS Support |
-| ------------- | ---------------------------- | -------- | -------- | -------- | ----------------- |
-| theme         | 主题                         | Theme    | no       | All      | yes               |
-| independent   | 此导航容器是否应独立于父容器 | boolean  | no       | All      | yes               |
-| documentTitle | 文档标题                     | function | no       | All      | yes               |
+| Name                      | Description                                                                                                          | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------- | -------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| useNavigationContainerRef | A ref link to navigation                                                                                             | function | no       | all      | yes               |
+| onStateChange             | Function that gets called every time navigation state changes. It receives the new navigation state as the argument. | function | no       | all      | yes               |
+| onReady                   | Function which is called after the navigation container and all its children finish mounting for the first time.     | function | no       | all      | yes               |
 
-**NavigationHelpersContext.Provider**：navigation 提供者，用于保存导航器
+**Hooks**
+| Name           | Description                                                                                                                                                                                    | Type     | Required | Platform | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| useScrollToTop | The expected native behavior of scrollable components is to respond to events from navigation that will scroll to top when tapping on the active tab as you would expect from native tab bars. | function | no       | all      | yes               |
 
 ## 遗留问题
 
 ## 其他
 
+示例代码依赖以下三方库，请查看对应文档：
++ [@react-navigation/bottom-tabs](/zh-cn/react-navigation-bottom-tabs.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/native/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation-routers.md b/zh-cn/react-navigation-routers.md
new file mode 100644
index 00000000..03d19b53
--- /dev/null
+++ b/zh-cn/react-navigation-routers.md
@@ -0,0 +1,137 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/routers</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/routers/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/routers@6.1.9
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/routers@6.1.9
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Button, Text, View } from 'react-native';
+import { CommonActions } from '@react-navigation/routers';
+import { NavigationContainer } from '@react-navigation/native'
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
+
+function HomeScreen({ navigation, route }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home!</Text>
+            <Button
+                title="Go to Settings"
+                onPress={() => navigation.dispatch(CommonActions.navigate('Settings', {
+                    id: Math.floor(Math.random() * 100)
+                }))}
+            />
+        </View>
+    );
+}
+
+function SettingsScreen({ navigation, route }) {
+
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Settings!</Text>
+            <Text>params: {JSON.stringify(route.params || {})} </Text>
+            <Button title="Go Back" onPress={() => navigation.dispatch(CommonActions.goBack())} />
+        </View>
+    );
+}
+
+const Tab = createBottomTabNavigator()
+
+export default function App() {
+    return (
+        <NavigationContainer>
+            <Tab.Navigator>
+                <Tab.Screen name="Home" component={HomeScreen} />
+                <Tab.Screen name="Settings" component={SettingsScreen} />
+            </Tab.Navigator>
+        </NavigationContainer>
+    );
+}
+
+export {App}
+```
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下方法已验证，更多使用详情请查看 [react-navigation 的文档介绍](https://reactnavigation.org/docs/getting-started/)
+
+**CommenActions**
+| Name      | Description                                                                   | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ----------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| navigate  | The navigate action allows to navigate to a specific route.                   | function | no       | all      | yes               |
+| reset     | The reset action allows to reset the navigation state to the given state.     | function | no       | all      | yes               |
+| goBack    | The goBack action creator allows to go back to the previous route in history. | function | no       | all      | yes               |
+| setParams | The setParams action allows to update params for a certain route.             | function | no       | all      | yes               |
+
+**StackRouter**: Standard router.
+
+**TabRouter**: Standard router.
+
+**StackRouter**: Standard router.
+
+
+
+## 遗留问题
+
+## 其他
+
+示例代码依赖以下三方库，请查看对应文档：
++ [@react-navigation/bottom-tabs](/zh-cn/react-navigation-bottom-tabs.md)
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/routers/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-navigation-stack.md b/zh-cn/react-navigation-stack.md
index 3946b274..c1853d06 100644
--- a/zh-cn/react-navigation-stack.md
+++ b/zh-cn/react-navigation-stack.md
@@ -1,68 +1,177 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-navigation/stack</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/stack/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)
+
+
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
 
+> [!TIP] stack的tgz包在react-navigation Releases。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases),并下载stack适用版本的 tgz 包。
+
+> [!TIP] # 处替换为tgz包的路径
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-navigation/stack@6.3.19
+npm install @react-native-oh-tpl/stack@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-navigation/stack@6.3.19
+yarn add @react-native-oh-tpl/stack@file:#
 ```
 
 <!-- tabs:end -->
 
-## 兼容性
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+```js
+import * as React from 'react';
+import { Button, Text, View } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+
+
+
+const HomeStack = createStackNavigator();
+
+function HomeScreen({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home screen</Text>
+            <Button
+                title="Go to Details"
+                onPress={() => navigation.navigate('Details')}
+            />
+        </View>
+    );
+}
+
+function DetailsScreen({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Details!</Text>
+            <Button
+                title="Go back"
+                onPress={() => navigation.goBack()}
+            />
+        </View>
+    );
+}
+
+
+
+export default function App() {
+    return (
+        <NavigationContainer>
+            <HomeStack.Navigator>
+                <HomeStack.Screen name="Home" component={HomeScreen} />
+                <HomeStack.Screen name="Details" component={DetailsScreen} />
+            </HomeStack.Navigator>
+        </NavigationContainer>
+    );
+}
+```
 
-本文档内容基于以下版本验证通过：
+## Link
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
 
-1. DevEco Studio: 4.0.3.700; SDK: OpenHarmony(API10) 4.0.10.15; 测试设备: Mate 40 Pro(NOH-AN00); ROM: 4.0.0.66(SP3C00E73R1P14log); RNOH: 0.72.10
-2. DevEco Studio: 4.1.3.313; SDK: OpenHarmony(API11) 4.1.0.52; 测试设备: Mate 40 Pro(NOH-AN00); ROM: 2.0.0.52(SP22C00E52R1P17log); RNOH: 0.72.11
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-## 方法
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档的 Link 章节](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
 
-| Name                   | Description     | Type     | Required | Platform | HarmonyOS Support |
-| ---------------------- | --------------- | -------- | -------- | -------- | ----------------- |
-| `createStackNavigator` | 创建 Stack 组件 | function | no       | All      | yes               |
 
-## 属性
 
-以下属性已验证，更多属性详情请查看 [react-navigation/stack 的文档介绍](https://reactnavigation.org/docs/stack-navigator)
+## 约束与限制
+### 兼容性
 
-**Navigator**：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-| Name             | Description                          | Type   | Required | Platform | HarmonyOS Support |
-| ---------------- | ------------------------------------ | ------ | -------- | -------- | ----------------- |
-| initialRouteName | 第一次加载导航器时要渲染的路线的名称 | string | no       | All      | yes               |
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)
 
-**Screen**：
 
-| Name    | Description                            | Type       | Required | Platform | HarmonyOS Support |
-| ------- | -------------------------------------- | ---------- | -------- | -------- | ----------------- |
-| name    | 屏幕显示的 自定义类型名称              | string     | no       | All      | yes               |
-| options | 用于配置如何在导航器中显示屏幕的选项。 | 自定义类型 | no       | All      | yes               |
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多属性详情请查看 [react-navigation/stack 的文档介绍](https://reactnavigation.org/docs/stack-navigator)
+
+
+**Props**
+
+| Name                  | Description                                                                                                                                                                        | Type    | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| id                    | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.                                                  | string  | no       | all         | yes               |
+| initialRouteName      | The name of the route to render on first load of the navigator.                                                                                                                    | string  | no       | all         | yes               |
+| screenOptions         | Default options to use for the screens in the navigator.                                                                                                                           | object  | no       | all         | yes               |
+| detachInactiveScreens | Boolean used to indicate whether inactive screens should be detached from the view hierarchy to save memory. This enables integration with react-native-screens. Defaults to true. | boolean | no       | Android,iOS | no                |
+
+
+**Options & screenOptions**
+
+| Name                         | Description                                                                                                                                                                                                                                                                                                               | Type                                        | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | -------- | ----------- | ----------------- |
+| title                        | String that can be used as a fallback for headerTitle.                                                                                                                                                                                                                                                                    | string                                      | no       | all         | yes               |
+| cardShadowEnabled            | Use this prop to have visible shadows during transitions. Defaults to true.                                                                                                                                                                                                                                               | boolean                                     | no       | all         | yes               |
+| cardOverlayEnabled           | Use this prop to have a semi-transparent dark overlay visible under the card during transitions. Defaults to true on Android and false on iOS.                                                                                                                                                                            | boolean                                     | no       | all         | yes               |
+| cardOverlay                  | Function which returns a React Element to display as the overlay for the card. Make sure to set cardOverlayEnabled to true when using this.                                                                                                                                                                               | fucntion                                    | no       | all         | yes               |
+| cardStyle                    | Style object for the card in stack. You can provide a custom background color to use instead of the default background here.                                                                                                                                                                                              | object                                      | no       | all         | yes               |
+| presentation                 | This is shortcut option which configures several options to configure the style for rendering and transitions.                                                                                                                                                                                                            | 'card'&#124;'modal'&#124;'transparentModal' | no       | all         | yes               |
+| animationEnabled             | Whether transition animation should be enabled on the screen. If you set it to false, the screen won't animate when pushing or popping. Defaults to true on iOS and Android, false on Web.                                                                                                                                | boolean                                     | no       | all         | yes               |
+| animationTypeForReplace      | The type of animation to use when this screen replaces another screen.                                                                                                                                                                                                                                                    | 'push'&#124;'pop'                           | no       | all         | yes               |
+| gestureEnabled               | Whether you can use gestures to dismiss this screen.                                                                                                                                                                                                                                                                      | boolean                                     | no       | Android,iOS | yes               |
+| gestureResponseDistance      | Number to override the distance of touch start from the edge of the screen to recognize gestures.                                                                                                                                                                                                                         | number                                      | no       | Android,iOS | yes               |
+| gestureVelocityImpact        | Number which determines the relevance of velocity for the gesture. Defaults to 0.3.                                                                                                                                                                                                                                       | number                                      | no       | Android,iOS | yes               |
+| gestureDirection             | Direction of the gestures.                                                                                                                                                                                                                                                                                                | string                                      | no       | Android,iOS | yes               |
+| transitionSpec               | Configuration object for the screen transition.                                                                                                                                                                                                                                                                           | object                                      | no       | all         | yes               |
+| cardStyleInterpolator        | Interpolated styles for various parts of the card.                                                                                                                                                                                                                                                                        | object                                      | no       | all         | yes               |
+| headerStyleInterpolator      | Interpolated styles for various parts of the header.                                                                                                                                                                                                                                                                      | object                                      | no       | all         | yes               |
+| keyboardHandlingEnabled      | If false, the keyboard will NOT automatically dismiss when navigating to a new screen from this screen. Defaults to true.                                                                                                                                                                                                 | boolean                                     | no       | all         | yes               |
+| detachPreviousScreen         | Boolean used to indicate whether to detach the previous screen from the view hierarchy to save memory. Set it to false if you need the previous screen to be seen through the active screen. Only applicable if detachInactiveScreens isn't set to false.                                                                 | boolean                                     | no       | all         | no                |
+| freezeOnBlur                 | Boolean indicating whether to prevent inactive screens from re-rendering. Defaults to false. Defaults to true when enableFreeze() from react-native-screens package is run at the top of the application.                                                                                                                 | boolean                                     | no       | all         | no                |
+| header                       | Custom header to use instead of the default header.                                                                                                                                                                                                                                                                       | function                                    | no       | all         | yes               |
+| headerMode                   | Specifies how the header should be rendered.                                                                                                                                                                                                                                                                              | 'float'&#124;'screen'                       | no       | all         | yes               |
+| headerShown                  | Whether to show or hide the header for the screen. The header is shown by default. Setting this to false hides the header.                                                                                                                                                                                                | boolean                                     | no       | all         | yes               |
+| headerBackAllowFontScaling   | Whether back button title font should scale to respect Text Size accessibility settings. Defaults to false.                                                                                                                                                                                                               | boolean                                     | no       | all         | yes               |
+| headerBackAccessibilityLabel | Accessibility label for the header back button.                                                                                                                                                                                                                                                                           | string                                      | no       | all         | yes               |
+| headerBackImage              | Function which returns a React Element to display custom image in header's back button. When a function is used, it receives the tintColor in it's argument object. Defaults to Image component with back image source, which is the default back icon image for the platform (a chevron on iOS and an arrow on Android). | function                                    | no       | all         | yes               |
+| headerBackTitle              | Title string used by the back button on iOS. Defaults to the previous scene's headerTitle.                                                                                                                                                                                                                                | string                                      | no       | all         | yes               |
+| headerBackTitleVisible       | A reasonable default is supplied for whether the back button title should be visible or not, but if you want to override that you can use true or false in this option.                                                                                                                                                   | boolean                                     | no       | all         | yes               |
+| headerTruncatedBackTitle     | Title string used by the back button when headerBackTitle doesn't fit on the screen. "Back" by default.                                                                                                                                                                                                                   | string                                      | no       | all         | yes               |
+| headerBackTitleStyle         | Style object for the back title.                                                                                                                                                                                                                                                                                          | object                                      | no       | all         | yes               |
+
+**Events**
+| Name            | Description                                                                                                                    | Type     | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| transitionStart | This event is fired when the transition animation starts for the current screen.                                               | function | no       | all      | yes               |
+| transitionEnd   | This event is fired when the transition animation ends for the current screen.                                                 | function | no       | all      | yes               |
+| gestureStart    | This event is fired when the swipe gesture starts for the current screen.                                                      | function | no       | all      | yes               |
+| gestureEnd      | This event is fired when the swipe gesture ends for the current screen. e.g. a screen was successfully dismissed.              | function | no       | all      | yes               |
+| gestureCancel   | This event is fired when the swipe gesture is cancelled for the current screen. e.g. a screen wasn't dismissed by the gesture. | function | no       | all      | yes               |
 ## 遗留问题
 
 ## 其他
@@ -70,5 +179,3 @@ yarn add @react-navigation/stack@6.3.19
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/stack/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation.md b/zh-cn/react-navigation.md
index ec74358e..8a30e65e 100644
--- a/zh-cn/react-navigation.md
+++ b/zh-cn/react-navigation.md
@@ -1,36 +1,44 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-navigation</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-navigation/react-navigation">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://opensource.org/license/mit/">
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-## Package Versions
-
-| Name                                                         |                                                                   Latest Version                                                                    |
-| ------------------------------------------------------------ | :-------------------------------------------------------------------------------------------------------------------------------------------------: |
-| [@react-navigation/bottom-tabs](./#)                         |       [![badge](https://img.shields.io/npm/v/@react-navigation/bottom-tabs.svg)](https://www.npmjs.com/package/@react-navigation/bottom-tabs)       |
-| [@react-navigation/core](./#)                                |              [![badge](https://img.shields.io/npm/v/@react-navigation/core.svg)](https://www.npmjs.com/package/@react-navigation/core)              |
-| [@react-navigation/devtools](./#)                            |          [![badge](https://img.shields.io/npm/v/@react-navigation/devtools.svg)](https://www.npmjs.com/package/@react-navigation/devtools)          |
-| [@react-navigation/drawer](./#)                              |            [![badge](https://img.shields.io/npm/v/@react-navigation/drawer.svg)](https://www.npmjs.com/package/@react-navigation/drawer)            |
-| [@react-navigation/elements](./react-navigation-elements.md) |          [![badge](https://img.shields.io/npm/v/@react-navigation/elements.svg)](https://www.npmjs.com/package/@react-navigation/elements)          |
-| [@react-navigation/material-top-tabs](./#)                   | [![badge](https://img.shields.io/npm/v/@react-navigation/material-top-tabs.svg)](https://www.npmjs.com/package/@react-navigation/material-top-tabs) |
-| [@react-navigation/native-stack](./#)                        |      [![badge](https://img.shields.io/npm/v/@react-navigation/native-stack.svg)](https://www.npmjs.com/package/@react-navigation/native-stack)      |
-| [@react-navigation/native](./#)                              |            [![badge](https://img.shields.io/npm/v/@react-navigation/native.svg)](https://www.npmjs.com/package/@react-navigation/native)            |
-| [@react-navigation/routers](./#)                             |           [![badge](https://img.shields.io/npm/v/@react-navigation/routers.svg)](https://www.npmjs.com/package/@react-navigation/routers)           |
-| [@react-navigation/stack](./#)                               |             [![badge](https://img.shields.io/npm/v/@react-navigation/stack.svg)](https://www.npmjs.com/package/@react-navigation/stack)             |
-| [react-native-tab-view](./#)                                 |               [![badge](https://img.shields.io/npm/v/react-native-tab-view.svg)](https://www.npmjs.com/package/react-native-tab-view)               |
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation)
 
-## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/a7ul/react-native-exception-handler/blob/master/LICENSE) ，请自由地享受和参与开源。
+## Packages
+
+| 序号 | 原库名                                                                                                                                       | 原库基线版本 | HarmonyOSReleases                                                                                                  | 文档链接（相对路径）                                       |
+|----|-------------------------------------------------------------------------------------------------------------------------------------------|--------|--------------------------------------------------------------------------------------------------------------------|--------------------------------------------------|
+| 1  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)                       | 6.5.20 | -                                                                                                                  | [链接](/zh-cn/react-navigation-bottom-tabs.md)          |
+| 2  | [@react-navigation/core](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)                                     | 6.4.16 | -                                                                                                                  | [链接](/zh-cn/react-navigation-core.md)                 |
+| 3  | [@react-navigation/devtools](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)                             | 6.0.26 | -                                                                                                                  | [链接](/zh-cn/react-navigation-devtools.md)             |
+| 4  | [@react-navigation/drawer](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)                          | 6.7.1  | [@react-native-oh-tpl/drawer](https://github.com/react-native-oh-library/react-navigation/releases)                | [链接](/zh-cn/react-navigation-drawer.md)               |
+| 5  | [@react-navigation/elements](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)                      | 1.3.21 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)              | [链接](/zh-cn/react-navigation-elements.md)             |
+| 6  | [@react-navigation/material-bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)     | 6.2.28 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-bottom-tabs.md) |
+| 7  | [@react-navigation/material-top-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)           | 6.6.13 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-top-tabs.md)    |
+| 8  | [@react-navigation/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)              | 6.9.26 | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)          | [链接](/zh-cn/react-navigation-native-stack.md)         |
+| 9  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                                 | 6.1.17 | -                                                                                                                  | [链接](/zh-cn/react-navigation-native.md)               |
+| 10 | [@react-navigation/routers](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)                               | 6.1.9  | -                                                                                                                  | [链接](/zh-cn/react-navigation-routers.md)              |
+| 11 | [@react-navigation/stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)                            | 6.4.0  | [@react-native-oh-tpl/stack](https://github.com/react-native-oh-library/react-navigation/releases)                 | [链接](/zh-cn/react-navigation-stack.md)                |
+| 12 | [react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/react-native-tab-view)              | 3.5.2  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases) | [链接](/zh-cn/react-native-tab-view.md)                 |
+| 13 | [flipper-plugin-react-navigation](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation) | 1.3.32 | -                                                                                                                  | [链接](/zh-cn/flipper-plugin-react-navigation.md)       |
+
+## 依赖关系
+
+![image](/img/react-navigation-dependency.png)
+
+
+
+## 开源协议
 
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE) ，请自由地享受和参与开源。

From a271973af2e35e75560bcbee1a63899abe7d676c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Thu, 1 Aug 2024 08:07:18 +0000
Subject: [PATCH 320/966] =?UTF-8?q?!1252=20docs:=20[Issues:=20#IAGTBX]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-haptic-feedback=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAGTBX]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-haptic-feedback=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-haptic-feedback.md | 71 +++++++++++++--------------
 1 file changed, 34 insertions(+), 37 deletions(-)

diff --git a/zh-cn/react-native-haptic-feedback.md b/zh-cn/react-native-haptic-feedback.md
index 47abc021..f5e0d899 100644
--- a/zh-cn/react-native-haptic-feedback.md
+++ b/zh-cn/react-native-haptic-feedback.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-haptic-feedback</code> </h1>
@@ -80,10 +79,11 @@ export const HapticFeedbackExample = () => {
       <ScrollView>
         {methods.map((item) => {
           return (
-            <Button 
-            title={item}
-            onPress={() => ReactNativeHapticFeedback.trigger(item, options)}>
-            </Button>
+            <Button
+              title={item}
+              onPress={() => ReactNativeHapticFeedback.trigger(item, options)}
+              key={item}
+            ></Button>
           )
         })}
       </ScrollView>
@@ -152,8 +152,9 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-  ...
-+ import { RNHapticFeedbackPackage } from '@react-native-oh-tpl/react-native-haptic-feedback/ts';
+...
+
++  import { RNHapticFeedbackPackage } from '@react-native-oh-tpl/react-native-haptic-feedback/ts'
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -190,47 +191,44 @@ ohpm install
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该方法；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-
 ### Available Methods
 
 `trigger(method, options)`
 Use this method to trigger haptic feedback
 
-| Name                              | Description                                                                                                                           | Type    | Required | Platform    | HarmonyOS Support |
+| Name                                  | Description                                                                                                                           | Type    | Required | Platform    | HarmonyOS Support |
 | ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
 | `method`                              | Specifies the type of haptic feedback. See the list of available methods below.                                                       | string  | yes      | iOS/Android | yes               |
 | `options.enableVibrateFallback`       | iOS only. If haptic feedback is unavailable (iOS < 10 OR Device < iPhone6s), vibrate with default method (heavy 1s) (default: false). | boolean | no       | iOS         | no                |
-| `options.ignoreAndroidSystemSettings` | Ignoreing phone mute mode setting and triggering haptic feedback. (default: false).      | boolean | no       | Android     | yes               |
-
- 
+| `options.ignoreAndroidSystemSettings` | Ignoreing phone mute mode setting and triggering haptic feedback. (default: false).                                                   | boolean | no       | Android     | yes               |
 
 ### method Overview
 
 Here's an overview of the available methods and their compatibility
-| Name |  Description | Type |Required|Platform|HarmonyOS Support|
+| Name | Description | Type |Required|Platform|HarmonyOS Support|
 | ---- | :-----: | :----: |:---: |:----: |:------: |
-| `impactLight`   | impactLight feedback |   string |no|iOS/Android|yes|
-| `impactMedium`  | impactMedium feedback |   string |no|iOS/Android|yes|
-| `impactHeavy`   | impactHeavy feedback |   string |no|iOS/Android|yes|
-| `rigid`               | rigid feedback |    string |no|iOS/Android|yes|
-| `soft`                | soft feedback |   string |no|iOS/Android|yes|
-| `notificationSuccess` | notificationSuccess feedback |   string |no|iOS/Android|yes|
-| `notificationWarning` | notificationWarning feedback |   string |no|iOS/Android|yes|
-| `notificationError`   | notificationError feedback |     string |no|iOS/Android|yes|
-| `selection`           |     selection feedback    |    string |no|iOS|yes|
-| `clockTick`           |   clockTick feedback   |      string |no|Android|yes|
-| `contextClick`        |   contextClick feedback  |     string |no|Android|yes|
-| `keyboardPress`       |  keyboardPress feedback  |      string |no|Android|yes|
-| `keyboardRelease`     |  keyboardRelease feedback  |     string |no|Android|yes|
-| `keyboardTap`         |  keyboardTap feedback  |    string |no|Android|yes|
-| `longPress`           |  longPress feedback  |     string |no|Android|yes|
-| `textHandleMove`      |   textHandleMove feedback  |     string |no|Android|yes|
-| `virtualKey`          |  virtualKey feedback  |     string |no|Android|yes|
-| `virtualKeyRelease`   |   virtualKeyRelease feedback  |    string |no|Android|yes|
-| `effectClick`         | effectClick feedback  |   string |no|Android|yes|
-| `effectDoubleClick`   |   effectDoubleClick feedback  |     string |no|Android|yes|
-| `effectHeavyClick`    |   effectHeavyClick feedback  |     string |no|Android|yes|
-| `effectTick`          |   effectTick feedback   |   string |no|Android|yes|
+| `impactLight` | impactLight feedback | string |no|iOS/Android|yes|
+| `impactMedium` | impactMedium feedback | string |no|iOS/Android|yes|
+| `impactHeavy` | impactHeavy feedback | string |no|iOS/Android|yes|
+| `rigid` | rigid feedback | string |no|iOS/Android|yes|
+| `soft` | soft feedback | string |no|iOS/Android|yes|
+| `notificationSuccess` | notificationSuccess feedback | string |no|iOS/Android|yes|
+| `notificationWarning` | notificationWarning feedback | string |no|iOS/Android|yes|
+| `notificationError` | notificationError feedback | string |no|iOS/Android|yes|
+| `selection` | selection feedback | string |no|iOS|yes|
+| `clockTick` | clockTick feedback | string |no|Android|yes|
+| `contextClick` | contextClick feedback | string |no|Android|yes|
+| `keyboardPress` | keyboardPress feedback | string |no|Android|yes|
+| `keyboardRelease` | keyboardRelease feedback | string |no|Android|yes|
+| `keyboardTap` | keyboardTap feedback | string |no|Android|yes|
+| `longPress` | longPress feedback | string |no|Android|yes|
+| `textHandleMove` | textHandleMove feedback | string |no|Android|yes|
+| `virtualKey` | virtualKey feedback | string |no|Android|yes|
+| `virtualKeyRelease` | virtualKeyRelease feedback | string |no|Android|yes|
+| `effectClick` | effectClick feedback | string |no|Android|yes|
+| `effectDoubleClick` | effectDoubleClick feedback | string |no|Android|yes|
+| `effectHeavyClick` | effectHeavyClick feedback | string |no|Android|yes|
+| `effectTick` | effectTick feedback | string |no|Android|yes|
 
 ## 遗留问题
 
@@ -241,4 +239,3 @@ Here's an overview of the available methods and their compatibility
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/mkuczera/react-native-haptic-feedback/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file

From 494ce69aba882d3d638141b163761abf9688720e Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Thu, 1 Aug 2024 08:26:41 +0000
Subject: [PATCH 321/966] =?UTF-8?q?!1250=20docs:=20[Issues:=20#IAGOTO]=20?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85README=E4=B8=AD=E5=B7=B2=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E7=9A=84=E7=BB=84=E4=BB=B6=E5=88=97=E8=A1=A8=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IAGOTO]=20=E8=A1=A5=E5=85=85README=E4=B8=AD=E5=B7=B2?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=E7=9A=84=E7=BB=84=E4=BB=B6=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 18 +++++++++++++++++-
 zh-cn/README.md | 18 +++++++++++++++++-
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 1957ef40..799bd4b6 100644
--- a/README.md
+++ b/README.md
@@ -180,7 +180,23 @@
 | 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
 | 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
 | 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
-| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |             |
+| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
+| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
+| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 是                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
+| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 是                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
+| 160  | [react-native-bindingx](https://github.com/alibaba/bindingx) | 1.0.3         | 否                | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases) | [链接](/zh-cn/react-native-bindingx.md)                     |
+| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview) | 2.0.3         | 是                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases) | [链接](/zh-cn/react-native-cardview.md)                     |
+| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist) | 3.1.0         | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases) | [链接](/zh-cn/react-native-largelist.md)                     |
+| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master) | 2.0.22         | 是                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases) | [链接](/zh-cn/react-native-spring-scrollview.md)                     |
+| 164  | [react-native-color-matrix-image-filters](https://github.com/iyegoroff/react-native-color-matrix-image-filters) | 6.0.5         | 是                 | [@react-native-oh-tpl/react-native-color-matrix-image-filters](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) | [链接](/zh-cn/react-native-color-matrix-image-filters.md)                     |
+| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master) | 1.0.7         | 是                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases) | [链接](/zh-cn/remobile-react-native-toast.md)                     |
+| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker) | 0.5.3         | 是                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases) | [链接](/zh-cn/react-native-syan-image-picker.md)                     |
+| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation) | 1.2.3         | 是                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases) | [链接](/zh-cn/react-native-amap-geolocation.md)                     |
+| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen) | 3.3.0         | 是                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | [链接](/zh-cn/react-native-splash-screen.md)                     |
+| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map) | 1.0.37         | 是                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases) | [链接](/zh-cn/react-native-baidu-map.md)                     |
+| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 是                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
+| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 是                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
+| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 是                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index f790c7b4..11d29091 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -180,7 +180,23 @@
 | 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
 | 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
 | 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
-| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |             |
+| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
+| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
+| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 是                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
+| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 是                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
+| 160  | [react-native-bindingx](https://github.com/alibaba/bindingx) | 1.0.3         | 否                | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases) | [链接](/zh-cn/react-native-bindingx.md)                     |
+| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview) | 2.0.3         | 是                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases) | [链接](/zh-cn/react-native-cardview.md)                     |
+| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist) | 3.1.0         | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases) | [链接](/zh-cn/react-native-largelist.md)                     |
+| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master) | 2.0.22         | 是                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases) | [链接](/zh-cn/react-native-spring-scrollview.md)                     |
+| 164  | [react-native-color-matrix-image-filters](https://github.com/iyegoroff/react-native-color-matrix-image-filters) | 6.0.5         | 是                 | [@react-native-oh-tpl/react-native-color-matrix-image-filters](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) | [链接](/zh-cn/react-native-color-matrix-image-filters.md)                     |
+| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master) | 1.0.7         | 是                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases) | [链接](/zh-cn/remobile-react-native-toast.md)                     |
+| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker) | 0.5.3         | 是                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases) | [链接](/zh-cn/react-native-syan-image-picker.md)                     |
+| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation) | 1.2.3         | 是                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases) | [链接](/zh-cn/react-native-amap-geolocation.md)                     |
+| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen) | 3.3.0         | 是                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | [链接](/zh-cn/react-native-splash-screen.md)                     |
+| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map) | 1.0.37         | 是                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases) | [链接](/zh-cn/react-native-baidu-map.md)                     |
+| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 是                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
+| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 是                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
+| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 是                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                       |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From d73715427bfce0e7c9ca28a007a50dbf1051bf4b Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Thu, 1 Aug 2024 09:01:26 +0000
Subject: [PATCH 322/966] =?UTF-8?q?!1184=20docs:=20[Issues:=20#IAEC0Q]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-phone-number-input=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAEC0Q]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-phone-number-input=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-phone-number-input.md | 216 +++++++++++++++++++++++
 1 file changed, 216 insertions(+)
 create mode 100644 zh-cn/react-native-phone-number-input.md

diff --git a/zh-cn/react-native-phone-number-input.md b/zh-cn/react-native-phone-number-input.md
new file mode 100644
index 00000000..42f777fa
--- /dev/null
+++ b/zh-cn/react-native-phone-number-input.md
@@ -0,0 +1,216 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-phone-number-input</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/garganurag893/react-native-phone-number-input">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/garganurag893/react-native-phone-number-input/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/garganurag893/react-native-phone-number-input)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm npm i react-native-phone-number-input@2.1.0 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-phone-number-input@2.1.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useRef } from "react";
+import {
+  SafeAreaView,
+  StyleSheet,
+  View,
+  StatusBar,
+  TouchableOpacity,
+  Text,
+} from "react-native";
+import PhoneInput from "react-native-phone-number-input";
+import { Colors } from "react-native/Libraries/NewAppScreen";
+
+export const InputDemo = () => {
+  const [value, setValue] = useState("");
+  const [countryCode, setCountryCode] = useState("");
+  const [formattedValue, setFormattedValue] = useState("");
+  const [valid, setValid] = useState(false);
+  const [disabled, setDisabled] = useState(false);
+  const [showMessage, setShowMessage] = useState(false);
+  const phoneInput = useRef < PhoneInput > null;
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <View style={styles.container}>
+        <SafeAreaView style={styles.wrapper}>
+          {showMessage && (
+            <View style={styles.message}>
+              <Text>Country Code : {countryCode}</Text>
+              <Text>Value : {value}</Text>
+              <Text>Formatted Value : {formattedValue}</Text>
+              <Text>Valid : {valid ? "true" : "false"}</Text>
+            </View>
+          )}
+          <PhoneInput
+            ref={phoneInput}
+            defaultValue={value}
+            disableArrowIcon={true}
+            defaultCode="AX"
+            layout="first"
+            onChangeText={(text) => {
+              setValue(text);
+            }}
+            onChangeFormattedText={(text) => {
+              setFormattedValue(text);
+              setCountryCode(phoneInput.current?.getCountryCode() || "");
+            }}
+            countryPickerProps={{ withAlphaFilter: true }}
+            disabled={disabled}
+            withDarkTheme={false}
+            withShadow={false}
+            autoFocus={true}
+            renderDropdownImage={<h1>Hello, world!</h1>}
+          />
+          <TouchableOpacity
+            style={styles.button}
+            onPress={() => {
+              const checkValid = phoneInput.current?.isValidNumber(value);
+              setShowMessage(true);
+              setValid(checkValid ? checkValid : false);
+              setCountryCode(phoneInput.current?.getCountryCode() || "");
+              let getNumberAfterPossiblyEliminatingZero =
+                phoneInput.current?.getNumberAfterPossiblyEliminatingZero();
+              console.log(getNumberAfterPossiblyEliminatingZero);
+            }}
+          >
+            <Text style={styles.buttonText}>Check</Text>
+          </TouchableOpacity>
+        </SafeAreaView>
+      </View>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.lighter,
+  },
+  wrapper: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  button: {
+    marginTop: 20,
+    height: 50,
+    width: 300,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#7CDB8A",
+    shadowColor: "rgba(0,0,0,0.4)",
+    shadowOffset: {
+      width: 1,
+      height: 5,
+    },
+    shadowOpacity: 0.34,
+    shadowRadius: 6.27,
+    elevation: 10,
+  },
+  buttonText: {
+    color: "white",
+    fontSize: 14,
+  },
+  message: {
+    borderWidth: 1,
+    borderRadius: 5,
+    padding: 20,
+    marginBottom: 20,
+    justifyContent: "center",
+    alignItems: "flex-start",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                     | Description                           | Type                                                                                                          | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| defaultCode              | default country code                  | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | no       | Android iOS | yes               |
+| withDarkTheme            | Keyboard Theme Colors                 | boolean                                                                                                       | no       | iOS         | partially         |
+| withShadow               | Whether there is a shadow             | boolean                                                                                                       | no       | Android iOS | yes               |
+| autoFocus                | focus                                 | boolean                                                                                                       | no       | Android iOS | yes               |
+| defaultValue             | default value                         | string                                                                                                        | no       | Android iOS | yes               |
+| value                    | value                                 | string                                                                                                        | no       | Android iOS | yes               |
+| disabled                 | disabled                              | boolean                                                                                                       | no       | Android iOS | yes               |
+| disableArrowIcon         | disable arrow icon                    | boolean                                                                                                       | no       | Android iOS | yes               |
+| placeholder              | placeholder                           | string                                                                                                        | no       | Android iOS | yes               |
+| onChangeCountry          | Events for country                    | (country: Country) => void                                                                                    | no       | Android iOS | yes               |
+| onChangeText             | Events for text                       | (text: string) => void                                                                                        | no       | Android iOS | yes               |
+| onChangeFormattedText    | Events for formatted text             | (text: string) => void                                                                                        | no       | Android iOS | yes               |
+| containerStyle           | Style of the component                | `StyleProp<ViewStyle>`                                                                                        | no       | Android iOS | yes               |
+| textContainerStyle       | The style of the component text       | `StyleProp<ViewStyle>`                                                                                        | no       | Android iOS | yes               |
+| renderDropdownImage      | render Drop down Image                | `JSX.Element`                                                                                                 | no       | Android iOS | yes               |
+| textInputProps           | style of the input                    | [TextInputProps](https://reactnative.dev/docs/textinput)                                                      | no       | Android iOS | yes               |
+| textInputStyle           | style of the inputText                | `StyleProp<TextStyle>`                                                                                        | no       | Android iOS | yes               |
+| codeTextStyle            | style of the code text                | `StyleProp<TextStyle>`                                                                                        | no       | Android iOS | yes               |
+| flagButtonStyle          | the style of the flag Button          | `StyleProp<ViewStyle>`                                                                                        | no       | Android iOS | yes               |
+| countryPickerButtonStyle | the style of the countryPicker button | `StyleProp<ViewStyle>`                                                                                        | no       | Android iOS | yes               |
+| layout                   | the component of layout               | "first" or "second"                                                                                           | no       | Android iOS | yes               |
+| filterProps              | filter the props                      | CountryFilterProps                                                                                            | no       | Android iOS | yes               |
+| countryPickerProps       | the countryPicker Props               | any                                                                                                           | no       | Android iOS | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                  | Description                                 | Type                                                                                                                | Required | Platform    | HarmonyOS Support |
+| ------------------------------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| getCountryCode                        | get the country code                        | () => [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | no       | Android iOS | yes               |
+| getCallingCode                        | get the call code                           | () => string                                                                                                        | no       | Android iOS | yes               |
+| getNumberAfterPossiblyEliminatingZero | get the initial value and generated number. | () => {number: string , formattedNumber: string }                                                                   | no       | Android iOS | yes               |
+| isValidNumber                         | Verifying whether a number is valid         | (number: string)=>boolean                                                                                           | no       | Android iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+- 在 HarmonyOS NEXT 上，withDarkTheme 只能让国家选择器的主题色更改，无法更改键盘的颜色。因为 iOS 提供给开发者设置键盘深浅模式的选项，一旦开发者设置错误会导致输入法键盘和应用出现颜色错层，在 HarmonyOS NEXT 上输入法键盘做了自适应应用颜色模式的能力，故不需要再提供该属性。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/garganurag893/react-native-phone-number-input/blob/master/LICENSE.md) ，请自由地享受和参与开源。

From 1e798b9fd7c5c6ed65655e59a128b3e5348f2055 Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Thu, 1 Aug 2024 11:27:55 +0000
Subject: [PATCH 323/966] =?UTF-8?q?!1088=20docs:=20[#IAD82Q]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9htmlparser2=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20?=
 =?UTF-8?q?docs:=20=E4=BF=AE=E6=94=B9htmlparser2=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/htmlparser2.md | 200 +++++++++++++++++--------------------------
 1 file changed, 79 insertions(+), 121 deletions(-)

diff --git a/zh-cn/htmlparser2.md b/zh-cn/htmlparser2.md
index 969bf444..d746877d 100644
--- a/zh-cn/htmlparser2.md
+++ b/zh-cn/htmlparser2.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>htmlparser2</code> </h1>
@@ -8,12 +7,12 @@
     <a href="https://github.com/fb55/htmlparser2">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/callstack/react-native-slider/blob/main/LICENSE.md">
-        <img src="https://img.shields.io/npm/l/@react-native-community/slider.svg" alt="License" />
+    <a href="https://github.com/fb55/htmlparser2/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/fb55/htmlparser2)
+> [!Tip] [Github 地址](https://github.com/fb55/htmlparser2)
 
 ## 安装与使用
 
@@ -27,11 +26,6 @@
 npm install htmlparser2@9.1.0
 // 以下为配合htmlparser2使用的相关库，可视业务情况进行安装
 npm install circular-json@0.5.9
-npm install css-what@6.1.0
-npm install parse5-htmlparser2-tree-adapter@7.0.0
-npm install boolbase@1.0.0
-npm install nth-check@2.1.1
-npm install cheerio-select@2.1.0
 ```
 
 #### **yarn**
@@ -40,145 +34,109 @@ npm install cheerio-select@2.1.0
 yarn add htmlparser2@9.1.0
 // 以下为配合htmlparser2使用的相关库，可视业务情况进行安装
 yarn add circular-json@0.5.9
-yarn add css-what@6.1.0
-yarn add parse5-htmlparser2-tree-adapter@7.0.0
-yarn add boolbase@1.0.0
-yarn add nth-check@2.1.1
-yarn add cheerio-select@2.1.0
 ```
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
-```js
-import * as htmlparser2 from "htmlparser2";
-
-const parser = new htmlparser2.Parser({
-  onopentag(name, attributes) {
-    /*
-     * This fires when a new tag is opened.
-     *
-     * If you don't need an aggregated `attributes` object,
-     * have a look at the `onopentagname` and `onattribute` events.
-     */
-    if (name === "script" && attributes.type === "text/javascript") {
-      console.log("JS! Hooray!");
-    }
-  },
-  ontext(text) {
-    /*
-     * Fires whenever a section of text was processed.
-     *
-     * Note that this can fire at any point within text and you might
-     * have to stitch together multiple pieces.
-     */
-    console.log("-->", text);
-  },
-  onclosetag(tagname) {
-    /*
-     * Fires when a tag is closed.
-     *
-     * You can rely on this event only firing when you have received an
-     * equivalent opening tag before. Closing tags without corresponding
-     * opening tags will be ignored.
-     */
-    if (tagname === "script") {
-      console.log("That's it?!");
-    }
-  },
-});
-parser.write(
-  "Xyz <script type='text/javascript'>const foo = '<<bar>>';</script>",
-);
-parser.end();
-```
+> [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import { parseDocument } from "htmlparser2";
-import CircularJSON from "circular-json";
-
-const dom = parseDocument(
-  '<div data-foo="In the end, it doesn\'t really matter."></div><div data-foo="Indeed-that\'s a delicate matter.">',
-);
-console.info(CircularJSON.stringify(dom));
-```
+import React, { useEffect, useState } from 'react';
+import * as htmlparser2 from 'htmlparser2';
+import { View, Text } from 'react-native';
+
+// 使用htmlparser2来解析HTML文本
+function HtmlParser() {
+    const [parsedContent, setParsedContent] = useState('');
+
+    useEffect(() => {
+        const parser = new htmlparser2.Parser({
+            onopentag(name, attributes) {
+                if (name === 'script' && attributes.type === 'text/javascript') {
+                    console.log('JS! Hooray!');
+                    setParsedContent(parsedContent => parsedContent + 'JS! Hooray!')
+                }
+            },
+            ontext(text) {
+                console.log('-->', text);
+                setParsedContent(parsedContent => parsedContent + text);
+            },
+            onclosetag(tagname) {
+                if (tagname === 'script') {
+                    console.log("That's it?!");
+                    setParsedContent(parsedContent => parsedContent + "That's it?!");
+
+                }
+            },
+        });
+
+        parser.write("Xyz <script type='text/javascript'>const foo = '111<<bar>>';</script>");
+        parser.end();
+    }, []);
+
+    return (
+        <View>
+            <Text style={{ color: 'white' }}>{parsedContent}</Text>
+        </View>
+    );
+}
 
-```js
-import { parseDOM, parseDocument } from "htmlparser2";
-import { SelectorType, AttributeAction, parse, stringify } from "css-what";
-import { Element, AnyNode } from "domhandler";
-
-const [dom] = parseDOM("<div id=foo><p>foo</p></div>") as Element[];
-let curResult = CSSselect.is(dom, [
-	[
-	  {
-		  type: SelectorType.Attribute,
-		  action: AttributeAction.Equals,
-		  ignoreCase: false,
-		  name: "id",
-		  namespace: null,
-		  value: "foo",
-	  },
-	]
-]);
-console.info(curResult);
-
-let parsed = parse(":not(:empty):empty:contains(a):icontains(a):has(div):is(div):is(foo bar):is([foo])");
-console.info(parsed);
+export default HtmlParser; 
 ```
 
-```js
-import getNCheck from "nth-check";
-import * as boolbase from "boolbase";
-
-const func = getNCheck("2n+1");
-if (func === boolbase.falseFunc) {
-  return boolbase.falseFunc;
-} else {
-  return boolbase.trueFunc;
-}
-```
+上述案例使用htmlparser2来解析HTML文本
+下面的案例使用parseDocument，将html解析为DOM树
 
 ```js
-import type { ParserOptions as Parse5ParserOptions } from 'parse5';
-import type { Htmlparser2TreeAdapterMap } from 'parse5-htmlparser2-tree-adapter';
-import type { Options as SelectOptions } from 'cheerio-select';
-
-export interface Parse5Options // eslint-disable-line @typescript-eslint/no-empty-interface
-  extends Parse5ParserOptions<Htmlparser2TreeAdapterMap> {}
 
-export interface CheerioOptions extends Parse5Options {
-  quirksMode?: SelectOptions['quirksMode'];
+import { parseDocument } from "htmlparser2";
+import CircularJSON from "circular-json";
+import { View, Text } from 'react-native';
+
+// 将html解析为DOM树
+function HtmlParser() {
+    const dom = parseDocument(
+        '<div data-foo="In the end, it doesn\'t really matter."></div><div data-foo="Indeed-that\'s a delicate matter.">',
+    );
+    return (
+        <View>
+            <Text style={{ color: 'white' }}>{CircularJSON.stringify(dom)}</Text>
+        </View>
+    );
 }
+export default HtmlParser; 
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 在下述版本验证通过：
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## 静态方法
 
-## 生态系统
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-> | Name                                                          | Description                                             |
-> | ------------------------------------------------------------- | ------------------------------------------------------- |
-> | [htmlparser2](https://github.com/fb55/htmlparser2)            | Fast & forgiving HTML/XML parser                        |
-> | [domhandler](https://github.com/fb55/domhandler)              | Handler for htmlparser2 that turns documents into a DOM |
-> | [domutils](https://github.com/fb55/domutils)                  | Utilities for working with domhandler's DOM             |
-> | [css-select](https://github.com/fb55/css-select)              | CSS selector engine, compatible with domhandler's DOM   |
-> | [cheerio](https://github.com/cheeriojs/cheerio)               | The jQuery API for domhandler's DOM                     |
-> | [dom-serializer](https://github.com/cheeriojs/dom-serializer) | Serializer for domhandler's DOM                         |
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| parseDocument  | 解析DOM树         | function  | no | ios,android      | yes |
+| createDocumentStream  | 创建一个可读流         | function  | no | ios,android      | yes |
+| parseFeed  | 解析RSS 或 Atom feed          | function  | no | ios,android      | yes |
 
 ## 遗留问题
 
-解析器错误地将（小于）识别为起始标签: [issue#1](https://github.com/fb55/htmlparser2/issues/1620)
+- [ ] 解析器错误地将（小于）识别为起始标签问题: [issue#1](https://github.com/fb55/htmlparser2/issues/1620)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/fb55/htmlparser2/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/fb55/htmlparser2/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 4a6f43e2bfa4d4f07c3b741aef74dfbdb54cd855 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=82=89=E5=A4=B4=E5=90=9B?=
 <chenbaodi1@h-partners.com>
Date: Fri, 2 Aug 2024 03:03:35 +0000
Subject: [PATCH 324/966] =?UTF-8?q?!1267=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?amap-geolocation.md=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20[Issue:=20#IAH9WI]=E4=BF=AE=E6=94=B9react-native-amap-ge?=
 =?UTF-8?q?olocation.md=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-amap-geolocation.md | 392 +++++++++++++++----------
 1 file changed, 244 insertions(+), 148 deletions(-)

diff --git a/zh-cn/react-native-amap-geolocation.md b/zh-cn/react-native-amap-geolocation.md
index 9165265d..36d752d2 100644
--- a/zh-cn/react-native-amap-geolocation.md
+++ b/zh-cn/react-native-amap-geolocation.md
@@ -49,137 +49,227 @@ yarn add @react-native-oh-tpl/react-native-amap-geolocation@file:#
 ```js
 import * as React from "react";
 import {
-  Button,
-  Platform,
-  ScrollView,
-  StyleSheet,
-  Text,
-  View,
+    Button,
+    Platform,
+    ScrollView,
+    StyleSheet,
+    Text,
+    View,
 } from "react-native";
-import Geolocation from "react-native-amap-geolocation";
+import {
+    Geolocation, setInterval, addLocationListener, setAllowsBackgroundLocationUpdates,
+    setGeoLanguage, setDistanceFilter, setDesiredAccuracy, init, setNeedAddress, start,
+    stop, setLocationTimeout, setOnceLocation, GeoLanguage
+} from "react-native-amap-geolocation";
+
 
 const style = StyleSheet.create({
-  body: {
-    padding: 16,
-    paddingTop: Platform.OS === "ios" ? 48 : 16,
-  },
-  controls: {
-    flexWrap: "wrap",
-    alignItems: "flex-start",
-    flexDirection: "row",
-    marginBottom: 16,
-  },
-  button: {
-    flexDirection: "column",
-    marginRight: 8,
-    marginBottom: 8,
-    marginTop:50
-  },
-  result: {
-    fontFamily: Platform.OS === "ios" ? "menlo" : "monospace",
-  },
+    body: {
+        padding: 16,
+        paddingTop: Platform.OS === "ios" ? 48 : 16,
+    },
+    button: {
+        flexDirection: "column",
+        marginRight: 8,
+        marginBottom: 5,
+        marginTop: 5
+    },
+    result: {
+        fontFamily: Platform.OS === "ios" ? "menlo" : "monospace",
+    },
 });
 
 class AmapGeoLocationDemo extends React.Component {
-  state = { location: null };
-  
- componentDidMount(){
-  Geolocation.init("aabbbcccc")
- }
-
-start=()=>{
-  console.log("geolocation start");
-  Geolocation.start().then((result)=>{
-    let location = result;
-    this.setState({ location });
-    console.log("geolocationupdateLocation:"+location);
-   }).catch((error)=>{
-    console.log(error);
-   });
-};
+    state = {
+        location: null, needAddressText: "setNeedAddress(false)",
+        language: "setLanguage(chinese)", interval: "setInterval(默认2000)", onceText: "setOnceLocation(false) 设置单次定位",
+        startText: "start 持续定位", timeoutText: "setLocationTimeout 设置请求定位超时时间",distanceText:"setDistanceFilter(0) 设置定位的最小更新距离"
+    };
+    watchId = 0;
+    needAddress = true;
+    currLanguage = GeoLanguage.ZH;
+    currInterval = false;
+    onceLocationJudge = false;
+    timeout5000 = false;
+    distanseJudge = true;
+    init = () => {
+        console.log("rn AMapLocationManagerImpl init");
+        init("5f7389b845cbd89b1c32e24f526728f4").then(() => {
+            console.log("rn AMapLocationManagerImpl init success");
+        });
+
+    };
+    addLocationListener = () => {
+        console.log("rn AMapLocationManagerImpl addLocationListener");
+        addLocationListener((locationData) => {
+            console.log("rn AMapLocationManagerImpl callback success:" + JSON.stringify(locationData, null, 2));
+            let location = locationData;
+            this.setState({ location: location });
+        });
+    };
+    setDistanceFilter = () => {
+        console.log("rn AMapLocationManagerImpl setDistanceFilter");
+        this.distanseJudge = !this.distanseJudge;
+        if (this.distanseJudge) {
+            setDistanceFilter(0);
+            this.setState({ distanceText: "setDistanceFilter(0) 设置定位的最小更新距离" });
+        } else {
+            setDistanceFilter(1);
+            this.setState({ distanceText: "setDistanceFilter(1) 设置定位的最小更新距离" });
+        }
+
+    };
+    setLocationTimeout = () => {
+        console.log("rn AMapLocationManagerImpl setLocationTimeout");
+        this.timeout5000 = !this.timeout5000;
+        if (this.timeout5000) {
+            setLocationTimeout(5000);
+            this.setState({ timeoutText: "setLocationTimeout(5000) 设置请求定位超时时间" });
+        } else {
+            setLocationTimeout(10000);
+            this.setState({ timeoutText: "setLocationTimeout(10000) 设置请求定位超时时间" });
+        }
+    };
+    start = () => {
+        console.log("rn AMapLocationManagerImpl start");
+        start();
+    };
+    stop = () => {
+        console.log("rn AMapLocationManagerImpl stop");
+        stop();
+    }
+    onceLocation = () => {
+        this.onceLocationJudge = !this.onceLocationJudge;
+        if (this.onceLocationJudge) {
+            setOnceLocation(true);
+            this.setState({ onceText: "setOnceLocation(true) 设置单次定位", startText: "start 单次定位" });
+        } else {
+            setOnceLocation(false);
+            this.setState({ onceText: "setOnceLocation(false) 设置单次定位", startText: "start 持续定位" });
+        }
+        console.log("rn AMapLocationManagerImpl current onceLocation:" + this.onceLocationJudge);
+    };
+    setInterval = () => {
+        if (this.currInterval) {
+            setInterval(2000);
+            this.setState({ interval: "setInterval:2000" });
+        } else {
+            setInterval(10000);
+            this.setState({ interval: "setInterval:10000" });
+        }
+        this.currInterval = !this.currInterval;
+    }
+    setNeedAddress = () => {
+        this.needAddress = !this.needAddress;
+        console.log("rn AMapLocationManagerImpl setNeedAddress:" + this.needAddress);
+        if (this.needAddress) {
+            setNeedAddress(true);
+            this.setState({ needAddressText: "setNeedAddress(true)" });
+        } else {
+            setNeedAddress(false);
+            this.setState({ needAddressText: "setNeedAddress(false)" });
+        }
+    }
+    setLanguage = () => {
+        // default = 0,chinese = 1, engilish=2;
+        console.log("rn AMapLocationManagerImpl setLanguage");
+        if (this.currLanguage == GeoLanguage.ZH) {
+            this.currLanguage = GeoLanguage.EN;
+            setGeoLanguage(GeoLanguage.EN);
+            this.setState({ language: "setLanguage(engilish)" });
+        } else {
+            this.currLanguage = GeoLanguage.ZH;
+            setGeoLanguage(GeoLanguage.ZH);
+            this.setState({ language: "setLanguage(chinese)" });
+        }
 
-stop =()=>{
-  console.log("geolocation stop");
-  Geolocation.stop();
+    }
+    updateLocationState(location: any) {
+    console.log("rn AMapLocationManagerImpl updateLocationState");
+    if (location) {
+        this.setState({ location: location });
+        console.log(location);
+    }
 }
-
- onceLocation=  ()=>{
-   Geolocation.setOnceLocation().then((result)=>{
-    let location = result;
-    this.setState({ location });
-    console.log("geolocation onceLocation:"+location);
-   }).catch((error)=>{
-    console.log(error);
-   });
-
+getCurrentPosition = () => {
+    Geolocation.getCurrentPosition(
+        (position) => this.updateLocationState(position),
+        (error) => this.updateLocationState(error)
+    );
+};
+watchPosition = () => {
+    if (!this.watchId) {
+        this.watchId = Geolocation.watchPosition(
+            (position) => this.updateLocationState(position),
+            (error) => this.updateLocationState(error)
+        );
+        console.log("rn AMapLocationManagerImpl watchPosition watchId:" + this.watchId);
+    }
+};
+clearWatch = () => {
+    if (this.watchId) {
+        console.log("rn AMapLocationManagerImpl clearWatch watchId:" + this.watchId);
+        Geolocation.clearWatch(this.watchId);
+        this.watchId = 0;
+    }
+    stop();
+    this.setState({ location: null });
 };
-getLastKnownLocation= () =>{
-   Geolocation.getLastKnownLocation().then((result)=>{
-    let location = result;
-    this.setState({ location });
-    console.log("geolocation lastLocation:"+location);
-   }).catch((error)=>{
-    console.log(error);
-   });
-}
-
-setInterval10000 = ()=>{
-  Geolocation.setInterval(10000);
-}
-setInterval2000 = ()=>{
-  Geolocation.setInterval(2000);
-}
-setNeedAddressTrue=()=>{
-  Geolocation.setNeedAddress(true);
-}
-setNeedAddressFalse =()=>{
-  Geolocation.setNeedAddress(false);
-}
-
-setLangeChinese=()=>{
-  Geolocation.setGeoLanguage(1);
-}
-setLangeEnglish=()=>{
- Geolocation.setGeoLanguage(2);
-}
 render() {
-  const { location } = this.state;
- return (
-     <ScrollView contentContainerStyle={style.body}>
-         <View style={style.button}>
-           <Button onPress={this.start} title="start" />
-         </View>
-         <View style={style.button}>
-           <Button onPress={this.stop} title="stop" />
-         </View>
-         <View style={style.button}>
-           <Button onPress={this.onceLocation} title="setOnceLocation" />
-         </View>
-         <View style={style.button}>
-           <Button onPress={this.getLastKnownLocation} title="getLastKnownLocation" />
-         </View>
-         <View style={style.button}>
-           <Button onPress={this.setInterval2000} title="setInterval(2000)" />
-         </View>
-         <View style={style.button}>
-           <Button onPress={this.setInterval10000} title="setInterval(10000)" />
-         </View>
-         <View style={style.button}>
-           <Button onPress={this.setNeedAddressTrue} title="setNeedAddress(true)" />
-         </View>
-         <View style={style.button}>
-           <Button onPress={this.setNeedAddressFalse} title="setNeedAddress(false)" />
-         </View>
-         <View style={style.button}>
-           <Button onPress={this.setLangeChinese} title="setLangeChinese" />
-         </View>
-         <View style={style.button}>
-           <Button onPress={this.setLangeEnglish} title="setLangeEnglish" />
-         </View>
-       <Text style={style.result}>{`${JSON.stringify(location, null, 2)}`}</Text> 
-     </ScrollView>
-   );
+    const location = this.state.location;
+    const needAddressText = this.state.needAddressText;
+    const language = this.state.language;
+    const currInterval = this.state.interval;
+    const onceText = this.state.onceText;
+    const startText = this.state.startText;
+    const timeoutText = this.state.timeoutText;
+    const distanceText = this.state.distanceText;
+    return (
+        <ScrollView contentContainerStyle={style.body}>
+        <View style={style.button}>
+        <Button onPress={this.init} title="init 初始化接口" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.addLocationListener} title="addLocationListener 设置监听回调,原生接口不设置监听回调,text不会显示数据" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setDistanceFilter} title={distanceText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setLocationTimeout} title={timeoutText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.onceLocation} title={onceText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.start} title={startText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.stop} title="stop 结束持续定位" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setInterval} title={currInterval} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setNeedAddress} title={needAddressText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setLanguage} title={language} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.getCurrentPosition} title="Geolocation.getCurrentPosition 获取当前位置，相当于单次请求" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.watchPosition} title="Geolocation.watchPosition 开启持续定位" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.clearWatch} title="Geolocation.clearWatch 结束持续定位" />
+        </View>
+        <Text style={style.result}>{`${JSON.stringify(location, null, 2)}`}</Text>
+    </ScrollView>
+);
 }
+
 }
 
 export default AmapGeoLocationDemo;
@@ -333,34 +423,38 @@ ohpm install
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- |-------------------|
-| init  | 初始化 SDK | Promise<void>  | yes| iOS/Android      | yes               |
-| isStarted  | 获取当前是否正在定位的状态 | boolean | yes | Android      | no                |
-| setAllowsBackgroundLocationUpdates  | 是否允许后台定位 | void  | yes | iOS      | yes               |
-| setDesiredAccuracy  | 设定期望的定位精度（米） | void  | yes | iOS     | yes               |
-| setDistanceFilter  | 设定定位的最小更新距离（米） | void  | yes | iOS     | yes               |
-| setGeoLanguage  | 设置逆地理信息的语言，目前支持中文和英文 | void  | yes | iOS/Android      | yes               |
-| setGpsFirst  | 设置首次定位是否等待卫星定位结果 | void  | yes | Android      | no                |
-| setGpsFirstTimeout  | 设置优先返回卫星定位信息时等待卫星定位结果的超时时间（毫秒） | void  | yes | Android      | no                |
-| setHttpTimeout  | 设置联网超时时间（毫秒） | void  | yes | Android      | no                |
-| setInterval  | 设置发起定位请求的时间间隔（毫秒），默认 2000，最小值为 1000 | void  | yes | Android      | yes               |
-| setLocatingWithReGeocode  | 连续定位是否返回逆地理编码 | void  | yes | iOS      | no               |
-| setLocationCacheEnable  | 设置是否使用缓存策略 | void  | yes | Android     | no                |
-| setLocationMode  | 设置定位模式 | void  | yes | Android     | no                |
-| setLocationPurpose  | 设置定位场景 | void  | yes | Android      | no                |
-| setLocationTimeout  | 指定单次定位超时时间（秒） | void  | yes | iOS      | yes               |
-| setMockEnable  | 设置是否允许模拟位置 | void  | yes | Android      | no                |
-| setNeedAddress  | 设置是否返回地址信息，默认返回地址信息 | void  | yes | Android      | yes               |
-| setOnceLocation  | 设置是否单次定位 | void  | yes | Android      | yes               |
-| setOnceLocationLatest  | 设置定位是否等待 WiFi 列表刷新 | void  | yes | Android      | no                |
-| setOpenAlwaysScanWifi  | 设置是否开启wifi始终扫描 | void  | yes | Android     | no                |
-| setPausesLocationUpdatesAutomatically  | 指定定位是否会被系统自动暂停 | void  | yes | iOS      | no                |
-| setReGeocodeTimeout  | 指定单次定位逆地理超时时间（秒）最小值是 2s。注意在单次定位请求前设置。 | void  | yes | iOS     | no                |
-| setSensorEnable  | 设置是否使用设备传感器 | void  | yes | Android      | no                |
-| setWifiScan  | 设置是否允许调用 WiFi 刷新 | void  | yes | Android      | no                |
-| start  | 开始持续定位 | void  | yes | iOS/Android      | yes               |
-| stop  | 停止持续定位 | void  | yes | iOS/Android      | yes               |
+| Name | Description | Type          | Required | Platform | HarmonyOS Support |
+| ---- | ----------- |---------------|----------| -------- |-------------------|
+| init  | 初始化 SDK | Promise<void> | yes      | iOS/Android      | yes               |
+| addLocationListener  | 添加定位监听函数 | void          | yes      | iOS/Android      | yes               |
+| isStarted  | 获取当前是否正在定位的状态 | boolean       | no       | Android      | no                |
+| setAllowsBackgroundLocationUpdates  | 是否允许后台定位 | void          | no       | iOS      | no                |
+| setDesiredAccuracy  | 设定期望的定位精度（米） | void          | no       | iOS     | no                |
+| setDistanceFilter  | 设定定位的最小更新距离（米） | void          | no       | iOS     | yes               |
+| setGeoLanguage  | 设置逆地理信息的语言，目前支持中文和英文 | void          | no       | iOS/Android      | yes               |
+| setGpsFirst  | 设置首次定位是否等待卫星定位结果 | void          | no       | Android      | no                |
+| setGpsFirstTimeout  | 设置优先返回卫星定位信息时等待卫星定位结果的超时时间（毫秒） | void          | no       | Android      | no                |
+| setHttpTimeout  | 设置联网超时时间（毫秒） | void          | no       | Android      | no                |
+| setInterval  | 设置发起定位请求的时间间隔（毫秒），默认 2000，最小值为 1000 | void          | no       | Android      | yes               |
+| setLocatingWithReGeocode  | 连续定位是否返回逆地理编码 | void          | no       | iOS      | no                |
+| setLocationCacheEnable  | 设置是否使用缓存策略 | void          | no      | Android     | no                |
+| setLocationMode  | 设置定位模式 | void          | no      | Android     | no                |
+| setLocationPurpose  | 设置定位场景 | void          | no      | Android      | no                |
+| setLocationTimeout  | 指定单次定位超时时间（秒） | no          | yes      | iOS      | yes               |
+| setMockEnable  | 设置是否允许模拟位置 | void          | no      | Android      | no                |
+| setNeedAddress  | 设置是否返回地址信息，默认返回地址信息 | no          | yes      | Android      | yes               |
+| setOnceLocation  | 设置是否单次定位 | void          | no      | Android      | yes               |
+| setOnceLocationLatest  | 设置定位是否等待 WiFi 列表刷新 | void          | no      | Android      | no                |
+| setOpenAlwaysScanWifi  | 设置是否开启wifi始终扫描 | void          | no      | Android     | no                |
+| setPausesLocationUpdatesAutomatically  | 指定定位是否会被系统自动暂停 | void          | no      | iOS      | no                |
+| setReGeocodeTimeout  | 指定单次定位逆地理超时时间（秒）最小值是 2s。注意在单次定位请求前设置。 | void          | no      | iOS     | no                |
+| setSensorEnable  | 设置是否使用设备传感器 | void          | no      | Android      | no                |
+| setWifiScan  | 设置是否允许调用 WiFi 刷新 | void          | no      | Android      | no                |
+| start  | 开始持续定位 | void          | no      | iOS/Android      | yes               |
+| stop  | 停止持续定位 | void          | no      | iOS/Android      | yes               |
+| Geolocation.getCurrentPosition  | 获取当前位置信息 | void          | no      | iOS/Android        | yes               |
+| Geolocation.watchPosition  | 注册监听器进行持续定位 | void          | no      | iOS/Android      | yes               |
+| Geolocation.clearWatch  | 移除位置监听 | void          | no      | iOS/Android      | yes               |
 
 ## 遗留问题
 
@@ -379,6 +473,8 @@ ohpm install
 - [ ] setLocationMode()接口获取当前是否正在定位的状态,harmony暂不支持[issue#14](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/14)
 - [ ] setLocationPurpose()接口获取当前是否正在定位的状态,harmony暂不支持[issue#15](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/15)
 - [ ] setLocatingWithReGeocode()接口获取当前是否正在定位的状态设置连续定位是否返回逆地理编码,harmony暂不支持[issue#19](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/19)
+- [ ] setDesiredAccuracy()接口设定期望的定位精度,harmony暂不支持[issue#22](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/22)
+- [ ] setAllowsBackgroundLocationUpdates()接口是否允许后台定位,harmony暂不支持[issue#23](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/23)
 
 
 ## 其他

From 44753e4a6365d78941d6e597248e6827a3d28705 Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Fri, 2 Aug 2024 03:06:43 +0000
Subject: [PATCH 325/966] =?UTF-8?q?!1266=20docs:=20[Issue:=20#IAH95Y]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-fileupload=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-fileupload=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fileupload.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index c1dcbd80..0231647f 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -44,7 +44,7 @@ yarn add @react-native-oh-tpl/react-native-fileupload@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-此库需要在entry模块下的module.json下加入：
+此库需要在`entry/src/main/module.json5`下加入：
 
 ```json
 "requestPermissions": [ 

From 4bd285df3457552d368c0e38ad787587a8995ac5 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Fri, 2 Aug 2024 08:41:01 +0000
Subject: [PATCH 326/966] =?UTF-8?q?!1261=20docs:=20[Issues:=20#IAD5FB]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-indicators=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAD5FB]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-indicators=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-indicators.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-indicators.md b/zh-cn/react-native-indicators.md
index f10bba7d..cd834c6b 100644
--- a/zh-cn/react-native-indicators.md
+++ b/zh-cn/react-native-indicators.md
@@ -235,7 +235,7 @@ const styles = {
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | color  | Component color    | String  | NO | ALL      | YES |
-| trackWidth  | Indicator track width    | Number  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
 | size  | Base component size    | Number  | NO | ALL      | YES |
 | minScale  | Minimum component scale    | Number  | NO | ALL      | YES |
 | maxScale  | Maximum component scale    | Number  | NO | ALL      | YES |
@@ -245,7 +245,7 @@ const styles = {
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | color  | Component color    | String  | NO | ALL      | YES |
-| trackWidth  | Indicator track width    | Number  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
 | size  | Base component size    | Number  | NO | ALL      | YES |
 
 ### WaveIndicator     
@@ -253,7 +253,7 @@ const styles = {
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | color  | Component color    | String  | NO | ALL      | YES |
-| trackWidth  | Indicator track width    | Number  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
 | size  | Base component size    | Number  | NO | ALL      | YES |
 | waveFactor  | Wave base number   | Number  | NO | ALL      | YES |
 | waveMode  | Wave appearance    | String  | NO | ALL      | YES |

From 6a2f1d4a9d8d51672be49926c5c376c2a2cdeaf7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=96=E7=95=8C=E5=B0=8F=E5=B8=85=E5=93=A5?=
 <12765706+world-little-handsome-guy@user.noreply.gitee.com>
Date: Fri, 2 Aug 2024 09:03:32 +0000
Subject: [PATCH 327/966] =?UTF-8?q?!1253=20docs:=20[Issues:=20#IAGUMN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9ant-design-react-native=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAGUMN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9ant-design-react-native=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/ant-design-react-native.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/zh-cn/ant-design-react-native.md b/zh-cn/ant-design-react-native.md
index 753ecc05..f7c6a469 100644
--- a/zh-cn/ant-design-react-native.md
+++ b/zh-cn/ant-design-react-native.md
@@ -35,6 +35,7 @@ yarn add @ant-design/react-native@5.1.0
 ```
 >[!TIP] 本库还依赖了[@react-native-oh-tpl/slider](/zh-cn/react-native-community-slider.md)、[@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-modal-popover](/zh-cn/react-native-modal-popover.md)和[react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md)
 
+> [!WARNING] @bang88/react-native-ultimate-listview这个依赖库还没鸿蒙化，会影响到里面的一个ListView组件，如果想暂时解决掉这个报错的话，可以在node_modules\@bang88\react-native-ultimate-listview\src目录下添加一个refreshableScrollView.js文件。
 
 ## 链接字体图标
 
@@ -57,7 +58,7 @@ npx react-native-asset
 > [!WARNING] 使用时 import 的库名不变。
 
 步骤一：
-复制字体文件到 `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
+复制字体文件到 `entry/src/main/ets/assets/fonts`和`entry/src/main/resources/rawfile/assets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
 
 步骤二：
 打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码

From 7ce490699a87882e6e7f8704afef4f366c5cdccb Mon Sep 17 00:00:00 2001
From: tyBrave <tianyong13@huawei.com>
Date: Fri, 2 Aug 2024 10:17:36 +0000
Subject: [PATCH 328/966] =?UTF-8?q?!1273=20docs:=20[Issue:=20#IAHJ2T]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-clippath-capi=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAHJ2T]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-clippath-capi=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-clippath-capi.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
index 6995103e..a73ade1a 100644
--- a/zh-cn/react-native-clippath-capi.md
+++ b/zh-cn/react-native-clippath-capi.md
@@ -208,7 +208,7 @@ ohpm install
 
 | Name                 | Description                                                                                                    | Type              | Required | Platform    | HarmonyOS Support |
 | -------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
-| svgKey               | 唯一 key                                                                                                       | string            | No       | iOS/Android | Yes               |
+| svgKey               | 唯一 key                                                                                                       | string            | No       | Web | No               |
 | d                    | 形状由一系列命令定义（svg path data）                                                                          | string            | No       | iOS/Android | Yes               |
 | viewBox              | 定义用户空间中的位置和维度                                                                                     | Array<Number>(4)  | No       | iOS/Android | Yes               |
 | align                | preserveAspectRatio 属性的 align                                                                               | string            | No       | iOS/Android | Yes                |

From 1e104db903822560b3cff712a36f5fb0448ff122 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=82=89=E5=A4=B4=E5=90=9B?=
 <chenbaodi1@h-partners.com>
Date: Sat, 3 Aug 2024 01:05:24 +0000
Subject: [PATCH 329/966] =?UTF-8?q?!1272=20docs:=20[Issue:=20#IAHJ1Z]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-baidu-map=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAHHS5]=20?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-baidu-map=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-baidu-map.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index f436dc9f..d5269129 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -299,6 +299,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 +  BaiduMapOverlayPolygon,
 +  BaiduMapOverlayPolyline,
 +  BaiduMapOverlayText,
++  BaiduMapOverlayMarker,
 +  BaiduMapView
 +} from '@react-native-oh-tpl/react-native-baidu-map';
 

From aaa6f594a64397a2a1c557d3fdaac295c3ded733 Mon Sep 17 00:00:00 2001
From: s4210110 <s4210110@163.com>
Date: Sat, 3 Aug 2024 01:58:12 +0000
Subject: [PATCH 330/966] =?UTF-8?q?!1212=20docs:=20[Issues:=20#IAFP80]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-default-preference=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFP80]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-default-preference=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-default-preference.md | 194 +++++++++++++++++++++++
 1 file changed, 194 insertions(+)
 create mode 100644 zh-cn/react-native-default-preference.md

diff --git a/zh-cn/react-native-default-preference.md b/zh-cn/react-native-default-preference.md
new file mode 100644
index 00000000..ed237af7
--- /dev/null
+++ b/zh-cn/react-native-default-preference.md
@@ -0,0 +1,194 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-default-preference</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/kevinresol/react-native-default-preference">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kevinresol/react-native-default-preference/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-default-preference)
+
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-default-preference@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-default-preference@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { Text, View } from "react-native";
+import DefaultPreference from 'react-native-default-preference';
+
+const App = () => {
+    const handleSetItem = useCallback((key: string, value:  string) => {
+        RNDefaultPreference.set(key, value)
+    }, []);
+
+    const handleGetItem = useCallback((key: string) => {
+        RNDefaultPreference?.get(key).then(res => {
+            console.log(res)
+        });
+    }, []);
+  return (
+      <View>
+        <Button onPress={async () => { handleSetItem('key1', 'value1') }} title={'Add item using setItem'}></Button>
+        <Button onPress={async () => { handleGetItem('key1') }} title={'Add item using setItem'}></Button>
+     </View>
+  );
+};
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-default-preference": "file:../../node_modules/@react-native-oh-tpl/react-native-default-preference/harmony/react_native_default_preference.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 RNDefaultPreferencePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNDefaultPreferencePackage } from '@react-native-oh-tpl/react_native_default_preference/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNDefaultPreferencePackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：
+[@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases)
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| get  | Take out key-value pairs         | function  | yes | Android、iOS     | yes |
+| set  | Set key-value pairs         | function  | yes | Android、iOS     | yes |
+| clear  | Clear key-value pairs         | function  | yes | Android、iOS     | yes |
+| getMultiple  | Take out multiple  key-value pairs         | function  | yes | Android、iOS     | yes |
+| setMultiple  | Set multiple key-value pairs           | function  | yes | Android、iOS     | yes |
+| clearMultiple  | Clear multiple key-value pairs         | function  | yes | Android、iOS     | yes |
+| getAll  | Take out all key-value pairs         | function  | no | Android、iOS     | yes |
+| clearAll  | Clear all key-value pairs         | function  | no | Android、iOS     | yes |
+| getName  | Gets the name of the Preferences instance.        | function  | no | Android、iOS     | yes |
+| setName  | Sets the name of the Preferences instance.         | function  | yes | Android、iOS     | yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/kevinresol/react-native-default-preference/blob/master/LICENSE) ，请自由地享受和参与开源。

From ae60c67d944750893d65d647fd3fb055ecb4bd0d Mon Sep 17 00:00:00 2001
From: quweifan <345827250@qq.com>
Date: Sat, 3 Aug 2024 02:51:38 +0000
Subject: [PATCH 331/966] =?UTF-8?q?!1270=20docs:=20[Issue:=20IAHHS5]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-sqlite-storage=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20IAHHS5]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-sqlite-storage=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sqlite-storage.md | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index 12946501..2620f9c1 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -614,11 +614,12 @@ ohpm install
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| open  | Opens or initializes        | void  | yes |All     |  yes |
+| openDatabase  | Opens or initializes        | void  | yes |All     |  yes |
+| transaction  | SQL transaction distribution        | void  | yes |All     |  yes |
 | close  |Closes or releases a previously opened resource      | void  |  yes |All     |  yes |
-| delete  |Deletes a resource       |void   |  yes | All   |  yes |
-|attach  | Connects or associates with an external resource or database  |  void  |  yes | All   |  yes|
-| backgroundExecuteSqlBatch  |Executes a batch of SQL statements in the background without blocking the current thread or process | void   |  yes |All     |  yes |
+| deleteDatabase  |Deletes a resource       |void   |  yes | All   |  yes |
+| attach  | Connects or associates with an external resource or database  |  void  |  yes | All   |  yes|
+| executeSql  |Executes a batch of SQL statements in the background without blocking the current thread or process | void   |  yes |All     |  yes |
 
 ## 遗留问题
 

From a829b182b830fbc60fa2194fdbfe36419326bb45 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Sat, 3 Aug 2024 03:53:48 +0000
Subject: [PATCH 332/966] =?UTF-8?q?!1134=20docs:=20[Issues:=20#IAE1S0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-unitsyles=20=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAE1S0]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-unitsyles=20=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-unitsyles.md | 77 +++++++++++++++++++++++++++++----
 1 file changed, 68 insertions(+), 9 deletions(-)

diff --git a/zh-cn/react-native-unitsyles.md b/zh-cn/react-native-unitsyles.md
index c3ea3d48..e114d543 100644
--- a/zh-cn/react-native-unitsyles.md
+++ b/zh-cn/react-native-unitsyles.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-unistyles</code> </h1>
@@ -426,6 +425,65 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
+### 配置 CMakeLists 和引入 UnistylesPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-unistyles/src/main/cpp" ./unistyles)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_unistyles)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "UnistylesPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<UnistylesPackage>(ctx),
+    };
+}
+```
+
 ### 在 ArkTs 侧引入 RNUnistylesPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
@@ -463,8 +521,8 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases)
 
-
 ## Runtime
+
 ### UnistylesRuntime
 
 UnistylesRuntime 是 Unitstyles 库 的一个Host Object。它始终保持最新状态，并允许您与Unistyles的原生层进行交互
@@ -514,8 +572,9 @@ Enable a plugin
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### global
 
@@ -536,8 +595,9 @@ Enable a plugin
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### UnistylesRegistry
 
@@ -553,5 +613,4 @@ Enable a plugin
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/jpudysz/react-native-unistyles/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/jpudysz/react-native-unistyles/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 030aa92fb864f82be709d0e01f49973657e09057 Mon Sep 17 00:00:00 2001
From: hewei203 <hewei203@h-partners.com>
Date: Sat, 3 Aug 2024 07:23:04 +0000
Subject: [PATCH 333/966] =?UTF-8?q?!1228=20docs:=20[Issues:=20#IAFZFR]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-network-info=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFZFR]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-network-info=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-network-info.md | 289 +++++++++++++++++++++++++++++
 1 file changed, 289 insertions(+)
 create mode 100644 zh-cn/react-native-network-info.md

diff --git a/zh-cn/react-native-network-info.md b/zh-cn/react-native-network-info.md
new file mode 100644
index 00000000..857c4a5f
--- /dev/null
+++ b/zh-cn/react-native-network-info.md
@@ -0,0 +1,289 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-network-info</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/pusherman/react-native-network-info">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/pusherman/react-native-network-info/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-network-info)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-network-info@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-network-info@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {useState} from 'react';
+import {
+  View,
+  Text,
+  StyleSheet,
+  ScrollView,
+  TouchableOpacity,
+} from 'react-native';
+import {NetworkInfo} from 'react-native-network-info';
+
+interface NetworkInfoState {
+  ipAddress: string | null;
+  ipv4Address: string | null;
+  broadcast: string | null;
+  ssid: string | null;
+  bssid: string | null;
+  subnet: string | null;
+  defaultGateway: string | null;
+  frequency: number | null;
+}
+
+export default NetworkInfoDemo(): JSX.Element {
+  const [info, setInfo] = useState<NetworkInfoState>({
+    ipAddress: '',
+    ipv4Address: '',
+    broadcast: '',
+    ssid: '',
+    bssid: '',
+    subnet: '',
+    defaultGateway: '',
+    frequency: 0,
+  });
+
+  return (
+    <ScrollView style={styles.container}>
+      <View style={styles.infoContainer}>
+        <TouchableOpacity
+          onPress={async () => {
+            const value = await NetworkInfo.getIPAddress();
+            setInfo({...info, ipAddress: value});
+          }}>
+          <Text style={styles.button}>ipAddress</Text>
+        </TouchableOpacity>
+        <Text style={styles.infoText}>{`${info.ipAddress}`}</Text>
+      </View>
+
+      <View style={styles.infoContainer}>
+        <TouchableOpacity
+          onPress={async () => {
+            const value = await NetworkInfo.getIPV4Address();
+            setInfo({...info, ipv4Address: value});
+          }}>
+          <Text style={styles.button}>ipv4Address</Text>
+        </TouchableOpacity>
+        <Text style={styles.infoText}>{`${info.ipv4Address}`}</Text>
+      </View>
+
+      <View style={styles.infoContainer}>
+        <TouchableOpacity
+          onPress={async () => {
+            const value = await NetworkInfo.getBroadcast();
+            setInfo({...info, broadcast: value});
+          }}>
+          <Text style={styles.button}>broadcast</Text>
+        </TouchableOpacity>
+        <Text style={styles.infoText}>{`${info.broadcast}`}</Text>
+      </View>
+
+      <View style={styles.infoContainer}>
+        <TouchableOpacity
+          onPress={async () => {
+            const value = await NetworkInfo.getSSID();
+            setInfo({...info, ssid: value});
+          }}>
+          <Text style={styles.button}>ssid</Text>
+        </TouchableOpacity>
+        <Text style={styles.infoText}>{`${info.ssid}`}</Text>
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 20,
+  },
+  infoContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 10,
+  },
+  infoText: {
+    fontSize: 16,
+  },
+  button: {
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    backgroundColor: 'hsl(193, 95%, 68%)',
+    borderWidth: 2,
+    borderColor: 'hsl(193, 95%, 30%)',
+    borderRadius: 4,
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-network-info": "file:../../node_modules/@react-native-oh-tpl/react-native-network-info/harmony/rn_network_info.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNNetworkInfoPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { RNNetworkInfoPackage } from '@react-native-oh-tpl/react-native-network-info/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNNetworkInfoPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases)
+
+### 权限要求
+
+在 entry 目录下的 module.json5 中添加wifi和网络信息权限
+
+打开entry/src/main/module.json5，添加：
+
+```json
+...
+"requestPermissions": [
+    {
+    "name" : "ohos.permission.GET_WIFI_INFO"
+    },
+    {
+    "name": "ohos.permission.GET_NETWORK_INFO"
+    }
+]
+```
+
+## 静态方法
+
+> [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Name | Description | Type | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+getSSID | Get   SSID | Function | no | All | yes
+getBSSID | Get   BSSID | Function | no | All | yes
+getBroadcast | Get   Broadcast | Function | no | All | yes
+getIPAddress | Get   Local IP | Function | no | All | yes
+getIPV4Address | Get   IPv4 IP (priority: WiFi first, cellular second) | Function | no | All | yes
+getSubnet | Get   Subnet | Function | no | All | yes
+getGatewayIPAddress | Get   Default Gateway IP | Function | no | All | yes
+getFrequency | Get   frequency | Function | no | Android | yes
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/pusherman/react-native-network-info/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 2a50d68edf40e2754fba7507e7b4a01c9a85ca8a Mon Sep 17 00:00:00 2001
From: baofeng <baofeng6@h-partners.com>
Date: Sat, 3 Aug 2024 08:03:50 +0000
Subject: [PATCH 334/966] =?UTF-8?q?!1120=20docs:=20[Issues:=20#IADPOV]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-testing-library=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IADPOV]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-testing-library=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-testing-library.md | 217 ++++++++++++++++++++++++++
 1 file changed, 217 insertions(+)
 create mode 100644 zh-cn/react-native-testing-library.md

diff --git a/zh-cn/react-native-testing-library.md b/zh-cn/react-native-testing-library.md
new file mode 100644
index 00000000..d2dbfdcc
--- /dev/null
+++ b/zh-cn/react-native-testing-library.md
@@ -0,0 +1,217 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-testing-library</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/react-native-testing-library">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/callstack/react-native-testing-library/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/callstack/react-native-testing-library)
+
+
+## 安装与使用
+
+本库需要和测试运行器一起使用，本文档以Jest测试框架作为示例演示。
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install -D jest@29.7.0
+npm install -D @testing-library/react-native@12.5.1
+```
+
+#### **yarn**
+
+```bash
+yarn add -D jest@29.7.0
+yarn add -D @testing-library/react-native@12.5.1
+```
+
+<!-- tabs:end -->
+
+配置Jest匹配器，目前有两种配置方法：
+
+方法一：在jest-setup.ts中引入：
+
+```js
+import '@testing-library/react-native/extend-expect';
+```
+
+方法二：在jest.config.js中配置：
+
+```json
+{
+  "preset": "react-native",
+  "setupFilesAfterEnv": ["@testing-library/react-native/extend-expect"]
+}
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Pressable, ScrollView, Text, TextInput, View } from 'react-native';
+import { render, screen, userEvent } from '@testing-library/react-native';
+
+type QuestionsBoardProps = {
+  questions: string[];
+  onSubmit: (obj: {}) => void;
+};
+
+jest.useFakeTimers();
+
+function QuestionsBoard({ questions, onSubmit }: QuestionsBoardProps) {
+  const [data, setData] = React.useState({});
+
+  return (
+    <ScrollView>
+      {questions.map((q, index) => {
+        return (
+          <View key={q}>
+            <Text>{q}</Text>
+            <TextInput
+              accessibilityLabel="answer input"
+              accessibilityHint="input"
+              onChangeText={(text) => {
+                setData((state) => ({
+                  ...state,
+                  [index + 1]: { q, a: text },
+                }));
+              }}
+            />
+          </View>
+        );
+      })}
+      <Pressable accessibilityRole={'button'} onPress={() => onSubmit(data)}>
+        <Text>Submit</Text>
+      </Pressable>
+    </ScrollView>
+  );
+}
+
+test('form submits two answers', async () => {
+  const questions = ['q1', 'q2'];
+  const onSubmit = jest.fn();
+
+  const user = userEvent.setup();
+  render(<QuestionsBoard questions={questions} onSubmit={onSubmit} />);
+
+  const answerInputs = screen.getAllByLabelText('answer input');
+  await user.type(answerInputs[0], 'a1');
+  await user.type(answerInputs[1], 'a2');
+  await user.press(screen.getByRole('button', { name: 'Submit' }));
+
+  expect(onSubmit).toHaveBeenCalledWith({
+    '1': { q: 'q1', a: 'a1' },
+    '2': { q: 'q2', a: 'a2' },
+  });
+});
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25; 
+
+## API
+
+详细请查看 [react-native-testing-library 的文档介绍](https://callstack.github.io/react-native-testing-library/docs/api)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| render  | render your UI components for testing purposes | function | yes | All | yes |
+| screen | access rendered UI | object | no | All | yes |
+| userEvent | simulate common user interactions like [`press`](https://callstack.github.io/react-native-testing-library/docs/api/events/user-event#press) or [`type`](https://callstack.github.io/react-native-testing-library/docs/user-event#type) in a realistic way | object | no | All | yes |
+| fireEvent | simulate any component event in a simplified way | function | no | All | yes |
+| renderHook | render hooks for testing purposes | function | no | All | yes |
+| waitFor | Waits for a period of time for the `expectation` | function | no | All | yes |
+| configure | configure | function | no | All | yes |
+| resetToDefaults | reset to Defaults | function | no | All | yes |
+| isHiddenFromAccessibility | Checks if given element is hidden from assistive technology, e.g. screen readers. | function | no | All | yes |
+| within | performs [queries](https://callstack.github.io/react-native-testing-library/docs/api/queries) scoped to given element | function | no | All | yes |
+| act | action | function | no | All | yes |
+| cleanup | Unmounts React trees that were mounted with `render` and clears `screen` variable that holds latest `render` output. | function | no | All | yes |
+
+ ### screen
+
+> [!TIP] "\*"号表示省略了变体或者谓词部；查询接口由两部分组成：变体和谓词，它们之间由单词by分隔，例如: getBy\*是查询变体，\*ByRole是谓词；变体和谓词之间可以任意组合。
+
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getBy* | Exactly one matching element | function | no | All | yes |
+| getAllBy* | At least one matching element | function | no | All | yes |
+| queryBy* | Zero or one matching element | function | no | All | yes |
+| queryAllBy* | No assertion | function | no | All | yes |
+| findBy* | Exactly one matching element | function | no | All | yes |
+| findAllBy* | At least one matching element | function | no | All | yes |
+| *ByRole | Returns a `ReactTestInstance` with matching `role` or `accessibilityRole` prop. | function | no | All | yes |
+| *ByLabelText | Returns a `ReactTestInstance` with matching label | function | no | All | yes |
+| *ByPlaceholderText | Returns a `ReactTestInstance` for a `TextInput` with a matching placeholder – may be a string or regular expression | function | no | All | yes |
+| *ByDisplayValue | Returns a `ReactTestInstance` for a `TextInput` with a matching display value – may be a string or regular expression | function | no | All | yes |
+| *ByText | Returns a `ReactTestInstance` with matching text – may be a string or regular expression | function | no | All | yes |
+| *ByHintText | Returns a `ReactTestInstance` with matching `accessibilityHint` prop | function | no | All | yes |
+| *ByTestId | Returns a `ReactTestInstance` with matching `testID` prop. `testID` – may be a string or a regular expression | function | no | All | yes |
+| rerender | Re-render the in-memory tree with a new root element | function | no | All | yes |
+| unmount | Unmount the in-memory tree, triggering the appropriate lifecycle events | function | no | All | yes |
+| debug | Pretty prints deeply rendered component passed to `render` | function | no | All | yes |
+| toJSON | Get the rendered component JSON representation, e.g. for snapshot testing | function | no | All | yes |
+| root | Returns the rendered root [host element](https://callstack.github.io/react-native-testing-library/docs/advanced/testing-env#host-and-composite-components) | object | no | All | yes |
+
+
+### userEvent
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| setup | Creates a User Event object instance, which can be used to trigger events. | function | no | All | yes |
+| press | This helper simulates a press on any pressable element | function | no | All | yes |
+| longPress | Simulates a long press user interaction. | function | no | All | yes |
+| type | This helper simulates the user focusing on a `TextInput` element | function | no | All | yes |
+| clear | This helper simulates the user clearing the content of a `TextInput` element | function | no | All | yes |
+| scrollTo | This helper simulates the user scrolling a host `ScrollView` element | function | no | All | yes |
+
+### Jest matchers
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| toBeOnTheScreen | This allows you to assert whether an element is attached to the element tree or not. If you hold a reference to an element and it gets unmounted during the test it will no longer pass this assertion. | function | no | All | yes |
+| toHaveTextContent | This allows you to assert whether the given element has the given text content or not. It accepts either `string` or `RegExp` matchers, as well as [text match options](https://callstack.github.io/react-native-testing-library/docs/api/queries#text-match-options) of `exact` and `normalizer` | function | no | All | yes |
+| toContainElement | This allows you to assert whether the given container element does contain another host element. | function | no | All | yes |
+| toBeEmptyElement | This allows you to assert whether the given element does not have any host child elements or text content | function | no | All | yes |
+| toHaveDisplayValue | This allows you to assert whether the given `TextInput` element has a specified display value. It accepts either `string` or `RegExp` matchers, as well as [text match options](https://callstack.github.io/react-native-testing-library/docs/api/queries#text-match-options) of `exact` and `normalizer` | function | no | All | yes |
+| toHaveAccessibilityValue | This allows you to assert whether the given element has a specified accessible value | function | no | All | yes |
+| toBeEnabled | These allow you to assert whether the given element is enabled or disabled from the user's perspective. It relies on the accessibility disabled state as set by `aria-disabled` or `accessibilityState.disabled` props. It will consider a given element disabled when it or any of its ancestors is disabled. | function | no | All | yes |
+| toBeSelected | This allows you to assert whether the given element is selected from the user's perspective. It relies on the accessibility selected state as set by `aria-selected` or accessibilityState.selected props | function | no | All | yes |
+| toBeChecked | These allow you to assert whether the given element is checked or partially checked from the user's perspective. It relies on the accessibility checked state as set by `aria-checked` or `accessibilityState.checked` props | function | no | All | yes |
+| toBeExpanded | These allows you to assert whether the given element is expanded or collapsed from the user's perspective. It relies on the accessibility disabled state as set by `aria-expanded` or `accessibilityState.expanded` props | function | no | All | yes |
+| toBeBusy | This allows you to assert whether the given element is busy from the user's perspective. It relies on the accessibility selected state as set by `aria-busy` or `accessibilityState.busy` props. | function | no | All | yes |
+| toHaveStyle | This allows you to assert whether the given element has given styles | function | no | All | yes |
+| toHaveAccessibleName | This allows you to assert whether the given element has a specified accessible name. It accepts either `string` or `RegExp` matchers, as well as [text match options](https://callstack.github.io/react-native-testing-library/docs/api/queries#text-match-options) of `exact` and normalizer | function | no | All | yes |
+| toHaveProp | This allows you to assert whether the given element has a given prop. When the `value` parameter is `undefined` it will only check for existence of the prop, and when `value` is defined it will check if the actual value matches passed value. | function | no | All | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-testing-library/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From f9827e3f2eae527172c6f6f1471edb46de25c800 Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Sat, 3 Aug 2024 08:21:46 +0000
Subject: [PATCH 335/966] =?UTF-8?q?!1205=20docs:=20[Issues:#IAFM6H]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-image-colors=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAFM6H]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-image-colors=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-colors.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md
index 6e916dd2..9844da3b 100644
--- a/zh-cn/react-native-image-colors.md
+++ b/zh-cn/react-native-image-colors.md
@@ -322,8 +322,8 @@ The config object is optional.
 | `cache`        | Enables in-memory caching of the result - skip downloading the same image next time.                                                                                                           | `boolean`                                              | no                                            | `false`     | all              | yes |
 | `key`          | Unique key to use for the cache entry. The image URI is used as the unique key by default. You should explicitly pass a key if you enable caching and you're using a base64 string as the URI. | `string`                                               | no                                             | `undefined` | all              | yes |
 | `headers`      | HTTP headers to be sent along with the GET request to download the image                                                                                                                       | `Record<string, string>`                               | no                             | `undefined` | iOS, Android        | yes |
-| `pixelSpacing` | How many pixels to skip when iterating over image pixels. Higher means better performance (**note**: value cannot be lower than 1).                                                            | `number`                                               | no                                             | `5`         | Android             | yes |
-| `quality`      | Highest implies no downscaling and very good colors.                                                                                                                                           | `'lowest'` <br> `'low'` <br> `'high'` <br> `'highest'` | no | `"low"`     | iOS, Web          | yes |
+| `pixelSpacing` | How many pixels to skip when iterating over image pixels. Higher means better performance (**note**: value cannot be lower than 1).                                                            | `number`                                               | no                                             | `5`         | Android             | no |
+| `quality`      | Highest implies no downscaling and very good colors.                                                                                                                                           | `'lowest'` <br> `'low'` <br> `'high'` <br> `'highest'` | no | `'low'`     | iOS, Web          | no |
 
 ### ImageColorsResult
 
@@ -337,7 +337,7 @@ HarmonyImageColors
 | `largestProportionColor` | The color with the highest proportion in the image. | `string`    | no       | harmonyOS | yes               |
 | `highestSaturationColor` | The color with the highest saturation in the image. | `string`    | no       | harmonyOS | yes               |
 | `averageColor`           | The average color of the image.                     | `string`    | no       | harmonyOS | yes               |
-| `platform`               | platform                                            | `"harmony"` | no       | harmonyOS | yes               |
+| `platform`               | The platform is HarmonyOS.                | `string` | no       | all | yes               |
 
 ### ImageColors.cache
 
@@ -356,6 +356,7 @@ HarmonyImageColors
 
 ## 遗留问题
 
+- [x] harmonyOS获取颜色值暂时只能得到固定的一种颜色，暂不支持通过传入`pixelSpacing`或`quality`参数来计算获取不同精确度的颜色值。[issue链接](https://github.com/react-native-oh-library/react-native-image-colors/issues/16) 
 
 ## 其他
 

From 2ce51f0d18a6a7073fdb5baf31c7060326336b54 Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Sat, 3 Aug 2024 08:35:36 +0000
Subject: [PATCH 336/966] =?UTF-8?q?!1187=20docs:=20[#IAFAW6]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-country-picker-modal=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAFAW6]=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?react-native-country-picker-modal=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-country-picker-modal.md | 313 +++++++++++++++++++++
 1 file changed, 313 insertions(+)
 create mode 100644 zh-cn/react-native-country-picker-modal.md

diff --git a/zh-cn/react-native-country-picker-modal.md b/zh-cn/react-native-country-picker-modal.md
new file mode 100644
index 00000000..bc298cd4
--- /dev/null
+++ b/zh-cn/react-native-country-picker-modal.md
@@ -0,0 +1,313 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-country-picker-modal</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-oh-library/react-native-country-picker-modal">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-country-picker-modal/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-country-picker-modal)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-country-picker-modal@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-country-picker-modal@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, {useState} from 'react';
+import {
+  Text,
+  StyleSheet,
+  PixelRatio,
+  Switch,
+  Button,
+  ScrollView,
+  View,
+  ViewProps,
+} from 'react-native';
+import CountryPicker, {
+  CountryModalProvider,
+  CountryCode,
+  Country,
+  DARK_THEME,
+} from 'react-native-country-picker-modal';
+
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 10,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  welcome: {
+    fontSize: 17,
+    textAlign: 'center',
+    margin: 5,
+  },
+  instructions: {
+    fontSize: 10,
+    textAlign: 'center',
+    color: '#888',
+    marginBottom: 0,
+  },
+  data: {
+    maxWidth: 250,
+    padding: 10,
+    marginTop: 7,
+    backgroundColor: '#ddd',
+    borderColor: '#888',
+    borderWidth: 1 / PixelRatio.get(),
+    color: '#777',
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+});
+
+const Row = (
+  props: ViewProps & {children?: React.ReactNode; fullWidth?: boolean},
+) => (
+  <View
+    {...props}
+    style={[
+      styles.row,
+      props.style,
+      props.fullWidth && {
+        width: '100%',
+        justifyContent: 'space-between',
+        padding: 10,
+        paddingHorizontal: 50,
+      },
+    ]}
+  />
+);
+interface OptionProps {
+  title: string;
+  value: boolean;
+  onValueChange(value: boolean): void;
+}
+const Option = ({value, onValueChange, title}: OptionProps) => (
+  <Row fullWidth>
+    <Text style={styles.instructions}>{title}</Text>
+    <Switch {...{value, onValueChange}} />
+  </Row>
+);
+
+export function CountryPickerTest() {
+  const [countryCode, setCountryCode] = useState<CountryCode>('AF');
+  const [country, setCountry] = useState<Country>();
+  const [withCountryNameButton, setWithCountryNameButton] =
+    useState<boolean>(false);
+  const [withCurrencyButton, setWithCurrencyButton] = useState<boolean>(false);
+  const [withFlagButton, setWithFlagButton] = useState<boolean>(true);
+  const [withCallingCodeButton, setWithCallingCodeButton] =
+    useState<boolean>(false);
+  const [withFlag, setWithFlag] = useState<boolean>(true);
+  const [withEmoji, setWithEmoji] = useState<boolean>(true);
+  const [withFilter, setWithFilter] = useState<boolean>(true);
+  const [withAlphaFilter, setWithAlphaFilter] = useState<boolean>(false);
+  const [withCallingCode, setWithCallingCode] = useState<boolean>(false);
+  const [withCurrency, setWithCurrency] = useState<boolean>(false);
+  const [withModal, setWithModal] = useState<boolean>(true);
+  const [visible, setVisible] = useState<boolean>(false);
+  const [dark, setDark] = useState<boolean>(false);
+  const [disableNativeModal, setDisableNativeModal] = useState<boolean>(false);
+  const onSelect = (country: Country) => {
+    setCountryCode(country.cca2);
+    setCountry(country);
+  };
+  const switchVisible = () => setVisible(!visible);
+  return (
+    <CountryModalProvider>
+      <ScrollView contentContainerStyle={styles.container}>
+        <Text style={styles.welcome}>Welcome to Country Picker !</Text>
+        <Option
+          title="With country name on button"
+          value={withCountryNameButton}
+          onValueChange={setWithCountryNameButton}
+        />
+        <Option
+          title="With currency on button"
+          value={withCurrencyButton}
+          onValueChange={setWithCurrencyButton}
+        />
+        <Option
+          title="With calling code on button"
+          value={withCallingCodeButton}
+          onValueChange={setWithCallingCodeButton}
+        />
+        <Option
+          title="With flag"
+          value={withFlag}
+          onValueChange={setWithFlag}
+        />
+        <Option
+          title="With emoji"
+          value={withEmoji}
+          onValueChange={setWithEmoji}
+        />
+        <Option
+          title="With filter"
+          value={withFilter}
+          onValueChange={setWithFilter}
+        />
+        <Option
+          title="With calling code"
+          value={withCallingCode}
+          onValueChange={setWithCallingCode}
+        />
+        <Option
+          title="With currency"
+          value={withCurrency}
+          onValueChange={setWithCurrency}
+        />
+        <Option
+          title="With alpha filter code"
+          value={withAlphaFilter}
+          onValueChange={setWithAlphaFilter}
+        />
+        <Option
+          title="Without native modal"
+          value={disableNativeModal}
+          onValueChange={setDisableNativeModal}
+        />
+        <Option
+          title="With modal"
+          value={withModal}
+          onValueChange={setWithModal}
+        />
+        <Option title="With dark theme" value={dark} onValueChange={setDark} />
+        <Option
+          title="With flag button"
+          value={withFlagButton}
+          onValueChange={setWithFlagButton}
+        />
+        <CountryPicker
+          theme={dark ? DARK_THEME : {}}
+          {...{
+            countryCode,
+            withFilter,
+            excludeCountries: ['FR'],
+            withFlag,
+            withCurrencyButton,
+            withCallingCodeButton,
+            withCountryNameButton,
+            withAlphaFilter,
+            withCallingCode,
+            withCurrency,
+            withEmoji,
+            withModal,
+            withFlagButton,
+            onSelect,
+            disableNativeModal,
+            preferredCountries: ['US', 'GB'],
+            modalProps: {
+              visible,
+            },
+            onClose: () => setVisible(false),
+            onOpen: () => setVisible(true),
+          }}
+        />
+        <Text style={styles.instructions}>Press on the flag to open modal</Text>
+        <Button
+          title={'Open modal from outside using visible props'}
+          onPress={switchVisible}
+        />
+        {country !== null && (
+          <Text style={styles.data}>{JSON.stringify(country, null, 0)}</Text>
+        )}
+      </ScrollView>
+    </CountryModalProvider>
+  );
+}
+
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+
+## 属性
+详细请查看 [react-native-country-picker-modal的文档介绍](https://github.com/xcarpentier/react-native-country-picker-modal)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name          | Description                           | Type                                      | Required | Platform                                | HarmonyOS Support                                        |
+| ------------------ | ----------------------------------------------- | --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
+| countryCode    | Country or area code. | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252)       | Yes     | All | Yes |
+| region         | region code                                                  | [Region](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L272)                                           | No       | All                                         | Yes                                            |
+| subregion         | subregion code | [Subregion](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L282) | No     | All                          | Yes                             |
+| countryCodes         | Country Code | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | No     | All | Yes |
+| theme        | theme | [Theme](https://github.com/xcarpentier/react-native-country-picker-modal/blob/7611d34fa35744dbec3fbcdd9b4401494b1ba8c4/src/CountryTheme.ts#L5) | No       | All | Yes |
+| translation           | Translation Language Code                                    | [TranslationLanguageCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L309) | No     | All | Yes |
+| modalProps       | [ModalProps](https://facebook.github.io/react-native/docs/modal#props) | [ModalProps](https://facebook.github.io/react-native/docs/modal#props) | No       | All | Yes |
+| filterProps              | [CountryFilterProps](https://facebook.github.io/react-native/docs/textinput#props) | [CountryFilterProps](https://facebook.github.io/react-native/docs/textinput#props) | No        | All | Yes |
+| flatListProps        | extends flatListProps | [FlatListProps<Country>](https://facebook.github.io/react-native/docs/flatlist#props) | No        | All | Yes |
+| withAlphaFilter   | Use AlphaFilter                        | boolean                                       | No        | All | Yes |
+| withCallingCode  | Using the CallingCode                  | boolean                                       | No        | All | Yes |
+| withCurrency  | Use Currency                                          | boolean                                                      | No        | All | Yes |
+| withEmoji              | Use Emoji                       | boolean                                | No        | All | Yes |
+| withCountryNameButton     | Use the button with the country name                  | boolean                                                      | No        | All | Yes |
+| withCurrencyButton          | Using the With Currency Button     | boolean                                   | No        | All | Yes |
+| withCallingCodeButton          | Using the With Call Code Button    | boolean                                   | No        | All | Yes |
+| withFlagButton         | Using Flagged Buttons              | boolean                                   | No        | All | Yes |
+| withCloseButton          | Using the Close Button         | boolean                               | No        | All | Yes |
+| withFilter          | withFilter                         | boolean                                   | No        | All | Yes |
+| withFlag | withFlag                     | boolean                                | No        | All | Yes |
+| withModal      | withModal                              | boolean                                | No        | All | Yes |
+| visible        | visible                                               | boolean                                                      | No        | All | Yes |
+| containerButtonStyle             | containerButtonStyle | StyleProp<ViewStyle>                     | No        | All | Yes |
+| renderFlagButton        | renderFlagButton | (props: (FlagButton['props'])): ReactNode ([FlagButton props](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/FlagButton.tsx#L73)) | No        | All | Yes |
+| renderCountryFilter   | renderCountryFilter | (props: CountryFilter['props']): ReactNode ([CountryFilter props is TextInputProps](https://facebook.github.io/react-native/docs/textinput#props)) | No        | All | Yes |
+| onSelect  | onSelect | (country: Country): void ([Country](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L263)) | Yes     | All | Yes |
+| onOpen  | onOpen | (): void | Yes  | All | Yes |
+| onClose            | onClose                          | (): void                                 | Yes     | All | Yes |
+| closeButtonImage   | Source of the close button | [ImageSourcePropType](https://facebook.github.io/react-native/docs/image#props) | No        | All | Yes |
+| closeButtonStyle         | closeButtonStyle    | StyleProp<ViewStyle>                    | No        | All | Yes |
+| closeButtonImageStyle | closeButtonImageStyle | StyleProp<ViewStyle>          | No        | All | Yes |
+| disableNativeModal     | you have to wrap your all app with CountryModalProvider | boolean | No        | All | Yes |
+| preferredCountries    | preferredCountries | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L254) preferred countries they appear first (`withAlphaFilter` must be false) | No        | All | Yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。

From 610d2354f4b00c3964b9978a58af04e9a6a1140f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Sat, 3 Aug 2024 11:30:24 +0000
Subject: [PATCH 337/966] =?UTF-8?q?!1275=20docs:=20[#IAHNCV]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0PR=E6=A8=A1=E6=9D=BF=20*=20=20docs:=20[#IAHNCV]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0PR=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitee/PULL_REQUEST_TEMPLATE.en.md    | 27 ++--------------------
 .gitee/PULL_REQUEST_TEMPLATE.zh-CN.md | 27 ++--------------------
 zh-cn/usage-docs-checklist.md         | 33 +++++++++++++++++++++++++++
 3 files changed, 37 insertions(+), 50 deletions(-)
 create mode 100644 zh-cn/usage-docs-checklist.md

diff --git a/.gitee/PULL_REQUEST_TEMPLATE.en.md b/.gitee/PULL_REQUEST_TEMPLATE.en.md
index 629fd4e6..c1d32f4d 100644
--- a/.gitee/PULL_REQUEST_TEMPLATE.en.md
+++ b/.gitee/PULL_REQUEST_TEMPLATE.en.md
@@ -1,4 +1,4 @@
-<!-- Thanks for submitting a pull request! We appreciate you spending the time to work on these changes. Please follow the template so that the reviewers can easily understand what the code changes affect -->
+<!-- Thanks for submitting a pull request! We appreciate you spending the time to work on these changes. Please follow the template so that the reviewers can easily understand what the content changes affect -->
 
 # Summary
 
@@ -13,27 +13,4 @@ Explain the **motivation** for making this change: here are some points to help
 
 <!-- 检查项, 请自行排查并打钩, 通过: [X] -->
 
-- [ ] 是否按[最新模板](../zh-cn/model.md)修改；
-- [ ] 是否修改模板号，当前最新版本为 v0.2.2；
-- [ ] 是否填写 github 地址，位于模板版本下面:[!tip] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址；
-- [ ] 无修改的库是否指定版本，直接可复用社区代码，不涉及各类平台判断（platfrom、文件平台后缀等）的库，npm install & yarn add 需要指定验证的版本；
-- [ ] 是否列全所有暴露属性和接口（含不支持的）；
-- [ ] Link 路径是否配套；
-- [ ] ArkTS 引入是否配套版本；
-- [ ] 是否添加权限限制（如有）；
-- [ ] 属性章节是否添加平台说明；
-- [ ] 属性章节是否使用英文头；
-- [ ] 属性章节 Description 是否补充平台描述；
-- [ ] 兼容性章节是否区别了“发 release”和“未发 release”；
-- [ ] 遗留问题是否有 issue 跟踪；
-- [ ] 开源协议是否和原库原库一致（LICENSE）；
-- [ ] 有引入原生端代码和依赖是否和 npm 的包名一致；
-- [ ] API、静态方法、属性的表格是否按照模板的格式；
-- [ ] 不支持属性是否有做问题遗留；
-- [ ] 文档是否使用了 prettier 格式化；
-- [ ] release 超链接的载体是否为完整库名 + Release;
-- [ ] 兼容性模块 RNOH 的版本 0.72.20 以后的版本不需要加 CAPI；
-- [ ] 使用 codegen 和直接链接源码的文档链接是否是相对路径；
-- [ ] 文档里面的 demo 是否没有代码代码错误，直接可跑通；
-- [ ] 文档名字是否以 npm 包名为准；
-- [ ] fabric 库是否有 “在 ArkTS 侧引入 xxx 组件”；
+- [ ] 是否对照[usage-docs-checklist](../zh-cn/usage-docs-checklist)的每一项进行检查
diff --git a/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md b/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
index 3a60d1cb..87ce9d88 100644
--- a/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
+++ b/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
@@ -1,4 +1,4 @@
-<!-- 感谢您提交PR！请按照模板填写，以便审阅者可以轻松理解和评估代码变更的影响。Thanks for submitting a pull request! We appreciate you spending the time to work on these changes. Please follow the template so that the reviewers can easily understand what the code changes affect -->
+<!-- 感谢您提交PR！请按照模板填写，以便审阅者可以轻松理解和评估内容变更的影响。Thanks for submitting a pull request! We appreciate you spending the time to work on these changes. Please follow the template so that the reviewers can easily understand what the content changes affect -->
 
 # Summary
 
@@ -13,27 +13,4 @@
 
 <!-- 检查项, 请自行排查并打钩, 通过: [X] -->
 
-- [ ] 是否按[最新模板](../zh-cn/model.md)修改；
-- [ ] 是否修改模板号，当前最新版本为 v0.2.2；
-- [ ] 是否填写 github 地址，位于模板版本下面:[!tip] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址；
-- [ ] 无修改的库是否指定版本，直接可复用社区代码，不涉及各类平台判断（platfrom、文件平台后缀等）的库，npm install & yarn add 需要指定验证的版本；
-- [ ] 是否列全所有暴露属性和接口（含不支持的）；
-- [ ] Link 路径是否配套；
-- [ ] ArkTS 引入是否配套版本；
-- [ ] 是否添加权限限制（如有）；
-- [ ] 属性章节是否添加平台说明；
-- [ ] 属性章节是否使用英文头；
-- [ ] 属性章节 Description 是否补充平台描述；
-- [ ] 兼容性章节是否区别了“发 release”和“未发 release”；
-- [ ] 遗留问题是否有 issue 跟踪；
-- [ ] 开源协议是否和原库原库一致（LICENSE）；
-- [ ] 有引入原生端代码和依赖是否和 npm 的包名一致；
-- [ ] API、静态方法、属性的表格是否按照模板的格式；
-- [ ] 不支持属性是否有做问题遗留；
-- [ ] 文档是否使用了 prettier 格式化；
-- [ ] release 超链接的载体是否为完整库名 + Release;
-- [ ] 兼容性模块 RNOH 的版本 0.72.20 以后的版本不需要加 CAPI；
-- [ ] 使用 codegen 和直接链接源码的文档链接是否是相对路径；
-- [ ] 文档里面的 demo 是否没有代码代码错误，直接可跑通；
-- [ ] 文档名字是否以 npm 包名为准；
-- [ ] fabric 库是否有 “在 ArkTS 侧引入 xxx 组件”；
+- [ ] 是否对照[usage-docs-checklist](../zh-cn/usage-docs-checklist)的每一项进行检查；
diff --git a/zh-cn/usage-docs-checklist.md b/zh-cn/usage-docs-checklist.md
new file mode 100644
index 00000000..e615ebb2
--- /dev/null
+++ b/zh-cn/usage-docs-checklist.md
@@ -0,0 +1,33 @@
+# 文档 Checklist
+
+### 简介
+
+在提交 usage-docs 文档时，请自行对照如下表格进行检查。
+
+### Checklist
+
+| 序号 | 内容                                                                                                                                      |
+| ---- | ----------------------------------------------------------------------------------------------------------------------------------------- |
+| 1    | 是否按[最新模板](./zh-cn/model.md)修改                                                                                                    |
+| 2    | 是否修改模板号，当前最新版本为 v0.2.2                                                                                                     |
+| 3    | 是否填写 github 地址，位于模板版本下面:[!tip] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址                 |
+| 4    | 无修改的库是否指定版本，直接可复用社区代码，不涉及各类平台判断（platfrom、文件平台后缀等）的库，npm install & yarn add 需要指定验证的版本 |
+| 5    | Link 路径是否配套                                                                                                                         |
+| 6    | ArkTs 引入是否配套版本                                                                                                                    |
+| 7    | 有引入原生端代码和依赖是否和 npm 的包名一致；                                                                                             |
+| 8    | 是否添加权限限制（如有）                                                                                                                  |
+| 9    | 属性章节是否平台说明                                                                                                                      |
+| 10   | 属性章节表格头是否使用英文头                                                                                                              |
+| 11   | 属性章节 Description 是否补充平台描述                                                                                                     |
+| 12   | 是否列全所有暴露属性和接口（含不支持的）                                                                                                  |
+| 13   | 不支持属性是否有做问题遗留；                                                                                                              |
+| 14   | 遗留问题是否有 issue 跟踪                                                                                                                 |
+| 15   | 开源协议是否和原库一致（LICENSE）                                                                                                         |
+| 16   | 有引入原生端代码和依赖是否和 npm 的包名一致                                                                                               |
+| 17   | API、静态方法、属性的表格是否按照模板的格式                                                                                               |
+| 18   | release 超链接的载体是否为完整库名 + Release                                                                                              |
+| 19   | 使用 codegen 和直接链接源码的文档链接是否是相对路径                                                                                       |
+| 20   | 文档里面的 demo 是否没有代码代码错误，直接可跑通                                                                                          |
+| 21   | 文档名字是否以 npm 包名为准                                                                                                               |
+| 22   | fabric 库是否有 “在 ArkTS 侧引入 xxx 组件”                                                                                                |
+| 23   | 文档是否使用了 prettier 格式化                                                                                                            |

From 581557915b2504e5a965e9c3ac7be6b1fed980f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Mon, 5 Aug 2024 02:00:55 +0000
Subject: [PATCH 338/966] =?UTF-8?q?!1281=20=E4=BF=AE=E6=AD=A3=20usage-docs?=
 =?UTF-8?q?-checklist=20=E9=87=8C=E6=96=87=E6=A1=A3=E6=A8=A1=E6=9D=BF?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E9=94=99=E8=AF=AF=20*=20=20docs:=20[#IAHR9O]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=AD=A3=20usage-docs-checklist=20=E9=87=8C?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E6=A8=A1=E6=9D=BF=E9=93=BE=E6=8E=A5=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/usage-docs-checklist.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/usage-docs-checklist.md b/zh-cn/usage-docs-checklist.md
index e615ebb2..b34f3be2 100644
--- a/zh-cn/usage-docs-checklist.md
+++ b/zh-cn/usage-docs-checklist.md
@@ -8,7 +8,7 @@
 
 | 序号 | 内容                                                                                                                                      |
 | ---- | ----------------------------------------------------------------------------------------------------------------------------------------- |
-| 1    | 是否按[最新模板](./zh-cn/model.md)修改                                                                                                    |
+| 1    | 是否按[最新模板](/zh-cn/model.md)修改                                                                                                    |
 | 2    | 是否修改模板号，当前最新版本为 v0.2.2                                                                                                     |
 | 3    | 是否填写 github 地址，位于模板版本下面:[!tip] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址                 |
 | 4    | 无修改的库是否指定版本，直接可复用社区代码，不涉及各类平台判断（platfrom、文件平台后缀等）的库，npm install & yarn add 需要指定验证的版本 |

From 4d54c41a6e3a68135ce0fe6a4b01b8107ba585c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Mon, 5 Aug 2024 03:05:52 +0000
Subject: [PATCH 339/966] =?UTF-8?q?!1282=20=E4=BF=AE=E6=AD=A3=20PULL=5FREQ?=
 =?UTF-8?q?UEST=5FTEMPLATE=20=E9=87=8C=E9=9D=A2=E7=9A=84=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=20*=20docs:=20#IAHR9O]=20=E4=BF=AE=E6=AD=A3?=
 =?UTF-8?q?=20PULL=5FREQUEST=5FTEMPLATE=20=E9=87=8C=E9=9D=A2=E7=9A=84?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitee/PULL_REQUEST_TEMPLATE.en.md    | 2 +-
 .gitee/PULL_REQUEST_TEMPLATE.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.gitee/PULL_REQUEST_TEMPLATE.en.md b/.gitee/PULL_REQUEST_TEMPLATE.en.md
index c1d32f4d..b34084b3 100644
--- a/.gitee/PULL_REQUEST_TEMPLATE.en.md
+++ b/.gitee/PULL_REQUEST_TEMPLATE.en.md
@@ -13,4 +13,4 @@ Explain the **motivation** for making this change: here are some points to help
 
 <!-- 检查项, 请自行排查并打钩, 通过: [X] -->
 
-- [ ] 是否对照[usage-docs-checklist](../zh-cn/usage-docs-checklist)的每一项进行检查
+- [ ] 是否对照[usage-docs-checklist](/react-native-oh-library/usage-docs/blob/master/zh-cn/usage-docs-checklist.md)的每一项进行检查
diff --git a/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md b/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
index 87ce9d88..377bf314 100644
--- a/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
+++ b/.gitee/PULL_REQUEST_TEMPLATE.zh-CN.md
@@ -13,4 +13,4 @@
 
 <!-- 检查项, 请自行排查并打钩, 通过: [X] -->
 
-- [ ] 是否对照[usage-docs-checklist](../zh-cn/usage-docs-checklist)的每一项进行检查；
+- [ ] 是否对照[usage-docs-checklist](/react-native-oh-library/usage-docs/blob/master/zh-cn/usage-docs-checklist.md)的每一项进行检查；

From 983b4a4c832907aa5e2bbbfa684e6ba8a6460452 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Mon, 5 Aug 2024 04:06:15 +0000
Subject: [PATCH 340/966] =?UTF-8?q?!1190=20docs:=20[Issues:=20#IADLH1]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-gifted-charts=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IADLH1]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-gifted-charts=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-gifted-charts.md | 1010 +++++++++++++++++++++++++++
 1 file changed, 1010 insertions(+)
 create mode 100644 zh-cn/react-native-gifted-charts.md

diff --git a/zh-cn/react-native-gifted-charts.md b/zh-cn/react-native-gifted-charts.md
new file mode 100644
index 00000000..d8735db9
--- /dev/null
+++ b/zh-cn/react-native-gifted-charts.md
@@ -0,0 +1,1010 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-gifted-charts</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-gifted-charts)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-gifted-charts@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-gifted-charts@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import { BarChart, LineChart, PieChart, PopulationPyramid } from "react-native-gifted-charts";
+
+export default function () {
+  const data = [{ value: 50 }, { value: 80 }, { value: 90 }, { value: 70 }];
+
+  return (
+    <>
+      <BarChart data={data} />
+      <LineChart data={data} />
+      <PieChart data={data} />
+      <PopulationPyramid data={[{ left: 10, right: 12 }, { left: 9, right: 8 }]} />
+      <BarChart data={data} horizontal />
+      <LineChart data={data} areaChart />
+      <PieChart data={data} donut />
+    </>
+  )
+}
+```
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg、@react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)、[@react-native-oh-tpl/react-native-linear-gradient 文档](/zh-cn/react-native-linear-gradient.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)
+
+## 属性
+
+详情见 [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts) Props tables
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### BarChart, Horizontal BarChart and Stacked Bar Chart
+
+**Basic props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An item object represents a bar in the bar chart. It is described in the next table. | barDataItem[]  | no     | all | yes
+| width  | Width of the Bar chart |  number | no  | all | yes
+| height   | Height of the Bar chart (excluding the bottom label)  | number | no  | all | yes
+| onPress  | Callback function called on press of a Bar (takes item and index as parameter)    | Function | no  | all | yes
+| onLongPress | Callback function called on long press of a Bar (takes item and index as parameter) | Function | no  | all | yes
+| onPressOut   | Callback function called on press out of a Bar (takes item and index as parameter) | Function | no  | all | yes        
+| focusBarOnPress  | used to focus a bar on press by applying styles defined in focusedBarConfig | boolean | no  | all | yes   
+| focusedBarConfig  | styles for the focused bar including color, width, opacity, borderRadius etc   | FocusedBarConfig | no  | all | yes     
+| focusedBarIndex    | index of the initially focused bar, works only when focusBarOnPress is  | number  | no  | all | yes     
+| maxValue  | Maximum value shown in the Y axis   | number  | no  | all | yes     
+| yAxisOffset   | Starting (minimum) value in the Y axis (value at the origin)  | number | no  | all | yes
+| mostNegativeValue  | The most negative value shown in the Y axis (to be used only if the data set has negative values too)  | number | no  | all | yes     
+| noOfSections | Number of sections in the Y axis   | number  | no  | all | yes
+| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)       | number  | no  | all | yes
+| stepValue | Value of 1 step/section in the Y axis | number  | no  | all | yes
+| stepHeight | Height of 1 step/section in the Yaxis | number  | no  | all | yes
+| negativeStepValue| Value of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no  | all | yes
+| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant)  | number  | no  | all | yes
+| spacing   | Distance between 2 consecutive bars in the Bar chart  | number | no  | all | yes
+| backgroundColor | Background color of the Bar chart  | ColorValue | no  | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | ColorValue  | no  | all | yes
+| scrollref   | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any  | no  | all | yes
+| scrollToIndex  | scroll to a particular index on chart load | number | no  | all | yes
+| disableScroll | To disable horizontal scroll | boolean | no  | all | yes
+| showScrollIndicator | To show horizontal scroll indicator| boolean | no  | all | yes
+| indicatorColor  |  (iOS only) The color of the scroll indicators - ('black', 'white' or 'default') | String  | no  | iOS | yes
+| showLine  | To show a Line chart over the Bar chart with the same data  | boolean | no  | all | yes
+| lineData   | The data object for the line chart (use only when showLine is true). To hide any datapoint pass hideDataPoint prop as true in specific data item. | Array of items | no  | all | yes
+| lineConfig  | Properties of the Line chart shown over the Bar chart (lineConfigType) is described below  | lineConfigType  | no  | all | yes
+| lineData2  | The data object for the second line chart (use only when showLine is true)  | Array of items | no  | all | yes
+| lineConfig2   | Properties of the second Line chart shown over the Bar chart (lineConfigType) is described below  | lineConfigType  | no  | all | yes
+| lineBehindBars  | When set to true, the line chart will appear behind the Bars in case of overlap    | boolean  | no  | all | yes
+| autoShiftLabels  | When set to true, automatically shifts the X axis labels for negative values | boolean  | no  | all | yes
+| scrollToEnd  | When set to true, the chart automatically scrolls to the rightmost bar  | boolean  | no  | all | yes
+| scrollAnimation   | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost bar | boolean | no  | all | yes
+| scrollEventThrottle  | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios| number | no  | iOS | yes
+| onScroll  | callback function called when the chart is scrolled horizontally    | Function | no  | all | yes
+| onMomentumScrollEnd    | callback function called when scroll is completed       | Function  | no  | all | yes
+| initialSpacing  | distance of the first bar from the Y axis | number  | no  | all | yes
+| renderTooltip    | tooltip component appearing above the bar when it is pressed, takes item and index as parameters     | Function  | no  | all | yes
+| leftShiftForTooltip  | The distance by which the tooltip component should shift towards left | number | no  | all | yes
+| leftShiftForLastIndexTooltip | The distance by which the tooltip component of the last bar should shift towards left | number  | no  | all | yes
+| adjustToWidth   | When set to true, it auto-computes the barWidth and spacing to fit the chart in the available width / parentWidth  | boolean   | no  | all | yes
+| parentWidth  | The width of the parent View or the width that the chart should auto-fit into when `adjustToWidth` is true | number | no  | all | yes 
+
+**Combine Line Chart using showLine**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| initialSpacing | distance of the first data point from the Y axis  | number   | no  | all | yes
+| curved  | To show curved line joining the data points | boolean  | no  | all | yes
+| isAnimated | To show animates Line Chart | boolean  | no  | all | yes
+| delay | Delay (in milliseconds) before starting the animation of the line | number   | no  | all | yes
+| thickness | Thickness of the Line  | number | no  | all | yes
+| color  | Color of the Line | ColorValue   | no  | all | yes
+| hideDataPoints  | To hide data points along the Line chart | boolean   | no  | all | yes
+| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_) | String   | no  | all | yes
+| dataPointsWidth | Width of data points (when data points' shape is rectangular) | number   | no  | all | yes
+| dataPointsHeight | Height of data points (when data points' shape is rectangular) | number    | no  | all | yes
+| dataPointsColor  | Color of the data points | ColorValue  | no  | all | yes
+| dataPointsRadius | Radius of data points (when data points' shape is _circular_)  | number   | no  | all | yes
+| textColor | Color of the dataPointText  | ColorValue    | no  | all | yes
+| textFontSize | Font size of the dataPointText | number  | no  | all | yes
+| textShiftX | To shift the dataPointText text horizontally | number    | no  | all | yes
+| textShiftY | To shift the dataPointText text vertically | number   | no  | all | yes
+| shiftY | To shift the Line chart up or down by the given quantity m  | number   | no  | all | yes
+| startIndex | Start index for data line (used to display data lines having breaks) | number   | no  | all | yes
+| endIndex | End index for data line (used to display data lines having breaks) | number   | no  | all | yes
+
+**Item description (barDataItem)**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| value | Value of the item representing height of the bar | number  | no  | all | yes
+| barWidth | Width of the bar | number  | no  | all | yes
+| onPress | Function called on pressing the bar | function | no  | all | yes
+| onLongPress | Function called on long pressing the bar | function   | no  | all | yes
+| onPressOut | Callback function called on press out of a bar | Function  | no  | all | yes
+| disablePress | Prop to disable the press action, defaults to false | boolean    | no  | all | yes
+| frontColor | Color of the bar | ColorValue  | no  | all | yes
+| sideColor | Color of the side view of the bar, only for 3 D | ColorValue | no  | all | yes
+| sideWidth | Width of the side view of the bar, only for 3 D  | number | no  | all | yes
+| topColor | Color of the top view of the bar, only for 3 D | ColorValue | no  | all | yes
+| barStyle | style object for the Bars | object  | no  | all | yes
+| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean  | no  | all | yes
+| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient | ColorValue | no  | all | yes
+| label | Label text appearing below the bar (under the X axis)  | string   | no  | all | yes
+| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number | no  | all | yes
+| labelTextStyle | Style object for the label text appearing below the bar | object | no  | all | yes
+| labelComponent | Custom label component appearing below the bar | Component | no  | all | yes
+| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis | number  | no  | all | yes
+| topLabelComponent | Custom component appearing above the bar  | Component | no  | all | yes
+| topLabelContainerStyle | Style object for the container of the custom component appearing above the bar| object  | no  | all | yes
+| cappedBars | To show caps on the top of bar | boolean | no  | all | yes
+| capThickness | Thickness of the bar cap | number | no  | all | yes
+| capColor | Color of the bar cap | ColorValue | no  | all | yes
+| capRadius | Border radius of the bar cap | number  | no  | all | yes
+| barBorderRadius | Border radius of the bar | number | no  | all | yes
+| barBorderTopLeftRadius | Top left border radius of the bar | number| no  | all | yes
+| barBorderTopRightRadius | Top right border radius of the bar | number   | no  | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of the bar | number  | no  | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of the bar| number | no  | all | yes
+| barMarginBottom  | margin at the bottom of the bar (above X axis)   | number  | no  | all | yes
+| spacing  | Distance of the next Bar from the currennt Bar  | number  | no  | all | yes
+| barBackgroundPattern  | A svg component containing the background pattern for bars | Component | no  | all | yes
+| patternId  | ID of the pattern component  | String | no  | all | yes
+| leftShiftForTooltip | The distance by which the tooltip component should shift towards left | number | no  | all | yes
+| showXAxisIndex  | show small graduation at the X axis for the corresponding bar  | boolean  | no  | all | yes
+
+**Axes and rules related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| xAxisLength | X axis length | number  | no  | all | yes
+| xAxisColor | X axis color  | ColorValue  | no  | all | yes
+| xAxisThickness | X axis thickness | number   | no  | all | yes
+| yAxisColor | Y axis color | ColorValue   | no  | all | yes
+| yAxisThickness | Y axis thickness | number   | no  | all | yes
+| yAxisExtraHeight | Extra length of Y axis at the top | number  | no  | all | yes
+| xAxisType | solid or dotted/dashed | RuleType   | no  | all | yes
+| yAxisLabelWidth | Width of the Y axis Label container | number  | no  | all | yes
+| yAxisTextStyle | Style object for the Y axis text style | object | no  | all | yes
+| yAxisTextNumberOfLines | Number of lines for y axis label text | number  | no  | all | yes
+| yAxisLabelContainerStyle | Style object for the Y axis label container | object   | no  | all |  yes
+| trimYAxisAtTop  | Removes the extra length of the Y axis from the top  | boolean   | no  | all | yes
+| horizontalRulesStyle | Style object for the horizontal rules container | object   | no  | all | yes
+| showFractionalValues | Allow fractional values for the Y axis label | boolean   | no  | all | yes
+| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number   | no  | all | yes
+| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$') | String  | no  | all | yes
+| yAxisLabelSuffix | The String appended to the y axis label text | String   | no  | all | yes
+| hideYAxisText | To hide Y axis label text | boolean   | no  | all | yes  
+| formatYLabel | a callback function that takes the label generated by the library and modifies it. | (label: string) => string |  no  | all | yes
+| yAxisSide | Tells which side of the chart, should the y axis be present, defaults to 'left' | String  | no  | all |  yes
+| rulesLength | Length of the horizontal rules | number   | no  | all | yes
+| rulesColor  | Color of the horizontal rules   | ColorValue   | no  | all | yes
+| rulesThickness | Thickness of the horizontal rules | number  | no  | all | yes
+| hideRules | To hide the horizontal rules | boolean   | no  | all | yes
+| rulesType  | solid or dotted/dashed | RuleType   | no  | all | yes
+| dashWidth | width of each dash | number  | no  | all | yes
+| dashGap | gap between 2 dashes | number   | no  | all | yes
+| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no  | all | yes
+| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType   | no  | all | yes
+| referenceLine1Position | position of reference line | number    | no  | all | yes
+| showReferenceLine2 | show second reference line | boolean  | no  | all | yes
+| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType  | no  | all | yes
+| referenceLine2Position | position of second reference line | number   | no  | all | yes
+| showReferenceLine3 | show third reference line  | boolean     | no  | all | yes
+| referenceLine3Config | properties of reference line like thickness, color etc (described below the table)    | referenceConfigType   | no  | all | yes
+| referenceLine3Position | position of third reference line | number   | no  | all | yes
+| referenceLinesOverChartContent | used to render the reference lines over the rest of the chart content. | boolean   | no  | all | yes
+| showVerticalLines | To show vertical lines | boolean   | no  | all | yes
+| verticalLinesColor | Color of the vertical lines  | ColorValue  | no  | all | yes
+| verticallinesThickness  | Thickness of the vertical lines | number    | no  | all | yes
+| verticalLinesHeight | Height of the vertical lines | number   | no  | all | yes
+| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line  | Array<number>   | no  | all | yes
+| verticalLinesShift | vertical lines are aligned with bars. Shift them left or right using +ve or -ve value of verticalLinesShift  | number   | no  | all | yes
+| verticalLinesZIndex | Z index of the vertical lines | number  | no  | all | yes
+| noOfVerticalLines | Number of vertical lines displayed | number  | no  | all | yes
+| verticalLinesSpacing  | Distance between consecutive vertical lines | number    | no  | all | yes
+| showXAxisIndices | To show the pointers on the X axis  | boolean   | no  | all | yes
+| xAxisIndicesHeight | Height of the pointers on the X axis | number   | no  | all | yes
+| xAxisIndicesWidth | Width of the pointers on the X axis | number   | no  | all | yes
+| xAxisIndicesColor | Color of the pointers on the X axis  | ColorValue   | no  | all | yes
+| showYAxisIndices  | To show the pointers on the Y axis  | boolean     | no  | all | yes
+| yAxisIndicesHeight  | Height of the pointers on the Y axis  | number   | no  | all | yes
+| yAxisIndicesWidth | Width of the pointers on the Y axis | number   | no  | all | yes
+| yAxisIndicesColor | Color of the pointers on the X axis  | ColorValue  | no  | all | yes
+| yAxisLabelTexts  | Array of label texts to be displayed along y axis | Array<string>   | no  | all | yes
+| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>   | no  | all | yes
+| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object  | no  | all | yes
+| rotateLabel | To rotate the X axis labels (by 60deg) | boolean   | no  | all | yes
+| hideAxesAndRules | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
+| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean   | no  | all | yes
+| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number   | no  | all | yes
+| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis  | number   | no  | all | yes
+| xAxisTextNumberOfLines | Number of lines for x axis label text | number  | no  | all | yes
+| xAxisLabelsHeight | Height of X axis labels container    | number   | no  | all | yes
+| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down)     | number  | no  | all | yes
+| labelsExtraHeight | used to display large rotated labels on X-axis (use this only when using the **rotateLabel** prop) | number   | no  | all | yes
+| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType  | no  | all | yes
+| secondaryData | the secondary data that will be rendered along the secondary Y axis  | Array of items   | no  | all | yes           
+
+**Bar related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| barWidth | Width of the bar | number    | no  | all | yes
+| barStyle | style object for the Bars | object    | no  | all | yes
+| isThreeD | Prop to render 3 dimensional bars | boolean   | no  | all | yes
+| frontColor | Color of the bar | ColorValue   | no  | all | yes
+| sideColor | Color of the side view of the bar, only for 3 D | ColorValue    | no  | all | yes
+| topColor | Color of the top view of the bar, only for 3 D | ColorValue   | no  | all | yes
+| sideWidth | Width of the side view of the bar, only for 3 D  | number   | no  | all | yes
+| showGradient | Prop to enable linear gradient for the bar color | boolean    | no  | all | yes
+| gradientColor | Along with frontColor, gradientColor constitutes the 2 colors for gradient | ColorValue    | no  | all | yes
+| roundedTop | To show rounded top | boolean     | no  | all | yes
+| roundedBottom | To show rounded bottom  | boolean   | no  | all | yes
+| activeOpacity  | activeOpacity on pressing the bar | number    | no  | all | yes
+| disablePress | Prop to disable the bar press action | boolean    | no  | all | yes
+| barBorderWidth | Border width of the bar | number    | no  | all | yes
+| barBorderColor | Border color of the bar  | ColorValue | no  | all | yes
+| barBorderRadius | Border radius of the bar | number | no  | all | yes
+| barBorderTopLeftRadius | Top left border radius of the bar | number | no  | all | yes
+| barBorderTopRightRadius | Top right border radius of the bar   | number | no  | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of the bar | number | no  | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of the bar | number | no  | all | yes
+| barMarginBottom | margin at the bottom of the bar (above X axis)  | number | no  | all | yes
+| barBackgroundPattern | A svg component containing the background pattern for bars | Component  | no  | all | yes
+| patternId  | ID of the pattern component | String  | no  | all | yes
+| minHeight | Minimum height of the Bars | number  | no  | all | yes
+
+**Animation related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| isAnimated | To show animates BarChart. Animation occurs onLoad and on value change | boolean   | no  | all | yes
+| animationDuration | Duration of the animations | number  | no  | all | yes
+| animationEasing   | Easing applied to the animation  | Easing  | no  | all | yes
+
+**Pagination related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onEndReached | Callback function called when the chart is scrolled upto end  | Function   | no  | all | yes
+| onStartReached | Callback function called when the chart is scrolled upto start   | Function   | no  | all | yes
+
+**Bar related props for making Capped Bar chart**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| cappedBars | To show caps on the top of bars   | boolean  | no  | all | yes
+| capThickness | Thickness of the bar caps  | number   | no  | all | yes
+| capColor | Color of the bar caps     | ColorValue   | no  | all | yes
+| capRadius | Border radius of the bar caps   | number  | no  | all | yes
+
+**pointerConfig**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| height | Height of the pointer |  number  | no  | all | yes
+| width  | width of the pointer |  number  | no  | all | yes
+| radius  | radius of the pointer   |  number  | no  | all | yes
+| pointerColor  |  pointer color   |  ColorValue  | no  | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values.  |  ColorValue[]  | no  | all | yes
+| secondaryPointerColor | Secondary pointer color  |  ColorValue  | no  | all | yes
+| pointerComponent | is a function that returns the component to be rendered as a pointer  |  Function  | no  | all | yes
+| showPointerStrip | show pointer bar |  boolean  | no  | all | yes
+| pointerStripWidth  | width of the pointer bar |  number  | no  | all | yes
+| pointerStripHeight  | height of the pointer bar  |  number  | no  | all | yes
+| pointerStripColor  | color of the pointer bar   |  ColorValue  | no  | all | yes
+| pointerStripUptoDataPoint | Pointer stripped to data point  |  boolean  | no  | all | yes
+| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 |  Function  | no  | all | yes
+| stripOverPointer | strip to over pointer  |  boolean  | no  | all | yes
+| autoAdjustPointerLabelPosition | Adjust the position of the pointer  |  boolean  | no  | all | yes
+| shiftPointerLabelX | x-axis displacement pointer label  |  number  | no  | all | yes
+| shiftPointerLabelY | y-axis displacement pointer label  |  number  | no  | all | yes
+| pointerLabelWidth  | pointer label width |  number  | no  | all | yes
+| pointerLabelHeight | pointer label height |  number  | no  | all | yes
+| pointerVanishDelay | Pointer disappearance delay |  number  | no  | all | yes
+| activatePointersOnLongPress |Long press to activate pointer  |  boolean  | no  | all | yes
+| activatePointersDelay | activation pointer delay |  number  | no  | all | yes
+| persistPointer | persistent pointer |  boolean  | no  | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer |  number[]  | no  | all | yes
+| barTouchable  | touchable bar |  boolean  | no  | all | yes
+| pointerEvents | pointer event in Bars |  PointerEvents  | no  | all | yes
+| stripBehindBars | hide the strip in Bars |  boolean  | no  | all | yes
+
+**Props for horizontal BarChart**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| horizontal | Render horizontal        | boolean   | no  | all | yes
+| rtl | Render the chart from right to left | boolean   | no  | all | yes
+| shiftX  | Shift the chart towards left or right by given value (only in horizontal charts) | number  | no  | all | yes
+| shiftY  | Shift the chart upwards or downwards by given value (only in horizontal charts)  | number  | no  | all | yes
+| rotateYAxisTexts | angle by which the Y axis label texts should rotate in horizontal charts | number   | no  | all | yes
+| yAxisAtTop | In horizontal BarCharts the Y axis appears at bottom by default. Set it to true for otherwise | boolean  | no  | all | yes
+| intactTopLabel | To rotate the top label component to make it intact with the Bars    | boolean   | no  | all | yes
+
+**Props for Stacked Bar Charts**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| stackData   | A stack array represents a stack of bars in the bar chart. It is described in the next table  | Array of stack arrays | no  | all | yes
+| barBorderRadius | Border radius of each bar of the stack  | number| no  | all | yes
+| barBorderTopLeftRadius | Top left border radius of each bar of the stack | number| no  | all | yes
+| barBorderTopRightRadius | Top right border radius of each bar of the stack | number | no  | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of each bar of the stack | number | no  | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of each bar of the stack | number | no  | all | yes
+| stackBorderRadius | Border radius of the top and bottom bars of the stack  | number | no  | all | yes
+| stackBorderTopLeftRadius | Top left border radius of the top bar of the stack | number| no  | all | yes
+| stackBorderTopRightRadius | Top right border radius of the top bar of the stack  | number | no  | all | yes
+| stackBorderBottomLeftRadius  | Bottom left border radius of the bottom bar of the stack      | number  | no  | all | yes
+| stackBorderBottomRightRadius  | Bottom right border radius of the bottom bar of the stack     | number | no  | all | yes
+| autoShiftLabelsForNegativeStacks | Whether the x axis labels should auto shift to a position below the bar, if the bar is under x-axis due to negative value | boolean| no  | all | yes
+
+**Stack Array description**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| stacks array | A stack is made of 1 or more objects of the type described in the next table |  Array of stack items| no  | all | yes                                      
+| label | Label text appearing below the stack (under the X axis) | string | no  | all | yes
+| labelTextStyle  | Style object for the label text appearing below the stack | object| no  | all | yes
+| barWidth     | Width of the stack bar | number| no  | all | yes
+| spacing | Distance between 2 consecutive bars in the stack Bar chart | number| no  | all | yes
+| borderRadius | Border radius of each bar of the stack | number| no  | all | yes
+| borderTopLeftRadius | Top left border radius of the top bar of the stack     | number| no  | all | yes
+| borderTopRightRadius | Top right border radius of the top bar of the stack   | number| no  | all | yes
+| borderBottomLeftRadius  | Bottom left border radius of the bottom bar of the stack  | number| no  | all | yes
+| borderBottomRightRadius | Bottom right border radius of the bottom bar of the stack | number| no  | all | yes
+
+**Stack item description**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| value   | Value of the item representing height of the stack item | number | no  | all | yes
+| color | Color of the stack item | ColorValue | no  | all | yes
+| onPress |  Function called on pressing the stack item | function | no  | all | yes
+| onLongPress    | Function called on long pressing the stack item | function | no  | all | yes
+| onPressOut   | Callback function called on press out of a bar | Function  | no  | all | yes
+| marginBottom | margin below a particular stack sectio | number     n   | no  | all | yes
+| barBorderRadius   | Border radius of a stack section  | number  | no  | all | yes
+| borderTopLeftRadius   | borderTopLeftRadius for a stack section  | number | no  | all | yes
+| borderTopRightRadius  | borderTopRightRadius for a stack section    | number | no  | all | yes
+| borderBottomLeftRadius | borderBottomLeftRadius for a stack section  | number   | no  | all | yes
+| borderBottomRightRadius | borderBottomRightRadius for a stack section | number  | no  | all | yes
+| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean | no  | all | yes
+| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient| ColorValue | no  | all | yes
+| barWidth | Width of the bar | number | no  | all | yes
+| showXAxisIndex | show small graduation at the X axis for the corresponding stack  | boolean  | no  | all | yes
+
+### LineChart and AreaChart
+
+**Basic props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data | An item object represents a point in the line chart. It is described in the next table.   | Array <lineDataItem>  | no  | all | yes
+| data2 | Second set of dataPoint for the second line | Array <lineDataItem> | no  | all | yes
+| data3 | Third set of dataPoint for the third line | Array <lineDataItem>| no  | all | yes
+| data4 | Fourth set of dataPoint for the fourth line | Array <lineDataItem> | no  | all | yes
+| data5 | Fifth set of dataPoint for the third line| Array <lineDataItem> | no  | all | yes
+| dataSet | Array of data sets (used instead of using `data2`, `data3`, `data4` etc)  | Array<DataSet>| no  | all | yes
+| width | Width of the Bar chart  | number  | no  | all | yes
+| height| Height of the Bar chart (excluding the bottom label)   | number  | no  | all | yes
+| overflowTop | Extra space at the top of the chart to make room for dataPointText | number  | no  | all | yes
+| overflowBottom | Extra space at the bottom of the chart to make room for dataPoints or dataPointText | number | no  | all | yes
+| maxValue | Maximum value shown in the Y axis | number  | no  | all | yes
+| mostNegativeValue | The most negative value shown in the Y axis (to be used only if the data set has negative values too)  | number  | no  | all | yes
+| noOfSections | Number of sections in the Y axis | number  | no  | all | yes
+| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)| number | no  | all | yes
+| stepValue | Value of 1 step/section in the Y axis  | number  | no  | all | yes
+| stepHeight | Height of 1 step/section in the Y axis| number | no  | all | yes
+| negativeStepValue | Value of 1 step/section in the Y axis for negative values (in the 4th quadrant)| number | no  | all | yes
+| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number  | no  | all | yes
+| spacing | Distance between 2 consecutive bars in the Bar chart | number  | no  | all | yes
+| adjustToWidth | When set to true, it auto computes the spacing value to fit the Line chart in the available width | boolean  | no  | all | yes
+| backgroundColor | Background color of the Bar chart | ColorValue | no  | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | ColorValue | no  | all | yes
+| scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any    | no  | all | yes
+| scrollToIndex | scroll to a particular index on chart load  | number  | no  | all | yes
+| disableScroll  | To disable horizontal scroll | boolean | no  | all | yes
+| showScrollIndicator | To show horizontal scroll indicator | boolean  | no  | all | yes
+| indicatorColor | (iOS only) The color of the scroll indicators - ('black', 'white' or 'default')  | String  | no  | all | yes
+| isAnimated | To show animated Line or Area Chart. Animation occurs when the chart load for the first time | boolean  | no  | all | yes
+| animateOnDataChange  | To show animation on change in data. A smooth transition takes place between the iold and new line | boolean  | no  | all | yes
+| onDataChangeAnimationDuration | Duration (milliseconds) in which the transition animation takes place on a change in data | number   | no  | all | yes
+| onPress | The callback function that handles the press event. `item` and `index` are received as props | Function          | no  | all | yes
+| scrollToEnd  | When set to true, the chart automatically scrolls to the rightmost data point  | boolean | no  | all | yes
+| scrollAnimation | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost data point | boolean | no  | all | yes
+| scrollEventThrottle | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios | number  | no  | iOS | yes
+| onScroll | callback function called when the chart is scrolled horizontally| Function | no  | all | yes
+| onMomentumScrollEnd | callback function called when scroll is completed   | Function| no  | all | yes
+| initialSpacing | distance of the first data point from the Y axis| number | no  | all | yes
+| endSpacing | distance/padding left at the end of the line chart | number  | no  | all | yes
+
+**Item description (lineDataItem)**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| value| Value of the item representing representing its position | number | no  | all | yes
+| onPress | Function called on pressing the data point | function | no  | all | yes
+| label | Label text appearing under the X axis | string   | no  | all | yes
+| labelTextStyle | Style object for the label text appearing under the X axis | object | no  | all | yes
+| labelComponent | custom label component appearing under the X axis | Function | no  | all | yes
+| yAxisLabelText | Y axis label text | string  | no  | all | yes
+| dataPointText  | Text appearing near the data points | string | no  | all | yes
+| textShiftX | To shift the dataPointText text horizontally  | number | no  | all | yes
+| textShiftY | To shift the dataPointText text vertically    | number | no  | all | yes
+| textColor | Color of the dataPointText | ColorValue| no  | all | yes
+| textFontSize  | Font size of the dataPointText   | number | no  | all | yes
+| dataPointHeight | Height of the data point (when data point's shape is rectangular)  | number | no  | all | yes
+| dataPointWidth | Width of the data point (when data point's shape is rectangular)  | number | no  | all | yes
+| dataPointRadius | Radius of the data point (when data points' shape is circular) | number| no  | all | yes
+| dataPointColor  | Color of the data point  | ColorValue  | no  | all | yes
+| dataPointShape | Shape of the data point (rectangular or circular) defaults to circular  | string  | no  | all | yes
+| hideDataPoint | To hide the data point   | boolean  | no  | all | yes
+| showVerticalLine | When set to true, a vertical line will be displayed along that data point | boolean   | no  | all | yes
+| verticalLineUptoDataPoint | When set to true, it sets the height of the vertical line upto the corresponding data point | boolean | no  | all | yes
+| verticalLineColor | Color of the vertical Line displayed along the data point | ColorValue | no  | all | yes 
+| verticalLineThickness | Thickness of the vertical Line displayed along the data point | number| no  | all | yes 
+| dataPointLabelWidth | width of the label shown beside a data point  | number  | no  | all | yes
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point  | number | no  | all | yes 
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no  | all | yes 
+| dataPointLabelComponent | custom component rendered above a data point| Function | no  | all | yes
+| focusedDataPointLabelComponent | custom component rendered above a data point only when focused/selected (when the user presses) | Function  | no  | all | yes 
+| showStrip | To show a vertical strip along the data point (even if it's not focused/selected) | boolean  | no  | all | yes 
+| stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true  | number| no  | all | yes 
+| stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true  | number| no  | all | yes 
+| stripColor | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | ColorValue| no  | all | yes 
+| stripOpacity | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no  | all | yes 
+| pointerShiftX  | Shifts the pointer for that item horizontally by given quantity (used only when pointerConfig prop is passed) | number| no  | all | yes 
+| pointerShiftY | Shifts the pointer for that item vertically by given quantity (used only when pointerConfig prop is passed)  | number | no  | all | yes 
+
+**Pagination related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onEndReached     | Callback function called when the chart is scrolled upto end | Function | no  | all | yes 
+| onStartReached   | Callback function called when the chart is scrolled upto start | Function | no  | all | yes 
+
+**Axes and rules related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| xAxisLength | X axis length   | number | no  | all | yes
+| xAxisColor| X axis color | ColorValue  | no  | all | yes
+| xAxisThickness | X axis thickness  | number | no  | all | yes
+| xAxisType  | solid or dotted/dashed  | RuleType | no  | all | yes
+| yAxisColor | Y axis color  | ColorValue | no  | all | yes
+| yAxisThickness | Y axis thickness  | number  | no  | all | yes
+| yAxisLabelWidth | Width of the Y axis Label container | number   | no  | all | ye
+| yAxisTextStyle | Style object for the Y axis text style | object   | no  | all | yes
+| yAxisTextNumberOfLines | Number of lines for y axis label text | number  | no  | all | yes
+| yAxisLabelContainerStyle | Style object for the Y axis label container  | object | no  | all | yes
+| trimYAxisAtTop | Removes the extra length of the Y axis from the top  | boolean | no  | all | yes
+| yAxisExtraHeight | Extra length of Y axis at the top  | number | no  | all | yes 
+| yAxisOffset | Starting value on Y Axis | number | no  | all | yes 
+| horizontalRulesStyle | Style object for the horizontal rules container | object  | no  | all | yes
+| showFractionalValues | Allow fractional values for the Y axis label | boolean  | no  | all | yes 
+| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number | no  | all | yes 
+| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$')  | String| no  | all | yes 
+| yAxisLabelSuffix   |The String appended to the y axis label text | String| no  | all | yes 
+| hideYAxisText | To hide Y axis label text  | boolean | no  | all | yes
+| formatYLabel | a callback function that takes the label generated by the library and modifies it.  | (label: string) => string | no  | all | yes 
+| yAxisSide  | Tells which side of the chart, should the y axis be present, defaults to 'left'  | String | no  | all | yes 
+| rulesLength | Length of the horizontal    | number | no  | all | yes
+| rulesColor | Color of the horizontal rules | ColorValue  | no  | all | yes    |
+| rulesThickness | Thickness of the horizontal | number | no  | all | yes 
+| hideRules  | To hide the horizontal | boolean  | no  | all | yes
+| rulesType | solid or dotted/dashed | RuleType | no  | all | yes
+| dashWidth | width of each dash | number | no  | all | yes 
+| dashGap  | gap between 2     | number | no  | all | yes
+| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules   | Array<RulesConfig> | no  | all | yes 
+| showReferenceLine1   | show reference line       | boolean   | no  | all | yes
+| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no  | all | yes 
+| referenceLine1Position  | position of reference     | number | no  | all | yes
+| showReferenceLine2  | show second reference         | boolean  | no  | all | yes
+| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType| no  | all | yes 
+| referenceLine2Position | position of second reference  | number | no  | all | yes
+| showReferenceLine3  | show third reference  | boolean   | no  | all | yes 
+| referenceLine3Config  | properties of reference line like thickness, color etc (described below the table)  | referenceConfigType | no  | all | yes 
+| referenceLine3Position | position of third reference line  | number| no  | all | yes
+| showVerticalLines | To show vertical lines | boolean  | no  | all | yes
+| verticalLinesUptoDataPoint | To set the height of the vertical lines upto the corresponding data point| boolean | no  | all | yes 
+| verticallinesThickness | Thickness of the vertical lines | number  | no  | all | yes
+| verticalLinesHeight  | Height of the vertical lines  | number   | no  | all | yes 
+| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line | Array<number>| no  | all   |yes
+| verticalLinesShift  | vertical lines are aligned with data point. Shift them left or right using +ve or -ve value of verticalLinesShift| number| no  | all   |yes 
+| verticalLinesZIndex | Z index of the vertical lines | number   | no  | all | yes
+| noOfVerticalLines  | Number of vertical lines displayed  | number      | no  | all | yes 
+| verticalLinesSpacing | Distance between consecutive vertical lines | number    | no  | all | yes
+| showXAxisIndices | To show the pointers on the X axis| boolean | no  | all | yes
+| xAxisIndicesHeight | Height of the pointers on the X axis | number  | no  | all | yes 
+| xAxisIndicesWidth | Width of the pointers on the X axis  | number  | no  | all | yes
+| xAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no  | all | yes
+| showYAxisIndices | To show the pointers on the Y axis | boolean | no  | all | yes
+| yAxisIndicesHeight | Height of the pointers on the Y axis | number   | no  | all | yes
+| yAxisIndicesWidth | Width of the pointers on the Y axis | number   | no  | all | yes
+| yAxisIndicesColor | Color of the pointers on the X axis | ColorValue   | no  | all | yes
+| yAxisIndicesColor | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
+| yAxisLabelTexts | Array of label texts to be displayed along y axis  | Array<string>| no  | all   |yes
+| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>| no  | all   |yes
+| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no  | all | yes
+| xAxisTextNumberOfLines | Number of lines for x axis label text | number  | no  | all | yes
+| xAxisLabelsHeight | Height of X axis labels container   | number   | no  | all | yes
+| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no  | all   |yes
+| rotateLabel | To rotate the X axis labels (by 60deg) | boolean  | no  | all | yes
+| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean  | no  | all | ye
+| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no  | all   |yes
+| secondaryData | the secondary data that will be rendered along the secondary Y axis  | Array of items | no  | all   |yes
+| secondaryLineConfig | properties of the secondary data line (secondaryLineConfigType is described below) | secondaryLineConfigType| no  | all   |yes
+
+**Line related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| curved | To show curved line joining the data points  | boolean| no  | all   |yes
+| color | Color of the lines joining the data points   | ColorValue | no  | all | yes
+| color1| Color of the lines joining the first set of data points  | ColorValue | no  | all | yes
+| color2 | Color of the lines joining the second set of data points  | ColorValue| no  | all | yes
+| color3 | Color of the lines joining the third set of data points  | ColorValue| no  | all | yes
+| color4 | Color of the lines joining the fourth set of data points  | ColorValue| no  | all | yes
+| color5 | Color of the lines joining the fifth set of data points  | ColorValue| no  | all | yes
+| thickness | Thickness of the lines joining the data points  | number| no  | all | yes
+| thickness1 | Thickness of the lines joining the first set of data points | number | no  | all | yes
+| thickness2 | Thickness of the lines joining the second set of data points | number | no  | all | yes
+| thickness3 | Thickness of the lines joining the third set of data points | number     | no  | all | yes
+| thickness4 | Thickness of the lines joining the fourth set of data points | number| no  | all | yes
+| thickness5 | Thickness of the lines joining the fifth set of data points  | number | no  | all | yes
+| zIndex1 | zIndex of the lines joining the first set of data points | number | no  | all | yes
+| zIndex2 | zIndex of the lines joining the second set of data points  | number | no  | all | yes
+| zIndex3 | zIndex of the lines joining the third set of data points| number | no  | all | yes
+| zIndex4  | zIndex of the lines joining the fourth set of data points | number | no  | all | yes
+| zIndex5 | zIndex of the lines joining the fifth set of data points | number | no  | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
+| strokeDashArray1 | Array of 2 numbers denoting the dashWidth and dashGap of line1. Used to render dashed/dotted line chart| Array<number> | no  | all | yes
+| strokeDashArray2| Array of 2 numbers denoting the dashWidth and dashGap of line2. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
+| strokeDashArray3 | Array of 2 numbers denoting the dashWidth and dashGap of line3. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
+| strokeDashArray4 | Array of 2 numbers denoting the dashWidth and dashGap of line4. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
+| strokeDashArray5 | Array of 2 numbers denoting the dashWidth and dashGap of line5. Used to render dashed/dotted line chart | Array<number> | no  | all | yes
+| lineSegments | Array of objects used to customize segments (parts) of line | Array<LineSegment> | no  | all | yes
+| lineSegments2 | Array of objects used to customize segments (parts) of line2 | Array<LineSegment>      | no  | all | yes
+| lineSegments3 | Array of objects used to customize segments (parts) of line3 | Array<LineSegment> | no  | all | yes
+| lineSegments4 | Array of objects used to customize segments (parts) of line4  | Array<LineSegment> | no  | all | yes
+| lineSegments5 | Array of objects used to customize segments (parts) of line5  | Array<LineSegment> | no  | all | yes
+| highlightedRange | renders the parts of lines lying in a given data range with a different style (color, thickness,type)| HighlightedRange | no  | all | yes
+| startIndex | Start index for data line (used to display data lines having breaks)  | number   | no  | all | yes
+| startIndex1 | Start index for data line 1 (used to display data lines having breaks) | number| no  | all | yes
+| startIndex2 | Start index for data line 2 (used to display data lines having breaks) | number | no  | all | yes
+| startIndex3 | Start index for data line 3 (used to display data lines having breaks) | number | no  | all | yes
+| startIndex4 | Start index for data line 4 (used to display data lines having breaks) | number | no  | all | yes
+| startIndex5 | Start index for data line 5 (used to display data lines having breaks) | number| no  | all | yes
+| endIndex | End index for data line (used to display data lines having breaks) | number| no  | all | yes
+| endIndex1 | End index for data line 1 (used to display data lines having breaks) | number | no  | all | yes
+| endIndex2 | End index for data line 2 (used to display data lines having breaks) | number| no  | all | yes
+| endIndex3 | End index for data line 3 (used to display data lines having breaks)  | number| no  | all | yes
+| endIndex4 | End index for data line 4 (used to display data lines having breaks) | number | no  | all | yes
+| endIndex5 | End index for data line 5 (used to display data lines having breaks)  | number| no  | all | yes
+| lineGradient | this prop is used to render the line with a gradient blend of colors | boolean| no  | all | yes
+| lineGradientComponent  | this prop defines the svg gradient that should be applied to the line (requires lineGradient to be truthy) | Function| no  | all | yes
+| lineGradientId | id of the <LinearGradient> (needed along with lineGradientComponent prop) | string| no  | all | yes
+| lineGradientDirection  | 'vertical'/'horizontal' | string  | no  | all | yes 
+| lineGradientStartColor | Start gradient color for the line (requires lineGradient to be truthy) | string| no  | all | yes
+| lineGradientEndColor | End gradient color for the line (requires lineGradient to be truthy)  | string | no  | all | yes
+
+**The arrow**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| showArrows | To show an arrow at the end of each data line  | boolean | no  | all | yes
+| arrowConfig  | Object describing the properties of the arrows like length, width, strokeWidth, strokeColor, fillColor | arrowType  | no  | all | yes
+| showArrow1   | To show an arrow at the end of the first data line | boolean | no  | all | yes
+| arrowConfig1  | Object describing the properties of the first arrow | arrowType| no  | all | yes
+| showArrow2  | To show an arrow at the end of the second data line | boolean | no  | all | yes
+| arrowConfig2 | Object describing the properties of the second arrow | arrowType | no  | all | yes
+| showArrow3   | To show an arrow at the end of the third data line | boolean | no  | all | yes
+| arrowConfig3 | Object describing the properties of the third arrow | arrowType | no  | all | yes
+| showArrow4   | To show an arrow at the end of the fourth data line| boolean   | no  | all | yes
+| arrowConfig4 | Object describing the properties of the fourth arrow| arrowType | no  | all | yes
+| showArrow5  | To show an arrow at the end of the fifth data line | boolean  | no  | all | yes
+| arrowConfig5| Object describing the properties of the fifth arrow | arrowType | no  | all | yes
+
+**Data points related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| hideDataPoints  | To hide data points   | boolean | no  | all | yes
+| dataPointsHeight  | Height of data points (when data points' shape is rectangular) | number | no  | all | yes
+| dataPointsWidth | Width of data points (when data points' shape is rectangular)  | number| no  | all | yes
+| dataPointsRadius | Radius of data points (when data points' shape is circular)  | number| no  | all | yes
+| dataPointsColor  | Color of the data points  | ColorValue  | no  | all | yes
+| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_)  | string| no  | all | yes
+| hideDataPoints1 | To hide data points for the first set of data  | boolean | no  | all | yes
+| dataPointsHeight1 | Height of data points for the first dataset (when data points' shape is rectangular)  | number | no  | all | yes
+| dataPointsWidth1  | Width of data points for the first dataset (when data points' shape is rectangular) | number| no  | all | yes
+| dataPointsRadius1  | Radius of data points for the first dataset (when data points' shape is circular) | number| no  | all | yes
+| dataPointsColor1 | Color of data points for the first dataset | ColorValue | no  | all | yes
+| dataPointsShape1 | Shape of data points for the first dataset   | string | no  | all | yes
+| hideDataPoints2 | To hide data points for the second set of data   | boolean | no  | all | yes
+| dataPointsHeight2 | Height of data points for the second dataset (when data points' shape is rectangular)  | number| no  | all | yes
+| dataPointsWidth2  | Width of data points for the second dataset (when data points' shape is rectangular)  | number | no  | all | yes
+| dataPointsRadius2  | Radius of data points for the second dataset (when data points' shape is circular) | number| no  | all | yes
+| dataPointsColor2   | Color of data points for the second dataset   | ColorValue| no  | all | yes
+| dataPointsShape2 | Shape of data points for the second dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
+| hideDataPoints3   | To hide data points for the third set of data | boolean | no  | all | yes
+| dataPointsHeight3  | Height of data points for the third dataset (when data points' shape is rectangular)        | number | no  | all | yes
+| dataPointsWidth3  | Width of data points for the third dataset (when data points' shape is rectangular)  | number | no  | all | yes
+| dataPointsRadius3 | Radius of data points for the third dataset (when data points' shape is circular) | number | no  | all | yes
+| dataPointsColor3   | Color of data points for the third dataset  | ColorValue| no  | all | yes
+| dataPointsShape3 | Shape of data points for the third dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
+| hideDataPoints4 | To hide data points for the fourth set of data  | boolean | no  | all | yes
+| dataPointsHeight4 | Height of data points for the fourth dataset (when data points' shape is rectangular) | number | no  | all | yes
+| dataPointsWidth4  | Width of data points for the fourth dataset (when data points' shape is rectangular)  | number | no  | all | yes
+| dataPointsRadius4 | Radius of data points for the fourth dataset (when data points' shape is circular)  | number| no  | all | yes
+| dataPointsColor4 | Color of data points for the fourth dataset  | ColorValue| no  | all | yes
+| dataPointsShape4  | Shape of data points for the fourth dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
+| hideDataPoints5  | To hide data points for the fifth set of data  | boolean | no  | all | yes
+| dataPointsHeight5 | Height of data points for the fifth dataset (when data points' shape is rectangular) | number | no  | all | yes
+| dataPointsWidth5 | Width of data points for the fifth dataset (when data points' shape is rectangular) | number| no  | all | yes
+| dataPointsRadius5  | Radius of data points for the fifth dataset (when data points' shape is circular)   | number | no  | all | yes
+| dataPointsColor5 | Color of data points for the fifth dataset | ColorValue| no  | all | yes
+| dataPointsShape5  | Shape of data points for the fifth dataset (_'rectangular'_ or _'circular'_)        | string| no  | all | yes
+| focusedDataPointIndex | Index of the focused data point, works only when focusEnabled prop is used     | number | no  | all | yes
+| focusedDataPointShape    | Shape of the data points when focused due to press event   | String | no  | all | yes
+| focusedDataPointWidth | Width of the data points when focused due to press event     | number | no  | all | yes
+| focusedDataPointHeight | Height of the data points when focused due to press event    | number | no  | all | yes
+| focusedDataPointColor  | Color of the data points when focused due to press event     | ColorValue | no  | all | yes
+| focusedDataPointRadius | Radius of the data points when focused due to press event  | number| no  | all | yes
+| focusedCustomDataPoint | Custom data point when focused due to press event| Function| no  | all | yes
+| textColor  | Color of the dataPointText  | ColorValue | no  | all | yes
+| textFontSize | Font size of the dataPointText  | number  | no  | all | yes
+| textShiftX | To shift the dataPointText text horizontally   | number  | no  | all | yes
+| textShiftY | To shift the dataPointText text vertically | number | no  | all | yes
+| customDataPoint | A callback function to render a custom component as the data points  | Function  | no  | all | yes
+| dataPointLabelWidth | width of the label shown beside a data point | number | no  | all | yes
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point  | number | no  | all | yes
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no  | all | yes
+| showValuesAsDataPointsText | When set to true, the data item value will be shown as a label text near data point | boolean  | no  | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using this array   | ColorValue[] | no  | all | yes
+
+
+**pointerConfig**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| height | Height of the pointer |  number  | no  | all | yes
+| width  | width of the pointer |  number  | no  | all | yes
+| radius  | radius of the pointer   |  number  | no  | all | yes
+| pointerColor  |  pointer color   |  ColorValue  | no  | all | yes
+| pointer1Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointer2Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointer3Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointer4Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointer5Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values.  |  ColorValue[]  | no  | all | yes
+| secondaryPointerColor | Secondary pointer color  |  ColorValue  | no  | all | yes
+| pointerComponent | is a function that returns the component to be rendered as a pointer  |  Function  | no  | all | yes
+| showPointerStrip | show pointer bar |  boolean  | no  | all | yes
+| pointerStripWidth  | width of the pointer bar |  number  | no  | all | yes
+| pointerStripHeight  | height of dthe pointer bar  |  number  | no  | all | yes
+| pointerStripColor  | color of the pointer bar   |  ColorValue  | no  | all | yes
+| pointerStripUptoDataPoint | Pointer stripped to data point  |  boolean  | no  | all | yes
+| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 |  Function  | no  | all | yes
+| stripOverPointer | strip to over pointer  |  boolean  | no  | all | yes
+| autoAdjustPointerLabelPosition | Adjust the position of the pointer  |  boolean  | no  | all | yes
+| shiftPointerLabelX | x-axis displacement pointer label  |  number  | no  | all | yes
+| shiftPointerLabelY | y-axis displacement pointer label  |  number  | no  | all | yes
+| pointerLabelWidth  | pointer label width |  number  | no  | all | yes
+| pointerLabelHeight | pointer label height |  number  | no  | all | yes
+| pointerVanishDelay | Pointer disappearance delay |  number  | no  | all | yes
+| activatePointersOnLongPress |Long press to activate pointer  |  boolean  | no  | all | yes
+| activatePointersDelay | activation pointer delay |  number  | no  | all | yes
+| persistPointer | persistent pointer |  boolean  | no  | all | yes
+| hidePointer1 | hidden pointer |  boolean  | no  | all | yes
+| hidePointer2 | hidden pointer |  boolean  | no  | all | yes
+| hidePointer3 | hidden pointer |  boolean  | no  | all | yes
+| hidePointer4 | hidden pointer | boolean  | no  | all | yes
+| hidePointer5 | hidden pointer |  boolean  | no  | all | yes
+| hideSecondaryPointer | Hide auxiliary pointer |  boolean  | no  | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer |  number[]  | no  | all | yes
+
+
+**onFocus and strip related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| focusEnabled  | If set true, allows users to press on the chart and focuses the nearest data point (focus event can be then handled using the `onFocus` prop) | boolean| no  | all | yes
+| onFocus  | The callback function that handles the focus event. `item` and `index` are received as props | Function| no  | all | yes
+| focusedDataPointIndex  | Index of the focused data point, used to set initially focused data point and to override the focus behaviour on onFocus    | number| no  | all | yes
+| showDataPointOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolean    | no  | all | yes
+| showStripOnFocus | If set true, it shows a vertical strip corresponding to the focused area of the chart   | boolean | no  | all | yes
+| showTextOnFocus  | If set true, it shows the data point text corresponding to the focused area of the chart  | boolean | no  | all | yes
+| showDataPointLabelOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolea| no  | all | yes
+| stripHeight  | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no  | all | yes
+| stripWidth    | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart            | number | no  | all | yes
+| stripColor   | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart             | ColorValue| no  | all | yes
+| stripOpacity  | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart             | number | no  | all | yes
+| unFocusOnPressOut     | If set true, it unselects/unfocuses the focused/selected data point     | boolean| no  | all | yes
+| delayBeforeUnFocus   | Delay (in milliseconds) between the release of the press and ghe unfocusing of the data point  | number | no  | all | yes
+| focusedDataPointShape | Shape of the data points when focused due to press    | String | no  | all | yes
+| focusedDataPointWidth  | Width of the data points when focused due to press    | number  | no  | all  | yes
+| focusedDataPointHeight | Height of the data points when focused due to press    | number  | no  | all  | yes
+| focusedDataPointColor | Color of the data points when focused due to press    | ColorValue | no  | all  | yes
+| focusedDataPointRadius  | Radius of the data points when focused due to press   | number   | no  | all  | yes
+| focusedCustomDataPoint | Custom data point when focused due to press event    | Function  | no  | all   | yes
+
+**Props for Area Chart**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| areaChart | If set true, renders area chart instead of line chart  | boolean| no  | all | yes
+| areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no  | all | yes
+| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean  | no  | all | yes
+| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no  | all | yes
+| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no  | all | yes
+| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no  | all | yes
+| startFillColor | Start gradient color for the area chart | ColorValue | no  | all | yes
+| endFillColor | End gradient color for the area chart | ColorValue | no  | all | yes
+| startOpacity | Start gradient opacity for the area chart | number | no  | all | yes
+| endOpacity | End gradient opacity for the area chart  | number  | no  | all | yes
+| startFillColor1 | Start gradient color for the first dataset of the area chart | ColorValue| no  | all | yes
+| endFillColor1 | End gradient color for the first dataset of the area chart | ColorValue  | no  | all | yes
+| startOpacity1 | Start gradient opacity for the first dataset of the area chart | number  | no  | all | yes
+| endOpacity1  | End gradient opacity for the first dataset of the area chart   | number | no  | all | yes
+| startFillColor2 | Start gradient color for the second dataset of the area chart | ColorValue | no  | all | yes
+| endFillColor2 | End gradient color for the second dataset of the area chart  | ColorValue  | no  | all | yes
+| startOpacity2 | Start gradient color for the second dataset of the area chart | number    | no  | all | yes
+| endOpacity2 | End gradient opacity for the second dataset of the area chart  | number   | no  | all | yes
+| startFillColor3 | Start gradient color for the third dataset of the area chart | ColorValue| no  | all | yes
+| endFillColor3 | End gradient color for the third dataset of the area chart  | ColorValue | no  | all | yes
+| startOpacity3 | Start gradient color for the third dataset of the area chart | number  | no  | all | yes
+| endOpacity3 | End gradient opacity for the third dataset of the area chart   | number  | no  | all | yes
+| startFillColor4 | Start gradient color for the fourth dataset of the area chart | ColorValue | no  | all | yes
+| endFillColor4 | End gradient color for the fourth dataset of the area chart   | ColorValue | no  | all | yes
+| startOpacity4  | Start gradient color for the fourth dataset of the area chart       | number | no  | all | yes
+| endOpacity4  | End gradient opacity for the fourth dataset of the area chart         | number | no  | all | yes
+| startFillColor5 | Start gradient color for the fifth dataset of the area chart      | ColorValue         | no  | all | yes
+| endFillColor5 | End gradient color for the fifth dataset of the area chart        | ColorValue          | no  | all | yes
+| startOpacity5 | Start gradient color for the fifth dataset of the area chart        | number   | no  | all | yes
+| endOpacity5 | End gradient opacity for the fifth dataset of the area chart          | number | no  | all | yes
+| gradientDirection | Direction of the gradient (_'horizontal'_ or _'vertical'_)    | string  | no  | all | yes
+| areaGradientComponent | this prop defines the svg gradient that should be applied to the area (requires areaChart to be truthy) | Function| no  | all | yes
+| areaGradientId  | id of the <LinearGradient> (needed along with areaGradientComponent prop)      | string | no  | all | yes
+
+### PieChart and DonutChart
+
+**Basic props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An item object represents a section in the Pie chart. Descibed in the next table  | pieDataItem[]  | no  | all | yes
+| radius  | Radius of the Pie | number   | no  | all | yes
+| initialAngle | Starting angle in radians (illustrated below this table)| number | no  | all | yes
+| isThreeD  | If set to true, it rotates and translates the chart to give it a 3D effect  | boolean  | no  | all | yes
+| showGradient | Prop to enable radial gradient for the Pie sections  | boolean  | no  | all | yes
+| gradientCenterColor | Gradient color at the center of the Pie chart | ColorValue            | no  | all | yes
+| onPress   | Callback function called on press of Pie sections (takes item and index as parameter) | Function                | no  | all | yes
+| focusOnPress  | When set to true, the pressed section of the Pie chart will have a bigger radius, hence appear focused   | boolean  | no  | all | yes
+| toggleFocusOnPress | When set to true, if the user presses an already focused pie section, it will be unfocused  | boolean  | no  | all | yes
+| extraRadiusForFocused  | Extra radius for the focused Pie section  | number | no  | all | yes
+| inwardExtraLengthForFocused | Extra length of focused Pie section towards the center (only for donut charts) | number  | no  | all | yes
+| sectionAutoFocus | In case you don't want focusOnPress but want a particular section to autofocus, this prop will be needed | boolean | no  | all | yes
+| onLabelPress | Callback function called on press of a Label (takes item and index as parameter) | Function               | no  | all | yes
+| tiltAngle | The angle by which the chart should be tilted  | Angle in deg           | no  | all | yes
+| shadow  | Shadow to the Pie chart, when set to true, it enhances the 3D effect | boolean  | no  | all | yes
+| shadowColor  | Color of the shadow   | ColorValue  | no  | all | yes
+| shadowWidth  | Width of the shadow   | number  | no  | all | yes
+| strokeWidth  | Stroke (line) width for the Pie chart and its section | number | no  | all | yes
+| strokeColor | Stroke (line) color | ColorValue | no  | all | yes
+| backgroundColor | Background color of the container that contains the Pie chart  | ColorValue | no  | all | yes
+| showText  | When set to true, displays text on the Pie sections | boolean | no  | all | yes
+| textColor  | Color of the label texts | ColorValue  | no  | all | yes
+| textSize  | Size of the label texts (max allowed: radius / 5) | number | no  | all | yes
+| fontStyle | Style of the text - 'normal', 'italic' or 'oblique'| string| no  | all | yes
+| fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no  | all | yes
+| font  | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no  | all | yes
+| showTextBackground | When set to true, displays background for text on the Pie sections | boolean | no  | all | yes
+| textBackgroundColor | Background color for the label texts  | ColorValue | no  | all | yes
+| textBackgroundRadius | Radius for the background of the text labels   | number | no  | all | yes
+| showValuesAsLabels  | When set to true, the values of the Pie sections are displayed as labels   | boolean  | no  | all | yes
+| centerLabelComponent | Component to be rendered at the center of the Pie chart  | Function | no  | all | yes
+| semiCircle  | When set to true, renders the Pie Chart in a semi-circle. donut semiCircle charts look like a speed-meter  | boolean  | no  | all | yes
+| labelsPosition  | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid' | string | no  | all | yes
+| pieInnerComponent | Svg element to be rendered inside each Pie like a label (position controlled by 'labelsPosition' )  | () => svg element       | no  | all | yes
+| paddingHorizontal | horizontal padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no  | all | yes
+| paddingVertical  | vertical padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no  | all | yes
+| isAnimated | To show animates PieProChart. Animation occurs onLoad and on value change | boolean  | no  | all | yes
+| animationDuration  | Duration of the animations, only fro PieProChart  | number| no  | all | yes
+| curvedStartEdges  | Bend start edge, only fro PieProChart  | boolean | no  | all | yes
+| curvedEndEdges  | Bend end edge, only fro PieProChart  | boolean | no  | all | yes
+| edgesRadius  | Bend radius, only fro PieProChart | number | no  | all | yes
+
+**Item description (pieDataItem)**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| value   | Value of the item, representing a section of the Pie chart | number  | no  | all | yes
+| shiftX  | Translates (shifts) the particular section horizontally by given value  | number | no  | all | yes
+| shiftY | Translates (shifts) the particular section vertically by given value | number | no  | all | yes
+| shiftTextX | Translates (shifts) the position of label text horizontally          | number  | no  | all | yes
+| shiftTextY  | Translates (shifts) the position of label text vertically | number | no  | all | yes
+| shiftTextBackgroundX | Shifts the background of label text horizontally (default value is shiftTextX) | number  | no  | all | yes
+| shiftTextBackgroundY | Shifts the background of label text vertically (default value is shiftTextY) | number | no  | all | yes
+| color | Color (background color) of the section | ColorValue  | no  | all | yes
+| text  | Label text for the sections | string  | no  | all | yes
+| textColor  | Color of the text (label) inside the section | ColorValue   | no  | all | yes
+| textSize  | Size of the text (label) inside the section | number   | no  | all | yes
+| fontStyle | Style of the text - 'normal', 'italic' or 'oblique' | string | no  | all | yes
+| fontWeight  | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string   | no  | all | yes
+| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no  | all | yes
+| textBackgroundColor | Background color for the label text | ColorValue  | no  | all | yes
+| textBackgroundRadius  | Radius for the background of the text label| number   | no  | all | yes
+| labelPosition | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid'  | string  | no  | all | yes
+| onPress  | Callback function called on press of Pie sections (takes item and index as parameter) | Function  | no  | all | yes
+| onLabelPress | Callback function called on press of a Label (takes item and index as parameter)         | Function | no  | all | yes
+| strokeWidth | Stroke (line) width for the Pie chart and its section       | number  | no  | all | yes
+| strokeColor   | Stroke (line) color  | ColorValue | no  | all | yes
+| focused  | When set to true, the section for that item is focused, sectionAutoFocus must be set true in order to use this property | boolean  | no  | all | yes
+| pieInnerComponent  | Svg element to be rendered inside the Pie like a label (position controlled by 'labelsPosition' )    | () => svg element  | no  | all | yes
+
+**Donut chart related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| donut | When set to true, renders a Donut chart (makes an inner ring) | boolean | no  | all | yes
+| innerRadius   | Radius of the inner ring | number | no  | all | yes
+| innerCircleColor | Color of the inner ring | ColorValue| no  | all | yes
+| innerCircleBorderWidth | Stroke (border) width of the inner ring | number  | no  | all | yes
+| innerCircleBorderColor | Stroke (border) color of the inner ring | ColorValue  | no  | all | yes
+| shiftInnerCenterX   | Shifts the inner ring horizontally to enhance the 3D effect | number   | no  | all | yes 
+| shiftInnerCenterY  | Shifts the inner ring vertically to enhance the 3D effect  | number  | no  | all | yes
+
+### Population Pyramid
+
+**base props**
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| height  | height of chart body (excluding x-axis labels)  | number | no  | all | yes
+| width | width of chart body   | number   | no  | all | yes
+| data | array of objects, each object is described by **popnPyramidDataItem**  | Array<popnPyramidDataItem>  | no  | all | yes
+| hideRules  | when set to true, hides horizontal rules (which are displayed in the background of the charts)  | boolean     | no  | all | yes
+| rulesThickness | thickness of the horizontal rules | number  | no  | all | yes    
+| rulesColor | color of the horizontal rules | ColorValue   | no  | all | yes
+| rulesType| type of the horizontal rules - SOLID or DASHED/DOTTED | RuleTypes   | no  | all | yes
+| dashWidth | width of each dash in the horizontal rules | number  | no  | all | yes
+| dashGap | gap between each dash in the horizontal rules | number | no | all | yes
+| stepHeight| height of each step/horizontal section in the chart body | number   | no  | all | yes
+| verticalMarginBetweenBars| self explanatory | number    | no  | all | yes
+| hideYAxisText | hide Y axis labels, when not set to true, a gap will be left to the left of the chart | boolean   | no  | all | yes
+| yAxisLabelWidth | self explanatory  | number     | no  | all | yes
+| yAxisColor  | self explanatory  | ColorValue  | no  | all | yes
+| yAxisThickness | self explanatory  | number    | no  | all | yes
+| yAxisStrokeDashArray | used to render a dashed or dotted Y axis line ([dashWidth,dashGap]) | Array<number>    | no  | all | yes
+| xAxisColor | self explanatory  | ColorValue   | no  | all | yes
+| xAxisThickness | self explanatory  | number   | no  | all | yes
+| xAxisType | type of X-axis- SOLID, DASHED or DOTTED  | RuleTypes  | no  | all | yes
+| xAxisNoOfSections | number of sections in X-axis (in both left and right parts)  | number     | no  | all | yes
+| showXAxisIndices | when set to true, shows small lines (indices) at each section of x-axis | boolean    | no  | all | yes
+| xAxisIndicesWidth | width of x axis indices | number   | no  | all | yes
+| xAxisIndicesHeight | height of x axis indices | number   | no  | all | yes
+| xAxisIndicesColor | color of of x axis indices | ColorValue  | no  | all | yes
+| xAxisIndicesShiftY | used to shift x axis indices downwards or upwards | number   | no  | all | yes
+| showXAxisLabelTexts | self explanatory | boolean      | no  | all | yes
+| xAxisLabelFontSize | self explanatory | number    | no  | all | yes
+| xAxisLabelColor | self explanatory  | ColorValue      | no  | all | yes
+| xAxisLabelFontStyle | self explanatory | FontStyle  | no  | all | yes
+| xAxisLabelFontWeight | self explanatory  | FontWeight  | no  | all | yes
+| xAxisLabelFontFamily | self explanatory  | string   | no  | all | yes
+| xAxisLabelShiftX  | horizontally shifts the x axis labels by given value | number | no  | all | yes
+| xAxisLabelShiftY | vertically shifts the x axis labels by given value | number  | no  | all | yes
+| xAxisRoundToDigits | number of decimal places upto which x axis labels will be displayed   | number | no  | all | yes
+| xAxisLabelPrefix  | The String prepended to the x axis label text (for example- '$') | string | no  | all | yes
+| xAxisLabelSuffix  | The String appended to the x axis label text | string  | no  | all | yes
+| formatXAxisLabels | a callback function that takes the label generated by the library and modifies it | (label: string) => string   | no  | all | yes
+| showVerticalLines | show vertical lines (similar to horiz rules) in background of the chart | boolean  | no  | all | yes
+| verticalLinesColor | Color of the vertical lines  | ColorValue  | no  | all | yes
+| verticalLinesThickness | Thickness of the vertical lines | number  | no  | all | yes
+| verticalLinesStrokeDashArray | used to render dashed or dotted vertical lines ([dashWidth,dashGap]) | Array<number> | no  | all | yes
+| noOfSections | Number of sections (and horiz rules) in the Y axis | number | no  | all | yes
+| barsMapToYAxisSections | this prop tells whether the number of sections in the Y axis is equal to the length of data array      | boolean  | no  | all | yes
+| showYAxisIndices | when set to true, shows small lines (indices) at each section of y-axis  | boolean   | no  | all | yes
+| yAxisIndicesWidth | width of y axis indices | number  | no  | all | yes
+| yAxisIndicesHeight | height of y axis indices          | number   | no  | all | yes
+| yAxisIndicesColor | color of of x axis indices | ColorValue   | no  | all | yes
+| yAxisLabelColor | color of of x axis label text | ColorValue   | no  | all | yes
+| yAxisLabelFontSize | font size of of of x axis label text =| number   | no  | all | yes
+| yAxisLabelTextMarginRight | space left between the y axis labels and the y axis line | number | no  | all | yes
+| yAxisLabelTexts | An array of string labels to be rendered as Y axis labels (top to bottom) | Array<string>    | no  | all | yes
+| yAxisLabelFontStyle | self explanatory | FontStyle    | no  | all | yes
+| yAxisLabelFontWeight | self explanatory | FontWeight   | no  | all | yes
+| yAxisLabelFontFamily   | self explanatory  | string    | no  | all | yes
+| showValuesAsBarLabels | when set to true, displays the left and right values as labels beside the respective bars | boolean | no  | all | yes
+| showMidAxis  | when set to true, displays an axis in the mid - between the left and right halves of the pyramid | boolean   | no  | all | yes
+| midAxisThickness  | thickness of the mid axis lines | number    | no  | all | yes
+| midAxisLabelWidth | width of the mid axis | number    | no  | all | yes
+| midAxisColor  | color of the mid axis lines | ColorValue    | no  | all | yes
+| midAxisLeftColor | color of the left mid axis line | ColorValue    | no  | all | yes
+| midAxisRightColor  | color of the right mid axis line | ColorValue    | no  | all | yes
+| midAxisStrokeDashArray | used to render dashed or dotted mid axis lines ([dashWidth,dashGap])  | Array<number>   | no  | all | yes
+| midAxisLabelFontSize   | self explanatory | number    | no  | all | yes
+| midAxisLabelColor | self explanatory  | ColorValue     | no  | all | yes
+| midAxisLabelFontStyle  | self explanatory | FontStyle    | no  | all | yes
+| midAxisLabelFontWeight  | self explanatory | FontWeight    | no  | all | yes
+| midAxisLabelFontFamily | self explanatory | string    | no  | all | yes
+| barLabelWidth  | width of the labels displayed behind the bars (both left and right bars) | number    | no  | all | yes
+| barLabelFontSize  | font size of the labels displayed behind the bars (both left and right bars) | number    | no  | all | yes
+| barLabelColor | color of the of the labels displayed behind the bars (both left and right bars) | ColorValue    | no  | all | yes
+| barLabelFontStyle  | font style of the labels displayed behind the bars (both left and right bars) | FontStyle    | no  | all | yes
+| barLabelFontWeight  | font weight of the labels displayed behind the bars (both left and right bars) | FontWeight   | no  | all | yes
+| barLabelFontFamily | font family of the labels displayed behind the bars (both left and right bars) | string    | no  | all | yes
+| leftBarLabelWidth  | width of the labels displayed behind the left bars  | number    | no  | all | yes
+| leftBarLabelFontSize   | font size of the labels displayed behind the left bars | number    | no  | all | yes
+| leftBarLabelColor | color of the labels displayed behind the left bars | ColorValue    | no  | all | yes
+| leftBarLabelFontStyle | font style of the labels displayed behind the left bars | FontStyle     | no  | all | yes
+| leftBarLabelFontWeight  | font weight of the labels displayed behind the left bars  | FontWeight    | no  | all | yes
+| leftBarLabelFontFamily | font family of the labels displayed behind the left bars | string    | no  | all | yes
+| leftBarLabelShift | value by which the left bar labels should be shifted horizontally (kind of margin b/w label and bar) | number | no  | all | yes
+| leftBarLabelPrefix | The String prepended to the left bar label text (for example- '$')  | string     | no  | all | yes
+| leftBarLabelSuffix | The String appended to the left bar label text | string     | no  | all | yes
+| rightBarLabelWidth | width of the labels displayed behind the right bars | number    | no  | all | yes
+| rightBarLabelFontSize | font size of the labels displayed behind the right bars | number    | no  | all | yes
+| rightBarLabelColor | color of the labels displayed behind the right bars  | ColorValue    | no  | all | yes
+| rightBarLabelFontStyle  | font style of the labels displayed behind the right bars | FontStyle    | no  | all | yes
+| rightBarLabelFontWeight | font weight of the labels displayed behind the right bars | FontWeight    | no  | all | yes
+| rightBarLabelFontFamily | font family of the labels displayed behind the right bars | string    | no  | all | yes
+| rightBarLabelShift  | value by which the right bar labels should be shifted horizontally (kind of margin b/w label and bar) | number   | no  | all | yes
+| rightBarLabelPrefix  | The String prepended to the right bar label text (for example- '$') | string    | no  | all | yes
+| rightBarLabelSuffix | The String appended to the right bar label text | string    | no  | all | yes
+| formatBarLabels  | a callback function that takes the label generated by the library and modifies it | (label: string) => string    | no  | all | yes
+| leftBarColor | color of the bars displayed in the left half of the pyramid  | ColorValue    | no  | all | yes
+| rightBarColor | color of the bars displayed in the right half of the pyramid  | ColorValue    | no  | all | yes
+| leftBarBorderColor | border color of the bars displayed in the left half of the pyramid | ColorValue    | no  | all | yes
+| rightBarBorderColor  | border color of the bars displayed in the right half of the pyramid | ColorValue   | no  | all | yes
+| barBorderWidth | boder width of the bars (both left and right bars) | number     | no  | all | yes
+| leftBarBorderWidth | boder width of the bars displayed in the left half of the pyramid  | number    | no  | all | yes
+| rightBarBorderWidth | boder width of the bars displayed in the right half of the pyramid  | number   | no  | all | yes
+| barBorderRadius  | boder radius of the bars | number    | no  | all | yes
+| leftBarBorderRadius | boder width of the bars displayed in the left half of the pyramid | number     | no  | all | yes
+| rightBarBorderRadius | boder width of the bars displayed in the right half of the pyramid| number    | no  | all | yes
+| allCornersRounded | when set to true, border radius will apply to all the four corners of the bars, else applied only on outer edges | boolean   | no  | all | yes
+| showSurplus  | shows surplus values on the edges in highlighted colors (extra width of the bigger bar is highlighted )  | boolean    | no  | all | yes
+| showSurplusLeft  | shows surplus values on the left edges in highlighted colors (extra width of the bigger bar is highlighted )  | boolean    | no  | all | yes
+| showSurplusRight | shows surplus values on the right edges in highlighted colors (extra width of the bigger bar is highlighted ) | boolean    | no  | all | yes
+| leftSurplusColor | highlight color of the left surplus  | ColorValue | no  | all | yes
+| leftSurplusBorderColor | border color of the left surplus | ColorValue   | no  | all | yes
+| rightSurplusColor  | highlight color of the right surplus | ColorValue    | no  | all | yes
+| rightSurplusBorderColor | border color of the right surplus | ColorValue    | no  | all | yes
+| leftSurplusBorderWidth | border width of the left surplus | number    | no  | all | yes
+| rightSurplusBorderWidth | border width of the right surplus | number    | no  | all | yes
+
+## 遗留问题
+
+- [ ] PieChart设置圆环设置为3D，中间圆环显示问题 [issue#7](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/7)
+- [ ] BarChart设置barBackgroundPattern显示问题 [issue#6](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/6)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/blob/master/LICENSE) ，请自由地享受和参与开源。

From 598fbb5894946c02f13debbbdba24e80277169ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=98=89=E8=AF=9A?= <linjiacheng1@huawei.com>
Date: Mon, 5 Aug 2024 07:48:25 +0000
Subject: [PATCH 341/966] =?UTF-8?q?!1271=20docs:=20[Issue:=20#IAHILI]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20RN=20=E4=B8=89=E6=96=B9=E5=BA=93=E8=A1=A5?=
 =?UTF-8?q?=E4=B8=81=E5=8C=96=E7=A7=BB=E6=A4=8D=E8=AF=B4=E6=98=8E=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issue:=20#IAHILI]=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=20RN=20=E4=B8=89=E6=96=B9=E5=BA=93=E8=A1=A5=E4=B8=81=E5=8C=96?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       |  1 +
 zh-cn/README.md |  1 +
 zh-cn/patch.md  | 44 ++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 46 insertions(+)
 create mode 100644 zh-cn/patch.md

diff --git a/README.md b/README.md
index 799bd4b6..99f823bd 100644
--- a/README.md
+++ b/README.md
@@ -18,6 +18,7 @@
 
 - Codegen ：三方库大部分适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
 - C-API 架构：三方库后续只基于 RN C-API 架构演进，详细介绍请参考 [C-API 架构](zh-cn/capi-architecture.md) 。
+- RN 三方库补丁化移植：为避免对三方库其他平台产生影响，移植使用了补丁化移植，详细介绍请参考 [RN 三方库补丁化移植](zh-cn/patch.md) 。
 
 ## RNOH 三方库总览
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 11d29091..813aa5b7 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -18,6 +18,7 @@
 
 - Codegen ：三方库大部分适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
 - C-API 架构：三方库后续只基于RN C-API架构演进，详细介绍请参考 [C-API 架构](zh-cn/capi-architecture.md) 。
+- RN 三方库补丁化移植：为避免对三方库其他平台产生影响，移植使用了补丁化移植，详细介绍请参考 [RN 三方库补丁化移植](zh-cn/patch.md) 。
 
 ## RNOH 三方库总览
 
diff --git a/zh-cn/patch.md b/zh-cn/patch.md
new file mode 100644
index 00000000..a5cb2438
--- /dev/null
+++ b/zh-cn/patch.md
@@ -0,0 +1,44 @@
+# RN 三方库补丁化移植
+
+### 简介
+
+因为 `RN` 三方库 `HarmonyOS` 化需保证不影响其他平台上的使用，因此`HarmonyOS` `RN` 三方库使用补丁化实现，项目中会存在**两个独立的包如 `react-native-svg` 和 `@react-native-oh-tpl/react-native-svg`** ,其中 `@react-native-oh-tpl/react-native-svg` 是 `HarmonyOS` 化的库，只能运行在 `HarmonyOS` 平台，两者结合实现了可运行在多平台的 `react-native-svg` , **即在原库的基础上打上适配 `HarmonyOS` 平台的补丁**，其他平台仍走原逻辑不受影响，`HarmnyOS` 侧则使用补丁内代码来实现。
+
+### 如何配置
+
+需要在 `package.json` 添加如下配置：
+
+```diff
+{
+  "name": "@react-native-oh-tpl/react-native-svg",
++  "harmony": {
++   "alias": "react-native-svg"
++ },
+...
+}
+```
+
+RNOH 会在开发者使用 `import xxx from 原库名` 时，在平台为 `HarmonyOS` 时会重定向到配置了 harmony:alias 字段的三方库里。
+
+比如:
+
+```js
+import Svg from "react-native-svg";
+```
+
+等于：
+
+```js
+import Svg from "@react-native-oh-tpl/react-native-svg";
+```
+
+这样开发者就可以不需要更改库名即可使用到我们的补丁内容。
+
+### 影响
+
+对于三方库使用者来说，只需要根据使用文档进行相关配置即可，无其他使用影响，以 [react-native-svg](./react-native-svg-capi.md/) 为例：
+
+1. 安装 `@react-native-oh-tpl/react-native-svg`;
+2. 配置相关 Link 操作；
+
+由于该库内部已配置了别名 `react-native-svg`，**因此项目中仍然可以正确识别该库，使用方式也不需要进行特殊修改**。

From a15dedcb6306a4641d76cf70596720e6e0055dbe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=99=BA=E6=99=97?= <dongzhihan@h-partners.com>
Date: Mon, 5 Aug 2024 08:58:16 +0000
Subject: [PATCH 342/966] =?UTF-8?q?!1244=20docs:=20[Issues:=20#IAGKXB]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-signature-canvas=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAGKXB]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-signature-canvas=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-signature-canvas.md | 212 +++++++++++++++++++++++++
 1 file changed, 212 insertions(+)
 create mode 100644 zh-cn/react-native-signature-canvas.md

diff --git a/zh-cn/react-native-signature-canvas.md b/zh-cn/react-native-signature-canvas.md
new file mode 100644
index 00000000..1a1b865a
--- /dev/null
+++ b/zh-cn/react-native-signature-canvas.md
@@ -0,0 +1,212 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-signature-canvas</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/YanYuanFE/react-native-signature-canvas">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/YanYuanFE/react-native-signature-canvas)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install --save react-native-signature-canvas@4.7.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-signature-canvas@4.7.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { StyleSheet, Text, View, Image } from "react-native";
+import Signature from "react-native-signature-canvas";
+
+export const SignatureScreen = () => {
+  const [signature, setSign] = useState(null);
+
+  const handleOK = (signature) => {
+    console.log(signature);
+    setSign(signature);
+  };
+
+  const handleEmpty = () => {
+    console.log("Empty");
+  };
+
+  const style = `.m-signature-pad--footer
+    .button {
+      background-color: red;
+      color: #FFF;
+    }`;
+  return (
+    <View style={{ flex: 1 }}>
+      <View style={styles.preview}>
+        {signature ? (
+          <Image
+            resizeMode={"contain"}
+            style={{ width: 335, height: 114 }}
+            source={{ uri: signature }}
+          />
+        ) : null}
+      </View>
+      <Signature
+        onOK={handleOK}
+        onEmpty={handleEmpty}
+        descriptionText="Sign"
+        clearText="Clear"
+        confirmText="Save"
+        webStyle={style}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  preview: {
+    width: 335,
+    height: 114,
+    backgroundColor: "#F8F8F8",
+    justifyContent: "center",
+    alignItems: "center",
+    marginTop: 15,
+  },
+  previewText: {
+    color: "#FFF",
+    fontSize: 14,
+    height: 40,
+    lineHeight: 40,
+    paddingLeft: 10,
+    paddingRight: 10,
+    backgroundColor: "#69B2FF",
+    width: 120,
+    textAlign: "center",
+    marginTop: 10,
+  },
+});
+```
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM:3.0.0.25;
+
+## 属性
+
+### SignatureScreen 
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| autoClear  | should auto clear the signature after clicking the Confirm button  |boolean| no   | iOS/Android       | yes | 
+| backgroundColor            | default is "rgba(255,255,255,0)" (transparent), background color of the canvas |string| no   | iOS/Android       | yes | 
+| bgHeight            | 	height of the background image  |number| no   | iOS/Android       | yes | 
+| bgWidth            |width of the background image |number| no   | iOS/Android       | yes | 
+| bgSrc            |	background image source uri (url) |string| no   | iOS/Android       | yes | 
+| clearText            |clear button text|string| no   | iOS/Android       | yes | 
+| confirmText            |save button text |string| no   | iOS/Android       | yes | 
+| customHtml            |html string that lets you modify things like the layout or elements |(injectedJavaScript: string) => string| no   | iOS/Android       | yes | 
+| dataURL            |default is "", Base64 string, draws saved signature from dataURL. |string| no   | iOS/Android       | yes | 
+| descriptionText            |description text for signature |string| no   | iOS/Android       | yes | 
+| dotSize            |radius of a single dot (not stroke width) |number| no   | iOS/Android       | yes | 
+| imageType            |"image/png" (default), "image/jpeg"、"image/svg+xml", imageType of exported signature|string| no   | iOS/Android       | yes | 
+| minWidth            |minimum width of a line. Defaults to 0.5 |number| no   | iOS/Android       | yes | 
+| maxWidth            |maximum width of a line. Defaults to 2.5 |number| no   | iOS/Android       | yes | 
+| onOK            |callback function after saving non-empty signature|function| no   | iOS/Android       | yes | 
+| onEmpty            |callback function after trying to save an empty signature|function| no   | iOS/Android       | yes | 
+| onClear            |callback function after clearing the signature|function| no   | iOS/Android       | yes | 
+| onGetData            |callback function when getData() is called |function| no   | iOS/Android       | yes | 
+| onBegin            |callback function when a new stroke is started |function| no   | iOS/Android       | yes | 
+| onEnd            |callback function when the stroke has ended |function| no   | iOS/Android       | yes | 
+| onLoadEnd            |callback function when the webview canvas load ended |function| no   | iOS/Android       | yes | 
+| onUndo            |callback function when undo() is called |function| no   | iOS/Android       | yes | 
+| onRedo	            |callback function when redo() is called |function| no   | iOS/Android       | yes | 
+| onDraw            |callback function when drawing is enabled |function| no   | iOS/Android       | yes | 
+| onErase            |callback function when erasing is enabled |function| no   | iOS/Android       | yes | 
+| onChangePenColor            |callback function after changing the pen color|function| no   | iOS/Android       | yes | 
+| onChangePenSize            |callback function after changing the pen size |function| no   | iOS/Android       | yes | 
+| overlayHeight            |height of the overlay image |number| no   | iOS/Android       | yes | 
+| overlayWidth            |width of the overlay image |number| no   | iOS/Android       | yes | 
+| overlaySrc            |overlay image source uri (url) must be .png with a transparent background |string| no   | iOS/Android       | yes | 
+| penColor            |default is "black", color of pen|string| no   | iOS/Android       | yes | 
+| rotated            |rotate signature pad 90 degrees |boolean| no   | iOS/Android       | yes | 
+| style            |style of wrapper view|object| no   | iOS/Android       | yes | 
+| trimWhitespace           |trim image whitespace|boolean| no   | iOS/Android       | yes | 
+| webStyle            |webview style for overwrite default style, all style: https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/h5/css/signature-pad.css |string| no   | iOS/Android       | yes | 
+| androidLayerType            |Sets the android webview layerType |none、software、hardware| no   | Android       | no | 
+| androidHardwareAccelerationDisabled           |androidHardwareAccelerationDisabled for react-native-webview. Default is false |boolean| no   | Android       | no | 
+| showsVerticalScrollIndicator            |Boolean value that determines whether a vertical scroll indicator is shown in the WebView, The default value is true.|boolean| no   | iOS/Android       | no | 
+| nestedScrollEnabled            |enable nested scrolling for use inside of a scrollview|boolean| no   | no      | no | 
+
+
+
+
+## 静态方法
+
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| clearSignature  |Clear the current signature  |function| no   | iOS/Android       | yes | 
+| changePenColor  |Change pen color |function| no   | iOS/Android       | yes | 
+| changePenSize |Change pen size  |function| no   | iOS/Android       | yes | 
+| draw  |Enable drawing signature  |function| no   | iOS/Android       | yes | 
+| erase  |Enable erasing signature  |function| no   | iOS/Android       | yes | 
+| getData  |riggers the onGetData callback with a single data JSON string  |function| no   | iOS/Android       | yes | 
+| readSignature  |Reads the current signature on the canvas and triggers either the onOK or onEmpty callbacks  |function| no   | iOS/Android       | yes | 
+| undo  |Undo last stroke  |function| no   | iOS/Android       | yes | 
+| redo  |Redo last stroke |function| no   | iOS/Android       | yes | 
+
+
+
+## 遗留问题
+- [ ] showsVerticalScrollIndicator属性不生效: [issue#137](https://github.com/react-native-oh-library/react-native-webview/issues/137)
+
+## 其他
+
+ 1、minDistance属性版本问题: 此属性在4.7.3版本生效，npm包最新版本为4.7.2，如需使用，请从[Github](https://github.com/YanYuanFE/react-native-signature-canvas)下载最新代码使用；
+
+ 2、nestedScrollEnabled属性在 iOS,Android 不生效，harmonyOS与其表现一致；[issue#363](https://github.com/YanYuanFE/react-native-signature-canvas/issues/363)
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/LICENSE) ，请自由地享受和参与开源。

From fbefa86a0b7b48648574395584eeb963ec6c093d Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Mon, 5 Aug 2024 11:06:46 +0000
Subject: [PATCH 343/966] =?UTF-8?q?!1286=20docs:=20[Issues:=20#IAHWN7]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20rn-placeholder=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9rn-placehold?=
 =?UTF-8?q?er=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/rn-placeholder.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md
index e7f4cc52..211a2b7d 100644
--- a/zh-cn/rn-placeholder.md
+++ b/zh-cn/rn-placeholder.md
@@ -94,7 +94,7 @@ It's the wrapper around all of the other components. Using alone will not produc
 | ShineOverlay | This applies a tiny overlay from left to right of the placeholder. It's pretty neat but it has the drawback to only work without style customization: only on white background with gray lines |ComponentType| no | All | Yes |
 | Shine | The shine animation is an attempt to overcome the overlay problem of the ShineOverlay animation by animating only the differnt part of the placeholder | ComponentType | no | All | Yes |
 | Loader | A simple placeholder animation based on the standard loader (ActivityIndicator) of each platforms | ComponentType | no | All | Yes |
-| Progressive | I'm feel a bit guilty about that but I've stolen the idea from a design system and I can't remember which one. But I like the way it behaves | ComponentType | no | All | Yes |
+| Progressive | A progressive loading animation effect | ComponentType | no | All | Yes |
 | Tweaking existing animations | It's possible to tweak a specific animation by passing it additional props. However keep in mind that it's important to spread the props from the Animation render function. Else you will be in strange behaviors| ComponentType | no | All | Yes |
 
 **组件 PlaceholderLine**

From 35210b91a0d077f6bdabcb8e2dab01ea0651ac98 Mon Sep 17 00:00:00 2001
From: liufeng <guichuang1@h-partners.com>
Date: Mon, 5 Aug 2024 13:38:13 +0000
Subject: [PATCH 344/966] =?UTF-8?q?!1264=20docs:=20[Issue:#IAGE4P]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-image-marker=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:#IAGE4P]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-image-marker=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-marker.md | 458 +++++++++++++++++++++++++++++
 1 file changed, 458 insertions(+)
 create mode 100644 zh-cn/react-native-image-marker.md

diff --git a/zh-cn/react-native-image-marker.md b/zh-cn/react-native-image-marker.md
new file mode 100644
index 00000000..02150647
--- /dev/null
+++ b/zh-cn/react-native-image-marker.md
@@ -0,0 +1,458 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-marker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/JimmyDaddy/react-native-image-marker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/JimmyDaddy/react-native-image-marker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-marker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-marker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-marker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import Marker, {
+    Position, ImageMarkOptions,  TextMarkOptions
+  } from 'react-native-image-marker'
+import React, { useState } from "react";
+import { StyleSheet, ScrollView, Text, View, Button, Image } from "react-native";
+import { Colors } from 'react-native/Libraries/NewAppScreen';
+
+export const ImageMarkerText = () => {
+    const [texturl, setTextMarkUrl] = useState('');
+    const [imageurl,setImageMarkUrl] = useState('');
+    const text_options: TextMarkOptions = {
+      backgroundImage: { src: require('./assets/code-images/1.png') },
+      watermarkTexts: [{
+        text: 'hello world \n 你好',
+        position: {
+          position: Position.topLeft,
+        },
+        style: {
+          color: '#FFFF00',
+          fontSize: 30,
+          fontName: 'Arial',
+          rotate: 30,
+          textBackgroundStyle: {
+            padding: '10% 10%',
+            color: '#02B96B',
+          },
+          shadowStyle: {
+            dx: 10,
+            dy: 10,
+            radius: 10,
+            color: '#008F6D',
+          },
+          strikeThrough: true,
+          underline: true,
+        },
+      }, {
+        text: 'hello world \n 你好',
+        position: {
+          position: Position.center,
+        },
+        style: {
+          color: '#FFFF00',
+          fontSize: 30,
+          fontName: 'Arial',
+          textBackgroundStyle: {
+            padding: '10% 10%',
+            color: '#0FFF00',
+          },
+          strikeThrough: true,
+          underline: true,
+        },
+      }],
+    }
+
+    const image_options: ImageMarkOptions = {
+      backgroundImage: { src: require('./assets/code-images/1.png') },
+      watermarkImages: [{
+        src: require('./assets/pravatar-131.jpg'),
+        rotate:20,
+        position: {
+          position: Position.topLeft,
+        },
+      },
+      {
+        src: require('./assets/pravatar-131.jpg'),
+        rotate:50,
+        position: {
+          position: Position.bottomCenter,
+        },
+      }
+    ],
+    }
+
+    const markText = () => {
+      Marker.markText(text_options).then((result) => {
+        setTextMarkUrl(result)
+      }).catch(error => {
+        console.log('error', error)
+      })
+    }
+    
+    const markImage = () => {
+      Marker.markImage(image_options).then((result) => {
+        setImageMarkUrl(result)
+      }).catch(error => {
+        console.log('error', error)
+      })
+    }
+    return (
+        <ScrollView style={{flex: 1}}>
+          <View style={styles.body}>
+              <View style={styles.sectionContainer}>
+                <Text style={styles.sectionTitle}>
+                  {"image marker"}
+                </Text>
+                <Button
+                  title="Mark image "
+                  color="#9a73ef"
+                  onPress={markImage}
+                />
+                <Text style={styles.sectionTitle}>
+                  {imageurl}
+                </Text>
+                <Image resizeMode='contain' source={{ uri: imageurl, width: 300, height: 300 }} />
+              </View>
+            </View>
+            <View style={styles.body}>
+              <View style={styles.sectionContainer}>
+                <Text style={styles.sectionTitle}>
+                  {"image marker"}
+                </Text>
+                <Button
+                  title="mark text "
+                  color="#9a73ef"
+                  onPress={markText}
+                />
+                <Text style={styles.sectionTitle}>
+                  {texturl}
+                </Text>
+                <Image resizeMode='contain' source={{ uri: texturl, width: 300, height: 300 }} />
+              </View>
+            </View>
+      </ScrollView>
+      );
+  }
+  const styles = StyleSheet.create({
+    body: {
+      backgroundColor: Colors.dark,
+    },
+    sectionContainer: {
+      marginTop: 32,
+      paddingHorizontal: 24,
+    },
+    sectionTitle: {
+      marginBottom: 30,
+      fontSize: 12,
+      fontWeight: '600',
+      color: Colors.white,
+    }
+  });
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-marker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-marker/harmony/image_marker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNImageMarkerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNImageMarkerPackage} from '@react-native-oh-tpl/react-native-image-marker/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new RNImageMarkerPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)
+
+
+##  API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description            | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | ---------------------- | -------- | -------- | ----------- | ----------------- |
+| markImage   | mark icons on background image  | string | no  | Android/iOS | yes               |
+| markText | mark texts on background image | string | no   | Android/iOS | yes               |
+
+#### markImage
+```js
+markImage(options: ImageMarkOptions): Promise<string>;
+```
+##### ImageMarkOptions
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| backgroundImage  | background image options | ImageOptions | yes      | iOS/Android | yes               |
+| quality | image quality `0-100`, `100` is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
+| filename | save image name | string | no      | iOS/Android | yes               |
+| saveFormat | save image format 'png','jpg','base64',default 'png' | ImageFormat | no      | iOS/Android | yes               |
+| watermarkImages | watermark images | Array\<WatermarkImageOptions> | yes      | iOS/Android | yes  |
+
+##### ImageOptions
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| src  | image src, local image | string | yes      | iOS/Android | yes               |
+| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
+| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
+| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
+
+##### ImageFormat
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| png  | iamge type png | string | no      | iOS/Android | yes               |
+| jpg | iamge type jpg | string | no      | iOS/Android | yes               |
+| base64 | iamge type base64 | string | no      | iOS/Android | yes               |
+
+
+##### WatermarkImageOptions 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| src  | image src, local image | string | yes      | iOS/Android | yes               |
+| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
+| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
+| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
+| position  | the position of icon on background image | PositionOptions | no      | iOS/Android | yes               |
+
+##### PositionOptions 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| X  | horizontal coordinate on background image | number / string | no      | iOS/Android | yes |
+| Y  | vertical coordinate on background image | number / string | no      | iOS/Android | yes |
+| position  | position enum | Position | no | iOS/Android | yes |
+
+##### Position 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| topLeft  | top left on background image |  string | no      | iOS/Android | yes |
+| topCenter  | top center on background image | string | no      | iOS/Android | yes |
+| topRight  |top right on background image | string | no | iOS/Android | yes |
+| bottomLeft  | bottom left on background image | string | no | iOS/Android | yes |
+| bottomCenter  | bottom center on background image | string | no | iOS/Android | yes |
+| bottomRight  | bottom right on background image| string | no | iOS/Android | yes |
+| center  | center on background image | string | no | iOS/Android | yes |
+
+#### markText
+
+```json
+markText(options: TextMarkOptions): Promise<string>;
+```
+##### TextMarkOptions
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| backgroundImage | background image options | ImageOptions | yes      | iOS/Android | yes               |
+| watermarkTexts      | text options      | Array\<TextOptions> | yes      | iOS/Android | yes               |
+| quality      | image quality 0-100, 100 is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
+| filename      | save image name          | string | no      | iOS/Android | yes               |
+| saveFormat      | save image format 'png','jpg','base64',default 'png'           | ImageFormat | no      | iOS/Android | yes               |
+
+##### TextOptions
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| text | text content | string | yes      | iOS/Android | yes               |
+| position      | text position options | PositionOptions | no      | iOS/Android | yes               |
+| style      | text style         | TextStyle | no      | iOS/Android | yes               |
+
+##### TextStyle
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| color | font color | string | yes      | iOS/Android | yes               |
+| fontName      | font name | string | no      | iOS/Android | no               |
+| fontSize      | font size        | number | no      | iOS/Android | yes               |
+| shadowStyle | text shadow style | ShadowLayerStyle | no      | iOS/Android | yes               |
+| textBackgroundStyle      | text background style | TextBackgroundStyle  | no      | iOS/Android | yes               |
+| underline      | text underline style        | boolean | no      | iOS/Android | yes               |
+| skewX | css italic with degree, you can use italic instead | number | no      | iOS/Android | no               |
+| strikeThrough      | text stroke | boolean | no      | iOS/Android | yes               |
+| textAlign      | text align . 'left' / 'center' / 'right'       | string | no      | iOS/Android | yes               |
+| italic | text italic | boolean | no      | iOS/Android | no               |
+| bold      | text bold | boolean | no      | iOS/Android | yes               |
+| rotate      | rotate text       | number | no      | iOS/Android | yes               |
+
+##### ShadowLayerStyle
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| dx      | shadow offset x       | number | yes      | iOS/Android | yes               |
+| dy      | shadow offset y     | number | yes      | iOS/Android | yes               |
+| radius      |shadow radius      | number | yes      | iOS/Android | yes               |
+| color      | shadow color       | string | yes      | iOS/Android | yes               |
+
+##### TextBackgroundStyle
+extends Padding
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| type      | background type .TextBackgroundType enum      | TextBackgroundType | no      | iOS/Android | yes               |
+| color      | background color    | string | yes      | iOS/Android | yes               |
+| cornerRadius      |background corner radius     | CornerRadius | no      | iOS/Android | yes               |
+| padding      | padding for text background，Up to four values, separated by spaces   | number / string | no      | iOS/Android | yes               |
+| paddingLeft      |  padding left for text background  | number / string | no      | iOS/Android | yes               |
+| paddingRight      | padding right for text background    | number / string | no      | iOS/Android | yes               |
+| paddingTop      | padding top for text background    | number / string | no      | iOS/Android | yes               |
+| paddingBottom      | padding bottom for text background   | number / string  | no      | iOS/Android | yes               |
+| paddingHorizontal      | padding left and right (horizontal) for text background    | number / string | no      | iOS/Android | yes               |
+| paddingVertical      | padding top and bottom (vertical) for text background    | number / string | no      | iOS/Android | yes               |
+| paddingX      |padding x, alias of paddingHorizontal    | number / string | no      | iOS/Android | yes               |
+| paddingY      | padding y, alias of paddingVertical  | number / string | no      | iOS/Android | yes               |
+
+##### TextBackgroundType
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| stretchX      | background type stretchX     | string | no      | iOS/Android | yes               |
+| stretchY      |  background type  stretchY   | string | no      | iOS/Android | yes               |
+| none      | background type fit    | string | no      | iOS/Android | yes               |
+
+
+##### CornerRadius
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| topLeft      | topLeft Radius     | RadiusValue | no      | iOS/Android | yes               |
+| topRight      | topRight Radius   | RadiusValue | no      | iOS/Android | yes               |
+| bottomLeft      |bottomLeft Radius  | RadiusValue | no      | iOS/Android | yes               |
+| bottomRight      |bottomRight Radius   | RadiusValue | no      | iOS/Android | yes               |
+| all      | all Radius    | RadiusValue | no      | iOS/Android | yes               |
+
+##### RadiusValue
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| x      | radius value for x     | number / string | no      | iOS/Android | yes               |
+| y      | radius value for y  | number / string  | no      | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ]  Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7) 
+- [ ] Harmony OS is not support font skewX feature  now: [issue#8](https://github.com/react-native-oh-library/react-native-image-marker/issues/8)
+- [ ] Harmony OS is not support font italic feature now:[issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
+
+## 其他
+
+## 开源协议
+
+本项目基于[The MIT License(MIT)](https://github.com/JimmyDaddy/react-native-image-marker/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+

From 7fbea738dc6cd345458be29ea21ed54774266489 Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Tue, 6 Aug 2024 02:11:35 +0000
Subject: [PATCH 345/966] =?UTF-8?q?!1279=20docs:=20[Issues:=20#IAHR4O]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-country-picker-modal=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAHR4O]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-country-picker-modal=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-country-picker-modal.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-country-picker-modal.md b/zh-cn/react-native-country-picker-modal.md
index bc298cd4..bfb49482 100644
--- a/zh-cn/react-native-country-picker-modal.md
+++ b/zh-cn/react-native-country-picker-modal.md
@@ -275,8 +275,8 @@ export function CountryPickerTest() {
 | countryCodes         | Country Code | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | No     | All | Yes |
 | theme        | theme | [Theme](https://github.com/xcarpentier/react-native-country-picker-modal/blob/7611d34fa35744dbec3fbcdd9b4401494b1ba8c4/src/CountryTheme.ts#L5) | No       | All | Yes |
 | translation           | Translation Language Code                                    | [TranslationLanguageCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L309) | No     | All | Yes |
-| modalProps       | [ModalProps](https://facebook.github.io/react-native/docs/modal#props) | [ModalProps](https://facebook.github.io/react-native/docs/modal#props) | No       | All | Yes |
-| filterProps              | [CountryFilterProps](https://facebook.github.io/react-native/docs/textinput#props) | [CountryFilterProps](https://facebook.github.io/react-native/docs/textinput#props) | No        | All | Yes |
+| modalProps       | ModalProps | [ModalProps](https://facebook.github.io/react-native/docs/modal#props) | No       | All | Yes |
+| filterProps              | CountryFilterProps | [CountryFilterProps](https://facebook.github.io/react-native/docs/textinput#props) | No        | All | Yes |
 | flatListProps        | extends flatListProps | [FlatListProps<Country>](https://facebook.github.io/react-native/docs/flatlist#props) | No        | All | Yes |
 | withAlphaFilter   | Use AlphaFilter                        | boolean                                       | No        | All | Yes |
 | withCallingCode  | Using the CallingCode                  | boolean                                       | No        | All | Yes |

From d93bfdfbc6c088f27292ac759025901edd3ee932 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=86=B2?=
 <9521422+jx-is-hard@user.noreply.gitee.com>
Date: Tue, 6 Aug 2024 02:41:01 +0000
Subject: [PATCH 346/966] =?UTF-8?q?!1255=20docs:=20[Issues:=20#IAGXRY]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-gifted-chat=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAGXRY]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-gifted-chat=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-gifted-chat.md | 197 ++++++++++++++++++++++++++++++
 1 file changed, 197 insertions(+)
 create mode 100644 zh-cn/react-native-gifted-chat.md

diff --git a/zh-cn/react-native-gifted-chat.md b/zh-cn/react-native-gifted-chat.md
new file mode 100644
index 00000000..9db75999
--- /dev/null
+++ b/zh-cn/react-native-gifted-chat.md
@@ -0,0 +1,197 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-gifted-chat</code> </h1>
+</p>
+<p align="center">
+   <a href="https://github.com/FaridSafi/react-native-gifted-chat">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+   <a href="https://github.com/FaridSafi/react-native-gifted-chat/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/FaridSafi/react-native-gifted-chat)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+
+#### **npm**
+
+```bash
+npm install react-native-gifted-chat@2.4.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-gifted-chat@2.4.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { useState } from 'react'
+import { View } from 'react-native'
+
+import { GiftedChat, IMessage } from 'react-native-gifted-chat'
+
+export function App() {
+  const [messages, setMessages] = useState([
+    {
+      _id: 1,
+      text: 'My message111',
+      createdAt: new Date(Date.UTC(2016, 5, 11, 17, 20, 0)),
+      user: {
+        _id: 2,
+        name: 'React Native',
+        avatar: 'https://facebook.github.io/react/img/logo_og.png',
+      },
+      quickReplies: {
+        type: 'radio', // or 'checkbox',
+        keepIt: true,
+        values: [
+          {
+            title: '😋 Yes',
+            value: 'yes',
+          },
+          {
+            title: '📷 Yes, let me show you with a picture!',
+            value: 'yes_picture',
+          },
+          {
+            title: '😞 Nope. What?',
+            value: 'no',
+          },
+        ],
+      },
+    },
+  ])
+
+  const onSend = (newMsg: IMessage[]) => setMessages([...messages, ...newMsg])
+
+  return (
+    <View style={{ flex: 1}}>
+      <GiftedChat
+        messages={messages}
+        onSend={onSend}
+        user={{_id: 1, name: 'Developer'}}
+        messagesContainerStyle={{ flex: 1 }}
+        isKeyboardInternallyHandled={false}
+      />
+    </View>
+  )
+}
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+## 属性
+
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|              Name               |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
+| :-----------------------------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+|     **messageContainerRef**     |                    *Ref to the flatlist*                     | *FlatList ref*  |    No    | iOS/Android |        Yes        |
+|        **textInputRef**         |                    Text field error text                     | *TextInput ref* |    No    | iOS/Android |        Yes        |
+|          **messages**           |                     Messages to display                      |     *Array*     |    No    | iOS/Android |        Yes        |
+|          **isTyping**           | Typing Indicator state; If you use`renderFooter` it will override this |     Boolean     |    No    | iOS/Android |        Yes        |
+|            **text**             |                          Input text                          |     String      |    No    | iOS/Android |        Yes        |
+|         **placeholder**         | Placeholder when `text` is empty; default is `'Type a message...'` |     String      |    No    | iOS/Android |        Yes        |
+|     **messageIdGenerator**      |     Generate an id for new messages. Defaults to UUID v4     |   *Function*    |    No    | iOS/Android |        Yes        |
+|            **user**             |                  User sending the messages                   |    *Object*     |    No    | iOS/Android |        Yes        |
+|           **onSend**            |               Callback when sending a message                |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **alwaysShowSend**        |        Always show send button in input text composer        |     Boolean     |    No    | iOS/Android |        Yes        |
+|           **locale**            | Locale to localize the dates. You need first to import the locale you need (ie. `require('dayjs/locale/de')` or `import 'dayjs/locale/fr'`) |    *String*     |    No    | iOS/Android |        Yes        |
+|         **timeFormat**          | *(String)* - Format to use for rendering times; default is `'LT'` (see [Day.js Format](https://day.js.org/docs/en/display/format)) |    *String*     |    No    | iOS/Android |        Yes        |
+|         **dateFormat**          | Format to use for rendering dates; default is `'ll'` (see [Day.js Format](https://day.js.org/docs/en/display/format)) |    *String*     |    No    | iOS/Android |        Yes        |
+|         **loadEarlier**         | Enables the "load earlier messages" button, required for `infiniteScroll` |     Boolean     |    No    | iOS/Android |        Yes        |
+| **isKeyboardInternallyHandled** | Determine whether to handle keyboard awareness inside the plugin. If you have your own keyboard handling outside the plugin set this to false; default is `true` |     Boolean     |    No    | iOS/Android |        Yes        |
+|        **onLoadEarlier**        |            Callback when loading earlier messages            |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **isLoadingEarlier**       | Display an `ActivityIndicator` when loading earlier messages |     Boolean     |    No    | iOS/Android |        Yes        |
+|        **renderLoading**        |           Render a loading view when initializing            |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **renderLoadEarlier**      |            Custom "Load earlier messages" button             |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **renderAvatar**         | Custom message avatar; set to `null` to not render any avatar for the message |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **showUserAvatar**        | Whether to render an avatar for the current user; default is `false`, only show avatars for other users |     Boolean     |    No    | iOS/Android |        Yes        |
+|  **showAvatarForEveryMessage**  | avatars will only be displayed when a consecutive message is from the same user on the same day; |     Boolean     |    No    | iOS/Android |        Yes        |
+|        **onPressAvatar**        |           Callback when a message avatar is tapped           |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **onLongPressAvatar**      |        Callback when a message avatar is long-pressed        |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **renderAvatarOnTop**      | Render the message avatar at the top of consecutive messages |     Boolean     |    No    | iOS/Android |        Yes        |
+|        **renderBubble**         |                    Custom message bubble                     |   *Function*    |    No    | iOS/Android |        Yes        |
+|         **renderTicks**         |       Custom ticks indicator to display message status       |    Function     |    No    | iOS/Android |        Yes        |
+|     **renderSystemMessage**     |                    Custom system message                     |    Function     |    No    | iOS/Android |        Yes        |
+|           **onPress**           |          Callback when a message bubble is pressed           |    Function     |    No    | iOS/Android |        Yes        |
+|         **onLongPress**         | Callback when a message bubble is long-pressed; default is to show an ActionSheet with "Copy Text" (see [example using `showActionSheetWithOptions()`](https://github.com/FaridSafi/react-native-gifted-chat/blob/master@{2017-09-25}/src/Bubble.js#L96-L119)) |    Function     |    No    | iOS/Android |        Yes        |
+|          **inverted**           |             Reverses display order of `messages`             |     Boolean     |    No    | iOS/Android |        Yes        |
+|   **renderUsernameOnMessage**   | ndicate whether to show the user's username inside the message bubble |     Boolean     |    No    | iOS/Android |        Yes        |
+|       **renderUsername**        |                  Custom Username container                   |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **renderMessage**        |                   Custom message container                   |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **renderMessageText**      |                     Custom message text                      |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **renderMessageImage**      |                     Custom message image                     |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **renderMessageVideo**      |                     Custom message video                     |   *Function*    |    No    | iOS/Android |        Yes        |
+|         **imageProps**          | Extra props to be passed to the [``](https://facebook.github.io/react-native/docs/image.html) component created by the default `renderMessageImage` |    *Object*     |    No    | iOS/Android |        Yes        |
+|         **videoProps**          | Extra props to be passed to the video component created by the required `renderMessageVideo` |    *Object*     |    No    | iOS/Android |        Yes        |
+|        **lightboxProps**        | Extra props to be passed to the `MessageImage`'s [Lightbox](https://github.com/oblador/react-native-lightbox) |    *Object*     |    No    | iOS/Android |        Yes        |
+|     **isCustomViewBottom**      | Determine whether renderCustomView is displayed before or after the text, image and video views |     Boolean     |    No    | iOS/Android |        Yes        |
+|      **renderCustomView**       |                Custom view inside the bubble                 |   *Function*    |    No    | iOS/Android |        Yes        |
+|          **renderDay**          |                  Custom day above a message                  |   *Function*    |    No    | iOS/Android |        Yes        |
+|         **renderTime**          |                 Custom time inside a message                 |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **renderFooter**         | Custom footer component on the ListView, e.g. `'User is typing...'`; see [App.tsx](https://github.com/FaridSafi/react-native-gifted-chat/blob/master/example/App.tsx) for an example. Overrides default typing indicator that triggers when `isTyping` is true |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **renderChatEmpty**       | Custom component to render in the ListView when messages are empty |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **renderChatFooter**       | Custom component to render below the MessageContainer (separate from the ListView) |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **renderInputToolbar**      |              Custom message composer container               |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **renderComposer**        |              Custom text input message composer              |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **renderActions**        |   Custom action button on the left of the message composer   |   *Function*    |    No    | iOS/Android |        Yes        |
+|         **renderSend**          | Custom send button; you can pass children to the original `Send` component quite easily, for example, to use a custom icon ([example](https://github.com/FaridSafi/react-native-gifted-chat/pull/487)) |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **renderAccessory**       |   Custom second line of actions below the message composer   |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **onPressActionButton**     | Callback when the Action button is pressed (if set, the default `actionSheet` will not be used) |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **bottomOffset**         | Distance of the chat from the bottom of the screen (e.g. useful if you display a tab bar) |     Number      |    No    | iOS/Android |        No         |
+|    **minInputToolbarHeight**    |     Minimum height of the input toolbar; default is `44`     |     Number      |    No    | iOS/Android |        No         |
+|        **listViewProps**        | Extra props to be passed to the messages [``](https://facebook.github.io/react-native/docs/listview.html); some props can't be overridden, see the code in `MessageContainer.render()` for details |    *Object*     |    No    | iOS/Android |        Yes        |
+|       **textInputProps**        | Extra props to be passed to the [``](https://facebook.github.io/react-native/docs/textinput.html) |    *Object*     |    No    | iOS/Android |        Yes        |
+|       **textInputStyle**        | Custom style to be passed to the [``](https://facebook.github.io/react-native/docs/textinput.html) |    *Object*     |    No    | iOS/Android |        Yes        |
+|          **multiline**          | Indicates whether to allow the [``](https://facebook.github.io/react-native/docs/textinput.html) to be multiple lines or not; |     Boolean     |    No    | iOS/Android |        Yes        |
+|  **keyboardShouldPersistTaps**  | Determines whether the keyboard should stay visible after a tap; see [``](https://facebook.github.io/react-native/docs/scrollview.html) docs |     String      |    No    | iOS/Android |        Yes        |
+|     **onInputTextChanged**      |             Callback when the input text changes             |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **maxInputLength**        |            Max message composer TextInput length             |    *Number*     |    No    | iOS/Android |        Yes        |
+|        **parsePatterns**        | Custom parse patterns for [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text) used to linking message content (like URLs and phone numbers), e.g.: |   *Function*    |    No    | iOS/Android |        Yes        |
+|          **extraData**          | Extra props for re-rendering FlatList on demand. This will be useful for rendering footer etc. |    *Object*     |    No    | iOS/Android |        Yes        |
+|      **minComposerHeight**      |              Custom min-height of the composer               |    *Object*     |    No    | iOS/Android |        Yes        |
+|      **maxComposerHeight**      |              Custom max height of the composer               |    *Object*     |    No    | iOS/Android |        No         |
+|       **scrollToBottom**        |  Enables the scroll to bottom Component (Default is false)   |     Boolean     |    No    | iOS/Android |        Yes        |
+|   **scrollToBottomComponent**   |         Custom Scroll To Bottom Component container          |   *Function*    |    No    | iOS/Android |        Yes        |
+|    **scrollToBottomOffset**     | Custom Height Offset upon which to begin showing Scroll To Bottom Component (Default is 200) |    *Number*     |    No    | iOS/Android |        Yes        |
+|     **scrollToBottomStyle**     |         Custom style for Bottom Component container          |    *Object*     |    No    | iOS/Android |        Yes        |
+|          **alignTop**           | Controls whether or not the message bubbles appear at the top of the chat (Default is false - bubbles align to bottom) |    *Boolean*    |    No    | iOS/Android |        Yes        |
+|        **onQuickReply**         |   Callback when sending a quick reply (to backend server)    |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **renderQuickReplies**      |                 Custom all quick reply view                  |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **quickReplyStyle**       |                Custom quick reply view style                 |    *Object*     |    No    | iOS/Android |        Yes        |
+|    **renderQuickReplySend**     |                 Custom quick reply send view                 |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **shouldUpdateMessage**     | Lets the message component know when to update outside of normal cases. |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **infiniteScroll**        | infinite scroll up when reach the top of messages container, automatically call onLoadEarlier function if exist (not yet supported for the web). You need to add `loadEarlier` prop too. |    *Boolean*    |    No    | iOS/Android |        Yes        |
+
+## 遗留问题
+ - [ ] iOS 和 HarmonyOS侧效果有差异 RN输入框键盘弹出遮挡了输入框 新建一个项目加一个在屏幕底下的输入框,键盘弹出会默认把输入框顶上来
+ - [ ] 输入框最大高 maxComposerHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
+ - [ ] 输入工具栏最小高 minInputToolbarHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
+ - [ ] 聊天与屏幕底部的距离 bottomOffset 设置无法查看效果,IOS设置后效果为键盘弹出后聊天栏与输入栏之间的距离,RN键盘弹出未把输入框顶上来
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/FaridSafi/react-native-gifted-chat/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From b05eb0b7454522362846375b6deb79c2dc778ed8 Mon Sep 17 00:00:00 2001
From: wuleilei <433925+wuleilei@user.noreply.gitee.com>
Date: Tue, 6 Aug 2024 02:55:31 +0000
Subject: [PATCH 347/966] =?UTF-8?q?!1276=20docs:=20[Issues:=20#IAHPXE]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-ble-plx=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAHPXE]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-ble-plx=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-ble-plx.md | 164 +++++++++++++++++++++-------------
 1 file changed, 103 insertions(+), 61 deletions(-)

diff --git a/zh-cn/react-native-ble-plx.md b/zh-cn/react-native-ble-plx.md
index 4cae9f68..788683b1 100644
--- a/zh-cn/react-native-ble-plx.md
+++ b/zh-cn/react-native-ble-plx.md
@@ -44,68 +44,106 @@ yarn add @react-native-oh-tpl/react-native-ble-plx@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import type { TextProps, Text, StyleSheet, TouchableOpacity, View} from 'react-native'
-import styled, { css } from 'styled-components'
-import { Device } from 'react-native-ble-plx'
-
-const Container = styled(View)
-  flex-direction: row;
-  flex-wrap: wrap;
-
-const StyledTitleText = styled(AppText)
-  font-weight: 800;
-
-function AppText(props: TextProps) {
-  return <StyledText {...props} />
-}
-
-const StyledText = styled(Text)
-  ${({ theme }) => css
-    font-size: ${theme.sizes.defaultFontSize}px;
-    font-weight: 800;
+import {
+  BleError,
+  BleErrorCode,
+  BleManager,
+  Device,
+  State as BluetoothState,
+  LogLevel,
+  type DeviceId,
+  type TransactionId,
+  type UUID,
+  type Characteristic,
+  type Base64,
+  type Subscription
+} from 'react-native-ble-plx'
+
+class BLEServiceInstance {
+  manager: BleManager
+  device: Device | null
+
+  constructor() {
+    this.device = null
+    this.manager = new BleManager()
   }
 
-const StyledValueText = styled(AppText)
-  font-weight: 500;
-  
-type DevicePropertyProps = {
-  name: string
-  value?: number | string | null
-}
-
-function DeviceProperty({ name, value }: DevicePropertyProps) {
-  return (
-    <Container>
-      <StyledTitleText>{name}:</StyledTitleText>
-      <StyledValueText>{value || '-'}</StyledValueText>
-    </Container>
-  )
-}  
-
-export type BleDeviceProps = {
-  onPress: (device: Device) => void
-  device: Device
-}
+  scanDevices = async (onDeviceFound: (device: Device) => void, UUIDs: UUID[] | null = null) => {
+    this.manager.startDeviceScan(UUIDs, null, (error, device) => {
+      if (error) {
+        console.error(error.message)
+        this.manager.stopDeviceScan()
+        return
+      }
+      if (device) {
+        onDeviceFound(device)
+      }
+    })
+  }
 
-export function BleDevice({ device, onPress }: BleDeviceProps) {
-  const isConnectableInfoValueIsUnavailable = typeof device.isConnectable !== 'boolean'
-  const isConnectableValue = device.isConnectable ? 'true' : 'false'
-  const parsedIsConnectable = isConnectableInfoValueIsUnavailable ? '-' : isConnectableValue
-  return (
-    <TouchableOpacity onPress={() => onPress(device)}>
-      <View style = {styles.container}>
-        <DeviceProperty name="name" value={device.name} />
-        <DeviceProperty name="localName" value={device.localName} />
-        <DeviceProperty name="id" value={device.id} />
-        <DeviceProperty name="manufacturerData" value={device.manufacturerData} />
-        <DeviceProperty name="rawScanRecord" value={device.rawScanRecord} />
-        <DeviceProperty name="isConnectable" value={parsedIsConnectable} />
-        <DeviceProperty name="mtu" value={device.mtu.toString()} />
-        <DeviceProperty name="rssi" value={device.rssi} />
-      </View>
-    </TouchableOpacity>
-  )
-}
+  connectToDevice = (deviceId: DeviceId) =>
+    new Promise<Device>((resolve, reject) => {
+      this.manager.stopDeviceScan()
+      this.manager
+        .connectToDevice(deviceId)
+        .then(device => {
+          this.device = device
+          resolve(device)
+        })
+        .catch(error => {
+          if (error.errorCode === BleErrorCode.DeviceAlreadyConnected && this.device) {
+            resolve(this.device)
+          } else {
+            console.error(error.message)
+            reject(error)
+          }
+        })
+    })
+
+  discoverAllServicesAndCharacteristicsForDevice = async () =>
+    new Promise<Device>((resolve, reject) => {
+      if (!this.device) {
+        reject(new Error(deviceNotConnectedErrorText))
+        return
+      }
+      this.manager
+        .discoverAllServicesAndCharacteristicsForDevice(this.device.id)
+        .then(device => {
+          resolve(device)
+          this.device = device
+        })
+        .catch(error => {
+          reject(error)
+        })
+    })
+
+  readCharacteristicForDevice = async (serviceUUID: UUID, characteristicUUID: UUID) =>
+    new Promise<Characteristic>((resolve, reject) => {
+      if (!this.device) {
+        reject(new Error(deviceNotConnectedErrorText))
+        return
+      }
+      this.manager
+        .readCharacteristicForDevice(this.device.id, serviceUUID, characteristicUUID)
+        .then(characteristic => {
+          resolve(characteristic)
+        })
+        .catch(error => {
+          console.error(error.message)
+        })
+    })
+
+  writeCharacteristicWithResponseForDevice = async (serviceUUID: UUID, characteristicUUID: UUID, time: Base64) => {
+    if (!this.device) {
+      console.error(deviceNotConnectedErrorText)
+      throw new Error(deviceNotConnectedErrorText)
+    }
+    return this.manager
+      .writeCharacteristicWithResponseForDevice(this.device.id, serviceUUID, characteristicUUID, time)
+      .catch(error => {
+        console.error(error.message)
+      })
+  }
 ```
 
 ## 使用 Codegen
@@ -199,6 +237,12 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)
 
+### 权限要求
+
+- 由于此库涉及蓝牙系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
+
+- 此库部分功能与接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH。
+
 ## API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
@@ -207,8 +251,6 @@ ohpm install
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| addListener(eventName:string)  | add bluetooth listener eventname        | void | yes | iOS/Android      | yes |
-| removeListeners(count: number)  | bluetooth remove listeners count         | void | yes | iOS/Android      | yes |
 | createClient(restoreStateIdentifier?: string)  | creat client         | void | yes | iOS/Android      | yes |
 | destroyClient()  | remove client         | Promise<void> | yes | iOS/Android      | yes |
 | cancelTransaction(transactionId: string)  | cancel transcation         | Promise<void> | yes | iOS/Android      | no |

From 8b32dd3929557db739f39cad4be7e60d3994d102 Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Tue, 6 Aug 2024 06:33:35 +0000
Subject: [PATCH 348/966] =?UTF-8?q?!1201=20docs:=20[Issues:=20#IAFKEC]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-screenshot-prevent=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAFKEC]=20=E6=96=B0=E5=A2=9Ereact-native-screenshot-prevent?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-screenshot-prevent.md | 206 +++++++++++++++++++++++
 1 file changed, 206 insertions(+)
 create mode 100644 zh-cn/react-native-screenshot-prevent.md

diff --git a/zh-cn/react-native-screenshot-prevent.md b/zh-cn/react-native-screenshot-prevent.md
new file mode 100644
index 00000000..7423ff58
--- /dev/null
+++ b/zh-cn/react-native-screenshot-prevent.md
@@ -0,0 +1,206 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-screenshot-prevent</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/killserver/react-native-screenshot-prevent">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/killserver/react-native-screenshot-prevent/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-screenshot-prevent)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-screenshot-prevent@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-screenshot-prevent@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect } from "react";
+import { Alert } from "react-native";
+import RNScreenshotPrevent, {
+  addListener,
+} from "react-native-screenshot-prevent";
+
+RNScreenshotPrevent.enabled(true);
+
+RNScreenshotPrevent.enabled(false);
+
+useEffect(() => {
+  const subscription = RNScreenshotPrevent.addListener(() => {
+    Alert.alert(
+      "You have taken a screenshot of the app.This is prohibited due to security reasons."
+    );
+  });
+
+  return () => {
+    subscription.remove();
+  };
+}, []);
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-screenshot-prevent": "file:../../node_modules/@react-native-oh-tpl/react-native-screenshot-prevent/harmony/react_native_screenshot_prevent.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNScreenShotPreventPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNScreenShotPreventPackage } from "@react-native-oh-tpl/react-native-screenshot-prevent/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNScreenShotPreventPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)
+
+### 权限要求
+
+- 由于此库涉及开启窗口隐私模式，调用对应接口时则需要配置对应的权限，权限需配置在 entry/src/main 目录下 module.json5 文件中。需要打开 `entry/src/main/ets/module.json5`，添加：
+
+```diff
+  ...
+ "requestPermissions": [
+      {
+        "name": "ohos.permission.INTERNET"
+      },
+      {
+        "name": "ohos.permission.ACCELEROMETER"
+      },
++     {
++        "name": "ohos.permission.PRIVACY_WINDOW"
++     }
+    ]
+```
+
+## RNScreenshotPrevent
+
+默认导出 RNScreenshotPrevent 对象
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### RNScreenshotPrevent 方法
+
+| Name              | Description                                                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| enabled           | Whether to enable the function of disabling screenshot/screen recording                                                                                                            | function | no       | iOS/Android | yes               |
+| addListener       | notifies when user has taken screenshot (yes, after taking) - you can show alert or do some actions                                                                                | function | no       | iOS         | yes               |
+| enableSecureView  | creates a hidden secureTextField which prevents Application UI capture on screenshots and allow uses imgUri as the source of the background image (can be both https://, file:///) | function | no       | iOS         | no                |
+| disableSecureView | remove a hidden secureTextField which prevents Application UI capture on screenshots                                                                                               | function | no       | iOS         | no                |
+
+## 遗留问题
+
+- [ ] iOS 支持创建隐藏的安全文本字段，防止应用程序 UI 捕获屏幕截图 [issue#3](https://github.com/react-native-oh-library/react-native-screenshot-prevent/issues/3)
+- [ ] iOS 支持创建一个隐藏的安全文本字段，防止应用程序 UI 捕获屏幕截图，并使用 imgUri 作为背景图像的来源（可以是 https://, file:///） [issue#2](https://github.com/react-native-oh-library/react-native-screenshot-prevent/issues/2)
+- [ ] iOS 支持移除隐藏的安全文本字段，允许应用程序 UI 捕获屏幕截图 [issue#1](https://github.com/react-native-oh-library/react-native-screenshot-prevent/issues/1)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/killserver/react-native-screenshot-prevent/blob/main/LICENSE) ，请自由地享受和参与开源。

From dcf46aa789e5e3b2b52a212b927b0dfd63ff62f2 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Tue, 6 Aug 2024 08:56:25 +0000
Subject: [PATCH 349/966] =?UTF-8?q?!1295=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-modal-popover=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20=E4=BF=AE=E6=94=B9react-native-modal-popover?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-modal-popover.md | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/zh-cn/react-native-modal-popover.md b/zh-cn/react-native-modal-popover.md
index 9484b219..5f9d655d 100644
--- a/zh-cn/react-native-modal-popover.md
+++ b/zh-cn/react-native-modal-popover.md
@@ -46,7 +46,6 @@ yarn add @react-native-oh-tpl/react-native-modal-popover@file:#
 ```js
 
 import React from 'react';
-import { TestSuite, Tester, TestCase } from '@rnoh/testerino';
 import { Button, StyleSheet, Text, View, Dimensions } from 'react-native';
 import { Popover, usePopover } from 'react-native-modal-popover';
 const { width, height } = Dimensions.get('window');
@@ -55,7 +54,7 @@ const styles = StyleSheet.create({
   app: {
     ...StyleSheet.absoluteFillObject,
     width: '100%',
-    height: height - 200,
+    height: height - 100,
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'flex-start',
@@ -141,9 +140,6 @@ export function PopoverCenterExample() {
   } = usePopover();
   const title = <Text ref={touchableRef} >Press me!222</Text>
   return (
-    <Tester>
-      <TestSuite name='popoverTesteCenterDemo'>
-        <TestCase itShould='popover' tags={['C_API']}>
           <View style={styles.app} >
             <View style={{ width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
               <Button title='Press1' ref={touchableRef} onPress={openPopover} />
@@ -263,10 +259,6 @@ export function PopoverCenterExample() {
               <Text>Hello33!</Text>
             </Popover>
           </View>
-        </TestCase>
-
-      </TestSuite>
-    </Tester>
   );
 };
 ```
@@ -282,9 +274,9 @@ export function PopoverCenterExample() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 ### Popover
@@ -296,28 +288,32 @@ export function PopoverCenterExample() {
 | displayArea  | Area where the popover is allowed to be displayed. Important note: if you use non-default value here and you want to handle screen orientation changes, it is your responsibility to change this value when screen orientation changes.      | Rect  | NO | ALL      | YES |
 | placement  | How to position the popover top or bottom or start or end or auto. When 'auto' is specified, it will determine the ideal placement so that the popover is fully visible within displayArea.      | string  | NO | ALL      | YES |
 | onClose  | Callback to be fired when the user closes the popover      | function  | NO | ALL      | YES |
-| onDismiss  | Callback to be fired after the popup closes      | function  | NO | ALL      | YES |
+| onDismiss  | Callback to be fired after the popup closes      | function  | NO |  iOS    | NO |
 |backgroundStyle  | Custom style to be applied to background overlay      | ViewStyle  | NO | ALL      | YES |
 | contentStyle  | Custom style to be applied to popover reactangle. Use it to set round corners, background color, etc.      | ViewStyle  | NO | ALL      | YES |
 | arrowStyle  | Custom style to be applied to popover arrow. Use borderTopColor to match content backgroundColor      | ViewStyle  | NO | ALL      | YES |
 | duration  | Animation duration     | number  | NO | ALL      | YES |
 | easing  | Function that returns easing function for show or hide animation, depending on show argument     | (show: boolean) => (value: number) => number  | NO | ALL      | YES |
 | useNativeDriver  | Defines if animations should use native driver     | bool  | NO | ALL      | YES |
-| supportedOrientations  | This prop is passed to react-native Modal, see react-native docs. Set this to ['portrait', 'landscape'] if you want your popover to resprect screen orientation.     | array of enum('portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right')  | NO | ALL      | YES |
-| calculateStatusBar  | Defines if while use status bar height while calculating "Y" origin of anchor.     | bool  | NO | ALL      | YES |
-| PopoverController  | openPopover  | Call this function when you want to open popover, e.g. pass to onPress of a Button     | () => void  | NO | ALL      | YES |
+| supportedOrientations  | This prop is passed to react-native Modal, see react-native docs. Set this to ['portrait', 'landscape'] if you want your popover to resprect screen orientation.     | array of enum('portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right')  | NO |  iOS    | NO |
+| calculateStatusBar  | Defines if while use status bar height while calculating "Y" origin of anchor.     | bool  | NO |    NO   | NO |
+
 
 
 ### PopoverController
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  openPopover  | Call this function when you want to open popover, e.g. pass to onPress of a Button     | () => void  | NO | ALL      | YES |
 | closePopover  | Call this function when you want to close popover. Typically you pass this as onClose prop of Popover, which will make popover close when tapped outside. If you have a button inside popover which should close the popover, pass this function to this button.     | () => void  | NO | ALL      | YES |
 | popoverVisible  | CPass this to visible prop of Popover component   | bool  | NO | ALL      | YES |
 | setPopoverAnchor (PopoverController) / touchableRef (usePopover)  | Pass this as ref to popover UI handle. This will bind popover display position to the position of this UI handle.   | ref function  | NO | ALL      | YES |
  | popoverAnchorRect  | Pass this as fromRect prop of Popover component   | Rect  | YES | ALL      | YES |
 
 ## 遗留问题
+- [ ] 不支持属性onDismiss [issue#4](https://github.com/react-native-oh-library/react-native-modal-popover/issues/4)
+- [ ] 不支持属性supportedOrientations [issue#5](https://github.com/react-native-oh-library/react-native-modal-popover/issues/5)
+- [ ]  不支持属性calculateStatusBar [issue#105](https://github.com/doomsower/react-native-modal-popover/issues/105)
 
 ## 其他
 

From 6e7f7443e5b95b5437af24fc31eac1325f63b7da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E7=94=B1=E8=90=BD=E4=BD=93?= <602263131@qq.com>
Date: Tue, 6 Aug 2024 09:50:25 +0000
Subject: [PATCH 350/966] =?UTF-8?q?!1211=20docs:=20[Issues:=20#IAFOWS]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFOWS]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAFOWS]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-map-linking.md | 31 +++++++++++++++----------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index aedfc6d8..cbde0111 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -1,8 +1,8 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-map-link</code> </h1>
+  <h1 align="center"> <code>react-native-map-linking</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/starlight36/react-native-map-linking">
@@ -14,12 +14,13 @@
 </p>
 
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-map-linking)
 
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases/tag/1.0.1-0.0.1)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -108,11 +109,9 @@ export default MapLinkingDemo;
 ## 约束与限制
 
 ### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑ROM。
-
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18； IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)
 
 
 ## 属性
@@ -123,14 +122,14 @@ export default MapLinkingDemo;
 
 Name | Description | Optional | Required | Platform | HarmonyOS   Support
 -- | -- | -- | -- | -- | --
-markLocation(location, title, content) | 在地图上标记一个点的位置 | location 位置坐标, 是一个对象, 包括: **lat** - 经度**lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** 地点标记名称 **content** 地点标记说明 | / | all | yes
-planRoute(srcLocation, distLocation, mode) | 规划两点之间的线路 | srcLocation 起始位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **title** - 起始位置名称 distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 mode 路线模式  drive - 驾车 bus - 公交 walk - 步行 | / | all | yes
-navigate(distLocation) | 启动当前位置到目标位置的导航 | distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 | / | all | yes
+markLocation(location, title, content) | 在地图上标记一个点的位置 | location 位置坐标, 是一个对象, 包括: **lat** - 经度**lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** 地点标记名称 **content** 地点标记说明 | no | all | yes
+planRoute(srcLocation, distLocation, mode) | 规划两点之间的线路 | srcLocation 起始位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **title** - 起始位置名称 distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 mode 路线模式  drive - 驾车 bus - 公交 walk - 步行 | no | all | yes
+navigate(distLocation) | 启动当前位置到目标位置的导航 | distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 | no | all | yes
 
 ## 遗留问题
 
-- [ ] 百度地图暂未提供应用市场地址和具体参数（未解决）[#I9OE8Z](https://gitee.com/allisonzhou/usage-docs/issues/I9OE8Z)
-- [ ] 高德地图暂未提供具体参数（未解决）[#I9OE7H](https://gitee.com/allisonzhou/usage-docs/issues/I9OE7H)
+- [ ] react-native-map-link目前无法唤起百度地图，未提供应用市场地址和具体参数供react-native-map-link调用 [issue#1](https://github.com/react-native-oh-library/react-native-map-linking/issues/1)
+- [ ] react-native-map-link目前无法唤起高德地图，未提供具体参数供react-native-map-link调用 [issue#2](https://github.com/react-native-oh-library/react-native-map-linking/issues/2)
 
 ## 其他
 
@@ -141,17 +140,17 @@ navigate(distLocation) | 启动当前位置到目标位置的导航 | distLocati
 ### Harmony配置Schema支持
 
 Harmony系统下需要在module.json5中配置querySchemes支持才能唤起花瓣地图，后续要唤起高德地图和百度地图，也需要将它们的scheme加到这里。
-  
+
 ```
 "querySchemes":[
   "maps"
 ]
 ```
+
   
-  
-  
+
 ### iOS配置Schema支持
-  
+
 iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:
 
  ```

From ee786afd9ae74da7dca4c1cd5088cc2c15fe7baa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Wed, 7 Aug 2024 02:49:01 +0000
Subject: [PATCH 351/966] =?UTF-8?q?!1296=20=E4=BF=AE=E6=94=B9README?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=93=BE=E6=8E=A5=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAADKA]=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 22 +++++++++++-----------
 _sidebar.md     |  7 ++++---
 zh-cn/README.md | 28 ++++++++++++++--------------
 3 files changed, 29 insertions(+), 28 deletions(-)

diff --git a/README.md b/README.md
index 99f823bd..340c0db5 100644
--- a/README.md
+++ b/README.md
@@ -75,7 +75,7 @@
 | 47  | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
 | 48  | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
 | 49  | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
-| 50  | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util)                              | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
+| 50  | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util) | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
 | 51  | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
 | 52  | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
 | 53  | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
@@ -89,17 +89,17 @@
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
 | 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
-| 64  | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
+| 64  | [react-native-image-editor](https://github.com/callstack/react-native-image-editor) | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
 | 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
-| 66  | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |
-| 67  | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing)                      | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
-| 68  | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom)                            | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                                 | [链接](/zh-cn/react-native-image-zoom.md)                      |
-| 69  | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer)      | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
+| 66  | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
+| 67  | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master) | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
+| 68  | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom) | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                         | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
+| 69  | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer) | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
 | 70  | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-        | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
 | 71  | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是         | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
 | 72  | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是         | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
 | 73  | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)       | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
-| 74  | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee)                                  | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
+| 74  | [react-native-marquee](https://github.com/kyo504/react-native-marquee/blob/master) | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
 | 75  | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否         | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
 | 76  | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是         | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
 | 77  | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是         | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
@@ -107,7 +107,7 @@
 | 79  | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
 | 80  | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
 | 81  | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-        | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
-| 82  | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull)                                        | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
+| 82  | [react-native-pull](https://github.com/greatbsky/react-native-pull/blob/master) | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
 | 83  | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-        | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
 | 84  | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是         | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
 | 85  | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
@@ -153,7 +153,7 @@
 | 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
 | 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
 | 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −         | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
-| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath.md)                        |
+| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                 | [链接](/zh-cn/react-native-clippathview.md)                    |
 | 129 | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
 | 130 | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
 | 131 | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
@@ -167,7 +167,7 @@
 | 139 | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是         | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
 | 140 | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
 | 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −         | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
-| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.3.2         | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
+| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.0.1       | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
 | 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否         | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
 | 144 | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否         | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
 | 145 | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是         | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
@@ -181,7 +181,7 @@
 | 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
 | 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
 | 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
-| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
+| 156 | [react-native-code-push](https://github.com/microsoft/react-native-code-push) | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
 | 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
 | 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 是                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
 | 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 是                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
diff --git a/_sidebar.md b/_sidebar.md
index ec9785e1..728fee23 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -52,9 +52,10 @@
     - [react-native-sensors](/zh-cn/react-native-sensors.md)
     - [lottie-react-native](/zh-cn/lottie-react-native.md)
     - [react-native-image-sequence-2](/zh-cn/react-native-image-sequence-2.md)
-    - [react-native-clippath](/zh-cn/react-native-clippath.md)
+    - [react-native-clippath](/zh-cn/react-native-clippathview.md)
     - [react-native-image-base64](/zh-cn/react-native-image-base64.md)
     - [react-native-image-capinsets-next](/zh-cn/react-native-image-capinsets-next.md)
+    - [@react-native-oh-tpl/react-native-code-push](/zh-cn/react-native-code-push.md)
   - RN JS 库
     - [react-i18next](/zh-cn/react-i18next.md)
     - [react-native-action-button](/zh-cn/react-native-action-button.md)
@@ -88,8 +89,8 @@
     - [react-native-drawer-layout-polyfill](/zh-cn/react-native-drawer-layout-polyfill.md)
     - [react-native-echarts-pro](/zh-cn/react-native-echarts-pro.md)
     - [react-native-fit-Image](/zh-cn/react-native-fit-Image.md)
-    - [react-native-image-viewer](/zh-cn/react-native-image-viewer.md)
-    - [react-native-image-zoom](/zh-cn/react-native-image-zoom.md)
+    - [react-native-image-viewer](/zh-cn/react-native-image-zoom-viewer.md)
+    - [react-native-image-zoom](/zh-cn/react-native-image-pan-zoom.md)
     - [react-native-intersection-observer](/zh-cn/react-native-intersection-observer.md)
     - [react-native-markdown-display](/zh-cn/react-native-markdown-display.md)
     - [react-native-marquee](/zh-cn/react-native-marquee.md)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 813aa5b7..7eadcfb9 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -55,7 +55,7 @@
 | 27  | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
 | 28  | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
 | 29  | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
-| 30  | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                       | 0.11.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
+| 30  | [react-native-slider](https://github.com/jeanregisser/react-native-slider) | 0.11.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
 | 31  | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
 | 32  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
 | 33  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
@@ -75,7 +75,7 @@
 | 47  | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
 | 48  | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
 | 49  | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
-| 50  | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util)                              | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
+| 50  | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util) | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
 | 51  | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
 | 52  | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
 | 53  | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
@@ -89,25 +89,25 @@
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
 | 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
-| 64  | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor)                        | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
+| 64  | [react-native-image-editor](https://github.com/callstack/react-native-image-editor) | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
 | 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
-| 66  | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer)                        | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-viewer.md)                    |
-| 67  | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing)                      | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
-| 68  | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom)                            | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                                 | [链接](/zh-cn/react-native-image-zoom.md)                      |
-| 69  | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer)      | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
+| 66  | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                             | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
+| 67  | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master) | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
+| 68  | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom/blob/master) | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                         | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
+| 69  | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer) | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
 | 70  | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-        | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
 | 71  | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是         | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
 | 72  | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是         | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
-| 73  | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)       | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
-| 74  | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee)                                  | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
+| 73  | [react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display) | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
+| 74  | [react-native-marquee](https://github.com/kyo504/react-native-marquee/blob/master) | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
 | 75  | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否         | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
 | 76  | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是         | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
 | 77  | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是         | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
 | 78  | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是         | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
-| 79  | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
+| 79  | [react-native-popover-view](https://github.com/SteffeyDev/react-native-popover-view) | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
 | 80  | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
 | 81  | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-        | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
-| 82  | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull)                                        | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
+| 82  | [react-native-pull](https://github.com/greatbsky/react-native-pull) | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
 | 83  | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-        | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
 | 84  | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是         | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
 | 85  | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
@@ -153,7 +153,7 @@
 | 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
 | 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
 | 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −         | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
-| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath.md)                        |
+| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippathview](https://github.com/react-native-oh-library/react-native-clippath/releases)                             | [链接](/zh-cn/react-native-clippathview.md)                    |
 | 129 | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
 | 130 | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
 | 131 | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
@@ -167,7 +167,7 @@
 | 139 | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是         | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
 | 140 | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
 | 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −         | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
-| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.3.2         | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
+| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.0.1       | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
 | 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否         | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
 | 144 | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否         | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
 | 145 | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是         | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
@@ -181,7 +181,7 @@
 | 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
 | 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
 | 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
-| 156 | [react-natice-code-push](https://github.com/react-native-oh-library/react-native-code-push)                              | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
+| 156 | [react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push)                            | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
 | 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
 | 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 是                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
 | 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 是                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |

From 1cc93a21c2290e0824ea1b1b32fa2098ccd174c2 Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Wed, 7 Aug 2024 06:39:31 +0000
Subject: [PATCH 352/966] =?UTF-8?q?!1300=20docs:=20[Issues:=20#IAIE7C]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-image-picker=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E6=9B=B4=E6=96=B0react-native?=
 =?UTF-8?q?-image-picker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-picker.md | 39 ++++++++++++++++++------------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index dd26609a..7760eb59 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -134,34 +133,44 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-+ set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-image-picker/src/main/cpp" ./image_picker)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-image-picker/src/main/cpp" ./image_picker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_image_picker)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "RNImagePickerPackage.h"
 
@@ -169,8 +178,9 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<RNImagePickerPackage>(ctx)
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNImagePickerPackage>(ctx),
     };
 }
 ```
@@ -180,9 +190,8 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-import type {RNPackageContext, RNPackage} from 'rnoh/ts';
-import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import {ImagePickerViewPackage} from 'rnoh-image-picker/ts';
+  ...
++ import { ImagePickerViewPackage } from '@react-native-oh-tpl/react-native-image-picker/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -280,6 +289,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-image-picker/react-native-image-picker/blob/main/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-image-picker/react-native-image-picker/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file

From ea782d840cd151f3a97e5b64a34555d36a774f7f Mon Sep 17 00:00:00 2001
From: Li-2199 <1269001954@qq.com>
Date: Wed, 7 Aug 2024 09:29:17 +0000
Subject: [PATCH 353/966] =?UTF-8?q?!1237=20docs:=20[Issues:=20#IAGDD7]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-geolocation.md=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E5=8F=8A=E7=9B=B8=E5=85=B3README=E5=90=8D=E7=A7=B0=20*=20docs:?=
 =?UTF-8?q?=20react-native-geolocation=E6=96=87=E6=A1=A3md=E5=8F=8AREADME?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E6=94=B9=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                                       | 2 +-
 _sidebar.md                                                     | 2 +-
 zh-cn/README.md                                                 | 2 +-
 ...ive-geolocation.md => react-native-community-geolocation.md} | 0
 4 files changed, 3 insertions(+), 3 deletions(-)
 rename zh-cn/{react-native-geolocation.md => react-native-community-geolocation.md} (100%)

diff --git a/README.md b/README.md
index 340c0db5..43c87697 100644
--- a/README.md
+++ b/README.md
@@ -32,7 +32,7 @@
 | 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
 | 5   | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否         | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
 | 6   | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是         | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
-| 7   | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是         | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-geolocation.md)                     |
+| 7   | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是         | [@react-native-oh-tpl/geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-community-geolocation.md)                     |
 | 8   | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是         | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
 | 9   | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是         | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
 | 10  | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是         | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
diff --git a/_sidebar.md b/_sidebar.md
index 728fee23..171f4e7f 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -17,9 +17,9 @@
     - [@react-native-community/progress-bar-android](/zh-cn/react-native-community-progress-bar-android.md)
     - [@react-native-community/progress-view](/zh-cn/react-native-community-progress-view.md)
     - [@react-native-community/slider](/zh-cn/react-native-community-slider.md)
+    - [@react-native-community/geolocation](/zh-cn/react-native-community-geolocation.md)
     - [react-native-exception-handler](/zh-cn/react-native-exception-handler.md)
     - [react-native-fast-image](/zh-cn/react-native-fast-image.md)
-    - [react-native-geolocation](/zh-cn/react-native-geolocation.md)
     - [react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
     - [react-native-image-picker](/zh-cn/react-native-image-picker.md)
     - [react-native-linear-gradient](/zh-cn/react-native-linear-gradient.md)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 7eadcfb9..ca75ec80 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -32,7 +32,7 @@
 | 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
 | 5   | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否         | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
 | 6   | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是         | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
-| 7   | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是         | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-geolocation.md)                     |
+| 7   | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是         | [@react-native-oh-tpl/geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-community-geolocation.md)                     |
 | 8   | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是         | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
 | 9   | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是         | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
 | 10  | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是         | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
diff --git a/zh-cn/react-native-geolocation.md b/zh-cn/react-native-community-geolocation.md
similarity index 100%
rename from zh-cn/react-native-geolocation.md
rename to zh-cn/react-native-community-geolocation.md

From 52887912589ea6ee554acb757c53768324bb114b Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Wed, 7 Aug 2024 09:39:35 +0000
Subject: [PATCH 354/966] =?UTF-8?q?!1289=20docs:react-native-community-hoo?=
 =?UTF-8?q?ks=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAGCY7]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-community-hooks=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-hooks.md | 168 ++++++++++++++++++++++++++
 1 file changed, 168 insertions(+)
 create mode 100644 zh-cn/react-native-community-hooks.md

diff --git a/zh-cn/react-native-community-hooks.md b/zh-cn/react-native-community-hooks.md
new file mode 100644
index 00000000..36466589
--- /dev/null
+++ b/zh-cn/react-native-community-hooks.md
@@ -0,0 +1,168 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-community-hooks</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-community/hooks">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-community/hooks/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-community/hooks)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-community/hooks@0.2.2
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-community/hooks@0.2.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import React, { useState } from 'react';
+import {
+    Text,
+    View,
+    ScrollView,
+    StyleSheet,
+    RefreshControl
+} from 'react-native';
+
+import {  useAppState, useLayout, useKeyboard, useDeviceOrientation, useRefresh, useInteractionManager } from '@react-native-community/hooks'
+export const HooksUnTester = () => {
+    const [backText, setBackText] = useState('')
+    const [refreshText, setRefreshText] = useState('下拉刷新')
+    const fetch = () => {
+        return new Promise((resolve) => setTimeout(() => { resolve(setRefreshText('刷新成功')) }, 500))
+    }
+    const { isRefreshing, onRefresh } = useRefresh(fetch);
+    return (
+        <View style={{ flex: 1 }}>
+            <ScrollView refreshControl={
+                <RefreshControl
+                    refreshing={isRefreshing}
+                    onRefresh={onRefresh}
+                />
+            }>
+                {/* hooks-useRefresh-demo */}
+                <View style={styles.testSuite}>
+                    <Text style={styles.titles}>useRefresh</Text>
+                    <View style={styles.textCase}>
+                        <Text> {refreshText} </Text>
+                    </View>
+                </View>
+                {/* hooks-useDeviceOrientation-demo */}
+                <View style={styles.testSuite}>
+                    <Text style={styles.titles}>useDeviceOrientation</Text>
+                    <View style={styles.textCase}>
+                        <Text>判断是横屏(landscape)还是纵屏(portrait)：{useDeviceOrientation()} </Text>
+                    </View>
+                </View>
+            </ScrollView>
+        </View>
+    );
+}
+const styles = StyleSheet.create({
+    useBackHandlerBtn: {
+        borderRadius: 6,
+        height: 36,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        margin: 10,
+        backgroundColor: 'rgb(61, 176, 236)',
+    },
+    TextInput: {
+        height: 40,
+        borderColor: '#fff',
+        borderWidth: 1,
+        borderRadius: 4,
+        width: '90%',
+        backgroundColor: '#fff'
+    },
+    testSuite: { backgroundColor: "#fff", margin: 10 },
+    titles: {
+        marginLeft: 6,
+        fontWeight: '600'
+    },
+    textCase: {
+        margin: 5,
+    },
+    btnText: { fontWeight: 'bold', color: '#fff', fontSize: 20 },
+    container: { flex: 1 },
+    ball: {
+        width: 100,
+        height: 100,
+        backgroundColor: "salmon",
+        borderRadius: 100,
+    },
+});
+
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## API
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| useAccessibilityInfo    | Check whether some configurations of the device are enabled.See useAccessibilityInfo Api | Function | False       | Android / iOS | Yes           |
+| useAppState    | Tells you whether the application is in the foreground or background | Function | False       | Android / iOS | Yes           |
+| useBackHandler  | Used to listen for the back button event on the device. You can call your own function to handle the back behavior. | Function | False       | Android / iOS | Yes               |
+| useImageDimensions  | Used to listen for the back button event on the device. You can call your own function to handle the back behavior. | Function | False       | Android / iOS | Yes     |
+| useKeyboard  | Return whether the keyboard is invoked and the keyboard width and height. | Function | False       | Android / iOS | Yes       |
+| useInteractionManager  | Schedule some of the more time-consuming tasks for after all the interactions or animations have been completed. | Function | False       | Android / iOS | Yes       |
+| useDeviceOrientation  | Check whether the device is in landscape or portrait mode. | Function | False       | Android / iOS | Yes       |
+| useLayout  | Returns the x-axis and y-axis coordinates of an element and the width and height of the element. | Function | False       | Android / iOS | Yes       |
+| useRefresh  | pull down to refresh. | Function | False       | Android / iOS | Yes       |
+
+useAccessibilityInfo 方法返回值
+| Name           | Description                   | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -------- | ----------------- |
+| isBoldTextEnabled  | whether bold text is enabled | iOS | Yes        |
+| isScreenReaderEnabled    | Whether the Screen Reading Function Is Enabled | Android / iOS | Yes   |
+| isGrayscaleEnabled  | Whether grayscale mode is enabled | iOS | Yes        |
+| isInvertColorsEnabled  | Whether color inversion is enabled | iOS | Yes        |
+| isReduceMotionEnabled  | Whether reduction animation is enabled | Android / iOS | Yes        |
+| isReduceTransparencyEnabled  | Whether reduce transparency is enabled | iOS | Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/react-native-community/hooks/blob/main/LICENSE) ，请自由地享受和参与开源。

From 96f0a32693077c4bf60d14dbaa039c9ce72076e1 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Wed, 7 Aug 2024 11:08:36 +0000
Subject: [PATCH 355/966] =?UTF-8?q?!1292=20docs:=20=20[Issues:=20#IAA8NO]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-mail=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IAA8NO]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-mail=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-mail.md | 122 +++++++++++++++++++------------------
 1 file changed, 64 insertions(+), 58 deletions(-)

diff --git a/zh-cn/react-native-mail.md b/zh-cn/react-native-mail.md
index 14d01153..3658f68e 100644
--- a/zh-cn/react-native-mail.md
+++ b/zh-cn/react-native-mail.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -20,11 +18,11 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases)，并下载适用版本的 tgz 包
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
@@ -47,46 +45,56 @@ yarn add @react-native-oh-tpl/react-native-mail@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```jsx
-import React, { Component } from 'react';
-import { View, Alert, Button } from 'react-native';
-import Mailer from 'react-native-mail';
+import React, { Component } from "react";
+import { View, Alert, Button } from "react-native";
+import Mailer from "react-native-mail";
 
 export default class App extends Component {
-
   handleEmail = () => {
-    Mailer.mail({
-      subject: 'need help',
-      recipients: ['support@example.com'],
-      ccRecipients: ['supportCC@example.com'],
-      bccRecipients: ['supportBCC@example.com'],
-      body: '<b>A Bold Body</b>',
-      customChooserTitle: 'This is my new title', // Android only (defaults to "Send Mail")
-      isHTML: true,
-      attachments: [{
-        // Specify either `path` or `uri` to indicate where to find the file data.
-        path: '', // /data/storage/el2/base/haps/entry/files/11.png
-        uri: '', // file://<packageName>/data/storage/el2/base/haps/entry/files/11.png
-        // Specify either `type` or `mimeType` to indicate the type of data.
-        type: '', // Mime Type: jpg, png, doc, ppt, html, pdf, csv
-        mimeType: '', // - use only if you want to use custom type
-        name: '', // Optional: Custom filename for attachment
-      }]
-    }, (error, event) => {
-      Alert.alert(
-        error,
-        event,
-        [
-          {text: 'Ok', onPress: () => console.log('OK: Email Error Response')},
-          {text: 'Cancel', onPress: () => console.log('CANCEL: Email Error Response')}
+    Mailer.mail(
+      {
+        subject: "need help",
+        recipients: ["support@example.com"],
+        ccRecipients: ["supportCC@example.com"],
+        bccRecipients: ["supportBCC@example.com"],
+        body: "<b>A Bold Body</b>",
+        customChooserTitle: "This is my new title", // Android only (defaults to "Send Mail")
+        isHTML: true,
+        attachments: [
+          {
+            // Specify either `path` or `uri` to indicate where to find the file data.
+            path: "", // /data/storage/el2/base/haps/entry/files/11.png
+            uri: "", // file://<packageName>/data/storage/el2/base/haps/entry/files/11.png
+            // Specify either `type` or `mimeType` to indicate the type of data.
+            type: "", // Mime Type: jpg, png, doc, ppt, html, pdf, csv
+            mimeType: "", // - use only if you want to use custom type
+            name: "", // Optional: Custom filename for attachment
+          },
         ],
-        { cancelable: true }
-      )
-    });
-  }
+      },
+      (error, event) => {
+        Alert.alert(
+          error,
+          event,
+          [
+            {
+              text: "Ok",
+              onPress: () => console.log("OK: Email Error Response"),
+            },
+            {
+              text: "Cancel",
+              onPress: () => console.log("CANCEL: Email Error Response"),
+            },
+          ],
+          { cancelable: true }
+        );
+      }
+    );
+  };
 
   render() {
     return (
-      <View style={styles.container}>
+      <View>
         <Button
           onPress={this.handleEmail}
           title="Email Me"
@@ -97,8 +105,8 @@ export default class App extends Component {
     );
   }
 }
-
 ```
+
 ## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
@@ -192,37 +200,35 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| mail  | 拉起邮箱并向邮箱传递收件人、发件人、抄送人等信息，通过callback函数返回错误信息。         | Function(options,callback)  | yes | all      | yes |
+| Name | Description                                                                        | Type                       | Required | Platform | HarmonyOS Support |
+| ---- | ---------------------------------------------------------------------------------- | -------------------------- | -------- | -------- | ----------------- |
+| mail | 拉起邮箱并向邮箱传递收件人、发件人、抄送人等信息，通过 callback 函数返回错误信息。 | Function(options,callback) | yes      | all      | yes               |
 
 **options**
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| subject        | 邮件主题       | string  | no | all      | yes |
-| recipients     | 收件人         | string[]  | no | all      | yes |
-| ccRecipients   | 抄送收件人     | string[]  | no | all      | yes |
-| bccRecipients  | 密件抄送收件人 | string[]  | no | all      | yes |
-| body           | 邮件内容      | string  | no | all      | yes |
-| customChooserTitle  | 自定义选择器标题 | string  | no | android      | no |
-| isHTML  | 邮件内容是否为html        | boolean  | no | all      | yes |
-| attachments  | 附件信息         | object[]  | no | all      | no |
+| Name               | Description         | Type     | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------- | -------- | -------- | -------- | ----------------- |
+| subject            | 邮件主题            | string   | no       | all      | yes               |
+| recipients         | 收件人              | string[] | no       | all      | yes               |
+| ccRecipients       | 抄送收件人          | string[] | no       | all      | yes               |
+| bccRecipients      | 密件抄送收件人      | string[] | no       | all      | yes               |
+| body               | 邮件内容            | string   | no       | all      | yes               |
+| customChooserTitle | 自定义选择器标题    | string   | no       | android  | no                |
+| isHTML             | 邮件内容是否为 html | boolean  | no       | all      | yes               |
+| attachments        | 附件信息            | object[] | no       | all      | no                |
 
 ## 遗留问题
 
-- [ ] 不支持attachments附件传递: [issue#1](https://github.com/react-native-oh-library/react-native-mail/issues/1)
-- [ ] 不支持customChooserTitle: [issue#4](https://github.com/react-native-oh-library/react-native-mail/issues/4)
-- [ ] 邮箱应用上body显示异常: [issue#2](https://github.com/react-native-oh-library/react-native-mail/issues/2)
+- [ ] 不支持 attachments 附件传递: [issue#1](https://github.com/react-native-oh-library/react-native-mail/issues/1)
+- [ ] 不支持 customChooserTitle: [issue#4](https://github.com/react-native-oh-library/react-native-mail/issues/4)
+- [x] 邮箱应用上 body 显示异常: [issue#2](https://github.com/react-native-oh-library/react-native-mail/issues/2)
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/chirag04/react-native-mail/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->

From 2f12560f01c260edabd36954f6921517180aba58 Mon Sep 17 00:00:00 2001
From: xiong <10038940+wx997659@user.noreply.gitee.com>
Date: Thu, 8 Aug 2024 03:21:50 +0000
Subject: [PATCH 356/966] =?UTF-8?q?!1254=20docs:=20[Issues:=20#IAGVDN]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-nfc-manager=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAGVDN]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-nfc-manager=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-nfc-manager.md | 473 ++++++++++++++++++++++++++++++
 1 file changed, 473 insertions(+)
 create mode 100644 zh-cn/react-native-nfc-manager.md

diff --git a/zh-cn/react-native-nfc-manager.md b/zh-cn/react-native-nfc-manager.md
new file mode 100644
index 00000000..77f7bc96
--- /dev/null
+++ b/zh-cn/react-native-nfc-manager.md
@@ -0,0 +1,473 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-nfc-manager</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/revtel/react-native-nfc-manager">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/revtel/react-native-nfc-manager/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-nfc-manager)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] #处替换为tgz包的路径
+
+#### **npm**
+
+```
+npm install @react-native-oh-tpl/react-native-nfc-manager@file:#
+```
+
+#### **yarn**
+
+```
+yarn add @react-native-oh-tpl/react-native-nfc-manager@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!TIP] 使用时 import 的库名不变。
+
+```
+import React from 'react';
+import {View, Text, TouchableOpacity, StyleSheet} from 'react-native';
+import NfcManager, {NfcTech} from 'react-native-nfc-manager';
+
+// Pre-step, call this before any NFC operations
+NfcManager.start();
+
+function App() {
+  async function readNdef() {
+    try {
+      // register for the NFC tag with NDEF in it
+      await NfcManager.requestTechnology(NfcTech.Ndef);
+      // the resolved tag object will contain `ndefMessage` property
+      const tag = await NfcManager.getTag();
+      console.warn('Tag found', tag);
+    } catch (ex) {
+      console.warn('Oops!', ex);
+    } finally {
+      // stop the nfc scanning
+      NfcManager.cancelTechnologyRequest();
+    }
+  }
+
+  return (
+    <View style={styles.wrapper}>
+      <TouchableOpacity onPress={readNdef}>
+        <Text>Scan a Tag</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+
+```
+在工程根目录的 oh-package.json 添加 overrides字段
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+## 配置Entry
+
+本库主要用于操作及管理NFC Tag，提供后台读卡和前台应用优先分发两种读卡模式。后台读卡是指不需要打开应用程序，电子设备通过NFC读取标签卡片后，根据标签卡片的类型匹配到一个或多个应用程序。如果仅匹配到一个，则直接拉起应用程序的读卡页面；如果是多个则弹出应用选择器，让用户选择指定的读卡应用。前台读卡是指提前打开应用程序，并进入对应的NFC读卡页面后读卡，只会把读到的标签卡片信息分发给前台应用程序。
+
+### 后台读卡方式的声明
+**1.应用程序需要支持后台读卡时，需要在应用的属性配置文件中，声明与NFC相关的属性值。比如，在entry/src/main/module.json5文件中，声明下面属性值：**
+```
+{
+    "module": {
+        // other declared attributes.
+
+        "abilities": [
+            {
+                "skills": [
+                    {
+                        "actions": [
+                            // other declared actions,
+
+                            // add the nfc tag action
+                            "ohos.nfc.tag.action.TAG_FOUND"
+                        ],
+                        "uris": [
+                            {
+                                "type":"tag-tech/NfcA"
+                            },
+                            {
+                                "type":"tag-tech/IsoDep"
+                            }
+                            // Add other technology if neccessary,
+                            // such as: NfcB/NfcF/NfcV/Ndef/MifareClassic/MifareUL/NdefFormatable
+                        ]
+                    }
+                ]
+            }
+        ],
+        "requestPermissions": [
+            {
+                "name": "ohos.permission.NFC_TAG",
+                "reason": "$string:app_name",
+            }
+        ]
+    }
+}
+```
+**2.在对相关Tag类型卡片进行读写之前，必须先获取TagInfo相关属性值，以确认设备读取到的Tag卡片支持哪些技术类型。可以将以下内容添加到EntryAbility**
+
+```
+import {RNAbility} from 'rnoh';
+import Want from '@ohos.app.ability.Want';
+import { RNNfcManagerModule } from '@react-native-oh-tpl/react-native-nfc-manager';
+import AbilityConstant from '@ohos.app.ability.AbilityConstant';
+
+export default class EntryAbility extends RNAbility {
+
+  onCreate(want: Want): void {
+    super.onCreate(want);
+    RNNfcManagerModule.registerAbilityEvents(this.context,'onCreate',want);
+  }
+
+  onForeground(): void {
+    super.onForeground();
+  }
+
+  onBackground(): void {
+    super.onBackground();
+  }
+
+  onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
+    super.onNewWant(want,launchParam);
+    RNNfcManagerModule.registerAbilityEvents(this.context,'onNewWant',want);
+  }
+
+  getPagePath() {
+    return 'pages/Index';
+  }
+
+  onDestroy(): void {
+    super.onDestroy();
+    RNNfcManagerModule.unRegisterAbilityEvents(this.context);
+  }
+}
+
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入。
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-nfc-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-nfc-manager/harmony/nfc_manager.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNNfcManagerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNNfcManagerPackage } from '@react-native-oh-tpl/react-native-nfc-manager/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNNfcManagerPackage(ctx),
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)
+
+### 权限要求
+打开 `entry/src/main/module.json5`，添加以下权限配置
+
+```
+"requestPermissions": [
+    {
+        "name": "ohos.permission.NFC_TAG",
+        "reason": "$string:app_name",
+    }
+]
+```
+
+## Nfc Compatibility
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| Ndef  |   NFC A type Tag object, through which the Ndef technology type Tag can be accessed                   | Technologies | no       | iOS/Android | yes               |
+| NfcA  |   NFC A type Tag object, through which the NfcA technology type Tag can be accessed                   | Technologies | no       | iOS/Android | yes               |
+| IsoDep  |   NFC A type Tag object, through which the IsoDep technology type Tag can be accessed                   | Technologies | no       | iOS/Android | yes               |
+| NfcF  |   NFC A type Tag object, through which the NfcF technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| NfcV  |   NFC A type Tag object, through which the NfcV technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| NfcB  |   NFC A type Tag object, through which the NfcB technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| MifareClassic  |   NFC A type Tag object, through which the MifareClassic technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| MifareUltralight  |   NFC A type Tag object, through which the MifareUltralight technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| MifareIOS  |   NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed                   | Technologies | no       | iOS | no               |
+| iso15693  |   NFC A type Tag object, through which the iso15693 technology type Tag can be accessed                   | Technologies | no       | iOS | no               |
+| felica  |   NFC A type Tag object, through which the felica technology type Tag can be accessed                   | Technologies | no       | iOS | no               |
+| NdefFormatable  |   NFC A type Tag object, through which the NdefFormatable technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+
+## API
+**common tech handler getters for both iOS / Android**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| start  | Start nfc scan       | function | NO | iOS / Android      | yes |
+| isSupported  | Does the device support nfc       | function | NO | iOS / Android      | yes |
+| isEnabled  | Is the nfc switch turned on       | function | NO | iOS / Android      | yes |
+| registerTagEvent  | Register to monitor NFC Tag card reading events to achieve priority distribution of front-end applications. Set the supported card reading technology type through discTech, and obtain the TagInfo information of the read Tag through the Callback method.       | function | NO | iOS / Android      | yes |
+| unregisterTagEvent  | Cancel monitoring of NFC Tag card reading events       | function | NO | iOS / Android      | yes |
+| setEventListener  | Set up monitoring       | function | NO | iOS / Android      | yes |
+| getBackgroundTag  | Start nfc in the background and obtain the Tag data object provided by the NFC service when the Tag is distributed.       | function | NO | iOS / Android      | yes |
+| clearBackgroundTag  | After starting nfc in the background, clear Tag information of different technology types       | function | NO | iOS / Android      | yes |
+| requestTechnology  | Start scanning       | function | NO | iOS / Android      | yes |
+| cancelTechnologyRequest  | Cancel scan       | function | NO | iOS / Android      | yes |
+| getTag  | Get the Tag data object provided by the NFC service when the Tag is distributed       | function | NO | iOS / Android      | yes |
+
+**NdefHandler**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| writeNdefMessage| Write NDEF Message data object to label        | function  | NO | Android      | yes |
+| getNdefMessage| Get the Message read from the tag when the NDEF tag is found        | function  | NO | iOS / Android      | yes |
+| makeReadOnly| Set NDEF tag to read-only        | function  | NO | iOS / Android      | yes |
+| getNdefStatus| Check if the NDEF tag can be set to read-only and get the maximum data length that can be sent to the tag        | function  | NO | iOS / Android      | yes |
+| getCachedNdefMessageAndroid| Get the Tag data object provided by the NFC service when the Tag is distributed        | function  | NO | iOS / Android      | yes |
+
+**NfcAHandler**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| transceive | Send instructions to Tag        | function  | NO | iOS / Android      | yes |
+
+**IsoDepHandler**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| transceive | Send instructions to Tag        | function  | NO | iOS / Android      | yes |
+
+**iOS only**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| setAlertMessage | Set a warning message for a certain session (possibly an NFC session or similar) | function  | NO | iOS      | NO |
+| getBackgroundNdef | Scan NFC tag from lock screen        | function  | NO | iOS      | NO |
+| invalidateSessionIOS | Initialize tag session        | function  | NO | iOS      | NO |
+| invalidateSessionWithErrorIOS | Initializing the tag session may throw an exception        | function  | NO | iOS      | NO |
+| sendCommandAPDUIOS | Send specific APDU commands        | function  | NO | iOS      | NO |
+| restartTechnologyRequestIOS | Restart NFC session        | function  | NO | iOS      | NO |
+
+**MifareIOS**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| sendMifareCommandIOS | Send specific MIFARE commands        | function  | NO | iOS      | NO |
+
+**FelicaIOS**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| sendFelicaCommandIOS | Send specific Felica commands        | function  | NO | iOS      | NO |
+
+**Iso15693**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getSystemInfo | Obtain system information of RFID tags        | function  | NO | iOS      | NO |
+| readSingleBlock | Read the content stored in a block of tags        | function  | NO | iOS      | NO |
+| readMultipleBlocks | Read the content stored in multiple blocks of the tag        | function  | NO | iOS      | NO |
+| writeSingleBlock | Write content to a block in the tag storage        | function  | NO | iOS      | NO |
+| lockBlock | Lock specific data blocks on tags        | function  | NO | iOS      | NO |
+| writeAFI | Write the specified AFI value into the RFID tag        | function  | NO | iOS      | NO |
+| lockAFI | Used to lock the AFI field in RFID tags to prevent it from being altered        | function  | NO | iOS      | NO |
+| writeDSFID | Write the specified DSFID value into the RFID tag        | function  | NO | iOS      | NO |
+| lockDSFID | Used to lock the AFI field in DSFID tags to prevent it from being altered         | function  | NO | iOS      | NO |
+| resetToReady | Reset the RFID tag from the current state to the ready state, ready to receive new commands         | function  | NO | iOS      | NO |
+| select | Place specific RFID tags in the selected state  | function  | NO | iOS      | NO |
+| stayQuite | Put the tag into a quiet state, in which the tag will not respond to any requests with inventory_flag, but will respond to requests with addressing flags  | function  | NO | iOS      | NO |
+| customCommand | Send custom binary data to RFID tags  | function  | NO | iOS      | NO |
+| sendRequest | Send one or more commands or data requests to RFID tags  | function  | NO | iOS      | NO |
+| extendedReadSingleBlock | Read the content of a specified single data block from an RFID tag  | function  | NO | iOS      | NO |
+| extendedWriteSingleBlock | Write the content of a specified single data block from an RFID tag  | function  | NO | iOS      | NO |
+| extendedLockBlock | Lock one or more data blocks in the RFID tag to prevent them from being further written or modified  | function  | NO | iOS      | NO |
+
+**Android only**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| goToNfcSetting | Guide users to the NFC settings interface of the device        | function  | NO | Android      | yes |
+| getLaunchTagEvent | Retrieve events or data when an application is launched (or reactivated) due to NFC tag scanning        | function  | NO | Android      | yes |
+| transceive | Send instructions to Tag         | function  | NO | Android      | yes |
+| getMaxTransceiveLength | Query the maximum data length that can be sent to a label         | function  | NO | Android      | yes |
+| setTimeout | Set the timeout for sending data to Tag         | function  | NO | Android      | yes |
+| connect | Establish a connection with the tag         | function  | NO | Android      | yes |
+| close | Close tag connection        | function  | NO | Android      | yes |
+
+**NfcVHandler**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| transceive | Send instructions to Tag        | function  | NO | Android      | yes |
+
+**MifareClassicHandlerAndroid**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| mifareClassicSectorToBlock | Obtain the sequence number of the first block in a specific sector        | function  | NO | Android      | yes |
+| mifareClassicReadBlock | Read the content stored in a block of tags, with a block size of 16 bytes        | function  | NO | Android      | yes |
+| mifareClassicWriteBlock | Write content to a block in the tag, with a block size of 16 bytes        | function  | NO | Android      | yes |
+| mifareClassicIncrementBlock | Add the specified value to the content of the specified block and store the result in the internal transmission buffer   | function  | NO | Android      | yes |
+| mifareClassicDecrementBlock | Reduce the specified value for the content of the specified block and store the result in an internal transfer buffer    | function  | NO | Android      | yes |
+| mifareClassicTransferBlock | Transfer the value of the temporary register to the specified block   | function  | NO | Android      | yes |
+| mifareClassicGetSectorCount | Get the number of sectors in the MIFARE Classic tag   | function  | NO | Android      | yes |
+| mifareClassicAuthenticateA | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is A   | function  | NO | Android      | yes |
+| mifareClassicAuthenticateB | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is B   | function  | NO | Android      | yes |
+
+**MifareUltralightHandlerAndroid**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| mifareUltralightReadPages | Read 4 pages of data from the tag, totaling 16 bytes of data. Each page has a data size of 4 bytes    | function  | NO | Android      | yes |
+| mifareUltralightWritePage | Write one page of data with a size of 4 bytes   | function  | NO | Android      | yes |
+
+**NdefFormatableHandlerAndroid**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| formatNdef | Format tags as NDEF tags and write NDEF messages into NDEF tags   | function  | NO | Android      | yes |
+
+## 属性
+**RegisterTagEventOpts**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| alertMessage   | Specify a warning or prompt message to be displayed when an NFC tag is read         | string  | NO | iOS      | NO |
+| invalidateAfterFirstRead   | NFC tags should be considered invalid after being read for the first time     | boolean  | NO | iOS      | NO |
+| isReaderModeEnabled   | This option is used to indicate whether NFC's' Reader Mode 'is enabled         | boolean  | NO | Android      | yes |
+| readerModeFlags   | This option allows you to specify the flag for the reader mode         | number  | NO | Android      | yes |
+| readerModeDelay   | This option allows you to specify how long to delay processing an NFC tag after it is detected   | number  | NO | Android      | NO |
+
+**NfcEvents**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| DiscoverTag   | When the NFC Manager (NfcManager) detects and successfully reads an NFC tag, this event will be triggered     | enum  | NO | iOS/Android      | yes |
+| DiscoverBackgroundTag   | When the application is in the background, the NFC Manager (NfcManager) detects and successfully reads an NFC tag, triggering this event     | enum  | NO | iOS/Android      | yes |
+| SessionClosed   | Trigger this event when NFC session is closed     | enum  | NO | iOS      | NO |
+| StateChanged   | This event is triggered when the enabled state of NFC changes    | enum  | NO | iOS/Android      | yes |
+
+**NfcTech**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| Ndef  |  NDEF (NFC Data Exchange Format) is a standard format used for storing and exchanging data on NFC tags  | enum | no       | iOS/Android | yes               |
+| NfcA  |  NfcA stands for ISO 14443-3 Type A technology, which is a widely used NFC tag type that supports fast data transmission and high security     | enum | no       | iOS/Android | yes               |
+| IsoDep  |  IsoDep represents the ISO/IEC 7816-4 standard, which defines the communication protocol between smart cards and readers     | enum | no       | iOS/Android | yes               |
+| NfcF  |   NfcF stands for ISO 14443-4 Type F technology, which supports high-speed data transmission and more complex encryption functions  | enum | no       | Android | yes               |
+| NfcV  |  NfcV stands for ISO 15693 technology, also known as VICC (Vicinity Integrated Circuit Card), mainly used for low-frequency NFC tags with a longer reading distance.      | enum | no       | Android | yes               |
+| NfcB  |  NfcB stands for ISO 14443-3 Type B technology, similar to NfcA but with different physical characteristics and communication protocols.     | enum | no       | Android | yes               |
+| MifareClassic  |  Mifare Classic is a popular NFC tag type produced by NXP Semiconductors (now renamed NXP), widely used in fields such as access control systems, bus cards, and payment applications | enum | no       | Android | yes               |
+| MifareUltralight  |  Mifare Ultralight is a low-cost NFC tag in the Mifare series, suitable for applications that require fast reading and writing but do not require high security.   | enum | no       | Android | yes               |
+| MifareIOS  |   NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed                   | enum | no       | iOS | no               |
+| iso15693  |   NFC A type Tag object, through which the iso15693 technology type Tag can be accessed                   | enum | no       | iOS | no               |
+| felica  |   NFC A type Tag object, through which the felica technology type Tag can be accessed                   | enum | no       | iOS | no               |
+| NdefFormatable  |  NdefFormatable represents an NFC tag that has not yet been formatted as NDEF   | enum | no       | Android | yes               |
+
+## 返回值
+**NdefStatus**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| NotSupported   | When NFC tags do not support NDEF format, this status will be returned   | enum  | NO | iOS/Android      | yes |
+| ReadWrite   | When NFC tags support NDEF format and allow read and write operations, this status will be returned    | enum  | NO | iOS/Android      | yes |
+| ReadOnly   | When NFC tags support NDEF format but only allow read operations, this status will be returned   | enum  | NO | iOS/Android      | yes |
+
+**TagEvent**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| ndefMessage   | Retrieve all records from NDEF messages   | NdefRecord[]  | NO | iOS/Android      | yes |
+| maxSize   | This attribute represents the maximum number of bytes that can be stored on an NFC tag  | number  | NO | iOS/Android      | yes |
+| type   | The 'type' attribute may be used to identify the type or format of NFC tags   | string  | NO | iOS/Android      | yes |
+| techTypes   | This is an array containing strings used to identify the technology types supported by NFC tags    | string[]  | NO | iOS/Android      | yes |
+| id   | The id attribute represents the unique identifier of the NFC tag | string  | NO | iOS/Android      | yes |
+
+**NdefRecord**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| id   | This is an optional byte array used as an identifier for NDEF records   | number[]  | NO | iOS/Android      | yes |
+| tnf   | TNF (Type Name Format) is an enumeration or type used to indicate the interpretation of the type field   | number  | NO | iOS/Android      | yes |
+| type   | This attribute can be a byte array (number []) or a string, depending on the value of the TNF field   | number[]  | NO | iOS/Android      | yes |
+| payload   | Payload is the actual data portion recorded by NDEF  | number[]  | NO | iOS/Android      | yes |
+
+## 遗留问题
+
+
+## 其他
+本库是一个为 React Native 开发者提供的 NFC（近场通信）管理库，它允许开发者在 React Native 应用中轻松集成 NFC 功能。这个库支持 iOS 、 Android 和HarmonyOS NEXT平台,使得开发者可以跨平台地实现 NFC 相关的功能，如读取和写入 NFC 标签、进行智能卡模拟等。因平台不同，iOS 、Android 和HarmonyOS NEXT在NFC（近场通信）技术中对标签和协议类型存在兼容性。本库的设计考虑到了Android 和HarmonyOS NEXT兼容性较高，核心功能在两个平台上都能实现，并且表现一致。该库提供了多种 NFC 技术的支持，包括但不限于 NDEF、NfcA、IsoDep 和 NfcV 等。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-nfc-manager/blob/main/LICENSE) ，请自由地享受和参与开源。

From 529bfc9028ce169afc1098b3d51ea567b84faa61 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Thu, 8 Aug 2024 03:50:21 +0000
Subject: [PATCH 357/966] =?UTF-8?q?!1268=20=20docs:=20[Issue:=20#IAHD1J]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-slider=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#I?=
 =?UTF-8?q?AHD1J]=E4=BF=AE=E6=94=B9react-native-community-slider=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-slider.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 2c4d90cd..10105389 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -231,8 +231,8 @@ ohpm install
 | `maximumValue`      | Initial maximum value of the slider.<br/>Default value is 1.                      | number      | No   | All      | yes       |
 | `minimumTrackTintColor` | The color used for the track to the left of the button.<br/>Overrides the default blue gradient image on iOS.  | [color](https://reactnative.dev/docs/colors) | No   | All      | yes       |
 | `minimumValue`      | Initial minimum value of the slider.<br/>Default value is 0.       | number      | No   | All      | yes       |
-| `lowerLimit`        | Slide lower limit. The user won't be able to slide below this limit.              | number      | No   | Android, iOS | no        |
-| `upperLimit`        | Slide upper limit. The user won't be able to slide above this limit.              | number      | No   | Android, iOS | no        |
+| `lowerLimit`        | Slide lower limit. The user won't be able to slide below this limit.              | number      | No   | Android, iOS | yes      |
+| `upperLimit`        | Slide upper limit. The user won't be able to slide above this limit.              | number      | No   | Android, iOS | yes        |
 | `onSlidingStart`    | Callback that is called when the user picks up the slider.<br/>The initial value is passed as an argument to the callback handler.       | function    | No   | All      | yes       |
 | `onSlidingComplete`     | Callback that is called when the user releases the slider, regardless if the value has changed.<br/>The current value is passed as an argument to the callback handler.    | function    | No   | All      | yes       |
 | `onValueChange`     | Callback continuously called while the user is dragging the slider.| function    | No   | All      | yes       |
@@ -253,7 +253,7 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] upperLimit 和 lowerLimit 只对数值生效，滑动限制不生效: [issue#2](https://github.com/react-native-oh-library/react-native-slider/issues/2)
+- [x] upperLimit 和 lowerLimit 只对数值生效，滑动限制不生效: [issue#2](https://github.com/react-native-oh-library/react-native-slider/issues/2)
 - [ ] 不支持滑轨设置图片: [issue#3](https://github.com/react-native-oh-library/react-native-slider/issues/3)
 - [ ] 未适配无障碍: [issue#9](https://github.com/react-native-oh-library/react-native-slider/issues/9)
 - [ ] 不支持点击滑块轨道来设置拇指位置，不支持指定最大轨迹图像，不支持分配最小轨道图像: [issue#10](https://github.com/react-native-oh-library/react-native-slider/issues/10)

From 9f99114238f2a948ccb21143c5cd1f9f48a7a2ea Mon Sep 17 00:00:00 2001
From: Ycode <3259980649@qq.com>
Date: Thu, 8 Aug 2024 04:01:39 +0000
Subject: [PATCH 358/966] =?UTF-8?q?!1222=20docs:=20[Issues:=20IAELU9]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9rn-section-list-get-item-layout=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20IAELU9]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9rn-section-list-get-item-layout=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...act-native-section-list-get-item-layout.md | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/zh-cn/react-native-section-list-get-item-layout.md b/zh-cn/react-native-section-list-get-item-layout.md
index 35353637..50c1d1bd 100644
--- a/zh-cn/react-native-section-list-get-item-layout.md
+++ b/zh-cn/react-native-section-list-get-item-layout.md
@@ -1,36 +1,36 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>rn-section-list-get-item-layout</code> </h1>
+  <h1 align="center"> <code>react-native-section-list-get-item-layout</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/jsoendermann/rn-section-list-get-item-layout">
-        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20windows%20%7C%20macos%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/jsoendermann/rn-section-list-get-item-layout/blob/master/README.md">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
     </a>
 </p>
 
+
 > [!tip] [Github 地址](https://github.com/jsoendermann/rn-section-list-get-item-layout)
 
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
 
-<!-- tabs:start -->
+<!-- tabs:start --> 
 
 #### **npm**
 
 ```bash
-npm install react-native-section-list-get-item-layout@^2.2.3
+npm install react-native-section-list-get-item-layout@2.2.3
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-section-list-get-item-layout@^2.2.3
+yarn add react-native-section-list-get-item-layout@2.2.3
 ```
 
 <!-- tabs:end -->
@@ -61,6 +61,8 @@ class MyComponent extends React.Component {
     return <SectionList {...otherStuff} getItemLayout={this.getItemLayout} />;
   }
 }
+
+export default MyComponent
 ```
 
 ## 约束与限制
@@ -69,7 +71,7 @@ class MyComponent extends React.Component {
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
 
 ## API
 
@@ -79,8 +81,8 @@ class MyComponent extends React.Component {
 
 详情见 [rn-section-list-get-item-layout 源库地址](https://github.com/jsoendermann/rn-section-list-get-item-layout)
 
-| Name                                                                                                                          | Description                                                                                                                                                                                       | Type     | Required | Platform | HarmonyOS Support |
-| ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| Name                                                         | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
 | sectionListGetItemLayout({getItemHeight, getSeparatorHeight, getSectionHeaderHeight,getSectionFooterHeight,listHeaderHeight}) | This package provides a function that helps you construct the getItemLayout function for your SectionLists. For an explanation of why this exists, see this post. It's meant to be used like this | function | Yes      | All      | Yes               |
 
 ## 遗留问题
@@ -90,5 +92,3 @@ class MyComponent extends React.Component {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/jsoendermann/rn-section-list-get-item-layout/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 3673502e5fd0889a1910dff6b4c8f14aabb5fd28 Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Thu, 8 Aug 2024 07:25:40 +0000
Subject: [PATCH 359/966] =?UTF-8?q?!1297=20docs:=20[Issues:=20#IAI67P]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-markdown-renderer=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAI67P]=20=E6=96=B0=E5=A2=9Ereact-native-markdown-renderer?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-markdown-renderer.md | 140 ++++++++++++++++++++++++
 1 file changed, 140 insertions(+)
 create mode 100644 zh-cn/react-native-markdown-renderer.md

diff --git a/zh-cn/react-native-markdown-renderer.md b/zh-cn/react-native-markdown-renderer.md
new file mode 100644
index 00000000..57d9b4db
--- /dev/null
+++ b/zh-cn/react-native-markdown-renderer.md
@@ -0,0 +1,140 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-markdown-renderer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mientjan/react-native-markdown-renderer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20iOS%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mientjan/react-native-markdown-renderer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-markdown-renderer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-markdown-renderer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-markdown-renderer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import react from "react";
+import { PureComponent } from "react-native";
+import Markdown from "react-native-markdown-renderer";
+
+const copy = `# h1 Heading 8-)
+
+| Option | Description |
+| ------ | ----------- |
+| data   | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default. |
+| ext    | extension to be used for dest files. |
+`;
+
+export default class Page extends PureComponent {
+  static propTypes = {};
+  static defaultProps = {};
+
+  render() {
+    return <Markdown>{copy}</Markdown>;
+  }
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)，并下载适用版本的 tgz 包。
+
+## Markdown 组件
+
+默认导出 Markdown 组件
+
+Markdown 组件核心功能就是支持 Markdowm 语法格式的渲染，语法格式为（说明:`copy`为符合 Markdown 语法的字符串）：`<Markdown>{copy}</Markdown>`。
+说明：`copy`为组件支持的满足 Markdown 语法格式的字符串，具体支持的语法格式，详见：[Syntax Support](https://github.com/mientjan/react-native-markdown-renderer/blob/master/README.md)
+
+### 组件属性
+
+Markdown 组件的 Props
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                                                      | Type     | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| style      | Overrides the built-in style of the original Markdown component                                  | object   | no       | iOS/Android | yes               |
+| rules      | Rendering rule of the markdowm syntax tag in the Markdown component.                             | function | yes      | iOS/Android | yes               |
+| markdownit | MarkdownIt 类的 md 实例，用于覆盖默认的 MarkdownIt 实例（默认：MarkdownIt({typographer: true})） | object   | yes      | iOS/Android | yes               |
+
+## 库相关变量、封装类及工具函数
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+改库导出了一系列内部定义的常量、封装类及工具函数
+
+### 内部定义的常量
+
+| Name        | Description            | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ---------------------- | ------ | -------- | ----------- | ----------------- |
+| renderRules | 内部定义的渲染规则对象 | object | no       | iOS/Android | yes               |
+| styles      | 内部定义的样式对象     | object | no       | iOS/Android | yes               |
+
+### 封装类
+
+| Name            | Description                           | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| AstRenderer     | 内部封装的 AST 抽象树渲染类           | object | no       | iOS/Android | yes               |
+| PluginContainer | 内部定义的 blockPlugin 插件容器类     | object | no       | iOS/Android | yes               |
+| MarkdownIt      | 内部依赖库 markdown-it 默认导出的对象 | object | no       | iOS/Android | yes               |
+
+### 工具函数
+
+| Name           | Description                                                                                    | Type     | Required | Platform    | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| applyStyle     | 用于将给指定的 displayName 组件转换为 Text 组件并应用 style 样式                               | function | no       | iOS/Android | yes               |
+| getUniqueID    | 获取 uuid 时间戳字符串作为唯一标识                                                             | function | yes      | iOS/Android | yes               |
+| openUrl        | 打开默认应用，跳转指定链接地址                                                                 | function | yes      | iOS/Android | yes               |
+| hasParents     | 判断指定 parents 数组中是否存在指定 type 的元素 （内部方法，不应直接调用）                     | function | yes      | iOS/Android | yes               |
+| parser         | 将指定的 source 通过 renderer 方法及 MarkdownIt 对象转换为 View 组件（内部方法，不应直接调用） | function | yes      | iOS/Android | yes               |
+| stringToTokens | 将指定的 source 通过 MarkdownIt 对象的 parse 方法转换为 token 数组（内部方法，不应直接调用）   | function | yes      | iOS/Android | yes               |
+| tokensToAST    | 将 token 数组转换为 AST 抽象树（内部方法，不应直接调用）                                       | function | yes      | iOS/Android | yes               |
+| blockPlugin    | js 插件方法,用于提供对 Markdown 中 Blockquotes 语法的支持                                      | function | yes      | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/killserver/react-native-markdown-renderer/blob/main/LICENSE) ，请自由地享受和参与开源。

From 47ffe69272f159a65d2b498292ff2b3ffaa04337 Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Thu, 8 Aug 2024 08:05:48 +0000
Subject: [PATCH 360/966] =?UTF-8?q?!1249=20docs=EF=BC=9A[#IAGNMZ]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-voice-voice=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E6=96=B0=E5=A2=9Ereact-native-voice-vo?=
 =?UTF-8?q?ice=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-voice-voice.md | 534 ++++++++++++++++++++++++++++++
 1 file changed, 534 insertions(+)
 create mode 100644 zh-cn/react-native-voice-voice.md

diff --git a/zh-cn/react-native-voice-voice.md b/zh-cn/react-native-voice-voice.md
new file mode 100644
index 00000000..4fea83a5
--- /dev/null
+++ b/zh-cn/react-native-voice-voice.md
@@ -0,0 +1,534 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-voice/voice</code> </h1>
+  </p>
+<p align="center">
+    <a href="https://github.com/react-native-voice/voice">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-voice/voice/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/voice)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/voice@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/voice@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {Component} from 'react';
+import {
+    StyleSheet,
+    Text,
+    View,
+    Image,
+    TouchableHighlight,
+    ScrollView,
+    Button,
+} from 'react-native';
+import Voice, {
+    SpeechRecognizedEvent,
+    SpeechResultsEvent,
+    SpeechErrorEvent,
+} from '@react-native-voice/voice';
+
+type Props = {};
+type State = {
+    recognized: string;
+    error: string;
+    end: string;
+    started: string;
+    results: string[];
+    partialResults: string[];
+    isAvailable: number;
+    isRecognizing: number;
+};
+
+class VoiceTest extends Component<Props, State> {
+    state = {
+        recognized: '',
+        error: '',
+        end: '',
+        started: '',
+        results: [],
+        partialResults: [],
+        isAvailable: 0,
+        isRecognizing: 0,
+    };
+
+    constructor(props: Props) {
+        super(props);
+        Voice.onSpeechStart = this.onSpeechStart;
+        Voice.onSpeechRecognized = this.onSpeechRecognized;
+        Voice.onSpeechEnd = this.onSpeechEnd;
+        Voice.onSpeechError = this.onSpeechError;
+        Voice.onSpeechResults = this.onSpeechResults;
+        Voice.onSpeechPartialResults = this.onSpeechPartialResults;
+    }
+
+    componentWillUnmount() {
+        Voice.destroy().then(Voice.removeAllListeners);
+    }
+
+    onSpeechStart = (e: any) => {
+        console.log('onSpeechStart: ', e);
+        this.setState({
+            started: '√',
+        });
+    };
+
+    onSpeechRecognized = (e: SpeechRecognizedEvent) => {
+        console.log('onSpeechRecognized: ', e);
+        this.setState({
+            recognized: '√',
+        });
+    };
+
+    onSpeechEnd = (e: any) => {
+        console.log('onSpeechEnd: ', e);
+        this.setState({
+            end: '√',
+        });
+    };
+
+    onSpeechError = (e: SpeechErrorEvent) => {
+        console.log('onSpeechError: ', e);
+        this.setState({
+            error: JSON.stringify(e.error),
+        });
+    };
+
+    onSpeechResults = (e: SpeechResultsEvent) => {
+        console.log('onSpeechResults: ', e);
+        this.setState({
+            results: e.value,
+        });
+    };
+
+    onSpeechPartialResults = (e: SpeechResultsEvent) => {
+        console.log('onSpeechPartialResults: ', e);
+        this.setState({
+            partialResults: e.value,
+        });
+    };
+
+    _startRecognizing = async () => {
+        this.setState({
+            recognized: '',
+            error: '',
+            started: '',
+            results: [],
+            partialResults: [],
+            end: '',
+        });
+
+        try {
+            await Voice.start('en-US');
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    _stopRecognizing = async () => {
+        try {
+            await Voice.stop();
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    _cancelRecognizing = async () => {
+        try {
+            await Voice.cancel();
+            Voice.start;
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    _destroyRecognizer = async () => {
+        try {
+            await Voice.destroy();
+        } catch (e) {
+            console.error(e);
+        }
+        this.setState({
+            recognized: '',
+            error: '',
+            started: '',
+            results: [],
+            partialResults: [],
+            end: '',
+        });
+    };
+
+    _isAvailable = async () => {
+        try {
+            Voice.isAvailable().then((available: 0 | 1) => {
+                this.setState({
+                    isAvailable: available ? 1 : 0,
+                });
+            });
+        } catch (e) {
+            console.error(e);
+            this.setState({
+                isAvailable: 0,
+            });
+        }
+    };
+
+    _isRecognizing = async () => {
+        try {
+            Voice.isRecognizing().then((isRecognizing: 0 | 1) => {
+                this.setState({
+                    isRecognizing: isRecognizing ? 1 : 0,
+                });
+            });
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    render() {
+        return (
+            <ScrollView>
+                <View style={{height: 20, marginBottom: 20, backgroundColor: '#fff'}}>
+                    <Text style={styles.stat}>{`${this.state.started}`}</Text>
+                </View>
+
+                <View style={{height: 20, marginBottom: 20, backgroundColor: '#fff'}}>
+                    <Text style={styles.stat}>{`${this.state.recognized}`}</Text>
+                </View>
+
+                <View style={{height: 30, marginBottom: 20, backgroundColor: '#fff'}}>
+                    <Text style={styles.stat}>{`${this.state.error}`}</Text>
+                </View>
+
+                <View
+                    style={{minHeight: 30, marginBottom: 20, backgroundColor: '#fff'}}>
+                    {this.state.results.map((result, index) => {
+                        return (
+                            <Text key={`result-${index}`} style={styles.stat}>
+                                {result}
+                            </Text>
+                        );
+                    })}
+                </View>
+
+                <View
+                    style={{minHeight: 50, marginBottom: 20, backgroundColor: '#fff'}}>
+                    {this.state.partialResults.map((result, index) => {
+                        return (
+                            <Text key={`partial-result-${index}`} style={styles.stat}>
+                                {result}
+                            </Text>
+                        );
+                    })}
+                </View>
+
+                <View style={{height: 30, marginBottom: 20, backgroundColor: '#fff'}}>
+                    <Text style={styles.stat}>{` ${this.state.end}`}</Text>
+                </View>
+
+                <View style={styles.baseArea}>
+                    <Text style={{flex: 1}}>{`${this.state.isAvailable}`}</Text>
+                    <Button
+                        title="isAvailable"
+                        color="#841584"
+                        onPress={this._isAvailable}></Button>
+                </View>
+
+                <View style={styles.baseArea}>
+                    <Text style={{flex: 1}}>{`${this.state.isRecognizing}`}</Text>
+                    <Button
+                        title="isRecognizing"
+                        color="#841584"
+                        onPress={this._isRecognizing}></Button>
+                </View>
+
+                <View style={{marginBottom: 10}}>
+                    <Button
+                        title="start"
+                        color="#841584"
+                        onPress={this._startRecognizing}
+                    />
+                </View>
+                <View style={{marginBottom: 10}}>
+                    <Button
+                        title="stop"
+                        color="#841584"
+                        onPress={this._stopRecognizing}
+                    />
+                </View>
+
+                <View style={{padding: 5}}>
+                    <Button
+                        title="cancel"
+                        color="#841584"
+                        onPress={() => {
+                            this._cancelRecognizing();
+                        }}></Button>
+                </View>
+
+                <View style={{padding: 5}}>
+                    <Button
+                        title="destroy"
+                        color="#841584"
+                        onPress={() => {
+                            this._destroyRecognizer();
+                        }}></Button>
+                </View>
+            </ScrollView>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+    button: {
+        width: 50,
+        height: 50,
+    },
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#F5FCFF',
+    },
+    welcome: {
+        fontSize: 20,
+        textAlign: 'center',
+        margin: 10,
+    },
+    action: {
+        textAlign: 'center',
+        color: '#0000FF',
+        marginVertical: 5,
+        fontWeight: 'bold',
+    },
+    instructions: {
+        textAlign: 'center',
+        color: '#333333',
+        marginBottom: 5,
+    },
+    stat: {
+        textAlign: 'center',
+        color: '#B0171F',
+        marginBottom: 1,
+    },
+    baseArea: {
+        width: '100%',
+        height: 30,
+        borderRadius: 4,
+        borderColor: '#000000',
+        marginTop: 6,
+        backgroundColor: '#FFFFFF',
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingLeft: 8,
+        paddingRight: 8,
+        marginBottom: 20,
+    },
+});
+
+export default VoiceTest;
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/voice": "file:../../node_modules/@react-native-oh-tpl/voice/harmony/voice.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNVoicePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++  import { RNVoicePackage } from '@react-native-oh-tpl/voice/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNVoicePackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)
+
+### 权限要求
+由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在根目录下module.json5、string.json文件
+
+打开 `module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
+...
++      {
++        "name": "ohos.permission.MICROPHONE",
++        "reason": "$string:reason",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "inuse"
++        }
++      }
+    ]
+```
+打开 `string.json`，添加权限申请原因：
+
+```diff
+...
+{
+  "string": [
+...
++    {
++      "name": "reason",
++      "value": "Used for recording recognition"
++    },
+...
+  ]
+}
+```
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> 详情见 [react-native-voice/voice](https://github.com/react-native-voice/voice)
+
+| Name                        | Description                                                                       | Type              | Required | Platform | HarmonyOS Support |
+|-----------------------------|-----------------------------------------------------------------------------------|-------------------|----------|----------|-------------------|
+| Voice.isAvailable()| Checks whether a speech recognition service is available on the system. | Promise<0 \| 1>   | no      | Android, iOS  | yes               |
+| Voice.start(locale) | Starts listening for speech for a specific locale. Returns null if no error occurs. | Promise<unknown>  | no       | Android, iOS | yes               |
+| Voice.stop() | Stops listening for speech. Returns null if no error occurs.   | Promise<unknown>  | no      | Android, iOS | yes               |
+| Voice.cancel() | Cancels the speech recognition. Returns null if no error occurs.    | Promise<unknown>  | no       | Android, iOS     | yes               |
+| Voice.destroy() | Destroys the current SpeechRecognizer instance. Returns null if no error occurs. | Promise<unknown>  | no      | Android, iOS | yes               |
+| Voice.removeAllListeners() | Cleans/nullifies overridden Voice static methods.   | void              | no       | Android, iOS  | yes               |
+| Voice.isRecognizing() | Return if the SpeechRecognizer is recognizing.  | Promise<0 \| 1>   | no      | Android, iOS  | yes               |
+| Voice.getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | Promise<string[]> | no   | Android  | no  |
+
+## 事件回调
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                                                                       | Type     | Required | Platform                                       | HarmonyOS Support |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------- | :------- |--------| ---------------------------------------------- |-----------------|
+| `Voice.onSpeechStart(event)` | Invoked when .start() is called without error. | function | no | Android, iOS   | yes |
+| `Voice.onSpeechRecognized(event)` | Invoked when speech is recognized.  | function | no | Android, iOS   | yes |
+| `Voice.onSpeechEnd(event)` | Invoked when SpeechRecognizer stops recognition. | function | no | Android, iOS | yes |
+| `Voice.onSpeechError(event)` | Invoked when an error occurs. | function | no | Android, iOS   | yes |
+| `Voice.onSpeechResults(event)`  | Invoked when SpeechRecognizer is finished recognizing.  | function | no | Android, iOS   | yes |
+| `Voice.onSpeechPartialResults(event)`  | Invoked when any results are computed.  | function | no  | Android, iOS     | yes |
+| `Voice.onSpeechVolumeChanged(event)` | Invoked when pitch that is recognized changed.   | function | no | Android | no  |
+
+## 遗留问题
+
+- [ ] 原库支持在线和离线模式，HarmonyOS侧暂只支持离线 问题: [issue#2](https://github.com/react-native-oh-library/voice/issues/2)
+- [ ] 原库支持多种区域和语言，HarmonyOS侧暂只支持中文 问题: [issue#3](https://github.com/react-native-oh-library/voice/issues/3)
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-voice/voice/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 24773991cde5b2aa0772892e9d25eb3bf8183983 Mon Sep 17 00:00:00 2001
From: xiaohaoyu <xiaohaoyu1@h-partners.com>
Date: Thu, 8 Aug 2024 09:33:50 +0000
Subject: [PATCH 361/966] =?UTF-8?q?!1305=20docs:=20[#IAIOCU]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-dropdown-picker=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAIOCU]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-dropdown-picker=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-dropdown-picker.md | 175 +++++++++++++++++++-------
 1 file changed, 128 insertions(+), 47 deletions(-)

diff --git a/zh-cn/react-native-dropdown-picker.md b/zh-cn/react-native-dropdown-picker.md
index 9684af06..31685275 100644
--- a/zh-cn/react-native-dropdown-picker.md
+++ b/zh-cn/react-native-dropdown-picker.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 模板版本：v0.2.2
 
 <p align="center">
@@ -98,49 +96,134 @@ export default function App() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Props                  | Description               | Type                             | Required | Platform | HarmonyOS Support |
-| ---------------------- | ------------------------- | -------------------------------- | -------- | -------- | ----------------- |
-| items                  | items                     | Array                            | yes      | all      | yes               |
-| open                   | open                      | Boolean                          | yes      | all      | yes               |
-| placeholder            | placeholder               | string                           | no       | all      | yes               |
-| closeAfterSelecting    | close After Selecting     | boolean                          | no       | all      | yes               |
-| disabled               | disabled                  | Boolean                          | no       | all      | yes               |
-| disabledStyle          | disabled Style            | Object                           | no       | all      | yes               |
-| placeholderStyle       | placeholder style         | Object                           | no       | all      | yes               |
-| listMode               | listMode                  | Object                           | no       | all      | yes               |
-| searchable             | searchable                | boolean                          | no       | all      | yes               |
-| searchPlaceholder      | search Placeholder        | string                           | no       | all      | yes               |
-| language               | language                  | string                           | no       | all      | yes               |
-| mode                   | Mode Type                 | 'DEFAULT' or 'SIMPLE' or 'BADGE' | no       | all      | yes               |
-| maxHeight              | max Height                | number                           | no       | all      | yes               |
-| renderBadgeItem        | render Badge Item         | JSX.Element                      | no       | all      | yes               |
-| renderListItem         | render List Item          | JSX.Element                      | no       | all      | yes               |
-| bottomOffset           | bottom Offset             | number                           | no       | all      | yes               |
-| showArrowIcon          | show Arrow Icon           | boolean                          | no       | all      | yes               |
-| autoScroll             | auto Scroll               | boolean                          | no       | all      | yes               |
-| ArrowUpIconComponent   | Arrow Up Icon Component   | JSX.Element                      | no       | all      | yes               |
-| ArrowDownIconComponent | Arrow Down Icon Component | JSX.Element                      | no       | all      | yes               |
-| CloseIconComponent     | Close Icon Component      | JSX.Element                      | no       | all      | yes               |
-| TickIconComponent      | Tick Icon Component       | JSX.Element                      | no       | all      | yes               |
-| ListEmptyComponent     | List Empty Component      | JSX.Element                      | no       | all      | yes               |
-| modalTitle             | modal Title               | string                           | no       | all      | yes               |
-| modalTitleStyle        | modal Title Style         | object                           | no       | all      | yes               |
-| loading                | loading                   | boolean                          | no       | all      | yes               |
-| min                    | min                       | number                           | no       | all      | yes               |
-| max                    | max                       | number                           | no       | all      | yes               |
-| setOpen                | set Open                  | Dispatch                         | yes      | all      | yes               |
-| setItems               | set Items                 | Dispatch                         | no       | all      | yes               |
-| disableBorderRadius    | disable Border Radius     | object                           | no       | all      | yes               |
-| onPress                | onPress                   | Dispatch                         | no       | all      | yes               |
-| onOpen                 | onOpen                    | Dispatch                         | no       | all      | yes               |
-| onClose                | onClose                   | Dispatch                         | no       | all      | yes               |
-| zIndex                 | zIndex                    | number                           | no       | all      | yes               |
-| theme                  | theme                     | string                           | no       | all      | yes               |
-
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                                                                                                      | Type                                                               | Required | Platform | HarmonyOS Support |
+|----------------------------|------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------|
+| items                      | State variable that holds the items.                                                                             | array                                                              | yes      | All      | yes               |
+| value                      | State variable that specifies the value of the selected item. It's an array of values for multiple item pickers. | string\|string[]                                                   | yes      | All      | yes               |
+| open                       | State variable that specifies whether the picker is open.                                                        | boolean                                                            | yes      | All      | yes               |
+| props                      | Adds native props for the container TouchableOpacity.                                                            | object                                                             | no       | All      | yes               |
+| itemProps                  | Adds native props for the TouchableOpacity of each item.                                                         | object                                                             | no       | All      | yes               |
+| containerProps             | Adds native props for the container.                                                                             | object                                                             | no       | All      | yes               |
+| labelProps                 | Adds native props for the Text element of the selected item.                                                     | object                                                             | no       | All      | yes               |
+| multiple                   | You can select multiple items                                                                                    | boolean                                                            | no       | All      | yes               |
+| min                        | Specifies the minimum number of items.                                                                           | number                                                             | no       | All      | yes               |
+| max                        | Specifies the maximum number of items.                                                                           | number                                                             | no       | All      | yes               |
+| disabled                   | Disables the picker.                                                                                             | boolean                                                            | no       | All      | yes               |
+| maxHeight                  | Max height of the drop-down box.                                                                                 | number                                                             | no       | All      | yes               |
+| disableBorderRadius        | Disables changing the border radius when opening.                                                                | boolean                                                            | no       | All      | yes               |
+| stickyHeader               | Makes categories stick to the top of the screen until the next one pushes it off.                                | boolean                                                            | no       | All      | yes               |
+| autoScroll                 | Automatically scrolls to the first selected item.                                                                | boolean                                                            | no       | All      | yes               |
+| testID                     | Used to locate the picker in end-to-end tests.                                                                   | string                                                             | no       | All      | yes               |
+| zIndex                     | Specifies the stack order.                                                                                       | number                                                             | no       | All      | yes               |
+| zIndexInverse              | Specifies the inverse stack order.                                                                               | number                                                             | no       | All      | yes               |
+| setOpen                    | State callback that is called when the user presses the picker.                                                  | (open: boolean) => void                                            | yes      | All      | yes               |
+| setItems                   | State callback that is called to modify or add new items.                                                        | (callback: SetStateAction[]) => void                               | no       | All      | yes               |
+| setValue                   | State callback that is called when the value changes.                                                            | (callback: SetStateAction) => void                                 | yes      | All      | yes               |
+| onChangeValue              | Callback that returns the current value.                                                                         | (value: ValueType) => void \| (value: ValueType[]) => void \| null | no       | All      | yes               |
+| onSelectItem               | Callback that returns the selected item / items.                                                                 | (item: ItemType) => void \| (items: ItemType[]) => void \| null    | no       | All      | yes               |
+| onPress                    | Callback that is called as soon as the user presses the picker.                                                  | (open: boolean) => void                                            | no       | All      | yes               |
+| onOpen                     | Callback that is called when the user opens the picker.                                                          | () => void                                                         | no       | All      | yes               |
+| onClose                    | Callback that is called when the user closes the picker.                                                         | () => void                                                         | no       | All      | yes               |
+| style                      | Set style                                                                                                        | object                                                             | no       | All      | yes               |
+| containerStyle             | Set containerStyle                                                                                               | object                                                             | no       | All      | yes               |
+| disabledStyle              | Set disabledStyle                                                                                                | object                                                             | no       | All      | yes               |
+| textStyle                  | Set textStyle                                                                                                    | object                                                             | no       | All      | yes               |
+| labelStyle                 | Set labelStyle                                                                                                   | object                                                             | no       | All      | yes               |
+| placeholder                | Placeholder text.                                                                                                | string                                                             | no       | All      | yes               |
+| placeholderStyle           | placeholderStyle                                                                                                 | object                                                             | no       | All      | yes               |
+| showArrowIcon              | Specifies if the arrow icons should be visible.                                                                  | boolean                                                            | no       | All      | yes               |
+| showTickIcon               | Specifies if the tick icon should be visible.                                                                    | boolean                                                            | no       | All      | yes               |
+| hideSelectedItemIcon       | Hides the icon of the selected item.                                                                             | boolean                                                            | no       | All      | yes               |
+| ArrowUpIconComponent       | Changes the arrow-up icon.                                                                                       | function                                                           | no       | All      | yes               |
+| ArrowDownIconComponent     | Changes the arrow-down icon.                                                                                     | function                                                           | no       | All      | yes               |
+| TickIconComponent          | Changes the tick icon.                                                                                           | function                                                           | no       | All      | yes               |
+| CloseIconComponent         | Changes the close icon.                                                                                          | function                                                           | no       | All      | yes               |
+| arrowIconStyle             | Set arrowIconStyle                                                                                               | object                                                             | no       | All      | yes               |
+| tickIconStyle              | Set tickIconStyle                                                                                                | object                                                             | no       | All      | yes               |
+| closeIconStyle             | Set closeIconStyle                                                                                               | object                                                             | no       | All      | yes               |
+| iconContainerStyle         | Set iconContainerStyle                                                                                           | object                                                             | no       | All      | yes               |
+| arrowIconContainerStyle    | Set arrowIconContainerStyle                                                                                      | object                                                             | no       | All      | yes               |
+| tickIconContainerStyle     | Set tickIconContainerStyle                                                                                       | object                                                             | no       | All      | yes               |
+| closeIconContainerStyle    | Set closeIconContainerStyle                                                                                      | object                                                             | no       | All      | yes               |
+| loading                    | Displays an ActivityIndicator when the items aren't loaded yet.                                                  | boolean                                                            | no       | All      | yes               |
+| ActivityIndicatorComponent | Customizes the ActivityIndicator.                                                                                | function                                                           | no       | All      | yes               |
+| activityIndicatorColor     | Changes the default color of the ActivityIndicator.                                                              | string                                                             | no       | All      | yes               |
+| activityIndicatorSize      | Changes the default size of the ActivityIndicator.                                                               | number                                                             | no       | All      | yes               |
+| searchable                 | Enables the search feature in the drop-down menu / modal.                                                        | boolean                                                            | no       | All      | yes               |
+| searchTextInputProps       | Adds native props for the text input.                                                                            | object                                                             | no       | All      | yes               |
+| searchWithRegionalAccents  | Allows searching without typing local accents.                                                                   | boolean                                                            | no       | All      | yes               |
+| disableLocalSearch         | Disables search between local items. This comes in handy for remote search.                                      | boolean                                                            | no       | All      | yes               |
+| addCustomItem              | Shows the searched text as an item when there's nothing to show.                                                 | boolean                                                            | no       | All      | yes               |
+| searchPlaceholder          | Changes the placeholder text of the text input. Both of the following properties are available.                  | string                                                             | no       | All      | yes               |
+| onChangeSearchText         | Callback that is called when the text changes in the text input.                                                 | function                                                           | no       | All      | yes               |
+| searchContainerStyle       | Set searchContainerStyle                                                                                         | object                                                             | no       | All      | yes               |
+| searchTextInputStyle       | Set searchTextInputStyle                                                                                         | object                                                             | no       | All      | yes               |
+| searchPlaceholderTextColor | Set searchPlaceholderTextColor                                                                                   | string                                                             | no       | All      | yes               |
+| customItemContainerStyle   | Set customItemContainerStyle                                                                                     | object                                                             | no       | All      | yes               |
+| customItemLabelStyle       | Set customItemLabelStyle                                                                                         | object                                                             | no       | All      | yes               |
+| categorySelectable         | Specifies if the categories can be selected.                                                                     | boolean                                                            | no       | All      | yes               |
+| listParentContainerStyle   | Set listParentContainerStyle                                                                                     | object                                                             | no       | All      | yes               |
+| listParentLabelStyle       | Set listParentLabelStyle                                                                                         | object                                                             | no       | All      | yes               |
+| listChildContainerStyle    | Set listChildContainerStyle                                                                                      | object                                                             | no       | All      | yes               |
+| listChildLabelStyle        | Set listChildLabelStyle                                                                                          | object                                                             | no       | All      | yes               |
+| mode                       | Modes display selected items.                                                                                    | 'DEFAULT'\|'SIMPLE'\|'BADGE'                                       | no       | All      | yes               |
+| showBadgeDot               | Shows dots in the badges.                                                                                        | boolean                                                            | no       | All      | yes               |
+| badgeProps                 | Adds native props for the badge container TouchableOpacity.                                                      | object                                                             | no       | All      | yes               |
+| extendableBadgeContainer   | Allows the badges to expand in multiple rows.                                                                    | boolean                                                            | no       | All      | yes               |
+| renderBadgeItem            | Renders the selected items.                                                                                      | function                                                           | no       | All      | yes               |
+| badgeStyle                 | Set badgeStyle                                                                                                   | object                                                             | no       | All      | yes               |
+| badgeTextStyle             | Set badgeTextStyle                                                                                               | object                                                             | no       | All      | yes               |
+| badgeDotStyle              | Set badgeDotStyle                                                                                                | object                                                             | no       | All      | yes               |
+| badgeSeparatorStyle        | Set badgeSeparatorStyle                                                                                          | object                                                             | no       | All      | yes               |
+| badgeColors                | Gives background colors to badges based on the value.                                                            | object, string                                                     | no       | All      | yes               |
+| badgeDotColors             | Gives background colors to badge dots based on the value.                                                        | object, string                                                     | no       | All      | yes               |
+| dropDownDirection          | Specifies which direction the drop-down menu should open.                                                        | 'DEFAULT'\|'TOP'\|'BOTTOM'\|'AUTO'                                 | no       | All      | yes               |
+| bottomOffset               | Specifies the maximum bottom offset. To use this prop you need dropDownDirection="AUTO".                         | number                                                             | no       | All      | yes               |
+| onDirectionChanged         | Callback that is called when the direction changes.                                                              | function                                                           | no       | All      | yes               |
+| dropDownContainerStyle     | Set dropDownContainerStyle                                                                                       | object                                                             | no       | All      | yes               |
+| itemKey                    | Specifies which item key should be used as a key.                                                                | string                                                             | no       | All      | yes               |
+| closeAfterSelecting        | Closes the picker after selecting an item.                                                                       | boolean                                                            | no       | All      | yes               |
+| closeOnBackPressed         | Closes the picker after pressing the back button.                                                                | boolean                                                            | no       | All      | yes               |
+| itemSeparator              | Specifies if the item separater should be visible.                                                               | boolean                                                            | no       | All      | yes               |
+| renderListItem             | Customizes the renderListItem.                                                                                   | function                                                           | no       | All      | yes               |
+| ListEmptyComponent         | Changes the default ListEmptyComponent.                                                                          | function                                                           | no       | All      | yes               |
+| listItemContainerStyle     | Set listItemContainerStyle                                                                                       | object                                                             | no       | All      | yes               |
+| listItemLabelStyle         | Set listItemLabelStyle                                                                                           | object                                                             | no       | All      | yes               |
+| selectedItemContainerStyle | Set selectedItemContainerStyle                                                                                   | object                                                             | no       | All      | yes               |
+| selectedItemLabelStyle     | Set selectedItemLabelStyle                                                                                       | object                                                             | no       | All      | yes               |
+| disabledItemContainerStyle | Set disabledItemContainerStyle                                                                                   | object                                                             | no       | All      | yes               |
+| disabledItemLabelStyle     | Set disabledItemLabelStyle                                                                                       | object                                                             | no       | All      | yes               |
+| listMessageContainerStyle  | Set listMessageContainerStyle                                                                                    | object                                                             | no       | All      | yes               |
+| listMessageTextStyle       | Set listMessageTextStyle                                                                                         | object                                                             | no       | All      | yes               |
+| itemSeparatorStyle         | Set itemSeparatorStyle                                                                                           | object                                                             | no       | All      | yes               |
+| listMode                   | You have 3 options when choosing the list mode.                                                                  | 'DEFAULT'\|'FLATLIST'\|'SCROLLVIEW'\|'MODAL'                       | no       | All      | yes               |
+| flatListProps              | Adds native props for the FlatList.                                                                              | object                                                             | no       | All      | yes               |
+| scrollViewProps            | Adds native props for the ScrollView.                                                                            | object                                                             | no       | All      | yes               |
+| modalProps                 | Adds native props for the Modal.                                                                                 | object                                                             | no       | All      | yes               |
+| modalTitle                 | Sets modal title.listMode="MODAL" and searchable={false} are required.                                           | string                                                             | no       | All      | yes               |
+| modalAnimationType         | This prop controls how the modal animates.                                                                       | 'slide'\|'fade'\|'none'                                            | no       | All      | yes               |
+| modalContentContainerStyle | Set modalContentContainerStyle                                                                                   | object                                                             | no       | All      | yes               |
+| modalTitleStyle            | Set modalTitleStyle                                                                                              | object                                                             | no       | All      | yes               |
+| rtl                        | Makes the component right to left.                                                                               | boolean                                                            | no       | All      | yes               |
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                           | Type     | Required | Platform | HarmonyOS Support |
+|-------------------|-------------------------------------------------------|----------|----------|----------|-------------------|
+| setLanguage       | You can also change the default language globally.    | function | no       | All      | yes               |
+| addTranslation    | You are able to add a new translation to the package. | function | no       | All      | yes               |
+| modifyTranslation | Modify an existing translation                        | function | no       | All      | yes               |
+| addTheme          | Add a theme                                           | function | no       | All      | yes               |
+| setTheme          | Change the default theme​                             | function | no       | All      | yes               |
 ## 遗留问题
 
 ## 其他
@@ -148,5 +231,3 @@ export default function App() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/hossein-zare/react-native-dropdown-picker/blob/5.x/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->

From 334d2587ee62229b54f73a34ec71acdaa452406a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=B8=E5=85=88=E7=94=9F?= <qinyiscl@foxmail.com>
Date: Thu, 8 Aug 2024 09:36:03 +0000
Subject: [PATCH 362/966] =?UTF-8?q?!1301=20docs:=20[Issue:=20#IAIG20]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-multiple-select=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#I?=
 =?UTF-8?q?AIG20]=E4=BF=AE=E6=94=B9react-native-multiple-select=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-multiple-select.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-multiple-select.md b/zh-cn/react-native-multiple-select.md
index f8a0d68b..8bca878d 100644
--- a/zh-cn/react-native-multiple-select.md
+++ b/zh-cn/react-native-multiple-select.md
@@ -132,7 +132,7 @@ export {MultiSelectExample}
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.26; SDK：HarmonyOS-NEXT-Developer-Beta1 5.0.0.22；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
 ## 属性
 
@@ -161,6 +161,7 @@ export {MultiSelectExample}
 | `noItemsText`  |  Text that replace default "no items to display"| String  |  no     | All   | yes      |
 | `onAddItem`  | JavaScript function passed in as an argument. The function is called everytime a new item is added, and receives the entire list of items. Here you should ensure that the new items are added to your provided list of items in addition to any other consequences of new items being added| function  |  no     | All   | yes      |
 | `onChangeInput`  | JavaScript function passed in as an argument. The function is called everytime TextInput is changed with the value| function  |  no     | All   | yes      |
+| `onClearSelector`  | JavaScript function passeed in as an argument. The function is called everytime back button is pressed| function  |  no     | All   | yes      |
 | `onSelectedItemsChange`  | JavaScript function passed in as an argument. The function is to be defined with an argument (selectedItems). Triggered when Submit button is clicked (for multi select) or item is clicked (for single select). (Check sample above)| function  |  yes     | All   | yes      |
 | `onToggleList`  | JavaScript function passed in as an argument. The function is called everytime the multiselect component is pressed| function  |  no     | All   | yes      |
 | `searchInputPlaceholderText`  | Placeholder text displayed in multi-select filter input| String  |  no     | All   | yes      |

From ea65e13c6a41df76b821ca8f6ec8b9199fc14106 Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Thu, 8 Aug 2024 11:37:58 +0000
Subject: [PATCH 363/966] =?UTF-8?q?!1309=20docs:=20=E4=BF=AE=E6=94=B9READM?=
 =?UTF-8?q?E.md=E7=9A=84RNOH=20=E4=B8=89=E6=96=B9=E5=BA=93=E6=80=BB?=
 =?UTF-8?q?=E8=A7=88=E8=A1=A8=20*=20docs:=20=E4=BF=AE=E6=94=B9README.md?=
 =?UTF-8?q?=E7=9A=84RNOH=20=E4=B8=89=E6=96=B9=E5=BA=93=E6=80=BB=E8=A7=88?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 34 +++++++++++++++++-----------------
 zh-cn/README.md | 34 +++++++++++++++++-----------------
 2 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/README.md b/README.md
index 43c87697..83cc8f87 100644
--- a/README.md
+++ b/README.md
@@ -88,7 +88,7 @@
 | 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
-| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 否         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
 | 64  | [react-native-image-editor](https://github.com/callstack/react-native-image-editor) | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
 | 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
 | 66  | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
@@ -177,27 +177,27 @@
 | 149 | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
 | 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
 | 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
-| 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
-| 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
+| 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | -         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
+| 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | -         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
 | 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
-| 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
+| 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | -         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
 | 156 | [react-native-code-push](https://github.com/microsoft/react-native-code-push) | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
 | 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
-| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 是                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
-| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 是                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
+| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 否                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
+| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 否                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
 | 160  | [react-native-bindingx](https://github.com/alibaba/bindingx) | 1.0.3         | 否                | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases) | [链接](/zh-cn/react-native-bindingx.md)                     |
-| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview) | 2.0.3         | 是                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases) | [链接](/zh-cn/react-native-cardview.md)                     |
-| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist) | 3.1.0         | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases) | [链接](/zh-cn/react-native-largelist.md)                     |
-| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master) | 2.0.22         | 是                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases) | [链接](/zh-cn/react-native-spring-scrollview.md)                     |
+| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview) | 2.0.3         | 否                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases) | [链接](/zh-cn/react-native-cardview.md)                     |
+| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist) | 3.1.0-rc.2         | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases) | [链接](/zh-cn/react-native-largelist.md)                     |
+| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master) | 2.0.22         | 否                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases) | [链接](/zh-cn/react-native-spring-scrollview.md)                     |
 | 164  | [react-native-color-matrix-image-filters](https://github.com/iyegoroff/react-native-color-matrix-image-filters) | 6.0.5         | 是                 | [@react-native-oh-tpl/react-native-color-matrix-image-filters](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) | [链接](/zh-cn/react-native-color-matrix-image-filters.md)                     |
-| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master) | 1.0.7         | 是                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases) | [链接](/zh-cn/remobile-react-native-toast.md)                     |
-| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker) | 0.5.3         | 是                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases) | [链接](/zh-cn/react-native-syan-image-picker.md)                     |
-| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation) | 1.2.3         | 是                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases) | [链接](/zh-cn/react-native-amap-geolocation.md)                     |
-| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen) | 3.3.0         | 是                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | [链接](/zh-cn/react-native-splash-screen.md)                     |
-| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map) | 1.0.37         | 是                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases) | [链接](/zh-cn/react-native-baidu-map.md)                     |
-| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 是                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
-| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 是                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
-| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 是                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
+| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master) | 1.0.7         | 否                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases) | [链接](/zh-cn/remobile-react-native-toast.md)                     |
+| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker) | 0.5.3         | 否                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases) | [链接](/zh-cn/react-native-syan-image-picker.md)                     |
+| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation) | 1.2.3         | 否                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases) | [链接](/zh-cn/react-native-amap-geolocation.md)                     |
+| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen) | 3.3.0         | 否                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | [链接](/zh-cn/react-native-splash-screen.md)                     |
+| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map) | 1.0.37         | 否                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases) | [链接](/zh-cn/react-native-baidu-map.md)                     |
+| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 否                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
+| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
+| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index ca75ec80..637c11ff 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -88,7 +88,7 @@
 | 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
-| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 是         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 否         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
 | 64  | [react-native-image-editor](https://github.com/callstack/react-native-image-editor) | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
 | 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
 | 66  | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                             | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
@@ -177,27 +177,27 @@
 | 149 | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
 | 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
 | 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
-| 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | 否         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
-| 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | 否         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
+| 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | -         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
+| 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | -         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
 | 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
-| 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | 否         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
+| 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | -         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
 | 156 | [react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push)                            | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
 | 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
-| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 是                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
-| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 是                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
+| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 否                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
+| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 否                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
 | 160  | [react-native-bindingx](https://github.com/alibaba/bindingx) | 1.0.3         | 否                | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases) | [链接](/zh-cn/react-native-bindingx.md)                     |
-| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview) | 2.0.3         | 是                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases) | [链接](/zh-cn/react-native-cardview.md)                     |
-| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist) | 3.1.0         | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases) | [链接](/zh-cn/react-native-largelist.md)                     |
-| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master) | 2.0.22         | 是                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases) | [链接](/zh-cn/react-native-spring-scrollview.md)                     |
+| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview) | 2.0.3         | 否                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases) | [链接](/zh-cn/react-native-cardview.md)                     |
+| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist) | 3.1.0-rc.2         | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases) | [链接](/zh-cn/react-native-largelist.md)                     |
+| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master) | 2.0.22         | 否                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases) | [链接](/zh-cn/react-native-spring-scrollview.md)                     |
 | 164  | [react-native-color-matrix-image-filters](https://github.com/iyegoroff/react-native-color-matrix-image-filters) | 6.0.5         | 是                 | [@react-native-oh-tpl/react-native-color-matrix-image-filters](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) | [链接](/zh-cn/react-native-color-matrix-image-filters.md)                     |
-| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master) | 1.0.7         | 是                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases) | [链接](/zh-cn/remobile-react-native-toast.md)                     |
-| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker) | 0.5.3         | 是                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases) | [链接](/zh-cn/react-native-syan-image-picker.md)                     |
-| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation) | 1.2.3         | 是                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases) | [链接](/zh-cn/react-native-amap-geolocation.md)                     |
-| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen) | 3.3.0         | 是                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | [链接](/zh-cn/react-native-splash-screen.md)                     |
-| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map) | 1.0.37         | 是                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases) | [链接](/zh-cn/react-native-baidu-map.md)                     |
-| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 是                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
-| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 是                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
-| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 是                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                       |
+| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master) | 1.0.7         | 否                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases) | [链接](/zh-cn/remobile-react-native-toast.md)                     |
+| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker) | 0.5.3         | 否                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases) | [链接](/zh-cn/react-native-syan-image-picker.md)                     |
+| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation) | 1.2.3         | 否                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases) | [链接](/zh-cn/react-native-amap-geolocation.md)                     |
+| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen) | 3.3.0         | 否                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | [链接](/zh-cn/react-native-splash-screen.md)                     |
+| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map) | 1.0.37         | 否                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases) | [链接](/zh-cn/react-native-baidu-map.md)                     |
+| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 否                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
+| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
+| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From 70fad714819c29288321efdd3494d8f1c128200f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E7=94=B1=E8=90=BD=E4=BD=93?= <602263131@qq.com>
Date: Thu, 8 Aug 2024 11:51:54 +0000
Subject: [PATCH 364/966] =?UTF-8?q?!1213=20docs:=20[Issues:=20#IAADKA]=20?=
 =?UTF-8?q?=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAADKA]?=
 =?UTF-8?q?=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-viewing.md | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index 7152c103..821d2c12 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -99,7 +99,9 @@ const ImageList = ({ images, shift = 0, onPress }: Props) => (
         activeOpacity={0.8}
         onPress={() => onPress(index)}
       >
-        <Image source={{ uri: imageUrl }} style={styles1.image} />
+        {
+          typeof imageUrl === 'string' ? <Image source={{ uri: imageUrl }} key={`${index}`} style={styles1.image} /> : <Image source={ imageUrl } key={`${index}`} doubleTapToZoomEnabled={true} style={styles1.image} />
+        }
       </TouchableOpacity>
     ))}
   </ScrollView>
@@ -213,14 +215,16 @@ const styles = StyleSheet.create({
 | animationType          | Animation modal presented with: default                      | none, fade, slide                                           | All      | No       | Yes               |
 | presentationStyle      | Modal presentation style: default: fullScreen Android: Use overFullScreen to hide StatusBar | fullScreen, pageSheet, formSheet, overFullScreen            | All      | No       | Yes               |
 | backgroundColor        | Background color of the modal in HEX                         | string                                                      | All      | No       | Yes               |
-| swipeToCloseEnabled    | Close modal with swipe up or down: default                   | boolean                                                     | All      | No       | Yes               |
-| doubleTapToZoomEnabled | Zoom image by double tap on it: default                      | boolean                                                     | All      | No       | Yes               |
+| swipeToCloseEnabled    | Close modal with swipe up or down: default                   | boolean                                                     | All      | No       | No                |
+| doubleTapToZoomEnabled | Zoom image by double tap on it: default                      | boolean                                                     | All      | No       | No                |
 | HeaderComponent        | Header component, gets current imageIndex as a prop          | component, function                                         | All      | No       | Yes               |
 | FooterComponent        | Footer component, gets current imageIndex as a prop          | component, function                                         | All      | No       | Yes               |
 
 ## 遗留问题
 
-- [ ] 本库 swipeToCloseEnabled，doubleTapToZoomEnabled，animationType HarmonyOS暂不支持，上下滑动关闭、双击放大与动画效果功能 [#I9DNQU](https://gitee.com/react-native-oh-library/usage-docs/issues/I9DQPA)
+- [ ] 组件上下滑动关闭暂未实现，由于 scrollView的naticeEvent.velocity属性HarmonyOS暂不支持 [issue#6](https://github.com/react-native-oh-library/react-native-image-viewing/issues/6)
+- [ ] 组件双击放大方法暂未实现，由于doubleTapToZoomEnabled属性HarmonyOS暂不支持 [issue#7](https://github.com/react-native-oh-library/react-native-image-viewing/issues/7)
+- [ ] 组件animationType淡入淡出效果暂未实现，由于modal组件未适配 [issue#8](https://github.com/react-native-oh-library/react-native-image-viewing/issues/8)
 
 ## 其他
 

From ed91afe1d543e3580259e179a472ead2a3ece1ec Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Thu, 8 Aug 2024 11:53:27 +0000
Subject: [PATCH 365/966] =?UTF-8?q?!1307=20docs:=20[#IAIQAP]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-vector-icons=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-vector-i?=
 =?UTF-8?q?cons=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-vector-icons.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-vector-icons.md b/zh-cn/react-native-vector-icons.md
index f548e2ae..2aae5069 100644
--- a/zh-cn/react-native-vector-icons.md
+++ b/zh-cn/react-native-vector-icons.md
@@ -60,6 +60,7 @@ yarn add react-native-vector-icons@10.0.3
 - [`SimpleLineIcons`](https://simplelineicons.github.io/) crafted by Sabbir & Contributors (v2.5.5 with *189* icons)
 
 ### 本库自带字体的使用
+> [!ATTENTION] 使用字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件，否则图标不能正常显示
 
 ```js
 import FontAwesome from 'react-native-vector-icons/FontAwesome';
@@ -73,7 +74,7 @@ import FontAwesome from 'react-native-vector-icons/FontAwesome';
 ```
 
 ### 外部字体使用
-> [!ATTENTION] 使用外部字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件
+> [!ATTENTION] 使用外部字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件，否则图标不能正常显示
 使用外部字体时，不管是用户自己制作的字体文件还是从网站下载的字体文件，都需要有 *.ttf 和 *.json 文件(文件目录不固定，能引用到就可以了)
 
 #### 用户自制字体文件

From 1d3da26ee3ada6ce35ad66eedd9ac699a5c4bb20 Mon Sep 17 00:00:00 2001
From: liuyifan <1029977589@qq.com>
Date: Thu, 8 Aug 2024 12:30:13 +0000
Subject: [PATCH 366/966] =?UTF-8?q?!925=20docs:=20[Issues:#IAAAWP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-netinfo=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAAAWP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-netinfo=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-netinfo.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index 424093a9..2ae2054e 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/netinfo</code> </h1>
@@ -71,6 +71,7 @@ const App = () => {
     </View>
   );
 };
+export default App;
 ```
 
 ## Link
@@ -193,9 +194,10 @@ ohpm install
 
 ## 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases)
 
 ## 属性
 

From 19eaa48902631b9585edd2b86f431ba79991b9e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Fri, 9 Aug 2024 01:38:37 +0000
Subject: [PATCH 367/966] =?UTF-8?q?!1310=20=E6=A3=80=E6=9F=A5=E4=B8=BB?=
 =?UTF-8?q?=E8=A1=A8=E7=AC=AC=E4=B8=80=E5=88=97=E6=98=AF=E5=90=A6=E6=98=AF?=
 =?UTF-8?q?=E5=8E=9F=E5=BA=93=E5=9C=B0=E5=9D=80=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAADKA]=20=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                          | 14 +++++++-------
 zh-cn/README.md                    | 12 ++++++------
 zh-cn/react-native-popover-view.md |  4 ++--
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/README.md b/README.md
index 83cc8f87..019d8f07 100644
--- a/README.md
+++ b/README.md
@@ -27,7 +27,7 @@
 | 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
 |-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
 | 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.0        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
-| 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
+| 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll) | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
 | 3   | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是         | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
 | 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
 | 5   | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否         | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
@@ -73,7 +73,7 @@
 | 45  | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
 | 46  | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
 | 47  | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
-| 48  | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
+| 48  | [react-native-autoheight-webview](https://github.com/iou90/react-native-autoheight-webview) | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
 | 49  | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
 | 50  | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util) | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
 | 51  | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
@@ -98,7 +98,7 @@
 | 70  | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-        | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
 | 71  | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是         | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
 | 72  | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是         | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
-| 73  | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)       | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
+| 73  | [react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display) | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
 | 74  | [react-native-marquee](https://github.com/kyo504/react-native-marquee/blob/master) | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
 | 75  | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否         | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
 | 76  | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是         | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
@@ -116,12 +116,12 @@
 | 88  | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
 | 89  | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是         | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
 | 90  | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是         | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
-| 91  | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)          | 1.0.0         | \-        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 91  | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view) | 1.0.0         | \-        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
 | 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
 | 93  | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否         | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
 | 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
 | 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
-| 96  | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
 | 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-harmony-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
 | 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
 | 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
@@ -133,7 +133,7 @@
 | 105 | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是         | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
 | 106 | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否         | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
 | 107 | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是         | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
-| 108 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core)                      | 0.5.0         | 是         | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
+| 108 | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core) | 0.5.0         | 是         | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
 | 109 | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
 | 110 | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
 | 111 | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
@@ -147,7 +147,7 @@
 | 119 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
 | 120 | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
 | 121 | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
-| 122 | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                  | 7.2.1         | \-        | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
+| 122 | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors) | 7.2.1         | \-        | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
 | 123 | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-        | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
 | 124 | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
 | 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 637c11ff..bf59cc2e 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -27,7 +27,7 @@
 | 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
 |-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
 | 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.0        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
-| 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll)              | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
+| 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll) | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
 | 3   | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是         | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
 | 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
 | 5   | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否         | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
@@ -73,7 +73,7 @@
 | 45  | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
 | 46  | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
 | 47  | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
-| 48  | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview)            | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
+| 48  | [react-native-autoheight-webview](https://github.com/iou90/react-native-autoheight-webview) | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
 | 49  | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
 | 50  | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util) | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
 | 51  | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
@@ -116,12 +116,12 @@
 | 88  | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
 | 89  | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是         | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
 | 90  | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是         | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
-| 91  | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)          | 1.0.0         | \-        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 91  | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view) | 1.0.0         | \-        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
 | 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
 | 93  | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否         | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
 | 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
 | 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
-| 96  | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader)                        | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
 | 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-harmony-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
 | 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
 | 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
@@ -133,7 +133,7 @@
 | 105 | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是         | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
 | 106 | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否         | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
 | 107 | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是         | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
-| 108 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core)                      | 0.5.0         | 是         | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
+| 108 | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core) | 0.5.0         | 是         | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
 | 109 | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
 | 110 | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
 | 111 | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
@@ -147,7 +147,7 @@
 | 119 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
 | 120 | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
 | 121 | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
-| 122 | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors)                                  | 7.2.1         | \-        | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
+| 122 | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors) | 7.2.1         | \-        | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
 | 123 | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-        | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
 | 124 | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
 | 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
diff --git a/zh-cn/react-native-popover-view.md b/zh-cn/react-native-popover-view.md
index 766e080b..65f78425 100644
--- a/zh-cn/react-native-popover-view.md
+++ b/zh-cn/react-native-popover-view.md
@@ -5,10 +5,10 @@
   <h1 align="center"> <code>@react-native-oh-tpl/react-native-popover-view</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-popover-view">
+    <a href="https://github.com/SteffeyDev/react-native-popover-view">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-popover-view/blob/sig/LICENSE">
+    <a href="https://github.com/SteffeyDev/react-native-popover-view/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>

From b26c7a65470408adb488b8777e8559740b7d8ce5 Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Fri, 9 Aug 2024 01:46:43 +0000
Subject: [PATCH 368/966] =?UTF-8?q?!1246=20docs:=20[#IAGMJA]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-qrcode-svg=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAGMJA]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-qrcode-svg=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-qrcode-svg.md | 59 +++++++++++++++++---------------
 1 file changed, 32 insertions(+), 27 deletions(-)

diff --git a/zh-cn/react-native-qrcode-svg.md b/zh-cn/react-native-qrcode-svg.md
index 8f10527c..e5132e7f 100644
--- a/zh-cn/react-native-qrcode-svg.md
+++ b/zh-cn/react-native-qrcode-svg.md
@@ -1,11 +1,11 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-qrcode-svg</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-qrcode-svg">
+    <a href="https://github.com/awesomejerry/react-native-qrcode-svg">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/awesomejerry/react-native-qrcode-svg/blob/master/LICENSE">
@@ -43,24 +43,29 @@ yarn add @react-native-oh-tpl/react-native-qrcode-svg@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+
 ```js
+import {  Text, View } from "react-native";
 import QRCode from 'react-native-qrcode-svg';
 
-// Simple usage, defaults for all but the value
-render() {
-  return (
-    <QRCode
-      value="react-native-qrcode-svg"
-    />
-  );
-};
+export const SvgDemo = () => {
+    return (
+        <View style={{ flex: 1, backgroundColor: '#FFFFFF' }}>
+            <QRCode
+                size={300}
+              
+                value="http://awesome.link.qr/"
+            />
+        </View>
+    )
+}
 ```
 
 ## Link
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-svg-capi 文档的 Link 章节](/zh-cn/react-native-svg-capi.md)进行引入
 
 ## 约束与限制
 
@@ -78,22 +83,22 @@ render() {
 
 | Name                   | Description                                                                                                               | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| `size`                 | Size of rendered image in pixels                                                                                          | number   | No       | All      | yes               |
-| `value`                | String Value of the QR code                                                                                               | string   | yes      | All      | yes               |
-| `color`                | Color of the QR code                                                                                                      | string   | No       | All      | yes               |
-| `backgroundColor`      | Color of the background                                                                                                   | string   | No       | All      | yes               |
-| `enableLinearGradient` | enables or disables linear gradient                                                                                       | boolean  | No       | All      | no                |
-| `linearGradient`       | array of 2 rgb colors used to create the linear gradient                                                                  | string[] | No       | All      | no                |
-| `gradientDirection`    | the direction of the linear gradient                                                                                      | string   | No       | All      | no                |
-| `logo`                 | Image source object. Ex. {uri: 'base64string'} or {require('pathToImage')}                                                | object   | No       | All      | yes               |
-| `logoSize`             | Size of the imprinted logo. Bigger logo = less error correction in QR code                                                | number   | No       | All      | yes               |
-| `logoBackgroundColor`  | The logo gets a filled quadratic background with this color. Use 'transparent' if your logo already has its own backdrop. | string   | No       | All      | yes               |
-| `logoMargin`           | logo's distance to its wrapper                                                                                            | number   | No       | All      | yes               |
-| `logoBorderRadius`     | the border-radius of logo image (Android is not supported)                                                                | number   | No       | ios      | no                |
-| `quietZone`            | quiet zone around the qr in pixels (useful when saving image to gallery)                                                  | number   | No       | All      | no                |
-| `getRef`               | Get SVG ref for further usage                                                                                             | callback | No       | All      | 不涉及            |
-| `ecl`                  | Error correction level                                                                                                    | string   | No       | All      | yes               |
-| `onError(error)`       | Callback fired when exception happened during the code generating process                                                 | callback | No       | All      | 不涉及            |
+| `size`                 | Size of rendered image in pixels                                                                                          | number   | No       | iOS,Android      | yes               |
+| `value`                | String Value of the QR code                                                                                               | string   | yes      | iOS,Android      | yes               |
+| `color`                | Color of the QR code                                                                                                      | string   | No       | iOS,Android      | yes               |
+| `backgroundColor`      | Color of the background                                                                                                   | string   | No       | iOS,Android      | yes               |
+| `enableLinearGradient` | enables or disables linear gradient                                                                                       | boolean  | No       | iOS,Android      | yes                |
+| `linearGradient`       | array of 2 rgb colors used to create the linear gradient                                                                  | string[] | No       | iOS,Android      | yes                |
+| `gradientDirection`    | the direction of the linear gradient                                                                                      | string   | No       | iOS,Android      | yes                |
+| `logo`                 | Image source object. Ex. {uri: 'base64string'} or {require('pathToImage')}                                                | object   | No       | iOS,Android      | yes               |
+| `logoSize`             | Size of the imprinted logo. Bigger logo = less error correction in QR code                                                | number   | No       | iOS,Android      | yes               |
+| `logoBackgroundColor`  | The logo gets a filled quadratic background with this color. Use 'transparent' if your logo already has its own backdrop. | string   | No       | iOS,Android      | yes               |
+| `logoMargin`           | logo's distance to its wrapper                                                                                            | number   | No       | iOS,Android      | yes               |
+| `logoBorderRadius`     | the border-radius of logo image (Android is not supported)                                                                | number   | No       | iOS      | yes                |
+| `quietZone`            | quiet zone around the qr in pixels (useful when saving image to gallery)                                                  | number   | No       | iOS,Android      | yes                |
+| `getRef`               | Get SVG ref for further usage                                                                                             | callback | No       | iOS,Android      | yes            |
+| `ecl`                  | Error correction level                                                                                                    | string   | No       | iOS,Android      | yes               |
+| `onError(error)`       | Callback fired when exception happened during the code generating process                                                 | callback | No       | iOS,Android      | yes            |
 
 ## 遗留问题
 

From b56f4ac38700b793a647d7f75add6026299375cd Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Fri, 9 Aug 2024 07:54:34 +0000
Subject: [PATCH 369/966] =?UTF-8?q?!1314=20docs:=20[Issues:=20#IAIZ3Y]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-picker-picker(nocodegen)?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAIZ3Y]=20=E6=96=B0=E5=A2=9Ereact-native-picker-picker(nocodege?=
 =?UTF-8?q?n)=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-native-picker-picker(nocodegen).md  | 297 ++++++++++++++++++
 1 file changed, 297 insertions(+)
 create mode 100644 zh-cn/react-native-picker-picker(nocodegen).md

diff --git a/zh-cn/react-native-picker-picker(nocodegen).md b/zh-cn/react-native-picker-picker(nocodegen).md
new file mode 100644
index 00000000..0aeebe04
--- /dev/null
+++ b/zh-cn/react-native-picker-picker(nocodegen).md
@@ -0,0 +1,297 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-picker/picker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-picker/picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-picker/picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/npm/l/@react-native-picker/picker.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from "react";
+import { Picker } from "@react-native-oh-tpl/picker";
+import { View } from "react-native";
+
+export const PickerExample = ()=>{
+  const [selectedLanguage, setSelectedLanguage] = React.useState();
+
+  return (
+    <View style={{backgroundColor:"#fff",padding:40}}>
+      <Picker
+        selectedValue={selectedLanguage}
+        onValueChange={(itemValue, itemIndex) => setSelectedLanguage(itemValue)}>
+        <Picker.Item label="Java" value="java" />
+        <Picker.Item label="JavaScript" value="js" />
+      </Picker>
+    </View>
+  )
+}
+```
+
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/picker": "file:../../node_modules/@react-native-oh-tpl/picker/harmony/picker.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 PickerPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/rnoh-picker/src/main/cpp" ./picker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "PickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<PickerPackage>(ctx)
+    };
+}
+```
+
+### 在 ArkTs 侧引入 picker 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNCPicker, PICKER_TYPE } from "@react-native-oh-tpl/picker"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+    ...
++   if (ctx.componentName === PICKER_TYPE) {
++     RNCPicker({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag
++     })
++   }
+    ...
+  }
+  ...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PICKER_TYPE
+  ];
+```
+
+### 在 ArkTs 侧引入 RNCPickerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNCPickerPackage } from '@react-native-oh-tpl/picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCPickerPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+在右上角选择 entry 模块，运行即可。
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### PickerProps
+
+| 名称                      | 说明                                                                                              | 类型                                                         | 是否必填 | 平台                  | HarmonyOS 支持 |
+| ------------------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | --------------------- |--------------|
+| `onValueChange`           | Callback for when an item is selected.                                                          | function                                                     | No       | All                   | Yes          |
+| `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                        | any                                                          | No       | All                   | Yes          |
+| `style`                   | NA                                                                                              | pickerStyleType                                              | No       | All                   | Yes          |
+| `testID`                  | Used to locate this view in end-to-end tests.                                                   | string                                                       | No       | All                   | Yes          |
+| `enabled`                 | If set to false, the picker will be disabled, i.e. the user will not be able to make a selection. | bool                                                         | No       | Android, Web, Windows | No           |
+| `mode`                    | On Android, specifies how to display the selection items when the user taps on the picker       | enum('dialog', 'dropdown')                                   | No       | Android               | No           |
+| `dropdownIconColor`       | On Android, specifies color of dropdown triangle.                                               | ColorValue                                                   | No       | Android               | No           |
+| `dropdownIconRippleColor` | On Android, specifies ripple color of dropdown triangle.                                        | ColorValue                                                   | No       | Android               | No           |
+| `prompt`                  | Prompt string for this picker, used on Android in dialog mode as the title of the dialog.       | string                                                       | No       | Android               | No           |
+| `itemStyle`               | Style to apply to each of the item labels.   | [text styles](https://reactnative.dev/docs/text-style-props) | No     | iOS, Windows          | partially    |
+| `numberOfLines`           | On Android & iOS, used to truncate the text with an ellipsis after computing the text layout.   | number                                                       | No       | Android, iOS          | No           |
+| `onBlur`                  | NA                                                                                              | function                                                     | No       | Android               | No           |
+| `onFocus`                 | NA                                                                                              | function                                                     | No       | Android               | No           |
+| `selectionColor`          | Color to apply to the selection indicator.                                                      | ColorValue                                                   | No       | iOS                   | Yes          |
+| `themeVariant`            | NA                                                                                              | enum('light', 'dark')                                        | No       | iOS                   | No           |
+
+### PickerItemProps
+
+| 名称                 | 说明                                                                                                     | 类型          | 是否必填 | 平台    | HarmonyOS 支持 |
+| -------------------- | -------------------------------------------------------------------------------------------------------- | ------------- | -------- | ------- |--------------|
+| `label`              | Displayed value on the Picker Item.                                                                      | string        | Yes      | All     | Yes          |
+| `value`              | Actual value on the Picker Item.                                                                         | number,string | Yes      | All     | Yes          |
+| `color`              | Displayed color on the Picker Item.                                                                      | ColorValue    | Yes      | All     | No           |
+| `fontFamily`         | Displayed fontFamily on the Picker Item.                                                                 | string        | No       | All     | No           |
+| `style`              | Style to apply to individual item labels.                                                                | ViewStyleProp | No       | Android | No           |
+| `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android | No           |
+| `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android | No           |
+
+## 静态方法
+
+| 名称    | 说明                            | 平台    |  HarmonyOS 支持 |
+| ------- | ------------------------------- | ------- | -------- |
+| `blur`  | Programmatically closes picker. | Android | No       |
+| `focus` | Programmatically opens picker.  | Android | No       |
+
+## 遗留问题
+
+- [ ] numberOfLines 属性不支持[issue#2](https://github.com/react-native-oh-library/picker/issues/2)
+- [ ] PickerItemProps 的 color 和 fontFamily 不支持（OH 的 Picker 组件不支持单独设置 PickerItem 的样式） [issue#21](https://github.com/react-native-oh-library/picker/issues/21)
+- [ ] themeVariant 属性不支持[issue#22](https://github.com/react-native-oh-library/picker/issues/22)
+- [ ] itemStyle 不支持设置 textAlign（OH 的 Picker 不支持设置）[issue#23](https://github.com/react-native-oh-library/picker/issues/23)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/picker/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From 00bd206edfff840d67100eeb36371a95cca2d004 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Fri, 9 Aug 2024 09:01:04 +0000
Subject: [PATCH 370/966] =?UTF-8?q?!1321=20docs:=20[Issues:=20#IAJ15S]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9eact-native-picker-picker(nocodegen)=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAJ15S]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9eact-native-picker-picker(nocodegen)?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-picker-picker(nocodegen).md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-picker-picker(nocodegen).md b/zh-cn/react-native-picker-picker(nocodegen).md
index 0aeebe04..996d94b5 100644
--- a/zh-cn/react-native-picker-picker(nocodegen).md
+++ b/zh-cn/react-native-picker-picker(nocodegen).md
@@ -138,7 +138,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/rnoh-picker/src/main/cpp" ./picker)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/picker/src/main/cpp" ./picker)
 # RNOH_END: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")

From 71aebbfe9467e185e6d76b555c2438bda8b95f03 Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Fri, 9 Aug 2024 09:56:04 +0000
Subject: [PATCH 371/966] =?UTF-8?q?!1319=20docs:=20=E4=BF=AE=E6=94=B9usage?=
 =?UTF-8?q?-docs=E5=92=8Cusage-docs/zh-cn=E4=B8=8B=E7=9A=84README=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=20*=20docs:=20[Issues:=20#IAJ0L6]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9usage-docs=E5=92=8Cusage-docs/zh-cn=E4=B8=8B=E7=9A=84R?=
 =?UTF-8?q?EADME=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 68 +++++++++++++++++++++++++++++++++++++++++++++++++
 zh-cn/README.md | 68 +++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 136 insertions(+)

diff --git a/README.md b/README.md
index 019d8f07..71c72196 100644
--- a/README.md
+++ b/README.md
@@ -198,6 +198,74 @@
 | 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 否                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
 | 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
 | 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
+| 173  | [@itenl/react-native-scrollable-tabview](https://github.com/itenl/react-native-scrollable-tabview) | 1.1.7         | -                 | - | [链接](/zh-cn/react-native-scrollable-tabview.md)                     |
+| 174  | [rneui](https://github.com/react-native-elements/react-native-elements) | 4.0.0-rc.8         | -                 | - | [链接](/zh-cn/react-native-elements.md)                     |
+| 175  | [react-native-root-toast](https://github.com/magicismight/react-native-root-toast) | 3.5.1         | -                 | - | [链接](/zh-cn/react-native-root-toast.md)                     |
+| 176  | [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer) | 2.4.1         | 否                 | [@react-native-oh-tpl/react-native-background-timer](https://github.com/react-native-oh-library/react-native-background-timer/releases) | [链接](/zh-cn/react-native-background-timer.md)                     |
+| 177  | [react-native-htmlview](https://github.com/jsdf/react-native-htmlview) | 0.17.0         | -                 |  -  | [链接](/zh-cn/react-native-htmlview.md)                     |
+| 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) | 1.5.1         | -                 |  -  | [链接](/zh-cn/react-native-spinkit.md)                     |
+| 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element) | 3.1.2         | -                 |  -  | [链接](/zh-cn/react-navigation-shared-element.md)                     |
+| 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector) | 2.1.4         | -                 |  -  | [链接](/zh-cn/react-native-switch-selector.md)                     |
+| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  -  | [链接](/zh-cn/callstack-react-theme-provider.md)                     |
+| 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge) | 0.6.1        | 是                 |  [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)  | [链接](/zh-cn/react-native-http-bridge.md)                     |
+| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)  | [链接](/zh-cn/react-native-qr-decode-image-camera.md)                     |
+| 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) | 4.4.1       | 否                 |  [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)  | [链接](/zh-cn/react-native-touch-id.md)                     |
+| 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable) | 1.4.0       | -                 |  -  | [链接](/zh-cn/react-native-animatable.md)                     |
+| 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal) | 13.0.1       | -                 |  [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)  | [链接](/zh-cn/react-native-modal.md)                     |
+| 187  | [react-native-collapsible](https://github.com/oblador/react-native-collapsible) | 1.6.1       | -                 |  -  | [链接](/zh-cn/react-native-collapsible.md)                     |
+| 188  | [react-native-contacts](https://github.com/rt2zz/react-native-contacts) | 7.0.7       | 否                 |  -  | [链接](/zh-cn/react-native-contacts.md)                     |
+| 189  | [react-native-restart](https://github.com/avishayil/react-native-restart) | 0.0.27       | 是                 |  [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)  | [链接](/zh-cn/react-native-restart.md)                     |
+| 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting) | 1.7.6       | 否                 |  [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)  | [链接](/zh-cn/react-native-system-setting.md)                     |
+| 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake) | 4.0.0       | 否                 |  [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)  | [链接](/zh-cn/react-native-keep-awake.md)                     |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks) | 3.0.0       | -                 |  -  | [链接](/zh-cn/react-native-community-hooks.md)                     |
+| 193  | [react-navigation](https://github.com/react-navigation/react-navigation) |  6      | -                 |  [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)  | [链接](/zh-cn/react-navigation.md)                     |
+| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) |  1.4.4      | 否                 |  -  | [链接](/zh-cn/react-native-default-preference.md)                     |
+| 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager) |  11.5.5      | 否                 |  [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)  | [链接](/zh-cn/react-native-ble-manager.md)                     |
+| 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) |  6.0.0-alpha.9      | 否                 |  [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)  | [链接](/zh-cn/react-native-sensitive-info.md)                     |
+| 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation) |  0.1.7      | -                 |  -  | [链接](/zh-cn/react-native-typing-animation.md)                     |
+| 198  | [react-native-multi-slider](https://github.com/ptomasroos/react-native-multi-slider) |  2.2.2      | -                 |  [@react-native-oh-tpl/react-native-multi-slider](https://github.com/react-native-oh-library/react-native-multi-slider/releases)  | [链接](/zh-cn/react-native-multi-slider.md)                     |
+| 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation) |  3.1.3      | -                 |  [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)  | [链接](/zh-cn/react-native-orientation.md)                     |
+| 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide) |  3.3.0      | -                 |  [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)  | [链接](/zh-cn/rn-tourguide.md)                     |
+| 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) |  5.1.2      | 是                 |  [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)  | [链接](/zh-cn/react-native-performance.md)                     |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library) |   12.5.1     | -                 |  -  | [链接](/zh-cn/react-native-testing-library.md)                     |
+| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) |   5.4.6     | -                 |  -  | [链接](/zh-cn/react-native-dropdown-picker.md)                     |
+| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) |   10.2.1     | 是                 |  [@react-native-oh-tpl/react-native-share](https://github.com/react-native-oh-library/react-native-share/releases)  | [链接](/zh-cn/react-native-share.md)                     |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown) |   0.11.1     | -                 |  [@react-native-oh-tpl/react-native-material-dropdown](https://github.com/react-native-oh-library/react-native-material-dropdown/releasess)  | [链接](/zh-cn/react-native-material-dropdown.md)                     |
+| 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker) |   9.2.0     | 是                 |  [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)  | [链接](/zh-cn/react-native-document-picker.md)                     |
+| 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner) |   6.0.0     | 否                 |  [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)  | [链接](/zh-cn/react-native-fingerprint-scanner.md)                     |
+| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases)  | [链接](/zh-cn/react-native-get-random-values.md)                     |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase/releases)  | [链接](/zh-cn/NativeBase.md)                     |
+| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 |  [@react-native-oh-tpl/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)  | [链接](/zh-cn/react-native-orientation-locker.md)                     |
+| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  -  | [链接](/zh-cn/sentry-react-native.md)                     |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  [@react-native-oh-tpl/react-native-bootsplash](https://github.com/react-native-oh-library/react-native-bootsplash/releases)  | [链接](/zh-cn/react-native-bootsplash.md)                     |
+| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  -  | [链接](/zh-cn/react-native-size-matters.md)                     |
+| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) |   2.4.0     | -                 |  -  | [链接](/zh-cn/react-native-size-matters.md)                     |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS) |   5.3.0-beta.1     | -                 |  -  | [链接](/zh-cn/Parse-SDK-JS.md)                     |
+| 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2) |   7.0.8     | -                 |  -  | [链接](/zh-cn/react-native-shadow-2.md)                     |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle) |   2.4.2     | -                 |  -  | [链接](/zh-cn/restyle.md)                     |
+| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) |   2.0.11     | -                 |  [nativewind](https://github.com/react-native-oh-library/nativewind/releases)  | [链接](/zh-cn/nativewind.md)                     |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-country-picker-modal.md)                     |
+| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) |   2.2.0     | 是                 |  [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)  | [链接](/zh-cn/react-native-haptic-feedback.md)                     |
+| 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-url-polyfill.md)                     |
+| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) |   2.0.8     | 否                 |  -  | [链接](/zh-cn/react-native-shimmer-placeholder.md)                     |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message) |   0.4.2     | -                 |  -  | [链接](/zh-cn/react-native-flash-message.md)                     |
+| 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings) |   8.1.0     | -                 |  -  | [链接](/zh-cn/react-native-ratings.md)                     |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert) |   5.1.0     | 否                 |  [@react-native-oh-tpl/react-native-dropdownalert](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)  | [链接](/zh-cn/react-native-dropdownalert.md)                     |
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown) |   2.12.1     | -                 |  -  | [链接](/zh-cn/react-native-element-dropdown.md)                     |
+| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) |   0.2.2     | -                 |  -  | [链接](/zh-cn/react-native-easy-grid.md)                     |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline) |   6.0.2     | -                 |  -  | [链接](/zh-cn/react-native-offline.md)                     |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui) |   1.30.1     | -                 |  [@react-native-oh-tpl/react-material-ui](https://github.com/react-native-oh-library/react-native-material-ui/releases)  | [链接](/zh-cn/react-native-material-ui.md)                     |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input) |   0.4.1     | -                 |  [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)  | [链接](/zh-cn/react-native-credit-card-input.md)                     |
+| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) |   2.2.0     | -                 |  -  | [链接](/zh-cn/react-native-crypto.md)                     |
+| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) |   2.7.2     | 否                 |  [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases)  | [链接](/zh-cn/react-native-unitsyles.md)                     |
+| 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture) |   0.4.11     | 否                 |  [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)  | [链接](/zh-cn/react-native-signature-capture.md)                     |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  -  | [链接](/zh-cn/react-native-deck-swiper.md)                     |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  -  | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                     |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  [@react-native-oh-tpl/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)  | [链接](/zh-cn/react-native-vector-drawable.md)                     |
+| 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons) |   0.6.0     | 否                 |  [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)  | [链接](/zh-cn/react-native-material-buttons.md)                     |
+| 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
+| 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |
+| 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox) |   0.9.0     | -                 |  -  | [链接](/zh-cn/react-native-lightbox.md)                     |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index bf59cc2e..328051a9 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -198,6 +198,74 @@
 | 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 否                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
 | 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
 | 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
+| 173  | [@itenl/react-native-scrollable-tabview](https://github.com/itenl/react-native-scrollable-tabview) | 1.1.7         | -                 | - | [链接](/zh-cn/react-native-scrollable-tabview.md)                     |
+| 174  | [rneui](https://github.com/react-native-elements/react-native-elements) | 4.0.0-rc.8         | -                 | - | [链接](/zh-cn/react-native-elements.md)                     |
+| 175  | [react-native-root-toast](https://github.com/magicismight/react-native-root-toast) | 3.5.1         | -                 | - | [链接](/zh-cn/react-native-root-toast.md)                     |
+| 176  | [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer) | 2.4.1         | 否                 | [@react-native-oh-tpl/react-native-background-timer](https://github.com/react-native-oh-library/react-native-background-timer/releases) | [链接](/zh-cn/react-native-background-timer.md)                     |
+| 177  | [react-native-htmlview](https://github.com/jsdf/react-native-htmlview) | 0.17.0         | -                 |  -  | [链接](/zh-cn/react-native-htmlview.md)                     |
+| 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) | 1.5.1         | -                 |  -  | [链接](/zh-cn/react-native-spinkit.md)                     |
+| 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element) | 3.1.2         | -                 |  -  | [链接](/zh-cn/react-navigation-shared-element.md)                     |
+| 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector) | 2.1.4         | -                 |  -  | [链接](/zh-cn/react-native-switch-selector.md)                     |
+| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  -  | [链接](/zh-cn/callstack-react-theme-provider.md)                     |
+| 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge) | 0.6.1        | 是                 |  [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)  | [链接](/zh-cn/react-native-http-bridge.md)                     |
+| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)  | [链接](/zh-cn/react-native-qr-decode-image-camera.md)                     |
+| 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) | 4.4.1       | 否                 |  [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)  | [链接](/zh-cn/react-native-touch-id.md)                     |
+| 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable) | 1.4.0       | -                 |  -  | [链接](/zh-cn/react-native-animatable.md)                     |
+| 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal) | 13.0.1       | -                 |  [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)  | [链接](/zh-cn/react-native-modal.md)                     |
+| 187  | [react-native-collapsible](https://github.com/oblador/react-native-collapsible) | 1.6.1       | -                 |  -  | [链接](/zh-cn/react-native-collapsible.md)                     |
+| 188  | [react-native-contacts](https://github.com/rt2zz/react-native-contacts) | 7.0.7       | 否                 |  -  | [链接](/zh-cn/react-native-contacts.md)                     |
+| 189  | [react-native-restart](https://github.com/avishayil/react-native-restart) | 0.0.27       | 是                 |  [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)  | [链接](/zh-cn/react-native-restart.md)                     |
+| 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting) | 1.7.6       | 否                 |  [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)  | [链接](/zh-cn/react-native-system-setting.md)                     |
+| 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake) | 4.0.0       | 否                 |  [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)  | [链接](/zh-cn/react-native-keep-awake.md)                     |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks) | 3.0.0       | -                 |  -  | [链接](/zh-cn/react-native-community-hooks.md)                     |
+| 193  | [react-navigation](https://github.com/react-navigation/react-navigation) |  6      | -                 |  [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)  | [链接](/zh-cn/react-navigation.md)                     |
+| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) |  1.4.4      | 否                 |  -  | [链接](/zh-cn/react-native-default-preference.md)                     |
+| 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager) |  11.5.5      | 否                 |  [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)  | [链接](/zh-cn/react-native-ble-manager.md)                     |
+| 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) |  6.0.0-alpha.9      | 否                 |  [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)  | [链接](/zh-cn/react-native-sensitive-info.md)                     |
+| 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation) |  0.1.7      | -                 |  -  | [链接](/zh-cn/react-native-typing-animation.md)                     |
+| 198  | [react-native-multi-slider](https://github.com/ptomasroos/react-native-multi-slider) |  2.2.2      | -                 |  [@react-native-oh-tpl/react-native-multi-slider](https://github.com/react-native-oh-library/react-native-multi-slider/releases)  | [链接](/zh-cn/react-native-multi-slider.md)                     |
+| 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation) |  3.1.3      | -                 |  [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)  | [链接](/zh-cn/react-native-orientation.md)                     |
+| 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide) |  3.3.0      | -                 |  [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)  | [链接](/zh-cn/rn-tourguide.md)                     |
+| 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) |  5.1.2      | 是                 |  [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)  | [链接](/zh-cn/react-native-performance.md)                     |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library) |   12.5.1     | -                 |  -  | [链接](/zh-cn/react-native-testing-library.md)                     |
+| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) |   5.4.6     | -                 |  -  | [链接](/zh-cn/react-native-dropdown-picker.md)                     |
+| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) |   10.2.1     | 是                 |  [@react-native-oh-tpl/react-native-share](https://github.com/react-native-oh-library/react-native-share/releases)  | [链接](/zh-cn/react-native-share.md)                     |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown) |   0.11.1     | -                 |  [@react-native-oh-tpl/react-native-material-dropdown](https://github.com/react-native-oh-library/react-native-material-dropdown/releasess)  | [链接](/zh-cn/react-native-material-dropdown.md)                     |
+| 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker) |   9.2.0     | 是                 |  [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)  | [链接](/zh-cn/react-native-document-picker.md)                     |
+| 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner) |   6.0.0     | 否                 |  [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)  | [链接](/zh-cn/react-native-fingerprint-scanner.md)                     |
+| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases)  | [链接](/zh-cn/react-native-get-random-values.md)                     |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase/releases)  | [链接](/zh-cn/NativeBase.md)                     |
+| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 |  [@react-native-oh-tpl/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)  | [链接](/zh-cn/react-native-orientation-locker.md)                     |
+| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  -  | [链接](/zh-cn/sentry-react-native.md)                     |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  [@react-native-oh-tpl/react-native-bootsplash](https://github.com/react-native-oh-library/react-native-bootsplash/releases)  | [链接](/zh-cn/react-native-bootsplash.md)                     |
+| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  -  | [链接](/zh-cn/react-native-size-matters.md)                     |
+| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) |   2.4.0     | -                 |  -  | [链接](/zh-cn/react-native-size-matters.md)                     |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS) |   5.3.0-beta.1     | -                 |  -  | [链接](/zh-cn/Parse-SDK-JS.md)                     |
+| 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2) |   7.0.8     | -                 |  -  | [链接](/zh-cn/react-native-shadow-2.md)                     |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle) |   2.4.2     | -                 |  -  | [链接](/zh-cn/restyle.md)                     |
+| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) |   2.0.11     | -                 |  [nativewind](https://github.com/react-native-oh-library/nativewind/releases)  | [链接](/zh-cn/nativewind.md)                     |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-country-picker-modal.md)                     |
+| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) |   2.2.0     | 是                 |  [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)  | [链接](/zh-cn/react-native-haptic-feedback.md)                     |
+| 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-url-polyfill.md)                     |
+| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) |   2.0.8     | 否                 |  -  | [链接](/zh-cn/react-native-shimmer-placeholder.md)                     |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message) |   0.4.2     | -                 |  -  | [链接](/zh-cn/react-native-flash-message.md)                     |
+| 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings) |   8.1.0     | -                 |  -  | [链接](/zh-cn/react-native-ratings.md)                     |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert) |   5.1.0     | 否                 |  [@react-native-oh-tpl/react-native-dropdownalert](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)  | [链接](/zh-cn/react-native-dropdownalert.md)                     |
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown) |   2.12.1     | -                 |  -  | [链接](/zh-cn/react-native-element-dropdown.md)                     |
+| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) |   0.2.2     | -                 |  -  | [链接](/zh-cn/react-native-easy-grid.md)                     |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline) |   6.0.2     | -                 |  -  | [链接](/zh-cn/react-native-offline.md)                     |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui) |   1.30.1     | -                 |  [@react-native-oh-tpl/react-material-ui](https://github.com/react-native-oh-library/react-native-material-ui/releases)  | [链接](/zh-cn/react-native-material-ui.md)                     |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input) |   0.4.1     | -                 |  [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)  | [链接](/zh-cn/react-native-credit-card-input.md)                     |
+| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) |   2.2.0     | -                 |  -  | [链接](/zh-cn/react-native-crypto.md)                     |
+| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) |   2.7.2     | 否                 |  [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases)  | [链接](/zh-cn/react-native-unitsyles.md)                     |
+| 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture) |   0.4.11     | 否                 |  [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)  | [链接](/zh-cn/react-native-signature-capture.md)                     |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  -  | [链接](/zh-cn/react-native-deck-swiper.md)                     |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  -  | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                     |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  [@react-native-oh-tpl/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)  | [链接](/zh-cn/react-native-vector-drawable.md)                     |
+| 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons) |   0.6.0     | 否                 |  [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)  | [链接](/zh-cn/react-native-material-buttons.md)                     |
+| 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
+| 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |
+| 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox) |   0.9.0     | -                 |  -  | [链接](/zh-cn/react-native-lightbox.md)                     |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From 87da52456096ce89766d28e1e3716c59807e3e1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Sat, 10 Aug 2024 11:46:01 +0000
Subject: [PATCH 372/966] =?UTF-8?q?!1329=20=E6=9B=B4=E6=96=B0=E6=80=BB?=
 =?UTF-8?q?=E8=A7=88=E8=A1=A8=20*=20docs:=20[Issues:=20#IAJ64M]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=80=BB=E8=A7=88=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 6 +++++-
 zh-cn/README.md | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 71c72196..aa7574e0 100644
--- a/README.md
+++ b/README.md
@@ -24,6 +24,10 @@
 
 > [!tip] NPM 公仓坐标：@react-native-oh-tpl
 
+> [!tip] "原库是否支持新架构"列为 "-" 表示该库不涉及新架构和老架构
+
+> [!tip] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
+
 | 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
 |-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
 | 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.0        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
@@ -261,7 +265,7 @@
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture) |   0.4.11     | 否                 |  [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)  | [链接](/zh-cn/react-native-signature-capture.md)                     |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  -  | [链接](/zh-cn/react-native-deck-swiper.md)                     |
 | 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  -  | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                     |
-| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  [@react-native-oh-tpl/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)  | [链接](/zh-cn/react-native-vector-drawable.md)                     |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  开发中  | 开发中                     |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons) |   0.6.0     | 否                 |  [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)  | [链接](/zh-cn/react-native-material-buttons.md)                     |
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 328051a9..713ddf13 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -24,6 +24,10 @@
 
 > [!tip] NPM 公仓坐标：@react-native-oh-tpl
 
+> [!tip] "原库是否支持新架构"列为 "-" 表示该库不涉及新架构和老架构
+
+> [!tip] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
+
 | 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
 |-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
 | 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.0        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
@@ -261,7 +265,7 @@
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture) |   0.4.11     | 否                 |  [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)  | [链接](/zh-cn/react-native-signature-capture.md)                     |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  -  | [链接](/zh-cn/react-native-deck-swiper.md)                     |
 | 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  -  | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                     |
-| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  [@react-native-oh-tpl/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)  | [链接](/zh-cn/react-native-vector-drawable.md)                     |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  开发中  | 开发中                     |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons) |   0.6.0     | 否                 |  [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)  | [链接](/zh-cn/react-native-material-buttons.md)                     |
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |

From 9ae662fa9aa761c42914fc66409e529b47067ffb Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Sat, 10 Aug 2024 12:04:21 +0000
Subject: [PATCH 373/966] =?UTF-8?q?!1316=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-cookies-cookies=E6=96=87=E6=A1=A3=20*=20docs:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-cookies-cookies=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cookies-cookies.md | 29 +++++++--------------------
 1 file changed, 7 insertions(+), 22 deletions(-)

diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index 08f73797..6bbf2906 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -138,21 +138,7 @@ export default function CookiesPage() {
         }}
       >
         <Text>clearByName()【根据名称删除cookie】</Text>
-      </TouchableOpacity>
-
-      <TouchableOpacity
-        style={styles.button}
-        onPress={() => {
-          CookieManager.flushForHarmony(() => {
-            if (webViewRef.current) {
-              webViewRef.current.reload();
-            }
-          });
-          setResult("刷新cookie成功");
-        }}
-      >
-        <Text>flush()【刷新cookie】</Text>
-      </TouchableOpacity>
+      </TouchableOpacity>   
 
       <TouchableOpacity
         style={styles.button}
@@ -348,20 +334,19 @@ ohpm install
 
 | Name                 | Description                                   | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------- | --------------------------------------------- | ---------|----------| ------------|-------------------|
-| clearAll             |  Clear all cookies                            |function  |     NO   |iOS,android  | yes               |
-| get                  |  Get cookies based on url                     |function  |     NO   | iOS,android | yes               |
-| set                  |  Set cookie based on url                      |function  |     NO   | iOS,android | yes               |
+| clearAll             |  Clear all cookies                            |function  |     NO   |iOS,Android  | yes               |
+| get                  |  Get cookies based on url                     |function  |     NO   | iOS,Android | yes               |
+| set                  |  Set cookie based on url                      |function  |     NO   | iOS,Android | yes               |
 | clearByName          |  Delete cookies by name                       |function  |     NO   | iOS         | yes               |
-| flush                |  Refresh cookies                              |function  |     NO   | android     | no                |
-| flushForHarmony      |  Refresh cookies                              |function  |     NO   |             | yes               |
-| removeSessionCookies |  Clear session cookies                        |function  |     NO   | iOS,android | yes               |
+| flush                |  Refresh cookies                              |function  |     NO   | Android     | no                |
+| removeSessionCookies |  Clear session cookies                        |function  |     NO   | iOS,Android | yes               |
 | getAll               |  Get all cookies                              |function  |     NO   | iOS         | no                |
 | setFromResponse      |  Set cookies from a response header           |function  |     NO   | iOS         | no                |
 | getFromResponse      |  Get cookies from a response header           |function  |     NO   | iOS         | no                |
 
 ## 遗留问题
 
-- [ ] 这三个方法getAll,setFromResponse,getFromResponse 在ios是可用的andriod不可用，Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-cookies/issues/1)
+- [ ] 这四个方法getAll,setFromResponse,getFromResponse,flush 在ios是可用的andriod不可用，Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-cookies/issues/1)
 
 ## 其他
 

From 126afd2c3711cb201331d21299b5e9662c9f93ab Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Mon, 12 Aug 2024 06:56:08 +0000
Subject: [PATCH 374/966] =?UTF-8?q?!1191=20docs:=20[#IAFCBV]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-vector-drawable=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAFCBV]=E6=96=B0=E5=A2=9Erea?=
 =?UTF-8?q?ct-native-vector-drawable=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-vector-drawable.md | 91 +++++++++++++++++++++++++++
 1 file changed, 91 insertions(+)
 create mode 100644 zh-cn/react-native-vector-drawable.md

diff --git a/zh-cn/react-native-vector-drawable.md b/zh-cn/react-native-vector-drawable.md
new file mode 100644
index 00000000..a941b1db
--- /dev/null
+++ b/zh-cn/react-native-vector-drawable.md
@@ -0,0 +1,91 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-vector-drawable</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/klarna-incubator/react-native-vector-drawable">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-vector-drawable)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-vector-drawable@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-vector-drawable@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import React from "react";
+import { View } from 'react-native';
+import VectorDrawable from "react-native-vector-drawable";
+export default function VectorDrawableDemo(): JSX.Element {
+    return <View>
+            <VectorDrawable
+               resourceName="ic_drawable_name"
+               style={{ width: 50, height: 50, tintColor: 'blue' }}
+            />
+    </View>
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)
+
+
+## 属性
+原库中Android平台实现是通过android.graphics.drawable.Drawable方法加载[xml矢量图片](https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/example/android/app/src/main/res/drawable/ic_klarna_logo.xml)文件，在iOS平台是通过[React-Native View](https://reactnative.cn/docs/view)来实现，HarmonyOS与iOS保持一致，属性见[React-Native View组件](https://reactnative.cn/docs/view)
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| resourceName    | Name of the Android vector drawable resource. | string | true       | Android | No           |
+| style    | See Style props. Note: border props are not supported. | object | false       | Android | No               |
+
+style Props
+| Name           | Description                   | Type | Required |Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | -------- | ----------------- |
+| resizeMode    | 	Determines how to resize the image when the frame doesn't match the raw image dimensions. Possible values are cover, contain, stretch and center | string | false | Android | No        |
+| tintColor    | Changes the color of all the non-transparent pixels to the tintColor. | string | false | Android | No   |
+## 其他
+
+## 开源协议
+
+本项目基于 [The Apache License (Apache)](https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/LICENSE) ，请自由地享受和参与开源。

From a721f6932a8fd09a1cb6004ed0e17adfc905123e Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Mon, 12 Aug 2024 07:46:13 +0000
Subject: [PATCH 375/966] =?UTF-8?q?!1323=20docs:=20=20=E4=BF=AE=E6=94=B9ga?=
 =?UTF-8?q?lio-framework=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20=20[Issues:=20#IAJ1P3]=20=E4=BF=AE=E6=94=B9galio-framework?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/galio-framework.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/galio-framework.md b/zh-cn/galio-framework.md
index f9367451..902143fc 100644
--- a/zh-cn/galio-framework.md
+++ b/zh-cn/galio-framework.md
@@ -387,7 +387,7 @@ export default CardDemo;
 |      disabled       |        Whether the switch is disabled        |                           boolean                            |    no    | iOS/Android |        Yes        |
 |    initialValue     |                Initial value                 |                           boolean                            |    no    | iOS/Android |        Yes        |
 |     trackColor      |                 track Color                  |                            object                            |    no    | iOS/Android |        Yes        |
-| ios_backgroundColor |             ios background color             |                            string                            |    no    |     No      |        No         |
+| ios_backgroundColor |             ios background color             |                            string                            |    no    | iOS/Android |        Yes        |
 |      onChange       | Events that occur when the switch is changed |                           function                           |   yes    | iOS/Android |        Yes        |
 
 ### [GalioTheme](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=galiotheme-usage)

From b7c746240ce05b5e01cc7617f3cd825fb85e54a7 Mon Sep 17 00:00:00 2001
From: xiaohaoyu <xiaohaoyu1@h-partners.com>
Date: Mon, 12 Aug 2024 07:48:53 +0000
Subject: [PATCH 376/966] =?UTF-8?q?!1331=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-dropdown-picker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[#IAJEID]=20=E6=96=B0=E5=A2=9E=E5=92=8C=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-dropdown-picker=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-dropdown-picker.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-dropdown-picker.md b/zh-cn/react-native-dropdown-picker.md
index 31685275..3d409d12 100644
--- a/zh-cn/react-native-dropdown-picker.md
+++ b/zh-cn/react-native-dropdown-picker.md
@@ -155,7 +155,7 @@ export default function App() {
 | activityIndicatorSize      | Changes the default size of the ActivityIndicator.                                                               | number                                                             | no       | All      | yes               |
 | searchable                 | Enables the search feature in the drop-down menu / modal.                                                        | boolean                                                            | no       | All      | yes               |
 | searchTextInputProps       | Adds native props for the text input.                                                                            | object                                                             | no       | All      | yes               |
-| searchWithRegionalAccents  | Allows searching without typing local accents.                                                                   | boolean                                                            | no       | All      | yes               |
+| searchWithRegionalAccents  | Allows searching without typing local accents.                                                                   | boolean                                                            | no       | All      | no               |
 | disableLocalSearch         | Disables search between local items. This comes in handy for remote search.                                      | boolean                                                            | no       | All      | yes               |
 | addCustomItem              | Shows the searched text as an item when there's nothing to show.                                                 | boolean                                                            | no       | All      | yes               |
 | searchPlaceholder          | Changes the placeholder text of the text input. Both of the following properties are available.                  | string                                                             | no       | All      | yes               |
@@ -226,6 +226,8 @@ export default function App() {
 | setTheme          | Change the default theme​                             | function | no       | All      | yes               |
 ## 遗留问题
 
+- [ ] 方法String.prototype.normalize('NFD')在RN框架下有问题，导致属性searchWithRegionalAccents不生效。
+
 ## 其他
 
 ## 开源协议

From 0f99408bad7afe265a77a4096ca8a070ca053583 Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Mon, 12 Aug 2024 09:28:05 +0000
Subject: [PATCH 377/966] =?UTF-8?q?!1330=20docs:=20[#IAJAL6]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-qrcode-svg=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAJAL6]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-qrcode-svg=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-qrcode-svg.md | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/zh-cn/react-native-qrcode-svg.md b/zh-cn/react-native-qrcode-svg.md
index e5132e7f..6e686baa 100644
--- a/zh-cn/react-native-qrcode-svg.md
+++ b/zh-cn/react-native-qrcode-svg.md
@@ -13,12 +13,10 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-qrcode-svg)
+> [!TIP] [Github 地址](https://github.com/awesomejerry/react-native-qrcode-svg)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qrcode-svg Releases](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)，并下载适用版本的 tgz 包。
-
 进入到工程目录并输入以下命令：
 
 > [!TIP] # 处替换为 tgz 包的路径
@@ -28,13 +26,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-qrcode-svg@file:#
+npm install react-native-qrcode-svg
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-qrcode-svg@file:#
+yarn add react-native-qrcode-svg
 ```
 
 <!-- tabs:end -->
@@ -42,6 +40,7 @@ yarn add @react-native-oh-tpl/react-native-qrcode-svg@file:#
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
+> [!TIP] 当报错信息为`Property 'TextEncoder' doesn't exist`[解决方案](https://github.com/awesomejerry/react-native-qrcode-svg/issues/199)
 
 
 ```js
@@ -71,15 +70,15 @@ export const SvgDemo = () => {
 
 ### 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+在以下版本验证通过
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-qrcode-svg Releases](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)
+1.RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                   | Description                                                                                                               | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |

From 2defb1a1896f23df481d48b6dfa64dc451712d2a Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Mon, 12 Aug 2024 11:25:57 +0000
Subject: [PATCH 378/966] =?UTF-8?q?!1326=20docs:=20[Issues:#IAJ5S6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9usage-docs=E5=92=8Cusage-docs/zh-cn=E4=B8=8B?=
 =?UTF-8?q?=E7=9A=84README=E6=96=87=E4=BB=B6=20*=20docs:=20[Issues:#IAJ5S6?=
 =?UTF-8?q?]=20=E4=BF=AE=E6=94=B9usage-docs=E5=92=8Cusage-docs/zh-cn?=
 =?UTF-8?q?=E4=B8=8B=E7=9A=84README=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 126 +++++++++++++++++++++++++++++++++++++++++++++++-
 zh-cn/README.md | 124 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 249 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index aa7574e0..0f86dd1a 100644
--- a/README.md
+++ b/README.md
@@ -238,7 +238,7 @@
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker) |   9.2.0     | 是                 |  [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)  | [链接](/zh-cn/react-native-document-picker.md)                     |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner) |   6.0.0     | 否                 |  [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)  | [链接](/zh-cn/react-native-fingerprint-scanner.md)                     |
 | 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases)  | [链接](/zh-cn/react-native-get-random-values.md)                     |
-| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase/releases)  | [链接](/zh-cn/NativeBase.md)                     |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase/releases)  | 开发中                     |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 |  [@react-native-oh-tpl/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)  | [链接](/zh-cn/react-native-orientation-locker.md)                     |
 | 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  -  | [链接](/zh-cn/sentry-react-native.md)                     |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  [@react-native-oh-tpl/react-native-bootsplash](https://github.com/react-native-oh-library/react-native-bootsplash/releases)  | [链接](/zh-cn/react-native-bootsplash.md)                     |
@@ -270,6 +270,130 @@
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox) |   0.9.0     | -                 |  -  | [链接](/zh-cn/react-native-lightbox.md)                     |
+| 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail) | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | [链接](/zh-cn/react-native-create-thumbnail.md)              |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper) | 5.12.5         | \-                 | \-                                                           | [链接](/zh-cn/react-native-paper.md)                         |
+| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts) | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases) | [链接](/zh-cn/react-native-contacts.md)                      |
+| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element) | 0.8.9          | 是                 | 开发中                                                       | 开发中                                                       |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) | 5.0.0-alpha.11 | \-                 | 开发中                                                           | 开发中                                                       |
+| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage) | 0.10.2         | 否                 | 开发中                                                       | 开发中                                                       |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) | 7.0.0          | \-                 | 开发中                                                       | 开发中                                                       |
+| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia) | 1.3.7          | 是                 | 开发中                                                       | 开发中                                                       |
+| 249  | [react-native-print](https://github.com/christopherdro/react-native-print) | 0.10.0         | 否                 | 开发中                                                       | 开发中                                                       |
+| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select) | 9.2.0          | \-                 | 开发中                                                       | 开发中                                                       |
+| 252    | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player) | 4.1.1         | 是                 | 开发中                                                            | 开发中                                                      |
+| 253    |  [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication) | 2.3.0         | 否                 | 开发中                                                           | 开发中                                                      |
+| 254   | [natnativewind-monorepo](https://github.com/nativewind/nativewind) | 2.0.11        | \-                | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                |
+| 255 | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit) | 13.0.0        | 是                 | 开发中                                                          | 开发中                                                      |
+| 256 | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager) | 3.15.1        | 是 | [@react-native-oh-tpl/react-native-nfc-manager](https://github.com/react-native-oh-library/react-native-nfc-manager/releases) | [链接](/zh-cn/react-native-nfc-manager.md)                  |
+| 257 | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash) | 2.0.3         | 是                 | 开发中                                                          | 开发中                                                      |
+| 258 | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask) | 3.1.5         | 否                 | 开发中                                                           | 开发中                                                      |
+| 259 | [react-native-auth0](https://github.com/auth0/react-native-auth0) | 4.0.0-beta.0  | 是                 | 开发中                                                           | 开发中                                                      |
+| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0         | 否                 | 开发中                                                          | 开发中                                                      |
+| 261 | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller) | 1.12.6        | 是                 |开发中                                                           | 开发中                                                      |
+| 262 | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput) | 5.0.0         | 是                 |开发中                                                           | 开发中                                                      |
+| 263 | [redux-flipper](https://github.com/jk-gan/redux-flipper) | 2.0.3         | \-                 | 开发中                                                         | 开发中                                                      |
+| 264 | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc) | 3.2.0 | \-                 | 开发中                                                          | 开发中                                                      |
+| 265 | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view) | 1.16.0        | 否                 |开发中                                                           | 开发中                                                      |
+| 266 | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView) | 0.14.0        | 否                 | 开发中                                                           | 开发中                                                      |
+| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view) | 3.0.0-alpha4  | 是                 | 开发中                                                           | 开发中                                                      |
+| 268 | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) | 0.16.1        | \- | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases) | [链接](/zh-cn/react-native-material-textfield.md)                   |
+| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1         | \-                 | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)         |
+| 270 | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper) | 0.262.0       | 否                 | 开发中                                                           | 开发中                                                      |
+| 271 | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles) | 0.2.7         | \-                 | \-                                                           | [链接](/zh-cn/react-native-material-design-style.md)        |
+| 272 | [react-native-flip-card](https://github.com/moschan/react-native-flip-card) | 3.5.7         | \-                 | \-                                                           | [链接](/zh-cn/react-native-flip-card.md)                    |
+| 273 | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes) | 3.6.1         | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases) | [链接](/zh-cn/react-native-randombytes.md)                  |
+| 274 | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow) | 0.0.5         | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases) | [链接](/zh-cn/react-native-view-overflow.md)                |
+| 275 | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text) | 1.13.0        | \-                 | \-                                                           | [链接](/zh-cn/react-native-masked-text.md)                                  |
+| 276   | [reassure](https://github.com/callstack/reassure)                 | 1.0.0        | -         | -                                                    | [链接](/zh-cn/reassure.md)     |
+| 277   | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution)                 | 6.2.2        | 否         | 开发中                                                    | 开发中     |
+| 278   | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                 | 0.0.22        | -         | -                                                    | [链接](/zh-cn/react-native-parsed-text.md)     |
+| 279   | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)                 | 3.0.1        | -         | -                                                    | [链接](/zh-cn/react-native-loading-spinner-overlay.md)     |
+| 280   | [voice](https://github.com/react-native-voice/voice)                 |    3.2.4     | 否         | [@react-native-oh-tpl/voice](https://github.com/react-native-oh-library/voice/releases)                                                    | [链接](/zh-cn/react-native-voice-voice.md)     |
+| 281   | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                 |  0.0.22       | -         | -                                                    | [链接](/zh-cn/react-native-hyperlink.md)     |
+| 282   | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                 |   1.15.0      | 是        | 开发中                                                   | 开发中    |
+| 283   | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                 |  5.4.0       | -         | -                                                    | [链接](/zh-cn/react-native-autocomplete-input.md)     |
+| 284   | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                 |     6.0.0-alpha.9    | 否        | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                                                    | [链接](/zh-cn/react-native-sensitive-info.md)     |
+| 285   | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                 |   4.2.5      | 否        | 开发中                                                    | 开发中    |
+| 286   | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                 |   1.0.3      | -         | -                                                    | [链接](/zh-cn/react-native-step-indicator.md)     |
+| 287   | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                 |   4.16.5      | 否         | 开发中                                                   | 开发中      |
+| 288   | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                 |   1.6.0      | -         | -                                                    | [链接](/zh-cn/react-native-walkthrough-tooltip.md)     |
+| 289   | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                 |    4.2.0     | -         | -                                                    | [链接](/zh-cn/react-native-autoLink.md)     |
+| 290   | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                 |    0.17.0     | -         | -                                                    | [链接](/zh-cn/react-native-indicators.md)     |
+| 291   | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                 |    0.9.1     | -         | -                                                    | [链接](/zh-cn/react-native-material-ripple.md)     |
+| 292   | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                 |    1.2.4     | -         | -                                                    | [链接](/zh-cn/react-native-error-boundary.md)     |
+| 293   | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                 |   11.5.5      | 否         | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                                                    | [链接](/zh-cn/react-native-ble-manager.md)     |
+| 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                 |   5.3.0      | -         | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                                    | [链接](/zh-cn/react-native-svg-charts.md)     |
+| 295   | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                 |    2.1.5     | 否       | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                                                   | [链接](/zh-cn/react-native-file-viewer.md)     |
+| 296   | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                 |    0.5.1     | -         | -                                                    | [链接](/zh-cn/react-native-responsive-fontsize.md)     |
+| 297   | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                 |   0.12.0      |否       |开发中                                            | 开发中     |
+| 298   | [react-native-typography](https://github.com/hectahertz/react-native-typography)                 |    1.4.1     | -         | [@react-native-oh-tpl/react-native-typography](https://github.com/react-native-oh-library/react-native-typography/releases)                                                  | [链接](/zh-cn/react-native-typography.md)     |
+| 299   | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                 |     2.4.0    |否         | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                    | [链接](/zh-cn/react-native-image-colors.md)     |
+| 300   | [react-content-loader](https://github.com/danilowoz/react-content-loader)                 |   7.0.2      | -         | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                    | [链接](/zh-cn/react-content-loader.md)     |
+| 301   | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                 | 2.7.1        | 否       | [@react-native-oh-tpl/react-native-snackbar](https://github.com/react-native-oh-library/react-native-snackbar/releases)                                                    | [链接](/zh-cn/react-native-snackbar.md)     |
+| 302   | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                 |   1.9.0      | -         | 开发中                                                   | 开发中      |
+| 303   | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                 |   1.0.0-alpha.22      | -         | 开发中                                                   | 开发中     |
+| 304   | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                 | 1.2.6        | 否        | [@react-native-oh-tpl/react-native-image-marker](https://github.com/react-native-oh-library/react-native-image-marker/releases)                                                    | [链接](/zh-cn/react-native-image-marker.md)     |
+| 305   | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                 |  3.6.10       | 是        | 开发中                                                   | 开发中     |
+| 306   | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                 |   3.4.2      | -         | 开发中                                               | 开发中    |
+| 307   | [react-native-notifier](https://github.com/seniv/react-native-notifier)                 |   2.0.0      | -         | 开发中                                                    | 开发中     |
+| 308   | [react-native-graph](https://github.com/margelo/react-native-graph)                 |   1.1.0      | -         | 开发中                                                  | 开发中    |
+| 309   | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                 |  0.14.2       | -         | -                                                    | [链接](/zh-cn/react-native-mask-text.md)     |
+| 310   | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                 |   3.0.5      | 否        | 开发中                                                   | 开发中    |
+| 311   | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                 |   5.6.2      | 是        | [@react-native-oh-tpl/react-native-shake](https://github.com/react-native-oh-library/react-native-shake/releases)                                                   | [链接](/zh-cn/react-native-shake.md)     |
+| 312   | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                 |  1.4.26       | -         | [@react-native-oh-tpl/react-native-gifted-charts](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)                                                   | [链接](/zh-cn/react-native-gifted-charts.md)     |
+| 313   | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                 |  2.1.2       |否       | 开发中                                                  | 开发中   |
+| 314   | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                 |   1.5.2      | -         | -                                                    | [链接](/zh-cn/react-native-confetti-cannon.md)     |
+| 315   | [react-native-mail](https://github.com/chirag04/react-native-mail)                 |  6.1.1       | 否       | [@react-native-oh-tpl/react-native-mail](https://github.com/react-native-oh-library/react-native-mail/releases)                                                  | [链接](/zh-cn/react-native-mail.md)     |
+| 316   | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile)                 |    3.2.1     | -         | -                                                    | [链接](/zh-cn/react-countdown-circle-timer.md)     |
+| 317   | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                 |  2.4.6       | -         | -                                                    | [链接](/zh-cn/rn-sliding-up-panel.md)     |
+| 318   | [react-native-tts](https://github.com/ak1394/react-native-tts)                 |   4.1.1      | 是        | [@react-native-oh-tpl/react-native-tts](https://github.com/react-native-oh-library/react-native-tts/releases)                                                    | [链接](/zh-cn/react-native-tts.md)     |
+| 319   | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                 |   12.0.0      | -        | -                                                    | [链接](/zh-cn/react-navigation-header-buttons.md)     |
+| 320   | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                 |    2.1.0     | -         | -                                                    | [链接](/zh-cn/react-native-phone-number-input.md)     |
+| 321   | [react-native-version-number](https://github.com/APSL/react-native-version-number)                 |  0.3.6       | 否        | 开发中                                                   |开发中     |
+| 322   | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                 |     0.1.16    | -         | 开发中                                                   |开发中     |
+| 323   | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                 |   5.0.0      | 是        | 开发中                                                    | 开发中     |
+| 324   | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                 |   4.3.14      | 是        | 开发中                                                    | 开发中     |
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas) |  4.7.2     | 是                 |  -  | [链接](/zh-cn/react-native-signature-canvas.md)|
+| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header) |   1.0.0-rc.9     | -                 |  开发中  | 开发中|
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select) |   0.5.12     | -                 |  -  | [链接](/zh-cn/react-native-multiple-select.md)|
+| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch) |   1.5.1     |-|-| [链接](/zh-cn/react-native-switch.md)|
+| 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu) |  2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-material-menu.md)|
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list) |  0.1.2     | -                 |  -  | [链接](/zh-cn/react-native-swipeable-list.md)|
+| 331  | [galio-framework](https://github.com/galio-org/galio) |   0.8.0     | -                 |  -  | [链接](/zh-cn/galio-framework.md)|
+| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager) |4.2.0| 否| 开发中  | 开发中|
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom) |1.0.1     | 否                 |  [@react-native-oh-tpl/react-native-securerandom](https://github.com/react-native-oh-library/react-native-securerandom/releases)  | [链接](/zh-cn/react-native-securerandom.md)|
+| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket) |6.2.0     | 否  |  开发中  | 开发中|
+| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet) |0.7.0  | -   |  开发中  | 开发中|
+| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent) |1.3.0     | 是         |  开发中  | 开发中|
+| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot) |3.3.2     | -                 |  -  | [链接](/zh-cn/react-native-copilot.md)|
+| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery) |0.4.2     | -      |  开发中  | 开发中|
+| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet) |0.3.2    | -       |  开发中  | 开发中|
+| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard) |1.7.0     | -                 |  [@react-native-oh-tpl/rn-emoji-keyboard](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)  | [链接](/zh-cn/rn-emoji-keyboard.md)|
+| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar) |2.6.4     | -     |  开发中  | 开发中|
+| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer) |3.2.8     | -                 |  [@react-native-oh-tpl/react-native-markdown-renderer](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)  | [链接](/zh-cn/react-native-markdown-renderer.md)|
+| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules) |1.0.3     | -    |  开发中  | 开发中|
+| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color) |2.0.2     | -       |  开发中  | 开发中|
+| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript) |0.0.1     | -       |  开发中  | 开发中|
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info) |5.2.1     | 是                 |  [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)  | [链接](/zh-cn/react-native-network-info.md)|
+| 347  | [react-native-udp](https://github.com/tradle/react-native-udp) |4.1.7     | -      |  开发中  | 开发中|
+| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works) |2.0.0     | -      |  开发中  | 开发中|
+| 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard) |1.0.0     | -                 |  -  | [链接](/zh-cn/react-native-dismiss-keyboard.md)|
+| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access) |3.1.0    | 是      |  开发中  | 开发中|
+| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading) |1.2.0     | 否        |  开发中  | 开发中|
+| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars) |2.4.3     | 是                 |  [@react-native-oh-tpl/react-native-bars](https://github.com/react-native-oh-library/react-native-bars/releases)  | [链接](/zh-cn/react-native-bars.md)|
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr) |0.3.0     | 否     |  开发中  | 开发中|
+| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent) |1.2.1       | 是                 |  [@react-native-oh-tpl/react-native-screenshot-prevent](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)  | [链接](/zh-cn/react-native-screenshot-prevent.md)|
+| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect) |3.1.0     | 是     |  开发中  | 开发中|
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite) |6.2.11                                             | 是      |  开发中  | 开发中|
+| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation) |0.6.0     | 是       |  开发中  | 开发中|
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys) |0.7.10     | 是              |  开发中  | 开发中|
+| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control) |6.0.0     | 否         |  开发中  | 开发中|
+| 360  | [@baronha/ting](https://github.com/baronha/ting) |1.2.1     | 是        |  开发中  | 开发中|
+| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings) |1.0.2     | 是       |  开发中  | 开发中|
+| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors) |0.4.0     | 是         |  开发中  | 开发中|
+| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder) |2.0.0     | -                 |  [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)  | [链接](/zh-cn/react-native-barcode-builder.md)|
+| 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows) |1.1.2     | 否                 |  [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)  | [链接](/zh-cn/react-native-neomorph-shadows.md)|
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 713ddf13..67d898c0 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -270,6 +270,130 @@
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox) |   0.9.0     | -                 |  -  | [链接](/zh-cn/react-native-lightbox.md)                     |
+| 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail) | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | [链接](/zh-cn/react-native-create-thumbnail.md)              |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper) | 5.12.5         | \-                 | \-                                                           | [链接](/zh-cn/react-native-paper.md)                         |
+| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts) | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases) | [链接](/zh-cn/react-native-contacts.md)                      |
+| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element) | 0.8.9          | 是                 | 开发中                                                       | 开发中                                                       |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) | 5.0.0-alpha.11 | \-                 | 开发中                                                           | 开发中                                                       |
+| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage) | 0.10.2         | 否                 | 开发中                                                       | 开发中                                                       |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) | 7.0.0          | \-                 | 开发中                                                       | 开发中                                                       |
+| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia) | 1.3.7          | 是                 | 开发中                                                       | 开发中                                                       |
+| 249  | [react-native-print](https://github.com/christopherdro/react-native-print) | 0.10.0         | 否                 | 开发中                                                       | 开发中                                                       |
+| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select) | 9.2.0          | \-                 | 开发中                                                       | 开发中                                                       |
+| 252    | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player) | 4.1.1         | 是                 | 开发中                                                            | 开发中                                                      |
+| 253    |  [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication) | 2.3.0         | 否                 | 开发中                                                           | 开发中                                                      |
+| 254   | [natnativewind-monorepo](https://github.com/nativewind/nativewind) | 2.0.11        | \-                | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                |
+| 255 | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit) | 13.0.0        | 是                 | 开发中                                                          | 开发中                                                      |
+| 256 | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager) | 3.15.1        | 是 | [@react-native-oh-tpl/react-native-nfc-manager](https://github.com/react-native-oh-library/react-native-nfc-manager/releases) | [链接](/zh-cn/react-native-nfc-manager.md)                  |
+| 257 | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash) | 2.0.3         | 是                 | 开发中                                                          | 开发中                                                      |
+| 258 | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask) | 3.1.5         | 否                 | 开发中                                                           | 开发中                                                      |
+| 259 | [react-native-auth0](https://github.com/auth0/react-native-auth0) | 4.0.0-beta.0  | 是                 | 开发中                                                           | 开发中                                                      |
+| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0         | 否                 | 开发中                                                          | 开发中                                                      |
+| 261 | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller) | 1.12.6        | 是                 |开发中                                                           | 开发中                                                      |
+| 262 | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput) | 5.0.0         | 是                 |开发中                                                           | 开发中                                                      |
+| 263 | [redux-flipper](https://github.com/jk-gan/redux-flipper) | 2.0.3         | \-                 | 开发中                                                         | 开发中                                                      |
+| 264 | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc) | 3.2.0 | \-                 | 开发中                                                          | 开发中                                                      |
+| 265 | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view) | 1.16.0        | 否                 |开发中                                                           | 开发中                                                      |
+| 266 | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView) | 0.14.0        | 否                 | 开发中                                                           | 开发中                                                      |
+| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view) | 3.0.0-alpha4  | 是                 | 开发中                                                           | 开发中                                                      |
+| 268 | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) | 0.16.1        | \- | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases) | [链接](/zh-cn/react-native-material-textfield.md)                   |
+| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1         | \-                 | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)         |
+| 270 | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper) | 0.262.0       | 否                 | 开发中                                                           | 开发中                                                      |
+| 271 | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles) | 0.2.7         | \-                 | \-                                                           | [链接](/zh-cn/react-native-material-design-style.md)        |
+| 272 | [react-native-flip-card](https://github.com/moschan/react-native-flip-card) | 3.5.7         | \-                 | \-                                                           | [链接](/zh-cn/react-native-flip-card.md)                    |
+| 273 | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes) | 3.6.1         | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases) | [链接](/zh-cn/react-native-randombytes.md)                  |
+| 274 | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow) | 0.0.5         | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases) | [链接](/zh-cn/react-native-view-overflow.md)                |
+| 275 | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text) | 1.13.0        | \-                 | \-                                                           | [链接](/zh-cn/react-native-masked-text.md)                                  |
+| 276   | [reassure](https://github.com/callstack/reassure)                 | 1.0.0        | -         | -                                                    | [链接](/zh-cn/reassure.md)     |
+| 277   | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution)                 | 6.2.2        | 否         | 开发中                                                    | 开发中     |
+| 278   | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                 | 0.0.22        | -         | -                                                    | [链接](/zh-cn/react-native-parsed-text.md)     |
+| 279   | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)                 | 3.0.1        | -         | -                                                    | [链接](/zh-cn/react-native-loading-spinner-overlay.md)     |
+| 280   | [voice](https://github.com/react-native-voice/voice)                 |    3.2.4     | 否         | [@react-native-oh-tpl/voice](https://github.com/react-native-oh-library/voice/releases)                                                    | [链接](/zh-cn/react-native-voice-voice.md)     |
+| 281   | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                 |  0.0.22       | -         | -                                                    | [链接](/zh-cn/react-native-hyperlink.md)     |
+| 282   | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                 |   1.15.0      | 是        | 开发中                                                   | 开发中    |
+| 283   | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                 |  5.4.0       | -         | -                                                    | [链接](/zh-cn/react-native-autocomplete-input.md)     |
+| 284   | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                 |     6.0.0-alpha.9    | 否        | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                                                    | [链接](/zh-cn/react-native-sensitive-info.md)     |
+| 285   | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                 |   4.2.5      | 否        | 开发中                                                    | 开发中    |
+| 286   | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                 |   1.0.3      | -         | -                                                    | [链接](/zh-cn/react-native-step-indicator.md)     |
+| 287   | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                 |   4.16.5      | 否         | 开发中                                                   | 开发中      |
+| 288   | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                 |   1.6.0      | -         | -                                                    | [链接](/zh-cn/react-native-walkthrough-tooltip.md)     |
+| 289   | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                 |    4.2.0     | -         | -                                                    | [链接](/zh-cn/react-native-autoLink.md)     |
+| 290   | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                 |    0.17.0     | -         | -                                                    | [链接](/zh-cn/react-native-indicators.md)     |
+| 291   | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                 |    0.9.1     | -         | -                                                    | [链接](/zh-cn/react-native-material-ripple.md)     |
+| 292   | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                 |    1.2.4     | -         | -                                                    | [链接](/zh-cn/react-native-error-boundary.md)     |
+| 293   | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                 |   11.5.5      | 否         | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                                                    | [链接](/zh-cn/react-native-ble-manager.md)     |
+| 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                 |   5.3.0      | -         | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                                    | [链接](/zh-cn/react-native-svg-charts.md)     |
+| 295   | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                 |    2.1.5     | 否       | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                                                   | [链接](/zh-cn/react-native-file-viewer.md)     |
+| 296   | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                 |    0.5.1     | -         | -                                                    | [链接](/zh-cn/react-native-responsive-fontsize.md)     |
+| 297   | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                 |   0.12.0      |否       |开发中                                            | 开发中     |
+| 298   | [react-native-typography](https://github.com/hectahertz/react-native-typography)                 |    1.4.1     | -         | [@react-native-oh-tpl/react-native-typography](https://github.com/react-native-oh-library/react-native-typography/releases)                                                  | [链接](/zh-cn/react-native-typography.md)     |
+| 299   | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                 |     2.4.0    |否         | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                    | [链接](/zh-cn/react-native-image-colors.md)     |
+| 300   | [react-content-loader](https://github.com/danilowoz/react-content-loader)                 |   7.0.2      | -         | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                    | [链接](/zh-cn/react-content-loader.md)     |
+| 301   | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                 | 2.7.1        | 否       | [@react-native-oh-tpl/react-native-snackbar](https://github.com/react-native-oh-library/react-native-snackbar/releases)                                                    | [链接](/zh-cn/react-native-snackbar.md)     |
+| 302   | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                 |   1.9.0      | -         | 开发中                                                   | 开发中      |
+| 303   | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                 |   1.0.0-alpha.22      | -         | 开发中                                                   | 开发中     |
+| 304   | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                 | 1.2.6        | 否        | [@react-native-oh-tpl/react-native-image-marker](https://github.com/react-native-oh-library/react-native-image-marker/releases)                                                    | [链接](/zh-cn/react-native-image-marker.md)     |
+| 305   | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                 |  3.6.10       | 是        | 开发中                                                   | 开发中     |
+| 306   | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                 |   3.4.2      | -         | 开发中                                               | 开发中    |
+| 307   | [react-native-notifier](https://github.com/seniv/react-native-notifier)                 |   2.0.0      | -         | 开发中                                                    | 开发中     |
+| 308   | [react-native-graph](https://github.com/margelo/react-native-graph)                 |   1.1.0      | -         | 开发中                                                  | 开发中    |
+| 309   | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                 |  0.14.2       | -         | -                                                    | [链接](/zh-cn/react-native-mask-text.md)     |
+| 310   | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                 |   3.0.5      | 否        | 开发中                                                   | 开发中    |
+| 311   | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                 |   5.6.2      | 是        | [@react-native-oh-tpl/react-native-shake](https://github.com/react-native-oh-library/react-native-shake/releases)                                                   | [链接](/zh-cn/react-native-shake.md)     |
+| 312   | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                 |  1.4.26       | -         | [@react-native-oh-tpl/react-native-gifted-charts](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)                                                   | [链接](/zh-cn/react-native-gifted-charts.md)     |
+| 313   | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                 |  2.1.2       |否       | 开发中                                                  | 开发中   |
+| 314   | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                 |   1.5.2      | -         | -                                                    | [链接](/zh-cn/react-native-confetti-cannon.md)     |
+| 315   | [react-native-mail](https://github.com/chirag04/react-native-mail)                 |  6.1.1       | 否       | [@react-native-oh-tpl/react-native-mail](https://github.com/react-native-oh-library/react-native-mail/releases)                                                  | [链接](/zh-cn/react-native-mail.md)     |
+| 316   | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile)                 |    3.2.1     | -         | -                                                    | [链接](/zh-cn/react-countdown-circle-timer.md)     |
+| 317   | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                 |  2.4.6       | -         | -                                                    | [链接](/zh-cn/rn-sliding-up-panel.md)     |
+| 318   | [react-native-tts](https://github.com/ak1394/react-native-tts)                 |   4.1.1      | 是        | [@react-native-oh-tpl/react-native-tts](https://github.com/react-native-oh-library/react-native-tts/releases)                                                    | [链接](/zh-cn/react-native-tts.md)     |
+| 319   | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                 |   12.0.0      | -        | -                                                    | [链接](/zh-cn/react-navigation-header-buttons.md)     |
+| 320   | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                 |    2.1.0     | -         | -                                                    | [链接](/zh-cn/react-native-phone-number-input.md)     |
+| 321   | [react-native-version-number](https://github.com/APSL/react-native-version-number)                 |  0.3.6       | 否        | 开发中                                                   |开发中     |
+| 322   | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                 |     0.1.16    | -         | 开发中                                                   |开发中     |
+| 323   | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                 |   5.0.0      | 是        | 开发中                                                    | 开发中     |
+| 324   | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                 |   4.3.14      | 是        | 开发中                                                    | 开发中     |
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas) |  4.7.2     | 是                 |  -  | [链接](/zh-cn/react-native-signature-canvas.md)|
+| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header) |   1.0.0-rc.9     | -                 |  开发中  | 开发中|
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select) |   0.5.12     | -                 |  -  | [链接](/zh-cn/react-native-multiple-select.md)|
+| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch) |   1.5.1     |-|-| [链接](/zh-cn/react-native-switch.md)|
+| 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu) |  2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-material-menu.md)|
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list) |  0.1.2     | -                 |  -  | [链接](/zh-cn/react-native-swipeable-list.md)|
+| 331  | [galio-framework](https://github.com/galio-org/galio) |   0.8.0     | -                 |  -  | [链接](/zh-cn/galio-framework.md)|
+| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager) |4.2.0| 否| 开发中  | 开发中|
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom) |1.0.1     | 否                 |  [@react-native-oh-tpl/react-native-securerandom](https://github.com/react-native-oh-library/react-native-securerandom/releases)  | [链接](/zh-cn/react-native-securerandom.md)|
+| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket) |6.2.0     | 否  |  开发中  | 开发中|
+| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet) |0.7.0  | -   |  开发中  | 开发中|
+| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent) |1.3.0     | 是         |  开发中  | 开发中|
+| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot) |3.3.2     | -                 |  -  | [链接](/zh-cn/react-native-copilot.md)|
+| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery) |0.4.2     | -      |  开发中  | 开发中|
+| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet) |0.3.2    | -       |  开发中  | 开发中|
+| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard) |1.7.0     | -                 |  [@react-native-oh-tpl/rn-emoji-keyboard](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)  | [链接](/zh-cn/rn-emoji-keyboard.md)|
+| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar) |2.6.4     | -     |  开发中  | 开发中|
+| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer) |3.2.8     | -                 |  [@react-native-oh-tpl/react-native-markdown-renderer](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)  | [链接](/zh-cn/react-native-markdown-renderer.md)|
+| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules) |1.0.3     | -    |  开发中  | 开发中|
+| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color) |2.0.2     | -       |  开发中  | 开发中|
+| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript) |0.0.1     | -       |  开发中  | 开发中|
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info) |5.2.1     | 是                 |  [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)  | [链接](/zh-cn/react-native-network-info.md)|
+| 347  | [react-native-udp](https://github.com/tradle/react-native-udp) |4.1.7     | -      |  开发中  | 开发中|
+| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works) |2.0.0     | -      |  开发中  | 开发中|
+| 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard) |1.0.0     | -                 |  -  | [链接](/zh-cn/react-native-dismiss-keyboard.md)|
+| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access) |3.1.0    | 是      |  开发中  | 开发中|
+| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading) |1.2.0     | 否        |  开发中  | 开发中|
+| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars) |2.4.3     | 是                 |  [@react-native-oh-tpl/react-native-bars](https://github.com/react-native-oh-library/react-native-bars/releases)  | [链接](/zh-cn/react-native-bars.md)|
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr) |0.3.0     | 否     |  开发中  | 开发中|
+| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent) |1.2.1       | 是                 |  [@react-native-oh-tpl/react-native-screenshot-prevent](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)  | [链接](/zh-cn/react-native-screenshot-prevent.md)|
+| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect) |3.1.0     | 是     |  开发中  | 开发中|
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite) |6.2.11                                             | 是      |  开发中  | 开发中|
+| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation) |0.6.0     | 是       |  开发中  | 开发中|
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys) |0.7.10     | 是              |  开发中  | 开发中|
+| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control) |6.0.0     | 否         |  开发中  | 开发中|
+| 360  | [@baronha/ting](https://github.com/baronha/ting) |1.2.1     | 是        |  开发中  | 开发中|
+| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings) |1.0.2     | 是       |  开发中  | 开发中|
+| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors) |0.4.0     | 是         |  开发中  | 开发中|
+| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder) |2.0.0     | -                 |  [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)  | [链接](/zh-cn/react-native-barcode-builder.md)|
+| 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows) |1.1.2     | 否                 |  [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)  | [链接](/zh-cn/react-native-neomorph-shadows.md)|
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From db559412a3b68be5606652b0f641a0a5ca5b2539 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <891661163@qq.com>
Date: Tue, 13 Aug 2024 02:05:11 +0000
Subject: [PATCH 379/966] =?UTF-8?q?!1334=20docs:=20=E6=96=B0=E5=BB=BAreact?=
 =?UTF-8?q?-native-image-crop-picker=EF=BC=88nocodegen=EF=BC=89=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAJINM]=20=E6=96=B0?=
 =?UTF-8?q?=E5=BB=BAreact-native-image-crop-picker=EF=BC=88nocodegen?=
 =?UTF-8?q?=EF=BC=89=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...act-native-image-crop-picker(nocodegen).md | 342 ++++++++++++++++++
 1 file changed, 342 insertions(+)
 create mode 100644 zh-cn/react-native-image-crop-picker(nocodegen).md

diff --git a/zh-cn/react-native-image-crop-picker(nocodegen).md b/zh-cn/react-native-image-crop-picker(nocodegen).md
new file mode 100644
index 00000000..48c73b2f
--- /dev/null
+++ b/zh-cn/react-native-image-crop-picker(nocodegen).md
@@ -0,0 +1,342 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-crop-picker（nocodegen）</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ivpusic/react-native-image-crop-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-crop-picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)，并下载带有 `nc` 标识的 tgz 包，如 `0.40.3-nc.0.0.9`。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] #处替换为 tgz 包的路径
+
+#### **npm**
+
+```
+npm install @react-native-oh-tpl/react-native-image-crop-picker@file:#
+```
+
+#### **yarn**
+
+```
+yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
+```
+
+使用场景同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#yarn)
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+
+```
+在工程根目录的 oh-package.json5 添加 overrides字段
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 配置 Entry
+
+**1.在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
+
+```ts
+import UIAbility from '@ohos.app.ability.UIAbility'
+import window from '@ohos.window'
+
+const TAG = 'ImageEditAbility';
+
+export default class ImageEditAbility extends UIAbility {
+
+  onWindowStageCreate(windowStage: window.WindowStage) {
+    this.setWindowOrientation(windowStage, window.Orientation.PORTRAIT)
+    windowStage.loadContent('pages/ImageEdit', (err, data) => {
+      if (err.code) {
+        console.info(TAG,'Failed to load the content. Cause: %{public}s',
+          JSON.stringify(err) ?? '')
+        return;
+      }
+      console.info(TAG,'Succeeded in loading the content')
+    });
+    try {
+      windowStage.getMainWindowSync().setWindowLayoutFullScreen(true, (err)=>{
+        if (err.code) {
+          console.error('Failed to enable the full-screen mode. Cause: ' + JSON.stringify(err));
+          return;
+        }
+        console.info('Succeeded in enabling the full-screen mode.');
+      })
+    } catch (exception) {
+      console.error('Failed to set the system bar to be invisible. Cause: ' + JSON.stringify(exception));
+    }
+  }
+
+  setWindowOrientation(stage: window.WindowStage, orientation: window.Orientation): void {
+    console.info(TAG,"into setWindowOrientation :")
+    if (!stage || !orientation) {
+      return;
+    }
+    stage.getMainWindow().then(windowInstance => {
+      windowInstance.setPreferredOrientation(orientation);
+    })
+  }
+
+  onBackground() {
+    this.context.terminateSelf();
+  }
+}
+```
+
+**2.在 entry/src/main/module.json5 注册 ImageEditAbility 并添加 requestPermissions**
+
+```json
+"ablilities":[{
+        "name": "ImageEditAbility",
+        "srcEntrance": "./ets/entryability/ImageEditAbility.ets",
+        "description": "$string:EntryAbility_desc",
+        "icon": "$media:icon",
+        "startWindowIcon": "$media:startIcon",
+        "startWindowBackground": "$color:start_window_background",
+        "removeMissionAfterTerminate": true,
+
+}
+...
+],
+"requestPermissions": [
+      {
+        "name": "ohos.permission.MEDIA_LOCATION",
+        "reason": "$string:reason",
+        "usedScene": {
+          "abilities": [
+            "ImageEditAbility"
+          ],
+          "when": "inuse"
+        }
+      },
+      {
+        "name": "ohos.permission.READ_MEDIA",
+        "reason": "$string:reason",
+        "usedScene": {
+          "abilities": [
+            "ImageEditAbility"
+          ],
+          "when": "inuse"
+        }
+      },
+      {
+        "name": "ohos.permission.WRITE_MEDIA",
+        "reason": "$string:reason",
+        "usedScene": {
+          "abilities": [
+            "ImageEditAbility"
+          ],
+          "when": "inuse"
+        }
+      }
+    ]
+
+```
+
+**3.在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
+
+```ts
+import { ImageEditInfo } from '@react-native-oh-tpl/react-native-image-crop-picker';
+
+@Entry
+@Component
+struct ImageEdit {
+
+ build() {
+  Row(){
+   Column(){
+    ImageEditInfo();
+   }
+   .width('100%')
+  }
+  .height('100%')
+ }
+}
+```
+
+**4.在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+
+```json
+{
+ "src": [
+  "pages/Index",
+  "pages/ImageEdit"
+ ]
+}
+```
+
+**5.打开 entry/src/main/resources/base/element/string.json，添加**
+
+```json
+{
+  "string": [
+    {
+     "name": "reason",
+      "value": "Access Write Media"
+   }
+  ]
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入。
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-crop-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-crop-picker/harmony/image_crop_picke.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 ImageCropPickerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-image-crop-picker/src/main/cpp" ./image-crop-picker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
++ file(GLOB IMAGE_CROP_PICKER_CPP_FILES "${OH_MODULES}/@react-native-oh-tpl/react-native-image-crop-picker/src/main/cpp/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
++  ${IMAGE_CROP_PICKER_CPP_FILES }
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_image-crop-picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ImageCropPickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++ std::make_shared<ImageCropPickerPackage>(ctx),
+    };
+}
+
+```
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ImageCropPickerPackage } from "@react-native-oh-tpl/react-native-image-crop-picker/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ImageCropPickerPackage (ctx),
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)
+
+## API
+
+同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#api)
+
+## 属性
+
+同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#%E5%B1%9E%E6%80%A7)
+
+## 遗留问题
+
+同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#%E9%81%97%E7%95%99%E9%97%AE%E9%A2%98)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+

From a8546d08445c43abe5e8c81c0083ea6573aec186 Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Tue, 13 Aug 2024 11:54:24 +0000
Subject: [PATCH 380/966] =?UTF-8?q?!1342=20=E4=BF=AE=E6=94=B9usage-docs?=
 =?UTF-8?q?=E5=92=8Cusage-docs/zh-cn=E4=B8=8B=E7=9A=84README=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=20*=20docs:=20[Issues:=20#IAJ0L6]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9usage-docs=E5=92=8Cusage-docs/zh-cn=E4=B8=8B=E7=9A=84R?=
 =?UTF-8?q?EADME=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 259 ++++++++++++++++++++++++---------------------
 zh-cn/README.md | 275 +++++++++++++++++++++++++-----------------------
 2 files changed, 284 insertions(+), 250 deletions(-)

diff --git a/README.md b/README.md
index 0f86dd1a..0634cbe0 100644
--- a/README.md
+++ b/README.md
@@ -89,7 +89,7 @@
 | 57  | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
 | 58  | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
 | 59  | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否         | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
-| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
+| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | 开发中                                 | 开发中                      |
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
 | 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 否         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
@@ -120,16 +120,16 @@
 | 88  | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
 | 89  | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是         | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
 | 90  | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是         | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
-| 91  | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view) | 1.0.0         | \-        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
-| 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
+| 91  | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view) | 1.0.0         | -        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
 | 93  | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否         | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
 | 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
 | 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
-| 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-harmony-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
-| 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
-| 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
-| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
+| 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | -        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | 开发中                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
+| 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
+| 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
+| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | -        | 开发中                                          | 开发中                        |
 | 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是         | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
 | 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-        | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
 | 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
@@ -179,14 +179,14 @@
 | 147 | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是         | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
 | 148 | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否         | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
 | 149 | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
-| 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
-| 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
+| 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
+| 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
 | 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | -         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
 | 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | -         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
-| 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
+| 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
 | 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | -         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
 | 156 | [react-native-code-push](https://github.com/microsoft/react-native-code-push) | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
-| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
+| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | -                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
 | 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 否                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
 | 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 否                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
 | 160  | [react-native-bindingx](https://github.com/alibaba/bindingx) | 1.0.3         | 否                | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases) | [链接](/zh-cn/react-native-bindingx.md)                     |
@@ -203,16 +203,16 @@
 | 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
 | 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
 | 173  | [@itenl/react-native-scrollable-tabview](https://github.com/itenl/react-native-scrollable-tabview) | 1.1.7         | -                 | - | [链接](/zh-cn/react-native-scrollable-tabview.md)                     |
-| 174  | [rneui](https://github.com/react-native-elements/react-native-elements) | 4.0.0-rc.8         | -                 | - | [链接](/zh-cn/react-native-elements.md)                     |
+| 174  | [rneui](https://github.com/react-native-elements/react-native-elements) | 4.0.0-rc.8         | -                 | 开发中 | 开发中                     |
 | 175  | [react-native-root-toast](https://github.com/magicismight/react-native-root-toast) | 3.5.1         | -                 | - | [链接](/zh-cn/react-native-root-toast.md)                     |
 | 176  | [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer) | 2.4.1         | 否                 | [@react-native-oh-tpl/react-native-background-timer](https://github.com/react-native-oh-library/react-native-background-timer/releases) | [链接](/zh-cn/react-native-background-timer.md)                     |
 | 177  | [react-native-htmlview](https://github.com/jsdf/react-native-htmlview) | 0.17.0         | -                 |  -  | [链接](/zh-cn/react-native-htmlview.md)                     |
 | 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) | 1.5.1         | -                 |  -  | [链接](/zh-cn/react-native-spinkit.md)                     |
 | 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element) | 3.1.2         | -                 |  -  | [链接](/zh-cn/react-navigation-shared-element.md)                     |
 | 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector) | 2.1.4         | -                 |  -  | [链接](/zh-cn/react-native-switch-selector.md)                     |
-| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  -  | [链接](/zh-cn/callstack-react-theme-provider.md)                     |
+| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  开发中  | 开发中                     |
 | 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge) | 0.6.1        | 是                 |  [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)  | [链接](/zh-cn/react-native-http-bridge.md)                     |
-| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)  | [链接](/zh-cn/react-native-qr-decode-image-camera.md)                     |
+| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  开发中  | 开发中                     |
 | 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) | 4.4.1       | 否                 |  [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)  | [链接](/zh-cn/react-native-touch-id.md)                     |
 | 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable) | 1.4.0       | -                 |  -  | [链接](/zh-cn/react-native-animatable.md)                     |
 | 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal) | 13.0.1       | -                 |  [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)  | [链接](/zh-cn/react-native-modal.md)                     |
@@ -221,9 +221,9 @@
 | 189  | [react-native-restart](https://github.com/avishayil/react-native-restart) | 0.0.27       | 是                 |  [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)  | [链接](/zh-cn/react-native-restart.md)                     |
 | 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting) | 1.7.6       | 否                 |  [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)  | [链接](/zh-cn/react-native-system-setting.md)                     |
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake) | 4.0.0       | 否                 |  [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)  | [链接](/zh-cn/react-native-keep-awake.md)                     |
-| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks) | 3.0.0       | -                 |  -  | [链接](/zh-cn/react-native-community-hooks.md)                     |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks) | 3.0.0       | -                 |  开发中  | 开发中                     |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation) |  6      | -                 |  [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)  | [链接](/zh-cn/react-navigation.md)                     |
-| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) |  1.4.4      | 否                 |  -  | [链接](/zh-cn/react-native-default-preference.md)                     |
+| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) |  1.4.4      | 否                 |  开发中  | 开发中                     |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager) |  11.5.5      | 否                 |  [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)  | [链接](/zh-cn/react-native-ble-manager.md)                     |
 | 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) |  6.0.0-alpha.9      | 否                 |  [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)  | [链接](/zh-cn/react-native-sensitive-info.md)                     |
 | 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation) |  0.1.7      | -                 |  -  | [链接](/zh-cn/react-native-typing-animation.md)                     |
@@ -231,169 +231,186 @@
 | 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation) |  3.1.3      | -                 |  [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)  | [链接](/zh-cn/react-native-orientation.md)                     |
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide) |  3.3.0      | -                 |  [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)  | [链接](/zh-cn/rn-tourguide.md)                     |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) |  5.1.2      | 是                 |  [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)  | [链接](/zh-cn/react-native-performance.md)                     |
-| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library) |   12.5.1     | -                 |  -  | [链接](/zh-cn/react-native-testing-library.md)                     |
-| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) |   5.4.6     | -                 |  -  | [链接](/zh-cn/react-native-dropdown-picker.md)                     |
-| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) |   10.2.1     | 是                 |  [@react-native-oh-tpl/react-native-share](https://github.com/react-native-oh-library/react-native-share/releases)  | [链接](/zh-cn/react-native-share.md)                     |
-| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown) |   0.11.1     | -                 |  [@react-native-oh-tpl/react-native-material-dropdown](https://github.com/react-native-oh-library/react-native-material-dropdown/releasess)  | [链接](/zh-cn/react-native-material-dropdown.md)                     |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library) |   12.5.1     | -                 |  开发中  | 开发中                     |
+| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) |   5.4.6     | -                 |  开发中  | 开发中                     |
+| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) |   10.2.1     | 是                 |  开发中  | 开发中                     |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown) |   0.11.1     | -                 |  开发中  | 开发中                    |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker) |   9.2.0     | 是                 |  [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)  | [链接](/zh-cn/react-native-document-picker.md)                     |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner) |   6.0.0     | 否                 |  [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)  | [链接](/zh-cn/react-native-fingerprint-scanner.md)                     |
-| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases)  | [链接](/zh-cn/react-native-get-random-values.md)                     |
-| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase/releases)  | 开发中                     |
-| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 |  [@react-native-oh-tpl/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)  | [链接](/zh-cn/react-native-orientation-locker.md)                     |
-| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  -  | [链接](/zh-cn/sentry-react-native.md)                     |
-| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  [@react-native-oh-tpl/react-native-bootsplash](https://github.com/react-native-oh-library/react-native-bootsplash/releases)  | [链接](/zh-cn/react-native-bootsplash.md)                     |
-| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  -  | [链接](/zh-cn/react-native-size-matters.md)                     |
-| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) |   2.4.0     | -                 |  -  | [链接](/zh-cn/react-native-size-matters.md)                     |
-| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS) |   5.3.0-beta.1     | -                 |  -  | [链接](/zh-cn/Parse-SDK-JS.md)                     |
+| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  开发中  | 开发中                     |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  开发中  | 开发中                     |
+| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 |  开发中  | 开发中                     |
+| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  开发中  | 开发中                     |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  开发中  | 开发中                     |
+| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  开发中  | 开发中                    |
+| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) |   2.4.0     | -                 |  开发中  | 开发中                     |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS) |   5.3.0-beta.1     | -                 |  开发中  | 开发中                     |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2) |   7.0.8     | -                 |  -  | [链接](/zh-cn/react-native-shadow-2.md)                     |
-| 217  | [@shopify/restyle](https://github.com/Shopify/restyle) |   2.4.2     | -                 |  -  | [链接](/zh-cn/restyle.md)                     |
-| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) |   2.0.11     | -                 |  [nativewind](https://github.com/react-native-oh-library/nativewind/releases)  | [链接](/zh-cn/nativewind.md)                     |
-| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-country-picker-modal.md)                     |
-| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) |   2.2.0     | 是                 |  [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)  | [链接](/zh-cn/react-native-haptic-feedback.md)                     |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle) |   2.4.2     | -                 |  开发中  | 开发中                     |
+| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) |   2.0.11     | -                 |  开发中  | 开发中                     |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal) |   2.0.0     | -                 |  开发中  | 开发中                     |
+| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) |   2.2.0     | 是                 |  开发中  | 开发中                     |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-url-polyfill.md)                     |
-| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) |   2.0.8     | 否                 |  -  | [链接](/zh-cn/react-native-shimmer-placeholder.md)                     |
-| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message) |   0.4.2     | -                 |  -  | [链接](/zh-cn/react-native-flash-message.md)                     |
+| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) |   2.0.8     | 否                 |  开发中  | 开发中                     |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message) |   0.4.2     | -                 |  开发中  | 开发中                     |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings) |   8.1.0     | -                 |  -  | [链接](/zh-cn/react-native-ratings.md)                     |
-| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert) |   5.1.0     | 否                 |  [@react-native-oh-tpl/react-native-dropdownalert](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)  | [链接](/zh-cn/react-native-dropdownalert.md)                     |
-| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown) |   2.12.1     | -                 |  -  | [链接](/zh-cn/react-native-element-dropdown.md)                     |
-| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) |   0.2.2     | -                 |  -  | [链接](/zh-cn/react-native-easy-grid.md)                     |
-| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline) |   6.0.2     | -                 |  -  | [链接](/zh-cn/react-native-offline.md)                     |
-| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui) |   1.30.1     | -                 |  [@react-native-oh-tpl/react-material-ui](https://github.com/react-native-oh-library/react-native-material-ui/releases)  | [链接](/zh-cn/react-native-material-ui.md)                     |
-| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input) |   0.4.1     | -                 |  [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)  | [链接](/zh-cn/react-native-credit-card-input.md)                     |
-| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) |   2.2.0     | -                 |  -  | [链接](/zh-cn/react-native-crypto.md)                     |
-| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) |   2.7.2     | 否                 |  [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases)  | [链接](/zh-cn/react-native-unitsyles.md)                     |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert) |   5.1.0     | 否                 |  开发中  | 开发中                     |
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown) |   2.12.1     | -                 |  开发中  | 开发中                     |
+| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) |   0.2.2     | -                 |  开发中  | 开发中                     |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline) |   6.0.2     | -                 |  开发中  | 开发中                     |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui) |   1.30.1     | -                 |  开发中  | 开发中                     |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input) |   0.4.1     | -                 |  开发中  | 开发中                     |
+| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) |   2.2.0     | -                 |  开发中  | 开发中                     |
+| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) |   2.7.2     | 否                 |  开发中  | 开发中                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture) |   0.4.11     | 否                 |  [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)  | [链接](/zh-cn/react-native-signature-capture.md)                     |
-| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  -  | [链接](/zh-cn/react-native-deck-swiper.md)                     |
-| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  -  | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                     |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  开发中  | 开发中                     |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  开发中  | 开发中                     |
 | 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  开发中  | 开发中                     |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons) |   0.6.0     | 否                 |  [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)  | [链接](/zh-cn/react-native-material-buttons.md)                     |
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox) |   0.9.0     | -                 |  -  | [链接](/zh-cn/react-native-lightbox.md)                     |
 | 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail) | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | [链接](/zh-cn/react-native-create-thumbnail.md)              |
-| 242  | [react-native-paper](https://github.com/callstack/react-native-paper) | 5.12.5         | \-                 | \-                                                           | [链接](/zh-cn/react-native-paper.md)                         |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper) | 5.12.5         | -                 | 开发中                                                           | 开发中                         |
 | 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts) | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases) | [链接](/zh-cn/react-native-contacts.md)                      |
 | 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element) | 0.8.9          | 是                 | 开发中                                                       | 开发中                                                       |
-| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) | 5.0.0-alpha.11 | \-                 | 开发中                                                           | 开发中                                                       |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) | 5.0.0-alpha.11 | -                 | 开发中                                                           | 开发中                                                       |
 | 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage) | 0.10.2         | 否                 | 开发中                                                       | 开发中                                                       |
-| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) | 7.0.0          | \-                 | 开发中                                                       | 开发中                                                       |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) | 7.0.0          | -                 | 开发中                                                       | 开发中                                                       |
 | 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia) | 1.3.7          | 是                 | 开发中                                                       | 开发中                                                       |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print) | 0.10.0         | 否                 | 开发中                                                       | 开发中                                                       |
-| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
-| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select) | 9.2.0          | \-                 | 开发中                                                       | 开发中                                                       |
+| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | 开发中 | 开发中                  |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select) | 9.2.0          | -                 | 开发中                                                       | 开发中                                                       |
 | 252    | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player) | 4.1.1         | 是                 | 开发中                                                            | 开发中                                                      |
 | 253    |  [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication) | 2.3.0         | 否                 | 开发中                                                           | 开发中                                                      |
-| 254   | [natnativewind-monorepo](https://github.com/nativewind/nativewind) | 2.0.11        | \-                | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                |
+| 254   | [natnativewind-monorepo](https://github.com/nativewind/nativewind) | 2.0.11        | -                | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                |
 | 255 | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit) | 13.0.0        | 是                 | 开发中                                                          | 开发中                                                      |
-| 256 | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager) | 3.15.1        | 是 | [@react-native-oh-tpl/react-native-nfc-manager](https://github.com/react-native-oh-library/react-native-nfc-manager/releases) | [链接](/zh-cn/react-native-nfc-manager.md)                  |
+| 256 | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager) | 3.15.1        | 是 | 开发中 | 开发中                  |
 | 257 | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash) | 2.0.3         | 是                 | 开发中                                                          | 开发中                                                      |
 | 258 | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask) | 3.1.5         | 否                 | 开发中                                                           | 开发中                                                      |
 | 259 | [react-native-auth0](https://github.com/auth0/react-native-auth0) | 4.0.0-beta.0  | 是                 | 开发中                                                           | 开发中                                                      |
 | 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0         | 否                 | 开发中                                                          | 开发中                                                      |
 | 261 | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller) | 1.12.6        | 是                 |开发中                                                           | 开发中                                                      |
 | 262 | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput) | 5.0.0         | 是                 |开发中                                                           | 开发中                                                      |
-| 263 | [redux-flipper](https://github.com/jk-gan/redux-flipper) | 2.0.3         | \-                 | 开发中                                                         | 开发中                                                      |
-| 264 | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc) | 3.2.0 | \-                 | 开发中                                                          | 开发中                                                      |
+| 263 | [redux-flipper](https://github.com/jk-gan/redux-flipper) | 2.0.3         | -                 | 开发中                                                         | 开发中                                                      |
+| 264 | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc) | 3.2.0 | -                 | 开发中                                                          | 开发中                                                      |
 | 265 | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view) | 1.16.0        | 否                 |开发中                                                           | 开发中                                                      |
 | 266 | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView) | 0.14.0        | 否                 | 开发中                                                           | 开发中                                                      |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view) | 3.0.0-alpha4  | 是                 | 开发中                                                           | 开发中                                                      |
-| 268 | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) | 0.16.1        | \- | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases) | [链接](/zh-cn/react-native-material-textfield.md)                   |
-| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1         | \-                 | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)         |
+| 268 | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) | 0.16.1        | - | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases) | [链接](/zh-cn/react-native-material-textfield.md)                   |
+| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1         | -                 | 开发中 | 开发中         |
 | 270 | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper) | 0.262.0       | 否                 | 开发中                                                           | 开发中                                                      |
-| 271 | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles) | 0.2.7         | \-                 | \-                                                           | [链接](/zh-cn/react-native-material-design-style.md)        |
-| 272 | [react-native-flip-card](https://github.com/moschan/react-native-flip-card) | 3.5.7         | \-                 | \-                                                           | [链接](/zh-cn/react-native-flip-card.md)                    |
+| 271 | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles) | 0.2.7         | -                 | -                                                           | [链接](/zh-cn/react-native-material-design-style.md)        |
+| 272 | [react-native-flip-card](https://github.com/moschan/react-native-flip-card) | 3.5.7         | -                 | -                                                           | [链接](/zh-cn/react-native-flip-card.md)                    |
 | 273 | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes) | 3.6.1         | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases) | [链接](/zh-cn/react-native-randombytes.md)                  |
 | 274 | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow) | 0.0.5         | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases) | [链接](/zh-cn/react-native-view-overflow.md)                |
-| 275 | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text) | 1.13.0        | \-                 | \-                                                           | [链接](/zh-cn/react-native-masked-text.md)                                  |
-| 276   | [reassure](https://github.com/callstack/reassure)                 | 1.0.0        | -         | -                                                    | [链接](/zh-cn/reassure.md)     |
+| 275 | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text) | 1.13.0        | -                 | -                                                           | [链接](/zh-cn/react-native-masked-text.md)                                  |
+| 276   | [reassure](https://github.com/callstack/reassure)                 | 1.0.0        | -         | 开发中                                                    | 开发中     |
 | 277   | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution)                 | 6.2.2        | 否         | 开发中                                                    | 开发中     |
 | 278   | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                 | 0.0.22        | -         | -                                                    | [链接](/zh-cn/react-native-parsed-text.md)     |
-| 279   | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)                 | 3.0.1        | -         | -                                                    | [链接](/zh-cn/react-native-loading-spinner-overlay.md)     |
-| 280   | [voice](https://github.com/react-native-voice/voice)                 |    3.2.4     | 否         | [@react-native-oh-tpl/voice](https://github.com/react-native-oh-library/voice/releases)                                                    | [链接](/zh-cn/react-native-voice-voice.md)     |
-| 281   | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                 |  0.0.22       | -         | -                                                    | [链接](/zh-cn/react-native-hyperlink.md)     |
+| 279   | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)     | 3.0.1        | -         | 开发中                                                   | 开发中     |
+| 280   | [voice](https://github.com/react-native-voice/voice)                 |    3.2.4     | 否         | 开发中                                                    | 开发中     |
+| 281   | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                 |  0.0.22       | -         | 开发中                                                    | 开发中     |
 | 282   | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                 |   1.15.0      | 是        | 开发中                                                   | 开发中    |
 | 283   | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                 |  5.4.0       | -         | -                                                    | [链接](/zh-cn/react-native-autocomplete-input.md)     |
-| 284   | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                 |     6.0.0-alpha.9    | 否        | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                                                    | [链接](/zh-cn/react-native-sensitive-info.md)     |
+| 284   | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                 |     6.0.0-alpha.9    | 否        | 开发中                                                    | 开发中     |
 | 285   | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                 |   4.2.5      | 否        | 开发中                                                    | 开发中    |
-| 286   | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                 |   1.0.3      | -         | -                                                    | [链接](/zh-cn/react-native-step-indicator.md)     |
+| 286   | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                 |   1.0.3      | -         | 开发中                                                    | 开发中     |
 | 287   | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                 |   4.16.5      | 否         | 开发中                                                   | 开发中      |
-| 288   | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                 |   1.6.0      | -         | -                                                    | [链接](/zh-cn/react-native-walkthrough-tooltip.md)     |
-| 289   | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                 |    4.2.0     | -         | -                                                    | [链接](/zh-cn/react-native-autoLink.md)     |
-| 290   | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                 |    0.17.0     | -         | -                                                    | [链接](/zh-cn/react-native-indicators.md)     |
-| 291   | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                 |    0.9.1     | -         | -                                                    | [链接](/zh-cn/react-native-material-ripple.md)     |
+| 288   | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                 |   1.6.0      | -         | 开发中                                                   | 开发中     |
+| 289   | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                 |    4.2.0     | -         | 开发中                                                | 开发中     |
+| 290   | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                 |    0.17.0     | -         | 开发中                                                  | 开发中     |
+| 291   | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                 |    0.9.1     | -         | 开发中                                                  | 开发中     |
 | 292   | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                 |    1.2.4     | -         | -                                                    | [链接](/zh-cn/react-native-error-boundary.md)     |
 | 293   | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                 |   11.5.5      | 否         | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                                                    | [链接](/zh-cn/react-native-ble-manager.md)     |
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                 |   5.3.0      | -         | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                                    | [链接](/zh-cn/react-native-svg-charts.md)     |
 | 295   | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                 |    2.1.5     | 否       | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                                                   | [链接](/zh-cn/react-native-file-viewer.md)     |
-| 296   | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                 |    0.5.1     | -         | -                                                    | [链接](/zh-cn/react-native-responsive-fontsize.md)     |
+| 296   | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                 |    0.5.1     | -         | 开发中                                                  | 开发中     |
 | 297   | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                 |   0.12.0      |否       |开发中                                            | 开发中     |
-| 298   | [react-native-typography](https://github.com/hectahertz/react-native-typography)                 |    1.4.1     | -         | [@react-native-oh-tpl/react-native-typography](https://github.com/react-native-oh-library/react-native-typography/releases)                                                  | [链接](/zh-cn/react-native-typography.md)     |
-| 299   | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                 |     2.4.0    |否         | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                    | [链接](/zh-cn/react-native-image-colors.md)     |
-| 300   | [react-content-loader](https://github.com/danilowoz/react-content-loader)                 |   7.0.2      | -         | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                    | [链接](/zh-cn/react-content-loader.md)     |
-| 301   | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                 | 2.7.1        | 否       | [@react-native-oh-tpl/react-native-snackbar](https://github.com/react-native-oh-library/react-native-snackbar/releases)                                                    | [链接](/zh-cn/react-native-snackbar.md)     |
+| 298   | [react-native-typography](https://github.com/hectahertz/react-native-typography)                 |    1.4.1     | -         | 开发中                                             | 开发中    |
+| 299   | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                 |     2.4.0    |否         | 开发中                                                    | 开发中     |
+| 300   | [react-content-loader](https://github.com/danilowoz/react-content-loader)                 |   7.0.2      | -         | 开发中                                                  | 开发中     |
+| 301   | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                 | 2.7.1        | 否       | 开发中                                                    | 开发中     |
 | 302   | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                 |   1.9.0      | -         | 开发中                                                   | 开发中      |
 | 303   | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                 |   1.0.0-alpha.22      | -         | 开发中                                                   | 开发中     |
-| 304   | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                 | 1.2.6        | 否        | [@react-native-oh-tpl/react-native-image-marker](https://github.com/react-native-oh-library/react-native-image-marker/releases)                                                    | [链接](/zh-cn/react-native-image-marker.md)     |
+| 304   | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                 | 1.2.6        | 否        | 开发中                                                    | 开发中     |
 | 305   | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                 |  3.6.10       | 是        | 开发中                                                   | 开发中     |
 | 306   | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                 |   3.4.2      | -         | 开发中                                               | 开发中    |
 | 307   | [react-native-notifier](https://github.com/seniv/react-native-notifier)                 |   2.0.0      | -         | 开发中                                                    | 开发中     |
 | 308   | [react-native-graph](https://github.com/margelo/react-native-graph)                 |   1.1.0      | -         | 开发中                                                  | 开发中    |
-| 309   | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                 |  0.14.2       | -         | -                                                    | [链接](/zh-cn/react-native-mask-text.md)     |
+| 309   | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                 |  0.14.2       | -         | 开发中                                                    | 开发中     |
 | 310   | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                 |   3.0.5      | 否        | 开发中                                                   | 开发中    |
-| 311   | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                 |   5.6.2      | 是        | [@react-native-oh-tpl/react-native-shake](https://github.com/react-native-oh-library/react-native-shake/releases)                                                   | [链接](/zh-cn/react-native-shake.md)     |
-| 312   | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                 |  1.4.26       | -         | [@react-native-oh-tpl/react-native-gifted-charts](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)                                                   | [链接](/zh-cn/react-native-gifted-charts.md)     |
+| 311   | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                 |   5.6.2      | 是        | 开发中                                                 | 开发中     |
+| 312   | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                 |  1.4.26       | -         | 开发中                                                   | 开发中     |
 | 313   | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                 |  2.1.2       |否       | 开发中                                                  | 开发中   |
-| 314   | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                 |   1.5.2      | -         | -                                                    | [链接](/zh-cn/react-native-confetti-cannon.md)     |
-| 315   | [react-native-mail](https://github.com/chirag04/react-native-mail)                 |  6.1.1       | 否       | [@react-native-oh-tpl/react-native-mail](https://github.com/react-native-oh-library/react-native-mail/releases)                                                  | [链接](/zh-cn/react-native-mail.md)     |
-| 316   | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile)                 |    3.2.1     | -         | -                                                    | [链接](/zh-cn/react-countdown-circle-timer.md)     |
-| 317   | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                 |  2.4.6       | -         | -                                                    | [链接](/zh-cn/rn-sliding-up-panel.md)     |
-| 318   | [react-native-tts](https://github.com/ak1394/react-native-tts)                 |   4.1.1      | 是        | [@react-native-oh-tpl/react-native-tts](https://github.com/react-native-oh-library/react-native-tts/releases)                                                    | [链接](/zh-cn/react-native-tts.md)     |
-| 319   | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                 |   12.0.0      | -        | -                                                    | [链接](/zh-cn/react-navigation-header-buttons.md)     |
-| 320   | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                 |    2.1.0     | -         | -                                                    | [链接](/zh-cn/react-native-phone-number-input.md)     |
+| 314   | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                 |   1.5.2      | -         | 开发中                                                    | 开发中     |
+| 315   | [react-native-mail](https://github.com/chirag04/react-native-mail)                 |  6.1.1       | 否       | 开发中                                                 | 开发中     |
+| 316   | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile)                 |    3.2.1     | -         | 开发中                                               | 开发中     |
+| 317   | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                 |  2.4.6       | -         | 开发中                                                 | 开发中     |
+| 318   | [react-native-tts](https://github.com/ak1394/react-native-tts)                 |   4.1.1      | 是        | 开发中                                                | 开发中     |
+| 319   | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                 |   12.0.0      | -        | 开发中                                                  | 开发中     |
+| 320   | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                 |    2.1.0     | -         | 开发中                                                | 开发中     |
 | 321   | [react-native-version-number](https://github.com/APSL/react-native-version-number)                 |  0.3.6       | 否        | 开发中                                                   |开发中     |
 | 322   | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                 |     0.1.16    | -         | 开发中                                                   |开发中     |
 | 323   | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                 |   5.0.0      | 是        | 开发中                                                    | 开发中     |
 | 324   | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                 |   4.3.14      | 是        | 开发中                                                    | 开发中     |
-| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas) |  4.7.2     | 是                 |  -  | [链接](/zh-cn/react-native-signature-canvas.md)|
-| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header) |   1.0.0-rc.9     | -                 |  开发中  | 开发中|
-| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select) |   0.5.12     | -                 |  -  | [链接](/zh-cn/react-native-multiple-select.md)|
-| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch) |   1.5.1     |-|-| [链接](/zh-cn/react-native-switch.md)|
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas) |  4.7.2     | 是                 | 开发中 | 开发中|
+| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header) |   1.0.0-rc.9     | -                 |  开发中  | 开发中 |
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select) |   0.5.12     | -                 |  开发中  |  开发中  |
+| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch) |   1.5.1     |-|  开发中  |  开发中  |
 | 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu) |  2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-material-menu.md)|
-| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list) |  0.1.2     | -                 |  -  | [链接](/zh-cn/react-native-swipeable-list.md)|
-| 331  | [galio-framework](https://github.com/galio-org/galio) |   0.8.0     | -                 |  -  | [链接](/zh-cn/galio-framework.md)|
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list) |  0.1.2     | -                 |  开发中  |  开发中  |
+| 331  | [galio-framework](https://github.com/galio-org/galio) |   0.8.0     | -                 |  开发中  |  开发中  |
 | 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager) |4.2.0| 否| 开发中  | 开发中|
-| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom) |1.0.1     | 否                 |  [@react-native-oh-tpl/react-native-securerandom](https://github.com/react-native-oh-library/react-native-securerandom/releases)  | [链接](/zh-cn/react-native-securerandom.md)|
-| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket) |6.2.0     | 否  |  开发中  | 开发中|
-| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet) |0.7.0  | -   |  开发中  | 开发中|
-| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent) |1.3.0     | 是         |  开发中  | 开发中|
-| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot) |3.3.2     | -                 |  -  | [链接](/zh-cn/react-native-copilot.md)|
-| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery) |0.4.2     | -      |  开发中  | 开发中|
-| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet) |0.3.2    | -       |  开发中  | 开发中|
-| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard) |1.7.0     | -                 |  [@react-native-oh-tpl/rn-emoji-keyboard](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)  | [链接](/zh-cn/rn-emoji-keyboard.md)|
-| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar) |2.6.4     | -     |  开发中  | 开发中|
-| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer) |3.2.8     | -                 |  [@react-native-oh-tpl/react-native-markdown-renderer](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)  | [链接](/zh-cn/react-native-markdown-renderer.md)|
-| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules) |1.0.3     | -    |  开发中  | 开发中|
-| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color) |2.0.2     | -       |  开发中  | 开发中|
-| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript) |0.0.1     | -       |  开发中  | 开发中|
-| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info) |5.2.1     | 是                 |  [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)  | [链接](/zh-cn/react-native-network-info.md)|
-| 347  | [react-native-udp](https://github.com/tradle/react-native-udp) |4.1.7     | -      |  开发中  | 开发中|
-| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works) |2.0.0     | -      |  开发中  | 开发中|
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom) |1.0.1     | 否                 |  开发中  | 开发中 |
+| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket) |6.2.0     | 否  |  开发中  | 开发中 |
+| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet) |0.7.0  | -   |  开发中  | 开发中 |
+| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent) |1.3.0     | 是         |  开发中  | 开发中 |
+| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot) |3.3.2     | -                 |  开发中  |  开发中  |
+| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery) |0.4.2     | -      |  开发中  | 开发中 |
+| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet) |0.3.2    | -       |  开发中  | 开发中 |
+| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard) |1.7.0     | -                 |  开发中  |  开发中  |
+| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar) |2.6.4     | -     |  开发中  | 开发中 |
+| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer) |3.2.8     | -                 |  开发中  | 开发中 |
+| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules) |1.0.3     | -    |  开发中  | 开发中 |
+| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color) |2.0.2     | -       |  开发中  | 开发中 |
+| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript) |0.0.1     | -       |  开发中  | 开发中 |
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info) |5.2.1     | 是                 |  开发中  | 开发中 |
+| 347  | [react-native-udp](https://github.com/tradle/react-native-udp) |4.1.7     | -      |  开发中  | 开发中 |
+| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works) |2.0.0     | -      |  开发中  | 开发中 |
 | 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard) |1.0.0     | -                 |  -  | [链接](/zh-cn/react-native-dismiss-keyboard.md)|
-| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access) |3.1.0    | 是      |  开发中  | 开发中|
-| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading) |1.2.0     | 否        |  开发中  | 开发中|
-| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars) |2.4.3     | 是                 |  [@react-native-oh-tpl/react-native-bars](https://github.com/react-native-oh-library/react-native-bars/releases)  | [链接](/zh-cn/react-native-bars.md)|
-| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr) |0.3.0     | 否     |  开发中  | 开发中|
-| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent) |1.2.1       | 是                 |  [@react-native-oh-tpl/react-native-screenshot-prevent](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)  | [链接](/zh-cn/react-native-screenshot-prevent.md)|
-| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect) |3.1.0     | 是     |  开发中  | 开发中|
-| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite) |6.2.11                                             | 是      |  开发中  | 开发中|
-| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation) |0.6.0     | 是       |  开发中  | 开发中|
-| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys) |0.7.10     | 是              |  开发中  | 开发中|
-| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control) |6.0.0     | 否         |  开发中  | 开发中|
-| 360  | [@baronha/ting](https://github.com/baronha/ting) |1.2.1     | 是        |  开发中  | 开发中|
-| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings) |1.0.2     | 是       |  开发中  | 开发中|
-| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors) |0.4.0     | 是         |  开发中  | 开发中|
-| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder) |2.0.0     | -                 |  [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)  | [链接](/zh-cn/react-native-barcode-builder.md)|
+| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access) |3.1.0    | 是      |  开发中  | 开发中 |
+| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading) |1.2.0     | 否        |  开发中  | 开发中 |
+| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars) |2.4.3     | 是                 |  开发中  | 开发中 |
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr) |0.3.0     | 否     |  开发中  | 开发中 |
+| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent) |1.2.1       | 是                 |  开发中  |  开发中  |
+| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect) |3.1.0     | 是     |  开发中  | 开发中 |
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite) |6.2.11                                             | 是      |  开发中  | 开发中 |
+| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation) |0.6.0     | 是       |  开发中  | 开发中 |
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys) |0.7.10     | 是              |  开发中  | 开发中 |
+| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control) | 6.0.0     | 否         |  开发中  | 开发中 |
+| 360  | [@baronha/ting](https://github.com/baronha/ting) |1.2.1     | 是        |  开发中  | 开发中 |
+| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings) | 1.0.2     | 是       |  开发中  | 开发中 |
+| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors) | 0.4.0     | 是         |  开发中  | 开发中 |
+| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder) | 2.0.0     | -                 |  [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)  | [链接](/zh-cn/react-native-barcode-builder.md)|
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows) |1.1.2     | 否                 |  [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)  | [链接](/zh-cn/react-native-neomorph-shadows.md)|
+| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn) |5.1.0     | -                 |  开发中  |  开发中  |
+| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax) |0.10.3     | -                 |  开发中  |  开发中  |
+| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt) |1.3.1     | -                 |  开发中  |  开发中  |
+| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli) |2.2.4     | -                 |  开发中  |  开发中  |
+| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache) |2.7.1     | -                 |  开发中  |  开发中  |
+| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker) |5.0.4     | -                 |  开发中  |  开发中  |
+| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view) |1.10.0     | -                 |  开发中  |  开发中  |
+| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view) |2.1.6     | -                 |  -  |  [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)  |
+| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic) |1.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-dynamic.md)  |
+| 374  | [react-native-md5](https://github.com/kmend/react-native-md5) |1.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-md5.md)  |
+| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover) |2.1.3     | -                 |  -  |  [链接](/zh-cn/react-native-modal-popover.md)  |
+| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox) |2.0.2     | -                 |  -  |  [链接](/zh-cn/react-native-modalbox.md)  |
+| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts) |1.7.0     | -                 |  -  |  [链接](/zh-cn/react-native-secharts.md)  |
+| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe) |1.3.2     | -                 |  -  |  [链接](/zh-cn/react-subscribe.md)  |
+| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker) |2.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-pickers.md)  |
+| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode) |0.2.7     | -             |  [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)  |  [链接](/zh-cn/react-native-QRCode.md)  |
+| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator) |0.3.4     | -             |  [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)  |  [链接](/zh-cn/react-native-tab-navigator.md)  |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 67d898c0..0634cbe0 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -17,7 +17,7 @@
 ## 使用须知
 
 - Codegen ：三方库大部分适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
-- C-API 架构：三方库后续只基于RN C-API架构演进，详细介绍请参考 [C-API 架构](zh-cn/capi-architecture.md) 。
+- C-API 架构：三方库后续只基于 RN C-API 架构演进，详细介绍请参考 [C-API 架构](zh-cn/capi-architecture.md) 。
 - RN 三方库补丁化移植：为避免对三方库其他平台产生影响，移植使用了补丁化移植，详细介绍请参考 [RN 三方库补丁化移植](zh-cn/patch.md) 。
 
 ## RNOH 三方库总览
@@ -59,7 +59,7 @@
 | 27  | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
 | 28  | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
 | 29  | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
-| 30  | [react-native-slider](https://github.com/jeanregisser/react-native-slider) | 0.11.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
+| 30  | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                       | 0.11.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
 | 31  | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
 | 32  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
 | 33  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
@@ -89,15 +89,15 @@
 | 57  | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
 | 58  | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
 | 59  | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否         | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
-| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
+| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | 开发中                                 | 开发中                      |
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
 | 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 否         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
 | 64  | [react-native-image-editor](https://github.com/callstack/react-native-image-editor) | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
 | 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
-| 66  | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                             | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
+| 66  | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
 | 67  | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master) | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
-| 68  | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom/blob/master) | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                         | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
+| 68  | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom) | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                         | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
 | 69  | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer) | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
 | 70  | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-        | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
 | 71  | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是         | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
@@ -108,10 +108,10 @@
 | 76  | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是         | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
 | 77  | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是         | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
 | 78  | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是         | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
-| 79  | [react-native-popover-view](https://github.com/SteffeyDev/react-native-popover-view) | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
+| 79  | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
 | 80  | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
 | 81  | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-        | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
-| 82  | [react-native-pull](https://github.com/greatbsky/react-native-pull) | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
+| 82  | [react-native-pull](https://github.com/greatbsky/react-native-pull/blob/master) | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
 | 83  | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-        | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
 | 84  | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是         | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
 | 85  | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
@@ -120,16 +120,16 @@
 | 88  | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
 | 89  | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是         | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
 | 90  | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是         | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
-| 91  | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view) | 1.0.0         | \-        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
-| 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
+| 91  | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view) | 1.0.0         | -        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
 | 93  | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否         | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
 | 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
 | 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
-| 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | \-        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-harmony-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
-| 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
-| 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
-| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | \-        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
+| 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | -        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | 开发中                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
+| 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
+| 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
+| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | -        | 开发中                                          | 开发中                        |
 | 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是         | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
 | 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-        | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
 | 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
@@ -157,7 +157,7 @@
 | 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
 | 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
 | 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −         | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
-| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippathview](https://github.com/react-native-oh-library/react-native-clippath/releases)                             | [链接](/zh-cn/react-native-clippathview.md)                    |
+| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                 | [链接](/zh-cn/react-native-clippathview.md)                    |
 | 129 | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
 | 130 | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
 | 131 | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
@@ -179,14 +179,14 @@
 | 147 | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是         | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
 | 148 | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否         | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
 | 149 | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
-| 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
-| 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
+| 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
+| 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
 | 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | -         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
 | 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | -         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
-| 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
+| 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
 | 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | -         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
-| 156 | [react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push)                            | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
-| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | \-                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
+| 156 | [react-native-code-push](https://github.com/microsoft/react-native-code-push) | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
+| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | -                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
 | 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 否                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
 | 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 否                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
 | 160  | [react-native-bindingx](https://github.com/alibaba/bindingx) | 1.0.3         | 否                | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases) | [链接](/zh-cn/react-native-bindingx.md)                     |
@@ -203,16 +203,16 @@
 | 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
 | 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
 | 173  | [@itenl/react-native-scrollable-tabview](https://github.com/itenl/react-native-scrollable-tabview) | 1.1.7         | -                 | - | [链接](/zh-cn/react-native-scrollable-tabview.md)                     |
-| 174  | [rneui](https://github.com/react-native-elements/react-native-elements) | 4.0.0-rc.8         | -                 | - | [链接](/zh-cn/react-native-elements.md)                     |
+| 174  | [rneui](https://github.com/react-native-elements/react-native-elements) | 4.0.0-rc.8         | -                 | 开发中 | 开发中                     |
 | 175  | [react-native-root-toast](https://github.com/magicismight/react-native-root-toast) | 3.5.1         | -                 | - | [链接](/zh-cn/react-native-root-toast.md)                     |
 | 176  | [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer) | 2.4.1         | 否                 | [@react-native-oh-tpl/react-native-background-timer](https://github.com/react-native-oh-library/react-native-background-timer/releases) | [链接](/zh-cn/react-native-background-timer.md)                     |
 | 177  | [react-native-htmlview](https://github.com/jsdf/react-native-htmlview) | 0.17.0         | -                 |  -  | [链接](/zh-cn/react-native-htmlview.md)                     |
 | 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) | 1.5.1         | -                 |  -  | [链接](/zh-cn/react-native-spinkit.md)                     |
 | 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element) | 3.1.2         | -                 |  -  | [链接](/zh-cn/react-navigation-shared-element.md)                     |
 | 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector) | 2.1.4         | -                 |  -  | [链接](/zh-cn/react-native-switch-selector.md)                     |
-| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  -  | [链接](/zh-cn/callstack-react-theme-provider.md)                     |
+| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  开发中  | 开发中                     |
 | 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge) | 0.6.1        | 是                 |  [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)  | [链接](/zh-cn/react-native-http-bridge.md)                     |
-| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)  | [链接](/zh-cn/react-native-qr-decode-image-camera.md)                     |
+| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  开发中  | 开发中                     |
 | 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) | 4.4.1       | 否                 |  [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)  | [链接](/zh-cn/react-native-touch-id.md)                     |
 | 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable) | 1.4.0       | -                 |  -  | [链接](/zh-cn/react-native-animatable.md)                     |
 | 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal) | 13.0.1       | -                 |  [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)  | [链接](/zh-cn/react-native-modal.md)                     |
@@ -221,9 +221,9 @@
 | 189  | [react-native-restart](https://github.com/avishayil/react-native-restart) | 0.0.27       | 是                 |  [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)  | [链接](/zh-cn/react-native-restart.md)                     |
 | 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting) | 1.7.6       | 否                 |  [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)  | [链接](/zh-cn/react-native-system-setting.md)                     |
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake) | 4.0.0       | 否                 |  [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)  | [链接](/zh-cn/react-native-keep-awake.md)                     |
-| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks) | 3.0.0       | -                 |  -  | [链接](/zh-cn/react-native-community-hooks.md)                     |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks) | 3.0.0       | -                 |  开发中  | 开发中                     |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation) |  6      | -                 |  [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)  | [链接](/zh-cn/react-navigation.md)                     |
-| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) |  1.4.4      | 否                 |  -  | [链接](/zh-cn/react-native-default-preference.md)                     |
+| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) |  1.4.4      | 否                 |  开发中  | 开发中                     |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager) |  11.5.5      | 否                 |  [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)  | [链接](/zh-cn/react-native-ble-manager.md)                     |
 | 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) |  6.0.0-alpha.9      | 否                 |  [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)  | [链接](/zh-cn/react-native-sensitive-info.md)                     |
 | 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation) |  0.1.7      | -                 |  -  | [链接](/zh-cn/react-native-typing-animation.md)                     |
@@ -231,169 +231,186 @@
 | 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation) |  3.1.3      | -                 |  [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)  | [链接](/zh-cn/react-native-orientation.md)                     |
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide) |  3.3.0      | -                 |  [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)  | [链接](/zh-cn/rn-tourguide.md)                     |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) |  5.1.2      | 是                 |  [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)  | [链接](/zh-cn/react-native-performance.md)                     |
-| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library) |   12.5.1     | -                 |  -  | [链接](/zh-cn/react-native-testing-library.md)                     |
-| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) |   5.4.6     | -                 |  -  | [链接](/zh-cn/react-native-dropdown-picker.md)                     |
-| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) |   10.2.1     | 是                 |  [@react-native-oh-tpl/react-native-share](https://github.com/react-native-oh-library/react-native-share/releases)  | [链接](/zh-cn/react-native-share.md)                     |
-| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown) |   0.11.1     | -                 |  [@react-native-oh-tpl/react-native-material-dropdown](https://github.com/react-native-oh-library/react-native-material-dropdown/releasess)  | [链接](/zh-cn/react-native-material-dropdown.md)                     |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library) |   12.5.1     | -                 |  开发中  | 开发中                     |
+| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) |   5.4.6     | -                 |  开发中  | 开发中                     |
+| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) |   10.2.1     | 是                 |  开发中  | 开发中                     |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown) |   0.11.1     | -                 |  开发中  | 开发中                    |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker) |   9.2.0     | 是                 |  [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)  | [链接](/zh-cn/react-native-document-picker.md)                     |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner) |   6.0.0     | 否                 |  [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)  | [链接](/zh-cn/react-native-fingerprint-scanner.md)                     |
-| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases)  | [链接](/zh-cn/react-native-get-random-values.md)                     |
-| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase/releases)  | [链接](/zh-cn/NativeBase.md)                     |
-| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 |  [@react-native-oh-tpl/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)  | [链接](/zh-cn/react-native-orientation-locker.md)                     |
-| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  -  | [链接](/zh-cn/sentry-react-native.md)                     |
-| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  [@react-native-oh-tpl/react-native-bootsplash](https://github.com/react-native-oh-library/react-native-bootsplash/releases)  | [链接](/zh-cn/react-native-bootsplash.md)                     |
-| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  -  | [链接](/zh-cn/react-native-size-matters.md)                     |
-| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) |   2.4.0     | -                 |  -  | [链接](/zh-cn/react-native-size-matters.md)                     |
-| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS) |   5.3.0-beta.1     | -                 |  -  | [链接](/zh-cn/Parse-SDK-JS.md)                     |
+| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  开发中  | 开发中                     |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  开发中  | 开发中                     |
+| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 |  开发中  | 开发中                     |
+| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  开发中  | 开发中                     |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  开发中  | 开发中                     |
+| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  开发中  | 开发中                    |
+| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) |   2.4.0     | -                 |  开发中  | 开发中                     |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS) |   5.3.0-beta.1     | -                 |  开发中  | 开发中                     |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2) |   7.0.8     | -                 |  -  | [链接](/zh-cn/react-native-shadow-2.md)                     |
-| 217  | [@shopify/restyle](https://github.com/Shopify/restyle) |   2.4.2     | -                 |  -  | [链接](/zh-cn/restyle.md)                     |
-| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) |   2.0.11     | -                 |  [nativewind](https://github.com/react-native-oh-library/nativewind/releases)  | [链接](/zh-cn/nativewind.md)                     |
-| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-country-picker-modal.md)                     |
-| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) |   2.2.0     | 是                 |  [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)  | [链接](/zh-cn/react-native-haptic-feedback.md)                     |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle) |   2.4.2     | -                 |  开发中  | 开发中                     |
+| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) |   2.0.11     | -                 |  开发中  | 开发中                     |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal) |   2.0.0     | -                 |  开发中  | 开发中                     |
+| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) |   2.2.0     | 是                 |  开发中  | 开发中                     |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-url-polyfill.md)                     |
-| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) |   2.0.8     | 否                 |  -  | [链接](/zh-cn/react-native-shimmer-placeholder.md)                     |
-| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message) |   0.4.2     | -                 |  -  | [链接](/zh-cn/react-native-flash-message.md)                     |
+| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) |   2.0.8     | 否                 |  开发中  | 开发中                     |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message) |   0.4.2     | -                 |  开发中  | 开发中                     |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings) |   8.1.0     | -                 |  -  | [链接](/zh-cn/react-native-ratings.md)                     |
-| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert) |   5.1.0     | 否                 |  [@react-native-oh-tpl/react-native-dropdownalert](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)  | [链接](/zh-cn/react-native-dropdownalert.md)                     |
-| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown) |   2.12.1     | -                 |  -  | [链接](/zh-cn/react-native-element-dropdown.md)                     |
-| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) |   0.2.2     | -                 |  -  | [链接](/zh-cn/react-native-easy-grid.md)                     |
-| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline) |   6.0.2     | -                 |  -  | [链接](/zh-cn/react-native-offline.md)                     |
-| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui) |   1.30.1     | -                 |  [@react-native-oh-tpl/react-material-ui](https://github.com/react-native-oh-library/react-native-material-ui/releases)  | [链接](/zh-cn/react-native-material-ui.md)                     |
-| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input) |   0.4.1     | -                 |  [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)  | [链接](/zh-cn/react-native-credit-card-input.md)                     |
-| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) |   2.2.0     | -                 |  -  | [链接](/zh-cn/react-native-crypto.md)                     |
-| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) |   2.7.2     | 否                 |  [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases)  | [链接](/zh-cn/react-native-unitsyles.md)                     |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert) |   5.1.0     | 否                 |  开发中  | 开发中                     |
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown) |   2.12.1     | -                 |  开发中  | 开发中                     |
+| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) |   0.2.2     | -                 |  开发中  | 开发中                     |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline) |   6.0.2     | -                 |  开发中  | 开发中                     |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui) |   1.30.1     | -                 |  开发中  | 开发中                     |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input) |   0.4.1     | -                 |  开发中  | 开发中                     |
+| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) |   2.2.0     | -                 |  开发中  | 开发中                     |
+| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) |   2.7.2     | 否                 |  开发中  | 开发中                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture) |   0.4.11     | 否                 |  [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)  | [链接](/zh-cn/react-native-signature-capture.md)                     |
-| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  -  | [链接](/zh-cn/react-native-deck-swiper.md)                     |
-| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  -  | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                     |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  开发中  | 开发中                     |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  开发中  | 开发中                     |
 | 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  开发中  | 开发中                     |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons) |   0.6.0     | 否                 |  [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)  | [链接](/zh-cn/react-native-material-buttons.md)                     |
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox) |   0.9.0     | -                 |  -  | [链接](/zh-cn/react-native-lightbox.md)                     |
 | 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail) | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | [链接](/zh-cn/react-native-create-thumbnail.md)              |
-| 242  | [react-native-paper](https://github.com/callstack/react-native-paper) | 5.12.5         | \-                 | \-                                                           | [链接](/zh-cn/react-native-paper.md)                         |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper) | 5.12.5         | -                 | 开发中                                                           | 开发中                         |
 | 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts) | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases) | [链接](/zh-cn/react-native-contacts.md)                      |
 | 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element) | 0.8.9          | 是                 | 开发中                                                       | 开发中                                                       |
-| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) | 5.0.0-alpha.11 | \-                 | 开发中                                                           | 开发中                                                       |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) | 5.0.0-alpha.11 | -                 | 开发中                                                           | 开发中                                                       |
 | 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage) | 0.10.2         | 否                 | 开发中                                                       | 开发中                                                       |
-| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) | 7.0.0          | \-                 | 开发中                                                       | 开发中                                                       |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) | 7.0.0          | -                 | 开发中                                                       | 开发中                                                       |
 | 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia) | 1.3.7          | 是                 | 开发中                                                       | 开发中                                                       |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print) | 0.10.0         | 否                 | 开发中                                                       | 开发中                                                       |
-| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
-| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select) | 9.2.0          | \-                 | 开发中                                                       | 开发中                                                       |
+| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | 开发中 | 开发中                  |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select) | 9.2.0          | -                 | 开发中                                                       | 开发中                                                       |
 | 252    | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player) | 4.1.1         | 是                 | 开发中                                                            | 开发中                                                      |
 | 253    |  [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication) | 2.3.0         | 否                 | 开发中                                                           | 开发中                                                      |
-| 254   | [natnativewind-monorepo](https://github.com/nativewind/nativewind) | 2.0.11        | \-                | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                |
+| 254   | [natnativewind-monorepo](https://github.com/nativewind/nativewind) | 2.0.11        | -                | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                |
 | 255 | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit) | 13.0.0        | 是                 | 开发中                                                          | 开发中                                                      |
-| 256 | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager) | 3.15.1        | 是 | [@react-native-oh-tpl/react-native-nfc-manager](https://github.com/react-native-oh-library/react-native-nfc-manager/releases) | [链接](/zh-cn/react-native-nfc-manager.md)                  |
+| 256 | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager) | 3.15.1        | 是 | 开发中 | 开发中                  |
 | 257 | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash) | 2.0.3         | 是                 | 开发中                                                          | 开发中                                                      |
 | 258 | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask) | 3.1.5         | 否                 | 开发中                                                           | 开发中                                                      |
 | 259 | [react-native-auth0](https://github.com/auth0/react-native-auth0) | 4.0.0-beta.0  | 是                 | 开发中                                                           | 开发中                                                      |
 | 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0         | 否                 | 开发中                                                          | 开发中                                                      |
 | 261 | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller) | 1.12.6        | 是                 |开发中                                                           | 开发中                                                      |
 | 262 | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput) | 5.0.0         | 是                 |开发中                                                           | 开发中                                                      |
-| 263 | [redux-flipper](https://github.com/jk-gan/redux-flipper) | 2.0.3         | \-                 | 开发中                                                         | 开发中                                                      |
-| 264 | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc) | 3.2.0 | \-                 | 开发中                                                          | 开发中                                                      |
+| 263 | [redux-flipper](https://github.com/jk-gan/redux-flipper) | 2.0.3         | -                 | 开发中                                                         | 开发中                                                      |
+| 264 | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc) | 3.2.0 | -                 | 开发中                                                          | 开发中                                                      |
 | 265 | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view) | 1.16.0        | 否                 |开发中                                                           | 开发中                                                      |
 | 266 | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView) | 0.14.0        | 否                 | 开发中                                                           | 开发中                                                      |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view) | 3.0.0-alpha4  | 是                 | 开发中                                                           | 开发中                                                      |
-| 268 | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) | 0.16.1        | \- | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases) | [链接](/zh-cn/react-native-material-textfield.md)                   |
-| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1         | \-                 | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)         |
+| 268 | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) | 0.16.1        | - | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases) | [链接](/zh-cn/react-native-material-textfield.md)                   |
+| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1         | -                 | 开发中 | 开发中         |
 | 270 | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper) | 0.262.0       | 否                 | 开发中                                                           | 开发中                                                      |
-| 271 | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles) | 0.2.7         | \-                 | \-                                                           | [链接](/zh-cn/react-native-material-design-style.md)        |
-| 272 | [react-native-flip-card](https://github.com/moschan/react-native-flip-card) | 3.5.7         | \-                 | \-                                                           | [链接](/zh-cn/react-native-flip-card.md)                    |
+| 271 | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles) | 0.2.7         | -                 | -                                                           | [链接](/zh-cn/react-native-material-design-style.md)        |
+| 272 | [react-native-flip-card](https://github.com/moschan/react-native-flip-card) | 3.5.7         | -                 | -                                                           | [链接](/zh-cn/react-native-flip-card.md)                    |
 | 273 | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes) | 3.6.1         | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases) | [链接](/zh-cn/react-native-randombytes.md)                  |
 | 274 | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow) | 0.0.5         | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases) | [链接](/zh-cn/react-native-view-overflow.md)                |
-| 275 | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text) | 1.13.0        | \-                 | \-                                                           | [链接](/zh-cn/react-native-masked-text.md)                                  |
-| 276   | [reassure](https://github.com/callstack/reassure)                 | 1.0.0        | -         | -                                                    | [链接](/zh-cn/reassure.md)     |
+| 275 | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text) | 1.13.0        | -                 | -                                                           | [链接](/zh-cn/react-native-masked-text.md)                                  |
+| 276   | [reassure](https://github.com/callstack/reassure)                 | 1.0.0        | -         | 开发中                                                    | 开发中     |
 | 277   | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution)                 | 6.2.2        | 否         | 开发中                                                    | 开发中     |
 | 278   | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                 | 0.0.22        | -         | -                                                    | [链接](/zh-cn/react-native-parsed-text.md)     |
-| 279   | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)                 | 3.0.1        | -         | -                                                    | [链接](/zh-cn/react-native-loading-spinner-overlay.md)     |
-| 280   | [voice](https://github.com/react-native-voice/voice)                 |    3.2.4     | 否         | [@react-native-oh-tpl/voice](https://github.com/react-native-oh-library/voice/releases)                                                    | [链接](/zh-cn/react-native-voice-voice.md)     |
-| 281   | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                 |  0.0.22       | -         | -                                                    | [链接](/zh-cn/react-native-hyperlink.md)     |
+| 279   | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)     | 3.0.1        | -         | 开发中                                                   | 开发中     |
+| 280   | [voice](https://github.com/react-native-voice/voice)                 |    3.2.4     | 否         | 开发中                                                    | 开发中     |
+| 281   | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                 |  0.0.22       | -         | 开发中                                                    | 开发中     |
 | 282   | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                 |   1.15.0      | 是        | 开发中                                                   | 开发中    |
 | 283   | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                 |  5.4.0       | -         | -                                                    | [链接](/zh-cn/react-native-autocomplete-input.md)     |
-| 284   | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                 |     6.0.0-alpha.9    | 否        | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                                                    | [链接](/zh-cn/react-native-sensitive-info.md)     |
+| 284   | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                 |     6.0.0-alpha.9    | 否        | 开发中                                                    | 开发中     |
 | 285   | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                 |   4.2.5      | 否        | 开发中                                                    | 开发中    |
-| 286   | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                 |   1.0.3      | -         | -                                                    | [链接](/zh-cn/react-native-step-indicator.md)     |
+| 286   | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                 |   1.0.3      | -         | 开发中                                                    | 开发中     |
 | 287   | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                 |   4.16.5      | 否         | 开发中                                                   | 开发中      |
-| 288   | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                 |   1.6.0      | -         | -                                                    | [链接](/zh-cn/react-native-walkthrough-tooltip.md)     |
-| 289   | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                 |    4.2.0     | -         | -                                                    | [链接](/zh-cn/react-native-autoLink.md)     |
-| 290   | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                 |    0.17.0     | -         | -                                                    | [链接](/zh-cn/react-native-indicators.md)     |
-| 291   | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                 |    0.9.1     | -         | -                                                    | [链接](/zh-cn/react-native-material-ripple.md)     |
+| 288   | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                 |   1.6.0      | -         | 开发中                                                   | 开发中     |
+| 289   | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                 |    4.2.0     | -         | 开发中                                                | 开发中     |
+| 290   | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                 |    0.17.0     | -         | 开发中                                                  | 开发中     |
+| 291   | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                 |    0.9.1     | -         | 开发中                                                  | 开发中     |
 | 292   | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                 |    1.2.4     | -         | -                                                    | [链接](/zh-cn/react-native-error-boundary.md)     |
 | 293   | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                 |   11.5.5      | 否         | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                                                    | [链接](/zh-cn/react-native-ble-manager.md)     |
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                 |   5.3.0      | -         | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                                    | [链接](/zh-cn/react-native-svg-charts.md)     |
 | 295   | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                 |    2.1.5     | 否       | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                                                   | [链接](/zh-cn/react-native-file-viewer.md)     |
-| 296   | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                 |    0.5.1     | -         | -                                                    | [链接](/zh-cn/react-native-responsive-fontsize.md)     |
+| 296   | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                 |    0.5.1     | -         | 开发中                                                  | 开发中     |
 | 297   | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                 |   0.12.0      |否       |开发中                                            | 开发中     |
-| 298   | [react-native-typography](https://github.com/hectahertz/react-native-typography)                 |    1.4.1     | -         | [@react-native-oh-tpl/react-native-typography](https://github.com/react-native-oh-library/react-native-typography/releases)                                                  | [链接](/zh-cn/react-native-typography.md)     |
-| 299   | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                 |     2.4.0    |否         | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                    | [链接](/zh-cn/react-native-image-colors.md)     |
-| 300   | [react-content-loader](https://github.com/danilowoz/react-content-loader)                 |   7.0.2      | -         | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                    | [链接](/zh-cn/react-content-loader.md)     |
-| 301   | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                 | 2.7.1        | 否       | [@react-native-oh-tpl/react-native-snackbar](https://github.com/react-native-oh-library/react-native-snackbar/releases)                                                    | [链接](/zh-cn/react-native-snackbar.md)     |
+| 298   | [react-native-typography](https://github.com/hectahertz/react-native-typography)                 |    1.4.1     | -         | 开发中                                             | 开发中    |
+| 299   | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                 |     2.4.0    |否         | 开发中                                                    | 开发中     |
+| 300   | [react-content-loader](https://github.com/danilowoz/react-content-loader)                 |   7.0.2      | -         | 开发中                                                  | 开发中     |
+| 301   | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                 | 2.7.1        | 否       | 开发中                                                    | 开发中     |
 | 302   | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                 |   1.9.0      | -         | 开发中                                                   | 开发中      |
 | 303   | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                 |   1.0.0-alpha.22      | -         | 开发中                                                   | 开发中     |
-| 304   | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                 | 1.2.6        | 否        | [@react-native-oh-tpl/react-native-image-marker](https://github.com/react-native-oh-library/react-native-image-marker/releases)                                                    | [链接](/zh-cn/react-native-image-marker.md)     |
+| 304   | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                 | 1.2.6        | 否        | 开发中                                                    | 开发中     |
 | 305   | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                 |  3.6.10       | 是        | 开发中                                                   | 开发中     |
 | 306   | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                 |   3.4.2      | -         | 开发中                                               | 开发中    |
 | 307   | [react-native-notifier](https://github.com/seniv/react-native-notifier)                 |   2.0.0      | -         | 开发中                                                    | 开发中     |
 | 308   | [react-native-graph](https://github.com/margelo/react-native-graph)                 |   1.1.0      | -         | 开发中                                                  | 开发中    |
-| 309   | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                 |  0.14.2       | -         | -                                                    | [链接](/zh-cn/react-native-mask-text.md)     |
+| 309   | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                 |  0.14.2       | -         | 开发中                                                    | 开发中     |
 | 310   | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                 |   3.0.5      | 否        | 开发中                                                   | 开发中    |
-| 311   | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                 |   5.6.2      | 是        | [@react-native-oh-tpl/react-native-shake](https://github.com/react-native-oh-library/react-native-shake/releases)                                                   | [链接](/zh-cn/react-native-shake.md)     |
-| 312   | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                 |  1.4.26       | -         | [@react-native-oh-tpl/react-native-gifted-charts](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)                                                   | [链接](/zh-cn/react-native-gifted-charts.md)     |
+| 311   | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                 |   5.6.2      | 是        | 开发中                                                 | 开发中     |
+| 312   | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                 |  1.4.26       | -         | 开发中                                                   | 开发中     |
 | 313   | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                 |  2.1.2       |否       | 开发中                                                  | 开发中   |
-| 314   | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                 |   1.5.2      | -         | -                                                    | [链接](/zh-cn/react-native-confetti-cannon.md)     |
-| 315   | [react-native-mail](https://github.com/chirag04/react-native-mail)                 |  6.1.1       | 否       | [@react-native-oh-tpl/react-native-mail](https://github.com/react-native-oh-library/react-native-mail/releases)                                                  | [链接](/zh-cn/react-native-mail.md)     |
-| 316   | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile)                 |    3.2.1     | -         | -                                                    | [链接](/zh-cn/react-countdown-circle-timer.md)     |
-| 317   | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                 |  2.4.6       | -         | -                                                    | [链接](/zh-cn/rn-sliding-up-panel.md)     |
-| 318   | [react-native-tts](https://github.com/ak1394/react-native-tts)                 |   4.1.1      | 是        | [@react-native-oh-tpl/react-native-tts](https://github.com/react-native-oh-library/react-native-tts/releases)                                                    | [链接](/zh-cn/react-native-tts.md)     |
-| 319   | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                 |   12.0.0      | -        | -                                                    | [链接](/zh-cn/react-navigation-header-buttons.md)     |
-| 320   | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                 |    2.1.0     | -         | -                                                    | [链接](/zh-cn/react-native-phone-number-input.md)     |
+| 314   | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                 |   1.5.2      | -         | 开发中                                                    | 开发中     |
+| 315   | [react-native-mail](https://github.com/chirag04/react-native-mail)                 |  6.1.1       | 否       | 开发中                                                 | 开发中     |
+| 316   | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile)                 |    3.2.1     | -         | 开发中                                               | 开发中     |
+| 317   | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                 |  2.4.6       | -         | 开发中                                                 | 开发中     |
+| 318   | [react-native-tts](https://github.com/ak1394/react-native-tts)                 |   4.1.1      | 是        | 开发中                                                | 开发中     |
+| 319   | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                 |   12.0.0      | -        | 开发中                                                  | 开发中     |
+| 320   | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                 |    2.1.0     | -         | 开发中                                                | 开发中     |
 | 321   | [react-native-version-number](https://github.com/APSL/react-native-version-number)                 |  0.3.6       | 否        | 开发中                                                   |开发中     |
 | 322   | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                 |     0.1.16    | -         | 开发中                                                   |开发中     |
 | 323   | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                 |   5.0.0      | 是        | 开发中                                                    | 开发中     |
 | 324   | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                 |   4.3.14      | 是        | 开发中                                                    | 开发中     |
-| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas) |  4.7.2     | 是                 |  -  | [链接](/zh-cn/react-native-signature-canvas.md)|
-| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header) |   1.0.0-rc.9     | -                 |  开发中  | 开发中|
-| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select) |   0.5.12     | -                 |  -  | [链接](/zh-cn/react-native-multiple-select.md)|
-| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch) |   1.5.1     |-|-| [链接](/zh-cn/react-native-switch.md)|
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas) |  4.7.2     | 是                 | 开发中 | 开发中|
+| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header) |   1.0.0-rc.9     | -                 |  开发中  | 开发中 |
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select) |   0.5.12     | -                 |  开发中  |  开发中  |
+| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch) |   1.5.1     |-|  开发中  |  开发中  |
 | 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu) |  2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-material-menu.md)|
-| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list) |  0.1.2     | -                 |  -  | [链接](/zh-cn/react-native-swipeable-list.md)|
-| 331  | [galio-framework](https://github.com/galio-org/galio) |   0.8.0     | -                 |  -  | [链接](/zh-cn/galio-framework.md)|
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list) |  0.1.2     | -                 |  开发中  |  开发中  |
+| 331  | [galio-framework](https://github.com/galio-org/galio) |   0.8.0     | -                 |  开发中  |  开发中  |
 | 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager) |4.2.0| 否| 开发中  | 开发中|
-| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom) |1.0.1     | 否                 |  [@react-native-oh-tpl/react-native-securerandom](https://github.com/react-native-oh-library/react-native-securerandom/releases)  | [链接](/zh-cn/react-native-securerandom.md)|
-| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket) |6.2.0     | 否  |  开发中  | 开发中|
-| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet) |0.7.0  | -   |  开发中  | 开发中|
-| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent) |1.3.0     | 是         |  开发中  | 开发中|
-| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot) |3.3.2     | -                 |  -  | [链接](/zh-cn/react-native-copilot.md)|
-| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery) |0.4.2     | -      |  开发中  | 开发中|
-| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet) |0.3.2    | -       |  开发中  | 开发中|
-| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard) |1.7.0     | -                 |  [@react-native-oh-tpl/rn-emoji-keyboard](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)  | [链接](/zh-cn/rn-emoji-keyboard.md)|
-| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar) |2.6.4     | -     |  开发中  | 开发中|
-| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer) |3.2.8     | -                 |  [@react-native-oh-tpl/react-native-markdown-renderer](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)  | [链接](/zh-cn/react-native-markdown-renderer.md)|
-| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules) |1.0.3     | -    |  开发中  | 开发中|
-| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color) |2.0.2     | -       |  开发中  | 开发中|
-| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript) |0.0.1     | -       |  开发中  | 开发中|
-| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info) |5.2.1     | 是                 |  [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)  | [链接](/zh-cn/react-native-network-info.md)|
-| 347  | [react-native-udp](https://github.com/tradle/react-native-udp) |4.1.7     | -      |  开发中  | 开发中|
-| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works) |2.0.0     | -      |  开发中  | 开发中|
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom) |1.0.1     | 否                 |  开发中  | 开发中 |
+| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket) |6.2.0     | 否  |  开发中  | 开发中 |
+| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet) |0.7.0  | -   |  开发中  | 开发中 |
+| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent) |1.3.0     | 是         |  开发中  | 开发中 |
+| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot) |3.3.2     | -                 |  开发中  |  开发中  |
+| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery) |0.4.2     | -      |  开发中  | 开发中 |
+| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet) |0.3.2    | -       |  开发中  | 开发中 |
+| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard) |1.7.0     | -                 |  开发中  |  开发中  |
+| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar) |2.6.4     | -     |  开发中  | 开发中 |
+| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer) |3.2.8     | -                 |  开发中  | 开发中 |
+| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules) |1.0.3     | -    |  开发中  | 开发中 |
+| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color) |2.0.2     | -       |  开发中  | 开发中 |
+| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript) |0.0.1     | -       |  开发中  | 开发中 |
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info) |5.2.1     | 是                 |  开发中  | 开发中 |
+| 347  | [react-native-udp](https://github.com/tradle/react-native-udp) |4.1.7     | -      |  开发中  | 开发中 |
+| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works) |2.0.0     | -      |  开发中  | 开发中 |
 | 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard) |1.0.0     | -                 |  -  | [链接](/zh-cn/react-native-dismiss-keyboard.md)|
-| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access) |3.1.0    | 是      |  开发中  | 开发中|
-| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading) |1.2.0     | 否        |  开发中  | 开发中|
-| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars) |2.4.3     | 是                 |  [@react-native-oh-tpl/react-native-bars](https://github.com/react-native-oh-library/react-native-bars/releases)  | [链接](/zh-cn/react-native-bars.md)|
-| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr) |0.3.0     | 否     |  开发中  | 开发中|
-| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent) |1.2.1       | 是                 |  [@react-native-oh-tpl/react-native-screenshot-prevent](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)  | [链接](/zh-cn/react-native-screenshot-prevent.md)|
-| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect) |3.1.0     | 是     |  开发中  | 开发中|
-| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite) |6.2.11                                             | 是      |  开发中  | 开发中|
-| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation) |0.6.0     | 是       |  开发中  | 开发中|
-| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys) |0.7.10     | 是              |  开发中  | 开发中|
-| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control) |6.0.0     | 否         |  开发中  | 开发中|
-| 360  | [@baronha/ting](https://github.com/baronha/ting) |1.2.1     | 是        |  开发中  | 开发中|
-| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings) |1.0.2     | 是       |  开发中  | 开发中|
-| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors) |0.4.0     | 是         |  开发中  | 开发中|
-| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder) |2.0.0     | -                 |  [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)  | [链接](/zh-cn/react-native-barcode-builder.md)|
+| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access) |3.1.0    | 是      |  开发中  | 开发中 |
+| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading) |1.2.0     | 否        |  开发中  | 开发中 |
+| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars) |2.4.3     | 是                 |  开发中  | 开发中 |
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr) |0.3.0     | 否     |  开发中  | 开发中 |
+| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent) |1.2.1       | 是                 |  开发中  |  开发中  |
+| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect) |3.1.0     | 是     |  开发中  | 开发中 |
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite) |6.2.11                                             | 是      |  开发中  | 开发中 |
+| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation) |0.6.0     | 是       |  开发中  | 开发中 |
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys) |0.7.10     | 是              |  开发中  | 开发中 |
+| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control) | 6.0.0     | 否         |  开发中  | 开发中 |
+| 360  | [@baronha/ting](https://github.com/baronha/ting) |1.2.1     | 是        |  开发中  | 开发中 |
+| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings) | 1.0.2     | 是       |  开发中  | 开发中 |
+| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors) | 0.4.0     | 是         |  开发中  | 开发中 |
+| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder) | 2.0.0     | -                 |  [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)  | [链接](/zh-cn/react-native-barcode-builder.md)|
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows) |1.1.2     | 否                 |  [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)  | [链接](/zh-cn/react-native-neomorph-shadows.md)|
+| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn) |5.1.0     | -                 |  开发中  |  开发中  |
+| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax) |0.10.3     | -                 |  开发中  |  开发中  |
+| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt) |1.3.1     | -                 |  开发中  |  开发中  |
+| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli) |2.2.4     | -                 |  开发中  |  开发中  |
+| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache) |2.7.1     | -                 |  开发中  |  开发中  |
+| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker) |5.0.4     | -                 |  开发中  |  开发中  |
+| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view) |1.10.0     | -                 |  开发中  |  开发中  |
+| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view) |2.1.6     | -                 |  -  |  [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)  |
+| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic) |1.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-dynamic.md)  |
+| 374  | [react-native-md5](https://github.com/kmend/react-native-md5) |1.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-md5.md)  |
+| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover) |2.1.3     | -                 |  -  |  [链接](/zh-cn/react-native-modal-popover.md)  |
+| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox) |2.0.2     | -                 |  -  |  [链接](/zh-cn/react-native-modalbox.md)  |
+| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts) |1.7.0     | -                 |  -  |  [链接](/zh-cn/react-native-secharts.md)  |
+| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe) |1.3.2     | -                 |  -  |  [链接](/zh-cn/react-subscribe.md)  |
+| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker) |2.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-pickers.md)  |
+| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode) |0.2.7     | -             |  [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)  |  [链接](/zh-cn/react-native-QRCode.md)  |
+| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator) |0.3.4     | -             |  [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)  |  [链接](/zh-cn/react-native-tab-navigator.md)  |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From 0fa01b693e9e83980f14df71fa46823a2ab87d5b Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Wed, 14 Aug 2024 04:10:28 +0000
Subject: [PATCH 381/966] =?UTF-8?q?!1265=20docs:[Issues:#IAH911]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-pager-view=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-pager-view=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-pager-view.md | 34 +-------------------------------
 1 file changed, 1 insertion(+), 33 deletions(-)

diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index 14d92883..ee73216a 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -173,38 +173,6 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 RNCViewPager 组件
-
-> [!WARNING] Deprecated！该库已接入 CAPI。
-
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-  ...
-+ import { RNCViewPager, PAGER_VIEW_TYPE } from "@react-native-oh-tpl/react-native-pager-view"
-
-@Builder
-function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
-+ else if (ctx.componentName === PAGER_VIEW_TYPE) {
-+   RNCViewPager({
-+     ctx: ctx.rnComponentContext,
-+     tag: ctx.tag,
-+     buildCustomComponent: buildCustomComponent
-+   })
-+ }
- ...
-}
-...
-```
-
-
 ### 在 ArkTs 侧引入 ViewPagerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
@@ -270,7 +238,7 @@ ohpm install
 
 ## 遗留问题
 
-- offscreenPageLimit 未实现 HarmonyOS 化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
+- [ ] offscreenPageLimit 未实现 HarmonyOS 化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
 
 ## 其他
 

From dd25e78e67dc3a82df7baa06cef880e66eafe22b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=82=89=E5=A4=B4=E5=90=9B?=
 <chenbaodi1@h-partners.com>
Date: Wed, 14 Aug 2024 09:28:51 +0000
Subject: [PATCH 382/966] =?UTF-8?q?!1348=20docs:=20[Issue:=20#IAJVWG]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-mjrefresh=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAJVWG]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-mjrefresh=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-MJRefresh.md | 128 +++++++++++++-------------------
 1 file changed, 50 insertions(+), 78 deletions(-)

diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index 0dc06da2..a418fcc8 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-MJRefresh</code> </h1>
@@ -46,8 +46,8 @@ yarn add @react-native-oh-tpl/react-native-mjrefresh@file:#
 
 ```tsx
 import React, { Component } from "react";
-import { ScrollView, Text, View } from "react-native";
-import { MJRefreshControl } from "react-native-mjrefresh";
+import { Text, View } from "react-native";
+import MJRefresh, { ScrollView } from "react-native-mjrefresh";
 
 export default class MjRefreshDemo extends Component {
   constructor(props) {
@@ -55,61 +55,59 @@ export default class MjRefreshDemo extends Component {
   }
 
   state = {
-    text : "下拉刷新",
-    refreshing : false
+    text: "下拉刷新",
+    refreshing: false
   }
   _onRefresh = () => {
-     setTimeout(() => {
-                this._hw && this._hw.finishRefresh();
-              }, 1000);
+    setTimeout(() => {
+      this._hw && this._hw.finishRefresh();
+    }, 1000);
   }
   render() {
     return (
-           <ScrollView
-            refreshControl={
-              <MJRefreshControl
-                  ref={ref=>this._mjrefresh = ref}
-                  onRefresh={
-                  ()=>{
-                      this.setState({
-                          text:'正在刷新'
-                      })
-                      console.log('onRefresh')
-                      setTimeout(()=>{
-                          this._mjrefresh && this._mjrefresh.finishRefresh();
-                      },1000)
-                  }
-                  }
-                  onRefreshIdle={()=>console.log('onRefreshIdle')}
-                  onReleaseToRefresh={()=>{
-                      this.setState({
-                          text:'释放刷新'
-                      })
-                  }}
-                  onPulling={e=>{
-                      if(e.nativeEvent.percent<0.1){
-                          this.setState({
-                              text:'下拉刷新'
-                          })
-                      }
-                  }}
-
-                  HeaderComponent = {
-                  <View style={{height:100,backgroundColor:'red',
-                    justifyContent:'center',
-                    alignItems:'center',flexDirection:'row'
-                }}>
-                  <Text>{this.state.text}</Text>
-                </View>
-                  }
-              >
-                
-              </MJRefreshControl>
+      <ScrollView
+        refreshControl={
+          <MJRefresh
+            ref={ref => this._mjrefresh = ref}
+            onRefresh={
+              () => {
+                this.setState({
+                  text: '正在刷新'
+                })
+                console.log('onRefresh')
+                setTimeout(() => {
+                  this._mjrefresh && this._mjrefresh.finishRefresh();
+                }, 1000)
+              }
             }
-        >
-          <Text>{"mjRefresh TEST mjRefresh TEST mjRefresh TEST mjRefresh TEST mjRefresh TEST"}</Text>
-        </ScrollView>
-      )
+            onRefreshIdle={() => console.log('onRefreshIdle')}
+            onReleaseToRefresh={() => {
+              this.setState({
+                text: '释放刷新'
+              })
+            }}
+            onPulling={e => {
+              console.log('cbdtest onPulling:' + e.nativeEvent.percent)
+              if (e.nativeEvent.percent < 0.1) {
+                this.setState({
+                  text: '下拉刷新'
+                })
+              }
+            }}
+          >
+            <View style={{
+              height: 100, backgroundColor: 'red',
+              justifyContent: 'center',
+              alignItems: 'center', flexDirection: 'row'
+            }}>
+              <Text>{this.state.text}</Text>
+            </View>
+          </MJRefresh>
+        }
+      >
+        <Text>{"mjRefresh TEST mjRefresh TEST mjRefresh TEST mjRefresh TEST mjRefresh TEST"}</Text>
+      </ScrollView>
+    )
   };
 };
 ```
@@ -222,31 +220,6 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 MJRefresh组件（若需要运行 ArkTs 版本）
-
-> [!WARNING] Deprecated！该库已接入 CAPI。
-
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-  ...
-+ import { MJRefresh, MJREFRESH_TYPE} from "@react-native-oh-tpl/react-native-mjrefresh"
-
-@Builder
-export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-  ...
-+ if (ctx.componentName === MJREFRESH_TYPE) {
-+   MJRefresh({
-+       ctx: ctx.rnComponentContext,
-+       tag: ctx.tag,
-+       buildCustomComponent: buildCustomComponent
-+     })
-+ }
-...
-}
-...
-```
-
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -282,7 +255,6 @@ ohpm install
 | onRefreshIdle      | System Path | function | No       | IOS      | yes               |yes               |
 | onReleaseToRefresh | System Path | function | No       | IOS      | yes               |yes               |
 | onPulling          | System Path | function | No       | IOS      | yes               |yes               |
-| HeaderComponent    | 设置自定义刷新头 | React.ReactNode | No       | No      | No              |yes               |
 
 ## 静态方法
 

From 34a24cd1e1b6e5570dbd3bf1ff6fd16f214538c1 Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Wed, 14 Aug 2024 10:49:02 +0000
Subject: [PATCH 383/966] =?UTF-8?q?!1346=20docs:[Issues:=20#IAJQZN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-webview=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-webview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-webview.md | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 283aa19c..8f78089a 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -48,9 +47,7 @@ import { WebView } from "react-native-webview";
 
 export default function WebViewDemo() {
   return (
-    <View>
       <WebView source={{ uri: "https://reactnative.dev/" }} />
-    </View>
   );
 }
 ```
@@ -63,7 +60,6 @@ export default function WebViewDemo() {
 
 ### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
-
 ```json
 {
   ...
@@ -73,7 +69,6 @@ export default function WebViewDemo() {
 }
 ```
 
-
 ### 引入原生端代码
 
 目前有两种方法：
@@ -264,11 +259,13 @@ ohpm install
 | `javaScriptEnabled?`                               | Boolean value to enable JavaScript in the WebView.           | boolean  | No       | All               | yes                                                          |
 | `showsHorizontalScrollIndicator?`                  | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. | boolean  | No       | iOS,android,macOS | yes                                                          |
 | `showsVerticalScrollIndicator`                     | Boolean value that determines whether a vertical scroll indicator is shown in the WebView. | boolean  | No       | iOS,android,macOS | yes                                                          |
+| `ignoreSilentHardwareSwitch`                     | Boolean value that When set to true the hardware silent switch is ignored. | boolean  | No       | iOS | yes                                                          |
 | `cacheEnabled?`                                    | Sets whether WebView should use browser caching.             | boolean  | No       | iOS,android,macOS | yes                                                          |
 | `cacheMode?`                                       | Overrides the way the cache is used.                         | string   | No       | android           | yes                                                          |
 | `textZoom?`                                        | If the user has set a custom font size in the Android and harmony system, an undesirable scale of the site interface in WebView occurs. | number   | No       | android           | yes                                                          |
 | `injectJavaScript?: (script: string) => void`      | Executes the JavaScript string.                              | function | No       | iOS,android,macOS | yes                                                          |
 | `onLoadEnd?: (event) => void`                      | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All               | yes                                                          |
+| `onLoadProgress?: (event) => void`                      | Function that is invoked when the WebView is loading. | function | No       | All               | yes                                                          |
 | `onMessage?: (event) => void`                      | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,android,macOS | yes                                                          |
 | `onShouldStartLoadWithRequest?: (event) => void`   | Function that allows custom handling of any web view requests. | function | No       | iOS,android,macOS | yes                                                          |
 | `reload?`                                          | Reloads the current page.                                    | function | No       | iOS,android,macOS | yes                                                          |
@@ -292,5 +289,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
 [react-native-vconsole.md](react-native-vconsole.md)
-
-<!-- {% endraw %} -->
\ No newline at end of file

From fe1ee5dda7f9188394952084b93a7e4d6b2e4f2f Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Wed, 14 Aug 2024 10:51:55 +0000
Subject: [PATCH 384/966] =?UTF-8?q?!1340=20docs:=20[Issues:#IAJNMI]=20?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3=E4=B8=AD?=
 =?UTF-8?q?'=E5=9C=A8=20ArkTs=20=E4=BE=A7=E5=BC=95=E5=85=A5XXX=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=88=E8=8B=A5=E9=9C=80=E8=A6=81=E8=BF=90=E8=A1=8C?=
 =?UTF-8?q?=20ArkTs=20=E7=89=88=E6=9C=AC=EF=BC=89'=E9=83=A8=E5=88=86=20*?=
 =?UTF-8?q?=20docs:=20=E7=A7=BB=E9=99=A4=E8=AF=B4=E6=98=8E=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E4=B8=AD'=E5=9C=A8=20ArkTs=20=E4=BE=A7=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5XXX=E7=BB=84=E4=BB=B6=EF=BC=88=E8=8B=A5=E9=9C=80?=
 =?UTF-8?q?=E8=A6=81=E8=BF=90=E8=A1=8C=20ArkTs=20=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=EF=BC=89'=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-linear-gradient.md | 25 -------------------------
 1 file changed, 25 deletions(-)

diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 57773f9d..672e6e3c 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -198,31 +198,6 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 linear-gradient 组件（若需要运行 ArkTs 版本）
-
-> [!WARNING] Deprecated！该库已接入 CAPI。
-
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
-
-```diff
-  ...
-+ import { RNLinearGradient, LINEAR_GRADIENT_TYPE, LinearGradientDescriptor } from "@react-native-oh-tpl/react-native-linear-gradient"
-
-@Builder
-export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-  ...
-+ if (ctx.componentName === LINEAR_GRADIENT_TYPE) {
-+     RNLinearGradient({
-+       ctx: ctx.rnComponentContext,
-+       tag: ctx.tag,
-+       buildCustomRNComponent: buildCustomRNComponent
-+     })
-+   }
-    ...
-  }
-  ...
-```
-
 ### 运行
 
 点击右上角的 `sync` 按钮

From a73f22373fa775dee432cd915b8180df954adff0 Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Wed, 14 Aug 2024 10:56:16 +0000
Subject: [PATCH 385/966] =?UTF-8?q?!1341=20docs:=20[Issues:#IAJP9J]react-n?=
 =?UTF-8?q?ative-calendar-events=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20react-native-calendar-events=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-calendar-events.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 64ed6d23..91641cf2 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -275,7 +275,7 @@ export default CalendarDemo;
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-calendar-events": "file:../../node_modules/@react-native-oh-tpl/react-native-calendar-events/harmony/calendar-events.har"
+    "@react-native-oh-tpl/react-native-calendar-events": "file:../../node_modules/@react-native-oh-tpl/react-native-calendar-events/harmony/calendar_events.har"
   }
 ```
 

From 061a5894f1190012e10407d98ed5c02c1adcbe64 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Wed, 14 Aug 2024 10:59:07 +0000
Subject: [PATCH 386/966] =?UTF-8?q?!1278=20docs:=20[Issues:=20#IAH9KT]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-compass-heading=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAH9KT]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-compass-heading=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-compass-heading.md | 215 ++++++++++++++++++++++++++
 1 file changed, 215 insertions(+)
 create mode 100644 zh-cn/react-native-compass-heading.md

diff --git a/zh-cn/react-native-compass-heading.md b/zh-cn/react-native-compass-heading.md
new file mode 100644
index 00000000..1d1e636b
--- /dev/null
+++ b/zh-cn/react-native-compass-heading.md
@@ -0,0 +1,215 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-compass-heading</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/firofame/react-native-compass-heading">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/firofame/react-native-compass-heading/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-compass-heading)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-compass-heading@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-compass-heading@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from "react";
+import { useState, useEffect } from "react";
+import { StyleSheet, View, Text, Button, ScrollView } from "react-native";
+import CompassHeading from "react-native-compass-heading";
+
+export function RNCompassHeading() {
+  const [heading, setHeading] = useState(0);
+  const [accuracy, setAccuracy] = useState(0);
+
+  interface Data {
+    heading: number;
+    accuracy: number;
+  }
+
+  useEffect(() => {
+    const degree_update_rate = 3;
+    CompassHeading.start(degree_update_rate, (data: Data) => {
+      setHeading(data.heading);
+      setAccuracy(data.accuracy);
+    });
+    return () => {
+      CompassHeading.stop();
+    };
+  }, []);
+
+  return (
+    <ScrollView>
+      <View
+        style={{
+          width: "100%",
+          height: "100%",
+          backgroundColor: "white",
+          flex: 1,
+        }}
+      >
+        <View style={styles.container}>
+          <Text>{"heading: " + heading}</Text>
+          <Text>{"headings: " + accuracy}</Text>
+        </View>
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+    height: 400,
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-compass-heading": "file:../../node_modules/@react-native-oh-tpl/react-native-compass-heading/harmony/compass_heading.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNCompassHeadingPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNCompassHeadingPackage} from '@react-native-oh-tpl/react-native-compass-heading/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCompassHeadingPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases)
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description   | Type                                                  | Required | Platform    | HarmonyOS Support |
+| ----- | ------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| start | start compass | (degreeUpdateRate: number, callback: CompassCallback) | yes      | Android/iOS | yes               |
+| stop  | stop compass  | void                                                  | no       | Android/iOS | yes               |
+
+**start(degree_update_rate,callback)**
+
+| Name               | Description               | Type                                          | Required | Platform    | HarmonyOS Support |
+| ------------------ | ------------------------- | --------------------------------------------- | -------- | ----------- | ----------------- |
+| degree_update_rate | compass refresh frequency | number                                        | yes      | Android/iOS | yes               |
+| callback           | compass callback          | ({heading: number;accuracy: number;}) => void | yes      | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/firofame/react-native-compass-heading/blob/master/LICENSE) ，请自由地享受和参与开源。

From 469e6da3bd5f890b255c00a99ea0eb5c5f229528 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Thu, 15 Aug 2024 02:04:49 +0000
Subject: [PATCH 387/966] =?UTF-8?q?!1350=20docs:=20[Issues:=20#IAJYVX]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-material-ui=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAJYVX]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-material-ui=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-material-ui.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/zh-cn/react-native-material-ui.md b/zh-cn/react-native-material-ui.md
index 232b9fab..f8659387 100644
--- a/zh-cn/react-native-material-ui.md
+++ b/zh-cn/react-native-material-ui.md
@@ -43,6 +43,11 @@ yarn add react-native-material-ui@file:#
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
+ 
+### 外部字体使用
+> [!ATTENTION] 使用外部字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件，否则图标不能正常显示
+使用外部字体时，不管是用户自己制作的字体文件还是从网站下载的字体文件，都需要有 *.ttf 和 *.json 文件(文件目录不固定，能引用到就可以了)
+
 ```js
 
 import { ActionButton} from 'react-native-material-ui';

From 08c0c11722e430ea78bbef23307c5c5c1d2a8e1f Mon Sep 17 00:00:00 2001
From: zhyx2 <zhuyongxiang2@h-partners.com>
Date: Thu, 15 Aug 2024 02:34:11 +0000
Subject: [PATCH 388/966] =?UTF-8?q?!1356=20docs:=20[Issues:#IAK33J]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9shopify-flash-list=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:#IAK33J]=20=E4=BF=AE=E6=94=B9sh?=
 =?UTF-8?q?opify-flash-list=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/shopify-flash-list.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index ccce0fb2..817de462 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -97,7 +97,7 @@ const MyList = () => {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/flash-list": "file:../../node_modules/@react-native-oh-tpl/flash-list/harmony/flash-list.har"
+    "@react-native-oh-tpl/flash-list": "file:../../node_modules/@react-native-oh-tpl/flash-list/harmony/flash_list.har"
   }
 ```
 

From 507af12d143a750aa056287061b59bd9f0978b35 Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Thu, 15 Aug 2024 07:54:57 +0000
Subject: [PATCH 389/966] =?UTF-8?q?!1362=20docs:=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E4=BA=86usage-docs=E5=92=8Cusage-docs/zh-cn=20=E4=B8=8B?=
 =?UTF-8?q?=E7=9A=84README.md=E6=96=87=E4=BB=B6=E5=85=B6=E4=B8=AD=E7=9A=84?=
 =?UTF-8?q?=E4=B8=89=E4=B8=AA=E5=BA=93=20*=20docs:=20[Issues:=20#IAK997]?=
 =?UTF-8?q?=20=E6=9B=B4=E6=96=B0usage-docs=E5=92=8Cusage-docs/zh-cn=20?=
 =?UTF-8?q?=E4=B8=8B=E7=9A=84README.md=E6=96=87=E4=BB=B6=E5=85=B6=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E4=B8=89=E4=B8=AA=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 6 +++---
 zh-cn/README.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 0634cbe0..d02f7291 100644
--- a/README.md
+++ b/README.md
@@ -89,7 +89,7 @@
 | 57  | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
 | 58  | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
 | 59  | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否         | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
-| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | 开发中                                 | 开发中                      |
+| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                | [链接](/zh-cn/react-native-fast-image.md)                      |
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
 | 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 否         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
@@ -126,10 +126,10 @@
 | 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
 | 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
 | 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | -        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | 开发中                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
+| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
 | 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
 | 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
-| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | -        | 开发中                                          | 开发中                        |
+| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | -        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
 | 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是         | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
 | 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-        | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
 | 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 0634cbe0..d02f7291 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -89,7 +89,7 @@
 | 57  | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
 | 58  | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
 | 59  | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否         | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
-| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | 开发中                                 | 开发中                      |
+| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                | [链接](/zh-cn/react-native-fast-image.md)                      |
 | 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
 | 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
 | 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 否         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
@@ -126,10 +126,10 @@
 | 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
 | 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
 | 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | -        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | 开发中                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
+| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
 | 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
 | 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
-| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | -        | 开发中                                          | 开发中                        |
+| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | -        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
 | 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是         | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
 | 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-        | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
 | 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |

From 2d0f29bab58ce4cf9a2fee81ff1e9d23ecad0d4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Thu, 15 Aug 2024 10:55:29 +0000
Subject: [PATCH 390/966] =?UTF-8?q?!1366=20=20docs:=20[Issues:=20#IAKBUM]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-image-crop-picker=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20=20docs:=20[Issues:=20#IAKBUM]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-image-crop-picker=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E7=9A=84entry/oh-p=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-crop-picker(nocodegen).md | 6 +++---
 zh-cn/react-native-image-crop-picker.md            | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/zh-cn/react-native-image-crop-picker(nocodegen).md b/zh-cn/react-native-image-crop-picker(nocodegen).md
index 48c73b2f..f2a29db5 100644
--- a/zh-cn/react-native-image-crop-picker(nocodegen).md
+++ b/zh-cn/react-native-image-crop-picker(nocodegen).md
@@ -106,9 +106,9 @@ export default class ImageEditAbility extends UIAbility {
 **2.在 entry/src/main/module.json5 注册 ImageEditAbility 并添加 requestPermissions**
 
 ```json
-"ablilities":[{
+"abilities":[{
         "name": "ImageEditAbility",
-        "srcEntrance": "./ets/entryability/ImageEditAbility.ets",
+        "srcEntry": "./ets/entryability/ImageEditAbility.ets",
         "description": "$string:EntryAbility_desc",
         "icon": "$media:icon",
         "startWindowIcon": "$media:startIcon",
@@ -214,7 +214,7 @@ struct ImageEdit {
 ```
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-image-crop-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-crop-picker/harmony/image_crop_picke.har"
+    "@react-native-oh-tpl/react-native-image-crop-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-crop-picker/harmony/image_crop_picker.har"
   }
 ```
 
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 07096d25..4a7dec29 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -862,9 +862,9 @@ export default class ImageEditAbility extends UIAbility {
 **2.在 entry/src/main/module.json5 注册 ImageEditAbility**
 
 ```
-"ablilities":[{
+"abilities":[{
         "name": "ImageEditAbility",
-        "srcEntrance": "./ets/entryability/ImageEditAbility.ets",
+        "srcEntry": "./ets/entryability/ImageEditAbility.ets",
         "description": "$string:EntryAbility_desc",
         "icon": "$media:icon",
         "startWindowIcon": "$media:startIcon",
@@ -925,7 +925,7 @@ struct ImageEdit {
 ```
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-image-crop-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-crop-picker/harmony/image_crop_picke.har"
+    "@react-native-oh-tpl/react-native-image-crop-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-crop-picker/harmony/image_crop_picker.har"
   }
 ```
 

From 95b6f82b2bd99e567e05df1df19a88c576228e3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <891661163@qq.com>
Date: Fri, 16 Aug 2024 06:58:24 +0000
Subject: [PATCH 391/966] =?UTF-8?q?!1365=20feat:=20=E4=BF=AE=E6=94=B9redux?=
 =?UTF-8?q?-toolkit=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAKBTJ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9redux-toolkit=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/redux-toolkit.md | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/zh-cn/redux-toolkit.md b/zh-cn/redux-toolkit.md
index 31d7c61f..337da3dc 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/redux-toolkit.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-toolkit</code> </h1>
@@ -17,6 +17,8 @@
 
 ## 安装与使用
 
+> [!tip] 该库依赖react-redux，可参考[react-redux文档](./react-redux.md)安装
+
 请到三方库的 Releases 发布地址查看配套的版本信息：[redux-toolkit Releases](https://github.com/reduxjs/redux-toolkit/releases)，并下载适用版本的 tgz 包。
 进入到工程目录并输入以下命令：
 
@@ -116,6 +118,7 @@ export type AppDispatch = typeof store.dispatch
 ```js
 // features/counter/Counter.js
 import React from 'react'
+import {View, Button, Text} from 'react-native'
 import type { RootState } from '../../app/store'
 import { useSelector, useDispatch } from 'react-redux'
 import { decrement, increment } from './counterSlice'
@@ -125,30 +128,29 @@ export function Counter() {
   const dispatch = useDispatch()
 
   return (
-    <div>
-      <div>
-        <button
-          aria-label="Increment value"
+    <View>
+      <View>
+        <Button
+          title="Increment value"
           onClick={() => dispatch(increment())}
         >
-          Increment
-        </button>
-        <span>{count}</span>
-        <button
-          aria-label="Decrement value"
+        </Button>
+        <Text>{count}</Text>
+        <Button
+          title="Decrement value"
           onClick={() => dispatch(decrement())}
         >
           Decrement
-        </button>
-      </div>
-    </div>
+        </Button>
+      </View>
+    </View>
   )
 }
 ```
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 

From 4d1a1a01e005ef9c905bcd7fd0e9274099646b7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=BE=E5=BC=BA?=
 <14243795+wangxiaolic@user.noreply.gitee.com>
Date: Fri, 16 Aug 2024 07:46:14 +0000
Subject: [PATCH 392/966] =?UTF-8?q?!1369=20docs:=20[#IAJHBF]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-Calendar=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAJHBF]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-Calendar=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-calendars.md | 163 ++++++++++++++++++++++++++++----
 1 file changed, 146 insertions(+), 17 deletions(-)

diff --git a/zh-cn/react-native-calendars.md b/zh-cn/react-native-calendars.md
index 4c2b91c7..b9c66f19 100644
--- a/zh-cn/react-native-calendars.md
+++ b/zh-cn/react-native-calendars.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -26,14 +25,14 @@ npm install --save react-native-calendars@1.1304.1
 #### **yarn**
 
 ```bash
-yarn install --save react-native-calendars@1.1304.1
+yarn install --react-native-calendars@1.1304.1
 ```
 
 下面的代码展示了这个库的基本使用场景：
 
 ```js
 import React, { useState } from "react";
-import { Calendar, CalendarList, Agenda } from "react-native-calendars";
+import { Calendar, CalendarList, Agenda ,AgendaList,CalendarProvider,ExpandableCalendar,Timeline,WeekCalendar} from "react-native-calendars";
 import { View, StyleSheet } from "react-native";
 
 const MySvgComponent = () => {
@@ -52,8 +51,41 @@ const MySvgComponent = () => {
           },
         }}
       />
+      <Agenda
+        items={{
+        '2012-05-22': [{name: 'item 1 - any js object'}],
+        '2012-05-23': [{name: 'item 2 - any js object', height: 80}],
+        '2012-05-24': [],
+        '2012-05-25': [{name: 'item 3 - any js object'}, {name: 'any js object'}]
+       }}
+      />
+       <AgendaList
+        scrollToNextEvent={true}
+      />
+       <CalendarProvider
+        date={'yyyy-MM-dd'}
+      />
+       <ExpandableCalendar
+        disablePan={false}
+      />
+       <Timeline
+        theme={{
+                backgroundColor: '#ffffff',
+                calendarBackground: '#ffffff',
+                textSectionTitleColor: '#b6c1cd',
+                textSectionTitleDisabledColor: '#d9e1e8',
+                selectedDayBackgroundColor: '#00adf5',
+                selectedDayTextColor: '#ffffff',
+                todayTextColor: '#00adf5',
+                dayTextColor: '#2d4150',                          
+              }}
+      />
+       <WeekCalendar
+        hideDayNames={true}
+      />
     </View>
   );
+ 
 };
 
 const styles = StyleSheet.create({
@@ -76,21 +108,58 @@ export default MySvgComponent;
 
 本文档内容基于以下版本验证：
 
-1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH: 0.72.28; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio  5.0.3.535; ROM：5.0.0.31; 
 
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+### Agenda 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| items                    | the list of items that have to be displayed in agenda. If you want to render item as empty date the value of date key has to be an empty array []. If there exists no value for date key it is considered that the date in question is not yet loaded                                    | AgendaSchedule                | no       | All      | yes               |
+| selected                 | initially selected day | string               | no       | All      | yes               |
+| hideKnob                 | Whether to hide the knob | boolean               | no       | All      | yes               |
+| showClosingKnob                 | Whether the knob should always be visible (when hideKnob = false) | boolean               | no       | All      | yes               |
+| showOnlySelectedDayItems                 | Whether to show items only for the selected date | boolean               | no       | All      | yes               |
+| loadItemsForMonth            | Handler which gets executed when items for a certain month should be loaded (month became visible)                           | function | no       | All      | yes               |
+| onDayChange        | Handler which gets executed when day changes while scrolling agenda list                      | function | no       | All      | yes               |
+| onCalendarToggled         | Handler which gets executed when the calendar is opened or closed         | function | no       | All      | yes               |
+| renderKnob | Replace default agenda's knob with a custom one | function | no       | All      | yes               |
+| renderEmptyData                 | Replace default ActivityIndicator with a custom one | function               | no       | All      | yes               |
+
+### AgendaList 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| theme                    | Specify theme properties to override specific styles for calendar parts                                    | Theme                | no       | All      | yes               |
+| dayFormat                 | Day format in section title. Formatting values: http://arshaw.com/xdate/#Formatting | string               | no       | All      | yes               |
+| useMoment                 | Whether to use moment.js for date string formatting | boolean               | no       | All      | yes               |
+| markToday                 | Whether to mark today's title with the 'Today, ...' string | boolean               | no       | All      | yes               |
+| avoidDateUpdates                 | Whether to block the date change in calendar (and calendar context provider) when agenda scrolls | boolean               | no       | All      | yes               |
+| scrollToNextEvent                 | hether to enable scrolling the agenda list to the next date with content when pressing a day without content | boolean               | no       | All      | yes               |
+| viewOffset                 | Offset scroll to the section | number               | no       | All      | yes               |
+| sectionStyle                 | The style passed to the section view | ViewStyle               | no       | All      | yes               |
+| dayFormatter            | A function to custom format the section header's title                           | function | no       | All      | yes               |
+
+### Calendar 
 
 | Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
 | ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
 | theme                    | Specify theme properties to override specific styles for calendar parts                                    | Theme                | no       | All      | yes               |
 | firstDay                 | If firstDay=1 week starts from Monday. Note that dayNames and dayNamesShort should still start from Sunday | number               | no       | All      | yes               |
+| hideArrows                 | Whether to hide the arrows | boolean               | no       | All      | yes               |
+| disableArrowLeft                 | Whether to disable the left arrow | boolean               | no       | All      | yes               |
+| disableArrowRight                 | Whether to disable the right arrow | boolean               | no       | All      | yes               |
+| arrowsHitSlop                 | Left & Right arrows. Additional distance outside of the buttons in which a press is detected, default: 20 |   number               | no       | All      | yes               |
+| hideDayNames                 | Whether to hide the days names | boolean               | no       | All      | yes               |
+| monthFormat                | Month format for the header's title. Formatting values | string               | no       | All      | yes               |
 | displayLoadingIndicator  | Display loading indicator                                                                                  | boolean              | no       | All      | yes               |
 | showWeekNumbers          | Show week numbers                                                                                          | boolean              | no       | All      | yes               |
 | style                    | Specify style for calendar container element                                                               | StyleProp<ViewStyle> | no       | All      | yes               |
+| disabledDaysIndexes                    | Whether to apply custom disable color to selected day indexes                                                               | number[] | no       | All      | yes               |
 | current                  | Initially visible month                                                                                    | string               | no       | All      | yes               |
 | initialDate              | Initially visible month. If changed will initialize the calendar to this value                             | string               | no       | All      | yes               |
 | minDate                  | Minimum date that can be selected, dates before minDate will be grayed out                                 | string               | no       | All      | yes               |
@@ -102,21 +171,83 @@ export default MySvgComponent;
 | enableSwipeMonths        | Enable the option to swipe between months                                                                  | boolean              | no       | All      | yes               |
 | disabledByDefault        | Disable days by default                                                                                    | boolean              | no       | All      | yes               |
 | headerStyle              | Style passed to the header                                                                                 | StyleProp<ViewStyle> | no       | All      | yes               |
-| customHeader             | Allow rendering a totally custom header                                                                    | any                  | no       | All      | yes               |
 | allowSelectionOutOfRange | Allow selection of dates before minDate or after maxDate                                                   | boolean              | no       | All      | yes               |
-
-## API
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                  | Description                                                        | Type     | Required | Platform | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| disableAllTouchEventsForDisabledDays | Whether to disable all touch events for disabled days (can be override with 'disableTouchEvent' in 'markedDates')                                                   | boolean              | no       | All      | yes               |
+| disableAllTouchEventsForInactiveDays | Whether to disable all touch events for inactive days (can be override with 'disableTouchEvent' in 'markedDates')                                                   | boolean              | no       | All      | yes               |
+| dayComponent | Replace default day with custom day rendering component element                                                   | JSX.Element              | no       | All      | yes               |
 | onDayPress            | Handler which gets executed on day press                           | function | no       | All      | yes               |
 | onDayLongPress        | Handler which gets executed on day long press                      | function | no       | All      | yes               |
 | onMonthChange         | Handler which gets executed when month changes in calendar         | function | no       | All      | yes               |
 | onVisibleMonthsChange | Handler which gets executed when visible month changes in calendar | function | no       | All      | yes               |
+| onPressArrowLeft                 | Handler which gets executed when press left arrow. It receive a callback to go to the previous month | function               | no       | All      | yes               |
+| onPressArrowRight                 | Handler which gets executed when press right arrow. It receive a callback to go to the next month | function               | no       | All      | yes               |
+| renderArrow                 | Replace default arrows with custom ones (direction: 'left','right') | function               | no       | All      | yes               |
+| renderHeader              | Replace default title with custom one                             | function               | no       | All      | yes               |
+
+### CalendarList 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| pastScrollRange                    | Max amount of months allowed to scroll to the past                                    | number                | no       | All      | yes               |
+| futureScrollRange                 | Max amount of months allowed to scroll to the future | number               | no       | All      | yes               |
+| calendarStyle                 | Specify style for calendar container element | ViewStyle               | no       | All      | yes               |
+| calendarHeight                 | Dynamic calendar height | number               | no       | All      | yes               |
+| calendarWidth                 | Used when calendar scroll is horizontal, (when pagingEnabled = false) | number               | no       | All      | yes               |
+| staticHeader                 | Whether to use a fixed header that doesn't scroll (when horizontal = true) | boolean               | no       | All      | yes               |
+| showScrollIndicator                 | Whether to enable or disable vertical / horizontal scroll indicator | boolean               | no       | All      | yes               |
+
+### CalendarProvider 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| theme                    | Specify theme properties to override specific styles for calendar parts                                    | Theme                | no       | All      | yes               |
+| style                 | Specify style for calendar container element | ViewStyle               | no       | All      | yes               |
+| date                 | Initial date in 'yyyy-MM-dd' format | string              | no       | All      | yes               |
+| showTodayButton                 | Whether to show the today button | boolean               | no       | All      | yes               |
+| todayButtonStyle                 | Today button's style | ViewStyle               | no       | All      | yes               |
+| todayBottomMargin                 | Today button's top position | number               | no       | All      | yes               |
+| disabledOpacity                 | The opacity for the disabled today button (0-1) | number               | no       | All      | yes               |
+| onDateChanged            | Handler which gets executed when the date changes                           | function | no       | All      | yes               |
+| onMonthChange            | Handler which gets executed when the month changes changes                           | function | no       | All      | yes               |
+
+### ExpandableCalendar 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| initialPosition                    | The initial position of the calendar ('open' or 'closed')                                    | Positions                | no       | All      | yes               |
+| disablePan                 | Whether to disable the pan gesture and disable the opening and closing of the calendar (initialPosition will persist) | boolean               | no       | All      | yes               |
+| hideKnob                 | Whether to hide the knob | boolean              | no       | All      | yes               |
+| leftArrowImageSource                 | The source for the left arrow image | ImageSourcePropType               | no       | All      | yes               |
+| rightArrowImageSource                 | The source for the right arrow image | ImageSourcePropType               | no       | All      | yes               |
+| allowShadow                 | Whether to have shadow/elevation for the calendar | boolean               | no       | All      | yes               |
+| disableWeekScroll                 | Whether to disable the week scroll in closed position | boolean               | no       | All      | yes               |
+| openThreshold                 | The threshold for opening the calendar with the pan gesture | number               | no       | All      | yes               |
+| closeThreshold                 | closeThreshold | number               | no       | All      | yes               |
+| onCalendarToggled            | Handler which gets executed when the calendar is opened or closed                           | function | no       | All      | yes               |
+
+### Timeline 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| theme                    | Specify theme properties to override specific styles for calendar parts                                    | Theme                | no       | All      | yes               |
+| style                 | Specify style for calendar container element | ViewStyle               | no       | All      | yes               |
+| events                 | List of events to render on the timeline | Event[]              | no       | All      | yes               |
+| start                 | The timeline day start time | number               | no       | All      | yes               |
+| end                 | The timeline day end time | number              | no       | All      | yes               |
+| scrollToFirst                 | Whether to scroll to the first event | boolean               | no       | All      | yes               |
+| format24h                | Whether to use 24 hours format for the timeline hours | boolean               | no       | All      | yes               |
+| onEventPress            | Handler which gets executed when event is pressed                           | function | no       | All      | yes               |
+| onBackgroundLongPress            | Handler which gets executed when background is long pressed. Pass to handle creation of a new event                           | function | no       | All      | yes               |
+| onBackgroundLongPressOut            | Handler which gets executed when background's long pressed released. Pass to handle creation of a new event                           | function | no       | All      | yes               |
+| renderEvent            | Specify a custom event block                           | function | no       | All      | yes               |
+
+### WeekCalendar 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| allowShadow                    | Whether to have shadow/elevation for the calendar                                   | boolean                | no       | All      | yes               |
+| hideDayNames                 | Whether to hide the names of the week days | boolean               | no       | All      | yes               |
+
 
 ## 遗留问题
 
@@ -124,6 +255,4 @@ export default MySvgComponent;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/wix/react-native-calendars/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/wix/react-native-calendars/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From e5071e74a7c73acaf13ddf7161e8fccf06389042 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=96=E7=95=8C=E5=B0=8F=E5=B8=85=E5=93=A5?=
 <12765706+world-little-handsome-guy@user.noreply.gitee.com>
Date: Fri, 16 Aug 2024 08:07:08 +0000
Subject: [PATCH 393/966] =?UTF-8?q?!1315=20docs:=20=E4=BF=AE=E6=94=B9ant-d?=
 =?UTF-8?q?esign-react-native=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20do?=
 =?UTF-8?q?cs:=20[Issues:=20#IAIZ13]=20=E4=BF=AE=E6=94=B9ant-design-mobile?=
 =?UTF-8?q?-rn=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/ant-design-react-native.md | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/zh-cn/ant-design-react-native.md b/zh-cn/ant-design-react-native.md
index f7c6a469..cf2a95db 100644
--- a/zh-cn/ant-design-react-native.md
+++ b/zh-cn/ant-design-react-native.md
@@ -77,12 +77,12 @@ npx react-native-asset
         familySrc: '/assets/fonts/FontAwesome.ttf'
       },
      {
-        familyName: 'antfill',
-        familySrc: '/assets/fonts/antfill.ttf'
+++       familyName: 'antfill',
+++       familySrc: '/assets/fonts/antfill.ttf'
      },
      {
-        familyName: 'antoutline',
-        familySrc: '/assets/fonts/antoutline.ttf'
+++       familyName: 'antoutline',
+++       familySrc: '/assets/fonts/antoutline.ttf'
      }
     ]
 
@@ -99,6 +99,17 @@ npx react-native-asset
             }
         }
         //...
+         RNApp({
+          rnInstanceConfig: {
+            createRNPackages,
+            enableNDKTextMeasuring: true,
+            enableBackgroundExecutor: false,
+            enableCAPIArchitecture: true,
+            arkTsComponentNames: arkTsComponentNames,
+++          fontOptions: fonts
+          },
+        //...
+         )
     }
 ```
 

From 0f87ed31d4e696998e08a977f5f35dd4227d9fe5 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Sat, 17 Aug 2024 04:14:54 +0000
Subject: [PATCH 394/966] =?UTF-8?q?!1325=20docs:=20=20[Issues:=20#IAJ3WD]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-version-number=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IAJ3WD?=
 =?UTF-8?q?]=20=E6=96=B0=E5=A2=9Ereact-native-version-number=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-version-number.md | 172 +++++++++++++++++++++++++++
 1 file changed, 172 insertions(+)
 create mode 100644 zh-cn/react-native-version-number.md

diff --git a/zh-cn/react-native-version-number.md b/zh-cn/react-native-version-number.md
new file mode 100644
index 00000000..5f815bef
--- /dev/null
+++ b/zh-cn/react-native-version-number.md
@@ -0,0 +1,172 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-version-number</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/APSL/react-native-version-number">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/APSL/react-native-version-number/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-version-number)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-version-number@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-version-number@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import { Text, View } from "react-native";
+import VersionNumber from "react-native-version-number";
+
+export default function () {
+  return (
+    <View style={{ marginTop: 50, flex: 1, flexDirection: "column", gap: 20 }}>
+      <Text>{VersionNumber.appVersion}</Text>
+      <Text>{VersionNumber.buildVersion}</Text>
+      <Text>{VersionNumber.bundleIdentifier}</Text>
+    </View>
+  );
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-version-number": "file:../../node_modules/@react-native-oh-tpl/react-native-version-number/harmony/rnoh_version_number.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNVersionNumberPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNVersionNumberPackage} from '@react-native-oh-tpl/react-native-version-number/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNVersionNumberPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description  | Type   | Required | Platform | HarmonyOS Support |
+| ---------------- | ------------ | ------ | -------- | -------- | ----------------- |
+| appVersion       | 应用程序版本 | string | yes      | all      | yes               |
+| buildVersion     | 构建版本     | string | yes      | all      | yes               |
+| bundleIdentifier | 应用标识符   | string | yes      | all      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/APSL/react-native-version-number/blob/master/LICENSE) ，请自由地享受和参与开源。

From b267287a38d2e29769655e4acc00d0b0a6208a73 Mon Sep 17 00:00:00 2001
From: wangshizhao001 <13406653+wangshizhao001@user.noreply.gitee.com>
Date: Sat, 17 Aug 2024 06:09:30 +0000
Subject: [PATCH 395/966] =?UTF-8?q?!1298=20docs:=20[Issues:=20#IAI8RN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-render-html=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAI8RN]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-render-html=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-render-html.md | 86 +++++++++++++++++--------------
 1 file changed, 46 insertions(+), 40 deletions(-)

diff --git a/zh-cn/react-native-render-html.md b/zh-cn/react-native-render-html.md
index 267c81c0..423f73e4 100644
--- a/zh-cn/react-native-render-html.md
+++ b/zh-cn/react-native-render-html.md
@@ -1,5 +1,5 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-render-html</code> </h1>
@@ -8,17 +8,19 @@
     <a href="https://github.com/meliorence/react-native-render-html">
         <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/meliorence/react-native-render-html/blob/master/README.md">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    <a href="https://github.com/meliorence/react-native-render-html/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-BSD-blue.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/meliorence/react-native-render-html)
+> [!Tip] [Github 地址](https://github.com/meliorence/react-native-render-html)
 
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
 
+> [!TIP] # 处替换为 tgz 包的路径
+
 <!-- tabs:start -->
 
 #### **npm**
@@ -37,6 +39,8 @@ yarn add react-native-render-html@6.3.4
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```js
 import React from "react";
 import { useWindowDimensions } from "react-native";
@@ -55,14 +59,15 @@ export default function App() {
 }
 ```
 
+
 ## 约束与限制
 
 ### 兼容性
-
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+
 
 ## 属性
 
@@ -70,44 +75,45 @@ export default function App() {
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-以下属性已验证，详情见 [react-native-render-html 源库地址](https://github.com/meliorence/react-native-render-html)
-
 **组件 RenderHtml**
 
-| Name                               | Description                                                                                                                                                                                                         | Type                                              | Required | Platform | HarmonyOS Support                                                 |
-| ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------- | -------- | -------- | ----------------------------------------------------------------- |
-| allowedStyles                      | Whitelist specific inline CSS style properties and ignore the others.                                                                                                                                               | CSSPropertyNameList                               | NO       | All      | Yes                                                               |
-| baseStyle                          | The default style for the document (root). Inheritable styles will be transferred to children. That works also for textual styles.                                                                                  | MixedStyleDeclaration                             | NO       | All      | Yes                                                               |
-| classesStyles                      | Provide mixed styles to target elements selected by CSS classes.                                                                                                                                                    | Readonly<Record<string, MixedStyleDeclaration>>   | NO       | All      | Yes                                                               |
-| computeEmbeddedMaxWidth            | A function which takes contentWidth and tagName as arguments and returns a new width. Can return Infinity to denote unconstrained widths.                                                                           | (contentWidth: number, tagName: string) => number | NO       | All      | Yes                                                               |
-| contentWidth                       | The width of the HTML content to display. The recommended practice is to pass useWindowDimensions().width minus any padding or margins.                                                                             | number                                            | NO       | All      | Yes                                                               |
-| customHTMLElementModels            | Customize element models for target tags.                                                                                                                                                                           | HTMLElementModelRecord                            | NO       | All      | Yes                                                               |
-| defaultTextProps                   | Default props for Text elements in the render tree.                                                                                                                                                                 | TextProps                                         | NO       | All      | Yes                                                               |
-| defaultViewProps                   | Default props for View elements in the render tree.                                                                                                                                                                 | ViewProps                                         | NO       | All      | Yes                                                               |
-| domVisitors                        | An object which callbacks will be invoked when a DOM element or text node has been parsed and its children attached. This is great to tamper the dom, remove children, insert nodes, change text nodes data... etc. | DomVisitorCallbacks                               | NO       | All      | Yes                                                               |
-| emSize                             | The default value in pixels for 1em.                                                                                                                                                                                | number                                            | NO       | All      | Yes                                                               |
-| enableCSSInlineProcessing          | Enable or disable inline CSS processing of inline styles.                                                                                                                                                           | boolean                                           | NO       | All      | Yes                                                               |
-| enableExperimentalMarginCollapsing | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                   | boolean                                           | NO       | All      | Yes                                                               |
-| idsStyles                          | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                   | boolean                                           | NO       | All      | Yes                                                               |
-| ignoreDomNode                      | Ignore specific DOM nodes.                                                                                                                                                                                          | (node: Node, parent: NodeWithChildren) => unknown | NO       | All      | Yes                                                               |
-| ignoredDomTags                     | A list of lowercase tags which should not be included in the DOM.                                                                                                                                                   | Array<string>                                     | NO       | All      | Yes                                                               |
-| ignoredStyles                      | Blacklist specific inline CSS style properties and allow the others.                                                                                                                                                | CSSPropertyNameList                               | NO       | All      | Yes                                                               |
-| onDocumentMetadataLoaded           | Handler invoked when the document metadata is available. It will re-trigger on HTML content changes.                                                                                                                | (documentMetadata: DocumentMetadata) => void      | NO       | All      | Yes                                                               |
-| onHTMLLoaded                       | Triggered when HTML is available to the RenderHTML component.                                                                                                                                                       | (html: string) => void                            | NO       | All      | Yes                                                               |
-| onTTreeChange                      | Triggered when the transient render tree changes. Useful for debugging.                                                                                                                                             | (ttree: TDocument) => void                        | NO       | All      | Yes                                                               |
-| renderers                          | Your custom renderers.                                                                                                                                                                                              | CustomTagRendererRecor                            | NO       | All      | Yes                                                               |
-| source                             | The object source to render (either { uri }, { html } or { dom }).                                                                                                                                                  | HTMLSource                                        | Yes      | All      | partially(已验证 html)                                            |
-| renderersProps                     | Props to use in custom renderers with useRendererProps.                                                                                                                                                             | Partial<RenderersProps>                           | NO       | All      | partially(已验证 img 的百分比属性 enableExperimentalPercentWidth) |
-| tagsStyles                         | Provide mixed styles to target HTML tag names.                                                                                                                                                                      | Readonly<Record<string, MixedStyleDeclaration>>   | NO       | All      | Yes                                                               |
+| Name                                   | Description                                                                                                                                                                                                       | Type                                               | Required | Platform      | HarmonyOS Support                                        |
+|----------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------|----------|---------------|----------------------------------------------------------|
+| allowedStyles                          | Whitelist specific inline CSS style properties and ignore the others.                                                                                                                                             | CSSPropertyNameList                                | NO       | Android、iOS   | Yes                                                      |
+| baseStyle                              | The default style for the document (root). Inheritable styles will be transferred to children. That works also for textual styles.                                                                                | MixedStyleDeclaration                              | NO       | Android、iOS   | Yes                                                      |
+| classesStyles                          | Provide mixed styles to target elements selected by CSS classes.                                                                                                                                                  | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes                                                      |
+| computeEmbeddedMaxWidth                | A function which takes contentWidth and tagName as arguments and returns a new width. Can return Infinity to denote unconstrained widths.                                                                         | (contentWidth: number, tagName: string) => number  | NO       | Android、iOS   | Yes                                                      |
+| contentWidth                           | The width of the HTML content to display. The recommended practice is to pass useWindowDimensions().width minus any padding or margins.                                                                           | number                                             | NO       | Android、iOS   | Yes                                                      |
+| customHTMLElementModels                | Customize element models for target tags.                                                                                                                                                                         | HTMLElementModelRecord                             | NO       | Android、iOS   | Yes                                                      |
+| dangerouslyDisableHoisting             | Disable hoisting. Especially useful for rendering with react-native-web.Note that your layout might break in native!                                                                                              | boolean                                            | NO       | Android、iOS   | Yes                                                      |
+| dangerouslyDisableWhitespaceCollapsing | Disable whitespace collapsing. Especially useful if your html is being pre-processed server-side with a minifier.                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes                                                      |
+| debug                                  | Log to the console a snapshot of the rendered TDocument after each transient render tree invalidation.                                                                                                            | boolean                                            | NO       | Android、iOS   | Yes                                                      |
+| defaultTextProps                       | Default props for Text elements in the render tree.                                                                                                                                                               | TextProps                                          | NO       | Android、iOS   | Yes                                                      |
+| defaultViewProps                       | Default props for View elements in the render tree.                                                                                                                                                               | ViewProps                                          | NO       | Android、iOS   | Yes                                                      |
+| domVisitors                            | An object which callbacks will be invoked when a DOM element or text node has been parsed and its children attached. This is great to tamper the dom, remove children, insert nodes, change text nodes data... etc. | DomVisitorCallbacks                                | NO       | Android、iOS   | Yes                                                      |
+| emSize                                 | The default value in pixels for 1em.                                                                                                                                                                              | number                                             | NO       | Android、iOS   | Yes                                                      |
+| enableCSSInlineProcessing              | Enable or disable inline CSS processing of inline styles.                                                                                                                                                         | boolean                                            | NO       | Android、iOS   | Yes                                                      |
+| enableExperimentalBRCollapsing         | Recommended value is `true` on non-web platforms. Also note that this is an experimental feature, thus subject to behavioral instability.                                                                         | boolean                                            | NO       | Android、iOS   | Yes                                                      |
+| enableExperimentalMarginCollapsing     | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes                                                      |
+| idsStyles                              | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes                                                      |
+| ignoreDomNode                          | Ignore specific DOM nodes.                                                                                                                                                                                        | (node: Node, parent: NodeWithChildren) => unknown  | NO       | Android、iOS   | Yes                                                      |
+| ignoredDomTags                         | A list of lowercase tags which should not be included in the DOM.                                                                                                                                                 | Array<string>                                      | NO       | Android、iOS   | Yes                                                      |
+| ignoredStyles                          | Blacklist specific inline CSS style properties and allow the others.                                                                                                                                              | CSSPropertyNameList                                | NO       | Android、iOS   | Yes                                                      |
+| onDocumentMetadataLoaded               | Handler invoked when the document metadata is available. It will re-trigger on HTML content changes.                                                                                                              | (documentMetadata: DocumentMetadata) => void       | NO       | Android、iOS   | Yes                                                      |
+| onHTMLLoaded                           | Triggered when HTML is available to the RenderHTML component.                                                                                                                                                     | (html: string) => void                             | NO       | Android、iOS   | Yes                                                      |
+| onTTreeChange                          | Triggered when the transient render tree changes. Useful for debugging.                                                                                                                                           | (ttree: TDocument) => void                         | NO       | Android、iOS   | Yes                                                      |
+| renderers                              | Your custom renderers.                                                                                                                                                                                            | CustomTagRendererRecor                             | NO       | Android、iOS   | Yes                                                      |
+| selectDomRoot                          | Select the DOM root before TTree generation. For example, you could iterate over children until you reach an article element and return this element.                                                             | TRenderEngineOptions                               | NO       | Android、iOS   | Yes                                                      |
+| setMarkersForTNode                     | Set custom markers from a TNode and all its descendants. Markers will be accessible in custom renderers via `tnode.markers` prop.                                                                                 | SetMarkersForTNode                                 | NO       | Android、iOS   | Yes                                                      |
+| source                                 | The object source to render (either { uri }, { html } or { dom }).                                                                                                                                                | HTMLSource                                         | Yes      | Android、iOS   | partially(已验证 html)                                      |
+| renderersProps                         | Props to use in custom renderers with useRendererProps.                                                                                                                                                           | Partial<RenderersProps>                            | NO       | Android、iOS   | partially(已验证 img 的百分比属性 enableExperimentalPercentWidth) |
+| systemFonts                            | A list of fonts available in the current platform. These fonts will be used to select the first match in CSS `fontFamily` property, which supports a comma-separated list of fonts. By default, a handful of fonts are selected per platform. | Array<string>                                      | No       | Android、iOS   | Yes                                                      |
+| tagsStyles                             | Provide mixed styles to target HTML tag names.                                                                                                                                                                    | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes                                                      |
 
 ## 遗留问题
 
-- [ ] img 的宽度不会随着 contentWidth 的动态修改而更改（由 RN 基座引起，RNImage 组件更新状态时 this.descriptorWrapper 没有重新赋值）
-
 ## 其他
-
+-  img 的宽度不会随着 contentWidth 的动态修改而更改,接口属性原库本身不支持（与iOS/Android表现一致）（由 RN 基座引起，RNImage 组件更新状态时 this.descriptorWrapper 没有重新赋值） [issue#638](https://github.com/meliorence/react-native-render-html/issues/638)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/meliorence/react-native-render-html/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 24a6fa9fb05f2a89029f079c2dd157444c708f58 Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Sat, 17 Aug 2024 06:49:02 +0000
Subject: [PATCH 396/966] =?UTF-8?q?!1202=20docs:=20[#IADB2M]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-permissions=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IADB2M]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-permissions=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-permissions.md | 82 ++++++++++++++++++++-----------
 1 file changed, 53 insertions(+), 29 deletions(-)

diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index bf746095..768aa5b2 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-permissions</code> </h1>
@@ -39,12 +39,12 @@ yarn add @react-native-oh-tpl/react-native-permissions@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] 在使用import...from "react-native-permissions" 导入时因为原库没有抛出关于Harmony OS 有关字段,在使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH编辑器会报ts类型错误没有HARMONY字段（使用可以正常编译运行），所以想要使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH，可以使用 import...from "@react-native-oh-tpl/react-native-permissions"
 
 ```js
 import { ScrollView, StyleSheet, View, Text, Button } from "react-native";
 import React from "react";
-import RTNPermissions, { Permission } from "react-native-permissions";
+import RTNPermissions, { Permission } from "@react-native-oh-tpl/react-native-permissions";
 
 const permissionNormal: Permission[] = [
   "ohos.permission.APPROXIMATELY_LOCATION",
@@ -78,7 +78,7 @@ export function PermissionsExample() {
         }}
       />
       <Button
-        label={"查询多个权限"}
+        title={"查询多个权限"}
         onPress={async () => {
           let checkMultiple = await RTNPermissions.checkMultiple(
             permissionNormal
@@ -87,7 +87,7 @@ export function PermissionsExample() {
         }}
       />
       <Button
-        label={"设置多个权限"}
+        title={"设置多个权限"}
         onPress={async () => {
           let requestMultiple = await RTNPermissions.requestMultiple(
             permissionNormal
@@ -121,6 +121,17 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -138,7 +149,7 @@ const styles = StyleSheet.create({
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "react-native-permissions": "file:../../node_modules/@react-native-oh-tpl/react-native-permissions/harmony/permissions.har"
+    "@react-native-oh-tpl/react-native-permissions": "file:../../node_modules/@react-native-oh-tpl/react-native-permissions/harmony/permissions.har"
   }
 ```
 
@@ -162,30 +173,44 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/react-native-permissions/src/main/cpp" ./permissions)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-permissions/src/main/cpp" ./permissions)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_permissions)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
+
+
+
 ```
 
+
+
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
@@ -209,11 +234,10 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
   ...
-+ import {PermissionsPackage} from 'react-native-permissions/ts';
++ import {PermissionsPackage} from '@react-native-oh-tpl/react-native-permissions/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
-    new SamplePackage(ctx),
 +   new PermissionsPackage(ctx),
   ];
 }
@@ -404,20 +428,20 @@ ohos.permission.LOCATION_IN_BACKGROUND 允许应用在后台运行时获取设
 当用户点击弹窗授予前台位置权限后，应用通过弹窗、提示窗等形式告知用户前往设置界面授予后台位置权限。
 用户在设置界面中的选择“始终允许”应用访问位置信息权限，完成手动授予。
 
-## 方法
-
-| Name                    | Description                | Platform    | HarmonyOS Support        |
-| ----------------------- | -------------------------- | ----------- | ------------------------ |
-| check                   | 检查单个权限               | ios,android | yes                      |
-| checkNotifications      | 检查通知权限               | ios,android | yes                      |
-| openSettings            | 打开设置页                 | ios,android | yes                      |
-| request                 | 设置单个权限               | ios,android | yes                      |
-| requestNotifications    | 设置通知权限               | ios,android | yes                      |
-| checkMultiple           | 检查多个权限               | android     | yes                      |
-| requestMultiple         | 设置多个权限               | android     | yes                      |
-| checkLocationAccuracy   | 检查设备位置权限           | ios         | no(使用 check()查询权限) |
-| requestLocationAccuracy | 请求访问设备位置的权限     | ios         | no(使用 check()设置权限) |
-| openPhotoPicker         | 请求访问设备本地图片的权限 | ios         | no(使用 check()设置权限) |
+## API
+
+| Name                    | Description    | Type           | Required | Platform    | HarmonyOS Support        |
+| ----------------------- | ------------------|----|---------| ----------- | ------------------------ |
+| check                   | 检查单个权限    | Function          | no      | iOS,Android | yes                      |
+| checkNotifications      | 检查通知权限    | Function          | no      | iOS,Android | yes                      |
+| openSettings            | 打开设置页      | Function          | no      | iOS,Android | yes                      |
+| request                 | 设置单个权限    | Function          | no      | iOS,Android | yes                      |
+| requestNotifications    | 设置通知权限    | Function          | no      | iOS,Android | yes                      |
+| checkMultiple           | 检查多个权限    | Function          | no      | Android     | yes                      |
+| requestMultiple         | 设置多个权限    | Function          | no      | Android     | yes                      |
+| checkLocationAccuracy   | 检查设备位置权限  | Function          | no      | iOS         | no(使用 check()查询权限) |
+| requestLocationAccuracy | 请求访问设备位置的权限  | Function          | no      | iOS         | no(使用 request()设置权限) |
+| openPhotoPicker         | 打开图片选择 | Function          | no      | iOS         | yes( iOS 需要在`PhotoLibrary`权限为`limited`才能调用，Harmony OS不需要任何权限直接调用) |
 
 ## 遗留问题
 

From 764a45b830725ce35aa54232cce61537f4635f38 Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Sat, 17 Aug 2024 07:06:28 +0000
Subject: [PATCH 397/966] =?UTF-8?q?!1328=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?sound=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues?=
 =?UTF-8?q?:=20#IAJ5WO]=20=E6=96=B0=E5=A2=9Ereact-native-sound=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sound.md | 55 +++++++++++++++++++++++--------------
 1 file changed, 35 insertions(+), 20 deletions(-)

diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index 2843a009..d596818a 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -306,9 +306,14 @@ ohpm install
 
 详情请见[react-native-sound](https://github.com/react-native-oh-library/react-native-sound)
 
-| Name      | Description                      | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
-| setActive | Set the device activation status | string | No       | iOS、Android | yes               |
+| Name                     | Description                               | Type   | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| setActive                | Set the device activation status           | function | No       | iOS、Android | yes               |
+| setCategory              | Set the device activation status            | function | No       | iOS、Android | no               |
+| enable                   | Enable or disable audio playback           | function  | No       | iOS       | no               |
+| enableInSilenceMode      | Whether to enable playback in silence mode | function  | No       | iOS       | no               |
+| setMode                  | Set session mode                            | function  | No       | iOS       | no               |
+| setSpeakerphoneOn       | Set up speakers                          | function  | No       | Android       | no               |
 
 ## API
 
@@ -320,26 +325,36 @@ ohpm install
 
 | Name                    | Description                              | Type    | Required | Platform    | HarmonyOS Support |
 | ------------------------| ---------------------------------------- | ------- | -------- | ----------- | ----------------- |
-| play                    | Start playing audio.                     | string  | No       | iOS、Android | yes               |
-| pause                   | Pause audio playback.                    | string  | No       | iOS、Android | yes               |
-| stop                    | Stop playing audio.                      | string  | No       | iOS、Android | yes               |
-| reset                   | Reset Audio Status.                      | string  | No       | Android      | yes               |
-| release                 | Releasing audio resources.               | string  | No       | iOS、Android | yes               |
-| getVolume               | Obtains the audio volume.                | string  | No       | iOS、Android | yes               |
-| setVolume               | Setting the Relative Audio Volume.       | string  | No       | iOS、Android | yes               |
-| getCurrentTime          | Obtains the current playback time point. | string  | No       | iOS、Android | yes               |
-| setCurrentTime          | Sets the playback time point.            | string  | No       | iOS、Android | yes               |
-| getSpeed                | Obtains the playback speed.              | string  | No       | iOS、Android | yes               |
-| setSpeed                | Setting the Playback Speed               | string  | No       | iOS、Android | yes               |
-| getFilename             | Obtains the audio file name              | string  | No       | iOS、Android | yes               |
-| getDuration             | Obtains the audio duration               | string  | No       | iOS、Android | yes               |
-| getNumberOfLoops        | Obtains whether the audio loops          | boolean | No       | iOS、Android | yes               |
-| setNumberOfLoops        | Sets whether the audio loops             | boolean | No       | iOS、Android | yes               |
-| isPlaying               | Whether the audio is being played        | string  | No       | iOS、Android | yes               |
+| play                    | Start playing audio.                     | function  | No       | iOS、Android | yes               |
+| pause                   | Pause audio playback.                    | function  | No       | iOS、Android | yes               |
+| stop                    | Stop playing audio.                      | function  | No       | iOS、Android | yes               |
+| reset                   | Reset Audio Status.                      | function  | No       | Android      | yes               |
+| release                 | Releasing audio resources.               | function  | No       | iOS、Android | yes               |
+| getVolume               | Obtains the audio volume.                | function  | No       | iOS、Android | yes               |
+| setVolume               | Setting the Relative Audio Volume.       | function  | No       | iOS、Android | yes               |
+| getCurrentTime          | Obtains the current playback time point. | function  | No       | iOS、Android | yes               |
+| setCurrentTime          | Sets the playback time point.            | function  | No       | iOS、Android | yes               |
+| getSpeed                | Obtains the playback speed.              | function  | No       | iOS、Android | yes               |
+| setSpeed                | Setting the Playback Speed               | function  | No       | iOS、Android | yes               |
+| getFilename             | Obtains the audio file name              | function  | No       | iOS、Android | yes               |
+| getDuration             | Obtains the audio duration               | function  | No       | iOS、Android | yes               |
+| getNumberOfLoops        | Obtains whether the audio loops          | function | No       | iOS、Android | yes               |
+| setNumberOfLoops        | Sets whether the audio loops             | function | No       | iOS、Android | yes               |
+| isPlaying               | Whether the audio is being played        |function  | No       | iOS、Android | yes               |
+| isLoaded                | Is loading completed                     | function  | No       | iOS、Android | yes               |
+| getPitch                | get pitch                                | function  | No       | Android      | no               |
+| setPitch                | Set pitch                                | function  | No       | Android      | no               |
+| getPan                  | set left and right channel balance       | function  | No  | iOS、Android      | no               |
+| setPan                  | set left and right channel balance       | function  | No  | iOS、Android      | no               |
+| getSystemVolume         | set system volume                        | function  | No       | iOS、Android       | no               |
+| setSystemVolume         | set system volume                        | function  | No       | iOS、Android       | no               |
+| getNumberOfChannels      | get the number of channels              | function  | No       | iOS、Android       | no               |
+
 
 
-## 遗留问题
 
+## 遗留问题
+- [ ] 方法getNumberOfChannels,setSystemVolume,getSystemVolume,setPan，getPan，setPitch，getPitch，setSpeakerphoneOn，setMode，enableInSilenceMode，enable，setCategory 在Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-sound/issues/21)
 ## 其他
 
 ## 开源协议

From b045b0dad06062128c1d4bb707c6b9e2dd970234 Mon Sep 17 00:00:00 2001
From: liuwenliang0129 <13579620+liuwenliang0129@user.noreply.gitee.com>
Date: Sat, 17 Aug 2024 07:11:23 +0000
Subject: [PATCH 398/966] =?UTF-8?q?!1349=20docs:=20=E3=80=90Issures:=20#IA?=
 =?UTF-8?q?HZ96=E3=80=91=E4=BF=AE=E6=94=B9=20react-native-community-checkb?=
 =?UTF-8?q?ox=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues?=
 =?UTF-8?q?:=20IAHZ96]=20=E4=BF=AE=E6=94=B9=20react-native-community-check?=
 =?UTF-8?q?box=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-checkbox.md | 160 +++++++++++++----------
 1 file changed, 94 insertions(+), 66 deletions(-)

diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index 7cc604ae..00e82eff 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -1,11 +1,10 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/checkbox</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/callstack/react-native-checkbox">
+    <a href="https://github.com/react-native-checkbox/react-native-checkbox">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/react-native-checkbox/react-native-checkbox/blob/develop/LICENSE">
@@ -45,26 +44,27 @@ yarn add @react-native-oh-tpl/checkbox@file:#
 
 ```js
 import CheckBox from "@react-native-community/checkbox";
-
-<CheckBox
-  disabled={false}
-  value={toggleCheckBox}
-  style={{ width: 70, height: 70 }}
-  tintColor={"red"}
-  onCheckColor={"green"}
-  onChange={(event) => {
-    console.log("" + event.nativeEvent.value);
-    setMsg2("onChange" + event.nativeEvent.target);
-    setValue(event.nativeEvent.value);
-  }}
-  markSize={70}
-  strokeColor={"yellow"}
-  strokeWidth={5}
-  onValueChange={(newValue) => {
-    setToggleCheckBox(newValue);
-    setMsg("onValueChange----");
-  }}
-/>;
+import { useState } from "react";
+
+export default function CheckBoxExample() {
+    const [value, setValue] = useState<boolean>(false)
+    const [toggleCheckBox, setToggleCheckBox] = useState<boolean>(false)
+    return (
+        <CheckBox
+            disabled={false}
+            value={toggleCheckBox}
+            style={{ width: 70, height: 70 }}
+            tintColor={"red"}
+            onCheckColor={"green"}
+            onChange={(event) => {
+                setValue(event.nativeEvent.value);
+            }}
+            onValueChange={(newValue) => {
+                setToggleCheckBox(newValue);
+            }}
+        />
+    )
+}
 ```
 
 ## Link
@@ -80,7 +80,7 @@ import CheckBox from "@react-native-community/checkbox";
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -90,7 +90,7 @@ import CheckBox from "@react-native-community/checkbox";
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-checkbox": "file:../../node_modules/@react-native-oh-tpl/checkbox/harmony/checkbox.har"
+    "@react-native-oh-tpl/checkbox": "file:../../node_modules/@react-native-oh-tpl/checkbox/harmony/checkbox.har",
   }
 ```
 
@@ -115,27 +115,28 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-checkbox/src/main/cpp" ./checkbox)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/checkbox/src/main/cpp" ./checkbox)
+# RNOH_END: manual_package_linking_1
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_checkbox)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -157,33 +158,37 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ### 在 ArkTs 侧引入 Checkbox 组件
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+找到 `function buildCustomComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-...
-import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-import { createRNPackages } from '../RNPackagesFactory'
-+ import { RNCCheckbox, CHECKBOX_TYPE } from "rnoh-checkbox"
-
-  @Builder
-  function buildCustomComponent(ctx: ComponentBuilderContext) {
-    if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-      SampleView({
-        ctx: ctx.rnComponentContext,
-        tag: ctx.tag,
-        buildCustomComponent: buildCustomComponent
-      })
-    }
-+   else if (ctx.componentName === CHECKBOX_TYPE) {
+    ...
++ import { RNCCheckbox, CHECKBOX_TYPE } from "@react-native-oh-tpl/checkbox"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+    ...
++   if (ctx.componentName === CHECKBOX_TYPE) {
 +     RNCCheckbox({
 +       ctx: ctx.rnComponentContext,
 +       tag: ctx.tag,
-+       buildCustomComponent: buildCustomComponent
 +     })
 +   }
-    ...
+...
   }
-  ...
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ CHECKBOX_TYPE
+  ];
 ```
 
 ### 运行
@@ -199,7 +204,11 @@ ohpm install
 
 然后编译、运行即可。
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)
 
@@ -209,26 +218,45 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+| Name                | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
+|---------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -------- | -------- |-------------|------------------|
+| `value`             | The value of the checkbox. If true the checkbox will be turned on. Default value is false.                                                                                                    | boolean  | No       | Android、iOS | yes              |
+| `testID`            | Used to locate this view in end-to-end tests.                                                                                                                                                 | string   | No       | Android、iOS | yes              |
+| `disabled`          | If true the user won't be able to toggle the checkbox. Default value is false.                                                                                                                | bool     | No       | Android、iOS | yes              |
+| `onCheckColor`      | Color of the check box when it is selected.                                                                                                                                                   | Color    | No       | iOS         | yes              |
+| `tintColor`         | Border color of the check box when it is not selected.                                                                                                                                        | Color    | No       | iOS         | yes              |
+| `shape`             | Sets component shapes, including circles and rounded squares. Default value is 0.                                                                                                             | int      | No       | harmony     | yes              |
+| `markSize`          | Size of the internal mark. The default size is the same as the width of the check box.This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used. | number   | No       | harmony     | yes              |
+| `strokeWidth`       | Stroke width of the internal mark. This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used.                                                   | number   | No       | harmony     | yes              |
+| `strokeColor`       | Color of the internal mark.                                                                                                                                                                   | Color    | No       | harmony     | yes              |
+| `lineWidth`         | The width of the lines of the check mark and box. Defaults to 2.0.                                                                                                                            | number    | No       | iOS         | No               |
+| `hideBox`           | Control if the box should be hidden or not. Defaults to false.                                                                                                                                | boolean    | No       | iOS         | No              |
+| `onFillColor`       | The color of the inside of the box when it is On. Defaults to transparent.                                                                                                                    | string      | No       | iOS      | No              |
+| `onTintColor`       | The color of the line around the box when it is On. Defaults to '#007aff'.                                                                                                                    | string   | No       | iOS      | No              |
+| `animationDuration` | The duration in seconds of the animations. Defaults to 0.5.                                                                                                                                   | number   | No       | iOS     | No              |
+| `onAnimationType`   | The type of animation to use when the checkbox gets checked. Default to 'stroke'.                                                                                                             | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
+| `offAnimationType`   | The type of animation to use when the checkbox gets unchecked. 'stroke'.                                                                                                                      | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
 | Name            | Description                                                                                                                                                                                    | Type     | Required | Platform      | HarmonyOS Support |
 | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
-| `onChange`      | Invoked on change with the native event.                                                                                                                                                       | function | No       | All           | yes               |
-| `onValueChange` | Invoked with the new boolean value when it changes.                                                                                                                                            | function | No       | All           | yes               |
-| `value`         | The value of the checkbox. If true the checkbox will be turned on. Default value is false.                                                                                                     | boolean  | No       | All           | yes               |
-| `testID`        | Used to locate this view in end-to-end tests.                                                                                                                                                  | string   | No       | All           | yes               |
-| `disabled`      | If true the user won't be able to toggle the checkbox. Default value is false.                                                                                                                 | bool     | No       | All           | yes               |
-| `onCheckColor`  | Color of the check box when it is selected.                                                                                                                                                    | Color    | No       | ios & harmony | yes               |
-| `tintColor`     | Border color of the check box when it is not selected.                                                                                                                                         | Color    | No       | ios & harmony | yes               |
-| `shape`         | Sets component shapes, including circles and rounded squares. Default value is 0.                                                                                                              | int      | No       | harmony       | yes               |
-| `markSize`      | Size of the internal mark. The default size is the same as the width of the check box.This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used. | number   | No       | harmony       | yes               |
-| `strokeWidth`   | Stroke width of the internal mark. This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used.                                                    | number   | No       | harmony       | yes               |
-| `strokeColor`   | Color of the internal mark.                                                                                                                                                                    | Color    | No       | harmony       | yes               |
+| `onChange`      | Invoked on change with the native event.                                                                                                                                                       | function | No       | Android、iOS   | yes               |
+| `onValueChange` | Invoked with the new boolean value when it changes.                                                                                                                                            | function | No       | Android、iOS   | yes               |
 
 ## 遗留问题
-
+- [ ] 设置lineWidth属性，该属性用来控制复选框的线条宽度，未实现HarmonyOS化: [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3)
+- [ ] 设置hideBox属性，该属性用来控制复选框的显示与隐藏，未实现HarmonyOS化: [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4)
+- [ ] 设置onTintColor属性，该属性用来控制复选框的选中时边框的颜色，未实现HarmonyOS化: [issue#5](https://github.com/react-native-oh-library/react-native-checkbox/issues/5)
+- [ ] 设置onFillColor属性，该属性用来控制复选框未选中时框内部的颜色，未实现HarmonyOS化: [issue#9](https://github.com/react-native-oh-library/react-native-checkbox/issues/9)
+- [ ] 设置animationDuration属性，该属性用来控制选中和取消选中的动画持续时间，未实现HarmonyOS化: [issue#6](https://github.com/react-native-oh-library/react-native-checkbox/issues/6)
+- [ ] 设置onAnimationType属性，该属性用来控制选中时的动画类型，未实现 HarmonyOS化: [issue#7](https://github.com/react-native-oh-library/react-native-checkbox/issues/7)
+- [ ] 设置offAnimationType属性，该属性用来控制取消选中时的动画类型，未实现 HarmonyOS化: [issue#8](https://github.com/react-native-oh-library/react-native-checkbox/issues/8)
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-checkbox/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-checkbox/blob/harmony/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 3a55660725c579337cb8d63035749422a8482a43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=98=89=E8=AF=9A?= <linjiacheng1@huawei.com>
Date: Sat, 17 Aug 2024 09:47:44 +0000
Subject: [PATCH 399/966] =?UTF-8?q?!1375=20docs:=20[Issue:=20#IAKPJU]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=87=AA=E5=AE=9A=E4=B9=89=E5=AD=97=E4=BD=93?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=20*=20docs:=20[Issue:=20#IAKPJU]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E8=87=AA=E5=AE=9A=E4=B9=89=E5=AD=97=E4=BD=93=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-vector-icons.md | 570 +++++++++++------------------
 1 file changed, 206 insertions(+), 364 deletions(-)

diff --git a/zh-cn/react-native-vector-icons.md b/zh-cn/react-native-vector-icons.md
index 2aae5069..b430d7aa 100644
--- a/zh-cn/react-native-vector-icons.md
+++ b/zh-cn/react-native-vector-icons.md
@@ -43,327 +43,253 @@ yarn add react-native-vector-icons@10.0.3
 
 [Explore all icons](https://oblador.github.io/react-native-vector-icons/).
 
-- [`AntDesign`](https://ant.design/) from AntFinance (*298* icons)
-- [`Entypo`](http://entypo.com) by Daniel Bruce (v1.0.1 with *411* icons)
-- [`EvilIcons`](http://evil-icons.io) designed by Alexander Madyankin & Roman Shamin (v1.10.1 with *70* icons)
-- [`Feather`](http://feathericons.com) created by Cole Bemis & Contributors (v4.28.0 featuring *286* icons)
-- [`FontAwesome`](http://fortawesome.github.io/Font-Awesome/icons/) by Dave Gandy (v4.7.0 containing *675* icons)
-- [`FontAwesome 5`](https://fontawesome.com/v5/icons/) from Fonticons, Inc. (v5.15.3 offering *1598* free and *7848* pro icons)
-- [`FontAwesome 6`](https://fontawesome.com) designed by Fonticons, Inc. (v6.1.2 featuring *2016* free and *16150* pro icons)
-- [`Fontisto`](https://github.com/kenangundogan/fontisto) created by Kenan Gündoğan (v3.0.4 featuring *615* icons)
-- [`Foundation`](http://zurb.com/playground/foundation-icon-fonts-3) by ZURB, Inc. (v3.0 with *283* icons)
-- [`Ionicons`](https://ionicons.com/) crafted by Ionic (v7.1.0 containing *1338* icons)
-- [`MaterialIcons`](https://fonts.google.com/icons/) by Google, Inc. (v4.0.0 featuring *2189* icons)
-- [`MaterialCommunityIcons`](https://materialdesignicons.com/) from MaterialDesignIcons.com (v6.5.95 including *6596* icons)
-- [`Octicons`](http://octicons.github.com) designed by Github, Inc. (v16.3.1 with *250* icons)
-- [`Zocial`](http://zocial.smcllns.com/) by Sam Collins (v1.4.0 with *100* icons)
-- [`SimpleLineIcons`](https://simplelineicons.github.io/) crafted by Sabbir & Contributors (v2.5.5 with *189* icons)
+- [`AntDesign`](https://ant.design/) from AntFinance (_298_ icons)
+- [`Entypo`](http://entypo.com) by Daniel Bruce (v1.0.1 with _411_ icons)
+- [`EvilIcons`](http://evil-icons.io) designed by Alexander Madyankin & Roman Shamin (v1.10.1 with _70_ icons)
+- [`Feather`](http://feathericons.com) created by Cole Bemis & Contributors (v4.28.0 featuring _286_ icons)
+- [`FontAwesome`](http://fortawesome.github.io/Font-Awesome/icons/) by Dave Gandy (v4.7.0 containing _675_ icons)
+- [`FontAwesome 5`](https://fontawesome.com/v5/icons/) from Fonticons, Inc. (v5.15.3 offering _1598_ free and _7848_ pro icons)
+- [`FontAwesome 6`](https://fontawesome.com) designed by Fonticons, Inc. (v6.1.2 featuring _2016_ free and _16150_ pro icons)
+- [`Fontisto`](https://github.com/kenangundogan/fontisto) created by Kenan Gündoğan (v3.0.4 featuring _615_ icons)
+- [`Foundation`](http://zurb.com/playground/foundation-icon-fonts-3) by ZURB, Inc. (v3.0 with _283_ icons)
+- [`Ionicons`](https://ionicons.com/) crafted by Ionic (v7.1.0 containing _1338_ icons)
+- [`MaterialIcons`](https://fonts.google.com/icons/) by Google, Inc. (v4.0.0 featuring _2189_ icons)
+- [`MaterialCommunityIcons`](https://materialdesignicons.com/) from MaterialDesignIcons.com (v6.5.95 including _6596_ icons)
+- [`Octicons`](http://octicons.github.com) designed by Github, Inc. (v16.3.1 with _250_ icons)
+- [`Zocial`](http://zocial.smcllns.com/) by Sam Collins (v1.4.0 with _100_ icons)
+- [`SimpleLineIcons`](https://simplelineicons.github.io/) crafted by Sabbir & Contributors (v2.5.5 with _189_ icons)
 
 ### 本库自带字体的使用
-> [!ATTENTION] 使用字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件，否则图标不能正常显示
+
+> [!ATTENTION] 使用字体时，请确保 entry/src/main/ets/assets/fonts 和 entry/src/main/resource/rawfile/assets/assets/fonts 下同时拥有要使用的 ttf 文件，否则图标不能正常显示
 
 ```js
-import FontAwesome from 'react-native-vector-icons/FontAwesome';
-
-<FontAwesome.Button 
-    name="glass"
-    backgroundColor="#3b5998"
-    size={20}
-    >
-</FontAwesome.Button>
+import FontAwesome from "react-native-vector-icons/FontAwesome";
+
+<FontAwesome.Button
+  name="glass"
+  backgroundColor="#3b5998"
+  size={20}
+></FontAwesome.Button>;
 ```
 
 ### 外部字体使用
-> [!ATTENTION] 使用外部字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件，否则图标不能正常显示
-使用外部字体时，不管是用户自己制作的字体文件还是从网站下载的字体文件，都需要有 *.ttf 和 *.json 文件(文件目录不固定，能引用到就可以了)
+
+> [!ATTENTION] 使用外部字体时，请确保 entry/src/main/ets/assets/fonts 和 entry/src/main/resource/rawfile/assets/assets/fonts 下同时拥有要使用的 ttf 文件，否则图标不能正常显示
+> 使用外部字体时，不管是用户自己制作的字体文件还是从网站下载的字体文件，都需要有 _.ttf 和 _.json 文件(文件目录不固定，能引用到就可以了)
 
 #### 用户自制字体文件
+
 用户自己制作的字体文件导入使用，以下字体文件名和字体家族名仅供参考，以用户实际输出字体文件信息为准
 
 ```js
-import { createIconSet } from 'react-native-vector-icons';
+import { createIconSet } from "react-native-vector-icons";
 
 const CustomTest = createIconSet(
-    require('../assets/fonts/test.json'), // 引入本地assets下的字体资源
-    'poppy-icon',
-    '../assets/fonts/test.ttf',  // 引入本地assets下的字体资源
-  );
+  require("../assets/fonts/test.json"), // 引入本地assets下的字体资源
+  "poppy-icon",
+  "../assets/fonts/test.ttf" // 引入本地assets下的字体资源
+);
 
 <CustomFont.Button
-    name="to-do"
-    backgroundColor="#3b5998"
-    size={20}
-    >
-</CustomFont.Button>
+  name="to-do"
+  backgroundColor="#3b5998"
+  size={20}
+></CustomFont.Button>;
 ```
 
 #### [fontello](http://fontello.com)网站中的字体使用
+
 从[fontello](http://fontello.com)网站选择合适的字体之后下载对应的字体文件和配置文件导入使用
 
 ```js
-import { createIconSetFromFontello } from 'react-native-vector-icons';
-import fontelloConfig from '../assets/fonts/config.json';
+import { createIconSetFromFontello } from "react-native-vector-icons";
+import fontelloConfig from "../assets/fonts/config.json";
 
 const CustomFontello = createIconSetFromFontello(
-    fontelloConfig,
-    'fontello',
-    '../assets/fonts/fontello.ttf', // 引入本地assets下的字体资源
-  );
+  fontelloConfig,
+  "fontello",
+  "../assets/fonts/fontello.ttf" // 引入本地assets下的字体资源
+);
 
 <CustomFontello.Button
-    name="emo-happy"
-    backgroundColor="#3b5998"
-    size={20}
-    >
-</CustomFontello.Button>
+  name="emo-happy"
+  backgroundColor="#3b5998"
+  size={20}
+></CustomFontello.Button>;
 ```
 
 #### [IcoMoon](https://icomoon.io/app)网站中的字体使用
+
 从[IcoMoon](https://icomoon.io/app)网站选择合适的字体之后下载对应的字体文件和配置文件导入使用
 
 ```js
-import { createIconSetFromIcoMoon } from 'react-native-vector-icons';
-import icoMoonConfig from '../assets/fonts/selection.json'; // 引入本地assets下的字体资源
+import { createIconSetFromIcoMoon } from "react-native-vector-icons";
+import icoMoonConfig from "../assets/fonts/selection.json"; // 引入本地assets下的字体资源
 
 const CustomFontIcoMoon = createIconSetFromIcoMoon(
-    icoMoonConfig,
-    'icomoon',
-    '../assets/fonts/icomoon.ttf', // 引入本地assets下的字体资源
-  );
+  icoMoonConfig,
+  "icomoon",
+  "../assets/fonts/icomoon.ttf" // 引入本地assets下的字体资源
+);
 
 <CustomFontIcoMoon.Button
-    name="home2"
-    backgroundColor="#3b5998"
-    size={20}
-    >
-</CustomFontIcoMoon.Button>
+  name="home2"
+  backgroundColor="#3b5998"
+  size={20}
+></CustomFontIcoMoon.Button>;
 ```
 
 ### 以下展示了本库的基本用法
 
 ```js
-import React from 'react';
-import {ScrollView} from 'react-native';
+import React from "react";
+import { ScrollView } from "react-native";
 
 //导入原库自带字体
-import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
-import FontAwesome6 from 'react-native-vector-icons/FontAwesome6';
-import Fontisto from 'react-native-vector-icons/Fontisto';
-import Foundation from 'react-native-vector-icons/Foundation';
-import Ionicons from 'react-native-vector-icons/Ionicons';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
-import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
-import SimpleLineIcons from 'react-native-vector-icons/SimpleLineIcons';
-import Octicons from 'react-native-vector-icons/Octicons';
-import Zocial from 'react-native-vector-icons/Zocial';
-import AntDesign from 'react-native-vector-icons/AntDesign';
-import Entypo from 'react-native-vector-icons/Entypo';
-import EvilIcons from 'react-native-vector-icons/EvilIcons';
-import Feather from 'react-native-vector-icons/Feather';
-import FontAwesome from 'react-native-vector-icons/FontAwesome';
-
-
-import { createIconSetFromIcoMoon, createIconSetFromFontello, createIconSet } from 'react-native-vector-icons';
-import icoMoonConfig from '../assets/fonts/icomoon-selection.json';
-import fontelloConfig from '../assets/fonts/fontello-config.json';
+import FontAwesome5 from "react-native-vector-icons/FontAwesome5";
+import FontAwesome6 from "react-native-vector-icons/FontAwesome6";
+import Fontisto from "react-native-vector-icons/Fontisto";
+import Foundation from "react-native-vector-icons/Foundation";
+import Ionicons from "react-native-vector-icons/Ionicons";
+import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
+import MaterialIcons from "react-native-vector-icons/MaterialIcons";
+import SimpleLineIcons from "react-native-vector-icons/SimpleLineIcons";
+import Octicons from "react-native-vector-icons/Octicons";
+import Zocial from "react-native-vector-icons/Zocial";
+import AntDesign from "react-native-vector-icons/AntDesign";
+import Entypo from "react-native-vector-icons/Entypo";
+import EvilIcons from "react-native-vector-icons/EvilIcons";
+import Feather from "react-native-vector-icons/Feather";
+import FontAwesome from "react-native-vector-icons/FontAwesome";
+
+import {
+  createIconSetFromIcoMoon,
+  createIconSetFromFontello,
+  createIconSet,
+} from "react-native-vector-icons";
+import icoMoonConfig from "../assets/fonts/icomoon-selection.json";
+import fontelloConfig from "../assets/fonts/fontello-config.json";
 
 export function VectorIconsDemo() {
-
   //引入用户自制字体
   const CustomTest = createIconSet(
-    require('../assets/fonts/test.json'), // 引入本地assets下的字体资源
-    'poppy-icon',
-    '../assets/fonts/test.ttf', // 引入本地assets下的字体资源
+    require("../assets/fonts/test.json"), // 引入本地assets下的字体资源
+    "poppy-icon",
+    "../assets/fonts/test.ttf" // 引入本地assets下的字体资源
   );
 
   //引入 IcoMoon 自定义字体
   const CustomIconMoon = createIconSetFromIcoMoon(
     icoMoonConfig,
-    'icomoon',
-    '../assets/fonts/icomoon.ttf' // 引入本地assets下的字体资源
+    "icomoon",
+    "../assets/fonts/icomoon.ttf" // 引入本地assets下的字体资源
   );
 
   //引入 fontello 自定义字体
   const CustomFontello = createIconSetFromFontello(
     fontelloConfig,
-    'fontello',
-    '../assets/fonts/fontello.ttf' // 引入本地assets下的字体资源
+    "fontello",
+    "../assets/fonts/fontello.ttf" // 引入本地assets下的字体资源
   );
 
   return (
-    <ScrollView style={{ padding:20 }}>
-
+    <ScrollView style={{ padding: 20 }}>
       <CustomTest.Button
-          name="application-record"
-          backgroundColor="#3b5998"
-          size={20}
-       >
+        name="application-record"
+        backgroundColor="#3b5998"
+        size={20}
+      >
         CustomTest application-record
-       </CustomTest.Button>
+      </CustomTest.Button>
 
-       <CustomTest.Button
-          name="to-do"
-          backgroundColor="#3b5998"
-          size={20}
-       >
+      <CustomTest.Button name="to-do" backgroundColor="#3b5998" size={20}>
         CustomTest to-do
-       </CustomTest.Button>
+      </CustomTest.Button>
 
-      <CustomIconMoon.Button
-          name="home2"
-          backgroundColor="#3b5998"
-       >
+      <CustomIconMoon.Button name="home2" backgroundColor="#3b5998">
         CustomIconMoon home2
-       </CustomIconMoon.Button>
+      </CustomIconMoon.Button>
 
-       <CustomFontello.Button
-          name="emo-happy"
-          backgroundColor="#3b5998"
-       >
+      <CustomFontello.Button name="emo-happy" backgroundColor="#3b5998">
         CustomFontello emo-happy
-       </CustomFontello.Button>
+      </CustomFontello.Button>
 
-        <AntDesign.Button
-            name="forward"
-            backgroundColor="#3b5998"
-            size={20}
-          >
+      <AntDesign.Button name="forward" backgroundColor="#3b5998" size={20}>
         AntDesign forward
-        </AntDesign.Button>
+      </AntDesign.Button>
 
-        <Entypo.Button
-            name="app-store"
-            backgroundColor="#3b5998"
-            size={20}
-          >
+      <Entypo.Button name="app-store" backgroundColor="#3b5998" size={20}>
         Entypo app-store
-        </Entypo.Button>
+      </Entypo.Button>
 
-        <EvilIcons.Button
-            name="bell"
-            backgroundColor="#3b5998"
-            size={20}
-          >
+      <EvilIcons.Button name="bell" backgroundColor="#3b5998" size={20}>
         EvilIcons bell
-        </EvilIcons.Button>
+      </EvilIcons.Button>
 
-        <Feather.Button
-            name="sunrise"
-            backgroundColor="#3b5998"
-            size={20}
-          >
+      <Feather.Button name="sunrise" backgroundColor="#3b5998" size={20}>
         Feather sunrise
-        </Feather.Button>
-        <FontAwesome.Button
-            name="glass"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          FontAwesome glass
-        </FontAwesome.Button>
-        
-
-        <FontAwesome5.Button
-            name="angry"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          FontAwesome5_regular angry
-        </FontAwesome5.Button>
-        <FontAwesome5.Button
-            name="adn"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          FontAwesome5_brands adn
-        </FontAwesome5.Button>
-        <FontAwesome5.Button
-            name="ad"
-            backgroundColor="#3b5998"
-            size={20} 
-            
-          >
-          FontAwesome5_solid ad
-        </FontAwesome5.Button>
-
-        <FontAwesome6.Button
-            name="adn"
-            backgroundColor="#3b5998"
-            size={20} 
-          >
-          FontAwesome6_brands adn
-        </FontAwesome6.Button>
-        <FontAwesome6.Button
-            name="bookmark"
-            backgroundColor="#3b5998"
-            size={20} 
-            solid
-          >
-          FontAwesome6_regular bookmark
-        </FontAwesome6.Button>
-        <FontAwesome6.Button
-            name="apple-whole"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          FontAwesome6_solid apple-whole
-        </FontAwesome6.Button>
-        <Fontisto.Button
-            name="aws"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          Fontisto aws
-        </Fontisto.Button>
-        <Foundation.Button
-            name="archive"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          Foundation archive
-        </Foundation.Button>
-        <Ionicons.Button
-            name="aperture"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          Ionicons aperture
-        </Ionicons.Button>
-        <MaterialCommunityIcons.Button
-              name="zip-box"
-              backgroundColor="#3b5998"
-              size={20}
-            >
-          MaterialCommunityIcons zip-box
-        </MaterialCommunityIcons.Button>
-        <MaterialIcons.Button
-              name="airplay"
-              backgroundColor="#3b5998"
-              size={20}
-            >
-          MaterialIcons airplay
-        </MaterialIcons.Button>
-        <Octicons.Button
-            name="share"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          Octicons share
-        </Octicons.Button>
-        <SimpleLineIcons.Button
-            name="mouse"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          SimpleLineIcons mouse
-        </SimpleLineIcons.Button>
-        <Zocial.Button
-            name="rss"
-            backgroundColor="#3b5998"
-            size={20}
-          >
-          Zocial rss
-        </Zocial.Button>
+      </Feather.Button>
+      <FontAwesome.Button name="glass" backgroundColor="#3b5998" size={20}>
+        FontAwesome glass
+      </FontAwesome.Button>
+
+      <FontAwesome5.Button name="angry" backgroundColor="#3b5998" size={20}>
+        FontAwesome5_regular angry
+      </FontAwesome5.Button>
+      <FontAwesome5.Button name="adn" backgroundColor="#3b5998" size={20}>
+        FontAwesome5_brands adn
+      </FontAwesome5.Button>
+      <FontAwesome5.Button name="ad" backgroundColor="#3b5998" size={20}>
+        FontAwesome5_solid ad
+      </FontAwesome5.Button>
+
+      <FontAwesome6.Button name="adn" backgroundColor="#3b5998" size={20}>
+        FontAwesome6_brands adn
+      </FontAwesome6.Button>
+      <FontAwesome6.Button
+        name="bookmark"
+        backgroundColor="#3b5998"
+        size={20}
+        solid
+      >
+        FontAwesome6_regular bookmark
+      </FontAwesome6.Button>
+      <FontAwesome6.Button
+        name="apple-whole"
+        backgroundColor="#3b5998"
+        size={20}
+      >
+        FontAwesome6_solid apple-whole
+      </FontAwesome6.Button>
+      <Fontisto.Button name="aws" backgroundColor="#3b5998" size={20}>
+        Fontisto aws
+      </Fontisto.Button>
+      <Foundation.Button name="archive" backgroundColor="#3b5998" size={20}>
+        Foundation archive
+      </Foundation.Button>
+      <Ionicons.Button name="aperture" backgroundColor="#3b5998" size={20}>
+        Ionicons aperture
+      </Ionicons.Button>
+      <MaterialCommunityIcons.Button
+        name="zip-box"
+        backgroundColor="#3b5998"
+        size={20}
+      >
+        MaterialCommunityIcons zip-box
+      </MaterialCommunityIcons.Button>
+      <MaterialIcons.Button name="airplay" backgroundColor="#3b5998" size={20}>
+        MaterialIcons airplay
+      </MaterialIcons.Button>
+      <Octicons.Button name="share" backgroundColor="#3b5998" size={20}>
+        Octicons share
+      </Octicons.Button>
+      <SimpleLineIcons.Button name="mouse" backgroundColor="#3b5998" size={20}>
+        SimpleLineIcons mouse
+      </SimpleLineIcons.Button>
+      <Zocial.Button name="rss" backgroundColor="#3b5998" size={20}>
+        Zocial rss
+      </Zocial.Button>
     </ScrollView>
   );
 }
@@ -378,127 +304,44 @@ export function VectorIconsDemo() {
 ### 在 ArkTs 侧引入和注册字体文件
 
 步骤一：
-    复制 `node_modules/react-native-vector-icons/Fonts` 目录下的字体文件到  `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+复制 `node_modules/react-native-vector-icons/Fonts` 目录下的字体文件到 `entry/src/main/resources/rawfile/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
 
 步骤二：
-    打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
 
 ```ts
-    import font from '@ohos.font';
-    //...
-
-    //定义字体文件的 familyName 和 familySrc
-    //注意: familyName 要和 react-native-vector-icons 目录下 [字体名.js] 中的 familyName 对应，当前库版本10.0.3，版本不同名字可能不同，请到对应文件中查看
-    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
-    const fonts: font.FontOptions[] = [
-        {
-            familyName: 'anticon',
-            familySrc: '/assets/fonts/AntDesign.ttf'
-        },
-        {
-            familyName: 'Entypo',
-            familySrc: '/assets/fonts/Entypo.ttf'
-        },
-        {
-            familyName: 'EvilIcons',
-            familySrc: '/assets/fonts/EvilIcons.ttf'
-        },
-        {
-            familyName: 'Feather',
-            familySrc: '/assets/fonts/Feather.ttf'
-        },
-        {
-            familyName: 'FontAwesome',
-            familySrc: '/assets/fonts/FontAwesome.ttf'
-        },
-        {
-            familyName: 'FontAwesome5Brands-Regular',
-            familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
-        },
-        {
-            familyName: 'FontAwesome5Free-Regular',
-            familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
-        },
-        {
-            familyName: 'FontAwesome5Free-Solid',
-            familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
-        },
-
-        {
-            familyName: 'FontAwesome6Brands-Regular',
-            familySrc: '/assets/fonts/FontAwesome6_Brands.ttf'
-        },
-        {
-            familyName: 'FontAwesome6Free-Regular',
-            familySrc: '/assets/fonts/FontAwesome6_Regular.ttf'
-        },
-        {
-            familyName: 'FontAwesome6Free-Solid',
-            familySrc: '/assets/fonts/FontAwesome6_Solid.ttf'
-        },
-
-        {
-            familyName: 'Fontisto',
-            familySrc: '/assets/fonts/Fontisto.ttf'
-        },
-        {
-            familyName: 'fontcustom',
-            familySrc: '/assets/fonts/Foundation.ttf'
-        },
-        {
-            familyName: 'Ionicons',
-            familySrc: '/assets/fonts/Ionicons.ttf'
-        },
-        {
-            familyName: 'Material Design Icons',
-            familySrc: '/assets/fonts/MaterialCommunityIcons.ttf'
-        },
-        {
-            familyName: 'Material Icons',
-            familySrc: '/assets/fonts/MaterialIcons.ttf'
-        },
-        {
-            familyName: 'Octicons',
-            familySrc: '/assets/fonts/Octicons.ttf'
-        },
-        {
-            familyName: 'simple-line-icons',
-            familySrc: '/assets/fonts/SimpleLineIcons.ttf'
-        },
-        {
-            familyName: 'zocial',
-            familySrc: '/assets/fonts/Zocial.ttf'
-        },
-        //以下三种为外部字体，这里是举例说明，以用户实际为准
-        {
-            familyName: 'icomoon',
-            familySrc: '/assets/fonts/icomoon.ttf'
-        },
-        {
-            familyName: 'fontello',
-            familySrc: '/assets/fonts/fontello.ttf'
-        },
-        {
-            familyName: 'poppy-icon',
-            familySrc: '/assets/fonts/test.ttf'
-        }
-    ]
-
-    @Entry
-    @Component
-    struct Index {
-        //...
-        aboutToAppear() {
-            //...
-
-            //注册字体文件
-            for (const customFont of fonts) {
-                font.registerFont(customFont)
-            }
-        }
-        //...
+RNApp({
+  rnInstanceConfig: {
+    fontResourceByFontFamily: {
+      'anticon': $rawfile('fonts/AntDesign.ttf'),
+      'Entypo': $rawfile('fonts/Entypo.ttf'),
+      'EvilIcons': $rawfile('fonts/EvilIcons.ttf'),
+      'Feather': $rawfile('fonts/Feather.ttf'),
+      'FontAwesome': $rawfile('fonts/FontAwesome.ttf'),
+      'FontAwesome5Brands-Regular': $rawfile('fonts/FontAwesome5_Brands.ttf'),
+      'FontAwesome5Free-Regular': $rawfile('fonts/FontAwesome5_Regular.ttf'),
+      'FontAwesome5Free-Solid': $rawfile('fonts/FontAwesome5_Solid.ttf'),
+      'FontAwesome6Brands-Regular': $rawfile('fonts/FontAwesome6_Brands.ttf'),
+      'FontAwesome6Free-Regular': $rawfile('fonts/FontAwesome6_Regular.ttf'),
+      'FontAwesome6Free-Solid': $rawfile('fonts/FontAwesome6_Solid.ttf'),
+      'Fontisto': $rawfile('fonts/Fontisto.ttf'),
+      'fontcustom': $rawfile('fonts/Foundation.ttf'),
+      'Ionicons': $rawfile('fonts/Ionicons.ttf'),
+      'Material Design Icons': $rawfile('fonts/MaterialCommunityIcons.ttf'),
+      'Material Icons': $rawfile('fonts/MaterialIcons.ttf'),
+      'Octicons': $rawfile('fonts/Octicons.ttf'),
+      'simple-line-icons': $rawfile('fonts/SimpleLineIcons.ttf'),
+      'zocial': $rawfile('fonts/Zocial.ttf'),
+      // 以下三种为外部字体，这里是举例说明，以用户实际为准
+      'icomoon': $rawfile('fonts/icomoon.ttf'),
+      'fontello': $rawfile('fonts/fontello.ttf'),
+      'poppy-icon': $rawfile('fonts/test.ttf')
     }
+    // ...
+  }
+})
 ```
+
 #### 提醒：自定义字体也需要用同样的方法在此注册
 
 ## 约束与限制
@@ -507,15 +350,14 @@ export function VectorIconsDemo() {
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请使用 Api 11 及以上版本，低版本会导致font注册不成功，图标显示不出来。
-
+请使用 Api 11 及以上版本，低版本会导致 font 注册不成功，图标显示不出来。
 
 ## 遗留问题
 
-- [ ] getImageSource和getImageSourceSync原生方法可以将字体文件绘制成Bitmap位图供 `Image` 组件使用，Harmony OS侧暂时不支持
+- [ ] getImageSource 和 getImageSourceSync 原生方法可以将字体文件绘制成 Bitmap 位图供 `Image` 组件使用，Harmony OS 侧暂时不支持
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE) ，请自由地享受和参与开源。

From 72c274f823955036a780223de4972eb7c15e9e73 Mon Sep 17 00:00:00 2001
From: zzy_sam <14696036+zzysam@user.noreply.gitee.com>
Date: Sun, 18 Aug 2024 04:16:52 +0000
Subject: [PATCH 400/966] =?UTF-8?q?!1189=20docs:=20[Issues:#IAFC3K]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-keyboard-accessory=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAFC3K]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-keyboard-accessory=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-keyboard-accessory.md | 209 +++++++++++++++++++++++
 1 file changed, 209 insertions(+)
 create mode 100644 zh-cn/react-native-keyboard-accessory.md

diff --git a/zh-cn/react-native-keyboard-accessory.md b/zh-cn/react-native-keyboard-accessory.md
new file mode 100644
index 00000000..9402236d
--- /dev/null
+++ b/zh-cn/react-native-keyboard-accessory.md
@@ -0,0 +1,209 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-keyboard-accessory</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ardaogulcan/react-native-keyboard-accessory/tree/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ardaogulcan/react-native-keyboard-accessory/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-accessory)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径。
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-keyboard-accessory@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-keyboard-accessory@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from "react";
+import { StyleSheet, View, TextInput, Button, ScrollView } from "react-native";
+import { KeyboardAccessoryView } from "react-native-keyboard-accessory";
+
+class ViewExample extends Component {
+  state = {
+    text: '',
+  };
+  render() {
+	const { text } = this.state;
+    return (
+      <View style={styles.container}>
+        <ScrollView>
+        	<TextInput
+                placeholder="Write your message"
+                underlineColorAndroid="transparent"
+                style={styles.input}/>
+        </ScrollView>
+        <KeyboardAccessoryView alwaysVisible={true} androidAdjustResize>
+          {({ isKeyboardVisible }) => (
+            <View style={styles.textInputView}>
+              <TextInput
+                placeholder="Write your message"
+                underlineColorAndroid="transparent"
+                style={styles.textInput}
+				value={text}
+				onChangeText={text => this.setState({ text })}
+                multiline={true}
+              />
+              {isKeyboardVisible && (
+                <Button
+                  style={styles.textInputButton}
+                  title="Send"
+                  onPress={() => {}}
+                />
+              )}
+            </View>
+          )}
+        </KeyboardAccessoryView>
+      </View>
+    );
+  }
+}
+
+ViewExample.navigationOptions = {
+  title: "View Example",
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  textInputView: {
+    padding: 8,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  textInput: {
+    flexGrow: 1,
+    borderWidth: 1,
+    borderRadius: 10,
+    borderColor: "#CCC",
+    padding: 10,
+    fontSize: 16,
+    marginRight: 10,
+    textAlignVertical: "top",
+  },
+  input: {
+    margin: 20,
+    paddingVertical: 10,
+    paddingHorizontal: 20,
+    borderColor: 'gray',
+    borderWidth: 1,
+    backgroundColor: '#FFF',
+  },
+  textInputButton: {
+    flexShrink: 1,
+  },
+});
+
+export default ViewExample;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### KeyboardAccessoryView属性
+
+用于在键盘上方显示一个自定义的工具栏或附加内容，允许用户在输入内容时操作工具栏中的按钮或其他控件
+
+| Name                  | **Description**                                              | **Type**               | Required | **Default** | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ---------------------- | -------- | ----------- | ----------- | ----------------- |
+| `style`               | Style `object` or `StyleSheet` reference which will be applied to Accessory `View` | `object`               | no       | `null`      | iOS/Android | yes               |
+| `animateOn`           | Enables show/hide animation on given platform. Values: `['ios', 'android', 'all', 'none','harmony']`. | `enum:string`          | no       | `ios`       | iOS/Android | yes               |
+| `animationConfig`     | For passing custom animations to show/hide. If given prop is function, `duration` and `easing` parameters from `Keyboard` event will be passed to the function, function should return `LayoutAnimation` compatible animation config. Or you can directly pass animation config object. | `function` or `object` | no       | `null`      | iOS/Android | yes               |
+| `alwaysVisible`       | When set to `true` Accessory View will be always visible at the bottom of the screen. Good for sticky `TextInput`'s | `boolean`              | no       | `false`     | iOS/Android | yes               |
+| `bumperHeight`        | Bumper height to prevent visual glitches if animation couldn't keep up with the keyboard animation. | `number`               | no       | 15          | iOS/Android | yes               |
+| `visibleOpacity`      | Opacity of the Accessory when it is visible. *Note:* Opacity is used for hiding the accessory to prevent render delays. | `number`               | no       | 1           | iOS/Android | yes               |
+| `heightProperty`      | Control how the component manages its height. The component listens for children changes and automatically adjusts its height, so `height` is usually sufficient. For use with a multiline, autogrowing `TextInput`, `minHeight` is recommended. Values: `['height', 'minHeight']` | `enum:string`          | no       | `height`    | iOS/Android | yes               |
+| `hiddenOpacity`       | Opacity of the Accessory when it is hidden.                  | `number`               | no       | 0           | iOS/Android | yes               |
+| `hideBorder`          | Set true if you want to hide top border of the Accessory     | `boolean`              | no       | false       | iOS/Android | yes               |
+| `inSafeAreaView`      | Set true if you want to adapt SafeAreaView on iPhone X       | `boolean`              | no       | false       | iOS         | no                |
+| `androidAdjustResize` | Set true in ejected apps to adjust resize                    | `boolean`              | no       | false       | Android     | no                |
+| `avoidKeyboard`       | Set true if you want accessory to maintain KeyboardAvoidingView behavior. You shouldn't use any other Keyboard Avoiding library when you set this to `true` | `boolean`              | no       | false       | iOS/Android | yes               |
+
+### KeyboardAccessoryNavigation属性
+
+用于处理键盘导航的组件
+
+| Name                      | **Description**                                              | **Type**      | Required | **Default**                              | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | ------------- | -------- | ---------------------------------------- | ----------- | ----------------- |
+| `doneButtonTitle`         | Title text to show on the right Button of Navigation View    | `string`      | no       | `'Done'`                                 | iOS/Android | yes               |
+| `tintColor`               | Tint color for the arrows and done button                    | `string`      | no       | `'#007AFF'`                              | iOS/Android | yes               |
+| `doneButton`              | Replace default Done Button. Non-Touchable node should be provided. | `node`        | no       | `null`                                   | iOS/Android | yes               |
+| `nextButton`              | Replace default Next Button. Non-Touchable node should be provided. | `node`        | no       | `null`                                   | iOS/Android | yes               |
+| `previousButton`          | Replace default Previous Button. Non-Touchable node should be provided. | `node`        | no       | `null`                                   | iOS/Android | yes               |
+| `doneDisabled`            | Disables Done Button                                         | `boolean`     | no       | false                                    | no          | no                |
+| `nextDisabled`            | Disables Next Button                                         | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `previousDisabled`        | Disables Previous Button                                     | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `doneHidden`              | Hides Done Button                                            | `boolean`     | no       | false                                    | no          | no                |
+| `nextHidden`              | Hides Next Button                                            | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `previousHidden`          | Hides Previous Button                                        | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `accessoryStyle`          | Style object or StyleSheet reference which will be applied to Navigation Accessory `View`. | `object`      | no       | null                                     | iOS/Android | yes               |
+| `doneButtonStyle`         | Style object or StyleSheet reference which will be applied to Done Button `View` | `object`      | no       | null                                     | iOS/Android | yes               |
+| `doneButtonTitleStyle`    | Style object or StyleSheet reference which will be applied to Done Button `Text` | `object`      | no       | null                                     | iOS/Android | yes               |
+| `doneButtonHitslop`       | This defines how far your touch can start away from the doneButton | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
+| `previousButtonStyle`     | Style object or StyleSheet reference which will be applied to Previous Button `View` | `object`      | no       | 0                                        | iOS/Android | yes               |
+| `nextButtonStyle`         | Style object or StyleSheet reference which will be applied to Next Button `View` | `object`      | no       | 0                                        | iOS/Android | yes               |
+| `nextButtonDirection`     | Arrow direction for the Next Button. Values: `['down', 'up', 'right', 'left']`. | `enum:string` | no       | `'down'`                                 | iOS/Android | yes               |
+| `nextButtonHitslop`       | This defines how far your touch can start away from the nextButton | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
+| `previousButtonDirection` | Arrow direction for the Previous Button. Values: `['down', 'up', 'right', 'left']`. | `enum:string` | no       | `'up'`                                   | iOS/Android | yes               |
+| `previousButtonHitslop`   | This defines how far your touch can start away from the previousButton | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
+| `onDone`                  | Triggered on Done Button `press`                             | `function`    | no       | null                                     | iOS/Android | yes               |
+| `onNext`                  | Triggered on Next Button `press`                             | `function`    | no       | null                                     | iOS/Android | yes               |
+| `onPrevious`              | Triggered on Previous Button `press`                         | `function`    | no       | null                                     | iOS/Android | yes               |
+
+### KeyboardAwareTabBarComponent属性
+
+| Name              | **Description**                                              | **Type**           | Required | **Default** | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ------------------ | -------- | ----------- | ----------- | ----------------- |
+| `TabBarComponent` | Provide TabBarComponent to render. Usually from `react-navigation` | `node`, `function` | no       |             | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+- inSafeAreaView 是专为适配ios的刘海和底部横条布局设计的，HarmonyOS没有此类问题，只支持默认设置false。
+
+- androidAdjustResize 是为适配安卓键盘弹出时窗口的布局，HarmonyOS键盘弹出没有该问题，无需设置该属性。
+
+- doneDisabled和doneHidden属性在iOS,Android不生效，HarmonyOS与其表现一致: [issue#99](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/99)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ardaogulcan/react-native-keyboard-accessory/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From e501e89f8c5dd2a859306624c8dbacca702f09e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=98=89=E8=AF=9A?= <linjiacheng1@huawei.com>
Date: Sun, 18 Aug 2024 10:19:30 +0000
Subject: [PATCH 401/966] =?UTF-8?q?!1378=20docs:=20[Issue:=20#IAKRYT]=20?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=E7=BA=AFjs=E5=BA=93demo=20*=20docs:=20[Issue?=
 =?UTF-8?q?:=20#IAKRYT]=20=E8=A1=A5=E5=85=85=E7=BA=AFjs=E5=BA=93demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/deepmerge.md         | 100 ++++++++++++++++-------------
 zh-cn/lodash.md            |  66 +++++++++++--------
 zh-cn/mobx-react.md        |  80 ++++++++++++++++++-----
 zh-cn/mobx.md              |  86 ++++++++++++++++---------
 zh-cn/parse5.md            | 127 +++++++++++++++++++++++++++----------
 zh-cn/prop-types.md        |  60 ++++++++++++++----
 zh-cn/styled-components.md |  59 +++++++++++------
 zh-cn/styled-system.md     |  59 +++++++++--------
 8 files changed, 427 insertions(+), 210 deletions(-)

diff --git a/zh-cn/deepmerge.md b/zh-cn/deepmerge.md
index bdd8fe92..2284de0c 100644
--- a/zh-cn/deepmerge.md
+++ b/zh-cn/deepmerge.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install deepmerge@^4.3.1
+npm install deepmerge@4.3.1
 ```
 
 #### **yarn**
 
 ```bash
-yarn add deepmerge@^4.3.1
+yarn add deepmerge@4.3.1
 ```
 
 <!-- tabs:end -->
@@ -35,54 +35,68 @@ yarn add deepmerge@^4.3.1
 快速使用：
 
 ```js
-import deepmerge from "deepmerge";
-
-const x = {
-  foo: { bar: 3 },
-  array: [
-    {
-      does: "work",
-      too: [1, 2, 3],
+import React from 'react';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+import deepmerge from 'deepmerge';
+
+const App = () => {
+  // 定义两个需要合并的对象
+  const object1 = {
+    name: 'John',
+    age: 30,
+    address: {
+      street: '123 Main St',
+      city: 'Springfield',
     },
-  ],
-};
+  };
 
-const y = {
-  foo: { baz: 4 },
-  quux: 5,
-  array: [
-    {
-      does: "work",
-      too: [4, 5, 6],
-    },
-    {
-      really: "yes",
+  const object2 = {
+    age: 31,
+    address: {
+      country: 'USA',
     },
-  ],
+    hobbies: ['Reading', 'Hiking'],
+  };
+
+  // 使用 deepmerge 合并两个对象
+  const mergedObject = deepmerge(object1, object2);
+
+  return (
+    <ScrollView contentContainerStyle={styles.container}>
+      <Text style={styles.title}>Object 1:</Text>
+      <Text style={styles.text}>{JSON.stringify(object1, null, 2)}</Text>
+
+      <Text style={styles.title}>Object 2:</Text>
+      <Text style={styles.text}>{JSON.stringify(object2, null, 2)}</Text>
+
+      <Text style={styles.title}>Merged Object:</Text>
+      <Text style={styles.text}>{JSON.stringify(mergedObject, null, 2)}</Text>
+    </ScrollView>
+  );
 };
 
-const output = {
-  foo: {
-    bar: 3,
-    baz: 4,
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+    padding: 20,
   },
-  array: [
-    {
-      does: "work",
-      too: [1, 2, 3],
-    },
-    {
-      does: "work",
-      too: [4, 5, 6],
-    },
-    {
-      really: "yes",
-    },
-  ],
-  quux: 5,
-};
+  title: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginVertical: 10,
+  },
+  text: {
+    fontSize: 16,
+    marginBottom: 20,
+    textAlign: 'left',
+    width: '100%',
+  },
+});
 
-deepmerge(x, y); // => output
+export default App;
 ```
 
 ## 约束与限制
diff --git a/zh-cn/lodash.md b/zh-cn/lodash.md
index a928b168..54e5843c 100644
--- a/zh-cn/lodash.md
+++ b/zh-cn/lodash.md
@@ -25,7 +25,7 @@ npm install lodash@4.17.21
 #### **yarn**
 
 ```bash
-yarn add lodash@^4.17.21
+yarn add lodash@4.17.21
 ```
 
 <!-- tabs:end -->
@@ -33,31 +33,45 @@ yarn add lodash@^4.17.21
 直接使用：
 
 ```js
-// findLastIndex 为例
-import lodashStable from "lodash";
-
-var users = [
-  { user: "barney", active: true },
-  { user: "fred", active: false },
-  { user: "pebbles", active: false },
-];
-
-lodashStable.findLastIndex(users, function (o) {
-  return o.user == "pebbles";
-});
-// => 2
-
-// The `_.matches` iteratee shorthand.
-lodashStable.findLastIndex(users, { user: "barney", active: true });
-// => 0
-
-// The `_.matchesProperty` iteratee shorthand.
-lodashStable.findLastIndex(users, ["active", false]);
-// => 2
-
-// The `_.property` iteratee shorthand.
-lodashStable.findLastIndex(users, "active");
-// => 0
+import React, { useState } from 'react';
+import { View, Text, Button, FlatList } from 'react-native';
+import _ from 'lodash';
+
+const LodashDemo = () => {
+  const [data, setData] = useState([1, 2, 2, 3, 4, 4, 5]);
+  const [uniqueData, setUniqueData] = useState([]);
+
+  const handleRemoveDuplicates = () => {
+    const result = _.uniq(data);
+    setUniqueData(result);
+  };
+
+  return (
+    <View style={{ padding: 20 }}>
+      <Text style={{ fontSize: 18, marginBottom: 10 }}>Original Data:</Text>
+      <FlatList
+        data={data}
+        renderItem={({ item }) => <Text>{item}</Text>}
+        keyExtractor={(item, index) => index.toString()}
+      />
+
+      <Button title="Remove Duplicates" onPress={handleRemoveDuplicates} />
+
+      {uniqueData.length > 0 && (
+        <>
+          <Text style={{ fontSize: 18, marginTop: 20, marginBottom: 10 }}>Unique Data:</Text>
+          <FlatList
+            data={uniqueData}
+            renderItem={({ item }) => <Text>{item}</Text>}
+            keyExtractor={(item, index) => index.toString()}
+          />
+        </>
+      )}
+    </View>
+  );
+};
+
+export default LodashDemo;
 ```
 
 ### 兼容性
diff --git a/zh-cn/mobx-react.md b/zh-cn/mobx-react.md
index 82bd1270..5fb65ca4 100644
--- a/zh-cn/mobx-react.md
+++ b/zh-cn/mobx-react.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install mobx-react@^7.6.0
+npm install mobx-react@7.6.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add mobx-react@^7.6.0
+yarn add mobx-react@7.6.0
 ```
 
 <!-- tabs:end -->
@@ -57,27 +57,73 @@ npm install @babel/plugin-transform-class-properties --save-dev
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import { observer } from "mobx-react";
-
-// ---- ES6 syntax ----
-const TodoView = observer(
-  class TodoView extends React.Component {
-    render() {
-      return <div>{this.props.todo.title}</div>;
-    }
-  },
-);
+import React from 'react';
+import { View, Text, Button, StyleSheet } from 'react-native';
+import { observer, inject, Provider } from 'mobx-react';
+import { observable, action, makeObservable } from 'mobx';
+
+class CounterStore {
+  count = 0;
+
+  constructor() {
+    makeObservable(this, {
+      count: observable,
+      increment: action,
+      decrement: action,
+    });
+  }
+
+  increment = () => {
+    this.count += 1;
+  };
+
+  decrement = () => {
+    this.count -= 1;
+  };
+}
+
+const counterStore = new CounterStore();
 
-// ---- ESNext syntax with decorator syntax enabled ----
+// Counter 组件，使用 @inject 和 @observer 进行连接
+@inject('counterStore')
 @observer
-class TodoView extends React.Component {
+class Counter extends React.Component {
   render() {
-    return <div>{this.props.todo.title}</div>;
+    const { counterStore } = this.props;
+    return (
+      <View style={styles.container}>
+        <Text style={styles.text}>Count: {counterStore.count}</Text>
+        <Button title="Increment" onPress={counterStore.increment} />
+        <Button title="Decrement" onPress={counterStore.decrement} />
+      </View>
+    );
   }
 }
 
-// ---- or just use function components: ----
-const TodoView = observer(({ todo }) => <div>{todo.title}</div>);
+const App = () => {
+  return (
+    <Provider counterStore={counterStore}>
+      <View style={styles.container}>
+        <Counter />
+      </View>
+    </Provider>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+  },
+  text: {
+    fontSize: 20,
+    marginBottom: 20,
+  },
+});
+
+export default App;
 ```
 
 ### 兼容性
diff --git a/zh-cn/mobx.md b/zh-cn/mobx.md
index 5a00e60a..dcd20aff 100644
--- a/zh-cn/mobx.md
+++ b/zh-cn/mobx.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install mobx@^6.10.0
+npm install mobx@6.10.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add mobx@^6.10.0
+yarn add mobx@6.10.0
 ```
 
 <!-- tabs:end -->
@@ -57,39 +57,63 @@ npm install @babel/plugin-transform-class-properties --save-dev
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React from "react";
-import ReactDOM from "react-dom";
-import { makeAutoObservable } from "mobx";
-import { observer } from "mobx-react-lite";
-
-// Model the application state.
-function createTimer() {
-  return makeAutoObservable({
-    secondsPassed: 0,
-    increase() {
-      this.secondsPassed += 1;
-    },
-    reset() {
-      this.secondsPassed = 0;
-    },
-  });
-}
+import React from 'react';
+import { View, Text, Button, StyleSheet } from 'react-native';
+import { observer } from 'mobx-react-lite';
+import { makeAutoObservable } from 'mobx';
+
+class CounterStore {
+  count = 0;
 
-const myTimer = createTimer();
+  constructor() {
+    makeAutoObservable(this);
+  }
 
-// Build a "user interface" that uses the observable state.
-const TimerView = observer(({ timer }) => (
-  <button onClick={() => timer.reset()}>
-    Seconds passed: {timer.secondsPassed}
-  </button>
-));
+  increment() {
+    this.count += 1;
+  }
 
-ReactDOM.render(<TimerView timer={myTimer} />, document.body);
+  decrement() {
+    this.count -= 1;
+  }
+}
+
+// 创建一个store的实例
+const counterStore = new CounterStore();
+
+// 使用observer包裹组件，监听状态变化
+const Counter = observer(() => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Count: {counterStore.count}</Text>
+      <Button title="Increment" onPress={() => counterStore.increment()} />
+      <Button title="Decrement" onPress={() => counterStore.decrement()} />
+    </View>
+  );
+});
+
+const App = () => {
+  return (
+    <View style={styles.container}>
+      <Counter />
+    </View>
+  );
+};
 
-// Update the 'Seconds passed: X' text every second.
-setInterval(() => {
-  myTimer.increase();
-}, 1000);
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+  },
+  text: {
+    fontSize: 20,
+    marginBottom: 20,
+  },
+});
+
+export default App;
 ```
 
 ### 兼容性
diff --git a/zh-cn/parse5.md b/zh-cn/parse5.md
index d06ee2b5..49f8772e 100644
--- a/zh-cn/parse5.md
+++ b/zh-cn/parse5.md
@@ -35,38 +35,101 @@ yarn add parse5@7.1.2
 直接使用：
 
 ```js
-const parse5 = require("parse5");
-
-// parse
-const document = parse5.parse(
-  "<!DOCTYPE html><html><head></head><body>Hi there!</body></html>",
-);
-console.log(document.childNodes[1].tagName); //> 'html'
-
-// parseFragment
-const documentFragment = parse5.parseFragment("<table></table>");
-console.log(documentFragment.childNodes[0].tagName); //> 'table'
-const trFragment = parse5.parseFragment(
-  documentFragment.childNodes[0],
-  "<tr><td>Shake it, baby</td></tr>",
-);
-console.log(trFragment.childNodes[0].childNodes[0].tagName); //> 'td'
-
-// serialize
-const document = parse5.parse(
-  "<!DOCTYPE html><html><head></head><body>Hi there!</body></html>",
-);
-// Serializes a document.
-const html = parse5.serialize(document);
-// Serializes the <html> element content.
-const str = parse5.serialize(document.childNodes[1]);
-console.log(str); //> '<head></head><body>Hi there!</body>'
-
-// serializeOuter
-const document = parse5.parseFragment("<div>Hello, <b>world</b>!</div>");
-// Serializes the <div> element.
-const str = parse5.serializeOuter(document.childNodes[0]);
-console.log(str); //> '<div>Hello, <b>world</b>!</div>'
+import React, { useEffect, useState } from 'react';
+import { View, Text, ScrollView, StyleSheet } from 'react-native';
+import * as parse5 from 'parse5';
+
+const App = () => {
+  const [parsedContent, setParsedContent] = useState([]);
+
+  useEffect(() => {
+    const html = `
+      <div>
+        <h1>Hello, World!</h1>
+        <p>This is a simple HTML parsing example.</p>
+        <ul>
+          <li>Item 1</li>
+          <li>Item 2</li>
+          <li>Item 3</li>
+        </ul>
+      </div>
+    `;
+
+    const document = parse5.parse(html);
+
+    const extractContent = (nodes) => {
+      let content = [];
+      for (const node of nodes) {
+        if (node.nodeName === 'h1') {
+          content.push({ type: 'h1', text: node.childNodes[0].value });
+        } else if (node.nodeName === 'p') {
+          content.push({ type: 'p', text: node.childNodes[0].value });
+        } else if (node.nodeName === 'ul') {
+          const items = node.childNodes
+            .filter((child) => child.nodeName === 'li')
+            .map((li) => li.childNodes[0].value);
+          content.push({ type: 'ul', items });
+        } else if (node.childNodes && node.childNodes.length > 0) {
+          content = content.concat(extractContent(node.childNodes));
+        }
+      }
+      return content;
+    };
+
+    const content = extractContent(document.childNodes);
+    setParsedContent(content);
+  }, []);
+
+  return (
+    <ScrollView contentContainerStyle={styles.container}>
+      {parsedContent.map((element, index) => {
+        if (element.type === 'h1') {
+          return <Text key={index} style={styles.h1}>{element.text}</Text>;
+        } else if (element.type === 'p') {
+          return <Text key={index} style={styles.p}>{element.text}</Text>;
+        } else if (element.type === 'ul') {
+          return (
+            <View key={index} style={styles.ul}>
+              {element.items.map((item, i) => (
+                <Text key={i} style={styles.li}>{`• ${item}`}</Text>
+              ))}
+            </View>
+          );
+        }
+        return null;
+      })}
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20,
+    backgroundColor: '#f5fcff',
+  },
+  h1: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginBottom: 20,
+  },
+  p: {
+    fontSize: 16,
+    marginBottom: 10,
+  },
+  ul: {
+    marginTop: 10,
+    marginBottom: 20,
+  },
+  li: {
+    fontSize: 16,
+    marginLeft: 20,
+  },
+});
+
+export default App;
 ```
 
 ## 约束与限制
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index e4c9fe73..b4daf627 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -34,22 +34,54 @@ yarn add prop-types
 
 ```js
 import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
 import PropTypes from 'prop-types';
 
-class MyComponent extends React.Component {
-  render() {
-    // ... do things with the props
-  }
-}
-
-MyComponent.propTypes = {
-  optionalArray: PropTypes.array,
-  optionalBigInt: PropTypes.bigint,
-  optionalBool: PropTypes.bool,
-  optionalFunc: PropTypes.func,
-}
-
-optionalEnum: PropTypes.oneOf(['News', 'Photos']),
+const Greeting = ({ name, age }) => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Hello, {name}!</Text>
+      <Text style={styles.text}>You are {age} years old.</Text>
+    </View>
+  );
+};
+
+// 使用prop-types进行props类型验证
+Greeting.propTypes = {
+  name: PropTypes.string.isRequired, // name 必须是字符串且是必填项
+  age: PropTypes.number,             // age 是可选的且必须是数字
+};
+
+// 默认props值
+Greeting.defaultProps = {
+  age: 0,
+};
+
+const App = () => {
+  return (
+    <View style={styles.appContainer}>
+      <Greeting name="John" age={30} />
+      <Greeting name="Doe" />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  appContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+  },
+  container: {
+    marginBottom: 20,
+  },
+  text: {
+    fontSize: 18,
+  },
+});
+
+export default App;
 ```
 
 ### 兼容性
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index 4a80c894..088583d4 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -35,33 +35,54 @@ yarn add styled-components@6.1.8
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React from "react";
+import React, { useState } from 'react';
+import styled from 'styled-components/native';
+
+// 使用 styled-components 创建一个带样式的容器
+const Container = styled.View`
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  background-color: #f5fcff;
+`;
 
-import styled from "styled-components";
+// 使用 styled-components 创建一个带样式的文本组件
+const StyledText = styled.Text`
+  font-size: 24px;
+  color: ${(props) => (props.children === 'Highlighted!' ? 'tomato' : 'black')};
+  margin-bottom: 20px;
+`;
 
-// Create a <Title> react component that renders an <h1> which is
-// centered, palevioletred and sized at 1.5em
-const Title = styled.h1`
-  font-size: 1.5em;
-  text-align: center;
-  color: palevioletred;
+// 使用 styled-components 创建一个带样式的按钮
+const StyledButton = styled.TouchableOpacity`
+  background-color: #3498db;
+  padding: 10px 20px;
+  border-radius: 5px;
 `;
 
-// Create a <Wrapper> react component that renders a <section> with
-// some padding and a papayawhip background
-const Wrapper = styled.section`
-  padding: 4em;
-  background: papayawhip;
+const ButtonText = styled.Text`
+  color: white;
+  font-size: 18px;
 `;
 
-function MyUI() {
+const App = () => {
+  const [text, setText] = useState('Normal Text');
+
+  const toggleText = () => {
+    setText(text === 'Normal Text' ? 'Highlighted!' : 'Normal Text');
+  };
+
   return (
-    // Use them like any other React component – except they're styled!
-    <Wrapper>
-      <Title>Hello World, this is my first styled component!</Title>
-    </Wrapper>
+    <Container>
+      <StyledText>{text}</StyledText>
+      <StyledButton onPress={toggleText}>
+        <ButtonText>Toggle Text</ButtonText>
+      </StyledButton>
+    </Container>
   );
-}
+};
+
+export default App;
 ```
 
 ## 约束与限制
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index de1e19db..51327c82 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install styled-system@^5.1.5
+npm install styled-system@5.1.5
 ```
 
 #### **yarn**
 
 ```bash
-yarn add styled-system@^5.1.5
+yarn add styled-system@5.1.5
 ```
 
 <!-- tabs:end -->
@@ -35,36 +35,39 @@ yarn add styled-system@^5.1.5
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import styled from 'styled-components'
-import { space, layout, typography, color } from 'styled-system'
+import React from 'react';
+import styled from 'styled-components/native';
+import { space, layout, color } from 'styled-system';
 
-// Add styled-system functions to your component
-const Box = styled.div`
+// 创建一个基础的 Box 组件
+const Box = styled.View`
   ${space}
   ${layout}
-  ${typography}
   ${color}
-`
-// width: 50%
-<Box width={1/2} />
-
-// font-size: 20px (theme.fontSizes[4])
-<Box fontSize={4} />
-
-// margin: 16px (theme.space[2])
-<Box m={2} />
-
-// padding: 32px (theme.space[3])
-<Box p={3} />
-
-// color
-<Box color='tomato' />
-
-// color: #333 (theme.colors.gray[0])
-<Box color='gray.0' />
-
-// background color
-<Box bg='tomato' />
+`;
+
+// 使用 Box 组件并应用不同的样式属性
+const App = () => {
+  return (
+    <Box
+      width="100%"
+      height={200}
+      padding={3}
+      margin={4}
+      backgroundColor="lightblue"
+    >
+      <Box
+        width={100}
+        height={100}
+        padding={2}
+        margin={2}
+        backgroundColor="blue"
+      />
+    </Box>
+  );
+};
+
+export default App;
 ```
 
 ## 约束与限制

From 1192100a1a18089d2fd242499190c9efe2d3ec2e Mon Sep 17 00:00:00 2001
From: liwang <liwang45@h-partners.com>
Date: Mon, 19 Aug 2024 08:29:29 +0000
Subject: [PATCH 402/966] =?UTF-8?q?!1380=20=E6=96=B0=E5=A2=9E=20react-nati?=
 =?UTF-8?q?ve-skia=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[I?=
 =?UTF-8?q?ssue:#IAKUQ0]=20=E6=96=B0=E5=A2=9E=20react-native-skia=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-skia.md | 625 +++++++++++++++++++++++++++++++++++++
 1 file changed, 625 insertions(+)
 create mode 100644 zh-cn/react-native-skia.md

diff --git a/zh-cn/react-native-skia.md b/zh-cn/react-native-skia.md
new file mode 100644
index 00000000..ff910262
--- /dev/null
+++ b/zh-cn/react-native-skia.md
@@ -0,0 +1,625 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-skia</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Shopify/react-native-skia">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Shopify/react-native-skia/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-skia)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-skia@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-skia@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { Canvas, Circle, Group } from "@shopify/react-native-skia";
+
+const App = () => {
+  const width = 256;
+  const height = 256;
+  const r = width * 0.33;
+  return (
+    <Canvas style={{ width, height }}>
+      <Group blendMode="multiply">
+        <Circle cx={r} cy={r} r={r} color="cyan" />
+        <Circle cx={width - r} cy={r} r={r} color="magenta" />
+        <Circle cx={width / 2} cy={width - r} r={r} color="yellow" />
+      </Group>
+    </Canvas>
+  );
+};
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-skia": "file:../../node_modules/@react-native-oh-tpl/react-native-skia/harmony/skia.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 xxxPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-skia/src/main/cpp" ./skia)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_skia)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SkiaPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SkiaPackage>(ctx),
+    };
+}
+```
+
+### 在 ArkTs 侧引入 SkiaDomView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNCSkiaDomView, SKIA_DOM_VIEW_TYPE } from '@react-native-oh-tpl/react-native-skia';
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === SKIA_DOM_VIEW_TYPE) {
++   RNCSkiaDomView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ SKIA_DOM_VIEW_TYPE
+  ];
+```
+
+### 在 ArkTs 侧引入 RNSkiaPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNSkiaPackage} from '@react-native-oh-tpl/react-native-skia/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSkiaPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)
+
+## 组件
+
+### Canvas
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+> | Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
+> | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+> | style    | View style                                                                                                                                             | ViewStyle                | no       | android/ios | yes               |
+> | ref      | Reference to the SkiaView object                                                                                                                       | Ref<SkiaView>            | no       | android/ios | yes               |
+> | mode     | By default, the canvas is only updated when the drawing tree or animation values change. With mode="continuous", the canvas will redraw on every frame | default/continuous       | no       | android/ios | yes               |
+> | onSize   | Reanimated value to which the canvas size will be assigned                                                                                             | SharedValue<Size>        | no       | android/ios | yes               |
+> | onLayout | Invoked on mount and on layout changes                                                                                                                 | NativeEvent<LayoutEvent> | no       | android/ios | yes               |
+
+### Group
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                                                                                                                                                                            | Type              | Required | Platform    | HarmonyOS Support |
+| ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
+| transform  | [ Same API that's in React Native](https://reactnative.dev/docs/transforms). The default origin of the transformation is, however, different. It is the center object in React Native and the top-left corner in Skia. | Transform2d       | no       | android/ios | yes               |
+| origin     | Sets the origin of the transformation. This property is not inherited by its children.                                                                                                                                 | Point             | no       | android/ios | yes               |
+| clip       | Rectangle, rounded rectangle, or Path to use to clip the children.                                                                                                                                                     | RectOrRRectOrPath | no       | android/ios | yes               |
+| invertClip | Invert the clipping region: parts outside the clipping region will be shown and, inside will be hidden.                                                                                                                | boolean           | no       | android/ios | yes               |
+| layer      | Draws the children as a bitmap and applies the effects provided by the paint.                                                                                                                                          | RefObject<Paint>  | no       | android/ios | yes               |
+
+### Path
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                                                                                                                                                                      | Type             | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| path   | Path to draw. Can be a string using the [SVG Path notation](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#line_commands) or an object created with `Skia.Path.Make()`.                                                         | SkPath`or`string | no       | android/ios | yes               |
+| start  | Trims the start of the path. Value is in the range `[0, 1]` (default is 0).                                                                                                                                                                      | number           | no       | android/ios | yes               |
+| end    | Trims the end of the path. Value is in the range `[0, 1]` (default is 1).                                                                                                                                                                        | number           | no       | android/ios | yes               |
+| stroke | Turns this path into the filled equivalent of the stroked path. This will fail if the path is a hairline. `StrokeOptions` describes how the stroked path should look. It contains three properties: `width`, `strokeMiterLimit` and, `precision` | StrokeOptions    | no       | android/ios | yes               |
+
+### Polygons
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description              | Type             | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| x      | X coordinate.            | SkPath`or`string | no       | android/ios | yes               |
+| y      | Y coordinate.            | number           | no       | android/ios | yes               |
+| width  | Width of the rectangle.  | number           | no       | android/ios | yes               |
+| height | Height of the rectangle. | StrokeOptions    | no       | android/ios | yes               |
+
+### Ellipses
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description  | Type   | Required | Platfor     | HarmonyOS Support |
+| ---- | ------------ | ------ | -------- | ----------- | ----------------- |
+| cx   | Start point. | number | no       | android/ios | yes               |
+| cy   | End point.   | number | no       | android/ios | yes               |
+| r`   | Radius.      | number | no       | android/ios | yes               |
+
+### Atlas
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Type              | Description                                                               | Required | android/ios | HarmonyOS Support |
+| ---------- | ----------------- | ------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| image      | `SkImage or null` | Altas: image containing the sprites.                                      | no       | android/ios | yes               |
+| sprites    | `SkRect[]`        | locations of sprites in atlas.                                            | no       | android/ios | yes               |
+| transforms | `RSXform[]`       | Rotation/scale transforms to be applied for each sprite.                  | no       | android/ios | yes               |
+| colors     | `SkColor[]`       | Optional. Color to blend the sprites with.                                | yes      | android/ios | yes               |
+| blendMode  | `BlendMode`       | Optional. Blend mode used to combine sprites and colors together.\*\*\*\* | yes      | android/ios | yes               |
+
+### Vertices
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Type         | Description                                                                                                                                                           | Required | android/ios | HarmonyOS Support |
+| --------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| vertices  | `Point[]`    | Vertices to draw                                                                                                                                                      | no       | android/ios | yes               |
+| mode      | `VertexMode` | Can be `triangles`, `trianglesStrip` or `triangleFan`. Default is `triangles`                                                                                         | yes      | android/ios | yes               |
+| indices   | `number[]`   | Indices of the vertices that form the triangles. If not provided, the order of the vertices will be taken. Using this property enables you not to duplicate vertices. | yes      | android/ios | yes               |
+| textures  | `Point[]`.   | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint.                                                    | no       | android/ios | yes               |
+| colors    | `string[]`   | Optional colors to be associated to each vertex                                                                                                                       | yes      | android/ios | yes               |
+| blendMode | `BlendMode`  | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not.                       | yes      | android/ios | yes               |
+
+### Patch
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Type             | Description                                                                                                                                                 | Required | android/ios | HarmonyOS Support |
+| --------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| cubics    | `CubicBezier[4]` | Specifies four cubic Bezier starting at the top-left corner, in clockwise order, sharing every fourth point. The last cubic Bezier ends at the first point. | no       | android/ios | yes               |
+| textures  | `Point[]`.       | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint                                           | no       | android/ios | yes               |
+| colors    | `string[]`       | Optional colors to be associated to each corner                                                                                                             | yes      | android/ios | yes               |
+| blendMode | `BlendMode`      | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not              | yes      | android/ios | yes               |
+
+### Gradients公共属性
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                  | Type         | Required | Platform    | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
+| colors    | Colors to be distributed between start and end.              | string[]     | yes      | android/ios | yes               |
+| positions | The relative positions of colors. If supplied, it must be of the same length as colors. | number[]     | no       | android/ios | yes               |
+| mode      | Can be `clamp`, `repeat`, `mirror`, or `decal`.              | TileMode     | no       | android/ios | yes               |
+| flags     | By default, gradients will interpolate their colors in unpremultiplied space and then premultiply each of the results. By setting this to 1, the gradients will premultiply their colors first and then interpolate between them. | number       | no       | android/ios | yes               |
+| transform | The transform property is identical to its [homonymous property in React Native](https://reactnative.dev/docs/transforms) except for one significant difference: in React Native, the origin of transformation is the center of the object, whereas it is the top-left position of the object in Skia. | Transforms2d | no       | android/ios | yes               |
+
+### LinearGradient
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description                     | Type  | Required | Platform    | HarmonyOS Support |
+| ----- | ------------------------------- | ----- | -------- | ----------- | ----------------- |
+| start | Start position of the gradient. | Point | yes      | android/ios | yes               |
+| end   | End position of the gradient.   | Point | yes      | android/ios | yes               |
+
+### RadialGradient
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| c    | Center of the gradient. | Point  | yes      | android/ios | yes               |
+| r    | Radius of the gradient. | number | yes      | android/ios | yes               |
+
+### TwoPointConicalGradient
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                 | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | --------------------------- | ------ | -------- | ----------- | ----------------- |
+| start  | Center of the start circle. | Point  | yes      | android/ios | yes               |
+| startR | Radius of the start circle. | number | yes      | android/ios | yes               |
+| end    | Center of the end circle.   | number | yes      | android/ios | yes               |
+| endR   | Radius of the end circle.   | number | yes      | android/ios | yes               |
+
+### SweepGradient
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description                            | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | -------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| c     | Center of the gradient.                | Point  | yes      | android/ios | yes               |
+| start | Start angle in degrees (default is 0). | number | no       | android/ios | yes               |
+| end   | End angle in degrees (default is 360). | number | no       | android/ios | yes               |
+
+### FractalNoise
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| freqX      | base frequency in the X direction; range [0.0, 1.0]          | number | yes      | android/ios | yes               |
+| freqY      | base frequency in the Y direction; range [0.0, 1.0]          | number | yes      | android/ios | yes               |
+| octaves    |                                                              | number | yes      | android/ios | yes               |
+| seed       |                                                              | number | yes      | android/ios | yes               |
+| tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
+| tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
+
+### Turbulence
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| freqX      | base frequency in the X direction; range [0.0, 1.0]          | number | yes      | android/ios | yes               |
+| freqY      | base frequency in the Y direction; range [0.0, 1.0]          | number | yes      | android/ios | yes               |
+| octaves    |                                                              | number | yes      | android/ios | yes               |
+| seed       |                                                              | number | yes      | android/ios | yes               |
+| tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
+| tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
+
+### Blend
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                  | Type      | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------ | --------- | -------- | ----------- | ----------------- |
+| mode     | Sets the blend mode that is, the mode used to combine source color with destination color. The following values are available: `clear`, `src`, `dst`, `srcOver`, `dstOver`, `srcIn`, `dstIn`, `srcOut`, `dstOut`, `srcATop`, `dstATop`, `xor`, `plus`, `modulate`, `screen`, `overlay`, `darken`, `lighten`, `colorDodge`, `colorBurn`, `hardLight`, `softLight`, `difference`, `exclusion`, `multiply`, `hue`, `saturation`, `color`, `luminosity`. | BlendMode | yes      | android/ios | yes               |
+| children | Shaders to blend                                             | ReactNode | yes      | android/ios | yes               |
+
+### ColorShader
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------ | -------- | ----------- | ----------------- |
+| color | Color       | string | yes      | android/ios | yes               |
+
+### DiscretePathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                  | Type       | Required | Platform    | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ---------- | -------- | ----------- | ----------------- |
+| length    | length of the subsegments.                                   | number     | yes      | android/ios | yes               |
+| deviation | limit of the movement of the endpoints.                      | number     | yes      | android/ios | yes               |
+| seed      | modifies the randomness. See SkDiscretePathEffect.h for more. | number     | yes      | android/ios | yes               |
+| children  | Optional path effect to apply.                               | PathEffect | no       | android/ios | yes               |
+
+### DashPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                  | Type       | Required | Platform    | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ---------- | -------- | ----------- | ----------------- |
+| intervals | even number of entries with even indices specifying the length of the "on" intervals, and the odd index specifying the length of "off". | number[]   | yes      | android/ios | yes               |
+| phase     | offset into the intervals array. Defaults to 0.              | number     | yes      | android/ios | yes               |
+| children  | Optional path effect to apply.                               | PathEffect | no       | android/ios | yes               |
+
+### CornerPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                    | Type       | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------ | ---------- | -------- | ----------- | ----------------- |
+| r        | Radius.                        | number     | yes      | android/ios | yes               |
+| children | Optional path effect to apply. | PathEffect | no       | android/ios | yes               |
+
+### Path1DPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                  | Type              | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
+| path     | The path to replicate (dash)                                 | PathDef           | yes      | android/ios | yes               |
+| advance  | The space between instances of path                          | number            | yes      | android/ios | yes               |
+| phase    | distance (mod advance) along the path for its initial position | number            | yes      | android/ios | yes               |
+| style    | how to transform path at each point (based on the current position and tangent) | Path1DEffectStyle | yes      | android/ios | yes               |
+| children | Optional path effect to apply.                               | PathEffect        | no       | android/ios | yes               |
+
+### Path2DPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
+| path     | The path to use               | PathDef    | yes      | android/ios | yes               |
+| matrix   | Matrix to be applied          | SkMatrix   | yes      | android/ios | yes               |
+| children | Optional path effect to apply | PathEffect | no       | android/ios | yes               |
+
+### Line2DPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
+| width    | The path to use               | PathDef    | yes      | android/ios | yes               |
+| matrix   | Matrix to be applied          | IMatrix    | yes      | android/ios | yes               |
+| children | Optional path effect to apply | PathEffect | no       | android/ios | yes               |
+
+### Mask
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                          | Type               | Required | Platform    | HarmonyOS Support |
+| -------- | ---------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
+| mode     | Is it a luminance or alpha mask (default is `alpha`) | alpha \| luminance | no       | android/ios | yes               |
+| clip     | clip the mask so it doesn't exceed the content       | bool               | no       | android/ios | yes               |
+| mask     | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
+| children | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
+
+## RNSkiaModule API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description      | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | ---------------- | -------- | -------- | ----------- | ----------------- |
+| install | initialized skia | function | yes      | android/ios | yes               |
+
+## 遗留问题
+
+- [ ] Text 组件无法使用 问题: [issue#Text暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/5)
+- [ ] Video 组件无法使用 问题: [issue#Video暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/6)
+- [ ] Image 组件无法使用 问题: [issue#Image暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/7)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-skia/blob/sig/LICENSE.md) ，请自由地享受和参与开源。

From 291c975f5c8474ba9184698bd1f1cefccc688ebd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=93=AA=E9=83=BD=E9=80=9A?= <amiz21@qq.com>
Date: Mon, 19 Aug 2024 08:51:15 +0000
Subject: [PATCH 403/966] =?UTF-8?q?!1376=20docs:=20[Issuers:=20#IAKR45]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-sequence-2=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAKR45]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-image-sequence-2=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-sequence-2.md | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index 56dc1b32..bf23fdc0 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-sequence</code> </h1>
@@ -44,6 +43,8 @@ yarn add @react-native-oh-tpl/react-native-image-sequence-2@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+TestDemo.tsx
+
 ```js
 import React, { useState } from "react";
 import { SafeAreaView, StyleSheet } from "react-native-harmony";
@@ -247,6 +248,8 @@ const styles = StyleSheet.create({
 export default ImageSequenceDemo;
 ```
 
+TestDemo2.tsx
+
 ```js
 import { StyleSheet, View } from "react-native";
 import ImageSequence from 'react-native-image-sequence-2'
@@ -334,6 +337,12 @@ ohpm install
   ...
 + import { RNImageSequence } from "@react-native-oh-tpl/react-native-image-sequence-2"
 
+const arkTsComponentNames: Array<string> = ["SampleView", 
+"Generated",
+"PropsDisplayer",
++ RNImageSequence.NAME
+]
+
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
   ...
@@ -411,5 +420,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 098032e7135fd32d9f9c7e3e4f8645b66984c13e Mon Sep 17 00:00:00 2001
From: JCdahuzi <jcdahuzi@qq.com>
Date: Mon, 19 Aug 2024 09:39:14 +0000
Subject: [PATCH 404/966] =?UTF-8?q?!1345=20docs:=20[#IAJQKA]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-svg-capi?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAJQKA]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-svg-capi=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-svg-capi.md | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index ecb30e94..79a2e469 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -366,7 +366,6 @@ ohpm install
 | :-----------------: | :------------------: | :-------------: | -------- | -------- | ----------------- |
 | preserveAspectRatio | 是否强制进行统一缩放 |     string      | No       | All      | Yes               |
 |       viewBox       |       组件视区       |     string      | No       | All      | Yes               |
-|       opacity       |        透明度        | number\| string | No       | All      | Yes               |
 
 **ClipPath**：该元素定义一条剪切路径，可作为其他元素的 clipPath 属性的值
 
@@ -410,7 +409,6 @@ ohpm install
 |         id          |                           为元素分配唯一的名称                            |     string      | Yes      | All      | Yes               |
 |       viewBox       |                     定义视窗在用户空间中的位置和尺寸                      |     string      | No       | All      | Yes               |
 | preserveAspectRatio | 指示具有提供给定宽高比的 viewBox 的元素必须如何适应具有不同宽高比的视口。 |     string      | No       | All      | Yes               |
-|       opacity       |      指定一个对象或一组对象的透明度，即元素后面的背景被覆盖的程度。       | number\| string | No       | All      | Yes               |
 
 **Line**：SVG 基本形状，用于创建连接两点的线。
 
@@ -464,9 +462,6 @@ ohpm install
 | :------: | :--------------------------: | :------: | :------: | :------: | :---------------: |
 |   ast    | 解析 svg 字符串得到的 ast 树 |  JsxAST  |   Yes    |   All    |        Yes        |
 | override |    覆盖 svg 样式，如宽高     |  object  |    No    |   All    |        Yes        |
-| onError  |          错误时触发          | function |    No    |   All    |        Yes        |
-|  onLoad  |        加载成功后触发        | function |    No    |   All    |        Yes        |
-| fallback |          加载中元素          | function |    No    |   All    |        Yes        |
 
 **SvgFromUri**：该组件通过传入 uri 地址来渲染出 svg
 
@@ -474,9 +469,6 @@ ohpm install
 | :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
 |   uri    |     svg 资源地址      |  string  |   Yes    |   All    |        Yes        |
 | override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
-| onError  |      错误时触发       | function |    No    |   All    |        Yes        |
-|  onLoad  |    加载成功后触发     | function |    No    |   All    |        Yes        |
-| fallback |      加载中元素       | function |    No    |   All    |        Yes        |
 
 **SvgFromXml**：该组件通过传入字符串来渲染出 svg
 
@@ -484,9 +476,6 @@ ohpm install
 | :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
 |   xml    |   svg 代码的字符串    |  string  |   Yes    |   All    |        Yes        |
 | override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
-| onError  |      错误时触发       | function |    No    |   All    |        Yes        |
-|  onLoad  |    加载成功后触发     | function |    No    |   All    |        Yes        |
-| fallback |      加载中元素       | function |    No    |   All    |        Yes        |
 
 **SvgUri**：该组件通过传入 uri 地址来渲染出 svg
 

From b3b738444cad4bd6d020b312e34192fefe6657c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Mon, 19 Aug 2024 12:56:12 +0000
Subject: [PATCH 405/966] =?UTF-8?q?!1384=20docs:=20[#IAL26W]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E4=BF=AE=E6=94=B9=20i18next=20=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAL26W]=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20i18next=20=E4=BD=BF=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/i18next.md | 164 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 164 insertions(+)
 create mode 100644 zh-cn/i18next.md

diff --git a/zh-cn/i18next.md b/zh-cn/i18next.md
new file mode 100644
index 00000000..fb978f48
--- /dev/null
+++ b/zh-cn/i18next.md
@@ -0,0 +1,164 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>i18next</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/i18next/i18next/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+>[!tip] [Github 地址](https://github.com/i18next/i18next)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install i18next@23.7.16 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add i18next@23.7.16
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!tip] 在下面的 demo 中，本库需要与 react-i18next 一起使用，react-i18next 的使用方式请见[react-i18next 文档](/zh-cn/react-i18next.md)
+
+```js
+import React from 'react';  
+import { View, Text, Button, StyleSheet } from 'react-native';  
+import i18n from 'i18next';  
+import { initReactI18next, useTranslation } from 'react-i18next';  
+
+// 初始化 i18next  
+i18n  
+  .use(initReactI18next) // 将 i18next 绑定到 react-i18next  
+  .init({  
+    resources: {  
+      en: {  
+        translation: {  
+          welcome: "Welcome to React Native!",  
+          description: "This is a simple i18next example.",  
+        },  
+      },  
+      fr: {  
+        translation: {  
+          welcome: "Bienvenue dans React Native!",  
+          description: "Ceci est un exemple simple d'i18next.",  
+        },  
+      },  
+    },  
+    lng: "en", // 默认语言  
+    fallbackLng: "en",  
+    interpolation: {  
+      escapeValue: false, // React 已经安全处理了  
+    },  
+  });  
+
+const I18NextDemo = () => {  
+  const { t, i18n } = useTranslation();  
+
+  const switchLanguage = (lng) => {  
+    i18n.changeLanguage(lng);  
+  };  
+
+  return (  
+    <View style={styles.container}>  
+      <Text style={styles.text}>{t('welcome')}</Text>  
+      <Text style={styles.text}>{t('description')}</Text>  
+      <View style={styles.buttonContainer}>  
+        <Button title="English" onPress={() => switchLanguage('en')} />  
+        <Button title="Français" onPress={() => switchLanguage('fr')} />  
+      </View>  
+    </View>  
+  );  
+};  
+
+const styles = StyleSheet.create({  
+  container: {  
+    flex: 1,  
+    justifyContent: 'center',  
+    alignItems: 'center',  
+  },  
+  text: {  
+    marginBottom: 20,  
+    fontSize: 20,  
+  },  
+  buttonContainer: {  
+    flexDirection: 'row',  
+    justifyContent: 'space-around',  
+    width: '80%',  
+  },  
+});  
+
+export default I18NextDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+ 在下述版本验证通过：
+
+1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+2. RNOH: 0.72.28; SDK: HarmonyOS-Next-DB5 5.0.0.60; IDE: DevEco Studio 5.0.3.655; ROM: 5.0.0.60;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [i18next源库地址](https://github.com/i18next/i18next)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| init | The default export of the i18next module is an i18next instance ready to be initialized by calling init. | function | no | / | yes |
+| use  | The use function is there to load additional plugins to i18next. | function | no | / | yes |
+| t    | You can specify either one key as a String or multiple keys as an Array of String. The first one that resolves will be returned. | function | no | / | yes |
+| exists  | Uses the same resolve functionality as the t function and returns true if a key exists. | function | no | / | yes |
+| getFixedT  | Returns a t function that defaults to given language or namespace. | function | no | / | yes |
+| changeLanguage  | Changes the language. The callback will be called as soon translations were loaded or an error occurs while loading. | function | no | / | yes |
+| language | Is set to the current detected or set language. | function | no | / | yes |
+| languages | Is set to an array of language codes that will be used to look up the translation value. | function | no | / | yes |
+| resolvedLanguage | Is set to the current resolved language. | function | no | / | yes |
+| loadNamespaces | Loads additional namespaces not defined in init options. | function | no | / | yes |
+| loadLanguages | Loads additional languages not defined in init options (preload). | function | no | / | yes |
+| reloadResources | Reloads resources on given state. Optionally you can pass an array of languages and namespaces as params if you don't want to reload all. | function | no | / | yes |
+| setDefaultNamespace | Changes the default namespace. | function | no | / | yes |
+| dir | Returns rtl or ltr depending on languages read direction. | function | no | / | yes |
+| format | Exposes interpolation.formatt function added on init. | function | no | / | yes |
+| createInstance | Will return a new i18next instance. | function | no | / | yes |
+| cloneInstance | Creates a clone of the current instance. Shares store, plugins and initial configuration. Can be used to create an instance sharing storage but being independent on set language or default namespaces. | function | no | / | yes |
+| onLanguageChanged | i18next.on('languageChanged', function(lng) {}) Gets fired when changeLanguage got called. | function | no | / | yes |
+| onMissingKey | i18next.on('missingKey', function(lngs, namespace, key, res) {}) Gets fired on accessing a key not existing. Needs saveMissing set to true. | function | no | / | yes |
+| onAdded | i18next.store.on('added', function(lng, ns) {}) Gets fired when resources got added. | function | no | / | yes |
+| onRemoved | i18next.store.on('removed', function(lng, ns) {}) Gets fired when resources got removed. | function | no | / | yes |
+| getResource | Gets one value by given key. | function | no | / | yes |
+| addResource | Adds one key/value. | function | no | / | yes |
+| addResources | Adds multiple key/values. | function | no | / | yes |
+| addResourceBundle | Adds a complete bundle.Setting deep (default false) param to true will extend existing translations in that file. Setting deep and overwrite (default false) to true it will overwrite existing translations in that file.So omitting deep and overwrite will overwrite all existing translations with the one provided in resources. Using deep you can choose to keep existing nested translation and to overwrite those with the new ones. | function | no | / | yes |
+| hasResourceBundle | Checks if a resource bundle exists. | function | no | / | yes |
+| getDataByLanguage | Returns a resource data by language. | function | no | / | yes |
+| getResourceBundle | Returns a resource bundle. | function | no | / | yes |
+| removeResourceBundle | Removes an existing bundle. | function | no | / | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/i18next/i18next/blob/master/LICENSE) ，请自由地享受和参与开源。

From 9dfdf0bc4deffc70015979a93e661165db1377fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <891661163@qq.com>
Date: Tue, 20 Aug 2024 01:21:52 +0000
Subject: [PATCH 406/966] =?UTF-8?q?!1382=20=E5=88=A0=E9=99=A4=20react-nati?=
 =?UTF-8?q?ve-image-crop-picker(nocodegen)=20=E6=9D=83=E9=99=90=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E7=9B=B8=E5=85=B3=E5=86=85=E5=AE=B9=20*=20docs:=20[#I?=
 =?UTF-8?q?AL1OQ]=E4=BF=AE=E6=94=B9react-native-svg-capi=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...act-native-image-crop-picker(nocodegen).md | 47 +------------------
 1 file changed, 1 insertion(+), 46 deletions(-)

diff --git a/zh-cn/react-native-image-crop-picker(nocodegen).md b/zh-cn/react-native-image-crop-picker(nocodegen).md
index f2a29db5..38617f27 100644
--- a/zh-cn/react-native-image-crop-picker(nocodegen).md
+++ b/zh-cn/react-native-image-crop-picker(nocodegen).md
@@ -117,39 +117,7 @@ export default class ImageEditAbility extends UIAbility {
 
 }
 ...
-],
-"requestPermissions": [
-      {
-        "name": "ohos.permission.MEDIA_LOCATION",
-        "reason": "$string:reason",
-        "usedScene": {
-          "abilities": [
-            "ImageEditAbility"
-          ],
-          "when": "inuse"
-        }
-      },
-      {
-        "name": "ohos.permission.READ_MEDIA",
-        "reason": "$string:reason",
-        "usedScene": {
-          "abilities": [
-            "ImageEditAbility"
-          ],
-          "when": "inuse"
-        }
-      },
-      {
-        "name": "ohos.permission.WRITE_MEDIA",
-        "reason": "$string:reason",
-        "usedScene": {
-          "abilities": [
-            "ImageEditAbility"
-          ],
-          "when": "inuse"
-        }
-      }
-    ]
+]
 
 ```
 
@@ -185,19 +153,6 @@ struct ImageEdit {
 }
 ```
 
-**5.打开 entry/src/main/resources/base/element/string.json，添加**
-
-```json
-{
-  "string": [
-    {
-     "name": "reason",
-      "value": "Access Write Media"
-   }
-  ]
-}
-```
-
 ### 引入原生端代码
 
 目前有两种方法：

From 9e75899875afd645ac19154101ade5574597a485 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Tue, 20 Aug 2024 01:44:46 +0000
Subject: [PATCH 407/966] =?UTF-8?q?!1370=20fix:=20[Issues:=20#IAKKCK]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-flash-messag=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E9=81=97=E7=95=99=E9=97=AE=E9=A2=98=20*=20fi?=
 =?UTF-8?q?x:=20[Issues:=20#IAKKCK]=20=E4=BF=AE=E6=94=B9react-native-flash?=
 =?UTF-8?q?-messag=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E9=81=97=E7=95=99?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-flash-message.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-flash-message.md b/zh-cn/react-native-flash-message.md
index d5b23c39..2239121c 100644
--- a/zh-cn/react-native-flash-message.md
+++ b/zh-cn/react-native-flash-message.md
@@ -149,7 +149,8 @@ const styles = StyleSheet.create({
 
 
 ## 遗留问题
-- [ ] iOS 和 鸿蒙侧效果有差异，隐藏手机状态栏是通过RN框架的StatusBar组件中的StatusBar.setHidden()方法实现,具体效果有差异，暂未解决 
+- [ ] iOS 和 鸿蒙侧效果有差异，隐藏手机状态栏是通过RN框架的StatusBar组件中的StatusBar.setHidden()方法实现,具体效果有差异，暂未解决。原因：鸿蒙系统手机顶部系统非安全区域块范围底部与前置摄像头挖空区域范围底部高度不一致，在显示和隐藏状态栏的过程中，系统非安全区域范围高度会有（0,136（不同手机不同）两种变化），导致内容组件所在窗口大小顶部位置会在两种状态下分别与前置摄像头挖空区域底部或系统非安全区域底部对齐，造成抖动，状态栏的显隐状态和SystemAvoidView这种类型的非安全区域大小不是强关联的。与IOS不一致原因：IOS的顶部没有非安全区域，未做避让。
+
  
 ## 其他
 

From 0c9cb74451a9e8381b6a16c68f0e72eccea8655d Mon Sep 17 00:00:00 2001
From: liufeng <1300593+guichuang@user.noreply.gitee.com>
Date: Tue, 20 Aug 2024 01:58:52 +0000
Subject: [PATCH 408/966] =?UTF-8?q?!1379=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-image-marker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20?=
 =?UTF-8?q?docs:=20=E4=BF=AE=E6=94=B9react-native-image-marker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-marker.md | 37 ++++++++++++++++++++++--------
 1 file changed, 27 insertions(+), 10 deletions(-)

diff --git a/zh-cn/react-native-image-marker.md b/zh-cn/react-native-image-marker.md
index 02150647..2aa54d63 100644
--- a/zh-cn/react-native-image-marker.md
+++ b/zh-cn/react-native-image-marker.md
@@ -55,7 +55,7 @@ export const ImageMarkerText = () => {
     const [texturl, setTextMarkUrl] = useState('');
     const [imageurl,setImageMarkUrl] = useState('');
     const text_options: TextMarkOptions = {
-      backgroundImage: { src: require('./assets/code-images/1.png') },
+      backgroundImage: { src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yuekan/xintexing00.jpg' },
       watermarkTexts: [{
         text: 'hello world \n 你好',
         position: {
@@ -99,16 +99,16 @@ export const ImageMarkerText = () => {
     }
 
     const image_options: ImageMarkOptions = {
-      backgroundImage: { src: require('./assets/code-images/1.png') },
+      backgroundImage: { src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yuekan/xintexing00.jpg' },
       watermarkImages: [{
-        src: require('./assets/pravatar-131.jpg'),
+        src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yingyongicon.png',
         rotate:20,
         position: {
           position: Position.topLeft,
         },
       },
       {
-        src: require('./assets/pravatar-131.jpg'),
+        src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yingyongicon.png',
         rotate:50,
         position: {
           position: Position.bottomCenter,
@@ -278,6 +278,23 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)
 
+### 权限要求
+
+如果用到了网络图片，需要在 entry 目录下的 module.json5 中添加网络信息权限
+
+打开entry/src/main/module.json5，添加：
+
+```js
+...
+"requestPermissions": [
+    {
+    "name": "ohos.permission.INTERNET"
+    }
+]
+```
+
+
+
 
 ##  API
 
@@ -378,15 +395,15 @@ markText(options: TextMarkOptions): Promise<string>;
 | Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | color | font color | string | yes      | iOS/Android | yes               |
-| fontName      | font name | string | no      | iOS/Android | no               |
+| fontName      | font name | string | no      | iOS/Android | yes            |
 | fontSize      | font size        | number | no      | iOS/Android | yes               |
 | shadowStyle | text shadow style | ShadowLayerStyle | no      | iOS/Android | yes               |
 | textBackgroundStyle      | text background style | TextBackgroundStyle  | no      | iOS/Android | yes               |
 | underline      | text underline style        | boolean | no      | iOS/Android | yes               |
-| skewX | css italic with degree, you can use italic instead | number | no      | iOS/Android | no               |
+| skewX | css italic with degree, you can use italic instead | number | no      | iOS/Android | yes         |
 | strikeThrough      | text stroke | boolean | no      | iOS/Android | yes               |
 | textAlign      | text align . 'left' / 'center' / 'right'       | string | no      | iOS/Android | yes               |
-| italic | text italic | boolean | no      | iOS/Android | no               |
+| italic | text italic | boolean | no      | iOS/Android | yes            |
 | bold      | text bold | boolean | no      | iOS/Android | yes               |
 | rotate      | rotate text       | number | no      | iOS/Android | yes               |
 
@@ -444,9 +461,9 @@ extends Padding
 
 ## 遗留问题
 
-- [ ]  Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7) 
-- [ ] Harmony OS is not support font skewX feature  now: [issue#8](https://github.com/react-native-oh-library/react-native-image-marker/issues/8)
-- [ ] Harmony OS is not support font italic feature now:[issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
+- [x]  Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7) 
+- [x] Harmony OS is not support font skewX feature  now: [issue#8](https://github.com/react-native-oh-library/react-native-image-marker/issues/8)
+- [x] Harmony OS is not support font italic feature now:[issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
 
 ## 其他
 

From c1c032c327da5f82a4e161f150041e64e98df450 Mon Sep 17 00:00:00 2001
From: YWD <3182569902@qq.com>
Date: Tue, 20 Aug 2024 02:09:59 +0000
Subject: [PATCH 409/966] =?UTF-8?q?!1337=20docs:=20[issues:=20#IAJLK3]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-bounceable=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAJUF7]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=20react-native-bounceable=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/freakycoder-react-native-bounceable.md | 139 +++++++++++++++++++
 1 file changed, 139 insertions(+)
 create mode 100644 zh-cn/freakycoder-react-native-bounceable.md

diff --git a/zh-cn/freakycoder-react-native-bounceable.md b/zh-cn/freakycoder-react-native-bounceable.md
new file mode 100644
index 00000000..b3b5f9d1
--- /dev/null
+++ b/zh-cn/freakycoder-react-native-bounceable.md
@@ -0,0 +1,139 @@
+> 模板版本：v0.2.2
+
+
+
+<p align="center">
+  <h1 align="center"> <code>@freakycoder/react-native-bounceable</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/WrathChaos/react-native-bounceable">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://opensource.org/license/MIT">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/WrathChaos/react-native-bounceable)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+###  npm
+
+```bash
+npm i @freakycoder/react-native-bounceable@1.0.3
+```
+
+### yarn
+
+```
+yarn add @freakycoder/react-native-bounceable@1.0.3
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+1、引入库文件
+
+```jsx
+import RNBounceable from "@freakycoder/react-native-bounceable";
+```
+
+2、使用场景：
+
+您可以将**任何子组件**放入 **RNBounceable** 组件中，当它被按下时，它会使其反弹
+
+```jsx
+<RNBounceable onPress={() => {}}>
+  <View style={styles.bounceButtonStyle}>
+    <Text style={styles.bounceButtonTextStyle}>Bounce</Text>
+  </View>
+</RNBounceable>
+```
+
+详细使用场景
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```javascript
+import React from 'react';
+import type { PropsWithChildren } from 'react';
+import { StyleSheet, View, Text }from 'react-native';
+import RNBounceable from "@freakycoder/react-native-bounceable";
+
+let flag:boolean = true;
+export function BounceableExample () {
+    const customStyle = {
+        backgroundColor: 'red',
+        padding: 10,
+        borderRadius: 100,
+        alignItems: 'center',
+        justifyContent: 'center',
+      };
+    
+    <RNBounceable
+    style={[customStyle, styles.bounceStyle]}
+    onPress = {onPress}
+    bounceEffectIn={0.1}
+    bounceEffectOut={1.5}
+    bounceVelocityIn={60}
+    bounceVelocityOut={70}
+    bouncinessIn={50}
+    bouncinessOut={50}
+    >
+    	<Text style={styles.textStyle}>Press Me</Text>
+    </RNBounceable>
+}
+
+const styles = StyleSheet.create({
+    container: {
+      width: '100%',
+      height: '100%',
+    },
+    bounceStyle: {
+      backgroundColor: 'lightblue'
+    },
+    textStyle: {
+      fontSize: 20,
+      color: 'red',
+    },
+  });
+```
+
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证：
+
+1. RNOH: 0.72.28; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.500; ROM：5.0.0.31;
+
+## 属性和方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Property          | Description                                  |      Type       | Required | Platform    | HarmonyOS Support |
+| ----------------- | -------------------------------------------- | :-------------: | :------: | ----------- | ----------------- |
+| bounceEffectIn    | 按下时缩小到原始大小的xx（如：0.1）          |     number      |    no    | iOS/Android | yes               |
+| bounceEffectOut   | 松开时稍微放大到原始大小的xx（如：1.5）      |     number      |    no    | iOS/Android | yes               |
+| bounceVelocityIn  | 按下时的速度                                 |     number      |    no    | iOS/Android | yes               |
+| bounceVelocityOut | 松开时的速度                                 |     number      |    no    | iOS/Android | yes               |
+| bouncinessIn      | 按下时的弹性系数（设置值0-50有明显效果显示） |     number      |    no    | iOS/Android | yes               |
+| bouncinessOut     | 松开时的弹性系数（设置值0-50有明显效果显示） |     number      |    no    | iOS/Android | yes               |
+| onPress           | 为 onPress 功能设置您自己的逻辑              |      void       |    no    | iOS/Android | yes               |
+| style             | 像设置任何其他 View 容器一样设置样式         | CustomStyleProp |    no    | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://opensource.org/license/MIT) ，请自由地享受和参与开源。

From 5d6facd16f21802524a62788747f8866c2b2da49 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Tue, 20 Aug 2024 02:15:55 +0000
Subject: [PATCH 410/966] =?UTF-8?q?!1327=20=E6=96=B0=E5=A2=9Ereact-native-?=
 =?UTF-8?q?keys=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IAJ5UO]=20=E6=96=B0=E5=A2=9Ereact-native-keys=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 img/rnkeys/RNKeys_Script_Config.PNG | Bin 0 -> 53868 bytes
 img/rnkeys/entry_config.PNG         | Bin 0 -> 43637 bytes
 zh-cn/react-native-keys.md          | 256 ++++++++++++++++++++++++++++
 3 files changed, 256 insertions(+)
 create mode 100644 img/rnkeys/RNKeys_Script_Config.PNG
 create mode 100644 img/rnkeys/entry_config.PNG
 create mode 100644 zh-cn/react-native-keys.md

diff --git a/img/rnkeys/RNKeys_Script_Config.PNG b/img/rnkeys/RNKeys_Script_Config.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..327ba050b69700d01403450fae1f25f588e0aa48
GIT binary patch
literal 53868
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

literal 0
HcmV?d00001

diff --git a/img/rnkeys/entry_config.PNG b/img/rnkeys/entry_config.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..a7abef85281ea3afef773bbf4a833a6869591467
GIT binary patch
literal 43637
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

literal 0
HcmV?d00001

diff --git a/zh-cn/react-native-keys.md b/zh-cn/react-native-keys.md
new file mode 100644
index 00000000..22e2b1b2
--- /dev/null
+++ b/zh-cn/react-native-keys.md
@@ -0,0 +1,256 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-keys</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/numandev1/react-native-keys">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/numandev1/react-native-keys/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keys)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-keys@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-keys@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+1. Create a new file keys.development.json in the root of your React Native app and add Envs in secure object for protected envs variables and add Envs in public for public usage this:
+ 
+```json
+{
+  "secure": {
+    "GOOGLE_API": "ABCD",
+    "BRANCH_API": "ABCDEF"
+  },
+  "public": {
+    "APP_NAME": "Keys Example",
+    "BUNDLE_ID": "com.example.rnkeys.dev",
+    "ANDROID_CODE": "50",
+    "PACKAGE_ID": "com.example.rnkeys.dev"
+  }
+}
+
+```
+
+2. Use Public Keys & Secure Keys
+
+``` js
+import Keys from 'react-native-keys';
+
+Keys.API_URL;
+Keys.URI_SCHEME;
+
+Keys.secureFor('API_TOKEN');
+Keys.secureFor('GOOGLE_API_KEY');
+Keys.secureFor('SECRET_KEY');
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-keys": "file:../../node_modules/@react-native-oh-tpl/react-native-keys/harmony/rnoh_keys.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 RNOHKeysPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-keys/src/main/cpp" ./rnohkeys)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_keys)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RNKeysPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNOHKeysPackage>(ctx),
+    };
+}
+```
+
+### 在 ArkTs 侧引入 RNKeysPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNKeysPackage } from '@react-native-oh-tpl/react-native-keys';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNKeysPackage(ctx)
+  ];
+}
+```
+
+### 在 DevEco 创建运行前script（生成加解密代码和编译配置文件）
+
+> [!TIP] 如下步骤中添加配置完成时记得点击Apply按钮让配置生效
+
+1. 点击右上角 entry -> Edit Configurations... 打开配置面板
+2. 点击面板左上角 + , 选择Shell Script, 打开新建 script的配置面板, 按如下图片提示进行配置  
+   ![shell script config](../img/rnkeys/RNKeys_Script_Config.PNG)
+3. 配置entry -> Before Lunch，点击加号选择 Run Another Configuration， 选择上一步配置的 Shell Script, 并将配置拖动到Hvigor-Build Make上方  
+   ![entry config](../img/rnkeys/entry_config.PNG)
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)
+
+   
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------|----------------------|----------|----------|-------------|-------------------|
+| Keys attributes | Get public value     | object   | no       | iOS/Android | yes               |
+| Keys.publicKeys | Get all public value | function | no       | iOS/Android | yes               |
+| Keys.secureFor  | Get secret value     | function | no       | iOS/Android | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/numandev1/react-native-keys/blob/main/LICENSE) ，请自由地享受和参与开源。

From ac408a6869fd4cf9587b4147988c74a7e7c5d173 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A2=81=E6=BB=A8?=
 <9231005+yuan-bin-23333@user.noreply.gitee.com>
Date: Tue, 20 Aug 2024 02:32:03 +0000
Subject: [PATCH 411/966] =?UTF-8?q?!1360=20docs:=20[issues:=20#IAK8OY]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-video-controls=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAK8OY]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-video-controls=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-video-controls.md | 149 +++++++++++++++++++++++++++
 1 file changed, 149 insertions(+)
 create mode 100644 zh-cn/react-native-video-controls.md

diff --git a/zh-cn/react-native-video-controls.md b/zh-cn/react-native-video-controls.md
new file mode 100644
index 00000000..7231a83f
--- /dev/null
+++ b/zh-cn/react-native-video-controls.md
@@ -0,0 +1,149 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-video-controls</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/itsnubix/react-native-video-controls">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/itsnubix/react-native-video-controls/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/itsnubix/react-native-video-controls)
+
+## 安装与使用
+
+> [!TIP] 需要配套的服务和三方依赖
+
+react-native-video-controls依赖于以下三方库
+
+| Dependcies         | Version |
+| :----------------- | :------ |
+| react-native-video | >=2.0.0 |
+| lodash             | ^4.16.4 |
+
+本库依赖[@react-native-oh-tpl/react-native-video文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-video.md#link)以及简化开发的JS工具[lodash](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/lodash.md)
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install --save react-native-video-controls
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-video-controls
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import VideoPlayer from 'react-native-video-controls';
+
+const App = () => {
+  function handleOnBack() {
+    alert("this is onBack event test,because navigator properties depends on others parity");
+  }
+  return(
+      <View>
+       <VideoPlayer
+      		style = {styles.container}
+         	videoStyle = {styles.video}
+            source={{ uri: 'https://vjs.zencdn.net/v/oceans.mp4' }}
+            toggleResizeModeOnFullscreen = {true}
+            controlAnimationTiming = {3000}
+            doubleTapTime = {10}
+            controlTimeout = {4000}
+            scrubbing = {5}
+			onBack = {handleOnBack}
+            showOnStart = {false}
+            seekColor = {'#00FFFF'}
+            tapAnywhereToPause = {true}
+        />
+     </View>
+    );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#000',
+  }, 
+  video: {  
+    width: '100%',  
+    height: '100%',  
+  },
+});
+
+export default App;
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-video代码以及简化开发工具lodash，如已在 HarmonyOS 工程中引入过这些库，且版本无误则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-video文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-video.md#link)和[lodash文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/lodash.md)进行引入。安装完成后请在终端使用`npm list react-native-video`和`npm list lodash`查看video组件版本和lodash工具版本是否正确
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.28; SDK: HarmonyOS NEXT Developer Beta3 5.0.0.36(12 Beta3); IDE: DevEco Studio 5.0.3.535; ROM: 5.0.0.31;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                         | Description                                                  |     Type     | Required |  Platform   | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------ | :----------: | :------: | :---------: | :---------------: |
+| toggleResizeModeOnFullscreen | 如果为真，点击全屏按钮将使 `<Video />` 组件在覆盖/包含模式之间切换；如果您想自定义全屏行为，请设置为假。 |     Bool     |    no    | iOS/Android |        yes        |
+| controlAnimationTiming       | 对控件进行动画处理的时间量（以毫秒为单位）。                 |     Int      |    no    | iOS/Android |        yes        |
+| doubleTapTime                | 在此时间内点击两次（以毫秒为单位）被视为两次点击。在此时间到期之前，不会执行单击操作。 |     Int      |    no    | iOS/Android |        yes        |
+| controlTimeout               | 在一段时间后隐藏控件（以毫秒为单位）                         |     Int      |    no    | iOS/Android |        yes        |
+| scrubbing                    | 如果大于0，则在移动进度条时启用实时拖动。提供的值是拖动的最小时间步长，单位为毫秒。 |     Int      |    no    | iOS/Android |        yes        |
+| showOnStart                  | 首次渲染时显示或隐藏控件。                                   |     Bool     |    no    | iOS/Android |        yes        |
+| videoStyle                   | 附加到 `<Video>` 组件的 React Native StyleSheet 对象。       |  StyleSheet  |    no    | iOS/Android |        yes        |
+| navigator                    | 当使用默认的 React Native 导航器并且没有覆盖 `onBack` 函数时，您需要将导航器传递给 VideoPlayer，以使其正常工作。 |  Navigator   |    no    | iOS/Android |        yes        |
+| seekColor                    | 进度条的填充/处理颜色。                                      | String(#HEX) |    no    | iOS/Android |        yes        |
+| style                        | 附加到视频父 `<View>` 的 React Native StyleSheet 对象。      |  StyleSheet  |    no    | iOS/Android |        yes        |
+| tapAnywhereToPause           | 如果为真，则在视频上单击任意地方（控制区域以外）会在播放和暂停之间切换。 |     Bool     |    no    | iOS/Android |        yes        |
+| disableFullscreen            | 是否隐藏全屏按钮图标                                         |     Bool     |    no    | iOS/Android |        yes        |
+| disablePlayPause             | 是否隐藏播放暂停图标                                         |     Bool     |    no    | iOS/Android |        yes        |
+| disableSeekbar               | 是否隐藏进度条图标                                           |     Bool     |    no    | iOS/Android |        yes        |
+| disableVolume                | 是否隐藏音量控制图标                                         |     Bool     |    no    | iOS/Android |        yes        |
+| disableTimer                 | 是否隐藏视频时间                                             |     Bool     |    no    | iOS/Android |        yes        |
+| disableBack                  | 是否隐藏返回按钮图标                                         |     Bool     |    no    | iOS/Android |        yes        |
+| onEnterFullscreen            | 当点击全屏按钮后，视频进入全屏时触发。                       |    event     |    no    | iOS/Android |        yes        |
+| onExitFullscreen             | 当点击全屏按钮后，视频退出全屏时触发。                       |    event     |    no    | iOS/Android |        yes        |
+| onHideControls               | 当控制组件消失时触发。                                       |    event     |    no    | iOS/Android |        yes        |
+| onShowControls               | 当控制组件出现时触发。                                       |    event     |    no    | iOS/Android |        yes        |
+| onError                      | 当加载视频时遇到错误时触发。                                 |    event     |    no    | iOS/Android |        yes        |
+| onPause                      | 当点击播放/暂停按钮后，视频暂停时触发。                      |    event     |    no    | iOS/Android |        yes        |
+| onPlay                       | 当点击播放/暂停按钮后，视频开始播放时触发。                  |    event     |    no    | iOS/Android |        yes        |
+| onBack                       | 当点击返回按钮时触发，如果使用自定义导航，可以重写该功能。   |    event     |    no    | iOS/Android |        yes        |
+| onEnd                        | 当视频播放完毕时触发。                                       |    event     |    no    | iOS/Android |        yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/itsnubix/react-native-video-controls/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 626ee302eb4421972602652ff1c50dab4c0db42e Mon Sep 17 00:00:00 2001
From: "hexing.hu" <478055968@qq.com>
Date: Tue, 20 Aug 2024 02:57:53 +0000
Subject: [PATCH 412/966] =?UTF-8?q?!1374=20docs:=20[Issues:=20IAKP97]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20@klarna/platform-colors=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20IAKP97]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20@klarna/platform-colors=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/klarna-platform-colors.md | 322 ++++++++++++++++++++++++++++++++
 1 file changed, 322 insertions(+)
 create mode 100644 zh-cn/klarna-platform-colors.md

diff --git a/zh-cn/klarna-platform-colors.md b/zh-cn/klarna-platform-colors.md
new file mode 100644
index 00000000..5ac19f1b
--- /dev/null
+++ b/zh-cn/klarna-platform-colors.md
@@ -0,0 +1,322 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@klarna/platform-colors</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/klarna-incubator/platform-colors">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/klarna-incubator/platform-colors/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/platform-colors)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/platform-colors@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/platform-colors@file:#
+```
+
+生成资源文件：
+
+```bash
+npx @react-native-oh-tpl/platform-colors
+```
+
+> [!TIP] 第一次运行该命令时，它将提示您要为哪些平台生成文件，确定后将在工程根目录创建具有以下格式的文件：
+
+```js
+// platform-colors.config.js
+module.exports = {
+  prefix: "rnpc_",
+  colors: {
+    background: {
+      light: "#000000",
+      dark: "#ffffff",
+    },
+    text: "#696969",
+    accent: "pink",
+    contrasted: "#FFF0F5",
+  },
+  javascript: {
+    typescript: true,
+    outputDirectory: "src/colors/",
+  },
+  ios: {
+    outputDirectory: "ios/app_name/Images.xcassets/",
+  },
+  android: {
+    outputDirectory: "android/app/src/main/res/",
+  },
+  harmony: {
+    outputDirectory: "harmony/AppScope/resources/",
+  },
+};
+```
+
+现在检查你的 android, ios 和 harmony 文件夹。您应该在每个平台上都有您的颜色定义。
+
+当您需要修改颜色资源时，只需更改`colors`配置，然后再次执行以下命令即可生成最新的颜色资源
+
+```bash
+npx @react-native-oh-tpl/platform-colors
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  ScrollView,
+  Image,
+  ColorValue,
+} from "react-native";
+import { resolveColor, resolveColorSync } from "@klarna/platform-colors";
+import { PlatformColor } from "react-native";
+
+const accent = PlatformColor("rnpc_accent");
+
+export const PlatformColorsTest = () => {
+  const [asyncColor, setAsyncColor] = React.useState<ColorValue | undefined>(
+    undefined
+  );
+  const syncColor = resolveColorSync(accent);
+  React.useEffect(() => {
+    resolveColor(accent).then((color) => setAsyncColor(color));
+  }, []);
+
+  return (
+    <View style={{ top: 48, flex: 1 }}>
+      <ScrollView
+        contentInsetAdjustmentBehavior="automatic"
+        style={styles.scrollView}
+      >
+        <ColorRow
+          label="show color of id: rnpc_background"
+          color={PlatformColor("rnpc_background")}
+        />
+        <ColorRow
+          label="get 'ohos_id_color_warning' color by resolveColor api"
+          color={asyncColor}
+        />
+        <ColorRow
+          label="get 'ohos_id_color_warning' color by resolveColorSync api"
+          color={syncColor}
+        />
+      </ScrollView>
+    </View>
+  );
+};
+const ColorRow = ({ label, color }: { label: string; color?: ColorValue }) => (
+  <View style={styles.colorRow}>
+    <View
+      style={[
+        styles.colorSample,
+        {
+          backgroundColor: color,
+        },
+      ]}
+    />
+    <Text style={styles.colorLabel}>{label}</Text>
+  </View>
+);
+const styles = StyleSheet.create({
+  scrollView: {
+    flex: 1,
+    paddingHorizontal: 10,
+  },
+  colorRow: {
+    paddingHorizontal: 10,
+    marginVertical: 10,
+    flexDirection: "row",
+    alignItems: "center",
+  },
+  colorSample: {
+    width: 50,
+    height: 50,
+    borderRadius: 25,
+    marginRight: 10,
+    shadowOpacity: 0.2,
+    shadowColor: "#999",
+    shadowRadius: 1,
+    shadowOffset: { width: 0, height: 0 },
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/platform-colors": "file:../../node_modules/@react-native-oh-tpl/platform-colors/harmony/platform_colors.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNPlatformColorsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNPlatformColorsPackage } from '@react-native-oh-tpl/platform-colors/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNPlatformColorsPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases)
+
+## 属性
+
+### platform-colors.config.js 配置文件属性
+
+> 详情见 [@klarna/platform-colors 文档](https://github.com/klarna-incubator/platform-colors)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                                                                                                                                           | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| prefix     | We prefix all colors with rnpc\_ by default, you can override that with this option.                                                                                                  | String | No       | iOS/Android | Yes               |
+| colors     | An object where the key is the color name, and the value is either a string or an object containing light and optionally highContrastLight, dark & highContrastDark properties.       | Object | Yes      | iOS/Android | Yes               |
+| ios        | An object containing outputDirectory which should be an .xcassets directory.                                                                                                          | Object | No       | iOS/Android | Yes               |
+| android    | An object containing outputDirectory which should be an Android res directory.                                                                                                        | Object | No       | iOS/Android | Yes               |
+| harmony    | An object containing outputDirectory which should be an Harmony res directory.                                                                                                        | Object | No       | --          | Yes               |
+| css        | An object containing outputDirectory and filename which should be a directory where you store CSS files and if you want to change the default filename from colors.css.               | Object | No       | iOS/Android | Yes               |
+| javascript | An object containing outputDirectory which should be a directory where you store your Type/JavaScript files and typescript which is set to true if you want the output in TypeScript. | Object | No       | iOS/Android | Yes               |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                          | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| resolveColorSync | Getting hex value from dynamic color | Function | No       | iOS/Android | Yes               |
+| resolveColor     | Getting hex value from dynamic color | Function | No       | iOS/Android | Yes               |
+
+### resolveColorSync
+
+```js
+resolveColorSync(color: ColorValue): string;
+```
+
+| Name  | Description                                                                                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ----- | ------------------------------------------------------------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| color | Color value obtained through the PlatformColor interface.<br>Example: resolveColorSync(PlatformColor('coloeName')) | React.ColorValue | Yes      | iOS/Android | Yes               |
+
+### resolveColor
+
+```js
+resolveColor(color: ColorValue): Promise<string>;
+```
+
+| Name  | Description                                                                                                    | Type             | Required | Platform    | HarmonyOS Support |
+| ----- | -------------------------------------------------------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| color | Color value obtained through the PlatformColor interface.<br>Example: resolveColor(PlatformColor('coloeName')) | React.ColorValue | Yes      | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/klarna-incubator/platform-colors/blob/master/LICENSE) ，请自由地享受和参与开源。

From d97a42945ecac0ead2bf60d6a31d0dc83fcba104 Mon Sep 17 00:00:00 2001
From: YWD <3182569902@qq.com>
Date: Tue, 20 Aug 2024 03:58:01 +0000
Subject: [PATCH 413/966] =?UTF-8?q?!1386=20docs:=20[issues:=20#IAJLK3]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-bounceable=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAJLK3]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-bounceable=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/freakycoder-react-native-bounceable.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/zh-cn/freakycoder-react-native-bounceable.md b/zh-cn/freakycoder-react-native-bounceable.md
index b3b5f9d1..50014c10 100644
--- a/zh-cn/freakycoder-react-native-bounceable.md
+++ b/zh-cn/freakycoder-react-native-bounceable.md
@@ -56,8 +56,6 @@ import RNBounceable from "@freakycoder/react-native-bounceable";
 
 详细使用场景
 
-> [!WARNING] 使用时 import 的库名不变。
-
 ```javascript
 import React from 'react';
 import type { PropsWithChildren } from 'react';

From 63c69cc60c77734d8d1f1f1ce47fc2a616f759d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Tue, 20 Aug 2024 06:15:43 +0000
Subject: [PATCH 414/966] =?UTF-8?q?!1368=20docs:=20[Issues:=20#IAKFX8]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-material-ripple=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAKFX8]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-material-ripple=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-material-ripple.md | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/zh-cn/react-native-material-ripple.md b/zh-cn/react-native-material-ripple.md
index 2d1f4b88..1ef7e3a5 100644
--- a/zh-cn/react-native-material-ripple.md
+++ b/zh-cn/react-native-material-ripple.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -20,7 +18,6 @@
 
 进入到工程目录并输入以下命令：
 
-<!-- tabs:start -->
 
 #### **npm**
 
@@ -34,9 +31,7 @@ npm install react-native-material-ripple@0.9.1
 yarn add react-native-material-ripple@0.9.1
 ```
 
-<!-- tabs:end -->
-
-> [!WARNING] 使用时 import 的库名不变。
+下面的代码展示了这个库的基本使用场景：
 
 ```ts
 import React, { useState } from "react";
@@ -137,6 +132,7 @@ export const MateriaRippleExample = () => {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
+2. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta3 5.0.0.36; IDE：DevEco Studio 5.0.3.535; ROM：5.0.0.36
 
 ## 属性
 
@@ -157,7 +153,7 @@ export const MateriaRippleExample = () => {
 | `disabled`                    | Ripple should ignore touches(default:false)     | Boolean  | no       | iOS/Android | yes               |
 | `onPressIn`                   | Touch moved in or started callback              | Function | no       | iOS/Android | yes               |
 | `onPressOut`                  | Touch moved out or terminated callback          | Function | no       | iOS/Android | yes               |
-| `onPress`                     | ouch up inside bounds callback                  | Function | no       | iOS/Android | yes               |
+| `onPress`                     | Touch up inside bounds callback                  | Function | no       | iOS/Android | yes               |
 | `onLongPress`                 | Touch delayed after onPressIn callback          | Function | no       | iOS/Android | yes               |
 | `onRippleAnimation`           | Animation start callback                        | Function | no       | iOS/Android | yes               |
 
@@ -169,6 +165,5 @@ Other [TouchableWithoutFeedback](https://facebook.github.io/react-native/docs/to
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/n4kz/react-native-material-ripple/blob/master/license.txt) ，请自由地享受和参与开源。
+本项目基于 [The BSD License (BSD)](https://github.com/n4kz/react-native-material-ripple/blob/master/license.txt) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->

From 93cecb457b8e07f6a30c98475b9184c506798118 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Tue, 20 Aug 2024 06:24:23 +0000
Subject: [PATCH 415/966] =?UTF-8?q?!1333=20docs:=20[Issues:=20#IAJIRD]=20?=
 =?UTF-8?q?=E6=96=B0=E5=BB=BAreact-native-recaptcha-that-works=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAJIRD]?=
 =?UTF-8?q?=20=E6=96=B0=E5=BB=BAreact-native-recaptcha-that-works=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-recaptcha-that-works.md | 172 +++++++++++++++++++++
 1 file changed, 172 insertions(+)
 create mode 100644 zh-cn/react-native-recaptcha-that-works.md

diff --git a/zh-cn/react-native-recaptcha-that-works.md b/zh-cn/react-native-recaptcha-that-works.md
new file mode 100644
index 00000000..3579f2d7
--- /dev/null
+++ b/zh-cn/react-native-recaptcha-that-works.md
@@ -0,0 +1,172 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-recaptcha-that-works</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/douglasjunior/react-native-recaptcha-that-works">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/douglasjunior/react-native-recaptcha-that-works)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-recaptcha-that-works@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-recaptcha-that-works@2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, {useRef, useCallback, useState} from 'react';
+import {
+  SafeAreaView,
+  StyleSheet,
+  View,
+  Text,
+  StatusBar,
+  Button,
+  Alert,
+} from 'react-native';
+
+import Recaptcha, { RecaptchaRef } from 'react-native-recaptcha-that-works';
+
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1,
+  },
+  container: {
+    backgroundColor: '#00ff00',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flex: 1,
+  },
+});
+
+const App = () => {
+  const size = 'invisible';
+  const [token, setToken] = useState('<none>');
+
+  const $recaptcha = useRef<RecaptchaRef | null>(null);
+
+  const handleOpenPress = useCallback(() => {
+    $recaptcha.current?.open();
+  }, []);
+
+  const handleClosePress = useCallback(() => {
+    $recaptcha.current?.close();
+  }, []);
+
+  return (
+    <SafeAreaView style={styles.safeArea}>
+      <StatusBar barStyle="dark-content" />
+      <View style={styles.container}>
+        <Button onPress={handleOpenPress} title="Open" />
+        <Text>Token: {token}</Text>
+        <Text>Size: {size}</Text>
+      </View>
+
+      <Recaptcha
+        ref={$recaptcha}
+        lang="pt"
+        headerComponent={
+          <Button title="Close modal" onPress={handleClosePress} />
+        }
+        footerComponent={<Text>Footer here</Text>}
+        siteKey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"
+        baseUrl="http://127.0.0.1/"
+        size={size}
+        theme="dark"
+        onLoad={() => Alert.alert('onLoad event')}
+        onClose={() => Alert.alert('onClose event')}
+        onError={(err) => {
+          Alert.alert('onError event');
+          console.warn(err);
+        }}
+        onExpire={() => Alert.alert('onExpire event')}
+        onVerify={(token) => {
+          Alert.alert('onVerify event');
+          setToken(token);
+        }}
+        enterprise={false}
+        hideBadge={false}
+      />
+    </SafeAreaView>
+  );
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.28; OH SDK: HarmonyOS-Next-DB2 5.0.0.31 (API Version 12 Beta2); IDE: DevEco Studio: 5.0.3.500; ROM: 3.0.0.31;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                                                                                                                                                                                                                                                                                        | Type                                                                                                       | Required | Platform    | HarmonyOS Support |
+| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| headerComponent  | A component to render on top of Modal.                                                                                                                                                                                                                                                             | `React Element`                                                                                            | no       | iOS,Android | yes               |
+| footerComponent  | A component to render on bottom of Modal.                                                                                                                                                                                                                                                          | `React Element`                                                                                            | no       | iOS,Android | yes               |
+| loadingComponent | A custom loading component.                                                                                                                                                                                                                                                                        | `React Element`                                                                                            | no       | iOS,Android | yes               |
+| style            | Customize default style such as background color.                                                                                                                                                                                                                                                  | [`ViewStyle`](https://reactnative.dev/docs/view-style-props)                                               | no       | iOS,Android | yes               |
+| modalProps       | Override the Modal props.                                                                                                                                                                                                                                                                          | [ModalProps](https://reactnative.dev/docs/modal)                                                           | no       | iOS,Android | yes               |
+| webViewProps     | Override the WebView props.                                                                                                                                                                                                                                                                        | [WebViewProps](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md) | no       | iOS,Android | yes               |
+| lang             | [Language code](https://developers.google.com/recaptcha/docs/language).                                                                                                                                                                                                                            | `string`                                                                                                   | no       | iOS,Android | yes               |
+| siteKey          | (Required) Your Web reCAPTCHA site key. (The Web key must be used, not for Android)                                                                                                                                                                                                                | `string`                                                                                                   | yes      | iOS,Android | yes               |
+| baseUrl          | (Required) The URL (domain) configured in the reCAPTCHA console setup. (ex. http://my.domain.com) (See also https://github.com/douglasjunior/react-native-recaptcha-that-works/issues/34)                                                                                                          | `string`                                                                                                   | yes      | iOS,Android | yes               |
+| size             | The size of the widget.                                                                                                                                                                                                                                                                            | `'invisible'`, `'normal'` or `'compact'`                                                                   | no       | iOS,Android | yes               |
+| theme            | The color theme of the widget.                                                                                                                                                                                                                                                                     | `'dark'` or `'light'`                                                                                      | no       | iOS,Android | yes               |
+| onLoad           | A callback function, executed when the reCAPTCHA is ready to use.                                                                                                                                                                                                                                  | `function()`                                                                                               | no       | iOS,Android | yes               |
+| onVerify         | (Required) A callback function, executed when the user submits a successful response. The reCAPTCHA response token is passed to your callback.                                                                                                                                                     | `function(token)`                                                                                          | yes      | iOS,Android | yes               |
+| onExpire         | A callback function, executed when the reCAPTCHA response expires and the user needs to re-verify. Only works if the `webview` still open after `onVerify` has been called for a long time.                                                                                                        | `function()`                                                                                               | no       | iOS,Android | yes               |
+| onError          | A callback function, executed when reCAPTCHA encounters an error (usually network connectivity) and cannot continue until connectivity is restored. If you specify a function here, you are responsible for informing the user that they should retry.                                             | `function(error)`                                                                                          | no       | iOS,Android | yes               |
+| onClose          | A callback function, executed when the Modal is closed.                                                                                                                                                                                                                                            | `function()`                                                                                               | no       | iOS,Android | yes               |
+| recaptchaDomain  | The host name of the reCAPTCHA valid api. [See detail](https://developers.google.com/recaptcha/docs/faq#can-i-use-recaptcha-globally).                                                                                                                                                             | `string`                                                                                                   | no       | iOS,Android | yes               |
+| hideBadge        | When `size = 'invisible'`, you are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. [See detail](https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed).                                          | `boolean`                                                                                                  | no       | iOS,Android | yes               |
+| enterprise       | Use the new [reCAPTCHA Enterprise API](https://cloud.google.com/recaptcha-enterprise/docs/using-features). Note: for enterprise you need to choose the `size` [when creating the `siteKey`](https://github.com/douglasjunior/react-native-recaptcha-that-works/issues/55#issuecomment-2107089307). | `boolean` (enterprise)                                                                                     | no       | iOS,Android | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description                | Type       | Required | Platform    | HarmonyOS Support |
+| ----- | -------------------------- | ---------- | -------- | ----------- | ----------------- |
+| open  | Open the reCAPTCHA Modal.  | `function` | no       | iOS,Android | yes               |
+| close | Close the reCAPTCHA Modal. | `function` | no       | iOS,Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE) ，请自由地享受和参与开源。

From da1d450cb5545a7ce60214b6e9e5efc1c86ae3d7 Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Tue, 20 Aug 2024 06:33:30 +0000
Subject: [PATCH 416/966] =?UTF-8?q?!1373=20docs:=20[#IAKP54]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-permissions=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAKP54]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-permissions=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-permissions.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index 768aa5b2..69a26e24 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -39,7 +39,7 @@ yarn add @react-native-oh-tpl/react-native-permissions@file:#
 
 下面的代码展示了这个库的基本使用场景：
 
-> [!WARNING] 在使用import...from "react-native-permissions" 导入时因为原库没有抛出关于Harmony OS 有关字段,在使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH编辑器会报ts类型错误没有HARMONY字段（使用可以正常编译运行），所以想要使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH，可以使用 import...from "@react-native-oh-tpl/react-native-permissions"
+> [!WARNING] 在使用import...from "react-native-permissions" 导入时因为原库没有抛出关于HarmonyOS有关字段,在使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH编辑器会报ts类型错误没有HARMONY字段（使用可以正常编译运行），所以想要使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH，可以使用 import...from "@react-native-oh-tpl/react-native-permissions"
 
 ```js
 import { ScrollView, StyleSheet, View, Text, Button } from "react-native";
@@ -441,7 +441,7 @@ ohos.permission.LOCATION_IN_BACKGROUND 允许应用在后台运行时获取设
 | requestMultiple         | 设置多个权限    | Function          | no      | Android     | yes                      |
 | checkLocationAccuracy   | 检查设备位置权限  | Function          | no      | iOS         | no(使用 check()查询权限) |
 | requestLocationAccuracy | 请求访问设备位置的权限  | Function          | no      | iOS         | no(使用 request()设置权限) |
-| openPhotoPicker         | 打开图片选择 | Function          | no      | iOS         | yes( iOS 需要在`PhotoLibrary`权限为`limited`才能调用，Harmony OS不需要任何权限直接调用) |
+| openPhotoPicker         | 打开图片选择 | Function          | no      | iOS         | yes( iOS 需要在`PhotoLibrary`权限为`limited`才能调用，HarmonyOS不需要任何权限直接调用) |
 
 ## 遗留问题
 

From 64a998ebecee0dd471dab1285a05571283396971 Mon Sep 17 00:00:00 2001
From: aaron_shq_hsu <834616960@qq.com>
Date: Tue, 20 Aug 2024 07:38:55 +0000
Subject: [PATCH 417/966] =?UTF-8?q?!1357=20docs:=20[Issues:=20#IAK6QN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-user-agent=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAK6QN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-user-agent=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-user-agent.md | 216 +++++++++++++++++++++++++++++++
 1 file changed, 216 insertions(+)
 create mode 100644 zh-cn/react-native-user-agent.md

diff --git a/zh-cn/react-native-user-agent.md b/zh-cn/react-native-user-agent.md
new file mode 100644
index 00000000..394ee73b
--- /dev/null
+++ b/zh-cn/react-native-user-agent.md
@@ -0,0 +1,216 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-user-agent</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bebnev/react-native-user-agent">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bebnev/react-native-user-agent/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-user-agent)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-user-agent@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-user-agent@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import { View, Text } from 'react-native';
+import UserAgent from 'react-native-user-agent';
+
+// 同步方式：
+let userAgent: string = UserAgent.getUserAgent();
+
+export default function UserAgentExample() {
+  const [webViewUserAgent, setWebViewUserAgent] = useState<string | null>(null);
+  useEffect(() => {
+    // 异步方式：
+    UserAgent.getWebViewUserAgent()
+      .then(webViewUserAgent => {
+        setWebViewUserAgent(webViewUserAgent);
+        console.log(webViewUserAgent);
+      })
+      .catch(e => {
+        console.error('Error getting WebView User Agent:', e);
+      });
+  }, []);
+  return (
+    <View>
+      <Text>同步方式：</Text>
+      <Text>{userAgent}</Text>
+
+      <Text>异步方式：</Text>
+      <Text>{webViewUserAgent}</Text>
+
+      <Text>属性：</Text>
+      <Text>systemName: {UserAgent.systemName}</Text>
+      <Text>systemVersion: {UserAgent.systemVersion}</Text>
+      <Text>applicationName: {UserAgent.applicationName}</Text>
+      <Text>applicationVersion: {UserAgent.applicationVersion}</Text>
+      <Text>buildNumber: {UserAgent.buildNumber}</Text>
+    </View>
+  );
+};
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony": "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-user-agent": "file:../../node_modules/@react-native-oh-tpl/react-native-user-agent/harmony/user_agent.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNUserAgentPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { RNUserAgentPackage } from '@react-native-oh-tpl/react-native-user-agent/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new RNUserAgentPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| systemName  | System Name | string  | no | All | yes |
+| systemVersion  | System Version | string  | no | All | yes |
+| applicationName  | Application Name | string  | no | All | yes |
+| applicationVersion  | Application Version | string  | no | All | yes |
+| buildNumber  | Build Number | string  | no | All | yes |
+| darwinVersion  | Darwin Version | string  | no | iOS | no |
+| cfnetworkVersion  | Cfnetwork Version | string  | no | iOS | no |
+| modelName  | Model Name | string  | no | iOS | no |
+| deviceName  | Device Name | string  | no | iOS | no |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getUserAgent | Get user agent synchronously | string | no | All | yes |
+| getWebViewUserAgent | Get user agent asynchronously  | Promise | no | All | yes |
+
+## 遗留问题
+
+## 其他
+
+根据 HarmonyOS NEXT Developer Beta3 版本默认 UserAgent 定义，字段 ArkWeb VersionCode (ArkWeb 版本号) 暂无获取方式，待后续完善。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bebnev/react-native-user-agent/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From c2b0084584a7d530f053ec56c0b22e7ddfd7b668 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=99=BA=E6=99=97?= <dongzhihan@h-partners.com>
Date: Tue, 20 Aug 2024 08:26:00 +0000
Subject: [PATCH 418/966] =?UTF-8?q?!1385=20=20=E4=BF=AE=E6=94=B9react-nati?=
 =?UTF-8?q?ve-qr-decode-image-camera=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAL5SJ]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-qr-decode-image-camera=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-qr-decode-image-camera.md | 309 +++++++++----------
 1 file changed, 144 insertions(+), 165 deletions(-)

diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index ac8efb04..3f6de3f4 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -18,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera Releases](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -43,137 +42,113 @@ yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
-> 示例中：launchImageLibrary 方法需引入Harmony OS 的react-native-image-picker库，跳转 [react-native-image-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-picker.md)查看使用方法。
+
+> 示例中：launchImageLibrary 方法需引入 Harmony OS 的 react-native-image-picker 库，跳转 [react-native-image-picker](/zh-cn/react-native-image-picker.md)查看使用方法。
+
+QRreader
 
 ```js
 import React, {useState} from 'react';
-import {View, Text, Button} from 'react-native';
-import {QRreader, QRscanner} from 'react-native-qr-decode-image-camera';
-import {TestSuite, TestCase, Tester} from '@rnoh/testerino';
-import { launchImageLibrary } from 'react-native-image-picker';
-export const QRreaderExp = () => {
+import {Button, View, Text} from 'react-native';
+import {QRreader} from 'react-native-qr-decode-image-camera';
+import {launchImageLibrary} from 'react-native-image-picker';
+
+export const qrExample = () => {
   const [reader, setReader] = useState<any>('');
-  const [scanned, setScanned] = useState<boolean>(false);
-  const [flashMode, setFlashMode] = useState<boolean | null>(null); //初始值必须为null;
-  const [textInfo, setTextInfo] = useState<string>('');
+  return (
+    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
+      <Button
+        onPress={() => {
+          launchImageLibrary({mediaType: 'photo', selectionLimit: 1}, data => {
+            if (data.assets?.length) {
+              const path = {
+                uri: data.assets[0].originalPath,
+              };
+              QRreader(path)
+                .then(res => {
+                  setReader(res?.[0]?.originalValue);
+                })
+                .catch(error => {
+                  console.log(error);
+                });
+            }
+          });
+        }}
+        title="点击选择二维码照片 "
+      />
+      <Text style={{fontSize: 20}}>{reader}</Text>
+    </View>
+  );
+};
+```
+QRscanner
 
+```json
+import React, {useState} from 'react';
+import { View, Text, TouchableOpacity, StyleSheet} from 'react-native';
+import { QRscanner} from 'react-native-qr-decode-image-camera';
+
+
+export const qrExample = () => {
+
+  const [flashMode, setflashMode] = useState(false);
+  const onRead = res => {
+    console.log(res);
+  };
   return (
-    <Tester>
-      <TestSuite name="qr-decode-image-camera">
-        <TestCase
-          itShould="QRReader"
-          tags={['C_API']}
-          initialState={undefined as any}
-          arrange={({setState}) => {
-            return (
-              <View>
-                <Button
-                  onPress={() => {
-                    launchImageLibrary({ mediaType: 'photo', selectionLimit: 1 }, (data) => {
-                      if (data.assets?.length) {
-                        const path = {
-                          uri:data.assets[0].originalPath
-                        }
-                        QRreader(path)
-                        .then(res => {
-                          setReader(res?.[0]?.originalValue);
-                          setState(res?.[0]?.originalValue);
-                        })
-                        .catch(error => {
-                          console.log(error);
-                        });
-                      }
-                    })
-                  }}
-                  title="点击选择二维码照片 "
-                />
-                <Text style={{fontSize: 20}}>{reader}</Text>
-              </View>
-            );
-          }}
-          assert={async ({expect, state}) => {
-            expect(state).to.be.eq(reader);
-          }}
-        />
-        <TestCase
-          itShould="QRScaner"
-          tags={['C_API']}
-          initialState={undefined as any}
-          arrange={({setState}) => {
-            return (
-              <View >
-                <Button
-                  onPress={() => {
-                    setTextInfo('');
-                    setScanned(true); // 开启摄像头
-                  }}
-                  title="点击扫码 "
-                />
-                {scanned && (
-                  <QRscanner
-                    onRead={e => {
-                      console.log(e?.nativeEvent?.result, 'click onRead');
-                      setTextInfo(e?.nativeEvent?.result);
-                      setState(e?.nativeEvent?.result);
-                      setScanned(false);
-                    }}
-                    flashMode={flashMode} //闪光灯
-                    renderTopView={() => (
-                      <View
-                        style={{
-                          height: 50,
-                          justifyContent: 'center',
-                          alignItems: 'center',
-                          backgroundColor: '#0000004D',
-                        }}>
-                        <Text style={{fontSize: 18, color: 'green'}}>
-                          将二维码放入框内，即可自动扫描
-                        </Text>
-                      </View>
-                    )}
-                    renderBottomView={() => (
-                      <View
-                        style={{
-                          height: 100,
-                          justifyContent: 'center',
-                          alignItems: 'center',
-                          backgroundColor: '#0000004D',
-                        }}>
-                        <Text
-                          style={{fontSize: 18, color: 'red'}}
-                          onPress={() => {
-                            setFlashMode(!flashMode);
-                            console.log('click 点击开启/关闭闪光灯');
-                          }}>
-                          点击开启/关闭闪光灯
-                        </Text>
-                      </View>
-                    )}
-                  />
-                )}
-                <Text style={{fontSize: 20, color: 'red'}}>{textInfo}</Text>
-              </View>
-            );
-          }}
-          assert={async ({expect, state}) => {
-            expect(state).to.be.eq(textInfo);
-          }}
-        />
-      </TestSuite>
-    </Tester>
+    <View style={styles.container}>
+      <QRscanner
+        onRead={onRead}
+        renderBottomView={() => {
+          return (
+            <View
+              style={{
+                flex: 1,
+                flexDirection: 'row',
+                backgroundColor: '#0000004D',
+              }}>
+              <TouchableOpacity
+                style={{
+                  flex: 1,
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                }}
+                onPress={() => {
+                  if (flashMode) {
+                    setflashMode(false);
+                  } else {
+                    setflashMode(true);
+                  }
+                }}>
+                <Text style={{color: '#fff'}}>flashMode</Text>
+              </TouchableOpacity>
+            </View>
+          );
+        }}
+        flashMode={flashMode}
+        finderY={50}
+      />
+    </View>
   );
 };
 
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#000',
+  },
+});
 ```
+
 ## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-vision-camera 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+如未引入请参照[@react-native-oh-tpl/react-native-vision-camera](/zh-cn/react-native-vision-camera.md)进行引入
 
 ### 引入原生端代码
 
@@ -212,9 +187,10 @@ ohpm install
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
+
 ```diff
   ...
-+ import { RNQrDecodeImageCameraPackage } from "@react-native-oh-tpl/react-native-qr-decode-image-camera/ts";
++ import {RNQrDecodeImageCameraPackage} from '@react-native-oh-tpl/react-native-qr-decode-image-camera/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -223,7 +199,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
+
 ### 在 ArkTs 侧引入 Fabric 组件
+
 找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
 
 ```diff
@@ -236,13 +214,14 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 + if (ctx.componentName === NativeScan.NAME) {
 +   NativeScan({
 +     ctx: ctx.rnComponentContext,
-+     tag: ctx.tag   
++     tag: ctx.tag
 +   })
 + }
 ...
 }
 ...
 ```
+
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -259,13 +238,14 @@ ohpm install
 ## 约束与限制
 
 ### 兼容性
+
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)
 
-
 ### 权限要求
-在 entry 目录下的module.json5中添加相机权限
+
+在 entry 目录下的 module.json5 中添加相机权限
 
 打开 entry/src/main/module.json5，添加：
 
@@ -288,53 +268,54 @@ ohpm install
 ## 静态方法
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
->
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
->
-详情请查看[react-native-qr-decode-image-camera官方文档](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera)
- | Name                          | Description                                          | Type    | Required | Platform    | HarmonyOS Support |
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+ | Name | Description | Type | Required | Platform | HarmonyOS Support |
  | ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
- | QRreader | 调用此方法，调起图库，选择选择二维码图片进行图片解码，异步返回结果 | funtion | no       | IOS/Android | yes               |
+ | QRreader | Invoke this method to invoke the gallery, select the QR code image for image decoding, and asynchronously return the result. | funtion | no | iOS/Android | yes |
+
 ## 属性
-### QRscanner 
+
+### QRscanner
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
->
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
->
-
-| Name                          | Description                                          | Type    | Required | Platform    | HarmonyOS Support |
-| ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
-| isRepeatScan | whether to allow repeated scanning | boolean | no       | IOS/Android | no               |
-| zoom | Camera focal length range 0-1 | number | no       | IOS/Android | yes               |
-| flashMode |Turn on the flashlight |boolean | no       | IOS/Android | yes               |
-| onRead |scan callback |funtion | yes       | IOS/Android | yes|
-| maskColor |mask layer color |string | no       | IOS/Android | yes|
-| borderColor |border color |string | no       | IOS/Android | yes|
-| cornerColor |Color of corner of scan frame |string | no       | IOS/Android | yes|
-| borderWidth |border width of scan frame |number | no       | IOS/Android | yes|
-| cornerBorderWidth |border width of scan frame corner |number | no       | IOS/Android | yes|
-| cornerBorderLength |	width and height of the corner of the scan frame |number | no       | IOS/Android | yes|
-| rectHeight |	Scan frame height |number | no       | IOS/Android | yes|
-| rectWidth |	Scan Frame Width |number | no       | IOS/Android | yes|
-| finderX |scan frame X axis offset |number | no       | IOS/Android | yes|
-| finderY |scan frame Y axis offset |number | no       | IOS/Android | yes|
-| isCornerOffset |whether the corners are offset |boolean | no       | IOS/Android | yes|
-| cornerOffsetSize |offset |number | no       | IOS/Android | yes|
-| bottomHeight |Reserved height at the bottom |number | no       | IOS/Android | yes|
-| scanBarAnimateTime |scan line time |number | no       | IOS/Android | yes|
-| scanBarColor |scan line color |string | no       | IOS/Android | yes|
-| scanBarImage |scan line image |any | no       | IOS/Android | yes|
-| scanBarHeight |scan line height |number | no       | IOS/Android | yes|
-| scanBarMargin |scanline left and right margin |number | no       | IOS/Android | yes|
-| hintText |hintText |string | no       | IOS/Android | yes|
-| hintTextStyle |hint string style |object | no       | IOS/Android | yes|
-| hintTextPosition |hintTextPosition |number | no       | IOS/Android | yes|
-| renderTopView |render top View |funtion | no       | IOS/Android | yes|
-| renderBottomView |render bottom View|funtion | no       | IOS/Android | yes|
-| isShowScanBar |whether to show scan lines|boolean | no       | IOS/Android | yes|
-| topViewStyle |render top container style|object | no       | IOS/Android | yes|
-| bottomViewStyle |render bottom container style|object | no       | IOS/Android | yes|
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                      | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------ | ------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| isRepeatScan       | whether to allow repeated scanning               | boolean | no       | iOS/Android | yes               |
+| zoom               | Camera focal length range 0-1                    | number  | no       | iOS/Android | no                |
+| flashMode          | Turn on the flashlight                           | boolean | no       | iOS/Android | yes               |
+| onRead             | scan callback                                    | funtion | yes      | iOS/Android | yes               |
+| maskColor          | mask layer color                                 | string  | no       | iOS/Android | yes               |
+| borderColor        | border color                                     | string  | no       | iOS/Android | yes               |
+| cornerColor        | Color of corner of scan frame                    | string  | no       | iOS/Android | yes               |
+| borderWidth        | border width of scan frame                       | number  | no       | iOS/Android | yes               |
+| cornerBorderWidth  | border width of scan frame corner                | number  | no       | iOS/Android | yes               |
+| cornerBorderLength | width and height of the corner of the scan frame | number  | no       | iOS/Android | yes               |
+| rectHeight         | Scan frame height                                | number  | no       | iOS/Android | yes               |
+| rectWidth          | Scan Frame Width                                 | number  | no       | iOS/Android | yes               |
+| finderX            | scan frame X axis offset                         | number  | no       | iOS/Android | yes               |
+| finderY            | scan frame Y axis offset                         | number  | no       | iOS/Android | yes               |
+| isCornerOffset     | whether the corners are offset                   | boolean | no       | iOS/Android | yes               |
+| cornerOffsetSize   | offset                                           | number  | no       | iOS/Android | yes               |
+| bottomHeight       | Reserved height at the bottom                    | number  | no       | iOS/Android | yes               |
+| scanBarAnimateTime | scan line time                                   | number  | no       | iOS/Android | yes               |
+| scanBarColor       | scan line color                                  | string  | no       | iOS/Android | yes               |
+| scanBarImage       | scan line image                                  | any     | no       | iOS/Android | yes               |
+| scanBarHeight      | scan line height                                 | number  | no       | iOS/Android | yes               |
+| scanBarMargin      | scanline left and right margin                   | number  | no       | IOS/Android | yes               |
+| hintText           | hintText                                         | string  | no       | IOS/Android | yes               |
+| hintTextStyle      | hint string style                                | object  | no       | iOS/Android | yes               |
+| hintTextPosition   | hintTextPosition                                 | number  | no       | iOS/Android | yes               |
+| renderTopView      | render top View                                  | funtion | no       | iOS/Android | yes               |
+| renderBottomView   | render bottom View                               | funtion | no       | iOS/Android | yes               |
+| isShowScanBar      | whether to show scan lines                       | boolean | no       | iOS/Android | yes               |
+| topViewStyle       | render top container style                       | object  | no       | iOS/Android | yes               |
+| bottomViewStyle    | render bottom container style                    | object  | no       | iOS/Android | yes               |
+
 ## 遗留问题
 
 ## 其他
@@ -342,5 +323,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From f34331c8280c5b31f3a7b2f440bf7e393db26131 Mon Sep 17 00:00:00 2001
From: gitee00000 <11373042+gitee00000@user.noreply.gitee.com>
Date: Tue, 20 Aug 2024 09:05:32 +0000
Subject: [PATCH 419/966] =?UTF-8?q?!1359=20docs:=20[Issues:=20#IAK85W]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-idle-timer=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAK85W]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-idle-timer=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-idle-timer.md | 182 +++++++++++++++++++++++++++++++
 1 file changed, 182 insertions(+)
 create mode 100644 zh-cn/react-native-idle-timer.md

diff --git a/zh-cn/react-native-idle-timer.md b/zh-cn/react-native-idle-timer.md
new file mode 100644
index 00000000..169d7707
--- /dev/null
+++ b/zh-cn/react-native-idle-timer.md
@@ -0,0 +1,182 @@
+# 文档模板
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-idle-timer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/marcshilling/react-native-idle-timer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/marcshilling/react-native-idle-timer/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-idle-timer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-idle-timer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-idle-timer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect } from 'react';
+import { View, Text, Button } from 'react-native';
+import IdleTimerManager from 'react-native-idle-timer';
+
+const IdleTimerExample = () => {  
+  useEffect(() => {
+    // Disable the idle timer to prevent the screen from dimming or locking.
+    IdleTimerManager.setIdleTimerDisabled(true, "video");
+
+    // A cleanup function to re-enable the idle timer when the component is unmounted
+    return () => {
+     IdleTimerManager.setIdleTimerDisabled(false, "video");
+    };
+  }, []);
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <Text>By default, the screen will remain on</Text>
+    </View>
+  );
+};
+
+export default IdleTimerExample;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-idle-timer": "file:../../node_modules/@react-native-oh-tpl/react-native-idle-timer/harmony/idle_timer.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 RNIdleTimerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+import type {RNPackageContext, RNPackage} from '@rnoh/react-native-openharmony/ts';
++import {RNIdleTimerPackage}  from '@react-native-oh-tpl/react-native-idle-timer/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++    new RNIdleTimerPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| setIdleTimerDisabled  | 启用/禁用屏幕空闲计时器         | function  | no | All      | yes |
+
+## 遗留问题
+
+## 其他 
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/marcshilling/react-native-idle-timer/blob/master/LICENSE.md) ，请自由地享受和参与开源。

From 0274d4c58ebad06aa50e815e18237e22b215faa7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E5=98=89=E8=BE=89?= <961978925@qq.com>
Date: Tue, 20 Aug 2024 09:08:14 +0000
Subject: [PATCH 420/966] =?UTF-8?q?!1293=20docs:=20[Issue:=20#IAI2NZ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-snap-carousel=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAI2NZ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-snap-carousel=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-snap-carousel.md | 123 +++++++++++++++++-----------
 1 file changed, 76 insertions(+), 47 deletions(-)

diff --git a/zh-cn/react-native-snap-carousel.md b/zh-cn/react-native-snap-carousel.md
index 3716081e..f39c4c8d 100644
--- a/zh-cn/react-native-snap-carousel.md
+++ b/zh-cn/react-native-snap-carousel.md
@@ -1,16 +1,18 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-snap-carousel</code> </h1>
 </p>
 <p align="center">
+    <a href="https://github.com/meliorence/react-native-snap-carousel">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20||%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/meliorence/react-native-snap-carousel/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a> 
+    </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-snap-carousel)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-snap-carousel)
 
 ## 安装与使用
 
@@ -25,17 +27,19 @@
 #### **npm**
 
 ```bash
-$ npm install @react-native-oh-tpl/react-native-snap-carousel@file:#
+npm install @react-native-oh-tpl/react-native-snap-carousel@file:#
 ```
+#### **yarn**
 
 ```bash
-$ yarn add @react-native-oh-tpl/react-native-snap-carousel@file:#
+yarn add @react-native-oh-tpl/react-native-snap-carousel@file:#
 ```
-
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```js
 import React, { useState } from "react";
 import { View, Text, Image, StyleSheet } from "react-native";
@@ -46,39 +50,39 @@ export default function SnapCarouselExample(): JSX.Element {
     {
       title: "Beautiful and dramatic Antelope Canyon",
       subtitle: "Lorem ipsum dolor sit amet et nuncat mergitur",
-      url: require("./img/UYiroysl.jpg"),
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-1.png?la=zh",
     },
     {
       title: "Earlier this morning, NYC",
       subtitle: "Lorem ipsum dolor sit amet",
-      url: require("./img/UPrs1EWl.jpg"),
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-2.jpg?la=zh",
     },
     {
       title: "White Pocket Sunset",
       subtitle: "Lorem ipsum dolor sit amet et nuncat ",
-      url: require("./img/MABUbpDl.jpg"),
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-1.png?la=zh",
     },
     {
       title: "Acrocorinth, Greece",
       subtitle: "Lorem ipsum dolor sit amet et nuncat mergitur",
-      url: require("./img/KZsmUi2l.jpg"),
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-2.jpg?la=zh",
     },
     {
       title: "The lone tree, majestic landscape of New Zealand",
       subtitle: "Lorem ipsum dolor sit amet",
-      url: require("./img/2nCt3Sbl.jpg"),
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-1.png?la=zh",
     },
     {
       title: "Middle Earth, Germany",
       subtitle: "Lorem ipsum dolor sit amet",
-      url: require("./img/lceHsT6l.jpg"),
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-2.jpg?la=zh",
     },
   ];
 
   const _renderItem = ({ item, index }: any) => {
     return (
       <View>
-        <Image source={item.url} style={styles.image} />
+        <Image source={{ uri: item.url }} style={styles.image} />
       </View>
     );
   };
@@ -111,6 +115,7 @@ const styles = StyleSheet.create({
   }
 });
 ```
+## 约束与限制
 
 ### 兼容性
 
@@ -120,46 +125,70 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-详情查看[react-native-snap-carousel 官方文档](https://github.com/meliorence/react-native-snap-carousel)
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-如下是已验证接口展示:
+| Name                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Type                       | Required                                               | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- | ----------------------------------------------------- | -------- | ----------------- |
+| `data`                        | Array of items to loop on                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Array                      | yes                                              | iOS/Android      | yes               |
+| `renderItem`                  | Takes an item from data and renders it into the list. The function receives one argument `{item, index}` (see [Usage](https://github.com/meliorence/react-native-snap-carousel#usage)) and must return a React element.                                                                                                                                                                                                                                                                    | Function                   | yes                                              | iOS/Android      | yes               |
+| `itemWidth`                   | Width in pixels of carousel's items, **must be the same for all of them**                                                                                                                                                                                                                                                                                                                                                                                                                  | Number                     | yes                      | iOS/Android      | yes               |
+| `sliderWidth`                 | Width in pixels of the carousel itself                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Number                     | yes                      | iOS/Android      | yes               |
+| `itemHeight`                  | Height in pixels of carousel's items, **must be the same for all of them**                                                                                                                                                                                                                                                                                                                                                                                                                 | Number                     | yes                       | iOS/Android      | yes               |
+| `sliderHeight`                | Height in pixels of the carousel itself                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Number                     |  yes                        | iOS/Android      | yes               |
+| `loop`                        | Enable infinite loop mode. **:warning: It won't work if `enableSnap` has been set to `false`.**                                                                                                                                                                                                                                                                                                                                                                                            | Boolean                    | no                                               | iOS/Android      | yes               |
+| `loopClonesPerSide`           | Number of clones to append to each side of the original items. **When swiping very quickly**, the user will eventually need to pause for a quick second before the scroll is repositioned (this occurs when the end of the set is reached). By increasing this number, the user will be able to scroll more slides before having to stop; but you'll also load more items in memory. This is a trade-off between optimal user experience and performance.                                  | Number                     | no                                                   | iOS/Android      | yes               |
+| `autoplay`                    | Trigger autoplay on mount. If you enable autoplay, we recommend you to set `enableMomentum` to `false` (default) and `lockScrollWhileSnapping` to `true`; this will enhance user experience a bit.                                                                                                                                                                                                                                                                                         | Boolean                    | no                                               | iOS/Android      | yes               |
+| `autoplayDelay`               | Delay before enabling autoplay on startup & after releasing the touch                                                                                                                                                                                                                                                                                                                                                                                                                      | Number                     | no                                                | iOS/Android      | yes               |
+| `autoplayInterval`            | Delay in ms until navigating to the next item                                                                                                                                                                                                                                                                                                                                                                                                                                              | Number                     | no                                                | iOS/Android      | yes               |
+| `layout`                      | Define the way items are rendered and animated. Possible values are `'default'`, `'stack'` and `'tinder'`. :warning: **Setting this prop to either `'stack'` or `'tinder'` will activate `useScrollView` [to prevent rendering bugs with `FlatList`](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/CUSTOM_INTERPOLATIONS.md#caveats). Therefore, those layouts won't be suited if you have a large data set since all items are going to be rendered upfront.** | String                     | no                                           | iOS/Android      | yes               |
+| `containerCustomStyle`        | Optional styles for Scrollview's global wrapper                                                                                                                                                                                                                                                                                                                                                                                                                                            | View Style Object          | no                                                 | iOS/Android      | yes               |
+| `contentContainerCustomStyle` | Optional styles for Scrollview's items container                                                                                                                                                                                                                                                                                                                                                                                                                                           | View Style Object          | no                                               | iOS/Android      | yes               |
+| `inactiveSlideOpacity`        | Value of the opacity effect applied to inactive slides                                                                                                                                                                                                                                                                                                                                                                                                                                     | Number                     | no                                                 | iOS/Android      | yes               |
+| `inactiveSlideScale`          | Value of the 'scale' transform applied to inactive slides                                                                                                                                                                                                                                                                                                                                                                                                                                  | Number                     | no                                                 | iOS/Android      | yes               |
+| `inactiveSlideShift`                        | Value of the 'translate' transform applied to inactive slides (see #204 or the "custom interpolations" doc for an example usage). This prop will have no effect with layouts others than the default one. on                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Number                      | no                                           | iOS/Android      | yes               |
+| `layoutCardOffset`            | Use to increase or decrease the default card offset in both 'stack' and 'tinder' layouts.                                                                                                                                                                                                                                                                                                                                                                                                  | Number                     | no | iOS/Android      | yes               |
+| `slideStyle`                  | Optional style for each item's container (the one whose scale and opacity are animated)                                                                                                                                                                                                                                                                                                                                                                                                    | Animated View Style Object | no                                               | iOS/Android      | yes               |
+| `scrollInterpolator`                  | Used to define custom interpolations. See [the dedicated doc](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/CUSTOM_INTERPOLATIONS.md#summary).                                                                                                                                                                                                                                                                                                                                                                                                   | Function | no                                                  | iOS/Android      | yes              |
+| `slideInterpolatedStyle`                  | Used to define custom interpolations. See [the dedicated doc](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/CUSTOM_INTERPOLATIONS.md#summary).                                                                                                                                                                                                                                                                                                                                                                                                   | Function | no                                                 | iOS/Android      | yes          |
+| `activeAnimationOptions`                  | Custom animation options. Note that `useNativeDriver` will be enabled by default and that opacity's easing will always be kept linear. **Setting this prop to something other than `null` will trigger custom animations and will completely change the way items are animated:** rather than having their opacity and scale interpolated based the scroll value (default behavior), they will now play the custom animation you provide as soon as they become active. **This means you cannot use props `layout`, `scrollInterpolator` or `slideInterpolatedStyle` in conjunction with `activeAnimationOptions`.**                                                                                                                                                                                                                                                                                                                                                                                          | Object | no                                                  | iOS/Android      | yes               |
+| `activeAnimationType`                  | Custom [animation type:](https://reactnative.dev/docs/animated.html#configuring-animations) either `'decay'`, `'spring'` or `'timing'`. Note that it will only be applied to the scale animation since opacity's animation type will always be set to `timing` (no one wants the opacity to 'bounce' around).                                                                                                                                                                                 ``````````````                                                                                                                                                                                                            | String | no                                                  | iOS/Android      | yes               |
+| `activeSlideAlignment`                  | Determine active slide's alignment relative to the carousel. Possible values are: `'start'`, `'center'` and `'end'`. **It is not recommended to use this prop in conjunction with the `layout` one.**                                                                                                                                                                                                                                                                                                                                                                                             | String | no                                                 | iOS/Android      | yes               |
+| `activeSlideOffset`                  | From slider's center, minimum slide distance to be scrolled before being set to active.                                                                                                                                                                                                                                                                                                                                                                                       | Number | no                                               | iOS/Android      | yes               |
+| `apparitionDelay`                  | `FlatList`'s init is a real mess, with lots of unneeded flickers and slides movement. This prop controls the delay during which the carousel will be hidden when mounted. **WARNING: on Android, using it may lead to [rendering issues](https://github.com/meliorence/react-native-snap-carousel/issues/236) (i.e. images not showing up).** Make sure to test thoroughly if you decide on using it.                                                                                                                                                                                                                                                                                                                                                                                       | Number | no                                                | iOS/Android      | yes               |
+| `callbackOffsetMargin`                  | Scroll events might not be triggered often enough to get a precise measure and, therefore, to provide a reliable callback. This usually is an Android issue, which might be linked to the version of React Native you're using (see ["Unreliable callbacks"](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/KNOWN_ISSUES.md#unreliable-callbacks)). To work around this, you can define a small margin that will increase the "sweet spot"'s width. The default value should cover most cases, but **you will want to increase it if you experience missed callbacks.**                                                                                                                                                                                                                                                                                                                                                                                      | Number | no                                               | iOS/Android      | yes               |
+| `enableMomentum`                  | See [momentum](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/TIPS_AND_TRICKS.md#momentum)                                                                                                                                                                                                                                                                                                                                                                             | Boolean | no                                                  | iOS/Android      | yes              |
+| `enableSnap`                  | If enabled, releasing the touch will scroll to the center of the nearest/active item                                                                                                                                                                                                                                                                                                                                                                             | Boolean | no                                               | iOS/Android      | yes               |
+| `firstItem`                  | Index of the first item to display. ⚠️ **Make sure to use inherited props `[getItemLayout](https://reactnative.dev/docs/flatlist#getitemlayout)` & `[initialScrollIndex](https://reactnative.dev/docs/flatlist#initialscrollindex)` if the prop doesn't seem to work.**                                                                                                                                                                                                                                                                                                                                                     | Number | no                                              | iOS/Android      | yes               |
+| `hasParallaxImages`                  | Whether the carousel contains <ParallaxImage /> components or not. Required for specific data to be passed to children.                                                                                                                                                                                                                                                                                                                                                   | Boolean | no                                                 | iOS/Android      | yes               |
+| `lockScrollTimeoutDuration`                  | This prop works in conjunction with `lockScrollWhileSnapping`. When scroll is locked, a timer is created in order to release the scroll if something goes wrong with the regular callback handling. **Normally, you shouldn't have to use this prop.**                                                                                                                                                                                                                                                                                                                                                | Number | no                                                 | iOS/Android      | yes               |
+| `lockScrollWhileSnapping`                  | Prevent the user from swiping again while the carousel is snapping to a position. This prevents miscellaneous minor issues (inadvertently tapping an item while scrolling, stopping the scrolling animation if the carousel is tapped in the middle of a snap, clunky behavior on Android when short snapping quickly in opposite directions). The only drawback is that enabling the prop hinders the ability to swipe quickly between items as a little pause between swipes is needed. **Note that the prop won't have any effect if `enableMomentum` is set to `true`, since it would otherwise impede the natural and expected behavior.**                                                                                                                                                                                                                                                                                                                                           | Boolean | no                                               | iOS/Android      | yes               |
+| `scrollEnabled`                  | When `false`, the view cannot be scrolled via touch interaction ([inherited prop](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/PROPS_METHODS_AND_GETTERS.md#inherited-props))                                                                                                                                                                                                                                                                                                                                         | Boolean | no                                                | iOS/Android      | yes               |
+| `shouldOptimizeUpdates`                  | Whether to implement a `shouldComponentUpdate` strategy to minimize updates                                                                                                                                                                                                                                                                                                                                      | Boolean | no                                                 | iOS/Android      | yes               |
+| `swipeThreshold`                  | Delta x when swiping to trigger the snap                                                                                                                                                                                                                                                                                                                                     | Number | no                                             | iOS/Android      | yes               |
+| `useScrollView`                  | Whether to use a `ScrollView` component instead of the default `FlatList` one. The advantages are to avoid rendering issues that can arise with `FlatList` and to provide compatibility with React Native pre- `0.43`. The major drawbacks are that you won't benefit from any of `FlatList`'s advanced optimizations and that you won't be able to use either VirtualizedList or FlatList's specific props. **We recommend activating it only with a small set of slides and to test performance thoroughly in production mode**. Since version `3.7.6`, this prop also accepts a custom scroll component (see #498 for more info).                                                                                                                                                                                                                                                                                                                                    | Boolean | no                                                | iOS/Android      | yes               |
+| `vertical`                  | Layout slides vertically instead of horizontally                                                                                                                                                                                                                                                                                                                                   | Boolean | no                                             | iOS/Android      | yes               |
+
+
+## 静态方法
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Prop                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Type                       | Default                                               | Platform | HarmonyOS Support |
-| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- | ----------------------------------------------------- | -------- | ----------------- |
-| `data`                        | Array of items to loop on                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Array                      | Required                                              | All      | yes               |
-| `renderItem`                  | Takes an item from data and renders it into the list. The function receives one argument `{item, index}` (see [Usage](https://github.com/meliorence/react-native-snap-carousel#usage)) and must return a React element.                                                                                                                                                                                                                                                                    | Function                   | Required                                              | All      | yes               |
-| `itemWidth`                   | Width in pixels of carousel's items, **must be the same for all of them**                                                                                                                                                                                                                                                                                                                                                                                                                  | Number                     | Required for horizontal carousel                      | All      | yes               |
-| `sliderWidth`                 | Width in pixels of the carousel itself                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Number                     | Required for horizontal carousel                      | All      | yes               |
-| `itemHeight`                  | Height in pixels of carousel's items, **must be the same for all of them**                                                                                                                                                                                                                                                                                                                                                                                                                 | Number                     | Required for vertical carousel                        | All      | yes               |
-| `sliderHeight`                | Height in pixels of the carousel itself                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Number                     | Required for vertical carousel                        | All      | yes               |
-| `loop`                        | Enable infinite loop mode. **:warning: It won't work if `enableSnap` has been set to `false`.**                                                                                                                                                                                                                                                                                                                                                                                            | Boolean                    | `false`                                               | All      | yes               |
-| `loopClonesPerSide`           | Number of clones to append to each side of the original items. **When swiping very quickly**, the user will eventually need to pause for a quick second before the scroll is repositioned (this occurs when the end of the set is reached). By increasing this number, the user will be able to scroll more slides before having to stop; but you'll also load more items in memory. This is a trade-off between optimal user experience and performance.                                  | Number                     | `3`                                                   | All      | yes               |
-| `autoplay`                    | Trigger autoplay on mount. If you enable autoplay, we recommend you to set `enableMomentum` to `false` (default) and `lockScrollWhileSnapping` to `true`; this will enhance user experience a bit.                                                                                                                                                                                                                                                                                         | Boolean                    | `false`                                               | All      | yes               |
-| `autoplayDelay`               | Delay before enabling autoplay on startup & after releasing the touch                                                                                                                                                                                                                                                                                                                                                                                                                      | Number                     | `1000`                                                | All      | yes               |
-| `autoplayInterval`            | Delay in ms until navigating to the next item                                                                                                                                                                                                                                                                                                                                                                                                                                              | Number                     | `3000`                                                | All      | yes               |
-| `layout`                      | Define the way items are rendered and animated. Possible values are `'default'`, `'stack'` and `'tinder'`. :warning: **Setting this prop to either `'stack'` or `'tinder'` will activate `useScrollView` [to prevent rendering bugs with `FlatList`](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/CUSTOM_INTERPOLATIONS.md#caveats). Therefore, those layouts won't be suited if you have a large data set since all items are going to be rendered upfront.** | String                     | `'default'`                                           | All      | yes               |
-| `containerCustomStyle`        | Optional styles for Scrollview's global wrapper                                                                                                                                                                                                                                                                                                                                                                                                                                            | View Style Object          | `{}`                                                  | All      | yes               |
-| `contentContainerCustomStyle` | Optional styles for Scrollview's items container                                                                                                                                                                                                                                                                                                                                                                                                                                           | View Style Object          | `{}`                                                  | All      | yes               |
-| `inactiveSlideOpacity`        | Value of the opacity effect applied to inactive slides                                                                                                                                                                                                                                                                                                                                                                                                                                     | Number                     | `0.7`                                                 | All      | yes               |
-| `inactiveSlideScale`          | Value of the 'scale' transform applied to inactive slides                                                                                                                                                                                                                                                                                                                                                                                                                                  | Number                     | `0.9`                                                 | All      | yes               |
-| `layoutCardOffset`            | Use to increase or decrease the default card offset in both 'stack' and 'tinder' layouts.                                                                                                                                                                                                                                                                                                                                                                                                  | Number                     | `18` for the 'stack' layout, `9` for the 'tinder' one | All      | yes               |
-| `slideStyle`                  | Optional style for each item's container (the one whose scale and opacity are animated)                                                                                                                                                                                                                                                                                                                                                                                                    | Animated View Style Object | `{}`                                                  | All      | yes               |
-
-### 回调
-
-| Prop                             | Description                                                                        | Type     | Default     | latform | HarmonyOS Support |
+| Prop                             | Description                                                                        | Type     | Required     | Platform | HarmonyOS Support |
 | -------------------------------- | ---------------------------------------------------------------------------------- | -------- | ----------- | ------- | ----------------- |
-| `onLayout(event)`                | Exposed `View` callback; invoked on mount and layout changes                       | Function | `undefined` | All     | yes               |
-| `onScroll(event)`                | Exposed `ScrollView` callback; fired while scrolling                               | Function | `undefined` | All     | yes               |
-| `onBeforeSnapToItem(slideIndex)` | Callback fired when the new active item has been determined, before snapping to it | Function | `undefined` | All     | yes               |
-| `onSnapToItem(slideIndex)`       | Callback fired after snapping to an item                                           | Function | `undefined` | All     | yes               |
+| `onLayout(event)`                | Exposed `View` callback; invoked on mount and layout changes                       | Function | `no` | All     | yes               |
+| `onScroll(event)`                | Exposed `ScrollView` callback; fired while scrolling                               | Function | `no` | All     | yes               |
+| `onBeforeSnapToItem(slideIndex)` | Callback fired when the new active item has been determined, before snapping to it | Function | `no` | All     | yes               |
+| `onSnapToItem(slideIndex)`       | Callback fired after snapping to an item                                           | Function | `no` | All     | yes               |
 
-## 开源协议
+## 遗留问题
+- [ ] enableMomentum属性在ios设备上效果不明显，Harmony上效果使用正常: [issue#1](https://github.com/react-native-oh-library/react-native-snap-carousel/issues/4)
 
-本项目基于 [The MIT License (MIT)](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FShopify%2Fflash-list%2Fblob%2Fmain%2FLICENSE.md) ，请自由地享受和参与开源。
+## 其他
+
+## 开源协议
 
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-snap-carousel/blob/sig/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 27191c77fb5d06dcae4c49ed04c09f46cd1088b8 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Tue, 20 Aug 2024 09:22:47 +0000
Subject: [PATCH 421/966] =?UTF-8?q?!1332=20docs:=20=20[Issues:=20#IAJH8N]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-gifted-charts=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IAJH8N?=
 =?UTF-8?q?]=20=E4=BF=AE=E6=94=B9react-native-gifted-charts=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-gifted-charts.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-gifted-charts.md b/zh-cn/react-native-gifted-charts.md
index d8735db9..48077a16 100644
--- a/zh-cn/react-native-gifted-charts.md
+++ b/zh-cn/react-native-gifted-charts.md
@@ -1000,8 +1000,10 @@ export default function () {
 
 ## 遗留问题
 
-- [ ] PieChart设置圆环设置为3D，中间圆环显示问题 [issue#7](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/7)
-- [ ] BarChart设置barBackgroundPattern显示问题 [issue#6](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/6)
+- [ ] PieChart设置圆环设置为3D，中间圆环显示问题，svg问题。 [issue#7](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/7)
+- [X] BarChart设置barBackgroundPattern显示问题，svg问题。 [issue#6](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/6)
+- [ ] LineChart设置customDataPoint不显示，svg问题。 [issue#8](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/8)
+- [ ] PieChartPro饼图设置animated为true，动画会卡顿，RN框架问题。 [issue#9](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/9)
 
 ## 其他
 

From a54c8fb920f71b45f33db42fb8e96b0578c54f14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Tue, 20 Aug 2024 13:46:43 +0000
Subject: [PATCH 422/966] =?UTF-8?q?!1395=20docs:=20[#IALC1X]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E6=80=BB=E8=A7=88=E8=A1=A8=20react-native-clippath=20?=
 =?UTF-8?q?=E7=9A=84=E6=96=87=E6=A1=A3=E8=B7=B3=E8=BD=AC=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=20*=20docs:=20[#IALC1X]=20=E4=BF=AE=E6=94=B9=E6=80=BB=E8=A7=88?=
 =?UTF-8?q?=E8=A1=A8=20react-native-clippath=20=E7=9A=84=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 2 +-
 zh-cn/README.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index d02f7291..fce7041d 100644
--- a/README.md
+++ b/README.md
@@ -157,7 +157,7 @@
 | 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
 | 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
 | 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −         | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
-| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                 | [链接](/zh-cn/react-native-clippathview.md)                    |
+| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                 | [链接](/zh-cn/react-native-clippath-capi.md)                    |
 | 129 | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
 | 130 | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
 | 131 | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index d02f7291..fce7041d 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -157,7 +157,7 @@
 | 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
 | 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
 | 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −         | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
-| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                 | [链接](/zh-cn/react-native-clippathview.md)                    |
+| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                 | [链接](/zh-cn/react-native-clippath-capi.md)                    |
 | 129 | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
 | 130 | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
 | 131 | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |

From d1052e8299ecc02a2d6876c8559e638b8481cf5f Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Wed, 21 Aug 2024 01:20:21 +0000
Subject: [PATCH 423/966] =?UTF-8?q?!1306=20docs:=20[Issues:=20#IAIQXK]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-safe-modules=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAIQXK]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-safe-modules=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-safe-modules.md | 140 +++++++++++++++++++++++++++++
 1 file changed, 140 insertions(+)
 create mode 100644 zh-cn/react-native-safe-modules.md

diff --git a/zh-cn/react-native-safe-modules.md b/zh-cn/react-native-safe-modules.md
new file mode 100644
index 00000000..f2164016
--- /dev/null
+++ b/zh-cn/react-native-safe-modules.md
@@ -0,0 +1,140 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-safe-modules</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/emilioicai/react-native-safe-modules">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/emilioicai/react-native-safe-modules/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-modules)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-safe-modules@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-safe-modules@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, Button } from 'react-native';
+import SafeModule from 'react-native-safe-modules';
+
+const App = () => {
+  const myModule = SafeModule.create({
+    moduleName: 'MyNativemodule',
+    mock: {
+      someAPI: () => 'doSomething'
+    }
+  })
+  myModule.someAPI()
+  
+  const NativeLottieView = SafeModule.component({
+    viewName: 'LottieAnimationView',
+    mockComponent: View,
+  });
+  
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <NativeLottieView
+        style={{ backgroundColor: 'red', width: 100, height: 100 }}
+      />
+    </View>
+  );
+};
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases)
+
+## API
+
+### SafeModule.create(options)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| options.moduleName  |     the name, or array of names, to look for the module at on the NativeModules namespace.     | string/string[]  |    yes    |  iOS,Android  |         yes        |
+| options.mock  |   The mock implementation of the native module.     | object  |    yes    |  iOS,Android  |         yes        |
+| options.getVersion  |   A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.   | Function  |    no    |  iOS,Android  |         yes        |
+| options.versionOverrides  |    A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...).    | object  |    no    |  iOS,Android  |         yes        |
+| options.isEventEmitter  |   A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.     | boolean  |    no    |  iOS,Android  |         yes        |
+
+### SafeModule.module(options)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| options.moduleName  |     the name, or array of names, to look for the module at on the NativeModules namespace.     | string/string[]  |    yes    |  iOS,Android  |         yes        |
+| options.mock  |   The mock implementation of the native module.     | object  |    yes    |  iOS,Android  |         yes        |
+| options.getVersion  |   A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.   | Function  |    no    |  iOS,Android  |         yes        |
+| options.versionOverrides  |    A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...).    | object  |    no    |  iOS,Android  |         yes        |
+| options.isEventEmitter  |   A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.     | boolean  |    no    |  iOS,Android  |         yes        |
+
+
+### SafeModule.component(options)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|              Name              | Description |         Type        | Required | Platform | HarmonyOS Support  |
+| ------------------------------ | ----------- | ------------------- | -------- | -------- | ------------------ |
+|   options.viewName             |  传入的组件名称  |  string/string[]    |   yes    | iOS,Android |         yes        |
+|   options.mockComponent        |  传入一个模拟的组件，当viewName查找不到的时候，component会返回这个模拟的组件  |  React.ComponentType\<T>    |   yes    | iOS,Android |         yes        |
+|   options.componentOverrides   |  根据版本获取其中定义的组件，如果和viewName相同，覆盖原生组件的React组件，需要确保返回的React组件是有效的  |  object             |   no     | no         |         no        |
+|   options.propOverrides        |  根据版本获取其中定义的组件属性，如果是相同组件的相同属性，根据版本覆盖原生组件的属性，需要确保覆盖的属性在原生组件中存在  |  object             |   no     | no         |         no        |
+|   options.mock                 |  原生模块的模拟实现，原生模块中存在什么成员，可使用该属性自己模拟编写  |  object             |   no     | no         |         no        |
+|   options.getVersion           |  返回本机模块版本的函数。仅在指定替代且不导出本机模块上的版本属性时才需要。默认值为x => x.VERSION。  |  Function           |   no     | no         |         no        |
+
+
+## 遗留问题
+
+## 其他
+
+- component接口问题： 该接口在iOS和Android上均无法正常使用，不管输入的viewName是什么，都只会返回用户传递的mockComponent，无法获得封装后的组件，HarmonyOS与其表现一致:[issue#19](https://github.com/emilioicai/react-native-safe-modules/issues/19)。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/emilioicai/react-native-safe-modules/blob/master/LICENSE) ，请自由地享受和参与开源。

From 6f8168fbf6d90d502073324208c495a510b50673 Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Wed, 21 Aug 2024 01:41:49 +0000
Subject: [PATCH 424/966] =?UTF-8?q?!1364=20fix:=20[Issues:=20#IAK9IY]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-elements=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=BE=9D=E8=B5=96=E5=BC=95=E5=85=A5=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=20*=20fix:=20[Issues:=20#IAK9IY]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=20react-native-elements=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E4=BE=9D=E8=B5=96=E5=BC=95=E5=85=A5=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-elements.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index b2e1ce88..6c5c8d51 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -29,14 +29,14 @@
 
 ```bash
 npm install @rneui/themed@4.0.0-rc.8
-npm install @rneui/base@4.0.0-rc.8
+npm install @rneui/base@4.0.0-rc.7
 ```
 
 #### **yarn**
 
 ```bash
 yarn add @rneui/themed@4.0.0-rc.8
-yarn add @rneui/base@4.0.0-rc.8
+yarn add @rneui/base@4.0.0-rc.7
 ```
 
 <!-- tabs:end -->

From 29b195cc4445c550199cfc39532282f22aebff64 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Wed, 21 Aug 2024 04:15:59 +0000
Subject: [PATCH 425/966] =?UTF-8?q?!1367=20docs:=20=20[Issues:=20#IAKE7T]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-email-link=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IAKE7T]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-email-link=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-email-link.md | 289 +++++++++++++++++++++++++++++++
 1 file changed, 289 insertions(+)
 create mode 100644 zh-cn/react-native-email-link.md

diff --git a/zh-cn/react-native-email-link.md b/zh-cn/react-native-email-link.md
new file mode 100644
index 00000000..804613dc
--- /dev/null
+++ b/zh-cn/react-native-email-link.md
@@ -0,0 +1,289 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-email-link</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tschoffelen/react-native-email-link">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/tschoffelen/react-native-email-link/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-email-link)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-email-link@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-email-link@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import {
+  SafeAreaView,
+  View,
+  StyleSheet,
+  Text,
+  StatusBar,
+  Button,
+} from "react-native";
+import {
+  getEmailClients,
+  openInbox,
+  openComposer,
+} from "react-native-email-link";
+
+export function EmailLinkExample() {
+  const [emailClients, setEmailClients] = useState(
+    "点击getEmailClients按钮获取邮箱信息"
+  );
+  return (
+    <SafeAreaView style={styles.container}>
+      <View style={styles.wrapper}>
+        <Text style={styles.text}>{emailClients}</Text>
+        <Button
+          title="getEmailClients"
+          onPress={async () => {
+            let clients = await getEmailClients();
+            setEmailClients(JSON.stringify(clients));
+          }}
+        />
+
+        <Button
+          title="openInbox-without-app"
+          onPress={() => {
+            openInbox();
+          }}
+        />
+
+        <Button
+          title="openInbox-with-app"
+          onPress={() => {
+            openInbox({
+              app: "mail",
+            });
+          }}
+        />
+
+        <Button
+          title="openComposer-without-app"
+          onPress={() => {
+            openComposer({
+              to: "support@example.com",
+              cc: "cc@example.com",
+              bcc: "bcc@example.com",
+              subject: "I have a question",
+              body: "Hi, can you help me with...",
+            });
+          }}
+        />
+
+        <Button
+          title="openComposer-with-app"
+          onPress={() => {
+            openComposer({
+              app: "mail",
+              to: "support@example.com",
+              cc: "cc@example.com",
+              bcc: "bcc@example.com",
+              subject: "I have a question",
+              body: "Hi, can you help me with...",
+            });
+          }}
+        />
+      </View>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    marginTop: StatusBar.currentHeight,
+  },
+  item: {
+    backgroundColor: "#f9c2ff",
+    justifyContent: "center",
+    marginVertical: 8,
+    marginHorizontal: 16,
+    padding: 20,
+  },
+  title: {
+    fontSize: 24,
+  },
+  wrapper: {
+    height: 200,
+  },
+  text: {
+    marginBottom: 20,
+    color: "white",
+    textAlign: "center",
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-email-link": "file:../../node_modules/@react-native-oh-tpl/react-native-email-link/harmony/email_link.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNEmailLinkPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNEmailLinkPackage} from '@react-native-oh-tpl/react-native-email-link/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNEmailLinkPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `openInbox`       | Directly open the inbox of the default mail client on your device.                                     | function | No       | All      | yes               |
+| `openComposer`    | Used to open a new email authoring interface that allows users to create emails directly from the app. | function | No       | All      | yes               |
+| `getEmailClients` | Get a list of all supported mail client applications installed on the device.                          | function | No       | All      | yes               |
+
+**openInbox 方法参数**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
+| `title` | Text for the top of the ActionSheet or Intent | string | no | All | no |
+| `message` | Subtext under the title on the ActionSheet | string | no | iOS | no |
+| `cancelLabel` | Text for last button of the ActionSheet | string | no | iOS | no |
+| `removeText` | If true, not text will be show above the ActionSheet or Intent. Default value is false | boolean | no | All | no |
+| `defaultEmailLabel` | Text for first button of the ActionSheet | function | no | iOS | no |
+| `newTask` | If true, the email Intent will be started in a new Android task. Else, the Intent will be launched in the current task | boolean | no | Android | no |
+
+**openComposer 方法参数**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
+| `app` | App to open the composer with| string | no | All | yes |
+| `title` | Text for the top of the ActionSheet or Intent | string | no | All | no |
+| `message` | Subtext under the title on the ActionSheet | string | no | iOS | no |
+| `cancelLabel` | Text for last button of the ActionSheet | string | no | iOS | no |
+| `removeText` | If true, not text will be show above the ActionSheet or Intent. Default value is false | boolean | no | All | no |
+| `defaultEmailLabel` | Text for first button of the ActionSheet | function | no | iOS | no |
+| `to` | Recipient's email address | string | no | All | yes |
+| `cc` | Email's cc | string | no | All | yes |
+| `bcc` | Email's bcc | string | no | All | yes |
+| `subject` | Email's subject | string | no | All | yes |
+| `body` | Email's body | string | no | All | yes |
+| `encodeBody` | Apply encodeURIComponent to the email's body | boolean | no | All | yes |
+
+## 遗留问题
+
+- [ ] 目前只支持 harmonyOS 系统自带邮箱，本库支持邮箱均未适配harmonyOS Next。[issues#5](https://github.com/react-native-oh-library/react-native-email-link/issues/5)
+
+## 其他
+
+- title、message、cancelLabel、 removeText、defaultEmailLabel、newTask属性暂不支持，与iOS表现一致。[issue#141](https://github.com/tschoffelen/react-native-email-link/issues/141)。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/tschoffelen/react-native-email-link/blob/master/LICENSE) ，请自由地享受和参与开源。

From 724b4322c80e52ae3745f477e5479c4640b35308 Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Wed, 21 Aug 2024 06:23:56 +0000
Subject: [PATCH 426/966] =?UTF-8?q?!1343=20docs:=20[#IAG9AD]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-notifier=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E6=96=B0=E5=A2=9Ereact-native-notifier?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-notifier.md | 226 +++++++++++++++++++++++++++++++++
 1 file changed, 226 insertions(+)
 create mode 100644 zh-cn/react-native-notifier.md

diff --git a/zh-cn/react-native-notifier.md b/zh-cn/react-native-notifier.md
new file mode 100644
index 00000000..789d66f4
--- /dev/null
+++ b/zh-cn/react-native-notifier.md
@@ -0,0 +1,226 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-notifier</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/seniv/react-native-notifier">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/seniv/react-native-notifier/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+>[!TIP] [Github 地址](https://github.com/seniv/react-native-notifier)
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-native-notifier@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-notifier@2.0.0
+```
+
+
+
+下面的代码展示了这个库的基本使用场景：
+
+
+```js
+import * as React from 'react';
+import { View, Text,SafeAreaView,TouchableOpacity } from "react-native";
+
+import {Notifier, NotifierWrapper  } from 'react-native-notifier';
+
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export const Notifier = () => {
+  return (
+ <>
+<SafeAreaView style={{ flex: 1 }}>
+ <GestureHandlerRootView style={{ flex: 1 }}>
+   <NotifierWrapper>
+     <TouchableOpacity  
+         style={{
+         alignItems: 'center',
+         borderRadius: 5,
+         marginHorizontal: 10,
+         backgroundColor: '#007BFF',
+         padding: 15,
+         marginTop: 10,
+         marginBottom:10
+         }}
+         onPress={() =>
+         Notifier.showNotification({
+         title: '基本测试',
+         description: '基本测试',
+        })
+    }>
+       <Text >onPress</Text>
+     </TouchableOpacity>
+   </NotifierWrapper>
+ </GestureHandlerRootView>
+</SafeAreaView>
+ </>
+)
+};
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+## 约束与限制
+### 兼容性
+
+本文档内容基于以下版本验证通过:
+
+1. RNOH: 0.72.28; SDK: HarmonyOS-NEXT-DB1 5.0.0.31; IDE: DevEco Studio 5.0.3.500; ROM: 3.0.0.25;
+
+## 属性
+
+详细请查看 [react-native-notifier 的文档介绍](https://github.com/seniv/react-native-notifier)
+
+Both `NotifierWrapper` and `NotifierRoot` receive the same props.
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| omitGlobalMethodsHookup  | If set to `true`, global `Notifier` methods will not control this component. It's useful in case you have more than one `NotifierWrapper` or `NotifierRoot` rendered. If enabled, the only way to display notifications is using refs. | Boolean  | yes | All      | No |
+| useRNScreensOverlay  | use `FullWindowOverlay` component from `react-native-screens` library. If `true`, Notifier will be rendered above NativeStackNavigation modals and RN Modal on iOS. This Option will work only if `react-native-screens` library is installed. iOS Only. | Boolean  | yes | iOS      | No |
+| rnScreensOverlayViewStyle  | Style that will be used for RN View that is inside of FullWindowOverlay. iOS Only. | ViewStyle  | yes | iOS      | No |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| showNotification  | Show notification with params. | Function  | yes | All      | yes |
+| hideNotification  |Hide notification and run callback function when notification completely hidden. | Function  | yes | All      | yes |
+| clearQueue  |Clear [notifications queue](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) and optionally hide currently displayed notification. Might be useful to run after logout, after which queued notifications should not be displayed.| Function  | yes | All      | yes |
+
+### `showNotification`
+```
+Notifier.showNotification(params: object);
+```
+
+`params`
+
+| Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| title  | Title of notification. Passed to Component. | String| Yes | All  |Yes  |
+| description |Description of notification. Passed to Component. | String | Yes | All    | Yes    |
+| duration |Time after notification will disappear. Set to 0 to not hide notification automatically  | Number | No |All    | Yes   
+| Component |Component of the notification body. You can use one of the [bin components](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components), or your [custom component](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-component).  | Component | No |All    | Yes   
+| componentProps | Additional props that are passed to Component. See all available props of built-in components in the [components section](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components).  | Object | No |All    | Yes   
+| containerStyle |tyles Object or a Function that will receive translateY: Animated.Value as first parameter and should return Styles that will be used in container. Using this parameter it is possible to create[ your own animations of the notification](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-animations).   | bool |No | All    | Yes   
+| containerProps | 	Props of Animated Container  | Object |No | All    | Yes  
+| queueMode | Determines the order in which notifications are shown. Read more in the [Queue Mode](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) section.  | String |No | All    | Yes  
+| swipeEnabled |Can notification be hidden by swiping it out | bool |No | All    | Yes  
+| animationDuration | How fast notification will appear/disappear | Number |No | All    | Yes  
+| showAnimationDuration | How fast notification will appear.   | Number |No | All    | Yes  
+| hideAnimationDuration	 | How fast notification will disappear.| Number |No | All    | Yes 
+| easing | Animation easing. Details:[easing](https://reactnative.dev/docs/easing)  | Easing |No | All    | Yes   
+| showEasing | Show Animation easing.| Easing |No | All    | Yes   
+| hideEasing |Hide Animation easing. | Easing |No | All    | Yes   
+| onShown | Function called when entering animation is finished | () => void |No | All    | Yes  
+| onStartHiding | Function called when notification started hiding | () => void |No | All    | Yes  
+| onHidden |Function called when notification completely hidden | () => void |No | All    | Yes  
+| onPress | Function called when user press on notification | () => void |No | All    | Yes  
+| hideOnPress | Should notification hide when user press on it| Boolean |No | All    | Yes  
+| swipePixelsToClose	 | How many pixels user should swipe-up notification to dismiss it | Number |No | All    | Yes  
+| swipeEasing	 | Animation easing after user finished swiping | Easing |No | All    | Yes  
+| swipeAnimationDuration	 | How fast should be animation after user finished swiping | Number |No | All    | Yes  
+| translucentStatusBar	 | Add additional top padding that equals to StatusBar.currentHeight. Android Only. | Number |No | Android    | No  
+
+### `hideNotification`
+```
+Notifier.hideNotification(onHiddenCallback?: (result: Animated.EndResult) => void);
+```
+
+### `clearQueue`
+```
+Notifier.clearQueue(hideDisplayedNotification?: boolean);
+```
+
+## Queue Mode
+
+Queue mode is used to define the order in which the notification appears in case other notifications are being displayed at the moment.
+
+For example, if you have some important information like chat messages and you want the user to see all the notifications, then you can use `standby` mode. Or if you want to display something like an error message, then you can use `reset` mode.
+
+By default, `reset` mode is used, which means every new notification clears the queue and gets displayed immediately.
+
+In most cases, you will probably use only `reset` or `standby` modes.
+
+All possible modes:
+| Mode                |   Effect                                          |                
+| ------------------- | ------------------------------------ | 
+| reset | Clear notification queue and immediately display the new notification. Used by default.
+| standby | Add notification to the end of the queue.
+| next | Put notification in the first place in the queue. Will be shown right after the current notification disappears.
+| immediate | Similar to next, but also it will hide currently displayed notification.
+
+## 静态方法
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### `NotifierComponents.Notifications`
+Currently, there are 2 components out of the box. If none of them fits your needs, then you can easily create your [Custom Component].
+
+| Name | Type | Default |  Description |  Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- |  -------- |  ---- |  -------- | 
+| title  | String | null  | Title of notification. | All | Yes
+| description  | String | null  | Description of notification. | All | Yes
+| componentProps.titleStyle  | TextStyle | null  | The style to use for rendering title. | All | Yes
+| componentProps.descriptionStyle  | TextStyle | null  |The style to use for rendering description. | All | Yes
+| componentProps.imageSource  | Object | null  | Passed to <Image /> as source param. | All | Yes
+| componentProps.imageStyle  | ImageStyle | null  | The style to use for rendering image. | All | Yes
+| componentProps.containerStyle  | ViewStyle | null  | The style to use for notification container. | All | Yes
+| componentProps.ContainerComponent  | Component | SafeAreaView  | A container of the component. Set it in case you use different SafeAreaView than the standard | All | Yes
+| componentProps.maxTitleLines  | number | null  | The maximum number of lines to use for rendering title. | All | Yes
+| componentProps.maxDescriptionLines  | number | null  | The maximum number of lines to use for rendering description. | All | Yes
+
+### `NotifierComponents.Alert`
+
+| Name | Type | Default |  Description | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- |  -------- | ---- |  -------- |
+| title  | String | null  | Title of notification. |  All | Yes
+| description  | String | null  | Description of notification. |  All | Yes
+| componentProps.titleStyle  | TextStyle | null  | The style to use for rendering title. |  All | Yes
+| componentProps.descriptionStyle  | TextStyle | null  |The style to use for rendering description. |  All | Yes
+|componentProps.alertType  | String | 'success'  |Background color will be changed depending on the type. Available values: error(red), success(green), warn(orange) and info(blue). |  All | Yes
+| componentProps.backgroundColor | String | null  | While the background of the alert depends on alertType, you can also set the other color you want. |  All | Yes
+| componentProps.textColor  | String | 'white'  | Color of title and description. |  All | Yes
+| componentProps.ContainerComponent  | Component | SafeAreaView  | A container of the component. Set it in case you use different SafeAreaView than the standard |  All | Yes
+| componentProps.maxTitleLines  | number | null  | The maximum number of lines to use for rendering title. |  All | Yes
+| componentProps.maxDescriptionLines  | number | null  | The maximum number of lines to use for rendering description. | All | Yes
+
+## 遗留问题
+
+- [ ] translucentStatusBar状态栏透明在HarmonyOS不支持,useRNScreensOverlay,rnScreensOverlayViewStyle两个属性依赖于react-native-screens，暂未适配harmonyOS  
+
+## 其他
+
+- omitGlobalMethodsHookup源库属性未生效 问题：[issues#102](https://github.com/seniv/react-native-notifier/issues/102) 
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/seniv/react-native-notifier/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file

From 8b5b47c36c34ff214bb3ed4739a0fb79b603191a Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Wed, 21 Aug 2024 07:38:08 +0000
Subject: [PATCH 427/966] =?UTF-8?q?!1390=20=E6=96=B0=E5=A2=9Ereact-native-?=
 =?UTF-8?q?video=E5=BA=93=E6=9C=AA=E5=AE=9E=E7=8E=B0=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E5=92=8C=E6=96=B9=E6=B3=95=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAL92Y]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-video=E5=BA=93=E6=9C=AA=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E5=92=8C=E6=96=B9=E6=B3=95=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-video.md | 108 +++++++++++++++++++++++++++---------
 1 file changed, 83 insertions(+), 25 deletions(-)

diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index 92e97961..d53eb1c5 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -424,8 +424,9 @@ export default RNCVideoDemo;
 
 ```json
 "dependencies": {
+   ...
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-  + "@react-native-oh-tpl/react-native-video": "file:../../node_modules/@react-native-oh-tpl/react-native-video/harmony/rn_video.har"
+    "@react-native-oh-tpl/react-native-video": "file:../../node_modules/@react-native-oh-tpl/react-native-video/harmony/rn_video.har"
   }
 ```
 
@@ -449,9 +450,16 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
@@ -460,11 +468,13 @@ add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-video/src/main/cpp" ./video)
 # RNOH_BEGIN: manual_package_linking_1
 
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
 # RNOH_BEGIN: manual_package_linking_2
@@ -477,6 +487,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "RNCVideoPackage.h"
 
@@ -484,6 +495,7 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
       std::make_shared<SamplePackage>(ctx),
 +     std::make_shared<RNCVideoPackage>(ctx)
     };
@@ -495,15 +507,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
-import {
-  RNApp,
-  ComponentBuilderContext,
-  RNAbility,
-  AnyJSBundleProvider,
-  MetroJSBundleProvider,
-  ResourceJSBundleProvider,
-} from 'rnoh'
-import { createRNPackages } from '../RNPackagesFactory'
+  ...
 + import { RNCVideo, RNC_VIDEO_TYPE } from "@react-native-oh-tpl/react-native-video"
 
 @Builder
@@ -520,7 +524,7 @@ function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+> [!TIP] 本库使用了混合方案，需要添加组件名。
 
 在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
 
@@ -536,7 +540,7 @@ const arkTsComponentNames: Array<string> = [
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
+  ...
 + import { RNCVideoPackage } from '@react-native-oh-tpl/react-native-video/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -570,8 +574,6 @@ ohpm install
 
 详情请查看[react-native-video 官方文档](https://github.com/react-native-video/react-native-video/blob/support/5.2.X/README.md)
 
-如下是 react-native-video 已经 HarmonyOS 化的属性：
-
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
@@ -579,14 +581,51 @@ ohpm install
 | Name | Descriptio                 | Type   | Required  | Platform | HarmonyOS Support |
 | ---- | -------------------------- | :----- | --------- | -------- |------------------ |
 | `source`| Sets the media source. You can pass an asset loaded via require or an object with a uri.| object | Yes      | All                                                      | partially<br/>(仅支持网络适配) |
-| `disableFocus`     | Determines whether video audio should override background music/audio in Android and HarmonyOS devices.<br/>**false (default)**                                                                                                                                                                                                             | bool   | No       | Android Exoplayer                                        | yes                            |
-| `muted`            | Controls whether the audio is muted.<br/>**false (default)** - Don't mute audio                                                                                                                                                                                                                                                             | bool   | No       | All                                                      | yes                            |
-| `paused`           | Controls whether the media is paused.<br/>**false (default)** - Don't pause the media                                                                                                                                                                                                                                                       | bool   | No       | All                                                      | yes                            |
-| `repeat`           | Determine whether to repeat the video when the end is reached.<br/>**false (default)** - Don't repeat the video                                                                                                                                                                                                                             | bool   | No       | All                                                      | yes                            |
+| `disableFocus`     | Determines whether video audio should override background music/audio in Android and HarmonyOS devices.<br/>**false (default)**                                                                                                                                                                                                             | boolean   | No       | Android Exoplayer                                        | yes                            |
+| `muted`            | Controls whether the audio is muted.<br/>**false (default)** - Don't mute audio                                                                                                                                                                                                                                                             | boolean   | No       | All                                                      | yes                            |
+| `paused`           | Controls whether the media is paused.<br/>**false (default)** - Don't pause the media                                                                                                                                                                                                                                                       | boolean   | No       | All                                                      | yes                            |
+| `repeat`           | Determine whether to repeat the video when the end is reached.<br/>**false (default)** - Don't repeat the video                                                                                                                                                                                                                             | boolean   | No       | All                                                      | yes                            |
 | `resizeMode`       | Determines how to resize the video when the frame doesn't match the raw video dimensions.<br/>**"none" (default)** - Don't apply resize                                                                                                                                                                                                     | string | No       | Android ExoPlayer, Android MediaPlayer, iOS, Windows UWP | yes                            |
 | `volume`           | Adjust the volume.<br/>**1.0 (default)** - Play at full volume                                                                                                                                                                                                                                                                              | number | No       | All                                                      | yes                            |
 | `poster`           | An image to display while the video is loading<br/>Value: string with a URL for the poster, e.g. "<https://baconmockup.com/300/200/>"                                                                                                                                                                                                       | string | No       | All                                                      | yes                            |
 | `posterResizeMode` | Determines how to resize the poster image when the frame doesn't match the raw video dimensions..<br/>**"contain" (default)**- Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding). | string | No       | All                                                      | yes                            |
+| `allowsExternalPlayback` | Indicates whether the player allows switching to external playback mode such as AirPlay or HDMI.              | boolean   | No  | iOS | No |
+| `audioOnly` | Indicates whether the player should only play the audio track and instead of displaying the video track, show the poster instead.  | boolean   | No  | All | No |
+| `onPlaybackStalled` | The callback when the buffer starts caching, controls the display of the loading view  | boolean   | No  | Android | No |
+| `onPlaybackResume` | The callback when the buffer ends caching, controlling the hiding of the loading view  | boolean   | No  | Android | No |
+| `automaticallyWaitsToMinimizeStalling` | A Boolean value that indicates whether the player should automatically delay playback in order to minimize stalling. For clients linked against iOS 10.0 and later  | boolean   | No  | iOS | No |
+| `bufferConfig` | Adjust the buffer settings. This prop takes an object with one or more of the properties listed below.  | object   | No  | Android | No |
+| `controls` |Determines whether to show player controls.  | boolean   | No  | All | No |
+| `currentPlaybackTime` |When playing an HLS live stream with a EXT-X-PROGRAM-DATE-TIME tag configured, then this property will contain the epoch value in msec.| string | No  | All | No |
+| `filter` |Add video filter| string | No  | iOS | No |
+| `filterEnabled` |Enable video filter.| string | No  | iOS | No |
+| `fullscreen` |Controls whether the player enters fullscreen on play.| boolean | No  | iOS | No |
+| `fullscreenAutorotate` |If a preferred fullscreenOrientation is set, causes the video to rotate to that orientation but permits rotation of the screen to orientation held by user. Defaults to TRUE.| boolean | No  | iOS | No |
+| `fullscreenOrientation` |Full screen orientation is set.| string | No  | iOS | No |
+| `headers` |Pass headers to the HTTP client. Can be used for authorization. Headers must be a part of the source object.| object | No  | Android | No |
+| `hideShutterView` |Controls whether the ExoPlayer shutter view (black screen while loading) is enabled.| boolean | No  | Android | No |
+| `id` |Set the DOM id element so you can use document.getElementById on web platforms. Accepts string values.| string | No  | All | No |
+| `ignoreSilentSwitch` |Controls the iOS silent switch behavior| string | No  | iOS | No |
+| `maxBitRate` |Sets the desired limit, in bits per second, of network bandwidth consumption when multiple video streams are available for a playlist.| number | No  | All | No |
+| `minLoadRetryCount` |Sets the minimum number of times to retry loading data before failing and reporting an error to the application. Useful to recover from transient internet failures.| number | No  | Android | No |
+| `mixWithOthers` |Controls how Audio mix with other apps.| string | No  | iOS | No |
+| `pictureInPicture` |Determine whether the media should played as picture in picture.| boolean | No  | iOS | No |
+| `playInBackground` |Determine whether the media should continue playing while the app is in the background. This allows customers to continue listening to the audio.| boolean | No  | All | No |
+| `playWhenInactive` |Determine whether the media should continue playing when notifications or the Control Center are in front of the video.| boolean | No  | iOS | No |
+| `preferredForwardBufferDuration` |The duration the player should buffer media from the network ahead of the playhead to guard against playback disruption. Sets the preferredForwardBufferDuration instance property on AVPlayerItem.| number | No  | iOS | No |
+| `preventsDisplaySleepDuringVideoPlayback` |Controls whether or not the display should be allowed to sleep while playing the video. Default is not to allow display to sleep.| boolean | No  | All | No |
+| `progressUpdateInterval` |Delay in milliseconds between onProgress events in milliseconds.| number | No  | iOS | No |
+| `rate` |Speed at which the media should play.| number | No  | All | No |
+| `reportBandwidth` |Determine whether to generate onBandwidthUpdate events. This is needed due to the high frequency of these events on ExoPlayer.| boolean | No  | Android | No |
+| `selectedAudioTrack` |Configure which audio track, if any, is played.| object | No  | All | No |
+| `selectedTextTrack` |Configure which text track (caption or subtitle), if any, is shown.| object | No  | All | No |
+| `selectedVideoTrack` |Configure which video track should be played. By default, the player uses Adaptive Bitrate Streaming to automatically select the stream it thinks will perform best based on available bandwidth.| object | No  | Android | No |
+| `stereoPan` |Adjust the balance of the left and right audio channels. Any value between –1.0 and 1.0 is accepted.| number | No  | Android | No |
+| `textTracks` |Load one or more "sidecar" text tracks. This takes an array of objects representing each track. | object | No  | All | No |
+| `trackId` |Configure an identifier for the video stream to link the playback context to the events emitted. | string | No  | Android | No |
+| `useTextureView` |Controls whether to output to a TextureView or SurfaceView. | boolean | No  | Android | No |
+
+
 
 ## 事件回调
 
@@ -603,8 +642,25 @@ ohpm install
 | `onEnd`             | Callback function that is called when the player reaches the end of the media.                                                       | function | No       | All                                              | yes               |
 | `onError`           | Callback function that is called when the player experiences a playback error.                                                       | function | No       | All                                              | yes               |
 | `onBuffer`          | Callback function that is called when the player buffers.                                                                            | function | No       | Android, iOS                                     | yes               |
-| `onPlaybackStalled` | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_START                                                                     | function | No       | Android MediaPlayer                              | yes               |
-| `onPlaybackResume`  | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_END                                                                       | function | No       | Android MediaPlayer                              | yes               |
+| `onPlaybackStalled` | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_START     | function | No       | Android MediaPlayer                              | yes               |
+| `onPlaybackResume`  | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_END | function | No    | Android MediaPlayer  | yes  |
+| `onAudioBecomingNoisy`  | Callback function that is called when the audio is about to become 'noisy' due to a change in audio outputs. Typically this is called when audio output is being switched from an external source like headphones back to the internal speaker. It's a good idea to pause the media when this happens so the speaker doesn't start blasting sound. | function | No    | All  | No  |
+| `onBandwidthUpdate` | Callback function that is called when the available bandwidth changes.     | function | No       | Android   | No  |
+| `onExternalPlaybackChange` | Callback function that is called when external playback mode for current playing video has changed. Mostly useful when connecting/disconnecting to Apple TV – it's called on connection/disconnection.    | function | No       | iOS   | No  |
+| `onFullscreenPlayerWillPresent` | Callback function that is called when the player is about to enter fullscreen mode.    | function | No       | All   | No  |
+| `onFullscreenPlayerDidPresent` |Callback function that is called when the player has entered fullscreen mode.   | function | No       | All   | No  |
+| `onFullscreenPlayerWillDismiss` |Callback function that is called when the player is about to exit fullscreen mode.   | function | No       | All   | No  |
+| `onFullscreenPlayerDidDismiss` |Callback function that is called when the player has exited fullscreen mode.  | function | No       | All   | No  |
+| `onLoadStart` |Callback function that is called when the media starts loading.  | function | No       | All   | No  |
+| `onReadyForDisplay` |Callback function that is called when the first video frame is ready for display. This is when the poster is removed.  | function | No       | All   | No  |
+| `onPictureInPictureStatusChanged` |Callback function that is called when picture in picture becomes active or inactive.  | function | No       | IOS   | No  |
+| `onPlaybackRateChange` |Callback function that is called when the rate of playback changes - either paused or starts/resumes. | function | No       | All   | No  |
+| `onSeek` |Callback function that is called when a seek completes. | function | No       | All   | No  |
+| `onRestoreUserInterfaceForPictureInPictureStop` |Callback function that corresponds to Apple's restoreUserInterfaceForPictureInPictureStopWithCompletionHandler. Call restoreUserInterfaceForPictureInPictureStopCompleted inside of this function when done restoring the user | function | No       | iOS   | No  |
+| `onTimedMetadata` |Callback function that is called when timed metadata becomes available | function | No       | All   | No  |
+
+
+
 
 ## 静态方法
 
@@ -615,16 +671,18 @@ ohpm install
 | Name     | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
 | -------- | -------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
 | `seek()` | Seek to the specified position represented by seconds. seconds is a float value. | function | No       | All      | yes               |
+| `dismissFullscreenPlayer()` | Take the player out of fullscreen mode. | function | No       | All      | No              |
+| `presentFullscreenPlayer()` | Put the player in fullscreen mode. | function | No       | All      | No              |
+| `save()` | Save video to your Photos with current filter prop. Returns promise.| function | No       | iOS      | No              |
+| `restoreUserInterfaceForPictureInPictureStop()` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop.| function | No       | iOS      | No              |
 
 ## 遗留问题
 
-- [ ] source 暂时只支持在线 URL 资源问题： [issue#34](https://github.com/react-native-oh-library/react-native-video/issues/34)。
-- [ ] react-native-video 部分属性和方法未实现 HarmonyOS 化： [issue#35](https://github.com/react-native-oh-library/react-native-video/issues/35)。
+- [x] source 暂时只支持在线 URL 资源问题： [issue#34](https://github.com/react-native-oh-library/react-native-video/issues/34)。
+- [ ] react-native-video 部分属性和方法未实现 HarmonyOS 化： [issue#60](https://github.com/react-native-oh-library/react-native-video/issues/60)。
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/TheWidlarzGroup/react-native-video/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->

From 15511942bba68964b23078703cfca16a7f990039 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Wed, 21 Aug 2024 09:36:44 +0000
Subject: [PATCH 428/966] =?UTF-8?q?!1400=20=20docs:=20[Issues:=20#IALIS1]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-maps=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IALIS1]=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-maps=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-maps.md | 91 +++++++++++++++++++++-----------------
 1 file changed, 50 insertions(+), 41 deletions(-)

diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index c56263a3..2a48fe8e 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -449,11 +449,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-natvie-maps Releases](https://github.com/react-native-oh-library/react-natvie-maps/releases)
-
-本文档内容基于以下版本验证通过：
-
-1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-natvie-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases)
 
 ### 权限要求
 
@@ -471,45 +467,58 @@ ohpm install
 
 2.打开 `entry/src/main/module.json5`，添加相关配置
 
-```
-"metadata": [ // 配置如下信息 测试地图功能
-    {
-        "name": "client_id",
-        "value": "110168601"  //配置为从华为开发者平台获取的Client ID，自建项目请与开发者平台上的client id一致
-    }
- ],
-"requestPermissions": [
-      {
-        "name": "ohos.permission.APPROXIMATELY_LOCATION",
-        "usedScene": {
-          "abilities": [
-            "EntryAbility"
-          ],
-          "when": "always"
-        }
-      },
-      {
-        "name": "ohos.permission.LOCATION",
-        "usedScene": {
-          "abilities": [
-            "EntryAbility"
-          ],
-          "when": "always"
-        }
-      },
-      {
-        "name": "ohos.permission.INTERNET",
-        "usedScene": {
-          "abilities": [
-            "EntryAbility"
-          ],
-          "when": "always"
-        }
-      }
+```diff
+...
+   "metadata": [ // 配置如下信息 测试地图功能
++       {
++       "name": "client_id",
++       "value": "110168601"  //配置为从华为开发者平台获取的Client ID，自建项目请与开发者平台上的client id一致
++       }
+   ],
+   "requestPermissions": [
++      {
++        "name": "ohos.permission.APPROXIMATELY_LOCATION",
++        "reason": "$string:Access_maps",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "always"
++        }
++      },
++      {
++        "name": "ohos.permission.LOCATION",
++        "reason": "$string:Access_maps",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "always"
++       }
++      },
++     {
++        "name": "ohos.permission.INTERNET"
++      }
     ]
 ```
 
-3.打开 `工程目录/build-profile.json5` 在 app 节点下修改
+3.在 entry 目录下添加申请地图权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_maps",
++      "value": "access maps"
++    }
+  ]
+}
+```
+
+4.打开 `工程目录/build-profile.json5` 在 app 节点下修改
 
 ```
  signingConfigs: [

From 98ac14f48f2d4d69cec15da24f11d07b31222ca9 Mon Sep 17 00:00:00 2001
From: zxh <2504211630@qq.com>
Date: Wed, 21 Aug 2024 09:43:48 +0000
Subject: [PATCH 429/966] =?UTF-8?q?!1396=20docs:=20[Issues:=20#IALH9J]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9Parse-SDK-JS=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IALH9J]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9Parse-SDK-JS=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/Parse-SDK-JS.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/Parse-SDK-JS.md b/zh-cn/Parse-SDK-JS.md
index 54047578..618ec207 100644
--- a/zh-cn/Parse-SDK-JS.md
+++ b/zh-cn/Parse-SDK-JS.md
@@ -19,7 +19,7 @@
 
 > [!TIP] 需要配套的服务和三方依赖
 
-Parse JS SDK 兼容以下版本的 Parse Server。
+Parse JS SDK 兼容以下版本的 Parse Server，Parse Server服务端搭建可参考[https://github.com/parse-community/parse-server/blob/alpha/README.md](https://github.com/parse-community/parse-server/blob/alpha/README.md)。
 
 |   Parse JS SDK   |   Parse Server   |
 | :--------------: | :--------------: |

From 30a2d59df87e1812d3b3961dfff81584f09cd649 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Thu, 22 Aug 2024 01:25:37 +0000
Subject: [PATCH 430/966] =?UTF-8?q?!1381=20docs:=20[Issues:=20#IAHVC3]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-view-shot=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAHVC3]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-view-shot=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-view-shot.md | 75 ++++++++++-----------------------
 1 file changed, 22 insertions(+), 53 deletions(-)

diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index 2d123a6f..5857b2c4 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -53,11 +52,9 @@ export function ViewShotDemo() {
   const ref = React.useRef(null);
   const onCapture = (res) => {
     console.info("onCapture callback");
-    setTxt(JSON.stringify(res));
   };
   const onCaptureFailure = (err) => {
     console.info("onCaptureFailure " + JSON.stringify(err));
-    setTxt(JSON.stringify(err));
   };
 
   return (
@@ -148,6 +145,7 @@ export function ViewShotDemo() {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
     "@react-native-oh-tpl/react-native-view-shot": "file:../../node_modules/@react-native-oh-tpl/react-native-view-shot/harmony/view_shot.har"
   }
 ```
@@ -228,47 +226,6 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
-
-### 应用权限申请
-
-> [!tip] "ohos.permission.WRITE_IMAGEVIDEO"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
-
-在 `YourProject/entry/src/main/module.json5`补上配置
-
-```diff
-{
-  "module": {
-    "name": "entry",
-    "type": "entry",
-
-  ···
-
-    "requestPermissions": [
-+      {
-+        "name": "ohos.permission.WRITE_IMAGEVIDEO",
-+        "reason": '$string:app_name',
-+        "usedScene": {
-+          "abilities": [
-+            "FormAbility"
-+         ],
-+         "when":"inuse"
-+       }
-+      },
-+      {
-+        "name": "ohos.permission.READ_IMAGEVIDEO",
-+        "reason": '$string:app_name',
-+        "usedScene": {
-+          "abilities": [
-+            "FormAbility"
-+          ],
-+          "when":"inuse"
-+        }
-+      }
-    ]
-  }
-}
-```
-
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -298,9 +255,23 @@ ohpm install
 
 | Name             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Type                                   | Required | Platform     | HarmonyOS Support |
 | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | -------- | ------------ | ----------------- |
-| captureMode      | if not defined (default). the capture is not automatic and you need to use the ref and call `capture()` yourself<br /><br />`"mount"`. Capture the view once at mount. (It is important to understand image loading won't be waited, in such case you want to use `"none"` with `viewShotRef.capture()` after `Image#onLoad`.) `"continuous"` EXPERIMENTAL, this will capture A LOT of images continuously. For very specific use-cases. `"update"` EXPERIMENTAL, this will capture images each time React redraw (on did update). For very specific use-cases. | ( 'mount' \| 'continuous' \| 'update') | no       | Android, iOS | yes               |
+| captureMode      | if not defined (default). the capture is not automatic and you need to use the ref and call `capture()` yourself<br>`"mount"`. Capture the view once at mount. (It is important to understand image loading won't be waited, in such case you want to use "none" with viewShotRef.capture() after Image#onLoad.) <br>`"continuous"` EXPERIMENTAL, this will capture A LOT of images continuously. For very specific use-cases.<br> `"update"` EXPERIMENTAL, this will capture images each time React redraw (on did update). For very specific use-cases. | ( 'mount' \| 'continuous' \| 'update') | no       | Android, iOS | yes               |
 | onCapture        | when a `captureMode` is defined, this callback will be called with the capture result.                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | function                               | no       | Android, iOS | yes               |
 | onCaptureFailure | when a `captureMode` is defined, this callback will be called when a capture fails.                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | function                               | no       | Android, iOS | yes               |
+| options | view shot configuration. | object                         | no       | Android, iOS | partially     |
+| children | the actual content to rasterize. | ReactNode | no | Android, iOS | yes |
+
+#### options属性详情
+
+| Name                     | Description                                                  | Type                                 | Required | Platform     | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------ | ------------------------------------ | -------- | ------------ | ----------------- |
+| fileName                 | the file name of the file. Must be at least 3 characters long. | string                               | no       | Android, iOS | yes               |
+| width / height           | the width and height of the final image (resized from the View bound. don't provide it if you want the original pixel size). | number                               | no       | Android, iOS | yes               |
+| quality                  | the quality. 0.0 - 1.0 (default). (only available on lossy formats like jpg) | number                               | no       | Android, iOS | yes               |
+| format                   | either png or jpg. Defaults to png.                          | string                               | no       | Android, iOS | yes               |
+| result                   | the method you want to use to save the snapshot, one of:<br/>"tmpfile" (default): save to a temporary file (that will only exist for as long as the app is running).<br/>"base64": encode as base64 and returns the raw string. Use only with small images as this may result of lags (the string is sent over the bridge). N.B. This is not a data uri, use data-uri instead.<br/>"data-uri": same as base64 but also includes the Data URI scheme header. | ( 'tmpfile' \|'base64' \|'data-uri') | no       | Android, iOS | yes               |
+| snapshotContentContainer | if true and when view is a ScrollView, the "content container" height will be evaluated instead of the container height. | boolean                              | no       | Android, iOS | no                |
+| useRenderInContext       | change the iOS snapshot strategy to use method renderInContext instead of drawViewHierarchyInRect which may help for some use cases. | boolean                              | no       | Android, iOS | no                |
 
 ## API
 
@@ -310,19 +281,17 @@ ohpm install
 
 | Name             | Description | Type     | Required | Platform     | HarmonyOS Support |
 | ---------------- | ----------- | -------- | -------- | ------------ | ----------------- |
-| `captureRef`     | 组件截图    | function | no       | android, ios | yes               |
-| `captureScreen`  | 屏幕截图    | function | no       | android, ios | yes               |
-| `releaseCapture` | 资源释放    | function | no       | android, ios | no                |
+| `captureRef`     | 组件截图    | function | no       | Android, iOS | yes               |
+| `captureScreen`  | 屏幕截图    | function | no       | Android, iOS | yes               |
+| `releaseCapture` | 资源释放    | function | no       | Android, iOS | yes               |
 
 ## 遗留问题
 
-- [ ] HarmonyOS 资源释放接口验证未通过 [issues#2](https://github.com/react-native-oh-library/react-native-view-shot/issues/2)。
+- [x] HarmonyOS 资源释放接口验证未通过 [issues#2](https://github.com/react-native-oh-library/react-native-view-shot/issues/2)。
 - [ ] 被截图组件需要设置背景色，否则截图效果全黑 [issues#3](https://github.com/react-native-oh-library/react-native-view-shot/issues/3)。
+- [ ] 截图配置项 snapshotContentContainer 与 useRenderInContext 暂未实现 [issues#34](https://github.com/react-native-oh-library/react-native-view-shot/issues/34)。
 
 ## 其他
-
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/gre/react-native-view-shot/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/gre/react-native-view-shot/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 421de61926af08999af5eeeddb3b55430e323416 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Thu, 22 Aug 2024 08:35:01 +0000
Subject: [PATCH 431/966] =?UTF-8?q?!1404=20docs:=20[Issues:=20#IALS5K]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-navigation-stack=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IALS5K]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-navigation-stack=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-navigation-stack.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-navigation-stack.md b/zh-cn/react-navigation-stack.md
index c1853d06..10263ac7 100644
--- a/zh-cn/react-navigation-stack.md
+++ b/zh-cn/react-navigation-stack.md
@@ -97,10 +97,11 @@ export default function App() {
 + [@react-navigation/native](/zh-cn/react-navigation-native.md)
 + [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
 + [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
++ [react-native-screens](/zh-cn/react-native-screens.md)
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档的 Link 章节](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-library/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
 
 
 

From 84ea19001c1bce20e2775d109e688d7b382b135e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Thu, 22 Aug 2024 09:24:46 +0000
Subject: [PATCH 432/966] =?UTF-8?q?!1389=20docs:=20=E6=96=B0=E5=A2=9Ereact?=
 =?UTF-8?q?-native-localization-settings=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAL8ZI]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-localization-settings=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-localization-settings.md | 229 ++++++++++++++++++++
 1 file changed, 229 insertions(+)
 create mode 100644 zh-cn/react-native-localization-settings.md

diff --git a/zh-cn/react-native-localization-settings.md b/zh-cn/react-native-localization-settings.md
new file mode 100644
index 00000000..f73718c9
--- /dev/null
+++ b/zh-cn/react-native-localization-settings.md
@@ -0,0 +1,229 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-localization-settings</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jakex7/react-native-localization-settings">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jakex7/react-native-localization-settings/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-localization-settings)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-library/react-native-localization-settings/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-localization-settings@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-localization-settings@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 本示例依赖i18next react-i18next库，参照[react-i18next文档](https://react.i18next.com/guides/quick-start)进行引入
+
+```js
+import * as React from "react";
+import { StyleSheet, View, Text, Button } from "react-native";
+import { ReactNativeLanguageDetector } from "react-native-localization-settings";
+import i18next from "i18next";
+import { initReactI18next, useTranslation } from "react-i18next";
+
+i18next
+  .use(ReactNativeLanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources: {
+      en: {
+        translation: {
+          key: "hello world in english",
+        },
+      },
+      pl: {
+        translation: {
+          key: "hello world in polish",
+        },
+      },
+      fr: {
+        translation: {
+          key: "hello world in french",
+        },
+      },
+    },
+    fallbackLng: "en",
+    interpolation: {
+      escapeValue: false,
+    },
+    compatibilityJSON: "v3",
+  });
+
+export default function App() {
+  const { t } = useTranslation();
+
+  return (
+    <View style={styles.container}>
+      <Text>{t("key")}</Text>
+      <Button
+        title={"change to pl"}
+        onPress={() => i18next.changeLanguage("pl-PL")}
+      />
+      <Button
+        title={"change to en"}
+        onPress={() => i18next.changeLanguage("en-US")}
+      />
+      <Button
+        title={"change to fr"}
+        onPress={() => i18next.changeLanguage("fr-FR")}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  box: {
+    width: 60,
+    height: 60,
+    marginVertical: 20,
+  },
+});
+```
+
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-localization-settings": "file:../../node_modules/@react-native-oh-tpl/react-native-localization-settings/harmony/localization_settings.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNLocalizationSettingsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNLocalizationSettingsPackage} from '@react-native-oh-tpl/react-native-localization-settings/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNLocalizationSettingsPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-tpl/react-native-localization-settings/releases)
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                           | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| I18nLanguageDetectorModule | i18next language detector             | function | no       | iOS/Android | yes               |
+| getLanguage()              | Function to get current language.     | function | no       | iOS/Android | yes               |
+| setLanguage()              | Function to set the current language. | function | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jakex7/react-native-localization-settings/blob/main/LICENSE) ，请自由地享受和参与开源。

From 9315b785d090765eab18479a93fa3a6ec14c151e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=99=BA=E6=99=97?= <dongzhihan@h-partners.com>
Date: Fri, 23 Aug 2024 01:18:26 +0000
Subject: [PATCH 433/966] =?UTF-8?q?!1405=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?qr-decode-image-camera=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IALUCX]=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-qr-decode-image-camerat=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-qr-decode-image-camera.md | 21 --------------------
 1 file changed, 21 deletions(-)

diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index 3f6de3f4..43617fbc 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -243,27 +243,6 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)
 
-### 权限要求
-
-在 entry 目录下的 module.json5 中添加相机权限
-
-打开 entry/src/main/module.json5，添加：
-
-```diff
-...
-"requestPermissions": [
-+  {
-+    "name": "ohos.permission.CAMERA",
-+    "reason": "$string:Qr_decode_image_cameraAbility_desc",
-+    "usedScene": {
-+      "abilities": [
-+        "NativeScan"
-+      ],
-+      "when":"inuse"
-+    }
-+  }
-]
-```
 
 ## 静态方法
 

From 37a8080952b1c9e0ccd27fb924e1ec87e7a08863 Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Fri, 23 Aug 2024 07:43:14 +0000
Subject: [PATCH 434/966] =?UTF-8?q?!1392=20docs:=20[Issues:=20#IALAFF]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-print=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IALAFF]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-print=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-print.md | 303 ++++++++++++++++++++++++++++++++++++
 1 file changed, 303 insertions(+)
 create mode 100644 zh-cn/react-native-print.md

diff --git a/zh-cn/react-native-print.md b/zh-cn/react-native-print.md
new file mode 100644
index 00000000..1ead5f2a
--- /dev/null
+++ b/zh-cn/react-native-print.md
@@ -0,0 +1,303 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-print</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/christopherdro/react-native-print">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/christopherdro/react-native-print/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-print)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-print@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-print@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 本示例依赖 react-native-document-picker 库，参照[@react-native-oh-tpl/react-native-document-picker 文档](/zh-cn/react-native-document-picker.md)进行引入。
+
+```js
+import React, {useState} from 'react';
+import {
+  ScrollView,
+  Button,
+} from 'react-native';
+import {
+  pick,
+  DocumentPickerOptions,
+  isCancel,
+} from 'react-native-document-picker';
+import RNPrint from 'react-native-print';
+
+type DirType = 'documentDirectory' | 'cachesDirectory';
+
+interface DirOpt {
+  label: DirType;
+  selected: boolean;
+}
+
+export default function RNPrint(): JSX.Element {
+  const [pickResult, setPickResult] = useState('');
+  const [allowMultiSelection, setAllowMultiSelection] = useState(true);
+  const [fileTypes, setFileTypes] = useState<string[]>([]);
+  const [dirUi, setDirui] = useState<Array<DirOpt>>([
+    {label: 'documentDirectory', selected: false},
+    {label: 'cachesDirectory', selected: false},
+  ]);
+  const copyTo = dirUi.find(d => d.selected)?.label;
+  const pickOpt: DocumentPickerOptions<'harmony'> = {
+    allowMultiSelection,
+    presentationStyle: 'overFullScreen',
+  };
+  if (copyTo) {
+    pickOpt.copyTo = copyTo;
+  }
+  if (fileTypes.length) {
+    pickOpt.type = fileTypes;
+  }
+  const pickFile = async () => {
+    try {
+      const res = await pick(pickOpt);
+      setPickResult(JSON.stringify(res));
+      return res;
+    } catch (err) {
+      console.log(err);
+      console.log('isCancel: ' + isCancel(err));
+    }
+  };
+
+  return (
+        <Button
+         title="本地url打印"
+         onPress={async () => {
+            const res = await pickFile();
+            RNPrint.print({
+                filePath: res[0].uri,
+                jobName: 'huawei',
+            });
+            }}
+        />
+  );
+}
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-print": "file:../../node_modules/@react-native-oh-tpl/react-native-print/harmony/print.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNPrintPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNPrintPackage} from '@react-native-oh-tpl/react-native-print/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNPrintPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的 module.json5 中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.PRINT",
++    "reason": "$string:print_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"always"
++    }
++  },
++  {
++    "name": "fs.OpenMode.READ_ONLY",
++    "reason": "$string:fs_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"always"
++    }
++  },
++  {
++    "name": "ohos.permission.INTERNET",
++    "reason": "$string:internet_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"always"
++    }
++  }
+]
+```
+
+#### 在 entry 目录下添加申请以上权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "print_reason",
++      "value": "使用打印机"
++    },
++    {
++      "name": "fs_reason",
++      "value": "读取数据"
++    },
++    {
++      "name": "internet_reason",
++      "value": "网络请求数据"
++    },
+  ]
+}
+```
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### print(options: Object)
+
+| Name          | Description                                                   | Type    | Required | Platform     | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------- | ------- | -------- | ------------ | ----------------- |
+| `html`        | HTML string to print(The value must be html or filepath.)     | string  | no       | Android、iOS | no                |
+| `filePath`    | Local or remote file url(https://github.com/The%20value%20must%20be%20html%20or%20filepath.) | string  | no       | Android、iOS | yes               |
+| `printerURL`  | **iOS Only:** URL returned from `selectPrinterMethod()`       | string  | no       | iOS          | no                |
+| `isLandscape` | Landscape print; default value is false                       | boolean | no       | Android、iOS | no                |
+| `jobName`     | Name of printing job; default value is "Document"             | string  | no       | Android、iOS | yes               |
+| `baseUrl`     | Used to resolve relative links in the HTML                    | string  | no       | Android      | no                |
+
+### selectPrinter(options: Object)
+
+| Name | Description                        | Type   | Required | Platform | HarmonyOS Support |
+| ---- | ---------------------------------- | ------ | -------- | -------- | ----------------- |
+| `x`  | The x position of the popup dialog | number | yes      | iOS      | no                |
+| `y`  | The y position of the popup dialog | number | yes      | iOS      | no                |
+
+## 遗留问题
+
+- [ ] HarmonyOS NEXT 上不支持 html、printerURL、isLandscape、baseUrl 等参数，并且不支持打印 word 文档: [issue#1](https://github.com/react-native-oh-library/react-native-print/issues/1)
+- [ ] HarmonyOS NEXT 上不支持 selectPrinter()方法 : [issue#2](https://github.com/react-native-oh-library/react-native-print/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/christopherdro/react-native-print/blob/master/LICENSE) ，请自由地享受和参与开源。

From bb100b85ab142042262574d91140e3fe3d3abfd2 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Fri, 23 Aug 2024 07:44:19 +0000
Subject: [PATCH 435/966] =?UTF-8?q?!1408=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-date-picker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20=E4=BF=AE=E6=94=B9react-native-date-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-date-picker.md | 61 +++++++++++++++++--------------
 1 file changed, 34 insertions(+), 27 deletions(-)

diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
index 7a330779..991737bb 100644
--- a/zh-cn/react-native-date-picker.md
+++ b/zh-cn/react-native-date-picker.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 模板版本：v0.2.2
 
 <p align="center">
@@ -48,7 +47,7 @@ yarn add @react-native-oh-tpl/react-native-date-picker@file:#
 
 ```js
 import React, { useState } from 'react'
-import { Button } from 'react-native'
+import { Button, View } from 'react-native'
 import DatePicker from 'react-native-date-picker'
 
 export default () => {
@@ -56,9 +55,10 @@ export default () => {
   const [open, setOpen] = useState(false)
 
   return (
-    <>
+    <View style={{flex:1, flexDirection:'column', justifyContent:'center'}}>
       <Button title="Open" onPress={() => setOpen(true)} />
       <DatePicker
+        mode='date'
         modal
         open={open}
         date={date}
@@ -70,7 +70,7 @@ export default () => {
           setOpen(false)
         }}
       />
-    </>
+    </View>
   )
 }
 
@@ -142,7 +142,7 @@ ohpm install
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
   ...
-+ if (ctx.componentName === NativeDatePickerView.Name) {
++ if (ctx.componentName === NativeDatePickerView.NAME) {
 +   NativeDatePickerView({
 +        ctx: ctx.rnComponentContext,
 +        tag: ctx.tag
@@ -151,6 +151,20 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
  ...
 }
 ...
+```
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets 找到常量 arkTsComponentNames 在其数组里添加组件名
+
+```diff
+  ...
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ NativeDatePickerView.NAME, 
+  ];
+```
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -175,53 +189,46 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | props  | Description | Type | Required | Platform | HarmonyOS Support  |
 | ----  | ----------- | ---- | -------- | ---- | ------------ |
 | date | The currently selected date.   | Date  | no |     all  |       yes|
 | onDateChange | Date change handler ( Inline only )   |  (date: Date) => void  | no |     all  |       yes|
-| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | no |     all  |       partially|
-| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | no |     all  |       partially|
+| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | no |     all  |       yes|
+| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | no |     all  |       yes|
 | mode | The date picker mode. "datetime", "date", "time"   | “'date' \|'time' \| 'datetime'”  | yes |     all  |       yes|
 | onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | no |     all  |       yes|
 | onCancel | odal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | no |     all  |       yes|
 | is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | no |     all  |       no|
-| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | no |     all  |       no|
+| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | no |     all  |       yes|
 | open | Modal only: Boolean indicating if modal should be open.   | boolean  | no |     all  |       yes|
 | minuteInterval | The interval at which minutes can be selected.   | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \|  10 \|  12 \| 15 \|  20 \| 30  | no |     all  |       no|
 | title | Modal only: Title text. Can be set to null to remove text.   | string  | no |     all  |       no|
 | confirmText | Modal only: Confirm button text   | string  | no |     all  |       no|
 | cancelText | Modal only: Cancel button text.   | string  | no |     all  |       no|
 | theme | Modal only: The theme of the modal. "light", "dark", "auto". Defaults to "auto".   | 'light' \| 'dark' \| 'auto'  | no |     all  |       no|
-| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | no |     all  |       no|
-| dividerColor | Color of the divider / separator. (android only)   | string  | no |     all  |       no|
-| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | no |     all  |       no|
+| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | no |     Android  |       no|
+| dividerColor | Color of the divider / separator. (android only)   | string  | no |     Android  |       no|
+| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | no |     Android  |       no|
 | locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a Locale ID.   | string  | no |     all  |       no|
 | timeZoneOffsetInMinutes | imezone offset in minutes (default: device's timezone)   | number  | no |     all  |       no|
 
 
 ## 遗留问题
  
-- [ ]  不支持属性confirmText[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
-- [ ]  不支持属性cancelText[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
-- [ ]  不支持属性theme[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
-- [ ]  不支持属性buttonColor[issue#14](https://github.com/react-native-oh-library/react-native-date-picker/issues/14)
-- [ ]  不支持属性dividerColor[issue#15](https://github.com/react-native-oh-library/react-native-date-picker/issues/15)
-- [ ]  不支持属性onStateChange[issue#16](https://github.com/react-native-oh-library/react-native-date-picker/issues/16)
-- [ ]  不支持属性locale[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
-- [ ]  不支持属性timeZoneOffsetInMinutes[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
-- [ ]  当属性mode属性为datetime时，不支持maximumDate属性。[issue#19](https://github.com/react-native-oh-library/react-native-date-picker/issues/19)
-- [ ]  当属性mode属性为datetime时，不支持minimumDate属性。[issue#20](https://github.com/react-native-oh-library/react-native-date-picker/issues/20)
-- [ ]  当属性modal为true，mode属性为datetime时，没有内联得datetime组件，目前是date和time上下组合排列。[issue#22](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
-- [ ]  当属性modal属性为false时，不支持datetime属性。[issue#21](https://github.com/react-native-oh-library/react-native-date-picker/issues/21)
+- [ ]  不支持属性confirmText。[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
+- [ ]  不支持属性cancelText。[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
+- [ ]  不支持属性theme。[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
+- [ ]  不支持属性locale。[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
+- [ ]  不支持属性timeZoneOffsetInMinutes。[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
+- [ ]  当属性modal为false，mode属性为datetime时，harmonyOS不支持内联datetime组件。[issue#22](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
 - [ ]  不支持is24hourSource属性。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
+- [ ]  不支持minuteInterval属性。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From ce593ea4961c4e2831100719fdfa5224e2c7bfab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Fri, 23 Aug 2024 07:50:55 +0000
Subject: [PATCH 436/966] =?UTF-8?q?!1397=20docs:=20=E6=96=B0=E5=A2=9Ereact?=
 =?UTF-8?q?-native-charts-wrapper=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IALHXW]=E6=96=B0=E5=A2=9Ereact-native-ch?=
 =?UTF-8?q?arts-wrapper=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-charts-wrapper.md | 665 +++++++++++++++++++++++++++
 1 file changed, 665 insertions(+)
 create mode 100644 zh-cn/react-native-charts-wrapper.md

diff --git a/zh-cn/react-native-charts-wrapper.md b/zh-cn/react-native-charts-wrapper.md
new file mode 100644
index 00000000..86ab118e
--- /dev/null
+++ b/zh-cn/react-native-charts-wrapper.md
@@ -0,0 +1,665 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-charts-wrapper</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wuxudong/react-native-charts-wrapper">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mitlicense.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-charts-wrapper)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-charts-wrapper@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-charts-wrapper@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { BarChart } from "react-native-charts-wrapper";
+const BarChartDemo = () => {
+  const data = [
+    { x: 1, y: 20 },
+    { x: 2, y: 43 },
+    { x: 3, y: 21 },
+    { x: 4, y: 33 },
+    { x: 5, y: 23 },
+    { x: 6, y: 44 },
+    { x: 7, y: 5 },
+    { x: 8, y: 12 },
+  ];
+  return (
+    <BarChart
+      style={styles.chart}
+      data={{
+        dataSets: [
+          {
+            label: "demo",
+            values: data,
+          },
+        ],
+      }}
+      animation={{ durationX: 2000, durationY: 2000 }}
+    />
+  );
+};
+export default BarChartDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-charts-wrapper": "file:../../node_modules/@react-native-oh-tpl/react-native-charts-wrapper/harmony/charts_wrapper.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 BarCharts、LineCharts、HorizontalBarCharts 、BubbleCharts、PieCharts、RadarCharts、ScatterCharts、CandleStickCharts、CombinedCharts 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import {
++  BarCharts,
++  LineCharts,
++  HorizontalBarCharts,
++  BubbleCharts,
++  PieCharts,
++  RadarCharts,
++  ScatterCharts,
++  CandleStickCharts,
++  CombinedCharts
++ } from "@react-native-oh-tpl/react-native-charts-wrapper"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++    if (ctx.componentName === BarCharts.NAME) {
++      BarCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === LineCharts.NAME) {
++      LineCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === HorizontalBarCharts.NAME) {
++      HorizontalBarCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BubbleCharts.NAME) {
++      BubbleCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === PieCharts.NAME) {
++      PieCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === RadarCharts.NAME) {
++      RadarCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === ScatterCharts.NAME) {
++      ScatterCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === CandleStickCharts.NAME) {
++      CandleStickCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === CombinedCharts.NAME) {
++      CombinedCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
+ ...
+}
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ BarCharts.NAME,
++ LineCharts.NAME,
++ HorizontalBarCharts.NAME,
++ BubbleCharts.NAME,
++ PieCharts.NAME,
++ RadarCharts.NAME,
++ ScatterCharts.NAME,
++ CandleStickCharts.NAME,
++ CombinedCharts.NAME
+  ];
+```
+
+### 在 ArkTs 侧引入 ChartsWrapperPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {ChartsWrapperPackage} from '@react-native-oh-tpl/react-native-charts-wrapper/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ChartsWrapperPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Common Props
+
+#### Description
+
+| Name      | Description                      | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
+| text      | 设置要显示为说明的文本           | string | No       | iOS/Android | Yes               |
+| textColor | 设置用于标签的文本颜色           | number | No       | iOS/Android | Yes               |
+| textSize  | 设置标签文本的大小               | number | No       | iOS/Android | Yes               |
+| positionX | 设置说明文本在屏幕上的自定义位置 | number | No       | iOS/Android | Yes               |
+| positionY | 设置说明文本在屏幕上的自定义位置 | number | No       | iOS/Android | Yes               |
+
+#### Legend
+
+| Name                | Description              | Type                                         | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------ | -------------------------------------------- | -------- | ----------- | ----------------- |
+| enabled             | 是否设置图表图例部件     | bool                                         | No       | iOS/Android | Yes               |
+| text                | 设置要显示为图例的文本   | string                                       | No       | iOS/Android | Yes               |
+| textColor           | 设置图例文本的颜色       | number                                       | No       | iOS/Android | Yes               |
+| textSize            | 设置图例文本的大小       | number                                       | No       | iOS/Android | Yes               |
+| fontFamily          | 图例部件的字体           | string                                       | No       | iOS/Android | Yes               |
+| wordWrapEnabled     | 设置图例文字是否换行     | bool                                         | No       | iOS/Android | Yes               |
+| maxSizePercent      | 图例部件最大大小百分比   | number                                       | No       | iOS/Android | Yes               |
+| horizontalAlignment | 图例部件水平对齐         | one of `'LEFT', 'CENTER', 'RIGHT'`           | No       | iOS/Android | Yes               |
+| verticalAlignment   | 图例部件垂直对齐         | one of `'TOP', 'CENTER', 'BOTTOM'`           | No       | iOS/Android | Yes               |
+| orientation         | 设置图例的方向           | one of `'HORIZONTAL', 'VERTICAL'`            | No       | iOS/Android | Yes               |
+| drawInside          | 图例部件是否在内部绘制   | bool                                         | No       | iOS/Android | Yes               |
+| direction           | 设置图例的文本方向       | one of `LEFT_TO_RIGHT', 'RIGHT_TO_LEFT`      | No       | iOS/Android | Yes               |
+| form                | 设置图例形式的形式/形状  | string                                       | No       | iOS/Android | Yes               |
+| formSize            | 设置图例格式的大小       | number                                       | No       | iOS/Android | Yes               |
+| xEntrySpace         | 设置横轴上图例条目的间距 | number                                       | No       | iOS/Android | Yes               |
+| yEntrySpace         | 设置竖轴上图例条目的间距 | number                                       | No       | iOS/Android | Yes               |
+| formToTextSpace     | 图例部件图标到文字的间距 | number                                       | No       | iOS/Android | Yes               |
+| custom              | 设置自定义图例的条目数组 | {` `colors: [number],` `labels: [string]` `} | No       | iOS/Android | Yes               |
+
+#### xAxis and yAxis
+
+| Name                     | Description                              | Type                                                                  | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ---------------------------------------- | --------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| enabled                  | 是否绘制该组件                           | bool                                                                  | No       | iOS/Android | Yes               |
+| drawLabels               | 设置绘制此轴的标签                       | bool                                                                  | No       | iOS/Android | Yes               |
+| drawAxisLine             | 设置轴旁边的线                           | bool                                                                  | No       | iOS/Android | Yes               |
+| drawGridLines            | 是否启用此轴的网格线绘制                 | bool                                                                  | No       | iOS/Android | Yes               |
+| textColor                | 设置用于标签的文本颜色                   | number                                                                | No       | iOS/Android | Yes               |
+| textSize                 | 设置用于标签的文本大小                   | number                                                                | No       | iOS/Android | Yes               |
+| fontFamily               | X 轴 Y 轴标签的字体                      | string                                                                | No       | iOS/Android | Yes               |
+| gridColor                | 设置此坐标轴的网格线（水平线）的颜色     | bool                                                                  | No       | iOS/Android | Yes               |
+| gridLineWidth            | 设置远离每个轴绘制的栅格线的宽度         | bool                                                                  | No       | iOS/Android | Yes               |
+| axisLineColor            | 设置图表周围边框的颜色                   | bool                                                                  | No       | iOS/Android | Yes               |
+| axisLineWidth            | 设置图表周围边框的宽度                   | bool                                                                  | No       | iOS/Android | Yes               |
+| gridDashedLine           | 设置以虚线模式绘制网格线                 | {` `lineLength: number,` `spaceLength: number,` `phase: number` `}` ` | No       | iOS/Android | Yes               |
+| limitLines               | 设置限制线                               | array[]                                                               | No       | iOS/Android | Yes               |
+| drawLimitLinesBehindData | 设置在实际数据之后绘制限制线             | bool                                                                  | No       | iOS/Android | Yes               |
+| axisMaximum              | 设置轴的最大标签数                       | number                                                                | No       | iOS/Android | Yes               |
+| axisMinimum              | 设置轴的最小标签数                       | number                                                                | No       | iOS/Android | Yes               |
+| granularity              | 设置轴放大时的最小间隔                   | number                                                                | No       | iOS/Android | Yes               |
+| granularityEnabled       | 设置轴值间隔的粒度控制                   | bool                                                                  | No       | iOS/Android | Yes               |
+| labelCount               | 设置 y 轴的标签条目数                    | number                                                                | No       | iOS/Android | Yes               |
+| labelCountForce          | 设置 y 轴的标签条目数                    | bool                                                                  | No       | iOS/Android | Yes               |
+| centerAxisLabels         | 将轴标签居中，而不是在其原始位置绘制它们 | bool                                                                  | No       | iOS/Android | Yes               |
+
+### xAxis
+
+| Name                   | Description                                         | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------------- | --------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| labelRotationAngle     | 设置绘制 X 轴标签的角度（以度为单位）               | number | No       | iOS/Android | Yes               |
+| avoidFirstLastClipping | 如果设置为 true，图表将避免第一个和最后一个标签条目 | bool   | No       | iOS/Android | Yes               |
+| position               | 设置 X 轴标签的位置                                 | string | No       | iOS/Android | Yes               |
+| yOffset                | 为该轴上的标签设置使用的 y 轴偏移量                 | string | No       | iOS/Android | Yes               |
+
+### yAxis
+
+| Name        | Description                                        | Type                                                            | Required | Platform    | HarmonyOS Support |
+| ----------- | -------------------------------------------------- | --------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| inverted    | 设置为 true，则反转 y 轴，这意味着低值位于图表底部 | number                                                          | No       | iOS/Android | Yes               |
+| spaceTop    | 设置顶轴间距，以占满量程的百分比为单位             | bool                                                            | No       | iOS/Android | Yes               |
+| spaceBottom | 设置底轴间距，以占满量程的百分比为单位             | number                                                          | No       | iOS/Android | Yes               |
+| position    | 设置 y 标签的位置                                  | number                                                          | No       | iOS/Android | Yes               |
+| maxWidth    | 设置轴可以采用的最大宽度                           | bool                                                            | No       | iOS/Android | Yes               |
+| minWidth    | 设置轴可以采用的最小宽度                           | string                                                          | No       | iOS/Android | Yes               |
+| zeroLine    | 设置网格线                                         | {` `enabled: bool,` `lineWidth: number,` `lineColor: number` `} | No       | iOS/Android | Yes               |
+
+### Chart Base
+
+| Name                         | Description          | Type        | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | -------------------- | ----------- | -------- | ----------- | ----------------- |
+| animation                    | 设置图表动画         | object      | No       | iOS/Android | Yes               |
+| chartBackgroundColor         | 设置图表背景颜色     | number      | No       | iOS/Android | Yes               |
+| logEnabled                   | 启用日志             | bool        | No       | iOS/Android | Yes               |
+| noDataText                   | 设置无数据文本       | string      | No       | iOS/Android | Yes               |
+| noDataTextColor              | 设置无数据文本颜色   | number      | No       | iOS/Android | Yes               |
+| touchEnabled                 | 设置触摸             | bool        | No       | iOS/Android | Yes               |
+| dragDecelerationEnabled      | 设置拖拽减速         | bool        | No       | iOS/Android | Yes               |
+| dragDecelerationFrictionCoef | 设置阻力减速摩擦系数 | function    | No       | iOS/Android | Yes               |
+| chartDescription             | 设置描述部件         | Description | No       | iOS/Android | Yes               |
+| legend                       | 设置图例             | Legend      | No       | iOS/Android | Yes               |
+| xAxis                        | 设置 X 轴            | Xaxis       | No       | iOS/Android | Yes               |
+| highlights                   | 设置高亮             | object      | No       | iOS/Android | Yes               |
+
+### BarLineChartBase
+
+| Name                   | Description                                                                                   | Type                            | Required | Platform    | HarmonyOS Support |
+| ---------------------- | --------------------------------------------------------------------------------------------- | ------------------------------- | -------- | ----------- | ----------------- |
+| drawGridBackground     | 是否设置网格背景颜色                                                                          | bool                            | No       | iOS/Android | Yes               |
+| gridBackgroundColor    | 设置网格背景颜色                                                                              | number                          | No       | iOS/Android | Yes               |
+| drawBorders            | 是否设置边框                                                                                  | bool                            | No       | iOS/Android | Yes               |
+| borderColor            | 设置边框颜色                                                                                  | number                          | No       | iOS/Android | Yes               |
+| borderWidth            | 设置边框宽度                                                                                  | number                          | No       | iOS/Android | Yes               |
+| minOffset              | 设置最小偏移                                                                                  | number                          | No       | iOS/Android | Yes               |
+| visibleRange           | 限制通过捏合和缩放可以看到的最大和最小 x 范围                                                 | object                          | No       | iOS/Android | Yes               |
+| autoScaleMinMaxEnabled | 是否设置 Y 轴的自动缩放标记                                                                   | bool                            | No       | iOS/Android | Yes               |
+| keepPositionOnRotation | 设置图表在旋转（方向更改）后是否应保持其位置（缩放/滚动                                       | bool                            | No       | iOS/Android | Yes               |
+| scaleEnabled           | 是否启用缩放                                                                                  | bool                            | No       | iOS/Android | Yes               |
+| scaleXEnabled          | 是否启用 X 轴缩放                                                                             | bool                            | No       | iOS/Android | Yes               |
+| scaleYEnabled          | 是否启用 Y 轴缩放                                                                             | bool                            | No       | iOS/Android | Yes               |
+| dragEnabled            | 是否设置拖动                                                                                  | bool                            | No       | iOS/Android | Yes               |
+| pinchZoom              | 如果设置为 true，则 x 和 y 轴都可以用 2 个手指同时缩放，如果为 false，x 轴和 y 轴可以单独缩放 | bool                            | No       | iOS/Android | Yes               |
+| doubleTapToZoomEnabled | 将此属性设置为 true 可通过双击图表启用放大功能                                                | bool                            | No       | iOS/Android | Yes               |
+| yAksis                 | 设置 Y 轴                                                                                     | { left: YAksis, right: YAksis } | No       | iOS/Android | Yes               |
+| zoom                   | 按给定的比例因子放大或缩小                                                                    | object                          | No       | iOS/Android | Yes               |
+| viewPortOffsets        | 设置当前 ViewPort 的自定义偏移（在视图两侧的偏移）                                            | object                          | No       | iOS/Android | Yes               |
+
+### Data Config Type
+
+#### Common
+
+| Name             | Description                                 | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| colors           | 设置应用于此数据集的颜色,由多个颜色组成     | number[] | No       | iOS/Android | Yes               |
+| highlightEnabled | 设置是否高亮                                | bool     | No       | iOS/Android | Yes               |
+| drawValues       | 设置绘制值                                  | bool     | No       | iOS/Android | Yes               |
+| valueTextSize    | 设置值的文本大小                            | number   | No       | iOS/Android | Yes               |
+| valueTextColor   | 设置值的文本颜色                            | number   | No       | iOS/Android | Yes               |
+| visible          | 设置值是否可见                              | bool     | No       | iOS/Android | Yes               |
+| valueFormatter   | 设置数据格式器                              | string   | No       | iOS/Android | Yes               |
+| axisDependency   | 设置绘制此数据集所依据的 Y 轴（左轴或右轴） | string   | No       | iOS/Android | Yes               |
+
+#### barLineScatterCandleBubble
+
+| Name           | Description                      | Type   | Required | Platform    | HarmonyOS Support |
+| -------------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
+| highlightColor | 设置用于绘制突出显示指示器的颜色 | number | No       | iOS/Android | Yes               |
+
+#### lineScatterCandleRadar
+
+| Name                             | Description                                             | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------------------- | ------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| drawVerticalHighlightIndicator   | 启用/禁用垂直突出显示指示器。如果禁用，则不绘制指示器。 | bool   | No       | iOS/Android | Yes               |
+| drawHorizontalHighlightIndicator | 启用/禁用水平突出显示指示器。如果禁用，则不绘制指示器   | bool   | No       | iOS/Android | Yes               |
+| highlightLineWidth               | 高亮线宽                                                | number | No       | iOS/Android | Yes               |
+
+#### lineRadar
+
+| Name       | Description | Type | Required | Platform    | HarmonyOS Support |
+| ---------- | ----------- | ---- | -------- | ----------- | ----------------- |
+| fillColor  | 填充颜色    | bool | No       | iOS/Android | Yes               |
+| fillAlpha  | 填充透明度  | bool | No       | iOS/Android | Yes               |
+| drawFilled | 是否填充    | bool | No       | iOS/Android | Yes               |
+
+#### PieRadarChartBase
+
+| Name            | Description                                  | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | -------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| minOffset       | 设置图表周围的最小偏移量（填充），默认值为 0 | number | No       | iOS/Android | Yes               |
+| rotationEnabled | 将此属性设置为 true 可通过触摸启用图表的旋转 | bool   | No       | iOS/Android | Yes               |
+| rotationAngle   | 为雷达图的旋转设置偏移量（以度为单位）       | number | No       | iOS/Android | Yes               |
+
+### BarChart
+
+| Name              | Description                                                           | Type    | Required | Platform    | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| drawValueAboveBar | 如果设置为 true，则所有值都绘制在其条形上方，而不是绘制在其顶部下方。 | bool    | No       | iOS/Android | Yes               |
+| drawBarShadow     | 如果设置为 true，则在每个条形后面绘制一个灰色区域，表示最大值         | bool    | No       | iOS/Android | Yes               |
+| data              | 柱状图数据                                                            | BarData | Yes      | iOS/Android | Yes               |
+
+#### BarData Config
+
+| Name                       | Description                                          | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| barShadowColor             | 设置用于绘制条形阴影的颜色                           | number                                                       | No       | iOS/Android | Yes               |
+| highlightAlpha             | 设置用于绘制高光的 alpha 值（透明度                  | number                                                       | No       | iOS/Android | Yes               |
+| stackLabels                | 为不同值的条形栈设置标签                             | string[]                                                     | No       | iOS/Android | Yes               |
+| common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+
+#### BarData Values
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| X    | X 轴数据    | number | Yes      | iOS/Android | Yes               |
+| Y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+
+### HorizontalBarChart
+
+| Name | Description    | Type    | Required | Platform    | HarmonyOS Support |
+| ---- | -------------- | ------- | -------- | ----------- | ----------------- |
+| data | 水平柱状图数据 | BarData | Yes      | iOS/Android | Yes               |
+
+### CandleStickChart
+
+| Name | Description | Type       | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ---------- | -------- | ----------- | ----------------- |
+| data | 烛台图数据  | CandleData | Yes      | iOS/Android | Yes               |
+
+#### CandleData Config
+
+| Name                       | Description                                                 | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ----------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| common                     | 公共数据数据                                                | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据        | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据                | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+| barSpace                   | 设置在每个的左侧和右侧留出的空间 烛光                       | number                                                       | No       | iOS/Android | Yes               |
+| shadowWidth                | 以像素为单位设置蜡烛阴影线的宽度。                          | number                                                       | No       | iOS/Android | Yes               |
+| shadowColor                | 设置所有条目的阴影颜色                                      | number                                                       | No       | iOS/Android | Yes               |
+| shadowColorSameAsCandle    | 将阴影颜色设置为与蜡烛颜色相同的颜色                        | bool                                                         | No       | iOS/Android | Yes               |
+| neutralColor               | 设置在以下情况下应用于此数据集的唯一颜色 \*打开==关闭。     | number                                                       | No       | iOS/Android | Yes               |
+| decreasingColor            | 设置在以下情况下应用于此数据集的唯一颜色 \*打开>关闭。      | number                                                       | No       | iOS/Android | Yes               |
+| decreasingPaintStyle       | 设置打开>关闭时的绘制样式                                   | string                                                       | No       | iOS/Android | Yes               |
+| increasingColor            | 设置在以下情况下应用于此数据集的唯一颜色 \* open <= close。 | number                                                       | No       | iOS/Android | Yes               |
+| increasingPaintStyle       | 设置打开<关闭时的绘制样式                                   | string                                                       | No       | iOS/Android | Yes               |
+
+#### CandleData Values
+
+| Name    | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | ------ | -------- | ----------- | ----------------- |
+| x       | X 轴数据    | number | No       | iOS/Android | Yes               |
+| shadowH | 阴影 H      | number | Yes      | iOS/Android | Yes               |
+| shadowL | 阴影 L      | number | Yes      | iOS/Android | Yes               |
+| open    | 打开的      | number | Yes      | iOS/Android | Yes               |
+| close   | 关闭的      | number | Yes      | iOS/Android | Yes               |
+
+### CombinedChart
+
+| Name | Description | Type         | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------------ | -------- | ----------- | ----------------- |
+| data | 组合图数据  | combinedData | Yes      | iOS/Android | Yes               |
+
+#### combinedData
+
+| Name        | Description | Type        | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------- | ----------- | -------- | ----------- | ----------------- |
+| lineData    | 折线图数据  | lineData    | No       | iOS/Android | Yes               |
+| barData     | 柱状图数据  | barData     | No       | iOS/Android | Yes               |
+| scatterData | 散点图数据  | scatterData | No       | iOS/Android | Yes               |
+| candleData  | 烛台图数据  | candleData  | No       | iOS/Android | Yes               |
+| bubbleData  | 气泡图数据  | bubbleData  | No       | iOS/Android | Yes               |
+
+### BubbleChart
+
+| Name | Description | Type       | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ---------- | -------- | ----------- | ----------------- |
+| data | 气泡图数据  | bubbleData | Yes      | iOS/Android | Yes               |
+
+#### BubbleData Config
+
+| Name                       | Description                                          | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+
+#### BubbleData Values
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| x    | X 轴数据    | number | No       | iOS/Android | Yes               |
+| y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+| size | 大小        | number | Yes      | iOS/Android | Yes               |
+
+### LineChart
+
+| Name | Description | Type     | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | -------- | -------- | ----------- | ----------------- |
+| data | 折线图数据  | LineData | Yes      | iOS/Android | Yes               |
+
+#### LineData Config
+
+| Name                       | Description                                                     | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | --------------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| common                     | 公共数据数据                                                    | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据            | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据                    | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+| lineRadar                  | 折线图、雷达图公共数据                                          | Data Config Type.lineRadar                                   | No       | iOS/Android | Yes               |
+| circleRadius               | 设置绘制的圆的半径                                              | number                                                       | No       | iOS/Android | Yes               |
+| drawCircles                | 将此值设置为 true 以启用此的圆圈指示器的绘制数据集，默认为 true | bool                                                         | No       | iOS/Android | Yes               |
+| mode                       | 设置 lineDataSet 的绘制模式                                     | object                                                       | No       | iOS/Android | Yes               |
+| lineWidth                  | 折线宽度                                                        | number                                                       | No       | iOS/Android | Yes               |
+| drawCubicIntensity         | 设置曲线弧度                                                    | number                                                       | No       | iOS/Android | Yes               |
+| circleColor                | 设置应该用于此数据集的唯一颜色                                  | number                                                       | No       | iOS/Android | Yes               |
+| circleColors               | 设置应该用于此数据集的颜色集                                    | number[]                                                     | No       | iOS/Android | Yes               |
+| circleHoleColor            | 设置线条圆的内圆的颜色。                                        | number                                                       | No       | iOS/Android | Yes               |
+| drawCircleHole             | 许在每个数据圆圈中绘制一个孔                                    | bool                                                         | No       | iOS/Android | Yes               |
+| dashedLine                 | 折线设置为虚线                                                  | object                                                       | No       | iOS/Android | Yes               |
+| fillFormatter              | 设置填充                                                        | object                                                       | No       | iOS/Android | Yes               |
+
+#### LineData Values
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| x    | X 轴数据    | number | No       | iOS/Android | Yes               |
+| y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+
+### ScatterChart
+
+| Name | Description | Type        | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ----------- | -------- | ----------- | ----------------- |
+| data | 散点图数据  | ScatterData | Yes      | iOS/Android | Yes               |
+
+#### ScatterData Config
+
+| Name                       | Description                                          | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据         | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+
+#### ScatterData Values
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| x    | X 轴数据    | number | No       | iOS/Android | Yes               |
+| y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+
+### PieChart
+
+| Name                    | Description                                                                       | Type    | Required | Platform    | HarmonyOS Support |
+| ----------------------- | --------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| extraOffsets            | 图数据                                                                            | object  | No       | iOS/Android | Yes               |
+| drawEntryLabels         | 将此属性设置为 true 可将条目标签绘制到饼图扇区中                                  | bool    | No       | iOS/Android | Yes               |
+| usePercentValues        | 如果启用此选项，则 PieChart 中的值将以百分比显示                                  | bool    | No       | iOS/Android | Yes               |
+| centerText              | 设置显示在 PieChart 中心的文本字符串。                                            | string  | No       | iOS/Android | Yes               |
+| styledCenterText        | 设置显示在 PieChart 中心的文本字符串的样式                                        | object  | No       | iOS/Android | Yes               |
+| centerTextRadiusPercent | 中心文本边界框的矩形半径,以饼图的百分比表示                                       | number  | No       | iOS/Android | Yes               |
+| holeRadius              | 设置饼图中心孔的半径，以百分比为单位 \*最大半径（max=整个图表的半径），默认为 50% | number  | No       | iOS/Android | Yes               |
+| holeColor               | 设置在饼图中心绘制的孔的颜色                                                      | number  | No       | iOS/Android | Yes               |
+| transparentCircleRadius | 设置在孔旁边绘制的透明圆的半径                                                    | number  | No       | iOS/Android | Yes               |
+| transparentCircleColor  | 设置在孔旁边绘制的透明圆的颜色                                                    | number  | No       | iOS/Android | Yes               |
+| entryLabelColor         | 设置绘制条目标签的颜色                                                            | number  | No       | iOS/Android | Yes               |
+| entryLabelTextSize      | 以 vp 为单位设置条目标签的大小。                                                  | number  | No       | iOS/Android | Yes               |
+| entryLabelFontFamily    | 为条目标签的绘制设置自定义字体                                                    | string  | No       | iOS/Android | Yes               |
+| maxAngle                | 设置用于计算饼图圆的最大角度                                                      | number  | No       | iOS/Android | Yes               |
+| data                    | 饼图数据                                                                          | PieData | Yes      | iOS/Android | Yes               |
+
+#### PieData Config
+
+| Name              | Description                            | Type                               | Required | Platform    | HarmonyOS Support |
+| ----------------- | -------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
+| common            | 公共数据数据                           | Data Config Type.Common            | No       | iOS/Android | Yes               |
+| PieRadarChartBase | 饼图、雷达图数据                       | Data Config Type.PieRadarChartBase | No       | iOS/Android | Yes               |
+| sliceSpace        | 设置在 vp 中的饼图切片之间留出的空间。 | number                             | No       | iOS/Android | Yes               |
+| selectionShift    | 设置此数据集的突出显示饼图扇区的距离   | number                             | No       | iOS/Android | Yes               |
+| xValuePosition    | 标签显示在饼图里面还是外面             | string                             | No       | iOS/Android | Yes               |
+| yValuePosition    | 标签显示在饼图里面还是外面             | string                             | No       | iOS/Android | Yes               |
+
+#### PieData Values
+
+| Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------ | -------- | ----------- | ----------------- |
+| value | 数据        | number | Yes      | iOS/Android | Yes               |
+| label | 标签        | number | No       | iOS/Android | Yes               |
+
+### RadarChart
+
+| Name              | Description                                          | Type                               | Required | Platform    | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
+| yAxis             | Y 轴                                                 | YAxis                              | No       | iOS/Android | Yes               |
+| drawWeb           | 饼图、雷达图数据                                     | Data Config Type.PieRadarChartBase | No       | iOS/Android | Yes               |
+| skipWebLineCount  | 设置在执行以下操作之前应在图表 Web 上跳过的 Web 行数 | number                             | No       | iOS/Android | Yes               |
+| webLineWidth      | 设置来自中心的腹板线的宽度                           | number                             | No       | iOS/Android | Yes               |
+| webLineWidthInner | 设置 Web 线的宽度，这些 Web 线位于来自 \*中心。      | number                             | No       | iOS/Android | Yes               |
+| webAlpha          | 设置所有 Web 线的透明度（alpha）值                   | number                             | No       | iOS/Android | Yes               |
+| webColor          | 设置来自中心的腹板线的颜色。                         | number                             | No       | iOS/Android | Yes               |
+| webColorInner     | 设置 Web 线之间的颜色，这些线来自\*中心。            | number                             | No       | iOS/Android | Yes               |
+| data              | 雷达图数据                                           | RadarData                          | Yes      | iOS/Android | Yes               |
+
+#### RadarData Config
+
+| Name                   | Description                                  | Type                                                     | Required | Platform    | HarmonyOS Support |
+| ---------------------- | -------------------------------------------- | -------------------------------------------------------- | -------- | ----------- | ----------------- |
+| common                 | 公共数据数据                                 | Data Config Type.Common                                  | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar | 柱状图、烛台图、散点图、雷达图的公共基础数据 | Data Config Type.CommonConfigType.lineScatterCandleRadar | No       | iOS/Android | Yes               |
+| lineRadar              | 折线图、雷达图公共数据                       | Data Config Type.lineRadar                               | No       | iOS/Android | Yes               |
+
+#### RadarData Values
+
+| Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------ | -------- | ----------- | ----------------- |
+| value | 数据        | number | Yes      | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://mitlicense.org/) ，请自由地享受和参与开源。

From 9d53b35a828f33ad9632580b2dfe91fe7811e133 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=BE=E5=BC=BA?=
 <14243795+wangxiaolic@user.noreply.gitee.com>
Date: Fri, 23 Aug 2024 07:51:19 +0000
Subject: [PATCH 437/966] =?UTF-8?q?!1417=20docs:=20[Issue:=20#IAJH5X]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-calendars=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAJHBF]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-Calendars=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-calendars.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/zh-cn/react-native-calendars.md b/zh-cn/react-native-calendars.md
index b9c66f19..8f258f6a 100644
--- a/zh-cn/react-native-calendars.md
+++ b/zh-cn/react-native-calendars.md
@@ -175,6 +175,8 @@ export default MySvgComponent;
 | disableAllTouchEventsForDisabledDays | Whether to disable all touch events for disabled days (can be override with 'disableTouchEvent' in 'markedDates')                                                   | boolean              | no       | All      | yes               |
 | disableAllTouchEventsForInactiveDays | Whether to disable all touch events for inactive days (can be override with 'disableTouchEvent' in 'markedDates')                                                   | boolean              | no       | All      | yes               |
 | dayComponent | Replace default day with custom day rendering component element                                                   | JSX.Element              | no       | All      | yes               |
+| customHeaderTitle             | Replace default title with custom element                             | JSX.Element              | no       | All      | yes               |
+| customHeader              | Allow rendering a totally custom header                             | any               | no       | All      | yes               |
 | onDayPress            | Handler which gets executed on day press                           | function | no       | All      | yes               |
 | onDayLongPress        | Handler which gets executed on day long press                      | function | no       | All      | yes               |
 | onMonthChange         | Handler which gets executed when month changes in calendar         | function | no       | All      | yes               |
@@ -184,6 +186,7 @@ export default MySvgComponent;
 | renderArrow                 | Replace default arrows with custom ones (direction: 'left','right') | function               | no       | All      | yes               |
 | renderHeader              | Replace default title with custom one                             | function               | no       | All      | yes               |
 
+
 ### CalendarList 
 
 | Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |

From ae78a78dfa8ecade6db0928b229e105c3173880a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Mon, 26 Aug 2024 01:43:01 +0000
Subject: [PATCH 438/966] =?UTF-8?q?!1406=20docs:=20[Issues:=20#IALUX7]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9rn-emoji-keyboard=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IALUX7]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9rn-emoji-keyboard=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/rn-emoji-keyboard.md | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/zh-cn/rn-emoji-keyboard.md b/zh-cn/rn-emoji-keyboard.md
index 34b695ce..1067d4c4 100644
--- a/zh-cn/rn-emoji-keyboard.md
+++ b/zh-cn/rn-emoji-keyboard.md
@@ -42,6 +42,7 @@ yarn add @react-native-oh-tpl/rn-emoji-keyboard@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+> [!TIP] 本示例依赖@react-native-async-storage/async-storage库，参照[@react-native-async-storage/async-storage文档](/zh-cn/react-native-async-storage-async-storage.md)进行引入
 ```ts
 import React from "react";
 import { StyleSheet, Button, Text } from "react-native";
@@ -138,12 +139,6 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Link
-
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/async-storage 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
-
-如未引入请参照[@react-native-oh-tpl/async-storage 文档](/zh-cn/react-native-async-storage-async-storage.md)进行引入
-
 ## 约束与限制
 
 ### 兼容性
@@ -273,7 +268,7 @@ Async storage? - sure. Backend as store - no problem. Choose how you want to han
 
 ## 遗留问题
 
-- [ ] rn-emoji-keyboard 的键盘弹出后回弹默认高度表情键盘无法点击: [issue#1](https://github.com/react-native-oh-library/rn-emoji-keyboard/issues/1)
+- [x] rn-emoji-keyboard 的键盘弹出后回弹默认高度表情键盘无法点击: [issue#1](https://github.com/react-native-oh-library/rn-emoji-keyboard/issues/1)
 - [ ] rn-emoji-keyboard 展开旋钮动画卡顿: [issue#2](https://github.com/react-native-oh-library/rn-emoji-keyboard/issues/2)
 
 ## 其他

From b01b64cae044498708fbff737f11e1c16342da0c Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Mon, 26 Aug 2024 01:45:38 +0000
Subject: [PATCH 439/966] =?UTF-8?q?!1363=20docs:=20[Issues:=20#IAK9R1]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-picker-select=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAK9R1]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-picker-select=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-picker-select.md | 235 ++++++++++++++++++++++++++++
 1 file changed, 235 insertions(+)
 create mode 100644 zh-cn/react-native-picker-select.md

diff --git a/zh-cn/react-native-picker-select.md b/zh-cn/react-native-picker-select.md
new file mode 100644
index 00000000..1a43ac22
--- /dev/null
+++ b/zh-cn/react-native-picker-select.md
@@ -0,0 +1,235 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-picker-select</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lawnstarter/react-native-picker-select/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-picker-select)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-picker-select@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-picker-select@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useRef, useState } from 'react';
+import { StyleSheet, Text, View, TextInput, ScrollView } from 'react-native';
+import RNPickerSelect from 'react-native-picker-select';
+
+const sports = [
+  {
+    label: 'Football',
+    value: 'football',
+    key: 'football'
+  },
+  {
+    label: 'Baseball',
+    value: 'baseball',
+    key: 'baseball'
+  },
+  {
+    label: 'Hockey',
+    value: 'hockey',
+    key: 'hockey'
+  },
+];
+const placeholder = {
+  label: 'Select a sport...',
+  value: null,
+  color: '#9EA0A4',
+};
+
+export function PickerSelectExample() {
+  const firstTextInputRef = useRef<TextInput | null>(null);
+  const favSport0Ref = useRef<RNPickerSelect | null>(null);
+  const favSport1Ref = useRef<RNPickerSelect | null>(null);
+
+  const [stateval, setStateval] = useState({
+    favSport0: undefined,
+    favSport1: undefined,
+    favSport2: undefined
+  });
+
+  return (
+    <ScrollView style={{ flex: 1, backgroundColor: "#fff", }}>
+      <Text>Standard TextInput</Text>
+      <TextInput
+        ref={firstTextInputRef}
+        returnKeyType="next"
+        enablesReturnKeyAutomatically
+        onSubmitEditing={() => {
+          favSport0Ref.current!.togglePicker(true, () => {
+            console.log('togglePicker');
+          });
+        }}
+        style={styles.inputAndroid}
+        blurOnSubmit={false}
+      />
+
+      <View style={styles.paddingView} />
+
+      <Text>useNativeAndroidPickerStyle (default)</Text>
+      <RNPickerSelect
+        ref={favSport0Ref}
+        style={styles}
+        placeholder={placeholder}
+        items={sports}
+        onValueChange={value => {
+          setStateval({ ...stateval, favSport0: value });
+        }}
+        onUpArrow={() => {
+          firstTextInputRef.current!.focus();
+        }}
+        onDownArrow={() => {
+          favSport1Ref.current!.togglePicker();
+        }}
+        value={stateval.favSport0}
+      />
+
+      <View style={styles.paddingView} />
+
+      <Text>set useNativeAndroidPickerStyle to false</Text>
+      <RNPickerSelect
+        ref={favSport1Ref}
+        style={styles}
+        placeholder={placeholder}
+        items={sports}
+        onValueChange={value => {
+          setStateval({ ...stateval, favSport1: value });
+        }}
+        value={stateval.favSport1}
+        useNativeAndroidPickerStyle={false}
+      />
+
+      <Text>example</Text>
+      <RNPickerSelect
+        style={styles}
+        placeholder={placeholder}
+        onValueChange={(value) => console.log(value)}
+        items={[
+          { label: 'Football', value: 'football' },
+          { label: 'Baseball', value: 'baseball' },
+          { label: 'Hockey', value: 'hockey' },
+        ]}
+      />
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#f8f9fa",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  paddingView: {
+    margin: 10,
+  },
+  inputIOS: {
+    fontSize: 16,
+    paddingVertical: 12,
+    paddingHorizontal: 10,
+    borderWidth: 1,
+    borderColor: 'gray',
+    borderRadius: 4,
+    color: 'black',
+    paddingRight: 30, // to ensure the text is never behind the icon
+  },
+  inputAndroid: {
+    width: 200,
+    fontSize: 16,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderWidth: 0.5,
+    borderColor: 'purple',
+    borderRadius: 8,
+    color: 'black',
+    paddingRight: 30, // to ensure the text is never behind the icon
+  },
+});
+```
+
+## Link
+
+本库依赖@react-native-oh-tpl/@react-native-picker/picker，如已在鸿蒙工程中引入过该库，则无需再次引入。
+
+如未引入请参照[@react-native-oh-tpl/@react-native-picker/picker 文档](<https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-picker-picker(nocodegen).md>)进行引入。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| onValueChange | Callback which returns `value, index`. | function | null | yes | All | yes |
+| items | The items for the component to render.<br> - Each item should be in the following format:<br>`{label: 'Orange', value: 'orange', key: 'orange', color: 'orange', inputLabel: 'Orange!', testID: 'e2e-orange'}`<br>- `label` and `value` are required<br>- `key`, `color`, `testID`, and `inputLabel` are optional<br>- `key` will be set to equal `label` if not included<br>- `value` can be any data type<br>- If `inputLabel` exists, the TextInput will display that value instead of the `label` | array | null | yes | All | yes |
+| placeholder | - An override for the default placeholder object with a label of `Select an item...` and a value of `null`.<br>- An empty object can be used if you'd like to disable the placeholder entirely. | object | null | no | All | yes |
+| disabled | Disables interaction with the component. | boolean | false | no | All | yes |
+| value | Will attempt to locate a matching item from the `items` array by checking each item's `value` property. If found, it will update the component to show that item as selected. If the value is not found, it will default to the first item. **WARNING:** do not use this attribute on iOS if you plan to allow the user to modify the value from within the `Picker`, use `itemKey` instead. | any | null | no | All | yes |
+| itemKey | Will attempt to locate a matching item from the `items` array by checking each item's `key` property. If found, it will update the component to show that item as selected. If the key is not found, it will attempt to find a matching item by `value` as above. | string, number | undefined | no | All | yes |
+| style | Style overrides for most parts of the component.<br>_More details in [styling](https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file#styling)_. | object | {} | no | All | yes |
+| darkTheme | Use the dark theme for the Picker. | boolean | false | no | iOS | yes |
+| pickerProps | Additional props to pass to the Picker (some props are used in core functionality so use this carefully). | object | {} | no | All | yes |
+| Icon | Custom icon component to be rendered.<br>_More details in [styling](https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file#styling)_. | Component | null | no | All | yes |
+| textInputProps | Additional props to pass to the TextInput (some props are used in core functionality so use this carefully). This is iOS only unless `useNativeAndroidPickerStyle={false}`. | object | {} | no | All | yes |
+| touchableWrapperProps | Additional props to pass to the touchable wrapping the TextInput (some props are used in core functionality so use this carefully). | object | {} | no | All | yes |
+| onOpen() | Callback triggered right before the opening of the picker.<br>_Not supported when `useNativeAndroidPickerStyle={true}`_. | function | null | no | All | yes |
+| useNativeAndroidPickerStyle | The component defaults to using the native Android Picker in its un-selected state. Setting this flag to `false` will mimic the default iOS presentation where a tappable TextInput is displayed.<br>_More details in [styling](https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file#styling)_. | boolean | true | no | Android | yes |
+| fixAndroidTouchableBug | Experimental flag to fix issue [#354](https://github.com/lawnstarter/react-native-picker-select/issues/354). | boolean | false | no | Android | yes |
+| InputAccessoryView | Replace the InputAcessoryView section (bar with tabbing arrown and Done button) of the opened picker with your own custom component. Can also return `null` here to hide completely. While this bar is typical on `select` elements on the web, the [interface guidelines](https://developer.apple.com/ios/human-interface-guidelines/controls/pickers/) does not include it. View the [snack](https://snack.expo.io/@lfkwtz/react-native-picker-select) to see examples on how this can be customized. | Component | null | no | iOS | yes |
+| doneText | "Done" default text on the modal. Can be overwritten here. | string | "Done" | no | iOS | yes |
+| onUpArrow() \/ onDownArrow() | Presence enables the corresponding arrow.<br>- Closes the picker.<br>- Calls the callback provided. | function | null | no | iOS | yes |
+| onDonePress() | Callback when the 'Done' button is pressed. | function | null | no | iOS | yes |
+| onClose(Bool) | Callback triggered right before the closing of the picker. It has one boolean parameter indicating if the done button was pressed or not. | function | null | no | iOS | yes |
+| modalProps | Additional props to pass to the Modal (some props are used in core functionality so use this carefully). | function | null | no | iOS | yes |
+| touchableDoneProps | Additional props to pass to the Done touchable (some props are used in core functionality so use this carefully). | function | null | no | iOS | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lawnstarter/react-native-picker-select/blob/master/LICENSE) ，请自由地享受和参与开源。

From 84e2e1dc8c2c1453c3fa8e77eb3b29fe3cceaddf Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Mon, 26 Aug 2024 03:23:07 +0000
Subject: [PATCH 440/966] =?UTF-8?q?!1420=20=E7=A7=BB=E9=99=A4react-native-?=
 =?UTF-8?q?vision-camera=E4=B8=AD=E5=AF=B9androidPreviewViewType=E7=9A=84?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=A3=B0=E6=98=8E=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAMFE5]=20=E7=A7=BB=E9=99=A4react-native-vision-camera=E4=B8=AD?=
 =?UTF-8?q?=E5=AF=B9androidPreviewVi=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-vision-camera.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index 7ad1387e..1a0e07c3 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -361,7 +361,7 @@ ohpm install
 | exposure                           | Specifies the Exposure bias of the current camera. A lower value means  darker images, a higher value means brighter images | number   | no       | All               | yes                |
 | format                             | Selects a given format. By default, the best matching format is chosen | object   | no       | All               | yes                |
 | resizeMode                         | Specifies the Preview's resize mode                          | string   | no       | All               | yes                |
-| androidPreviewViewType             | Specifies the implementation mode for the Preview View on Android or  Harmony | string   | no       | Android/HarmonyOS | yes                |
+| androidPreviewViewType             | Specifies the implementation mode for the Preview View on Android | string   | no       | Android | no                |
 | fps                                | Specify the frames per second this camera should stream frames at. | number   | no       | All               | yes                |
 | videoHdr                           | Enables or disables HDR Video Streaming for Preview, Video and Frame  Processor via a 10-bit wide-color pixel format | boolean  | no       | All               | yes                |
 | photoHdr                           | Enables or disables HDR Photo Capture via a double capture routine that  combines low- and high exposure photos | boolean  | no       | Android/iOS       | no                 |

From 5ae7548227cf94648840c2c4c82d667dd081e200 Mon Sep 17 00:00:00 2001
From: FuckFrank <wangyang497@h-partners.com>
Date: Mon, 26 Aug 2024 10:49:13 +0000
Subject: [PATCH 441/966] =?UTF-8?q?!1352=20=E6=96=B0=E5=A2=9Ereact-native-?=
 =?UTF-8?q?bouncy-checkbox=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20[#IAJ1P3]=20=E4=BF=AE=E6=94=B9react-native-bouncy-checkbox?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-bouncy-checkbox.md | 147 ++++++++++++++++++++++++++
 1 file changed, 147 insertions(+)
 create mode 100644 zh-cn/react-native-bouncy-checkbox.md

diff --git a/zh-cn/react-native-bouncy-checkbox.md b/zh-cn/react-native-bouncy-checkbox.md
new file mode 100644
index 00000000..2271f049
--- /dev/null
+++ b/zh-cn/react-native-bouncy-checkbox.md
@@ -0,0 +1,147 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-bouncy-checkbox</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/WrathChaos/react-native-bouncy-checkbox">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/WrathChaos/react-native-bouncy-checkbox/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/WrathChaos/react-native-bouncy-checkbox)
+
+## 安装与使用
+
+> [!TIP] 需要配套的服务和三方依赖
+
+| Dependencies                         | Version |
+| ------------------------------------ | ------- |
+| @freakycoder/react-native-bounceable | 1.0.3   |
+
+本库依赖[@freakycoder/react-native-bounceable文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/freakycoder-react-native-bounceable.md)
+
+#### **npm**
+
+```bash
+npm install --save react-native-bouncy-checkbox@4.0.1
+```
+
+#### **yarn**
+
+```bash
+yarn install --save react-native-bouncy-checkbox@4.0.1
+```
+
+下面的代码展示了这个库的基本使用场景：
+```js
+import React, { useState } from "react";
+import { StyleSheet,View,Image } from 'react-native';
+import BouncyCheckbox from  "react-native-bouncy-checkbox";
+
+export default function BouncyCheckboxwy () {
+  const [checkboxState, setCheckboxState] = React.useState(false);
+  return (
+  <View style={styles.container}>      
+  <BouncyCheckbox
+        bounceEffectIn={0.3}
+        bounceEffectOut={1}
+        bounceVelocityIn={0.5}
+        bounceVelocityOut={0.8}
+        bouncinessIn={30}
+        bouncinessOut={30}
+        size={80}
+        text="please press me!"
+        textStyle={styles.textstyle}
+        style={styles.container}
+        textContainerStyle={styles.textContainer}
+        fillColor={'black'}
+        unFillColor={"red"}
+        innerIconStyle={{ borderWidth: 5,borderColor:"black"}}
+        isChecked={checkboxState}
+        iconComponent={
+            <Image
+              style={{ height: 105, width: 105}}
+              source={require("./local-assets/smile.png")}
+            />
+          }
+        onPress={() => setCheckboxState(!checkboxState)}
+      />
+        </View>
+ 
+  );
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+  },
+   textContainer:{
+    backgroundColor: 'lightblue',
+    borderWidth: 5,
+    borderColor: 'black',
+    padding: 5,
+  },
+  textstyle: {
+    fontSize: 30,
+    color: '#010101',
+    fontWeight: '600',
+    textDecorationLine: "none",
+  }
+}); 
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio  5.0.3.404; ROM：5.0.0.31;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                 | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| :------------------- | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| isChecked            | if you want to control check state yourself, you can use `isChecked` prop now! | boolean   | no       | All      | yes               |
+| onPress              | set your own onPress functionality after the bounce effect, callback receives the next `isChecked` boolean if disableBuiltInState is false | function  | no       | All      | yes               |
+| onLongPress          | set your own onLongPress functionality after the bounce effect, callback receives the next `isChecked` boolean if disableBuiltInState is false | function  | no       | All      | yes               |
+| text                 | set the checkbox's text                                      | string    | no       | All      | yes               |
+| textComponent        | set the checkbox's text by a React Component                 | component | no       | All      | yes               |
+| disableText          | if you want to use checkbox without text, you can enable it  | boolean   | no       | All      | yes               |
+| size                 | size of `width` and `height` of the checkbox                 | number    | no       | All      | yes               |
+| style                | set/override the container style                             | style     | no       | All      | yes               |
+| textStyle            | set/override the text style                                  | style     | no       | All      | yes               |
+| iconStyle            | set/override the outer icon container style                  | style     | no       | All      | yes               |
+| innerIconStyle       | set/override the inner icon container style                  | style     | no       | All      | yes               |
+| fillColor            | change the checkbox's filled color                           | color     | no       | All      | yes               |
+| unfillColor          | change the checkbox's un-filled color when it's not checked  | color     | no       | All      | yes               |
+| iconComponent        | set your own icon component                                  | component | no       | All      | yes               |
+| checkIconImageSource | set your own check icon image                                | image     | no       | All      | yes               |
+| textContainerStyle   | set/override the text container style                        | ViewStyle | no       | All      | yes               |
+| ImageComponent       | set your own Image component instead of RN's default Image   | component | no       | All      | yes               |
+| TouchableComponent   | set/override the main TouchableOpacity component with any Touchable Component like Pressable | component | no       | All      | yes               |
+| bounceEffectIn       | change the bounce effect when press in                       | number    | no       | All      | yes               |
+| bounceEffectOut      | change the bounce effect when press out                      | number    | no       | All      | yes               |
+| bounceVelocityIn     | change the bounce velocity when press in                     | number    | no       | All      | yes               |
+| bounceVelocityOut    | change the bounce velocity when press out                    | number    | no       | All      | yes               |
+| bouncinessIn         | change the bounciness when press in                          | number    | no       | All      | yes               |
+| bouncinessOut        | change the bounciness when press out                         | number    | no       | All      | yes               |
+
+### 
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/WrathChaos/react-native-bouncy-checkbox/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From b7181f0551bc164921f7272eff5d1f330ddf97b4 Mon Sep 17 00:00:00 2001
From: z-gy <6541403+zgy_voood@user.noreply.gitee.com>
Date: Mon, 26 Aug 2024 10:59:05 +0000
Subject: [PATCH 442/966] =?UTF-8?q?!1358=20docs:=20[#IAK6QD]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-textinput-maxlength-fixed=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAK6QD]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-textinput-maxlength-fixed=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-native-textinput-maxlength-fixed.md | 172 ++++++++++++++++++
 1 file changed, 172 insertions(+)
 create mode 100644 zh-cn/react-native-textinput-maxlength-fixed.md

diff --git a/zh-cn/react-native-textinput-maxlength-fixed.md b/zh-cn/react-native-textinput-maxlength-fixed.md
new file mode 100644
index 00000000..237c5faf
--- /dev/null
+++ b/zh-cn/react-native-textinput-maxlength-fixed.md
@@ -0,0 +1,172 @@
+<p align="center">
+  <h1 align="center"> <code>react-native-textinput-maxlength-fixed</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/2017398956/react-native-textinput-maxlength-fixed">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/2017398956/react-native-textinput-maxlength-fixed/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-textinput-maxlength-fixed@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-textinput-maxlength-fixed@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import * as React from 'react';
+
+import { StyleSheet, View, Text, TextInput } from 'react-native';
+import { multiply } from 'react-native-textinput-maxlength-fixed';
+
+export default function App() {
+  const [result, setResult] = React.useState<number | undefined>();
+
+  React.useEffect(() => {
+    multiply(3, 7).then(setResult);
+  }, []);
+
+  return (
+    <View style={styles.container}>
+      <Text>Result: {result}</Text>
+      <TextInput maxLength={6} style={styles.textInput} />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  box: {
+    width: 60,
+    height: 60,
+    marginVertical: 20,
+  },
+  textInput: {
+    borderColor: 'gray',
+    borderWidth: 1,
+    padding: 16,
+    width: 300,
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-textinput-maxlength-fixed": "file:../../node_modules/@react-native-oh-tpl/react-native-textinput-maxlength-fixed/harmony/textinput_maxlength_fixed.har"
+  }
+```
+点击右上角的 `sync` 按钮
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNTextinputMaxlengthFixedPackage
+
+打开 `entry/src/main/ets/rn/RNPackagesFactory.ts`，添加：
+
+```diff
+import { RNPackageContext, RNPackage } from '@rnoh/react-native-openharmony';
+import { SampleTurboModulePackage } from '../TurboModule/SampleTurboModulePackage';
+import { ViewPagerPackage } from '@react-native-oh-tpl/react-native-pager-view/ts';
++import { RNTextinputMaxlengthFixedPackage } from "@react-native-oh-tpl/react-native-textinput-maxlength-fixed/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SampleTurboModulePackage(ctx),
+    new ViewPagerPackage(ctx),
++    new RNTextinputMaxlengthFixedPackage(ctx),
+  ];
+}
+```
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| multiply  | Calculate the product of two numbers. | number  | no | All      | 	yes |
+
+## 遗留问题
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/blob/main/LICENSE) ，请自由地享受和参与开源。

From b573e3d1f70f7899d810c80605081b1ca3f57afa Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Mon, 26 Aug 2024 11:04:44 +0000
Subject: [PATCH 443/966] =?UTF-8?q?!1419=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?document-picker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IAMENV]=20=E4=BF=AE=E6=94=B9react-native-documen?=
 =?UTF-8?q?t-picker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-document-picker.md | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 089ae262..c88042c0 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -346,8 +345,6 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases)
 
-本文档内容基于以下版本验证通过：
-1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
    
 ## 属性
 
@@ -391,10 +388,8 @@ ohpm install
 - [ ] releaseSecureAccess选择沙箱路径外文件无法实现， HarmonyOS 暂无此能力接口: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2)
 
 ## 其他
+- 因权限问题无法读写图库资源，文件管理中从图库选择文件暂不支持。
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 4a580687160fdc531a8082b0c3c52e57d6b38235 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=98=89=E8=AF=9A?= <linjiacheng1@huawei.com>
Date: Mon, 26 Aug 2024 12:45:20 +0000
Subject: [PATCH 444/966] =?UTF-8?q?!1377=20docs:=20[Issue:=20#IAKROC]=20?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85codegen=E7=94=9F=E6=88=90=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E6=8A=A5=E9=94=99=E5=A4=84=E7=90=86=E6=96=B9=E6=A1=88=20*=20do?=
 =?UTF-8?q?cs:=20[Issue:=20#IAKROC]=20=E8=A1=A5=E5=85=85codegen=E7=94=9F?=
 =?UTF-8?q?=E6=88=90=E8=B7=AF=E5=BE=84=E6=8A=A5=E9=94=99=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E6=96=B9=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/codegen.md           |  23 ++++++-
 zh-cn/deepmerge.md         | 100 +++++++++++++----------------
 zh-cn/lodash.md            |  66 ++++++++-----------
 zh-cn/mobx-react.md        |  80 +++++------------------
 zh-cn/mobx.md              |  86 +++++++++----------------
 zh-cn/parse5.md            | 127 ++++++++++---------------------------
 zh-cn/prop-types.md        |  60 ++++--------------
 zh-cn/styled-components.md |  59 ++++++-----------
 zh-cn/styled-system.md     |  59 ++++++++---------
 9 files changed, 231 insertions(+), 429 deletions(-)

diff --git a/zh-cn/codegen.md b/zh-cn/codegen.md
index ea7e22a8..76ff9a3c 100644
--- a/zh-cn/codegen.md
+++ b/zh-cn/codegen.md
@@ -1,4 +1,5 @@
 <!-- {% raw %} -->
+
 # Codegen 使用指导
 
 ## 简介
@@ -40,7 +41,25 @@ codegen-harmony 参数介绍：
 npm run codegen
 ```
 
-运行后，会在 `cpp-output-path` 参数指定的路径下生成 C++ 代码（若未指定则生成至默认路径），在 `rnoh-module-path`路径下生成 ArkTS/TS代码（必须生成在RN SDK下）。
+运行后，会在 `cpp-output-path` 参数指定的路径下生成 C++ 代码（若未指定则生成至默认路径），在 `rnoh-module-path`路径下生成 ArkTS/TS 代码（必须生成在 RN SDK 下）。
+
+**注意事项**
+
+脚本生成的代码需在项目工程中，否则会报如下错误：
+
+```
+[ERROR] Tried to remove files in path/generated and that path is outside current working directory
+```
+
+因此建议将原生工程置于 `RN` 工程内
+
+```
+.
+├── ReactNativeProject // RN 工程
+│   ├── android
+│   ├── ios
+│   ├── harmony // HarmonyOS 原生工程
+```
 
 ### 配置 CMakeLists 和引入 RNOHGeneratedPackage（C++）
 
@@ -80,4 +99,4 @@ PackageProvider::getPackages(Package::Context ctx) {
 }
 ```
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/zh-cn/deepmerge.md b/zh-cn/deepmerge.md
index 2284de0c..bdd8fe92 100644
--- a/zh-cn/deepmerge.md
+++ b/zh-cn/deepmerge.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install deepmerge@4.3.1
+npm install deepmerge@^4.3.1
 ```
 
 #### **yarn**
 
 ```bash
-yarn add deepmerge@4.3.1
+yarn add deepmerge@^4.3.1
 ```
 
 <!-- tabs:end -->
@@ -35,68 +35,54 @@ yarn add deepmerge@4.3.1
 快速使用：
 
 ```js
-import React from 'react';
-import { View, Text, StyleSheet, ScrollView } from 'react-native';
-import deepmerge from 'deepmerge';
-
-const App = () => {
-  // 定义两个需要合并的对象
-  const object1 = {
-    name: 'John',
-    age: 30,
-    address: {
-      street: '123 Main St',
-      city: 'Springfield',
+import deepmerge from "deepmerge";
+
+const x = {
+  foo: { bar: 3 },
+  array: [
+    {
+      does: "work",
+      too: [1, 2, 3],
     },
-  };
+  ],
+};
 
-  const object2 = {
-    age: 31,
-    address: {
-      country: 'USA',
+const y = {
+  foo: { baz: 4 },
+  quux: 5,
+  array: [
+    {
+      does: "work",
+      too: [4, 5, 6],
     },
-    hobbies: ['Reading', 'Hiking'],
-  };
-
-  // 使用 deepmerge 合并两个对象
-  const mergedObject = deepmerge(object1, object2);
-
-  return (
-    <ScrollView contentContainerStyle={styles.container}>
-      <Text style={styles.title}>Object 1:</Text>
-      <Text style={styles.text}>{JSON.stringify(object1, null, 2)}</Text>
-
-      <Text style={styles.title}>Object 2:</Text>
-      <Text style={styles.text}>{JSON.stringify(object2, null, 2)}</Text>
-
-      <Text style={styles.title}>Merged Object:</Text>
-      <Text style={styles.text}>{JSON.stringify(mergedObject, null, 2)}</Text>
-    </ScrollView>
-  );
+    {
+      really: "yes",
+    },
+  ],
 };
 
-const styles = StyleSheet.create({
-  container: {
-    flexGrow: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#f5fcff',
-    padding: 20,
+const output = {
+  foo: {
+    bar: 3,
+    baz: 4,
   },
-  title: {
-    fontSize: 20,
-    fontWeight: 'bold',
-    marginVertical: 10,
-  },
-  text: {
-    fontSize: 16,
-    marginBottom: 20,
-    textAlign: 'left',
-    width: '100%',
-  },
-});
+  array: [
+    {
+      does: "work",
+      too: [1, 2, 3],
+    },
+    {
+      does: "work",
+      too: [4, 5, 6],
+    },
+    {
+      really: "yes",
+    },
+  ],
+  quux: 5,
+};
 
-export default App;
+deepmerge(x, y); // => output
 ```
 
 ## 约束与限制
diff --git a/zh-cn/lodash.md b/zh-cn/lodash.md
index 54e5843c..a928b168 100644
--- a/zh-cn/lodash.md
+++ b/zh-cn/lodash.md
@@ -25,7 +25,7 @@ npm install lodash@4.17.21
 #### **yarn**
 
 ```bash
-yarn add lodash@4.17.21
+yarn add lodash@^4.17.21
 ```
 
 <!-- tabs:end -->
@@ -33,45 +33,31 @@ yarn add lodash@4.17.21
 直接使用：
 
 ```js
-import React, { useState } from 'react';
-import { View, Text, Button, FlatList } from 'react-native';
-import _ from 'lodash';
-
-const LodashDemo = () => {
-  const [data, setData] = useState([1, 2, 2, 3, 4, 4, 5]);
-  const [uniqueData, setUniqueData] = useState([]);
-
-  const handleRemoveDuplicates = () => {
-    const result = _.uniq(data);
-    setUniqueData(result);
-  };
-
-  return (
-    <View style={{ padding: 20 }}>
-      <Text style={{ fontSize: 18, marginBottom: 10 }}>Original Data:</Text>
-      <FlatList
-        data={data}
-        renderItem={({ item }) => <Text>{item}</Text>}
-        keyExtractor={(item, index) => index.toString()}
-      />
-
-      <Button title="Remove Duplicates" onPress={handleRemoveDuplicates} />
-
-      {uniqueData.length > 0 && (
-        <>
-          <Text style={{ fontSize: 18, marginTop: 20, marginBottom: 10 }}>Unique Data:</Text>
-          <FlatList
-            data={uniqueData}
-            renderItem={({ item }) => <Text>{item}</Text>}
-            keyExtractor={(item, index) => index.toString()}
-          />
-        </>
-      )}
-    </View>
-  );
-};
-
-export default LodashDemo;
+// findLastIndex 为例
+import lodashStable from "lodash";
+
+var users = [
+  { user: "barney", active: true },
+  { user: "fred", active: false },
+  { user: "pebbles", active: false },
+];
+
+lodashStable.findLastIndex(users, function (o) {
+  return o.user == "pebbles";
+});
+// => 2
+
+// The `_.matches` iteratee shorthand.
+lodashStable.findLastIndex(users, { user: "barney", active: true });
+// => 0
+
+// The `_.matchesProperty` iteratee shorthand.
+lodashStable.findLastIndex(users, ["active", false]);
+// => 2
+
+// The `_.property` iteratee shorthand.
+lodashStable.findLastIndex(users, "active");
+// => 0
 ```
 
 ### 兼容性
diff --git a/zh-cn/mobx-react.md b/zh-cn/mobx-react.md
index 5fb65ca4..82bd1270 100644
--- a/zh-cn/mobx-react.md
+++ b/zh-cn/mobx-react.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install mobx-react@7.6.0
+npm install mobx-react@^7.6.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add mobx-react@7.6.0
+yarn add mobx-react@^7.6.0
 ```
 
 <!-- tabs:end -->
@@ -57,73 +57,27 @@ npm install @babel/plugin-transform-class-properties --save-dev
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React from 'react';
-import { View, Text, Button, StyleSheet } from 'react-native';
-import { observer, inject, Provider } from 'mobx-react';
-import { observable, action, makeObservable } from 'mobx';
-
-class CounterStore {
-  count = 0;
-
-  constructor() {
-    makeObservable(this, {
-      count: observable,
-      increment: action,
-      decrement: action,
-    });
-  }
-
-  increment = () => {
-    this.count += 1;
-  };
-
-  decrement = () => {
-    this.count -= 1;
-  };
-}
-
-const counterStore = new CounterStore();
+import { observer } from "mobx-react";
+
+// ---- ES6 syntax ----
+const TodoView = observer(
+  class TodoView extends React.Component {
+    render() {
+      return <div>{this.props.todo.title}</div>;
+    }
+  },
+);
 
-// Counter 组件，使用 @inject 和 @observer 进行连接
-@inject('counterStore')
+// ---- ESNext syntax with decorator syntax enabled ----
 @observer
-class Counter extends React.Component {
+class TodoView extends React.Component {
   render() {
-    const { counterStore } = this.props;
-    return (
-      <View style={styles.container}>
-        <Text style={styles.text}>Count: {counterStore.count}</Text>
-        <Button title="Increment" onPress={counterStore.increment} />
-        <Button title="Decrement" onPress={counterStore.decrement} />
-      </View>
-    );
+    return <div>{this.props.todo.title}</div>;
   }
 }
 
-const App = () => {
-  return (
-    <Provider counterStore={counterStore}>
-      <View style={styles.container}>
-        <Counter />
-      </View>
-    </Provider>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#f5fcff',
-  },
-  text: {
-    fontSize: 20,
-    marginBottom: 20,
-  },
-});
-
-export default App;
+// ---- or just use function components: ----
+const TodoView = observer(({ todo }) => <div>{todo.title}</div>);
 ```
 
 ### 兼容性
diff --git a/zh-cn/mobx.md b/zh-cn/mobx.md
index dcd20aff..5a00e60a 100644
--- a/zh-cn/mobx.md
+++ b/zh-cn/mobx.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install mobx@6.10.0
+npm install mobx@^6.10.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add mobx@6.10.0
+yarn add mobx@^6.10.0
 ```
 
 <!-- tabs:end -->
@@ -57,63 +57,39 @@ npm install @babel/plugin-transform-class-properties --save-dev
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React from 'react';
-import { View, Text, Button, StyleSheet } from 'react-native';
-import { observer } from 'mobx-react-lite';
-import { makeAutoObservable } from 'mobx';
-
-class CounterStore {
-  count = 0;
+import React from "react";
+import ReactDOM from "react-dom";
+import { makeAutoObservable } from "mobx";
+import { observer } from "mobx-react-lite";
+
+// Model the application state.
+function createTimer() {
+  return makeAutoObservable({
+    secondsPassed: 0,
+    increase() {
+      this.secondsPassed += 1;
+    },
+    reset() {
+      this.secondsPassed = 0;
+    },
+  });
+}
 
-  constructor() {
-    makeAutoObservable(this);
-  }
+const myTimer = createTimer();
 
-  increment() {
-    this.count += 1;
-  }
+// Build a "user interface" that uses the observable state.
+const TimerView = observer(({ timer }) => (
+  <button onClick={() => timer.reset()}>
+    Seconds passed: {timer.secondsPassed}
+  </button>
+));
 
-  decrement() {
-    this.count -= 1;
-  }
-}
-
-// 创建一个store的实例
-const counterStore = new CounterStore();
-
-// 使用observer包裹组件，监听状态变化
-const Counter = observer(() => {
-  return (
-    <View style={styles.container}>
-      <Text style={styles.text}>Count: {counterStore.count}</Text>
-      <Button title="Increment" onPress={() => counterStore.increment()} />
-      <Button title="Decrement" onPress={() => counterStore.decrement()} />
-    </View>
-  );
-});
-
-const App = () => {
-  return (
-    <View style={styles.container}>
-      <Counter />
-    </View>
-  );
-};
+ReactDOM.render(<TimerView timer={myTimer} />, document.body);
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#f5fcff',
-  },
-  text: {
-    fontSize: 20,
-    marginBottom: 20,
-  },
-});
-
-export default App;
+// Update the 'Seconds passed: X' text every second.
+setInterval(() => {
+  myTimer.increase();
+}, 1000);
 ```
 
 ### 兼容性
diff --git a/zh-cn/parse5.md b/zh-cn/parse5.md
index 49f8772e..d06ee2b5 100644
--- a/zh-cn/parse5.md
+++ b/zh-cn/parse5.md
@@ -35,101 +35,38 @@ yarn add parse5@7.1.2
 直接使用：
 
 ```js
-import React, { useEffect, useState } from 'react';
-import { View, Text, ScrollView, StyleSheet } from 'react-native';
-import * as parse5 from 'parse5';
-
-const App = () => {
-  const [parsedContent, setParsedContent] = useState([]);
-
-  useEffect(() => {
-    const html = `
-      <div>
-        <h1>Hello, World!</h1>
-        <p>This is a simple HTML parsing example.</p>
-        <ul>
-          <li>Item 1</li>
-          <li>Item 2</li>
-          <li>Item 3</li>
-        </ul>
-      </div>
-    `;
-
-    const document = parse5.parse(html);
-
-    const extractContent = (nodes) => {
-      let content = [];
-      for (const node of nodes) {
-        if (node.nodeName === 'h1') {
-          content.push({ type: 'h1', text: node.childNodes[0].value });
-        } else if (node.nodeName === 'p') {
-          content.push({ type: 'p', text: node.childNodes[0].value });
-        } else if (node.nodeName === 'ul') {
-          const items = node.childNodes
-            .filter((child) => child.nodeName === 'li')
-            .map((li) => li.childNodes[0].value);
-          content.push({ type: 'ul', items });
-        } else if (node.childNodes && node.childNodes.length > 0) {
-          content = content.concat(extractContent(node.childNodes));
-        }
-      }
-      return content;
-    };
-
-    const content = extractContent(document.childNodes);
-    setParsedContent(content);
-  }, []);
-
-  return (
-    <ScrollView contentContainerStyle={styles.container}>
-      {parsedContent.map((element, index) => {
-        if (element.type === 'h1') {
-          return <Text key={index} style={styles.h1}>{element.text}</Text>;
-        } else if (element.type === 'p') {
-          return <Text key={index} style={styles.p}>{element.text}</Text>;
-        } else if (element.type === 'ul') {
-          return (
-            <View key={index} style={styles.ul}>
-              {element.items.map((item, i) => (
-                <Text key={i} style={styles.li}>{`• ${item}`}</Text>
-              ))}
-            </View>
-          );
-        }
-        return null;
-      })}
-    </ScrollView>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flexGrow: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    padding: 20,
-    backgroundColor: '#f5fcff',
-  },
-  h1: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    marginBottom: 20,
-  },
-  p: {
-    fontSize: 16,
-    marginBottom: 10,
-  },
-  ul: {
-    marginTop: 10,
-    marginBottom: 20,
-  },
-  li: {
-    fontSize: 16,
-    marginLeft: 20,
-  },
-});
-
-export default App;
+const parse5 = require("parse5");
+
+// parse
+const document = parse5.parse(
+  "<!DOCTYPE html><html><head></head><body>Hi there!</body></html>",
+);
+console.log(document.childNodes[1].tagName); //> 'html'
+
+// parseFragment
+const documentFragment = parse5.parseFragment("<table></table>");
+console.log(documentFragment.childNodes[0].tagName); //> 'table'
+const trFragment = parse5.parseFragment(
+  documentFragment.childNodes[0],
+  "<tr><td>Shake it, baby</td></tr>",
+);
+console.log(trFragment.childNodes[0].childNodes[0].tagName); //> 'td'
+
+// serialize
+const document = parse5.parse(
+  "<!DOCTYPE html><html><head></head><body>Hi there!</body></html>",
+);
+// Serializes a document.
+const html = parse5.serialize(document);
+// Serializes the <html> element content.
+const str = parse5.serialize(document.childNodes[1]);
+console.log(str); //> '<head></head><body>Hi there!</body>'
+
+// serializeOuter
+const document = parse5.parseFragment("<div>Hello, <b>world</b>!</div>");
+// Serializes the <div> element.
+const str = parse5.serializeOuter(document.childNodes[0]);
+console.log(str); //> '<div>Hello, <b>world</b>!</div>'
 ```
 
 ## 约束与限制
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index b4daf627..e4c9fe73 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -34,54 +34,22 @@ yarn add prop-types
 
 ```js
 import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
 import PropTypes from 'prop-types';
 
-const Greeting = ({ name, age }) => {
-  return (
-    <View style={styles.container}>
-      <Text style={styles.text}>Hello, {name}!</Text>
-      <Text style={styles.text}>You are {age} years old.</Text>
-    </View>
-  );
-};
-
-// 使用prop-types进行props类型验证
-Greeting.propTypes = {
-  name: PropTypes.string.isRequired, // name 必须是字符串且是必填项
-  age: PropTypes.number,             // age 是可选的且必须是数字
-};
-
-// 默认props值
-Greeting.defaultProps = {
-  age: 0,
-};
-
-const App = () => {
-  return (
-    <View style={styles.appContainer}>
-      <Greeting name="John" age={30} />
-      <Greeting name="Doe" />
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  appContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#f5fcff',
-  },
-  container: {
-    marginBottom: 20,
-  },
-  text: {
-    fontSize: 18,
-  },
-});
-
-export default App;
+class MyComponent extends React.Component {
+  render() {
+    // ... do things with the props
+  }
+}
+
+MyComponent.propTypes = {
+  optionalArray: PropTypes.array,
+  optionalBigInt: PropTypes.bigint,
+  optionalBool: PropTypes.bool,
+  optionalFunc: PropTypes.func,
+}
+
+optionalEnum: PropTypes.oneOf(['News', 'Photos']),
 ```
 
 ### 兼容性
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index 088583d4..4a80c894 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -35,54 +35,33 @@ yarn add styled-components@6.1.8
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React, { useState } from 'react';
-import styled from 'styled-components/native';
-
-// 使用 styled-components 创建一个带样式的容器
-const Container = styled.View`
-  flex: 1;
-  justify-content: center;
-  align-items: center;
-  background-color: #f5fcff;
-`;
+import React from "react";
 
-// 使用 styled-components 创建一个带样式的文本组件
-const StyledText = styled.Text`
-  font-size: 24px;
-  color: ${(props) => (props.children === 'Highlighted!' ? 'tomato' : 'black')};
-  margin-bottom: 20px;
-`;
+import styled from "styled-components";
 
-// 使用 styled-components 创建一个带样式的按钮
-const StyledButton = styled.TouchableOpacity`
-  background-color: #3498db;
-  padding: 10px 20px;
-  border-radius: 5px;
+// Create a <Title> react component that renders an <h1> which is
+// centered, palevioletred and sized at 1.5em
+const Title = styled.h1`
+  font-size: 1.5em;
+  text-align: center;
+  color: palevioletred;
 `;
 
-const ButtonText = styled.Text`
-  color: white;
-  font-size: 18px;
+// Create a <Wrapper> react component that renders a <section> with
+// some padding and a papayawhip background
+const Wrapper = styled.section`
+  padding: 4em;
+  background: papayawhip;
 `;
 
-const App = () => {
-  const [text, setText] = useState('Normal Text');
-
-  const toggleText = () => {
-    setText(text === 'Normal Text' ? 'Highlighted!' : 'Normal Text');
-  };
-
+function MyUI() {
   return (
-    <Container>
-      <StyledText>{text}</StyledText>
-      <StyledButton onPress={toggleText}>
-        <ButtonText>Toggle Text</ButtonText>
-      </StyledButton>
-    </Container>
+    // Use them like any other React component – except they're styled!
+    <Wrapper>
+      <Title>Hello World, this is my first styled component!</Title>
+    </Wrapper>
   );
-};
-
-export default App;
+}
 ```
 
 ## 约束与限制
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index 51327c82..de1e19db 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install styled-system@5.1.5
+npm install styled-system@^5.1.5
 ```
 
 #### **yarn**
 
 ```bash
-yarn add styled-system@5.1.5
+yarn add styled-system@^5.1.5
 ```
 
 <!-- tabs:end -->
@@ -35,39 +35,36 @@ yarn add styled-system@5.1.5
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React from 'react';
-import styled from 'styled-components/native';
-import { space, layout, color } from 'styled-system';
+import styled from 'styled-components'
+import { space, layout, typography, color } from 'styled-system'
 
-// 创建一个基础的 Box 组件
-const Box = styled.View`
+// Add styled-system functions to your component
+const Box = styled.div`
   ${space}
   ${layout}
+  ${typography}
   ${color}
-`;
-
-// 使用 Box 组件并应用不同的样式属性
-const App = () => {
-  return (
-    <Box
-      width="100%"
-      height={200}
-      padding={3}
-      margin={4}
-      backgroundColor="lightblue"
-    >
-      <Box
-        width={100}
-        height={100}
-        padding={2}
-        margin={2}
-        backgroundColor="blue"
-      />
-    </Box>
-  );
-};
-
-export default App;
+`
+// width: 50%
+<Box width={1/2} />
+
+// font-size: 20px (theme.fontSizes[4])
+<Box fontSize={4} />
+
+// margin: 16px (theme.space[2])
+<Box m={2} />
+
+// padding: 32px (theme.space[3])
+<Box p={3} />
+
+// color
+<Box color='tomato' />
+
+// color: #333 (theme.colors.gray[0])
+<Box color='gray.0' />
+
+// background color
+<Box bg='tomato' />
 ```
 
 ## 约束与限制

From 86474dc47e48b80c03319758931729770eeb910a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E4=B8=83?= <wangshan_aqi@163.com>
Date: Tue, 27 Aug 2024 02:23:45 +0000
Subject: [PATCH 445/966] =?UTF-8?q?!1302=20docs=EF=BC=9A[Issues:=20#IAHZ2J?=
 =?UTF-8?q?]=20=E6=96=B0=E5=A2=9Ereact-native-quick-base64=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAHZ2J]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-quick-base64=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-quick-base64.md | 598 +++++++++++++++++++++++++++++
 1 file changed, 598 insertions(+)
 create mode 100644 zh-cn/react-native-quick-base64.md

diff --git a/zh-cn/react-native-quick-base64.md b/zh-cn/react-native-quick-base64.md
new file mode 100644
index 00000000..9619f1e3
--- /dev/null
+++ b/zh-cn/react-native-quick-base64.md
@@ -0,0 +1,598 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-quick-base64</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/craftzdog/react-native-quick-base64">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/craftzdog/react-native-quick-base64/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-quick-base64)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-quick-base64@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-quick-base64@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { Text, View, TextInput, ScrollView, StyleSheet, Button } from 'react-native';
+import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from '@react-native-oh-tpl/react-native-quick-base64';
+
+type FuncBase64ToArrayBuffer = (
+  data: string,
+  removeLinebreaks?: boolean
+) => ArrayBuffer
+type FuncBase64FromArrayBuffer = (
+  data: string | ArrayBuffer,
+  urlSafe?: boolean
+) => string
+
+
+interface NativeModule {
+  base64FromArrayBuffer: FuncBase64FromArrayBuffer | undefined;
+  base64ToArrayBuffer: FuncBase64ToArrayBuffer | undefined;
+}
+
+const PALETTE = {
+  REACT_CYAN_LIGHT: 'hsl(193, 95%, 68%)',
+  REACT_CYAN_DARK: 'hsl(193, 95%, 30%)',
+};
+
+export function QuickBase64Test() {
+  // 测试字符串转base64
+  const [textTobase64, onChangeTextToBase64] = useState('');
+
+  const [base64ToTextLength, onChangeBase64TextLength] = useState(0);
+
+  const [base64ToText, onChangeBase64Text] = useState('');
+
+  const [byteArray, onChangeByteArray] = useState(new Uint8Array(0));
+
+  const [byteArrayRemove, onChangeByteArrayRemove] = useState(new Uint8Array(0));
+
+  const [fbArrayBase64Str, onChangeFbArrayBase64Str] = useState('');
+
+  const [fbArrayBase64StrUrlSafe, onChangeFbArrayBase64StrUrlSafe] = useState('');
+
+  const [testShimBtoA, onChangeTestShimBtoA] = useState(''); // 字符串转base64
+
+  const [testShimAtoB, onChangeTestShimAtoB] = useState(''); // base64转字符串
+
+  const [nativeModule, onChangeNativeModule] = useState<NativeModule>({
+    base64FromArrayBuffer: undefined,
+    base64ToArrayBuffer: undefined
+  });
+
+  const [nativeBFABText, onChangeNBFABText] = useState('');
+
+  const [nativeBFABTextUrlSafe, onChangeNBFABTextUrlSafe] = useState('');
+
+  const [nativeBTABText, onChangeNBTABText] = useState(new Uint8Array(0));
+
+  const [nativeBTABTextRemoveLinebreaks, onChangeNBTABTextRemoveLinebreaks] = useState(new Uint8Array(0));
+
+  const [trimBase64PaddingText, onChangeTrimBase64PaddingText] = useState('');
+
+  const byArray = new Uint8Array([72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100, 33]);
+  // 点击事件 字符串转base64
+  const onPressBtoA = (text: string) => {
+    let b64 = btoa(text);
+    console.log(`字符串转base64 ${b64}`);
+    onChangeTextToBase64(b64)
+  }
+
+  const [testText, onChangeTestText] = React.useState('');
+
+  // 点击事件 base64转字符串
+  const onPressAtoB = (text: string) => {
+    let textA = atob(text);
+    console.log(`base64转字符串 ${textA}`);
+    onChangeBase64Text(textA)
+  }
+
+  // 打印base64转为Unit8Array字节数组的长度
+  const onPressBase64Length = (text: string) => {
+    console.log(`打印base64长度1 ${text}`);
+    onChangeBase64TextLength(byteLength(text))
+  }
+
+  /* toByteArray 把base64字符串解码为Uint8Array */
+  const onPressToByteArray = (text: string) => {
+    let btArray = toByteArray(text);
+    console.log(`toByteArray ${btArray}`);
+    onChangeByteArray(btArray)
+  }
+
+  /* toByteArray 把base64字符串解码为Uint8Array  removeLinebreaks */
+  const onPressToByteArrayRemove = (text: string, removeLinebreaks: boolean = false) => {
+    let btArray = toByteArray(text, removeLinebreaks);
+    console.log(`toByteArray ${btArray}`);
+    onChangeByteArrayRemove(btArray)
+  }
+
+  /* fromByteArray 把Uint8Array编码为Base64字符串 */
+  const onPressFromByteArray = (
+    uint8: Uint8Array,
+    urlSafe: boolean = false) => {
+    let b64 = fromByteArray(uint8);
+    console.log(`fromByteArray ${b64}`);
+    onChangeFbArrayBase64Str(b64)
+  }
+
+  /* fromByteArray 把Uint8Array编码为Base64字符串  */
+  const onPressFromByteArrayUrlSafe = (
+    uint8: Uint8Array,
+    urlSafe: boolean = false) => {
+    let b64 = fromByteArray(uint8, urlSafe);
+    console.log(`fromByteArray ${b64}`);
+    onChangeFbArrayBase64StrUrlSafe(b64)
+  }
+
+  /* shim 给全局对象添加btoa和atob函数的shim实现 */
+  const handleAddShimToGlobal = () => {
+    shim();
+    console.log(typeof global.btoa); // 应该输出 "function"
+    console.log(typeof global.atob); // 同样应该输出 "function"
+  }
+
+  const onPressTestShimBtoA = (text: string) => {
+    const encodeBase64 = global.btoa(text);
+    console.log(`shim global btoa ${encodeBase64}`);
+    onChangeTestShimBtoA(encodeBase64)
+  }
+
+  const onPressTestShimAtoB = (text: string) => {
+    const decodeBase64 = global.atob(text);
+    console.log(`shim global atob ${decodeBase64}`);
+    onChangeTestShimAtoB(decodeBase64)
+  }
+
+  /* trimBase64Padding 清除Base64字符串的填充字符 */
+  const onPressTrimBase64Padding = (text: string) => {
+    let trimBase64 = trimBase64Padding(text);
+    console.log(`shim global atob ${trimBase64}`);
+    onChangeTrimBase64PaddingText(trimBase64)
+  }
+
+  /* getNative 返回包含base64FromArrayBuffer和base64ToArrayBuffer函数的对象 */
+  const onPressGetNative = () => {
+    const native = getNative() as NativeModule;
+    onChangeNativeModule(native)
+  }
+
+  /**
+   * @param text 
+   * base64FromArrayBuffer方法接受一个Base64编码的字符串或ArrayBuffer，
+   * 以及一个可选的布尔值参数，该参数决定是否生成的Base64字符串是URL安全的。
+   * 这个方法将ArrayBuffer对象转换为Base64编码的字符串。
+   */
+  const onPressNBFAB = (text: string | ArrayBuffer) => {
+    if (nativeModule?.base64FromArrayBuffer) {
+      let base64FromArrayBuffer = nativeModule.base64FromArrayBuffer(text);
+      onChangeNBFABText(base64FromArrayBuffer)
+    }
+  }
+
+  /** 
+  * @description base64转换Unit8Array 去除换行符
+  * @param text
+  * @param removeLinebreaks true
+  * 
+  */
+  const onPressNBFABUrlSafe = (text: string | ArrayBuffer, urlSafe: boolean = false) => {
+    if (nativeModule?.base64FromArrayBuffer) {
+      let base64FromArrayBuffer = nativeModule.base64FromArrayBuffer(text, urlSafe);
+      onChangeNBFABTextUrlSafe(base64FromArrayBuffer)
+    }
+  }
+
+  /** 
+   * @description base64转换Unit8Array
+   * base64ToArrayBuffer方法接受一个Base64编码的字符串和一个可选的布尔值参数，
+   * 该参数决定是否在转换过程中删除换行符。这个方法将Base64编码的字符串转换为ArrayBuffer对象。
+   * @param text
+   * @param removeLinebreaks 默认值 false
+   * 
+   */
+  const onPressNBTAB = (text: string) => {
+    if (nativeModule?.base64ToArrayBuffer) {
+      let base64ToArrayBuffer = new Uint8Array(nativeModule.base64ToArrayBuffer(text));
+      onChangeNBTABText(base64ToArrayBuffer)
+    }
+  }
+
+  /** 
+   * @description base64转换Unit8Array 去除换行符
+   * @param text
+   * @param removeLinebreaks true
+   * 
+   */
+  const onPressNBTABRemoveLinebreaks = (text: string, removeLinebreaks: boolean = false) => {
+    if (nativeModule?.base64ToArrayBuffer) {
+      let base64ToArrayBuffer = new Uint8Array(nativeModule.base64ToArrayBuffer(text, removeLinebreaks));
+      onChangeNBTABTextRemoveLinebreaks(base64ToArrayBuffer)
+    }
+  }
+
+  return (
+    <ScrollView>
+      <View style={styles.mainContainer}>
+        <View>
+          <TextInput
+            style={{ height: 40, borderColor: '#978081', borderWidth: 1, width: 300, marginBottom: 20, backgroundColor: '#f5f5f5' }}
+            onChangeText={(text) => onChangeTestText(text)}
+            placeholder="please input test text"
+            placeholderTextColor={'#674651'}
+            value={testText}
+          />
+        </View>
+
+        <View>BtoA Encodes a character string into a Base64 character string.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test string transform base64, testing the text: {testText}</Text>
+          <Button
+            title="BtoA"
+            onPress={() => { onPressBtoA(testText) }}
+          />
+          <Text style={{ color: 'green' }}>{(textTobase64)}</Text>
+        </View>
+
+        <View>AtoB Convert base64 to character string.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test base64 transform string, testing the text: {textTobase64}</Text>
+          <Button
+            title="AtoB"
+            onPress={() => { onPressAtoB(textTobase64) }}
+          />
+          <Text style={{ color: 'green' }}>{(base64ToText)}</Text>
+        </View>
+
+        <View>Decodes a base64 string into a Uint8Array.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test base64 transform Unit8Array, testing the text: {textTobase64}</Text>
+          <Button
+            title="onPressToByteArray"
+            onPress={() => { onPressToByteArray(textTobase64) }}
+          />
+          <Text style={{ color: 'green' }}>{(byteArray.toString())}</Text>
+        </View>
+
+
+
+        <View>Decodes a base64 string into a Uint8Array. Whether to cancel line breaks.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test base64 transform Unit8Array add removeLinebreaks is true, testing the text: {textTobase64}</Text>
+          <Button
+            title="onPressToByteArrayRemove"
+            onPress={() => { onPressToByteArrayRemove(textTobase64, true) }}
+          />
+          <Text style={{ color: 'green' }}>{(byteArrayRemove.toString())}</Text>
+        </View>
+
+
+
+        <View>Takes a base64 string and returns the length of the byte array."</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>get Unit8Array length form base64 transform, testing the text: {textTobase64}</Text>
+          <Button
+            title="base64ToTextLength"
+            onPress={() => { onPressBase64Length(textTobase64) }}
+          />
+          <Text style={{ color: 'green' }}>{(base64ToTextLength)}</Text>
+        </View>
+
+
+
+        <View>Encodes a Uint8Array into a Base64 character string.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test Uint8Array transform base64 string, testing the text: {byteArray.toString()}</Text>
+          <Button
+            title="onPressFromByteArray"
+            onPress={() => { onPressFromByteArray(byteArray) }}
+          />
+          <Text style={{ color: 'green' }}>{(fbArrayBase64Str)}</Text>
+        </View>
+
+        <View>Encodes a Uint8Array into a Base64 character string. The urlSafe parameter determines whether Base64 encoding uses the URL-safe variant.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test Uint8Array transform base64 string add urlSafe params, testing the text: {byteArray.toString()}</Text>
+          <Button
+            title="onPressFromByteArrayUrlSafe"
+            onPress={() => { onPressFromByteArrayUrlSafe(byteArray) }}
+          />
+          <Text style={{ color: 'green' }}>{(fbArrayBase64StrUrlSafe)}</Text>
+        </View>
+
+        <View
+          style={{ display: 'flex', flexDirection: 'column', backgroundColor: '#ffffff' }}>
+          <Text>Add btoa and atob functions for global objects</Text>
+          <Button title="shim set global" onPress={() => handleAddShimToGlobal()} />
+        </View>
+
+
+        {/* 测试shim 设置 btoa和atob函数 成功与否 */}
+        <View>Test whether the shim sets the btoa function successfully.</View>
+
+        <View style={{ marginTop: 20, display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test shim BtoA, testing the text: {testText}</Text>
+          <Button title="test shim BtoA" onPress={() => { onPressTestShimBtoA(testText) }} />
+          <Text style={{ color: 'green' }}>{testShimBtoA}</Text>
+        </View>
+
+
+        {/* 测试shim 设置 btoa和atob函数 成功与否 */}
+        <View>Test whether the shim sets the atob function successfully.</View>
+
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test shim AtoB, testing the text: {textTobase64}</Text>
+          <Button title="test shim AtoB" onPress={() => { onPressTestShimAtoB(textTobase64) }} />
+          <Text style={{ color: 'green' }}>{testShimAtoB}</Text>
+        </View>
+
+
+        {/* trimBase64Padding 清除Base64字符串的填充字符 */}
+        <View>trimBase64Padding.</View>
+
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>trimBase64Padding clears the padding characters of a Base64 string, testing the text: {textTobase64}</Text>
+          <Button title="test trimBase64Padding" onPress={() => { onPressTrimBase64Padding(textTobase64) }} />
+          <Text style={{ color: 'green' }}>{trimBase64PaddingText}</Text>
+        </View>
+
+        <View style={{ backgroundColor: "#ffffff" }}>
+          <Text>Click the button below to get native function for base64FromArrayBuffer and base64ToArrayBuffer</Text>
+          <Button title="Get getNative function" onPress={() => { onPressGetNative() }} />
+        </View>
+
+
+        <View>Click the button below to get base64FromArrayBuffer transform text.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>base64 transform string text: {testText}</Text>
+          <Button title="onPressNBFAB" onPress={() => { onPressNBFAB(testText) }} />
+          <Text style={{ color: 'green' }}>{nativeBFABText}</Text>
+        </View>
+
+        <View>Click the button below to get base64FromArrayBuffer transform text, The urlSafe parameter determines whether Base64 encoding uses the URL-safe variant."</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>ArrayBuffer transform string text: {[72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]}</Text>
+          <Button title="onPressNBFABUrlSafe" onPress={() => { onPressNBFABUrlSafe(new Uint8Array([72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]).buffer) }} />
+          <Text style={{ color: 'green' }}>{nativeBFABTextUrlSafe}</Text>
+        </View>
+
+        <View>Click the button below to get base64ToArrayBuffer transform text.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>base64 transform ArrayBuffer text: {textTobase64}</Text>
+          <Button title="onPressNBTAB" onPress={() => { onPressNBTAB(textTobase64) }} />
+          <Text style={{ color: 'green' }}>{nativeBTABText.toString()}</Text>
+        </View>
+
+        <View>Click the button below to get base64ToArrayBuffer transform text, Remove Line Breaks.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>base64 transform ArrayBuffer text: {textTobase64}</Text>
+          <Button title="onPressNBTABRemoveLinebreaks" onPress={() => { onPressNBTABRemoveLinebreaks(textTobase64) }} />
+          <Text style={{ color: 'green' }}>{nativeBTABTextRemoveLinebreaks}</Text>
+        </View>
+
+      </View>
+    </ScrollView>
+  );
+}
+
+
+const styles = StyleSheet.create({
+  mainContainer: {
+    flex: 1,
+    paddingTop: 20,
+    paddingLeft: 20,
+    paddingRight: 20,
+    paddingBottom: 20,
+    backgroundColor: '#f5f5f5',
+    color: '#674651',
+  },
+});
+```
+
+## 使用Codegen
+
+本库未带rc.x的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+ "dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-quick-base64": "file:../../node_modules/@react-native-oh-tpl/react-native-quick-base64/harmony/rn_quick_base64.har"
+ }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 GestureHandlerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-quick-base64/src/main/cpp" ./rn_quick_base64)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_quick_base64)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNQuickBase64Package.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNQuickBase64Package>(ctx)
+    };
+}
+```
+
+### 在 ArkTs 侧引入 Gesture Handler Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import { RNQuickBase64Package } from '@react-native-oh-tpl/react-native-quick-base64/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNQuickBase64Package(ctx),
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)
+
+> [!TIP] [官方文档](https://github.com/craftzdog/react-native-quick-base64)
+
+## 静态方法
+
+以下是提供的静态方法数据:
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME         | Description                                                             | TYPE | Required | Platform | HarmonyOS Support |
+| ---------------- | --------------------------------------------------------------------------- | ------ | ------ | -------- | -------- |
+| btoa            | Encodes a string in base64.                                               | Function | no | All      | yes      |
+| atob | Decodes a base64 encoded string. | Function | no | All      | yes      |
+| toByteArray | Takes a base64 string and returns a byte array. Optional `removeLinebreaks` removes all `\n` characters. | Function | no | All      | yes      |
+| byteLength | Takes a base64 string and returns length of byte array. | Function | no | All      | yes      |
+| fromByteArray | Takes a byte array and returns a base64 string. Optional `urlSafe` flag `true` will use [the URL-safe dictionary](https://github.com/craftzdog/react-native-quick-base64/blob/9d02dfd02599ca104d2ed6c1e2d938ddd9d6cd15/cpp/base64.h#L75). | Function | no | All      | yes      |
+| shim | Adds `btoa` and `atob` functions to `global`. | Function | no | All      | yes      |
+| trimBase64Padding | Trims the `=` padding character(s) off of the end of a base64 encoded string. Also, for base64url encoded strings, it will trim off the trailing `.` character(s). | Function | no | All      | yes      |
+| getNative | Obtain the native base64ToArrayBuffer and base64FromArrayBuffer functions. | Function | no | All      | yes      |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-quick-base64/blob/sig/LICENSE) ，请自由地享受和参与开源。

From cf1f5550288bccb4831a4844a08914aada5ad867 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=93=AA=E9=83=BD=E9=80=9A?= <amiz21@qq.com>
Date: Tue, 27 Aug 2024 04:09:45 +0000
Subject: [PATCH 446/966] =?UTF-8?q?!1426=20docs:=20[Issues:=20#IAMQH3]=20i?=
 =?UTF-8?q?mage-base64=E6=96=87=E6=A1=A3=E6=97=A5=E8=90=BD=20*=20docs:=20[?=
 =?UTF-8?q?Issues:=20#IAMQH3]=20image-base64=E6=96=87=E6=A1=A3=E6=97=A5?=
 =?UTF-8?q?=E8=90=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                          |   3 +-
 zh-cn/README.md                    |   3 +-
 zh-cn/react-native-image-base64.md | 224 -----------------------------
 3 files changed, 2 insertions(+), 228 deletions(-)
 delete mode 100644 zh-cn/react-native-image-base64.md

diff --git a/README.md b/README.md
index fce7041d..df571c5f 100644
--- a/README.md
+++ b/README.md
@@ -169,7 +169,7 @@
 | 137 | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
 | 138 | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −         | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
 | 139 | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是         | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
-| 140 | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
+| 140  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator) |0.3.4     | -             |  [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)  |  [链接](/zh-cn/react-native-tab-navigator.md)  |
 | 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −         | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
 | 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.0.1       | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
 | 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否         | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
@@ -410,7 +410,6 @@
 | 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe) |1.3.2     | -                 |  -  |  [链接](/zh-cn/react-subscribe.md)  |
 | 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker) |2.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-pickers.md)  |
 | 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode) |0.2.7     | -             |  [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)  |  [链接](/zh-cn/react-native-QRCode.md)  |
-| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator) |0.3.4     | -             |  [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)  |  [链接](/zh-cn/react-native-tab-navigator.md)  |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index fce7041d..df571c5f 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -169,7 +169,7 @@
 | 137 | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
 | 138 | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −         | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
 | 139 | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是         | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
-| 140 | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                  | 0.1.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
+| 140  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator) |0.3.4     | -             |  [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)  |  [链接](/zh-cn/react-native-tab-navigator.md)  |
 | 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −         | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
 | 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.0.1       | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
 | 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否         | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
@@ -410,7 +410,6 @@
 | 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe) |1.3.2     | -                 |  -  |  [链接](/zh-cn/react-subscribe.md)  |
 | 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker) |2.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-pickers.md)  |
 | 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode) |0.2.7     | -             |  [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)  |  [链接](/zh-cn/react-native-QRCode.md)  |
-| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator) |0.3.4     | -             |  [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)  |  [链接](/zh-cn/react-native-tab-navigator.md)  |
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/react-native-image-base64.md b/zh-cn/react-native-image-base64.md
deleted file mode 100644
index 7f6fef22..00000000
--- a/zh-cn/react-native-image-base64.md
+++ /dev/null
@@ -1,224 +0,0 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
-
-<p align="center">
-  <h1 align="center"> <code>react-native-image-base64</code> </h1>
-</p>
-<p align="center">
-    <a href="https://github.com/SnappFr/react-native-image-base64">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/SnappFr/react-native-image-base64/blob/master/LICENSE.md">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-base64)
-
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-base64 Releases](https://github.com/react-native-oh-library/react-native-image-base64/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
-
-<!-- tabs:start -->
-
-#### **npm**
-
-```bash
-npm install @react-native-oh-tpl/react-native-image-base64@file:#
-```
-
-#### **yarn**
-
-```bash
-yarn add @react-native-oh-tpl/react-native-image-base64@file:#
-```
-
-<!-- tabs:end -->
-
-下面的代码展示了这个库的基本使用场景：
-
-> [!WARNING] 使用时 import 的库名不变。
-
-```js
-import { StyleSheet, View, Button, Image } from "react-native";
-import React from "react";
-import ImgToBase64 from "react-native-image-base64";
-import { isSourceFile } from "typescript";
-
-export default function PermissionsExample() {
-  const viewPer = React.useRef < View > null;
-  const ref = React.useRef(null);
-  const onCapture = (uri: any) => {
-    console.info("onCapture callback");
-    setTxt(JSON.stringify(uri));
-  };
-  const onCaptureFailure = (err: any) => {
-    console.info("onCaptureFailure " + JSON.stringify(err));
-    setTxt(JSON.stringify(err));
-  };
-  const [txt, setTxt] = React.useState("");
-  return (
-    <View style={styles.sectionContainer}>
-      <Button
-        title="获取网络图片的Base64编码"
-        onPress={async () => {
-          let base64Str = await ImgToBase64.getBase64String(
-            "https://img0.baidu.com/it/u=2303734322,1592927702&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500"
-          );
-          console.info("Image's Base64:", base64Str);
-        }}
-        style={styles.button}
-      />
-      {/* 两按钮之间的垂直距离 */}
-      <View style={styles.buttonSpacing} />
-      <Button
-        title="获取本地图片的Base64编码"
-        onPress={async () => {
-          let base64Str = await ImgToBase64.getBase64String("");
-          console.info("Image's Base64:", base64Str);
-        }}
-        style={styles.button}
-      />
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  sectionContainer: {
-    marginTop: 100,
-    paddingHorizontal: 24,
-  },
-  view: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "space-evenly",
-    flexWrap: "wrap",
-    margin: 50,
-  },
-  button: {
-    matiginVertical: 10, // 垂直间距
-  },
-  buttonSpacing: {
-    height: 20,
-    width: "100%",
-  },
-});
-```
-
-## 使用 Codegen
-
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
-
-## Link
-
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
-
-```json
-{
-  ...
-  "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
-  }
-}
-```
-
-### 引入原生端代码
-
-目前有两种方法：
-
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
-
-方法一：通过 har 包引入（推荐）
-
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-image-base64": "file:../../node_modules/@react-native-oh-tpl/react-native-image-base64/harmony/ImageBase64.har"
-  }
-```
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-```
-
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
-
-### 引入 RNImageBase64Package
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
-
-```diff
-  ...
-+ import { RNImageBase64Package } from "@react-native-oh-tpl/react-native-image-base64/ts"
-
-export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
-  return [
-    new SamplePackage(ctx),
-+   new RNImageBase64Package(ctx)
-  ];
-}
-```
-
-### 运行
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-```
-
-然后编译、运行即可。
-
-## 约束与限制
-
-### 兼容性
-
-本文档内容基于以下版本验证通过：
-
-1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1(api12) 5.0.0.22; IDE: DevEco Studio 5.0.3.300SP2;
-
-## API
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                | Description                                                                   | Type     | Required | Platform | HarmonyOS Support |
-| ------------------- | ----------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| getBase64String     | Retrieve the base64 encoding of the specified image. Return a string type.    | function | no       | All      | yes               |
-| getPixelMapFromURL  | Convert network images to PixelMap format.                                    | function | no       | All      | yes               |
-| getPixelMapFromFile | Convert local images to PixelMap format.                                      | function | no       | All      | yes               |
-| pixelMapToBase64    | Convert PixelMap format images to their corresponding base64 encoding format. | function | no       | All      | yes               |
-
-## 遗留问题
-
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/SnappFr/react-native-image-base64/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From ec4ed1849b21d5ff036d9e99b0942e46f998bca7 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Tue, 27 Aug 2024 06:48:49 +0000
Subject: [PATCH 447/966] =?UTF-8?q?!1423=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-shake=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20=20[Issues:=20#IAMPKR]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-shake=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-shake.md | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/zh-cn/react-native-shake.md b/zh-cn/react-native-shake.md
index 75f69ed5..f687fab2 100644
--- a/zh-cn/react-native-shake.md
+++ b/zh-cn/react-native-shake.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -132,8 +131,9 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-  ...
-+ import { ShakePackage } from "@react-native-oh-tpl/rnoh-shake-package/ts";
+...
+
++ import { ShakePackage } from "@react-native-oh-tpl/react-native-shake/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -168,9 +168,7 @@ ohpm install
 
 ### 权限要求
 
-Add the following permissions to their respective files:
-
-In your `module.json5`
+此库接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH，权限需配置在entry/src/main目录下module.json5文件中
 
 ```
  "requestPermissions": [
@@ -182,9 +180,9 @@ In your `module.json5`
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -197,5 +195,4 @@ In your `module.json5`
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/Doko-Demo-Doa/react-native-shake/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/Doko-Demo-Doa/react-native-shake/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 12ed183acc14f6267aa9d648d198cda9c24fc031 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Tue, 27 Aug 2024 06:50:53 +0000
Subject: [PATCH 448/966] =?UTF-8?q?!1424=20docs:=20[#IAMQ1E]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-fast-image=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAMQ1E]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-fast-image=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fast-image.md | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index 4c1774ac..fa296ced 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -263,11 +263,11 @@ ohpm install
 | `source.cache?`                | setting loading url cache mode                                                            | enum             | no       | All      | no                |
 | `defaultSource?`               | An asset loaded with require(...).                                                        | number           | yes      | All      | yes               |
 | `resizeMode?`                  | loading image for scale mode                                                              | enum             | yes      | All      | yes               |
-| `onLoadStart?: () => void`     | Called when the image starts to load.                                                     | function         | yes      | All      | yes               |
-| `onProgress?: (event) => void` | Called when the image is loading.                                                         | function         | yes      | All      | yes               |
-| `onLoad?: (event) => void`     | Called on a successful image fetch. Called with the width and height of the loaded image. | function         | yes      | All      | yes               |
-| `onError?: () => void`         | Called on an image fetching error.                                                        | function         | yes      | All      | yes               |
-| `onLoadEnd?: () => void`       | Called when the image finishes loading, whether it was successful or an error.            | function         | yes      | All      | yes               |
+| `onLoadStart`                  | Called when the image starts to load.                                                     | function         | yes      | All      | yes               |
+| `onProgress`                   | Called when the image is loading.                                                         | function         | yes      | All      | yes               |
+| `onLoad`                       | Called on a successful image fetch. Called with the width and height of the loaded image. | function         | yes      | All      | yes               |
+| `onError`                      | Called on an image fetching error.                                                        | function         | yes      | All      | yes               |
+| `onLoadEnd`                    | Called when the image finishes loading, whether it was successful or an error.            | function         | yes      | All      | yes               |
 | `tintColor?`                   | If supplied, changes the color of all the non-transparent pixels to the given color.      | number \| string | yes      | All      | yes               |
 
 ## 静态方法
@@ -278,13 +278,14 @@ ohpm install
 
 | Name                                              | Description                                | Type     | Required | Platform | HarmonyOS Support |
 | ------------------------------------------------- | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
-| `FastImage.preload: (source[]) => void`           | Preload images to display later. e.g.      | function | No       | All      | No                |
-| `FastImage.clearMemoryCache: () => Promise<void>` | Clear all images from memory cache.        | function | No       | All      | no                |
-| `FastImage.clearDiskCache: () => Promise<void>`   | Clear all images from disk cache. priority | function | No       | All      | no                |
+| `FastImage.preload`          | Preload images to display later. e.g.      | function | no       | All      | yes                |
+| `FastImage.clearMemoryCache` | Clear all images from memory cache.        | function | no       | All      | yes                |
+| `FastImage.clearDiskCache`   | Clear all images from disk cache. priority | function | no       | All      | yes                |
 
 ## 遗留问题
 
-- [ ] 部分涉及使用缓存能力的接口[issue#8](https://github.com/react-native-oh-library/react-native-fast-image/issues/8)
+- [ ] 不支持属性 source.cache.  [issue#57](https://github.com/react-native-oh-library/react-native-fast-image/issues/57)
+- [ ] 不支持属性 source.priority.  [issue#56](https://github.com/react-native-oh-library/react-native-fast-image/issues/56)
 
 ## 其他
 

From 835d2620e14f7e2fceae3893499de7daee1fe326 Mon Sep 17 00:00:00 2001
From: len <787118083@qq.com>
Date: Tue, 27 Aug 2024 07:40:23 +0000
Subject: [PATCH 449/966] =?UTF-8?q?!1351=20docs:[Issues:#IAJZ3V]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-router-dom=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAJZ3V]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-router-dom=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-router-dom.md | 346 ++++++++++++++++++++++++++++++++------
 1 file changed, 298 insertions(+), 48 deletions(-)

diff --git a/zh-cn/react-router-dom.md b/zh-cn/react-router-dom.md
index 215ac378..3c9c206e 100644
--- a/zh-cn/react-router-dom.md
+++ b/zh-cn/react-router-dom.md
@@ -1,11 +1,10 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-router-dom</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/remix-run/react-router">
+    <a href="https://github.com/remix-run/react-router/tree/main/packages/react-router-dom">
         <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/remix-run/react-router/blob/main/LICENSE.md">
@@ -13,73 +12,320 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/remix-run/react-router)
+> [!tip] [Github 地址](https://github.com/remix-run/react-router/tree/main/packages/react-router-dom)
 
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
 
-<!-- tabs:start -->
-
 #### **npm**
 
 ```bash
-npm i react-router-dom@6.22.1
+npm i react-router-dom@6.22.3
 ```
-
 #### **yarn**
 
 ```bash
-yarn add react-router-dom@6.22.1
+yarn add react-router-dom@6.22.3
 ```
-
-<!-- tabs:end -->
-
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```tsx
-import React from "react";
-import { ScrollView } from "react-native";
-import { Route, Routes, MemoryRouter as Router } from "react-router-dom";
+import React from 'react';
+import { Platform, StyleSheet, Text, TextInput, View, Button, ScrollView } from 'react-native';
+import {
+    Route, Routes, Navigate, Outlet, useLocation,
+    useNavigate,
+    useOutlet,
+    useRoutes,
+    MemoryRouter as Router
+} from 'react-router-dom';
 
-const DomDemo = () => {
-  const initialEntries = [
-    "/",
-    { pathname: "/login", state: { stateTest: "stateTestContent" } },
-    { pathname: "/detail", state: { stateTest: "stateTestContent" } },
-    "/index3",
-  ];
-  return (
-    <ScrollView style={styles.container}>
-      <Router
-        initialEntries={initialEntries}
-        initialIndex={initialIndex}
-        future={{ v7_startTransition: true }}
-      >
-        <Routes>
-          <Route path="/" element={<Home />}>
-            <Route path="messages" element={<HomeMessages />} />
-            <Route path="tasks" element={<HomeTasks />} />
-          </Route>
-          <Route path="/login" element={<Login />} />
-          <Route path="/detail" element={<Detail />} />
-          <Route path="/index3" element={<Index3 />} />
-        </Routes>
-      </Router>
-    </ScrollView>
-  );
+const Home = () => {
+    const navigate = useNavigate();
+    const outlet = useOutlet();
+    const [messages, setMessages] = React.useState(false);
+    const [tasks, setTasks] = React.useState(false);
+    return (
+        <View>
+            <Text>Welcome to the Home page!</Text>
+            <Button title={`To Login by navigate("/login")`} onPress={() => {
+                navigate("/login");
+            }} />
+            <Button title={"To Login by navigate(1)"} onPress={() => {
+                navigate(1);
+            }} />
+
+            <Button title={"To detail by navigate(2)"} onPress={() => {
+                navigate(2);
+            }} />
+
+            <Button title={"To Index3 by navigate(3) initialEntries下标"} onPress={() => {
+                navigate(3);
+                // 
+            }} />
+
+            <Button title={`To Index3 by navigate("/index3")`} onPress={() => {
+                navigate("/index3");
+            }} />
+            <Button title={"Show messages by Navigate"} onPress={() => {
+                setMessages(true)
+                setTasks(false)
+            }} />
+            <Button title={`Show Tasks by navigate("/messages")`} onPress={() => {
+                setTasks(true)
+                setMessages(false)
+                navigate("/messages", {
+                    state: {
+                    },
+                    replace: false,
+                    relative: 'route',
+                    preventScrollReset: false,
+                });
+            }} />
+            <Button title={`Show Tasks by navigate("/tasks")`} onPress={() => {
+                setTasks(true)
+                setMessages(false)
+                navigate("/tasks", {
+                    state: {
+                    },
+                    replace: false,
+                    relative: 'route',
+                    preventScrollReset: true,
+                });
+            }} />
+
+            {messages && (<Navigate to="/messages" replace={false} />)}
+            {tasks && (<Text>下面由Outlet生成</Text>)}
+            {tasks && (<Outlet />)}
+            {messages && (<Text>下面由useOutlet生成</Text>)}
+            {messages && (outlet)}
+        </View>
+    );
+};
+
+const HomeMessages = () => {
+    return (
+        <View style={{ height: 200, backgroundColor: 'yellow' }}>
+            <Text>Outlet Demo: HomeMessages page!</Text>
+        </View>
+    );
+};
+
+const HomeTasks = () => {
+    return (
+        <View style={{ height: 200, backgroundColor: 'red' }}>
+            <Text>Outlet Demo: HomeTasks page!</Text>
+        </View>
+    );
+};
+
+const Login = () => {
+    const navigate = useNavigate();
+    const [login, setLogin] = React.useState(false);
+    const [warning, setWarning] = React.useState(false);
+    const [username, setUsername] = React.useState('');
+    const location = useLocation();
+
+    return (
+        <View>
+            <Text>Welcome to the Login page!</Text>
+            <Text>{location.state?.stateTest} </Text>
+            <TextInput placeholder="Input your username" style={{
+                color: 'black', height: 40, fontSize: 16, backgroundColor: 'white', borderColor: "blue", borderWidth: 1, borderRadius: 20, paddingLeft: 20
+            }}
+                onChangeText={(value) => {
+                    setUsername(value);
+                    setWarning(value.length == 0)
+                }} />
+            {warning && (<Text style={{ color: 'red' }}>username is empty.</Text>)}
+            <Button title={"Login by <Navigate/>"} onPress={() => {
+                if (username.length == 0) {
+                    setWarning(true)
+                    return
+                }
+                setLogin(true)
+            }} />
+            {login && (<Navigate to="/detail" state={{ name: username }} replace={false} />)}
+
+            <Button title={`Login by navigate("/detail")`} onPress={() => {
+                if (username.length == 0) {
+                    setWarning(true)
+                    return
+                }
+                navigate("/detail", {
+                    state: {
+                        name: username
+                    },
+                    replace: false,
+                    relative: 'route',
+                    preventScrollReset: true,
+                });
+
+            }} />
+            <Button title={"Back Home by navigate(-1)"} onPress={() => {
+                navigate(-1);
+            }} />
+        </View>
+    );
 };
 
+
+const LocationTest = () => {
+    const location = useLocation();
+    return (
+        <View>
+            <Text>---- {location.key.length == 0 ? "LocationTest page!" : location.key} ----</Text>
+            <Text>pathname:{location.pathname} search:{location.search} hash:{location.hash} </Text>
+        </View>
+    );
+};
+
+const UseRoutesTestHome = () => {
+    const location = useLocation();
+    return (
+        <View>
+            <Text>---- UseRoutesTestHome home page! ----</Text>
+            <Text>pathname:{location.pathname} search:{location.search} hash:{location.hash} </Text>
+        </View>
+    );
+};
+
+
+const Index3 = () => {
+    const navigate = useNavigate();
+    const location = useLocation();
+    return (
+        <View>
+            <Text>---- Index3 page! ----</Text>
+            <Text>`---- 如果跳转由navigate("/index3") navigate(-1),回返回上一个页面；如果由navigate(3)，则返回initialEntries 下标为2的页面 ----`</Text>
+            <Button title={"Back Home by navigate(-1)"} onPress={() => {
+                navigate(-1);
+            }} />
+            <Button title={"Back Home by navigate(-2)"} onPress={() => {
+                navigate(-2);
+            }} />
+            <Button title={"Back Home by navigate(-3)"} onPress={() => {
+                navigate(-3);
+            }} />
+        </View>
+    );
+};
+
+
+
+const Detail = () => {
+    const navigate = useNavigate();
+    const location = useLocation();
+    return (
+        <View>
+            <Text>{location.state?.name}  logged in successfully! Detail page!</Text>
+            <Button title={"Logout"} onPress={() => {
+                navigate(-1)
+            }} />
+            <Button title={"Back Home navigate(-2)"} onPress={() => {
+                // seHome(true)
+                // 返回上两个  replace={false} 需要
+                navigate(-2);
+            }} />
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        marginTop: Platform.OS === 'ios' ? 50 : 5, margin: 10,
+    },
+    root: {
+        flex: 1,
+    },
+    webView: {
+        flex: 1,
+    },
+    link: {
+        padding: 10,
+        backgroundColor: 'lightblue',
+    },
+});
+
+function UseRoutesTest() {
+    let element = useRoutes([
+        {
+            path: "/",
+            element: <UseRoutesTestHome />,
+        },
+        { path: "/locationTest", element: <LocationTest /> },
+    ]);
+    return element;
+}
+
+function UseRoutesTest2() {
+    const location = {
+        pathname: '/locationTest',
+        search: '?id=1&name=test',
+        hash: '#section1',
+        key: "UseRoutesTest2 page",
+    };
+    let element = useRoutes([
+        { path: "/locationTest", element: <LocationTest /> },
+    ], location);
+    return element;
+}
+
+const DomDemo = () => {
+    const initialEntries = [
+        "/",
+        { pathname: "/login", state: { stateTest: "stateTestContent" } },
+        { pathname: "/detail", state: { stateTest: "stateTestContent" } },
+        "/index3",
+    ];
+    const location = {
+        pathname: '/locationTest',
+        search: '?id=1&name=test',
+        hash: '#section1',
+        key: "locationTest page",
+    };
+    const initialIndex = 0;
+    return (
+        <ScrollView style={styles.container}>
+            <Router>
+                <Routes location={location}>
+                    <Route path="/locationTest" element={<LocationTest />} />
+                </Routes>
+            </Router>
+
+            <Router>
+                <UseRoutesTest />
+            </Router>
+            <Router>
+                <UseRoutesTest2 />
+            </Router>
+            <Router initialEntries={initialEntries} initialIndex={initialIndex} future={{ v7_startTransition: true }}>
+                <Routes>
+                    <Route path="/" element={<Home />} >
+                        <Route path="messages" element={<HomeMessages />} />
+                        <Route path="tasks" element={<HomeTasks />} />
+                    </Route>
+                    <Route path="/login" element={<Login />} />
+                    <Route path="/detail" element={<Detail />} />
+                    <Route path="/index3" element={<Index3 />} />
+                </Routes>
+            </Router>
+        </ScrollView>
+    );
+};
 export default DomDemo;
 ```
-
 ## 约束与限制
 
 ### 兼容性
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+1. RNOH: 0.72.28; SDK:HarmonyOS-Next-DB5 5.0.0.60 SDK; IDE: DevEco Studio 5.0.3.655; ROM: 3.0.0.60;
 
 ## 属性
 
@@ -93,10 +339,15 @@ export default DomDemo;
 
 | Name        | Description                                                                                                                                                                                                                                         | Type     | Required | Platform | HarmonyOS Support |
 | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| useLocation | This hook returns the current [`location`](https://reactrouter.com/en/main/utils/location) object. This can be useful if you'd like to perform some side effect whenever the current location changes.                                              | Function | NO       | All      | YES               |
-| useNavigate | The `useNavigate` hook returns a function that lets you navigate programmatically, for example in an effect:                                                                                                                                        | Function | NO       | All      | YES               |
-| useOutlet   | Returns the element for the child route at this level of the route hierarchy. This hook is used internally by < Outlet > to render child routes.                                                                                                    | Function | NO       | All      | YES               |
-| useRoutes   | The useRoutes hook is the functional equivalent of < Routes >, but it uses JavaScript objects instead of < Route > elements to define your routes. These objects have the same properties as normal < Route > elements, but they don't require JSX. | Function | NO       | All      | YES               |
+| Route   | Routes are perhaps the most important part of a React Router app. They couple URL segments to components, data loading and data mutations. Through route nesting, complex application layouts and data dependencies become simple and declarative. | Component | NO       | Android、iOS      | YES               |
+| Routes   | Rendered anywhere in the app, <Routes> will match a set of child routes from the current location. | Component | NO       | Android、iOS      | YES               |
+| Navigate   | A <Navigate> element changes the current location when it is rendered. It's a component wrapper around useNavigate, and accepts all the same arguments as props.<docs-info>Having a component-based version of the useNavigate hook makes it easier to use this feature in a React.Component subclass where hooks are not able to be used.</docs-info> | Component | NO       | Android、iOS     | YES               |
+| Outlet   | An <Outlet> should be used in parent route elements to render their child route elements. This allows nested UI to show up when child routes are rendered. If the parent route matched exactly, it will render a child index route or nothing if there is no index route. | Component | NO       | Android、iOS      | YES               |
+| MemoryRouter   | A <MemoryRouter> stores its locations internally in an array. Unlike <BrowserHistory> and <HashHistory>, it isn't tied to an external source, like the history stack in a browser. This makes it ideal for scenarios where you need complete control over the history stack, like testing. | Component | NO       | Android、iOS     | YES               |
+| useLocation | This hook returns the current [`location`](https://reactrouter.com/en/main/utils/location) object. This can be useful if you'd like to perform some side effect whenever the current location changes.                                              | Function | NO       | Android、iOS      | YES               |
+| useNavigate | The `useNavigate` hook returns a function that lets you navigate programmatically, for example in an effect:                                                                                                                                        | Function | NO       | Android、iOS      | YES               |
+| useOutlet   | Returns the element for the child route at this level of the route hierarchy. This hook is used internally by < Outlet > to render child routes.                                                                                                    | Function | NO       | Android、iOS      | YES               |
+| useRoutes   | The useRoutes hook is the functional equivalent of < Routes >, but it uses JavaScript objects instead of < Route > elements to define your routes. These objects have the same properties as normal < Route > elements, but they don't require JSX. | Function | NO       | Android、iOS      | YES               |
 
 ## 遗留问题
 
@@ -106,4 +357,3 @@ export default DomDemo;
 
 本项目基于 [The MIT License (MIT)](https://github.com/remix-run/react-router/blob/main/LICENSE.md) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file

From 0e680df802510d68ed90b75e7b6c30e60d95eb7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E4=B8=83?= <wangshan_aqi@163.com>
Date: Tue, 27 Aug 2024 09:01:37 +0000
Subject: [PATCH 450/966] =?UTF-8?q?!1413=20docs=EF=BC=9A[Issues:=20#IALXH5?=
 =?UTF-8?q?]=20=E4=BF=AE=E6=94=B9react-native-redash=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20fix:=20[Issuse:#IALXH5]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-redash=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-redash.md | 566 ++++++++++++++++++++++++++++-------
 1 file changed, 454 insertions(+), 112 deletions(-)

diff --git a/zh-cn/react-native-redash.md b/zh-cn/react-native-redash.md
index 5aac82ab..2e8f8a29 100644
--- a/zh-cn/react-native-redash.md
+++ b/zh-cn/react-native-redash.md
@@ -1,16 +1,18 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-redash</code> </h1>
 </p>
 <p align="center">
+    <a href="https://github.com/wcandillon/react-native-redash">
+        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/wcandillon/react-native-redash/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/wcandillon/react-native-redash/)
+> [!TIP] [Github 地址](https://github.com/wcandillon/react-native-redash/)
 
 ## 安装与使用
 
@@ -28,12 +30,13 @@ npm install react-native-redash@^18.1.3
 
 <!-- tabs:end -->
 
-redash库依赖react-native-reanimated动画库，为适配 HarmonyOS 环境，需要把库里的依赖改成@react-native-oh-tpl/react-native-reanimated。下面的代码展示了这个库的基本使用场景：
+> [!TIP] redash库依赖react-native-reanimated动画库， 请参照文档的Link章节进行引进。
+
+下面的代码展示了这个库的基本使用场景：
 
 ```js
 // findLastIndex 为例
-import {
-  mix,
+import { mix,
   round,
   bin,
   cubicBezier,
@@ -47,25 +50,332 @@ import {
   cartesian2Canvas,
   cartesian2Polar,
   polar2Cartesian
-} from 'react-native-redash/src/Coordinates'
-
-const mix = (value: number, x: number, y: number) => number
-const bin: (value: boolean) => 0 | 1;
-const toRad = (deg: number) => number;
-const toDeg = (rad: number) => number;
-const clamp = (value: number, lowerBound: number, upperBound: number) => number;
-const avg = (values: number[]) => number;
-const between = (value: number, lowerBound: number, upperBound: number, inclusive?: boolean) => boolean;
-const round = (value: Animated.Adaptable<number>, precision: Animated.Adaptable<number> = 0) => Animated.Node<number>;
-const cubicBezier = (t: number, p0: number, p1: number, p2: number, p3: number) => number;
-const cartesian2Canvas: ({ x, y }: Vector, center: Vector) => Vector;
-const cartesian2Polar: ({ x, y }: Vector, center: Vector) => { radius: number, theta: number };
-const polar2Cartesian: ({ theta, radius }: PolarPoint) => Vector;
-const polar2Canvas: ({ theta, radius }: PolarPoint, center: Vector) => Vector;
-const canvas2Polar: ({ x, y }: Vector, center: Vector) => {
-    theta: number;
-    radius: number;
-};
+} from 'react-native-redash/src/Coordinates';
+import * as redash from 'react-native-redash';
+
+// 导出组件
+export default function RadashDemo() {
+  const [text, setText] = useState('');
+
+  const onMix = () => {
+      const mixre = mix(0, 10, 20);
+      setText(mixre.toString())
+  }
+
+  const onRoundre = () => {
+      const roundre = round(5.123, 0);
+      setText(roundre.toString())
+  }
+
+  const onBinre = () => {
+      const binre = bin(true);
+      setText(binre.toString())
+  }
+
+  const onBetweenre = () => {
+      const betweenre = between(-1, 0, 100);
+      setText(betweenre.toString())
+  }
+
+  const onToRadre = () => {
+      const toRadre = toRad(180);
+      setText(toRadre.toString())
+  }
+
+  const onToDegre = () => {
+      const toDegre = toDeg(Math.PI);
+      setText(toDegre.toString())
+  }
+
+  const onClampre = () => {
+      const clampre = clamp(-1, 0, 100)
+      setText(clampre.toString())
+  }
+
+  const avgre = () => {
+      const values: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+      const avgs = avg(values)
+      setText(avgs.toString())
+  }
+
+  const cubicBezires = () => {
+      const cubicBezire = cubicBezier(1, 0, 0.1, 0.1, 1)
+      setText(cubicBezire.toString())
+  }
+
+  const handleCreatePath = () => {
+      const vector = {
+          x: 10,
+          y: 20
+      };
+      setText(JSON.stringify(redash.createPath(vector)))
+  }
+
+  const handleAddCurvePath = () => {
+      const vector = {
+          x: 200,
+          y: 100
+      };
+      const path = redash.createPath(vector);
+      redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+      setText(JSON.stringify(path))
+  }
+
+  const handleClosePath = () => {
+      const vector = {
+          x: 200,
+          y: 100
+      };
+      const path = redash.createPath(vector);
+      redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+      redash.close(path);
+      setText(JSON.stringify(path))
+  }
+
+  const handleSerializePath = () => {
+      const vector = {
+          x: 200,
+          y: 100
+      };
+      const path = redash.createPath(vector);
+      redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+      redash.close(path);
+      const serializePath = redash.serialize(path);
+      setText(serializePath)
+  }
+
+  const handleParsePath = () => {
+      const vector = {
+          x: 200,
+          y: 100
+      };
+      const path = redash.createPath(vector);
+      redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+      redash.close(path);
+      const serializePath = redash.serialize(path);
+      const parsePath = redash.parse(serializePath);
+      setText(JSON.stringify(parsePath))
+  }
+
+  const handleInterpolatePath = () => {
+      const inputRange = [0, 1];
+      const outputRange = [
+          {
+              move: { x: 0, y: 0 },
+              curves: [{ c1: { x: 1, y: 1 }, c2: { x: 2, y: 2 }, to: { x: 3, y: 3 } }],
+              close: false,
+          },
+          {
+              move: { x: 1, y: 1 },
+              curves: [{ c1: { x: 2, y: 2 }, c2: { x: 3, y: 3 }, to: { x: 4, y: 4 } }],
+              close: false,
+          },
+      ];
+      const value = 0.5;
+      const interpolatePath = redash.interpolatePath(value, inputRange, outputRange);
+      setText(JSON.stringify(interpolatePath))
+  }
+
+  /** 处理canvas坐标转换为笛卡尔坐标 */
+  const handleCanvas2Cartesian = () => {
+      const point = canvas2Cartesian({ x: 500, y: 200 }, { x: 500, y: 200 });
+      setText(JSON.stringify(point))
+  }
+  /** 处理笛卡尔坐标转换为canvas坐标 */
+  const handleCartesian2Canvas = () => {
+      const point = cartesian2Canvas({ x: -500, y: 200 }, { x: 500, y: 200 });
+      setText(JSON.stringify(point))
+  }
+  /** 用于处理笛卡尔坐标转换为极坐标 */
+  const handleCartesian2Polar = () => {
+      const x = 0;
+      const y = 100;
+      const center = { x: 100, y: 100 };
+      const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
+      setText('theta ==' + theta + "  radius==" + radius);
+  }
+
+  /** 处理极坐标转换为笛卡尔坐标 */
+  const handlePolar2Cartesian = () => {
+      const x = 0;
+      const y = 100;
+      const center = { x: 100, y: 100 };
+      const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
+      const { x: x1, y: y1 } = cartesian2Canvas(
+          polar2Cartesian({ theta, radius }),
+          center
+      );
+      setText('x1 ==' + x1 + "  Math.round(y1)==" + Math.round(y1));
+  }
+
+  /** 用于处理极坐标转换为canvas坐标 */
+  const handlePolar2Canvas = () => {
+      const x = 0;
+      const y = 100;
+      const center = { x: 100, y: 100 };
+      const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
+      const point = polar2Canvas({ theta, radius }, center)
+      setText(JSON.stringify(point))
+  }
+
+  // 用于处理canvas左边转换极坐标
+  const handleCanvas2Polar = () => {
+      const { theta, radius } = canvas2Polar({ x: -500, y: 200 }, { x: 500, y: 200 });
+      setText('theta ==' + theta + "  radius==" + radius);
+  }
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.inputArea}>
+          <Text style={styles.baseText}>
+              {text}
+          </Text>
+      </View>
+      <ScrollView style={styles.scrollView}>
+        <View style={{ flexDirection: 'column' }}>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
+              <Button title='运行' color='#841584' onPress={onMix}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>round(5.123, 0)</Text>
+              <Button title='运行' color='#841584' onPress={onRoundre}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>bin(true)</Text>
+              <Button title='运行' color='#841584' onPress={onBinre}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>between(-1, 0, 100)</Text>
+              <Button title='运行' color='#841584' onPress={onBetweenre}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>toRad(180)</Text>
+              <Button title='运行' color='#841584' onPress={onToRadre}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>avg([1,2,3,4,5,6,7,8,9,10])</Text>
+              <Button title='运行' color='#841584' onPress={avgre}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>cubicBezier(1, 0, 0.1, 0.1, 1)</Text>
+              <Button title='运行' color='#841584' onPress={cubicBezires}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>toDeg(Math.PI)</Text>
+              <Button title='运行' color='#841584' onPress={onToDegre}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>clamp(-1, 0, 100)</Text>
+              <Button title='运行' color='#841584' onPress={onClampre}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
+              <Button title='运行' color='#841584' onPress={handleCreatePath}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>addCurvePath</Text>
+              <Button title='运行' color='#841584' onPress={handleAddCurvePath}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>closePath</Text>
+              <Button title='运行' color='#841584' onPress={handleClosePath}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>serializePath</Text>
+              <Button title='运行' color='#841584' onPress={handleSerializePath}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>parsePath</Text>
+              <Button title='运行' color='#841584' onPress={handleParsePath}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>interpolatePath</Text>
+              <Button title='运行' color='#841584' onPress={handleInterpolatePath}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>canvas2Cartesian</Text>
+              <Button title='运行' color='#841584' onPress={handleCanvas2Cartesian}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>cartesian2Canvas</Text>
+              <Button title='运行' color='#841584' onPress={handleCartesian2Canvas}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>cartesian2Polar</Text>
+              <Button title='运行' color='#841584' onPress={handleCartesian2Polar}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>polar2Cartesian</Text>
+              <Button title='运行' color='#841584' onPress={handlePolar2Cartesian}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>polar2Canvas</Text>
+              <Button title='运行' color='#841584' onPress={handlePolar2Canvas}></Button>
+          </View>
+          <View style={styles.baseArea}>
+              <Text style={{ flex: 1 }}>canvas2Polar</Text>
+              <Button title='运行' color='#841584' onPress={handleCanvas2Polar}></Button>
+          </View>
+        </View>
+      </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+      width: '100%',
+      flexDirection: 'column',
+      alignItems: 'center',
+      backgroundColor: '#F1F3F5',
+  },
+  baseText: {
+      fontWeight: 'bold',
+      textAlign: 'center',
+      fontSize: 16
+  },
+
+  titleArea: {
+      alignItems: 'center',
+      flexDirection: 'row',
+  },
+
+  title: {
+      width: '90%',
+      color: '#000000',
+      textAlign: 'left',
+      fontSize: 30,
+  },
+
+  scrollView: {
+      width: '90%',
+      marginHorizontal: 20,
+  },
+
+  inputArea: {
+      width: '90%',
+      height: 30,
+      borderWidth: 2,
+      borderColor: '#000000',
+      marginTop: 8,
+      justifyContent: 'center',
+      alignItems: 'center',
+  },
+
+  baseArea: {
+      width: '100%',
+      height: 60,
+      borderRadius: 4,
+      borderColor: '#000000',
+      marginTop: 8,
+      backgroundColor: '#FFFFFF',
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingLeft: 8,
+      paddingRight: 8
+  }
+});
 ```
 
 动画演示示例
@@ -81,29 +391,49 @@ import {
   withRepeat,
 } from "@react-native-oh-tpl/react-native-reanimated";
 
-const offset = useSharedValue(0);
-
-const translateAnimatedStyles = useAnimatedStyle(() => {
-  return {
-    transform: [
-      {
-        translateX: offset.value * 2,
-      },
-    ],
+export default function RadashDemo() {
+  const offset = useSharedValue(0);
+
+  const translateAnimatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        {
+          translateX: offset.value * 2,
+        },
+      ],
+    };
+  });
+
+  const translate = () => {
+    offset.value = withSequence(
+      withTiming(-snapPoint(96, 600, [0, 125, 393]), { duration: 1000 }),
+      withRepeat(
+        withTiming(snapPoint(96, 600, [0, 125, 393]), { duration: 1000 }),
+        60,
+        true,
+      ),
+      withTiming(0, { duration: 50 }),
+    );
   };
-});
 
-const translate = () => {
-  offset.value = withSequence(
-    withTiming(-snapPoint(96, 600, [0, 125, 393]), { duration: 1000 }),
-    withRepeat(
-      withTiming(snapPoint(96, 600, [0, 125, 393]), { duration: 1000 }),
-      60,
-      true,
-    ),
-    withTiming(0, { duration: 50 }),
+  return (
+    <View style={styles.container}>
+      <View style={styles.baseArea}>
+        <View>
+            <Animated.View style={[styles.box, translateAnimatedStyles]} />
+        </View>
+        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <View style={{ marginRight: 10 }}>
+                <Button color='#841584' onPress={() => handlePress()} title="snapPoint 开始" />
+            </View>
+            <View>
+                <Button color='#841584' onPress={() => cancelAnimation(offset)} title="恢复" />
+            </View>
+        </View>
+      </View>
+    </View>
   );
-};
+}
 ```
 
 2.颜色渐变动画演示，通过mixColor进行颜色渐变
@@ -112,21 +442,39 @@ const translate = () => {
 import { mixColor } from "react-native-redash/src/Colors";
 import { useSharedValue } from "@react-native-oh-tpl/react-native-reanimated";
 
-const progress = useSharedValue(0);
+export default function RadashDemo() {
+  const progress = useSharedValue(0);
 
-const colorAnimatedStyle = useAnimatedStyle(() => {
-  return {
-    backgroundColor: mixColor(progress.value, "#b58df1", "#38ffb3"),
+  const colorAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      backgroundColor: mixColor(progress.value, "#b58df1", "#38ffb3"),
+    };
+  });
+
+  const handleColorPress = () => {
+    progress.value = withRepeat(
+      withTiming(1 - progress.value, { duration: 1000 }),
+      60,
+      true,
+    );
   };
-});
 
-const handleColorPress = () => {
-  progress.value = withRepeat(
-    withTiming(1 - progress.value, { duration: 1000 }),
-    60,
-    true,
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.baseArea}>
+        <View>
+            <Animated.View style={[styles.box, translateAnimatedStyles]} />
+        </View>
+        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <View style={{ marginRight: 10 }}>
+                <Button color='#841584' onPress={() => handleColorPress()} title="mixColor 开始" />
+            </View>
+        </View>
+      </View>
+    </View>
   );
-};
+}
 ```
 
 3.redash目前有两个动画辅助方法：useTiming、useSpring。useTiming可以使用贝塞尔曲线来进行运动,useSpring可以不将持续时间作为参数，而是由sprin物理特性作为运动轨迹。
@@ -135,35 +483,37 @@ const handleColorPress = () => {
 import { useTiming, useSpring } from "react-native-redash/src/Transitions";
 import Animated from "@react-native-oh-tpl/react-native-reanimated";
 
-const timing = useSpring(255, { duration: 1000 });
-const spring = useTiming(255, { duration: 1000 });
-
-const customSpringStyles = useAnimatedStyle(() => {
-  return {
-    transform: [
-      {
-        translateX: spring.value,
-      },
-    ],
-  };
-});
-
-const customTimingStyles = useAnimatedStyle(() => {
-  return {
-    transform: [
-      {
-        translateX: timing.value,
-      },
-    ],
-  };
-});
-
-return (
-  <View>
-    <Animated.View style={[styles.box, defaultSpringStyles]} />
-    <Animated.View style={[styles.box, defaultTimingStyles]} />
-  </View>
-);
+export default function RadashDemo() {
+  const timing = useSpring(255, { duration: 1000 });
+  const spring = useTiming(255, { duration: 1000 });
+
+  const customSpringStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        {
+          translateX: spring.value,
+        },
+      ],
+    };
+  });
+
+  const customTimingStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        {
+          translateX: timing.value,
+        },
+      ],
+    };
+  });
+
+  return (
+    <View>
+      <Animated.View style={[styles.box, defaultSpringStyles]} />
+      <Animated.View style={[styles.box, defaultTimingStyles]} />
+    </View>
+  );
+}
 ```
 
 4.redash提供能接受字符串动画节点属性的文本组件
@@ -172,21 +522,22 @@ return (
 import { ReText } from "react-native-redash";
 import { useSharedValue } from "@react-native-oh-tpl/react-native-reanimated";
 
-const price = useSharedValue(42);
-const formattedPrice = useDerivedValue(() => `${price.value}`.toLocaleString());
-
-return (
-  <View>
-    <ReText
-      text={formattedPrice}
-      style={{
-        color: "#black",
-        fontVariant: ["tabular-nums"],
-        backgroundColor: "#38ffb3",
-      }}
-    />
-  </View>
-);
+export default function RadashDemo() {
+  const price = useSharedValue(42);
+  const formattedPrice = useDerivedValue(() => `${price.value}`.toLocaleString());
+
+  return (
+    <View>
+      <ReText
+        text={formattedPrice}
+        style={{
+          color: "black",
+          backgroundColor: "#38ffb3",
+        }}
+      />
+    </View>
+  );
+}
 ```
 
 ## Link
@@ -199,19 +550,12 @@ return (
 
 在下述版本验证通过:
 
-1. RNOH：0.72.11;
-   SDK：OpenHarmony(api11) 4.1.0.53;
-   IDE：DevEco Studio 4.1.3.412;
-   ROM：2.0.0.52;
-2. RNOH：0.72.13;
-   SDK：HarmonyOS NEXT Developer Preview1;
-   IDE：DevEco Studio 4.1.3.500;
-   ROM：2.0.0.59;
+1. RNOH：0.72.28; SDK：OpenHarmony(api12) 5.0.0.60; IDE：DevEco Studio 5.0.3.655; ROM：3.0.0.36;
 
 ## 静态方法
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 如下是已验证接口展示:
 
@@ -283,5 +627,3 @@ return (
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/wcandillon/react-native-redash/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 52ca58b35d77b791ed89e643394871f3ff00b2c9 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Wed, 28 Aug 2024 01:18:40 +0000
Subject: [PATCH 451/966] =?UTF-8?q?!1429=20docs:=20[Issues:=20#IAMSFS]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-slider=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAMSFS]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-community-slider=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-slider.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 10105389..3a9576bf 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -238,7 +237,6 @@ ohpm install
 | `onValueChange`     | Callback continuously called while the user is dragging the slider.| function    | No   | All      | yes       |
 | `step`          | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue). Default value is 0.<br/>On Windows OS the default value is 1% of slider's range (from `minimumValue` to `maximumValue`).       | number      | No   | All      | yes       |
 | `maximumTrackTintColor` | The color used for the track to the right of the button.<br/>Overrides the default gray gradient image on iOS.        | [color](https://reactnative.dev/docs/colors) | No   | All      | yes       |
-| `testID`        | Used to locate this view in UI automation tests.   | string      | No   | All      | yes       |
 | `value`         | Write-only property representing the value of the slider. Can be used to programmatically control the position of the thumb. Entered once at the beginning still acts as an initial value. Changing the value programmatically does not trigger any event.<br/>The value should be between minimumValue and maximumValue, which default to 0 and 1 respectively. Default value is 0.<br/>_This is not a controlled component_, you don't need to update the value during dragging. | number      | No   | All      | yes       |
 | `tapToSeek`         | Permits tapping on the slider track to set the thumb position.<br/>Defaults to false on iOS. No effect on Android or Windows.       | bool    | No   | iOS      | no        |
 | `inverted`      | Reverses the direction of the slider.<br/>Default value is false.  | bool    | No   | All      | yes       |
@@ -263,5 +261,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 4570af45bbd7370f3eabaf452f568e9df49af536 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <891661163@qq.com>
Date: Wed, 28 Aug 2024 01:30:24 +0000
Subject: [PATCH 452/966] =?UTF-8?q?!1434=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-code-push=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAMV9E]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-code-push=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-code-push.md | 35 ++++++++++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 5 deletions(-)

diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 816d0fe1..72a1cff1 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -21,11 +21,13 @@
 
 ### code-push-cli
 
-1.下载[code-push-cli](https://github.com/react-native-oh-library/code-push-cli)
+1. 克隆 [code-push-cli](https://github.com/react-native-oh-library/code-push-cli) 到本地
+2. 在 code-push-cli 目录下执行 `npm install`
+3. 在 code-push-cli 目录下执行 `npm run start`，用于生成 `bin` 目录
+4. npm install -g <code-push-cli文件夹目录>
+5. 重开一个终端，执行 `code-push -v`，如正常输出版本号即安装成功
 
-2.npm install -g <code-push-cli文件夹目录>
-
-3.常用命令：
+code-push-cli常用命令：
 
 ```
 code-push -v
@@ -37,7 +39,12 @@ code-push release <AppName> <bundle.harmony.js> "<版本号>" --description "<v1
 
 ### code-push-server
 
-下载并搭建[code-push-server](https://github.com/react-native-oh-library/code-push-server) 服务
+1. 克隆 [code-push-server](https://github.com/react-native-oh-library/code-push-server) 到本地
+2. 在 code-push-server 目录下执行 `npm install`
+4. 安装 mysql、redis
+5. 修改 `code-push-server/src/core/config.ts` 配置文件
+3. 在 code-push-server 目录下执行 `npm run dev`，用于生成 `bin` 目录
+6. 在 code-push-server 目录下执行 `npm run start` 启动服务
 
 ## 安装与使用
 
@@ -245,6 +252,24 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
+### 在 ArkTs 侧引入 comparingVersion 方法
+
+打开 `entry/src/main/ets/pages/index.ets`，调用 comparingVersion 方法比对code-push版本号，用于覆盖安装时清除沙箱历史资源
+
+```diff
++ import { comparingVersion } from "@react-native-oh-tpl/react-native-code-push";
+
+@Entry
+@Component
+struct Index {
+  
+  aboutToAppear() {
++     comparingVersion(context);
+  }
+}
+```
+
+
 ### 运行
 
 点击右上角的 `sync` 按钮

From e79b246ec79351ca4d2105524a51affa4f6e8adf Mon Sep 17 00:00:00 2001
From: zogpap <zogpap@163.com>
Date: Wed, 28 Aug 2024 04:07:32 +0000
Subject: [PATCH 453/966] =?UTF-8?q?!1324=20docs:=20[#IAJ1KF]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-incall-manager=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAJ1KF]=E6=96=B0=E5=A2=9Ereact-native?=
 =?UTF-8?q?-incall-manager=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-incall-manager.md | 745 +++++++++++++++++++++++++++
 1 file changed, 745 insertions(+)
 create mode 100644 zh-cn/react-native-incall-manager.md

diff --git a/zh-cn/react-native-incall-manager.md b/zh-cn/react-native-incall-manager.md
new file mode 100644
index 00000000..1da65952
--- /dev/null
+++ b/zh-cn/react-native-incall-manager.md
@@ -0,0 +1,745 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> 
+    <code>react-native-incall-manager</code> 
+  </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/react-native-webrtc/react-native-incall-manager">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-webrtc/react-native-incall-manager/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-ISC-red.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-incall-manager)
+
+
+## 安装与使用
+
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-incall-manager@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-incall-manager@file:#
+```
+
+<!-- tabs:end -->
+
+**关于音频文件放置**
+> [!WARNING] 由于HarmonyOS暂不支持普通应用获取系统铃声，需要手动导入音频文件.
+将音频文件至HarmonyOS 工程 `harmony`，entry/src/main/resources/rawfile文件夹下，音频文件命名如下：
+incallmanager_busytone.mp3  
+incallmanager_ringback.mp3  
+incallmanager_ringtone.mp3 
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+```js
+
+import { useState, useEffect } from 'react';
+import * as React from 'react';
+import {
+    DeviceEventEmitter,
+    NativeModules,
+    NativeEventEmitter,
+    Platform,
+    SafeAreaView,
+    View,
+    Text,
+    ScrollView,
+    TouchableOpacity,
+    TurboModuleRegistry,
+} from 'react-native';
+import InCallManager from 'react-native-incall-manager';
+const InCallManagerEmitter = new NativeEventEmitter(TurboModuleRegistry.getEnforcing('InCallManagerTurboModule') ? TurboModuleRegistry.getEnforcing('InCallManagerTurboModule') : NativeModules.InCallManager);
+
+
+enum InCallStartType {
+    START = 'start',
+    RINGBACK = 'ringback',
+    BUSYTONE = 'busytone',
+    RINGTONE = 'ringtone',
+}
+
+export default function InCallManagerExample() {
+    const [changeType, setChangeType] = useState<'audio' | 'video' | undefined>(
+        'audio',
+    );
+    const [audioUriJS, setAudioUri] = useState('');
+    const [wiredHeadsetPluggedInObj, setWiredHeadsetPluggedInObj] =
+        useState<Object>();
+    const [audioRoute, setAudioRoute] = useState('');
+    const [proximityEvent, setProximityEvent] = useState<Object>();
+    const [wiredHeadsetEvent, setWiredHeadsetEvent] = useState<Object>();
+    const [noisyAudioEvent, setNoisyAudioEvent] = useState<Object>();
+    const [mediaButtonEvent, setMediaButtonEvent] = useState<Object>();
+    const [onAudioFocusChange, setAudioFocusChangeEvent] = useState<Object>();
+
+    const proximityHandleFuc = (data: any) => {
+        // data: {'isNear': boolean}
+        console.log('Proximity', data);
+        setProximityEvent(data);
+    };
+
+    useEffect(() => {
+        const proximityHandle = InCallManagerEmitter.addListener(
+            'Proximity',
+            proximityHandleFuc,
+        );
+
+        const wiredHeadsetHandle = InCallManagerEmitter.addListener(
+            'WiredHeadset',
+            wiredHeadsetHandleFuc,
+        );
+
+        return () => {
+            proximityHandle.remove();
+            wiredHeadsetHandle.remove();
+        };
+    }, []);
+
+    useEffect(() => {
+        if (Platform.OS === 'android' || Platform.OS === 'harmony') {
+            const noisyAudioHandle = InCallManagerEmitter.addListener(
+                'NoisyAudio',
+                noisyAudioHandleFuc,
+            );
+
+            const mediaButtonHandle = InCallManagerEmitter.addListener(
+                'MediaButton',
+                mediaButtonHandleFuc,
+            );
+
+            const onAudioFocusChangeHandle = InCallManagerEmitter.addListener(
+                'onAudioFocusChange',
+                onAudioFocusChangeHandleFuc,
+            );
+
+            return () => {
+                noisyAudioHandle.remove();
+                mediaButtonHandle.remove();
+                onAudioFocusChangeHandle.remove();
+            };
+        }
+    }, []);
+
+    function wiredHeadsetHandleFuc(data: any) {
+        // data: {'isPlugged': boolean, 'hasMic': boolean, 'deviceName': string }
+        console.log('WiredHeadset', data);
+        setWiredHeadsetEvent(data);
+    }
+
+    function noisyAudioHandleFuc(data: any) {
+        // data: {}
+        console.log('NoisyAudio', data);
+        setNoisyAudioEvent(data);
+    }
+
+    function mediaButtonHandleFuc(data: any) {
+        // data: {'eventText': string, 'eventCode': number }
+        console.log('MediaButton', data);
+        setMediaButtonEvent(data);
+    }
+
+    function onAudioFocusChangeHandleFuc(data: any) {
+        // data: {'eventText': string, 'eventCode': number }
+        console.log('onAudioFocusChange', data);
+        setAudioFocusChangeEvent(data);
+    }
+
+    const startAudio = (
+        typeStr: string,
+        ringType = '_DEFAULT_',
+        mediaType: 'audio' | 'video' | undefined = 'audio',
+    ) => {
+
+        if (typeStr === InCallStartType.START) {
+            InCallManager.start({ media: mediaType }); // audio/video, default: audio
+        }
+        if (typeStr === InCallStartType.RINGBACK) {
+            InCallManager.start({ media: mediaType, ringback: ringType }); // or _DEFAULT_ or _DTMF_ or _BUNDLE_
+        }
+        if (typeStr === InCallStartType.RINGTONE) {
+            InCallManager.startRingtone(ringType, [0,500,1000,500], 'playback', 1000);
+        }
+    };
+
+    const stopAudio = (typeStr: string, ringType = '_DEFAULT_') => {
+        // --- On Call Hangup:
+        if (typeStr === InCallStartType.START) {
+            InCallManager.stop();
+        }
+        if (typeStr === InCallStartType.RINGBACK) {
+            InCallManager.stopRingback();
+        }
+        if (typeStr === InCallStartType.BUSYTONE) {
+            // busytone is basically for OUTGOING call. and is part of stop()
+            // If the call failed or callee are busing,
+            // you may want to stop the call and play busytone
+            InCallManager.stop({ busytone: ringType }); // or _BUNDLE_ or _DEFAULT_ or _DTMF_
+        }
+        if (typeStr === InCallStartType.RINGTONE) {
+            InCallManager.stopRingtone();
+        }
+        // ... it will also remove event listeners ...
+    };
+
+    const turnScreenOn = () => {
+        InCallManager.turnScreenOn();
+    };
+
+    const turnScreenOff = () => {
+        InCallManager.turnScreenOff();
+    };
+
+    const setKeepScreenOn = (enable: boolean) => {
+        InCallManager.setKeepScreenOn(enable);
+    };
+
+    const getAudioUriJS = async (audioType: string, fileType: string) => {
+        let url = await InCallManager.getAudioUri(audioType, fileType);
+        setAudioUri(url ? url : '');
+    };
+
+    const getIsWiredHeadsetPluggedIn = async (
+        audioType: string,
+        fileType: string,
+    ) => {
+        let isWiredHeadsetPluggedInObj =
+            await InCallManager.getIsWiredHeadsetPluggedIn();
+        setWiredHeadsetPluggedInObj(
+            isWiredHeadsetPluggedInObj ? isWiredHeadsetPluggedInObj : '',
+        );
+    };
+
+    const setFlashOn = async (enable: boolean, brightness: number) => {
+        InCallManager.setFlashOn(enable, brightness);
+    };
+
+    const startProximitySensor = () => {
+        InCallManager.startProximitySensor();
+    };
+
+    const stopProximitySensor = () => {
+        InCallManager.stopProximitySensor();
+    };
+
+
+    return (
+        <SafeAreaView style={{ flex: 1, backgroundColor: '#fff' }}>
+            <View>
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    EVENT:
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    proximityEvent:{JSON.stringify(proximityEvent)}
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    wiredHeadsetEvent:{JSON.stringify(wiredHeadsetEvent)}
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    noisyAudioEvent(iOS不支持):{JSON.stringify(noisyAudioEvent)}
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    mediaButtonEvent(iOS不支持):{JSON.stringify(mediaButtonEvent)}
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    onAudioFocusChange(iOS不支持):{JSON.stringify(onAudioFocusChange)}
+                </Text>
+
+                <TouchableOpacity
+                    style={{ padding: 5 }}
+                    onPress={() => {
+                        stopAudio(InCallStartType.START);
+                        setChangeType(changeType == 'audio' ? 'video' : 'audio');
+                    }}>
+                    <Text style={{ color: 'red' }}>
+                        切换为{changeType == 'audio' ? 'video' : 'audio'}
+                    </Text>
+                </TouchableOpacity>
+            </View>
+
+            <ScrollView style={{ flex: 1 }}>
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.START, '_DEFAULT_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>start{changeType}</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.START);
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGTONE, '_BUNDLE_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        start{changeType}RINGTONE:_BUNDLE_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGTONE, '_DEFAULT_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        start{changeType}RINGTONE:_DEFAULT_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.RINGTONE);
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}RINGTONE</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGBACK, '_BUNDLE_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        start{changeType}RINGBACK:_BUNDLE_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGBACK, '_DEFAULT_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        start{changeType}RINGBACK:_DEFAULT_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGBACK, '_DTMF_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>start{changeType}RINGBACK:_DTMF_</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.RINGBACK);
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}RINGBACK</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.BUSYTONE, '_BUNDLE_');
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}BUSYTONE:_BUNDLE_</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.BUSYTONE, '_DEFAULT_');
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        stop{changeType}BUSYTONE:_DEFAULT_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.BUSYTONE, '_DTMF_');
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}BUSYTONE:_DTMF_</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        turnScreenOn();
+                    }}>
+                    <Text style={{ color: '#000' }}>turnScreenOn(iOS不支持)</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        turnScreenOff();
+                    }}>
+                    <Text style={{ color: '#000' }}>turnScreenOff(iOS不支持)</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        setKeepScreenOn(true);
+                    }}>
+                    <Text style={{ color: '#000' }}>setKeepScreenOn=true</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        setKeepScreenOn(false);
+                    }}>
+                    <Text style={{ color: '#000' }}>setKeepScreenOn=false</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={async () => {
+                        await getAudioUriJS(InCallStartType.RINGTONE, '');
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        getAudioUriJS={InCallStartType.RINGTONE}
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={async () => {
+                        await getAudioUriJS(InCallStartType.BUSYTONE, '');
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        getAudioUriJS={InCallStartType.BUSYTONE}
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={async () => {
+                        await getAudioUriJS(InCallStartType.RINGBACK, '');
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        getAudioUriJS={InCallStartType.RINGBACK}
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity onPress={() => { }}>
+                    <Text style={{ color: 'green' }}>audioUriJS={audioUriJS}</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={async () => {
+                        await getIsWiredHeadsetPluggedIn('', '');
+                    }}>
+                    <Text style={{ color: '#000' }}>getIsWiredHeadsetPluggedIn</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity onPress={() => { }}>
+                    <Text style={{ color: 'green' }}>
+                        getIsWiredHeadsetPluggedIn=
+                        {JSON.stringify(wiredHeadsetPluggedInObj)}
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        setFlashOn(true, 100);
+                    }}>
+                    <Text style={{ color: '#000' }}>setFlashOn=true(Android不支持)</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        setFlashOn(false, 50);
+                    }}>
+                    <Text style={{ color: '#000' }}>setFlashOn=false(Android不支持)</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startProximitySensor();
+                    }}>
+                    <Text style={{ color: '#000' }}>startProximitySensor</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopProximitySensor();
+                    }}>
+                    <Text style={{ color: '#000' }}>stopProximitySensor</Text>
+                </TouchableOpacity>
+
+            </ScrollView>
+        </SafeAreaView>
+    );
+}
+
+
+```
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-incall-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-incall-manager/harmony/in_call_manager.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 RNInCallManagerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-incall-manager/src/main/cpp" ./in_call_manager)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_in_call_manager)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNInCallManagerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNInCallManagerPackage>(ctx)
+    };
+}
+```
+
+### 在 ArkTs 侧引入 RNInCallManagerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，或者`entry/src/main/ets/rn/RNPackagesFactory.ts`，添加：
+
+```diff
++ import { RNInCallManagerPackage } from '@react-native-oh-tpl/react-native-incall-manager/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNInCallManagerPackage(ctx),
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)
+
+
+### 应用权限申请
+> [!TIP] "ohos.permission.RUNNING_LOCK"，"ohos.permission.KEEP_BACKGROUND_RUNNING"权限等级为<B>normal</B>,授权方式为<B>system_grant</B>
+> "ohos.permission.MICROPHONE"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
+#### 在 entry 目录下的module.json5中添加权限
+在 `YourProject/entry/src/main/module.json5`补上配置
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+
+  ···
+
+    "requestPermissions": [
++     { "name": "ohos.permission.RUNNING_LOCK" },
++     {
++       "name": "ohos.permission.MICROPHONE",
++       "reason": "$string:Access_micphone",
++       "usedScene": {"when": "inuse"}
++     },
++     { "name": "ohos.permission.KEEP_BACKGROUND_RUNNING"，  
++       "usedScene": {
++          "when": "always"
++        }
++     }
+    ]
+  }
+}
+```
+在 `YourProject/entry/src/main/resources/base/element/string.json`补上配置
+
+#### 在 entry 目录下添加申请权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_micphone",
++      "value": "access micphone"
++    }
+  ]
+}
+```
+
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| vibrate  | set vibrate true / false         | boolean  | no | all      | yes |
+| start  | start incall manager.ringback accept non-empty string or it won't play default: \{media:'audio', auto: true, ringback: ''\}         | (setup?: \{auto?: boolean;media?: "video" \| "audio";ringback?: string;\}) => void | no | all      | yes |
+| stop  | stop incall manager,busytone accept non-empty string or it won't play,default: \{busytone: ''\}         | (setup?: \{ busytone?: string \}) => void  | no | all      | partially |
+| turnScreenOn  | force turn screen on         | () => void  | no | Android      | yes |
+| turnScreenOff  | turn screen off         | () => void  | no | Android      | yes |
+| setKeepScreenOn  | set KeepScreenOn flag = true or false,default: false         | (enable: boolean) => void  | no | all      | yes |
+| setSpeakerphoneOn  | toggle speaker ON/OFF once. but not force,default: false         | (enable: boolean) => void  | no | all      | no |
+| setForceSpeakerphoneOn  | true -> force speaker on,false -> force speaker off,null -> use default behavior according to media type,default: null         | (flag: boolean) => void  | no | all      | no |
+| setMicrophoneMute  | mute/unmute micophone,default: false,p.s. if you use webrtc, you can just use track.enabled = false to mute         | (enable: boolean) => void  | no | Android      | no |
+| getAudioUri  | get audio Uri path. this would be useful when you want to pass Uri into another module.         | (audioType: string, fileType: string) => Promise<string \| null>  | no | all      | yes |
+| startRingtone  | play ringtone.ringtone: 'DEFAULT' or 'BUNDLE',vibrate_pattern: same as RN, but does not support repeat,ios_category: ios only, if you want to use specific audio category,seconds: android only, specify how long do you want to play rather than play once nor repeat. in sec.         | (ringtone: string,vibrate_pattern: number | number\[],ios_category: string,seconds: number) => void  | no | all      | partially |
+| stopRingtone  | stop play ringtone if previous started via         | () => void  | no | all      | yes |
+| startRingback  | play ringback.,ringback: '_DEFAULT_' or '_DTMF_'         | (ringback: string) => void;  | no | all      | partially |
+| stopRingback  | stop play ringback if previous started via start()         | () => void  | no | all      | yes |
+| stopProximitySensor  | stop ProximitySensor          | () => void  | no | all      | yes |
+| startProximitySensor  | start proximitySensor          | () => void  | no | all      | yes |
+| pokeScreen  | poke screen          | (timeout: number) => void  | no | Android      | no |
+| chooseAudioRoute  | choose audio route          | (route: string) => Promise<any>  | no | Android      | no |
+| requestAudioFocus  | request audio focus          | () => Promise<any>  | no | Android      | no |
+| abandonAudioFocus  | abandon audio focus          | () => Promise<any>  | no | Android      | no |
+| setFlashOn  | set flash light on/off          | (enable: boolean, brightness: number) => void  | no | iOS      | yes |
+| getIsWiredHeadsetPluggedIn  | return wired headset plugged in state          | () => Promise<\{ isWiredHeadsetPluggedIn: boolean \}>  | no | all      | yes |
+
+### Event(事件监听)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| Proximity  | proximity sensor detected changes.         | (data: \{'isNear': boolean\}) => void  | no | all      | yes |
+| WiredHeadset  | fire when wired headset plug/unplug         | (data: \{'isPlugged': boolean, 'hasMic': boolean, 'deviceName': string \}) => void  | no | all      | yes |
+| NoisyAudio  | a hint for applications that audio is about to become 'noisy' due to a change in audio outputs.          | () => void  | no | Android      | yes |
+| MediaButton  | when external device controler pressed button         | (data: \{'eventText': string, 'eventCode': number \}) => void  | no | Android      | yes |
+| onAudioFocusChange  | Called on the listener to notify it the audio focus for this listener has been changed.         | (data: \{'eventText': string, 'eventCode': number }) => void  | no | Android      | yes |
+
+
+## 遗留问题
+
+- [ ] 打开关闭麦克风静音setMicrophoneMute，未实现 HarmonyOS化 问题: [issue#1](https://github.com/react-native-oh-library/react-native-incall-manager/issues/1)
+- [ ] 播放获取系统铃声，未实现 HarmonyOS化  问题: [issue#2](https://github.com/react-native-oh-library/react-native-incall-manager/issues/2)
+- [ ] 手动切换输出设备扬声器与听筒切换setSpeakerphoneOn、setForceSpeakerphoneOn，未实现 HarmonyOS化  问题: [issue#3](https://github.com/react-native-oh-library/react-native-incall-manager/issues/3)
+- [ ] 手动切换音频输入输出设备chooseAudioRoute，未实现 HarmonyOS化  问题: [issue#4](https://github.com/react-native-oh-library/react-native-incall-manager/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/react-native-webrtc/react-native-incall-manager/blob/master/LICENSE) ，请自由地享受和参与开源。

From 1a0dd5fb33353836b73c00da34b91ee40d96e1be Mon Sep 17 00:00:00 2001
From: peng_xiaohua <18292915636@163.com>
Date: Wed, 28 Aug 2024 06:48:38 +0000
Subject: [PATCH 454/966] =?UTF-8?q?!1304=20docs:=20[Issue:#IAIK4T]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-mlkit-ocr=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:#IAIK4T]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-mlkit-ocr=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-mlkit-ocr.md | 330 ++++++++++++++++++++++++++++++++
 1 file changed, 330 insertions(+)
 create mode 100644 zh-cn/react-native-mlkit-ocr.md

diff --git a/zh-cn/react-native-mlkit-ocr.md b/zh-cn/react-native-mlkit-ocr.md
new file mode 100644
index 00000000..9874493c
--- /dev/null
+++ b/zh-cn/react-native-mlkit-ocr.md
@@ -0,0 +1,330 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mlkit-ocr</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/agoldis/react-native-mlkit-ocr">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/agoldis/react-native-mlkit-ocr/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-mlkit-ocr)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-mlkit-ocr@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-mlkit-ocr@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import {
+    StyleSheet,
+    View,
+    Button,
+    SafeAreaView,
+    ScrollView,
+    Text,
+    Dimensions,
+    ActivityIndicator,
+} from 'react-native';
+import MlkitOcr, { MlkitOcrResult } from 'react-native-mlkit-ocr';
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+    },
+    scroll: {
+        flex: 1,
+        width: '100%',
+        borderColor: '#ccc',
+        borderWidth: 2,
+    },
+});
+export const OcrTest = () => {
+    const [loading, setLoading] = React.useState<boolean>(false);
+    const [result, setResult] = React.useState<MlkitOcrResult | undefined>();
+
+    if (loading) {
+        return (
+            <SafeAreaView style={styles.container}>
+                <ActivityIndicator />
+            </SafeAreaView>
+        );
+    }
+    return (
+        <SafeAreaView style={styles.container}>
+            {Array.isArray(result) && result?.length && (
+                <ScrollView
+                    contentContainerStyle={{
+                        alignItems: 'stretch',
+                        padding: 20,
+                        height: Dimensions.get('window').height,
+                    }}
+                    showsVerticalScrollIndicator
+                    style={styles.scroll}
+                >
+                    {result?.map((block) => {
+                        return block.lines.map((line) => {
+                            return (
+                                <View
+                                    key={line.text}
+                                    style={{
+                                        backgroundColor: '#ccccccaf',
+                                    }}
+                                >
+                                    <Text style={{ fontSize: 10 }}>{line.text}</Text>
+                                </View>
+                            );
+                        });
+                    })}
+                </ScrollView>
+            )}
+
+            <Button
+                title="识别网络照片"
+                onPress={() => {
+                    MlkitOcr.detectFromUri('https://res.vmallres.com//uomcdn/CN/pms/202407/E3B48F7290631FAF341FDB09CF907F03.jpg').then(res => {
+                        setTimeout(() => {
+                            setResult(res)
+                            console.log("================uri=res", JSON.stringify(res))
+                        }, 1000)
+                    }).catch(err => {
+                        console.log("=========err", err);
+                    })
+                }}
+            />
+            <Button
+                title="识别本地照片"
+                onPress={() => {
+                    MlkitOcr.detectFromFile('file://docs/storage/Users/currentUser/test/1.jpg').then(res => {
+                        setTimeout(() => {
+                            setResult(res)
+                            console.log("================file=res", JSON.stringify(res))
+                        }, 1000)
+                    }).catch(err => {
+                        console.log("=========err", err);
+                    })
+                }}
+            />
+        </SafeAreaView>
+    );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-mlkit-ocr": "file:../../node_modules/@react-native-oh-tpl/react-native-mlkit-ocr/harmony/rn_mlkit_ocr.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 RNMlkitOcrPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-mlkit-ocr/src/main/cpp" ./rn_mlkit_ocr)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_mlkit_ocr)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNMlkitOcrPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNMlkitOcrPackage>(ctx)
+    };
+}
+```
+
+### 在 ArkTs 侧引入 RNMlkitOcrPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import { RNMlkitOcrPackage } from '@react-native-oh-tpl/react-native-mlkit-ocr/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNMlkitOcrPackage(ctx),
+  ];
+}
+```
+
+### 应用权限申请
+
+> [!tip] "ohos.permission.INTERNET"权限等级为<B>normal</B>，授权方式为<B>system_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
+在 `YourProject/entry/src/main/module.json5`补上配置
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+
+  ···
+
+    "requestPermissions": [
++    {
++        "name": "ohos.permission.INTERNET",
++     },
+    ]
+  }
+}
+```
+
+
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)
+
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME         | Description                                                             | TYPE | Required | Platform | HarmonyOS Support |
+| ---------------- | ------------------------------------------ |--------------------------------- | ------ | -------- | -------- |
+| detectFromUri(uri)| 传入网络图片地址 | Function  |Yes| All      | Yes      |
+| detectFromFile(path) | 传入本地图片地址 | Function |Yes| All      | Yes      |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/agoldis/react-native-mlkit-ocr/blob/main/LICENSE) ，请自由地享受和参与开源。

From e47ff75d6f0428071d3de7bf2c26c00af33f7ef4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Thu, 29 Aug 2024 04:05:42 +0000
Subject: [PATCH 455/966] =?UTF-8?q?!1441=20docs:=20[#IANB3F]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E6=80=BB=E8=A7=88=E8=A1=A8=20*=20docs:=20[#IANB3F]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=80=BB=E8=A7=88=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 6 +++---
 zh-cn/README.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index df571c5f..c5ea18b3 100644
--- a/README.md
+++ b/README.md
@@ -210,9 +210,9 @@
 | 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) | 1.5.1         | -                 |  -  | [链接](/zh-cn/react-native-spinkit.md)                     |
 | 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element) | 3.1.2         | -                 |  -  | [链接](/zh-cn/react-navigation-shared-element.md)                     |
 | 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector) | 2.1.4         | -                 |  -  | [链接](/zh-cn/react-native-switch-selector.md)                     |
-| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  开发中  | 开发中                     |
+| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  -  | [链接](/zh-cn/callstack-react-theme-provider.md)                     |
 | 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge) | 0.6.1        | 是                 |  [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)  | [链接](/zh-cn/react-native-http-bridge.md)                     |
-| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  开发中  | 开发中                     |
+| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)  | [链接](/zh-cn/react-native-qr-decode-image-camera.md)                     |
 | 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) | 4.4.1       | 否                 |  [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)  | [链接](/zh-cn/react-native-touch-id.md)                     |
 | 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable) | 1.4.0       | -                 |  -  | [链接](/zh-cn/react-native-animatable.md)                     |
 | 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal) | 13.0.1       | -                 |  [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)  | [链接](/zh-cn/react-native-modal.md)                     |
@@ -239,7 +239,7 @@
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner) |   6.0.0     | 否                 |  [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)  | [链接](/zh-cn/react-native-fingerprint-scanner.md)                     |
 | 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  开发中  | 开发中                     |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  开发中  | 开发中                     |
-| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 |  开发中  | 开发中                     |
+| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)  | [链接](/zh-cn/react-native-orientation-locker.md)                     |
 | 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  开发中  | 开发中                     |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  开发中  | 开发中                     |
 | 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  开发中  | 开发中                    |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index df571c5f..c5ea18b3 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -210,9 +210,9 @@
 | 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) | 1.5.1         | -                 |  -  | [链接](/zh-cn/react-native-spinkit.md)                     |
 | 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element) | 3.1.2         | -                 |  -  | [链接](/zh-cn/react-navigation-shared-element.md)                     |
 | 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector) | 2.1.4         | -                 |  -  | [链接](/zh-cn/react-native-switch-selector.md)                     |
-| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  开发中  | 开发中                     |
+| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  -  | [链接](/zh-cn/callstack-react-theme-provider.md)                     |
 | 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge) | 0.6.1        | 是                 |  [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)  | [链接](/zh-cn/react-native-http-bridge.md)                     |
-| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  开发中  | 开发中                     |
+| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)  | [链接](/zh-cn/react-native-qr-decode-image-camera.md)                     |
 | 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) | 4.4.1       | 否                 |  [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)  | [链接](/zh-cn/react-native-touch-id.md)                     |
 | 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable) | 1.4.0       | -                 |  -  | [链接](/zh-cn/react-native-animatable.md)                     |
 | 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal) | 13.0.1       | -                 |  [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)  | [链接](/zh-cn/react-native-modal.md)                     |
@@ -239,7 +239,7 @@
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner) |   6.0.0     | 否                 |  [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)  | [链接](/zh-cn/react-native-fingerprint-scanner.md)                     |
 | 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  开发中  | 开发中                     |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  开发中  | 开发中                     |
-| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 |  开发中  | 开发中                     |
+| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)  | [链接](/zh-cn/react-native-orientation-locker.md)                     |
 | 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  开发中  | 开发中                     |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  开发中  | 开发中                     |
 | 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  开发中  | 开发中                    |

From e195d0a8265f8a90f1aed50ab153fa260e61c045 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Thu, 29 Aug 2024 07:53:42 +0000
Subject: [PATCH 456/966] =?UTF-8?q?!1444=20docs:=20[#IAND7S]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=20react-native-storage=20=E5=88=B0=E6=80=BB=E8=A7=88?=
 =?UTF-8?q?=E8=A1=A8=20*=20docs:=20[#IAND7S]=20=E6=B7=BB=E5=8A=A0=20react-?=
 =?UTF-8?q?native-storage=20=E5=88=B0=E6=80=BB=E8=A7=88=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 767 ++++++++++++++++++++++++------------------------
 zh-cn/README.md | 767 ++++++++++++++++++++++++------------------------
 2 files changed, 770 insertions(+), 764 deletions(-)

diff --git a/README.md b/README.md
index c5ea18b3..521264c7 100644
--- a/README.md
+++ b/README.md
@@ -28,388 +28,391 @@
 
 > [!tip] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
 
-| 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
-|-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
-| 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.0        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
-| 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll) | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
-| 3   | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是         | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
-| 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
-| 5   | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否         | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
-| 6   | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是         | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
-| 7   | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是         | [@react-native-oh-tpl/geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-community-geolocation.md)                     |
-| 8   | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是         | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
-| 9   | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是         | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
-| 10  | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是         | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
-| 11  | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否         | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
-| 12  | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是         | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
-| 13  | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是         | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)       |
-| 14  | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否         | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                 |
-| 15  | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否         | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
-| 16  | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是         | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
-| 17  | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
-| 18  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)      | 6.5.11        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
-| 19  | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)            | 1.3.21        | \-        | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
-| 20  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                | 6.1.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
-| 21  | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                  | 6.3.19        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
-| 22  | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                             | 1.6.3         | 否         | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
-| 23  | [axios](https://github.com/axios/axios)                                                                                  | 1.6.7         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
-| 24  | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                | 4.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
-| 25  | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                              | 1.11.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
-| 26  | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                      | 4.3.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
-| 27  | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
-| 28  | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
-| 29  | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
-| 30  | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                       | 0.11.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
-| 31  | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
-| 32  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 33  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 34  | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                  | 4.17.21       | \-        | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
-| 35  | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                        | 6.4.1         | 是         | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
-| 36  | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                  | 6.10.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
-| 37  | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                       | 7.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
-| 38  | [Moment](https://github.com/moment/moment)                                                                               | 2.30.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
-| 39  | [parse5](https://github.com/inikulin/parse5)                                                                             | 7.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
-| 40  | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                        | 15.8.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
-| 41  | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                    | 1.4.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
-| 42  | [react-ahooks](https://github.com/alibaba/hooks)                                                                         | 3.7.11        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
-| 43  | [react-i18next](https://github.com/i18next/react-i18next)                                                                | 8.6.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
-| 44  | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                            | 3.0.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
-| 45  | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
-| 46  | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
-| 47  | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
-| 48  | [react-native-autoheight-webview](https://github.com/iou90/react-native-autoheight-webview) | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
-| 49  | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
-| 50  | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util) | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
-| 51  | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
-| 52  | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
-| 53  | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
-| 54  | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                            | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
-| 55  | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                               | 3.4.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
-| 56  | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                            | 2.4.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
-| 57  | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
-| 58  | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
-| 59  | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否         | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
-| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                | [链接](/zh-cn/react-native-fast-image.md)                      |
-| 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
-| 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
-| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 否         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
-| 64  | [react-native-image-editor](https://github.com/callstack/react-native-image-editor) | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
-| 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
-| 66  | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
-| 67  | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master) | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
-| 68  | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom) | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                         | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
-| 69  | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer) | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
-| 70  | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-        | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
-| 71  | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是         | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
-| 72  | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是         | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
-| 73  | [react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display) | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
-| 74  | [react-native-marquee](https://github.com/kyo504/react-native-marquee/blob/master) | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
-| 75  | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否         | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
-| 76  | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是         | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
-| 77  | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是         | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
-| 78  | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是         | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
-| 79  | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
-| 80  | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
-| 81  | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-        | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
-| 82  | [react-native-pull](https://github.com/greatbsky/react-native-pull/blob/master) | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
-| 83  | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-        | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
-| 84  | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是         | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
-| 85  | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
-| 86  | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                 | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
-| 87  | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                | 18.1.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
-| 88  | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
-| 89  | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是         | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
-| 90  | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是         | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
-| 91  | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view) | 1.0.0         | -        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
-| 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
-| 93  | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否         | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
-| 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
-| 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
-| 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | -        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
-| 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
-| 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
-| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | -        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
-| 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是         | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
-| 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-        | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
-| 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
-| 104 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                        | 10.0.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
-| 105 | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是         | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
-| 106 | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否         | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
-| 107 | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是         | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
-| 108 | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core) | 0.5.0         | 是         | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
-| 109 | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
-| 110 | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
-| 111 | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
-| 112 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                         | 4.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
-| 113 | [redux](https://github.com/reduxjs/redux)                                                                                | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
-| 114 | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                        | 3.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
-| 115 | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                | 3.0.6         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
-| 116 | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                  | 6.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
-| 117 | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                    | 3.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
-| 118 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
-| 119 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
-| 120 | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
-| 121 | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
-| 122 | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors) | 7.2.1         | \-        | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
-| 123 | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-        | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
-| 124 | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
-| 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
-| 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
-| 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −         | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
-| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                 | [链接](/zh-cn/react-native-clippath-capi.md)                    |
-| 129 | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
-| 130 | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
-| 131 | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
-| 132 | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                 | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
-| 133 | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                 | 0.10.3        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
-| 134 | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                     | 1.2.8         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
-| 135 | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                          | 2.0.0-rc.1    | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
-| 136 | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)              | 1.0.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
-| 137 | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
-| 138 | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −         | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
-| 139 | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是         | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
-| 140  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator) |0.3.4     | -             |  [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)  |  [链接](/zh-cn/react-native-tab-navigator.md)  |
-| 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −         | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
-| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.0.1       | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
-| 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否         | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
-| 144 | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否         | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
-| 145 | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是         | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
-| 146 | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                | 3.1.0         | 是         | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
-| 147 | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是         | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
-| 148 | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否         | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
-| 149 | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
-| 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
-| 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
-| 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | -         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
-| 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | -         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
-| 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
-| 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | -         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
-| 156 | [react-native-code-push](https://github.com/microsoft/react-native-code-push) | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
-| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | -                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
-| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 否                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
-| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 否                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
-| 160  | [react-native-bindingx](https://github.com/alibaba/bindingx) | 1.0.3         | 否                | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases) | [链接](/zh-cn/react-native-bindingx.md)                     |
-| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview) | 2.0.3         | 否                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases) | [链接](/zh-cn/react-native-cardview.md)                     |
-| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist) | 3.1.0-rc.2         | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases) | [链接](/zh-cn/react-native-largelist.md)                     |
-| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master) | 2.0.22         | 否                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases) | [链接](/zh-cn/react-native-spring-scrollview.md)                     |
-| 164  | [react-native-color-matrix-image-filters](https://github.com/iyegoroff/react-native-color-matrix-image-filters) | 6.0.5         | 是                 | [@react-native-oh-tpl/react-native-color-matrix-image-filters](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) | [链接](/zh-cn/react-native-color-matrix-image-filters.md)                     |
-| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master) | 1.0.7         | 否                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases) | [链接](/zh-cn/remobile-react-native-toast.md)                     |
-| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker) | 0.5.3         | 否                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases) | [链接](/zh-cn/react-native-syan-image-picker.md)                     |
-| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation) | 1.2.3         | 否                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases) | [链接](/zh-cn/react-native-amap-geolocation.md)                     |
-| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen) | 3.3.0         | 否                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | [链接](/zh-cn/react-native-splash-screen.md)                     |
-| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map) | 1.0.37         | 否                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases) | [链接](/zh-cn/react-native-baidu-map.md)                     |
-| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 否                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
-| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
-| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
-| 173  | [@itenl/react-native-scrollable-tabview](https://github.com/itenl/react-native-scrollable-tabview) | 1.1.7         | -                 | - | [链接](/zh-cn/react-native-scrollable-tabview.md)                     |
-| 174  | [rneui](https://github.com/react-native-elements/react-native-elements) | 4.0.0-rc.8         | -                 | 开发中 | 开发中                     |
-| 175  | [react-native-root-toast](https://github.com/magicismight/react-native-root-toast) | 3.5.1         | -                 | - | [链接](/zh-cn/react-native-root-toast.md)                     |
-| 176  | [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer) | 2.4.1         | 否                 | [@react-native-oh-tpl/react-native-background-timer](https://github.com/react-native-oh-library/react-native-background-timer/releases) | [链接](/zh-cn/react-native-background-timer.md)                     |
-| 177  | [react-native-htmlview](https://github.com/jsdf/react-native-htmlview) | 0.17.0         | -                 |  -  | [链接](/zh-cn/react-native-htmlview.md)                     |
-| 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) | 1.5.1         | -                 |  -  | [链接](/zh-cn/react-native-spinkit.md)                     |
-| 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element) | 3.1.2         | -                 |  -  | [链接](/zh-cn/react-navigation-shared-element.md)                     |
-| 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector) | 2.1.4         | -                 |  -  | [链接](/zh-cn/react-native-switch-selector.md)                     |
-| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  -  | [链接](/zh-cn/callstack-react-theme-provider.md)                     |
-| 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge) | 0.6.1        | 是                 |  [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)  | [链接](/zh-cn/react-native-http-bridge.md)                     |
-| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)  | [链接](/zh-cn/react-native-qr-decode-image-camera.md)                     |
-| 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) | 4.4.1       | 否                 |  [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)  | [链接](/zh-cn/react-native-touch-id.md)                     |
-| 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable) | 1.4.0       | -                 |  -  | [链接](/zh-cn/react-native-animatable.md)                     |
-| 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal) | 13.0.1       | -                 |  [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)  | [链接](/zh-cn/react-native-modal.md)                     |
-| 187  | [react-native-collapsible](https://github.com/oblador/react-native-collapsible) | 1.6.1       | -                 |  -  | [链接](/zh-cn/react-native-collapsible.md)                     |
-| 188  | [react-native-contacts](https://github.com/rt2zz/react-native-contacts) | 7.0.7       | 否                 |  -  | [链接](/zh-cn/react-native-contacts.md)                     |
-| 189  | [react-native-restart](https://github.com/avishayil/react-native-restart) | 0.0.27       | 是                 |  [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)  | [链接](/zh-cn/react-native-restart.md)                     |
-| 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting) | 1.7.6       | 否                 |  [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)  | [链接](/zh-cn/react-native-system-setting.md)                     |
-| 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake) | 4.0.0       | 否                 |  [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)  | [链接](/zh-cn/react-native-keep-awake.md)                     |
-| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks) | 3.0.0       | -                 |  开发中  | 开发中                     |
-| 193  | [react-navigation](https://github.com/react-navigation/react-navigation) |  6      | -                 |  [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)  | [链接](/zh-cn/react-navigation.md)                     |
-| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) |  1.4.4      | 否                 |  开发中  | 开发中                     |
-| 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager) |  11.5.5      | 否                 |  [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)  | [链接](/zh-cn/react-native-ble-manager.md)                     |
-| 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) |  6.0.0-alpha.9      | 否                 |  [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)  | [链接](/zh-cn/react-native-sensitive-info.md)                     |
-| 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation) |  0.1.7      | -                 |  -  | [链接](/zh-cn/react-native-typing-animation.md)                     |
-| 198  | [react-native-multi-slider](https://github.com/ptomasroos/react-native-multi-slider) |  2.2.2      | -                 |  [@react-native-oh-tpl/react-native-multi-slider](https://github.com/react-native-oh-library/react-native-multi-slider/releases)  | [链接](/zh-cn/react-native-multi-slider.md)                     |
-| 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation) |  3.1.3      | -                 |  [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)  | [链接](/zh-cn/react-native-orientation.md)                     |
-| 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide) |  3.3.0      | -                 |  [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)  | [链接](/zh-cn/rn-tourguide.md)                     |
-| 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) |  5.1.2      | 是                 |  [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)  | [链接](/zh-cn/react-native-performance.md)                     |
-| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library) |   12.5.1     | -                 |  开发中  | 开发中                     |
-| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) |   5.4.6     | -                 |  开发中  | 开发中                     |
-| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) |   10.2.1     | 是                 |  开发中  | 开发中                     |
-| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown) |   0.11.1     | -                 |  开发中  | 开发中                    |
-| 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker) |   9.2.0     | 是                 |  [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)  | [链接](/zh-cn/react-native-document-picker.md)                     |
-| 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner) |   6.0.0     | 否                 |  [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)  | [链接](/zh-cn/react-native-fingerprint-scanner.md)                     |
-| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  开发中  | 开发中                     |
-| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  开发中  | 开发中                     |
-| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)  | [链接](/zh-cn/react-native-orientation-locker.md)                     |
-| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  开发中  | 开发中                     |
-| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  开发中  | 开发中                     |
-| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  开发中  | 开发中                    |
-| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) |   2.4.0     | -                 |  开发中  | 开发中                     |
-| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS) |   5.3.0-beta.1     | -                 |  开发中  | 开发中                     |
-| 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2) |   7.0.8     | -                 |  -  | [链接](/zh-cn/react-native-shadow-2.md)                     |
-| 217  | [@shopify/restyle](https://github.com/Shopify/restyle) |   2.4.2     | -                 |  开发中  | 开发中                     |
-| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) |   2.0.11     | -                 |  开发中  | 开发中                     |
-| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal) |   2.0.0     | -                 |  开发中  | 开发中                     |
-| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) |   2.2.0     | 是                 |  开发中  | 开发中                     |
-| 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-url-polyfill.md)                     |
-| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) |   2.0.8     | 否                 |  开发中  | 开发中                     |
-| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message) |   0.4.2     | -                 |  开发中  | 开发中                     |
-| 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings) |   8.1.0     | -                 |  -  | [链接](/zh-cn/react-native-ratings.md)                     |
-| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert) |   5.1.0     | 否                 |  开发中  | 开发中                     |
-| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown) |   2.12.1     | -                 |  开发中  | 开发中                     |
-| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) |   0.2.2     | -                 |  开发中  | 开发中                     |
-| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline) |   6.0.2     | -                 |  开发中  | 开发中                     |
-| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui) |   1.30.1     | -                 |  开发中  | 开发中                     |
-| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input) |   0.4.1     | -                 |  开发中  | 开发中                     |
-| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) |   2.2.0     | -                 |  开发中  | 开发中                     |
-| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) |   2.7.2     | 否                 |  开发中  | 开发中                     |
-| 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture) |   0.4.11     | 否                 |  [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)  | [链接](/zh-cn/react-native-signature-capture.md)                     |
-| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  开发中  | 开发中                     |
-| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  开发中  | 开发中                     |
-| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  开发中  | 开发中                     |
-| 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons) |   0.6.0     | 否                 |  [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)  | [链接](/zh-cn/react-native-material-buttons.md)                     |
-| 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
-| 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |
-| 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox) |   0.9.0     | -                 |  -  | [链接](/zh-cn/react-native-lightbox.md)                     |
-| 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail) | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | [链接](/zh-cn/react-native-create-thumbnail.md)              |
-| 242  | [react-native-paper](https://github.com/callstack/react-native-paper) | 5.12.5         | -                 | 开发中                                                           | 开发中                         |
-| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts) | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases) | [链接](/zh-cn/react-native-contacts.md)                      |
-| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element) | 0.8.9          | 是                 | 开发中                                                       | 开发中                                                       |
-| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) | 5.0.0-alpha.11 | -                 | 开发中                                                           | 开发中                                                       |
-| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage) | 0.10.2         | 否                 | 开发中                                                       | 开发中                                                       |
-| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) | 7.0.0          | -                 | 开发中                                                       | 开发中                                                       |
-| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia) | 1.3.7          | 是                 | 开发中                                                       | 开发中                                                       |
-| 249  | [react-native-print](https://github.com/christopherdro/react-native-print) | 0.10.0         | 否                 | 开发中                                                       | 开发中                                                       |
-| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | 开发中 | 开发中                  |
-| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select) | 9.2.0          | -                 | 开发中                                                       | 开发中                                                       |
-| 252    | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player) | 4.1.1         | 是                 | 开发中                                                            | 开发中                                                      |
-| 253    |  [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication) | 2.3.0         | 否                 | 开发中                                                           | 开发中                                                      |
-| 254   | [natnativewind-monorepo](https://github.com/nativewind/nativewind) | 2.0.11        | -                | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                |
-| 255 | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit) | 13.0.0        | 是                 | 开发中                                                          | 开发中                                                      |
-| 256 | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager) | 3.15.1        | 是 | 开发中 | 开发中                  |
-| 257 | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash) | 2.0.3         | 是                 | 开发中                                                          | 开发中                                                      |
-| 258 | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask) | 3.1.5         | 否                 | 开发中                                                           | 开发中                                                      |
-| 259 | [react-native-auth0](https://github.com/auth0/react-native-auth0) | 4.0.0-beta.0  | 是                 | 开发中                                                           | 开发中                                                      |
-| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0         | 否                 | 开发中                                                          | 开发中                                                      |
-| 261 | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller) | 1.12.6        | 是                 |开发中                                                           | 开发中                                                      |
-| 262 | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput) | 5.0.0         | 是                 |开发中                                                           | 开发中                                                      |
-| 263 | [redux-flipper](https://github.com/jk-gan/redux-flipper) | 2.0.3         | -                 | 开发中                                                         | 开发中                                                      |
-| 264 | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc) | 3.2.0 | -                 | 开发中                                                          | 开发中                                                      |
-| 265 | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view) | 1.16.0        | 否                 |开发中                                                           | 开发中                                                      |
-| 266 | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView) | 0.14.0        | 否                 | 开发中                                                           | 开发中                                                      |
-| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view) | 3.0.0-alpha4  | 是                 | 开发中                                                           | 开发中                                                      |
-| 268 | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) | 0.16.1        | - | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases) | [链接](/zh-cn/react-native-material-textfield.md)                   |
-| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1         | -                 | 开发中 | 开发中         |
-| 270 | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper) | 0.262.0       | 否                 | 开发中                                                           | 开发中                                                      |
-| 271 | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles) | 0.2.7         | -                 | -                                                           | [链接](/zh-cn/react-native-material-design-style.md)        |
-| 272 | [react-native-flip-card](https://github.com/moschan/react-native-flip-card) | 3.5.7         | -                 | -                                                           | [链接](/zh-cn/react-native-flip-card.md)                    |
-| 273 | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes) | 3.6.1         | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases) | [链接](/zh-cn/react-native-randombytes.md)                  |
-| 274 | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow) | 0.0.5         | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases) | [链接](/zh-cn/react-native-view-overflow.md)                |
-| 275 | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text) | 1.13.0        | -                 | -                                                           | [链接](/zh-cn/react-native-masked-text.md)                                  |
-| 276   | [reassure](https://github.com/callstack/reassure)                 | 1.0.0        | -         | 开发中                                                    | 开发中     |
-| 277   | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution)                 | 6.2.2        | 否         | 开发中                                                    | 开发中     |
-| 278   | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                 | 0.0.22        | -         | -                                                    | [链接](/zh-cn/react-native-parsed-text.md)     |
-| 279   | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)     | 3.0.1        | -         | 开发中                                                   | 开发中     |
-| 280   | [voice](https://github.com/react-native-voice/voice)                 |    3.2.4     | 否         | 开发中                                                    | 开发中     |
-| 281   | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                 |  0.0.22       | -         | 开发中                                                    | 开发中     |
-| 282   | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                 |   1.15.0      | 是        | 开发中                                                   | 开发中    |
-| 283   | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                 |  5.4.0       | -         | -                                                    | [链接](/zh-cn/react-native-autocomplete-input.md)     |
-| 284   | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                 |     6.0.0-alpha.9    | 否        | 开发中                                                    | 开发中     |
-| 285   | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                 |   4.2.5      | 否        | 开发中                                                    | 开发中    |
-| 286   | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                 |   1.0.3      | -         | 开发中                                                    | 开发中     |
-| 287   | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                 |   4.16.5      | 否         | 开发中                                                   | 开发中      |
-| 288   | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                 |   1.6.0      | -         | 开发中                                                   | 开发中     |
-| 289   | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                 |    4.2.0     | -         | 开发中                                                | 开发中     |
-| 290   | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                 |    0.17.0     | -         | 开发中                                                  | 开发中     |
-| 291   | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                 |    0.9.1     | -         | 开发中                                                  | 开发中     |
-| 292   | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                 |    1.2.4     | -         | -                                                    | [链接](/zh-cn/react-native-error-boundary.md)     |
-| 293   | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                 |   11.5.5      | 否         | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                                                    | [链接](/zh-cn/react-native-ble-manager.md)     |
-| 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                 |   5.3.0      | -         | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                                    | [链接](/zh-cn/react-native-svg-charts.md)     |
-| 295   | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                 |    2.1.5     | 否       | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                                                   | [链接](/zh-cn/react-native-file-viewer.md)     |
-| 296   | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                 |    0.5.1     | -         | 开发中                                                  | 开发中     |
-| 297   | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                 |   0.12.0      |否       |开发中                                            | 开发中     |
-| 298   | [react-native-typography](https://github.com/hectahertz/react-native-typography)                 |    1.4.1     | -         | 开发中                                             | 开发中    |
-| 299   | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                 |     2.4.0    |否         | 开发中                                                    | 开发中     |
-| 300   | [react-content-loader](https://github.com/danilowoz/react-content-loader)                 |   7.0.2      | -         | 开发中                                                  | 开发中     |
-| 301   | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                 | 2.7.1        | 否       | 开发中                                                    | 开发中     |
-| 302   | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                 |   1.9.0      | -         | 开发中                                                   | 开发中      |
-| 303   | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                 |   1.0.0-alpha.22      | -         | 开发中                                                   | 开发中     |
-| 304   | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                 | 1.2.6        | 否        | 开发中                                                    | 开发中     |
-| 305   | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                 |  3.6.10       | 是        | 开发中                                                   | 开发中     |
-| 306   | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                 |   3.4.2      | -         | 开发中                                               | 开发中    |
-| 307   | [react-native-notifier](https://github.com/seniv/react-native-notifier)                 |   2.0.0      | -         | 开发中                                                    | 开发中     |
-| 308   | [react-native-graph](https://github.com/margelo/react-native-graph)                 |   1.1.0      | -         | 开发中                                                  | 开发中    |
-| 309   | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                 |  0.14.2       | -         | 开发中                                                    | 开发中     |
-| 310   | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                 |   3.0.5      | 否        | 开发中                                                   | 开发中    |
-| 311   | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                 |   5.6.2      | 是        | 开发中                                                 | 开发中     |
-| 312   | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                 |  1.4.26       | -         | 开发中                                                   | 开发中     |
-| 313   | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                 |  2.1.2       |否       | 开发中                                                  | 开发中   |
-| 314   | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                 |   1.5.2      | -         | 开发中                                                    | 开发中     |
-| 315   | [react-native-mail](https://github.com/chirag04/react-native-mail)                 |  6.1.1       | 否       | 开发中                                                 | 开发中     |
-| 316   | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile)                 |    3.2.1     | -         | 开发中                                               | 开发中     |
-| 317   | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                 |  2.4.6       | -         | 开发中                                                 | 开发中     |
-| 318   | [react-native-tts](https://github.com/ak1394/react-native-tts)                 |   4.1.1      | 是        | 开发中                                                | 开发中     |
-| 319   | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                 |   12.0.0      | -        | 开发中                                                  | 开发中     |
-| 320   | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                 |    2.1.0     | -         | 开发中                                                | 开发中     |
-| 321   | [react-native-version-number](https://github.com/APSL/react-native-version-number)                 |  0.3.6       | 否        | 开发中                                                   |开发中     |
-| 322   | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                 |     0.1.16    | -         | 开发中                                                   |开发中     |
-| 323   | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                 |   5.0.0      | 是        | 开发中                                                    | 开发中     |
-| 324   | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                 |   4.3.14      | 是        | 开发中                                                    | 开发中     |
-| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas) |  4.7.2     | 是                 | 开发中 | 开发中|
-| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header) |   1.0.0-rc.9     | -                 |  开发中  | 开发中 |
-| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select) |   0.5.12     | -                 |  开发中  |  开发中  |
-| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch) |   1.5.1     |-|  开发中  |  开发中  |
-| 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu) |  2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-material-menu.md)|
-| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list) |  0.1.2     | -                 |  开发中  |  开发中  |
-| 331  | [galio-framework](https://github.com/galio-org/galio) |   0.8.0     | -                 |  开发中  |  开发中  |
-| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager) |4.2.0| 否| 开发中  | 开发中|
-| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom) |1.0.1     | 否                 |  开发中  | 开发中 |
-| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket) |6.2.0     | 否  |  开发中  | 开发中 |
-| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet) |0.7.0  | -   |  开发中  | 开发中 |
-| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent) |1.3.0     | 是         |  开发中  | 开发中 |
-| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot) |3.3.2     | -                 |  开发中  |  开发中  |
-| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery) |0.4.2     | -      |  开发中  | 开发中 |
-| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet) |0.3.2    | -       |  开发中  | 开发中 |
-| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard) |1.7.0     | -                 |  开发中  |  开发中  |
-| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar) |2.6.4     | -     |  开发中  | 开发中 |
-| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer) |3.2.8     | -                 |  开发中  | 开发中 |
-| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules) |1.0.3     | -    |  开发中  | 开发中 |
-| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color) |2.0.2     | -       |  开发中  | 开发中 |
-| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript) |0.0.1     | -       |  开发中  | 开发中 |
-| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info) |5.2.1     | 是                 |  开发中  | 开发中 |
-| 347  | [react-native-udp](https://github.com/tradle/react-native-udp) |4.1.7     | -      |  开发中  | 开发中 |
-| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works) |2.0.0     | -      |  开发中  | 开发中 |
-| 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard) |1.0.0     | -                 |  -  | [链接](/zh-cn/react-native-dismiss-keyboard.md)|
-| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access) |3.1.0    | 是      |  开发中  | 开发中 |
-| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading) |1.2.0     | 否        |  开发中  | 开发中 |
-| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars) |2.4.3     | 是                 |  开发中  | 开发中 |
-| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr) |0.3.0     | 否     |  开发中  | 开发中 |
-| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent) |1.2.1       | 是                 |  开发中  |  开发中  |
-| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect) |3.1.0     | 是     |  开发中  | 开发中 |
-| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite) |6.2.11                                             | 是      |  开发中  | 开发中 |
-| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation) |0.6.0     | 是       |  开发中  | 开发中 |
-| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys) |0.7.10     | 是              |  开发中  | 开发中 |
-| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control) | 6.0.0     | 否         |  开发中  | 开发中 |
-| 360  | [@baronha/ting](https://github.com/baronha/ting) |1.2.1     | 是        |  开发中  | 开发中 |
-| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings) | 1.0.2     | 是       |  开发中  | 开发中 |
-| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors) | 0.4.0     | 是         |  开发中  | 开发中 |
-| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder) | 2.0.0     | -                 |  [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)  | [链接](/zh-cn/react-native-barcode-builder.md)|
-| 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows) |1.1.2     | 否                 |  [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)  | [链接](/zh-cn/react-native-neomorph-shadows.md)|
-| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn) |5.1.0     | -                 |  开发中  |  开发中  |
-| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax) |0.10.3     | -                 |  开发中  |  开发中  |
-| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt) |1.3.1     | -                 |  开发中  |  开发中  |
-| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli) |2.2.4     | -                 |  开发中  |  开发中  |
-| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache) |2.7.1     | -                 |  开发中  |  开发中  |
-| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker) |5.0.4     | -                 |  开发中  |  开发中  |
-| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view) |1.10.0     | -                 |  开发中  |  开发中  |
-| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view) |2.1.6     | -                 |  -  |  [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)  |
-| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic) |1.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-dynamic.md)  |
-| 374  | [react-native-md5](https://github.com/kmend/react-native-md5) |1.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-md5.md)  |
-| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover) |2.1.3     | -                 |  -  |  [链接](/zh-cn/react-native-modal-popover.md)  |
-| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox) |2.0.2     | -                 |  -  |  [链接](/zh-cn/react-native-modalbox.md)  |
-| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts) |1.7.0     | -                 |  -  |  [链接](/zh-cn/react-native-secharts.md)  |
-| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe) |1.3.2     | -                 |  -  |  [链接](/zh-cn/react-subscribe.md)  |
-| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker) |2.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-pickers.md)  |
-| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode) |0.2.7     | -             |  [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)  |  [链接](/zh-cn/react-native-QRCode.md)  |
+| 序号 | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                           |
+| ---- | ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
+| 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                      | 1.21.0         | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
+| 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll)                   | 6.0.0          | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
+| 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                      | 1.13.2         | 是                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
+| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                                   | 4.4.0          | 是                 | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
+| 5    | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                            | 0.5.16         | 否                 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
+| 6    | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                       | 7.6.2          | 是                 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
+| 7    | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                             | 3.1.0          | 是                 | [@react-native-oh-tpl/geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                                            | [链接](/zh-cn/react-native-community-geolocation.md)           |
+| 8    | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                               | 11.1.0         | 是                 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
+| 9    | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)            | 1.0.4          | 是                 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
+| 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                          | 1.4.2          | 是                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
+| 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                        | 1.11.0         | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
+| 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                            | 4.4.3          | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
+| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)                    | 0.2.1          | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)       |
+| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                              | 6.2.1          | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                 |
+| 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                              | 0.2.9          | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
+| 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                                  | 2.5.1          | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
+| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control)      | 2.5.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
+| 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)           | 6.5.11         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
+| 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)                 | 1.3.21         | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
+| 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                     | 6.1.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
+| 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                       | 6.3.19         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
+| 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                                  | 1.6.3          | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
+| 23   | [axios](https://github.com/axios/axios)                                                                                       | 1.6.7          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
+| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                     | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
+| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                                   | 1.11.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
+| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                           | 4.3.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
+| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                              | 0.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
+| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                            | 9.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
+| 29   | [immer](https://github.com/immerjs/immer)                                                                                     | 10.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
+| 30   | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                            | 0.11.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
+| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                             | 3.11.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
+| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.14.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.15.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                       | 4.17.21        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
+| 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                             | 6.4.1          | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
+| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                       | 6.10.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
+| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                            | 7.6.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
+| 38   | [Moment](https://github.com/moment/moment)                                                                                    | 2.30.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
+| 39   | [parse5](https://github.com/inikulin/parse5)                                                                                  | 7.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
+| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                             | 15.8.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
+| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                         | 1.4.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
+| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                              | 3.7.11         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
+| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                     | 8.6.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
+| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                                 | 3.0.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
+| 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                         | 2.8.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
+| 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                          | 0.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
+| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
+| 48   | [react-native-autoheight-webview](https://github.com/iou90/react-native-autoheight-webview)                                   | 1.6.5          | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
+| 49   | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                          | 0.2.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
+| 50   | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util)                                                 | 0.19.6         | 是                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
+| 51   | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                           | 0.1.39         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
+| 52   | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                              | 2.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
+| 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                        | 7.4.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
+| 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                                 | 1.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
+| 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                                    | 3.4.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
+| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
+| 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                     | 2.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
+| 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                             | 1.9.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
+| 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                      | 2.10.10        | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
+| 60   | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                               | 8.6.3          | 否                 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
+| 61   | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                                  | 1.5.5          | \-                 | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
+| 62   | [react-native-fs](https://github.com/itinance/react-native-fs)                                                                | 2.20.0         | 是                 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
+| 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                              | 2.14.1         | 否                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)               | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 64   | [react-native-image-editor](https://github.com/callstack/react-native-image-editor)                                           | 3.2.0          | 是                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
+| 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                           | 7.0.3          | 是                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
+| 66   | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer)                                            | 3.0.1          | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
+| 67   | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master)                              | 0.2.2          |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
+| 68   | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)                                                | 2.1.12         | \-                 | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                             | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
+| 69   | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer)                            | 0.2.0          | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
+| 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)                    | 0.9.5          | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
+| 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)                  | 3.0.0-alpha.1  | 是                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
+| 72   | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                                   | 1.10.3         | 是                 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
+| 73   | [react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display)                                     | 7.0.2          | \-                 | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
+| 74   | [react-native-marquee](https://github.com/kyo504/react-native-marquee/blob/master)                                            | 0.5.0          | \-                 | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
+| 75   | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                       | 0.7.0          | 否                 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
+| 76   | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                               | 6.2.2          | 是                 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
+| 77   | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                                | 6.7.4          | 是                 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
+| 78   | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                               | 4.1.5          | 是                 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
+| 79   | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                             | 5.1.7          | \-                 | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
+| 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                                  | 0.16.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
+| 81   | [react-native-progress](https://github.com/oblador/react-native-progress)                                                     | 5.0.1          | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
+| 82   | [react-native-pull](https://github.com/greatbsky/react-native-pull/blob/master)                                               | 2.0.4          | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
+| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                            | 6.2.0          | \-                 | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
+| 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                        | 3.6.0          | 是                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
+| 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                                | 3.5.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
+| 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                      | 0.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
+| 87   | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                     | 18.1.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
+| 88   | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                            | 6.3.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
+| 89   | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                                 | 4.7.4          | 是                 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
+| 90   | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                              | 3.29.0         | 是                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
+| 91   | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view)                            | 1.0.0          | -                  | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 92   | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)                  | 2.2.3          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
+| 93   | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                     | 0.6.7          | 否                 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
+| 94   | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                        | 3.9.1          | \-                 | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
+| 95   | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                              | 0.11.2         | 是                 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
+| 96   | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master)                                | 1.1.3          | -                  | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg)                                                      | 15.0.0         | 是                 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                                       | [链接](/zh-cn/react-native-svg-capi.md)                        |
+| 98   | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                            | 3.2.9          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
+| 99   | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                         | 1.6.0          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
+| 100  | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)         | 3.5.2          | -                  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
+| 101  | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                                  | 4.0.0          | 是                 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
+| 102  | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                                 | 1.2.0          | \-                 | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
+| 103  | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                      | 1.1.0          | 否                 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
+| 104  | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                             | 10.0.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
+| 105  | [react-native-video](https://github.com/react-native-video/react-native-video)                                                | 5.2.1          | 是                 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
+| 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                       | 3.8.0          | 否                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
+| 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                          | 13.6.2         | 是                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
+| 108  | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core)                                           | 0.5.0          | 是                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
+| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                         | 9.1.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
+| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                                 | 6.22.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
+| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                          | 17.2.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
+| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
+| 113  | [redux](https://github.com/reduxjs/redux)                                                                                     | 5.0.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
+| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                             | 3.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
+| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                     | 3.0.6          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
+| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                       | 6.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
+| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                         | 3.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
+| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                     | 2.2.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
+| 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                                  | 3.0.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
+| 120  | [styled-components](https://github.com/styled-components/styled-components)                                                   | 6.1.8          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
+| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                               | 5.1.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
+| 122  | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors)                                          | 7.2.1          | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
+| 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                             | 0.0.25         | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
+| 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                            | 2.3.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
+| 125  | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                      | 0.9.1          | 否                 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
+| 126  | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                               | 1.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
+| 127  | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)        | 6.9.26         | −                  | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
+| 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                                | 1.1.8          | 是                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath-capi.md)                   |
+| 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                          | 1.1.5          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
+| 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                     | 0.1.11         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
+| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                     | 0.0.1          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
+| 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                      | 1.3.0          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
+| 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                      | 0.10.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
+| 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                          | 1.2.8          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
+| 135  | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                               | 2.0.0-rc.1     | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
+| 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)                   | 1.0.3          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
+| 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                   | 1.3.0          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
+| 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                        | 2.1.5          | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
+| 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                                   | 0.40.3         | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
+| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                       | 0.1.3          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
+| 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                           | 1.0.1          | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
+| 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                          | 4.0.1          | 否                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
+| 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                            | 7.0.0          | 否                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
+| 144  | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                          | 4.3.1          | 否                 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
+| 145  | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                             | 3.3.1          | 是                 | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
+| 146  | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                     | 3.1.0          | 是                 | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
+| 147  | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                                  | 3.0.9          | 是                 | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
+| 148  | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                      | 2.2.0          | 否                 | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
+| 149  | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                            | 1.1.0          | 否                 | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
+| 150  | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                          | 0.2.1          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
+| 151  | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                      | 5.0.1          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
+| 152  | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                            | 5.0.0          | -                  | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
+| 153  | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                               | 1.0.5          | -                  | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
+| 154  | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                         | 1.0.0          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
+| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                          | 9.0.0          | -                  | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
+| 156  | [react-native-code-push](https://github.com/microsoft/react-native-code-push)                                                 | 8.0.2          | 是                 | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
+| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module)                                      | 1.2.0          | -                  | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases)                               | [链接](/zh-cn/react-native-safe-module.md)                     |
+| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage)                                          | 6.0.1          | 否                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)                         | [链接](/zh-cn/react-native-sqlite-storage.md)                  |
+| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient)                                         | 0.1.7          | 否                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases)                           | [链接](/zh-cn/react-native-text-gradient.md)                   |
+| 160  | [react-native-bindingx](https://github.com/alibaba/bindingx)                                                                  | 1.0.3          | 否                 | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases)                                     | [链接](/zh-cn/react-native-bindingx.md)                        |
+| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview)                                              | 2.0.3          | 否                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases)                                     | [链接](/zh-cn/react-native-cardview.md)                        |
+| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist)                                                 | 3.1.0-rc.2     | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases)                                   | [链接](/zh-cn/react-native-largelist.md)                       |
+| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master)                     | 2.0.22         | 否                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)                   | [链接](/zh-cn/react-native-spring-scrollview.md)               |
+| 164  | [react-native-color-matrix-image-filters](https://github.com/iyegoroff/react-native-color-matrix-image-filters)               | 6.0.5          | 是                 | [@react-native-oh-tpl/react-native-color-matrix-image-filters](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) | [链接](/zh-cn/react-native-color-matrix-image-filters.md)      |
+| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master)                                              | 1.0.7          | 否                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases)                                           | [链接](/zh-cn/remobile-react-native-toast.md)                  |
+| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker)                                  | 0.5.3          | 否                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases)                   | [链接](/zh-cn/react-native-syan-image-picker.md)               |
+| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation)                                    | 1.2.3          | 否                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)                     | [链接](/zh-cn/react-native-amap-geolocation.md)                |
+| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen)                                      | 3.3.0          | 否                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases)                           | [链接](/zh-cn/react-native-splash-screen.md)                   |
+| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map)                                                  | 1.0.37         | 否                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases)                                   | [链接](/zh-cn/react-native-baidu-map.md)                       |
+| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx)                                                     | 3.2.0          | 否                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases)                                       | [链接](/zh-cn/react-native-ble-plx.md)                         |
+| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info)                              | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases)                               | [链接](/zh-cn/react-native-device-info.md)                     |
+| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d)                                                        | 3.2.4          | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases)                                         | [链接](/zh-cn/react-native-amap3d.md)                          |
+| 173  | [@itenl/react-native-scrollable-tabview](https://github.com/itenl/react-native-scrollable-tabview)                            | 1.1.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-scrollable-tabview.md)              |
+| 174  | [rneui](https://github.com/react-native-elements/react-native-elements)                                                       | 4.0.0-rc.8     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 175  | [react-native-root-toast](https://github.com/magicismight/react-native-root-toast)                                            | 3.5.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-root-toast.md)                      |
+| 176  | [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer)                                     | 2.4.1          | 否                 | [@react-native-oh-tpl/react-native-background-timer](https://github.com/react-native-oh-library/react-native-background-timer/releases)                     | [链接](/zh-cn/react-native-background-timer.md)                |
+| 177  | [react-native-htmlview](https://github.com/jsdf/react-native-htmlview)                                                        | 0.17.0         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-htmlview.md)                        |
+| 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit)                                                        | 1.5.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-spinkit.md)                         |
+| 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element)                             | 3.1.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-navigation-shared-element.md)              |
+| 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector)                                     | 2.1.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-switch-selector.md)                 |
+| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider)                                          | 3.0.9          | -                  | -                                                                                                                                                           | [链接](/zh-cn/callstack-react-theme-provider.md)               |
+| 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge)                                                  | 0.6.1          | 是                 | [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)                               | [链接](/zh-cn/react-native-http-bridge.md)                     |
+| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera)                  | 1.1.3          | 否                 | [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)         | [链接](/zh-cn/react-native-qr-decode-image-camera.md)          |
+| 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id)                                                     | 4.4.1          | 否                 | [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)                                     | [链接](/zh-cn/react-native-touch-id.md)                        |
+| 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable)                                                 | 1.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-animatable.md)                      |
+| 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal)                                                | 13.0.1         | -                  | [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)                                           | [链接](/zh-cn/react-native-modal.md)                           |
+| 187  | [react-native-collapsible](https://github.com/oblador/react-native-collapsible)                                               | 1.6.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-collapsible.md)                     |
+| 188  | [react-native-contacts](https://github.com/rt2zz/react-native-contacts)                                                       | 7.0.7          | 否                 | -                                                                                                                                                           | [链接](/zh-cn/react-native-contacts.md)                        |
+| 189  | [react-native-restart](https://github.com/avishayil/react-native-restart)                                                     | 0.0.27         | 是                 | [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)                                       | [链接](/zh-cn/react-native-restart.md)                         |
+| 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting)                                       | 1.7.6          | 否                 | [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)                         | [链接](/zh-cn/react-native-system-setting.md)                  |
+| 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | 否                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [链接](/zh-cn/react-native-keep-awake.md)                      |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [链接](/zh-cn/react-navigation.md)                             |
+| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference)                              | 1.4.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
+| 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                         | [链接](/zh-cn/react-native-sensitive-info.md)                  |
+| 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation)                                | 0.1.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-typing-animation.md)                |
+| 198  | [react-native-multi-slider](https://github.com/ptomasroos/react-native-multi-slider)                                          | 2.2.2          | -                  | [@react-native-oh-tpl/react-native-multi-slider](https://github.com/react-native-oh-library/react-native-multi-slider/releases)                             | [链接](/zh-cn/react-native-multi-slider.md)                    |
+| 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation)                                                | 3.1.3          | -                  | [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)                               | [链接](/zh-cn/react-native-orientation.md)                     |
+| 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [链接](/zh-cn/rn-tourguide.md)                                 |
+| 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | 是                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [链接](/zh-cn/react-native-performance.md)                     |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker)                                  | 5.4.6          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 204  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                | 10.2.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
+| 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
+| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values)                                    | 1.11.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
+| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters)                                              | 0.4.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-shadow-2.md)                        |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind)                                          | 2.0.11         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback)                                      | 2.2.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-url-polyfill.md)                    |
+| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder)                               | 2.0.8          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-ratings.md)                         |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid)                                                 | 0.2.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto)                                                          | 2.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles)                                                   | 2.7.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | 否                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [链接](/zh-cn/react-native-signature-capture.md)               |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [链接](/zh-cn/react-native-material-buttons.md)                |
+| 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet)                                          | 4.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-action-sheet.md)                    |
+| 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-communications.md)                  |
+| 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox)                                                   | 0.9.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-lightbox.md)                        |
+| 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail)                                | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)                     | [链接](/zh-cn/react-native-create-thumbnail.md)                |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts)                                                  | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases)                                     | [链接](/zh-cn/react-native-contacts.md)                        |
+| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser)                                   | 3.7.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 254  | [natnativewind-monorepo](https://github.com/nativewind/nativewind)                                                            | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases)                                                           | [链接](/zh-cn/nativewind.md)                                   |
+| 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper)                                        | 0.6.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 264  | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc)                               | 3.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
+| 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper)                           | 2.1.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-style.md)           |
+| 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-flip-card.md)                       |
+| 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [链接](/zh-cn/react-native-randombytes.md)                     |
+| 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [链接](/zh-cn/react-native-view-overflow.md)                   |
+| 275  | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text)                                             | 1.13.0         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-masked-text.md)                     |
+| 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-parsed-text.md)                     |
+| 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)               | 3.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                                                  | 0.0.22         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
+| 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                                                    | 4.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
+| 293  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
+| 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [链接](/zh-cn/react-native-svg-charts.md)                      |
+| 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | 否                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [链接](/zh-cn/react-native-file-viewer.md)                     |
+| 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 297  | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                                        | 0.12.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 304  | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                                          | 1.2.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 307  | [react-native-notifier](https://github.com/seniv/react-native-notifier)                                                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 311  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 313  | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                                           | 2.1.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 314  | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                               | 1.5.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 315  | [react-native-mail](https://github.com/chirag04/react-native-mail)                                                            | 6.1.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 316  | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile) | 3.2.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 317  | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                                                       | 2.4.6          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 318  | [react-native-tts](https://github.com/ak1394/react-native-tts)                                                                | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 319  | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                                 | 12.0.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 323  | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                                               | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 324  | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                                         | 4.3.14         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch)                                                        | 1.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu)                                              | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-menu.md)                   |
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 331  | [galio-framework](https://github.com/galio-org/galio)                                                                         | 0.8.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)                                               | 6.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)                              | 0.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent)                                         | 1.3.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot)                                                     | 3.3.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet)                                   | 0.3.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)                                                     | 1.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar)                      | 2.6.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer)                                  | 3.2.8          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color)                           | 2.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript)                | 0.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)                              | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dismiss-keyboard.md)                |
+| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access)                                             | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading)                                      | 1.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 6.2.11         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control)                                           | 6.0.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 360  | [@baronha/ting](https://github.com/baronha/ting)                                                                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings)                            | 1.0.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors)                                                | 0.4.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [链接](/zh-cn/react-native-barcode-builder.md)                 |
+| 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | 否                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [链接](/zh-cn/react-native-neomorph-shadows.md)                |
+| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
+| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dynamic.md)                         |
+| 374  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-md5.md)                             |
+| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modal-popover.md)                   |
+| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modalbox.md)                        |
+| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-secharts.md)                        |
+| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-subscribe.md)                              |
+| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
+| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
+| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
+| 382  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
+
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index c5ea18b3..521264c7 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -28,388 +28,391 @@
 
 > [!tip] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
 
-| 序号  | 原库名                                                                                                                      | 原库基线版本        | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                                   |
-|-----|--------------------------------------------------------------------------------------------------------------------------|---------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------|
-| 1   | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                 | 1.21.0        | 是         | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
-| 2   | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll) | 6.0.0         | 是         | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
-| 3   | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                 | 1.13.2        | 是         | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
-| 4   | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                              | 4.4.0         | 是         | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
-| 5   | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                       | 0.5.16        | 否         | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
-| 6   | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                  | 7.6.2         | 是         | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
-| 7   | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                        | 3.1.0         | 是         | [@react-native-oh-tpl/geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                               | [链接](/zh-cn/react-native-community-geolocation.md)                     |
-| 8   | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                          | 11.1.0        | 是         | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
-| 9   | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)       | 1.0.4         | 是         | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
-| 10  | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                     | 1.4.2         | 是         | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
-| 11  | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                   | 1.11.0        | 否         | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
-| 12  | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                       | 4.4.3         | 是         | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
-| 13  | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)               | 0.2.1         | 是         | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)       |
-| 14  | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                         | 6.2.1         | 否         | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                 |
-| 15  | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                         | 0.2.9         | 否         | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
-| 16  | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                             | 2.5.1         | 是         | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
-| 17  | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
-| 18  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)      | 6.5.11        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
-| 19  | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)            | 1.3.21        | \-        | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
-| 20  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                | 6.1.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
-| 21  | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                  | 6.3.19        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
-| 22  | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                             | 1.6.3         | 否         | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
-| 23  | [axios](https://github.com/axios/axios)                                                                                  | 1.6.7         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
-| 24  | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                | 4.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
-| 25  | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                              | 1.11.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
-| 26  | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                      | 4.3.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
-| 27  | [EventBus](https://github.com/krasimir/EventBus)                                                                         | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
-| 28  | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                       | 9.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
-| 29  | [immer](https://github.com/immerjs/immer)                                                                                | 10.0.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
-| 30  | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                       | 0.11.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
-| 31  | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                        | 3.11.6        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
-| 32  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.14.9        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 33  | [js-beautify](https://github.com/beautifier/js-beautify)                                                                 | 1.15.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 34  | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                  | 4.17.21       | \-        | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
-| 35  | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                        | 6.4.1         | 是         | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
-| 36  | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                  | 6.10.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
-| 37  | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                       | 7.6.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
-| 38  | [Moment](https://github.com/moment/moment)                                                                               | 2.30.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
-| 39  | [parse5](https://github.com/inikulin/parse5)                                                                             | 7.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
-| 40  | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                        | 15.8.1        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
-| 41  | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                    | 1.4.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
-| 42  | [react-ahooks](https://github.com/alibaba/hooks)                                                                         | 3.7.11        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
-| 43  | [react-i18next](https://github.com/i18next/react-i18next)                                                                | 8.6.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
-| 44  | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                            | 3.0.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
-| 45  | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                    | 2.8.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
-| 46  | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                     | 0.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
-| 47  | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                     | 0.2.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
-| 48  | [react-native-autoheight-webview](https://github.com/iou90/react-native-autoheight-webview) | 1.6.5         | \-        | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
-| 49  | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                     | 0.2.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
-| 50  | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util) | 0.19.6        | 是         | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
-| 51  | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                      | 0.1.39        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
-| 52  | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                         | 2.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
-| 53  | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                   | 7.4.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
-| 54  | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                            | 1.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
-| 55  | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                               | 3.4.9         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
-| 56  | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                            | 2.4.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
-| 57  | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                | 2.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
-| 58  | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                        | 1.9.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
-| 59  | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                 | 2.10.10       | 否         | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
-| 60  | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                          | 8.6.3         | 否         | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                | [链接](/zh-cn/react-native-fast-image.md)                      |
-| 61  | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                             | 1.5.5         | \-        | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
-| 62  | [react-native-fs](https://github.com/itinance/react-native-fs)                                                           | 2.20.0        | 是         | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
-| 63  | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                         | 2.14.1        | 否         | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)                       | [链接](/zh-cn/react-native-gesture-handler.md)                 |
-| 64  | [react-native-image-editor](https://github.com/callstack/react-native-image-editor) | 3.2.0         | 是         | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
-| 65  | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                      | 7.0.3         | 是         | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
-| 66  | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1         | \-        | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
-| 67  | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master) | 0.2.2         |           | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
-| 68  | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom) | 2.1.12        | \-        | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                         | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
-| 69  | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer) | 0.2.0         | \-        | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
-| 70  | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)               | 0.9.5         | \-        | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
-| 71  | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)             | 3.0.0-alpha.1 | 是         | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
-| 72  | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                              | 1.10.3        | 是         | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
-| 73  | [react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display) | 7.0.2         | \-        | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
-| 74  | [react-native-marquee](https://github.com/kyo504/react-native-marquee/blob/master) | 0.5.0         | \-        | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
-| 75  | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                  | 0.7.0         | 否         | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
-| 76  | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                          | 6.2.2         | 是         | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
-| 77  | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                           | 6.7.4         | 是         | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
-| 78  | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                          | 4.1.5         | 是         | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
-| 79  | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                        | 5.1.7         | \-        | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
-| 80  | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                             | 0.16.0        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
-| 81  | [react-native-progress](https://github.com/oblador/react-native-progress)                                                | 5.0.1         | \-        | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
-| 82  | [react-native-pull](https://github.com/greatbsky/react-native-pull/blob/master) | 2.0.4         | \-        | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
-| 83  | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                       | 6.2.0         | \-        | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
-| 84  | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                   | 3.6.0         | 是         | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
-| 85  | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                           | 3.5.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
-| 86  | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                 | 0.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
-| 87  | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                | 18.1.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
-| 88  | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                       | 6.3.4         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
-| 89  | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                            | 4.7.4         | 是         | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
-| 90  | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                         | 3.29.0        | 是         | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
-| 91  | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view) | 1.0.0         | -        | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
-| 92  | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)             | 2.2.3         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
-| 93  | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                | 0.6.7         | 否         | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
-| 94  | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                   | 3.9.1         | \-        | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
-| 95  | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                         | 0.11.2        | 是         | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
-| 96  | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master) | 1.1.3         | -        | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
-| 97  | [react-native-svg](https://github.com/software-mansion/react-native-svg)          			                                    | 15.0.0        | 是         | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                               | [链接](/zh-cn/react-native-svg-capi.md)                        |
-| 98  | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                       | 3.2.9         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
-| 99  | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                    | 1.6.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
-| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)    | 3.5.2         | -        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
-| 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                             | 4.0.0         | 是         | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
-| 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                            | 1.2.0         | \-        | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
-| 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                 | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
-| 104 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                        | 10.0.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
-| 105 | [react-native-video](https://github.com/react-native-video/react-native-video)                                           | 5.2.1         | 是         | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
-| 106 | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                  | 3.8.0         | 否         | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
-| 107 | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                     | 13.6.2        | 是         | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
-| 108 | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core) | 0.5.0         | 是         | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
-| 109 | [react-redux](https://github.com/reduxjs/react-redux)                                                                    | 9.1.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
-| 110 | [react-router-dom](https://github.com/remix-run/react-router)                                                            | 6.22.3        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
-| 111 | [react-use](https://github.com/zenghongtu/react-use)                                                                     | 17.2.4        | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
-| 112 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                         | 4.2.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
-| 113 | [redux](https://github.com/reduxjs/redux)                                                                                | 5.0.1         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
-| 114 | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                        | 3.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
-| 115 | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                | 3.0.6         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
-| 116 | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                  | 6.0.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
-| 117 | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                    | 3.1.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
-| 118 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                | 2.2.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
-| 119 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                             | 3.0.3         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
-| 120 | [styled-components](https://github.com/styled-components/styled-components)                                              | 6.1.8         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
-| 121 | [styled-system](https://github.com/styled-system/styled-system)                                                          | 5.1.5         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
-| 122 | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors) | 7.2.1         | \-        | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
-| 123 | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                        | 0.0.25        | \-        | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
-| 124 | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                       | 2.3.0         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
-| 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                 | 0.9.1         | 否         | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
-| 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                          | 1.1.2         | \-        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
-| 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)   | 6.9.26        | −         | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
-| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                           | 1.1.8         | 是         | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                 | [链接](/zh-cn/react-native-clippath-capi.md)                    |
-| 129 | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                     | 1.1.5         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
-| 130 | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                | 0.1.11        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
-| 131 | [better-banner](https://github.com/tmxiong/better-banner)                                                                | 0.0.1         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
-| 132 | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                 | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
-| 133 | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                 | 0.10.3        | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
-| 134 | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                     | 1.2.8         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
-| 135 | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                          | 2.0.0-rc.1    | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
-| 136 | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)              | 1.0.3         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
-| 137 | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                              | 1.3.0         | −         | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
-| 138 | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                   | 2.1.5         | −         | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
-| 139 | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                              | 0.40.3        | 是         | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
-| 140  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator) |0.3.4     | -             |  [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)  |  [链接](/zh-cn/react-native-tab-navigator.md)  |
-| 141 | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                      | 1.0.1         | −         | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
-| 142 | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                     | 4.0.1       | 否         | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
-| 143 | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                       | 7.0.0         | 否         | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
-| 144 | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                     | 4.3.1         | 否         | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
-| 145 | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                        | 3.3.1         | 是         | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
-| 146 | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                | 3.1.0         | 是         | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
-| 147 | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                             | 3.0.9         | 是         | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
-| 148 | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                 | 2.2.0         | 否         | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
-| 149 | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                       | 1.1.0         | 否         | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
-| 150 | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                     | 0.2.1         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
-| 151 | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                 | 5.0.1         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
-| 152 | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                       | 5.0.0         | -         | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
-| 153 | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                          | 1.0.5         | -         | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
-| 154 | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                    | 1.0.0         | -        | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
-| 155 | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                     | 9.0.0         | -         | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
-| 156 | [react-native-code-push](https://github.com/microsoft/react-native-code-push) | 8.0.2         | 是         | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
-| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module) | 1.2.0         | -                 | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases) | [链接](/zh-cn/react-native-safe-module.md)                     |
-| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) | 6.0.1         | 否                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) | [链接](/zh-cn/react-native-sqlite-storage.md)                     |
-| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient) | 0.1.7         | 否                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases) | [链接](/zh-cn/react-native-text-gradient.md)                     |
-| 160  | [react-native-bindingx](https://github.com/alibaba/bindingx) | 1.0.3         | 否                | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases) | [链接](/zh-cn/react-native-bindingx.md)                     |
-| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview) | 2.0.3         | 否                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases) | [链接](/zh-cn/react-native-cardview.md)                     |
-| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist) | 3.1.0-rc.2         | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases) | [链接](/zh-cn/react-native-largelist.md)                     |
-| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master) | 2.0.22         | 否                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases) | [链接](/zh-cn/react-native-spring-scrollview.md)                     |
-| 164  | [react-native-color-matrix-image-filters](https://github.com/iyegoroff/react-native-color-matrix-image-filters) | 6.0.5         | 是                 | [@react-native-oh-tpl/react-native-color-matrix-image-filters](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) | [链接](/zh-cn/react-native-color-matrix-image-filters.md)                     |
-| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master) | 1.0.7         | 否                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases) | [链接](/zh-cn/remobile-react-native-toast.md)                     |
-| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker) | 0.5.3         | 否                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases) | [链接](/zh-cn/react-native-syan-image-picker.md)                     |
-| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation) | 1.2.3         | 否                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases) | [链接](/zh-cn/react-native-amap-geolocation.md)                     |
-| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen) | 3.3.0         | 否                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases) | [链接](/zh-cn/react-native-splash-screen.md)                     |
-| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map) | 1.0.37         | 否                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases) | [链接](/zh-cn/react-native-baidu-map.md)                     |
-| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx) | 3.2.0         | 否                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases) | [链接](/zh-cn/react-native-ble-plx.md)                     |
-| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info) | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases) | [链接](/zh-cn/react-native-device-info.md)                     |
-| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d) | 3.2.4         | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases) | [链接](/zh-cn/react-native-amap3d.md)                     |
-| 173  | [@itenl/react-native-scrollable-tabview](https://github.com/itenl/react-native-scrollable-tabview) | 1.1.7         | -                 | - | [链接](/zh-cn/react-native-scrollable-tabview.md)                     |
-| 174  | [rneui](https://github.com/react-native-elements/react-native-elements) | 4.0.0-rc.8         | -                 | 开发中 | 开发中                     |
-| 175  | [react-native-root-toast](https://github.com/magicismight/react-native-root-toast) | 3.5.1         | -                 | - | [链接](/zh-cn/react-native-root-toast.md)                     |
-| 176  | [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer) | 2.4.1         | 否                 | [@react-native-oh-tpl/react-native-background-timer](https://github.com/react-native-oh-library/react-native-background-timer/releases) | [链接](/zh-cn/react-native-background-timer.md)                     |
-| 177  | [react-native-htmlview](https://github.com/jsdf/react-native-htmlview) | 0.17.0         | -                 |  -  | [链接](/zh-cn/react-native-htmlview.md)                     |
-| 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit) | 1.5.1         | -                 |  -  | [链接](/zh-cn/react-native-spinkit.md)                     |
-| 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element) | 3.1.2         | -                 |  -  | [链接](/zh-cn/react-navigation-shared-element.md)                     |
-| 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector) | 2.1.4         | -                 |  -  | [链接](/zh-cn/react-native-switch-selector.md)                     |
-| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider) | 3.0.9         | -                 |  -  | [链接](/zh-cn/callstack-react-theme-provider.md)                     |
-| 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge) | 0.6.1        | 是                 |  [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)  | [链接](/zh-cn/react-native-http-bridge.md)                     |
-| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera) | 1.1.3       | 否                 |  [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)  | [链接](/zh-cn/react-native-qr-decode-image-camera.md)                     |
-| 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id) | 4.4.1       | 否                 |  [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)  | [链接](/zh-cn/react-native-touch-id.md)                     |
-| 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable) | 1.4.0       | -                 |  -  | [链接](/zh-cn/react-native-animatable.md)                     |
-| 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal) | 13.0.1       | -                 |  [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)  | [链接](/zh-cn/react-native-modal.md)                     |
-| 187  | [react-native-collapsible](https://github.com/oblador/react-native-collapsible) | 1.6.1       | -                 |  -  | [链接](/zh-cn/react-native-collapsible.md)                     |
-| 188  | [react-native-contacts](https://github.com/rt2zz/react-native-contacts) | 7.0.7       | 否                 |  -  | [链接](/zh-cn/react-native-contacts.md)                     |
-| 189  | [react-native-restart](https://github.com/avishayil/react-native-restart) | 0.0.27       | 是                 |  [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)  | [链接](/zh-cn/react-native-restart.md)                     |
-| 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting) | 1.7.6       | 否                 |  [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)  | [链接](/zh-cn/react-native-system-setting.md)                     |
-| 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake) | 4.0.0       | 否                 |  [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)  | [链接](/zh-cn/react-native-keep-awake.md)                     |
-| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks) | 3.0.0       | -                 |  开发中  | 开发中                     |
-| 193  | [react-navigation](https://github.com/react-navigation/react-navigation) |  6      | -                 |  [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)  | [链接](/zh-cn/react-navigation.md)                     |
-| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) |  1.4.4      | 否                 |  开发中  | 开发中                     |
-| 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager) |  11.5.5      | 否                 |  [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)  | [链接](/zh-cn/react-native-ble-manager.md)                     |
-| 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) |  6.0.0-alpha.9      | 否                 |  [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)  | [链接](/zh-cn/react-native-sensitive-info.md)                     |
-| 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation) |  0.1.7      | -                 |  -  | [链接](/zh-cn/react-native-typing-animation.md)                     |
-| 198  | [react-native-multi-slider](https://github.com/ptomasroos/react-native-multi-slider) |  2.2.2      | -                 |  [@react-native-oh-tpl/react-native-multi-slider](https://github.com/react-native-oh-library/react-native-multi-slider/releases)  | [链接](/zh-cn/react-native-multi-slider.md)                     |
-| 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation) |  3.1.3      | -                 |  [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)  | [链接](/zh-cn/react-native-orientation.md)                     |
-| 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide) |  3.3.0      | -                 |  [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)  | [链接](/zh-cn/rn-tourguide.md)                     |
-| 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) |  5.1.2      | 是                 |  [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)  | [链接](/zh-cn/react-native-performance.md)                     |
-| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library) |   12.5.1     | -                 |  开发中  | 开发中                     |
-| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) |   5.4.6     | -                 |  开发中  | 开发中                     |
-| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) |   10.2.1     | 是                 |  开发中  | 开发中                     |
-| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown) |   0.11.1     | -                 |  开发中  | 开发中                    |
-| 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker) |   9.2.0     | 是                 |  [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)  | [链接](/zh-cn/react-native-document-picker.md)                     |
-| 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner) |   6.0.0     | 否                 |  [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)  | [链接](/zh-cn/react-native-fingerprint-scanner.md)                     |
-| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) |   1.11.0     | 否                 |  开发中  | 开发中                     |
-| 209  | [native-base](https://github.com/GeekyAnts/NativeBase) |   3.4.28     | -                 |  开发中  | 开发中                     |
-| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker) |   1.7.0     | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)  | [链接](/zh-cn/react-native-orientation-locker.md)                     |
-| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native) |   5.27.0     | 是                 |  开发中  | 开发中                     |
-| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash) |   6.1.1     | 是                 |  开发中  | 开发中                     |
-| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) |   0.4.2     | 否                 |  开发中  | 开发中                    |
-| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) |   2.4.0     | -                 |  开发中  | 开发中                     |
-| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS) |   5.3.0-beta.1     | -                 |  开发中  | 开发中                     |
-| 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2) |   7.0.8     | -                 |  -  | [链接](/zh-cn/react-native-shadow-2.md)                     |
-| 217  | [@shopify/restyle](https://github.com/Shopify/restyle) |   2.4.2     | -                 |  开发中  | 开发中                     |
-| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) |   2.0.11     | -                 |  开发中  | 开发中                     |
-| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal) |   2.0.0     | -                 |  开发中  | 开发中                     |
-| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) |   2.2.0     | 是                 |  开发中  | 开发中                     |
-| 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill) |   2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-url-polyfill.md)                     |
-| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) |   2.0.8     | 否                 |  开发中  | 开发中                     |
-| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message) |   0.4.2     | -                 |  开发中  | 开发中                     |
-| 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings) |   8.1.0     | -                 |  -  | [链接](/zh-cn/react-native-ratings.md)                     |
-| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert) |   5.1.0     | 否                 |  开发中  | 开发中                     |
-| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown) |   2.12.1     | -                 |  开发中  | 开发中                     |
-| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) |   0.2.2     | -                 |  开发中  | 开发中                     |
-| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline) |   6.0.2     | -                 |  开发中  | 开发中                     |
-| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui) |   1.30.1     | -                 |  开发中  | 开发中                     |
-| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input) |   0.4.1     | -                 |  开发中  | 开发中                     |
-| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) |   2.2.0     | -                 |  开发中  | 开发中                     |
-| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) |   2.7.2     | 否                 |  开发中  | 开发中                     |
-| 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture) |   0.4.11     | 否                 |  [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)  | [链接](/zh-cn/react-native-signature-capture.md)                     |
-| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper) |   2.0.17     | -                 |  开发中  | 开发中                     |
-| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown) |   4.0.0-rc.5     | -                 |  开发中  | 开发中                     |
-| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable) |   0.5.1     | 是                 |  开发中  | 开发中                     |
-| 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons) |   0.6.0     | 否                 |  [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)  | [链接](/zh-cn/react-native-material-buttons.md)                     |
-| 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet) |   4.0.1     | -                 |  -  | [链接](/zh-cn/react-native-action-sheet.md)                     |
-| 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications) |   2.2.1     | -                 |  -  | [链接](/zh-cn/react-native-communications.md)                     |
-| 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox) |   0.9.0     | -                 |  -  | [链接](/zh-cn/react-native-lightbox.md)                     |
-| 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail) | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | [链接](/zh-cn/react-native-create-thumbnail.md)              |
-| 242  | [react-native-paper](https://github.com/callstack/react-native-paper) | 5.12.5         | -                 | 开发中                                                           | 开发中                         |
-| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts) | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases) | [链接](/zh-cn/react-native-contacts.md)                      |
-| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element) | 0.8.9          | 是                 | 开发中                                                       | 开发中                                                       |
-| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet) | 5.0.0-alpha.11 | -                 | 开发中                                                           | 开发中                                                       |
-| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage) | 0.10.2         | 否                 | 开发中                                                       | 开发中                                                       |
-| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) | 7.0.0          | -                 | 开发中                                                       | 开发中                                                       |
-| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia) | 1.3.7          | 是                 | 开发中                                                       | 开发中                                                       |
-| 249  | [react-native-print](https://github.com/christopherdro/react-native-print) | 0.10.0         | 否                 | 开发中                                                       | 开发中                                                       |
-| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | 开发中 | 开发中                  |
-| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select) | 9.2.0          | -                 | 开发中                                                       | 开发中                                                       |
-| 252    | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player) | 4.1.1         | 是                 | 开发中                                                            | 开发中                                                      |
-| 253    |  [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication) | 2.3.0         | 否                 | 开发中                                                           | 开发中                                                      |
-| 254   | [natnativewind-monorepo](https://github.com/nativewind/nativewind) | 2.0.11        | -                | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                |
-| 255 | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit) | 13.0.0        | 是                 | 开发中                                                          | 开发中                                                      |
-| 256 | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager) | 3.15.1        | 是 | 开发中 | 开发中                  |
-| 257 | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash) | 2.0.3         | 是                 | 开发中                                                          | 开发中                                                      |
-| 258 | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask) | 3.1.5         | 否                 | 开发中                                                           | 开发中                                                      |
-| 259 | [react-native-auth0](https://github.com/auth0/react-native-auth0) | 4.0.0-beta.0  | 是                 | 开发中                                                           | 开发中                                                      |
-| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0         | 否                 | 开发中                                                          | 开发中                                                      |
-| 261 | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller) | 1.12.6        | 是                 |开发中                                                           | 开发中                                                      |
-| 262 | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput) | 5.0.0         | 是                 |开发中                                                           | 开发中                                                      |
-| 263 | [redux-flipper](https://github.com/jk-gan/redux-flipper) | 2.0.3         | -                 | 开发中                                                         | 开发中                                                      |
-| 264 | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc) | 3.2.0 | -                 | 开发中                                                          | 开发中                                                      |
-| 265 | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view) | 1.16.0        | 否                 |开发中                                                           | 开发中                                                      |
-| 266 | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView) | 0.14.0        | 否                 | 开发中                                                           | 开发中                                                      |
-| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view) | 3.0.0-alpha4  | 是                 | 开发中                                                           | 开发中                                                      |
-| 268 | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield) | 0.16.1        | - | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases) | [链接](/zh-cn/react-native-material-textfield.md)                   |
-| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1         | -                 | 开发中 | 开发中         |
-| 270 | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper) | 0.262.0       | 否                 | 开发中                                                           | 开发中                                                      |
-| 271 | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles) | 0.2.7         | -                 | -                                                           | [链接](/zh-cn/react-native-material-design-style.md)        |
-| 272 | [react-native-flip-card](https://github.com/moschan/react-native-flip-card) | 3.5.7         | -                 | -                                                           | [链接](/zh-cn/react-native-flip-card.md)                    |
-| 273 | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes) | 3.6.1         | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases) | [链接](/zh-cn/react-native-randombytes.md)                  |
-| 274 | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow) | 0.0.5         | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases) | [链接](/zh-cn/react-native-view-overflow.md)                |
-| 275 | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text) | 1.13.0        | -                 | -                                                           | [链接](/zh-cn/react-native-masked-text.md)                                  |
-| 276   | [reassure](https://github.com/callstack/reassure)                 | 1.0.0        | -         | 开发中                                                    | 开发中     |
-| 277   | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution)                 | 6.2.2        | 否         | 开发中                                                    | 开发中     |
-| 278   | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                 | 0.0.22        | -         | -                                                    | [链接](/zh-cn/react-native-parsed-text.md)     |
-| 279   | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)     | 3.0.1        | -         | 开发中                                                   | 开发中     |
-| 280   | [voice](https://github.com/react-native-voice/voice)                 |    3.2.4     | 否         | 开发中                                                    | 开发中     |
-| 281   | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                 |  0.0.22       | -         | 开发中                                                    | 开发中     |
-| 282   | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                 |   1.15.0      | 是        | 开发中                                                   | 开发中    |
-| 283   | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                 |  5.4.0       | -         | -                                                    | [链接](/zh-cn/react-native-autocomplete-input.md)     |
-| 284   | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                 |     6.0.0-alpha.9    | 否        | 开发中                                                    | 开发中     |
-| 285   | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                 |   4.2.5      | 否        | 开发中                                                    | 开发中    |
-| 286   | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                 |   1.0.3      | -         | 开发中                                                    | 开发中     |
-| 287   | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                 |   4.16.5      | 否         | 开发中                                                   | 开发中      |
-| 288   | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                 |   1.6.0      | -         | 开发中                                                   | 开发中     |
-| 289   | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                 |    4.2.0     | -         | 开发中                                                | 开发中     |
-| 290   | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                 |    0.17.0     | -         | 开发中                                                  | 开发中     |
-| 291   | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                 |    0.9.1     | -         | 开发中                                                  | 开发中     |
-| 292   | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                 |    1.2.4     | -         | -                                                    | [链接](/zh-cn/react-native-error-boundary.md)     |
-| 293   | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                 |   11.5.5      | 否         | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                                                    | [链接](/zh-cn/react-native-ble-manager.md)     |
-| 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                 |   5.3.0      | -         | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                                    | [链接](/zh-cn/react-native-svg-charts.md)     |
-| 295   | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                 |    2.1.5     | 否       | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                                                   | [链接](/zh-cn/react-native-file-viewer.md)     |
-| 296   | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                 |    0.5.1     | -         | 开发中                                                  | 开发中     |
-| 297   | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                 |   0.12.0      |否       |开发中                                            | 开发中     |
-| 298   | [react-native-typography](https://github.com/hectahertz/react-native-typography)                 |    1.4.1     | -         | 开发中                                             | 开发中    |
-| 299   | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                 |     2.4.0    |否         | 开发中                                                    | 开发中     |
-| 300   | [react-content-loader](https://github.com/danilowoz/react-content-loader)                 |   7.0.2      | -         | 开发中                                                  | 开发中     |
-| 301   | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                 | 2.7.1        | 否       | 开发中                                                    | 开发中     |
-| 302   | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                 |   1.9.0      | -         | 开发中                                                   | 开发中      |
-| 303   | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                 |   1.0.0-alpha.22      | -         | 开发中                                                   | 开发中     |
-| 304   | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                 | 1.2.6        | 否        | 开发中                                                    | 开发中     |
-| 305   | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                 |  3.6.10       | 是        | 开发中                                                   | 开发中     |
-| 306   | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                 |   3.4.2      | -         | 开发中                                               | 开发中    |
-| 307   | [react-native-notifier](https://github.com/seniv/react-native-notifier)                 |   2.0.0      | -         | 开发中                                                    | 开发中     |
-| 308   | [react-native-graph](https://github.com/margelo/react-native-graph)                 |   1.1.0      | -         | 开发中                                                  | 开发中    |
-| 309   | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                 |  0.14.2       | -         | 开发中                                                    | 开发中     |
-| 310   | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                 |   3.0.5      | 否        | 开发中                                                   | 开发中    |
-| 311   | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                 |   5.6.2      | 是        | 开发中                                                 | 开发中     |
-| 312   | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                 |  1.4.26       | -         | 开发中                                                   | 开发中     |
-| 313   | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                 |  2.1.2       |否       | 开发中                                                  | 开发中   |
-| 314   | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                 |   1.5.2      | -         | 开发中                                                    | 开发中     |
-| 315   | [react-native-mail](https://github.com/chirag04/react-native-mail)                 |  6.1.1       | 否       | 开发中                                                 | 开发中     |
-| 316   | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile)                 |    3.2.1     | -         | 开发中                                               | 开发中     |
-| 317   | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                 |  2.4.6       | -         | 开发中                                                 | 开发中     |
-| 318   | [react-native-tts](https://github.com/ak1394/react-native-tts)                 |   4.1.1      | 是        | 开发中                                                | 开发中     |
-| 319   | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                 |   12.0.0      | -        | 开发中                                                  | 开发中     |
-| 320   | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                 |    2.1.0     | -         | 开发中                                                | 开发中     |
-| 321   | [react-native-version-number](https://github.com/APSL/react-native-version-number)                 |  0.3.6       | 否        | 开发中                                                   |开发中     |
-| 322   | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                 |     0.1.16    | -         | 开发中                                                   |开发中     |
-| 323   | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                 |   5.0.0      | 是        | 开发中                                                    | 开发中     |
-| 324   | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                 |   4.3.14      | 是        | 开发中                                                    | 开发中     |
-| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas) |  4.7.2     | 是                 | 开发中 | 开发中|
-| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header) |   1.0.0-rc.9     | -                 |  开发中  | 开发中 |
-| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select) |   0.5.12     | -                 |  开发中  |  开发中  |
-| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch) |   1.5.1     |-|  开发中  |  开发中  |
-| 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu) |  2.0.0     | -                 |  -  | [链接](/zh-cn/react-native-material-menu.md)|
-| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list) |  0.1.2     | -                 |  开发中  |  开发中  |
-| 331  | [galio-framework](https://github.com/galio-org/galio) |   0.8.0     | -                 |  开发中  |  开发中  |
-| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager) |4.2.0| 否| 开发中  | 开发中|
-| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom) |1.0.1     | 否                 |  开发中  | 开发中 |
-| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket) |6.2.0     | 否  |  开发中  | 开发中 |
-| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet) |0.7.0  | -   |  开发中  | 开发中 |
-| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent) |1.3.0     | 是         |  开发中  | 开发中 |
-| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot) |3.3.2     | -                 |  开发中  |  开发中  |
-| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery) |0.4.2     | -      |  开发中  | 开发中 |
-| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet) |0.3.2    | -       |  开发中  | 开发中 |
-| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard) |1.7.0     | -                 |  开发中  |  开发中  |
-| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar) |2.6.4     | -     |  开发中  | 开发中 |
-| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer) |3.2.8     | -                 |  开发中  | 开发中 |
-| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules) |1.0.3     | -    |  开发中  | 开发中 |
-| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color) |2.0.2     | -       |  开发中  | 开发中 |
-| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript) |0.0.1     | -       |  开发中  | 开发中 |
-| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info) |5.2.1     | 是                 |  开发中  | 开发中 |
-| 347  | [react-native-udp](https://github.com/tradle/react-native-udp) |4.1.7     | -      |  开发中  | 开发中 |
-| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works) |2.0.0     | -      |  开发中  | 开发中 |
-| 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard) |1.0.0     | -                 |  -  | [链接](/zh-cn/react-native-dismiss-keyboard.md)|
-| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access) |3.1.0    | 是      |  开发中  | 开发中 |
-| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading) |1.2.0     | 否        |  开发中  | 开发中 |
-| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars) |2.4.3     | 是                 |  开发中  | 开发中 |
-| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr) |0.3.0     | 否     |  开发中  | 开发中 |
-| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent) |1.2.1       | 是                 |  开发中  |  开发中  |
-| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect) |3.1.0     | 是     |  开发中  | 开发中 |
-| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite) |6.2.11                                             | 是      |  开发中  | 开发中 |
-| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation) |0.6.0     | 是       |  开发中  | 开发中 |
-| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys) |0.7.10     | 是              |  开发中  | 开发中 |
-| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control) | 6.0.0     | 否         |  开发中  | 开发中 |
-| 360  | [@baronha/ting](https://github.com/baronha/ting) |1.2.1     | 是        |  开发中  | 开发中 |
-| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings) | 1.0.2     | 是       |  开发中  | 开发中 |
-| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors) | 0.4.0     | 是         |  开发中  | 开发中 |
-| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder) | 2.0.0     | -                 |  [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)  | [链接](/zh-cn/react-native-barcode-builder.md)|
-| 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows) |1.1.2     | 否                 |  [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)  | [链接](/zh-cn/react-native-neomorph-shadows.md)|
-| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn) |5.1.0     | -                 |  开发中  |  开发中  |
-| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax) |0.10.3     | -                 |  开发中  |  开发中  |
-| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt) |1.3.1     | -                 |  开发中  |  开发中  |
-| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli) |2.2.4     | -                 |  开发中  |  开发中  |
-| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache) |2.7.1     | -                 |  开发中  |  开发中  |
-| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker) |5.0.4     | -                 |  开发中  |  开发中  |
-| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view) |1.10.0     | -                 |  开发中  |  开发中  |
-| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view) |2.1.6     | -                 |  -  |  [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)  |
-| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic) |1.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-dynamic.md)  |
-| 374  | [react-native-md5](https://github.com/kmend/react-native-md5) |1.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-md5.md)  |
-| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover) |2.1.3     | -                 |  -  |  [链接](/zh-cn/react-native-modal-popover.md)  |
-| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox) |2.0.2     | -                 |  -  |  [链接](/zh-cn/react-native-modalbox.md)  |
-| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts) |1.7.0     | -                 |  -  |  [链接](/zh-cn/react-native-secharts.md)  |
-| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe) |1.3.2     | -                 |  -  |  [链接](/zh-cn/react-subscribe.md)  |
-| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker) |2.0.0     | -                 |  -  |  [链接](/zh-cn/react-native-pickers.md)  |
-| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode) |0.2.7     | -             |  [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)  |  [链接](/zh-cn/react-native-QRCode.md)  |
+| 序号 | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                           |
+| ---- | ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
+| 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                      | 1.21.0         | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
+| 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll)                   | 6.0.0          | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
+| 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                      | 1.13.2         | 是                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
+| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                                   | 4.4.0          | 是                 | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
+| 5    | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                            | 0.5.16         | 否                 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
+| 6    | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                       | 7.6.2          | 是                 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
+| 7    | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                             | 3.1.0          | 是                 | [@react-native-oh-tpl/geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                                            | [链接](/zh-cn/react-native-community-geolocation.md)           |
+| 8    | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                               | 11.1.0         | 是                 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [链接](/zh-cn/react-native-community-netinfo.md)               |
+| 9    | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)            | 1.0.4          | 是                 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [链接](/zh-cn/react-native-community-progress-bar-android.md)  |
+| 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                          | 1.4.2          | 是                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [链接](/zh-cn/react-native-community-progress-view.md)         |
+| 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                        | 1.11.0         | 否                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [链接](/zh-cn/react-native-community-push-notification-ios.md) |
+| 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                            | 4.4.3          | 是                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [链接](/zh-cn/react-native-community-slider.md)                |
+| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)                    | 0.2.1          | 是                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [链接](/zh-cn/react-native-community-toolbar-android.md)       |
+| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                              | 6.2.1          | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                 |
+| 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                              | 0.2.9          | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
+| 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                                  | 2.5.1          | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
+| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control)      | 2.5.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
+| 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)           | 6.5.11         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
+| 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)                 | 1.3.21         | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
+| 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                     | 6.1.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
+| 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                       | 6.3.19         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
+| 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                                  | 1.6.3          | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
+| 23   | [axios](https://github.com/axios/axios)                                                                                       | 1.6.7          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
+| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                     | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
+| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                                   | 1.11.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
+| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                           | 4.3.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
+| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                              | 0.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
+| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                            | 9.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
+| 29   | [immer](https://github.com/immerjs/immer)                                                                                     | 10.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
+| 30   | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                            | 0.11.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
+| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                             | 3.11.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
+| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.14.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.15.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                       | 4.17.21        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
+| 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                             | 6.4.1          | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
+| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                       | 6.10.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
+| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                            | 7.6.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
+| 38   | [Moment](https://github.com/moment/moment)                                                                                    | 2.30.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
+| 39   | [parse5](https://github.com/inikulin/parse5)                                                                                  | 7.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
+| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                             | 15.8.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
+| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                         | 1.4.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
+| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                              | 3.7.11         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
+| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                     | 8.6.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
+| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                                 | 3.0.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
+| 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                         | 2.8.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
+| 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                          | 0.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
+| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
+| 48   | [react-native-autoheight-webview](https://github.com/iou90/react-native-autoheight-webview)                                   | 1.6.5          | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
+| 49   | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                          | 0.2.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
+| 50   | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util)                                                 | 0.19.6         | 是                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
+| 51   | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                           | 0.1.39         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-canvas.md)                          |
+| 52   | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                              | 2.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-check-box.md)                       |
+| 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                        | 7.4.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
+| 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                                 | 1.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
+| 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                                    | 3.4.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
+| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
+| 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                     | 2.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
+| 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                             | 1.9.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
+| 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                      | 2.10.10        | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
+| 60   | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                               | 8.6.3          | 否                 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [链接](/zh-cn/react-native-fast-image.md)                      |
+| 61   | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                                  | 1.5.5          | \-                 | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [链接](/zh-cn/react-native-fit-Image.md)                       |
+| 62   | [react-native-fs](https://github.com/itinance/react-native-fs)                                                                | 2.20.0         | 是                 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [链接](/zh-cn/react-native-fs.md)                              |
+| 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                              | 2.14.1         | 否                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)               | [链接](/zh-cn/react-native-gesture-handler.md)                 |
+| 64   | [react-native-image-editor](https://github.com/callstack/react-native-image-editor)                                           | 3.2.0          | 是                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
+| 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                           | 7.0.3          | 是                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
+| 66   | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer)                                            | 3.0.1          | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
+| 67   | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master)                              | 0.2.2          |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
+| 68   | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)                                                | 2.1.12         | \-                 | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                             | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
+| 69   | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer)                            | 0.2.0          | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
+| 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)                    | 0.9.5          | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
+| 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)                  | 3.0.0-alpha.1  | 是                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
+| 72   | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                                   | 1.10.3         | 是                 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [链接](/zh-cn/react-native-maps.md)                            |
+| 73   | [react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display)                                     | 7.0.2          | \-                 | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [链接](/zh-cn/react-native-markdown-display.md)                |
+| 74   | [react-native-marquee](https://github.com/kyo504/react-native-marquee/blob/master)                                            | 0.5.0          | \-                 | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [链接](/zh-cn/react-native-marquee.md)                         |
+| 75   | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                       | 0.7.0          | 否                 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [链接](/zh-cn/react-native-MJRefresh.md)                       |
+| 76   | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                               | 6.2.2          | 是                 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [链接](/zh-cn/react-native-pager-view.md)                      |
+| 77   | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                                | 6.7.4          | 是                 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [链接](/zh-cn/react-native-pdf.md)                             |
+| 78   | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                               | 4.1.5          | 是                 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [链接](/zh-cn/react-native-permissions.md)                     |
+| 79   | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                             | 5.1.7          | \-                 | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [链接](/zh-cn/react-native-popover-view.md)                    |
+| 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                                  | 0.16.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
+| 81   | [react-native-progress](https://github.com/oblador/react-native-progress)                                                     | 5.0.1          | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
+| 82   | [react-native-pull](https://github.com/greatbsky/react-native-pull/blob/master)                                               | 2.0.4          | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
+| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                            | 6.2.0          | \-                 | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
+| 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                        | 3.6.0          | 是                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
+| 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                                | 3.5.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
+| 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                      | 0.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
+| 87   | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                     | 18.1.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-redash.md)                          |
+| 88   | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                            | 6.3.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-render-html.md)                     |
+| 89   | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                                 | 4.7.4          | 是                 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [链接](/zh-cn/react-native-safe-area-context.md)               |
+| 90   | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                              | 3.29.0         | 是                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-screens.md)                         |
+| 91   | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view)                            | 1.0.0          | -                  | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [链接](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 92   | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)                  | 2.2.3          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-section-list-get-item-layout.md)    |
+| 93   | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                     | 0.6.7          | 否                 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [链接](/zh-cn/react-native-SmartRefreshLayout.md)              |
+| 94   | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                        | 3.9.1          | \-                 | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [链接](/zh-cn/react-native-snap-carousel.md)                   |
+| 95   | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                              | 0.11.2         | 是                 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [链接](/zh-cn/react-native-sound.md)                           |
+| 96   | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master)                                | 1.1.3          | -                  | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [链接](/zh-cn/react-native-stickyheader.md)                    |
+| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg)                                                      | 15.0.0         | 是                 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                                       | [链接](/zh-cn/react-native-svg-capi.md)                        |
+| 98   | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                            | 3.2.9          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swipe-list-view.md)                 |
+| 99   | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                         | 1.6.0          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-swiper.md)                          |
+| 100  | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)         | 3.5.2          | -                  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [链接](/zh-cn/react-native-tab-view.md)                        |
+| 101  | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                                  | 4.0.0          | 是                 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [链接](/zh-cn/react-native-text-size.md)                       |
+| 102  | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                                 | 1.2.0          | \-                 | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [链接](/zh-cn/react-native-transitiongroup.md)                 |
+| 103  | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                      | 1.1.0          | 否                 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [链接](/zh-cn/react-native-translucent-modal.md)               |
+| 104  | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                             | 10.0.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-vector-icons.md)                    |
+| 105  | [react-native-video](https://github.com/react-native-video/react-native-video)                                                | 5.2.1          | 是                 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [链接](/zh-cn/react-native-video.md)                           |
+| 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                       | 3.8.0          | 否                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
+| 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                          | 13.6.2         | 是                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
+| 108  | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core)                                           | 0.5.0          | 是                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
+| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                         | 9.1.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
+| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                                 | 6.22.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
+| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                          | 17.2.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
+| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
+| 113  | [redux](https://github.com/reduxjs/redux)                                                                                     | 5.0.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
+| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                             | 3.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
+| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                     | 3.0.6          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
+| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                       | 6.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
+| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                         | 3.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
+| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                     | 2.2.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
+| 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                                  | 3.0.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
+| 120  | [styled-components](https://github.com/styled-components/styled-components)                                                   | 6.1.8          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
+| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                               | 5.1.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
+| 122  | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors)                                          | 7.2.1          | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
+| 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                             | 0.0.25         | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
+| 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                            | 2.3.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
+| 125  | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                      | 0.9.1          | 否                 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [链接](/zh-cn/react-native-image-sequence-2.md)                |
+| 126  | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                               | 1.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-feather.md)                         |
+| 127  | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)        | 6.9.26         | −                  | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [链接](/zh-cn/react-navigation-native-stack.md)                |
+| 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                                | 1.1.8          | 是                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath-capi.md)                   |
+| 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                          | 1.1.5          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
+| 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                     | 0.1.11         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
+| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                     | 0.0.1          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
+| 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                      | 1.3.0          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
+| 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                      | 0.10.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
+| 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                          | 1.2.8          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
+| 135  | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                               | 2.0.0-rc.1     | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-marquee-ab.md)                      |
+| 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)                   | 1.0.3          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-reconnecting-websocket.md)          |
+| 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                   | 1.3.0          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
+| 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                        | 2.1.5          | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
+| 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                                   | 0.40.3         | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
+| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                       | 0.1.3          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
+| 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                           | 1.0.1          | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
+| 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                          | 4.0.1          | 否                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
+| 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                            | 7.0.0          | 否                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
+| 144  | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                          | 4.3.1          | 否                 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [链接](/zh-cn/react-native-audio.md)                           |
+| 145  | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                             | 3.3.1          | 是                 | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [链接](/zh-cn/react-native-simple-toast.md)                    |
+| 146  | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                     | 3.1.0          | 是                 | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [链接](/zh-cn/react-native-localize.md)                        |
+| 147  | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                                  | 3.0.9          | 是                 | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [链接](/zh-cn/bam-tech-react-native-image-resizer.md)          |
+| 148  | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                      | 2.2.0          | 否                 | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [链接](/zh-cn/react-native-calendar-events.md)                 |
+| 149  | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                            | 1.1.0          | 否                 | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [链接](/zh-cn/react-native-fileupload.md)                      |
+| 150  | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                          | 0.2.1          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-flexi-radio-button.md)              |
+| 151  | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                      | 5.0.1          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-root-siblings.md)                   |
+| 152  | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                            | 5.0.0          | -                  | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [链接](/zh-cn/react-native-root-modal.md)                      |
+| 153  | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                               | 1.0.5          | -                  | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [链接](/zh-cn/react-native-switch-pro.md)                      |
+| 154  | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                         | 1.0.0          | -                  | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drop-shadow.md)                     |
+| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                          | 9.0.0          | -                  | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [链接](/zh-cn/react-native-nested-scroll-view.md)              |
+| 156  | [react-native-code-push](https://github.com/microsoft/react-native-code-push)                                                 | 8.0.2          | 是                 | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [链接](/zh-cn/react-native-code-push.md)                       |
+| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module)                                      | 1.2.0          | -                  | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases)                               | [链接](/zh-cn/react-native-safe-module.md)                     |
+| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage)                                          | 6.0.1          | 否                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)                         | [链接](/zh-cn/react-native-sqlite-storage.md)                  |
+| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient)                                         | 0.1.7          | 否                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases)                           | [链接](/zh-cn/react-native-text-gradient.md)                   |
+| 160  | [react-native-bindingx](https://github.com/alibaba/bindingx)                                                                  | 1.0.3          | 否                 | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases)                                     | [链接](/zh-cn/react-native-bindingx.md)                        |
+| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview)                                              | 2.0.3          | 否                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases)                                     | [链接](/zh-cn/react-native-cardview.md)                        |
+| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist)                                                 | 3.1.0-rc.2     | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases)                                   | [链接](/zh-cn/react-native-largelist.md)                       |
+| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master)                     | 2.0.22         | 否                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)                   | [链接](/zh-cn/react-native-spring-scrollview.md)               |
+| 164  | [react-native-color-matrix-image-filters](https://github.com/iyegoroff/react-native-color-matrix-image-filters)               | 6.0.5          | 是                 | [@react-native-oh-tpl/react-native-color-matrix-image-filters](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) | [链接](/zh-cn/react-native-color-matrix-image-filters.md)      |
+| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master)                                              | 1.0.7          | 否                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases)                                           | [链接](/zh-cn/remobile-react-native-toast.md)                  |
+| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker)                                  | 0.5.3          | 否                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases)                   | [链接](/zh-cn/react-native-syan-image-picker.md)               |
+| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation)                                    | 1.2.3          | 否                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)                     | [链接](/zh-cn/react-native-amap-geolocation.md)                |
+| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen)                                      | 3.3.0          | 否                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases)                           | [链接](/zh-cn/react-native-splash-screen.md)                   |
+| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map)                                                  | 1.0.37         | 否                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases)                                   | [链接](/zh-cn/react-native-baidu-map.md)                       |
+| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx)                                                     | 3.2.0          | 否                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases)                                       | [链接](/zh-cn/react-native-ble-plx.md)                         |
+| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info)                              | 11.1.0         | 否                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases)                               | [链接](/zh-cn/react-native-device-info.md)                     |
+| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d)                                                        | 3.2.4          | 否                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases)                                         | [链接](/zh-cn/react-native-amap3d.md)                          |
+| 173  | [@itenl/react-native-scrollable-tabview](https://github.com/itenl/react-native-scrollable-tabview)                            | 1.1.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-scrollable-tabview.md)              |
+| 174  | [rneui](https://github.com/react-native-elements/react-native-elements)                                                       | 4.0.0-rc.8     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 175  | [react-native-root-toast](https://github.com/magicismight/react-native-root-toast)                                            | 3.5.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-root-toast.md)                      |
+| 176  | [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer)                                     | 2.4.1          | 否                 | [@react-native-oh-tpl/react-native-background-timer](https://github.com/react-native-oh-library/react-native-background-timer/releases)                     | [链接](/zh-cn/react-native-background-timer.md)                |
+| 177  | [react-native-htmlview](https://github.com/jsdf/react-native-htmlview)                                                        | 0.17.0         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-htmlview.md)                        |
+| 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit)                                                        | 1.5.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-spinkit.md)                         |
+| 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element)                             | 3.1.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-navigation-shared-element.md)              |
+| 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector)                                     | 2.1.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-switch-selector.md)                 |
+| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider)                                          | 3.0.9          | -                  | -                                                                                                                                                           | [链接](/zh-cn/callstack-react-theme-provider.md)               |
+| 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge)                                                  | 0.6.1          | 是                 | [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)                               | [链接](/zh-cn/react-native-http-bridge.md)                     |
+| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera)                  | 1.1.3          | 否                 | [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)         | [链接](/zh-cn/react-native-qr-decode-image-camera.md)          |
+| 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id)                                                     | 4.4.1          | 否                 | [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)                                     | [链接](/zh-cn/react-native-touch-id.md)                        |
+| 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable)                                                 | 1.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-animatable.md)                      |
+| 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal)                                                | 13.0.1         | -                  | [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)                                           | [链接](/zh-cn/react-native-modal.md)                           |
+| 187  | [react-native-collapsible](https://github.com/oblador/react-native-collapsible)                                               | 1.6.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-collapsible.md)                     |
+| 188  | [react-native-contacts](https://github.com/rt2zz/react-native-contacts)                                                       | 7.0.7          | 否                 | -                                                                                                                                                           | [链接](/zh-cn/react-native-contacts.md)                        |
+| 189  | [react-native-restart](https://github.com/avishayil/react-native-restart)                                                     | 0.0.27         | 是                 | [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)                                       | [链接](/zh-cn/react-native-restart.md)                         |
+| 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting)                                       | 1.7.6          | 否                 | [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)                         | [链接](/zh-cn/react-native-system-setting.md)                  |
+| 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | 否                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [链接](/zh-cn/react-native-keep-awake.md)                      |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [链接](/zh-cn/react-navigation.md)                             |
+| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference)                              | 1.4.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
+| 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                         | [链接](/zh-cn/react-native-sensitive-info.md)                  |
+| 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation)                                | 0.1.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-typing-animation.md)                |
+| 198  | [react-native-multi-slider](https://github.com/ptomasroos/react-native-multi-slider)                                          | 2.2.2          | -                  | [@react-native-oh-tpl/react-native-multi-slider](https://github.com/react-native-oh-library/react-native-multi-slider/releases)                             | [链接](/zh-cn/react-native-multi-slider.md)                    |
+| 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation)                                                | 3.1.3          | -                  | [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)                               | [链接](/zh-cn/react-native-orientation.md)                     |
+| 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [链接](/zh-cn/rn-tourguide.md)                                 |
+| 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | 是                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [链接](/zh-cn/react-native-performance.md)                     |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker)                                  | 5.4.6          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 204  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                | 10.2.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
+| 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
+| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values)                                    | 1.11.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
+| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters)                                              | 0.4.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-shadow-2.md)                        |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind)                                          | 2.0.11         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback)                                      | 2.2.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-url-polyfill.md)                    |
+| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder)                               | 2.0.8          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-ratings.md)                         |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid)                                                 | 0.2.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto)                                                          | 2.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles)                                                   | 2.7.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | 否                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [链接](/zh-cn/react-native-signature-capture.md)               |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [链接](/zh-cn/react-native-material-buttons.md)                |
+| 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet)                                          | 4.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-action-sheet.md)                    |
+| 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-communications.md)                  |
+| 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox)                                                   | 0.9.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-lightbox.md)                        |
+| 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail)                                | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)                     | [链接](/zh-cn/react-native-create-thumbnail.md)                |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts)                                                  | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases)                                     | [链接](/zh-cn/react-native-contacts.md)                        |
+| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser)                                   | 3.7.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 254  | [natnativewind-monorepo](https://github.com/nativewind/nativewind)                                                            | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases)                                                           | [链接](/zh-cn/nativewind.md)                                   |
+| 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper)                                        | 0.6.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 264  | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc)                               | 3.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
+| 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper)                           | 2.1.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-style.md)           |
+| 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-flip-card.md)                       |
+| 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [链接](/zh-cn/react-native-randombytes.md)                     |
+| 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [链接](/zh-cn/react-native-view-overflow.md)                   |
+| 275  | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text)                                             | 1.13.0         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-masked-text.md)                     |
+| 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-parsed-text.md)                     |
+| 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)               | 3.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                                                  | 0.0.22         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
+| 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                                                    | 4.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
+| 293  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
+| 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [链接](/zh-cn/react-native-svg-charts.md)                      |
+| 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | 否                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [链接](/zh-cn/react-native-file-viewer.md)                     |
+| 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 297  | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                                        | 0.12.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 304  | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                                          | 1.2.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 307  | [react-native-notifier](https://github.com/seniv/react-native-notifier)                                                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 311  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 313  | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                                           | 2.1.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 314  | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                               | 1.5.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 315  | [react-native-mail](https://github.com/chirag04/react-native-mail)                                                            | 6.1.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 316  | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile) | 3.2.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 317  | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                                                       | 2.4.6          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 318  | [react-native-tts](https://github.com/ak1394/react-native-tts)                                                                | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 319  | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                                 | 12.0.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 323  | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                                               | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 324  | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                                         | 4.3.14         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch)                                                        | 1.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu)                                              | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-menu.md)                   |
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 331  | [galio-framework](https://github.com/galio-org/galio)                                                                         | 0.8.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)                                               | 6.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)                              | 0.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent)                                         | 1.3.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot)                                                     | 3.3.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet)                                   | 0.3.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)                                                     | 1.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar)                      | 2.6.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer)                                  | 3.2.8          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color)                           | 2.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript)                | 0.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)                              | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dismiss-keyboard.md)                |
+| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access)                                             | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading)                                      | 1.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 6.2.11         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control)                                           | 6.0.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 360  | [@baronha/ting](https://github.com/baronha/ting)                                                                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings)                            | 1.0.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors)                                                | 0.4.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [链接](/zh-cn/react-native-barcode-builder.md)                 |
+| 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | 否                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [链接](/zh-cn/react-native-neomorph-shadows.md)                |
+| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
+| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dynamic.md)                         |
+| 374  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-md5.md)                             |
+| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modal-popover.md)                   |
+| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modalbox.md)                        |
+| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-secharts.md)                        |
+| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-subscribe.md)                              |
+| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
+| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
+| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
+| 382  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
+
 ## 社区
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)

From da828b7ef63b0471301c66960eb1a071c1427dec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=96=E7=95=8C=E5=B0=8F=E5=B8=85=E5=93=A5?=
 <12765706+world-little-handsome-guy@user.noreply.gitee.com>
Date: Thu, 29 Aug 2024 10:36:32 +0000
Subject: [PATCH 457/966] =?UTF-8?q?!1442=20docs:=20=E4=BF=AE=E6=94=B9ant-d?=
 =?UTF-8?q?esign-react-native=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IANCV5]=E4=BF=AE=E6=94=B9ant-design-?=
 =?UTF-8?q?react-native=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/ant-design-react-native.md | 55 +++++++++++++++++++-------------
 1 file changed, 32 insertions(+), 23 deletions(-)

diff --git a/zh-cn/ant-design-react-native.md b/zh-cn/ant-design-react-native.md
index cf2a95db..c43276d5 100644
--- a/zh-cn/ant-design-react-native.md
+++ b/zh-cn/ant-design-react-native.md
@@ -35,7 +35,10 @@ yarn add @ant-design/react-native@5.1.0
 ```
 >[!TIP] 本库还依赖了[@react-native-oh-tpl/slider](/zh-cn/react-native-community-slider.md)、[@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-modal-popover](/zh-cn/react-native-modal-popover.md)和[react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md)
 
-> [!WARNING] @bang88/react-native-ultimate-listview这个依赖库还没鸿蒙化，会影响到里面的一个ListView组件，如果想暂时解决掉这个报错的话，可以在node_modules\@bang88\react-native-ultimate-listview\src目录下添加一个refreshableScrollView.js文件。
+> **Warning:**
+@bang88/react-native-ultimate-listview这个依赖库还没鸿蒙化，会影响到里面的一个ListView组件，如果想暂时解决掉这个报错的话，可以在node_modules\@bang88\react-native-ultimate-listview\src目录下添加一个refreshableScrollView.js文件。
+
+
 
 ## 链接字体图标
 
@@ -50,7 +53,7 @@ module.exports = {
 
 ```bash
 # 手动执行命令
-npx react-native-asset
+npm install react-native-asset && npx react-native-asset
 ```
 
 ### 在 ArkTs 侧引入和注册字体文件
@@ -77,12 +80,12 @@ npx react-native-asset
         familySrc: '/assets/fonts/FontAwesome.ttf'
       },
      {
-++       familyName: 'antfill',
-++       familySrc: '/assets/fonts/antfill.ttf'
+        familyName: 'antfill',
+        familySrc: '/assets/fonts/antfill.ttf'
      },
      {
-++       familyName: 'antoutline',
-++       familySrc: '/assets/fonts/antoutline.ttf'
+        familyName: 'antoutline',
+        familySrc: '/assets/fonts/antoutline.ttf'
      }
     ]
 
@@ -317,7 +320,7 @@ export default class BasicTagExample extends React.Component {
 |   onPress    |                                     点击事件的回调函数                                      |       同[TouchableHighlightProps['onPress']](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#touchablehighlightprops)        |    No    |   All    |        Yes        |
 | multipleLine |                                            多行                                             |                                                                                    Boolean                                                                                     |    No    |   All    |        Yes        |
 |     wrap     |                          是否换行，默认情况下，文字超长会被隐藏，                           |                                                                                    Boolean                                                                                     |    No    |   All    |        Yes        |
-|    styles    |                                      语义化结构 style                                       | [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#listitemstyle-%E8%AF%AD%E4%B9%89%E5%8C%96%E6%A0%B7%E5%BC%8F) |    No    |   All    |        Yes        |
+|    styles    |                                      语义化结构 style                                       | [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#listitemstyle-%E8%AF%AD%E4%B9%89%E5%8C%96%E6%A0%B7%E5%BC%8F) |    No    |   All    |        No        |
 
 **List.Item.Brief**：列表辅助说明组件。
 
@@ -357,7 +360,7 @@ export default class BasicTagExample extends React.Component {
 |       type        |                            prompt 的样式                            | String (default, secure-text, login-password) |    No    |   All    |        Yes        |
 |   defaultValue    |                默认值(input 为 password 类型不支持)                 |                    String                     |    No    |   All    |        Yes        |
 |   placeholders    |                              ['', '']                               |                   String[]                    |    No    |   All    |        Yes        |
-|   onBackHandler   | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |                  (): boolean                  |    No    |   All    |        Yes        |
+|   onBackHandler   | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |                  (): boolean                  |    No    |   All    |        No        |
 
 **Modal.operation(actions?, onBackHandler?)**：对话框组件。
 
@@ -390,7 +393,12 @@ export default class BasicTagExample extends React.Component {
 |   mask    | 是否显示透明蒙层，防止触摸穿透 | Boolean  |    No    |   All    |        Yes        |
 | stackable |        是否允许叠加显示        | Boolean  |    No    |   All    |        Yes        |
 
-注： duration = 0 时，onClose 无效，toast 不会消失，隐藏 toast 需要手动调用 remove
+**Toast API**
+- Toast.success(props)
+- Toast.fail(props)
+- Toast.info(props)
+- Toast.loading(props)
+- Toast.offline(props)
 
 **ActivityIndicator**：活动指示器组件，表明某个任务正在进行中。
 
@@ -400,7 +408,7 @@ export default class BasicTagExample extends React.Component {
 |   size    | spinner 大小，可选 small/large | string  |    No    |   All    |        Yes        |
 |   toast   |        loading 样式类型        | boolean |    No    |   All    |        Yes        |
 |   text    |          loading 文本          | string  |    No    |   All    |        Yes        |
-| stackable |          spinner 颜色          | string  |    No    |   All    |        Yes        |
+| color |          spinner 颜色          | string  |    No    |   All    |        Yes        |
 
 **Badge**：徽标数组件，图标右上角的红点、数字或者文字。用于告知用户，该区域的状态变化或者待处理任务的数量。
 
@@ -512,9 +520,10 @@ export default class BasicTagExample extends React.Component {
 |       onErrorClick       |                                                                                                            点击报错 icon 触发的回调函数                                                                                                             |  (e: Object): void  |    No    |   All    |        Yes        |
 |          extra           |                                                                                                                      右边注释                                                                                                                       |   string or node    |    No    |   All    |        Yes        |
 |       onExtraClick       |                                                                                                            extra 点击事件触发的回调函数                                                                                                             |  (e: Object): void  |    No    |   All    |        Yes        |
-| onVirtualKeyboardConfirm |                                                                                                            虚拟键盘点击确认时的回调函数                                                                                                             | (val: string): void |    No    |   All    |        Yes        |
+| onVirtualKeyboardConfirm |                                                                                                            虚拟键盘点击确认时的回调函数                                                                                                             | (val: string): void |    No    |   All    |        No        |
 |       labelNumber        |                                                                                                         标签的文字个数，可用 2-7 之间的数字                                                                                                         |       number        |    No    |   All    |        Yes        |
 |           last           |                                                                                           如果是最后一项，则将移除 borderBottom（默认拥有 borderBottom）                                                                                            |        bool         |    No    |   All    |        Yes        |
+|           locale           |                                                                                           国际化, 当type为money，可以自定义确认按钮的文案。                                                                                            |        bool         |    No    |   All    |        No        |
 
 **Picker**：选择器组件，在一组预设数据中进行选择，e.g. 省市区选择。
 
@@ -537,7 +546,7 @@ export default class BasicTagExample extends React.Component {
 |     visible     |                 是否显示选择器                  |                                     Boolean                                      |    No    |   All    |        Yes        |
 |     loading     |                是否处于加载状态                 |                                     Boolean                                      |    No    |   All    |        Yes        |
 | loadingContent  |              加载状态下展示的内容               |                                    ReactNode                                     |    No    |   All    |        Yes        |
-| indicatorStyle  |              默认 Indicator 的样式              |                                      Object                                      |    No    |   All    |        Yes        |
+| indicatorStyle  |              默认 Indicator 的样式              |                                      Object                                      |    No    |   All    |        No        |
 
 **Picker 自定义样式**
 
@@ -566,6 +575,7 @@ export default class BasicTagExample extends React.Component {
 |    extra    | Picker children 的`extra`属性，无选中项时展示 |  String   |    No    |   All    |        Yes        |
 | triggerType |                 按钮事件名称                  |  String   |    No    |   All    |        Yes        |
 |  disabled   |                  是否不可用                   |  Boolean  |    No    |   All    |        Yes        |
+|  format   |                  格式化选中值的函数，用于回显在extra属性上                   |  (labels: string[]): any  |    No    |   All    |        Yes        |
 
 **PickerView**：PickerView 的功能类似于 Picker ，但它是直接渲染在区域中，而不是弹出窗口。
 
@@ -580,7 +590,7 @@ export default class BasicTagExample extends React.Component {
 |  renderLabel   |                        自定义渲染每列展示的内容                        | `(item: PickerColumnItem, index: number) => ReactNode` 或 `(item) => item.label` |    No    |   All    |        Yes        |
 |    loading     |                            是否处于加载状态                            |                                     Boolean                                      |    No    |   All    |        Yes        |
 | loadingContent |                          加载状态下展示的内容                          |                                    ReactNode                                     |    No    |   All    |        Yes        |
-| indicatorStyle |                         默认 Indicator 的样式                          |                                      Object                                      |    No    |   All    |        Yes        |
+| indicatorStyle |                         默认 Indicator 的样式                          |                                      Object                                      |    No    |   All    |        No        |
 
 **PickerView 自定义样式**
 
@@ -633,6 +643,9 @@ export default class BasicTagExample extends React.Component {
 |    onChange    |   change 事件触发的回调函数   | (e: { target: { checked: boolean } }) => void |    No    |   All    |        Yes        |
 |     value      | 携带的标识值，用于 Group 模式 |                  RadioValue                   |    No    |   All    |        Yes        |
 
+**Radio.RadioItem**
+  基于List.Item对Radio进行封装,List.Item的extra属性固定传入Radio,其他属性和List.Item一致。 其他 API 和 Radio 相同。
+
 **Radio.Group**：单选框子组件。
 
 |     Name     |        Description        |                                       Type                                        | Required | Platform | HarmonyOS Support |
@@ -858,9 +871,8 @@ export default class BasicTagExample extends React.Component {
 | unselectedTintColor | 未选中的字体颜色 | String |    No    |   All    |        Yes        |
 
 **TabBar.Item**：TabBar 子组件。
-
 |     Name     |                      Description                      |      Type       |     Required     | Platform | HarmonyOS Support |
-| :----------: | :---------------------------------------------------: | :-------------: | :--------------: | :------: | :---------------: | --- |
+| :----------: | :---------------------------------------------------: | :-------------: | :--------------: | :------: | :---------------: |
 |    badge     |                        徽标数                         | Number \ String |        No        |   All    |        Yes        |
 |   onPress    | bar 点击触发，需要自己改变组件 state & selecte={true} |    Function     |        No        |   All    |        Yes        |
 |   selected   |                       是否选中                        |     Boolean     |        No        |   All    |        Yes        |
@@ -897,7 +909,7 @@ export default class BasicTagExample extends React.Component {
 |        duration        |                                     动画时长                                      |                                                           number                                                            |    No    |   All    |        Yes        |
 |         easing         |                                     动画效果                                      | (show: boolean) => (value: number) => number 或 show => show ? Easing.out(Easing.back(1.70158)) : Easing.inOut(Easing.quad) |    No    |   All    |        Yes        |
 |    useNativeDriver     |                            动画是否使用 Native Driver                             |                                                           boolean                                                           |    No    |   All    |        Yes        |
-|       onDismiss        |                             Popover 关闭后的回调函数                              |                                                          function                                                           |    No    |   All    |        Yes        |
+|       onDismiss        |                             Popover 关闭后的回调函数                              |                                                          function                                                           |    No    |   All    |        NO        |
 
 **Popover.Item**：气泡子组件。
 
@@ -911,15 +923,12 @@ export default class BasicTagExample extends React.Component {
 
 |   Name    |      Description       |   Type   | Required | Platform | HarmonyOS Support |
 | :-------: | :--------------------: | :------: | :------: | :------: | :---------------: |
-|   style   |    `swipeout` 样式     |  Object  |   Yes    |   All    |        No         |
 |   left    |       左侧按钮组       |  Array   |   Yes    |   All    |        Yes        |
 |   right   |       右侧按钮组       |  Array   |   Yes    |   All    |        Yes        |
-| autoClose | 点击按钮后自动隐藏按钮 | Boolean  |   Yes    |   All    |        No         |
-|  onOpen   |     打开时回调函数     | (): void |   Yes    |   All    |        No         |
-| disabled  |    禁用 `swipeout`     | boolean  |   Yes    |   All    |        No         |
-|  onClose  |     关闭时回调函数     | (): void |   Yes    |   All    |        No         |
+|  onSwipeableOpen   |     打开时回调函数     | (): void |   Yes    |   All    |        Yes         |
+|  onSwipeableClose  |     关闭时回调函数     | (): void |   Yes    |   All    |        Yes         |
 
-**Button**：滑动操作组件内的 Button。
+**SwipeAction.Button**：滑动操作组件内的 Button。
 
 |  Name   | Description  |   Type   | Required | Platform | HarmonyOS Support |
 | :-----: | :----------: | :------: | :------: | :------: | :---------------: |
@@ -931,9 +940,9 @@ export default class BasicTagExample extends React.Component {
 
 ## 其他
 
-- [ ] SwipeAction 组件暂时无法支持，与 Android/IOS 一致[issue#1193](https://github.com/ant-design/ant-design-mobile-rn/issues/1193)、[issue#1348](https://github.com/ant-design/ant-design-mobile-rn/issues/1348)。
 - [ ] Drawer 组件暂时无法支持，与 Android/IOS 一致[issue#1352](https://github.com/ant-design/ant-design-mobile-rn/issues/1352)、[issue#1338](https://github.com/ant-design/ant-design-mobile-rn/issues/1338)。
 
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ant-design/ant-design-mobile-rn/blob/master/LICENSE)，请自由地享受和参与开源。

From edc6dc77d31265fca9adcc64d509c2f9abd632c3 Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Fri, 30 Aug 2024 01:50:57 +0000
Subject: [PATCH 458/966] =?UTF-8?q?!1447=20docs:=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=80=BB=E8=A7=88=E8=A1=A8=20*=20docs:=20[#IANEAX]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E6=80=BB=E8=A7=88=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 3 +--
 zh-cn/README.md | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 521264c7..45f89294 100644
--- a/README.md
+++ b/README.md
@@ -283,7 +283,7 @@
 | 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 254  | [natnativewind-monorepo](https://github.com/nativewind/nativewind)                                                            | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases)                                                           | [链接](/zh-cn/nativewind.md)                                   |
+| 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
 | 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -411,7 +411,6 @@
 | 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
 | 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
-| 382  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
 
 ## 社区
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 521264c7..45f89294 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -283,7 +283,7 @@
 | 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 254  | [natnativewind-monorepo](https://github.com/nativewind/nativewind)                                                            | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases)                                                           | [链接](/zh-cn/nativewind.md)                                   |
+| 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
 | 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -411,7 +411,6 @@
 | 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
 | 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
-| 382  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
 
 ## 社区
 

From c6552de3e74345a10a091c44f1ebac02ea2fb04e Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Fri, 30 Aug 2024 07:05:57 +0000
Subject: [PATCH 459/966] =?UTF-8?q?!1439=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?default-preference=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20=20[Issues:=20#IAN2QL]=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-default-preference=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-default-preference.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-default-preference.md b/zh-cn/react-native-default-preference.md
index ed237af7..2cfe8822 100644
--- a/zh-cn/react-native-default-preference.md
+++ b/zh-cn/react-native-default-preference.md
@@ -131,8 +131,9 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-  ...
-+ import { RNDefaultPreferencePackage } from '@react-native-oh-tpl/react_native_default_preference/ts';
+...
+
++ import { RNDefaultPreferencePackage } from '@react-native-oh-tpl/react-native-default-preference/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [

From f2ba0d8842c5e9dee9d9d0bb086c4639aba3f881 Mon Sep 17 00:00:00 2001
From: s4210110 <s4210110@163.com>
Date: Fri, 30 Aug 2024 07:06:34 +0000
Subject: [PATCH 460/966] =?UTF-8?q?!1445=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-sensitive-info=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IALHZV]=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-sensitive-info=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sensitive-info.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-sensitive-info.md b/zh-cn/react-native-sensitive-info.md
index 1b78c7a2..8f3b165a 100644
--- a/zh-cn/react-native-sensitive-info.md
+++ b/zh-cn/react-native-sensitive-info.md
@@ -172,7 +172,7 @@ ohpm install
 ```diff
 ...
  
-+ import { RNSensitiveInfoPackage } from 'react_native_sensitive_info/ts';
++ import { RNSensitiveInfoPackage } from '@react-native-oh-tpl/react-native-sensitive-info/ts';
 
 @Builder
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {

From f13904d230e0fcf8751640401589edaebea119a6 Mon Sep 17 00:00:00 2001
From: zzy_sam <14696036+zzysam@user.noreply.gitee.com>
Date: Mon, 2 Sep 2024 01:55:03 +0000
Subject: [PATCH 461/966] =?UTF-8?q?!1240=20docs:=20[Issues:#IAGDN1]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-maps-directions=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20=20docs:=20[Issues:#IAGDN1]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-maps-directions=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-maps-directions.md | 246 ++++++++++++++++++++++++++
 1 file changed, 246 insertions(+)
 create mode 100644 zh-cn/react-native-maps-directions.md

diff --git a/zh-cn/react-native-maps-directions.md b/zh-cn/react-native-maps-directions.md
new file mode 100644
index 00000000..404346a0
--- /dev/null
+++ b/zh-cn/react-native-maps-directions.md
@@ -0,0 +1,246 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-maps-directions</code> </h1>
+</p>
+<p align="center">
+    <a href=https://github.com/bramus/react-native-maps-directions>
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bramus/react-native-maps-directions/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-maps-directions)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-maps-directions@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-maps-directions@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { Dimensions, StyleSheet, View, Text } from 'react-native';
+import MapViewDirections from 'react-native-maps-directions';
+import MapView, { Marker } from "react-native-maps";
+
+const { width, height } = Dimensions.get('window');
+const ASPECT_RATIO = width / height;
+const LATITUDE = 37.771707;
+const LONGITUDE = -122.4053769;
+const LATITUDE_DELTA = 0.0922;
+const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO;
+const MAPS_APIKEY = 'xxxxxx';
+
+class MapExample extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      coordinates: [
+        {
+          latitude: 37.3317876,
+          longitude: -122.0054812,
+        },
+        {
+          latitude: 37.771707,
+          longitude: -122.4053769,
+        },
+      ],
+    };
+    this.mapView = null;
+  }
+
+  onMapPress = (e) => {
+    this.setState({
+      coordinates: [
+        ...this.state.coordinates,
+        e.nativeEvent.coordinate,
+      ],
+    });
+  }
+
+  render() {
+    const { coordinates} = this.state;
+    return (
+      <View style={styles.container}>
+      <MapView
+        initialRegion={{
+          latitude: LATITUDE,
+          longitude: LONGITUDE,
+          latitudeDelta: LATITUDE_DELTA,
+          longitudeDelta: LONGITUDE_DELTA,
+        }}
+        style={StyleSheet.absoluteFill}
+        ref={c => this.mapView = c}
+        onPress={this.onMapPress}>
+      
+        {this.state.coordinates.map((coordinate, index) =>
+          <Marker key={`coordinate_${index}`} coordinate={coordinate} />
+        )}
+        {(this.state.coordinates.length >= 2) && (
+          <MapViewDirections
+            origin={this.state.coordinates[0]}
+            destination={this.state.coordinates[this.state.coordinates.length-1]}
+            apikey={MAPS_APIKEY}
+            mode='BICYCLING'
+            strokeWidth={6}
+            strokeColor={"#0000FF"}
+            resetOnChange={true}
+            onStart={(params) => {
+              console.log(`Started routing between "${params.origin}" and "${params.destination}"`);
+            }}
+            onReady={result => {
+              console.log(`Distance: ${result.distance} km`)
+              console.log(`Duration: ${result.duration} min.`)
+              this.mapView.fitToCoordinates(result.coordinates, {
+                edgePadding: {
+                  right: (width / 20),
+                  bottom: (height / 20),
+                  left: (width / 20),
+                  top: (height / 20),
+                }
+              });
+            }}
+            onError={(errorMessage) => {
+              console.log('GOT AN ERROR');
+            }}
+          />
+         )} 
+      </MapView>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: "flex-end",
+    alignItems: "center",
+    height: 300,
+  },
+  map: {
+    ...StyleSheet.absoluteFillObject,
+  },
+});
+
+export default MapExample;
+
+```
+
+## Link
+
+本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-maps 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-maps 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-maps.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+> 由于渲染在屏幕上的结果是 `MapView.Polyline` 组件，因此也支持 `MapView.Polyline` 属性，`MapView.Polyline`属性参见[**react-native-maps**](/zh-cn/react-native-maps.md#polyline)。
+
+| Name                     | **Description**                                              | Type                   | Required | **Default** | Platform    | HarmonyOS Support                                           |
+| ------------------------ | ------------------------------------------------------------ | ---------------------- | -------- | ----------- | ----------- | ----------------------------------------------------------- |
+| `origin`                 | The origin location to start routing from.                   | LatLng` or `String     | true     |             | iOS/Android | yes                                                         |
+| destination              | The destination location to start routing to.                | LatLng` or `String     | true     |             | iOS/Android | yes                                                         |
+| apikey                   | Your Google Maps API Key or HUWEI Map API Key. HUWEI Map API Key see [here](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428) | String                 | true     |             | iOS/Android | yes                                                         |
+| waypoints                | Array of waypoints to use between origin and destination.    | [`LatLng` or `String`] | false    | []          | iOS/Android | no                                                          |
+| language                 | The language to use when calculating directions. See [here](https://developers.google.com/maps/documentation/javascript/localization) for more info. | String                 | false    | en          | iOS/Android | no                                                          |
+| mode                     | Which transportation mode to use when calculating directions. Allowed values are `"DRIVING"`, `"BICYCLING"`, `"WALKING"`, and `"TRANSIT"`. | String                 | false    | "DRIVING"   | iOS/Android | partially (Support `"DRIVING"`, `"BICYCLING"`, `"WALKING"`) |
+| resetOnChange            | Tweak if the rendered `MapView.Polyline` should reset or not when calculating the route between `origin` and `destionation`. Set to `false` if you see the directions line glitching. | boolean                | false    | true        | iOS/Android | yes                                                         |
+| optimizeWaypoints        | Set it to true if you would like Google Maps to re-order all the waypoints to optimize the route for the fastest route. Please be aware that if this option is enabled, you will be billed at a higher rate by Google as stated [here](https://developers.google.com/maps/documentation/javascript/directions#Waypoints). | boolean                | false    | false       | iOS/Android | no                                                          |
+| splitWaypoints           | Directions API has a [limit](https://developers.google.com/maps/documentation/directions/usage-and-billing#directions-advanced) of 10 or 25 (depends on the billing plan) waypoints per route. When exceeding this limit you will be billed at a higher reate by Google. Set this to `true` if you would like to automatically split waypoints into multiple routes, thus bypassing this waypoints limit. | boolean                | false    | false       | iOS/Android | no                                                          |
+| directionsServiceBaseUrl | Base URL of the Directions Service (API) you are using.      | string                 | false    | (Google's)  | iOS/Android | yes                                                         |
+| region                   | If you are using strings for **origin** or **destination**, sometimes you will get an incorrect route because Google Maps API needs the region where this places belong to. See [here](https://developers.google.com/maps/documentation/javascript/localization#Region) for more info. | String                 | false    |             | iOS/Android | no                                                          |
+| precision                | The precision level of detail of the drawn polyline. Allowed values are "high", and "low". Setting to "low" will yield a polyline that is an approximate (smoothed) path of the resulting directions. Setting to "high" may cause a hit in performance in case a complex route is returned. | String                 | false    | "low"       | iOS/Android | no                                                          |
+| timePrecision            | The timePrecision to get Realtime traffic info. Allowed values are "none", and "now". Defaults to "none". | String                 | false    | "none"      | iOS/Android | no                                                          |
+| channel                  | If you include the channel parameter in your requests, you can generate a Successful Requests report that shows a breakdown of your application's API requests across different applications that use the same client ID (such as externally facing access vs. internally facing access). | String                 | false    | null        | iOS/Android | no                                                          |
+
+### 事件和返回
+
+| Event Name | **Description**                                              | Type     | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| `onStart`  | Callback that is called when the routing has started.        | Function | false    | iOS/Android | yes               |
+| `onReady`  | Callback that is called when the routing has succesfully finished. note: distance returned in kilometers and duration in minutes. | Function | false    | iOS/Android | yes               |
+| `onError`  | Callback that is called in case the routing has failed.      | Function | false    | iOS/Android | yes               |
+
+#### onStart
+
+```
+ onStart(params:Object):void
+```
+
+| Name   | **Description**                                              | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| params | 回调函数返回值，包含起点、终点和中间点的经纬度信息。数据格式为：{ origin, destination, waypoints: [] } | Object | True     | iOS/Android | yes               |
+
+#### onReady
+
+```
+ onReady(result:Object):void
+```
+
+| Name   | **Description**                                              | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| result | 回调函数返回值，包含起点到终点的距离、路程时间、和途径路径的经纬度等信息。数据格式：{ distance: Number, duration: Number, coordinates: [], fare: Object, waypointOrder: [[]] } | Object | True     | iOS/Android | yes               |
+
+#### onError
+
+```
+ onError(errorMessage:Object):void
+```
+
+| Name         | **Description**                                   | Type   | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| errorMessage | 回调函数返回值，访问directions rest api的报错信息 | Object | True     | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ] waypoints属性不支持，不支持的原因是由于华为侧Directions API不支持中间点参数查询：[issue#13](https://github.com/react-native-oh-library/react-native-maps-directions/issues/13)
+- [ ] language属性不支持，不支持的原因是由于华为侧Directions API只支持文字指引的语种和谷歌地图api的语言本地化本地化功能不一样：[issue#14](https://github.com/react-native-oh-library/react-native-maps-directions/issues/14)
+- [ ] optimizeWaypoints属性不支持，不支持的原因是由于华为侧Directions API不支持中间点优化，获取更快路线：[issue#15](https://github.com/react-native-oh-library/react-native-maps-directions/issues/15)
+- [ ] splitWaypoints属性不支持，不支持的原因是由于华为侧Directions API不支持将中间点个数设置，将其分割成多条路线：[issue#16](https://github.com/react-native-oh-library/react-native-maps-directions/issues/16)
+- [ ] region属性不支持，不支持的原因是由于华为侧Directions API不支持地区代码和地点的映射：[issue#17](https://github.com/react-native-oh-library/react-native-maps-directions/issues/17)
+- [ ] precision属性不支持，不支持的原因是由于华为侧Directions API不支持更精细的绘画路程线路：[issue#18](https://github.com/react-native-oh-library/react-native-maps-directions/issues/18)
+- [ ] timePrecision属性不支持，不支持的原因是由于华为侧Directions API不支持实时查询路线：[issue#19](https://github.com/react-native-oh-library/react-native-maps-directions/issues/19)
+- [ ] channel属性不支持，不支持的原因是由于华为侧Directions API不支持渠道查询：[issue#20](https://github.com/react-native-oh-library/react-native-maps-directions/issues/20)
+
+## 其他
+
+华为地图apikey申请参见[获取API key](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bramus/react-native-maps-directions/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file

From c934452fc470fa38faab30ecee5d79c64a0d0ec1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B8=A9=E6=98=8A=E4=B8=9C?= <dvaj@qq.com>
Date: Mon, 2 Sep 2024 01:56:55 +0000
Subject: [PATCH 462/966] =?UTF-8?q?!1432=20docs:=20[Issues:=20#IAMTG9]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9nativewind=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAMTG9]=E4=BF=AE=E6=94=B9na?=
 =?UTF-8?q?tivewind=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/nativewind.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/nativewind.md b/zh-cn/nativewind.md
index 9404cc3d..a0ee10e9 100644
--- a/zh-cn/nativewind.md
+++ b/zh-cn/nativewind.md
@@ -61,7 +61,7 @@ module.exports = {
 ```diff
 module.exports = {
 - plugins: [],
-+ plugins: ["nativewind/babel"],
++ plugins: ["@react-native-oh-tpl/nativewind/babel"],
 };
 ```
 

From dc7253ec0b2bf1a9cc76771e3823a48f7af5b8fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Mon, 2 Sep 2024 01:58:11 +0000
Subject: [PATCH 463/966] =?UTF-8?q?!1431=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-localization-settings=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAMTAL]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-localization-settings=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-localization-settings.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/zh-cn/react-native-localization-settings.md b/zh-cn/react-native-localization-settings.md
index f73718c9..fe96e6c9 100644
--- a/zh-cn/react-native-localization-settings.md
+++ b/zh-cn/react-native-localization-settings.md
@@ -214,6 +214,8 @@ ohpm install
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+> [!TIP] 在设置改变语言之前，确保手机系统添加相应语言
+
 | Name                       | Description                           | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------------- | ------------------------------------- | -------- | -------- | ----------- | ----------------- |
 | I18nLanguageDetectorModule | i18next language detector             | function | no       | iOS/Android | yes               |

From 530cf928a3d00ec2e1d4a9081772e5d435609940 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Mon, 2 Sep 2024 01:58:58 +0000
Subject: [PATCH 464/966] =?UTF-8?q?!1430=20docs:=20=E4=BF=AE=E6=94=B9resty?=
 =?UTF-8?q?le=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IAMSOO]=20=E4=BF=AE=E6=94=B9restyle=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/restyle.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/zh-cn/restyle.md b/zh-cn/restyle.md
index 2c3fa9e8..952d4887 100644
--- a/zh-cn/restyle.md
+++ b/zh-cn/restyle.md
@@ -182,13 +182,15 @@ export const App = () => (
 |             border             |                                                                                      borderRadius, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStartRadius, borderBottomEndRadius, borderTopLeftRadius, borderTopRightRadius, borderTopStartRadius, borderTopEndRadius                                                                                      | function |    No    |   All    |        Yes        |
 |             shadow             |                                                                                                                                                             shadowOpacity, shadowOffset, shadowRadius, elevation                                                                                                                                                             | function |    No    |   All    |        Yes        |
 |             shadow             |                                                                                                                                                                                 shadowColor                                                                                                                                                                                  | function |    No    |   All    |        Yes        |
-|           textShadow           |                                                                                                                                                                      textShadowOffset, textShadowRadius                                                                                                                                                                      | function |    No    |   All    |        Yes        |
-|           textShadow           |                                                                                                                                                                               textShadowColor                                                                                                                                                                                | function |    No    |   All    |        Yes        |
+|           textShadow           |                                                                                                                                                                      textShadowOffset, textShadowRadius                                                                                                                                                                      | function |    No    |   All    |        NO         |
+|           textShadow           |                                                                                                                                                                               textShadowColor                                                                                                                                                                                | function |    No    |   All    |        NO         |
 
 ## 遗留问题
 
 ## 其他
 
+- [ ] 预函数textShadow在Android和iOS不生效， HarmonyOS与Android,iOS表现一致 [原库 issue](https://github.com/Shopify/restyle/issues/307)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Shopify/restyle/blob/master/LICENSE.md)，请自由地享受和参与开源。

From 53950bb8392355b10b9c124d70cd7377c1c0ff77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=92=9F=E6=96=87=E8=BF=9B?= <491438425@qq.com>
Date: Mon, 2 Sep 2024 02:39:51 +0000
Subject: [PATCH 465/966] =?UTF-8?q?!1421=20docs:=20[Issues:=20#IAMJCY]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-callkeep=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAMJCY]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-callkeep=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-callkeep.md | 248 +++++++++++++++++++++++++++++++++
 1 file changed, 248 insertions(+)
 create mode 100644 zh-cn/react-native-callkeep.md

diff --git a/zh-cn/react-native-callkeep.md b/zh-cn/react-native-callkeep.md
new file mode 100644
index 00000000..c3221ec1
--- /dev/null
+++ b/zh-cn/react-native-callkeep.md
@@ -0,0 +1,248 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-callkeep</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/react-native-webrtc/react-native-callkeep">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-webrtc/react-native-callkeep/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-callkeep)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-callkeep Releases](https://github.com/react-native-oh-library/react-native-callkeep/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-callkeep@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-callkeep@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import {
+    Button,
+    View,
+    Alert,
+    Text,
+} from 'react-native';
+
+import RNCallKeep from 'react-native-callkeep';
+
+export function CallKeepExample() {
+    const handleClick = (buttonId: number) => {
+        switch (buttonId) {
+            case 1:
+                RNCallKeep.startCall("0x123456", "10086");
+                break;
+            case 2:
+                RNCallKeep.isCallActive("0x123456").then(res => {
+                    Alert.alert('isCallActive value:' + res);
+                });
+                break;
+            case 3:
+                RNCallKeep.checkIfBusy().then(res => {
+                    Alert.alert('checkIfBusy value:' + res);
+                });
+                break;
+
+            default:
+                break;
+        }
+    };
+    return (
+        <>
+            <Text style={{ color: "red" }}>RNCallKeep.startCall</Text>
+            <Button title='startCall' onPress={() => handleClick(1)} ></Button>
+
+            <Text style={{ color: "red" }}>RNCallKeep.isCallActive</Text>
+            <Button title='isCallActive' onPress={() => handleClick(2)} ></Button>
+
+            <Text style={{ color: "red" }}>RNCallKeep.checkIfBusy</Text>
+            <Button title='checkIfBusy' onPress={() => handleClick(3)} ></Button>
+        </>
+    );
+}
+
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-callkeep": "file:../../node_modules/@react-native-oh-tpl/react-native-callkeep/harmony/call_keep.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 RNCallKeepPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNCallKeepPackage } from '@react-native-oh-tpl/react-native-callkeep';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCallKeepPackage(ctx),
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-callkeep Releases](https://github.com/react-native-oh-library/react-native-callkeep/releases)
+
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 YES 表示 HarmonyOS 平台支持该属性；NO 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | :------: | :------: | :----------------: |
+| isCallActive() | The call exists  user has already answered the call | RNCallKeep.isCallActive(uuid) |    NO    |   iOS    |        YES        |
+| checkIfBusy() | Checks if there are any active calls on the device | RNCallKeep.checkIfBusy() | NO | iOS | YES |
+| getCalls() | Returns a Promise. The result will be an array with all current calls and their states | RNCallKeep.getCalls() | NO | iOS | NO |
+| checkSpeaker() | Checks if the device speaker is on and returns a promise with a boolean value | RNCallKeep.checkSpeaker() | NO | iOS | NO |
+| startCall() | Make an outgoing call | RNCallKeep.startCall(uuid, handle, contactIdentifier, handleType, hasVideo) | NO | ALL | YES |
+| displayIncomingCall() | Display system UI for incoming calls | RNCallKeep.displayIncomingCall() | NO | ALL | NO |
+| answerIncomingCall() | Use this to tell the sdk a user answered a call from the app UI | RNCallKeep.answerIncomingCall(uuid) | NO | ALL | NO |
+| updateDisplay() | Use this to update the display after an outgoing call has started | RNCallKeep.updateDisplay(uuid, displayName, handle) | NO | ALL | NO |
+| endCall() | When finish an incoming/outgoing call | RNCallKeep.endCall(uuid) | NO | ALL | NO |
+| endAllCalls() | End all ongoing calls | RNCallKeep.endAllCalls() | NO | ALL | NO |
+| rejectCall() | When you reject an incoming call | RNCallKeep.rejectCall(uuid) | NO | ALL | NO |
+| reportEndCallWithUUID() | Report that the call ended without the user initiating | RNCallKeep.reportEndCallWithUUID(uuid, reason) | NO | ALL | NO |
+| setMutedCall() | Switch the mic on/off | RNCallKeep.setMutedCall(uuid, true) | NO | ALL | NO |
+| setOnHold() | Set a call on/off hold | RNCallKeep.setOnHold(uuid, true) | NO |   ALL    | NO |
+| removeEventListener() | Allows to remove the listener on an event | RNCallKeep.removeEventListener() | NO |   ALL    |        NO         |
+| setup()                        | Doing this allows capturing events prior to the react native event bridge being up | RNCallKeep.setup()                                           |    NO    |   ALL    |        NO         |
+| setSettings()                  | Initialize Operation Settings                                | RNCallKeep.setSettings()                                     |    NO    |   ALL    |        NO         |
+| getAudioRoutes()               | Get the list of available audio routes. i.e. bluetooth, wired/ear-piece, speaker and phone | RNCallKeep.getAudioRoutes()                                  |    NO    |   ALL    |        NO         |
+| setAudioRoute()                | Set audio route using a route                                | RNCallKeep.setAudioRoute(uuid, routeName)                    |    NO    |   ALL    |        NO         |
+| getInitialEvents()             | This is alternative to     event                             | RNCallKeep.getInitialEvents()                                |    NO    |   ALL    |        NO         |
+| clearInitialEvents()           | Clear all pending actions returned                           | RNCallKeep.clearInitialEvents()                              |    NO    |   ALL    |        NO         |
+| setAvailable()                 | Tell *ConnectionService* that the device is ready to make outgoing calls via the native Phone app | RNCallKeep.setAvailable(true)                                |    NO    | Android  |        NO         |
+| setForegroundServiceSettings() | Configures the Foreground Service                            | RNCallKeep.setForegroundServiceSettings()                    |    NO    | Android  |        NO         |
+| canMakeMultipleCalls()         | Disable the "Add call" button in ConnectionService UI        | RNCallKeep.canMakeMultipleCalls(false)                       |    NO    | Android  |        NO         |
+| setCurrentCallActive()         | Mark the current call as active                              | RNCallKeep.setCurrentCallActive(uuid)                        |    NO    | Android  |        NO         |
+| checkIsInManagedCall()         | Returns true if there is an active native call               | RNCallKeep.checkIsInManagedCall()                            |    NO    | Android  |        NO         |
+| setConnectionState()           | Change the state of the call                                 | RNCallKeep.setConnectionState(uuid, state)                   |    NO    | Android  |        NO         |
+| toggleAudioRouteSpeaker()      | Update the audio route of Audio Service                      | RNCallKeep.toggleAudioRouteSpeaker(uuid, true)               |    NO    | Android  |        NO         |
+| backToForeground()             | Use this to display the application in foreground if the application was in background state | RNCallKeep.backToForeground()                                |    NO    | Android  |        NO         |
+| registerPhoneAccount()         | Registers Android phone account manually                     | RNCallKeep.registerPhoneAccount(options)                     |    NO    | Android  |        NO         |
+| registerEvents()               | Registering Initialization Events | RNCallKeep.registerAndroidEvents() | NO | Android | NO |
+| sendDTMF()                     | On Play Dtmf Tone | RNCallKeepModule.sendDTMF(uuid, key) | NO | Android | NO |
+| unregisterEvents()             | Unregistering Initialization Events | RNCallKeep.unregisterAndroidEvents() | NO | Android | NO |
+| setReachable()                 | Check if the application is reachable before making a call from the native phone application. | RNCallKeep.setReachable() | NO | Android | NO |
+| supportConnectionService()     | Tells if `ConnectionService` is available on the device      | RNCallKeep.supportConnectionService()                        |    NO    | Android  |        NO         |
+| hasPhoneAccount()              | Checks if the user has enabled the phone account for your application | RNCallKeep.hasPhoneAccount()                                 |    NO    | Android  |        NO         |
+| hasOutgoingCall()              | When waking up the Android application in background mode    | RNCallKeep.hasOutgoingCall()                                 |    NO    | Android  |        NO         |
+| hasDefaultPhoneAccount()       | Checks if the user has set a default phone account           | RNCallKeep.hasDefaultPhoneAccount(options)                   |    NO    | Android  |        NO         |
+| checkPhoneAccountEnabled()     | Checks if the user has set a default phone account and it's enabled | RNCallKeep.checkPhoneAccountEnabled()                        |    NO    | Android  |        NO         |
+| isConnectionServiceAvailable() | Check if the device support ConnectionService                | RNCallKeep.isConnectionServiceAvailable() |    NO    | Android  |        NO         |
+
+## 遗留问题
+
+- [ ]   react-native-callkeep 部分方法未实现 HarmonyOS 化： [issue#2](https://github.com/react-native-oh-library/react-native-callkeep/issues/2)。
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/react-native-webrtc/react-native-callkeep/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 538b7ecae8ba3efac042c384ec43894636feff27 Mon Sep 17 00:00:00 2001
From: "hexing.hu" <478055968@qq.com>
Date: Mon, 2 Sep 2024 02:51:35 +0000
Subject: [PATCH 466/966] =?UTF-8?q?!1387=20docs:=20[Issues:=20#IAL7WM]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-bootsplash=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAL7WM]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-bootsplash=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-bootsplash.md | 162 +++++++++++++++++++++++++++----
 1 file changed, 144 insertions(+), 18 deletions(-)

diff --git a/zh-cn/react-native-bootsplash.md b/zh-cn/react-native-bootsplash.md
index 0bf6f76b..b7d8fde0 100644
--- a/zh-cn/react-native-bootsplash.md
+++ b/zh-cn/react-native-bootsplash.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -9,7 +7,7 @@
     <a href="https://github.com/zoontek/react-native-bootsplash">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/zoontek/react-native-bootsplash/blob/expo-plugin/LICENSE">
+    <a href="https://github.com/zoontek/react-native-bootsplash/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
@@ -41,12 +39,106 @@ npm install @react-native-oh-tpl/react-native-bootsplash@file:#
 yarn add @react-native-oh-tpl/react-native-bootsplash@file:#
 ```
 
+#### 生成配置文件
+为了加快设置速度，我们提供了一个CLI来自动生成配置、创建Android Drawable XML文件、iOS Storyboard文件和HarmonyOS Resources文件
+
+```bash
+$ npx react-native generate-bootsplash --help
+# --- or ---
+$ yarn react-native generate-bootsplash --help
+```
+
+该命令可以使用多个参数:
+
+```js
+Usage: react-native generate-bootsplash [options] <logo>
+
+Generate a launch screen using a logo file path (PNG or SVG)
+
+Options:
+  --project-type <string>     Project type ("detect", "bare" or "expo") (default: "detect")
+  --platforms <list>          Platforms to generate for, separated by a comma (default: "android,ios,web,harmony")
+  --background <string>       Background color (in hexadecimal format) (default: "#fff")
+  --logo-width <number>       Logo width at @1x (in dp - we recommend approximately ~100) (default: 100)
+  --assets-output <string>    Assets output directory path (default: "assets/bootsplash")
+  --flavor <string>           Android flavor build variant (where your resource directory is) (default: "main")
+  --html <string>             HTML template file path (your web app entry point) (default: "public/index.html")
+  --license-key <string>      License key to enable brand and dark mode assets generation
+  --brand <string>            Brand file path (PNG or SVG)
+  --brand-width <number>      Brand width at @1x (in dp - we recommend approximately ~80) (default: 80)
+  --dark-background <string>  [dark mode] Background color (in hexadecimal format)
+  --dark-logo <string>        [dark mode] Logo file path (PNG or SVG)
+  --dark-brand <string>       [dark mode] Brand file path (PNG or SVG)
+  -h, --help                  display help for command
+```
+
+命令用法示例:
+
+```bash
+# Without license key
+npx react-native generate-bootsplash svgs/light-logo.svg
+```
+
+命令执行后将创建以下文件:
+```js
+# Without license key
+android/app/src/main/res/drawable-mdpi/bootsplash_logo.png
+android/app/src/main/res/drawable-hdpi/bootsplash_logo.png
+android/app/src/main/res/drawable-xhdpi/bootsplash_logo.png
+android/app/src/main/res/drawable-xxhdpi/bootsplash_logo.png
+android/app/src/main/res/drawable-xxxhdpi/bootsplash_logo.png
+android/app/src/main/AndroidManifest.xml
+android/app/src/main/res/values/colors.xml
+android/app/src/main/res/values/styles.xml
+
+ios/YourApp/BootSplash.storyboard
+ios/YourApp/Colors.xcassets/BootSplashBackground-<hash>.colorset/Contents.json
+ios/YourApp/Images.xcassets/BootSplashLogo-<hash>.imageset/Contents.json
+ios/YourApp/Images.xcassets/BootSplashLogo-<hash>.imageset/logo-<hash>.png
+ios/YourApp/Images.xcassets/BootSplashLogo-<hash>.imageset/logo-<hash>@2x.png
+ios/YourApp/Images.xcassets/BootSplashLogo-<hash>.imageset/logo-<hash>@3x.png
+ios/YourApp/Info.plist
+ios/YourApp.xcodeproj/project.pbxproj
+
+harmony/entry/src/main/resources/base/media/bootsplash_logo.png
+harmony/entry/src/main/resources/base/element/color.json
+harmony/entry/src/main/module.json5
+
+public/index.html
+
+assets/bootsplash/manifest.json
+assets/bootsplash/logo.png
+assets/bootsplash/logo@1,5x.png
+assets/bootsplash/logo@2x.png
+assets/bootsplash/logo@3x.png
+assets/bootsplash/logo@4x.png
+```
+
+编辑您的启动Ability文件, 它通常是配置在entry模块module.json5中abilities属性中配置的第一个abilitie:
+
+```diff
++ import { window } from '@kit.ArkUI';
++ import { RNBootSplashScreen } from '@react-native-oh-tpl/react-native-bootsplash/src/main/ets/RNBootSplashScreen';
+
+export default class EntryAbility extends RNAbility {
++  onWindowStageCreate(windowStage: window.WindowStage) {
++     RNBootSplashScreen.init(this.context, windowStage).then(() => {
++       super.onWindowStageCreate(windowStage);
++     })
++  }
+
+  ...
+}
+```
+
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
+> [!TIP] 示例中logo参数使用了本地图片资源，可以到[react-native-boot-splash demo](https://github.com/react-native-oh-library/RNOHDCS/tree/main/react-native-boot-splash/source)获取该图片
+
 ```js
 import { useState , useEffect} from "react";
 import { Animated, View, Text, Dimensions, Platform, StatusBar, StyleSheet } from "react-native";
@@ -78,8 +170,8 @@ export const AnimatedBootSplash = ({ onAnimationEnd }: Props) => {
   const [translateY] = useState(() => new Animated.Value(0));
 
   const { container, logo /*, brand */ } = BootSplash.useHideAnimation({
-    manifest: require("../assets/bootsplash_manifest.json"),
-    logo: require("../assets/bootsplash_logo.png"),
+    manifest: require("../source/bootsplash_manifest.json"),
+    logo: require("../source/bootsplash_logo.png"),
     statusBarTranslucent: true,
     navigationBarTranslucent: false,
 
@@ -120,12 +212,7 @@ const App = () => {
   const [visible, setVisible] = useState(true);
 
   useEffect(() => {
-    // set transparent status bar
     StatusBar.setBarStyle("dark-content");
-    if (Platform.OS !== "android") {
-      StatusBar.setBackgroundColor("transparent");
-      StatusBar.setTranslucent(true);
-    }
   }, []);
 
   return (
@@ -149,6 +236,17 @@ const App = () => {
 export default App;
 ```
 
+```json
+// bootsplash_manifest.json
+{
+  "background": "#F5FCFF",
+  "logo": {
+    "width": 300,
+    "height": 89
+  }
+}
+```
+
 ## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
@@ -209,7 +307,7 @@ ohpm install
 
 ```diff
   ...
-+ import {RNBootSplashPackage} from '@react-native-oh-tpl/react-native-bootsplash/ts';
++ import { RNBootSplashPackage } from '@react-native-oh-tpl/react-native-bootsplash/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -248,17 +346,45 @@ ohpm install
 
 | Name             | Description                                                  | Type     | Required | Platform     | HarmonyOS Support |
 | ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
-| getConstants     | Obtaining the Default Configuration                          | function | no       | Android、IOS | yes               |
-| hide             | Hide the splash screen                                       | function | no       | Android、IOS | yes               |
-| isVisible        | Return the current visibility status of the native splash screen | function | no       | Android、IOS | yes               |
-| useHideAnimation | A hook to easily creation a hide custom hide animation, by animating all splash screen elements using Animated | function | yes      | Android、IOS | yes               |
+| hide             | Hide the splash screen.                            | function | no       | Android、IOS | yes               |
+| isVisible        | Return the current visibility status of the native splash screen. | function | no       | Android、IOS | yes               |
+| useHideAnimation     | A hook to easily create a custom hide animation by animating all splash screen elements using Animated, react-native-reanimated or else (similar as the video on top of this documentation).                          | function | no       | Android、IOS | yes               |
+
+### hide
+
+```js
+type hide = (config?: { fade?: boolean }) => Promise<void>;
+```
+
+| Name  | Description                                                | Type             | Required | Platform    | HarmonyOS Support |
+| ----- | ---------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| fade | Hide the splash screen (immediately, or with a fade out). | boolean | No      | iOS/Android | partially               |
+
+### useHideAnimation
+
+```js
+useHideAnimation(config: {UseHideAnimationConfig}) => {container: ContainerProps;logo: LogoProps;brand: BrandProps;};
+```
+
+| Name  | Description                                                | Type             | Required | Platform    | HarmonyOS Support |
+| ----- | ---------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| ready | a boolean flag to delay the animate execution (default: true) | boolean | No      | iOS/Android | partially               |
+| manifest | the manifest file is generated in your assets directory | Manifest | Yes      | iOS/Android | partially               |
+| logo | logo image in animation | ImageRequireSource | No      | iOS/Android | partially               |
+| darkLogo | logo image in animation in dark mode | ImageRequireSource | No      | iOS/Android | partially               |
+| brand | brand image in animation | ImageRequireSource | No      | iOS/Android | partially               |
+| darkBrand | brand image in animation in dark mode | ImageRequireSource | No      | iOS/Android | partially               |
+| statusBarTranslucent | sets whether the status bar is transparent | boolean | No      | iOS/Android | partially               |
+| navigationBarTranslucent | sets whether the navigation bar is transparent | boolean | No      | iOS/Android | partially               |
+| animate | custom hide animation | function | Yes      | iOS/Android | partially               |
 
 ## 遗留问题
 
+- [ ] HarmonyOS的window窗口上不支持设置动画属性，hide接口fade参数设置true没有效果 问题: [issue#13](https://github.com/react-native-oh-library/react-native-bootsplash/issues/13)
+
 ## 其他
+- 执行generate-bootsplash命令行时，由于 `--brand, --brand-width 和 --dark-*` 选项需要购买license才能使用，涉及功能未开源，HarmonyOS平台不支持使用
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bootsplash/blob/expo-plugin/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bootsplash/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From a4466e88bee4b24bcfe48b5a6616e1d044792d64 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Mon, 2 Sep 2024 03:14:35 +0000
Subject: [PATCH 467/966] =?UTF-8?q?!1449=20docs:=20[Issues:=20#IANKGB]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community/geolocation=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IANKGB]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-community/geolocation?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-geolocation.md | 51 ++++++++++++++++++---
 1 file changed, 45 insertions(+), 6 deletions(-)

diff --git a/zh-cn/react-native-community-geolocation.md b/zh-cn/react-native-community-geolocation.md
index 6afdf36e..68f68b29 100644
--- a/zh-cn/react-native-community-geolocation.md
+++ b/zh-cn/react-native-community-geolocation.md
@@ -200,6 +200,8 @@ ohpm install
 
 然后编译、运行即可。
 
+## 约束与限制
+
 ### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
@@ -208,20 +210,57 @@ ohpm install
 
 ### 权限要求
 
-打开 entry/src/main/module.json5,添加
+1.打开 `entry/src/main/module.json5`,添加相关配置
 
-```
+```diff
+...
 {
   "module": {
-    "requestPermissions": [
-      {"name": "ohos.permission.INTERNET"},
-      {"name": "ohos.permission.LOCATION"},
-      {"name": "ohos.permission.APPROXIMATELY_LOCATION"},
+      "requestPermissions": [
++      {
++        "name": "ohos.permission.APPROXIMATELY_LOCATION",
++        "reason": "$string:Access_location",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "always"
++        }
++      },
++      {
++        "name": "ohos.permission.LOCATION",
++        "reason": "$string:Access_location",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "always"
++       }
++      },
++     {
++        "name": "ohos.permission.INTERNET"
++      }
     ]
   }
 }
 ```
 
+2.在 entry 目录下添加申请权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_location",
++      "value": "access location"
++    }
+  ]
+}
+```
+
 ## 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。

From a029705b926952c53851fcd2c6b80363d6b3690f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Mon, 2 Sep 2024 07:15:36 +0000
Subject: [PATCH 468/966] =?UTF-8?q?!1269=20docs:=20[Issues:=20#IAHHDY]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9ENativeBase=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAHHDY]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9ENativeBase=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/NativeBase.md | 786 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 786 insertions(+)
 create mode 100644 zh-cn/NativeBase.md

diff --git a/zh-cn/NativeBase.md b/zh-cn/NativeBase.md
new file mode 100644
index 00000000..8bc1b653
--- /dev/null
+++ b/zh-cn/NativeBase.md
@@ -0,0 +1,786 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>NativeBase</code> </h1>
+</p>
+<p align="center">
+   <a href="https://github.com/GeekyAnts/NativeBase">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/GeekyAnts/NativeBase/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/NativeBase)
+
+## 安装与使用
+
+
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-oh-tpl-native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-oh-tpl-native-base@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-oh-tpl-native-base@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+// NativeBaseProvider 是一个使主题可在整个应用中使用的组件。它使用 React 的 Context API。将 NativeBaseProvider 添加到应用的根目录并更新 App.js,要按如下所示使用.
+import React from "react";
+import { SafeAreaView, View } from "react-native";
+import { NativeBaseProvider } from "native-base";
+
+function App() {
+  return (
+    <NativeBaseProvider>
+      <View style={{ backgroundColor: "white" }}>
+        <SafeAreaView></SafeAreaView>
+      </View>
+    </NativeBaseProvider>
+  );
+}
+export default App;
+```
+
+```tsx
+import { StyleSheet, View } from "react-native";
+import { Text } from "native-base";
+
+export function TextTest() {
+  return (
+    <View style={styles.container}>
+      <Text fontSize="xs">xs</Text>
+      <Text fontSize="sm">sm</Text>
+      <Text fontSize="md">md</Text>
+      <Text fontSize="lg">lg</Text>
+      <Text fontSize="xl">xl</Text>
+      <Text fontSize="2xl">2xl</Text>
+      <Text fontSize="3xl">3xl</Text>
+      <Text fontSize="4xl">4xl</Text>
+      <Text fontSize="5xl">5xl</Text>
+      <Text fontSize="6xl">6xl</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 10,
+    margin: 25,
+    borderRadius: 5,
+    borderWidth: 3,
+  },
+});
+```
+## Link
+
+本库依赖以下三方库，请查看对应文档：
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
++ [@react-native-oh-tpl/react-native-svg](/zh-cn/react-native-svg.md)
++ [@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md)
++ [@react-native-oh-tpl/react-native-tab-view](/zh-cn/react-native-tab-view.md)
++ [@react-native-oh-tpl/react-native-vector-icons](/zh-cn/react-native-vector-icons.md)
++ [@react-native-oh-tpl/react-native-pager-view](/zh-cn/react-native-pager-view.md)
++ [@react-native-oh-tpl/react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、@react-native-oh-library/react-native-safe-area-context、@react-native-oh-tpl/react-native-svg、@react-native-oh-tpl/react-navigation-drawer、@react-native-oh-tpl/react-native-tab-view、@react-native-oh-tpl/react-native-vector-icons、@react-native-oh-tpl/react-native-pager-view的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档的 Link 章节](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)、[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)、[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)、[@react-native-oh-tpl/react-navigation-drawer 文档的 Link 章节](/zh-cn/react-navigation-drawer.md#link)、[@react-native-oh-tpl/react-native-tab-view 文档的 Link 章节](/zh-cn/react-native-tab-view.md#link)、[@react-native-oh-tpl/react-native-vector-icons 文档的 Link 章节](/zh-cn/react-native-vector-icons.md#link)、[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](/zh-cn/react-native-pager-view.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-oh-tpl-native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)
+
+
+## 组件
+
+组件使用详情见 [NativeBase 的文档介绍](https://docs.nativebase.io)
+
+以下为目前已支持的组件属性：
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；Web 表示仅Web支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**AspectRatio**: AspectRatio 控制节点或子组件未定义维度的大小
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        ratio         |        容器的纵横比。例如 `16/9`、`16/10`、`9/16`、`4/3`        |        Object         |    No    |   All    |        Yes        |
+
+**Box**: 这是一个满足低级布局需求的通用组件。它类似于div在HTML中。 
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        children         |        将组件渲染为 Box 子项。接受 React.Element 或 JSX.Element 数组。 |        React.element         |    No    |   All    |        Yes        |
+|        _text         |       用于为 Box 内的文本提供参数 |        Any         |    No    |   All    |        Yes        |
+|        bg         |   简写设置背景    |        String         |    No    |   All    |        Yes        |
+|        background         |    可以接受各种背景相关的设置，如颜色、图像、渐变等   |        String        |    No    |   All    |        Yes        |
+|        bgColor         |     明确用于设置背景颜色  |        String         |    No    |   All    |        Yes        |
+|        backgroundColor    |   与bgColor类似，专门用于设置背景颜色   |        String         |    No    |   All    |        Yes        |  
+
+**Center**: 布局组件中心对齐
+[继承了React Native中View参数](https://reactnative.dev/docs/view#props)
+
+**Container**: 容器根据当前断点限制内容的宽度，同时保持尺寸的流动性。
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        centerContent         |        它将根据子元素的内容宽度将其置于中心。        |         boolean       |    No    |   All    |        Yes        |
+
+**Flex**: 布局组件，Flex 是 CSS flex 布局的一个封装
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        direction          |        项目定位方向，值可以为 column,column-reverse,row,row-reverse   |         String       |    No    |   All    |        Yes        |
+|        wrap           |        子元素的换行方式nowrap,wrap,wrap-reverse     |         String       |    No    |   All    |        Yes        |
+|        align           |         子元素在交叉轴上的对齐方式，可选baseline,normal,stretch      |         String       |    No    |   All    |        Yes        |
+|        justify           |         子元素在主轴上的对齐方式，可选left,normal,right       |         String       |    No    |   All    |        Yes        |
+|        basis           |         可选-moz-fit-content,-moz-max-content,-moz-min-content,-webkit-auto,auto,content,fit-content,max-content,min-contents       |         String       |    No    |   All    |        Yes        |
+|        grow           |        可选Globals ,(number & {}) , (string & {})       |         Number       |    No    |   All    |        Yes        |
+|        shrink           |         可选Globals , (number & {}) , (string & {});       |         Number       |    No    |   All    |        Yes        |
+
+**HStack / Row**: HStack / Row 布局组件水平对齐
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        direction         |           堆叠项目的方向，可选row,column,column-reverse,row-reverse     |        String         |    No    |   All    |        Yes        |
+
+**Stack**: 根据方向属性， Stack垂直或水平对齐项目
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        divider         |           元素之间使用的分隔元素。     |        ReactElement	         |    No    |   All    |        Yes        |
+|        space         |           每个堆栈项之间的空间。接受响应值 sm,2xs,xs,md,xl,lg,2xl,gutter,SpaceType    |        ReactElement	         |    No    |   All    |        Yes        |
+|        reversed         |           确定是否反转堆叠项目的方向。     |        Boolean	         |    No    |   All    |        Yes        |
+|        direction        |           堆叠项目的方向,可选row，column，column-reverse，row-reverse    |        String	         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停     |        Boolean	         |    No    |   Web    |        No        |
+|        isFocused         |           是否聚焦     |        Boolean	         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用     |        Boolean	         |    No    |   All    |        Yes        |
+|        isInvalid         |           是否无效     |        Boolean	         |    No    |   All    |        Yes        |
+|        isReadOnly         |           是否只读,如果为 true，则阻止编辑子项的值。与 FormControls 一起使用     |        Boolean	         |    No    |   All    |        Yes        |
+
+**VStack / Column**: VStack / Column 布局组件垂直对齐
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        direction         |           堆叠项目的方向，可选row,column,column-reverse,row-reverse      |        String         |    No    |   All    |        Yes        |
+
+**ZStack**: ZStack将元素与 z 轴对齐
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        reversed         |           堆叠项目的方向，是否反转      |        Boolean         |    No    |   All    |        Yes        |
+
+**Button**: 按钮
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        variant         |           风格，可选link，subtle，solid，ghost，outline，unstyled     |       String          |    No    |   All    |        Yes        |
+|        colorScheme         |           主题      |        String         |    No    |   All    |        Yes        |
+|        size         |           按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
+|        isLoading         |           是否加载中      |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停      |        Boolean         |    No    |   Web    |        No        |
+|        isPressed         |           是否按下     |        Boolean         |    No    |   All    |        Yes        |
+|        isFocused         |           是否被聚焦      |        Boolean         |    No    |   All    |        Yes        |
+|        isFocusVisible         |           是否展示焦环      |        Boolean         |    No    |   All    |        Yes        |
+|        startIcon         |           开始图标元素      |        React.element         |    No    |   All    |        Yes        |
+|        endIcon         |           结束图标元素      |        React.element         |    No    |   All    |        Yes        |
+|        isLoadingText         |           正在加载文本      |         String        |    No    |   All    |        Yes        |
+|        spinner         |           是否加载中      |        Boolean         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用      |        Boolean         |    No    |   All    |        Yes        |
+|        _text_         |          用于为框内的文本提供参数      |        Object         |    No    |   All    |        Yes        |
+|        _stack         |           要传递给按钮内部使用的 HStack 的参数      |        Object         |    No    |   All    |        Yes        |
+|        _icon         |            传递给按钮内部使用的图标的参数      |        Object         |    No    |   All    |        Yes        |
+|        spinnerPlacement         |          指定加载指示器（spinner）的位置，可选start，end    |        String         |    No    |   All    |        Yes        |
+|        _isLoading         |           当按钮加载中时传递的参数     |        Object         |    No    |   All    |        Yes        |
+|        _isDisabled         |           当按钮禁用时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
+|        _spinner         |           当按钮加载中时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
+|        _hover        |           当按钮悬停时传递给按钮的参数     |        Object         |    No    |   Web    |        No        |
+|        _pressed        |            当按钮按下时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
+|        _focus        |           当按钮获得焦点时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
+|        rightIcon        |           按钮中使用的右侧图标元素      |        React.element         |    No    |   All    |        Yes        |
+|        leftIcon        |           按钮中使用的左侧图标元素      |        React.element         |    No    |   All    |        Yes        |
+|        direction        |           堆叠项目的方向，可选row,column     |        String         |    No    |   All    |        Yes        |
+|        children        |           将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
+|        isAttached        |           如果为真，按钮将会连接在一起      |       Boolean       |    No    |   All    |        Yes        |
+
+**Pressable**: 创建可触摸交互的元素。
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        onHoverIn         |           鼠标移入调用      |        () => void         |    No    |   Web    |        No        |
+|        onHoverOut         |           鼠标移出调用      |        () => void         |    No    |   Web    |        No        |
+|        onFocus         |           聚焦时调用      |        () => void         |    No    |   All    |        Yes        |
+|        onBlur         |           失焦时调用      |        () => void         |    No    |   All    |        Yes        |
+|        _hover         |           悬停参数      |        Object         |    No    |   Web    |        No        |
+|        _pressed         |           按下禁用时参数      |        Object         |    No    |   All    |        Yes        |
+|        _focus         |           获得焦点时参数      |        Object         |    No    |   All    |        Yes        |
+|        _disabled         |           禁用时参数      |        Object         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用     |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停      |        Boolean         |    No    |   Web    |        No        |
+|        isPressed         |           是否按下      |        Boolean         |    No    |   All    |        Yes        |
+|        isFocused         |          是否聚焦      |        Boolean         |    No    |   All    |        Yes        |
+|        isFocusVisible         |           是否展示焦环      |        Boolean         |    No    |   All    |        Yes        |
+|        _focusVisible         |           焦点可见时应用的样式属性。这些样式仅在用户使用键盘与应用交互时应用。（仅限 Web）      |        Object         |    No    |   Web    |        No        |
+|        children         |           将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
+
+**CheckBox**: 复选框。
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        id         |           唯一标识      |        String         |    No    |   All    |        Yes        |
+|        value         |           复选框的值      |        String         |    No    |   All    |        Yes        |
+|        defaultValue         |           复选框组的初始值      |        String         |    No    |   All    |        Yes        |
+|        colorScheme         |           主题，可选danger，info，orange，purple    |        String         |    No    |   All    |        Yes        |
+|        size         |            按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
+|        onChange         |           选中事件      |        () => void         |    No    |   All    |        Yes        |
+|        _checkbox         |           选中复选框时传递的参数      |        Object        |    No    |   All    |        Yes        |
+
+**FormControl**: 表单控件
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        nativeID         |           本地ID      |        String         |    No    |   All    |        Yes        |
+|        isInvalid         |           是否无效    |        Boolean         |    No    |   All    |        Yes        |
+|        isRequired         |            是否必须      |        Boolean         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用      |        Boolean         |    No    |   All    |        Yes        |
+|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
+|        _disabled         |           禁用状态下传递参数      |        Object        |    No    |   All    |        Yes        |
+|        htmlFor         |           反映“for”内容属性的值      |        String        |    No    |   All    |        Yes        |
+|        _astrick         |           应用于 astric 文本的道具      |        Object        |    No    |   All    |        Yes        |
+|        rightIcon         |           表单中使用的左侧侧图标元素      |        React.element        |    No    |   All    |        Yes        |
+|        leftIcon         |           表单中使用的右侧图标元素      |        React.element        |    No    |   All    |        Yes        |
+|        startIcon         |           开始图标元素      |        React.element        |    No    |   All    |        Yes        |
+|        endIcon         |           结束图标元素      |        React.element        |    No    |   All    |        Yes        |
+|        _stack         |           要传递给 FormControl.ErrorMessage 内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
+|        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
+
+**IconButton**: 图标按钮
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        colorScheme         |            主题，可选primary，green，red      |        String         |    No    |   All    |        Yes        |
+|        variant         |           风格，可选link，unstyled，solid，ghost，subtle      |        String         |    No    |   All    |        Yes        |
+|        size         |            按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用    |        Boolean         |    No    |   All    |        Yes        |
+|        icon         |           要使用的图标      |         React.element         |    No    |   All    |        Yes        |
+|        _icon         |           要传递给IconButton内部使用的图标的参数      |        Object        |    No    |   All    |        Yes        |
+|        _hover         |           要传递给IconButton内部使用的悬停的参数      |        Object        |    No    |   Web    |        No        |
+|        _pressed         |           要传递给IconButton内部使用的按压的参数      |        Object        |    No    |   All    |        Yes        |
+|        _focus         |           要传递给IconButton内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
+
+**Input**: 输入框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isInvalid         |            是否无效      |        Boolean         |    No    |   All    |        Yes        |
+|        variant         |           风格，可选outline，filled，underlined，unstyled，rounded     |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |            是否禁用      |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
+|        isFocused         |           是否聚焦      |         Boolean         |    No    |   All    |        Yes        |
+|        size         |           输入框尺寸，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String        |    No    |   All    |        Yes        |
+|        isRequired         |           是否必传      |        Boolean        |    No    |   No    |        No        |
+|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
+|        InputLeftElement         |           输入框内部左侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        leftElement         |           输入框外部左侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        InputRightElement         |           输入框内部右侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        rightElement         |           输入框外部右侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        type         |           类型，可选text，password      |        String        |    No    |   All    |        Yes        |
+|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   All    |        Yes        |
+|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+|        _hover         |           要传递给Input内部使用的悬停的参数      |        Object        |    No    |   Web    |        NO        |
+|        _focus         |           要传递给Input内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
+|        _disabled         |           要传递给Input内部使用的禁用的参数      |        Object        |    No    |   All    |        Yes        |
+|        _readOnly         |           要传递给Input内部使用的只读的参数      |        Object        |    No    |   All    |        Yes        |
+|        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
+|        _input         |           传递给InputBase组件参数      |        Object        |    No    |   All    |        Yes        |
+|        _stack         |            要传递给按钮内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
+|        focusOutlineColor         |           当输入框获得焦点时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
+|        invalidOutlineColor         |           当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
+|        ref         |           节点      |        Any        |    No    |   All    |        Yes        |
+
+**TextArea**: 文本域
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isInvalid         |            是否无效      |        Boolean         |    No    |   All    |        Yes        |
+|        variant         |           风格，可选outline，filled，underlined，unstyled，rounded     |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |            是否禁用      |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
+|        isFocused         |           是否聚焦      |         Boolean         |    No    |   All    |        Yes        |
+|        size         |           输入框尺寸，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String        |    No    |   All    |        Yes        |
+|        isRequired         |           是否必传      |        Boolean        |    No    |   No    |        No        |
+|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
+|        InputLeftElement         |           输入框内部左侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        leftElement         |           输入框外部左侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        InputRightElement         |           输入框内部右侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        rightElement         |           输入框外部右侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        type         |           类型，可选text，password      |        String        |    No    |   All    |        Yes        |
+|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   All    |        Yes        |
+|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+|        _hover         |           要传递给Input内部使用的悬停的参数      |        Object        |    No    |   Web    |        NO        |
+|        _focus         |           要传递给Input内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
+|        _disabled         |           要传递给Input内部使用的禁用的参数      |        Object        |    No    |   All    |        Yes        |
+|        _readOnly         |           要传递给Input内部使用的只读的参数      |        Object        |    No    |   All    |        Yes        |
+|        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
+|        _input         |           传递给InputBase组件参数      |        Object        |    No    |   All    |        Yes        |
+|        _stack         |            要传递给按钮内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
+|        focusOutlineColor         |           当输入框获得焦点时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
+|        invalidOutlineColor         |           当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
+|        ref         |           节点      |        Any        |    No    |   All    |        Yes        |
+
+**Link**: 超链接
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        href         |            连接地址      |        String         |    No    |   All    |        Yes        |
+|        size         |           超连接尺寸2xl，xl，lg，md，sm，xsm     |        String         |    No    |   All    |        Yes        |
+|        isUnderlined         |            是否有下横线     |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
+|        onPress         |           按压事件      |          () => void          |    No    |   All    |        Yes        |
+|        isExternal         |           是否直接打开web端      |        String        |    No    |   All    |        Yes        |
+|        _hover         |          悬停参数      |        Object        |    No    |   Web    |        No        |
+|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+
+**Radio**: 单选框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        value           |            单选框的值      |        String         |    No    |   All    |        Yes        |
+|        colorScheme         |            主题，可选yellow，green，red      |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |            是否禁用     |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
+|        isPressed         |           是否按压      |         Boolean         |    No    |   All    |        Yes        |
+|        isFocused         |           是否聚焦      |        Boolean        |    No    |   All    |        Yes        |
+|        isFocusVisible         |           焦点是否可见      |        Boolean        |    No    |   All    |        Yes        |
+|        size         |           单选框尺寸lg，md，sm     |        String        |    No    |   All    |        Yes        |
+|        icon         |           接收图标     |         React.element          |    No    |   All    |        Yes        |
+|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)     |        Any        |    No    |   No    |        No        |
+|        _stack         |           要传递给单选框内部使用的 HStack 的参数     |        Object        |    No    |   All    |        Yes        |
+|        _disabled         |           当禁用时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _checked         |           当选中时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _focus         |           当聚焦时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _hover         |           当悬停时传递给单选框的参数     |        Object        |    No    |   Web    |        No        |
+|        _invalid         |           当失效时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _pressed         |           当按压时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _icon         |           当传递图标时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _readOnly         |           当只读时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _interactionBox         |           当交互时传递给按钮的参数     |        Object        |    No    |   All    |        Yes        |
+|        ref         |           获取节点数据     |        Object        |    No    |   All    |        Yes        |
+
+**Select**: 下拉框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        placeholder           |            提示文本      |        String         |    No    |   All    |        Yes        |
+|        color         |            选中颜色      |        String         |    No    |   All    |        Yes        |
+|        placeholderTextColor         |            提示文本颜色     |        String         |    No    |   All    |        Yes        |
+|        _item         |           是否悬停    |        Boolean         |    No    |   No    |        No        |
+|        _selectedItem         |           是否按压      |         Boolean         |    No    |   All    |        Yes        |
+|        selectedValue         |           选中值      |        Boolean        |    No    |   All    |        Yes        |
+|        defaultValue         |           初始值      |        Boolean        |    No    |   All    |        Yes        |
+|        onValueChange         |           单选事件     |         () => void         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用     |         React.element          |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停     |        Any        |    No    |   Web    |        No        |
+|        isFocused         |           是否聚焦     |        Object        |    No    |   All    |        Yes        |
+|        isFocusVisible         |           焦点是否可见     |        Object        |    No    |   All    |        Yes        |
+|        dropdownIcon         |           原有图标     |        React.element        |    No    |   All    |        Yes        |
+|        dropdownOpenIcon         |           打开图标     |        React.element        |    No    |   All    |        Yes        |
+|        dropdownCloseIcon         |           关闭图标     |        React.element        |    No    |   All    |        Yes        |
+|        variant         |           风格，可选outline，filled，underlined，unstyled，rounded    |        String        |    No    |   All    |        Yes        |
+|        onOpen         |           打开下拉事件     |        () => void        |    No    |   All    |        Yes        |
+|        onClose         |           关闭下拉事件     |        () => void        |    No    |   All    |        Yes        |
+|        _actionSheet         |           传递给遮罩层的参数样式     |        Object        |    No    |   All    |        Yes        |
+|        _actionSheetContent         |           传递给内容的参数样式     |        Object        |    No    |   All    |        Yes        |
+|        _actionSheetBody         |           传递给内容Body的参数     |        Object        |    No    |   All    |        Yes        |
+|        wrapperRef         |           获取节点    |        Any        |    No    |   All    |        Yes        |
+
+**Select.Item**: 下拉框子集
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        label         |            选择提示文本      |        String         |    No    |   All    |        Yes        |
+|        value         |           选中值     |        String         |    No    |   All    |        Yes        |
+
+**Switch**: 开关
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        size         |            开关尺寸，可选lg，md，sm      |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用     |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |            是否悬停     |        Boolean         |    No    |   Web    |        No        |
+|        name         |          表单中使用开关的别名      |          String          |    No    |   All    |        Yes        |
+|        onToggle         |           开关事件      |        () => void        |    No    |   All    |        Yes        |
+|        isChecked         |           是否开启      |        Boolean        |    No    |   All    |        Yes        |
+|        defaultIsChecked         |           是否默认开启    |        Boolean        |    No    |   All    |        Yes        |
+|        isInvalid         |           是否失效      |        Boolean        |    No    |   All    |        Yes        |
+|        onTrackColor         |            打开时轨道的颜色      |        Object        |    No    |   All    |        Yes        |
+|        offTrackColor         |           关闭时轨道的颜色      |        Object        |    No    |   All    |        Yes        |
+|        onThumbColor         |           打开时按钮的颜色      |        Object        |    No    |   All    |        Yes        |
+|        offThumbColor         |           关闭时按钮的颜色      |        Object        |    No    |   All    |        Yes        |
+|        colorScheme         |           主题      |        String        |    No    |   All    |        Yes        |
+|        _hover         |           悬停参数      |        String        |    No    |   Web    |        No        |
+
+**Slider**: 滑块
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        value         |            值      |        Number         |    No    |   All    |        Yes        |
+|        defaultValue         |           默认值     |        Number         |    No    |   All    |        Yes        |
+|        onChange         |          滑块事件      |          () => void          |    No    |   All    |        Yes        |
+|        colorScheme         |           主题      |        String        |    No    |   All    |        Yes        |
+|        orientation         |           展示方向，可选horizontal，vertical'     |        String        |    No    |   All    |        Yes        |
+|        accessibilityLabel         |           滑块文本描述      |        String        |    No    |   All    |        Yes        |
+|        isReversed         |           是否反转      |        Boolean        |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用      |        Boolean        |    No    |   All    |        Yes        |
+|        onChangeEnd         |          松开停止移动事件      |         () => void        |    No    |   All    |        Yes        |
+|        minValue         |           最小值      |        Number        |    No    |   All    |        Yes        |
+|        maxValue         |           最大值      |        Number        |    No    |   All    |        Yes        |
+|        step         |           每次用移动的步数      |        Number        |    No    |   All    |        Yes        |
+|        isReadOnly         |           最大值      |        Boolean        |    No    |   All    |        Yes        |
+|        maxValue         |           最大值      |        Number        |    No    |   All    |        Yes        |
+|        _disabled         |           禁用时启用      |        Number        |    No    |   All    |        Yes        |
+|        _readOnly         |           只读时启用      |        Number        |    No    |   All    |        Yes        |
+|        sliderTrackHeight         |           轨道高度      |        Number        |    No    |   All    |        Yes        |
+|        thumbSize         |           滑块大小      |        Number        |    No    |   All    |        Yes        |
+|        _interactionBox         |           交互样式      |        Object        |    No    |   All    |        Yes        |
+
+**Badge**: 小标识小标签
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        variant         |            风格      |        Number         |    No    |   All    |        Yes        |
+|        colorScheme         |           主题,可选success，danger，info，coolGray     |        String         |    No    |   All    |        Yes        |
+|        rightIcon         |          组件右侧图标      |          React.element         |    No    |   All    |        Yes        |
+|        leftIcon         |          组件左侧图标      |          React.element          |    No    |   All    |        Yes        |
+|        startIcon         |          开始图标      |          React.element          |    No    |   All    |        Yes        |
+|        endIcon         |          结束图标      |          React.element         |    No    |   All    |        Yes        |
+|        _text         |          组件内的文本提供参数       |          Object         |    No    |   All    |        Yes        |
+|        _icon         |          组件内的图标提供参数      |          Object        |    No    |   All    |        Yes        |
+
+**Divider**: 分割线
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        orientation         |            方向,可选vertical，horizontal      |        Number         |    No    |   All    |        Yes        |
+|        thickness         |           分割线宽度    |        String         |    No    |   All    |        Yes        |
+
+**Alert**: 状态提示框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        status         |            方向,可选info，warning，success，error      |        String         |    No    |   All    |        Yes        |
+|        variant         |           风格    |        String         |    No    |   All    |        Yes        |
+|        colorScheme         |           主题    |        String         |    No    |   All    |        Yes        |
+
+**Progress**: 进度条
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        value         |            数值     |        Number         |    No    |   All    |        Yes        |
+|        size         |           尺寸    |        String         |    No    |   All    |        Yes        |
+|        colorScheme         |           主题    |        String         |    No    |   All    |        Yes        |
+|        _filledTrack         |           填充的轨道提供参数   |        Object         |    No    |   All    |        Yes        |
+|        min         |           最小值    |        Number         |    No    |   All    |        Yes        |
+|        max         |            最大值   |        Number         |    No    |   All    |        Yes        |
+
+
+**Skeleton**: 组件的加载状态
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        fadeDuration         |            加载时长     |        Number         |    No    |   All    |        Yes        |
+|        isLoaded         |           是否加载中    |        Boolean         |    No    |   All    |        Yes        |
+|        speed         |           加载速度    |        Number         |    No    |   All    |        Yes        |
+|        startColor         |           开始颜色   |        String         |    No    |   All    |        Yes        |
+|        endColor         |           结束颜色    |        String         |    No    |   All    |        Yes        |
+|        size         |            尺寸   |        String         |    No    |   All    |        Yes        |
+
+**Skeleton.Text**: 组件的加载状态文字组件
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        fadeDuration         |            加载时长     |        Number         |    No    |   All    |        Yes        |
+|        isLoaded         |           是否加载中    |        Boolean         |    No    |   All    |        Yes        |
+|        speed         |           加载速度    |        Number         |    No    |   All    |        Yes        |
+|        startColor         |           开始颜色   |        String         |    No    |   All    |        Yes        |
+|        endColor         |           结束颜色    |        String         |    No    |   All    |        Yes        |
+|        lines         |            文本中的行数   |        Number         |    No    |   All    |        Yes        |
+|        _line         |            文本中的行数样式参数   |        String         |    No    |   All    |        Yes        |
+|        _stack         |            尺寸   |        String         |    No    |   All    |        Yes        |
+
+**Spinner**: 加载等待中
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        color         |            颜色     |        String         |    No    |   All    |        Yes        |
+|        size         |            尺寸，可选lg，md，sm   |        String         |    No    |   All    |        Yes        |
+
+**Toast**: 轻提示
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        show         |            消息体     |        Object         |    No    |   All    |        Yes        |
+|        close         |            关闭单个   |       (id: any) => void;        |    No    |   All    |        Yes        |
+|        closeAll         |            关闭所有   |        () => void         |    No    |   All    |        Yes        |
+|        isActive         |            防抖设计   |        (id: any) => boolean;        |    No    |   All    |        Yes        |
+
+**Toast.show**: 轻提示消息体
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        title         |            标题   |       ReactNode        |    No    |   All    |        Yes        |
+|        description         |            内容描述   |      ReactNode         |    No    |   All    |        Yes        |
+|        duration         |            显示时长   |       Number 或 null        |    No    |   All    |        Yes        |
+|        id         |            唯一标识   |       any        |    No    |   All    |        Yes        |
+|        onCloseComplete         |            显示完成关闭回调   |       () => void        |    No    |   All    |        Yes        |
+|        placement         |            位置，可选top，top-right，top-left，bottom，bottom-left，bottom-right   |      String        |    No    |   All    |        Yes        |
+|        render         |            接收子组件   |      (props: any) => ReactNode       |    No    |   All    |        Yes        |
+|        _title         |            标题样式参数   |       () => void        |    No    |   All    |        Yes        |
+|        _description         |            描述样式参数   |       () => void        |    No    |   All    |        Yes        |
+|        accessibilityAnnouncement         |            Toast 打开时屏幕阅读器播报的文本   |       String       |    No    |   Android     |        No        |
+|        accessibilityLiveRegion         |            Toast 打开时屏幕阅读器播报的文本位置   |       String        |    No    |   Android     |        No        |
+|        avoidKeyboard         |         键盘打开，则 Toast 将向上移动相当于键盘高度   |       Boolean        |    No    |   All    |        Yes        |
+
+**Text**: 文本
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        children         |            子集     |        JSX.Element         |    No    |   All    |        Yes        |
+|        fontSize         |            字号   |       String        |    No    |   All    |        Yes        |
+|        letterSpacing         |            间距   |       String         |    No    |   All    |        Yes        |
+|        lineHeight         |            行高   |        String        |    No    |   All    |        Yes        |
+|        fontWeight         |            字宽   |        String        |    No    |   All    |        Yes        |
+|        Fonts         |            字型   |        String        |    No    |   All    |        Yes        |
+|        noOfLines         |            行数   |        Number        |    No    |   All    |        Yes        |
+|        bold         |            加粗   |        Number        |    No    |   All    |        Yes        |
+|        isTruncated         |            超出省略   |        Boolean        |    No    |   All    |        Yes        |
+|        italic         |            斜体   |        Boolean        |    No    |   All    |        Yes        |
+|        underline         |            下横线   |        Boolean        |    No    |   All    |        Yes        |
+|        strikeThrough         |            删除线   |        Boolean        |    No    |   All    |        Yes        |
+|        sub         |            字体缩小（副标题或者辅助说明的文本）   |        Boolean        |    No    |   All    |        Yes        |
+|        highlight         |            突出显示   |        Boolean        |    No    |   All    |        Yes        |
+
+**Heading**: 标题(继承了Text属性)
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        size         |            尺寸，可选lg，md，sm    |       String        |    No    |   All    |        Yes        |
+
+**AlertDialog**: 警告对话框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isOpen         |           是否打开    |       Boolean        |    No    |   All    |        Yes        |
+|        onClose         |           关闭事件    |       () => void        |    No    |   All    |        Yes        |
+|        defaultIsOpen         |           是否打开    |       Boolean        |    No    |   All    |        Yes        |
+|        size         |           尺寸    |       Number        |    No    |   All    |        Yes        |
+|        leastDestructiveRef         |           最小元素节点    |       Object        |    No    |   All    |        Yes        |
+|        initialFocusRef         |           打开时焦点元素节点    |       Object        |    No    |   All    |        Yes        |
+|        finalFocusRef         |           关闭时焦点元素节点    |       Boolean        |    No    |   All    |        Yes        |
+|        avoidKeyboard         |           键盘打开，则 AlertDialog 将向上移动相当于键盘高度     |       Boolean        |    No    |   All    |        Yes        |
+|        closeOnOverlayClick         |           点击找找关闭    |       Boolean        |    No    |   All    |        Yes        |
+|        isKeyboardDismissable         |           Esc关闭    |       Boolean        |    No    |   No    |        No        |
+|        overlayVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
+|        backdropVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
+|        _backdrop         |           遮罩参数用样式    |       Any        |    No    |   All    |        Yes        |
+|        _backdropFade         |           遮罩动画的参数样式    |       Object        |    No    |   All    |        Yes        |
+|        _fade         |           子集褪色动画的参数样式    |       Object        |    No    |   All    |        Yes        |
+|        _slide         |           子集幻灯片动画的参数样式    |       Object        |    No    |   All    |        Yes        |
+|        animationPreset         |           动画类型    |       Object        |    No    |   All    |        Yes        |
+
+**Menu**: 菜单
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        trigger         |            手动触发显示的元素  |        () => void        |    No    |   All    |        Yes        |
+|        onOpen         |            打开事件    |        () => void        |    No    |   All    |        Yes        |
+|        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
+|        closeOnSelect         |             选择时菜单是否自动关闭    |        Boolean        |    No    |   All    |        Yes        |
+|        defaultIsOpen         |            默认打开   |        Boolean        |    No    |   All    |        Yes        |
+|        isOpen         |            是否打开    |        Boolean       |    No    |   All    |        Yes        |
+|        crossOffset         |            控制菜单相对于触发元素的偏移量    |        Number       |    No    |   All    |        Yes        |
+|        offset         |            菜单弹出位置的偏移量    |        Number       |    No    |   All    |        Yes        |
+|        shouldOverlapWithTrigger         |            控制菜单是否与触发元素重叠显示。    |        boolean       |    No    |   All    |        Yes        |
+|        placement         |            位置，可选top,bottom,left,right等    |        Boolean       |    No    |   All    |        Yes        |
+|        _overlay         |            菜单的覆盖层参数    |        Boolean       |    No    |   All    |        Yes        |
+|        _presenceTransition         |            出现和消失过渡效果参数    |        Boolean       |    No    |   All    |        Yes        |
+|        _backdrop         |            背景遮罩参数    |        Boolean       |    No    |   All    |        Yes        |
+
+**Modal**: 弹框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
+|        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
+|        defaultIsOpen         |             默认打开    |        Boolean        |    No    |   All    |        Yes        |
+|        size         |            尺寸   |        String        |    No    |   All    |        Yes        |
+|        initialFocusRef         |            模态框打开时最初获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
+|        finalFocusRef         |            模态框关闭时最终获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
+|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   All    |        Yes        |
+|        isKeyboardDismissable         |            控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框    |        Boolean       |    No    |   All    |        Yes        |
+|        overlayVisible         |            控制模态框的背景覆盖层（overlay）是否可见    |        Boolean       |    No    |   All    |        Yes        |
+|        backdropVisible         |            控制模态框的背景遮罩是否可见    |        Boolean       |    No    |   All    |        Yes        |
+|        animationPreset         |            动画效果    |        String       |    No    |   All    |        Yes        |
+|        _fade         |            动画参数    |        Object       |    No    |   All    |        Yes        |
+|        _slide         |            幻灯片动画参数    |        Object       |    No    |   All    |        Yes        |
+|        _overlay         |            背景覆盖层参数    |        Object       |    No    |   All    |        Yes        |
+|        useRNModal         |          是否使用 React Native 的原生Modal组件来实现模态框      |        Boolean       |    No    |   All    |        Yes        |
+|        _backdropFade         |            背景遮罩参数    |        Boolean       |    No    |   All    |        Yes        |
+
+**Popover**: 局部弹框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
+|        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
+|        onOpen         |           打开事件    |        () => void        |    No    |   All    |        Yes        |
+|        defaultIsOpen         |             默认打开    |        Boolean        |    No    |   All    |        Yes        |
+|        size         |            尺寸   |        String        |    No    |   All    |        Yes        |
+|        initialFocusRef         |            模态框打开时最初获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
+|        finalFocusRef         |            模态框关闭时最终获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
+|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   All    |        Yes        |
+|        isKeyboardDismissable         |            控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框    |        Boolean       |    No    |   All    |        Yes        |
+|        overlayVisible         |            控制模态框的背景覆盖层（overlay）是否可见    |        Boolean       |    No    |   All    |        Yes        |
+|        backdropVisible         |            控制模态框的背景遮罩是否可见    |        Boolean       |    No    |   All    |        Yes        |
+|        animationPreset         |            动画效果    |        String       |    No    |   All    |        Yes        |
+|        _fade         |            动画参数    |        Object       |    No    |   All    |        Yes        |
+|        _slide         |            幻灯片动画参数    |        Object       |    No    |   All    |        Yes        |
+|        _overlay         |            背景覆盖层参数    |        Object       |    No    |   All    |        Yes        |
+|        useRNModal         |            是否使用 React Native 的原生Modal组件来实现局部弹框     |        Boolean       |    No    |   All    |        Yes        |
+|        trigger         |            手动触发显示的元素  |        () => void        |    No    |   All    |        Yes        |
+|        shouldOverlapWithTrigger         |            控制菜单是否与触发元素重叠显示。    |        boolean       |    No    |   All    |        Yes        |
+
+**Avatar**: 显示用户头像或图像
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        source         |            图片地址参数    |        Object        |    No    |   All    |        Yes        |
+|        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
+|        _image         |           图片参数    |        Object       |    No    |   All    |        Yes        |
+|        wrapperRef         |             获取节点    |        Boolean        |    No    |   All    |        Yes        |
+
+**Icon**: 显示用户头像或图像
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        as         |            接收矢量图标    |        Any        |    No    |   All    |        Yes        |
+|        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
+|        color         |           颜色    |        String       |    No    |   All    |        Yes        |
+|        children         |             子元素    |   JSX.Element             |    No    |   All    |        Yes        |
+|        name         |             名称    |   String            |    No    |   All    |        Yes        |
+|        viewBox         |             icon盒子参数    |   String            |    No    |   All    |        Yes        |
+|        path         |             icon地址    |   JSX.Element[] | JSX.Element            |    No    |   All    |        Yes        |
+|        d         |             SVG图标的路径    |   String            |    No    |   All    |        Yes        |
+
+**Image**: 图片
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        source         |            图片地址参数    |        Object        |    No    |   All    |        Yes        |
+|        alt         |            未展示文字    |         String       |    No    |   All    |        Yes        |
+|        _alt         |            未展示文字样式参数    |         Object       |    No    |   All    |        Yes        |
+|        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
+|        color         |           颜色    |        String       |    No    |   All    |        Yes        |
+|        src         |             图片地址    |   String             |    No    |   All    |        Yes        |
+|        fallbackSource         |             指定当主图像源无法加载时显示的备用图像源    |   String            |    No    |   All    |        Yes        |
+|        ignoreFallback         |             是否忽略备用图像源    |   Boolean            |    No    |   All    |        Yes        |
+|        fallbackElement         |             指定当主图像源无法加载时显示的备用元素    |   JSX.Element            |    No    |   All    |        Yes        |
+
+**ActionSheet**: 操作表
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
+|        onClose         |            关闭事件    |         () => void       |    No    |   All    |        Yes        |
+|        disableOverlay         |            是否有遮罩    |         Boolean       |    No    |   All    |        Yes        |
+|        hideDragIndicator         |           是否有拖动    |        Boolean        |    No    |   All    |        Yes        |
+|        _backdrop         |           遮罩参数用样式    |        any       |    No    |   All    |        Yes        |
+|        useRNModal         |             是否使用 React Native 的原生Modal组件来实现ActionSheet   |   Boolean             |    No    |   All    |        Yes        |
+
+**Actionsheet.Content**: 操作表内容
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        _dragIndicatorWrapperOffSet         |            在操作表内容上方区域内容参数    |        Object        |    No    |   All    |        Yes        |
+|        _dragIndicatorWrapper         |            在操作表内容周围区域内容参数    |         Object      |    No    |   All    |        Yes        |
+|        _dragIndicator         |            在拖动指示器上施加的推力    |         Object       |    No    |   All    |        Yes        |
+
+**PresenceTransition**: 组件的出现和消失添加动画过渡效果
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        onTransitionComplete         |            过渡完成事件    |         () => void         |    No    |   All    |        Yes        |
+|        initial         |            动画初始状态的属性    |        Object       |    No    |   All    |        Yes        |
+|        animate         |            动画最终状态的属性    |         Object       |    No    |   All    |        Yes        |
+|        exit         |           组件在隐藏时的状态    |        Boolean        |    No    |   All    |        Yes        |
+|        visible         |           是否打开    |        Boolean       |    No    |   All    |        Yes        |
+|        animationExited         |             过渡动画已经完全退出   |   Boolean             |    No    |   All    |        Yes        |
+|        children         |             子集   |   any             |    No    |   All    |        Yes        |
+|        as         |             包裹在过渡效果中的元素的类型   |   any             |    No    |   All    |        Yes        |
+
+**Stagger**: 交错动画效果组件
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        initial         |            动画初始状态的属性    |        Object       |    No    |   All    |        Yes        |
+|        animate         |            动画最终状态的属性    |         Object       |    No    |   All    |        Yes        |
+|        exit         |           组件在隐藏时的状态    |        Boolean        |    No    |   All    |        Yes        |
+|        visible         |           是否打开    |        Boolean       |    No    |   All    |        Yes        |
+
+**Slide**: 实现滑动动画
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        in         |            显示隐藏    |        Boolean       |    No    |   All    |        Yes        |
+|        duration         |            动画事件    |         Number       |    No    |   All    |        Yes        |
+|        placement         |           位置    |        String        |    No    |   All    |        Yes        |
+
+**FAB**: 浮动按钮
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        placement         |            位置    |        String       |    No    |   All    |        Yes        |
+|        label         |            文本参数    |         String       |    No    |   All    |        Yes        |
+|        icon         |           图标    |        React.Element        |    No    |   All    |        Yes        |
+|        renderInPortal         |           是否将 FAB 渲染在一个 Portal(Portal 是一种在 React 中用于将子组件渲染到父组件以外的 DOM 节点中的技术)    |        Boolean        |    No    |   All    |        Yes        |
+
+**Hidden**: 根据colorMode或平台响应性地切换子组件的可见性值
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        from         |            屏幕尺寸的起点，当屏幕尺寸大于等于这个起点时，组件将被隐藏    |        String       |    No    |   All    |        Yes        |
+|        till         |             屏幕尺寸的终点，当屏幕尺寸小于这个终点时，组件将被隐藏    |         String       |    No    |   All    |        Yes        |
+|        only         |           指定一个或多个特定的屏幕尺寸，只有在这些尺寸下组件才会显示，其他尺寸下将被隐藏    |        String        |    No    |   All    |        Yes        |
+|        colorMode         |           组件在不同颜色模式下的显示状态。NativeBase 通常支持多种颜色模式，如 light（浅色模式）、dark（深色模式）等。    |        React.Element        |    No    |   All    |        Yes        |
+|        platform         |           系统平台    |        React.Element        |    No    |   All    |        Yes        |
+|        children         |           子元素    |        React.Element        |    No    |   All    |        Yes        |
+|        isSSR         |           组件是否在服务器端渲染（SSR）环境中    |       Boolean        |    No    |   All    |        Yes        |
+
+**KeyboardAvoidingView**: 拉起键盘视图向上移动的垂直偏移量
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        behavior         |            键盘弹出时的行为    |        String 或 Undefined       |    No    |   All    |        Yes        |
+|        contentContainerStyle         |            设置该组件内部内容容器的样式    |         Object       |    No    |   All    |        Yes        |
+|        keyboardVerticalOffset         |           当键盘出现时，视图向上移动的垂直偏移量    |        Number或Undefined        |    No    |   All    |        Yes        |
+|        enabled         |           用于控制KeyboardAvoidingView是否生效    |        Boolean或Undefined        |    No    |   All    |        Yes        |
+
+
+**Other**：包含hooks和外用组件
+| Name                   | Description | Required | Platform | HarmonyOS Support |
+| ---------------------- | ----------- | -------- | ----------------- | ----------------- |
+| Scrollview    | 导出的是RN原生的Scrollview，可直接用RN的Scrollview | NO        | All               | YES               |
+| View     | 导出的是RN原生的View，可直接用RN的View | NO        | All               | YES               |
+| FlatList     | 导出的是RN原生的FlatList，可直接用RN的FlatList | NO        | All              | YES               |
+| useDisclose     | 处理常见的打开、关闭或切换场景，并可以控制反馈组件，如Modal、AlertDialog、Drawer等。 | NO        | All              | YES               |
+| useBreakpointValue     | 用于呈现分段列表的高性能接口 | NO        | All               | YES               |
+| SectionList     | 导出的是RN原生的SectionList，可直接用RN的SectionList | NO        | All              | YES               |
+| useClipboard     | 使用剪贴板控件并控制将内容复制到剪贴板 | NO        | All               | YES               |
+| useMediaQuery     | 检测单个媒体查询或多个媒体查询之间的匹配。React Native本身不支持媒体查询，因此useMediaQuery仍然有限 | NO        | All               | YES               |
+| useToken     | 解析主题中的设计标记. | NO        | All              | YES               |
+| useColorMode     |设置或检索颜色模式 | NO        | All               | YES               |
+| useColorModeValue     | 基于活动颜色模式值传递的参数中检索值 | NO        | All              | YES               |
+| useContrastText     | 提供与作为参数传递的背景颜色的颜色对比文本颜色（lightText或darkText） | NO        | All               | YES               |
+| useAccessibleColors  | 更新您的颜色配置，以在应用程序中获得更好的颜色和对比度可访问性。默认情况下，可访问的颜色是关闭的如果您想继续使用可访问的文本颜色，可以使用此挂钩。您还可以使用extendTheme在NativeBaseProvider的配置中传递它 | NO        | All               | YES               |
+| Todo-List     | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All              | YES               |
+| AppBar     | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
+| Card     |用本库的组件写的案例，如有业务需要可自行编写适合的组件| NO        | All               | YES               |
+| Drawer Navigation    | 快速地使用 [@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md) | NO        | All               | YES               |
+| Tab View     | 快速地使用 [@react-native-oh-tpl/react-native-tab-view 文档](/zh-cn/react-native-tab-view.md) in NB | NO        | All               | YES               |
+| Swipe List    | 快速地使用 [@react-native-oh-tpl/react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md) | NO        | All              | YES               |
+| Form with Validation    | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All              | YES               |
+| Login/Signup Forms     | 用本库的组件写表单登录的案例，如有业务需要可自行编写适合的组件| NO        | All               | YES               |
+| SearchBar     | 用本库的组件写的搜索案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
+| App drawer     | 使用FlatList创建类似应用程序抽屉的布局非常常见，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
+| Footer     |用本库的组件写的Footer案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
+
+## 遗留问题
+
+## 其他
+
+- 网站文档图标要用@expo/vector-icons（需要用到expo脚手架才可以），如果没有用到expo脚手架的可以用[react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)平替
+- Tooltip 当用户与元素交互时，工具提示会提供简短的信息性消息。工具提示的启动方法包括：通过鼠标悬停手势或键盘悬停手势。这个组件是在web端用的
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/GeekyAnts/NativeBase/blob/master/LICENSE) ，请自由地享受和参与开源。

From ccd5f7bab75bd1d7409a85662204947485915b49 Mon Sep 17 00:00:00 2001
From: yangzx21 <yangzx_00@qq.com>
Date: Mon, 2 Sep 2024 09:12:13 +0000
Subject: [PATCH 469/966] =?UTF-8?q?!1446=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-image-crop-picker(nocodegen)=E6=96=87=E6=A1=A3=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E9=93=BE=E6=8E=A5c=E4=BB=A3=E7=A0=81=E5=A4=B1?=
 =?UTF-8?q?=E8=B4=A5=E7=9A=84=E9=97=AE=E9=A2=98=20*=20docs:=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-image-crop-picker(nocodegen)=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E9=94=99=E8=AF=AF=E9=93=BE=E6=8E=A5c=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E5=A4=B1=E8=B4=A5=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-crop-picker(nocodegen).md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-image-crop-picker(nocodegen).md b/zh-cn/react-native-image-crop-picker(nocodegen).md
index 38617f27..9e2bcef7 100644
--- a/zh-cn/react-native-image-crop-picker(nocodegen).md
+++ b/zh-cn/react-native-image-crop-picker(nocodegen).md
@@ -218,7 +218,7 @@ add_library(rnoh_app SHARED
 
 # RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_image-crop-picker)
++ target_link_libraries(rnoh_app PUBLIC rnoh_image_crop_picker)
 # RNOH_END: manual_package_linking_2
 ```
 

From e44b1109b9238d8875986f37a2843f259fc8813f Mon Sep 17 00:00:00 2001
From: yangzx21 <yangzx_00@qq.com>
Date: Mon, 2 Sep 2024 09:15:05 +0000
Subject: [PATCH 470/966] =?UTF-8?q?!1443=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-linear-gradient-text.md=E7=9A=84link=E6=97=A0=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E9=97=AE=E9=A2=98=20*=20docs:=20=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-linear-gradient-text.md=E7=9A=84link=E6=97=A0?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-linear-gradient-text.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-linear-gradient-text.md b/zh-cn/react-native-linear-gradient-text.md
index 84e30160..9a99a6a0 100644
--- a/zh-cn/react-native-linear-gradient-text.md
+++ b/zh-cn/react-native-linear-gradient-text.md
@@ -92,7 +92,7 @@ const styles = StyleSheet.create({
 
 本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/masked-view 和 @react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/masked-view 文档的 Link 章节 ](file://zh-cn/react-native-masked-view-masked-view.md#link) 和 [@react-native-oh-tpl/react-native-linear-gradient 文档的 Link 章节 ](file://zh-cn/react-native-linear-gradient.md#link)进行引入。
+如未引入请参照[@react-native-oh-tpl/masked-view 文档的 Link 章节 ](/zh-cn/react-native-masked-view-masked-view.md#link) 和 [@react-native-oh-tpl/react-native-linear-gradient 文档的 Link 章节 ](/zh-cn/react-native-linear-gradient.md#link)进行引入。
 
 ## 遗留问题
 

From f74427b8f831daf22600027866556df70ac2c3ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=A5=8E=E6=9C=AA?= <394138184@qq.com>
Date: Mon, 2 Sep 2024 09:17:01 +0000
Subject: [PATCH 471/966] =?UTF-8?q?!1383=20=20=E4=BF=AE=E6=94=B9redux-acti?=
 =?UTF-8?q?ons=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9redux-actions=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/redux-actions.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/redux-actions.md b/zh-cn/redux-actions.md
index bc9643f1..c4b3d926 100644
--- a/zh-cn/redux-actions.md
+++ b/zh-cn/redux-actions.md
@@ -45,8 +45,8 @@ yarn add @types/redux-actions -D
 运行demo还需安装以下依赖：
 
 ```bash
-npm install redux
-npm install react-redux
+npm install redux@^5.0.1
+npm install react-redux@^9.1.0
 ```
 
 1.定义state的类型

From ea8551d3da8bb4e0abb25cdea9c08db2e6970d55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B8=A9=E6=98=8A=E4=B8=9C?= <dvaj@qq.com>
Date: Mon, 2 Sep 2024 11:21:23 +0000
Subject: [PATCH 472/966] =?UTF-8?q?!1418=20docs:=20[Issues:=20#IAM26T]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-blurhash=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAM26T]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-blurhash=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-blurhash.md | 442 +++++++++++++++++++++++++++++++++
 1 file changed, 442 insertions(+)
 create mode 100644 zh-cn/react-native-blurhash.md

diff --git a/zh-cn/react-native-blurhash.md b/zh-cn/react-native-blurhash.md
new file mode 100644
index 00000000..0dadc9c0
--- /dev/null
+++ b/zh-cn/react-native-blurhash.md
@@ -0,0 +1,442 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-blurhash</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mrousavy/react-native-blurhash">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mrousavy/react-native-blurhash/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blurhash)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-blurhash@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-blurhash@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, { useCallback, useMemo, useState } from 'react';
+import { Blurhash } from 'react-native-blurhash';
+import {
+    ActivityIndicator,
+    Alert,
+    SafeAreaView,
+    StatusBar,
+    StyleSheet,
+    Switch,
+    Text,
+    TextInput,
+    TouchableOpacity,
+    View
+} from 'react-native';
+
+const COLORS = {
+    background: '#F5FCFF',
+    statusBar: 'rgba(100, 0, 100, 0.6)',
+    textInput: 'rgba(200, 0, 100, 0.5)',
+    button: 'rgba(200, 0, 100, 0.4)',
+    switchEnabled: 'rgba(200, 0, 100, 0.5)',
+    switchDisabled: 'rgba(200, 0, 100, 0.2)',
+    switchThumb: 'white',
+    shadow: 'black',
+};
+const SWITCH_THUMB_COLORS = {
+    false: COLORS.switchDisabled,
+    true: COLORS.switchEnabled,
+};
+
+const BlurhashDemo: React.FC = (): JSX.Element => {
+
+    //#region State & Props
+    const [blurhash, setBlurhash] = useState('LHK1gsM,rzD+4-xn,vWT~q=_ixS]');
+    const [decodeAsync, setDecodeAsync] = useState(true);
+    const [encodingImageUri, setEncodingImageUri] = useState(
+        'http://gips2.baidu.com/it/u=3150002139,2124277596&fm=3028&app=3028&f=JPEG&fmt=auto?w=2048&h=2048'
+    );
+    const [isEncoding, setIsEncoding] = useState(false);
+    const [isValiding, setIsVailding] = useState(false);
+    //#endregion
+
+    //#region Memos
+    const buttonOpacity = useMemo(
+        () => (encodingImageUri.length < 5 || isEncoding ? 0.5 : 1),
+        [encodingImageUri.length, isEncoding],
+    );
+    const encodeButtonStyle = useMemo(
+        () => [styles.encodeButton, { opacity: buttonOpacity }],
+        [buttonOpacity],
+    );
+    //#endregion
+
+    //#region Callbacks
+    const onLoadStart = useCallback(() => {
+        console.log('onLoadStart called!');
+    }, []);
+    const onLoadEnd = useCallback(() => {
+        console.log('onLoadEnd called!');
+    }, []);
+    const onLoadError = useCallback((message?: string) => {
+        console.log(`onLoadError called! Message: ${message}`);
+    }, []);
+    const startEncoding = useCallback(async () => {
+        try {
+            if (encodingImageUri.length < 5) return;
+            setIsEncoding(true);
+            const _blurhash = await Blurhash.encode(encodingImageUri, 4, 3);
+            setBlurhash(_blurhash);
+            setIsEncoding(false);
+        } catch (e: any) {
+            setIsEncoding(false);
+            console.warn('Failed to encode!', e);
+            Alert.alert('Encoding error', e.message);
+        }
+    }, [encodingImageUri]);
+    const isVaild = () => {
+        console.log(blurhash);
+        const data = Blurhash.isBlurhashValid(blurhash)
+        Alert.alert("blurhash is valid? : " + data.isValid)
+        console.log(data);
+    }
+    const CCache = useCallback(() => {
+        Blurhash.clearCosineCache()
+    }, [])
+    //#endregion
+
+    return (
+        <>
+            <StatusBar backgroundColor={COLORS.statusBar} />
+            <SafeAreaView style={styles.container}>
+                <View style={styles.blurhashContainer}>
+                    <View style={styles.blurhashRadiusMask}>
+                        <Blurhash
+                            blurhash={blurhash}
+                            decodeWidth={32}
+                            decodeHeight={32}
+                            decodePunch={1}
+                            decodeAsync={decodeAsync}
+                            onLoadStart={onLoadStart}
+                            onLoadEnd={onLoadEnd}
+                            onLoadError={onLoadError}
+                            style={styles.blurhashImage}
+                            resizeMode="cover"
+                        />
+                    </View>
+                </View>
+                <TextInput
+                    value={String(blurhash)}
+                    placeholder="Blurhash"
+                    onChangeText={setBlurhash}
+                    style={styles.textInput}
+                />
+                {/* To test if `decodeAsync` really doesn't block the UI thread, you can press this Touchable and see it reacting. */}
+                <View style={styles.row}>
+                    <Text style={styles.text}>Decode Async:</Text>
+                    <Switch
+                        thumbColor={COLORS.switchThumb}
+                        trackColor={SWITCH_THUMB_COLORS}
+                        ios_backgroundColor={COLORS.switchDisabled}
+                        value={decodeAsync}
+                        onValueChange={setDecodeAsync}
+                    />
+                </View>
+                <TextInput
+                    value={encodingImageUri}
+                    placeholder="Image URL to encode"
+                    onChangeText={setEncodingImageUri}
+                    style={styles.textInput}
+                />
+                <TouchableOpacity
+                    style={encodeButtonStyle}
+                    disabled={encodingImageUri.length < 5}
+                    onPress={startEncoding}>
+                    {isEncoding ? (
+                        <ActivityIndicator color="black" />
+                    ) : (
+                        <Text>Encode</Text>
+                    )}
+                </TouchableOpacity>
+            </SafeAreaView>
+        </>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: COLORS.background,
+    },
+    blurhashContainer: {
+        shadowRadius: 3,
+        shadowColor: COLORS.shadow,
+        shadowOffset: {
+            height: 2,
+            width: 0,
+        },
+        shadowOpacity: 0.4,
+        overflow: 'visible',
+    },
+    blurhashRadiusMask: {
+        elevation: 5,
+        // borderRadius has to be applied to the parent
+        borderRadius: 5,
+        overflow: 'hidden',
+    },
+    blurhashImage: {
+        width: 300,
+        height: 200,
+        // Custom styling for width, height, scaling etc here
+    },
+    textInput: {
+        marginTop: 20,
+        borderRadius: 5,
+        borderWidth: 1,
+        borderColor: COLORS.textInput,
+        width: '70%',
+        height: 35,
+        paddingHorizontal: 20,
+        textAlign: 'center',
+    },
+    row: {
+        marginTop: 30,
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    text: {
+        fontSize: 16,
+        marginRight: 15,
+    },
+    encodeButton: {
+        height: 37,
+        width: 120,
+        marginTop: 30,
+        backgroundColor: COLORS.button,
+        borderRadius: 10,
+        paddingVertical: 10,
+        paddingHorizontal: 35,
+        justifyContent: 'center',
+    },
+});
+
+export default BlurhashDemo
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-blurhash": "file:../../node_modules/@react-native-oh-tpl/react-native-blurhash/harmony/blurhash.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 BlurhashPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules/@rnoh/react-native-openharmony/src/main/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-blurhash/src/main/cpp" ./blurhash)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_blurhash)
+# RNOH_END: manual_package_linking_2
+
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "BlurhashPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+    	std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<BlurhashPackage>(ctx)
+    };
+}
+```
+
+### 在 ArkTs 侧引入 BlurhashPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {BlurhashPackage} from '@react-native-oh-tpl/react-native-blurhash/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new BlurhashPackage(ctx),
+  ];
+}
+
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                       | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| ------------------------------------------ | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| `blurhash`                                 | The blurhash string to use. Example: `LGFFaXYk^6#M@-5c,1J5@[or[Q6.` | string    | yes      | All      | yes               |
+| `decodeWidth?`                             | The width (resolution) to decode to. Higher values decrease performance, use `16` for large lists, otherwise you can increase it to `32`. | number    | no       | All      | yes               |
+| `decodeHeight?`                            | The height (resolution) to decode to. Higher values decrease performance, use `16` for large lists, otherwise you can increase it to `32`. | number    | no       | All      | yes               |
+| `decodePunch?`                             | Adjusts the contrast of the output image. Tweak it if you want a different look for your placeholders. | number    | no       | All      | yes               |
+| `decodeAsync?`                             | Asynchronously decode the Blurhash on a background Thread instead of the UI-Thread. | boolean   | no       | All      | yes               |
+| `resizeMode?`                              | Sets the resize mode of the image. (no, `'repeat'` is not supported.) | enum      | no       | All      | yes               |
+| `onLoadStart?: () => void`                 | A callback to call when the Blurhash started to decode the given `blurhash` string. | function  | no       | All      | yes               |
+| `onLoadEnd?: () => void`                   | A callback to call when the Blurhash successfully decoded the given `blurhash` string and rendered the image to the `<Blurhash>` view. | function  | no       | All      | yes               |
+| `onLoadError?: (message?: string) => void` | A callback to call when the Blurhash failed to load. Use the `message` parameter to get the error message. | function  | no       | All      | yes               |
+| All `View` props                           | All properties from the React Native `View`. Use `style.width` and `style.height` for display-sizes. Also, `style.borderRadius` is natively supported on iOS. | ViewProps | no       | All      | yes               |
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| encode()           | Encodes the given image URI to a blurhash string             | (imageUri: string, componentsX: number, componentsY: number)=> Promise\<string>; | no       | All      | yes               |
+| clearCosineCache() | Clears the cosine cache and frees up memory.                 | ()=> void                                                    | no       | All      | yes               |
+| getAverageColor)   | Gets the average color in a given blurhash string.           | (blurhash: string)=> RGB \|undefined;                        | no       | All      | yes               |
+| isBlurhashValid()  | Verifies if the given blurhash is valid by checking it's type, length and size flag. | (blurhash: string)=> ReturnType\<typeof isBlurhashValid>;    | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mrousavy/react-native-blurhash/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 89add7f7b47439a572f34a9f814f824155bdd7a7 Mon Sep 17 00:00:00 2001
From: yh989899 <15535906080@163.com>
Date: Tue, 3 Sep 2024 01:29:28 +0000
Subject: [PATCH 473/966] =?UTF-8?q?!1455=20docs:=20=E4=BF=AE=E6=94=B9=20re?=
 =?UTF-8?q?act-native-clipboard-clipboard=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IALRX7]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-clipboard-clipboard=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-clipboard-clipboard.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index ab528aab..3345cc8b 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -92,7 +92,7 @@ const fetchCopiedText = async () => {
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-clipboard": "file:../../node_modules/@react-native-oh-tpl/clipboard/harmony/clipboard.har"
+    "@react-native-oh-tpl/clipboard": "file:../../node_modules/@react-native-oh-tpl/clipboard/harmony/clipboard.har"
   }
 ```
 
@@ -117,14 +117,14 @@ ohpm install
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: add_package_subdirectories
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-clipboard/src/main/cpp" ./clipboard)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/clipboard/src/main/cpp" ./clipboard)
 # RNOH_END: add_package_subdirectories
 
 add_library(rnoh_app SHARED
@@ -164,7 +164,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```diff
 import type {RNPackageContext, RNPackage} from 'rnoh/ts';
 import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import {ClipboardPackage} from 'rnoh-clipboard/ts';
++ import {ClipboardPackage} from '@react-native-oh-tpl/clipboard/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [

From c53473b09b4e512bc06ef76712b6407196447094 Mon Sep 17 00:00:00 2001
From: s4210110 <s4210110@163.com>
Date: Tue, 3 Sep 2024 02:42:19 +0000
Subject: [PATCH 474/966] =?UTF-8?q?!1459=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-sensitive-info=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20=20[Issues:=20#IAOBVY]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-sensitive-info=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sensitive-info.md | 33 +++++++++++++++++++---------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/zh-cn/react-native-sensitive-info.md b/zh-cn/react-native-sensitive-info.md
index 8f3b165a..3032c083 100644
--- a/zh-cn/react-native-sensitive-info.md
+++ b/zh-cn/react-native-sensitive-info.md
@@ -50,7 +50,28 @@ import React, { useCallback, useState } from 'react';
 import { Alert, Button, SafeAreaView, Text } from 'react-native';
 import SInfo from 'react-native-sensitive-info';
 
-const Home: React.FC = () => {
+const SensitiveInfoDemo = () => {
+  const handleAddUsingSetItemOnPress = useCallback(() => {
+    SInfo.setItem('key1', 'value1', {
+      sharedPreferencesName: 'exampleApp',
+      keychainService: 'exampleApp',
+    }).catch((err) => {
+      Alert.alert('Error', err);
+    });
+  }, []);
+
+  const handleReadingDataWithoutFingerprint = useCallback(async () => {
+    try {
+      const data = await SInfo.getItem('key1', {
+        sharedPreferencesName: 'exampleApp',
+        keychainService: 'exampleApp',
+      });
+      Alert.alert('Data stored:', data);
+    } catch (err) {
+      Alert.alert('Error', String(err));
+    }
+  }, []);
+
 
   const [logText, setLogText] = useState('');
   async function runTest() {
@@ -95,19 +116,11 @@ const Home: React.FC = () => {
         title="Read data without fingerprint"
         onPress={handleReadingDataWithoutFingerprint}
       />
-      <Button
-        title="Add item using TouchID"
-        onPress={handleSetItemUsingTouchIDOnPress}
-      />
-
-      <Button title="Get TouchID Data" onPress={getTouchIDItem} />
-      <Button title="Has TouchID Data" onPress={hasTouchIDItem} />
-
       <Text>{logText}</Text>
     </SafeAreaView>
   );
 };
-export default Home;
+export default SensitiveInfoDemo;
 
 ```
 

From d38f1c88dab4748827945169ac6b33862495cd46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Tue, 3 Sep 2024 03:08:05 +0000
Subject: [PATCH 475/966] =?UTF-8?q?!1456=20docs:=20[#IAO6ZR]=20=E6=80=BB?=
 =?UTF-8?q?=E8=A7=88=E8=A1=A8=E6=B7=BB=E5=8A=A0=20react-native-calendars?=
 =?UTF-8?q?=20=E5=92=8C=20react-native-doc-viewer=20*=20docs:=20[#IAO6ZR]?=
 =?UTF-8?q?=20=E6=80=BB=E8=A7=88=E8=A1=A8=E4=BF=AE=E6=94=B9=20react-native?=
 =?UTF-8?q?-calendars=20=E7=9A=84=E7=89=88=E6=9C=AC=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 2 ++
 zh-cn/README.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/README.md b/README.md
index 45f89294..2d684bb6 100644
--- a/README.md
+++ b/README.md
@@ -411,6 +411,8 @@
 | 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
 | 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
+| 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                       |
+| 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
 
 ## 社区
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 45f89294..4bc291b2 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -411,6 +411,8 @@
 | 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
 | 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
+| 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                        |
+| 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                       |
 
 ## 社区
 

From 113290e0242c860eb21df39cb9019070963d44f1 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Tue, 3 Sep 2024 03:44:29 +0000
Subject: [PATCH 476/966] =?UTF-8?q?!1460=20docs:=20[Issues:=20#IAODQG]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-hyperlink=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAODQG]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-hyperlink=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-hyperlink.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/zh-cn/react-native-hyperlink.md b/zh-cn/react-native-hyperlink.md
index ad0f20c1..007b0f4b 100644
--- a/zh-cn/react-native-hyperlink.md
+++ b/zh-cn/react-native-hyperlink.md
@@ -33,6 +33,17 @@ npm install react-native-hyperlink@0.0.22
 yarn add react-native-hyperlink@0.0.22
 ```
 
+使用时,还需在项目下的module.json5处配置querySchemes
+
+```diff
+{
+  "module": {
+    ...
++   "querySchemes": ["maps","http","https","customDomain"],
+  }
+}
+```
+
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：

From 566fcdf067fd8cf3ad956991626d850b94c6be83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=96=E7=95=8C=E5=B0=8F=E5=B8=85=E5=93=A5?=
 <12765706+world-little-handsome-guy@user.noreply.gitee.com>
Date: Tue, 3 Sep 2024 07:39:02 +0000
Subject: [PATCH 477/966] =?UTF-8?q?!1412=20docs:=20[Issues:=20#IALY1V]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-file-access=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IALY1V]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-file-access=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-file-access.md | 450 ++++++++++++++++++++++++++++++
 1 file changed, 450 insertions(+)
 create mode 100644 zh-cn/react-native-file-access.md

diff --git a/zh-cn/react-native-file-access.md b/zh-cn/react-native-file-access.md
new file mode 100644
index 00000000..8b80f01d
--- /dev/null
+++ b/zh-cn/react-native-file-access.md
@@ -0,0 +1,450 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-file-access</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/alpha0010/react-native-file-access">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/alpha0010/react-native-file-access/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-access)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-file-access@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-file-access@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 以下 demo 中使用的是本地文件。
+
+```js
+import React, { useEffect, useState } from 'react';
+import { Button, SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { Dirs, FileSystem } from 'react-native-file-access';
+
+export function FileAccessDemo() {
+  const [info, setInfo] = useState<{ key: string; value: string }[]>([]);
+  const [result, setResult] = useState<string | null>('') || null;
+  const [fileContent, setFileContent] = useState('');
+  const [mkdirParam, setMkdirParam] = useState('');
+  const [statInfo, setStatInfo] = useState<any>([]);
+  const [isExists, setExists] = useState<boolean | string>('');
+  const [lsList, setLsList] = useState<any>([]);
+  const [totalSize, setTotalSize] = useState<number>();
+  const [freeSize, setFreeSize] = useState<number>();
+  const [hashValue, setHashValue] = useState<string>();
+  const [statDirInfo, setStatDirInfo] = useState<object[]>([]);
+  const [readFileChunkInfo, setReadFileChunkInfo] = useState<string>();
+  const [concatBeyts, setConcatBeyts] = useState<number>();
+  const [dirOrNot, setDirOrNot] = useState<any>('');
+
+  // 将内容写入文件
+  const wirteFile = () => {
+    FileSystem.writeFile(Dirs.DocumentDir + '/0801' + '/text1.txt', "DDDD", "utf8")
+  };
+
+  // 读取文件的内容
+  const readFile = () => {
+    FileSystem.readFile(Dirs.DocumentDir + "/0801.txt").then((res) => {
+      setFileContent(res);
+    })
+  };
+
+  // 删除文件
+  const unlink = () => {
+    FileSystem.unlink(Dirs.DocumentDir + '/0812.txt');
+  };
+
+  // 创建一个新目录，返回创建目录的路径
+  const mkdir = () => {
+    FileSystem.mkdir(Dirs.DocumentDir + "/wxwx").then((res) => {
+      setMkdirParam(res);
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  // 移动文件
+  const mv = () => {
+    FileSystem.mv(Dirs.DocumentDir + "/text.txt", Dirs.DocumentDir + "/text1.txt");
+  };
+
+  // 解压一个 zip 档案
+  const unzip = () => {
+    FileSystem.unzip(Dirs.DocumentDir + "/wxwx.zip", Dirs.DocumentDir);
+  };
+
+  // 读取文件元数据
+  const stat = () => {
+    FileSystem.stat(Dirs.DocumentDir + "/text1.txt").then((res) => {
+      setStatInfo(JSON.stringify(res));
+    }).catch(err => {
+      console.log(err);
+    })
+  };
+
+  // 检查路径是否存在
+  const exists = () => {
+    FileSystem.exists(Dirs.DocumentDir + "/text1.txt").then((res) => {
+      setExists(res);
+    }).catch((error) => {
+      console.log(error, 'error');
+    });
+  };
+
+  // 复制文件
+  const cp = async () => {
+    await FileSystem.cp(Dirs.DocumentDir + "/text1.txt", Dirs.DocumentDir + "/text4.txt")
+  };
+
+  // 对文件内容进行哈希处理
+  const hash = () => {
+    FileSystem.hash(Dirs.DocumentDir + "/text1.txt", 'SHA-256').then((res) => {
+      setHashValue(res);
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  // 检查路径是否是目录
+  const isDir = async () => {
+    let res = await FileSystem.isDir(Dirs.DocumentDir + '/text1.txt');
+    setDirOrNot(res);
+  };
+
+  // 列出目录中的文件
+  const ls = async () => {
+    await FileSystem.ls(Dirs.DocumentDir).then((res) => {
+      setLsList(res.join('、'));
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  // 检查设备可用空间
+  const df = async () => {
+    await FileSystem.df().then(res => {
+      setFreeSize(res?.internal_free);
+      setTotalSize(res?.internal_total);
+    })
+  };
+
+  // 读取目录中所有文件的元数据
+  const statDir = () => {
+    FileSystem.statDir(Dirs.DocumentDir).then(res => {
+      setStatDirInfo(res);
+    }).catch(err => {
+      console.log(err);
+    });
+  };
+
+  // 读取文件的一大块内容，从位于的字节开始offset，读取length字节
+  const readFileChunk = () => {
+    FileSystem.readFileChunk(Dirs.DocumentDir + "/text2.txt", 1, 1, 'utf8').then((res) => {
+      setReadFileChunkInfo(res);
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  // 将内容附加到文件
+  const appendFile = async () => {
+    await FileSystem.appendFile(Dirs.DocumentDir + "/text3.txt", "AAAAAA", 'utf8');
+  }
+
+  // 将一个文件附加到另一个文件。返回写入的字节数
+  const concatFiles = async () => {
+    await FileSystem.concatFiles(Dirs.DocumentDir + "/text3.txt", Dirs.DocumentDir + "/text4.txt").then((res) => {
+      setConcatBeyts(res)
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  return (
+    <ScrollView>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.wirteFile()</Text>
+        <Button title="运行" color="#841584" onPress={wirteFile}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.readFile()</Text>
+          <Button title="运行" color="#841584" onPress={readFile}></Button>
+        </View>
+        <Text>读取的文件内容：{fileContent}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.unlink()</Text>
+        <Button title="运行" color="#841584" onPress={unlink}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.mkdir()</Text>
+          <Button title="运行" color="#841584" onPress={mkdir}></Button>
+        </View>
+        <Text>新目录路径：{mkdirParam}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.mv()</Text>
+        <Button title="运行" color="#841584" onPress={mv}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.stat()</Text>
+          <Button title="运行" color="#841584" onPress={stat}></Button>
+        </View>
+        <Text>文件信息：{statInfo}</Text>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.exists()</Text>
+          <Button title="运行" color="#841584" onPress={exists}></Button>
+        </View>
+        <Text>文件是否存在：{isExists === '' ? '' : isExists ? '存在' : '不存在'}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.cp()</Text>
+        <Button title="运行" color="#841584" onPress={cp}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.isDir()</Text>
+          <Button title="运行" color="#841584" onPress={isDir}></Button>
+        </View>
+        <Text>是否是目录：{dirOrNot === '' ? '' : dirOrNot ? '是' : '不是'}</Text>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.ls()</Text>
+          <Button title="运行" color="#841584" onPress={ls}></Button>
+        </View>
+        <Text>目录中的文件：{lsList}</Text>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.df()</Text>
+          <Button title="运行" color="#841584" onPress={df}></Button>
+        </View>
+        <Text>可用空间：{freeSize ? (freeSize / (1024 * 1024 * 1024)).toFixed(2) : ''}GB</Text>
+        <Text>总空间：{totalSize ? (totalSize / (1024 * 1024 * 1024)).toFixed(2) : ''}GB</Text>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.hash()</Text>
+          <Button title="运行" color="#841584" onPress={hash}></Button>
+        </View>
+        <Text>哈希值：{hashValue}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.unzip()</Text>
+        <Button title="运行" color="#841584" onPress={unzip}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.statDir()</Text>
+          <Button title="运行" color="#841584" onPress={statDir}></Button>
+        </View>
+        <Text>以下为目录下的文件信息：</Text>
+        {statDirInfo.map((item, index) => (<Text key={index}>{JSON.stringify(item)}</Text>))}
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.readFileChunk()</Text>
+          <Button title="运行" color="#841584" onPress={readFileChunk}></Button>
+        </View>
+        <Text>读取的部分文件内容：{readFileChunkInfo}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.appendFile()</Text>
+        <Button title="运行" color="#841584" onPress={appendFile}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.concatFiles()</Text>
+          <Button title="运行" color="#841584" onPress={concatFiles}></Button>
+        </View>
+        <Text>写入的字节数：{concatBeyts}</Text>
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1 },
+  key: { flex: 1.5, padding: 2 },
+  row: { flexDirection: 'row', paddingVertical: 2 },
+  value: { flex: 4, padding: 2 },
+  baseArea: {
+    width: "100%",
+    height: 60,
+    borderRadius: 4,
+    borderColor: "#000000",
+    marginTop: 6,
+    backgroundColor: "#FFFFFF",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8,
+    paddingRight: 8,
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+     "@react-native-oh-tpl/react-native-file-access": "file:../../node_modules/@react-native-oh-tpl/react-native-file-access/harmony/file_access.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNFileAccessPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNFileAccessPackage } from '@react-native-oh-tpl/react-native-file-access/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNFileAccessPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### File System Access API
+
+| Name           | Description                                                                                    | Type     | Platform | Required    | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| appendFile     | Append content to a file.                                                                      | Function | No       | iOS/Android | Yes               |
+| concatFiles    | Append a file to another file. Returns number of bytes written.                                | Function | No       | iOS/Android | Yes               |
+| cp             | Copy a file.                                                                                   | Function | No       | iOS/Android | Yes               |
+| cpAsset        | Copy a bundled asset file.                                                                     | Function | No       | iOS/Android | Yes               |
+| cpExternal     | Copy a file to an externally controlled location.                                              | Function | No       | iOS/Android | Yes               |
+| df             | Check device available space.                                                                  | Function | No       | iOS/Android | Yes               |
+| exists         | Check if a path exists.                                                                        | Function | No       | iOS/Android | Yes               |
+| fetch          | Save a network request to a file.                                                              | Function | No       | iOS/Android | Yes               |
+| getAppGroupDir | Get the directory for your app group (iOS & MacOS only).                                       | Function | No       | iOS         | No                |
+| hash           | Hash the file content.                                                                         | Function | No       | iOS/Android | Yes               |
+| isDir          | Check if a path is a directory.                                                                | Function | No       | iOS/Android | Yes               |
+| ls             | List files in a directory.                                                                     | Function | No       | iOS/Android | Yes               |
+| mkdir          | Make a new directory.                                                                          | Function | No       | iOS/Android | Yes               |
+| mv             | Move a file.                                                                                   | Function | No       | iOS/Android | Yes               |
+| readFile       | Read the content of a file.                                                                    | Function | No       | iOS/Android | Yes               |
+| readFileChunk  | Read a chunk of the content of a file, starting from byte at offset, reading for length bytes. | Function | No       | iOS/Android | Yes               |
+| stat           | Read file metadata.                                                                            | Function | No       | iOS/Android | Yes               |
+| statDir        | Read metadata of all files in a directory.                                                     | Function | No       | iOS/Android | Yes               |
+| unlink         | Delete a file.                                                                                 | Function | No       | iOS/Android | Yes               |
+| unzip          | Extract a zip archive.                                                                         | Function | No       | iOS/Android | Yes               |
+| writeFile      | Write content to a file.                                                                       | Function | No       | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/alpha0010/react-native-file-access/blob/master/LICENSE) ，请自由地享受和参与开源。

From f451f8ad9b3681fd754aa060828a3323b042507b Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Tue, 3 Sep 2024 07:42:22 +0000
Subject: [PATCH 478/966] =?UTF-8?q?!1461=20docs:=20[issues:=20#IAOELB]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community/progress-bar-android?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[issues:=20#?=
 =?UTF-8?q?IAOELB]=E4=BF=AE=E6=94=B9react-native-community/progress-bar-an?=
 =?UTF-8?q?droid=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...t-native-community-progress-bar-android.md | 56 +++++++++++--------
 1 file changed, 33 insertions(+), 23 deletions(-)

diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index 73888994..de189108 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -13,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/progress-bar-android)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-bar-android)
 
 ## 安装与使用
 
@@ -64,12 +63,13 @@ export default function ProgressBarExample() {
 
 ### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
-```json
+```diff
 {
   ...
-  "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
-  }
++ "overrides": {
++  "@rnoh/react-native-openharmony" : "./react_native_openharmony"
++  "@ohos/materialprogressbar": "2.0.3-rc.0"    
++  }
 }
 ```
 
@@ -80,7 +80,7 @@ export default function ProgressBarExample() {
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -112,36 +112,47 @@ ohpm install
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
 ```diff
+
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/progress-bar-android/src/main/cpp" ./progress-bar-android)
-# RNOH_END: add_package_subdirectories
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_progress_bar_android)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "ProgressBarAndroidPackage.h"
 
@@ -149,15 +160,16 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<ProgressBarAndroidPackage>(ctx)
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<ProgressBarAndroidPackage>(ctx)
     };
 }
 ```
 
 ### 在 ArkTs 侧引入 ProgressBarAndroid 组件
 
-找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
   ...
@@ -204,7 +216,9 @@ ohpm install
 
 然后编译、运行即可。
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -212,11 +226,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-Inherits [View Props](https://reactnative.dev/docs/view#props).
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name            | Description                                                                                                                                         | Type                                                                                                                       | Required | Platform | HarmonyOS Support |
 | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -234,6 +246,4 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-bar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-bar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 7bd889bc9662f738adc30a56e7706964868ae65c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=83=A1=E9=87=91=E4=BA=91?= <hujinyun4@h-partners.com>
Date: Tue, 3 Sep 2024 07:45:12 +0000
Subject: [PATCH 479/966] =?UTF-8?q?!1399=20docs:=20[Issues:=20#IALION]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-track-player=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IALION]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-track-player=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-track-player.md | 438 +++++++++++++++++++++++++++++
 1 file changed, 438 insertions(+)
 create mode 100644 zh-cn/react-native-track-player.md

diff --git a/zh-cn/react-native-track-player.md b/zh-cn/react-native-track-player.md
new file mode 100644
index 00000000..5d0a2268
--- /dev/null
+++ b/zh-cn/react-native-track-player.md
@@ -0,0 +1,438 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-track-player</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/doublesymmetry/react-native-track-player">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/doublesymmetry/react-native-track-player/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-track-player)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-track-player@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-track-player@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect } from "react";
+import { ScrollView, Text, Button, View, StyleSheet } from 'react-native';
+import TrackPlayer from 'react-native-track-player';
+
+const TrackPlayerDemo = () => {
+    useEffect(() => {
+        // Set up the player
+        TrackPlayer.setupPlayer();
+    }, []);
+
+    const addExample = () => {
+        TrackPlayer.add([
+            {
+                url: "https://ting8.yymp3.com/new27/chengxiang10/1.mp3",
+                title: "世界这么大还是遇见你",
+                artist: "程响",
+                artwork: "https://rntp.dev/example/Longing.jpeg",
+                duration: 237
+            },
+            {
+                url: "https://ting8.yymp3.com/new18/fhzq4/8.mp3",
+                title: "最炫民族风",
+                artist: "凤凰传奇",
+                artwork: "https://rntp.dev/example/Rhythm%20City%20(Demo).jpeg",
+                duration: 283
+            }, {
+                url: "https://ting8.yymp3.com/new27/jinzhiwen3/1.mp3",
+                title: "远走高飞",
+                artist: "金志文",
+                artwork: "https://rntp.dev/example/Rhythm%20City%20(Demo).jpeg",
+                duration: 235
+            }]);
+    }
+
+    // 开始播放歌曲
+    const startExample = () => {
+        // Start playing it
+        TrackPlayer.play();
+    }
+    // 暂停播放歌曲
+    const pauseExample = () => {
+        TrackPlayer.pause();
+    }
+    return (
+        <ScrollView>
+            <View>
+                <Text style={styles.text}>TrackPlayerDemo </Text>
+                <View>
+                    <Text style={styles.text}>添加Track</Text>
+                    <Button
+                        title="add"
+                        color="#9a73ef"
+                        onPress={addExample}
+                    />
+                </View>
+
+                <View>
+                    <Text style={styles.text}>播放Track</Text>
+                    <Button
+                        title="play"
+                        color="#9a73ef"
+                        onPress={startExample}
+                    />
+                </View>
+
+                <View>
+                    <Text style={styles.text}>暂停Track</Text>
+                    <Button
+                        title="pause"
+                        color="#9a73ef"
+                        onPress={pauseExample}
+                    />
+                </View>
+            </View>
+        </ScrollView>
+    )
+};
+
+const styles = StyleSheet.create({
+    text: {
+        fontSize: 18,
+        marginBottom: 10,
+        color: 'red',
+    },
+});
+export default TrackPlayerDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-track-player": "file:../../node_modules/@react-native-oh-tpl/react-native-track-player/harmony/track_player.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNTrackPlayerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNTrackPlayerPackage } from "@react-native-oh-tpl/react-native-track-player/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNTrackPlayerPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"abilities": [
++  {
++    "backgroundModes": [
++      "audioPlayback"
++    ]
++  }
+]
+
+"requestPermissions": [
++  {
++    "name": "ohos.permission.KEEP_BACKGROUND_RUNNING",
++    "reason": "$string:app_name",
++    "usedScene": {
++      "abilities": [
++        "FormAbility"
++      ],
++      "when": "always"
++    }
++  },
+]
+```
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                     | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| setupPlayer              | Initializes the player with the specified options.           | promise | yes      | Android/iOS | partially         |
+| isServiceRunning         | This method should not be used, most methods reject when service is not bound. | promise | no       | Android/iOS | yes               |
+| add                      | Adds a track to the queue.                                   | promise | no       | Android/iOS | yes               |
+| load                     | Replaces the current track or loads the track as the first in the queue. | promise | no       | Android/iOS | yes               |
+| move                     | Move a track within the queue.                               | promise | no       | Android/iOS | yes               |
+| remove                   | Removes multiple tracks from the queue by their indexes.     | promise | no       | Android/iOS | yes               |
+| removeUpcomingTracks     | Clears any upcoming tracks from the queue.                   | promise | no       | Android/iOS | yes               |
+| skip                     | Skips to a track in the queue.                               | promise | no       | Android/iOS | yes               |
+| skipToNext               | Skips to the next track in the queue.                        | promise | no       | Android/iOS | yes               |
+| skipToPrevious           | Skips to the previous track in the queue.                    | promise | no       | Android/iOS | yes               |
+| updateOptions            | Updates the configuration for the components.                | promise | no       | Android/iOS | no                |
+| updateMetadataForTrack   | Updates the metadata of a track in the queue. If the current track is updated, the notification and the Now Playing Center will be updated accordingly. | promise | no       | Android/iOS | partially         |
+| clearNowPlayingMetadata  | clear the metadata of a track in the  Now Playing.           | promise | no       | Android/iOS | partially         |
+| updateNowPlayingMetadata | Updates the metadata content of  the Now Playing Center  without affecting the data stored for the current track. | promise | no       | Android/iOS | partially         |
+| reset                    | Resets the player stopping the current track and clearing the queue. | promise | no       | Android/iOS | yes               |
+| play                     | Plays or resumes the current track.                          | promise | no       | Android/iOS | yes               |
+| pause                    | Pauses the current track.                                    | promise | no       | Android/iOS | yes               |
+| stop                     | Stops the current track.                                     | promise | no       | Android/iOS | yes               |
+| setPlayWhenReady         | Sets wether the player will play automatically when it is ready to do so. | promise | no       | Android/iOS | yes               |
+| getPlayWhenReady         | Gets wether the player will play automatically when it is ready to do so. | promise | no       | Android/iOS | yes               |
+| seekTo                   | Seeks to a specified time position in the current track.     | promise | no       | Android/iOS | yes               |
+| seekBy                   | Seeks by a relative time offset in the current track.        | promise | no       | Android/iOS | yes               |
+| setVolume                | Sets the volume of the player.                               | promise | no       | Android/iOS | yes               |
+| setRate                  | Sets the playback rate.                                      | promise | no       | Android/iOS | partially         |
+| setQueue                 | Sets the queue.                                              | promise | no       | Android/iOS | yes               |
+| setRepeatMode            | Sets the queue repeat mode.                                  | promise | no       | Android/iOS | yes               |
+| getVolume                | Gets the volume of the player as a number between 0 and 1.   | promise | no       | Android/iOS | yes               |
+| getRate                  | Gets the playback rate where 0.5 would be half speed, 1 would be regular speed and 2 would be double speed etc. | promise | no       | Android/iOS | yes               |
+| getTrack                 | Gets a track object from the queue.                          | promise | no       | Android/iOS | yes               |
+| getQueue                 | Gets the whole queue.                                        | promise | no       | Android/iOS | yes               |
+| getActiveTrackIndex      | Gets the index of the active track in the queue or undefined if there is no current track. | promise | no       | Android/iOS | yes               |
+| getActiveTrack           | Gets the active track or undefined if there is no current track. | promise | no       | Android/iOS | yes               |
+| getDuration              | Gets the duration of the current track in seconds.           | promise | no       | Android/iOS | yes               |
+| getBufferedPosition      | Gets the buffered position of the current track in seconds.  | promise | no       | Android/iOS | yes               |
+| getPosition              | Gets the playback position of the current track in seconds.  | promise | no       | Android/iOS | yes               |
+| getProgress              | Gets information on the progress of the currently active track, including its current playback position in seconds, buffered position in seconds and duration in seconds. | promise | no       | Android/iOS | yes               |
+| getPlaybackState         | Gets the playback state of the player.                       | promise | no       | Android/iOS | partially         |
+| getRepeatMode            | Gets the queue repeat mode.                                  | promise | no       | Android/iOS | yes               |
+| retry                    | Retries the current item when the playback state is `State.Error`. | promise | no       | Android/iOS | yes               |
+
+**setupPlayer方法参数**
+
+| Name    | Description                                | Type          | Required | Platform    | HarmonyOS Support |
+| ------- | ------------------------------------------ | ------------- | -------- | ----------- | ----------------- |
+| options | The options to initialize the player with. | PlayerOptions | no       | iOS/Android | no                |
+
+**add方法参数**
+
+| Name              | Description                           | Type               | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
+| track             | The track to add to the queue.        | AddTrack\|ATrack[] | yes      | iOS/Android | yes               |
+| insertBeforeIndex | The index to insert the track before. | number             | no       | iOS/Android | yes               |
+
+**load方法参数**
+
+| Name  | Description        | Type  | Required | Platform    | HarmonyOS Support |
+| ----- | ------------------ | ----- | -------- | ----------- | ----------------- |
+| track | The track to load. | Track | Yes      | iOS/Android | Yes               |
+
+**move方法参数**
+
+| Name      | Description                         | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ----------------------------------- | ------ | -------- | ----------- | ----------------- |
+| fromIndex | The index of the track to be moved. | number | Yes      | iOS/Android | Yes               |
+| toIndex   | The index to move the track to.     | number | Yes      | iOS/Android | Yes               |
+
+**remove方法参数**
+
+| Name           | Description                           | Type             | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| indexOrIndexes | The index of the track to be removed. | number\|number[] | Yes      | iOS/Android | Yes               |
+
+**skip方法参数**
+
+| Name            | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| index           | The index of the track to skip to.          | number | Yes      | iOS/Android | Yes               |
+| initialPosition | The initial position to seek to in seconds. | number | no       | iOS/Android | Yes               |
+
+**skipToNext方法参数**
+
+| Name            | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| initialPosition | The initial position to seek to in seconds. | number | no       | iOS/Android | Yes               |
+
+**skipToPrevious方法参数**
+
+| Name            | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| initialPosition | The initial position to seek to in seconds. | number | no       | iOS/Android | Yes               |
+
+**updateOptions方法参数**
+
+| Name                      | Description                 | Type          | Required | Platform    | HarmonyOS Support |
+| ------------------------- | --------------------------- | ------------- | -------- | ----------- | ----------------- |
+| alwaysPauseOnInterruption | always Pause OnInterruption | boolean       | no       | Android     | no                |
+| options                   | The options to update.      | UpdateOptions | no       | iOS/Android | no                |
+
+**updateMetadataForTrack方法参数**
+
+| Name       | Description                                            | Type              | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
+| trackIndex | The index of the track whose metadata will be updated. | number            | Yes      | iOS/Android | Yes               |
+| metadata   | The metadata to update.                                | TrackMetadataBase | Yes      | iOS/Android | partially         |
+
+**updateNowPlayingMetadata方法参数**
+
+| Name     | Description             | Type               | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------- | ------------------ | -------- | ----------- | ----------------- |
+| metadata | The metadata to update. | NowPlayingMetadata | Yes      | iOS/Android | partially         |
+
+**setPlayWhenReady方法参数**
+
+| Name          | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| playWhenReady | This is the equivalent of calling `TrackPlayer.play()` when `playWhenReady = true` or `TrackPlayer.pause()` when `playWhenReady = false`. | boolean | Yes      | iOS/Android | Yes               |
+
+**seekTo方法参数**
+
+| Name     | Description                         | Type   | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------------- | ------ | -------- | ----------- | ----------------- |
+| position | The position to seek to in seconds. | number | Yes      | iOS/Android | Yes               |
+
+**seekBy方法参数**
+
+| Name   | Description                            | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | -------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| offset | The time offset to seek by in seconds. | number | Yes      | iOS/Android | Yes               |
+
+**setVolume方法参数**
+
+| Name  | Description                             | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | --------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| level | The volume as a number between 0 and 1. | number | Yes      | iOS/Android | Yes               |
+
+**setRate方法参数**
+
+| Name | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| rate | The playback rate to change to, where 0.5 would be half speed, 1 would be regular speed, 2 would be double speed etc. | number | Yes      | iOS/Android | partially         |
+
+**setQueue方法参数**
+
+| Name   | Description                     | Type    | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------- | ------- | -------- | ----------- | ----------------- |
+| tracks | The tracks to set as the queue. | Track[] | Yes      | iOS/Android | Yes               |
+
+**setRepeatMode方法参数**
+
+| Name | Description             | Type       | Required | Platform    | HarmonyOS Support |
+| ---- | ----------------------- | ---------- | -------- | ----------- | ----------------- |
+| mode | The repeat mode to set. | RepeatMode | Yes      | iOS/Android | Yes               |
+
+**getTrack方法参数**
+
+| Name  | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| index | The index of the track. | number | Yes      | iOS/Android | Yes               |
+
+## 遗留问题
+
+- [ ] 目前harmonyOS设置metadata仅支持现有API中参数，对于genre、rating、isLiveStream、elapsedTime四个参数均未适配harmonyOS Next。[issue#3](https://github.com/react-native-oh-library/react-native-track-player/issues/3)
+- [ ] 目前仅支持setupPlayer接口的调用，不支持该接口携带的参数对播放器进行相关的设置，该接口参数均未适配harmonyOS Next。[issue#4](https://github.com/react-native-oh-library/react-native-track-player/issues/4)
+- [ ] 目前harmonyOS中不支持获取buffering状态。[issue#5](https://github.com/react-native-oh-library/react-native-track-player/issues/5)
+- [ ] 目前harmonyOS中支持九种固定的播放速率，其他播放速率均未问题适配harmonyOS Next。[issue#6](https://github.com/react-native-oh-library/react-native-track-player/issues/6)
+- [ ] 目前harmonyOS不支持对播控中心的更新设置，updateOptions接口未适配harmonyOS Next。[issue#7](https://github.com/react-native-oh-library/react-native-track-player/issues/7)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The Apache License(Apache)](https://github.com/doublesymmetry/react-native-track-player/blob/main/LICENSE) ，请自由地享受和参与开源。
+

From b9a3010f83f4e48b9666c24b7e11c7e227c6713c Mon Sep 17 00:00:00 2001
From: "pan.lichen" <pan.lichen@qq.com>
Date: Tue, 3 Sep 2024 07:48:13 +0000
Subject: [PATCH 480/966] =?UTF-8?q?!1422=20docs:=20[#IAMOVI]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-view-pdf=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAMOVI]=20=E6=96=B0=E5=A2=9Ereact-nat?=
 =?UTF-8?q?ive-view-pdf=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-view-pdf.md | 226 +++++++++++++++++++++++++++++++++
 1 file changed, 226 insertions(+)
 create mode 100644 zh-cn/react-native-view-pdf.md

diff --git a/zh-cn/react-native-view-pdf.md b/zh-cn/react-native-view-pdf.md
new file mode 100644
index 00000000..d49f672e
--- /dev/null
+++ b/zh-cn/react-native-view-pdf.md
@@ -0,0 +1,226 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-view-pdf</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/rumax/react-native-PDFView">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/rumax/react-native-PDFView/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-PDFView)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-view-pdf@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-view-pdf@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View } from "react-native";
+import PDFView from "react-native-view-pdf";
+
+export function PdfViewExample() {
+  <View style={{ flex: 1 }}>
+    <PDFView
+      style={{ flex: 1 }}
+      resource="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
+      resourceType="url"
+      onLoad={() => {}}
+      onError={(error: any) => {}}
+    ></PDFView>
+  </View>;
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-view-pdf": "file:../../node_modules/@react-native-oh-tpl/react-native-view-pdf/harmony/pdf_view.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNPDFView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNPDFView } from '@react-native-oh-tpl/react-native-view-pdf'
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === RNPDFView.NAME) {
++   RNPDFView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RNPDFView.NAME
+  ];
+```
+
+### 在 ArkTs 侧引入 PDFViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { PDFViewPackage } from '@react-native-oh-tpl/react-native-view-pdf/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new PDFViewPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                                                                                                                        | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| resource          | A resource to render. It's possible to render PDF from file, url (should be encoded) or base64                                                                                                                                                     | string   | yes      | all      | yes               |
+| resourceType      | Should correspond to resource and can be: file, url or base64                                                                                                                                                                                      | string   | no       | all      | yes               |
+| fileFrom          | iOS: In case if resourceType is set to file, there are different way to search for it on iOS file system. Currently documentsDirectory, libraryDirectory, cachesDirectory, tempDirectory and bundle are supported. <br>harmony: files, cache, temp | string   | no       | iOS      | yes               |
+| onLoad            | Callback that is triggered when loading is completed                                                                                                                                                                                               | function | no       | all      | yes               |
+| onError           | Callback that is triggered when loading has failed. And error is provided as a function parameter                                                                                                                                                  | style    | no       | all      | yes               |
+| style             | css style                                                                                                                                                                                                                                          | string   | no       | all      | yes               |
+| fadeInDuration    | Fade in duration (in ms, defaults to 0.0) to smoothly fade the webview into view when pdf loading is completed                                                                                                                                     | number   | no       | all      | yes               |
+| enableAnnotations | Android ONLY: Boolean to enable Android view annotations (default is false).                                                                                                                                                                       | boolean  | no       | Android  | no                |
+| urlProps          | Extended properties for url type that allows to specify HTTP Method, HTTP headers and HTTP body                                                                                                                                                    | map      | no       | all      | no                |
+| onPageChanged     | Callback that is invoked when page is changed. Provides active page and total pages information                                                                                                                                                    | function | no       | Android  | no                |
+| onScrolled        | Callback that is invoked when PDF is scrolled. Provides offset value in a range between 0 and 1. Currently only 0 and 1 are supported.                                                                                                             | function | no       | all      | no                |
+
+### 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                                                                                                     | Type     | Required | Platform | HarmonyOS Support |
+| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| reload | Allows to reload the PDF document. This can be useful in such cases as network issues, document is expired, etc. To reload the document you will need a `ref` to the component: | function | yes      | all      | yes               |
+
+## 遗留问题
+
+- [ ] urlProps 属性不支持, HarmonyOS 原生组件 webview 不支持 urlProps。[issue: #5](https://github.com/react-native-oh-library/react-native-PDFView/issues/5)
+- [ ] onScrolled 属性不支持, HarmonyOS 原生组件 webview 加载 pdf 文件时 onScrolled 回调函数不执行。 [issue: #6](https://github.com/react-native-oh-library/react-native-PDFView/issues/6)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/rumax/react-native-PDFView/blob/master/LICENSE) ，请自由地享受和参与开源。

From 3632957bf8ab1fb1c4b20673f6de3702c422adc1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=B1=AA=E6=9D=B0?= <psyche988@163.com>
Date: Tue, 3 Sep 2024 09:17:24 +0000
Subject: [PATCH 481/966] =?UTF-8?q?!1436=20=E6=96=B0=E5=A2=9Ereact-native-?=
 =?UTF-8?q?theme-control=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IAMWK5]=20=E6=96=B0=E5=A2=9Ereact-native-theme-c?=
 =?UTF-8?q?ontrol=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IAMWK5]=20=E6=96=B0=E5=A2=9Ereact-native-theme-c?=
 =?UTF-8?q?ontrol=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-theme-control.md | 266 ++++++++++++++++++++++++++++
 1 file changed, 266 insertions(+)
 create mode 100644 zh-cn/react-native-theme-control.md

diff --git a/zh-cn/react-native-theme-control.md b/zh-cn/react-native-theme-control.md
new file mode 100644
index 00000000..1ed9d369
--- /dev/null
+++ b/zh-cn/react-native-theme-control.md
@@ -0,0 +1,266 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-theme-control</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vonovak/react-native-theme-control">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/vonovak/react-native-theme-control/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-theme-control)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-theme-control/Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-theme-control@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-theme-control@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js   
+import * as React from 'react';
+
+import { Text, useColorScheme, View } from 'react-native';
+import {
+    setThemePreference,
+    SystemBars,
+    ThemePreference,
+    useThemePreference,
+} from '@vonovak/react-native-theme-control';
+// @ts-ignore
+import SegmentedControl from '@react-native-segmented-control/segmented-control/js/SegmentedControl.js';
+
+export function SimpleScreen() {
+    const colorScheme = useColorScheme();
+    const isDarkMode = colorScheme === 'dark';
+    const themePreference = useThemePreference();
+    const bgColor = isDarkMode ? '#2A2550' : '#FFF6EA';
+    const textColor = isDarkMode ? 'white' : 'black';
+    const barsBackground = isDarkMode ? '#9900F0' : '#A0BCC2';
+    const dividerColor = textColor;
+
+    const textColorStyle = { color: textColor };
+
+    const values: Array<ThemePreference> = ['light', 'dark', 'system'];
+
+    return (
+        <View
+    style={{
+        backgroundColor: bgColor,
+        flexGrow: 1,
+        flexShrink: 1,
+        alignItems: 'center',
+        justifyContent: 'space-evenly',
+    }}
+>
+<SystemBars
+backgroundColor={barsBackground}
+dividerColor={dividerColor}
+/>
+    <SegmentedControl
+style={{ width: '100%' }}
+values={values}
+selectedIndex={values.indexOf(themePreference)}
+onChange={({ nativeEvent }: { nativeEvent: any }) => {
+    setThemePreference(nativeEvent.value as ThemePreference);
+}}
+/>
+    <Text style={textColorStyle}>useColorScheme(): {colorScheme}</Text>
+    <Text style={textColorStyle}>
+useThemePreference(): {themePreference}
+</Text>
+    </View>
+);
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-theme-control": "file:../../node_modules/@react-native-oh-tpl/react-native-theme-control/harmony/themecontrol.har",
+        
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 RNThemeControlPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNThemeControlPackage } from '@react-native-oh-tpl/react-native-theme-control/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNThemeControlPackage(ctx)
+  ];
+}
+```
+
+### 在 entry/src/main/ets/abilityStage   新建MyAbilityStage.ets
+
+打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
+```diff
+import appRecovery from '@ohos.app.ability.appRecovery';
+import AbilityStage from '@ohos.app.ability.AbilityStage';
+import { Want } from '@kit.AbilityKit';
+
+export default class MyAbilityStage extends AbilityStage {
+  onCreate() {
+      appRecovery.enableAppRecovery(
+      appRecovery.RestartFlag.ALWAYS_RESTART,
+      appRecovery.SaveOccasionFlag.SAVE_WHEN_ERROR,
+      appRecovery.SaveModeFlag.SAVE_WITH_FILE
+    );
+
+    let wantObj: Want = {
+      bundleName: 'com.rnoh.tester',
+      abilityName: 'EntryAbility'
+    };
+
+    appRecovery.setRestartWant(wantObj)
+  }
+}
+```
+### 在 entry/src/main/ets/entryability/EntryAbility.ets  配置生命周期调用 
+
+打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
+```diff
++ import {RNAbility} from 'rnoh';
++ import Want from '@ohos.app.ability.Want';
++ import { RNThemeControlModule } from '@react-native-oh-tpl/react-native-theme-control';
+
++  export default class EntryAbility extends RNAbility {
++    onCreate(want: Want): void {
++    super.onCreate(want);
++    RNThemeControlModule.recoverApplicationTheme(this.context);
++   }
+  getPagePath() {
+    return 'pages/Index';
+  }
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-theme-control Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)
+
+
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description                         | Type      | Required | Platform     | HarmonyOS Support |
+|-------------------------|-------------------------------------|-----------|----------|--------------|-------------------|
+| getThemePreference      | Get Theme Preferences               | function  | No       | IOS/Android  | yes               |
+| setNavbarAppearance     | Set Navigation Bar Appearance       | function  | No       | IOS/Android  | yes               |
+| setAppBackground        | Set the background color of the app | function  | No       | IOS/Android  | yes               |
+| setTheme                | Set Theme                           | function  | No       | IOS/Android  | yes               |
+| recoverApplicationTheme | Restoring Theme Storage             | function  | No       | IOS/Android  | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-theme-control/blob/main/LICENSE) ，请自由地享受和参与开源。
+

From aefc5e9dbda89aca6baae8a452cd8d466881cea9 Mon Sep 17 00:00:00 2001
From: zzy_sam <14696036+zzysam@user.noreply.gitee.com>
Date: Tue, 3 Sep 2024 09:31:36 +0000
Subject: [PATCH 482/966] =?UTF-8?q?!1440=20docs:=20[Issues:#IAN0C1]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-udp=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:#IAN0C1]=E6=96=B0=E5=A2=9Ereact?=
 =?UTF-8?q?-native-udp=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-udp.md | 283 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 283 insertions(+)
 create mode 100644 zh-cn/react-native-udp.md

diff --git a/zh-cn/react-native-udp.md b/zh-cn/react-native-udp.md
new file mode 100644
index 00000000..746b679e
--- /dev/null
+++ b/zh-cn/react-native-udp.md
@@ -0,0 +1,283 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-udp</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tradle/react-native-udp">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/tradle/react-native-udp/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-udp)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-udp@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-udp@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {Component} from 'react';
+import {ScrollView, StyleSheet, Text, View} from 'react-native';
+
+import dgram from 'react-native-udp';
+
+function randomPort() {
+  return (Math.random() * 60536) | (0 + 5000); // 60536-65536
+}
+
+function toByteArray(obj) {
+  var uint = new Uint8Array(obj.length);
+  for (var i = 0, l = obj.length; i < l; i++) {
+    uint[i] = obj.charCodeAt(i);
+  }
+
+  return new Uint8Array(uint);
+}
+
+class App extends Component {
+  constructor(props) {
+    super(props);
+
+    this.updateChatter = this.updateChatter.bind(this);
+    this.state = {chatter: []};
+  }
+
+  updateChatter(msg) {
+    this.setState({
+      chatter: this.state.chatter.concat([msg]),
+    });
+  }
+
+  componentDidMount() {
+    let self = this;
+
+    let a = dgram.createSocket('udp4');
+    let aPort = randomPort();
+    a.bind(aPort, function(err) {
+      if (err) throw err;
+      self.updateChatter('a bound to ' + JSON.stringify(a.address()));
+    });
+
+    let b = dgram.createSocket('udp4');
+    var bPort = randomPort();
+    b.bind(bPort, function(err) {
+      if (err) throw err;
+      self.updateChatter('b bound to ' + JSON.stringify(b.address()));
+    });
+
+    a.on('message', function(data, rinfo) {
+      var str = String.fromCharCode.apply(null, new Uint8Array(data));
+      self.updateChatter(
+        'a received echo ' + str + ' ' + JSON.stringify(rinfo),
+      );
+      a.close();
+      b.close();
+    });
+
+    b.on('message', function(data, rinfo) {
+      var str = String.fromCharCode.apply(null, new Uint8Array(data));
+      self.updateChatter('b received ' + str + ' ' + JSON.stringify(rinfo));
+
+      // echo back
+      b.send(data, 0, data.length, aPort, '127.0.0.1', function(err) {
+        if (err) throw err;
+        self.updateChatter('b echoed data');
+      });
+    });
+
+    b.once('listening', function() {
+      var msg = toByteArray('hello');
+      a.send(msg, 0, msg.length, bPort, '127.0.0.1', function(err) {
+        if (err) throw err;
+        self.updateChatter('a sent data');
+      });
+    });
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <ScrollView>
+          {this.state.chatter.map((msg, index) => {
+            return (
+              <Text key={index} style={styles.welcome}>
+                {msg}
+              </Text>
+            );
+          })}
+        </ScrollView>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-udp": "file:../../node_modules/@react-native-oh-tpl/react-native-udp/harmony/react-native-udp.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+
+### 在 ArkTs 侧引入 RNUdpPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++ import {RNUdpPackage} from '@react-native-oh-tpl/react-native-udp/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNUdpPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases)
+
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name           | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| createSocket   | Creates a Socket object.                                     | Function | false    | Android/iOS | yes               |
+| bind           | For UDP sockets, causes the `UdpSocket` to listen for datagram messages on a named `port`. | Function | false    | Android/iOS | yes               |
+| send           | Broadcasts a datagram on the socket.                         | Function | false    | Android/iOS | yes               |
+| address        | Returns an object containing the address information for a socket. | Function | false    | Android/iOS | yes               |
+| setBroadcast   | Sets or clears the `SO_BROADCAST` socket option.             | Function | false    | Android/iOS | yes               |
+| addMembership  | Tells the kernel to join a multicast group at the given `multicastAddress` and `multicastInterface` using the `IP_ADD_MEMBERSHIP` socket option. | Function | false    | Android/iOS | yes               |
+| dropMembership | Instructs the kernel to leave a multicast group at `multicastAddress` using the `IP_DROP_MEMBERSHIP` socket option. | Function | false    | Android/iOS | yes               |
+
+
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/tradle/react-native-udp/blob/master/LICENSE) ，请自由地享受和参与开源。

From 817acd78a6e4bdd8c8c2489b334f3cb8d1af378e Mon Sep 17 00:00:00 2001
From: wangshizhao001 <13406653+wangshizhao001@user.noreply.gitee.com>
Date: Wed, 4 Sep 2024 03:13:50 +0000
Subject: [PATCH 483/966] =?UTF-8?q?!1453=20docs:=20=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-render-html=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAO1ZM]=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-render-html=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-render-html.md | 65 ++++++++++++++++---------------
 1 file changed, 33 insertions(+), 32 deletions(-)

diff --git a/zh-cn/react-native-render-html.md b/zh-cn/react-native-render-html.md
index 423f73e4..ef26266e 100644
--- a/zh-cn/react-native-render-html.md
+++ b/zh-cn/react-native-render-html.md
@@ -77,38 +77,39 @@ export default function App() {
 
 **组件 RenderHtml**
 
-| Name                                   | Description                                                                                                                                                                                                       | Type                                               | Required | Platform      | HarmonyOS Support                                        |
-|----------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------|----------|---------------|----------------------------------------------------------|
-| allowedStyles                          | Whitelist specific inline CSS style properties and ignore the others.                                                                                                                                             | CSSPropertyNameList                                | NO       | Android、iOS   | Yes                                                      |
-| baseStyle                              | The default style for the document (root). Inheritable styles will be transferred to children. That works also for textual styles.                                                                                | MixedStyleDeclaration                              | NO       | Android、iOS   | Yes                                                      |
-| classesStyles                          | Provide mixed styles to target elements selected by CSS classes.                                                                                                                                                  | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes                                                      |
-| computeEmbeddedMaxWidth                | A function which takes contentWidth and tagName as arguments and returns a new width. Can return Infinity to denote unconstrained widths.                                                                         | (contentWidth: number, tagName: string) => number  | NO       | Android、iOS   | Yes                                                      |
-| contentWidth                           | The width of the HTML content to display. The recommended practice is to pass useWindowDimensions().width minus any padding or margins.                                                                           | number                                             | NO       | Android、iOS   | Yes                                                      |
-| customHTMLElementModels                | Customize element models for target tags.                                                                                                                                                                         | HTMLElementModelRecord                             | NO       | Android、iOS   | Yes                                                      |
-| dangerouslyDisableHoisting             | Disable hoisting. Especially useful for rendering with react-native-web.Note that your layout might break in native!                                                                                              | boolean                                            | NO       | Android、iOS   | Yes                                                      |
-| dangerouslyDisableWhitespaceCollapsing | Disable whitespace collapsing. Especially useful if your html is being pre-processed server-side with a minifier.                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes                                                      |
-| debug                                  | Log to the console a snapshot of the rendered TDocument after each transient render tree invalidation.                                                                                                            | boolean                                            | NO       | Android、iOS   | Yes                                                      |
-| defaultTextProps                       | Default props for Text elements in the render tree.                                                                                                                                                               | TextProps                                          | NO       | Android、iOS   | Yes                                                      |
-| defaultViewProps                       | Default props for View elements in the render tree.                                                                                                                                                               | ViewProps                                          | NO       | Android、iOS   | Yes                                                      |
-| domVisitors                            | An object which callbacks will be invoked when a DOM element or text node has been parsed and its children attached. This is great to tamper the dom, remove children, insert nodes, change text nodes data... etc. | DomVisitorCallbacks                                | NO       | Android、iOS   | Yes                                                      |
-| emSize                                 | The default value in pixels for 1em.                                                                                                                                                                              | number                                             | NO       | Android、iOS   | Yes                                                      |
-| enableCSSInlineProcessing              | Enable or disable inline CSS processing of inline styles.                                                                                                                                                         | boolean                                            | NO       | Android、iOS   | Yes                                                      |
-| enableExperimentalBRCollapsing         | Recommended value is `true` on non-web platforms. Also note that this is an experimental feature, thus subject to behavioral instability.                                                                         | boolean                                            | NO       | Android、iOS   | Yes                                                      |
-| enableExperimentalMarginCollapsing     | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes                                                      |
-| idsStyles                              | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes                                                      |
-| ignoreDomNode                          | Ignore specific DOM nodes.                                                                                                                                                                                        | (node: Node, parent: NodeWithChildren) => unknown  | NO       | Android、iOS   | Yes                                                      |
-| ignoredDomTags                         | A list of lowercase tags which should not be included in the DOM.                                                                                                                                                 | Array<string>                                      | NO       | Android、iOS   | Yes                                                      |
-| ignoredStyles                          | Blacklist specific inline CSS style properties and allow the others.                                                                                                                                              | CSSPropertyNameList                                | NO       | Android、iOS   | Yes                                                      |
-| onDocumentMetadataLoaded               | Handler invoked when the document metadata is available. It will re-trigger on HTML content changes.                                                                                                              | (documentMetadata: DocumentMetadata) => void       | NO       | Android、iOS   | Yes                                                      |
-| onHTMLLoaded                           | Triggered when HTML is available to the RenderHTML component.                                                                                                                                                     | (html: string) => void                             | NO       | Android、iOS   | Yes                                                      |
-| onTTreeChange                          | Triggered when the transient render tree changes. Useful for debugging.                                                                                                                                           | (ttree: TDocument) => void                         | NO       | Android、iOS   | Yes                                                      |
-| renderers                              | Your custom renderers.                                                                                                                                                                                            | CustomTagRendererRecor                             | NO       | Android、iOS   | Yes                                                      |
-| selectDomRoot                          | Select the DOM root before TTree generation. For example, you could iterate over children until you reach an article element and return this element.                                                             | TRenderEngineOptions                               | NO       | Android、iOS   | Yes                                                      |
-| setMarkersForTNode                     | Set custom markers from a TNode and all its descendants. Markers will be accessible in custom renderers via `tnode.markers` prop.                                                                                 | SetMarkersForTNode                                 | NO       | Android、iOS   | Yes                                                      |
-| source                                 | The object source to render (either { uri }, { html } or { dom }).                                                                                                                                                | HTMLSource                                         | Yes      | Android、iOS   | partially(已验证 html)                                      |
-| renderersProps                         | Props to use in custom renderers with useRendererProps.                                                                                                                                                           | Partial<RenderersProps>                            | NO       | Android、iOS   | partially(已验证 img 的百分比属性 enableExperimentalPercentWidth) |
-| systemFonts                            | A list of fonts available in the current platform. These fonts will be used to select the first match in CSS `fontFamily` property, which supports a comma-separated list of fonts. By default, a handful of fonts are selected per platform. | Array<string>                                      | No       | Android、iOS   | Yes                                                      |
-| tagsStyles                             | Provide mixed styles to target HTML tag names.                                                                                                                                                                    | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes                                                      |
+| Name                                   | Description                                                                                                                                                                                                       | Type                                               | Required | Platform      | HarmonyOS Support |
+|----------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------|----------|---------------|-------------------|
+| allowedStyles                          | Whitelist specific inline CSS style properties and ignore the others.                                                                                                                                             | CSSPropertyNameList                                | NO       | Android、iOS   | Yes               |
+| baseStyle                              | The default style for the document (root). Inheritable styles will be transferred to children. That works also for textual styles.                                                                                | MixedStyleDeclaration                              | NO       | Android、iOS   | Yes               |
+| classesStyles                          | Provide mixed styles to target elements selected by CSS classes.                                                                                                                                                  | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes               |
+| computeEmbeddedMaxWidth                | A function which takes contentWidth and tagName as arguments and returns a new width. Can return Infinity to denote unconstrained widths.                                                                         | (contentWidth: number, tagName: string) => number  | NO       | Android、iOS   | Yes               |
+| contentWidth                           | The width of the HTML content to display. The recommended practice is to pass useWindowDimensions().width minus any padding or margins.                                                                           | number                                             | NO       | Android、iOS   | Yes               |
+| customHTMLElementModels                | Customize element models for target tags.                                                                                                                                                                         | HTMLElementModelRecord                             | NO       | Android、iOS   | Yes               |
+| dangerouslyDisableHoisting             | Disable hoisting. Especially useful for rendering with react-native-web.Note that your layout might break in native!                                                                                              | boolean                                            | NO       | Android、iOS   | Yes               |
+| dangerouslyDisableWhitespaceCollapsing | Disable whitespace collapsing. Especially useful if your html is being pre-processed server-side with a minifier.                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes               |
+| debug                                  | Log to the console a snapshot of the rendered TDocument after each transient render tree invalidation.                                                                                                            | boolean                                            | NO       | Android、iOS   | Yes               |
+| defaultTextProps                       | Default props for Text elements in the render tree.                                                                                                                                                               | TextProps                                          | NO       | Android、iOS   | Yes               |
+| defaultViewProps                       | Default props for View elements in the render tree.                                                                                                                                                               | ViewProps                                          | NO       | Android、iOS   | Yes               |
+| domVisitors                            | An object which callbacks will be invoked when a DOM element or text node has been parsed and its children attached. This is great to tamper the dom, remove children, insert nodes, change text nodes data... etc. | DomVisitorCallbacks                                | NO       | Android、iOS   | Yes               |
+| emSize                                 | The default value in pixels for 1em.                                                                                                                                                                              | number                                             | NO       | Android、iOS   | Yes               |
+| enableCSSInlineProcessing              | Enable or disable inline CSS processing of inline styles.                                                                                                                                                         | boolean                                            | NO       | Android、iOS   | Yes               |
+| enableExperimentalBRCollapsing         | Recommended value is `true` on non-web platforms. Also note that this is an experimental feature, thus subject to behavioral instability.                                                                         | boolean                                            | NO       | Android、iOS   | Yes               |
+| enableExperimentalMarginCollapsing     | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes               |
+| idsStyles                              | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes               |
+| ignoreDomNode                          | Ignore specific DOM nodes.                                                                                                                                                                                        | (node: Node, parent: NodeWithChildren) => unknown  | NO       | Android、iOS   | Yes               |
+| ignoredDomTags                         | A list of lowercase tags which should not be included in the DOM.                                                                                                                                                 | Array<string>                                      | NO       | Android、iOS   | Yes               |
+| ignoredStyles                          | Blacklist specific inline CSS style properties and allow the others.                                                                                                                                              | CSSPropertyNameList                                | NO       | Android、iOS   | Yes               |
+| bypassAnonymousTPhrasingNodes          | The most simple one is that itsimplifies the render tree                                                                                                                                                          | boolean                                            | NO       | Android、iOS   | Yes               |
+| onDocumentMetadataLoaded               | Handler invoked when the document metadata is available. It will re-trigger on HTML content changes.                                                                                                              | (documentMetadata: DocumentMetadata) => void       | NO       | Android、iOS   | Yes               |
+| onHTMLLoaded                           | Triggered when HTML is available to the RenderHTML component.                                                                                                                                                     | (html: string) => void                             | NO       | Android、iOS   | Yes               |
+| onTTreeChange                          | Triggered when the transient render tree changes. Useful for debugging.                                                                                                                                           | (ttree: TDocument) => void                         | NO       | Android、iOS   | Yes               |
+| renderers                              | Your custom renderers.                                                                                                                                                                                            | CustomTagRendererRecor                             | NO       | Android、iOS   | Yes               |
+| selectDomRoot                          | Select the DOM root before TTree generation. For example, you could iterate over children until you reach an article element and return this element.                                                             | TRenderEngineOptions                               | NO       | Android、iOS   | Yes               |
+| setMarkersForTNode                     | Set custom markers from a TNode and all its descendants. Markers will be accessible in custom renderers via `tnode.markers` prop.                                                                                 | SetMarkersForTNode                                 | NO       | Android、iOS   | Yes               |
+| source                                 | The object source to render (either { uri }, { html } or { dom }).                                                                                                                                                | HTMLSource                                         | Yes      | Android、iOS   | Yes               |
+| renderersProps                         | Props to use in custom renderers with useRendererProps.                                                                                                                                                           | Partial<RenderersProps>                            | NO       | Android、iOS   | Yes               |
+| systemFonts                            | A list of fonts available in the current platform. These fonts will be used to select the first match in CSS `fontFamily` property, which supports a comma-separated list of fonts. By default, a handful of fonts are selected per platform. | Array<string>                                      | No       | Android、iOS   | Yes               |
+| tagsStyles                             | Provide mixed styles to target HTML tag names.                                                                                                                                                                    | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes               |
 
 ## 遗留问题
 

From c9c0c1493e8b806a35ca2ae63e0890b08a4a262a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=86=B2?=
 <9521422+jx-is-hard@user.noreply.gitee.com>
Date: Wed, 4 Sep 2024 03:18:20 +0000
Subject: [PATCH 484/966] =?UTF-8?q?!1427=20docs:=20[Issues:=20#IAMQV9]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-send-intent=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=20=E6=96=B0=E5=A2=9Ereact-nat?=
 =?UTF-8?q?ive-send-intent=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-send-intent.md | 279 ++++++++++++++++++++++++++++++
 1 file changed, 279 insertions(+)
 create mode 100644 zh-cn/react-native-send-intent.md

diff --git a/zh-cn/react-native-send-intent.md b/zh-cn/react-native-send-intent.md
new file mode 100644
index 00000000..cf471a03
--- /dev/null
+++ b/zh-cn/react-native-send-intent.md
@@ -0,0 +1,279 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-send-intent</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lucasferreira/react-native-send-intent">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lucasferreira/react-native-send-intent?tab=readme-ov-file#license">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-send-intent)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-send-intent@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-send-intent@file:#
+```
+
+<!-- tabs:end -->
+
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState, useEffect } from 'react';
+import {Button} from 'react-native';
+import NativeSendIntent from 'react-native-send-intent'
+
+function SendIntent() {
+
+    return (
+        <>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.sendPhoneDial</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.sendPhoneDial('10086', false);
+                    }}
+                    title=""
+                    color="#841584"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.sendSms</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.sendSms('100010', 'text SMS');
+                    }}
+                    title=""
+                    color="#DC143C"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.openCalendar</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.openCalendar();
+                    }}
+                    title=""
+                    color="#D2691E"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.sendMail</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.sendMail('mailto:someone@example.com', 'This%20is%20the%20subject', 'This%20is%20the%20body');
+                    }}
+                    title=""
+                    color="#B8860B"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.openMaps</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.openMaps('武昌火车站');
+                    }}
+                    title=""
+                    color="#FF0000"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.openCamera</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.openCamera();
+                    }}
+                    title=""
+                    color="#FF1493"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.openSettings</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.openSettings('bluetooth_entry');
+                    }}
+                    title=""
+                    color="#8B4513"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.gotoHomeScreen</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.gotoHomeScreen();
+                    }}
+                    title=""
+                    color="#006400"
+                />
+            </>
+        </>
+    );
+};
+export default SendIntent;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-send-intent": "file:../../node_modules/@react-native-oh-tpl/react-native-send-intent/harmony/send_intent.har"
+  }
+```
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNSendIntentPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNSendIntentPackage} from '@react-native-oh-tpl/react-native-send-intent/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new RNSendIntentPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases)
+
+## API
+
+| Name                                   | Description                                            | Type     | Required | Platform | HarmonyOS Support |
+| -------------------------------------- | ------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| sendText                               | Usage of Text (Share)                                  | Function | no       | Android  | yes               |
+| sendMail                               | Usage of Send Mail (text/plain only)                   | Function | no       | Android  | yes               |
+| sendSms                                | Usage of SMS                                           | Function | no       | Android  | yes               |
+| sendPhoneCall                          | Usage of Phone Dial Screen                             | Function | no       | Android  | yes               |
+| sendPhoneDial                          | sage of Phone Dial Screen                              | Function | no       | Android  | yes               |
+| addCalendarEvent                       | Create Calendar Event                                  | Function | no       | Android  | no                |
+| isAppInstalled                         | Check if an application is installed                   | Function | no       | Android  | no                |
+| installRemoteApp                       | Install a remote APK                                   | Function | no       | Android  | no                |
+| openApp                                | Open App                                               | Function | no       | Android  | yes               |
+| openAppWithData                        | Open App with Data                                     | Function | no       | Android  | no                |
+| openChromeIntent                       | browser opened                                         | Function | no       | Android  | yes               |
+| openCalendar                           | Open Camera Intent                                     | Function | no       | Android  | yes               |
+| openCamera                             | Open Camera                                            | Function | no       | Android  | yes               |
+| openEmailApp                           | Open Email Application                                 | Function | no       | Android  | yes               |
+| openAllEmailApp                        | Will open all the Email app's that available in device | Function | no       | Android  | yes               |
+| openDownloadManager                    | Open Download Manager                                  | Function | no       | Android  | yes               |
+| openChooserWithOptions                 | Open Share With dialog                                 | Function | no       | Android  | yes               |
+| openChooserWithMultipleOptions         | Open Multiple Files Share With dialog                  | Function | no       | Android  | yes               |
+| openMaps                               | Open Maps                                              | Function | no       | Android  | yes               |
+| openMapsWithRoute                      | Open Maps With Route                                   | Function | no       | Android  | yes               |
+| shareTextToLine                        | Share text to line                                     | Function | no       | Android  | no                |
+| shareImageToInstagram                  | Share Image to Instagram                               | Function | no       | Android  | no                |
+| openSettings                           | Open Settings                                          | Function | no       | Android  | yes               |
+| getVoiceMailNumber                     | Get voiceMail number                                   | Function | no       | Android  | no                |
+| openFileChooser                        | Open File Chooser                                      | Function | no       | Android  | no                |
+| getPhoneNumber                         | Get phone number                                       | Function | no       | Android  | no                |
+| requestIgnoreBatteryOptimizations      | Request 'ignore battery optimizations'                 | Function | no       | Android  | yes               |
+| showIgnoreBatteryOptimizationsSettings | Show battery optimizations settings                    | Function | no       | Android  | yes               |
+| gotoHomeScreen                         | Jump to main screen                                    | Function | no       | Android  | yes               |
+| openAppWithUri                         | Open the app and go to the app store                   | Function | no       | Android  | yes               |
+
+## 遗留问题
+ - [ ] react-native-send-intent部分方法未实现HarmonyOS化 [issue#2](https://github.com/react-native-oh-library/react-native-send-intent/issues/2) 
+
+## 其他
+- installRemoteApp(); 不支持通过一个链接下载一个包，进行安装，只能通过应用市场
+- shareTextToLine(); 共享的应用android源码为海外应用,无法打开
+- shareImageToInstagram(); Instagram为海外应用,无法打开
+- getVoiceMailNumber(); ICCID和号码信息为敏感数据，不开放
+- getPhoneNumber(); ICCID和号码信息为敏感数据，不开放
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lucasferreira/react-native-send-intent?tab=readme-ov-file#license) ，请自由地享受和参与开源。

From 9ef5e9db4ea6b85a5e66c046f5acd2378ab208d0 Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Wed, 4 Sep 2024 07:28:40 +0000
Subject: [PATCH 485/966] =?UTF-8?q?!1450=20docs:=20[Issues:=20#IANKSD]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ebaronha-ting=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IANKSD]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ebaronha-ting=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/baronha-ting.md | 232 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 232 insertions(+)
 create mode 100644 zh-cn/baronha-ting.md

diff --git a/zh-cn/baronha-ting.md b/zh-cn/baronha-ting.md
new file mode 100644
index 00000000..62b2cc0d
--- /dev/null
+++ b/zh-cn/baronha-ting.md
@@ -0,0 +1,232 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@baronha/ting</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/%3C%E5%8E%9F%E5%BA%93%E6%BA%90%E7%A0%81%E4%BB%93%E5%9C%B0%E5%9D%80%3E">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/baronha/ting/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/ting)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/ting@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/ting@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { View } from "react-native";
+import {
+    ToastOptions,
+    toast
+} from '@baronha/ting';
+
+function handleToast(options: ToastOptions) {
+    toast(options);
+}
+
+const App = () => {
+  return (
+    <View>
+        <Button
+            title="defalut"
+            onPress={() => {
+                const options: ToastOptions = {
+                    title: 'title-Toast',
+                    message: 'message-Toast',
+                };
+                handleToast(options);
+            }}
+        />
+    </View>
+};
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/ting": "file:../../node_modules/@react-native-oh-tpl/ting/harmony/ting.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNTingPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+
+```diff
+  ...
++ import {RNTingPackage} from '@react-native-oh-tpl/ting';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNTingPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### ToastOptions
+
+| Name                 | Description                                             | Type | Required | Platform | HarmonyOS Support   |
+|----------------------|---------------------------------------------------------|------|----------|----------|---------------------|
+| title                | The text for the toast’s title                                       | string   | no        | All      | yes  |
+| message              | The text for the toast’s message                                     | string   | no        | All      | yes  |
+| titleColor           | The color of the title text in hexadecimal format      | string   | no        | All      | yes  |
+| messageColor         | The color of the message text in hexadecimal format    | string   | no        | All      | yes  |
+| preset               |  The preset style of the toast. Options include done (success), error (error), none (no style), or spinner (loading spinner)                                                    | string  | no        | All      | partially |
+| duration             | The lifetime of the toast (seconds)                    | number  | no         | All      | yes  |
+| haptic               | The type of haptic feedback. Options include success (success), warning (warning), error (error), or none (no haptic feedback)                                                     | string  | no         | iOS      | yes                 |
+| shouldDismissByDrag  | Whether the toast can be dismissed by dragging                                                     | boolean  | no        | All      | yes  |
+| position             | Toast is displayed from top or bottom                  | string   | no         | All      |yes                 |
+| backgroundColor      | The background color of the toast in hexadecimal format| string   | no         | All      |yes       |
+| icon                 | A custom icon for the toast                                                     | object  | no        | All      | yes  |
+| progressColor        | The color of the progress spinner for the spinner preset style                                                     | string  | no        | Android   | yes  |
+
+### AlertOptions
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| title                | The text for the toast’s title                                       | string   | no        | All      | yes  |
+| message              | The text for the toast’s message                                     | string   | no        | All      | yes  |
+| titleColor           | The color of the title text in hexadecimal format      | string   | no        | All      | yes  |
+| messageColor         | The color of the message text in hexadecimal format    | string   | no        | All      | yes  |
+| preset               |  The preset style of the toast. Options include done (success), error (error), none (no style), or spinner (loading spinner)                                                    | string  | no        | All      | partially |
+| duration             | The lifetime of the toast (seconds)                    | number  | no         | All      | yes  |
+| haptic               | The type of haptic feedback. Options include success (success), warning (warning), error (error), or none (no haptic feedback)                                                     | string  | no         | iOS      | yes                 |
+| shouldDismissByTap  | Whether the toast can be dismissed by tapping                                                     | boolean  | no        | All      | yes  |
+| backgroundColor      | The background color of the toast in hexadecimal format| string   | no         | All      |yes       |
+| borderRadius  | The border radius of the toast box, which determines how rounded the corners are         | number  | no | All      | yes |
+| blurBackdrop  | The intensity of the background blur effect on Android platforms         | number  | no | Android      | no |
+| backdropOpacity  | The opacity of the background blur effect on Android platforms, with a range from 0 (fully transparent) to 1 (fully opaque)         | number  | no | All      | yes |
+| icon                 | A custom icon for the toast                                                     | object  | no        | All      | yes  |
+| progressColor        | The color of the progress spinner for the spinner preset style                                                     | string  | no        | Android   | yes  |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| toast  | Displays a Toast notification         | function  | yes | All      | yes |
+| alert  | Displays an Alert dialog         | function  | yes | All      | yes |
+| dismissAlert  | Closes the currently displayed Alert dialog         | function  | yes | All      | yes |
+| setup  | Configures global settings for Toast and Alert         | function  | yes | All      | yes |
+
+## 遗留问题
+
+- [ ] AlertOptions和ToastOptions中的preset：done，动画效果未实现。[issue#3](https://github.com/react-native-oh-library/ting/issues/3)
+
+## 其他
+
+- AlertOptions中的blurBackdrop参数配置后，iOS不支持，Android无效果。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/baronha/ting/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 53b4e4a3ac5f5d89b7061b1920f69ebf71f95c9e Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Wed, 4 Sep 2024 07:57:13 +0000
Subject: [PATCH 486/966] =?UTF-8?q?!1458=20docs:=20[Issues:=20#IAO9UA]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-http-bridge=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAO9UA]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-http-bridge=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-http-bridge.md | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-http-bridge.md b/zh-cn/react-native-http-bridge.md
index 28ea68ab..ef4d7333 100644
--- a/zh-cn/react-native-http-bridge.md
+++ b/zh-cn/react-native-http-bridge.md
@@ -235,8 +235,26 @@ ohpm install
 
 ###  权限要求
 
-- 由于此库涉及应用退至后台后，在后台需要长时间运行用户可感知的任务功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。具体权限配置见文档：[长时任务](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/task-management/continuous-task.md#/openharmony/docs/blob/master/zh-cn/application-dev/application-models/serviceability-overview.md)。
-- 此库部分功能与接口需要长时任务权限：ohos.permission.KEEP_BACKGROUND_RUNNING。
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.KEEP_BACKGROUND_RUNNING",
++    "reason": "$string:app_name",
++    "usedScene": {
++      "abilities": [
++        "FormAbility"
++      ],
++      "when": "always"
++    }
++  },
+]
+```
 
 ##  API
 

From 6ac9c59318f5b12152a7fe58b9641accc3d5392e Mon Sep 17 00:00:00 2001
From: chris1017 <zhangyu841@h-partners.com>
Date: Wed, 4 Sep 2024 09:09:53 +0000
Subject: [PATCH 487/966] =?UTF-8?q?!1451=20docs:=20[Issues:=20#IANN6P]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-exit-app=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IANN6P]=20=E6=96=B0=E5=A2=9Ereact-native?=
 =?UTF-8?q?-exit-app=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-exit-app.md | 189 +++++++++++++++++++++++++++++++++
 1 file changed, 189 insertions(+)
 create mode 100644 zh-cn/react-native-exit-app.md

diff --git a/zh-cn/react-native-exit-app.md b/zh-cn/react-native-exit-app.md
new file mode 100644
index 00000000..5f7e28d0
--- /dev/null
+++ b/zh-cn/react-native-exit-app.md
@@ -0,0 +1,189 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-exit-app</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wumke/react-native-exit-app">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wumke/react-native-exit-app/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-exit-app)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-exit-app@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-exit-app@file:#
+```
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+  Button,
+} from 'react-native';
+import  RNExitApp  from "react-native-exit-app"
+import { Colors } from 'react-native/Libraries/NewAppScreen';
+function App(): React.JSX.Element {
+  const isDarkMode = useColorScheme() === 'dark';
+  const backgroundStyle = {
+    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
+  };
+  return (
+    <SafeAreaView>
+    <StatusBar barStyle={"dark-content"} />
+    <Button
+    title="exitApp"
+    onPress={ () => {
+      RNExitApp.exitApp()
+    }}
+  />
+  </SafeAreaView>
+  );
+}
+
+export default App;
+
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-exit-app": "file:../../node_modules/@react-native-oh-tpl/react-native-exit-app/harmony/exit_app.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 ExitAppPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { ExitAppPackage } from '@react-native-oh-tpl/react-native-exit-app/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ExitAppPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases)
+
+## 静态方法
+
+> [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Name | Description | Type | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+exitApp | 关闭/退出APP | Function | no | iOS/Android | yes
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wumke/react-native-exit-app/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 7b212612dff829e0891a20351be5c219020b383f Mon Sep 17 00:00:00 2001
From: zhaoqi <zhaoqi107@h-partners.com>
Date: Wed, 4 Sep 2024 09:19:46 +0000
Subject: [PATCH 488/966] =?UTF-8?q?!1463=20docs:=20[Issues:=20#IAOHV5]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-image-rotate=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAOHV5]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-image-rotate=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-rotate.md | 250 +++++++++++++++++++++++++++++
 1 file changed, 250 insertions(+)
 create mode 100644 zh-cn/react-native-image-rotate.md

diff --git a/zh-cn/react-native-image-rotate.md b/zh-cn/react-native-image-rotate.md
new file mode 100644
index 00000000..3a762aa0
--- /dev/null
+++ b/zh-cn/react-native-image-rotate.md
@@ -0,0 +1,250 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-rotate</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/dgladkov/react-native-image-rotate">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/dgladkov/react-native-image-rotate/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-rotate)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+进入到工程目录并输入以下命令：
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-rotate@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-rotate@file:#
+```
+
+快速使用：
+
+```js
+import React, { Component } from 'react';
+import {
+  Image,
+  StyleSheet,
+  Text,
+  TouchableHighlight,
+  View
+} from 'react-native';
+
+import ImageRotate from 'react-native-image-rotate';
+
+const SOURCE_IMAGE = 'https://upload.wikimedia.org/wikipedia/en/5/56/Warcraft_Teaser_Poster.jpg';
+
+export default class App extends Component {
+
+  constructor() {
+    super();
+    this.state = {
+      image: SOURCE_IMAGE,
+      currentAngle: 0,
+      width: 150,
+      height: 240,
+    };
+
+    this.rotate = this.rotate.bind(this);
+  }
+
+  rotate(angle) {
+    const nextAngle = this.state.currentAngle + angle;
+    ImageRotate.rotateImage(
+      SOURCE_IMAGE,
+      nextAngle,
+      (uri) => {
+        this.setState({
+          image: uri,
+          currentAngle: nextAngle,
+          width: this.state.height,
+          height: this.state.width,
+        });
+      },
+      (error) => {
+        console.error(error);
+      }
+    );
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <View style={styles.imageContainer}>
+          <Image style={{width: this.state.width, height: this.state.height}} source={{uri: this.state.image}} />
+        </View>
+        <TouchableHighlight
+          onPress={() => this.rotate(90)}
+          style={styles.button}
+        >
+          <Text style={styles.text}>ROTATE CW</Text>
+        </TouchableHighlight>
+
+        <TouchableHighlight
+          onPress={() => this.rotate(-90)}
+          style={styles.button}
+        >
+          <Text style={styles.text}>ROTATE CCW</Text>
+        </TouchableHighlight>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  button: {
+    backgroundColor: 'red',
+    padding: 5,
+    margin: 5,
+  },
+  imageContainer: {
+    height: 240,
+    justifyContent: 'center',
+  },
+  text: {
+    color: 'white',
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-rotate": "file:../../node_modules/@react-native-oh-tpl/react-native-image-rotate/harmony/imageRotate.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNImageRotatePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { RNImageRotatePackage } from '@react-native-oh-tpl/react-native-image-rotate/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNImageRotatePackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)
+
+## 静态方法
+
+> [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Name | Description | Type | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+rotateImage | 旋转图片 | Function | no | iOS/Android | yes
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/dgladkov/react-native-image-rotate/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From bfc70dfafbae1759e09f2033f4eaa6ead0799680 Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Wed, 4 Sep 2024 10:01:58 +0000
Subject: [PATCH 489/966] =?UTF-8?q?!1465=20docs:=20[#IAOP63]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-image-picker=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E6=9B=B4=E6=96=B0image-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-picker.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index 7760eb59..e3086f84 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -241,7 +241,7 @@ ohpm install
 | cameraType              | 'back' or 'front' (May not be supported in few android devices).                                                                                                                 | string  | no       | iOS Android     | yes                |
 | includeBase64           | If true, creates base64 string of the image (Avoid using on large image files due to performance).                                                                               | boolean | no       | iOS Android Web | yes                |
 | includeExtra            | If true, will include extra data which requires library permissions to be requested (i.e. exif data).                                                                            | boolean | no       | iOS Android     | no                |
-| saveToPhotos            | (Boolean) Only for launchCamera, saves the image/video file captured to public photo.                                                                                            | boolean | no       | iOS Android     | yes                |
+| saveToPhotos            | (Boolean) Only for launchCamera, saves the image/video file captured to public photo.                                                                                            | boolean | no       | iOS Android     | no                |
 | selectionLimit          | Supports providing any integer value. Use 0 to allow any number of files on iOS version >= 14 & Android version >= 13, Use 0 to allow up to 50 files on HarmonyOS. Default is 1. | number  | no       | iOS Android Web | yes               |
 | presentationStyle       | Controls how the picker is presented. currentContext, pageSheet, fullScreen, formSheet, popover, overFullScreen, overCurrentContext. Default is currentContext.                  | string  | no       | iOS             | no                |
 | formatAsMp4             | Converts the selected video to MP4 (iOS Only).                                                                                                                                   | boolean | no       | iOS             | no                |

From 6a59b586c6afa57cbda8ee98fedb8b17593679a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <891661163@qq.com>
Date: Wed, 4 Sep 2024 11:42:20 +0000
Subject: [PATCH 490/966] =?UTF-8?q?!1470=20=E6=96=B0=E5=A2=9E=20react-nati?=
 =?UTF-8?q?ve-harmony-sample-package=20=E6=96=87=E6=A1=A3=20*=20docs:=20[#?=
 =?UTF-8?q?IAG59D]=20=E6=96=B0=E5=A2=9E=20react-native-harmony-sample-pack?=
 =?UTF-8?q?age=20=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 img/build_har.png                            | Bin 0 -> 21901 bytes
 img/codegen-fabric-arkts.png                 | Bin 0 -> 22171 bytes
 img/codegen-fabric-capi.png                  | Bin 0 -> 52591 bytes
 img/har_template_dir.png                     | Bin 0 -> 9677 bytes
 zh-cn/react-native-harmony-sample-package.md | 382 +++++++++++++++++++
 5 files changed, 382 insertions(+)
 create mode 100644 img/build_har.png
 create mode 100644 img/codegen-fabric-arkts.png
 create mode 100644 img/codegen-fabric-capi.png
 create mode 100644 img/har_template_dir.png
 create mode 100644 zh-cn/react-native-harmony-sample-package.md

diff --git a/img/build_har.png b/img/build_har.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fc1fed8d6cace31747c6a9151b422791605bad9
GIT binary patch
literal 21901
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
BjmZE2

literal 0
HcmV?d00001

diff --git a/img/codegen-fabric-arkts.png b/img/codegen-fabric-arkts.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ccad1ce618db16e94ae1cabec3771b6fc9ff8f4
GIT binary patch
literal 22171
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

literal 0
HcmV?d00001

diff --git a/img/codegen-fabric-capi.png b/img/codegen-fabric-capi.png
new file mode 100644
index 0000000000000000000000000000000000000000..9371f0ab1f96484945a3c0691b836bc36350232e
GIT binary patch
literal 52591
zcmdqJXH*nj*DZ<>MWP@`63IDB22pZGKyr>v&N(V7IX6gdlpLF!vw&m}8k(GA0}YZh
z+(Lbx=l#C-{q8yEj{ED>7!G$KRb93B+H1}==W2uBC`e+U5uu@=pkPQ#i7BI?+?_%}
zxfTB4Ht>_2g!x|JuZQ+hnocMvnC&-zZpATT5(7WPaTeEbR<Sd4b~AJ|MNzS}us3va
zHq|8<m_b2#jv_7g`mKA)R-<sxl1%c>b;_L3P?il_Q0x4M4`zlYdh+%b_GZ{&+!jPc
zsHh}-H9uN87Bfk?Nfjp7TfR|+Qno#mb4pf#-?<Gk6VQmz)4IdjZxr#B@b3NET6@C}
z`d_Y<<8=1?yqeNXvQ1Tm{5JApWIW#<s#I!G15ftrFxb5Ct5^H$tOX0rEc34u*E|0*
zZX4Wci<v~ynNlQShQDuA4L=Gis1J-RA52Xif<C$R`<i#gANC_g*u4UVs&(=$Y&`0T
z{`>>V342%Xq)Xp!Y%ct5br$-ck9bG+KmiU7e9MfZR11|c;cozIRbMI|oR9S!uF&HQ
z^<H+^=_jBTZ$Eq42boPxO>GdG@$>TYaNRp<mkzX<IVv7pN9^w$AkMZvt|JjnYZ6Uf
zHG+rvIlz<k!m4vZ2lU;r;&&jBrnJ=5$EUQbRO5OxLheN3IUJa$Xen>(d9&l(eyCGw
z8ow1klFN?&^HlSJG&`hu)5<+!Vk>nND{798u9pr+r;Ce=`>-iQ=akyse8*)kVrAwD
z&JaR#WfM5*p2#}h@hXZ_L7pq7tsjRDD%v?a9$7(8IP02gYHIwxg3I-bYu0pUgmjv`
z&b$|fY6)>FZO<3J4k|jk`nZXUsk@DV=5`uk+xp*z7g`4ucUaD=nJMb(>IHpjk0Tm!
z8mHZCCAK*E^lripINp)Prx4~%=i<ocsH8jUb{BUf2jheX%*`q=IPN|7Io<y>dnqDz
zaCFcaf6`o=@}qjrPT~cTuNS3fJnKu(g_CW9fw#pj=eq|;#Bn?ENP+&Kf?m^Epaf5|
zaAT_P7dWyL<{o~PN0$B}Be|HBc84py04wKUZ;fD2{`e#3V3+{a!e1eDVz^+2l(8(A
zfN~KvR2^tB3p=R41Iz4k%v}@V;Dp=qQ&Lb|^(vAt_ej4nPN`1(q5Q2#e|8A5($;4B
z_GfSxq)`{*Q$ukk!i>D^o~m95(jwZF`~8+EC>AxG%2|3eV;rREYk6t~qj96znRcA%
z)HGRE?ZAZ`FL?91#I6KYp(!ScK?dFzr(?&P<pyV`M+c{7Vk1V7U=rOww~}h>o{XE4
zNt_NA7c&tKrP|)By_wx}Zk;Ok$E>VJEKLbf&odUPtLMGo?^yks-keD1#KX@~!>`U1
za>$?!qCWbM3o6p)yl}4B;+$yy-1Qy$mRqJ{hQzW0(@s{dP+1bGI3i!IxXWso&1F>o
z+Yy7E3&pLb3)ky~g}tq_h4*^fJNhiFPR-2y9Ce5vHrM=JIX+%z)3v92Q}=-25Ej(I
z1=d=BIxI+{dB)HEXRKfC^~J$1ZbpUr#p-4;*6v;1L1lPiK_cd#2k7il9JO@0Gg@VP
zJ{DKp+0-W8(*w7;KD(^GK!X07#k<SMtK0Zd7uywCjUZ_1-M=3Gp_?gXNdl{qCo2wn
z{L4R~h0<ays#*Wnr7gFkDj)qhG2k(fxJiIF$N$Y^8DKkNVPRcP!96XlW{$|Vp>UP4
zXjmOm*qx-L4Y~~{5coX_7Y189Va~WbX9<Ft8bjoaPnzqzYM|bYz?KJ&9NFe{^O!pG
z&kVjaMdx4d{JzFO=qD&s-7WB9F&|ssx4x!keLBpws54S*^Ju9)XRz64_v&n~6Sr|p
z%h|=v=jd`aIkPE6Z&i-GV=xoQYk^qhIn|W_^!z$BqSI=dy-%0&{4Rf7uk5GiO^(jA
zbxy3!Az+6S4{svr;^<S5R<+O0D`z@~pGf-r(~a$gy;%P?LshXcEUd9^BIOF(b0B3E
z$5|D7yX$FTi~G@Tgbh3j1u~_MG8O9?*g`2n9Y6PlQC-Bp<>AG&lmn$Tv-XPA0>L&1
z5?WSEUeDU*lYSQE6w}pW&|I^g*n2J_-}4vgQ&)&77)Wt3UKsLHuX#-Ch0#a-&7+L@
zL}!=do7@^;dk(sQhonJVIXB-7lOG(#I#@2(Y3$~PY$Y~G-T(En^9kMElcY1wEZfa#
zx{n$dg!t-@9<vGGB&-G-YCS_AU(dDXZ<aGxGR^uYsE94_vEJs*+s?p1J1636W-sax
zIyySj%|Eo=U+k=2EN`7HZ8_=iieeWl?3}EfJgNY8{SQQ7%PO38XMJUml_b<XMUO=-
z7{O1G4lC~&3q6kqm&@+V9aCD)9Ep<o_@<XzHOq5U(Z)5O*>BLNeOkj-X!AkCJX?Fh
z0O8u-Xv^Dq%ZjY>llAkVt##ZxvRRjBEZ&9=Dy(Nxa9%R{()gUpUm)FR@Pe046A}rI
zSq&`$km_#nIjqM7ucI2Ly%Y%&^o+zfelK-rzyFR@^M&i~DPm^j8|%;6i@SY8Kc}Xo
zO~us76!f<*Etc0;H+#Fiio{>koiZnoxYPEuPC@6?r4tXg_l#XQ?gj6!MCMc*sErNJ
z!eC_jLB>NwZ)NHR1omz)LQK6GlG@;X*c)l<>*pzO*@A<oeznnN@iy?OH)n>&wsMED
znVxe%bAwm%1Q3{~+lc*+%SS%fjFx^o=RaftnDhJU*1YVlc_Bxx@wMx~d-KTH#0-KA
z2HggdDvzS<YNA+S$!|I^U$X#0((v+~ABIRw*UFzXg-GzE;wWt%k*4as6x5Lb3F2fa
zlLqSrNkLPnRw+HGLe{dmIPN|%cyV!rIBR<{6#w}M(scQ9PcM$8!kjQ}7+POvOyHM1
zA%3$GXOB(3qiuAvJ2}Imcb+vY?OI#4F4A)bYl#7Xr0Y}Td+Nz<Ipgb@JRwFF)Zmr}
z%r=4VERWAMn1E;z6!Pt%`0K%Pn`)3<JctY$)bvKyYo~GC#zK(w_rw3pC^eAqbUC*7
zICJzHqQ8>XcAazrcB+J88mq0uvV1hd@=Tff-GYNv>rg{91`)ObtII`2so)@?=&2+b
z+9!!!1k~yZjsxhiH_y7aW_Rz9Y8IGxJAzjAs<BJ$MbI~n5Rl$ccO33n!C`OxeB_Q_
zgjTaR5k_;PZj;ZWc!3y3+J=cQLbyWZC@F97js<&<nw#{~?!gADa|U@R)A9G^me+sf
z@^@s>4TUrF1$B#zg<&_`fK_uY?QG|ZR(0A1kL$DwazfkJ%=#ta>rWdbz}*|qS7f}d
zX9mZYwJXwPM7#kK@eS)y<MOcZ2`JLGsVT*G%g?)-*O&(x)nPVSUfoW1FBHUBduA`A
z=UNe8NaSraRd?x5)Tnv**tu=lVVCn!%P<6SI;21Mfoc_QGpAn_WKkdg3qW0jN`He;
zi$jZ_q^FCUv}_{@H3iX(^LmvZsToa^kk9rskk=4PmDhFaD+mO#@Eb3e92)7&1@y4^
z@{>+zkzfygdp>8C36m}mG6DV)Jo<h<HG*EX&E4fvf{L*PF%PPXSetc!%!pd6PR;8Q
zOHQV-#sg$9;L%|(f1)W3_2UR1#9~LHR>S$HtCJ&FpVOb)2*k?PUXtFnD6Q9%RZoqJ
zKKG`*iNm%wu4`*GIu0S>Gvw8WwDt?f>r=!Mt%ODKN&lEW+2X@Gh<!HrcXXWGI?dB6
z+SWoXac#I%J8}yh^%=9%1yU>k&I_>E-^fhXV*7hf-_<OEv+#;Rw^<b1?in4&u==&T
zwba%L!13VAZaK`z#uE;`-@keBV4f7A<Zu&qTD)2AJSTOJpUC&Tq%%?*RwDk5$t@iJ
ziq6li2!3CQ(qh{ZhW9^=V}qdE&z?OytG>7ts?Kb8RW%3TF2W^zDr>w(bT7HaWy<g8
z`0Ii~*ilQL4^~OhF|Pxn6F21HYb(s%4!ubm+~T;#8mX1Col8;_l$Mv}&78yX({dz3
z7-+oQz@82by<x)IQI)L`Kk6=P*0ixam<rZBb*ks|w6y8I_c#0(xa?&{Z%=mPU;%0?
zloqX%#PePN%mRh|!WtO>2DM9>@UZ2(g~bj6aeTR>P(Ql=rlEp@om0D-Yz~N)6B@sp
zaG@;{&yZK>j_mEOkpfnP*X)FInAK14u$b(unQ3}r55R+^tv@A0Ix~Ux4KjKYd>?N;
zfh3m76VE}?^Mjyd&!AwgOkgU6hj#QC$MjBrHdH(hxl$M*OeMf?1fDrlO7DOcM$x2V
zgzsW2(I@&)D0mhkl2PU#L#%zKYBIRYXYw^&XDmEHUd|1R%uI1-U_fCOvfbR+EGV$6
zIFQt>9K5+4XYh$)ki2izfd3=4#E7dAm&0b2pYAD<liLaEoz`6KQp)l4D%SapG0w9i
zzLy4Dpm$jZcpH-3Aap}U{a0tN1C1I6Vj=9D#lAx4SBDfKp#U1>C~9qPjBSRyjDG|>
zME5+0M=E==H1%wO{7_L)N_Lh_kP){01jloO(0ff7d^h-6_VPD=;^@xkruj7AR4X+n
z7Y751L;nJ#@yP&8+XFej-0dRWiF42K`?mf%vtW{&DR7S~-g6Ry0qphyaCF+y${+#%
zCHDCA*$Qdn#px$woa8WZv7#wo_w{|;RNXmUrSt&+MoV6Z{urHELG)gVf7$G9bSpB;
zZ?}IC3G3~E8gsM%*Q)9qr&BIKMw(XNhxah0fgfFn5OV?1ZU3OtA-#$-StI4P5<#Me
z!?mNQhnu)KzsRkrQxh1~F=vaiC)!a4$yin#>+{PJ(NdRl`a(`FIa&@^;gquvxyOVS
z*PpM>23$#d_hsGbi9>3nsEI(Yg+snaiKr)DZtVauc$9W;F534L36y>Hy`RXc8iag~
zps8(kcC>Lgx<0%>VOIR(cXd>WKeWDDJ&)fipmelNG7It5Uoj@L^TaOz(@UiQ;n#SN
zpc;TI$kmAmNvK8%Q{CC&7FB~V(agowf$Ldoy+xhkTqoOIYG}y~R(c-GhC0zqkqe^L
zuuQbiMhiE!U#}!|<KwyQjRwMUBUHOL665q<DMIncrzYf?BHTwh;&K4);!dudOBoc1
z5%~G&ipqtoCjQpvVJD1Bx~z-1nghxQ9p)6+w6<oO@osjU$w0~hc1;ri+B<&Y8A}rU
zOq6&I(IFaJihk(ylLAL&%>Z5HMLE%|f2c6v+nA2y7UXx%jn2aVZ$Mr4J?J-3Z!7Le
z;SKgn8$DoXF+V}V4g(p}S(%YSKIcBmLZ8eu+us=vP4(eN_v4!k&aw=?)WPxj3OwmD
za>`zeSzaTHtA=H!UEOVK(ckQQs`uf-0X1ZZHe0YWy#msn*!pl&v&Ci6B_w23EH&r`
zM$Id<B<a477K08BJQjTB2ktOsf!;&=sc~Jz{D(s|-im!?{<OHBO*tpz-U+U)pyzD9
z=BhihzuY@C8mYTH;4Tlo$m=*0U=rn*{SoODZIn;7I0#0oG#{NU-M<2=t9fh<Hp-jL
z4piXH>v(>%35`$nfju$=TMJFbIh|vQ<{8U>phh^0WPV4V`=GU>=rGi;h?Zg@a+4R|
zgY)jrwc`qvm&jewANq5}gZ{)HexdWu0J9g(ny;-D6qkq7{$@Snh5dR9z<CY1;su-Z
zOu4UcL)$|5apGpp^wsS8DRh81ll2wp5wu#n^?g{ShAfzp#Ru20yz))h=jmGD>9*%$
zc<AMm=+zb0iviy1FWhv^XL-4YIM=7l*9k>qHHy}t<6!3h9*U<zjpNtU&+8I$95Hk3
z2E;e&YdyH_Po&(gTrrS3lCPi0pj}HlZ61NI$78+ng}izPmHKEYbKj)iRK;%1Iu<+4
z=k%i9p$Vq29N!yq5NXpuQX*`AFn0WWsmNvOSl!M5ZI5HyzqpeBlPbe~n2QKo|1wA2
z>6znM>Gkdm9Jeq8Q7e+#M?*ug7h~B-%-sZzw_Yr$2ecYH(VfUq{@bW_#@)W#ZeHH5
zga(>IkN7pc(Q#sY1;3gPe%m2|nSJ-Yks+3;lknXUnq9K~Ur#9YGx5(kpNhgA;`pu}
z0YLaJu6ycoCFZjypNtql_-{&Vxg(F?C3YvQ)9PAit``QI(){FLnQ+EccdEOoe{O||
zuYC??4pIeKpUTyFyVs!K3%6~$I<xmUa`Xd(aL%&>O^4#=Sk|}6tNa)HgUk=6E>VS-
zkSkaFuuest*EiH7C`Z9#SQCUMkoRR%tj31De|b&^kYQH#fb!#w`Ll8bv<-TcPFDro
zK*N(G=j-K0KMQtICBcoL^sT!2ifDI9jSknn=BaarAL4E#224VshZ(n*VxkT{V2aC_
zn4I}1m^J-7PhpjCJ}memf3JaxBt&>mJY;jQ@2N<EuBmU-uc=V|i;Dz}RG}A5T^*j=
zJ*r;eLut@OiD-#REjM3_=r5~ACMa9?dTy(oK@AdW#e4m*Y3=-HBFL?76=9*E1cuD_
zNEqZ$HKzf{+d(in4!U5r!JLaCgUoAx6Qaa5&>nTF9(F@*>jTo9Ps5e-6p;s6;_S?j
zU2@X##dC%G==QH~p}cFm$2lxIFB@wwDJH((c7*LWwhwFv+3ZhuqB?EwSl=1GWPp+M
zNX-{@6ZbYvSBlK%w%of1sHmhS$iGyHaSRWuzfVw-?{MDGgkMMft^Z5Mh8Ud6l?Bx+
zqXn9@j@mo<!&kC%6`Olp(Ie39(%8q-J?e!#cVM#hHjClp)h@a_`Sog)SO>@bI7E&w
z@K^RfBs>J>=bd-NK53p%SuV6txs9P(ra*QMGh%`hJ;ScH_X#MOzWPwX)cR?F;ZxCJ
zZtmL2Y%q_*T$tA`S6Q0Sw&YV$_Xm>$oK79H?+1YOKq0~J<fEkSOo=Kh=i#f5YvR%{
z%kPgFB^#e5J8DTk%iczhgmoXau!TWtt++75mmUQyl?QcW8U2#W98W#u54&u13vh7c
z0|SJ~mFnx1X(%Yh_H4^ms%BFT$q)@0v6m`&MLcF|(n>v0u9Ok3tgSQ>wWm+i>vcUz
z)cM(8J8F;7#Y&Y5_wT;7%Qs1OV5W?_%~kHgZ#kwCX-TU4wT3QW?_MS+(_(GJg03Me
zbsv=@=qkEryjWMcKJ_OSz9uX6W>`daf9zC`w>7VlD*WTX6KSaPFtl8=Nb`rRCN1Y=
z7k&vH3mv&|KEo4ql4f>hnMX0ax9~|7c|VXE$c1VI9cIKrE@lmL3TD=>o)y3fs^>UU
zZ=0D7>W~=J%J&t5HAp}6Qfe@~^vZ6tCk54D?>H2QJ+Ql=DrFbza=G}TU&?zEwXPzw
zVJ~XxP~Bd7TWY~Ji0=fBKxf}lPdQUn%0~w9@F~@Ms#i8J^vL9Jk`e_l=glanWU(vB
z=b?uiijKY5nagItNwuObuuF(g*Rg9Rx|5t+=&bAy$w`7obsudP5pgA9ejsojR4K}n
z!Lwwkb}@bV!qfFj42(0?I#s9~lyFr9>e;H;YrH)?$^xSZ*yLrwKUAKUt1aT$pA5eR
zlZ~0gz@m{#qUW)Mt-W@R+|;_<P042(o1iJ+N;T5!;Z39uGR9$ixl;A4`*{BToks!U
zOs}{2Nr5}h?)%qxWuSobsgojXY^gZs0Sc~SyQ!sJ1vUi31Ox}kr2NJ#XGcVp>q$*t
z9%yU)kb{8BZ_&)Q_wm<~aud&notSX#a&~qXy6QhA4<(`C_eF~!R~TB9R%5zRJ>R9a
z3{J+4I9*3OYVxV?TP0#%7Bq7?^gam=B5}f=#rlXE9Hi5mY|IO9XI5{ZoZYt^BRW;=
z&#F>}M10s=%~*jGacD;gh4{u2SC(MzH7O};8HyxK=gJ4Rf*qU$nNjChP2<*L-s<7U
zvxI85KVe>^ju|oQ>sz#M6np<o`mvds>~<e{ZBbld6MM?=1y>!lTzv$cm6suFR#F0a
z5D16!<)~SI<ud|B!Bf2T2O{lv!eaR~DFuqdl^>kId?CttS`}_2Qhqsza(S`k1l)KT
z)x4lYZ(0zAW=*iB%c{$`vpeS^c(h%PHmC1ks_|8%cIOE_TL2y_OJ7LGO_^E34v(u$
zCYMR0ph(ZVE*2=gxaKn(d>%8kwYV*3ue_pxTMdiqu3C|>;eW<knAYXh`WEJ_8ybww
z9grc2^H7G>ND1c?T$i>}He!NU&3VUtBiv)S@3de^Ktx$~n~9sezXn=|89J;mfEM%C
zwVrcP1saPBUKf1a;RHtEBYhp!^-8)3mbvzmGBGbENVxY&%nfU@yG-3mETEs&kI`bS
z$L%GT#^C}B>#*Iw)k?$i@-8*=V*A?ghj-WSUKO77Eam)ss$6ptGW_dxoK85EJH0D5
zeBs*}nk8DbGfH$)_hqRl(3GKoxQ`L?mVPY-k$|gi*CpoLW4@TP`vQVi|9&vAJu6h3
zYJg^A*}ePO(^hp*Dockgf`T(kCQ&cTlKu_oYD;Q#_+pfN7tU&_R2O`Y+30(YkQ0}Z
zeB)M2N8vP%KZ;YnOOoJyNllyfx6<utS0hGov!#)jmo5r2Y=MqNO$co1x9xJRoR20T
zc`C~L8wwij!Gl?-x7;M&(kpw9?y4A|cPG<1h8EKS<u3|KJ&j$FuALipo5tQGQg|S;
z%<ofaTFzUm`=J&2{aOsiOrQ85@T3{D?w(neiNV*diN*@kNi+@l8JteF-BGeqtme_!
zh5X$fsi+ecF_YoNo67kzVzZZ=&3yP?-4Ijm(1(3t*Hk=~VpQ}lNx`Ut%6cIweIM<V
zxL-04<Sn+ge4M~(->jgq&0}CZJmozZR(KIZaIRu&#pP!71W77)RM6}-Q4*k7oV$s}
zFP0me=&~nZJxO8a&4K#9<1UhA`_v^Ojn7zWcX4*Rvs*ViL<T4t0r_C!4IFyoY+PTq
zkCf?TbqV0AmZ9FSJRCO)K6NrW_sF-P?lro6QIh1T&5g>PDD<JuGr{e1TK!6bP(i^a
z<o@Z-{g0Uh6;db>@hPn(3!ohNK%W8+1u?PJj8UYs^QW%L0JUzf(Z|}}$}pFHPB0?t
zMC%Ls${kM7+x%hkMb{UNCYmbZn<LqxZR88V1HfBzvEzOg-#T&b(@U#MogZNnLAxs|
z!KWwL1@E@Tq;Txp)ftOL{OBtWLeN2l+b()btiR5Z+h#vVM(nJ*=XaLN35B-z<GGc&
z<8q2dPZ(<AvoC>H_<j9)E9xn?PoH!uwz8WTu&R2CBW{*;oL*S9U<>OEGi18s%?(o7
zI7W8P$jo6a17nP}knyAn;%MIs1wGu|qIa0M@1Gq@1q($`RZit8V!lvyl3!@tK}P7^
zc%B!z*4CyO%!@YrZ1Xc#_vf%kvkrV(IaSil)&$2-L~W}rN>b0~$lAN#1>N;ZnU2W8
zl$Fu-9?frDLVdVH*8a;CGvVDL%xm7wvO=0<)M7|QBGt&&-ncru_06(H->EV7X>m~c
z(%BJX7`$#@hkf(-Em)ln|IjF2!9Doo4V3>nxKaPb;{7jn?=>$UpJpjqWx;jvHBZ&C
z1*vRpQJT8`)qeBU4&*NyvVGlT&XwG6)~_q_&~}9pp8Ot>HN(C8J!;BR5`4XOB7AK%
zmSq3hZ;s?Exuh}9%}2I~{6j}ROvCH*D;N<|t$<~0c);vdyJ*b`OmJQpMjIQtv6Pm&
zu2Q$rFi#spYe_%9pT<#nr;QQ1Cc8DZ%gwFEMI)RfWFq*;vzV`=hO6)Q%2jHXowafk
z|Dqzc@BW>NJh-{+U0dA|B?ixM*wLj*ecd8bc}HtjzG@ntTz*BF>K0q($546ry^n!j
zW}-3xT$det2{smRy5BKs8~>~`PC+he8qO8sN)&c!5s~AmLOm5`MVN<|n^*)>s)u;K
z4YeucE1Bpah#DvfTH_CJ`_vfA2JT8dm1Hn(c9llDeiPO(X^bu8<WJ&Ov1QyZ#pzwE
zXvMT>{Hqs$#u+N*m<4uC?YHdr*X!X=9FnMdC+_h2;i-~pp27S{xP_8dRQtn{b@y+C
zTPVg_?IML_SqIC<m;$=Um&eB=+fC5XokWFOoaG=E%#vvuGq`jirYvFT$Bkvlw%_Q1
z!Yz42J%V?4mK}2~<O}T3NtEk7RpP8+(IebKM6=6c$PL}my?i>x)B$Jnr&XD*0`hU+
z#kjIKUIbw1!W#UN^TnK@0Qwp7>p3)DTB2L0mkmol^n_SyiPB8fzqcDP=SSE3A*5KD
z&7hQ9I}MLJ{jomrUPfWixy<FL4`O&$4WTcG^&F!~sn^SeK7}sTXpG1@+$?;b70-P+
zR%uHf!Gz})*#IP`p$^HlRGuyIscJ&Y<<+eCI~rmgI8?AZDb&1sY=mNVS~2e9qlaqv
zkGt@j4YD<^-E%mWxJ9EX`+{_8TFR_t7nGSZ4X>=Srfs9iadU?VM_oZj8wfuG@6_YH
zUS0AfQIHmNN3H?Lg^mK&!xVukwAFSrn!hPp%j!G`DYH>~z1&ckQgB)+7kDKf@ek2B
z`tL-;*aILMJ58DY1JQWd0T7MZ<X=SN5y}nGNVE7qBO3ei|NjyV4K;U8!((~F-@FQ?
zglMy8vLD+t7zbx)<a#Vs<La8E9E9C%<Lcl>!<*+=7(8XsWisWM!A*)q0#{saG|0E8
zgLa5LAZ}BF1l`RdD9sHL*@S|Zs5`eX80*{w55EgqtX_=nl9K09yWuBCndzwO28vtI
zg6>H()Xxy^(yR9bOFKUcUaYN+NQrnZW%4BxZZYh165V%$#w%#j6_z{W)mI8feWQ3g
ztkOmCGr=oSnL$b2WGqiVyfeThAoDL<=;sZb;}O^Rvt%29xf*e5K6+U=BUx@x=~$of
zCMqCaN(?VkCp!4zoGnjzfDgt_3!RM$zK9)aS6s3XeBydXUpiQppjs+Lex!RhMu^Q{
zkyt=CWTsZaOeT(_QD#*6%fQ7%bbi)pf#_n9{z$qr?jx=CFh#Fb%k(5q>8Mc6TFSe(
zR^M*E@Ia3!n+&?)M3){z42{NQ=jWR#u?Dx-wR~XYF}XpB{viA^A(foW)lp`=*^4In
z?|-(W8r9#-0l&j<2G8^w%~)754~~v+p_&}L+`zQzu4Uz#OwH(ZZ7z(8aE;(|uuA&5
z7&p+jLL<sT-uOjaq-29?&E*-@0<e3Upt5-kI3CA?7podu)Lx$_m}uBIufRaJNOb0i
z1<f--Sr2+g4%{a3iIWQ6oDkGIxMq^r#jvEBto*`}wWawFB12MoTZ*+sqtn5v6>e-3
z#aG*=ZA32{)1i#(*k6I9(!En+5t`saGbn!`FOA%&gG~G8y>j@KU2RIg7V3JLa0y(U
z2j`jA%0#=-<eOljTW*$ek?*gyAML+|$$aiOvoPQ~tg^<m=J2}ja>!=EA}rp|?xm(a
zCWNu4|M`J5K!s39SouB}wkdu~#ynTsPYDX@lPs7*tfNI+VHCw2Gq6>C&(7XV0@1)^
zcPn2J_Mn;#<i5=sYDb!Tc9&&`!1I6_Q}i2dYE}cDl@Se7==d%oq4A}QKx>}iN4y6C
zVU7(EQAOYh5`cm))k5iEUlTz%FeM$ofbI;#36Vz8X*nEj*c?!2M&@*R;s+<wZ=3AW
zm<3Rjx0Nv&jn#hnCr!|t<Y}4u{cwA;%o4y*eYk23_7Vi-6yN7JV_x-kc;-yd!IIlv
zQjpy}=Y$6bHIg!04pcxz=i~T=Fz<og&9sql5o=GFhq_M*qPrg_wStr->3#Hn_QmE-
z@L_RZMNQcdS%YTxKkyP_M;k<fr*=mSrSn3IwJP17H{4KY`w^0(u#vfw;Y!!CwAuTa
zr~)3@ys_b%q~$zvCi>eNWcE6E>kg$R8Wj8~EWez$pMYQgPnQQ~WJ9Iv&5dr3cm3}P
z>3<JV-p#!Gm+?<w1qB7QLJ{P~_2zXr(nqUP*>-bnH2(Uc__}^=m<L(sEl*W>-ps1i
zZ&t496#vFw`!wXx%)ry4TE2lDpi4u`*L+ul*OQerIzQ%kB+a{MnD_^Ve%bqhgAPrU
zm6G_QajKR8e^8HerS=iv1(JGL(+Z1vicR)3Tp+I05Kt=6r8n~#88qe2%rvN<R%xzb
z_4*#w$cK?nJs<{RF&eM7Xwy?$uNEF2#?2^jcjkr!jidgd3Z@v<N`Z7fRwaFJlc@{H
ztji6tnDXs5e0O+Lt+CMC))VX1mVWRy8H|4wSI*k1d%Js9G)-44t3WZ<yUWFXGby*>
zm1Gt*(PkApX_KQ*?BYHDm-@w2A}1Zxwf=w?>TKk{Tm@CCfEjElIth*@GfbH2^h#yD
z>bFjfm^>WG(6Tn}f8Vdx^v*dzTyTuNfpIJAW1`r0pRh9Fd8MpnHSSd_#b%aC>d;U{
zqN8?VWVnU|gzKx5cno7|#iq5I75;%TygQ7$>>g9dBblzqe3^T9I_=~_hyAG(-ideO
z4j7<5g;C%e0hR!5v)eer^0>A+$Mx8y$al~gEg@0J$>H4!H+#8)k&8x;2H@vRRC;)p
z5k-tHt%9ZV$iX(f7(|h4TICGU$gMGR%4HMZ<3DK^E_K5w%+B2$`9><TM|tjJ=IJ)(
z$y6bvER&yM*g2-V9zrcWRAb{5K>RPzwE-z6TgEs&NtuwSEdXjU+bpk2!9OOWHpfO<
zTr=y-b)Q>F6OnmWNRg|E9E_aN=CXW2dY^S2lB1;(M>nElyV>Jyez5h5ItRo*!S4lx
z$ffpR?1aUN*S*XF-E496F$W!{jjS4AitJV^iSJ~`Q&kc_lZ$$xVmp#O_+kCo*#7~e
z5IFhY5i>rD{AV%4BD#$%-n}#d;h@y^2{{lH1)}h*q&fU7H}Yle7S{_~CZv7E0^dh%
z!R|kmy#(O6#CUEC)3GqFS^6@=zWT{m)7aKh;6xi^ek<^Hj|%FlY~TwpmY;U)5LguY
z<XRMc&7@<=xPsuNvwNv!TSQ)dZz5w|vR3KQ=JTCi%B&~Z9^K)S&QAq*xI1BvKUJ00
zJXoYxOdSwqHR3u$6nYfWHsAZ0Fvn!^=u)T*%_^4%NMfe6x;Kd1===3Eh#M<5gUYH1
zj+FC*3H{xHI!VO_uCu8$Z<{9jKH|BUV2e~9n5%4mlJ3(xVdNTpT)wzh=lcV<q?c1-
zVgN|xy^RY==yr3YiTRYApbF9pH2qY~TPrjGs31kHVc2<EdopoE$ooP&NOLf1eGMBU
z{!PjG>h*7ZBji8n8$Y=_OKEI771;{pJMRP@;(D+qSSCTO*m1snw~wWzc#RNeVo3i{
zw+V;>>|Sjl+oXz(?21WzelFgUQkLDR9W<GQW2$3@N|W81uVZ>_-6Xtw;v9`0r%I-~
z+gg(4P(FA}NSEi5bU@-u#i{yu7gQ_qxCk)BikiWIbkK1wtGsFIX2eHDpKi7n_~`rd
z=i}`ifnTiML(9K(@^QvDpxz}J6j;s7RR4a5BB{2&fivE0bSOYx!2#!wdPO}yC`GzI
zlz*;SA8FQVx#BAM^?3(lbP%0XEd}mrHK}q|ic_|+f=(kj?kRmnaN2j6JHyufmuQdU
zS!|<ulXC%j<z;YJKh>oUuU;v%FP6d7^KiBVTRLv<f95EBe*a63(zNs+If^W~YR`69
z?ze-6V<!3pdt9YN^CnP+JVdmnqvOx!4~eOUL#y?g4VgT|kMw!OCz`*F531yIeGu0g
zHKX8T4gFj6m>eH`O_T6j^icbE(Sr~4A4CteS@i!S(ZlyYh#n8K{$2D)6{8xj1n2fA
z36zc-KL9rp+xYYEohg;oWV*WODsD@ve)%QSa(@pfb45mvZk_DVW`AB`5T8xV1sGy(
zQRnAZeQCH;gDUcjn)sVJ??*?b%J@pUw+Kf@+ek_;!k9X@G<9{4Uv&9tQcwZ>?6!Tw
zGI{`p@R~LMmUh1r1qBCLk!?-}qZpK{LT0w0WjrPZh+;^h9BW5B%!H0CfiFWjP6D?&
z13}%J#GsYKO-h9MP|^AGo^oMuVhNK`XO8jF*$DD(P5_Sb^QRm=yZj<m3T95&(Z&&L
zb=h)(W)N{XNry|qRha<OM~9dWoZ{nhemtEjLJ*t{O)A^$8gNH)0%1rWW^Y-L3T=Va
zepf|3_^@G`MTI80hIwbkyv?c0|8L2)@~28=&()WmFI~Ft0m$#4pgDG*E;_h;bu+ey
zK47_9_Yl#!v&@Avm$Jl$v+fWXJMJO|<oUDZSGa6Av-I;fC_G;?KHejt-9EKy*it`+
z-h{?4gE;pGWsCI>c$Dl0PTRr^1ok2S$RD6kncwoqorTofm^bt!BDBp{a>LG>a0+_a
zlGS<iC9*u!XY%@LzZ*aE0@*xQ_55Bt-?UriCr_O+R%H64-<0MSrk4a7cjuhn%ZUSL
zhes5^jc$%}xmm4$`dnB4r!E<dwy?Lzjc)?ob`NWd+&=VAM~a^DZ^TX|Vl47dniIQh
zfBX@ZQEHA`*vn_>CaW;phV!eveZF(ysjFYNQDot2t%wPWuIP3|AaQ(CDt|SNxm6E=
z5mLU;)rET6v0Zyg6#$Pc66ikBlq5U<gf^d=?Iw}<X6yH>gN>hxGiMP=jP4IZXMVSI
zb&y!Vp~ebQ6BAyM@>2Suses#pZ<kz})3ZZJ5(-FUZ0K!I6|A&=`VP9thK~eWsuwGs
z&F10L^VzKf1Wakww@4yVYr_*c{^GqTdO_xbIMuJo=qiJ{WiFgYt*c6%F~9lQv=Tkg
z==Ku!mHkWAY=S1WIDI|bUU>{qM;y2A$-dD+x*{BO5bbw&=a>?g@@C(5b1!L0Fx;~=
z+jRb>u3Q-beWQaXdb*N{x=83UDed-sHZ*H9)&pwn{?c<0-%GXQC#@3II@xur?ZPW+
zv)y|xG$a(bmsy*hKXdGIrHHfcF!6rh2lbFY&H*ZO8sdoQ#A`A$T-0$+b;i@{G)0=M
zY=(&iD~Z~oDAT)sNs(%eurDAr=9tN%S~X$MYIDrK3Yl|c7Pgb1YDIutRey-$AoD~*
zPP?69m}zJZ_uk6)$7J6h{O&5PdUeBHsC82qHDF0<b5D7J1hBKJtvq#L{uDF%S}0*f
zRY{FM74d`38qjZ&7{Y@sWlYV{iR-dGuDMl%*L4^*eRiO_$PLf)(Wm2Lrdi;}2ZE#i
z=Q<R%N*RbB&B+yMzjzBb&X4~tgp`4w{E|W9M{MbYiWR10=h2HIqw~NBepy5JSwIt$
z2EK9eR{0wYg8+>pq+e=+LA+z73R-C@Fd<R;p>Ora`t?P!;Zwbo{y-rZjt%9MGcSna
zq8m-z6_;}}j4XD_lQV};gsM_6`?TP?t$+{eoPnpGr<LwueS4!}K$<+s%#vI>FMdY4
z>PmF)aT`xz^m~H+rj~UcGY6pdGqM=2Ep4X}@ZV+r6(J~_AJZxs^VY7;Kb1K`SAmxN
zGaj!SkA(_QTwlAZ5Ih40%sUt#|B#b@O&zP{W<~I%j0b;2qnM+W@2s)J-@Xe)nIt}a
z5u4H*fRnY&uLSZzK5wEa-f)wZ+rz;@xt|ASO-7|H%U87`3$+*JQVGYDBGxqRt*a%~
z7GFSQ3?0rrWU?#=UaL8Y5h?00sAf^vv<q==DjEisY{ZV3Z5ce4z#V&`JLb};l6J7f
zI=Qvx5xd9;fEm-ajMplS%w`?LeL+$zX7Vt?ZB%qWMnAvkbmjwn5ZQhR4=DyMxNs5Z
z>W6`*&OHp7*y-7RDTgTUD$7da!i_ddvBmA)O-r+lIrKqZQ&mrN%p@8trU37)04QLe
zi7OHA^Ci9%JN<9vVJ^%xBI8dZ_Qa^@QoDW;5_)VuL`t5DZM$BvLwNsC%+jd{FZ^SW
z3B?Z5?o+X{Snan2yLiUe)buOJMB*2pGU2`3?T%8)VpBnLNnzZNouzgkbaMwDrz;>g
zT&Q>VMxJT*f8NSk<>#~;z`bHn@3Aeca4RH*wUu`q=)VlvtVPvBQw%qPkOvVPn2OVb
ztu#y1o^~Jsr$$eJ2}kzV(i-IayKE9`9xsFc<T*E({9iN^qDsX6^Fx?B(O~OT3xUzS
zOfaC9JW&_WT{IP$;#6PqWK;p6vHCbt52E_7uYq5^fy$6?_tE5+VRFRzrQ+gv%thC!
z%{d2AF$_xpS_oQ)Txv{`I!_K?-|pKntunr#sh9LFqZ=s=Of#NbVYaNH@w%6Qg2K<p
zeqzuN%NIuvyaaUAFLPg^b8vDEamr6io#4yz<j-4xmWwJk6NKzO4X(V*-_!RL`<sds
zJpiZ(Dfd5A#CLM=brs|{6`9Q8blQhqgh(qs!z_C-p-~&+xFJ{4um=9<zo)wA#6b)H
z_91#NX0lK|xGP99!JYVtwS2bdFyQsV0IQ}O9y2MwGW@uhZ|nVv#H}sEh_ypcdb*5{
z0yg<;XquGSlVw6B({ckBw>&Mren~-b>Vs4}vRBu{b6P)5FI~=h#X6bryH(RV5W^HX
zNm($ltFI-;+^ZVWkf#E0y*JvCML!dTX{*w5lGMtW;EHz&@~Tap48Rkdxdnk9-lv;f
zfcv+xQJ3@jsve&mf#_#&5<kwHdWa{#NeJ&|D3Gxp?98;PgFb8$DwEocUCV3l>Ru-4
z<83EVbU~Yq4xkOKj{ccA{ictby+FZ>&HAJp4l|sygya-NCh>lqb<ek2Gm$p}y&U8!
z+Ip-+(csh12a_lVHB{Z9?p72M5@cn5980!;)RGG@r(*5PXBjodfHW@ny4sxS7yiB@
z-BYPdQm7DomB6?}<EztvwRTH-u0~u;%<uYi+3xyakk5Yvsz;bZTh;gBq2LNx-c+8>
z^=9)m0O&yt7rg+7$U)b(z-$o*2!+NEQs>{dy>S0+rXVi?Gv(d=G`nY!2N>EFny>Xz
z9R(nYO!O|%mEfb;A}&;en2Ujn662e02$cEGr4mr)74!%iH?y|Co<+ueWHA2Yn!0DQ
zgW`pOrV)Lc*hh_DP|M2{L1{%$nAUvly_hrdtn7CR0J>bk)o_;I84<8z`PeA`a#Ko(
z|8)#!qg1Wu_p&>mA+J7!GLV7~Tt?`Bb!j9MRD|=piI{f{X;8g;GhWz5^Bo%yE}kV5
zLLw;db0f37N49T8a(CjO0Np=Ui-jI2Iu3=}#(_dLtFw~^mB9`c;#Jwh&t?ZdkOj8s
zS;Yqe=G+=ubgeT+tyh?>&YA1Rbkdh1di@|Dt3{E*^b79I>AU`(zx45bnd*$O*N)zL
zMo03M1&j;NUe6l!-F&TY#olmr9Qtjj8)|wW7c*5SF?4%iA+7$|-Go9fjeYglV@()8
zJZx11)ne*Yp6RVOX{K>7E$^x^MUMkob(=(74O}m5@nHdcxa-@8Q3-!nuA?{9C`S=X
zDbX<iS+VO~we`HD$t?b=Q0l{Z=k-Bk);)(!LCEWq6Q)Ifq+09iRzz~E{1-r~hi)7&
zQ8>;hi_!@ArcaJ;f&rUh_WJOsU{^=($1TeFx+?49j#+0XYfH2a^F@CqVH6IdU_|{Z
zf48g0(5MkxN%CF-aZBy2_q8bln<7ZdtT$hEu@%lnpwMayGP8GHxsOr2I_k_a7jVC<
zFDM=%z8s_PMGpwbObEwKdK#O>;bm=UwMpx$^jvk9O3J);sGQ2`bjZTRZTIq&H~CMF
z&*nN>hd6tzzJlj-h*D0fGid8Qs7@gfFn`vve&mj~@dXG6Q@p-D!E$|s%D^7Vn#;L>
zow#0XAUxdlCYoCYRby*A05KRVN~HjRwj4J}E$6jxAI(6S26gtAlRJl*Yi;>uJs{1k
zI-NkaZvk^l3HS~=G24^fOVfLTLLO%L?}nDfJvlzSH}%@+kX-m_7DFmZN6eiPZ7BV^
zmKN=Pf*-e)Mn=0G%$Z5NL;O<u(OI^TQ)SHc^{I)nWqu5)B}Mg<vTsx7Kt<|C)Seve
z7*P3S$|o|A3-EQh3LZ}=sCi}&2!<}Yd`~i-$yf|}D&LpyM0w{q<7X2Y3`~zk*_yT<
z<}5){iE?3BTEw>PUGRwKM5;y@V*Ln}5#V1huJhV$JF|S$=!4&Q-!5_8Gs|qXZ{U5H
znax$y#BMKz+?ZWw&9m`*fxZ*0tG<)}SzTNc;SBKD66(q+i~JWf`SfvL*{#=;RxhXC
zQm5~)-_qV%F#018F?-)--~q&;v&&9jh^4%0`gnf;v@cL%5cBOGq&ItWD^aM;g!X4<
z+|H9Imb{rao_eWO@l@YE8xsDIEC_fz<}e5MZ+2yjHJFH+*#C9t`jn@Qt${Zg%PX65
zQlbiBKVWhKeiE_;Xy1gwbk&Du3QqQ2`R#b^+Z^bFPD@})olLv3O_Pt|sX-n9!$OR&
zy0YBg1+DEK-=AQo(uOY_$t#RJ{Dx+i4e2wO{}`?oY8r@-VV9lM$Nq6BsW|1e>bUG;
zQFoyVZ_ETn3zJ@ZTCI-?AT=a4p9wc4Ey?iosKfycHJvnH1~yah(&;;0k4ma!>UWMy
zXm~8QP1<cJ&AeHHvNW6u{ocmrPtdH=HDBHO8U3_$B+7z@8;%og9w<NUA-3gwmy;F>
zb*>vxtUPkP&sfFd#?ONMDl?sox^QyWp#P^jcMQ;36D;#rXU)&5zttx;OsvN^wV&PY
zYykZwI=d0>qTyEI7snRL+VqN@rGcUURePfFGKn5WYaY5`Lu^ObjXLV?Jx<aLtOQYj
z@!y(P>jL0uEu7K{yK5xTfpo<ka<9|X%Y<5CDGv|78fcoxUnMc&lFZy~&r((e$ig&d
z`4yh)g8~IWuEL}-<YEUq_m#(iHoCFyE1@08lP|I>%A^)Xr;d@(o9se$(SgZswdask
zRA6JXi6`c|(W81l@uc-V{bnl<?|PN4_t;imA@v@m=I(asHvuZOU85_LqyD7q%{r*t
z2H5wawE0p{{ac)1rp!cYhiV1LHoXG6*{yi>v~3a%*_6|!Wze98rWM5~M4F}(%F$n1
ztHeIk?$HxEO2dn?XPo!SPv2K#>hOWtQCO3>jO5s%ximx<UCmK@f2Z%rKxa}r?s1_z
z^L+yg?jur**c}nEAr&*X$9*pU_-!W<ZGg;`bECQf@|~c)hH&&TTX{C34j-4?8eP(Z
z;&H6Pazdk__%U8kv-7|RJ&#f3&)V;+=H0vA<Rn%iVjLcP5{`fPWJ=uMd{R7Nfs#Jm
zrrl0ng7_hSru)YST#{<k(x#7$*6CMI(+ly*qeo-3a-;|8*ZCKqje@1QxbK!sUJFfB
z0sKy-;fDrA17AsJRF*b)ElV{(rg(rNT1PFGqgG9@HBzaeM7Z1s=4JE6^{_6+{f>EL
zp_%NFvQuiJ8!G-k)D*Y-Dg3kDu@5OcX0Evd{z*m#)K07KS;yxNf*QXK<6+Mkxcvb0
zU7to$5yxi&Vz{fYzlU9dGywh)dJ6&J*d3?^Kh3w_)Q&n>V5#0VDE{w)+Lq|KDZXPE
z)~kP!(ztHg*fwrDhg?eDr<~j#ZaaLmTm_K^1($%J-w)NY2k`W`;W7}cyF-Jt@4x88
ziA*QT$NI()Hq+7kzcAP1^i{g&K}9(UYoVo%bLd91d2oxprzB5od3T|WFFI%%NoWav
zfDLb4!1-qec|TXzlb(rYu4r=(%Jyy`2Dbd8xBTvoKUDWI>;xJ5Ii6()w@<zOs~3O|
zvZ2LT>KbXRAfsE!Ps>_frWbDOlVusa`bcg7-KwDSTo20%=x2FRAl43sL?~Ll7w=vj
zAJ2ViwTQ%c=O{odJE*Ywm>#pZjh{0f?>l%%h_JOmpxaY#oGE+UfVw<l+f`>$G!A84
zVDE_11u*8H29z#yxL+AV=+4!j0`*m;Srp<cw^g2V1m0i%<J7{|+H>Jnc3N9`+*$MP
z#M;wfjE+oNtiTBYxk4RrJ{KB|*?nn|*QX4pnsf^)-dC+s9?~}OY%!B|O1Xw`v?>}H
zIRZ$ch=zd=VlSkT+41WHR+tVe<(_+jtk2TqK9YRv{L6<-$51b^;_My;6NWr8;7!b;
z6?mFZ<u&0DP-^1NO2Zz2x3g2Lr=>h7mbw@%H(Ot6As=dUn!wT&D?H%?d!}JKQub`s
zU9ULapF<|WBp1SH5{|D0A-V~@Ml$$_nI3K@<Ig3hui}PI*6we^k`jt9l2Bi%F)<5J
zYy2?mR0#=HpW4t1H;`$R+gIPYt|u)#GSr!5jcX9n<7t@VMe(<$vl;`6uZZgeGfPdV
z@-llS!^E8rlb+V2^%s1lmx7}eF&#wZTkl5?;>&q{*_=+~evLGL3xjo3G(wGcw4v*O
zEBQX%La2>j(^NGWd79uXKgQL%W{OV_*%OR=s!5mffiN&(DNmtQVECuWF8AY?VB(Mo
z8naOgEI?4ivAGcx_ni-wfNu`qwU2<;PH*ql`ir_7F8yO{*7Jq9*x<`el`GLc+h?NX
zJakTIZ7G`}Q9N}2{C4Q4**7B56cNgzFY#!I#5{13@>Pi$R+y#w*kRr14tt1z>?s(=
z16ZMB1KmmO1KtoTt%<C+-e*r(8mi?mtqLm6eKD<+zUkYJuopW#V%|$?)7CZb&oH_$
z6e$d@=0Yhm%6sll3J2o}#|OFc`DdwlVO&%dwT5Wwmul?w7TVlI;b+gGyDc<8!@BOv
zP!qc@T@UA>rtv^ppCx=8oXg8KaPuWhc<lkusA8JZ)D3zjH&1^pHKVX{rhk2DcYP_b
zY?{JUjXU+MByJUjk13*#nG*0<<uWcG?8v)Y$U^id)3i5}OAT%2CViyY3Xw^=m{#@A
zT90g{KxI~}qyaK056XeczAC7C^6=f*%ICRxPyH;r@$`PQJwWN(jU|=NvopGv##~yt
ziV`TYS5VZ3x#MGC;b-fS+g@@%;!c<W#n#vO8_xTY4`|OyBVN>+@Oc@jcV=h|tkI=@
zdf|-d_14R{EW8rxa#zOG?hpo>Z|TgQ^q=uGb-t5Vnw4U?#+y<5*+z>F;lA_6?*8X?
z5rw)XzE@ZK!D-4~UH_k?%gu>HAD=Fp#^mWcmp`(KGZbo>OP=gCF*Fl=3?K;?zy07-
ze~7ga`fk+~+{H(<4d&3^lHC{^IVm(hw90$?oo|Do&0znu(_vYmG5W-J)%#n*UcAXD
zQ_Ce|lPiY*$eYhH{#D+bORB*xplj~u=Xw7H0`!~9*?CnV*IlAW(&7_*RFE4oHH`k%
z7nwjKjtrkp2uIbWnRA&Hp%D0&KWbunvIa%HMT06-SQPXH$;1gRkS=z3Kb&hcHW}K=
zWr)y1e?lTU0)<QxI@zd`WP=+qw_O&NrNyFGf}_dxe0PW<<l%ujp=tnlA?;H*l^y#Y
zB5Wq6`|HM%qnZNvJGc`b-5nDCjNe|g@BW!w_+@B~fxd|S8~Zae`$r7bE=2|WLZLxA
z)gw{e5ozl)JjB^cm-;}L^<c+cQnpSI4(|I07QIIs3cu@(NE+oS28=#cMqP}`f;f>+
zRiRuCah?~i-%aP%f}?Y~_tXg?VCpOd_>X)Z)nE~)Ho}_8(L-*+J5yVPW@c3lff%%y
zFbWh*f0ur#HdL7*(dq;6>ikgef9OWTe+df_`hgZwFvB7g!I+xxd=_R!@h?vD`a{h+
z1xcjmhEh=mBOXD=8(%)edv}Rc*WuJsNgV{gDP;30Bwi%L2uqysiYnyp<&y9?Gf8ec
zQ`47$kD?~&&Hk5Cl%nF3bfgBQ+7GjZRWPG@0iA<$!hU(+;+id)x7R2x!9Sh0-eNFN
z)iiFfY}}<5)9@okb0<6VVhz<yCAhP8#lv&2j|nBCv-Hs9{+-^Vk!O%kZOPKE=wGeJ
z?Ii-J@2x=So*G<D6dHy<ZkC6YwtIE79@8?fCj)IhGFR7YfY+QS<C+^ht=5IMGuAIz
zFl&KrC(%O)SF=9$A%Tl|N&=juzR8J%!grKLA-+2@YAp|5C}Sd^Nej}6&&UD(;})3V
zi*wFP&HnBC_`kY_Iuf$14bdG6g9}D7PQTtP%loz_zHWR_6Z#7;(FouZ<JXL*(pPIA
zC&%0eGHrTRn#8>aJkw3z1q+z*A3olZ42=av?0>69rE;W2iHK_;v|v+a@<r<ZqZr@*
zQ^Y(}`QIsGq#@T|JPmN;;uK_l?7t2D{^XZd9BBX)UDVGayKQt6vBDvwxyuJ~wA!G-
zEkYUrJMtp$;&;x{$bjMfjfzGpcDPfYT&modCR*EmN<&hiaOxXuC2NTuHF}0;Uip23
zUDlZ4SA)%j0Sg@y-s7C4L)>NZflf4SX@zf0c-YGaPF@48{!U3BMAfLXpS#8zx<iQ5
zNERr3z`C@Q)>~qIvZIgXJGrZ!*n@;KBVBC1KaFADv_Gez-MDM`iAP1zjLrU=L_tTH
zXlMYBiu~%+Z|42#178@nsCVHeaC(yNt@{S}tc!!wP4sz(9R2#2WP1G$S;URi(f_H4
zSt_9!7l1qxBL!h&y9KSQCc91alQw3!x%Is<fp`Dd=kgVe+N?ujFs-(a#wo<dw5?Tr
z$97uWI5hBG_ekWGZk||-<gC_-4vN8`DNmIH`p*?Rx%pnO@;stRciIq)O;~Gb!0i&_
zs3v3IS<_T!f!ixB`%^drEBWNAN8-kAhtd79+sO>z?ZjMN?5Kv%KmGb1LH#Y4!eDKv
zyJQ1<f2G9LzHDAmY|hg72g_=B)P(<*(m}>_?k5-QXh2%C_@pm=L)M>q1?fQ<1y^dR
z;^H4k(Nd((k4*CeBuHm7dK81x#Y{(%4+3f}oq47i40yYrI)3@)e5jiJI2MAx9P<jC
z<Gw=SPo&@SRg{xUKS*oH_fe7VTdyQ~?tOS2d)r4P$h{A&OlxJb#wCfS*<eNR0T=kH
zT}t0D7#Ce`YDFSEdysp`aiO1<GoVBp%*7Fv8~;%otO9D4Qftso`1$OUYD0o>qR&k=
z0o_bJ%OvyrX)8P!XU~k0r|b%Hc!Eq!rUQCt7VkZ=($M}obL^mjizKBYak+Q@eYi7W
zb|PM7sT$hW3O}Fjn#`SfZdCko&;heDe;rhElh(!t9jIHr0Bw$?bMU<of#Us^Pmoo|
ztS!e7@c+ZzTSvvUZu#0paDoL31b27$;0^&2Bv=SgxVsY|Sa6r%9-P9VfCTs8!5xCT
z6ZjVUoPD}?AL(=Y_U${q9;5!CQezaPYOQxY^EaRQuDpqXjI_Ni^TrHqI(Zw*+IYRE
ze5J{zUs;9^h|S%I$#rNgKO3C*SAR}f&YJn*ny1Qu@Jvc2W#JD&`|`V$znX8j(fh-E
z1Fgg0Vr7meN~eK<=}tUhmCTi{kz>ueTPtQHH#tR0ujj4KN(qi?Ia^Sj19cHqev7bU
zKmn3^D3w%A#8p|J8Kqb-P84SLX73lOVk<FJ;VvPA_(=+?>bGjUT-*HcdbIPkNwj#*
zPwYN3717SQ03Kl2^A`$%yoeY0)lQZtEj9hGwkNfzVh6(1Xr{xK(m2ANUzpa}dax!=
z*qkMHcl@5%Z(p*l=-D#RGOO_jmNG9L-13!{O$k<CMP+Ml>%uSVxrCCEueW^*WA?>O
zOmWzm?*uheedzL}eQXOkouN!Ck^_S=s;lMeg?rV8c&=bT{C~!6CU8m1;FzHwb{Q1k
z>q}TJyQni(IcB24C=i|eoVL)_xCSd6bIPtt>Qj4mM`nz`X6~CyhzseE|78FEkKmO7
zrgePM?L2w@EybSC4IUCS7LU%%1RzS@K_3vR$DYb!h%P40dC=I>e9LHjF|Cs#pzcOM
z%IGeFDJhx>=kM?a#om-h^(MyL3rCsZQ26+)mD2f7lN5Ooa3f4OVJQOC+!Y5>L#i(^
zbyV0#o*Qkn5_GnxmyNHp^D)fZt?GH2hb;)$eb#-c60~38sODdCq_#3N$}JouJ5UeK
zNJ^X>PoIIOoO$4C!Zx;bT!mDM@_Ua1S$0{1)<icuZGQRN^thyaoeJs8A8NIoZM!BY
zz(~oZwU!RlmCD{!G67dmle{5G@BXKCWT8AnUQ&p*aJNRwL;i~b%G!sG3{<8?G=1Tb
z!7dzP2_j%GtMV)QW-t7tUiU`wzJxI=uJRgVa}5X6b<B=FV5L##7eQp8m#iR4=iq}R
z5VG`58R-*MrKuf{2JsHBeR@SEx#*MkIB(a%mZ)1X;H!r97q^pxd1BN54#iQZjJtU#
zHUZ83mcJL%ZZK45Jg{EC0c_)AA;!Ml*THF1jr=Sop@gn*7;eB*M2?QmfLauh#w%<@
z6rY~8cxX00B-|}9v|jb=l(7KS0x(6DKJ6YoO;Nlc*{a`9VSm+cdcN+iFC>zJ#2*;N
zZLjb~yLhBWim?3MG&r_|mJ{cB`(sk#0wg7uV@Ie)eMkC=?@{R&mmHxrc^RPsU6d&;
zGUwx|cykeKdS3Lt)wcyeL!-z<c<{JIpB3IDo-IvPShKgk%~l!ZZPmi1!{ci437JCD
z3sY<BO`848M#Q28Cu=N$b9K5^WFd~|m%2&l3$1vMl+B7KU=D4E#|5L&XK_$rW{6S0
zY^>Aavv%?5m-wv;D_VsF01C;y2bib3!cX!)@yx$>Av|5B@<4<re?>Axea?^Pt~2wV
z^etxP@6svfm*1q*OSV5tr(LZlf0j=1EbVF#HO39L7Jid7w!qigD3LRerlte)=m#$u
zMGp^&7Tr<r9hWCk;~qiI)%{<v=1$qS0V~5_rIblcXv3X>-SOQCmJ!9@FUBfN{*Q{W
zE6$som7zfHAij^%Z^c+~$2iq#b@J~Fhe+@z%gcA2OO}jqToX@d3vE-^ip$gExI@#g
zg{Et&6^gIU7<JtolZmD@%rAujNb*EnQkX${Mhd6VV!_(5M?*=~&osENJ1CIi;b9Y|
zqaxW%q@^}+h9I%Z(}M|A++k`iWv|3mRsjZ!Z!$@ioXVR}ZQ(bZ>T^&~Y4LL&3@tew
z49#OC)}#Mn=SgzP{t53##%p?=LbpJ+o@-oIFTi#vv`DzLzJZBpUevPMJ*A9kwf__n
z0u(NNOZVHEj&Ohx$f3Nn&WS+-Y-*NgQ|R!k;^Dsj!H4n$OAOuRvb2l~vDeUk!kPf+
zvcG?^FXLwWO+n}6ZtQ;k?NT_J<?YmgLN(3wzTT3ey;kmJIbx!>?a(if{*!n7JayHh
zc*j!`TRzlncZ&nJ4Bj1h)*8{8h4Yc7KC<%O*o;?Jp+Fmm4<|Mgnb^hc5LV&VaX^AP
zs5W4&a<H@g35ZW0Fhq7}vm5Y?I;xD4e17~0FqC*mqO-jGF6yO{F9C1WSGpi?TAd@G
zR%!N0Ka5%mFUelEOnWb2Az!;MQ)m6v85|<Y6I7603z5tei<T(R*y>a%7B>EE<OMKl
zy&osTe(xE*bNu%kwfy^^OAV#JxSXHw-L#4Tu7=XV2cMr~)2fB@ct6733=)=}ic3Ux
zQ@{j%155F+2f3x$?l!e%uWa+Ze>bk*FSAc_WadZ&^HOxNvQC;4W7uf-=iyuf#U9MZ
zAze+jy%l0^(A>(uShK;l{iSB(gg(D(rvbj4c!vfpb1Q@XpT^T19y9=}=9;OFAC2f?
zJW)jV(9(G(HrEK2R*-L=(nk#p<u0GDE-!!QtJ&;fkvU$gN1UvDA&@)05KH?^Dv{R1
z{#AxI!+>+?DpoTW=-qRot?+mvM{!_|%$2jnO8n-<4$hoAGp6K&)?3W_;WdK&s1XX5
z;95h{tCf|rp=F!Lu~JQE54>lMHh`Z>EIQi!oL8~uwheGdGd>{;yo(&6pkd+!8VRbs
zCpsAub@H%|GB?*ndSy5aHF}TLz*?M3qpBk<rApjJ1(Fc00+1nRzp?#-^>H(3T%xvQ
z*O~*NZiaJk(29Rd+9tSpl})dQfkoB9*lfTB6Sv_ArqX(fn-VQk7NC?dmDGS9t0<>M
z)&Be9i77(Pk~}(-=@-g7Z?8TxU4$_Hn*!{nQV|ODyMLcw&MCCn79g(OEtdIfZH9!Z
z;7{6&K1xKGFg(zMpu;+gdU#iFmxTqn@)y8Hj|sg;xuA?d#Wl}$^6O%uSM)6)qOea*
z);6tP0p^Y#40-GmyBOHvrBptRXJC}{Gh~`n?K%*DLn8Ev0>+2z<(e#MqZ|iL&(>44
zLDEr1yM3q#iTlOELQjKv<M!~yXDV01Q58`7g;m+w?;zS8FQ|Re3XDQ8X9Eva-hSr=
zJc5L~hY{L1HT8tOSJ;4%gS*)Kn~+1c7#`1ATK40SYC_K<->cHPcyIAZ-hEN}%o4}0
zZbQGZ&6fHt`QFLNHNfvT$>F`CO#SyIV#`&A2T{+hoi%}2;d{u~N8T6;f*NCbvk$qJ
zL@v~@tma@m<5sofUoxn8k^ZUhy2X76T05*^cpmXj0&;36+SRB`+c8kDVA}T8T@r`|
zqeMtK92YM53x@|P!YsAtNnbDui|kX}iRZYxoqqhX!QtEdoR45|<IZ6jrqp0)jM+TM
z7fGr4e!U2-YWM9*&v*Scvv$h-UFtq#O#QtTr%W{D)oZh6%Ax*hPlQi46#=}q&p&Kb
zuftVnqqlhKpHK~&l;cuSY;J<F4}_yE6PvYl>_Fd#x)$dulC5bU^mJadTONlndcT6M
zfgByx)tylHb2JGUiNASY1n%O`Cdk+Xbqo$H&YcYAneECbrRezXUSAO<G#%@}@275T
z&dwR17{}sYSk;hYJL|op$ap?DX@0}mj|&rjAZs5N)}f&Cd^Ez0&+6(tZOa|#I$Y?8
z#zs85r2Lu@B3kvjQzE>d$(D<#&IUQyuRyMdqQw|<<mst;mTm!$eTwYtk^HbFD<=|$
zu9hy+M&We+n6!uN=?_`0H2=~#I0f4YWiA3ZbEDn-nd~py5vidUm{h5m{sj#C)YoP?
z9Qm9C7$A>^Fi{;#bx5LPgI9s?)fvXqdbj6!(7|Q3CYT5j)^|?={j1ijt!3vAtIFgw
zdQ{1G;gnu3l2@BrkDAwu4EFamJ138G!#v<{I<AS=PAa`Qyr%~b?A^1uOQ876wGDMF
zjU0Pr!@M3)SvLM&x*;TF7qZM@U|=-n7T8?=X;rxL?mX6u1LRRf`*PDt7IP%{YCt;m
zJXK^pC9OiEIo>W)!^ciu;F;t-3u}%SCFms))$=S>yRfZK#tLJ!Ys-}0KE?c-LPGH*
zuX}F#+i{PhR-?M*M@&GV2c-79ln3#7t?iZ8GfeMRE~)OP#V>5>%n(6-R?`|O@5;{k
z+<M-=k^px&e_wS+{rclt=GBanv6>H`Xb_vH`Ao>i+{!DQjy);$&=|Xs0?~Y8|GtS*
zXLBQ5rcS!^&pi<``#7`#OenSVQv6$Ab;Xaq&V5tuh-S6shSR2nUo{?77URe=;?)oc
zltKT_3hm<ZKq65p<@75}%FCsXE>7+PJM_dE2)z$3xyCM2S^$T$*J)=g_OlXS9lzgP
zdNzu8dZo(~leyME8eY|}z*<^{7IG_G$33$H+AdW$dy*TEDxess!wciP3x$7YgKyMD
z>qt{_xr}34N5BZ(NT76ZJ9F>TP1dqu+N@f(`#!iKWREQxbZW9T_cF+6x7Oa-ze!nA
zWA37K_q9$`j5x4wp;}jU7}BaG+w7t2CwC0cD<P9el^Lk=x~(v%<10qgNGuv1it;ho
z1hmyHkAcyQbc;=;(&n7DA<9LkR2f}hBLtGQKn%It_xXwi+s~R#$Pw{o`&p}9C9?*K
zP=zGUXHYvxcJZF2lLj}7*rl~Ma3Xwbi|?tFNRKq9i4j#K4Hl(baFJ=qYra$(bG&k-
zD)r&hFQ^02?<Z1g1IKyPoYI}lFAL+Hv5-D9nbV56_(WQB%0-ZDGlLGvp}F)YW6>HZ
zy|4S$8_kEw(fg;Hdsq7Jt){^D&T%HrV6q3KDbWaH3!B%z^>GGrNt?q7KIK!dxR?$u
ze@q3vk%>EFKZ{;fd+9U_-*@1>OB3Bv3OnS$OISze9mBX}RO7))b6~L@uSaxt^pj{r
zpUV$7FzGC4hoX8waWVQyo^81jv%5m-)BVd7`cCI3UqrQth2%7f!;t;y$Xh9azU#Y`
z;aTrX+^!eO+lYJKBI{ZQ8ME&ft4-H4-`8<~G(6nqC-0q*1{_JGlVd8fgdg%-Rw@&b
zsqcv9#BI5ar)0q~s3%?pNUh!@IJK$q*qQt<f3aI#hwF2TxQC_QMRK7p-WA;>e6XRq
zd@bJ<q&Q>|w}6WdFV&FlkfCX0XAR~jg)*(2WmqSmfA%uJl-_sHUN(jojH&X~Zy#h)
z@W`)kpYp&My^(<oDR}RPkLa?;jb}>RR?p1&-@U#l%;Nba(Yu$K5H%}#Z@&4K^|>r~
zo5dh(*Ja;?rZrX?7cKG@T3fp^sY)#Z%Y=ZJg!OIQ#yxqI9|5~j7#c?ttsBm40D9Nt
z5j7Ut+)a^Q&4|FCuD8iJq%}B98r-EKAvm(iDe1?j4J<>+Nw&*in)bqW8fTPg=YbQ9
z?8d}d$kUr+TCuZiYvHlpC6A0Pcj30HbP+9P@Pm9u6#36xtMZSv2g#5XQgQG7a#Jw~
z;*k-L3B`#@m5l=HDNg#@MWcnqY)RV4H)JLdNUS9LNeb?bXRCa9(L$b+zS8}jN=p@+
zK4i)R38c^8v2K)yuQWk^j+x7mJEFj|s{onr_kzxbtUn`Ms!?BezrK@<aR^CX#u?E^
zb#&)1LQt-%QGL5Fsa^%!*_WK|2AuUOU`KcTk+Xw>F^P#?=%j-1era#~h_S4`@y8~;
zw>K3&ZmhnmwSBH)x{^F!MRgMgv|YkeR8ArKN=UO6T_s@%-M?7oQmvew;!Hxkup2hD
z3HkRESuxPb<GHmXoi&x(b%$3@Qtlp%&q+S7UY|HG@R-!^A0<8KgI9IRDDz?2Oj4Qe
zn|)7$s6VWOIg;cMz<><n*H5*LVlwR<@|H0}a6K;jqjBhuErX>5vL*uaDHh=LNIPrP
z#D}XYJ|XEIyBdZKP7q0*_E8y(%C;VPQkrn2SE<}~dSEMTr+v><?#&>(ZVQ`K)#-nM
zsP8bl`*gMTiw~@89KqXq&ZJOcOY?>;g<0!vt3DYwnB>r7in#CY+}3f{D8X03(P9^o
zTua&_(qo<|>Qw~q6=|0CHMdJE>>lt+4R%*QVGaZ^i0|XL>ywKj@=3<?#P~L_&7ofU
z%!M4;6(#T>2wVUIjax#S#uLLxN(fea_vFSKTlc{A&Hp@Fws>6LL#}T)NO3;zqORL@
z@zVgl4uY-D`cYAmD17ZUsW`Yz+>T-2z2(P+P|#bSf+vC%%q72F-YU!bG=hI9457x@
zK7k#XB`#bTV~ZnCV21b8;rTFY>H)dnHi61~rRN!PCt634CmkNCvSxuDK}1r9M5G8o
z%mikx`WRT>Q36-OQ9G3V&7hPNQPFl2EA+mkV94}J@@{1Zqkcc9<jwqt>Ctu(6-<M~
zHfT$cH~cz_`L7c*^X*gGQIVSv5Xk4@;#beo!)Q*g!_4X{+limuD8TUdvJKwD&84r;
z-8t<`j$cJ}6qjpka(p3pO%R*+TmuX7OifW|BpnLa?ydErv?W7oI?eSBm+SK7&CRo=
z?D|3TO~~`jTgd)oU&1d;a*^d)t61(fe)T>jUV3?JtiT&(+OiVAMQFb15YBp~2v?S;
zG*NWFzE?GVOY(DnBvgmGwl>(P#ZV2K49Wl1O4Xt4_zc0dRYXPJud0>iUtzx>$+fpX
z4W1MYVfQDSY1L0ga(vHYm*&b&l8<Yga28VIn)IohOB1{Q94%87mkg3e@FzpU%`lo`
zvG)f4yTa*ex4jHVz`s2{8cb(fYZWlz#QywP6LZb`%acxPx4oqpEa16h#8R7gTP?El
z&*vzQFO#pLxaPTD#T-waYmunkavQ%uhn(}7J&gT=zVLm%4(p!!OpYvp2bLf=*etPG
z4ljXlD~@6$2G+>4n0UZM(*Tn)^y%HwLvtT-79C@`bFh%bl(3Av>xonlGH3!SB_x9`
zWO?ax)-WGQzoVBylD@)kx_=S{O5DUm4(iZVXikV!4we1g1-LLbRxU8(SW9TA$7E#h
zyrMUW{E(L(({?U&$Q(k;wr%e&!m6a5HuSp1-4y?u1R=&)`pRZU-oZlS-068fyPF6r
zvgNp)R=-}MyD;=A<Z$4u+4}j2y9`Q<?~`%%4B1;;<CF9)XHmgM^|izBEy5Vg#v1Yv
zLGlw7yXM=7-~&_)>lPsc<7D734@HD6Q5tec5q`QTG;%6r`&6`S?#EP|T_*lLo?j!u
zwaC%R?yt9Plta%;8NnD@EDAI@FE6n8-6<c?EBX`z><;(a4NDx^IDx}{PeozwbD?08
zM*9GIz3%fxj895(F)M6@Vb>`6zBj?qWz5SyGyUK41_uiU=`xYBZIh8r-h>?gsxjSp
zmeR7L?8hg&#WrE`f?}FHL&nsV>>iE|=hv};(6<!1pDV;1jOgs3`=m0Nx2Ugaq|f07
z>O$|d9Ybi4*cl)%_(DduAF{}8#;mcv6bT*X>|E=<9>1blD7SP*ise}ilaQgZlY`cj
z%zf<nw1<PH4wJWPCpc={-mS0Gq0SFgO%;YqHK+WEDvVouK$r4vdr?a#pnvI`2MccS
zzzsI&PC^Uf*w10*g3w`jv|BIasZ-;63*p{f52l~RwzcG#%uaN6*mC{KwlOkGMn|x-
zSnI2HS<X;+py#>}ztH?Pty{&B<N&Ih-DcU_GKc5H#7}=xe+v)sebHLE`W@BWgJfSJ
z_WAXyMkrriGmOh~D_2vxaTl4?h{_lrG$&8u7WZZ(rld0Fh}#%2|IvZFss+>%J~X7U
zaVF4nWG!{WW(to8<m6a&dBF&t>+_vXL^!e-@vo;sWKLq=8lSWGYium07YM3@a`@5G
z*Nu_S7aDB>rI5~x^+ZB+PF7Fb0nWIbGE#06n_p#HYvVJ!-L|+jmWgSWwsC#lY(yI2
zt&$QnJ5BA9LZsI^BZvU_d`dm>Say&C<qN9K1D|DwVV%*DMYufSsNIjFUEYz?SfS><
zdLJr6$^#jH;b*?@i$j9(6SNnBN@f8I9Y!hcm6Tf_S;q6t!k3MT)~g&bH7g09r}e>@
zBn_1fm`u-^t@DDpq9Ouo>3ap_D$k_%CF8`RdFu29REr9DEof#XqRo6zQoqzBt>=dJ
z#}69|fqt$q+`}!)Tp`rXelACaPd9|{IawU;Iqz%JiYhv(%)9mN@G%&tXCe1qy3auB
ze%2@~5Eglw%BWwq)*t8<5A}a^whTF}geNEo8y)2j+W3TUguPF$1;KJ_ok<d4J&CLG
z6l_72%8$@feVWP;q-aV<nNeG!U9qiqH1AbAn;&@VWcHOlgOv*ua;H}=u!ID{MC{|s
z1t{QoUt(VM>R(C`<DT0?vC;}u-DeMU_hzMMx(HO9V?&wOyS_&G!M9^Z$?iNlQ1h1P
zFULXtE+9~^i**9>)Z3^4S0+2O6trovPh0G8Mq8v}CcH6n*DH7U-}drNDDfh{t*WC!
zo-0vHe-lo-k9R?$QHM<BN4%-T%$;x~;U%e6|BPBqH&KAI@fpz(`75IBQyDag)|yF7
z<8+*mICeq!KEKEXt!+#a{+DfMc;i3G-MFfTLDl-Pkp(Xc-qWP@(esK5{#J|l!E#wR
zHgR+c286qq(FBN3(W62dO~Ez`Zht5}$S0tVMV{)H<(%@D2jxRO7GnIPTk!2sokq6C
zA>U8kE~TU839BURq}<f4$62=XM>Txu^~q^n@*g7pSX8L=<t*daY9QFzl%5?`eyS7|
zI}v(SPXJM1$U~%LBLPv>ZrSb;KuUfqC?<(mGOy%HX|QFM-Kley;Xu+3CWzhQR%$SB
zaZjaa^1wo(J=%0!mi$pFVsNSSgp~GNG5B%<lEM;s-$uFQAa+tAk3?*u6@-&JRZ9K2
zE+%I;PoY^fzclXUvay`tan-4#Rhpc|nXE008^$)VQcO}%O}}J;Jg|3yBf33i{CyzN
zVozq3e(@0fKxG+cjb)N#D@+(Jc^MYFkCro+9H|5bJqx^Kp<dR3(&GVW#BrGAsW7=2
zP?HtJm95Am5t#AZ`4IhWn8GrqWK2Ubx{Q|$unoyqj`Z5w1I94!&k@L7o_DjJ#>oAV
z<9Mfu!T?Y}5@0IFI@ZcB3MI6B)P=r1ug0x`U2^Z^Uo<3qF8N`7>j$1k2{}ZXqw8Jt
z7N^wFzGp$vWZvhiL6{wtcm3M>-1nzXK+%6H5|CcPCg95*6vv05rKC>MG&2&RgxLvh
z2vu}1&kj0>cxZpy7M^1u=DQv{h?s4Z|F<GRSpYhw^Ue|)Z1yX6W;4IlrQ5VTxo<ma
zmuH5GT+HX<Xp4NJ*}}1gBYp=JHg097i~}%=j&_Q$GGXvwKPe!um?t&yI@^MF7T=^?
zjzR}&3DS+&V&=ws%*FUq8$WmCOMxjR$`>Twj!AcAI$Uyio83;?oS2)B>=v^?A*{cX
z{$ASaskaqS|BByPpYz*YG88lFPQ7$)Y-#$_u>GwSBKQ8}(AHFxGh$f~im}Ge!)u1d
z9G5r{YR}Xs8T!?TkH@LCQxc$~egYa&$}Y1U^kQJ`BJkF)Mn*~9Nc2rJAdL}vzn10_
zCd8VVNvDSX4Eyuy%qK$@R>aA6`a~Z2l5{f$7e77%2(}7>(_SAc`^YY^hvsXK5D#d*
zM{!{~ZpujtY9D0fRlOeLlA35slBl4C<2uJ)8MLa<X$tN2>l~|=KeD~rCBozJ(#&$&
z+T^-UDo%H3!9OKYN7gZud}`Mg7p-k9J6&5Zlz=(Czo$JrS@1=h#i%qMSs4F!a!-+c
zBzK22TXV0i4;}Ib{uXVtz!jj*6h<S*>v?I4(Ul<j{S<7{Mn(Ue0k6zGj~#&mlbNq1
zMIrPqrvBoY)cpn8yb{=KVOW>Or8IvfgVh{31*u7I;NH=6e^Tr>C5exa<mDk+B^5`Q
z5ghX}y~dY2q*v?$hp?x3)f?nv<9z$2Q|VLoiB+5l;|o$PP$qr6BU;8(1q#NMZ&sZ1
zx7L*3I<hrp@qhkE)27WlO^#C)q~s!~thx=3PAJ>}R(+Hy35tAW#%*e9K|&7uxY@ZE
zOYW>JMpgtZ)-fHq`uBTZhU^C_qg=%Ldch0r8rq{NgseKmtDg$MLA|^mKA7%Dj<Y!1
zu7o@;O07u;>46X{dXSLxQ-P`YLXTG|W{{l*VmfjLf;0aX?VuC%n6{+tuS@#+6FxFN
zNi{yr!*)Mzgf_8+<19(NB|)Gz-`o4O!v`}}<3=m{qD-3a5x7`uOJ5h5?#~Y&?yh!K
z{ER(%PMkIfw$<7HCWq@UWd8OZ6{5DfY1BYOi_w{&>*`vo9nf@H*4T`iec-L<aeMly
zCX3y@p(^S(Di>jfVsE(eY+Sq7L<!~C<5F{=6$(jEr|A2h+rCunG+rSi`M5K}Mj{A3
z{IGc6Vr?zrWa?(NwsB3-LACz)h9otf*!9bgd|s=$_R_)nv+3CVkD~>ju6ymlS>lyk
z^*A*hkbqH+;ev)>|I4^;{Lw&t2Bn(U)5o%-uW$P_Z4s{H$Y!$-^a6l$^>9~gAuW27
zAH0t>ZR&3hj^d4rAPbRMUi27%&PY7cxvSJ%y$euO{2ATf3;m3Y|NV)71DcbJ{9iDB
zK8SHX<}FL}aMRc64!h(u=8GGm*$VP;JF3JAsOH+CzZaPbCk1le7?{lHEZVpc-2Fp#
zf1BUoofT`XQRB#zb@!CWm%A<5ZROTpHW<IA`jD+&n4Lvlld#nr3!yDRwfkr7V?-2&
zvWBSBA`ydqI7;9atV_K2)U780uyTTwzPs*=I+!Z&#@0@}^i!*O(u&<qhuH#yc}VgE
zJBEVg7MdOFw{{hbj=c26AJIF-a>JbyH<(d;{8rWCl*Das(jZXs9y!_Qs{Xq741czQ
zOx?!0Q1RK_s7}nQ%~P+_+iPj6Ks<O#lCWM;7}%>rv|3S%-@hC<;N%v<_n!?9s4o-k
zO08rFD{3eosXdTArH%@#4Pr`4>FaN>U$*{bTzG!HPpr?oDYSq~R40JQIsUol>wQhl
zkb9G(Ia>an-GKATugV|sI0WdBY^{Z&GnEI->RR}DRvqo+_>`G=0&Sc3BtHqk;@Y_H
zy+rp@JS1r<njo*qol}B(okO;2y<X+lW?}k1!3n!B(jVhi6vsG>*0v9UIcl>K9($j~
z!TyC-t4?WsBvpb-EJQVBvR%we`2i8lKF$UJI_>4uj1ejB2-~s!CXHY+bINi)C&?#C
z6AH~udTuSf%A;(!FB#D5u^)@_+BeJb<AnJ$5?Luc{=?tZRd*v}krNLhYPpN<m`k_R
z>>El&VcJClxdjWEI>4rEL<ns@1CV+t&w5cEh_X*|j_`3EjXJS~Hm$4Ab5!;FQZ)Zq
z;IO=<bw2#!u(RkqtuzB|wp6E%OPGbvL3%0!Y50ETBUrJ)%H7<oWa^CCEZ>GWdmzjC
z+*OqO`@Zwh<~~KGZe1PMflTT~d-IkQXxr(O>=`>RZ<^hqyDnsYXx1Or&xYk<(WlEw
z@cM9e45YuWeYAP4>cHnH0wqRFPD@M8F*2KDgmoLU)f5Q4ooKwnpS4s7n0M$f+%!3~
zb_c7~oaYt{mbIPVaq(MploPhS`ChJVQw~+4x%_IU#eRc@mQu9)1pC+v$WuvylAXz-
zfA_-x?i+oMWg6UILUagmfTq#w*^r=)AcHpdjHLA$leTlp8GL(Dti8}HYy~Ny&Z5B+
z=?=r)L^~w2)If%B3JAw7Y@+b}CKlL9p?PQ(>n#@?0Y~j0yFR{aG&83Z&U3e-DpeAj
zlJn2!wV+K!^{=Tq&zroIx1CU|2__r8!{K^k&e|t~oj{-7=LY)T@#YS>J?aR}qLyEe
z07ak!Z2xm&ab|b+@%#9h(Qq6)Y5%%cKny$j@btI%AGn^sx*U!yIPkVzXl~}2<j`KB
zAcc7vyhO($=HYm)pw!N408d;>iO$cUx$WwA<(dZs`-{mVLz*Re@(n6bVj#K_hxO}S
z+VJV)eFEwf8~X;3;3H0V651cdh_p=*Ig*f6ul>3to6<xm5AntE<<jtAfsG~D-W<6@
zTmnMq%lsa;Q>!|UaX0ceYiRKMAW-!FECY6FEeYbGRtlFfk1ir}Mh|9qx-VS9f+WpG
z@Tn0JBq=dMix1_K3j3fwR{}orrPYo4EP1lx(Ay*)jj!V2Y9sFRZWGG(9KAWO($wM|
zNd~FmNL!eRxKXdiG$f*()yR~)_i(6S1ze2sCEV6Qzs7VFbAy*hI|X2SJ>&#ZpQMDP
zSkcgq-33Mvmv5?o(7zWAZTDjyqH@e;r=X%}7qSg*W~4MaubGs<=0TLRk;BzEezJW8
zKFaJz1Q@1UXx2`1bc}mw8E1dV9k*dL@rnwy2ZZCvvG{dIca7oKMfio_*eWp(2xJT?
zT2*(cz`oYOXtz7+Sc4ev0R_n)SsF*`4=fEUdGFHpE)-@XX&5b~+X6jF<&H`tE|l`9
z1xwZL35c?>8rF!Mr#P#jpxAajWia;mj>t6ov2h~;|IDnwD!g-4@;%iy<~eE%ip)6G
z&^KIimwtEs1VaL~@VAgeyIJY5@;H|L`}k_*Cm-Ud_d9zYb26IZQA#NMvT&X&mz4gC
zF$U}uh7=**A^uLWS2x%WZlu259{D`LLQpsSy<89L8i7tDutvV~%5ZX&${STUuK@=$
z-Q~k0J!Tz5^tA*WER+syN)BbGFlCjSh1=pY>a~UmY9;LI<}VQ)6PvHMAr3fA9W+<a
zP1*6#;2a)X#z|4r-OB0=>Rg21sSj!(w98{eHP2?E8@iKpAz>Hb)@-!}@DSD6i^c2w
zTj0)*_8$XxLxt<kSN~<0Hi>KRLvf)ndT8-WNq732i96}Eb@jEc|J~loh(wX=<ffSk
z-6R15O~<5;iFDW1AL4ZYb#@kkc&CKpFxPWnVzXVbl^w-Jf2Ete@RZ@#R884^tk>Jw
zQxBgt2B^Wm(X(UU)LUC$y@Njo<^LX@OL(NV8ocWQQZIHk9d~=00yHGxIT+6_y%Ka)
zo8>@2&!}sh__+I<+tAxxa**2wYFt#zdoI=B37|(AF2XwV8F|QIplzrkN|vPRSV>SS
zBWXkhhdww2S^0Rci!CWBz+xFkfiQnknG09&<>&C3P+C}l3*(^Vt#idg8wO!X=%NmE
zVthDE@meuxeP66-F8|}gPVnW4sf=}`ZV<GV_ac6{=|h-&d_+=Nq)qi>PCG4RNm;1(
z+via1Ic*~H@^ZLzC#5fRqoe<oe!)aOn0FFAu~bUO;kLGX%yvK);&LrhxtKR1`Hd_@
zDS_5KvD+2carw;t%Z2BAA5?2kymvMm&F|8E6lRw^maFgHxZhr;Quq=!gj3_yhz>`O
z>)-e4+=fv2-Xa{(aMswEvS15NjoFPP)y##@#A28|VZ&aNqS@fY=$FnRBt$>PAP?9h
zHgAP^h38%36ujr`Ojc~2s~F?QUb$!1YMbhMPM(PPCUBPiq($5Z-7bXAn&QFEu#Vv1
zSKYIfl~;_`s7`xBrEw$fgMCHm&r(r;`~aFT{o@X=#|hzg$z#+C6V75|)6r5I<o2y2
z4qKilvDcw4*7dHaviiDAZZ??wkZH~`Hip=|D=Gas2z+Sh$N8@~CDzm0+aWGJKs8ox
zCpiHv_FPiE%t+JbVsxGmj2jo@R<A1mi7l$3s~e)&sGu}Iyuyp#uer^;Vav+udR8*k
zTI0ht0HCt&jpFs%zl6#L`Q$@XD`anf4mX94GP$Z({}dVXL}gW4cX#%^zu&)&YP)Z-
zw@$1nyb!|FbXZuJ1f%UN)^8qg1U6kdZ||#o8TxwGBHu=w>pf#89;>2oD0wY>!coWj
zU1a84%Nl_#-v$9gY9rAaAttuiE)_QSmo{CGy|Y$C0J7_9ufM0SWJe@zeL{_k4hG)O
z{riE^ynjzCrP6dj1Z?q!M~1?!QHSd-?yV`i<)x}m6iZGW$f;Yhqp8d#{sT<}dk!-6
zb*fo$`C3d4|0u?*|1nN3i@N(0Cx2nwi7YTfN#P|Y?Hv!7eNtRQ(2Fljr7f1q&ZFk(
z5lMtUr?9Ve0C7&Ms*PfJ;8$ykW93i;WgRfD@;mr7T`HyIG^{sv5LS`=PRo0XDudDA
z@XNhlq{Pvu4!ThvFn7v(Z6G4Xx=7zoown4IWwht@Y+Sc+nOO6vA8)1`B4Jny$+`xm
zVZ=4LZrO}XCv`7hw**cVtW<JL_n(3p&@}@KE^{X~g^zxev>}DwVYBrd*`CI1v)34i
z70mA_r%+tw)>C8;Ze4F)o<_(bF{4Ne;Q)~~!qF0;h3~}h(f96wQy_4Exsc|@23Jdf
zXshEJ#%=fpN7Y_0({dqZQ-K865>1<hGcLh?t$psMPkHxrPO!yh(7lO~&&nAcT)-a{
z@XOph?bK;&?1lWyO5*OfTf-`PdJZD6L{*dOb|%m)vV7WLP*=@H&k3RDte)=_`p!ET
zSk2IR<ul899-^r4Y+5Y7!+{pFi#cL>oh5H6M*dq&tqRSvOb#SjB!{eG!Y=#Hc;t1x
zG<pA8rP3;`H<LTq%pd3$mV5}f`h1V^VwGlrCOfRUom)8blf{drygBDGbg?mMUHhLQ
za4f}1F3!zIZZYXOh75kMiEIEa`|-oFq@BKyR~{1llG7S4J-aYxikKRkX@Stv^3}DD
z)=2)Uown~2KVKwE7iI0Bq2YIYs6M|EO>IA2*!b3g)9=`%JXfui3Iryql@IP%@C)v=
z3E`+E7Md?qfV5>}0=iqCR_*CJ4Ww9%wNE9V;YEV&v$ub_=noiJxVWYr?EGZu5G>q}
z<Z`sXREJ&AN3>mJc`{&Psj%jg_nRdH7p=?-OcOggLXa;rdbkG`N}2gUKR4eW?rRR#
z#XXcWqb*Nnz}se!QU`PX$2j_zOTI*dN=JKCHnfhbmzkFctbehXXi6icBWlq<f1@*^
z5|_)f_wRfe2U65v++5bt=+Gt>wr3+Uz@aDx0D4YA3rT~n>IOBe4NyI-u+6c%aZBg_
z_oy?8pAvb-BvN~%zs=$pr&DQp<htbak;xM3s3@aA#|XKBpjehm6kh4gtis8tq=~#K
z2MOrR4%hd|5v5naTWe*_AphY?Z6bkM*Ndi$(l}C@CR&>oV`n1VYUS^6>$fd?+B#0N
z`3GndP)IJY;OYQ@sZy<?MnkVm`?nR|Foozv-Fr3cqXA7ZL<!~ux(-2^J3+M}4<*~d
zt<9227V7!JMResyjppV0p@Z!@Aq;4h%-rzL8jPCue-6uqt^XM;vvB`EgyrX4*T{r|
zx<i>DqAb<4@dWZk0^=G9P6C{2Wy9nlVNS>0?g0%%S<`fJZ2WxV?}jMZ2k8<EX-%%_
zs!gsCo~=!q2lqlFKMR_Ho}z47{74wO3*(jma#W@c&v!LTF?ff-oh-@Hq;NB<J<|by
z02CBJN|H%!L<(Q%2I25?1akRcy})0{v4wO^L&<t-<ihwLjzMI_#AJ_690gRmHYb~2
zE)BqtTBWT@RV4bbl@Q{O4Z`nBAjW@MB?sTdt>jHPVx0J!&hin=ymd?;^76l5Y4IP+
zjPAI-;+$fv<u@Uya}ILZkL~4sSw)fehN2szB$8&^=qGtszTeN9r;pclSZ7<sO=71*
zur&{@1^SRNjI)%H7gS^W<jwro46MJ)$<t|d$@O~#*M-StsD23~B(Alh#NSQ^cAph!
zFq)0{B3koVt@+c{U-8#{T(sydjTv-!v3{-i%<DFT-h!K+R>aZoCZPEwG~42C3m!yv
zO>9ooa{bH?fq^}CUY#D7kb}EK$wiY72WRE6Zix6=o3i0`RvkF*S@%Z3?j(PKuy%mv
zLmcj&WcR&045#4snY`_XvU8H0^C)my(#<SEX5)LBLecU$<I@MY>zR(s;8%xVhDQ5e
zec?n^3@WMb4-Y%;D9M%gLeN5GVxbOvq{9g)Op&Li$)e0<V)4+26fYy3z4&H(H>_C=
zUpW!xeRpBuXc2Y#zXZ(x0FigkCI6QqvL|mzw*IFWFwoL|2bIeV4HUynV^BF^iZ}%J
zGT2^wy?@yW<Q*4G?eg)5{?0ed=Dt97aiY1gZ`)4!zX*`e-~7vftb9!vytNF_u|*qY
zo5EYsR1-ccZ+(1CuHRh%7Vm<)<Ju?@3XmUQEIb@v`qt1@>(=p2s9^sMwF7G8?(zK^
zDK0R;EL(7wMjA4&)R%KBd&u6x6|*(@>-x6-Q1t%hw7XV&EMxZcrEZ_It7aN^k>^rs
z^8n_~;&gt!XfaP4$$v8>CjpS$2SBpiKMl#n7jYGfs3){yH2{YoJQl0dK&DJS<TyA>
zT|NRgK1gCqLnwwB)eb#R^n?UIrp5<hb+-GDYR8`*oo?TW>3@F$XHWRYY+18`vR2n6
z-8rBlc!iBuhxD4i#z3NAMYgoav!Z(m{`zGGSQ1M%f9PfRPx3yLvGA&x*>T79_8<Bd
zJr0>=bKzy)udhd9#?rlF44;6UZJz-q2;fT4uJJF$JX#&#OP}{aINf&p<Gr61M~%A~
z?QO|5RvAV4qH8!$>NB>W@W*g8!Ym_O`Sg~MlrY{yR0$x67i;32_e!3C3c7l>wsIki
zY*Cl;palaG$h1M{8~0&BwU9gPWL|}ZM;@kGa@W6f=y0{TOF#Ca#G**zfwQLt5@s9M
zw&TAPE7*QbyvOg5EI8*qk-rWWq>a&TzTN#J29s@v26aqr)w{YaB%eBI+Wpue8dP*7
zLA)Iw<JsCC&gYJ=?qHt&c-iq@UCo$pFzCH=?wBZ0NKWC|wON@Ms)51kVB^M6_pHCR
zHQeTIo^kz2*O)#LOPKN(ze9dSceB>!7RVX*y+hDggXlfzj#VeB2ERx#d<Qwv8v7cu
ziK&G7{xz7}4l{H7K}=#kZ;tA<DqcgumZPfDTAEXH`6RjQYzQMdaZEe)`B=Hla}w5S
zbuLBt=&%kz0)Qd(w8rJzIFmNNz%(m}$l^SEJ<*hF?4R#xWR1q)`*gSQH4)3M3g`&K
zaA+9lz|Ih$27j$sI@z-xUECj;0@$m-Or@o)?{)CoslN0j_>Oo{%YZE7BG2i2Amab>
zxyg0GS>5F@arO)&+q?pG*>4(L(LI*p+)?g>><$FR5cDzGHiRZ9`eKV7T;jk~V)rju
z2$9=m3ldqn4X|V4Kk~#&9u*r=d34j^!usE3acfT#kjl-ze6U?64UA~e#q1ba{k&bW
z`;4bfMhcGguOfQKU0Y#MVcf|eJzk%ZEIr7)u4kI!LBLAo`!nhn9IDgsG^^JDvxorF
zlJ-RWG;9*%6S{?%)&IfBcs+iC5vs~LO5!hhs{Z|TK9q`7>2-k<%^J*049#O&kmxtw
zqRCAs6S|+MX<gaso~9L+BLdfkIi9QC3cnlUts?^&wNj5)<ChD9f~ifHQ0K$N+L;+G
z`3@YXpvdFeMjJC4Y-@-M_b#`$9~-YhnG5}j$WZ=c9{d6X*xykGt<OMY=&^Ws0JOEr
z)={Z`3Wz$p&fiQvJ&GniY(uPS<*<{w%e~628gnFw9+c(v-8{UENFX^-h%(%qu{tj}
z7XQ*sh%yV1;9Tt+8ZAp<^u;O*t6r-H^tVD$<oJRQNDR%Piv1W{J(yrtX2L2v9K6i;
z$xt%}cC3S$v%(q)wv^Ob7VA>~kNEi+rwzwN>8r-kQrSHDbX!8n3P>VuI(!!RC;4ST
zWV?Bf`4+t_&>ZfT4?gOJxyi3jmd5y+8|sV@eIDz?1<!%YIisk2b!~#}(vT_&!}l_m
zr;t&ig|pWz7|cOuoc@h1%@e#i^%&Yj4-0&xVUzF6>cA0S5Db3o%L(K<+1gvbh}3Hu
zE}txr^wH1_b`27kZn&W~Zk#GzK<L6j1H2NjYFFW&KJ7_8iQmd{aF1!9=~JL$;AMp6
z;{|l%A5uRu$=pebfaHoAcP!u;J_aau7KXyN*`Tu1??hoMNYRKpc!1UitE8{<nVWtn
z9UqKejPA^bD$KOkuXM*Jcuy3;eQrLHkXL3?4kVfWNL=bX(yL|^?6FQE9zn7nbIoJH
zD`A+AW<h@?D!p`>wgR6urPQ=sl8djrHtmP@zF3!4qphtUJaH30V-}wrk&FqZQm~?#
zCxj{{C}yN>60MTa{X*t%i4rw}s->wX8tRyuO|yi0!QwEAzomYESGi*rD-uMari&7y
z+zbQ;kIjf~<3+Jcn<;Rs<y;qJMYc<rprC>Cb>r|PD|zTuB-hDOfQf+R<$@-TB_APn
z*yUAiUk+BhQ8Du-v!^sLw!jGcE<d<OZ(k+2QYh+uVCVwM?1#gab)v({h^IL(mj9wz
z44D5%%>v_NKU&Uz5AlAw`0pfMV7u16Xyet4#sie+>u*x5HQNG-fL&FT9=R8*&9z-N
zlMx5vo4?Y7dFFf(YG+wC4Q8D<!pLrQnTBMgRNo~lA%y&<R*-Io{R6dPtQhC|l;IzQ
z!}I9>rEpm5#`)#>Uu)EhB!PfN&0Y1VQM*iR_L}_A@ibD|E+s4~lAHlFrJpndnAbFR
zLl7Q^$FlqJ=y28BgmtnVWhcH4Z7QE7h~?H-=xCe*4vdb!mkNv3{UsG%*=l|_MAWfl
ze^gJ>zy!zu_t1jgB?K0uQ26~3)AgDp(UU2WoZh9@56ykRom*1|IwNbj=1-~jd5r4T
zu?s<ioo+F5KVPFb8Fi2Y2~;$ca>z9?D&{QX+iR;J{J1{X+cyIBl=E%yyVFfq6rCqo
zVXuJvT(frs2K`yS(mE;2AWsK$iHAan$Ra=DLnIWq6&!yQKS3?0IB>yi_C?ZmmyfmZ
z$bBbFrM6QOtFKlKA;;z|hL#<tU#@a=Cw`s7;}_c57%876sz<#wdmbNdHHBuCfScZU
zTs=wNYHSGxBy)VXsRO=!wM)FnkjFKq`Ct+M+ntrO-pEsjjS>TKe?V3i`dVSD)23$%
z04|B6TzTKW2DMljR78?b7qofV0iRJGZ$ZW*Y9&8ZsN!JcH!Pmc<SieHy_m>AT>X=^
zEVghvHLn-+>avvu`pdnCxoB&Wb+pUOfG0J2eSAz%)yEXll__)EOZh@mm15kkpYt`B
zBY!t98O{4@JIpBY^XE)a>5G>yZG9K(cu1Q#g=&sZ0NBGid3-~RS!k%v5wK^$c2liA
zS#9ZeM{{4RE1S0W4@}^FksFI|weVS-G%u#CYjaV#%)_54{mdVeRB$Ga!Wjznq2uh$
zgd0V7K78?5W*cDaECzCouv;cIh+r#ndbXrk!HEeyxt!8D7$W)2XJ-6|K693!+Ft~U
zRUX}y$O(rT=P9&SlAw-xtMvJ;?>=ZLLF#(fK<iAsw*~o+U@JfU&w(xNGP<o@M)H=I
zOuy(8tyBprRQm9h*}@q9l$^eB&DBNm(oRhuJ2G=qpf^3@`E(Uo(L*<5L_vKD%!zBe
zNDu@BvjI+~4cBbNo~{QMUf$-Yz^hu;FVGpqT!U4H92aB6*E8E&w09!2f1z+(51%$A
z5w`vlYO=(uw3S5#BrwlHya@aB+bAxBlOiq4UWb&F(r`jVITc{?O{5LlvD^K*u-U&u
zW9uC_^_1^NW?~(`iYrT5c0937BTEY@URo?ghanG631PxLp!nC-`Q4f@K8@qxOyi&&
zP#T2w?ogyF5f48s6jqPwU4P^Hr1R_CR8$uIIA$aIaZ4h`ml`~rRTV$+QPPJl%FikP
zzfO7UCklXhNPs#KTX;OV6Awyvm2FoUY8GO^#Cd<)HGcL|U_nS$a&TyfX5N!zn#mPX
zw+zZk`vk2wV4qXIZ?5C=)AYn^arcQQ8vd+e+XJ(?Sy1p32m|^-8E10|=qn;h&wWt$
zYxBiy8dum(t1s(>IO%6^RMj`9mOOks7`~u2+uUi0HG>-)FL+Ys5jzaKekyPo=afHH
z>^udOc(3okuPmakKxEN`d(}kQrNn>^gv5df72QQO&(MO=+I&uhSo<IYKD#p2?5jRh
zKd_H!6T{p9J!K;TsC<}LFu!vlzX?o2U3E9~L5Uxjpkcw5Bh>G6-#0;6`SA49)2|Mr
ze`hYTudhVYBNv<_3>Ugtm{lzADJPOzq`0lv4eLizzN!N93ABAx0yOVmeJ9}gBvE)V
ztUsOMe9|F#*%^^k8ks9Tg`Dc=m6;@L`ANBX0{WrJ)rHIX&~tYYY6*c<#Rt*<M8)UW
zR?>w(F4Y6lTvD>ZKdTRp^n6{X9}z$?Z3DT9ws4@3fV_`Vk8*J=vz$rSSDBkTHOE1B
zx8BIhr2s7hf(D9v)w@xx?M75ta9*0|>E-QzmgWxg{=ZFg{~NiMhxJ^+Ry@OUXx93b
z;wUhjZ-w{9tN*~6!gm)2AKk~zE742-u_pLKkh}Hae`S!n*<7b5L>T#cKF%;q5Y}Fz
z(={*VfrM#XyZNv+M+=ZeU$yj9DB&e!>DvCS;X>9KndB$sS;SYv3d6_fa}8u)V1OCQ
z?D`iRmQ;|>2<{^4a7(SGVQ-cCLq~|R?w8Bw$-Z>^>VrVBOEKMF(@0^=val%ogcH=N
z$kidU#;zYF#Gcs{e%_kI*G<zNmSI)kgPQ8(!_peeLRFisu=upUDjV-*K4*hK%qq_C
ze!M*-fBRro=U!Zqew@MxcDPw<QsQ|~iOv+hb4NM{;G_&SU!bGixWS`jun1qYMc_-P
zsb5$7s+zbPKyiRg?bqb`X4Bj0P};g5U5@4;Wp|yWH&o92cTbq0_$)=9{Z{jZ52~1f
zX(m$rl!x_&INAf|j-{*c(^UF_s2O9wUeT^5=3g=8KZ)u`TwaaqFL>Gf(sKQ7QS=i0
z@jjy>meGQjK3zUWv;xbPDSR3biJtgr4zpe3(@SGJ%L)Sq*3Z+}q5bbn^>=f3H~-p5
zU`W0J;%k+^<2t;--u+iy2R!2On9QQxFX`mkYtHM`UdYcVhh{fOzk0-pU?T^R@w~}c
z*9IKg<;pR{nc2h8YxbIbZNCJ%C3wqC{QJm&w)1wAYpxF$yyr1(Xu924PiHendd*pV
z*UP*mW7@p`)-WHf@}GzKigA8+2T9yX^pbhXq#iPnQf>=>EdGJYP7`-{QQ~AH)8PAb
zs>1nLDr7?pHyiM%E21-Di74dLdPQ}Ut%E$<tR>y}CgcfWi9I=Y*Bwb5IV?;AX<&I=
z0Gsh7o@(+;`m2X5aPLEEXr8gD1dWZFr_P$-VV6lbb3i?_gWJSFrd}<-4Z+1I3mw5s
zDd7(WMgd1ar;_kOn;!(gpY5o0!5%ndn2DY}29K@_Q1-y<8Q`{uDT?8Lt^CI7{!7a5
zS=K2H4Km`Wxa*WsIJhw_R_Zcl(a6o5Vx;8u^wM_8_wIZv!V;1vT)Xw5A$IqmoW~L%
zPHxvEU|^y`!PeI&22U~`e}6z48xV9nX!{SX>aI@BNZlpZ803v#D7y!RfmwR45IQ9l
z@z7UQi|+k5{yc>@H?=9@8WhZ<p8@ps#YuobbwjL~*ZwKVZ6udo9S=HH60Qf$eiRxo
zO}UrZ1>8{6z_sD;It>5A@ht7-@A2&2--u`bIf^xC^t>Es>RY`hLgo=3xsHtYg{$NW
zmc@@%>8MqqbmWkVBdF+ve$)!BxLbZXHvBjze2LeIoqX0Hl$lgeIs|4|Y~e%&ED*%)
zVY^d9wabI~{p*`CeBf2MT64bAcVo?m>jk2k=6pt?OV_JHTg3E096Oi>Z6ucX^Sm7^
zuUBFB62S;B1-XN{1g0why~{3_gcu71B(rYrk79C>CpHFxMp~lfh(9l@(Mi71s$1O+
z*1{@!!<0wfb*xO+TZzPhL1UA7K3R{PmCFAMwl6jr`eL0AoYG$#zgMgzD}z*LN9ZZI
z!T6wufhkI61P1I}4}X(6$@@}%N$fyif(wnPbL-6aJ0|Zo5AvIM`10+4e$WnH`TzQ$
zomyII?dP7ttkUv=`Z+hIgL725FsKmAfXTfl$c{f93@8h|(Iz;~`fpq|?kX)0dvXA)
zVV5l8%ra|kcX?<|>RlsK=;z-??EcTO7Y+9B2D+rFGokqZqyYT;P9SK(Gm&3Q*cq%P
zI}AH2mV`zWPWGyoZepy$8%U8aB=17=DM)}|-92}u(piBIj!Q`#cZE8@O+PvF$p%Ml
z=z!!{kfwvaXNs8H^0!rS*-Y0d1;TCeAtOpdYm{nbEGDQbFc68E7g0t_`%(WN>;?jJ
z^{iE_>@klNGyTDYo<1w+spmP>hk?C-&8uH65Q(BqYxd;CTmPbzSpdij5Ox-4Mkk<$
zWuBTAoF^*moV+Yt4ALj9uo0e|5{tu+)&d#j9k8#+G~CfCGc2~^k0b$LM6w~<*@-m7
zbl+mi(&MS<?|E;+ay%R^g>RB4+i&xAa!)_`s|y)W>0q_}M=Dk^Nae-(eYcO79Fz-p
zDQ#9ju-U*W9F$@TnN0i3ZXY0G&vS#MKaJRxo)B^nmIvUC7$J2Ji~9H5P{f^dT(bwx
zC=5t55q<0`#0Rsc%7+Jf^8BLT$5bo;mnjgIyd#$`-V(AAvMA&uFjg&6qVMO&*u?V3
zSj3Bb5#(iFLf$Jtk4bCff)Wcu+*~zAF67|nv&~#EDsg1?J{`swN=2;nL9t7bCr;hQ
zr}4vo)d|)}yPxuW+CI<L%^)hC_ywKoKr2WxGifg>6wio##5ZdoDrro2H5(ZLl+*fp
z>&5h9RA()CpNFo%47fuh&nE^ElS=`h+5({>iVBG+EG__}?2DzS%a8k`7(O@j^<Q_-
zvf%_Ly_Ut0e)rcKdHmhEJ287D^`&0U6za8W{$cT$k^b+BGx(vop`Eg0<U0fuxRC{N
zsUI1|_u@}m7&<ue@N2=$D>V@~dbE18zvxZU;hxYc%!Wp#XBy2Zs^!XfJZ<-sJv0kz
z;mUhM!|{g0-6qvBB;X{EY5hp#KKxwX8qlAt)3f!OsZP*dl_HrZgdBH#$(6go_mH)x
zCllCz@_4;}xj-1_j`(O%_dRuaEG`Y79*4hn_vPWF66k?EM|%gqLhW5`*Z0sX>VK{R
z8@bwH?|EcbbC%CA-FV?c_IIIrPsy6ycINRI*C7Bg3JV=r_zL`g?VWX099z2fiINap
z0s#U9x8Uvs0>Oj31PJa9jU+fBK!D(u;1b-WX$S;u+#P~T<22I9Es}H2oHKLJomqG0
z%J;2Xe-%Zos_I?#)VrVOxBZvhaVcaA)%wvrSE*Lrf?g?OD*eS8@si-Ltr12E4l`<D
z3M4P6AQWMK+`>2eMW`gAK=fILV%a8@o!cluzU0&LynO|%HC*M%5qhz99(`5P$nuR9
zpbVD@O1m=Ol#X#>W&;z`biMVbC6%*c6_*262TJ<<i|p#qrNegTB&*9bGGWlk0p<oE
zlC&O4I|sh)v^!EuP-OLXb5;rILkfNSEz5rw$j1UTb0i>70Y$9MrccUlOUE+%YCnzH
zFf(~^=$=r_VZ_SsL;O$}4JN=a2bKKE{a9Fdw);wN!G$d6U=m^fYeX;l1bj=v!&D!7
z852k<);~5e<^IP?@*@{-=xmhaCEcj?`p)Lx^%<8N{|BYyEtLOEDfy-X+*)M$Z%fG}
z1VMGWXZhY2yFkJ$w<of@q#E9qI;hG0QZb|qD31=v#Xi}Wn@=>gUb;>c1O2hiJ9SXd
z_UwuSdR$*@<Zxw%J-%zn@6a2n&o39sbb9@Rj;)4A8b30QL)oo=^#X7yJFHX|fk^}Y
z%xU3g^_$b;W|M1kB5xpMasCH$<FerbB=@UQC*|z~l)7KRpDOhrv!6<RfBoKTih(e+
zKjm(0z58dl8?}7@0CxjOg-)|=W$3<SE7RmIQB`wV0o+_cC+T?!K+77;Yt}CUEvwB#
ze(lr&%<N)E>|pC7Up3@O;XPE|_NrP`0a7xa9xfANPZd4E{l#xptEIbkrxJqaE+VIs
z2+@<N?ryQm%S!3Z>P^(3!agIWPR?5RfaGnY-5+L&%ZP{1W4j*)c{qx2tG#&dgX~&<
zG6uOiSS%L45q1Az_mJPifq%-EEO$e&7)<(hpwWusNoP)$Yx;TbiluM_JW`UQC|x{z
z;iGA;S*OZ-$%e-P_gh2-P)0~&1zbGlZUI&8sY%bZUtO<K9bz+xIsvm|YMW-GxyWpW
z_O`dfUxoUze#h9z-8?lJe)y(0{*RCioPZyY4VtsOE;1i%asFX2@XZ0_as&Z6Iw;Wo
zMfdxeEKASUo=F+j?Y(=`+P1aapzF-u_afj9X8O%zA^IM9<_BBjrvan-?e>e`!hOM0
zb^-iK-LJ<qxlcR@&>hQ{Ez`uVDI4<6u$ci|xhDtIe_(7-TFSAvNmwZSO4#tKvSF`+
zD=rKFk*VRiygkFbNgax)#GP4yjpY97O}<X@38DS7Nj~ghz?$qUwbLJ!bg7fI@czPc
zHS{3aH52ochQ$_c_6ilI{-M(~bqqYcn?mSgDlix9-;sqTI(<LV$9HPRR^YdE<<9`0
zhP74^(8u5KzB4X7WN~6c#wnD4{{Q?K{{laTw6(>LUgWa6#95og(wZ@LN;>#{4P)Ht
z&W)yJr$m5^K_M2aIP9)Ek#I2c?TF)V3))nXLyX9?g3LEx<Rk$o@V|r3;O>ivYDqX)
zhw(H`PY(m=;3>UFP0`-<*XWEJi+_sF5M$@ZTC7Hy<m~RLtnOSAB0y)5&`<vb?H6%g
zxatQ~1fI*e3)<C^zZrZ?_pi4quOIY!{7JNL>2Tn`#HS%`ecd^}(iR}`?ZvF?Cwp6y
zjw#-25QedT+U2W-L?rLV*9N}#5!ivU_JU~NHS4cqeqVo$`8iVYP>BXyhy1$#81nmD
zW=0Nk57E05$vsJ<tW`F$gh-o9sD2d@gWz-=Nei@mVnc2*KqZVDx8fGkn{e=1arbS@
z!uDqVSm*yqY{nhA|0YfE&r(uD68hg?27fNZAoj2KGIvFn{pY;Q)Xd}8X@J0|t&Zx;
z7ZcDAf1&ZU?L=Kg`rO`3yG#5nXc0cYV74x!|L1|gf8XeAxs65riop!I@gT~vp{0cG
z9^GFOfwX^v;A_^cwJB($!N~k)E9C5o|H=xvt)exxD^)jsGsS~{K+bo~pnLKHebh-m
z0)uDtUfD|jC*%Q!-d_uOu7d#l_}^H0KZzUrlzqRj@;XL;W95mTGHI~4@46D77a}ut
z&!tsE7$VNC=h<R4`Y$`A<UyxIIxvcN=P;t0BxrwKO0DdchD?i~{vh!EEh8lUph@;U
ze!@ouNm`;18!MhxVSm&z*UZ!2eb%U1<@k3!m_}@;HV|o3b$>*)!G#vSzP|>E3YJAq
z#{tSIZ_|_Xijeb`fC-bD<0%RMAhE&<*8WoNa(SUuR+<bK2{SeWqhpLG41FVta<;f%
zg2bg$)COgwUAT<DQ&(1VHXi8dw2ia5O_2vlg3l*ZlNMuNk-~hVB75rI7M7*6bL&;{
zwc_jk1(F9C`o3Z*UTaO#8KV5Ob?XBB3cmi!5YrCcs-D;Lr%27_RjiBi8Emi!Qsyeb
zh=8DOZi~~Yw}40YuhAQSQitb8b}|ZRJ#n?;4)wV}2m|J49I^z1QUSp=Xn@pL(Te^Q
zXPgYp?QG)#ugqfty~K`#jmz_ksbf-~3-`rIMso$2J6X|EU420hVArtinR$H=09y=B
zrKu$8NBpZL`vX9-F9DMM4_G{gtI<DI>?7X$BLEhUGS~%hs9qCb5FRg&sWaWfHS1fC
z5)2Y27JG~-?tRCqsh)MPg<l(^TXhHEg}T2vMtlh{>L{pw;cxho+1&brfL{QRc(L6@
z<u<!VEW|4&-D5&QaLW!3;*d($ospAzvOgvXE&s73A@`o~?^XIg&)fK^($BZGg;q(k
z_<~m(C;~c!-@2D`R~wl@d}SLC8n%}McZN^+7XieEIFt3g@A80;dV1S?@iTvm7!h+H
z{v&F@!u`Fu$zsUin%eNXe~?uHS~*J56DL4FN?4|2Ld~$)COU|N27Dgc?(EjFuC5o&
zmyGbnC#(pd!*jB%dxuhFENNc{X%{`%3Hp|u*<lxt_H9GrZ>V-14mbxQb1XPr`Iw6c
z^S)sUHusSfB>UZ}BMP%F4)G!}f#PL9`ocQ_Cpe#89=7}J-7}^B9OT;Zg{KwiM8Ar}
zob_b_!3YlH6!pGo&yz$lpg+-Ko=hm`$}g}+s#+>HozYINZ#6x!jeFfiw?OPe1(rH7
zANgCEjV#?6CILO;9J6>7GQ6Ov5TLURK1pxawH`LO^`u{xNYr#KFV|VJ^R~=!+a#gN
z<-<|OJRY6VG^BabuZbyud$OFJ0Nqa?vOF=B4xUOYyoRO?q`GNG=b=}AiROnq2&D5F
zy(`-J^0?>%2zRRT0#%O9?5)|D$>AT_|JTl6bu0*l=M9S)@Pc%)acHewGc_5B*2hGu
z$C{I>Lz^5XCI@Rs&0}xvq~hPm9P05CZ=IgD`U+mP2VioR573e7YR5qcymHtQ#8T##
zTcv4p(yC<V0`&CIh1kHx#^PQ0XKTQZEd|kC$J`!rJ1{aUev0PMjTV#;2d-XDkQx|`
zNMx%9vVcR%iq_-K|9eIF*3f^g2v-^nb}*m+mRh3ggj&~=CN_i!eex4jSMFPTYEdb3
z|JeMCA5b+nL&7|*7f?BsKmxdnS{k?jZG(Iw>NYL9(BNuZqET;)m`lSIN$c;a*}v4$
zFaO;-`tPXO^pGdz3w$S6uoT^3im{mXK1yrThHaZ-k@&k4J%jRgN8z&Lr~?A`A4tqv
zB?n4iq^?Q%za}!w7C?Lu33~mC+(px+$^C^kb)aUfsDc*avw6DHy@3xX9%bXb*h;fZ
z(az<x4>`*3kdLs1L!!KBV^m0wW4E8?9dcfg-aY<kGvl~jyPBM@?VL~Fy3fdC#GP1|
z^GG49dArR#Xq4+2S6Q}EuKiScWmqPZ*k1cCjLr&EEv-|ht#aUj<-3Fvuhc>TWrare
zU~;UaXEk1_gGrg(VI}LkpM!&{h>44Fd|w&IrV^VPgzHYoE3OWcy<3^}yvge?nDhlI
zlCFlGDkq;7m6}`?0rMNWGrH{nr(_GhS;`A$F*d!6wT|m__kM9Sfk{bLMv=bzz#7@B
z;^-GQOZ`zD<8?lOk;y<5AVdfi2w|vPpk~3B6`G$P?ndnNC0dZkrEZr!MA@*(KuNX!
zMj&^0NN`79df8;JR{L;19(h*N?92v=o&?KLl`1gQ8p}tRN{+KxnKwDY!+^dx-#zZ$
zLbKgR8gkKf@oY6~N)_!J$8xJ8X<cwW-Q;o%!$zSAJ4WV!yy}n_rF~m3q;^#a*#vU-
zY&nvJbi0UjyA$4ts!Fgu<&!+0Fos5c5?vA$H{<iAr*ix;pb{f<w;Kr?u`^q>6fB?4
zoNu8&JiL4J_B?^+O9l9NSW%3^R1sD)n7737#nQx*rg^f8`7zyM=jQq$pJrV>ZD=V7
z7o<g}U?mTXtHUN%<0RUOLk0j>RoOn0GV}Q!GK)pv=wR=n*ZXgUZOL`aei2$F10fp?
zHPT6U>f~vt;G7SR?a9NR4F<$@CS&`No#W-@J>E>Z$e%HiE7Q(;DLb?))L5*cf^=L#
zg|qqOsa&CT-W1A!OTMGW8X|AReoV3TWy{kiDeqg}dA(=OoyES5Au-nFSctba6r{V%
z5xe|Yw4!X|9*U~@n-R|7^D&=k<h#ZDtN7yLaL3G8y&>6j%1&scfef8G>R|#j;7HJd
zkMefu5pH<{u~B>W;=xKAb!9|K;a40QlF7(Oe(Uc9n$Hy4#`~CQVZ{67wcL{GKIl>s
zX+10q&qszf2%}P`eQJu<hOg|;*?k4IQ-*WL-#<kSU~7r*W!Y0%pI7ugU)wcw4#76M
z8;3jH!c@jx#*I~0UEO!uG21X+p-z=Vl*~EfMgtP(h%7(6L7@;L`liGcHd!27q;fme
z)nEYP&+_FGuZ;)xl74YIrSG*;<Hj9Qt%B&Tk8GA6{gC&{t1b<Bm4zyLCl?+jV<^Qg
zAELKsrqR4Kt4Z={a}+QJp6<LRqt&4z&-$Q%R!nukjUJ=0!j^}Qr8-SQEhHIL-pLW{
z^De<FaTQ<wktCbCgK*LgX(W&5vY*F3Bl9*eEG+6*Nn348B599<bSi%PsLwr=Dhk;Q
z;cu?*EGyv7nkm9`oJFIB&1UQ^VV=5SR4R!J3VOW*u}!FF^XD~e7KB{RP)s<ATeT4f
zMrI*vp@3%MeRXPL@Wa9fcu2@oZ&SMun-IH1f<r!lBf%G5y^e5s+oGXw?)n_vap`GW
z?#rOTfQtq7F#;NAX;jZvl}byFBiT|Pxy+1BHLVqCJtlKvwcJm2dSQ5t)LioXr{{^i
ziROzh`*QC*=jV7)pq877ZZjMNDefH3_mEPxM*GUl8zSWjS$gUT++Kx>d26&AV~+ha
zmUB8$*6wkK4f!i~nA6ukR>iF5apZ#R7&@m3Sb|44a+jtl9&<cQqgaU5QAd?$El^l2
zDV<?nT;s6tSb6Sq+(P#-h%Pvfrf(nnk~dJ)&Bn;0@BwGqHb+GXR%wnHQ-vl=JINuR
zeVXZ`guI+ir@N!$m1>gC_;)(%xN+3bS+m#*KgDDoq8@gt(Fqhj3W^Df%Fj>oDC`=a
zd2igOSo+A8Kq9jD{v*X=B6d{|WAu;sVd$3=n*Cy}(M|D^FsvY5W83ZE>o#1a07V~j
zf|(TVoect)*2;<L`e06LQ+HNa7?oQ;*Wrw_v}ljh;yLBma8|nzIeEIPnp&~vUI3<O
zZB(M!DFzNSjKpd=B2Ptj3$k~>kOmLlx*6I7_m$XG$-d>!GP#*8%cf3W$B~F}9Nr?W
zT-MMaIH#!z-Z!^xD_xJ89W#9!|6zTFiOY)&)R$O$fN8wbi9L}T`Y;JgA>?i7_^cJj
z^DT85(*5%(I#hj<b=C-4JyDl5>1N%}Q57<*5AAuSm6Op+Xx-9uw5*O(k;$hVt4eG8
z6JC9e!C!syh#C`l0#wFm2ESWwP^zAJp)jmf*N^WXD|2ROM9ft+5*MUeA9}f9Fo*o<
zaW==72_WI0Ep7ka?46neo>o`4M&?BFAUmtk1kM|~4`ARBDL@M7#<pZo2NjraCwl-}
z`L_b&TS$yI4`Q`f<Vb;$gA9u9fyS7A9YP3`R3q}{FMq_N{eB)tBXUK0!?=-1fcK-X
zmP2Di1MwiuK#tO`_Yyak=+K%YHR|0m4hn3M4(m3`aAHHBVJ+2>_`xBE6Om~(6dHA{
zDl44oLk)yJdK^io7@I8lGx$m=vCx|>L53B(k#b_jRY9eUyde{hWRkY~@AtA4a{BV_
zCnoMIL8owK_E_|JFo%bR^JAp5vbB|8n%ip%G03rV`4#aTKv~cq6bjro4NSnmnE)A=
zFL%q>mw2juZ_QSE8H5_^`&|e^J8&b`@ws&NX!aqr=vC_zubW<kK`~uxeQ14o`;Kk<
zVZovCQ%Ec{@mfhH)w3FF(31YH(1Q=C(f1~Z7zw_NLu2+WJqo|SQD|pmjXon;pO2Po
zu|->!wwSzRE6SSURiw*Juz|(vF=me;<nlh*xE@tHdCUwF!FoJBz;okAXjG=hI(g#l
zh2jHLFX(dJ3B6}JjuZ+<6xn&%II3gCVu(5Yyb^1p3Q4lwStL%U6Ld*NZwH$mn!EK#
z8LwC7n<$ki1eo##E=T)`);8YxRzfrIvj6Iw1{C->CcZvmZO8~SV9je4l-ct39W-*T
zIoVnObcPzWB+FW^u+thj0=sHX{!W&mYKY=M&17~esxG?h_nu2PSCqh}C4y%qn1^~V
zsLGY!)h9Kz;gxh#Fi%ygtf@iR%rPF1`LPK$^a-vLk-SMTEp5f;Pku+*<%5Lo-kT?0
z<~8-Xf*~&~ojpB(_oZKgC|&O1BIwo*TBOiq>SsL~Az3{c7cHC+blzed{zk_@I`3g>
zdBBK=xD45X;e~I(xMw)Zt7*8RYkQmv3hTewd(q{d6VQMtbnPqpZfSm1%k0&;JIyRY
zpEh6_BNpvI#ThL_n3w>?TdPrG4LMt0shj!cQKzxRL61j~z<|fjYk`$D7$T8XTDWom
zzhbYY90)z-1gj0mf?O-@^msXfM~9xLeHxM%f)svuwK@gEbtd%cV*#G2vP@F9dSZMN
z8_iVm12dvDN1z62s)bquXF=q1B^O=lRGBo6S#J+ZgwVo1`tlKjLq*bLht|ylm*s$!
zXn|eh2rXQO5ZxnpD10$NkLIe5V$t}CV3yax+E`vP)!VaJDR11{WgyogdyV)}VyAg$
z2~9WNgfet%2z-6%d|02yR0*LAe$0m2?RXJQp+m_v;l(!HwtM2~U=+sp)Q?C9^=yp)
z;&V^OlV&eD8!LwfdCXW4`;jr<t#<2uIs^}1Cpf`^&GDWQS0AsG>bUgx^3E;g@#qPh
zrfJ=_RPi>t!Vk<`IrxFe(3i3m64Imzn_t25p7GFFtK~Zxiz;6?d89-H`a(%6-LIds
z&)_a_33zJt7A!<g*;3o0PJ=vdY}eBq8ZBs3XYl0vfyhJe5gWE+!z-<3kF#$&Zp<kX
zK1D}Wm8mbVBl8}kQ=64U26qg?a7{L>Ed^iMmQr*NCS7dCbw2X|4>`cc!krl^3jw}$
z&q73(i$y>31m61k);t_ima@U26ZdK~#p3AGzD`3I1NI;wEzJohX_ndOWQ0v>T|f1`
zS*QIURMHA&cXJ+mnOWYFGRC}P=;-mPqZgHY5OB|9>(Q`64P+#BA^YhAqF?oBB5xbs
zf3(6<O9sLa0U8sIBLjzj1766(PSW_Qs*m@0)--59Tw6}f2C`|$vec@TL<Vl<$-%+N
z^z;R=FV3=sT2GWvwq^>8=2h90ZMDBy2cU{g$UAEVQE$?e6(eWw=O?;`V3MFpx|3sn
zlsC2*k$6^#XE*1Bewb%fJoJqhLAJ6Pjn=-e6z`D~jEjJVf4mJ~ty&xjuOwR5hq4+5
zDwFdFR9;gKr8~B!$+Z#RClsF*^UtQpRbp#@*xIj5SskW`goN54B`&H0-7kB;`lLmX
z#xZHQC^0G<2OYLn(;$x&9(m`;IAUf^>$Cz!h&7#bi$6#_RW3EAO)ADEjV-kyRlYbn
zt3I@hpkA^xCuYBOg`<Uqk=<VgUtHkE{vB2&DzVeObcz>OY==C}R5x}?WIAR$X8pH%
zHXPB*Tv@naN$DS<G4GypHZw;(-Z5sT)P1wwq#v0$S=u;JJSjLzS+9!njRS3G5%KQ%
z9lLgIwo;P8!Qsi+x<X9r9KM{O#x$+R#}|hL`CzKdXnT#)h`l=_+P?G6Yg+C_l{dZ4
zN(z$O${Hww)zlt~ex^q&sk<9_^)&_2G_QJj?i<|U9X>p0nJD#<GJzM{if;McTcPOM
zl153nAb+x|RKwUfqpfi#&)MnmOn7Ozs@wNgF@83O964eNnYB&=#Oa-^6fr%@<CV3I
zz9*e)<&R9Vay_(k#Rj7h7-M)TXTsq=5+$Yu(S&$Or2(H`nh*><qE4lMEYKA}`dIG^
zlcFJXKFSv~{v5b;sGq^%a9+}hB>W_JzOkd9W2a$5v>-XQpbWA-7Q9FoF)|n<-72-N
zulz{u3dJbdg*L{1yLXk1PXEXkqi{s(wR8ff;F^A0o+JP4@T3|&^SQTRxn+Ple}~ku
z&30hp7i|pHk3%^@Yq7^{n7BpQkxCsofn!ksETW6XF+n9LnBE2hCyk<W!kDmC_#0HH
z=ioukd*FFno7Qt2@q)N<UsTXN7XMg*`q|xujOxNlG%B$BKvW7(XTJ${KFtuGWD^T8
z3TPEOOS_GFFz?RYk1jg{ZVtho4MAFT>8Ytg-vkr37=}_*W{*b1ueKw%c*(hp&|5kN
zZ#@kF+sKMCO?QP#w3`uQU@6>;7O-GPukV-@zrIi|g;se%IoxCG-y4_{mt_VN;0^nN
z>t8Q-EunKqcW|{wiUx++zg==hh8Jm@Cos6zX4-3f_TBK{R69u==YcI9Sn@H5hlvSh
zJj8|dlND-xj^e9PB=uIF{r^!&>;8QqoqeLo7aSr(MC8yH*+=zxr$`yaBAaNHrZ$^N
z5RQd~1uif1SPo_Ozt<HrEZ*%CZ(wt1z~CdBWoUR6mZpDNA!&@SVO51+A#O-NbmJKT
z%vqTlcr)q}_5^|2UuDs0>dmI^eEFhxTEV?I?j*IdSuP^m;pB*)B=iAn+B5Bbuk6@3
z#7d!crA5-pmMf7QUXX?1ehI@3WR5tDm&7e5t5?XHFM268nMDv<L!3n?kF0^)puqIB
z3e<Ni62?0<uJfC0!wL4=64ZRi0rJx<8D|*0#J6~=yZhi-H>Fo8D>~8CMt4j8%=4?(
zlAT-q=*onnR>1Ib%2_-T9M2hQQJyZpW*oHY65Pj2DBZd*!qYJe9A6}u2DywI(}XwQ
zrFkjgS;EA3)v_B%58t|XKRw9C0OT@@IwM?A378@4;Abc(SG#d7p`RH%N2!_rh>lbe
zJRe92EGQ8HmW*F7`7vQ~rzKVXDz=eGluF3&{QL(J3(^0J^J>q$r}%SsY_PBtcb4S$
zT-cc&2RihIyV%Tx$v|bt`E&Jm+ROzEdxvI4y<EFFEhikTuQuo---k#RG`ha@+2-!%
zGWyv7Z`QG@$f>TB4rAK4XKJ=CPr=;vkh6kT8GZ6I>tk&n8Sywhq00ly;fqlWl8XhP
z2gPuFH@X@!hZyiuz<~JFBaY{&$kXeqUA8Afvs-DMgBS|p)jMSkHT8tjuD%L;x(9e4
zH;>IylApoD+8-!@w0VU0K2FXM)<UgjnYixASw%k`b4e4Zb!2eLb)DnOgN=2yRjmFv
ztH5cbe6JDd;SOuD1;ams^NGLEK=yXT#SgRE8%0SkTgMt9vd(VHr66u5$g#<BnqK*p
z{Q0h`sUm&r^$*|NGRtv`3#Qc;qBRAgix2A#`+SZ~^}W89uZM99yS1E7>3wNDme;_a
z$VtsCM_exFf;%E)t2__rQ>Gu8Pp`nz9bQ6ecMpEKRN~Q;7zSCGu8s;wFDb3u-Pf0k
z^|M1UW<A1!gY^(CQ~D537&EErnvs~SNR_8ofvbb59dn60A{IhELMPP|YstNSgb4Af
zk9W31W*sl{nL2Q;GryX*g3pC!EkKSpkGzT*ebQ3H#KAbd!Kr=1XR2pw`rf<kw%)6y
zrUVe5?IeA@&vQP9q@Nj-s7g0x$do^ItE8IkWHosV3z929fYz&Ryc#6oRIGpS^N>Hh
zCb#9PJDG>g4dRTEAS7}#mk0+=4K7Y|;JgEqtC|d~)D!3B1z=aAx7zj~WP~~?F>DK%
zrg_~Rs?~b2u?99qE;a!+2S2~7yodH!x2Cs@7Pt<QR<mQ1_!J^uymP2MIFht%b>L!e
zYP!1i-h;+<i!}Mp(+q{Nwv-I^%MacYCu^2h@O5Thh)|l((xdd*t9?S_?n)1^-rNlN
z<YeL4=8?yRK}4{X>Q3^ZMB+!&58%}*&)D8rTXczvMeP+Xq8)fu>J$+jK(F{Qoy)H2
z)<aH;g)wz6yBKB*^`)mRC$IJ%7NpHJFg-1R;1-NozD@@=(i?szleq#zm=^S{z|>47
z;X`3PZS~+0|F2dP`fqt%^^oO~s%?3>?;%gcmt>lDj|CBBIIagkG@hI-t)l7O0xj1%
zI!QRWv})0Z`<i~(QdSuBJH933vz=dldU?xZKkv(Xz(xIIB1_a6Dbfu<IQM}f8u}u=
zFB#s?2wBd>J$wzxGTr&)J)<XR4IAC8_tSUhEIW^FLA-V8TPmod`aZLY8^_cWBiVR%
z`^fuZk0>Ka!oR@t6Z*Kj-mnd^XU4|?7>pX1TtFJ-=Z-!Y8TLh9u1gAEv{Vwsr9DZ1
zVB#m7h<^xen{OVFNg@)*PXp6T`W##U=Q6FwG;dx1<Th#C(oC_DfJSE>qSm#<Cq{mI
zYuaXT?Re<!88lW*D|8>m5P|9CakhEi3GeQKlyb(@6k7PWyZRt-3qjPVkJDA8zQF5z
z6>i=7c??Y-?yJJEvA}Tqwf%hs$jOd^8Eh|Zt7}%BNnbnT*qi=Li-NokF)C$yw9!*$
zT03FYFf}zPi0SrDv4ILJQn@Pe>73IH17{uhRUvb6-wFaF8D-3>cJ%6HE+qrAfZSny
z#O2;q`WEB8F|q~K8i}#1H}pAO_&;}!B=N*KV)%%2fToCQn{)m8VMTa(KA~;vvk$h6
z*oAX7P9etB)gi7F_B(g66tCD>zH`{(CxMWiS9Pn!!O@JIw)lBEQ>3_QleTTkTO?MU
zI+8P9n@eZjkkq5CrA${&*0t|Pp4O1!rip>x!ul^lJF|QqMfwXKE>5dUXL8%YMFMB#
z5PRs+;i51?{%R;=u5m9wHGMat(as*9cn3JiPA(OW-3Hdi^mCNy^$^~v8E1&ln0BkD
zOT}W9HrLgb#qI(7FF%GQ5zqic4Rc$}8Fm0CiAK8!Mzbx`n1bB;tV(Cf2d?`$FRdv0
zmz87R-B*M8W_@-?I3o(UDJEZcSI*EV=(RiG{#*ew1dCyCqyPbTRr`Kk(>^N-)+?^p
zw|QV9ci^(O)||_^J}U#<;0titpX-y+zf!ILW!p$1o}Vm!ZQ>@Yrgy(=6X_qDKk*rJ
WlmAxbmHzB{ds5Hk#fzR9`2HK~F&-TN

literal 0
HcmV?d00001

diff --git a/img/har_template_dir.png b/img/har_template_dir.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a8aba55fc3a379f5534ac038f45be1a805e1fa7
GIT binary patch
literal 9677
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

literal 0
HcmV?d00001

diff --git a/zh-cn/react-native-harmony-sample-package.md b/zh-cn/react-native-harmony-sample-package.md
new file mode 100644
index 00000000..cfd5a2b2
--- /dev/null
+++ b/zh-cn/react-native-harmony-sample-package.md
@@ -0,0 +1,382 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-harmony-sample-package</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/react-native-oh-library/react-native-harmony-sample-package">
+        <img src="https://img.shields.io/badge/platforms-harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/License">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-sample-package)
+
+## 1. 安装与使用
+
+### 1.1. 目录结构
+
+本项目是 react-native-harmony 的示例工程，包含 Fabric、TurboModules 以及 Codegen 配置的不同示例，主要目录结构如下：
+
+```yaml
+├── codegen-sample-package # 适配 codegen 的示例组件
+├── without-codegen-sample-package # 没用 codegen 的示例组件
+├── tester # 用了上述组件的完整 RN 工程示例
+│   ├── rnoh_package # react-native-harmony 相关依赖包
+│   ├── harmony # rn harmony原生部分
+│   │   └── react_native_openharmony
+│   │       └── react_native_openharmony.har  # rnoh sdk包，需手动下载后放于该路径下
+│   ├── index.js
+│   ├── app.json
+│   ├── package.json
+│   ├── metro.config.js
+│   └── tsconfig.json
+├── package.json
+└── License
+```
+
+### 1.2. 运行步骤
+
+> tester 文件夹是一个可运行在 HarmonyOS 上的完整 RN 工程，另外还需下载一个 RNOH SDK，由于 SDK 体积较大，并未直接存于版本记录，请手动下载 [rnoh0.27.har](https://github.com/react-native-oh-library/react-native-harmony-sample-package/releases/tag/rnoh0.27.har) 并放于 `tester/harmony/react_native_openharmony` 目录下。
+
+1. 克隆[该工程](https://github.com/react-native-oh-library/react-native-harmony-sample-package)到本地
+2. 安装依赖：在 tester 目录下执行`npm install / yarn`
+3. 生成 bundle 资源文件：在 tester 目录下执行`npm run dev`
+4. 使用 DevEco Studio 打开 tester 目录下的 harmony 文件夹
+5. 连接设备并在 IDE 中执行 Run
+
+## 2. 约束与限制
+
+本文档内容基于以下版本验证通过：
+
+- RNOH: 0.72.27;
+- SDK: HarmonyOS NEXT Developer Beta1 SDK
+- IDE: DevEco Studio 5.0.3.402;
+- ROM: 3.0.0.25(sp39);
+
+## 3. 组件开发说明
+
+### 3.1. codegen-sample-package
+
+#### 3.1.1. Fabric 组件
+
+开发 Fabric 组件时，原生部分可选择用 ArkTS 或 CAPI 两种类型，下面分别说明两种类型在开发时的步骤。
+
+##### 3.1.1.1. ArkTS 类型
+
+下面实现一个 ArkTS 类型的 Fabric 组件，这是组件最终的目录结构(只列出关键文件)：
+
+```sh
+codegen-sample-package
+├── License
+├── harmony
+│   ├── codegen_sample_package # native 源码
+│   │   ├── index.ets # 入口 用于导出
+│   │   ├── ts.ts # 用于导出
+│   │   ├── oh-package.json5
+│   │   └── src
+│   │       └── main
+│   │           ├── ets
+│   │           │   ├── CodegenSamplePackage.ts # 导出 native 模块
+│   │           │   └── CodegenSampleView.ets # 具体 native 实现
+│   │           └── resources
+│   └── codegen_sample_package.har # native 源码har包
+├── index.ts # 入口文件
+├── package.json
+└── src
+    └── Fabric
+        ├── IndexArkTS.tsx # Fabric入口
+        └── specs
+            └── v1
+                └── CodegenArkTSNativeComponent.ts # JavaScript 接口声明
+```
+
+以下是组件的开发步骤
+
+1. **RN 侧**: 初始化 RN 工程目录
+2. **RN 侧**: 添加 JavaScript 接口声明文件 [`src/Fabric/specs/v1/CodegenArkTSNativeComponent.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/src/Fabric/specs/v1/CodegenArkTSNativeComponent.ts)  
+   对于声明类型的代码文件必须满足以下两点要求：
+
+   - 文件必须使用 `<MODULE_NAME>NativeComponent` 命名
+   - 代码中必须要输出 `HostComponent` 对象。
+
+3. **RN 侧**: 根据业务编写 Fabric 入口文件 [`IndexArkTS.tsx`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/src/Fabric/IndexArkTS.tsx)
+4. **RN 侧**: 添加 codegen 配置
+   codegen 配置项位于 package.json 文件中的 harmony 字段下:
+
+   ```json
+   {
+     "name": "@react-native-oh-tpl/codegen-sample-package",
+     "harmony": {
+       "alias": "codegen-sample-package", // 组件别名
+       "codegenConfig": [
+         {
+           "version": 1, // version 取值范围： 1 | 2, 其中 1 表示 ArkTS 形式
+           "specPaths": ["./src/Fabric/specs/v1"] // 需要codegen的路径
+         }
+       ]
+     }
+   }
+   ```
+
+   - `version` 表示 codegen 的版本，取值为 1 | 2, 1 表示 ArkTS 形式，2 表示 CAPI 形式
+   - `specPaths` 填写需要 codegen 的路径，也就是 JavaScript 接口声明文件
+
+5. **native 侧**: 工程根目录添加 `harmony` 文件夹
+   > 该目录暂时先留空，下面先通过 DevEco Studio 编写好 native 代码后再拷贝进来
+6. **native 侧**: 使用 DevEco Studio 初始化组件模板：`New => Module => Static Library`，输入模块名 `codegen_sample_package` 可得到如下结构工程:  
+   ![image](../img/har_template_dir.png)
+7. **native 侧**: 在 ets 文件夹中，添加 [`CodegenSampleView.ets`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/ets/CodegenSampleView.ets) 文件，该文件是具体的 native 实现，包含生命周期方法和组件的界面渲染方法
+8. **native 侧**: 在 ets 文件夹中，添加 [`CodegenSamplePackage.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/ets/CodegenSamplePackage.ts) 文件，该文件通过 `createDescriptorWrapperFactoryByDescriptorType` 定义了 native 侧导出的组件名
+9. **native 侧**: 编写入口文件 [`index.ets`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/index.ets) 和 [`ts.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/ts.ts)
+10. **native 侧**: `oh-package.json5` 文件中添加 @rnoh/react-native-openharmony 依赖
+    ```json
+    // oh-package.json5
+    {
+      "dependencies": {
+        "@rnoh/react-native-openharmony": "file:../react_native_openharmony"
+      }
+    }
+    ```
+11. **native 侧**: 将 native 源码打成 har 包。
+    1. 选中左侧中本组件目录
+    2. 点击 `Build -> Make Module xxx` 将 native 源码打成 har 包
+       ![build_har](../img/build_har.png)
+    3. 在 `codegen_sample_package/build/default/outputs/default` 路径下找到`codegen_sample_package.har`
+12. **native 侧**: 将 har 包以及源码复制到 RN 工程根目录下的 harmony 文件夹中
+13. **RN 侧**: 执行 `npm pack` 命令打出 tgz 包
+
+##### 3.1.1.2. CAPI 类型
+
+下面实现一个 CAPI 类型的 Fabric 组件，这是组件最终的目录结构(只列出关键文件)：
+
+```sh
+codegen-sample-package
+├── License
+├── harmony
+│   ├── codegen_sample_package # native 源码
+│   │   ├── oh-package.json5
+│   │   └── src
+│   │       └── main
+│   │           ├── cpp
+│   │           │   ├── CMakeLists.txt
+│   │           │   ├── CodegenSamplePackage.cpp
+│   │           │   ├── CodegenSamplePackage.h
+│   │           │   └── CodegenSampleViewComponentInstance.h
+│   │           └── resources
+│   └── codegen_sample_package.har # native 源码har包
+├── index.ts # 入口文件
+├── package.json
+└── src
+    └── Fabric
+        ├── IndexCAPI.tsx # Fabric入口
+        └── specs
+            └── v2
+                └── CodegenCApiNativeComponent.ts # JavaScript 接口声明
+```
+
+CAPI 类型的 Fabric 组件整体开发流程和 ArkTS 一致，以下是组件的开发步骤：
+
+1. **RN 侧**: 初始化 RN 工程目录
+2. **RN 侧**: 添加 JavaScript 接口声明文件 [`src/Fabric/specs/v2/CodegenCApiNativeComponent.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/src/Fabric/specs/v2/CodegenCApiNativeComponent.ts)
+3. **RN 侧**: 根据业务编写 CAPI 入口文件 [`IndexCAPI.tsx`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/src/Fabric/IndexCAPI.tsx)
+4. **RN 侧**: 添加 codegen 配置
+
+   ```json
+   {
+     "name": "@react-native-oh-tpl/codegen-sample-package",
+     "harmony": {
+       "alias": "codegen-sample-package",
+       "codegenConfig": [
+         {
+           "version": 2,
+           "specPaths": ["./src/Fabric/specs/v2"]
+         }
+       ]
+     }
+   }
+   ```
+
+5. **native 侧**: 工程根目录添加 `harmony` 文件夹
+6. **native 侧**: 使用 DevEco Studio 初始化组件模板（同上）
+7. **native 侧**: 在 `src/main`中添加 `cpp` 文件夹中
+   1. 添加 [`CMakeLists.txt`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/cpp/CMakeLists.txt) 文件
+   2. 添加 [`CodegenSamplePackage.cpp`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/cpp/CodegenSamplePackage.cpp) 文件
+   3. 添加 [`CodegenSamplePackage.h`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/cpp/CodegenSamplePackage.h) 文件
+   4. 添加 [`CodegenSampleViewComponentInstance.h`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/cpp/CodegenSampleViewComponentInstance.h) 文件
+8. **native 侧**: `oh-package.json5` 文件中添加 @rnoh/react-native-openharmony 依赖（同上）
+9. **native 侧**: 将 native 源码打成 har 包（同上）
+10. **native 侧**: 将 har 包以及源码复制到 RN 工程根目录下的 harmony 文件夹中（同上）
+11. **RN 侧**: 执行 `npm pack` 命令打出 tgz 包（同上）
+
+### 3.2. no-codegen-sample-package
+
+由于目前 codegen 命令需要在 RN 侧执行，在一些流水线或 RN 和原生分离的场景下，不便于执行 codegen 命令。于是对于这类场景衍生了一种 no-codegen 的解决方案。主要是在组件开发阶段就将 codegen 产物生成好，提前放置于包内，无需在运行时执行 codegen。
+
+因此 no-codegen 的开发前提是先开发好 codegen 形式的组件(参考 3.1 章节)，然后把产物移到组件包内。
+
+#### 3.2.1. Fabric 组件
+
+##### 3.2.1.1. ArkTS 类型
+
+> 前提：已经参考[codegen-sample-package](#31-codegen-sample-package)完成 codegen 形式的 ArkTS 组件
+
+实现一个 no-codegen ArkTS 类型的 Fabric 组件，RN 侧目录结构无改动，下面列出 native 侧的目录结构(只列出关键文件)：
+
+```sh
+harmony
+└── codegen_sample_package # native 源码
+    ├── index.ets
+    ├── ts.ts
+    ├── oh-package.json5
+    └── src
+        └── main
+            ├── cpp # codegen 生成的 C++ 文件
+            │   ├── CMakeLists.txt
+            │   ├── CodegenArkTSSamplePackage.cpp
+            │   ├── CodegenArkTSSamplePackage.h
+            │   ├── CodegenSampleViewArkTSJSIBinder.h
+            │   └── CodegenSampleViewArkTSComponentDescriptor.h
+            ├── ets
+            │   ├── namespace # codegen 生成于sdk内的产物
+            │   │   ├── index.ts
+            │   │   └── sampleView.ts
+            │   ├── CodegenSamplePackage.ts # 导出 native 模块
+            │   └── CodegenSampleView.ets # 具体 native 实现
+            └── resources
+```
+
+以下是将 codegen 组件转为 no-codegen 的步骤：
+
+1. 找一个 RN 工程，引入已开发完成的 codegen-sample-package 三方库
+
+   ```json
+   {
+     "name": "react-native-harmony-tester",
+     "scripts": {
+       "start": "npm run codegen && hdc rport tcp:8081 tcp:8081 && react-native start",
+       "codegen": "react-native codegen-harmony --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony"
+     },
+     "dependencies": {
+       "@react-native-oh-tpl/codegen-sample-package": "file:../codegen-sample-package/react-native-oh-tpl-codegen-sample-package-0.0.1.tgz"
+     }
+   }
+   ```
+
+2. **RN 侧**: 在 script 中，添加 [codegen](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md) 命令 `react-native codegen-harmony --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony`
+3. **RN 侧**: 执行 codegen 命令，查看生成的产物文件
+   ![codegen-fabric-arkts](../img/codegen-fabric-arkts.png)
+4. **native 侧**: 移入 codegen 命令生成的 c++ 文件
+
+   1. 在 `src/main` 中添加 `cpp` 文件夹，放入 codegen 命令生成该组件的 c++ 文件： `xxxComponentDescriptor.h` 与 `xxxJSIBinder.h`
+   2. 在 `src/main/cpp` 中添加 [`xxxPackage.h`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/cpp/forArkTS/NoCodegenArkTSSamplePackage.h) 文件，文件内容参考 codegen 命令生成的 `RNOHGeneratedPackage.h` 文件
+   3. 在 `src/main/cpp` 中添加 [`xxxPackage.cpp`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/cpp/forArkTS/NoCodegenArkTSSamplePackage.cpp) 文件
+   4. 在 `src/main/cpp` 中添加 [`CMakeLists.txt`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/cpp/forArkTS/CMakeLists.txt) 文件
+
+      > codegen 命令生成的 `RNOHGeneratedPackage.h` 文件是所有 codegen 组件的公共文件，请勿直接放入 cpp 文件夹中。建议在 codegen => no-codegen 时，只保留当前组件以减少 `RNOHGeneratedPackage.h` 中其他组件的的干扰
+
+5. **native 侧**: 移入 codegen 命令生成的 ts 文件
+   1. 在 `src/main/ets` 中添加 `namespace` 文件夹，放入 codegen 命令生成该组件的 ts 文件，如示例图中的 [`CodegenSampleViewArkTS.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/ets/namespace/sampleView.ts)
+   2. 在 `src/main/cpp` 中添加导出文件 [`index.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/ets/namespace/index.ts)
+6. **native 侧**: 修改文件路径的引用，将之前从 `@rnoh/react-native-openharmony/generated` 引用的路径改为从 `namespace` 中引入
+7. **RN 侧**: 将原有 package.json 中 codegen 配置删除
+   ```diff
+   {
+     "name": "@react-native-oh-tpl/codegen-sample-package",
+     "harmony": {
+       "alias": "codegen-sample-package",
+   -     "codegenConfig": [
+   -       {
+   -         "version": 1,
+   -         "specPaths": ["./src/Fabric/specs/v1"]
+   -       }
+   -     ]
+     }
+   }
+   ```
+
+以上就是将 ArkTS 类型的 Fabric 组件转为 no-codegen 所需的修改步骤。
+
+##### 3.1.1.2. CAPI 类型
+
+> 前提：已经参考[codegen-sample-package](#31-codegen-sample-package)完成 codegen 形式的 CAPI 组件
+
+实现一个 no-codegen CAPI 类型的 Fabric 组件，RN 侧目录结构无改动，下面列出 native 侧的目录结构(只列出关键文件)：
+
+```sh
+harmony
+└── codegen_sample_package # native 源码
+    ├── oh-package.json5
+    └── src
+        └── main
+            ├── cpp # codegen 生成的 C++ 文件
+            │   ├── react/renderer/components/xxx
+            │   │   ├── ComponentDescriptors.h
+            │   │   ├── EventEmitters.cpp
+            │   │   ├── EventEmitters.h
+            │   │   ├── Props.cpp
+            │   │   ├── Props.h
+            │   │   ├── ShadowNodes.cpp
+            │   │   ├── ShadowNodes.h
+            │   │   ├── States.cpp
+            │   │   └── States.h
+            │   ├── BaseCodegenSampleViewCAPIComponentInstance.h
+            │   ├── BaseReactNativeOhTplCodegenSamplePackagePackage.h
+            │   ├── CMakeLists.txt
+            │   ├── CodegenCAPISamplePackage.cpp
+            │   ├── CodegenCAPISamplePackage.h
+            │   ├── CodegenSampleViewCAPIJSIBinder.h
+            │   └── CodegenSampleViewComponentInstance.h
+            └── resources
+```
+
+以下是将 codegen 组件转为 no-codegen 的步骤：
+
+1. 找一个 RN 工程，引入已开发完成的 codegen-sample-package 三方库
+
+   ```json
+   {
+     "name": "react-native-harmony-tester",
+     "scripts": {
+       "start": "npm run codegen && hdc rport tcp:8081 tcp:8081 && react-native start",
+       "codegen": "react-native codegen-harmony --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony"
+     },
+     "dependencies": {
+       "@react-native-oh-tpl/codegen-sample-package": "file:../codegen-sample-package/react-native-oh-tpl-codegen-sample-package-0.0.1.tgz"
+     }
+   }
+   ```
+
+2. **RN 侧**: 在 script 中，添加 [codegen](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md) 命令 `react-native codegen-harmony --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony`
+3. **RN 侧**: 执行 codegen 命令，查看生成的产物文件
+   ![codegen-fabric-capi](../img/codegen-fabric-capi.png)
+4. **native 侧**: 移入 codegen 命令生成的 c++ 文件
+
+   1. 打开 `src/main/cpp`，移入 codegen 命令生成该组件的 react 下的 c++ 文件夹： `react/renderer/components/xxx`
+   2. 修改 `src/main/cpp/react` 中的文件引用路径，如 `#include <react/renderer/components/_react_native_oh_tpl_codegen_sample_package/ShadowNodes.h>` => `#include "ShadowNodes.h"`
+   3. 打开 `src/main/cpp`，移入 codegen 命令生成该组件的 RNOH 下的 c++ 文件： `BaseXXXComponentInstance.h`、`xxxJSIBinder.h`、`BasexxxPackage.h`
+      > `src/main/cpp` 已有的文件：`CMakeLists.txt`、`xxxPackage.cpp`、`xxxPackage.h`、`XXXComponentInstance.h`
+   4. 修改 `src/main/cpp` 已有的文件的路径引用，如 `#include "RNOH/generated/BasexxxPackage.h"` => `#include "BasexxxPackage.h"`
+   5. 修改 [`CMakeLists.txt`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/cpp/forCAPI/CMakeLists.txt)
+5. **RN 侧**: 将原有 package.json 中 codegen 配置删除
+   ```diff
+   {
+     "name": "@react-native-oh-tpl/codegen-sample-package",
+     "harmony": {
+       "alias": "codegen-sample-package",
+   -     "codegenConfig": [
+   -       {
+   -         "version": 2,
+   -         "specPaths": ["./src/Fabric/specs/v2"]
+   -       }
+   -     ]
+     }
+   }
+   ```
+
+## 4. 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/License) ，请自由地享受和参与开源。

From 1ecc68fdf8939b1d46968b5661123bf7ea7f39c0 Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Thu, 5 Sep 2024 09:51:10 +0000
Subject: [PATCH 491/966] =?UTF-8?q?!1473=20docs:=20[#IAP2HO]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-video=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[#IAP2HO]=20=E4=BF=AE=E6=94=B9react-native-video?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-video.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index d53eb1c5..f0526686 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -580,7 +580,7 @@ ohpm install
 
 | Name | Descriptio                 | Type   | Required  | Platform | HarmonyOS Support |
 | ---- | -------------------------- | :----- | --------- | -------- |------------------ |
-| `source`| Sets the media source. You can pass an asset loaded via require or an object with a uri.| object | Yes      | All                                                      | partially<br/>(仅支持网络适配) |
+| `source`| Sets the media source. You can pass an asset loaded via require or an object with a uri.| object | Yes      | All                                                      | yes |
 | `disableFocus`     | Determines whether video audio should override background music/audio in Android and HarmonyOS devices.<br/>**false (default)**                                                                                                                                                                                                             | boolean   | No       | Android Exoplayer                                        | yes                            |
 | `muted`            | Controls whether the audio is muted.<br/>**false (default)** - Don't mute audio                                                                                                                                                                                                                                                             | boolean   | No       | All                                                      | yes                            |
 | `paused`           | Controls whether the media is paused.<br/>**false (default)** - Don't pause the media                                                                                                                                                                                                                                                       | boolean   | No       | All                                                      | yes                            |

From 7b16031c42b771c549e3e0548a3044c1d6ddd13c Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Fri, 6 Sep 2024 02:59:36 +0000
Subject: [PATCH 492/966] =?UTF-8?q?!1454=20docs:=20[Issues:=20#IAHLHR]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-aria=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAHLHR]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-aria=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                  |   2 +-
 zh-cn/README.md            |   2 +-
 zh-cn/react-native-aria.md | 798 ++++++++++++++++++-------------------
 3 files changed, 389 insertions(+), 413 deletions(-)

diff --git a/README.md b/README.md
index 2d684bb6..54817608 100644
--- a/README.md
+++ b/README.md
@@ -76,7 +76,7 @@
 | 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                                 | 3.0.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
 | 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                         | 2.8.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
 | 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                          | 0.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
-| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
+| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
 | 48   | [react-native-autoheight-webview](https://github.com/iou90/react-native-autoheight-webview)                                   | 1.6.5          | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
 | 49   | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                          | 0.2.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
 | 50   | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util)                                                 | 0.19.6         | 是                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 4bc291b2..e2f4ed0b 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -76,7 +76,7 @@
 | 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                                 | 3.0.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
 | 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                         | 2.8.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
 | 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                          | 0.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
-| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
+| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
 | 48   | [react-native-autoheight-webview](https://github.com/iou90/react-native-autoheight-webview)                                   | 1.6.5          | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [链接](/zh-cn/react-native-autoheight-webview.md)              |
 | 49   | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                          | 0.2.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-base64.md)                          |
 | 50   | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util)                                                 | 0.19.6         | 是                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [链接](/zh-cn/react-native-blob-util.md)                       |
diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md
index 69f372bd..9c314d2a 100644
--- a/zh-cn/react-native-aria.md
+++ b/zh-cn/react-native-aria.md
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/gluestack/react-native-aria/tree/v0.2.4)
+> [!TIP] [Github 地址](https://github.com/gluestack/react-native-aria/tree/main)
 
 ## 安装与使用
 
@@ -24,7 +24,7 @@ React Native ARIA是可增量采用的。每个组件都作为单独的包发布
 #### **yarn**
 
 ```bash
-yarn add @react-native-aria/button@0.2.2
+yarn add react-native-aria@0.2.3
 ```
 
 <!-- tabs:end -->
@@ -32,17 +32,17 @@ yarn add @react-native-aria/button@0.2.2
 #### **npm**
 
 ```bash
-npm install @react-native-aria/button@0.2.2
+npm install react-native-aria@0.2.3
 ```
 
 <!-- tabs:end -->
 
-除了单独的包之外，我们还提供了一个总包，其中包含所有React Native ARIA hooks
+除了总包之外，我们还提供了一些单独包，如：@react-native-aria/button
 
 #### **yarn**
 
 ```bash
-yarn add react-native-aria@0.2.2
+yarn add @react-native-aria/button@0.2.7
 ```
 
 <!-- tabs:end -->
@@ -50,7 +50,7 @@ yarn add react-native-aria@0.2.2
 #### **npm**
 
 ```bash
-npm install react-native-aria@0.2.2
+npm install @react-native-aria/button@0.2.7
 ```
 
 <!-- tabs:end -->
@@ -60,119 +60,118 @@ npm install react-native-aria@0.2.2
 ```js
 import React from "react";
 import { useToggleButton } from "@react-native-aria/button";
-import { Pressable, Text, View } from "react-native";
 import { useToggleState } from "@react-stately/toggle";
+import { Pressable, Text, View } from "react-native";
 import { useRef } from "react";
 
-export function ToggleButton(props) {
-  const ref = useRef(null);
-  let state = useToggleState(props);
-  let { buttonProps, isPressed } = useToggleButton(props, state, ref); //useToggleButton 是一个用于创建可切换按钮的 Hook，接受三个参数
-
-  return (
-    <View>
-      <Pressable
-        ref={ref}
-        {...buttonProps}
-        style={{
-          backgroundColor: state.isSelected ? "rgb(9, 90, 186)" : "#e1e1e1",
-          padding: 5,
-        }}
-      >
-        <Text
-          style={{
-            color: state.isSelected ? "#f1f1f1" : "#000",
-          }}
-        >
-          A simple toggle button
-        </Text>
-      </Pressable>
+export function ToggleButton(props: any) {
+    const ref = useRef(null);
+    let state = useToggleState(props);
+    let { buttonProps, isPressed } = useToggleButton(props, state);
 
-      <View>
-        <View>
-          <Text>{state.isSelected ? "Selected" : "Not Selected"}</Text>
+    return (
+        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <Text>ToggleButton：</Text>
+            <Pressable ref={ref} {...buttonProps}
+                style={{
+                    backgroundColor: state.isSelected ? "rgb(9, 90, 186)" : "#e1e1e1", borderRadius: 15,
+                    padding: 5, width: 100, height: 30, justifyContent: 'center', alignItems: 'center'
+                }}
+            >
+                <Text style={{ color: state.isSelected ? "#f1f1f1" : "#000" }} >点击切换</Text>
+            </Pressable>
         </View>
-      </View>
-    </View>
-  );
+    );
 }
 
-export default function AriaDemo() {
-  return (
-    <View style={{ width: "100%", marginTop: "100" }}>
-      <ToggleButton>Toggle button</ToggleButton>
-    </View>
-  );
-}
+export default ToggleButton
+
 ```
 
 下面的代码展示了useCheckbox与useCheckboxGroup的基本使用场景：
 
 ```javascript
-import React ,{ useContext, useRef }from 'react';
-import {useCheckboxGroupState} from '@react-stately/checkbox';
-import {useCheckbox, useCheckboxGroup,useCheckboxGroupItem} from '@react-native-aria/checkbox';
-import {Platform, Pressable, Text, View} from 'react-native';
-import {VisuallyHidden} from '@react-aria/visually-hidden';
-import {useFocusRing} from '@react-native-aria/focus';
+import React, { useContext, useRef } from 'react';
+import { Pressable, View, Text } from 'react-native';
+import { useCheckbox, useCheckboxGroupItem, useCheckboxGroup } from '@react-native-aria/checkbox';
+import { useToggleState } from '@react-stately/toggle';
+import { useCheckboxGroupState } from "@react-stately/checkbox";
+import { useFocusRing } from '@react-native-aria/focus';
+
 let CheckboxGroupContext = React.createContext<any>(null);
 
+const CheckboxItems = [{ key: 'soccer', value: '足球' }, { key: 'baseball', value: '棒球' }, { key: 'basketball', value: '篮球' }]
+const findName = (value: string) => {
+    const item = CheckboxItems.find(i => { return i.key === value; })
+    return item && item.value
+}
+
 export function CheckboxGroup(props: any) {
-  let {children, label} = props;
-  let state = useCheckboxGroupState(props);
-  let {checkboxgroupProps, labelProps} = useCheckboxGroup(props, state);
-
-  return (
-    <View {...checkboxgroupProps}>
-      {label && <Text {...labelProps}>{label}</Text>}
-      <CheckboxGroupContext.Provider value={state}>
-        {children}
-      </CheckboxGroupContext.Provider>
-    </View>
-  );
+    let { children, label } = props;
+    let state = useCheckboxGroupState(props);
+    let { groupProps, labelProps } = useCheckboxGroup(props, state);
+
+    return (
+        <View {...groupProps} style={{ flexDirection: 'row', alignItems: 'center' }}>
+            {label && <Text {...labelProps}>{label}</Text>}
+            <CheckboxGroupContext.Provider value={state}>
+                {children}
+            </CheckboxGroupContext.Provider>
+            <View><Text>已经选择：</Text>{props.value.map(i=>{
+                return <Text>{findName(i)}</Text>
+            })}</View> 
+        </View>
+    );
 }
+
+
 export function Checkbox(props: any) {
+    let groupState = useContext(CheckboxGroupContext);
+    let inputRef = useRef<HTMLInputElement>(null);
+
+    let { isFocusVisible, focusProps } = useFocusRing();
 
-  let state = useContext(CheckboxGroupContext);
-  const inputRef = React.useRef(null);
-  let {isFocusVisible, focusProps} = useFocusRing();
-  let { inputProps } = state
-  ?
-    useCheckboxGroupItem(
-      {
-        ...props,
-        isRequired: props.isRequired,
-        validationState: props.validationState,
-      },
-      state,
-      inputRef
-    )
-  :
-    useCheckbox(props, useToggleState(props), inputRef);
-  return (
-    <>
-      <Pressable {...inputProps} {...focusProps}>
-        <View style={{flexDirection: 'row', alignItems: 'center'}}>
-          <View style={isFocusVisible ? {borderWidth: 1} : {}}></View>
-          <Text>{props.children}</Text>
+    let { inputProps } = groupState ? useCheckboxGroupItem(
+        {
+            ...props,
+            isRequired: props.isRequired,
+            validationState: props.validationState,
+        },
+        groupState,
+        inputRef
+    ) : useCheckbox(props, useToggleState(props), inputRef);
+
+    return (
+        <View style={isFocusVisible ? { borderWidth: 2 } : {}}>
+            <Pressable {...inputProps} {...focusProps} >
+                <View style={{ flexDirection: 'row', alignItems: 'center', marginRight: 5 }}>
+                    {props.children}
+                </View>
+            </Pressable>
         </View>
-        <Text>{inputProps.checked ? 'selected' : 'not selected'}</Text>
-      </Pressable>
-    </>
-  );
+    );
 }
 
-export default function CheckboxDemo() {
-  return (
-    <View style={{width: '100%', marginTop: '20', marginLeft: '30'}}>
-      <CheckboxGroup label="Favorite pet">
-        <Checkbox value="dogs">Dogs</Checkbox>
-        <Checkbox value="cats">Cats</Checkbox>
-        <Checkbox value="rabbits">rabbits</Checkbox>
-      </CheckboxGroup>
-    </View>
-  );
-}
+export const CheckboxExample = () => {
+    const [state, setCheckbox] = React.useState([]);
+
+    return (
+        <CheckboxGroup
+            label="CheckboxGroup："
+            value={state}
+            onChange={(val: any) => {
+                setCheckbox(val);
+            }}
+        >
+            {CheckboxItems.map(i => {
+                return <Checkbox key={i.key} value={i.key}>
+                    <Text>{i.value}</Text>
+                </Checkbox>;
+            })}
+        </CheckboxGroup>
+    );
+};
+export default CheckboxExample
 
 ```
 
@@ -182,70 +181,71 @@ export default function CheckboxDemo() {
 import React from "react";
 import { useRadioGroupState } from "@react-stately/radio";
 import { useRadio, useRadioGroup } from "@react-native-aria/radio";
-import { Platform, Pressable, Text, View } from "react-native";
-import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { Pressable, Text, View } from "react-native";
 import { useFocusRing } from "@react-native-aria/focus";
 
 let RadioContext = React.createContext<any>({});
 
+const radioItems = [{ key: 'dogs', value: '狗子' }, { key: 'cats', value: '猫儿' }]
+const findName = (value: string) => {
+    const item = radioItems.find(i => { return i.key === value; })
+    return item && item.value
+}
+
 export function RadioGroup(props: any) {
-  let { children, label } = props;
-  let state = useRadioGroupState(props);
-  let { radioGroupProps, labelProps } = useRadioGroup(props, state);
-
-  return (
-    <View {...radioGroupProps}>
-      <Text {...labelProps}>{label}</Text>
-      <RadioContext.Provider
-        value={{
-          isDisabled: props.isDisabled,
-          isReadOnly: props.isReadOnly,
-          state,
-        }}
-      >
-        {children}
-      </RadioContext.Provider>
-    </View>
-  );
+    let { children, label } = props;
+    let state = useRadioGroupState(props);
+    let { radioGroupProps, labelProps } = useRadioGroup(props, state);
+
+    return (
+        <View {...radioGroupProps} style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <Text {...labelProps}>{label}</Text>
+            <RadioContext.Provider
+                value={{
+                    isDisabled: props.isDisabled,
+                    isReadOnly: props.isReadOnly,
+                    state,
+                }}
+            >
+                {children}
+            </RadioContext.Provider>
+            <Text>已经选择：{findName(state.selectedValue as string)}</Text>
+        </View>
+    );
 }
 
 export function Radio(props: any) {
-  let { state, isReadOnly, isDisabled } = React.useContext(RadioContext);
-  const inputRef = React.useRef(null);
-  let { inputProps } = useRadio(
-    { isReadOnly, isDisabled, ...props },
-    state,
-    inputRef
-  );
-  let { isFocusVisible, focusProps } = useFocusRing();
-
-  let isSelected = state.selectedValue === props.value;
-
-  return (
-    <>
-        <Pressable {...inputProps} {...focusProps}>
-          <View style={{ flexDirection: "row", alignItems: "center" }}>
-            <View style={isFocusVisible ? { borderWidth: 1 } : {}}>
-              <Icon size={30} color={"#000"} name={"radiobox-marked"} />
+    let { state, isReadOnly, isDisabled } = React.useContext(RadioContext);
+    const inputRef = React.useRef(null);
+    let { inputProps } = useRadio(
+        { isReadOnly, isDisabled, ...props },
+        state,
+        inputRef
+    );
+    let { isFocusVisible, focusProps } = useFocusRing();
+
+    return (
+        <Pressable {...inputProps}{...focusProps} style={{ marginRight: 5 }}>
+            <View style={[{ flexDirection: 'row', alignItems: 'center' }, isFocusVisible ? { borderWidth: 1 } : {},]}>
+                <Text>{props.children}</Text>
             </View>
-            <Text>{props.children}</Text>
-          </View>
-          <Text>{isSelected ? "selected" : "not selected"}</Text>
         </Pressable>
-    </>
-  );
+    );
 }
 
-export default function RadioDemo() {
-  return (
-    <View style={{width:'100%',marginTop:'20',marginLeft:'30'}}>
-       <RadioGroup label="Favorite pet">
-      <Radio value="dogs">Dogs</Radio>
-      <Radio value="cats">Cats</Radio>
-    </RadioGroup>
-    </View>
-     );
-}
+export const RadioExample = () => {
+    return (
+        <View>
+            <RadioGroup label="RadioGroup：">
+                {radioItems.map(i => {
+                    return <Radio key={i.key} value={i.key}>{i.value}</Radio>
+                })}
+            </RadioGroup>
+        </View>
+    );
+};
+export default RadioExample
+
 ```
 
 下面的代码展示了useSwitch的基本使用场景：
@@ -253,169 +253,151 @@ export default function RadioDemo() {
 ```javascript
 import { useToggleState } from "@react-stately/toggle";
 import React, { useRef } from "react";
-import {
-  StyleSheet,
-  Text,
-  View,
-  Animated,
-  Platform,
-  Pressable,
-} from "react-native";
+import { StyleSheet, Text, View, Animated, Pressable } from "react-native";
 import { useSwitch } from "@react-native-aria/switch";
 import { useFocusRing } from "@react-native-aria/focus";
 import { VisuallyHidden } from "@react-aria/visually-hidden";
 
 const calculateDimensions = (size: any) => {
-  switch (size) {
-    case "small":
-      return {
-        width: 40,
-        padding: 10,
-        circleWidth: 15,
-        circleHeight: 15,
-        translateX: 22,
-      };
-    case "large":
-      return {
-        width: 70,
-        padding: 20,
-        circleWidth: 30,
-        circleHeight: 30,
-        translateX: 38,
-      };
-    default:
-      return {
-        width: 46,
-        padding: 12,
-        circleWidth: 18,
-        circleHeight: 18,
-        translateX: 26,
-      };
-  }
+    switch (size) {
+        case "small":
+            return {
+                width: 40,
+                padding: 10,
+                circleWidth: 15,
+                circleHeight: 15,
+                translateX: 22,
+            };
+        case "large":
+            return {
+                width: 70,
+                padding: 20,
+                circleWidth: 30,
+                circleHeight: 30,
+                translateX: 38,
+            };
+        default:
+            return {
+                width: 46,
+                padding: 12,
+                circleWidth: 18,
+                circleHeight: 18,
+                translateX: 26,
+            };
+    }
 };
+
 const defaultProps = {
-  isOn: false,
-  onColor: "#4cd137",
-  offColor: "#ecf0f1",
-  size: "medium",
-  labelStyle: {},
-  thumbOnStyle: {},
-  thumbOffStyle: {},
-  trackOnStyle: {},
-  trackOffStyle: {},
-  icon: null,
-  disabled: false,
-  animationSpeed: 300,
-  useNativeDriver: true,
-  circleColor: "white",
+    isOn: false,
+    onColor: "#4cd137",
+    offColor: "#ecf0f1",
+    size: "medium",
+    labelStyle: {},
+    thumbOnStyle: {},
+    thumbOffStyle: {},
+    trackOnStyle: {},
+    trackOffStyle: {},
+    icon: null,
+    disabled: false,
+    animationSpeed: 300,
+    useNativeDriver: true,
+    circleColor: "white",
 };
+
 export function Switch(origProps: any) {
-  const props = {
-    ...defaultProps,
-    ...origProps,
-  };
-
-  const offsetX = useRef(new Animated.Value(0));
-  const dimensions = useRef(calculateDimensions(props.size));
-
-  const createToggleSwitchStyle = () => [
-    {
-      justifyContent: "center",
-      width: dimensions.current.width,
-      borderRadius: 20,
-      padding: dimensions.current.padding,
-      backgroundColor: props.isOn ? props.onColor : props.offColor,
-    },
-    props.isOn ? props.trackOnStyle : props.trackOffStyle,
-  ];
-
-  const createInsideCircleStyle = () => [
-    {
-      alignItems: "center",
-      justifyContent: "center",
-      margin: Platform.OS === "web" ? 0 : 4,
-      left: Platform.OS === "web" ? 4 : 0,
-      position: "absolute",
-      backgroundColor: props.circleColor,
-      transform: [{ translateX: offsetX.current }],
-      width: dimensions.current.circleWidth,
-      height: dimensions.current.circleHeight,
-      borderRadius: dimensions.current.circleWidth / 2,
-      shadowColor: "#000",
-      shadowOffset: {
-        width: 0,
-        height: 2,
-      },
-      shadowOpacity: 0.2,
-      shadowRadius: 2.5,
-      elevation: 1.5,
-    },
-    props.isOn ? props.thumbOnStyle : props.thumbOffStyle,
-  ];
-
-  const { isOn, icon } = props;
-
-  const toValue = isOn
-    ? dimensions.current.width - dimensions.current.translateX
-    : 0;
-
-  Animated.timing(offsetX.current, {
-    toValue,
-    duration: props.animationSpeed,
-    useNativeDriver: props.useNativeDriver,
-  }).start();
-
-  return (
-    <View style={styles.container}>
-      <View style={[...createToggleSwitchStyle(), { marginBottom: 5 }]}>
-        <Animated.View style={createInsideCircleStyle()}>{icon}</Animated.View>
-      </View>
-      <Text>{isOn ? "on" : "off"}</Text>
-    </View>
-  );
-}
+    const props = {
+        ...defaultProps,
+        ...origProps,
+    };
+
+    const offsetX = useRef(new Animated.Value(0));
+    const dimensions = useRef(calculateDimensions(props.size));
+
+    const createToggleSwitchStyle = () => [
+        {
+            justifyContent: "center",
+            width: dimensions.current.width,
+            borderRadius: 20,
+            padding: dimensions.current.padding,
+            backgroundColor: props.isOn ? props.onColor : props.offColor,
+        },
+        props.isOn ? props.trackOnStyle : props.trackOffStyle,
+    ];
+
+    const createInsideCircleStyle = () => [
+        {
+            alignItems: "center",
+            justifyContent: "center",
+            margin: 4,
+            left: 0,
+            position: "absolute",
+            backgroundColor: props.circleColor,
+            transform: [{ translateX: offsetX.current }],
+            width: dimensions.current.circleWidth,
+            height: dimensions.current.circleHeight,
+            borderRadius: dimensions.current.circleWidth / 2,
+            shadowColor: "#000",
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 0.2,
+            shadowRadius: 2.5,
+            elevation: 1.5,
+        },
+        props.isOn ? props.thumbOnStyle : props.thumbOffStyle,
+    ];
+
+    const { isOn, icon, label, labelStyle = {} } = props;
+
+    const toValue = isOn
+        ? dimensions.current.width - dimensions.current.translateX
+        : 0;
+
+    Animated.timing(offsetX.current, {
+        toValue,
+        duration: props.animationSpeed,
+        useNativeDriver: props.useNativeDriver,
+    }).start();
 
-const styles = StyleSheet.create({
-  container: {
-    alignItems: "center",
-  },
-  labelStyle: {
-    marginHorizontal: 10,
-  },
-});
+    return (
+        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            {label && <Text style={labelStyle}>{label}</Text>}
+            <View style={[...createToggleSwitchStyle(), { marginBottom: 5 }]}>
+                <Animated.View style={createInsideCircleStyle()}>{icon}</Animated.View>
+            </View>
+            <Text style={{ marginLeft: 5 }}>{isOn ? "开" : "关"}</Text>
+        </View>
+    );
+}
 
 export function ControlledSwitch() {
-  const state = useToggleState();
-  const { isFocusVisible, focusProps } = useFocusRing();
-  const inputRef = useRef(null);
-  let { inputProps } = useSwitch(
-    { "aria-label": "Example switch" },
-    state,
-    inputRef
-  );
+    const state = useToggleState();
+    const { isFocusVisible, focusProps } = useFocusRing();
+    const inputRef = useRef(null);
+    let { inputProps } = useSwitch(
+        { "aria-label": "Example switch" },
+        state,
+        inputRef
+    );
+
     return (
-      <Pressable {...inputProps} {...focusProps} ref={inputRef}>
-        <View style={isFocusVisible ? { borderWidth: 2 } : {}}>
-          <Switch
-            isOn={state.isSelected}
-            onColor="green"
-            offColor="red"
-            label={"this is a switch"}
-            labelStyle={{ color: "black", fontWeight: "900" }}
-            size="large"
-            onToggle={state.toggle}
-          />
-        </View>
-      </Pressable>
+        <Pressable {...inputProps} {...focusProps} ref={inputRef}>
+            <View style={isFocusVisible ? { borderWidth: 2 } : {}}>
+                <Switch
+                    isOn={state.isSelected}
+                    onColor="green"
+                    offColor="red"
+                    label='Switch：'
+                    size="large"
+                    onToggle={state.toggle}
+                />
+            </View>
+        </Pressable>
     );
-  }
-export default function SwitchDemo () {
-  return (
-    <View style={{marginTop:'30'}}>
-     <ControlledSwitch></ControlledSwitch>
-    </View>
-     );
+
 }
+export default ControlledSwitch
 
 ```
 
@@ -423,143 +405,137 @@ export default function SwitchDemo () {
 
 ```javascript
 import React from "react";
-import {
-  OverlayContainer,
-  useOverlayPosition,
-  OverlayProvider,
-} from "@react-native-aria/overlays";
-import {
-  View,
-  Text,
-  Pressable,
-  TouchableWithoutFeedback,
-  StyleSheet,
-} from "react-native";
-
-// Button to close overlay on outside click
-function CloseButton(props) {
-  return (
-    <TouchableWithoutFeedback onPress={props.onClose}>
-      <View style={StyleSheet.absoluteFill}></View>
-    </TouchableWithoutFeedback>
-  );
+import { useOverlayPosition, OverlayProvider, OverlayContainer } from "@react-native-aria/overlays";
+import { useButton } from "@react-native-aria/button";
+import { View, Text, Pressable, ScrollView, Modal } from "react-native";
+import { useToggleState } from "@react-stately/toggle";
+
+const positions = [
+    "top",
+    "left",
+    "right",
+    "bottom",
+    "top left",
+    "top right",
+    "left top",
+    "left bottom",
+    "bottom right, bottom left",
+    "right top",
+    "right bottom",
+];
+
+export function TriggerWrapper() {
+    const [placement, setPlacement] = React.useState<any>(-1);
+    React.useEffect(() => {
+        const id = setInterval(() => {
+            setPlacement((prev) => (prev + 1) % positions.length);
+        }, 2000);
+        return () => clearInterval(id);
+    }, []);
+
+    return <Trigger placement={positions[placement]}></Trigger>;
 }
 
-const OverlayView = ({ triggerRef, placement }) => {
-  let overlayRef = React.useRef();
-
-  const { overlayProps } = useOverlayPosition({
-    placement,
-    targetRef: triggerRef,
-    overlayRef,
-    offset: 10,
-  });
-
-  return (
-    <View
-      style={{
-        position: "absolute",
-        ...overlayProps.style,
-      }}
-      ref={overlayRef}
-    >
-      <View
-        style={{
-          backgroundColor: "lightgray",
-          padding: 20,
-        }}
-      >
-        <Text>Hello World</Text>
-      </View>
-    </View>
-  );
+const OverlayView = ({ targetRef, placement = 'top' }) => {
+    let overlayRef = React.useRef();
+
+    const { overlayProps } = useOverlayPosition({
+        placement: placement as any,
+        targetRef,
+        overlayRef,
+        offset: 10,
+    });
+
+    return (
+        <ScrollView
+            bounces={false}
+            style={{
+                position: "absolute",
+                height: 400,
+                backgroundColor: "lightgray",
+                ...overlayProps.style,
+            }}
+            ref={(node) => overlayRef.current = node}
+        >
+            <View
+                style={{
+                    padding: 20,
+                    height: 5000,
+                }}
+            >
+                <Text>Hello world</Text>
+            </View>
+        </ScrollView>
+    );
 };
 
-function Trigger({ placement }) {
-  let triggerRef = React.useRef();
-  const [visible, setVisible] = React.useState(false);
-  const toggleVisible = () => {
-    setVisible(!visible);
-  };
-
-  return (
-    <View style={styles.wrapper}>
-      <Pressable
-        onPress={toggleVisible}
-        ref={triggerRef}
-        accessibilityRole="button"
-        accessibilityLabel="Click here to open an overlay"
-      >
-        <View style={styles.trigger}>
-          <Text>Trigger</Text>
-        </View>
-      </Pressable>
-      {visible && (
-        <OverlayContainer>
-          <CloseButton onClose={toggleVisible} />
-          <OverlayView triggerRef={triggerRef} placement={placement} />
-        </OverlayContainer>
-      )}
-    </View>
-  );
-}
+export function Trigger({ placement }: any) {
+    let ref = React.useRef();
+    const toggleState = useToggleState();
+
+    let { buttonProps } = useButton({ onPress: toggleState.toggle }, ref);
 
-export default function OverlaysDemo() {
-  return (
-    <OverlayProvider>
-      <Trigger />
-      <View style={{ height: "100" }}></View>
-    </OverlayProvider>
-  );
+    return (
+        <View style={{ flexDirection: 'row', alignItems: "center" }} >
+            <Text>useOverlayPosition：</Text>
+            <Pressable
+                {...buttonProps}
+                ref={ref}
+                role="button"
+                aria-label="Click here to perform some actions"
+            >
+                <View
+                    style={{
+                        flexDirection: "row",
+                        borderWidth: 1,
+                        paddingHorizontal: 10,
+                        paddingVertical: 10,
+                    }}
+                >
+                    <Text>点我一下</Text>
+                </View>
+            </Pressable>
+            <Modal visible={toggleState.isSelected} onRequestClose={toggleState.toggle}>
+                <OverlayProvider>
+                    <OverlayContainer>
+                        <OverlayView targetRef={ref} placement={placement} />
+                    </OverlayContainer>
+                </OverlayProvider>
+            </Modal>
+        </View>
+    );
 }
+export default TriggerWrapper
 
-const styles = StyleSheet.create({
-  wrapper: {
-    height: 500,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  trigger: {
-    flexDirection: "row",
-    borderWidth: 1,
-    paddingHorizontal: 10,
-    paddingVertical: 10,
-  },
-});
 ```
 
 更多hooks请参考[react-native-aria官方文档](https://geekyants.github.io/react-native-aria/docs/)
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
 2. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+3. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
 
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-以下属性已验证，详情见 [react-native-aria官方文档](https://geekyants.github.io/react-native-aria/docs/)
+## Hooks
 
->
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-### Hooks
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description                                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
 |--------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
-| useToggleButton    | Provides the behavior and accessibility implementation for a toggle button component. ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.           | Function | no       | All      | yes               |
-| useCheckbox        | Provides the behavior and accessibility implementation for a checkbox component. Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected. | Function | no       | All      | yes               |
-| useCheckboxGroup   | Provides the behavior and accessibility implementation for a checkbox group component. Checkbox groups allow users to select multiple items from a list of options.                                           | Function | no       | All      | yes               |
-| useRadioGroup      | Provides the behavior and accessibility implementation for a radio group component. Radio groups allow users to select a single item from a list of mutually exclusive options.                               | Function | no       | All      | yes               |
-| useSwitch          | Provides the behavior and accessibility implementation for a switch component. A switch is similar to a checkbox, but represents on/off values as opposed to selection.                                       | Function | no       | All      | yes               |
-| OverlayContainer   | Provides React Portal like functionality for React Native apps which can be useful for displaying absolutely positioned components like Menu, Tooltip, Popover.                                               | Function | no       | All      | yes               |
-| useOverlayPosition | Handles positioning overlays like popovers and menus relative to a trigger element, and updating the position when the window resizes.                                                                        | Function | no       | All      | yes               |
+| useToggleButton    | Provides the behavior and accessibility implementation for a toggle button component. ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.           | Function | no       | iOS,Android      | yes               |
+| useCheckbox        | Provides the behavior and accessibility implementation for a checkbox component. Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected. | Function | no       | iOS,Android      | yes               |
+| useCheckboxGroup   | Provides the behavior and accessibility implementation for a checkbox group component. Checkbox groups allow users to select multiple items from a list of options.                                           | Function | no       | iOS,Android      | yes               |
+| useRadioGroup      | Provides the behavior and accessibility implementation for a radio group component. Radio groups allow users to select a single item from a list of mutually exclusive options.                               | Function | no       | iOS,Android      | yes               |
+| useSwitch          | Provides the behavior and accessibility implementation for a switch component. A switch is similar to a checkbox, but represents on/off values as opposed to selection.                                       | Function | no       | iOS,Android      | yes               |
+| OverlayContainer   | Provides React Portal like functionality for React Native apps which can be useful for displaying absolutely positioned components like Menu, Tooltip, Popover.                                               | Function | no       | iOS,Android      | yes               |
+| useOverlayPosition | Handles positioning overlays like popovers and menus relative to a trigger element, and updating the position when the window resizes.                                                                        | Function | no       | iOS,Android      | yes               |
 
 ## 遗留问题
 

From 6247f5c62e5de7862d9d7d53f771c641f0b33156 Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Fri, 6 Sep 2024 03:03:01 +0000
Subject: [PATCH 493/966] =?UTF-8?q?!1452=20docs:=20[Issues:=20#IANUTI]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0recyclerlistview=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IANUTI]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0recyclerlistview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/recyclerListView.md | 262 +++++++++++++++++---------------------
 1 file changed, 120 insertions(+), 142 deletions(-)

diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerListView.md
index 6352d023..b2068147 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerListView.md
@@ -38,146 +38,128 @@ yarn add recyclerlistview@4.2.0
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React, { Component } from "react";
-import { View, Text, Dimensions } from "react-native";
-import {
-  RecyclerListView,
-  DataProvider,
-  LayoutProvider,
-} from "recyclerlistview";
+import React, {useState} from 'react';
+import {View, Dimensions, Alert, Text} from 'react-native';
+import {RecyclerListView, DataProvider} from 'recyclerlistview';
+import {LayoutProvider} from 'recyclerlistview';
 
 const ViewTypes = {
-  FULL: 0,
-  HALF_LEFT: 1,
-  HALF_RIGHT: 2,
+  FIRST: 0,
+  SECOND: 1,
+  THIRD: 2,
 };
 
-let containerCount = 0;
-
-class CellContainer extends React.Component {
-  constructor(args) {
-    super(args);
-    this._containerId = containerCount++;
-  }
-  render() {
-    return (
-      <View {...this.props}>
-        {this.props.children}
-        <Text>Cell Id: {this._containerId}</Text>
-      </View>
-    );
+class LayoutUtil {
+  static getWindowWidth() {
+    // To deal with precision issues on android
+    return Math.round(Dimensions.get('window').width * 1000) / 1000 - 6; //Adjustment for margin given to RLV;
   }
-}
-
-export default class RecycleTestComponent extends React.Component {
-  constructor(args) {
-    super(args);
-
-    let { width } = Dimensions.get("window");
-
-    let dataProvider = new DataProvider((r1, r2) => {
-      return r1 !== r2;
-    });
-
-    this._layoutProvider = new LayoutProvider(
-      (index) => {
+  static getLayoutProvider(type) {
+    return new LayoutProvider(
+      index => {
         if (index % 3 === 0) {
-          return ViewTypes.FULL;
-        } else if (index % 3 === 1) {
-          return ViewTypes.HALF_LEFT;
+          return ViewTypes.FIRST;
+        } else if (index % 2 === 0) {
+          return ViewTypes.SECOND;
         } else {
-          return ViewTypes.HALF_RIGHT;
+          return ViewTypes.THIRD;
         }
       },
-      (type, dim) => {
-        switch (type) {
-          case ViewTypes.HALF_LEFT:
-            dim.width = width / 2;
-            dim.height = 160;
-            break;
-          case ViewTypes.HALF_RIGHT:
-            dim.width = width / 2;
-            dim.height = 160;
-            break;
-          case ViewTypes.FULL:
-            dim.width = width;
-            dim.height = 140;
-            break;
-          default:
-            dim.width = 0;
-            dim.height = 0;
+      (type, dim, index) => {
+        const columnWidth = LayoutUtil.getWindowWidth() / 3;
+        if (index % 3 === 0) {
+          dim.width = 3 * columnWidth;
+          dim.height = 150;
+        } else if (index % 2 === 0) {
+          dim.width = 2 * columnWidth;
+          dim.height = 100;
+        } else {
+          dim.width = columnWidth;
+          dim.height = 100;
         }
       },
     );
-
-    this._rowRenderer = this._rowRenderer.bind(this);
-
-    this.state = {
-      dataProvider: dataProvider.cloneWithRows(this._generateArray(300)),
-    };
   }
+}
 
-  _generateArray(n) {
-    let arr = new Array(n);
-    for (let i = 0; i < n; i++) {
-      arr[i] = i;
-    }
-    return arr;
+const generateArray = n => {
+  let arr = new Array(n);
+  for (let i = 0; i < n; i++) {
+    arr[i] = i;
   }
+  return arr;
+};
+
+export const RecyclerListViewBaseDemo = () => {
+  let {width} = Dimensions.get('window');
 
-  _rowRenderer(type, data) {
+  let dataProviderInit = new DataProvider((r1, r2) => {
+    return r1 !== r2;
+  });
+
+  const [dataProvider, setDataProvider] = useState(
+    dataProviderInit.cloneWithRows(generateArray(300)),
+  );
+
+  const rowRenderer = (type, data) => {
     switch (type) {
-      case ViewTypes.HALF_LEFT:
+      case ViewTypes.FIRST:
         return (
-          <CellContainer style={styles.containerGridLeft}>
-            <Text>Data: {data}</Text>
-          </CellContainer>
+          <View style={styles.containerFirst}>
+            <Text style={styles.centerText}>{data}</Text>
+          </View>
         );
-      case ViewTypes.HALF_RIGHT:
+      case ViewTypes.SECOND:
         return (
-          <CellContainer style={styles.containerGridRight}>
-            <Text>Data: {data}</Text>
-          </CellContainer>
+          <View style={styles.containerSecond}>
+            <Text style={styles.centerText}>{data}</Text>
+          </View>
         );
-      case ViewTypes.FULL:
+      case ViewTypes.THIRD:
         return (
-          <CellContainer style={styles.container}>
-            <Text>Data: {data}</Text>
-          </CellContainer>
+          <View style={styles.containerThree}>
+            <Text style={styles.centerText}>{data}</Text>
+          </View>
         );
       default:
         return null;
     }
-  }
+  };
+
+  return (
+    <RecyclerListView
+      layoutProvider={LayoutUtil.getLayoutProvider(0)}
+      dataProvider={dataProvider}
+      rowRenderer={rowRenderer}
+    />
+  );
+};
+
+export default RecyclerListViewBaseDemo;
 
-  render() {
-    return (
-      <RecyclerListView
-        layoutProvider={this._layoutProvider}
-        dataProvider={this.state.dataProvider}
-        rowRenderer={this._rowRenderer}
-      />
-    );
-  }
-}
 const styles = {
-  container: {
-    justifyContent: "space-around",
-    alignItems: "center",
+  containerFirst: {
+    justifyContent: 'space-around',
+    alignItems: 'center',
     flex: 1,
-    backgroundColor: "#00a1f1",
+    backgroundColor: '#00a1f1',
   },
-  containerGridLeft: {
-    justifyContent: "space-around",
-    alignItems: "center",
+  containerSecond: {
+    justifyContent: 'space-around',
+    alignItems: 'center',
     flex: 1,
-    backgroundColor: "#ffbb00",
+    backgroundColor: '#ffbb00',
   },
-  containerGridRight: {
-    justifyContent: "space-around",
-    alignItems: "center",
+  containerThree: {
+    justifyContent: 'space-around',
+    alignItems: 'center',
     flex: 1,
-    backgroundColor: "#7cbb00",
+    backgroundColor: '#7cbb00',
+  },
+  centerText: {
+    fontSize: 30,
+    fontWeight: 'bold',
+    color: '#000000',
   },
 };
 ```
@@ -189,6 +171,7 @@ const styles = {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
 
 ## 属性
 
@@ -196,41 +179,36 @@ const styles = {
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-详情见 [RecyclerListView 源库地址](https://github.com/Flipkart/recyclerlistview)
-
-| Name                           | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Type                                                                                       | Required | Platform | HarmonyOS Support |
-| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
-| layoutProvider                 | Constructor function that defines the layout (height / width) of each element                                                                                                                                                                                                                                                                                                                                                                                                  | BaseLayoutProvider                                                                         | Yes      | All      | Yes               |
-| dataProvider                   | Constructor function the defines the data for each element                                                                                                                                                                                                                                                                                                                                                                                                                     | DataProvider                                                                               | Yes      | All      | Yes               |
-| contextProvider                | Used to maintain scroll position in case view gets destroyed, which often happens with back navigation                                                                                                                                                                                                                                                                                                                                                                         | ContextProvider                                                                            | No       | All      | No                |
-| rowRenderer                    | Method that returns react component to be rendered. You get the type, data, index and extendedState of the view in the callback                                                                                                                                                                                                                                                                                                                                                | (type: string \| number, data: any, index: number) => JSX.Element \| JSX.Element[] \| null | Yes      | All      | Yes               |
-| initialOffset                  | Initial offset you want to start rendering from; This is very useful if you want to maintain scroll context across pages.                                                                                                                                                                                                                                                                                                                                                      | number                                                                                     | No       | All      | Yes               |
-| renderAheadOffset              | specify how many pixels in advance you want views to be rendered. Increasing this value can help reduce blanks (if any). However, keeping this as low as possible should be the intent. Higher values also increase re-render compute                                                                                                                                                                                                                                          | number                                                                                     | No       | All      | Yes               |
-| isHorizontal                   | If true, the list will operate horizontally rather than vertically                                                                                                                                                                                                                                                                                                                                                                                                             | boolean                                                                                    | No       | All      | Yes               |
-| onScroll                       | On scroll callback function that executes as a user scrolls                                                                                                                                                                                                                                                                                                                                                                                                                    | rawEvent: ScrollEvent, offsetX: number, offsetY: number) => void                           | No       | All      | Yes               |
-| onRecreate                     | callback function that gets executed when recreating the recycler view from context provider                                                                                                                                                                                                                                                                                                                                                                                   | (params: OnRecreateParams) => void                                                         | No       | All      | No                |
-| externalScrollView             | Use this to pass your on implementation of BaseScrollView                                                                                                                                                                                                                                                                                                                                                                                                                      | { new (props: ScrollViewDefaultProps): BaseScrollView }                                    | No       | All      | No                |
-| onEndReached                   | Callback function executed when the end of the view is hit (minus onEndThreshold if defined)                                                                                                                                                                                                                                                                                                                                                                                   | () => void                                                                                 | No       | All      | Yes               |
-| onEndReachedThreshold          | Specify how many pixels in advance for the onEndReached callback                                                                                                                                                                                                                                                                                                                                                                                                               | number                                                                                     | No       | All      | Yes               |
-| onEndReachedThresholdRelative  | Specify how far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback                                                                                                                                                                                                                                                                                                     | number                                                                                     | No       | All      | Yes               |
-| onVisibleIndicesChanged        | Provides visible index; helpful in sending impression events                                                                                                                                                                                                                                                                                                                                                                                                                   | TOnItemStatusChanged                                                                       | No       | All      | Yes               |
-| onVisibleIndexesChanged        | (Deprecated in 2.0 beta) Provides visible index; helpful in sending impression events                                                                                                                                                                                                                                                                                                                                                                                          | TOnItemStatusChanged                                                                       | No       | All      | No                |
-| renderFooter                   | Provide this method if you want to render a footer. Helpful in showing a loader while doing incremental loads                                                                                                                                                                                                                                                                                                                                                                  | () => JSX.Element \| JSX.Element[] \| null                                                 | No       | All      | Yes               |
-| initialRenderIndex             | Specify the initial item index you want rendering to start from. Preferred over initialOffset if both specified                                                                                                                                                                                                                                                                                                                                                                | number                                                                                     | No       | All      | yes               |
-| scrollThrottle                 | iOS only; Scroll throttle duration                                                                                                                                                                                                                                                                                                                                                                                                                                             | number                                                                                     | No       | All      | No                |
-| canChangeSize                  | Specify if size can change                                                                                                                                                                                                                                                                                                                                                                                                                                                     | boolean                                                                                    | No       | All      | No                |
-| distanceFromWindow             | (Depricated) Use applyWindowCorrection() API with windowShift.                                                                                                                                                                                                                                                                                                                                                                                                                 | number                                                                                     | No       | All      | No                |
-| applyWindowCorrection          | (Enhancement/replacement to distanceFromWindow API) Allows updation of the visible windowBounds to based on correctional values passed. User can specify windowShift; in case entire RecyclerListWindow needs to shift down/up, startCorrection; in case when top window bound needs to be shifted for e.x. top window bound to be shifted down is a content overlapping the top edge of RecyclerListView, endCorrection: to alter bottom window bound for a similar use-case. | (offset: number, windowCorrection: WindowCorrection) => void                               | No       | All      | Yes               |
-| useWindowScroll                | Web only; Layout Elements in window instead of a scrollable div                                                                                                                                                                                                                                                                                                                                                                                                                | boolean                                                                                    | No       | All      | No                |
-| disableRecycling               | Turns off recycling                                                                                                                                                                                                                                                                                                                                                                                                                                                            | boolean                                                                                    | No       | All      | Yes               |
-| forceNonDeterministicRendering | Default is false; if enabled dimensions provided in layout provider will not be strictly enforced. Use this if item dimensions cannot be accurately determined                                                                                                                                                                                                                                                                                                                 | boolean                                                                                    | No       | All      | Yes               |
-| extendedState                  | In some cases the data passed at row level may not contain all the info that the item depends upon, you can keep all other info outside and pass it down via this prop. Changing this object will cause everything to re-render. Make sure you don't change it often to ensure performance. Re-renders are heavy.                                                                                                                                                              | object                                                                                     | No       | All      | No                |
-| itemAnimator                   | Enables animating RecyclerListView item cells (shift, add, remove, etc)                                                                                                                                                                                                                                                                                                                                                                                                        | ItemAnimator                                                                               | No       | All      | No                |
-| style                          | To pass down style to inner ScrollView                                                                                                                                                                                                                                                                                                                                                                                                                                         | object                                                                                     | No       | All      | Yes               |
-| scrollViewProps                | For all props that need to be proxied to inner/external scrollview. Put them in an object and they'll be spread and passed down.                                                                                                                                                                                                                                                                                                                                               | object                                                                                     | No       | All      | Yes               |
-| layoutSize                     | Will prevent the initial empty render required to compute the size of the listview and use these dimensions to render list items in the first render itself. This is useful for cases such as server side rendering. The prop canChangeSize has to be set to true if the size can be changed after rendering. Note that this is not the scroll view size and is used solely for layouting.                                                                                     | Dimension                                                                                  | No       | All      | Yes               |
-| onItemLayout                   | A callback function that is executed when an item of the recyclerListView (at an index) has been layout. This can also be used as a proxy to itemsRendered kind of callbacks.                                                                                                                                                                                                                                                                                                  | number                                                                                     | No       | All      | Yes               |
-| windowCorrectionConfig         | Used to specify is window correction config and whether it should be applied to some scroll events                                                                                                                                                                                                                                                                                                                                                                             | object                                                                                     | No       | All      | Yes               |
+| Name            | Description                                                                                                                                         | Type                                                                                                                       | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| layoutProvider | Constructor function that <br>defines the layout (height /<br> width) of each element | BaseLayoutProvider | Yes      | iOS Android | Yes |
+| dataProvider | Constructor function the <br>defines the data for each element | DataProvider | Yes | iOS Android | Yes |
+| contextProvider | Used to maintain scroll position <br>in case view gets destroyed,  which <br>often happens with back navigation | ContextProvider | No | iOS Android | Yes |
+| rowRenderer | Method that returns react <br>component to be rendered.<br> You get the type, data, index <br>and extendedState of the view <br>in the callback | function | Yes | iOS Android | Yes               |
+| initialOffset | Initial offset you want to start<br> rendering from; This is very useful<br> if you want to maintain scroll context<br> across pages. | number | No | iOS Android | Yes              |
+| renderAheadOffset | specify how many pixels in <br>advance you want views to <br>be rendered. Increasing this<br> value can help reduce blanks <br>(if any).However, keeping this<br> as low as possible .should be <br>the intent Higher values also .<br>increase re-render compute | number | No | iOS Android | Yes |
+| isHorizontal | If true, the list will operate<br> horizontally .rather than vertically | boolean | No | iOS Android | Yes               |
+| onScroll | On scroll callback function that <br>executes. as a user scrolls | function | No | iOS Android | Yes             |
+| onRecreate | callback function that gets <br>executed. when recreating the <br>recycler view from context provider | function | No | iOS Android | Yes                |
+| externalScrollView | Use this to pass your on<br> implementation of BaseScrollView | { new (props: ScrollViewDefaultProps): BaseScrollView } | No | iOS Android | Yes               |
+| onEndReached | Callback function executed <br>when the end of the view is hit <br>(minus onEndThreshold if defined) | function | No | iOS Android | Yes               |
+| onEndReachedThreshold | Specify how many pixels in advance <br>for the onEndReached callback | number | No | iOS Android | Yes |
+| onEndReachedThresholdRelative | Specify how far from the end <br>(in units of visible length of the list)<br> the bottom edge of the list must be  <br>from theend of the content to trigger  <br>the onEndReached callback | number | No | iOS Android | Yes               |
+| onVisibleIndicesChanged | Provides visible index; <br> helpful in sending impression events | TOnItemStatusChanged | No | iOS Android | Yes              |
+| renderFooter | Provide this method if you want to <br>render a footer. Helpful in showing <br>a loader while doing incremental loads | function | No | iOS Android | Yes               |
+| initialRenderIndex | Specify the initial item index you<br> want rendering to start from. Preferred <br>over initialOffset if both specified | number | No | iOS Android | Yes          |
+| scrollThrottle | iOS only; Scroll throttle duration | number | No | iOS | Yes |
+| canChangeSize | Specify if size can change | boolean | No | iOS Android | Yes               |
+| applyWindowCorrection | (Enhancement/replacement to <br>distanceFromWindow API) Allows  <br>updation of the visible windowBounds <br> to based on correctional values passed. <br>User can specify windowShift; in case <br>entire RecyclerListWindow needs to <br>shift down/up, startCorrection; in case <br>when top window bound needs to be <br>shifted for e.x. top window bound to be <br> shifted down is a content overlapping <br>the top edge of RecyclerListView,<br> endCorrection: to alter bottom window<br>  bound for a similar use-case. | function | No | iOS Android | Yes |
+| disableRecycling | Turns off recycling | boolean| No | iOS Android | Yes               |
+| forceNonDeterministicRendering | Default is false; <br> if enabled dimensions<br> provided in layout  provider <br>will not be strictly enforced.<br> Use  this if item dimensions <br>cannot be accurately determined | boolean | No | iOS Android | Yes |
+| extendedState | In some cases the data passed at row <br>level may not contain all the info that <br>the item depends upon,you can keep <br>all other info outside and pass it down <br>via this prop. Changing this object <br> willcause everything to re-render. Make sureyou don't change it often to ensure<br> performance. Re-renders are heavy. | object | No | iOS Android | Yes |
+| itemAnimator | Enables animating RecyclerListView<br> item cells (shift, add, remove, etc) | ItemAnimator | No | iOS Android | Yes                |
+| style | To pass down style to inner ScrollView | object | No | iOS Android  | Yes  |
+| scrollViewProps | For all props that need to be proxied <br>to inner/external scrollview. Put them <br>in an object and they'll be spread and passed down. | object | No | iOS Android | Yes    |
+| layoutSize | Will prevent the initial empty render <br>required to compute the size of the<br> listview and use these dimensions to <br>render list items in the first render <br>itself. This is useful for cases such<br> as server side rendering. The prop canChangeSize has to be set to true<br> if the size can be changed after <br>rendering. Note that this is not the scroll view size and is used solely for layouting. | Dimension | No | iOS Android | Yes              |
+| onItemLayout | A callback function that is executed<br> when an item of the recyclerListView<br> (at an index) has been layout. This can also be used as a proxy to itemsRendered kind of callbacks. | number | No | iOS Android | Yes          |
+| windowCorrectionConfig | Used to specify is window<br> correction config and whether<br> it should be applied to some <br>scroll events | object | No | iOS Android | Yes               |
 
 ## 遗留问题
 

From be70056a986ae11e5c1324f7d91abdb009da0716 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E5=98=89=E8=BE=89?= <961978925@qq.com>
Date: Fri, 6 Sep 2024 03:07:18 +0000
Subject: [PATCH 494/966] =?UTF-8?q?!1415=20docs:=20[Issue:=20#IALWXG]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9push-notification-ios=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IALWXG]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9push-notification-ios=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...-native-community-push-notification-ios.md | 99 ++++++++++++-------
 1 file changed, 64 insertions(+), 35 deletions(-)

diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index e0cc9e96..2ab10f40 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -1,24 +1,28 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/push-notification-ios</code> </h1>
 </p>
+
 <p align="center">
     <a href="https://github.com/react-native-push-notification/ios">
-        <img src="https://img.shields.io/badge/platforms-ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/react-native-push-notification/ios/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-push-notification/ios)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-push-notification-ios)
 
 ## 安装与使用
 
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)，并下载适用版本的 tgz 包。
+
 进入到工程目录并输入以下命令：
 
+> [!TIP] # 处替换为 tgz 包的路径
+
 <!-- tabs:start -->
 
 #### **npm**
@@ -169,6 +173,17 @@ export const App = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -176,7 +191,7 @@ export const App = () => {
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -186,7 +201,7 @@ export const App = () => {
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-    "rnoh-push-notification": "file:../../node_modules/@react-native-oh-tpl/push-notification-ios/harmony/push_notification.har"
+    "@react-native-oh-tpl/push-notification-ios": "file:../../node_modules/@react-native-oh-tpl/push-notification-ios/harmony/push_notification.har"
   }
 ```
 
@@ -206,32 +221,40 @@ ohpm install
 ### 配置 CMakeLists 和引入 PushNotificationPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
-
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-push-notification/src/main/cpp" ./push_notification)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/push-notification-ios/src/main/cpp" ./push_notification)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_push_notification)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -257,7 +280,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
   ...
-+ import { PushNotificationPackage } from 'rnoh-push-notification/ts';
++ import { PushNotificationPackage } from '@react-native-oh-tpl/push-notification-ios/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -282,15 +305,12 @@ ohpm install
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-tpl/push-notification-ios> Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases))
-
-本文档内容基于以下版本验证通过：
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)
 
-RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 
 ## API
 
@@ -300,11 +320,18 @@ RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1
 
 | Name                            | Description                                                                                                       | Type     | Required | Platform      | HarmonyOS Support |
 | ------------------------------- | ----------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
-| addNotificationRequest          | Sends notificationRequest to notification center at specified firedate. Fires immediately if firedate is not set. | function | no       | IOS/HarmonyOS | yes               |
-| setApplicationIconBadgeNumber   | Sets the badge number for the app icon on the home screen                                                         | function | no       | All           | yes               |
-| getDeliveredNotifications       | Provides you with a list of the app’s notifications that are still displayed in Notification Center               | function | no       | All           | yes               |
-| removeAllDeliveredNotifications | Remove all delivered notifications from Notification Center                                                       | function | no       | All           | yes               |
-| removeDeliveredNotifications    | Removes the specified delivered notifications from Notification Center                                            | function | no       | All           | yes               |
+| addNotificationRequest          | Sends notificationRequest to notification center at specified firedate. Fires immediately if firedate is not set. | function | no       | iOS | yes               |
+| getDeliveredNotifications       | Provides you with a list of the app’s notifications that are still displayed in Notification Center               | function | no       | iOS           | yes               |
+| removeAllDeliveredNotifications | Remove all delivered notifications from Notification Center                                                       | function | no       | iOS           | yes               |
+| removeDeliveredNotifications    | Removes the specified delivered notifications from Notification Center                                            | function | no       | iOS           | yes               |
+| setApplicationIconBadgeNumber   | Sets the badge number for the app icon on the home screen                                                         | function | no       | iOS           | yes               |
+| getApplicationIconBadgeNumber   | Gets the current badge number for the app icon on the home screen                                                         | function | no       | iOS           | no               |
+| cancelLocalNotifications   | Cancel local notifications                                                         | function | no       | iOS           | no               |
+| requestPermissions   | Requests notification permissions from iOS, prompting the user's dialog box. By default, it will request all notification permissions, but a subset of these can be requested by passing a map of requested permissions. The following permissions are supported                                                         | function | no       | iOS           | no               |
+| abandonPermissions   | Unregister for all remote notifications received via Apple Push Notification service                                                         | function | no       | iOS           | no               |
+| checkPermissions   | See what push permissions are currently enabled                                                         | function | no       | iOS           | no               |
+| getInitialNotification   | This method returns a promise. If the app was launched by a push notification, this promise resolves to an object of type PushNotificationIOS. Otherwise, it resolves to null.                                                         | function | no       | iOS           | no               |
+| getScheduledLocalNotifications   | Gets the local notifications that are currently scheduled                                                         | function | no       | iOS           | no               |
 
 ## 属性
 
@@ -312,7 +339,6 @@ RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-以下属性已验证，更多属性详情请查看 [react-native-push-notification-ios 的文档介绍](https://github.com/react-native-oh-library/react-native-push-notification)
 
 **Parameters:**
 
@@ -322,25 +348,28 @@ _NotificationRequest:_
 | ---------- | ----------------------------------------------------------------- | ------- | -------- | -------- | ----------------- |
 | `id`       | Identifier of the notification                                    | string  | yes      | All      | yes               |
 | `title`    | A short description of the reason for the notification            | string  | yes      | All      | yes               |
-| `subtitle` | A secondary description of the reason for the notification        | string  | no       | All      | yes               |
+| `subtitle` | A secondary description of the reason for the notification        | string  | no       | All      | no               |
 | `body`     | The message displayed in the notificatio                          | string  | yes      | All      | yes               |
 | `badge`    | The number to display as the app's icon badge                     | number  | no       | All      | yes               |
 | `fireDate` | The date and time when the system should deliver the notification | object  | no       | All      | yes               |
-| `repeats`  | Sets notification to repeat                                       | boolean | no       | All      | yes               |
+| `repeats`  | Sets notification to repeat                                       | boolean | no       | All      | no               |
+| `repeatsComponent`  | An object indicating which parts of fireDate should be repeated                                       | object | no       | All      | no               |
+| `sound`  | The sound played when the notification is fired                                       | string | no       | All      | yes               |
+| `category`  | The category of this notification, required for actionable notifications                                       | string | no       | All      | no               |
 | `isSilent` | If true, the notification will appear without sound               | boolean | no       | All      | yes               |
+| `isCritical` |  If true, the notification sound be played even when the device is locked, muted, or has Do Not Disturb enabled               | boolean | no       | All      | no               |
+| `criticalSoundVolume` | A number between 0 and 1 for volume of critical notification. Default volume will be used if not specified               | number | no       | All      | no               |
 | `userInfo` | An object containing additional notification data                 | object  | no       | All      | yes               |
-
----
+| `isTimeZoneAgnostic` | If true, fireDate adjusted automatically upon time zone changes (e.g. for an alarm clock)                 | boolean  | no       | All      | no               |
+| `interruptionLevel` | A string specifying the interruption level. Valid values are `'active'`, `'passive'`, `'timeSensitive'`, or `'critical'`                 | string  | no       | All      | no               |
 
 ## 遗留问题
 
-- [ ] HarmonyOS 的 NotificationManager 的规格和 IOS 不一致，其 NotificationRequest 所含参数，在 HarmonyOS 上部分没有适配对应参数，问题: [issue#1](https://github.com/react-native-oh-library/react-native-push-notification/issues/1)
-- [ ] 原库部分接口在 HarmonyOS 中没有对应接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-push-notification/issues/2)
+- [ ] HarmonyOS 的 NotificationManager 的规格和 IOS 不一致，其 NotificationRequest 所含参数，在 HarmonyOS 上部分没有适配对应参数，问题: [issue#1](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/4)
+- [ ] 原库部分接口在 HarmonyOS 中没有对应接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/3)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 9da62c8cd88a67756bf153c9d42ef17d986ebbdc Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Fri, 6 Sep 2024 03:13:12 +0000
Subject: [PATCH 495/966] =?UTF-8?q?!1469=20docs:=20[Issues:=20#IAOTCR]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20react-native-apple-authentication=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAOTCR]=20=E6=96=B0=E5=A2=9E=20react-native-apple-authenticatio?=
 =?UTF-8?q?n=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-apple-authentication.md | 210 +++++++++++++++++++++
 1 file changed, 210 insertions(+)
 create mode 100644 zh-cn/react-native-apple-authentication.md

diff --git a/zh-cn/react-native-apple-authentication.md b/zh-cn/react-native-apple-authentication.md
new file mode 100644
index 00000000..608196a4
--- /dev/null
+++ b/zh-cn/react-native-apple-authentication.md
@@ -0,0 +1,210 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-apple-authentication</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/invertase/react-native-apple-authentication">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/invertase/react-native-apple-authentication/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-apple-authentication)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-apple-authentication@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-apple-authentication@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React from 'react';
+import { appleAuthHarmony, AppleButton } from '@invertase/react-native-apple-authentication';
+
+const AppleAuthenticationDemo: React.FC = (): JSX.Element => {
+    return (
+        <>
+            <AppleButton
+                onPress={async () => {
+                    appleAuthHarmony.configure({
+                        // 以下配置请参考原库AppleId登录文档:
+                        // https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md
+                        // https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md
+                        clientId: 'com.example.client', 
+                        redirectUri: 'https://example.com/'
+                    })
+                    const singInRes = await appleAuthHarmony.signIn()
+                    console.log(singInRes)
+                }}
+            />
+        </>
+    )
+}
+
+export default AppleAuthenticationDemo;
+```
+
+## 使用 Codegen 
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-apple-authentication": "file:../../node_modules/@react-native-oh-tpl/react-native-apple-authentication/harmony/react-native-apple-authentication.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 RNAppleAuthPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+
+```diff
+  ...
++ import { RNAppleAuthPackage } from '@react-native-oh-tpl/react-native-apple-authentication';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNAppleAuthPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)。
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**AppleButton**：Apple身份验证按钮组件。
+
+| Name         | Description        | Type                                                         | Required | Platform | HarmonyOS Support |
+| ------------ | ------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| style        | 按钮样式           | StyleProp< [ViewStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Fview%23props) > | no       | all      | yes               |
+| textStyle    | 按钮内文字样式     | StyleProp< [TextStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Ftext%23props) > | no       | all      | yes               |
+| cornerRadius | 按钮边框圆角弧度   | number                                                       | no       | all      | yes               |
+| buttonStyle  | 按钮样式(预设枚举) | [AppleButtonStyle](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonStyle.md) | no       | all      | yes               |
+| buttonType   | 按钮类型(预设枚举) | [AppleButtonType](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonType.md) | no       | all      | yes               |
+| onPress      | 按钮点击事件       | () => void                                                   | yes      | all      | yes               |
+| leftView     | 按钮内左侧图标     | ReactNode                                                    | no       | all      | yes               |
+| buttonText   | 按钮内文字内容     | string                                                       | no       | all      | yes               |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**appleAuthHarmony**：Apple身份验证对象，包含2个方法。
+
+| Name      | Description                                             | Type                                                         | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| configure | 配置 Apple 身份验证的信息，此接口必须在 signIn 之前调用 | ([Config](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidConfig.md)) => void | no       | all      | yes               |
+| signIn    | 弹出 webview 以进行 Apple 身份验证                      | () => Promise< [SigninResponse](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidSigninResponse.md) > | no       | all      | no                |
+
+## 其他
+
+## 遗留问题
+
+- [ ] 由于 Apple 开发者账户验证问题，HarmonyOS暂无法实现的接口：[issue#1](https://github.com/react-native-oh-library/react-native-apple-authentication/issues/1)
+
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/invertase/react-native-apple-authentication/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 5bc6e8f5a6ee75d6c4b33acab9551aee39ba0b0a Mon Sep 17 00:00:00 2001
From: yangyuchun <yangyuchun10@h-partners.com>
Date: Fri, 6 Sep 2024 03:31:00 +0000
Subject: [PATCH 496/966] =?UTF-8?q?!1466=20docs:=20[Issues:=20#IAOLKK]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-idfa-aaid=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAOLKK]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-idfa-aaid=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-idfa-aaid.md | 306 ++++++++++++++++++++++++++++++++
 1 file changed, 306 insertions(+)
 create mode 100644 zh-cn/react-native-idfa-aaid.md

diff --git a/zh-cn/react-native-idfa-aaid.md b/zh-cn/react-native-idfa-aaid.md
new file mode 100644
index 00000000..75cbe02a
--- /dev/null
+++ b/zh-cn/react-native-idfa-aaid.md
@@ -0,0 +1,306 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-idfa-aaid</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/sparkfabrik/sparkfabrik-react-native-idfa-aaid">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/sparkfabrik/sparkfabrik-react-native-idfa-aaid/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-idfa-aaid)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-idfa-aaid@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-idfa-aaid@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useEffect } from 'react';
+import type { PropsWithChildren } from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+} from 'react-native';
+
+import {
+  Colors,
+  DebugInstructions,
+  Header,
+  LearnMoreLinks,
+  ReloadInstructions,
+} from 'react-native/Libraries/NewAppScreen';
+
+import ReactNativeIdfaAaid, {
+  AdvertisingInfoResponse,
+} from 'react-native-idfa-aaid';
+
+type SectionProps = PropsWithChildren<{
+  title: string;
+}>;
+
+function Section({ children, title }: SectionProps): React.JSX.Element {
+  const isDarkMode = useColorScheme() === 'dark';
+
+  useEffect(() => {
+    ReactNativeIdfaAaid.getAdvertisingInfo()
+      .then((res: AdvertisingInfoResponse) =>
+        console.log('Advertising info', res)
+      )
+      .catch(err => {
+        console.log(err);
+      });
+  }, []);
+
+  return (
+    <View style={styles.sectionContainer}>
+      <Text
+        style={[
+          styles.sectionTitle,
+          {
+            color: isDarkMode ? Colors.white : Colors.black,
+          },
+        ]}>
+        {title}
+      </Text>
+      <Text
+        style={[
+          styles.sectionDescription,
+          {
+            color: isDarkMode ? Colors.light : Colors.dark,
+          },
+        ]}>
+        {children}
+      </Text>
+    </View>
+  );
+}
+
+function App(): React.JSX.Element {
+  const isDarkMode = useColorScheme() === 'dark';
+
+  const backgroundStyle = {
+    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
+  };
+
+  return (
+    <SafeAreaView style={backgroundStyle}>
+      <StatusBar
+        barStyle={isDarkMode ? 'light-content' : 'dark-content'}
+        backgroundColor={backgroundStyle.backgroundColor}
+      />
+      <ScrollView
+        contentInsetAdjustmentBehavior="automatic"
+        style={backgroundStyle}>
+        <Header />
+        <View
+          style={{
+            backgroundColor: isDarkMode ? Colors.black : Colors.white,
+          }}>
+          <Section title="Step One">
+            Edit <Text style={styles.highlight}>App.tsx</Text> to change this
+            screen and then come back to see your edits.
+          </Section>
+          <Section title="See Your Changes">
+            <ReloadInstructions />
+          </Section>
+          <Section title="Debug">
+            <DebugInstructions />
+          </Section>
+          <Section title="Learn More">
+            Read the docs to discover what to do next:
+          </Section>
+          <LearnMoreLinks />
+        </View>
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: '600',
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: '400',
+  },
+  highlight: {
+    fontWeight: '700',
+  },
+});
+
+export default App;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 GetOaidPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { GetOaidPackage } from "@react-native-oh-tpl/react-native-idfa-aaid/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new GetOaidPackage(ctx),
+  ];
+}
+```
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)
+
+### 权限要求
+
+[!tip] "ohos.permission.APP_TRACKING_CONSENT"，"ohos.permission.APP_TRACKING_CONSENT"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
+#### 在 entry 目录下的module.json5中添加权限
+在 `YourProject/entry/src/main/module.json5`补上配置
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+
+  ···
+
++    "requestPermissions":[
++      {
++        "name" : "ohos.permission.APP_TRACKING_CONSENT",
++        "reason": "$string:page_show",
++        "usedScene": {
++          "abilities": [
++            "FormAbility"
++          ],
++          "when":"always"
++        }
++     }
++    ]
+  }
+}
+```
+在 `YourProject/entry/src/main/resources/base/element/string.json`补上配置
+
+#### 在 entry 目录下添加申请权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "name":"page_show",
++      "value": "page from npm package"
++    }
+  ]
+}
+```
+当前版本上，向用户申请此权限时，系统不会有弹框，而是直接将该应用的获取OAID的权限置为禁止。如有需要应用可自行弹框引导用户到设置界面手动开启该权限。为避免后续系统功能变化引发兼容性问题，应用应严格按照user_grant权限的申请流程进行申请。
+[详情参考](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/permissions-for-all-V5#ohospermissionapp_tracking_consent)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getAdvertisingInfo  |检查权限，申请权限，获取OAID         | Function  | yes | iOS/Android      | yes |
+| getAdvertisingInfoAndCheckAuthorization  | 功能同上，该方法用于移植的一致性         | Function  | no | iOS/Android      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/sparkfabrik/sparkfabrik-react-native-idfa-aaid/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From aa9c5cdcf857afcc07297a6a0e8e4782fd810b5c Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Fri, 6 Sep 2024 06:23:09 +0000
Subject: [PATCH 497/966] =?UTF-8?q?!1478=20docs:=20[#IAP2H9]=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAP2H9]=E6=9B=B4=E6=96=B0react-native?=
 =?UTF-8?q?-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-svg-capi.md | 94 ++++++++++++++++++++++++++++++----
 1 file changed, 85 insertions(+), 9 deletions(-)

diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 79a2e469..be5cdccf 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-svg)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-svg)
 
 ## 安装与使用
 
@@ -44,11 +44,26 @@ yarn add @react-native-oh-tpl/react-native-svg@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import Svg, { Path } from "react-native-svg";
+import React from 'react';
+import { StyleSheet,SafeAreaView } from 'react-native';
+import { Svg,Path } from 'react-native-svg';
+
+export default function App() {
+  return (
+    <SafeAreaView style={styles.container}>
+      <Svg width="100" height="100">
+        <Path d="M90 0 L0 180 L180 180 Z" fill="red" />
+      </Svg>
+    </SafeAreaView>
+  );
+}
 
-<Svg width="100" height="100">
-  <Path d="M90 0 L0 180 L180 180 Z" fill="red" />
-</Svg>;
+const styles = StyleSheet.create({
+  container: {
+    flex:1,
+    backgroundColor: 'grey',
+  },
+});
 ```
 
 ## Link
@@ -189,6 +204,46 @@ ohpm install
 
 然后编译、运行即可。
 
+### 在 ArkTs 侧引入和注册字体文件(非必选配置项)
+
+> [!TIP] 本项非必配项，当使用 Text 组件的 fontFamily 属性指定字体时才需配置
+
+步骤一：
+    复制字体文件到  `entry/src/main/resources/rawfile/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+
+步骤二：
+    打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+
+    const fonts: Record<string, Resource> = {
+        "Noto Sans Pau Cin Hau": $rawfile("assets/fonts/Noto Sans Pau Cin Hau.ttf") ,
+        "NotoSansVai-Regular": $rawfile("assets/fonts/NotoSansVai-Regular.ttf") ,
+        "HarmonyOS_Sans_Condensed_Regular_Italic": $rawfile("assets/fonts/HarmonyOS_Sans_Condensed_Regular_Italic.ttf")
+        "HarmonyOS_Sans_Digit_Medium": $rawfile("assets/fonts/HarmonyOS_Sans_Digit_Medium.ttf")
+    }
+
+    @Entry
+    @Component
+    struct Index {
+        //...
+        build() {
+            Column(){
+                //...
+
+                //注册字体文件
+                RNApp({
+                rnInstanceConfig: {
+                    //...
+                    fontResourceByFontFamily: fonts
+                },
+                //...
+            }
+            
+        }
+        //...
+    }
+
+
 ## 约束与限制
 
 ### 兼容性
@@ -203,9 +258,9 @@ ohpm install
 
 以下为目前已支持的组件属性：
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **Svg**：绘制组件的父组件
 
@@ -285,6 +340,8 @@ ohpm install
 
 **Defs**：该元素是用于对其他 SVG 元素进行分组的容器
 
+> 注： 该组件无属性
+
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :--: | :---------: | :--: | -------- | -------- | ----------------- |
 |  /   |      /      |  /   | /        | All      | Yes               |
@@ -369,6 +426,8 @@ ohpm install
 
 **ClipPath**：该元素定义一条剪切路径，可作为其他元素的 clipPath 属性的值
 
+> 注： 该组件无属性
+
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :--: | :---------: | :--: | -------- | -------- | ----------------- |
 |  /   |      /      |  /   | /        | All      | Yes               |
@@ -379,7 +438,6 @@ ohpm install
 | :-----------------: | :----------------------------------------------------: | :-------------: | -------- | -------- | ----------------- |
 |         id          |                  为元素分配唯一的名称                  |     string      | Yes      | All      | Yes               |
 |       viewBox       |              视窗在用户空间中的位置和尺寸              |     string      | No       | All      | Yes               |
-| preserveAspectRatio |                  是否强制进行统一缩放                  |     string      | No       | All      | Yes               |
 |        refX         |                  标记参考点的 x 坐标                   | number\| string | No       | All      | Yes               |
 |        refY         |                  标记参考点的 y 坐标                   | number\| string | No       | All      | Yes               |
 |     markerUnits     | markerWidth 和 markerHeight 属性的坐标系以及标记的内容 |     string      | No       | All      | Yes               |
@@ -431,6 +489,7 @@ ohpm install
 |   rotate   |      旋转每个单独字形的方向      |      array      | No       | All      | Yes               |
 |  opacity   |              透明度              |     number      | No       | All      | Yes               |
 | inlineSize |          水平或垂直尺寸          |     number      | No       | All      | Yes               |
+| alignmentBaseline | 指定文本的对齐基线        |      string      | NO       | ALL      | Yes               |
 
 **TSpan**：绘制文本或 Text 内的子文本
 
@@ -477,6 +536,13 @@ ohpm install
 |   xml    |   svg 代码的字符串    |  string  |   Yes    |   All    |        Yes        |
 | override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
 
+**SvgXml**：该组件通过传入字符串来渲染出 svg
+
+|   Name   |      Description      |   Type   | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
+|   xml    |   svg 代码的字符串    |  string  |   Yes    |   All    |        Yes        |
+| override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
+
 **SvgUri**：该组件通过传入 uri 地址来渲染出 svg
 
 |   Name   |      Description      |   Type   | Required | Platform | HarmonyOS Support |
@@ -565,7 +631,17 @@ FontProps 组件属性 HarmonyOS 侧支持情况
 
 ## 遗留问题
 
-- [x] RadialGradient 和 Image 未实现：在 Canary3 Sp2 及以上的 ROM 和 SDK，使用@react-native-oh-tpl/react-native-svg 13.14.0-0.4.0 及以上版本两组件已实现 -- [PR#149](https://github.com/react-native-oh-library/react-native-harmony-svg/pull/149) [PR#142](https://github.com/react-native-oh-library/react-native-harmony-svg/pull/142)。
+- [ ] isPointInFill 判断点位坐标是否在fill上 未实现
+- [ ] isPointInStroke 判断点位坐标是否在stroke上 未实现
+- [ ] getTotalLength 获取总path的长度 未实现
+- [ ] getPointAtLength 获取点位坐标在path上的信息 未实现
+- [ ] getBBox 获取组件的边界信息 未实现
+- [ ] getCTM 获取相对于父组件的matrix矩阵信息 未实现
+- [ ] getScreenCTM 获取组件的matrix矩阵信息 未实现
+- [ ] getRawResource 获取android中的资源文件 未实现
+- [ ] foreignObject 该组件允许svg使用外部组件 未实现
+- [ ] filter 该组件可以为 SVG 图形添加各种视觉效果 未实现
+- [ ] TextPath 功能未完全实现
 
 ## 其他
 

From 102782302bbfff32fcdf7c3a42fb575da7091f73 Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Fri, 6 Sep 2024 07:07:59 +0000
Subject: [PATCH 498/966] =?UTF-8?q?!1479=20docs:=20[#IAP7TA]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0rn-placeholder=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20=E6=9B=B4=E6=96=B0rn-placeholder=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/rn-placeholder.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md
index 211a2b7d..e0d905d2 100644
--- a/zh-cn/rn-placeholder.md
+++ b/zh-cn/rn-placeholder.md
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/mfrachet/rn-placeholder)
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/rn-placeholder)
 
 ## 安装与使用
 
-> [!tip] 因原作者未发布最新的组件版本到 npm 仓，如果 package.json 中 peerDependencies 依赖 react 版本与项目 react 版本不一致会产生依赖冲突。npm 安装需要引入--legacy-peer-deps 标志绕过 peerDependencies 自动安装
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-placeholder Releases](https://github.com/react-native-oh-library/rn-placeholder/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -26,13 +26,13 @@
 #### **npm**
 
 ```bash
-npm install rn-placeholder@3.0.3
+npm install @react-native-oh-tpl/rn-placeholder@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add rn-placeholder@3.0.3
+yarn add @react-native-oh-tpl/rn-placeholder@file:#
 ```
 
 <!-- tabs:end -->
@@ -45,7 +45,7 @@ import {
   PlaceholderMedia,
   PlaceholderLine,
   Fade,
-} from "rn-placeholder";
+} from "@react-native-oh-tpl/rn-placeholder";
 
 const App = () => (
   <Placeholder

From f8e6d66ede24f0de2f80e3255bc0551fab3122c6 Mon Sep 17 00:00:00 2001
From: "hexing.hu" <478055968@qq.com>
Date: Fri, 6 Sep 2024 07:41:25 +0000
Subject: [PATCH 499/966] =?UTF-8?q?!1475=20docs:=20[#IAP3W7]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-awesome-gallery=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAP3W7]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-awesome-gallery=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-awesome-gallery.md | 148 ++++++++++++++++++++++++++
 1 file changed, 148 insertions(+)
 create mode 100644 zh-cn/react-native-awesome-gallery.md

diff --git a/zh-cn/react-native-awesome-gallery.md b/zh-cn/react-native-awesome-gallery.md
new file mode 100644
index 00000000..4f97a9f7
--- /dev/null
+++ b/zh-cn/react-native-awesome-gallery.md
@@ -0,0 +1,148 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-awesome-gallery</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Flair-Dev/react-native-awesome-gallery">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/pavelbabenko/react-native-awesome-gallery/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/Flair-Dev/react-native-awesome-gallery)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-awesome-gallery@0.4.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-awesome-gallery@0.4.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```ts
+import React from 'react';
+import {View, SafeAreaView} from 'react-native';
+import Gallery from 'react-native-awesome-gallery';
+
+const getRandomSize = function () {
+  const min = 400;
+  const max = 800;
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+};
+
+const images = new Array(10)
+  .fill(0)
+  .map(() => `https://picsum.photos/${getRandomSize()}/${getRandomSize()}`);
+
+export default function App() {
+  return (
+    <View style={{flex: 1}}>
+      <SafeAreaView></SafeAreaView>
+      <View style={{height: '100%', width: '100%'}}>
+        <Gallery data={images} swipeEnabled={true} />
+      </View>
+    </View>
+  );
+}
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.28; SDK: HarmonyOS-NEXT-DB5 5.0.0.60; IDE: DevEco Studio  5.0.3.655; ROM: 3.0.0.36;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| data        | Array of items to render       | T[] | Yes       | iOS/Android | Yes               |
+| renderItem       | Callback func which can be used to render custom image component, e.g FastImage. NOTE: You have to call setImageDimensions({width, height}) parameter after image is loaded         | (renderItemInfo: {item: T, index: number, setImageDimensions: Function}) => React.ReactElement | No       | iOS/Android | Yes               |
+| keyExtractor | Callback func which provides unique keys for items  | (item: T, index: number) => string or number | No       | iOS/Android | Yes               |
+| initialIndex     | The initial image index | number        | No       | iOS/Android | Yes               |
+| onIndexChange     | Is called when index of active item is changed | boolean        | No       | iOS/Android | Yes               |
+| numToRender     | Amount of items rendered in gallery simultaneously | number        | No       | iOS/Android | Yes               |
+| emptySpaceWidth     | Width of empty space between items | number        | No       | iOS/Android | Yes               |
+| doubleTapScale     | Image scale when double tap is fired | number        | No       | iOS/Android | No               |
+| doubleTapInterval     | Time in milliseconds between single and double tap events | number        | No       | iOS/Android | No               |
+| maxScale     | Maximum scale user can set with gesture | number        | No       | iOS/Android | Yes               |
+| pinchEnabled     | Is pinch gesture enabled | boolean        | No       | iOS/Android | Yes               |
+| swipeEnabled     | Is pan gesture enabled | boolean        | No       | iOS/Android | Yes               |
+| doubleTapEnabled     | Is double tap enabled | boolean        | No       | iOS/Android | No               |
+| disableTransitionOnScaledImage     | Disables transition to next/previous image when scale > 1 | boolean        | No       | iOS/Android | Yes               |
+| hideAdjacentImagesOnScaledImage     | Hides next and previous images when scale > 1 | boolean        | No       | iOS/Android | Yes               |
+| disableVerticalSwipe     | Disables vertical swipe when scale == 1 | boolean        | No       | iOS/Android | Yes               |
+| disableSwipeUp     | Disables swipe up when scale == 1 | boolean        | No       | iOS/Android | Yes               |
+| loop     | Allows user to swipe infinitely. Works when data.length > 1 | boolean        | No       | iOS/Android | Yes               |
+| onScaleChange     | Is called when scale is changed | (scale: number) => void        | No       | iOS/Android | Yes               |
+| onScaleChangeRange     | Shows range of scale in which onScaleChange is called | {start: number, end: number}        | No       | iOS/Android | Yes               |
+| containerDimensions     | Dimensions object for the View that wraps gallery. | {width: number, height: number}        | No       | iOS/Android | Yes               |
+| style     | Is double tap enabled | Style of container        | No       | iOS/Android | Yes               |
+
+## 事件
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ------------------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| onSwipeToClose()         | Fired when user swiped to top/bottom                                  | function         | No       | iOS/Android | Yes               |
+| onTranslationYChange(translationY: number, shouldClose: boolean) | 'worklet'; Fired when user is swiping vertically to close the gallery                         | function         | No       | iOS/Android | No               |
+| onTap()          | Fired when user tap on image                                | string or number | No       | iOS/Android | Yes               |
+| onDoubleTap(toScale: number)        | Fired when user double tap on image                                 | function         | No       | iOS/Android | No               |
+| onLongPress()              | Fired when long press is detected                                         | function           | No       | iOS/Android | Yes               |
+| onScaleStart(scale: number)         | Fired when pinch gesture starts                             | function            | No       | iOS/Android | Yes               |
+| onScaleEnd(scale: number) | Fired when pinch gesture ends. Use case: add haptic feedback when user finished gesture with scale > maxScale or scale < 1                    | function            | No       | iOS/Android | Yes               |
+| onPanStart()           | Fired when pan gesture starts                                    | function            | No       | iOS/Android | Yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ------------------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| setIndex        | Sets active index                                  | (newIndex: number, animated?: boolean) => void         | No       | iOS/Android | Yes               |
+| reset | Resets scale, translation                         | (animated?: boolean) => void         | No       | iOS/Android | Yes               |
+
+## 遗留问题
+- [ ] onTranslationYChange事件设置后，拖动图片会发生异常，iOS 和 Android平台均有该问题: [issue#84](https://github.com/pavelbabenko/react-native-awesome-gallery/issues/84)
+- [ ] react-native-gesture-handler库Gesture.Tap()事件无法获取正确的当前坐标和手指数，导致doubleTapScale、doubleTapInterval、doubleTapEnabled、onDoubleTap不生效: [issue#21](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/21)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/pavelbabenko/react-native-awesome-gallery/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 787ef877b0432b9cf6a0f782d994786295748a5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Fri, 6 Sep 2024 08:14:02 +0000
Subject: [PATCH 500/966] =?UTF-8?q?!1483=20=E4=BF=AE=E6=94=B9=20react-nati?=
 =?UTF-8?q?ve-charts-wrapper=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20doc?=
 =?UTF-8?q?s:=20[Issue:=20#IAPC62]=E4=BF=AE=E6=94=B9react-native-charts-wr?=
 =?UTF-8?q?apper=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-charts-wrapper.md | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/zh-cn/react-native-charts-wrapper.md b/zh-cn/react-native-charts-wrapper.md
index 86ab118e..135cc1c1 100644
--- a/zh-cn/react-native-charts-wrapper.md
+++ b/zh-cn/react-native-charts-wrapper.md
@@ -290,7 +290,7 @@ ohpm install
 | textSize            | 设置图例文本的大小       | number                                       | No       | iOS/Android | Yes               |
 | fontFamily          | 图例部件的字体           | string                                       | No       | iOS/Android | Yes               |
 | wordWrapEnabled     | 设置图例文字是否换行     | bool                                         | No       | iOS/Android | Yes               |
-| maxSizePercent      | 图例部件最大大小百分比   | number                                       | No       | iOS/Android | Yes               |
+| maxSizePercent      | 图例部件最大大小百分比   | number                                       | No       | iOS/Android | NO                |
 | horizontalAlignment | 图例部件水平对齐         | one of `'LEFT', 'CENTER', 'RIGHT'`           | No       | iOS/Android | Yes               |
 | verticalAlignment   | 图例部件垂直对齐         | one of `'TOP', 'CENTER', 'BOTTOM'`           | No       | iOS/Android | Yes               |
 | orientation         | 设置图例的方向           | one of `'HORIZONTAL', 'VERTICAL'`            | No       | iOS/Android | Yes               |
@@ -301,7 +301,7 @@ ohpm install
 | xEntrySpace         | 设置横轴上图例条目的间距 | number                                       | No       | iOS/Android | Yes               |
 | yEntrySpace         | 设置竖轴上图例条目的间距 | number                                       | No       | iOS/Android | Yes               |
 | formToTextSpace     | 图例部件图标到文字的间距 | number                                       | No       | iOS/Android | Yes               |
-| custom              | 设置自定义图例的条目数组 | {` `colors: [number],` `labels: [string]` `} | No       | iOS/Android | Yes               |
+| custom              | 设置自定义图例的条目数组 | {` `colors: [number],` `labels: [string]` `} | No       | iOS/Android | NO                |
 
 #### xAxis and yAxis
 
@@ -356,7 +356,7 @@ ohpm install
 | ---------------------------- | -------------------- | ----------- | -------- | ----------- | ----------------- |
 | animation                    | 设置图表动画         | object      | No       | iOS/Android | Yes               |
 | chartBackgroundColor         | 设置图表背景颜色     | number      | No       | iOS/Android | Yes               |
-| logEnabled                   | 启用日志             | bool        | No       | iOS/Android | Yes               |
+| logEnabled                   | 启用日志             | bool        | No       | iOS/Android | NO                |
 | noDataText                   | 设置无数据文本       | string      | No       | iOS/Android | Yes               |
 | noDataTextColor              | 设置无数据文本颜色   | number      | No       | iOS/Android | Yes               |
 | touchEnabled                 | 设置触摸             | bool        | No       | iOS/Android | Yes               |
@@ -365,7 +365,7 @@ ohpm install
 | chartDescription             | 设置描述部件         | Description | No       | iOS/Android | Yes               |
 | legend                       | 设置图例             | Legend      | No       | iOS/Android | Yes               |
 | xAxis                        | 设置 X 轴            | Xaxis       | No       | iOS/Android | Yes               |
-| highlights                   | 设置高亮             | object      | No       | iOS/Android | Yes               |
+| highlights                   | 设置高亮             | object      | No       | iOS/Android | NO                |
 
 ### BarLineChartBase
 
@@ -377,9 +377,9 @@ ohpm install
 | borderColor            | 设置边框颜色                                                                                  | number                          | No       | iOS/Android | Yes               |
 | borderWidth            | 设置边框宽度                                                                                  | number                          | No       | iOS/Android | Yes               |
 | minOffset              | 设置最小偏移                                                                                  | number                          | No       | iOS/Android | Yes               |
-| visibleRange           | 限制通过捏合和缩放可以看到的最大和最小 x 范围                                                 | object                          | No       | iOS/Android | Yes               |
+| visibleRange           | 限制通过捏合和缩放可以看到的最大和最小 x 范围                                                 | object                          | No       | iOS/Android | NO                |
 | autoScaleMinMaxEnabled | 是否设置 Y 轴的自动缩放标记                                                                   | bool                            | No       | iOS/Android | Yes               |
-| keepPositionOnRotation | 设置图表在旋转（方向更改）后是否应保持其位置（缩放/滚动                                       | bool                            | No       | iOS/Android | Yes               |
+| keepPositionOnRotation | 设置图表在旋转（方向更改）后是否应保持其位置（缩放/滚动                                       | bool                            | No       | iOS/Android | NO                |
 | scaleEnabled           | 是否启用缩放                                                                                  | bool                            | No       | iOS/Android | Yes               |
 | scaleXEnabled          | 是否启用 X 轴缩放                                                                             | bool                            | No       | iOS/Android | Yes               |
 | scaleYEnabled          | 是否启用 Y 轴缩放                                                                             | bool                            | No       | iOS/Android | Yes               |
@@ -402,7 +402,7 @@ ohpm install
 | valueTextSize    | 设置值的文本大小                            | number   | No       | iOS/Android | Yes               |
 | valueTextColor   | 设置值的文本颜色                            | number   | No       | iOS/Android | Yes               |
 | visible          | 设置值是否可见                              | bool     | No       | iOS/Android | Yes               |
-| valueFormatter   | 设置数据格式器                              | string   | No       | iOS/Android | Yes               |
+| valueFormatter   | 设置数据格式器                              | string   | No       | iOS/Android | NO                |
 | axisDependency   | 设置绘制此数据集所依据的 Y 轴（左轴或右轴） | string   | No       | iOS/Android | Yes               |
 
 #### barLineScatterCandleBubble
@@ -449,7 +449,7 @@ ohpm install
 | -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
 | barShadowColor             | 设置用于绘制条形阴影的颜色                           | number                                                       | No       | iOS/Android | Yes               |
 | highlightAlpha             | 设置用于绘制高光的 alpha 值（透明度                  | number                                                       | No       | iOS/Android | Yes               |
-| stackLabels                | 为不同值的条形栈设置标签                             | string[]                                                     | No       | iOS/Android | Yes               |
+| stackLabels                | 为不同值的条形栈设置标签                             | string[]                                                     | No       | iOS/Android | NO                |
 | common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
 | barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
 
@@ -554,7 +554,7 @@ ohpm install
 | drawCircles                | 将此值设置为 true 以启用此的圆圈指示器的绘制数据集，默认为 true | bool                                                         | No       | iOS/Android | Yes               |
 | mode                       | 设置 lineDataSet 的绘制模式                                     | object                                                       | No       | iOS/Android | Yes               |
 | lineWidth                  | 折线宽度                                                        | number                                                       | No       | iOS/Android | Yes               |
-| drawCubicIntensity         | 设置曲线弧度                                                    | number                                                       | No       | iOS/Android | Yes               |
+| drawCubicIntensity         | 设置曲线弧度                                                    | number                                                       | No       | iOS/Android | NO                |
 | circleColor                | 设置应该用于此数据集的唯一颜色                                  | number                                                       | No       | iOS/Android | Yes               |
 | circleColors               | 设置应该用于此数据集的颜色集                                    | number[]                                                     | No       | iOS/Android | Yes               |
 | circleHoleColor            | 设置线条圆的内圆的颜色。                                        | number                                                       | No       | iOS/Android | Yes               |
@@ -659,7 +659,13 @@ ohpm install
 ## 遗留问题
 
 ## 其他
-
+- [ ] 图例的maxSizePercent最大百分比属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/995)
+- [ ] 图例的custom属性，设置后会覆盖原有的图例，但自定义图例也不显示在Android和iOS中，属性不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/996)
+- [ ] logEnabled 会开启安卓特有的日志logcat和 highlights属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/998)
+- [ ] stackLabels 堆叠条形图设置无效果和 drawCubicIntensity 曲线角度属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/997)
+- [ ] 在Android和iOS visibleRange 最大大小百分比限制通过缩放和缩放可以看到的最大和最小x范围不起作用， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- [ ] keepPositionOnRotation旋转后保持图表原始位置属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- [ ] valueFormatter格式化数据属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/935)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://mitlicense.org/) ，请自由地享受和参与开源。

From 40d0f526b77ba0ca5a1e186666ee431c19c7dfcc Mon Sep 17 00:00:00 2001
From: zzy_sam <14696036+zzysam@user.noreply.gitee.com>
Date: Fri, 6 Sep 2024 08:24:55 +0000
Subject: [PATCH 501/966] =?UTF-8?q?!1480=20docs:=20[Issues:#IAP83C]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-input-scroll-view=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAP83C]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-input-scroll-view=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-input-scroll-view.md | 120 ++++++++++++++++++++++++
 1 file changed, 120 insertions(+)
 create mode 100644 zh-cn/react-native-input-scroll-view.md

diff --git a/zh-cn/react-native-input-scroll-view.md b/zh-cn/react-native-input-scroll-view.md
new file mode 100644
index 00000000..d75f2767
--- /dev/null
+++ b/zh-cn/react-native-input-scroll-view.md
@@ -0,0 +1,120 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-input-scroll-view</code> </h1>
+</p>
+<p align="center">
+    <a href=https://github.com/baijunjie/react-native-input-scroll-view>
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/baijunjie/react-native-input-scroll-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-input-scroll-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-input-scroll-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-input-scroll-view@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { StyleSheet, TextInput, View, TouchableOpacity, Text } from 'react-native';
+import InputScrollView from 'react-native-input-scroll-view';
+
+
+const keyboardOffsetInput = () => {
+    const [text, setText] = useState('');
+    return (
+        <View style={styles.container}>
+            <InputScrollView  keyboardOffset={100}>
+                <View style={styles.placeholder} />
+                <TextInput style={styles.input}
+                    value={text}
+                    multiline
+                    onChangeText={setText}
+                />
+            </InputScrollView>
+        </View>
+    );
+}
+
+
+const styles = StyleSheet.create({
+    container: {
+        backgroundColor: '#EEE',
+    },
+    placeholder: {
+        height: 400,
+        justifyContent: 'center',
+        alignItems: 'center',
+      },
+    input: {
+        margin: 20,
+        paddingVertical: 10,
+        paddingHorizontal: 20,
+        borderColor: 'gray',
+        borderWidth: 1,
+        backgroundColor: '#FFF',
+    },
+});
+
+export default keyboardOffsetInput;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                      | **Description**                                              | Type   | Required | **Default** | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------- | ----------------- |
+| topOffset                 | `InputScrollView` 相对于窗口顶部的偏移量。当屏幕包含 `TopBar` 时，通常设置为 `TopBar` 的高度。如果未明确设置，程序会自动判断，但是可能会引起问题。 [issues#43](https://github.com/baijunjie/react-native-input-scroll-view/issues/43)。 | number | false    | undefined   | iOS/Android | yes               |
+| keyboardOffset            | 当自动调整时，光标相对于键盘顶部的偏移量                     | number | false    | 40          | iOS/Android | yes               |
+| multilineInputStyle       | 如果你的多行输入框有特定的样式，那么为了光标能够精准调整到键盘上方，应该将多行文本的样式也设置在这里，主要包含 `fontSize`、`fontFamily`、`lineHeight` 等会影响到光标位置的样式属性。**注意，不要包含 `width` 和 `height`**。 | Style  | false    | null        | iOS/Android | yes               |
+| useAnimatedScrollView     | 用 `Animated.ScrollView` 组件替换 `ScrollView` 组件。        | bool   | false    | false       | iOS/Android | yes               |
+| supportHardwareKeyboard   | `beta` 如果你的设备不使用软键盘，可以尝试使用此参数解决问题。 [issues#69](https://github.com/baijunjie/react-native-input-scroll-view/issues/69) | bool   | false    | false       | iOS/Android | yes               |
+| keyboardAvoidingViewProps | `KeyboardAvoidingView` 组件的 Props。详细请查阅: https://facebook.github.io/react-native/docs/keyboardavoidingview | props  | false    | null        | iOS/Android | yes               |
+| ...ScrollView.props       | 继承 `ScrollView` 组件的所有属性。详细请查阅: https://facebook.github.io/react-native/docs/scrollview.html | props  | false    |             | iOS/Android | yes               |
+
+#### 
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/baijunjie/react-native-input-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 07331e657be2271689c88efe29909f345d0f0651 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Fri, 6 Sep 2024 08:32:08 +0000
Subject: [PATCH 502/966] =?UTF-8?q?!1472=20docs:=20[Issues:=20#IAOYNQ]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-graph=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAOYNQ]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-graph=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-graph.md | 159 ++++++++++++++++++++++++++++++++++++
 1 file changed, 159 insertions(+)
 create mode 100644 zh-cn/react-native-graph.md

diff --git a/zh-cn/react-native-graph.md b/zh-cn/react-native-graph.md
new file mode 100644
index 00000000..e099d660
--- /dev/null
+++ b/zh-cn/react-native-graph.md
@@ -0,0 +1,159 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-graph</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/margelo/react-native-graph">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/margelo/react-native-graph/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/margelo/react-native-graph)
+
+## 安装与使用
+
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-natvie-graph@1.1.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-natvie-graph@1.1.0
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+```ts
+import React, {  useState } from 'react'
+import { View, StyleSheet, Text, Button } from 'react-native'
+import { LineGraph } from 'react-native-graph'
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+interface GraphPoint {
+    value: number
+    date: Date
+  }
+interface GraphXRange {
+    min: Date;
+    max: Date;
+}
+interface GraphYRange {
+    min: number;
+    max: number;
+}
+interface GraphPathRange {
+    x: GraphXRange;
+    y: GraphYRange;
+}
+type GraphRange = Partial<GraphPathRange>;
+type Color = string | Float32Array | number | number[];
+
+export default function() {
+    const generateRandomGraphData=(length: number): GraphPoint[]=>{
+        return Array<number>(length)
+          .fill(0)
+          .map((_, index) => ({
+            date: new Date(
+              new Date(2000, 0, 1).getTime() + 1000 * 60 * 60 * 24 * index
+            ),
+            value: Math.random()*10,
+          }))
+      }
+    const POINT_COUNT=50
+      const POINTS = generateRandomGraphData(POINT_COUNT)
+      const [points, setPoints] = useState(POINTS)
+      const [isAnimated, setIsAnimated] = useState(true)
+      const [enablePanGesture, setEnablePanGesture] = useState(false)
+
+      const color='#dd4400'
+  
+      
+    return (
+        <View style={{ flex: 1 }}>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+        <Text>{`enablePanGesture value is ${enablePanGesture}`}</Text>
+        <LineGraph 
+        style={styles.graph}
+        animated={isAnimated}
+        color={color}
+        points={points}
+        enablePanGesture={enablePanGesture}
+        />
+        <Button title='change enablePanGesture' onPress={()=>setEnablePanGesture(!enablePanGesture)} />
+     </GestureHandlerRootView>
+    </View>
+    )
+
+}
+
+const styles = StyleSheet.create({
+
+    graph: {
+        alignSelf: 'center',
+        width: '100%',
+        aspectRatio: 1.4,
+        marginVertical: 20,
+      },
+})
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated , @react-native-oh-tpl/react-native-gesture-handler , @react-native-oh-tpl/react-native-skia 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-skia文档](/zh-cn/react-native-skia.md)、进行引入
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta5 5.0.0.60; IDE：DevEco Studio 5.0.3.655; ROM：3.0.0.60
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                          | Description                                     | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------------------- | ----------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `animated` | Whether to animate between data changes             | Boolean   | yes       | iOS/Android | yes               |
+| `points` | All points to be marked in the graph. Coordinate system will adjust to scale automatically.                   | GraphPoint[]   | yes       | iOS/Android | yes               |
+| `color`| Color of the graph line (path)              | String   | yes       | iOS/Android | yes               |
+| `enableFadeInMask` |Enable the Fade-In Gradient Effect at the beginning of the Graph| Boolean| no       | iOS/Android | yes               |
+| `lineThickness` |The width of the graph line (path)| Number | no       | iOS/Android | yes               |
+| `gradientFillColors` |(Optional) Colors for the fill gradient below the graph line| Color[] | no       | iOS/Android | yes               |
+| `range` |Range of the graph's x and y-axis. The range must be greaterthan the range given by the points| GraphRange | no       | iOS/Android | yes               |
+| `enablePanGesture`| Whether to enable the pan gesture.(animated Property must be true)              | Boolean   | no       | iOS/Android | yes               |
+| `horizontalPadding` | Horizontal padding applied to graph, so the pan gesture dot doesn't get cut off horizontally(animated Property must be true)      | Number   | no       | iOS/Android | yes               |
+| `verticalPadding`| Vertical padding applied to graph, so the pan gesture dot doesn't get cut off vertically(animated Property must be true) | Number  | no       | iOS/Android | yes               |
+| `enableIndicator`| Enables an indicator which is displayed at the end of the graph(animated Property must be true)  | Boolean  | no       | iOS/Android | yes               |
+| `indicatorPulsating`  | Let's the indicator pulsate(animated GraphEnableIndicator Property must be true) | Boolean  | no       | iOS/Android | yes               |
+| `panGestureDelay`| Delay after which the pan gesture starts(animated enablePanGesture Property must be true)`}| Number  | no       | iOS/Android | yes               |
+| `onPointSelected`  | Called for each point while the user is scrubbing/panning through the graph(animated enablePanGesture Property must be true)| (point: GraphPoint) => void | no       | iOS/Android | yes               |
+| `onGestureStart` |Called once the user starts scrubbing/panning through the graph (animated enablePanGesture Property must be true)|  () => void | no       | iOS/Android | yes               |
+| `onGestureEnd` |Called once the user stopped scrubbing/panning through the graph (animated enablePanGesture Property must be true)| () => void | no       | iOS/Android | yes               |
+| `SelectionDot`|The element that renders the selection dot(animated enablePanGesture Property must be true)| React.ComponentType\<SelectionDotProps> \| null | no       | iOS/Android | yes               |
+| `TopAxisLabel` |The element that gets rendered above the Graph (usually the "max" point/value of the Graph)(animated Property must be true)| React.ReactElement \| null | no       | iOS/Android | yes               |
+| `BottomAxisLabel` |The element that gets rendered below the Graph (usually the "min" point/value of the Graph)(animated Property must be true)| React.ReactElement \| null | no       | iOS/Android | yes               |
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/margelo/react-native-graph/blob/main/LICENSE) ，请自由地享受和参与开源。
+

From ce732d12cbfe1f123642812ec52c5847aca58922 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Mon, 9 Sep 2024 01:55:34 +0000
Subject: [PATCH 503/966] =?UTF-8?q?!1457=20docs:=20[Issues:=20#IAO71S]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-navigation-bottom-sheet=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAO71S]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-navigation-bottom-sheet=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-navigation-bottom-sheet.md | 271 +++++++++++++++++++++++++
 1 file changed, 271 insertions(+)
 create mode 100644 zh-cn/react-navigation-bottom-sheet.md

diff --git a/zh-cn/react-navigation-bottom-sheet.md b/zh-cn/react-navigation-bottom-sheet.md
new file mode 100644
index 00000000..5202d304
--- /dev/null
+++ b/zh-cn/react-navigation-bottom-sheet.md
@@ -0,0 +1,271 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@th3rdwave/react-navigation-bottom-sheet</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/th3rdwave/react-navigation-bottom-sheet">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/th3rdwave/react-navigation-bottom-sheet/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/th3rdwave/react-navigation-bottom-sheet)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @th3rdwave/react-navigation-bottom-sheet@0.3.2
+```
+
+#### **yarn**
+
+```bash
+yarn add @th3rdwave/react-navigation-bottom-sheet@0.3.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!TIP] 本示例依赖 react-native-gesture-handler 库，参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入。
+
+```js
+import * as React from 'react';
+import { StyleSheet, Dimensions, View, Button, Text } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import {
+  BottomSheetBackdrop,
+  BottomSheetBackdropProps,
+} from '@gorhom/bottom-sheet';
+import { NavigationContainer } from '@react-navigation/native';
+import {
+  BottomSheetScreenProps,
+  createBottomSheetNavigator,
+} from '@th3rdwave/react-navigation-bottom-sheet';
+
+
+type BottomSheetParams = {
+  Home: undefined;
+  Sheet: { id: number };
+  BigSheet: { id: number };
+};
+
+const BottomSheet = createBottomSheetNavigator<BottomSheetParams>();
+
+function HomeScreen({
+  navigation,
+}: BottomSheetScreenProps<BottomSheetParams, 'Home'>) {
+  return (
+    <View style={styles.container}>
+      <Text style={{ color: 'black' }}>Home Screen</Text>
+      <View style={styles.spacer} />
+      <Button
+        title="Open sheet"
+        onPress={() => {
+          navigation.navigate('Sheet', { id: 1 });
+        }}
+      />
+      <View style={styles.spacer} />
+      <Button
+        title="Open a big sheet"
+        onPress={() => {
+          navigation.navigate('BigSheet', { id: 1 });
+        }}
+      />
+    </View>
+  );
+}
+
+function SheetScreen({
+  route,
+  navigation,
+}: BottomSheetScreenProps<BottomSheetParams, 'Sheet'>) {
+  let timer: any = null
+
+  React.useEffect(() => {
+    return () => {
+      clearTimeout(timer)
+    }
+  })
+
+  return (
+    <View style={[styles.container, styles.content]}>
+      <Text>Sheet Screen {route.params.id}</Text>
+      <View style={styles.spacer} />
+      <Button
+        title="Open new sheet"
+        onPress={() => {
+          navigation.navigate('Sheet', { id: route.params.id + 1 });
+        }}
+      />
+      <View style={styles.spacer} />
+      <Button
+        title="Open new big sheet"
+        onPress={() => {
+          navigation.navigate('BigSheet', { id: route.params.id + 1 });
+        }}
+      />
+      <View style={styles.spacer} />
+      <Button
+        title="Close this sheet"
+        onPress={() => {
+          navigation.goBack();
+        }}
+      />
+      <View style={styles.spacer} />
+      {route.name === ('BigSheet' as unknown) && (
+        <>
+          <Button
+            title="Snap to top"
+            onPress={() => {
+              timer = setTimeout(() => {
+                navigation.snapTo(1);
+              })
+            }}
+          />
+        </>
+      )}
+    </View>
+  );
+}
+
+const renderBackdrop = (props: BottomSheetBackdropProps) => (
+  <BottomSheetBackdrop {...props} appearsOnIndex={0} disappearsOnIndex={-1} />
+);
+
+function SimpleExample() {
+  return (
+    <NavigationContainer>
+      <BottomSheet.Navigator
+        screenOptions={{
+          backdropComponent: renderBackdrop,
+        }}
+      >
+        <BottomSheet.Screen name="Home" component={HomeScreen} />
+        <BottomSheet.Screen
+          name="Sheet"
+          component={SheetScreen}
+          getId={({ params }) => `sheet-${params.id}`}
+        />
+        <BottomSheet.Screen
+          name="BigSheet"
+          component={SheetScreen}
+          options={{
+            snapPoints: ['70%', '90%'],
+          }}
+          getId={({ params }) => `sheet-${params.id}`}
+        />
+      </BottomSheet.Navigator>
+    </NavigationContainer>
+  );
+}
+
+export function BottomExample() {
+  return (
+    <GestureHandlerRootView style={styles.container1}>
+        <SimpleExample />
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container1: {
+    flex: 1,
+  },
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  content: {
+    marginVertical: 20,
+  },
+  spacer: {
+    margin: 5,
+  },
+  bottom: {
+    display: 'flex',
+    flexDirection: 'row'
+  }
+});
+
+```
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK: HarmonyOS-NEXT-DB6 5.0.0.61 (API Version 12 Beta6); IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+### Navigation options
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| snapPoints  | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number and string.    | Array<string>  | YES | ALL      | YES |
+| backgroundStyle  | View style to be applied to the background component.    | ViewStyle  | NO | ALL      | YES |
+| index  | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state.    | number  | NO | ALL      | YES |
+| detached  | Defines whether the bottom sheet is attached to the bottom or no.  | boolean  | NO | ALL      | YES |
+| overDragResistanceFactor  | Defines how violently sheet has to be stopped while over dragging.  | number  | NO |   ALL    | YES |
+| enableOverDrag  | Enable over drag for the sheet.  | boolean  | NO |   ALL    | YES |
+| enablePanDownToClose  | Enable pan down gesture to close the sheet.  | boolean  | NO |ALL| YES |
+| enableHandlePanningGesture  | Enable handle panning gesture interaction.  | boolean  | NO |ALL| YES |
+| enableContentPanningGesture  | Enable content panning gesture interaction. | boolean  | NO |ALL| YES |
+| enableDynamicSizing  | Enable dynamic sizing for content view and scrollable content size.  | boolean  | NO | ALL      | YES |
+| animateOnMount  | This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index.  | boolean  | NO | ALL      | YES |
+| style  | View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet.  | ViewStyle  | NO | ALL      | YES |
+| handleStyle  | View style to be applied to the handle component. | ViewStyle   | NO | ALL      | YES |
+| handleIndicatorStyle  | View style to be applied to the handle indicator component. | ViewStyle  | NO | ALL      | YES |
+| handleHeight  | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.| number  | NO | ALL      | YES |
+| contentHeight  | Content height helps dynamic snap points calculation.| number  | NO | ALL      | YES |
+| topInset  | Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.| number  | NO | ALL      | YES |
+| bottomInset  |Bottom inset to be added to the bottom sheet container.| number  | NO | ALL      | YES |
+| maxDynamicContentSize  |Max dynamic content size height to limit the bottom sheet height from exceeding a provided size.| number  | NO |    ALL     | YES |
+| keyboardBehavior  |Defines the keyboard appearance behavior.| 'extend' or 'fillParent' or 'interactive'  | NO |NO| NO |
+| keyboardBlurBehavior  |Defines the keyboard blur behavior.| 'none' or 'restore'  | NO |    NO   | NO |
+| animationConfigs  |Animation configs, this could be created by:|function  | NO |   ALL    | YES |
+| handleComponent  |Component to be placed as a sheet handle.|React.FC\<BottomSheetHandleProps>  | NO | ALL      | YES |
+| backdropComponent  |Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually.|React.FC\<BottomSheetBackgroundProps>  | NO | ALL      | YES |
+| backgroundComponent  |Component to be placed as a sheet background.|React.FC\<BottomSheetBackgroundProps> | NO | ALL      | YES |
+| footerComponent  |Component to be placed as a sheet footer.|React.FC\<BottomSheetFooterProps>  | NO | ALL      | YES |
+
+
+### Navigation helpers
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| snapTo  | Snaps the current sheet to index.    | (index: number) => void  | NO | ALL      | YES |
+
+
+## 遗留问题
+
+## 其他
+- keyboardBehavior属性暂不支持，与iOS表现一致。[issue#24](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/24)
+- keyboardBlurBehavior属性暂不支持，与iOS表现一致。[issue#25](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/25)
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT )](https://github.com/th3rdwave/react-navigation-bottom-sheet/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 2d5c3052a86a3f61f87934215acaf730758a8b5d Mon Sep 17 00:00:00 2001
From: zxh <2504211630@qq.com>
Date: Mon, 9 Sep 2024 02:01:35 +0000
Subject: [PATCH 504/966] =?UTF-8?q?!1471=20docs:=20[Issues:=20#IAOURD]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-ui-lib=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAOURD]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-ui-lib=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-ui-lib.md | 1653 ++++++++++++++++++++++++++++++++++
 1 file changed, 1653 insertions(+)
 create mode 100644 zh-cn/react-native-ui-lib.md

diff --git a/zh-cn/react-native-ui-lib.md b/zh-cn/react-native-ui-lib.md
new file mode 100644
index 00000000..b45c7668
--- /dev/null
+++ b/zh-cn/react-native-ui-lib.md
@@ -0,0 +1,1653 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-ui-lib</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wix/react-native-ui-lib">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wix/react-native-ui-lib/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ui-lib)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases)，并下载适用版本的 tgz 包。
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated和 @react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在 HarmonyOS 工程中引入过这些库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参考[@react-native-oh-tpl/react-native-reanimated文档](/zh-cn/react-native-reanimated.md)和[@react-native-oh-tpl/react-native-gesture-handler文档](/zh-cn/react-native-gesture-handler.md)进行引入。
+
+下面是根据使用组件情况按需引入依赖项:
+
+- [@react-native-community/blur](/zh-cn/react-native-community-blur.md) （Card 组件）
+
+- [@react-native-community/datetimepicker](/zh-cn/react-native-community-datetimepicker.md) （DateTimePicker 组件）
+- [@react-native-community/netinfo](/zh-cn/react-native-community-netinfo.md) （ConnectionStatusBar 组件）
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-ui-lib@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-ui-lib@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, {Component} from 'react';
+import {Colors, Typography, Spacings, ThemeManager, View, Text, Card, Button} from 'react-native-ui-lib';
+
+Colors.loadColors({
+  primaryColor: '#2364AA',
+  secondaryColor: '#81C3D7',
+  textColor: '##221D23',
+  errorColor: '#E63B2E',
+  successColor: '#ADC76F',
+  warnColor: '##FF963C'
+});
+
+Typography.loadTypographies({
+  heading: {fontSize: 36, fontWeight: '600'},
+  subheading: {fontSize: 28, fontWeight: '500'},
+  body: {fontSize: 18, fontWeight: '400'}
+});
+
+Spacings.loadSpacings({
+  page: 20,
+  card: 12,
+  gridGutter: 16
+});
+
+// with plain object
+ThemeManager.setComponentTheme('Card', {
+  borderRadius: 8
+});
+
+// with a dynamic function
+ThemeManager.setComponentTheme('Button', (props, context) => {
+  // 'square' is not an original Button prop, but a custom prop that can
+  // be used to create different variations of buttons in your app
+  if (props.square) {
+    return {
+      borderRadius: 0
+    };
+  }
+});
+
+class MyScreen extends Component {
+  render() {
+    return (
+      <View flex padding-page>
+        <Text heading marginB-s4>
+          My Screen
+        </Text>
+        <Card height={100} center padding-card marginB-s4>
+          <Text body>This is an example card </Text>
+        </Card>
+
+        <Button label="Button" body bg-primaryColor square></Button>
+      </View>
+    );
+  }
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-ui-lib": "file:../../node_modules/@react-native-oh-tpl/react-native-ui-lib/harmony/ui_lib.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 UiLibPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-ui-lib/src/main/cpp" ./ui-lib)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_ui_lib)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "UiLibPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<UiLibPackage>(ctx),
+    };
+}
+```
+
+### 在 ArkTs 侧引入 HighlighterView组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { HighlighterView } from "@react-native-oh-tpl/react-native-ui-lib";
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === HighlighterView.NAME) {
++   HighlighterView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ HighlighterView.NAME
+  ];
+```
+
+### 在 ArkTs 侧引入 UiLibPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { UiLibPackage } from '@react-native-oh-tpl/react-native-ui-lib/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new UiLibPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases)
+
+
+
+## 组件
+
+详细请查看 [react-native-ui-lib的文档介绍](https://wix.github.io/react-native-ui-lib/docs/getting-started/setup)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Text**：文本组件，该组件扩展了[Text](https://reactnative.dev/docs/text)属性。
+
+| Name            | Description                                                  | Type                                | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
+| animated        | Use Animated.Text as a container                             | boolean                             | no       | iOS/Android | yes               |
+| center          | Whether to center the text (using textAlign)                 | boolean                             | no       | iOS/Android | yes               |
+| color           | Color of the text                                            | string                              | no       | iOS/Android | yes               |
+| highlightString | Substring to highlight. Can be a simple string or a HighlightStringProps object, or an array of the above | HighlightString \|HighlightString[] | no       | iOS/Android | yes               |
+| highlightStyle  | Custom highlight style for highlight string                  | TextStyle                           | no       | iOS/Android | yes               |
+| recorderTag     | Recorder Tag                                                 | 'mask' \|'unmask'                   | no       | iOS/Android | yes               |
+| underline       | Whether to add an underline                                  | boolean                             | no       | iOS/Android | yes               |
+| uppercase       | Whether to change the text to uppercase                      | boolean                             | no       | iOS/Android | yes               |
+
+**TouchableOpacity**：触摸反馈透明度组件，该组件扩展了[TouchableOpacity](https://reactnative.dev/docs/touchableopacity)属性。
+
+| Name                  | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| activeBackgroundColor | Apply background color on TouchableOpacity when active (press is on) | string                                                       | no       | iOS/Android | yes               |
+| backgroundColor       | Background color for TouchableOpacity                        | string                                                       | no       | iOS/Android | yes               |
+| customValue           | Custom value of any type to pass on to TouchableOpacity and receive back in onPress callback | any                                                          | no       | iOS/Android | yes               |
+| onPress               | On press callback                                            | (props?: TouchableOpacityProps & {event: GestureResponderEvent} \|any) => void | no       | iOS/Android | yes               |
+| recorderTag           | Recorder Tag                                                 | 'mask'\|'unmask'                                             | no       | iOS/Android | yes               |
+| style                 | Custom style                                                 | ViewStyle                                                    | no       | iOS/Android | yes               |
+| throttleOptions       | Throttle options                                             | ThrottleOptions                                              | no       | iOS/Android | yes               |
+| throttleTime          | Throttle time in MS for onPress callback                     | number                                                       | no       | iOS/Android | yes               |
+| useNative             | Should use an enhanced native implementation with extra features | boolean                                                      | no       | iOS/Android | yes               |
+
+**View**：容器组件，该组件扩展了[View](https://reactnative.dev/docs/view)属性。
+
+| Name            | Description                                                  | Type             | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| animated        | Use Animate.View as a container                              | boolean          | no       | iOS/Android | yes               |
+| backgroundColor | Set background color                                         | string           | no       | iOS/Android | yes               |
+| inaccessible    | Turn off accessibility for this view and its nested children | boolean          | no       | iOS/Android | yes               |
+| reanimated      | Use Animate.View (from react-native-reanimated) as a container | boolean          | no       | iOS/Android | yes               |
+| recorderTag     | Recorder Tag                                                 | 'mask'\|'unmask' | no       | iOS/Android | yes               |
+| renderDelay     | Experimental: Pass time in ms to delay render                | number           | no       | iOS/Android | yes               |
+| style           | Custom style                                                 | ViewStyle        | no       | iOS/Android | yes               |
+| useSafeArea     | If true, will render as SafeAreaView                         | boolean          | no       | iOS/Android | yes               |
+
+**ActionBar**：快速操作栏，每个操作都支持按钮组件道具，该组件扩展了[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)属性。
+
+| Name            | Description                                                  | Type          | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------- | -------- | ----------- | ----------------- |
+| actions         | The actions for the action bar                               | ButtonProps[] | no       | iOS/Android | yes               |
+| backgroundColor | Background color                                             | string        | no       | iOS/Android | yes               |
+| centered        | Should action be equally centered                            | boolean       | no       | iOS/Android | yes               |
+| height          | Height                                                       | number        | no       | iOS/Android | yes               |
+| keepRelative    | Keep the action bar position relative instead of it absolute position | boolean       | no       | iOS/Android | yes               |
+| style           | Component's style                                            | ViewStyle     | no       | iOS/Android | yes               |
+| useSafeArea     | In iOS, use safe area, in case component attached to the bottom | boolean       | no       | iOS/Android | yes               |
+
+**Button**：按钮组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)属性。
+
+| Name                     | Description                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
+| :----------------------- | ------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| animateLayout            | should animate layout change. Note: For Android you must set ' setLayoutAnimationEnabledExperimental (true) ' via RN's 'UIManager' | boolean                                         | no       | iOS/Android | yes               |
+| animateTo                | the direction of the animation ('left' and 'right' will effect the button's own alignment) | ButtonAnimationDirection                        | no       | iOS/Android | yes               |
+| avoidInnerPadding        | avoid inner button padding                                   | boolean                                         | no       | iOS/Android | yes               |
+| avoidMinWidth            | avoid minimum width constraints                              | boolean                                         | no       | iOS/Android | yes               |
+| backgroundColor          | Color of the button background                               | string                                          | no       | iOS/Android | yes               |
+| borderRadius             | Custom border radius.                                        | number                                          | no       | iOS/Android | yes               |
+| color                    | The Button text color (inherited from Text component)        | string                                          | no       | iOS/Android | yes               |
+| disabled                 | Disable interactions for the component                       | boolean                                         | no       | iOS/Android | yes               |
+| disabledBackgroundColor  | Color of the disabled button background                      | string                                          | no       | iOS/Android | yes               |
+| enableShadow             | Control shadow visibility (iOS-only)                         | boolean                                         | no       | iOS         | no                |
+| fullWidth                | should the button act as a coast to coast button (no border radius) | boolean                                         | no       | iOS/Android | yes               |
+| getActiveBackgroundColor | callback for getting activeBackgroundColor (e.g. (calculatedBackgroundColor, prop) => {...}). Better set using ThemeManager | (backgroundColor: string, props: any) => string | no       | iOS/Android | yes               |
+| hyperlink                | Button will look like a hyperlink                            | boolean                                         | no       | iOS/Android | yes               |
+| iconOnRight              | Should the icon be right to the label                        | boolean                                         | no       | iOS/Android | yes               |
+| iconProps                | Icon image props                                             | Partial<ImageProps>                             | no       | iOS/Android | yes               |
+| iconSource               | Icon image source or a callback function that returns a source | ImageProps['source']\|Function                  | no       | iOS/Android | yes               |
+| iconStyle                | Icon image style                                             | ImageStyle                                      | no       | iOS/Android | yes               |
+| label                    | Text to show inside the button                               | string                                          | no       | iOS/Android | yes               |
+| labelProps               | Props that will be passed to the button's Text label.        | TextProps                                       | no       | iOS/Android | yes               |
+| labelStyle               | Additional styles for label text                             | TextStyle                                       | no       | iOS/Android | yes               |
+| link                     | Button will look like a link                                 | boolean                                         | no       | iOS/Android | yes               |
+| linkColor                | label color for when it's displayed as link or hyperlink     | string                                          | no       | iOS/Android | yes               |
+| onPress                  | Actions handler                                              | (props: any) => void                            | no       | iOS/Android | yes               |
+| outline                  | Button will have outline style                               | boolean                                         | no       | iOS/Android | yes               |
+| outlineColor             | The outline color                                            | string                                          | no       | iOS/Android | yes               |
+| outlineWidth             | The outline width                                            | number                                          | no       | iOS/Android | yes               |
+| round                    | should the button be a round button                          | boolean                                         | no       | iOS/Android | yes               |
+| size                     | Size of the button [large, medium, small, xSmall]            | ButtonSize                                      | no       | iOS/Android | yes               |
+| supportRTL               | whether the icon should flip horizontally on RTL locals      | boolean                                         | no       | iOS/Android | yes               |
+
+**Checkbox**：复选框组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)属性。
+
+| Name             | Description                                                  | Type                       | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------------------------- | -------- | ----------- | ----------------- |
+| borderRadius     | The Checkbox border radius                                   | number                     | no       | iOS/Android | yes               |
+| color            | The Checkbox color                                           | string                     | no       | iOS/Android | yes               |
+| containerStyle   | Custom styling for the checkbox and label container          | ViewStyle                  | no       | iOS/Android | yes               |
+| disabled         | Whether the checkbox should be disabled                      | boolean                    | no       | iOS/Android | yes               |
+| iconColor        | The selected icon color                                      | string                     | no       | iOS/Android | yes               |
+| label            | Add a label to the Checkbox                                  | string                     | no       | iOS/Android | yes               |
+| labelProps       | Props to pass on to the label component                      | TextProps                  | no       | iOS/Android | yes               |
+| labelStyle       | Pass to style the label                                      | TextStyle                  | no       | iOS/Android | yes               |
+| onChangeValidity | Callback for when field validity has changed                 | (isValid: boolean) => void | no       | iOS/Android | yes               |
+| onValueChange    | Callback function for value change event                     | (value) => void            | no       | iOS/Android | yes               |
+| outline          | Alternative Checkbox outline style                           | boolean                    | no       | iOS/Android | yes               |
+| required         | Whether the checkbox is required                             | boolean                    | no       | iOS/Android | yes               |
+| selectedIcon     | The icon asset to use for the selected indication            | ImageRequireSource         | no       | iOS/Android | yes               |
+| size             | The Checkbox size, affect both width and height              | number                     | no       | iOS/Android | yes               |
+| style            | Custom styling for the Checkbox                              | ViewStyle                  | no       | iOS/Android | yes               |
+| value            | The Checkbox value. If true the switch will be turned on. Default value is false | boolean                    | no       | iOS/Android | yes               |
+
+**Chip**：芯片组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)，[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)属性。
+
+| Name                  | Description                                                  | Type                                      | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ----------------------------------------- | -------- | ----------- | ----------------- |
+| avatarProps           | Avatar props object                                          | AvatarProps                               | no       | iOS/Android | yes               |
+| backgroundColor       | Background color                                             | string                                    | no       | iOS/Android | yes               |
+| badgeProps            | Badge props object                                           | BadgeProps                                | no       | iOS/Android | yes               |
+| borderRadius          | Border radius                                                | number                                    | no       | iOS/Android | yes               |
+| containerStyle        | Component's container style                                  | ViewStyle                                 | no       | iOS/Android | yes               |
+| dismissColor          | Dismiss color                                                | string                                    | no       | iOS/Android | yes               |
+| dismissContainerStyle | Dismiss container style                                      | ImageStyle                                | no       | iOS/Android | yes               |
+| dismissIcon           | Dismiss asset                                                | ImageSourcePropType                       | no       | iOS/Android | yes               |
+| dismissIconStyle      | Dismiss style                                                | ImageStyle                                | no       | iOS/Android | yes               |
+| iconProps             | Additional icon props                                        | Omit<ImageProps, 'source'>                | no       | iOS/Android | yes               |
+| iconSource            | Left icon's source                                           | ImageSourcePropType                       | no       | iOS/Android | yes               |
+| iconStyle             | Icon style                                                   | ImageStyle                                | no       | iOS/Android | yes               |
+| label                 | Main Chip text                                               | string                                    | no       | iOS/Android | yes               |
+| labelStyle            | Label's style                                                | TextStyle                                 | no       | iOS/Android | yes               |
+| leftElement           | Left custom element                                          | JSX.Element                               | no       | iOS/Android | yes               |
+| onDismiss             | Adds a dismiss button and serves as its callback             | (props: any) => void                      | no       | iOS/Android | yes               |
+| onPress               | On Chip press callback                                       | (props: any) => void                      | no       | iOS/Android | yes               |
+| resetSpacings         | Disables all internal elements default spacings. Helps reach a custom design | boolean                                   | no       | iOS/Android | yes               |
+| rightElement          | Right custom element                                         | JSX.Element                               | no       | iOS/Android | yes               |
+| rightIconSource       | Right icon's source                                          | ImageSourcePropType                       | no       | iOS/Android | yes               |
+| size                  | Chip's size. Number or a width and height object             | number\|{{width: number, height: number}} | no       | iOS/Android | yes               |
+| testID                | The test id for e2e tests                                    | string                                    | no       | iOS/Android | yes               |
+| useCounter            | Display badge as counter (no background)                     | boolean                                   | no       | iOS/Android | yes               |
+| useSizeAsMinimum      | Uses size as minWidth and minHeight                          | boolean                                   | no       | iOS/Android | yes               |
+
+**RadioButton**：单选按钮组件。
+
+| Name           | Description                                                  | Type                        | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------- | ----------------- |
+| borderRadius   | The radio button border radius                               | number                      | no       | iOS/Android | yes               |
+| color          | The color of the radio button                                | string                      | no       | iOS/Android | yes               |
+| containerStyle | Additional styling for the container                         | ViewStyle                   | no       | iOS/Android | yes               |
+| contentOnLeft  | Should the content be rendered left to the button            | boolean                     | no       | iOS/Android | yes               |
+| disabled       | Whether the radio button should be disabled                  | boolean                     | no       | iOS/Android | yes               |
+| iconOnRight    | Should the icon be on the right side of the label            | boolean                     | no       | iOS/Android | yes               |
+| iconSource     | Icon image source                                            | ImageSource                 | no       | iOS/Android | yes               |
+| iconStyle      | Icon image style                                             | ImageStyle                  | no       | iOS/Android | yes               |
+| label          | A label for the radio button description                     | string                      | no       | iOS/Android | yes               |
+| labelStyle     | Label style                                                  | TextStyle                   | no       | iOS/Android | yes               |
+| onPress        | Invoked when pressing the button                             | (selected: boolean) => void | no       | iOS/Android | yes               |
+| selected       | When using RadioButton without a RadioGroup, use this prop to toggle selection | boolean                     | no       | iOS/Android | yes               |
+| size           | The size of the radio button, affect both width & height     | number                      | no       | iOS/Android | yes               |
+| value          | The identifier value of the radio button. must be different than other RadioButtons in the same group | string \| number \| boolean | no       | iOS/Android | yes               |
+
+**RadioGroup**：包裹单选按钮组件，和RadioButton配合使用。
+
+| Name          | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| initialValue  | The initial value of the selected radio button               | string \| number \| boolean                                  | no       | iOS/Android | yes               |
+| onValueChange | Invoked once when value changes, by selecting one of the radio buttons in the group | ((value?: string) => void)\|((value?: number) => void)\|((value?: boolean) => void)\|((value?: any) => void) | no       | iOS/Android | yes               |
+
+**Slider**：滑块组件。
+
+| Name                  | Description                                                  | Type                                 | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ------------------------------------ | -------- | ----------- | ----------------- |
+| accessible            | If true the component will have accessibility features enabled | boolean                              | no       | iOS/Android | yes               |
+| activeThumbStyle      | The active (during press) thumb style                        | ViewStyle                            | no       | iOS/Android | yes               |
+| containerStyle        | The container style                                          | ViewStyle                            | no       | iOS/Android | yes               |
+| disableActiveStyling  | If true the Slider will not change it's style on press       | boolean                              | no       | iOS/Android | yes               |
+| disableRTL            | If true the Slider will stay in LTR mode even if the app is on RTL mode | boolean                              | no       | iOS/Android | yes               |
+| disabled              | If true the Slider will be disabled and will appear in disabled color | boolean                              | no       | iOS/Android | yes               |
+| initialMaximumValue   | Only when `useRange` is true, Initial maximum value          | number                               | no       | iOS/Android | yes               |
+| initialMinimumValue   | Only when `useRange` is true, Initial minimum value          | number                               | no       | iOS/Android | yes               |
+| maximumTrackTintColor | The track color                                              | string                               | no       | iOS/Android | yes               |
+| maximumValue          | Track maximum value                                          | number                               | no       | iOS/Android | yes               |
+| migrate               | Temporary prop required for migration to the Slider's new implementation | boolean                              | no       | iOS/Android | yes               |
+| minimumTrackTintColor | The color used for the track from minimum value to current value | string                               | no       | iOS/Android | yes               |
+| minimumValue          | Track minimum value                                          | number                               | no       | iOS/Android | yes               |
+| onRangeChange         | Callback for onRangeChange. Returns values object with the min and max values | SliderOnRangeChange                  | no       | iOS/Android | yes               |
+| onReset               | Callback that notifies when the reset function was invoked   | () => void                           | no       | iOS/Android | yes               |
+| onSeekEnd             | Callback that notifies about slider seeking is finished      | () => void                           | no       | iOS/Android | yes               |
+| onSeekStart           | Callback that notifies about slider seeking is started       | () => void                           | no       | iOS/Android | yes               |
+| onValueChange         | Callback for onValueChange                                   | SliderOnValueChange                  | no       | iOS/Android | yes               |
+| renderTrack           | Custom render instead of rendering the track                 | () => ReactElement \| ReactElement[] | no       | iOS/Android | yes               |
+| step                  | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue) | number                               | no       | iOS/Android | yes               |
+| testID                | The component test id                                        | string                               | no       | iOS/Android | yes               |
+| thumbStyle            | The thumb style                                              | ViewStyle                            | no       | iOS/Android | yes               |
+| thumbTintColor        | Thumb color                                                  | string                               | no       | iOS/Android | yes               |
+| trackStyle            | The track style                                              | ViewStyle                            | no       | iOS/Android | yes               |
+| useGap                | If true the min and max thumbs will not overlap              | boolean                              | no       | iOS/Android | yes               |
+| useRange              | If true the Slider will display a second thumb for the min value | boolean                              | no       | iOS/Android | yes               |
+| value                 | Initial value                                                | number                               | no       | iOS/Android | yes               |
+
+**Switch**：开关切换组件。
+
+| Name          | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+| disabled      | Whether the switch should be disabled                        | boolean                  | no       | iOS/Android | yes               |
+| disabledColor | The Switch background color when it's disabled               | string                   | no       | iOS/Android | yes               |
+| height        | The Switch height                                            | number                   | no       | iOS/Android | yes               |
+| id            | Component id                                                 | string                   | no       | iOS/Android | yes               |
+| offColor      | The Switch background color when it's turned off             | string                   | no       | iOS/Android | yes               |
+| onColor       | The Switch background color when it's turned on              | string                   | no       | iOS/Android | yes               |
+| onValueChange | Invoked with the new value when the value changes            | (value: boolean) => void | no       | iOS/Android | yes               |
+| style         | Custom style                                                 | ViewStyle                | no       | iOS/Android | yes               |
+| testID        | Component test id                                            | string                   | no       | iOS/Android | yes               |
+| thumbColor    | The Switch's thumb color                                     | string                   | no       | iOS/Android | yes               |
+| thumbSize     | The Switch's thumb size (width & height)                     | number                   | no       | iOS/Android | yes               |
+| thumbStyle    | The Switch's thumb style                                     | ViewStyle                | no       | iOS/Android | yes               |
+| value         | The value of the switch. If true the switch will be turned on. Default value is false | boolean                  | no       | iOS/Android | yes               |
+| width         | The Switch width                                             | number                   | no       | iOS/Android | yes               |
+
+**ChipsInput**：芯片输入组件，该组件扩展了[TextField](https://wix.github.io/react-native-ui-lib/docs/components/form/TextField)属性。
+
+| Name             | Description                                          | Type                                          | Required | Platform    | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------- | --------------------------------------------- | -------- | ----------- | ----------------- |
+| chips            | List of chips to render                              | ChipProps[]                                   | no       | iOS/Android | yes               |
+| defaultChipProps | Default set of props to pass by default to all chips | ChipProps                                     | no       | iOS/Android | yes               |
+| maxChips         | The maximum chips to allow adding                    | number                                        | no       | iOS/Android | yes               |
+| onChange         | Callback for chips change (adding or removing chip)  | (newChips, changeReason, updatedChip) => void | no       | iOS/Android | yes               |
+
+**ColorPalette**：调色板组件。
+
+| Name            | Description                                                  | Type                                          | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | --------------------------------------------- | -------- | ----------- | ----------------- |
+| animatedIndex   | Default is last，The index of the item to animate at first render | number                                        | no       | iOS/Android | yes               |
+| backgroundColor | The ColorPalette's background color                          | string                                        | no       | iOS/Android | yes               |
+| colors          | Array of colors to render in the palette                     | string[]                                      | no       | iOS/Android | yes               |
+| containerStyle  | Component's container style                                  | ViewStyle                                     | no       | iOS/Android | yes               |
+| containerWidth  | The container margins                                        | number                                        | no       | iOS/Android | yes               |
+| loop            | Whether the colors pagination scrolls in a loop              | boolean                                       | no       | iOS/Android | yes               |
+| numberOfRows    | The number of color rows from 2 to 5                         | number                                        | no       | iOS/Android | yes               |
+| onValueChange   | Invoked once when value changes by selecting one of the swatches in the palette | (value: string, colorInfo: ColorInfo) => void | no       | iOS/Android | yes               |
+| style           | Component's style                                            | ViewStyle                                     | no       | iOS/Android | yes               |
+| swatchStyle     | Style to pass all the ColorSwatches in the palette           | ViewStyle                                     | no       | iOS/Android | yes               |
+| testID          | The test id for e2e tests                                    | string                                        | no       | iOS/Android | yes               |
+| usePagination   | Whether to use pagination when number of colors exceeds the number of rows | boolean                                       | no       | iOS/Android | yes               |
+| value           | The value of the selected swatch                             | string                                        | no       | iOS/Android | yes               |
+
+**ColorPicker**：选色器组件。
+
+| Name                | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| accessibilityLabels | Accessibility labels as an object of strings                 | { addButton: string, dismissButton: string, doneButton: string, input: string} | no       | iOS/Android | yes               |
+| animatedIndex       | Default is last，The index of the item to animate at first render | number                                                       | no       | iOS/Android | yes               |
+| backgroundColor     | The ColorPicker's background color                           | string                                                       | no       | iOS/Android | yes               |
+| colors              | Array of colors for the picker's color palette (hex values)  | string[]                                                     | no       | iOS/Android | yes               |
+| onValueChange       | Callback for the picker's color palette change               | (value: string, colorInfo: ColorInfo) => void                | no       | iOS/Android | yes               |
+| testID              | The test id for e2e tests                                    | string                                                       | no       | iOS/Android | yes               |
+| value               | The value of the selected swatch                             | string                                                       | no       | iOS/Android | yes               |
+
+**ColorSwatch**：颜色样板组件。
+
+| Name        | Description                                                  | Type                                          | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | --------------------------------------------- | -------- | ----------- | ----------------- |
+| animated    | Is first render should be animated                           | boolean                                       | no       | iOS/Android | yes               |
+| color       | The color of the ColorSwatch                                 | string                                        | no       | iOS/Android | yes               |
+| index       | The index of the Swatch if in array                          | number                                        | no       | iOS/Android | yes               |
+| onPress     | Callback from press event                                    | (value: string, colorInfo: ColorInfo) => void | no       | iOS/Android | yes               |
+| selected    | Is the initial state is selected                             | boolean                                       | no       | iOS/Android | yes               |
+| size        | Color Swatch size                                            | number                                        | no       | iOS/Android | yes               |
+| style       | Component's style                                            | ViewStyle                                     | no       | iOS/Android | yes               |
+| testID      | The test id for e2e tests                                    | string                                        | no       | iOS/Android | yes               |
+| unavailable | Is the initial state is unavailable                          | boolean                                       | no       | iOS/Android | yes               |
+| value       | Must be different than other ColorSwatches in the same group，The identifier value of the ColorSwatch in a ColorSwatch palette | string                                        | no       | iOS/Android | yes               |
+
+**DateTimePicker**：时间选择组件，该组件扩展了[TextField](https://wix.github.io/react-native-ui-lib/docs/components/form/TextField)属性，依赖[@react-native-community/datetimepicker](/zh-cn/react-native-community-datetimepicker)库。
+
+| Name                    | Description                                                  | Type                                              | Required | Platform    | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| dateTimeFormatter       | A callback function to format the time or date               | (value: Date, mode: DateTimePickerMode) => string | no       | iOS/Android | yes               |
+| dialogProps             | Props to pass the Dialog component                           | DialogProps                                       | no       | iOS/Android | yes               |
+| display                 | Defines the visual display of the picker. The default value is 'spinner' on iOS and 'default' on Android. The list of all possible values are default, spinner, calendar or clock on Android and default, spinner, compact or inline for iOS. Full list can be found here:[react-native-datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker#display-optional) | string                                            | no       | iOS/Android | yes               |
+| editable                | Should this input be editable or disabled                    | boolean                                           | no       | iOS/Android | yes               |
+| headerStyle             | Style to apply to the iOS dialog header                      | ViewStyle                                         | no       | iOS/Android | yes               |
+| is24Hour                | Android only, Allows changing of the time picker to a 24 hour format | boolean                                           | no       | Android     | no                |
+| locale                  | iOS only, Allows changing of the locale of the component     | string                                            | no       | iOS         | yes               |
+| maximumDate             | The maximum date or time value to use                        | Date                                              | no       | iOS/Android | yes               |
+| minimumDate             | The minimum date or time value to use                        | Date                                              | no       | iOS/Android | yes               |
+| minuteInterval          | iOS only, The interval at which minutes can be selected. Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30 | number                                            | no       | iOS         | yes               |
+| mode                    | The type of picker to display ('date' or 'time')             | DATE \|TIME                                       | no       | iOS/Android | yes               |
+| onChange                | Called when the date/time change                             | () => Date                                        | no       | iOS/Android | yes               |
+| renderInput             | Render custom input                                          | JSX.Element                                       | no       | iOS/Android | yes               |
+| themeVariant            | Override system theme variant (dark or light mode) used by the date picker | LIGHT \|DARK                                      | no       | iOS/Android | yes               |
+| timeZoneOffsetInMinutes | iOS only, Allows changing of the timeZone of the date picker. By default it uses the device's time zone | number                                            | no       | iOS         | yes               |
+| value                   | Defaults to device's date and time, The initial value to set the picker to | Date                                              | no       | iOS/Android | yes               |
+
+**MaskedInput**：掩码输入组件，该组件扩展了[TextInput](https://reactnative.dev/docs/textinput)属性。
+
+| Name             | Description                                                  | Type               | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------------------ | -------- | ----------- | ----------------- |
+| containerStyle   | container style for the masked input container               | ViewStyle          | no       | iOS/Android | yes               |
+| renderMaskedText | callback for rendering the custom input out of the value returns from the actual input | React.ReactElement | no       | iOS/Android | yes               |
+
+**NumberInput**：数字输入框组件。
+
+| Name              | Description                                                  | Type                            | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ------------------------------- | -------- | ----------- | ----------------- |
+| containerStyle    | Container style of the whole component                       | ViewStyle                       | no       | iOS/Android | yes               |
+| contextMenuHidden | Requires @react-native-community/clipboard to be installed. If true, context menu is hidden. | boolean                         | no       | iOS/Android | yes               |
+| fractionDigits    | Number of digits after the decimal point. Must be in the range 0 - 20, inclusive. | number                          | no       | iOS/Android | yes               |
+| initialNumber     | A valid number (in en locale, i.e. only digits and a decimal point). | number                          | no       | iOS/Android | yes               |
+| leadingText       | A leading text                                               | string                          | no       | iOS/Android | yes               |
+| leadingTextStyle  | The style of the leading text                                | TextStyle                       | no       | iOS/Android | yes               |
+| onChangeNumber    | Callback that is called when the number value has changed.   | (data: NumberInputData) => void | no       | iOS/Android | yes               |
+| textFieldProps    | Most of TextField's props can be applied, except for ones that are passed directly via named props. | TextFieldProps                  | no       | iOS/Android | yes               |
+| trailingText      | A trailing text                                              | string                          | no       | iOS/Android | yes               |
+| trailingTextStyle | The style of the trailing text                               | ViewStyle                       | no       | iOS/Android | yes               |
+
+**Picker**：弹窗选择组件。
+
+| Name               | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| customPickerProps  | Custom picker props (when using renderPicker, will apply on the button wrapper) | object                                                       | no       | iOS/Android | yes               |
+| enableModalBlur    | iOS only，Adds blur effect to picker modal                   | boolean                                                      | no       | iOS         | yes               |
+| fieldType          | Pass for different field type UI (form, filter or settings)  | PickerFieldTypes                                             | no       | iOS/Android | yes               |
+| getLabel           | A function that returns the label to show for the selected Picker value | (value: string \| number) => void                            | no       | iOS/Android | yes               |
+| items              | Data source for Picker                                       | {label: string, value: string \| number}[]                   | no       | iOS/Android | yes               |
+| listProps          | Pass props to the list component that wraps the picker options (allows to control FlatList behavior) | FlatListProps                                                | no       | iOS/Android | yes               |
+| migrate            | Temporary prop required for migration to Picker's new API    | boolean                                                      | no       | iOS/Android | yes               |
+| mode               | SINGLE mode or MULTI mode                                    | SINGLE \| MULTI                                              | no       | iOS/Android | yes               |
+| onChange           | Callback for when picker value change                        | (value: string \| number) => void                            | no       | iOS/Android | yes               |
+| onPress            | Add onPress callback for when pressing the picker            | () => void                                                   | no       | iOS/Android | yes               |
+| onSearchChange     | Callback for picker modal search input text change (only when passing showSearch) | (searchValue: string) => void                                | no       | iOS/Android | yes               |
+| pickerModalProps   | Pass props to the picker modal                               | ModalProps                                                   | no       | iOS/Android | yes               |
+| renderCustomModal  | Render custom picker modal                                   | ({visible, children, toggleModal}) => void)                  | no       | iOS/Android | yes               |
+| renderCustomSearch | Render custom search input (only when passing showSearch)    | (props) => void                                              | no       | iOS/Android | yes               |
+| renderItem         | Render custom picker item                                    | (value, {{...props, isSelected}}, itemLabel) => void         | no       | iOS/Android | yes               |
+| renderPicker       | Render custom picker - input will be value (see above)\Example:\renderPicker = (selectedItem) => {...} | (selectedItem, itemLabel) => void                            | no       | iOS/Android | yes               |
+| searchPlaceholder  | Placeholder text for the search input (only when passing showSearch) | string                                                       | no       | iOS/Android | yes               |
+| searchStyle        | Style object for the search input (only when passing showSearch) | {color: string, placeholderTextColor: string, selectionColor: string} | no       | iOS/Android | yes               |
+| selectionLimit     | Limit the number of selected items                           | number                                                       | no       | iOS/Android | yes               |
+| showSearch         | Show search input to filter picker items by label            | boolean                                                      | no       | iOS/Android | yes               |
+| topBarProps        | The picker modal top bar props                               | Modal's TopBarProps                                          | no       | iOS/Android | yes               |
+| useSafeArea        | Add safe area in the Picker modal view                       | boolean                                                      | no       | iOS/Android | yes               |
+| useWheelPicker     | Use wheel picker instead of a list picker                    | boolean                                                      | no       | iOS/Android | yes               |
+| value              | Picker current value                                         | string \| number                                             | no       | iOS/Android | yes               |
+
+**Picker.Item**：弹窗选择Item组件，配合Picker组件使用。
+
+| Name              | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| disabled          | Is the item disabled                                         | boolean                                                      | no       | iOS/Android | yes               |
+| getItemLabel      | Custom function for the item label                           | (value: string \| number) => string                          | no       | iOS/Android | yes               |
+| isSelected        | Is the item selected                                         | boolean                                                      | no       | iOS/Android | yes               |
+| label             | Item's label                                                 | string                                                       | no       | iOS/Android | yes               |
+| labelStyle        | Item's label style                                           | ViewStyle                                                    | no       | iOS/Android | yes               |
+| onPress           | Callback for onPress action, will stop selection if false is returned | (selected: boolean \| undefined, props: any) => void \| Promise<boolean>; | no       | iOS/Android | yes               |
+| onSelectedLayout  | Callback for onLayout event                                  | (event: LayoutChangeEvent) => void                           | no       | iOS/Android | yes               |
+| selectedIcon      | Pass to change the selected icon                             | string                                                       | no       | iOS/Android | yes               |
+| selectedIconColor | Pass to change the selected icon color                       | ImageSource                                                  | no       | iOS/Android | yes               |
+| value             | Item's value                                                 | string \| number                                             | no       | iOS/Android | yes               |
+
+**SectionsWheelPicker**：滚动选择组件。
+
+| Name                | Description                                         | Type             | Required | Platform    | HarmonyOS Support |
+| ------------------- | --------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| activeTextColor     | Text color for the focused row                      | string           | no       | iOS/Android | yes               |
+| faderProps          | Custom props for fader.                             | FaderProps       | no       | iOS/Android | yes               |
+| inactiveTextColor   | Text color for other, non-focused rows              | string           | no       | iOS/Android | yes               |
+| itemHeight          | Describe the height of each item in the WheelPicker | number           | no       | iOS/Android | yes               |
+| numberOfVisibleRows | Describe the number of rows visible                 | number           | no       | iOS/Android | yes               |
+| sections            | Array of sections                                   | WheelPickerProps | no       | iOS/Android | yes               |
+| testID              | The component test id                               | string           | no       | iOS/Android | yes               |
+| textStyle           | Row text style                                      | TextStyle        | no       | iOS/Android | yes               |
+
+**SegmentedControl**：切换值组件。
+
+| Name                  | Description                                     | Type                      | Required | Platform    | HarmonyOS Support |
+| --------------------- | ----------------------------------------------- | ------------------------- | -------- | ----------- | ----------------- |
+| activeBackgroundColor | The background color of the active segment      | string                    | no       | iOS/Android | yes               |
+| activeColor           | The color of the active segment label           | string                    | no       | iOS/Android | yes               |
+| backgroundColor       | The background color of the inactive segments   | string                    | no       | iOS/Android | yes               |
+| borderRadius          | The segmentedControl borderRadius               | number                    | no       | iOS/Android | yes               |
+| containerStyle        | Additional spacing styles for the container     | ViewStyle                 | no       | iOS/Android | yes               |
+| iconOnRight           | Should the icon be on right of the label        | boolean                   | no       | iOS/Android | yes               |
+| initialIndex          | Initial index to be active                      | number                    | no       | iOS/Android | yes               |
+| onChangeIndex         | Callback for when index has change.             | (index: number) => void   | no       | iOS/Android | yes               |
+| outlineColor          | The color of the active segment outline         | string                    | no       | iOS/Android | yes               |
+| outlineWidth          | The width of the active segment outline         | number                    | no       | iOS/Android | yes               |
+| segmentLabelStyle     | Segment label style                             | TextStyle                 | no       | iOS/Android | yes               |
+| segments              | Array on segments                               | SegmentedControlItemProps | no       | iOS/Android | yes               |
+| segmentsStyle         | Additional style for the segments               | ViewStyle                 | no       | iOS/Android | yes               |
+| style                 | Custom style to inner container                 | ViewStyle                 | no       | iOS/Android | yes               |
+| testID                | Component test id                               | string                    | no       | iOS/Android | yes               |
+| throttleTime          | Trailing throttle time of changing index in ms. | number                    | no       | iOS/Android | yes               |
+
+**Stepper**：步进器组件。
+
+| Name               | Description                                         | Type                                     | Required | Platform    | HarmonyOS Support |
+| ------------------ | --------------------------------------------------- | ---------------------------------------- | -------- | ----------- | ----------------- |
+| accessibilityLabel | Component accessibility label                       | string                                   | no       | iOS/Android | yes               |
+| disabled           | Disables interaction with the stepper               | boolean                                  | no       | iOS/Android | yes               |
+| maxValue           | Maximum value                                       | number                                   | no       | iOS/Android | yes               |
+| minValue           | Minimum value                                       | number                                   | no       | iOS/Android | yes               |
+| onValueChange      | Value change callback function                      | (value: number, testID?: string) => void | no       | iOS/Android | yes               |
+| small              | Renders a small sized Stepper                       | boolean                                  | no       | iOS/Android | yes               |
+| step               | The step to increase and decrease by (default is 1) | number                                   | no       | iOS/Android | yes               |
+| testID             | Test id for component                               | string                                   | no       | iOS/Android | yes               |
+| value              | Stepper value                                       | number                                   | no       | iOS/Android | yes               |
+
+**TextField**：文本域组件，扩展了[TextInput](https://reactnative.dev/docs/textinput)属性。
+
+| Name                      | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| centered                  | Whether to center the TextField - container and label        | boolean                                                      | no       | iOS/Android | yes               |
+| charCounterStyle          | Pass custom style to character counter text                  | TextStyle                                                    | no       | iOS/Android | yes               |
+| color                     | Input color                                                  | ColorType                                                    | no       | iOS/Android | yes               |
+| containerProps            | Container props of the whole component                       | Omit<ViewProps, 'style'>                                     | no       | iOS/Android | yes               |
+| containerStyle            | Container style of the whole component                       | ViewStyle                                                    | no       | iOS/Android | yes               |
+| enableErrors              | Should support showing validation error message              | boolean                                                      | no       | iOS/Android | yes               |
+| fieldStyle                | Internal style for the field container to style the field underline, outline and fill color | ViewStyle \| (context: FieldContextType, props) => ViewStyle | no       | iOS/Android | yes               |
+| floatOnFocus              | Should placeholder float on focus or when start typing       | boolean                                                      | no       | iOS/Android | yes               |
+| floatingPlaceholder       | Pass to add floating placeholder support                     | boolean                                                      | no       | iOS/Android | yes               |
+| floatingPlaceholderColor  | The floating placeholder color                               | ColorType                                                    | no       | iOS/Android | yes               |
+| floatingPlaceholderStyle  | Custom style for the floating placeholder                    | TextStyle                                                    | no       | iOS/Android | yes               |
+| formatter                 | Custom formatter for the input value (used only when input if not focused) | (value) => string \| undefined                               | no       | iOS/Android | yes               |
+| hint                      | A hint text to display when focusing the field               | string                                                       | no       | iOS/Android | yes               |
+| label                     | Field label                                                  | string                                                       | no       | iOS/Android | yes               |
+| labelColor                | Field label color. Either a string or color by state map ({default, focus, error, disabled, readonly}) | ColorType                                                    | no       | iOS/Android | yes               |
+| labelProps                | Pass extra props to the label Text element                   | TextProps                                                    | no       | iOS/Android | yes               |
+| labelStyle                | Custom style for the field label                             | TextStyle                                                    | no       | iOS/Android | yes               |
+| leadingAccessory          | Pass to render a leading element                             | ReactElement                                                 | no       | iOS/Android | yes               |
+| onChangeValidity          | Callback for when field validity has changed                 | (isValid: boolean) => void                                   | no       | iOS/Android | yes               |
+| onValidationFailed        | Callback for when field validated and failed                 | (failedValidatorIndex: number) => void                       | no       | iOS/Android | yes               |
+| placeholder               | The placeholder for the field                                | string                                                       | no       | iOS/Android | yes               |
+| placeholderTextColor      | Placeholder text color                                       | ColorType                                                    | no       | iOS/Android | yes               |
+| preset                    | Predefined preset to use for styling the field               | 'default' \| null \|string                                   | no       | iOS/Android | yes               |
+| readonly                  | A UI preset for read only state                              | boolean                                                      | no       | iOS/Android | yes               |
+| recorderTag               | Recorder Tag                                                 | 'mask' \| 'unmask'                                           | no       | iOS/Android | yes               |
+| retainValidationSpace     | Keep the validation space even if there is no validation message | boolean                                                      | no       | iOS/Android | yes               |
+| showCharCounter           | Should show a character counter (works only with maxLength)  | boolean                                                      | no       | iOS/Android | yes               |
+| showMandatoryIndication   | Whether to show a mandatory field indication                 | boolean                                                      | no       | iOS/Android | yes               |
+| trailingAccessory         | Pass to render a trailing element                            | ReactElement                                                 | no       | iOS/Android | yes               |
+| useGestureHandlerInput    | Use react-native-gesture-handler instead of react-native for the base TextInput | boolean                                                      | no       | iOS/Android | yes               |
+| validate                  | A single or multiple validator. Can be a string (required, email) or custom function. | Validator \| Validator []                                    | no       | iOS/Android | yes               |
+| validateOnBlur            | Should validate when losing focus of TextField               | boolean                                                      | no       | iOS/Android | yes               |
+| validateOnChange          | Should validate when the TextField value changes             | boolean                                                      | no       | iOS/Android | yes               |
+| validateOnStart           | Should validate when the TextField mounts                    | boolean                                                      | no       | iOS/Android | yes               |
+| validationMessage         | The validation message to display when field is invalid (depends on validate) | string \| string[]                                           | no       | iOS/Android | yes               |
+| validationMessagePosition | The position of the validation message (top/bottom)          | ValidationMessagePosition                                    | no       | iOS/Android | yes               |
+| validationMessageStyle    | Custom style for the validation message                      | TextStyle                                                    | no       | iOS/Android | yes               |
+
+**WheelPicker**：轮式拾取器组件。
+
+| Name                | Description                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| activeTextColor     | Text color for the focused row                               | string                                          | no       | iOS/Android | yes               |
+| align               | Align the content to center, right ot left                   | WheelPickerAlign                                | no       | iOS/Android | yes               |
+| flatListProps       | Props to be sent to the FlatList.                            | FlatListProps                                   | no       | iOS/Android | yes               |
+| inactiveTextColor   | Text color for other, non-focused rows                       | string                                          | no       | iOS/Android | yes               |
+| initialValue        | Initial value (uncontrolled)                                 | number \| string                                | no       | iOS/Android | yes               |
+| itemHeight          | Height of each item in the WheelPicker                       | number                                          | no       | iOS/Android | yes               |
+| items               | Data source for WheelPicker                                  | WheelPickerItemProps[]                          | no       | iOS/Android | yes               |
+| label               | Additional label to render next to the items text            | string                                          | no       | iOS/Android | yes               |
+| labelProps          | Additional label's props                                     | TextProps                                       | no       | iOS/Android | yes               |
+| labelStyle          | Additional label's style                                     | TextStyle                                       | no       | iOS/Android | yes               |
+| numberOfVisibleRows | Number of rows visible                                       | number                                          | no       | iOS/Android | yes               |
+| onChange            | Change item event callback                                   | (item: string \| number, index: number) => void | no       | iOS/Android | yes               |
+| separatorsStyle     | Extra style for the separators                               | ViewStyle                                       | no       | iOS/Android | yes               |
+| style               | height is computed according to itemHeight * numberOfVisibleRows. Container's custom style | ViewStyle                                       | no       | iOS/Android | yes               |
+| testID              | test identifier                                              | string                                          | no       | iOS/Android | yes               |
+| textStyle           | Row text custom style                                        | TextStyle                                       | no       | iOS/Android | yes               |
+
+**Incubator.Dialog**：弹出对话框组件。
+
+| Name                  | Description                                                  | Type                          | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ----------------------------- | -------- | ----------- | ----------------- |
+| containerProps        | Extra props for the container                                | ViewProps                     | no       | iOS/Android | yes               |
+| containerStyle        | The Dialog`s container style (it is set to {position: 'absolute'}) `ViewStyle ` | ViewStyle                     | no       | iOS/Android | yes               |
+| direction             | The direction from which and to which the dialog is animating \ panning (default down). | up \|down \|left \|right      | no       | iOS/Android | yes               |
+| headerProps           | The Dialog's header (title, subtitle etc)                    | DialogHeaderProps             | no       | iOS/Android | yes               |
+| ignoreBackgroundPress | Whether or not to ignore background press.                   | boolean                       | no       | iOS/Android | yes               |
+| modalProps            | Pass props to the dialog modal                               | ModalProps                    | no       | iOS/Android | yes               |
+| onDismiss             | Callback that is called after the dialog's dismiss (after the animation has ended). | (props?: DialogProps) => void | no       | iOS/Android | yes               |
+| testID                | Used to locate this view in end-to-end tests.The container has the original id.Supported inner elements IDs:`${TestID}.modal` - the Modal's id.`${TestID}. overlayFadingBackground` - the fading background id. | string                        | no       | iOS/Android | yes               |
+| visible               | The visibility of the dialog                                 | boolean                       | no       | iOS/Android | yes               |
+
+**Dialog.Header**：弹窗头部组件。
+
+| Name                  | Description                                                  | Type                 | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | -------------------- | -------- | ----------- | ----------------- |
+| bottomAccessory       | Pass to render a bottom element below the subtitle           | ReactElement         | no       | iOS/Android | yes               |
+| contentContainerStyle | Style for the leading + content + trailing components (without the bottomAccessory) | ViewProps['style']   | no       | iOS/Android | yes               |
+| leadingAccessory      | Pass to render a leading element                             | ReactElement         | no       | iOS/Android | yes               |
+| onPress               | onPress callback for the inner content                       | () => void           | no       | iOS/Android | yes               |
+| showDivider           | Show the header's divider                                    | boolean              | no       | iOS/Android | yes               |
+| showKnob              | Show the header's knob                                       | boolean              | no       | iOS/Android | yes               |
+| subtitle              | Subtitle                                                     | string               | no       | iOS/Android | yes               |
+| subtitleProps         | Subtitle extra props                                         | TextProps            | no       | iOS/Android | yes               |
+| subtitleStyle         | Subtitle text style                                          | StyleProp<TextStyle> | no       | iOS/Android | yes               |
+| title                 | Title                                                        | string               | no       | iOS/Android | yes               |
+| titleProps            | Title extra props                                            | TextProps            | no       | iOS/Android | yes               |
+| titleStyle            | Title text style                                             | StyleProp<TextStyle> | no       | iOS/Android | yes               |
+| topAccessory          | Pass to render a top element above the title                 | ReactElement         | no       | iOS/Android | yes               |
+| trailingAccessory     | Pass to render a trailing element                            | ReactElement         | no       | iOS/Android | yes               |
+
+**Incubator.Slider**：滑块组件。
+
+| Name                   | Description                                                  | Type                                  | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ------------------------------------- | -------- | ----------- | ----------------- |
+| accessible             | If true the component will have accessibility features enabled | boolean                               | no       | iOS/Android | yes               |
+| activeThumbStyle       | The active (during press) thumb style                        | ViewStyle                             | no       | iOS/Android | yes               |
+| containerStyle         | The container style                                          | ViewStyle                             | no       | iOS/Android | yes               |
+| disableActiveStyling   | If true the Slider will not change it's style on press       | boolean                               | no       | iOS/Android | yes               |
+| disableRTL             | If true the Slider will stay in LTR mode even if the app is on RTL mode | boolean                               | no       | iOS/Android | yes               |
+| disabled               | If true the Slider will be disabled and will appear in disabled color | boolean                               | no       | iOS/Android | yes               |
+| disabledThumbTintColor | Disabled thumb color                                         | string                                | no       | iOS/Android | yes               |
+| enableThumbShadow      | Whether the thumb will have a shadow (with 'migrate' true only) | boolean                               | no       | iOS/Android | yes               |
+| initialMaximumValue    | Only when `useRange` is true. Initial maximum value          | number                                | no       | iOS/Android | yes               |
+| initialMinimumValue    | Only when `useRange` is true. Initial minimum value          | number                                | no       | iOS/Android | yes               |
+| maximumTrackTintColor  | The track color                                              | string                                | no       | iOS/Android | yes               |
+| maximumValue           | Track maximum value                                          | number                                | no       | iOS/Android | yes               |
+| minimumTrackTintColor  | The color used for the track from minimum value to current value | string                                | no       | iOS/Android | yes               |
+| minimumValue           | Track minimum value                                          | number                                | no       | iOS/Android | yes               |
+| onRangeChange          | Callback for onRangeChange. Returns values object with the min and max values | SliderOnRangeChange                   | no       | iOS/Android | yes               |
+| onReset                | Callback that notifies when the reset function was invoked   | () => void                            | no       | iOS/Android | yes               |
+| onSeekEnd              | Callback that notifies about slider seeking is finished      | () => void                            | no       | iOS/Android | yes               |
+| onSeekStart            | Callback that notifies about slider seeking is started       | () => void                            | no       | iOS/Android | yes               |
+| onValueChange          | Callback for onValueChange                                   | SliderOnValueChange                   | no       | iOS/Android | yes               |
+| renderTrack            | Custom render instead of rendering the track                 | () => ReactElement  \| ReactElement[] | no       | iOS/Android | yes               |
+| step                   | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue) | number                                | no       | iOS/Android | yes               |
+| testID                 | The component test id                                        | string                                | no       | iOS/Android | yes               |
+| throttleTime           | Control the throttle time of the onValueChange and onRangeChange callbacks | number                                | no       | iOS/Android | yes               |
+| thumbHitSlop           | Defines how far a touch event can start away from the thumb  | number                                | no       | iOS/Android | yes               |
+| thumbStyle             | The thumb style                                              | ViewStyle                             | no       | iOS/Android | yes               |
+| thumbTintColor         | Thumb color                                                  | string                                | no       | iOS/Android | yes               |
+| trackStyle             | The track style                                              | ViewStyle                             | no       | iOS/Android | yes               |
+| useGap                 | If true the min and max thumbs will not overlap              | boolean                               | no       | iOS/Android | yes               |
+| useRange               | If true the Slider will display a second thumb for the min value | boolean                               | no       | iOS/Android | yes               |
+| value                  | Initial value                                                | number                                | no       | iOS/Android | yes               |
+
+**Incubator.Toast**：非中断式弹窗组件。
+
+| Name                 | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| action               | A single action for the user (showLoader will override this) | ButtonProps                                                  | no       | iOS/Android | yes               |
+| autoDismiss          | Time of milliseconds to automatically invoke the onDismiss callback | number                                                       | no       | iOS/Android | yes               |
+| backgroundColor      | The toast background color                                   | string                                                       | no       | iOS/Android | yes               |
+| centerMessage        | Should message be centered in the toast                      | boolean                                                      | no       | iOS/Android | yes               |
+| containerStyle       | Toast container style                                        | ViewStyle                                                    | no       | iOS/Android | yes               |
+| elevation            | Android only. Custom elevation                               | number                                                       | no       | Android     | no                |
+| enableHapticFeedback | Whether to trigger an haptic feedback once the toast is shown (requires react-native-haptic-feedback dependency) | boolean                                                      | no       | iOS/Android | yes               |
+| icon                 | A custom icon to render on the left side of the toast        | ImageSourcePropType                                          | no       | iOS/Android | yes               |
+| iconColor            | The icon color                                               | string                                                       | no       | iOS/Android | yes               |
+| message              | Toast message                                                | string                                                       | no       | iOS/Android | yes               |
+| messageProps         | Toast message props                                          | TextProps                                                    | no       | iOS/Android | yes               |
+| messageStyle         | Toast message style                                          | StyleProp <TextStyle>                                        | no       | iOS/Android | yes               |
+| onAnimationEnd       | Callback for end of toast animation                          | (visible?: boolean) => void                                  | no       | iOS/Android | yes               |
+| onDismiss            | Callback for the toast dismissal                             | () => void                                                   | no       | iOS/Android | yes               |
+| position             | The position of the toast. 'top' or 'bottom'.                | 'top' \| 'bottom'                                            | no       | iOS/Android | yes               |
+| preset               | Pass to have preset UI                                       | ToastPreset ('success' \| 'failure' \| 'general' \| 'offline') | no       | iOS/Android | yes               |
+| renderAttachment     | Render a custom view that will appear permanently above or below a Toast, depends on the Toast's position and animate with it when the Toast is made visible or dismissed | () => JSX.Element \| undefined                               | no       | iOS/Android | yes               |
+| showLoader           | Whether to show a loader                                     | boolean                                                      | no       | iOS/Android | yes               |
+| style                | Toast style                                                  | ViewStyle                                                    | no       | iOS/Android | yes               |
+| swipeable            | Whether to support dismissing the toast with a swipe gesture. Requires to pass onDismiss method to control visibility | boolean                                                      | no       | iOS/Android | yes               |
+| testID               | The component test id                                        | string                                                       | no       | iOS/Android | yes               |
+| visible              | Whether to show or hide the toast                            | boolean                                                      | no       | iOS/Android | yes               |
+| zIndex               | Custom zIndex for toast                                      | number                                                       | no       | iOS/Android | yes               |
+
+**Dash**：阔折现组件。
+
+| Name           | Description                           | Type      | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| color          | The color of the dashes               | string    | no       | iOS/Android | yes               |
+| containerStyle | The container style                   | ViewStyle | no       | iOS/Android | yes               |
+| gap            | The gap between the dashes            | number    | no       | iOS/Android | yes               |
+| length         | The length of the dashes              | number    | no       | iOS/Android | yes               |
+| style          | Additional style to the dashes        | ViewStyle | no       | iOS/Android | yes               |
+| thickness      | The thickness of the dashes           | number    | no       | iOS/Android | yes               |
+| vertical       | Is the dashed line should be vertical | boolean   | no       | iOS/Android | yes               |
+
+**ExpandableSection**：展开收起组件。
+
+| Name          | Description                                              | Type            | Required | Platform    | HarmonyOS Support |
+| ------------- | -------------------------------------------------------- | --------------- | -------- | ----------- | ----------------- |
+| children      | The expandable's children                                | React.ReactNode | no       | iOS/Android | yes               |
+| expanded      | Should the ExpandableSection be expanded                 | boolean         | no       | iOS/Android | yes               |
+| onPress       | Called when pressing the header of the ExpandableSection | () => void      | no       | iOS/Android | yes               |
+| sectionHeader | Header element                                           | JSX.Element     | no       | iOS/Android | yes               |
+| testID        | testing identifier                                       | string          | no       | iOS/Android | yes               |
+| top           | Should it open above the 'sectionHeader'                 | boolean         | no       | iOS/Android | yes               |
+
+**Fader**：渐变淡入淡出组件。
+
+| Name      | Description                                        | Type                           | Required | Platform    | HarmonyOS Support |
+| --------- | -------------------------------------------------- | ------------------------------ | -------- | ----------- | ----------------- |
+| position  | The position of the fader (the image is different) | START  \|END \| TOP  \| BOTTOM | no       | iOS/Android | yes               |
+| size      | change the size of the fade view                   | number                         | no       | iOS/Android | yes               |
+| tintColor | Change the tint color of the fade view             | string                         | no       | iOS/Android | yes               |
+| visible   | Whether the fader is visible (default is true)     | boolean                        | no       | iOS/Android | yes               |
+
+**Gradient**：渐变色组件。
+
+| Name          | Description                       | Type          | Required | Platform    | HarmonyOS Support |
+| ------------- | --------------------------------- | ------------- | -------- | ----------- | ----------------- |
+| color         | The color of the gradient         | string        | no       | iOS/Android | yes               |
+| numberOfSteps | The number of steps               | number        | no       | iOS/Android | yes               |
+| style         | Additional style to the component | ViewStyle     | no       | iOS/Android | yes               |
+| type          | hue \| lightness \| saturation    | GradientTypes | no       | iOS/Android | yes               |
+
+**KeyboardAccessoryView**：键盘附件视图。
+
+| Name                  | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+| kbComponent           | The keyboard ID (the componentID sent to KeyboardRegistry)   | string                   | no       | iOS/Android | no                |
+| kbInitialProps        | The props that will be sent to the KeyboardComponent         | any                      | no       | iOS/Android | no                |
+| kbInputRef            | iOS only. The reference to the actual text input (or the keyboard may not reset when instructed to, etc.). | any                      | no       | iOS         | no                |
+| onHeightChanged       | A callback for when the height is changed                    | (height: number) => void | no       | iOS/Android | no                |
+| onItemSelected        | Callback that will be called when an item on the keyboard has been pressed. | () => void               | no       | iOS/Android | no                |
+| onKeyboardResigned    | Callback that will be called once the keyboard has been closed | () => void               | no       | iOS/Android | no                |
+| onRequestShowKeyboard | Callback that will be called if KeyboardRegistry.requestShowKeyboard is called. | () => void               | no       | iOS/Android | no                |
+| renderContent         | Content to be rendered above the keyboard                    | () => React.ReactElement | no       | iOS/Android | yes               |
+
+**KeyboardAwareInsetsView**：用于在使用键盘时添加插入，可能会隐藏部分屏幕，该组件扩展了[KeyboardTrackingView](https://wix.github.io/react-native-ui-lib/docs/components/infra/KeyboardTrackingView)属性，此组件仅适用与iOS。
+
+| Name                    | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| KeyboardAwareInsetsView | Used to add an inset when a keyboard is used and might hide part of the screen. | Component | no       | iOS      | no                |
+
+**KeyboardRegistry**：用于注册键盘并在键盘上执行某些操作。
+
+| Name                | Description                                                  | Type            | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | --------------- | -------- | ----------- | ----------------- |
+| addListener         | Add a listener for a callback. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') callback (function) - the callback to be called when the said event happens | static function | no       | iOS/Android | yes               |
+| getAllKeyboards     | Get all keyboards                                            | static function | no       | iOS/Android | yes               |
+| getKeyboard         | Get a specific keyboard componentID (string) - the ID of the keyboard. | static function | no       | iOS/Android | yes               |
+| getKeyboards        | Get keyboards by IDs componentIDs (string[]) - the ID of the keyboard. | static function | no       | iOS/Android | yes               |
+| notifyListeners     | Notify that an event has occurred. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') args (object) - data to be sent to the listener. | static function | no       | iOS/Android | yes               |
+| onItemSelected      | Default event to be used for when an item on the keyboard has been pressed. componentID (string) - the ID of the keyboard. args (object) - data to be sent to the listener. | static function | no       | iOS/Android | yes               |
+| registerKeyboard    | Register a new keyboard. componentID (string) - the ID of the keyboard. generator (function) - a function for the creation of the keyboard. params (object) - to be returned when using other methods (i.e. getKeyboards and getAllKeyboards). | static function | no       | iOS/Android | yes               |
+| removeListeners     | Remove a listener for a callback. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') | static function | no       | iOS/Android | yes               |
+| requestShowKeyboard | Request to show the keyboard componentID (string) - the ID of the keyboard. | static function | no       | iOS/Android | yes               |
+
+**KeyboardTrackingView**：为该视图及其子视图启用“键盘跟踪”的 UI 组件。通常用于该视图内有 TextField 或 TextInput 的情况，该组件仅适用于iOS。
+
+| Name                                 | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| ------------------------------------ | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| addBottomView                        | Add a view beneath the KeyboardAccessoryView.                | boolean   | no       | iOS      | no                |
+| allowHitsOutsideBounds               | Allow hitting sub-views that are placed beyond the view bounds. | boolean   | no       | iOS      | no                |
+| bottomViewColor                      | The bottom view's color.                                     | string    | no       | iOS      | no                |
+| manageScrollView                     | Set to false to turn off inset management and manage it yourself. | boolean   | no       | iOS      | no                |
+| ref                                  | Ref                                                          | any       | no       | iOS      | no                |
+| requiresSameParentToManageScrollView | Set to true manageScrollView is set to true and still does not work, it means that the ScrollView found is the wrong one and you'll have to have the KeyboardAccessoryView and the ScrollView as siblings and set this to true. | boolean   | no       | iOS      | no                |
+| revealKeyboardInteractive            | Show the keyboard on a negative scroll.                      | boolean   | no       | iOS      | no                |
+| scrollBehavior                       | The scrolling behavior (use KeyboardTrackingView. scrollBehaviors.NONE \|SCROLL_TO_BOTTOM_INVERTED_ONLY \| FIXED_OFFSET) | number    | no       | iOS      | no                |
+| scrollToFocusedInput                 | Should the scrollView scroll to the focused input            | boolean   | no       | iOS      | no                |
+| style                                | Style                                                        | ViewStyle | no       | iOS      | no                |
+| trackInteractive                     | Enables tracking of the keyboard when it's dismissed interactively (false by default). Why? When using an external keyboard (BT), you still get the keyboard events and the view just hovers when you focus the input. Also, if you're not using interactive style of dismissing the keyboard (or if you don't have an input inside this view) it doesn't make sense to track it anyway. (This is caused because of the usage of inputAccessory to be able to track the keyboard interactive change and it introduces this bug) | boolean   | no       | iOS      | no                |
+| useSafeArea                          | Whether or not to handle SafeArea.                           | boolean   | no       | iOS      | no                |
+| usesBottomTabs                       | Whether or not to include bottom tab bar inset.              | boolean   | no       | iOS      | no                |
+
+**Overlay**：带类型覆盖视图，为Image组件属性，扩展了[image](https://reactnative.dev/docs/image)组件。
+
+| Name          | Description                                               | Type                                                  | Required | Platform    | HarmonyOS Support |
+| ------------- | --------------------------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| color         | The overlay color                                         | string                                                | no       | iOS/Android | yes               |
+| customContent | Custom overlay content to be rendered on top of the image | JSX.Element                                           | no       | iOS/Android | yes               |
+| intensity     | The intensity of the gradient.                            | low \|medium \|high                                   | no       | iOS/Android | yes               |
+| type          | The type of overlay to set on top of the image            | vertical \| top  \| bottom \| solid (OverlayTypeType) | no       | iOS/Android | yes               |
+
+**Card**：卡片组件，扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)组件，依赖[@react-native-community/blur](/zh-cn/react-native-community-blur.md)。
+
+| Name             | Description                                                  | Type                 | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------------------- | -------- | ----------- | ----------------- |
+| blurOptions      | Blur options for blur effect according to @react-native-community/blur lib (make sure enableBlur is on) | object               | no       | iOS/Android | yes               |
+| borderRadius     | Card border radius (will be passed to inner Card.Image component) | number               | no       | iOS/Android | yes               |
+| containerStyle   | Additional styles for the card container                     | ViewStyle            | no       | iOS/Android | yes               |
+| elevation        | Android only. Elevation value                                | number               | no       | Android     | no                |
+| enableBlur       | iOS only. Enable blur effect                                 | boolean              | no       | iOS         | no                |
+| enableShadow     | Whether the card should have shadow or not                   | boolean              | no       | iOS/Android | yes               |
+| height           | Card custom height                                           | number \| string     | no       | iOS/Android | yes               |
+| onPress          | Callback function for card press event                       | function             | no       | iOS/Android | yes               |
+| row              | Should inner card flow direction be horizontal               | boolean              | no       | iOS/Android | yes               |
+| selected         | Adds visual indication that the card is selected             | boolean              | no       | iOS/Android | yes               |
+| selectionOptions | Custom options for styling the selection indication          | CardSelectionOptions | no       | iOS/Android | yes               |
+| width            | Card custom width                                            | number  \| string    | no       | iOS/Android | yes               |
+
+**Card.Image**：Card 组件的内部组件（最好是直接子组件），扩展了[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件。
+
+| Name     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| height   | Height                                                       | number   | no       | iOS/Android | yes               |
+| position | The Image position which determines the appropriate flex-ness of the image and border radius (for Android) this prop derived automatically from Card parent component if it rendered as a direct child of the Card component | string[] | no       | iOS/Android | yes               |
+| width    | Width                                                        | number   | no       | iOS/Android | yes               |
+
+**Card.Section**：用于在 Card 组件内轻松渲染内容的内部组件，扩展了[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)组件。
+
+| Name            | Description                                                  | Type                | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Background color                                             | string              | no       | iOS/Android | yes               |
+| content         | Text content. Example: content={[{text: 'You’re Invited!', text70: true, grey10: true}]} | ContentType[]       | no       | iOS/Android | yes               |
+| contentStyle    | Component's container style                                  | ViewStyle           | no       | iOS/Android | yes               |
+| imageProps      | Other image props that will be passed to the image           | ImageProps          | no       | iOS/Android | yes               |
+| imageSource     | Will be used for the background when provided                | ImageSourcePropType | no       | iOS/Android | yes               |
+| imageStyle      | The style for the background image                           | ImageStyle          | no       | iOS/Android | yes               |
+| leadingIcon     | Image props for a leading icon to render before the text     | ImageProps          | no       | iOS/Android | yes               |
+| trailingIcon    | Image props for a trailing icon to render after the text     | ImageProps          | no       | iOS/Android | yes               |
+
+**Carousel**：轮播组件，扩展了[ScrollView](https://reactnative.dev/docs/scrollview)组件。
+
+| Name                      | Description                                                  | Type                                    | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | --------------------------------------- | -------- | ----------- | ----------------- |
+| allowAccessibleLayout     | Whether to layout Carousel for accessibility                 | boolean                                 | no       | iOS/Android | yes               |
+| animated                  | Should the container be animated (send the animation style via containerStyle) | boolean                                 | no       | iOS/Android | yes               |
+| animatedScrollOffset      | Pass to attach to ScrollView's Animated.event in order to animated elements base on Carousel scroll offset (pass new Animated.ValueXY()) | Animated.ValueXY                        | no       | iOS/Android | yes               |
+| autoplay                  | Enable to switch automatically between the pages             | boolean                                 | no       | iOS/Android | yes               |
+| autoplayInterval          | Time is ms to wait before switching to the next page (requires 'autoplay' to be enabled) | number                                  | no       | iOS/Android | yes               |
+| containerMarginHorizontal | Horizontal margin for the carousel container                 | number                                  | no       | iOS/Android | yes               |
+| containerPaddingVertical  | Vertical padding for the carousel container (Sometimes needed when there are overflows that are cut in Android). | number                                  | no       | iOS/Android | yes               |
+| containerStyle            | The carousel container style                                 | ViewStyle                               | no       | iOS/Android | yes               |
+| counterTextStyle          | The counter's text style                                     | ViewStyle                               | no       | iOS/Android | yes               |
+| horizontal                | Whether pages will be rendered horizontally or vertically    | boolean                                 | no       | iOS/Android | yes               |
+| initialPage               | The initial page to start at                                 | number                                  | no       | iOS/Android | yes               |
+| itemSpacings              | The spacing between the pages                                | number                                  | no       | iOS/Android | yes               |
+| loop                      | If true, will have infinite scroll (works only for horizontal carousel) | boolean                                 | no       | iOS/Android | yes               |
+| onChangePage              | Callback for page change event                               | (pageIndex, oldPageIndex, info) => void | no       | iOS/Android | yes               |
+| onScroll                  | Attach a callback for onScroll event of the internal ScrollView | function                                | no       | iOS/Android | yes               |
+| pageControlPosition       | The position of the PageControl component ['over', 'under'], otherwise it won't display | PageControlPosition                     | no       | iOS/Android | yes               |
+| pageControlProps          | PageControl component props                                  | PageControlProps                        | no       | iOS/Android | yes               |
+| pageHeight                | The page height (all pages should have the same height).     | number                                  | no       | iOS/Android | yes               |
+| pageWidth                 | The page width (all pages should have the same width). Does not work if passing 'loop' prop | number                                  | no       | iOS/Android | yes               |
+| pagingEnabled             | Will block multiple pages scroll (will not work with 'pageWidth' prop) | boolean                                 | no       | iOS/Android | yes               |
+| showCounter               | Whether to show a page counter (will not work with 'pageWidth' prop) | boolean                                 | no       | iOS/Android | yes               |
+
+**LoaderScreen**：全屏显示组件，通常用于页面加载loading，扩展了[Activityindicator](https://reactnative.dev/docs/activityindicator)组件。
+
+| Name            | Description                                                  | Type             | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Color of the loader background (only when passing 'overlay') | string           | no       | iOS/Android | yes               |
+| containerStyle  | Custom container style                                       | ViewStyle        | no       | iOS/Android | yes               |
+| customLoader    | Custom loader                                                | React.ReactChild | no       | iOS/Android | yes               |
+| loaderColor     | Color of the loading indicator                               | string           | no       | iOS/Android | yes               |
+| message         | loader message                                               | string           | no       | iOS/Android | yes               |
+| messageStyle    | message style                                                | TextStyle        | no       | iOS/Android | yes               |
+| overlay         | Show the screen as an absolute overlay                       | boolean          | no       | iOS/Android | yes               |
+
+**StackAggregator**：堆栈聚合器组件。
+
+| Name                  | Description                                                  | Type                         | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ---------------------------- | -------- | ----------- | ----------------- |
+| buttonProps           | Props passed to the 'show less' button                       | ButtonProps                  | no       | iOS/Android | yes               |
+| children              | Component Children                                           | JSX.Element \| JSX.Element[] | no       | iOS/Android | yes               |
+| collapsed             | The initial state of the stack                               | boolean                      | no       | iOS/Android | yes               |
+| containerStyle        | The container style                                          | ViewStyle                    | no       | iOS/Android | yes               |
+| contentContainerStyle | The content container style                                  | ViewStyle                    | no       | iOS/Android | yes               |
+| disablePresses        | A setting that disables pressability on cards                | boolean                      | no       | iOS/Android | yes               |
+| itemBorderRadius      | The items border radius                                      | number                       | no       | iOS/Android | yes               |
+| onCollapseChanged     | A callback for collapse state change (value is collapsed state) | (changed: boolean) => void   | no       | iOS/Android | yes               |
+| onCollapseWillChange  | A callback for collapse state will change (value is future collapsed state) | (changed: boolean) => void   | no       | iOS/Android | yes               |
+| onItemPress           | A callback for item press                                    | (index: number) => void      | no       | iOS/Android | yes               |
+
+**StateScreen**：显示全屏组件。
+
+| Name        | Description                                                  | Type           | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
+| ctaLabel    | Text to to show in the CTA button                            | string         | no       | iOS/Android | yes               |
+| imageSource | The image source that's showing at the top. use an image that was required locally | ImageURISource | no       | iOS/Android | yes               |
+| onCtaPress  | Action handler for CTA button                                | () => void     | no       | iOS/Android | yes               |
+| testID      | Use to identify the container in tests                       | string         | no       | iOS/Android | yes               |
+| title       | To to show as the title                                      | string         | no       | iOS/Android | yes               |
+
+**Drawer**：抽屉组件，如果您的应用程序与 RNN 配合使用，则您的屏幕必须使用“react-native-gesture-handler”中的gestureHandlerRootHOC 进行包装。请参阅[这里](https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html#with-wix-react-native-navigation-https-githubcom-wix-react-native-navigation)。
+
+| Name                 | Description                                                  | Type                                                  | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| bounciness           | The drawer animation bounciness                              | number                                                | no       | iOS/Android | yes               |
+| customValue          | Custom value of any type to pass on to the component and receive back in the action callbacks | any                                                   | no       | iOS/Android | yes               |
+| disableHaptic        | Whether to disable the haptic                                | boolean                                               | no       | iOS/Android | yes               |
+| fullLeftThreshold    | Threshold for a left full swipe (0-1)                        | number                                                | no       | iOS/Android | yes               |
+| fullRightThreshold   | Threshold for a right full swipe (0-1)                       | number                                                | no       | iOS/Android | yes               |
+| fullSwipeLeft        | Whether to allow a full left swipe                           | boolean                                               | no       | iOS/Android | yes               |
+| fullSwipeRight       | Whether to allow a full right swipe                          | boolean                                               | no       | iOS/Android | yes               |
+| itemsIconSize        | The items' icon size                                         | number                                                | no       | iOS/Android | yes               |
+| itemsMinWidth        | Set a different minimum width                                | number                                                | no       | iOS/Android | yes               |
+| itemsTextStyle       | The items' text style                                        | TextStyle                                             | no       | iOS/Android | yes               |
+| itemsTintColor       | The color for the text and icon tint of the items            | string                                                | no       | iOS/Android | yes               |
+| leftItem             | The bottom layer's item to appear when opened from the left (a single item) | ItemProps                                             | no       | iOS/Android | yes               |
+| onDragStart          | Called when drag gesture starts                              | () => any                                             | no       | iOS/Android | yes               |
+| onFullSwipeLeft      | Callback for left item full swipe                            | () => void                                            | no       | iOS/Android | yes               |
+| onFullSwipeRight     | Callback for right item full swipe                           | () => void                                            | no       | iOS/Android | yes               |
+| onSwipeableWillClose | Callback for close action                                    | () => void                                            | no       | iOS/Android | yes               |
+| onSwipeableWillOpen  | Callback for open action                                     | () => void                                            | no       | iOS/Android | yes               |
+| onToggleSwipeLeft    | Callback for left item toggle swipe                          | () => {rowWidth, leftWidth, dragX, resetItemPosition} | no       | iOS/Android | yes               |
+| onWillFullSwipeLeft  | Callback for just before left item full swipe                | () => void                                            | no       | iOS/Android | yes               |
+| onWillFullSwipeRight | Callback for just before right item full swipe               | () => void                                            | no       | iOS/Android | yes               |
+| rightItems           | The bottom layer's items to appear when opened from the right | ItemProps[]                                           | no       | iOS/Android | yes               |
+| style                | Component's style                                            | ViewStyle                                             | no       | iOS/Android | yes               |
+| testID               | The test id for e2e tests                                    | string                                                | no       | iOS/Android | yes               |
+| useNativeAnimations  | Perform the animation in natively                            | boolean                                               | no       | iOS/Android | yes               |
+
+**GridList**：网格列表组件，扩展了[FlatList](https://reactnative.dev/docs/flatlist)组件。
+
+| Name                  | Description                                                  | Type                                | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
+| containerWidth        | Pass when you want to use a custom container width for calculation | number                              | no       | iOS/Android | yes               |
+| contentContainerStyle | Custom content container style                               | ScrollView[ contentContainerStyle ] | no       | iOS/Android | yes               |
+| itemSpacing           | Spacing between each item                                    | number                              | no       | iOS/Android | yes               |
+| keepItemSize          | whether to keep the items initial size when orientation changes, in which case the apt number of columns will be calculated automatically. | boolean                             | no       | iOS/Android | yes               |
+| listPadding           | List padding (used for item size calculation)                | number                              | no       | iOS/Android | yes               |
+| maxItemWidth          | Allow a responsive item width to the maximum item width      | number                              | no       | iOS/Android | yes               |
+| numColumns            | Number of items to show in a row (ignored when passing maxItemWidth) | number                              | no       | iOS/Android | yes               |
+
+**GridListItem**：单个网格视图/列表项组件。
+
+| Name                      | Description                                                 | Type                               | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ----------------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
+| alignToStart              | Should content be align to start                            | boolean                            | no       | iOS/Android | yes               |
+| containerProps            | Props to pass on to the touchable container                 | TouchableOpacityProps \| ViewProps | no       | iOS/Android | yes               |
+| containerStyle            | Custom container style                                      | ViewStyle                          | no       | iOS/Android | yes               |
+| description               | Description content text                                    | string \| React.ReactElement       | no       | iOS/Android | yes               |
+| descriptionColor          | Description content color                                   | string                             | no       | iOS/Android | yes               |
+| descriptionLines          | Description content number of lines                         | number                             | no       | iOS/Android | yes               |
+| descriptionTypography     | Description content typography                              | string                             | no       | iOS/Android | yes               |
+| horizontalAlignment       | Content horizontal alignment                                | HorizontalAlignment                | no       | iOS/Android | yes               |
+| imageProps                | Image props object for rendering an image item              | ImageProps                         | no       | iOS/Android | yes               |
+| itemSize                  | The item size                                               | number \| ImageSize                | no       | iOS/Android | yes               |
+| onPress                   | The item's action handler                                   | TouchableOpacityProps ['onPress']  | no       | iOS/Android | yes               |
+| overlayText               | Renders the title, subtitle and description inside the item | boolean                            | no       | iOS/Android | yes               |
+| overlayTextContainerStyle | Custom container styling for inline text                    | ViewStyle                          | no       | iOS/Android | yes               |
+| renderCustomItem          | Custom GridListItem to be rendered in the GridView          | () => React.ReactElement           | no       | iOS/Android | yes               |
+| renderOverlay             | Renders an overlay on top of the image                      | () => React.ReactElement           | no       | iOS/Android | yes               |
+| subtitle                  | Subtitle content text                                       | string \| React.ReactElement       | no       | iOS/Android | yes               |
+| subtitleColor             | Subtitle content color                                      | string                             | no       | iOS/Android | yes               |
+| subtitleLines             | Subtitle content number of lines                            | number                             | no       | iOS/Android | yes               |
+| subtitleTypography        | Subtitle content typography                                 | string                             | no       | iOS/Android | yes               |
+| testID                    | Test ID for component                                       | string                             | no       | iOS/Android | yes               |
+| title                     | Title content text                                          | string \| React.ReactElement       | no       | iOS/Android | yes               |
+| titleColor                | Title content color                                         | string                             | no       | iOS/Android | yes               |
+| titleLines                | Title content number of lines                               | number                             | no       | iOS/Android | yes               |
+| titleTypography           | Title content typography                                    | string                             | no       | iOS/Android | yes               |
+
+**GridView**：网格视图组件。
+
+| Name                 | Description                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| itemSpacing          | Spacing between each item                                    | number                                          | no       | iOS/Android | yes               |
+| items                | The list of items based on GridListItem props                | GridListItemProps[]                             | no       | iOS/Android | yes               |
+| keepItemSize         | whether to keep the items initial size when orientation changes, in which case the apt number of columns will be calculated automatically. | boolean                                         | no       | iOS/Android | yes               |
+| lastItemLabel        | overlay label for the last item                              | string \| number                                | no       | iOS/Android | yes               |
+| lastItemOverlayColor | color of overlay label for the last item                     | string                                          | no       | iOS/Android | yes               |
+| numColumns           | Number of items to show in a row                             | number                                          | no       | iOS/Android | yes               |
+| renderCustomItem     | Pass to render a custom item                                 | (item: GridListItemProps) => React.ReactElement | no       | iOS/Android | yes               |
+| viewWidth            | pass the desired grid view width (will improve loading time) | number                                          | no       | iOS/Android | yes               |
+
+**ListItem**：列表中列表项组件，该组件扩展了[TouchableOpacity](https://reactnative.dev/docs/touchableopacity)属性。
+
+| Name             | Description                                | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| containerElement | The container element to wrap the ListItem | React.ComponentType <ListItemProps \| TouchableOpacityProps> | no       | iOS/Android | yes               |
+| containerStyle   | Additional styles for the top container    | ViewStyle                                                    | no       | iOS/Android | yes               |
+| height           | the list item height                       | ViewStyle['height']                                          | no       | iOS/Android | yes               |
+| onLongPress      | action for when long pressing the item     | () => void                                                   | no       | iOS/Android | yes               |
+| onPress          | action for when pressing the item          | () => void                                                   | no       | iOS/Android | yes               |
+| style            | The inner element style                    | ViewStyle                                                    | no       | iOS/Android | yes               |
+| testID           | The test id for e2e tests                  | string                                                       | no       | iOS/Android | yes               |
+| underlayColor    | The inner element pressed backgroundColor  | string                                                       | no       | iOS/Android | yes               |
+
+**ListItem.Part**：用于在 ListItem 内进行布局的子 ListItem 组件。
+
+| Name           | Description                                   | Type      | Required | Platform    | HarmonyOS Support |
+| -------------- | --------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| column         | this part content direction will be column    | boolean   | no       | iOS/Android | yes               |
+| containerStyle | container style                               | ViewStyle | no       | iOS/Android | yes               |
+| left           | this part content will be aligned to left     | boolean   | no       | iOS/Android | yes               |
+| middle         | this part content will be aligned to spreaded | boolean   | no       | iOS/Android | yes               |
+| right          | this part content will be aligned to right    | boolean   | no       | iOS/Android | yes               |
+| row            | this part content direction will be row       | boolean   | no       | iOS/Android | yes               |
+
+**SortableGridList**：可排序网格列表组件，该组件扩展了[GridList](https://wix.github.io/react-native-ui-lib/docs/components/lists/GridList)组件属性。
+
+| Name          | Description                                                  | Type                                         | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | -------------------------------------------- | -------- | ----------- | ----------------- |
+| data          | Do not update 'data' in 'onOrderChange' (i.e. for each order change); only update it when you change the items (i.g. adding and removing an item). Data of items with an id prop as unique identifier | any[] & {id: string}                         | no       | iOS/Android | yes               |
+| extraData     | Pass any extra data that should trigger a re-render          | any                                          | no       | iOS/Android | yes               |
+| onOrderChange | Order change callback                                        | (newData: T[], newOrder: ItemsOrder) => void | no       | iOS/Android | yes               |
+| renderItem    | Custom render item callback                                  | FlatListProps ['renderItem']                 | no       | iOS/Android | yes               |
+
+**SortableList**：可排序列表组件，该组件扩展了[FlatList](https://reactnative.dev/docs/flatlist)组件属性。
+
+| Name          | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| data          | Do not update 'data' in 'onOrderChange' (i.e. for each order change); only update it when you change the items (i.g. adding and removing an item).The data of the list, with an id prop as unique identifier. | ItemT[] (ItemT extends {id: string})                         | no       | iOS/Android | yes               |
+| enableHaptic  | Whether to enable the haptic feedback. (please note that react-native-haptic-feedback does not support the specific haptic type on Android starting on an unknown version, you can use 1.8.2 for it to work properly) | boolean                                                      | no       | iOS/Android | yes               |
+| itemProps     | Extra props for the item.                                    | {margins?: {marginTop?: number; marginBottom?: number; marginLeft?: number; marginRight?: number}} | no       | iOS/Android | yes               |
+| onOrderChange | A callback to get the new order (or swapped items).          | (data: ItemT[]) => void                                      | no       | iOS/Android | yes               |
+| scale         | Scale the item once dragged.                                 | number                                                       | no       | iOS/Android | yes               |
+
+**Timeline**：时间线组件，该组件扩展了[View](https://reactnative.dev/docs/view)组件属性。
+
+| Name            | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Background color for the item                                | string                             | no       | iOS/Android | yes               |
+| bottomLine      | The bottom line props                                        | LineProps                          | no       | iOS/Android | yes               |
+| point           | The point props                                              | PointProps                         | no       | iOS/Android | yes               |
+| renderContent   | Custom content to render right to the timeline indicator     | any                                | no       | iOS/Android | yes               |
+| state           | The state of the timeline. Will affect the color of the indication (use static 'states') | current \| next \| error \|success | no       | iOS/Android | yes               |
+| testID          | The test id for e2e tests                                    | string                             | no       | iOS/Android | yes               |
+| topLine         | The top line props                                           | LineProps                          | no       | iOS/Android | yes               |
+
+**AnimatedImage**：图像加载后以动画淡入的图像组件，该组件扩展了[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件属性。
+
+| Name              | Description                                              | Type        | Required | Platform    | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| animationDuration | Duration for the fade animation when the image is loaded | number      | no       | iOS/Android | yes               |
+| containerStyle    | Additional spacing styles for the container              | ViewStyle   | no       | iOS/Android | yes               |
+| loader            | A component to render while the image is loading         | JSX.element | no       | iOS/Android | yes               |
+
+**AnimatedScanner**：该组件扩展了[Animated.View](https://reactnative.dev/docs/animated)组件属性。
+
+| Name            | Description                                              | Type                         | Required | Platform    | HarmonyOS Support |
+| --------------- | -------------------------------------------------------- | ---------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Background color                                         | string                       | no       | iOS/Android | yes               |
+| containerStyle  | Component's container style                              | ViewStyle                    | no       | iOS/Android | yes               |
+| duration        | Duration of current break (can be change between breaks) | number                       | no       | iOS/Android | yes               |
+| hideScannerLine | Whether to hide the scanner line                         | boolean                      | no       | iOS/Android | yes               |
+| onBreakpoint    | Breakpoint callback                                      | ({progress, isDone}) => void | no       | iOS/Android | yes               |
+| opacity         | Opacity                                                  | number                       | no       | iOS/Android | yes               |
+| progress        | Animated value between 0 and 100                         | number                       | no       | iOS/Android | yes               |
+| testID          | Used as a testing identifier                             | string                       | no       | iOS/Android | yes               |
+
+**Avatar**：头像组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)，[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件属性。
+
+| Name             | Description                                                  | Type                                              | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| animate          | Adds fade in animation when Avatar image loads               | boolean                                           | no       | iOS/Android | yes               |
+| autoColorsConfig | Send this to use the name to infer a backgroundColor         | AutoColorsProps                                   | no       | iOS/Android | yes               |
+| backgroundColor  | Background color for Avatar                                  | string                                            | no       | iOS/Android | yes               |
+| badgePosition    | Badge location on Avatar                                     | TOP_RIGHT \|TOP_LEFT \|BOTTOM_RIGHT \|BOTTOM_LEFT | no       | iOS/Android | yes               |
+| badgeProps       | Badge props passed down to Badge component                   | BadgeProps                                        | no       | iOS/Android | yes               |
+| containerStyle   | Additional spacing styles for the container                  | ViewStyle                                         | no       | iOS/Android | yes               |
+| customRibbon     | Custom ribbon                                                | JSX.Element                                       | no       | iOS/Android | yes               |
+| imageProps       | Image props object                                           | ImageProps                                        | no       | iOS/Android | yes               |
+| imageStyle       | Image style object used to pass additional style props by components which render image | ImageStyle                                        | no       | iOS/Android | yes               |
+| isOnline         | Determine if to show online badge                            | boolean                                           | no       | iOS/Android | yes               |
+| label            | Label that can represent initials                            | string                                            | no       | iOS/Android | yes               |
+| labelColor       | The label color                                              | string                                            | no       | iOS/Android | yes               |
+| name             | The name of the avatar user. If no label is provided, the initials will be generated from the name. autoColorsConfig will use the name to create the background color of the Avatar. | string                                            | no       | iOS/Android | yes               |
+| onImageLoadEnd   | Listener-callback for when an image's (uri) loading either succeeds or fails (equiv. to Image.onLoadEnd()). | ImagePropsBase ['onLoadEnd']                      | no       | iOS/Android | yes               |
+| onImageLoadError | Listener-callback for when an image's (uri) loading fails (equiv. to Image.onError()). | ImagePropsBase ['onError']                        | no       | iOS/Android | yes               |
+| onImageLoadStart | Listener-callback for when an image's (uri) loading starts (equiv. to Image.onLoadStart()). | ImagePropsBase ['onLoadStart']                    | no       | iOS/Android | yes               |
+| onPress          | Press handler                                                | (props: any) => void                              | no       | iOS/Android | yes               |
+| ribbonLabel      | Ribbon label to display on the avatar                        | string                                            | no       | iOS/Android | yes               |
+| ribbonLabelStyle | Ribbon label custom style                                    | TextStyle                                         | no       | iOS/Android | yes               |
+| ribbonStyle      | Ribbon custom style                                          | ViewStyle                                         | no       | iOS/Android | yes               |
+| size             | Custom size for the Avatar                                   | number                                            | no       | iOS/Android | yes               |
+| source           | The image source (external or from assets)                   | ImageSourcePropType                               | no       | iOS/Android | yes               |
+| status           | AWAY, ONLINE, OFFLINE or NONE mode (if set to a value other then 'NONE' will override isOnline prop) | StatusModes                                       | no       | iOS/Android | yes               |
+| testID           | Test identifier                                              | string                                            | no       | iOS/Android | yes               |
+| useAutoColors    | Hash the name (or label) to get a color, so each name will have a specific color. Default is false. | boolean                                           | no       | iOS/Android | yes               |
+
+**Icon**：图标组件，该组件扩展了[Image](https://reactnative.dev/docs/image)组件属性。
+
+| Name        | Description                                              | Type              | Required | Platform    | HarmonyOS Support |
+| ----------- | -------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
+| assetGroup  | the asset group, default is icons                        | string            | no       | iOS/Android | yes               |
+| assetName   | if provided icon source will be driven from asset name   | string            | no       | iOS/Android | yes               |
+| recorderTag | Recorder Tag                                             | 'mask' \|'unmask' | no       | iOS/Android | yes               |
+| size        | The icon size                                            | number            | no       | iOS/Android | yes               |
+| supportRTL  | whether the image should flip horizontally on RTL locals | boolean           | no       | iOS/Android | yes               |
+| tintColor   | The icon tint                                            | string            | no       | iOS/Android | yes               |
+
+**Image**：图片组件，该组件扩展了[Image](https://reactnative.dev/docs/image)组件属性。
+
+| Name                   | Description                                                  | Type                                | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
+| aspectRatio            | The aspect ratio for the image                               | number                              | no       | iOS/Android | yes               |
+| assetGroup             | the asset group, default is icons                            | string                              | no       | iOS/Android | yes               |
+| assetName              | if provided image source will be driven from asset name      | string                              | no       | iOS/Android | yes               |
+| cover                  | Show image as a cover, full width, image (according to aspect ratio, default: 16:8) | boolean                             | no       | iOS/Android | yes               |
+| customOverlayContent   | Render an overlay with custom content                        | JSX.Element                         | no       | iOS/Android | yes               |
+| errorSource            | Default image source in case of an error                     | ImageSourcePropType                 | no       | iOS/Android | yes               |
+| imageId                | An imageId that can be used in sourceTransformer logic       | string                              | no       | iOS/Android | yes               |
+| overlayColor           | Pass a custom color for the overlay                          | string                              | no       | iOS/Android | yes               |
+| overlayIntensity       | OverlayIntensityType                                         | LOW \|MEDIUM \|HIGH                 | no       | iOS/Android | yes               |
+| overlayType            | the image MUST have proper size, The type of overlay to place on top of the image. | VERTICAL \|TOP \|BOTTOM \|SOLID     | no       | iOS/Android | yes               |
+| recorderTag            | Recorder Tag                                                 | 'mask' \| 'unmask'                  | no       | iOS/Android | yes               |
+| sourceTransformer      | custom source transform handler for manipulating the image source (great for size control) | (props: any) => ImageSourcePropType | no       | iOS/Android | yes               |
+| supportRTL             | whether the image should flip horizontally on RTL locals     | boolean                             | no       | iOS/Android | yes               |
+| tintColor              | the asset tint                                               | string                              | no       | iOS/Android | yes               |
+| useBackgroundContainer | Use a container for the Image, this can solve issues on Android when animation needs to be performed on the same view; i.e. animation related crashes on Android. | boolean                             | no       | iOS/Android | yes               |
+
+**Marquee**：滑动文本组件。
+
+| Name           | Description                             | Type               | Required | Platform    | HarmonyOS Support |
+| -------------- | --------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
+| containerStyle | Custom container style                  | ViewProps['style'] | no       | iOS/Android | yes               |
+| direction      | Marquee direction                       | MarqueeDirections  | no       | iOS/Android | yes               |
+| duration       | Marquee animation duration              | number             | no       | iOS/Android | yes               |
+| label          | Marquee label                           | string             | no       | iOS/Android | yes               |
+| labelStyle     | Marquee label style                     | TextProps['style'] | no       | iOS/Android | yes               |
+| numberOfReps   | Marquee animation number of repetitions | number             | no       | iOS/Android | yes               |
+
+**ProgressiveImage**：带动画的图像组件，该组件扩展了[AnimatedImage](https://wix.github.io/react-native-ui-lib/docs/components/media/AnimatedImage)组件属性。
+
+| Name            | Description                                                  | Type        | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| thumbnailSource | Small thumbnail source to display while the full-size image is loading | ImageSource | no       | iOS/Android | yes               |
+
+**PageControl**：页面指示器组件。
+
+| Name            | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
+| color           | Color of the selected page dot and, if inactiveColor not passed, the border of the not selected pages | string                             | no       | iOS/Android | yes               |
+| containerStyle  | Additional styles for the top container                      | ViewStyle                          | no       | iOS/Android | yes               |
+| currentPage     | Zero-based index of the current page                         | number                             | no       | iOS/Android | yes               |
+| enlargeActive   | Whether to enlarge the active page indicator. Irrelevant when limitShownPages is in effect. | boolean                            | no       | iOS/Android | yes               |
+| inactiveColor   | Color of the unselected page dots and the border of the not selected pages | string                             | no       | iOS/Android | yes               |
+| limitShownPages | Limit the number of page indicators shown.\enlargeActive prop is disabled in this state, when set to true there will be maximum of 7 shown.\Only relevant when numOfPages > 5. | boolean                            | no       | iOS/Android | yes               |
+| numOfPages      | Total number of pages                                        | number                             | no       | iOS/Android | yes               |
+| onPagePress     | Action handler for clicking on a page indicator              | (index: number) => void            | no       | iOS/Android | yes               |
+| size            | The size of the page indicator.\When setting limitShownPages the medium sized will be 2/3 of size and the small will be 1/3 of size.\An alternative is to send an array [smallSize, mediumSize, largeSize]. | number \| [number, number, number] | no       | iOS/Android | yes               |
+| spacing         | The space between the siblings page indicators               | number                             | no       | iOS/Android | yes               |
+| testID          | Used to identify the pageControl in tests                    | string                             | no       | iOS/Android | yes               |
+
+**TabController**：具有延迟加载机制的选项卡控制器组件，该组件基于react-native-gesture-handler，使用react-native-navigation时，请确保使用gestureHandlerRootHOC包裹屏幕。
+
+| Name              | Description                                                  | Type                                               | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | -------------------------------------------------- | -------- | ----------- | ----------------- |
+| asCarousel        | When using TabController.PageCarousel this should be turned on | boolean                                            | no       | iOS/Android | yes               |
+| carouselPageWidth | Pass for custom carousel page width                          | number                                             | no       | iOS/Android | yes               |
+| initialIndex      | Initial selected index                                       | number                                             | no       | iOS/Android | yes               |
+| items             | The list of tab bar items                                    | TabControllerItemProps []                          | no       | iOS/Android | yes               |
+| onChangeIndex     | Callback for when index has change (will not be called on ignored items) | (index: number, prevIndex: number \| null) => void | no       | iOS/Android | yes               |
+
+**TabController.PageCarousel**：TabController 的 PageCarousel 组件，该组件扩展了[ScrollView](https://reactnative.dev/docs/scrollview)组件属性。
+
+| Name                       | Description                                                  | Type      | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------ | --------- | -------- | ----------- | ----------------- |
+| TabController.PageCarousel | TabController's PageCarousel component，You must pass asCarousel flag to TabController and render your TabPages inside a PageCarousel | Component | no       | iOS/Android | yes               |
+
+**TabController.TabBar**：TabController的TabBar组件。
+
+| Name                  | Description                                  | Type      | Required | Platform    | HarmonyOS Support |
+| --------------------- | -------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| activeBackgroundColor | Apply background color on press for tab item | string    | no       | iOS/Android | yes               |
+| backgroundColor       | The TabBar background Color                  | string    | no       | iOS/Android | yes               |
+| centerSelected        | Pass to center selected item                 | boolean   | no       | iOS/Android | yes               |
+| containerStyle        | Additional styles for the container          | ViewStyle | no       | iOS/Android | yes               |
+| containerWidth        | The TabBar container width                   | number    | no       | iOS/Android | yes               |
+| enableShadow          | Show Tab Bar bottom shadow                   | boolean   | no       | iOS/Android | yes               |
+| height                | Tab Bar height                               | number    | no       | iOS/Android | yes               |
+| iconColor             | Icon tint color                              | string    | no       | iOS/Android | yes               |
+| indicatorInsets       | The indicator insets                         | number    | no       | iOS/Android | yes               |
+| indicatorStyle        | Custom style for the selected indicator      | ViewStyle | no       | iOS/Android | yes               |
+| labelColor            | The default label color                      | string    | no       | iOS/Android | yes               |
+| labelStyle            | Custom label style                           | TextStyle | no       | iOS/Android | yes               |
+| selectedIconColor     | Icon selected tint color                     | string    | no       | iOS/Android | yes               |
+| selectedLabelColor    | The selected label color                     | string    | no       | iOS/Android | yes               |
+| selectedLabelStyle    | Custom selected label style                  | TextStyle | no       | iOS/Android | yes               |
+| shadowStyle           | Custom shadow style                          | ViewStyle | no       | iOS/Android | yes               |
+| spreadItems           | Whether the tabBar should be spread          | boolean   | no       | iOS/Android | yes               |
+| testID                | The component test id                        | string    | no       | iOS/Android | yes               |
+| uppercase             | Whether to change the text to uppercase      | boolean   | no       | iOS/Android | yes               |
+
+**TabController.TabBarItem**：TabController的TabBarItem组件。
+
+| Name                  | Description                                          | Type                    | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------- | ----------------------- | -------- | ----------- | ----------------- |
+| activeBackgroundColor | Apply background color on press for TouchableOpacity | string                  | no       | iOS/Android | yes               |
+| activeOpacity         | The active opacity when pressing a tab               | number                  | no       | iOS/Android | yes               |
+| backgroundColor       | Apply background color for the tab bar item          | string                  | no       | iOS/Android | yes               |
+| badge                 | Badge component props to display next the item label | BadgeProps              | no       | iOS/Android | yes               |
+| icon                  | Icon of the tab                                      | number                  | no       | iOS/Android | yes               |
+| iconColor             | Icon tint color                                      | string                  | no       | iOS/Android | yes               |
+| ignore                | Ignore tab presses                                   | boolean                 | no       | iOS/Android | yes               |
+| label                 | Label of the tab                                     | string                  | no       | iOS/Android | yes               |
+| labelColor            | The default label color                              | string                  | no       | iOS/Android | yes               |
+| labelProps            | Extra label props to pass to label Text element      | TextProps               | no       | iOS/Android | yes               |
+| labelStyle            | Custom label style                                   | TextStyle               | no       | iOS/Android | yes               |
+| leadingAccessory      | Pass to render a leading element                     | ReactElement            | no       | iOS/Android | yes               |
+| onPress               | Callback for when pressing a tab                     | (index: number) => void | no       | iOS/Android | yes               |
+| selectedIconColor     | Icon selected tint color                             | string                  | no       | iOS/Android | yes               |
+| selectedLabelColor    | The selected label color                             | string                  | no       | iOS/Android | yes               |
+| selectedLabelStyle    | Custom selected label style                          | TextStyle               | no       | iOS/Android | yes               |
+| style                 | Pass custom style                                    | ViewStyle               | no       | iOS/Android | yes               |
+| testID                | Used as a testing identifier                         | string                  | no       | iOS/Android | yes               |
+| trailingAccessory     | Pass to render a trailing element                    | ReactElement            | no       | iOS/Android | yes               |
+| uppercase             | Whether to change the text to uppercase              | boolean                 | no       | iOS/Android | yes               |
+| width                 | A fixed width for the item                           | number                  | no       | iOS/Android | yes               |
+
+**TabController.TabPage**：TabController的TabPage 组件。
+
+| Name          | Description                                                  | Type              | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
+| index         | The index of the the TabPage                                 | number            | no       | iOS/Android | yes               |
+| lazy          | Whether this page should be loaded lazily                    | boolean           | no       | iOS/Android | yes               |
+| lazyLoadTime  | How long to wait till lazy load complete (good for showing loader screens) | number            | no       | iOS/Android | yes               |
+| renderLoading | Render a custom loading page when lazy loading               | () => JSX.Element | no       | iOS/Android | yes               |
+| testID        | The component test id                                        | string            | no       | iOS/Android | yes               |
+
+**Wizard**：向导组件。
+
+| Name                 | Description                                                  | Type                    | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------------- | -------- | ----------- | ----------------- |
+| activeConfig         | The configuration of the active step (see Wizard.Step.propTypes) | WizardStepProps         | no       | iOS/Android | yes               |
+| activeIndex          | The active step's index                                      | number                  | no       | iOS/Android | yes               |
+| containerStyle       | Add or override style of the container                       | ViewStyle               | no       | iOS/Android | yes               |
+| onActiveIndexChanged | Callback that is called when the active step is changed (i.e. a step was clicked on). The new activeIndex will be the input of the callback | (index: number) => void | no       | iOS/Android | yes               |
+| testID               | The component test id                                        | string                  | no       | iOS/Android | yes               |
+
+**Wizard.Step**：向导组件中Step组件。
+
+| Name                  | Description                                                  | Type             | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| accessibilityInfo     | Extra text to be read in accessibility mode                  | string           | no       | iOS/Android | yes               |
+| circleBackgroundColor | Circle's background color                                    | string           | no       | iOS/Android | yes               |
+| circleColor           | Color of the circle                                          | string           | no       | iOS/Android | yes               |
+| circleSize            | The step's circle size (diameter)                            | number           | no       | iOS/Android | yes               |
+| color                 | Color of the step index (or of the icon, when provided)      | string           | no       | iOS/Android | yes               |
+| connectorStyle        | Additional styles for the connector                          | ViewStyle        | no       | iOS/Android | yes               |
+| enabled               | Whether the step should be enabled                           | boolean          | no       | iOS/Android | yes               |
+| icon                  | Icon to replace the (default) index                          | ImageProps       | no       | iOS/Android | yes               |
+| indexLabelStyle       | Additional styles for the index's label (when icon is not provided) | TextStyle        | no       | iOS/Android | yes               |
+| label                 | The label of the item                                        | string           | no       | iOS/Android | yes               |
+| labelStyle            | Additional styles for the label                              | TextStyle        | no       | iOS/Android | yes               |
+| state                 | The state of the step (Wizard.States.X)                      | WizardStepStates | no       | iOS/Android | yes               |
+
+**ActionSheet**：弹窗选择组件。
+
+| Name                   | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| cancelButtonIndex      | Index of the option represents the cancel action (to be displayed as the separated bottom bold button) | number                                                       | no       | iOS/Android | yes               |
+| containerStyle         | Add or override style of the action sheet (wraps the title and actions) | ViewStyle                                                    | no       | iOS/Android | yes               |
+| destructiveButtonIndex | Index of the option represents the destructive action (will display red text. Usually used for delete or abort actions) | number                                                       | no       | iOS/Android | yes               |
+| dialogStyle            | Add or override style of the dialog wrapping the action sheet | ViewStyle                                                    | no       | iOS/Android | yes               |
+| message                | Message of the action sheet                                  | string                                                       | no       | iOS/Android | yes               |
+| onDismiss              | Called when dismissing the action sheet (usually used for setting 'visible' prop to false) | DialogProps['onDismiss']                                     | no       | iOS/Android | yes               |
+| onModalDismissed       | iOS only, modal only. Called once the modal has been dismissed | DialogProps ['onDialogDismissed']                            | no       | iOS         | no                |
+| options                | List of options for the action sheet, follows the Button prop types (supply 'label' string and 'onPress' function) | Array<ButtonProps>                                           | no       | iOS/Android | yes               |
+| optionsStyle           | Add or override style of the options list                    | ViewStyle                                                    | no       | iOS/Android | yes               |
+| renderAction           | You will need to call 'onOptionPress' so the option's 'onPress' will be called. Render custom action | ( option: ButtonProps, index: number, onOptionPress: ActionSheetOnOptionPress ) => JSX.Element | no       | iOS/Android | yes               |
+| renderTitle            | Render custom title                                          | () => JSX.Element                                            | no       | iOS/Android | yes               |
+| showCancelButton       | When passed (only with useNativeIOS), will display a cancel button at the bottom (overrides cancelButtonIndex) | boolean                                                      | no       | iOS/Android | yes               |
+| testID                 | The test id for e2e tests                                    | string                                                       | no       | iOS/Android | yes               |
+| title                  | If both 'title' and 'message' are not passed will not render the title view at all. Title of the action sheet | string                                                       | no       | iOS/Android | yes               |
+| useNativeIOS           | Should use the native action sheet for iOS                   | boolean                                                      | no       | iOS/Android | yes               |
+| useSafeArea            | In iOS, use safe area, in case component attached to the bottom | boolean                                                      | no       | iOS/Android | yes               |
+| visible                | Whether to show the action sheet or not                      | boolean                                                      | no       | iOS/Android | yes               |
+
+**Dialog**：弹窗组件。
+
+| Name                   | Description                                                  | Type                        | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------- | ----------------- |
+| containerStyle         | Component's container style                                  | ViewStyle                   | no       | iOS/Android | yes               |
+| height                 | Height                                                       | string \|number             | no       | iOS/Android | yes               |
+| ignoreBackgroundPress  | Whether or not to ignore background press                    | boolean                     | no       | iOS/Android | yes               |
+| onDialogDismissed      | Called once the dialog has been dismissed completely         | (props: any) => void        | no       | iOS/Android | yes               |
+| onDismiss              | Called when clicking on the background                       | (props?: any) => void       | no       | iOS/Android | yes               |
+| overlayBackgroundColor | The color of the overlay background                          | string                      | no       | iOS/Android | yes               |
+| panDirection           | The direction of the allowed pan                             | UP \|DOWN \|LEFT \|RIGHT    | no       | iOS/Android | yes               |
+| pannableHeaderProps    | The props that will be passed to the pannable header         | any                         | no       | iOS/Android | yes               |
+| renderPannableHeader   | If this is added only the header will be pannable. Props are transferred to the 'renderPannableHeader'. For scrollable content (the children of the dialog) | (props: any) => JSX.Element | no       | iOS/Android | yes               |
+| testID                 | The test id for e2e tests                                    | string                      | no       | iOS/Android | yes               |
+| useSafeArea            | In iOS, use safe area, in case component attached to the bottom | boolean                     | no       | iOS/Android | yes               |
+| visible                | Control visibility of the component                          | boolean                     | no       | iOS/Android | yes               |
+| width                  | Width                                                        | string \| number            | no       | iOS/Android | yes               |
+
+**FeatureHighlight**：功能发现组件，FeatureHighlight 组件必须是 render() 返回的根视图的直接子级，如果要突出显示的元素没有样式属性，请添加 'style={{opacity: 1}}' 以便 Android 操作系统可以检测到它，FeatureHighlight 使用native库，你需要引入它。
+
+| Name                 | Description                                                  | Type                                      | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------------------------------- | -------- | ----------- | ----------------- |
+| borderColor          | Color of the border around the highlighted element           | string                                    | no       | iOS/Android | yes               |
+| borderRadius         | Border radius for the border corners around the highlighted element | number                                    | no       | iOS/Android | yes               |
+| borderWidth          | Width of the border around the highlighted element           | number                                    | no       | iOS/Android | yes               |
+| confirmButtonProps   | Props that will be passed to the dismiss button              | ButtonProps                               | no       | iOS/Android | yes               |
+| getTarget            | Callback that extract the ref of the element to be highlighted | () => any                                 | no       | iOS/Android | yes               |
+| highlightFrame       | Frame of the area to highlight {x, y, width, height}         | HighlightFrame                            | no       | iOS/Android | yes               |
+| innerPadding         | The padding of the highlight frame around the highlighted element's frame (only when passing ref in 'getTarget') | number                                    | no       | iOS/Android | yes               |
+| message              | Message to be displayed                                      | string                                    | no       | iOS/Android | yes               |
+| messageNumberOfLines | Message's max number of lines                                | number                                    | no       | iOS/Android | yes               |
+| messageStyle         | Message text style                                           | TextStyle                                 | no       | iOS/Android | yes               |
+| minimumRectSize      | Android API 21+, and only when passing a ref in 'getTarget'. The minimum size of the highlighted component | RectSize                                  | no       | iOS/Android | yes               |
+| onBackgroundPress    | Called the background pressed                                | TouchableWithoutFeedbackProps ['onPress'] | no       | iOS/Android | yes               |
+| overlayColor         | Color of the content's background (usually includes alpha for transparency) | string                                    | no       | iOS/Android | yes               |
+| pageControlProps     | PageControl component's props                                | PageControlProps                          | no       | iOS/Android | yes               |
+| testID               | The test id for e2e tests                                    | string                                    | no       | iOS/Android | yes               |
+| textColor            | Color of the content's text                                  | string                                    | no       | iOS/Android | yes               |
+| title                | Title of the content to be displayed                         | string                                    | no       | iOS/Android | yes               |
+| titleNumberOfLines   | Title's max number of lines                                  | number                                    | no       | iOS/Android | yes               |
+| titleStyle           | Title text style                                             | TextStyle                                 | no       | iOS/Android | yes               |
+| visible              | Determines if to present the feature highlight component     | boolean                                   | no       | iOS/Android | yes               |
+
+**FloatingButton**：具有渐变的悬浮按钮。
+
+| Name                  | Description                                                  | Type                  | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | --------------------- | -------- | ----------- | ----------------- |
+| bottomMargin          | The bottom margin of the button, or secondary button if passed | number                | no       | iOS/Android | yes               |
+| button                | Props for the Button component                               | ButtonProps           | no       | iOS/Android | yes               |
+| buttonLayout          | Button layout direction: vertical or horizontal              | FloatingButtonLayouts | no       | iOS/Android | yes               |
+| duration              | The duration of the button's animations (show/hide)          | number                | no       | iOS/Android | yes               |
+| fullWidth             | Relevant to vertical layout only. Whether the buttons get the container's full with | boolean               | no       | iOS/Android | yes               |
+| hideBackgroundOverlay | Whether to show background overlay                           | boolean               | no       | iOS/Android | yes               |
+| secondaryButton       | Props for the secondary Button component                     | ButtonProps           | no       | iOS/Android | yes               |
+| testID                | Use `testID.button` for the main button or `testID.secondaryButton` for the secondary. The test id for e2e tests | string                | no       | iOS/Android | yes               |
+| visible               | Whether the component is visible                             | boolean               | no       | iOS/Android | yes               |
+| withoutAnimation      | Whether to show/hide the button without animation            | boolean               | no       | iOS/Android | yes               |
+
+**Modal**：模态框组件，该组件扩展了[Modal](https://reactnative.dev/docs/modal)组件属性。
+
+| Name                      | Description                                                  | Type                                   | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | -------------------------------------- | -------- | ----------- | ----------------- |
+| accessibilityLabel        | Overrides the text that's read by the screen reader when the user interacts with the element.\By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space. | string                                 | no       | iOS/Android | yes               |
+| blurView                  | A custom view to use as a BlurView instead of the default one | JSX.Element                            | no       | iOS/Android | yes               |
+| enableModalBlur           | iOS only. Blurs the modal background when transparent        | boolean                                | no       | iOS         | no                |
+| onBackgroundPress         | allow dismissing a modal when clicking on its background     | (event: GestureResponderEvent) => void | no       | iOS/Android | yes               |
+| overlayBackgroundColor    | The background color of the overlay                          | string                                 | no       | iOS/Android | yes               |
+| testID                    | The modal's end-to-end test identifier                       | string                                 | no       | iOS/Android | yes               |
+| useGestureHandlerRootView | Android only. Should add a GestureHandlerRootView            | boolean                                | no       | Android     | no                |
+
+**Modal.TopBar**：模态框的TopBar组件。
+
+| Name              | Description                                                | Type                                   | Required | Platform    | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------------- | -------------------------------------- | -------- | ----------- | ----------------- |
+| cancelButtonProps | Cancel action props                                        | ButtonProps                            | no       | iOS/Android | yes               |
+| cancelIcon        | Cancel action icon                                         | ImageSource                            | no       | iOS/Android | yes               |
+| cancelLabel       | Cancel action label                                        | string                                 | no       | iOS/Android | yes               |
+| containerStyle    | Style for the TopBar container                             | ViewStyle                              | no       | iOS/Android | yes               |
+| doneButtonProps   | Done action props                                          | ButtonProps                            | no       | iOS/Android | yes               |
+| doneIcon          | Done action icon                                           | ImageSource                            | no       | iOS/Android | yes               |
+| doneLabel         | Done action label                                          | string                                 | no       | iOS/Android | yes               |
+| includeStatusBar  | Whether to include status bar or not (height calculations) | boolean                                | no       | iOS/Android | yes               |
+| leftButtons       | Buttons to render on the left side of the top bar          | topBarButtonProp\| topBarButtonProp[]  | no       | iOS/Android | yes               |
+| onCancel          | Cancel action callback                                     | (props?: any) => void                  | no       | iOS/Android | yes               |
+| onDone            | Done action callback                                       | (props?: any) => void                  | no       | iOS/Android | yes               |
+| rightButtons      | Buttons to render on the right side of the top bar         | topBarButtonProp \| topBarButtonProp[] | no       | iOS/Android | yes               |
+| subtitle          | Subtitle to display below the top bar title                | string                                 | no       | iOS/Android | yes               |
+| subtitleStyle     | Subtitle custom style                                      | TextStyle                              | no       | iOS/Android | yes               |
+| title             | Title to display in the center of the top bar              | string                                 | no       | iOS/Android | yes               |
+| titleStyle        | Title custom style                                         | TextStyle                              | no       | iOS/Android | yes               |
+
+**Toast**：非中断式弹窗组件， 请考虑转向我们新的 Toast 实现并使用 Incubator.Toast 代替。
+
+| Name  | Description                    | Type      | Required | Platform    | HarmonyOS Support |
+| ----- | ------------------------------ | --------- | -------- | ----------- | ----------------- |
+| Toast | A customizable Toast component | Component | no       | iOS/Android | yes               |
+
+**Badge**：圆形彩色徽章组件。
+
+| Name                | Description                                                  | Type                       | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | -------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor     | Background color                                             | string                     | no       | iOS/Android | yes               |
+| borderColor         | Color of border around the badge                             | ImageStyle ['borderColor'] | no       | iOS/Android | yes               |
+| borderRadius        | Radius of border around the badge                            | number                     | no       | iOS/Android | yes               |
+| borderWidth         | Width of border around the badge                             | number                     | no       | iOS/Android | yes               |
+| containerStyle      | Additional styles for the top container                      | ViewStyle                  | no       | iOS/Android | yes               |
+| customElement       | Custom element to render instead of an icon                  | JSX.Element                | no       | iOS/Android | yes               |
+| hitSlop             | Defines how far a touch event can start away from the badge  | ViewProps['hitSlop']       | no       | iOS/Android | yes               |
+| icon                | Renders an icon badge                                        | ImageSourcePropType        | no       | iOS/Android | yes               |
+| iconProps           | Additional props passed to icon                              | ImageProps                 | no       | iOS/Android | yes               |
+| iconStyle           | Additional styling to badge icon                             | ImageStyle                 | no       | iOS/Android | yes               |
+| label               | Passing a label (undefined) will present a pimple badge. Text to show inside the badge | string                     | no       | iOS/Android | yes               |
+| labelFormatterLimit | Beyond the max number for that digit length, a '+' will show at the end. If set to a value not included in LABEL_FORMATTER_VALUES, no formatting will occur. Example: labelLengthFormatter={2}, label={124}, label will present '99+' Receives a number from 1 to 4, representing the label's max digit length | LabelFormatterValues       | no       | iOS/Android | yes               |
+| labelStyle          | Additional styles for the badge label                        | TextStyle                  | no       | iOS/Android | yes               |
+| onPress             | Called when the badge is pressed                             | (props: any) => void       | no       | iOS/Android | yes               |
+| size                | Badge's size                                                 | number                     | no       | iOS/Android | yes               |
+
+**ConnectionStatusBar**：顶部栏显示无网络连接状态，该组件依赖[@react-native-community/netinfo](/zh-cn/react-native-community-netinfo.md) 库。
+
+| Name                | Description                                         | Type                                               | Required | Platform    | HarmonyOS Support |
+| ------------------- | --------------------------------------------------- | -------------------------------------------------- | -------- | ----------- | ----------------- |
+| allowDismiss        | Whethere to allow the user to dismiss               | boolean                                            | no       | iOS/Android | yes               |
+| label               | Text to show as the status                          | string                                             | no       | iOS/Android | yes               |
+| onConnectionChange  | Handler to get connection change events propagation | (isConnected: boolean, isInitial: boolean) => void | no       | iOS/Android | yes               |
+| useAbsolutePosition | Use absolute position for the component             | boolean                                            | no       | iOS/Android | yes               |
+
+**ProgressBar**：进度条组件。
+
+| Name          | Description                                              | Type        | Required | Platform    | HarmonyOS Support |
+| ------------- | -------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| customElement | Custom element to render on top of the animated progress | JSX.Element | no       | iOS/Android | yes               |
+| fullWidth     | FullWidth Ui preset                                      | boolean     | no       | iOS/Android | yes               |
+| progress      | The progress of the bar from 0 to 100                    | number      | no       | iOS/Android | yes               |
+| progressColor | Progress color                                           | string      | no       | iOS/Android | yes               |
+| style         | Override container style                                 | ViewStyle   | no       | iOS/Android | yes               |
+
+**SkeletonView**：骨架视图组件，用于内容还未加载临时显示骨架，该组件需要安装[react-native-shimmer-placeholder](/zh-cn/react-native-shimmer-placeholder.md)和[react-native-linear-gradient](/zh-cn/react-native-linear-gradient.md)库。
+
+| Name          | Description                                                  | Type                                   | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | -------------------------------------- | -------- | ----------- | ----------------- |
+| borderRadius  | The border radius of the skeleton view                       | number                                 | no       | iOS/Android | yes               |
+| circle        | Whether the skeleton is a circle (will override the borderRadius) | boolean                                | no       | iOS/Android | yes               |
+| colors        | The colors of the skeleton view, the array length has to be >=2 | string[]                               | no       | iOS/Android | yes               |
+| customValue   | Custom value of any type to pass on to SkeletonView and receive back in the renderContent callback. | any                                    | no       | iOS/Android | yes               |
+| height        | The height of the skeleton view                              | number                                 | no       | iOS/Android | yes               |
+| listProps     | Props that are available when using template={SkeletonView.templates.LIST_ITEM} | SkeletonListProps                      | no       | iOS/Android | yes               |
+| renderContent | A function that will render the content once the content is ready (i.e. showContent is true). The method will be called with the Skeleton's customValue (i.e. renderContent(props?.customValue)) | (customValue?: any) => React.ReactNode | no       | iOS/Android | yes               |
+| shimmerStyle  | Additional style to the skeleton view                        | ViewStyle                              | no       | iOS/Android | yes               |
+| showContent   | The content has been loaded, start fading out the skeleton and fading in the content | boolean                                | no       | iOS/Android | yes               |
+| style         | Override container styles                                    | ViewStyle                              | no       | iOS/Android | yes               |
+| template      | Accessible through SkeletonView.templates.xxx. The type of the skeleton view. | listItem \|content                     | no       | iOS/Android | yes               |
+| testID        | The component test id                                        | string                                 | no       | iOS/Android | yes               |
+| times         | Generates duplicate skeletons                                | number                                 | no       | iOS/Android | yes               |
+| timesKey      | A key prefix for the duplicated SkeletonViews                | string                                 | no       | iOS/Android | yes               |
+| width         | The width of the skeleton view                               | number                                 | no       | iOS/Android | yes               |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Color**: 可以进行全局样式预设，通过Color获取预设样式。
+
+| Name         | Description                                                  | Type                                             | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | ------------------------------------------------ | -------- | ----------- | ----------------- |
+| loadColors   | Load a set of colors to be used in the app.                  | ({[key: string]: string}) => void                | no       | iOS/Android | yes               |
+| loadSchemes  | Load a set of scheme colors to support dark/light mode.      | ({[name: string]: {[key: string]: any}}) => void | no       | iOS/Android | yes               |
+| rgba         | Return rgba string with color and transparency               | (color: string, num: number) => string           | no       | iOS/Android | yes               |
+| getColorTint | Get color tint                                               | (color: string, num: number) => string           | no       | iOS/Android | yes               |
+| isDark       | returns `true` if a color is considered dark (bright colors will return `false`) | (color: string) => boolean                       | no       | iOS/Android | yes               |
+
+**ThemeManager**: 使用 ThemeManager 为您的应用程序设置默认的全局行为。
+
+| Name              | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| setComponentTheme | Set default props for a component by passing an object or a callback | (componentName, defaultPropsObject) => void \| (componentName, componentProps => newDefaultPropsObject) => void | no       | iOS/Android | yes               |
+
+**Typography**: 设置样式属性，可直接通过“属性”的方式给组件设置样式。
+
+| Name             | Description                   | Type                                             | Required | Platform    | HarmonyOS Support |
+| ---------------- | ----------------------------- | ------------------------------------------------ | -------- | ----------- | ----------------- |
+| loadTypographies | Set style attribute variables | ({[name: string]: {[key: string]: any}}) => void | no       | iOS/Android | yes               |
+
+**Spacings**: 设置空间大小变量，可通过 “属性-变量名” 的方式设置样式。
+
+| Name             | Description             | Type                                | Required | Platform    | HarmonyOS Support |
+| ---------------- | ----------------------- | ----------------------------------- | -------- | ----------- | ----------------- |
+| loadTypographies | Set space size variable | ({ [key: string]: number }) => void | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ] KeyboardTrackingView组件，将输入框子节点保持在键盘上方后点击事件位置异常: [issue#4](https://github.com/react-native-oh-library/react-native-ui-lib/issues/4)
+- [ ]  原生组件KeyboardAccessoryView切换自定义键盘未实现: [issue#3](https://github.com/react-native-oh-library/react-native-ui-lib/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wix/react-native-ui-lib/blob/master/LICENSE) ，请自由地享受和参与开源。

From 1ac2ccc7658aeee2b91f0b9429dc01f7b295e927 Mon Sep 17 00:00:00 2001
From: wuzhongming <11762064+Wu__blue@user.noreply.gitee.com>
Date: Mon, 9 Sep 2024 02:40:23 +0000
Subject: [PATCH 505/966] =?UTF-8?q?!1488=20docs:=20[Issues:=20#IAPAYN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-picker-picker=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAPAYN]=20=E4=BF=AE=E6=94=B9react-na?=
 =?UTF-8?q?tive-picker-picker=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-picker-picker.md | 105 +++++++++++++++-------------
 1 file changed, 55 insertions(+), 50 deletions(-)

diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 628677ca..d8392264 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -127,24 +127,18 @@ ohpm install
   ...
 + import { RNCPicker, PICKER_TYPE } from "@react-native-oh-tpl/picker"
 
-  @Builder
-  function buildCustomComponent(ctx: ComponentBuilderContext) {
-    if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-      SampleView({
-        ctx: ctx.rnComponentContext,
-        tag: ctx.tag,
-        buildCustomComponent: buildCustomComponent
-      })
-    }
-+   if (ctx.componentName === PICKER_TYPE) {
-+     RNCPicker({
-+       ctx: ctx.rnComponentContext,
-+       tag: ctx.tag
-+     })
-+   }
-    ...
-  }
+ @Builder
+ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
   ...
++ if (ctx.componentName === PICKER_TYPE) {
++   RNCPicker({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
 ```
 
 > [!TIP] 本库使用了混合方案，需要添加组件名。
@@ -178,9 +172,20 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ### 运行
 
-在右上角选择 entry 模块，运行即可。
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
 
-## 兼容性
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -194,42 +199,42 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ### PickerProps
 
-| 名称                      | 说明                                                                                              | 类型                                                         | 是否必填 | 平台                  | HarmonyOS 支持 |
-| ------------------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | --------------------- |--------------|
-| `onValueChange`           | Callback for when an item is selected.                                                          | function                                                     | No       | All                   | Yes          |
-| `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                        | any                                                          | No       | All                   | Yes          |
-| `style`                   | NA                                                                                              | pickerStyleType                                              | No       | All                   | Yes          |
-| `testID`                  | Used to locate this view in end-to-end tests.                                                   | string                                                       | No       | All                   | Yes          |
-| `enabled`                 | If set to false, the picker will be disabled, i.e. the user will not be able to make a selection. | bool                                                         | No       | Android, Web, Windows | No           |
-| `mode`                    | On Android, specifies how to display the selection items when the user taps on the picker       | enum('dialog', 'dropdown')                                   | No       | Android               | No           |
-| `dropdownIconColor`       | On Android, specifies color of dropdown triangle.                                               | ColorValue                                                   | No       | Android               | No           |
-| `dropdownIconRippleColor` | On Android, specifies ripple color of dropdown triangle.                                        | ColorValue                                                   | No       | Android               | No           |
-| `prompt`                  | Prompt string for this picker, used on Android in dialog mode as the title of the dialog.       | string                                                       | No       | Android               | No           |
-| `itemStyle`               | Style to apply to each of the item labels.   | [text styles](https://reactnative.dev/docs/text-style-props) | No     | iOS, Windows          | partially    |
-| `numberOfLines`           | On Android & iOS, used to truncate the text with an ellipsis after computing the text layout.   | number                                                       | No       | Android, iOS          | No           |
-| `onBlur`                  | NA                                                                                              | function                                                     | No       | Android               | No           |
-| `onFocus`                 | NA                                                                                              | function                                                     | No       | Android               | No           |
-| `selectionColor`          | Color to apply to the selection indicator.                                                      | ColorValue                                                   | No       | iOS                   | Yes          |
-| `themeVariant`            | NA                                                                                              | enum('light', 'dark')                                        | No       | iOS                   | No           |
+| Name                      | Description                                                                                       | Type                                                         | Required | Platform              | HarmonyOS Support |
+|---------------------------|---------------------------------------------------------------------------------------------------|--------------------------------------------------------------|----------|-----------------------|-------------------|
+| `onValueChange`           | Callback for when an item is selected.                                                            | function                                                     | No       | All                   | Yes               |
+| `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                          | any                                                          | No       | All                   | Yes               |
+| `style`                   | NA                                                                                                | pickerStyleType                                              | No       | All                   | Yes               |
+| `testID`                  | Used to locate this view in end-to-end tests.                                                     | string                                                       | No       | All                   | Yes               |
+| `enabled`                 | If set to false, the picker will be disabled, i.e. the user will not be able to make a selection. | boolean                                                      | No       | Android, Web, Windows | Yes               |
+| `mode`                    | On Android, specifies how to display the selection items when the user taps on the picker         | enum('dialog', 'dropdown')                                   | No       | Android               | No                |
+| `dropdownIconColor`       | On Android, specifies color of dropdown triangle.                                                 | ColorValue                                                   | No       | Android               | No                |
+| `dropdownIconRippleColor` | On Android, specifies ripple color of dropdown triangle.                                          | ColorValue                                                   | No       | Android               | No                |
+| `prompt`                  | Prompt string for this picker, used on Android in dialog mode as the title of the dialog.         | string                                                       | No       | Android               | No                |
+| `itemStyle`               | Style to apply to each of the item labels.                                                        | [text styles](https://reactnative.dev/docs/text-style-props) | No       | iOS, Windows          | partially         |
+| `numberOfLines`           | On Android & iOS, used to truncate the text with an ellipsis after computing the text layout.     | number                                                       | No       | Android, iOS          | No                |
+| `onBlur`                  | NA                                                                                                | function                                                     | No       | Android               | No                |
+| `onFocus`                 | NA                                                                                                | function                                                     | No       | Android               | No                |
+| `selectionColor`          | Color to apply to the selection indicator.                                                        | ColorValue                                                   | No       | iOS                   | Yes               |
+| `themeVariant`            | NA                                                                                                | enum('light', 'dark')                                        | No       | iOS                   | No                |
 
 ### PickerItemProps
 
-| 名称                 | 说明                                                                                                     | 类型          | 是否必填 | 平台    | HarmonyOS 支持 |
-| -------------------- | -------------------------------------------------------------------------------------------------------- | ------------- | -------- | ------- |--------------|
-| `label`              | Displayed value on the Picker Item.                                                                      | string        | Yes      | All     | Yes          |
-| `value`              | Actual value on the Picker Item.                                                                         | number,string | Yes      | All     | Yes          |
-| `color`              | Displayed color on the Picker Item.                                                                      | ColorValue    | Yes      | All     | No           |
-| `fontFamily`         | Displayed fontFamily on the Picker Item.                                                                 | string        | No       | All     | No           |
-| `style`              | Style to apply to individual item labels.                                                                | ViewStyleProp | No       | Android | No           |
-| `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android | No           |
-| `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android | No           |
+| Name                 | Description                                                                                              | Type          | Required | Platform | HarmonyOS Support |
+|----------------------|----------------------------------------------------------------------------------------------------------|---------------|----------|----------|-------------------|
+| `label`              | Displayed value on the Picker Item.                                                                      | string        | Yes      | All      | Yes               |
+| `value`              | Actual value on the Pickmodeler Item.                                                                    | number,string | Yes      | All      | Yes               |
+| `color`              | Displayed color on the Picker Item.                                                                      | ColorValue    | Yes      | All      | No                |
+| `fontFamily`         | Displayed fontFamily on the Picker Item.                                                                 | string        | No       | All      | No                |
+| `style`              | Style to apply to individual item labels.                                                                | ViewStyleProp | No       | Android  | No                |
+| `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android  | No                |
+| `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android  | No                |
 
 ## 静态方法
 
-| 名称    | 说明                            | 平台    |  HarmonyOS 支持 |
-| ------- | ------------------------------- | ------- | -------- |
-| `blur`  | Programmatically closes picker. | Android | No       |
-| `focus` | Programmatically opens picker.  | Android | No       |
+| Name    | Description                     | Type     | Required | Platform | HarmonyOS Support |
+|---------|---------------------------------|----------|----------|----------|-------------------|
+| `blur`  | Programmatically closes picker. | function | No       | Android  | No                |
+| `focus` | Programmatically opens picker.  | function | No       | Android  | No                |
 
 ## 遗留问题
 
@@ -242,6 +247,6 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-picker/picker/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From d36196fdc30e1188740756887a4b7456e00c99f5 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Mon, 9 Sep 2024 06:17:31 +0000
Subject: [PATCH 506/966] =?UTF-8?q?!1497=20docs:=20[Issues:=20#IAPV97]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-navigation=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IAPV97]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-navigation=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-navigation.md | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/zh-cn/react-navigation.md b/zh-cn/react-navigation.md
index 8a30e65e..c7bccfcc 100644
--- a/zh-cn/react-navigation.md
+++ b/zh-cn/react-navigation.md
@@ -19,19 +19,19 @@
 
 | 序号 | 原库名                                                                                                                                       | 原库基线版本 | HarmonyOSReleases                                                                                                  | 文档链接（相对路径）                                       |
 |----|-------------------------------------------------------------------------------------------------------------------------------------------|--------|--------------------------------------------------------------------------------------------------------------------|--------------------------------------------------|
-| 1  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)                       | 6.5.20 | -                                                                                                                  | [链接](/zh-cn/react-navigation-bottom-tabs.md)          |
-| 2  | [@react-navigation/core](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)                                     | 6.4.16 | -                                                                                                                  | [链接](/zh-cn/react-navigation-core.md)                 |
-| 3  | [@react-navigation/devtools](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)                             | 6.0.26 | -                                                                                                                  | [链接](/zh-cn/react-navigation-devtools.md)             |
-| 4  | [@react-navigation/drawer](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)                          | 6.7.1  | [@react-native-oh-tpl/drawer](https://github.com/react-native-oh-library/react-navigation/releases)                | [链接](/zh-cn/react-navigation-drawer.md)               |
-| 5  | [@react-navigation/elements](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)                      | 1.3.21 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)              | [链接](/zh-cn/react-navigation-elements.md)             |
-| 6  | [@react-navigation/material-bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)     | 6.2.28 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-bottom-tabs.md) |
-| 7  | [@react-navigation/material-top-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)           | 6.6.13 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-top-tabs.md)    |
-| 8  | [@react-navigation/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)              | 6.9.26 | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)          | [链接](/zh-cn/react-navigation-native-stack.md)         |
-| 9  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                                 | 6.1.17 | -                                                                                                                  | [链接](/zh-cn/react-navigation-native.md)               |
-| 10 | [@react-navigation/routers](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)                               | 6.1.9  | -                                                                                                                  | [链接](/zh-cn/react-navigation-routers.md)              |
-| 11 | [@react-navigation/stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)                            | 6.4.0  | [@react-native-oh-tpl/stack](https://github.com/react-native-oh-library/react-navigation/releases)                 | [链接](/zh-cn/react-navigation-stack.md)                |
-| 12 | [react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/react-native-tab-view)              | 3.5.2  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases) | [链接](/zh-cn/react-native-tab-view.md)                 |
-| 13 | [flipper-plugin-react-navigation](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation) | 1.3.32 | -                                                                                                                  | [链接](/zh-cn/flipper-plugin-react-navigation.md)       |
+| 1  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)                       | 6.5.20 | -                                                                                                                  | [链接](/react-navigation-bottom-tabs.md)          |
+| 2  | [@react-navigation/core](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)                                     | 6.4.16 | -                                                                                                                  | [链接](/react-navigation-core.md)                 |
+| 3  | [@react-navigation/devtools](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)                             | 6.0.26 | -                                                                                                                  | [链接](/react-navigation-devtools.md)             |
+| 4  | [@react-navigation/drawer](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)                          | 6.7.1  | [@react-native-oh-tpl/drawer](https://github.com/react-native-oh-library/react-navigation/releases)                | [链接](/react-navigation-drawer.md)               |
+| 5  | [@react-navigation/elements](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)                      | 1.3.21 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)              | [链接](/react-navigation-elements.md)             |
+| 6  | [@react-navigation/material-bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)     | 6.2.28 | -                                                                                                                  | [链接](/react-navigation-material-bottom-tabs.md) |
+| 7  | [@react-navigation/material-top-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)           | 6.6.13 | -                                                                                                                  | [链接](/react-navigation-material-top-tabs.md)    |
+| 8  | [@react-navigation/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)              | 6.9.26 | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)          | [链接](/react-navigation-native-stack.md)         |
+| 9  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                                 | 6.1.17 | -                                                                                                                  | [链接](/react-navigation-native.md)               |
+| 10 | [@react-navigation/routers](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)                               | 6.1.9  | -                                                                                                                  | [链接](/react-navigation-routers.md)              |
+| 11 | [@react-navigation/stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)                            | 6.4.0  | [@react-native-oh-tpl/stack](https://github.com/react-native-oh-library/react-navigation/releases)                 | [链接](/react-navigation-stack.md)                |
+| 12 | [react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/react-native-tab-view)              | 3.5.2  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases) | [链接](/react-native-tab-view.md)                 |
+| 13 | [flipper-plugin-react-navigation](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation) | 1.3.32 | -                                                                                                                  | [链接](/flipper-plugin-react-navigation.md)       |
 
 ## 依赖关系
 

From d363bfd72fc2c96a119040bd2f942938bde2daaf Mon Sep 17 00:00:00 2001
From: Atsws <pangjiahao@h-partners.com>
Date: Mon, 9 Sep 2024 06:32:14 +0000
Subject: [PATCH 507/966] =?UTF-8?q?!1464=20docs:=20[Issues:=20#IAOIV1]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-config=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAOIV1]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-config=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-config.md | 251 +++++++++++++++++++++++++++++++++++
 1 file changed, 251 insertions(+)
 create mode 100644 zh-cn/react-native-config.md

diff --git a/zh-cn/react-native-config.md b/zh-cn/react-native-config.md
new file mode 100644
index 00000000..61affe40
--- /dev/null
+++ b/zh-cn/react-native-config.md
@@ -0,0 +1,251 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-config</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lugg/react-native-config">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lugg/react-native-config/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-config)
+## 基本用法
+在 React Native 应用程序的根目录中创建一个新`.env`文件
+```bash
+API_URL=https://myapi.com
+GOOGLE_MAPS_API_KEY=abcdefgh
+```
+然后从您的应用程序访问那里定义的变量：
+```bash
+import Config from "react-native-config";
+
+Config.API_URL; // 'https://myapi.com/'
+Config.GOOGLE_MAPS_API_KEY; // 'abcdefgh'
+```
+请记住，此模块不会混淆或加密机密以进行打包，因此请勿将敏感密钥存储在`.env`中[基本上不可能阻止用户对移动应用程序机密进行逆向工程](https://rammic.github.io/2015/07/28/hiding-secrets-in-android-apps/)，因此请在设计应用程序（和 API）时牢记这一点。
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-config@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-config@file:#
+```
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, {Component} from 'react';
+import {StyleSheet, Text, View} from 'react-native';
+
+import Config from 'react-native-config';
+
+export default class App extends Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text style={styles.text}>API_URL={Config.API_URL}</Text>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  text: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+该库仅支持源码形式引入
+
+#### 直接链接源码情况说明
+
+目前 DevEco Studio 不支持通过源码引入外部 module，请按照以下步骤操作，将源码通过操作改成 harmony 工程的内部模块。
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+把`<RN工程>/node_modules/@react-native-oh-tpl/react-native-config/harmony/`目录下的源码`<config>`复制到`harmony`工程根目录下
+
+在`harmony`工程根目录的 `build-profile.template.json5`（若存在）和`build-profile.json5` 添加以下模块
+
+```json
+modules:[
+  ...
+  {
+    name: 'config',
+    srcPath: './config',
+  }
+]
+```
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-config": "file:../config"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+### 在 ArkTs 侧引入 RNConfigPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type { RNPackageContext, RNPackage } from 'rnoh/ts';
+  ...
++ import { RNConfigPackage } from '@react-native-oh-tpl/react-native-config/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNConfigPackage(ctx)
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+### 多环境
+将不同环境的配置保存在不同的文件中：`.env.staging`，`.env.production`等等。
+默认情况下，`react-native-config `将从`.env`中读取。最简单的方法是用环境变量告诉它读取什么文件，以命令行中使用IDE下的`hvigor.js`的方式（不推荐）。
+
+例如在`CMD`窗口下
+
+首先从RN工程根目录 `cd harmony` 进入harmony目录
+
+然后先停止守护进程：
+
+```bash
+"D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio\tools\hvigor\bin\hvigorw.js" --stop-daemon-all
+```
+
+*注意，命令中`node.exe`与`hvigor.js`路径为`DevEco Studio`安装目录下的`tools`目录下，需根据实际情况更改。
+
+然后设置环境变量`ENVFILE`为想要指定的配置文件名（注意：文件名后不要加空格），并用`hvigor.js`构建工程，例如：
+
+```bash
+set ENVFILE=.env.staging&&"D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio\tools\hvigor\bin\hvigorw.js"  --mode module -p module=entry@default -p product=default -p requiredDeviceType=phone assembleHap --analyze=normal --parallel --increm
+```
+之后可打开`DevEco Studio`构建运行，但此时为保证所设环境变量与工程构建在同一进程，不可在`DevEco Studio`的终端中以hvigor命令构建工程。
+
+#### 建立映射
+
+或者，您可以定义一个映射来将构建与环境文件关联起来，可以在`harmony`工程根目录的`build-profile.json5`中的`products`中的`buildOption`节点下的`arkOptions`子节点中通过增加`buildProfileFields`字段配置映射，字段中以键值对的方式配置，其中key值为小写的工程构建类型，value为该构建类型下所要读取的文件名
+```json
+"products": [
+      {
+        "name": "default",
+        "signingConfig": "default",
+        "compatibleSdkVersion": "5.0.0(12)",
+        "runtimeOS": "HarmonyOS",
+        "buildOption": {
+          "arkOptions": {
+            "buildProfileFields": {
+              "debug": ".env.development",
+              "release": ".env.production"
+            }
+          }
+        }
+      }
+    ]
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                       | Type     | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
+| Config    | 类中属性名及其值对应.env文件中所定义的键值对           | Object     | no       | Android/iOS | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lugg/react-native-config/blob/master/LICENSE) ，请自由地享受和参与开源。
+

From 9def00f7770a9a712d8921c0a39718037bc9a7eb Mon Sep 17 00:00:00 2001
From: yangyuchun <yangyuchun10@h-partners.com>
Date: Mon, 9 Sep 2024 07:54:04 +0000
Subject: [PATCH 508/966] =?UTF-8?q?!1491=20docs:=20[Issues:=20#IAPHB6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-idfa-aaid=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20Merge=20branch=20'master'=20of=20gitee.com:react-native-oh-l?=
 =?UTF-8?q?ibrary/usage-docs=20=E2=80=A6=20*=20docs:=20[Issues:=20#IAPHB6]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-idfa-aaid=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAOLKK]=20=E6=96=B0=E5=A2=9Ereact-na?=
 =?UTF-8?q?tive-idfa-aaid=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-idfa-aaid.md | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-idfa-aaid.md b/zh-cn/react-native-idfa-aaid.md
index 75cbe02a..811ccb63 100644
--- a/zh-cn/react-native-idfa-aaid.md
+++ b/zh-cn/react-native-idfa-aaid.md
@@ -195,7 +195,34 @@ export default App;
 
 ### 引入原生端代码
 
-直接链接源码
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-idfa-aaid": "file:../../node_modules/@react-native-oh-tpl/react-native-idfa-aaid/harmony/getOaid.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 

From bf3e7a70b5d34c415f7fc808bcad134d174fc814 Mon Sep 17 00:00:00 2001
From: zm_code <2232592+zm_android_code@user.noreply.gitee.com>
Date: Mon, 9 Sep 2024 08:15:53 +0000
Subject: [PATCH 509/966] =?UTF-8?q?!1489=20docs:=20[Issues:=20#IALR50]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-audio-toolkit=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IALR50]=20=E4=BF=AE=E6=94=B9react-na?=
 =?UTF-8?q?tive-audio-toolkit=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-audio-toolkit.md | 156 +++++++++++++++++++---------
 1 file changed, 109 insertions(+), 47 deletions(-)

diff --git a/zh-cn/react-native-audio-toolkit.md b/zh-cn/react-native-audio-toolkit.md
index dc1b6b2f..eef1dae4 100644
--- a/zh-cn/react-native-audio-toolkit.md
+++ b/zh-cn/react-native-audio-toolkit.md
@@ -19,7 +19,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases/tag/2.0.3-0.0.1) [Releases](https://github.com/react-native-oh-library/lottie-react-native/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -45,14 +45,20 @@ yarn add @react-native-oh-tpl/audio-toolkit@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```js
+> [!TIP] # demo使用了三方库[@react-native-oh-tpl/react-native-slider](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-slider.md)
+
+> [!TIP] # demo使用了权限三方库[@react-native-oh-tpl/react-native-permissions](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-permissions.md)
+
+```tsx
 import React, { Component } from 'react';
-import { Button, PermissionsAndroid, Platform, SafeAreaView, StyleSheet, Switch, Text, View } from 'react-native';
-import Slider from '@react-native-community/slider';
+import { Button, PermissionsAndroid, Platform, StyleSheet, Switch, Text, View, ScrollView } from 'react-native';
+import Slider from '@react-native-oh-tpl/react-native-slider';
 import { Player, Recorder, MediaStates } from '@react-native-community/audio-toolkit';
+import RTNPermissions, {RESULTS} from "@react-native-oh-tpl/react-native-permissions";
 
 const filename = 'test.mp4';
 
+
 type Props = {};
 
 type State = {
@@ -60,9 +66,11 @@ type State = {
   recordButton: string,
 
   stopButtonDisabled: boolean,
-  playButtonDisabled: boolean,
+  playButtonDisabled: boolean | undefined,
   recordButtonDisabled: boolean,
 
+  recordPauseButtonDisabled: boolean,
+
   loopButtonStatus: boolean,
   progress: number,
 
@@ -70,10 +78,10 @@ type State = {
 };
 
 export default class App extends Component<Props, State> {
-  player: Player | null;
-  recorder: Recorder | null;
-  lastSeek: number;
-  _progressInterval: IntervalID;
+  player: Player | null = null;
+  recorder: Recorder | null = null;
+  lastSeek: number = 0;
+  _progressInterval: NodeJS.Timeout | null = null;
 
   constructor(props: Props) {
     super(props);
@@ -85,6 +93,7 @@ export default class App extends Component<Props, State> {
       stopButtonDisabled: true,
       playButtonDisabled: true,
       recordButtonDisabled: true,
+      recordPauseButtonDisabled:true,
 
       loopButtonStatus: false,
       progress: 0,
@@ -97,7 +106,6 @@ export default class App extends Component<Props, State> {
     this.player = null;
     this.recorder = null;
     this.lastSeek = 0;
-
     this._reloadPlayer();
     this._reloadRecorder();
 
@@ -113,7 +121,9 @@ export default class App extends Component<Props, State> {
   }
 
   componentWillUnmount() {
-    clearInterval(this._progressInterval);
+    if (this._progressInterval) {
+      clearInterval(this._progressInterval);
+    }
   }
 
   _shouldUpdateProgressBar() {
@@ -121,19 +131,22 @@ export default class App extends Component<Props, State> {
     return Date.now() - this.lastSeek > 200;
   }
 
-  _updateState(err) {
+  _updateState() {
+
     this.setState({
       playPauseButton: this.player && this.player.isPlaying ? 'Pause' : 'Play',
       recordButton: this.recorder && this.recorder.isRecording ? 'Stop' : 'Record',
 
+      recordPauseButtonDisabled: !this.recorder || !this.recorder.isRecording,
+
       stopButtonDisabled: !this.player || !this.player.canStop,
-      playButtonDisabled: !this.player || !this.player.canPlay || this.recorder.isRecording,
-      recordButtonDisabled: !this.recorder || (this.player && !this.player.isStopped),
+      playButtonDisabled: !this.player || !this.player.canPlay || this.recorder?.isRecording,
+      recordButtonDisabled: (!this.recorder || (this.player && !this.player.isStopped)) ?? true,
     });
   }
 
   _playPause() {
-    this.player.playPause((err, paused) => {
+    this.player?.playPause((err, paused) => {
       if (err) {
         this.setState({
           error: err.message
@@ -144,38 +157,43 @@ export default class App extends Component<Props, State> {
   }
 
   _stop() {
-    this.player.stop(() => {
+    this.player?.stop(() => {
       this._updateState();
     });
   }
 
-  _seek(percentage) {
+  _seek(percentage: number) {
     if (!this.player) {
       return;
     }
 
     this.lastSeek = Date.now();
-
     let position = percentage * this.player.duration;
 
-    this.player.seek(position, () => {
-      this._updateState();
-    });
+    this.player.seek(position, () => { });
+  }
+
+  _getPlayPath() {
+    if (this.recorder) {
+      return this.recorder.fsPath;
+    }
+    return filename;
   }
 
   _reloadPlayer() {
     if (this.player) {
       this.player.destroy();
     }
-
-    this.player = new Player(filename, {
+    this.player = new Player(this._getPlayPath(), {
       autoDestroy: false
     }).prepare((err) => {
       if (err) {
         console.log('error at _reloadPlayer():');
         console.log(err);
       } else {
-        this.player.looping = this.state.loopButtonStatus;
+        if (this.player) {
+          this.player.looping = this.state.loopButtonStatus;
+        }
       }
 
       this._updateState();
@@ -207,6 +225,12 @@ export default class App extends Component<Props, State> {
   }
 
   _toggleRecord() {
+    if(this.recorder && this.recorder.state === MediaStates.PAUSED){
+      this.recorder?.record((err) => {
+        this._updateState();
+      })
+      return
+    }
     if (this.player) {
       this.player.destroy();
     }
@@ -214,6 +238,8 @@ export default class App extends Component<Props, State> {
     let recordAudioRequest;
     if (Platform.OS == 'android') {
       recordAudioRequest = this._requestRecordAudioPermission();
+    } else if (Platform.OS === 'harmony') {
+      recordAudioRequest = this._requestRecordAudioPermissionHs();
     } else {
       recordAudioRequest = new Promise(function (resolve, reject) { resolve(true); });
     }
@@ -225,8 +251,8 @@ export default class App extends Component<Props, State> {
         });
         return;
       }
-
-      this.recorder.toggleRecord((err, stopped) => {
+     
+      this.recorder?.toggleRecord((err, stopped) => {
         if (err) {
           this.setState({
             error: err.message
@@ -236,12 +262,27 @@ export default class App extends Component<Props, State> {
           this._reloadPlayer();
           this._reloadRecorder();
         }
-
         this._updateState();
       });
     });
   }
 
+  
+  async _requestRecordAudioPermissionHs() {
+    try {
+      let check = await RTNPermissions.request('ohos.permission.MICROPHONE');
+      console.info("RTNPermissions===== request", check);
+      if (check === RESULTS.GRANTED) {
+        return true;
+      } else {
+        return false;
+      }
+    } catch (err) {
+      console.error(err);
+      return false;
+    }
+  }
+
   async _requestRecordAudioPermission() {
     try {
       const granted = await PermissionsAndroid.request(
@@ -265,7 +306,7 @@ export default class App extends Component<Props, State> {
     }
   }
 
-  _toggleLooping(value) {
+  _toggleLooping(value: boolean) {
     this.setState({
       loopButtonStatus: value
     });
@@ -276,7 +317,7 @@ export default class App extends Component<Props, State> {
 
   render() {
     return (
-      <SafeAreaView>
+      <ScrollView>
         <View>
           <Text style={styles.title}>
             Playback
@@ -303,10 +344,18 @@ export default class App extends Component<Props, State> {
         <View>
           <Button title={this.state.recordButton} disabled={this.state.recordButtonDisabled} onPress={() => this._toggleRecord()} />
         </View>
+        
+        <View style={styles.recordPause}>
+          <Button title={'Pause recording'} disabled={this.state.recordPauseButtonDisabled} onPress={() => {
+            this.recorder?.pause((err) => {
+              this._updateState();
+            })
+          }} />
+        </View>
         <View>
           <Text style={styles.errorMessage}>{this.state.error}</Text>
         </View>
-      </SafeAreaView>
+      </ScrollView>
     );
   }
 }
@@ -315,7 +364,7 @@ const styles = StyleSheet.create({
   slider: {
     height: 10,
     margin: 10,
-    marginBottom: 50,
+    marginBottom: 30,
   },
   settingsContainer: {
     alignItems: 'center',
@@ -336,10 +385,17 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     padding: 10,
     color: 'red'
+  },
+  recordPause:{
+    marginTop:15
   }
 });
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -383,7 +439,8 @@ const styles = StyleSheet.create({
 
 ```diff
 ...
-+ import { AudioModulesPackage } from "@react-native-oh-tpl/audio-toolkit/ts";
+
++   import { AudioModulesPackage } from "@react-native-oh-tpl/audio-toolkit/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -404,7 +461,7 @@ ohpm install
 
 方法二：直接链接源码
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/link-source-code.md)
 
 ### 运行
 
@@ -460,25 +517,25 @@ requestPermissions: [
 ],
 ```
 
-## 属性
+## Player
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-new Player(String path, Object ?playbackOptions)
+### 属性
 
 | Name                        | Description                                                  | Type               | Default                     | Required | Platform | HarmonyOS Support |
 | --------------------------- | ------------------------------------------------------------ | ------------------ | --------------------------- | -------- | -------- | ----------------- |
 | autoDestroy                 | Boolean to indicate whether the player should self-destruct after playback is finished. If this is not set, you are responsible for destroying the object by calling player.destroy(). | boolean            | True                        | No       | All      | Yes               |
 | continuesToPlayInBackground | (Android only) Should playback continue if app is sent to background?<br />iOS will always pause in this case. | boolean            | False                       | No       | Android  | Yes               |
-| category                    | (iOS only) Define the audio session category<br /> Options: Playback, Ambient and SoloAmbient<br />More info about categories can be found here:<br /> https://developer.apple.com/documentation/avfoundation/avaudiosession/category | PlaybackCategories | PlaybackCategories.Playback | No       | All      | No                |
-| mixWithOthers               | Boolean to determine whether other audio sources on the device will mix<br />with sounds being played back by this module. If this is not set, playback<br />of audio will stop other sources | boolean            | False                       | No       | iOS      | No                |
+| category                    | (iOS only) Define the audio session category<br /> Options: Playback, Ambient and SoloAmbient<br />More info about categories can be found here:<br /> https://developer.apple.com/documentation/avfoundation/avaudiosession/category | PlaybackCategories | PlaybackCategories.Playback | No       | IOS      | No                |
+| mixWithOthers               | Boolean to determine whether other audio sources on the device will mix<br />with sounds being played back by this module. If this is not set, playback<br />of audio will stop other sources | boolean            | False                       | No       | Android<br />IOS   | No                |
 | looping                     | Get/set looping status of the current file. If true, file will loop when playback reaches end of file. | boolean            | False                       | No       | All      | Yes               |
 | volume                      | Get/set playback volume. The scale is from 0.0 (silence) to 1.0 (full volume). | Number             | 1.0                         | No       | All      | Yes               |
 | speed                       | Get/set the playback speed for audio. NOTE: On Android, this is only supported on Android 6.0+. | Number             | 1.0                         | No       | All      | Yes               |
 
-## 静态方法 (Imperative API)
+### 静态方法
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -494,25 +551,24 @@ new Player(String path, Object ?playbackOptions)
 | destroy   | Stops playback and destroys the player. The player should no longer be used.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
 | seek      | Seek in currently playing media. `position` is the offset from the start.<br />If callback is given, it is called when the seek operation completes. If another seek operation is performed before the previous has finished, the previous operation gets an error in its callback with the `err` field set to `oldcallback`. The previous operation should likely do nothing in this case. | function | No       | All      | Yes               |
 
-## 属性
+## Recorder
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-new Recorder(String path, Object ?recorderOptions)
+### 属性
 
 | Name             | Description                                                  | Type   | Default                     | Required | Platform | HarmonyOS Support |
 | ---------------- | ------------------------------------------------------------ | ------ | --------------------------- | -------- | -------- | ----------------- |
 | bitrate          | Set bitrate for the recorder, in bits per second             | Number | 128000                      | No       | All      | Yes               |
 | channels         | Set number of channels                                       | Number | 2                           | No       | All      | Yes               |
-| sampleRate       | Set how many samples per second                              | Number | 44100                       | No       | All      | Yes               |
-| format           | Override format. Possible values:<br />Cross-platform:  'mp4', 'aac'<br />Android only:    'ogg', 'webm', 'amr' | String | based on filename extension | No       | All      | Yes               |
-| encoder          | Override encoder. Android only.<br />Possible values:<br />'aac', 'mp4', 'webm', 'ogg', 'amr' | String | based on filename extension | No       | All      | Yes               |
-| quality          | Quality of the recording, iOS only.<br />Possible values: 'min', 'low', 'medium', 'high', 'max' | String | medium                      | No       | Al       | Yes               |
-| meteringInterval | Optional argument to activate metering events.<br />This will cause a 'meter' event to fire every given milliseconds,<br />e.g. 250 will fire 4 time in a second. | Number | undefined                   | No       | Al       | Yes               |
+| sampleRate       | Set how many samples per second                              | Number | 48000                       | No       | All      | Yes               |
+| format           | Override format. Possible values:<br /> Cross-platform: 'mp4'<br />Android only: 'ogg', 'webm', 'amr'<br />HarmonyOS only: 'm4a' | String | based on filename extension | No       | All      | Yes               |
+| encoder          | Override encoder. Android only.<br />Possible values:<br />'aac', 'mp4', 'webm', 'ogg', 'amr'<br />HarmonyOS only: 'aac'| String | based on filename extension | No       | Android      | partially               |
+| quality          | Quality of the recording, iOS only.<br />Possible values: 'min', 'low', 'medium', 'high', 'max' | String | medium                      | No       | IOS       | No               |
 
-## 静态方法 (Imperative API)
+### 静态方法
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -525,7 +581,7 @@ new Recorder(String path, Object ?recorderOptions)
 | stop    | Stop recording and save the file. Callback is called after recording has stopped or with error object. The recorder is destroyed after calling stop and should no longer be used. | function | No       | All      | Yes               |
 | destroy | Destroy the recorder. Should only be used if a recorder was constructed, and for some reason is now unwanted.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
 
-### 状态 state - Number (read only)
+## 状态 state - Number (read only)
 
 
 ```json
@@ -544,8 +600,14 @@ var MediaStates = {
 
 ## 遗留问题
 
+- [ ] Recorder的encoder属性问题：目前仅支持aac,待后续底层能力开放增加其他格式。[issue#15](https://github.com/react-native-oh-library/react-native-audio-toolkit/issues/15)
+
 ## 其他
 
+- Player的category、mixWithOthers属性 HarmonyOS不支持
+
+- Recorder的quality属性 HarmonyOS不支持
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit/tree/master?tab=MIT-1-ov-file#readme) ，请自由地享受和参与开源。

From 6fb8426fb90d629c9ba49d69d366301ee805c958 Mon Sep 17 00:00:00 2001
From: JCdahuzi <jcdahuzi@qq.com>
Date: Mon, 9 Sep 2024 11:10:23 +0000
Subject: [PATCH 510/966] =?UTF-8?q?!1499=20docs:=20[#IAQ0JO]=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAQ0JO]=E6=9B=B4=E6=96=B0react-native?=
 =?UTF-8?q?-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-svg-capi.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index be5cdccf..5d4d7cf2 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -490,6 +490,9 @@ ohpm install
 |  opacity   |              透明度              |     number      | No       | All      | Yes               |
 | inlineSize |          水平或垂直尺寸          |     number      | No       | All      | Yes               |
 | alignmentBaseline | 指定文本的对齐基线        |      string      | NO       | ALL      | Yes               |
+| baselineShift | 设置垂直位置调整              | number\| string  | No       | All      | Yes               |
+| lengthAdjust | 调整文本以适应特定的布局约束    |      string      | No       | All      | Yes               |
+| textLength | 指定文本应该被渲染的长度          |     number       | No       | All      | Yes               |
 
 **TSpan**：绘制文本或 Text 内的子文本
 
@@ -642,6 +645,7 @@ FontProps 组件属性 HarmonyOS 侧支持情况
 - [ ] foreignObject 该组件允许svg使用外部组件 未实现
 - [ ] filter 该组件可以为 SVG 图形添加各种视觉效果 未实现
 - [ ] TextPath 功能未完全实现
+- [ ] Text,TSpan组件的rotate,fontFamily,wordSpacing属性 未实现 
 
 ## 其他
 

From 9b5f454cf044bb30c263eff34976862b377360ed Mon Sep 17 00:00:00 2001
From: z-gy <6541403+zgy_voood@user.noreply.gitee.com>
Date: Tue, 10 Sep 2024 07:28:56 +0000
Subject: [PATCH 511/966] =?UTF-8?q?!1462=20docs:=20[#IAOEEL]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-thumbnail=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAOEEL]=E6=96=B0=E5=A2=9Ere?=
 =?UTF-8?q?act-native-thumbnail=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-thumbnail.md | 263 ++++++++++++++++++++++++++++++++
 1 file changed, 263 insertions(+)
 create mode 100644 zh-cn/react-native-thumbnail.md

diff --git a/zh-cn/react-native-thumbnail.md b/zh-cn/react-native-thumbnail.md
new file mode 100644
index 00000000..c854ae72
--- /dev/null
+++ b/zh-cn/react-native-thumbnail.md
@@ -0,0 +1,263 @@
+> 模板版本：v0.2.2
+<p align="center">
+  <h1 align="center"> <code>react-native-thumbnail</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/phuochau/react-native-thumbnail">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/phuochau/react-native-thumbnail/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-thumbnail)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-thumbnail@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-thumbnail@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。<br/>
+> [!TIP] 本示例依赖 react-native-image-picker 库，参照[@react-native-oh-tpl/react-native-image-picker 文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-picker.md)进行引入。
+```js
+import React from 'react';
+import { StyleSheet, Text, View, TouchableOpacity, Image } from 'react-native';
+import { launchCamera, launchImageLibrary } from 'react-native-image-picker';
+import RNThumbnail from 'react-native-thumbnail';
+
+export default function ThumbnailExample() {
+    const [thumbnail, setThumbnail] = React.useState(null);
+
+    const openCamera = async () => {
+        try {
+            const options = {
+                mediaType: 'video',
+                saveToPhotos: true,
+                includeExtra: false,
+                durationLimit: 5,
+            };
+            console.log('Launching camera with options:', options);
+            const result = await launchCamera(options);
+            console.log('Camera result:', result);
+            if (result.didCancel) {
+                console.log('User cancelled camera');
+            } else if (result.errorCode === 'permission') {
+                console.log('Permission not granted for camera.');
+            } else if (result.errorCode === 'camera_unavailable') {
+                console.log('Camera not available on device.');
+            } else if (result.errorCode === 'others') {
+                console.log(`Other error: ${result.errorMessage}`);
+            } else {
+                // 检查是否成功获取到视频
+                if (result && result.assets && result.assets.length > 0) {
+                    const asset = result.assets[0];
+                    if (asset.type.includes('mp4')) {
+                        console.log('Received video from camera. Getting thumbnail.');
+                        const thumbnailResult = await RNThumbnail.get(asset.uri);
+                        console.log('Thumbnail result:', thumbnailResult);
+                        setThumbnail(thumbnailResult.path);
+                    } else {
+                        console.log('Gallery asset.type:', asset.type);
+                    }
+                } else {
+                    console.log('No video selected or other issue occurred.');
+                }
+            }
+        } catch (error) {
+            console.log('Error launching camera: ', error);
+        }
+    };
+
+    const openGallery = async () => {
+        try {
+            const options = {
+                mediaType: 'video', // 修改为只选择视频
+                selectionLimit: 1,
+                includeExtra: false,
+            };
+            console.log('Launching gallery with options:', options);
+            const result = await launchImageLibrary(options);
+            if (result.didCancel) {
+                console.log('User cancelled gallery');
+            } else if (result.errorCode === 'permission') {
+                console.log('Permission not granted for gallery.');
+            } else if (result.errorCode === 'others') {
+                console.log(`Other error: ${result.errorMessage}`);
+            } else {
+                if (result && result.assets && result.assets.length > 0) {
+                    const asset = result.assets[0];
+                    // Check if type is defined
+                    if (asset.type === undefined) {
+                        console.log('Asset type is undefined.');
+                    }
+
+                    if (asset.type.includes('mp4')) {
+                        console.log('Received video from gallery. Getting thumbnail.');
+                        const thumbnailResult = await RNThumbnail.get(asset.uri);
+                        console.log('Thumbnail result:', thumbnailResult);
+                        setThumbnail(thumbnailResult.path);
+                    } else {
+                        console.log('Gallery asset.type:', asset.type);
+                    }
+                }
+            }
+        } catch (error) {
+            console.log('Error launching gallery: ', error);
+        }
+    };
+
+    return (
+        <View style={styles.container}>
+            <TouchableOpacity onPress={openCamera}>
+                <Text>Open Camera1</Text>
+            </TouchableOpacity>
+            <TouchableOpacity onPress={openGallery}>
+                <Text>Open Gallery1</Text>
+            </TouchableOpacity>
+            {thumbnail? (
+                <Image style={{ width: 200, height: 200, borderWidth: 1, borderColor: 'black' }} source={{ isStatic: true, uri: thumbnail }} />
+            ) : null}
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        height: '100%',
+        backgroundColor: '#fff',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-thumbnail": "file:../../node_modules/@react-native-oh-tpl/react-native-thumbnail/harmony/thumbnail.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNThumbnailPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import { RNPackageContext, RNPackage } from '@rnoh/react-native-openharmony/ts';
++import { RNThumbnailPackage } from '@react-native-oh-tpl/react-native-thumbnail/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++    new RNThumbnailPackage(ctx),
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| get  | Generates a thumbnail for a video file. | function | no | All      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/phuochau/react-native-thumbnail/blob/master/LICENSE) ，请自由地享受和参与开源。

From 6b052bf063dc426f047eb6849def0a1e22d77978 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Tue, 10 Sep 2024 08:01:28 +0000
Subject: [PATCH 512/966] =?UTF-8?q?!1503=20docs:=20[Issues:=20#IAPV97]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-navigation=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAPV97]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-navigation=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-navigation.md | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/zh-cn/react-navigation.md b/zh-cn/react-navigation.md
index c7bccfcc..8a30e65e 100644
--- a/zh-cn/react-navigation.md
+++ b/zh-cn/react-navigation.md
@@ -19,19 +19,19 @@
 
 | 序号 | 原库名                                                                                                                                       | 原库基线版本 | HarmonyOSReleases                                                                                                  | 文档链接（相对路径）                                       |
 |----|-------------------------------------------------------------------------------------------------------------------------------------------|--------|--------------------------------------------------------------------------------------------------------------------|--------------------------------------------------|
-| 1  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)                       | 6.5.20 | -                                                                                                                  | [链接](/react-navigation-bottom-tabs.md)          |
-| 2  | [@react-navigation/core](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)                                     | 6.4.16 | -                                                                                                                  | [链接](/react-navigation-core.md)                 |
-| 3  | [@react-navigation/devtools](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)                             | 6.0.26 | -                                                                                                                  | [链接](/react-navigation-devtools.md)             |
-| 4  | [@react-navigation/drawer](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)                          | 6.7.1  | [@react-native-oh-tpl/drawer](https://github.com/react-native-oh-library/react-navigation/releases)                | [链接](/react-navigation-drawer.md)               |
-| 5  | [@react-navigation/elements](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)                      | 1.3.21 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)              | [链接](/react-navigation-elements.md)             |
-| 6  | [@react-navigation/material-bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)     | 6.2.28 | -                                                                                                                  | [链接](/react-navigation-material-bottom-tabs.md) |
-| 7  | [@react-navigation/material-top-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)           | 6.6.13 | -                                                                                                                  | [链接](/react-navigation-material-top-tabs.md)    |
-| 8  | [@react-navigation/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)              | 6.9.26 | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)          | [链接](/react-navigation-native-stack.md)         |
-| 9  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                                 | 6.1.17 | -                                                                                                                  | [链接](/react-navigation-native.md)               |
-| 10 | [@react-navigation/routers](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)                               | 6.1.9  | -                                                                                                                  | [链接](/react-navigation-routers.md)              |
-| 11 | [@react-navigation/stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)                            | 6.4.0  | [@react-native-oh-tpl/stack](https://github.com/react-native-oh-library/react-navigation/releases)                 | [链接](/react-navigation-stack.md)                |
-| 12 | [react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/react-native-tab-view)              | 3.5.2  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases) | [链接](/react-native-tab-view.md)                 |
-| 13 | [flipper-plugin-react-navigation](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation) | 1.3.32 | -                                                                                                                  | [链接](/flipper-plugin-react-navigation.md)       |
+| 1  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)                       | 6.5.20 | -                                                                                                                  | [链接](/zh-cn/react-navigation-bottom-tabs.md)          |
+| 2  | [@react-navigation/core](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)                                     | 6.4.16 | -                                                                                                                  | [链接](/zh-cn/react-navigation-core.md)                 |
+| 3  | [@react-navigation/devtools](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)                             | 6.0.26 | -                                                                                                                  | [链接](/zh-cn/react-navigation-devtools.md)             |
+| 4  | [@react-navigation/drawer](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)                          | 6.7.1  | [@react-native-oh-tpl/drawer](https://github.com/react-native-oh-library/react-navigation/releases)                | [链接](/zh-cn/react-navigation-drawer.md)               |
+| 5  | [@react-navigation/elements](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)                      | 1.3.21 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)              | [链接](/zh-cn/react-navigation-elements.md)             |
+| 6  | [@react-navigation/material-bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)     | 6.2.28 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-bottom-tabs.md) |
+| 7  | [@react-navigation/material-top-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)           | 6.6.13 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-top-tabs.md)    |
+| 8  | [@react-navigation/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)              | 6.9.26 | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)          | [链接](/zh-cn/react-navigation-native-stack.md)         |
+| 9  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                                 | 6.1.17 | -                                                                                                                  | [链接](/zh-cn/react-navigation-native.md)               |
+| 10 | [@react-navigation/routers](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)                               | 6.1.9  | -                                                                                                                  | [链接](/zh-cn/react-navigation-routers.md)              |
+| 11 | [@react-navigation/stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)                            | 6.4.0  | [@react-native-oh-tpl/stack](https://github.com/react-native-oh-library/react-navigation/releases)                 | [链接](/zh-cn/react-navigation-stack.md)                |
+| 12 | [react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/react-native-tab-view)              | 3.5.2  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases) | [链接](/zh-cn/react-native-tab-view.md)                 |
+| 13 | [flipper-plugin-react-navigation](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation) | 1.3.32 | -                                                                                                                  | [链接](/zh-cn/flipper-plugin-react-navigation.md)       |
 
 ## 依赖关系
 

From ecf06a9e975ed60bdfb99bf36a22cf0472818a77 Mon Sep 17 00:00:00 2001
From: yh989899 <15535906080@163.com>
Date: Tue, 10 Sep 2024 08:24:26 +0000
Subject: [PATCH 513/966] =?UTF-8?q?!1482=20docs:=20=E4=BF=AE=E6=94=B9=20re?=
 =?UTF-8?q?act-native-clipboard-clipboard=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAPBEZ]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-clipboard-clipboard=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-clipboard-clipboard.md | 166 +++++++++++++---------
 1 file changed, 102 insertions(+), 64 deletions(-)

diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index 3345cc8b..2aa7c7ee 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-clipboard/clipboard</code> </h1>
@@ -39,7 +39,7 @@ yarn add @react-native-oh-tpl/clipboard@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
@@ -57,16 +57,22 @@ const fetchCopiedText = async () => {
   setCopiedText(text);
 };
 
-<View style={styles.container}>
-  <TouchableOpacity onPress={copyToClipboard}>
-    <Text>Click here to copy to Clipboard</Text>
-  </TouchableOpacity>
-  <TouchableOpacity onPress={fetchCopiedText}>
-    <Text>View copied text</Text>
-  </TouchableOpacity>
+const App = () => {
+  return (
+    <View style={styles.container}>
+      <TouchableOpacity onPress={copyToClipboard}>
+        <Text>Click here to copy to Clipboard</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={fetchCopiedText}>
+        <Text>View copied text</Text>
+      </TouchableOpacity>
+
+      <Text style={styles.copiedText}>{copiedText}</Text>
+    </View>
+  );
+};
 
-  <Text style={styles.copiedText}>{copiedText}</Text>
-</View>;
+export default App;
 ```
 
 ## Link
@@ -75,6 +81,17 @@ const fetchCopiedText = async () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -116,34 +133,44 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/clipboard/src/main/cpp" ./clipboard)
-# RNOH_END: add_package_subdirectories
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_clipboard)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "ClipboardPackage.h"
 
@@ -151,8 +178,9 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<ClipboardPackage>(ctx)
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<ClipboardPackage>(ctx),
     };
 }
 ```
@@ -175,36 +203,6 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ```
 
-### 应用权限申请
-
-> [!tip] "ohos.permission.READ_PASTEBOARD"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
-
-在 `YourProject/entry/src/main/module.json5`补上配置
-
-```diff
-{
-  "module": {
-    "name": "entry",
-    "type": "entry",
-
-  ···
-
-    "requestPermissions": [
-+     { 
-+		"name": "ohos.permission.READ_PASTEBOARD",
-+		"reason": "xxxx",
-+       "usedScene": {
-+         "abilities": [
-+           "EntryAbility"
-+         ],
-+         "when":"always"
-+       }
-+     }
-    ]
-  }
-}
-```
-
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -218,12 +216,52 @@ ohpm install
 
 然后编译、运行即可。
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases)
 
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.READ_PASTEBOARD",
++    "reason": "$string:Access_clipboard",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"always"
++    }
++  },
+]
+```
+
+#### 在 entry 目录下添加申请剪切板权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_clipboard",
++      "value": "access clipboard"
++    }
+  ]
+}
+```
+
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -232,19 +270,19 @@ ohpm install
 
 | Name        | Description                                                                                                                                                                                                               | Type     | Required | Platform    | HarmonyOS Support |
 | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| getString   | Get content of string type, this method returns a Promise, so you can use following code to get clipboard content                                                                                                         | function | NO       | ios,android | yes               |
-| setString   | Set content of string type. You can use following code to set clipboard content                                                                                                                                           | function | NO       | ios,android | yes               |
-| hasString   | Returns whether the clipboard has content or is empty.                                                                                                                                                                    | function | NO       | ios,android | yes               |
-| getImage    | Get content of image in base64 string type, this method returns a Promise, so you can use following code to get clipboard content (ANDROID only)                                                                          | function | NO       | android     | no                |
-| getStrings  | (iOS only) Get contents of string array type, this method returns a Promise, so you can use following code to get clipboard content                                                                                       | function | NO       | ios         | no                |
-| setStrings  | (iOS only) Set content of string array type. You can use following code to set clipboard content                                                                                                                          | function | NO       | ios         | no                |
-| hasNumber   | (iOS 14+ only) Returns whether the clipboard has a Number(UIPasteboardDetectionPatternNumber) content. Can check if there is a Number content in clipboard without triggering PasteBoard notification for iOS 14+         | function | NO       | ios         | yes               |
-| hasImage    | Returns whether the clipboard has a Image                                                                                                                                                                                 | function | NO       | ios         | yes               |
-| hasUrl      | (iOS only) Returns whether the clipboard has a URL content. Can check if there is a URL content in clipboard without triggering PasteBoard notification for iOS 14+                                                       | function | NO       | ios         | no                |
-| hasWebUrl   | (iOS 14+ only) Returns whether the clipboard has a WebURL(UIPasteboardDetectionPatternProbableWebURL) content. Can check if there is a WebURL content in clipboard without triggering PasteBoard notification for iOS 14+ | function | NO       | ios         | yes               |
-| setImage    | Set content of Image type.（base64 string）                                                                                                                                                                               | function | NO       | ios         | yes               |
-| getImageJPG | get base64 string of JPG Image                                                                                                                                                                                            | function | NO       | ios         | yes               |
-| getImagePNG | get base64 string of PNG Image                                                                                                                                                                                            | function | NO       | ios         | yes               |
+| getString   | Get content of string type, this method returns a Promise, so you can use following code to get clipboard content                                                                                                         | function | NO       | iOS,Android | yes               |
+| setString   | Set content of string type. You can use following code to set clipboard content                                                                                                                                           | function | NO       | iOS,Android | yes               |
+| hasString   | Returns whether the clipboard has content or is empty.                                                                                                                                                                    | function | NO       | iOS,Android | yes               |
+| getImage    | Get content of image in base64 string type, this method returns a Promise, so you can use following code to get clipboard content (ANDROID only)                                                                          | function | NO       | Android     | no                |
+| getStrings  | (iOS only) Get contents of string array type, this method returns a Promise, so you can use following code to get clipboard content                                                                                       | function | NO       | iOS        | yes                |
+| setStrings  | (iOS only) Set content of string array type. You can use following code to set clipboard content                                                                                                                          | function | NO       | iOS        | yes                |
+| hasNumber   | (iOS 14+ only) Returns whether the clipboard has a Number(UIPasteboardDetectionPatternNumber) content. Can check if there is a Number content in clipboard without triggering PasteBoard notification for iOS 14+         | function | NO       | iOS        | yes               |
+| hasImage    | Returns whether the clipboard has a Image                                                                                                                                                                                 | function | NO       | iOS        | yes               |
+| hasUrl      | (iOS only) Returns whether the clipboard has a URL content. Can check if there is a URL content in clipboard without triggering PasteBoard notification for iOS 14+                                                       | function | NO       | iOS        | yes                |
+| hasWebUrl   | (iOS 14+ only) Returns whether the clipboard has a WebURL(UIPasteboardDetectionPatternProbableWebURL) content. Can check if there is a WebURL content in clipboard without triggering PasteBoard notification for iOS 14+ | function | NO       | iOS        | yes               |
+| setImage    | Set content of Image type.（base64 string）                                                                                                                                                                               | function | NO       | iOS        | yes               |
+| getImageJPG | get base64 string of JPG Image                                                                                                                                                                                            | function | NO       | iOS        | yes               |
+| getImagePNG | get base64 string of PNG Image                                                                                                                                                                                            | function | NO       | iOS        | yes               |
 
 ## 遗留问题
 
@@ -252,6 +290,6 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/clipboard/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-clipboard/clipboard/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 99b5c2dda1d934d6415eedff5eb6a3d51cc04d3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E5=98=89=E8=BE=89?= <961978925@qq.com>
Date: Tue, 10 Sep 2024 08:37:11 +0000
Subject: [PATCH 514/966] =?UTF-8?q?!1481=20docs:=20[Issue:=20#IAPAN0]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-exception-handler=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#I?=
 =?UTF-8?q?APAN0]=E4=BF=AE=E6=94=B9react-native-exception-handler=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-exception-handler.md | 277 +++++++++---------------
 1 file changed, 98 insertions(+), 179 deletions(-)

diff --git a/zh-cn/react-native-exception-handler.md b/zh-cn/react-native-exception-handler.md
index 33ee988d..8e5745eb 100644
--- a/zh-cn/react-native-exception-handler.md
+++ b/zh-cn/react-native-exception-handler.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-exception-handler</code> </h1>
@@ -46,65 +45,76 @@ yarn add @react-native-oh-tpl/react-native-exception-handler@file:#
 To catch <b>JS_Exceptions</b>
 
 ```typescript
-import {
-  setJSExceptionHandler,
-  getJSExceptionHandler,
-} from "react-native-exception-handler";
-
-// For most use cases:
-// registering the error handler (maybe u can do this in the index.android.js or index.ios.js)
-setJSExceptionHandler((error, isFatal) => {
-  // This is your custom global error handler
-  // You do stuff like show an error dialog
-  // or hit google analytics to track crashes
-  // or hit a custom api to inform the dev team.
-});
-//=================================================
-// ADVANCED use case:
-const exceptionhandler = (error, isFatal) => {
-  // your error handler function
+import { View, Button } from "react-native";
+import { setJSExceptionHandler, getJSExceptionHandler } from "react-native-exception-handler";
+
+export const ReactNativeExceptionHandler = () => {
+
+    const exceptionhandler = (error, isFatal) => {
+        // your error handler function
+    };
+
+    const setJSExceptionHandlerClick = () => {
+        setJSExceptionHandler(exceptionhandler, true);
+    }
+
+    const getJSExceptionHandlerClick = () => {
+        // getJSExceptionHandler gives the currently set JS exception handler
+        const currentHandler = getJSExceptionHandler();
+    }
+
+    return (
+        <View style={{ flexDirection: "column", justifyContent: "space-between" }}>
+            <Button
+                title="setJSExceptionHandler"
+                onPress={setJSExceptionHandlerClick}
+            />
+            <Button
+                title="getJSExceptionHandler"
+                onPress={getJSExceptionHandlerClick}
+            />
+        </View>
+    );
 };
-setJSExceptionHandler(exceptionhandler, allowInDevMode);
-// - exceptionhandler is the exception handler function
-// - allowInDevMode is an optional parameter is a boolean.
-//   If set to true the handler to be called in place of RED screen
-//   in development mode also.
-
-// getJSExceptionHandler gives the currently set JS exception handler
-const currentHandler = getJSExceptionHandler();
 ```
 
 To catch <b>Native_Exceptions</b>
 
 ```typescript
+import { View, Button } from "react-native";
 import { setNativeExceptionHandler } from "react-native-exception-handler";
 
-//For most use cases:
-setNativeExceptionHandler((exceptionString) => {
-  // This is your custom global error handler
-  // You do stuff likehit google analytics to track crashes.
-  // or hit a custom api to inform the dev team.
-  //NOTE: alert or showing any UI change via JS
-  //WILL NOT WORK in case of NATIVE ERRORS.
-});
-//====================================================
-// ADVANCED use case:
-const exceptionhandler = (exceptionString) => {
-  // your exception handler code here
+export const ReactNativeExceptionHandler = () => {
+
+    const exceptionhandler = (exceptionString) => {
+        // your exception handler code here
+    };
+
+    const setNativeExceptionHandlerClick = () => {
+        setNativeExceptionHandler(
+            exceptionhandler,
+            forceAppQuit,
+            executeDefaultHandler
+        );
+        // - exceptionhandler is the exception handler function
+        // - forceAppQuit is an optional ANDROID specific parameter that defines
+        //    if the app should be force quit on error.  default value is true.
+        //    To see usecase check the common issues section.
+        // - executeDefaultHandler is an optional boolean (both IOS, ANDROID)
+        //    It executes previous exception handlers if set by some other module.
+        //    It will come handy when you use any other crash analytics module along with this one
+        //    Default value is set to false. Set to true if you are using other analytics modules.
+    }
+
+    return (
+        <View style={{ flexDirection: "column", justifyContent: "space-between" }}>
+            <Button
+                title="setNativeExceptionHandler"
+                onPress={setNativeExceptionHandlerClick}
+            />
+        </View>
+    );
 };
-setNativeExceptionHandler(
-  exceptionhandler,
-  forceAppQuit,
-  executeDefaultHandler
-);
-// - exceptionhandler is the exception handler function
-// - forceAppQuit is an optional ANDROID specific parameter that defines
-//    if the app should be force quit on error.  default value is true.
-//    To see usecase check the common issues section.
-// - executeDefaultHandler is an optional boolean (both IOS, ANDROID)
-//    It executes previous exception handlers if set by some other module.
-//    It will come handy when you use any other crash analytics module along with this one
-//    Default value is set to false. Set to true if you are using other analytics modules.
 ```
 
 ## Link
@@ -113,6 +123,17 @@ setNativeExceptionHandler(
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
 ### 引入原生端代码
 
 目前有两种方法：
@@ -120,17 +141,17 @@ setNativeExceptionHandler(
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
 打开 `entry/oh-package.json5`，添加以下依赖
 
-```diff
+```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
 
-+   "rnoh-exception-handler": "file:../../node_modules/@react-native-oh-tpl/react-native-exception-handler/harmony/exception_handler.har",
+    "@react-native-oh-tpl/react-native-exception-handler": "file:../../node_modules/@react-native-oh-tpl/react-native-exception-handler/harmony/exception_handler.har",
   }
 ```
 
@@ -154,28 +175,37 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-exception-handler/src/main/cpp" ./exception_handler)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-exception-handler/src/main/cpp" ./exception-handler)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_exception_handler)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -200,9 +230,8 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-import type {RNPackageContext, RNPackage} from 'rnoh/ts';
-import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import {ExceptionHandlerPackage} from 'rnoh-exception-handler/ts';
+    ...
++   import {ExceptionHandlerPackage} from '@react-native-oh-tpl/react-native-exception-handler/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -212,111 +241,6 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 异常信息页面配置
-
-在 `YourProject/entry/src/main/ets/pages` 目录下,新建文件`ExceptionView.ets`
-
-```typescript
-import { ExceptionComponent } from 'rnoh-exception-handler';
-import router from '@ohos.router';
-
-interface RouterParam {
-  errMsg: string
-}
-
-@Entry
-@Component
-struct ExceptionView {
-  @State errMsg: string = ''
-
-  aboutToAppear() {
-    let params = router.getParams() as RouterParam
-    this.errMsg = params.errMsg
-    router.clear()
-  }
-
-  build() {
-    Column() {
-      ExceptionComponent({ errMsg: this.errMsg })
-    }
-    .width('100%')
-    .height('100%')
-  }
-}
-```
-
-在 `YourProject/entry/src/main/resources/base/profile/main_pages.json5`补上配置
-
-```diff
-{
-  "src": [
-    "pages/Index",
-+   "pages/ExceptionView"
-  ]
-}
-```
-
-### 应用重启使能
-
-在 `YourProject/entry/src/main/ets/app` 目录下,新建文件`MyAbilityStage.ets`
-
-```typescript
-import AbilityStage from "@ohos.app.ability.AbilityStage";
-import appRecovery from "@ohos.app.ability.appRecovery";
-import Want from "@ohos.app.ability.Want";
-
-export default class MyAbilityStage extends AbilityStage {
-  onCreate() {
-    appRecovery.enableAppRecovery();
-    let want: Want = {
-      bundleName: this.context.applicationInfo.name,
-      abilityName: this.context.currentHapModuleInfo.mainElementName,
-    };
-    appRecovery.setRestartWant(want);
-  }
-}
-```
-
-在 `YourProject/entry/src/main/module.json5`补上配置
-
-```diff
-{
-  "module": {
-    "name": "entry",
-    "type": "entry",
-+   "srcEntry": "./ets/app/MyAbilityStage.ets",
-    "description": "$string:module_desc",
-    "mainElement": "EntryAbility",
-
-  ···
-
-  "abilities": [
-      {
-        "name": "EntryAbility",
-        "srcEntry": "./ets/entryability/EntryAbility.ets",
-        "description": "$string:EntryAbility_desc",
-        "icon": "$media:icon",
-        "label": "$string:EntryAbility_label",
-        "startWindowIcon": "$media:icon",
-        "startWindowBackground": "$color:start_window_background",
-+       "recoverable": true,
-        "exported": true,
-        "skills": [
-          {
-            "entities": [
-              "entity.system.home"
-            ],
-            "actions": [
-              "action.system.home"
-            ]
-          }
-        ]
-      }
-    ]
-  }
-}
-```
-
 ### 运行
 
 点击右上角的 `sync` 按钮
@@ -327,12 +251,11 @@ export default class MyAbilityStage extends AbilityStage {
 cd entry
 ohpm install
 ```
-
 然后编译、运行即可。
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -346,8 +269,8 @@ ohpm install
 
 | Name                    | Description          | Type     | Required | Platform | HarmonyOS Support |
 | ----------------------- | -------------------- | -------- | -------- | -------- | ----------------- |
-| `setJSExceptionHandler` | 设置 JS 异常处理方法 | function | no       | All      | yes               |
-| `getJSExceptionHandler` | 获取 JS 异常处理方法 | function | no       | All      | yes               |
+| `setJSExceptionHandler` | 设置 JS 异常处理方法 | function | no       | Android, iOS      | yes               |
+| `getJSExceptionHandler` | 获取 JS 异常处理方法 | function | no       | Android, iOS      | yes               |
 
 ## API
 
@@ -357,16 +280,12 @@ ohpm install
 
 | Name                        | Description              | Type     | Required | Platform | HarmonyOS Support |
 | --------------------------- | ------------------------ | -------- | -------- | -------- | ----------------- |
-| `setNativeExceptionHandler` | 设置 native 异常处理方法 | function | no       | All      | yes               |
+| `setNativeExceptionHandler` | 设置 native 异常处理方法 | function | no       | Android, iOS      | yes               |
 
 ## 遗留问题
 
-- [ ] Harmony 没有异常默认处理机制
-
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/a7ul/react-native-exception-handler/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 66d35f08f2359367b3b4666fa6c3c84cd06429bd Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Tue, 10 Sep 2024 09:28:41 +0000
Subject: [PATCH 515/966] =?UTF-8?q?!1502=20docs:=20[#IAQ5PN]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-apple-authentication=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAQ5PN]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-apple-authentication=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-apple-authentication.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/zh-cn/react-native-apple-authentication.md b/zh-cn/react-native-apple-authentication.md
index 608196a4..f42ed542 100644
--- a/zh-cn/react-native-apple-authentication.md
+++ b/zh-cn/react-native-apple-authentication.md
@@ -42,6 +42,13 @@ npm install @react-native-oh-tpl/react-native-apple-authentication@file:#
 yarn add @react-native-oh-tpl/react-native-apple-authentication@file:#
 ```
 
+#### **配置用于 Web 的“通过 Apple 登录”**
+首先需要进行客户端id配置：[Initial Development Environment Setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md)
+
+然后需要进行服务设置：[Services setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md)
+
+Apple官方配置说明：[Configure Sign in with Apple for the web](https://developer.apple.com/help/account/configure-app-capabilities/configure-sign-in-with-apple-for-the-web)
+
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：

From afed0f0485d90604afbe823e3110cc0899dc7362 Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Tue, 10 Sep 2024 09:29:26 +0000
Subject: [PATCH 516/966] =?UTF-8?q?!1495=20docs:=20[Issues:=20#IAPSC5]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-autoheight-webview=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAPSC5]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-autoheight-webview=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-autoheight-webview.md | 33 ++++++++++++------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index 5e5340c3..933d94dd 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-autoheight-webview@file:#
 
 <!-- tabs:end -->
 
-
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
 
 ```js
 import React from "react";
@@ -84,7 +84,7 @@ export function WebviewExample() {
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -98,25 +98,26 @@ export function WebviewExample() {
 
 | Name                              | Description                                                                                                                                                                                                                                                                                                  | Type                                                               | Required | Platform | HarmonyOS Support                                                                                                 |
 |-----------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------------------------------------------------------------------------------------------------------|
-| `source`                          | Loads static HTML or a URI<br/> (with optional headers) <br />in the WebView                                                                                                                                                                                                                                 | object                                                             | yes      | All      | partially (Only of: <br />**Load uri :**<br />uri <br />headers <br />**Static HTML :**<br />html <br />baseUrl ) |
-| `originWhitelist?`                | List of origin strings<br/> to allow being navigated to.                                                                                                                                                                                                                                                     | string[]                                                           | No       | All      | yes                                                                                                               |
-| `scalesPageToFit?`                | Boolean that controls<br/> whether the web content<br/> is scaled to fit the view<br/> and enables the user<br/> to change the scale.                                                                                                                                                                        | boolean                                                            | No       | android  | yes                                                                                                               |
-| `customScript?`                   | -                                                                                                                                                                                                                                                                                                            | string                                                             | No       | All      | yes                                                                                                               |
-| `style?`                          | A style object that allow you<br/> to customize the WebView style.                                                                                                                                                                                                                                           | Style                                                              | No       | All      | yes                                                                                                               |
-| `customStyle?`                    | The custom css content<br/> will be added to the page's <head>.                                                                                                                                                                                                                                              | string                                                             | No       | All      | yes                                                                                                               |
-| `onSizeUpdated?`                  | Either updated height or width<br/> will trigger onSizeUpdated.                                                                                                                                                                                                                                              | function                                                           | No       | All      | yes                                                                                                               |
-| `showsHorizontalScrollIndicator?` | Boolean value that <br/>determines whether a <br/>horizontal scroll indicator <br/>is shown in the WebView.                                                                                                                                                                                                  | boolean                                                            | No       | All      | yes                                                                                                               |
-| `showsVerticalScrollIndicator`    | Boolean value that <br/> determines whether a <br/> vertical scroll indicator<br/>  is shown in the WebView.                                                                                                                                                                                                 | boolean                                                            | No       | All      | yes                                                                                                               |
-| `files?`                          | Using local or remote files. <br />To add local files:<br/>  Add files to <br/> android/app/src/main/assets/ <br/> (depends on baseUrl) <br/>on android;<br/>  add files to <br/> web/ (depends on baseUrl) on iOS;<br/>  add files to <br/>harmony/entry/src/<br/> main/resoureces/rawfile<br/> on harmony. | arrayOf(<br/>{ href: string, <br/>type: string,<br/> rel:string }) | No       | All      | yes                                                                                                               |
-| `scrollEnabledWithZoomedin?`      | Making the webview scrollable<br /> on iOS when zoomed in even <br />if scrollEnabled is false.                                                                                                                                                                                                              | boolean                                                            | No       | ios      | no                                                                                                                |
-| `viewportContent?`                | Please note that<br /> 'width=device-width'<br/> with scalesPageToFit<br/>  may cause some layout issues <br/> on Android and harmony, <br/>for these conditions, <br/>using customScript prop<br /> to apply custom viewport meta.                                                                          | string                                                             | No       | All      | yes                                                                                                               |
+| `source`                          | Loads static HTML or a URI<br/> (with optional headers) <br />in the WebView                                                                                                                                                                                                                                 | object                                                             | Yes      | iOS,Android      | partially (Only of: <br />**Load uri :**<br />uri <br />headers <br />**Static HTML :**<br />html <br />baseUrl ) |
+| `originWhitelist?`                | List of origin strings<br/> to allow being navigated to.                                                                                                                                                                                                                                                     | string[]                                                           | No       | iOS,Android      | no                                                                                                               |
+| `scalesPageToFit?`                | Boolean that controls<br/> whether the web content<br/> is scaled to fit the view<br/> and enables the user<br/> to change the scale.                                                                                                                                                                        | boolean                                                            | No       | Android  | yes                                                                                                               |
+| `customScript?`                   | -                                                                                                                                                                                                                                                                                                            | string                                                             | No       | iOS,Android      | yes                                                                                                               |
+| `style?`                          | A style object that allow you<br/> to customize the WebView style.                                                                                                                                                                                                                                           | Style                                                              | No       | iOS,Android      | yes                                                                                                               |
+| `customStyle?`                    | The custom css content<br/> will be added to the page's <head>.                                                                                                                                                                                                                                              | string                                                             | No       | iOS,Android      | yes                                                                                                               |
+| `onSizeUpdated?`                  | Either updated height or width<br/> will trigger onSizeUpdated.                                                                                                                                                                                                                                              | function                                                           | No       | iOS,Android      | yes                                                                                                               |
+| `showsHorizontalScrollIndicator?` | Boolean value that <br/>determines whether a <br/>horizontal scroll indicator <br/>is shown in the WebView.                                                                                                                                                                                                  | boolean                                                            | No       | iOS,Android      | yes                                                                                                               |
+| `showsVerticalScrollIndicator`    | Boolean value that <br/> determines whether a <br/> vertical scroll indicator<br/>  is shown in the WebView.                                                                                                                                                                                                 | boolean                                                            | No       | iOS,Android      | yes                                                                                                               |
+| `files?`                          | Using local or remote files. <br />To add local files:<br/>  Add files to <br/> android/app/src/main/assets/ <br/> (depends on baseUrl) <br/>on android;<br/>  add files to <br/> web/ (depends on baseUrl) on iOS;<br/>  add files to <br/>harmony/entry/src/<br/> main/resoureces/rawfile<br/> on harmony. | arrayOf(<br/>{ href: string, <br/>type: string,<br/> rel:string }) | No       | iOS,Android      | yes                                                                                                               |
+| `scrollEnabledWithZoomedin?`      | Making the webview scrollable<br /> on iOS when zoomed in even <br />if scrollEnabled is false.                                                                                                                                                                                                              | boolean                                                            | No       | iOS      | yes                                                                                                                |
+| `viewportContent?`                | Please note that<br /> 'width=device-width'<br/> with scalesPageToFit<br/>  may cause some layout issues <br/> on Android and harmony, <br/>for these conditions, <br/>using customScript prop<br /> to apply custom viewport meta.                                                                          | string                                                             | No       | iOS,Android      | yes                                                                                                               |
 
 ## 遗留问题
 
-- [ ] autoheight-webview 的scrollEnabledWithZoomedin属性未实现 HarmonyOS 化[issue#1](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/1)
 
+- [ ] AutoHeightWebview 的originWhitelist属性依赖webview的originWhitelist属性暂未实现HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
+- [ ] AutoHeightWebview 的source属性依赖webview的source属性只是部分实现HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
 - [ ] AutoHeightWebview依赖的webview 部分属性未实现 HarmonyOS 化[issue#17](https://github.com/react-native-oh-library/react-native-webview/issues/17)
-
+- [x] AutoHeightWebview 的scrollEnabledWithZoomedin属性未实现 HarmonyOS 化[issue#1](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/1)
 - [x] 中文乱码[issue#2](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/2)
 
 ## 其他

From 96672ff39a9156d521890f32b3f2b96d3b578ab7 Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Tue, 10 Sep 2024 09:37:19 +0000
Subject: [PATCH 517/966] =?UTF-8?q?!1501=20docs:=20[#IAQ5HH]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-elements=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAQ5HH]=20=E4=BF=AE=E6=94=B9=20react-?=
 =?UTF-8?q?native-elements=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-elements.md | 151 +++++++++++++++++----------------
 1 file changed, 80 insertions(+), 71 deletions(-)

diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index 6c5c8d51..0382db6b 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -43,9 +42,7 @@ yarn add @rneui/base@4.0.0-rc.7
 
 下面的代码展示了这个库的基本使用场景：
 
-> [!WARNING] 使用时 import 的库名不变。
-
-```js
+```tsx
 import React from 'react';
 import { View, ScrollView, StyleSheet } from 'react-native';
 import { Avatar } from '@rneui/themed';
@@ -254,7 +251,7 @@ const Avatars: React.FunctionComponent<AvatarComponentProps> = () => {
 export default Avatars;
 ```
 
-### Link
+## Link
 
 本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
@@ -320,6 +317,7 @@ export default Avatars;
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.700; ROM：3.0.0.60;
 
 ## 组件
 
@@ -347,7 +345,7 @@ export default Avatars;
 |      showRating      | Determines if to show the reviews above the ratingDefault is true |        boolean        |    No    |   All    |        Yes        |
 |         size         |              Size of rating imageDefault is 40               |        number         |    No    |   All    |        Yes        |
 |  starContainerStyle  |           Style for star containerDefault is none            |      View Style       |    No    |   All    |        Yes        |
-|      starImage       |              Pass in a custom base image source              |        string         |    No    |   All    |        Yes        |
+|      starImage       |              Pass in a custom base image source              |        string         |    No    |    No    |        No         |
 
 **Avatar**：一个头像、Icon、字母渲染组件
 
@@ -445,8 +443,8 @@ export default Avatars;
 |           Name            |                         Description                          |                       Type                        | Required | Platform | HarmonyOS Support |
 | :-----------------------: | :----------------------------------------------------------: | :-----------------------------------------------: | :------: | :------: | :---------------: |
 |         Component         |   Choose other button component such as TouchableOpacity.    |                  React Component                  |    No    |   All    |        Yes        |
-|       activeOpacity       |       Add active opacity to the button in buttonGroup.       |                      number                       |    No    |   All    |        Yes        |
-|          button           |                  Button for the component.                   |                      object                       |    No    |   All    |        Yes        |
+|       activeOpacity       |       Add active opacity to the button in buttonGroup.       |                      number                       |    No    |   No  |        No        |
+|          button           |                  Button for the component.                   |                      object                       |    No    |   No  |        No        |
 |   buttonContainerStyle    |            Specify styling for button containers.            |                    View Style                     |    No    |   All    |        Yes        |
 |        buttonStyle        |                 Specify styling for button.                  |                    View Style                     |    No    |   All    |        Yes        |
 |          buttons          | Array of buttons for component (required), if returning a component, must be an object with { element: componentName }. | `(string`,`ButtonComponent`,`ButtonObject)[]` | No |   All    |        Yes        |
@@ -457,8 +455,8 @@ export default Avatars;
 |       disabledStyle       |            Styling for each button when disabled.            |                    View Style                     |    No    |   All    |        Yes        |
 |     disabledTextStyle     |      Styling for the text of each button when disabled.      |                    Text Style                     |    No    |   All    |        Yes        |
 |     innerBorderStyle      | Update the styling of the interior border of the list of buttons. |        { color?: string; width?: number; }        |    No    |   All    |        Yes        |
-|      onHideUnderlay       |             Function called on hiding underlay.              |                     Function                      |    No    |   All    |        Yes        |
-|        onLongPress        |         Called when a long-tap gesture is detected.          |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
+|      onHideUnderlay       |             Function called on hiding underlay.              |                     Function                      |    No    |   No  |        No        |
+|        onLongPress        |         Called when a long-tap gesture is detected.          |           GestureResponderEventHandler            |    No    |   No  |        No        |
 |          onPress          |             Method to update Button Group Index.             |             (...args: any[]) => void              |    No    |   All    |        Yes        |
 |         onPressIn         |       Called when a touch is engaged before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
 |        onPressOut         |      Called when a touch is released before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
@@ -469,9 +467,9 @@ export default Avatars;
 |       selectedIndex       |         Current selected index of array of buttons.          |                      number                       |    No    |   All    |        Yes        |
 |      selectedIndexes      |     Current selected indexes from the array of buttons.      |                     number[]                      |    No    |   All    |        Yes        |
 |     selectedTextStyle     |   Specify specific styling for text in the selected state.   |                    Text Style                     |    No    |   All    |        Yes        |
-|       setOpacityTo        |                 Function to set the opacity.                 |              (value: number) => void              |    No    |   All    |        Yes        |
+|       setOpacityTo        |                 Function to set the opacity.                 |              (value: number) => void              |    No    |   No  |        No        |
 |         textStyle         |              Specify specific styling for text.              |                    Text Style                     |    No    |   All    |        Yes        |
-|       underlayColor       |        Specify underlayColor for TouchableHighlight.         |                        ng                         |    No    |   All    |        Yes        |
+|       underlayColor       |        Specify underlayColor for TouchableHighlight.         |                        ng                         |    No    |   No  |        No        |
 |         vertical          |             Display the ButtonGroup vertically.              |                      boolean                      |    No    |   All    |        Yes        |
 
 **Card**：卡片组件
@@ -529,9 +527,9 @@ export default Avatars;
 |      Name      |                        Description                        |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
 |    children    |                 Add Enclosed components.                  |          ReactNode           |    No    |   All    |        Yes        |
-|  onLongPress   |        Called when a long-tap gesture is detected.        | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|   onPressIn    |     Called when a touch is engaged before `onPress`.      | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|   onPressOut   |     Called when a touch is released before `onPress`.     | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|  onLongPress   |        Called when a long-tap gesture is detected.        | GestureResponderEventHandler |    No    |    No    |        No         |
+|   onPressIn    |     Called when a touch is engaged before `onPress`.      | GestureResponderEventHandler |    No    |    No    |        No         |
+|   onPressOut   |     Called when a touch is released before `onPress`.     | GestureResponderEventHandler |    No    |    No    |        No         |
 |  overlayStyle  | Add additional styling to the internal Overlay component. |          View Style          |    No    |   All    |        Yes        |
 | pressableProps |                   except click handlers                   |        PressableProps        |    No    |   All    |        Yes        |
 
@@ -596,17 +594,17 @@ export default Avatars;
 |                  backgroundColor                  |        Sets backgroundColor of the parent component.         |                string                |    No    |   All    |        Yes        |
 |                  backgroundImage                  |          Sets backgroundImage for parent component.          |         ImageSourcePropType          |    No    |   All    |        Yes        |
 |               backgroundImageStyle                |      Styling for backgroundImage in the main container.      |              ImageStyle              |    No    |   All    |        Yes        |
-|                     barStyle                      |            Sets the color of the status bar text.            |            StatusBarStyle            |    No    |   All    |        Yes        |
+|                     barStyle                      |            Sets the color of the status bar text.            |            StatusBarStyle            |    No    |    No    |        No         |
 |                  centerComponent                  |              Define your center component here.              |          HeaderSubComponent          |    No    |   All    |        Yes        |
 |               centerContainerStyle                |      Styling for container around the centerComponent.       |              View Style              |    No    |   All    |        Yes        |
 | Styling for container around the centerComponent. |            Add children component to the header.             | `(Element`，`Element[]) & ReactNode` |    No    |   All    |        Yes        |
 |                  containerStyle                   |              Styling around the main container.              |              View Style              |    No    |   All    |        Yes        |
 |                       edges                       |                 SafeAreaView edges control.                  |                Edge[]                |    No    |   All    |        Yes        |
-|                     elevated                      |                     Elevation for header                     |               boolean                |    No    |   All    |        Yes        |
+|                     elevated                      |                     Elevation for header                     |               boolean                |    No    |    No    |        No         |
 |                   hideStatusBar                   |               Accepts all props for StatusBar.               |               boolean                |    No    |   All    |        Yes        |
 |                   leftComponent                   |               Define your left component here.               |          HeaderSubComponent          |    No    |   All    |        Yes        |
 |                leftContainerStyle                 |       Styling for container around the leftComponent.        |              View Style              |    No    |   All    |        Yes        |
-|                linearGradientProps                | Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/header#lineargradient-usage). |                Object                |    No    |   All    |        Yes        |
+|                linearGradientProps                | Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/header#lineargradient-usage). |                Object                |    No    |    No    |        No         |
 |                     placement                     |                     Alignment for title.                     |      `center`，`left`，`right`       |    No    |   All    |        Yes        |
 |                  rightComponent                   |              Define your right component here.               |          HeaderSubComponent          |    No    |   All    |        Yes        |
 |                rightContainerStyle                |       Styling for container around the rightComponent.       |              View Style              |    No    |   All    |        Yes        |
@@ -671,7 +669,7 @@ export default Avatars;
 |       labelStyle        | styling for the label; You can only use this if label is a string |   Text Style    |    No    |   All    |        Yes        |
 |        leftIcon         |                 displays an icon on the left                 |    IconNode     |    No    |   All    |        Yes        |
 | leftIconContainerStyle  |          styling for left Icon Component container           |   View Style    |    No    |   All    |        Yes        |
-|   renderErrorMessage    | If the error message container should be rendered (take up vertical space). If false, when showing errorMessage, the layout will shift to add it at that time. |     boolean     |    No    |   All    |        Yes        |
+|   renderErrorMessage    | If the error message container should be rendered (take up vertical space). If false, when showing errorMessage, the layout will shift to add it at that time. |     boolean     |    No    |    No    |        No         |
 |        rightIcon        |                displays an icon on the right                 |    IconNode     |    No    |   All    |        Yes        |
 | rightIconContainerStyle |          styling for right Icon Component container          |   View Style    |    No    |   All    |        Yes        |
 |          shake          |                         Shake method                         |    Function     |    No    |   All    |        Yes        |
@@ -757,7 +755,7 @@ export default Avatars;
 |  leftContent  |                Left Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
 |   leftStyle   |          Style of left container.           |               View Style                |    No    |   All    |        Yes        |
 |   leftWidth   |       Width of swipe left container.        |                 number                  |    No    |   All    |        Yes        |
-| minSlideWidth | minimum horizontal distance to open content |                 number                  |    No    |   All    |        Yes        |
+| minSlideWidth | minimum horizontal distance to open content |                 number                  |    No    |    No    |        No         |
 | onSwipeBegin  |    Handler for swipe in either direction    | `(direction: left`,`right) => unknown`  |    No    |   All    |        Yes        |
 |  onSwipeEnd   |           Handler for swipe end.            |              () => unknown              |    No    |   All    |        Yes        |
 | rightContent  |               Right Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
@@ -768,7 +766,7 @@ export default Avatars;
 
 | Name  |   Description    |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :--------------: | :-----: | :------: | :------: | :---------------: |
-| right | Add right title. | boolean |    No    |   All    |        Yes        |
+| right | Add right title. | boolean |    No    |    No    |        No         |
 
 **Overlay**：弹窗组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的props
 
@@ -805,47 +803,47 @@ export default Avatars;
 
 |         Name          |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|       fractions       | The number of decimal places for the rating value; must be between 0 and 20 |        anyany         |    No    |   All    |        No         |
-|       imageSize       |          The size of each rating imageDefault is 50          |        number         |    No    |   All    |        No         |
-|       jumpValue       |    he number to jump per swipeDefault is 0 (not to jump)     |        number         |    No    |   All    |        No         |
-|       minValue        |      The minimum value the user can selectDefault is 0       |        number         |    No    |   All    |        No         |
-|    onFinishRating     | Callback method when the user finishes rating. Gives you the final rating value as a whole number |       Function        |    No    |   All    |        No         |
-|     onStartRating     |         Callback method when the user starts rating.         |       Function        |    No    |   All    |        No         |
-|     onSwipeRating     |          Callback method when the user is swiping.           | (number: any) => void |    No    |   All    |        No         |
-| ratingBackgroundColor | Pass in a custom background-fill-color for the rating icon; use this along with type='custom' prop aboveDefault is 'white' |        string         |    No    |   All    |        No         |
-|      ratingColor      | Pass in a custom fill-color for the rating icon; use this along with type='custom' prop aboveDefault is '#f1c40f' |        string         |    No    |   All    |        No         |
-|      ratingCount      |        Number of rating images to displayDefault is 5        |        number         |    No    |   All    |        No         |
-|      ratingImage      | Pass in a custom image source; use this along with type='custom' prop above |       ReactNode       |    No    |   All    |        No         |
-|    ratingTextColor    |                Color used for the text labels                |        string         |    No    |   All    |        No         |
-|       readonly        | Whether the rating can be modiefied by the userDefault is false |        boolean        |    No    |   All    |        No         |
-|      showRating       | Displays the Built-in Rating UI to show the rating value in real-timeDefault is false |        boolean        |    No    |   All    |        No         |
-|   showReadOnlyText    |        Whether the text is read onlyDefault is false         |        boolean        |    No    |   All    |        No         |
-|     startingValue     |     The initial rating to renderDefault is ratingCount/2     |        number         |    No    |   All    |        No         |
-|         style         | Exposes style prop to add additonal styling to the container view |      View Style       |    No    |   All    |        No         |
-|       tintColor       |                Color used for the background                 |        string         |    No    |   All    |        No         |
-|         type          |     Graphic used for represent a ratingDefault is 'star'     |        string         |    No    |   All    |        No         |
+|       fractions       | The number of decimal places for the rating value; must be between 0 and 20 |        anyany         |    No    |    No    |        No         |
+|       imageSize       |          The size of each rating imageDefault is 50          |        number         |    No    |    No    |        No         |
+|       jumpValue       |    he number to jump per swipeDefault is 0 (not to jump)     |        number         |    No    |    No    |        No         |
+|       minValue        |      The minimum value the user can selectDefault is 0       |        number         |    No    |    No    |        No         |
+|    onFinishRating     | Callback method when the user finishes rating. Gives you the final rating value as a whole number |       Function        |    No    |    No    |        No         |
+|     onStartRating     |         Callback method when the user starts rating.         |       Function        |    No    |    No    |        No         |
+|     onSwipeRating     |          Callback method when the user is swiping.           | (number: any) => void |    No    |    No    |        No         |
+| ratingBackgroundColor | Pass in a custom background-fill-color for the rating icon; use this along with type='custom' prop aboveDefault is 'white' |        string         |    No    |    No    |        No         |
+|      ratingColor      | Pass in a custom fill-color for the rating icon; use this along with type='custom' prop aboveDefault is '#f1c40f' |        string         |    No    |    No    |        No         |
+|      ratingCount      |        Number of rating images to displayDefault is 5        |        number         |    No    |    No    |        No         |
+|      ratingImage      | Pass in a custom image source; use this along with type='custom' prop above |       ReactNode       |    No    |    No    |        No         |
+|    ratingTextColor    |                Color used for the text labels                |        string         |    No    |    No    |        No         |
+|       readonly        | Whether the rating can be modiefied by the userDefault is false |        boolean        |    No    |    No    |        No         |
+|      showRating       | Displays the Built-in Rating UI to show the rating value in real-timeDefault is false |        boolean        |    No    |    No    |        No         |
+|   showReadOnlyText    |        Whether the text is read onlyDefault is false         |        boolean        |    No    |    No    |        No         |
+|     startingValue     |     The initial rating to renderDefault is ratingCount/2     |        number         |    No    |    No    |        No         |
+|         style         | Exposes style prop to add additonal styling to the container view |      View Style       |    No    |    No    |        No         |
+|       tintColor       |                Color used for the background                 |        string         |    No    |    No    |        No         |
+|         type          |     Graphic used for represent a ratingDefault is 'star'     |        string         |    No    |    No    |        No         |
 
 **SearchBar**：搜索框组件，接收所有 [Input](https://reactnativeelements.com/docs/components/input#props) 的 props
 
 |          Name           |              Description               |            Type             | Required | Platform | HarmonyOS Support |
 | :---------------------: | :------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
-|    cancelButtonProps    |    Properties of the Cancel button     |         Text Style          |    No    |   All    |        Yes        |
-|    cancelButtonTitle    |       Title of the Cancel button       |           string            |    No    |   All    |        Yes        |
-|       cancelIcon        |       Icon of the Cancel button        |          IconNode           |    No    |   All    |        Yes        |
+|    cancelButtonProps    |    Properties of the Cancel button     |         Text Style          |    No    |    No    |        No         |
+|    cancelButtonTitle    |       Title of the Cancel button       |           string            |    No    |    No    |        No         |
+|       cancelIcon        |       Icon of the Cancel button        |          IconNode           |    No    |    No    |        No         |
 |        clearIcon        |               Clear Icon               |          IconNode           |    No    |   All    |        Yes        |
 |     containerStyle      |          Style for container           |         View Style          |    No    |   All    |        Yes        |
 |   inputContainerStyle   |       Style for input container        |         View Style          |    No    |   All    |        Yes        |
 |       inputStyle        |              Input Style               |         Text Style          |    No    |   All    |        Yes        |
 | leftIconContainerStyle  |       Left Icon Container Style        |         View Style          |    No    |   All    |        Yes        |
-|       lightTheme        |              light Theme               |           boolean           |    No    |   All    |        Yes        |
+|       lightTheme        |              light Theme               |           boolean           |    No    |    No    |        No         |
 |      loadingProps       |         ActivityIndicatorProps         |   ActivityIndicatorProps    |    No    |   All    |        Yes        |
-|        onCancel         | Callback Function on cancel icon press |        `(() => any)`        |    No    |   All    |        Yes        |
+|        onCancel         | Callback Function on cancel icon press |        `(() => any)`        |    No    |    No    |        No         |
 |         onClear         | Callback Function on clear icon press  |          Function           |    No    |   All    |        Yes        |
-|        platform         |           Platform judgment            | `default`，`android`，`ios` |    No    |   All    |        Yes        |
+|        platform         |           Platform judgment            | `default`，`android`，`ios` |    No    |    No    |        No         |
 | rightIconContainerStyle |       Right Icon Container Style       |   rightIconContainerStyle   |    No    |   All    |        Yes        |
 |          round          |         Whether it is rounded          |           boolean           |    No    |   All    |        Yes        |
 |       searchIcon        |            Icon for search             |          IconNode           |    No    |   All    |        Yes        |
-|       showCancel        |              Show cancel               |           boolean           |    No    |   All    |        Yes        |
+|       showCancel        |              Show cancel               |           boolean           |    No    |    No    |        No         |
 |       showLoading       |              Show loading              |           boolean           |    No    |   All    |        Yes        |
 
 **Slider**：滑动条组件
@@ -881,7 +879,7 @@ export default Avatars;
 |          Name           |            Description             |           Type            | Required | Platform | HarmonyOS Support |
 | :---------------------: | :--------------------------------: | :-----------------------: | :------: | :------: | :---------------: |
 | LinearGradientComponent |  Custom Linear Gradient Component  |      React Component      |    No    |   All    |        Yes        |
-|        animation        |         Type of animation          | `none` | `pulse` | `wave` |    No    |   All    |        Yes        |
+|        animation        |         Type of animation          | `none`|`wave`|`pulse` | No | No |    No    |
 |         circle          |       show circular variant        |          boolean          |    No    |   All    |        Yes        |
 |         height          |      Height of Skeleton View       |    `string`，`number`     |    No    |   All    |        Yes        |
 |      skeletonStyle      | Custom style for skeleton gradient |        View Style         |    No    |   All    |        Yes        |
@@ -895,32 +893,32 @@ export default Avatars;
 | activityIndicatorStyle |            Style to render when in loading state.            |          View Style          |    No    |   All    |        Yes        |
 |         button         |              Creates button with a social icon.              |           boolean            |    No    |   All    |        Yes        |
 |        disabled        |                Disables the button, if true.                 |           boolean            |    No    |   All    |        Yes        |
-|       fontFamily       |                Specify different font family.                |            string            |    No    |   All    |        Yes        |
+|       fontFamily       |                Specify different font family.                |            string            |    No    |    No    |        No         |
 |       fontStyle        |                    Specify text styling.                     |          Text Style          |    No    |   All    |        Yes        |
-|       fontWeight       | Specify font weight of title if set as a button with a title. |            string            |    No    |   All    |        Yes        |
+|       fontWeight       | Specify font weight of title if set as a button with a title. |            string            |    No    |    No    |        No         |
 |       iconColor        |                Specify the color of the icon.                |            string            |    No    |   All    |        Yes        |
 |        iconSize        |                Specify the size of the icon.                 |            number            |    No    |   All    |        Yes        |
-|       iconStyle        |              Extra styling for icon component.               |          View Style          |    No    |   All    |        Yes        |
+|       iconStyle        |              Extra styling for icon component.               |          View Style          |    No    |    No    |        No         |
 |        iconType        | Type of icon set. [Supported sets here](https://reactnativeelements.com/docs/components/icon#available-icon-sets). |            string            |    No    |   All    |        Yes        |
-|         light          | Reverses icon color scheme, setting background to white and icon to primary color. |           boolean            |    No    |   All    |        Yes        |
+|         light          | Reverses icon color scheme, setting background to white and icon to primary color. |           boolean            |    No    |    No    |        No         |
 |        loading         |                   Shows loading indicator.                   |           boolean            |    No    |   All    |        Yes        |
 |      onLongPress       |         Called when a long-tap gesture is detected.          | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |        onPress         |        Called when a single tap gesture is detected.         | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |       onPressIn        |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |       onPressOut       |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |     pressableProps     |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
-|         raised         |      Raised adds a drop shadow, set to false to remove.      |           boolean            |    No    |   All    |        Yes        |
-|         small          |         Decides the size of the activity indicator.          |            string            |    No    |   All    |        Yes        |
+|         raised         |      Raised adds a drop shadow, set to false to remove.      |           boolean            |    No    |    No    |        No         |
+|         small          |         Decides the size of the activity indicator.          |            string            |    No    |    No    |        No         |
 |         style          |                 Adds styling to the button.                  |          View Style          |    No    |   All    |        Yes        |
 |         title          |                 Title if made into a button.                 |            string            |    No    |   All    |        Yes        |
 |          type          |                      Social media type.                      |       SocialMediaType        |    No    |   All    |        Yes        |
-|     underlayColor      |                     Add Underlay color.                      |            string            |    No    |   All    |        Yes        |
+|     underlayColor      |                     Add Underlay color.                      |            string            |    No    |    No    |        No         |
 
 **SpeedDial**：浮动快速操作按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props)  的props
 
 |          Name          |                       Description                        |       Type       | Required | Platform | HarmonyOS Support |
 | :--------------------: | :------------------------------------------------------: | :--------------: | :------: | :------: | :---------------: |
-| backdropPressableProps |               Props for Backdrop Pressable               |  PressableProps  |    No    |   All    |        Yes        |
+| backdropPressableProps |               Props for Backdrop Pressable               |  PressableProps  |    No    |    No    |        No         |
 |        children        |              SpeedDial Action as children.               | SpeedDial.Action |    No    |   All    |        Yes        |
 |         isOpen         |                 Opens the action stack.                  |     boolean      |    No    |   All    |        Yes        |
 |     labelPressable     |          onPress on Label Press for all Actions          |     boolean      |    No    |   All    |        Yes        |
@@ -947,14 +945,14 @@ export default Avatars;
 |       Name       |               Description                |                     Type                      | Required | Platform | HarmonyOS Support |
 | :--------------: | :--------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
 |   buttonStyle    |         Additional button style          | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
-|  containerStyle  | Additional Styling for button container. | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
-|      dense       |              Dense Tab Item              |                    boolean                    |    No    |   All    |        Yes        |
+|  containerStyle  | Additional Styling for button container. | `ViewStyle or (active: boolean) => ViewStyle` |    No    |    No    |        No         |
+|      dense       |              Dense Tab Item              |                    boolean                    |    No    |    No    |        No         |
 | disableIndicator |       Disable the indicator below.       |                    boolean                    |    No    |   All    |        Yes        |
 |   iconPosition   |              Icon Position               |       `left`，`right`，`top`，`bottom`        |    No    |   All    |        Yes        |
 |  indicatorStyle  |  Additional styling for tab indicator.   |                  View Style                   |    No    |   All    |        Yes        |
 |     onChange     |        On Index Change Callback.         |            (value: number) => void            |    No    |   All    |        Yes        |
-|    scrollable    |           Makes Tab Scrolling            |                    boolean                    |    No    |   All    |        Yes        |
-|    titleStyle    |      Additional button title style       | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
+|    scrollable    |           Makes Tab Scrolling            |                    boolean                    |    No    |    No    |        No         |
+|    titleStyle    |      Additional button title style       | `ViewStyle or (active: boolean) => ViewStyle` |    No    |    No    |        No         |
 |      value       |       Child position index value.        |                    number                     |    No    |   All    |        Yes        |
 |     variant      |      Define the background Variant.      |             `primary`，`default`              |    No    |   All    |        Yes        |
 
@@ -962,13 +960,13 @@ export default Avatars;
 
 |        Name        |                   Description                    |                     Type                      | Required | Platform | HarmonyOS Support |
 | :----------------: | :----------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
-|       active       |      Allows to define if TabItem is active.      |                    boolean                    |    No    |   All    |        Yes        |
+|       active       |      Allows to define if TabItem is active.      |                    boolean                    |    No    |    No    |        No         |
 |    buttonStyle     |             Additional button style              | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
 |   containerStyle   |     Additional Styling for button container.     | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
-|       dense        |                  Dense Tab Item                  |                    boolean                    |    No    |   All    |        Yes        |
+|       dense        |                  Dense Tab Item                  |                    boolean                    |    No    |    No    |        No         |
 | iconContainerStyle | Additional Styling for Icon Component container. | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
 |     titleStyle     |          Additional button title style           | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
-|      variant       |          Define the background Variant.          |             `primary`，`default`              |    No    |   All    |        Yes        |
+|      variant       |          Define the background Variant.          |             `primary`，`default`              |    No    |    No    |        No         |
 
 **TabView**：滑动开关内容组件
 
@@ -1007,7 +1005,7 @@ export default Avatars;
 |         Name          |                         Description                          |              Type              | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
 |    ImageComponent     |               Custom ImageComponent for Tile.                |        typeof Component        |    No    |   All    |        Yes        |
-|     activeOpacity     |          Number passed to control opacity on press.          |             number             |    No    |   All    |        Yes        |
+|     activeOpacity     |          Number passed to control opacity on press.          |             number             |    No    |    No    |        No         |
 |        caption        |         Text inside the tilt when tile is featured.          |           ReactNode            |    No    |   All    |        Yes        |
 |     captionStyle      | Styling for the caption (optional); You only use this if `caption` is a string. |           Text Style           |    No    |   All    |        Yes        |
 |    containerStyle     |            Styling for the outer tile container.             |           View Style           |    No    |   All    |        Yes        |
@@ -1019,7 +1017,7 @@ export default Avatars;
 |  imageContainerStyle  |                    Styling for the image.                    |           View Style           |    No    |   All    |        Yes        |
 |      imageProps       | Optional properties to pass to the image if provided e.g "resizeMode". |       ImageProps(Object)       |    No    |   All    |        Yes        |
 |       imageSrc        |                    Source for the image.                     | `string`,`ImageSourcePropType` |    No    |   All    |        Yes        |
-| overlayContainerStyle | Styling for the overlay container when using featured tile.  |           View Style           |    No    |   All    |        Yes        |
+| overlayContainerStyle | Styling for the overlay container when using featured tile.  |           View Style           |    No    |    No    |        No         |
 |         title         |                    Text inside the tile.                     |             string             |    No    |   All    |        Yes        |
 |  titleNumberOfLines   |                  Number of lines for Title.                  |             number             |    No    |   All    |        Yes        |
 |      titleStyle       |                    Styling for the title.                    |           Text Style           |    No    |   All    |        Yes        |
@@ -1032,7 +1030,7 @@ export default Avatars;
 |      ModalComponent      | Override React Native `Modal` component (usable for web-platform). |                     typeof Component                     |    No    |   All    |        Yes        |
 |      animationType       |                        Animation Type                        |                      `none`,`fade`                       |    No    |   All    |        Yes        |
 |     backgroundColor      |       Sets backgroundColor of the tooltip and pointer.       |                        ColorValue                        |    No    |   All    |        Yes        |
-| closeOnlyOnBackdropPress | Flag to determine whether to disable auto hiding of tooltip when touching/scrolling anywhere inside the active tooltip popover container. When `true`, Tooltip closes only when overlay backdrop is pressed (or) highlighted tooltip button is pressed. |                         boolean                          |    No    |   All    |        Yes        |
+| closeOnlyOnBackdropPress | Flag to determine whether to disable auto hiding of tooltip when touching/scrolling anywhere inside the active tooltip popover container. When `true`, Tooltip closes only when overlay backdrop is pressed (or) highlighted tooltip button is pressed. |                         boolean                          |    No    |    No    |        No         |
 |      containerStyle      |           Passes style object to tooltip container           |                        View Style                        |    No    |   All    |        Yes        |
 |          height          | Tooltip container height. Necessary in order to render the container in the correct place. Pass height according to the size of the content rendered inside the container. |                          number                          |    No    |   All    |        Yes        |
 |      highlightColor      |   Color to highlight the item the tooltip is surrounding.    |                        ColorValue                        |    No    |   All    |        Yes        |
@@ -1051,12 +1049,23 @@ export default Avatars;
 |       withPointer        |   Flag to determine whether or not to display the pointer.   |                         boolean                          |    No    |   All    |        Yes        |
 
 ## 遗留问题
-
-- [ ] Rating组件的readonly、onFinishRating等props无法生效，与Android/IOS一致:[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
-
 ## 其他
+- [ ] Rating组件的readonly、onFinishRating等属性无法生效，与Android/iOS一致：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+- [ ] AirbnbRatings组件的startImage属性无法生效，与Android/iOS一致：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+- [ ] ButtonGroups组件的activeOpacity、button等属性无法生效，与Android/iOS一致：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
+- [ ] Dialog组件的onLongPress、onpressIn等属性无法生效，与Android/iOS一致：[issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
+- [ ] Header组件的barStyle、elevated等属性无法生效，与Android、iOS一致：[issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
+- [ ] Input组件的renderErrorMessage属性无法生效，与Android、iOS一致：[issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
+- [ ] ListItem.Swipeable组件的minSlideWidth属性无法生效，与Android、iOS一致：[issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
+- [ ] ListItem.Title组件的right属性无法生效，与Android、iOS一致：[issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
+- [ ] SearchBar组件的cancelButtonProps、showCancel等属性无法生效，与Android、iOS一致：[issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
+- [ ] SocialIcon组件的fontFamily、fontWeight等属性无法生效，与Android、iOS一致：[issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
+- [ ] SpeedDial组件的backdropPressableProps属性无法生效，与Android、iOS一致：[issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
+- [ ] Tab组件的containerStyle、dense等属性无法生效，与Android、iOS一致：[issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
+- [ ] Tab.Item组件的active、dense等属性无法生效，与Android、iOS一致：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
+- [ ] Tile组件的activeOpacity等属性无法生效，与Android、iOS一致：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
+- [ ] Tooltip组件的closeOnlyOnBackdropPress属性无法生效，与Android、iOS一致：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file

From bde06715bebb10b3f76adf226bf82b87fe6234f7 Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Wed, 11 Sep 2024 02:51:18 +0000
Subject: [PATCH 518/966] =?UTF-8?q?!1476=20docs:=20[#IAP6VF]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-drag-sort=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAP6VF]=20=E6=9B=B4=E6=96=B0react-nat?=
 =?UTF-8?q?ive-drag-sort=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-drag-sort.md | 50 +++++++++++++++++++++++++--------
 1 file changed, 39 insertions(+), 11 deletions(-)

diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index b17dfc22..2c7f3543 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -559,16 +559,16 @@ const styles = StyleSheet.create({
 在下述版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
 
 ## 属性
 
-### AutoDragSortableView、DragSortableView
+### DragSortableView
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 >
-> 详情见 [react-native-drag-sort 源库地址](https://github.com/mochixuan/react-native-drag-sort)
 
 |           Name           |                               Description                               |   Type   | Required |  Platform   | HarmonyOS Support |
 | :----------------------: | :---------------------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
@@ -593,18 +593,43 @@ const styles = StyleSheet.create({
 |      **onDragging**      |                          Called when dragging                           | function |    No    | iOS/Android |        Yes        |
 |       **maxScale**       |                              max Scale                                  |  number  |    No    | iOS/Android |        Yes        |
 |      **minOpacity**      |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
+|      **scaleStatus**     |                              scale   status                                |  string  |    No    | iOS/Android |        Yes        |
+|      **scaleDuration**   |                              scale duration                                |  number  |    No    | iOS/Android |        Yes        |
+|      **slideDuration**   |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
 
-### The following attributes belong only to AutoDragSortableView
+### AutoDragSortableView
 
 |           Name            |     Description         |                           Type                           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :----------------------:| :------------------------------------------------------: | :------: | :---------: | :---------------: |
-|     **scaleDuration**     |     scale duration      |                          number                          |    No    | iOS/Android |        Yes        |
-|     **slideDuration**     |     slide duration      |                          number                          |    No    | iOS/Android |        Yes        |
+|    **dataSource**        |                       DataSource array for list                         |  array   |   Yes    | iOS/Android |        Yes        |
+|     **parentWidth**      |                              parent width                               |  number  |    No    | iOS/Android |        Yes        |
+|  **childrenHeight**      |                            Each item height                             |  number  |   Yes    | iOS/Android |        Yes        |
+|   **childrenWidth**      |                             Each item width                             |  number  |   Yes    | iOS/Android |        Yes        |
+|  **marginChildrenTop**   | So the item's outermost view adds margin, you can only use this method. |  number  |    No    | iOS/Android |        Yes        |
+| **marginChildrenBottom** |                           Item bottom margin                            |  number  |    No    | iOS/Android |        Yes        |
+|  **marginChildrenLeft**  |                           Item left margin                              |  number  |    No    | iOS/Android |        Yes        |
+| **marginChildrenRight**  |                           Item right margin                             |  number  |    No    | iOS/Android |        Yes        |
+|       **sortable**       |                          Do not allow dragging                          |   bool   |    No    | iOS/Android |        Yes        |
+|     **onClickItem**      |                                  click                                  | function |    No    | iOS/Android |        Yes        |
+|     **onDragStart**      |                        Called after dragging starts                     | function |    No    | iOS/Android |        Yes        |
+|      **onDragEnd**       |                        Called after dragging end                     | function |    No    | iOS/Android |        Yes        |
+|     **onDataChange**     |           This method is called every time the data changes.            | function |    No    | iOS/Android |        Yes        |
+|    **renderItem**        |                            render item view                             | function |   Yes    | iOS/Android |        Yes        |
+|      **fixedItems**      |                                no remove                                |  array   |    No    | iOS/Android |        Yes        |
+|     **keyExtractor**     |                           (item,index) => key                           | function |    No    | iOS/Android |        Yes        |
+|    **delayLongPress**    |                            Long press delay                             |  number  |    No    | iOS/Android |        Yes        |
+|     **isDragFreely**     |                     Whether to limit the drag space                     |   bool   |    No    | iOS/Android |        Yes        |
+|      **onDragging**      |                          Called when dragging                           | function |    No    | iOS/Android |        Yes        |
+|       **maxScale**       |                              max Scale                                  |  number  |    No    | iOS/Android |        Yes        |
+|      **minOpacity**      |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
+|      **scaleStatus**     |                              scale   status                                |  string  |    No    | iOS/Android |        Yes        |
+|      **scaleDuration**   |                              scale duration                                |  number  |    No    | iOS/Android |        Yes        |
+|      **slideDuration**   |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
 |     **autoThrottle**      |     auto  throttle      |                          number                          |    No    | iOS/Android |        Yes        |
 | **autoThrottleDuration**  |   auto throttle duration|                          number                          |    No    | iOS/Android |        Yes        |
 |   **renderHeaderView**    |    render header View   |                         element                          |    No    | iOS/Android |        Yes        |
 |   **headerViewHeight**    |    header view height   |                          number                          |    No    | iOS/Android |        Yes        |
-| **scrollIndicatorInsets** |    margin on scroll     | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS/Android |        Yes        |
+| **scrollIndicatorInsets** |    margin on scroll     | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS |        NO        |
 |   **renderBottomView**    |    render Bottom View   |                         element                          |    No    | iOS/Android |        Yes        |
 |   **bottomViewHeight**    |    bottom view height   |                          number                          |    No    | iOS/Android |        Yes        |
 |   **onScrollListener**    | Listening callback during scrolling|          (event: NativeSyntheticEvent) => void           |    No    | iOS/Android |        Yes        |
@@ -615,27 +640,30 @@ const styles = StyleSheet.create({
 |           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 |     **renderItem**         |                 render item view                  |                         function                         |   Yes    | iOS/Android |        Yes        |
-|     **onDataChange**      | This method is called every time the data changes |                         function                         |    No    | iOS/Android |        Yes        |
+|     **onDataChange**      | This method is called every time the data changes |                         function                         |   Yes    | iOS/Android |        Yes        |
 |   **renderHeaderView**    |         render Header View                        |                         element                          |    No    | iOS/Android |        Yes        |
 |   **headerViewHeight**    |         header view height                        |                          number                          |    No    | iOS/Android |        Yes        |
+|   **renderBottomView**    |         render Bottom View                        |                         element                          |    No    | iOS/Android |        Yes        |
 |   **bottomViewHeight**    |         bottom view height                        |                          number                          |    No    | iOS/Android |        Yes        |
 |     **autoThrottle**      |          auto  throttle                           |                          number                          |    No    | iOS/Android |        Yes        |
 | **autoThrottleDuration**  |         auto throttle duration                    |                          number                          |    No    | iOS/Android |        Yes        |
-| **scrollIndicatorInsets** |         margin on scroll                          | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS/Android |        Yes        |
+| **scrollIndicatorInsets** |         margin on scroll                          | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS/Android |        No        |
 |   **onScrollListener**    |Listening callback during scrolling                |          (event: NativeSyntheticEvent) => void           |    No    | iOS/Android |        Yes        |
 |      **onScrollRef**      | scroll reference callback                         |                    (ref: any) => void                    |    No    | iOS/Android |        Yes        |
 |   **areaOverlapRatio**    |             Must be greater than 0.5              |                          number                          |    No    | iOS/Android |        Yes        |
-|    **movedWrapStyle**     |                       style                       |                        StyleProp                         |    No    | iOS/Android |        Yes        |
+|    **movedWrapStyle**     |                       style                       |                        StyleProp                         |   Yes    | iOS/Android |        Yes        |
 |    **childMarginTop**     |           Subpage top margin                      |                          number                          |    No    | iOS/Android |        Yes        |
 |   **childMarginBottom**   |          Subpage bottom margin                    |                          number                          |    No    | iOS/Android |        Yes        |
 |    **childMarginLeft**    |           Subpage left margin                     |                          number                          |    No    | iOS/Android |        Yes        |
 |   **childMarginRight**    |           Subpage right margin                    |                          number                          |    No    | iOS/Android |        Yes        |
-|       **onDragEnd**       |          Called after dragging end                |                         function                         |    No    | iOS/Android |        Yes        |
+|       **onDragEnd**       |          Called after dragging end                |                         function                         |    Yes    | iOS/Android |        Yes        |
 |     **dataSource**        |          DataSource array for list                |                          array                           |   Yes    | iOS/Android |        Yes        |
-|     **keyExtractor**      |        item's unique key                          |                   (item,index) => key                    |    No    | iOS/Android |        Yes        |
+|     **keyExtractor**      |        item's unique key                          |                   (item,index) => key                    |   Yes    | iOS/Android |        Yes        |
 
 ## 遗留问题
 
+- [ ] scrollIndicatorInsets属性不生效: [issue#179](https://github.com/mochixuan/react-native-drag-sort/issues/179)
+
 ## 其他
 
 ## 开源协议

From e8f7b2b2bd6cdf3642224aa8b2342db7bd59edeb Mon Sep 17 00:00:00 2001
From: wuzhongming <11762064+Wu__blue@user.noreply.gitee.com>
Date: Wed, 11 Sep 2024 03:33:39 +0000
Subject: [PATCH 519/966] =?UTF-8?q?!1494=20docs:=20[Issues:=20#IAPJLQ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-picker-picker(nocodegen)?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAPJLQ]=20=E4=BF=AE=E6=94=B9react-native-picker-picker(nocodege?=
 =?UTF-8?q?n)=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-native-picker-picker(nocodegen).md  | 82 +++++++++++--------
 1 file changed, 48 insertions(+), 34 deletions(-)

diff --git a/zh-cn/react-native-picker-picker(nocodegen).md b/zh-cn/react-native-picker-picker(nocodegen).md
index 996d94b5..30eaa962 100644
--- a/zh-cn/react-native-picker-picker(nocodegen).md
+++ b/zh-cn/react-native-picker-picker(nocodegen).md
@@ -64,7 +64,6 @@ export const PickerExample = ()=>{
 }
 ```
 
-
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -98,7 +97,7 @@ export const PickerExample = ()=>{
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
+        
     "@react-native-oh-tpl/picker": "file:../../node_modules/@react-native-oh-tpl/picker/harmony/picker.har",
   }
 ```
@@ -228,9 +227,20 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ### 运行
 
-在右上角选择 entry 模块，运行即可。
+点击右上角的 `sync` 按钮
 
-## 兼容性
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -244,42 +254,46 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ### PickerProps
 
-| 名称                      | 说明                                                                                              | 类型                                                         | 是否必填 | 平台                  | HarmonyOS 支持 |
-| ------------------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | --------------------- |--------------|
-| `onValueChange`           | Callback for when an item is selected.                                                          | function                                                     | No       | All                   | Yes          |
-| `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                        | any                                                          | No       | All                   | Yes          |
-| `style`                   | NA                                                                                              | pickerStyleType                                              | No       | All                   | Yes          |
-| `testID`                  | Used to locate this view in end-to-end tests.                                                   | string                                                       | No       | All                   | Yes          |
-| `enabled`                 | If set to false, the picker will be disabled, i.e. the user will not be able to make a selection. | bool                                                         | No       | Android, Web, Windows | No           |
-| `mode`                    | On Android, specifies how to display the selection items when the user taps on the picker       | enum('dialog', 'dropdown')                                   | No       | Android               | No           |
-| `dropdownIconColor`       | On Android, specifies color of dropdown triangle.                                               | ColorValue                                                   | No       | Android               | No           |
-| `dropdownIconRippleColor` | On Android, specifies ripple color of dropdown triangle.                                        | ColorValue                                                   | No       | Android               | No           |
-| `prompt`                  | Prompt string for this picker, used on Android in dialog mode as the title of the dialog.       | string                                                       | No       | Android               | No           |
-| `itemStyle`               | Style to apply to each of the item labels.   | [text styles](https://reactnative.dev/docs/text-style-props) | No     | iOS, Windows          | partially    |
-| `numberOfLines`           | On Android & iOS, used to truncate the text with an ellipsis after computing the text layout.   | number                                                       | No       | Android, iOS          | No           |
-| `onBlur`                  | NA                                                                                              | function                                                     | No       | Android               | No           |
-| `onFocus`                 | NA                                                                                              | function                                                     | No       | Android               | No           |
-| `selectionColor`          | Color to apply to the selection indicator.                                                      | ColorValue                                                   | No       | iOS                   | Yes          |
-| `themeVariant`            | NA                                                                                              | enum('light', 'dark')                                        | No       | iOS                   | No           |
+| Name                      | Description                                                                                       | Type                                                         | Required | Platform              | HarmonyOS Support |
+|---------------------------|---------------------------------------------------------------------------------------------------|--------------------------------------------------------------|----------|-----------------------|-------------------|
+| `onValueChange`           | Callback for when an item is selected.                                                            | function                                                     | No       | All                   | Yes               |
+| `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                          | any                                                          | No       | All                   | Yes               |
+| `style`                   | NA                                                                                                | pickerStyleType                                              | No       | All                   | Yes               |
+| `testID`                  | Used to locate this view in end-to-end tests.                                                     | string                                                       | No       | All                   | Yes               |
+| `enabled`                 | If set to false, the picker will be disabled, i.e. the user will not be able to make a selection. | boolean                                                      | No       | Android, Web, Windows | Yes               |
+| `mode`                    | On Android, specifies how to display the selection items when the user taps on the picker         | enum('dialog', 'dropdown')                                   | No       | Android               | No                |
+| `dropdownIconColor`       | On Android, specifies color of dropdown triangle.                                                 | ColorValue                                                   | No       | Android               | No                |
+| `dropdownIconRippleColor` | On Android, specifies ripple color of dropdown triangle.                                          | ColorValue                                                   | No       | Android               | No                |
+| `prompt`                  | Prompt string for this picker, used on Android in dialog mode as the title of the dialog.         | string                                                       | No       | Android               | No                |
+| `itemStyle`               | Style to apply to each of the item labels.                                                        | [text styles](https://reactnative.dev/docs/text-style-props) | No       | iOS, Windows          | partially         |
+| `numberOfLines`           | On Android & iOS, used to truncate the text with an ellipsis after computing the text layout.     | number                                                       | No       | Android, iOS          | No                |
+| `onBlur`                  | NA                                                                                                | function                                                     | No       | Android               | No                |
+| `onFocus`                 | NA                                                                                                | function                                                     | No       | Android               | No                |
+| `selectionColor`          | Color to apply to the selection indicator.                                                        | ColorValue                                                   | No       | iOS                   | Yes               |
+| `themeVariant`            | NA                                                                                                | enum('light', 'dark')                                        | No       | iOS                   | No                |
 
 ### PickerItemProps
 
-| 名称                 | 说明                                                                                                     | 类型          | 是否必填 | 平台    | HarmonyOS 支持 |
-| -------------------- | -------------------------------------------------------------------------------------------------------- | ------------- | -------- | ------- |--------------|
-| `label`              | Displayed value on the Picker Item.                                                                      | string        | Yes      | All     | Yes          |
-| `value`              | Actual value on the Picker Item.                                                                         | number,string | Yes      | All     | Yes          |
-| `color`              | Displayed color on the Picker Item.                                                                      | ColorValue    | Yes      | All     | No           |
-| `fontFamily`         | Displayed fontFamily on the Picker Item.                                                                 | string        | No       | All     | No           |
-| `style`              | Style to apply to individual item labels.                                                                | ViewStyleProp | No       | Android | No           |
-| `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android | No           |
-| `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android | No           |
+| Name                 | Description                                                                                              | Type          | Required | Platform | HarmonyOS Support |
+|----------------------|----------------------------------------------------------------------------------------------------------|---------------|----------|----------|-------------------|
+| `label`              | Displayed value on the Picker Item.                                                                      | string        | Yes      | All      | Yes               |
+| `value`              | Actual value on the Picker Item.                                                                         | number,string | Yes      | All      | Yes               |
+| `color`              | Displayed color on the Picker Item.                                                                      | ColorValue    | Yes      | All      | No                |
+| `fontFamily`         | Displayed fontFamily on the Picker Item.                                                                 | string        | No       | All      | No                |
+| `style`              | Style to apply to individual item labels.                                                                | ViewStyleProp | No       | Android  | No                |
+| `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android  | No                |
+| `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android  | No                |
 
 ## 静态方法
 
-| 名称    | 说明                            | 平台    |  HarmonyOS 支持 |
-| ------- | ------------------------------- | ------- | -------- |
-| `blur`  | Programmatically closes picker. | Android | No       |
-| `focus` | Programmatically opens picker.  | Android | No       |
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                     | Type     | Required | Platform | HarmonyOS Support |
+|---------|---------------------------------|----------|----------|----------|-------------------|
+| `blur`  | Programmatically closes picker. | function | No       | Android  | No                |
+| `focus` | Programmatically opens picker.  | function | No       | Android  | No                |
 
 ## 遗留问题
 

From 21b6106540a25a2c47aab0084cb51261bf579d0e Mon Sep 17 00:00:00 2001
From: wangshizhao001 <13406653+wangshizhao001@user.noreply.gitee.com>
Date: Wed, 11 Sep 2024 03:36:48 +0000
Subject: [PATCH 520/966] =?UTF-8?q?!1496=20docs:=20[Issues:=20#IAPSMP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9lottie-react-native=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAPSMP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9lottie-react-native=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/lottie-react-native.md | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 36d591fc..4f45d66a 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -177,12 +177,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-    })
-  }
+  ...
 + if (ctx.componentName === LOTTIE_TYPE) {
 +   LottieAnimationView({
 +     ctx: ctx.rnComponentContext,
@@ -253,25 +248,25 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description                                                                                                                                                                                                                                                                                                                                                    | Type                                        | Default   | Required | Platform              | HarmonyOS Support |
-| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | --------- | -------- | --------------------- | ----------------- |
+| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | --------- | -------- | --------------------- |-------------------|
 | source             | Mandatory - The source of animation. Can be referenced as a local asset by a string, or remotely with an object with a uri property, or it can be an actual JS object of an animation, obtained (for example) with something like require('../path/to/animation.json')                                                                                         | string\| AnimationObject \| { uri: string } | None      | Yes      | All                   | Yes               |
 | progress           | A number between 0 and 1. This number represents the normalized progress of the animation. If you update this prop, the animation will correspondingly update to the frame at that progress value. This prop is not required if you are using the imperative API.                                                                                              | number                                      | 0         | No       | iOS, Android, Windows | Yes               |
 | speed              | The speed the animation will progress. Sending a negative value will reverse the animation                                                                                                                                                                                                                                                                     | number                                      | 1         | No       | All                   | Yes               |
 | duration           | The duration of the animation in ms. Takes precedence over speed when set. This only works when source is an actual JS object of an animation.                                                                                                                                                                                                                 | number                                      | undefined | No       | iOS, Android, Windows | Yes               |
 | loop               | A boolean flag indicating whether or not the animation should loop.                                                                                                                                                                                                                                                                                            | boolean                                     | true      | No       | All                   | Yes               |
 | autoPlay           | A boolean flag indicating whether or not the animation should start automatically when mounted. This only affects the imperative API.                                                                                                                                                                                                                          | boolean                                     | false     | No       | All                   | Yes               |
-| resizeMode         | Determines how to resize the animated view when the frame doesn't match the raw image dimensions. Supports cover, contain and center.                                                                                                                                                                                                                          | 'cover'\| 'contain' \| 'center'             | contain   | No       | iOS, Android, Windows | No                |
+| resizeMode         | Determines how to resize the animated view when the frame doesn't match the raw image dimensions. Supports cover, contain and center.                                                                                                                                                                                                                          | 'cover'\| 'contain' \| 'center'             | contain   | No       | iOS, Android, Windows | Yes               |
 | style              | Style attributes for the view, as expected in a standard View, aside from border styling                                                                                                                                                                                                                                                                       | StyleProp<ViewStyle>                        | None      | No       | iOS, Android, Windows | Yes               |
 | webStyle           | Style attributes for the view, it uses CSSProperties.                                                                                                                                                                                                                                                                                                          | CSSProperties                               | None      | No       | Web                   | No                |
 | imageAssetsFolder  | Needed for Android and HarmonyOS to work properly with assets, iOS will ignore it.                                                                                                                                                                                                                                                                             | string                                      | None      | No       | Android               | Yes               |
 | useNativeLooping   | Only Windows. When enabled, uses platform-level looping to improve smoothness, but onAnimationLoop will not fire and changing the loop prop will reset playback rather than finishing gracefully.                                                                                                                                                              | boolean                                     | false     | No       | Windows               | No                |
 | onAnimationLoop    | Only Windows and Web. A callback function invoked when the animation loops.                                                                                                                                                                                                                                                                                    | callback                                    | None      | No       | Windows, Web          | No                |
 | onAnimationFinish  | A callback function which will be called when animation is finished. This callback is called with a boolean isCancelled argument, indicating if the animation actually completed playing, or if it was cancelled, for instance by calling play() or reset() while is was still playing. Note that this callback will be called only when loop is set to false. | callback                                    | None      | No       | All                   | Yes               |
-| onAnimationFailure | A callback function which will be called if an error occurs while working with the animation (loading, running, etc). This callback is called with a string error argument, which contains the error message that occured.                                                                                                                                     | callback                                    | None      | No       | All                   | No                |
-| onAnimationLoaded  | A callback function which will be called when animation is done loading. This callback is called with no parameters.                                                                                                                                                                                                                                           | callback                                    | None      | No       | All                   | No                |
+| onAnimationFailure | A callback function which will be called if an error occurs while working with the animation (loading, running, etc). This callback is called with a string error argument, which contains the error message that occured.                                                                                                                                     | callback                                    | None      | No       | All                   | Yes               |
+| onAnimationLoaded  | A callback function which will be called when animation is done loading. This callback is called with no parameters.                                                                                                                                                                                                                                           | callback                                    | None      | No       | All                   | Yes               |
 | renderMode         | a String flag to set whether or not to render with HARDWARE or SOFTWARE acceleration                                                                                                                                                                                                                                                                           | 'AUTOMATIC'\| 'HARDWARE' \| 'SOFTWARE'      | AUTOMATIC | No       | iOS, Android          | No                |
 | cacheComposition   | Only Android and HarmonyOS, a boolean flag indicating whether or not the animation should do caching.                                                                                                                                                                                                                                                          | boolean                                     | true      | No       | Android               | Yes               |
-| colorFilters       | An array of objects denoting layers by KeyPath and a new color filter value (as hex string).                                                                                                                                                                                                                                                                   | Array<ColorFilter>                          | []        | No       | iOS, Android, Windows | No                |
+| colorFilters       | An array of objects denoting layers by KeyPath and a new color filter value (as hex string).                                                                                                                                                                                                                                                                   | Array<ColorFilter>                          | []        | No       | iOS, Android, Windows | Yes               |
 | textFiltersAndroid | Only Android, an array of objects denoting text values to find and replace.                                                                                                                                                                                                                                                                                    | Array<TextFilterAndroid>                    | []        | No       | Android               | No                |
 | textFiltersIOS     | Only iOS, an array of objects denoting text layers by KeyPath and a new string value.                                                                                                                                                                                                                                                                          | Array<TextFilterIOS>                        | []        | No       | iOS                   | No                |
 | hover              | Only Web, a boolean denoting whether to play on mouse hover.                                                                                                                                                                                                                                                                                                   | boolean                                     | false     | No       | Web                   | No                |
@@ -292,7 +287,7 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 
 ## 遗留问题
 
-- [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#12](https://github.com/react-native-oh-library/lottie-react-native/issues/12)
+- [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#18](https://github.com/react-native-oh-library/lottie-react-native/issues/18)
 
 ## 其他
 

From e43e5db5181ee1f9d441741f9ac4fbf6bc1ae6a3 Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Wed, 11 Sep 2024 07:39:36 +0000
Subject: [PATCH 521/966] =?UTF-8?q?!1504=20docs:=20[Issues:=20#IAQBAS]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-background-fetch=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAQBAS]=20=E6=96=B0=E5=A2=9Ereact-native-background-fetch?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-background-fetch.md | 436 +++++++++++++++++++++++++
 1 file changed, 436 insertions(+)
 create mode 100644 zh-cn/react-native-background-fetch.md

diff --git a/zh-cn/react-native-background-fetch.md b/zh-cn/react-native-background-fetch.md
new file mode 100644
index 00000000..e7103f52
--- /dev/null
+++ b/zh-cn/react-native-background-fetch.md
@@ -0,0 +1,436 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-background-fetch</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/transistorsoft/react-native-background-fetch">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20|%20expo%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/transistorsoft/react-native-background-fetch/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-background-fetch)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-background-fetch@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-background-fetch@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import {
+  SafeAreaView,
+  StyleSheet,
+  ScrollView,
+  View,
+  Text,
+  FlatList,
+  StatusBar,
+  Button,
+} from "react-native";
+import { Header, Colors } from "react-native/Libraries/NewAppScreen";
+import BackgroundFetch from "react-native-background-fetch";
+import {
+  BackgroundFetchConfig,
+  BackgroundFetchStatus,
+  TaskConfig,
+  NetworkType,
+} from "react-native-background-fetch/src/RNBackgroundFetch";
+
+function generateRandomString(length: number): string {
+  let result = "";
+  const characters =
+    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  const charactersLength = characters.length;
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+  return result;
+}
+
+class App extends React.Component {
+  constructor(props: {}) {
+    super(props);
+    this.state = {
+      events: [],
+    };
+  }
+
+  componentDidMount() {
+    // Initialize BackgroundFetch ONLY ONCE when component mounts.
+    this.initBackgroundFetch();
+  }
+
+  async initBackgroundFetch(options?: BackgroundFetchConfig) {
+    // BackgroundFetch event handler.
+    const onEvent = async (taskId: string) => {
+      console.log("[BackgroundFetch] task: ", taskId);
+      // Do your background work...
+      await this.addEvent(taskId);
+      // IMPORTANT:  You must signal to the OS that your task is complete.
+      BackgroundFetch.finish(taskId);
+    };
+
+    // Timeout callback is executed when your Task has exceeded its allowed running-time.
+    // You must stop what you're doing immediately BackgroundFetch.finish(taskId)
+    const onTimeout = async (taskId: string) => {
+      console.warn("[BackgroundFetch] TIMEOUT task: ", taskId);
+      BackgroundFetch.finish(taskId);
+    };
+
+    // Initialize BackgroundFetch only once when component mounts.
+    let status = await BackgroundFetch.configure(
+      { minimumFetchInterval: 20, ...options },
+      onEvent,
+      onTimeout
+    );
+  }
+
+  scheduleTask(taskId: string, options?: TaskConfig) {
+    BackgroundFetch.scheduleTask({
+      taskId,
+      delay: 20 * 60 * 1000, // <-- milliseconds
+      ...options,
+    });
+  }
+
+  // Add a BackgroundFetch event to <FlatList>
+  addEvent(taskId: string) {
+    // Simulate a possibly long-running asynchronous task with a Promise.
+    return new Promise((resolve, reject) => {
+      this.setState((state) => ({
+        events: [
+          ...state.events,
+          {
+            taskId: taskId,
+            timestamp: new Date().toString(),
+          },
+        ],
+      }));
+      resolve(true);
+    });
+  }
+
+  render() {
+    return (
+      <>
+        <StatusBar barStyle="dark-content" />
+        <SafeAreaView>
+          <ScrollView
+            contentInsetAdjustmentBehavior="automatic"
+            style={styles.scrollView}
+          >
+            <Header />
+            <View style={styles.body}>
+              <View style={styles.sectionContainer}>
+                <Text style={styles.sectionTitle}>BackgroundFetch Demo</Text>
+              </View>
+            </View>
+          </ScrollView>
+          <View style={styles.sectionContainer}>
+            <FlatList
+              data={this.state.events}
+              renderItem={({ item }) => (
+                <Text>
+                  [{item.taskId}]: {item.timestamp}
+                </Text>
+              )}
+              keyExtractor={(item) => generateRandomString(10)}
+            />
+          </View>
+        </SafeAreaView>
+      </>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  scrollView: {
+    backgroundColor: Colors.lighter,
+  },
+  body: {
+    backgroundColor: Colors.white,
+  },
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: "600",
+    color: Colors.black,
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: "400",
+    color: Colors.dark,
+  },
+});
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-background-fetch": "file:../../node_modules/@react-native-oh-tpl/react-native-background-fetch/harmony/background_fetch.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNBackgroundFetchPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNBackgroundFetchPackage } from "@react-native-oh-tpl/react-native-background-fetch/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNBackgroundFetchPackage(ctx)
+  ];
+}
+```
+
+### 在 ArkTs 侧引入 RNBackgroundFetchExtensionAbility
+
+1. 打开 `entry/src/main/ets`，新建目录及 ArkTS 文件，新建一个目录并命名为 WorkSchedulerExtension。在 WorkSchedulerExtension 目录下，新建一个 ArkTS 文件并命名为 WorkSchedulerExtension.ets，用以实现延迟任务回调接口。
+
+```js
+import { workScheduler } from "@kit.BackgroundTasksKit";
+import RNBackgroundFetchExtensionAbility from "@react-native-oh-tpl/react-native-background-fetch/src/main/ets/WorkSchedulerExtension/WorkSchedulerExtension";
+
+export default class MyWorkSchedulerExtensionAbility extends RNBackgroundFetchExtensionAbility {
+  // 延迟任务开始回调
+  onWorkStart(workInfo: workScheduler.WorkInfo) {
+    super.onWorkStart(workInfo);
+  }
+
+  // 延迟任务结束回调
+  onWorkStop(workInfo: workScheduler.WorkInfo) {
+    super.onWorkStop(workInfo);
+  }
+}
+```
+
+2. 在`entry/src/main/module.json5`配置文件中注册 WorkSchedulerExtensionAbility，并设置如下标签：
+
+```json
+{
+  "module": {
+    "extensionAbilities": [
+      {
+        "name": "MyWorkSchedulerExtensionAbility",
+        "srcEntry": "./ets/WorkSchedulerExtension/WorkSchedulerExtension.ets",
+        "type": "workScheduler"
+      }
+    ]
+  }
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases)
+
+## API
+
+### BackgroundFetch
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description                                                                                                                                 | Type     | Params | Required | Platform | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------ | -------- | -------- | ----------------- |
+| configure    | Initial configuration of BackgroundFetch, including config-options and Fetch-callback. The [[start]] method will automatically be executed. | Function | no     | yes      | all      | partially         |
+| scheduleTask | Add an extra fetch event listener in addition to the one initially provided to [[configure]].                                               | Function | no     | no       | all      | partially         |
+| start        | Start subscribing to fetch events.                                                                                                          | Function | no     | no       | all      | yes               |
+| stop         | Stop subscribing to fetch events.                                                                                                           | Function | no     | no       | all      | yes               |
+| finish       | You must execute [[finish]] within your fetch-callback to signal completion of your task.                                                   | Function | no     | no       | all      | partially         |
+| status       | Query the BackgroundFetch API status                                                                                                        | Function | no     | no       | all      | yes               |
+
+### BackgroundFetch.configure()
+
+```js
+BackgroundFetch.configure(config: BackgroundFetchConfig, onEvent: (taskId:string) => void, onTimeout?:(taskId:string) => void): Promise<BackgroundFetchStatus>;
+```
+
+| Name                                          | Description                                                                                                                                                                                                  | Type          | Required | Platform | HarmonyOS Support |
+| --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
+| `BackgroundFetchConfig.minimumFetchInterval`  | The minimum interval in minutes to execute background fetch events. Defaults to 15 minutes. Minimum is 15 minutes.                                                                                           | `number`      | no       | all      | yes               |
+| `BackgroundFetchConfig.stopOnTerminate`       | [Android only] Set false to continue background-fetch events after user terminates the app. Default to true.                                                                                                 | `boolean`     | no       | Android  | no                |
+| `BackgroundFetchConfig.startOnBoot`           | [Android only] Set true to initiate background-fetch events when the device is rebooted. Defaults to false.                                                                                                  | `boolean`     | no       | Android  | no                |
+| `BackgroundFetchConfig.enableHeadless`        | [Android only] Set true to enable Headless mechanism for handling fetch events after app termination.                                                                                                        | `boolean`     | no       | Android  | no                |
+| `BackgroundFetchConfig.forceAlarmManager`     | [Android only] By default, the plugin will use Android's JobScheduler when possible. The JobScheduler API prioritizes for battery-life, throttling task-execution based upon device usage and battery level. | `boolean`     | no       | Android  | no                |
+| `BackgroundFetchConfig.requiredNetworkType`   | [Android only] Set detailed description of the kind of network your job requires.                                                                                                                            | `NetworkType` | no       | Android  | partially         |
+| `BackgroundFetchConfig.requiresBatteryNotLow` | [Android only] Specify that to run this job, the device's battery level must not be low.                                                                                                                     | `boolean`     | no       | Android  | yes               |
+| `BackgroundFetchConfig.requiresStorageNotLow` | [Android only] Specify that to run this job, the device's available storage must not be low.                                                                                                                 | `boolean`     | no       | Android  | yes               |
+| `BackgroundFetchConfig.requiresCharging`      | [Android only] Specify that to run this job, the device must be charging (or be a non-battery-powered device connected to permanent power, such as Android TV devices). This defaults to false.              | `boolean`     | no       | Android  | yes               |
+| `BackgroundFetchConfig.requiresDeviceIdle`    | [Android only] When set true, ensure that this job will not run if the device is in active use.                                                                                                              | `boolean`     | no       | Android  | yes               |
+
+### BackgroundFetch.scheduleTask()
+
+```js
+BackgroundFetch.scheduleTask(config: TaskConfig): Promise<boolean>;
+```
+
+| Name                                     | Description                                                  | Type          | Required | Platform | HarmonyOS Support |
+| ---------------------------------------- | ------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
+| `TaskConfig.taskId`                      | The name of the task.                                        | `string`      | yes      | all      | yes               |
+| `TaskConfig.delay`                       | The minimum interval in milliseconds to execute this task.   | `number`      | yes      | all      | yes               |
+| `TaskConfig.periodic`                    | Whether this task will continue executing or just a "one-shot". | `boolean`     | no       | all      | yes               |
+| `TaskConfig.requiresNetworkConnectivity` | When set true, ensure that this job will run if the device has network connection | `boolean`     | no       | all      | no                |
+| `TaskConfig.stopOnTerminate`             | [Android only] Set false to continue background-fetch events after user terminates the app. Default to true. | `boolean`     | no       | Android  | no                |
+| `TaskConfig.startOnBoot`                 | [Android only] Set true to initiate background-fetch events when the device is rebooted. Defaults to false. | `boolean`     | no       | Android  | no                |
+| `TaskConfig.enableHeadless`              | [Android only] Set true to enable Headless mechanism for handling fetch events after app termination. | `boolean`     | no       | Android  | no                |
+| `TaskConfig.forceAlarmManager`           | [Android only] By default, the plugin will use Android's JobScheduler when possible. The JobScheduler API prioritizes for battery-life, throttling task-execution based upon device usage and battery level. | `boolean`     | no       | Android  | no                |
+| `TaskConfig.requiredNetworkType`         | [Android only] Set detailed description of the kind of network your job requires. | `NetworkType` | no       | Android  | partially         |
+| `TaskConfig.requiresBatteryNotLow`       | [Android only] Specify that to run this job, the device's battery level must not be low. | `boolean`     | no       | Android  | yes               |
+| `TaskConfig.requiresStorageNotLow`       | [Android only] Specify that to run this job, the device's available storage must not be low. | `boolean`     | no       | Android  | yes               |
+| `TaskConfig.requiresCharging`            | [Android only] Specify that to run this job, the device must be charging (or be a non-battery-powered device connected to permanent power, such as Android TV devices). This defaults to false. | `boolean`     | no       | Android  | yes               |
+| `TaskConfig.requiresDeviceIdle`          | [Android only] When set true, ensure that this job will not run if the device is in active use. | `boolean`     | no       | Android  | yes               |
+
+
+### BackgroundFetch.stop()
+
+```js
+BackgroundFetch.stop(taskId?: string): Promise<boolean>;
+```
+
+| Name     | Description           | Type     | Required | Platform | HarmonyOS Support |
+| -------- | --------------------- | -------- | -------- | -------- | ----------------- |
+| `taskId` | The name of the task. | `string` | no       | all      | yes               |
+
+### BackgroundFetch.finish()
+
+```js
+BackgroundFetch.finish(taskId: string): void;
+```
+
+| Name     | Description           | Type     | Required | Platform | HarmonyOS Support |
+| -------- | --------------------- | -------- | -------- | -------- | ----------------- |
+| `taskId` | The name of the task. | `string` | yes      | all      | yes               |
+
+### BackgroundFetch.status()
+
+```js
+BackgroundFetch.status(callback?: (status: BackgroundFetchStatus) => void): Promise<BackgroundFetchStatus>;
+```
+
+| Name       | Description                           | Type       | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------- | ---------- | -------- | -------- | ----------------- |
+| `callback` | Query the BackgroundFetch API status. | `Function` | no       | all      | yes               |
+
+### BackgroundFetchStatus
+
+| Name                                      | Description                                                                                                                                                                   | Type                    | Required | Platform | HarmonyOS Support |
+| ----------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- | -------- | -------- | ----------------- |
+| `BackgroundFetchStatus.STATUS_RESTRICTED` | Background fetch updates are unavailable and the user cannot enable them again. For example, this status can occur when parental controls are in effect for the current user. | `BackgroundFetchStatus` | yes      | iOS      | no                |
+| `BackgroundFetchStatus.STATUS_DENIED`     | The user explicitly disabled background behavior for this app or for the whole system.                                                                                        | `BackgroundFetchStatus` | yes      | iOS      | no                |
+| `BackgroundFetchStatus.STATUS_AVAILABLE`  | Background fetch is available and enabled.                                                                                                                                    | `BackgroundFetchStatus` | yes      | all      | yes               |
+
+## 遗留问题
+
+- [ ] configure 接口不支持 onTimeout 超时处理，并且 config 中的部分参数不支持 harmonyOS。[issue#2](https://github.com/react-native-oh-library/react-native-background-fetch/issues/2)
+- [ ] finish 接口不支持给系统发送完成任务提示。[issue#3](https://github.com/react-native-oh-library/react-native-background-fetch/issues/3)
+- [ ] scheduleTask 接口不支持 requiresNetworkConnectivity 属性。[issue#4](https://github.com/react-native-oh-library/react-native-background-fetch/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/transistorsoft/react-native-background-fetch/blob/master/LICENSE) ，请自由地享受和参与开源。

From 628ffbb72b75bc9614cea1dc0e28f8a2ab0c71cd Mon Sep 17 00:00:00 2001
From: mengguanjun <mengguanjun2@h-partners.com>
Date: Wed, 11 Sep 2024 07:41:24 +0000
Subject: [PATCH 522/966] =?UTF-8?q?!1468=20docs:=20[Issues:=20#IAOKI0]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-alipay=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAOKI0]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-alipay=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-alipay.md | 254 +++++++++++++++++++++++++++++++++++
 1 file changed, 254 insertions(+)
 create mode 100644 zh-cn/react-native-alipay.md

diff --git a/zh-cn/react-native-alipay.md b/zh-cn/react-native-alipay.md
new file mode 100644
index 00000000..92c5ae60
--- /dev/null
+++ b/zh-cn/react-native-alipay.md
@@ -0,0 +1,254 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-alipay</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/uiwjs/react-native-alipay">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/uiwjs/react-native-alipay/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-alipay/)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-alipay@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-alipay@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import React from 'react';
+import { StyleSheet, Text, View, Button, } from 'react-native';
+import Alipay from "react-native-alipay";
+import { AFAuthServiceResponse, } from '@alipay/afservicesdk';
+
+function App(): React.JSX.Element {
+    const urlStr: string = 'https://authweb.alipay.com/auth?auth_type=PURE_OAUTH_SDK&app_id=2016051801417322&scope=auth_user&state=init';
+    const bundleName: string = "com.example.harmony"; // 包名
+    const moduleName: string = "entry";
+    const abilityName: string = "EntryAbility";
+    
+    return (
+        <View style={styles.container}>
+            <Text style={styles.welcome}>
+                ☆Alipay Example☆
+            </Text>
+
+            <Button
+                title="支付宝支付"
+                color="#841584"
+                accessibilityLabel="Learn more about this purple button"
+                onPress={ 
+                    async () => {
+                        let orderInfo: string = 'app_id=2014100900013222&biz_content=%7B%22timeout_express%22%3A%2230m%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%2C%22total_amount%22%3A%220.01%22%2C%22subject%22%3A%221%22%2C%22body%22%3A%22xxx%22%2C%22out_trade_no%22%3A%22723175011179269%22%7D&charset=utf-8&method=alipay.trade.app.pay&sign_type=RSA2&timestamp=2016-07-29%2016%3A55%3A53&version=1.0&sign=ClyziyfaiJtGd01HE1XmLbr%2BGy1JzBiH7QF69Qb66GvB%2BH6ULI5BeqEHeJIxVtKKgM%2F0ILEz7XjH2bvP1Fj52VUg5Gc5sg2reVHr8EhHqY7IiSAkEt3lNckWhfeVvdhjbQEKKZWMPgVC%2FVmMvMkkFzsP5S5Zz3aZKZWRp7xLApWtBZTeJj2Hd%2FDNhbEzvpTiQF9UDs1hPMmXmKLrNUmi0k4MQaeBCxXxmY9ITTmHofsju30rxo3q%2FYMYWD79ayxFmSO6adAXP9nLY%2B16VyeBCb53zxb%2BPWjV4CCVmit8YBOIOssAN4B0yLlmBOYWJS76MM46ADu%2FmiCwkdOnJduC6Q%3D%3D';
+                        Alipay.alipay(orderInfo).then((result: any) => {
+                            console.info('App alipay result: ' + result);
+                        });
+                    }
+                }
+            />
+
+            <Button
+                title="登录验证"
+                color="#841584"
+                accessibilityLabel="Learn more about this purple button"
+                onPress={async () => {
+                    Alipay.setAlipayScheme('scheme:demo');
+                    await Alipay.authInfo(urlStr, true, bundleName, moduleName, abilityName, (response: AFAuthServiceResponse) => {
+                        //授权返回值
+                        console.info('========= response=' + JSON.stringify(response));
+                    });
+                }}
+            />
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: '#F5FCFF',
+    },
+    welcome: {
+      fontSize: 20,
+      textAlign: 'center',
+      margin: 10,
+    },
+  });
+
+export default App;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-alipay": "file:../../node_modules/@react-native-oh-tpl/react-native-alipay/harmony/alipay.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 RNAlipayPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNAlipayPackage} from '@react-native-oh-tpl/react-native-alipay/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNAlipayPackage(ctx),
+  ];
+}
+```
+
+### 支付宝登录其他配置
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@alipay/afservicesdk": "file:../../node_modules/@react-native-oh-tpl/react-native-alipay/harmony/alipay/libs/AFServiceSDK.har",
+  }
+```
+
+增加协议，打开`entry/src/main/module.json5`，增加 querySchemes
+
+```
+{
+  "module": {
+    // 新增
+    "querySchemes": [
+      "apmqpdispatch"
+    ],
+  }
+}
+```
+
+回调处理,打开`entry\src\main\ets\entryability\EntryAbility.ets`，增加onNewWant回调结果处理
+
+```diff
++ import { AbilityConstant, Want } from '@kit.AbilityKit';
++ import { AFServiceCenter } from '@alipay/AFServiceSDK/Index'
+
+  onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
++    let r = AFServiceCenter.handleResponse(want);
+  }
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  alipay  | 支付宝支付  | function  | no | Android/IOS | yes |
+|  authInfo  | 登录验证  | function  | no | Android/IOS | yes |
+|  setAlipayScheme  | scheme  | function  | no | IOS | yes |
+|  getVersion  | 获取SDK版本  | function  | no | Android/IOS | no |
+
+## 遗留问题
+- [ ]  获取SDK版本号，支付宝鸿蒙sdk里面未实现鸿蒙化[issue#3](https://github.com/react-native-oh-library/react-native-alipay/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/uiwjs/react-native-alipay/blob/master/LICENSE) ，请自由地享受和参与开源。

From 148f90ce6d2a1073e24c0da05a60169ed765f055 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B4=AA=E5=9B=BD=E9=92=B2?= <335921709@qq.com>
Date: Thu, 12 Sep 2024 01:47:35 +0000
Subject: [PATCH 523/966] =?UTF-8?q?!1493=20docs:=20[Issues:=20#IAPLDN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-tab-view=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAPLDN]=E4=BF=AE=E6=94=B9=20?=
 =?UTF-8?q?react-native-tab-view=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-tab-view.md | 141 +++++++++++++--------------------
 1 file changed, 55 insertions(+), 86 deletions(-)

diff --git a/zh-cn/react-native-tab-view.md b/zh-cn/react-native-tab-view.md
index 4b644241..faa5ebee 100644
--- a/zh-cn/react-native-tab-view.md
+++ b/zh-cn/react-native-tab-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -13,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig)
 
 ## 安装与使用
 
@@ -187,7 +186,7 @@ const styles = StyleSheet.create({
 ## Tip
 本库依赖react-native-pager-view的能力，react-native-pager-view的能力已从ArkTS切换至CAPI。开启CAPI配置后过渡动画功能才能正常生效。
 
-请在entry目录下的src/main/ets/pages/index.ets中的build函数中修改配置 
+请在entry目录下的src/main/ets/pages/index.ets中的build函数中修改配置
 ```js
    RNApp({   
       rnInstanceConfig: {
@@ -201,7 +200,7 @@ const styles = StyleSheet.create({
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -209,98 +208,68 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-**SceneMap**：用于 renderScene 道具的函数, 接受route.key 映射到 React 组件的对象
-
-|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
-| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
-|       scenes        |   创建元素的键值对    |     Object      |    Yes    |   All    |        Yes        |
-|       jumpTo        |    导航到其他选项卡   |     Function     |     No    |   All    |        Yes        |
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **TabView**：选项卡组件
-|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
-| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
-|     renderScene     | Callback which returns a react element to render as the page for the tab      |   Function   |   Yes    |   All    |    Yes       |
-|       renderTabBar  | Callback which returns a custom React Element to use as the tab bar     |   Function   |     No   |   All    |        Yes        |
-|       lazy          |Function which takes an object with the current route and returns a boolean to indicate whether to lazily render the scenes |    Function |     No    |   All    |        Yes        |
-|   lazyPreloadDistance |  When lazy is enabled, you can specify how many adjacent routes should be preloaded with this prop.This value defaults to 0 which means lazy pages are loaded as they come into the viewport               |    Number    |     No    |   All    |        Yes        |
-|   renderLazyPlaceholder | Callback which returns a custom React Element to render for routes that haven't been rendered yet. Receives an object containing the route as the argument. The lazy prop also needs to be enabled                   |    Function  |     No    |   All    |        Yes        |
-|   keyboardDismissMode | String indicating whether the keyboard gets dismissed in response to a drag gesture. 'auto' (default)       |    String    |     No    |   All    |        Yes        |
-|   swipeEnabled | Boolean indicating whether to enable swipe gestures. Swipe gestures are enabled by default        |    Boolean   |     No    |   All    |        Yes        |
-|   animationEnabled |Enables animation when changing tab. By default it's true                                    |    Boolean   |     No    |   All    |        Yes        |
-|   onSwipeStart |  Callback which is called when the swipe gesture starts, i.e. the user touches the screen and moves it      |    Function  |     No    |   All    |        Yes        |
-|   onSwipeEnd |  Callback which is called when the swipe gesture ends, i.e. the user lifts their finger from the screen after the swipe gesture        |    Function  |     No    |   All    |        Yes        |
-|   initialLayout |  Object containing the initial height and width of the screens. Passing this will improve the initial rendering performance  |    Object    |     No     |   All    |        Yes        |
-|   overScrollMode |  Used to override default value of pager's overScroll mode    |    String    |     No     |   All    |        Yes        |
-|   sceneContainerStyle |  Style to apply to the view wrapping each screen. You can pass this to override some default styles such as overflow clipping                                         |    Object    |     No     |   All    |        Yes        |
-|   pagerStyle |  Style to apply to the pager view wrapping all the scenes |    Object    |     No     |   All    |        Yes        |
-
- 
-**TabBar**：选项卡标签栏
+| Name                  | Description                                                                                                                                                                                         | Type                              | Required | Platform | HarmonyOS Support |
+|-----------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------|----------|----------|-------------------|
+| navigationState       | State for the tab view.                                                                                                                                                                             | fucntion                          | yes      | all      | yes               |
+| onIndexChange         | Callback which is called on tab change, receives the index of the new tab as argument. The navigation state needs to be updated when it's called, otherwise the change is dropped.                  | function                          | yes      | all      | yes               |
+| renderScene           | Callback which returns a react element to render as the page for the tab.                                                                                                                           | function                          | yes      | all      | yes               |
+| renderTabBar          | Callback which returns a custom React Element to use as the tab bar                                                                                                                                 | function                          | no       | all      | yes               |
+| tabBarPosition        | Position of the tab bar in the tab view.                                                                                                                                                            | 'top'&#124;'bottom'               | no       | all      | yes               |
+| lazy                  | Function which takes an object with the current route and returns a boolean to indicate whether to lazily render the scenes.                                                                        | function                          | no       | all      | yes               |
+| lazyPreloadDistance   | When lazy is enabled, you can specify how many adjacent routes should be preloaded with this prop. This value defaults to 0 which means lazy pages are loaded as they come into the viewport.       | number                            | no       | all      | yes               |
+| renderLazyPlaceholder | Callback which returns a custom React Element to render for routes that haven't been rendered yet. Receives an object containing the route as the argument. The lazy prop also needs to be enabled. | string                            | no       | all      | yes               |
+| keyboardDismissMode   | String indicating whether the keyboard gets dismissed in response to a drag gesture.                                                                                                                | 'auto'&#124;'on-drag'&#124;'none' | no       | all      | yes               |
+| swipeEnabled          | Boolean indicating whether to enable swipe gestures. Swipe gestures are enabled by default. Passing false will disable swipe gestures, but the user can still switch tabs by pressing the tab bar.  | boolean                           | no       | all      | yes               |
+| animationEnabled      | Enables animation when changing tab. By default it's true.                                                                                                                                          | boolean                           | no       | all      | yes               |
+| onSwipeStart          | Callback which is called when the swipe gesture starts, i.e. the user touches the screen and moves it.                                                                                              | boolean                           | no       | all      | yes               |
+| onSwipeEnd            | Callback which is called when the swipe gesture ends, i.e. the user lifts their finger from the screen after the swipe gesture.                                                                     | boolean                           | no       | all      | yes               |
+| initialLayout         | Object containing the initial height and width of the screens. Passing this will improve the initial rendering performance.                                                                         | object                            | no       | all      | yes               |
+| overScrollMode        | Used to override default value of pager's overScroll mode. Can be auto, always or never (Android only).                                                                                             | 'auto'&#124;'always'&#124;'never' | no       | Android  | yes               |
+| sceneContainerStyle   | Style to apply to the view wrapping each screen. You can pass this to override some default styles such as overflow clipping                                                                        | object                            | no       | all      | yes               |
+| pagerStyle            | Style to apply to the pager view wrapping all the scenes.                                                                                                                                           | object                            | no       | all      | yes               |
+| style                 | Style to apply to the tab view container.                                                                                                                                                           | object                            | no       | all      | yes               |
 
-|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
-| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
-|       renderIcon    |   Function which takes an object with the current route, focused status and color and returns a custom React Element to be used as a icon |   Function |     No    |   All    |        Yes        |
-|       renderLabel   |  Function which takes an object with the current route, focused status and color and returns a custom React Element to be used as a label  |   Function |    No    |   All    |        Yes        |
-|       renderTabBarItem | Function which takes a TabBarItemProps object and returns a custom React Element to be used as a tab button |  Function  |     No    |   All    |  Yes      |
-|       renderIndicator|  Function which takes an object with the current route and returns a custom React Element to be used as a tab indicator  | Function  | No  |   All |   Yes  |
-|       onTabPress    | Function to execute on tab press. It receives the scene for the pressed tab, useful for things like scroll to top. | Function |  No | All |Yes  |
-|       onTabLongPress| Function to execute on tab long press, use for things like showing a menu with more options  |   Function |     No    |   All    |        Yes   |
-|       activeColor   |Custom color for icon and label in the active tab        |  String    |     No    |   All    |        Yes         |
-|       inactiveColor |Custom color for icon and label in the inactive tab       |    String  |     No    |   All    |        Yes       |
-|       pressColor    |    Color for material ripple          |   String   |     No    |   All    |        Yes        |
-|       pressOpacity  |Opacity for pressed tab                   |   Number   |     No    |   All    |        Yes        |
-|       scrollEnabled |       Boolean indicating whether to make the tab bar scrollable             |   Boolean  |     No    |   All    |        Yes        |
-|       bounces       |       Boolean indicating whether the tab bar bounces when scrolling        |   Boolean  |     No    |   All    |        Yes        |
-|       tabStyle      |Style to apply to the individual tab items in the tab bar                      |   Object   |     No    |   All    |        Yes        |
-|       indicatorStyle|   Style to apply to the active indicator                         |   Object   |     No    |   All    |        Yes        |
-|       indicatorContainerStyle  |Style to apply to the container view for the indicator      |  Object    |     No    |   All    |        Yes        |
-|       labelStyle    |Style to apply to the tab item label                              |   Object   |     No    |   All    |        Yes        |
-|       contentContainerStyle  |Style to apply to the inner container for tabs     |   Object   |     No    |   All    |        Yes        |
-|       gap           |      Define a spacing between tabs     |  Number  |     No    |   All    |        Yes        |
-|       testID        |         Test id for the tabBar. Can be used for scrolling the tab bar in tests       |   String  |     No    |   All    |        Yes        |
-
-**TabBarIndicator**：选项卡指示器
-
-|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
-| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
-|     getTabWidth     |   获取当前元素的宽度   |   Function      |   Yes    |   All    |    Yes            |
-|       width         | 元素宽度              |   Number        |    Yes   |   All    |        Yes        |
-
-**TabBarItem**：单个选项卡
-
-|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
-| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
-|       route         | 路由元素              |   Object        |    Yes   |   All    |        Yes        |
-
-**公共属性**：
-
-Common props 组件属性 HarmonyOS 侧支持情况
-
-|       Name       |                 Description                 |    Type     |  Default  | Required | Platform | HarmonyOS Support |
-| :--------------: | :-----------------------------------------: | :---------: | :-------: | :------: | :------: | :---------------: |
-|   navigationState|   选项卡视图的状态,对象包含激活路由的索引以及呈现选项卡的路由对象列表的数组 |    Object    |      -     |   Yes    |    All          |    Yes   |
-|   onIndexChange  |  在选项卡更改时调用的回调，将接收新选项卡的索引作为参数。调用时需要更新导航状态，否则将删除更改。|   Function    |     -   |    Yes    |   All    | Yes    |
-|       style      |              要应用于容器的样式。            |   Object |     -    |   Yes    |        All        |  Yes   |
-|       layout     |             覆盖组件样式，宽高               |   Object    |    -      |   No     |   All    |  Yes   |
-|   tabBarPosition |            标签栏在标签视图中的位置           |    String    |    "top"   |   No    |        All        | Yes   |
-|       position   |   元素动画位置                               |    Animated.AnimatedInterpolation<number> |   -  |   Yes |    All        | Yes   |
-|    getLabelText  |  该函数接受具有当前路由的对象并返回选项卡的标签文本,默认情况下使用 route.title  |     Function  |    -    |   No    |        All   |Yes   |
-|    getTestID     | 该函数接受具有当前路由的对象，并返回制表符按钮的测试 ID，以便在测试中定位该制表符按钮        |  Function  |     -    |    No     |    All    |Yes   |
-|    getAccessible |   该函数接受具有当前路由的对象并返回一个布尔值                                            |   Function |      -    |    No     |    All   |Yes   |
-|   getAccessibilityLabel  |    该函数接受具有当前路由的对象并返回制表符按钮的可访问性标签。如果指定，则默认使用 route.accessibilityLabel，否则使用路由标题  |   Function |   -  |  No |All |Yes   |
+**TabBar**：选项卡标签栏
+| Name                    | Description                                                                                                                                                                                        | Type     | Required | Platform | HarmonyOS Support |
+|-------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| getLabelText            | Function which takes an object with the current route and returns the label text for the tab. Uses route.title by default.                                                                         | function | no       | all      | yes               |
+| getAccessible           | Function which takes an object with the current route and returns a boolean to indicate whether to mark a tab as accessible. Defaults to true.                                                     | function | no       | all      | yes               |
+| getAccessibilityLabel   | Function which takes an object with the current route and returns a accessibility label for the tab button. Uses route.accessibilityLabel by default if specified, otherwise uses the route title. | function | no       | all      | yes               |
+| renderIcon              | Function which takes an object with the current route, focused status and color and returns a custom React Element to be used as a icon.                                                           | function | no       | all      | yes               |
+| renderLabel             | Function which takes an object with the current route, focused status and color and returns a custom React Element to be used as a label.                                                          | function | no       | all      | yes               |
+| renderTabBarItem        | Function which takes a TabBarItemProps object and returns a custom React Element to be used as a tab button.                                                                                       | function | no       | all      | yes               |
+| renderIndicator         | Function which takes an object with the current route and returns a custom React Element to be used as a tab indicator.                                                                            | function | no       | all      | yes               |
+| renderBadge             | Function which takes an object with the current route and returns a custom React Element to be used as a badge.                                                                                    | function | no       | all      | yes               |
+| onTabPress              | Function to execute on tab press. It receives the scene for the pressed tab, useful for things like scroll to top.                                                                                 | function | no       | all      | yes               |
+| onTabLongPress          | Function to execute on tab long press, use for things like showing a menu with more options                                                                                                        | function | no       | all      | yes               |
+| activeColor             | Custom color for icon and label in the active tab.                                                                                                                                                 | string   | no       | all      | yes               |
+| inactiveColor           | Custom color for icon and label in the inactive tab.                                                                                                                                               | string   | no       | all      | yes               |
+| pressColor              | Color for material ripple (Android >= 5.0 only).                                                                                                                                                   | string   | no       | Android  | no                |
+| pressOpacity            | Opacity for pressed tab (iOS and Android < 5.0 only).                                                                                                                                              | number   | no       | all      | yes               |
+| scrollEnabled           | Boolean indicating whether to make the tab bar scrollable.                                                                                                                                         | boolean  | no       | all      | yes               |
+| bounces                 | Boolean indicating whether the tab bar bounces when scrolling.                                                                                                                                     | boolean  | no       | iOS      | no                |
+| tabStyle                | Style to apply to the individual tab items in the tab bar.                                                                                                                                         | object   | no       | all      | yes               |
+| indicatorStyle          | Style to apply to the active indicator.                                                                                                                                                            | object   | no       | all      | yes               |
+| indicatorContainerStyle | Style to apply to the container view for the indicator.                                                                                                                                            | object   | no       | all      | yes               |
+| labelStyle              | Style to apply to the tab item label.                                                                                                                                                              | object   | no       | all      | yes               |
+| contentContainerStyle   | Style to apply to the inner container for tabs.                                                                                                                                                    | object   | no       | all      | yes               |
+| style (TabBar)          | Style to apply to the tab bar container.                                                                                                                                                           | object   | no       | all      | yes               |
+| gap                     | Define a spacing between tabs.                                                                                                                                                                     | number   | no       | all      | yes               |
 
 ## 遗留问题
 
 - [x] 已解决： 页面滑动时，有概率卡在中间，无法自动回正[issue#5](https://github.com/react-native-oh-library/react-navigation/issues/5)
+- [ ] TabBar中的bounces属性，不生效，无法实现滚动回弹效果[issue#34](https://github.com/react-native-oh-library/react-navigation/issues/34)
 
 ## 其他
 
-## 开源协议
+- TabBar中的pressColor属性，不生效，无法实现按下更改颜色。 pressColor属性，是专门为Android平台设计的，这个属性在PlatformPressable中直接传递，在IOS上，pressColor属性没有直接对应的实现，IOS使用不同的机制来处理触摸反馈。
 
-本项目基于 [The MIT License (MIT)](https://github.com/satya164/react-native-tab-view/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+## 开源协议
 
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/satya164/react-native-tab-view/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file

From a4b8a46764a08d27b4154a8bdb5b50c065e1d92b Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Thu, 12 Sep 2024 01:56:35 +0000
Subject: [PATCH 524/966] =?UTF-8?q?!1467=20docs:=20=E6=96=B0=E5=A2=9Ereact?=
 =?UTF-8?q?-native-bottom-sheet=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAOPHW]=20=E6=96=B0=E5=A2=9Egorhom-botto?=
 =?UTF-8?q?m-sheet=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/gorhom-bottom-sheet.md | 269 +++++++++++++++++++++++++++++++++++
 1 file changed, 269 insertions(+)
 create mode 100644 zh-cn/gorhom-bottom-sheet.md

diff --git a/zh-cn/gorhom-bottom-sheet.md b/zh-cn/gorhom-bottom-sheet.md
new file mode 100644
index 00000000..8829b820
--- /dev/null
+++ b/zh-cn/gorhom-bottom-sheet.md
@@ -0,0 +1,269 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@gorhom/bottom-sheet</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/gorhom/react-native-bottom-sheet">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/gorhom/react-native-bottom-sheet/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bottom-sheet)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases)，并下载适用版本的 tgz 包。
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/bottom-sheet@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/bottom-sheet@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+// bottom-sheet组件
+import React, { useCallback, useRef, useMemo } from "react";
+import { StyleSheet, View, Text, Button } from "react-native";
+import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
+
+const App = () => {
+  // hooks
+  const sheetRef = useRef<BottomSheet>(null);
+
+  // variables
+  const snapPoints = useMemo(() => ["25%", "50%", "90%"], []);
+
+  // callbacks
+  const handleSheetChange = useCallback((index) => {
+    console.log("handleSheetChange", index);
+  }, []);
+  const handleSnapPress = useCallback((index) => {
+    sheetRef.current?.snapToIndex(index);
+  }, []);
+  const handleClosePress = useCallback(() => {
+    sheetRef.current?.close();
+  }, []);
+
+  // render
+  return (
+    <View style={styles.container}>
+      <Button title="Snap To 90%" onPress={() => handleSnapPress(2)} />
+      <Button title="Snap To 50%" onPress={() => handleSnapPress(1)} />
+      <Button title="Snap To 25%" onPress={() => handleSnapPress(0)} />
+      <Button title="Close" onPress={() => handleClosePress()} />
+      <BottomSheet
+        ref={sheetRef}
+        snapPoints={snapPoints}
+        onChange={handleSheetChange}
+      >
+        <BottomSheetView>
+          <Text>Awesome 🔥</Text>
+        </BottomSheetView>
+      </BottomSheet>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    paddingTop: 200,
+  },
+});
+
+export default App;
+```
+```tsx
+// bottom-sheet-modal组件
+import React, { useCallback, useMemo, useRef } from 'react';
+import { View, Text, StyleSheet, Button } from 'react-native';
+import {
+  BottomSheetModal,
+  BottomSheetView,
+  BottomSheetModalProvider,
+} from '@gorhom/bottom-sheet';
+
+const App = () => {
+  // ref
+  const bottomSheetModalRef = useRef<BottomSheetModal>(null);
+
+  // variables
+  const snapPoints = useMemo(() => ['25%', '50%'], []);
+
+  // callbacks
+  const handlePresentModalPress = useCallback(() => {
+    bottomSheetModalRef.current?.present();
+  }, []);
+  const handleSheetChanges = useCallback((index: number) => {
+    console.log('handleSheetChanges', index);
+  }, []);
+
+  // renders
+  return (
+    <BottomSheetModalProvider>
+      <View style={styles.container}>
+        <Button
+          onPress={handlePresentModalPress}
+          title="Present Modal"
+          color="black"
+        />
+        <BottomSheetModal
+          ref={bottomSheetModalRef}
+          index={1}
+          snapPoints={snapPoints}
+          onChange={handleSheetChanges}
+        >
+          <BottomSheetView style={styles.contentContainer}>
+            <Text>Awesome 🎉</Text>
+          </BottomSheetView>
+        </BottomSheetModal>
+      </View>
+    </BottomSheetModalProvider>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 24,
+    justifyContent: 'center',
+    backgroundColor: 'grey',
+  },
+  contentContainer: {
+    flex: 1,
+    alignItems: 'center',
+  },
+});
+
+export default App;
+```
+## 使用codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-reanimated和@react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](zh-cn/react-native-gesture-handler.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
+
+## 属性
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+### Bottom Sheet
+#### Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| index    | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state. | number | No       | Android / iOS | Yes           |
+| snapPoints    | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number, string or mix. | Array<number\|string>\|  SharedValue<Array<string \| number>> | Yes       | Android / iOS | Yes           |
+| overDragResistanceFactor  |  Defines how violently sheet has to be stopped while over dragging.  | number | No       | Android / iOS | Yes           |
+| detached  |  Defines whether the bottom sheet is attached to the bottom or no.  | boolean | No       | Android / iOS | Yes           |
+| enableContentPanningGesture  |  Enable content panning gesture interaction.  | boolean | No       | Android / iOS | Yes           |
+| enableHandlePanningGesture  |  Enable handle panning gesture interaction.  | boolean | No       | Android / iOS | Yes           |
+| enableOverDrag  |  Enable over drag for the sheet.  | boolean | No       | Android / iOS | Yes           |
+| enablePanDownToClose  |  Enable pan down gesture to close the sheet.  | boolean | No       | Android / iOS | Yes           |
+| enableDynamicSizing  |  Enable dynamic sizing for content view and scrollable content size.  | boolean | No       | Android / iOS | Yes           |
+| animateOnMount  |  This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index.  | boolean | No       | Android / iOS | Yes           |
+#### Styles
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| style  |  View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet.  | ViewStyle \| AnimatedStyle | No       | Android / iOS | Yes           |
+| backgroundStyle  |  View style to be applied to the background component.  | ViewStyle | No       | Android / iOS | Yes           |
+| handleStyle  |  View style to be applied to the handle indicator component.  | ViewStyle | No       | Android / iOS | Yes           |
+| handleIndicatorStyle  |  View style to be applied to the handle indicator component.  | ViewStyle | No       | Android / iOS | Yes           |
+#### Layout Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| handleHeight  |  Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.  | number | No       | Android / iOS | Yes           |
+| containerHeight  |  Container height helps to calculate the internal sheet layouts. If containerHeight not provided, the library internally will calculate it, however this will cause an extra re-rendering.  | number | No       | Android / iOS | Yes           |
+| contentHeight  |  Content height helps dynamic snap points calculation.  | number \| Animated.SharedValue\<number> | No       | Android / iOS | Yes           |
+| containerOffset  |  Container offset helps to accurately detect container offsets.  | Animated.SharedValue\<Insets> | No       | Android / iOS | Yes           |
+| topInset  |  Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.  | number | No       | Android / iOS | Yes           |
+| bottomInset  |  Bottom inset to be added to the bottom sheet container.  | number | No       | Android / iOS | Yes           |
+| maxDynamicContentSize  |  Max dynamic content size height to limit the bottom sheet height from exceeding a provided size.  | number | No       | Android / iOS | Yes           |
+#### Keyboard Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| keyboardBehavior  | Defines the keyboard appearance behavior;`extend:` extend the sheet to its maximum snap point;`fillParent:` extend the sheet to fill the parent view;`interactive: `offset the sheet by the size of the keyboard.  | 'extend' \| 'fillParent' \| 'interactive' | No       | Android / iOS | Yes           |
+| keyboardBlurBehavior  | Defines the keyboard blur behavior;none: do nothing;restore: restore sheet position  | 'none' \| 'restore' | No       | Android / iOS | Yes           |
+| android_keyboardInputMode  | Defines keyboard input mode for Android only.  | 'adjustPan' \| 'adjustResize' | No       | Android  | No           |
+#### Animation Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| animationConfigs  | Animation configs.  | function | No       | Android/iOS  | Yes           |
+#### Gesture Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| waitFor  | -  | React.Ref \| React.Ref[] | No       | Android/iOS  | Yes           |
+| simultaneousHandlers  | -  | React.Ref \| React.Ref[] | No       | Android/iOS  | Yes           |
+| activeOffsetX  | -  | number[] | No       | Android/iOS  | Yes           |
+| activeOffsetY  | -  | number[] | No       | Android/iOS  | Yes           |
+| failOffsetX  | -  | number[] | No       | Android/iOS  | Yes           |
+| failOffsetY  | -  | number[] | No       | Android/iOS  | Yes           |
+| gestureEventsHandlersHook  | Custom hook to provide pan gesture events handler, which will allow advance and customize handling for pan gesture.  | GestureEventsHandlersHookType | No       | Android/iOS  | Yes           |
+
+#### Animated Nodes
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| animatedIndex  | Animated value to be used as a callback for the index node internally.  | Animated.SharedValue\<number> | No       | Android/iOS  | Yes           |
+| animatedPosition  | Animated value to be used as a callback for the position node internally.  | Animated.SharedValue\<number> | No       | Android/iOS  | Yes           |
+
+#### Callbacks
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| onChange  | Callback when the sheet position changed.  | function | No       | Android/iOS  | Yes           |
+| onAnimate  | Callback when the sheet about to animate to a new position.  | function | No       | Android/iOS  | Yes           |
+
+#### Components
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| handleComponent  | Component to be placed as a sheet handle.  | React.FC\<BottomSheetHandleProps> | No       | Android/iOS  | Yes           |
+| backdropComponent  | Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually.  | React.FC\<BottomSheetBackgroundProps> | No       | Android/iOS  | Yes           |
+| backgroundComponent  | Component to be placed as a sheet background.  | React.FC\<BottomSheetBackgroundProps> | No       | Android/iOS  | Yes           |
+| footerComponent  | Component to be placed as a sheet footer.  | React.FC\<BottomSheetFooterProps> | No       | Android/iOS  | Yes           |
+| children  | Scrollable node or react node to be places as a sheet content.  | () => React.ReactNode \| React.ReactNode[] \| React.ReactNode | No       | Android/iOS  | Yes           |
+### Bottom Sheet Modal
+> [!Tip]Bottom Sheet Modal inherits all [Bottom Sheet props](https://ui.gorhom.dev/components/bottom-sheet/props) except for animateOnMount & containerHeight and also it introduces its own props
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| name  | Modal name to help identify the modal for later on.  | string | No       | Android/iOS  | Yes           |
+| stackBehavior  | Defines the stack behavior when modal mounts.  | 'push' \| 'replace' | No       | Android/iOS  | Yes           |
+| enableDismissOnClose  | Dismiss the modal when it is closed, this will unmount the modal.  | boolean | No       | Android/iOS  | Yes           |
+| onDismiss  | Callback when the modal dismissed (unmounted).  | function | No       | Android/iOS  | Yes           |
+| containerComponent  | Component to be placed as a bottom sheet container, this is to place the bottom sheet at the very top layer of your application when using FullWindowOverlay from React Native Screens.  | React.ReactNode | No       | Android/iOS  | Yes           |
+## 遗留问题 
+- [ ] BottomSheetFlatList组件手势滑动存在冲突 [issue#6](https://github.com/react-native-oh-library/react-native-bottom-sheet/issues/6) 
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](hhttps://github.com/gorhom/react-native-bottom-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。

From 1bf7a88ae460f1ed06f30272f6126030dc28add9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=B8=E5=85=88=E7=94=9F?= <qinyiscl@foxmail.com>
Date: Thu, 12 Sep 2024 02:11:12 +0000
Subject: [PATCH 525/966] =?UTF-8?q?!1486=20docs:=20[Issues:=20#IAPFZD]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-multiple-select=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAPFZD]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-multiple-select=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-multiple-select.md | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-multiple-select.md b/zh-cn/react-native-multiple-select.md
index 8bca878d..894f2221 100644
--- a/zh-cn/react-native-multiple-select.md
+++ b/zh-cn/react-native-multiple-select.md
@@ -128,11 +128,27 @@ export {MultiSelectExample}
 ```
 ## 约束与限制
 
+### 注意事项
+
+本库 HarmonyOS 侧需要引入字体包，如下所示。如已引用，则无需再次引入，可跳过本章节步骤，直接使用。
+
+在HarmonyOS工程中的entry/src/main/ets/pages/index.ets中添加如下代码：
+
+```diff
+  ...
+RNApp({
+    rnInstanceConfig: {
++    fontResourceByFontFamily: {
++      'Pacifico-Regular': $rawfile("fonts/Pacifico-Regular.ttf"),
++    }
+    },
+})
+```
 ### 兼容性
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
 
 ## 属性
 

From 0718267f2f7aff5b06e19c3260e667e484bf6a5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Thu, 12 Sep 2024 11:17:49 +0800
Subject: [PATCH 526/966] =?UTF-8?q?docs:=20[#IAQR8C]=20=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9Link=E6=A8=A1=E5=9D=97=E7=BC=96=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/bam-tech-react-native-image-resizer.md  |  8 +++----
 zh-cn/baronha-ting.md                         |  8 +++----
 zh-cn/klarna-platform-colors.md               |  8 +++----
 zh-cn/link-source-code.md                     |  2 +-
 zh-cn/lottie-react-native.md                  | 10 ++++----
 zh-cn/model.md                                | 12 +++++-----
 zh-cn/react-native-MJRefresh.md               |  6 ++---
 zh-cn/react-native-SmartRefreshLayout.md      | 10 ++++----
 zh-cn/react-native-amap-geolocation.md        |  8 +++----
 zh-cn/react-native-amap3d.md                  | 12 +++++-----
 zh-cn/react-native-apple-authentication.md    |  8 +++----
 ...eact-native-async-storage-async-storage.md | 12 ++++------
 zh-cn/react-native-audio-toolkit.md           |  8 +++----
 zh-cn/react-native-audio.md                   |  8 +++----
 zh-cn/react-native-background-timer.md        |  8 +++----
 zh-cn/react-native-baidu-map.md               | 12 +++++-----
 zh-cn/react-native-bars.md                    |  8 +++----
 zh-cn/react-native-bindingx.md                | 10 ++++----
 zh-cn/react-native-ble-manager.md             |  8 +++----
 zh-cn/react-native-ble-plx.md                 |  8 +++----
 zh-cn/react-native-blob-util.md               |  8 +++----
 ...-util\357\274\210nocodegen\357\274\211.md" | 10 ++++----
 zh-cn/react-native-blurhash.md                | 10 ++++----
 zh-cn/react-native-bootsplash.md              |  8 +++----
 zh-cn/react-native-calendar-events.md         |  8 +++----
 zh-cn/react-native-callkeep.md                |  6 ++---
 zh-cn/react-native-cameraroll.md              | 12 +++++-----
 zh-cn/react-native-cardview.md                |  8 +++----
 zh-cn/react-native-charts-wrapper.md          |  8 +++----
 zh-cn/react-native-clipboard-clipboard.md     | 21 +++++++++++++----
 zh-cn/react-native-clippath-capi.md           | 10 ++++----
 zh-cn/react-native-clippathview.md            | 19 +++++++++++----
 zh-cn/react-native-code-push.md               | 10 ++++----
 ...react-native-color-matrix-image-filters.md |  6 ++---
 zh-cn/react-native-community-blur.md          | 10 ++++----
 zh-cn/react-native-community-checkbox.md      | 19 +++++++++++----
 .../react-native-community-datetimepicker.md  | 13 +++++------
 zh-cn/react-native-community-geolocation.md   | 10 ++++----
 zh-cn/react-native-community-netinfo.md       | 19 +++++++++++----
 ...t-native-community-progress-bar-android.md | 10 ++++----
 zh-cn/react-native-community-progress-view.md | 10 ++++----
 ...-native-community-push-notification-ios.md | 10 ++++----
 zh-cn/react-native-community-slider.md        |  8 +++----
 .../react-native-community-toolbar-android.md | 10 ++++----
 zh-cn/react-native-compass-heading.md         |  8 +++----
 zh-cn/react-native-config.md                  |  8 +++----
 zh-cn/react-native-contacts.md                |  8 +++----
 zh-cn/react-native-cookies-cookies.md         | 10 ++++----
 zh-cn/react-native-create-thumbnail.md        | 17 +++++++++++---
 zh-cn/react-native-date-picker.md             |  8 +++----
 zh-cn/react-native-default-preference.md      |  8 +++----
 zh-cn/react-native-device-info.md             |  8 +++----
 zh-cn/react-native-doc-viewer.md              |  8 +++----
 zh-cn/react-native-document-picker.md         |  8 +++----
 zh-cn/react-native-email-link.md              |  8 +++----
 zh-cn/react-native-exception-handler.md       | 23 ++++++++++++++-----
 zh-cn/react-native-exit-app.md                |  8 +++----
 zh-cn/react-native-fast-image.md              | 10 ++++----
 zh-cn/react-native-file-access.md             |  8 +++----
 zh-cn/react-native-file-viewer.md             |  8 +++----
 zh-cn/react-native-fileupload.md              |  8 +++----
 zh-cn/react-native-fingerprint-scanner.md     |  8 +++----
 zh-cn/react-native-fs.md                      |  8 +++----
 zh-cn/react-native-gesture-handler.md         | 10 ++++----
 zh-cn/react-native-get-random-values.md       | 17 +++++++++++---
 zh-cn/react-native-haptic-feedback.md         |  8 +++----
 zh-cn/react-native-http-bridge.md             |  8 +++----
 zh-cn/react-native-idfa-aaid.md               |  8 +++----
 zh-cn/react-native-idle-timer.md              |  8 +++----
 zh-cn/react-native-image-capinsets-next.md    | 10 ++++----
 zh-cn/react-native-image-colors.md            |  8 +++----
 ...act-native-image-crop-picker(nocodegen).md | 16 ++++++-------
 zh-cn/react-native-image-crop-picker.md       | 16 ++++++-------
 zh-cn/react-native-image-editor.md            |  8 +++----
 zh-cn/react-native-image-marker.md            |  8 +++----
 zh-cn/react-native-image-picker.md            | 10 ++++----
 zh-cn/react-native-image-rotate.md            |  8 +++----
 zh-cn/react-native-image-sequence-2.md        | 10 ++++----
 zh-cn/react-native-inappbrowser.md            |  6 ++---
 zh-cn/react-native-incall-manager.md          | 10 ++++----
 zh-cn/react-native-keep-awake.md              |  6 ++---
 zh-cn/react-native-keys.md                    | 10 ++++----
 zh-cn/react-native-linear-gradient.md         |  8 +++----
 zh-cn/react-native-localization-settings.md   |  8 +++----
 zh-cn/react-native-localize.md                |  8 +++----
 zh-cn/react-native-mail.md                    |  8 +++----
 zh-cn/react-native-maps.md                    | 12 +++++-----
 zh-cn/react-native-masked-view-masked-view.md |  8 +++----
 zh-cn/react-native-mlkit-ocr.md               | 12 +++++-----
 zh-cn/react-native-network-info.md            |  8 +++----
 zh-cn/react-native-nfc-manager.md             |  6 ++---
 zh-cn/react-native-orientation-locker.md      |  6 ++---
 zh-cn/react-native-orientation.md             |  6 ++---
 zh-cn/react-native-pager-view.md              |  8 +++----
 zh-cn/react-native-pdf.md                     | 10 ++++----
 zh-cn/react-native-performance.md             |  8 +++----
 zh-cn/react-native-permissions.md             | 10 ++++----
 .../react-native-picker-picker(nocodegen).md  | 12 +++++-----
 zh-cn/react-native-picker-picker.md           | 10 ++++----
 zh-cn/react-native-print.md                   |  8 +++----
 zh-cn/react-native-qr-decode-image-camera.md  | 19 +++++++++++----
 zh-cn/react-native-quick-base64.md            | 10 ++++----
 zh-cn/react-native-randombytes.md             |  8 +++----
 zh-cn/react-native-reanimated.md              | 19 +++++++++++----
 zh-cn/react-native-restart.md                 |  6 ++---
 zh-cn/react-native-safe-area-context.md       | 10 ++++----
 zh-cn/react-native-screenshot-prevent.md      |  8 +++----
 zh-cn/react-native-securerandom.md            |  8 +++----
 zh-cn/react-native-send-intent.md             |  8 +++----
 zh-cn/react-native-sensitive-info.md          |  9 ++++----
 zh-cn/react-native-sensors.md                 |  8 +++----
 zh-cn/react-native-shake.md                   |  8 +++----
 zh-cn/react-native-share.md                   |  8 +++----
 zh-cn/react-native-signature-capture.md       | 10 ++++----
 zh-cn/react-native-skia.md                    | 12 +++++-----
 zh-cn/react-native-snackbar.md                |  8 +++----
 zh-cn/react-native-sound.md                   | 10 ++++----
 zh-cn/react-native-spinkit.md                 | 10 ++++----
 zh-cn/react-native-splash-screen.md           |  8 +++----
 zh-cn/react-native-spring-scrollview.md       | 10 ++++----
 zh-cn/react-native-sqlite-storage.md          |  8 +++----
 zh-cn/react-native-svg-capi.md                | 10 ++++----
 zh-cn/react-native-svg.md                     | 10 ++++----
 zh-cn/react-native-syan-image-picker.md       |  8 +++----
 zh-cn/react-native-system-setting.md          |  8 +++----
 zh-cn/react-native-text-gradient.md           | 10 ++++----
 zh-cn/react-native-text-size.md               | 19 +++++++++++----
 .../react-native-textinput-maxlength-fixed.md |  6 ++---
 zh-cn/react-native-theme-control.md           | 12 +++++-----
 zh-cn/react-native-touch-id.md                |  8 +++----
 zh-cn/react-native-track-player.md            |  8 +++----
 zh-cn/react-native-tts.md                     |  8 +++----
 zh-cn/react-native-udp.md                     |  8 +++----
 zh-cn/react-native-ui-lib.md                  | 12 +++++-----
 zh-cn/react-native-unitsyles.md               | 10 ++++----
 zh-cn/react-native-user-agent.md              |  8 +++----
 zh-cn/react-native-version-number.md          |  8 +++----
 zh-cn/react-native-video-cache.md             |  8 +++----
 zh-cn/react-native-video.md                   | 13 +++++++----
 zh-cn/react-native-view-pdf.md                | 10 ++++----
 zh-cn/react-native-view-shot.md               | 10 ++++----
 zh-cn/react-native-vision-camera.md           | 12 +++++-----
 zh-cn/react-native-voice-voice.md             |  8 +++----
 zh-cn/react-native-webview.md                 | 12 +++++-----
 zh-cn/react-native-worklets-core.md           | 10 ++++----
 zh-cn/react-native-zip-archive.md             | 10 ++++----
 zh-cn/remobile-react-native-toast.md          |  8 +++----
 zh-cn/shopify-flash-list.md                   |  8 +++----
 148 files changed, 768 insertions(+), 657 deletions(-)

diff --git a/zh-cn/bam-tech-react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
index 24a926a0..41f15048 100644
--- a/zh-cn/bam-tech-react-native-image-resizer.md
+++ b/zh-cn/bam-tech-react-native-image-resizer.md
@@ -281,7 +281,7 @@ export default ImageResizerDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -292,7 +292,7 @@ export default ImageResizerDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -325,7 +325,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 ImageResizerPackage
+### 3.在 ArkTs 侧引入 ImageResizerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -341,7 +341,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/baronha-ting.md b/zh-cn/baronha-ting.md
index 62b2cc0d..723d4294 100644
--- a/zh-cn/baronha-ting.md
+++ b/zh-cn/baronha-ting.md
@@ -83,7 +83,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -94,7 +94,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -127,7 +127,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNTingPackage
+### 3.在 ArkTs 侧引入 RNTingPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
 
@@ -143,7 +143,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/klarna-platform-colors.md b/zh-cn/klarna-platform-colors.md
index 5ac19f1b..ad4f4497 100644
--- a/zh-cn/klarna-platform-colors.md
+++ b/zh-cn/klarna-platform-colors.md
@@ -181,7 +181,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -192,7 +192,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -225,7 +225,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNPlatformColorsPackage
+### 3.在 ArkTs 侧引入 RNPlatformColorsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -241,7 +241,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/link-source-code.md b/zh-cn/link-source-code.md
index 5a792708..48889911 100644
--- a/zh-cn/link-source-code.md
+++ b/zh-cn/link-source-code.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-### 引入原生端代码
+### 2.引入原生端代码
 
 #### 直接链接源码情况说明
 
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 36d591fc..73a72ddc 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -66,7 +66,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -77,7 +77,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -110,7 +110,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 LottieAnimationViewPackage
+### 3.配置 CMakeLists 和引入 LottieAnimationViewPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -167,7 +167,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 Lottie 组件
+### 4.在 ArkTs 侧引入 Lottie 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -207,7 +207,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/model.md b/zh-cn/model.md
index 2d54c172..04fae3f8 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -88,7 +88,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -99,7 +99,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -133,7 +133,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 xxxPackge
+### 3.配置 CMakeLists 和引入 xxxPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -194,7 +194,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 **提示：ArkTs 侧引入 Fabric 组件**（删除）
 
-### 在 ArkTs 侧引入 xxx 组件（若本库已 CAPI 化则需要删除本段）
+### 4.在 ArkTs 侧引入 xxx 组件（若本库已 CAPI 化则需要删除本段）
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -231,7 +231,7 @@ const arkTsComponentNames: Array<string> = [
 
 **提示：TurboModule**（删除）
 
-### 在 ArkTs 侧引入 xxx Package
+### 5.在 ArkTs 侧引入 xxx Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -247,7 +247,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index a418fcc8..0ac22357 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -129,7 +129,7 @@ export default class MjRefreshDemo extends Component {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -163,7 +163,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 MJRefreshPackge
+### 3.配置 CMakeLists 和引入 MJRefreshPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -220,7 +220,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index 32103b01..f49f4956 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -183,7 +183,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -193,7 +193,7 @@ export default App;
   }
 }
 ```
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -227,7 +227,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 SmartRefreshLayoutPackage
+### 3.配置 CMakeLists 和引入 SmartRefreshLayoutPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -282,7 +282,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 SmartRefreshPackage（版本>=0.6.7-0.2.9）
+### 4.在 ArkTs 侧引入 SmartRefreshPackage（版本>=0.6.7-0.2.9）
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -298,7 +298,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-amap-geolocation.md b/zh-cn/react-native-amap-geolocation.md
index 36d752d2..2c39c5f9 100644
--- a/zh-cn/react-native-amap-geolocation.md
+++ b/zh-cn/react-native-amap-geolocation.md
@@ -286,7 +286,7 @@ export default AmapGeoLocationDemo;
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
 
 ```json
 {
@@ -297,7 +297,7 @@ export default AmapGeoLocationDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -330,7 +330,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 AmapGeolocationPackage
+### 3.在 ArkTs 侧引入 AmapGeolocationPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -346,7 +346,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-amap3d.md b/zh-cn/react-native-amap3d.md
index 259e912a..bea7e0ab 100644
--- a/zh-cn/react-native-amap3d.md
+++ b/zh-cn/react-native-amap3d.md
@@ -151,7 +151,7 @@ export default AMapDemo;
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -162,7 +162,7 @@ export default AMapDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -195,7 +195,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 MapViewPackge
+### 3.配置 CMakeLists 和引入 MapViewPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -255,7 +255,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```
 
 
-### 在 ArkTs 侧引入 react-native-amap3d 组件
+### 4.在 ArkTs 侧引入 react-native-amap3d 组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -329,7 +329,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 AMap3DPackage
+### 5.在 ArkTs 侧引入 AMap3DPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -345,7 +345,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-apple-authentication.md b/zh-cn/react-native-apple-authentication.md
index 608196a4..9627439e 100644
--- a/zh-cn/react-native-apple-authentication.md
+++ b/zh-cn/react-native-apple-authentication.md
@@ -84,7 +84,7 @@ export default AppleAuthenticationDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -95,7 +95,7 @@ export default AppleAuthenticationDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -129,7 +129,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 RNAppleAuthPackage
+### 3.在 ArkTs 侧引入 RNAppleAuthPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
 
@@ -145,7 +145,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index 646deb51..134f7a1d 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 
 > 模板版本：v0.2.2
 
@@ -116,7 +115,7 @@ export default function App() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -127,7 +126,7 @@ export default function App() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -161,7 +160,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 AsynStoragePackge
+### 3.配置 CMakeLists 和引入 AsynStoragePackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -218,7 +217,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 AsynStorage Package
+### 4.在 ArkTs 侧引入 AsynStorage Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -235,7 +234,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
@@ -284,4 +283,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-async-storage/async-storage/blob/main/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-audio-toolkit.md b/zh-cn/react-native-audio-toolkit.md
index eef1dae4..059cd5f1 100644
--- a/zh-cn/react-native-audio-toolkit.md
+++ b/zh-cn/react-native-audio-toolkit.md
@@ -402,7 +402,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
 
 ```json
 {
@@ -413,7 +413,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -433,7 +433,7 @@ const styles = StyleSheet.create({
   }
 ```
 
-### 在 ArkTs 侧引入 AudioModulesPackage
+### 3.在 ArkTs 侧引入 AudioModulesPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -463,7 +463,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/link-source-code.md)
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 7830ecc6..1bf3918e 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -110,7 +110,7 @@ AudioRecorder.onFinished = (data) => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -121,7 +121,7 @@ AudioRecorder.onFinished = (data) => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -155,7 +155,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 AudioPackage
+### 3.在 ArkTs 侧引入 AudioPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -171,7 +171,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index 3254f868..89f77c0c 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -215,7 +215,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -226,7 +226,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -275,7 +275,7 @@ cd entry
 ohpm install --no-link
 ```
 
-### 在 ArkTs 侧引入 BackgroundTimerTurboModulePackage
+### 3.在 ArkTs 侧引入 BackgroundTimerTurboModulePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -291,7 +291,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index d5269129..a665a14e 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -162,7 +162,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的harmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -173,7 +173,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -206,7 +206,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 BaiduMapPackage
+### 3.配置 CMakeLists 和引入 BaiduMapPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -265,7 +265,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 BaiduMapPackage
+### 4.在 ArkTs 侧引入 BaiduMapPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -281,7 +281,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 在 ArkTs 侧引入 react-native-baidu-map 组件
+### 5.在 ArkTs 侧引入 react-native-baidu-map 组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets`
 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
@@ -366,7 +366,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-bars.md b/zh-cn/react-native-bars.md
index 1c864fed..d18c2043 100644
--- a/zh-cn/react-native-bars.md
+++ b/zh-cn/react-native-bars.md
@@ -81,7 +81,7 @@ export function BarExample() {
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -96,7 +96,7 @@ export function BarExample() {
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -130,7 +130,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 RNBarsPackage
+### 3.在 ArkTs 侧引入 RNBarsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -146,7 +146,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-bindingx.md b/zh-cn/react-native-bindingx.md
index 60e0e835..789a037a 100644
--- a/zh-cn/react-native-bindingx.md
+++ b/zh-cn/react-native-bindingx.md
@@ -162,7 +162,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -173,7 +173,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -206,7 +206,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ReactBindingXPackge
+### 3.配置 CMakeLists 和引入 ReactBindingXPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -267,7 +267,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```
 
 
-### 在 ArkTs 侧引入 ReactBindingXPackage
+### 4.在 ArkTs 侧引入 ReactBindingXPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -283,7 +283,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
index d1f055cf..fa99ff26 100644
--- a/zh-cn/react-native-ble-manager.md
+++ b/zh-cn/react-native-ble-manager.md
@@ -439,7 +439,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -450,7 +450,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -496,7 +496,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 BlePackage
+### 3.在 ArkTs 侧引入 BlePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -513,7 +513,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-ble-plx.md b/zh-cn/react-native-ble-plx.md
index 788683b1..b93aff25 100644
--- a/zh-cn/react-native-ble-plx.md
+++ b/zh-cn/react-native-ble-plx.md
@@ -156,7 +156,7 @@ class BLEServiceInstance {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -167,7 +167,7 @@ class BLEServiceInstance {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -200,7 +200,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 BlePlxPackage
+### 3.在 ArkTs 侧引入 BlePlxPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -216,7 +216,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index d185bcee..6d19401a 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -421,7 +421,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```
 {
@@ -432,7 +432,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -465,7 +465,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 BlobUtilPackage
+### 3.在 ArkTs 侧引入 BlobUtilPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -481,7 +481,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git "a/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md" "b/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
index 9c7cc1f6..78861a58 100644
--- "a/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
+++ "b/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
@@ -416,7 +416,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```
 {
@@ -427,7 +427,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -461,7 +461,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 配置 CMakeLists 和引入 BlobUtilPackage
+### 3.配置 CMakeLists 和引入 BlobUtilPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -520,7 +520,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 BlobUtilPackage
+### 4.在 ArkTs 侧引入 BlobUtilPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -536,7 +536,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-blurhash.md b/zh-cn/react-native-blurhash.md
index 0dadc9c0..df28cbdc 100644
--- a/zh-cn/react-native-blurhash.md
+++ b/zh-cn/react-native-blurhash.md
@@ -259,7 +259,7 @@ export default BlurhashDemo
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -270,7 +270,7 @@ export default BlurhashDemo
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -303,7 +303,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 BlurhashPackage
+### 3.配置 CMakeLists 和引入 BlurhashPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -363,7 +363,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 BlurhashPackage
+### 4.在 ArkTs 侧引入 BlurhashPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -379,7 +379,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-bootsplash.md b/zh-cn/react-native-bootsplash.md
index b7d8fde0..13643d61 100644
--- a/zh-cn/react-native-bootsplash.md
+++ b/zh-cn/react-native-bootsplash.md
@@ -257,7 +257,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -268,7 +268,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -301,7 +301,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNBootSplashPackage
+### 3.在 ArkTs 侧引入 RNBootSplashPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -317,7 +317,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 91641cf2..4e795c13 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -245,7 +245,7 @@ export default CalendarDemo;
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -259,7 +259,7 @@ export default CalendarDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -299,7 +299,7 @@ cd entry
 ohpm install --no-link
 ```
 
-### 在 ArkTs 侧引入 CalendarEventPackage
+### 3.在 ArkTs 侧引入 CalendarEventPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -315,7 +315,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-callkeep.md b/zh-cn/react-native-callkeep.md
index c3221ec1..a82f6159 100644
--- a/zh-cn/react-native-callkeep.md
+++ b/zh-cn/react-native-callkeep.md
@@ -114,7 +114,7 @@ export function CallKeepExample() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -147,7 +147,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 RNCallKeepPackage
+### 3.在 ArkTs 侧引入 RNCallKeepPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -163,7 +163,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index fece090a..1e21f97a 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -96,7 +96,7 @@ export default function App() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -107,7 +107,7 @@ export default function App() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -141,7 +141,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 CameraRollPackage
+### 3.配置 CMakeLists 和引入 CameraRollPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -198,7 +198,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 CameraRollPackage
+### 4.在 ArkTs 侧引入 CameraRollPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -214,7 +214,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 应用权限申请
+### 5.应用权限申请
 
 > [!tip] "ohos.permission.READ_IMAGEVIDEO"，"ohos.permission.WRITE_IMAGEVIDEO"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
@@ -267,7 +267,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-cardview.md b/zh-cn/react-native-cardview.md
index 930ee746..ffec70f3 100644
--- a/zh-cn/react-native-cardview.md
+++ b/zh-cn/react-native-cardview.md
@@ -116,7 +116,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -127,7 +127,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -160,7 +160,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 CardViewPackage
+### 3.配置 CMakeLists 和引入 CardViewPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -219,7 +219,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-charts-wrapper.md b/zh-cn/react-native-charts-wrapper.md
index 135cc1c1..f876298d 100644
--- a/zh-cn/react-native-charts-wrapper.md
+++ b/zh-cn/react-native-charts-wrapper.md
@@ -83,7 +83,7 @@ export default BarChartDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -94,7 +94,7 @@ export default BarChartDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -227,7 +227,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 ChartsWrapperPackage
+### 3.在 ArkTs 侧引入 ChartsWrapperPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -243,7 +243,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index 3345cc8b..1e08f6b5 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -75,7 +75,18 @@ const fetchCopiedText = async () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -109,7 +120,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ClipboardPackage
+### 3.配置 CMakeLists 和引入 ClipboardPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -157,7 +168,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 ClipboardPackage
+### 4.在 ArkTs 侧引入 ClipboardPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -175,7 +186,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ```
 
-### 应用权限申请
+### 5.应用权限申请
 
 > [!tip] "ohos.permission.READ_PASTEBOARD"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
@@ -205,7 +216,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
index a73ade1a..560ec679 100644
--- a/zh-cn/react-native-clippath-capi.md
+++ b/zh-cn/react-native-clippath-capi.md
@@ -70,7 +70,7 @@ export default function index() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -81,7 +81,7 @@ export default function index() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -115,7 +115,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 配置 CMakeLists 和引入 ClipPathViewPackage
+### 3.配置 CMakeLists 和引入 ClipPathViewPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -163,7 +163,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 ClipPathPackage
+### 4.在 ArkTs 侧引入 ClipPathPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -179,7 +179,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-clippathview.md b/zh-cn/react-native-clippathview.md
index 2a9a7d82..e14bb33e 100644
--- a/zh-cn/react-native-clippathview.md
+++ b/zh-cn/react-native-clippathview.md
@@ -82,7 +82,18 @@ export default function index() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -115,7 +126,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 ClipPath 组件
+### 3.在 ArkTs 侧引入 ClipPath 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -143,7 +154,7 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-### 在 ArkTs 侧引入 ClipPathPackage
+### 4.在 ArkTs 侧引入 ClipPathPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -160,7 +171,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 72a1cff1..0ba8a084 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -192,7 +192,7 @@ export default CodePush(codePushOptions)(App);
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -203,7 +203,7 @@ export default CodePush(codePushOptions)(App);
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -236,7 +236,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 CodePushPackage
+### 3.在 ArkTs 侧引入 CodePushPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -252,7 +252,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 在 ArkTs 侧引入 comparingVersion 方法
+### 4.在 ArkTs 侧引入 comparingVersion 方法
 
 打开 `entry/src/main/ets/pages/index.ets`，调用 comparingVersion 方法比对code-push版本号，用于覆盖安装时清除沙箱历史资源
 
@@ -270,7 +270,7 @@ struct Index {
 ```
 
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index d0b4d8ca..43d720c5 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -94,7 +94,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -143,7 +143,7 @@ cd entry
 ohpm install --no-link
 ```
 
-### 配置 CMakeLists 和引入 ColorMatrixImageFiltersPackage
+### 3.配置 CMakeLists 和引入 ColorMatrixImageFiltersPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -203,7 +203,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```
 
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index 617df5b9..59382687 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -206,7 +206,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```js
  {
@@ -217,7 +217,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -251,7 +251,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 BlurPackage
+### 3.配置 CMakeLists 和引入 BlurPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -300,7 +300,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 BlurView 组件
+### 4.在 ArkTs 侧引入 BlurView 组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -336,7 +336,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index 00e82eff..b262a795 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -73,7 +73,18 @@ export default function CheckBoxExample() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -107,7 +118,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 CheckboxPackge
+### 3.配置 CMakeLists 和引入 CheckboxPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -156,7 +167,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 Checkbox 组件
+### 4.在 ArkTs 侧引入 Checkbox 组件
 
 找到 `function buildCustomComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -191,7 +202,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index 87856dab..8a8b3601 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -100,10 +100,10 @@ export const MDatetimepicker = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
 
 
-```
 ```json
 {
   ...
@@ -113,8 +113,7 @@ export const MDatetimepicker = () => {
 }
 ```
 
-
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -148,7 +147,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 datetimepicker
+### 3.配置 CMakeLists 和引入 datetimepicker
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -207,7 +206,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 DateTimePicker 组件
+### 4.在 ArkTs 侧引入 DateTimePicker 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -241,7 +240,7 @@ const arkTsComponentNames: Array<string> = [
 + DATETIME_PICKER_VIEW_TYPE
 ];
 ```
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-geolocation.md b/zh-cn/react-native-community-geolocation.md
index 68f68b29..106e3a04 100644
--- a/zh-cn/react-native-community-geolocation.md
+++ b/zh-cn/react-native-community-geolocation.md
@@ -69,7 +69,7 @@ export function GeolocationDemo(): JSX.Element {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -80,7 +80,7 @@ export function GeolocationDemo(): JSX.Element {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -113,7 +113,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 geolocation
+### 3.配置 CMakeLists 和引入 geolocation
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -171,7 +171,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 GeolocationPackage
+### 4.在 ArkTs 侧引入 GeolocationPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -187,7 +187,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index 2ae2054e..86260672 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -80,7 +80,18 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -114,7 +125,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 RNCNetInfoPackage
+### 3.配置 CMakeLists 和引入 RNCNetInfoPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -162,7 +173,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 NetInfoPackage
+### 4.在 ArkTs 侧引入 NetInfoPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -179,7 +190,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index de189108..26446721 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -61,7 +61,7 @@ export default function ProgressBarExample() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```diff
 {
@@ -73,7 +73,7 @@ export default function ProgressBarExample() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -107,7 +107,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ProgressBarAndroidPackage
+### 3.配置 CMakeLists 和引入 ProgressBarAndroidPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -167,7 +167,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 ProgressBarAndroid 组件
+### 4.在 ArkTs 侧引入 ProgressBarAndroid 组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -203,7 +203,7 @@ const arkTsComponentNames: Array<string> = [
 ```
 
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index b1311f97..b61722fc 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -63,7 +63,7 @@ export default function ProgressViewExample() {
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -74,7 +74,7 @@ export default function ProgressViewExample() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -107,7 +107,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ProgressViewPackage
+### 3.配置 CMakeLists 和引入 ProgressViewPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -156,7 +156,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 ProgressViewPackage 组件
+### 4.在 ArkTs 侧引入 ProgressViewPackage 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -192,7 +192,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index 2ab10f40..9632f52c 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -173,7 +173,7 @@ export const App = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -184,7 +184,7 @@ export const App = () => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -218,7 +218,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 PushNotificationPackage
+### 3.配置 CMakeLists 和引入 PushNotificationPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 ```diff
@@ -274,7 +274,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 PushNotificationPackage
+### 4.在 ArkTs 侧引入 PushNotificationPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -290,7 +290,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 3a9576bf..ad3254dc 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -82,7 +82,7 @@ export default function SliderExample() {
 
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -116,7 +116,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 SliderPackge
+### 3.配置 CMakeLists 和引入 SliderPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -164,7 +164,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 slider 组件
+### 4.在 ArkTs 侧引入 slider 组件
 
 找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
 
@@ -198,7 +198,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
index d1209ef1..852dffb4 100644
--- a/zh-cn/react-native-community-toolbar-android.md
+++ b/zh-cn/react-native-community-toolbar-android.md
@@ -126,7 +126,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -137,7 +137,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -170,7 +170,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ToolbarAndroidPackage
+### 3.配置 CMakeLists 和引入 ToolbarAndroidPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -222,7 +222,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 RNCToolbarAndroid 组件
+### 4.在 ArkTs 侧引入 RNCToolbarAndroid 组件
 
 找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -255,7 +255,7 @@ const arkTsComponentNames: Array<string> = [
 ];
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-compass-heading.md b/zh-cn/react-native-compass-heading.md
index 1d1e636b..9a21cede 100644
--- a/zh-cn/react-native-compass-heading.md
+++ b/zh-cn/react-native-compass-heading.md
@@ -107,7 +107,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -118,7 +118,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -151,7 +151,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNCompassHeadingPackage
+### 3.在 ArkTs 侧引入 RNCompassHeadingPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -167,7 +167,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-config.md b/zh-cn/react-native-config.md
index 61affe40..6e7f270d 100644
--- a/zh-cn/react-native-config.md
+++ b/zh-cn/react-native-config.md
@@ -94,7 +94,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -105,7 +105,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 该库仅支持源码形式引入
 
@@ -147,7 +147,7 @@ cd entry
 ohpm install
 ```
 
-### 在 ArkTs 侧引入 RNConfigPackage
+### 3.在 ArkTs 侧引入 RNConfigPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -164,7 +164,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 8ad635f2..077197af 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -342,7 +342,7 @@ export const ContactsDemo = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -353,7 +353,7 @@ export const ContactsDemo = () => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -386,7 +386,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 ContactsPackage
+### 3.在 ArkTs 侧引入 ContactsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -400,7 +400,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index 6bbf2906..d8dfa0f2 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -192,7 +192,7 @@ const styles = StyleSheet.create({
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -203,7 +203,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -237,7 +237,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 CookiesPackage
+### 3.配置 CMakeLists 和引入 CookiesPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -290,7 +290,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 CookiesPackage
+### 4.在 ArkTs 侧引入 CookiesPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -306,7 +306,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md
index 23ed8355..cfdaa4f8 100644
--- a/zh-cn/react-native-create-thumbnail.md
+++ b/zh-cn/react-native-create-thumbnail.md
@@ -149,7 +149,18 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -198,7 +209,7 @@ cd entry
 ohpm install --no-link
 ```
 
-### 在 ArkTs 侧引入 BlobUtilPackage
+### 3.在 ArkTs 侧引入 BlobUtilPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -214,7 +225,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
index 991737bb..6215ce3a 100644
--- a/zh-cn/react-native-date-picker.md
+++ b/zh-cn/react-native-date-picker.md
@@ -87,7 +87,7 @@ export default () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -98,7 +98,7 @@ export default () => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -132,7 +132,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 NativeDatePickerView 组件
+### 3.在 ArkTs 侧引入 NativeDatePickerView 组件
 找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
@@ -165,7 +165,7 @@ const arkTsComponentNames: Array<string> = [
 + NativeDatePickerView.NAME, 
   ];
 ```
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-default-preference.md b/zh-cn/react-native-default-preference.md
index 2cfe8822..2ea3ed32 100644
--- a/zh-cn/react-native-default-preference.md
+++ b/zh-cn/react-native-default-preference.md
@@ -81,7 +81,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -92,7 +92,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -126,7 +126,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 RNDefaultPreferencePackage
+### 3.在 ArkTs 侧引入 RNDefaultPreferencePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -143,7 +143,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
index 60c5a158..84a863f0 100644
--- a/zh-cn/react-native-device-info.md
+++ b/zh-cn/react-native-device-info.md
@@ -67,7 +67,7 @@ import DeviceInfo from 'react-native-device-info';
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -78,7 +78,7 @@ import DeviceInfo from 'react-native-device-info';
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -112,7 +112,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 RNDeviceInfoPackage
+### 3.在 ArkTs 侧引入 RNDeviceInfoPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -128,7 +128,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-doc-viewer.md b/zh-cn/react-native-doc-viewer.md
index a84ac797..c758ab37 100644
--- a/zh-cn/react-native-doc-viewer.md
+++ b/zh-cn/react-native-doc-viewer.md
@@ -335,7 +335,7 @@ export default class DocumentViewerExample extends Component {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -346,7 +346,7 @@ export default class DocumentViewerExample extends Component {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -379,7 +379,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 引入 DocViewPackage
+### 3.引入 DocViewPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -395,7 +395,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index c88042c0..8da343cc 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -264,7 +264,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -275,7 +275,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -308,7 +308,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 DocumentPickerPackage
+### 3.在 ArkTs 侧引入 DocumentPickerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -324,7 +324,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-email-link.md b/zh-cn/react-native-email-link.md
index 804613dc..499b18c5 100644
--- a/zh-cn/react-native-email-link.md
+++ b/zh-cn/react-native-email-link.md
@@ -157,7 +157,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
 
 ```json
 {
@@ -168,7 +168,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -201,7 +201,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNEmailLinkPackage
+### 3.在 ArkTs 侧引入 RNEmailLinkPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -217,7 +217,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-exception-handler.md b/zh-cn/react-native-exception-handler.md
index 33ee988d..80efaa93 100644
--- a/zh-cn/react-native-exception-handler.md
+++ b/zh-cn/react-native-exception-handler.md
@@ -113,7 +113,18 @@ setNativeExceptionHandler(
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -147,7 +158,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ExceptionHandlerPackage
+### 3.配置 CMakeLists 和引入 ExceptionHandlerPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -195,7 +206,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 ExceptionHandlerPackage
+### 4.在 ArkTs 侧引入 ExceptionHandlerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -212,7 +223,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 异常信息页面配置
+### 5.异常信息页面配置
 
 在 `YourProject/entry/src/main/ets/pages` 目录下,新建文件`ExceptionView.ets`
 
@@ -256,7 +267,7 @@ struct ExceptionView {
 }
 ```
 
-### 应用重启使能
+### 6.应用重启使能
 
 在 `YourProject/entry/src/main/ets/app` 目录下,新建文件`MyAbilityStage.ets`
 
@@ -317,7 +328,7 @@ export default class MyAbilityStage extends AbilityStage {
 }
 ```
 
-### 运行
+### 7.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-exit-app.md b/zh-cn/react-native-exit-app.md
index 5f7e28d0..f8df062e 100644
--- a/zh-cn/react-native-exit-app.md
+++ b/zh-cn/react-native-exit-app.md
@@ -88,7 +88,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -99,7 +99,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -132,7 +132,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 ExitAppPackage
+### 3.在 ArkTs 侧引入 ExitAppPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -149,7 +149,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index fa296ced..a1b18b6c 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -109,7 +109,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -120,7 +120,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -153,7 +153,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 FastImagePackage
+### 3.配置 CMakeLists 和引入 FastImagePackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -212,7 +212,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 FastImagePackage
+### 4.在 ArkTs 侧引入 FastImagePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -228,7 +228,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-file-access.md b/zh-cn/react-native-file-access.md
index 8b80f01d..8deeb942 100644
--- a/zh-cn/react-native-file-access.md
+++ b/zh-cn/react-native-file-access.md
@@ -328,7 +328,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```
 {
@@ -339,7 +339,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -372,7 +372,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNFileAccessPackage
+### 3.在 ArkTs 侧引入 RNFileAccessPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -388,7 +388,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md
index a3781a80..647321a2 100644
--- a/zh-cn/react-native-file-viewer.md
+++ b/zh-cn/react-native-file-viewer.md
@@ -143,7 +143,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -154,7 +154,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -187,7 +187,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNFileViewerTurboModule Package
+### 3.在 ArkTs 侧引入 RNFileViewerTurboModule Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -203,7 +203,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index 0231647f..eae58a48 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -130,7 +130,7 @@ let styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -140,7 +140,7 @@ let styles = StyleSheet.create({
   }
 }
 ```
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -173,7 +173,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 FileUpLoadPackage
+### 3.在 ArkTs 侧引入 FileUpLoadPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -189,7 +189,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index dea8bc7f..9e8b5d04 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -96,7 +96,7 @@ export default function App() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -107,7 +107,7 @@ export default function App() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -139,7 +139,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 FingerprintScannerPackage
+### 3.在 ArkTs 侧引入 FingerprintScannerPackage
 
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
@@ -157,7 +157,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index 5a194c7a..7c697135 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -155,7 +155,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -166,7 +166,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -201,7 +201,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 FsPackage
+### 3.在 ArkTs 侧引入 FsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -218,7 +218,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index ccd432da..7a8c69ce 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -113,7 +113,7 @@ export default function App() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -124,7 +124,7 @@ export default function App() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -158,7 +158,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 GestureHandlerPackage
+### 3.配置 CMakeLists 和引入 GestureHandlerPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -215,7 +215,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 Gesture Handler Package
+### 4.在 ArkTs 侧引入 Gesture Handler Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -230,7 +230,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md
index 34bd2ea2..0b75c55c 100644
--- a/zh-cn/react-native-get-random-values.md
+++ b/zh-cn/react-native-get-random-values.md
@@ -87,7 +87,18 @@ export const GetRandomValues = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -120,7 +131,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNGetRandomValuesPackage
+### 3.在 ArkTs 侧引入 RNGetRandomValuesPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -136,7 +147,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-haptic-feedback.md b/zh-cn/react-native-haptic-feedback.md
index f5e0d899..5e8c25a1 100644
--- a/zh-cn/react-native-haptic-feedback.md
+++ b/zh-cn/react-native-haptic-feedback.md
@@ -102,7 +102,7 @@ export const HapticFeedbackExample = () => {
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -113,7 +113,7 @@ export const HapticFeedbackExample = () => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -147,7 +147,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNHapticFeedbackPackage
+### 3.在 ArkTs 侧引入 RNHapticFeedbackPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -164,7 +164,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-http-bridge.md b/zh-cn/react-native-http-bridge.md
index ef4d7333..173369d1 100644
--- a/zh-cn/react-native-http-bridge.md
+++ b/zh-cn/react-native-http-bridge.md
@@ -151,7 +151,7 @@ export default HttpBridgeDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
 
 ```json
 {
@@ -162,7 +162,7 @@ export default HttpBridgeDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -195,7 +195,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNHttpBridgePackage
+### 3.在 ArkTs 侧引入 RNHttpBridgePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -212,7 +212,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-idfa-aaid.md b/zh-cn/react-native-idfa-aaid.md
index 811ccb63..00a22de5 100644
--- a/zh-cn/react-native-idfa-aaid.md
+++ b/zh-cn/react-native-idfa-aaid.md
@@ -182,7 +182,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -193,7 +193,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -227,7 +227,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 GetOaidPackage
+### 3.在 ArkTs 侧引入 GetOaidPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -243,7 +243,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-idle-timer.md b/zh-cn/react-native-idle-timer.md
index 169d7707..1b8f2b6f 100644
--- a/zh-cn/react-native-idle-timer.md
+++ b/zh-cn/react-native-idle-timer.md
@@ -80,7 +80,7 @@ export default IdleTimerExample;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -91,7 +91,7 @@ export default IdleTimerExample;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -125,7 +125,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 RNIdleTimerPackage
+### 3.在 ArkTs 侧引入 RNIdleTimerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -142,7 +142,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-image-capinsets-next.md b/zh-cn/react-native-image-capinsets-next.md
index 11507988..61c121d4 100644
--- a/zh-cn/react-native-image-capinsets-next.md
+++ b/zh-cn/react-native-image-capinsets-next.md
@@ -133,7 +133,7 @@ export default YourImage;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -144,7 +144,7 @@ export default YourImage;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -177,7 +177,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNCImageCapInsets 组件
+### 3.在 ArkTs 侧引入 RNCImageCapInsets 组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -212,7 +212,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 xxx Package
+### 4.在 ArkTs 侧引入 xxx Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -228,7 +228,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md
index 9844da3b..bcee4091 100644
--- a/zh-cn/react-native-image-colors.md
+++ b/zh-cn/react-native-image-colors.md
@@ -207,7 +207,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -218,7 +218,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -251,7 +251,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNImageColorsPackage
+### 3.在 ArkTs 侧引入 RNImageColorsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -267,7 +267,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-image-crop-picker(nocodegen).md b/zh-cn/react-native-image-crop-picker(nocodegen).md
index 9e2bcef7..0ebc4177 100644
--- a/zh-cn/react-native-image-crop-picker(nocodegen).md
+++ b/zh-cn/react-native-image-crop-picker(nocodegen).md
@@ -52,9 +52,9 @@ yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
 }
 ```
 
-### 配置 Entry
+### 1.配置 Entry
 
-**1.在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
+**(1)在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
 
 ```ts
 import UIAbility from '@ohos.app.ability.UIAbility'
@@ -103,7 +103,7 @@ export default class ImageEditAbility extends UIAbility {
 }
 ```
 
-**2.在 entry/src/main/module.json5 注册 ImageEditAbility 并添加 requestPermissions**
+**(2)在 entry/src/main/module.json5 注册 ImageEditAbility 并添加 requestPermissions**
 
 ```json
 "abilities":[{
@@ -121,7 +121,7 @@ export default class ImageEditAbility extends UIAbility {
 
 ```
 
-**3.在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
+**(3)在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
 
 ```ts
 import { ImageEditInfo } from '@react-native-oh-tpl/react-native-image-crop-picker';
@@ -142,7 +142,7 @@ struct ImageEdit {
 }
 ```
 
-**4.在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+**(4)在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
 
 ```json
 {
@@ -153,7 +153,7 @@ struct ImageEdit {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -186,7 +186,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ImageCropPickerPackage
+### 3.配置 CMakeLists 和引入 ImageCropPickerPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -256,7 +256,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 4a7dec29..70b5f58f 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -808,9 +808,9 @@ export default ImageCropPickDemo;
 }
 ```
 
-### 配置Entry
+### 1.配置Entry
 
-**1.在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
+**(1)在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
 
 ```
 import UIAbility from '@ohos.app.ability.UIAbility'
@@ -859,7 +859,7 @@ export default class ImageEditAbility extends UIAbility {
 }
 ```
 
-**2.在 entry/src/main/module.json5 注册 ImageEditAbility**
+**(2)在 entry/src/main/module.json5 注册 ImageEditAbility**
 
 ```
 "abilities":[{
@@ -877,7 +877,7 @@ export default class ImageEditAbility extends UIAbility {
 
 ```
 
-**3.在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
+**(3)在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
 
 ```
 import { ImageEditInfo } from '@react-native-oh-tpl/react-native-image-crop-picker';
@@ -898,7 +898,7 @@ struct ImageEdit {
 }
 ```
 
-**4.在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+**(4)在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
 
 ```
 {
@@ -909,7 +909,7 @@ struct ImageEdit {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -942,7 +942,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 ImageCropPickerPackage
+### 3.在 ArkTs 侧引入 ImageCropPickerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -958,7 +958,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 497c8bac..9e78f22e 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -191,7 +191,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -202,7 +202,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -235,7 +235,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 ImageEditorPackage
+### 3.在 ArkTs 侧引入 ImageEditorPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -251,7 +251,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-image-marker.md b/zh-cn/react-native-image-marker.md
index 2aa54d63..be1f7462 100644
--- a/zh-cn/react-native-image-marker.md
+++ b/zh-cn/react-native-image-marker.md
@@ -196,7 +196,7 @@ export const ImageMarkerText = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
 
 ```json
 {
@@ -207,7 +207,7 @@ export const ImageMarkerText = () => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -240,7 +240,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNImageMarkerPackage
+### 3.在 ArkTs 侧引入 RNImageMarkerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -257,7 +257,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index e3086f84..bad79111 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -81,7 +81,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -92,7 +92,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -126,7 +126,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ImagePickerViewPackage
+### 3.配置 CMakeLists 和引入 ImagePickerViewPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -185,7 +185,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 ImagePickerViewPackage
+### 4.在 ArkTs 侧引入 ImagePickerViewPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -201,7 +201,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-image-rotate.md b/zh-cn/react-native-image-rotate.md
index 3a762aa0..9bc90f53 100644
--- a/zh-cn/react-native-image-rotate.md
+++ b/zh-cn/react-native-image-rotate.md
@@ -147,7 +147,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -158,7 +158,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -191,7 +191,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNImageRotatePackage
+### 3.在 ArkTs 侧引入 RNImageRotatePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -208,7 +208,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index bf23fdc0..3115b5b0 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -285,7 +285,7 @@ export default TestDemo2
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -296,7 +296,7 @@ export default TestDemo2
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -329,7 +329,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入  RNImageSequence组件
+### 3.在 ArkTs 侧引入  RNImageSequence组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -357,7 +357,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-### 在 ArkTs 侧引入 ImageSequencePackage
+### 4.在 ArkTs 侧引入 ImageSequencePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -373,7 +373,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-inappbrowser.md b/zh-cn/react-native-inappbrowser.md
index 42f0fd3c..c816a7ab 100644
--- a/zh-cn/react-native-inappbrowser.md
+++ b/zh-cn/react-native-inappbrowser.md
@@ -389,7 +389,7 @@ export default class BrowserManagerAbility extends UIAbility {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -422,7 +422,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNInAppBrowserPackage
+### 3.在 ArkTs 侧引入 RNInAppBrowserPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -438,7 +438,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-incall-manager.md b/zh-cn/react-native-incall-manager.md
index 1da65952..c8c83503 100644
--- a/zh-cn/react-native-incall-manager.md
+++ b/zh-cn/react-native-incall-manager.md
@@ -495,7 +495,7 @@ export default function InCallManagerExample() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -506,7 +506,7 @@ export default function InCallManagerExample() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -540,7 +540,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 RNInCallManagerPackage
+### 3.配置 CMakeLists 和引入 RNInCallManagerPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -597,7 +597,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 RNInCallManagerPackage
+### 4.在 ArkTs 侧引入 RNInCallManagerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，或者`entry/src/main/ets/rn/RNPackagesFactory.ts`，添加：
 
@@ -612,7 +612,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index 9ab935dc..8dbdd99d 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -122,7 +122,7 @@ export function KeepAwakeExample() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -171,7 +171,7 @@ cd entry
 ohpm install --no-link
 ```
 
-### 在 ArkTs 侧引入 RNKeepAwakePackage
+### 3.在 ArkTs 侧引入 RNKeepAwakePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -187,7 +187,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-keys.md b/zh-cn/react-native-keys.md
index 22e2b1b2..8465074f 100644
--- a/zh-cn/react-native-keys.md
+++ b/zh-cn/react-native-keys.md
@@ -93,7 +93,7 @@ Keys.secureFor('SECRET_KEY');
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -126,7 +126,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 RNOHKeysPackage
+### 3.配置 CMakeLists 和引入 RNOHKeysPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -185,7 +185,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 RNKeysPackage
+### 4.在 ArkTs 侧引入 RNKeysPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -201,7 +201,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 在 DevEco 创建运行前script（生成加解密代码和编译配置文件）
+### 5.在 DevEco 创建运行前script（生成加解密代码和编译配置文件）
 
 > [!TIP] 如下步骤中添加配置完成时记得点击Apply按钮让配置生效
 
@@ -211,7 +211,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 3. 配置entry -> Before Lunch，点击加号选择 Run Another Configuration， 选择上一步配置的 Shell Script, 并将配置拖动到Hvigor-Build Make上方  
    ![entry config](../img/rnkeys/entry_config.PNG)
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 672e6e3c..518aea60 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -94,7 +94,7 @@ var styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -105,7 +105,7 @@ var styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -139,7 +139,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 LinearGradientPackage
+### 3.配置 CMakeLists 和引入 LinearGradientPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -198,7 +198,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-localization-settings.md b/zh-cn/react-native-localization-settings.md
index fe96e6c9..44374f06 100644
--- a/zh-cn/react-native-localization-settings.md
+++ b/zh-cn/react-native-localization-settings.md
@@ -127,7 +127,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -138,7 +138,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -171,7 +171,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNLocalizationSettingsPackage
+### 3.在 ArkTs 侧引入 RNLocalizationSettingsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -187,7 +187,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index 506af6e3..659628a7 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -125,7 +125,7 @@ export default LocalizeDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -136,7 +136,7 @@ export default LocalizeDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -169,7 +169,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNLocalizePackage
+### 3.在 ArkTs 侧引入 RNLocalizePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -186,7 +186,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-mail.md b/zh-cn/react-native-mail.md
index 3658f68e..60d221eb 100644
--- a/zh-cn/react-native-mail.md
+++ b/zh-cn/react-native-mail.md
@@ -117,7 +117,7 @@ export default class App extends Component {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -128,7 +128,7 @@ export default class App extends Component {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -161,7 +161,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNMailPackage
+### 3.在 ArkTs 侧引入 RNMailPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -177,7 +177,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index 2a48fe8e..665f5a13 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -201,7 +201,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -212,7 +212,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -245,7 +245,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 MapsPackge
+### 3.配置 CMakeLists 和引入 MapsPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -305,7 +305,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```
 
 
-### 在 ArkTs 侧引入 AIRMap 等组件
+### 4.在 ArkTs 侧引入 AIRMap 等组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -414,7 +414,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 MapsPackage
+### 5.在 ArkTs 侧引入 MapsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -430,7 +430,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index 5ecdf11f..2b36bb92 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -109,7 +109,7 @@ export default MaskedDemo
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -120,7 +120,7 @@ export default MaskedDemo
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -154,7 +154,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 MaskedPackage
+### 3.配置 CMakeLists 和引入 MaskedPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -213,7 +213,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-mlkit-ocr.md b/zh-cn/react-native-mlkit-ocr.md
index 9874493c..55d6e930 100644
--- a/zh-cn/react-native-mlkit-ocr.md
+++ b/zh-cn/react-native-mlkit-ocr.md
@@ -144,7 +144,7 @@ export const OcrTest = () => {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -155,7 +155,7 @@ export const OcrTest = () => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -189,7 +189,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 RNMlkitOcrPackage
+### 3.配置 CMakeLists 和引入 RNMlkitOcrPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -246,7 +246,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 RNMlkitOcrPackage
+### 4.在 ArkTs 侧引入 RNMlkitOcrPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -261,7 +261,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 应用权限申请
+### 5.应用权限申请
 
 > [!tip] "ohos.permission.INTERNET"权限等级为<B>normal</B>，授权方式为<B>system_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
@@ -286,7 +286,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-network-info.md b/zh-cn/react-native-network-info.md
index 857c4a5f..d68b387a 100644
--- a/zh-cn/react-native-network-info.md
+++ b/zh-cn/react-native-network-info.md
@@ -163,7 +163,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -174,7 +174,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -207,7 +207,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNNetworkInfoPackage
+### 3.在 ArkTs 侧引入 RNNetworkInfoPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -224,7 +224,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-nfc-manager.md b/zh-cn/react-native-nfc-manager.md
index 77f7bc96..7e2c0cb9 100644
--- a/zh-cn/react-native-nfc-manager.md
+++ b/zh-cn/react-native-nfc-manager.md
@@ -186,7 +186,7 @@ export default class EntryAbility extends RNAbility {
 
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -219,7 +219,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNNfcManagerPackage
+### 3.在 ArkTs 侧引入 RNNfcManagerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -235,7 +235,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index ee534bbc..95009e78 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -229,7 +229,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -278,7 +278,7 @@ cd entry
 ohpm install --no-link
 ```
 
-### 在 ArkTs 侧引入 RNOrientationLockerPackage
+### 3.在 ArkTs 侧引入 RNOrientationLockerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -293,7 +293,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index a08e622d..f90dbd47 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -196,7 +196,7 @@ const styles = StyleSheet.create({
   }
 }
 ```
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -236,7 +236,7 @@ cd entry
 ohpm install --no-link
 ```
 
-### 在 ArkTs 侧引入 RNOrientationPackage
+### 3.在 ArkTs 侧引入 RNOrientationPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -252,7 +252,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index ee73216a..5c99bcec 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -84,7 +84,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -118,7 +118,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ViewPagerPackage
+### 3.配置 CMakeLists 和引入 ViewPagerPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -173,7 +173,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 ViewPagerPackage
+### 4.在 ArkTs 侧引入 ViewPagerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -191,7 +191,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index 23f23036..9783a4f3 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -93,7 +93,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -104,7 +104,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -137,7 +137,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 PdfViewPackage
+### 3.配置 CMakeLists 和引入 PdfViewPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -194,7 +194,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 RTNPdfView 组件
+### 4.在 ArkTs 侧引入 RTNPdfView 组件
 
 找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -230,7 +230,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-performance.md b/zh-cn/react-native-performance.md
index 8d20ef7d..2078a664 100644
--- a/zh-cn/react-native-performance.md
+++ b/zh-cn/react-native-performance.md
@@ -205,7 +205,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -216,7 +216,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -249,7 +249,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNPerformancePackage
+### 3.在 ArkTs 侧引入 RNPerformancePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -265,7 +265,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index 69a26e24..ca396516 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -121,7 +121,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -132,7 +132,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -166,7 +166,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 PermissionsPackage
+### 3.配置 CMakeLists 和引入 PermissionsPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -228,7 +228,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 PermissionsPackage
+### 4.在 ArkTs 侧引入 PermissionsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -243,7 +243,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-picker-picker(nocodegen).md b/zh-cn/react-native-picker-picker(nocodegen).md
index 996d94b5..a93e4321 100644
--- a/zh-cn/react-native-picker-picker(nocodegen).md
+++ b/zh-cn/react-native-picker-picker(nocodegen).md
@@ -71,7 +71,7 @@ export const PickerExample = ()=>{
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -82,7 +82,7 @@ export const PickerExample = ()=>{
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -116,7 +116,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 PickerPackge
+### 3.配置 CMakeLists 和引入 PickerPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -175,7 +175,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 picker 组件
+### 4.在 ArkTs 侧引入 picker 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -210,7 +210,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 RNCPickerPackage
+### 5.在 ArkTs 侧引入 RNCPickerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -226,7 +226,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 在右上角选择 entry 模块，运行即可。
 
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index d8392264..5e5881d9 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -74,7 +74,7 @@ export const PickerExample = ()=>{
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -85,7 +85,7 @@ export const PickerExample = ()=>{
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -119,7 +119,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 picker 组件
+### 3.在 ArkTs 侧引入 picker 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -154,7 +154,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 RNCPickerPackage
+### 4.在 ArkTs 侧引入 RNCPickerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -170,7 +170,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-print.md b/zh-cn/react-native-print.md
index 1ead5f2a..a1764322 100644
--- a/zh-cn/react-native-print.md
+++ b/zh-cn/react-native-print.md
@@ -120,7 +120,7 @@ export default function RNPrint(): JSX.Element {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -131,7 +131,7 @@ export default function RNPrint(): JSX.Element {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -164,7 +164,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNPrintPackage
+### 3.在 ArkTs 侧引入 RNPrintPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -180,7 +180,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index 43617fbc..b7482989 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -150,7 +150,18 @@ const styles = StyleSheet.create({
 
 如未引入请参照[@react-native-oh-tpl/react-native-vision-camera](/zh-cn/react-native-vision-camera.md)进行引入
 
-### 引入原生端代码
+## 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -183,7 +194,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNQrDecodeImageCameraPackage
+### 3.在 ArkTs 侧引入 RNQrDecodeImageCameraPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -200,7 +211,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 在 ArkTs 侧引入 Fabric 组件
+### 4.在 ArkTs 侧引入 Fabric 组件
 
 找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
 
@@ -222,7 +233,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-quick-base64.md b/zh-cn/react-native-quick-base64.md
index 9619f1e3..4b605dc8 100644
--- a/zh-cn/react-native-quick-base64.md
+++ b/zh-cn/react-native-quick-base64.md
@@ -431,7 +431,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -442,7 +442,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -476,7 +476,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 GestureHandlerPackage
+### 3.配置 CMakeLists 和引入 GestureHandlerPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -533,7 +533,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 Gesture Handler Package
+### 4.在 ArkTs 侧引入 Gesture Handler Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -548,7 +548,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index 0c24a87b..1cada9ba 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -112,7 +112,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -123,7 +123,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -156,7 +156,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RandomBytesPackage
+### 3.在 ArkTs 侧引入 RandomBytesPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -172,7 +172,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index 62e5476d..47231db4 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -109,7 +109,18 @@ export default function App() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -143,7 +154,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ReanimatedPackage
+### 3.配置 CMakeLists 和引入 ReanimatedPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -193,7 +204,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 ReanimatedPackage
+### 4.在 ArkTs 侧引入 ReanimatedPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -209,7 +220,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-restart.md b/zh-cn/react-native-restart.md
index 6e68e3dc..f9a8baf7 100644
--- a/zh-cn/react-native-restart.md
+++ b/zh-cn/react-native-restart.md
@@ -87,7 +87,7 @@ const styles = StyleSheet.create({
 目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -98,7 +98,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -131,7 +131,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNRestartPackage
+### 3.在 ArkTs 侧引入 RNRestartPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index 37ce3589..09ce09df 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -73,7 +73,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -84,7 +84,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -118,7 +118,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 SafeAreaViewPackage
+### 3.配置 CMakeLists 和引入 SafeAreaViewPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -178,7 +178,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 SafeAreaViewPackage
+### 4.在 ArkTs 侧引入 SafeAreaViewPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -195,7 +195,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-screenshot-prevent.md b/zh-cn/react-native-screenshot-prevent.md
index 7423ff58..932d6d9d 100644
--- a/zh-cn/react-native-screenshot-prevent.md
+++ b/zh-cn/react-native-screenshot-prevent.md
@@ -76,7 +76,7 @@ useEffect(() => {
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -87,7 +87,7 @@ useEffect(() => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -120,7 +120,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNScreenShotPreventPackage
+### 3.在 ArkTs 侧引入 RNScreenShotPreventPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -136,7 +136,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-securerandom.md b/zh-cn/react-native-securerandom.md
index 74b1d45a..97c66083 100644
--- a/zh-cn/react-native-securerandom.md
+++ b/zh-cn/react-native-securerandom.md
@@ -92,7 +92,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json` 添加 overrides字段
 
 ```json
 {
@@ -103,7 +103,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -136,7 +136,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 SecureRandomPackage
+### 3.在 ArkTs 侧引入 SecureRandomPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -152,7 +152,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-send-intent.md b/zh-cn/react-native-send-intent.md
index cf471a03..245c1d09 100644
--- a/zh-cn/react-native-send-intent.md
+++ b/zh-cn/react-native-send-intent.md
@@ -148,7 +148,7 @@ export default SendIntent;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -159,7 +159,7 @@ export default SendIntent;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -191,7 +191,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNSendIntentPackage
+### 3.在 ArkTs 侧引入 RNSendIntentPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -208,7 +208,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-sensitive-info.md b/zh-cn/react-native-sensitive-info.md
index 3032c083..af4f2a39 100644
--- a/zh-cn/react-native-sensitive-info.md
+++ b/zh-cn/react-native-sensitive-info.md
@@ -134,7 +134,7 @@ export default SensitiveInfoDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -145,7 +145,7 @@ export default SensitiveInfoDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -179,7 +179,8 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-在 ArkTs 侧引入 RNSensitiveInfoPackage 
+### 3.在 ArkTs 侧引入 RNSensitiveInfoPackage 
+
 打开 entry/src/main/ets/组件RNPackagesFactory.ts，添加：
 
 ```diff
@@ -196,7 +197,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 35444d50..cff9a825 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -97,7 +97,7 @@ setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -108,7 +108,7 @@ setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -141,7 +141,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 SensorsPackage
+### 3.在 ArkTs 侧引入 SensorsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -157,7 +157,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-shake.md b/zh-cn/react-native-shake.md
index f687fab2..46720912 100644
--- a/zh-cn/react-native-shake.md
+++ b/zh-cn/react-native-shake.md
@@ -81,7 +81,7 @@ export const myComponent = (setResult: React.Dispatch<React.SetStateAction<strin
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -92,7 +92,7 @@ export const myComponent = (setResult: React.Dispatch<React.SetStateAction<strin
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -126,7 +126,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)。
 
 
-### 在 ArkTs 侧引入 ShakePackage
+### 3.在 ArkTs 侧引入 ShakePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -143,7 +143,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-share.md b/zh-cn/react-native-share.md
index deb83699..0bbf66c8 100644
--- a/zh-cn/react-native-share.md
+++ b/zh-cn/react-native-share.md
@@ -91,7 +91,7 @@ yarn add @react-native-oh-tpl/react-native-share@file:#
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
 
 ```json
 {
@@ -102,7 +102,7 @@ yarn add @react-native-oh-tpl/react-native-share@file:#
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -138,7 +138,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNSharePackage
+### 3.在 ArkTs 侧引入 RNSharePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -153,7 +153,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-signature-capture.md b/zh-cn/react-native-signature-capture.md
index 638ee4ac..dac4267d 100644
--- a/zh-cn/react-native-signature-capture.md
+++ b/zh-cn/react-native-signature-capture.md
@@ -144,7 +144,7 @@ AppRegistry.registerComponent('RNSignatureExample', () => RNSignatureExample);
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -155,7 +155,7 @@ AppRegistry.registerComponent('RNSignatureExample', () => RNSignatureExample);
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -188,7 +188,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 SignatureCaptureArkView 组件
+### 3.在 ArkTs 侧引入 SignatureCaptureArkView 组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -223,7 +223,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 SignatureCapturePackage
+### 4.在 ArkTs 侧引入 SignatureCapturePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -239,7 +239,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-skia.md b/zh-cn/react-native-skia.md
index ff910262..08021d9b 100644
--- a/zh-cn/react-native-skia.md
+++ b/zh-cn/react-native-skia.md
@@ -71,7 +71,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -82,7 +82,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -115,7 +115,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 xxxPackge
+### 3.配置 CMakeLists 和引入 xxxPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -174,7 +174,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 SkiaDomView 组件
+### 4.在 ArkTs 侧引入 SkiaDomView 组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -209,7 +209,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 RNSkiaPackage
+### 5.在 ArkTs 侧引入 RNSkiaPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -225,7 +225,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-snackbar.md b/zh-cn/react-native-snackbar.md
index 37957afd..2942fbf6 100644
--- a/zh-cn/react-native-snackbar.md
+++ b/zh-cn/react-native-snackbar.md
@@ -95,7 +95,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
 
 ```json
 {
@@ -106,7 +106,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -139,7 +139,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNSnackbarPackage
+### 3.在 ArkTs 侧引入 RNSnackbarPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -155,7 +155,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index d596818a..a32530eb 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -162,7 +162,7 @@ export default SoundDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -173,7 +173,7 @@ export default SoundDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -206,7 +206,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 SoundPackge
+### 3.配置 CMakeLists 和引入 SoundPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -261,7 +261,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 SoundPackage
+### 4.在 ArkTs 侧引入 SoundPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -277,7 +277,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md
index 0cc231d9..a1cd9afb 100644
--- a/zh-cn/react-native-spinkit.md
+++ b/zh-cn/react-native-spinkit.md
@@ -76,7 +76,7 @@ export default SpinKit;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -87,7 +87,7 @@ export default SpinKit;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -121,7 +121,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 SpinKitView 组件
+### 3.在 ArkTs 侧引入 SpinKitView 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -154,7 +154,7 @@ const arkTsComponentNames: Array<string> = [
 + SpinKitView.NAME
   ];
 ```
-### 在 ArkTs 侧引入 SpinKitPackage Package
+### 4.在 ArkTs 侧引入 SpinKitPackage Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -170,7 +170,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md
index 27860fec..9ee343b1 100644
--- a/zh-cn/react-native-splash-screen.md
+++ b/zh-cn/react-native-splash-screen.md
@@ -107,7 +107,7 @@ export default class WelcomePage extends Component {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -118,7 +118,7 @@ export default class WelcomePage extends Component {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -151,7 +151,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 SplashScreenPackage
+### 3.在 ArkTs 侧引入 SplashScreenPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -167,7 +167,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
index 36d5e546..f0fc44ed 100644
--- a/zh-cn/react-native-spring-scrollview.md
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -107,7 +107,7 @@ export default class ScrollToAndOnScrollExample extends React.Component {
 
 如为引入请参考[@react-native-oh-tpl/lottie-react-native文档的link章节](/zh-cn/lottie-react-native.md#link)进行引入
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -118,7 +118,7 @@ export default class ScrollToAndOnScrollExample extends React.Component {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -151,7 +151,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 SpringScrollViewPackge
+### 3.配置 CMakeLists 和引入 SpringScrollViewPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -210,7 +210,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 SpringScrollViewPackage
+### 4.在 ArkTs 侧引入 SpringScrollViewPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -232,7 +232,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 + const arkTsComponentNames: Array<string> =["SampleView","GeneratedSampleView","PropsDisplayer","LottieAnimationView"];
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index 2620f9c1..efdf9edb 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -528,7 +528,7 @@ export default SQLiteDemo;
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -539,7 +539,7 @@ export default SQLiteDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -573,7 +573,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 SQLitePluginPackage
+### 3.在 ArkTs 侧引入 SQLitePluginPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -589,7 +589,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 5d4d7cf2..1c953c05 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -72,7 +72,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -83,7 +83,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -116,7 +116,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 SVGPackage
+### 3.配置 CMakeLists 和引入 SVGPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -175,7 +175,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 SvgPackage
+### 4.在 ArkTs 侧引入 SvgPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -191,7 +191,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index 8e9af356..0db05f3f 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -61,7 +61,7 @@ import Svg, { Path } from "react-native-svg";
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -72,7 +72,7 @@ import Svg, { Path } from "react-native-svg";
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -106,7 +106,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 SVGPackage
+### 3.配置 CMakeLists 和引入 SVGPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -165,7 +165,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 SVG 组件
+### 4.在 ArkTs 侧引入 SVG 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -194,7 +194,7 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index 7fbaf972..0c1f662b 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -166,7 +166,7 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmonyOS`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -177,7 +177,7 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -210,7 +210,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入SyanImagePickerPackage
+### 3.在 ArkTs 侧引入SyanImagePickerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -226,7 +226,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-system-setting.md b/zh-cn/react-native-system-setting.md
index e79a582c..c152a6fc 100644
--- a/zh-cn/react-native-system-setting.md
+++ b/zh-cn/react-native-system-setting.md
@@ -164,7 +164,7 @@ export default SystemSettingDemo
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -175,7 +175,7 @@ export default SystemSettingDemo
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -209,7 +209,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 RNSystemSettingPackage
+### 3.在 ArkTs 侧引入 RNSystemSettingPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -225,7 +225,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-text-gradient.md b/zh-cn/react-native-text-gradient.md
index 003ae515..8f9df35f 100644
--- a/zh-cn/react-native-text-gradient.md
+++ b/zh-cn/react-native-text-gradient.md
@@ -97,7 +97,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -108,7 +108,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -141,7 +141,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 LinearTextGradientPackge
+### 3.配置 CMakeLists 和引入 LinearTextGradientPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -200,7 +200,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 LinearTextGradientPackage
+### 4.在 ArkTs 侧引入 LinearTextGradientPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -216,7 +216,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index 67f0698f..6f36027d 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -195,7 +195,18 @@ export default function TextSizeExample() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 引入原生端代码
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -228,7 +239,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 RNTextSizePackage
+### 3.配置 CMakeLists 和引入 RNTextSizePackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -282,7 +293,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 RNTextSizePackage
+### 4.在 ArkTs 侧引入 RNTextSizePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -298,7 +309,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-textinput-maxlength-fixed.md b/zh-cn/react-native-textinput-maxlength-fixed.md
index 237c5faf..8eeb16e7 100644
--- a/zh-cn/react-native-textinput-maxlength-fixed.md
+++ b/zh-cn/react-native-textinput-maxlength-fixed.md
@@ -92,7 +92,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -103,7 +103,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -128,7 +128,7 @@ const styles = StyleSheet.create({
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNTextinputMaxlengthFixedPackage
+### 3.在 ArkTs 侧引入 RNTextinputMaxlengthFixedPackage
 
 打开 `entry/src/main/ets/rn/RNPackagesFactory.ts`，添加：
 
diff --git a/zh-cn/react-native-theme-control.md b/zh-cn/react-native-theme-control.md
index 1ed9d369..6e9a0495 100644
--- a/zh-cn/react-native-theme-control.md
+++ b/zh-cn/react-native-theme-control.md
@@ -111,7 +111,7 @@ useThemePreference(): {themePreference}
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -122,7 +122,7 @@ useThemePreference(): {themePreference}
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -157,7 +157,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 RNThemeControlPackage
+### 3.在 ArkTs 侧引入 RNThemeControlPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -173,7 +173,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 在 entry/src/main/ets/abilityStage   新建MyAbilityStage.ets
+### 4.在 entry/src/main/ets/abilityStage   新建MyAbilityStage.ets
 
 打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
 ```diff
@@ -198,7 +198,7 @@ export default class MyAbilityStage extends AbilityStage {
   }
 }
 ```
-### 在 entry/src/main/ets/entryability/EntryAbility.ets  配置生命周期调用 
+### 5.在 entry/src/main/ets/entryability/EntryAbility.ets  配置生命周期调用 
 
 打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
 ```diff
@@ -217,7 +217,7 @@ export default class MyAbilityStage extends AbilityStage {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index cecc9ccd..bed35161 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -88,7 +88,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -99,7 +99,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -133,7 +133,7 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 TouchIdPackage
+### 3.在 ArkTs 侧引入 TouchIdPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -149,7 +149,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-track-player.md b/zh-cn/react-native-track-player.md
index 5d0a2268..334cd0dc 100644
--- a/zh-cn/react-native-track-player.md
+++ b/zh-cn/react-native-track-player.md
@@ -143,7 +143,7 @@ export default TrackPlayerDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -154,7 +154,7 @@ export default TrackPlayerDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -187,7 +187,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNTrackPlayerPackage
+### 3.在 ArkTs 侧引入 RNTrackPlayerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -203,7 +203,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-tts.md b/zh-cn/react-native-tts.md
index f66c1224..2295efcb 100644
--- a/zh-cn/react-native-tts.md
+++ b/zh-cn/react-native-tts.md
@@ -192,7 +192,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -203,7 +203,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -236,7 +236,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNTTSPackage
+### 3.在 ArkTs 侧引入 RNTTSPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -253,7 +253,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-udp.md b/zh-cn/react-native-udp.md
index 746b679e..ade3443c 100644
--- a/zh-cn/react-native-udp.md
+++ b/zh-cn/react-native-udp.md
@@ -168,7 +168,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -179,7 +179,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -214,7 +214,7 @@ ohpm install
 
 
 
-### 在 ArkTs 侧引入 RNUdpPackage
+### 3.在 ArkTs 侧引入 RNUdpPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -231,7 +231,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-ui-lib.md b/zh-cn/react-native-ui-lib.md
index b45c7668..490f1a8b 100644
--- a/zh-cn/react-native-ui-lib.md
+++ b/zh-cn/react-native-ui-lib.md
@@ -125,7 +125,7 @@ class MyScreen extends Component {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -136,7 +136,7 @@ class MyScreen extends Component {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -169,7 +169,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 UiLibPackage
+### 3.配置 CMakeLists 和引入 UiLibPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -228,7 +228,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 HighlighterView组件
+### 4.在 ArkTs 侧引入 HighlighterView组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -263,7 +263,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 UiLibPackage
+### 5.在 ArkTs 侧引入 UiLibPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -279,7 +279,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-unitsyles.md b/zh-cn/react-native-unitsyles.md
index e114d543..36c101c3 100644
--- a/zh-cn/react-native-unitsyles.md
+++ b/zh-cn/react-native-unitsyles.md
@@ -381,7 +381,7 @@ const autoGuidelinePlugin: UnistylesPlugin = {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -392,7 +392,7 @@ const autoGuidelinePlugin: UnistylesPlugin = {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -425,7 +425,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 UnistylesPackage
+### 3.配置 CMakeLists 和引入 UnistylesPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -484,7 +484,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 RNUnistylesPackage
+### 4.在 ArkTs 侧引入 RNUnistylesPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -500,7 +500,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-user-agent.md b/zh-cn/react-native-user-agent.md
index 394ee73b..f9329aaa 100644
--- a/zh-cn/react-native-user-agent.md
+++ b/zh-cn/react-native-user-agent.md
@@ -95,7 +95,7 @@ export default function UserAgentExample() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -106,7 +106,7 @@ export default function UserAgentExample() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -139,7 +139,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNUserAgentPackage
+### 3.在 ArkTs 侧引入 RNUserAgentPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -155,7 +155,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-version-number.md b/zh-cn/react-native-version-number.md
index 5f815bef..9dbad354 100644
--- a/zh-cn/react-native-version-number.md
+++ b/zh-cn/react-native-version-number.md
@@ -69,7 +69,7 @@ export default function () {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -80,7 +80,7 @@ export default function () {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -114,7 +114,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNVersionNumberPackage
+### 3.在 ArkTs 侧引入 RNVersionNumberPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -130,7 +130,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index 37ee38ed..62b4f909 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -97,7 +97,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -108,7 +108,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -157,7 +157,7 @@ cd entry
 ohpm install --no-link
 ```
 
-### 在 ArkTs 侧引入 RNVideoCachePackage
+### 3.在 ArkTs 侧引入 RNVideoCachePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -173,7 +173,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index f0526686..fc181999 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -401,6 +401,8 @@ export default RNCVideoDemo;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
 ```json
 {
   ...
@@ -409,7 +411,8 @@ export default RNCVideoDemo;
   }
 }
 ```
-### 引入原生端代码
+
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -443,7 +446,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 RNCVideoPackage
+### 3.配置 CMakeLists 和引入 RNCVideoPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -502,7 +505,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 RNCVideo 组件
+### 4.在 ArkTs 侧引入 RNCVideo 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -535,7 +538,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 RNCVideoPackage
+### 5.在 ArkTs 侧引入 RNCVideoPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -551,7 +554,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-view-pdf.md b/zh-cn/react-native-view-pdf.md
index d49f672e..fb55afcc 100644
--- a/zh-cn/react-native-view-pdf.md
+++ b/zh-cn/react-native-view-pdf.md
@@ -70,7 +70,7 @@ export function PdfViewExample() {
 
 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
 
-### 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
 
 ```json
 {
@@ -81,7 +81,7 @@ export function PdfViewExample() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -114,7 +114,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNPDFView 组件
+### 3.在 ArkTs 侧引入 RNPDFView 组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -149,7 +149,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 PDFViewPackage
+### 4.在 ArkTs 侧引入 PDFViewPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -165,7 +165,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index 5857b2c4..222a9f8f 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -118,7 +118,7 @@ export function ViewShotDemo() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -129,7 +129,7 @@ export function ViewShotDemo() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -163,7 +163,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 ViewShotPackage
+### 3.配置 CMakeLists 和引入 ViewShotPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -211,7 +211,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 ViewShotPackage
+### 4.在 ArkTs 侧引入 ViewShotPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -226,7 +226,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index 1a0e07c3..186ae4e8 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -99,7 +99,7 @@ export default function VisionCameraDemo() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -110,7 +110,7 @@ export default function VisionCameraDemo() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -143,7 +143,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 xxxPackge
+### 3.配置 CMakeLists 和引入 xxxPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -204,7 +204,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 VisionCameraView 组件
+### 4.在 ArkTs 侧引入 VisionCameraView 组件
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -235,7 +235,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 
 
 
-### 在 ArkTs 侧引入 VisionCameraModulePackage
+### 5.在 ArkTs 侧引入 VisionCameraModulePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -251,7 +251,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-voice-voice.md b/zh-cn/react-native-voice-voice.md
index 4fea83a5..b979f1ce 100644
--- a/zh-cn/react-native-voice-voice.md
+++ b/zh-cn/react-native-voice-voice.md
@@ -369,7 +369,7 @@ export default VoiceTest;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -380,7 +380,7 @@ export default VoiceTest;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -413,7 +413,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNVoicePackage
+### 3.在 ArkTs 侧引入 RNVoicePackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -430,7 +430,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 8f78089a..60077604 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -58,7 +58,7 @@ export default function WebViewDemo() {
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -69,7 +69,7 @@ export default function WebViewDemo() {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -103,7 +103,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 WebViewPackage
+### 3.配置 CMakeLists 和引入 WebViewPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -161,7 +161,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 webview 组件
+### 4.在 ArkTs 侧引入 webview 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -201,7 +201,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 在 ArkTs 侧引入 WebViewPackage
+### 5.在 ArkTs 侧引入 WebViewPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -218,7 +218,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 6.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-worklets-core.md b/zh-cn/react-native-worklets-core.md
index 462b02b0..6b14a106 100644
--- a/zh-cn/react-native-worklets-core.md
+++ b/zh-cn/react-native-worklets-core.md
@@ -106,7 +106,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -117,7 +117,7 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -150,7 +150,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 Worklets
+### 3.配置 CMakeLists 和引入 Worklets
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -209,7 +209,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 在 ArkTs 侧引入 WorkletsPackage
+### 4.在 ArkTs 侧引入 WorkletsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -225,7 +225,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index 35400557..29d788be 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -410,7 +410,7 @@ const styles = StyleSheet.create({
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -420,7 +420,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -453,7 +453,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入zipArchive
+### 3.配置 CMakeLists 和引入zipArchive
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -481,7 +481,7 @@ add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
 
 ```
 
-### 在 ArkTs 侧引入 ZipArchivePackage
+### 4.在 ArkTs 侧引入 ZipArchivePackage
 
 打开 `entry/src/main/cpp/RNPackagesFactory.ts`，添加：
 
@@ -496,7 +496,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/remobile-react-native-toast.md b/zh-cn/remobile-react-native-toast.md
index 3fb7999d..88553926 100644
--- a/zh-cn/remobile-react-native-toast.md
+++ b/zh-cn/remobile-react-native-toast.md
@@ -114,7 +114,7 @@ export default ToastMasterDemo;
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
@@ -125,7 +125,7 @@ export default ToastMasterDemo;
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -158,7 +158,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 ToastPackage
+### 3.在 ArkTs 侧引入 ToastPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -174,7 +174,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index 817de462..9e4c3653 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -70,7 +70,7 @@ const MyList = () => {
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
 ```json
 {
@@ -81,7 +81,7 @@ const MyList = () => {
 }
 ```
 
-### 引入原生端代码
+### 2.引入原生端代码
 
 目前有两种方法：
 
@@ -114,7 +114,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 配置 CMakeLists 和引入 FlashListPackage
+### 3.配置 CMakeLists 和引入 FlashListPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -173,7 +173,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 

From 972e70bcea68e7c74e775125c6eced382d8959f8 Mon Sep 17 00:00:00 2001
From: zogpap <zogpap@163.com>
Date: Thu, 12 Sep 2024 06:58:46 +0000
Subject: [PATCH 527/966] =?UTF-8?q?!1505=20docs:=20[#IAQBBJ]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-audio-recorder-player=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAQBBJ]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-audio-recorder-player=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                   |   6 +-
 zh-cn/README.md                             |   6 +-
 zh-cn/react-native-audio-recorder-player.md | 722 ++++++++++++++++++++
 3 files changed, 728 insertions(+), 6 deletions(-)
 create mode 100644 zh-cn/react-native-audio-recorder-player.md

diff --git a/README.md b/README.md
index 54817608..3df5c4fc 100644
--- a/README.md
+++ b/README.md
@@ -334,7 +334,7 @@
 | 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 304  | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                                          | 1.2.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 |[@react-native-oh-tpl/react-native-audio-recorder-player](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)                               | [链接](/zh-cn/react-native-audio-recorder-player.md)                                                         |
 | 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 307  | [react-native-notifier](https://github.com/seniv/react-native-notifier)                                                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -361,7 +361,7 @@
 | 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu)                                              | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-menu.md)                   |
 | 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 331  | [galio-framework](https://github.com/galio-org/galio)                                                                         | 0.8.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | 否                 | [@react-native-oh-tpl/react-native-incall-manager](https://github.com/react-native-oh-library/react-native-incall-manager/releases)                               | [链接](/zh-cn/react-native-incall-manager.md)                                                         |
 | 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)                                               | 6.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)                              | 0.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -382,7 +382,7 @@
 | 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access)                                             | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading)                                      | 1.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 是                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [链接](/zh-cn/react-native-mlkit-ocr.md)                                                          |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 6.2.11         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index e2f4ed0b..12bb6ab6 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -334,7 +334,7 @@
 | 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 304  | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                                          | 1.2.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 | [@react-native-oh-tpl/react-native-audio-recorder-player](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)                               | [链接](/zh-cn/react-native-audio-recorder-player.md)                                                          |
 | 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 307  | [react-native-notifier](https://github.com/seniv/react-native-notifier)                                                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -361,7 +361,7 @@
 | 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu)                                              | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-menu.md)                   |
 | 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 331  | [galio-framework](https://github.com/galio-org/galio)                                                                         | 0.8.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | 否                 | [@react-native-oh-tpl/react-native-incall-manager](https://github.com/react-native-oh-library/react-native-incall-manager/releases)                               | [链接](/zh-cn/react-native-incall-manager.md)                                                         |
 | 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)                                               | 6.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)                              | 0.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -382,7 +382,7 @@
 | 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access)                                             | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading)                                      | 1.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 是                | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [链接](/zh-cn/react-native-mlkit-ocr.md)                                                         |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 6.2.11         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
diff --git a/zh-cn/react-native-audio-recorder-player.md b/zh-cn/react-native-audio-recorder-player.md
new file mode 100644
index 00000000..50fb1e13
--- /dev/null
+++ b/zh-cn/react-native-audio-recorder-player.md
@@ -0,0 +1,722 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-audio-recorder-player</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/hyochan/react-native-audio-recorder-player">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/hyochan/react-native-audio-recorder-player/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-recorder-player)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!tip] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-audio-recorder-player@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-audio-recorder-player@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import AudioRecorderPlayer, {
+    AVEncoderAudioQualityIOSType,
+    AVEncodingOption,
+    AudioEncoderAndroidType,
+    AudioSourceAndroidType,
+    OutputFormatAndroidType,
+} from 'react-native-audio-recorder-player'; import type {
+    PlayBackType,
+    RecordBackType,
+} from 'react-native-audio-recorder-player';
+import { AudioMimeHarmonyType, AudioFormatHarmonyType, AudioSourceHarmonyType, AudioSet } from "@react-native-oh-tpl/react-native-audio-recorder-player";
+
+import {
+    Dimensions,
+    Platform,
+    ActivityIndicator,
+    Image,
+    SafeAreaView,
+    StyleSheet,
+    Text,
+    TouchableOpacity,
+    View,
+} from 'react-native';
+import React, { Component } from 'react';
+
+import type { ReactElement, ReactNode } from 'react';
+
+const stylesButton: any = StyleSheet.create({
+    btn: {
+        backgroundColor: 'transparent',
+        alignSelf: 'center',
+        borderRadius: 4,
+        borderWidth: 2,
+        width: 320,
+        height: 52,
+        borderColor: 'white',
+
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    btnDisabled: {
+        backgroundColor: 'rgb(243,243,243)',
+        alignSelf: 'center',
+        borderRadius: 4,
+        borderWidth: 2,
+        width: 320,
+        height: 52,
+        borderColor: '#333',
+
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    txt: {
+        fontSize: 14,
+        color: 'white',
+    },
+    imgLeft: {
+        width: 24,
+        height: 24,
+        position: 'absolute',
+        left: 16,
+    },
+});
+
+interface ItemProps {
+    children?: ReactNode;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    onPress?: () => void;
+    style?: any;
+    disabledStyle?: any;
+    textStyle?: any;
+    imgLeftSrc?: any;
+    imgLeftStyle?: any;
+    indicatorColor?: string;
+    activeOpacity?: number;
+}
+
+class Button extends Component<ItemProps, any> {
+    private static defaultProps: Partial<ItemProps> = {
+        isLoading: false,
+        isDisabled: false,
+        style: stylesButton.btn,
+        textStyle: stylesButton.txt,
+        imgLeftStyle: stylesButton.imgLeft,
+        indicatorColor: 'white',
+        activeOpacity: 0.5,
+    };
+
+    constructor(props: ItemProps) {
+        super(props);
+        this.state = {};
+    }
+
+    public render(): ReactElement {
+        if (this.props.isDisabled) {
+            return (
+                <View style={this.props.disabledStyle}>
+                    <Text style={this.props.textStyle}>{this.props.children}</Text>
+                </View>
+            );
+        }
+
+        if (this.props.isLoading) {
+            return (
+                <View style={this.props.style}>
+                    <ActivityIndicator size="small" color={this.props.indicatorColor} />
+                </View>
+            );
+        }
+
+        return (
+            <TouchableOpacity
+                activeOpacity={this.props.activeOpacity}
+                onPress={this.props.onPress}>
+                <View style={this.props.style}>
+                    {this.props.imgLeftSrc ? (
+                        <Image
+                            style={this.props.imgLeftStyle}
+                            source={this.props.imgLeftSrc}
+                        />
+                    ) : null}
+                    <Text style={this.props.textStyle}>{this.props.children}</Text>
+                </View>
+            </TouchableOpacity>
+        );
+    }
+}
+
+const styles: any = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#455A64',
+        flexDirection: 'column',
+        alignItems: 'center',
+        height: Dimensions.get('screen').height
+    },
+    titleTxt: {
+        marginTop: 100,
+        color: 'white',
+        fontSize: 28,
+    },
+    viewRecorder: {
+        marginTop: 40,
+        width: '100%',
+        alignItems: 'center',
+    },
+    recordBtnWrapper: {
+        flexDirection: 'row',
+    },
+    viewPlayer: {
+        marginTop: 60,
+        alignSelf: 'stretch',
+        alignItems: 'center',
+    },
+    viewBarWrapper: {
+        marginTop: 28,
+        marginHorizontal: 28,
+        alignSelf: 'stretch',
+    },
+    viewBar: {
+        backgroundColor: '#ccc',
+        height: 4,
+        alignSelf: 'stretch',
+    },
+    viewBarPlay: {
+        backgroundColor: 'white',
+        height: 4,
+        width: 0,
+    },
+    playStatusTxt: {
+        marginTop: 8,
+        color: '#ccc',
+    },
+    playBtnWrapper: {
+        flexDirection: 'row',
+        marginTop: 40,
+    },
+    btn: {
+        borderColor: 'white',
+        borderWidth: 1,
+    },
+    txt: {
+        color: 'white',
+        fontSize: 14,
+        marginHorizontal: 8,
+        marginVertical: 4,
+    },
+    txtRecordCounter: {
+        marginTop: 32,
+        color: 'white',
+        fontSize: 20,
+        textAlignVertical: 'center',
+        fontWeight: '200',
+        fontFamily: 'Helvetica Neue',
+        letterSpacing: 3,
+        width: 300
+    },
+    txtCounter: {
+        marginTop: 12,
+        color: 'white',
+        fontSize: 20,
+        textAlignVertical: 'center',
+        fontWeight: '200',
+        fontFamily: 'Helvetica Neue',
+        letterSpacing: 3,
+        width: 300
+    },
+});
+
+interface State {
+    isLoggingIn: boolean;
+    recordSecs: number;
+    recordTime: string;
+    currentPositionSec: number;
+    currentDurationSec: number;
+    playTime: string;
+    duration: string;
+}
+
+const screenWidth = Dimensions.get('screen').width;
+
+class Page extends Component<any, State> {
+    private audioRecorderPlayer
+
+    constructor(props: any) {
+        super(props);
+        this.state = {
+            isLoggingIn: false,
+            recordSecs: 0,
+            recordTime: '00:00:00',
+            currentPositionSec: 0,
+            currentDurationSec: 0,
+            playTime: '00:00:00',
+            duration: '00:00:00',
+        };
+
+        this.audioRecorderPlayer = new AudioRecorderPlayer()
+        this.audioRecorderPlayer.setSubscriptionDuration(0.5); // optional. Default is 0.5
+    }
+
+    public render(): ReactElement {
+        let playWidth =
+            (this.state.currentPositionSec / this.state.currentDurationSec) *
+            (screenWidth - 56);
+
+        if (!playWidth) {
+            playWidth = 0;
+        }
+
+        return (
+            <SafeAreaView style={styles.container}>
+                <Text style={styles.titleTxt}>Audio Recorder Player</Text>
+                <Text style={styles.txtRecordCounter}>{this.state.recordTime}</Text>
+                <View style={styles.viewRecorder}>
+                    <View style={styles.recordBtnWrapper}>
+                        <Button
+                            style={styles.btn}
+                            onPress={this.onStartRecord}
+                            textStyle={styles.txt}>
+                            startRecord
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onPauseRecord}
+                            textStyle={styles.txt}>
+                            Pause
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onResumeRecord}
+                            textStyle={styles.txt}>
+                            Resume
+                        </Button>
+                        <Button
+                            style={[styles.btn, { marginLeft: 12 }]}
+                            onPress={this.onStopRecord}
+                            textStyle={styles.txt}>
+                            Stop
+                        </Button>
+                    </View>
+                </View>
+                <View style={styles.viewPlayer}>
+                    <TouchableOpacity
+                        style={styles.viewBarWrapper}
+                        onPress={this.onStatusPress}>
+                        <View style={styles.viewBar}>
+                            <View style={[styles.viewBarPlay, { width: playWidth }]} />
+                        </View>
+                    </TouchableOpacity>
+                    <Text style={styles.txtCounter}>
+                        {this.state.playTime} / {this.state.duration}
+                    </Text>
+                    <View style={styles.playBtnWrapper}>
+                        <Button
+                            style={styles.btn}
+                            onPress={this.onStartPlay}
+                            textStyle={styles.txt}>
+                            Play
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onPausePlay}
+                            textStyle={styles.txt}>
+                            Pause
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onResumePlay}
+                            textStyle={styles.txt}>
+                            Resume
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onStopPlay}
+                            textStyle={styles.txt}>
+                            Stop
+                        </Button>
+                    </View>
+                </View>
+            </SafeAreaView>
+        );
+    }
+
+    private onStatusPress = (e: any): void => {
+        const touchX = e.nativeEvent.locationX;
+        console.log(`touchX: ${touchX}`);
+
+        const playWidth =
+            (this.state.currentPositionSec / this.state.currentDurationSec) *
+            (screenWidth - 56);
+        console.log(`currentPlayWidth: ${playWidth}`);
+
+        const currentPosition = Math.round(this.state.currentPositionSec);
+
+        if (playWidth && playWidth < touchX) {
+            const addSecs = Math.round(currentPosition + 1000);
+            this.audioRecorderPlayer.seekToPlayer(addSecs);
+            console.log(`addSecs: ${addSecs}`);
+        } else {
+            const subSecs = Math.round(currentPosition - 1000);
+            this.audioRecorderPlayer.seekToPlayer(subSecs);
+            console.log(`subSecs: ${subSecs}`);
+        }
+    };
+
+    private onStartRecord = async (): Promise<void> => {
+
+        const audioSet: AudioSet = {
+            AudioEncoderAndroid: AudioEncoderAndroidType.AAC,
+            AudioSourceAndroid: AudioSourceAndroidType.MIC,
+            AVEncoderAudioQualityKeyIOS: AVEncoderAudioQualityIOSType.high,
+            AVNumberOfChannelsKeyIOS: 2,
+            AVFormatIDKeyIOS: AVEncodingOption.aac,
+            OutputFormatAndroid: OutputFormatAndroidType.AAC_ADTS,
+            AudioSourceHarmony: AudioSourceHarmonyType.MIC,
+            AudioMimeHarmony: AudioMimeHarmonyType.AUDIO_AAC,
+            AudioFileFormatHarmony: AudioFormatHarmonyType.MPEG_4A,
+            AudioEncodingBitRateHarmony: 3200,
+            AudioSamplingRateHarmony: 44100,
+            AudioChannelsHarmony: 2,
+        };
+
+        console.log('audioSet', audioSet);
+
+        const uri = await this.audioRecorderPlayer.startRecorder(
+            'audio.m4a',
+            audioSet,
+        );
+
+        this.audioRecorderPlayer.addRecordBackListener((e: RecordBackType) => {
+            console.log('record-back', e);
+            this.setState({
+                recordSecs: e.currentPosition,
+                recordTime: this.audioRecorderPlayer.mmssss(
+                    Math.floor(e.currentPosition),
+                ),
+            });
+        });
+
+        console.log(`uri: ${uri}`);
+    };
+
+    private onPauseRecord = async (): Promise<void> => {
+        try {
+            const r = await this.audioRecorderPlayer.pauseRecorder();
+            console.log(r);
+        } catch (err) {
+            console.log('pauseRecord', err);
+        }
+    };
+
+    private onResumeRecord = async (): Promise<void> => {
+        await this.audioRecorderPlayer.resumeRecorder();
+    };
+
+    private onStopRecord = async (): Promise<void> => {
+        const result = await this.audioRecorderPlayer.stopRecorder();
+        this.audioRecorderPlayer.removeRecordBackListener();
+        this.setState({
+            recordSecs: 0,
+        });
+        console.log(result, '>>>>>>>stopRecorder');
+    };
+
+    private onStartPlay = async (): Promise<void> => {
+        console.log('onStartPlay');
+
+        try {
+
+
+            const msg = await this.audioRecorderPlayer.startPlayer('https://sis-sample-audio.obs.cn-north-1.myhuaweicloud.com/16k16bit.mp3', { 'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64; rv:12.0) Gecko/20100101 Firefox/21.0' });
+            const volume = await this.audioRecorderPlayer.setVolume(1);
+            this.audioRecorderPlayer.addPlayBackListener((e: PlayBackType) => {
+                console.log('playBackListener', e);
+                this.setState({
+                    currentPositionSec: e.currentPosition,
+                    currentDurationSec: e.duration,
+                    playTime: this.audioRecorderPlayer.mmssss(e.currentPosition),
+                    duration: this.audioRecorderPlayer.mmssss(Math.floor(e.duration)),
+                });
+            });
+
+        } catch (err) {
+            console.log('startPlayer error', err);
+        }
+    };
+
+    private onPausePlay = async (): Promise<void> => {
+        await this.audioRecorderPlayer.pausePlayer();
+    };
+
+    private onResumePlay = async (): Promise<void> => {
+        await this.audioRecorderPlayer.resumePlayer();
+    };
+
+    private onStopPlay = async (): Promise<void> => {
+        console.log('onStopPlay');
+        this.audioRecorderPlayer.stopPlayer();
+        this.audioRecorderPlayer.removePlayBackListener();
+    };
+}
+
+export default Page;
+
+```
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!tip] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-audio-recorder-player": "file:../../node_modules/@react-native-oh-tpl/react-native-audio-recorder-player/harmony/audio_recorder_player.har"
+  }
+```
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+方法二：直接链接源码
+
+> [!tip] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 RNAudioRecorderPlayerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_audio_recorder_player)
+# RNOH_END: manual_package_linking_2
+```
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RNAudioRecorderPlayerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNAudioRecorderPlayerPackage>(ctx)
+    };
+}
+```
+### 在 ArkTs 侧引入 react-native-audio-recorder-player Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {RNAudioRecorderPlayerPackage} from '@react-native-oh-tpl/react-native-audio-recorder-player/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNAudioRecorderPlayerPackage(ctx)
+  ];
+}
+```
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {"name": "ohos.permission.INTERNET"},//网络播放音频需添加
++  {
++    "name": "ohos.permission.MICROPHONE",
++    "reason": "$string:Access_Create_Audio",
++     "usedScene": {
++     "abilities": [
++       "EntryAbility"
++     ],
++     "when": "always"
++    }
++  },
+ ]
+]
+```
+#### 在 entry 目录下添加申请权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_Create_Audio",
++      "value": "access create Audio"
++    }，
+  ]
+}
+```
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                              | Type                                                                                                                | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| `mmss`         | Convert milliseconds to minute:second string                             | function(milliseconds:number): string                                 | No       |  Android，iOS      | yes               |
+| `mmssss`         | Convert milliseconds to minute:second:milliseconds string          | function(milliseconds:number): string                                | No       |  Android，iOS       | yes               |
+| `setSubscriptionDuration`       | Set default callback time when starting recorder or player. Default to 0.5 which is 500ms| function(seconds:float):void     | No       |  Android，iOS       | yes               |
+| `addRecordBackListener`      |Get callback from native module. Will receive currentPosition, currentMetering (if configured in startRecorder).                                                                                      | function(callBack:(value:RecordBackType)=>void): void                                               | No       |  Android，iOS      | yes               |
+| `removeRecordBackListener`      |Removes recordBack listener.            | function(): void                                     | No       |  Android，iOS       | yes               |
+| `addPlayBackListener`        | Get callback from native module. Will receive duration, currentPosition.                  | function(callBack:(value: PlayBackType)=>void): void  | No       |  Android，iOS       | yes               |
+| `removePlayBackListener`        | Removes playback listener.                                                     | function(): void               | No       |  Android，iOS       | yes               |
+| `startRecorder`      |Start recording. Not passing uri will save audio in default location. | function(uri?:string,audioSets?: AudioSet,meteringEnabled?: boolean): Promise< string >               | No       | Android，iOS      | yes         |
+| `pauseRecorder`     | Pause recording.                           | function() : Promise< string >                                        | No       | Android，iOS       | yes               |
+| `resumeRecorder`           | Resume recording.     | function() : Promise< string >                                                                  | No       |  Android，iOS      | yes               |
+| `stopRecorder` | Stop recording.                                        | function() : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
+| `startPlayer` | Start playing. Not passing the param will play audio in default location.                                        | function(uri?:string,httpHeaders?:Record<string,string>) : Promise< string >                                                                                                             | No       |  Android，iOS      | yes            |
+| `stopPlayer` | Stop playing.                                      | function() : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
+| `pausePlayer` | Pause playing.                                      | function() : Promise< string >                                                                                                             | No       |  Android，iOS     | yes               |
+| `resumePlayer` | Resume playing.                                       | function() : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
+| `seekToPlayer` | Seek audio.                                   | function(milliseconds:number) : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
+| `setVolume` | Set volume of audio player (default 1.0, range: 0.0 ~ 1.0).                                      | function(volume:float) : Promise< string >                                                                                                             | No       |  Android，iOS     | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/hyochan/react-native-audio-recorder-player/blob/main/LICENSE) ，请自由地享受和参与开源。

From b173d080ae45a5ae0da9121dde0c87c4423b99cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E5=98=89=E8=BE=89?= <961978925@qq.com>
Date: Thu, 12 Sep 2024 08:16:52 +0000
Subject: [PATCH 528/966] =?UTF-8?q?!1511=20docs:=20[Issue:=20#IAQQ3X]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-text-size=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAQQ3X]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-text-size=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-text-size.md | 60 ++-------------------------------
 1 file changed, 3 insertions(+), 57 deletions(-)

diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index 6f36027d..a6fc4f4c 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -330,58 +329,6 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)
 
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-详情请见[react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size)
-
-**TSMeasureParams**
-
-| Name               | Description                                        | Type     | Required | Platform    | HarmonyOS Support |
-| ------------------ | -------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| text               | System Name                                        | string[] | Yes      | IOS/Android | yes               |
-| width              | Width                                              | number   | No       | IOS/Android | yes               |
-| fontFamily         | System Default font                                | string   | No       | IOS/Android | yes               |
-| fontWeight         | Font Weight                                        | string   | No       | IOS/Android | yes               |
-| fontSize           | Font Size                                          | number   | No       | IOS/Android | yes               |
-| fontStyle          | Font Style                                         | string   | No       | IOS/Android | yes               |
-| fontVariant        | Default is none                                    | array    | No       | IOS         | yes               |
-| allowFontScaling   | Allow Font Scaling                                 | boolean  | No       | IOS/Android | yes               |
-| letterSpacing      | Extra space between characters                     | number   | No       | IOS         | yes               |
-| includeFontPadding | Dfault is true                                     | boolean  | No       | Android     | yes               |
-| textBreakStrategy  | Dfault is highQuality                              | string   | No       | Android     | yes               |
-| usePreciseWidth    | Result will include an exact width.Dfault is false | boolean  | No       | IOS/Android | yes               |
-| lineInfoForLine    | Result will include a lineInfo.Dfault is none      | number   | No       | IOS/Android | yes               |
-
-**TSFontSpecs**
-
-| Name          | Description  | Type                   | Required | Platform    | HarmonyOS Support |
-| ------------- | ------------ | ---------------------- | -------- | ----------- | ----------------- |
-| fontFamily    | System Name  | string                 | No       | IOS/Android | yes               |
-| fontWeight    | Font Weight  | number                 | No       | IOS/Android | yes               |
-| fontSize      | Font Size    | TSFontStyle            | No       | IOS/Android | yes               |
-| fontStyle     | Font Style   | TSFontWeight           | No       | IOS/Android | yes               |
-| fontVariant   | Font Variant | TSFontVariant[]或 null | No       | IOS/Android | yes               |
-| letterSpacing | Font spacing | number                 | No       | IOS/Android | yes               |
-
-**TSHeightsParams**
-
-| Name               | Description                    | Type     | Required | Platform    | HarmonyOS Support |
-| ------------------ | ------------------------------ | -------- | -------- | ----------- | ----------------- |
-| text               | System Name                    | string[] | Yes      | IOS/Android | yes               |
-| width              | Width                          | number   | No       | IOS/Android | yes               |
-| fontFamily         | System Default font            | string   | No       | IOS/Android | yes               |
-| fontWeight         | Font Weight                    | string   | No       | IOS/Android | yes               |
-| fontSize           | Font Size                      | number   | No       | IOS/Android | yes               |
-| fontStyle          | Font Style                     | string   | No       | IOS/Android | yes               |
-| fontVariant        | Default is none                | array    | No       | IOS         | yes               |
-| allowFontScaling   | Allow Font Scaling             | boolean  | No       | IOS/Android | yes               |
-| letterSpacing      | Extra space between characters | number   | No       | IOS         | yes               |
-| includeFontPadding | Dfault is true                 | boolean  | No       | Android     | yes               |
-| textBreakStrategy  | Dfault is highQuality          | string   | No       | Android     | yes               |
 
 ## API
 
@@ -391,7 +338,7 @@ ohpm install
 
 | Name                   | Description                                                                     | Type                            | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------------------------- | ------------------------------- | -------- | -------- | ----------------- |
-| measure                | Measurement Text                                                                | TSMeasureResult                 | No       | All      | yes               |
+| measure                | Measurement Text                                                                | TSMeasureResult                 | No       | All      | partially               |
 | flatHeights            | Measurement Text                                                                | number[]                        | No       | All      | yes               |
 | specsForTextStyles     | Get system font information for the running OS                                  | {[key: string]: TSFontForStyle} | No       | All      | yes               |
 | fontFromSpecs          | Returns the characteristics of the font obtained from the given specifications. | TSFontInfo                      | No       | All      | yes               |
@@ -401,11 +348,10 @@ ohpm install
 ## 遗留问题
 
 - [ ] fontFamilyNames&fontNamesForFamilyName 问题:需要依赖手机文件 font 目录下的 json 文件，该文件目前没有预置在手机目录下，会导致该接口调用为空。后续底层框架侧修复该问题 [issue#1](https://github.com/react-native-oh-library/react-native-text-size/issues/1)
+- [ ] measure方法缺少lastLineWidth和lineInfo的返回处理 [issue#2](https://github.com/react-native-oh-library/react-native-text-size/issues/8)
 
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The BSD 2-Clause License（BSD）](https://github.com/aMarCruz/react-native-text-size/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The BSD 2-Clause License（BSD）](https://github.com/aMarCruz/react-native-text-size/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 75a1fee5674199a10c9865959398fee063d72796 Mon Sep 17 00:00:00 2001
From: yh989899 <15535906080@163.com>
Date: Thu, 12 Sep 2024 08:28:24 +0000
Subject: [PATCH 529/966] =?UTF-8?q?!1515=20docs:=20=E4=BF=AE=E6=94=B9=20re?=
 =?UTF-8?q?act-native-clipboard-clipboard=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAQRJO]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-clipboard-clipboard=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-clipboard-clipboard.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index 392ba36a..008b97e4 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -226,6 +226,8 @@ ohpm install
 
 ### 权限要求
 
+> [!tip] "ohos.permission.READ_PASTEBOARD"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
 #### 在 entry 目录下的module.json5中添加权限
 
 打开 `entry/src/main/module.json5`，添加：

From 6908d562ba9e73d9e7b084b246fb2259e119337a Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Thu, 12 Sep 2024 08:30:33 +0000
Subject: [PATCH 530/966] =?UTF-8?q?!1513=20=20docs:=20[Issue:=20#IAQT8L]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-redash=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAQT8L]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-redash=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-redash.md | 685 ++++++++++++++++++-----------------
 1 file changed, 344 insertions(+), 341 deletions(-)

diff --git a/zh-cn/react-native-redash.md b/zh-cn/react-native-redash.md
index 2e8f8a29..a34bc12a 100644
--- a/zh-cn/react-native-redash.md
+++ b/zh-cn/react-native-redash.md
@@ -37,345 +37,348 @@ npm install react-native-redash@^18.1.3
 ```js
 // findLastIndex 为例
 import { mix,
-  round,
-  bin,
-  cubicBezier,
-  clamp,
-  between,
-  avg,
-  toRad,
-  toDeg} from 'react-native-redash/src/Math';
-import {
-  canvas2Cartesian,
-  cartesian2Canvas,
-  cartesian2Polar,
-  polar2Cartesian
-} from 'react-native-redash/src/Coordinates';
-import * as redash from 'react-native-redash';
-
-// 导出组件
-export default function RadashDemo() {
-  const [text, setText] = useState('');
-
-  const onMix = () => {
-      const mixre = mix(0, 10, 20);
-      setText(mixre.toString())
-  }
-
-  const onRoundre = () => {
-      const roundre = round(5.123, 0);
-      setText(roundre.toString())
-  }
-
-  const onBinre = () => {
-      const binre = bin(true);
-      setText(binre.toString())
-  }
-
-  const onBetweenre = () => {
-      const betweenre = between(-1, 0, 100);
-      setText(betweenre.toString())
-  }
-
-  const onToRadre = () => {
-      const toRadre = toRad(180);
-      setText(toRadre.toString())
-  }
-
-  const onToDegre = () => {
-      const toDegre = toDeg(Math.PI);
-      setText(toDegre.toString())
-  }
-
-  const onClampre = () => {
-      const clampre = clamp(-1, 0, 100)
-      setText(clampre.toString())
-  }
-
-  const avgre = () => {
-      const values: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
-      const avgs = avg(values)
-      setText(avgs.toString())
-  }
-
-  const cubicBezires = () => {
-      const cubicBezire = cubicBezier(1, 0, 0.1, 0.1, 1)
-      setText(cubicBezire.toString())
-  }
-
-  const handleCreatePath = () => {
-      const vector = {
-          x: 10,
-          y: 20
-      };
-      setText(JSON.stringify(redash.createPath(vector)))
-  }
-
-  const handleAddCurvePath = () => {
-      const vector = {
-          x: 200,
-          y: 100
-      };
-      const path = redash.createPath(vector);
-      redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
-      setText(JSON.stringify(path))
-  }
-
-  const handleClosePath = () => {
-      const vector = {
-          x: 200,
-          y: 100
-      };
-      const path = redash.createPath(vector);
-      redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
-      redash.close(path);
-      setText(JSON.stringify(path))
-  }
-
-  const handleSerializePath = () => {
-      const vector = {
-          x: 200,
-          y: 100
-      };
-      const path = redash.createPath(vector);
-      redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
-      redash.close(path);
-      const serializePath = redash.serialize(path);
-      setText(serializePath)
-  }
-
-  const handleParsePath = () => {
-      const vector = {
-          x: 200,
-          y: 100
-      };
-      const path = redash.createPath(vector);
-      redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
-      redash.close(path);
-      const serializePath = redash.serialize(path);
-      const parsePath = redash.parse(serializePath);
-      setText(JSON.stringify(parsePath))
-  }
-
-  const handleInterpolatePath = () => {
-      const inputRange = [0, 1];
-      const outputRange = [
-          {
-              move: { x: 0, y: 0 },
-              curves: [{ c1: { x: 1, y: 1 }, c2: { x: 2, y: 2 }, to: { x: 3, y: 3 } }],
-              close: false,
-          },
-          {
-              move: { x: 1, y: 1 },
-              curves: [{ c1: { x: 2, y: 2 }, c2: { x: 3, y: 3 }, to: { x: 4, y: 4 } }],
-              close: false,
-          },
-      ];
-      const value = 0.5;
-      const interpolatePath = redash.interpolatePath(value, inputRange, outputRange);
-      setText(JSON.stringify(interpolatePath))
-  }
-
-  /** 处理canvas坐标转换为笛卡尔坐标 */
-  const handleCanvas2Cartesian = () => {
-      const point = canvas2Cartesian({ x: 500, y: 200 }, { x: 500, y: 200 });
-      setText(JSON.stringify(point))
-  }
-  /** 处理笛卡尔坐标转换为canvas坐标 */
-  const handleCartesian2Canvas = () => {
-      const point = cartesian2Canvas({ x: -500, y: 200 }, { x: 500, y: 200 });
-      setText(JSON.stringify(point))
-  }
-  /** 用于处理笛卡尔坐标转换为极坐标 */
-  const handleCartesian2Polar = () => {
-      const x = 0;
-      const y = 100;
-      const center = { x: 100, y: 100 };
-      const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
-      setText('theta ==' + theta + "  radius==" + radius);
-  }
-
-  /** 处理极坐标转换为笛卡尔坐标 */
-  const handlePolar2Cartesian = () => {
-      const x = 0;
-      const y = 100;
-      const center = { x: 100, y: 100 };
-      const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
-      const { x: x1, y: y1 } = cartesian2Canvas(
-          polar2Cartesian({ theta, radius }),
-          center
-      );
-      setText('x1 ==' + x1 + "  Math.round(y1)==" + Math.round(y1));
-  }
-
-  /** 用于处理极坐标转换为canvas坐标 */
-  const handlePolar2Canvas = () => {
-      const x = 0;
-      const y = 100;
-      const center = { x: 100, y: 100 };
-      const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
-      const point = polar2Canvas({ theta, radius }, center)
-      setText(JSON.stringify(point))
-  }
-
-  // 用于处理canvas左边转换极坐标
-  const handleCanvas2Polar = () => {
-      const { theta, radius } = canvas2Polar({ x: -500, y: 200 }, { x: 500, y: 200 });
-      setText('theta ==' + theta + "  radius==" + radius);
-  }
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.inputArea}>
-          <Text style={styles.baseText}>
-              {text}
-          </Text>
-      </View>
-      <ScrollView style={styles.scrollView}>
-        <View style={{ flexDirection: 'column' }}>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
-              <Button title='运行' color='#841584' onPress={onMix}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>round(5.123, 0)</Text>
-              <Button title='运行' color='#841584' onPress={onRoundre}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>bin(true)</Text>
-              <Button title='运行' color='#841584' onPress={onBinre}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>between(-1, 0, 100)</Text>
-              <Button title='运行' color='#841584' onPress={onBetweenre}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>toRad(180)</Text>
-              <Button title='运行' color='#841584' onPress={onToRadre}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>avg([1,2,3,4,5,6,7,8,9,10])</Text>
-              <Button title='运行' color='#841584' onPress={avgre}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>cubicBezier(1, 0, 0.1, 0.1, 1)</Text>
-              <Button title='运行' color='#841584' onPress={cubicBezires}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>toDeg(Math.PI)</Text>
-              <Button title='运行' color='#841584' onPress={onToDegre}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>clamp(-1, 0, 100)</Text>
-              <Button title='运行' color='#841584' onPress={onClampre}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
-              <Button title='运行' color='#841584' onPress={handleCreatePath}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>addCurvePath</Text>
-              <Button title='运行' color='#841584' onPress={handleAddCurvePath}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>closePath</Text>
-              <Button title='运行' color='#841584' onPress={handleClosePath}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>serializePath</Text>
-              <Button title='运行' color='#841584' onPress={handleSerializePath}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>parsePath</Text>
-              <Button title='运行' color='#841584' onPress={handleParsePath}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>interpolatePath</Text>
-              <Button title='运行' color='#841584' onPress={handleInterpolatePath}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>canvas2Cartesian</Text>
-              <Button title='运行' color='#841584' onPress={handleCanvas2Cartesian}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>cartesian2Canvas</Text>
-              <Button title='运行' color='#841584' onPress={handleCartesian2Canvas}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>cartesian2Polar</Text>
-              <Button title='运行' color='#841584' onPress={handleCartesian2Polar}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>polar2Cartesian</Text>
-              <Button title='运行' color='#841584' onPress={handlePolar2Cartesian}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>polar2Canvas</Text>
-              <Button title='运行' color='#841584' onPress={handlePolar2Canvas}></Button>
-          </View>
-          <View style={styles.baseArea}>
-              <Text style={{ flex: 1 }}>canvas2Polar</Text>
-              <Button title='运行' color='#841584' onPress={handleCanvas2Polar}></Button>
-          </View>
+    round,
+    bin,
+    cubicBezier,
+    clamp,
+    between,
+    avg,
+    toRad,
+    toDeg} from 'react-native-redash/src/Math';
+  import {
+    canvas2Cartesian,
+    canvas2Polar,
+    cartesian2Canvas,
+    cartesian2Polar,
+    polar2Canvas,
+    polar2Cartesian
+  } from 'react-native-redash/src/Coordinates';
+  import * as redash from 'react-native-redash';
+  import React, { useState } from 'react';
+  import { Button, ScrollView, StyleSheet, Text, View } from 'react-native';
+  // 导出组件
+  export default function RadashDemo() {
+    const [text, setText] = useState('');
+  
+    const onMix = () => {
+        const mixre = mix(0, 10, 20);
+        setText(mixre.toString())
+    }
+  
+    const onRoundre = () => {
+        const roundre = round(5.123, 0);
+        setText(roundre.toString())
+    }
+  
+    const onBinre = () => {
+        const binre = bin(true);
+        setText(binre.toString())
+    }
+  
+    const onBetweenre = () => {
+        const betweenre = between(-1, 0, 100);
+        setText(betweenre.toString())
+    }
+  
+    const onToRadre = () => {
+        const toRadre = toRad(180);
+        setText(toRadre.toString())
+    }
+  
+    const onToDegre = () => {
+        const toDegre = toDeg(Math.PI);
+        setText(toDegre.toString())
+    }
+  
+    const onClampre = () => {
+        const clampre = clamp(-1, 0, 100)
+        setText(clampre.toString())
+    }
+  
+    const avgre = () => {
+        const values: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+        const avgs = avg(values)
+        setText(avgs.toString())
+    }
+  
+    const cubicBezires = () => {
+        const cubicBezire = cubicBezier(1, 0, 0.1, 0.1, 1)
+        setText(cubicBezire.toString())
+    }
+  
+    const handleCreatePath = () => {
+        const vector = {
+            x: 10,
+            y: 20
+        };
+        setText(JSON.stringify(redash.createPath(vector)))
+    }
+  
+    const handleAddCurvePath = () => {
+        const vector = {
+            x: 200,
+            y: 100
+        };
+        const path = redash.createPath(vector);
+        redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+        setText(JSON.stringify(path))
+    }
+  
+    const handleClosePath = () => {
+        const vector = {
+            x: 200,
+            y: 100
+        };
+        const path = redash.createPath(vector);
+        redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+        redash.close(path);
+        setText(JSON.stringify(path))
+    }
+  
+    const handleSerializePath = () => {
+        const vector = {
+            x: 200,
+            y: 100
+        };
+        const path = redash.createPath(vector);
+        redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+        redash.close(path);
+        const serializePath = redash.serialize(path);
+        setText(serializePath)
+    }
+  
+    const handleParsePath = () => {
+        const vector = {
+            x: 200,
+            y: 100
+        };
+        const path = redash.createPath(vector);
+        redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+        redash.close(path);
+        const serializePath = redash.serialize(path);
+        const parsePath = redash.parse(serializePath);
+        setText(JSON.stringify(parsePath))
+    }
+  
+    const handleInterpolatePath = () => {
+        const inputRange = [0, 1];
+        const outputRange = [
+            {
+                move: { x: 0, y: 0 },
+                curves: [{ c1: { x: 1, y: 1 }, c2: { x: 2, y: 2 }, to: { x: 3, y: 3 } }],
+                close: false,
+            },
+            {
+                move: { x: 1, y: 1 },
+                curves: [{ c1: { x: 2, y: 2 }, c2: { x: 3, y: 3 }, to: { x: 4, y: 4 } }],
+                close: false,
+            },
+        ];
+        const value = 0.5;
+        const interpolatePath = redash.interpolatePath(value, inputRange, outputRange);
+        setText(JSON.stringify(interpolatePath))
+    }
+  
+    /** 处理canvas坐标转换为笛卡尔坐标 */
+    const handleCanvas2Cartesian = () => {
+        const point = canvas2Cartesian({ x: 500, y: 200 }, { x: 500, y: 200 });
+        setText(JSON.stringify(point))
+    }
+    /** 处理笛卡尔坐标转换为canvas坐标 */
+    const handleCartesian2Canvas = () => {
+        const point = cartesian2Canvas({ x: -500, y: 200 }, { x: 500, y: 200 });
+        setText(JSON.stringify(point))
+    }
+    /** 用于处理笛卡尔坐标转换为极坐标 */
+    const handleCartesian2Polar = () => {
+        const x = 0;
+        const y = 100;
+        const center = { x: 100, y: 100 };
+        const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
+        setText('theta ==' + theta + "  radius==" + radius);
+    }
+  
+    /** 处理极坐标转换为笛卡尔坐标 */
+    const handlePolar2Cartesian = () => {
+        const x = 0;
+        const y = 100;
+        const center = { x: 100, y: 100 };
+        const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
+        const { x: x1, y: y1 } = cartesian2Canvas(
+            polar2Cartesian({ theta, radius }),
+            center
+        );
+        setText('x1 ==' + x1 + "  Math.round(y1)==" + Math.round(y1));
+    }
+  
+    /** 用于处理极坐标转换为canvas坐标 */
+    const handlePolar2Canvas = () => {
+        const x = 0;
+        const y = 100;
+        const center = { x: 100, y: 100 };
+        const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
+        const point = polar2Canvas({ theta, radius }, center)
+        setText(JSON.stringify(point))
+    }
+  
+    // 用于处理canvas左边转换极坐标
+    const handleCanvas2Polar = () => {
+        const { theta, radius } = canvas2Polar({ x: -500, y: 200 }, { x: 500, y: 200 });
+        setText('theta ==' + theta + "  radius==" + radius);
+    }
+  
+    return (
+      <View style={styles.container}>
+        <View style={styles.inputArea}>
+            <Text style={styles.baseText}>
+                {text}
+            </Text>
         </View>
-      </ScrollView>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-      width: '100%',
-      flexDirection: 'column',
-      alignItems: 'center',
-      backgroundColor: '#F1F3F5',
-  },
-  baseText: {
-      fontWeight: 'bold',
-      textAlign: 'center',
-      fontSize: 16
-  },
-
-  titleArea: {
-      alignItems: 'center',
-      flexDirection: 'row',
-  },
-
-  title: {
-      width: '90%',
-      color: '#000000',
-      textAlign: 'left',
-      fontSize: 30,
-  },
-
-  scrollView: {
-      width: '90%',
-      marginHorizontal: 20,
-  },
-
-  inputArea: {
-      width: '90%',
-      height: 30,
-      borderWidth: 2,
-      borderColor: '#000000',
-      marginTop: 8,
-      justifyContent: 'center',
-      alignItems: 'center',
-  },
-
-  baseArea: {
-      width: '100%',
-      height: 60,
-      borderRadius: 4,
-      borderColor: '#000000',
-      marginTop: 8,
-      backgroundColor: '#FFFFFF',
-      flexDirection: 'row',
-      alignItems: 'center',
-      paddingLeft: 8,
-      paddingRight: 8
+        <ScrollView style={styles.scrollView}>
+          <View style={{ flexDirection: 'column' }}>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
+                <Button title='运行' color='#841584' onPress={onMix}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>round(5.123, 0)</Text>
+                <Button title='运行' color='#841584' onPress={onRoundre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>bin(true)</Text>
+                <Button title='运行' color='#841584' onPress={onBinre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>between(-1, 0, 100)</Text>
+                <Button title='运行' color='#841584' onPress={onBetweenre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>toRad(180)</Text>
+                <Button title='运行' color='#841584' onPress={onToRadre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>avg([1,2,3,4,5,6,7,8,9,10])</Text>
+                <Button title='运行' color='#841584' onPress={avgre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>cubicBezier(1, 0, 0.1, 0.1, 1)</Text>
+                <Button title='运行' color='#841584' onPress={cubicBezires}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>toDeg(Math.PI)</Text>
+                <Button title='运行' color='#841584' onPress={onToDegre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>clamp(-1, 0, 100)</Text>
+                <Button title='运行' color='#841584' onPress={onClampre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
+                <Button title='运行' color='#841584' onPress={handleCreatePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>addCurvePath</Text>
+                <Button title='运行' color='#841584' onPress={handleAddCurvePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>closePath</Text>
+                <Button title='运行' color='#841584' onPress={handleClosePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>serializePath</Text>
+                <Button title='运行' color='#841584' onPress={handleSerializePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>parsePath</Text>
+                <Button title='运行' color='#841584' onPress={handleParsePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>interpolatePath</Text>
+                <Button title='运行' color='#841584' onPress={handleInterpolatePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>canvas2Cartesian</Text>
+                <Button title='运行' color='#841584' onPress={handleCanvas2Cartesian}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>cartesian2Canvas</Text>
+                <Button title='运行' color='#841584' onPress={handleCartesian2Canvas}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>cartesian2Polar</Text>
+                <Button title='运行' color='#841584' onPress={handleCartesian2Polar}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>polar2Cartesian</Text>
+                <Button title='运行' color='#841584' onPress={handlePolar2Cartesian}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>polar2Canvas</Text>
+                <Button title='运行' color='#841584' onPress={handlePolar2Canvas}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>canvas2Polar</Text>
+                <Button title='运行' color='#841584' onPress={handleCanvas2Polar}></Button>
+            </View>
+          </View>
+        </ScrollView>
+      </View>
+    );
   }
-});
+  
+  const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        flexDirection: 'column',
+        alignItems: 'center',
+        backgroundColor: '#F1F3F5',
+    },
+    baseText: {
+        fontWeight: 'bold',
+        textAlign: 'center',
+        fontSize: 16
+    },
+  
+    titleArea: {
+        alignItems: 'center',
+        flexDirection: 'row',
+    },
+  
+    title: {
+        width: '90%',
+        color: '#000000',
+        textAlign: 'left',
+        fontSize: 30,
+    },
+  
+    scrollView: {
+        width: '90%',
+        marginHorizontal: 20,
+    },
+  
+    inputArea: {
+        width: '90%',
+        height: 30,
+        borderWidth: 2,
+        borderColor: '#000000',
+        marginTop: 8,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+  
+    baseArea: {
+        width: '100%',
+        height: 60,
+        borderRadius: 4,
+        borderColor: '#000000',
+        marginTop: 8,
+        backgroundColor: '#FFFFFF',
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingLeft: 8,
+        paddingRight: 8
+    }
+  });
 ```
 
 动画演示示例
@@ -546,11 +549,13 @@ export default function RadashDemo() {
 
 如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)进行引入
 
+## 约束与限制
+
 ### 兼容性
 
-在下述版本验证通过:
+本文档内容基于以下版本验证通过:
 
-1. RNOH：0.72.28; SDK：OpenHarmony(api12) 5.0.0.60; IDE：DevEco Studio 5.0.3.655; ROM：3.0.0.36;
+1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta6 SDK 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
 
 ## 静态方法
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
@@ -562,8 +567,6 @@ export default function RadashDemo() {
 ### **Animations**
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
-| defineAnimation()             | This utility function enables you to declare custom animations that can be invoked on both the JS and UI thread.                                              | function | No       | iOS/Android               | yes               |
-| animationParameter(animation) | Access animations passed as parameters safely on both the UI and JS thread with the proper static types. Animations can receive other animations as parameter | function | No       | iOS/Android               | yes               |
 | withPause()                   | Make an animation pausable. The state of the animation (paused or not) is controlled by a boolean shared value.                                               | function | No       | iOS/Android               | yes               |
 | withBouncing()                | Add a bouncing behavior to a physics-based animation. An animation is defined as being physics-based if it contains a velocity in its state.                  | function | No       | iOS/Android               | yes               |
 ### **Coordinates**

From 70520b8e33a51bceb288b2d1cf279cd3b54132dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Thu, 12 Sep 2024 08:36:20 +0000
Subject: [PATCH 531/966] =?UTF-8?q?!1516=20docs:=20[Issues:=20#IAQUY5]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-cameraroll=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAQUY5]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-cameraroll=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cameraroll.md | 200 ++++++-------------------------
 1 file changed, 36 insertions(+), 164 deletions(-)

diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index 1e21f97a..552b19b3 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -45,43 +45,17 @@ yarn add @react-native-oh-tpl/camera-roll@file:#
 ```js
 import { View, Button } from "react-native";
 import {
-  CameraRoll,
-  harmonyRequestAddOnlyGalleryPermission,
-  harmonyRequestReadWriteGalleryPermission,
+  CameraRoll
 } from "@react-native-camera-roll/camera-roll";
 
 export default function App() {
   return (
     <View>
-      <Button
-        title="getPhotos"
+      Button
+        title="savePhotos"
         onPress={() => {
-          CameraRoll.getPhotos({ first: 10 }).then((photos) => {
-            // TODO
-          });
-        }}
-      />
-      <Button
-        title="getAlbums"
-        onPress={() => {
-          CameraRoll.getAlbums({ assetType: "All" }).then((albums) => {
-            // TODO
-          });
-        }}
-      />
-      <Button
-        title="harmonyRequestAddOnlyGalleryPermission"
-        onPress={() => {
-          harmonyRequestAddOnlyGalleryPermission().then((status) => {
-            // TODO
-          });
-        }}
-      />
-      <Button
-        title="harmonyRequestReadWriteGalleryPermission"
-        onPress={() => {
-          harmonyRequestReadWriteGalleryPermission().then((status) => {
-            // TODO
+          CameraRoll.saveAsset("https://res.vmallres.com/uomcdn/CN/cms/202409/9d386e73605e4c759c1896e8ac7ce34b.jpg.webp").then((res) => {
+            console.log('res-----',res);
           });
         }}
       />
@@ -90,6 +64,10 @@ export default function App() {
 }
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -114,7 +92,7 @@ export default function App() {
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -123,7 +101,6 @@ export default function App() {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
     "@react-native-oh-tpl/camera-roll": "file:../../node_modules/@react-native-oh-tpl/camera-roll/harmony/camera_roll.har"
   }
 ```
@@ -141,64 +118,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 CameraRollPackage
-
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
-
-```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(CMAKE_SKIP_BUILD_RPATH TRUE)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
-+ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-set(LOG_VERBOSITY_LEVEL 1)
-set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
-set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
-set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
-add_compile_definitions(WITH_HITRACE_SYSTRACE)
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: manual_package_linking_1
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/camera-roll/src/main/cpp" ./camera-roll)
-# RNOH_END: manual_package_linking_1
-
-file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
-
-add_library(rnoh_app SHARED
-    ${GENERATED_CPP_FILES}
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: manual_package_linking_2
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_camera_roll)
-# RNOH_END: manual_package_linking_2
-```
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
-+ #include "CameraRollPackage.h"
-
-using namespace rnoh;
-
-std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
-    return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<CameraRollPackage>(ctx)
-    };
-}
-```
-
-### 4.在 ArkTs 侧引入 CameraRollPackage
+### 3.在 ArkTs 侧引入 CameraRollPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -214,60 +134,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.应用权限申请
-
-> [!tip] "ohos.permission.READ_IMAGEVIDEO"，"ohos.permission.WRITE_IMAGEVIDEO"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
-
-在 `YourProject/entry/src/main/module.json5`补上配置
-
-```diff
-{
-  "module": {
-    "name": "entry",
-    "type": "entry",
-
-  ···
-
-    "requestPermissions": [
-+    {
-+        "name": "ohos.permission.READ_IMAGEVIDEO",
-+        "reason": '$string:app_name',  
-+        "usedScene": {
-+          "abilities": [
-+            "FormAbility"
-+          ],
-+          "when":"inuse"
-+        }
-+      },
-+      {
-+        "name": "ohos.permission.WRITE_IMAGEVIDEO",
-+        "reason": '$string:app_name',
-+        "usedScene": {
-+          "abilities": [
-+            "FormAbility"
-+          ],
-+          "when":"inuse"
-+        }
-+      }
-    ]
-  }
-}
-```
-
-在 `YourProject/AppScope/resource/base/element/string.json`补上配置
-
-```diff
-{
-+  "string": [
-+    {
-+      "name": "app_name",
-+      "value": "RN Tester"
-+    }
-+  ]
-}
-```
-
-### 6.运行
+### 4.运行
 
 点击右上角的 `sync` 按钮
 
@@ -295,14 +162,16 @@ ohpm install
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **CameraRoll**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| save | 保存图片/视频 | function | no | android,ios | partially |
-| getPhotos | 查找图片/视频 | function | no | android,ios | partially |
-| getAlbums | 查找相册 | function | no | android,ios | partially |
-| deletePhotos | 删除图片/视频 | function | no | android,ios | no |
-| iosGetImageDataById | 获取图片数据 | function | no | ios | partially |
-| getPhotoThumbnail | 获取缩略图 | function | no | ios | partially |
+| Name | Description | Type | Required | Platform | HarmonyOS Support | Remarks |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ | ---- |
+| save | 保存图片/视频 | function | no | android,ios | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
+| saveAsset | 保存图片/视频 | function | no | android,ios | partially |  |
+| saveToCameraRoll | 保存图片/视频 | function | no | android,ios | partially | 内部调用saveAsset接口 |
+| getPhotos | 查找图片/视频 | function | no | android,ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getAlbums | 查找相册 | function | no | android,ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| deletePhotos | 删除图片/视频 | function | no | android,ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| iosGetImageDataById | 获取图片数据 | function | no | ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getPhotoThumbnail | 获取缩略图 | function | no | ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
 
 ## API
 
@@ -310,20 +179,23 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                                       | Description                                | Type     | Required | Platform | HarmonyOS Support |
-| ------------------------------------------ | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
-| `iosReadGalleryPermission`                 | 权限验证                                   | function | no       | ios      | no                |
-| `iosRequestReadWriteGalleryPermission`     | 读写权限申请                               | function | no       | ios      | no                |
-| `iosRequestAddOnlyGalleryPermission`       | 添加权限申请                               | function | no       | ios      | no                |
-| `iosRefreshGallerySelection`               | 图片列表刷新                               | function | no       | ios      | no                |
-| `harmonyReadGalleryPermission`             | 对比`iosReadGalleryPermission`             | function | no       | harmony  | yes               |
-| `harmonyRequestReadWriteGalleryPermission` | 对比`iosRequestReadWriteGalleryPermission` | function | no       | harmony  | yes               |
-| `harmonyRequestAddOnlyGalleryPermission`   | 对比`iosRequestAddOnlyGalleryPermission`   | function | no       | harmony  | yes               |
-| `harmonyRefreshGallerySelection`           | 对比`iosRefreshGallerySelection`           | function | no       | harmony  | no                |
+| Name                                       | Description                                | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
+| :----------------------------------------- | :----------------------------------------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| `iosReadGalleryPermission`                 | 权限验证                                   | function | no       | ios      | no                |                                                              |
+| `iosRequestReadWriteGalleryPermission`     | 读写权限申请                               | function | no       | ios      | no                |                                                              |
+| `iosRequestAddOnlyGalleryPermission`       | 添加权限申请                               | function | no       | ios      | no                |                                                              |
+| `iosRefreshGallerySelection`               | 图片列表刷新                               | function | no       | ios      | no                |                                                              |
+| `harmonyReadGalleryPermission`             | 对标`iosReadGalleryPermission`             | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestReadWriteGalleryPermission` | 对标`iosRequestReadWriteGalleryPermission` | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestAddOnlyGalleryPermission`   | 对标`iosRequestAddOnlyGalleryPermission`   | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRefreshGallerySelection`           | 对标`iosRefreshGallerySelection`           | function | no       | harmony  | no                |                                                              |
 
 ## 遗留问题
 
-- [ ] deletePhotos删除图片/视频，未实现 HarmonyOS 化:  [issue#5](https://github.com/react-native-oh-library/react-native-cameraroll/issues/5)
+- [ ] deletePhotos删除图片/视频，未实现 HarmonyOS 化: [issue#5](https://github.com/react-native-oh-library/react-native-cameraroll/issues/5)
+- [ ] harmonyRefreshGallerySelection，HarmonyOS 暂无对应图片列表刷新的接口：[issue#8](https://github.com/react-native-oh-library/react-native-cameraroll/issues/8)
+- [ ] 部分接口由于Harmony OS安全策略调整无法使用: [issue#25](https://github.com/react-native-oh-library/react-native-cameraroll/issues/25)
+- [ ] saveAsset接口未完全支持: [issue#26](https://github.com/react-native-oh-library/react-native-cameraroll/issues/26)
 
 ## 其他
 

From 4c621407c6e1cf9495bfb17ed16e45c27e45686b Mon Sep 17 00:00:00 2001
From: JCdahuzi <jcdahuzi@qq.com>
Date: Fri, 13 Sep 2024 01:50:15 +0000
Subject: [PATCH 532/966] =?UTF-8?q?!1524=20docs:=20[#IAR0D9]=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAR0D9]=E6=9B=B4=E6=96=B0react-native?=
 =?UTF-8?q?-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-svg-capi.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 1c953c05..0025c382 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -585,8 +585,6 @@ Common props 组件属性 HarmonyOS 侧支持情况
 |  strokeLinejoin  |         指明路径的转角处使用的形状          |   string    |   miter   |    No    |   All    |
 | strokeMiterlimit | 对斜接长度和 stroke-width 的比率设置极限 值 |   number    |     4     |    No    |   All    |
 |   vectorEffect   |       指明绘制对象时要使用的矢量效果        |   string    |   none    |    No    |   All    |
-|     clipRule     |            将元素进行剪切的规则             |   string    |  evenodd  |    No    |   All    |
-|     clipPath     |               将元素进行剪切                |   string    |     -     |    No    |   All    |
 |    translate     |                  设置位移                   | numberArray |    0,0    |    No    |   All    |
 |    translateX    |                设置 x 轴位移                |   number    |     0     |    No    |   All    |
 |    translateY    |                设置 y 轴位移                |   number    |     0     |    No    |   All    |

From e019c985864bc0ff6690a266058c6e4e67872e31 Mon Sep 17 00:00:00 2001
From: Ycode <3259980649@qq.com>
Date: Fri, 13 Sep 2024 06:21:29 +0000
Subject: [PATCH 533/966] =?UTF-8?q?!1514=20docs:=20[Issues:=20#IAPJUP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-webview=E6=96=87=E6=A1=A3=20*=20?=
 =?UTF-8?q?docs:=20[Issues:=20#IAPJUP]=20=E4=BF=AE=E6=94=B9react-native-we?=
 =?UTF-8?q?bview=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-webview.md             | 193 ++++++-------
 zh-cn/react-native-webviewr(nocodegen).md | 335 ++++++++++++++++++++++
 2 files changed, 426 insertions(+), 102 deletions(-)
 create mode 100644 zh-cn/react-native-webviewr(nocodegen).md

diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 60077604..1cad1616 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -52,6 +52,10 @@ export default function WebViewDemo() {
 }
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -103,65 +107,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 WebViewPackage
-
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
-
-```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(CMAKE_SKIP_BUILD_RPATH TRUE)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
-+ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-set(LOG_VERBOSITY_LEVEL 1)
-set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
-set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
-set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
-add_compile_definitions(WITH_HITRACE_SYSTRACE)
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: manual_package_linking_1
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-webview/src/main/cpp" ./webview)
-
-# RNOH_END: manual_package_linking_1
-
-file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
-
-add_library(rnoh_app SHARED
-    ${GENERATED_CPP_FILES}
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: manual_package_linking_2
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_webview)
-# RNOH_END: manual_package_linking_2
-```
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
-+ #include "WebViewPackage.h"
-
-using namespace rnoh;
-
-std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
-    return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<WebViewPackage>(ctx)
-    };
-}
-```
-
-### 4.在 ArkTs 侧引入 webview 组件
+### 3.在 ArkTs 侧引入 webview 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -170,13 +116,6 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 @Builder
 function buildCustomComponent(ctx: ComponentBuilderContext) {
-  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
-    SampleView({
-      ctx: ctx.rnComponentContext,
-      tag: ctx.tag,
-      buildCustomComponent: buildCustomComponent
-    })
-  }
 + if (ctx.componentName === WEB_VIEW) {
 +   WebView({
 +     ctx: ctx.rnComponentContext,
@@ -188,7 +127,7 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+> [!TIP] 本库使用了混合方案，需要添加组件名。
 
 在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
 
@@ -201,7 +140,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.在 ArkTs 侧引入 WebViewPackage
+### 4.在 ArkTs 侧引入 WebViewPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -218,7 +157,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
@@ -233,7 +172,7 @@ ohpm install
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -247,40 +186,90 @@ ohpm install
 
 详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
 
-| Name                                               | Description                                                  | Type     | Required | Platform          | HarmonyOS Support                                            |
-| -------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------ |
-| `source`                                           | Loads static HTML or a URI (with optional headers) in the WebView | object   | yes      | All               | partially (Only of:  **Load uri :** uri  headers  **Static HTML :** html  baseUrl) |
-| `injectedJavaScript?`                              | Set this to provide JavaScript that will be injected into the web page after the document finishes loading | string   | No       | All               | yes                                                          |
-| `originWhitelist?`                                 | List of origin strings to allow being navigated to.          | string[] | No       | iOS,android,macOS | yes                                                          |
-| `scalesPageToFit?`                                 | Boolean that controls whether the web content is scaled to fit the view and enables the user to change the scale. | boolean  | No       | android           | yes                                                          |
-| `startInLoadingState?`                             | Boolean value that forces the WebView to show the loading view on the first load. | boolean  | No       | iOS,android,macOS | yes                                                          |
-| `style?`                                           | A style object that allow you to customize the WebView style. | Style    | No       | ALL               | yes                                                          |
-| `domStorageEnabled?`                               | Boolean value to control whether DOM Storage is enabled. Used only in Android and harmony. | boolean  | No       | android           | yes                                                          |
-| `javaScriptEnabled?`                               | Boolean value to enable JavaScript in the WebView.           | boolean  | No       | All               | yes                                                          |
-| `showsHorizontalScrollIndicator?`                  | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. | boolean  | No       | iOS,android,macOS | yes                                                          |
-| `showsVerticalScrollIndicator`                     | Boolean value that determines whether a vertical scroll indicator is shown in the WebView. | boolean  | No       | iOS,android,macOS | yes                                                          |
-| `ignoreSilentHardwareSwitch`                     | Boolean value that When set to true the hardware silent switch is ignored. | boolean  | No       | iOS | yes                                                          |
-| `cacheEnabled?`                                    | Sets whether WebView should use browser caching.             | boolean  | No       | iOS,android,macOS | yes                                                          |
-| `cacheMode?`                                       | Overrides the way the cache is used.                         | string   | No       | android           | yes                                                          |
-| `textZoom?`                                        | If the user has set a custom font size in the Android and harmony system, an undesirable scale of the site interface in WebView occurs. | number   | No       | android           | yes                                                          |
-| `injectJavaScript?: (script: string) => void`      | Executes the JavaScript string.                              | function | No       | iOS,android,macOS | yes                                                          |
-| `onLoadEnd?: (event) => void`                      | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All               | yes                                                          |
-| `onLoadProgress?: (event) => void`                      | Function that is invoked when the WebView is loading. | function | No       | All               | yes                                                          |
-| `onMessage?: (event) => void`                      | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,android,macOS | yes                                                          |
-| `onShouldStartLoadWithRequest?: (event) => void`   | Function that allows custom handling of any web view requests. | function | No       | iOS,android,macOS | yes                                                          |
-| `reload?`                                          | Reloads the current page.                                    | function | No       | iOS,android,macOS | yes                                                          |
-| `stopLoading?`                                     | Stop loading the current page.                               | function | No       | iOS,android,macOS | yes                                                          |
-| `goBack?`: () => void                              | Go back one page in the web view's history.                  | function | No       | iOS,android,macOS | yes                                                          |
-| `goForward?`: () => void                           | Go forward one page in the web view's history.               | function | No       | iOS,android,macOS | yes                                                          |
-| `requestFocus?`: () => void                        | Request the webView to ask for focus.                        | function | No       | iOS,android,macOS | yes                                                          |
-| `clearCache?`: (includeDiskFiles: boolean) => void | Clears the resource cache.                                   | function | No       | iOS,android,macOS | yes                                                          |
-| `clearHistory?`: () => void                        | Tells this WebView to clear its internal back/forward list.  | function | No       | android           | yes                                                          |
-| `loadUrl?`: (url: string) => void                  | Loads a specified URL.                                       | function | No       | -                 | yes                                                          |
-| `incognito?`                                       | Does not store any data within the lifetime of the WebView.  | boolean  | NO       | All               | yes                                                          |
+| Name                                                     | Description                                                  | Type     | Required | Platform            | HarmonyOS Support                                            |
+|----------------------------------------------------------| ------------------------------------------------------------ | -------- |----------|---------------------| ------------------------------------------------------------ |
+| `source`                                                 | Loads static HTML or a URI (with optional headers) in the WebView | object   | yes      | All                 | partially (Only of:  **Load uri :** uri  headers  **Static HTML :** html  baseUrl) |
+| `injectedJavaScript?`                                    | Set this to provide JavaScript that will be injected into the web page after the document finishes loading | string   | No       | All                 | yes                                                          |
+| `originWhitelist?`                                       | List of origin strings to allow being navigated to.          | string[] | No       | iOS,Android,macOS   | yes                                                          |
+| `scalesPageToFit?`                                       | Boolean that controls whether the web content is scaled to fit the view and enables the user to change the scale. | boolean  | No       | Android             | yes                                                          |
+| `startInLoadingState?`                                   | Boolean value that forces the WebView to show the loading view on the first load. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `style?`                                                 | A style object that allow you to customize the WebView style. | Style    | No       | ALL                 | yes                                                          |
+| `domStorageEnabled?`                                     | Boolean value to control whether DOM Storage is enabled. Used only in Android and harmony. | boolean  | No       | Android             | yes                                                          |
+| `javaScriptEnabled?`                                     | Boolean value to enable JavaScript in the WebView.           | boolean  | No       | All                 | yes                                                          |
+| `showsHorizontalScrollIndicator?`                        | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `showsVerticalScrollIndicator`                           | Boolean value that determines whether a vertical scroll indicator is shown in the WebView. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `ignoreSilentHardwareSwitch`                             | Boolean value that When set to true the hardware silent switch is ignored. | boolean  | No       | iOS                 | yes                                                          |
+| `cacheEnabled?`                                          | Sets whether WebView should use browser caching.             | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `cacheMode?`                                             | Overrides the way the cache is used.                         | string   | No       | Android             | yes                                                          |
+| `textZoom?`                                              | If the user has set a custom font size in the Android and harmony system, an undesirable scale of the site interface in WebView occurs. | number   | No       | Android             | yes                                                          |
+| `injectJavaScript?: (script: string) => void`            | Executes the JavaScript string.                              | function | No       | iOS,Android,macOS   | yes                                                          |
+| `onLoadEnd?: (event) => void`                            | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All                 | yes                                                          |
+| `onLoadProgress?: (event) => void`                       | Function that is invoked when the WebView is loading. | function | No       | All                 | yes                                                          |
+| `onMessage?: (event) => void`                            | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,Android,macOS   | yes                                                          |
+| `onShouldStartLoadWithRequest?: (event) => void`         | Function that allows custom handling of any web view requests. | function | No       | iOS,Android,macOS   | yes                                                          |
+| `reload?`                                                | Reloads the current page.                                    | function | No       | iOS,Android,macOS   | yes                                                          |
+| `stopLoading?`                                           | Stop loading the current page.                               | function | No       | iOS,Android,macOS   | yes                                                          |
+| `goBack?`: () => void                                    | Go back one page in the web view's history.                  | function | No       | iOS,Android,macOS   | yes                                                          |
+| `goForward?`: () => void                                 | Go forward one page in the web view's history.               | function | No       | iOS,Android,macOS   | yes                                                          |
+| `requestFocus?`: () => void                              | Request the webView to ask for focus.                        | function | No       | iOS,Android,macOS   | yes                                                          |
+| `clearCache?`: (includeDiskFiles: boolean) => void       | Clears the resource cache.                                   | function | No       | iOS,Android,macOS   | yes                                                          |
+| `clearHistory?`: () => void                              | Tells this WebView to clear its internal back/forward list.  | function | No       | Android             | yes                                                          |
+| `loadUrl?`: (url: string) => void                        | Loads a specified URL.                                       | function | No       | -                   | yes                                                          |
+| `incognito?`                                             | Does not store any data within the lifetime of the WebView.  | boolean  | NO       | All                 | yes                                                          |
+| `mediaPlaybackRequiresUserAction?`                       | Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is `true`. (Android API minimum version 17). | boolean | NO       | iOS,Android,macOS   | yes |
+| `geolocationEnabled?`                                    | Set whether Geolocation is enabled in the `WebView`. The default value is `false`. Used only in Android. | boolean | NO       | Android             | yes |
+| `fraudulentWebsiteWarningEnabled?`                       | A Boolean value that indicates whether the web view shows warnings for suspected fraudulent content, such as malware or phishing attempts. The default value is `true`. (iOS 13+) | boolean | NO       | iOS                 | yes |
+| `thirdPartyCookiesEnabled?`                              | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. For more on cookies, | boolean | NO       | Android             | yes |
+| `userAgent?`                                             | Sets the user-agent for the `WebView`. | string | NO       | iOS,Android,macOS   | yes |
+| `minimumFontSize?`                                       | Android enforces a minimum font size based on this value. A non-negative integer between 1 and 72. Any number outside the specified range will be pinned. Default value is 8. If you are using smaller font sizes and are having trouble fitting the whole window onto one screen, try setting this to a smaller value. | number | No       | Android             | yes |
+| `forceDarkOn?`                                           | Configuring Dark Theme | boolean | No       | Android             | yes |
+| `injectedJavaScriptBeforeContentLoaded?`                 | Set this to provide JavaScript that will be injected into the web page after the document element is created, but before other subresources finish loading. | string | No       | iOS,Android,macOS   | yes |
+| `clearFormData`                                          | (Androidonly)Removes the autocomplete popup from the currently focused form field, if present. [developer.Android.com reference](https://developer.Android.com/reference/Android/webkit/WebView.html#clearFormData()) | function | No       | Android             | No |
+| `automaticallyAdjustContentInsets?`                      | Controls whether to adjust the content inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value is `true` | boolean | No       | iOS                 | No |
+| `automaticallyAdjustsScrollIndicatorInsets?`             | Controls whether to adjust the scroll indicator inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value `false`. (iOS 13+) | boolean | No       | iOS                 | No |
+| `injectedJavaScriptBeforeContentLoadedForMainFrameOnly?` | If `true` (default; mandatory for Android), loads the `injectedJavaScriptBeforeContentLoaded` only into the main frame. | boolean | No       | iOS                 | No |
+| `nativeConfig?`                                          | Override the native component used to render the WebView. Enables a custom native WebView which uses the same JavaScript as the original WebView. | object | No       | iOS, Android, macOS | No |
+| `onOpenWindow?`                                          | Function that is invoked when the `WebView` should open a new window. | function | No       | iOS, Android, macOS | No |
+| `onContentProcessDidTerminate?`                          | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS, Android, macOS | No |
+| `renderLoading?`                                         | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS | No |
+| `decelerationRate?`                                      | A floating-point number that determines how quickly the scroll view decelerates after the user lifts their finger. You may also use the string shortcuts `"normal"` and `"fast"` which match the underlying iOS | number | No       | iOS                 | No |
+| `javaScriptCanOpenWindowsAutomatically?`                 | A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is `false`. | boolean | No       | iOS, Android, macOS | No |
+| `AndroidLayerType?`                                      | Specifies the layer type. | string | No       | Android             | No |
+| `mixedContentMode?`                                      |Specifies the mixed content mode. i.e WebView will allow a secure origin to load content from any other origin.  | string | No       | Android             | No |
+| `allowsFullscreenVideo?`                                 | Boolean that determines whether videos are allowed to be played in fullscreen. The default value is false. | boolean | NO | Android          | NO |
+| `allowsInlineMediaPlayback?` | Boolean that determines whether HTML5 videos play inline or use the native full-screen controller. The default value is `false`. | boolean | NO | iOS | NO |
+| `allowsAirPlayForMediaPlayback?` | A Boolean value indicating whether AirPlay is allowed. The default value is `false`. | boolean | NO | iOS and macOS | NO |
+| `contentInset?` | The amount by which the web view content is inset from the edges of the scroll view. Defaults to {top: 0, left: 0, bottom: 0, right: 0}. | object | NO | iOS | NO |
+| `contentInsetAdjustmentBehavior?` | This property specifies how the safe area insets are used to modify the content area of the scroll view. The default value of this property is "never". Available on iOS 11 and later. Defaults to `never`. | string | NO | iOS | NO |
+| `contentMode?` | string | NO | iOS | NO ||
+| `dataDetectorTypes?` | Determines the types of data converted to clickable URLs in the web view's content. By default only phone numbers are detected. | string, or array | NO | ios | NO |
+| `setBuiltInZoomControls?` | Sets whether the WebView should use its built-in zoom mechanisms. The default value is `true`. Setting this to `false` will prevent the use of a pinch gesture to control zooming. | boolean | NO | Android | NO |
+| `setDisplayZoomControls?` | Sets whether the WebView should display on-screen zoom controls when using the built-in zoom mechanisms (see `setBuiltInZoomControls`). The default value is `false`. | boolean | NO | Android | NO |
+| `directionalLockEnabled?` | A Boolean value that determines whether scrolling is disabled in a particular direction. The default value is `true`. | boolean | NO | iOS | NO |
+| `allowFileAccessFromFileURLs?` | Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is `false`. | boolean | NO | iOS, Android, macOS | NO |
+| `allowUniversalAccessFromFileURLs?` | boolean | NO | iOS, Android, macOS | NO ||
+| `allowingReadAccessToURL` | A String value that indicates which URLs the WebView's file can then reference in scripts, AJAX requests, and CSS imports. This is only used in for WebViews that are loaded with a `source.uri` set to a `'file://'` URL. If not provided, the default is to only allow read access to the URL provided in `source.uri` itself. | string | NO | iOS and macOS | NO |
+| `keyboardDisplayRequiresUserAction?` | If `false`, web content can programmatically display the keyboard. The default value is `true`. | boolean | NO | iOS and macOS | NO |
+| `hideKeyboardAccessoryView?` | If `true`, this will hide the keyboard accessory view (< > and Done). | boolean | NO | iOS | NO |
+| `allowsBackForwardNavigationGestures?` | boolean | NO | iOS and macOS | NO ||
+| `allowFileAccess?` | If `true`, this will allow access to the file system via `file://` URI's. The default value is `false`. | boolean | NO | Android | NO |
+| `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
+| `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
+| `pagingEnabled?` | If the value of this property is `true`, the scroll view stops on multiples of the scroll view’s bounds when the user scrolls. The default value is `false`. | boolean | NO | iOS | NO |
+| `allowsLinkPreview?` | A Boolean value that determines whether pressing on a link displays a preview of the destination for the link. In iOS this property is available on devices that support 3D Touch. In iOS 10 and later, the default value is `true`; before that, the default value is `false` | boolean | NO | iOS and macOS | NO |
+| `sharedCookiesEnabled?` | Set `true` if shared cookies from `[NSHTTPCookieStorage sharedHTTPCookieStorage]` should be used for every load request in the WebView. The default value is `false`. For more on cookies, read the [Guide](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#Managing-Cookies) | boolean | NO | iOS and macOS | NO |
+| `limitsNavigationsToAppBoundDomains?` | boolean | NO | iOS | NO ||
+| `textInteractionEnabled?` | If false indicates to WebKit that a WKWebView will not interact with text, thus not showing a text selection loop. Only applicable for iOS 14.5 or greater. | boolean | NO | iOS | NO |
+| `suppressMenuItems?` | Allows to suppress menu item from the default context menu. | array of strings | NO | iOS | NO |
+| `mediaCapturePermissionGrantType?` | string | NO | iOS | NO ||
+| `autoManageStatusBarEnabled?` | If set to `true`, the status bar will be automatically hidden/shown by WebView, specifically when full screen video is being watched. If `false`, WebView will not manage the status bar at all. The default value is `true`. | boolean | NO | iOS | NO |
+| `onCustomMenuSelection?` | function | NO | iOS, Android | NO ||
+| `basicAuthCredential`? | object that specifies the credentials of a user to be used for basic authentication. | object | NO | iOS, Android | NO |
+| `useWebView2?` | Use WinUI WebView2 control instead of WebView control as the native webview. The WebView2 control is a WinUI control that renders web content using the Microsoft Edge (Chromium) rendering engine. Option can be toggled at runtime and supports Fast Refresh. | boolean | NO | Windows | NO |
 
 ## 遗留问题
 
-- [ ]  webview 部分属性未实现 HarmonyOS 化[issue#17](https://github.com/react-native-oh-library/react-native-webview/issues/17)
+- [ ]  webview 部分属性未实现 HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
 - [X]  中文乱码[issue#18](https://github.com/react-native-oh-library/react-native-webview/issues/18)
 
 ## 其他
@@ -288,4 +277,4 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
-[react-native-vconsole.md](react-native-vconsole.md)
+
diff --git a/zh-cn/react-native-webviewr(nocodegen).md b/zh-cn/react-native-webviewr(nocodegen).md
new file mode 100644
index 00000000..79628624
--- /dev/null
+++ b/zh-cn/react-native-webviewr(nocodegen).md
@@ -0,0 +1,335 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-webview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-webview/react-native-webview">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20windows%20%7C%20macos%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-webview)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-webview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-webview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { WebView } from "react-native-webview";
+
+export default function WebViewDemo() {
+  return (
+      <WebView source={{ uri: "https://reactnative.dev/" }} />
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-webview": "file:../../node_modules/@react-native-oh-tpl/react-native-webview/harmony/rn_webview.har"  
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 WebViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
+set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-webview/src/main/cpp" ./webview)
+
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_webview)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "WebViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<WebViewPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 webview 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
++ import { WebView, WEB_VIEW } from "@react-native-oh-tpl/react-native-webview"
+
+@Builder
+function buildCustomComponent(ctx: ComponentBuilderContext) {
++ if (ctx.componentName === WEB_VIEW) {
++   WebView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+ ...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ WEB_VIEW
+  ];
+```
+
+### 5.在 ArkTs 侧引入 WebViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type {RNPackageContext, RNPackage} from 'rnoh/ts';
+import {SamplePackage} from 'rnoh-sample-package/ts';
++ import { WebViewPackage } from '@react-native-oh-tpl/react-native-webview/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new WebViewPackage(ctx)
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
+
+| Name                                                     | Description                                                  | Type     | Required | Platform            | HarmonyOS Support                                            |
+|----------------------------------------------------------| ------------------------------------------------------------ | -------- |----------|---------------------| ------------------------------------------------------------ |
+| `source`                                                 | Loads static HTML or a URI (with optional headers) in the WebView | object   | yes      | All                 | partially (Only of:  **Load uri :** uri  headers  **Static HTML :** html  baseUrl) |
+| `injectedJavaScript?`                                    | Set this to provide JavaScript that will be injected into the web page after the document finishes loading | string   | No       | All                 | yes                                                          |
+| `originWhitelist?`                                       | List of origin strings to allow being navigated to.          | string[] | No       | iOS,Android,macOS   | yes                                                          |
+| `scalesPageToFit?`                                       | Boolean that controls whether the web content is scaled to fit the view and enables the user to change the scale. | boolean  | No       | Android             | yes                                                          |
+| `startInLoadingState?`                                   | Boolean value that forces the WebView to show the loading view on the first load. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `style?`                                                 | A style object that allow you to customize the WebView style. | Style    | No       | ALL                 | yes                                                          |
+| `domStorageEnabled?`                                     | Boolean value to control whether DOM Storage is enabled. Used only in Android and harmony. | boolean  | No       | Android             | yes                                                          |
+| `javaScriptEnabled?`                                     | Boolean value to enable JavaScript in the WebView.           | boolean  | No       | All                 | yes                                                          |
+| `showsHorizontalScrollIndicator?`                        | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `showsVerticalScrollIndicator`                           | Boolean value that determines whether a vertical scroll indicator is shown in the WebView. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `ignoreSilentHardwareSwitch`                             | Boolean value that When set to true the hardware silent switch is ignored. | boolean  | No       | iOS                 | yes                                                          |
+| `cacheEnabled?`                                          | Sets whether WebView should use browser caching.             | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `cacheMode?`                                             | Overrides the way the cache is used.                         | string   | No       | Android             | yes                                                          |
+| `textZoom?`                                              | If the user has set a custom font size in the Android and harmony system, an undesirable scale of the site interface in WebView occurs. | number   | No       | Android             | yes                                                          |
+| `injectJavaScript?: (script: string) => void`            | Executes the JavaScript string.                              | function | No       | iOS,Android,macOS   | yes                                                          |
+| `onLoadEnd?: (event) => void`                            | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All                 | yes                                                          |
+| `onLoadProgress?: (event) => void`                       | Function that is invoked when the WebView is loading. | function | No       | All                 | yes                                                          |
+| `onMessage?: (event) => void`                            | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,Android,macOS   | yes                                                          |
+| `onShouldStartLoadWithRequest?: (event) => void`         | Function that allows custom handling of any web view requests. | function | No       | iOS,Android,macOS   | yes                                                          |
+| `reload?`                                                | Reloads the current page.                                    | function | No       | iOS,Android,macOS   | yes                                                          |
+| `stopLoading?`                                           | Stop loading the current page.                               | function | No       | iOS,Android,macOS   | yes                                                          |
+| `goBack?`: () => void                                    | Go back one page in the web view's history.                  | function | No       | iOS,Android,macOS   | yes                                                          |
+| `goForward?`: () => void                                 | Go forward one page in the web view's history.               | function | No       | iOS,Android,macOS   | yes                                                          |
+| `requestFocus?`: () => void                              | Request the webView to ask for focus.                        | function | No       | iOS,Android,macOS   | yes                                                          |
+| `clearCache?`: (includeDiskFiles: boolean) => void       | Clears the resource cache.                                   | function | No       | iOS,Android,macOS   | yes                                                          |
+| `clearHistory?`: () => void                              | Tells this WebView to clear its internal back/forward list.  | function | No       | Android             | yes                                                          |
+| `loadUrl?`: (url: string) => void                        | Loads a specified URL.                                       | function | No       | -                   | yes                                                          |
+| `incognito?`                                             | Does not store any data within the lifetime of the WebView.  | boolean  | NO       | All                 | yes                                                          |
+| `mediaPlaybackRequiresUserAction?`                       | Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is `true`. (Android API minimum version 17). | boolean | NO       | iOS,Android,macOS   | yes |
+| `geolocationEnabled?`                                    | Set whether Geolocation is enabled in the `WebView`. The default value is `false`. Used only in Android. | boolean | NO       | Android             | yes |
+| `fraudulentWebsiteWarningEnabled?`                       | A Boolean value that indicates whether the web view shows warnings for suspected fraudulent content, such as malware or phishing attempts. The default value is `true`. (iOS 13+) | boolean | NO       | iOS                 | yes |
+| `thirdPartyCookiesEnabled?`                              | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. For more on cookies, | boolean | NO       | Android             | yes |
+| `userAgent?`                                             | Sets the user-agent for the `WebView`. | string | NO       | iOS,Android,macOS   | yes |
+| `minimumFontSize?`                                       | Android enforces a minimum font size based on this value. A non-negative integer between 1 and 72. Any number outside the specified range will be pinned. Default value is 8. If you are using smaller font sizes and are having trouble fitting the whole window onto one screen, try setting this to a smaller value. | number | No       | Android             | yes |
+| `forceDarkOn?`                                           | Configuring Dark Theme | boolean | No       | Android             | yes |
+| `injectedJavaScriptBeforeContentLoaded?`                 | Set this to provide JavaScript that will be injected into the web page after the document element is created, but before other subresources finish loading. | string | No       | iOS,Android,macOS   | yes |
+| `clearFormData`                                          | (Androidonly)Removes the autocomplete popup from the currently focused form field, if present. [developer.Android.com reference](https://developer.Android.com/reference/Android/webkit/WebView.html#clearFormData()) | function | No       | Android             | No |
+| `automaticallyAdjustContentInsets?`                      | Controls whether to adjust the content inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value is `true` | boolean | No       | iOS                 | No |
+| `automaticallyAdjustsScrollIndicatorInsets?`             | Controls whether to adjust the scroll indicator inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value `false`. (iOS 13+) | boolean | No       | iOS                 | No |
+| `injectedJavaScriptBeforeContentLoadedForMainFrameOnly?` | If `true` (default; mandatory for Android), loads the `injectedJavaScriptBeforeContentLoaded` only into the main frame. | boolean | No       | iOS                 | No |
+| `nativeConfig?`                                          | Override the native component used to render the WebView. Enables a custom native WebView which uses the same JavaScript as the original WebView. | object | No       | iOS, Android, macOS | No |
+| `onOpenWindow?`                                          | Function that is invoked when the `WebView` should open a new window. | function | No       | iOS, Android, macOS | No |
+| `onContentProcessDidTerminate?`                          | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS, Android, macOS | No |
+| `renderLoading?`                                         | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS | No |
+| `decelerationRate?`                                      | A floating-point number that determines how quickly the scroll view decelerates after the user lifts their finger. You may also use the string shortcuts `"normal"` and `"fast"` which match the underlying iOS | number | No       | iOS                 | No |
+| `javaScriptCanOpenWindowsAutomatically?`                 | A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is `false`. | boolean | No       | iOS, Android, macOS | No |
+| `AndroidLayerType?`                                      | Specifies the layer type. | string | No       | Android             | No |
+| `mixedContentMode?`                                      |Specifies the mixed content mode. i.e WebView will allow a secure origin to load content from any other origin.  | string | No       | Android             | No |
+| `allowsFullscreenVideo?`                                 | Boolean that determines whether videos are allowed to be played in fullscreen. The default value is false. | boolean | NO | Android          | NO |
+| `allowsInlineMediaPlayback?` | Boolean that determines whether HTML5 videos play inline or use the native full-screen controller. The default value is `false`. | boolean | NO | iOS | NO |
+| `allowsAirPlayForMediaPlayback?` | A Boolean value indicating whether AirPlay is allowed. The default value is `false`. | boolean | NO | iOS and macOS | NO |
+| `contentInset?` | The amount by which the web view content is inset from the edges of the scroll view. Defaults to {top: 0, left: 0, bottom: 0, right: 0}. | object | NO | iOS | NO |
+| `contentInsetAdjustmentBehavior?` | This property specifies how the safe area insets are used to modify the content area of the scroll view. The default value of this property is "never". Available on iOS 11 and later. Defaults to `never`. | string | NO | iOS | NO |
+| `contentMode?` | string | NO | iOS | NO ||
+| `dataDetectorTypes?` | Determines the types of data converted to clickable URLs in the web view's content. By default only phone numbers are detected. | string, or array | NO | ios | NO |
+| `setBuiltInZoomControls?` | Sets whether the WebView should use its built-in zoom mechanisms. The default value is `true`. Setting this to `false` will prevent the use of a pinch gesture to control zooming. | boolean | NO | Android | NO |
+| `setDisplayZoomControls?` | Sets whether the WebView should display on-screen zoom controls when using the built-in zoom mechanisms (see `setBuiltInZoomControls`). The default value is `false`. | boolean | NO | Android | NO |
+| `directionalLockEnabled?` | A Boolean value that determines whether scrolling is disabled in a particular direction. The default value is `true`. | boolean | NO | iOS | NO |
+| `allowFileAccessFromFileURLs?` | Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is `false`. | boolean | NO | iOS, Android, macOS | NO |
+| `allowUniversalAccessFromFileURLs?` | boolean | NO | iOS, Android, macOS | NO ||
+| `allowingReadAccessToURL` | A String value that indicates which URLs the WebView's file can then reference in scripts, AJAX requests, and CSS imports. This is only used in for WebViews that are loaded with a `source.uri` set to a `'file://'` URL. If not provided, the default is to only allow read access to the URL provided in `source.uri` itself. | string | NO | iOS and macOS | NO |
+| `keyboardDisplayRequiresUserAction?` | If `false`, web content can programmatically display the keyboard. The default value is `true`. | boolean | NO | iOS and macOS | NO |
+| `hideKeyboardAccessoryView?` | If `true`, this will hide the keyboard accessory view (< > and Done). | boolean | NO | iOS | NO |
+| `allowsBackForwardNavigationGestures?` | boolean | NO | iOS and macOS | NO ||
+| `allowFileAccess?` | If `true`, this will allow access to the file system via `file://` URI's. The default value is `false`. | boolean | NO | Android | NO |
+| `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
+| `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
+| `pagingEnabled?` | If the value of this property is `true`, the scroll view stops on multiples of the scroll view’s bounds when the user scrolls. The default value is `false`. | boolean | NO | iOS | NO |
+| `allowsLinkPreview?` | A Boolean value that determines whether pressing on a link displays a preview of the destination for the link. In iOS this property is available on devices that support 3D Touch. In iOS 10 and later, the default value is `true`; before that, the default value is `false` | boolean | NO | iOS and macOS | NO |
+| `sharedCookiesEnabled?` | Set `true` if shared cookies from `[NSHTTPCookieStorage sharedHTTPCookieStorage]` should be used for every load request in the WebView. The default value is `false`. For more on cookies, read the [Guide](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#Managing-Cookies) | boolean | NO | iOS and macOS | NO |
+| `limitsNavigationsToAppBoundDomains?` | boolean | NO | iOS | NO ||
+| `textInteractionEnabled?` | If false indicates to WebKit that a WKWebView will not interact with text, thus not showing a text selection loop. Only applicable for iOS 14.5 or greater. | boolean | NO | iOS | NO |
+| `suppressMenuItems?` | Allows to suppress menu item from the default context menu. | array of strings | NO | iOS | NO |
+| `mediaCapturePermissionGrantType?` | string | NO | iOS | NO ||
+| `autoManageStatusBarEnabled?` | If set to `true`, the status bar will be automatically hidden/shown by WebView, specifically when full screen video is being watched. If `false`, WebView will not manage the status bar at all. The default value is `true`. | boolean | NO | iOS | NO |
+| `onCustomMenuSelection?` | function | NO | iOS, Android | NO ||
+| `basicAuthCredential`? | object that specifies the credentials of a user to be used for basic authentication. | object | NO | iOS, Android | NO |
+| `useWebView2?` | Use WinUI WebView2 control instead of WebView control as the native webview. The WebView2 control is a WinUI control that renders web content using the Microsoft Edge (Chromium) rendering engine. Option can be toggled at runtime and supports Fast Refresh. | boolean | NO | Windows | NO |
+
+## 遗留问题
+
+- [ ]  webview 部分属性未实现 HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
+- [X]  中文乱码[issue#18](https://github.com/react-native-oh-library/react-native-webview/issues/18)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
+

From 759924a7db845ee51f3a16d166816c7974a667de Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Fri, 13 Sep 2024 06:22:41 +0000
Subject: [PATCH 534/966] =?UTF-8?q?!1498=20docs:=20[Issues:=20#IAPWQQ]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-reanimated-bottom-sheet=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IAPWQQ?=
 =?UTF-8?q?]=20=E6=96=B0=E5=A2=9Ereact-native-reanimated-bottom-sheet?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-reanimated-bottom-sheet.md | 178 ++++++++++++++++++
 1 file changed, 178 insertions(+)
 create mode 100644 zh-cn/react-native-reanimated-bottom-sheet.md

diff --git a/zh-cn/react-native-reanimated-bottom-sheet.md b/zh-cn/react-native-reanimated-bottom-sheet.md
new file mode 100644
index 00000000..d80ed103
--- /dev/null
+++ b/zh-cn/react-native-reanimated-bottom-sheet.md
@@ -0,0 +1,178 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>reanimated-bottom-sheet</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/osdnk/react-native-reanimated-bottom-sheet">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/reanimated-bottom-sheet@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add  @react-native-oh-tpl/reanimated-bottom-sheet@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React from "react";
+import { View, Button, Text,Dimensions } from "react-native";
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import BottomSheet from "reanimated-bottom-sheet";
+
+
+export default function () {
+  const WINDOW_HEIGHT = Dimensions.get('window').height;
+  const sheetRef = React.useRef(null);
+  const renderContent = () => (
+    <View
+      style={{
+        padding: 16,
+      }}>
+      <Text>this is content</Text>
+    </View>
+  );
+
+  const renderHeader = () => (
+    <View
+      style={{
+        padding: 16,
+      }}>
+      <Text>title</Text>
+    </View>
+  )
+
+  return (
+    <GestureHandlerRootView style={{ height:WINDOW_HEIGHT, }}>
+      <View
+        style={{
+          height:WINDOW_HEIGHT,
+          backgroundColor: 'papayawhip',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}>
+        <View style={{ flex: 1, gap: 10, justifyContent: 'center' }}>
+          <Button
+            title="sheetRef?.current.snapTo(2)"
+            onPress={() => sheetRef?.current.snapTo(2)}
+          />
+          <Button
+            title="sheetRef?.current.snapTo(1)"
+            onPress={() => sheetRef?.current.snapTo(1)}
+          />
+          <Button
+            title="sheetRef?.current.snapTo(0)"
+            onPress={() => sheetRef?.current.snapTo(0)}
+          />
+        </View>
+      </View>
+      <BottomSheet
+        ref={sheetRef}
+        snapPoints={[200, 100, 0]}
+        initialSnap={0}
+        renderHeader={renderHeader}
+        renderContent={renderContent} />
+    </GestureHandlerRootView>
+  )
+}
+
+```
+
+## Link
+
+本库依赖以下三方库，请查看对应文档：
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
++ [@react-native-oh-tpl/bottom-sheet](/zh-cn/react-native-bottom-sheet.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)
+
+## 属性
+
+详情见[react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| snapPoints | E.g. [300, 200, 0]. Points for snapping of bottom sheet coomponent. They define distance from bottom of the screen. Might be number or percent (as string e.g. '20%') for points or percents of screen height from bottom. Note: Array values must be in descending order. | array<string\|number> | yes | all | yes 
+| initialSnap | Determines initial snap point of bottom sheet. The value is the index from snapPoints. | number | no | all | yes
+| renderContent | Method for rendering scrollable content of bottom sheet.| React.ReactNode | no | all | yes
+| renderHeader | Method for rendering non-scrollable header of bottom sheet. | React.ReactNode | no | all | yes
+|enabledGestureInteraction | Defines if bottom sheet could be scrollable by gesture. | boolean | no | all | yes
+| enabledHeaderGestureInteraction | Defines if bottom sheet header could be scrollable by gesture.| boolean | no | all | yes
+|enabledContentGestureInteraction|Defines if bottom sheet content could be scrollable by gesture.| boolean | no | all | yes
+| enabledContentTapInteraction | Defines whether bottom sheet content could be tapped. Note: If you use Touchable* components inside your renderContent, you'll have to switch this to false to make handlers like onPress work. (See this comment.) | boolean | no | all | no
+| enabledManualSnapping | If false blocks snapping using snapTo method. | boolean | no | no | no
+| enabledBottomClamp | If true block movement is clamped from bottom to minimal snapPoint. | boolean | no | all | yes
+| enabledBottomInitialAnimation | If true sheet will grows up from bottom to initial snapPoint.| boolean | no | all | yes
+| enabledInnerScrolling | Defines whether it's possible to scroll inner content of bottom sheet. | boolean | no | all | yes
+| callbackNode | reanimated node which holds position of bottom sheet, where 0 it the highest snap point and 1 is the lowest.  | boolean | no | all | yes
+| contentPosition | reanimated node which holds position of bottom sheet's content (in dp) | reanimated node | no | all | yes
+| headerPosition | reanimated node which holds position of bottom sheet's header (in dp) | reanimated node | no | all | yes
+| overdragResistanceFactor | `Defines how violently sheet has to stopped while overdragging. 0 means no overdrag |  number | no | all | yes
+| springConfig | Overrides config for spring animation | object | no | all | yes
+| innerGestureHandlerRefs | Refs for gesture handlers used for building bottom sheet. The array consists fo three refs. The first for PanGH used for inner content scrolling. The second for PanGH used for header. The third for TapGH used for stopping scrolling the content. |  array | no | all | no
+| simultaneousHandlers | OAccepts a react ref object or an array of refs to handler components. | Array<React.RefObject<any>> | no | all | yes
+| onOpenStart |Accepts a function to be called when the bottom sheet starts to open.| function | no | all | no
+| onOpenEnd | Accepts a function to be called when the bottom sheet is almost fully openned. | function | no | all | yes
+| onCloseStart | Accepts a function to be called when the bottom sheet starts to close. | function | no | all | yes
+| onCloseEnd | Accepts a function to be called when the bottom sheet is almost closing. | function | no | all | yes
+| callbackThreshold | Accepts a float value from 0 to 1 indicating the percentage (of the gesture movement) when the callbacks are gonna be called. | number | no | all | no
+| borderRadius | Border radius of content wrapper (excluding header). | number | no | all | yes
+
+
+## 遗留问题
+
+- [ ] enabledContentTapInteraction 暂不支持。 [issues#2](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/2)
+- [ ] simultaneousHandlers 暂不支持。 [issues#3](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/3)
+- [ ] innerGestureHandlerRefs 暂不支持。 [issues#4](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/4)
+- [ ] callbackThreshold 暂不支持。[issues#6](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/6)
+
+## 其他
+- 本库基于[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)实现，若想实现完全可配置选项的高性能交互式bottomSheet，建议优先使用[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)。
+- enabledManualSnapping原库未实现该属性。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/LICENSE.md) ，请自由地享受和参与开源。

From f98cd5d5e2d42537508ef177a28e17eb1a8b3b8b Mon Sep 17 00:00:00 2001
From: hanhuigui <1341290867@qq.com>
Date: Fri, 13 Sep 2024 07:10:45 +0000
Subject: [PATCH 535/966] =?UTF-8?q?!1485=20docs:=20[Issues:=20#IAPDPY]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-keyboard-aware-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAPDPY]=20=E4=BF=AE=E6=94=B9react-native-keyboard-aware-scroll-?=
 =?UTF-8?q?view=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-native-keyboard-aware-scroll-view.md | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/zh-cn/react-native-keyboard-aware-scroll-view.md b/zh-cn/react-native-keyboard-aware-scroll-view.md
index ce5ec7af..05a7882d 100644
--- a/zh-cn/react-native-keyboard-aware-scroll-view.md
+++ b/zh-cn/react-native-keyboard-aware-scroll-view.md
@@ -53,10 +53,10 @@ const Labels = ['Username', 'Password', 'Firstname', 'Lastname', 'Address', 'Pho
 export const ReactNativeKeyboardAwareScrollView: React.FC = (): JSX.Element => {
 
     const [resetScrollToCoords, setResetScrollToCoords] = useState({ x: 20, y: 20 });
-    const [enableAutomaticScroll, setEnableAutomaticScroll] = useState(false);
+    const [enableAutomaticScroll, setEnableAutomaticScroll] = useState(true);
     const [extraHeight, setExtraHeight] = useState(50);
     const [extraScrollHeight, setExtraScrollHeight] = useState(60);
-    const [enableResetScrollToCoords, setEnableResetScrollToCoords] = useState(false);
+    const [enableResetScrollToCoords, setEnableResetScrollToCoords] = useState(true);
 
     return <KeyboardAwareScrollView
         style={styles.scroll}
@@ -66,7 +66,6 @@ export const ReactNativeKeyboardAwareScrollView: React.FC = (): JSX.Element => {
         extraScrollHeight={extraScrollHeight}
         enableResetScrollToCoords={enableResetScrollToCoords}
     >
-        <Button onPress={onSetAttribute} title="设置属性值" />
         {
             Labels.map(item => {
                 return <View key={item}>
@@ -115,13 +114,13 @@ const styles = StyleSheet.create({
 
 | Name                      | Description                                                                                    | Type                                                                                                                                                             | Required | Platform | HarmonyOS Support |
 | ------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| viewIsInsideTabBar        | Adds an extra offset that represents the `TabBarIOS` height.                                   | boolean                                                                                                                                                          | NO       | iOS      | NO                |
+| viewIsInsideTabBar        | Adds an extra offset that represents the `TabBarIOS` height.                                   | boolean                                                                                                                                                          | NO       | iOS      | YES                |
 | resetScrollToCoords       | Coordinates that will be used to reset the scroll when the keyboard hides.                     | Object: {x: number, y: number}                                                                                                                                   | NO       | All      | YES               |
 | enableAutomaticScroll     | When focus in `TextInput` will scroll the position, default is enabled.                        | boolean                                                                                                                                                          | NO       | All      | YES               |
 | extraHeight               | Adds an extra offset when focusing the `TextInput`s.                                           | number                                                                                                                                                           | NO       | All      | YES               |
 | extraScrollHeight         | Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard. | number                                                                                                                                                           | NO       | All      | YES               |
 | enableResetScrollToCoords | Lets the user enable or disable automatic resetScrollToCoords.                                 | boolean                                                                                                                                                          | NO       | All      | YES               |
-| keyboardOpeningTime       | Sets the delay time before scrolling to new position, default is 250                           | number                                                                                                                                                           | NO       | iOS      | NO                |
+| keyboardOpeningTime       | Sets the delay time before scrolling to new position, default is 250                           | number                                                                                                                                                           | NO       | iOS      | YES                |
 | onKeyboardWillShow          | What to do when the keyboard is about to appear                                                | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
 | onKeyboardDidShow           | What to do when the keyboard appears                                                           | (event?) => void                                                                                                                                                 | NO       | All      | YES               |
 | onKeyboardWillHide          | What to do when the keyboard is about to be hidden                                             | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
@@ -130,12 +129,15 @@ const styles = StyleSheet.create({
 | onKeyboardDidChangeFrame    | When the keyboard status changes                                                               | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
 | scrollToPosition          | Scroll to specific position with or without animation.                                         | (x: number, y: number, animated: bool = true) => void                                                                                                            | NO       | All      | YES               |
 | scrollToEnd               | Scroll to end with or without animation.                                                       | (animated?: bool = true) => void                                                                                                                                 | NO       | All      | YES               |
-| scrollIntoView            | Scrolls an element inside a KeyboardAwareScrollView into view.                                 | (element: React.Element<\*>, options: { getScrollPosition: ?(parentLayout, childLayout, contentOffset) => { x: number, y: number, animated: boolean } }) => void | NO       | All      | NO                |
+| scrollIntoView            | Scrolls an element inside a KeyboardAwareScrollView into view.                                 | (element: React.Element<\*>, options: { getScrollPosition: ?(parentLayout, childLayout, contentOffset) => { x: number, y: number, animated: boolean } }) => void | NO       | All      | YES                |
 
 ## 遗留问题
 
-- [ ] RN0.72.27版本新架构暂未支持UIManager.viewIsDescendantOf() API，该API功能为：判断组件节点嵌套关系，并在callback中返回boolean类型参数: [issue#3](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/3)
-- [ ] 部分接口未适配，详情见描述：[issue#2](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/2)
+- [ ] RN0.72.28版本新架构暂未支持UIManager.viewIsDescendantOf() API，该API功能为：判断组件节点嵌套关系，并在callback中返回boolean类型参数: [issue#12](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/12)
+- [ ] 方法onKeyboardDidChangeFrame未实现 HarmonyOS化 问题:[issue#16](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/16)
+- [ ] 方法onKeyboardWillChangeFrame未实现 HarmonyOS化 问题:[issue#15](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/15)
+- [ ] 方法onKeyboardWillHide未实现 HarmonyOS化 问题:[issue#14](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/14)
+- [ ] 方法onKeyboardWillShow未实现 HarmonyOS化 问题:[issue#13](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/13)
 
 ## 其他
 

From 47f1b54242bfeeee4f065c20a71954c3221ea94e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=86=B2?=
 <9521422+jx-is-hard@user.noreply.gitee.com>
Date: Fri, 13 Sep 2024 07:49:03 +0000
Subject: [PATCH 536/966] =?UTF-8?q?!1506=20docs:=20[Issues:=20#IAQBK4]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-send-intent=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAQBK4]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-send-intent=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-send-intent.md | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-send-intent.md b/zh-cn/react-native-send-intent.md
index 245c1d09..7597c5f6 100644
--- a/zh-cn/react-native-send-intent.md
+++ b/zh-cn/react-native-send-intent.md
@@ -45,7 +45,7 @@ yarn add @react-native-oh-tpl/react-native-send-intent@file:#
 
 ```tsx
 import React, { useState, useEffect } from 'react';
-import {Button} from 'react-native';
+import {Button, Text} from 'react-native';
 import NativeSendIntent from 'react-native-send-intent'
 
 function SendIntent() {
@@ -257,7 +257,8 @@ ohpm install
 | shareImageToInstagram                  | Share Image to Instagram                               | Function | no       | Android  | no                |
 | openSettings                           | Open Settings                                          | Function | no       | Android  | yes               |
 | getVoiceMailNumber                     | Get voiceMail number                                   | Function | no       | Android  | no                |
-| openFileChooser                        | Open File Chooser                                      | Function | no       | Android  | no                |
+| openFileChooser                        | Open File Chooser                                      | Function | no       | Android  | yes               |
+| openFilePicker                         | Opens Android own file selector callback path from     | Function | no       | Android  | yes               |
 | getPhoneNumber                         | Get phone number                                       | Function | no       | Android  | no                |
 | requestIgnoreBatteryOptimizations      | Request 'ignore battery optimizations'                 | Function | no       | Android  | yes               |
 | showIgnoreBatteryOptimizationsSettings | Show battery optimizations settings                    | Function | no       | Android  | yes               |
@@ -271,8 +272,8 @@ ohpm install
 - installRemoteApp(); 不支持通过一个链接下载一个包，进行安装，只能通过应用市场
 - shareTextToLine(); 共享的应用android源码为海外应用,无法打开
 - shareImageToInstagram(); Instagram为海外应用,无法打开
-- getVoiceMailNumber(); ICCID和号码信息为敏感数据，不开放
-- getPhoneNumber(); ICCID和号码信息为敏感数据，不开放
+- getVoiceMailNumber(); ICCID和号码信息为敏感数据，不开放(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-sim-V5)
+- getPhoneNumber(); ICCID和号码信息为敏感数据，不开放(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-sim-V5)
 
 ## 开源协议
 

From 7319046e0f1a72ddf29defca9dbb3431b2836681 Mon Sep 17 00:00:00 2001
From: zuoshaobo <zuoshaobo2010@163.com>
Date: Fri, 13 Sep 2024 08:06:07 +0000
Subject: [PATCH 537/966] =?UTF-8?q?!1523=20docs:=20[Issues:=20#IAQVTN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-segmented-control=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9=20?=
 =?UTF-8?q?react-native-segmented-control=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |  2 +-
 zh-cn/README.md                               |  2 +-
 ...eact-native-community-segmented-control.md | 21 ++++++++++++-------
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 3df5c4fc..f12fcffc 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
 | 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                              | 6.2.1          | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                 |
 | 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                              | 0.2.9          | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
 | 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                                  | 2.5.1          | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
-| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control)      | 2.5.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
+| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control)      | 2.5.2          | 否                 | [@react-native-oh-tpl/segmented-control](https://github.com/react-native-oh-library/segmented-control/releases)                                             | [链接](/zh-cn/react-native-community-segmented-control.md)     |
 | 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)           | 6.5.11         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
 | 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)                 | 1.3.21         | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
 | 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                     | 6.1.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 12bb6ab6..f8b6a05f 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -46,7 +46,7 @@
 | 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                              | 6.2.1          | 否                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [链接](/zh-cn/react-native-cookies-cookies.md)                 |
 | 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                              | 0.2.9          | 否                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [链接](/zh-cn/react-native-masked-view-masked-view.md)         |
 | 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                                  | 2.5.1          | 是                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [链接](/zh-cn/react-native-picker-picker.md)                   |
-| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control)      | 2.5.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-community-segmented-control.md)     |
+| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control)      | 2.5.2          | 否                 | [@react-native-oh-tpl/segmented-control](https://github.com/react-native-oh-library/segmented-control/releases)                                             | [链接](/zh-cn/react-native-community-segmented-control.md)     |
 | 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)           | 6.5.11         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-bottom-tabs.md)                 |
 | 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)                 | 1.3.21         | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [链接](/zh-cn/react-navigation-elements.md)                    |
 | 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                     | 6.1.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
diff --git a/zh-cn/react-native-community-segmented-control.md b/zh-cn/react-native-community-segmented-control.md
index a8a8873f..f2992a57 100644
--- a/zh-cn/react-native-community-segmented-control.md
+++ b/zh-cn/react-native-community-segmented-control.md
@@ -13,30 +13,36 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-segmented-control/segmented-control)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/segmented-control)
 
 ## 安装与使用
 
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/segmented-control Releases](https://github.com/react-native-oh-library/segmented-control/releases)，并下载适用版本的 tgz 包。
+
 进入到工程目录并输入以下命令：
 
+> [!TIP] # 处替换为 tgz 包的路径
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-segmented-control/segmented-control@2.5.0
+npm install @react-native-oh-tpl/segmented-control@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-segmented-control/segmented-control@2.5.0
+yarn add @react-native-oh-tpl/segmented-control@file:#
 ```
 
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```js
 import React, { useState, useEffect } from "react";
 import SegmentedControl from "@react-native-segmented-control/segmented-control";
@@ -56,7 +62,7 @@ export const MSegmentedControl: React.FC = (): JSX.Element => {
     />;
 }
 ```
-
+ 
 ## 约束与限制
 
 ### 兼容性
@@ -66,6 +72,7 @@ export const MSegmentedControl: React.FC = (): JSX.Element => {
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+4. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
 
 ## 属性
 
@@ -78,7 +85,7 @@ export const MSegmentedControl: React.FC = (): JSX.Element => {
 | Name                      | Description                                                                                    | Type                                                                                                                                                             | Required | Platform | HarmonyOS Support |
 | ------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
 | enabled         | If false the user won't be able to interact with the control. Default value is true.                                                                                                                                                             | boolean         | No       | All          | Yes               |
-| momentary       | If true, then selecting a segment won't persist visually. The onValueChange callback will still work as expected.                                                                                                                                | boolean         | No       | iOS          | No                | 
+| momentary       | If true, then selecting a segment won't persist visually. The onValueChange callback will still work as expected.                                                                                                                                | boolean         | No       | iOS          | Yes               | 
 | onChange        | Callback that is called when the user taps a segment; passes the event as an argument                                                                                                                                                            | function        | No       | All          | Yes               |
 | onValueChange   | Callback that is called when the user taps a segment; passes the segment's value as an argument                                                                                                                                                  | function        | No       | All          | Yes               |
 | selectedIndex   | The index in props.values of the segment to be (pre)selected.                                                                                                                                                                                    | number          | No       | All          | Yes               |
@@ -91,8 +98,8 @@ export const MSegmentedControl: React.FC = (): JSX.Element => {
 | tabStyle        | Styles the clickable surface which is responsible to change tabs                                                                                                                                                                                 | object          | No       | Android, Web | Yes               |
 
 ## 遗留问题
-- [ ] @react-native-segmented-control/segmented-control 的fontFamily属性未实现 HarmonyOS 化: [issue#858](https://github.com/react-native-segmented-control/segmented-control/issues/858)
-- [ ] @react-native-segmented-control/segmented-control 的momentary属性未实现 HarmonyOS 化: [issue#868](https://github.com/react-native-segmented-control/segmented-control/issues/868)
+- [X] @react-native-segmented-control/segmented-control 的fontFamily属性未实现 HarmonyOS 化: [issue#858](https://github.com/react-native-segmented-control/segmented-control/issues/858)
+- [X] @react-native-segmented-control/segmented-control 的momentary属性未实现 HarmonyOS 化: [issue#868](https://github.com/react-native-segmented-control/segmented-control/issues/868)
 
 ## 其他
 

From bec77814050add411a001e7b39039133e55fb837 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Fri, 13 Sep 2024 08:11:16 +0000
Subject: [PATCH 538/966] =?UTF-8?q?!1520=20docs:=20[Issues:=20#IAQXMJ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-cameraroll=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAQXMJ]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-cameraroll=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cameraroll.md | 41 +++++++++++++++++---------------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index 552b19b3..674dcee8 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -54,7 +54,7 @@ export default function App() {
       Button
         title="savePhotos"
         onPress={() => {
-          CameraRoll.saveAsset("https://res.vmallres.com/uomcdn/CN/cms/202409/9d386e73605e4c759c1896e8ac7ce34b.jpg.webp").then((res) => {
+          CameraRoll.saveAsset("https://res.vmallres.com/uomcdn/CN/cms/202408/5442d69d916d4bcf9ee740d595a164fb.jpg").then((res) => {
             console.log('res-----',res);
           });
         }}
@@ -161,17 +161,20 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+> [!tip] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
+
 **CameraRoll**
+
 | Name | Description | Type | Required | Platform | HarmonyOS Support | Remarks |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ | ---- |
-| save | 保存图片/视频 | function | no | android,ios | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
-| saveAsset | 保存图片/视频 | function | no | android,ios | partially |  |
-| saveToCameraRoll | 保存图片/视频 | function | no | android,ios | partially | 内部调用saveAsset接口 |
-| getPhotos | 查找图片/视频 | function | no | android,ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getAlbums | 查找相册 | function | no | android,ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| deletePhotos | 删除图片/视频 | function | no | android,ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| iosGetImageDataById | 获取图片数据 | function | no | ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getPhotoThumbnail | 获取缩略图 | function | no | ios | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| save | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
+| saveAsset | 保存图片/视频 | function | no | iOS/Android | partially |  |
+| saveToCameraRoll | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，调用会弹出警告，可用saveAsset接口代替。 |
+| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
 
 ## API
 
@@ -179,16 +182,16 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                                       | Description                                | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
-| :----------------------------------------- | :----------------------------------------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
-| `iosReadGalleryPermission`                 | 权限验证                                   | function | no       | ios      | no                |                                                              |
-| `iosRequestReadWriteGalleryPermission`     | 读写权限申请                               | function | no       | ios      | no                |                                                              |
-| `iosRequestAddOnlyGalleryPermission`       | 添加权限申请                               | function | no       | ios      | no                |                                                              |
-| `iosRefreshGallerySelection`               | 图片列表刷新                               | function | no       | ios      | no                |                                                              |
-| `harmonyReadGalleryPermission`             | 对标`iosReadGalleryPermission`             | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestReadWriteGalleryPermission` | 对标`iosRequestReadWriteGalleryPermission` | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestAddOnlyGalleryPermission`   | 对标`iosRequestAddOnlyGalleryPermission`   | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRefreshGallerySelection`           | 对标`iosRefreshGallerySelection`           | function | no       | harmony  | no                |                                                              |
+| Name                                       | Description  | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
+| :----------------------------------------- | :----------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| `iosReadGalleryPermission`                 | 权限验证     | function | no       | iOS      | no                |                                                              |
+| `iosRequestReadWriteGalleryPermission`     | 读写权限申请 | function | no       | iOS      | no                |                                                              |
+| `iosRequestAddOnlyGalleryPermission`       | 添加权限申请 | function | no       | iOS      | no                |                                                              |
+| `iosRefreshGallerySelection`               | 图片列表刷新 | function | no       | iOS      | no                |                                                              |
+| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRefreshGallerySelection`           | 图片列表刷新 | function | no       | harmony  | no                |                                                              |
 
 ## 遗留问题
 

From 3492f0db8d5db06a17b908014551e3b55a90dfd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=92=9F=E6=96=87=E8=BF=9B?= <491438425@qq.com>
Date: Fri, 13 Sep 2024 08:17:20 +0000
Subject: [PATCH 539/966] =?UTF-8?q?!1525=20docs:=20[#IAR1J9]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-localization=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAR1J9]=E6=96=B0=E5=A2=9Ereact-native?=
 =?UTF-8?q?-localization=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-localization.md | 288 +++++++++++++++++++++++++++++
 1 file changed, 288 insertions(+)
 create mode 100644 zh-cn/react-native-localization.md

diff --git a/zh-cn/react-native-localization.md b/zh-cn/react-native-localization.md
new file mode 100644
index 00000000..c9777169
--- /dev/null
+++ b/zh-cn/react-native-localization.md
@@ -0,0 +1,288 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-localization</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/stefalda/ReactNativeLocalization">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/stefalda/ReactNativeLocalization/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/ReactNativeLocalization)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-localization@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-localization@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { View, Text, Button, StyleSheet } from 'react-native';
+import Localize from 'react-native-localization';
+
+// 定义本地化内容
+const strings = new Localize({
+  en: {//英语
+    welcome: 'Welcome',
+    question: 'I\'d like some {0} and {1}, or just {0}',
+    bread: 'bread',
+    butter: 'butter',
+    greeting: 'Hello, {0}!   ',
+    currentlanguage: 'Current Language',
+    availableLanguages: 'Available Languages',
+    interfaceLanguage: 'The System Language'
+  },
+  fr: {//法语
+    welcome: 'Bienvenue',
+    question: 'Je voudrais un peu de {0} et {1}, ou juste {0}',
+    bread: 'pain',
+    butter: 'beurre',
+    greeting: 'Bonjour, {0}!',
+    currentlanguage: 'Langue actuelle',
+    availableLanguages: 'Langues disponibles',
+    interfaceLanguage: 'Langue du système'
+  },
+  bo: {//藏语
+    welcome: 'བསྐུལ་མཁན།',
+    question: 'ང་ལུས་འདི་ལས། {0} དང། {1} ཡང་ཡིན། གང་ཡིན་ནི། {0}',
+    bread: 'བཀྲུངས',
+    butter: 'བརྡེན',
+    greeting: 'བཀའ་བདག་ {0}!',
+    currentlanguage: 'ད་དུས་ལག་འཁྱེར།',
+    availableLanguages: 'ད་དུས་ལག་འཁྱེར་སྒྲིགས།',
+    interfaceLanguage: 'རྩམ་གཞི་སྒྲིག་ལེན་དེ་རྒྱལ་སྤོད་'
+  },
+  zh: {//中文
+    welcome: '欢迎',
+    question: '我想要一些{0}和{1}，或者只要{0}',
+    bread: '面包',
+    butter: '黄油',
+    greeting: '你好, {0}!',
+    currentlanguage: '当前语言',
+    availableLanguages: '当前可用语言列表',
+    interfaceLanguage: '当前系统语言'
+  },
+});
+
+export function LocalizationDemo() {
+  // getLanguage API
+  const [language, setLanguage] = useState(strings.getLanguage());
+  const changeLanguage = (lang: string) => {
+    // setLanguage API
+    strings.setLanguage(lang);
+    setLanguage(strings.getLanguage());
+  };
+
+  return (
+    <View style={styles.screen}>
+      <View style={{ height: 180, justifyContent: 'space-between', marginBottom: 30 }}>
+        <Button
+          color="#144400"
+          title="切换成中文"
+          onPress={() => changeLanguage('zh')}
+        />
+        <Button
+          color="#841584"
+          title="切换成法语"
+          onPress={() => changeLanguage('fr')}
+        />
+        <Button
+          color="#645555"
+          title="切换成英语"
+          onPress={() => changeLanguage('en')}
+        />
+        <Button
+          color="#241595"
+          title="切换成藏语"
+          onPress={() => changeLanguage('bo')}
+        />
+      </View>
+
+      <Text style={styles.text}>
+        {strings.welcome}
+      </Text>
+      <Text style={styles.text}>
+        {/* formatString API */}
+        {strings.formatString(strings.question, strings.bread, strings.butter)}
+      </Text>
+      <Text style={styles.text}>
+        {strings.currentlanguage}: {language}
+      </Text>
+      {/* getAvailableLanguages API */}
+      <Text style={styles.text}>
+        {strings.availableLanguages}: {strings.getAvailableLanguages().join(', ')}
+      </Text>
+      {/* getInterfaceLanguage API */}
+      <Text style={styles.text}>
+        {strings.interfaceLanguage}: {strings.getInterfaceLanguage()}
+      </Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'white'
+  },
+
+  screen: {
+    flex: 1,
+    padding: 4,
+    paddingTop: 10,
+    backgroundColor: 'black',
+    marginHorizontal: 4,
+    marginVertical: 8,
+    paddingHorizontal: 8,
+  },
+});
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-localization": "file:../../node_modules/@react-native-oh-tpl/react-native-localization/harmony/react_localization.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNReactLocalizationPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNReactLocalizationPackage } from '@react-native-oh-tpl/react-native-localization';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNReactLocalizationPackage(ctx),
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases)
+
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | :---------- | ---- | :------: | :------: | :----------------: |
+| setLanguage(languageCode)                 | force manually a particular language                         | void     |   yes    | iOS/Android |        yes        |
+| getLanguage()                             | get the current displayed language                           | string   |   yes    | iOS/Android |        yes        |
+| getInterfaceLanguage()                    | get the current device interface language                    | string   |   yes    | iOS/Android |        yes        |
+| formatString()                            | format the passed string replacing its placeholders with the other arguments strings | string   |   yes    | iOS/Android |        yes        |
+| getAvailableLanguages()                   | get an array of the languages passed in the constructor      | string[] |   yes    | iOS/Android |        yes        |
+| getString(key: string, language?: string) | character information based on the key value | string | yes | iOS/Android | yes |
+| setContent(props: any) | replace the NamedLocalization object without reinstantiating the object | void | yes | iOS/Android | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/stefalda/ReactNativeLocalization/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From f8a8e2af6889547ab1301527ccfd36bfed50cfe7 Mon Sep 17 00:00:00 2001
From: baofeng <baofeng6@h-partners.com>
Date: Fri, 13 Sep 2024 09:33:20 +0000
Subject: [PATCH 540/966] =?UTF-8?q?!1509=20docs:=20[Issues:=20#IAQNUJ]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-tcp-socket=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAQNUJ]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-tcp-socket=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-tcp-socket.md | 776 +++++++++++++++++++++++++++++++
 1 file changed, 776 insertions(+)
 create mode 100644 zh-cn/react-native-tcp-socket.md

diff --git a/zh-cn/react-native-tcp-socket.md b/zh-cn/react-native-tcp-socket.md
new file mode 100644
index 00000000..7bfd7c83
--- /dev/null
+++ b/zh-cn/react-native-tcp-socket.md
@@ -0,0 +1,776 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-tcp-socket</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Rapsssito/react-native-tcp-socket">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/Rapsssito/react-native-tcp-socket/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tcp-socket)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-tcp-socket@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-tcp-socket@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {useState} from 'react';
+import {StyleSheet, TouchableOpacity, FlatList, Text, View} from 'react-native';
+import TcpSocket from 'react-native-tcp-socket';
+
+const ca = `-----BEGIN CERTIFICATE-----
+MIIFOTCCAyGgAwIBAgIUZiAx4QlvsVTwoSPJCW7oHBut1aEwDQYJKoZIhvcNAQEL
+BQAwRTELMAkGA1UEBhMCQVUxEzARBgNVBAgMClNvbWUtU3RhdGUxITAfBgNVBAoM
+GEludGVybmV0IFdpZGdpdHMgUHR5IEx0ZDAeFw0yNDA4MjkxMTU5MzNaFw0yNDA5
+MjgxMTU5MzNaMEUxCzAJBgNVBAYTAkFVMRMwEQYDVQQIDApTb21lLVN0YXRlMSEw
+HwYDVQQKDBhJbnRlcm5ldCBXaWRnaXRzIFB0eSBMdGQwggIiMA0GCSqGSIb3DQEB
+AQUAA4ICDwAwggIKAoICAQC7zpsawfWsf0A4D+A2apWo87oleyYIEyi5nZo6Bo+8
+Sp9dO0qFPBfVvRjDLW/E2ZRcb22I4KUNp6bXv8AvqDWRkiCsI19uuZ4CapLTLPvw
+mJeJICr/ol6NIHNUMBHAW8LshojTOA9Tu5l1qw34kMVZokT/2b98FIk0z0xaPjpR
+8YMYOIGHJO0J2zV3qQS60C8tvaJNvAwjhvu59J897I4putQsfnU5+xO7gsTYh4md
+mzDxCMBbfxMnexwpnAXIpxvlUXpdoMZf2KV1qetEZ539qDKCvsj20ejpAHWJnbJs
+uR4ZXroXer1413XzRmn9xISllq2Z3c4QX5OmCLusXwi5yrTDvs/M0PNjMsnMm1O/
+OvjZznAQ8c6FnUYAGKf4K2q7HKSIn45kTrvPVeLNvb42xhQ3B5luuTraNr/oTRTK
+nrteBSf3LYeK8YLCZlF9nm2ppJkV90xl7RCatU0MqmGx/VCe5b7EGgpxj8fnEm5V
+GbyJ+8B5ruOLoPynejgp/2S2LdfS1oBvqdAZfjeu6sJDLS95vKUpPDoNFe4FZgFr
+N3V2alzocX5D2vHacOGR2XBqZ33w53KwekPuq3hMnC9X+gCJCp/WfSBqArbcEUWF
+2++Ps5cO8tJ2aq0AzD2N7epEbc6LXolXAfv1JyHszjcE5cF4CzOTMntd8BBiFxXl
+YwIDAQABoyEwHzAdBgNVHQ4EFgQUtfcXe+EBtuSZNdHTxf/mFJickCswDQYJKoZI
+hvcNAQELBQADggIBAI3DKyh/ylg4gzlIA5SYMlC0wFCv5rMyXAbfJHebLIs/iqEV
+L+Gs9TvQnGXqcR2Rk86CgxA+4kpqOhhVOrzSO6t6YbLTZf3lxBME0p2kmbs65Llx
+FFAXe5Lyg1mPWU5cgXdZ0sakf9uc16mtl6VpYnTw9aAGMdF0JSPYNbU/o734Ze+q
+1GlEdsrBP3pOrmF04WVSgfdUCKqdksP8Gq1tU/pGDpT2UkzQGh+ZDz8VQePsKzAd
+hgDMJbKapgEjE1cRyHAKU0JhmhRMoSXAz5svVpYm/q1dgvqi7TamoftJfXsMsOaW
+eFlvUzOcS77eIE4hN2kL+fpBRwiAx8pli2RnKzd0yFnhb/LG32nwDmYhzGOMrHOO
+JfpU4tWVVrIp9yY6IKRXGsj4XQ//5ofnAySTSpu4H9wOCY4o+UCv/OGx17PJT7E+
+e2gyq9FGyUZg0j+GBxjlzhT32WIhpCuWqr5dTWnIlXQJSVk3RIY+zuGVOh+H6Nby
+zAXyUbWUStdw8dj24PDJK89a9qCmswNTGhu7cOeOId0wxYqqkY5G6J0j57Wo1CUG
+QBxQ0dpH79QAjXOAG0zE3E1ci/Sd8Nb99OSygn/Y6l0379PKkUMb6ic6G08snn00
+Z3cbzglkWavGfLsNHv4r2tptJTn003Cvd8w1gYSViOA1wd3JN/e3qZPPraIM
+-----END CERTIFICATE-----`;
+
+const serverKey = `-----BEGIN PRIVATE KEY-----
+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
+06v4n5pCSJDPebsNaecm5HETSwAfsg==
+-----END PRIVATE KEY-----`;
+
+const keystore = require('./ca/server-keystore.p12');
+
+interface Message {
+  id: number;
+  text: string;
+  user: string;
+}
+
+const getNowTime = () => {
+  let date = new Date();
+  let hours = date.getHours();
+  let minutes = date.getMinutes();
+  let seconds = date.getSeconds();
+  return `${hours}:${minutes}:${seconds}`;
+};
+
+let server: any = null;
+let client: any = null;
+
+let testCase = 1;
+
+export const TcpSocketDemo = () => {
+  const [messages, setMessages] = useState<Message[]>([]);
+
+  const sendMessage = (msg: string, user: string) => {
+    let newMessage = {
+      id: Date.now(),
+      text: msg,
+      user: user,
+    };
+    setMessages([...messages, newMessage]);
+  };
+
+  const createTcpServer = () => {
+
+    server = new TcpSocket.Server();
+
+    server.listen({port: 0, host: '127.0.0.1', reuseAddress: true}, () => {
+      const port = server.address()?.port;
+      if (!port) throw new Error('Server port not found');
+      console.log('TcpSocketDemo:tcpServer start listen success on:'+port);
+    });
+
+    server.on('connection', (socket: any) => {
+      console.log('TcpSocketDemo:tcpServer on connection!');
+      socket.on('data', (data: any) => {
+        switch (testCase) {
+          case 1:
+            console.log(
+              'TcpSocketDemo:tcpServer received data:' + JSON.stringify(data),
+            );
+            sendMessage(`received data: ${data}`, 'tcpServer');
+            let time = getNowTime();
+            socket.write(`${time} Hello, tcpClient!`);
+            break;
+          case 2:
+            console.log(
+              `TcpSocketDemo:tcpServer Received ${data.length} bytes of data.`,
+            );
+            socket.pause();
+            console.log(
+              'TcpSocketDemo:tcpServer There will be no additional data for 1 second.',
+            );
+            setTimeout(() => {
+              console.log(
+                'TcpSocketDemo:tcpServer Now data will start flowing again.',
+              );
+              socket.resume();
+            }, 1000);
+            break;
+          case 3:
+            let dataLen = data.length;
+            let time1 = getNowTime();
+            console.log(
+              'TcpSocketDemo:tcpServer client received data: ' +
+                dataLen +
+                ' bytes',
+            );
+            sendMessage(
+              `${time1} received data: ${dataLen} bytes`,
+              'tcpServer',
+            );
+            break;
+          default:
+            console.log(
+              'TcpSocketDemo:tcpServer socket received data:' +
+                JSON.stringify(data),
+            );
+        }
+      });
+      socket.on('error', (error: any) => {
+        let errorMsg = '';
+        if (error) {
+          errorMsg = JSON.stringify(error);
+        }
+        console.log('TcpSocketDemo:tcpServer socket on error ' + errorMsg);
+      });
+
+      socket.on('close', (error: any) => {
+        let errorMsg = '';
+        if (error) {
+          errorMsg = JSON.stringify(error);
+        }
+        console.log('TcpSocketDemo:tcpServer socket on close ' + errorMsg);
+      });
+    });
+
+    server.on('error', (error: any) => {
+      console.log('TcpSocketDemo:tcpServer on error ' + JSON.stringify(error));
+    });
+
+    server.on('close', () => {
+      console.log('TcpSocketDemo:tcpServer closed');
+    });
+  };
+
+  const createTcpClient = () => {
+
+    client = new TcpSocket.Socket();
+
+    const port = server.address()?.port;
+    if (!port) throw new Error('Server port not found');
+
+    let options = {
+      port: port,
+      host: '127.0.0.1',
+      localAddress: '127.0.0.1',
+      reuseAddress: true,
+      localPort: 20000,
+      interface: 'wifi',
+    };
+    client.connect(options, () => {
+      console.log('TcpSocketDemo:tcpClient connect success');
+    });
+    client.on('data', (data: any) => {
+      console.log(
+        'TcpSocketDemo:tcpClient received data: ' +
+          (data.length < 500 ? data : data.length + ' bytes'),
+      );
+      sendMessage(`received data: ${data}`, 'tcpClient');
+    });
+
+    client.on('connect', () => {
+      console.log(
+        'TcpSocketDemo:tcpClient on connect:' +
+          JSON.stringify(client.address()),
+      );
+    });
+
+    client.on('drain', () => {
+      console.log('TcpSocketDemo:tcpClient drained');
+    });
+
+    client.on('error', (error: any) => {
+      if (error) {
+        console.log('TcpSocketDemo:tcpClient error ' + JSON.stringify(error));
+      }
+    });
+
+    client.on('close', (error: any) => {
+      let errorMsg = '';
+      if (error) {
+        errorMsg = JSON.stringify(error);
+      }
+      console.log('TcpSocketDemo:tcpClient closed ' + errorMsg);
+    });
+  };
+
+  const tcpSendData = () => {
+    testCase = 1;
+    let time = getNowTime();
+    client.write(`${time} Hello, tcpServer!`);
+  };
+
+  const tcpClose = () => {
+    client.destroy();
+    server.close();
+    client = null;
+    server = null;
+  };
+
+  const tcpPauseResume = () => {
+    testCase = 2;
+    let i = 0;
+    const MAX_ITER = 3000;
+    write();
+    async function write() {
+      let ok = true;
+      while (i <= MAX_ITER && ok) {
+        i++;
+        const buff = ' ->' + i + '<- ';
+        ok = client.write(buff);
+      }
+      if (!ok) {
+        client.once('drain', write);
+      }
+    }
+  };
+
+  const tcpLongData = () => {
+    testCase = 3;
+    const hugeData = 'x'.repeat(5 * 1024);
+    client.end(hugeData, 'utf8');
+    console.log('TcpSocketDemo:tcpClient end hugeData...');
+  };
+
+  const createTlsServer = () => {
+
+    server = new TcpSocket.TLSServer();
+    server.setSecureContext({
+      key: serverKey,
+      cert: ca,
+      keystore: keystore,
+    });
+    server.on('secureConnection', (socket: any) => {
+      console.log(
+        'TcpSocketDemo:TlsServer on secureConnection:' +
+          JSON.stringify(socket.address()),
+      );
+      socket.on('data', (data: any) => {
+
+        switch (testCase) {
+          case 1:
+            console.log(
+              'TcpSocketDemo:tlsServer received data:' + JSON.stringify(data),
+            );
+            sendMessage(`received data: ${data}`, 'tlsServer');
+            let time = getNowTime();
+            socket.write(`${time} Hello, tlsClient!`);
+            break;
+          case 2:
+            console.log(
+              `TcpSocketDemo:tlsServer Received ${data.length} bytes of data.`,
+            );
+            socket.pause();
+            console.log(
+              'TcpSocketDemo:tlsServer There will be no additional data for 1 second.',
+            );
+            setTimeout(() => {
+              console.log(
+                'TcpSocketDemo:tlsServer Now data will start flowing again.',
+              );
+              socket.resume();
+            }, 1000);
+            break;
+          case 3:
+            let dataLen = data.length;
+            let time1 = getNowTime();
+            console.log(
+              'TcpSocketDemo:tlsServer client received data: ' +
+                dataLen +
+                ' bytes',
+            );
+            sendMessage(
+              `${time1} received data: ${dataLen} bytes`,
+              'tlsServer',
+            );
+            break;
+          default:
+            console.log(
+              'TcpSocketDemo:tlsServer socket received data:' +
+                JSON.stringify(data),
+            );
+        }
+      });
+      socket.on('error', (error: any) => {
+        console.log(
+          'TcpSocketDemo:TlsServer secureConnection socket error ' +
+            JSON.stringify(error),
+        );
+      });
+
+      socket.on('close', (error: any) => {
+        console.log(
+          'TcpSocketDemo:TlsServer secureConnection socket closed ' +
+            (error ? JSON.stringify(error) : ''),
+        );
+      });
+    });
+
+    server.on('error', (error: any) => {
+      console.log('TcpSocketDemo:TlsServer on error ' + JSON.stringify(error));
+    });
+
+    server.on('close', () => {
+      console.log('TcpSocketDemo:TlsServer closed');
+    });
+
+    server.listen({port: 9999, host: '127.0.0.1', reuseAddress: true}, () => {
+      console.log('TcpSocketDemo:tlsServer start listen success!');
+    });
+  };
+
+  const createTlsClient = () => {
+
+    let clientSocket = new TcpSocket.Socket();
+
+    client = new TcpSocket.TLSSocket(clientSocket, {ca});
+    clientSocket.on('error', error => {
+      console.log(
+        'TcpSocketDemo:TlsClient clientSocket error',
+        error ? JSON.stringify(error) : '',
+      );
+    });
+
+    clientSocket.on('close', hadError => {
+      console.log(
+        'TcpSocketDemo:TlsClient clientSocket close ' +
+          (hadError ? JSON.stringify(hadError) : ''),
+      );
+    });
+
+    clientSocket.connect(
+      {
+        port: 9999,
+        host: '127.0.0.1',
+        reuseAddress: true,
+        localPort: 20000,
+        interface: 'wifi',
+      },
+      () => {
+        console.log('TcpSocketDemo:TlsClient clientSocket connect success.');
+      },
+    );
+    client.on('secureConnect', () => {
+      console.log(
+        'TcpSocketDemo:TlsClient on secureConnect:' +
+          JSON.stringify(client.address()),
+      );
+    });
+
+    client.on('connect', () => {
+      console.log(
+        'TcpSocketDemo:TlsClient on connect:' +
+          JSON.stringify(client.address()),
+      );
+    });
+
+    client.on('drain', () => {
+      console.log('TcpSocketDemo:TlsClient Client drained');
+    });
+
+    client.on('data', (data: any) => {
+      console.log(
+        'TcpSocketDemo:TlsClient received data: ' +
+          (data.length < 500 ? data : data.length + ' bytes'),
+      );
+      sendMessage(
+        `received data: ${data.length < 500 ? data : data.length + ' bytes'}`,
+        'tlsClient',
+      );
+    });
+
+    client.on('error', (error: any) => {
+      console.log('TcpSocketDemo:TlsClient error ' + JSON.stringify(error));
+    });
+
+    client.on('close', (error: any) => {
+      console.log(
+        'cpSocketDemo:TlsClient closed ' + (error ? JSON.stringify(error) : ''),
+      );
+    });
+  };
+
+  return (
+    <View style={styles.container}>
+      <FlatList
+        data={messages}
+        renderItem={({item}) => (
+          <View style={styles.message}>
+            <Text style={styles.messageText}>
+              {item?.user}: {item?.text}
+            </Text>
+          </View>
+        )}
+        keyExtractor={item => item.id.toString()}
+      />
+      <TouchableOpacity onPress={createTcpServer} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>创建TCP服务器</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={createTcpClient} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>创建TCP客户端</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={tcpSendData} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>客户端和服务器通信</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={tcpPauseResume} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>数据的暂停与恢复</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={tcpLongData} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>长数据传输</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={tcpClose} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>关闭连接</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={createTlsServer} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>创建TLS服务器</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={createTlsClient} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>创建TLS客户端</Text>
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 20,
+    backgroundColor: '#fff',
+  },
+  message: {
+    marginVertical: 10,
+    padding: 10,
+    backgroundColor: '#aaa',
+  },
+  messageText: {
+    fontSize: 16,
+  },
+  moduleButton: {
+    marginBottom: 5,
+    backgroundColor: 'deepskyblue',
+    height: 34,
+    borderRadius: 10,
+  },
+  buttonText: {
+    fontSize: 18,
+    fontWeight: '400',
+    color: '#fff',
+    textAlign: 'center',
+    lineHeight: 32,
+    verticalAlign: 'middle',
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-tcp-socket": "file:../../node_modules/@react-native-oh-tpl/react-native-tcp-socket/harmony/tcp_socket.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 TcpSocketPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {TcpSocketPackage} from '@react-native-oh-tpl/react-native-tcp-socket/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [new SamplePackage(ctx),
++   new TcpSocketPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases)
+
+### 权限要求
+
+需要获取网络信息权限："ohos.permission.GET_NETWORK_INFO"和使用网络权限："ohos.permission.INTERNET"，配置方法如下：
+
+打开`entry/src/main/module.json5`，添加：
+
+```json
+"requestPermissions": [
+     ...
+     {
+        "name": "ohos.permission.INTERNET"
+      },
+      {
+        "name": "ohos.permission.GET_NETWORK_INFO"
+      }
+]
+```
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                         | Description                                         | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------------------------------- | --------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| connect(options, callback)                   | Same as createConnection,Creating a TCP Socket      | function | no       | Android,iOS | yes               |
+| createServer(connectionListener)             | Creating a TCP Server                               | function | no       | Android,iOS | yes               |
+| createConnection(options, callback)          | Creating a TCP Socket                               | function | no       | Android,iOS | yes               |
+| createTLSServer(options, connectionListener) | Creating a TLS-based TCP Server                     | function | no       | Android,iOS | yes               |
+| connectTLS                                   | Creating a TLS-based encrypted connection           | function | no       | Android,iOS | yes               |
+| isIP                                         | Check whether a character string is an IP address   | function | no       | Android,iOS | yes               |
+| isIPv4                                       | Check whether a character string is an IPv4 address | function | no       | Android,iOS | yes               |
+| isIPv6                                       | Check whether a character string is an IPv6 address | function | no       | Android,iOS | yes               |
+| Server                                       | TCP Server Object                                   | object   | no       | Android,iOS | yes               |
+| Socket                                       | TCP Socket Object                                   | object   | no       | Android,iOS | yes               |
+| TLSServer                                    | TLS Server Object                                   | object   | no       | Android,iOS | yes               |
+| TLSSocket                                    | TLS Socket Object                                   | object   | no       | Android,iOS | yes               |
+
+### Server
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| address() | Returns the bound `address`, the address `family` name, and `port` of the server as reported by the operating system if listening | function | no | Android,iOS | yes |
+| listen(options, callback) | Start a server listening for connections | function | no | Android,iOS | yes |
+| close(callback) | Stops the server from accepting new connections and keeps existing connections | function |no | Android,iOS | yes |
+| getConnections(callback) | Asynchronously get the number of concurrent connections on the server | function | no | Android,iOS | yes |
+| listening | whether to enable the listening | boolean | no | Android,iOS | yes |
+| on('close') | Triggered when the server is shut down | event | no | Android,iOS | yes |
+| on('connection') | Triggered when the server receives a new connection | event | no | Android,iOS | yes |
+| on('error') | Triggered when an error occurs on the server | event | no | Android,iOS | yes |
+| on('listening') | Triggered when the server starts listening | event | no | Android,iOS | yes |
+
+
+### Socket
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| address() | Returns the bound `address`, the address `family` name and `port` of the socket as reported | function | no | Android,iOS | yes |
+| destroy() | Ensures that no more I/O activity happens on this socket. Destroys the stream and closes the connection | function | no | Android,iOS | yes |
+| end() | Half-closes the socket. i.e., it sends a FIN packet. It is possible the server will still send some data | function | no | Android,iOS | yes |
+| setEncoding(encoding) | Set the encoding for the socket as a Readable Stream. By default, no encoding is assigned and stream data will be returned as `Buffer` objects | function | no | Android,iOS | yes |
+| setNoDelay(noDelay) | Set no delay                                                 | function | no | Android,iOS | yes |
+| setTimeout() | Sets the socket to timeout after `timeout` milliseconds of inactivity on the socket. By default `TcpSocket` do not have a timeout | function | no | Android,iOS | yes |
+| write(buffer, encoding, cb) | Sends data on the socket. The second parameter specifies the encoding in the case of a string — it defaults to UTF8 encoding | function | no | Android,iOS | yes |
+| pause() | Pauses the reading of data. That is, `'data'` events will not be emitted. Useful to throttle back an upload | function | no | Android,iOS | yes |
+| resume() | Resumes reading after a call to `socket.pause()` | function | no | Android,iOS | yes |
+| writableNeedDrain | whether need to wait for data to be written to the socket | boolean | no | Android,iOS | yes |
+| bytesRead | Indicates the number of bytes of data that have been read from the socket | number | no | Android,iOS | yes |
+| bytesWritten | get the number of bytes last written to the socket | number | no | Android,iOS | yes |
+| connecting | whether the current socket is being connected | boolean | no | Android,iOS | yes |
+| destroyed | Whether the socket has been destroyed | boolean | no | Android,iOS | yes |
+| localAddress | Local ip address | string | no | Android,iOS | yes |
+| localPort | Local port | number | no | Android,iOS | yes |
+| remoteAddress | remote server IP address | string | no | Android,iOS | yes |
+| remoteFamily | remote server IP address type | string | no | Android,iOS | yes |
+| remotePort | remote server port | number | no | Android,iOS | yes |
+| pending | Whether  has pending data to be sent to the remote server | boolean | no | Android,iOS | yes |
+| timeout | The timeout period for the socket, in milliseconds. The default timeout period is 30 seconds | number | no | Android,iOS | yes |
+| readyState | the state of socket,`0`: not connected,`1`:connected,2:  closing,3:closed | number | no | Android,iOS | yes |
+| on('pause') | Triggered when pauses the reading of data | event | no | Android,iOS | yes |
+| on('resume') | Triggered when Resumes the reading of data | event | no | Android,iOS | yes |
+| on('close') | Triggered when socket is  closed | event | no | Android,iOS | yes |
+| on('connect') | Triggered when socket is  connected | event | no | Android,iOS | yes |
+| on('data') | Triggered when socket  receives data | event | no | Android,iOS | yes |
+| on('drain') | Triggered when the buffer becomes empty, indicating that data can be written to the socke | event | no | Android,iOS | yes |
+| on('error') | Triggered when an error occurs on the socket | event | no | Android,iOS | yes |
+| on('timeout') | Triggered When the connection or data transmission times out | event | no | Android,iOS | yes |
+
+### TLSServer
+
+[!TIP] TLSServer继承自Server对象，拥有Server对象的所有属性、方法和事件，以下仅列出其独有的属性。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| setSecureContext(options) | Set Security Context | function | no | Android,iOS | yes |
+| on('secureConnection') | Triggered When a secure TLS connection is established | event | no | Android,iOS | yes |
+
+### TLSSocket
+
+[!TIP] TLSSocket继承自Socket对象，拥有Socket对象的所有属性、方法和事件，以下仅列出其独有的属性。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getCertificate() | Get a Local Certificate Information | function | no | Android | yes |
+| getPeerCertificate() | Get the Certificate Information of the Remote Server | function | no | Android | yes |
+| on('secureConnect') | Triggered When a secure connection is established | event | no | Android,iOS | yes |
+
+## 遗留问题
+
+- [ ] 目前无法实现多线程: [issue#3](https://github.com/react-native-oh-library/react-native-tcp-socket/issues/3)
+- [ ] 获取证书只有异步接口，目前返回值是一个promise，与安卓上同步接口不一致: [issue#4](https://github.com/react-native-oh-library/react-native-tcp-socket/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Rapsssito/react-native-tcp-socket/blob/master/LICENSE) ，请自由地享受和参与开源。

From 231e4f9200069a88df3ed4c95830e52e5afb53fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=98=89=E8=AF=9A?= <linjiacheng1@huawei.com>
Date: Fri, 13 Sep 2024 12:46:32 +0000
Subject: [PATCH 541/966] =?UTF-8?q?!1530=20docs:=20[Issue:=20#IAKRYT]=20?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=E7=BA=AFjs=E5=BA=93demo=20*=20docs:=20[Issue?=
 =?UTF-8?q?:=20#IAKRYT]=20=E8=A1=A5=E5=85=85=E7=BA=AFjs=E5=BA=93demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/deepmerge.md         | 100 ++++++++++++++++-------------
 zh-cn/lodash.md            |  66 +++++++++++--------
 zh-cn/mobx-react.md        |  80 ++++++++++++++++++-----
 zh-cn/mobx.md              |  86 ++++++++++++++++---------
 zh-cn/parse5.md            | 127 +++++++++++++++++++++++++++----------
 zh-cn/prop-types.md        |  60 ++++++++++++++----
 zh-cn/styled-components.md |  59 +++++++++++------
 zh-cn/styled-system.md     |  59 +++++++++--------
 8 files changed, 427 insertions(+), 210 deletions(-)

diff --git a/zh-cn/deepmerge.md b/zh-cn/deepmerge.md
index bdd8fe92..2284de0c 100644
--- a/zh-cn/deepmerge.md
+++ b/zh-cn/deepmerge.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install deepmerge@^4.3.1
+npm install deepmerge@4.3.1
 ```
 
 #### **yarn**
 
 ```bash
-yarn add deepmerge@^4.3.1
+yarn add deepmerge@4.3.1
 ```
 
 <!-- tabs:end -->
@@ -35,54 +35,68 @@ yarn add deepmerge@^4.3.1
 快速使用：
 
 ```js
-import deepmerge from "deepmerge";
-
-const x = {
-  foo: { bar: 3 },
-  array: [
-    {
-      does: "work",
-      too: [1, 2, 3],
+import React from 'react';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+import deepmerge from 'deepmerge';
+
+const App = () => {
+  // 定义两个需要合并的对象
+  const object1 = {
+    name: 'John',
+    age: 30,
+    address: {
+      street: '123 Main St',
+      city: 'Springfield',
     },
-  ],
-};
+  };
 
-const y = {
-  foo: { baz: 4 },
-  quux: 5,
-  array: [
-    {
-      does: "work",
-      too: [4, 5, 6],
-    },
-    {
-      really: "yes",
+  const object2 = {
+    age: 31,
+    address: {
+      country: 'USA',
     },
-  ],
+    hobbies: ['Reading', 'Hiking'],
+  };
+
+  // 使用 deepmerge 合并两个对象
+  const mergedObject = deepmerge(object1, object2);
+
+  return (
+    <ScrollView contentContainerStyle={styles.container}>
+      <Text style={styles.title}>Object 1:</Text>
+      <Text style={styles.text}>{JSON.stringify(object1, null, 2)}</Text>
+
+      <Text style={styles.title}>Object 2:</Text>
+      <Text style={styles.text}>{JSON.stringify(object2, null, 2)}</Text>
+
+      <Text style={styles.title}>Merged Object:</Text>
+      <Text style={styles.text}>{JSON.stringify(mergedObject, null, 2)}</Text>
+    </ScrollView>
+  );
 };
 
-const output = {
-  foo: {
-    bar: 3,
-    baz: 4,
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+    padding: 20,
   },
-  array: [
-    {
-      does: "work",
-      too: [1, 2, 3],
-    },
-    {
-      does: "work",
-      too: [4, 5, 6],
-    },
-    {
-      really: "yes",
-    },
-  ],
-  quux: 5,
-};
+  title: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginVertical: 10,
+  },
+  text: {
+    fontSize: 16,
+    marginBottom: 20,
+    textAlign: 'left',
+    width: '100%',
+  },
+});
 
-deepmerge(x, y); // => output
+export default App;
 ```
 
 ## 约束与限制
diff --git a/zh-cn/lodash.md b/zh-cn/lodash.md
index a928b168..54e5843c 100644
--- a/zh-cn/lodash.md
+++ b/zh-cn/lodash.md
@@ -25,7 +25,7 @@ npm install lodash@4.17.21
 #### **yarn**
 
 ```bash
-yarn add lodash@^4.17.21
+yarn add lodash@4.17.21
 ```
 
 <!-- tabs:end -->
@@ -33,31 +33,45 @@ yarn add lodash@^4.17.21
 直接使用：
 
 ```js
-// findLastIndex 为例
-import lodashStable from "lodash";
-
-var users = [
-  { user: "barney", active: true },
-  { user: "fred", active: false },
-  { user: "pebbles", active: false },
-];
-
-lodashStable.findLastIndex(users, function (o) {
-  return o.user == "pebbles";
-});
-// => 2
-
-// The `_.matches` iteratee shorthand.
-lodashStable.findLastIndex(users, { user: "barney", active: true });
-// => 0
-
-// The `_.matchesProperty` iteratee shorthand.
-lodashStable.findLastIndex(users, ["active", false]);
-// => 2
-
-// The `_.property` iteratee shorthand.
-lodashStable.findLastIndex(users, "active");
-// => 0
+import React, { useState } from 'react';
+import { View, Text, Button, FlatList } from 'react-native';
+import _ from 'lodash';
+
+const LodashDemo = () => {
+  const [data, setData] = useState([1, 2, 2, 3, 4, 4, 5]);
+  const [uniqueData, setUniqueData] = useState([]);
+
+  const handleRemoveDuplicates = () => {
+    const result = _.uniq(data);
+    setUniqueData(result);
+  };
+
+  return (
+    <View style={{ padding: 20 }}>
+      <Text style={{ fontSize: 18, marginBottom: 10 }}>Original Data:</Text>
+      <FlatList
+        data={data}
+        renderItem={({ item }) => <Text>{item}</Text>}
+        keyExtractor={(item, index) => index.toString()}
+      />
+
+      <Button title="Remove Duplicates" onPress={handleRemoveDuplicates} />
+
+      {uniqueData.length > 0 && (
+        <>
+          <Text style={{ fontSize: 18, marginTop: 20, marginBottom: 10 }}>Unique Data:</Text>
+          <FlatList
+            data={uniqueData}
+            renderItem={({ item }) => <Text>{item}</Text>}
+            keyExtractor={(item, index) => index.toString()}
+          />
+        </>
+      )}
+    </View>
+  );
+};
+
+export default LodashDemo;
 ```
 
 ### 兼容性
diff --git a/zh-cn/mobx-react.md b/zh-cn/mobx-react.md
index 82bd1270..5fb65ca4 100644
--- a/zh-cn/mobx-react.md
+++ b/zh-cn/mobx-react.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install mobx-react@^7.6.0
+npm install mobx-react@7.6.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add mobx-react@^7.6.0
+yarn add mobx-react@7.6.0
 ```
 
 <!-- tabs:end -->
@@ -57,27 +57,73 @@ npm install @babel/plugin-transform-class-properties --save-dev
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import { observer } from "mobx-react";
-
-// ---- ES6 syntax ----
-const TodoView = observer(
-  class TodoView extends React.Component {
-    render() {
-      return <div>{this.props.todo.title}</div>;
-    }
-  },
-);
+import React from 'react';
+import { View, Text, Button, StyleSheet } from 'react-native';
+import { observer, inject, Provider } from 'mobx-react';
+import { observable, action, makeObservable } from 'mobx';
+
+class CounterStore {
+  count = 0;
+
+  constructor() {
+    makeObservable(this, {
+      count: observable,
+      increment: action,
+      decrement: action,
+    });
+  }
+
+  increment = () => {
+    this.count += 1;
+  };
+
+  decrement = () => {
+    this.count -= 1;
+  };
+}
+
+const counterStore = new CounterStore();
 
-// ---- ESNext syntax with decorator syntax enabled ----
+// Counter 组件，使用 @inject 和 @observer 进行连接
+@inject('counterStore')
 @observer
-class TodoView extends React.Component {
+class Counter extends React.Component {
   render() {
-    return <div>{this.props.todo.title}</div>;
+    const { counterStore } = this.props;
+    return (
+      <View style={styles.container}>
+        <Text style={styles.text}>Count: {counterStore.count}</Text>
+        <Button title="Increment" onPress={counterStore.increment} />
+        <Button title="Decrement" onPress={counterStore.decrement} />
+      </View>
+    );
   }
 }
 
-// ---- or just use function components: ----
-const TodoView = observer(({ todo }) => <div>{todo.title}</div>);
+const App = () => {
+  return (
+    <Provider counterStore={counterStore}>
+      <View style={styles.container}>
+        <Counter />
+      </View>
+    </Provider>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+  },
+  text: {
+    fontSize: 20,
+    marginBottom: 20,
+  },
+});
+
+export default App;
 ```
 
 ### 兼容性
diff --git a/zh-cn/mobx.md b/zh-cn/mobx.md
index 5a00e60a..dcd20aff 100644
--- a/zh-cn/mobx.md
+++ b/zh-cn/mobx.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install mobx@^6.10.0
+npm install mobx@6.10.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add mobx@^6.10.0
+yarn add mobx@6.10.0
 ```
 
 <!-- tabs:end -->
@@ -57,39 +57,63 @@ npm install @babel/plugin-transform-class-properties --save-dev
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React from "react";
-import ReactDOM from "react-dom";
-import { makeAutoObservable } from "mobx";
-import { observer } from "mobx-react-lite";
-
-// Model the application state.
-function createTimer() {
-  return makeAutoObservable({
-    secondsPassed: 0,
-    increase() {
-      this.secondsPassed += 1;
-    },
-    reset() {
-      this.secondsPassed = 0;
-    },
-  });
-}
+import React from 'react';
+import { View, Text, Button, StyleSheet } from 'react-native';
+import { observer } from 'mobx-react-lite';
+import { makeAutoObservable } from 'mobx';
+
+class CounterStore {
+  count = 0;
 
-const myTimer = createTimer();
+  constructor() {
+    makeAutoObservable(this);
+  }
 
-// Build a "user interface" that uses the observable state.
-const TimerView = observer(({ timer }) => (
-  <button onClick={() => timer.reset()}>
-    Seconds passed: {timer.secondsPassed}
-  </button>
-));
+  increment() {
+    this.count += 1;
+  }
 
-ReactDOM.render(<TimerView timer={myTimer} />, document.body);
+  decrement() {
+    this.count -= 1;
+  }
+}
+
+// 创建一个store的实例
+const counterStore = new CounterStore();
+
+// 使用observer包裹组件，监听状态变化
+const Counter = observer(() => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Count: {counterStore.count}</Text>
+      <Button title="Increment" onPress={() => counterStore.increment()} />
+      <Button title="Decrement" onPress={() => counterStore.decrement()} />
+    </View>
+  );
+});
+
+const App = () => {
+  return (
+    <View style={styles.container}>
+      <Counter />
+    </View>
+  );
+};
 
-// Update the 'Seconds passed: X' text every second.
-setInterval(() => {
-  myTimer.increase();
-}, 1000);
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+  },
+  text: {
+    fontSize: 20,
+    marginBottom: 20,
+  },
+});
+
+export default App;
 ```
 
 ### 兼容性
diff --git a/zh-cn/parse5.md b/zh-cn/parse5.md
index d06ee2b5..49f8772e 100644
--- a/zh-cn/parse5.md
+++ b/zh-cn/parse5.md
@@ -35,38 +35,101 @@ yarn add parse5@7.1.2
 直接使用：
 
 ```js
-const parse5 = require("parse5");
-
-// parse
-const document = parse5.parse(
-  "<!DOCTYPE html><html><head></head><body>Hi there!</body></html>",
-);
-console.log(document.childNodes[1].tagName); //> 'html'
-
-// parseFragment
-const documentFragment = parse5.parseFragment("<table></table>");
-console.log(documentFragment.childNodes[0].tagName); //> 'table'
-const trFragment = parse5.parseFragment(
-  documentFragment.childNodes[0],
-  "<tr><td>Shake it, baby</td></tr>",
-);
-console.log(trFragment.childNodes[0].childNodes[0].tagName); //> 'td'
-
-// serialize
-const document = parse5.parse(
-  "<!DOCTYPE html><html><head></head><body>Hi there!</body></html>",
-);
-// Serializes a document.
-const html = parse5.serialize(document);
-// Serializes the <html> element content.
-const str = parse5.serialize(document.childNodes[1]);
-console.log(str); //> '<head></head><body>Hi there!</body>'
-
-// serializeOuter
-const document = parse5.parseFragment("<div>Hello, <b>world</b>!</div>");
-// Serializes the <div> element.
-const str = parse5.serializeOuter(document.childNodes[0]);
-console.log(str); //> '<div>Hello, <b>world</b>!</div>'
+import React, { useEffect, useState } from 'react';
+import { View, Text, ScrollView, StyleSheet } from 'react-native';
+import * as parse5 from 'parse5';
+
+const App = () => {
+  const [parsedContent, setParsedContent] = useState([]);
+
+  useEffect(() => {
+    const html = `
+      <div>
+        <h1>Hello, World!</h1>
+        <p>This is a simple HTML parsing example.</p>
+        <ul>
+          <li>Item 1</li>
+          <li>Item 2</li>
+          <li>Item 3</li>
+        </ul>
+      </div>
+    `;
+
+    const document = parse5.parse(html);
+
+    const extractContent = (nodes) => {
+      let content = [];
+      for (const node of nodes) {
+        if (node.nodeName === 'h1') {
+          content.push({ type: 'h1', text: node.childNodes[0].value });
+        } else if (node.nodeName === 'p') {
+          content.push({ type: 'p', text: node.childNodes[0].value });
+        } else if (node.nodeName === 'ul') {
+          const items = node.childNodes
+            .filter((child) => child.nodeName === 'li')
+            .map((li) => li.childNodes[0].value);
+          content.push({ type: 'ul', items });
+        } else if (node.childNodes && node.childNodes.length > 0) {
+          content = content.concat(extractContent(node.childNodes));
+        }
+      }
+      return content;
+    };
+
+    const content = extractContent(document.childNodes);
+    setParsedContent(content);
+  }, []);
+
+  return (
+    <ScrollView contentContainerStyle={styles.container}>
+      {parsedContent.map((element, index) => {
+        if (element.type === 'h1') {
+          return <Text key={index} style={styles.h1}>{element.text}</Text>;
+        } else if (element.type === 'p') {
+          return <Text key={index} style={styles.p}>{element.text}</Text>;
+        } else if (element.type === 'ul') {
+          return (
+            <View key={index} style={styles.ul}>
+              {element.items.map((item, i) => (
+                <Text key={i} style={styles.li}>{`• ${item}`}</Text>
+              ))}
+            </View>
+          );
+        }
+        return null;
+      })}
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20,
+    backgroundColor: '#f5fcff',
+  },
+  h1: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginBottom: 20,
+  },
+  p: {
+    fontSize: 16,
+    marginBottom: 10,
+  },
+  ul: {
+    marginTop: 10,
+    marginBottom: 20,
+  },
+  li: {
+    fontSize: 16,
+    marginLeft: 20,
+  },
+});
+
+export default App;
 ```
 
 ## 约束与限制
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index e4c9fe73..b4daf627 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -34,22 +34,54 @@ yarn add prop-types
 
 ```js
 import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
 import PropTypes from 'prop-types';
 
-class MyComponent extends React.Component {
-  render() {
-    // ... do things with the props
-  }
-}
-
-MyComponent.propTypes = {
-  optionalArray: PropTypes.array,
-  optionalBigInt: PropTypes.bigint,
-  optionalBool: PropTypes.bool,
-  optionalFunc: PropTypes.func,
-}
-
-optionalEnum: PropTypes.oneOf(['News', 'Photos']),
+const Greeting = ({ name, age }) => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Hello, {name}!</Text>
+      <Text style={styles.text}>You are {age} years old.</Text>
+    </View>
+  );
+};
+
+// 使用prop-types进行props类型验证
+Greeting.propTypes = {
+  name: PropTypes.string.isRequired, // name 必须是字符串且是必填项
+  age: PropTypes.number,             // age 是可选的且必须是数字
+};
+
+// 默认props值
+Greeting.defaultProps = {
+  age: 0,
+};
+
+const App = () => {
+  return (
+    <View style={styles.appContainer}>
+      <Greeting name="John" age={30} />
+      <Greeting name="Doe" />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  appContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+  },
+  container: {
+    marginBottom: 20,
+  },
+  text: {
+    fontSize: 18,
+  },
+});
+
+export default App;
 ```
 
 ### 兼容性
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index 4a80c894..088583d4 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -35,33 +35,54 @@ yarn add styled-components@6.1.8
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React from "react";
+import React, { useState } from 'react';
+import styled from 'styled-components/native';
+
+// 使用 styled-components 创建一个带样式的容器
+const Container = styled.View`
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  background-color: #f5fcff;
+`;
 
-import styled from "styled-components";
+// 使用 styled-components 创建一个带样式的文本组件
+const StyledText = styled.Text`
+  font-size: 24px;
+  color: ${(props) => (props.children === 'Highlighted!' ? 'tomato' : 'black')};
+  margin-bottom: 20px;
+`;
 
-// Create a <Title> react component that renders an <h1> which is
-// centered, palevioletred and sized at 1.5em
-const Title = styled.h1`
-  font-size: 1.5em;
-  text-align: center;
-  color: palevioletred;
+// 使用 styled-components 创建一个带样式的按钮
+const StyledButton = styled.TouchableOpacity`
+  background-color: #3498db;
+  padding: 10px 20px;
+  border-radius: 5px;
 `;
 
-// Create a <Wrapper> react component that renders a <section> with
-// some padding and a papayawhip background
-const Wrapper = styled.section`
-  padding: 4em;
-  background: papayawhip;
+const ButtonText = styled.Text`
+  color: white;
+  font-size: 18px;
 `;
 
-function MyUI() {
+const App = () => {
+  const [text, setText] = useState('Normal Text');
+
+  const toggleText = () => {
+    setText(text === 'Normal Text' ? 'Highlighted!' : 'Normal Text');
+  };
+
   return (
-    // Use them like any other React component – except they're styled!
-    <Wrapper>
-      <Title>Hello World, this is my first styled component!</Title>
-    </Wrapper>
+    <Container>
+      <StyledText>{text}</StyledText>
+      <StyledButton onPress={toggleText}>
+        <ButtonText>Toggle Text</ButtonText>
+      </StyledButton>
+    </Container>
   );
-}
+};
+
+export default App;
 ```
 
 ## 约束与限制
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index de1e19db..51327c82 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -21,13 +21,13 @@
 #### **npm**
 
 ```bash
-npm install styled-system@^5.1.5
+npm install styled-system@5.1.5
 ```
 
 #### **yarn**
 
 ```bash
-yarn add styled-system@^5.1.5
+yarn add styled-system@5.1.5
 ```
 
 <!-- tabs:end -->
@@ -35,36 +35,39 @@ yarn add styled-system@^5.1.5
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import styled from 'styled-components'
-import { space, layout, typography, color } from 'styled-system'
+import React from 'react';
+import styled from 'styled-components/native';
+import { space, layout, color } from 'styled-system';
 
-// Add styled-system functions to your component
-const Box = styled.div`
+// 创建一个基础的 Box 组件
+const Box = styled.View`
   ${space}
   ${layout}
-  ${typography}
   ${color}
-`
-// width: 50%
-<Box width={1/2} />
-
-// font-size: 20px (theme.fontSizes[4])
-<Box fontSize={4} />
-
-// margin: 16px (theme.space[2])
-<Box m={2} />
-
-// padding: 32px (theme.space[3])
-<Box p={3} />
-
-// color
-<Box color='tomato' />
-
-// color: #333 (theme.colors.gray[0])
-<Box color='gray.0' />
-
-// background color
-<Box bg='tomato' />
+`;
+
+// 使用 Box 组件并应用不同的样式属性
+const App = () => {
+  return (
+    <Box
+      width="100%"
+      height={200}
+      padding={3}
+      margin={4}
+      backgroundColor="lightblue"
+    >
+      <Box
+        width={100}
+        height={100}
+        padding={2}
+        margin={2}
+        backgroundColor="blue"
+      />
+    </Box>
+  );
+};
+
+export default App;
 ```
 
 ## 约束与限制

From 2f42730f157e9aebb4a18b740a64751296a411c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=B1=AA=E6=9D=B0?= <psyche988@163.com>
Date: Sat, 14 Sep 2024 05:53:58 +0000
Subject: [PATCH 542/966] =?UTF-8?q?!1526=20docs:=20=E4=BF=AE=E6=94=B9=20re?=
 =?UTF-8?q?act-native-progress=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20=E4=BF=AE=E6=94=B9=20react-native-progress=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-progress.md | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/zh-cn/react-native-progress.md b/zh-cn/react-native-progress.md
index 8f0aee6a..95ca2bc8 100644
--- a/zh-cn/react-native-progress.md
+++ b/zh-cn/react-native-progress.md
@@ -1,10 +1,13 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-progress</code> </h1>
 </p>
 <p align="center">
+    <a href="https://github.com/vonovak/react-native-progress">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/react-native-oh-library/react-native-progress/blob/sig/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
@@ -14,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-progress> Releases](https://github.com/react-native-oh-library/react-native-progress/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
@@ -130,14 +133,15 @@ const styles = StyleSheet.create({
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md)进行引入
+如未引入请参照[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 进行引入 
+
+## 约束与限制
 
-## 兼容性
+### 兼容性
 
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases)
 
 ## 属性
 
@@ -214,11 +218,11 @@ All of the props under _Properties_ in addition to the following:
 
 ## 遗留问题
 
-1、Progress.Circle 中的属性 fill 在 HarmonyOS 上默认显示黑色和默认无色不一致，定位是 svg 的属性配置有问题，当前通过修改 Circle.js 中默认 fill 的属性进行规避，后续 svg 修复该问题[issue#6](https://github.com/react-native-oh-library/react-native-svg/issues/6)后，修改的代码会移除。
+- [x] 已解决：1、Progress.Circle 中的属性 fill 在 HarmonyOS 上默认显示黑色和默认无色不一致，定位是 svg 的属性配置有问题，当前通过修改 Circle.js 中默认 fill 的属性进行规避，后续 svg 修复该问题[issue#6](https://github.com/react-native-oh-library/react-native-svg/issues/6)后，修改的代码会移除。
 
-2、Progress.Circle中的属性color, unfilledColor,borderWith,borderColor中圆的颜色，在进行静态配置的时候颜色显示正常，在使用Button进行动态改变的时候，中间的圆会显示黑色和默认的颜色不一致，定位是svg的属性配置有问题，当前通过修改Circle.js中默认fill的属性进行规避，后续 svg 修复该问题[issue#7](https://github.com/react-native-oh-library/react-native-svg/issues/7)后，修改的代码会移除。
+- [x] 已解决：2、Progress.Circle中的属性color, unfilledColor,borderWith,borderColor中圆的颜色，在进行静态配置的时候颜色显示正常，在使用Button进行动态改变的时候，中间的圆会显示黑色和默认的颜色不一致，定位是svg的属性配置有问题，当前通过修改Circle.js中默认fill的属性进行规避，后续 svg 修复该问题[issue#7](https://github.com/react-native-oh-library/react-native-svg/issues/7)后，修改的代码会移除。
 
-3、Progress.pie中的属性color,borderWith,borderColor中内圆的颜色，在进行静态配置的时候颜色显示正常，在使用Button进行动态改变的时候，中间的圆会显示黑色和默认的颜色不一致，定位是svg的属性有问题，pie传入给svg的值是正常的，svg处理逻辑有问题，修改svg修复该问题[issue#8](https://github.com/react-native-oh-library/react-native-svg/issues/8)
+- [x] 已解决：3、Progress.pie中的属性color,borderWith,borderColor中内圆的颜色，在进行静态配置的时候颜色显示正常，在使用Button进行动态改变的时候，中间的圆会显示黑色和默认的颜色不一致，定位是svg的属性有问题，pie传入给svg的值是正常的，svg处理逻辑有问题，修改svg修复该问题[issue#8](https://github.com/react-native-oh-library/react-native-svg/issues/8)
 
 ## 其他
 

From 082a9c0f0c9a525f1eab988b59412c781b1ef275 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Sat, 14 Sep 2024 06:00:22 +0000
Subject: [PATCH 543/966] =?UTF-8?q?!1521=20docs:=20[Issues:=20#IAQYH8]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-charts-wrapper=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAQYH8]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-charts-wrapper=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-charts-wrapper.md | 56 ++++++++++++++++------------
 1 file changed, 33 insertions(+), 23 deletions(-)

diff --git a/zh-cn/react-native-charts-wrapper.md b/zh-cn/react-native-charts-wrapper.md
index f876298d..372d1bef 100644
--- a/zh-cn/react-native-charts-wrapper.md
+++ b/zh-cn/react-native-charts-wrapper.md
@@ -127,7 +127,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 在 ArkTs 侧引入 BarCharts、LineCharts、HorizontalBarCharts 、BubbleCharts、PieCharts、RadarCharts、ScatterCharts、CandleStickCharts、CombinedCharts 组件
+### 3.在 ArkTs 侧引入 BarCharts、LineCharts、HorizontalBarCharts 、BubbleCharts、PieCharts、RadarCharts、ScatterCharts、CandleStickCharts、CombinedCharts 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -227,7 +227,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 3.在 ArkTs 侧引入 ChartsWrapperPackage
+### 4.在 ArkTs 侧引入 ChartsWrapperPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -243,7 +243,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
@@ -255,6 +255,7 @@ ohpm install
 ```
 
 然后编译、运行即可。
+## 约束与限制
 
 ### 兼容性
 
@@ -355,7 +356,7 @@ ohpm install
 | Name                         | Description          | Type        | Required | Platform    | HarmonyOS Support |
 | ---------------------------- | -------------------- | ----------- | -------- | ----------- | ----------------- |
 | animation                    | 设置图表动画         | object      | No       | iOS/Android | Yes               |
-| chartBackgroundColor         | 设置图表背景颜色     | number      | No       | iOS/Android | Yes               |
+| chartBackgroundColor         | 设置图表背景颜色     | number      | No       | iOS/Android | NO               |
 | logEnabled                   | 启用日志             | bool        | No       | iOS/Android | NO                |
 | noDataText                   | 设置无数据文本       | string      | No       | iOS/Android | Yes               |
 | noDataTextColor              | 设置无数据文本颜色   | number      | No       | iOS/Android | Yes               |
@@ -369,26 +370,27 @@ ohpm install
 
 ### BarLineChartBase
 
-| Name                   | Description                                                                                   | Type                            | Required | Platform    | HarmonyOS Support |
-| ---------------------- | --------------------------------------------------------------------------------------------- | ------------------------------- | -------- | ----------- | ----------------- |
-| drawGridBackground     | 是否设置网格背景颜色                                                                          | bool                            | No       | iOS/Android | Yes               |
-| gridBackgroundColor    | 设置网格背景颜色                                                                              | number                          | No       | iOS/Android | Yes               |
-| drawBorders            | 是否设置边框                                                                                  | bool                            | No       | iOS/Android | Yes               |
-| borderColor            | 设置边框颜色                                                                                  | number                          | No       | iOS/Android | Yes               |
-| borderWidth            | 设置边框宽度                                                                                  | number                          | No       | iOS/Android | Yes               |
-| minOffset              | 设置最小偏移                                                                                  | number                          | No       | iOS/Android | Yes               |
-| visibleRange           | 限制通过捏合和缩放可以看到的最大和最小 x 范围                                                 | object                          | No       | iOS/Android | NO                |
-| autoScaleMinMaxEnabled | 是否设置 Y 轴的自动缩放标记                                                                   | bool                            | No       | iOS/Android | Yes               |
-| keepPositionOnRotation | 设置图表在旋转（方向更改）后是否应保持其位置（缩放/滚动                                       | bool                            | No       | iOS/Android | NO                |
-| scaleEnabled           | 是否启用缩放                                                                                  | bool                            | No       | iOS/Android | Yes               |
-| scaleXEnabled          | 是否启用 X 轴缩放                                                                             | bool                            | No       | iOS/Android | Yes               |
-| scaleYEnabled          | 是否启用 Y 轴缩放                                                                             | bool                            | No       | iOS/Android | Yes               |
-| dragEnabled            | 是否设置拖动                                                                                  | bool                            | No       | iOS/Android | Yes               |
+| Name                   | Description                                                 | Type                            | Required | Platform    | HarmonyOS Support |
+|------------------------|-------------------------------------------------------------| ------------------------------- | -------- | ----------- | ----------------- |
+| drawGridBackground     | 是否设置网格背景颜色                                                  | bool                            | No       | iOS/Android | Yes               |
+| gridBackgroundColor    | 设置网格背景颜色                                                    | number                          | No       | iOS/Android | Yes               |
+| drawBorders            | 是否设置边框                                                      | bool                            | No       | iOS/Android | Yes               |
+| borderColor            | 设置边框颜色                                                      | number                          | No       | iOS/Android | Yes               |
+| borderWidth            | 设置边框宽度                                                      | number                          | No       | iOS/Android | Yes               |
+| minOffset              | 设置最小偏移                                                      | number                          | No       | iOS/Android | Yes               |
+| maxVisibleValueCount   | 设置最大条目数                                                     | number                          | No       | iOS/Android | Yes               |
+| visibleRange           | 限制通过捏合和缩放可以看到的最大和最小 x 范围                                    | object                          | No       | iOS/Android | NO                |
+| autoScaleMinMaxEnabled | 是否设置 Y 轴的自动缩放标记                                             | bool                            | No       | iOS/Android | Yes               |
+| keepPositionOnRotation | 设置图表在旋转（方向更改）后是否应保持其位置（缩放/滚动                                | bool                            | No       | iOS/Android | NO                |
+| scaleEnabled           | 是否启用缩放                                                      | bool                            | No       | iOS/Android | Yes               |
+| scaleXEnabled          | 是否启用 X 轴缩放                                                  | bool                            | No       | iOS/Android | Yes               |
+| scaleYEnabled          | 是否启用 Y 轴缩放                                                  | bool                            | No       | iOS/Android | Yes               |
+| dragEnabled            | 是否设置拖动                                                      | bool                            | No       | iOS/Android | Yes               |
 | pinchZoom              | 如果设置为 true，则 x 和 y 轴都可以用 2 个手指同时缩放，如果为 false，x 轴和 y 轴可以单独缩放 | bool                            | No       | iOS/Android | Yes               |
-| doubleTapToZoomEnabled | 将此属性设置为 true 可通过双击图表启用放大功能                                                | bool                            | No       | iOS/Android | Yes               |
-| yAksis                 | 设置 Y 轴                                                                                     | { left: YAksis, right: YAksis } | No       | iOS/Android | Yes               |
-| zoom                   | 按给定的比例因子放大或缩小                                                                    | object                          | No       | iOS/Android | Yes               |
-| viewPortOffsets        | 设置当前 ViewPort 的自定义偏移（在视图两侧的偏移）                                            | object                          | No       | iOS/Android | Yes               |
+| doubleTapToZoomEnabled | 将此属性设置为 true 可通过双击图表启用放大功能                                  | bool                            | No       | iOS/Android | Yes               |
+| yAxis                  | 设置 Y 轴                                                      | { left: YAxis, right: YAxis } | No       | iOS/Android | Yes               |
+| zoom                   | 按给定的比例因子放大或缩小                                               | object                          | No       | iOS/Android | Yes               |
+| viewPortOffsets        | 设置当前 ViewPort 的自定义偏移（在视图两侧的偏移）                              | object                          | No       | iOS/Android | Yes               |
 
 ### Data Config Type
 
@@ -441,6 +443,9 @@ ohpm install
 | ----------------- | --------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
 | drawValueAboveBar | 如果设置为 true，则所有值都绘制在其条形上方，而不是绘制在其顶部下方。 | bool    | No       | iOS/Android | Yes               |
 | drawBarShadow     | 如果设置为 true，则在每个条形后面绘制一个灰色区域，表示最大值         | bool    | No       | iOS/Android | Yes               |
+| barWidth     | 设置每个条形在x轴上应具有的宽度         | number    | No       | iOS/Android | Yes               |
+| topRadius     | 设置顶部圆角半径         | number    | No       | iOS/Android | Yes               |
+| group     | 所有BarDataSet对象组合在一起         | object    | No       | iOS/Android | Yes               |
 | data              | 柱状图数据                                                            | BarData | Yes      | iOS/Android | Yes               |
 
 #### BarData Config
@@ -582,6 +587,10 @@ ohpm install
 | common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
 | barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
 | lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据         | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+| scatterShapeSize     | 设置绘制的scattershape将具有的大小         | number     | No       | iOS/Android | Yes               |
+| scatterShape     |  设置绘制此DataSet时应使用的散点形状         | string     | No       | iOS/Android | Yes               |
+| scatterShapeHoleColor     | 设置形状中孔的颜色         | number     | No       | iOS/Android | Yes               |
+| scatterShapeHoleRadius     | 设置形状中孔的半径（适用于正方形、圆形和三角形）         | number     | No       | iOS/Android | Yes               |
 
 #### ScatterData Values
 
@@ -666,6 +675,7 @@ ohpm install
 - [ ] 在Android和iOS visibleRange 最大大小百分比限制通过缩放和缩放可以看到的最大和最小x范围不起作用， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
 - [ ] keepPositionOnRotation旋转后保持图表原始位置属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
 - [ ] valueFormatter格式化数据属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/935)
+- [ ] chartBackgroundColor图表背景颜色在原库中不生效，在原库中网格背景颜色与图表背景颜色设置的内容一样，则已不支持图表背景 HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1001)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://mitlicense.org/) ，请自由地享受和参与开源。

From a806861d55011bd347a3d9af40243fa6808e554e Mon Sep 17 00:00:00 2001
From: JCdahuzi <jcdahuzi@qq.com>
Date: Thu, 19 Sep 2024 06:38:55 +0000
Subject: [PATCH 544/966] =?UTF-8?q?!1541=20docs:=20[#IAS5S4]=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAS5S4]=E6=9B=B4=E6=96=B0react-native?=
 =?UTF-8?q?-svg-capi=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-svg-capi.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 0025c382..1c452ea5 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -28,12 +28,14 @@
 #### **npm**
 
 ```bash
+npm install react-native-svg@15.0.0
 npm install @react-native-oh-tpl/react-native-svg@file:#
 ```
 
 #### **yarn**
 
 ```bash
+yarn add react-native-svg@15.0.0
 yarn add @react-native-oh-tpl/react-native-svg@file:#
 ```
 

From 43ffb1cf0e8d893126db7af577c3ef5add8dfee8 Mon Sep 17 00:00:00 2001
From: Magic-Neko <xiaoyange1@h-partners.com>
Date: Thu, 19 Sep 2024 11:06:27 +0000
Subject: [PATCH 545/966] =?UTF-8?q?!1527=20docs:=20[#IAR6M9]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-context-menu-view=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAR6M9]=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?react-native-context-menu-view=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-context-menu-view.md | 264 ++++++++++++++++++++++++
 1 file changed, 264 insertions(+)
 create mode 100644 zh-cn/react-native-context-menu-view.md

diff --git a/zh-cn/react-native-context-menu-view.md b/zh-cn/react-native-context-menu-view.md
new file mode 100644
index 00000000..dae9bb0b
--- /dev/null
+++ b/zh-cn/react-native-context-menu-view.md
@@ -0,0 +1,264 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-context-menu-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mpiannucci/react-native-context-menu-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mpiannucci/react-native-context-menu-view/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-context-menu-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-context-menu-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-context-menu-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import ContextMenu from "react-native-context-menu-view";
+
+const Example = () => {
+  return (
+    <ContextMenu
+      actions={[{ title: "Title 1" }, { title: "Title 2" }]}
+      onPress={(e) => {
+        console.warn(
+          `Pressed ${e.nativeEvent.name} at index ${e.nativeEvent.index}`
+        );
+      }}
+    >
+      <View style={styles.yourOwnStyles} />
+    </ContextMenu>
+  );
+};
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-context-menu-view": "file:../../node_modules/@react-native-oh-tpl/react-native-context-menu-view/harmony/context_menu.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ContextMenuPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-safe-area-context/src/main/cpp" ./context_menu)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_context_menu)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ContextMenuPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<ContextMenuPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ContextMenuPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+
+```diff
+  ...
++ import {ContextMenuPackage} from '@react-native-oh-tpl/react-native-context-menu-view/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ContextMenuPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                  | Type     | Required | Platform               | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | -------- | -------- | ---------------------- | ----------------- |
+| title                  | The title above the popup menu.                              | string   | no       | Android/iOS            | yes               |
+| actions                | Menu props.                                                  | array    | no       | Android(partially)/iOS | partially         |
+| previewBackgroundColor | The background color of the preview.                         | string   | no       | NA                     | no                |
+| dropdownMenuMode       | When set to true, the context menu is triggered with a single tap instead of a long press. | boolean  | no       | Android/iOS            | yes               |
+| disabled               | Disable menu interaction.                                    | boolean  | no       | Android/iOS            | yes               |
+| onPress                | When the popup is opened and the user picks an option.       | callback | no       | Android/iOS            | yes               |
+| onPreviewPress         | When the context menu preview is tapped.                     | callback | no       | iOS                    | yes               |
+| onCancel               | When the popup is opened and the user cancels.               | callback | no       | Android/iOS            | yes               |
+
+## actions
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name           | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| title          | the title of the action                                      | string  | no       | Android/iOS | yes               |
+| subtitle       | the subtitle of the action                                   | string  | no       | iOS 15+     | yes               |
+| systemIcon     | refers to an icon name within [SF Symbols](https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/) | string  | no       | iOS         | yes               |
+| icon           | Custom Icons.                                                | string  | no       | Android/iOS | yes               |
+| iconColor      | will change the color of the icon provided to the `icon` prop and has no effect on `systemIcon` (default: black) | string  | no       | Android/iOS | yes               |
+| destructive    | items are rendered in red                                    | boolean | no       | iOS         | yes               |
+| selected       | items have a checkmark next to them                          | boolean | no       | iOS         | yes               |
+| disabled       | marks whether the action is disabled or not                  | boolean | no       | Android/iOS | yes               |
+| inlineChildren | marks whether its children (if any) should be rendered inline instead of in their own child menu | boolean | no       | iOS         | partially         |
+| actions        | will provide a one level deep nested menu                    | array   | no       | Android/iOS | partially         |
+
+## 遗留问题
+
+## 其他
+
+1.previewBackgroundColor属性，经过验证在iOS和Android均无效果。
+
+2.actions属性是个结构体函数，所以包含其他上文列举属性，例如previewBackgroundColor等。所以，属于部分支持
+
+3.该库的具体逻辑实现，在不同平台，均为调用平台对应的底层Menu接口进行相关操作。所以，不同平台上，动效展示等会有所不同。
+
+4.onPress方法的callback参考：{ nativeEvent: { index, indexPath, name } }. 
+
+5.当systemIcon和icon同时配置的时候，在Harmony Next平台上，systemIcon的优先级高于icon
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mpiannucci/react-native-context-menu-view/blob/main/LICENSE) ，请自由地享受和参与开源。

From d01b835621aa8d7931e81bf6a82f0a1dfefd0b76 Mon Sep 17 00:00:00 2001
From: "pan.lichen" <pan.lichen@qq.com>
Date: Fri, 20 Sep 2024 01:31:33 +0000
Subject: [PATCH 546/966] =?UTF-8?q?!1510=20docs:=20[Issues:=20#IAQPGY]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-sortable-list=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAQPGY]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-sortable-list=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sortable-list.md | 255 +++++++++++-----------------
 1 file changed, 97 insertions(+), 158 deletions(-)

diff --git a/zh-cn/react-native-sortable-list.md b/zh-cn/react-native-sortable-list.md
index 9c7bd5c8..2f569ad1 100644
--- a/zh-cn/react-native-sortable-list.md
+++ b/zh-cn/react-native-sortable-list.md
@@ -1,12 +1,15 @@
-<!-- {% raw %} -->
-模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sortable-list</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/gitim/react-native-sortable-list">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/gitim/react-native-sortable-list/blob/master/LICENSE"/>
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
@@ -20,24 +23,18 @@
 
 > [!TIP] # 处替换为 tgz 包的路径
 
-> [!TIP] 原库最新的修改并未发布到 npm 仓，导致 npm 仓上最新的版本在新架构上无法使用。
-
 <!-- tabs:start -->
 
-#### npm
+#### **npm**
 
 ```bash
 npm install @react-native-oh-tpl/react-native-sortable-list@file:#
-// 若要运行 Android or iOS
-npm install react-native-sortable-list@file:#
 ```
 
-#### yarn
+#### **yarn**
 
 ```bash
 yarn add @react-native-oh-tpl/react-native-sortable-list@file:#
-// 若要运行 Android or iOS
-yarn add react-native-sortable-list@file:#
 ```
 
 <!-- tabs:end -->
@@ -46,7 +43,7 @@ yarn add react-native-sortable-list@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```jsx
 /**
  * Sample React Native App
  * https://github.com/facebook/react-native
@@ -54,66 +51,58 @@ yarn add react-native-sortable-list@file:#
  * @format
  */
 
-import React, {useCallback, useEffect, useMemo, useRef} from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
 import {
   Animated,
-  Image,
+  Easing,
   StyleSheet,
   Text,
-  Platform,
-  Easing,
+  Image,
   View,
   Dimensions,
-} from 'react-native';
-import SortableList from 'react-native-sortable-list';
+  Platform,
+  ScrollView,
+  TextInput,
+  Button,
+} from "react-native";
+import SortableList from "react-native-sortable-list";
 
-const window = Dimensions.get('window');
+const window = Dimensions.get("window");
 
 const data = {
   0: {
-    image: 'https://placekitten.com/200/240',
-    text: 'Chloe',
+    text: "Chloe （0）",
   },
   1: {
-    image: 'https://placekitten.com/200/201',
-    text: 'Jasper',
+    text: "Jasper （1）",
   },
   2: {
-    image: 'https://placekitten.com/200/202',
-    text: 'Pepper',
+    text: "Pepper （2）",
   },
   3: {
-    image: 'https://placekitten.com/200/203',
-    text: 'Oscar',
-  },
-  4: {
-    image: 'https://placekitten.com/200/204',
-    text: 'Dusty',
-  },
-  5: {
-    image: 'https://placekitten.com/200/205',
-    text: 'Spooky',
-  },
-  6: {
-    image: 'https://placekitten.com/200/210',
-    text: 'Kiki',
-  },
-  7: {
-    image: 'https://placekitten.com/200/215',
-    text: 'Smokey',
-  },
-  8: {
-    image: 'https://placekitten.com/200/220',
-    text: 'Gizmo',
-  },
-  9: {
-    image: 'https://placekitten.com/220/239',
-    text: 'Kitty',
+    text: "Oscar （3）",
   },
 };
 
+export default function SortDemo() {
+  const renderRow = useCallback(({ data, active }) => {
+    return <Row data={data} active={active} />;
+  }, []);
+  return (
+    <View style={{ height: 600 }}>
+      <SortableList style={styles.list} data={data} renderRow={renderRow} />
+    </View>
+  );
+}
+
 function Row(props) {
-  const {active, data} = props;
+  const { active, data } = props;
 
   const activeAnim = useRef(new Animated.Value(0));
   const style = useMemo(
@@ -147,7 +136,8 @@ function Row(props) {
             inputRange: [0, 1],
             outputRange: [2, 6],
           }),
-          harmony: {
+        },
+        harmony: {
           transform: [
             {
               scale: activeAnim.current.interpolate({
@@ -163,7 +153,7 @@ function Row(props) {
         },
       }),
     }),
-    [],
+    []
   );
   useEffect(() => {
     Animated.timing(activeAnim.current, {
@@ -176,55 +166,18 @@ function Row(props) {
 
   return (
     <Animated.View style={[styles.row, style]}>
-      <Image source={{uri: data.image}} style={[styles.image]} />
       <Text style={styles.text}>{data.text}</Text>
     </Animated.View>
   );
 }
 
-const App = () => {
-  const renderRow = useCallback(({data, active}) => {
-    return <Row data={data} active={active} />;
-  }, []);
-
-  return (
-    <View style={styles.container}>
-      <Text style={styles.title}>React Native Sortable List</Text>
-      <SortableList
-        style={styles.list}
-        contentContainerStyle={styles.contentContainer}
-        data={data}
-        renderRow={renderRow}
-      />
-    </View>
-  );
-};
-
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#eee',
-    ...Platform.select({
-      ios: {
-        paddingTop: 20,
-      },
-      harmony: {
-        paddingTop: 20,
-      },
-    }),
-  },
-  title: {
-    fontSize: 20,
-    paddingVertical: 20,
-    color: '#999999',
-  },
   list: {
     flex: 1,
+    backgroundColor: "#AAE",
   },
   contentContainer: {
-    width: window.width,
+    width: window.width - 100,
     ...Platform.select({
       ios: {
         paddingHorizontal: 30,
@@ -238,59 +191,51 @@ const styles = StyleSheet.create({
     }),
   },
   row: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: '#fff',
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "#fff",
     padding: 16,
     height: 80,
     flex: 1,
-    marginTop: 7,
-    marginBottom: 12,
-    borderRadius: 4,
+    marginTop: 10,
     ...Platform.select({
       ios: {
-        width: window.width - 30 * 2,
-        shadowColor: 'rgba(0,0,0,0.2)',
+        width: window.width - 60 * 2,
+        shadowColor: "rgba(0,0,0,0.2)",
         shadowOpacity: 1,
-        shadowOffset: {height: 2, width: 2},
+        shadowOffset: { height: 2, width: 2 },
         shadowRadius: 2,
       },
       android: {
-        width: window.width - 30 * 2,
+        width: window.width - 60 * 2,
         elevation: 0,
         marginHorizontal: 30,
       },
       harmony: {
-        width: window.width - 30 * 2,
+        width: window.width - 60 * 2,
         elevation: 0,
         marginHorizontal: 30,
-        shadowColor: 'rgba(0,0,0,0.2)',
+        shadowColor: "rgba(0,0,0,0.2)",
         shadowOpacity: 1,
-        shadowOffset: {height: 2, width: 2},
+        shadowOffset: { height: 2, width: 2 },
         shadowRadius: 2,
       },
     }),
   },
-  image: {
-    width: 50,
-    height: 50,
-    marginRight: 30,
-    borderRadius: 25,
-  },
   text: {
-    fontSize: 24,
-    color: '#222222',
+    fontSize: 18,
+    color: "#222222",
   },
 });
-
-export default App;
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases)
 
 ## 属性
 
@@ -298,53 +243,47 @@ export default App;
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-详情见[react-native-sortable-list ReadMe](https://github.com/gitim/react-native-sortable-list/tree/master)
+| Name                           | Description                                                                                                                                                                    | **Type**      | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
+| data                           | data source                                                                                                                                                                    | Object        | yes      | All      | Yes               |
+| order                          | an array of keys from data, the order of keys from the array will be used to initial rows order                                                                                | Array         | no       | All      | Yes               |
+| style                          | View style                                                                                                                                                                     | Object, Array | no       | All      | Yes               |
+| contentContainerStyle          | these styles will be applied to the inner scroll view content container                                                                                                        | Object, Array | no       | All      | Yes               |
+| innerContainerStyle            | these styles will be applied to the inner scroll view content container, excluding the header and footer                                                                       | Object, Array | no       | All      | Yes               |
+| horizontal                     | when true, the SortableList's children are arranged horizontally in a row instead of vertically in a column. The default value is false.                                       | boolean       | no       | All      | Yes               |
+| showsVerticalScrollIndicator   | when false, the vertical scroll indicator will not be visible. The default value is true.                                                                                      | boolean       | no       | All      | Yes               |
+| showsHorizontalScrollIndicator | when false, the horizontal scroll indicator will not be visible. The default value is true.                                                                                    | boolean       | no       | All      | Yes               |
+| sortingEnabled                 | when false, rows are not sortable. The default value is true.                                                                                                                  | boolean       | no       | All      | Yes               |
+| scrollEnabled                  | when false, the content does not scrollable. The default value is true.                                                                                                        | boolean       | no       | All      | Yes               |
+| keyboardShouldPersistTaps      | Determines when the keyboard should stay visible after a tap. Default 'never'.                                                                                                 | string        | no       | All      | Yes               |
+| manuallyActivateRows           | whether you intend to use the toggleRowActive method to activate a row or use the out of box solution.                                                                         | bool          | no       | All      | Yes               |
+| autoscrollAreaSize             | determines the height for vertical list and the width for horizontal list of the area at the begining and the end of the list that will trigger autoscrolling. Defaults to 60. | number        | no       | All      | Yes               |
+| rowActivationTime              | determines time delay in ms before pressed row becomes active. Defaults to 200 ms.                                                                                             | number        | no       | All      | Yes               |
+| refreshControl                 | A RefreshControl that works the same way as a ScrollView's refreshControl.                                                                                                     | element       | no       | All      | Yes               |
+| renderRow                      | Takes a row key, row index, data entry from the data source and its statuses disabled, active and should return a renderable component to be rendered as the row.              | function      | yes      | All      | Yes               |
+| renderHeader                   | Renders returned component at the top of the list.                                                                                                                             | function      | no       | All      | Yes               |
+| renderFooter                   | Renders returned component at the bottom of the list.                                                                                                                          | function      | no       | All      | Yes               |
+| onChangeOrder                  | Called when rows were reordered, takes an array of rows keys of the next rows order.                                                                                           | bool          | no       | All      | Yes               |
+| onActivateRow                  | Called when a row was activated (user long tapped).                                                                                                                            | function      | no       | All      | Yes               |
+| onReleaseRow                   | Called when the active row was released. Returns the key and the new list order.                                                                                               | function      | no       | All      | Yes               |
+| onPressRow                     | Called when a row was pressed.                                                                                                                                                 | function      | no       | All      | Yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-### Props:
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                           | Description                                                                                                                                                                    | **Type**      | Platform | Required | HarmonyOS Support |
-| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
-| data                           | data source                                                                                                                                                                    | Object        | All      | Y        | Yes               |
-| order                          | an array of keys from data, the order of keys from the array will be used to initial rows order                                                                                | Array         | All      | N        | Yes               |
-| style                          | View style                                                                                                                                                                     | Object, Array | All      | N        | Yes               |
-| contentContainerStyle          | these styles will be applied to the inner scroll view content container                                                                                                        | Object, Array | All      | N        | Yes               |
-| innerContainerStyle            | these styles will be applied to the inner scroll view content container, excluding the header and footer                                                                       | Object, Array | All      | N        | Yes               |
-| horizontal                     | when true, the SortableList's children are arranged horizontally in a row instead of vertically in a column. The default value is false.                                       | boolean       | All      | N        | Yes               |
-| showsVerticalScrollIndicator   | when false, the vertical scroll indicator will not be visible. The default value is true.                                                                                      | boolean       | All      | Y        | Yes               |
-| showsHorizontalScrollIndicator | when false, the horizontal scroll indicator will not be visible. The default value is true.                                                                                    | boolean       | All      | N        | Yes               |
-| sortingEnabled                 | when false, rows are not sortable. The default value is true.                                                                                                                  | boolean       | All      | N        | Yes               |
-| scrollEnabled                  | when false, the content does not scrollable. The default value is true.                                                                                                        | boolean       | All      | N        | Yes               |
-| keyboardShouldPersistTaps      | Determines when the keyboard should stay visible after a tap. Default 'never'.                                                                                                 | string        | All      | N        | No                |
-| manuallyActivateRows           | whether you intend to use the toggleRowActive method to activate a row or use the out of box solution.                                                                         | bool          | All      | N        | Yes               |
-| autoscrollAreaSize             | determines the height for vertical list and the width for horizontal list of the area at the begining and the end of the list that will trigger autoscrolling. Defaults to 60. | number        | All      | N        | Yes               |
-| rowActivationTime              | determines time delay in ms before pressed row becomes active. Defaults to 200 ms.                                                                                             | number        | All      | N        | Yes               |
-| refreshControl                 | A RefreshControl that works the same way as a ScrollView's refreshControl.                                                                                                     | element       | All      | N        | Yes               |
-| renderRow                      | Takes a row key, row index, data entry from the data source and its statuses disabled, active and should return a renderable component to be rendered as the row.              | function      | All      | Y        | Yes               |
-| renderHeader                   | Renders returned component at the top of the list.                                                                                                                             | function      | All      | N        | Yes               |
-| renderFooter                   | Renders returned component at the bottom of the list.                                                                                                                          | function      | All      | N        | Yes               |
-| onChangeOrder                  | Called when rows were reordered, takes an array of rows keys of the next rows order.                                                                                           | bool          | All      | N        | Yes               |
-| onActivateRow                  | Called when a row was activated (user long tapped).                                                                                                                            | function      | All      | N        | Yes               |
-| onReleaseRow                   | Called when the active row was released. Returns the key and the new list order.                                                                                               | function      | All      | N        | Yes               |
-| onPressRow                     | Called when a row was pressed.                                                                                                                                                 | function      | All      | N        | Yes               |
-
-## 方法
-
-### Methods
-
-| Name           | Description                                                                 | **Type**       | Platform | Required | HarmonyOS Support |
+| Name           | Description                                                                 | **Type**       | Required | Platform | HarmonyOS Support |
 | -------------- | --------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
-| scrollBy       | scrolls by a given y offset, either immediately or with a smooth animation. | dy?, animated? | All      | N        | Yes               |
-| scrollTo       | scrolls to a given y offset, either immediately or with a smooth animation. | y?, animated?  | All      | N        | Yes               |
-| scrollToRowKey | scrolls to a given row key, either immediately or with a smooth animation.  | key, animated? | All      | N        | Yes               |
+| scrollBy       | scrolls by a given y offset, either immediately or with a smooth animation. | dy?, animated? | no       | All      | Yes               |
+| scrollTo       | scrolls to a given y offset, either immediately or with a smooth animation. | y?, animated?  | no       | All      | Yes               |
+| scrollToRowKey | scrolls to a given row key, either immediately or with a smooth animation.  | key, animated? | no       | All      | Yes               |
 
 ## 遗留问题
 
-- [ ] 上下拖拽的时候图片会偶现闪烁
-
 ## 其他
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-sortable-list/blob/sig/LICENSE) ，请自由地享受和参与开源。

From 6b6c9aec7a5b9bfeaa40ec4695cbefc6ef59a614 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=86=B2?=
 <9521422+jx-is-hard@user.noreply.gitee.com>
Date: Fri, 20 Sep 2024 01:36:48 +0000
Subject: [PATCH 547/966] =?UTF-8?q?!1540=20docs:=20[Issues:=20#IAS2BS]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-waterfall-flow=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAS2BS]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-waterfall-flow=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-waterfall-flow.md | 392 +++++++++------------------
 1 file changed, 133 insertions(+), 259 deletions(-)

diff --git a/zh-cn/react-native-waterfall-flow.md b/zh-cn/react-native-waterfall-flow.md
index dcc341b0..9b938039 100644
--- a/zh-cn/react-native-waterfall-flow.md
+++ b/zh-cn/react-native-waterfall-flow.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-waterfall-flow</code> </h1>
@@ -13,10 +12,7 @@
     </a>
 </p>
 
-
-> [!tip]
->
->  [Github 地址](https://github.com/axerjs/react-native-waterfall-flow)
+>[!TIP] [Github 地址](https://github.com/axerjs/react-native-waterfall-flow)
 
 ## 安装与使用
 
@@ -41,284 +37,162 @@ yarn add react-native-waterfall-flow@1.1.5 --save
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import { PureComponent, Component } from 'react'
-import { View, Dimensions, Image, Animated, ImageProps, ActivityIndicator, Text, Platform, TouchableOpacity, Alert } from 'react-native'
-import WaterfallFlow from 'react-native-waterfall-flow'
-
-const window = Dimensions.get('window')
-
-export default class TestWaterfallFlowScreenTow extends Component {
-
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      data: [],
-      refreshing: false,
-      noMore: false,
-      inited: false
-    }
-    this.page = 1
-    this.pageSize = 10
-    this.loading = false
-    this.listRef = null
-  }
-
-  componentDidMount() {
-
-    this.loadData(1)
-
-    setTimeout(() => {
-      //this.listRef.scrollToIndex({ index: 6,viewPosition:1 })
-      //this.listRef.scrollToEnd()
-      // this.listRef.scrollToOffset({ offset: 200 })
-    }, 3000)
-  }
-
-  loadData = (page = 1, refreshing) => {
-    if (this.loading) {
-      return
-    }
-    this.loading = true
-    if (refreshing) {r
-      this.setState({
-        refreshing: true
-      })
-    } 
-    setTimeout(() => { // mock request data
-      const imgList = [
-        {
-          "thumbURL": "https://img1.baidu.com/it/u=2226443709,1655735334&fm=253&fmt=auto&app=120&f=JPEG?w=690&h=1226",
-          "title": "尾页,好看的风景锁屏壁纸,唯美天空手机壁纸",
-          "width": 690,
-          "height": 1226
-        },
-        {
-          "thumbURL": "https://img1.baidu.com/it/u=1864407977,4278108853&fm=253&fmt=auto&app=138&f=JPEG?w=333&h=499",
-          "title": "唯美意境图片田园景色手机壁纸第一辑-风景-壁纸下载-美桌网",
-          "width": 640,
-          "height": 960
-        },
-        {
-          "thumbURL": "https://img1.baidu.com/it/u=1884825806,3687074543&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889",
-          "title": "大自然唯美风景图片手机壁纸",
-          "width": 1080,
-          "height": 1920
-        },
-        {
-          "thumbURL": "https://img2.baidu.com/it/u=241902442,933965745&fm=253&fmt=auto&app=120&f=JPEG?w=540&h=960",
-          "title": "好看唯美的自然风光手机壁纸-风景-手机壁纸下载-美桌网",
-          "width": 540,
-          "height": 960
-        },
-        {
-          "thumbURL": "https://img1.baidu.com/it/u=1605135781,4151997734&fm=253&fmt=auto&app=138&f=JPEG?w=281&h=499",
-          "title": "唯美瀑布高清大自然风景图片壁纸",
-          "width": 640,
-          "height": 1137
-        },
-        {
-          "thumbURL": "https://img0.baidu.com/it/u=1303418658,2016567117&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889",
-          "title": "手机动漫风景图片壁纸2",
-          "width": 576,
-          "height": 1024
-        },
-        {
-          "thumbURL": "https://img1.baidu.com/it/u=1094974745,1772917056&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=750",
-          "title": "清新的大海景色640x960唯美手机壁纸大图",
-          "width": 640,
-          "height": 960
-        },
-        {
-          "thumbURL": "https://img0.baidu.com/it/u=2608390028,4097355289&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=751",
-          "title": "高清风景图片竖屏最美(2)",
-          "width": 500,
-          "height": 751
-        }]
-      const newData = imgList.slice((page - 1) * this.pageSize, page * this.pageSize).map(img => {
-        const { width, height } = img
-        const cardWidth = Math.floor(window.width / 2)
-        return {
-          ...img, 
-          width: cardWidth,
-          height: Math.floor(height / width * cardWidth)
-        }
-      })
-      const noMore = newData.length < this.pageSize
-      this.loading = false
-      this.page = refreshing ? 1 : page
-      this.setState({
-        data: refreshing ? newData : this.state.data.concat(newData),
-        refreshing: false,
-        noMore,
-        inited: true
-      })
-    }, refreshing ? 1000 : 500)
-  }
+import React, { useState, useRef } from 'react';
+import { View, Text, StyleSheet, Button, RefreshControl, Alert } from 'react-native';
+import WaterfallFlow from 'react-native-waterfall-flow';
 
-  onEndReached = () => {
-    if (!this.state.noMore) {
-      this.loadData(this.page + 1)
-    }
-  }
+const App = () => {
+  const item = ['Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item'].map((l, i) => ({ id: l, text: i + ` ${l}` }))
+  const [data, setData] = useState(item);
+  const [refreshing, setRefreshing] = useState(false);
+  const waterfallRef = useRef(null);
 
-  render() {
-    const { data, refreshing, noMore, inited } = this.state
-    return (
-      <WaterfallFlow
-        ref={ref => this.listRef = ref}
-        style={{ flex: 1 }}
-        contentContainerStyle={{ backgroundColor: '#f9f9f9' }}
-        ListHeaderComponent={<Header />}
-        ListFooterComponent={<Footer noMore={noMore} inited={inited} isEmpty={data.length === 0}/>}
-        ListEmptyComponent={<Empty inited={inited} />}
-        data={data}
-        numColumns={2}
-        initialNumToRender={10}
-        onEndReached={this.onEndReached}
-        refreshing={refreshing}
-        onRefresh={() => this.loadData(1, true)}
-        renderItem={({ item, index, columnIndex }) => {
-          return (
-            <Card item={item} index={index} columnIndex={columnIndex}/>
-          )
-        }}
-      />
-    )
-  }
-}
+  const renderItem = ({ item }) => {
 
-class Card extends PureComponent {
-  render() {
-    const { item, index, columnIndex } = this.props
     return (
-      <View style={{ flex: 1, overflow: 'hidden' }}>
-        <TouchableOpacity 
-          style={{ backgroundColor: '#fff', flex: 1 }} 
-          activeOpacity={1}
-        >
-          <FadeImage 
-            source={{ uri: item.thumbURL, width: item.width, height: item.height }} 
-            resizeMode="cover" 
-          />
-        </TouchableOpacity>
+      <View style={styles.item}>
+        <Text>{item.text}</Text>
       </View>
-    )
+    );
   }
-}
 
-class Header extends PureComponent {
-  render() {
-    return (
-      <FadeImage 
-        resizeMode="cover"  
-        source={{ 
-          uri: 'https://img0.baidu.com/it/u=266597227,4250059863&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281', 
-          width: window.width, 
-          height: 281 / 500 * window.width 
-        }}
-      />
-    )
-  }
-}
-
-class Footer extends PureComponent {
-  render() {
-    const { noMore, inited, isEmpty } = this.props 
-    if (!inited || isEmpty) {
-      return null
-    }
-    return (
-      <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', height: 60 }}>
-        {!noMore && <ActivityIndicator color="red"/>}
-        <Text style={{ color: '#999', marginLeft: 8 }}>{noMore ? '我是有底线的哦~' : '加载中...'}</Text>
+  const onRefresh = () => {
+    setRefreshing(true);
+    setTimeout(() => {
+      // 模拟刷新数据
+      setData([...item]);
+      setRefreshing(false);
+    }, 2000);
+  };
+
+  const onEndReached = () => {
+    // 模拟加载更多数据
+    setData([...data, { id: `${data.length + 1}`, text: `${data.length + 1} Item` }, { id: `${data.length + 2}`, text: `${data.length + 2} Item` }]);
+    // Alert.alert('滚动到底部')
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={{ flex: 1 }}>
+        <WaterfallFlow
+          ref={waterfallRef}
+          renderItem={renderItem}
+          data={data}
+          numColumns={2}
+          ListHeaderComponent={<Text style={styles.header}>Header Component</Text>}
+          ListFooterComponent={<Text style={styles.footer}>Footer Component</Text>}
+          ListEmptyComponent={<Text style={styles.empty}>No Data Available</Text>}
+          onEndReached={onEndReached}
+          onRefresh={onRefresh}
+          refreshing={refreshing}
+          style={styles.waterfall}
+          contentContainerStyle={styles.contentContainer}
+          refreshControl={<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />}
+        />
       </View>
-    )
-  }
-}
-
-
-class Empty extends PureComponent {
-  render() {
-    const { inited } = this.props
-    return (
-      <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center', height: 300 }}>
-        {!inited && <ActivityIndicator color="red"/>}
-        <Text style={{ color: '#999', marginLeft: 8 }}>{inited ? '这里空空的哦~' : '获取数据中...'}</Text>
+      <View style={styles.buttonsContainer}>
+        <Button
+          title="Scroll to End"
+          onPress={() => waterfallRef.current.scrollToEnd({ animated: true })}
+        />
+        <Button
+          title="Scroll to Index"
+          onPress={() => { data.length >= 20 ? waterfallRef.current.scrollToIndex({ animated: true, index: 20, viewPosition: 0 }) : false }}
+        />
+        <Button
+          title="Scroll to Offset"
+          onPress={() => waterfallRef.current.scrollToOffset({ offset: 0 })}
+        />
       </View>
-    )
-  }
-}
-
-class FadeImage extends Component<ImageProps> {
-
-  constructor(props) {
-    super(props)
-    this._animatedValue = new Animated.Value(0)
+      <View style={styles.buttonDelete}>
+        <Button
+          title="Delete Data"
+          onPress={() => { setData([]) }}
+        />
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  waterfall: {
+    flex: 1,
+  },
+  contentContainer: {
+    padding: 10,
+  },
+  item: {
+    backgroundColor: '#ccc',
+    margin: 5,
+    padding: 10,
+    borderRadius: 5,
+  },
+  header: {
+    padding: 10,
+    fontSize: 18,
+    textAlign: 'center',
+  },
+  footer: {
+    padding: 10,
+    fontSize: 16,
+    textAlign: 'center',
+  },
+  empty: {
+    padding: 10,
+    fontSize: 16,
+    textAlign: 'center',
+  },
+  buttonsContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    padding: 10,
+  },
+  buttonDelete: {
+    marginBottom: 20
   }
+});
 
-  render() {
-    const { style, onLoadEnd } = this.props
-    if (Platform.OS === 'android') {
-      return <Image {...this.props}/>
-    }
-    return (
-      <Animated.Image 
-        {...this.props}
-        onLoadEnd={() => {
-          Animated.timing(this._animatedValue, {
-            toValue: 1,
-            duration: 200,
-            useNativeDriver: true
-          }).start()
-          onLoadEnd && onLoadEnd()
-        }}
-        style={[style, { opacity: this._animatedValue }]} 
-      />
-    )
-  }
-}
+export default App;
 ```
 
-
-
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 
-react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65; 
+
+
 
 ## 属性
 
-> [!tip] 
->
-> "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] 
->
-> "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                  | Description                                                                                            | Type     | default | Required | Platform | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- | ----------------- |
-| `renderItem` | 用于将当前`item`渲染到列表中 | function |  | Yes       | All      | yes               |
-| `data`     | 瀑布流数据源，可以是任意内容的数组            | array |  | Yes       | All      | yes               |
-| `numColumns` | 瀑布流的列数，默认为2，即两列                    | number | 2 | No   | All      | yes               |
-| `ListHeaderComponent` | 头部组件。可以是 React Component 或 render 函数。                          | component`, `function |  | No       | All      | yes               |
-| `ListFooterComponent` | 尾部组件。可以是 React Component 或 render 函数。 | component`, `function |  | No       | All      | yes               |
-| `ListEmptyComponent` | 列表为空时渲染该组件。可以是 React Component 或 render 函数 | component`, `function |  | No       | All      | yes               |
-| `onEndReached`   | 当列表滚动到底部是调用            | function |  | No       | All      | yes               |
-| `onRefresh`   | 如果设置了此选项，则会在列表头部添加一个标准的[`RefreshControl`](https://www.react-native.cn/docs/refreshcontrol) 控件，以便实现“下拉刷新”的功能。同时你需要正确设置`refreshing`属性。 | function |  | No       | All      | yes               |
-| `refreshing` | 在等待加载新数据时将此属性设为 true，列表就会显示出一个正在加载的符号。                   | boolean | true | No       | All      | yes               |
-| `style`     | 用于设置瀑布流外层样式，默认会有`{ flex: 1 }`的样式，即高度充满父容器             | [`view styles`](https://www.react-native.cn/docs/view-style-props) |  | No       | All      | yes               |
-| `contentContainerStyle` | 瀑布流内容容器样式                           | [`view styles`](https://www.react-native.cn/docs/view-style-props) |   | No   | All      | yes               |
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- | ----------------- |
+| `renderItem` | 用于将当前`item`渲染到列表中 | function | Yes       | All      | yes               |
+| `data`     | 瀑布流数据源，可以是任意内容的数组            | array | Yes       | All      | yes               |
+| `numColumns` | 瀑布流的列数，默认为2，即两列                    | number | No   | All      | yes               |
+| `ListHeaderComponent` | 头部组件。可以是 React Component 或 render 函数。                          | component`, `function | No       | All      | yes               |
+| `ListFooterComponent` | 尾部组件。可以是 React Component 或 render 函数。 | component`, `function | No       | All      | yes               |
+| `ListEmptyComponent` | 列表为空时渲染该组件。可以是 React Component 或 render 函数 | component`, `function | No       | All      | yes               |
+| `onEndReached`   | 当列表滚动到底部是调用            | function | No       | All      | yes               |
+| `onRefresh`   | 如果设置了此选项，则会在列表头部添加一个标准的[`RefreshControl`](https://www.react-native.cn/docs/refreshcontrol) 控件，以便实现“下拉刷新”的功能。同时你需要正确设置`refreshing`属性。 | function | No       | All      | yes               |
+| `refreshing` | 在等待加载新数据时将此属性设为 true，列表就会显示出一个正在加载的符号。                   | boolean | No       | All      | yes               |
+| `style`     | 用于设置瀑布流外层样式，默认会有`{ flex: 1 }`的样式，即高度充满父容器             | object | No       | All      | yes               |
+| `contentContainerStyle` | 瀑布流内容容器样式                           | object | No   | All      | yes               |
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                       | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | -------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |

From ccbeaf76020040517bd251667154d22646f03249 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Fri, 20 Sep 2024 02:09:01 +0000
Subject: [PATCH 548/966] =?UTF-8?q?!1538=20docs:=20[Issues:=20#IARW3Q]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-pan-zoom=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IARW3Q]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-pan-zoom=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-pan-zoom.md | 543 ++++-----------------------
 1 file changed, 70 insertions(+), 473 deletions(-)

diff --git a/zh-cn/react-native-image-pan-zoom.md b/zh-cn/react-native-image-pan-zoom.md
index 26f5abbc..1cf726f7 100644
--- a/zh-cn/react-native-image-pan-zoom.md
+++ b/zh-cn/react-native-image-pan-zoom.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 模板版本：v0.2.2
 
 <p align="center">
@@ -13,8 +12,6 @@
     </a>
 </p>
 
-
-
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-zoom)
 
 ## 安装与使用
@@ -44,450 +41,46 @@ yarn add @react-native-oh-tpl/react-native-image-zoom@file:#
 下面的代码展示了这个库的基本使用场景：
 
 ```tsx
-import React, { useState } from "react";
-import {
-  Button,
-  Dimensions,
-  Image,
-  LayoutChangeEvent,
-  StyleSheet,
-  Switch,
-  Text,
-  View,
-} from "react-native";
-import ImageZoom from "react-native-image-pan-zoom";
-import type { IOnClick, IOnMove, ICenterOn } from "react-native-image-pan-zoom";
-// const LOCAL_IMAGE_ASSET_ID = require('../')
-
-const formatEventData = (evt: IOnClick) => {
-  const { locationX, locationY, pageX, pageY } = evt;
-  return `x ${locationX.toFixed(2)} y ${locationY.toFixed(2)} pageX ${pageX.toFixed(2)} pageY ${pageY.toFixed(2)}`;
-};
-
-const ImageZoomDemo = () => {
-  //长按
-  const [longPressData, setLongPressData] = useState(
-    "LongPress: Haven't long pressed yet",
-  );
-  const longPressHandler = (evt: IOnClick) => {
-    const data = formatEventData(evt);
-    setLongPressData(`LongPress: ${data}`);
-  };
-  const [longPressTime, setLongPressTime] = useState(800);
-
-  // 双击
-  const [doubleClickData, setDoubleClickData] = useState(
-    "DoubleClick: Haven't doubleclicked yet",
-  );
-  const [isEnabled, setIsEnabled] = useState(false);
-  const toggleDoubleClickSwitch = () =>
-    setIsEnabled((previousState) => !previousState);
-  const doubleClickHandler = (evt: IOnClick) => {
-    setDoubleClickData(
-      `DoubleClick: x: ${evt.locationX.toFixed(2)} y: ${evt.locationY.toFixed(2)}}`,
-    );
-  };
-  const [clickInterval, setClickInterval] = useState(175);
-
-  // 单击
-  const [singleClickData, setSingleClickData] = useState(
-    "SingleClick: Haven't singleClicked yet",
-  );
-  const singleClickHandler = (evt: IOnClick) => {
-    setSingleClickData(
-      `SingleClick: x: ${evt.locationX.toFixed(2)} y: ${evt.locationY.toFixed(2)}`,
-    );
-  };
-
-  // 下滑
-  const [swiperDownData, setSwiperDownData] = useState(
-    "SwiperDown: Haven't swipe down yet",
-  );
-  const [enableSwiperDown, setSwiperDownEnabled] = useState(false);
-  const [downThreshold, setDownThreshold] = useState(230);
-  const swiperDownHandler = () => {
-    setSwiperDownData("SwiperDown: already swipe down");
-  };
-  const toggleSwipeDownSwitch = () => {
-    setSwiperDownEnabled((previousState) => !previousState);
-  };
-
-  // 移动
-  const [moveData, setMoveData] = useState("Move: Haven't move yet");
-  const moveHandler = (data: IOnMove) => {
-    const { type, positionX, positionY, scale, zoomCurrentDistance } = data;
-    setMoveData(
-      `Move: type:${type} positionX:${positionX.toFixed(2)} positionY:${positionY.toFixed(2)} scale:${scale} zoomCurrentDistance:${zoomCurrentDistance}`,
-    );
-  };
-
-  // 窗口和图片尺寸
-  const winWidth = Dimensions.get("window").width;
-  const winHeight = winWidth;
-  const [zoomWidth, setZoomWidth] = useState(winWidth);
-  const [zoomHeight, setZoomHeight] = useState(winHeight);
-  const defaultViewData = `Current view data:width:${zoomWidth.toFixed(2)}, height:${zoomHeight.toFixed(2)}`;
-  const [viewData, setViewData] = useState(defaultViewData);
-  const toggleAdd = () => {
-    setZoomWidth(winWidth);
-    setZoomHeight(winHeight);
-    setViewData(getViewData(winWidth, winHeight));
-  };
-  const toggleDecrease = () => {
-    setZoomWidth(winWidth * 0.8);
-    setZoomHeight(winHeight * 0.8);
-    setViewData(getViewData(winWidth * 0.8, winHeight * 0.8));
-  };
-  const getViewData = (width: number, height: number) => {
-    return `Current view data:width: ${width.toFixed(2)} height: ${height.toFixed(2)}`;
-  };
-
-  // 双指缩放
-  const [isEnablePinchToZoom, setPinchToZoomState] = useState(false);
-  const togglePinchToZoomSwitch = () => {
-    setPinchToZoomState((previousState) => !previousState);
-  };
-  const [minScale, setMinScale] = useState(0.6);
-  const [maxScale, setMaxScale] = useState(2);
-
-  // 单指移动
-  const [isEnablePanToMove, setPanToMoveState] = useState(false);
-  const [singleClickDistance, setSingleClickDistance] = useState(10);
-  const togglePanToMoveSwitch = () => {
-    setPanToMoveState((previousState) => !previousState);
-  };
-  const [maxOverflow, setMaxOverFlow] = useState(100);
-
-  // 自定义中心
-  const defaultCenter: ICenterOn = {
-    x: 0,
-    y: 0,
-    scale: 1,
-    duration: 300,
-  };
-  const [centerData, setCenterData] = useState(
-    (): ICenterOn | undefined => undefined,
-  );
-  const leftCenter: ICenterOn = {
-    x: 100,
-    y: 100,
-    scale: 1,
-    duration: 300,
-  };
-  const [centerEnable, setCenterIsEnable] = useState(false);
-  const toggleSettingCenter = (val: boolean) => {
-    console.log(`toggleSettingCenter: ${val}`);
-    if (val) {
-      setCenterData(leftCenter);
-    } else {
-      setCenterData(defaultCenter);
-    }
-    setCenterIsEnable((previousState) => !previousState);
-  };
-
-  // 中心焦点
-  const [enableCenterFocus, setEnterFocusIsEnable] = useState(false);
-
-  // 动画驱动
-  const [enableNativeDriver, setNativeDriverIsEnable] = useState(false);
-
-  // 禁用安卓渲染
-  const [enableAndroidRender, setAndroidRenderEnable] = useState(false);
-
-  // 触发想切换到左边的图，向左滑动速度超出阈值触发
-  const dragLeftHandler = () => {
-    console.log("dragLeftHandler!!!");
-  };
-
-  // 松手但是没有取消看图
-  const responderReleaseHandler = (vx: number, scale: number) => {
-    setViewData(`ResponderRelease: scale: ${scale}`);
-  };
-
-  // 成为响应者
-  const startPanResponderHandler = () => {
-    console.log("respondercallback:startPanResponderHandler!!!");
-    return true;
-  };
-  const movePanResponderHandler = () => {
-    console.log("respondercallback:movePanResponderHandler!!!");
-    return false;
-  };
-  const terminationRequestHandler = () => {
-    console.log("respondercallback:terminationRequestHandler!!!");
-    return false;
-  };
-
-  const getButtonColor = (current: number, origin: number): string => {
-    return current === origin ? "#007AFF99" : "#007AFF";
-  };
-
-  // 横向超出距离
-  const offsetHandler = (offsetX?: number) => {
-    setViewData(`HorizontalOuterRangeOffset: offsetX: ${offsetX?.toFixed(2)}`);
-  };
-
-  // 图片渲染完成
-  const layoutChangeHandler = (event: LayoutChangeEvent) => {
-    console.log("layoutChangeHandler!!!");
-  };
+import React from "react"
+import { Image, Text, Button } from "react-native"
+import ImageZoom from "react-native-image-pan-zoom"
+export default function () {
+  const [cropWidth, setCropWidth] = React.useState<number>(300)
+  const [cropHeight, setCropHeight] = React.useState<number>(300)
+  const [imageWidth, setImageWidth] = React.useState<number>(600)
+  const [imageHeight, setImageHeight] = React.useState<number>(600)
+  const [panToMove, setPanToMove] = React.useState<boolean>(false)
 
   return (
-    <View>
-      <Text>
-        操作区域：
-        <View style={{ width: 60 }}>
-          <Button
-            title="100%"
-            onPress={toggleAdd}
-            color={getButtonColor(zoomWidth, winWidth)}
-          />
-        </View>{" "}
-        <View style={styles.button}>
-          <Button
-            title="80%"
-            onPress={toggleDecrease}
-            color={getButtonColor(zoomWidth, winWidth * 0.8)}
-          />
-        </View>
-      </Text>
-      <Text>{viewData}</Text>
-      <Text>{longPressData}</Text>
-      <Text>{doubleClickData}</Text>
-      <Text>{singleClickData}</Text>
-      <Text>{swiperDownData}</Text>
-      <View style={styles.box}>
-        <Text style={styles.switchText}>
-          单指移动：
-          <Switch
-            onValueChange={togglePanToMoveSwitch}
-            value={isEnablePanToMove}
-          ></Switch>
-        </Text>
-        <Text style={styles.switchText}>
-          双指缩放：
-          <Switch
-            onValueChange={togglePinchToZoomSwitch}
-            value={isEnablePinchToZoom}
-          ></Switch>
-        </Text>
-        <Text style={styles.switchText}>
-          双击放大：
-          <Switch onValueChange={toggleDoubleClickSwitch} value={isEnabled}></Switch>
-        </Text>
-        <Text style={styles.switchText}>
-          开启下滑：
-          <Switch
-            onValueChange={toggleSwipeDownSwitch}
-            value={enableSwiperDown}
-          ></Switch>
-        </Text>
-        <Text style={styles.switchText}>
-          自定义中心：
-          <Switch
-            onValueChange={(value) => toggleSettingCenter(value)}
-            value={centerEnable}
-          ></Switch>
-        </Text>
-        <Text style={styles.switchText}>
-          中心禁用：
-          <Switch
-            onValueChange={(value) => setEnterFocusIsEnable(value)}
-            value={enableCenterFocus}
-          ></Switch>
-        </Text>
-        <Text style={styles.switchText}>
-          动画驱动：
-          <Switch
-            onValueChange={(value) => setNativeDriverIsEnable(value)}
-            value={enableNativeDriver}
-          ></Switch>
-        </Text>
-        {/* <Text style={styles.switchText}>禁用安卓硬解：<Switch onValueChange={value => setAndroidRenderEnable(value)} value={enableAndroidRender}></Switch></Text> */}
-        <Text style={styles.switchText}>
-          单击距离：
-          <View style={styles.button}>
-            <Button
-              title="10"
-              onPress={() => setSingleClickDistance(10)}
-              color={getButtonColor(singleClickDistance, 10)}
-            />
-          </View>{" "}
-          <View style={styles.button}>
-            <Button
-              title="50"
-              onPress={() => setSingleClickDistance(50)}
-              color={getButtonColor(singleClickDistance, 50)}
-            />
-          </View>
-        </Text>
-        <Text style={styles.switchText}>
-          滑动阈值：
-          <View style={styles.button}>
-            <Button
-              title="100"
-              onPress={() => setMaxOverFlow(100)}
-              color={getButtonColor(maxOverflow, 100)}
-            />
-          </View>{" "}
-          <View style={styles.button}>
-            <Button
-              title="200"
-              onPress={() => setMaxOverFlow(200)}
-              color={getButtonColor(maxOverflow, 200)}
-            />
-          </View>
-        </Text>
-        <Text style={styles.switchText}>
-          长按阈值：
-          <View style={styles.button}>
-            <Button
-              title="800"
-              onPress={() => setLongPressTime(800)}
-              color={getButtonColor(longPressTime, 800)}
-            />
-          </View>{" "}
-          <View style={styles.button}>
-            <Button
-              title="2k"
-              onPress={() => setLongPressTime(2000)}
-              color={getButtonColor(longPressTime, 2000)}
-            />
-          </View>
-        </Text>
-        <Text style={styles.switchText}>
-          下滑阈值：
-          <View style={styles.button}>
-            <Button
-              title="230"
-              onPress={() => setDownThreshold(230)}
-              color={getButtonColor(downThreshold, 230)}
-            />
-          </View>{" "}
-          <View style={styles.button}>
-            <Button
-              title="100"
-              onPress={() => setDownThreshold(100)}
-              color={getButtonColor(downThreshold, 100)}
-            />
-          </View>
-        </Text>
-        <Text style={styles.switchText}>
-          最小缩放：
-          <View style={styles.button}>
-            <Button
-              title="0.6"
-              onPress={() => setMinScale(0.6)}
-              color={getButtonColor(minScale, 0.6)}
-            />
-          </View>{" "}
-          <View style={styles.button}>
-            <Button
-              title="1"
-              onPress={() => setMinScale(1)}
-              color={getButtonColor(minScale, 1)}
-            />
-          </View>
-        </Text>
-        <Text style={styles.switchText}>
-          最大缩放：
-          <View style={styles.button}>
-            <Button
-              title="2"
-              onPress={() => setMaxScale(2)}
-              color={getButtonColor(maxScale, 2)}
-            />
-          </View>{" "}
-          <View style={styles.button}>
-            <Button
-              title="5"
-              onPress={() => setMaxScale(5)}
-              color={getButtonColor(maxScale, 5)}
-            />
-          </View>
-        </Text>
-        <Text style={styles.switchText}>
-          双击间隔：
-          <View style={styles.button}>
-            <Button
-              title="175"
-              onPress={() => setClickInterval(175)}
-              color={getButtonColor(clickInterval, 175)}
-            />
-          </View>{" "}
-          <View style={styles.button}>
-            <Button
-              title="1k"
-              onPress={() => setClickInterval(1000)}
-              color={getButtonColor(clickInterval, 1000)}
-            />
-          </View>
-        </Text>
-      </View>
-      <Text>{moveData}</Text>
+    <>
+      <Text>{`panToMove value: ${panToMove} `}</Text>
       <ImageZoom
-        cropWidth={zoomWidth}
-        cropHeight={zoomHeight}
-        imageWidth={zoomWidth}
-        imageHeight={zoomHeight}
-        enableSwipeDown={enableSwiperDown}
-        panToMove={isEnablePanToMove}
-        pinchToZoom={isEnablePinchToZoom}
-        enableDoubleClickZoom={isEnabled}
-        enableCenterFocus={enableCenterFocus}
-        clickDistance={singleClickDistance}
-        maxOverflow={maxOverflow}
-        longPressTime={longPressTime}
-        doubleClickInterval={clickInterval}
-        centerOn={centerData}
-        swipeDownThreshold={downThreshold}
-        minScale={minScale}
-        maxScale={maxScale}
-        useNativeDriver={enableNativeDriver}
-        useHardwareTextureAndroid={enableAndroidRender}
-        layoutChange={layoutChangeHandler}
-        horizontalOuterRangeOffset={offsetHandler}
-        onLongPress={longPressHandler}
-        onClick={singleClickHandler}
-        onDoubleClick={doubleClickHandler}
-        onDragLeft={dragLeftHandler}
-        onSwipeDown={swiperDownHandler}
-        onMove={moveHandler}
-        responderRelease={responderReleaseHandler}
-        onStartShouldSetPanResponder={startPanResponderHandler}
-        onMoveShouldSetPanResponder={movePanResponderHandler}
-        onPanResponderTerminationRequest={terminationRequestHandler}
+        cropWidth={cropWidth}
+        cropHeight={cropHeight}
+        imageWidth={imageWidth}
+        imageHeight={imageHeight}
+        enableDoubleClickZoom={false}
+        panToMove={panToMove}
+        enableCenterFocus={false}
+        pinchToZoom={false}
       >
         <Image
-          enableHorizontalBounce={true}
           style={{
-            width: zoomWidth,
-            height: zoomHeight,
+            width: imageWidth,
+            height: imageHeight,
           }}
           source={{
             uri: "https://img0.baidu.com/it/u=3570889183,2260151218&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
           }}
         />
       </ImageZoom>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  button: {
-    width: 50,
-  },
-  switchText: {
-    width: "50%",
-  },
-  box: {
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-  },
-});
-
-export default ImageZoomDemo;
+      <Button
+        title="change panToMove value"
+        onPress={() => setPanToMove(!panToMove)}
+      />
+    </>
+  )
+}
 ```
 
 ## 约束与限制
@@ -496,7 +89,7 @@ export default ImageZoomDemo;
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)
 
 ## 属性
 
@@ -508,52 +101,56 @@ export default ImageZoomDemo;
 
 ImageZoom
 
-| Name                             | Description                                                                                                                                                           | Type                                                                                                                               | Required | Platform | HarmonyOS Support | note                                                                                       |
-| -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------------------ |
-| **cropWidth(required)**          | operating area width                                                                                                                                                  | number                                                                                                                             | YES      | ALL      | YES               |                                                                                            |
-| **cropHeight(required)**         | operating area height                                                                                                                                                 | number                                                                                                                             | YES      | ALL      | YES               |                                                                                            |
-| **imageWidth(required)**         | picture width                                                                                                                                                         | number                                                                                                                             | YES      | ALL      | YES               |                                                                                            |
-| **imageHeight(required)**        | picture height                                                                                                                                                        | number                                                                                                                             | YES      | ALL      | YES               |                                                                                            |
-| onClick                          | onClick                                                                                                                                                               | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES               |                                                                                            |
-| `onDoubleClick`                  | onDoubleClick                                                                                                                                                         | `(eventParams: IOnClick)=>void	`                                                                                                    | NO       | ALL      | YES               |                                                                                            |
-| `panToMove`                      | allow to move picture with one finger                                                                                                                                 | `boolean`                                                                                                                          | NO       | ALL      | YES               |                                                                                            |
-| pinchToZoom                      | allow scale with two fingers                                                                                                                                          | `boolean`                                                                                                                          | NO       | ALL      | NO                | 详见遗留问题                                                                               |
-| clickDistance                    | how many finger movement can also trigger `onClick`                                                                                                                   | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            |
-| `horizontalOuterRangeOffset`     | horizontal beyond the distance, the parent to do picture switching, you can listen to this function. When this function is triggered, you can do the switch operation | (offsetX?: number)=>void                                                                                                           | NO       | ALL      | YES               |                                                                                            |
-| onDragLeft                       | trigger to switch to the left of the graph, the left sliding speed exceeds the threshold when triggered                                                               | ()=>void                                                                                                                           | NO       | \        | NO                | 此回调函数源码未实现，详见：https://github.com/ascoders/react-native-image-zoom/issues/103 |
-| `responderRelease`               | let go but do not cancel                                                                                                                                              | (vx: number)=>void                                                                                                                 | NO       | ALL      | YES               |                                                                                            |
-| `maxOverflow`                    | maximum sliding threshold                                                                                                                                             | `number`                                                                                                                           | NO       | ALL      | YES               |                                                                                            |
-| `longPressTime`                  | long press threshold                                                                                                                                                  | `number`                                                                                                                           | NO       | ALL      | YES               |                                                                                            |
-| onLongPress                      | on longPress                                                                                                                                                          | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES               |                                                                                            |
-| `doubleClickInterval	`            | time allocated for second click to be considered as doublClick event                                                                                                  | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            |
-| `onMove`                         | reports movement position data (helpful to build overlays)                                                                                                            | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void   | NO       | ALL      | YES               |                                                                                            |
-| `centerOn`                       | if given this will cause the map to pan and zoom to the desired location                                                                                              | { x: number, y: number, scale: number, duration: number }                                                                          | NO       | ALL      | YES               |                                                                                            |
-| `enableSwipeDown`                | for enabling vertical movement if user doesn't want it                                                                                                                | `boolean`                                                                                                                          | NO       | ALL      | YES               |                                                                                            |
-| `enableCenterFocus`              | for disabling focus on image center if user doesn't want it                                                                                                           | `boolean`                                                                                                                          | NO       | ALL      | YES               | ``                                                                                         |
-| `onSwipeDown`                    | function that fires when user swipes down                                                                                                                             | `() => void	`                                                                                                                       | NO       | ALL      | YES               |                                                                                            |
-| `swipeDownThreshold`             | threshold for firing swipe down function                                                                                                                              | `number`                                                                                                                           | NO       | ALL      | YES               |                                                                                            |
-| `minScale`                       | minimum zoom scale                                                                                                                                                    | `number`                                                                                                                           | NO       | ALL      | NO                | 此值在双指缩放功能正常后可生效                                                             |
-| maxScale                         | maximum zoom scale                                                                                                                                                    | number                                                                                                                             | NO       | ALL      | NO                | 此值在双指缩放功能正常后可生效                                                             |
-| useNativeDriver                  | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver)                                                         | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            |
-| onStartShouldSetPanResponder     | Override onStartShouldSetPanResponder behavior                                                                                                                        | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            |
-| onMoveShouldSetPanResponder      | Override onMoveShouldSetPanResponder behavior                                                                                                                         | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            |
-| onPanResponderTerminationRequest | Override onMoveShouldSetPanResponder behavior                                                                                                                         | () => boolean                                                                                                                      | NO       | ALL      | NO                | 详见遗留问题                                                                               |
-| useHardwareTextureAndroid        | for disabling rendering to hardware texture on Android                                                                                                                | boolean                                                                                                                            | NO       | Android  | NO                | 此属性仅Android生效                                                                        |
+| Name   | Description          | Type          | Required | Platform | HarmonyOS Support |   
+| ---- | ------------------ | ----------------------- | -------- | -------- | ----------------- | 
+| **cropWidth**   | operating area width              | number      | YES      | ALL      | YES    |           
+| **cropHeight**           | operating area height                                                                                                                                                 | number                                                                                                                             | YES      | ALL      | YES               |                                                                                            
+| **imageWidth**           | picture width                                                                                                                                                         | number                                                                                                                             | YES      | ALL      | YES                                                                                                           
+| **imageHeight**          | picture height                                                                                                                                                        | number                                                                                                                             | YES      | ALL      | YES                                                                                                           |
+| `onClick`                          | onClick                                                                                                                                                               | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES                                                                                                           |
+| `onDoubleClick`                    | onDoubleClick                                                                                                                                                         | (eventParams: IOnClick)=>void                                                                                                      | NO       | ALL      | YES               |                                                                                            
+| `panToMove`                        | allow to move picture with one finger                                                                                                                                 | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `pinchToZoom`                      | allow scale with two fingers                                                                                                                                          | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `enableDoubleClickZoom`            | allow double-click to enlarge                                                                                                                                         | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `clickDistance`                    | how many finger movement can also trigger `onClick`                                                                                                                   | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `horizontalOuterRangeOffset`       | horizontal beyond the distance, the parent to do picture switching, you can listen to this function. When this function is triggered, you can do the switch operation | (offsetX?: number)=>void                                                                                                           | NO       | ALL      | YES               |                                                                                            
+| `onDragLeft`                       | trigger to switch to the left of the graph, the left sliding speed exceeds the threshold when triggered                                                               | ()=>void                                                                                                                           | NO       | \        | NO                | 
+| `responderRelease`                 | let go but do not cancel                                                                                                                                              | (vx: number)=>void                                                                                                                 | NO       | ALL      | YES               |                                                                                            
+| `maxOverflow`                      | maximum sliding threshold                                                                                                                                             | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `longPressTime`                    | long press threshold                                                                                                                                                  | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `onLongPress`                      | on longPress                                                                                                                                                          | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES               |                                                                                            
+| `doubleClickInterval	`              | time allocated for second click to be considered as doublClick event                                                                                                  | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `onMove`                           | reports movement position data (helpful to build overlays)                                                                                                            | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void   | NO       | ALL      | YES               |                                                                                            
+| `centerOn`                         | if given this will cause the map to pan and zoom to the desired location                                                                                              | { x: number, y: number, scale: number, duration: number }                                                                          | NO       | ALL      | YES               |                                                                                            
+| `enableSwipeDown`                  | for enabling vertical movement if user doesn't want it                                                                                                                | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `enableCenterFocus`                | for disabling focus on image center if user doesn't want it                                                                                                           | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `onSwipeDown`                      | function that fires when user swipes down                                                                                                                             | () => void                                                                                                                         | NO       | ALL      | YES               |                                                                                            
+| `swipeDownThreshold`               | threshold for firing swipe down function                                                                                                                              | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `minScale`                         | minimum zoom scale                                                                                                                                                    | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `maxScale`                         | maximum zoom scale                                                                                                                                                    | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `useNativeDriver`                  | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver)                                                         | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `onStartShouldSetPanResponder`     | Override onStartShouldSetPanResponder behavior                                                                                                                        | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            
+| `onMoveShouldSetPanResponder`      | Override onMoveShouldSetPanResponder behavior                                                                                                                         | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            
+| `onPanResponderTerminationRequest` | Override onPanResponderTerminationRequest behavior                                                                                                                    | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            
+| `useHardwareTextureAndroid`        | for disabling rendering to hardware texture on Android                                                                                                                | boolean                                                                                                                            | NO       | Android  | NO                |                                                                      
 
 ## 遗留问题
 
-- [ ] 双指缩放在harmony框架侧不支持使用[#I99NP7](https://gitee.com/wuyasmile/usage-docs/issues/I99NP7)
+- [x] 双指缩放在 harmony 框架侧不支持使用 [issues#1](https://github.com/react-native-oh-library/react-native-image-zoom/issues/1)
 
-- [ ] 长按图片后，rn框架图片拖拽属性导致程序崩溃[#I99NQ7](https://gitee.com/wuyasmile/usage-docs/issues/I99NQ7)
+- [x] 长按图片后，rn 框架图片拖拽属性导致程序崩溃 [issues#2](https://github.com/react-native-oh-library/react-native-image-zoom/issues/2)
 
-- [x] 下滑图片，然后双击放大，再次下滑表现异常，已在源库基础上修改[上库地址](https://github.com/react-native-oh-library/react-native-image-zoom)，源库已被存档，不能新建issue，特此记录
+- [x] onPanResponderTerminationRequest 方法，harmony 端与 android 端表现不一致 [issues#3](https://github.com/react-native-oh-library/react-native-image-zoom/issues/3)
 
-- [ ] onPanResponderTerminationRequest方法，harmony端与android端表现不一致[#I9ATFE](https://gitee.com/wuyasmile/usage-docs/issues/I9ATFE)
 
 ## 其他
 
+- 下滑图片，然后双击放大，再次下滑表现异常，已在源库基础上修改[上库地址](https://github.com/react-native-oh-library/react-native-image-zoom)，源库已被存档，不能新建 issue，特此记录
+
+- onDragLeft 此回调函数源码未实现，详见:[issues#103](https://github.com/ascoders/react-native-image-zoom/issues/103)
+
+- useHardwareTextureAndroid 此属性仅 Android 生效
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ascoders/react-native-image-zoom/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 8f442e4cb393cefe7a0e4293a4ffb14b2e9627e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E5=98=89=E8=BE=89?= <961978925@qq.com>
Date: Fri, 20 Sep 2024 02:22:43 +0000
Subject: [PATCH 549/966] =?UTF-8?q?!1549=20docs:=20[Issue:=20#IASCTZ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-text-size=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IASCTZ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-text-size=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-text-size.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index a6fc4f4c..e9ac3327 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -12,6 +12,7 @@
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
 
 ## 安装与使用
@@ -336,6 +337,8 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+> [!tip] 参数信息查看 [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
+
 | Name                   | Description                                                                     | Type                            | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------------------------- | ------------------------------- | -------- | -------- | ----------------- |
 | measure                | Measurement Text                                                                | TSMeasureResult                 | No       | All      | partially               |
@@ -345,10 +348,11 @@ ohpm install
 | fontFamilyNames        | Returns a Promise for an array of font family names available on the system     | string[]                        | No       | All      | yes               |
 | fontNamesForFamilyName | Return the data of the corresponding font according to the name                 | string[]                        | No       | All      | yes               |
 
+
 ## 遗留问题
 
 - [ ] fontFamilyNames&fontNamesForFamilyName 问题:需要依赖手机文件 font 目录下的 json 文件，该文件目前没有预置在手机目录下，会导致该接口调用为空。后续底层框架侧修复该问题 [issue#1](https://github.com/react-native-oh-library/react-native-text-size/issues/1)
-- [ ] measure方法缺少lastLineWidth和lineInfo的返回处理 [issue#2](https://github.com/react-native-oh-library/react-native-text-size/issues/8)
+- [ ] measure方法缺少lineInfo的返回处理 [issue#2](https://github.com/react-native-oh-library/react-native-text-size/issues/8)
 
 ## 其他
 

From c341599c4f09ff6709162408bae853865056992d Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Fri, 20 Sep 2024 02:29:53 +0000
Subject: [PATCH 550/966] =?UTF-8?q?!1529=20docs:=20[#IAR7FY]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-sticky-parallax-header=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAR7FY]=E6=96=B0=E5=A2=9Erea?=
 =?UTF-8?q?ct-native-sticky-parallax-header=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sticky-parallax-header.md | 484 +++++++++++++++++++
 1 file changed, 484 insertions(+)
 create mode 100644 zh-cn/react-native-sticky-parallax-header.md

diff --git a/zh-cn/react-native-sticky-parallax-header.md b/zh-cn/react-native-sticky-parallax-header.md
new file mode 100644
index 00000000..e1042e86
--- /dev/null
+++ b/zh-cn/react-native-sticky-parallax-header.md
@@ -0,0 +1,484 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-sticky-parallax-header</code></h1>
+</p>
+<p align="center">
+    <a href="https://github.com/netguru/sticky-parallax-header">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20iOS%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/netguru/sticky-parallax-header/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sticky-parallax-header)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-sticky-parallax-header@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-sticky-parallax-header@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from "react";
+import { TabbedHeaderPager } from "react-native-sticky-parallax-header";
+
+const TabbedHeaderPagerExample: React.FC = () => {
+  const isDarkTheme = useColorScheme() === "dark";
+  return (
+    <>
+      <TabbedHeaderPager
+        contentContainerStyle={[
+          isDarkTheme
+            ? screenStyles.darkBackground
+            : screenStyles.lightBackground,
+        ]}
+        containerStyle={screenStyles.stretchContainer}
+        backgroundColor={colors.primaryGreen}
+        foregroundImage={photosPortraitMe}
+        rememberTabScrollPosition
+        logo={logo}
+        title={"Mornin' Mark! \nReady for a quiz?"}
+        titleStyle={screenStyles.text}
+        tabs={TABBED_SECTIONS.map((section) => ({
+          title: section.title,
+        }))}
+        tabTextStyle={screenStyles.text}
+        showsVerticalScrollIndicator={false}
+      >
+        <View style={styles.content}>
+          {Brandon.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Ewa.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Jennifer.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Brandon.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Ewa.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Jennifer.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+      </TabbedHeaderPager>
+      <StatusBar
+        barStyle="light-content"
+        backgroundColor={colors.primaryGreen}
+        translucent
+      />
+    </>
+  );
+};
+```
+## Link
+
+本库依赖以下三方库，请查看对应文档：
++ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
++ [@react-native-oh-tpl/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)，并下载适用版本的 tgz 包。
+
+## Headers
+
+包含 Tabbed Header Pager、Tabbed Header List、Details Header、Avatar Header、Custom Sticky Header 以及 FlashList Headers 几个大类
+
+### Tabbed Header Pager 组件
+
+Tabbed Header Pager 属性
+
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                             | Type                                                   | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | --------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                     | no       | iOS/Android | yes               |
+| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                     | no       | iOS/Android | no                |
+| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                           | yes      | iOS/Android | yes               |
+| disableScrollToPosition        | 是否禁用滑动                            | boolean                                                | no       | iOS/Android | no                |
+| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                                | yes      | iOS/Android | yes               |
+| foregroundImage                | 设置头像图片资源                        | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
+| headerHeight                   | 设置组件上部分 header 高度              | number                                                 | no       | iOS/Android | yes               |
+| initialPage                    | 设置组件下部分 page 初始页              | number                                                 | no       | iOS/Android | yes               |
+| headerHeight                   | 设置 header 高度                        | number                                                 | no       | iOS/Android | yes               |
+| logo                           | 设置顶部 Logo 图片资源                  | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
+| logoContainerStyle             | 设置 logo 容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| logoStyle                      | 设置 logo 样式                          | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| onChangeTab                    | Tab 栏切换回调                          | function - (prevPage: number, newPage: number) => void | no       | iOS/Android | yes               |
+| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void              | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void              | no       | iOS/Android | yes               |
+| onTopReached                   | 触顶事件回调                            | function - () => void                                  | no       | iOS/Android | yes               |
+| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                 | no       | iOS/Android | yes               |
+| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                                | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar 渲染方法                      | render function                                        | no       | iOS/Android | yes               |
+| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                                | no       | iOS/Android | yes               |
+| snapStartThreshold             | 滑动开始时阻力值                        | number                                                 | no       | iOS/Android | yes               |
+| snapStopThreshold              | 滑动结束时阻力值                        | number                                                 | no       | iOS/Android | no                |
+| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                 | no       | iOS/Android | no                |
+| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                 | no       | iOS/Android | yes               |
+| tabTextActiveStyle             | Tab 栏选中文字样式                      | style - StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
+| tabTextContainerStyle          | Tab 栏文字容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| tabTextContainerActiveStyle    | Tab 栏文字容器选中样式                  | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| tabTextStyle                   | Tab 栏文字样式                          | style - StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
+| tabUnderlineColor              | Tab 栏文字底部横线颜色                  | color - ColorValue                                     | no       | iOS/Android | yes               |
+| tabWrapperStyle                | Tab 栏包裹容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| tabs                           | Tab 栏数据源                            | Tabs array - Tab[]                                     | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                     | no       | iOS/Android | yes               |
+| tabsContainerHorizontalPadding | Tab 栏容器水平内边距（默认 20）         | number                                                 | no       | iOS/Android | yes               |
+| tabsContainerStyle             | Tab 栏容器样式                          | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| title                          | 标题文字                                | string                                                 | no       | iOS/Android | yes               |
+| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
+| titleTestID                    | 标题测试 ID                             | string                                                 | no       | iOS/Android | yes               |
+
+### Methods 方法
+
+| Name     | Description                             | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | --------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| goToPage | function - (pageNumber: number) => void | function | no       | iOS/Android | no                |
+
+### Tabbed Header List 组件
+
+Tabbed Header List 属性
+
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                             | Type                                              | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | --------------------------------------- | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                | no       | iOS/Android | yes               |
+| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                | no       | iOS/Android | no                |
+| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                      | yes      | iOS/Android | yes               |
+| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                           | yes      | iOS/Android | yes               |
+| foregroundImage                | 设置头像图片资源                        | image source - ImageSourcePropType                | no       | iOS/Android | yes               |
+| headerHeight                   | 设置 header 高度                        | number                                            | no       | iOS/Android | yes               |
+| logo                           | 设置顶部 Logo 图片资源                  | image source - ImageSourcePropType                | no       | iOS/Android | yes               |
+| logoContainerStyle             | 设置 logo 容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| logoStyle                      | 设置 logo 样式                          | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| onTopReached                   | 触顶事件回调                            | function - () => void                             | no       | iOS/Android | yes               |
+| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                            | no       | iOS/Android | yes               |
+| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                           | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar 渲染方法                      | render function                                   | no       | iOS/Android | yes               |
+| snapStartThreshold             | 滑动开始时阻力值                        | number                                            | no       | iOS/Android | yes               |
+| snapStopThreshold              | 滑动结束时阻力值                        | number                                            | no       | iOS/Android | no                |
+| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                            | no       | iOS/Android | no                |
+| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                            | no       | iOS/Android | yes               |
+| tabTextActiveStyle             | Tab 栏选中文字样式                      | style - StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
+| tabTextContainerStyle          | Tab 栏文字容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| tabTextContainerActiveStyle    | Tab 栏文字容器选中样式                  | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| tabTextStyle                   | Tab 栏文字样式                          | style - StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
+| tabUnderlineColor              | Tab 栏文字底部横线颜色                  | color - ColorValue                                | no       | iOS/Android | yes               |
+| tabWrapperStyle                | Tab 栏包裹容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| tabs                           | Tab 栏数据源                            | Tabs array - Tab[]                                | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                | no       | iOS/Android | yes               |
+| tabsContainerHorizontalPadding | Tab 栏容器水平内边距（默认 20）         | number                                            | no       | iOS/Android | yes               |
+| tabsContainerStyle             | Tab 栏容器样式                          | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| title                          | 标题文字                                | string                                            | no       | iOS/Android | yes               |
+| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
+| titleTestID                    | 标题测试 ID                             | string                                            | no       | iOS/Android | yes               |
+
+## Details Header
+
+包含 DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList 三个组件。
+
+### Details Header ScrollView 组件
+
+Details Header ScrollView 属性
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared DetailsHeader props 属性。
+
+### Details Header FlatList 组件
+
+Details Header FlatList 属性
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared DetailsHeader props 属性。
+
+### Details Header SectionList 组件
+
+Details Header SectionList 属性
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared DetailsHeader props 属性。
+
+### Shared DetailsHeader props 属性
+
+DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList 三个组件共享属性。
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                             | Type                                                  | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | --------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                    | no       | iOS/Android | yes               |
+| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                    | no       | iOS/Android | no                |
+| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                          | yes      | iOS/Android | yes               |
+| contentIcon                    | 头像左侧卡片的 icon 图标                | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
+| contentIconNumber              | 头像左侧卡片数字                        | number                                                | no       | iOS/Android | yes               |
+| contentIconNumberStyle         | 头像左侧卡片数字样式                    | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| contentIconNumberTestID        | 测试 ID                                 | string                                                | no       | iOS/Android | yes               |
+| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                               | yes      | iOS/Android | yes               |
+| leftTopIcon                    | 设置头部左侧 logo                       | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| leftTopIconAccessibilityLabel  | 设置头部左侧 logo 辅助标签              | string                                                | no       | iOS/Android | no                |
+| leftTopIconOnPress             | 头部左侧 logo 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
+| leftTopIconTestID              | 头部左侧 logo 测试 ID                   | string                                                | no       | iOS/Android | yes               |
+| hasBorderRadius                | 上部分是否是右下角带圆角的布局          | boolean                                               | no       | iOS/Android | yes               |
+| headerHeight                   | 设置 header 高度                        | number                                                | no       | iOS/Android | yes               |
+| image                          | 任务头像图片资源                        | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
+| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onTopReached                   | 触顶事件回调                            | function - () => void                                 | no       | iOS/Android | yes               |
+| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar 渲染方法                      | render function                                       | no       | iOS/Android | yes               |
+| rightTopIcon                   | 设置头部右侧图标                        | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| rightTopIconAccessibilityLabel | 设置头部右侧 icon 辅助标签              | string                                                | no       | iOS/Android | no                |
+| rightTopIconOnPress            | 头部右侧 icon 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
+| rightTopIconTestID             | 头部右侧 icon 测试 ID                   | string                                                | no       | iOS/Android | yes               |
+| snapStartThreshold             | 滑动开始时阻力值                        | number                                                | no       | iOS/Android | yes               |
+| snapStopThreshold              | 滑动结束时阻力值                        | number                                                | no       | iOS/Android | no                |
+| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                | no       | iOS/Android | no                |
+| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                | no       | iOS/Android | yes               |
+| substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
+| substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                    | no       | iOS/Android | yes               |
+| tag                            | 标签文字                                | string                                                | no       | iOS/Android | yes               |
+| tagStyle                       | 标签文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| tagTestID                      | 标签文字测试 ID                         | string                                                | no       | iOS/Android | yes               |
+| title                          | 标题文字                                | string                                                | no       | iOS/Android | yes               |
+| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| titleTestID                    | 标题测试 ID                             | string                                                | no       | iOS/Android | yes               |
+
+## Avatar Header
+
+包含 AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三个组件。
+
+### Avatar Header ScrollView 组件
+
+Avatar Header ScrollView 属性
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared AvatarHeader props 属性。
+
+### Avatar Header FlatList 组件
+
+Avatar Header FlatList 属性
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared AvatarHeader props 属性。
+
+### Avatar Header SectionList 组件
+
+Avatar Header SectionList 属性
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared AvatarHeader props 属性。
+
+### Shared AvatarHeader props 属性
+
+AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三个组件共享属性。
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                             | Type                                                  | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | --------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                    | no       | iOS/Android | yes               |
+| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                    | no       | iOS/Android | no                |
+| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                          | yes      | iOS/Android | yes               |
+| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                               | yes      | iOS/Android | yes               |
+| leftTopIcon                    | 设置头部左侧 logo                       | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| leftTopIconAccessibilityLabel  | 设置头部左侧 logo 辅助标签              | string                                                | no       | iOS/Android | no                |
+| leftTopIconOnPress             | 头部左侧 logo 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
+| leftTopIconTestID              | 头部左侧 logo 测试 ID                   | string                                                | no       | iOS/Android | yes               |
+| hasBorderRadius                | 上部分是否是右下角带圆角的布局          | boolean                                               | no       | iOS/Android | yes               |
+| headerHeight                   | 设置 header 高度                        | number                                                | no       | iOS/Android | yes               |
+| image                          | 任务头像图片资源                        | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
+| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onTopReached                   | 触顶事件回调                            | function - () => void                                 | no       | iOS/Android | yes               |
+| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar 渲染方法                      | render function                                       | no       | iOS/Android | yes               |
+| rightTopIcon                   | 设置头部右侧图标                        | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| rightTopIconAccessibilityLabel | 设置头部右侧 icon 辅助标签              | string                                                | no       | iOS/Android | no                |
+| rightTopIconOnPress            | 头部右侧 icon 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
+| rightTopIconTestID             | 头部右侧 icon 测试 ID                   | string                                                | no       | iOS/Android | yes               |
+| snapStartThreshold             | 滑动开始时阻力值                        | number                                                | no       | iOS/Android | yes               |
+| snapStopThreshold              | 滑动结束时阻力值                        | number                                                | no       | iOS/Android | no                |
+| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                | no       | iOS/Android | no                |
+| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                | no       | iOS/Android | yes               |
+| substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
+| substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                    | no       | iOS/Android | yes               |
+| title                          | 标题文字                                | string                                                | no       | iOS/Android | yes               |
+| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| titleTestID                    | 标题测试 ID                             | string                                                | no       | iOS/Android | yes               |
+
+## Custom Sticky Header
+
+包含 StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三个组件。
+
+### Sticky Header ScrollView 组件
+
+Sticky Header ScrollView 属性
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared StickyHeader props 属性。
+
+### Sticky Header FlatList 组件
+
+Sticky Header FlatList 属性
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared StickyHeader props 属性。
+
+### Sticky Header SectionList 组件
+
+Avatar Header SectionList 属性
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared StickyHeader props 属性。
+
+### Shared StickyHeader props 属性
+
+StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三个组件共享属性。
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                         | Type                                              | Required | Platform    | HarmonyOS Support |
+| --------------------- | ----------------------------------- | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| containerStyle        | 设置整个组件容器的样式              | style - StyleProp<ViewStyle>                      | yes      | iOS/Android | yes               |
+| onHeaderLayout        | header 布局调整回调                 | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| onMomentumScrollBegin | 滑动开始事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onMomentumScrollEnd   | 滑动结束事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScroll              | 滑动事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollBeginDrag     | 滑动开始拖拽事件回调                | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollEndDrag       | 滑动结束拖拽事件回调                | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onTabsLayout          | Tab 栏布局改变事件回调              | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| renderHeader          | header 渲染方法                     | render function                                   | no       | iOS/Android | yes               |
+| renderTabs            | tab 渲染方法                        | render function                                   | no       | iOS/Android | yes               |
+| stickyTabs            | Tab 栏是否可以固定位置（默认 true） | number                                            | no       | iOS/Android | yes               |
+
+## FlashList Headers
+
+包含 AvatarHeaderFlashList、DetailsHeaderFlashList 以及 TabbedHeaderFlashList 三个组件。
+
+### Avatar Header FlashList 组件
+
+Avatar Header FlashList 属性
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared AvatarHeader props 属性。
+
+### Details Header FlashList 组件
+
+Details Header FlashList 属性
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared DetailsHeader props 属性。
+
+### Tabbed Header FlashList 组件
+
+Tabbed Header FlashList 属性
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Tabbed Header List props 属性。
+
+## 遗留问题
+
+## 其他
+
+- [ ] 原库TabbedHeaderPager组件部分属性不生效[issue#415](https://github.com/netguru/sticky-parallax-header/issues/415)
+- [ ] 原库DetailHeader、AvatarHeader组件部分属性不生效 [issue#416](https://github.com/netguru/sticky-parallax-header/issues/416)
+- [ ] 原库ref.current.goToPage方法不存在 [issue#412](https://github.com/netguru/sticky-parallax-header/issues/412)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/netguru/sticky-parallax-header/blob/master/LICENSE) ，请自由地享受和参与开源。

From 52dd0c6903e3652de8d5b75b68d412ef6fe01814 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Fri, 20 Sep 2024 03:12:26 +0000
Subject: [PATCH 551/966] =?UTF-8?q?!1550=20docs:=20[Issues:=20#IASE8V]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-haptic-feedback=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IASE8V]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-haptic-feedback=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-haptic-feedback.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/zh-cn/react-native-haptic-feedback.md b/zh-cn/react-native-haptic-feedback.md
index 5e8c25a1..fafc4259 100644
--- a/zh-cn/react-native-haptic-feedback.md
+++ b/zh-cn/react-native-haptic-feedback.md
@@ -185,6 +185,12 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)
 
+### 权限要求
+在 entry/src/main/module.json5补上配置
+```js
+"requestPermissions": [ { "name": "ohos.permission.VIBRATE" }, ]
+```
+
 ## 静态方法
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。

From 59ac12709e93f200088946dec357aaeb3be1c8ce Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Fri, 20 Sep 2024 03:18:10 +0000
Subject: [PATCH 552/966] =?UTF-8?q?!1543=20docs:=20[Issues:=20#IAS7ZL]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-reconnecting-websocket=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAS7ZL]=E4=BF=AE=E6=94=B9=20react-native-reconnecting-websocket?=
 =?UTF-8?q?=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-reconnecting-websocket.md | 211 ++++++++++---------
 1 file changed, 107 insertions(+), 104 deletions(-)

diff --git a/zh-cn/react-native-reconnecting-websocket.md b/zh-cn/react-native-reconnecting-websocket.md
index 91780308..74b56132 100644
--- a/zh-cn/react-native-reconnecting-websocket.md
+++ b/zh-cn/react-native-reconnecting-websocket.md
@@ -1,140 +1,143 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0  
-
-  <p align="center">  
-  <h1 align="center"> <code>react-native-reconnecting-websocket</code> </h1>  
-  </p >  
-  <p align="center">
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-reconnecting-websocket</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/React-Sextant/react-native-reconnecting-websocket">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mitlicense.org/">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
-</p> 
+</p>
+
+
 
 
-> [!TIP] 
->
-> [Github 地址](https://github.com/React-Sextant/react-native-reconnecting-websocket)
 
-# 安装与使用
+> [!TIP] [Github 地址](https://github.com/React-Sextant/react-native-reconnecting-websocket)
+
+## 安装与使用
 
 进入到工程目录并输入以下命令：
 
 <!-- tabs:start -->
 
+#### **npm**
+
 ```bash
-npm install react-native-reconnecting-websocket@^1.0.3
+npm install react-native-reconnecting-websocket@^2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-reconnecting-websocket@^2.0.0
 ```
 
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
-```js
-import React, { useEffect, useRef } from 'react';
-import { View, Text, Button } from 'react-native';
+```tsx
+import React, { useEffect, useState } from 'react';
+import { Button, View, Text, ScrollView } from 'react-native';
 import ReconnectingWebSocket from 'react-native-reconnecting-websocket';
 
-const WebSocketExample = () => {
-  // WebSocket 实例的引用
-  const ws = useRef(null);
-
-  // 初始化 WebSocket 连接
-  useEffect(() => {
-    // WebSocket 连接地址
-    const url = 'ws://124.222.224.186:8800';
-
-    // 创建 WebSocket 实例
-    ws.current = new ReconnectingWebSocket(url);
-
-    // 监听连接成功事件
-    ws.current.onopen = () => {
-      console.log('WebSocket 连接已打开');
-    };
-
-    // 监听接收到消息事件
-    ws.current.onmessage = (event) => {
-      console.log('接收到消息:', event.data);
-    };
-
-    // 监听连接关闭事件
-    ws.current.onclose = () => {
-      console.log('WebSocket 连接已关闭');
-    };
-
-    // 监听连接发生错误事件
-    ws.current.onerror = (error) => {
-      console.error('WebSocket 连接发生错误:', error);
-    };
-
-    // 组件卸载时关闭 WebSocket 连接
-    return () => {
-      if (ws.current) {
-        ws.current.close();
-      }
-    };
-  }, []);
-
-  // 发送消息
-  const sendMessage = () => {
-    if (ws.current) {
-      const message = 'Hello, WebSocket!';
-      ws.current.send(message);
-      console.log('发送消息:', message);
-    }
-  };
-
-  // 关闭连接
-  const closeConnection = () => {
-    if (ws.current) {
-      ws.current.close();
-    }
-  };
-
-  // 发送 ping
-  const sendPing = () => {
-    if (ws.current) {
-      ws.current.ping();
-      console.log('发送 ping');
-    }
-  };
-
-  return (
-    <View>
-      <Text>WebSocket Example</Text>
-      <Button title="Send Message" onPress={sendMessage} />
-      <Button title="Close Connection" onPress={closeConnection} />
-      <Button title="Send Ping" onPress={sendPing} />
-    </View>
-  );
-};
-
-export default WebSocketExample;
+const ws = new ReconnectingWebSocket('ws://121.196.235.57/ws');
+
+const ReconnectingWebsocketDemo = () => {
+    const [html, innerHTML] = useState('');
+
+    useEffect(() => {
+        return () => {
+            ws.close();
+        }
+    }, [])
+
+    useEffect(() => {
+        ws.onopen = e => {
+            console.log('onopen:' + JSON.stringify(e));
+            innerHTML('onopen:' + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+        ws.onmessage = e => {
+            console.log('onmessage:' + JSON.stringify(e));
+            innerHTML('onmessage:' + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+        ws.onclose = e => {
+            console.log('onclose:' + JSON.stringify(e));
+            innerHTML('onclose:' + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+        ws.onerror = e => {
+            console.log('onerror:' + JSON.stringify(e));
+            innerHTML('onerror:' + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+        ws.onconnecting = e => {
+            console.log("onconnecting:" + JSON.stringify(e));
+            innerHTML("onconnecting:" + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+    }, [html])
+    return (
+        <>
+            <View style={{ height: '100%' }}>
+                <Text style={{ lineHeight: 30, textAlign: 'center' }}>进入页面自动连通服务器</Text>
+                <Button
+                    title='ws.close( )-----关闭连接'
+                    onPress={() => {
+                        ws.close()
+                    }}
+                />
+                <View style={{ height: 30 }} />
+                <Button
+                    title='ws.send(可口可乐)-----发送信息'
+                    onPress={() => {
+                        ws.send('可口可乐')
+                    }}
+                />
+                <View style={{ height: 30 }} />
+                <Button
+                    title='ws.reconnect( )-----刷新连接'
+                    onPress={() => {
+                        ws.reconnect()
+                    }}
+                />
+                <ScrollView style={{ flex: 1 }}>
+                    <Text>{html}</Text>
+                </ScrollView>
+            </View>
+        </>
+    )
+}
+
+export default ReconnectingWebsocketDemo;
 ```
 
-# 约束与限制
+## 约束与限制
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.60;
 
-# API
+## API
 
-以下是更新后的 API 列表：
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| `send(message: string): void` | Sends a message through the WebSocket connection.            | Method | Yes      | All      | Yes               |
+| `send(message: string): void` | Sends a message through the WebSocket connection.            | Method | No       | All      | Yes               |
 | `close(): void`               | Closes the WebSocket connection.                             | Method | No       | All      | Yes               |
 | `open(): void`                | Opens the WebSocket connection if it's not already open.     | Method | No       | All      | Yes               |
 | `ping(): void`                | Sends a ping frame to the server.                            | Method | No       | All      | Yes               |
 | `reconnect(): void`           | Closes the current WebSocket connection and attempts to reconnect using the initial parameters. | Method | No       | All      | Yes               |
 
-以上是 `react-native-reconnecting-websocket` 的主要方法和参数说明。
-
-# 其他
-
-# 开源协议
+## 遗留问题
+## 其他
+## 开源协议
 
-本项目基于 [MIT License](https://github.com/eranbo/react-native-base64/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://mitlicense.org/)，请自由地享受和参与开源。
\ No newline at end of file

From f28b5a6ce6ed6fbb1cac8c851dd1785c8cf1585a Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Fri, 20 Sep 2024 09:40:17 +0000
Subject: [PATCH 553/966] =?UTF-8?q?!1534=20docs:=20[Issues:=20#IARRH0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-blob-util=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IARRH0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-blob-util=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-blob-util.md | 123 +++++++++++++++++---------------
 1 file changed, 66 insertions(+), 57 deletions(-)

diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index 6d19401a..7ce24a58 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -57,7 +56,7 @@ import {
 import ReactNativeBlobUtil from "react-native-blob-util";
 
 export default function BlobUtilDemo() {
-  const [result, setResult] = (useState < string) | (null > null);
+  const [result, setResult] = useState < string | null > (null);
   const [mkdirParam, setMkdirParam] = useState("");
 
   const createFile = async () => {
@@ -470,12 +469,10 @@ ohpm install
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-...
 + import {BlobUtilPackage} from '@react-native-oh-tpl/react-native-blob-util/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
-    new SamplePackage(ctx),
 +   new BlobUtilPackage(ctx)
   ];
 }
@@ -507,95 +504,107 @@ ohpm install
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Fetch API
+
+##### ReactNativeBlobUtil.fetch
+
+| Name    | Description|Type | Required | Platform    | HarmonyOS Support |
+| ------- | --------|--- | -------- | ----------- | ----------------- |
+| progress | 进度   | Function    | No       | iOS/Android | yes                |
+| uploadProgress | 上传进度  | Function        | No       | iOS/Android | yes                |
+| cancel | 取消   | Function       | No       | iOS/Android | yes                |
+
+
 
 #### Android API
 
 ##### ReactNativeBlobUtil.android
 
-|        Name         | Description  | Required | Platform | HarmonyOS Support |
-| :-----------------: | :----------: | :------: | :------: | :---------------: |
-|  actionViewIntent   | 动作视图意图 |    No    | Android  |        No         |
-|  getContentIntent   | 获取内容意图 |    No    | Android  |        No         |
-| addCompleteDownload | 添加完整下载 |    No    | Android  |        No         |
+|        Name         | Description| Type   | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------|----: | :------: | :------: | :---------------: |
+|  actionViewIntent   | 动作视图意图| Function  |    No    | Android  |        No         |
+|  getContentIntent   | 获取内容意图| Function  |    No    | Android  |        No         |
+| addCompleteDownload | 添加完整下载| Function  |    No    | Android  |        No         |
 
 #### File System Access API
 
 ##### ReactNativeBlobUtil.fs
 
-|    Name     |            Description             | Required |  Platform   | HarmonyOS Support |
-| :---------: | :--------------------------------: | :------: | :---------: | :---------------: |
-|    dirs     |                目录                |    NO    | iOS/Android |        Yes        |
-| createFile  |              创建文件              |    NO    | iOS/Android |        Yes        |
-|  writeFile  |               写文件               |    NO    | iOS/Android |        Yes        |
-| writeStream |                写流                |    NO    | iOS/Android |        Yes        |
-| appendFile  |              追加文件              |    NO    | iOS/Android |        Yes        |
-|  readFile   |              读取文件              |    NO    | iOS/Android |        Yes        |
-|    hash     |                哈希                |    NO    | iOS/Android |        Yes        |
-| readStream  |                读流                |    NO    | iOS/Android |        Yes        |
-|    mkdir    |              创建目录              |    NO    | iOS/Android |        Yes        |
-|     ls      |        查看当下的文件和目录        |    NO    | iOS/Android |        Yes        |
-|     mv      |            移动文件位置            |    NO    | iOS/Android |        Yes        |
-|     cp      |              复制文件              |    NO    | iOS/Android |        Yes        |
-|   exists    |          检查文件是否存在          |    NO    | iOS/Android |        Yes        |
-|    isDir    |             是否是目录             |    NO    | iOS/Android |        Yes        |
-|   unlink    |              删除文件              |    NO    | iOS/Android |        Yes        |
-|    lstat    |      获取目录下文件的统计数据      |    NO    | iOS/Android |        Yes        |
-|    stat     |   类似地获取数据或目录的统计信息   |    NO    | iOS/Android |        Yes        |
-|  scanFile   |              扫描文件              |    NO    |   Android   |        No         |
-|    asset    |                资产                |    NO    | iOS/Android |        Yes        |
-|     df      | 获取设备的可用磁盘空间和总磁盘空间 |    NO    | iOS/Android |        Yes        |
+|    Name     |            Description  | Type             | Required |  Platform   | HarmonyOS Support |
+| :---------: | :---------------------| -----------: | :------: | :---------: | :---------------: |
+|    dirs     |                目录 | Function               |    NO    | iOS/Android |        yes        |
+| createFile  |              创建文件 | Function             |    NO    | iOS/Android |        yes        |
+|  writeFile  |               写文件   | Function            |    NO    | iOS/Android |        yes        |
+| writeStream |                写流    | Function            |    NO    | iOS/Android |        yes        |
+| appendFile  |              追加文件   | Function           |    NO    | iOS/Android |        yes        |
+|  readFile   |              读取文件  | Function            |    NO    | iOS/Android |        yes        |
+|    hash     |                哈希   | Function             |    NO    | iOS/Android |        yes        |
+| readStream  |                读流    | Function            |    NO    | iOS/Android |        yes        |
+|    mkdir    |              创建目录   | Function           |    NO    | iOS/Android |        yes        |
+|     ls      |        查看当下的文件和目录| Function        |    NO    | iOS/Android |        yes        |
+|     mv      |            移动文件位置  | Function          |    NO    | iOS/Android |        yes        |
+|     cp      |              复制文件   | Function           |    NO    | iOS/Android |        yes        |
+|   exists    |          检查文件是否存在 | Function         |    NO    | iOS/Android |        yes        |
+|    isDir    |             是否是目录  | Function           |    NO    | iOS/Android |        yes        |
+|   unlink    |              删除文件   | Function           |    NO    | iOS/Android |        yes        |
+|    lstat    |      获取目录下文件的统计数据 | Function     |    NO    | iOS/Android |        yes        |
+|    stat     |   类似地获取数据或目录的统计信息| Function   |    NO    | iOS/Android |        yes        |
+|  scanFile   |              扫描文件    | Function          |    NO    |   Android   |        no         |
+|    asset    |                资产      | Function          |    NO    | iOS/Android |        yes        |
+|     df      | 获取设备的可用磁盘空间和总磁盘空间| Function |    NO    | iOS/Android |        yes        |
 
 #### iOS API
 
 #### ReactNativeBlobUtil.ios
 
-| Name            | Description                            | Required | Platform | HarmonyOS Support |
-| --------------- | -------------------------------------- | -------- | -------- | ----------------- |
-| previewDocument | 文档查看器--需要系统权限               | No       | iOS      | No                |
-| openDocument    | 显示与文件交互的选项菜单--需要系统权限 | No       | iOS      | No                |
+| Name            | Description      | Type                      | Required | Platform | HarmonyOS Support |
+| --------------- | ----------------------| ---------------- | -------- | -------- | ----------------- |
+| previewDocument | 文档查看器--需要系统权限  | Function             | No       | iOS      | yes                |
+| openDocument    | 显示与文件交互的选项菜单--需要系统权限| Function | No       | iOS      | yes                |
 
 #### Network Utils
 
 ##### ReactNativeBlobUtil.net
 
-| Name          | Description | Required | Platform    | HarmonyOS Support |
-| ------------- | ----------- | -------- | ----------- | ----------------- |
-| getCookies    | 获取 cookie | No       | iOS/Android | No                |
-| removeCookies | 删除 cookie | No       | iOS/Android | No                |
+| Name          | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------- | ---| ----- | ----------- | ----------------- |
+| getCookies    | 获取 cookie| Function | No       | iOS/Android | no                |
+| removeCookies | 删除 cookie| Function | No       | iOS/Android | no               |
 
 #### Session API
 
 ##### ReactNativeBlobUtil.session
 
-| Name    | Description | Required | Platform    | HarmonyOS Support |
-| ------- | ----------- | -------- | ----------- | ----------------- |
-| session | 会话        | No       | iOS/Android | No                |
+| Name    | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | --| ------ | ----------- | ----------------- |
+| add | 向此会话添加文件路径   | Function     | No       | iOS/Android | yes                |
+| remove | 从此会话中删除会话条目而不删除文件  | Function      | No       | iOS/Android | yes                |
+| list | 返回包含此会话中的文件路径的数组   | Function     | No       | iOS/Android | yes                |
+| dispose | 删除会话中的所有文件  | Function      | No       | iOS/Android | yes                |
 
 #### MediaStore(Android Media Storage)
 
 ##### ReactNativeBlobUtil.MediaCollection
 
-| Name             | Description    | Required | Platform | HarmonyOS Support |
-| ---------------- | -------------- | -------- | -------- | ----------------- |
-| CopyToMediaStore | 复制到媒体存储 | No       | Android  | No                |
-| createMediaFile  | 创建媒体文件   | No       | Android  | No                |
-| writeMediaFile   | 写媒体文件     | No       | Android  | No                |
-| copyToInternal   | 复制到内部     | No       | Android  | No                |
+| Name             | Description | Type   | Required | Platform | HarmonyOS Support |
+| ---------------- | --------| ------ | -------- | -------- | ----------------- |
+| CopyToMediaStore | 复制到媒体存储| Function | No       | Android  | no                |
+| createMediaFile  | 创建媒体文件| Function   | No       | Android  | no                |
+| writeMediaFile   | 写媒体文件 | Function    | No       | Android  | no                |
+| copyToInternal   | 复制到内部 | Function    | No       | Android  | no                |
 
 #### Utils API
 
-| Name   | Description | Required | Platform    | HarmonyOS Support |
-| ------ | ----------- | -------- | ----------- | ----------------- |
-| wrap   |             | No       | iOS/Android | No                |
-| base64 |             | No       | iOS/Android | No                |
+| Name   | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------ | ----------- | ---| ----- | ----------- | ----------------- |
+| wrap   |  使文件路径可以被识别| Function           | No       | iOS/Android | yes                |
+| base64 |   使用base64编码解码| Function          | No       | iOS/Android | yes                |
+| session |  用于管理缓存文件 | Function          | No       | iOS/Android | yes                |
 
 ## 遗留问题
-
+ - [ ] blob-util在使用getCookies、removeCookies	在Android、iOS、Harmony OS 上使用都会报错: [issue#381](https://github.com/RonRadtke/react-native-blob-util/issues/381)
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
-
+本项目基于 [The MIT License (MIT)](https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From b740319f3a40f977cb2a855fa8407a26959eaeb2 Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Fri, 20 Sep 2024 09:41:03 +0000
Subject: [PATCH 554/966] =?UTF-8?q?!1537=20docs:=20[Issues:=20#IARVWF]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-background-fetch=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IARVWF]=20=E4=BF=AE=E6=94=B9react-native-background-fetch?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-background-fetch.md | 43 ++++++++++++++------------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/zh-cn/react-native-background-fetch.md b/zh-cn/react-native-background-fetch.md
index e7103f52..42e9b6ab 100644
--- a/zh-cn/react-native-background-fetch.md
+++ b/zh-cn/react-native-background-fetch.md
@@ -340,7 +340,7 @@ ohpm install
 | scheduleTask | Add an extra fetch event listener in addition to the one initially provided to [[configure]].                                               | Function | no     | no       | all      | partially         |
 | start        | Start subscribing to fetch events.                                                                                                          | Function | no     | no       | all      | yes               |
 | stop         | Stop subscribing to fetch events.                                                                                                           | Function | no     | no       | all      | yes               |
-| finish       | You must execute [[finish]] within your fetch-callback to signal completion of your task.                                                   | Function | no     | no       | all      | partially         |
+| finish       | You must execute [[finish]] within your fetch-callback to signal completion of your task.                                                   | Function | no     | no       | all      | yes               |
 | status       | Query the BackgroundFetch API status                                                                                                        | Function | no     | no       | all      | yes               |
 
 ### BackgroundFetch.configure()
@@ -359,7 +359,7 @@ BackgroundFetch.configure(config: BackgroundFetchConfig, onEvent: (taskId:string
 | `BackgroundFetchConfig.requiredNetworkType`   | [Android only] Set detailed description of the kind of network your job requires.                                                                                                                            | `NetworkType` | no       | Android  | partially         |
 | `BackgroundFetchConfig.requiresBatteryNotLow` | [Android only] Specify that to run this job, the device's battery level must not be low.                                                                                                                     | `boolean`     | no       | Android  | yes               |
 | `BackgroundFetchConfig.requiresStorageNotLow` | [Android only] Specify that to run this job, the device's available storage must not be low.                                                                                                                 | `boolean`     | no       | Android  | yes               |
-| `BackgroundFetchConfig.requiresCharging`      | [Android only] Specify that to run this job, the device must be charging (or be a non-battery-powered device connected to permanent power, such as Android TV devices). This defaults to false.              | `boolean`     | no       | Android  | yes               |
+| `BackgroundFetchConfig.requiresCharging`      | [Android only] Specify that to run this job, the device must be charging (or be a non-battery-powered device connected to permanent power, such as Android TV devices).                                      | `boolean`     | no       | Android  | yes               |
 | `BackgroundFetchConfig.requiresDeviceIdle`    | [Android only] When set true, ensure that this job will not run if the device is in active use.                                                                                                              | `boolean`     | no       | Android  | yes               |
 
 ### BackgroundFetch.scheduleTask()
@@ -368,22 +368,21 @@ BackgroundFetch.configure(config: BackgroundFetchConfig, onEvent: (taskId:string
 BackgroundFetch.scheduleTask(config: TaskConfig): Promise<boolean>;
 ```
 
-| Name                                     | Description                                                  | Type          | Required | Platform | HarmonyOS Support |
-| ---------------------------------------- | ------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
-| `TaskConfig.taskId`                      | The name of the task.                                        | `string`      | yes      | all      | yes               |
-| `TaskConfig.delay`                       | The minimum interval in milliseconds to execute this task.   | `number`      | yes      | all      | yes               |
-| `TaskConfig.periodic`                    | Whether this task will continue executing or just a "one-shot". | `boolean`     | no       | all      | yes               |
-| `TaskConfig.requiresNetworkConnectivity` | When set true, ensure that this job will run if the device has network connection | `boolean`     | no       | all      | no                |
-| `TaskConfig.stopOnTerminate`             | [Android only] Set false to continue background-fetch events after user terminates the app. Default to true. | `boolean`     | no       | Android  | no                |
-| `TaskConfig.startOnBoot`                 | [Android only] Set true to initiate background-fetch events when the device is rebooted. Defaults to false. | `boolean`     | no       | Android  | no                |
-| `TaskConfig.enableHeadless`              | [Android only] Set true to enable Headless mechanism for handling fetch events after app termination. | `boolean`     | no       | Android  | no                |
+| Name                                     | Description                                                                                                                                                                                                  | Type          | Required | Platform | HarmonyOS Support |
+| ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
+| `TaskConfig.taskId`                      | The name of the task.                                                                                                                                                                                        | `string`      | yes      | all      | yes               |
+| `TaskConfig.delay`                       | The minimum interval in milliseconds to execute this task.                                                                                                                                                   | `number`      | yes      | all      | yes               |
+| `TaskConfig.periodic`                    | Whether this task will continue executing or just a "one-shot".                                                                                                                                              | `boolean`     | no       | all      | yes               |
+| `TaskConfig.requiresNetworkConnectivity` | When set true, ensure that this job will run if the device has network connection                                                                                                                            | `boolean`     | no       | all      | no                |
+| `TaskConfig.stopOnTerminate`             | [Android only] Set false to continue background-fetch events after user terminates the app. Default to true.                                                                                                 | `boolean`     | no       | Android  | no                |
+| `TaskConfig.startOnBoot`                 | [Android only] Set true to initiate background-fetch events when the device is rebooted. Defaults to false.                                                                                                  | `boolean`     | no       | Android  | no                |
+| `TaskConfig.enableHeadless`              | [Android only] Set true to enable Headless mechanism for handling fetch events after app termination.                                                                                                        | `boolean`     | no       | Android  | no                |
 | `TaskConfig.forceAlarmManager`           | [Android only] By default, the plugin will use Android's JobScheduler when possible. The JobScheduler API prioritizes for battery-life, throttling task-execution based upon device usage and battery level. | `boolean`     | no       | Android  | no                |
-| `TaskConfig.requiredNetworkType`         | [Android only] Set detailed description of the kind of network your job requires. | `NetworkType` | no       | Android  | partially         |
-| `TaskConfig.requiresBatteryNotLow`       | [Android only] Specify that to run this job, the device's battery level must not be low. | `boolean`     | no       | Android  | yes               |
-| `TaskConfig.requiresStorageNotLow`       | [Android only] Specify that to run this job, the device's available storage must not be low. | `boolean`     | no       | Android  | yes               |
-| `TaskConfig.requiresCharging`            | [Android only] Specify that to run this job, the device must be charging (or be a non-battery-powered device connected to permanent power, such as Android TV devices). This defaults to false. | `boolean`     | no       | Android  | yes               |
-| `TaskConfig.requiresDeviceIdle`          | [Android only] When set true, ensure that this job will not run if the device is in active use. | `boolean`     | no       | Android  | yes               |
-
+| `TaskConfig.requiredNetworkType`         | [Android only] Set detailed description of the kind of network your job requires.                                                                                                                            | `NetworkType` | no       | Android  | partially         |
+| `TaskConfig.requiresBatteryNotLow`       | [Android only] Specify that to run this job, the device's battery level must not be low.                                                                                                                     | `boolean`     | no       | Android  | yes               |
+| `TaskConfig.requiresStorageNotLow`       | [Android only] Specify that to run this job, the device's available storage must not be low.                                                                                                                 | `boolean`     | no       | Android  | yes               |
+| `TaskConfig.requiresCharging`            | [Android only] Specify that to run this job, the device must be charging (or be a non-battery-powered device connected to permanent power, such as Android TV devices).                                      | `boolean`     | no       | Android  | yes               |
+| `TaskConfig.requiresDeviceIdle`          | [Android only] When set true, ensure that this job will not run if the device is in active use.                                                                                                              | `boolean`     | no       | Android  | yes               |
 
 ### BackgroundFetch.stop()
 
@@ -425,12 +424,16 @@ BackgroundFetch.status(callback?: (status: BackgroundFetchStatus) => void): Prom
 
 ## 遗留问题
 
-- [ ] configure 接口不支持 onTimeout 超时处理，并且 config 中的部分参数不支持 harmonyOS。[issue#2](https://github.com/react-native-oh-library/react-native-background-fetch/issues/2)
-- [ ] finish 接口不支持给系统发送完成任务提示。[issue#3](https://github.com/react-native-oh-library/react-native-background-fetch/issues/3)
-- [ ] scheduleTask 接口不支持 requiresNetworkConnectivity 属性。[issue#4](https://github.com/react-native-oh-library/react-native-background-fetch/issues/4)
+- [ ] configure 接口部分参数不支持harmonyOS。[issue#2](https://github.com/react-native-oh-library/react-native-background-fetch/issues/2)
+- [ ] scheduleTask 接口部分参数不支持harmonyOS。[issue#4](https://github.com/react-native-oh-library/react-native-background-fetch/issues/4)
 
 ## 其他
 
+- iOS可能需要数天的时间才能启动机器学习算法并开始触发常规事件。同时，您应该定期将应用程序带到前台，以使用用户的行为训练iOS机器学习算法。之后iOS才会定期执行任务。
+- Android中，不需要机器算法介入，configure函数可以每15分钟调用一次，scheduleTask可以最低每隔1分钟调用一次。
+- HarmonyOS中，系统会根据内存、功耗、设备温度、用户使用习惯等统一调度，如当系统内存资源不足或温度达到一定挡位时，系统将延迟调度该任务。假如你设置20分钟后执行，第一次任务不一定是20分钟就会执行，有可能十几分钟就执行了，往后的任务得起码2小时以后才会执行，更多详情请查看下面的链接内容。https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/work-scheduler-V5
+
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/transistorsoft/react-native-background-fetch/blob/master/LICENSE) ，请自由地享受和参与开源。

From dbdbd50ea57764a3714834097445bb56cfc5df96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=AE=87?= <478110507@qq.com>
Date: Fri, 20 Sep 2024 09:41:49 +0000
Subject: [PATCH 555/966] =?UTF-8?q?!1533=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?vconsole=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Iss?=
 =?UTF-8?q?ues:=20#IARGC9]=20=E4=BF=AE=E6=94=B9react-native-vconsole?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-vconsole.md | 110 ++++++++++++++++++++-------------
 1 file changed, 66 insertions(+), 44 deletions(-)

diff --git a/zh-cn/react-native-vconsole.md b/zh-cn/react-native-vconsole.md
index 0dd65756..cdd93457 100644
--- a/zh-cn/react-native-vconsole.md
+++ b/zh-cn/react-native-vconsole.md
@@ -1,11 +1,10 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-vconsole</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs">
+    <a href="https://github.com/kafudev/react-native-vconsole">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/kafudev/react-native-vconsole/blob/main/LICENSE">
@@ -14,17 +13,19 @@
 </p>
 
 
-> [!TIP]
->
->  [Github 地址](https://github.com/kafudev/react-native-vconsole)
+
+> [!TIP] [Github 地址](https://github.com/kafudev/react-native-vconsole)
 
 ## 安装与使用
 
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm i @kafudev/react-native-vconsole@0.1.11
+npm install @kafudev/react-native-vconsole@0.1.11
 ```
 
 #### **yarn**
@@ -33,69 +34,90 @@ npm i @kafudev/react-native-vconsole@0.1.11
 yarn add @kafudev/react-native-vconsole@0.1.11
 ```
 
+<!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```js
-import VConsole from '@kafudev/react-native-vconsole'
-/* INFO is optional */
-
-// in render function
-render() {
-  return (
-    <View>
-        <VConsole
-            // 使用 'react-native-config-reader' 库获获取额外信息
-            appInfo={{
-                原生构建类型: ConfigReader.BUILD_TYPE,
-                原生版本号: ConfigReader.VERSION_NAME || ConfigReader.CFBundleShortVersionString,
-                原生构建时间: ConfigReader.BUILD_TIME,
-                热更新版本号: codePushStore.info.label,
-                热更新详情: codePushStore.info.desc,
-            }}
-            // 另外的的面板
-            panels={panels}
-            // console.time 可辨别是否开启 debug 网页
-            console={__DEV__ ? !console.time : true}
-        />
-    </View>
-  )
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import Vconsole from '@kafudev/react-native-vconsole';
+
+export const ConsoleDemo = () => {
+    return (
+        <View style={styles.container}>
+            <PropsType />
+        </View>
+    );
+};
+
+function PropsType() {
+    const appInfo = {
+        原生构建类型: "1",
+        原生版本号: "ConfigReader.VERSION_NAME",
+        原生构建时间: "ConfigReader.BUILD_TIME",
+        热更新版本号: "codePushStore.info.label",
+        热更新详情: "codePushStore.info.desc"
+    }
+
+    return (
+        <View style={styles.container1}>
+            <Vconsole appInfo={appInfo} console={true} showBtn={true} />
+        </View>
+    );
 }
+
+const styles = StyleSheet.create({
+    container: {
+        position: 'absolute', // 绝对定位
+        bottom: 180, // 底部边界与父容器底部对齐
+        width: '100%',
+        height: 200,
+        borderWidth: 1,
+        button: 0
+    },
+    container1: {
+        width: '100%',
+        height: 200,
+        borderWidth: 1,
+        paddingVertical: 20,
+        button: 0
+    },
+    box: {
+        width: 60,
+        height: 60,
+    },
+});
 ```
 
 ## 约束与限制
 
 ### 兼容性
 
-本文档内容基于以下版本验证：
+本文档内容基于以下版本验证通过：
 
-1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.65;
 
 ## 属性
 
-> [!tip] 
->
-> "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip]
->
->  "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description                              | Type    | Required | Platform | HarmonyOS Support |
 | ------- | ---------------------------------------- | ------- | -------- | -------- | ----------------- |
 | appInfo | Customized Version Info you want to show | json    | no       | All      | yes               |
-| panels  | Custom panels                            | json    | no       | All      | yes               |
 | console | Whether to show console                  | boolean | no       | All      | yes               |
 | showBtn | Whether to show buttons                  | boolean | no       | All      | yes               |
+| panels  | Custom panels                            | json    | no       | All      | yes               |
 
 ## 遗留问题
 
-- [ ] cppcrash 问题：在 HarmonyOS 测试时，当 network 里有数据时，tab 页从 network 切换到 info 时，会出现 cppcrash 问题，提示/system/lib64/module/application/libapplicationcontext.z.so 包不存在。
-
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/kafudev/react-native-vconsole/blob/main/LICENSE) ，请自由地享受和参与开源

From e45ef5e50b616bf8eb18c2c53abbcb8b354cf1f3 Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Fri, 20 Sep 2024 09:47:07 +0000
Subject: [PATCH 556/966] =?UTF-8?q?!1519=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?ezswiper=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Iss?=
 =?UTF-8?q?ue:=20#IAQW8R]=E4=BF=AE=E6=94=B9react-native-ezswiper=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-ezswiper.md | 484 +++++++++++++++++----------------
 1 file changed, 248 insertions(+), 236 deletions(-)

diff --git a/zh-cn/react-native-ezswiper.md b/zh-cn/react-native-ezswiper.md
index f31aa317..322b71ef 100644
--- a/zh-cn/react-native-ezswiper.md
+++ b/zh-cn/react-native-ezswiper.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-ezswiper</code> </h1>
@@ -13,9 +12,7 @@
     </a>
 </p>
 
-> [!tip]
->
->  [Github 地址](https://github.com/easyui/react-native-ezswiper)
+> [!Tip] [Github 地址](https://github.com/easyui/react-native-ezswiper)
 
 ## 安装与使用
 
@@ -48,252 +45,275 @@ yarn add react-native-ezswiper@1.3.0 --save
 
 import React, { Component } from 'react';
 import {
-    StyleSheet,
-    Text,
-    Button,
-    View,
-    Dimensions,
-    ScrollView,
-    Image
+  StyleSheet,
+  Text,
+  Button,
+  View,
+  Dimensions,
+  ScrollView,
+  SafeAreaView,
+  Image
 } from 'react-native';
 
 const { width } = Dimensions.get('window');
 import EZSwiper from 'react-native-ezswiper';
 
-export default class App extends Component<{}> {
-    constructor(props) {
-        super(props)
-        this.state = {
-            currentPage: 0,
-        };
-    }
+export default class ezswiperApp extends Component<{}> {
+  constructor(props) {
+    super(props)
+    this.state = {
+      currentPage: 0,
+    };
+  }
 
-    renderTitle(title) {
-        return <Text style={{ backgroundColor: 'green' }}>{title}</Text>
-    }
+  renderTitle(title) {
+    return <Text style={{ backgroundColor: 'green' }}>{title}</Text>
+  }
 
-    renderRow(obj, index) {
-        return (
-            <View style={[styles.cell, { backgroundColor: index % 2 === 0 ? 'red' : 'yellow' }]}>
-                <Text>{obj}</Text>
-            </View>
-        )
-    }
+  renderRow(obj, index) {
+    return (
+      <View style={[styles.cell, { backgroundColor: index % 2 === 0 ? 'red' : 'yellow' }]}>
+        <Text>{obj}</Text>
+      </View>
+    )
+  }
 
-    renderImageRow(obj, index) {
-        return (
-            <View style={[styles.cell, { backgroundColor: 'gray', overflow: 'hidden' }]}>
-                <Image
-                    style={{ position: 'absolute', top: 0, right: 0, bottom: 0, left: 0, width: undefined, height: undefined }}
-                    resizeMode={'contain'}
-                    source={obj} />
-                <Text style={{ backgroundColor: 'transparent', color: 'white' }}>{'Victoria\'s Secre ' + index}</Text>
-
-            </View>
-        )
-    }
+  renderImageRow(obj, index) {
+    return (
+      <View style={[styles.cell, { backgroundColor: 'gray', overflow: 'hidden' }]}>
+        <Image
+          style={{ position: 'absolute', top: 0, right: 0, bottom: 0, left: 0, width: undefined, height: undefined }}
+          resizeMode={'contain'}
+          source={obj} />
+        <Text style={{ backgroundColor: 'transparent', color: 'white' }}>{'Victoria\'s Secre ' + index}</Text>
 
+      </View>
+    )
+  }
 
-    onPressRow(obj, index) {
-        console.log('onPressRow=>obj:' + obj + ' ,index:' + index);
-        alert('onPressRow=>obj:' + obj + ' ,index:' + index);
-    }
 
-    onWillChange(obj, index) {
-        console.log('onWillChange=>obj:' + obj + ' ,index:' + index);
-    }
+  onPressRow(obj, index) {
+    console.log('onPressRow=>obj:' + obj + ' ,index:' + index);
+    alert('onPressRow=>obj:' + obj + ' ,index:' + index);
+  }
 
-    onDidChange(obj, index, setDidChangeObj, setIndex) {
-        setDidChangeObj(obj);
-        setIndex(index)
-    }
+  onWillChange(obj, index) {
+    console.log('onWillChange=>obj:' + obj + ' ,index:' + index);
+  }
 
-    render() {
-
-        return (
-            <ScrollView>
-                <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
-                    dataSource={['0', '1', '2', '3']}
-                    width={width}
-                    height={150}
-                    autoplayDirection={false}
-                    renderRow={this.renderRow}
-                    onPress={this.onPressRow}
-                    onWillChange={this.onWillChange}
-                    ratio={0.6}
-                    index={2}
-                    horizontal={true}
-                    loop={true}
-                    autoplayTimeout={2}
-                />
-
-                <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
-                    dataSource={['0', '1', '2', '3']}
-                    width={width}
-                    height={150}
-                    renderRow={this.renderRow}
-                    onPress={this.onPressRow}
-                    onWillChange={this.onWillChange}
-                    index={2}
-                    horizontal={true}
-                    loop={true}
-                    autoplayTimeout={2}
-                    cardParams={{ cardSide: width * 0.6, cardSmallSide: 150 * 0.6, cardSpace: width * (1 - 0.6) / 2 * 0.4 }}
-                    offset={-width * 0.2 + 20}
-                />
-                <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
-                    dataSource={['0', '1', '2', '3']}
-                    width={width}
-                    height={150}
-                    renderRow={this.renderRow}
-                    onPress={this.onPressRow}
-                    onWillChange={this.onWillChange}
-                    ratio={0.6}
-                    index={2}
-                    horizontal={true}
-                    loop={true}
-                    autoplayTimeout={2}
-                    offset={60}
-                />
-                <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
-                    dataSource={['0', '1', '2', '3']}
-                    width={width}
-                    height={150}
-                    renderRow={this.renderRow}
-                    onPress={this.onPressRow} />
-                <EZSwiper style={[styles.swiper, { width: width - 100, height: 150, marginHorizontal: 50 }]}
-                    dataSource={['0', '1', '2', '3', '4']}
-                    width={width - 100}
-                    height={150}
-                    renderRow={this.renderRow}
-                    onPress={this.onPressRow}
-                    ratio={0.867}
-                    loop={false}
-                    index={2}
-                />
-                <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
-                    dataSource={['0', '1', '2', '3']}
-                    width={width}
-                    height={150}
-                    renderRow={this.renderRow}
-                    onPress={this.onPressRow}
-                    cardParams={{ cardSide: width * 0.867, cardSmallSide: 150 * 0.867, cardSpace: width * (1 - 0.867) / 2 * 0.2 }}
-                />
-                <EZSwiper style={[styles.swiper, { width: width, height: 200 }]}
-                    dataSource={['0', '1', '2', '3']}
-                    width={width}
-                    height={200}
-                    renderRow={this.renderRow}
-                    onPress={this.onPressRow}
-                    ratio={0.867}
-                    horizontal={false}
-                />
-                <DidChangeDom renderRow={this.renderRow} />
-                <WillChangeDom renderRow={this.renderRow} />
-                <ScrollToDom renderRow={this.renderRow} />
-            </ScrollView>
-        );
-    }
+  onDidChange(obj, index, setDidChangeObj, setIndex) {
+    setDidChangeObj(obj);
+    setIndex(index)
+  }
+
+  render() {
+
+    return (
+      <SafeAreaView>
+        <ScrollView>
+          <View style={styles.tips}>
+            <Text>card:ratio 0.6</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            autoplayDirection={false}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            onWillChange={this.onWillChange}
+            ratio={0.6}
+            index={2}
+            horizontal={true}
+            loop={true}
+            autoplayTimeout={2}
+          />
+          <View style={styles.tips}>
+            <Text>left</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            onWillChange={this.onWillChange}
+            index={2}
+            horizontal={true}
+            loop={true}
+            autoplayTimeout={2}
+            cardParams={{ cardSide: width * 0.6, cardSmallSide: 150 * 0.6, cardSpace: width * (1 - 0.6) / 2 * 0.4 }}
+            offset={-width * 0.2 + 20}
+          />
+          <View style={styles.tips}>
+            <Text>right</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            onWillChange={this.onWillChange}
+            ratio={0.6}
+            index={2}
+            horizontal={true}
+            loop={true}
+            autoplayTimeout={2}
+            offset={60}
+          />
+          <View style={styles.tips}>
+            <Text>normal</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow} />
+          <View style={styles.tips}>
+            <Text>card ratio:0.867 loop:false index:2</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width - 100, height: 150, marginHorizontal: 50 }]}
+            dataSource={['0', '1', '2', '3', '4']}
+            width={width - 100}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            ratio={0.867}
+            loop={false}
+            index={2}
+          />
+
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            cardParams={{ cardSide: width * 0.867, cardSmallSide: 150 * 0.867, cardSpace: width * (1 - 0.867) / 2 * 0.2 }}
+          />
+          <View style={styles.tips}>
+            <Text>card ratio:0.867 horizontal:false</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 200 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={200}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            ratio={0.867}
+            horizontal={false}
+          />
+          <DidChangeDom renderRow={this.renderRow} />
+          <WillChangeDom renderRow={this.renderRow} />
+          <ScrollToDom renderRow={this.renderRow} />
+        </ScrollView>
+      </SafeAreaView>
+
+    );
+  }
 }
 
 
 const DidChangeDom = (props) => {
-    const [didChangeObj, setDidChangeObj] = React.useState(0);
-    const [index, setIndex] = React.useState(0);
-
-    return (
-        <View>
-            <View>
-                <Text>obj:{didChangeObj}</Text>
-                <Text>index:{index}</Text>
-            </View>
-            <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
-                dataSource={['0', '1', '2', '3']}
-                width={width}
-                height={150}
-                renderRow={props.renderRow}
-                onDidChange={(obj, index) => {
-                    setDidChangeObj(obj)
-                    setIndex(index)
-                }} />
-        </View>)
+  const [didChangeObj, setDidChangeObj] = React.useState(0);
+  const [index, setIndex] = React.useState(0);
+
+  return (
+    <View>
+      <View style={styles.tips}>
+        <Text>obj:{didChangeObj}   index:{index}</Text>
+      </View>
+      <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+        dataSource={['0', '1', '2', '3']}
+        width={width}
+        height={150}
+        renderRow={props.renderRow}
+        onDidChange={(obj, index) => {
+          setDidChangeObj(obj)
+          setIndex(index)
+        }} />
+    </View>)
 }
 
 const WillChangeDom = (props) => {
-    const [didChangeObj, setDidChangeObj] = React.useState(0);
-    const [index, setIndex] = React.useState(0);
-
-    return (
-        <View>
-            <View>
-                <Text>obj:{didChangeObj}</Text>
-                <Text>index:{index}</Text>
-            </View>
-            <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
-                dataSource={['0', '1', '2', '3']}
-                width={width}
-                height={150}
-                renderRow={props.renderRow}
-                onWillChange={(obj, index) => {
-                    setDidChangeObj(obj)
-                    setIndex(index)
-                }} />
-        </View>)
+  const [didChangeObj, setDidChangeObj] = React.useState(0);
+  const [index, setIndex] = React.useState(0);
+
+  return (
+    <View>
+      <View style={styles.tips}>
+        <Text>obj:{didChangeObj}   index:{index}</Text>
+      </View>
+      <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+        dataSource={['0', '1', '2', '3']}
+        width={width}
+        height={150}
+        renderRow={props.renderRow}
+        onWillChange={(obj, index) => {
+          setDidChangeObj(obj)
+          setIndex(index)
+        }} />
+    </View>)
 }
 
 function ScrollToDom(props) {
-    this.refDom = null;
-    const refDomFn = (view) => {
-        this.refDom = view
-    }
-    const scrollTo = (index) => {
-        if (this.refDom) {
-            this.refDom.scrollTo(index + 1, true)
-        }
+  this.refDom = null;
+  const refDomFn = (view) => {
+    this.refDom = view
+  }
+  const scrollTo = (index) => {
+    if (this.refDom) {
+      this.refDom.scrollTo(index + 1, true)
     }
-    return (
-        <View>
-            <View style={{ display: 'flex' }}>
-                <Button onPress={() => scrollTo(0)} style={styles.button} title="Press 0" />
-                <Button onPress={() => scrollTo(1)} style={styles.button} title="Press 1" />
-                <Button onPress={() => scrollTo(2)} style={styles.button} title="Press 2" />
-                <Button onPress={() => scrollTo(3)} style={styles.button} title="Press 3" />
-                <Button onPress={() => scrollTo(4)} style={styles.button} title="Press 4" />
-            </View>
-            <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
-                dataSource={['0', '1', '2', '3', '4']}
-                width={width}
-                ref={refDomFn}
-                height={150}
-                renderRow={props.renderRow}
-            />
-        </View>)
+  }
+  return (
+    <View>
+      <View style={{ display: 'flex' }}>
+        <Button onPress={() => scrollTo(0)} style={styles.button} title="Press 0" />
+        <Button onPress={() => scrollTo(1)} style={styles.button} title="Press 1" />
+        <Button onPress={() => scrollTo(2)} style={styles.button} title="Press 2" />
+        <Button onPress={() => scrollTo(3)} style={styles.button} title="Press 3" />
+        <Button onPress={() => scrollTo(4)} style={styles.button} title="Press 4" />
+      </View>
+      <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+        dataSource={['0', '1', '2', '3', '4']}
+        width={width}
+        ref={refDomFn}
+        height={150}
+        renderRow={props.renderRow}
+      />
+    </View>)
 }
 
 
 const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        backgroundColor: 'white',
-    },
-    swiper: {
-        backgroundColor: 'white',
-    },
-    button: {
-        width: 50,
-        height: 30,
-    },
-    cell: {
-        backgroundColor: 'red',
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    pageControl: {
-        position: 'absolute',
-        bottom: 4,
-        right: 10,
-    },
+  container: {
+    flex: 1,
+    backgroundColor: 'white',
+  },
+  swiper: {
+    backgroundColor: 'white'
+  },
+  button: {
+    width: 50,
+    height: 30,
+  },
+  cell: {
+    backgroundColor: 'red',
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  pageControl: {
+    position: 'absolute',
+    bottom: 4,
+    right: 10,
+  },
+  tips:{
+    backgroundColor:'green'
+  }
 });
 ```
 
@@ -305,17 +325,13 @@ const styles = StyleSheet.create({
 
 本文档内容基于以下版本验证通过：
 
-react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+ 1.RNOH: 0.72.29; SDK：OpenHarmony-5.0.0.65; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
 
 ## 属性
 
-> [!tip] 
->
-> "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] 
->
-> "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                  | Description                                                                                            | Type     | default | Required | Platform | HarmonyOS Support |
 | --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- | ----------------- |
@@ -339,9 +355,9 @@ cardParams is object：{cardSide,cardSmallSide,cardSpace}
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                  | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
 | --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
@@ -349,12 +365,8 @@ cardParams is object：{cardSide,cardSmallSide,cardSpace}
 
 ## 遗留问题
 
- 无
-
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/easyui/react-native-ezswiper) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From a808d78d058acead4f743785e15cff64f1b1af53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=98=A5=E9=9B=B7?=
 <12437510+li-chunlei-0125@user.noreply.gitee.com>
Date: Mon, 23 Sep 2024 01:53:31 +0000
Subject: [PATCH 557/966] =?UTF-8?q?!1532=20docs:=20=E6=96=B0=E5=A2=9Evicto?=
 =?UTF-8?q?ry-native-xl=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9victory-native-xl=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=EF=BC=8C=20=E5=A2=9E=E5=8A=A0=E9=81=97=E7=95=99?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E6=A0=87=E9=A2=98.=20*=20feat:=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20victory-native-xl=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/victory-native-xl.md | 218 +++++++++++++++++++++++++++++++++++++
 1 file changed, 218 insertions(+)
 create mode 100644 zh-cn/victory-native-xl.md

diff --git a/zh-cn/victory-native-xl.md b/zh-cn/victory-native-xl.md
new file mode 100644
index 00000000..ca3fabc4
--- /dev/null
+++ b/zh-cn/victory-native-xl.md
@@ -0,0 +1,218 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>victory-native-xl</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/FormidableLabs/victory-native-xl">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/victory-native-xl)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/victory-native-xl@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/victory-native-xl@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import * as React from "react";
+import { useState } from "react";
+import { View, Text } from "react-native";
+import { CartesianChart, Line } from "victory-native";
+
+function randomNumber() {
+  return Math.floor(Math.random() * 26) + 12;
+}
+const DATA = (numberPoints = 13) =>
+  Array.from({ length: numberPoints }, (_, index) => ({
+    day: index + 1,
+    highTmp: randomNumber(),
+  }));
+
+const [data, setData] = useState(DATA());
+
+export default function LineChartExample() {
+  return (
+    <>
+      <View style={{height: 300}}>
+      <Text>Line Chart</Text>
+      <CartesianChart
+        data={data}
+        xKey="day"
+        yKeys={["highTmp"]}
+      >
+        {({ points }) => (
+          <>
+          <Line 
+            points={points.highTmp} 
+            color="red" 
+            strokeWidth={3} 
+            curveType="catmullRom"
+            animate={{ type: "timing", duration: 300}}
+            connectMissingData={true}
+          />
+          </>
+        )}
+      </CartesianChart>
+      </View>
+      </>
+  );
+}
+```
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、 @react-native-oh-tpl/react-native-skia的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-skia](/zh-cn/react-native-skia.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases)
+
+## 属性
+
+详情见 [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl) Props tables
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Cartesian Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An array of objects to be used as data points for the chart | array[]  | yes     | all | yes
+| xKey  | A string value indicating the key of each data[number] object to be used on the independent (x) axis for charting. E.g. "day" if you want to use the "day" field of the data points for the x-axis |  string | yes  | all | yes
+| yKeys   | A string[] array of string indicating the keys of each data[number] object to be used on the dependent (y) axis for charting. E.g. yKeys={["lowTmp", "highTmp"]} if you want to chart both high and low temperatures on the y-axis and those values have keys of lowTmp and highTmp respectively | string[] | yes  | all | yes
+| children  | The children prop is a render function whose sole argument is an object that exposes transformed data for you to use in your drawing operations. For example, the children render function's argument has a points field that exposes a version of your input data that's transformed to be plotted on the Canvas (see the Example section above for an example of this)| function | yes  | all | yes
+| padding | A number or an object of shape { left?: number; right?: number; top?: number; bottom?: number; } that specifies that padding between the outer bounds of the Skia canvas and where the charting bounds will occur | number | no  | all | yes
+| domain | An object of shape { x?: [number] \| [number, number]; y?: [number] \| [number, number] } that can be specified to control the upper and lower bounds of each axis. It defaults to the min and max of each range respectively | object | no  | all | yes
+| domainPadding | A number or an object of shape { left?: number; right?: number; top?: number; bottom?: number; } that specifies that padding between the outer bounds of the charting area (e.g. where the axes lie) and where chart elements will be plotted | object  | no  | all | yes
+| axisOptions | The axisOptions is an optional prop allows you to configure the axes and grid of the chart. If it is not present then the chart will not render any axes or grid | object  | no  | all | yes
+| chartPressState | The chartPressState prop allows you to pass in Reanimated SharedValues that will be used to track the user's "press" gesture on the chart. This is generally used for creating some sort of tooltip/active value indicator. See the Chart Gestures page for more in-depth information on how to use this prop | object  | no  | all | yes
+| renderOutside | The renderOutside prop is identical to the children prop in form, but it will render elements at the root of the Skia canvas (not inside of a clipping group). This allows you to render elements outside of the bounds of any axes that you have configured | object  | no  | all | yes
+| onChartBoundsChange | The onChartBoundsChange prop is a function of the shape onChartBoundsChange?: (bounds: ChartBounds) => void; that exposes the chart bounds, useful if you need access to the chart's bounds for your own custom drawing purposes | function   | no  | all | yes
+| gestureLongPressDelay | The gestureLongPressDelay prop allows you to set the delay in milliseconds before the pan gesture is activated. Defaults to 100 | number   | no  | all | yes
+
+
+### Line Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points  | A PointsArray array that comes from a field of the points object exposed the children render function of CartesianChart, as illustrated in the example above | array[]  | no     | all | yes
+| animate  | The animate prop takes a PathAnimationConfig object and will animate the path when the points changes |  object | no  | all | yes
+| curveType   | A CurveType value that indicates the type of curve should be drawn (e.g. linear or natural) | string | no  | all | yes
+| connectMissingData  | The connectMissingData: boolean value that indicates whether missing data should be interpolated for the resulting Path. If set to true, the output will be a single, connected line chart path (even if there are missing data values). If set to false, if there is missing data values – the path will consist of multiple disconnected "parts"| boolean | no  | all | yes
+| children | A children pass-thru that will be rendered inside of the Skia Path element, useful if you'd like to make e.g. a gradient path | object | no  | all | yes
+
+
+### Area Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points | A PointsArray array that comes from a field of the points object exposed the children render function of CartesianChart, as illustrated in the example above  | array[]   | no  | all | yes
+| y0  | A number that indicates where the "bottom" of the area path should run. This number should be in canvas coordinates | number  | no  | all | yes
+| animate | The animate prop takes a PathAnimationConfig object and will animate the path when the points changes | object  | no  | all | yes
+| curveType | A CurveType value that indicates the type of curve should be drawn (e.g. linear or natural) | string   | no  | all | yes
+| connectMissingData | The connectMissingData: boolean value that indicates whether missing data should be interpolated for the resulting Path. If set to true, the output will be a single, connected area chart path (even if there are missing data values). If set to false, if there is missing data values – the path will consist of multiple disconnected "parts"  | boolean | no  | all | yes
+| children  | A children pass-thru that will be rendered inside of the Skia Path element, useful if you'd like to make e.g. a gradient path | object   | no  | all | yes
+
+
+### Bar Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points | A PointsArray array that comes from a field of the points object exposed the children render function of CartesianChart, as illustrated in the example above | array[]  | no  | all | yes
+| chartBounds | A ChartBounds object needed to appropriately draw the bars. This generally comes from the chartBounds render argument of CartesianChart | object  | no  | all | yes
+| innerPadding | An optional number between 0 and 1 that represents what fraction of the horizontal space between the first and last bars should be "white space". Defaults to 0.2. Use 0 for no gap between bars, and values closer to 1 to make bars increasingly narrow | number | no  | all | yes
+| animate | The animate prop takes a PathAnimationConfig object and will animate the path when the points change | object   | no  | all | yes
+| roundedCorners | The roundedCorners prop allows you to customize the roundedness of each corner of the Bar component. It's an object type that defines the radii for the top-left, top-right, bottom-right, and bottom-left corners | object  | no  | all | yes
+| barWidth | The barWidth prop takes a number and sets the width of the bar to that number. If not provided, the default is determined by the chartBounds and number of data points. Takes precendence over the barCount prop. Use this for the most fine grained control of bar width | number    | no  | all | yes
+| barCount | The barCount prop takes a number and sets the width of the bar as if there X data points. If not provided, the default is determined by the chartBounds and number of data points. Useful for getting a fixed bar width regardless of the number of data points. Use this for a more general control of bar width | number  | no  | all | yes
+| labels | The labels prop allows you to enable and customize the data label of the Bar component. The data label text is the Y-axis value associated with the Bar component | object | no  | all | yes
+| children | A children pass-thru that will be rendered inside of the Skia Path element, useful if you'd like to make e.g. a gradient path  | object | no  | all | yes
+
+
+### BarGroup Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| chartBounds | A ChartBounds object needed to appropriately draw the bars. This generally comes from the chartBounds render argument of CartesianChart | object  | no  | all | yes
+| betweenGroupPadding | An optional number between 0 and 1 that represents what fraction of the horizontal space between the first and last bar groups should be "white space". Defaults to 0.2. Use 0 for no gap between groups, and values closer to 1 to make bars increasingly narrow  | number  | no  | all | yes
+| withinGroupPadding | An optional number between 0 and 1 that represents what fraction of the horizontal space between the first and last bars within a group should be "white space". Defaults to 0.2. Use 0 for no gap between bars within a group, and values closer to 1 to make bars increasingly narrow | number   | no  | all | yes
+| barWidth | The barWidth prop takes a number and sets the width of the bar to that number. If not provided, the default is determined by a combination of the total available width for the group of bars, the number of bars in the group, and the padding between the bars within the group. Takes precedence over barCount prop. Use this for the most fine grained control of bar width | number   | no  | all | yes
+| barCount | The barCount prop takes a number and sets the width of the bar as if there X data points. If not provided, the default is determined by the chartBounds and number of data points. Useful for getting a fixed bar width regardless of the number of data points. Use this for a more general control of bar width | number   | no  | all | yes
+| onBarSizeChange | That alerts the consumer when the size of the bars/groups changes, useful for if you're building a custom tooltip and need to know the size of the groups/bars | function  | no  | all | yes
+| roundedCorners | The roundedCorners prop allows you to customize the roundedness of each corner of a BarGroup.Bar component. It's an object type that defines the radii for the top-left, top-right, bottom-right, and bottom-left corners | object   | no  | all | yes
+| children | An array of BarGroup.Bar elements (see below) that represent the bars to add to the bar group | object  | no  | all | yes
+
+
+### Scatter Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points | TA PointsArray array that comes from a field of the points object exposed the children render function of CartesianChart, as illustrated in the example above | array[]   | no  | all | yes
+| radius |  radius of the circle, half the width of the square | number  | no  | all | yes
+| shape   | One of the following ScatterShape values that determines the shape of each point to be drawn  | ScatterShape   | no  | all | yes
+| animate | The animate prop takes a PathAnimationConfig object and will animate the path when the points change | object   | no  | all | yes
+| children | An array of BarGroup.Bar elements (see below) that represent the bars to add to the bar group | object  | no  | all | yes
+
+### Polar Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data | An array of objects to be used as data points for the chart  | array[]   | yes  | all | yes
+| labelKey | A string value indicating the key of each data[number] object to be used. Currently only used on the legend part of the chart. In the future we may add support for a variety of labels within the chart  | string   | yes  | all | yes
+| valueKey | A string value indicating the key of each data[number] object to be used to draw a slice of the Pie  | string   | yes  | all | yes
+| colorKey | A string value indicating the key of each data[number] object to be used to draw a slice of the Pie  | string   | yes  | all | yes
+| children | The only supported children of a PolarChart is currently a Pie.Chart See the Pie Chart for more details  | object   | no  | all | yes
+| containerStyle | A StyleProp<ViewStyle> that styles the View which wraps the Canvas of the Polar chart  | object   | no  | all | yes
+| canvasStyle | A StyleProp<ViewStyle> that styles the Canvas upon which the Polar chart is drawn  | object   | no  | all | yes
+
+### Pie.Chart
+
+**Bar related props for making Capped Bar chart**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| innerRadius | TA number or string (as a percentage) which turns the Pie chart into a Donut chart. The innerRadius prop is the radius of the inner circle of the donut chart. If not provided, the chart will remain a Pie chart   | number  | no  | all | yes
+| circleSweepDegrees | A number which defines how many degrees of the chart should be drawn. The default is 360 which will draw a full circle. If you want to draw a partial circle, you can set this prop to a value between 0 and 360  | number   | no  | all | yes
+| startAngle | A number which defines the starting angle of the chart. Changing this prop will rotate the chart     | number   | no  | all | yes
+| children | The children prop is a render function which maps through the data and whose sole argument is each individual slice of the pie, allowing you to customize each slice as needed. E.g. this slice will have all the data needed to render a Pie.Slice />   | function  | no  | all | yes
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)]( https://www.mit-license.org/) ，请自由地享受和参与开源。

From 3933bac3e79fdc377ee32230607e55a360b590e8 Mon Sep 17 00:00:00 2001
From: hanhuigui <1341290867@qq.com>
Date: Mon, 23 Sep 2024 02:01:38 +0000
Subject: [PATCH 558/966] =?UTF-8?q?!1553=20docs:=20[Issues:=20#IASJY9]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-keyboard-aware-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IASJY9]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-keyboard-aware-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-keyboard-aware-scroll-view.md | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/zh-cn/react-native-keyboard-aware-scroll-view.md b/zh-cn/react-native-keyboard-aware-scroll-view.md
index 05a7882d..ede718e5 100644
--- a/zh-cn/react-native-keyboard-aware-scroll-view.md
+++ b/zh-cn/react-native-keyboard-aware-scroll-view.md
@@ -134,10 +134,7 @@ const styles = StyleSheet.create({
 ## 遗留问题
 
 - [ ] RN0.72.28版本新架构暂未支持UIManager.viewIsDescendantOf() API，该API功能为：判断组件节点嵌套关系，并在callback中返回boolean类型参数: [issue#12](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/12)
-- [ ] 方法onKeyboardDidChangeFrame未实现 HarmonyOS化 问题:[issue#16](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/16)
-- [ ] 方法onKeyboardWillChangeFrame未实现 HarmonyOS化 问题:[issue#15](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/15)
-- [ ] 方法onKeyboardWillHide未实现 HarmonyOS化 问题:[issue#14](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/14)
-- [ ] 方法onKeyboardWillShow未实现 HarmonyOS化 问题:[issue#13](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/13)
+- [ ] 键盘抬起部分生命周期未HarmonyOS化，功能不受影响 问题:[issue#17](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/17)
 
 ## 其他
 

From 266f9c6ddce5efb3bdd586e37c6d0cade82a39ea Mon Sep 17 00:00:00 2001
From: liwang <liwang45@h-partners.com>
Date: Mon, 23 Sep 2024 06:28:38 +0000
Subject: [PATCH 559/966] =?UTF-8?q?!1531=20=E4=BF=AE=E6=94=B9=E4=BA=86=20r?=
 =?UTF-8?q?eact-native-skia=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20[Issues:=20#IARF6C]=20=E4=BF=AE=E6=94=B9=20react-native-?=
 =?UTF-8?q?skia=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-skia.md | 195 ++++++++++++++++++++++++++++---------
 1 file changed, 151 insertions(+), 44 deletions(-)

diff --git a/zh-cn/react-native-skia.md b/zh-cn/react-native-skia.md
index 08021d9b..a4847e58 100644
--- a/zh-cn/react-native-skia.md
+++ b/zh-cn/react-native-skia.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-skia</code> </h1>
@@ -115,7 +115,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 xxxPackge
+### 3.配置 CMakeLists 和引入 SkiaPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -372,19 +372,20 @@ ohpm install
 | colors    | `string[]`       | Optional colors to be associated to each corner                                                                                                             | yes      | android/ios | yes               |
 | blendMode | `BlendMode`      | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not              | yes      | android/ios | yes               |
 
-### Gradients公共属性
+### Gradients 公共属性
+
 #### 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name      | Description                                                  | Type         | Required | Platform    | HarmonyOS Support |
-| --------- | ------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
-| colors    | Colors to be distributed between start and end.              | string[]     | yes      | android/ios | yes               |
-| positions | The relative positions of colors. If supplied, it must be of the same length as colors. | number[]     | no       | android/ios | yes               |
-| mode      | Can be `clamp`, `repeat`, `mirror`, or `decal`.              | TileMode     | no       | android/ios | yes               |
-| flags     | By default, gradients will interpolate their colors in unpremultiplied space and then premultiply each of the results. By setting this to 1, the gradients will premultiply their colors first and then interpolate between them. | number       | no       | android/ios | yes               |
+| Name      | Description                                                                                                                                                                                                                                                                                            | Type         | Required | Platform    | HarmonyOS Support |
+| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
+| colors    | Colors to be distributed between start and end.                                                                                                                                                                                                                                                        | string[]     | yes      | android/ios | yes               |
+| positions | The relative positions of colors. If supplied, it must be of the same length as colors.                                                                                                                                                                                                                | number[]     | no       | android/ios | yes               |
+| mode      | Can be `clamp`, `repeat`, `mirror`, or `decal`.                                                                                                                                                                                                                                                        | TileMode     | no       | android/ios | yes               |
+| flags     | By default, gradients will interpolate their colors in unpremultiplied space and then premultiply each of the results. By setting this to 1, the gradients will premultiply their colors first and then interpolate between them.                                                                      | number       | no       | android/ios | yes               |
 | transform | The transform property is identical to its [homonymous property in React Native](https://reactnative.dev/docs/transforms) except for one significant difference: in React Native, the origin of transformation is the center of the object, whereas it is the top-left position of the object in Skia. | Transforms2d | no       | android/ios | yes               |
 
 ### LinearGradient
@@ -450,14 +451,14 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name       | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
-| ---------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
-| freqX      | base frequency in the X direction; range [0.0, 1.0]          | number | yes      | android/ios | yes               |
-| freqY      | base frequency in the Y direction; range [0.0, 1.0]          | number | yes      | android/ios | yes               |
-| octaves    |                                                              | number | yes      | android/ios | yes               |
-| seed       |                                                              | number | yes      | android/ios | yes               |
+| Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
+| freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
+| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
+| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
 | tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
-| tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
+| tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
 
 ### Turbulence
 
@@ -467,14 +468,14 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name       | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
-| ---------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
-| freqX      | base frequency in the X direction; range [0.0, 1.0]          | number | yes      | android/ios | yes               |
-| freqY      | base frequency in the Y direction; range [0.0, 1.0]          | number | yes      | android/ios | yes               |
-| octaves    |                                                              | number | yes      | android/ios | yes               |
-| seed       |                                                              | number | yes      | android/ios | yes               |
+| Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
+| freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
+| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
+| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
 | tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
-| tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
+| tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
 
 ### Blend
 
@@ -484,10 +485,10 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name     | Description                                                  | Type      | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------------------------ | --------- | -------- | ----------- | ----------------- |
+| Name     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                          | Type      | Required | Platform    | HarmonyOS Support |
+| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
 | mode     | Sets the blend mode that is, the mode used to combine source color with destination color. The following values are available: `clear`, `src`, `dst`, `srcOver`, `dstOver`, `srcIn`, `dstIn`, `srcOut`, `dstOut`, `srcATop`, `dstATop`, `xor`, `plus`, `modulate`, `screen`, `overlay`, `darken`, `lighten`, `colorDodge`, `colorBurn`, `hardLight`, `softLight`, `difference`, `exclusion`, `multiply`, `hue`, `saturation`, `color`, `luminosity`. | BlendMode | yes      | android/ios | yes               |
-| children | Shaders to blend                                             | ReactNode | yes      | android/ios | yes               |
+| children | Shaders to blend                                                                                                                                                                                                                                                                                                                                                                                                                                     | ReactNode | yes      | android/ios | yes               |
 
 ### ColorShader
 
@@ -509,12 +510,12 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name      | Description                                                  | Type       | Required | Platform    | HarmonyOS Support |
-| --------- | ------------------------------------------------------------ | ---------- | -------- | ----------- | ----------------- |
-| length    | length of the subsegments.                                   | number     | yes      | android/ios | yes               |
-| deviation | limit of the movement of the endpoints.                      | number     | yes      | android/ios | yes               |
+| Name      | Description                                                   | Type       | Required | Platform    | HarmonyOS Support |
+| --------- | ------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
+| length    | length of the subsegments.                                    | number     | yes      | android/ios | yes               |
+| deviation | limit of the movement of the endpoints.                       | number     | yes      | android/ios | yes               |
 | seed      | modifies the randomness. See SkDiscretePathEffect.h for more. | number     | yes      | android/ios | yes               |
-| children  | Optional path effect to apply.                               | PathEffect | no       | android/ios | yes               |
+| children  | Optional path effect to apply.                                | PathEffect | no       | android/ios | yes               |
 
 ### DashPathEffect
 
@@ -524,11 +525,11 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name      | Description                                                  | Type       | Required | Platform    | HarmonyOS Support |
-| --------- | ------------------------------------------------------------ | ---------- | -------- | ----------- | ----------------- |
+| Name      | Description                                                                                                                             | Type       | Required | Platform    | HarmonyOS Support |
+| --------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
 | intervals | even number of entries with even indices specifying the length of the "on" intervals, and the odd index specifying the length of "off". | number[]   | yes      | android/ios | yes               |
-| phase     | offset into the intervals array. Defaults to 0.              | number     | yes      | android/ios | yes               |
-| children  | Optional path effect to apply.                               | PathEffect | no       | android/ios | yes               |
+| phase     | offset into the intervals array. Defaults to 0.                                                                                         | number     | yes      | android/ios | yes               |
+| children  | Optional path effect to apply.                                                                                                          | PathEffect | no       | android/ios | yes               |
 
 ### CornerPathEffect
 
@@ -551,13 +552,13 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name     | Description                                                  | Type              | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
-| path     | The path to replicate (dash)                                 | PathDef           | yes      | android/ios | yes               |
-| advance  | The space between instances of path                          | number            | yes      | android/ios | yes               |
-| phase    | distance (mod advance) along the path for its initial position | number            | yes      | android/ios | yes               |
+| Name     | Description                                                                     | Type              | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
+| path     | The path to replicate (dash)                                                    | PathDef           | yes      | android/ios | yes               |
+| advance  | The space between instances of path                                             | number            | yes      | android/ios | yes               |
+| phase    | distance (mod advance) along the path for its initial position                  | number            | yes      | android/ios | yes               |
 | style    | how to transform path at each point (based on the current position and tangent) | Path1DEffectStyle | yes      | android/ios | yes               |
-| children | Optional path effect to apply.                               | PathEffect        | no       | android/ios | yes               |
+| children | Optional path effect to apply.                                                  | PathEffect        | no       | android/ios | yes               |
 
 ### Path2DPathEffect
 
@@ -602,6 +603,112 @@ ohpm install
 | mask     | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
 | children | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
 
+### Image
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                                                                                                | Type    | Required | Platform    | HarmonyOS Support |
+| ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| image  | An instance of the image.                                                                                                                                                  | SkImage | yes      | android/ios | yes               |
+| x      | The left position of the destination image.                                                                                                                                | number  | yes      | android/ios | yes               |
+| y      | The top position of the destination image.                                                                                                                                 | number  | yes      | android/ios | yes               |
+| width  | The width of the destination image.                                                                                                                                        | number  | yes      | android/ios | yes               |
+| height | The height of the destination image.                                                                                                                                       | number  | yes      | android/ios | yes               |
+| fit    | The method used to fit the image into the rectangle. Values can be `contain`, `fill`, `cover`, `fitHeight`, `fitWidth`, `scaleDown`, or `none` (the default is `contain`). | Fit     | no       | android/ios | yes               |
+
+### SVG Image
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| svg    | SVG Image.                                  | SVG    | yes      | android/ios | yes               |
+| x      | The left position of the destination image. | number | no       | android/ios | yes               |
+| y      | The top position of the destination image.  | number | no       | android/ios | yes               |
+| width  | The width of the destination image.         | number | no       | android/ios | yes               |
+| height | The height of the destination image.        | number | no       | android/ios | yes               |
+
+### Paragraph
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                   | Type        | Required | Platform    | HarmonyOS Support |
+| --------- | --------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| paragraph | text paragraph                                | skParagraph | yes      | android/ios | yes               |
+| x         | Left position of the text (default is 0)      | number      | yes      | android/ios | yes               |
+| y         | Bottom position the text (default is 0, the ) | number      | yes      | android/ios | yes               |
+| width     | The width of the paragraph.                   | number      | yes      | android/ios | yes               |
+
+### Text
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description                                   | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | --------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| text | Text to draw                                  | string | yes      | android/ios | yes               |
+| x    | Left position of the text (default is 0)      | number | yes      | android/ios | yes               |
+| y    | Bottom position the text (default is 0, the ) | number | yes      | android/ios | yes               |
+| font | Font to use                                   | SkFont | yes      | android/ios | yes               |
+
+### Glyphs
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                | Type    | Required | Platform    | HarmonyOS Support |
+| ------ | ---------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| glyphs | Glyphs to draw                                             | Glyph[] | yes      | android/ios | yes               |
+| x      | x coordinate of the origin of the entire run. Default is 0 | number  | no       | android/ios | yes               |
+| y      | y coordinate of the origin of the entire run. Default is 0 | number  | yno      | android/ios | yes               |
+| font   | Font to use                                                | SkFont  | yes      | android/ios | yes               |
+
+### Text Path
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description                                                                                                                                                                             | Type           | Required | Platform    | HarmonyOS Support |
+| ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| path | Path to draw. Can be a string using the [SVG Path notation](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#line_commands) or an object created with `Skia.Path.Make()` | Path \| string | yes      | android/ios | yes               |
+| text | Text to draw                                                                                                                                                                            | string         | yes      | android/ios | yes               |
+| font | Font to use                                                                                                                                                                             |                |          |             |                   |
+
+### Text Path
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description                                                | Type     | Required | Platform    | HarmonyOS Support |
+| ---- | ---------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| blob | Text blob                                                  | TextBlob | yes      | android/ios | yes               |
+| x    | x coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
+| y    | y coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
+
 ## RNSkiaModule API
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -614,9 +721,9 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] Text 组件无法使用 问题: [issue#Text暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/5)
-- [ ] Video 组件无法使用 问题: [issue#Video暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/6)
-- [ ] Image 组件无法使用 问题: [issue#Image暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/7)
+- [x] Text 组件无法使用 问题: [issue#Text 暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/5)
+- [ ] Video 组件无法使用 问题: [issue#Video 暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/6)
+- [x] Image 组件无法使用 问题: [issue#Image 暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/7)
 
 ## 其他
 

From 847a3ff213d03c42c945477d2169365629c37ac7 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Mon, 23 Sep 2024 06:51:24 +0000
Subject: [PATCH 560/966] =?UTF-8?q?!1554=20=E6=B7=BB=E5=8A=A0react-native-?=
 =?UTF-8?q?hole-view=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#I?=
 =?UTF-8?q?ASL3D]=20=E6=96=B0=E5=A2=9Ereact-native-hole-view=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-hole-view.md | 294 ++++++++++++++++++++++++++++++++
 1 file changed, 294 insertions(+)
 create mode 100644 zh-cn/react-native-hole-view.md

diff --git a/zh-cn/react-native-hole-view.md b/zh-cn/react-native-hole-view.md
new file mode 100644
index 00000000..d40de83e
--- /dev/null
+++ b/zh-cn/react-native-hole-view.md
@@ -0,0 +1,294 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-hole-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ibitcy/react-native-hole-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mitlicense.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-hole-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-hole-view@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-hole-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+``` jsx
+import React, {useCallback, useEffect, useState} from 'react';
+import {
+    ScrollView,
+    View,
+    Text, TouchableOpacity,
+} from 'react-native';
+
+import {RNHole, RNHoleView, ERNHoleViewTimingFunction, IRNHoleViewAnimation} from "react-native-hole-view/src";
+
+import Video from 'react-native-video';
+
+const firstHole: RNHole = {x: 150, y: 390, width: 120, height: 120, borderRadius: 60};
+const secondHole: RNHole = {x: 150, y: 40, width: 120, height: 120, borderRadius: 60};
+
+const animationSettings: IRNHoleViewAnimation = {timingFunction: ERNHoleViewTimingFunction.EASE_IN_OUT, duration: 200};
+
+const App = () => {
+    const [holes, setHoles] = useState<RNHole[]>([]);
+    const [animated, setAnimated] = useState<boolean>(false);
+    const [animation, setAnimation] = useState<IRNHoleViewAnimation | undefined>(undefined);
+
+    const onPress = useCallback(() => {
+        if (animated) {
+            setHoles([firstHole]);
+        } else {
+            setHoles([secondHole])
+        }
+
+        setAnimation({...animationSettings});
+        setAnimated(!animated);
+    }, [animated, animation])
+
+    useEffect(() => {
+        onPress();
+    }, []);
+
+    return (
+        <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
+            <Text style={{flexGrow: 0, flex: 0, padding: 10}}>{"Wow! I'm a text inside a hole!"}</Text>
+            <TouchableOpacity onPress={() => {
+            }} style={{backgroundColor: 'pink', padding: 10, borderRadius: 5}}>
+                <Text>{"Wow! I'm a button inside a hole!"}</Text>
+            </TouchableOpacity>
+            <ScrollView style={{flexGrow: 0, flex: 0, padding: 10}} horizontal={true}>
+                <Text numberOfLines={1}>
+                    {
+                        "Wow! I'm a ScrollView inside a hole! Wow! I'm a ScrollView inside a hole! Wow! I'm a ScrollView inside a hole!"
+                    }
+                </Text>
+            </ScrollView>
+            <RNHoleView
+                style={{
+                    position: 'absolute',
+                    width: '100%',
+                    height: '100%',
+                    backgroundColor: 'rgba(34,146,231,0.4)'
+                }}
+                animation={animation}
+                holes={holes}
+                onAnimationFinished={() => {
+                    setAnimation(undefined);
+                }}
+            >
+                <Video source={{uri: 'http://clips.vorwaerts-gmbh.de/VfE_html5.mp4'}}
+                       resizeMode={"contain"}
+                       style={{flex: 1}}
+                />
+            </RNHoleView>
+            <View
+                pointerEvents={'box-none'}
+                style={{
+                    position: 'absolute',
+                    flex: 1,
+                    width: '100%',
+                    height: '100%',
+                    alignItems: 'flex-end',
+                    flexDirection: 'row',
+                    justifyContent: 'center'
+
+                }}>
+                <TouchableOpacity onPress={onPress}
+                                  style={{backgroundColor: 'pink', padding: 10, borderRadius: 5, bottom: 50}}>
+                    <Text>{"Animate!"}</Text>
+                </TouchableOpacity>
+            </View>
+        </View>
+    );
+};
+
+export default App;
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-hole-view": "file:../../node_modules/@react-native-oh-tpl/react-native-hole-view/harmony/rnoh_holeview.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 HoleViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-hole-view/src/main/cpp" ./rnohkeys)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_holeview)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "HoleViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNOHHoleViewPackage>(ctx),
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases)
+
+   
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                | Description                   | Type                                                            | Required | Platform    | HarmonyOS Support |
+|---------------------|-------------------------------|-----------------------------------------------------------------|----------|-------------|-------------------|
+| Holes               | Hole Array                    | Hole[]                                                          | no       | iOS/Android | yes               |
+| animation           | Hole update animation effect  | { duration: number, timingFunction: ERNHoleViewTimingFunction } | no       | iOS/Android | yes               |
+| onAnimationFinished | Animation completion callback | () => void                                                      | no       | iOS/Android | yes               |
+
+
+## 遗留问题
+
+- [ ] C API OH_ArkUI_PointerEvent_SetStopPropagation方法阻止事件冒泡，无法控制scrollView。导致scrollView在洞外也能滑动问题: [issue#1](https://github.com/react-native-oh-library/react-native-hole-view/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://mitlicense.org/)，请自由地享受和参与开源。

From 5b716ce860bf4be362eca0b5bc439053457c6b7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A2=81=E6=BB=A8?=
 <9231005+yuan-bin-23333@user.noreply.gitee.com>
Date: Mon, 23 Sep 2024 07:57:08 +0000
Subject: [PATCH 561/966] =?UTF-8?q?!1558=20docs:=20[issues:=20#IAT0BZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-video-controls=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-video-controls=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-video-controls.md | 63 +++++++++++++++-------------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/zh-cn/react-native-video-controls.md b/zh-cn/react-native-video-controls.md
index 7231a83f..8025ea73 100644
--- a/zh-cn/react-native-video-controls.md
+++ b/zh-cn/react-native-video-controls.md
@@ -21,12 +21,12 @@
 
 react-native-video-controls依赖于以下三方库
 
-| Dependcies         | Version |
+| Dependencies       | Version |
 | :----------------- | :------ |
 | react-native-video | >=2.0.0 |
 | lodash             | ^4.16.4 |
 
-本库依赖[@react-native-oh-tpl/react-native-video文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-video.md#link)以及简化开发的JS工具[lodash](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/lodash.md)
+本库依赖[@react-native-oh-tpl/react-native-video](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-video.md#link)以及简化开发的JS工具[lodash](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/lodash.md)
 
 进入到工程目录并输入以下命令：
 
@@ -58,9 +58,10 @@ const App = () => {
   return(
       <View>
        <VideoPlayer
+      		title = 'oceans'
       		style = {styles.container}
          	videoStyle = {styles.video}
-            source={{ uri: 'https://vjs.zencdn.net/v/oceans.mp4' }}
+            source = {{ uri: 'https://vjs.zencdn.net/v/oceans.mp4' }}
             toggleResizeModeOnFullscreen = {true}
             controlAnimationTiming = {3000}
             doubleTapTime = {10}
@@ -111,39 +112,43 @@ export default App;
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+> [!tip] "Name"列属性navigator在使用时，请参考本文档其他
+
 | Name                         | Description                                                  |     Type     | Required |  Platform   | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | :----------: | :------: | :---------: | :---------------: |
-| toggleResizeModeOnFullscreen | 如果为真，点击全屏按钮将使 `<Video />` 组件在覆盖/包含模式之间切换；如果您想自定义全屏行为，请设置为假。 |     Bool     |    no    | iOS/Android |        yes        |
-| controlAnimationTiming       | 对控件进行动画处理的时间量（以毫秒为单位）。                 |     Int      |    no    | iOS/Android |        yes        |
-| doubleTapTime                | 在此时间内点击两次（以毫秒为单位）被视为两次点击。在此时间到期之前，不会执行单击操作。 |     Int      |    no    | iOS/Android |        yes        |
-| controlTimeout               | 在一段时间后隐藏控件（以毫秒为单位）                         |     Int      |    no    | iOS/Android |        yes        |
-| scrubbing                    | 如果大于0，则在移动进度条时启用实时拖动。提供的值是拖动的最小时间步长，单位为毫秒。 |     Int      |    no    | iOS/Android |        yes        |
-| showOnStart                  | 首次渲染时显示或隐藏控件。                                   |     Bool     |    no    | iOS/Android |        yes        |
-| videoStyle                   | 附加到 `<Video>` 组件的 React Native StyleSheet 对象。       |  StyleSheet  |    no    | iOS/Android |        yes        |
-| navigator                    | 当使用默认的 React Native 导航器并且没有覆盖 `onBack` 函数时，您需要将导航器传递给 VideoPlayer，以使其正常工作。 |  Navigator   |    no    | iOS/Android |        yes        |
-| seekColor                    | 进度条的填充/处理颜色。                                      | String(#HEX) |    no    | iOS/Android |        yes        |
-| style                        | 附加到视频父 `<View>` 的 React Native StyleSheet 对象。      |  StyleSheet  |    no    | iOS/Android |        yes        |
-| tapAnywhereToPause           | 如果为真，则在视频上单击任意地方（控制区域以外）会在播放和暂停之间切换。 |     Bool     |    no    | iOS/Android |        yes        |
-| disableFullscreen            | 是否隐藏全屏按钮图标                                         |     Bool     |    no    | iOS/Android |        yes        |
-| disablePlayPause             | 是否隐藏播放暂停图标                                         |     Bool     |    no    | iOS/Android |        yes        |
-| disableSeekbar               | 是否隐藏进度条图标                                           |     Bool     |    no    | iOS/Android |        yes        |
-| disableVolume                | 是否隐藏音量控制图标                                         |     Bool     |    no    | iOS/Android |        yes        |
-| disableTimer                 | 是否隐藏视频时间                                             |     Bool     |    no    | iOS/Android |        yes        |
-| disableBack                  | 是否隐藏返回按钮图标                                         |     Bool     |    no    | iOS/Android |        yes        |
-| onEnterFullscreen            | 当点击全屏按钮后，视频进入全屏时触发。                       |    event     |    no    | iOS/Android |        yes        |
-| onExitFullscreen             | 当点击全屏按钮后，视频退出全屏时触发。                       |    event     |    no    | iOS/Android |        yes        |
-| onHideControls               | 当控制组件消失时触发。                                       |    event     |    no    | iOS/Android |        yes        |
-| onShowControls               | 当控制组件出现时触发。                                       |    event     |    no    | iOS/Android |        yes        |
-| onError                      | 当加载视频时遇到错误时触发。                                 |    event     |    no    | iOS/Android |        yes        |
-| onPause                      | 当点击播放/暂停按钮后，视频暂停时触发。                      |    event     |    no    | iOS/Android |        yes        |
-| onPlay                       | 当点击播放/暂停按钮后，视频开始播放时触发。                  |    event     |    no    | iOS/Android |        yes        |
-| onBack                       | 当点击返回按钮时触发，如果使用自定义导航，可以重写该功能。   |    event     |    no    | iOS/Android |        yes        |
-| onEnd                        | 当视频播放完毕时触发。                                       |    event     |    no    | iOS/Android |        yes        |
+| toggleResizeModeOnFullscreen | If true, clicking the fullscreen button will toggle the `<Video />` component between cover/contain, set to false if you want to customize fullscreen behaviour |     Bool     |    no    | iOS/Android |        yes        |
+| controlAnimationTiming       | The amountof time (in milliseconds) to animate the controls in and out. |     Int      |    no    | iOS/Android |        yes        |
+| doubleTapTime                | Tapping twice within this amount of time in milliseconds is considered a double tap. Single taps will not be actioned until this time has expired. |     Int      |    no    | iOS/Android |        yes        |
+| controlTimeout               | Hide controls after X amount of time in milliseconds         |     Int      |    no    | iOS/Android |        yes        |
+| scrubbing                    | If > 0, enable live scrubbing when moving the seek bar. The provided value is the minimum time step of the scrubbing in milliseconds. |     Int      |    no    | iOS/Android |        yes        |
+| showOnStart                  | Show or hide the controls on first render                    |     Bool     |    no    | iOS/Android |        yes        |
+| videoStyle                   | React Native StyleSheet object that is appended to the `<Video>` component |  StyleSheet  |    no    | iOS/Android |        yes        |
+| navigator                    | When using the default React Native navigator and do not override the `onBack` function, you'll need to pass the navigator to the VideoPlayer for it to function |  Navigator   |    no    | iOS/Android |        yes        |
+| seekColor                    | Fill/handle colour of the seekbar                            | String(#HEX) |    no    | iOS/Android |        yes        |
+| style                        | React Native StyleSheet object that is appended to the video's parent `<View>` |  StyleSheet  |    no    | iOS/Android |        yes        |
+| tapAnywhereToPause           | If true, single tapping anywhere on the video (other than a control) toggles between playing and paused. |     Bool     |    no    | iOS/Android |        yes        |
+| disableFullscreen            | Hide the fullscreen button                                   |     Bool     |    no    | iOS/Android |        yes        |
+| disablePlayPause             | Hide the play/pause toggle                                   |     Bool     |    no    | iOS/Android |        yes        |
+| disableSeekbar               | Hide the seekbar                                             |     Bool     |    no    | iOS/Android |        yes        |
+| disableVolume                | Hide the Volume control                                      |     Bool     |    no    | iOS/Android |        yes        |
+| disableTimer                 | Hide the timer                                               |     Bool     |    no    | iOS/Android |        yes        |
+| disableBack                  | Hide the back button                                         |     Bool     |    no    | iOS/Android |        yes        |
+| onEnterFullscreen            | Fired when the video enters fullscreen after the fullscreen button is pressed |    Event     |    no    | iOS/Android |        yes        |
+| onExitFullscreen             | Fired when the video exits fullscreen after the fullscreen button is pressed |    Event     |    no    | iOS/Android |        yes        |
+| onHideControls               | Fired when the controls disappear                            |    Event     |    no    | iOS/Android |        yes        |
+| onShowControls               | Fired when the controls appear                               |    Event     |    no    | iOS/Android |        yes        |
+| onError                      | Fired when an error is encountered when loading the video    |    Event     |    no    | iOS/Android |        yes        |
+| onPause                      | Fired when the video is paused after the play/pause button is pressed |    Event     |    no    | iOS/Android |        yes        |
+| onPlay                       | Fired when the video begins playing after the play/pause button is pressed |    Event     |    no    | iOS/Android |        yes        |
+| onBack                       | Function fired when back button is pressed, override if using custom navigation |    Event     |    no    | iOS/Android |        yes        |
+| onEnd                        | Fired when the video is complete                             |    Event     |    no    | iOS/Android |        yes        |
 
 ## 遗留问题
 
 ## 其他
 
++ 源库未提供navigator属性功能实现也未提及该属性的依赖，但可由navigation相关库提供该属性的功能，在使用时请参照[react-navigation-stack文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-navigation-stack.md)和[react-navigation-native文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-navigation-native.md)引入navigation相关库。
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/itsnubix/react-native-video-controls/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 95b8c220d031ea89397c6b29708a04f57cd2ab2d Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Mon, 23 Sep 2024 07:59:07 +0000
Subject: [PATCH 562/966] =?UTF-8?q?!1552=20docs:=20[Issues:=20IASGXK]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-scroll-bottom-sheet=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20IASGXK]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-scroll-bottom-sheet=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-scroll-bottom-sheet.md | 206 ++++++++++++++++++++++
 1 file changed, 206 insertions(+)
 create mode 100644 zh-cn/react-native-scroll-bottom-sheet.md

diff --git a/zh-cn/react-native-scroll-bottom-sheet.md b/zh-cn/react-native-scroll-bottom-sheet.md
new file mode 100644
index 00000000..3dc49932
--- /dev/null
+++ b/zh-cn/react-native-scroll-bottom-sheet.md
@@ -0,0 +1,206 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-scroll-bottom-sheet</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-scroll-bottom-sheet@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add  @react-native-oh-tpl/react-native-scroll-bottom-sheet@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, { useCallback, useMemo, useRef } from "react";
+import {
+  View,
+  Text,
+  SafeAreaView,
+  StyleSheet,
+  Animated,
+  Dimensions,
+  StatusBar,
+  Pressable,
+  Alert,
+} from "react-native";
+import ScrollBottomSheet from "react-native-scroll-bottom-sheet";
+const WINDOW_HEIGHT = Dimensions.get("window").height;
+export default function App() {
+  const onSettleCallback = (index: number) => {
+    console.log("handleSheetChanges", index);
+  };
+  const scrollRef = React.useRef(null);
+  const data = useMemo(
+    () =>
+      Array(50)
+        .fill(0)
+        .map((_, index) => `index-${index}`),
+    []
+  );
+  return (
+    <View style={styles.screenbox}>
+      <ScrollBottomSheet
+        componentType="FlatList"
+        snapPoints={[128, "40%", "60%"]}
+        initialSnapIndex={2}
+        renderHandle={() => (
+          <View style={styles.header}>
+            <View style={styles.panelHandle} />
+          </View>
+        )}
+        //FlatList
+        data={data}
+        keyExtractor={(i) => i}
+        renderItem={({ item }) => (
+          <View style={styles.item}>
+            <Text>{`Item ${item}`}</Text>
+          </View>
+        )}
+        onSettle={onSettleCallback}
+        animationType={"spring"}
+        animationConfig={{}}
+        innerRef={scrollRef}
+        enableOverScroll={false}
+        containerStyle={styles.containerStyle}
+        contentContainerStyle={styles.contentContainerStyle}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  screenbox: {
+    height: "100%",
+    backgroundColor: "papayawhip",
+  },
+  containerStyle: {
+    fontSize: 18,
+  },
+  container: {
+    flex: 1,
+    padding: 24,
+    backgroundColor: "grey",
+  },
+  header: {
+    alignItems: "center",
+    backgroundColor: "white",
+    paddingVertical: 20,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+  },
+  panelHandle: {
+    width: 40,
+    height: 2,
+    backgroundColor: "rgba(0,0,0,0.3)",
+    borderRadius: 4,
+  },
+  item: {
+    padding: 20,
+    justifyContent: "center",
+    backgroundColor: "white",
+    alignItems: "center",
+    marginVertical: 10,
+  },
+  contentContainerStyle: {
+    padding: 16,
+    backgroundColor: "#F3F4F9",
+  },
+  contentContainer: {
+    flex: 1,
+    alignItems: "center",
+  },
+});
+```
+
+## Link
+
+本库依赖以下三方库，请查看对应文档：
+
+- [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
+- [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
+- [@react-native-oh-tpl/bottom-sheet](/zh-cn/react-native-bottom-sheet.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases)
+
+## 属性
+
+详情见[react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                                                                                                  | Required | Platform | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| componentType    | 'FlatList', 'ScrollView', or 'SectionList'                                                                                                                                                                                                                                                                                                                                                                                               | string                                                                                                                | yes      | all      | yes               |
+| snapPoints       | Array of numbers and/or percentages that indicate the different resting positions of the bottom sheet (in dp or %), starting from the top. If a percentage is used, that would translate to the relative amount of the total window height. If you want that percentage to be calculated based on the parent available space instead, for example to account for safe areas or navigation bars, use it in combination with topInset prop | Array\<string \| number\>                                                                                             | yes      | all      | yes               |
+| initialSnapIndex | Index that references the initial resting position of the drawer, starting from the top.                                                                                                                                                                                                                                                                                                                                                 | number                                                                                                                | yes      | all      | yes               |
+| renderHandle     | Render prop for the handle, should return a React Element                                                                                                                                                                                                                                                                                                                                                                                | () => React.ReactNode                                                                                                 | yes      | all      | yes               |
+| onSettle         | Callback that is executed right after the bottom sheet settles in one of the snapping points. The new index is provided on the callback                                                                                                                                                                                                                                                                                                  | (index: number) => void                                                                                               | no       | all      | yes               |
+| animationType    | timing (default) or spring                                                                                                                                                                                                                                                                                                                                                                                                               | string                                                                                                                | no       | all      | yes               |
+| animationConfig  | Timing or Spring configuration for the animation. If animationType is timing, it uses by default a timing configuration with a duration of 250ms and easing fn Easing.inOut(Easing.linear). If animationType is spring, it uses this default spring configuration. You can partially override any parameter from the animation config as per your needs                                                                                  | [TimingConfig or SpringConfig](https://docs.swmansion.com/react-native-reanimated/docs/animations/withTiming/#easing) | no       | all      | yes               |
+| animatedPosition | Animated value that tracks the position of the drawer                                                                                                                                                                                                                                                                                                                                                                                    | Animated.useSharedValue<number>                                                                                       | no       | all      | yes               |
+| topInset         | This value is useful to provide an offset (in dp) when applying percentages for snapping points                                                                                                                                                                                                                                                                                                                                          | number                                                                                                                | no       | all      | yes               |
+| innerRef         | Ref to the inner scrollable component (ScrollView, FlatList or SectionList), so that you can call its imperative methods. For instance, calling scrollTo on a ScrollView.                                                                                                                                                                                                                                                                | RefObject                                                                                                             | no       | all      | yes               |
+| containerStyle   | Style to be applied to the container (Handle and Content)                                                                                                                                                                                                                                                                                                                                                                                | StyleProp\<ViewStyle\>                                                                                                | no       | all      | yes               |
+| friction         | Friction is the damping coefficient (0 to 1). The closer the damping coefficient is to 1, the more obvious the sliding trend is when the finger continues to slide to the bottom node.                                                                                                                                                                                                                                                   | number                                                                                                                | no       | all      | yes               |
+| enableOverScroll | Allow drawer to be dragged beyond lowest snap point                                                                                                                                                                                                                                                                                                                                                                                      | boolean                                                                                                               | no       | all      | yes               |
+
+## Methods 方法
+
+| Name          | Description                                                                 | Type     | Required | Platform    | HarmonyOS Support |
+| ------------- | --------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| snapTo(index) | bottomSheetRef refers to the ref passed to the ScrollBottomSheet component. | function | no       | iOS/Android | yes                |
+
+## 遗留问题
+
+## 其他
+
+- 本库基于[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)实现，详见[issue#2](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/pull/2)
+- 若想实现完全可配置选项的高性能交互式 ScrollBottomSheet，建议优先使用[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。

From 43c2856708675de5aa18c9f2b90515f0b667a906 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Mon, 23 Sep 2024 07:59:36 +0000
Subject: [PATCH 563/966] =?UTF-8?q?!1557=20docs:=20[Issues:=20#IASZFO]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-svg-capi=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IASZFO]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-svg-capi=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-svg-capi.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 1c452ea5..ecfb5c16 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -512,13 +512,13 @@ ohpm install
 
 |    Name     |            Description             |      Type       | Required | Platform | HarmonyOS Support |
 | :---------: | :--------------------------------: | :-------------: | -------- | -------- | ----------------- |
-|    href     | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | Yes               |
-|  xlinkHref  | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | Yes               |
-|   method    |      沿路径渲染各个字形的方法      |     string      | No       | All      | Yes               |
-|   spacing   |         绘制字符之间的间距         |     string      | No       | All      | Yes               |
-|    side     |      文本应呈现在路径的哪一侧      |     string      | No       | All      | Yes               |
-|   midLine   |                中线                |     string      | No       | All      | Yes               |
-| startOffset |  文本开始被沿着路径绘制时的偏移量  | number\| string | No       | All      | Yes               |
+|    href     | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | No               |
+|  xlinkHref  | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | No               |
+|   method    |      沿路径渲染各个字形的方法      |     string      | No       | All      | No               |
+|   spacing   |         绘制字符之间的间距         |     string      | No       | All      | No               |
+|    side     |      文本应呈现在路径的哪一侧      |     string      | No       | All      | No               |
+|   midLine   |                中线                |     string      | No       | All      | No               |
+| startOffset |  文本开始被沿着路径绘制时的偏移量  | number\| string | No       | All      | No               |
 
 **SvgAst**：该组件通过传入 ast 来渲染出 svg
 

From 7c261f8d5c8d1ef6741eaf9da8c841f2e1d86774 Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Mon, 23 Sep 2024 08:08:45 +0000
Subject: [PATCH 564/966] =?UTF-8?q?!1507=20docs:=20[#IAQBEX]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-camera-kit=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAQBEX]=20=E6=96=B0=E5=A2=9Ereact-nat?=
 =?UTF-8?q?ive-camera-kit=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-camera-kit.md | 358 +++++++++++++++++++++++++++++++
 1 file changed, 358 insertions(+)
 create mode 100644 zh-cn/react-native-camera-kit.md

diff --git a/zh-cn/react-native-camera-kit.md b/zh-cn/react-native-camera-kit.md
new file mode 100644
index 00000000..84f0c3be
--- /dev/null
+++ b/zh-cn/react-native-camera-kit.md
@@ -0,0 +1,358 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-camera-kit</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/teslamotors/react-native-camera-kit">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/teslamotors/react-native-camera-kit/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-camera-kit)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-camera-kit@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-camera-kit@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+### camera example
+``` js
+import React, {useRef, useState} from 'react';
+import {Text, StyleSheet, View, Button} from 'react-native';
+import {CameraApi, CameraType,Camera} from 'react-native-camera-kit';
+
+export const CameraDemo: React.FC = (): JSX.Element => {
+  const nativeRef = useRef<CameraApi>(null);
+  const [zoom, setZoom] = useState<number>(0);
+  const [errorStr, setErrorStr] = useState<string>('');
+  const [photo, setPhoto] = useState<string>('');
+
+  const onError = (e: any) => {
+    setErrorStr(e.nativeEvent.errorMessage);
+  };
+
+  const onZoom = (e: any) => {
+    setZoom(e.nativeEvent.zoom);
+  };
+
+  const onPhoto = async () => {
+    const result = await nativeRef.current?.capture();
+    result && setPhoto(JSON.stringify(result));
+  };
+
+  return (
+    <>
+      <View>
+        <Camera
+          style={{width: '100%', height: 500}}
+          ref={nativeRef}
+          maxZoom={10}
+          cameraType={CameraType.Back}
+          flashMode={0}
+          onError={onError}
+          onZoom={onZoom}
+        />
+      </View>
+      <View>
+        <Button title="拍照" onPress={onPhoto} />
+        <Text style={styles.text}>zoom:{zoom}</Text>
+        <Text style={styles.text}>error:{errorStr}</Text>
+        <Text style={styles.text}>photo:{photo}</Text>
+      </View>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 20,
+    textAlign: 'center',
+    color: '#000',
+    marginTop: 10,
+  },
+});
+
+```
+### scanCode example
+``` js
+import React, {useRef, useState} from 'react';
+import {Text, StyleSheet, View} from 'react-native';
+import {CameraApi, CameraType,Camera} from 'react-native-camera-kit';
+
+export const ScanCodeDemo: React.FC = (): JSX.Element => {
+  const nativeRef = useRef<CameraApi>(null);
+  const [zoomStr, setZoomStr] = useState<number>(0);
+  const [errorStr, setErrorStr] = useState<string>('');
+  const [codeResult, setCodeResult] = useState<string>('');
+
+  const onError = (e: any) => {
+    setErrorStr(e.nativeEvent.errorMessage);
+  };
+
+  const onZoom = (e: any) => {
+    setZoomStr(e.nativeEvent.zoom);
+  };
+
+  const onReadCode = (e: any) => {
+    setCodeResult(JSON.stringify(e));
+  };
+
+  return (
+    <>
+      <View>
+        <Camera
+          style={{width: '100%', height: 400}}
+          ref={nativeRef}
+          maxZoom={50}
+          cameraType={CameraType.Back}
+          onError={onError}
+          onZoom={onZoom}
+          scanBarcode
+          onReadCode={onReadCode}
+          ratioOverlay="4:3"
+        />
+      </View>
+      <View>
+        <Text style={styles.text}>zoom:{zoomStr}</Text>
+        <Text style={styles.text}>code:{codeResult}</Text>
+        <Text style={styles.text}>error:{errorStr}</Text>
+      </View>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 20,
+    textAlign: 'center',
+    color: '#000',
+    marginTop: 10,
+  },
+});
+
+
+```
+
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-camera-kit": "file:../../node_modules/@react-native-oh-tpl/react-native-camera-kit/harmony/rnoh_camera_kit.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RTNCameraKitView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RTNCameraKitView } from "@react-native-oh-tpl/react-native-camera-kit";
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === RTNCameraKitView.NAME) {
++   RTNCameraKitView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag,
++   })
++ }
+...
+}
+...
+```
+在`entry/src/main/ets/pages/index.ets`中，如果当前文件中存在`arkTsComponentNames`数组(后续版本新增内容)，则需要在其中追加：`RTNCameraKitView.NAME`;
+
+```ts
+  ...
+ const arkTsComponentNames: Array<string> = [..., RTNCameraKitView.NAME]; 
+  ...
+```
+
+### 4.在 ArkTs 侧引入 RTNCameraKitPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RTNCameraKitPackage } from "@react-native-oh-tpl/react-native-camera-kit/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RTNCameraKitPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Camera**：相机组件
+
+| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------|----------------------|----------|----------|-------------|-------------------|
+| ref | Reference on the camera view     | Ref | no       | All | yes               |
+| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
+| flashMode  | Camera flash mode. Default: `auto` | 'on'`/`'off'`/`'auto' | no       | All | yes               |
+| focusMode  | Camera focus mode. Default: on     | 'on'`/`'off' | no       | All | yes               |
+| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
+| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
+| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
+| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
+| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
+| cameraType  | Choose what camera to use. Default: `CameraType. | 'front'/'back' | no       | All | yes               |
+| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | yes               |
+| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
+| shutterPhotoSound  |Android only. Enable or disable the shutter sound when capturing a photo. Default: `true`     | Boolean | no       | Android | yes   
+| ratioOverlay  | Show a guiding overlay in the camera preview for the selected ratio. Does not crop image as of v9.0. Example: '16:9'     | String | no       | iOS | yes               |
+| ratioOverlayColor  | Any color with alpha. Default: '#ffffff77'     | String | no       | All | yes               |
+| resetFocusTimeout  | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.     | Number | no       | All | yes               |
+| resetFocusWhenMotionDetected	  | Dismiss tap to focus when focus area content changes. Native iOS feature, see documentation: https://developer.apple.com/documentation/avfoundation/avcapturedevice/1624644-subjectareachangemonitoringenabl?language=objc). Default true.     | Boolean | no       | iOS | no             |
+| resizeMode  | Determines the scaling and cropping behavior of content within the view. cover (resizeAspectFill on iOS) scales the content to fill the view completely, potentially cropping content if its aspect ratio differs from the view. contain (resizeAspect on iOS) scales the content to fit within the view's bounds without cropping, ensuring all content is visible but may introduce letterboxing. Default behavior depends on the specific use case.     | 'cover' / 'contain' | no       | iOS | no             |
+| onCaptureButtonPressIn  | Callback when iPhone capture button is pressed in. Ex: onCaptureButtonPressIn={() => console.log("volume button pressed in")}    | Function | no       | iOS | yes          |
+| onCaptureButtonPressOut  | Callback when iPhone capture button is released. Ex: onCaptureButtonPressOut={() => console.log("volume button released")}     | Function | no       | iOS | no             |
+
+**ScanCode**：扫码组件
+
+| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------|----------------------|----------|----------|-------------|-------------------|
+| ref | Reference on the camera view     | Ref | no       | All      | yes               |
+| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
+| flashMode  | Get secret value     | 'on'`/`'off'`/`'auto' | no       | All | yes          |
+| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
+| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
+| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
+| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
+| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
+| cameraType                   | Choose what camera to use. Default: `CameraType.             | 'front'/'back'        | no       | All | no                |
+| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | no             |
+| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
+| resetFocusTimeout  | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.     | Number | no       | All | yes               |
+| scanThrottleDelay  | Duration between scan detection in milliseconds. Default 2000 (2s)     | Number | no       | All | yes              |
+| scanBarcode  | Enable barcode scanner. Default: `false`     | boolean | no       | All | yes               |
+| showFrame  | Show frame in barcode scanner. Default: `false`     | boolean | no       | All | yes               |
+| laserColor  | Color of barcode scanner laser visualization. Default: `red`     | string | no       | All | yes               |
+| frameColor  | Color of barcode scanner frame visualization. Default: `yellow`     | string | no       | All | yes               |
+| onReadCode  | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)}     | Function | no       | All | yes               |
+
+## 静态方法
+
+| Name  | Description         | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
+| capture  | Capture image as JPEG.  | Promise<CaptureData> | No       | All      | Yes               |
+| requestDeviceCameraAuthorization  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | No       | All      | Yes               |
+| checkDeviceCameraAuthorizationStatus  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | All      | Yes               |Yes|
+
+
+## 遗留问题
+
+- [ ] 不支持查询传感器旋转角度 [issue#1](https://github.com/react-native-oh-library/react-native-camera-kit/issues/1) 
+- [ ] 不支持使用前置相机进行扫码 [issue#2](https://github.com/react-native-oh-library/react-native-camera-kit/issues/2) 
+- [ ] 不能同时设置flashMode和torchMode属性 [issue#3](https://github.com/react-native-oh-library/react-native-camera-kit/issues/3)
+- [ ] 暂不支持onCaptureButtonPressOut属性 [issue#4](https://github.com/react-native-oh-library/react-native-camera-kit/issues/4)
+- [ ] 暂不支持resetFocusWhenMotionDetected属性 [issue#5](https://github.com/react-native-oh-library/react-native-camera-kit/issues/5)
+- [ ] 暂不支持resizeMode属性 [issue#6](https://github.com/react-native-oh-library/react-native-camera-kit/issues/6)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/teslamotors/react-native-camera-kit/blob/master/LICENSE) ，请自由地享受和参与开源。

From 2060df9a1d67e4a6025282819efb49712a87037c Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Mon, 23 Sep 2024 08:49:16 +0000
Subject: [PATCH 565/966] =?UTF-8?q?!1545=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?sound=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAS9Z?=
 =?UTF-8?q?V]=E6=9B=B4=E6=96=B0react-native-sound=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-sound.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index a32530eb..70fdfb10 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -308,7 +308,7 @@ ohpm install
 
 | Name                     | Description                               | Type   | Required | Platform    | HarmonyOS Support |
 | ------------------------ | ------------------------------------------ | ------ | -------- | ----------- | ----------------- |
-| setActive                | Set the device activation status           | function | No       | iOS、Android | yes               |
+| setActive                | Set the device activation status           | function | No       | iOS       | no               |
 | setCategory              | Set the device activation status            | function | No       | iOS、Android | no               |
 | enable                   | Enable or disable audio playback           | function  | No       | iOS       | no               |
 | enableInSilenceMode      | Whether to enable playback in silence mode | function  | No       | iOS       | no               |
@@ -354,7 +354,7 @@ ohpm install
 
 
 ## 遗留问题
-- [ ] 方法getNumberOfChannels,setSystemVolume,getSystemVolume,setPan，getPan，setPitch，getPitch，setSpeakerphoneOn，setMode，enableInSilenceMode，enable，setCategory 在Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-sound/issues/21)
+- [ ] 方法getNumberOfChannels,setSystemVolume,getSystemVolume,setPan，getPan，setPitch，getPitch，setSpeakerphoneOn，setMode，enableInSilenceMode，enable，setCategory， setActive 在Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-sound/issues/21)
 ## 其他
 
 ## 开源协议

From 3fbe089353ebb4b363fea252fc14ad8354a59d39 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Mon, 23 Sep 2024 12:08:25 +0000
Subject: [PATCH 566/966] =?UTF-8?q?!1559=20docs:=20[Issues:=20#IASZFO]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-svg-capi=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IASZFO]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-svg-capi=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-svg-capi.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index ecfb5c16..2cde05c5 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -490,7 +490,7 @@ ohpm install
 |     dy     | 从前一个文本元素垂直移动文本位置 | number\| string | No       | All      | Yes               |
 |   rotate   |      旋转每个单独字形的方向      |      array      | No       | All      | Yes               |
 |  opacity   |              透明度              |     number      | No       | All      | Yes               |
-| inlineSize |          水平或垂直尺寸          |     number      | No       | All      | Yes               |
+| inlineSize |          水平或垂直尺寸          |     number      | No       | All      | No               |
 | alignmentBaseline | 指定文本的对齐基线        |      string      | NO       | ALL      | Yes               |
 | baselineShift | 设置垂直位置调整              | number\| string  | No       | All      | Yes               |
 | lengthAdjust | 调整文本以适应特定的布局约束    |      string      | No       | All      | Yes               |
@@ -591,8 +591,8 @@ Common props 组件属性 HarmonyOS 侧支持情况
 |    translateX    |                设置 x 轴位移                |   number    |     0     |    No    |   All    |
 |    translateY    |                设置 y 轴位移                |   number    |     0     |    No    |   All    |
 |      origin      |           更改一个元素变形的原点            | numberArray |    0,0    |    No    |   All    |
-|     originX      |        更改一个元素变形的原点 x 坐标        |   number    |     0     |    No    |   All    |
-|     originY      |        更改一个元素变形的原点 y 坐标        |   number    |     0     |    No    |   All    |
+|     originX      |        更改一个元素变形的原点 x 坐标（单独使用无效，需配合其他属性如 rotation 使用）        |   number    |     0     |    No    |   All    |
+|     originY      |        更改一个元素变形的原点 y 坐标（单独使用无效，需配合其他属性如 rotation 使用）       |   number    |     0     |    No    |   All    |
 |      scale       |                定义缩放大小                 | numberArray |   1，1    |    No    |   All    |
 |      scaleX      |              定义 x 轴缩放大小              |   number    |     1     |    No    |   All    |
 |      scaleY      |              定义 y 轴缩放大小              |   number    |     1     |    No    |   All    |

From 82950c9d7628063a64fe3a6e3a0e3471cca1f967 Mon Sep 17 00:00:00 2001
From: liubenben01 <14012706+liubenben01@user.noreply.gitee.com>
Date: Mon, 23 Sep 2024 12:26:22 +0000
Subject: [PATCH 567/966] =?UTF-8?q?!1567=20docs:=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E4=BA=86redux-persist=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20=E4=BF=AE=E6=94=B9=E4=BA=86redux-persist=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/redux-persist.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/redux-persist.md b/zh-cn/redux-persist.md
index 3ede7d84..be913e39 100644
--- a/zh-cn/redux-persist.md
+++ b/zh-cn/redux-persist.md
@@ -68,7 +68,7 @@ const persistConfig = {
   // 持久化的 reducer
   // whitelist: [ 'products', 'uiControl', 'shoppingCart']
   // debug: false,
-  // throttle: 50,
+  throttle: 50,
   // keyPrefix: '',
   // serialize: false
 };

From 23646c30ffd4d7e1f1d40e4c87daa1efc1a3ee46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Mon, 23 Sep 2024 12:38:28 +0000
Subject: [PATCH 568/966] =?UTF-8?q?!1566=20docs:=20[Issues:=20#IAT3ZE]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-charts-wrapper=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAT3ZE]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-charts-wrapper=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-charts-wrapper.md | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/zh-cn/react-native-charts-wrapper.md b/zh-cn/react-native-charts-wrapper.md
index 372d1bef..a3538669 100644
--- a/zh-cn/react-native-charts-wrapper.md
+++ b/zh-cn/react-native-charts-wrapper.md
@@ -284,10 +284,10 @@ ohpm install
 #### Legend
 
 | Name                | Description              | Type                                         | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------ | -------------------------------------------- | -------- | ----------- | ----------------- |
+| ------------------- | ------------------------ | -------------------------------------------- | -------- | ----------- |-------------------|
 | enabled             | 是否设置图表图例部件     | bool                                         | No       | iOS/Android | Yes               |
 | text                | 设置要显示为图例的文本   | string                                       | No       | iOS/Android | Yes               |
-| textColor           | 设置图例文本的颜色       | number                                       | No       | iOS/Android | Yes               |
+| textColor           | 设置图例文本的颜色       | number                                       | No       | iOS/Android | NO                |
 | textSize            | 设置图例文本的大小       | number                                       | No       | iOS/Android | Yes               |
 | fontFamily          | 图例部件的字体           | string                                       | No       | iOS/Android | Yes               |
 | wordWrapEnabled     | 设置图例文字是否换行     | bool                                         | No       | iOS/Android | Yes               |
@@ -668,14 +668,15 @@ ohpm install
 ## 遗留问题
 
 ## 其他
-- [ ] 图例的maxSizePercent最大百分比属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/995)
-- [ ] 图例的custom属性，设置后会覆盖原有的图例，但自定义图例也不显示在Android和iOS中，属性不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/996)
-- [ ] logEnabled 会开启安卓特有的日志logcat和 highlights属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/998)
-- [ ] stackLabels 堆叠条形图设置无效果和 drawCubicIntensity 曲线角度属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/997)
-- [ ] 在Android和iOS visibleRange 最大大小百分比限制通过缩放和缩放可以看到的最大和最小x范围不起作用， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
-- [ ] keepPositionOnRotation旋转后保持图表原始位置属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
-- [ ] valueFormatter格式化数据属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/935)
-- [ ] chartBackgroundColor图表背景颜色在原库中不生效，在原库中网格背景颜色与图表背景颜色设置的内容一样，则已不支持图表背景 HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1001)
+- 图例的maxSizePercent最大百分比属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/995)
+- 图例的custom属性，设置后会覆盖原有的图例，但自定义图例也不显示在Android和iOS中，属性不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/996)
+- logEnabled 会开启安卓特有的日志logcat和 highlights属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/998)
+- stackLabels 堆叠条形图设置无效果和 drawCubicIntensity 曲线角度属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/997)
+- 在Android和iOS visibleRange 最大大小百分比限制通过缩放和缩放可以看到的最大和最小x范围不起作用， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- keepPositionOnRotation旋转后保持图表原始位置属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- valueFormatter格式化数据属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/935)
+- chartBackgroundColor图表背景颜色在原库中不生效，在原库中网格背景颜色与图表背景颜色设置的内容一样，则已不支持图表背景 HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1001)
+- Legend中的text与data中label效果相同，原库中已不支持该属性。HarmonyOS与Android，ios表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1003)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://mitlicense.org/) ，请自由地享受和参与开源。

From f7f47a408914a11d47d5f3f5704811e0d8825fca Mon Sep 17 00:00:00 2001
From: Magic-Neko <xiaoyange1@h-partners.com>
Date: Mon, 23 Sep 2024 12:45:44 +0000
Subject: [PATCH 569/966] =?UTF-8?q?!1564=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-context-menu-view=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-context-menu-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-context-menu-view.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-context-menu-view.md b/zh-cn/react-native-context-menu-view.md
index dae9bb0b..63154607 100644
--- a/zh-cn/react-native-context-menu-view.md
+++ b/zh-cn/react-native-context-menu-view.md
@@ -135,7 +135,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-safe-area-context/src/main/cpp" ./context_menu)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-context-menu-view/src/main/cpp" ./context_menu)
 # RNOH_END: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")

From a50b44a4f9716a164fe0bdbd8374280f419a8870 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Tue, 24 Sep 2024 01:17:29 +0000
Subject: [PATCH 570/966] =?UTF-8?q?!1535=20docs:=20[Issues:=20#IART42]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9Shopify-restyle=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IART42]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9Shopify-restyle=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/{restyle.md => Shopify-restyle.md} | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)
 rename zh-cn/{restyle.md => Shopify-restyle.md} (98%)

diff --git a/zh-cn/restyle.md b/zh-cn/Shopify-restyle.md
similarity index 98%
rename from zh-cn/restyle.md
rename to zh-cn/Shopify-restyle.md
index 952d4887..44673c11 100644
--- a/zh-cn/restyle.md
+++ b/zh-cn/Shopify-restyle.md
@@ -153,8 +153,8 @@ export const App = () => (
 
 |     Name      |                  Description                   |   Type   | Required | Platform | HarmonyOS Support |
 |:-------------:|:----------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
-|  createText   |            Predefined Box component            | function |    No    |   All    |        Yes        |
-|   createBox   |           Predefined Text Component            | function |    No    |   All    |        Yes        |
+|  createText   |           Predefined Text component            | function |    No    |   All    |        Yes        |
+|   createBox   |            Predefined Box component            | function |    No    |   All    |        Yes        |
 | ThemeProvider | Set the theme to the outermost React component | function |    No    |   All    |        Yes        |
 
 ## 预定义 Restyle 函数
@@ -189,7 +189,7 @@ export const App = () => (
 
 ## 其他
 
-- [ ] 预函数textShadow在Android和iOS不生效， HarmonyOS与Android,iOS表现一致 [原库 issue](https://github.com/Shopify/restyle/issues/307)
+ - 预函数textShadow在Android和iOS不生效， HarmonyOS与Android,iOS表现一致 [原库 issue](https://github.com/Shopify/restyle/issues/307)
 
 ## 开源协议
 

From 0f062669ebbf3fa25ae481372535d9edade2a77b Mon Sep 17 00:00:00 2001
From: zhangwl <hel1425@163.com>
Date: Tue, 24 Sep 2024 01:31:22 +0000
Subject: [PATCH 571/966] =?UTF-8?q?!1561=20[#IAT294]=E6=9B=B4=E6=96=B0reac?=
 =?UTF-8?q?t-native-cookies-cookies=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20?=
 =?UTF-8?q?*=20docs:=20[#IAT294]=E6=9B=B4=E6=96=B0react-native-cookies-coo?=
 =?UTF-8?q?kies=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-cookies-cookies.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index d8dfa0f2..7462114e 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -2,7 +2,7 @@
 > 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-cookies-cookies</code> </h1>
+  <h1 align="center"> <code>@react-native-cookies/cookies</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/react-native-cookies/cookies/tree/master">

From 9b79fae90355dd9e916fd361bca9afe54240de84 Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Tue, 24 Sep 2024 02:10:41 +0000
Subject: [PATCH 572/966] =?UTF-8?q?!1555=20docs:=20[Issues:=20#IASVCR]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-reconnecting-websocket=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IASVCR]=E4=BF=AE=E6=94=B9=20react-native-reconnecting-websocket?=
 =?UTF-8?q?=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-reconnecting-websocket.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-reconnecting-websocket.md b/zh-cn/react-native-reconnecting-websocket.md
index 74b56132..e0794398 100644
--- a/zh-cn/react-native-reconnecting-websocket.md
+++ b/zh-cn/react-native-reconnecting-websocket.md
@@ -130,9 +130,9 @@ export default ReconnectingWebsocketDemo;
 
 | Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `ReconnectingWebSocket()`     | Creating a WebSocket Entity Object for Automatic Reconnection. | Class  | Yes      | All      | Yes               |
 | `send(message: string): void` | Sends a message through the WebSocket connection.            | Method | No       | All      | Yes               |
 | `close(): void`               | Closes the WebSocket connection.                             | Method | No       | All      | Yes               |
-| `open(): void`                | Opens the WebSocket connection if it's not already open.     | Method | No       | All      | Yes               |
 | `ping(): void`                | Sends a ping frame to the server.                            | Method | No       | All      | Yes               |
 | `reconnect(): void`           | Closes the current WebSocket connection and attempts to reconnect using the initial parameters. | Method | No       | All      | Yes               |
 

From 98df164db0501f39527af8f209fc5126d557a899 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Tue, 24 Sep 2024 03:25:31 +0000
Subject: [PATCH 573/966] =?UTF-8?q?!1570=20docs:=20[Issues:=20#IAT7C4]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-redash=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAT7C4]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-redash=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-redash.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-redash.md b/zh-cn/react-native-redash.md
index a34bc12a..88fa4aaa 100644
--- a/zh-cn/react-native-redash.md
+++ b/zh-cn/react-native-redash.md
@@ -573,10 +573,10 @@ export default function RadashDemo() {
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | canvas2Cartesian() | Convert plane coordinate system to Cadir coordinate system         | function | No       | iOS/Android               | yes               |
-| cartesian2Canvas() | Convert Kadir coordinate system to plane coordinate system         | function | No       | iOS/Android               | yes               |
-| cartesian2Polar()  | Conversion from Kadir coordinate system to polar coordinate system | function | No       | iOS/Android               | yes               |
+| cartesian2Canvas() | Convert Cadir coordinate system to plane coordinate system         | function | No       | iOS/Android               | yes               |
+| cartesian2Polar()  | Conversion from Cadir coordinate system to polar coordinate system | function | No       | iOS/Android               | yes               |
 | polar2Cartesian()  | Convert polar coordinate system to Cadir coordinate system         | function | No       | iOS/Android               | yes               |
-| polar2Canvas()     | Convert polar coordinate system to Cadir coordinate system         | function | No       | iOS/Android               | yes               |
+| polar2Canvas()     | Convert polar coordinate system to plane coordinate system         | function | No       | iOS/Android               | yes               |
 | canvas2Polar()     | Convert plane coordinate system to polar coordinate system         | function | No       | iOS/Android               | yes               |
 ### **Strings**
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |

From 51b8f4249035afab918c2b20065877cbca89df76 Mon Sep 17 00:00:00 2001
From: lihonggang <lihonggang11@h-partners.com>
Date: Tue, 24 Sep 2024 08:56:56 +0000
Subject: [PATCH 574/966] =?UTF-8?q?!1508=20docs:=20=20=E6=96=B0=E5=A2=9Ere?=
 =?UTF-8?q?act-natvie-keyboard-controller=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:#IAQM18]=E6=96=B0=E5=A2=9Ereact?=
 =?UTF-8?q?-natvie-keyboard-controller=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-keyboard-controller.md | 418 ++++++++++++++++++++++
 1 file changed, 418 insertions(+)
 create mode 100644 zh-cn/react-native-keyboard-controller.md

diff --git a/zh-cn/react-native-keyboard-controller.md b/zh-cn/react-native-keyboard-controller.md
new file mode 100644
index 00000000..b89e5016
--- /dev/null
+++ b/zh-cn/react-native-keyboard-controller.md
@@ -0,0 +1,418 @@
+
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-keyboard-controller</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/kirillzyusko/react-native-keyboard-controller">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kirillzyusko/react-native-keyboard-controller/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-controller)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-keyboard-controller@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-keyboard-controller@file:#
+```
+<!-- tabs:end -->
+
+另外本库依赖三方库[react-native-reanimated](https://github.com/react-native-oh-library/react-native-harmony-reanimated)，请按照[react-native-reanimated指导文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md)引入此依赖库。
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { Text, View, TextInput, TouchableOpacity } from 'react-native';
+import { KeyboardAvoidingView, KeyboardProvider } from "react-native-keyboard-controller";
+
+function App() {
+    return (
+        <KeyboardProvider>
+            <KeyboardAvoidingView style={{
+                padding: 22,
+                flex: 1,
+                justifyContent: "space-between",
+            }}>
+                <Text style={{
+                    color: "black",
+                    fontSize: 25,
+                    marginTop: 100,
+                    fontWeight: "500"
+                }}>react-native-keyboard-controller</Text>
+                <View>
+                    <TextInput
+                        placeholder="Username"
+                        placeholderTextColor="#7C7C7C"
+                        style={{
+                            height: 45,
+                            borderColor: "#000000",
+                            borderWidth: 1,
+                            borderRadius: 10,
+                            marginBottom: 36,
+                            paddingLeft: 10,
+                        }}
+                    />
+                    <TextInput
+                        placeholder="Password"
+                        placeholderTextColor="#7C7C7C"
+                        style={{
+                            height: 45,
+                            borderColor: "#000000",
+                            borderWidth: 1,
+                            borderRadius: 10,
+                            marginBottom: 36,
+                            paddingLeft: 10,
+                        }}
+                    />
+                    <TouchableOpacity style={{
+                        marginTop: 40,
+                        height: 45,
+                        borderRadius: 10,
+                        backgroundColor: "rgb(40, 64, 147)",
+                        justifyContent: "center",
+                        alignItems: "center",
+                    }}>
+                        <Text style={{
+                            fontWeight: "500",
+                            fontSize: 16,
+                            color: "white",
+                        }}>Submit</Text>
+                    </TouchableOpacity>
+                </View>
+            </KeyboardAvoidingView>
+        </KeyboardProvider>
+    );
+}
+export default App;
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1. 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+     "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-keyboard-controller": "file:../../node_modules/@react-native-oh-tpl/react-native-keyboard-controller/harmony/keyboard_controller.har"
+}
+
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3. 配置 CMakeLists 和引入 RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-keyboard-controller/src/main/cpp" ./keyboard-controller)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_keyboard_controller)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "keyboardControllerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<KeyboardControllerPackage>(ctx),
+    };
+}
+```
+
+### 4. 在 ArkTs 侧引入 RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {RNKeyboardControllerPackage,RNStatusBarManagerCompatPackage} from  "@react-native-oh-tpl/react-native-keyboard-controller/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNKeyboardControllerPackage(ctx),
++   new RNStatusBarManagerCompatPackage(ctx)
+  ];
+}
+```
+
+### 5. 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Hooks**:键盘控制器相关的钩子函数
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  useKeyboardAnimation  |  获取键盘动画值的钩子函数   | function   | no | iOS,Android      | yes |
+|  useReanimatedKeyboardAnimation  |  获取键盘动画值的钩子函数   | function   | no | iOS,Android      | yes |
+|  useKeyboardHandler  |  设置键盘回调事件的钩子函数   | function   | no | iOS,Android      | yes |
+|  useKeyboardController  |  设置是否启动键盘监听事件的钩子函数   |function   | no | iOS,Android      | yes |
+|  useFocusedInputHandler  | 设置监听输入框回调事件的钩子函数   | function   | no | iOS,Android      |partially |
+|  useReanimatedFocusedInput  | 当前聚焦的输入控件文本变化事件回调的钩子函数  | function  | no | iOS,Android      |no |
+
+
+**KeyboardController**：键盘控制器
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  setInputMode(mode: number): void  | 设置键盘显示默认模式   | function   | no | Android      | no |
+|  setDefaultMode(): void  | 设置键盘显示默认模式   | function   | no | Android      | no |
+|   dismiss(): void | 设置键盘隐藏   | function   | no | iOS,Android      | yes |
+| setFocusTo(direction: string): void | 设置聚焦的方式   | function   | no | iOS,Android      | no |
+| addListener: (eventName: string) => void  | 添加键盘的监听事件   |  function  | no | iOS,Android      | yes |
+|   removeListeners: (count: number) => void | 删除键盘的监听事件   |  function  | no | iOS,Android      | yes |
+
+**StatusBarManagerCompat**：状态栏控制器
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|   setHidden(hidden: boolean): void | 设置状态栏隐藏不可见   | function   | no | Android      | yes |
+|  setColor(color: number, animated: boolean): void  | 设置状态栏背景颜色   | function   | no | Android      | yes |
+|   setTranslucent(translucent: boolean): void | 设置状态栏是否透明   | function   | no | Android      | yes |
+| setStyle(style: string): void | 设置状态栏的内容颜色  | function   | no | Android      | yes |
+
+ **KeyboardEvents**:监听键盘事件   
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  keyboardWillShow  | 键盘将要显示事件    | string   | no | iOS,Android      | no |
+|  keyboardDidShow  | 键盘已经显示事件    | string   | no | iOS,Android      | yes |
+|  keyboardWillHide  | 键盘将要隐藏事件    | string   | no | iOS,Android      | no |
+|  keyboardDidHide  | 键盘已经隐藏事件    | string   | no | iOS,Android      | yes |
+
+ **FocusedInputEvents**:监听聚焦输入框事件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  focusDidSet  | 聚焦输入框事件类型    | string   | no | iOS,Android      | no |
+
+ **WindowDimensionsEvents**:监听窗口布局变化事件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  windowDidResize  | 监听窗口事件    | string   | no | Android      | no |
+
+
+
+
+## 组件
+
+**KeyboardControllerView**：键盘控制器
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  enabled  | 是否开启键盘监听事件    | boolean   | no | iOS,Android      | yes |
+|  statusBarTranslucent  | 状态栏是否透明    | boolean   | no | Android      | no |
+|  navigationBarTranslucent  | 导航栏是否透明    | boolean   | no | Android      | no |
+|  onKeyboardMoveStart?: DirectEventHandler < KeyboardMoveEvent >  | 键盘开始移动的监听事件   | function   | no | iOS,Android       | no |
+|  onKeyboardMove?: DirectEventHandler< KeyboardMoveEvent >  | 键盘移动中的监听事件   | function   | no | iOS,Android      | no |
+|   onKeyboardMoveEnd?: DirectEventHandler< KeyboardMoveEvent > | 键盘移动结束的监听事件   | function   | no | iOS,Android      | yes |
+| onKeyboardMoveInteractive?: DirectEventHandler< KeyboardMoveEvent > | 键盘移动交互的监听事件  | function   | no | iOS,Android      | no |
+| onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent >  | 聚焦输入框位置坐标变化的监听事件   |  function  | no | iOS,Android      | no |
+|   onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent> | 聚焦输入框文本变化的监听事件   |  function  | no | iOS,Android      | yes |
+|   onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | 聚焦输入框文本选择的监听事件   |  function  | no | iOS,Android      | no |
+|  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
+
+
+**KeyboardGestureArea**：手势控制键盘组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  showOnSwipeUp  | 键盘随手势向上滑动显示    | boolean   | no | Android      | no |
+|  enableSwipeToDismiss  | 键盘随手势向下滑动隐藏   | boolean   | no | Android      | no |
+|  interpolator  | 设置键盘随手势滑动的动画模式    | linear / ios/ linear | no | Android      | no |
+
+
+**KeyboardAvoidingView**：键盘控制器的容器组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  behavior  | 指定如何对键盘的存在做出反应   | "height" / "position" / "padding"   | no | iOS,Android      | yes |
+|  contentContainerStyle  | 当`behavior`为position时，内容容器的样式   | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | Android      | yes |
+|  enabled  | 控制这个`KeyboardAvodingView`实例是否应该生效,默认为true  | boolean   | no | Android      | yes |
+|  keyboardVerticalOffset  | 用户屏幕顶部和React Native视图之间的距离,默认为`0`   | number  | no | iOS,Android      | yes |
+|  onLayout  |  在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void   | function/undefined   | no | iOS,Android      | yes |
+|  style  | `KeyboardAvodingView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
+|  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
+
+**KeyboardAwareScrollView**：滚动键盘控制器的容器组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  bottomOffset  | 显示键盘时，键盘与焦点`TextInput`之间的距离。默认值为“0”   | number   | no | iOS,Android      | yes |
+|  enabled  | 控制此`KeyboardAwareScrollView`实例是否应生效。默认值为`true`  | boolean   | no | Android      | yes |
+|  disableScrollOnKeyboardHide  |防止键盘隐藏时`ScrollView`自动滚动，保持当前屏幕位置。默认值为`false`。  | boolean   | no | Android      | yes |
+|  extraKeyboardSpace  | 用户屏幕顶部和React Native视图之间的距离,默认为0   | number  | no | iOS,Android      | yes |
+|  onLayout  |  在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void   | function/undefined   | no | iOS,Android      | yes |
+|  style  | `KeyboardAwareScrollView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
+|  children  |  JSX element 子组件   | JSX.Element  | no | iOS,Android      | yes |
+
+**KeyboardStickyView**：滚动键盘控制器的容器组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  offset  | 为给定的键盘状态指定视图的附加偏移   | {closed?: number;opened?: number;}   | no | iOS,Android      | yes |
+|  style  | `KeyboardStickyView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
+|  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
+
+**KeyboardToolbar**：是显示在键盘上方的组件，带有`Prev`/`Next`和
+*“完成”按钮。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  theme  | 工具栏组件使用的一组深色/浅色主题   | {light: Theme; dark: Theme;}   | no | iOS,Android      | yes |
+|  content  |显示在工具栏中间的元素  | JSX.Element   | no | iOS,Android      | yes |
+|  doneText  |  完成按钮的自定义文本   | React.ReactNode   | no | iOS,Android      | yes |
+|  button  |  工具栏的自定义可触摸组件（用于prev/next/done按钮）   | React.ReactNode   | no | iOS,Android      | yes |
+|  icon  |  用于显示next/prev按钮的自定义图标组件   | React.ReactNode   | no | iOS,Android      | yes |
+|  showArrows  |  是否显示下一个和上一个按钮  | boolean   | no | iOS,Android      | yes |
+|  blur  |  对工具栏应用模糊效果的组件   | JSX.Element    | no | iOS,Android      | yes |
+|  opacity  |  十六进制格式的容器不透明度值（例如`ff`）。默认值为`ff`   | HEX   | no | iOS,Android      | yes |
+| onNextCallback?: () => void | 当用户按下“下一步”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | no |
+|  onPrevCallback?: () => void | 用户按下“上一步”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | no |
+| onDoneCallback?: () => void | 当用户按下“完成”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | yes |
+
+
+## 遗留问题
+
+- [ ]  暂不支持KeyboardControllerView中onKeyboardMoveStart，onKeyboardMove，onKeyboardMoveInteractive和KeyboardEvents中keyboardWillShow、keyboardWillHide键盘事件的回调：[ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
+ - [ ] 暂不支持KeyboardGestureArea组件：[issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
+ - [ ] 暂不支持hook方法useReanimatedFocusedInput，KeyboardController中setFocusTo，KeyboardControllerView中onFocusedInputLayoutChanged、onFocusedInputSelectionChanged，FocusedInputEvents中focusDidSet，KeyboardToolbar中onNextCallback、onPrevCallback关于输入框聚焦的监听方法回调：[issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
+
+
+## 其他
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/kirillzyusko/react-native-keyboard-controller/blob/main/LICENSE) ，请自由地享受和参与开源。
+

From 968a95bcfc71231462f75968cae7560a54809beb Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Tue, 24 Sep 2024 08:58:03 +0000
Subject: [PATCH 575/966] =?UTF-8?q?!1572=20docs:=20[Issues:=20#IAT84X]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-picker-select=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAT84X]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-picker-select=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-picker-select.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-picker-select.md b/zh-cn/react-native-picker-select.md
index 1a43ac22..eeeddc02 100644
--- a/zh-cn/react-native-picker-select.md
+++ b/zh-cn/react-native-picker-select.md
@@ -216,8 +216,8 @@ const styles = StyleSheet.create({
 | textInputProps | Additional props to pass to the TextInput (some props are used in core functionality so use this carefully). This is iOS only unless `useNativeAndroidPickerStyle={false}`. | object | {} | no | All | yes |
 | touchableWrapperProps | Additional props to pass to the touchable wrapping the TextInput (some props are used in core functionality so use this carefully). | object | {} | no | All | yes |
 | onOpen() | Callback triggered right before the opening of the picker.<br>_Not supported when `useNativeAndroidPickerStyle={true}`_. | function | null | no | All | yes |
-| useNativeAndroidPickerStyle | The component defaults to using the native Android Picker in its un-selected state. Setting this flag to `false` will mimic the default iOS presentation where a tappable TextInput is displayed.<br>_More details in [styling](https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file#styling)_. | boolean | true | no | Android | yes |
-| fixAndroidTouchableBug | Experimental flag to fix issue [#354](https://github.com/lawnstarter/react-native-picker-select/issues/354). | boolean | false | no | Android | yes |
+| useNativeAndroidPickerStyle | The component defaults to using the native Android Picker in its un-selected state. Setting this flag to `false` will mimic the default iOS presentation where a tappable TextInput is displayed.<br>_More details in [styling](https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file#styling)_. | boolean | true | no | Android | no |
+| fixAndroidTouchableBug | Experimental flag to fix issue [#354](https://github.com/lawnstarter/react-native-picker-select/issues/354). | boolean | false | no | Android | no |
 | InputAccessoryView | Replace the InputAcessoryView section (bar with tabbing arrown and Done button) of the opened picker with your own custom component. Can also return `null` here to hide completely. While this bar is typical on `select` elements on the web, the [interface guidelines](https://developer.apple.com/ios/human-interface-guidelines/controls/pickers/) does not include it. View the [snack](https://snack.expo.io/@lfkwtz/react-native-picker-select) to see examples on how this can be customized. | Component | null | no | iOS | yes |
 | doneText | "Done" default text on the modal. Can be overwritten here. | string | "Done" | no | iOS | yes |
 | onUpArrow() \/ onDownArrow() | Presence enables the corresponding arrow.<br>- Closes the picker.<br>- Calls the callback provided. | function | null | no | iOS | yes |
@@ -228,6 +228,9 @@ const styles = StyleSheet.create({
 
 ## 遗留问题
 
+- [ ] 属性useNativeAndroidPickerStyle在HarmonyOS中暂不支持 [issue#3](https://github.com/react-native-oh-library/react-native-picker-select/issues/3)
+- [ ] 属性fixAndroidTouchableBug在HarmonyOS中暂不支持 [issue#4](https://github.com/react-native-oh-library/react-native-picker-select/issues/4)
+
 ## 其他
 
 ## 开源协议

From 0531676c2943a75ee9fd0681afcf71e1a8e14003 Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Tue, 24 Sep 2024 09:11:05 +0000
Subject: [PATCH 576/966] =?UTF-8?q?!1536=20docs:=20[Issues:=20#IARUWY]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-loading-spinner-overlay=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IARUWY]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-loading-spinner-overlay?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-loading-spinner-overlay.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-loading-spinner-overlay.md b/zh-cn/react-native-loading-spinner-overlay.md
index e8c3099b..4dbf5b0f 100644
--- a/zh-cn/react-native-loading-spinner-overlay.md
+++ b/zh-cn/react-native-loading-spinner-overlay.md
@@ -25,13 +25,13 @@
 #### **npm**
 
 ```bash
-npm install react-native-loading-spinner-overlays@3.0.1
+npm install react-native-loading-spinner-overlay@3.0.1
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-loading-spinner-overlays@3.0.1
+yarn add react-native-loading-spinner-overlay@3.0.1
 ```
 
 <!-- tabs:end -->

From 437d6a5935585bb5ba0a7c346608d6972f8a4a21 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Tue, 24 Sep 2024 11:59:29 +0000
Subject: [PATCH 577/966] =?UTF-8?q?!1576=20docs:=20[Issues:=20#IATDCR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-navigation-stack=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IATDCR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-navigation-stack=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-navigation-stack.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/zh-cn/react-navigation-stack.md b/zh-cn/react-navigation-stack.md
index 10263ac7..6f500911 100644
--- a/zh-cn/react-navigation-stack.md
+++ b/zh-cn/react-navigation-stack.md
@@ -175,6 +175,8 @@ export default function App() {
 | gestureCancel   | This event is fired when the swipe gesture is cancelled for the current screen. e.g. a screen wasn't dismissed by the gesture. | function | no       | all      | yes               |
 ## 遗留问题
 
+- [ ] TextInput组件可以穿透下个页面点击。[issues#37](https://github.com/react-native-oh-library/react-navigation/issues/37)
+
 ## 其他
 
 ## 开源协议

From 5a3938dc37468ff96347f9da6798b1942601c80a Mon Sep 17 00:00:00 2001
From: zxh <2504211630@qq.com>
Date: Wed, 25 Sep 2024 01:41:41 +0000
Subject: [PATCH 578/966] =?UTF-8?q?!1547=20docs:=20[Issues:=20IASAEN]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-marquee-ab=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20IASAEN]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-marquee-ab=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-marquee-ab.md | 109 +++++++++++++++++--------------
 1 file changed, 61 insertions(+), 48 deletions(-)

diff --git a/zh-cn/react-native-marquee-ab.md b/zh-cn/react-native-marquee-ab.md
index 24b14017..0217d667 100644
--- a/zh-cn/react-native-marquee-ab.md
+++ b/zh-cn/react-native-marquee-ab.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-marquee-ab</code> </h1>
@@ -14,14 +13,14 @@
 </p>
 
 
-> [!TIP] 
->
-> [Github 地址](https://github.com/ZhangTaoK/react-native-marquee-ab)
+> [!TIP] [Github 地址](https://github.com/ZhangTaoK/react-native-marquee-ab)
 
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
 
+<!-- tabs:start -->
+
 #### **npm**
 
 ```bash
@@ -38,7 +37,9 @@ yarn add react-native-marquee-ab@1.2.6
 
 下面的代码展示了这个库的基本使用场景：
 
-```tsx
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
 import React, { Component } from 'react';
 import {
     View,
@@ -76,55 +77,67 @@ export default class TestPage extends Component {
 }
 ```
 
-## Props
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **MarqueeHorizontal props**
 
-| Name             | Description | Type    | Required | Platform                                         | notes                                  |
-| ---------------- | ----------- | ------- | -------- | :----------------------------------------------- | -------------------------------------- |
-| duration         | number      | 10000ms | yes      | 执行完成整个动画所需要的时间(ms)不常用           |                                        |
-| speed            | number      | 0       | no       | 平均的滚动速度，跑马灯使用这个属性（建议传入60） |                                        |
-| textList         | array       | []      | yes      | 滚动的文字数组，具体数据格式请参照textList.item  |                                        |
-| width            | number      | 375     | yes      | 宽度，不能使用flex                               |                                        |
-| height           | number      | 50      | yes      | 高度，不能使用flex                               |                                        |
-| direction        | string      | left    | yes      | 动画方向(向左向右滚动)`left` or `right`          |                                        |
-| reverse          | boolean     | false   | yes      | 是否将整个文本数据倒叙显示                       | 设置为true时，只有第一次进入时才会生效 |
-| separator        | number      | 20      | yes      | 两个item之间的间隙                               |                                        |
-| bgContainerStyle | object      |         | no       | 背景样式                                         |                                        |
-| textStyle        | object      |         | no       | 文本样式                                         |                                        |
-| onTextClick      | function    |         | yes      | 点击事件回调：(item) => void                     |                                        |
-
-#### **MarqueeVertical props**
-
-| Name             | Description | Type  | Required | Platform                                                     |
-| ---------------- | ----------- | ----- | -------- | :----------------------------------------------------------- |
-| duration         | number      | 600   | yes      | 执行整个动画的完成时间(ms)                                   |
-| textList         | array       | []    | yes      | 滚动的文字数组，具体数据格式请参照textList.item              |
-| width            | number      | 375   | no       | 宽度，不能使用flex                                           |
-| height           | number      | 50    | no       | 高度，不能使用flex                                           |
-| delay            | number      | 12000 | yes      | 文本停顿时间(ms)                                             |
-| direction        | string      | up    | yes      | 动画方向(向上向下滚动)`up` or `down`                         |
-| numberOfLines    | number      | 1     | yes      | 同一个数据的文本行数                                         |
-| headViews        | array       | []    | no       | 在文本最前面加上一个自定义view，效果如图例所示，用法请参照事例用法，length长度与textList必须一致 |
-| viewStyle        | object      |       | yes      | 每一行文本的样式                                             |
-| bgContainerStyle | object      |       | no       | 背景样式                                                     |
-| textStyle        | object      |       | no       | 文本样式                                                     |
-| onTextClick      | function    |       | yes      | 点击事件回调：(item) => void                                 |
-
-#### textList.item props
-
-| prop     | type     | default | required | description                      |
-| -------- | -------- | ------- | -------- | -------------------------------- |
-| label    | string   |         | yes      | 用作点击事件的回调               |
-| value    | string   |         | yes      | 文本显示                         |
-| [object] | [object] |         | no       | 可随意添加数据供自己特殊需求使用 |
+| Name             | Description                                      | Type           | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
+| duration         | 执行完成整个动画所需要的时间(ms)不常用           | number         | yes      | iOS/Android | yes               |
+| speed            | 平均的滚动速度，跑马灯使用这个属性（建议传入60） | number         | no       | iOS/Android | yes               |
+| textList         | 滚动的文字数组，具体数据格式请参照textList.item  | array          | yes      | iOS/Android | yes               |
+| width            | 宽度，不能使用flex                               | number         | yes      | iOS/Android | yes               |
+| height           | 高度，不能使用flex                               | number         | yes      | iOS/Android | yes               |
+| direction        | 动画方向(向左向右滚动)`left` or `right`          | string         | yes      | iOS/Android | yes               |
+| reverse          | 是否将整个文本数据倒叙显示                       | boolean        | yes      | iOS/Android | yes               |
+| separator        | 两个item之间的间隙                               | number         | yes      | iOS/Android | yes               |
+| bgContainerStyle | 背景样式                                         | object         | no       | iOS/Android | yes               |
+| textStyle        | 文本样式                                         | object         | no       | iOS/Android | yes               |
+| onTextClick      | 点击事件回调                                     | (item) => void | yes      | iOS/Android | yes               |
+
+**MarqueeVertical props**
+
+| Name             | Description                                                  | Type           | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
+| duration         | 执行完成整个动画所需要的时间(ms)                             | number         | yes      | iOS/Android | yes               |
+| textList         | 滚动的文字数组，具体数据格式请参照textList.item              | array          | yes      | iOS/Android | yes               |
+| width            | 宽度，不能使用flex                                           | number         | no       | iOS/Android | yes               |
+| height           | 高度，不能使用flex                                           | number         | no       | iOS/Android | yes               |
+| delay            | 文本停顿时间(ms)                                             | number         | yes      | iOS/Android | yes               |
+| direction        | 动画方向(向上向下滚动)`up` or `down`                         | string         | yes      | iOS/Android | yes               |
+| numberOfLines    | 同一个数据的文本行数                                         | number         | yes      | iOS/Android | yes               |
+| headViews        | 在文本最前面加上一个自定义view，效果如图例所示，用法请参照事例用法，length长度与textList必须一致 | array          | no       | iOS/Android | yes               |
+| viewStyle        | 每一行文本的样式                                             | object         | yes      | iOS/Android | yes               |
+| bgContainerStyle | 背景样式                                                     | object         | no       | iOS/Android | yes               |
+| textStyle        | 文本样式                                                     | object         | no       | iOS/Android | yes               |
+| onTextClick      | 点击事件回调                                                 | (item) => void | yes      | iOS/Android | yes               |
+
+**textList.item props**
+
+| Name     | Description                      | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | -------------------------------- | -------- | -------- | ----------- | ----------------- |
+| label    | 用作点击事件的回调               | string   | yes      | iOS/Android | yes               |
+| value    | 文本显示                         | string   | yes      | iOS/Android | yes               |
+| [object] | 可随意添加数据供自己特殊需求使用 | [object] | no       | iOS/Android | yes               |
 
 ## 遗留问题
 
-- [ ] MarqueeHorizontal的reverse属性在HarmonyOS上只有第一次修改会触发生效，而原库在iOS上该属性已经失效。issue:https://github.com/ZhangTaoK/react-native-marquee-ab/issues/58
+- [ ] MarqueeHorizontal的reverse属性在HarmonyOS上只有第一次修改会触发生效，而原库在iOS上该属性已经失效。未实现HarmonyOS化 问题[issue#58](https://github.com/ZhangTaoK/react-native-marquee-ab/issues/58)
+
+## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://choosealicense.com/licenses/mit/) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 10b5eb6a1bb585c00a887984d47e616eae90abeb Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Wed, 25 Sep 2024 02:30:43 +0000
Subject: [PATCH 579/966] =?UTF-8?q?!1571=20docs:=20[Issues:=20#IAT82Y]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-viewing=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAT82Y]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-image-viewing=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-viewing.md | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index 821d2c12..852be281 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -222,14 +220,12 @@ const styles = StyleSheet.create({
 
 ## 遗留问题
 
-- [ ] 组件上下滑动关闭暂未实现，由于 scrollView的naticeEvent.velocity属性HarmonyOS暂不支持 [issue#6](https://github.com/react-native-oh-library/react-native-image-viewing/issues/6)
-- [ ] 组件双击放大方法暂未实现，由于doubleTapToZoomEnabled属性HarmonyOS暂不支持 [issue#7](https://github.com/react-native-oh-library/react-native-image-viewing/issues/7)
-- [ ] 组件animationType淡入淡出效果暂未实现，由于modal组件未适配 [issue#8](https://github.com/react-native-oh-library/react-native-image-viewing/issues/8)
+- [x] 组件上下滑动关闭暂未实现，由于 scrollView的naticeEvent.velocity属性HarmonyOS暂不支持 [issue#6](https://github.com/react-native-oh-library/react-native-image-viewing/issues/6)
+- [x] 组件双击放大方法暂未实现，由于doubleTapToZoomEnabled属性HarmonyOS暂不支持 [issue#7](https://github.com/react-native-oh-library/react-native-image-viewing/issues/7)
+- [x] 组件animationType淡入淡出效果暂未实现，由于modal组件未适配 [issue#8](https://github.com/react-native-oh-library/react-native-image-viewing/issues/8)
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/jobtoday/react-native-image-viewing/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 250e3aa66b943d4cf0c7e12e24f0fdcf021f3da0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=96=E7=95=8C=E5=B0=8F=E5=B8=85=E5=93=A5?=
 <12765706+world-little-handsome-guy@user.noreply.gitee.com>
Date: Wed, 25 Sep 2024 05:50:30 +0000
Subject: [PATCH 580/966] =?UTF-8?q?!1539=20docs:=20[Issues:=20#IAS1XE]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-json-tree=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAS1XE]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-json-tree=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-json-tree.md | 434 ++++++++++++++++++++------------
 1 file changed, 272 insertions(+), 162 deletions(-)

diff --git a/zh-cn/react-native-json-tree.md b/zh-cn/react-native-json-tree.md
index f5f6b6d2..e9c2aeb0 100644
--- a/zh-cn/react-native-json-tree.md
+++ b/zh-cn/react-native-json-tree.md
@@ -1,162 +1,272 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
-
-<p align="center">
-  <h1 align="center"> <code>react-native-json-tree
-</code> </h1>
-</p>
-<p align="center">
-    <a href="https://github.com/Dean177/react-native-json-tree">
-        <img src="https://img.shields.io/badge/platforms-ios%20%7C%20android%20%7C%20web%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md">
-        <img src="https://img.shields.io/npm/l/react-native-svg.svg" alt="License" />
-    </a>
-</p>
-
-
-> [!tip]
->
->  [Github 地址](https://github.com/Dean177/react-native-json-tree)
->
-> `react-native-json-tree` 是一个用于在 React Native 应用中可视化 JSON 数据的组件库。它可以帮助您以树状结构的方式呈现和浏览复杂的 JSON 数据。
-
-## 安装与使用
-
-#### **npm**
-
-```bash
-npm install react-native-json-tree@^1.3.0
-```
-
-#### **yarn**
-
-```bash
-yarn add react-native-json-tree@^1.3.0
-```
-
-## 基本用法
-
-```bash
-import React from 'react';
-import { View } from 'react-native';
-import JSONTree from 'react-native-json-tree';
-
-const MyComponent = () => {
-  const data = {
-    name: 'John Doe',
-    age: 30,
-    address: {
-      city: 'New York',
-      country: 'USA',
-    },
-    hobbies: ['reading', 'gaming', 'hiking'],
-  };
-
-  return (
-    <View style={{ flex: 1 }}>
-      <JSONTree data={data} />
-    </View>
-  );
-};
-
-export default MyComponent;
-
-```
-
-## 配置选项
-
-- **hideRoot**: 是否隐藏根节点，默认为 `false`。
-- **theme**: 主题样式对象，可用于自定义 JSON 树的外观。
-
-```
-<JSONTree
-  data={data}
-  hideRoot={true}
-  theme={{
-    extend: theme,
-    valueLabel: {
-      textDecoration: 'underline'
-    },
-    nestedNodeLabel: ({ style }, nodeType, expanded) => ({
-      style: {
-        ...style,
-        textTransform: expanded ? 'uppercase' : style.textTransform
-      }
-    })
-  }}
-/>
-```
-
-
-下面是关于 `react-native-json-tree` 高级定制功能的文档：
-
-## 高级定制
-
-### 自定义主题
-
-您可以通过 `theme` 属性来自定义 JSON 树的外观。以下是一些可用的自定义选项：
-
-```
-<JSONTree
-  data={data}
-  theme={{
-    extend: theme,
-    // 为字面值的键添加下划线
-    valueLabel: {
-      textDecoration: 'underline'
-    },
-    // 当对象展开时，将键切换为大写
-    nestedNodeLabel: ({ style }, nodeType, expanded) => ({
-      style: {
-        ...style,
-        textTransform: expanded ? 'uppercase' : style.textTransform
-      }
-    })
-  }}
-/>
-```
-
-### 自定义数组、对象和可迭代节点的标签
-
-您可以使用 `getItemString` 来自定义数组、对象和可迭代节点的显示方式（可选）。
-
-```
-<JSONTree getItemString={(type, data, itemType, itemString) =>
-  <Text>{itemType} {itemString}</Text>}
-/>
-```
-
-### 自定义渲染
-
-您可以传递以下属性来自定义渲染的标签和值：
-
-```js
-<JSONTree
-  labelRenderer={raw => <Text style={{ fontWeight: 'bold' }}>{raw}</Text>}
-  valueRenderer={raw => <Text style={{ fontStyle: 'italic' }}>{raw}</Text>}
-/>
-```
-
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name            | Description                                                  | Required | Platform | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
-| `data`          | json tree displays the data                                  | yes      | All      | yes               |
-| ``theme``       | can customize the theme                                      | no       | All      | yes               |
-| `getItemString` | can use getItemString to customize the display of arrays, objects, and iterable nodes | no       | All      | yes               |
-| `labelRenderer` | can pass the following properties to customize the label for rendering | no       | All      | yes               |
-| `valueRenderer` | You can pass the following properties to customize the rendered values | no       | All      | yes               |
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-json-tree</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Dean177/react-native-json-tree">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/Dean177/react-native-json-tree)
+
+## 安装与使用
+
+#### **npm**
+
+```bash
+npm install react-native-json-tree@^1.3.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-json-tree@^1.3.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, ScrollView, Text } from 'react-native';
+import JSONTree from 'react-native-json-tree';
+
+export default () => {
+
+  const data = {
+    name: 'John Doe',
+    age: 30,
+    address: {
+      city: 'New York',
+      country: 'USA',
+    },
+    hobbies: ['reading', 'gaming', 'hiking']
+  };
+
+  const data1 = {
+    name: "Charlie",
+    age: 22,
+  };
+
+  const data2 = {
+    name: "Bob",
+    age: 35,
+    info: {
+      height: 180,
+      weight: 120
+    },
+    address: {
+      street: "123 Elm St",
+      city: "Springfield",
+    },
+  };
+
+  const theme = {
+    scheme: 'monokai',
+    author: 'wimer hazenberg (http://www.monokai.nl)',
+    base00: '#272822',
+    base01: '#383830',
+    base02: '#49483e',
+    base03: '#75715e',
+    base04: '#a59f85',
+    base05: '#f8f8f2',
+    base06: '#f5f4f1',
+    base07: '#f9f8f5',
+    base08: '#f92672',
+    base09: '#fd971f',
+    base0A: '#f4bf75',
+    base0B: '#a6e22e',
+    base0C: '#a1efe4',
+    base0D: '#66d9ef',
+    base0E: '#ae81ff',
+    base0F: '#cc6633'
+  };
+
+  const shouldExpandNode = (key: any) => {
+    const shouldExpandNodeKey = key.some((item: any) => {
+      return item === 'address';
+    })
+    return shouldExpandNodeKey;
+  };
+
+  const data3 = {
+    name: "Fiona",
+    age: 29,
+  };
+
+  const data4 = {
+    name: "Wx",
+    task: {
+      weekday: 'ro to work',
+      weekend: 'play'
+    },
+    beliked: 'xiao mei',
+    age: 18,
+  };
+
+  const data5 = {
+    user: {
+      name: 'Alice',
+      age: 25,
+      address: {
+        street: '123 Main St',
+        city: 'Somewhere',
+        country: 'Wonderland'
+      }
+    }
+  };
+
+  const data6 = {
+    users: Array.from({ length: 100 }, (_, i) => ({ id: i, name: `User ${i}` })),
+  };
+
+  const data7 = {
+    date: new Date(),
+    number: 123456.789,
+    name: 'moon'
+  };
+
+  // 格式化日期
+  const formatDate = (date: any) => {
+    if (!(date instanceof Date)) return '';
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+  };
+
+  // 根据数据类型格式化, 展示经过处理的数据
+  const postprocessValue = (value: any) => {
+    if (value instanceof Date) {
+      return formatDate(value);
+    }
+    if (typeof value === 'number') {
+      return value.toFixed(2);
+    }
+    return value;
+  };
+
+  const data8 = {
+    name: "John Doe",
+    age: 30,
+    job: "Developer",
+    salary: 100000
+  };
+
+  const isCustomNode = (value: any) => {
+    // 如果节点值是数字，则使用自定义渲染
+    return typeof value === 'number';
+  };
+
+  return (
+    <ScrollView style={{ height: '100%', marginBottom: 20, backgroundColor: 'pink' }}>
+      <View style={{ marginBottom: 20 }}>
+        <Text>要展示的 JSON 数据对象</Text>
+        <JSONTree data={data} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>定制树状视图的主题样式</Text>
+        <JSONTree data={data1} theme={theme} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>控制节点是否展开的函数</Text>
+        <JSONTree data={data2} shouldExpandNode={shouldExpandNode} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>是否隐藏树的根节点</Text>
+        <JSONTree data={data2} hideRoot={true} />
+        <JSONTree data={data2} hideRoot={false} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>是否反转主题颜色</Text>
+        <JSONTree data={data2} theme={theme} invertTheme={true} />
+        <JSONTree data={data2} theme={theme} invertTheme={false} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>自定义节点的显示文本</Text>
+        <JSONTree data={data3} getItemString={(type, data, itemType, itemString) => { return <Text>{itemType}&&{itemString}           </Text> }} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>自定义节点标签的渲染函数</Text>
+        <JSONTree data={data3} labelRenderer={(raw: any) => <Text style={{ fontWeight: 'bold' }}>{raw}</Text>} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>自定义节点值的渲染函数</Text>
+        <JSONTree data={data3} valueRenderer={(raw: any) => <Text style={{ fontStyle: 'italic' }}>{raw}</Text>} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>对 JSON 对象的键进行排序</Text>
+        <JSONTree data={data4} sortObjectKeys={(a: any, b: any) => { return a.localeCompare(b); }} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>用于在 JSON 树中标识和定制特定路径的数据节点</Text>
+        <JSONTree data={data5} keyPath={['information']} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>用于控制在 JSON 树中显示的集合的元素最大数量</Text>
+        <JSONTree data={data6} collectionLimit={5} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>用于在值渲染之前对其进行自定义处理</Text>
+        <JSONTree data={data7} postprocessValue={postprocessValue} />
+      </View>
+      <View>
+        <Text>指定哪些节点应使用自定义渲染的属性</Text>
+        <JSONTree data={data8} theme={theme} isCustomNode={isCustomNode} />
+      </View>
+    </ScrollView>
+  );
+};
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.36;
+
+## 属性
+
+详细请查看 [react-native-json-tree 的文档介绍](https://github.com/Dean177/react-native-json-tree)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                                  | Type         | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------ | ------------ | -------- | -------- | ----------------- |
+| `data`             | `JSON data object to be displayed`.                          | `Object`     | Yes      | All      | Yes               |
+| `theme`            | `Theme style of the tree view.`                              | `Object`     | No       | All      | Yes               |
+| `shouldExpandNode` | `Function that controls whether a node is expanded`.         | `() => bool` | No       | All      | Yes               |
+| `hideRoot`         | `Whether to hide the root node of the tree`.                 | `bool`       | No       | All      | Yes               |
+| `invertTheme`      | `Indicates whether to reverse the theme color.`              | `bool`       | No       | All      | Yes               |
+| `getItemString`    | `Customize the display of arrays, objects, and iterable nodes.` | `()=>void`   | No       | All      | Yes               |
+| `labelRenderer`    | `Rendering function for custom node labels`.                 | `()=>void`   | No       | All      | Yes               |
+| `valueRenderer`    | `Rendering function for custom node values`.                 | `()=>void`   | No       | All      | Yes               |
+| `sortObjectKeys`   | `Sort the keys of JSON objects`.                             | `()=>void`   | No       | All      | Yes               |
+| `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`. | `['']`       | No       | All      | Yes               |
+| `collectionLimit`  | `Use to control the maximum number of elements of a collection displayed in a JSON tree`. | `number`     | No       | All      | Yes               |
+| `postprocessValue` | `For customizing values before they are rendered`.           | `()=>void`   | No       | All      | Yes               |
+| `isCustomNode`     | `Specify which nodes should use custom rendered properties.` | `()=>bool`   | No       | All      | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md) ，请自由地享受和参与开源。

From 9b2f7c55c6cf5c40e0beebf5348b161aeb3e5431 Mon Sep 17 00:00:00 2001
From: 150******24 <hedada@h-partners.com>
Date: Wed, 25 Sep 2024 05:56:18 +0000
Subject: [PATCH 581/966] =?UTF-8?q?!1556=20docs:=20[Issues:=20#IASVPT]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-image-header-scroll-view=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IASVPT]=E4=BF=AE=E6=94=B9=20react-native-image-header-scroll-vi?=
 =?UTF-8?q?ew=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-native-image-header-scroll-view.md  | 304 +++++++++++++-----
 1 file changed, 218 insertions(+), 86 deletions(-)

diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index a06dacf6..e7b2fce0 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -1,19 +1,22 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-image-header-scroll-view</code></h1>
+  <h1 align="center"> <code>react-native-image-header-scroll-view</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/meliorence/react-native-render-html">
         <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/meliorence/react-native-render-html/blob/master/README.md">
+    <a href="https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址(v0.10.3)](https://github.com/bamlab/react-native-image-header-scroll-view/tree/0.10.3)  
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/bamlab/react-native-image-header-scroll-view)
 > 因 v1.0.0 中存在无法触发 TriggeringView 组件回调的问题，以下基于 v0.10.3 版本验证
 
 ## 安装与使用
@@ -25,7 +28,7 @@
 #### **npm**
 
 ```bash
-npm install react-native-image-header-scroll-view@0.10.3 --save
+npm install react-native-image-header-scroll-view@0.10.3
 ```
 
 #### **yarn**
@@ -38,106 +41,237 @@ yarn add react-native-image-header-scroll-view@0.10.3
 
 下面的代码展示了这个库的基本使用场景：
 
-```js
-import { View, TouchableOpacity, Text } from "react-native";
-import React from "react";
-import HeaderImageScrollView, {
-  TriggeringView,
-} from "react-native-image-header-scroll-view";
-
-export function ImageHeaderPropertyTest() {
-  return (
-    <HeaderImageScrollView
-      maxHeight={200}
-      minHeight={88}
-      headerImage={require("./assets/NZ.jpg")}
-      renderForeground={() => (
-        <View
-          style={{
-            height: 150,
-            justifyContent: "center",
-            alignItems: "center",
-          }}
-        >
-          <TouchableOpacity onPress={() => console.log("tap!!")}>
-            <Text>Tap Me!</Text>
-          </TouchableOpacity>
-        </View>
-      )}
-    >
-      <View style={{ height: 800 }}>
-        <TriggeringView onHide={() => console.log("text hidden")}>
-          <Text>Scroll Me!</Text>
-        </TriggeringView>
+```tsx
+import React, { useRef } from 'react';
+import { StyleSheet, Text, View, Image, Dimensions, StatusBar } from 'react-native';
+import * as Animatable from 'react-native-animatable';
+import ImageHeaderScrollView ,{TriggeringView}  from 'react-native-image-header-scroll-view';
+const MIN_HEIGHT = 80;
+const MAX_HEIGHT = 250;
+const tvShowContent = {
+  title: 'Doctor Who',
+  overview: `
+    The Doctor looks and seems human. He's handsome, witty, and could be mistaken for just another man in the street.
+
+    But he is a Time Lord: a 900 year old alien with 2 hearts, part of a gifted civilization who mastered time travel.
+
+    The Doctor saves planets for a living – more of a hobby actually, and he's very, very good at it.
+
+    He's saved us from alien menaces and evil from before time began – but just who is he?`,
+  year: 2005,
+  genres: ['Action & Adventure', 'Drama', 'Sci-Fi & Fantasy'],
+  keywords: [
+    'time travel',
+    'time machine',
+    'phone booth',
+    'alien',
+    'time traveler',
+    'police box',
+    'space and aliens',
+  ],
+};
+
+const styles = StyleSheet.create({
+  image: {
+    height: MAX_HEIGHT,
+    width: Dimensions.get('window').width,
+    alignSelf: 'stretch',
+    resizeMode: 'cover',
+  },
+  title: {
+    fontSize: 20,
+  },
+  name: {
+    fontWeight: 'bold',
+  },
+  section: {
+    padding: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: '#cccccc',
+    backgroundColor: 'white',
+  },
+  sectionTitle: {
+    fontSize: 18,
+    fontWeight: 'bold',
+  },
+  sectionContent: {
+    fontSize: 16,
+    textAlign: 'justify',
+  },
+  keywords: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start',
+    flexWrap: 'wrap',
+  },
+  keywordContainer: {
+    backgroundColor: '#999999',
+    borderRadius: 10,
+    margin: 10,
+    padding: 10,
+  },
+  keyword: {
+    fontSize: 16,
+    color: 'white',
+  },
+  titleContainer: {
+    flex: 1,
+    alignSelf: 'stretch',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  imageTitle: {
+    color: 'white',
+    backgroundColor: 'transparent',
+    fontSize: 24,
+  },
+  navTitleView: {
+    height: MIN_HEIGHT,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingTop: 16,
+    opacity: 0,
+  },
+  navTitle: {
+    color: 'white',
+    fontSize: 18,
+    backgroundColor: 'transparent',
+  },
+  sectionLarge: {
+    height: 600,
+  },
+});
+
+function HeaderImageExample () {
+  const HeaderRef = useRef(null)
+ 
+    return (
+      <View style={{ flex: 1 }}>
+        <StatusBar barStyle="light-content" />
+        <ImageHeaderScrollView
+          maxHeight={MAX_HEIGHT} 
+          minHeight={MIN_HEIGHT}  
+          maxOverlayOpacity={0.8} 
+          minOverlayOpacity={0.2}   
+          fadeOutForeground={true} 
+          foregroundParallaxRatio={1}
+          overlayColor={'blue'} 
+          renderHeader={() => <Image source={'请输入本地图片路径'} style={styles.image} />} 
+          renderFixedForeground={() => (
+            <Animatable.View
+              style={styles.navTitleView}
+              ref={HeaderRef}
+            >
+              <Text style={styles.navTitle}>
+                {tvShowContent.title}, ({tvShowContent.year})
+              </Text>
+            </Animatable.View> as any
+          )} 
+          renderForeground={() => (
+            <View style={styles.titleContainer}>
+              <Text style={styles.imageTitle}>{tvShowContent.title}</Text>
+            </View> as any
+          )}  
+          useNativeDriver={true}
+          disableHeaderGrow={false}>
+         <>
+          <TriggeringView
+            onHide={() =>  HeaderRef?.current?.fadeInUp(100)}
+            onDisplay={() => HeaderRef?.current?.fadeOut(100)}
+          >
+            <Text style={styles.title}>
+              <Text style={styles.name}>{tvShowContent.title}</Text>, ({tvShowContent.year})
+            </Text>
+          </TriggeringView>
+          <View style={styles.section}>
+            <Text style={styles.sectionTitle}>Overview</Text>
+            <Text style={styles.sectionContent}>{tvShowContent.overview}</Text>
+          </View>
+          <View style={[styles.section, styles.sectionLarge]}>
+            <Text style={styles.sectionTitle}>Keywords</Text>
+            <View style={styles.keywords}>
+              {tvShowContent.keywords.map(keyword => (
+                <View style={styles.keywordContainer} key={keyword}>
+                  <Text style={styles.keyword}>{keyword}</Text>
+                </View>
+              ))}
+            </View>
+          </View>
+          </>
+        </ImageHeaderScrollView>
       </View>
-    </HeaderImageScrollView>
-  );
+    );
+  
 }
+
+export default HeaderImageExample;
 ```
 
 ## 约束与限制
 
 ### 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+本文档内容基于以下版本验证通过：
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： [Releases](https://github.com/bamlab/react-native-image-header-scroll-view/releases/tag/0.10.3)
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：Next0.0.66;
 
-本文档内容基于以下版本验证通过：
+## API
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-## 属性
+#### **Header**
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `renderHeader` | Function which return the component to use as header. It can return background image for example.           | function | No       | All      | Yes               |
+| `headerImage`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
+| `maxHeight`                | Min height for the header (in navbar mode)     | number | No       | All      | Yes               |
+| `minHeight`                | Sends a ping frame to the server.                            | number | No       | All      | Yes               |
+| `minOverlayOpacity`           | Opacity of a black overlay on the header before any scroll | number | No       | All      | Yes               |
+| `maxOverlayOpacity`           | Opacity of a black overlay on the header when in navbar mode | number | No       | All      | Yes               |
+| `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
+| `useNativeDriver`           | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean | No       | All      | Yes               |
+| `headerContainerStyle`           | Optional styles to be passed to the container of the header component | Object | No       | All      | Yes               |
+| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | Yes               |
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。详情可查看[react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view/blob/0.10.3/README.md#usage-api)
 
-### Header
+#### **Foreground**
 
-| Name                 | Description                                                                                                                                                                                    | Type     | Required | Platform       | HarmonyOS Support |
-| -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------------- | ----------------- |
-| renderHeader         | Function which return the component to use as header. It can return background image for example.                                                                                              | function | no       | All            | yes               |
-| headerImage          | Shortcut for renderHeader={() => <Image source={this.props.headerImage} style={{ height: this.props.maxHeight, width: Dimensions.get('window').width }} />}                                    | Image source Props (object or number)      | no       | All            | yes               |
-| maxHeight            | Max height for the header                                                                                                                                                                      | number   | no       | All            | yes               |
-| minHeight            | Min height for the header (in navbar mode)                                                                                                                                                     | number   | no       | All            | yes               |
-| minOverlayOpacity    | Opacity of a black overlay on the header before any scroll                                                                                                                                     | number   | no       | All            | yes               |
-| maxOverlayOpacity    | Opacity of a black overlay on the header when in navbar mode                                                                                                                                   | number   | no       | All            | yes               |
-| overlayColor         | Color of the overlay on the header                                                                                                                                                             | string   | no       | All            | yes               |
-| useNativeDriver      | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean  | no       | All            | yes               |
-| headerContainerStyle | Optional styles to be passed to the container of the header component                                                                                                                          | Object   | no       | All            | yes               |
-| disableHeaderGrow    | Disable to grow effect on the header                                                                                                                                                           | boolean  | no       | ios、HarmonyOS | yes               |
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `renderForeground` | Function which return the component to use at foreground. The component is render in front of the header and scroll with the ScrollView. It can return a title for example.           | function | No       | All      | Yes               |
+| `renderFixedForeground`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
+| `foregroundExtrapolate`                | Optional prop that allows override extrapolate mode for foreground. Use null to allow extrapolation, which is usefull for using foreground as bottom title   | string | No       | All      | Yes               |
+| `foregroundParallaxRatio`                | Ration for parallax effect of foreground when scrolling. If 2, the header goes up two times faster than the scroll                          | number | No       | All      | Yes               |
+| `fadeOutForeground`           | If set, add a fade out effect on the foreground when scroll up | boolean | No       | All      | Yes               |
+| `renderTouchableFixedForeground`           | Same as renderFixedForeground but allow to use touchable in it. [Can cause performances issues on Android](https://github.com/bamlab/react-native-image-header-scroll-view/issues/6)   | function | No       | All      | Yes               |
+| `fixedForegroundContainerStyles`           | 	Optional styles to be passed to the container of the fixed foreground component | Object | No       | All      | Yes               |
 
-### Foreground
 
-| Name                           | Description                                                                                                                                                                          | Type     | Required | Platform | HarmonyOS Support |
-| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
-| renderForeground               | Function which return the component to use at foreground. The component is render in front of the header and scroll with the ScrollView. It can return a title for example.          | function | no       | All      | yes               |
-| renderFixedForeground          | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.                                          | function | no       | All      | yes               |
-| foregroundExtrapolate          | Optional prop that allows override extrapolate mode for foreground. Use null to allow extrapolation, which is usefull for using foreground as bottom title                           | string   | no       | All      | yes               |
-| foregroundParallaxRatio        | Ration for parallax effect of foreground when scrolling. If 2, the header goes up two times faster than the scroll                                                                   | number   | no       | All      | yes               |
-| fadeOutForeground              | If set, add a fade out effect on the foreground when scroll up                                                                                                                       | boolean  | no       | All      | yes               |
-| renderTouchableFixedForeground | Same as renderFixedForeground but allow to use touchable in it. [Can cause performances issues on Android](https://github.com/bamlab/react-native-image-header-scroll-view/issues/6) | function | no       | All      | yes               |
-| fixedForegroundContainerStyles | Optional styles to be passed to the container of the fixed foreground component                                                                                                      | Object   | no       | All      | yes               |
+#### **Mixed**
 
-### Mixed
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `ScrollViewComponent` | The component to be used for scrolling. Can be any component with an onScroll props (ie. ListView, FlatList, SectionList or ScrollView)         | Component | No       | All      | Yes               |
+| `scrollViewBackgroundColor`               | Background color of the scrollView content                        | string | No       | All      | Yes               |
 
-| Name                      | Description                                                                                                                             | Type      | Required | Platform | HarmonyOS Support |
-| ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | -------- | ----------------- |
-| ScrollViewComponent       | The component to be used for scrolling. Can be any component with an onScroll props (ie. ListView, FlatList, SectionList or ScrollView) | Component | no       | All      | yes               |
-| scrollViewBackgroundColor | Background color of the scrollView content                                                                                              | string    | no       | All      | yes               |
 
-### TriggeringView
 
-| Name             | Description                                                                                          | Type     | Required | Platform | HarmonyOS Support |
-| ---------------- | ---------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| onBeginHidden    | Called when the component start to be hidden at the top of the scroll view.                          | function | no       | All      | yes               |
-| onHide           | Called when the component is not displayed any more after scroll up                                  | function | no       | All      | yes               |
-| onBeginDisplayed | Called when the component begin to be displayed again after scroll down                              | function | no       | All      | yes               |
-| onDisplay        | Called when the component finished to be displayed again.                                            | function | no       | All      | yes               |
-| onTouchTop       | Called when the Top of the component touch the Top of the ScrollView. (onDisplay + onBeginHidden)    | function | no       | All      | yes               |
-| onTouchBottom    | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed) | function | no       | All      | yes               |
+#### **TriggeringView**
 
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `onBeginHidden` | Called when the component start to be hidden at the top of the scroll view.          | function | No       | All      | Yes               |
+| `onHide`               | Called when the component is not displayed any more after scroll up             | function | No       | All      | Yes               |
+| `onBeginDisplayed`                | Called when the component begin to be displayed again after scroll down | function | No       | All      | Yes               |
+| `onDisplay`                | Called when the component finished to be displayed again.            | function | No       | All      | Yes               |
+| `onTouchTop`           | 	Called when the Top of the component touch the Top of the ScrollView. (onDisplay + onBeginHidden) | function | No       | All      | Yes               |
+| `onTouchBottom`           | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
+
+## 遗留问题
 ## 其他
 
 - 如何去除图片阴影蒙层？  
@@ -148,6 +282,4 @@ export function ImageHeaderPropertyTest() {
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/meliorence/react-native-render-html/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE) ，请自由地享受和参与开源。
\ No newline at end of file

From 00e874100abae87b4c6ca784f349067e6597db6c Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Wed, 25 Sep 2024 07:45:06 +0000
Subject: [PATCH 582/966] =?UTF-8?q?!1546=20docs:=20[#IASAB8]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-securerandom=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IASAB8]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-securerandom=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-securerandom.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-securerandom.md b/zh-cn/react-native-securerandom.md
index 97c66083..d7dcf317 100644
--- a/zh-cn/react-native-securerandom.md
+++ b/zh-cn/react-native-securerandom.md
@@ -142,7 +142,7 @@ ohpm install
 
 ```diff
   ...
-+ import { SecureRandomPackage } from '@react-native-oh-tpl/react-native-secure_random/ts';
++ import { SecureRandomPackage } from '@react-native-oh-tpl/react-native-securerandom/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [

From d8a4d41511363f20135d5629a4850d373691d30d Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Wed, 25 Sep 2024 07:55:45 +0000
Subject: [PATCH 583/966] =?UTF-8?q?!1578=20docs:=20[Issues:=20#IATJR0]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-qrcode-svg=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IATJR0]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-qrcode-svg=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                        | 2 +-
 zh-cn/react-native-qrcode-svg.md | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index f12fcffc..ac8e7f86 100644
--- a/README.md
+++ b/README.md
@@ -112,7 +112,7 @@
 | 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                                  | 0.16.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
 | 81   | [react-native-progress](https://github.com/oblador/react-native-progress)                                                     | 5.0.1          | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
 | 82   | [react-native-pull](https://github.com/greatbsky/react-native-pull/blob/master)                                               | 2.0.4          | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
-| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                            | 6.2.0          | \-                 | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
+| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                            | 6.2.0          | \-                 | -                                | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
 | 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                        | 3.6.0          | 是                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
 | 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                                | 3.5.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
 | 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                      | 0.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
diff --git a/zh-cn/react-native-qrcode-svg.md b/zh-cn/react-native-qrcode-svg.md
index 6e686baa..8618af60 100644
--- a/zh-cn/react-native-qrcode-svg.md
+++ b/zh-cn/react-native-qrcode-svg.md
@@ -26,13 +26,13 @@
 #### **npm**
 
 ```bash
-npm install react-native-qrcode-svg
+npm install react-native-qrcode-svg@6.2.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-qrcode-svg
+yarn add react-native-qrcode-svg@6.2.0
 ```
 
 <!-- tabs:end -->

From 642d97adc02d5e0eaaeea93551919fb0f221edbf Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Wed, 25 Sep 2024 08:55:47 +0000
Subject: [PATCH 584/966] =?UTF-8?q?!1522=20docs:=20[#IAQYGY]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0react-native-drag-sort=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAQYGY]=20=E6=9B=B4=E6=96=B0react-nat?=
 =?UTF-8?q?ive-drag-sort=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-drag-sort.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index 2c7f3543..07dc83df 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -595,7 +595,7 @@ const styles = StyleSheet.create({
 |      **minOpacity**      |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
 |      **scaleStatus**     |                              scale   status                                |  string  |    No    | iOS/Android |        Yes        |
 |      **scaleDuration**   |                              scale duration                                |  number  |    No    | iOS/Android |        Yes        |
-|      **slideDuration**   |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
+|      **slideDuration**   |                              slide Duration                               |  number  |    No    | iOS/Android |        Yes        |
 
 ### AutoDragSortableView
 
@@ -624,7 +624,7 @@ const styles = StyleSheet.create({
 |      **minOpacity**      |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
 |      **scaleStatus**     |                              scale   status                                |  string  |    No    | iOS/Android |        Yes        |
 |      **scaleDuration**   |                              scale duration                                |  number  |    No    | iOS/Android |        Yes        |
-|      **slideDuration**   |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
+|      **slideDuration**   |                              slide Duration                               |  number  |    No    | iOS/Android |        Yes        |
 |     **autoThrottle**      |     auto  throttle      |                          number                          |    No    | iOS/Android |        Yes        |
 | **autoThrottleDuration**  |   auto throttle duration|                          number                          |    No    | iOS/Android |        Yes        |
 |   **renderHeaderView**    |    render header View   |                         element                          |    No    | iOS/Android |        Yes        |

From 9c1cb3f5ce109bfb2a9bb9e3126238c023c0916c Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Wed, 25 Sep 2024 10:02:17 +0000
Subject: [PATCH 585/966] =?UTF-8?q?!1573=20docs:=20[Issues:=20#IAT888]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-reanimated-carousel=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAT888]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-reanimated-carousel=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-reanimated-carousel.md | 502 ++++++++++------------
 1 file changed, 220 insertions(+), 282 deletions(-)

diff --git a/zh-cn/react-native-reanimated-carousel.md b/zh-cn/react-native-reanimated-carousel.md
index 2606df6b..cdde76ca 100644
--- a/zh-cn/react-native-reanimated-carousel.md
+++ b/zh-cn/react-native-reanimated-carousel.md
@@ -1,16 +1,18 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reanimated-carousel</code> </h1>
 </p>
 <p align="center">
-     <a href="https://github.com/dohooo/react-native-reanimated-carousel/blob/main/README.md">
-        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    <a href="https://github.com/dohooo/react-native-reanimated-carousel">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/dohooo/react-native-reanimated-carousel/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/dohooo/react-native-reanimated-carousel)
+> [!TIP] [Github 地址](https://github.com/dohooo/react-native-reanimated-carousel)
 
 ## 安装与使用
 
@@ -18,306 +20,244 @@
 
 <!-- tabs:start -->
 
-#### **yarn**
+#### **npm**
 
 ```bash
-yarn add react-native-reanimated-carousel@^3.5.1
+npm install react-native-reanimated-carousel@3.5.1
 ```
 
-#### **npm**
+#### **yarn**
 
 ```bash
-npm install react-native-reanimated-carousel@^3.5.1
+yarn add react-native-reanimated-carousel@3.5.1
 ```
 
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
-```js
-import * as React from "react";
+> [!TIP] 本示例依赖 react-native-gesture-handler、react-native-reanimated 库，参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入。
+
+```ts
+import React, { useState, useRef } from "react";
 import { ScrollView } from "react-native-gesture-handler";
 import type { ICarouselInstance } from "react-native-reanimated-carousel";
 import Carousel from "react-native-reanimated-carousel";
-import { SafeAreaView } from "react-native-safe-area-context";
-
-import SButton from "./components/SButton";
-import { ElementsText, window } from "./constants";
-import { useWindowDimensions, View, Text, Button } from "react-native";
-import { useSharedValue } from "@react-native-oh-tpl/react-native-reanimated";
-
-const PAGE_WIDTH = window.width;
-
-function App() {
-  const windowWidth = useWindowDimensions().width;
-  const scrollOffsetValue = useSharedValue<number>(1);
-  const [data, setData] = React.useState([...new Array(4).keys()]);
-  const [isVertical, setIsVertical] = React.useState(false);
-  const [isFast, setIsFast] = React.useState(false);
-  const [isAutoPlay, setIsAutoPlay] = React.useState(true);
-  const [isPagingEnabled, setIsPagingEnabled] = React.useState(true);
-  const [value, setValue] = React.useState(0);
-  const ref = React.useRef<ICarouselInstance>(null);
-
-  const baseOptions = isVertical
-    ? ({
-      vertical: true,
-      width: windowWidth,
-      height: PAGE_WIDTH / 2,
-    } as const)
-    : ({
-      vertical: false,
-      width: windowWidth,
-      height: PAGE_WIDTH / 2,
-    } as const);
-
-  return (
-    <SafeAreaView edges={["bottom"]} style={{ flex: 1 }}>
-      <Carousel
-        {...baseOptions}
-        loop
-        enabled // Default is true, just for demo
-        ref={ref}
-        defaultScrollOffsetValue={scrollOffsetValue}
-        testID={"xxx"}
-        style={{ width: "100%" }}
-        autoPlay={isAutoPlay}
-        autoPlayInterval={isFast ? 100 : 2000}
-        data={data}
-        // onScrollStart={()=>{console.log('===1')}}
-        onScrollEnd={() => { console.log('===2') }}
-
-        // onConfigurePanGesture={g => g.enabled(false)}
-        pagingEnabled={isPagingEnabled}
-        onSnapToItem={index => setValue(index)}
-        renderItem={({ index }) => {return <View
-          key={index}
-          style={{
-            width: windowWidth,
-            height: PAGE_WIDTH / 2,
-            backgroundColor: "skyblue",
-            justifyContent: "center",
-            alignItems: "center",
-          }}
-        >
-          <Text style={{ fontSize: 20, color: "white" }}>
-            {`slide${value + 1}`}
-          </Text>
-        </View>}}
-      />
-      <ScrollView style={{ flex: 1 }}>
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title="Change the data length to 5"
-            onPress={() => {
-              setData([...new Array(5).keys()]);
-            }}
-          />
-        </View>
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title="Change the data length to 3"
-            onPress={() => {
-              setData([...new Array(3).keys()]);
-            }}
-          />
-        </View>
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title={isVertical ? "Set horizontal" : "Set Vertical"}
-            onPress={() => {
-              setIsVertical(!isVertical);
-            }}
-          />
-        </View>
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title={isFast ? "NORMAL" : "FAST"}
-            onPress={() => {
-              setIsFast(!isFast);
-            }}
-          />
-        </View>
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title={`PagingEnabled:${isPagingEnabled.toString()}`}
-            onPress={() => {
-              setIsPagingEnabled(!isPagingEnabled);
-            }}
-          />
-        </View>
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title={`ElementsText.AUTOPLAY:${isAutoPlay}`}
-            onPress={() => {
-              setIsAutoPlay(!isAutoPlay);
-            }}
-          ></Button>
-        </View>
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title="Log current index"
-            onPress={() => {
-              console.info("9999999999",ref.current?.getCurrentIndex());
-            }}
-          />
-        </View>
-
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title={`Change-data-length-to:${data.length === 6 ? 8 : 6}`}
-            onPress={() => {
-              setData(
-                data.length === 6
-                  ? [...new Array(8).keys()]
-                  : [...new Array(6).keys()],
-              );
-            }}
-          />
-        </View>
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title="prev"
-            onPress={() => {
-              ref.current?.scrollTo({ count: -1, animated: true });
-            }}
-          />
-        </View>
-        <View
-          style={{
-            marginTop: 20,
-            backgroundColor: "#26292E",
-            borderRadius: 50,
-            paddingLeft: 20,
-            paddingRight: 20,
-            padding: 10,
-          }}>
-          <Button
-            title="next"
-            onPress={() => {
-              ref.current?.scrollTo({ count: 1, animated: true });
-            }}
-          />
-        </View>
-
-      </ScrollView>
-    </SafeAreaView>
-  );
+import { View, Text, Button, Dimensions, SafeAreaView, StyleSheet } from "react-native";
+import { useSharedValue } from "react-native-reanimated";
+
+const PAGE_HEIGHT = Dimensions.get("window").height;
+const PAGE_WIDTH = Dimensions.get("window").width;
+
+export function ReanimatedCarouselExample() {
+	const scrollOffsetValue = useSharedValue<number>(1);
+	const [data, setData] = useState([...new Array(4).keys()]);
+	const [isVertical, setIsVertical] = useState(false);
+	const [isFast, setIsFast] = useState(false);
+	const [isAutoPlay, setIsAutoPlay] = useState(true);
+	const [isPagingEnabled, setIsPagingEnabled] = useState(true);
+	const [value, setValue] = useState(0);
+	const ref = useRef<ICarouselInstance>(null);
+
+	return (
+		<SafeAreaView edges={["bottom"]} style={{ flex: 1 }}>
+			<Carousel
+				ref={ref}
+				width={PAGE_WIDTH}
+				height={PAGE_HEIGHT / 2}
+				loop
+				enabled // Default is true, just for demo
+				defaultScrollOffsetValue={scrollOffsetValue}
+				testID={"testBox"}
+				vertical={isVertical}
+				autoPlay={isAutoPlay}
+				autoPlayInterval={isFast ? 200 : 2000}
+				data={data}
+				pagingEnabled={isPagingEnabled}
+				onSnapToItem={(index) => setValue(index)}
+				renderItem={({ index }) => {
+					return (
+						<View
+							key={index}
+							style={{
+								width: PAGE_WIDTH,
+								height: PAGE_HEIGHT / 2,
+								...styles.swiperView
+							}}
+						>
+							<Text style={{ fontSize: 20, color: "white" }}>{`slide${value + 1}`}</Text>
+						</View>
+					);
+				}}
+			/>
+			<ScrollView style={{ flex: 1 }}>
+				<View style={styles.optView}>
+					<Button
+						title="Change the data length to 5"
+						onPress={() => {
+							setData([...new Array(5).keys()]);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title="Change the data length to 3"
+						onPress={() => {
+							setData([...new Array(3).keys()]);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title={isVertical ? "Set horizontal" : "Set Vertical"}
+						onPress={() => {
+							setIsVertical(!isVertical);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title={isFast ? "NORMAL" : "FAST"}
+						onPress={() => {
+							setIsFast(!isFast);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title={`PagingEnabled:${isPagingEnabled.toString()}`}
+						onPress={() => {
+							setIsPagingEnabled(!isPagingEnabled);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title={`ElementsText.AUTOPLAY:${isAutoPlay}`}
+						onPress={() => {
+							setIsAutoPlay(!isAutoPlay);
+						}}
+					></Button>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title="prev"
+						onPress={() => {
+							ref.current?.scrollTo({ count: -1, animated: true });
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title="next"
+						onPress={() => {
+							ref.current?.scrollTo({ count: 1, animated: true });
+						}}
+					/>
+				</View>
+			</ScrollView>
+		</SafeAreaView>
+	);
 }
 
-export default App;
-
+const styles = StyleSheet.create({
+	swiperView: {
+		backgroundColor: "skyblue",
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	optView: {
+		flexDirection: "row",
+		gap: 10,
+		padding: 5
+	}
+});
 ```
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
 
 ## 约束与限制
 
-## 兼容性
-
-在下述版本验证通过:
-
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
-
-## API
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
->
-> 详情见 [react-native-reanimated-carousel 源库地址](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/README.md)
-
-| 名称                     | 描述                                                           | 参数类型 | 是否必填 | Platform | HarmonyOS Support |
-| ------------------------ | -------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| data                     | 要显示的数据数组                                               | array    | yes      | All      | yes               |
-| renderItem               | 渲染每个项目的函数。接收一个参数 index，表示当前项的索引       | func     | yes      | All      | yes               |
-| loop                     | 是否循环播放                                                   | boolean  | yes      | All      | yes               |
-| enabled                  | 是否启用轮播图功能                                             | boolean  | yes      | All      | yes               |
-| autoPlay                 | 是否自动播放                                                   | boolean  | yes      | All      | yes               |
-| autoPlayInterval         | 自动播放的时间间隔（以毫秒为单位）                             | number   | yes      | All      | yes               |
-| defaultScrollOffsetValue | 初始滚动偏移值                                                 | number   | yes      | All      | yes               |
-| onScrollStart            | 滚动开始时的回调函数                                           | func     | yes      | All      | yes               |
-| onScrollEnd              | 滚动结束时的回调函数                                           | func     | yes      | All      | yes               |
-| onSnapToItem             | 切换到新项目时的回调函数。接收一个参数 index，表示新项目的索引 | func     | yes      | All      | yes               |
-| pagingEnabled            | 是否启用分页滚动                                               | boolean  | yes      | All      | yes               |
-| scrollTo                 | 滚动到指定项的方法                                             | func     | yes      | All      | yes               |
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK: HarmonyOS-Next-DB6 5.0.0.61; IDE: DevEco Studio 5.0.3.706; ROM: NEXT.0.0.61;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Basic Props
+
+| Name | Description | Required | Default | Type | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| data | Carousel items data set | yes |  | T[] | All | yes |
+| renderItem | Render carousel item | yes |  | (info: { item: T, index: number, animationValue: SharedValue\<number> }) => React.ReactElement | All | yes |
+| defaultScrollOffsetValue | The default animated value of the carousel. | no | useSharedValue<number>(0) | boolean | All | yes |
+| autoFillData | Auto fill data array to allow loop playback when the loop props is true.([1] => [1, 1, 1]；[1, 2] => [1, 2, 1, 2]) | no | true | boolean | All | yes |
+| vertical | Layout items vertically instead of horizontally | no | false | boolean | All | yes |
+| width | Specified carousel item width | `vertical` no `horizontal` yes | '100%' | number \| undefined | All | yes |
+| height | Specified carousel item height | `vertical` yes `horizontal` no | '100%' | number \| undefined | All | yes |
+| mode | Carousel Animated transitions | no | default | 'horizontal-stack'\|'vertical-stack'\|'parallax' | All | yes |
+| modeConfig | Stack layout animation style. Different modes correspond to different configurations | no | { snapDirection: 'left',moveSize: window.width,stackInterval: 30,scaleInterval: 0.08,rotateZDeg: 135} |  | All | yes |
+| style | Carousel container style | no | {} | ViewStyle | All | yes |
+| defaultIndex | Default index | no | 0 | number | All | yes |
+| autoPlay | Auto play | no | false | boolean | All | yes |
+| autoPlayReverse | Auto play reverse playback | no | false | boolean | All | yes |
+| autoPlayInterval | Auto play playback interval | no | 1000 | number | All | yes |
+| scrollAnimationDuration | Time a scroll animation takes to finish | no | 500 | number | All | yes |
+| loop | Carousel loop playback | no | true | boolean | All | yes |
+| testID | Used to locate this view in end-to-end tests | no |  | string | All | yes |
+| onSnapToItem | Callback fired when navigating to an item | no |  | (index: number) => void | All | yes |
+| onScrollBegin | Callback fired when scroll begin | no |  | () => void | All | yes |
+| onScrollEnd | Callback fired when scroll end | no |  | (index: number) => void | All | yes |
+| withAnimation | Specifies the scrolling animation effect | no |  | {type: 'spring';config: WithSpringConfig;} \| {type: 'timing';config: WithTimingConfig;} | All | yes |
+| panGestureHandlerProps | PanGestureHandler props | no | {} | Omit<Partial\<PanGestureHandlerProps\>,'onHandlerStateChange'> | All | yes |
+| windowSize | The maximum number of items that can respond to pan gesture events, `0` means all items will respond to pan gesture events | no | 0 | number | All | yes |
+| onProgressChange | On progress change. `offsetProgress`:Total of offset distance (0 390 780 ...); `absoluteProgress`:Convert to index (0 1 2 ...) | no |  | onProgressChange?: (offsetProgress: number,absoluteProgress: number) => void | All | yes |
+| pagingEnabled | When true, the scroll view stops on multiples of the scroll view's size when scrolling | no | true | boolean | All | yes |
+| overscrollEnabled | If enabled, the item will scroll to the first placement when scrolling past the edge rather than closing to the last. (previous conditions: loop=false) | no | true | boolean | All | yes |
+| snapEnabled | If enabled, releasing the touch will scroll to the nearest item, valid when pagingEnabled=false | no | true | boolean | All | yes |
+| enabled | when false, Carousel will not respond to any gestures | no | true | boolean | All | yes |
+| customConfig | Custom carousel config | no |  | () => {type?: 'negative' \| 'positive';viewCount?: number;} | All | yes |
+| customAnimation | Custom animations | no |  | (value: number) => Animated.AnimatedStyleProp<ViewStyle> | All | yes |
+| maxScrollDistancePerSwipe | Maximum offset value for one scroll. If `props.vertical = true`, this will be `maxScrollDistancePerSwipeY`. If `props.vertical = false`, this will be `maxScrollDistancePerSwipeX`. | no |  | number | All | yes |
+
+### `modeConfig` Parallax
+
+| Name | Description | Required | Default | Type | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| parallaxScrollingOffset | control prev/next item offset | no | 100 | number | All | yes |
+| parallaxScrollingScale | control prev/current/next item scale | no | 0.8 | number | All | yes |
+| parallaxAdjacentItemScale | control prev/next item scale | no | parallaxAdjacentItemScale \|\| Math.pow(parallaxScrollingScale, 2) | number | All | yes |
+
+### `modeConfig` Stack
+
+| Name            | Description              | Required | Default       | Type            | Platform | HarmonyOS Support |
+| --------------- | ------------------------ | -------- | ------------- | --------------- | -------- | ----------------- |
+| showLength      | Display number           | no       | data.length-1 | number          | All      | yes               |
+| moveSize        | Item translate size      | no       | screen.width  | number          | All      | yes               |
+| stackInterval   | The spacing of each item | no       | 18            | number          | All      | yes               |
+| scaleInterval   | The scale of each item   | no       | 0.04          | number          | All      | yes               |
+| opacityInterval | The opacity of each item | no       | 0.1           | number          | All      | yes               |
+| rotateZDeg      | The item rotation Angle  | no       | 30            | number          | All      | yes               |
+| snapDirection   | Slide direction          | no       | 'left'        | 'left'\|'right' | All      | yes               |
+
+### Ref
+
+| Name | description | Required | Default | Type | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| prev | Scroll to previous item, it takes one optional argument (count), which allows you to specify how many items to cross | no |  | ({ count: number, animated: boolean, onFinished?: () => void }) => void | All | yes |
+| next | Scroll to next item, it takes one optional argument (count), which allows you to specify how many items to cross | no |  | ({ count: number, animated: boolean, onFinished?: () => void }) => void | All | yes |
+| scrollTo | Use count to scroll to a position where relative to the current position, scrollTo({count:-2}) is equivalent to prev(2), scrollTo({count:2}) is equivalent to next(2). And also can jump to specific position, e.g. scrollTo({index:2,animated:false}) | no |  | ({ index: number, count: number, animated: boolean, onFinished?: () => void }) => void | All | yes |
+| getCurrentIndex | Get current item index | no |  | ()=>number | All | yes |
 
 ## 遗留问题
 
@@ -326,5 +266,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 92343349e2068eff81d5f280f363b4544ca62236 Mon Sep 17 00:00:00 2001
From: wangshizhao001 <13406653+wangshizhao001@user.noreply.gitee.com>
Date: Wed, 25 Sep 2024 10:13:01 +0000
Subject: [PATCH 586/966] =?UTF-8?q?!1579=20docs:=20[Issues:=20#IATKHL]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-router-dom=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IATKHL]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-router-dom=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-router-dom.md | 93 ++++++++++++++++++++++++++++++---------
 1 file changed, 72 insertions(+), 21 deletions(-)

diff --git a/zh-cn/react-router-dom.md b/zh-cn/react-router-dom.md
index 3c9c206e..cea28d25 100644
--- a/zh-cn/react-router-dom.md
+++ b/zh-cn/react-router-dom.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/remix-run/react-router/tree/main/packages/react-router-dom)
+> [!Tip] [Github 地址](https://github.com/remix-run/react-router/tree/main/packages/react-router-dom)
 
 ## 安装与使用
 
@@ -32,7 +32,7 @@ yarn add react-router-dom@6.22.3
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```js
 import React from 'react';
 import { Platform, StyleSheet, Text, TextInput, View, Button, ScrollView } from 'react-native';
 import {
@@ -325,29 +325,80 @@ export default DomDemo;
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH: 0.72.28; SDK:HarmonyOS-Next-DB5 5.0.0.60 SDK; IDE: DevEco Studio 5.0.3.655; ROM: 3.0.0.60;
+1. RNOH: 0.72.28; SDK:HarmonyOS-Next-DB6 5.0.0.61 SDK; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Component
+
+| Name        | Description       | Type     | Required | Platform | HarmonyOS Support |
+| ----------- | ----------------- | -------- | -------- | -------- | ----------------- |
+| Route   | Routes are perhaps the most important part of a React Router app. They couple URL segments to components, data loading and data mutations. Through route nesting, complex application layouts and data dependencies become simple and declarative. | Component | no       |All      | yes               |
+| Routes   | Rendered anywhere in the app, <Routes> will match a set of child routes from the current location. | Component | no       |All  | yes               |
+| Navigate   | A <Navigate> element changes the current location when it is rendered. It's a component wrapper around useNavigate, and accepts all the same arguments as props.<docs-info>Having a component-based version of the useNavigate hook makes it easier to use this feature in a React.Component subclass where hooks are not able to be used.</docs-info> | Component | no       |All     | yes               |
+| Outlet   | An <Outlet> should be used in parent route elements to render their child route elements. This allows nested UI to show up when child routes are rendered. If the parent route matched exactly, it will render a child index route or nothing if there is no index route. | Component | no       |All      | yes               |
+| MemoryRouter   | A <MemoryRouter> stores its locations internally in an array. Unlike <BrowserHistory> and <HashHistory>, it isn't tied to an external source, like the history stack in a browser. This makes it ideal for scenarios where you need complete control over the history stack, like testing. | Component | no       |All     | yes               |
+| BrowserRouter   |  A <BrowserRouter> stores the current location in the browser's address bar using clean URLs and navigates using the browser's built-in history stack.    | Component | no       | web   | no        |
+| Form   |   The Form component is a wrapper around a plain HTML form that emulates the browser for client side routing and data mutations. It is not a form validation/state management library like you might be used to in the React ecosystem (for that, we recommend the browser's built in HTML Form Validation and data validation on your backend server).   | Component | no       | web   | no        |
+| HashRouter   |   <HashRouter> is for use in web browsers when the URL should not (or cannot) be sent to the server for some reason.    | Component | no       | web   | no        |
+| Link   |   A <Link> is an element that lets the user navigate to another page by clicking or tapping on it.   | Component | no       | web   | no        |
+| NavLink   |  A <NavLink> is a special kind of <Link> that knows whether or not it is "active", "pending", or "transitioning".     | Component | no       | web   | no        |
+| RouterProvider   | All data router objects are passed to this component to render your app and enable the rest of the data APIs.     | Component | no       | web   | no        |
+| ScrollRestoration   |     This component will emulate the browser's scroll restoration on location changes after loaders have completed to ensure the scroll position is restored to the right spot, even across domains. | Component | no       | web   | no        |
+
+### Hooks
+| Name                            | Description       | Type     | Required | Platform | HarmonyOS Support |
+|---------------------------------| ----------------- |----------|----------|----------|-------------------|
+| useLocation                     | This hook returns the current [`location`](https://reactrouter.com/en/main/utils/location) object. This can be useful if you'd like to perform some side effect whenever the current location changes. | Function | no       | All      | yes               |
+| useNavigate                     | The `useNavigate` hook returns a function that lets you navigate programmatically, for example in an effect:  | Function | no       | All      | yes               |
+| useOutlet                       | Returns the element for the child route at this level of the route hierarchy. This hook is used internally by < Outlet > to render child routes.   | Function | no       | All      | yes               |
+| useRoutes                       | The useRoutes hook is the functional equivalent of < Routes >, but it uses JavaScript objects instead of < Route > elements to define your routes. These objects have the same properties as normal < Route > elements, but they don't require JSX. | Function | no       | All      | yes               |
+| createBrowserRouter             |  This is the recommended router for all React Router web projects. It uses the DOM History API to update the URL and manage the history stack.    | Function | no       | web      | no                |
+| createHashRouter                |     This router is useful if you are unable to configure your web server to direct all traffic to your React Router application. Instead of using normal URLs, it will use the hash (#) portion of the URL to manage the "application URL". | Function | no       | web      | no                |
+| createSearchParams              |   createSearchParams is a thin wrapper around new URLSearchParams(init) that adds support for using objects with array values.    | Function | no       | web      | no                |
+| unstable_useprompt              |   The unstable_usePrompt hook allows you to prompt the user for confirmation via window.confirm prior to navigating away from the current location.   | Function | no       | web      | no                |
+| unstable_useViewTransitionState |    This hook returns true when there is an active View Transition to the specified location. This can be used to apply finer-grained styles to elements to further customize the view transition. This requires that view transitions have been enabled for the given navigation via the unstable_viewTransition prop on the Link (or the Form, navigate, or submit call). | Function | no       | web      | no                |
+| useBeforeUnload                 |  This hook is just a helper around window.onbeforeunload. It can be useful to save important application state on the page (to something like the browser's local storage), before the user navigates away from your page. That way if they come back you can restore any stateful information (restore form input values, etc.) | Function | no       | web      | no                |
+| useFetcher                      |   In HTML/HTTP, data mutations and loads are modeled with navigation: <a href> and <form action>. Both cause a navigation in the browser. The React Router equivalents are <Link> and <Form>.   | Function | no       | web      | no                |
+| useFetchers                     |  Returns an array of all inflight fetchers without their load, submit, or Form properties (can't have parent components trying to control the behavior of their children! We know from IRL experience that this is a fool's errand.) | Function | no       | web      | no                |
+| useFormAction                   |  This hook is used internally in <Form> to automatically resolve default and relative actions to the current route in context.     | Function | no       | web      | no                |
+| useLinkClickHandler             | The useLinkClickHandler hook returns a click event handler for navigation when building a custom <Link> in react-router-dom.     | Function | no       | web      | no                |
+| useSearchParams                 | The useSearchParams hook is used to read and modify the query string in the URL for the current location. Like React's own useState hook, useSearchParams returns an array of two values: the current location's search params and a function that may be used to update them. Just as React's useState hook, setSearchParams also supports functional updates. | Function | no       | web      | no                |
+| useSubmit                       |   The imperative version of <Form> that lets you, the programmer, submit a form instead of the user.   | Function | no       | web      | no                |
+| useNavigation                   |  This hook tells you everything you need to know about a page navigation to build pending navigation indicators and optimistic UI on data mutations.  | Function | no       | web      | no                |
+| useParams                       | The useParams hook returns an object of key/value pairs of the dynamic params from the current URL that were matched by the <Route path>. Child routes inherit all params from their parent routes. | Function | no       | All      | yes               |
+| useRouteError                   |Inside of an errorElement, this hook returns anything thrown during an action, loader, or rendering. Note that thrown responses have special treatment, see isRouteErrorResponse for more information.| Function | no       | web      | no                |
+| useAsyncError                   |Returns the rejection value from the nearest `<Await>` component.                                                                                                                                | Function | no       | All      | yes               |
+| useAsyncValue                   |Returns the resolved data from the nearest `<Await>` ancestor component.                                                                                                                         | Function | no       | All      | yes               |
+| useBlocker                      | The useBlocker hook allows you to prevent the user from navigating away from the current location, and present them with a custom UI to allow them to confirm the navigation.                   | Function | no       | web      | no                |
+| useHref                         | The `useHref` hook returns a URL that may be used to link to the given `to` location, even outside of React Router.                                                                             | Function | no       | All      | yes               |
+| useInRouterContext              | The `useInRouterContext` hooks returns `true` if the component is being rendered in the context of a `<Router>`, `false` otherwise. This can be useful for some 3rd-party extensions that need to know if they are being rendered in the context of a React Router app. | Function | no       | All      | yes               |
+| useLoaderData                   | This hook provides the value returned from your route loader.                                                                                                                                   | Function | no       | web      | no                |
+| useMatches                      | Returns the current route matches on the page. This is most useful for creating abstractions in parent layouts to get access to their child route's data.                                       | Function | no       | web      | no                |
+| useNavigationType               | This hook returns the current type of navigation or how the user came to the current page; either via a pop, push, or replace action on the history stack.                                      | Function | no       | All      | yes               |
+| useOutletContext                | parent routes manage state or other values you want shared with child routes.                                                                                                                   | Function | no       | All      | yes               |
+| useResolvedPath                 | This hook resolves the `pathname` of the location in the given `to` value against the pathname of the current location.                                                                         | Function | no       | web      | no                |
+| useRevalidator                  | This hook allows you to revalidate the data for any reason. React Router automatically revalidates the data after actions are called, but you may want to revalidate for other reasons like when focus returns to the window. | Function | no       | web      | no                |
+| useRouteLoaderData              | This hook makes the data at any currently rendered route available anywhere in the tree. This is useful for components deep in the tree needing data from routes much farther up, as well as parent routes needing the data of child routes deeper in the tree. | Function | no       | web      | no                |
+| useActionData                   | This hook provides the returned value from the previous navigation's `action` result, or `undefined` if there was no submission.                                                                | Function | no       | web      | no                |
+
+### Utilities
+| Name               | Description                                                                                                                                                                                                                                                                                               | Type      | Required | Platform | HarmonyOS Support |
+|--------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|----------|----------|-------------------|
+| redirect           | Because you can return or throw responses in loaders and actions, you can use redirect to redirect to another route..                                                                                                                                                                                     | Function  | no       | web      | no                |
+| isRouteErrorResponse | This returns true if a route error is a route error response.                                                                                                                                                                                                                                             | Function  | no       | web      | no                |
+| matchPath          | `matchPath` matches a route path pattern against a URL pathname and returns information about the match. This is useful whenever you need to manually run the router's matching algorithm to determine if a route path matches or not. It returns `null` if the pattern does not match the given pathname. | Function  | no       | web      | no                |
+| matchRoutes        | `matchRoutes` runs the route matching algorithm for a set of routes against a given [`location`][location] to see which routes (if any) match. If it finds a match, an array of `RouteMatch` objects is returned, one for each route that matched.                                                        | Function  | no       | web      | no                |
+| parsePath          | Parses a string as a URL                                                                                                                                                                                                                                                                                  | Function  | no       | All      | yes               |
+| redirectDocument   | This is a small wrapper around `redirect` that will trigger a document-level redirect to the new location instead of a client-side navigation.                                                                                                                                                            | Function  | no       | web      | no                |
+| renderMatches      | `renderMatches` renders the result of `matchRoutes()` into a React element.                                                                                                                                                                                                                               | Function  | no       | web      | no                |
+| resolvePath        | `resolvePath` resolves a given `To` value into an actual `Path` object with an absolute `pathname`. This is useful whenever you need to know the exact path for a relative `To` value.                                                                                                                    | Function  | no       | web      | no                |
+| generatePath       | `generatePath` interpolates a set of params into a route path string with `:id` and `*` placeholders. This can be useful when you want to eliminate placeholders from a route path so it matches statically instead of using a dynamic parameter.                                                         | Function  | no       | web      | no                |
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-以下属性已验证，详情见 [react-router-dom源库地址](https://github.com/remix-run/react-router)
-
-**Hooks**
-
-| Name        | Description                                                                                                                                                                                                                                         | Type     | Required | Platform | HarmonyOS Support |
-| ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| Route   | Routes are perhaps the most important part of a React Router app. They couple URL segments to components, data loading and data mutations. Through route nesting, complex application layouts and data dependencies become simple and declarative. | Component | NO       | Android、iOS      | YES               |
-| Routes   | Rendered anywhere in the app, <Routes> will match a set of child routes from the current location. | Component | NO       | Android、iOS      | YES               |
-| Navigate   | A <Navigate> element changes the current location when it is rendered. It's a component wrapper around useNavigate, and accepts all the same arguments as props.<docs-info>Having a component-based version of the useNavigate hook makes it easier to use this feature in a React.Component subclass where hooks are not able to be used.</docs-info> | Component | NO       | Android、iOS     | YES               |
-| Outlet   | An <Outlet> should be used in parent route elements to render their child route elements. This allows nested UI to show up when child routes are rendered. If the parent route matched exactly, it will render a child index route or nothing if there is no index route. | Component | NO       | Android、iOS      | YES               |
-| MemoryRouter   | A <MemoryRouter> stores its locations internally in an array. Unlike <BrowserHistory> and <HashHistory>, it isn't tied to an external source, like the history stack in a browser. This makes it ideal for scenarios where you need complete control over the history stack, like testing. | Component | NO       | Android、iOS     | YES               |
-| useLocation | This hook returns the current [`location`](https://reactrouter.com/en/main/utils/location) object. This can be useful if you'd like to perform some side effect whenever the current location changes.                                              | Function | NO       | Android、iOS      | YES               |
-| useNavigate | The `useNavigate` hook returns a function that lets you navigate programmatically, for example in an effect:                                                                                                                                        | Function | NO       | Android、iOS      | YES               |
-| useOutlet   | Returns the element for the child route at this level of the route hierarchy. This hook is used internally by < Outlet > to render child routes.                                                                                                    | Function | NO       | Android、iOS      | YES               |
-| useRoutes   | The useRoutes hook is the functional equivalent of < Routes >, but it uses JavaScript objects instead of < Route > elements to define your routes. These objects have the same properties as normal < Route > elements, but they don't require JSX. | Function | NO       | Android、iOS      | YES               |
 
 ## 遗留问题
 

From f4ae768a933f44ce37489d00500e2e60eb774565 Mon Sep 17 00:00:00 2001
From: zm_code <2232592+zm_android_code@user.noreply.gitee.com>
Date: Wed, 25 Sep 2024 10:13:54 +0000
Subject: [PATCH 587/966] =?UTF-8?q?!1577=20docs:=20[Issues:=20#IATJGC]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-swipe-gestures=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IATJGC]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-swipe-gestures=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-swipe-gestures.md | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/zh-cn/react-native-swipe-gestures.md b/zh-cn/react-native-swipe-gestures.md
index 7068d690..ddca833b 100644
--- a/zh-cn/react-native-swipe-gestures.md
+++ b/zh-cn/react-native-swipe-gestures.md
@@ -154,14 +154,13 @@ Can be passed within optional `config` property.
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| name         | Params       | Description                              | Type   | Required | Platform    | HarmonyOS Support |
-| ------------ | ------------ | ---------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| onSwipe      | gestureName  | Name of the gesture (look example above) | String | No       | IOS/Android | yes               |
-| onSwipe      | gestureState | gestureState received from PanResponder  | Object | No       | IOS/Android | yes               |
-| onSwipeUp    | gestureState | gestureState received from PanResponder  | Object | No       | IOS/Android | yes               |
-| onSwipeDown  | gestureState | gestureState received from PanResponder  | Object | No       | IOS/Android | yes               |
-| onSwipeLeft  | gestureState | gestureState received from PanResponder  | Object | No       | IOS/Android | yes               |
-| onSwipeRight | gestureState | gestureState received from PanResponder  | Object | No       | IOS/Android | yes               |
+| name         | Params       | Description                              | Type   | Required | Platform    | HarmonyOS Suppor |
+| ------------ | ------------ | ---------------------------------------- | ------ | -------- | ----------- | ---------------- |
+| onSwipe      | gestureState | gestureState received from PanResponder  | Object | No       | IOS/Android | yes              |
+| onSwipeUp    | gestureState | Received up gesture from PanResponder    | Object | No       | IOS/Android | yes              |
+| onSwipeDown  | gestureState | Received down gesture from PanResponder  | Object | No       | IOS/Android | yes              |
+| onSwipeLeft  | gestureState | Received left gesture from PanResponder  | Object | No       | IOS/Android | yes              |
+| onSwipeRight | gestureState | Received right gesture from PanResponder | Object | No       | IOS/Android | yes              |
 
 ## 遗留问题
 

From 7ae73a941bafcf0a073b6b9aab04f8c9cd7afbca Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Wed, 25 Sep 2024 10:14:41 +0000
Subject: [PATCH 588/966] =?UTF-8?q?!1580=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-community-hooks=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[#IATKWD]=20=E4=BF=AE=E6=94=B9react-native-commu?=
 =?UTF-8?q?nity-hooks=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-hooks.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-community-hooks.md b/zh-cn/react-native-community-hooks.md
index 36466589..7ede9913 100644
--- a/zh-cn/react-native-community-hooks.md
+++ b/zh-cn/react-native-community-hooks.md
@@ -23,13 +23,13 @@
 ####  npm
 
 ```bash
-npm install @react-native-community/hooks@0.2.2
+npm install @react-native-community/hooks@3.0.0
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-community/hooks@0.2.2
+yarn add @react-native-community/hooks@3.0.0
 ```
 
 <!-- tabs:end -->
@@ -38,7 +38,7 @@ yarn add @react-native-community/hooks@0.2.2
 
 >[!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```jsx
 
 import React, { useState } from 'react';
 import {

From dba31228d16c819d6fe98573fa6dca8256bad49a Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Wed, 25 Sep 2024 10:15:32 +0000
Subject: [PATCH 589/966] =?UTF-8?q?!1581=20docs:=20=E4=BF=AE=E6=94=B9gorho?=
 =?UTF-8?q?m-bottom-sheet=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IATLIO]=20=E4=BF=AE=E6=94=B9gorhom-bottom-sheet?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/gorhom-bottom-sheet.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/gorhom-bottom-sheet.md b/zh-cn/gorhom-bottom-sheet.md
index 8829b820..b174abf7 100644
--- a/zh-cn/gorhom-bottom-sheet.md
+++ b/zh-cn/gorhom-bottom-sheet.md
@@ -38,7 +38,7 @@ yarn add @react-native-oh-tpl/bottom-sheet@file:#
 
 >[!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```jsx
 // bottom-sheet组件
 import React, { useCallback, useRef, useMemo } from "react";
 import { StyleSheet, View, Text, Button } from "react-native";
@@ -91,7 +91,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
-```tsx
+```jsx
 // bottom-sheet-modal组件
 import React, { useCallback, useMemo, useRef } from 'react';
 import { View, Text, StyleSheet, Button } from 'react-native';
@@ -163,7 +163,7 @@ export default App;
 
 本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-reanimated和@react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](zh-cn/react-native-gesture-handler.md)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
 
 ## 约束与限制
 

From 37f94f3fc4f89a3f5112a7fbb40848bc94b60977 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Wed, 25 Sep 2024 10:16:04 +0000
Subject: [PATCH 590/966] =?UTF-8?q?!1551=20docs:=20[Issues:=20IASGYP?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-flash-message=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20IASGYP=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-flash-message=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-flash-message.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-flash-message.md b/zh-cn/react-native-flash-message.md
index 2239121c..b1e6f798 100644
--- a/zh-cn/react-native-flash-message.md
+++ b/zh-cn/react-native-flash-message.md
@@ -2,7 +2,7 @@
 > 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-flash-messag</code> </h1>
+  <h1 align="center"> <code>react-native-flash-message</code> </h1>
 </p>
 <p align="center">
    <a href="https://github.com/lucasferreira/react-native-flash-message">
@@ -37,7 +37,7 @@ yarn add react-native-flash-message@0.4.2
 
 下面的代码展示了这个库的基本使用场景：
 
-```tsx
+```js
 // FlashMessage组件是为全局使用而构建的，因此您必须在主应用程序屏幕中实例化此组件一次，并始终将其作为最后插入的组件
 import React from 'react';
 import {SafeAreaView, View,} from 'react-native';
@@ -55,7 +55,7 @@ export default App;
 
 ```
 
-```tsx
+```js
 import {StyleSheet, Text, View, Image, TouchableOpacity} from 'react-native';
 import {showMessage, hideMessage} from 'react-native-flash-message';
 
@@ -137,6 +137,7 @@ const styles = StyleSheet.create({
 | style                  | Apply a custom style object in flash message container | NO       | iOS/Android               | YES               |
 | textStyle              | Apply a custom style object in flash message descript/text text label   | NO       | iOS/Android               | YES               |
 | titleStyle             | Apply a custom style object in flash message title text label           | NO       | iOS/Android               | YES               |
+| titleProps              | Set a custom props object in flash message title text label          | NO       | iOS/Android               | YES               |
 | textProps              | Set a custom props object in flash message all text components          | NO       | iOS/Android               | YES               |
 | iconProps              | Set a custom props object to use inside the renderFlashMessageIcon method as third argument           | NO       | iOS/Android               | YES               |
 | renderBeforeContent    | Render custom JSX before title in flash message.          | NO        | iOS/Android               | YES               |

From b227979a779472ad607d8515fc865291640af785 Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Wed, 25 Sep 2024 10:16:42 +0000
Subject: [PATCH 591/966] =?UTF-8?q?!1517=20docs:=20[#IAQVV2]=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0recyclerlistview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[#IAQVV2]=E6=9B=B4=E6=96=B0recyclerlistview?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/recyclerListView.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerListView.md
index b2068147..3b523209 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerListView.md
@@ -197,7 +197,7 @@ const styles = {
 | onVisibleIndicesChanged | Provides visible index; <br> helpful in sending impression events | TOnItemStatusChanged | No | iOS Android | Yes              |
 | renderFooter | Provide this method if you want to <br>render a footer. Helpful in showing <br>a loader while doing incremental loads | function | No | iOS Android | Yes               |
 | initialRenderIndex | Specify the initial item index you<br> want rendering to start from. Preferred <br>over initialOffset if both specified | number | No | iOS Android | Yes          |
-| scrollThrottle | iOS only; Scroll throttle duration | number | No | iOS | Yes |
+| scrollThrottle | iOS only; Scroll throttle duration | number | No | iOS | No |
 | canChangeSize | Specify if size can change | boolean | No | iOS Android | Yes               |
 | applyWindowCorrection | (Enhancement/replacement to <br>distanceFromWindow API) Allows  <br>updation of the visible windowBounds <br> to based on correctional values passed. <br>User can specify windowShift; in case <br>entire RecyclerListWindow needs to <br>shift down/up, startCorrection; in case <br>when top window bound needs to be <br>shifted for e.x. top window bound to be <br> shifted down is a content overlapping <br>the top edge of RecyclerListView,<br> endCorrection: to alter bottom window<br>  bound for a similar use-case. | function | No | iOS Android | Yes |
 | disableRecycling | Turns off recycling | boolean| No | iOS Android | Yes               |
@@ -212,6 +212,8 @@ const styles = {
 
 ## 遗留问题
 
+- [ ] 接口scrollThrottle不支持: [issue#785](https://github.com/Flipkart/recyclerlistview/issues/785)
+
 ## 其他
 
 ## 开源协议

From 1849bdd5d486ed888a3af32fab7ebc7c6b18a2c9 Mon Sep 17 00:00:00 2001
From: wangxuni <460392601@qq.com>
Date: Wed, 25 Sep 2024 10:17:53 +0000
Subject: [PATCH 592/966] =?UTF-8?q?!1528=20docs:=20[Issues:=20#IAR70G]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-file-selector=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAR70G]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-file-selector=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-file-selector.md | 210 ++++++++++++++++++++++++++++
 1 file changed, 210 insertions(+)
 create mode 100644 zh-cn/react-native-file-selector.md

diff --git a/zh-cn/react-native-file-selector.md b/zh-cn/react-native-file-selector.md
new file mode 100644
index 00000000..79748e50
--- /dev/null
+++ b/zh-cn/react-native-file-selector.md
@@ -0,0 +1,210 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-file-selector</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/prscX/react-native-file-selector">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/prscX/react-native-file-selector/blob/master/README.md">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-selector)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-file-selector@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-file-selector@file:#
+```
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import FileSelector from 'react-native-file-selector';
+import React from 'react';
+function App(): React.JSX.Element {
+  
+  return (
+    <FileSelector
+      onDone={(path) => {console.log("file selected: " + path);}}
+      onCancel={() => {console.log("cancelled");}}
+    />)
+};
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-file-selector": "file:../../node_modules/@react-native-oh-tpl/react-native-file-selector/harmony/file_selector.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNFileSelectorPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+import type {RNPackageContext, RNPackage} from '@rnoh/react-native-openharmony/ts';
++import {RNFileSelectorPackage}  from '@react-native-oh-tpl/react-native-file-selector/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++    new RNFileSelectorPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases)
+
+## 属性
+
+ FileSelector
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| :--- | ----------- | ---- | -------- | -------- | ------------------ |
+| filter | Filter to sort the files | string | no | All | yes |
+| path | Path of directory | string | no | All | yes |
+| onDone | Function called when file is selected | func | no | All | yes |
+| onCancel | Function called when file selector is closed without selecting any file | func | no | All | yes |
+| title | Title on the toolbar | string | no | Android iOS | no |
+| closeMenu | Color of tint | string | no | Android iOS | no |
+| hiddenFiles | If true it shows hidden files as well | bool | no | Android | no |
+| filterDirectories | Filter should be applied on directories or not | bool | no | Android | no |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| Show | present a fileselector  | function  | no | All      | yes |
+
+ Show
+
+```js
+Show(filter?: string, path?: string, onDone?: func, onCancel?: func, title?: string, closeMenu?: string, hiddenFiles?: bool, filterDirectories?: bool);
+```
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| :--- | ----------- | ---- | -------- | -------- | ------------------ |
+| filter | Filter to sort the files | string | no | All | yes |
+| path | Path of directory | string | no | All | yes |
+| onDone | Function called when file is selected | func | no | All | yes |
+| onCancel | Function called when file selector is closed without selecting any file | func | no | All | yes |
+| title | Title on the toolbar | string | no | Android iOS | no |
+| closeMenu | Color of tint | string | no | Android iOS | no |
+| hiddenFiles | If true it shows hidden files as well | bool | no | Android | no |
+| filterDirectories | Filter should be applied on directories or not | bool | no | Android | no |
+
+## 遗留问题
+
+
+- [ ] FileSelector title：harmony暂不支持: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
+- [ ] FileSelector closeMenu：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
+- [ ] FileSelector hiddenFiles：harmony暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
+- [ ] FileSelector filterDirectories：harmony暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
+
+- [ ] Show title：harmony暂不支持: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
+- [ ] Show closeMenu：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
+- [ ] Show hiddenFiles：harmony暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
+- [ ] Show filterDirectories：harmony暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
+
+## 其他 
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/prscX/react-native-file-selector/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 383bff6d55af2da8e9204ff1614c79c3bc04e0b7 Mon Sep 17 00:00:00 2001
From: Atsws <pangjiahao@h-partners.com>
Date: Thu, 26 Sep 2024 02:04:42 +0000
Subject: [PATCH 593/966] =?UTF-8?q?!1586=20docs:=20[Issues:=20#IATPVM]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-config=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IATPVM]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-config=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-config.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-config.md b/zh-cn/react-native-config.md
index 6e7f270d..7b294613 100644
--- a/zh-cn/react-native-config.md
+++ b/zh-cn/react-native-config.md
@@ -53,7 +53,7 @@ yarn add @react-native-oh-tpl/react-native-config@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```
 import React, {Component} from 'react';
 import {StyleSheet, Text, View} from 'react-native';
 

From eb16b4946ad77b70a3fabafac2e03d33c93bcf4f Mon Sep 17 00:00:00 2001
From: yangyuchun <1465065939@qq.com>
Date: Thu, 26 Sep 2024 02:07:52 +0000
Subject: [PATCH 594/966] =?UTF-8?q?!1584=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-idfa-aaid=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20doc?=
 =?UTF-8?q?s:=20=E4=BF=AE=E6=94=B9react-native-idfa-aaid=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-idfa-aaid.md | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/zh-cn/react-native-idfa-aaid.md b/zh-cn/react-native-idfa-aaid.md
index 00a22de5..ec5588d1 100644
--- a/zh-cn/react-native-idfa-aaid.md
+++ b/zh-cn/react-native-idfa-aaid.md
@@ -42,7 +42,7 @@ yarn add @react-native-oh-tpl/react-native-idfa-aaid@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```
 import React, { useEffect } from 'react';
 import type { PropsWithChildren } from 'react';
 import {
@@ -114,7 +114,6 @@ function App(): React.JSX.Element {
   const backgroundStyle = {
     backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
   };
-
   return (
     <SafeAreaView style={backgroundStyle}>
       <StatusBar
@@ -169,7 +168,6 @@ const styles = StyleSheet.create({
 });
 
 export default App;
-
 ```
 
 ## 使用 Codegen
@@ -321,8 +319,8 @@ ohpm install
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| getAdvertisingInfo  |检查权限，申请权限，获取OAID         | Function  | yes | iOS/Android      | yes |
-| getAdvertisingInfoAndCheckAuthorization  | 功能同上，该方法用于移植的一致性         | Function  | no | iOS/Android      | yes |
+| getAdvertisingInfo  |Check the permission, apply for the permission, and obtain the OAID.         | Function  | yes | iOS/Android      | yes |
+| getAdvertisingInfoAndCheckAuthorization  | The function is the same as above, and is used to keep the porting uniform.         | Function  | no | iOS/Android      | yes |
 
 ## 遗留问题
 

From f34e7759391c195d0d7e339e4a9e6ae146d4da60 Mon Sep 17 00:00:00 2001
From: YWD <3182569902@qq.com>
Date: Thu, 26 Sep 2024 02:08:30 +0000
Subject: [PATCH 595/966] =?UTF-8?q?!1585=20docs:=20[Issues:=20#IATNQQ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9freakycoder-react-native-bounceable=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IATNQQ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9freakycoder-react-native-bounceable=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/freakycoder-react-native-bounceable.md | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/zh-cn/freakycoder-react-native-bounceable.md b/zh-cn/freakycoder-react-native-bounceable.md
index 50014c10..4094068c 100644
--- a/zh-cn/freakycoder-react-native-bounceable.md
+++ b/zh-cn/freakycoder-react-native-bounceable.md
@@ -117,16 +117,16 @@ const styles = StyleSheet.create({
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Property          | Description                                  |      Type       | Required | Platform    | HarmonyOS Support |
-| ----------------- | -------------------------------------------- | :-------------: | :------: | ----------- | ----------------- |
-| bounceEffectIn    | 按下时缩小到原始大小的xx（如：0.1）          |     number      |    no    | iOS/Android | yes               |
-| bounceEffectOut   | 松开时稍微放大到原始大小的xx（如：1.5）      |     number      |    no    | iOS/Android | yes               |
-| bounceVelocityIn  | 按下时的速度                                 |     number      |    no    | iOS/Android | yes               |
-| bounceVelocityOut | 松开时的速度                                 |     number      |    no    | iOS/Android | yes               |
-| bouncinessIn      | 按下时的弹性系数（设置值0-50有明显效果显示） |     number      |    no    | iOS/Android | yes               |
-| bouncinessOut     | 松开时的弹性系数（设置值0-50有明显效果显示） |     number      |    no    | iOS/Android | yes               |
-| onPress           | 为 onPress 功能设置您自己的逻辑              |      void       |    no    | iOS/Android | yes               |
-| style             | 像设置任何其他 View 容器一样设置样式         | CustomStyleProp |    no    | iOS/Android | yes               |
+| Property          | Description                                                  |   Type   | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | :------: | :------: | ----------- | ----------------- |
+| bounceEffectIn    | change the bounce effect's value（reduce）                   |  number  |    no    | iOS/Android | yes               |
+| bounceEffectOut   | change the bounce effect's value（amplification）            |  number  |    no    | iOS/Android | yes               |
+| bounceVelocityIn  | The speed of the press                                       |  number  |    no    | iOS/Android | yes               |
+| bounceVelocityOut | The speed at which it is released                            |  number  |    no    | iOS/Android | yes               |
+| bouncinessIn      | Elastic coefficient when pressed (set value 0-50 has obvious effect display) |  number  |    no    | iOS/Android | yes               |
+| bouncinessOut     | Elastic coefficient when released (set value 0-50 has obvious effect display) |  number  |    no    | iOS/Android | yes               |
+| onPress           | set your own logic for the onPress functionality             | function |    no    | iOS/Android | yes               |
+| style             | set the style like any other View container                  |  style   |    no    | iOS/Android | yes               |
 
 ## 遗留问题
 

From d932b149daceb1611ef0c14fc7df22c9cdd13763 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Thu, 26 Sep 2024 02:08:53 +0000
Subject: [PATCH 596/966] =?UTF-8?q?!1583=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-dite-picker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20=E4=BF=AE=E6=94=B9react-native-dite-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-date-picker.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
index 6215ce3a..7e0b4ae9 100644
--- a/zh-cn/react-native-date-picker.md
+++ b/zh-cn/react-native-date-picker.md
@@ -201,7 +201,7 @@ ohpm install
 | minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | no |     all  |       yes|
 | mode | The date picker mode. "datetime", "date", "time"   | “'date' \|'time' \| 'datetime'”  | yes |     all  |       yes|
 | onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | no |     all  |       yes|
-| onCancel | odal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | no |     all  |       yes|
+| onCancel | Modal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | no |     all  |       yes|
 | is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | no |     all  |       no|
 | modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | no |     all  |       yes|
 | open | Modal only: Boolean indicating if modal should be open.   | boolean  | no |     all  |       yes|

From b7fe361e3f6aac3dfa51486fe898876caf333d76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=96=E7=95=8C=E5=B0=8F=E5=B8=85=E5=93=A5?=
 <12765706+world-little-handsome-guy@user.noreply.gitee.com>
Date: Thu, 26 Sep 2024 02:44:04 +0000
Subject: [PATCH 597/966] =?UTF-8?q?!1544=20docs:=20[Issues:=20#IAS88Q]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9ant-design-mobile-rn=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAS88Q]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9ant-design-mobile-rn=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/ant-design-react-native.md | 527 +++++++++++++++++++++----------
 1 file changed, 366 insertions(+), 161 deletions(-)

diff --git a/zh-cn/ant-design-react-native.md b/zh-cn/ant-design-react-native.md
index c43276d5..047ba9f5 100644
--- a/zh-cn/ant-design-react-native.md
+++ b/zh-cn/ant-design-react-native.md
@@ -25,20 +25,19 @@
 #### **npm**
 
 ```bash
-npm install @ant-design/react-native@5.1.0
+npm install @ant-design/react-native@5.2.2
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @ant-design/react-native@5.1.0
+yarn add @ant-design/react-native@5.2.2
 ```
->[!TIP] 本库还依赖了[@react-native-oh-tpl/slider](/zh-cn/react-native-community-slider.md)、[@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-modal-popover](/zh-cn/react-native-modal-popover.md)和[react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md)
-
-> **Warning:**
-@bang88/react-native-ultimate-listview这个依赖库还没鸿蒙化，会影响到里面的一个ListView组件，如果想暂时解决掉这个报错的话，可以在node_modules\@bang88\react-native-ultimate-listview\src目录下添加一个refreshableScrollView.js文件。
 
+> [!TIP] 本库还依赖了[@react-native-oh-tpl/slider](/zh-cn/react-native-community-slider.md)、[@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-modal-popover](/zh-cn/react-native-modal-popover.md)、[@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)和[react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md)
 
+> **Warning:**
+> @bang88/react-native-ultimate-listview 这个依赖库还没鸿蒙化，会影响到里面的一个 ListView 组件，如果想暂时解决掉这个报错的话，可以在 node_modules\@bang88\react-native-ultimate-listview\src 目录下添加一个 refreshableScrollView.js 文件。
 
 ## 链接字体图标
 
@@ -61,55 +60,32 @@ npm install react-native-asset && npx react-native-asset
 > [!WARNING] 使用时 import 的库名不变。
 
 步骤一：
-复制字体文件到 `entry/src/main/ets/assets/fonts`和`entry/src/main/resources/rawfile/assets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
+复制字体文件到 `\entry\src\main\resources\rawfile\fonts` 目录下(没有 fonts 文件夹就新建一个，如使用了外部字体文件，需要将\*.ttf 文件复制过来)
 
 步骤二：
 打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
 
-```ts
-    import font from '@ohos.font';
-    //...
-    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
-    const fonts: font.FontOptions[] = [
-      {
-        familyName: 'StintUltraCondensed-Regular',
-        familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
-      },
-      {
-        familyName: 'FontAwesome',
-        familySrc: '/assets/fonts/FontAwesome.ttf'
-      },
-     {
-        familyName: 'antfill',
-        familySrc: '/assets/fonts/antfill.ttf'
-     },
-     {
-        familyName: 'antoutline',
-        familySrc: '/assets/fonts/antoutline.ttf'
-     }
-    ]
+```diff
 
     @Entry
     @Component
     struct Index {
         //...
-        aboutToAppear() {
-            //...
-
-            //注册字体文件
-            for (const customFont of fonts) {
-                font.registerFont(customFont)
-            }
+        if (this.rnohCoreContext && this.shouldShow) {
+        if (this.rnohCoreContext?.isDebugModeEnabled) {
+          RNOHErrorDialog({ ctx: this.rnohCoreContext })
         }
-        //...
-         RNApp({
+        RNApp({
           rnInstanceConfig: {
             createRNPackages,
             enableNDKTextMeasuring: true,
             enableBackgroundExecutor: false,
             enableCAPIArchitecture: true,
-            arkTsComponentNames: arkTsComponentNames,
-++          fontOptions: fonts
+            arkTsComponentNames: [SLIDER_TYPE],
+            fontResourceByFontFamily: {
++              'antoutline': $rawfile("fonts/antoutline.ttf"),
++              "antfill": $rawfile('fonts/antfill.ttf'),
+            }
           },
         //...
          )
@@ -120,7 +96,7 @@ npm install react-native-asset && npx react-native-asset
 
 下面的代码展示了这个库的基本使用场景：
 
-```js
+```jsx
 import React from "react";
 import { ScrollView, View } from "react-native";
 import { Badge, WhiteSpace } from "@ant-design/react-native";
@@ -210,7 +186,7 @@ export default class BasicTagExample extends React.Component {
 }
 ```
 
-### Link
+## Link
 
 > [!TIP] @react-native-oh-tpl/react-native-gesture-handler 安装 v2.14.7 版本配套使用
 
@@ -218,7 +194,9 @@ export default class BasicTagExample extends React.Component {
 
 > [!TIP] @react-native-oh-tpl/react-native-modal-popover 安装 v2.1.3-0.0.1 版本配套使用
 
-本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/slider、@react-native-oh-tpl/react-native-gesture-handler 和@react-native-oh-tpl/react-native-modal-popover 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+> [!TIP] @react-native-oh-tpl/react-native-reanimated 安装 v3.6.2 版本配套使用
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/slider、@react-native-oh-tpl/react-native-gesture-handler 、@react-native-oh-tpl/react-native-reanimated 和@react-native-oh-tpl/react-native-modal-popover 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照文档进行引入
 
@@ -228,6 +206,8 @@ export default class BasicTagExample extends React.Component {
 
 - [@react-native-oh-tpl/react-native-modal-popover 引入方法](/zh-cn/react-native-modal-popover.md)
 
+- [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
+
 ## 约束与限制
 
 ### 兼容性
@@ -304,10 +284,11 @@ export default class BasicTagExample extends React.Component {
 
 **List**：列表组件，单个连续模块垂直排列，显示当前的内容、状态和可进行的操作。eg：联系人列表。
 
-|     Name     | Description |   Type   | Required | Platform | HarmonyOS Support |
-| :----------: | :---------: | :------: | :------: | :------: | :---------------: |
-| renderHeader | list heder  | (): void |    No    |   All    |        Yes        |
-| renderFooter | list footer | (): void |    No    |   All    |        Yes        |
+|     Name     |   Description    |                                                              Type                                                              | Required | Platform | HarmonyOS Support |
+| :----------: | :--------------: | :----------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+| renderHeader |    list heder    |                                                            (): void                                                            |    No    |   All    |        Yes        |
+| renderFooter |   list footer    |                                                            (): void                                                            |    No    |   All    |        Yes        |
+|    styles    | 语义化结构 style | [ListStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list/index.zh-CN.md#liststyle-语义化样式) |    No    |   All    |        Yes        |
 
 **List.Item**：列表子组件。
 
@@ -320,7 +301,7 @@ export default class BasicTagExample extends React.Component {
 |   onPress    |                                     点击事件的回调函数                                      |       同[TouchableHighlightProps['onPress']](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#touchablehighlightprops)        |    No    |   All    |        Yes        |
 | multipleLine |                                            多行                                             |                                                                                    Boolean                                                                                     |    No    |   All    |        Yes        |
 |     wrap     |                          是否换行，默认情况下，文字超长会被隐藏，                           |                                                                                    Boolean                                                                                     |    No    |   All    |        Yes        |
-|    styles    |                                      语义化结构 style                                       | [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#listitemstyle-%E8%AF%AD%E4%B9%89%E5%8C%96%E6%A0%B7%E5%BC%8F) |    No    |   All    |        No        |
+|    styles    |                                      语义化结构 style                                       | [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#listitemstyle-%E8%AF%AD%E4%B9%89%E5%8C%96%E6%A0%B7%E5%BC%8F) |    No    |   All    |        Yes        |
 
 **List.Item.Brief**：列表辅助说明组件。
 
@@ -360,7 +341,7 @@ export default class BasicTagExample extends React.Component {
 |       type        |                            prompt 的样式                            | String (default, secure-text, login-password) |    No    |   All    |        Yes        |
 |   defaultValue    |                默认值(input 为 password 类型不支持)                 |                    String                     |    No    |   All    |        Yes        |
 |   placeholders    |                              ['', '']                               |                   String[]                    |    No    |   All    |        Yes        |
-|   onBackHandler   | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |                  (): boolean                  |    No    |   All    |        No        |
+|   onBackHandler   | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |                  (): boolean                  |    No    |   All    |        No         |
 
 **Modal.operation(actions?, onBackHandler?)**：对话框组件。
 
@@ -385,20 +366,27 @@ export default class BasicTagExample extends React.Component {
 
 **Toast**：轻提示组件，一种轻量级反馈/提示，可以用来显示不会打断用户操作的内容，适合用于页面转场、数据交互的等场景中。
 
-|   Name    |          Description           |   Type   | Required | Platform | HarmonyOS Support |
-| :-------: | :----------------------------: | :------: | :------: | :------: | :---------------: |
-|  content  |            提示内容            |  String  |   Yes    |   All    |        Yes        |
-| duration  |     自动关闭的延时，单位秒     |  number  |    No    |   All    |        Yes        |
-|  onClose  |           关闭后回调           | Function |    No    |   All    |        Yes        |
-|   mask    | 是否显示透明蒙层，防止触摸穿透 | Boolean  |    No    |   All    |        Yes        |
-| stackable |        是否允许叠加显示        | Boolean  |    No    |   All    |        Yes        |
+|   Name    |          Description           |                                                               Type                                                                | Required | Platform | HarmonyOS Support |
+| :-------: | :----------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  content  |            提示内容            |                                                              String                                                               |   Yes    |   All    |        Yes        |
+| duration  |     自动关闭的延时，单位秒     |                                                              number                                                               |    No    |   All    |        Yes        |
+|   icon    |              图标              |                                                            `'success'`                                                            |    No    |   All    |        Yes        |
+| position  |        垂直方向显示位置        |                                                              `'top'`                                                              |    No    |   All    |        Yes        |
+|  onClose  |           关闭后回调           |                                                             Function                                                              |    No    |   All    |        Yes        |
+|   mask    | 是否显示透明蒙层，防止触摸穿透 |                                                              Boolean                                                              |    No    |   All    |        Yes        |
+| stackable |        是否允许叠加显示        |                                                              Boolean                                                              |    No    |   All    |        Yes        |
+|  styles   |        语义化结构 style        | [ToastStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/toast/index.zh-CN.md#toaststyle-语义化样式) |    No    |   All    |        Yes        |
 
 **Toast API**
+
 - Toast.success(props)
 - Toast.fail(props)
 - Toast.info(props)
 - Toast.loading(props)
 - Toast.offline(props)
+- Toast.show(props)
+
+**Toast.removeAll**: 关闭所有显示中的 `Toast`。
 
 **ActivityIndicator**：活动指示器组件，表明某个任务正在进行中。
 
@@ -408,7 +396,7 @@ export default class BasicTagExample extends React.Component {
 |   size    | spinner 大小，可选 small/large | string  |    No    |   All    |        Yes        |
 |   toast   |        loading 样式类型        | boolean |    No    |   All    |        Yes        |
 |   text    |          loading 文本          | string  |    No    |   All    |        Yes        |
-| color |          spinner 颜色          | string  |    No    |   All    |        Yes        |
+|   color   |          spinner 颜色          | string  |    No    |   All    |        Yes        |
 
 **Badge**：徽标数组件，图标右上角的红点、数字或者文字。用于告知用户，该区域的状态变化或者待处理任务的数量。
 
@@ -520,33 +508,36 @@ export default class BasicTagExample extends React.Component {
 |       onErrorClick       |                                                                                                            点击报错 icon 触发的回调函数                                                                                                             |  (e: Object): void  |    No    |   All    |        Yes        |
 |          extra           |                                                                                                                      右边注释                                                                                                                       |   string or node    |    No    |   All    |        Yes        |
 |       onExtraClick       |                                                                                                            extra 点击事件触发的回调函数                                                                                                             |  (e: Object): void  |    No    |   All    |        Yes        |
-| onVirtualKeyboardConfirm |                                                                                                            虚拟键盘点击确认时的回调函数                                                                                                             | (val: string): void |    No    |   All    |        No        |
+| onVirtualKeyboardConfirm |                                                                                                            虚拟键盘点击确认时的回调函数                                                                                                             | (val: string): void |    No    |   All    |        No         |
 |       labelNumber        |                                                                                                         标签的文字个数，可用 2-7 之间的数字                                                                                                         |       number        |    No    |   All    |        Yes        |
 |           last           |                                                                                           如果是最后一项，则将移除 borderBottom（默认拥有 borderBottom）                                                                                            |        bool         |    No    |   All    |        Yes        |
-|           locale           |                                                                                           国际化, 当type为money，可以自定义确认按钮的文案。                                                                                            |        bool         |    No    |   All    |        No        |
+|          locale          |                                                                                                国际化, 当 type 为 money，可以自定义确认按钮的文案。                                                                                                 |        bool         |    No    |   All    |        No         |
 
 **Picker**：选择器组件，在一组预设数据中进行选择，e.g. 省市区选择。
 
-|      Name       |                   Description                   |                                       Type                                       | Required | Platform | HarmonyOS Support |
-| :-------------: | :---------------------------------------------: | :------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
-|      data       |                     数据源                      |                        `PickerColumn` / `PickerColumn[]`                         |    No    |   All    |        Yes        |
-|      value      |                     选中项                      |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
-|  defaultValue   |                   默认选中项                    |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
-|     cascade     | 是否级联。<br/>子级来自`data`参数内的`children` |                                     Boolean                                      |    No    |   All    |        Yes        |
-|      cols       |                      列数                       |                                      Number                                      |    No    |   All    |        Yes        |
-|    onChange     |                  选中后的回调                   |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
-| onPickerChange  |          每列数据选择变化后的回调函数           |                 `(value: PickerValue[], index: number) => void`                  |    No    |   All    |        Yes        |
-| onVisibleChange |            当显隐状态变化时回调函数             |                             `(visible: bool): void`                              |    No    |   All    |        Yes        |
-|   renderLabel   |            自定义渲染每列展示的内容             | `(item: PickerColumnItem, index: number) => ReactNode` 或 `(item) => item.label` |    No    |   All    |        Yes        |
-|      title      |                     大标题                      |                                    ReactNode                                     |    No    |   All    |        Yes        |
-|     okText      |                   选中的文案                    |                                      String                                      |    No    |   All    |        Yes        |
-|   dismissText   |                 取消选中的文案                  |                                      String                                      |    No    |   All    |        Yes        |
-|      onOk       |              点击选中时执行的回调               |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
-|    onDismiss    |              点击取消时执行的回调               |                                     (): void                                     |    No    |   All    |        Yes        |
-|     visible     |                 是否显示选择器                  |                                     Boolean                                      |    No    |   All    |        Yes        |
-|     loading     |                是否处于加载状态                 |                                     Boolean                                      |    No    |   All    |        Yes        |
-| loadingContent  |              加载状态下展示的内容               |                                    ReactNode                                     |    No    |   All    |        Yes        |
-| indicatorStyle  |              默认 Indicator 的样式              |                                      Object                                      |    No    |   All    |        No        |
+|        Name        |                                                           Description                                                            |                                       Type                                       | Required | Platform | HarmonyOS Support |
+| :----------------: | :------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|        data        |                                                              数据源                                                              |                        `PickerColumn` / `PickerColumn[]`                         |    No    |   All    |        Yes        |
+|       value        |                                                              选中项                                                              |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|    defaultValue    |                                                            默认选中项                                                            |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|      cascade       |                                            是否级联。子级来自`data`参数内的`children`                                            |                                     Boolean                                      |    No    |   All    |        Yes        |
+|        cols        |                                                               列数                                                               |                                      Number                                      |    No    |   All    |        Yes        |
+|      onChange      |                                                           选中后的回调                                                           |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
+|   onPickerChange   |                                                   每列数据选择变化后的回调函数                                                   |                 `(value: PickerValue[], index: number) => void`                  |    No    |   All    |        Yes        |
+|  onVisibleChange   |                                                     当显隐状态变化时回调函数                                                     |                             `(visible: bool): void`                              |    No    |   All    |        Yes        |
+|    renderLabel     |                                                     自定义渲染每列展示的内容                                                     | `(item: PickerColumnItem, index: number) => ReactNode` 或 `(item) => item.label` |    No    |   All    |        Yes        |
+|       title        |                                                              大标题                                                              |                                    ReactNode                                     |    No    |   All    |        Yes        |
+|       okText       |                                                            选中的文案                                                            |                                      String                                      |    No    |   All    |        Yes        |
+|    dismissText     |                                                          取消选中的文案                                                          |                                      String                                      |    No    |   All    |        Yes        |
+|        onOk        |                                                       点击选中时执行的回调                                                       |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
+|     onDismiss      |                                                       点击取消时执行的回调                                                       |                                     (): void                                     |    No    |   All    |        Yes        |
+|   okButtonProps    |                                                          ok 按钮 props                                                           |    [TouchableHighlightProps](https://reactnative.dev/docs/touchablehighlight)    |    No    |   All    |        Yes        |
+| dismissButtonProps |                                                        dismiss 按钮 props                                                        |    [TouchableHighlightProps](https://reactnative.dev/docs/touchablehighlight)    |    No    |   All    |        Yes        |
+|      visible       |                                                          是否显示选择器                                                          |                                     Boolean                                      |    No    |   All    |        Yes        |
+|      loading       |                                                         是否处于加载状态                                                         |                                     Boolean                                      |    No    |   All    |        Yes        |
+|   loadingContent   |                                                       加载状态下展示的内容                                                       |                                    ReactNode                                     |    No    |   All    |        Yes        |
+|   indicatorStyle   |                                                      默认 Indicator 的样式                                                       |                                      Object                                      |    No    |   All    |        No         |
+|       locale       | 国际化，可覆盖全局[Provider](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/provider-cn)的`locale`配置 |                       Object: {okText, dismissText, extra}                       |    No    |   All    |        Yes        |
 
 **Picker 自定义样式**
 
@@ -569,13 +560,13 @@ export default class BasicTagExample extends React.Component {
 **Picker 的 Children**
 通常是 [List.Item](/components/list-cn/#List.Item) ，以下属性也是围绕着`List.Item`展开：
 
-|    Name     |                  Description                  |   Type    | Required | Platform | HarmonyOS Support |
-| :---------: | :-------------------------------------------: | :-------: | :------: | :------: | :---------------: |
-|  children   |      Picker 占位组件，通常是`List.Item`       | ReactNode |    No    |   All    |        Yes        |
-|    extra    | Picker children 的`extra`属性，无选中项时展示 |  String   |    No    |   All    |        Yes        |
-| triggerType |                 按钮事件名称                  |  String   |    No    |   All    |        Yes        |
-|  disabled   |                  是否不可用                   |  Boolean  |    No    |   All    |        Yes        |
-|  format   |                  格式化选中值的函数，用于回显在extra属性上                   |  (labels: string[]): any  |    No    |   All    |        Yes        |
+|    Name     |                  Description                  |          Type           | Required | Platform | HarmonyOS Support |
+| :---------: | :-------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
+|  children   |      Picker 占位组件，通常是`List.Item`       |        ReactNode        |    No    |   All    |        Yes        |
+|    extra    | Picker children 的`extra`属性，无选中项时展示 |         String          |    No    |   All    |        Yes        |
+| triggerType |                 按钮事件名称                  |         String          |    No    |   All    |        Yes        |
+|  disabled   |                  是否不可用                   |         Boolean         |    No    |   All    |        Yes        |
+|   format    |  格式化选中值的函数，用于回显在 extra 属性上  | (labels: string[]): any |    No    |   All    |        Yes        |
 
 **PickerView**：PickerView 的功能类似于 Picker ，但它是直接渲染在区域中，而不是弹出窗口。
 
@@ -584,13 +575,13 @@ export default class BasicTagExample extends React.Component {
 |      data      |                                 数据源                                 |                        `PickerColumn` / `PickerColumn[]`                         |    No    |   All    |        Yes        |
 |     value      |                                 选中项                                 |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
 |  defaultValue  |                               默认选中项                               |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
-|    cascade     |          是否级联。<br/>子级来自`data`参数内的`children`属性           |                                     Boolean                                      |    No    |   All    |        Yes        |
+|    cascade     |             是否级联。子级来自`data`参数内的`children`属性             |                                     Boolean                                      |    No    |   All    |        Yes        |
 |      cols      |                                  列数                                  |                                      Number                                      |    No    |   All    |        Yes        |
 |    onChange    | 选中后的回调，可使用[rc-form](https://github.com/react-component/form) |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
 |  renderLabel   |                        自定义渲染每列展示的内容                        | `(item: PickerColumnItem, index: number) => ReactNode` 或 `(item) => item.label` |    No    |   All    |        Yes        |
 |    loading     |                            是否处于加载状态                            |                                     Boolean                                      |    No    |   All    |        Yes        |
 | loadingContent |                          加载状态下展示的内容                          |                                    ReactNode                                     |    No    |   All    |        Yes        |
-| indicatorStyle |                         默认 Indicator 的样式                          |                                      Object                                      |    No    |   All    |        No        |
+| indicatorStyle |                         默认 Indicator 的样式                          |                                      Object                                      |    No    |   All    |        No         |
 
 **PickerView 自定义样式**
 
@@ -644,7 +635,7 @@ export default class BasicTagExample extends React.Component {
 |     value      | 携带的标识值，用于 Group 模式 |                  RadioValue                   |    No    |   All    |        Yes        |
 
 **Radio.RadioItem**
-  基于List.Item对Radio进行封装,List.Item的extra属性固定传入Radio,其他属性和List.Item一致。 其他 API 和 Radio 相同。
+基于 List.Item 对 Radio 进行封装,List.Item 的 extra 属性固定传入 Radio,其他属性和 List.Item 一致。 其他 API 和 Radio 相同。
 
 **Radio.Group**：单选框子组件。
 
@@ -658,18 +649,25 @@ export default class BasicTagExample extends React.Component {
 
 **Stepper**：步进器，用作增加或者减少当前数值。
 
-|     Name     |        Description        |          Type          | Required | Platform | HarmonyOS Support |
-| :----------: | :-----------------------: | :--------------------: | :------: | :------: | :---------------: |
-|     min      |          最小值           |         Number         |    No    |   All    |        Yes        |
-|     max      |          最大值           |         Number         |    No    |   All    |        Yes        |
-|    value     |          当前值           |         Number         |    No    |   All    |        Yes        |
-|     step     | 每次改变步数，可以为小数  |    Number or String    |    No    |   All    |        Yes        |
-| defaultValue |          初始值           |         Number         |    No    |   All    |        Yes        |
-|   onChange   |      变化时回调函数       |        (): void        |    No    |   All    |        Yes        |
-|   disabled   |           禁用            |        Boolean         |    No    |   All    |        Yes        |
-|   readOnly   |        input 只读         |        Boolean         |    No    |   All    |        Yes        |
-|    styles    |   react native 组件样式   | ReactNative StyleSheet |    No    |   All    |        Yes        |
-|  inputStyle  | react native 显示数字样式 | ReactNative StyleSheet |    No    |   All    |        Yes        |
+|       Name       |                                                      Description                                                      |                                    Type                                    | Required | Platform | HarmonyOS Support |
+| :--------------: | :-------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|    allowEmpty    |                                                   是否允许内容为空                                                    |                                 `boolean`                                  |    No    |   All    |        Yes        |
+|      digits      |          格式化到小数点后固定位数，设置为 `0` 表示格式化到整数。配置 `formatter` 时展示会以 `formatter` 为准          |                                  `number`                                  |    No    |   All    |        Yes        |
+|    formatter     |                                                    格式化展示数值                                                     |                        `(value?: number) => string`                        |    No    |   All    |        Yes        |
+|      parser      |                                    将输入解析为对应数字，一般配合 `formatter` 使用                                    |                          (text: string) => number                          |    No    |   All    |        Yes        |
+| minusButtonProps |                                                   minus 按钮 props                                                    | [TouchableHighlightProps](https://reactnative.dev/docs/touchablehighlight) |    No    |   All    |        Yes        |
+| plusButtonProps  |                                                    plus 按钮 props                                                    | [TouchableHighlightProps](https://reactnative.dev/docs/touchablehighlight) |    No    |   All    |        Yes        |
+|       min        |                                                        最小值                                                         |                                   Number                                   |    No    |   All    |        Yes        |
+|       max        |                                                        最大值                                                         |                                   Number                                   |    No    |   All    |        Yes        |
+|      value       |                                                        当前值                                                         |                                   Number                                   |    No    |   All    |        Yes        |
+|       step       |                                               每次改变步数，可以为小数                                                |                              Number or String                              |    No    |   All    |        Yes        |
+|   defaultValue   |                                                        初始值                                                         |                                   Number                                   |    No    |   All    |        Yes        |
+|     onChange     |                                                    变化时回调函数                                                     |                                  (): void                                  |    No    |   All    |        Yes        |
+|     disabled     |                                                         禁用                                                          |                                  Boolean                                   |    No    |   All    |        Yes        |
+|     readOnly     |                                                      input 只读                                                       |                                  Boolean                                   |    No    |   All    |        Yes        |
+|      styles      |                                                 react native 组件样式                                                 |                           ReactNative StyleSheet                           |    No    |   All    |        Yes        |
+|    stringMode    | 字符值模式，开启后支持高精度小数。开启后 `defaultValue`、`value`、`min`、`max`、`onChange` 等都将转换为 `string` 类型 |                                 `boolean`                                  |    No    |   All    |        Yes        |
+|    inputStyle    |                                               react native 显示数字样式                                               |                           ReactNative StyleSheet                           |    No    |   All    |        Yes        |
 
 **Steps**：步骤条组件，显示一个任务的进度；或者引导用户完成某个复杂任务。
 
@@ -690,18 +688,6 @@ export default class BasicTagExample extends React.Component {
 |    icon     |                            步骤图标，可选                            |                                 object/React.Element                                  |    No    |   All    |        Yes        |
 | renderIcon  |                         自定义步骤图标，可选                         | (params: { starting: boolean; waiting: boolean; error: boolean; }) => React.ReactNode |    No    |   All    |        Yes        |
 
-**SegmentedControl**：分段器组件，由至少 2 个分段控件组成，用作不同视图的显示。
-
-|     Name      |                                           Description                                           |    Type     | Required | Platform | HarmonyOS Support |
-| :-----------: | :---------------------------------------------------------------------------------------------: | :---------: | :------: | :------: | :---------------: |
-|     style     |                                           自定义样式                                            |   Object    |    No    |   All    |        Yes        |
-|   tintColor   |                                           组件主色调                                            |   String    |    No    |   All    |        Yes        |
-|   disabled    |                                            是否启用                                             |   Boolean   |    No    |   All    |        Yes        |
-| selectedIndex |                                      选中项在数组中的索引                                       |   Number    |    No    |   All    |        Yes        |
-|    values     |                                       选项数组,值是字符串                                       |    array    |    No    |   All    |        Yes        |
-|   onChange    | 回调函数, 其中 e.nativeEvent.selectedSegmentIndex 是选中项索引, e.nativeEvent.value 是选中的值. |  (e): void  |    No    |   All    |        Yes        |
-| onValueChange |                                            回调函数                                             | (val): void |    No    |   All    |        Yes        |
-
 **Switch**：滑动开关组件，在两个互斥对象进行选择，eg：选择开或关。
 
 |       Name        |                       Description                       |                  Type                   | Required | Platform | HarmonyOS Support |
@@ -745,13 +731,13 @@ export default class BasicTagExample extends React.Component {
 
 |    Name    |    Description     |                     Type                     | Required | Platform | HarmonyOS Support |
 | :--------: | :----------------: | :------------------------------------------: | :------: | :------: | :---------------: |
-|  goToTab   |      跳转 Tab      |          (index: number) => boolean          |   Yes    |   All    |        Yes        |
+|  goToTab   |      跳转 Tab      |          (index: number) => boolean          |    No    |   All    |        Yes        |
 |    tabs    |      tab 数据      |               Models.TabData[]               |   Yes    |   All    |        Yes        |
-| activeTab  | 当前激活 Tab 索引  |                    number                    |   Yes    |   All    |        Yes        |
-|  animated  |    是否使用动画    |                   boolean                    |   Yes    |   All    |        Yes        |
-| renderTab  | 替换 TabBar 的 Tab |   (tab: Models.TabData) => React.ReactNode   |  false   |   All    |        Yes        |
-|    page    |    Tab 分页尺寸    |                    number                    |  false   |   All    |        Yes        |
-| onTabClick |  tab 被点击的回调  | (tab: Models.TabData, index: number) => void |  false   |   All    |        Yes        |
+| activeTab  | 当前激活 Tab 索引  |                    number                    |    No    |   All    |        Yes        |
+|  animated  |    是否使用动画    |                   boolean                    |    No    |   All    |        Yes        |
+| renderTab  | 替换 TabBar 的 Tab |   (tab: Models.TabData) => React.ReactNode   |    No    |   All    |        Yes        |
+|    page    |    Tab 分页尺寸    |                    number                    |    No    |   All    |        Yes        |
+| onTabClick |  tab 被点击的回调  | (tab: Models.TabData, index: number) => void |    No    |   All    |        Yes        |
 
 **Tag**：标签组件，进行标记和分类的小标签，用于标记事物的属性和维度，以及进行分类。
 
@@ -838,13 +824,34 @@ export default class BasicTagExample extends React.Component {
 
 **NoticeBar**：通告栏组件，在导航栏下方，一般用作系统提醒、活动提醒等通知。
 
-|     Name     |           Description            |     Type     | Required | Platform | HarmonyOS Support |
-| :----------: | :------------------------------: | :----------: | :------: | :------: | :---------------: |
-|     mode     | 提示类型，可选 `closable`,`link` |    String    |    No    |   All    |        Yes        |
-|     icon     |        在开始位置设置图标        |  ReactNode   |    No    |   All    |        Yes        |
-|   onPress    |  点击关闭或者操作区域的回调函数  |   (): void   |    No    |   All    |        Yes        |
-| marqueeProps |           marquee 参数           |    Object    |    No    |   All    |        Yes        |
-|    action    |     用于替换操作 icon 的文案     | ReactElement |    No    |   All    |        Yes        |
+|     Name     |                   Description                   |                                                                      Type                                                                      | Required | Platform | HarmonyOS Support |
+| :----------: | :---------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|     mode     |        提示类型，可选 `closable`,`link`         |                                                                     String                                                                     |    No    |   All    |        Yes        |
+|     icon     |               在开始位置设置图标                |                                                                   ReactNode                                                                    |    No    |   All    |        Yes        |
+|   children   |                     子组件                      |                                                                   ReactNode                                                                    |    No    |   All    |        Yes        |
+|   onPress    |         点击关闭或者操作区域的回调函数          |                                                                    (): void                                                                    |    No    |   All    |        Yes        |
+| marqueeProps |                  marquee 参数                   |                                                                     Object                                                                     |    No    |   All    |        Yes        |
+|    action    |            用于替换操作 icon 的文案             |                                                                  ReactElement                                                                  |    No    |   All    |        Yes        |
+|   onClose    | 点击关闭的回调函数。仅当`mode="closable"`时生效 |                                                                   () => void                                                                   |    No    |   All    |        Yes        |
+|    style     |                   最外层样式                    |                                                              StyleProp<ViewStyle>                                                              |    No    |   All    |        Yes        |
+|    styles    |                语义化结构 style                 | [NoticeBarStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/notice-bar/index.zh-CN.md#noticebarstyle-语义化样式) |    No    |   All    |        Yes        |
+
+**NoticeBar.MarqueeProps**
+
+|      Name       |                                 Description                                 |                   Type                   | Required | Platform | HarmonyOS Support |
+| :-------------: | :-------------------------------------------------------------------------: | :--------------------------------------: | :------: | :------: | :---------------: |
+|    autoFill     |              是否自动用 children 的副本填充字幕框中的空白区域               |                `Boolean`                 |    No    |   All    |        Yes        |
+|    direction    |                               字幕滑动的方向                                | `'left'` 或`'right'` 或`'up'` 或`'down'` |    No    |   All    |        Yes        |
+|       fps       |                       滚动速度，单位 `pixels/second`                        |                 `Number`                 |    No    |   All    |        Yes        |
+|     leading     |                    渲染后动画延迟的时间（以毫秒为单位）                     |                 `Number`                 |    No    |   All    |        Yes        |
+|      loop       |                    字幕循环的次数, `true`或`0`表示无限次                    |           `Boolean` 或`Number`           |    No    |   All    |        Yes        |
+|    onFinish     |          当字幕结束滚动时的回调。仅当`loop={false}`或`非零`时调用           |               `() => void`               |    No    |   All    |        Yes        |
+| onCycleComplete | 当字幕完成循环时的回调。如果达到最大循环次数，则不会调用（改用 `onFinish`） |               `() => void`               |    No    |   All    |        Yes        |
+|      play       |                             播放或暂停滚动字幕                              |                `Boolean`                 |    No    |   All    |        Yes        |
+|     spacing     |               重复字幕之间的间距。仅当`autoFill={true}`时有效               |                 `Number`                 |    No    |   All    |        Yes        |
+|      style      |                                  字幕样式                                   |               `TextStyle`                |    No    |   All    |        Yes        |
+|    trailing     |             上一次循环后到下一次动画的延迟时间（以毫秒为单位）              |                 `Number`                 |    No    |   All    |        Yes        |
+|    wrapStyle    |                           Marquee 组件外部 style                            |               `ViewStyle`                |    No    |   All    |        Yes        |
 
 **SearchBar**：搜索栏组件，一般可位于 NavBar 下方，通过『取消按钮』退出激活状态。
 
@@ -871,31 +878,35 @@ export default class BasicTagExample extends React.Component {
 | unselectedTintColor | 未选中的字体颜色 | String |    No    |   All    |        Yes        |
 
 **TabBar.Item**：TabBar 子组件。
-|     Name     |                      Description                      |      Type       |     Required     | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :----------: | :---------------------------------------------------: | :-------------: | :--------------: | :------: | :---------------: |
-|    badge     |                        徽标数                         | Number \ String |        No        |   All    |        Yes        |
-|   onPress    | bar 点击触发，需要自己改变组件 state & selecte={true} |    Function     |        No        |   All    |        Yes        |
-|   selected   |                       是否选中                        |     Boolean     |        No        |   All    |        Yes        |
-|     icon     |                     默认展示图片                      |  `Image Source  | React.ReactNode` |    No    |        All        | Yes |
-| selectedIcon |                   选中后的展示图片                    |  `Image Source  | React.ReactNode` |    No    |        All        | Yes |
-|    title     |                       标题文字                        |     String      |        No        |   All    |        Yes        |
-|     key      |                       唯一标识                        |     String      |        No        |   All    |        Yes        |
-|  iconStyle   |                       icon 样式                       |     String      |        No        |   All    |        Yes        |
+| badge | 徽标数 | Number \ String | No | All | Yes |
+| onPress | bar 点击触发，需要自己改变组件 state & selecte={true} | Function | No | All | Yes |
+| selected | 是否选中 | Boolean | No | All | Yes |
+| icon | 默认展示图片 | `Image Source  | React.ReactNode` | No | All | Yes |
+| selectedIcon | 选中后的展示图片 | `Image Source  | React.ReactNode` | No | All | Yes |
+| title | 标题文字 | String | No | All | Yes |
+| key | 唯一标识 | String | No | All | Yes |
+| iconStyle | icon 样式 | String | No | All | Yes |
 
 **Slider**：滑动输入条组件，允许用户在一个区间中选择特定值，eg：控制屏幕的显示亮度。
 
-|         Name          |                                                                   Description                                                                    |      Type      | Required | Platform | HarmonyOS Support |
-| :-------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :------------: | :------: | :------: | :---------------: |
-|          min          |                                                                      最小值                                                                      |     Number     |    No    |   All    |        Yes        |
-|          max          |                                                                      最大值                                                                      |     Number     |    No    |   All    |        Yes        |
-|         step          | 步长，取值必须大于 0，并且可被 (max - min) 整除。当 `marks` 不为空对象时，可以设置 `step` 为 `null`，此时 Slider 的可选值仅有 marks 标出来的部分 | Number or null |    No    |   All    |        Yes        |
-|         value         |                                                                  设置当前取值。                                                                  |     Number     |    No    |   All    |        Yes        |
-|     defaultValue      |                                                                  设置初始取值。                                                                  |     Number     |    No    |   All    |        Yes        |
-|       disabled        |                                                                  滑块为禁用状态                                                                  |    Boolean     |    No    |   All    |        Yes        |
-|       onChange        |                                    当 Slider 的值发生改变时，会触发 onChange 事件，并把改变后的值作为参数传入                                    |    Function    |    No    |   All    |        Yes        |
-| maximumTrackTintColor |                                                                    底部背景色                                                                    |     String     |    No    |   All    |        Yes        |
-| minimumTrackTintColor |                                                                当前选中部分的颜色                                                                |     String     |    No    |   All    |        Yes        |
-|     onAfterChange     |                                                与 `ontouchend` 触发时机一致，把当前值作为参数传入                                                |    Function    |    No    |   All    |        Yes        |
+|     Name      |                                                                   Description                                                                    |                                                                 Type                                                                 | Required | Platform | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|      min      |                                                                      最小值                                                                      |                                                                Number                                                                |    No    |   All    |        Yes        |
+|      max      |                                                                      最大值                                                                      |                                                                Number                                                                |    No    |   All    |        Yes        |
+|     step      | 步长，取值必须大于 0，并且可被 (max - min) 整除。当 `marks` 不为空对象时，可以设置 `step` 为 `null`，此时 Slider 的可选值仅有 marks 标出来的部分 |                                                            Number or null                                                            |    No    |   All    |        Yes        |
+|     ticks     |                                                                   是否显示刻度                                                                   |                                                              `boolean`                                                               |    No    |   All    |        Yes        |
+|     range     |                                                                   是否为双滑块                                                                   |                                                              `boolean`                                                               |    No    |   All    |        Yes        |
+|     icon      |                                                                    滑块的图标                                                                    |                                                             `ReactNode`                                                              |    No    |   All    |        Yes        |
+|    styles     |                                                                 语义化结构 style                                                                 | [SliderStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/slider/index.zh-CN.md#sliderstyle-语义化样式) |    No    |   All    |        Yes        |
+|     style     |                                                                  最外层容器样式                                                                  |                                                        `StyleProp<ViewStyle>`                                                        |    No    |   All    |        Yes        |
+|     marks     |                                                                     刻度标记                                                                     |                                                 `{ [key: number]: React.ReactNode }`                                                 |    No    |   All    |        Yes        |
+|     value     |                                                                  设置当前取值。                                                                  |                                                                Number                                                                |    No    |   All    |        Yes        |
+| defaultValue  |                                                                  设置初始取值。                                                                  |                                                                Number                                                                |    No    |   All    |        Yes        |
+|   disabled    |                                                                  滑块为禁用状态                                                                  |                                                               Boolean                                                                |    No    |   All    |        Yes        |
+|   onChange    |                                    当 Slider 的值发生改变时，会触发 onChange 事件，并把改变后的值作为参数传入                                    |                                                               Function                                                               |    No    |   All    |        Yes        |
+| onAfterChange |                                                与 `ontouchend` 触发时机一致，把当前值作为参数传入                                                |                                                               Function                                                               |    No    |   All    |        Yes        |
 
 **Popover**：气泡组件，在点击控件或者某个区域后，浮出一个气泡菜单来做更多的操作。 如果设置了遮罩层，建议通过点击遮罩层的任一位置，进行退出。
 
@@ -909,7 +920,7 @@ export default class BasicTagExample extends React.Component {
 |        duration        |                                     动画时长                                      |                                                           number                                                            |    No    |   All    |        Yes        |
 |         easing         |                                     动画效果                                      | (show: boolean) => (value: number) => number 或 show => show ? Easing.out(Easing.back(1.70158)) : Easing.inOut(Easing.quad) |    No    |   All    |        Yes        |
 |    useNativeDriver     |                            动画是否使用 Native Driver                             |                                                           boolean                                                           |    No    |   All    |        Yes        |
-|       onDismiss        |                             Popover 关闭后的回调函数                              |                                                          function                                                           |    No    |   All    |        NO        |
+|       onDismiss        |                             Popover 关闭后的回调函数                              |                                                          function                                                           |    No    |   All    |        No         |
 
 **Popover.Item**：气泡子组件。
 
@@ -921,27 +932,221 @@ export default class BasicTagExample extends React.Component {
 
 **SwipeAction**：滑动操作组件。
 
-|   Name    |      Description       |   Type   | Required | Platform | HarmonyOS Support |
-| :-------: | :--------------------: | :------: | :------: | :------: | :---------------: |
-|   left    |       左侧按钮组       |  Array   |   Yes    |   All    |        Yes        |
-|   right   |       右侧按钮组       |  Array   |   Yes    |   All    |        Yes        |
-|  onSwipeableOpen   |     打开时回调函数     | (): void |   Yes    |   All    |        Yes         |
-|  onSwipeableClose  |     关闭时回调函数     | (): void |   Yes    |   All    |        Yes         |
+|        Name         |         Description          |                                                                   Type                                                                   | Required | Platform | HarmonyOS Support |
+| :-----------------: | :--------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|        left         |          左侧按钮组          |                                                                  Array                                                                   |   Yes    |   All    |        Yes        |
+|        right        |          右侧按钮组          |                                                                  Array                                                                   |   Yes    |   All    |        Yes        |
+|   onSwipeableOpen   |        打开时回调函数        |                                                                 (): void                                                                 |    No    |   All    |        Yes        |
+|  onSwipeableClose   |        关闭时回调函数        |                                                                 (): void                                                                 |    No    |   All    |        Yes        |
+|    closeOnAction    |    点击按钮后自动隐藏按钮    |                                                                `boolean`                                                                 |    No    |   All    |        Yes        |
+| closeOnTouchOutside | 是否在点击其他区域时自动归位 |                                                                `boolean`                                                                 |    No    |   All    |        Yes        |
+|       styles        |       语义化结构 style       | [SwipeActionStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/swipe-action-cn#swipeactionstyle-语义化样式) |    No    |   All    |        Yes        |
 
 **SwipeAction.Button**：滑动操作组件内的 Button。
 
-|  Name   | Description  |   Type   | Required | Platform | HarmonyOS Support |
-| :-----: | :----------: | :------: | :------: | :------: | :---------------: |
-|  text   |   按钮文案   |  String  |   Yes    |   All    |        Yes        |
-|  style  |   按钮样式   |  Object  |   Yes    |   All    |        Yes        |
-| onPress | 按钮点击事件 | (): void |   Yes    |   All    |        Yes        |
+|       Name        |  Description   |                                                      Type                                                      | Required | Platform | HarmonyOS Support |
+| :---------------: | :------------: | :------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  backgroundColor  |     背景色     |                                                    `string`                                                    |    No    |   All    |        Yes        |
+|     disabled      |    是否禁用    |                                                   `boolean`                                                    |    No    |   All    |        Yes        |
+|       text        |    按钮文案    |                                                     String                                                     |    No    |   All    |        Yes        |
+|       color       |    字体颜色    |                                                    `string`                                                    |    No    |   All    |        Yes        |
+|       style       |    按钮样式    |                                                     Object                                                     |    No    |   All    |        Yes        |
+|      onPress      |  按钮点击事件  |                                                    (): void                                                    |    No    |   All    |        Yes        |
+| actionButtonProps | 其他额外 props | [RectButtonProps](https://docs.swmansion.com/react-native-gesture-handler/docs/components/buttons/#rectbutton) |    No    |   All    |        Yes        |
+
+**Collapse**：折叠面板组件， 可以折叠/展开的内容区域。
+
+|       Name       |                          Description                          |                                                                                                                        Type                                                                                                                        | Required | Platform | HarmonyOS Support |
+| :--------------: | :-----------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|    accordion     |                      是否开启手风琴模式                       |                                                                                                                     `Boolean`                                                                                                                      |    No    |   All    |        Yes        |
+|    activeKey     |                     当前展开面板的 `key`                      |                                                                                                                手风琴模式：`string`                                                                                                                |    No    |   All    |        Yes        |
+|    arrowIcon     | 自定义箭头图标， 如果是 ReactNode，会自动为你增加旋转动画效果 |                                                                                                                    `ReactNode`                                                                                                                     |    No    |   All    |        Yes        |
+| defaultActiveKey |                     默认展开面板的 `key`                      |                                                                                                                手风琴模式：`string`                                                                                                                |    No    |   All    |        Yes        |
+|     onChange     |                        切换面板时触发                         |                                                                                                         手风琴模式：`(activeKey: string)`                                                                                                          |    No    |   All    |        Yes        |
+|      styles      |                       语义化结构 style                        | 同 [ListStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#liststyle-语义化样式) & [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#listitemstyle-语义化样式) |    No    |   All    |        Yes        |
+
+**Collapse.Panel**：折叠面板子组件。
+
+|      Name      |         Description         |                                                             Type                                                              | Required | Platform | HarmonyOS Support |
+| :------------: | :-------------------------: | :---------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   arrowIcon    |       自定义箭头图标        |                                                          `ReactNode`                                                          |    No    |   All    |        Yes        |
+| destroyOnClose | 不可见时是否销毁 `DOM` 结构 |                                                           `Boolean`                                                           |    No    |   All    |        Yes        |
+|    disabled    |       是否为禁用状态        |                                                           `Boolean`                                                           |    No    |   All    |        Yes        |
+|  forceRender   | 被隐藏时是否渲染 `DOM` 结构 |                                                           `Boolean`                                                           |    No    |   All    |        Yes        |
+|      key       |         唯一标识符          |                                                           `String`                                                            |    No    |   All    |        Yes        |
+|    onPress     |      标题栏的点击事件       |                                           `(event: GestureResponderEvent) => void`                                            |    No    |   All    |        Yes        |
+|     styles     |      语义化结构 style       | 同 [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#listitemstyle-语义化样式) |    No    |   All    |        Yes        |
+|     title      |       标题栏左侧内容        |                                                          `ReactNode`                                                          |    No    |   All    |        Yes        |
+
+**Input**：文本输入组件，通过键盘输入内容，是最基础的表单域包装。
+
+|     Name     |                                               Description                                               |                                                               Type                                                                | Required | Platform | HarmonyOS Support |
+| :----------: | :-----------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  allowClear  |                                        可以点击清除图标删除内容                                         |                                                             `boolean`                                                             |    No    |   All    |        Yes        |
+| defaultValue |                                             输入框默认内容                                              |                                                              string                                                               |    No    |   All    |        Yes        |
+|   disabled   |                                       是否禁用状态，默认为 false                                        |                                                              boolean                                                              |    No    |   All    |        Yes        |
+|  maxLength   |                                                最大长度                                                 |                                                              number                                                               |    No    |   All    |        Yes        |
+|    prefix    |                                          带有前缀图标的 input                                           |                                                             ReactNode                                                             |    No    |   All    |        Yes        |
+|  showCount   |                                              是否展示字数                                               |                                                             `boolean`                                                             |    No    |   All    |        Yes        |
+|    status    |                                              设置校验状态                                               |                                                       'error' \| 'warning'                                                        |    No    |   All    |        Yes        |
+|  inputStyle  |                                             TextInput style                                             |                                                      `StyleProp<TextStyle>`                                                       |    No    |   All    |        Yes        |
+|    style     |                                           容器(container)样式                                           |                                                      `StyleProp<ViewStyle>`                                                       |    No    |   All    |        Yes        |
+|    styles    |                                            语义化结构 style                                             | [InputStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/input/index.zh-CN.md#inputstyle-语义化样式) |    No    |   All    |        Yes        |
+|    suffix    |                                          带有后缀图标的 input                                           |                                                             ReactNode                                                             |    No    |   All    |        Yes        |
+|     type     | 声明 Input 类型，同原生 [`keyboardType`](https://reactnative.dev/docs/textinput.html#keyboardtype) 属性 |                                      'text' \| 'number' \|'password' \| KeyboardTypeOptions                                       |    No    |   All    |        Yes        |
+|    value     |                                               输入框内容                                                |                                                              string                                                               |    No    |   All    |        Yes        |
+|   onChange   |                         输入框内容变化时的回调，额外支持`e.target.value`的返回                          |                                  `(e: NativeSyntheticEvent<TextInputChangeEventData>) => void;`                                   |    No    |   All    |        Yes        |
+
+**Input.TextArea**
+
+同 `Input` 属性，外加：
+
+|   Name   |            Description            |                                                               Type                                                                | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+| autoSize |  自适应内容高度，可设置为 `true`  |                                           `false` 或对象：`{ minRows: 2, maxRows: 6 }`                                            |    No    |   All    |        Yes        |
+|   rows   | 固定显示几行，`autoSize` 优先级高 |                                                              number                                                               |    No    |   All    |        Yes        |
+|  styles  |         语义化结构 style          | [InputStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/input/index.zh-CN.md#inputstyle-语义化样式) |    No    |   All    |        Yes        |
+
+**Form**
+
+表单组件，高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。
+
+|       Name       |                                                               Description                                                               |                                                                      Type                                                                      |  Required  | Platform | HarmonyOS Support |
+| :--------------: | :-------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------: | :--------: | :------: | :---------------: |
+|     disabled     |                                     设置表单组件禁用，仅对 `@ant-design/react-native` 内置组件有效                                      |                                                                    boolean                                                                     |     No     |   All    |        Yes        |
+|    component     |                                         设置 Form 渲染元素，为 `false` 则不创建 ReactNode 节点                                          |                                                                     number                                                                     |     No     |   All    |        Yes        |
+|      fields      |                                      通过状态管理（如 redux）控制表单字段，如非强需求不推荐使用。                                       |             [ FieldData](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#fielddata)[]             |     No     |   All    |        Yes        |
+|       form       |                                      经 `Form.useForm()` 创建的 form 控制实例，不提供时会自动创建                                       |           [FormInstance](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#forminstance)            |     No     |   All    |        Yes        |
+|  feedbackIcons   |                                          当 `Form.Item` 有 `hasFeedback` 属性时可以自定义图标                                           |          [FeedbackIcons](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#feedbackicons)           |     No     |   All    |        Yes        |
+|  initialValues   |                                                  表单默认值，只有初始化以及重置时生效                                                   |                                                                     object                                                                     |     No     |   All    |        Yes        |
+|    labelStyle    |                                                            label 标签的样式                                                             |                                                                   `ViewStyle                                                                   | TextStyle` |    No    |        All        | Yes |
+|      layout      |                                                                表单布局                                                                 |                                                                  `horizontal`                                                                  |     No     |   All    |        Yes        |
+|       name       |                                                 表单名称，会作为表单字段 `id` 前缀使用                                                  |                                                                     string                                                                     |     No     |   All    |        Yes        |
+|     preserve     |                              当字段被删除时保留字段值。你可以通过 `getFieldsValue(true)` 来获取保留字段值                               |                                                                    boolean                                                                     |     No     |   All    |        Yes        |
+|   requiredMark   |                            必选样式，可以切换为必选或者可选展示样式。此为 Form 配置，Form.Item 无法单独配置                             |                            boolean \| `optional` \| ((label: ReactNode, info: { required: boolean }) => ReactNode)                             |     No     |   All    |        Yes        |
+| validateMessages | 验证提示模板，说明[见下](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#validatemessages) | [ValidateMessages](https://github.com/ant-design/ant-design/blob/6234509d18bac1ac60fbb3f92a5b2c6a6361295a/components/locale/en_US.ts#L88-L134) |     No     |   All    |        Yes        |
+| validateTrigger  |                                                       统一设置字段触发验证的时机                                                        |                                                               string \| string[]                                                               |     No     |   All    |        Yes        |
+|   wrapperStyle   |                                       需要为输入控件设置布局样式时，使用该属性，用法同 labelStyle                                       |                                                                  `ViewStyle`                                                                   |     No     |   All    |        Yes        |
+|  onFieldsChange  |                                                         字段更新时触发回调事件                                                          |                                                       function(changedFields, allFields)                                                       |     No     |   All    |        Yes        |
+|     onFinish     |                                                    提交表单且数据验证成功后回调事件                                                     |                                                                function(values)                                                                |     No     |   All    |        Yes        |
+|  onFinishFailed  |                                                    提交表单且数据验证失败后回调事件                                                     |                                                  function({ values, errorFields, outOfDate })                                                  |     No     |   All    |        Yes        |
+|  onValuesChange  |                                                        字段值更新时触发回调事件                                                         |                                                       function(changedValues, allValues)                                                       |     No     |   All    |        Yes        |
+|      styles      |                                                            语义化结构 style                                                             |             同 [ListStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#liststyle-语义化样式)              |     No     |   All    |        Yes        |
+
+**Form.Item**
+
+|       Name        |                                                                                Description                                                                                 |                                                                                                                                            Type                                                                                                                                             | Required | Platform | HarmonyOS Support |
+| :---------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   dependencies    |                    设置依赖字段，说明[见下](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#dependencies)                     |                                                                                     [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[]                                                                                     |    No    |   All    |        Yes        |
+| getValueFromEvent |                                                                     设置如何将 event 的值转换成字段值                                                                      |                                                                                                                                   (..args: any[]) => any                                                                                                                                    |    No    |   All    |        Yes        |
+|   getValueProps   |                                       为子元素添加额外的属性 (不建议通过 `getValueProps` 生成动态函数 prop，请直接将其传递给子组件)                                        |                                                                                                                             (value: any) => Record<string, any>                                                                                                                             |    No    |   All    |        Yes        |
+|    hasFeedback    |                          配合 `validateStatus` 属性使用，展示校验状态图标，建议只配合 Input 组件使用 此外，它还可以通过 Icons 属性获取反馈图标。                           |                                                                      boolean \| { icons: [FeedbackIcons](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#feedbackicons) }                                                                      |    No    |   All    |        Yes        |
+|       help        |                                                                提示信息，如不设置，则会根据校验规则自动生成                                                                |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|      hidden       |                                                                    是否隐藏字段（依然会收集和校验字段）                                                                    |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|   initialValue    |                                                    设置子元素默认值，如果与 Form 的 `initialValues` 冲突则以 Form 为准                                                     |                                                                                                                                           string                                                                                                                                            |    No    |   All    |        Yes        |
+|       label       |                                                                             `label` 标签的文本                                                                             |                                                                                                                                          ReactNode                                                                                                                                          |    No    |   All    |        Yes        |
+|    labelStyle     |                          label 标签的样式。你可以通过 Form 的 `labelStyle` 进行统一设置，不会作用于嵌套 Item。当和 Form 同时设置时，以 Item 为准                           |                                                                                                                                              -                                                                                                                                              |    No    |   All    |        Yes        |
+| messageVariables  |                                                                             默认验证字段的信息                                                                             |                                                                                                                                   Record<string, string>                                                                                                                                    |    No    |   All    |        Yes        |
+|       name        |                                                                              字段名，支持数组                                                                              |                                                                                      [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)                                                                                      |    No    |   All    |        Yes        |
+|     normalize     |                                                              组件获取值后进行转换，再放入 Form 中。不支持异步                                                              |                                                                                                                            (value, prevValue, prevValues) => any                                                                                                                            |    No    |   All    |        Yes        |
+|      noStyle      |             为 `true` 时不带样式，作为纯字段控件使用。当自身没有 `validateStatus` 而父元素存在有 `validateStatus` 的 Form.Item 会继承父元素的 `validateStatus`             |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|     preserve      |                                                                          当字段被删除时保留字段值                                                                          |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|     required      |                                                              必填样式设置。如不设置，则会根据校验规则自动生成                                                              |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|       rules       |                             校验规则，设置字段的校验逻辑。点击[此处](https://ant.design/components/form-cn#components-form-demo-basic)查看示例                             |                                                                                         [Rule](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#rule)[]                                                                                         |    No    |   All    |        Yes        |
+|   shouldUpdate    |                 自定义字段更新逻辑，说明[见下](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#shouldupdate)                  |                                                                                                                         boolean \| (prevValue, curValue) => boolean                                                                                                                         |    No    |   All    |        Yes        |
+|      styles       |                                                                              语义化结构 style                                                                              | [FormItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#formitemstyle-语义化样式) & [ValidateStatusStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#validatestatusstyle-语义化样式) |    No    |   All    |        Yes        |
+|      trigger      |                     设置收集字段值变更的时机。点击[此处](https://ant.design/components/form-cn#components-form-demo-customized-form-controls)查看示例                      |                                                                                                                                           string                                                                                                                                            |    No    |   All    |        Yes        |
+|   validateFirst   |                                               当某一规则校验不通过时，是否停止剩下的规则的校验。设置 `parallel` 时会并行校验                                               |                                                                                                                                     boolean 或 parallel                                                                                                                                     |    No    |   All    |        Yes        |
+| validateDebounce  |                                                                       设置防抖，延迟毫秒数后进行校验                                                                       |                                                                                                                                           number                                                                                                                                            |    No    |   All    |        Yes        |
+|  validateStatus   |                                        校验状态，如不设置，则会根据校验规则自动生成，可选：'success' 'warning' 'error' 'validating'                                        |                                                                                                                                           string                                                                                                                                            |    No    |   All    |        Yes        |
+|  validateTrigger  |                                                                             设置字段校验的时机                                                                             |                                                                                                                                     string \| string[]                                                                                                                                      |    No    |   All    |        Yes        |
+|   valuePropName   | 子节点的值的属性。注意：Switch、Checkbox 的 valuePropName 应该是 `checked`，否则无法获取这个两个组件的值。该属性为 `getValueProps` 的封装，自定义 `getValueProps` 后会失效 |                                                                                                                                           string                                                                                                                                            |    No    |   All    |        Yes        |
+|   wrapperStyle    |    需要为输入控件设置布局样式时，使用该属性，用法同 `labelStyle`。你可以通过 Form 的 `wrapperCol` 进行统一设置，不会作用于嵌套 Item。当和 Form 同时设置时，以 Item 为准    |                                                                                                                                         `ViewStyle`                                                                                                                                         |    No    |   All    |        Yes        |
+
+**Form.List**
+
+|     Name     |                                                                                                           Description                                                                                                            |                                                       Type                                                        | Required | Platform | HarmonyOS Support |
+| :----------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   children   |                                                                                                             渲染函数                                                                                                             |             (fields: Field[], operation: { add, remove, move }, meta: { errors }) => React.ReactNode              |   Yes    |   All    |        Yes        |
+| initialValue |                                                                               设置子元素默认值，如果与 Form 的 `initialValues` 冲突则以 Form 为准                                                                                |                                                       any[]                                                       |    No    |   All    |        Yes        |
+|     name     | 字段名，支持数组。List 本身也是字段，因而 `getFieldsValue()` 默认会返回 List 下所有值，你可以通过[参数](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#getfieldsvalue)改变这一行为 | [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath) |    No    |   All    |        Yes        |
+|    rules     |                             校验规则，仅支持自定义规则。需要配合 [ErrorList](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#formerrorlist) 一同使用。                              |                                             { validator, message }[]                                              |    No    |   All    |        Yes        |
+
+**Form.ErrorList**
+
+|  Name  |   Description    |                                                                        Type                                                                        | Required | Platform | HarmonyOS Support |
+| :----: | :--------------: | :------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+| errors |     错误列表     |                                                                    ReactNode[]                                                                     |    No    |   All    |        Yes        |
+| styles | 语义化结构 style | [ValidateStatusStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#validatestatusstyle-语义化样式) |    No    |   All    |        Yes        |
+
+**Form.Provider**
+
+|     Name     |     Description      |                            Type                            | Required | Platform | HarmonyOS Support |
+| :----------: | :------------------: | :--------------------------------------------------------: | :------: | :------: | :---------------: |
+| onFormChange | 子表单字段更新时触发 | function(formName: string, info: { changedFields, forms }) |    No    |   All    |        Yes        |
+| onFormFinish |   子表单提交时触发   |    function(formName: string, info: { values, forms })     |    No    |   All    |        Yes        |
+
+**FormInstance**
+
+|       Name        |                                                                                  Description                                                                                   |                                                                                                                                        Type                                                                                                                                         | Required | Platform | HarmonyOS Support |
+| :---------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   getFieldError   |                                                                            获取对应字段名的错误信息                                                                            |                                                                        (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => string[]                                                                        |    No    |   All    |        Yes        |
+|  getFieldsError   |                                                                  获取一组字段名对应的错误信息，返回为数组形式                                                                  |                                                                  (nameList?: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[]) => FieldError[]                                                                   |    No    |   All    |        Yes        |
+| getFieldInstance  |                                                                                获取对应字段实例                                                                                |                                                                          (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => any                                                                           |    No    |   All    |        Yes        |
+|  getFieldsValue   |                                   获取一组字段名对应的值，会按照对应结构返回。默认返回现存字段值，当调用 `getFieldsValue(true)` 时返回所有值                                   |                                                                            [GetFieldsValue](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#getfieldsvalue)                                                                            |    No    |   All    |        Yes        |
+|   getFieldValue   |                                                                               获取对应字段名的值                                                                               |                                                                          (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => any                                                                           |    No    |   All    |        Yes        |
+|  isFieldsTouched  |                                               检查一组字段是否被用户操作过，`allTouched` 为 `true` 时检查是否所有字段都被操作过                                                |                                                          (nameList?: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[], allTouched?: boolean) => boolean                                                          |    No    |   All    |        Yes        |
+|  isFieldTouched   |                                                                          检查对应字段是否被用户操作过                                                                          |                                                                        (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => boolean                                                                         |    No    |   All    |        Yes        |
+| isFieldValidating |                                                                            检查对应字段是否正在校验                                                                            |                                                                        (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => boolean                                                                         |    No    |   All    |        Yes        |
+|    resetFields    |                                                                         重置一组字段到 `initialValues`                                                                         |                                                                       (fields?: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[]) => void                                                                        |    No    |   All    |        Yes        |
+|   setFieldValue   |                                   设置表单的值（该值将直接传入 form store 中并且**重置错误信息**。如果你不希望传入对象被修改，请克隆后传入）                                   |                                                                    (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath), value: any) => void                                                                    |    No    |   All    |        Yes        |
+|  setFieldsValue   | 设置表单的值（该值将直接传入 form store 中并且**重置错误信息**。如果你不希望传入对象被修改，请克隆后传入）。如果你只想修改 Form.List 中单项值，请通过 `setFieldValue` 进行指定 |                                                                                                                                  (values) => void                                                                                                                                   |    No    |   All    |        Yes        |
+|      submit       |                                                                     提交表单，与点击 `submit` 按钮效果相同                                                                     |                                                                                                                                     () => void                                                                                                                                      |    No    |   All    |        Yes        |
+|  validateFields   |                                                           触发表单验证，设置 `recursive` 时会递归校验所有包含的路径                                                            | (nameList?: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[], config?: [ValidateConfig](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#validateFields)) => Promise |    No    |   All    |        Yes        |
+
+**Tooltip**：气泡组件，在点击控件或者某个区域后，浮出一个气泡菜单来做更多的操作。
+
+|      Name       |         Description          |                                                  Type                                                   | Required | Platform | HarmonyOS Support |
+| :-------------: | :--------------------------: | :-----------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|    children     |    触发 `Tooltip` 的元素     |                                          `React.ReactElement`                                           |   Yes    |   All    |        Yes        |
+|     content     |           弹出内容           |                                            `React.ReactNode`                                            |    No    |   All    |        Yes        |
+| defaultVisible  |         默认是否显隐         |                                                `boolean`                                                |    No    |   All    |        Yes        |
+|      mode       |   设置亮色模式或者黑色模式   |                                                `'light'`                                                |    No    |   All    |        Yes        |
+| onVisibleChange |        显示隐藏的回调        |                                      `(visible: boolean) => void`                                       |    No    |   All    |        Yes        |
+|    placement    |          气泡框位置          |                                                 `'top'`                                                 |    No    |   All    |        Yes        |
+|     styles      |       语义化结构 style       | [TooltipStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/master/#tooltipstyle-语义化样式) |    No    |   All    |        Yes        |
+|     trigger     |           触发方式           |                                               `'onPress'`                                               |    No    |   All    |        Yes        |
+|     visible     | 受控模式下，是否展示弹出内容 |                                                `boolean`                                                |    No    |   All    |        Yes        |
+
+**Tooltip.Menu**
+
+|   Name   |             Description              |           Type           | Required | Platform | HarmonyOS Support |
+| :------: | :----------------------------------: | :----------------------: | :------: | :------: | :---------------: |
+| actions  | 菜单列表，当弹出内容为标准菜单时使用 |        `Action[]`        |   Yes    |   All    |        Yes        |
+| maxCount | 菜单列表最大个数，超出则隐藏进行滚动 |         `number`         |    No    |   All    |        Yes        |
+| onAction |   当使用菜单列表时，选中菜单的回调   | `(item: Action) => void` |    No    |   All    |        Yes        |
+
+**Tooltip.Menu.Action**
+
+|   Name   |             Description              |     Type     | Required | Platform | HarmonyOS Support |
+| :------: | :----------------------------------: | :----------: | :------: | :------: | :---------------: |
+| disabled |               是否禁用               |  `boolean`   |    No    |   All    |        Yes        |
+|   icon   |             菜单项的图标             | `ReactNode`  |    No    |   All    |        Yes        |
+|   key    |  菜单的唯一标识, 缺省时即为 `index`  |   `string`   |    No    |   All    |        Yes        |
+| onPress  |              点击时触发              | `() => void` |    No    |   All    |        Yes        |
+|   text   | 菜单列表，当弹出内容为标准菜单时使用 | `ReactNode`  |    No    |   All    |        Yes        |
 
 ## 遗留问题
 
-## 其他
+- [ ] PickerView 组件在 harmony 暂不支持，待ArkUI规格升级之后再重新适配
+- [ ] Input.TextArea 组件在 harmony 暂不支持，待ArkUI规格升级之后再重新适配
 
-- [ ] Drawer 组件暂时无法支持，与 Android/IOS 一致[issue#1352](https://github.com/ant-design/ant-design-mobile-rn/issues/1352)、[issue#1338](https://github.com/ant-design/ant-design-mobile-rn/issues/1338)。
+## 其他
 
+- Drawer 组件暂时无法支持，与 Android/IOS 一致[issue#1352](https://github.com/ant-design/ant-design-mobile-rn/issues/1352)、[issue#1338](https://github.com/ant-design/ant-design-mobile-rn/issues/1338)。
+- Tooltip 组件气泡位置异常展示，与 Android/IOS 一致[issue#1376](https://github.com/ant-design/ant-design-mobile-rn/issues/1376)。
+- Radio 组件的 defaultCheck 属性无法正常生效，与 Android/IOS 一致[issue#1380](https://github.com/ant-design/ant-design-mobile-rn/issues/1380)。
+- Picker 组件的 defaultValue 属性无法正常生效，与 Android/IOS 一致[issue#1381](https://github.com/ant-design/ant-design-mobile-rn/issues/1381)。
 
 ## 开源协议
 

From e30012ba4b0f91c48d8e8f20bf2ace011c7de5f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Thu, 26 Sep 2024 07:28:37 +0000
Subject: [PATCH 598/966] =?UTF-8?q?!1574=20docs:=20[Issues:=20#IAT9DH]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-awesome-gallery=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAT9DH]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-awesome-gallery=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-awesome-gallery.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/zh-cn/react-native-awesome-gallery.md b/zh-cn/react-native-awesome-gallery.md
index 4f97a9f7..5ac5a65b 100644
--- a/zh-cn/react-native-awesome-gallery.md
+++ b/zh-cn/react-native-awesome-gallery.md
@@ -78,6 +78,8 @@ export default function App() {
 
 1. RNOH: 0.72.28; SDK: HarmonyOS-NEXT-DB5 5.0.0.60; IDE: DevEco Studio  5.0.3.655; ROM: 3.0.0.36;
 
+2. RNOH: 0.72.29; SDK: HarmonyOS-NEXT-DB6 5.0.0.61; IDE: DevEco Studio  5.0.3.706; ROM: 5.0.0.60;
+
 ## 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
@@ -139,7 +141,7 @@ export default function App() {
 
 ## 遗留问题
 - [ ] onTranslationYChange事件设置后，拖动图片会发生异常，iOS 和 Android平台均有该问题: [issue#84](https://github.com/pavelbabenko/react-native-awesome-gallery/issues/84)
-- [ ] react-native-gesture-handler库Gesture.Tap()事件无法获取正确的当前坐标和手指数，导致doubleTapScale、doubleTapInterval、doubleTapEnabled、onDoubleTap不生效: [issue#21](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/21)
+- [x] react-native-gesture-handler库Gesture.Tap()事件无法获取正确的当前坐标和手指数，导致doubleTapScale、doubleTapInterval、doubleTapEnabled、onDoubleTap不生效: [issue#21](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/21)
 
 ## 其他
 

From bbace05a59285b6f2e8fba92f7755555c5449cf3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=B8=E5=85=88=E7=94=9F?= <qinyiscl@foxmail.com>
Date: Thu, 26 Sep 2024 07:35:46 +0000
Subject: [PATCH 599/966] =?UTF-8?q?!1568=20docs:=20[Issues:=20#IAT2TN]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-theme-switch-animation=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAT2TN]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-theme-switch-animation?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-theme-switch-animation.md | 248 +++++++++++++++++++
 1 file changed, 248 insertions(+)
 create mode 100644 zh-cn/react-native-theme-switch-animation.md

diff --git a/zh-cn/react-native-theme-switch-animation.md b/zh-cn/react-native-theme-switch-animation.md
new file mode 100644
index 00000000..c05d1c1f
--- /dev/null
+++ b/zh-cn/react-native-theme-switch-animation.md
@@ -0,0 +1,248 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-theme-switch-animation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/WadhahEssam/react-native-theme-switch-animation">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/WadhahEssam/react-native-theme-switch-animation/blob/main/README.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-theme-switch-animation)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases)，并下载适用版本的 tgz 包。
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-theme-switch-animation@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-theme-switch-animation@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { StyleSheet, View, Button, Text } from 'react-native';
+import switchTheme from 'react-native-theme-switch-animation';
+
+export function ReactNativeThemeSwitchAnimationDemo() {
+  const [theme, setTheme] = React.useState('light');
+  
+  return (
+      <View
+        style={{
+          ...styles.container,
+          backgroundColor: theme === 'light' ? 'white' : 'black',
+        }}
+      >
+        <View
+          style={{
+            borderWidth: 1,
+            borderColor: theme === 'light' ? 'black' : 'white',
+            borderRadius: 1.4,
+            padding: 50,
+          }}
+        >
+          <Text
+            style={{
+              color: theme === 'light' ? 'black' : 'white',
+            }}
+          >
+            tests
+          </Text>
+        </View>
+
+        <View style={{ marginTop: 10 }}>
+          <Button
+            title="start"
+            onPress={() => {
+              switchTheme({
+                switchThemeFunction: () => {
+                  setTheme(theme === 'light' ? 'dark' : 'light');
+                },
+                animationConfig: {
+                  type: 'inverted-circular',
+                  duration: 2000,
+                  startingPoint: {
+                    cxRatio: 0.5,
+                    cyRatio: 0.5,
+                  },
+                },
+              });
+            }}
+          />
+        </View>
+      </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  box: {
+    width: 60,
+    height: 60,
+    marginVertical: 20,
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-theme-switch-animation": "file:../../node_modules/@react-native-oh-tpl/react-native-theme-switch-animation/harmony/react_native_theme_switch.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+### 3.在 ArkTs 侧引入 RNThemeSwitch Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+
+```diff
+...
++ import { RNThemeSwitchPackage } from "@react-native-oh-tpl/react-native-theme-switch-animation/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNThemeSwitchPackage(ctx),
+  ];
+}
+
+```
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 注意事项
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**switchTheme Function Props**
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `switchThemeFunction`  |Adds the function you use in your app to switch themes, doesn't matter if you use redux/context/zustand/mobx or any other way |  () => void | no     | All  | yes      |
+| `animationConfig`  | Configuration for the animation -> type, duration, starting point | AnimationConfig |  no     | All   | yes      |
+
+**animationConfig options**
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `type`  | Specifies animation type | fade circular inverted-circular |  no     | All   | yes      |
+| `duration`  | Specifies duration in milliseconds | number |  no     | All   | yes      |
+| `startingPoint`  | Configuration for the circular animation, where does the animation start in the screen | 	StartingPointConfig |  no     | All   | yes      |
+
+**startingPoint options**
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `cx`  | Specifies starting x point for circular and inverted-circular animation (should not exceed your screen width) |number|  no     | All   | yes      |
+| `cy`  | Specifies starting y point for circular and inverted-circular animation (should not exceed your screen height) |number|  no     | All   | yes      |
+| `cxRatio`  | Specifies starting percentage of x point for circular and inverted-circular animation (should be number between -1 and 1) |number|  no     | All   | yes      |
+| `cyRatio`  | Specifies starting percentage of y point for circular and inverted-circular animation (should be number between -1 and 1) |number|  no     | All   | yes      |
+
+## 遗留问题
+
+- [ ] circular动画效果动画开始前有一个闪屏的问题，后续需要提供在图片上剪裁出一个圆形，透过圆形可以看到下方节点的接口或方法。[issue#6](https://github.com/react-native-oh-library/react-native-theme-switch-animation/issues/6)
+
+## 其他
+
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/WadhahEssam/react-native-theme-switch-animation/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 52b76ca7498740b104d02d108f2c892bddae652d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Thu, 26 Sep 2024 08:21:25 +0000
Subject: [PATCH 600/966] =?UTF-8?q?!1542=20docs:=20[Issues:=20#IAS6SY]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-better-banner=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAS6SY]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-better-banner=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-better-banner.md | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/zh-cn/react-native-better-banner.md b/zh-cn/react-native-better-banner.md
index 00cd0866..2deb5259 100644
--- a/zh-cn/react-native-better-banner.md
+++ b/zh-cn/react-native-better-banner.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-better-banner</code> </h1>
@@ -115,11 +114,7 @@ export default App;
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[Releases](https://github.com/react-native-oh-library/better-banner/releases)
-
-本文档内容基于以下版本验证通过：
-
-1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases)
 
 ## 属性
 
@@ -159,5 +154,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From ef2030efa57114f0bf969421c1c7ecabb1d7ab6c Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Thu, 26 Sep 2024 09:29:52 +0000
Subject: [PATCH 601/966] =?UTF-8?q?!1569=20docs:=20[Issues:=20#IAT665]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-linear-gradient-text=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAT665]=E4=BF=AE=E6=94=B9=20react-native-linear-gradient-text?=
 =?UTF-8?q?=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-linear-gradient-text.md | 25 +++++++++++-----------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/zh-cn/react-native-linear-gradient-text.md b/zh-cn/react-native-linear-gradient-text.md
index 9a99a6a0..c0dd5c59 100644
--- a/zh-cn/react-native-linear-gradient-text.md
+++ b/zh-cn/react-native-linear-gradient-text.md
@@ -1,11 +1,13 @@
-<!-- {% raw %} -->
-模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-linear-gradient-text </code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/HMDarkFir3/react-native-linear-gradient-text">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/HMDarkFir3/react-native-linear-gradient-text/blob/main/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
@@ -34,7 +36,7 @@ yarn add react-native-linear-gradient-text@1.2.8
 
 下面的代码展示了这个库的基本使用场景：
 
-```tsx
+```js
 import React from "react";
 import { View, StyleSheet } from "react-native";
 import { LinearGradientText } from "react-native-linear-gradient-text";
@@ -62,8 +64,15 @@ const styles = StyleSheet.create({
   },
 });
 ```
+## Link
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/masked-view 和 @react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/masked-view 文档的 Link 章节 ](/zh-cn/react-native-masked-view-masked-view.md#link) 和 [@react-native-oh-tpl/react-native-linear-gradient 文档的 Link 章节 ](/zh-cn/react-native-linear-gradient.md#link)进行引入。
+
+## 约束与限制
 
-## 兼容性
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 
@@ -88,16 +97,8 @@ const styles = StyleSheet.create({
 | textStyle | A property to change all styles that a text has.                                                              | [TextStyle](https://reactnative.dev/docs/text-style-props)       | All      | N        | Yes               |
 | textProps | A property to apply native props to text.                                                                     | [TextProps](https://reactnative.dev/docs/text-style-props#props) | All      | N        | Yes               |
 
-## Link
-
-本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/masked-view 和 @react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
-
-如未引入请参照[@react-native-oh-tpl/masked-view 文档的 Link 章节 ](/zh-cn/react-native-masked-view-masked-view.md#link) 和 [@react-native-oh-tpl/react-native-linear-gradient 文档的 Link 章节 ](/zh-cn/react-native-linear-gradient.md#link)进行引入。
-
 ## 遗留问题
 
-- [x] 渐变颜色不生效: 由于 mask 遮罩在文字的场景下，依赖 ROM 3.0.0.21 以后版本能力，之前版本仍不支持如 3.0.0.18。
-
 ## 其他
 
 ## 开源协议

From dea969f0c4aef0c18b6874f95eded7d70c7418da Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Thu, 26 Sep 2024 10:43:29 +0000
Subject: [PATCH 602/966] =?UTF-8?q?!1589=20docs:=20[Issues:=20#IATWUL]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-ohos-community=5Fauto-fill?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20Merge=20pull=20request?=
 =?UTF-8?q?=20!1589=20from=20qinjianqi/master?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-native-ohos-community-auto-fill.md  | 276 ++++++++++++++++++
 1 file changed, 276 insertions(+)
 create mode 100644 zh-cn/react-native-ohos-community-auto-fill.md

diff --git a/zh-cn/react-native-ohos-community-auto-fill.md b/zh-cn/react-native-ohos-community-auto-fill.md
new file mode 100644
index 00000000..84f684c7
--- /dev/null
+++ b/zh-cn/react-native-ohos-community-auto-fill.md
@@ -0,0 +1,276 @@
+<p align="center">
+  <h1 align="center"> <code>@react-native-ohos-community/auto-fill</code> </h1>
+</p>
+<p align="center">
+    <img src="https://img.shields.io/badge/platforms-%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    <a href="https://github.com/react-native-oh-library/auto-fill/blob/sig/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+auto-fill 基于 HarmonyOS [autoFillManager](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-app-ability-autofillmanager-V5) 模块，提供将表单输入数据保存到历史表单输入中，以供下次自动填充的功能，仅支持 ohos 平台。
+
+<video controls src="https://github.com/user-attachments/assets/19be83fb-2afb-4a31-9e7f-cba3848a5892" title="auto-fill-demo" width="180"></video>
+
+## 前提条件
+
+1. **申请接入智能填充服务** 。当前智能填充处于 Beta 阶段，您可通过发送邮件的方式进行申请接入。邮件模板可参考 [智能填充概述-申请接入智能填充服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/scenario-fusion-introduction-to-smart-fill-V5#section1167564853816)
+2. 设备智能填充开关必须处于打开状态，请前往“设置 > 隐私和安全 > 智能填充”打开。  
+3. 设备已连接互联网。
+4. 设备需要登录华为账号。
+5. 业务侧需要给 `TextInput` 组件传入 [`textContentType`](https://reactnative.cn/docs/textinput#textcontenttype) 属性。
+
+## 安装
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+- **npm**
+  ```bash
+  npm install @react-native-ohos-community/auto-fill@file:#
+  ```
+- **yarn**
+  ```bash
+  yarn add @react-native-ohos-community/auto-fill@file:#
+  ```
+
+## 使用说明
+
+### 基本用法
+
+```tsx
+import React, { useState } from 'react';
+import { View, TextInput, Button, StyleSheet } from 'react-native';
+import AutoFill from '@react-native-ohos-community/auto-fill';
+
+const MyFormComponent = () => {
+  const [fullName, setFullName] = useState('');
+  const [phoneNumber, setPhoneNumber] = useState('');
+
+  const handleSubmit = () => {
+    AutoFill.autoSave(
+      () => {
+        console.log('AutoFillTurboModule success in js is been called');
+      },
+      () => {
+        console.log('AutoFillTurboModule failed in js is been called');
+      }
+    );
+  };
+
+  return (
+    <View style={styles.container}>
+      <TextInput
+        style={styles.input}
+        placeholder="Full Name"
+        value={fullName}
+        onChangeText={setFullName}
+        autoCapitalize="words"
+        textContentType="name"
+      />
+      <TextInput
+        style={styles.input}
+        placeholder="Phone Number"
+        value={phoneNumber}
+        onChangeText={setPhoneNumber}
+        keyboardType="phone-pad"
+        textContentType="telephoneNumber"
+      />
+
+      <Button title="Submit" onPress={handleSubmit} />
+    </View>
+  );
+};
+
+export default MyFormComponent;
+```
+
+初次调用 `AutoFill.autoSave` 将弹出“保存至历史表单输入”半模态窗。
+
+- 点击 “保存信息” 按钮之后，智能填充开关会打开并将表单输入数据保存到历史表单输入中。
+- 点击 “忽略” 按钮后，该设备 24 小时之内不会再次询问。该设备累计忽略 5 次后，半模态中将显示“忽略后不再询问”勾选框，勾选之后点击“忽略”按钮，后续将不再询问。
+
+### 常见使用场景
+
+- 联系人信息填充: 适用于如购票信息、收货信息等联系人数据相关表单
+- 账号密码填充：适用于如登录界面相关表单
+- 页面跳转时表单自动填充
+- 示例代码可查看 [ContactsComponent.tsx](https://github.com/react-native-oh-library/auto-fill/blob/sig/tester/App.tsx)
+
+> 具体密码保存与填充规则请参考：[密码自动填充服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/passwordvault-V5)
+
+### ContentType 对应关系
+
+React-Native 侧 TextInput 组件接收的 [textContentType](https://reactnative.cn/docs/textinput#textcontenttype) 类型与 HarmonyOS 中 [ContentType](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-textinput-V5#contenttype12%E6%9E%9A%E4%B8%BE%E8%AF%B4%E6%98%8E) 类型映射关系如下，可供参考。
+
+```js
+// key 值为 RN 侧 textContentType 值,
+// value 值为 HarmonyOS 侧 ContentType 值
+{
+    "addressCity": CITY_ADDRESS,  // 市
+    "addressState": PROVINCE_ADDRESS, // 省
+    "countryName": COUNTRY_ADDRESS, // 国家
+    "creditCardNumber": BANK_CARD_NUMBER, // 银行卡号
+    "fullStreetAddress": FULL_STREET_ADDRESS, // 详细地址
+    "sublocality": DISTRICT_ADDRESS, // 区/县
+    "telephoneNumber": PHONE_NUMBER, // 手机号码
+    "username": USER_NAME, // 用户名
+    "password": PASSWORD, // 密码
+    "newPassword": NEW_PASSWORD, // 新密码
+    "houseNumber": HOUSE_NUMBER, // 门牌号
+    "districtAddress": DISTRICT_ADDRESS, // 区/县
+    "cityAddress": CITY_ADDRESS,    // 市
+    "provinceAddress": PROVINCE_ADDRESS,   // 省
+    "countryAddress": COUNTRY_ADDRESS, // 国家
+    "personFullName": PERSON_FULL_NAME, // 姓名
+    "personLastName": PERSON_LAST_NAME, // 姓氏
+    "personFirstName": PERSON_FIRST_NAME, // 名字
+    "phoneNumber": PHONE_NUMBER, // 手机号码
+    "phoneCountryCode": PHONE_COUNTRY_CODE, // 国家代码
+    "fullPhoneNumber": FULL_PHONE_NUMBER, // 包含国家代码的手机号码
+    "emailAddress": EMAIL_ADDRESS, // 邮箱地址
+    "bankCardNumber": BANK_CARD_NUMBER, // 银行卡号
+    "idCardNumber": ID_CARD_NUMBER, // 身份证号
+    "nickName": NICKNAME, // 昵称
+    "name": PERSON_FULL_NAME, // 姓名
+    "familyName": PERSON_LAST_NAME, // 姓氏
+    "givenName": PERSON_FIRST_NAME, // 名字
+    "detailInfoWithoutStreet": DETAIL_INFO_WITHOUT_STREET,// 无街道地址
+    "formatAddress": FORMAT_ADDRESS, // 标准地址
+}
+```
+
+### Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+#### 1. 在 harmony 工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  "overrides": {
+    "@rnoh/react-native-openharmony": "./react_native_openharmony"
+  }
+}
+```
+
+#### 2. 引入原生端代码
+
+目前有两种方法：
+
+（1）通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+
+（2）直接链接源码。
+
+方法 一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-ohos-community/auto-fill": "file:../../node_modules/@react-native-ohos-community/auto-fill/harmony/auto_fill.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法 二：直接链接源码
+
+如需使用直接链接源码，请参考[直接链接源码](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)说明
+
+#### 3. 配置 CMakeLists 和引入 AutoFillPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+...
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos-community/auto-fill/src/main/cpp" ./auto-fill)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC auto_fill)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
++ #include "AutoFillPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(
+    Package::Context ctx) {
+  return {
++       std::make_shared<AutoFillPackage>(ctx),
+  };
+}
+```
+
+#### 4. 在 ArkTs 侧引入 AutoFillPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { AutoFillPackage } from '@react-native-ohos-community/auto-fill/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new AutoFillPackage(ctx),
+  ];
+}
+```
+
+## 约束与限制
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases)
+
+
+## API 接口说明
+
+auto-fill 仅暴露一个 autoSave 接口，用于保存当前表单信息
+
+| API                              | 说明             |                       入参                       | 返回值 |
+| :------------------------------- | ---------------- | :----------------------------------------------: | :----: |
+| autoSave(onSuccess?, onFailure?) | 保存当前表单信息 | (onSuccess?: () => void, onFailure?: () => void) |  void  |
+
+> autoSave 方法在 native 侧限制 2s 内只能调用一次，多次调用将触发 onFailure 回调，并输出 `autoSave called too frequently, please wait for 2 seconds.`
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/auto-fill/blob/sig/LICENSE) ，请自由地享受和参与开源。

From 6c583ce3faa472f90860ef38c38fe952730f8f71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=98=89=E8=AF=9A?= <linjiacheng1@huawei.com>
Date: Thu, 26 Sep 2024 15:13:08 +0000
Subject: [PATCH 603/966] =?UTF-8?q?!1594=20docs:=20=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=B8=8D=E6=94=AF=E6=8C=81=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=20*=20docs:=20=E5=88=A0=E9=99=A4=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E4=B8=8D=E6=94=AF=E6=8C=81=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/styled-system.md | 147 +++++++++++++++--------------------------
 1 file changed, 53 insertions(+), 94 deletions(-)

diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index 51327c82..904ca00d 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -1,4 +1,5 @@
 <!-- {% raw %} -->
+
 > 模板版本：v0.1.3
 
 <p align="center">
@@ -35,9 +36,9 @@ yarn add styled-system@5.1.5
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-import React from 'react';
-import styled from 'styled-components/native';
-import { space, layout, color } from 'styled-system';
+import React from "react";
+import styled from "styled-components/native";
+import { space, layout, color } from "styled-system";
 
 // 创建一个基础的 Box 组件
 const Box = styled.View`
@@ -113,108 +114,66 @@ export default App;
 
 **API typography**
 
-| Name          | Description | Type | Required | HarmonyOS Support | Notes                                   |
-| ------------- | ----------- | ---- | -------- | ----------------- | --------------------------------------- |
-| fontFamily    | 字体系列    | prop | no       | yes               | 与 Android、iOS效果一致，设置后均无效果 |
-| fontSize      | 字号大小    | prop | no       | yes               |
-| fontWeight    | 字体权重    | prop | no       | yes               |
-| lineHeight    | 行高        | prop | no       | yes               |
-| letterSpacing | 字符间距    | prop | no       | yes               |
-| textAlign     | 文本对齐    | prop | no       | yes               |
-| fontStyle     | 字体样式    | prop | no       | yes               |
+| Name          | Description | Type | Required | HarmonyOS Support | Notes |
+| ------------- | ----------- | ---- | -------- | ----------------- | ----- |
+| fontSize      | 字号大小    | prop | no       | yes               |       |
+| fontWeight    | 字体权重    | prop | no       | yes               |       |
+| lineHeight    | 行高        | prop | no       | yes               |       |
+| letterSpacing | 字符间距    | prop | no       | yes               |       |
+| textAlign     | 文本对齐    | prop | no       | yes               |       |
+| fontStyle     | 字体样式    | prop | no       | yes               |       |
 
 **API layout**
 
-| Name          | Description | Type | Required | HarmonyOS Support | Notes                                    |
-| ------------- | ----------- | ---- | -------- | ----------------- | ---------------------------------------- |
-| width         | 宽度        | prop | no       | yes               |
-| height        | 高度        | prop | no       | yes               |
-| display       | 显示类型    | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| minWidth      | 最小宽度    | prop | no       | yes               |
-| minHeight     | 最小高度    | prop | no       | yes               |
-| maxHeight     | 最大高度    | prop | no       | yes               |
-| size          | 大小        | prop | no       | yes               |
-| verticalAlign | 垂直对齐    | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| overflow      | 溢出        | prop | no       | yes               |
-| overflowX     | X 轴溢出    | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| overflowY     | Y 轴溢出    | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
+| Name      | Description | Type | Required | HarmonyOS Support | Notes |
+| --------- | ----------- | ---- | -------- | ----------------- | ----- |
+| width     | 宽度        | prop | no       | yes               |       |
+| height    | 高度        | prop | no       | yes               |       |
+| minHeight | 最小高度    | prop | no       | yes               |       |
+| maxHeight | 最大高度    | prop | no       | yes               |       |
+| size      | 大小        | prop | no       | yes               |       |
 
 **API flexbox**
 
-| Name           | Description           | Type | Required | HarmonyOS Support | Notes                                    |
-| -------------- | --------------------- | ---- | -------- | ----------------- | ---------------------------------------- |
-| alignItems     | 列内轴对齐项          | prop | no       | yes               |                                          |
-| alignContent   | 列内轴对齐内容        | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| justifyItems   | 行内轴对齐项          | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| justifyContent | 行内轴对齐内容        | prop | no       | yes               |
-| flexWrap       | 换行                  | prop | no       | yes               |
-| flexDirection  | 弹性方向              | prop | no       | yes               |
-| flex           | 弹性布局              | prop | no       | yes               |
-| flexGrow       | 分配剩余空间比例      | prop | no       | yes               |
-| flexShrink     | 弹性收缩              | prop | no       | yes               |
-| flexBasis      | 弹性初始长度          | prop | no       | yes               |
-| justifySelf    | 行内对齐              | prop | no       | yes               |
-| alignSelf      | 对齐，覆盖 alignItems | prop | no       | yes               |
-| order          | 弹性布局顺序          | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
+| Name           | Description      | Type | Required | HarmonyOS Support | Notes |
+| -------------- | ---------------- | ---- | -------- | ----------------- | ----- |
+| alignItems     | 列内轴对齐项     | prop | no       | yes               |       |
+| justifyContent | 行内轴对齐内容   | prop | no       | yes               |       |
+| flexWrap       | 换行             | prop | no       | yes               |       |
+| flexDirection  | 弹性方向         | prop | no       | yes               |       |
+| flex           | 弹性布局         | prop | no       | yes               |       |
+| flexGrow       | 分配剩余空间比例 | prop | no       | yes               |       |
+| flexShrink     | 弹性收缩         | prop | no       | yes               |       |
+| flexBasis      | 弹性初始长度     | prop | no       | yes               |       |
 
 **API border**
 
-| Name                    | Description  | Type | Required | HarmonyOS Support | Notes                                    |
-| ----------------------- | ------------ | ---- | -------- | ----------------- | ---------------------------------------- |
-| border                  | 边框         | prop | no       | yes               |
-| borderWidth             | 边框宽度     | prop | no       | yes               |
-| borderStyle             | 边框样式     | prop | no       | yes               |
-| borderColor             | 边框颜色     | prop | no       | yes               |
-| borderRadius            | 边框圆角     | prop | no       | yes               |
-| borderTop               | 上边框       | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| borderTopWidth          | 上边框宽度   | prop | no       | yes               |
-| borderTopStyle          | 上边框样式   | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| borderTopColor          | 上边框颜色   | prop | no       | yes               |
-| borderTopLeftRadius     | 上左边框圆角 | prop | no       | yes               |
-| borderTopRightRadius    | 上右边框圆角 | prop | no       | yes               |
-| borderRight             | 右边框       | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| borderRightWidth        | 右边框宽度   | prop | no       | yes               |
-| borderRightStyle        | 右边框样式   | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| borderRightColor        | 右边框颜色   | prop | no       | yes               |
-| borderBottom            | 下边框       | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| borderBottomWidth       | 下边框宽度   | prop | no       | yes               |
-| borderBottomStyle       | 下边框样式   | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| borderBottomColor       | 下边框颜色   | prop | no       | yes               |
-| borderBottomLeftRadius  | 左下边框圆角 | prop | no       | yes               |
-| borderBottomRightRadius | 右下边框圆角 | prop | no       | yes               |
-| borderLeft              | 左边框       | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| borderLeftWidth         | 左边框宽度   | prop | no       | yes               |
-| borderLeftStyle         | 左边框样式   | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| borderLeftColor         | 左边框颜色   | prop | no       | yes               |
-| borderX                 | X 轴边框     | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| borderY                 | Y 轴边框     | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
+| Name                    | Description  | Type | Required | HarmonyOS Support | Notes |
+| ----------------------- | ------------ | ---- | -------- | ----------------- | ----- |
+| border                  | 边框         | prop | no       | yes               |       |
+| borderWidth             | 边框宽度     | prop | no       | yes               |       |
+| borderStyle             | 边框样式     | prop | no       | yes               |       |
+| borderColor             | 边框颜色     | prop | no       | yes               |       |
+| borderRadius            | 边框圆角     | prop | no       | yes               |       |
+| borderTopWidth          | 上边框宽度   | prop | no       | yes               |       |
+| borderTopColor          | 上边框颜色   | prop | no       | yes               |       |
+| borderTopLeftRadius     | 上左边框圆角 | prop | no       | yes               |       |
+| borderTopRightRadius    | 上右边框圆角 | prop | no       | yes               |       |
+| borderRightWidth        | 右边框宽度   | prop | no       | yes               |       |
+| borderRightColor        | 右边框颜色   | prop | no       | yes               |       |
+| borderBottomWidth       | 下边框宽度   | prop | no       | yes               |       |
+| borderBottomColor       | 下边框颜色   | prop | no       | yes               |       |
+| borderBottomLeftRadius  | 左下边框圆角 | prop | no       | yes               |       |
+| borderBottomRightRadius | 右下边框圆角 | prop | no       | yes               |       |
+| borderLeftWidth         | 左边框宽度   | prop | no       | yes               |       |
+| borderLeftColor         | 左边框颜色   | prop | no       | yes               |       |
 
 **API position**
 
-| Name     | Description  | Type | Required | HarmonyOS Support |
-| -------- | ------------ | ---- | -------- | ----------------- |
-| position | 定位         | prop | no       | yes               |
-| zIndex   | 元素堆叠顺序 | prop | no       | yes               |
-| top      | 上偏移量     | prop | no       | yes               |
-| right    | 右偏移量     | prop | no       | yes               |
-| bottom   | 下偏移量     | prop | no       | yes               |
-| left     | 左偏移量     | prop | no       | yes               |
-
-**API shadow**
-
-| Name       | Description | Type | Required | HarmonyOS Support |
-| ---------- | ----------- | ---- | -------- | ----------------- |
-| textShadow | 文本阴影    | prop | no       | yes               |
-| boxShadow  | 盒子阴影    | prop | no       | yes               |
-
-**API background**
-
-| Name               | Description | Type | Required | HarmonyOS Support | Notes                                    |
-| ------------------ | ----------- | ---- | -------- | ----------------- | ---------------------------------------- |
-| backgroundImage    | 背景图片    | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| backgroundSize     | 背景尺寸    | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| backgroundPosition | 背景定位    | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
-| backgroundRepeat   | 背景图平铺  | prop | no       | yes               | 与 Android、iOS 效果一致，设置后均无效果 |
+| Name | Description | Type | Required | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | ----------------- |
+| top  | 上偏移量    | prop | no       | yes               |
+| left | 左偏移量    | prop | no       | yes               |
 
 ## 遗留问题
 
@@ -224,4 +183,4 @@ export default App;
 
 本项目基于 [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->

From fa7769c37bf01451a2398c5eac73d6eaa9abff48 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Fri, 27 Sep 2024 01:49:40 +0000
Subject: [PATCH 604/966] =?UTF-8?q?!1591=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?autocomplete-dropdown=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[#IATYW6]=20=E4=BF=AE=E6=94=B9react-native-autocompl?=
 =?UTF-8?q?ete-dropdown=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-autocomplete-dropdown.md | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/zh-cn/react-native-autocomplete-dropdown.md b/zh-cn/react-native-autocomplete-dropdown.md
index b1b68163..56a600c8 100644
--- a/zh-cn/react-native-autocomplete-dropdown.md
+++ b/zh-cn/react-native-autocomplete-dropdown.md
@@ -40,7 +40,7 @@ yarn add react-native-autocomplete-dropdown@4.0.0-rc.5
 
 1. Wrap your root component in AutocompleteDropdownContextProvider from react-native-autocomplete-dropdown
 
-```tsx
+```jsx
 import { AutocompleteDropdownContextProvider } from 'react-native-autocomplete-dropdown';
 import { AppRegistry } from 'react-native'
 
@@ -57,7 +57,7 @@ AppRegistry.setWrapperComponentProvider(appParams => {
 
 2. Example with local Dataset
 
-```tsx
+```jsx
 import React, { memo, useState } from 'react'
 import { Text, View } from 'react-native'
 import type { TAutocompleteDropdownItem } from 'react-native-autocomplete-dropdown'
@@ -120,18 +120,16 @@ export const LocalDataSetExample = memo(() => {
 | useFilter                     | whether use local filter by dataSet (useful set to false for remote filtering to prevent rerender twice)      | boolean             | no       | iOS/Android | yes               |
 | showClear                     | show clear button                                                                                             | boolean             | no       | iOS/Android | yes               |
 | showChevron                   | show chevron (open/close) button                                                                              | boolean             | no       | iOS/Android | yes               |
-| closeOnBlur                   | whether to close dropdown on blur                                                                             | boolean             | no       | iOS/Android | yes               |
 | closeOnSubmit                 | sets the max stroke line width                                                                                | boolean             | no       | iOS/Android | yes               |
 | clearOnFocus                  | whether to clear typed text on focus                                                                          | boolean             | no       | iOS/Android | yes               |
 | caseSensitive                 | whether to perform case-sensitive search                                                                      | boolean             | no       | iOS/Android | yes               |
 | ignoreAccents                 | ignore diacritics                                                                                             | boolean             | no       | iOS/Android | yes               |
 | trimSearchText                | trim the searched text                                                                                        | boolean             | no       | iOS/Android | yes               |
-| editable                      | is textInput editable                                                                                        | boolean             | no       | iOS/Android | yes               |
+| editable                      | is textInput editable                                                                                         | boolean             | no       | iOS/Android | yes               |
 | debounce                      | wait ms before call onChangeText                                                                              | number              | no       | iOS/Android | yes               |
 | suggestionsListMaxHeight      | max height of dropdown                                                                                        | number              | no       | iOS/Android | yes               |
 | direction                     | "up" or "down"                                                                                                | up \| down          | no       | iOS/Android | yes               |
 | matchFrom                     | whether match suggestions from start of titles or anywhere in the title. Possible values are "any" or "start" | any \| start        | no       | iOS/Android | yes               |
-| bottomOffset                  | for calculate dropdown direction (e.g. tabbar)                                                                | number              | no       | iOS/Android | yes               |
 | onChangeText                  | event textInput onChangeText                                                                                  | function            | no       | iOS/Android | yes               |
 | onSelectItem                  | event onSelectItem                                                                                            | function            | no       | iOS/Android | yes               |
 | onOpenSuggestionsList         | event onOpenSuggestionsList                                                                                   | function            | no       | iOS/Android | yes               |
@@ -143,9 +141,11 @@ export const LocalDataSetExample = memo(() => {
 | renderItem                    | JSX for render item (item, searchText) => JSX                                                                 | function            | no       | iOS/Android | yes               |
 | controller                    | return reference to module controller with methods close, open, toggle, clear, setInputText, setItem          | function            | no       | iOS/Android | yes               |
 | containerStyle                | containerStyle                                                                                                | ViewStyle           | no       | iOS/Android | yes               |
+| inputContainerStyle           | custom input container style                                                                                  | ViewStyle           | no       | iOS/Android | yes               |
 | rightButtonsContainerStyle    | rightButtonsContainerStyle                                                                                    | ViewStyle           | no       | iOS/Android | yes               |
 | suggestionsListContainerStyle | suggestionsListContainerStyle                                                                                 | ViewStyle           | no       | iOS/Android | yes               |
 | suggestionsListTextStyle      | suggestionsListTextStyle                                                                                      | TextStyle           | no       | iOS/Android | yes               |
+| rightIconComponent            | custom chevron icon                                                                                           | React.Component     | no       | iOS/Android | yes               |
 | ChevronIconComponent          | Chevron Custom Icon                                                                                           | React.Component     | no       | iOS/Android | yes               |
 | ClearIconComponent            | Clear Custom Icon                                                                                             | React.Component     | no       | iOS/Android | yes               |
 | EmptyResultComponent          | replace the default `` Component on empty result                                                              | React.Component     | no       | iOS/Android | yes               |
@@ -161,6 +161,8 @@ export const LocalDataSetExample = memo(() => {
 
 ## 其他
 
+- closeOnBlur、bottomOffset属性在4.0.0-rc5版本不支持，源码组件入口props中不接收这两个属性 [源码：index.tsx](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/src/index.tsx#L59)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/LICENSE) ，请自由地享受和参与开源。

From 60e90edee167adc795b79eb5a98fede3f6b50dc5 Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Fri, 27 Sep 2024 02:57:11 +0000
Subject: [PATCH 605/966] =?UTF-8?q?!1596=20docs:=20[#IAU217]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-voice-voice=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20test:=20=E4=BF=AE=E6=94=B9react-native-voice-vo?=
 =?UTF-8?q?ice=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-voice-voice.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-voice-voice.md b/zh-cn/react-native-voice-voice.md
index b979f1ce..b1159d29 100644
--- a/zh-cn/react-native-voice-voice.md
+++ b/zh-cn/react-native-voice-voice.md
@@ -452,7 +452,7 @@ ohpm install
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)
 
 ### 权限要求
-由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在根目录下module.json5、string.json文件
+由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在entry/src目录下module.json5和entry/src/main/resources/base/element目录下string.json文件
 
 打开 `module.json5`，添加：
 

From 06982b8a249b13bab302b4ac0423014ce0c30b88 Mon Sep 17 00:00:00 2001
From: baofeng <baofeng6@h-partners.com>
Date: Fri, 27 Sep 2024 03:02:01 +0000
Subject: [PATCH 606/966] =?UTF-8?q?!1593=20docs:=20[Issues:=20#IATZC1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-worklets-core=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IATZC1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-worklets-core=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-worklets-core.md | 57 ++++++++++++++---------------
 1 file changed, 27 insertions(+), 30 deletions(-)

diff --git a/zh-cn/react-native-worklets-core.md b/zh-cn/react-native-worklets-core.md
index 6b14a106..33d68ad9 100644
--- a/zh-cn/react-native-worklets-core.md
+++ b/zh-cn/react-native-worklets-core.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-worklets-core</code> </h1>
@@ -10,14 +9,10 @@
     </a>
     <a href="https://github.com/margelo/react-native-worklets-core/blob/main/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
-
-
-
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-worklets-core)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-worklets-core)
 
 ## 安装与使用
 
@@ -170,10 +165,8 @@ add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
 + add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-worklets-core/src/main/cpp" ./worklets)
-# RNOH_END: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
@@ -184,10 +177,8 @@ add_library(rnoh_app SHARED
 )
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_worklets)
-# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
@@ -248,23 +239,30 @@ ohpm install
 
 ### API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| NAME                   | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
-| ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
-| createContext          | Create a worker thread context object                        | function                                                     | no       | All      | yes               |
-| createSharedValue      | Creates a new worklet context with the given name            | function                                                     | no       | All      | yes               |
-| createRunOnJS          | Creates a function that can be executed asynchronously on the default React-JS context | function                                                     | no       | All      | yes               |
-| runOnJS                | Runs the given Function asynchronously on the default React-JS context | function                                                     | no       | All      | yes               |
-| getCurrentThreadId     | Returns a unique identifier for the Thread this method is called on | function                                                     | no       | All      | yes               |
-| defaultContext         | Get the current Worklet context, or `undefined` if called in main React JS context. | [IWorkletContext](https://github.com/react-native-oh-library/react-native-worklets-core/blob/sig/src/types.ts#L29) | no       | All      | yes               |
-| context.createRunAsync | Creates a function that can be executed asynchronously on the Worklet context. | function                                                     | no       | All      | yes               |
-| context.runAsync       | Runs the given Function asynchronously on this Worklet context. | function                                                     | no       | All      | yes               |
-| useWorklet             | Same as `context.createRunAsync`                             | function                                                     | no       | All      | yes               |
-| useRunOnJS             | Same as `createRunOnJS`                                      | function                                                     | no       | All      | yes               |
-| useSharedValue         | Same as `createSharedValue`                                  | function                                                     | no       | All      | yes               |
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME                   | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| createContext          | Creates a new worklet context with the given name.           | function  | no       | All      | yes               |
+| createSharedValue      | Creates a value that can be shared between runtimes.         | function  | no       | All      | yes               |
+| createRunOnJS          | Creates a function that can be executed asynchronously on the default React-JS context. | function  | no       | All      | yes               |
+| runOnJS                | Runs the given Function asynchronously on the default React-JS context. | function  | no       | All      | yes               |
+| getCurrentThreadId     | Returns a unique identifier for the Thread this method is called on. | function  | no       | All      | yes               |
+| defaultContext         | Get the default Worklet context.                             | interface | no       | All      | yes               |
+| currentContext         | Get the current Worklet context, or `undefined` if called in main React JS context. | interface | no       | All      | yes               |
+| __jsi_is_array         | Returns true if jsi/cpp believes that the passed value is an array. | function  | no       | All      | yes               |
+| __jsi_is_object        | Returns true if jsi/cpp believes that the passed value is an object. | function  | no       | All      | yes               |
+| context.addDecorator   | Adds an object to the worklet context. The object will be available in all worklets. | function  | no       | All      | yes               |
+| context.createRunAsync | Creates a function that can be executed asynchronously on the Worklet context. | function  | no       | All      | yes               |
+| context.runAsync       | Runs the given Function asynchronously on this Worklet context. | function  | no       | All      | yes               |
+| useWorklet             | Create a Worklet function that automatically memoizes itself using it's auto-captured closure. | function  | no       | All      | yes               |
+| useRunOnJS             | Create a Worklet function that runs the given function on the JS context. | function  | no       | All      | yes               |
+| useSharedValue         | Create a Shared Value that persists between re-renders.      | function  | no       | All      | yes               |
+| isWorklet              | Checks whether the given function is a Worklet or not.       | function  | no       | All      | yes               |
+| worklet                | Ensures the given function is a Worklet, and throws an error if not. | function  | no       | All      | yes               |
+| getWorkletDependencies | Get the dependencies of the given worklet.                   | function  | no       | All      | yes               |
 
 ## 遗留问题
 
@@ -272,5 +270,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-worklets-core/blob/sig/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/margelo/react-native-worklets-core/blob/main/LICENSE) ，请自由地享受和参与开源。

From 636cc78458fb17b6a928ad4f4e187979a33cc37a Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Fri, 27 Sep 2024 03:03:03 +0000
Subject: [PATCH 607/966] =?UTF-8?q?!1592=20docs:=20[#IATYO8]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-image-header-scroll-view=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IATYO8]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-image-header-scroll-view=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../react-native-image-header-scroll-view.md  | 44 +++++++++++++------
 1 file changed, 30 insertions(+), 14 deletions(-)

diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index e7b2fce0..2dcedc3d 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -42,9 +42,8 @@ yarn add react-native-image-header-scroll-view@0.10.3
 下面的代码展示了这个库的基本使用场景：
 
 ```tsx
-import React, { useRef } from 'react';
-import { StyleSheet, Text, View, Image, Dimensions, StatusBar } from 'react-native';
-import * as Animatable from 'react-native-animatable';
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Text, View, Image,Animated,StatusBar, Dimensions ,Easing} from 'react-native';
 import ImageHeaderScrollView ,{TriggeringView}  from 'react-native-image-header-scroll-view';
 const MIN_HEIGHT = 80;
 const MAX_HEIGHT = 250;
@@ -143,7 +142,26 @@ const styles = StyleSheet.create({
 });
 
 function HeaderImageExample () {
-  const HeaderRef = useRef(null)
+    const [visible, setVisible] = useState(false);
+    const fadeAnim = new Animated.Value(0);
+    useEffect(() => {
+        if (visible) {
+          Animated.timing(fadeAnim, {
+            toValue: 1,
+            duration: 100,
+            easing: Easing.bounce,
+            useNativeDriver: true,
+          }).start();
+        } else {
+          // 如果当前是不可见的，则执行淡出动画
+          Animated.timing(fadeAnim, {
+            toValue: 0,
+            duration: 100,
+            easing: Easing.bounce,
+            useNativeDriver: true,
+          }).start();
+        }
+      }, [visible, fadeAnim]);  
  
     return (
       <View style={{ flex: 1 }}>
@@ -158,14 +176,12 @@ function HeaderImageExample () {
           overlayColor={'blue'} 
           renderHeader={() => <Image source={'请输入本地图片路径'} style={styles.image} />} 
           renderFixedForeground={() => (
-            <Animatable.View
-              style={styles.navTitleView}
-              ref={HeaderRef}
-            >
-              <Text style={styles.navTitle}>
-                {tvShowContent.title}, ({tvShowContent.year})
-              </Text>
-            </Animatable.View> as any
+            <Animated.View
+                    style={[styles.navTitleView,{ opacity: fadeAnim}]}  >
+                    <Text style={styles.navTitle}>
+                        {tvShowContent.title}, ({tvShowContent.year})
+                    </Text>
+            </Animated.View>
           )} 
           renderForeground={() => (
             <View style={styles.titleContainer}>
@@ -176,8 +192,8 @@ function HeaderImageExample () {
           disableHeaderGrow={false}>
          <>
           <TriggeringView
-            onHide={() =>  HeaderRef?.current?.fadeInUp(100)}
-            onDisplay={() => HeaderRef?.current?.fadeOut(100)}
+            onHide={() => setVisible(true)}
+            onDisplay={() => setVisible(false)}
           >
             <Text style={styles.title}>
               <Text style={styles.name}>{tvShowContent.title}</Text>, ({tvShowContent.year})

From 3e1c8cc75792c8af302386823f152d82f1dc230c Mon Sep 17 00:00:00 2001
From: YMXSDLBQ <3205777270@qq.com>
Date: Fri, 27 Sep 2024 03:29:11 +0000
Subject: [PATCH 608/966] =?UTF-8?q?!1575=20docs:=20[Issues:=20#IAT0NT]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-pdf=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAT0NT]=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=20react-native-pdf=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-pdf.md | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index 9783a4f3..e3b882cd 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -258,19 +258,19 @@ ohpm install
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                           | Description                                                                                                                                                                                     | Type                                                          | Required | Platform      | HarmonyOS Support |
-| ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | -------- | ------------- | ----------------- |
+| ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | -------- | ------------- |-------------------|
 | source                         | PDF source like {uri:xxx, cache:false}. see the following for detail.                                                                                                                           | object                                                        | YES      | iOS / Android | yes               |
-| page                           | initial page index                                                                                                                                                                              | number                                                        | NO       | iOS / Android | no                |
-| scale                          | should minScale<=scale<=maxScale                                                                                                                                                                | number                                                        | NO       | iOS / Android | no                |
-| minScale                       | min scale                                                                                                                                                                                       | number                                                        | NO       | iOS / Android | no                |
-| maxScale                       | max scale                                                                                                                                                                                       | number                                                        | NO       | iOS / Android | no                |
+| page                           | initial page index                                                                                                                                                                              | number                                                        | NO       | iOS / Android | yes               |
+| scale                          | should minScale<=scale<=maxScale                                                                                                                                                                | number                                                        | NO       | iOS / Android | yes               |
+| minScale                       | min scale                                                                                                                                                                                       | number                                                        | NO       | iOS / Android | yes               |
+| maxScale                       | max scale                                                                                                                                                                                       | number                                                        | NO       | iOS / Android | yes               |
 | horizontal                     | draw page direction, if you want to listen the orientation change, you can use [[react-native-orientation-locker\]](https://github.com/react-native-oh-library/react-native-orientation-locker) | bool                                                          | NO       | iOS / Android | no                |
 | showsHorizontalScrollIndicator | shows or hides the horizontal scroll bar indicator on iOS                                                                                                                                       | bool                                                          | NO       | iOS           | no                |
 | showsVerticalScrollIndicator   | shows or hides the vertical scroll bar indicator on iOS                                                                                                                                         | bool                                                          | NO       | iOS           | no                |
 | fitWidth                       | if true fit the width of view, can not use fitWidth=true together with scale                                                                                                                    | bool                                                          | NO       | iOS / Android | no                |
-| fitPolicy                      | 0:fit width, 1:fit height, 2:fit both(default)                                                                                                                                                  | number                                                        | NO       | iOS / Android | no                |
-| spacing                        | the breaker size between pages                                                                                                                                                                  | number                                                        | NO       | iOS / Android | no                |
-| password                       | pdf password, if password error, will call OnError() with message "Password required or incorrect password."                                                                                    | string                                                        | NO       | iOS / Android | no                |
+| fitPolicy                      | 0:fit width, 1:fit height, 2:fit both(default)                                                                                                                                                  | number                                                        | NO       | iOS / Android | yes               |
+| spacing                        | the breaker size between pages                                                                                                                                                                  | number                                                        | NO       | iOS / Android | yes               |
+| password                       | pdf password, if password error, will call OnError() with message "Password required or incorrect password."                                                                                    | string                                                        | NO       | iOS / Android | yes               |
 | style                          | support normal view style, you can use this to set border/spacing color...                                                                                                                      | object                                                        | NO       | iOS / Android | yes               |
 | renderActivityIndicator        | when loading show it as an indicator, you can use your component                                                                                                                                | (progress) => Component                                       | NO       | iOS / Android | no                |
 | enableAntialiasing             | improve rendering a little bit on low-res screens, but maybe course some problem on Android 4.4, so add a switch                                                                                | bool                                                          | NO       | iOS / Android | no                |
@@ -280,13 +280,13 @@ ohpm install
 | enableDoubleTapZoom            | Enable double tap to zoom gesture                                                                                                                                                               | bool                                                          | NO       | iOS / Android | no                |
 | trustAllCerts                  | Allow connections to servers with self-signed certification                                                                                                                                     | bool                                                          | NO       | iOS / Android | no                |
 | singlePage                     | Only show first page, useful for thumbnail views                                                                                                                                                | bool                                                          | NO       | iOS / Android | no                |
-| onLoadProgress                 | callback when loading, return loading progress (0-1)                                                                                                                                            | function(percent)                                             | NO       | iOS / Android | no                |
-| onLoadComplete                 | callback when pdf load completed, return total page count, pdf local/cache path, {width,height} and table of contents                                                                           | function(numberOfPages, path, {width, height}, tableContents) | NO       | iOS / Android | no                |
-| onPageChanged                  | callback when page changed ,return current page and total page count                                                                                                                            | function(page,numberOfPages)                                  | NO       | iOS / Android | no                |
-| onError                        | callback when error happened                                                                                                                                                                    | function(error)                                               | NO       | iOS / Android | no                |
+| onLoadProgress                 | callback when loading, return loading progress (0-1)                                                                                                                                            | function(percent)                                             | NO       | iOS / Android | yes               |
+| onLoadComplete                 | callback when pdf load completed, return total page count, pdf local/cache path, {width,height} and table of contents                                                                           | function(numberOfPages, path, {width, height}, tableContents) | NO       | iOS / Android | partially         |
+| onPageChanged                  | callback when page changed ,return current page and total page count                                                                                                                            | function(page,numberOfPages)                                  | NO       | iOS / Android | yes               |
+| onError                        | callback when error happened                                                                                                                                                                    | function(error)                                               | NO       | iOS / Android | yes               |
 | onPageSingleTap                | callback when page was single tapped                                                                                                                                                            | function(page)                                                | NO       | iOS / Android | no                |
-| onScaleChanged                 | callback when scale page                                                                                                                                                                        | function(scale)                                               | NO       | iOS / Android | no                |
-| onPressLink                    | callback when link tapped                                                                                                                                                                       | function(uri)                                                 | NO       | iOS / Android | no                |
+| onScaleChanged                 | callback when scale page                                                                                                                                                                        | function(scale)                                               | NO       | iOS / Android | yes               |
+| onPressLink                    | callback when link tapped                                                                                                                                                                       | function(uri)                                                 | NO       | iOS / Android | yes               |
 
 #### Source
 
@@ -320,7 +320,8 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] react-nativepdf 仅支持 source 和 style 属性，其他属性暂未实现 HarmonyOS 化: [issue#20](https://github.com/react-native-oh-library/react-native-pdf/issues/20)
+- [ ] onLoadComplete 回调函数参数返回目前仅支持 numberOfPages, path参数：[issue#47](https://github.com/react-native-oh-library/react-native-pdf/issues/47)
+- [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑: [issue#48](https://github.com/react-native-oh-library/react-native-pdf/issues/48)
 
 ## 其他
 
@@ -329,3 +330,4 @@ ohpm install
 本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-pdf/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
+

From d002732fd9b072fb26eaa4c90aad1af4bcea0be3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Fri, 27 Sep 2024 03:54:49 +0000
Subject: [PATCH 609/966] =?UTF-8?q?!1597=20docs:=20[Issues:=20#IAKMDJ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-netinfo=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAKMDJ]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-community-netinfo=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-netinfo.md | 161 +++++++++++++-----------
 1 file changed, 85 insertions(+), 76 deletions(-)

diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index 86260672..f8148f1e 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -107,8 +106,7 @@ export default App;
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "rnoh-netinfo": "file:../../node_modules/@react-native-oh-tpl/netinfo/harmony/netinfo.har"
+    "@react-native-oh-tpl/netinfo": "file:../../node_modules/@react-native-oh-tpl/netinfo/harmony/netinfo.har"
   }
 ```
 
@@ -132,34 +130,44 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
-# RNOH_BEGIN: add_package_subdirectories
+# RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-netinfo/src/main/cpp" ./netinfo)
-# RNOH_END: add_package_subdirectories
++ add_subdirectory("${OH_MODULE}/@react-native-oh-tpl/netinfo/src/main/cpp" ./netinfo)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
-
 target_link_libraries(rnoh_app PUBLIC rnoh)
 
-# RNOH_BEGIN: link_packages
+# RNOH_BEGIN: manual_package_linking_2
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_netinfo)
-# RNOH_END: link_packages
+# RNOH_END: manual_package_linking_2
 ```
 
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
 #include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
 + #include "RNCNetInfoPackage.h"
 
@@ -167,8 +175,9 @@ using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<RNCNetInfoPackage>(ctx)
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNCNetInfoPackage>(ctx)
     };
 }
 ```
@@ -178,9 +187,8 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
-import type {RNPackageContext, RNPackage} from 'rnoh/ts';
-import {SamplePackage} from 'rnoh-sample-package/ts';
-+ import {NetInfoPackage} from 'rnoh-netinfo/ts';
+  ...
++ import {NetInfoPackage} from '@react-native-oh-tpl/netinfo/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -203,11 +211,13 @@ ohpm install
 
 然后编译、运行即可。
 
+## 约束与限制
+
 ## 兼容性
 
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases)
 
 
 ## 属性
@@ -218,91 +228,90 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0
 
 #### NetInfoStateType
 
-| Name        | Description                                                | Type   | Required | Platform     | HarmonyOS Support |
-| ----------- | ---------------------------------------------------------- | ------ | -------- | ------------ | ----------------- |
-| `none`      | No network connection is active                            | String | no       | All          | yes               |
-| `unknown`   | The network state could not or has yet to be be determined | String | no       | All          | yes               |
-| `cellular`  | Active network over cellular                               | String | no       | All          | no                |
-| `wifi`      | Active network over Wifi                                   | String | no       | All          | yes               |
-| `bluetooth` | Active network over Bluetooth                              | String | no       | Android, Web | no                |
-| `ethernet`  | Active network over wired ethernet                         | String | no       | All          | no                |
-| `wimax`     | Active network over WiMax                                  | String | no       | Android, Web | no                |
-| `vpn`       | Active network over VPN                                    | String | no       | Android      | no                |
-| `other`     | Active network over another type of network                | String | no       | All          | no                |
+| Name        | Description                                                | Type   | Required | Platform    | HarmonyOS Support |
+|-------------|------------------------------------------------------------|--------|----------|-------------|-------------------|
+| `none`      | No network connection is active                            | String | no       | iOS Android | yes               |
+| `unknown`   | The network state could not or has yet to be be determined | String | no       | iOS Android | yes               |
+| `cellular`  | Active network over cellular                               | String | no       | iOS Android | no                |
+| `wifi`      | Active network over Wifi                                   | String | no       | iOS Android | yes               |
+| `bluetooth` | Active network over Bluetooth                              | String | no       | Android     | no                |
+| `ethernet`  | Active network over wired ethernet                         | String | no       | iOS Android | yes               |
+| `wimax`     | Active network over WiMax                                  | String | no       | Android     | no                |
+| `vpn`       | Active network over VPN                                    | String | no       | Android     | yes               |
+| `other`     | Active network over another type of network                | String | no       | iOS Android | yes               |
 
 #### NetInfoCellularGeneration
 
-| Name   | Description                                                                                                       | Type   | Required | Platform              | HarmonyOS Support |
-| ------ | ----------------------------------------------------------------------------------------------------------------- | ------ | -------- | --------------------- | ----------------- |
-| `null` | Either we are not currently connected to a cellular network or type could not be determined                       | String | no       | Android, iOS, Windows | no                |
-| `2g`   | Currently connected to a 2G cellular network. Includes CDMA, EDGE, GPRS, and IDEN type connections                | String | no       | Android, iOS, Windows | no                |
-| `3g`   | Currently connected to a 3G cellular network. Includes EHRPD, EVDO, HSPA, HSUPA, HSDPA, and UTMS type connections | String | no       | Android, iOS, Windows | no                |
-| `4g`   | Currently connected to a 4G cellular network. Includes HSPAP and LTE type connections                             | String | no       | Android, iOS, Windows | no                |
-| `5g`   | Currently connected to a 5G cellular network. Includes NRNSA (iOS only) and NR type connections                   | String | no       | Android, iOS, Windows | no                |
+| Name   | Description                                                                                                       | Type   | Required | Platform    | HarmonyOS Support |
+|--------|-------------------------------------------------------------------------------------------------------------------|--------|----------|-------------|-------------------|
+| `null` | Either we are not currently connected to a cellular network or type could not be determined                       | String | no       | iOS Android | yes               |
+| `2g`   | Currently connected to a 2G cellular network. Includes CDMA, EDGE, GPRS, and IDEN type connections                | String | no       | iOS Android | yes               |
+| `3g`   | Currently connected to a 3G cellular network. Includes EHRPD, EVDO, HSPA, HSUPA, HSDPA, and UTMS type connections | String | no       | iOS Android | yes               |
+| `4g`   | Currently connected to a 4G cellular network. Includes HSPAP and LTE type connections                             | String | no       | iOS Android | yes               |
+| `5g`   | Currently connected to a 5G cellular network. Includes NRNSA (iOS only) and NR type connections                   | String | no       | iOS Android | yes               |
 
 #### NetInfoState
 
-| Name                  | Description                                                                                                                                                                                                                                                                                                                                    | Type             | Required | Platform | HarmonyOS Support |
-| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
-| `type`                | The type of the current connection.                                                                                                                                                                                                                                                                                                            | NetInfoStateType | yes      | All      | yes               |
-| `isConnected`         | If there is an active network connection. Defaults to null on most platforms for unknown networks. Note: Web browsers report network type unknown for many otherwise valid networks (https://caniuse.com/netinfo), so isConnected may be true or false and represent a real connection status even for unknown network types in certain cases. | boolean, null    | yes      | All      | yes               |
-| `isInternetReachable` | If the internet is reachable with the currently active network connection. If unknown defaults to null                                                                                                                                                                                                                                         | boolean, null    | yes      | All      | yes               |
-| `isWifiEnabled`       | (Android only) Whether the device's WiFi is ON or OFF.                                                                                                                                                                                                                                                                                         | boolean          | yes      | All      | yes               |
-| `details`             | The value depends on the type value. See below.                                                                                                                                                                                                                                                                                                |                  | yes      | All      | yes               |
+| Name                  | Description                                                                                                                                                                                                                                                                                                                                                | Type             | Required | Platform    | HarmonyOS Support |
+|-----------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------|----------|-------------|-------------------|
+| `type`                | The type of the current connection.                                                                                                                                                                                                                                                                                                                        | NetInfoStateType | yes      | iOS Android | yes               |
+| `isConnected`         | If there is an active network connection.<br/>Defaults to null on most platforms for unknown networks.<br/>Note: Web browsers report network type unknown for many otherwise valid networks (https://caniuse.com/netinfo),<br/>so isConnected may be true or false and represent a real connection status even for unknown network types in certain cases. | boolean, null    | yes      | iOS Android | yes               |
+| `isInternetReachable` | If the internet is reachable with the currently active network connection.<br/>If unknown defaults to null                                                                                                                                                                                                                                                 | boolean, null    | yes      | iOS Android | yes               |
+| `isWifiEnabled`       | (Android only) Whether the device's WiFi is ON or OFF.                                                                                                                                                                                                                                                                                                     | boolean          | yes      | iOS Android | yes               |
+| `details`             | The value depends on the type value. See below.                                                                                                                                                                                                                                                                                                            | object           | yes      | iOS Android | yes               |
 
 ### Details
 
-#### Type is none or unknown
-
-`details` is `null`.
-
 #### Type is wifi
 
-| Name                    | Description                                                                                                                                                                                                                                                                                                                                                                                                | Type    | Required | Platform                           | HarmonyOS Support |
-| ----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ---------------------------------- | ----------------- |
-| `isConnectionExpensive` | If the network connection is considered "expensive". This could be in either energy or monetary terms.                                                                                                                                                                                                                                                                                                     | boolean | yes      | All                                | yes               |
-| `ssid`                  | The SSID of the network. May not be present, null, or an empty string if it cannot be determined. On iOS, your app must meet at least one of the following requirements and you must set the shouldFetchWiFiSSID configuration option or no attempt will be made to fetch the SSID. On Android, you need to have the ACCESS_FINE_LOCATION permission in your AndroidManifest.xml and accepted by the user. | string  | yes      | Android, iOS (not tvOS), Windows   | yes               |
-| `bssid`                 | The BSSID of the network. May not be present, null, or an empty string if it cannot be determined. On iOS, make sure your app meets at least one of the following requirements. On Android, you need to have the ACCESS_FINE_LOCATION permission in your AndroidManifest.xml and accepted by the user.                                                                                                     | string  | yes      | Android, iOS (not tvOS), Windows\* | yes               |
-| `strength`              | An integer number from 0 to 100 for the signal strength. May not be present if the signal strength cannot be determined.                                                                                                                                                                                                                                                                                   | number  | yes      | Android, Windows                   | yes               |
-| `ipAddress`             | The external IP address. Can be in IPv4 or IPv6 format. May not be present if it cannot be determined.                                                                                                                                                                                                                                                                                                     | string  | yes      | Android, iOS, macOS, Windows       | yes               |
-| `subnet`                | The subnet mask in IPv4 format. May not be present if it cannot be determined.                                                                                                                                                                                                                                                                                                                             | string  | yes      | Android, iOS, macOS                | yes               |
-| `frequency`             | Network frequency. Example: For 2.4 GHz networks, the method will return 2457. May not be present if it cannot be determined.                                                                                                                                                                                                                                                                              | number  | yes      | Android, Windows\*                 | yes               |
-| `linkSpeed`             | The link speed in Mbps.                                                                                                                                                                                                                                                                                                                                                                                    | number  | yes      | Android                            | yes               |
-| `rxLinkSpeed`           | The current receive link speed in Mbps.                                                                                                                                                                                                                                                                                                                                                                    | number  | yes      | Android                            | yes               |
-| `txLinkSpeed`           | The current transmit link speed in Mbps.                                                                                                                                                                                                                                                                                                                                                                   | number  | yes      | Android                            | yes               |
+| Name                    | Description                                                                                                                                                                                                                                                                                                                                                                                                                    | Type    | Required | Platform    | HarmonyOS Support |
+|-------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------|----------|-------------|-------------------|
+| `isConnectionExpensive` | If the network connection is considered "expensive".<br/>This could be in either energy or monetary terms.                                                                                                                                                                                                                                                                                                                     | boolean | yes      | iOS Android | yes               |
+| `ssid`                  | The SSID of the network. <br/>May not be present, null, or an empty string if it cannot be determined. <br/>On iOS, your app must meet at least one of the following requirements and you must set the shouldFetchWiFiSSID configuration option or no attempt will be made to fetch the SSID. <br/>On Android, you need to have the ACCESS_FINE_LOCATION permission in your AndroidManifest.<br/>xml and accepted by the user. | string  | yes      | iOS Android | yes               |
+| `bssid`                 | The BSSID of the network. <br/>May not be present, null, or an empty string if it cannot be determined. <br/>On iOS, make sure your app meets at least one of the following requirements. <br/>On Android, you need to have the ACCESS_FINE_LOCATION permission in your AndroidManifest.<br/>xml and accepted by the user.                                                                                                     | string  | yes      | iOS Android | yes               |
+| `strength`              | An integer number from 0 to 100 for the signal strength. <br/>May not be present if the signal strength cannot be determined.                                                                                                                                                                                                                                                                                                  | number  | yes      | Android     | yes               |
+| `ipAddress`             | The external IP address. Can be in IPv4 or IPv6 format. <br/>May not be present if it cannot be determined.                                                                                                                                                                                                                                                                                                                    | string  | yes      | iOS Android | yes               |
+| `subnet`                | The subnet mask in IPv4 format. <br/>May not be present if it cannot be determined.                                                                                                                                                                                                                                                                                                                                            | string  | yes      | iOS Android | yes               |
+| `frequency`             | Network frequency. Example: For 2.4 GHz networks, the method will return 2457. <br/>May not be present if it cannot be determined.                                                                                                                                                                                                                                                                                             | number  | yes      | Android     | yes               |
+| `linkSpeed`             | The link speed in Mbps.                                                                                                                                                                                                                                                                                                                                                                                                        | number  | yes      | Android     | yes               |
+| `rxLinkSpeed`           | The current receive link speed in Mbps.                                                                                                                                                                                                                                                                                                                                                                                        | number  | yes      | Android     | yes               |
+| `txLinkSpeed`           | The current transmit link speed in Mbps.                                                                                                                                                                                                                                                                                                                                                                                       | number  | yes      | Android     | yes               |
 
 #### Type is cellular
 
-| Name                    | Description                                                                                                           |           Type            | Required |       Platform        | HarmonyOS Support |
-| ----------------------- | --------------------------------------------------------------------------------------------------------------------- | :-----------------------: | :------: | :-------------------: | :---------------: |
-| `isConnectionExpensive` | If the network connection is considered "expensive". This could be in either energy or monetary terms.                |          boolean          |   yes    |          All          |        no         |
-| `cellularGeneration`    | The generation of the cell network the user is connected to. This can give an indication of speed, but no guarantees. | NetInfoCellularGeneration |   yes    | Android, iOS, Windows |        no         |
-| `carrier`               | The network carrier name. May not be present or may be empty if none can be determined.                               |          +string          |   yes    |     Android, iOS      |        no         |
+| Name                    | Description                                                                                                           |           Type            | Required |  Platform   | HarmonyOS Support |
+|-------------------------|-----------------------------------------------------------------------------------------------------------------------|:-------------------------:|:--------:|:-----------:|:-----------------:|
+| `isConnectionExpensive` | If the network connection is considered "expensive". This could be in either energy or monetary terms.                |          boolean          |   yes    | iOS Android |        yes        |
+| `cellularGeneration`    | The generation of the cell network the user is connected to. This can give an indication of speed, but no guarantees. | NetInfoCellularGeneration |   yes    | iOS Android |        yes        |
+| `carrier`               | The network carrier name. May not be present or may be empty if none can be determined.                               |          string           |   yes    | iOS Android |        yes        |
 
 #### Type is bluetooth, ethernet, wimax, vpn, or other
 
-| Name                    | Description                                                                                            |  Type   | Required | Platform | HarmonyOS Support |
-| ----------------------- | ------------------------------------------------------------------------------------------------------ | :-----: | :------: | :------: | :---------------: |
-| `isConnectionExpensive` | If the network connection is considered "expensive". This could be in either energy or monetary terms. | boolean |   yes    |   All    |        no         |
+| Name                    | Description                                                                                                 |  Type   | Required |  Platform   | HarmonyOS Support |
+|-------------------------|-------------------------------------------------------------------------------------------------------------|:-------:|:--------:|:-----------:|:-----------------:|
+| `isConnectionExpensive` | If the network connection is considered "expensive". <br/>This could be in either energy or monetary terms. | boolean |   yes    | iOS Android |        yes        |
 
 ## 静态方法
 
-| Name                   | Description                                                                                                                                                                                                                                                                                                                                                                |   Type   | Required | Platform | HarmonyOS Support |
-| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------: | :------: | :------: | :---------------: |
-| `fetch()`              | Returns a Promise that resolves to a NetInfoState object.                                                                                                                                                                                                                                                                                                                  | function |   yes    |   All    |        yes        |
-| `refresh()`            | Updates NetInfo's internal state, then returns a Promise that resolves to a NetInfoState object. This is similar to fetch(), but really only useful on platforms that do not supply internet reachability natively. For example, you can use it to immediately re-run an internet reachability test if a network request fails unexpectedly.                               | function |   yes    |   All    |        yes        |
-| `addEventListener()`   | Subscribe to connection information. The callback is called with a parameter of type NetInfoState whenever the connection state changes. Your listener will be called with the latest information soon after you subscribe and then with any subsequent changes afterwards. You should not assume that the listener is called in the same way across devices or platforms. | function |   yes    |   All    |        yes        |
-| `useNetInfo()`         | A React Hook which can be used to get access to the latest state from the global instance. It returns a hook with the NetInfoState type.                                                                                                                                                                                                                                   | function |   yes    |   All    |        yes        |
-| `useNetInfoInstance()` | A React Hook which can be used to create and manage an isolated instance of a network manager class. It returns a refresh function and the current NetInfoState.                                                                                                                                                                                                           | function |   yes    |   All    |        yes        |
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                                                                                                                                                                                                                                                                                                                                               |   Type   | Required |  Platform   | HarmonyOS Support |
+|------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|:--------:|:--------:|:-----------:|:-----------------:|
+| `fetch()`              | Returns a Promise that resolves to a NetInfoState object.                                                                                                                                                                                                                                                                                                                                 | function |   yes    | iOS Android |        yes        |
+| `refresh()`            | Updates NetInfo's internal state, then returns a Promise that resolves to a NetInfoState object. <br/>This is similar to fetch(), but really only useful on platforms that do not supply internet reachability natively. <br/>For example, you can use it to immediately re-run an internet reachability test if a network request fails unexpectedly.                                    | function |   yes    | iOS Android |        yes        |
+| `addEventListener()`   | Subscribe to connection information. <br/>The callback is called with a parameter of type NetInfoState whenever the connection state changes. <br/>Your listener will be called with the latest information soon after you subscribe and then with any subsequent changes afterwards. <br/>You should not assume that the listener is called in the same way across devices or platforms. | function |   yes    | iOS Android |        yes        |
+| `useNetInfo()`         | A React Hook which can be used to get access to the latest state from the global instance. <br/>It returns a hook with the NetInfoState type.                                                                                                                                                                                                                                             | function |   yes    | iOS Android |        yes        |
+| `useNetInfoInstance()` | A React Hook which can be used to create and manage an isolated instance of a network manager class. <br/>It returns a refresh function and the current NetInfoState.                                                                                                                                                                                                                     | function |   yes    | iOS Android |        yes        |
 
 ## 遗留问题
 
-- 涉及非 wifi 环境下的接口属性未适配
+- [ ] bluetooth接口属性未适配: [issue#14](https://github.com/react-native-oh-library/react-native-netinfo/issues/14)
+- [ ] wimax接口属性未适配: [issue#15](https://github.com/react-native-oh-library/react-native-netinfo/issues/15)
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-netinfo/react-native-netinfo/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 14eb47434387a4d97d9c10253c953c832a01b78c Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Fri, 27 Sep 2024 06:36:43 +0000
Subject: [PATCH 610/966] =?UTF-8?q?!1588=20docs:=20[Issues:=20#IATWBV]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-file-viewer=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IATWBV]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-file-viewer=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-file-viewer.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md
index 647321a2..130d2429 100644
--- a/zh-cn/react-native-file-viewer.md
+++ b/zh-cn/react-native-file-viewer.md
@@ -248,8 +248,8 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] HarmonyOS端暂不支持关闭预览窗口的回调函数调用: [issue#1](https://github.com/react-native-oh-library/react-native-file-viewer/issues/1)
-- [ ] HarmonyOS端无法直接跳转到应用市场的推荐应用页，目前只能跳转到应用市场首页: [issue#1](https://github.com/react-native-oh-library/react-native-file-viewer/issues/2)
+- [x] HarmonyOS端暂不支持关闭预览窗口的回调函数调用: [issue#1](https://github.com/react-native-oh-library/react-native-file-viewer/issues/4)
+- [x] HarmonyOS端无法直接跳转到应用市场的推荐应用页，目前只能跳转到应用市场首页: [issue#2](https://github.com/react-native-oh-library/react-native-file-viewer/issues/5)
 
 ## 其他
 

From a0f69256f98d30a0a5cc9253c5c4322d312b263d Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Fri, 27 Sep 2024 09:46:24 +0000
Subject: [PATCH 611/966] =?UTF-8?q?!1604=20docs:=20[Issues:=20#IAU7VD]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-step-indicator=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAU7VD]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-step-indicator=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-step-indicator.md | 36 ++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/zh-cn/react-native-step-indicator.md b/zh-cn/react-native-step-indicator.md
index b9be35cd..72fbabf4 100644
--- a/zh-cn/react-native-step-indicator.md
+++ b/zh-cn/react-native-step-indicator.md
@@ -216,6 +216,42 @@ const styles = StyleSheet.create({
 });
 ```
 
+### 在 ArkTs 侧引入和注册字体文件(非必选配置项)
+
+> [!TIP] 本项非必配项，当使用 customStyles 自定义属性中的 labelFontFamily 属性指定字体时才需配置
+
+步骤一：
+复制字体文件到 `entry/src/main/resources/rawfile/assets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
+
+步骤二：
+打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+    const fonts: Record<string, Resource> = {
+      "Pacifico-Regular": $rawfile("assets/assets/fonts/Pacifico-Regular.ttf")
+    }
+
+    @Entry
+    @Component
+    struct Index {
+      //...
+      build() {
+        Column(){
+          //...
+
+          //注册字体文件
+          RNApp({
+            rnInstanceConfig: {
+              //...
+              fontResourceByFontFamily: fonts
+            },
+            //...
+          })
+
+        }
+        //...
+      }
+    }
+
 ## 约束与限制
 
 ### 兼容性

From 862615e57db19b02fbf7a86aab6db95a628a3e94 Mon Sep 17 00:00:00 2001
From: Ycode <3259980649@qq.com>
Date: Fri, 27 Sep 2024 10:20:46 +0000
Subject: [PATCH 612/966] =?UTF-8?q?!1603=20docs:=20[Issues:=20#IAU6V7]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-webview=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAU6V7]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-webview=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-webview.md             |  9 ++++-----
 zh-cn/react-native-webviewr(nocodegen).md | 13 ++++++-------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 1cad1616..0533ff6c 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -247,23 +247,22 @@ ohpm install
 | `setDisplayZoomControls?` | Sets whether the WebView should display on-screen zoom controls when using the built-in zoom mechanisms (see `setBuiltInZoomControls`). The default value is `false`. | boolean | NO | Android | NO |
 | `directionalLockEnabled?` | A Boolean value that determines whether scrolling is disabled in a particular direction. The default value is `true`. | boolean | NO | iOS | NO |
 | `allowFileAccessFromFileURLs?` | Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is `false`. | boolean | NO | iOS, Android, macOS | NO |
-| `allowUniversalAccessFromFileURLs?` | boolean | NO | iOS, Android, macOS | NO ||
+| `allowUniversalAccessFromFileURLs?` | boolean | NO | iOS, Android, macOS | NO |No|
 | `allowingReadAccessToURL` | A String value that indicates which URLs the WebView's file can then reference in scripts, AJAX requests, and CSS imports. This is only used in for WebViews that are loaded with a `source.uri` set to a `'file://'` URL. If not provided, the default is to only allow read access to the URL provided in `source.uri` itself. | string | NO | iOS and macOS | NO |
 | `keyboardDisplayRequiresUserAction?` | If `false`, web content can programmatically display the keyboard. The default value is `true`. | boolean | NO | iOS and macOS | NO |
 | `hideKeyboardAccessoryView?` | If `true`, this will hide the keyboard accessory view (< > and Done). | boolean | NO | iOS | NO |
 | `allowsBackForwardNavigationGestures?` | boolean | NO | iOS and macOS | NO ||
 | `allowFileAccess?` | If `true`, this will allow access to the file system via `file://` URI's. The default value is `false`. | boolean | NO | Android | NO |
 | `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
-| `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
 | `pagingEnabled?` | If the value of this property is `true`, the scroll view stops on multiples of the scroll view’s bounds when the user scrolls. The default value is `false`. | boolean | NO | iOS | NO |
 | `allowsLinkPreview?` | A Boolean value that determines whether pressing on a link displays a preview of the destination for the link. In iOS this property is available on devices that support 3D Touch. In iOS 10 and later, the default value is `true`; before that, the default value is `false` | boolean | NO | iOS and macOS | NO |
 | `sharedCookiesEnabled?` | Set `true` if shared cookies from `[NSHTTPCookieStorage sharedHTTPCookieStorage]` should be used for every load request in the WebView. The default value is `false`. For more on cookies, read the [Guide](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#Managing-Cookies) | boolean | NO | iOS and macOS | NO |
-| `limitsNavigationsToAppBoundDomains?` | boolean | NO | iOS | NO ||
+| `limitsNavigationsToAppBoundDomains?` | boolean | NO | iOS | NO |No|
 | `textInteractionEnabled?` | If false indicates to WebKit that a WKWebView will not interact with text, thus not showing a text selection loop. Only applicable for iOS 14.5 or greater. | boolean | NO | iOS | NO |
 | `suppressMenuItems?` | Allows to suppress menu item from the default context menu. | array of strings | NO | iOS | NO |
-| `mediaCapturePermissionGrantType?` | string | NO | iOS | NO ||
+| `mediaCapturePermissionGrantType?` | string | NO | iOS | NO |No|
 | `autoManageStatusBarEnabled?` | If set to `true`, the status bar will be automatically hidden/shown by WebView, specifically when full screen video is being watched. If `false`, WebView will not manage the status bar at all. The default value is `true`. | boolean | NO | iOS | NO |
-| `onCustomMenuSelection?` | function | NO | iOS, Android | NO ||
+| `onCustomMenuSelection?` | function | NO | iOS, Android | NO |No|
 | `basicAuthCredential`? | object that specifies the credentials of a user to be used for basic authentication. | object | NO | iOS, Android | NO |
 | `useWebView2?` | Use WinUI WebView2 control instead of WebView control as the native webview. The WebView2 control is a WinUI control that renders web content using the Microsoft Edge (Chromium) rendering engine. Option can be toggled at runtime and supports Fast Refresh. | boolean | NO | Windows | NO |
 
diff --git a/zh-cn/react-native-webviewr(nocodegen).md b/zh-cn/react-native-webviewr(nocodegen).md
index 79628624..29938051 100644
--- a/zh-cn/react-native-webviewr(nocodegen).md
+++ b/zh-cn/react-native-webviewr(nocodegen).md
@@ -296,29 +296,28 @@ ohpm install
 | `allowsAirPlayForMediaPlayback?` | A Boolean value indicating whether AirPlay is allowed. The default value is `false`. | boolean | NO | iOS and macOS | NO |
 | `contentInset?` | The amount by which the web view content is inset from the edges of the scroll view. Defaults to {top: 0, left: 0, bottom: 0, right: 0}. | object | NO | iOS | NO |
 | `contentInsetAdjustmentBehavior?` | This property specifies how the safe area insets are used to modify the content area of the scroll view. The default value of this property is "never". Available on iOS 11 and later. Defaults to `never`. | string | NO | iOS | NO |
-| `contentMode?` | string | NO | iOS | NO ||
+| `contentMode?` | string | NO | iOS | NO |NO|
 | `dataDetectorTypes?` | Determines the types of data converted to clickable URLs in the web view's content. By default only phone numbers are detected. | string, or array | NO | ios | NO |
 | `setBuiltInZoomControls?` | Sets whether the WebView should use its built-in zoom mechanisms. The default value is `true`. Setting this to `false` will prevent the use of a pinch gesture to control zooming. | boolean | NO | Android | NO |
 | `setDisplayZoomControls?` | Sets whether the WebView should display on-screen zoom controls when using the built-in zoom mechanisms (see `setBuiltInZoomControls`). The default value is `false`. | boolean | NO | Android | NO |
 | `directionalLockEnabled?` | A Boolean value that determines whether scrolling is disabled in a particular direction. The default value is `true`. | boolean | NO | iOS | NO |
 | `allowFileAccessFromFileURLs?` | Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is `false`. | boolean | NO | iOS, Android, macOS | NO |
-| `allowUniversalAccessFromFileURLs?` | boolean | NO | iOS, Android, macOS | NO ||
+| `allowUniversalAccessFromFileURLs?` | boolean | NO | iOS, Android, macOS | NO |NO|
 | `allowingReadAccessToURL` | A String value that indicates which URLs the WebView's file can then reference in scripts, AJAX requests, and CSS imports. This is only used in for WebViews that are loaded with a `source.uri` set to a `'file://'` URL. If not provided, the default is to only allow read access to the URL provided in `source.uri` itself. | string | NO | iOS and macOS | NO |
 | `keyboardDisplayRequiresUserAction?` | If `false`, web content can programmatically display the keyboard. The default value is `true`. | boolean | NO | iOS and macOS | NO |
 | `hideKeyboardAccessoryView?` | If `true`, this will hide the keyboard accessory view (< > and Done). | boolean | NO | iOS | NO |
-| `allowsBackForwardNavigationGestures?` | boolean | NO | iOS and macOS | NO ||
+| `allowsBackForwardNavigationGestures?` | boolean | NO | iOS and macOS | NO |NO|
 | `allowFileAccess?` | If `true`, this will allow access to the file system via `file://` URI's. The default value is `false`. | boolean | NO | Android | NO |
 | `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
-| `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
 | `pagingEnabled?` | If the value of this property is `true`, the scroll view stops on multiples of the scroll view’s bounds when the user scrolls. The default value is `false`. | boolean | NO | iOS | NO |
 | `allowsLinkPreview?` | A Boolean value that determines whether pressing on a link displays a preview of the destination for the link. In iOS this property is available on devices that support 3D Touch. In iOS 10 and later, the default value is `true`; before that, the default value is `false` | boolean | NO | iOS and macOS | NO |
 | `sharedCookiesEnabled?` | Set `true` if shared cookies from `[NSHTTPCookieStorage sharedHTTPCookieStorage]` should be used for every load request in the WebView. The default value is `false`. For more on cookies, read the [Guide](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#Managing-Cookies) | boolean | NO | iOS and macOS | NO |
-| `limitsNavigationsToAppBoundDomains?` | boolean | NO | iOS | NO ||
+| `limitsNavigationsToAppBoundDomains?` | boolean | NO | iOS | NO |NO|
 | `textInteractionEnabled?` | If false indicates to WebKit that a WKWebView will not interact with text, thus not showing a text selection loop. Only applicable for iOS 14.5 or greater. | boolean | NO | iOS | NO |
 | `suppressMenuItems?` | Allows to suppress menu item from the default context menu. | array of strings | NO | iOS | NO |
-| `mediaCapturePermissionGrantType?` | string | NO | iOS | NO ||
+| `mediaCapturePermissionGrantType?` | string | NO | iOS | NO |NO|
 | `autoManageStatusBarEnabled?` | If set to `true`, the status bar will be automatically hidden/shown by WebView, specifically when full screen video is being watched. If `false`, WebView will not manage the status bar at all. The default value is `true`. | boolean | NO | iOS | NO |
-| `onCustomMenuSelection?` | function | NO | iOS, Android | NO ||
+| `onCustomMenuSelection?` | function | NO | iOS, Android | NO |NO|
 | `basicAuthCredential`? | object that specifies the credentials of a user to be used for basic authentication. | object | NO | iOS, Android | NO |
 | `useWebView2?` | Use WinUI WebView2 control instead of WebView control as the native webview. The WebView2 control is a WinUI control that renders web content using the Microsoft Edge (Chromium) rendering engine. Option can be toggled at runtime and supports Fast Refresh. | boolean | NO | Windows | NO |
 

From ebdbb7425de7aff5ac395e2505713f0c2ab533eb Mon Sep 17 00:00:00 2001
From: Ycode <3259980649@qq.com>
Date: Sun, 29 Sep 2024 02:13:29 +0000
Subject: [PATCH 613/966] =?UTF-8?q?!1600=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-transitiongroup=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20=E4=BF=AE=E6=94=B9react-native-transitiongroup?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-transitiongroup.md | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md
index 28350832..c903cfaa 100644
--- a/zh-cn/react-native-transitiongroup.md
+++ b/zh-cn/react-native-transitiongroup.md
@@ -86,7 +86,7 @@ export function TransitiongroupExample() {
             <FadeInOutTransition
               inDuration={1000}
               outDuration={500}
-              easing={Easing.ease} // 使用 ease 缓动函数
+              easing={Easing.ease} 
               inDelay={200}
               outDelay={0}
               pointerEvents="box-only"
@@ -145,7 +145,7 @@ const styles = StyleSheet.create({
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
@@ -156,8 +156,6 @@ const styles = StyleSheet.create({
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
->
-> 详情见 [react-native-transitiongroup 源库地址](https://github.com/madsleejensen/react-native-transitiongroup/blob/master/README.md)
 
 | Name          | Description                            | type     | Required | Platform | HarmonyOS Support |
 | ------------- | -------------------------------------- | -------- | -------- | -------- | ----------------- |

From dac958173d56ff9e35bd040cd3060bdb4835732a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Sun, 29 Sep 2024 02:14:54 +0000
Subject: [PATCH 614/966] =?UTF-8?q?!1598=20docs:=20[Issues:=20#IAU2RV]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-fs=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAU2RV]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-fs=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fs.md | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index 7c697135..a36ab700 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 模板版本：v0.2.2
 
 <p align="center">
@@ -60,9 +58,7 @@ import {
 import FS from "react-native-fs";
 import { Colors } from "react-native/Libraries/NewAppScreen";
 function App(): React.JSX.Element {
-  // 参数
   const [mkdirParam, setMkdirParam] = useState("");
-  // 创建文件夹接口调用
   const mkdirExample = () => {
     FS.mkdir(FS.DocumentDirectoryPath + "/" + mkdirParam).then(
       (result) => {
@@ -74,7 +70,7 @@ function App(): React.JSX.Element {
       }
     );
   };
-  // 组件
+
   return (
     <>
       <StatusBar barStyle="dark-content" />
@@ -110,7 +106,7 @@ function App(): React.JSX.Element {
     </>
   );
 }
-// 组件样式
+
 const styles = StyleSheet.create({
   scrollView: {
     backgroundColor: Colors.black,
@@ -173,7 +169,7 @@ export default App;
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
 2. 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -182,7 +178,6 @@ export default App;
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
     "@react-native-oh-tpl/react-native-fs": "file:../../node_modules/@react-native-oh-tpl/react-native-fs/harmony/fs.har"
   }
 ```
@@ -306,13 +301,11 @@ ohpm install
 
 ## 遗留问题
 
-- HarmonyOS 的 hash 哈希 API 中关于算法参数 algorithm 目前仅支持"md5"、"sha1"、 "sha256"，其他相关算法参数目前不支持，问题: [issue#1](https://github.com/react-native-oh-library/react-native-fs/issues/1)
-- 原库部分接口在 HarmonyOS 中没有对应文件路径常量及接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-fs/issues/2)
+- [ ] HarmonyOS 的 hash 哈希 API 中关于算法参数 algorithm 目前仅支持"md5"、"sha1"、 "sha256"，其他相关算法参数目前不支持，问题: [issue#1](https://github.com/react-native-oh-library/react-native-fs/issues/1)
+- [ ] 原库部分接口在 HarmonyOS 中没有对应文件路径常量及接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-fs/issues/2)
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->

From f01013d1aba200d084e8846e1f5cd948c372f9f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Sun, 29 Sep 2024 02:15:24 +0000
Subject: [PATCH 615/966] =?UTF-8?q?!1599=20docs:=20[Issues:=20#IAU34Q]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-base64=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAU34Q]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-base64=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-base64.md | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/zh-cn/react-native-base64.md b/zh-cn/react-native-base64.md
index 53aaeefa..de662780 100644
--- a/zh-cn/react-native-base64.md
+++ b/zh-cn/react-native-base64.md
@@ -56,22 +56,13 @@ import {
 
 export function Base64Page(): JSX.Element {
    const isDarkMode = useColorScheme() === 'dark';
-
-   // 输入文字
    const [word, setWord] = useState('react native');
-   // 编码输入文字
    const encodeWord = base64.encode(word);
-   // 解码输入文字
    const decodeWord = base64.decode(encodeWord);
-   // 解码结果 是否 和原文字相同
-   const wordEqualDecodeWord = `word equal decode word: ${word === decodeWord}`
-   // 将word 转为 unit8 array
+   const wordEqualDecodeWord = `word equal decode word: ${word === decodeWord}`；
    const byteArrayWord = Uint8Array.from(word.split(''), w => w.charCodeAt(0));
-   // 对 unit 8 array 进行编码
    const encodeWordFromByteArray = base64.encodeFromByteArray(byteArrayWord);
-   // 对 上一步结果进行解码
    const decodeFromByteArray = base64.decode(encodeWordFromByteArray);
-
    const backgroundStyle = {
       backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
    };
@@ -114,9 +105,9 @@ const styles = StyleSheet.create({
 
 ### 兼容性
 
-在以下版本验证通过：
+本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
 
 ## 静态方法:
 

From 80a765eed9ad66c8f6466593cebee51f58e4e835 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Sun, 29 Sep 2024 02:17:33 +0000
Subject: [PATCH 616/966] =?UTF-8?q?!1601=20docs:=20[Issues:=20#IAU4SF]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-crypto-js=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAU4SF]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-crypto-js=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-crypto-js.md | 71 ++++++++++++++-------------------
 1 file changed, 30 insertions(+), 41 deletions(-)

diff --git a/zh-cn/react-native-crypto-js.md b/zh-cn/react-native-crypto-js.md
index 1dd3d873..b5b5ca6e 100644
--- a/zh-cn/react-native-crypto-js.md
+++ b/zh-cn/react-native-crypto-js.md
@@ -48,53 +48,44 @@ import {
   Button,
   Alert
 } from 'react-native';
-
 import CryptoJS from "react-native-crypto-js";
 //import CryptoJS from "rn-crypto-js";
 
-//使用AES加密字符串
 function encrypt_str(text: string) {
   let ciphertext = CryptoJS.AES.encrypt(text, 'secret key 123').toString();
-  Alert.alert('加密后：', ciphertext, [{ text: 'OK' }]);
+  Alert.alert('encrypt：', ciphertext, [{ text: 'OK' }]);
   return ciphertext;
 }
 
-//使用AES解密字符串
 function decrypt_str(text: string) {
   let bytes = CryptoJS.AES.decrypt(text, 'secret key 123');
   let originalText = bytes.toString(CryptoJS.enc.Utf8);
-  Alert.alert('解密后：', originalText, [{ text: 'OK' }]);
+  Alert.alert('decrypt：', originalText, [{ text: 'OK' }]);
 }
 
-//使用AES加密对象
 function encrypt_obj(text: string) {
   let ciphertext = CryptoJS.AES.encrypt(JSON.stringify(text), 'secret key 123').toString();
-  Alert.alert('加密后：', ciphertext, [{ text: 'OK' }]);
+  Alert.alert('encrypt：', ciphertext, [{ text: 'OK' }]);
   return ciphertext;
 }
 
-//使用AES解密对象
 function decrypt_obj(text: string) {
   let bytes = CryptoJS.AES.decrypt(text, 'secret key 123');
   let originalText = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));
-  Alert.alert('解密后：', originalText, [{ text: 'OK' }]);
+  Alert.alert('decrypt：', originalText, [{ text: 'OK' }]);
   return originalText;
 }
 
-//使用MD5加密字符串
 function MD5_encrypt_str(text: string) {
   let ciphertext = CryptoJS.MD5(text).toString();
-  Alert.alert('加密后：', ciphertext, [{ text: 'OK' }]);
+  Alert.alert('encrypt：', ciphertext, [{ text: 'OK' }]);
   return ciphertext;
-
 }
 
-//使用HmacMD5加密字符串
 function HMD5_encrypt_str(text: string) {
   let ciphertext = CryptoJS.HmacMD5(text, 'secret key 123').toString();
-  Alert.alert('加密后：', ciphertext, [{ text: 'OK' }]);
+  Alert.alert('encrypt：', ciphertext, [{ text: 'OK' }]);
   return ciphertext;
-
 }
 
 export const ReactNativeCryptoJsExample = () => {
@@ -106,36 +97,34 @@ export const ReactNativeCryptoJsExample = () => {
   const [decryptObj, setDecryptObj] = useState('');
   return (
     <ScrollView style={{ backgroundColor: 'yellow' }} bounces>
-      <Text> 测试使用AES算法加解密字符串</Text>
+      <Text> Encrypt and decrypt character strings using the AES algorithm. </Text>
       <View style={{ padding: 10 }}>
-        <TextInput style={{ height: 40 }} placeholder="请输入内容!" onChangeText={(cryptText: React.SetStateAction<string>) => setCryptText(cryptText)} defaultValue={cryptText} />
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(cryptText: React.SetStateAction<string>) => setCryptText(cryptText)} defaultValue={cryptText} />
       </View>
-      <Button onPress={() => { setDecryptText(encrypt_str(cryptText)) }} title="加密字符串" />
-
+      <Button onPress={() => { setDecryptText(encrypt_str(cryptText)) }} title="encrypt strings" />
       <View style={{ padding: 10 }}>
-        <TextInput style={{ height: 40 }} placeholder="请输入内容!" onChangeText={(decryptText: React.SetStateAction<string>) => setDecryptText(decryptText)} defaultValue={decryptText} />
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(decryptText: React.SetStateAction<string>) => setDecryptText(decryptText)} defaultValue={decryptText} />
       </View>
-      <Button onPress={() => { decrypt_str(decryptText) }} title="解密字符串" />
-      <Text> 测试使用AES算法加解密对象</Text>
+      <Button onPress={() => { decrypt_str(decryptText) }} title="decrypt strings" />
+      <Text>  Encrypt and decrypt object using the AES algorithm. </Text>
       <View style={{ padding: 10 }}>
-        <TextInput style={{ height: 40 }} placeholder="请输入内容!" onChangeText={(cryptObj: React.SetStateAction<string>) => setCryptObj(cryptObj)} defaultValue={cryptObj} />
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(cryptObj: React.SetStateAction<string>) => setCryptObj(cryptObj)} defaultValue={cryptObj} />
       </View>
-      <Button onPress={() => { setDecryptObj(encrypt_obj(cryptObj)) }} title="加密对象" />
-
+      <Button onPress={() => { setDecryptObj(encrypt_obj(cryptObj)) }} title="encrypt object" />
       <View style={{ padding: 10 }}>
-        <TextInput style={{ height: 40 }} placeholder="请输入内容!" onChangeText={(decryptObj: React.SetStateAction<string>) => setDecryptObj(decryptObj)} defaultValue={decryptObj} />
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(decryptObj: React.SetStateAction<string>) => setDecryptObj(decryptObj)} defaultValue={decryptObj} />
       </View>
-      <Button onPress={() => { decrypt_obj(decryptObj) }} title="解密对象" />
-      <Text> 测试使用MD5算法加密字符串</Text>
+      <Button onPress={() => { decrypt_obj(decryptObj) }} title="decrypt object" />
+      <Text> Encrypt and decrypt character strings using the MD5 algorithm. </Text>
       <View style={{ padding: 10 }}>
-        <TextInput style={{ height: 40 }} placeholder="请输入内容!" onChangeText={(cryptText1: React.SetStateAction<string>) => setCryptText1(cryptText1)} defaultValue={cryptText1} />
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(cryptText1: React.SetStateAction<string>) => setCryptText1(cryptText1)} defaultValue={cryptText1} />
       </View>
-      <Button onPress={() => { MD5_encrypt_str(cryptText1) }} title="加密" />
-      <Text> 测试使用HmacMD5算法加密字符串</Text>
+      <Button onPress={() => { MD5_encrypt_str(cryptText1) }} title="encrypt" />
+      <Text>  Encrypt and decrypt character strings using the HmacMD5 algorithm. </Text>
       <View style={{ padding: 10 }}>
-        <TextInput style={{ height: 40 }} placeholder="请输入内容!" onChangeText={(cryptText2: React.SetStateAction<string>) => setCryptText2(cryptText2)} defaultValue={cryptText2} />
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(cryptText2: React.SetStateAction<string>) => setCryptText2(cryptText2)} defaultValue={cryptText2} />
       </View>
-      <Button onPress={() => { HMD5_encrypt_str(cryptText2) }} title="加密" />
+      <Button onPress={() => { HMD5_encrypt_str(cryptText2) }} title="encrypt" />
     </ScrollView>
   );
 };
@@ -143,11 +132,11 @@ export const ReactNativeCryptoJsExample = () => {
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
-在以下版本验证通过
+本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
 
 ## API
 
@@ -155,12 +144,12 @@ export const ReactNativeCryptoJsExample = () => {
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| 名称                 | 描述            | 参数类型 | 是否必填 | Platform | HarmonyOS Support |
+| Name             | Description | Type | Required | Platform | HarmonyOS Support |
 | -------------------- | --------------- | -------- | -------- | -------- | ----------------- |
-| CryptoJS.AES.encrypt | AES算法加密     | string   | yes      | Android、iOS      | yes               |
-| CryptoJS.AES.decrypt | AES算法解密     | string   | yes      | Android、iOS      | yes               |
-| CryptoJS.MD5         | MD5算法加密     | string   | yes      | Android、iOS      | yes               |
-| CryptoJS.HmacMD5     | HmacMD5算法加密 | string   | yes      | no       | no                |
+| CryptoJS.AES.encrypt | AES encryption | string   | yes      | Android、iOS      | yes               |
+| CryptoJS.AES.decrypt | AES decryption | string   | yes      | Android、iOS      | yes               |
+| CryptoJS.MD5         | MD5 encryption | string   | yes      | Android、iOS      | yes               |
+| CryptoJS.HmacMD5     | HmacMD5 encryption | string   | yes      | no       | no                |
 
 ## 遗留问题
 

From 934b0bf7b5a96f6e4609c4802c0a2a39e226ce93 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Sun, 29 Sep 2024 02:18:09 +0000
Subject: [PATCH 617/966] =?UTF-8?q?!1602=20=20docs:=20[Issues:=20#IAU5AU]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-redash=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20=20docs:=20[Issues:=20#IAU5AU]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-redash=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-redash.md | 55 ++++++++++++++++--------------------
 1 file changed, 24 insertions(+), 31 deletions(-)

diff --git a/zh-cn/react-native-redash.md b/zh-cn/react-native-redash.md
index 88fa4aaa..9429bd0e 100644
--- a/zh-cn/react-native-redash.md
+++ b/zh-cn/react-native-redash.md
@@ -35,7 +35,6 @@ npm install react-native-redash@^18.1.3
 下面的代码展示了这个库的基本使用场景：
 
 ```js
-// findLastIndex 为例
 import { mix,
     round,
     bin,
@@ -56,7 +55,6 @@ import { mix,
   import * as redash from 'react-native-redash';
   import React, { useState } from 'react';
   import { Button, ScrollView, StyleSheet, Text, View } from 'react-native';
-  // 导出组件
   export default function RadashDemo() {
     const [text, setText] = useState('');
   
@@ -179,12 +177,10 @@ import { mix,
         setText(JSON.stringify(interpolatePath))
     }
   
-    /** 处理canvas坐标转换为笛卡尔坐标 */
     const handleCanvas2Cartesian = () => {
         const point = canvas2Cartesian({ x: 500, y: 200 }, { x: 500, y: 200 });
         setText(JSON.stringify(point))
     }
-    /** 处理笛卡尔坐标转换为canvas坐标 */
     const handleCartesian2Canvas = () => {
         const point = cartesian2Canvas({ x: -500, y: 200 }, { x: 500, y: 200 });
         setText(JSON.stringify(point))
@@ -198,7 +194,6 @@ import { mix,
         setText('theta ==' + theta + "  radius==" + radius);
     }
   
-    /** 处理极坐标转换为笛卡尔坐标 */
     const handlePolar2Cartesian = () => {
         const x = 0;
         const y = 100;
@@ -211,7 +206,6 @@ import { mix,
         setText('x1 ==' + x1 + "  Math.round(y1)==" + Math.round(y1));
     }
   
-    /** 用于处理极坐标转换为canvas坐标 */
     const handlePolar2Canvas = () => {
         const x = 0;
         const y = 100;
@@ -221,7 +215,6 @@ import { mix,
         setText(JSON.stringify(point))
     }
   
-    // 用于处理canvas左边转换极坐标
     const handleCanvas2Polar = () => {
         const { theta, radius } = canvas2Polar({ x: -500, y: 200 }, { x: 500, y: 200 });
         setText('theta ==' + theta + "  radius==" + radius);
@@ -238,87 +231,87 @@ import { mix,
           <View style={{ flexDirection: 'column' }}>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
-                <Button title='运行' color='#841584' onPress={onMix}></Button>
+                <Button title='start' color='#841584' onPress={onMix}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>round(5.123, 0)</Text>
-                <Button title='运行' color='#841584' onPress={onRoundre}></Button>
+                <Button title='start' color='#841584' onPress={onRoundre}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>bin(true)</Text>
-                <Button title='运行' color='#841584' onPress={onBinre}></Button>
+                <Button title='start' color='#841584' onPress={onBinre}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>between(-1, 0, 100)</Text>
-                <Button title='运行' color='#841584' onPress={onBetweenre}></Button>
+                <Button title='start' color='#841584' onPress={onBetweenre}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>toRad(180)</Text>
-                <Button title='运行' color='#841584' onPress={onToRadre}></Button>
+                <Button title='start' color='#841584' onPress={onToRadre}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>avg([1,2,3,4,5,6,7,8,9,10])</Text>
-                <Button title='运行' color='#841584' onPress={avgre}></Button>
+                <Button title='start' color='#841584' onPress={avgre}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>cubicBezier(1, 0, 0.1, 0.1, 1)</Text>
-                <Button title='运行' color='#841584' onPress={cubicBezires}></Button>
+                <Button title='start' color='#841584' onPress={cubicBezires}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>toDeg(Math.PI)</Text>
-                <Button title='运行' color='#841584' onPress={onToDegre}></Button>
+                <Button title='start' color='#841584' onPress={onToDegre}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>clamp(-1, 0, 100)</Text>
-                <Button title='运行' color='#841584' onPress={onClampre}></Button>
+                <Button title='start' color='#841584' onPress={onClampre}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
-                <Button title='运行' color='#841584' onPress={handleCreatePath}></Button>
+                <Button title='start' color='#841584' onPress={handleCreatePath}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>addCurvePath</Text>
-                <Button title='运行' color='#841584' onPress={handleAddCurvePath}></Button>
+                <Button title='start' color='#841584' onPress={handleAddCurvePath}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>closePath</Text>
-                <Button title='运行' color='#841584' onPress={handleClosePath}></Button>
+                <Button title='start' color='#841584' onPress={handleClosePath}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>serializePath</Text>
-                <Button title='运行' color='#841584' onPress={handleSerializePath}></Button>
+                <Button title='start' color='#841584' onPress={handleSerializePath}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>parsePath</Text>
-                <Button title='运行' color='#841584' onPress={handleParsePath}></Button>
+                <Button title='start' color='#841584' onPress={handleParsePath}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>interpolatePath</Text>
-                <Button title='运行' color='#841584' onPress={handleInterpolatePath}></Button>
+                <Button title='start' color='#841584' onPress={handleInterpolatePath}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>canvas2Cartesian</Text>
-                <Button title='运行' color='#841584' onPress={handleCanvas2Cartesian}></Button>
+                <Button title='start' color='#841584' onPress={handleCanvas2Cartesian}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>cartesian2Canvas</Text>
-                <Button title='运行' color='#841584' onPress={handleCartesian2Canvas}></Button>
+                <Button title='start' color='#841584' onPress={handleCartesian2Canvas}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>cartesian2Polar</Text>
-                <Button title='运行' color='#841584' onPress={handleCartesian2Polar}></Button>
+                <Button title='start' color='#841584' onPress={handleCartesian2Polar}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>polar2Cartesian</Text>
-                <Button title='运行' color='#841584' onPress={handlePolar2Cartesian}></Button>
+                <Button title='start' color='#841584' onPress={handlePolar2Cartesian}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>polar2Canvas</Text>
-                <Button title='运行' color='#841584' onPress={handlePolar2Canvas}></Button>
+                <Button title='start' color='#841584' onPress={handlePolar2Canvas}></Button>
             </View>
             <View style={styles.baseArea}>
                 <Text style={{ flex: 1 }}>canvas2Polar</Text>
-                <Button title='运行' color='#841584' onPress={handleCanvas2Polar}></Button>
+                <Button title='start' color='#841584' onPress={handleCanvas2Polar}></Button>
             </View>
           </View>
         </ScrollView>
@@ -427,10 +420,10 @@ export default function RadashDemo() {
         </View>
         <View style={{ flexDirection: 'row', alignItems: 'center' }}>
             <View style={{ marginRight: 10 }}>
-                <Button color='#841584' onPress={() => handlePress()} title="snapPoint 开始" />
+                <Button color='#841584' onPress={() => handlePress()} title="snapPoint start" />
             </View>
             <View>
-                <Button color='#841584' onPress={() => cancelAnimation(offset)} title="恢复" />
+                <Button color='#841584' onPress={() => cancelAnimation(offset)} title="back" />
             </View>
         </View>
       </View>
@@ -471,7 +464,7 @@ export default function RadashDemo() {
         </View>
         <View style={{ flexDirection: 'row', alignItems: 'center' }}>
             <View style={{ marginRight: 10 }}>
-                <Button color='#841584' onPress={() => handleColorPress()} title="mixColor 开始" />
+                <Button color='#841584' onPress={() => handleColorPress()} title="mixColor start" />
             </View>
         </View>
       </View>

From d08381e800d17888da7c9642476c4d1a6dcdc137 Mon Sep 17 00:00:00 2001
From: haoxuchao <haoxuchao@h-partners.com>
Date: Sun, 29 Sep 2024 02:18:36 +0000
Subject: [PATCH 618/966] =?UTF-8?q?!1500=20docs:=20[Issues:=20#IAQ0HU]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-waterflow-list=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAQ0HU]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-waterflow-list=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-waterflow-list.md | 174 +++++++++++++++++++++++++++
 1 file changed, 174 insertions(+)
 create mode 100644 zh-cn/react-native-waterflow-list.md

diff --git a/zh-cn/react-native-waterflow-list.md b/zh-cn/react-native-waterflow-list.md
new file mode 100644
index 00000000..a9159784
--- /dev/null
+++ b/zh-cn/react-native-waterflow-list.md
@@ -0,0 +1,174 @@
+<!--{%raw%}-->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-waterflow-list</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ZakZheng/react-native-waterflow-list">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ZakZheng/react-native-waterflow-list/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/ZakZheng/react-native-waterflow-list)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令:
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react-native-waterflow-list@1.2.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-waterflow-list@1.2.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Dimensions, Image, RefreshControl, Text, View } from 'react-native';
+import { IColumnsHandles } from 'react-native-waterflow-list/src/Columns';
+import WaterFlow from 'react-native-waterflow-list/src/';
+
+const width = Math.round((Dimensions.get('screen').width - 30) / 2);
+
+const getItemData = (() => {
+  let id = 0;
+  return () => {
+    id++;
+    const height = Math.ceil(Math.random() * 1000);
+    return {
+      id,
+      text: Math.random(),
+      image_path: `https://picsum.photos/${width}/${height}/?random`,
+      height,
+      width,
+    };
+  };
+})();
+
+const sleep = (ms: number) => {
+  return new Promise(resolve => setTimeout(resolve, ms));
+};
+
+const itemDataFactory = () =>
+  Array(10)
+    .fill('')
+    .map(() => getItemData());
+
+interface IItem {
+  id: number
+  [index: string]: any
+}
+
+export default () => {
+  const [data, setData] = React.useState<IItem[]>([]);
+  const [loading, setLoading] = React.useState(false)
+
+  const WaterFlowRef = React.useRef<IColumnsHandles>()
+  const onLoadMore = React.useCallback(async () => {
+    setLoading(true)
+    await sleep(1000);
+    setLoading(false)
+    return setData(data.concat(itemDataFactory()));
+  }, [data]);
+  const loadData = React.useCallback(async () => {
+    await sleep(1000);
+    return setData(itemDataFactory());
+  }, [data])
+
+  React.useEffect(() => {
+    setData(itemDataFactory());
+  }, []);
+
+  return (
+    <WaterFlow
+      ref={WaterFlowRef}
+      data={data}
+      keyForItem={item => item.id}
+      numColumns={2}
+      onEndReached={onLoadMore}
+      //自定义滚动监听(需要的话)
+      onScroll={(e) => {console.log(e)}}
+      columnFlatListProps={{
+        style: { marginHorizontal: 5, },
+      }}
+      columnsFlatListProps={{
+        ListHeaderComponent: () => <View><Text>Hello</Text></View>,
+        refreshControl: <RefreshControl
+          style={{ zIndex: 10 }}
+          refreshing={loading}
+          onRefresh={() => {
+            WaterFlowRef.current?.clear()
+            loadData()
+          }}
+          tintColor={'gray'}
+        />
+        ,
+        style: { marginHorizontal: 10, },
+      }}
+      renderItem={({ item, index }) => {
+        return renderItem(item);
+      }}
+    />
+  );
+};
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过：
+
+1. RNOH:0.72.29; SDK:HarmonyOS NEXT Developer Beta6 SDK; IDE:DevEco Studio 5.0.3.706; ROM:NEXT.0.0.60;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> 详情见 [react-native-waterflow-list 源库地址](https://github.com/ZakZheng/react-native-waterflow-list)
+
+| Name                      | Description                                                                                              | Type                                                         | Required | Platform                  | HarmonyOS Support |
+| :-------------------------- | :------------------------------------------------------------------------------------------------ | :------------------------------------------------------------: | :--------: | :---------------------: |:--------------:|
+| **data**           | 列表数据, 数据类型必须为 `Object`              | Object[]                                              | Yes | All                   | Yes          |
+| **numColumns**           | 列数                    | number                                              | No | All                   | Yes          |
+| **keyForItem**                   | 用以检测是否以渲染该数据                                                                      | string                                        | Yes    | All                   | Yes          |
+| **heightForItem**                  | 如 renderItem 高度已知,则传入以提高性能和加载速度 | number                                                  | No       | All                   | Yes          |
+| **asyncHeightForItem**                 | 如item的高度为异步获取的,则通过该函数返回item的真实高度 | Promise(number)                                      | No       | All | Yes           |
+| **renderItem**                    | 渲染列表条目 | JSX.Element                        | Yes    | All  | Yes           |
+| **onEndReached**       | 上拉加载, 若传入 Promise 对象, 则须等待 Promise 事件回调后方能再次触发此事件. 若其他则不作处理 | function                                            | No       | All  | Yes           |
+| **columnsFlatListProps** | 外层 FlatList 参数           | FlatListProps                                      | No       | All  | Yes           |
+| **columnFlatListProps**                 | 列 FlatList 参数 | FlatListProps                                          | No       | All  | Yes           |
+
+## 静态方法
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ----- | :-----------| :--: |:--------:| :------: |:-----------------:|
+| **clear** | 清空渲染列表, 一般用于下拉刷新获取到数据化,清空之前的数据 | function |    No    | All |        Yes        |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ZakZheng/react-native-waterflow-list/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From f644d87c28253357c7513506787c6b2a217fabce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=AE=87?= <478110507@qq.com>
Date: Sun, 29 Sep 2024 02:19:53 +0000
Subject: [PATCH 619/966] =?UTF-8?q?!1606=20docs:=20[Issues:=20#IAUBKD]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-vconsole=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUBKD]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-vconsole=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-vconsole.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/zh-cn/react-native-vconsole.md b/zh-cn/react-native-vconsole.md
index cdd93457..3366fbab 100644
--- a/zh-cn/react-native-vconsole.md
+++ b/zh-cn/react-native-vconsole.md
@@ -116,6 +116,9 @@ const styles = StyleSheet.create({
 
 ## 遗留问题
 
+- [ ] 本库在HarmonyOS存在Clipboard无法使用的问题，其已从新版rn框架中移除，依赖Clipboard的相关功能，监控面板network标签页Copy cURL to clipboard、Copy request query to clipboard、Copy response to clipboard均无法正常复制以及粘贴，问题: [issue#2](https://github.com/kafudev/react-native-vconsole/issues/2)
+- [ ] 本库在HarmonyOS存在DevMenu菜单无法启用的问题，新版本rn框架中已经将其从NativeModules移除，DevMenu菜单里的ReLoad、Fps等调试相关功能均无法正常使用， 问题: [issue#3](https://github.com/kafudev/react-native-vconsole/issues/3)
+
 ## 其他
 
 ## 开源协议

From 94c2c243e487169e5102a00973496e2dd6afe4aa Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Sun, 29 Sep 2024 02:36:36 +0000
Subject: [PATCH 620/966] =?UTF-8?q?!1609=20docs:=20[Issues:=20#IAUEXR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-ohos-community=5Fauto-fill?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E7=9A=84License=E4=BF=A1=E6=81=AF=20*=20docs?=
 =?UTF-8?q?:=20[Issues:=20#IAUEXR]=20=E4=BF=AE=E6=94=B9react-native-ohos-c?=
 =?UTF-8?q?ommunity=5Fauto-fill=E6=96=87=E6=A1=A3=E7=9A=84License=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-ohos-community-auto-fill.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-ohos-community-auto-fill.md b/zh-cn/react-native-ohos-community-auto-fill.md
index 84f684c7..7d2c0588 100644
--- a/zh-cn/react-native-ohos-community-auto-fill.md
+++ b/zh-cn/react-native-ohos-community-auto-fill.md
@@ -273,4 +273,4 @@ auto-fill 仅暴露一个 autoSave 接口，用于保存当前表单信息
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/auto-fill/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [Apache License 2.0](https://github.com/react-native-oh-library/auto-fill/blob/sig/LICENSE) ，请自由地享受和参与开源。

From cf948fb3bb74a556e999e62526f21a88ee78f54b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Sun, 29 Sep 2024 02:55:30 +0000
Subject: [PATCH 621/966] =?UTF-8?q?!1605=20docs:=20[Issues:=20#IALL6Z]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-screens=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IALL6Z]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-screens=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-screens.md | 159 +++++++++++++++++-----------------
 1 file changed, 81 insertions(+), 78 deletions(-)

diff --git a/zh-cn/react-native-screens.md b/zh-cn/react-native-screens.md
index fc118f1b..e84fdcbf 100644
--- a/zh-cn/react-native-screens.md
+++ b/zh-cn/react-native-screens.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-screens</code> </h1>
@@ -8,11 +7,13 @@
     <a href="https://github.com/software-mansion/react-native-screens">
         <img src="https://img.shields.io/badge/platforms-iOS%20|%20Android%20|%20tvOS%20|%20Windows%20|%20Web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://opensource.org/license/mit/">
+    <a href="https://github.com/software-mansion/react-native-screens/blob/main/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+> [!tip] [Github 地址](https://github.com/software-mansion/react-native-screens)
+
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
@@ -22,12 +23,8 @@
 #### **npm**
 
 ```bash
-npm install @react-navigation/bottom-tabs
 npm install @react-navigation/native
-npm install @react-navigation/native-stack
-npm install @react-navigation/stack
-npm install @react-native-oh-tpl/react-native-gesture-handler
-npm install react-native-reanimated
+npm install @react-native-oh-tpl/stack
 npm install @react-native-oh-tpl/react-native-safe-area-context
 npm install react-native-screens
 ```
@@ -35,80 +32,78 @@ npm install react-native-screens
 #### **yarn**
 
 ```bash
-yarn add @react-navigation/bottom-tabs
 yarn add @react-navigation/native
-yarn add @react-navigation/native-stack
 yarn add @react-navigation/stack
-yarn add @react-native-oh-tpl/react-native-gesture-handler
-yarn add react-native-reanimated
 yarn add @react-native-oh-tpl/react-native-safe-area-context
 yarn add react-native-screens
 ```
 
 <!-- tabs:end -->
 
-声明：[@react-native-oh-tpl/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)和[@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)需要进行额外的配置，详情请去对应的文档查看。
-
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```js
-import React from "react";
-import { NavigationContainer, ParamListBase } from "@react-navigation/native";
-import { ScrollView, Button, Tesxt } from "react-native";
-import { NativeStackNavigationProp } from "react-native-screens";
-import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
-import { createStackNavigator } from "@react-navigation/stack";
+import React from 'react';
+import {ScrollView, Button, View, Text} from 'react-native';
+import {NavigationContainer} from '@react-navigation/native';
+import {createStackNavigator} from '@react-navigation/stack';
 import { enableScreens } from "react-native-screens";
 
 enableScreens(false);
+function Home({navigation}) {
+    return (
+        <ScrollView
+            style={{backgroundColor: 'yellow'}}
+            contentInsetAdjustmentBehavior="automatic">
+            <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
+                <Text>Home Screen</Text>
+            </View>
+            <Button title="To Detail" onPress={() => navigation.push('Detail')} />
+        </ScrollView>
+    );
+}
+
+function Detail({navigation}) {
+    return (
+        <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
+            <Text>我是Details Screen</Text>
+            <Button title="To Home" onPress={() => navigation.goBack()} />
+        </View>
+    );
+}
 
 const Stack = createStackNavigator();
 
 function NativeNavigation() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen name="Home" component={Home} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const Tab = createBottomTabNavigator();
-const NestedNavigator = () => (
-  <Tab.Navigator>
-    <Tab.Screen name="Screen1" component={Home} />
-  </Tab.Navigator>
-);
-
-function Home({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>,
-}) {
-  return (
-    <ScrollView
-      style={{ backgroundColor: "yellow" }}
-      contentInsetAdjustmentBehavior="automatic"
-    >
-      <Button
-        title="NestedNavigator"
-        onPress={() => {
-          navigation.push("NestedNavigator");
-        }}
-      />
-    </ScrollView>
-  );
+    return (
+        <NavigationContainer>
+            <Stack.Navigator>
+                <Stack.Screen
+                    name="Home"
+                    component={Home}
+                    options={{title: '我是Home的title'}}
+                />
+                <Stack.Screen
+                    name="Detail"
+                    component={Detail}
+                    options={{title: '我是Detail的title'}}
+                />
+            </Stack.Navigator>
+        </NavigationContainer>
+    );
 }
 
 export default function RNScreenTest() {
-  return <NativeNavigation />;
+    return <NativeNavigation />;
 }
+
 ```
 
 #### 禁用 `react-native-screens`
 
-因为 ArkUI(Navigation、NavRouter、NavDestination)没有代理任何独特功能，且无法映射到 main_page 通过页面容器优化性能，所以 react-native-screens 禁用 HarmonyOS 原生屏幕使用 react-native views 即可，请在您的入口文件中添加以下代码。 (例如. `App.js`):
+因为 ArkUI侧未提供capi接口，容器组件需要capi化，故本库未实现harmonyOS原生化，所以 react-native-screens 禁用 HarmonyOS 原生屏幕使用 react-native views 即可，请在您的入口文件中添加以下代码。 (例如. `App.js`):
 
 ```js
 import { enableScreens } from "react-native-screens";
@@ -116,40 +111,48 @@ import { enableScreens } from "react-native-screens";
 enableScreens(false);
 ```
 
-您还可以通过[`detachInactiveScreens`](https://reactnavigation.org/docs/stack-navigator#detachinactivescreens)在每个导航器中禁用使用原生屏幕。
+您还可以通过[detachInactiveScreens](https://reactnavigation.org/docs/stack-navigator#detachinactivescreens)在每个导航器中禁用原生屏幕。
+
+## Link
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/stack 与 @react-native-oh-tpl/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-## 兼容性
+如未引入请参照 [@react-native-oh-tpl/stack 文档的 Link 章节](/zh-cn/react-navigation-stack.md) 与 [@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md)进行引入。
+
+## 约束与限制
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+1.RNOH：0.72.29; SDK：HarmonyOS-NEXT-DB6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.60;
 
 ## 属性
 
-| Name                                                      | Description                                                                                                         | Type     | Required | Platform | HarmonyOS Support |
-| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| enableScreens                                             | 支持原生及其 React Native View                                                                                      | function | No       | All      | Yes               |
-| enableFreeze                                              | 对 react-freeze 的支持，使用 ReactSuspense 机制来防止 React 组件树的部分渲染                                        | function | No       | All      | Yes               |
-| createNativeStackNavigator                                | 提供屏幕切换的能力                                                                                                  | function | No       | All      | NO                |
-| NativeStackNavigationProp                                 | 切换页面属性的封装                                                                                                  | object   | No       | All      | Yes               |
-| NativeStackNavigationOptions                              | 导航栏属性设置封装                                                                                                  | object   | No       | All      | NO                |
-| FullWindowOverlay                                         | 一个组件，可以将其子组件放在其他组件之上                                                                            | object   | No       | All      | Yes               |
-| SearchBarProps                                            | 搜索栏的属性设置封装                                                                                                | object   | No       | All      | NO                |
-| SearchBarCommands                                         | 搜索栏的操作封装                                                                                                    | object   | No       | All      | NO                |
-| useTransitionProgress                                     | 提供屏幕过渡的动画插值器                                                                                            | function | No       | All      | NO                |
-| userReanimatedTransitionProgress ReanimatedScreenProvider | 屏幕切换期间调用的帧回调，用于 react-native-reanimated 2.0 及其以上的版本，并使用 ReanimatedScreenProvider 进行封装 | function | No       | All      | NO                |
-| userHeaderHeight                                          | 计算静态标题栏的高度，当屏幕方向发生更改，此值会发生更改                                                            | function | No       | All      | NO                |
-| userAnimatedHeaderHeight                                  | 动态计算标题栏的高度，此值会随着每个视图布局变化而变化                                                              | function | No       | All      | NO                |
-
-[原库接口文档](https://github.com/software-mansion/react-native-screens/blob/main/guides/GUIDE_FOR_LIBRARY_AUTHORS.md) ，欢迎提交 [issue](https://gitee.com/react-native-oh-library/usage-docs/issues).
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                                      | Description                                                                           | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------------------------------------------------|---------------------------------------------------------------------------------------|----------|----------|-------------|-------------------|
+| enableScreens                                             | 支持原生及其 React Native View                                                              | function | No       | iOS Android | Yes               |
+| enableFreeze                                              | 对 react-freeze 的支持，使用 ReactSuspense 机制来防止 React 组件树的部分渲染                              | function | No       | iOS Android | Yes               |
+| createNativeStackNavigator                                | 提供屏幕切换的能力                                                                             | function | No       | iOS Android | NO                |
+| NativeStackNavigationProp                                 | 切换页面属性的封装                                                                             | object   | No       | iOS Android | Yes               |
+| NativeStackNavigationOptions                              | 导航栏属性设置封装                                                                             | object   | No       | iOS Android | NO                |
+| FullWindowOverlay                                         | 一个组件，可以将其子组件放在其他组件之上                                                                  | object   | No       | iOS Android | NO                |
+| SearchBarProps                                            | 搜索栏的属性设置封装                                                                            | object   | No       | iOS Android | NO                |
+| SearchBarCommands                                         | 搜索栏的操作封装                                                                              | object   | No       | iOS Android | NO                |
+| useTransitionProgress                                     | 提供屏幕过渡的动画插值器                                                                          | function | No       | iOS Android | NO                |
+| userReanimatedTransitionProgress ReanimatedScreenProvider | 屏幕切换期间调用的帧回调，用于 react-native-reanimated 2.0 及其以上的版本，并使用 ReanimatedScreenProvider 进行封装 | function | No       | iOS Android | NO                |
+| userHeaderHeight                                          | 计算静态标题栏的高度，当屏幕方向发生更改，此值会发生更改                                                          | function | No       | iOS Android | NO                |
+| userAnimatedHeaderHeight                                  | 动态计算标题栏的高度，此值会随着每个视图布局变化而变化                                                           | function | No       | iOS Android | NO                |
 
 ## 遗留问题
 
+- [ ] ArkUI侧未提供capi接口，容器组件需要capi化，故本库未实现harmonyOS原生化适配，harmonyOS侧仅支持部分属性。
+
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/software-mansion/react-native-screens/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From ec7dc5485b402c5e3dfc5473d33910c1d80d8710 Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Sun, 29 Sep 2024 07:31:20 +0000
Subject: [PATCH 622/966] =?UTF-8?q?!1610=20docs:=20[Issues:=20#IAUFG9]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-picker=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUFG9]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-picker=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-picker.md | 314 +++++++++++++++++++++++++++++++++++
 1 file changed, 314 insertions(+)
 create mode 100644 zh-cn/react-native-picker.md

diff --git a/zh-cn/react-native-picker.md b/zh-cn/react-native-picker.md
new file mode 100644
index 00000000..0e82c915
--- /dev/null
+++ b/zh-cn/react-native-picker.md
@@ -0,0 +1,314 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-picker </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/beefe/react-native-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, Button } from 'react-native';
+import Picker from 'react-native-picker';
+
+const MyPicker = () => {
+  let data = {
+    pickerData:
+      [{
+        a: [
+          {
+            a1: [1, 2, 3, 4]
+          },
+          {
+            a2: [5, 6, 7, 8]
+          },
+          {
+            a3: [9, 10, 11, 12]
+          }
+        ]
+      },
+      {
+        b: [
+          {
+            b1: [11, 22, 33, 44]
+          },
+          {
+            b2: [55, 66, 77, 88]
+          },
+          {
+            b3: [99, 1010, 1111, 1212]
+          }
+        ]
+      },
+      {
+        c: [
+          {
+            c1: ['a', 'b', 'c']
+          },
+          {
+            c2: ['aa', 'bb', 'cc']
+          },
+          {
+            c3: ['aaa', 'bbb', 'ccc']
+          }
+        ]
+      },],
+    isLoop: false,
+    selectedValue: ['b', 'b1', 22],
+    onPickerConfirm: data => {
+      console.log('onPickerConfirm:', data)
+    },
+    onPickerCancel: data => {
+      console.log('onPickerCancel:', data);
+    },
+    onPickerSelect: data => {
+      console.log('onPickerSelect:', data);
+    }
+  }
+  return (
+    <View>
+      <Button title='initPicker' onPress={() => Picker.init(data)} />
+      <Button title='showPicker' onPress={() => Picker.show()} />
+    </View>
+  );
+};
+
+export default MyPicker;
+```
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-picker/harmony/picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 PickerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-picker/src/main/cpp" ./picker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_native_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "PickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<PickerPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 PickerViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { PickerViewPackage } from "@react-native-oh-tpl/react-native-picker"
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++  new PickerViewPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| --- |----------|---------| ------ | ----------- |-------------------|
+|isLoop                | 列的内容是否可以循环 | boolean      | yes   |    Android   | yes               |
+|pickerTextEllipsisLen | 文本的省略长度的 | number       | yes   |    Android   | no                |
+|pickerConfirmBtnText  | 确认按钮的文本内容 | string       | yes   |iOS/Android  | yes               |
+|pickerCancelBtnText   | 取消按钮的文本内容 | string       | yes   |iOS/Android  | yes               |
+|pickerTitleText       | 顶部标题的文本内容 | string       | yes   |iOS/Android  | yes               |
+|pickerConfirmBtnColor | 确认按钮的字体颜色 | array        | yes   |iOS/Android  | yes               |
+|pickerCancelBtnColor  | 取消按钮的字体颜色 | array        | yes   |iOS/Android  | yes               |
+|pickerTitleColor      | 顶部标题的字体颜色 | array        | yes   |iOS/Android  | yes               |
+|pickerToolBarBg       | 顶部ToolBar的背景色 | array        | yes   |iOS/Android  | yes               |
+|pickerBg              | picker的背景色 | array        | yes   |iOS/Android  | yes               |
+|pickerToolBarFontSize | 顶部ToolBar文本的字体大小 | number       | yes   |iOS/Android  | yes               |
+|wheelFlex             | picker每一列所占的比例 | array        | yes   |iOS/Android  | no                |
+|pickerFontSize        | picker选择器字体内容的大小 | number       | yes   |iOS/Android  | yes               |
+|pickerFontColor       | picker选择器的字体颜色 | array        | yes   |iOS/Android  | yes               |
+|pickerFontFamily      | picker选择器的字体样式 | string       | no    |iOS/Android  | no                |
+|pickerRowHeight       | picker选择器的行高 | number       | yes   |iOS           | yes               |
+|pickerData            | picker选择器所填充的数据 | array        |  no   |iOS/Android  | yes               |
+|selectedValue         | picker选择器所选的默认值 | array        |  no   |iOS/Android  | yes               |
+|onPickerConfirm       | 点击确认按钮触发的回调函数 | function     |  no   |iOS/Android  | yes               |
+|onPickerCancel        | 点击取消按钮触发的回调函数 | function     | no    |iOS/Android  | yes               |
+|onPickerSelect        | 当picker的选择内容发生改变时触发的回调函数 | function     | no    |iOS/Android   | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type     | Required | Platform    | HarmonyOS Support |
+| --- |----------|----------|----------|-------------|-------------------|
+|init        |init and pass parameters to picker      | function | no       | iOS/Android | yes               |
+|toggle      |show or hide picker                     | function | no       | iOS/Android | yes               |
+|show        |show picker                             | function | no       | iOS/Android | yes               |
+|hide        |hide picker                             | function | no       | iOS/Android | yes               |
+|select      |select a row                            | function | no       | iOS/Android | yes                |
+|isPickerShow|get status of picker, return a boolean  | function | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ] 当前picker是使用的TextPicker实现，TextPicker并未提供每列设置宽度的方法，因此暂不能支持wheelFlex。[issue#6](https://github.com/react-native-oh-library/react-native-picker/issues/6)
+- [ ] 当前TextPicker的字体设置目前只支持大小和字体粗细，不支持pickerFontFamily。[issue#7](https://github.com/react-native-oh-library/react-native-picker/issues/7)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://mit-license.org/) ，请自由地享受和参与开源。
\ No newline at end of file

From b54e2d8cd0c224b15ab03294936810009b1dbc55 Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Sun, 29 Sep 2024 08:39:57 +0000
Subject: [PATCH 623/966] =?UTF-8?q?!1595=20docs:=20[#IAU0KK]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-country-picker-modal=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAU0KK]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-country-picker-modal=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-country-picker-modal.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-country-picker-modal.md b/zh-cn/react-native-country-picker-modal.md
index bfb49482..101e4a83 100644
--- a/zh-cn/react-native-country-picker-modal.md
+++ b/zh-cn/react-native-country-picker-modal.md
@@ -16,9 +16,11 @@
 
 ## 安装与使用
 
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-country-picker-modal Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases)，并下载适用版本的 tgz 包。
+
 进入到工程目录并输入以下命令：
 
-[!TIP] # 处替换为 tgz 包的路径
+>[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
@@ -40,7 +42,7 @@ yarn add @react-native-oh-tpl/react-native-country-picker-modal@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```jsx
 import React, {useState} from 'react';
 import {
   Text,

From cb436f053c56ec709d6f851cf955750bff85bb1a Mon Sep 17 00:00:00 2001
From: Ycode <3259980649@qq.com>
Date: Sun, 29 Sep 2024 09:41:45 +0000
Subject: [PATCH 624/966] =?UTF-8?q?!1611=20=20=20=20docs:=20[Issues:=20#IA?=
 =?UTF-8?q?UJ3M]=E4=BF=AE=E6=94=B9=20react-native-webview=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUJ3M]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-webview=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-webview.md             | 71 +++++++++++++++--------
 zh-cn/react-native-webviewr(nocodegen).md | 70 ++++++++++++++--------
 2 files changed, 94 insertions(+), 47 deletions(-)

diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 0533ff6c..7be4b946 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -185,7 +185,6 @@ ohpm install
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
-
 | Name                                                     | Description                                                  | Type     | Required | Platform            | HarmonyOS Support                                            |
 |----------------------------------------------------------| ------------------------------------------------------------ | -------- |----------|---------------------| ------------------------------------------------------------ |
 | `source`                                                 | Loads static HTML or a URI (with optional headers) in the WebView | object   | yes      | All                 | partially (Only of:  **Load uri :** uri  headers  **Static HTML :** html  baseUrl) |
@@ -202,19 +201,6 @@ ohpm install
 | `cacheEnabled?`                                          | Sets whether WebView should use browser caching.             | boolean  | No       | iOS,Android,macOS   | yes                                                          |
 | `cacheMode?`                                             | Overrides the way the cache is used.                         | string   | No       | Android             | yes                                                          |
 | `textZoom?`                                              | If the user has set a custom font size in the Android and harmony system, an undesirable scale of the site interface in WebView occurs. | number   | No       | Android             | yes                                                          |
-| `injectJavaScript?: (script: string) => void`            | Executes the JavaScript string.                              | function | No       | iOS,Android,macOS   | yes                                                          |
-| `onLoadEnd?: (event) => void`                            | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All                 | yes                                                          |
-| `onLoadProgress?: (event) => void`                       | Function that is invoked when the WebView is loading. | function | No       | All                 | yes                                                          |
-| `onMessage?: (event) => void`                            | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,Android,macOS   | yes                                                          |
-| `onShouldStartLoadWithRequest?: (event) => void`         | Function that allows custom handling of any web view requests. | function | No       | iOS,Android,macOS   | yes                                                          |
-| `reload?`                                                | Reloads the current page.                                    | function | No       | iOS,Android,macOS   | yes                                                          |
-| `stopLoading?`                                           | Stop loading the current page.                               | function | No       | iOS,Android,macOS   | yes                                                          |
-| `goBack?`: () => void                                    | Go back one page in the web view's history.                  | function | No       | iOS,Android,macOS   | yes                                                          |
-| `goForward?`: () => void                                 | Go forward one page in the web view's history.               | function | No       | iOS,Android,macOS   | yes                                                          |
-| `requestFocus?`: () => void                              | Request the webView to ask for focus.                        | function | No       | iOS,Android,macOS   | yes                                                          |
-| `clearCache?`: (includeDiskFiles: boolean) => void       | Clears the resource cache.                                   | function | No       | iOS,Android,macOS   | yes                                                          |
-| `clearHistory?`: () => void                              | Tells this WebView to clear its internal back/forward list.  | function | No       | Android             | yes                                                          |
-| `loadUrl?`: (url: string) => void                        | Loads a specified URL.                                       | function | No       | -                   | yes                                                          |
 | `incognito?`                                             | Does not store any data within the lifetime of the WebView.  | boolean  | NO       | All                 | yes                                                          |
 | `mediaPlaybackRequiresUserAction?`                       | Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is `true`. (Android API minimum version 17). | boolean | NO       | iOS,Android,macOS   | yes |
 | `geolocationEnabled?`                                    | Set whether Geolocation is enabled in the `WebView`. The default value is `false`. Used only in Android. | boolean | NO       | Android             | yes |
@@ -224,14 +210,10 @@ ohpm install
 | `minimumFontSize?`                                       | Android enforces a minimum font size based on this value. A non-negative integer between 1 and 72. Any number outside the specified range will be pinned. Default value is 8. If you are using smaller font sizes and are having trouble fitting the whole window onto one screen, try setting this to a smaller value. | number | No       | Android             | yes |
 | `forceDarkOn?`                                           | Configuring Dark Theme | boolean | No       | Android             | yes |
 | `injectedJavaScriptBeforeContentLoaded?`                 | Set this to provide JavaScript that will be injected into the web page after the document element is created, but before other subresources finish loading. | string | No       | iOS,Android,macOS   | yes |
-| `clearFormData`                                          | (Androidonly)Removes the autocomplete popup from the currently focused form field, if present. [developer.Android.com reference](https://developer.Android.com/reference/Android/webkit/WebView.html#clearFormData()) | function | No       | Android             | No |
 | `automaticallyAdjustContentInsets?`                      | Controls whether to adjust the content inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value is `true` | boolean | No       | iOS                 | No |
 | `automaticallyAdjustsScrollIndicatorInsets?`             | Controls whether to adjust the scroll indicator inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value `false`. (iOS 13+) | boolean | No       | iOS                 | No |
 | `injectedJavaScriptBeforeContentLoadedForMainFrameOnly?` | If `true` (default; mandatory for Android), loads the `injectedJavaScriptBeforeContentLoaded` only into the main frame. | boolean | No       | iOS                 | No |
 | `nativeConfig?`                                          | Override the native component used to render the WebView. Enables a custom native WebView which uses the same JavaScript as the original WebView. | object | No       | iOS, Android, macOS | No |
-| `onOpenWindow?`                                          | Function that is invoked when the `WebView` should open a new window. | function | No       | iOS, Android, macOS | No |
-| `onContentProcessDidTerminate?`                          | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS, Android, macOS | No |
-| `renderLoading?`                                         | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS | No |
 | `decelerationRate?`                                      | A floating-point number that determines how quickly the scroll view decelerates after the user lifts their finger. You may also use the string shortcuts `"normal"` and `"fast"` which match the underlying iOS | number | No       | iOS                 | No |
 | `javaScriptCanOpenWindowsAutomatically?`                 | A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is `false`. | boolean | No       | iOS, Android, macOS | No |
 | `AndroidLayerType?`                                      | Specifies the layer type. | string | No       | Android             | No |
@@ -241,30 +223,71 @@ ohpm install
 | `allowsAirPlayForMediaPlayback?` | A Boolean value indicating whether AirPlay is allowed. The default value is `false`. | boolean | NO | iOS and macOS | NO |
 | `contentInset?` | The amount by which the web view content is inset from the edges of the scroll view. Defaults to {top: 0, left: 0, bottom: 0, right: 0}. | object | NO | iOS | NO |
 | `contentInsetAdjustmentBehavior?` | This property specifies how the safe area insets are used to modify the content area of the scroll view. The default value of this property is "never". Available on iOS 11 and later. Defaults to `never`. | string | NO | iOS | NO |
-| `contentMode?` | string | NO | iOS | NO ||
+| `contentMode?` | Controls the type of content to load. Available on iOS 13 and later. Defaults to `recommended`, which loads mobile content on iPhone & iPad Mini but desktop content on larger iPads. | string | No | iOS |No|
 | `dataDetectorTypes?` | Determines the types of data converted to clickable URLs in the web view's content. By default only phone numbers are detected. | string, or array | NO | ios | NO |
 | `setBuiltInZoomControls?` | Sets whether the WebView should use its built-in zoom mechanisms. The default value is `true`. Setting this to `false` will prevent the use of a pinch gesture to control zooming. | boolean | NO | Android | NO |
 | `setDisplayZoomControls?` | Sets whether the WebView should display on-screen zoom controls when using the built-in zoom mechanisms (see `setBuiltInZoomControls`). The default value is `false`. | boolean | NO | Android | NO |
 | `directionalLockEnabled?` | A Boolean value that determines whether scrolling is disabled in a particular direction. The default value is `true`. | boolean | NO | iOS | NO |
 | `allowFileAccessFromFileURLs?` | Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is `false`. | boolean | NO | iOS, Android, macOS | NO |
-| `allowUniversalAccessFromFileURLs?` | boolean | NO | iOS, Android, macOS | NO |No|
+| `allowUniversalAccessFromFileURLs?` | boolean | NO | No | iOS, Android, macOS |No|
 | `allowingReadAccessToURL` | A String value that indicates which URLs the WebView's file can then reference in scripts, AJAX requests, and CSS imports. This is only used in for WebViews that are loaded with a `source.uri` set to a `'file://'` URL. If not provided, the default is to only allow read access to the URL provided in `source.uri` itself. | string | NO | iOS and macOS | NO |
 | `keyboardDisplayRequiresUserAction?` | If `false`, web content can programmatically display the keyboard. The default value is `true`. | boolean | NO | iOS and macOS | NO |
 | `hideKeyboardAccessoryView?` | If `true`, this will hide the keyboard accessory view (< > and Done). | boolean | NO | iOS | NO |
-| `allowsBackForwardNavigationGestures?` | boolean | NO | iOS and macOS | NO ||
+| `allowsBackForwardNavigationGestures?` | If `true`, this will be able horizontal swipe gestures. The default value is `false`. | boolean | NO | iOS |No|
 | `allowFileAccess?` | If `true`, this will allow access to the file system via `file://` URI's. The default value is `false`. | boolean | NO | Android | NO |
 | `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
 | `pagingEnabled?` | If the value of this property is `true`, the scroll view stops on multiples of the scroll view’s bounds when the user scrolls. The default value is `false`. | boolean | NO | iOS | NO |
 | `allowsLinkPreview?` | A Boolean value that determines whether pressing on a link displays a preview of the destination for the link. In iOS this property is available on devices that support 3D Touch. In iOS 10 and later, the default value is `true`; before that, the default value is `false` | boolean | NO | iOS and macOS | NO |
 | `sharedCookiesEnabled?` | Set `true` if shared cookies from `[NSHTTPCookieStorage sharedHTTPCookieStorage]` should be used for every load request in the WebView. The default value is `false`. For more on cookies, read the [Guide](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#Managing-Cookies) | boolean | NO | iOS and macOS | NO |
-| `limitsNavigationsToAppBoundDomains?` | boolean | NO | iOS | NO |No|
+| `limitsNavigationsToAppBoundDomains?` | If `true` indicates to WebKit that a WKWebView will only navigate to app-bound domains. Only applicable for iOS 14 or greater. | boolean | NO | iOS                 |No|
 | `textInteractionEnabled?` | If false indicates to WebKit that a WKWebView will not interact with text, thus not showing a text selection loop. Only applicable for iOS 14.5 or greater. | boolean | NO | iOS | NO |
 | `suppressMenuItems?` | Allows to suppress menu item from the default context menu. | array of strings | NO | iOS | NO |
-| `mediaCapturePermissionGrantType?` | string | NO | iOS | NO |No|
+| `mediaCapturePermissionGrantType?` | This property specifies how to handle media capture permission requests. Defaults to `prompt`, resulting in the user being prompted repeatedly. Available on iOS 15 and later. | string | NO | iOS |No|
 | `autoManageStatusBarEnabled?` | If set to `true`, the status bar will be automatically hidden/shown by WebView, specifically when full screen video is being watched. If `false`, WebView will not manage the status bar at all. The default value is `true`. | boolean | NO | iOS | NO |
-| `onCustomMenuSelection?` | function | NO | iOS, Android | NO |No|
 | `basicAuthCredential`? | object that specifies the credentials of a user to be used for basic authentication. | object | NO | iOS, Android | NO |
 | `useWebView2?` | Use WinUI WebView2 control instead of WebView control as the native webview. The WebView2 control is a WinUI control that renders web content using the Microsoft Edge (Chromium) rendering engine. Option can be toggled at runtime and supports Fast Refresh. | boolean | NO | Windows | NO |
+| `applicationNameForUserAgent?` | Append to the existing user-agent. Setting `userAgent` will override this. | string | No | All | yes |
+| `thirdPartyCookiesEnabled?` | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. | boolean | No | All | yes |
+
+##  事件回调
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
+| ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
+| `onScroll?: (event) => void`                     | Function that is invoked when the scroll event is fired in the `WebView`. | function | No       | iOS and macOS           | yes               |
+| `onHttpError?: (event) => void`                  | Function that is invoked when the `WebView` receives an http error. | function | No       | yes                     | yes               |
+| `onLoadStart?: (event) => void`                  | Function that is invoked when the `WebView` starts loading.  | function | No       | All                     | yes               |
+| `onLoad?: (event) => void`                       | Function that is invoked when the `WebView` has finished loading. | function | No       | All                     | yes               |
+| `onOpenWindow?`                                  | Function that is invoked when the `WebView` should open a new window. | function | No       | iOS, Android, macOS     | No                |
+| `injectJavaScript?: (script: string) => void`    | Executes the JavaScript string.                              | function | No       | iOS,Android,macOS       | yes               |
+| `onLoadEnd?: (event) => void`                    | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All                     | yes               |
+| `onLoadProgress?: (event) => void`               | Function that is invoked when the WebView is loading.        | function | No       | All                     | yes               |
+| `onMessage?: (event) => void`                    | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,Android,macOS       | yes               |
+| `onShouldStartLoadWithRequest?: (event) => void` | Function that allows custom handling of any web view requests. | function | No       | iOS,Android,macOS       | yes               |
+| `onContentProcessDidTerminate: (event) => void`  | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS and macOS WKWebView | No                |
+| `renderLoading?`                                 | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS     | No                |
+| `onCustomMenuSelection?`                         | Function called when a custom menu item is selected. It receives a Native event, which includes three custom keys: `label`, `key` and `selectedText`. | function | NO       | iOS, Android            | No                |
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `goForward()`                      | Go forward one page in the web view's history.               | function | No       | All      | yes               |
+| `goBack()`                         | Go back one page in the web view's history.                  | function | No       | All      | yes               |
+| `reload()`                         | Reloads the current page.                                    | function | No       | All      | yes               |
+| `stopLoading()`                    | Stop loading the current page.                               | function | No       | All      | yes               |
+| `injectJavaScript(script: string)` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop. | function | No       | All      | yes               |
+| `requestFocus()`                   | Request the webView to ask for focus. (People working on TV apps might want having a look at this!) | function | No       | All      | yes               |
+| `postMessage(data:string)`         | Post a message to WebView, handled by `onMessage`.           | function | No       | All      | yes               |
+| `clearFormData()`                  | Removes the autocomplete popup from the currently focused form field, if present. | function | No       | Android  | No                |
+| `clearCache(status:boolean)`       | Clears the resource cache. Note that the cache is per-application, so this will clear the cache for all WebViews used. | function | No       | All      | yes               |
+| `clearHistory()`                   | Tells this WebView to clear its internal back/forward list.  | function | No       | Android  | yes               |
 
 ## 遗留问题
 
diff --git a/zh-cn/react-native-webviewr(nocodegen).md b/zh-cn/react-native-webviewr(nocodegen).md
index 29938051..6923e145 100644
--- a/zh-cn/react-native-webviewr(nocodegen).md
+++ b/zh-cn/react-native-webviewr(nocodegen).md
@@ -257,19 +257,6 @@ ohpm install
 | `cacheEnabled?`                                          | Sets whether WebView should use browser caching.             | boolean  | No       | iOS,Android,macOS   | yes                                                          |
 | `cacheMode?`                                             | Overrides the way the cache is used.                         | string   | No       | Android             | yes                                                          |
 | `textZoom?`                                              | If the user has set a custom font size in the Android and harmony system, an undesirable scale of the site interface in WebView occurs. | number   | No       | Android             | yes                                                          |
-| `injectJavaScript?: (script: string) => void`            | Executes the JavaScript string.                              | function | No       | iOS,Android,macOS   | yes                                                          |
-| `onLoadEnd?: (event) => void`                            | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All                 | yes                                                          |
-| `onLoadProgress?: (event) => void`                       | Function that is invoked when the WebView is loading. | function | No       | All                 | yes                                                          |
-| `onMessage?: (event) => void`                            | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,Android,macOS   | yes                                                          |
-| `onShouldStartLoadWithRequest?: (event) => void`         | Function that allows custom handling of any web view requests. | function | No       | iOS,Android,macOS   | yes                                                          |
-| `reload?`                                                | Reloads the current page.                                    | function | No       | iOS,Android,macOS   | yes                                                          |
-| `stopLoading?`                                           | Stop loading the current page.                               | function | No       | iOS,Android,macOS   | yes                                                          |
-| `goBack?`: () => void                                    | Go back one page in the web view's history.                  | function | No       | iOS,Android,macOS   | yes                                                          |
-| `goForward?`: () => void                                 | Go forward one page in the web view's history.               | function | No       | iOS,Android,macOS   | yes                                                          |
-| `requestFocus?`: () => void                              | Request the webView to ask for focus.                        | function | No       | iOS,Android,macOS   | yes                                                          |
-| `clearCache?`: (includeDiskFiles: boolean) => void       | Clears the resource cache.                                   | function | No       | iOS,Android,macOS   | yes                                                          |
-| `clearHistory?`: () => void                              | Tells this WebView to clear its internal back/forward list.  | function | No       | Android             | yes                                                          |
-| `loadUrl?`: (url: string) => void                        | Loads a specified URL.                                       | function | No       | -                   | yes                                                          |
 | `incognito?`                                             | Does not store any data within the lifetime of the WebView.  | boolean  | NO       | All                 | yes                                                          |
 | `mediaPlaybackRequiresUserAction?`                       | Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is `true`. (Android API minimum version 17). | boolean | NO       | iOS,Android,macOS   | yes |
 | `geolocationEnabled?`                                    | Set whether Geolocation is enabled in the `WebView`. The default value is `false`. Used only in Android. | boolean | NO       | Android             | yes |
@@ -279,14 +266,10 @@ ohpm install
 | `minimumFontSize?`                                       | Android enforces a minimum font size based on this value. A non-negative integer between 1 and 72. Any number outside the specified range will be pinned. Default value is 8. If you are using smaller font sizes and are having trouble fitting the whole window onto one screen, try setting this to a smaller value. | number | No       | Android             | yes |
 | `forceDarkOn?`                                           | Configuring Dark Theme | boolean | No       | Android             | yes |
 | `injectedJavaScriptBeforeContentLoaded?`                 | Set this to provide JavaScript that will be injected into the web page after the document element is created, but before other subresources finish loading. | string | No       | iOS,Android,macOS   | yes |
-| `clearFormData`                                          | (Androidonly)Removes the autocomplete popup from the currently focused form field, if present. [developer.Android.com reference](https://developer.Android.com/reference/Android/webkit/WebView.html#clearFormData()) | function | No       | Android             | No |
 | `automaticallyAdjustContentInsets?`                      | Controls whether to adjust the content inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value is `true` | boolean | No       | iOS                 | No |
 | `automaticallyAdjustsScrollIndicatorInsets?`             | Controls whether to adjust the scroll indicator inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value `false`. (iOS 13+) | boolean | No       | iOS                 | No |
 | `injectedJavaScriptBeforeContentLoadedForMainFrameOnly?` | If `true` (default; mandatory for Android), loads the `injectedJavaScriptBeforeContentLoaded` only into the main frame. | boolean | No       | iOS                 | No |
 | `nativeConfig?`                                          | Override the native component used to render the WebView. Enables a custom native WebView which uses the same JavaScript as the original WebView. | object | No       | iOS, Android, macOS | No |
-| `onOpenWindow?`                                          | Function that is invoked when the `WebView` should open a new window. | function | No       | iOS, Android, macOS | No |
-| `onContentProcessDidTerminate?`                          | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS, Android, macOS | No |
-| `renderLoading?`                                         | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS | No |
 | `decelerationRate?`                                      | A floating-point number that determines how quickly the scroll view decelerates after the user lifts their finger. You may also use the string shortcuts `"normal"` and `"fast"` which match the underlying iOS | number | No       | iOS                 | No |
 | `javaScriptCanOpenWindowsAutomatically?`                 | A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is `false`. | boolean | No       | iOS, Android, macOS | No |
 | `AndroidLayerType?`                                      | Specifies the layer type. | string | No       | Android             | No |
@@ -296,30 +279,71 @@ ohpm install
 | `allowsAirPlayForMediaPlayback?` | A Boolean value indicating whether AirPlay is allowed. The default value is `false`. | boolean | NO | iOS and macOS | NO |
 | `contentInset?` | The amount by which the web view content is inset from the edges of the scroll view. Defaults to {top: 0, left: 0, bottom: 0, right: 0}. | object | NO | iOS | NO |
 | `contentInsetAdjustmentBehavior?` | This property specifies how the safe area insets are used to modify the content area of the scroll view. The default value of this property is "never". Available on iOS 11 and later. Defaults to `never`. | string | NO | iOS | NO |
-| `contentMode?` | string | NO | iOS | NO |NO|
+| `contentMode?` | Controls the type of content to load. Available on iOS 13 and later. Defaults to `recommended`, which loads mobile content on iPhone & iPad Mini but desktop content on larger iPads. | string | No | iOS |NO|
 | `dataDetectorTypes?` | Determines the types of data converted to clickable URLs in the web view's content. By default only phone numbers are detected. | string, or array | NO | ios | NO |
 | `setBuiltInZoomControls?` | Sets whether the WebView should use its built-in zoom mechanisms. The default value is `true`. Setting this to `false` will prevent the use of a pinch gesture to control zooming. | boolean | NO | Android | NO |
 | `setDisplayZoomControls?` | Sets whether the WebView should display on-screen zoom controls when using the built-in zoom mechanisms (see `setBuiltInZoomControls`). The default value is `false`. | boolean | NO | Android | NO |
 | `directionalLockEnabled?` | A Boolean value that determines whether scrolling is disabled in a particular direction. The default value is `true`. | boolean | NO | iOS | NO |
 | `allowFileAccessFromFileURLs?` | Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is `false`. | boolean | NO | iOS, Android, macOS | NO |
-| `allowUniversalAccessFromFileURLs?` | boolean | NO | iOS, Android, macOS | NO |NO|
+| `allowUniversalAccessFromFileURLs?` | boolean | NO | No | iOS, Android, macOS |No|
 | `allowingReadAccessToURL` | A String value that indicates which URLs the WebView's file can then reference in scripts, AJAX requests, and CSS imports. This is only used in for WebViews that are loaded with a `source.uri` set to a `'file://'` URL. If not provided, the default is to only allow read access to the URL provided in `source.uri` itself. | string | NO | iOS and macOS | NO |
 | `keyboardDisplayRequiresUserAction?` | If `false`, web content can programmatically display the keyboard. The default value is `true`. | boolean | NO | iOS and macOS | NO |
 | `hideKeyboardAccessoryView?` | If `true`, this will hide the keyboard accessory view (< > and Done). | boolean | NO | iOS | NO |
-| `allowsBackForwardNavigationGestures?` | boolean | NO | iOS and macOS | NO |NO|
+| `allowsBackForwardNavigationGestures?` | If `true`, this will be able horizontal swipe gestures. The default value is `false`. | boolean | NO | iOS |No|
 | `allowFileAccess?` | If `true`, this will allow access to the file system via `file://` URI's. The default value is `false`. | boolean | NO | Android | NO |
 | `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
 | `pagingEnabled?` | If the value of this property is `true`, the scroll view stops on multiples of the scroll view’s bounds when the user scrolls. The default value is `false`. | boolean | NO | iOS | NO |
 | `allowsLinkPreview?` | A Boolean value that determines whether pressing on a link displays a preview of the destination for the link. In iOS this property is available on devices that support 3D Touch. In iOS 10 and later, the default value is `true`; before that, the default value is `false` | boolean | NO | iOS and macOS | NO |
 | `sharedCookiesEnabled?` | Set `true` if shared cookies from `[NSHTTPCookieStorage sharedHTTPCookieStorage]` should be used for every load request in the WebView. The default value is `false`. For more on cookies, read the [Guide](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#Managing-Cookies) | boolean | NO | iOS and macOS | NO |
-| `limitsNavigationsToAppBoundDomains?` | boolean | NO | iOS | NO |NO|
+| `limitsNavigationsToAppBoundDomains?` | If `true` indicates to WebKit that a WKWebView will only navigate to app-bound domains. Only applicable for iOS 14 or greater. | boolean | NO | iOS                 |No|
 | `textInteractionEnabled?` | If false indicates to WebKit that a WKWebView will not interact with text, thus not showing a text selection loop. Only applicable for iOS 14.5 or greater. | boolean | NO | iOS | NO |
 | `suppressMenuItems?` | Allows to suppress menu item from the default context menu. | array of strings | NO | iOS | NO |
-| `mediaCapturePermissionGrantType?` | string | NO | iOS | NO |NO|
+| `mediaCapturePermissionGrantType?` | This property specifies how to handle media capture permission requests. Defaults to `prompt`, resulting in the user being prompted repeatedly. Available on iOS 15 and later. | string | NO | iOS |No|
 | `autoManageStatusBarEnabled?` | If set to `true`, the status bar will be automatically hidden/shown by WebView, specifically when full screen video is being watched. If `false`, WebView will not manage the status bar at all. The default value is `true`. | boolean | NO | iOS | NO |
-| `onCustomMenuSelection?` | function | NO | iOS, Android | NO |NO|
 | `basicAuthCredential`? | object that specifies the credentials of a user to be used for basic authentication. | object | NO | iOS, Android | NO |
 | `useWebView2?` | Use WinUI WebView2 control instead of WebView control as the native webview. The WebView2 control is a WinUI control that renders web content using the Microsoft Edge (Chromium) rendering engine. Option can be toggled at runtime and supports Fast Refresh. | boolean | NO | Windows | NO |
+| `applicationNameForUserAgent?` | Append to the existing user-agent. Setting `userAgent` will override this. | string | No | All | yes |
+| `thirdPartyCookiesEnabled?` | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. | boolean | No | All | yes |
+
+##  事件回调
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
+| ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
+| `onScroll?: (event) => void`                     | Function that is invoked when the scroll event is fired in the `WebView`. | function | No       | iOS and macOS           | yes               |
+| `onHttpError?: (event) => void`                  | Function that is invoked when the `WebView` receives an http error. | function | No       | yes                     | yes               |
+| `onLoadStart?: (event) => void`                  | Function that is invoked when the `WebView` starts loading.  | function | No       | All                     | yes               |
+| `onLoad?: (event) => void`                       | Function that is invoked when the `WebView` has finished loading. | function | No       | All                     | yes               |
+| `onOpenWindow?`                                  | Function that is invoked when the `WebView` should open a new window. | function | No       | iOS, Android, macOS     | No                |
+| `injectJavaScript?: (script: string) => void`    | Executes the JavaScript string.                              | function | No       | iOS,Android,macOS       | yes               |
+| `onLoadEnd?: (event) => void`                    | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All                     | yes               |
+| `onLoadProgress?: (event) => void`               | Function that is invoked when the WebView is loading.        | function | No       | All                     | yes               |
+| `onMessage?: (event) => void`                    | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,Android,macOS       | yes               |
+| `onShouldStartLoadWithRequest?: (event) => void` | Function that allows custom handling of any web view requests. | function | No       | iOS,Android,macOS       | yes               |
+| `onContentProcessDidTerminate: (event) => void`  | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS and macOS WKWebView | No                |
+| `renderLoading?`                                 | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS     | No                |
+| `onCustomMenuSelection?`                         | Function called when a custom menu item is selected. It receives a Native event, which includes three custom keys: `label`, `key` and `selectedText`. | function | NO       | iOS, Android            | No                |
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `goForward()`                      | Go forward one page in the web view's history.               | function | No       | All      | yes               |
+| `goBack()`                         | Go back one page in the web view's history.                  | function | No       | All      | yes               |
+| `reload()`                         | Reloads the current page.                                    | function | No       | All      | yes               |
+| `stopLoading()`                    | Stop loading the current page.                               | function | No       | All      | yes               |
+| `injectJavaScript(script: string)` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop. | function | No       | All      | yes               |
+| `requestFocus()`                   | Request the webView to ask for focus. (People working on TV apps might want having a look at this!) | function | No       | All      | yes               |
+| `postMessage(data:string)`         | Post a message to WebView, handled by `onMessage`.           | function | No       | All      | yes               |
+| `clearFormData()`                  | Removes the autocomplete popup from the currently focused form field, if present. | function | No       | Android  | No                |
+| `clearCache(status:boolean)`       | Clears the resource cache. Note that the cache is per-application, so this will clear the cache for all WebViews used. | function | No       | All      | yes               |
+| `clearHistory()`                   | Tells this WebView to clear its internal back/forward list.  | function | No       | Android  | yes               |
 
 ## 遗留问题
 

From a4d4b349579d7ed011f6836fc9a65567e62173da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Mon, 30 Sep 2024 02:23:21 +0000
Subject: [PATCH 625/966] =?UTF-8?q?!1615=20docs:=20[Issues:=20#IAUNFG]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-netinfo=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUNFG]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-community-netinfo=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-netinfo.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index f8148f1e..9b57277b 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -232,7 +232,7 @@ ohpm install
 |-------------|------------------------------------------------------------|--------|----------|-------------|-------------------|
 | `none`      | No network connection is active                            | String | no       | iOS Android | yes               |
 | `unknown`   | The network state could not or has yet to be be determined | String | no       | iOS Android | yes               |
-| `cellular`  | Active network over cellular                               | String | no       | iOS Android | no                |
+| `cellular`  | Active network over cellular                               | String | no       | iOS Android | yes               |
 | `wifi`      | Active network over Wifi                                   | String | no       | iOS Android | yes               |
 | `bluetooth` | Active network over Bluetooth                              | String | no       | Android     | no                |
 | `ethernet`  | Active network over wired ethernet                         | String | no       | iOS Android | yes               |

From 8ff349202520c5259c5b557e1d8b0f2e24c50597 Mon Sep 17 00:00:00 2001
From: wuleilei <wuleilei2@h-partners.com>
Date: Mon, 30 Sep 2024 06:18:21 +0000
Subject: [PATCH 626/966] =?UTF-8?q?!1259=20docs:=20[Issues:=20#IAH2A1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-splash-screen=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAH2A1]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-splash-screen=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-splash-screen.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md
index 9ee343b1..9c20a535 100644
--- a/zh-cn/react-native-splash-screen.md
+++ b/zh-cn/react-native-splash-screen.md
@@ -77,7 +77,7 @@ import { SplashScreen } from '@react-native-oh-tpl/react-native-splash-screen/sr
 
 export default class EntryAbility extends RNAbility {
   onWindowStageCreate(windowStage: window.WindowStage): void {
-    let startWindowIcon = $r('app.media.splashIcon'); // 启动页图片
+    let startWindowIcon = $r('app.media.splashIcon'); // 启动页图片（用户改成自己 App 的启动图片，一般在 entry/src/main/resources/base/media 文件夹中）
     let startWindowBackground = "#FFFFFF"; // 启动页背景色
     let startPageUrl = 'pages/SplashScreenPage'; // 启动页
     SplashScreen.show(this.context, windowStage, startWindowIcon, startWindowBackground, startPageUrl).then(() => {

From ad96ecfccafd7eef1a5fc97db60e2304f2d1318e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Mon, 30 Sep 2024 06:26:50 +0000
Subject: [PATCH 627/966] =?UTF-8?q?!1617=20docs:=20[Issues:=20#IAUPHZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-netinfo=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUPHZ]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-community-netinfo=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-netinfo.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index 9b57277b..ea29d95e 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -145,7 +145,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE}/@react-native-oh-tpl/netinfo/src/main/cpp" ./netinfo)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/netinfo/src/main/cpp" ./netinfo)
 # RNOH_END: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")

From 476290a9c17f00829b8dd18d8a7e8a83a94111b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=81=E5=8D=AB=E4=BA=AE?= <feng049@126.com>
Date: Mon, 30 Sep 2024 06:27:18 +0000
Subject: [PATCH 628/966] =?UTF-8?q?!1613=20docs:=20[Issuse:=20#IAUHD2]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-maps=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUHD2]=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-maps=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-maps.md | 62 ++++++++++++++++++++------------------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index 665f5a13..293a28c2 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -557,21 +557,21 @@ ohpm install
 | paddingAdjustmentBehavior       | Indicates how/when to affect padding with safe area insets (`GoogleMaps` in iOS only)                                                                                                                                                                                                            | 'always' \ 'automatic' \ 'never'        | 'never'    | no       | ios/android | no                |
 | liteMode                        | Enable [lite mode](https://developers.google.com/maps/documentation/android-sdk/lite#overview_of_lite_mode). **Note**: Android only.                                                                                                                                                             | Boolean                                 | false      | no       | android     | no                |
 | mapType                         | The map type to be displayed.                                                                                                                                                                                                                                                                    | String                                  | "standard" |          | ios/android | partially         |
-| customMapStyle                  | Adds custom styling to the map component.                                                                                                                                                                                                                                                        | Array                                   |            | no       | ios/android | no                |
-| userInterfaceStyle              | Sets the map to the style selected. Default is whatever the system settings is. **Note:** iOS Maps only (aka MapKit).                                                                                                                                                                            | 'light'/'dark'                          |            | no       | ios/android | no                |
+| customMapStyle                  | Adds custom styling to the map component.                                                                                                                                                                                                                                                        | Array                                   |            | no       | ios/android | yes               |
+| userInterfaceStyle              | Sets the map to the style selected. Default is whatever the system settings is. **Note:** iOS Maps only (aka MapKit).                                                                                                                                                                            | 'light'/'dark'                          |            | no       | ios/android | yes               |
 | showsUserLocation               | If `true` the users location will be shown on the map. **NOTE**: You need runtime location permissions prior to setting this to true, otherwise it is going to _fail silently_! Checkout the excellent [react-native-permissions](https://github.com/zoontek/react-native-permissions) for this. | Boolean                                 | false      | no       | ios/android | yes               |
 | userLocationPriority            | Set power priority of user location tracking. See [Google APIs documentation](https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest.html). **Note:** Android only.                                                                                     | 'balanced' / 'high' / 'low' / 'passive' | 'high'     | no       | android     | no                |
 | userLocationUpdateInterval      | Interval of user location updates in milliseconds. See [Google APIs documentation](https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest.html). **Note:** Android only.                                                                                | Number                                  | 5000       | no       | android     | no                |
 | userLocationFastestInterval     | Fastest interval the application will actively acquire locations. See [Google APIs documentation](https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest.html). **Note:** Android only.                                                                 | Number                                  | 5000       | no       | android     | no                |
 | userLocationAnnotationTitle     | The title of the annotation for current user location. This only works if `showsUserLocation` is true. There is a default value `My Location` set by MapView. **Note**: iOS only.                                                                                                                | String                                  |            | no       | ios         | no                |
-| followsUserLocation             | If `true` the map will focus on the user's location. This only works if `showsUserLocation` is true and the user has shared their location. **Note**: Apple Maps only.                                                                                                                           | Boolean                                 | false      | no       | ios         | no                |
+| followsUserLocation             | If `true` the map will focus on the user's location. This only works if `showsUserLocation` is true and the user has shared their location. **Note**: Apple Maps only.                                                                                                                           | Boolean                                 | false      | no       | ios         | yes               |
 | userLocationCalloutEnabled      | If `true` clicking user location will show the default callout for userLocation annotation. **Note**: Apple Maps only.                                                                                                                                                                           | Boolean                                 | false      | no       | ios         | no                |
 | showsMyLocationButton           | If `false` hide the button to move map to the current user's location.                                                                                                                                                                                                                           | Boolean                                 | true       | no       | ios/android | yes               |
 | showsPointsOfInterest           | If `false` points of interest won't be displayed on the map. **Note**: Apple Maps only.                                                                                                                                                                                                          | Boolean                                 | true       | no       | ios         | no                |
 | showsCompass                    | If `false` compass won't be displayed on the map.                                                                                                                                                                                                                                                | Boolean                                 | true       | no       | ios/android | yes               |
-| showsScale                      | A Boolean indicating whether the map shows scale information. **Note**: Apple Maps only.                                                                                                                                                                                                         | Boolean                                 | true       | no       | ios         | no                |
-| showsBuildings                  | A Boolean indicating whether the map displays extruded building information.                                                                                                                                                                                                                     | Boolean                                 | true       | no       | ios/android | no                |
-| showsTraffic                    | A Boolean value indicating whether the map displays traffic information.                                                                                                                                                                                                                         | Boolean                                 | false      | no       | ios/android | no                |
+| showsScale                      | A Boolean indicating whether the map shows scale information. **Note**: Apple Maps only.                                                                                                                                                                                                         | Boolean                                 | true       | no       | ios         | yes               |
+| showsBuildings                  | A Boolean indicating whether the map displays extruded building information.                                                                                                                                                                                                                     | Boolean                                 | true       | no       | ios/android | yes               |
+| showsTraffic                    | A Boolean value indicating whether the map displays traffic information.                                                                                                                                                                                                                         | Boolean                                 | false      | no       | ios/android | yes               |
 | showsIndoors                    | A Boolean indicating whether indoor maps should be enabled.                                                                                                                                                                                                                                      | Boolean                                 | true       | no       | ios/android | no                |
 | showsIndoorLevelPicker          | A Boolean indicating whether indoor level picker should be enabled. **Note:** Google Maps only (either Android or iOS with `PROVIDER_GOOGLE`).                                                                                                                                                   | Boolean                                 | false      | no       | ios/android | no                |
 | zoomEnabled                     | If `false` the user won't be able to pinch/zoom the map.                                                                                                                                                                                                                                         | Boolean                                 | true       | no       | ios/android | yes               |
@@ -582,17 +582,17 @@ ohpm install
 | rotateEnabled                   | If `false` the user won't be able to pinch/rotate the map.                                                                                                                                                                                                                                       | Boolean                                 | true       | no       | ios/android | yes               |
 | scrollEnabled                   | If `false` the user won't be able to adjust the camera’s pitch angle.                                                                                                                                                                                                                            | Boolean                                 | true       | no       | ios/android | yes               |
 | scrollDuringRotateOrZoomEnabled | If `false` the map will stay centered while rotating or zooming. **Note:** Google Maps only                                                                                                                                                                                                      | Boolean                                 | true       | no       | ios/android | no                |
-| pitchEnabled                    | If `false` the user won't be able to adjust the camera’s pitch angle.                                                                                                                                                                                                                            | Boolean                                 | true       | no       | ios/android | no                |
+| pitchEnabled                    | If `false` the user won't be able to adjust the camera’s pitch angle. | Boolean                                 | true       | no       | ios/android | yes               |
 | toolbarEnabled                  | `Android only` If `false` will hide 'Navigate' and 'Open in Maps' buttons on marker press. If you enable the toolbar, make sure to [edit your AndroidManifest.xml](https://github.com/react-native-maps/react-native-maps/issues/4403#issuecomment-1219856534)                                   | Boolean                                 | true       | no       | android     | no                |
 | cacheEnabled                    | If `true` map will be cached and displayed as an image instead of being interactable, for performance usage. **Note:** Apple Maps only                                                                                                                                                           | Boolean                                 | false      | no       | ios         | no                |
-| loadingEnabled                  | If `true` a loading indicator will show while the map is loading.                                                                                                                                                                                                                                | Boolean                                 | false      | no       | ios/android | no                |
-| loadingIndicatorColor           | Sets loading indicator color, default to `#606060`.                                                                                                                                                                                                                                              | Color                                   | \#606060   | no       | ios/android | no                |
+| loadingEnabled                  | If `true` a loading indicator will show while the map is loading.                                                                                                                                                                                                                                | Boolean                                 | false      | no       | ios/android | yes               |
+| loadingIndicatorColor           | Sets loading indicator color, default to `#606060`.                                                                                                                                                                                                                                              | Color                                   | \#606060   | no       | ios/android | yes               |
 | loadingBackgroundColor          | Sets loading background color, default to `#FFFFFF`.                                                                                                                                                                                                                                             | Color                                   | \#FFFFFF   | no       | ios/android | yes               |
 | tintColor                       | Sets the tint color of the map. (Changes the color of the position indicator) Defaults to system blue. **Note:** iOS (Apple maps) only.                                                                                                                                                          | Color                                   |            | no       | ios         | no                |
 | moveOnMarkerPress               | `Android only` If `false` the map won't move when a marker is pressed.                                                                                                                                                                                                                           | Boolean                                 | true       | no       | android     | no                |
 | legalLabelInsets                | If set, changes the position of the "Legal" label link from the OS default. **Note:** iOS only.                                                                                                                                                                                                  | EdgeInsets                              |            | no       | ios         | no                |
 | kmlSrc                          | The URL from KML file. **Note:** Google Maps and Markers only (either Android or iOS with `PROVIDER_GOOGLE`).                                                                                                                                                                                    | String                                  |            | no       | ios/android | no                |
-| compassOffset                   | If set, changes the position of the compass. **Note:** iOS Maps only.                                                                                                                                                                                                                            | Point                                   |            | no       | ios         | no                |
+| compassOffset                   | If set, changes the position of the compass. **Note:** iOS Maps only.                                                                                                                                                                                                                            | Point                                   |            | no       | ios         | yes               |
 | isAccessibilityElement          | Determines whether the MapView captures VoiceOver touches or forwards them to children. When `true`, map markers are not visible to VoiceOver. **Note:** iOS Maps only.                                                                                                                          | Boolean                                 | false      | no       | ios         | no                |
 | cameraZoomRange                 | Map camera distance limits. `minCenterCoordinateDistance` for minimum distance, `maxCenterCoordinateDistance` for maximum, `animated` for animated zoom range changes. Takes precedence if conflicting with `minZoomLevel`, `maxZoomLevel`. **Note**: iOS 13.0+ only.                            | cameraZoomRange                         |            | no       | ios         | no                |
 
@@ -612,7 +612,7 @@ ohpm install
 | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ----------- | ----------------- |
 | getCamera                 | Returns a `Promise<Camera>` structure indicating the current camera configuration.                                                                                |                                                                                      | ios/android | yes               |
 | animateCamera             | Animate the camera to a new view. You can pass a partial camera object here; any property not given will remain unmodified.                                       | camera: Camera`, `{ duration: Number }                                               | ios/android | yes               |
-| setCamera                 | Like `animateCamera`, but sets the new view instantly, without an animation.                                                                                      | camera: Camera`, `{ duration: Number }                                               | ios/android | yes               |
+| setCamera                 | Like `animateCamera`, but sets the new view instantly, without an animation.                                                                                      | camera: Camera                                                                       | ios/android | yes               |
 | animateToRegion           | Like `animateCamera`                                                                                                                                              | region: Region`, `duration: Number                                                   | ios/android | yes               |
 | getMapBoundaries          | Promise<{northEast: LatLng, southWest: LatLng}>                                                                                                                   |                                                                                      | ios/android | yes               |
 | setMapBoundaries          | The boundary is defined by the map's center coordinates, not the device's viewport itself. **Note:** Google Maps only.                                            | northEast: LatLng`, `southWest: LatLng                                               | ios/android | yes               |
@@ -639,9 +639,9 @@ ohpm install
 | title                   | The title of the marker. This is only used if the component has no children that are a `<Callout />`, in which case the default callout behavior will be used, which will show both the `title` and the `description`, if provided.                                                                                                                                      | String          |          | no       | ios/android | yes               |
 | description             | The description of the marker. This is only used if the component has no children that are a `<Callout />`, in which case the default callout behavior will be used, which will show both the `title` and the `description`, if provided.                                                                                                                                | String          |          | no       | ios/android | yes               |
 | image                   | A custom image to be used as the marker's icon. Only local image resources are allowed to be used.                                                                                                                                                                                                                                                                       | `ImageSource`\* |          | no       | ios/android | yes               |
-| icon                    | Marker icon to render (equivalent to `icon` property of GMSMarker Class). Only local image resources are allowed to be used. **Note:** Google maps only!                                                                                                                                                                                                                 | `ImageSource`\* |          | no       | ios/android | yes               |
+| icon                    | Marker icon to render (equivalent to `icon` property of GMSMarker Class). Only local image resources are allowed to be used. **Note:** Google maps only!                                                                                                                                                                                                                 | `ImageSource`\* |          | no       | ios/android | no                |
 | pinColor                | If no custom marker view or custom image is provided, the platform default pin will be used, which can be customized by this color. Ignored if a custom marker is being used.                                                                                                                                                                                            | Color           |          | no       | ios/android | no                |
-| coordinate              | The coordinate for the marker.                                                                                                                                                                                                                                                                                                                                           | LatLng          |          | no       | ios/android | yes               |
+| coordinate              | The coordinate for the marker.                                                                                                                                                                                                                                                                                                                                           | LatLng          |          | yes      | ios/android | yes               |
 | centerOffset            | The offset (in points) at which to display the view.                                                                                                                                                                                                                                                                                                                     | Point           | (0, 0)   | no       | ios/android | no                |
 | calloutOffset           | The offset (in points) at which to place the callout bubble.                                                                                                                                                                                                                                                                                                             | Point           | (0, 0)   | no       | ios/android | no                |
 | anchor                  | Sets the anchor point for the marker.                                                                                                                                                                                                                                                                                                                                    | Point           | (0.5, 1) | no       | ios/android | yes               |
@@ -649,7 +649,7 @@ ohpm install
 | flat                    | Sets whether this marker should be flat against the map true or a billboard facing the camera.                                                                                                                                                                                                                                                                           | Boolean         | false    | no       | ios/android | yes               |
 | identifier              | An identifier used to reference this marker at a later date.                                                                                                                                                                                                                                                                                                             | String          |          | no       | ios/android | no                |
 | rotation                | A float number indicating marker's rotation angle, in degrees.                                                                                                                                                                                                                                                                                                           | Float           | 0        | no       | ios/android | yes               |
-| draggable               | This is a non-value based prop. Adding this allows the marker to be draggable (re-positioned).                                                                                                                                                                                                                                                                           | <null>          |          | no       | ios/android | yes               |
+| draggable               | This is a non-value based prop. Adding this allows the marker to be draggable (re-positioned).                                                                                                                                                                                                                                                                           | Boolean         | false    | no       | ios/android | yes               |
 | tappable                | Sets whether marker should be tappable. If set to false, the marker will not have onPress events. **Note**: iOS Google Maps only.                                                                                                                                                                                                                                        | Boolean         | true     | no       | ios/android | yes               |
 | tracksViewChanges       | Sets whether this marker should track changes to child views. When using a child view to create a custom marker this option determines if changes to the content will be tracked after the first render pass. This option has a performance impact so when possible it's recommended to disable it and explictly call the `redraw` method if the marker content changes. | Boolean         | true     | no       | ios/android | no                |
 | tracksInfoWindowChanges | Sets whether this marker should track view changes in info window. Enabling it will let marker change content of info window after first render pass, but will lead to decreased performance, so it's recommended to disable it whenever you don't need it. **Note**: iOS Google Maps only.                                                                              | Boolean         | false    | no       | ios/android | no                |
@@ -671,7 +671,7 @@ ohpm install
 | showCallout               | Shows the callout for this marker                                                                                                      |           | ios/android | yes               |
 | hideCallout               | Hides the callout for this marker                                                                                                      |           | ios/android | yes               |
 | redrawCallout             | Causes a redraw of the marker's callout. Useful for Google Maps on iOS. **Note**: iOS only.                                            |           | ios         | no                |
-| animateMarkerToCoordinate | Animates marker movement. **Note**: Android only                                                                                       |           | android     | no                |
+| animateMarkerToCoordinate | Animates marker movement. **Note**: Android only                                                                                       |           | android     | yes               |
 | redraw                    | Causes a redraw of the marker. Useful when there are updates to the marker and `tracksViewChanges` comes with a cost that is too high. |           | ios/android | yes               |
 
 ## Polyline
@@ -689,7 +689,7 @@ ohpm install
 | strokeColor     | The stroke color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | String        | #000, rgba(r,g,b,0.5) | no       | ios/android | yes               |
 | strokeColors    | The stroke colors to use for the path (iOS only). Must be the same length as `coordinates`.                                                                                                                                                                                                                                                                                                                                                                                       | Array<String> |                       | no       | ios/android | yes               |
 | lineCap         | The line cap style to apply to the open ends of the path. Possible values are `butt`, `round` or `square`. Note: lineCap is not yet supported for GoogleMaps provider on iOS.                                                                                                                                                                                                                                                                                                     | String        | round                 | no       | ios/android | yes               |
-| lineJoin        | The line join style to apply to corners of the path. Possible values are `miter`, `round` or `bevel`.                                                                                                                                                                                                                                                                                                                                                                             | String        | round                 | no       | ios/android | partially         |
+| lineJoin        | The line join style to apply to corners of the path. Possible values are `miter`, `round` or `bevel`.                                                                                                                                                                                                                                                                                                                                                                             | String        | round                 | no       | ios/android | yes               |
 | miterLimit      | The limiting value that helps avoid spikes at junctions between connected line segments. The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If the ratio of the miter length—that is, the diagonal length of the miter join—to the line thickness exceeds the miter limit, the joint is converted to a bevel join. The default miter limit is 10, which results in the conversion of miters whose angle at the joint is less than 11 degrees. | Number        |                       | no       | ios/android | no                |
 | geodesic        | Boolean to indicate whether to draw each segment of the line as a geodesic as opposed to straight lines on the Mercator projection. A geodesic is the shortest path between two points on the Earth's surface. The geodesic curve is constructed assuming the Earth is a sphere.                                                                                                                                                                                                  | Boolean       |                       | no       | ios/android | yes               |
 | lineDashPhase   | (iOS only) The offset (in points) at which to start drawing the dash pattern. Use this property to start drawing a dashed line partway through a segment or gap. For example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the middle of the first gap.                                                                                                                                                                                              | Number        | 0                     | no       | ios/android | no                |
@@ -716,7 +716,7 @@ ohpm install
 | strokeColor     | The stroke color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | String               | #000`, `rgba(r,g,b,0.5) | no       | ios/android | yes               |
 | fillColor       | The fill color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                               | String               | #000`, `rgba(r,g,b,0.5) | no       | ios/android | yes               |
 | lineCap         | The line cap style to apply to the open ends of the path. Possible values are `butt`, `round` or `square`. Note: lineCap is not yet supported for GoogleMaps provider on iOS.                                                                                                                                                                                                                                                                                                     | String               | round                   | no       | ios/android | no                |
-| lineJoin        | The line join style to apply to corners of the path. Possible values are `miter`, `round` or `bevel`.                                                                                                                                                                                                                                                                                                                                                                             | String               | round                   | no       | ios/android | partially         |
+| lineJoin        | The line join style to apply to corners of the path. Possible values are `miter`, `round` or `bevel`.                                                                                                                                                                                                                                                                                                                                                                             | String               | round                   | no       | ios/android | yes               |
 | miterLimit      | The limiting value that helps avoid spikes at junctions between connected line segments. The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If the ratio of the miter length—that is, the diagonal length of the miter join—to the line thickness exceeds the miter limit, the joint is converted to a bevel join. The default miter limit is 10, which results in the conversion of miters whose angle at the joint is less than 11 degrees. | Number               |                         | no       | ios/android | no                |
 | geodesic        | Boolean to indicate whether to draw each segment of the line as a geodesic as opposed to straight lines on the Mercator projection. A geodesic is the shortest path between two points on the Earth's surface. The geodesic curve is constructed assuming the Earth is a sphere.                                                                                                                                                                                                  | Boolean              |                         | no       | ios/android | yes               |
 | lineDashPhase   | (iOS only) The offset (in points) at which to start drawing the dash pattern. Use this property to start drawing a dashed line partway through a segment or gap. For example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the middle of the first gap.                                                                                                                                                                                              | Number               | 0                       | no       | ios/android | no                |
@@ -743,10 +743,10 @@ ohpm install
 | strokeWidth     | The stroke width to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | Number        | 1                       | no       | ios/android | yes               |
 | strokeColor     | The stroke color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | String        | #000`, `rgba(r,g,b,0.5) | no       | ios/android | yes               |
 | fillColor       | The fill color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                               | String        | #000`, `rgba(r,g,b,0.5) | no       | ios/android | yes               |
-| zIndex          | The order in which this tile overlay is drawn with respect to other overlays. An overlay with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays with the same z-index is arbitrary. The default zIndex is 0. (Android Only)                                                                                                                                                                                                                   | Number        |                         | no       | ios/android | yes               |
+| zIndex          | The order in which this tile overlay is drawn with respect to other overlays. An overlay with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays with the same z-index is arbitrary. The default zIndex is 0. (Android Only)                                                                                                                                                                                                                   | Number        | 0                       | no       | ios/android | yes               |
 | lineCap         | The line cap style to apply to the open ends of the path. Other values : `butt`, `square`                                                                                                                                                                                                                                                                                                                                                                                         | String        | round                   | no       | ios/android | no                |
 | lineJoin        | The line join style to apply to corners of the path. possible value: `miter`, `round`, `bevel`                                                                                                                                                                                                                                                                                                                                                                                    | String        |                         | no       | ios/android | no                |
-| miterLimit      | The limiting value that helps avoid spikes at junctions between connected line segments. The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If the ratio of the miter length—that is, the diagonal length of the miter join—to the line thickness exceeds the miter limit, the joint is converted to a bevel join. The default miter limit is 10, which results in the conversion of miters whose angle at the joint is less than 11 degrees. | Number        |                         | no       | ios/android | no                |
+| miterLimit      | The limiting value that helps avoid spikes at junctions between connected line segments. The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If the ratio of the miter length—that is, the diagonal length of the miter join—to the line thickness exceeds the miter limit, the joint is converted to a bevel join. The default miter limit is 10, which results in the conversion of miters whose angle at the joint is less than 11 degrees. | Number        | 10                      | no       | ios/android | no                |
 | lineDashPhase   | (iOS only) The offset (in points) at which to start drawing the dash pattern. Use this property to start drawing a dashed line partway through a segment or gap. For example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the middle of the first gap.                                                                                                                                                                                              | Number        | 0                       | no       | ios/android | no                |
 | lineDashPattern | (iOS only) An array of numbers specifying the dash pattern to use for the path. The array contains one or more numbers that indicate the lengths (measured in points) of the line segments and gaps in the pattern. The values in the array alternate, starting with the first line segment length, followed by the first gap length, followed by the second line segment length, and so on.                                                                                      | Array<Number> |                         | no       | ios/android | yes               |
 
@@ -760,11 +760,11 @@ ohpm install
 
 | Name     | Description                                                                                                                                      | Type          | Default | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | ------- | -------- | ----------- | ----------------- |
-| image    | A custom image to be used as the overlay. Only required local image resources and uri (as for images located in the net) are allowed to be used. | ImageSource   |         | no       | ios/android | no                |
-| bounds   | The coordinates for the image (bottom-left corner, top-right corner). ie.`[[lat, long], [lat, long]]`                                            | Array<LatLng> |         | no       | ios/android | no                |
-| bearing  | `Google Maps API only` The bearing in degrees clockwise from north. Values outside the range [0, 360) will be normalized.                        | Number        | 0       | no       | ios/android | no                |
-| tappable | `Android only` Boolean to allow an overlay to be tappable and use the onPress function.                                                          | Bool          | false   | no       | ios/android | no                |
-| opacity  | `Google maps only` The opacity of the overlay.                                                                                                   | Number        | 1.0     | no       | ios/android | no                |
+| image    | A custom image to be used as the overlay. Only required local image resources and uri (as for images located in the net) are allowed to be used. | ImageSource   |         | yes      | ios/android | yes               |
+| bounds   | The coordinates for the image (bottom-left corner, top-right corner). ie.`[[lat, long], [lat, long]]`                                            | Array<LatLng> |         | yes      | ios/android | yes               |
+| bearing  | `Google Maps API only` The bearing in degrees clockwise from north. Values outside the range [0, 360) will be normalized.                        | Number        | 0       | no       | ios/android | yes               |
+| tappable | `Android only` Boolean to allow an overlay to be tappable and use the onPress function.                                                          | Bool          | false   | no       | ios/android | yes               |
+| opacity  | `Google maps only` The opacity of the overlay.                                                                                                   | Number        | 1.0     | no       | ios/android | yes               |
 
 ### 静态方法
 
@@ -819,11 +819,11 @@ ohpm install
 
 | Name              | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type                        | Default                                            | Required | Platform    | HarmonyOS Support |
 | ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------------------------------------------------- | -------- | ----------- | ----------------- |
-| geojson           | [Geojson](https://geojson.org/) description of object.                                                                                                                                                                                                                                                                                                                                                                                                                            | GeoJSON                     |                                                    | no       | ios/android | yes               |
+| geojson           | [Geojson](https://geojson.org/) description of object.                                                                                                                                                                                                                                                                                                                                                                                                                            | GeoJSON                     |                                                    | yes      | ios/android | yes               |
 | strokeColor       | The stroke color to use for polygons and polylines.                                                                                                                                                                                                                                                                                                                                                                                                                               | String                      | stroke`property in GeoJson if present else`#000    | no       | ios/android | yes               |
 | fillColor         | The fill color to use for polygons.                                                                                                                                                                                                                                                                                                                                                                                                                                               | String                      | `fill` property in GeoJson                         | no       | ios/android | yes               |
 | strokeWidth       | The stroke width to use for polygons and polylines.                                                                                                                                                                                                                                                                                                                                                                                                                               | Number                      | stroke-width`property in Geojson if present else`1 | no       | ios/android | yes               |
-| color             | The color to use for points.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | String                      | `marker-color` property in GeoJson                 | no       | ios/android | yes               |
+| color             | The color to use for points.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | String                      | `marker-color` property in GeoJson                 | no       | ios/android | no                |
 | lineDashPhase     | (iOS only) The offset (in points) at which to start drawing the dash pattern. Use this property to start drawing a dashed line partway through a segment or gap. For example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the middle of the first gap.                                                                                                                                                                                              | Number                      |                                                    | no       | ios         | no                |
 | lineDashPattern   | An array of numbers specifying the dash pattern to use for the path. The array contains one or more numbers that indicate the lengths (measured in points) of the line segments and gaps in the pattern. The values in the array alternate, starting with the first line segment length, followed by the first gap length, followed by the second line segment length, and so on.                                                                                                 | Array<Number>               |                                                    | no       | ios/android | yes               |
 | lineCap           | The line cap style to apply to the open ends of the path. Possible values are `butt`, `round` or `square`. Note: lineCap is not yet supported for GoogleMaps provider on iOS.                                                                                                                                                                                                                                                                                                     | 'butt' / 'round' / 'square' |                                                    | no       | ios/android | yes               |
@@ -834,6 +834,8 @@ ohpm install
 | markerComponent   | Component to render in place of the default marker when the overlay type is a `point`                                                                                                                                                                                                                                                                                                                                                                                             | React Node                  |                                                    | no       | ios/android | no                |
 | title             | The title of the marker. This is only used if the component has no children that are a `<Callout />`                                                                                                                                                                                                                                                                                                                                                                              | string                      |                                                    | no       | ios/android | yes               |
 | tracksViewChanges | Sets whether this marker should track view changes. It's recommended to turn it off whenever it's possible to improve custom marker performance. This is the default value for all point markers in your geojson data. It can be overriden on a per point basis by adding a `trackViewChanges` property to the `properties` object on the point.                                                                                                                                  | Boolean                     | true                                               | no       | ios/android | no                |
+| image             | A custom image to be used as the marker's icon. Only local image resources are allowed to be used.                                                                                                                                                                                                                                                                                                                                                                                | `ImageSource`\*             |                                                    | no       | ios/android | yes               |
+| tappable          | Boolean to allow a polygon and polyline to be tappable and use the onPress function.                                                                                                                                                                                                                                                                                                                                                                                              | Boolean                     | false                                              | no       | ios/android | yes               |
 
 ## Heatmap
 
@@ -858,14 +860,14 @@ ohpm install
 
 | Name         | Description                                                                                                                           | Type          | Default | Required | Platform    | HarmonyOS Support |
 | ------------ | ------------------------------------------------------------------------------------------------------------------------------------- | ------------- | ------- | -------- | ----------- | ----------------- |
-| colors       | Colors (one or more) to use for gradient.                                                                                             | Array<String> |         | no       | ios/android | no                |
-| startPoints  | Array of floating point values from 0 to 1 representing where each color starts. Array length must be equal to `colors` array length. | Array<Number> |         | no       | ios/android | no                |
-| colorMapSize | Resolution of color map -- number corresponding to the number of steps colors are interpolated into.                                  | Number        | 256     | no       | ios/android | no                |
+| colors       | Colors (one or more) to use for gradient.                                                                                             | Array<String> |         | yes      | ios/android | no                |
+| startPoints  | Array of floating point values from 0 to 1 representing where each color starts. Array length must be equal to `colors` array length. | Array<Number> |         | yes      | ios/android | no                |
+| colorMapSize | Resolution of color map -- number corresponding to the number of steps colors are interpolated into.                                  | Number        | 256     | yes      | ios/android | no                |
 
 ## 遗留问题
 
 - [ ] AIRMap 和 AIRMapMarker 中 Animated 未实现 [issues#1](https://github.com/react-native-oh-library/react-native-maps/issues/1)
-- [ ] AIRMapOverlay 组件目前华为地图中不支持往地图组件中添加自定义 view [issues#2](https://github.com/react-native-oh-library/react-native-maps/issues/2)
+- [X] AIRMapOverlay 组件目前华为地图中不支持往地图组件中添加自定义 view [issues#2](https://github.com/react-native-oh-library/react-native-maps/issues/2)
 - [ ] AIRMap AIRMapMarker AIRMapPolyline AIRMapPolygon AIRMapCircle 组件在 HarmonyOS 中的不支持属性是因为华为地图没提供对应的属性 [issues#3](https://github.com/react-native-oh-library/react-native-maps/issues/3)
 - [ ] AIRMapCallout AIRMapCalloutSubview 组件为 marker 子组件，华为地图中 marker 有自带的，但是目前不支持自定义样式显示 [issues#4](https://github.com/react-native-oh-library/react-native-maps/issues/4)
 - [ ] AIRMapUrlTile AIRMapWMSTile 瓦片地图加载方式华为地图不支持 [issues#5](https://github.com/react-native-oh-library/react-native-maps/issues/5)

From be9b758b65c68632dc678a2712bb74c021bc5c4e Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Mon, 30 Sep 2024 06:27:28 +0000
Subject: [PATCH 629/966] =?UTF-8?q?!1618=20docs:=20[#IAUP13]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-camera-kit=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAUP13]=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-camera-kit=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-camera-kit.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-camera-kit.md b/zh-cn/react-native-camera-kit.md
index 84f0c3be..c09c909f 100644
--- a/zh-cn/react-native-camera-kit.md
+++ b/zh-cn/react-native-camera-kit.md
@@ -195,7 +195,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-camera-kit": "file:../../node_modules/@react-native-oh-tpl/react-native-camera-kit/harmony/rnoh_camera_kit.har"
+    "@react-native-oh-tpl/react-native-camera-kit": "file:../../node_modules/@react-native-oh-tpl/react-native-camera-kit/harmony/camera_kit.har"
   }
 ```
 

From cf08c6183d5a7f786d3206f625fd66d68c30f253 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=AE=87?= <478110507@qq.com>
Date: Mon, 30 Sep 2024 06:29:40 +0000
Subject: [PATCH 630/966] =?UTF-8?q?!1616=20docs:=20[Issues:=20#IAUP1O]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-zip-archive=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUP1O]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-zip-archive=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-zip-archive.md | 58 ++++++++++++++++++-------------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index 29d788be..67ac5b5c 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -10,12 +9,11 @@
     </a>
     <a href="https://github.com/mockingbot/react-native-zip-archive/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-zip-archive)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-zip-archive)
 
 ## 安装与使用
 
@@ -25,10 +23,12 @@
 
 > [!TIP] # 处替换为 tgz 包的路径
 
+<!-- tabs:start -->
+
 #### **npm**
 
 ```bash
-npm i @react-native-oh-tpl/react-native-zip-archive@file:#
+npm install @react-native-oh-tpl/react-native-zip-archive@file:#
 ```
 
 #### **yarn**
@@ -37,11 +37,13 @@ npm i @react-native-oh-tpl/react-native-zip-archive@file:#
 yarn add @react-native-oh-tpl/react-native-zip-archive@file:#
 ```
 
+<!-- tabs:end -->
+
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```js
 import React, { useState, useEffect } from 'react';
 import { View, Button, StyleSheet, TextInput, Alert, Text, ActivityIndicator } from 'react-native';
 import { pathParameters, zip, unzip, zipWithPassword, unzipWithPassword, subscribe, creteFile, isPasswordProtected, unzipAssets, getUncompressedSize } from 'react-native-zip-archive';
@@ -414,8 +416,9 @@ const styles = StyleSheet.create({
 
 ```json
 {
+  ...
   "overrides": {
-   "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
   }
 }
 ```
@@ -457,7 +460,6 @@ ohpm install
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
-
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
@@ -479,11 +481,24 @@ add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-zip-archive/src/main/cpp" ./zipArchive-package)
 # RNOH_END: manual_package_linking_1
 
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC nativi_minizip)
+# RNOH_END: manual_package_linking_2
 ```
 
 ### 4.在 ArkTs 侧引入 ZipArchivePackage
 
-打开 `entry/src/main/cpp/RNPackagesFactory.ts`，添加：
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
 + import {ZipArchivePackage} from '@react-native-oh-tpl/react-native-zip-archive/ts';
@@ -517,27 +532,22 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases)
 
-本文档内容基于以下版本验证通过：
-
-​	1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio  5.0.3.29; ROM：3.0.0.21;
-
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
 | ------------------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
-| zip                 | File or folder compression                                   | string  | no      | All      | yes               |
-| unzip               | Decompression of files or folders                            | string  | no      | All      | yes               |
-| zipWithPassword     | Compress files or folders with a password                    | string  | no      | All      | yes               |
-| unzipWithPassword   | Extract files or folders with a password                     | string  | no      | All      | yes               |
-| isPasswordProtected | Check if the password exists during password decompression   | boolean | no      | All      | yes               |
-| unzipAssets         | Pass in the specified directory during decompression         | string  | no      | All      | yes               |
-| getUncompressedSize | Check the size of the compressed file during decompression   | number  | no      | All      | yes               |
-| subscribe           | Display progress bar during compression and password decompression | void    | no      | All      | yes               |
-
+| zip                 | File or folder compression                                   | string  | no       | All      | yes               |
+| unzip               | Decompression of files or folders                            | string  | no       | All      | yes               |
+| zipWithPassword     | Compress files or folders with a password                    | string  | no       | All      | yes               |
+| unzipWithPassword   | Extract files or folders with a password                     | string  | no       | All      | yes               |
+| isPasswordProtected | Check if the password exists during password decompression   | boolean | no       | All      | yes               |
+| unzipAssets         | Pass in the specified directory during decompression         | string  | no       | All      | yes               |
+| getUncompressedSize | Check the size of the compressed file during decompression   | number  | no       | All      | yes               |
+| subscribe           | Display progress bar during compression and password decompression | void    | no       | All      | yes               |
 
 ## 遗留问题
 
@@ -546,5 +556,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/mockingbot/react-native-zip-archive/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 3d1bdf19c06780cb5b8a752ba43fcc9901581d8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=83=9C=E6=96=87?= <1324107121@qq.com>
Date: Mon, 30 Sep 2024 06:30:01 +0000
Subject: [PATCH 631/966] =?UTF-8?q?!1614=20docs:=20[Issues:=20#IAULMZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-button=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAULMZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-button=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-button.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-button.md b/zh-cn/react-native-button.md
index de287ce7..e195e298 100644
--- a/zh-cn/react-native-button.md
+++ b/zh-cn/react-native-button.md
@@ -111,7 +111,7 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 | `containerStyle` | The style for the container | View Style Prop | ｛｝ | No       | All      | yes               |
 | `disabledContainerStyle` | The style for the container when the button is disabled | View Style Prop | ｛｝ | No       | All      | yes               |
 | `childGroupStyle` | The style for the child views               | View Style Prop | ｛｝ | No       | All      | yes               |
-| `androidBackground` | The background for andriod devices.                      | Background Prop Type |  | No       | Android | no             |
+| `androidBackground` | The background for android devices.                      | Background Prop Type |  | No       | Android | no             |
 | `onPress`   | Handler to be called when the user taps the button.   | Function |         | No       | All      | yes              |
 
 

From d9153b7fbcd528c4c62692bda70d3ce1af19ed43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B8=A9=E6=98=8A=E4=B8=9C?= <dvaj@qq.com>
Date: Mon, 30 Sep 2024 06:46:14 +0000
Subject: [PATCH 632/966] =?UTF-8?q?!1612=20docs:=20[Issues:=20#IAULIS]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-mmkv-storage=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAULIS]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-mmkv-storage=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-mmkv-storage.md | 408 +++++++++++++++++++++++++++++
 1 file changed, 408 insertions(+)
 create mode 100644 zh-cn/react-native-mmkv-storage.md

diff --git a/zh-cn/react-native-mmkv-storage.md b/zh-cn/react-native-mmkv-storage.md
new file mode 100644
index 00000000..0ec1a9f3
--- /dev/null
+++ b/zh-cn/react-native-mmkv-storage.md
@@ -0,0 +1,408 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mmkv-storage</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ammarahm-ed/react-native-mmkv-storage">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ammarahm-ed/react-native-mmkv-storage/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-mmkv-storage)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-mmkv-storage@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-mmkv-storage@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, {useCallback} from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import {MMKVLoader, create} from 'react-native-mmkv-storage';
+
+const storage = new MMKVLoader().withEncryption().initialize();
+
+const storage2 = new MMKVLoader().withInstanceID('storage2').initialize();
+
+const useStorage = create(storage);
+const useStorage2 = create(storage2);
+
+const App = () => {
+  const [user, setUser] = useStorage('user', 'robert');
+  const [age, setAge] = useStorage2('age', 24);
+
+  const getUser = useCallback(() => {
+    let users = ['andrew', 'robert', 'jack', 'alison'];
+    let _user =
+      users[
+        users.indexOf(user) === users.length - 1 ? 0 : users.indexOf(user) + 1
+      ];
+    return _user;
+  }, [user]);
+
+  const buttons = [
+    {
+      title: 'setString',
+      onPress: () => {
+        storage.setString('user', getUser());
+      },
+    },
+    {
+      title: 'setMulti',
+      onPress: () => {
+        const user = getUser();
+        console.log('setting user to', user);
+        storage.setMultipleItemsAsync([['user', user]], 'string');
+      },
+    },
+    {
+      title: 'getMulti',
+      onPress: async () => {
+        console.log(await storage.getMultipleItemsAsync(['user'], 'string'));
+      },
+    },
+    {
+      title: 'setUser',
+      onPress: () => {
+        setUser(getUser());
+      },
+    },
+    {
+      title: 'setAge',
+      onPress: () => {
+        setAge((age: number) => {
+          return age + 1;
+        });
+      },
+    },
+    {
+      title: 'clearAll',
+      onPress: () => {
+        storage.clearStore();
+      },
+    },
+    {
+      title: 'removeByKeys',
+      onPress: async () => {
+        const keys = await storage.indexer.getKeys();
+        console.log(keys);
+        storage.removeItems(keys);
+        storage.clearStore();
+        console.log(await storage.indexer.getKeys());
+      },
+    },
+  ];
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView style={styles.container}>
+        <View style={styles.header}>
+          <Text style={styles.headerText}>
+            I am {user} and I am {age} years old.
+          </Text>
+        </View>
+        <ScrollView
+          style={{
+            width: '100%',
+            paddingHorizontal: 12,
+          }}>
+          {buttons.map(item => (
+            <Button
+              key={item.title}
+              title={item.title}
+              onPress={item.onPress}
+            />
+          ))}
+        </ScrollView>
+      </SafeAreaView>
+    </>
+  );
+};
+
+const Button = ({title, onPress}: {title: string; onPress: () => void}) => {
+  return (
+    <TouchableOpacity style={styles.button} onPress={onPress}>
+      <Text style={{color: 'white'}}>{title}</Text>
+    </TouchableOpacity>
+  );
+};
+
+export default App;
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flex: 1,
+    backgroundColor: 'white',
+  },
+  header: {
+    width: '100%',
+    backgroundColor: '#f7f7f7',
+    marginBottom: 20,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingVertical: 50,
+  },
+  button: {
+    width: '100%',
+    height: 50,
+    backgroundColor: 'orange',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 10,
+    marginBottom: 10,
+  },
+  headerText: {fontSize: 40, textAlign: 'center', color: 'black'},
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmvk-storage.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNOHMMKVStoragePackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules/@rnoh/react-native-openharmony/src/main/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-mmkv-storage/src/main/cpp" ./mmkv-storage)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_mmkv_storage)
+# RNOH_END: manual_package_linking_2
+
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "MMKVNativePackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+    	std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNOHMMKVStoragePackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNMMKVStoragePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {RNMMKVStoragePackage} from '@react-native-oh-tpl/react-native-mmkv-storage'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNMMKVStoragePackage(ctx),
+  ];
+}
+
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                         | Description                                                  | type     | Required | Platform | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| setString                    | Sets a string value in storage for the given key.            | Function | no       | All      | yes               |
+| getString                    | Gets a string value for a given key.                         | Function | no       | All      | yes               |
+| setInt                       | Sets a number value in storage for the given key.            | Function | no       | All      | yes               |
+| getInt                       | Gets a number value for a given key.                         | Function | no       | All      | yes               |
+| setBool                      | Sets a boolean value in storage for the given key.           | Function | no       | All      | yes               |
+| getBool                      | Gets a boolean value for a given key.                        | Function | no       | All      | yes               |
+| setMap                       | Sets an object to storage for the given key.                 | Function | no       | All      | yes               |
+| getMap                       | Gets an object from storage.                                 | Function | no       | All      | yes               |
+| setArray                     | Sets an array to storage for the given key.                  | Function | no       | All      | yes               |
+| getArray                     | Gets an array from storage.                                  | Function | no       | All      | yes               |
+| getMultipleItems             | Retrieve multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object | Function | no       | All      | yes               |
+| setStringAsync               | Sets a string value in storage for the given key.            | Function | no       | All      | yes               |
+| getStringAsync               | Gets a string value for a given key.                         | Function | no       | All      | yes               |
+| setIntAsync                  | Sets a number value in storage for the given key.            | Function | no       | All      | yes               |
+| getIntAsync                  | Gets a number value for a given key.                         | Function | no       | All      | yes               |
+| setBoolAsync                 | Sets a boolean value in storage for the given key.           | Function | no       | All      | yes               |
+| getBoolAsync                 | Gets a boolean value for a given key.                        | Function | no       | All      | yes               |
+| setMapAsync                  | Sets an object to storage for the given key.                 | Function | no       | All      | yes               |
+| getMapAsync                  | Gets an object from storage.                                 | Function | no       | All      | yes               |
+| setArrayAsync                | Sets an array to storage for the given key.                  | Function | no       | All      | yes               |
+| getArrayAsync                | Sets an array to storage for the given key.                  | Function | no       | All      | yes               |
+| setMultipleItemsAsync        | Sets multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object. | Function | no       | All      | yes               |
+| getMultipleItemsAsync        | Retrieve multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object. | Function | no       | All      | yes               |
+| withInstanceID               | Specifies that the MMKV Instance should be created with the given ID. This way multiple intances can be created. | Function | no       | All      | yes               |
+| setAccessibleMode (iOS only) | Choose the accessibility mode for secure key storage (IOS ONLY); | Function | no       | iOS      | no                |
+| withServiceName (iOS only)   | Sets the [kSecAttrService](https://developer.apple.com/documentation/security/ksecattrservice) option for secure key storage (IOS ONLY); | Function | no       | iOS      | no                |
+| removeItem                   | Remove an item for a given key.                              | Function | no       | All      | yes               |
+| clearStore                   | Clear the storage.                                           | Function | no       | All      | yes               |
+| clearMemoryCache             | Clear the storage from memory.                               | Function | no       | All      | yes               |
+| getAllMMKVInstanceIDs        | Returns a list of all the MMKV Instance IDs created.         | Function | no       | All      | yes               |
+| getCurrentMMKVInstances      | get the currently initialized instance IDs.                  | Function | no       | All      | yes               |
+| hasKey                       | Check if any data exists for a given key.                    | Function | no       | All      | yes               |
+| getKey                       | get the encryption key for the current MMKV instance         | Function | no       | All      | yes               |
+
+## HOOKS
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name           | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| useIndex       | take an array of keys and returns an array of values for those keys | Function | no       | All      | yes               |
+| useMMKVRef     | A persisted ref that will always write every change to it's `current` value to storage. It doesn't matter if you reload the app or restart it. Everything will be in place on app load. | Function | no       | All      | yes               |
+| useMMKVStorage | always write every change in storage and update your app UI instantly | Function | no       | All      | yes               |
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ammarahm-ed/react-native-mmkv-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 54958726addfe7d377f2c7f153c0dbc58b755ace Mon Sep 17 00:00:00 2001
From: xiong <10038940+wx997659@user.noreply.gitee.com>
Date: Mon, 30 Sep 2024 07:19:20 +0000
Subject: [PATCH 633/966] =?UTF-8?q?!1619=20docs:=20[Issues:=20#IAUQOL]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-paper=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUQOL]=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-paper=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-paper.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index 1592ae65..e433629c 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -90,10 +90,11 @@ export default ActivityIndicatorDemo;
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context和@react-native-oh-tpl/react-native-vector-icons的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](zh-cn/react-native-safe-area-context.md#link)进行引入
+如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
 
-如未引入react-native-vector-icons请参照[@react-native-oh-tpl/react-native-vector-icons 文档的 Link 章节](zh-cn/react-native-vector-icons.md#link)进行引入
+如未引入react-native-vector-icons请参照[@react-native-oh-tpl/react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)进行引入
 
+## 约束与限制
 ### 兼容性
 
 在下述版本验证通过:

From 642ad48b0c904ca4a65c633415fe30969ddc59a8 Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Mon, 30 Sep 2024 08:52:42 +0000
Subject: [PATCH 634/966] =?UTF-8?q?!1620=20=E5=88=9D=E5=A7=8B=E5=8C=96?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E7=89=88=E6=96=87=E6=A1=A3=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IAUQKO]=20=E5=88=9D=E5=A7=8B=E5=8C=96=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E7=89=88=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md           |   2 +-
 _coverpage.md       |   4 +-
 _navbar.md          |  13 +-
 en/README_EN.md     | 419 ++++++++++++++++++++++++++++++++++++++++++++
 en/_coverpage.md    |  10 ++
 en/_navbar.md       |  11 ++
 en/_sidebar.md      |   1 +
 en/model.md         | 337 +++++++++++++++++++++++++++++++++++
 index.html          |   5 +-
 zh-en/README.md     |   1 -
 zh-en/_coverpage.md |  16 --
 zh-en/_navbar.md    |   1 -
 zh-en/_sidebar.md   |   1 -
 13 files changed, 789 insertions(+), 32 deletions(-)
 create mode 100644 en/README_EN.md
 create mode 100644 en/_coverpage.md
 create mode 100644 en/_navbar.md
 create mode 100644 en/_sidebar.md
 create mode 100644 en/model.md
 delete mode 100644 zh-en/README.md
 delete mode 100644 zh-en/_coverpage.md
 delete mode 100644 zh-en/_navbar.md
 delete mode 100644 zh-en/_sidebar.md

diff --git a/README.md b/README.md
index ac8e7f86..b25ff88b 100644
--- a/README.md
+++ b/README.md
@@ -28,7 +28,7 @@
 
 > [!tip] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
 
-| 序号 | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                           |
+| 序号 | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOS Releases                                                                                                                                           | 文档链接                                           |
 | ---- | ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
 | 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                      | 1.21.0         | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
 | 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll)                   | 6.0.0          | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
diff --git a/_coverpage.md b/_coverpage.md
index 15e13b34..3896671f 100644
--- a/_coverpage.md
+++ b/_coverpage.md
@@ -5,8 +5,6 @@
 
 > OpenHarmony平台的React Native三方库使用和说明
 
-
-
 [Gitee](https://gitee.com/react-native-oh-library/usage-docs)
-[GitHub（待完善）]()
+[GitHub](https://github.com/react-native-oh-library/usage-docs)
 [快速开始](/zh-cn/README.md)
\ No newline at end of file
diff --git a/_navbar.md b/_navbar.md
index 48da9944..f6b90bb8 100644
--- a/_navbar.md
+++ b/_navbar.md
@@ -1,12 +1,11 @@
 <!-- _navbar.md -->
 
 - 相关链接
-  - [文档 Gitee 地址](https://gitee.com/react-native-oh-library/usage-docs/tree/master)
-  - [RNOH 三方库源码](https://github.com/orgs/react-native-oh-library/repositories)
-  - [RNOH 框架源码](https://github.com/react-native-openharmony/rnoh)
-  - [OpenHarmony 应用开发](https://docs.openharmony.cn/pages/v4.0/zh-cn/application-dev/application-dev-guide.md/)
+  - [文档 Gitee 仓库地址](https://gitee.com/react-native-oh-library/usage-docs/tree/master)
+  - [RNOH 三方库仓库](https://github.com/orgs/react-native-oh-library/repositories)
+  - [RNOH 仓库地址](https://gitee.com/openharmony-sig/ohos_react_native)
+  - [OpenHarmony 应用开发文档](https://gitee.com/openharmony/docs/tree/master/zh-cn/application-dev)
   - [Docsify](https://docsify.js.org/#/)
-- 版本
+- Translations
   - [中文](/zh-cn/)
-  - [En(待完善)](/zh-en/)
-  - [VMall](/vmall/)
+  - [English](/en/README_EN.md)
diff --git a/en/README_EN.md b/en/README_EN.md
new file mode 100644
index 00000000..a61fab6d
--- /dev/null
+++ b/en/README_EN.md
@@ -0,0 +1,419 @@
+> [!WARNING] This document is intended solely for guidance on using third-party libraries and does not cover any information related to the React Native OpenHarmony framework. It will be updated continuously alongside the React Native OpenHarmony framework, and the current version does not represent the final version.
+
+# Introduction
+
+> If you are looking for documentation on setting up the environment, please refer to the "Setting Up the Development Environment" section in the development documentation [here](https://gitee.com/openharmony-sig/ohos_react_native/blob/0.72.5-ohos-5.0-release/README.md).
+
+## Overview
+
+This document aims to assist developers in using third-party libraries of React Native OpenHarmony(RNOH) on the HarmonyOS platform, providing information for each library.
+
+## Contributing to the Documentation
+
+We welcome contributions and encourage developers to participate in providing feedback and contributing to the documentation in various ways.
+
+You can evaluate existing documentation, make simple changes, report quality issues, or contribute your original content. For more details, please refer to the [Contribution Guidelines](/en/contribute.md).
+
+## Usage Guidelines
+
+- Codegen: Most third-party libraries have adapted to Codegen, and you need to proactively execute the generation of bridging code for these libraries before use. For more details, refer to the [Codegen Documentation](/en/codegen.md).
+- C-API Architecture: Third-party libraries will evolve based solely on the RN C-API architecture. For a detailed introduction, please refer to [C-API Architecture](/en/capi-architecture.md).
+- RN Third-Party Library Patch Migration: To avoid impacting other platforms of the third-party libraries, migration is performed using patching. For more details, refer to [RN Third-Party Library Patch Migration](/en/patch.md).
+
+## Overview of RNOH Third-Party Libraries
+
+> [!tip] NPM Public Repository Coordinates: @react-native-oh-tpl
+
+> [!tip] If the "Supports New Architecture" column is marked with "-", it indicates that the library does not involve the new architecture or old architecture.
+
+> [!tip] f the "HarmonyOS Releases" column is marked with "-", it indicates that the library did not require code modification during adaptation to the HarmonyOS platform and can directly use the source library code.
+
+| NO. | Source Library Name                                                                                                                        | Original Library Baseline Version   | New Architecture Supported in Source Library | HarmonyOS Releases                                                                                                                                           | Documentation Link                                           |
+| ---- | ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
+| 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                      | 1.21.0         | Yes                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [Link](/zh-cn/react-native-async-storage-async-storage.md)     |
+| 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll)                   | 6.0.0          | Yes                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [Link](/zh-cn/react-native-cameraroll.md)                      |
+| 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                      | 1.13.2         | Yes                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [Link](/zh-cn/react-native-clipboard-clipboard.md)             |
+| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                                   | 4.4.0          | Yes                 | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [Link](/zh-cn/react-native-community-blur.md)                  |
+| 5    | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                            | 0.5.16         | No                 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [Link](/zh-cn/react-native-community-checkbox.md)              |
+| 6    | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                       | 7.6.2          | Yes                 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [Link](/zh-cn/react-native-community-datetimepicker.md)        |
+| 7    | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                             | 3.1.0          | Yes                 | [@react-native-oh-tpl/geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                                            | [Link](/zh-cn/react-native-community-geolocation.md)           |
+| 8    | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo)                               | 11.1.0         | Yes                 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases)                                                    | [Link](/zh-cn/react-native-community-netinfo.md)               |
+| 9    | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android)            | 1.0.4          | Yes                 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases)                                       | [Link](/zh-cn/react-native-community-progress-bar-android.md)  |
+| 10   | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view)                          | 1.4.2          | Yes                 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases)                                                     | [Link](/zh-cn/react-native-community-progress-view.md)         |
+| 11   | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios)                        | 1.11.0         | No                 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)                        | [Link](/zh-cn/react-native-community-push-notification-ios.md) |
+| 12   | [@react-native-community/slider](https://github.com/callstack/react-native-slider)                                            | 4.4.3          | Yes                 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases)                                                      | [Link](/zh-cn/react-native-community-slider.md)                |
+| 13   | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android)                    | 0.2.1          | Yes                 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases)                                                 | [Link](/zh-cn/react-native-community-toolbar-android.md)       |
+| 14   | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies)                                              | 6.2.1          | No                 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases)                                                    | [Link](/zh-cn/react-native-cookies-cookies.md)                 |
+| 15   | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view)                              | 0.2.9          | No                 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases)                                                         | [Link](/zh-cn/react-native-masked-view-masked-view.md)         |
+| 16   | [@react-native-picker/picker](https://github.com/react-native-picker/picker)                                                  | 2.5.1          | Yes                 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases)                                                                   | [Link](/zh-cn/react-native-picker-picker.md)                   |
+| 17   | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control)      | 2.5.2          | No                 | [@react-native-oh-tpl/segmented-control](https://github.com/react-native-oh-library/segmented-control/releases)                                             | [Link](/zh-cn/react-native-community-segmented-control.md)     |
+| 18   | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)           | 6.5.11         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-navigation-bottom-tabs.md)                 |
+| 19   | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements)                 | 1.3.21         | \-                 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)                                                       | [Link](/zh-cn/react-navigation-elements.md)                    |
+| 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                     | 6.1.9          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-navigation-native.md)                      |
+| 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                       | 6.3.19         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-navigation-stack.md)                       |
+| 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                                  | 1.6.3          | No                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [Link](/zh-cn/shopify-flash-list.md)                           |
+| 23   | [axios](https://github.com/axios/axios)                                                                                       | 1.6.7          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/axios.md)                                        |
+| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                     | 4.2.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/crypto-js.md)                                    |
+| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                                   | 1.11.1         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/dayJs.md)                                        |
+| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                           | 4.3.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/deepmerge.md)                                    |
+| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                              | 0.2.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/EventBus.md)                                     |
+| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                            | 9.1.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/htmlparser2.md)                                  |
+| 29   | [immer](https://github.com/immerjs/immer)                                                                                     | 10.0.4         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/Immer.md)                                        |
+| 30   | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                            | 0.11.0         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-slider.md)                          |
+| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                             | 3.11.6         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/jsbarcode.md)                                    |
+| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.14.9         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/js-beautify.md)                                  |
+| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.15.1         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/js-beautify.md)                                  |
+| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                       | 4.17.21        | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/lodash.md)                                       |
+| 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                             | 6.4.1          | Yes                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [Link](/zh-cn/lottie-react-native.md)                          |
+| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                       | 6.10.0         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/mobx.md)                                         |
+| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                            | 7.6.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/mobx-react.md)                                   |
+| 38   | [Moment](https://github.com/moment/moment)                                                                                    | 2.30.1         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/moment.md)                                       |
+| 39   | [parse5](https://github.com/inikulin/parse5)                                                                                  | 7.1.2          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/parse5.md)                                       |
+| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                             | 15.8.1         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/prop-types.md)                                   |
+| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                         | 1.4.4          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/qrcode-generator.md)                             |
+| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                              | 3.7.11         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-ahooks.md)                                 |
+| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                     | 8.6.3          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-i18next.md)                                |
+| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                                 | 3.0.4          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-lifecycles-compat.md)                      |
+| 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                         | 2.8.5          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-action-button.md)                   |
+| 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                          | 0.1.2          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-animate-number.md)                  |
+| 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.3          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-aria.md)                            |
+| 48   | [react-native-autoheight-webview](https://github.com/iou90/react-native-autoheight-webview)                                   | 1.6.5          | \-                 | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)                 | [Link](/zh-cn/react-native-autoheight-webview.md)              |
+| 49   | [react-native-base64](https://github.com/eranbo/react-native-base64)                                                          | 0.2.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-base64.md)                          |
+| 50   | [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util)                                                 | 0.19.6         | Yes                 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases)                                   | [Link](/zh-cn/react-native-blob-util.md)                       |
+| 51   | [react-native-canvas](https://github.com/iddan/react-native-canvas)                                                           | 0.1.39         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-canvas.md)                          |
+| 52   | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box)                                              | 2.1.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-check-box.md)                       |
+| 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                        | 7.4.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-confirmation-code-field.md)         |
+| 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                                 | 1.0.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-crypto-js.md)                       |
+| 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                                    | 3.4.9          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-dotenv.md)                          |
+| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-drag-sort.md)                       |
+| 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                     | 2.0.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-drawer-layout-polyfill.md)          |
+| 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                             | 1.9.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-echarts-pro.md)                     |
+| 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                      | 2.10.10        | No                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [Link](/zh-cn/react-native-exception-handler.md)               |
+| 60   | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)                                               | 8.6.3          | No                 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases)                                 | [Link](/zh-cn/react-native-fast-image.md)                      |
+| 61   | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image)                                                  | 1.5.5          | \-                 | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases)                                                  | [Link](/zh-cn/react-native-fit-Image.md)                       |
+| 62   | [react-native-fs](https://github.com/itinance/react-native-fs)                                                                | 2.20.0         | Yes                 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases)                                                 | [Link](/zh-cn/react-native-fs.md)                              |
+| 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                              | 2.14.1         | No                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)               | [Link](/zh-cn/react-native-gesture-handler.md)                 |
+| 64   | [react-native-image-editor](https://github.com/callstack/react-native-image-editor)                                           | 3.2.0          | Yes                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [Link](/zh-cn/react-native-image-editor.md)                    |
+| 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                           | 7.0.3          | Yes                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [Link](/zh-cn/react-native-image-picker.md)                    |
+| 66   | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer)                                            | 3.0.1          | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [Link](/zh-cn/react-native-image-zoom-viewer.md)               |
+| 67   | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master)                              | 0.2.2          |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [Link](/zh-cn/react-native-image-viewing.md)                   |
+| 68   | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)                                                | 2.1.12         | \-                 | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                             | [Link](/zh-cn/react-native-image-pan-zoom.md)                  |
+| 69   | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer)                            | 0.2.0          | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [Link](/zh-cn/react-native-intersection-observer.md)           |
+| 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)                    | 0.9.5          | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [Link](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
+| 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)                  | 3.0.0-alpha.1  | Yes                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [Link](/zh-cn/react-native-linear-gradient.md)                 |
+| 72   | [react-native-maps](https://github.com/react-native-maps/react-native-maps)                                                   | 1.10.3         | Yes                 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases)                                                   | [Link](/zh-cn/react-native-maps.md)                            |
+| 73   | [react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display)                                     | 7.0.2          | \-                 | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases)                     | [Link](/zh-cn/react-native-markdown-display.md)                |
+| 74   | [react-native-marquee](https://github.com/kyo504/react-native-marquee/blob/master)                                            | 0.5.0          | \-                 | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases)                                       | [Link](/zh-cn/react-native-marquee.md)                         |
+| 75   | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)                                       | 0.7.0          | No                 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)                                   | [Link](/zh-cn/react-native-MJRefresh.md)                       |
+| 76   | [react-native-pager-view](https://github.com/callstack/react-native-pager-view)                                               | 6.2.2          | Yes                 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases)                                 | [Link](/zh-cn/react-native-pager-view.md)                      |
+| 77   | [react-native-pdf](https://github.com/wonday/react-native-pdf)                                                                | 6.7.4          | Yes                 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases)                                               | [Link](/zh-cn/react-native-pdf.md)                             |
+| 78   | [react-native-permissions](https://github.com/zoontek/react-native-permissions)                                               | 4.1.5          | Yes                 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases)                               | [Link](/zh-cn/react-native-permissions.md)                     |
+| 79   | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view)                             | 5.1.7          | \-                 | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases)                             | [Link](/zh-cn/react-native-popover-view.md)                    |
+| 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                                  | 0.16.0         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-popup-menu.md)                      |
+| 81   | [react-native-progress](https://github.com/oblador/react-native-progress)                                                     | 5.0.1          | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [Link](/zh-cn/react-native-progress.md)                        |
+| 82   | [react-native-pull](https://github.com/greatbsky/react-native-pull/blob/master)                                               | 2.0.4          | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [Link](/zh-cn/react-native-pull.md)                            |
+| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                            | 6.2.0          | \-                 | -                                | [Link](/zh-cn/react-native-qrcode-svg.md)                      |
+| 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                        | 3.6.0          | Yes                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [Link](/zh-cn/react-native-reanimated.md)                      |
+| 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                                | 3.5.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-reanimated-carousel.md)             |
+| 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                      | 0.2.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-reanimated-table.md)                |
+| 87   | [react-native-redash](https://github.com/wcandillon/react-native-redash/)                                                     | 18.1.3         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-redash.md)                          |
+| 88   | [react-native-render-html](https://github.com/meliorence/react-native-render-html)                                            | 6.3.4          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-render-html.md)                     |
+| 89   | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context)                                 | 4.7.4          | Yes                 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)                   | [Link](/zh-cn/react-native-safe-area-context.md)               |
+| 90   | [react-native-screens](https://github.com/software-mansion/react-native-screens)                                              | 3.29.0         | Yes                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-screens.md)                         |
+| 91   | [react-native-scrollable-tab-view](https://github.com/ptomasroos/react-native-scrollable-tab-view)                            | 1.0.0          | -                  | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)               | [Link](/zh-cn/react-native-scrollable-tab-view.md)             |
+| 92   | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)                  | 2.2.3          | -                  | \-                                                                                                                                                          | [Link](/zh-cn/react-native-section-list-get-item-layout.md)    |
+| 93   | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout)                     | 0.6.7          | No                 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)                 | [Link](/zh-cn/react-native-SmartRefreshLayout.md)              |
+| 94   | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel)                                        | 3.9.1          | \-                 | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)                           | [Link](/zh-cn/react-native-snap-carousel.md)                   |
+| 95   | [react-native-sound](https://github.com/zmxv/react-native-sound)                                                              | 0.11.2         | Yes                 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases)                                           | [Link](/zh-cn/react-native-sound.md)                           |
+| 96   | [react-native-stickyheader](https://github.com/jiasongs/react-native-stickyheader/blob/master)                                | 1.1.3          | -                  | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases)                             | [Link](/zh-cn/react-native-stickyheader.md)                    |
+| 97   | [react-native-svg](https://github.com/software-mansion/react-native-svg)                                                      | 15.0.0         | Yes                 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)                                       | [Link](/zh-cn/react-native-svg-capi.md)                        |
+| 98   | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                            | 3.2.9          | -                  | \-                                                                                                                                                          | [Link](/zh-cn/react-native-swipe-list-view.md)                 |
+| 99   | [react-native-swiper](https://github.com/leecade/react-native-swiper)                                                         | 1.6.0          | -                  | \-                                                                                                                                                          | [Link](/zh-cn/react-native-swiper.md)                          |
+| 100  | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view)         | 3.5.2          | -                  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases)                                          | [Link](/zh-cn/react-native-tab-view.md)                        |
+| 101  | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size)                                                  | 4.0.0          | Yes                 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases)                                   | [Link](/zh-cn/react-native-text-size.md)                       |
+| 102  | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup)                                 | 1.2.0          | \-                 | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)                       | [Link](/zh-cn/react-native-transitiongroup.md)                 |
+| 103  | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal)                                      | 1.1.0          | No                 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)                   | [Link](/zh-cn/react-native-translucent-modal.md)               |
+| 104  | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)                                             | 10.0.3         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-vector-icons.md)                    |
+| 105  | [react-native-video](https://github.com/react-native-video/react-native-video)                                                | 5.2.1          | Yes                 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video)                                                    | [Link](/zh-cn/react-native-video.md)                           |
+| 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                       | 3.8.0          | No                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [Link](/zh-cn/react-native-view-shot.md)                       |
+| 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                          | 13.6.2         | Yes                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [Link](/zh-cn/react-native-webview.md)                         |
+| 108  | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core)                                           | 0.5.0          | Yes                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [Link](/zh-cn/react-native-worklets-core.md)                   |
+| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                         | 9.1.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-redux.md)                                  |
+| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                                 | 6.22.3         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-router-dom.md)                             |
+| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                          | 17.2.4         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-use.md)                                    |
+| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/recyclerListView.md)                             |
+| 113  | [redux](https://github.com/reduxjs/redux)                                                                                     | 5.0.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux.md)                                        |
+| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                             | 3.0.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-actions.md)                                |
+| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                     | 3.0.6          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-logger.md)                                 |
+| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                       | 6.0.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-persist.md)                                |
+| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                         | 3.1.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-thunk.md)                                  |
+| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                     | 2.2.3          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-toolkit.md)                                |
+| 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                                  | 3.0.3          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/rn-placeholder.md)                               |
+| 120  | [styled-components](https://github.com/styled-components/styled-components)                                                   | 6.1.8          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/styled-components.md)                            |
+| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                               | 5.1.5          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/styled-system.md)                                |
+| 122  | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors)                                          | 7.2.1          | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [Link](/zh-cn/react-native-sensors.md)                         |
+| 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                             | 0.0.25         | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [Link](/zh-cn/react-native-sortable-list.md)                   |
+| 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                            | 2.3.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-easy-toast.md)                      |
+| 125  | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence)                                      | 0.9.1          | No                 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases)                       | [Link](/zh-cn/react-native-image-sequence-2.md)                |
+| 126  | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather)                                               | 1.1.2          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-feather.md)                         |
+| 127  | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack)        | 6.9.26         | −                  | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)                             | [Link](/zh-cn/react-navigation-native-stack.md)                |
+| 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                                | 1.1.8          | Yes                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [Link](/zh-cn/react-native-clippath-capi.md)                   |
+| 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                          | 1.1.5          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-waterfall-flow.md)                  |
+| 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                     | 0.1.11         | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-vconsole.md)                        |
+| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                     | 0.0.1          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-better-banner.md)                   |
+| 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                      | 1.3.0          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-ezswiper.md)                        |
+| 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                      | 0.10.3         | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-image-header-scroll-view.md)        |
+| 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                          | 1.2.8          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-linear-gradient-text.md)            |
+| 135  | [react-native-marquee-ab](https://github.com/ZhangTaoK/react-native-marquee-ab)                                               | 2.0.0-rc.1     | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-marquee-ab.md)                      |
+| 136  | [react-native-reconnecting-websocket](https://github.com/React-Sextant/react-native-reconnecting-websocket)                   | 1.0.3          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-reconnecting-websocket.md)          |
+| 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                   | 1.3.0          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-json-tree.md)                       |
+| 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                        | 2.1.5          | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [Link](/zh-cn/react-native-image-gallery.md)                   |
+| 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                                   | 0.40.3         | Yes                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [Link](/zh-cn/react-native-image-crop-picker.md)               |
+| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                       | 0.1.3          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-image-base64.md)                    |
+| 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                           | 1.0.1          | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [Link](/zh-cn/react-native-map-linking.md)                     |
+| 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                          | 4.0.1          | No                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [Link](/zh-cn/react-native-vision-camera.md)                   |
+| 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                            | 7.0.0          | No                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [Link](/zh-cn/react-native-zip-archive.md)                     |
+| 144  | [react-native-audio](https://github.com/jsierles/react-native-audio)                                                          | 4.3.1          | No                 | [@react-native-oh-tpl/react-native-audio](https://github.com/react-native-oh-library/react-native-audio/releases)                                           | [Link](/zh-cn/react-native-audio.md)                           |
+| 145  | [react-native-simple-toast](https://github.com/vonovak/react-native-simple-toast)                                             | 3.3.1          | Yes                 | [@react-native-oh-tpl/react-native-simple-toast](https://github.com/react-native-oh-library/react-native-simple-toast/releases)                             | [Link](/zh-cn/react-native-simple-toast.md)                    |
+| 146  | [react-native-localize](https://github.com/zoontek/react-native-localize)                                                     | 3.1.0          | Yes                 | [@react-native-oh-tpl/react-native-localize](https://github.com/react-native-oh-library/react-native-localize/releases)                                     | [Link](/zh-cn/react-native-localize.md)                        |
+| 147  | [@bam.tech/react-native-image-resizer](https://github.com/bamlab/react-native-image-resizer)                                  | 3.0.9          | Yes                 | [@react-native-oh-tpl/react-native-image-resizer](https://github.com/react-native-oh-library/react-native-image-resizer/releases)                           | [Link](/zh-cn/bam-tech-react-native-image-resizer.md)          |
+| 148  | [react-native-calendar-events](https://github.com/wmcmahan/react-native-calendar-events)                                      | 2.2.0          | No                 | [@react-native-oh-tpl/react-native-calendar-events](https://github.com/react-native-oh-library/react-native-calendar-events/releases)                       | [Link](/zh-cn/react-native-calendar-events.md)                 |
+| 149  | [react-native-fileupload](https://github.com/PhilippKrone/react-native-fileupload)                                            | 1.1.0          | No                 | [@react-native-oh-tpl/react-native-fileupload](https://github.com/react-native-oh-library/react-native-fileupload/releases)                                 | [Link](/zh-cn/react-native-fileupload.md)                      |
+| 150  | [react-native-flexi-radio-button](https://github.com/thegamenicorus/react-native-flexi-radio-button)                          | 0.2.1          | -                  | \-                                                                                                                                                          | [Link](/zh-cn/react-native-flexi-radio-button.md)              |
+| 151  | [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings)                                      | 5.0.1          | -                  | \-                                                                                                                                                          | [Link](/zh-cn/react-native-root-siblings.md)                   |
+| 152  | [react-native-root-modal](https://github.com/magicismight/react-native-root-modal)                                            | 5.0.0          | -                  | [@react-native-oh-tpl/react-native-root-modal](https://github.com/react-native-oh-library/react-native-root-modal/releases)                                 | [Link](/zh-cn/react-native-root-modal.md)                      |
+| 153  | [react-native-switch-pro](https://github.com/poberwong/react-native-switch-pro)                                               | 1.0.5          | -                  | [@react-native-oh-tpl/react-native-switch-pro](https://github.com/react-native-oh-library/react-native-switch-pro/releases)                                 | [Link](/zh-cn/react-native-switch-pro.md)                      |
+| 154  | [react-native-drop-shadow](https://github.com/hoanglam10499/react-native-drop-shadow)                                         | 1.0.0          | -                  | \-                                                                                                                                                          | [Link](/zh-cn/react-native-drop-shadow.md)                     |
+| 155  | [react-native-nested-scroll-view](https://github.com/cesardeazevedo/react-native-nested-scroll-view)                          | 9.0.0          | -                  | [@react-native-oh-tpl/react-native-nested-scroll-view](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)                 | [Link](/zh-cn/react-native-nested-scroll-view.md)              |
+| 156  | [react-native-code-push](https://github.com/microsoft/react-native-code-push)                                                 | 8.0.2          | Yes                 | [@react-native-oh-tpl/react-native-code-push](https://github.com/react-native-oh-library/react-native-code-push/releases)                                   | [Link](/zh-cn/react-native-code-push.md)                       |
+| 157  | [react-native-safe-module](https://github.com/lelandrichardson/react-native-safe-module)                                      | 1.2.0          | -                  | [@react-native-oh-tpl/react-native-safe-module](https://github.com/react-native-oh-library/react-native-safe-module/releases)                               | [Link](/zh-cn/react-native-safe-module.md)                     |
+| 158  | [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage)                                          | 6.0.1          | No                 | [@react-native-oh-tpl/react-native-sqlite-storage](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)                         | [Link](/zh-cn/react-native-sqlite-storage.md)                  |
+| 159  | [react-native-text-gradient](https://github.com/iyegoroff/react-native-text-gradient)                                         | 0.1.7          | No                 | [@react-native-oh-tpl/react-native-text-gradient](https://github.com/react-native-oh-library/react-native-text-gradient/releases)                           | [Link](/zh-cn/react-native-text-gradient.md)                   |
+| 160  | [react-native-bindingx](https://github.com/alibaba/bindingx)                                                                  | 1.0.3          | No                 | [@react-native-oh-tpl/react-native-bindingx](https://github.com/react-native-oh-library/react-native-bindingx/releases)                                     | [Link](/zh-cn/react-native-bindingx.md)                        |
+| 161  | [react-native-cardview](https://github.com/Kishanjvaghela/react-native-cardview)                                              | 2.0.3          | No                 | [@react-native-oh-tpl/react-native-cardview](https://github.com/react-native-oh-library/react-native-cardview/releases)                                     | [Link](/zh-cn/react-native-cardview.md)                        |
+| 162  | [react-native-largelist](https://github.com/bolan9999/react-native-largelist)                                                 | 3.1.0-rc.2     | \-                 | [@react-native-oh-tpl/react-native-largelist](https://github.com/react-native-oh-library/react-native-largelist/releases)                                   | [Link](/zh-cn/react-native-largelist.md)                       |
+| 163  | [react-native-spring-scrollview](https://github.com/bolan9999/react-native-spring-scrollview/tree/master)                     | 2.0.22         | No                 | [@react-native-oh-tpl/react-native-spring-scrollview](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)                   | [Link](/zh-cn/react-native-spring-scrollview.md)               |
+| 164  | [react-native-color-matrix-image-filters](https://github.com/iyegoroff/react-native-color-matrix-image-filters)               | 6.0.5          | Yes                 | [@react-native-oh-tpl/react-native-color-matrix-image-filters](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) | [Link](/zh-cn/react-native-color-matrix-image-filters.md)      |
+| 165  | [react-native-toast](https://github.com/remobile/react-native-toast/tree/master)                                              | 1.0.7          | No                 | [@react-native-oh-tpl/react-native-toast](https://github.com/react-native-oh-library/react-native-toast/releases)                                           | [Link](/zh-cn/remobile-react-native-toast.md)                  |
+| 166  | [ react-native-syan-image-picker ](https://github.com/syanbo/react-native-syan-image-picker)                                  | 0.5.3          | No                 | [@react-native-oh-tpl/react-native-syan-image-picker](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases)                   | [Link](/zh-cn/react-native-syan-image-picker.md)               |
+| 167  | [react-native-amap-geolocation](https://github.com/qiuxiang/react-native-amap-geolocation)                                    | 1.2.3          | No                 | [@react-native-oh-tpl/react-native-amap-geolocation](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)                     | [Link](/zh-cn/react-native-amap-geolocation.md)                |
+| 168  | [react-native-splash-screen](https://github.com/crazycodeboy/react-native-splash-screen)                                      | 3.3.0          | No                 | [@react-native-oh-tpl/react-native-splash-screen](https://github.com/react-native-oh-library/react-native-splash-screen/releases)                           | [Link](/zh-cn/react-native-splash-screen.md)                   |
+| 169  | [react-native-baidu-map](https://github.com/lovebing/react-native-baidu-map)                                                  | 1.0.37         | No                 | [@react-native-oh-tpl/react-native-baidu-map](https://github.com/react-native-oh-library/react-native-baidu-map/releases)                                   | [Link](/zh-cn/react-native-baidu-map.md)                       |
+| 170  | [react-native-ble-plx](https://github.com/dotintent/react-native-ble-plx)                                                     | 3.2.0          | No                 | [@react-native-oh-tpl/react-native-ble-plx](https://github.com/react-native-oh-library/react-native-ble-plx/releases)                                       | [Link](/zh-cn/react-native-ble-plx.md)                         |
+| 171  | [react-native-device-info](https://github.com/react-native-device-info/react-native-device-info)                              | 11.1.0         | No                 | [@react-native-oh-tpl/react-native-device-info](https://github.com/react-native-oh-library/react-native-device-info/releases)                               | [Link](/zh-cn/react-native-device-info.md)                     |
+| 172  | [react-native-amap3d](https://github.com/qiuxiang/react-native-amap3d)                                                        | 3.2.4          | No                 | [@react-native-oh-tpl/react-native-amap3d](https://github.com/react-native-oh-library/react-native-amap3d/releases)                                         | [Link](/zh-cn/react-native-amap3d.md)                          |
+| 173  | [@itenl/react-native-scrollable-tabview](https://github.com/itenl/react-native-scrollable-tabview)                            | 1.1.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-scrollable-tabview.md)              |
+| 174  | [rneui](https://github.com/react-native-elements/react-native-elements)                                                       | 4.0.0-rc.8     | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 175  | [react-native-root-toast](https://github.com/magicismight/react-native-root-toast)                                            | 3.5.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-root-toast.md)                      |
+| 176  | [react-native-background-timer](https://github.com/ocetnik/react-native-background-timer)                                     | 2.4.1          | No                 | [@react-native-oh-tpl/react-native-background-timer](https://github.com/react-native-oh-library/react-native-background-timer/releases)                     | [Link](/zh-cn/react-native-background-timer.md)                |
+| 177  | [react-native-htmlview](https://github.com/jsdf/react-native-htmlview)                                                        | 0.17.0         | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-htmlview.md)                        |
+| 178  | [react-native-spinkit](https://github.com/maxs15/react-native-spinkit)                                                        | 1.5.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-spinkit.md)                         |
+| 179  | [react-navigation-shared-element](https://github.com/IjzerenHein/react-navigation-shared-element)                             | 3.1.2          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-navigation-shared-element.md)              |
+| 180  | [react-native-switch-selector](https://github.com/App2Sales/react-native-switch-selector)                                     | 2.1.4          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-switch-selector.md)                 |
+| 181  | [@callstack/react-theme-provider](https://github.com/callstack/react-theme-provider)                                          | 3.0.9          | -                  | -                                                                                                                                                           | [Link](/zh-cn/callstack-react-theme-provider.md)               |
+| 182  | [react-native-http-bridge](https://github.com/alwx/react-native-http-bridge)                                                  | 0.6.1          | Yes                 | [@react-native-oh-tpl/react-native-http-bridge](https://github.com/react-native-oh-library/react-native-http-bridge/releases)                               | [Link](/zh-cn/react-native-http-bridge.md)                     |
+| 183  | [react-native-qr-decode-image-camera](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera)                  | 1.1.3          | No                 | [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)         | [Link](/zh-cn/react-native-qr-decode-image-camera.md)          |
+| 184  | [react-native-touch-id](https://github.com/naoufal/react-native-touch-id)                                                     | 4.4.1          | No                 | [@react-native-oh-tpl/react-native-touch-id](https://github.com/react-native-oh-library/react-native-touch-id/releases)                                     | [Link](/zh-cn/react-native-touch-id.md)                        |
+| 185  | [react-native-animatable](https://github.com/oblador/react-native-animatable)                                                 | 1.4.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-animatable.md)                      |
+| 186  | [react-native-modal](https://github.com/react-native-modal/react-native-modal)                                                | 13.0.1         | -                  | [@react-native-oh-tpl/react-native-modal](https://github.com/react-native-oh-library/react-native-modal/releases)                                           | [Link](/zh-cn/react-native-modal.md)                           |
+| 187  | [react-native-collapsible](https://github.com/oblador/react-native-collapsible)                                               | 1.6.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-collapsible.md)                     |
+| 188  | [react-native-contacts](https://github.com/rt2zz/react-native-contacts)                                                       | 7.0.7          | No                 | -                                                                                                                                                           | [Link](/zh-cn/react-native-contacts.md)                        |
+| 189  | [react-native-restart](https://github.com/avishayil/react-native-restart)                                                     | 0.0.27         | Yes                 | [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)                                       | [Link](/zh-cn/react-native-restart.md)                         |
+| 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting)                                       | 1.7.6          | No                 | [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)                         | [Link](/zh-cn/react-native-system-setting.md)                  |
+| 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | No                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [Link](/zh-cn/react-native-keep-awake.md)                      |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [Link](/zh-cn/react-navigation.md)                             |
+| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference)                              | 1.4.4          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | No                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [Link](/zh-cn/react-native-ble-manager.md)                     |
+| 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | No                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                         | [Link](/zh-cn/react-native-sensitive-info.md)                  |
+| 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation)                                | 0.1.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-typing-animation.md)                |
+| 198  | [react-native-multi-slider](https://github.com/ptomasroos/react-native-multi-slider)                                          | 2.2.2          | -                  | [@react-native-oh-tpl/react-native-multi-slider](https://github.com/react-native-oh-library/react-native-multi-slider/releases)                             | [Link](/zh-cn/react-native-multi-slider.md)                    |
+| 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation)                                                | 3.1.3          | -                  | [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)                               | [Link](/zh-cn/react-native-orientation.md)                     |
+| 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [Link](/zh-cn/rn-tourguide.md)                                 |
+| 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | Yes                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [Link](/zh-cn/react-native-performance.md)                     |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker)                                  | 5.4.6          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 204  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                | 10.2.1         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | Yes                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [Link](/zh-cn/react-native-document-picker.md)                 |
+| 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | No                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [Link](/zh-cn/react-native-fingerprint-scanner.md)             |
+| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values)                                    | 1.11.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | No                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [Link](/zh-cn/react-native-orientation-locker.md)              |
+| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters)                                              | 0.4.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-shadow-2.md)                        |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind)                                          | 2.0.11         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback)                                      | 2.2.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-url-polyfill.md)                    |
+| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder)                               | 2.0.8          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-ratings.md)                         |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid)                                                 | 0.2.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto)                                                          | 2.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles)                                                   | 2.7.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | No                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [Link](/zh-cn/react-native-signature-capture.md)               |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | No                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [Link](/zh-cn/react-native-material-buttons.md)                |
+| 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet)                                          | 4.0.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-action-sheet.md)                    |
+| 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-communications.md)                  |
+| 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox)                                                   | 0.9.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-lightbox.md)                        |
+| 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail)                                | 2.0.0          | No                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)                     | [Link](/zh-cn/react-native-create-thumbnail.md)                |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts)                                                  | 7.0.7          | No                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases)                                     | [Link](/zh-cn/react-native-contacts.md)                        |
+| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser)                                   | 3.7.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-storage.md)                         |
+| 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper)                                        | 0.6.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 264  | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc)                               | 3.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [Link](/zh-cn/react-native-material-textfield.md)              |
+| 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper)                           | 2.1.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-material-design-style.md)           |
+| 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-flip-card.md)                       |
+| 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | No                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [Link](/zh-cn/react-native-randombytes.md)                     |
+| 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | Yes                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [Link](/zh-cn/react-native-view-overflow.md)                   |
+| 275  | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text)                                             | 1.13.0         | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-masked-text.md)                     |
+| 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-parsed-text.md)                     |
+| 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)               | 3.0.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                                                  | 0.0.22         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-autocomplete-input.md)              |
+| 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                                                    | 4.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-error-boundary.md)                  |
+| 293  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | No                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [Link](/zh-cn/react-native-ble-manager.md)                     |
+| 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [Link](/zh-cn/react-native-svg-charts.md)                      |
+| 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | No                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [Link](/zh-cn/react-native-file-viewer.md)                     |
+| 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 297  | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                                        | 0.12.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 304  | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                                          | 1.2.6          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | Yes                 |[@react-native-oh-tpl/react-native-audio-recorder-player](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)                               | [Link](/zh-cn/react-native-audio-recorder-player.md)                                                         |
+| 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 307  | [react-native-notifier](https://github.com/seniv/react-native-notifier)                                                       | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 311  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                                                     | 5.6.2          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 313  | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                                           | 2.1.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 314  | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                               | 1.5.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 315  | [react-native-mail](https://github.com/chirag04/react-native-mail)                                                            | 6.1.1          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 316  | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile) | 3.2.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 317  | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                                                       | 2.4.6          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 318  | [react-native-tts](https://github.com/ak1394/react-native-tts)                                                                | 4.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 319  | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                                 | 12.0.0         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 323  | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                                               | 5.0.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 324  | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                                         | 4.3.14         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 328  | [react-native-switch](https://github.com/shahen94/react-native-switch)                                                        | 1.5.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu)                                              | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-material-menu.md)                   |
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 331  | [galio-framework](https://github.com/galio-org/galio)                                                                         | 0.8.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | No                 | [@react-native-oh-tpl/react-native-incall-manager](https://github.com/react-native-oh-library/react-native-incall-manager/releases)                               | [Link](/zh-cn/react-native-incall-manager.md)                                                         |
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)                                               | 6.2.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)                              | 0.7.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent)                                         | 1.3.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 337  | [react-native-copilot](https://github.com/mohebifar/react-native-copilot)                                                     | 3.3.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery)                                     | 0.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet)                                   | 0.3.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)                                                     | 1.7.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar)                      | 2.6.4          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer)                                  | 3.2.8          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color)                           | 2.0.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript)                | 0.0.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)                              | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-dismiss-keyboard.md)                |
+| 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access)                                             | 3.1.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading)                                      | 1.2.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | Yes                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [Link](/zh-cn/react-native-mlkit-ocr.md)                                                          |
+| 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 6.2.11         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control)                                           | 6.0.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 360  | [@baronha/ting](https://github.com/baronha/ting)                                                                              | 1.2.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings)                            | 1.0.2          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors)                                                | 0.4.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [Link](/zh-cn/react-native-barcode-builder.md)                 |
+| 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | No                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [Link](/zh-cn/react-native-neomorph-shadows.md)                |
+| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [Link](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
+| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-dynamic.md)                         |
+| 374  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-md5.md)                             |
+| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-modal-popover.md)                   |
+| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-modalbox.md)                        |
+| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-secharts.md)                        |
+| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-subscribe.md)                              |
+| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-pickers.md)                         |
+| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [Link](/zh-cn/react-native-QRCode.md)                          |
+| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [Link](/zh-cn/react-native-tab-navigator.md)                   |
+| 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-calendars.md)                       |
+| 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [Link](/zh-cn/react-native-doc-viewer.md)                      |
+
+## Community
+
+[Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/en/_coverpage.md b/en/_coverpage.md
new file mode 100644
index 00000000..a5356df5
--- /dev/null
+++ b/en/_coverpage.md
@@ -0,0 +1,10 @@
+<!-- _coverpage.md -->
+![logo](/img/react.svg ':size=20%')
+
+# React Native OpenHarmony Third-Party Library Documentation
+
+> React Native OpenHarmony Third-Party Library Documentation
+
+[Gitee](https://gitee.com/react-native-oh-library/usage-docs)
+[GitHub](https://github.com/react-native-oh-library/usage-docs)
+[Getting Started](/en/README_EN.md)
\ No newline at end of file
diff --git a/en/_navbar.md b/en/_navbar.md
new file mode 100644
index 00000000..690efce1
--- /dev/null
+++ b/en/_navbar.md
@@ -0,0 +1,11 @@
+<!-- _navbar.md -->
+
+- Related Links
+  - [Gitee repository](https://gitee.com/react-native-oh-library/usage-docs/tree/master)
+  - [RNOH third-party library repositories](https://github.com/orgs/react-native-oh-library/repositories)
+  - [RNOH repository](https://gitee.com/openharmony-sig/ohos_react_native)
+  - [OpenHarmony Application Development Documentation](https://gitee.com/openharmony/docs/blob/master/en/application-dev/Readme-EN.md)
+  - [Docsify](https://docsify.js.org/#/)
+- Translations
+  - [Chinese](/zh-cn/)
+  - [English](/en/README_EN.md)
\ No newline at end of file
diff --git a/en/_sidebar.md b/en/_sidebar.md
new file mode 100644
index 00000000..280762b9
--- /dev/null
+++ b/en/_sidebar.md
@@ -0,0 +1 @@
+NA
\ No newline at end of file
diff --git a/en/model.md b/en/model.md
new file mode 100644
index 00000000..00a543fe
--- /dev/null
+++ b/en/model.md
@@ -0,0 +1,337 @@
+# Document Template (Delete)
+
+> [!ATTENTION] When using this template, delete the statements that end with "(Delete)", and modify the content enclosed by angle brackets (<>). (Delete)
+
+> Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>&lt;npm package name of the source repository&gt;</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/%3CAddress%20of%20the%20source%20code%20repository%3E">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%3COther%20supported%20platforms%20can%20be%20added%20here%3E|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/%3CPath%20of%20the%20LICENSE%20adopted%20by%20the%20source%20code%20repository%20(if%20any)%3E">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [GitHub address](https://github.com/<Address of the HarmonyOS source code repository>)
+
+Example:
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-safe-area-context) (Delete)
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/\<Repository name> Releases](https://github.com/<Repository address>/releases).
+
+Example: [@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases) (Delete)
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/<Repository name>@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/<Repository name>@file:#
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+// react-native-safe-area-context is used as an example.
+import React from "react";
+import { Text, View } from "react-native";
+import {
+  SafeAreaProvider,
+  SafeAreaView,
+  initialWindowMetrics,
+} from "react-native-safe-area-context";
+
+const App = () => {
+  return (
+    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+      <SafeAreaView style={{ flex: 1, backgroundColor: "red" }}>
+        <View style={{ flex: 1 }}>
+          <Text>hello</Text>
+        </View>
+      </SafeAreaView>
+    </SafeAreaProvider>
+  );
+};
+
+export default App;
+```
+
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Currently, two methods are available:
+
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/<Package_Name>": "file:../../node_modules/@react-native-oh-tpl/<Package_Name>/harmony/<xxx>.har"
+    // Prompt: "@react-native-oh-tpl/react-native-safe-area-context": "file:../../node_modules/@react-native-oh-tpl/react-native-safe-area-context/harmony/safe_area.har" (Delete)
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+
+### 3. Configuring CMakeLists and Introducing xxx Package
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-safe-area-context/src/main/cpp" ./safe-area)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_safe_area)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SafeAreaViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SafeAreaViewPackage>(ctx),
+    };
+}
+```
+
+**Note: Introduce Fabric components to ArkTS.** (Delete)
+
+### 4. Introducing xxx Component to ArkTS
+
+(If the code of the repository is written through CAPI, delete this section.)<br>Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
+
+```diff
+  ...
++ import { SAFE_AREA_VIEW_TYPE, SafeAreaView, SAFE_AREA_PROVIDER_TYPE, SafeAreaProvider } from "@react-native-oh-tpl/react-native-safe-area-context"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === SAFE_AREA_VIEW_TYPE) {
++   SafeAreaView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.  
+
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RNC_VIDEO_TYPE
+  ];
+```
+
+**Note: TurboModule** (Delete)
+
+### 5. Introducing xxx Package to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
+
+```diff
+  ...
++ import {SafeAreaViewPackage} from '@react-native-oh-tpl/react-native-safe-area-context/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SafeAreaViewPackage(ctx)
+  ];
+}
+```
+
+### 6. Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
+
+**Repository with a Release version** (Delete)
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [\<HarmonyOS npm package name> Releases](https://github.com/<repository address>/releases)
+
+Example: [@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases) (Delete)
+
+**Source repository without a Release version** (Delete)
+
+This document is verified based on the following versions:
+
+(Example)
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+### Permission Requirements (If Any)
+
+(Enter the related permission configuration.)
+
+**Check the description about the supported mobile phone platforms in the description of properties, static methods, and APIs. For example, if HarmonyOS APIs are supported and iOS and Android are mentioned in the description, check whether harmony needs to be added to the description. Example: (Delete)**
+
+```
+// Original description.
+Needed for Android to work properly with assets, iOS will ignore it.
+// Modified description.
+Needed for Android and harmony to work properly with assets, iOS will ignore it.
+```
+
+(Delete)
+
+## Properties (If Any)
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
+
+## Static Methods (If Any)
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
+
+## APIs (TurboModules, If Any)
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
+
+## Known Issues
+
+- [ ] xxx issue: [issue#\*\*\*](https://github.com/issue address 1)
+- [ ] yyy issue: [issue#\*\*\*](https://github.com/issue address 2)
+
+## Others
+
+## License
+
+This project is licensed under [XXX License (XXX)](https://github.com/xxx/xxx/blob/main/LICENSE.md).
+
+Example: This project is licensed under [MIT License](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md). (Delete)
diff --git a/index.html b/index.html
index 66bce317..a241ab6a 100644
--- a/index.html
+++ b/index.html
@@ -39,6 +39,7 @@
         // logo: '/img/logo.ico',
         // 仓库地址，点击右上角的Github章鱼猫头像会跳转到此地址
         // repo: 'https://gitee.com/react-native-oh-library/usage-docs/tree/master',
+        coverpage: ['/', '/en/'],
         // 封面支持，默认加载的是项目根目录下的_coverpage.md文件
         coverpage: true,
         // 侧边栏支持，默认加载的是项目根目录下的_sidebar.md文件
@@ -65,12 +66,12 @@
           placeholder: {
             "/": "搜索",
             "/zh-cn/": "搜索",
-            "/zh-en/": "Type to search",
+            "/en/": "Type to search",
           },
           noData: {
             "/": "搜索",
             "/zh-cn/": "找不到结果",
-            "/zh-en/": "No Results",
+            "/en/": "No Results",
           },
           depth: 4,
           hideOtherSidebarContent: false,
diff --git a/zh-en/README.md b/zh-en/README.md
deleted file mode 100644
index 599933b3..00000000
--- a/zh-en/README.md
+++ /dev/null
@@ -1 +0,0 @@
-EN
\ No newline at end of file
diff --git a/zh-en/_coverpage.md b/zh-en/_coverpage.md
deleted file mode 100644
index f3692d69..00000000
--- a/zh-en/_coverpage.md
+++ /dev/null
@@ -1,16 +0,0 @@
-<!-- _coverpage.md -->
-![logo](https://docsify.js.org/_media/icon.svg)
-
-# Docsify使用指南 
-
-> 💪Docsify使用指南，使用Typora+Docsify打造最强、最轻量级的个人&团队文档。
-
- 简单、轻便
-- 无需生成 html 文件
-- 众多主题
-
-
-[Gitee](https://gitee.com/librarycodes/docsify-low-cost-model)
-[GitHub](https://gitee.com/librarycodes/docsify-low-cost-model)
-[Docsify](https://docsify.js.org/#/)
-[Get Started](README.md)
\ No newline at end of file
diff --git a/zh-en/_navbar.md b/zh-en/_navbar.md
deleted file mode 100644
index 68890d7d..00000000
--- a/zh-en/_navbar.md
+++ /dev/null
@@ -1 +0,0 @@
-英文导航
\ No newline at end of file
diff --git a/zh-en/_sidebar.md b/zh-en/_sidebar.md
deleted file mode 100644
index 9426c458..00000000
--- a/zh-en/_sidebar.md
+++ /dev/null
@@ -1 +0,0 @@
-英文菜单
\ No newline at end of file

From 4abffd9c38247f416fb66a8a93282078f8ecd9e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=98=A5=E9=9B=B7?=
 <12437510+li-chunlei-0125@user.noreply.gitee.com>
Date: Mon, 30 Sep 2024 09:17:04 +0000
Subject: [PATCH 635/966] =?UTF-8?q?!1621=20docs:=20=E4=BF=AE=E6=94=B9=20vi?=
 =?UTF-8?q?ctory-native-xl=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20do?=
 =?UTF-8?q?cs:=20=E4=BF=AE=E6=94=B9=20victory-native-xl=20=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/victory-native-xl.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/zh-cn/victory-native-xl.md b/zh-cn/victory-native-xl.md
index ca3fabc4..cedd92a7 100644
--- a/zh-cn/victory-native-xl.md
+++ b/zh-cn/victory-native-xl.md
@@ -134,6 +134,8 @@ export default function LineChartExample() {
 | curveType   | A CurveType value that indicates the type of curve should be drawn (e.g. linear or natural) | string | no  | all | yes
 | connectMissingData  | The connectMissingData: boolean value that indicates whether missing data should be interpolated for the resulting Path. If set to true, the output will be a single, connected line chart path (even if there are missing data values). If set to false, if there is missing data values – the path will consist of multiple disconnected "parts"| boolean | no  | all | yes
 | children | A children pass-thru that will be rendered inside of the Skia Path element, useful if you'd like to make e.g. a gradient path | object | no  | all | yes
+| strokeWidth| Set the width of the line | number| no  | all | yes
+| color| Set the color of the line | string| no  | all | yes
 
 
 ### Area Chart
@@ -146,6 +148,7 @@ export default function LineChartExample() {
 | curveType | A CurveType value that indicates the type of curve should be drawn (e.g. linear or natural) | string   | no  | all | yes
 | connectMissingData | The connectMissingData: boolean value that indicates whether missing data should be interpolated for the resulting Path. If set to true, the output will be a single, connected area chart path (even if there are missing data values). If set to false, if there is missing data values – the path will consist of multiple disconnected "parts"  | boolean | no  | all | yes
 | children  | A children pass-thru that will be rendered inside of the Skia Path element, useful if you'd like to make e.g. a gradient path | object   | no  | all | yes
+| color| Set the color of the area | string| no  | all | yes
 
 
 ### Bar Chart
@@ -159,8 +162,8 @@ export default function LineChartExample() {
 | roundedCorners | The roundedCorners prop allows you to customize the roundedness of each corner of the Bar component. It's an object type that defines the radii for the top-left, top-right, bottom-right, and bottom-left corners | object  | no  | all | yes
 | barWidth | The barWidth prop takes a number and sets the width of the bar to that number. If not provided, the default is determined by the chartBounds and number of data points. Takes precendence over the barCount prop. Use this for the most fine grained control of bar width | number    | no  | all | yes
 | barCount | The barCount prop takes a number and sets the width of the bar as if there X data points. If not provided, the default is determined by the chartBounds and number of data points. Useful for getting a fixed bar width regardless of the number of data points. Use this for a more general control of bar width | number  | no  | all | yes
-| labels | The labels prop allows you to enable and customize the data label of the Bar component. The data label text is the Y-axis value associated with the Bar component | object | no  | all | yes
 | children | A children pass-thru that will be rendered inside of the Skia Path element, useful if you'd like to make e.g. a gradient path  | object | no  | all | yes
+| color| Set the color of the bar| string| no  | all | yes
 
 
 ### BarGroup Chart
@@ -175,6 +178,7 @@ export default function LineChartExample() {
 | onBarSizeChange | That alerts the consumer when the size of the bars/groups changes, useful for if you're building a custom tooltip and need to know the size of the groups/bars | function  | no  | all | yes
 | roundedCorners | The roundedCorners prop allows you to customize the roundedness of each corner of a BarGroup.Bar component. It's an object type that defines the radii for the top-left, top-right, bottom-right, and bottom-left corners | object   | no  | all | yes
 | children | An array of BarGroup.Bar elements (see below) that represent the bars to add to the bar group | object  | no  | all | yes
+| color| Set the color of the bar | string| no  | all | yes
 
 
 ### Scatter Chart
@@ -186,6 +190,8 @@ export default function LineChartExample() {
 | shape   | One of the following ScatterShape values that determines the shape of each point to be drawn  | ScatterShape   | no  | all | yes
 | animate | The animate prop takes a PathAnimationConfig object and will animate the path when the points change | object   | no  | all | yes
 | children | An array of BarGroup.Bar elements (see below) that represent the bars to add to the bar group | object  | no  | all | yes
+| style| set style stroke or fill  | string| no  | all | yes
+| strokeWidth| Set the width of the line | number| no  | all | yes
 
 ### Polar Chart
 

From e6d65196af93a9b1b57927c99d6f2c2b01edf433 Mon Sep 17 00:00:00 2001
From: gitee00000 <11373042+gitee00000@user.noreply.gitee.com>
Date: Tue, 8 Oct 2024 02:23:50 +0000
Subject: [PATCH 636/966] =?UTF-8?q?!1608=20docs:=20[Issues:=20#IAUEG6]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-custom-keyboard=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUEG6]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-custom-keyboard=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-custom-keyboard.md | 339 ++++++++++++++++++++++++++
 1 file changed, 339 insertions(+)
 create mode 100644 zh-cn/react-native-custom-keyboard.md

diff --git a/zh-cn/react-native-custom-keyboard.md b/zh-cn/react-native-custom-keyboard.md
new file mode 100644
index 00000000..634b34c8
--- /dev/null
+++ b/zh-cn/react-native-custom-keyboard.md
@@ -0,0 +1,339 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-custom-keyboard</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/reactnativecn/react-native-custom-keyboard">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-custom-keyboard)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-custom-keyboard@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-custom-keyboard@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';  
+import {  
+  StyleSheet,  
+  Text,  
+  View,  
+  TouchableOpacity,  
+} from 'react-native';  
+
+import {  
+  CustomTextInput,  
+  register,  
+  insertText,  
+  backSpace,  
+} from 'react-native-custom-keyboard';  
+
+/**  
+ * Custom Keyboard Component  
+ */  
+const MyKeyboard = ({ tag }) => {  
+  const onPress = (value) => {  
+    insertText(tag, value);  
+  };  
+
+  return (  
+    <View style={styles.keyboard}>  
+      {[[1, 2, 3], [4, 5, 6], [7, 8, 9]].map((row, rowIndex) => (  
+        <View style={styles.row} key={`row-${rowIndex}`}>  
+          {row.map((num) => (  
+            <View style={styles.button} key={num}>  
+              <TouchableOpacity onPress={() => onPress(num.toString())}>  
+                <Text style={styles.buttonLabel}>{num}</Text>  
+              </TouchableOpacity>  
+            </View>  
+          ))}  
+        </View>  
+      ))}  
+      <View style={styles.row}>  
+        <View style={styles.button}>  
+          <TouchableOpacity onPress={() => onPress('0')}>  
+            <Text style={styles.buttonLabel}>0</Text>  
+          </TouchableOpacity>  
+        </View>  
+        <View style={styles.button}>  
+          <TouchableOpacity onPress={() => onPress('.')}>  
+            <Text style={styles.buttonLabel}>.</Text>  
+          </TouchableOpacity>  
+        </View>  
+        <View style={styles.button}>  
+          <TouchableOpacity onPress={() => backSpace(tag)}>  
+            <Text style={styles.buttonLabel}>←</Text>  
+          </TouchableOpacity>  
+        </View>  
+      </View>  
+    </View>  
+  );  
+};  
+
+register('price', () => MyKeyboard);  
+
+/**  
+ * Main Application Component  
+ */  
+const App = () => {  
+  return (  
+    <View style={styles.container}>  
+      <CustomTextInput  
+        customKeyboardType="price"  
+        style={styles.input}  
+      />  
+    </View>  
+  );  
+};  
+
+export default App;  
+
+/**  
+ * Style Definition  
+ */  
+const styles = StyleSheet.create({  
+  container: {  
+    flex: 1,  
+    justifyContent: 'center',  
+    alignItems: 'center',  
+    backgroundColor: '#F5FCFF',  
+  },  
+  input: {  
+    backgroundColor: '#ffffff',  
+    borderWidth: 1,  
+    borderColor: 'grey',  
+    width: 270,  
+    fontSize: 19,  
+  },  
+  keyboard: {  
+    backgroundColor: 'white',  
+  },  
+  row: {  
+    flexDirection: 'row',  
+  },  
+  button: {  
+    width: '33.3333%',  
+  },  
+  buttonLabel: {  
+    borderWidth: 0.5,  
+    borderColor: '#d6d7da',  
+    paddingVertical: 13,  
+    textAlign: 'center',  
+    fontSize: 20,  
+  },  
+});   
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-custom-keyboard": "file:../../node_modules/@react-native-oh-tpl/react-native-custom-keyboard/harmony/custom_keyboard.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 rnoh_custom_keyboard_package
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-custom-keyboard/src/main/cpp" ./custom-keyboard)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_custom_keyboard_package)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "CustomKeyboardPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<CustomKeyboardPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNCustomKeyboardPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+import type {RNPackageContext, RNPackage} from '@rnoh/react-native-openharmony/ts';
++import {RNCustomKeyboardPackage}  from '@react-native-oh-tpl/react-native-custom-keyboard/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++    new RNCustomKeyboardPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                       | Type   | Required | Platform | HarmonyOS Support |
+| ------------------ | --------------------------------- | ------ | -------- | -------- | ----------------- |
+| customKeyboardType | Use a registered custom keyboard. | string | no       | All      | yes               |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
+| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| register             | Register a custom keyboard type.                                                                                                                                                              | function | no       | All      | yes               |
+| install              | Install custom keyboard to a TextInput.  Generally you can use CustomTextInput instead of this. But you can use this API to install/change custom keyboard dynamically.                       | function | no       | All      | yes               |
+| uninstall            | Uninstall custom keyboard from a TextInput dynamically.                                                                                                                                       | function | no       | All      | yes               |
+| insertText           | Use in a custom keyboard, insert text to TextInput.                                                                                                                                           | function | no       | All      | yes               |
+| backSpace            | Use in a custom keyboard, delete selected text or the charactor before cursor.                                                                                                                | function | no       | All      | yes               |
+| doDelete             | Use in a custom keyboard, delete selected text or the charactor after cursor.                                                                                                                 | function | no       | All      | yes               |
+| moveLeft             | Use in a custom keyboard, move cursor to selection start or move cursor left.                                                                                                                 | function | no       | All      | yes               |
+| moveRight            | Use in a custom keyboard, move cursor to selection end or move cursor right.                                                                                                                  | function | no       | All      | yes               |
+| switchSystemKeyboard | Use in a custom keyboard. Switch to system keyboard.Next time user press or focus on the TextInput, custom keyboard will appear again. To keep using system keyboard, call uninstall instead. | function | no       | All      | yes               |
+
+## 其他
+
+## 遗留问题
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。

From 9727b27052aafdad2618e44aceee55d129df70d5 Mon Sep 17 00:00:00 2001
From: zm_code <2232592+zm_android_code@user.noreply.gitee.com>
Date: Tue, 8 Oct 2024 08:36:31 +0000
Subject: [PATCH 637/966] =?UTF-8?q?!1623=20docs:=E4=BF=AE=E6=94=B9=20victo?=
 =?UTF-8?q?ry-native-xl=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IAVEGB]=20=E4=BF=AE=E6=94=B9=20victory-native-xl?=
 =?UTF-8?q?=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/victory-native-xl.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/zh-cn/victory-native-xl.md b/zh-cn/victory-native-xl.md
index cedd92a7..f5b93794 100644
--- a/zh-cn/victory-native-xl.md
+++ b/zh-cn/victory-native-xl.md
@@ -192,6 +192,7 @@ export default function LineChartExample() {
 | children | An array of BarGroup.Bar elements (see below) that represent the bars to add to the bar group | object  | no  | all | yes
 | style| set style stroke or fill  | string| no  | all | yes
 | strokeWidth| Set the width of the line | number| no  | all | yes
+| color| Set the color of the bar| string| no  | all | yes
 
 ### Polar Chart
 
@@ -210,10 +211,12 @@ export default function LineChartExample() {
 **Bar related props for making Capped Bar chart**
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| innerRadius | TA number or string (as a percentage) which turns the Pie chart into a Donut chart. The innerRadius prop is the radius of the inner circle of the donut chart. If not provided, the chart will remain a Pie chart   | number  | no  | all | yes
+| innerRadius | A number or string (as a percentage) which turns the Pie chart into a Donut chart. The innerRadius prop is the radius of the inner circle of the donut chart. If not provided, the chart will remain a Pie chart   | number  | no  | all | yes
 | circleSweepDegrees | A number which defines how many degrees of the chart should be drawn. The default is 360 which will draw a full circle. If you want to draw a partial circle, you can set this prop to a value between 0 and 360  | number   | no  | all | yes
 | startAngle | A number which defines the starting angle of the chart. Changing this prop will rotate the chart     | number   | no  | all | yes
-| children | The children prop is a render function which maps through the data and whose sole argument is each individual slice of the pie, allowing you to customize each slice as needed. E.g. this slice will have all the data needed to render a Pie.Slice />   | function  | no  | all | yes
+| children | The children prop is a render function which maps through the data and whose sole argument is each individual slice of the pie, allowing you to customize each slice as needed. E.g. this slice will have all the data needed to render a Pie.Slice    | function  | no  | all | yes
+| angularStrokeWidth | A number which turns width of the Pie chart slice    | number  | no  | all | yes
+| angularStrokeColor |  A string which turns color of the Pie chart slice    | string  | no  | all | yes
 
 ## 遗留问题
 

From 7d8edee9e263d247609217e1117f14e669f92c58 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Tue, 8 Oct 2024 11:55:01 +0000
Subject: [PATCH 638/966] =?UTF-8?q?!1624=20docs:=20[Issues:=20#IAVH8S]=20?=
 =?UTF-8?q?=20=E5=88=9D=E5=A7=8B=E5=8C=96EN=E7=9B=AE=E5=BD=95=E4=B8=8B?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IAVH8S]=20=20=E5=88=9D=E5=A7=8B=E5=8C=96EN=E7=9B=AE?=
 =?UTF-8?q?=E5=BD=95=E4=B8=8B=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/EventBus.md                                |  328 ++++
 en/Immer.md                                   |  820 ++++++++
 en/NativeBase.md                              |  786 ++++++++
 en/Parse-SDK-JS.md                            |  337 ++++
 en/Shopify-restyle.md                         |  196 ++
 en/ant-design-react-native.md                 | 1155 ++++++++++++
 en/axios.md                                   |  153 ++
 en/bam-tech-react-native-image-resizer.md     |  398 ++++
 en/baronha-ting.md                            |  232 +++
 en/callstack-react-theme-provider.md          |  144 ++
 en/capi-architecture.md                       |   41 +
 en/codegen.md                                 |  102 +
 en/contribute.md                              |   51 +
 en/crypto-js.md                               |  626 +++++++
 en/dayJs.md                                   |  346 ++++
 en/deepmerge.md                               |  130 ++
 en/flipper-plugin-react-navigation.md         |   63 +
 en/freakycoder-react-native-bounceable.md     |  137 ++
 en/galio-framework.md                         |  407 ++++
 en/gorhom-bottom-sheet.md                     |  269 +++
 en/htmlparser2.md                             |  142 ++
 en/i18next.md                                 |  164 ++
 en/js-beautify.md                             |  778 ++++++++
 en/jsbarcode.md                               |  327 ++++
 en/klarna-platform-colors.md                  |  322 ++++
 en/link-source-code.md                        |   47 +
 en/lodash.md                                  |  196 ++
 en/lottie-react-native.md                     |  298 +++
 en/mobx-react.md                              |  158 ++
 en/mobx.md                                    |  197 ++
 en/moment.md                                  |  263 +++
 en/nativewind.md                              |  120 ++
 ...penspacelabs-react-native-zoomable-view.md |  189 ++
 en/parse5.md                                  |  167 ++
 en/patch.md                                   |   44 +
 en/prop-types.md                              |  125 ++
 en/qrcode-generator.md                        |  121 ++
 en/react-ahooks.md                            |  224 +++
 en/react-content-loader.md                    |  122 ++
 en/react-countdown-circle-timer.md            |  127 ++
 en/react-i18next.md                           |  115 ++
 en/react-lifecycles-compat.md                 |  180 ++
 en/react-native-MJRefresh.md                  |  278 +++
 en/react-native-QRCode.md                     |  140 ++
 en/react-native-SmartRefreshLayout.md         |  399 ++++
 en/react-native-action-button.md              |  153 ++
 en/react-native-action-sheet.md               |  244 +++
 en/react-native-alipay.md                     |  254 +++
 en/react-native-amap-geolocation.md           |  486 +++++
 en/react-native-amap3d.md                     |  523 ++++++
 en/react-native-animatable.md                 |  124 ++
 en/react-native-animate-number.md             |  175 ++
 en/react-native-apple-authentication.md       |  217 +++
 en/react-native-aria.md                       |  548 ++++++
 ...eact-native-async-storage-async-storage.md |  285 +++
 en/react-native-audio-recorder-player.md      |  722 +++++++
 en/react-native-audio-toolkit.md              |  615 ++++++
 en/react-native-audio.md                      |  229 +++
 en/react-native-autoLink.md                   |  144 ++
 en/react-native-autocomplete-dropdown.md      |  168 ++
 en/react-native-autocomplete-input.md         |  184 ++
 en/react-native-autoheight-webview.md         |  129 ++
 en/react-native-awesome-gallery.md            |  150 ++
 en/react-native-background-fetch.md           |  439 +++++
 en/react-native-background-timer.md           |  350 ++++
 en/react-native-baidu-map.md                  |  610 ++++++
 en/react-native-barcode-builder.md            |  115 ++
 en/react-native-bars.md                       |  222 +++
 en/react-native-base64.md                     |  130 ++
 en/react-native-better-banner.md              |  156 ++
 en/react-native-bindingx.md                   |  329 ++++
 en/react-native-ble-manager.md                |  610 ++++++
 en/react-native-ble-plx.md                    |  310 ++++
 en/react-native-blob-util.md                  |  610 ++++++
 ...-util\357\274\210nocodegen\357\274\211.md" |  654 +++++++
 en/react-native-blurhash.md                   |  442 +++++
 en/react-native-bootsplash.md                 |  390 ++++
 en/react-native-bouncy-checkbox.md            |  147 ++
 en/react-native-button.md                     |  128 ++
 en/react-native-calendar-events.md            |  412 ++++
 en/react-native-calendars.md                  |  261 +++
 en/react-native-callkeep.md                   |  248 +++
 en/react-native-camera-kit.md                 |  358 ++++
 en/react-native-cameraroll.md                 |  207 +++
 en/react-native-canvas.md                     |  169 ++
 en/react-native-cardview.md                   |  268 +++
 en/react-native-chart-kit.md                  |  282 +++
 en/react-native-charts-wrapper.md             |  682 +++++++
 en/react-native-check-box.md                  |  114 ++
 en/react-native-clipboard-clipboard.md        |  297 +++
 en/react-native-clippath-capi.md              |  249 +++
 en/react-native-clippathview.md               |  235 +++
 en/react-native-code-push.md                  |  432 +++++
 en/react-native-collapsible.md                |  146 ++
 en/react-native-color-matrix-image-filters.md |  290 +++
 en/react-native-communications.md             |  137 ++
 en/react-native-community-blur.md             |  424 +++++
 en/react-native-community-checkbox.md         |  273 +++
 en/react-native-community-datetimepicker.md   |  313 ++++
 en/react-native-community-geolocation.md      |  288 +++
 en/react-native-community-hooks.md            |  168 ++
 en/react-native-community-netinfo.md          |  317 ++++
 ...t-native-community-progress-bar-android.md |  249 +++
 en/react-native-community-progress-view.md    |  242 +++
 ...-native-community-push-notification-ios.md |  375 ++++
 ...eact-native-community-segmented-control.md |  110 ++
 en/react-native-community-slider.md           |  263 +++
 en/react-native-community-toolbar-android.md  |  319 ++++
 en/react-native-compass-heading.md            |  215 +++
 en/react-native-confetti-cannon.md            |  117 ++
 en/react-native-config.md                     |  251 +++
 en/react-native-confirmation-code-field.md    |  159 ++
 en/react-native-contacts.md                   |  570 ++++++
 en/react-native-context-menu-view.md          |  264 +++
 en/react-native-cookies-cookies.md            |  357 ++++
 en/react-native-copilot.md                    |  238 +++
 en/react-native-country-picker-modal.md       |  315 ++++
 en/react-native-create-thumbnail.md           |  298 +++
 en/react-native-credit-card-input.md          |  200 ++
 en/react-native-crypto-js.md                  |  162 ++
 en/react-native-crypto.md                     |  186 ++
 en/react-native-custom-keyboard.md            |  339 ++++
 en/react-native-date-picker.md                |  234 +++
 en/react-native-deck-swiper.md                |  480 +++++
 en/react-native-default-preference.md         |  195 ++
 en/react-native-device-info.md                |  296 +++
 en/react-native-dismiss-keyboard.md           |  161 ++
 en/react-native-doc-viewer.md                 |  437 +++++
 en/react-native-document-picker.md            |  395 ++++
 en/react-native-dotenv.md                     |  303 +++
 en/react-native-drag-sort.md                  |  673 +++++++
 en/react-native-drawer-layout-polyfill.md     |  275 +++
 en/react-native-drop-shadow.md                |  152 ++
 en/react-native-dropdown-picker.md            |  235 +++
 en/react-native-dropdownalert.md              |  442 +++++
 en/react-native-dynamic.md                    |  208 +++
 en/react-native-easy-grid.md                  |  103 +
 en/react-native-easy-toast.md                 |  118 ++
 en/react-native-echarts-pro.md                |  131 ++
 en/react-native-element-dropdown.md           |  471 +++++
 en/react-native-elements.md                   | 1071 +++++++++++
 en/react-native-email-link.md                 |  289 +++
 en/react-native-error-boundary.md             |  127 ++
 en/react-native-exception-handler.md          |  291 +++
 en/react-native-exit-app.md                   |  189 ++
 en/react-native-ezswiper.md                   |  372 ++++
 en/react-native-fast-image.md                 |  296 +++
 en/react-native-feather.md                    |  115 ++
 en/react-native-file-access.md                |  450 +++++
 en/react-native-file-selector.md              |  210 +++
 en/react-native-file-viewer.md                |  260 +++
 en/react-native-fileupload.md                 |  231 +++
 en/react-native-fingerprint-scanner.md        |  237 +++
 en/react-native-fit-Image.md                  |  328 ++++
 en/react-native-flash-message.md              |  162 ++
 en/react-native-flexi-radio-button.md         |  179 ++
 en/react-native-flip-card.md                  |  248 +++
 en/react-native-fs.md                         |  311 ++++
 en/react-native-gesture-handler.md            |  469 +++++
 en/react-native-get-random-values.md          |  185 ++
 en/react-native-gifted-charts.md              | 1012 ++++++++++
 en/react-native-gifted-chat.md                |  197 ++
 en/react-native-graph.md                      |  159 ++
 en/react-native-haptic-feedback.md            |  247 +++
 en/react-native-harmony-sample-package.md     |  382 ++++
 en/react-native-hole-view.md                  |  294 +++
 en/react-native-htmlview.md                   |  121 ++
 en/react-native-http-bridge.md                |  300 +++
 en/react-native-hyperlink.md                  |  109 ++
 en/react-native-iconfont-cli.md               |  224 +++
 en/react-native-idfa-aaid.md                  |  331 ++++
 en/react-native-idle-timer.md                 |  182 ++
 en/react-native-image-capinsets-next.md       |  272 +++
 en/react-native-image-colors.md               |  365 ++++
 ...act-native-image-crop-picker(nocodegen).md |  297 +++
 en/react-native-image-crop-picker.md          | 1066 +++++++++++
 en/react-native-image-editor.md               |  309 +++
 en/react-native-image-gallery.md              |  100 +
 en/react-native-image-header-scroll-view.md   |  301 +++
 en/react-native-image-marker.md               |  475 +++++
 en/react-native-image-pan-zoom.md             |  156 ++
 en/react-native-image-picker.md               |  292 +++
 en/react-native-image-rotate.md               |  250 +++
 en/react-native-image-sequence-2.md           |  422 +++++
 en/react-native-image-viewing.md              |  231 +++
 en/react-native-image-zoom-viewer.md          |  290 +++
 en/react-native-inappbrowser.md               |  527 ++++++
 en/react-native-incall-manager.md             |  745 ++++++++
 en/react-native-indicators.md                 |  267 +++
 en/react-native-input-scroll-view.md          |  120 ++
 en/react-native-intersection-observer.md      |  133 ++
 en/react-native-iphone-screen-helper.md       |  102 +
 en/react-native-json-tree.md                  |  272 +++
 en/react-native-keep-awake.md                 |  241 +++
 en/react-native-keyboard-accessory.md         |  209 +++
 en/react-native-keyboard-aware-scroll-view.md |  145 ++
 en/react-native-keyboard-controller.md        |  418 +++++
 en/react-native-keys.md                       |  256 +++
 en/react-native-largelist.md                  |  226 +++
 en/react-native-lightbox.md                   |  213 +++
 en/react-native-linear-gradient-text.md       |  108 ++
 en/react-native-linear-gradient.md            |  248 +++
 en/react-native-loading-spinner-overlay.md    |  122 ++
 en/react-native-localization-settings.md      |  231 +++
 en/react-native-localization.md               |  288 +++
 en/react-native-localize.md                   |  240 +++
 en/react-native-mail.md                       |  234 +++
 en/react-native-map-linking.md                |  169 ++
 en/react-native-maps-directions.md            |  246 +++
 en/react-native-maps.md                       |  879 +++++++++
 en/react-native-markdown-display.md           |  130 ++
 en/react-native-markdown-renderer.md          |  140 ++
 en/react-native-marquee-ab.md                 |  143 ++
 en/react-native-marquee.md                    |  112 ++
 en/react-native-mask-text.md                  |  178 ++
 en/react-native-masked-text.md                |  203 ++
 en/react-native-masked-view-masked-view.md    |  257 +++
 en/react-native-material-buttons.md           |  265 +++
 en/react-native-material-design-style.md      |  150 ++
 en/react-native-material-dropdown.md          |  163 ++
 en/react-native-material-menu.md              |  131 ++
 en/react-native-material-ripple.md            |  169 ++
 en/react-native-material-textfield.md         |  282 +++
 en/react-native-material-ui.md                |  610 ++++++
 en/react-native-md5.md                        |  128 ++
 en/react-native-mlkit-ocr.md                  |  330 ++++
 en/react-native-mmkv-storage.md               |  408 ++++
 en/react-native-modal-popover.md              |  323 ++++
 en/react-native-modal.md                      |  190 ++
 en/react-native-modalbox.md                   |  538 ++++++
 en/react-native-modals.md                     |  235 +++
 en/react-native-mqtt.md                       |  179 ++
 en/react-native-multi-slider.md               |  546 ++++++
 en/react-native-multiple-select.md            |  221 +++
 en/react-native-neomorph-shadows.md           |  147 ++
 en/react-native-nested-scroll-view.md         |  183 ++
 en/react-native-network-info.md               |  289 +++
 en/react-native-nfc-manager.md                |  473 +++++
 en/react-native-notifier.md                   |  226 +++
 en/react-native-offline.md                    |  163 ++
 en/react-native-ohos-community-auto-fill.md   |  276 +++
 en/react-native-orientation-locker.md         |  362 ++++
 en/react-native-orientation.md                |  313 ++++
 en/react-native-pager-view.md                 |  249 +++
 en/react-native-paper.md                      |  877 +++++++++
 en/react-native-parsed-text.md                |  226 +++
 en/react-native-pdf.md                        |  333 ++++
 en/react-native-performance.md                |  345 ++++
 en/react-native-permissions.md                |  454 +++++
 en/react-native-phone-number-input.md         |  216 +++
 en/react-native-picker-picker(nocodegen).md   |  311 ++++
 en/react-native-picker-picker.md              |  252 +++
 en/react-native-picker-select.md              |  238 +++
 en/react-native-picker.md                     |  314 ++++
 en/react-native-pickers.md                    |  337 ++++
 en/react-native-popover-view.md               |  189 ++
 en/react-native-popup-menu.md                 |  161 ++
 en/react-native-print.md                      |  303 +++
 en/react-native-progress.md                   |  233 +++
 en/react-native-pull.md                       |  473 +++++
 en/react-native-qr-decode-image-camera.md     |  315 ++++
 en/react-native-qrcode-svg.md                 |  110 ++
 en/react-native-quick-base64.md               |  598 ++++++
 en/react-native-randombytes.md                |  220 +++
 en/react-native-ratings.md                    |  188 ++
 en/react-native-reanimated-bottom-sheet.md    |  178 ++
 en/react-native-reanimated-carousel.md        |  268 +++
 en/react-native-reanimated-table.md           |  129 ++
 en/react-native-reanimated.md                 |  274 +++
 en/react-native-recaptcha-that-works.md       |  172 ++
 en/react-native-reconnecting-websocket.md     |  143 ++
 en/react-native-redash.md                     |  625 +++++++
 en/react-native-render-html.md                |  120 ++
 en/react-native-responsive-fontsize.md        |  112 ++
 en/react-native-restart.md                    |  176 ++
 en/react-native-root-modal.md                 |  198 ++
 en/react-native-root-siblings.md              |  298 +++
 en/react-native-root-toast.md                 |  157 ++
 en/react-native-safe-area-context.md          |  266 +++
 en/react-native-safe-module.md                |  108 ++
 en/react-native-safe-modules.md               |  140 ++
 en/react-native-screens.md                    |  158 ++
 en/react-native-screenshot-prevent.md         |  206 ++
 en/react-native-scroll-bottom-sheet.md        |  206 ++
 en/react-native-scrollable-tab-view.md        |  119 ++
 en/react-native-scrollable-tabview.md         |  209 +++
 en/react-native-secharts.md                   |  171 ++
 ...act-native-section-list-get-item-layout.md |   94 +
 en/react-native-securerandom.md               |  192 ++
 en/react-native-send-intent.md                |  280 +++
 en/react-native-sensitive-info.md             |  275 +++
 en/react-native-sensors.md                    |  218 +++
 en/react-native-shadow-2.md                   |  218 +++
 en/react-native-shake.md                      |  198 ++
 en/react-native-share.md                      |  376 ++++
 en/react-native-shimmer-placeholder.md        |  136 ++
 en/react-native-signature-canvas.md           |  212 +++
 en/react-native-signature-capture.md          |  308 +++
 en/react-native-simple-toast.md               |  164 ++
 en/react-native-size-matters.md               |  243 +++
 en/react-native-skia.md                       |  732 ++++++++
 en/react-native-slider.md                     |  196 ++
 en/react-native-snackbar.md                   |  285 +++
 en/react-native-snap-carousel.md              |  194 ++
 en/react-native-sortable-list.md              |  289 +++
 en/react-native-sound.md                      |  364 ++++
 en/react-native-spinkit.md                    |  233 +++
 en/react-native-splash-screen.md              |  227 +++
 en/react-native-spring-scrollview.md          |  309 +++
 en/react-native-sqlite-storage.md             |  631 +++++++
 en/react-native-step-indicator.md             |  316 ++++
 en/react-native-sticky-parallax-header.md     |  484 +++++
 en/react-native-stickyheader.md               |  152 ++
 en/react-native-storage.md                    |  419 +++++
 en/react-native-svg-capi.md                   |  656 +++++++
 en/react-native-svg-charts.md                 |  636 +++++++
 en/react-native-svg.md                        |  338 ++++
 en/react-native-swipe-gestures.md             |  172 ++
 en/react-native-swipe-list-view.md            |  319 ++++
 en/react-native-swipeable-list.md             |  457 +++++
 en/react-native-swiper.md                     |  235 +++
 en/react-native-switch-pro.md                 |  117 ++
 en/react-native-switch-selector.md            |  129 ++
 en/react-native-switch.md                     |  150 ++
 en/react-native-syan-image-picker.md          |  354 ++++
 en/react-native-system-setting.md             |  318 ++++
 en/react-native-tab-navigator.md              |  169 ++
 en/react-native-tab-view.md                   |  275 +++
 en/react-native-tcp-socket.md                 |  776 ++++++++
 en/react-native-testing-library.md            |  217 +++
 en/react-native-text-gradient.md              |  270 +++
 en/react-native-text-size.md                  |  361 ++++
 en/react-native-textinput-maxlength-fixed.md  |  172 ++
 en/react-native-theme-control.md              |  266 +++
 en/react-native-theme-switch-animation.md     |  248 +++
 en/react-native-thumbnail.md                  |  263 +++
 en/react-native-touch-id.md                   |  233 +++
 en/react-native-track-player.md               |  438 +++++
 en/react-native-transitiongroup.md            |  181 ++
 en/react-native-translucent-modal.md          |  117 ++
 en/react-native-tts.md                        |  318 ++++
 en/react-native-typing-animation.md           |  242 +++
 en/react-native-typography.md                 |  101 +
 en/react-native-udp.md                        |  283 +++
 en/react-native-ui-lib.md                     | 1653 +++++++++++++++++
 en/react-native-unitsyles.md                  |  616 ++++++
 en/react-native-url-polyfill.md               |  199 ++
 en/react-native-user-agent.md                 |  216 +++
 en/react-native-vconsole.md                   |  126 ++
 en/react-native-vector-drawable.md            |   91 +
 en/react-native-vector-icons.md               |  363 ++++
 en/react-native-version-number.md             |  172 ++
 en/react-native-video-cache.md                |  222 +++
 en/react-native-video-controls.md             |  154 ++
 en/react-native-video.md                      |  691 +++++++
 en/react-native-view-overflow.md              |   88 +
 en/react-native-view-pdf.md                   |  226 +++
 en/react-native-view-shot.md                  |  297 +++
 en/react-native-vision-camera.md              |  454 +++++
 en/react-native-voice-voice.md                |  534 ++++++
 en/react-native-walkthrough-tooltip.md        |   98 +
 en/react-native-waterfall-flow.md             |  213 +++
 en/react-native-waterflow-list.md             |  174 ++
 en/react-native-webview.md                    |  302 +++
 en/react-native-webviewr(nocodegen).md        |  358 ++++
 en/react-native-worklets-core.md              |  273 +++
 en/react-native-zip-archive.md                |  558 ++++++
 en/react-navigation-bottom-sheet.md           |  271 +++
 en/react-navigation-bottom-tabs.md            |  165 ++
 en/react-navigation-core.md                   |  136 ++
 en/react-navigation-devtools.md               |   84 +
 en/react-navigation-drawer.md                 |  201 ++
 en/react-navigation-elements.md               |  155 ++
 en/react-navigation-header-buttons.md         |  225 +++
 en/react-navigation-material-bottom-tabs.md   |  145 ++
 en/react-navigation-material-top-tabs.md      |  170 ++
 en/react-navigation-native-stack.md           |  222 +++
 en/react-navigation-native.md                 |  118 ++
 en/react-navigation-routers.md                |  137 ++
 en/react-navigation-shared-element.md         |  256 +++
 en/react-navigation-stack.md                  |  184 ++
 en/react-navigation.md                        |   44 +
 en/react-redux.md                             |  180 ++
 en/react-router-dom.md                        |  410 ++++
 en/react-subscribe.md                         |  313 ++++
 en/react-use.md                               |  181 ++
 en/reanimated-props-backup.md                 |  173 ++
 en/reassure.md                                |  195 ++
 en/recyclerListView.md                        |  223 +++
 en/redux-actions.md                           |  309 +++
 en/redux-logger.md                            |   89 +
 en/redux-persist.md                           |  160 ++
 en/redux-thunk.md                             |  160 ++
 en/redux-toolkit.md                           |  230 +++
 en/redux.md                                   |  163 ++
 en/remobile-react-native-toast.md             |  227 +++
 en/rn-emoji-keyboard.md                       |  278 +++
 en/rn-placeholder.md                          |  133 ++
 en/rn-sliding-up-panel.md                     |  228 +++
 en/rn-tourguide.md                            |  307 +++
 en/sentry-react-native.md                     |  268 +++
 en/shopify-flash-list.md                      |  265 +++
 en/styled-components.md                       |  121 ++
 en/styled-system.md                           |  186 ++
 en/usage-docs-checklist.md                    |   33 +
 en/victory-native-xl.md                       |  227 +++
 406 files changed, 113151 insertions(+)
 create mode 100644 en/EventBus.md
 create mode 100644 en/Immer.md
 create mode 100644 en/NativeBase.md
 create mode 100644 en/Parse-SDK-JS.md
 create mode 100644 en/Shopify-restyle.md
 create mode 100644 en/ant-design-react-native.md
 create mode 100644 en/axios.md
 create mode 100644 en/bam-tech-react-native-image-resizer.md
 create mode 100644 en/baronha-ting.md
 create mode 100644 en/callstack-react-theme-provider.md
 create mode 100644 en/capi-architecture.md
 create mode 100644 en/codegen.md
 create mode 100644 en/contribute.md
 create mode 100644 en/crypto-js.md
 create mode 100644 en/dayJs.md
 create mode 100644 en/deepmerge.md
 create mode 100644 en/flipper-plugin-react-navigation.md
 create mode 100644 en/freakycoder-react-native-bounceable.md
 create mode 100644 en/galio-framework.md
 create mode 100644 en/gorhom-bottom-sheet.md
 create mode 100644 en/htmlparser2.md
 create mode 100644 en/i18next.md
 create mode 100644 en/js-beautify.md
 create mode 100644 en/jsbarcode.md
 create mode 100644 en/klarna-platform-colors.md
 create mode 100644 en/link-source-code.md
 create mode 100644 en/lodash.md
 create mode 100644 en/lottie-react-native.md
 create mode 100644 en/mobx-react.md
 create mode 100644 en/mobx.md
 create mode 100644 en/moment.md
 create mode 100644 en/nativewind.md
 create mode 100644 en/openspacelabs-react-native-zoomable-view.md
 create mode 100644 en/parse5.md
 create mode 100644 en/patch.md
 create mode 100644 en/prop-types.md
 create mode 100644 en/qrcode-generator.md
 create mode 100644 en/react-ahooks.md
 create mode 100644 en/react-content-loader.md
 create mode 100644 en/react-countdown-circle-timer.md
 create mode 100644 en/react-i18next.md
 create mode 100644 en/react-lifecycles-compat.md
 create mode 100644 en/react-native-MJRefresh.md
 create mode 100644 en/react-native-QRCode.md
 create mode 100644 en/react-native-SmartRefreshLayout.md
 create mode 100644 en/react-native-action-button.md
 create mode 100644 en/react-native-action-sheet.md
 create mode 100644 en/react-native-alipay.md
 create mode 100644 en/react-native-amap-geolocation.md
 create mode 100644 en/react-native-amap3d.md
 create mode 100644 en/react-native-animatable.md
 create mode 100644 en/react-native-animate-number.md
 create mode 100644 en/react-native-apple-authentication.md
 create mode 100644 en/react-native-aria.md
 create mode 100644 en/react-native-async-storage-async-storage.md
 create mode 100644 en/react-native-audio-recorder-player.md
 create mode 100644 en/react-native-audio-toolkit.md
 create mode 100644 en/react-native-audio.md
 create mode 100644 en/react-native-autoLink.md
 create mode 100644 en/react-native-autocomplete-dropdown.md
 create mode 100644 en/react-native-autocomplete-input.md
 create mode 100644 en/react-native-autoheight-webview.md
 create mode 100644 en/react-native-awesome-gallery.md
 create mode 100644 en/react-native-background-fetch.md
 create mode 100644 en/react-native-background-timer.md
 create mode 100644 en/react-native-baidu-map.md
 create mode 100644 en/react-native-barcode-builder.md
 create mode 100644 en/react-native-bars.md
 create mode 100644 en/react-native-base64.md
 create mode 100644 en/react-native-better-banner.md
 create mode 100644 en/react-native-bindingx.md
 create mode 100644 en/react-native-ble-manager.md
 create mode 100644 en/react-native-ble-plx.md
 create mode 100644 en/react-native-blob-util.md
 create mode 100644 "en/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
 create mode 100644 en/react-native-blurhash.md
 create mode 100644 en/react-native-bootsplash.md
 create mode 100644 en/react-native-bouncy-checkbox.md
 create mode 100644 en/react-native-button.md
 create mode 100644 en/react-native-calendar-events.md
 create mode 100644 en/react-native-calendars.md
 create mode 100644 en/react-native-callkeep.md
 create mode 100644 en/react-native-camera-kit.md
 create mode 100644 en/react-native-cameraroll.md
 create mode 100644 en/react-native-canvas.md
 create mode 100644 en/react-native-cardview.md
 create mode 100644 en/react-native-chart-kit.md
 create mode 100644 en/react-native-charts-wrapper.md
 create mode 100644 en/react-native-check-box.md
 create mode 100644 en/react-native-clipboard-clipboard.md
 create mode 100644 en/react-native-clippath-capi.md
 create mode 100644 en/react-native-clippathview.md
 create mode 100644 en/react-native-code-push.md
 create mode 100644 en/react-native-collapsible.md
 create mode 100644 en/react-native-color-matrix-image-filters.md
 create mode 100644 en/react-native-communications.md
 create mode 100644 en/react-native-community-blur.md
 create mode 100644 en/react-native-community-checkbox.md
 create mode 100644 en/react-native-community-datetimepicker.md
 create mode 100644 en/react-native-community-geolocation.md
 create mode 100644 en/react-native-community-hooks.md
 create mode 100644 en/react-native-community-netinfo.md
 create mode 100644 en/react-native-community-progress-bar-android.md
 create mode 100644 en/react-native-community-progress-view.md
 create mode 100644 en/react-native-community-push-notification-ios.md
 create mode 100644 en/react-native-community-segmented-control.md
 create mode 100644 en/react-native-community-slider.md
 create mode 100644 en/react-native-community-toolbar-android.md
 create mode 100644 en/react-native-compass-heading.md
 create mode 100644 en/react-native-confetti-cannon.md
 create mode 100644 en/react-native-config.md
 create mode 100644 en/react-native-confirmation-code-field.md
 create mode 100644 en/react-native-contacts.md
 create mode 100644 en/react-native-context-menu-view.md
 create mode 100644 en/react-native-cookies-cookies.md
 create mode 100644 en/react-native-copilot.md
 create mode 100644 en/react-native-country-picker-modal.md
 create mode 100644 en/react-native-create-thumbnail.md
 create mode 100644 en/react-native-credit-card-input.md
 create mode 100644 en/react-native-crypto-js.md
 create mode 100644 en/react-native-crypto.md
 create mode 100644 en/react-native-custom-keyboard.md
 create mode 100644 en/react-native-date-picker.md
 create mode 100644 en/react-native-deck-swiper.md
 create mode 100644 en/react-native-default-preference.md
 create mode 100644 en/react-native-device-info.md
 create mode 100644 en/react-native-dismiss-keyboard.md
 create mode 100644 en/react-native-doc-viewer.md
 create mode 100644 en/react-native-document-picker.md
 create mode 100644 en/react-native-dotenv.md
 create mode 100644 en/react-native-drag-sort.md
 create mode 100644 en/react-native-drawer-layout-polyfill.md
 create mode 100644 en/react-native-drop-shadow.md
 create mode 100644 en/react-native-dropdown-picker.md
 create mode 100644 en/react-native-dropdownalert.md
 create mode 100644 en/react-native-dynamic.md
 create mode 100644 en/react-native-easy-grid.md
 create mode 100644 en/react-native-easy-toast.md
 create mode 100644 en/react-native-echarts-pro.md
 create mode 100644 en/react-native-element-dropdown.md
 create mode 100644 en/react-native-elements.md
 create mode 100644 en/react-native-email-link.md
 create mode 100644 en/react-native-error-boundary.md
 create mode 100644 en/react-native-exception-handler.md
 create mode 100644 en/react-native-exit-app.md
 create mode 100644 en/react-native-ezswiper.md
 create mode 100644 en/react-native-fast-image.md
 create mode 100644 en/react-native-feather.md
 create mode 100644 en/react-native-file-access.md
 create mode 100644 en/react-native-file-selector.md
 create mode 100644 en/react-native-file-viewer.md
 create mode 100644 en/react-native-fileupload.md
 create mode 100644 en/react-native-fingerprint-scanner.md
 create mode 100644 en/react-native-fit-Image.md
 create mode 100644 en/react-native-flash-message.md
 create mode 100644 en/react-native-flexi-radio-button.md
 create mode 100644 en/react-native-flip-card.md
 create mode 100644 en/react-native-fs.md
 create mode 100644 en/react-native-gesture-handler.md
 create mode 100644 en/react-native-get-random-values.md
 create mode 100644 en/react-native-gifted-charts.md
 create mode 100644 en/react-native-gifted-chat.md
 create mode 100644 en/react-native-graph.md
 create mode 100644 en/react-native-haptic-feedback.md
 create mode 100644 en/react-native-harmony-sample-package.md
 create mode 100644 en/react-native-hole-view.md
 create mode 100644 en/react-native-htmlview.md
 create mode 100644 en/react-native-http-bridge.md
 create mode 100644 en/react-native-hyperlink.md
 create mode 100644 en/react-native-iconfont-cli.md
 create mode 100644 en/react-native-idfa-aaid.md
 create mode 100644 en/react-native-idle-timer.md
 create mode 100644 en/react-native-image-capinsets-next.md
 create mode 100644 en/react-native-image-colors.md
 create mode 100644 en/react-native-image-crop-picker(nocodegen).md
 create mode 100644 en/react-native-image-crop-picker.md
 create mode 100644 en/react-native-image-editor.md
 create mode 100644 en/react-native-image-gallery.md
 create mode 100644 en/react-native-image-header-scroll-view.md
 create mode 100644 en/react-native-image-marker.md
 create mode 100644 en/react-native-image-pan-zoom.md
 create mode 100644 en/react-native-image-picker.md
 create mode 100644 en/react-native-image-rotate.md
 create mode 100644 en/react-native-image-sequence-2.md
 create mode 100644 en/react-native-image-viewing.md
 create mode 100644 en/react-native-image-zoom-viewer.md
 create mode 100644 en/react-native-inappbrowser.md
 create mode 100644 en/react-native-incall-manager.md
 create mode 100644 en/react-native-indicators.md
 create mode 100644 en/react-native-input-scroll-view.md
 create mode 100644 en/react-native-intersection-observer.md
 create mode 100644 en/react-native-iphone-screen-helper.md
 create mode 100644 en/react-native-json-tree.md
 create mode 100644 en/react-native-keep-awake.md
 create mode 100644 en/react-native-keyboard-accessory.md
 create mode 100644 en/react-native-keyboard-aware-scroll-view.md
 create mode 100644 en/react-native-keyboard-controller.md
 create mode 100644 en/react-native-keys.md
 create mode 100644 en/react-native-largelist.md
 create mode 100644 en/react-native-lightbox.md
 create mode 100644 en/react-native-linear-gradient-text.md
 create mode 100644 en/react-native-linear-gradient.md
 create mode 100644 en/react-native-loading-spinner-overlay.md
 create mode 100644 en/react-native-localization-settings.md
 create mode 100644 en/react-native-localization.md
 create mode 100644 en/react-native-localize.md
 create mode 100644 en/react-native-mail.md
 create mode 100644 en/react-native-map-linking.md
 create mode 100644 en/react-native-maps-directions.md
 create mode 100644 en/react-native-maps.md
 create mode 100644 en/react-native-markdown-display.md
 create mode 100644 en/react-native-markdown-renderer.md
 create mode 100644 en/react-native-marquee-ab.md
 create mode 100644 en/react-native-marquee.md
 create mode 100644 en/react-native-mask-text.md
 create mode 100644 en/react-native-masked-text.md
 create mode 100644 en/react-native-masked-view-masked-view.md
 create mode 100644 en/react-native-material-buttons.md
 create mode 100644 en/react-native-material-design-style.md
 create mode 100644 en/react-native-material-dropdown.md
 create mode 100644 en/react-native-material-menu.md
 create mode 100644 en/react-native-material-ripple.md
 create mode 100644 en/react-native-material-textfield.md
 create mode 100644 en/react-native-material-ui.md
 create mode 100644 en/react-native-md5.md
 create mode 100644 en/react-native-mlkit-ocr.md
 create mode 100644 en/react-native-mmkv-storage.md
 create mode 100644 en/react-native-modal-popover.md
 create mode 100644 en/react-native-modal.md
 create mode 100644 en/react-native-modalbox.md
 create mode 100644 en/react-native-modals.md
 create mode 100644 en/react-native-mqtt.md
 create mode 100644 en/react-native-multi-slider.md
 create mode 100644 en/react-native-multiple-select.md
 create mode 100644 en/react-native-neomorph-shadows.md
 create mode 100644 en/react-native-nested-scroll-view.md
 create mode 100644 en/react-native-network-info.md
 create mode 100644 en/react-native-nfc-manager.md
 create mode 100644 en/react-native-notifier.md
 create mode 100644 en/react-native-offline.md
 create mode 100644 en/react-native-ohos-community-auto-fill.md
 create mode 100644 en/react-native-orientation-locker.md
 create mode 100644 en/react-native-orientation.md
 create mode 100644 en/react-native-pager-view.md
 create mode 100644 en/react-native-paper.md
 create mode 100644 en/react-native-parsed-text.md
 create mode 100644 en/react-native-pdf.md
 create mode 100644 en/react-native-performance.md
 create mode 100644 en/react-native-permissions.md
 create mode 100644 en/react-native-phone-number-input.md
 create mode 100644 en/react-native-picker-picker(nocodegen).md
 create mode 100644 en/react-native-picker-picker.md
 create mode 100644 en/react-native-picker-select.md
 create mode 100644 en/react-native-picker.md
 create mode 100644 en/react-native-pickers.md
 create mode 100644 en/react-native-popover-view.md
 create mode 100644 en/react-native-popup-menu.md
 create mode 100644 en/react-native-print.md
 create mode 100644 en/react-native-progress.md
 create mode 100644 en/react-native-pull.md
 create mode 100644 en/react-native-qr-decode-image-camera.md
 create mode 100644 en/react-native-qrcode-svg.md
 create mode 100644 en/react-native-quick-base64.md
 create mode 100644 en/react-native-randombytes.md
 create mode 100644 en/react-native-ratings.md
 create mode 100644 en/react-native-reanimated-bottom-sheet.md
 create mode 100644 en/react-native-reanimated-carousel.md
 create mode 100644 en/react-native-reanimated-table.md
 create mode 100644 en/react-native-reanimated.md
 create mode 100644 en/react-native-recaptcha-that-works.md
 create mode 100644 en/react-native-reconnecting-websocket.md
 create mode 100644 en/react-native-redash.md
 create mode 100644 en/react-native-render-html.md
 create mode 100644 en/react-native-responsive-fontsize.md
 create mode 100644 en/react-native-restart.md
 create mode 100644 en/react-native-root-modal.md
 create mode 100644 en/react-native-root-siblings.md
 create mode 100644 en/react-native-root-toast.md
 create mode 100644 en/react-native-safe-area-context.md
 create mode 100644 en/react-native-safe-module.md
 create mode 100644 en/react-native-safe-modules.md
 create mode 100644 en/react-native-screens.md
 create mode 100644 en/react-native-screenshot-prevent.md
 create mode 100644 en/react-native-scroll-bottom-sheet.md
 create mode 100644 en/react-native-scrollable-tab-view.md
 create mode 100644 en/react-native-scrollable-tabview.md
 create mode 100644 en/react-native-secharts.md
 create mode 100644 en/react-native-section-list-get-item-layout.md
 create mode 100644 en/react-native-securerandom.md
 create mode 100644 en/react-native-send-intent.md
 create mode 100644 en/react-native-sensitive-info.md
 create mode 100644 en/react-native-sensors.md
 create mode 100644 en/react-native-shadow-2.md
 create mode 100644 en/react-native-shake.md
 create mode 100644 en/react-native-share.md
 create mode 100644 en/react-native-shimmer-placeholder.md
 create mode 100644 en/react-native-signature-canvas.md
 create mode 100644 en/react-native-signature-capture.md
 create mode 100644 en/react-native-simple-toast.md
 create mode 100644 en/react-native-size-matters.md
 create mode 100644 en/react-native-skia.md
 create mode 100644 en/react-native-slider.md
 create mode 100644 en/react-native-snackbar.md
 create mode 100644 en/react-native-snap-carousel.md
 create mode 100644 en/react-native-sortable-list.md
 create mode 100644 en/react-native-sound.md
 create mode 100644 en/react-native-spinkit.md
 create mode 100644 en/react-native-splash-screen.md
 create mode 100644 en/react-native-spring-scrollview.md
 create mode 100644 en/react-native-sqlite-storage.md
 create mode 100644 en/react-native-step-indicator.md
 create mode 100644 en/react-native-sticky-parallax-header.md
 create mode 100644 en/react-native-stickyheader.md
 create mode 100644 en/react-native-storage.md
 create mode 100644 en/react-native-svg-capi.md
 create mode 100644 en/react-native-svg-charts.md
 create mode 100644 en/react-native-svg.md
 create mode 100644 en/react-native-swipe-gestures.md
 create mode 100644 en/react-native-swipe-list-view.md
 create mode 100644 en/react-native-swipeable-list.md
 create mode 100644 en/react-native-swiper.md
 create mode 100644 en/react-native-switch-pro.md
 create mode 100644 en/react-native-switch-selector.md
 create mode 100644 en/react-native-switch.md
 create mode 100644 en/react-native-syan-image-picker.md
 create mode 100644 en/react-native-system-setting.md
 create mode 100644 en/react-native-tab-navigator.md
 create mode 100644 en/react-native-tab-view.md
 create mode 100644 en/react-native-tcp-socket.md
 create mode 100644 en/react-native-testing-library.md
 create mode 100644 en/react-native-text-gradient.md
 create mode 100644 en/react-native-text-size.md
 create mode 100644 en/react-native-textinput-maxlength-fixed.md
 create mode 100644 en/react-native-theme-control.md
 create mode 100644 en/react-native-theme-switch-animation.md
 create mode 100644 en/react-native-thumbnail.md
 create mode 100644 en/react-native-touch-id.md
 create mode 100644 en/react-native-track-player.md
 create mode 100644 en/react-native-transitiongroup.md
 create mode 100644 en/react-native-translucent-modal.md
 create mode 100644 en/react-native-tts.md
 create mode 100644 en/react-native-typing-animation.md
 create mode 100644 en/react-native-typography.md
 create mode 100644 en/react-native-udp.md
 create mode 100644 en/react-native-ui-lib.md
 create mode 100644 en/react-native-unitsyles.md
 create mode 100644 en/react-native-url-polyfill.md
 create mode 100644 en/react-native-user-agent.md
 create mode 100644 en/react-native-vconsole.md
 create mode 100644 en/react-native-vector-drawable.md
 create mode 100644 en/react-native-vector-icons.md
 create mode 100644 en/react-native-version-number.md
 create mode 100644 en/react-native-video-cache.md
 create mode 100644 en/react-native-video-controls.md
 create mode 100644 en/react-native-video.md
 create mode 100644 en/react-native-view-overflow.md
 create mode 100644 en/react-native-view-pdf.md
 create mode 100644 en/react-native-view-shot.md
 create mode 100644 en/react-native-vision-camera.md
 create mode 100644 en/react-native-voice-voice.md
 create mode 100644 en/react-native-walkthrough-tooltip.md
 create mode 100644 en/react-native-waterfall-flow.md
 create mode 100644 en/react-native-waterflow-list.md
 create mode 100644 en/react-native-webview.md
 create mode 100644 en/react-native-webviewr(nocodegen).md
 create mode 100644 en/react-native-worklets-core.md
 create mode 100644 en/react-native-zip-archive.md
 create mode 100644 en/react-navigation-bottom-sheet.md
 create mode 100644 en/react-navigation-bottom-tabs.md
 create mode 100644 en/react-navigation-core.md
 create mode 100644 en/react-navigation-devtools.md
 create mode 100644 en/react-navigation-drawer.md
 create mode 100644 en/react-navigation-elements.md
 create mode 100644 en/react-navigation-header-buttons.md
 create mode 100644 en/react-navigation-material-bottom-tabs.md
 create mode 100644 en/react-navigation-material-top-tabs.md
 create mode 100644 en/react-navigation-native-stack.md
 create mode 100644 en/react-navigation-native.md
 create mode 100644 en/react-navigation-routers.md
 create mode 100644 en/react-navigation-shared-element.md
 create mode 100644 en/react-navigation-stack.md
 create mode 100644 en/react-navigation.md
 create mode 100644 en/react-redux.md
 create mode 100644 en/react-router-dom.md
 create mode 100644 en/react-subscribe.md
 create mode 100644 en/react-use.md
 create mode 100644 en/reanimated-props-backup.md
 create mode 100644 en/reassure.md
 create mode 100644 en/recyclerListView.md
 create mode 100644 en/redux-actions.md
 create mode 100644 en/redux-logger.md
 create mode 100644 en/redux-persist.md
 create mode 100644 en/redux-thunk.md
 create mode 100644 en/redux-toolkit.md
 create mode 100644 en/redux.md
 create mode 100644 en/remobile-react-native-toast.md
 create mode 100644 en/rn-emoji-keyboard.md
 create mode 100644 en/rn-placeholder.md
 create mode 100644 en/rn-sliding-up-panel.md
 create mode 100644 en/rn-tourguide.md
 create mode 100644 en/sentry-react-native.md
 create mode 100644 en/shopify-flash-list.md
 create mode 100644 en/styled-components.md
 create mode 100644 en/styled-system.md
 create mode 100644 en/usage-docs-checklist.md
 create mode 100644 en/victory-native-xl.md

diff --git a/en/EventBus.md b/en/EventBus.md
new file mode 100644
index 00000000..da1ad330
--- /dev/null
+++ b/en/EventBus.md
@@ -0,0 +1,328 @@
+<!-- {% raw %} -->
+模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>EventBus</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/krasimir/EventBus/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/krasimir/EventBus)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i eventbusjs@0.2.0
+```
+
+#### **yarn**
+
+```bash
+yarn add eventbusjs@0.2.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import { useState, createContext } from "react";
+import {
+  View,
+  Button,
+  StyleSheet,
+  ScrollView,
+  Text,
+  TextInput,
+} from "react-native";
+import EventBus from "eventbusjs";
+import EventBus3 from "eventbusjs";
+const TAG = "EventBus";
+const MyContext = createContext("null");
+
+const styles = StyleSheet.create({
+  main: {
+    height: "100%",
+  },
+  mainItem: {
+    marginTop: 20,
+  },
+  container: {
+    paddingTop: 10,
+    paddingBottom: 10,
+    paddingLeft: 20,
+    paddingRight: 20,
+  },
+  box: {
+    marginTop: 10,
+    marginBottom: 10,
+    marginLeft: 20,
+    marginRight: 20,
+    height: 100,
+    borderWidth: 1,
+    borderColor: "#000",
+    overflow: "scroll",
+  },
+  title: {
+    fontSize: 14,
+    fontWeight: "bold",
+  },
+  inputWrap: {
+    disPlay: "flex",
+  },
+  inputText: {
+    width: "100%",
+    height: 40,
+    borderWidth: 1,
+    borderColor: "gray",
+    marginBottom: 10,
+  },
+});
+
+function eventTest() {
+  console.warn(`${TAG}-----,成功派发test_event类型的eventTest事件`);
+}
+
+var TestParamsClass1 = function (this: any) {
+  this.className = "TestParamsClass1";
+  this.doSomeThing = function (
+    event: Event,
+    param1: number | string,
+    param2: number | string,
+  ) {
+    console.warn(
+      `${TAG},className=${this.className},event=${JSON.stringify(event)},params=${param1}--${param2}`,
+    );
+  };
+};
+var TestParamsClass2 = function (this: any) {
+  this.className = "TestParamsClass2";
+  this.ready = function (param1: number | string, param2: number | string) {
+    EventBus3.dispatch("custom_event", this, param1, param2);
+  };
+};
+var p1 = new (TestParamsClass1 as any)();
+var p2 = new (TestParamsClass2 as any)();
+
+function EventBusDemo() {
+  const [msg, setMsg] = useState("");
+  const [msgParams, setMsgParams] = useState("");
+  const [firstVal, setFirstVal] = useState("");
+  const [secondVal, setSecondVal] = useState("");
+  const [onOff, setOnOff] = useState(true);
+  function handleAdd() {
+    const has = EventBus.hasEventListener("test_event", eventTest, 0);
+    if (has) {
+      setMsg("eventBus中已经存在test_evnt类型的eventTest事件");
+      console.log(`${TAG},eventBus中已经存在test_evnt类型的eventTest事件`);
+    } else {
+      EventBus.addEventListener("test_event", eventTest, 0);
+      setMsg("成功添加test_event类型的eventTest事件");
+      console.log(`${TAG},成功添加test_event类型的eventTest事件`);
+    }
+  }
+
+  function handleHas() {
+    let has = EventBus.hasEventListener("test_event", eventTest, 0);
+    setMsg(
+      has
+        ? "已存在test_event类型的eventTest事件"
+        : "不存在test_event类型的eventTest事件",
+    );
+    console.log(
+      `${TAG},${has ? "已存在test_event类型的eventTest事件" : "不存在test_event类型的eventTest事件"}`,
+    );
+  }
+
+  function handleRemove() {
+    let has = EventBus.hasEventListener("test_event", eventTest, 0);
+    if (has) {
+      EventBus.removeEventListener("test_event", eventTest, 0);
+      setMsg("已删除test_event类型的eventTest事件");
+      console.log(`${TAG},已删除test_event类型的eventTest事件`);
+    } else {
+      setMsg("未找到test_event类型的eventTest事件");
+      console.log(`${TAG},未找到test_event类型的eventTest事件`);
+    }
+  }
+
+  function handleDispatch() {
+    let has = EventBus.hasEventListener("test_event", eventTest, 0);
+    if (has) {
+      EventBus.dispatch("test_event");
+      setMsg("成功执行test_event类型的eventTest事件");
+      console.log(`${TAG},成功执行test_event类型的eventTest事件`);
+    } else {
+      setMsg("test_event类型的eventTest事件已被删除或未找到事件");
+      console.log(`${TAG},test_event类型的eventTest事件已被删除或未找到事件`);
+    }
+  }
+
+  function handleGet() {
+    setMsg(`${JSON.stringify(EventBus.getEvents())}`);
+    console.log(`${TAG},${JSON.stringify(EventBus.getEvents())}`);
+  }
+
+  function handleAddForParams() {
+    let has = EventBus3.hasEventListener("custom_event", p1.doSomeThing, p1);
+    if (has) {
+      setMsgParams("eventBus中已存在custom_event类型的p1.doSomeThing事件");
+      console.log(
+        `${TAG},eventBus中已存在custom_event类型的p1.doSomeThing事件`,
+      );
+    } else {
+      if (firstVal.length <= 1 || secondVal.length <= 1) {
+        console.error("参数长度不符合预期");
+      } else {
+        EventBus3.addEventListener("custom_event", p1.doSomeThing, p1);
+        setMsgParams("成功添加custom_event类型的p1.doSomeThing事件");
+        console.log(`${TAG},'成功添加custom_event类型的p1.doSomeThing事件'`);
+        setOnOff(true);
+      }
+    }
+  }
+  function handleDispatchForParams() {
+    if (onOff) {
+      let has = EventBus3.hasEventListener("custom_event", p1.doSomeThing, p1);
+      if (has) {
+        p2.ready(firstVal, secondVal);
+        setMsgParams(`派发事件成功，param1=${firstVal},param2=${secondVal}`);
+        console.log(
+          `${TAG},派发事件成功，param1=${firstVal},param2=${secondVal}`,
+        );
+        setOnOff(false);
+      } else {
+        setMsgParams(
+          "custom_event类型的p1.doSomeThing事件已被删除或未找到事件",
+        );
+        console.log(
+          `${TAG},custom_event类型的p1.doSomeThing事件已被删除或未找到事件`,
+        );
+      }
+    } else {
+      setMsgParams("请先移除旧的p1.doSomeThing事件");
+      console.log(`${TAG},请先移除旧的p1.doSomeThing事件`);
+    }
+  }
+  function handleRemoveForParams() {
+    setOnOff(true);
+    let has = EventBus3.hasEventListener("custom_event", p1.doSomeThing, p1);
+    if (has) {
+      EventBus3.removeEventListener("custom_event", p1.doSomeThing, p1);
+      setMsgParams("成功删除custom_event类型的p1.doSomeThing事件");
+      console.log(`${TAG},成功删除custom_event类型的p1.doSomeThing事件`);
+    } else {
+      setMsgParams("未找到custom_event类型的p1.doSomeThing事件");
+      console.log(`${TAG},未找到custom_event类型的p1.doSomeThing事件`);
+    }
+  }
+  return (
+    <MyContext.Provider value={{ myGlobalVar: "" }}>
+      <ScrollView style={styles.main}>
+        <View style={styles.mainItem}>
+          <Text style={styles.title}>基础使用 & Keeping the scope</Text>
+          <View style={styles.container}>
+            <Button title="添加 eventTest 事件" onPress={handleAdd}></Button>
+          </View>
+          <View style={styles.container}>
+            <Button
+              title="派发 eventTest 事件"
+              onPress={handleDispatch}
+            ></Button>
+          </View>
+          <View style={styles.container}>
+            <Button title="移除 eventTest 事件" onPress={handleRemove}></Button>
+          </View>
+          <View style={styles.container}>
+            <Button
+              title="判断是否存在 eventTest 事件"
+              onPress={handleHas}
+            ></Button>
+          </View>
+          <View style={styles.container}>
+            <Button
+              title="获取所有事件（常用于调试相关）"
+              onPress={handleGet}
+            ></Button>
+          </View>
+          <View style={styles.box}>
+            <Text style={{ color: "blue" }}>{msg}</Text>
+          </View>
+        </View>
+
+        <View style={styles.mainItem}>
+          <Text style={styles.title}>Passing additional parameters</Text>
+          <View style={styles.container}>
+            <View style={styles.inputWrap} flexDirection={"row"}>
+              <TextInput
+                onChangeText={(text) => setFirstVal(text)}
+                style={styles.inputText}
+                placeholder="请输入长度大于1的参数"
+                maxLength={12}
+              />
+              <TextInput
+                onChangeText={(text) => setSecondVal(text)}
+                style={styles.inputText}
+                placeholder="请输入长度大于1的参数"
+                maxLength={12}
+              />
+            </View>
+            <Button title="添加 doSomeThing 事件" onPress={handleAddForParams}>
+              'add'
+            </Button>
+          </View>
+          <View style={styles.container}>
+            <Button
+              title="派发 doSomeThing 事件"
+              onPress={handleDispatchForParams}
+            ></Button>
+          </View>
+          <View style={styles.container}>
+            <Button
+              title="移除 doSomeThing 事件"
+              onPress={handleRemoveForParams}
+            ></Button>
+          </View>
+          <View style={styles.box}>
+            <Text style={{ color: "blue" }}>{msgParams}</Text>
+          </View>
+        </View>
+      </ScrollView>
+    </MyContext.Provider>
+  );
+}
+export default EventBusDemo;
+```
+
+## 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 方法
+
+详情见 [EventBus](https://github.com/krasimir/EventBus/blob/master/README.md)
+
+| Name                | Description | Required | HarmonyOS Support |
+| ------------------- | ----------- | -------- | ----------------- |
+| addEventListener    | -           | -        | YES               |
+| removeEventListener | -           | -        | YES               |
+| hasEventListener    | -           | -        | YES               |
+| dispatch            | -           | -        | YES               |
+| getEvents           | -           | -        | YES               |
+
+## 遗留问题
+
+## 其他
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/Immer.md b/en/Immer.md
new file mode 100644
index 00000000..11ef4155
--- /dev/null
+++ b/en/Immer.md
@@ -0,0 +1,820 @@
+<!-- {% raw %} -->
+模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>immer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/immerjs/immer/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/immerjs/immer/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/immerjs/immer)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i immer@10.0.4
+```
+
+#### **yarn**
+
+```bash
+yarn add immer@10.0.4
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, {useState, useEffect, Component} from 'react';
+import {
+  View,
+  Text,
+  Button,
+  StyleSheet,
+  ScrollView,
+  Switch,
+  TextInput,
+} from 'react-native';
+import {
+  createDraft,
+  finishDraft,
+  current,
+  produce,
+  original,
+  isDraft,
+  enablePatches,
+  produceWithPatches,
+  enableMapSet,
+  freeze,
+  nothing,
+  setAutoFreeze,
+  isDraftable,
+  immerable,
+  Immutable,
+  castImmutable,
+  castDraft,
+  applyPatches,
+  setUseStrictShallowCopy,
+} from 'immer';
+
+// 初始状态
+const initialState = {
+  count: 0,
+  text: 'Hello from Immer!',
+};
+enablePatches();
+
+// 启用enablePatches插件
+enableMapSet();
+// 启用enableMapSet插件
+setUseStrictShallowCopy(true);
+
+const MyComponent = () => {
+  const [myMap, setMyMap] = useState(new Map([['key1', 'value1']]));
+  const [overStates, setOverStates] = useState(false);
+  const toggleSwitch = value => {
+    setOverStates(value);
+  };
+  let [states, setStates] = useState(false);
+  const [originals, setOriginals] = useState({users: [{name: 'zhansan'}]});
+  let [res, setRes] = useState('');
+  let [currentText, setCurrent] = useState('');
+  const [count, setCount] = useState({age: 0});
+  let [baseState, setBaseState] = useState([
+    {
+      title: '标题1',
+      done: true,
+    },
+  ]);
+  const [text, setText] = useState('Hello');
+  let [result, setResult] = useState({});
+  let [patches, setPatches] = useState({});
+  let [inversePatches, setInversePatches] = useState({});
+  const [data, setData] = useState({name: 'John', age: 30});
+  const [produceStatus, setProduceStatus] = useState(false);
+  const [castDraftState, setCastDraftState] = useState({
+    count: 0,
+  });
+  const [state, setState] = useState(initialState);
+  const [freezeRest, setFreezeRest] = useState({a: 1, b: {c: 2}});
+  const [stateRes, setStateRes] = useState({count: 0, text: 'hello-world'});
+  const [texts, setTexts] = useState('请输入内容');
+  const [stateNothing, setStateNothing] = useState({
+    name: 'John',
+    age: 30,
+    isStudent: false,
+  });
+  const obj = {a: 1, b: 2};
+  const arr = [1, 2, 3];
+  const str = 'Hello, immer!';
+  const num = 42;
+  const frozenObj = freeze({c: 3}, true);
+  const [objStatus, setObjStatus] = useState(false);
+  const [arrStatus, setArrStatus] = useState(false);
+  const [strStatus, setStrStatus] = useState(false);
+  const [numStatus, setNumStatus] = useState(false);
+  const [draftsStatus, setDratfStatus] = useState(false);
+  let originalRes = {
+    name: '初始数据1',
+    age: 18,
+  };
+  let fork = originalRes;
+  // 用户在向导中所作的所有更改
+  let changes = [];
+  // 与向导中所做的所有更改相反
+  let inverseChanges = [];
+  let [obj1, setObj1] = useState({});
+  let [obj2, setObj2] = useState({});
+  const incrementCount = () => {
+    if (count.age < 3) {
+      setCount(
+        produce(count, draft => {
+          draft.age += 1;
+        }),
+      );
+    } else {
+      setCount(
+        produce(count, draft => {
+          draft.age = 0;
+        }),
+      );
+    }
+  };
+  const decrement = () => {
+    if (count.age > 0) {
+      setCount(
+        produce(count, draft => {
+          draft.age -= 1;
+        }),
+      );
+    } else {
+      setCount(
+        produce(count, draft => {
+          draft.age = 3;
+        }),
+      );
+    }
+  };
+  const onAdd = () => {
+    if (baseState.length < 3) {
+      return setBaseState(
+        produce(baseState, draftState => {
+          draftState.push({title: '新增', done: states});
+          setStates((states = isDraft(draftState)));
+        }),
+      );
+    }
+  };
+  const onDelete = (e: number) => {
+    return setBaseState(
+      produce(draft => {
+        draft.splice(e, 1);
+      }),
+    );
+  };
+  const onChange = (item: object, e: number) => {
+    const res = produce(baseState, draftState => {
+      draftState[e].done = !draftState[e].done;
+      draftState[e].title = '更改后数据';
+      setStates((states = isDraft(draftState)));
+    });
+    setBaseState(res);
+  };
+  // 使用createDraft来创建一个草稿副本
+  const increment = () => {
+    const draft = createDraft(state);
+    if (state.count < 5) {
+      draft.count += 1; // 修改草稿副本
+    } else {
+      draft.count = 0;
+    }
+    const nextState = finishDraft(draft); // 获取修改后的不可变状态
+    setState(nextState); // 更新React状态
+  };
+  const updateMap = () => {
+    setMyMap(
+      produce(myMap, draftMap => {
+        draftMap.set('key1', 'updatedValue1'); // 更新键值对
+        draftMap.set('key2', 'value2'); // 添加新的键值对
+        draftMap.delete('key3'); // 尝试删除一个不存在的键值对（不会有影响）
+      }),
+    );
+  };
+  const renderMapEntries = () => {
+    return Array.from(myMap.entries()).map(([key, value]) => (
+      <Text key={key}>
+        {key}: {value}
+      </Text>
+    ));
+  };
+  const changeText = () => {
+    const draft = createDraft(state);
+    draft.text = 'Text updated!'; // 修改草稿副本
+    const nextState = current(draft); // 获取当前修改后的状态（与finishDraft效果相同）
+    setState(nextState); // 更新React状态
+  };
+  const clickOriginal = () => {
+    const a = setOriginals(
+      produce(originals, draft => {
+        draft.users[0].name = '4444';
+        setCurrent(current(draft).users[0].name);
+        console.log('Original state:', original(draft)?.users[0].name); // 输出原始状态
+        setRes(original(draft).users[0].name);
+      }),
+    );
+  };
+  const handleClick = () => {
+    const [result, patches, inversePatches] = produceWithPatches(
+      text,
+      draft => (draft = 'Hello-World'),
+    );
+    setResult(result);
+    setPatches(patches);
+    setInversePatches(inversePatches);
+    console.log('result:', result);
+    console.log('Patches:', patches);
+    console.log('Inverse Patches:', inversePatches);
+
+    setText(result);
+  };
+  // -----------------------------------------------
+  class MyImmerableObject extends React.Component {
+    // 声明immerable属性，告诉immer处理哪些属性
+    static [immerable] = true;
+    // 定义您的对象的属性
+    constructor(name, age) {
+      super(name, age);
+      this.name = name;
+      this.age = age;
+    }
+    /* // 不使用immerable
+    // 声明immerable属性，告诉immer处理哪些属性
+    static [immerable] = true;
+    // 定义您的对象的属性
+    constructor(name, age) {
+      super(name, age);
+      this.name = name;
+      this.age = age;
+    } */
+  }
+  const [myState, setMyState] = useState(new MyImmerableObject('Alice', 10));
+  const updateValue = () => {
+    // 使用immerable
+    const res = produce(myState, draft => {
+      draft.age = 26;
+    });
+    /*  // 不使用immerable
+    const res = {...myState, age: 26}; */
+    setMyState(res);
+  };
+  // 在组件挂载时设置 immer 的自动冻结行为
+  useEffect(() => {
+    // 启用/停用自动冻结
+    setAutoFreeze(overStates);
+  }, [overStates]); // 空依赖数组确保此 effect 只运行一次
+  const incrementCountLeft = () => {
+    const res = freeze(Object.assign({}, freezeRest), true);
+    res.a = 110;
+    res.b.c = 220;
+    console.log('调用freeze-deep:', overStates, res);
+    setFreezeRest(res);
+  };
+  const tryToModifyFrozenStateLeft = () => {
+    const res = freeze(Object.assign({}, freezeRest), false);
+    res.a = 111;
+    res.b.c = 222;
+    console.log('调用freeze-deep:', overStates, res);
+    setFreezeRest(res);
+  };
+  const ClickOffFreeze = () => {
+    const res1 = Object.assign({}, freezeRest);
+    res1.a = 10;
+    res1.b.c = 20;
+    console.log('未调用freeze:', res);
+    setFreezeRest(res1);
+  };
+  const ClickOnFreeze = () => {
+    const res = freeze(Object.assign({}, freezeRest));
+    res.a = 11;
+    res.b.c = 22;
+    console.log('调用freeze:', res);
+    setFreezeRest(res);
+  };
+  const inputText = e => {
+    let nextState = produce(stateRes, draft => {});
+    setTexts(e);
+    nextState.text = e;
+    setStateRes(nextState);
+  };
+  const clickNothing = e => {
+    const nextStateNothing = produce(stateNothing, draft => e);
+    setStateNothing(nextStateNothing);
+  };
+  const isDraftObj = () => {
+    setObjStatus(isDraftable(obj));
+  };
+  const isDraftArr = () => {
+    setArrStatus(isDraftable(arr));
+  };
+  const isDraftStr = () => {
+    setStrStatus(isDraftable(str));
+  };
+  const isDraftNum = () => {
+    setNumStatus(isDraftable(num));
+  };
+  const isDrafts = () => {
+    setDratfStatus(isDraftable(frozenObj));
+  };
+  // --------------------------------------------
+  const [draftRes, setDraftRes] = useState({
+    name: 'John',
+    age: 30,
+    hobbies: ['reading', 'coding'],
+  });
+
+  const [setUseStrictShallowCopyRes, setSetUseStrictShallowCopyRes] = useState({
+    name: 'John',
+    age: 30,
+    address: {
+      city: 'New York',
+      country: 'USA',
+    },
+  });
+  const [setUseStrictShallowCopyInit, setSetUseStrictShallowCopyInit] =
+    useState();
+  const updateData = () => {
+    let newData = {};
+    if (!produceStatus) {
+      newData = produce(data, draft => {
+        if (draft.age < 40) {
+          draft.age += 1;
+        } else {
+          draft.age = 0;
+        }
+      });
+    } else {
+      newData = castImmutable(data, draft => {
+        draft.age += 1;
+      });
+    }
+
+    setData(newData);
+  };
+  const Clickfn = () => {
+    setProduceStatus(!produceStatus);
+  };
+  const AddFn = () => {
+    setCastDraftState(
+      produce(castDraftState, draftState => {
+        if (castDraftState.count < 10) {
+          draftState.count += 1;
+        } else {
+          draftState.count = 0;
+        }
+      }),
+    );
+  };
+  const doubleCount = () => {
+    setCastDraftState(
+      produce(castDraftState, draftState => {
+        if (castDraftState.count < 100) {
+          draftState.count *= 2;
+        } else {
+          draftState.count = 0;
+        }
+      }),
+    );
+  };
+  const resetCount = () => {
+    const newState = castDraft({count: 0});
+    setCastDraftState(newState);
+  };
+  const ClickChange = () => {
+    fork = produce(
+      fork,
+      draft => {
+        draft.age = 10;
+        draft.name = 'lisi';
+      },
+      // 产生的第三个参数是一个回调，patches 将从这里产生
+      (patches, inversePatches) => {
+        changes.push(...patches);
+        inverseChanges.push(...inversePatches);
+      },
+    );
+  };
+  const fn1 = () => {
+    // 当向导完成（成功）后，我们可以将 fork 中的更改重播到新的状态！
+    let originalRes2 = applyPatches(originalRes, changes);
+    setObj1(originalRes2);
+    console.log('originalRes2:', originalRes2);
+  };
+  const fn2 = () => {
+    // state 现在包含来自两个代码路径的更改！
+    // 最后，即使在完成向导之后，用户也可能会改变主意并撤消他的更改......
+    let originalRes3 = applyPatches(originalRes, inverseChanges);
+    setObj2(originalRes3);
+  };
+  const handleAddHobby = () => {
+    //不使用Draft<T>
+    const newDraftRes = {...draftRes};
+    newDraftRes.hobbies[1] = 'swimming';
+    setDraftRes(newDraftRes);
+    // 使用Draft<T>
+    /*  const nextDraftRes = produce(draftRes, draft => {
+      draft.hobbies[1] = 'swimming';
+    });
+    setDraftRes(nextDraftRes); */
+  };
+  interface Person {
+    name: string;
+    age: number;
+  }
+  // 使用Immutable<T>
+  const immutableObj1: Immutable<Person> = {
+    name: 'Alice',
+    age: 20,
+  };
+  // 不使用Immutable<T>
+  // const immutableObj1 = {
+  //   name: 'Alice',
+  //   age: 20,
+  // };
+  const [immutableData, setImmutableData] = useState();
+  const changeObj1 = () => {
+    const res = immutableObj1;
+    res.name = 'lisi';
+    console.log('immutableObj1:', immutableObj1);
+    setImmutableData(res);
+  };
+  const useSetUseStrictShallowCopy = () => {
+    const res = produce(setUseStrictShallowCopyRes, draft => {
+      draft.age = 55;
+      draft.address.city = 'China';
+    });
+    console.log('res:', JSON.stringify(res));
+    console.log(
+      'setSetUseStrictShallowCopyRes:',
+      JSON.stringify(setUseStrictShallowCopyRes),
+    );
+    setSetUseStrictShallowCopyInit(res);
+  };
+
+  // ----------------分割 end-------------
+  return (
+    <ScrollView style={{height: '100%'}}>
+      <View style={styles.container}>
+        <Text style={styles.text}>Immer</Text>
+        {/* 验证---produce---api */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证-produce-期望值不可变数据可以更改</Text>
+          <View
+            style={{
+              flexDirection: 'row',
+              margin: 5,
+              justifyContent: 'space-between',
+              width: '60%',
+            }}>
+            <Button title="计数加+" onPress={incrementCount} />
+            <Text style={{fontSize: 20}}>Count: {count.age}</Text>
+            <Button title="计数减-" onPress={decrement} />
+          </View>
+          <Button title="添加" onPress={onAdd} />
+          <View
+            style={{
+              width: '100%',
+            }}>
+            {baseState.map((item, index) => (
+              <View
+                style={{
+                  borderWidth: 1,
+                  margin: 3,
+                  display: 'flex',
+                  justifyContent: 'space-between',
+                  flexDirection: 'row',
+                }}
+                key={index}>
+                <View style={{width: '70%'}}>
+                  <Text>标题：{item.title}</Text>
+                  <Text>状态:{item.done ? 'true' : 'false'}</Text>
+                  <Text>isDraft状态:{`${states}`}</Text>
+                </View>
+                <View
+                  style={{
+                    flexDirection: 'row',
+                    flex: 1,
+                    height: '100%',
+                    justifyContent: 'space-evenly',
+                    alignItems: 'center',
+                  }}>
+                  <Button
+                    title="更改"
+                    onPress={() => {
+                      onChange(item, index);
+                    }}
+                  />
+                  <Button
+                    title="删除"
+                    onPress={() => {
+                      onDelete(index);
+                    }}
+                  />
+                </View>
+              </View>
+            ))}
+          </View>
+        </View>
+        {/* --------验证----createDraft--&--finishDraft---------------- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证createDraft--&--finishDraft</Text>
+          <Text>Count: {state.count}</Text>
+          <Text>Text: {state.text}</Text>
+          <Button title="Increment" onPress={increment} />
+          <Button title="Change Text" onPress={changeText} />
+        </View>
+        {/* -----------------验证--original-------current--------------- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>
+            验证original--current--期望值验证original:获取修改后的原始状态
+          </Text>
+          <Text>初始数据：{JSON.stringify(originals)}</Text>
+          <Text>original:{res}</Text>
+          <Text>res:{originals.users[0].name}</Text>
+          <Text>current: {currentText}</Text>
+          <Button title="original" onPress={clickOriginal} />
+        </View>
+        {/* ------enablePatches-----produceWithPatches------------------ */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证enablePatches--produceWithPatches</Text>
+          <Text>{text}</Text>
+          <Text>result:{JSON.stringify(result)}</Text>
+          <Text>patches:{JSON.stringify(patches)}</Text>
+          <Text>inversePatches:{JSON.stringify(inversePatches)}</Text>
+          <Button title="Add World" onPress={handleClick} />
+        </View>
+        {/* ----------验证--enableMapSet------------------------------- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证enableMapSet</Text>
+          <Text>Current Map:</Text>
+          {renderMapEntries()}
+          <Button title="Update Map" onPress={updateMap} />
+        </View>
+        {/* -----------------验证--freeze----------------------- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证freeze</Text>
+          <Text>
+            freeze(obj,deep?)obj：要冻结的对象deep（可选）：一个布尔值，默认为false。如果为true，则深度冻结对象（包括其所有嵌套的对象）。如果为false或未提供，则只冻结对象的顶层属性
+          </Text>
+          <View style={{flexDirection: 'row', justifyContent: 'space-evenly'}}>
+            <View style={{alignItems: 'center'}}>
+              <Text>init:{JSON.stringify(freezeRest)}</Text>
+              <Button
+                title="未调用freeze 改变数据init a=10 c=20"
+                onPress={ClickOffFreeze}
+              />
+              <Button
+                title="调用freeze 改变数据init a=11 c=22"
+                onPress={ClickOnFreeze}
+              />
+              <Button
+                title="当deep状态为false时，改变数据init a=110 c=220"
+                onPress={tryToModifyFrozenStateLeft}
+              />
+              <Button
+                title="当deep状态为true时，改变数据init a=110 c=220"
+                onPress={incrementCountLeft}
+              />
+            </View>
+          </View>
+        </View>
+        {/* --------------验证--setAutoFreeze------------------- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>---验证setAutoFreeze----</Text>
+          <Text>
+            setAutoFreeze为自动冻结,状态：{JSON.stringify(overStates)}
+          </Text>
+          <Switch onValueChange={toggleSwitch} value={overStates} />
+          <TextInput
+            style={{height: 40, borderColor: 'gray', borderWidth: 1}}
+            onChangeText={inputText}
+            value={texts}
+          />
+          <Text>你输入的内容是: {stateRes.text}</Text>
+          <Text>Current Count: {JSON.stringify(stateRes)}</Text>
+        </View>
+        {/* --------------验证---nothing------------------------ */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证nothing</Text>
+          <Text>
+            定义的数据：
+            {JSON.stringify(stateNothing)}
+          </Text>
+          <Text>Name: {typeof stateNothing}</Text>
+          <View style={{flexDirection: 'row'}}>
+            <View style={{marginRight: 10}}>
+              <Button
+                title="标记nothing"
+                onPress={() => {
+                  clickNothing(nothing);
+                }}
+              />
+            </View>
+            <View>
+              <Button
+                title="标记undefined"
+                onPress={() => {
+                  clickNothing(undefined);
+                }}
+              />
+            </View>
+          </View>
+        </View>
+        {/* -----------验证----isDraftable---------------------- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证isDraftable</Text>
+          {/* <Button title="Check Draftability" onPress={checkDraftability} />
+          <Text>{result ? '可变对象' : '不可变对象'}</Text> */}
+          <View style={{flexDirection: 'row', alignItems: 'center'}}>
+            <Text>状态--isDraftable({JSON.stringify(obj)})</Text>
+            <Button title="isDraftObj" onPress={isDraftObj} />
+            <Text>状态:{JSON.stringify(objStatus)}</Text>
+          </View>
+          <View style={{flexDirection: 'row', alignItems: 'center'}}>
+            <Text>状态--isDraftable({JSON.stringify(arr)})</Text>
+            <Button title="isDraftArr" onPress={isDraftArr} />
+            <Text>状态--{JSON.stringify(arrStatus)}</Text>
+          </View>
+          <View style={{flexDirection: 'row', alignItems: 'center'}}>
+            <Text>状态--isDraftable({JSON.stringify(str)})</Text>
+            <Button title="isDraftStr" onPress={isDraftStr} />
+            <Text>状态--{JSON.stringify(strStatus)}</Text>
+          </View>
+          <View style={{flexDirection: 'row', alignItems: 'center'}}>
+            <Text>状态--isDraftable({JSON.stringify(num)})</Text>
+            <Button title="isDraftNum" onPress={isDraftNum} />
+            <Text>状态--{JSON.stringify(numStatus)}</Text>
+          </View>
+          <View style={{flexDirection: 'row', alignItems: 'center'}}>
+            <Text>状态--isDraftable({JSON.stringify(frozenObj)})</Text>
+            <Button title="isDrafts" onPress={isDrafts} />
+            <Text>状态--{JSON.stringify(draftsStatus)}</Text>
+          </View>
+        </View>
+        {/* -----------验证---immerable-------------------- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>
+            验证---immerable,可以添加到构造函数或原型的符号
+          </Text>
+          <Text>NUM:{JSON.stringify(myState)}</Text>
+          <Button title="Update Value" onPress={updateValue} />
+        </View>
+        {/* -----------------验证--castImmutable----------------------- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证castImmutable</Text>
+          <Text>castImmutable,期望值castImmutable为true时数据不可变</Text>
+          <Text>castImmutable:{produceStatus ? 'true' : 'false'}</Text>
+          <Button title="castImmutable status" onPress={Clickfn} />
+          <Text>Age: {data.age}</Text>
+          <Button title="Update Age" onPress={updateData} />
+        </View>
+        {/* -------------------验证--castDraft--- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证castDraft</Text>
+          <Text>
+            castDraft,期望将任何不可变类型转换为其可变对应物。这只是一个转换,实际上并没有做任何事情
+          </Text>
+          <Text>Count: {castDraftState.count}</Text>
+          <Button title="AddFn" onPress={AddFn} />
+          <Button title="doubleCount" onPress={doubleCount} />
+          <Button title="resetCount" onPress={resetCount} />
+        </View>
+        {/* ---------------验证--applyPatches-------------- */}
+        <View style={styles.container}>
+          <Text style={styles.text}>验证applyPatches</Text>
+          <Text>初始数据：{JSON.stringify(originalRes)}</Text>
+          <Button title="改变初始值age=10" onPress={ClickChange} />
+          <Button title="fn1" onPress={fn1} />
+          <Text>改变后数据：{JSON.stringify(obj1)}</Text>
+          <Button title="fn2" onPress={fn2} />
+          <Text>恢复的数据--{JSON.stringify(obj2)}</Text>
+        </View>
+        <View style={styles.container}>
+          <Text style={styles.text}>
+            验证Draft暴露的 TypeScript 类型以将不可变类型转换为可变类型
+          </Text>
+          <Text>{JSON.stringify(draftRes)}</Text>
+          <Button title="add--使用Draft<T>" onPress={handleAddHobby} />
+        </View>
+        {/* 验证Immutable<T> */}
+        {/*   <View style={styles.container}>
+          <Text style={styles.text}>
+            验证Immutable暴露的 TypeScript 类型以将可变类型转换为不可变类型
+          </Text>
+          <Text>初始数据：{JSON.stringify(immutableObj1)}</Text>
+          <Text>更改后数据:{JSON.stringify(immutableData)}</Text>
+          <Button title="change" onPress={changeObj1} />
+        </View> */}
+        {/* 验证setUseStrictShallowCopy */}
+        <View style={styles.container}>
+          <Text style={styles.text}>
+            验证setUseStrictShallowCopy
+            可用于启用严格浅拷贝，如果启用，immer会确保不会意外的修改原始对象
+          </Text>
+          <Text>初始数据：{JSON.stringify(setUseStrictShallowCopyRes)}</Text>
+          <Text>更改后数据：{JSON.stringify(setUseStrictShallowCopyInit)}</Text>
+          <Button title="使用" onPress={useSetUseStrictShallowCopy} />
+        </View>
+      </View>
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 10,
+    marginBottom: 5,
+    borderWidth: 1,
+  },
+  text: {
+    width: '100%',
+    fontSize: 18,
+    marginBottom: 0,
+    textAlign: 'center',
+    fontWeight: '700',
+    margin: 5,
+  },
+  border: {
+    borderWidth: 1,
+  },
+});
+
+export default MyComponent;
+
+
+```
+
+## 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> | Name                      | Description                                                                                                                                               | Required | Type | Platform    | HarmonyOS Support |
+> | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- | ----------------- |
+> | (default)              | Immer Core API, usually named produce: import {produce} from "immer"                                                                                     | NO       | Function | Android IOS | YES               |
+> | applyPatches            | Given a basic state or draft, as well as a set of patches, apply patches                                                                                             | NO       | Function | Android IOS | YES               |
+> | castDraft               | Convert any immutable type to its mutable counterpart. This is just a conversion, and in fact, nothing has been done.                                                                              | NO       | Function | Android IOS | YES               |
+> | castImmutable           | Convert any mutable type to its immutable counterpart. This is just a conversion, and in fact, nothing has been done.                                                                              | NO       | Function | Android IOS | YES               |
+> | createDraft             | Given a basic state, create a variable draft, and any modifications will be recorded                                                                                            | NO       | Function | Android IOS | YES               |
+> | current                 | Given a draft object (not necessarily the root node of the object), take a snapshot of the current state of the draft                                                                                    | NO       | Function | Android IOS | YES               |
+> | Draft<T>                | Exposed TypeScript types to convert immutable types to mutable types                                                                                                        | NO       | Function | Android IOS | YES               |
+> | enableMapSet()          | Enable support for Map and Set collections.                                                                                                                        | NO       | Function | Android IOS | YES               |
+> | enablePatches()         | Enable support for JSON patches                                                                                                                                | NO       | Function | Android IOS | YES               |
+> | finishDraft             | Given a draft created using createDraft, freeze the draft and generate and return the next immutable state, which captures all changes                                                         | NO       | Function | Android IOS | YES               |
+> | freeze(obj, deep?)     | Freeze draftable objects. Return the original object. By default, it freezes lightly, but if the second parameter is true, it will recursively freeze.                                                                   | NO       | Function | Android IOS | YES               |
+> | Immer                   | Constructor that can be used to create a second "immer" instance (exposing all APIs listed in this instance), which does not share its settings with the global instance                                                            | NO       | Function | Android IOS | YES               |
+> | immerable               | Constructor that can be used to create a second "immer" instance (exposing all APIs listed in this instance), which does not share its settings with the global instance                                                                              | NO       | Function | Android IOS | YES               |
+> | Immutable<T>            | Exposed TypeScript types to convert mutable types to immutable classes                                                                                                        | NO       | Function | Android IOS | YES               |
+> | isDraft                 | If the given object is a draft object, return true                                                                                                                    | NO       | Function | Android IOS | YES               |
+> | isDraftable             | If Immer is able to turn this object into a draft, return true. This applies to: arrays, objects without prototypes, objects with prototypes based on Object, objects with 'immerable' symbols on their constructors or prototypes | NO       | Function | Android IOS | YES               |
+> | nothing                 | The value that can be returned from the recipe to indicate that it should be generated undefined                                                                                                          | NO       | Function | Android IOS | YES               |
+> | original                | Given a draft object (not necessarily the root node of the object), return the original object with the same path in the original state tree (if it exists)                                                                | NO       | Function | Android IOS | YES               |
+> | Patch                   | Exposed TypeScript type, describing (reverse) the shape of patches object                                                                                                    | NO       | Function | Android IOS | YES               |
+> | produce                 | The core API of Immer is also exposed as a default export                                                                                                                 | NO       | Function | Android IOS | YES               |
+> | produceWithPatches      | Same as product , but it not only returns the generated object, but also a tuple composed of [result, patch, invertPatches]                                                      | NO       | Function | Android IOS | YES               |
+> | setAutoFreeze           | Enable/disable recursive automatic freezing. Default enabled                                                                                                                         | NO       | Function | Android IOS | YES               |
+> | setUseStrictShallowCopy | Can be used to enable strict shallow copying, if enabled, the importer will replicate as many non enumerable attributes as possible                                                                                         | NO       | Function | Android IOS | YES               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/immerjs/immer/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/NativeBase.md b/en/NativeBase.md
new file mode 100644
index 00000000..8bc1b653
--- /dev/null
+++ b/en/NativeBase.md
@@ -0,0 +1,786 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>NativeBase</code> </h1>
+</p>
+<p align="center">
+   <a href="https://github.com/GeekyAnts/NativeBase">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/GeekyAnts/NativeBase/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/NativeBase)
+
+## 安装与使用
+
+
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-oh-tpl-native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-oh-tpl-native-base@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-oh-tpl-native-base@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+// NativeBaseProvider 是一个使主题可在整个应用中使用的组件。它使用 React 的 Context API。将 NativeBaseProvider 添加到应用的根目录并更新 App.js,要按如下所示使用.
+import React from "react";
+import { SafeAreaView, View } from "react-native";
+import { NativeBaseProvider } from "native-base";
+
+function App() {
+  return (
+    <NativeBaseProvider>
+      <View style={{ backgroundColor: "white" }}>
+        <SafeAreaView></SafeAreaView>
+      </View>
+    </NativeBaseProvider>
+  );
+}
+export default App;
+```
+
+```tsx
+import { StyleSheet, View } from "react-native";
+import { Text } from "native-base";
+
+export function TextTest() {
+  return (
+    <View style={styles.container}>
+      <Text fontSize="xs">xs</Text>
+      <Text fontSize="sm">sm</Text>
+      <Text fontSize="md">md</Text>
+      <Text fontSize="lg">lg</Text>
+      <Text fontSize="xl">xl</Text>
+      <Text fontSize="2xl">2xl</Text>
+      <Text fontSize="3xl">3xl</Text>
+      <Text fontSize="4xl">4xl</Text>
+      <Text fontSize="5xl">5xl</Text>
+      <Text fontSize="6xl">6xl</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 10,
+    margin: 25,
+    borderRadius: 5,
+    borderWidth: 3,
+  },
+});
+```
+## Link
+
+本库依赖以下三方库，请查看对应文档：
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
++ [@react-native-oh-tpl/react-native-svg](/zh-cn/react-native-svg.md)
++ [@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md)
++ [@react-native-oh-tpl/react-native-tab-view](/zh-cn/react-native-tab-view.md)
++ [@react-native-oh-tpl/react-native-vector-icons](/zh-cn/react-native-vector-icons.md)
++ [@react-native-oh-tpl/react-native-pager-view](/zh-cn/react-native-pager-view.md)
++ [@react-native-oh-tpl/react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、@react-native-oh-library/react-native-safe-area-context、@react-native-oh-tpl/react-native-svg、@react-native-oh-tpl/react-navigation-drawer、@react-native-oh-tpl/react-native-tab-view、@react-native-oh-tpl/react-native-vector-icons、@react-native-oh-tpl/react-native-pager-view的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档的 Link 章节](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)、[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)、[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)、[@react-native-oh-tpl/react-navigation-drawer 文档的 Link 章节](/zh-cn/react-navigation-drawer.md#link)、[@react-native-oh-tpl/react-native-tab-view 文档的 Link 章节](/zh-cn/react-native-tab-view.md#link)、[@react-native-oh-tpl/react-native-vector-icons 文档的 Link 章节](/zh-cn/react-native-vector-icons.md#link)、[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](/zh-cn/react-native-pager-view.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-oh-tpl-native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)
+
+
+## 组件
+
+组件使用详情见 [NativeBase 的文档介绍](https://docs.nativebase.io)
+
+以下为目前已支持的组件属性：
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；Web 表示仅Web支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**AspectRatio**: AspectRatio 控制节点或子组件未定义维度的大小
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        ratio         |        容器的纵横比。例如 `16/9`、`16/10`、`9/16`、`4/3`        |        Object         |    No    |   All    |        Yes        |
+
+**Box**: 这是一个满足低级布局需求的通用组件。它类似于div在HTML中。 
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        children         |        将组件渲染为 Box 子项。接受 React.Element 或 JSX.Element 数组。 |        React.element         |    No    |   All    |        Yes        |
+|        _text         |       用于为 Box 内的文本提供参数 |        Any         |    No    |   All    |        Yes        |
+|        bg         |   简写设置背景    |        String         |    No    |   All    |        Yes        |
+|        background         |    可以接受各种背景相关的设置，如颜色、图像、渐变等   |        String        |    No    |   All    |        Yes        |
+|        bgColor         |     明确用于设置背景颜色  |        String         |    No    |   All    |        Yes        |
+|        backgroundColor    |   与bgColor类似，专门用于设置背景颜色   |        String         |    No    |   All    |        Yes        |  
+
+**Center**: 布局组件中心对齐
+[继承了React Native中View参数](https://reactnative.dev/docs/view#props)
+
+**Container**: 容器根据当前断点限制内容的宽度，同时保持尺寸的流动性。
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        centerContent         |        它将根据子元素的内容宽度将其置于中心。        |         boolean       |    No    |   All    |        Yes        |
+
+**Flex**: 布局组件，Flex 是 CSS flex 布局的一个封装
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        direction          |        项目定位方向，值可以为 column,column-reverse,row,row-reverse   |         String       |    No    |   All    |        Yes        |
+|        wrap           |        子元素的换行方式nowrap,wrap,wrap-reverse     |         String       |    No    |   All    |        Yes        |
+|        align           |         子元素在交叉轴上的对齐方式，可选baseline,normal,stretch      |         String       |    No    |   All    |        Yes        |
+|        justify           |         子元素在主轴上的对齐方式，可选left,normal,right       |         String       |    No    |   All    |        Yes        |
+|        basis           |         可选-moz-fit-content,-moz-max-content,-moz-min-content,-webkit-auto,auto,content,fit-content,max-content,min-contents       |         String       |    No    |   All    |        Yes        |
+|        grow           |        可选Globals ,(number & {}) , (string & {})       |         Number       |    No    |   All    |        Yes        |
+|        shrink           |         可选Globals , (number & {}) , (string & {});       |         Number       |    No    |   All    |        Yes        |
+
+**HStack / Row**: HStack / Row 布局组件水平对齐
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        direction         |           堆叠项目的方向，可选row,column,column-reverse,row-reverse     |        String         |    No    |   All    |        Yes        |
+
+**Stack**: 根据方向属性， Stack垂直或水平对齐项目
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        divider         |           元素之间使用的分隔元素。     |        ReactElement	         |    No    |   All    |        Yes        |
+|        space         |           每个堆栈项之间的空间。接受响应值 sm,2xs,xs,md,xl,lg,2xl,gutter,SpaceType    |        ReactElement	         |    No    |   All    |        Yes        |
+|        reversed         |           确定是否反转堆叠项目的方向。     |        Boolean	         |    No    |   All    |        Yes        |
+|        direction        |           堆叠项目的方向,可选row，column，column-reverse，row-reverse    |        String	         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停     |        Boolean	         |    No    |   Web    |        No        |
+|        isFocused         |           是否聚焦     |        Boolean	         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用     |        Boolean	         |    No    |   All    |        Yes        |
+|        isInvalid         |           是否无效     |        Boolean	         |    No    |   All    |        Yes        |
+|        isReadOnly         |           是否只读,如果为 true，则阻止编辑子项的值。与 FormControls 一起使用     |        Boolean	         |    No    |   All    |        Yes        |
+
+**VStack / Column**: VStack / Column 布局组件垂直对齐
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        direction         |           堆叠项目的方向，可选row,column,column-reverse,row-reverse      |        String         |    No    |   All    |        Yes        |
+
+**ZStack**: ZStack将元素与 z 轴对齐
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        reversed         |           堆叠项目的方向，是否反转      |        Boolean         |    No    |   All    |        Yes        |
+
+**Button**: 按钮
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        variant         |           风格，可选link，subtle，solid，ghost，outline，unstyled     |       String          |    No    |   All    |        Yes        |
+|        colorScheme         |           主题      |        String         |    No    |   All    |        Yes        |
+|        size         |           按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
+|        isLoading         |           是否加载中      |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停      |        Boolean         |    No    |   Web    |        No        |
+|        isPressed         |           是否按下     |        Boolean         |    No    |   All    |        Yes        |
+|        isFocused         |           是否被聚焦      |        Boolean         |    No    |   All    |        Yes        |
+|        isFocusVisible         |           是否展示焦环      |        Boolean         |    No    |   All    |        Yes        |
+|        startIcon         |           开始图标元素      |        React.element         |    No    |   All    |        Yes        |
+|        endIcon         |           结束图标元素      |        React.element         |    No    |   All    |        Yes        |
+|        isLoadingText         |           正在加载文本      |         String        |    No    |   All    |        Yes        |
+|        spinner         |           是否加载中      |        Boolean         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用      |        Boolean         |    No    |   All    |        Yes        |
+|        _text_         |          用于为框内的文本提供参数      |        Object         |    No    |   All    |        Yes        |
+|        _stack         |           要传递给按钮内部使用的 HStack 的参数      |        Object         |    No    |   All    |        Yes        |
+|        _icon         |            传递给按钮内部使用的图标的参数      |        Object         |    No    |   All    |        Yes        |
+|        spinnerPlacement         |          指定加载指示器（spinner）的位置，可选start，end    |        String         |    No    |   All    |        Yes        |
+|        _isLoading         |           当按钮加载中时传递的参数     |        Object         |    No    |   All    |        Yes        |
+|        _isDisabled         |           当按钮禁用时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
+|        _spinner         |           当按钮加载中时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
+|        _hover        |           当按钮悬停时传递给按钮的参数     |        Object         |    No    |   Web    |        No        |
+|        _pressed        |            当按钮按下时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
+|        _focus        |           当按钮获得焦点时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
+|        rightIcon        |           按钮中使用的右侧图标元素      |        React.element         |    No    |   All    |        Yes        |
+|        leftIcon        |           按钮中使用的左侧图标元素      |        React.element         |    No    |   All    |        Yes        |
+|        direction        |           堆叠项目的方向，可选row,column     |        String         |    No    |   All    |        Yes        |
+|        children        |           将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
+|        isAttached        |           如果为真，按钮将会连接在一起      |       Boolean       |    No    |   All    |        Yes        |
+
+**Pressable**: 创建可触摸交互的元素。
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        onHoverIn         |           鼠标移入调用      |        () => void         |    No    |   Web    |        No        |
+|        onHoverOut         |           鼠标移出调用      |        () => void         |    No    |   Web    |        No        |
+|        onFocus         |           聚焦时调用      |        () => void         |    No    |   All    |        Yes        |
+|        onBlur         |           失焦时调用      |        () => void         |    No    |   All    |        Yes        |
+|        _hover         |           悬停参数      |        Object         |    No    |   Web    |        No        |
+|        _pressed         |           按下禁用时参数      |        Object         |    No    |   All    |        Yes        |
+|        _focus         |           获得焦点时参数      |        Object         |    No    |   All    |        Yes        |
+|        _disabled         |           禁用时参数      |        Object         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用     |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停      |        Boolean         |    No    |   Web    |        No        |
+|        isPressed         |           是否按下      |        Boolean         |    No    |   All    |        Yes        |
+|        isFocused         |          是否聚焦      |        Boolean         |    No    |   All    |        Yes        |
+|        isFocusVisible         |           是否展示焦环      |        Boolean         |    No    |   All    |        Yes        |
+|        _focusVisible         |           焦点可见时应用的样式属性。这些样式仅在用户使用键盘与应用交互时应用。（仅限 Web）      |        Object         |    No    |   Web    |        No        |
+|        children         |           将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
+
+**CheckBox**: 复选框。
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        id         |           唯一标识      |        String         |    No    |   All    |        Yes        |
+|        value         |           复选框的值      |        String         |    No    |   All    |        Yes        |
+|        defaultValue         |           复选框组的初始值      |        String         |    No    |   All    |        Yes        |
+|        colorScheme         |           主题，可选danger，info，orange，purple    |        String         |    No    |   All    |        Yes        |
+|        size         |            按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
+|        onChange         |           选中事件      |        () => void         |    No    |   All    |        Yes        |
+|        _checkbox         |           选中复选框时传递的参数      |        Object        |    No    |   All    |        Yes        |
+
+**FormControl**: 表单控件
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        nativeID         |           本地ID      |        String         |    No    |   All    |        Yes        |
+|        isInvalid         |           是否无效    |        Boolean         |    No    |   All    |        Yes        |
+|        isRequired         |            是否必须      |        Boolean         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用      |        Boolean         |    No    |   All    |        Yes        |
+|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
+|        _disabled         |           禁用状态下传递参数      |        Object        |    No    |   All    |        Yes        |
+|        htmlFor         |           反映“for”内容属性的值      |        String        |    No    |   All    |        Yes        |
+|        _astrick         |           应用于 astric 文本的道具      |        Object        |    No    |   All    |        Yes        |
+|        rightIcon         |           表单中使用的左侧侧图标元素      |        React.element        |    No    |   All    |        Yes        |
+|        leftIcon         |           表单中使用的右侧图标元素      |        React.element        |    No    |   All    |        Yes        |
+|        startIcon         |           开始图标元素      |        React.element        |    No    |   All    |        Yes        |
+|        endIcon         |           结束图标元素      |        React.element        |    No    |   All    |        Yes        |
+|        _stack         |           要传递给 FormControl.ErrorMessage 内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
+|        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
+
+**IconButton**: 图标按钮
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        colorScheme         |            主题，可选primary，green，red      |        String         |    No    |   All    |        Yes        |
+|        variant         |           风格，可选link，unstyled，solid，ghost，subtle      |        String         |    No    |   All    |        Yes        |
+|        size         |            按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用    |        Boolean         |    No    |   All    |        Yes        |
+|        icon         |           要使用的图标      |         React.element         |    No    |   All    |        Yes        |
+|        _icon         |           要传递给IconButton内部使用的图标的参数      |        Object        |    No    |   All    |        Yes        |
+|        _hover         |           要传递给IconButton内部使用的悬停的参数      |        Object        |    No    |   Web    |        No        |
+|        _pressed         |           要传递给IconButton内部使用的按压的参数      |        Object        |    No    |   All    |        Yes        |
+|        _focus         |           要传递给IconButton内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
+
+**Input**: 输入框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isInvalid         |            是否无效      |        Boolean         |    No    |   All    |        Yes        |
+|        variant         |           风格，可选outline，filled，underlined，unstyled，rounded     |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |            是否禁用      |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
+|        isFocused         |           是否聚焦      |         Boolean         |    No    |   All    |        Yes        |
+|        size         |           输入框尺寸，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String        |    No    |   All    |        Yes        |
+|        isRequired         |           是否必传      |        Boolean        |    No    |   No    |        No        |
+|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
+|        InputLeftElement         |           输入框内部左侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        leftElement         |           输入框外部左侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        InputRightElement         |           输入框内部右侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        rightElement         |           输入框外部右侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        type         |           类型，可选text，password      |        String        |    No    |   All    |        Yes        |
+|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   All    |        Yes        |
+|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+|        _hover         |           要传递给Input内部使用的悬停的参数      |        Object        |    No    |   Web    |        NO        |
+|        _focus         |           要传递给Input内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
+|        _disabled         |           要传递给Input内部使用的禁用的参数      |        Object        |    No    |   All    |        Yes        |
+|        _readOnly         |           要传递给Input内部使用的只读的参数      |        Object        |    No    |   All    |        Yes        |
+|        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
+|        _input         |           传递给InputBase组件参数      |        Object        |    No    |   All    |        Yes        |
+|        _stack         |            要传递给按钮内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
+|        focusOutlineColor         |           当输入框获得焦点时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
+|        invalidOutlineColor         |           当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
+|        ref         |           节点      |        Any        |    No    |   All    |        Yes        |
+
+**TextArea**: 文本域
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isInvalid         |            是否无效      |        Boolean         |    No    |   All    |        Yes        |
+|        variant         |           风格，可选outline，filled，underlined，unstyled，rounded     |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |            是否禁用      |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
+|        isFocused         |           是否聚焦      |         Boolean         |    No    |   All    |        Yes        |
+|        size         |           输入框尺寸，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String        |    No    |   All    |        Yes        |
+|        isRequired         |           是否必传      |        Boolean        |    No    |   No    |        No        |
+|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
+|        InputLeftElement         |           输入框内部左侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        leftElement         |           输入框外部左侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        InputRightElement         |           输入框内部右侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        rightElement         |           输入框外部右侧元素      |        React.element        |    No    |   All    |        Yes        |
+|        type         |           类型，可选text，password      |        String        |    No    |   All    |        Yes        |
+|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   All    |        Yes        |
+|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+|        _hover         |           要传递给Input内部使用的悬停的参数      |        Object        |    No    |   Web    |        NO        |
+|        _focus         |           要传递给Input内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
+|        _disabled         |           要传递给Input内部使用的禁用的参数      |        Object        |    No    |   All    |        Yes        |
+|        _readOnly         |           要传递给Input内部使用的只读的参数      |        Object        |    No    |   All    |        Yes        |
+|        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
+|        _input         |           传递给InputBase组件参数      |        Object        |    No    |   All    |        Yes        |
+|        _stack         |            要传递给按钮内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
+|        focusOutlineColor         |           当输入框获得焦点时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
+|        invalidOutlineColor         |           当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
+|        ref         |           节点      |        Any        |    No    |   All    |        Yes        |
+
+**Link**: 超链接
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        href         |            连接地址      |        String         |    No    |   All    |        Yes        |
+|        size         |           超连接尺寸2xl，xl，lg，md，sm，xsm     |        String         |    No    |   All    |        Yes        |
+|        isUnderlined         |            是否有下横线     |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
+|        onPress         |           按压事件      |          () => void          |    No    |   All    |        Yes        |
+|        isExternal         |           是否直接打开web端      |        String        |    No    |   All    |        Yes        |
+|        _hover         |          悬停参数      |        Object        |    No    |   Web    |        No        |
+|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+
+**Radio**: 单选框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        value           |            单选框的值      |        String         |    No    |   All    |        Yes        |
+|        colorScheme         |            主题，可选yellow，green，red      |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |            是否禁用     |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
+|        isPressed         |           是否按压      |         Boolean         |    No    |   All    |        Yes        |
+|        isFocused         |           是否聚焦      |        Boolean        |    No    |   All    |        Yes        |
+|        isFocusVisible         |           焦点是否可见      |        Boolean        |    No    |   All    |        Yes        |
+|        size         |           单选框尺寸lg，md，sm     |        String        |    No    |   All    |        Yes        |
+|        icon         |           接收图标     |         React.element          |    No    |   All    |        Yes        |
+|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)     |        Any        |    No    |   No    |        No        |
+|        _stack         |           要传递给单选框内部使用的 HStack 的参数     |        Object        |    No    |   All    |        Yes        |
+|        _disabled         |           当禁用时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _checked         |           当选中时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _focus         |           当聚焦时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _hover         |           当悬停时传递给单选框的参数     |        Object        |    No    |   Web    |        No        |
+|        _invalid         |           当失效时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _pressed         |           当按压时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _icon         |           当传递图标时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _readOnly         |           当只读时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
+|        _interactionBox         |           当交互时传递给按钮的参数     |        Object        |    No    |   All    |        Yes        |
+|        ref         |           获取节点数据     |        Object        |    No    |   All    |        Yes        |
+
+**Select**: 下拉框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        placeholder           |            提示文本      |        String         |    No    |   All    |        Yes        |
+|        color         |            选中颜色      |        String         |    No    |   All    |        Yes        |
+|        placeholderTextColor         |            提示文本颜色     |        String         |    No    |   All    |        Yes        |
+|        _item         |           是否悬停    |        Boolean         |    No    |   No    |        No        |
+|        _selectedItem         |           是否按压      |         Boolean         |    No    |   All    |        Yes        |
+|        selectedValue         |           选中值      |        Boolean        |    No    |   All    |        Yes        |
+|        defaultValue         |           初始值      |        Boolean        |    No    |   All    |        Yes        |
+|        onValueChange         |           单选事件     |         () => void         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用     |         React.element          |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停     |        Any        |    No    |   Web    |        No        |
+|        isFocused         |           是否聚焦     |        Object        |    No    |   All    |        Yes        |
+|        isFocusVisible         |           焦点是否可见     |        Object        |    No    |   All    |        Yes        |
+|        dropdownIcon         |           原有图标     |        React.element        |    No    |   All    |        Yes        |
+|        dropdownOpenIcon         |           打开图标     |        React.element        |    No    |   All    |        Yes        |
+|        dropdownCloseIcon         |           关闭图标     |        React.element        |    No    |   All    |        Yes        |
+|        variant         |           风格，可选outline，filled，underlined，unstyled，rounded    |        String        |    No    |   All    |        Yes        |
+|        onOpen         |           打开下拉事件     |        () => void        |    No    |   All    |        Yes        |
+|        onClose         |           关闭下拉事件     |        () => void        |    No    |   All    |        Yes        |
+|        _actionSheet         |           传递给遮罩层的参数样式     |        Object        |    No    |   All    |        Yes        |
+|        _actionSheetContent         |           传递给内容的参数样式     |        Object        |    No    |   All    |        Yes        |
+|        _actionSheetBody         |           传递给内容Body的参数     |        Object        |    No    |   All    |        Yes        |
+|        wrapperRef         |           获取节点    |        Any        |    No    |   All    |        Yes        |
+
+**Select.Item**: 下拉框子集
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        label         |            选择提示文本      |        String         |    No    |   All    |        Yes        |
+|        value         |           选中值     |        String         |    No    |   All    |        Yes        |
+
+**Switch**: 开关
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        size         |            开关尺寸，可选lg，md，sm      |        String         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用     |        Boolean         |    No    |   All    |        Yes        |
+|        isHovered         |            是否悬停     |        Boolean         |    No    |   Web    |        No        |
+|        name         |          表单中使用开关的别名      |          String          |    No    |   All    |        Yes        |
+|        onToggle         |           开关事件      |        () => void        |    No    |   All    |        Yes        |
+|        isChecked         |           是否开启      |        Boolean        |    No    |   All    |        Yes        |
+|        defaultIsChecked         |           是否默认开启    |        Boolean        |    No    |   All    |        Yes        |
+|        isInvalid         |           是否失效      |        Boolean        |    No    |   All    |        Yes        |
+|        onTrackColor         |            打开时轨道的颜色      |        Object        |    No    |   All    |        Yes        |
+|        offTrackColor         |           关闭时轨道的颜色      |        Object        |    No    |   All    |        Yes        |
+|        onThumbColor         |           打开时按钮的颜色      |        Object        |    No    |   All    |        Yes        |
+|        offThumbColor         |           关闭时按钮的颜色      |        Object        |    No    |   All    |        Yes        |
+|        colorScheme         |           主题      |        String        |    No    |   All    |        Yes        |
+|        _hover         |           悬停参数      |        String        |    No    |   Web    |        No        |
+
+**Slider**: 滑块
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        value         |            值      |        Number         |    No    |   All    |        Yes        |
+|        defaultValue         |           默认值     |        Number         |    No    |   All    |        Yes        |
+|        onChange         |          滑块事件      |          () => void          |    No    |   All    |        Yes        |
+|        colorScheme         |           主题      |        String        |    No    |   All    |        Yes        |
+|        orientation         |           展示方向，可选horizontal，vertical'     |        String        |    No    |   All    |        Yes        |
+|        accessibilityLabel         |           滑块文本描述      |        String        |    No    |   All    |        Yes        |
+|        isReversed         |           是否反转      |        Boolean        |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用      |        Boolean        |    No    |   All    |        Yes        |
+|        onChangeEnd         |          松开停止移动事件      |         () => void        |    No    |   All    |        Yes        |
+|        minValue         |           最小值      |        Number        |    No    |   All    |        Yes        |
+|        maxValue         |           最大值      |        Number        |    No    |   All    |        Yes        |
+|        step         |           每次用移动的步数      |        Number        |    No    |   All    |        Yes        |
+|        isReadOnly         |           最大值      |        Boolean        |    No    |   All    |        Yes        |
+|        maxValue         |           最大值      |        Number        |    No    |   All    |        Yes        |
+|        _disabled         |           禁用时启用      |        Number        |    No    |   All    |        Yes        |
+|        _readOnly         |           只读时启用      |        Number        |    No    |   All    |        Yes        |
+|        sliderTrackHeight         |           轨道高度      |        Number        |    No    |   All    |        Yes        |
+|        thumbSize         |           滑块大小      |        Number        |    No    |   All    |        Yes        |
+|        _interactionBox         |           交互样式      |        Object        |    No    |   All    |        Yes        |
+
+**Badge**: 小标识小标签
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        variant         |            风格      |        Number         |    No    |   All    |        Yes        |
+|        colorScheme         |           主题,可选success，danger，info，coolGray     |        String         |    No    |   All    |        Yes        |
+|        rightIcon         |          组件右侧图标      |          React.element         |    No    |   All    |        Yes        |
+|        leftIcon         |          组件左侧图标      |          React.element          |    No    |   All    |        Yes        |
+|        startIcon         |          开始图标      |          React.element          |    No    |   All    |        Yes        |
+|        endIcon         |          结束图标      |          React.element         |    No    |   All    |        Yes        |
+|        _text         |          组件内的文本提供参数       |          Object         |    No    |   All    |        Yes        |
+|        _icon         |          组件内的图标提供参数      |          Object        |    No    |   All    |        Yes        |
+
+**Divider**: 分割线
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        orientation         |            方向,可选vertical，horizontal      |        Number         |    No    |   All    |        Yes        |
+|        thickness         |           分割线宽度    |        String         |    No    |   All    |        Yes        |
+
+**Alert**: 状态提示框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        status         |            方向,可选info，warning，success，error      |        String         |    No    |   All    |        Yes        |
+|        variant         |           风格    |        String         |    No    |   All    |        Yes        |
+|        colorScheme         |           主题    |        String         |    No    |   All    |        Yes        |
+
+**Progress**: 进度条
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        value         |            数值     |        Number         |    No    |   All    |        Yes        |
+|        size         |           尺寸    |        String         |    No    |   All    |        Yes        |
+|        colorScheme         |           主题    |        String         |    No    |   All    |        Yes        |
+|        _filledTrack         |           填充的轨道提供参数   |        Object         |    No    |   All    |        Yes        |
+|        min         |           最小值    |        Number         |    No    |   All    |        Yes        |
+|        max         |            最大值   |        Number         |    No    |   All    |        Yes        |
+
+
+**Skeleton**: 组件的加载状态
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        fadeDuration         |            加载时长     |        Number         |    No    |   All    |        Yes        |
+|        isLoaded         |           是否加载中    |        Boolean         |    No    |   All    |        Yes        |
+|        speed         |           加载速度    |        Number         |    No    |   All    |        Yes        |
+|        startColor         |           开始颜色   |        String         |    No    |   All    |        Yes        |
+|        endColor         |           结束颜色    |        String         |    No    |   All    |        Yes        |
+|        size         |            尺寸   |        String         |    No    |   All    |        Yes        |
+
+**Skeleton.Text**: 组件的加载状态文字组件
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        fadeDuration         |            加载时长     |        Number         |    No    |   All    |        Yes        |
+|        isLoaded         |           是否加载中    |        Boolean         |    No    |   All    |        Yes        |
+|        speed         |           加载速度    |        Number         |    No    |   All    |        Yes        |
+|        startColor         |           开始颜色   |        String         |    No    |   All    |        Yes        |
+|        endColor         |           结束颜色    |        String         |    No    |   All    |        Yes        |
+|        lines         |            文本中的行数   |        Number         |    No    |   All    |        Yes        |
+|        _line         |            文本中的行数样式参数   |        String         |    No    |   All    |        Yes        |
+|        _stack         |            尺寸   |        String         |    No    |   All    |        Yes        |
+
+**Spinner**: 加载等待中
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        color         |            颜色     |        String         |    No    |   All    |        Yes        |
+|        size         |            尺寸，可选lg，md，sm   |        String         |    No    |   All    |        Yes        |
+
+**Toast**: 轻提示
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        show         |            消息体     |        Object         |    No    |   All    |        Yes        |
+|        close         |            关闭单个   |       (id: any) => void;        |    No    |   All    |        Yes        |
+|        closeAll         |            关闭所有   |        () => void         |    No    |   All    |        Yes        |
+|        isActive         |            防抖设计   |        (id: any) => boolean;        |    No    |   All    |        Yes        |
+
+**Toast.show**: 轻提示消息体
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        title         |            标题   |       ReactNode        |    No    |   All    |        Yes        |
+|        description         |            内容描述   |      ReactNode         |    No    |   All    |        Yes        |
+|        duration         |            显示时长   |       Number 或 null        |    No    |   All    |        Yes        |
+|        id         |            唯一标识   |       any        |    No    |   All    |        Yes        |
+|        onCloseComplete         |            显示完成关闭回调   |       () => void        |    No    |   All    |        Yes        |
+|        placement         |            位置，可选top，top-right，top-left，bottom，bottom-left，bottom-right   |      String        |    No    |   All    |        Yes        |
+|        render         |            接收子组件   |      (props: any) => ReactNode       |    No    |   All    |        Yes        |
+|        _title         |            标题样式参数   |       () => void        |    No    |   All    |        Yes        |
+|        _description         |            描述样式参数   |       () => void        |    No    |   All    |        Yes        |
+|        accessibilityAnnouncement         |            Toast 打开时屏幕阅读器播报的文本   |       String       |    No    |   Android     |        No        |
+|        accessibilityLiveRegion         |            Toast 打开时屏幕阅读器播报的文本位置   |       String        |    No    |   Android     |        No        |
+|        avoidKeyboard         |         键盘打开，则 Toast 将向上移动相当于键盘高度   |       Boolean        |    No    |   All    |        Yes        |
+
+**Text**: 文本
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        children         |            子集     |        JSX.Element         |    No    |   All    |        Yes        |
+|        fontSize         |            字号   |       String        |    No    |   All    |        Yes        |
+|        letterSpacing         |            间距   |       String         |    No    |   All    |        Yes        |
+|        lineHeight         |            行高   |        String        |    No    |   All    |        Yes        |
+|        fontWeight         |            字宽   |        String        |    No    |   All    |        Yes        |
+|        Fonts         |            字型   |        String        |    No    |   All    |        Yes        |
+|        noOfLines         |            行数   |        Number        |    No    |   All    |        Yes        |
+|        bold         |            加粗   |        Number        |    No    |   All    |        Yes        |
+|        isTruncated         |            超出省略   |        Boolean        |    No    |   All    |        Yes        |
+|        italic         |            斜体   |        Boolean        |    No    |   All    |        Yes        |
+|        underline         |            下横线   |        Boolean        |    No    |   All    |        Yes        |
+|        strikeThrough         |            删除线   |        Boolean        |    No    |   All    |        Yes        |
+|        sub         |            字体缩小（副标题或者辅助说明的文本）   |        Boolean        |    No    |   All    |        Yes        |
+|        highlight         |            突出显示   |        Boolean        |    No    |   All    |        Yes        |
+
+**Heading**: 标题(继承了Text属性)
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        size         |            尺寸，可选lg，md，sm    |       String        |    No    |   All    |        Yes        |
+
+**AlertDialog**: 警告对话框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isOpen         |           是否打开    |       Boolean        |    No    |   All    |        Yes        |
+|        onClose         |           关闭事件    |       () => void        |    No    |   All    |        Yes        |
+|        defaultIsOpen         |           是否打开    |       Boolean        |    No    |   All    |        Yes        |
+|        size         |           尺寸    |       Number        |    No    |   All    |        Yes        |
+|        leastDestructiveRef         |           最小元素节点    |       Object        |    No    |   All    |        Yes        |
+|        initialFocusRef         |           打开时焦点元素节点    |       Object        |    No    |   All    |        Yes        |
+|        finalFocusRef         |           关闭时焦点元素节点    |       Boolean        |    No    |   All    |        Yes        |
+|        avoidKeyboard         |           键盘打开，则 AlertDialog 将向上移动相当于键盘高度     |       Boolean        |    No    |   All    |        Yes        |
+|        closeOnOverlayClick         |           点击找找关闭    |       Boolean        |    No    |   All    |        Yes        |
+|        isKeyboardDismissable         |           Esc关闭    |       Boolean        |    No    |   No    |        No        |
+|        overlayVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
+|        backdropVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
+|        _backdrop         |           遮罩参数用样式    |       Any        |    No    |   All    |        Yes        |
+|        _backdropFade         |           遮罩动画的参数样式    |       Object        |    No    |   All    |        Yes        |
+|        _fade         |           子集褪色动画的参数样式    |       Object        |    No    |   All    |        Yes        |
+|        _slide         |           子集幻灯片动画的参数样式    |       Object        |    No    |   All    |        Yes        |
+|        animationPreset         |           动画类型    |       Object        |    No    |   All    |        Yes        |
+
+**Menu**: 菜单
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        trigger         |            手动触发显示的元素  |        () => void        |    No    |   All    |        Yes        |
+|        onOpen         |            打开事件    |        () => void        |    No    |   All    |        Yes        |
+|        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
+|        closeOnSelect         |             选择时菜单是否自动关闭    |        Boolean        |    No    |   All    |        Yes        |
+|        defaultIsOpen         |            默认打开   |        Boolean        |    No    |   All    |        Yes        |
+|        isOpen         |            是否打开    |        Boolean       |    No    |   All    |        Yes        |
+|        crossOffset         |            控制菜单相对于触发元素的偏移量    |        Number       |    No    |   All    |        Yes        |
+|        offset         |            菜单弹出位置的偏移量    |        Number       |    No    |   All    |        Yes        |
+|        shouldOverlapWithTrigger         |            控制菜单是否与触发元素重叠显示。    |        boolean       |    No    |   All    |        Yes        |
+|        placement         |            位置，可选top,bottom,left,right等    |        Boolean       |    No    |   All    |        Yes        |
+|        _overlay         |            菜单的覆盖层参数    |        Boolean       |    No    |   All    |        Yes        |
+|        _presenceTransition         |            出现和消失过渡效果参数    |        Boolean       |    No    |   All    |        Yes        |
+|        _backdrop         |            背景遮罩参数    |        Boolean       |    No    |   All    |        Yes        |
+
+**Modal**: 弹框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
+|        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
+|        defaultIsOpen         |             默认打开    |        Boolean        |    No    |   All    |        Yes        |
+|        size         |            尺寸   |        String        |    No    |   All    |        Yes        |
+|        initialFocusRef         |            模态框打开时最初获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
+|        finalFocusRef         |            模态框关闭时最终获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
+|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   All    |        Yes        |
+|        isKeyboardDismissable         |            控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框    |        Boolean       |    No    |   All    |        Yes        |
+|        overlayVisible         |            控制模态框的背景覆盖层（overlay）是否可见    |        Boolean       |    No    |   All    |        Yes        |
+|        backdropVisible         |            控制模态框的背景遮罩是否可见    |        Boolean       |    No    |   All    |        Yes        |
+|        animationPreset         |            动画效果    |        String       |    No    |   All    |        Yes        |
+|        _fade         |            动画参数    |        Object       |    No    |   All    |        Yes        |
+|        _slide         |            幻灯片动画参数    |        Object       |    No    |   All    |        Yes        |
+|        _overlay         |            背景覆盖层参数    |        Object       |    No    |   All    |        Yes        |
+|        useRNModal         |          是否使用 React Native 的原生Modal组件来实现模态框      |        Boolean       |    No    |   All    |        Yes        |
+|        _backdropFade         |            背景遮罩参数    |        Boolean       |    No    |   All    |        Yes        |
+
+**Popover**: 局部弹框
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
+|        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
+|        onOpen         |           打开事件    |        () => void        |    No    |   All    |        Yes        |
+|        defaultIsOpen         |             默认打开    |        Boolean        |    No    |   All    |        Yes        |
+|        size         |            尺寸   |        String        |    No    |   All    |        Yes        |
+|        initialFocusRef         |            模态框打开时最初获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
+|        finalFocusRef         |            模态框关闭时最终获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
+|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   All    |        Yes        |
+|        isKeyboardDismissable         |            控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框    |        Boolean       |    No    |   All    |        Yes        |
+|        overlayVisible         |            控制模态框的背景覆盖层（overlay）是否可见    |        Boolean       |    No    |   All    |        Yes        |
+|        backdropVisible         |            控制模态框的背景遮罩是否可见    |        Boolean       |    No    |   All    |        Yes        |
+|        animationPreset         |            动画效果    |        String       |    No    |   All    |        Yes        |
+|        _fade         |            动画参数    |        Object       |    No    |   All    |        Yes        |
+|        _slide         |            幻灯片动画参数    |        Object       |    No    |   All    |        Yes        |
+|        _overlay         |            背景覆盖层参数    |        Object       |    No    |   All    |        Yes        |
+|        useRNModal         |            是否使用 React Native 的原生Modal组件来实现局部弹框     |        Boolean       |    No    |   All    |        Yes        |
+|        trigger         |            手动触发显示的元素  |        () => void        |    No    |   All    |        Yes        |
+|        shouldOverlapWithTrigger         |            控制菜单是否与触发元素重叠显示。    |        boolean       |    No    |   All    |        Yes        |
+
+**Avatar**: 显示用户头像或图像
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        source         |            图片地址参数    |        Object        |    No    |   All    |        Yes        |
+|        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
+|        _image         |           图片参数    |        Object       |    No    |   All    |        Yes        |
+|        wrapperRef         |             获取节点    |        Boolean        |    No    |   All    |        Yes        |
+
+**Icon**: 显示用户头像或图像
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        as         |            接收矢量图标    |        Any        |    No    |   All    |        Yes        |
+|        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
+|        color         |           颜色    |        String       |    No    |   All    |        Yes        |
+|        children         |             子元素    |   JSX.Element             |    No    |   All    |        Yes        |
+|        name         |             名称    |   String            |    No    |   All    |        Yes        |
+|        viewBox         |             icon盒子参数    |   String            |    No    |   All    |        Yes        |
+|        path         |             icon地址    |   JSX.Element[] | JSX.Element            |    No    |   All    |        Yes        |
+|        d         |             SVG图标的路径    |   String            |    No    |   All    |        Yes        |
+
+**Image**: 图片
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        source         |            图片地址参数    |        Object        |    No    |   All    |        Yes        |
+|        alt         |            未展示文字    |         String       |    No    |   All    |        Yes        |
+|        _alt         |            未展示文字样式参数    |         Object       |    No    |   All    |        Yes        |
+|        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
+|        color         |           颜色    |        String       |    No    |   All    |        Yes        |
+|        src         |             图片地址    |   String             |    No    |   All    |        Yes        |
+|        fallbackSource         |             指定当主图像源无法加载时显示的备用图像源    |   String            |    No    |   All    |        Yes        |
+|        ignoreFallback         |             是否忽略备用图像源    |   Boolean            |    No    |   All    |        Yes        |
+|        fallbackElement         |             指定当主图像源无法加载时显示的备用元素    |   JSX.Element            |    No    |   All    |        Yes        |
+
+**ActionSheet**: 操作表
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
+|        onClose         |            关闭事件    |         () => void       |    No    |   All    |        Yes        |
+|        disableOverlay         |            是否有遮罩    |         Boolean       |    No    |   All    |        Yes        |
+|        hideDragIndicator         |           是否有拖动    |        Boolean        |    No    |   All    |        Yes        |
+|        _backdrop         |           遮罩参数用样式    |        any       |    No    |   All    |        Yes        |
+|        useRNModal         |             是否使用 React Native 的原生Modal组件来实现ActionSheet   |   Boolean             |    No    |   All    |        Yes        |
+
+**Actionsheet.Content**: 操作表内容
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        _dragIndicatorWrapperOffSet         |            在操作表内容上方区域内容参数    |        Object        |    No    |   All    |        Yes        |
+|        _dragIndicatorWrapper         |            在操作表内容周围区域内容参数    |         Object      |    No    |   All    |        Yes        |
+|        _dragIndicator         |            在拖动指示器上施加的推力    |         Object       |    No    |   All    |        Yes        |
+
+**PresenceTransition**: 组件的出现和消失添加动画过渡效果
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        onTransitionComplete         |            过渡完成事件    |         () => void         |    No    |   All    |        Yes        |
+|        initial         |            动画初始状态的属性    |        Object       |    No    |   All    |        Yes        |
+|        animate         |            动画最终状态的属性    |         Object       |    No    |   All    |        Yes        |
+|        exit         |           组件在隐藏时的状态    |        Boolean        |    No    |   All    |        Yes        |
+|        visible         |           是否打开    |        Boolean       |    No    |   All    |        Yes        |
+|        animationExited         |             过渡动画已经完全退出   |   Boolean             |    No    |   All    |        Yes        |
+|        children         |             子集   |   any             |    No    |   All    |        Yes        |
+|        as         |             包裹在过渡效果中的元素的类型   |   any             |    No    |   All    |        Yes        |
+
+**Stagger**: 交错动画效果组件
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        initial         |            动画初始状态的属性    |        Object       |    No    |   All    |        Yes        |
+|        animate         |            动画最终状态的属性    |         Object       |    No    |   All    |        Yes        |
+|        exit         |           组件在隐藏时的状态    |        Boolean        |    No    |   All    |        Yes        |
+|        visible         |           是否打开    |        Boolean       |    No    |   All    |        Yes        |
+
+**Slide**: 实现滑动动画
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        in         |            显示隐藏    |        Boolean       |    No    |   All    |        Yes        |
+|        duration         |            动画事件    |         Number       |    No    |   All    |        Yes        |
+|        placement         |           位置    |        String        |    No    |   All    |        Yes        |
+
+**FAB**: 浮动按钮
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        placement         |            位置    |        String       |    No    |   All    |        Yes        |
+|        label         |            文本参数    |         String       |    No    |   All    |        Yes        |
+|        icon         |           图标    |        React.Element        |    No    |   All    |        Yes        |
+|        renderInPortal         |           是否将 FAB 渲染在一个 Portal(Portal 是一种在 React 中用于将子组件渲染到父组件以外的 DOM 节点中的技术)    |        Boolean        |    No    |   All    |        Yes        |
+
+**Hidden**: 根据colorMode或平台响应性地切换子组件的可见性值
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        from         |            屏幕尺寸的起点，当屏幕尺寸大于等于这个起点时，组件将被隐藏    |        String       |    No    |   All    |        Yes        |
+|        till         |             屏幕尺寸的终点，当屏幕尺寸小于这个终点时，组件将被隐藏    |         String       |    No    |   All    |        Yes        |
+|        only         |           指定一个或多个特定的屏幕尺寸，只有在这些尺寸下组件才会显示，其他尺寸下将被隐藏    |        String        |    No    |   All    |        Yes        |
+|        colorMode         |           组件在不同颜色模式下的显示状态。NativeBase 通常支持多种颜色模式，如 light（浅色模式）、dark（深色模式）等。    |        React.Element        |    No    |   All    |        Yes        |
+|        platform         |           系统平台    |        React.Element        |    No    |   All    |        Yes        |
+|        children         |           子元素    |        React.Element        |    No    |   All    |        Yes        |
+|        isSSR         |           组件是否在服务器端渲染（SSR）环境中    |       Boolean        |    No    |   All    |        Yes        |
+
+**KeyboardAvoidingView**: 拉起键盘视图向上移动的垂直偏移量
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        behavior         |            键盘弹出时的行为    |        String 或 Undefined       |    No    |   All    |        Yes        |
+|        contentContainerStyle         |            设置该组件内部内容容器的样式    |         Object       |    No    |   All    |        Yes        |
+|        keyboardVerticalOffset         |           当键盘出现时，视图向上移动的垂直偏移量    |        Number或Undefined        |    No    |   All    |        Yes        |
+|        enabled         |           用于控制KeyboardAvoidingView是否生效    |        Boolean或Undefined        |    No    |   All    |        Yes        |
+
+
+**Other**：包含hooks和外用组件
+| Name                   | Description | Required | Platform | HarmonyOS Support |
+| ---------------------- | ----------- | -------- | ----------------- | ----------------- |
+| Scrollview    | 导出的是RN原生的Scrollview，可直接用RN的Scrollview | NO        | All               | YES               |
+| View     | 导出的是RN原生的View，可直接用RN的View | NO        | All               | YES               |
+| FlatList     | 导出的是RN原生的FlatList，可直接用RN的FlatList | NO        | All              | YES               |
+| useDisclose     | 处理常见的打开、关闭或切换场景，并可以控制反馈组件，如Modal、AlertDialog、Drawer等。 | NO        | All              | YES               |
+| useBreakpointValue     | 用于呈现分段列表的高性能接口 | NO        | All               | YES               |
+| SectionList     | 导出的是RN原生的SectionList，可直接用RN的SectionList | NO        | All              | YES               |
+| useClipboard     | 使用剪贴板控件并控制将内容复制到剪贴板 | NO        | All               | YES               |
+| useMediaQuery     | 检测单个媒体查询或多个媒体查询之间的匹配。React Native本身不支持媒体查询，因此useMediaQuery仍然有限 | NO        | All               | YES               |
+| useToken     | 解析主题中的设计标记. | NO        | All              | YES               |
+| useColorMode     |设置或检索颜色模式 | NO        | All               | YES               |
+| useColorModeValue     | 基于活动颜色模式值传递的参数中检索值 | NO        | All              | YES               |
+| useContrastText     | 提供与作为参数传递的背景颜色的颜色对比文本颜色（lightText或darkText） | NO        | All               | YES               |
+| useAccessibleColors  | 更新您的颜色配置，以在应用程序中获得更好的颜色和对比度可访问性。默认情况下，可访问的颜色是关闭的如果您想继续使用可访问的文本颜色，可以使用此挂钩。您还可以使用extendTheme在NativeBaseProvider的配置中传递它 | NO        | All               | YES               |
+| Todo-List     | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All              | YES               |
+| AppBar     | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
+| Card     |用本库的组件写的案例，如有业务需要可自行编写适合的组件| NO        | All               | YES               |
+| Drawer Navigation    | 快速地使用 [@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md) | NO        | All               | YES               |
+| Tab View     | 快速地使用 [@react-native-oh-tpl/react-native-tab-view 文档](/zh-cn/react-native-tab-view.md) in NB | NO        | All               | YES               |
+| Swipe List    | 快速地使用 [@react-native-oh-tpl/react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md) | NO        | All              | YES               |
+| Form with Validation    | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All              | YES               |
+| Login/Signup Forms     | 用本库的组件写表单登录的案例，如有业务需要可自行编写适合的组件| NO        | All               | YES               |
+| SearchBar     | 用本库的组件写的搜索案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
+| App drawer     | 使用FlatList创建类似应用程序抽屉的布局非常常见，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
+| Footer     |用本库的组件写的Footer案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
+
+## 遗留问题
+
+## 其他
+
+- 网站文档图标要用@expo/vector-icons（需要用到expo脚手架才可以），如果没有用到expo脚手架的可以用[react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)平替
+- Tooltip 当用户与元素交互时，工具提示会提供简短的信息性消息。工具提示的启动方法包括：通过鼠标悬停手势或键盘悬停手势。这个组件是在web端用的
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/GeekyAnts/NativeBase/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/Parse-SDK-JS.md b/en/Parse-SDK-JS.md
new file mode 100644
index 00000000..618ec207
--- /dev/null
+++ b/en/Parse-SDK-JS.md
@@ -0,0 +1,337 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>Parse-SDK-JS</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/parse-community/Parse-SDK-JS">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/parse-community/Parse-SDK-JS/blob/alpha/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/parse-community/Parse-SDK-JS)
+
+## 安装与使用
+
+> [!TIP] 需要配套的服务和三方依赖
+
+Parse JS SDK 兼容以下版本的 Parse Server，Parse Server服务端搭建可参考[https://github.com/parse-community/parse-server/blob/alpha/README.md](https://github.com/parse-community/parse-server/blob/alpha/README.md)。
+
+|   Parse JS SDK   |   Parse Server   |
+| :--------------: | :--------------: |
+| >= 4.0.0 < 5.0.0 | >= 6.0.0 < 7.0.0 |
+|     >= 5.0.0     |     >= 7.0.0     |
+
+> [!TIP] 本库依赖[@react-native-oh-tpl/async-storage文档](/zh-cn/react-native-async-storage-async-storage.md)  和 [@react-native-oh-tpl/react-native-get-random-values 文档](/zh-cn/react-native-get-random-values.md)
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install parse@5.3.0
+```
+
+#### **yarn**
+
+```bash
+yarn add parse@5.3.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景
+
+```jsx
+import React, { useState } from "react";
+import {
+  View,
+  Text,
+  Button,
+  Alert,
+  StyleSheet,
+} from "react-native";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import Parse from "parse/react-native";
+
+Parse.setAsyncStorage(AsyncStorage);
+// 初始化Parse，确保appId、javaScriptKey、masterKey与parse server配置一致
+Parse.initialize("your appId", "your javaScriptKey", "your masterKey");
+// parse server服务地址
+Parse.serverURL = "your parse server url";
+Parse.CoreManager.set("REQUEST_HEADERS", {
+  "X-Parse-REST-API-Key": "your RESTAPIKEY",
+});
+
+const ParseExample = () => {
+  const [data, setData] = useState < any > [];
+
+  // 添加数据 Example of saving data
+  async function saveData() {
+    const TestObject = Parse.Object.extend("TestObject");
+    const testObject = new TestObject();
+    testObject.set("name", "张三");
+    testObject.set("description", "我是rn使用parse-sdk-js库创建的张三!");
+
+    try {
+      const result = await testObject.save();
+      if (result) {
+        Alert.alert("添加成功");
+      } else {
+        Alert.alert("添加失败");
+      }
+      console.log("Object saved successfully:", result);
+    } catch (error) {
+      console.error("Error while saving object:", error);
+    }
+  }
+  // 删除数据
+  async function deleteData() {
+    const TestObject = Parse.Object.extend("TestObject");
+    const query = new Parse.Query(TestObject);
+    query.equalTo("name", "李四");
+    try {
+      const results = await query.first();
+      if (results) {
+        Parse.Object.destroyAll(results).then((res) => {
+          Alert.alert("删除成功");
+        });
+      } else {
+        Alert.alert("未找到 李四");
+      }
+    } catch (error) {
+      console.error("Error while fetching objects:", error);
+    }
+  }
+  // 修改数据
+  async function updateData() {
+    const TestObject = Parse.Object.extend("TestObject");
+    const query = new Parse.Query(TestObject);
+    try {
+      query.equalTo("name", "张三");
+      const results = await query.first();
+      if (results) {
+        console.log(results, 666);
+        results.set("name", "李四");
+        results.set("description", "我的名字改成了李四");
+        results.save().then((update) => {
+          Alert.alert("修改成功");
+        });
+      } else {
+        Alert.alert("修改失败");
+      }
+    } catch (error) {
+      console.error("Error while fetching objects:", error);
+    }
+  }
+  // 查询数据 Example of fetching data
+  async function fetchData() {
+    const TestObject = Parse.Object.extend("TestObject");
+    const query = new Parse.Query(TestObject);
+
+    try {
+      const results = await query.find();
+      const resultJson = results.map((item) => item.toJSON());
+      console.log("查询成功:", resultJson);
+      setData(resultJson);
+    } catch (error) {
+      console.error("Error while fetching objects:", error);
+    }
+  }
+
+  return (
+    <View style={style.mainBox}>
+      <Text style={{ fontSize: 18, fontWeight: "bold" }}>
+        模拟数据进行增、删、改、查
+      </Text>
+      <Text style={{ fontSize: 16, fontWeight: "bold" }}>
+        TestObject 类（表）
+      </Text>
+      <View style={{ marginTop: 10, marginBottom: 10 }}>
+        <Button title="增加一条张三数据" onPress={saveData} />
+      </View>
+      <View style={{ marginBottom: 10 }}>
+        <Button title="删除一条姓名为李四数据" onPress={deleteData} />
+      </View>
+      <View style={{ marginBottom: 10 }}>
+        <Button title="修改,将一条张三数据改为李四" onPress={updateData} />
+      </View>
+      <Button title="查询所有数据" onPress={fetchData} />
+      <View style={style.showBox}>
+        {data?.map((item) => {
+          return (
+            <View style={{ marginTop: 10 }} key={item.objectId}>
+              <Text>姓名：{item?.name}</Text>
+              <Text>描述：{item?.description}</Text>
+            </View>
+          );
+        })}
+      </View>
+    </View>
+  );
+};
+
+const style = StyleSheet.create({
+  mainBox: {
+    borderWidth: 1,
+    borderColor: "#ebebeb",
+    padding: 10,
+    marginTop: 10,
+  },
+  showBox: {
+    backgroundColor: "#f5f5f5",
+    marginTop: 10,
+    padding: 10,
+    borderWidth: 1,
+    borderColor: "#ebebeb",
+  },
+});
+
+export default ParseExample;
+```
+
+
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/async-storage和@react-native-oh-tpl/react-native-get-random-values 的代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/async-storage文档](/zh-cn/react-native-async-storage-async-storage.md) 和  [@react-native-oh-tpl/react-native-get-random-values 文档](/zh-cn/react-native-get-random-values.md) 进行引入。
+
+## 约束与限制
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+
+
+## API
+
+不同版本对应的API也不同，详情请查看[Parse-SDK-JS官方文档](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/index.html)。
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Parse**: Parse是Parse-SDK-JS的核心对象，包含所有 Parse API 类和函数。
+
+| Name            | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| initialize      | 初始化 Parse SDK，设置应用程序的 ID 和密钥。通常在应用程序的入口处调用。 | (applicationId: string, javaScriptKey?: string, masterKey?: string) => void | yes      | iOS/Android | yes               |
+| setAsyncStorage | 设置 Parse SDK 使用的 AsyncStorage 实例，用于存储会话令牌等信息。 | (storage:AsyncStorage) => void                               | yes      | iOS/Android | yes               |
+
+**Parse.ACL**：访问权限对象。
+
+| Name                 | Description                                    | Type                                       | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------------------- | ------------------------------------------ | -------- | ----------- | ----------------- |
+| setPublicReadAccess  | 设置是否允许公共（未认证用户）读取对象。       | (allowed: boolean) => void                 | no       | iOS/Android | yes               |
+| setPublicWriteAccess | 设置是否允许公共（未认证用户）写入对象。       | (allowed: boolean) => void                 | no       | iOS/Android | yes               |
+| getPublicReadAccess  | 设置是否允许公共（未认证用户）写入对象。       | () => boolean                              | no       | iOS/Android | yes               |
+| getPublicWriteAccess | 获取是否允许公共（未认证用户）写入对象的权限。 | () => boolean                              | no       | iOS/Android | yes               |
+| setReadAccess        | 设置特定用户是否有读取对象的权限。             | (userId: string, allowed: boolean) => void | no       | iOS/Android | yes               |
+| setWriteAccess       | 设置特定用户是否有写入对象的权限。             | (userId: string, allowed: boolean) => void | no       | iOS/Android | yes               |
+| getReadAccess        | 获取特定用户是否有读取对象的权限。             | (userId: string) => boolean                | no       | iOS/Android | yes               |
+| getWriteAccess       | 获取特定用户是否有写入对象的权限。             | (userId: string) => boolean                | no       | iOS/Android | yes               |
+
+**Parse.Object**：通常情况下，您不会直接调用此方法。建议您使用 Parse.Object 的子类，通过调用 `extend` 方法创建子类对象。
+
+| Name             | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| set              | 设置数据对象的属性值，其中 `key` 是属性名，`value` 是对应的属性值。 | (key: string\|object, value: string\|object, options: object) => ParseObject | no       | iOS/Android | yes               |
+| get              | 获取数据对象的指定属性值，通过 `key` 指定属性名。            | (attr: string) => any                                        | no       | iOS/Android | yes               |
+| unset            | 移除数据对象的指定属性值，通过 `key` 指定属性名。            | (attr: string) => ParseObject                                | no       | iOS/Android | yes               |
+| increment        | 增加指定属性的数值类型值，`amount` 是增加的数量。            | (attr: String, amount: Number) => ParseObject                | no       | iOS/Android | yes               |
+| add              | 添加一个值到数组类型的属性中，`value` 是要添加的值。         | (attr: string, item) => ParseObject                          | no       | iOS/Android | yes               |
+| remove           | 从数组类型的属性中移除一个值，`value` 是要移除的值。         | (attr: string, item) => ParseObject                          | no       | iOS/Android | yes               |
+| save             | 将数据对象保存到 Parse 服务器上，如果对象不存在则创建，存在则更新。 | () => Promise                                                | no       | iOS/Android | yes               |
+| fetch            | 从 Parse 服务器上获取最新的数据对象信息。                    | (options: object) => Promise                                 | no       | iOS/Android | yes               |
+| destroy          | 从 Parse 服务器上删除当前数据对象。                          | (options: object) => Promise                                 | no       | iOS/Android | yes               |
+| fetchWithInclude | 在获取对象时，包含在查询中指定的关联对象。                   | (keys: string\|Array<string\|Array<string>>, options: object) => Promise | no       | iOS/Android | yes               |
+| saveAll          | 批量保存一组数据对象到 Parse 服务器。                        | (list: Array, options: object) => Array.<Parse.Object>       | no       | iOS/Android | yes               |
+| destroyAll       | 批量删除一组数据对象。                                       | (list: Array, options: object) => Promise                    | no       | iOS/Android | yes               |
+
+**Parse.Query**：Parse.Query 定义了一个用于获取 Parse.Object 的查询。
+
+|         Name         | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| :------------------: | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+|       equalTo        | 添加一个相等条件，查询字段 `key` 的值等于 `value`。          | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|      notEqualTo      | 添加一个不等条件，查询字段 `key` 的值不等于 `value`。        | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|       lessThan       | 添加一个小于条件，查询字段 `key` 的值小于 `value`。          | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     greaterThan      | 添加一个大于条件，查询字段 `key` 的值大于 `value`。          | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|  lessThanOrEqualTo   | 添加一个小于或等于条件，查询字段 `key` 的值小于或等于 `value`。 | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+| greaterThanOrEqualTo | 添加一个大于或等于条件，查询字段 `key` 的值大于或等于 `value`。 | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     containedIn      | 添加一个包含于条件，查询字段 `key` 的值包含在 `values` 数组中。 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|    notContainedIn    | 添加一个不包含于条件，查询字段 `key` 的值不包含在 `values` 数组中。 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        exists        | 添加一个存在条件，查询字段 `key` 的值存在（非 `null` 或 `undefined`）。 | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     doesNotExist     | 添加一个不存在条件，查询字段 `key` 的值不存在（为 `null` 或 `undefined`）。 | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     containsAll      | 添加一个包含所有条件，查询字段 `key` 的值必须包含 `values` 数组中的所有元素。 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|      startsWith      | 添加一个以指定前缀开始的条件，查询字段 `key` 的值必须以 `prefix` 字符串开头。 | (key: string, prefix: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|       endsWith       | 添加一个以指定后缀结束的条件，查询字段 `key` 的值必须以 `suffix` 字符串结尾。 | (key: string, suffix: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|         near         | 添加一个接近条件，查询地理位置字段 `key` 的值接近于指定的地理坐标点 `point`。 | (key: string, point: Parse.GeoPoint) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|    withinRadians     | 添加一个在指定弧度内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     withinMiles      | 添加一个在指定英里内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 英里的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|   withinKilometers   | 添加一个在指定公里内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 公里的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|     withinGeoBox     | 添加一个在指定矩形区域内的条件，查询地理位置字段 `key` 的值必须在由 `southwest` 和 `northeast` 定义的矩形内。 | (key: string, southwest: Parse.GeoPoint, northeast: Parse.GeoPoint) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|       include        | 添加一个包含关联对象条件                                     | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        select        | 仅返回查询结果中指定字段的信息。                             | (keys: string[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        limit         | 限制返回结果的数量。                                         | (count: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|         skip         | 跳过指定数量的查询结果。                                     | (count: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|      ascending       | 按照指定字段升序排序查询结果。                               | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|      descending      | 按照指定字段降序排序查询结果。                               | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|         find         | 按照指定字段降序排序查询结果。                               | (options?: Parse.Query.FindOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        first         | 执行查询并返回符合条件的第一个对象。                         | (options?: Parse.Query.FindOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|        count         | 计算符合条件的对象的数量。                                   | (options?: Parse.Query.CountOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+
+**Parse.Role**：表示Parse服务器上的角色对象。
+
+| Name           | Description                     | Type                                          | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------- | --------------------------------------------- | -------- | ----------- | ----------------- |
+| getName        | 获取角色的名称。                | () => String                                  | no       | iOS/Android | yes               |
+| getUsers       | 获取分配给角色的用户列表。      | () => Array<Parse.User>                       | no       | iOS/Android | yes               |
+| getRoles       | 获取分配给角色的子角色列表。    | () => Array<Parse.Role>                       | no       | iOS/Android | yes               |
+| getRolesByName | 根据角色名称获取角色对象列表。  | (Array<String>) => Promise<Array<Parse.Role>> | no       | iOS/Android | yes               |
+| save           | 将角色对象保存到 Parse 服务器。 | (obj: Object) => Promise<Array<Parse.Role>>   | no       | iOS/Android | yes               |
+| destroy        | 从 Parse 服务器上删除角色对象。 | (obj: Object) => Promise<Array<Parse.Role>>   | no       | iOS/Android | yes               |
+
+**Parse.User**：表示Parse服务器上的用户对象，可进行注册、登录、登出等操作。
+
+| Name    | Description                                               | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------- | --------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| signUp  | 注册新用户到 Parse 服务器。                               | ({username: string, password: string, email: string}) => Promise<Parse.User> | no       | iOS/Android | yes               |
+| logIn   | 注册新用户到 Parse 服务器。                               | (username: string, password: string) => Promise<Parse.User>  | no       | iOS/Android | yes               |
+| current | 获取当前已登录的用户对象，如果没有用户登录则返回 `null`。 | () => Parse.User                                             | no       | iOS/Android | yes               |
+| logOut  | 登出当前用户。                                            | () => Promise<void>                                          | no       | iOS/Android | yes               |
+| become  | 通过会话令牌sessionToken来认证用户。                      | (sessionToken: string) => Promise<Parse.User>                | no       | iOS/Android | yes               |
+| save    | 将用户对象保存到 Parse 服务器。                           | (user: Object) => Promise<Parse.User>                        | no       | iOS/Android | yes               |
+| destroy | 从 Parse 服务器上删除用户对象。                           | (user: Object) => Promise<void>                              | no       | iOS/Android | yes               |
+
+**Parse.Cloud**: 可以通过Cloud API执行自定义的云代码。以下是支持的主要Cloud API及其相关信息：
+
+|     Name     | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| :----------: | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+|     run      | 调用指定名称的云函数并获取其返回值。`functionName` 是云函数的名称，`data` 是传递给云函数的参数对象，`options` 是一个可选的配置对象，用于设置云函数调用的详细选项，如超时等。 | (functionName: string, data?: object, options?: Parse.Cloud.HttpOptions) => Promise | no       | iOS/Android | yes               |
+|  afterSave   | 注册一个在保存对象后触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.AfterSaveRequest` 对象作为参数，可以在保存对象后执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.AfterSaveRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
+|  beforeSave  | 注册一个在保存对象之前触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.BeforeSaveRequest` 对象作为参数，可以在保存对象前执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.BeforeSaveRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
+| afterDelete  | 注册一个在删除对象后触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.AfterDeleteRequest` 对象作为参数，可以在删除对象后执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.AfterDeleteRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
+| beforeDelete | 注册一个在删除对象之前触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.BeforeDeleteRequest` 对象作为参数，可以在删除对象前执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.BeforeDeleteRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
+
+
+
+## 遗留问题
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The Apache License (Apache)](https://github.com/parse-community/Parse-SDK-JS/blob/alpha/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/Shopify-restyle.md b/en/Shopify-restyle.md
new file mode 100644
index 00000000..44673c11
--- /dev/null
+++ b/en/Shopify-restyle.md
@@ -0,0 +1,196 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@shopify/restyle</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Shopify/restyle">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Shopify/restyle/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/Shopify/restyle)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @shopify/restyle@2.4.4
+```
+
+#### **yarn**
+
+```bash
+yarn add @shopify/restyle@2.4.4
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { createTheme } from "@shopify/restyle";
+
+const palette = {
+  purpleLight: "#8C6FF7",
+  purplePrimary: "#5A31F4",
+  purpleDark: "#3F22AB",
+
+  greenLight: "#56DCBA",
+  greenPrimary: "#0ECD9D",
+  greenDark: "#0A906E",
+
+  black: "#0B0B0B",
+  white: "#F0F2F3",
+};
+
+const theme = createTheme({
+  colors: {
+    mainBackground: palette.white,
+    cardPrimaryBackground: palette.purplePrimary,
+  },
+  spacing: {
+    s: 8,
+    m: 16,
+    l: 24,
+    xl: 40,
+  },
+  textVariants: {
+    header: {
+      fontWeight: "bold",
+      fontSize: 34,
+    },
+    body: {
+      fontSize: 16,
+      lineHeight: 24,
+    },
+    defaults: {
+      // We can define a default text variant here.
+    },
+  },
+});
+export type Theme = typeof theme;
+export default theme;
+
+```
+
+```js
+import { ThemeProvider } from "@shopify/restyle";
+import theme from "./theme";
+
+export const App = () => (
+  <ThemeProvider theme={theme}>{/* Rest of the app */}</ThemeProvider>
+);
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
+
+## Hooks
+
+详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/)
+
+以下为目前已支持的 Hooks：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|       Name        |                                           Description                                           |   Type   | Required | Platform | HarmonyOS Support |
+|:-----------------:|:-----------------------------------------------------------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
+|     useTheme      |                            Retrieve attribute objects from the theme                            | function |    No    |   All    |        Yes        |
+|    useRestyle     | Dynamically styles reaction components based on a theme and a set of rules for resetting styles | function |    No    |   All    |        Yes        |
+| useResponsiveProp |                  Fetching the value of a responsive prop in a custom component                  | function |    No    |   All    |        Yes        |
+
+## 方法
+
+详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/)
+
+以下为目前已支持的方法：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|          Name          |                                  Description                                   |   Type   | Required | Platform | HarmonyOS Support |
+|:----------------------:|:------------------------------------------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
+|      createTheme       |                                Defining a Theme                                | function |    No    |   All    |        Yes        |
+|     createVariant      |           Provides a flexible way to handle style changes in a theme           | function |    No    |   All    |        Yes        |
+| createRestyleFunction  |                         Creating a Predefined Restyle                          | function |    No    |   All    |        Yes        |
+| createRestyleComponent | To create a custom component, you need to set the predefined Restyle function. | function |    No    |   All    |        Yes        |
+
+## 预定义组件
+
+详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/)
+
+以下为目前已支持的预定义组件：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|     Name      |                  Description                   |   Type   | Required | Platform | HarmonyOS Support |
+|:-------------:|:----------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
+|  createText   |           Predefined Text component            | function |    No    |   All    |        Yes        |
+|   createBox   |            Predefined Box component            | function |    No    |   All    |        Yes        |
+| ThemeProvider | Set the theme to the outermost React component | function |    No    |   All    |        Yes        |
+
+## 预定义 Restyle 函数
+
+详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/fundamentals/restyle-functions)
+
+以下为目前已支持的预定义 Restyle 函数：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|              Name              |                                                                                                                                                                                    Props                                                                                                                                                                                     |   Type   | Required | Platform | HarmonyOS Support |
+|:------------------------------:|:----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
+| backgbackgroundColorroundColor |                                                                                                                                                                   backgroundColor [bg]backgroundColor [bg]                                                                                                                                                                   | function |    No    |   All    |        Yes        |
+|           colorcolor           |                                                                                                                                                                                 color color                                                                                                                                                                                  | function |    No    |   All    |        Yes        |
+|         opacityopacity         |                                                                                                                                                                                opacityopacity                                                                                                                                                                                | function |    No    |   All    |        Yes        |
+|         visiblevisible         |                                                                                                                                     display (maps `true` / `false` to `flex` / `none`)display (maps `true` / `false` to `flex` / `none`)                                                                                                                                     | function |    No    |   All    |        Yes        |
+|            spacing             | margin [m], marginTop [mt], marginRight [mr], marginBottom [mb], marginLeft [ml], marginStart [ms], marginEnd[me], marginHorizontal [mx], marginVertical [my], padding [p], paddingTop [pt], paddingRight [pr], paddingBottom [pb], paddingLeft [pl], paddingStart [ps], paddingEnd [pe], paddingHorizontal [px], paddingVertical [py], gap [g], rowGap [rG], columnGap [cG] | function |    No    |   All    |        Yes        |
+|             layout             |                                                                                     width, height, minWidth, maxWidth, minHeight, maxHeight, overflow, aspectRatio, alignContent, alignItems, alignSelf, justifyContent, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap                                                                                      | function |    No    |   All    |        Yes        |
+|            position            |                                                                                                                                                                position, top, right, bottom, left, start, end                                                                                                                                                                | function |    No    |   All    |        Yes        |
+|            position            |                                                                                                                                                                                    zIndex                                                                                                                                                                                    | function |    No    |   All    |        Yes        |
+|             border             |                                                                                                                       borderBottomWidth, borderLeftWidth, borderRightWidth, borderStartWidth, borderEndWidth, borderStyle, borderTopWidth, borderWidth                                                                                                                       | function |    No    |   All    |        Yes        |
+|             border             |                                                                                                                             borderColor, borderTopColor, borderRightColor, borderLeftColor, borderStartColor, borderEndColor, borderBottomColor                                                                                                                              | function |    No    |   All    |        Yes        |
+|             border             |                                                                                      borderRadius, borderBottomLeftRadius, borderBottomRightRadius, borderBottomStartRadius, borderBottomEndRadius, borderTopLeftRadius, borderTopRightRadius, borderTopStartRadius, borderTopEndRadius                                                                                      | function |    No    |   All    |        Yes        |
+|             shadow             |                                                                                                                                                             shadowOpacity, shadowOffset, shadowRadius, elevation                                                                                                                                                             | function |    No    |   All    |        Yes        |
+|             shadow             |                                                                                                                                                                                 shadowColor                                                                                                                                                                                  | function |    No    |   All    |        Yes        |
+|           textShadow           |                                                                                                                                                                      textShadowOffset, textShadowRadius                                                                                                                                                                      | function |    No    |   All    |        NO         |
+|           textShadow           |                                                                                                                                                                               textShadowColor                                                                                                                                                                                | function |    No    |   All    |        NO         |
+
+## 遗留问题
+
+## 其他
+
+ - 预函数textShadow在Android和iOS不生效， HarmonyOS与Android,iOS表现一致 [原库 issue](https://github.com/Shopify/restyle/issues/307)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Shopify/restyle/blob/master/LICENSE.md)，请自由地享受和参与开源。
diff --git a/en/ant-design-react-native.md b/en/ant-design-react-native.md
new file mode 100644
index 00000000..047ba9f5
--- /dev/null
+++ b/en/ant-design-react-native.md
@@ -0,0 +1,1155 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@ant-design/react-native</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ant-design/ant-design-mobile-rn">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ant-design/ant-design-mobile-rn/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/ant-design/ant-design-mobile-rn)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @ant-design/react-native@5.2.2
+```
+
+#### **yarn**
+
+```bash
+yarn add @ant-design/react-native@5.2.2
+```
+
+> [!TIP] 本库还依赖了[@react-native-oh-tpl/slider](/zh-cn/react-native-community-slider.md)、[@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-modal-popover](/zh-cn/react-native-modal-popover.md)、[@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)和[react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md)
+
+> **Warning:**
+> @bang88/react-native-ultimate-listview 这个依赖库还没鸿蒙化，会影响到里面的一个 ListView 组件，如果想暂时解决掉这个报错的话，可以在 node_modules\@bang88\react-native-ultimate-listview\src 目录下添加一个 refreshableScrollView.js 文件。
+
+## 链接字体图标
+
+```bash
+// 配置根目录下的 `react-native.config.js` 文件
+module.exports = {
+  assets: ['node_modules/@ant-design/icons-react-native/fonts'],
+};
+```
+
+然后
+
+```bash
+# 手动执行命令
+npm install react-native-asset && npx react-native-asset
+```
+
+### 在 ArkTs 侧引入和注册字体文件
+
+> [!WARNING] 使用时 import 的库名不变。
+
+步骤一：
+复制字体文件到 `\entry\src\main\resources\rawfile\fonts` 目录下(没有 fonts 文件夹就新建一个，如使用了外部字体文件，需要将\*.ttf 文件复制过来)
+
+步骤二：
+打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+```diff
+
+    @Entry
+    @Component
+    struct Index {
+        //...
+        if (this.rnohCoreContext && this.shouldShow) {
+        if (this.rnohCoreContext?.isDebugModeEnabled) {
+          RNOHErrorDialog({ ctx: this.rnohCoreContext })
+        }
+        RNApp({
+          rnInstanceConfig: {
+            createRNPackages,
+            enableNDKTextMeasuring: true,
+            enableBackgroundExecutor: false,
+            enableCAPIArchitecture: true,
+            arkTsComponentNames: [SLIDER_TYPE],
+            fontResourceByFontFamily: {
++              'antoutline': $rawfile("fonts/antoutline.ttf"),
++              "antfill": $rawfile('fonts/antfill.ttf'),
+            }
+          },
+        //...
+         )
+    }
+```
+
+> [!TIP] Demo 中字体属于 IconFont 文件；自定义字体也需要用统一的方法在此注册。
+
+下面的代码展示了这个库的基本使用场景：
+
+```jsx
+import React from "react";
+import { ScrollView, View } from "react-native";
+import { Badge, WhiteSpace } from "@ant-design/react-native";
+export default class BasicTagExample extends React.Component {
+  render() {
+    return (
+      <ScrollView
+        style={{ flex: 1 }}
+        automaticallyAdjustContentInsets={false}
+        showsHorizontalScrollIndicator={false}
+        showsVerticalScrollIndicator={false}
+      >
+        <View style={{ padding: 20 }}>
+          <Badge text={9}>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text={109} overflowCount={100}>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text={109}>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text="new">
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text={109} dot>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+
+          <WhiteSpace size="lg" />
+
+          <Badge text={33} corner>
+            <View
+              style={{
+                width: 52,
+                height: 52,
+                backgroundColor: "rgba(255, 140, 101, 0.15)",
+              }}
+            />
+          </Badge>
+        </View>
+      </ScrollView>
+    );
+  }
+}
+```
+
+## Link
+
+> [!TIP] @react-native-oh-tpl/react-native-gesture-handler 安装 v2.14.7 版本配套使用
+
+> [!TIP] @react-native-oh-tpl/slider 安装 v4.4.3-0.3.2 版本配套使用
+
+> [!TIP] @react-native-oh-tpl/react-native-modal-popover 安装 v2.1.3-0.0.1 版本配套使用
+
+> [!TIP] @react-native-oh-tpl/react-native-reanimated 安装 v3.6.2 版本配套使用
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/slider、@react-native-oh-tpl/react-native-gesture-handler 、@react-native-oh-tpl/react-native-reanimated 和@react-native-oh-tpl/react-native-modal-popover 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照文档进行引入
+
+- [@react-native-oh-tpl/slider 引入方法](/zh-cn/react-native-community-slider.md)
+
+- [@react-native-oh-tpl/react-native-gesture-handler 引入方法](/zh-cn/react-native-gesture-handler.md)
+
+- [@react-native-oh-tpl/react-native-modal-popover 引入方法](/zh-cn/react-native-modal-popover.md)
+
+- [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 组件
+
+详细请查看 [ant-design-mobile-rn 的文档介绍](http://rn.mobile.ant.design/docs/react/introduce-cn)
+
+以下为目前已支持的组件属性：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Accordion**：手风琴组件，可以折叠/展开的内容区域。
+
+|       Name        |              Description               |           Type            | Required | Platform | HarmonyOS Support |
+| :---------------: | :------------------------------------: | :-----------------------: | :------: | :------: | :---------------: |
+| onChange(indexes) |    当 section(s)发生变化的时候执行     | (indexes: number[])=>void |    No    |   All    |        Yes        |
+|  activeSections   | 初始化选中 sections ，留空关闭所有面板 |         number[]          |    No    |   All    |        Yes        |
+
+更多自定义属性请参考 https://github.com/oblador/react-native-collapsible#properties-1
+
+**Accordion.Panel**：Accordion 子组件。
+
+|  Name  |  Description   |          Type           | Required | Platform | HarmonyOS Support |
+| :----: | :------------: | :---------------------: | :------: | :------: | :---------------: |
+|  key   | 对应 activeKey |         String          |    No    |   All    |        Yes        |
+| header |   面板头内容   | React.Element or String |   Yes    |   All    |        Yes        |
+
+**ActionSheet**：动作面板组件，从底部弹出的模态框，提供和当前场景相关的 2 个以上的操作动作，也支持提供标题和描述。
+
+|          Name          |                 Description                  |          Type           | Required | Platform | HarmonyOS Support |
+| :--------------------: | :------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
+|        options         |             按钮标题列表 (必须)              |     Array 或 String     |   Yes    |   All    |        Yes        |
+|   cancelButtonIndex    |         按钮列表中取消按钮的索引位置         |         Number          |    No    |   All    |        Yes        |
+| destructiveButtonIndex | 按钮列表中破坏性按钮（一般为删除）的索引位置 |         Number          |    No    |   All    |        Yes        |
+|         title          |                   顶部标题                   |         String          |    No    |   All    |        Yes        |
+|        message         |             顶部标题下的简要消息             | String 或 React.element |    No    |   All    |        Yes        |
+
+**Card**：卡片组件，用于组织信息和操作，通常也作为详细信息的入口。
+
+| Name | Description |  Type   | Required | Platform | HarmonyOS Support |
+| :--: | :---------: | :-----: | :------: | :------: | :---------------: |
+| full |  是否通栏   | boolean |    No    |   All    |        Yes        |
+
+**Card.Header**：卡片子组件。
+
+|    Name    |   Description    |         Type          | Required | Platform | HarmonyOS Support |
+| :--------: | :--------------: | :-------------------: | :------: | :------: | :---------------: |
+|   title    |     卡片标题     | React.Element、String |    No    |   All    |        Yes        |
+|   thumb    |   卡片标题图片   | String、React.Element |    No    |   All    |        Yes        |
+| thumbStyle |   标题图片样式   |        Object         |    No    |   All    |        Yes        |
+|   extra    | 卡片标题辅助内容 | React.Element、String |    No    |   All    |        Yes        |
+
+**Card.Footer**：卡片子组件。
+
+|  Name   | Description  |         Type          | Required | Platform | HarmonyOS Support |
+| :-----: | :----------: | :-------------------: | :------: | :------: | :---------------: |
+| content |   尾部内容   | React.Element、String |    No    |   All    |        Yes        |
+|  extra  | 尾部辅助内容 | React.Element、String |    No    |   All    |        Yes        |
+
+**Icon**：图标组件。
+
+| Name  |     Description     |                Type                | Required | Platform | HarmonyOS Support |
+| :---: | :-----------------: | :--------------------------------: | :------: | :------: | :---------------: |
+| name  | OutlineGlyphMapType |               string               |   Yes    |   All    |        Yes        |
+| size  |      图标大小       | 'xxs'/'xs'/'sm'/'md'/'lg' / number |    No    |   All    |        Yes        |
+| color |      图标颜色       |               Color                |    No    |   All    |        Yes        |
+
+**List**：列表组件，单个连续模块垂直排列，显示当前的内容、状态和可进行的操作。eg：联系人列表。
+
+|     Name     |   Description    |                                                              Type                                                              | Required | Platform | HarmonyOS Support |
+| :----------: | :--------------: | :----------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+| renderHeader |    list heder    |                                                            (): void                                                            |    No    |   All    |        Yes        |
+| renderFooter |   list footer    |                                                            (): void                                                            |    No    |   All    |        Yes        |
+|    styles    | 语义化结构 style | [ListStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list/index.zh-CN.md#liststyle-语义化样式) |    No    |   All    |        Yes        |
+
+**List.Item**：列表子组件。
+
+|     Name     |                                         Description                                         |                                                                                      Type                                                                                      | Required | Platform | HarmonyOS Support |
+| :----------: | :-----------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|    thumb     |                           缩略图(当为 string 类型时作为 img src)                            |                                                                             String、React.Element                                                                              |    No    |   All    |        Yes        |
+|    extra     |                                          右边内容                                           |                                                                             String 、React.Element                                                                             |    No    |   All    |        Yes        |
+|    arrow     | 箭头方向(右,上,下), 可选 horizontal,up,down,empty，如果是 empty 则存在对应的 dom,但是不显示 |                                                                                     String                                                                                     |    No    |   All    |        Yes        |
+|    align     |                           子元素垂直对齐，可选 top,middle,bottom                            |                                                                                     String                                                                                     |    No    |   All    |        Yes        |
+|   onPress    |                                     点击事件的回调函数                                      |       同[TouchableHighlightProps['onPress']](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#touchablehighlightprops)        |    No    |   All    |        Yes        |
+| multipleLine |                                            多行                                             |                                                                                    Boolean                                                                                     |    No    |   All    |        Yes        |
+|     wrap     |                          是否换行，默认情况下，文字超长会被隐藏，                           |                                                                                    Boolean                                                                                     |    No    |   All    |        Yes        |
+|    styles    |                                      语义化结构 style                                       | [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#listitemstyle-%E8%AF%AD%E4%B9%89%E5%8C%96%E6%A0%B7%E5%BC%8F) |    No    |   All    |        Yes        |
+
+**List.Item.Brief**：列表辅助说明组件。
+
+**ListView**：列表 Experimental 组件，当你需要一个 infinite scroll 列表时，请使用 ListView。[更多文档](https://github.com/gameboyVito/react-native-ultimate-listview)
+
+**Modal**：对话框组件，用作显示系统的重要信息，并请求用户进行操作反馈，eg：删除某个重要内容时，弹出 Modal 进行二次确认。
+
+|      Name      |                                                                     Description                                                                      |          Type           | Required | Platform | HarmonyOS Support |
+| :------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
+|    visible     |                                                                    对话框是否可见                                                                    |         Boolean         |    No    |   All    |        Yes        |
+|    closable    |                                                                   是否显示关闭按钮                                                                   |         Boolean         |    No    |   All    |        Yes        |
+|  maskClosable  |                                                                 点击蒙层是否允许关闭                                                                 |         Boolean         |    No    |   All    |        Yes        |
+|    onClose     |                                                                 点击 x 或 mask 回调                                                                  |        (): void         |    No    |   All    |        Yes        |
+|  transparent   |                                                                     是否背景透明                                                                     |         Boolean         |    No    |   All    |        Yes        |
+|     popup      |                                                                     是否弹窗模式                                                                     |         Boolean         |    No    |   All    |        Yes        |
+| animationType  |                                                                可选: 'fade' / 'slide'                                                                |         String          |    No    |   All    |        Yes        |
+|     title      |                                                                         标题                                                                         |      React.Element      |    No    |   All    |        Yes        |
+|     footer     |                                                                       底部内容                                                                       | Array [{text, onPress}] |    No    |   All    |        Yes        |
+| onRequestClose | onRequestClose 回调会在用户按下 Android 设备上的后退按键或是 Apple TV 上的菜单键时触发。返回 true 时会在 modal 处于开启状态时阻止 BackHandler 事件。 |       (): boolean       |    No    |   All    |        No         |
+
+**Modal.alert(title, message, actions?, platform?)**：对话框组件。
+
+|     Name      |                             Description                             |          Type           | Required | Platform | HarmonyOS Support |
+| :-----------: | :-----------------------------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
+|     title     |                                标题                                 | String 或 React.Element |    No    |   All    |        Yes        |
+|    message    |                              提示信息                               | String 或 React.Element |    No    |   All    |        Yes        |
+|    actions    |                  按钮组, [{text, onPress, style}]                   |          Array          |    No    |   All    |        Yes        |
+| onBackHandler | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |       (): boolean       |    No    |   All    |        Yes        |
+
+**Modal.prompt(title, message, callbackOrActions, type?, defaultValue?, placeholders?, platform?)**：对话框组件。
+
+|       Name        |                             Description                             |                     Type                      | Required | Platform | HarmonyOS Support |
+| :---------------: | :-----------------------------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
+|       title       |                                标题                                 |            String 或 React.Element            |    No    |   All    |        Yes        |
+|      message      |                              提示信息                               |            String 或 React.Element            |    No    |   All    |        Yes        |
+| callbackOrActions |                 按钮组 [{text, onPress}] 或回调函数                 |               Array or Function               |    No    |   All    |        Yes        |
+|       type        |                            prompt 的样式                            | String (default, secure-text, login-password) |    No    |   All    |        Yes        |
+|   defaultValue    |                默认值(input 为 password 类型不支持)                 |                    String                     |    No    |   All    |        Yes        |
+|   placeholders    |                              ['', '']                               |                   String[]                    |    No    |   All    |        Yes        |
+|   onBackHandler   | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |                  (): boolean                  |    No    |   All    |        No         |
+
+**Modal.operation(actions?, onBackHandler?)**：对话框组件。
+
+|     Name      |                             Description                             |    Type     | Required | Platform | HarmonyOS Support |
+| :-----------: | :-----------------------------------------------------------------: | :---------: | :------: | :------: | :---------------: |
+|    actions    |                  按钮组, [{text, onPress, style}]                   |    Array    |    No    |   All    |        Yes        |
+| onBackHandler | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 | (): boolean |    No    |   All    |        Yes        |
+
+**Portal**：Portal 组件，注意：源码复制自 react-native-paper 更多信息请移步https://callstack.github.io/react-native-paper/portal.html。
+
+**Result**：结果页组件，在整张页面中组织插画、图标、文字等内容，向用户反馈操作结果。
+
+|     Name      |          Description          |           Type            | Required | Platform | HarmonyOS Support |
+| :-----------: | :---------------------------: | :-----------------------: | :------: | :------: | :---------------: |
+|    imgUrl     |           插图 url            | string / Image Source(rn) |    No    |   All    |        Yes        |
+|      img      | 插图元素 , 会覆盖 imgUrl 设置 |         ReactNode         |    No    |   All    |        Yes        |
+|     title     |          title 文案           |         ReactNode         |    No    |   All    |        Yes        |
+|    message    |         message 文案          |         ReactNode         |    No    |   All    |        Yes        |
+|  buttonText   |           按钮文案            |          string           |    No    |   All    |        Yes        |
+|  buttonType   |     请参考 button 的配置      |          string           |    No    |   All    |        Yes        |
+| onButtonClick |         按钮回调函数          |     (e: Object): void     |    No    |   All    |        Yes        |
+
+**Toast**：轻提示组件，一种轻量级反馈/提示，可以用来显示不会打断用户操作的内容，适合用于页面转场、数据交互的等场景中。
+
+|   Name    |          Description           |                                                               Type                                                                | Required | Platform | HarmonyOS Support |
+| :-------: | :----------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  content  |            提示内容            |                                                              String                                                               |   Yes    |   All    |        Yes        |
+| duration  |     自动关闭的延时，单位秒     |                                                              number                                                               |    No    |   All    |        Yes        |
+|   icon    |              图标              |                                                            `'success'`                                                            |    No    |   All    |        Yes        |
+| position  |        垂直方向显示位置        |                                                              `'top'`                                                              |    No    |   All    |        Yes        |
+|  onClose  |           关闭后回调           |                                                             Function                                                              |    No    |   All    |        Yes        |
+|   mask    | 是否显示透明蒙层，防止触摸穿透 |                                                              Boolean                                                              |    No    |   All    |        Yes        |
+| stackable |        是否允许叠加显示        |                                                              Boolean                                                              |    No    |   All    |        Yes        |
+|  styles   |        语义化结构 style        | [ToastStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/toast/index.zh-CN.md#toaststyle-语义化样式) |    No    |   All    |        Yes        |
+
+**Toast API**
+
+- Toast.success(props)
+- Toast.fail(props)
+- Toast.info(props)
+- Toast.loading(props)
+- Toast.offline(props)
+- Toast.show(props)
+
+**Toast.removeAll**: 关闭所有显示中的 `Toast`。
+
+**ActivityIndicator**：活动指示器组件，表明某个任务正在进行中。
+
+|   Name    |          Description           |  Type   | Required | Platform | HarmonyOS Support |
+| :-------: | :----------------------------: | :-----: | :------: | :------: | :---------------: |
+| animating |            显隐状态            | boolean |    No    |   All    |        Yes        |
+|   size    | spinner 大小，可选 small/large | string  |    No    |   All    |        Yes        |
+|   toast   |        loading 样式类型        | boolean |    No    |   All    |        Yes        |
+|   text    |          loading 文本          | string  |    No    |   All    |        Yes        |
+|   color   |          spinner 颜色          | string  |    No    |   All    |        Yes        |
+
+**Badge**：徽标数组件，图标右上角的红点、数字或者文字。用于告知用户，该区域的状态变化或者待处理任务的数量。
+
+|     Name      |        Description         |       Type       | Required | Platform | HarmonyOS Support |
+| :-----------: | :------------------------: | :--------------: | :------: | :------: | :---------------: |
+|     size      |   大小，可选 large small   |      string      |    No    |   All    |        Yes        |
+|     text      |      展示的数字或文案      | string 或 number |    No    |   All    |        Yes        |
+|    corner     |          置于角落          |     boolean      |    No    |   All    |        Yes        |
+|      dot      | 不展示数字，只有一个小红点 |     boolean      |    No    |   All    |        Yes        |
+| overflowCount |      展示封顶的数字值      |      number      |    No    |   All    |        Yes        |
+
+**Button**：按钮组件，点击后会触发一个操作。
+
+|      Name       |                     Description                      |       Type        | Required | Platform | HarmonyOS Support |
+| :-------------: | :--------------------------------------------------: | :---------------: | :------: | :------: | :---------------: |
+|      type       |  按钮类型，可选值为 primary/ghost/warning 或者不设   |      string       |    No    |   All    |        Yes        |
+|      size       |           按钮大小，可选值为 large、small            |      string       |    No    |   All    |        Yes        |
+|   activeStyle   | 点击反馈的自定义样式 (设为 false 时表示禁止点击反馈) |     {}/false      |    No    |   All    |        Yes        |
+| activeClassName |                 点击反馈的自定义类名                 |      string       |    No    |   All    |        No         |
+|    disabled     |                       设置禁用                       |      boolean      |    No    |   All    |        Yes        |
+|     onPress     |                点击按钮的点击回调函数                | (e: Object): void |    No    |   All    |        Yes        |
+|      style      |                      自定义样式                      |      Object       |    No    |   All    |        Yes        |
+|    onPressIn    |          同 RN TouchableHighlight onPressIn          | (e: Object): void |    No    |   All    |        Yes        |
+|   onPressOut    |         同 RN TouchableHighlight onPressOut          | (e: Object): void |    No    |   All    |        Yes        |
+| onShowUnderlay  |       同 RN TouchableHighlight onShowUnderlay        | (e: Object): void |    No    |   All    |        Yes        |
+| onHideUnderlay  |       同 RN TouchableHighlight onHideUnderlay        | (e: Object): void |    No    |   All    |        Yes        |
+
+**Carousel**：走马灯组件。
+
+|       Name       |      Description       |            Type            | Required | Platform | HarmonyOS Support |
+| :--------------: | :--------------------: | :------------------------: | :------: | :------: | :---------------: |
+|  selectedIndex   | 手动设置当前显示的索引 |           number           |    No    |   All    |        Yes        |
+|       dots       |   是否显示面板指示点   |          Boolean           |    No    |   All    |        Yes        |
+|     vertical     |        垂直显示        |          Boolean           |    No    |   All    |        Yes        |
+|     autoplay     |      是否自动切换      |          Boolean           |    No    |   All    |        Yes        |
+| autoplayInterval |   自动切换的时间间隔   |           Number           |    No    |   All    |        Yes        |
+|     infinite     |      是否循环播放      |          Boolean           |    No    |   All    |        Yes        |
+|   afterChange    |  切换面板后的回调函数  |  (current: number): void   |    No    |   All    |        Yes        |
+|     dotStyle     |       指示点样式       |         ViewStyle          |    No    |   All    |        Yes        |
+|  dotActiveStyle  |  当前激活的指示点样式  |         ViewStyle          |    No    |   All    |        Yes        |
+|    pageStyle     |       轮播页样式       |         ViewStyle          |    No    |   All    |        Yes        |
+|    pagination    |   自定义 pagination    | (props) => React.ReactNode |    No    |   All    |        Yes        |
+
+**Carousel methods**
+
+| Name |  Description   |                   Type                    | Required | Platform | HarmonyOS Support |
+| :--: | :------------: | :---------------------------------------: | :------: | :------: | :---------------: |
+| goTo | 跳转到指定位置 | (index: number, animated?: boolean): void |    No    |   All    |        Yes        |
+
+**Checkbox**：复选框组件。
+
+|      Name      |               Description               |        Type        | Required | Platform | HarmonyOS Support |
+| :------------: | :-------------------------------------: | :----------------: | :------: | :------: | :---------------: |
+| defaultChecked |              初始是否选中               |      Boolean       |    No    |   All    |        Yes        |
+|    checked     |            指定当前是否选中             |      Boolean       |    No    |   All    |        Yes        |
+|    disabled    |                  禁用                   |      Boolean       |    No    |   All    |        Yes        |
+| indeterminate  | 设置 indeterminate 状态，只负责样式控制 |      Boolean       |    No    |   All    |        Yes        |
+|    onChange    |        change 事件触发的回调函数        | (e: Event) => void |    No    |   All    |        Yes        |
+
+**Checkbox.CheckboxItem**：基于 List.Item 对 Checkbox 进行封装,List.Item 的 thumb 属性固定传入 Checkbox,其他属性和 List.Item 一致。 其他 API 和 Checkbox 相同。
+
+**Checkbox.AgreeItem**：用于同意协议这种场景的复选框。
+
+**DatePicker**：日期选择组件，用于选择日期或者时间。
+
+|     Name      |                                           Description                                            |                                            Type                                             | Required | Platform | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   precision   |                                               精度                                               |                                          Precision                                          |    No    |   All    |        Yes        |
+|     value     |                                           当前选中时间                                           |                                            Date                                             |    No    |   All    |        Yes        |
+| defaultValue  |                                           默认选中时间                                           |                                            Date                                             |    No    |   All    |        Yes        |
+|    minDate    |                                           最小可选日期                                           |                                            Date                                             |    No    |   All    |        Yes        |
+|    maxDate    |                                           最大可选日期                                           |                                          Precision                                          |    No    |   All    |        Yes        |
+|   onChange    |                                      时间发生变化的回调函数                                      |                                    (value: Date) => void                                    |    No    |   All    |        Yes        |
+| onValueChange |                                     每列 picker 改变时的回调                                     |                            (value: Date, index: number) => void                             |    No    |   All    |        Yes        |
+|  renderLabel  | 自定义渲染每列展示的内容。其中 type 参数为 precision 中的任意值或 now，data 参数为默认渲染的数字 |                     (type:Precision / 'now', data: number) => ReactNode                     |    No    |   All    |        Yes        |
+|    locale     |                             国际化，可覆盖全局 LocaleProvider 的配置                             | Object: {okText, dismissText, extra, DatePickerLocale:{ year,month,day,hour,minute,am,pm }} |    No    |   All    |        Yes        |
+|    filter     |                                        过滤可供选择的时间                                        |                                      DatePickerFilter                                       |    No    |   All    |        Yes        |
+
+**DatePickerView**：日期选择器组件，atePickerView 的功能类似于 DatePicker ，但它是直接渲染在区域中，而不是弹出窗口。
+
+|     Name      |                                           Description                                            |                        Type                         | Required | Platform | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------------------------------------------: | :-------------------------------------------------: | :------: | :------: | :---------------: |
+|   precision   |                                               精度                                               |                      Precision                      |    No    |   All    |        Yes        |
+|     value     |                                           当前选中时间                                           |                        Date                         |    No    |   All    |        Yes        |
+| defaultValue  |                                           默认选中时间                                           |                        Date                         |    No    |   All    |        Yes        |
+|    minDate    |                                           最小可选日期                                           |                        Date                         |    No    |   All    |        Yes        |
+|    maxDate    |                                           最大可选日期                                           |                      Precision                      |    No    |   All    |        Yes        |
+|   onChange    |                                      时间发生变化的回调函数                                      |                (value: Date) => void                |    No    |   All    |        Yes        |
+| onValueChange |                                     每列 picker 改变时的回调                                     |        (value: Date, index: number) => void         |    No    |   All    |        Yes        |
+|  renderLabel  | 自定义渲染每列展示的内容。其中 type 参数为 precision 中的任意值或 now，data 参数为默认渲染的数字 | (type:Precision / 'now', data: number) => ReactNode |    No    |   All    |        Yes        |
+|    filter     |                                        过滤可供选择的时间                                        |                  DatePickerFilter                   |    No    |   All    |        Yes        |
+
+**InputItem**：文本输入组件，用于接受单行文本。
+
+|           Name           |                                                                                                                     Description                                                                                                                     |        Type         | Required | Platform | HarmonyOS Support |
+| :----------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------: | :------: | :------: | :---------------: |
+|           type           |                                       可以是银行卡 bankCard; 手机号 phone(此时最大长度固定为 11,maxLength 设置无效); 密码 password; 数字 number; digit(表示原生的 number 类型); 以及其他标准 input type 类型                                        |       String        |    No    |   All    |        Yes        |
+|          value           |                                                                                       value 值(受控与否参考https://facebook.github.io/react/docs/forms.html)                                                                                        |       String        |    No    |   All    |        Yes        |
+|       defaultValue       |                                                                                                                   设置初始默认值                                                                                                                    |       String        |    No    |   All    |        Yes        |
+|       placeholder        |                                                                                                                     placeholder                                                                                                                     |       String        |    No    |   All    |        Yes        |
+|         editable         |                                                                                                                     是否可编辑                                                                                                                      |        bool         |    No    |   All    |        Yes        |
+|         disabled         |                                                                                                                      是否禁用                                                                                                                       |        bool         |    No    |   All    |        Yes        |
+|          clear           | 是否带清除功能(仅 editable 为 true,disabled 为 false 才生效)。在 Android 中, 处于编辑状态(focus)时 icon 才会出现, 且此组件被 ScrollView 包裹时, 设置 ScrollView 的 keyboardShouldPersistTaps 属性为 handled 或 always 时, icon 才会正确响应点击事件 |        bool         |    No    |   All    |        Yes        |
+|        maxLength         |                                                                                                                      最大长度                                                                                                                       |       number        |    No    |   All    |        Yes        |
+|         onChange         |                                                                                                              change 事件触发的回调函数                                                                                                              | (val: string): void |    No    |   All    |        Yes        |
+|          onBlur          |                                                                                                               blur 事件触发的回调函数                                                                                                               | (val: string): void |    No    |   All    |        Yes        |
+|         onFocus          |                                                                                                              focus 事件触发的回调函数                                                                                                               | (val: string): void |    No    |   All    |        Yes        |
+|          error           |                                                                                                                      报错样式                                                                                                                       |        bool         |    No    |   All    |        Yes        |
+|       onErrorClick       |                                                                                                            点击报错 icon 触发的回调函数                                                                                                             |  (e: Object): void  |    No    |   All    |        Yes        |
+|          extra           |                                                                                                                      右边注释                                                                                                                       |   string or node    |    No    |   All    |        Yes        |
+|       onExtraClick       |                                                                                                            extra 点击事件触发的回调函数                                                                                                             |  (e: Object): void  |    No    |   All    |        Yes        |
+| onVirtualKeyboardConfirm |                                                                                                            虚拟键盘点击确认时的回调函数                                                                                                             | (val: string): void |    No    |   All    |        No         |
+|       labelNumber        |                                                                                                         标签的文字个数，可用 2-7 之间的数字                                                                                                         |       number        |    No    |   All    |        Yes        |
+|           last           |                                                                                           如果是最后一项，则将移除 borderBottom（默认拥有 borderBottom）                                                                                            |        bool         |    No    |   All    |        Yes        |
+|          locale          |                                                                                                国际化, 当 type 为 money，可以自定义确认按钮的文案。                                                                                                 |        bool         |    No    |   All    |        No         |
+
+**Picker**：选择器组件，在一组预设数据中进行选择，e.g. 省市区选择。
+
+|        Name        |                                                           Description                                                            |                                       Type                                       | Required | Platform | HarmonyOS Support |
+| :----------------: | :------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|        data        |                                                              数据源                                                              |                        `PickerColumn` / `PickerColumn[]`                         |    No    |   All    |        Yes        |
+|       value        |                                                              选中项                                                              |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|    defaultValue    |                                                            默认选中项                                                            |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|      cascade       |                                            是否级联。子级来自`data`参数内的`children`                                            |                                     Boolean                                      |    No    |   All    |        Yes        |
+|        cols        |                                                               列数                                                               |                                      Number                                      |    No    |   All    |        Yes        |
+|      onChange      |                                                           选中后的回调                                                           |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
+|   onPickerChange   |                                                   每列数据选择变化后的回调函数                                                   |                 `(value: PickerValue[], index: number) => void`                  |    No    |   All    |        Yes        |
+|  onVisibleChange   |                                                     当显隐状态变化时回调函数                                                     |                             `(visible: bool): void`                              |    No    |   All    |        Yes        |
+|    renderLabel     |                                                     自定义渲染每列展示的内容                                                     | `(item: PickerColumnItem, index: number) => ReactNode` 或 `(item) => item.label` |    No    |   All    |        Yes        |
+|       title        |                                                              大标题                                                              |                                    ReactNode                                     |    No    |   All    |        Yes        |
+|       okText       |                                                            选中的文案                                                            |                                      String                                      |    No    |   All    |        Yes        |
+|    dismissText     |                                                          取消选中的文案                                                          |                                      String                                      |    No    |   All    |        Yes        |
+|        onOk        |                                                       点击选中时执行的回调                                                       |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
+|     onDismiss      |                                                       点击取消时执行的回调                                                       |                                     (): void                                     |    No    |   All    |        Yes        |
+|   okButtonProps    |                                                          ok 按钮 props                                                           |    [TouchableHighlightProps](https://reactnative.dev/docs/touchablehighlight)    |    No    |   All    |        Yes        |
+| dismissButtonProps |                                                        dismiss 按钮 props                                                        |    [TouchableHighlightProps](https://reactnative.dev/docs/touchablehighlight)    |    No    |   All    |        Yes        |
+|      visible       |                                                          是否显示选择器                                                          |                                     Boolean                                      |    No    |   All    |        Yes        |
+|      loading       |                                                         是否处于加载状态                                                         |                                     Boolean                                      |    No    |   All    |        Yes        |
+|   loadingContent   |                                                       加载状态下展示的内容                                                       |                                    ReactNode                                     |    No    |   All    |        Yes        |
+|   indicatorStyle   |                                                      默认 Indicator 的样式                                                       |                                      Object                                      |    No    |   All    |        No         |
+|       locale       | 国际化，可覆盖全局[Provider](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/provider-cn)的`locale`配置 |                       Object: {okText, dismissText, extra}                       |    No    |   All    |        Yes        |
+
+**Picker 自定义样式**
+
+|     Name      |                                         Description                                          |          Type          | Required | Platform | HarmonyOS Support |
+| :-----------: | :------------------------------------------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
+|     style     |                                           外部样式                                           | `StyleProp<ViewStyle>` |    No    |   All    |        Yes        |
+|    styles     |                                        内部组件样式集                                        |   `PickerViewStyle`    |    No    |   All    |        Yes        |
+|   itemStyle   |                                           每列样式                                           | `StyleProp<TextStyle>` |    No    |   All    |        Yes        |
+|  itemHeight   | 每列固定高度，未设值时会根据`numberOfLines`动态计算；`itemStyle`属性设置`{height}`值是无效的 |         Number         |    No    |   All    |        Yes        |
+| numberOfLines |                                       允许每列显示行数                                       |         Number         |    No    |   All    |        Yes        |
+
+**Picker 遮罩层**
+还支持自定义遮罩样式，如使用渐变组件`<LinearGradient />`。当前默认为白色半透明。
+
+|       Name       |       Description        |                                             Type                                             | Required | Platform | HarmonyOS Support |
+| :--------------: | :----------------------: | :------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  renderMaskTop   | 自定义渲染上半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
+| renderMaskBottom | 自定义渲染下半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
+
+**Picker 的 Children**
+通常是 [List.Item](/components/list-cn/#List.Item) ，以下属性也是围绕着`List.Item`展开：
+
+|    Name     |                  Description                  |          Type           | Required | Platform | HarmonyOS Support |
+| :---------: | :-------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
+|  children   |      Picker 占位组件，通常是`List.Item`       |        ReactNode        |    No    |   All    |        Yes        |
+|    extra    | Picker children 的`extra`属性，无选中项时展示 |         String          |    No    |   All    |        Yes        |
+| triggerType |                 按钮事件名称                  |         String          |    No    |   All    |        Yes        |
+|  disabled   |                  是否不可用                   |         Boolean         |    No    |   All    |        Yes        |
+|   format    |  格式化选中值的函数，用于回显在 extra 属性上  | (labels: string[]): any |    No    |   All    |        Yes        |
+
+**PickerView**：PickerView 的功能类似于 Picker ，但它是直接渲染在区域中，而不是弹出窗口。
+
+|      Name      |                              Description                               |                                       Type                                       | Required | Platform | HarmonyOS Support |
+| :------------: | :--------------------------------------------------------------------: | :------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|      data      |                                 数据源                                 |                        `PickerColumn` / `PickerColumn[]`                         |    No    |   All    |        Yes        |
+|     value      |                                 选中项                                 |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|  defaultValue  |                               默认选中项                               |                                 `PickerValue[]`                                  |    No    |   All    |        Yes        |
+|    cascade     |             是否级联。子级来自`data`参数内的`children`属性             |                                     Boolean                                      |    No    |   All    |        Yes        |
+|      cols      |                                  列数                                  |                                      Number                                      |    No    |   All    |        Yes        |
+|    onChange    | 选中后的回调，可使用[rc-form](https://github.com/react-component/form) |           `(value: PickerValue[], extend: PickerValueExtend) => void`            |    No    |   All    |        Yes        |
+|  renderLabel   |                        自定义渲染每列展示的内容                        | `(item: PickerColumnItem, index: number) => ReactNode` 或 `(item) => item.label` |    No    |   All    |        Yes        |
+|    loading     |                            是否处于加载状态                            |                                     Boolean                                      |    No    |   All    |        Yes        |
+| loadingContent |                          加载状态下展示的内容                          |                                    ReactNode                                     |    No    |   All    |        Yes        |
+| indicatorStyle |                         默认 Indicator 的样式                          |                                      Object                                      |    No    |   All    |        No         |
+
+**PickerView 自定义样式**
+
+|     Name      |                                         Description                                          |          Type          | Required | Platform | HarmonyOS Support |
+| :-----------: | :------------------------------------------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
+|     style     |                                           外部样式                                           | `StyleProp<ViewStyle>` |    No    |   All    |        Yes        |
+|    styles     |                                        内部组件样式集                                        |   `PickerViewStyle`    |    No    |   All    |        Yes        |
+|   itemStyle   |                                           每列样式                                           | `StyleProp<TextStyle>` |    No    |   All    |        Yes        |
+|  itemHeight   | 每列固定高度，未设值时会根据`numberOfLines`动态计算；`itemStyle`属性设置`{height}`值是无效的 |         Number         |    No    |   All    |        Yes        |
+| numberOfLines |                                       允许每列显示行数                                       |         Number         |    No    |   All    |        Yes        |
+
+**PickerView 遮罩层**
+
+还支持自定义遮罩样式，如使用渐变组件`<LinearGradient />`。当前默认为白色半透明。
+
+|       Name       |       Description        |                                             Type                                             | Required | Platform | HarmonyOS Support |
+| :--------------: | :----------------------: | :------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  renderMaskTop   | 自定义渲染上半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
+| renderMaskBottom | 自定义渲染下半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
+
+**Progress**：进度条组件，表明某个任务的当前进度。
+
+|   Name   |                        Description                         |  Type   | Required | Platform | HarmonyOS Support |
+| :------: | :--------------------------------------------------------: | :-----: | :------: | :------: | :---------------: |
+| percent  |                         进度百分比                         | number  |    No    |   All    |        Yes        |
+| position | 进度条的位置，fixed 将浮出固定在最顶层，可选: fixed normal | string  |    No    |   All    |        Yes        |
+| unfilled |                    是否显示未填充的轨道                    | boolean |    No    |   All    |        Yes        |
+|  style   |                         进度条样式                         | object  |    No    |   All    |        Yes        |
+| barStyle |                          进度样式                          | object  |    No    |   All    |        Yes        |
+
+**Pagination**：分页器组件。
+
+|   Name   |                Description                 |             Type             | Required | Platform | HarmonyOS Support |
+| :------: | :----------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|   mode   |      形态，可选 button,number,pointer      |            string            |    No    |   All    |        Yes        |
+| current  |                  当前页号                  |            number            |    No    |   All    |        Yes        |
+|  total   |                  数据总数                  |            number            |    No    |   All    |        Yes        |
+|  simple  |                是否隐藏数值                |           boolean            |    No    |   All    |        Yes        |
+| disabled |                  禁用状态                  |           boolean            |    No    |   All    |        No         |
+|  locale  | 国际化, 可以覆盖全局 LocaleProvider 的配置 | Object：{prevText, nextText} |    No    |   All    |        Yes        |
+| onChange |         change 事件触发的回调函数          |      (e: Object): void       |    No    |   All    |        Yes        |
+
+**Radio**：单选框组件。
+
+|      Name      |          Description          |                     Type                      | Required | Platform | HarmonyOS Support |
+| :------------: | :---------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
+| defaultChecked |         初始是否选中          |                    Boolean                    |    No    |   All    |        Yes        |
+|    checked     |       指定当前是否选中        |                    Boolean                    |    No    |   All    |        Yes        |
+|    disabled    |             禁用              |                    Boolean                    |    No    |   All    |        Yes        |
+|    onChange    |   change 事件触发的回调函数   | (e: { target: { checked: boolean } }) => void |    No    |   All    |        Yes        |
+|     value      | 携带的标识值，用于 Group 模式 |                  RadioValue                   |    No    |   All    |        Yes        |
+
+**Radio.RadioItem**
+基于 List.Item 对 Radio 进行封装,List.Item 的 extra 属性固定传入 Radio,其他属性和 List.Item 一致。 其他 API 和 Radio 相同。
+
+**Radio.Group**：单选框子组件。
+
+|     Name     |        Description        |                                       Type                                        | Required | Platform | HarmonyOS Support |
+| :----------: | :-----------------------: | :-------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+| defaultValue |       默认选中的值        |                                    RadioValue                                     |    No    |   All    |        Yes        |
+|   options    |   以配置形式设置子元素    | string[] 或 number[] 或 Array<{ label: string value: string disabled?: boolean }> |    No    |   All    |        Yes        |
+|   disabled   |           禁用            |                                      Boolean                                      |    No    |   All    |        Yes        |
+|   onChange   | change 事件触发的回调函数 |                   (e: { target: { checked: boolean } }) => void                   |    No    |   All    |        Yes        |
+|    value     |   用于设置当前选中的值    |                                    RadioValue                                     |    No    |   All    |        Yes        |
+
+**Stepper**：步进器，用作增加或者减少当前数值。
+
+|       Name       |                                                      Description                                                      |                                    Type                                    | Required | Platform | HarmonyOS Support |
+| :--------------: | :-------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|    allowEmpty    |                                                   是否允许内容为空                                                    |                                 `boolean`                                  |    No    |   All    |        Yes        |
+|      digits      |          格式化到小数点后固定位数，设置为 `0` 表示格式化到整数。配置 `formatter` 时展示会以 `formatter` 为准          |                                  `number`                                  |    No    |   All    |        Yes        |
+|    formatter     |                                                    格式化展示数值                                                     |                        `(value?: number) => string`                        |    No    |   All    |        Yes        |
+|      parser      |                                    将输入解析为对应数字，一般配合 `formatter` 使用                                    |                          (text: string) => number                          |    No    |   All    |        Yes        |
+| minusButtonProps |                                                   minus 按钮 props                                                    | [TouchableHighlightProps](https://reactnative.dev/docs/touchablehighlight) |    No    |   All    |        Yes        |
+| plusButtonProps  |                                                    plus 按钮 props                                                    | [TouchableHighlightProps](https://reactnative.dev/docs/touchablehighlight) |    No    |   All    |        Yes        |
+|       min        |                                                        最小值                                                         |                                   Number                                   |    No    |   All    |        Yes        |
+|       max        |                                                        最大值                                                         |                                   Number                                   |    No    |   All    |        Yes        |
+|      value       |                                                        当前值                                                         |                                   Number                                   |    No    |   All    |        Yes        |
+|       step       |                                               每次改变步数，可以为小数                                                |                              Number or String                              |    No    |   All    |        Yes        |
+|   defaultValue   |                                                        初始值                                                         |                                   Number                                   |    No    |   All    |        Yes        |
+|     onChange     |                                                    变化时回调函数                                                     |                                  (): void                                  |    No    |   All    |        Yes        |
+|     disabled     |                                                         禁用                                                          |                                  Boolean                                   |    No    |   All    |        Yes        |
+|     readOnly     |                                                      input 只读                                                       |                                  Boolean                                   |    No    |   All    |        Yes        |
+|      styles      |                                                 react native 组件样式                                                 |                           ReactNative StyleSheet                           |    No    |   All    |        Yes        |
+|    stringMode    | 字符值模式，开启后支持高精度小数。开启后 `defaultValue`、`value`、`min`、`max`、`onChange` 等都将转换为 `string` 类型 |                                 `boolean`                                  |    No    |   All    |        Yes        |
+|    inputStyle    |                                               react native 显示数字样式                                               |                           ReactNative StyleSheet                           |    No    |   All    |        Yes        |
+
+**Steps**：步骤条组件，显示一个任务的进度；或者引导用户完成某个复杂任务。
+
+|   Name    |                                 Description                                 |               Type                | Required | Platform | HarmonyOS Support |
+| :-------: | :-------------------------------------------------------------------------: | :-------------------------------: | :------: | :------: | :---------------: |
+|  current  | 指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过 status 属性覆盖状态 |              number               |    No    |   All    |        Yes        |
+|   size    |                         尺寸，支持设置小尺寸 small                          |              string               |    No    |   All    |        Yes        |
+|  status   |             指定当前步骤的状态，可选 wait process finish error              |              string               |    No    |   All    |        Yes        |
+| direction |                     step 样式( RN 目前只支持 vertical )                     | Enum { 'vertical', 'horizontal' } |    No    |   All    |        Yes        |
+
+**Steps.Step**：步骤条组件，步骤条内的每一个步骤。
+
+|    Name     |                             Description                              |                                         Type                                          | Required | Platform | HarmonyOS Support |
+| :---------: | :------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   status    | 指定状态。当不配置该属性时，会使用 Steps 的 current 来自动指定状态。 |                     Enum { 'wait', 'process', 'finish', 'error' }                     |    No    |   All    |        Yes        |
+|    title    |                                 标题                                 |                                     React.Element                                     |    No    |   All    |        Yes        |
+| description |                         步骤的详情描述，可选                         |                                     React.Element                                     |    No    |   All    |        Yes        |
+|    icon     |                            步骤图标，可选                            |                                 object/React.Element                                  |    No    |   All    |        Yes        |
+| renderIcon  |                         自定义步骤图标，可选                         | (params: { starting: boolean; waiting: boolean; error: boolean; }) => React.ReactNode |    No    |   All    |        Yes        |
+
+**Switch**：滑动开关组件，在两个互斥对象进行选择，eg：选择开或关。
+
+|       Name        |                       Description                       |                  Type                   | Required | Platform | HarmonyOS Support |
+| :---------------: | :-----------------------------------------------------: | :-------------------------------------: | :------: | :------: | :---------------: |
+|      checked      |                      是否默认选中                       |                 Boolean                 |    No    |   All    |        Yes        |
+|  defaultChecked   |                      初始是否打开                       |                 Boolean                 |    No    |   All    |        Yes        |
+|     disabled      |                      是否不可修改                       |                 boolean                 |    No    |   All    |        Yes        |
+|      loading      |                      加载中的开关                       |                 Boolean                 |    No    |   All    |        Yes        |
+|     onChange      | 变化时的回调函数，当返回 Promise 时，会自动显示加载状态 | (val: boolean) => void 或 Promise<void> |    No    |   All    |        Yes        |
+|       color       |                    开关打开后的颜色                     |                 String                  |    No    |   All    |        Yes        |
+|  checkedChildren  |                      选中时的内容                       |                ReactNode                |    No    |   All    |        Yes        |
+| unCheckedChildren |                     非选中时的内容                      |                ReactNode                |    No    |   All    |        Yes        |
+
+**Tabs**：标签页组件，用于让用户在不同的视图中进行切换。
+
+|            Name            |        Description         |                          Type                          | Required | Platform | HarmonyOS Support |
+| :------------------------: | :------------------------: | :----------------------------------------------------: | :------: | :------: | :---------------: |
+|            tabs            |          tab 数据          |                    Models.TabData[]                    |   Yes    |   All    |        Yes        |
+|       tabBarPosition       |        TabBar 位置         |                   'top' 或 'bottom'                    |    No    |   All    |        Yes        |
+|        renderTabBar        |        替换 TabBar         | ((props: TabBarPropsType) => React.ReactNode) 或 false |    No    |   All    |        Yes        |
+|        initialPage         |  初始化 Tab, index or key  |                    number 或 string                    |    No    |   All    |        Yes        |
+|            page            |   当前 Tab, index or key   |                    number 或 string                    |    No    |   All    |        Yes        |
+|         swipeable          |    是否可以滑动内容切换    |                        boolean                         |    No    |   All    |        Yes        |
+|          useOnPan          |        使用跟手滚动        |                        boolean                         |    No    |   All    |        Yes        |
+| prerenderingSiblingsNumber |    预加载两侧 Tab 数量     |                         number                         |    No    |   All    |        Yes        |
+|          animated          |      是否开启切换动画      |                        boolean                         |    No    |   All    |        Yes        |
+|          onChange          |       tab 变化时触发       |      (tab: Models.TabData, index: number) => void      |    No    |   All    |        Yes        |
+|         onTabClick         |      tab 被点击的回调      |      (tab: Models.TabData, index: number) => void      |    No    |   All    |        Yes        |
+|     destroyInactiveTab     |      销毁超出范围 Tab      |                        boolean                         |    No    |   All    |        Yes        |
+|    distanceToChangeTab     |   滑动切换阈值(宽度比例)   |                         number                         |    No    |   All    |        Yes        |
+|          usePaged          |      是否启用分页模式      |                        boolean                         |    No    |   All    |        Yes        |
+|    tabBarUnderlineStyle    |     tabBar 下划线样式      |               React.CSSProperties 或 any               |    No    |   All    |        Yes        |
+|   tabBarActiveTextColor    |  tabBar 激活 Tab 文字颜色  |                         string                         |    No    |   All    |        Yes        |
+|   tabBarBackgroundColor    |       tabBar 背景色        |                         string                         |    No    |   All    |        Yes        |
+|      tabBarTextStyle       |      tabBar 文字样式       |               React.CSSProperties 或 any               |    No    |   All    |        Yes        |
+|  tabBarInactiveTextColor   | tabBar 非激活 Tab 文字颜色 |                         string                         |    No    |   All    |        Yes        |
+|         renderTab          |     替换 TabBar 的 Tab     |        (tab: Models.TabData) => React.ReactNode        |    No    |   All    |        Yes        |
+|      renderUnderline       |      renderUnderline       |            (style: any) => React.ReactNode             |    No    |   All    |        Yes        |
+
+**Tabs.DefaultTabBar**
+
+|    Name    |    Description     |                     Type                     | Required | Platform | HarmonyOS Support |
+| :--------: | :----------------: | :------------------------------------------: | :------: | :------: | :---------------: |
+|  goToTab   |      跳转 Tab      |          (index: number) => boolean          |    No    |   All    |        Yes        |
+|    tabs    |      tab 数据      |               Models.TabData[]               |   Yes    |   All    |        Yes        |
+| activeTab  | 当前激活 Tab 索引  |                    number                    |    No    |   All    |        Yes        |
+|  animated  |    是否使用动画    |                   boolean                    |    No    |   All    |        Yes        |
+| renderTab  | 替换 TabBar 的 Tab |   (tab: Models.TabData) => React.ReactNode   |    No    |   All    |        Yes        |
+|    page    |    Tab 分页尺寸    |                    number                    |    No    |   All    |        Yes        |
+| onTabClick |  tab 被点击的回调  | (tab: Models.TabData, index: number) => void |    No    |   All    |        Yes        |
+
+**Tag**：标签组件，进行标记和分类的小标签，用于标记事物的属性和维度，以及进行分类。
+
+|    Name     |            Description             |          Type          | Required | Platform | HarmonyOS Support |
+| :---------: | :--------------------------------: | :--------------------: | :------: | :------: | :---------------: |
+|    small    |              小号标签              |        Boolean         |    No    |   All    |        Yes        |
+|  disabled   |             是否不可用             |        Boolean         |    No    |   All    |        Yes        |
+|  closable   | 是否关闭（非 disabled small 状态） |        Boolean         |    No    |   All    |        Yes        |
+|  selected   |            是否默认选中            |        Boolean         |    No    |   All    |        Yes        |
+|  onChange   |          切换选中回调函数          | (selected: bool): void |    No    |   All    |        Yes        |
+|   onClose   |         点关闭时的回调函数         |        (): void        |    No    |   All    |        Yes        |
+| afterClose  |            关闭后的回调            |        (): void        |    No    |   All    |        Yes        |
+| onLongPress |             长按的回调             |        (): void        |    No    |   All    |        Yes        |
+
+**TextareaItem**：多行输入组件。
+
+|     Name     |                                                            Description                                                             |        Type         | Required | Platform | HarmonyOS Support |
+| :----------: | :--------------------------------------------------------------------------------------------------------------------------------: | :-----------------: | :------: | :------: | :---------------: |
+|    value     |                                                              value 值                                                              |       String        |    No    |   All    |        Yes        |
+| defaultValue |                                                           设置初始默认值                                                           |       String        |    No    |   All    |        Yes        |
+| placeholder  |                                                            placeholder                                                             |       String        |    No    |   All    |        Yes        |
+|   editable   |                                                             是否可编辑                                                             |        bool         |    No    |   All    |        Yes        |
+|   disabled   |                                                              是否禁用                                                              |        bool         |    No    |   All    |        Yes        |
+|    clear     |                                    是否带清除功能(仅 editable 为 true,disabled 为 false 才生效)                                    |        bool         |    No    |   All    |        Yes        |
+|    count     |                                         计数功能,兼具最大长度,默认为 0,代表不开启计数功能                                          |       number        |    No    |   All    |        Yes        |
+|     rows     |                                                              显示几行                                                              |       number        |    No    |   All    |        Yes        |
+|   onChange   |                                                     change 事件触发的回调函数                                                      | (val: string): void |    No    |   All    |        Yes        |
+|    error     |                                                              报错样式                                                              |        bool         |    No    |   All    |        Yes        |
+| onErrorClick |                                                      点击报错 icon 触发的回调                                                      |      (): void       |    No    |   All    |        Yes        |
+|  autoHeight  |                                              高度自适应, autoHeight 和 rows 请二选一                                               |        bool         |    No    |   All    |        Yes        |
+| labelNumber  | 定宽枚举值：num \* @input-label-width: 34px，可用 2-7 之间的数字，一般(不能保证全部)能对应显示出相应个数的中文文字(不考虑英文字符) |       number        |    No    |   All    |        Yes        |
+|     last     |                                   如果是最后一项，则将移除 borderBottom（默认拥有 borderBottom）                                   |        bool         |    No    |   All    |        Yes        |
+
+**Flex**：布局组件，Flex 是 CSS flex 布局的一个封装。
+
+|   Name    |                               Description                               |  Type  | Required | Platform | HarmonyOS Support |
+| :-------: | :---------------------------------------------------------------------: | :----: | :------: | :------: | :---------------: |
+| direction |                  项目定位方向，值可以为 `row`,`column`                  | String |    No    |   All    |        Yes        |
+|   wrap    |                  子元素的换行方式，可选`nowrap`,`wrap`                  | String |    No    |   All    |        Yes        |
+|  justify  | 子元素在主轴上的对齐方式，可选`start`,`end`,`center`,`between`,`around` | String |    No    |   All    |        Yes        |
+|   align   |    子元素在交叉轴上的对齐方式，可选`start`,`end`,`center`,`stretch`     | String |    No    |   All    |        Yes        |
+
+**Grid**：宫格组件，在水平和垂直方向，将布局切分成若干等大的区块。
+
+|      Name      |              Description               |               Type                | Required | Platform | HarmonyOS Support |
+| :------------: | :------------------------------------: | :-------------------------------: | :------: | :------: | :---------------: |
+|      data      |             传入的菜单数据             |    `Array<{icon, text}>` 或 []    |    No    |   All    |        Yes        |
+|    onPress     |         点击每个菜单的回调函数         | (el: Object, index: number): void |    No    |   All    |        Yes        |
+|   columnNum    |                  列数                  |              number               |    No    |   All    |        Yes        |
+|    hasLine     |               是否有边框               |              boolean              |    No    |   All    |        Yes        |
+|   isCarousel   |               是否跑马灯               |              boolean              |    No    |   All    |        Yes        |
+| carouselProps  |               跑马灯属性               |           CarouselProps           |    No    |   All    |        Yes        |
+| carouselMaxRow | 如果是跑马灯, 一页跑马灯需要展示的行数 |              number               |    No    |   All    |        Yes        |
+|   renderItem   |     自定义每个 grid 条目的创建函数     |     (el, index) => React.Node     |    No    |   All    |        Yes        |
+|   itemStyle    |           每个格子自定义样式           |              object               |    No    |   All    |        Yes        |
+
+`isCarousel = true` 模式时，还可以传递 [carousel](https://mobile.ant.design/components/carousel) 相关的 API。
+
+**国际化和皮肤配置**：为组件内建文案提供统一的国际化支持。
+
+|  Name  |                                                                               Description                                                                                |  Type  | Required | Platform | HarmonyOS Support |
+| :----: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----: | :------: | :------: | :---------------: |
+| locale |                                             语言包配置，语言包可到 `@ant-design/react-native/lib/locale-provider/`目录下寻找                                             | object |    No    |   All    |        Yes        |
+| theme  | 主题样式配置，可根据需要覆盖部分或者全部变量，具体变量请查看 [theme](https://github.com/ant-design/ant-design-mobile-rn/blob/master/components/style/themes/default.tsx) | object |    No    |   All    |        Yes        |
+
+**View**：基础组件，更安全的 View 基础组件。
+
+|   Name   | Description |                     Type                     | Required | Platform | HarmonyOS Support |
+| :------: | :---------: | :------------------------------------------: | :------: | :------: | :---------------: |
+| children |   子组件    |      React.ReactNode 或 React.ReactText      |    No    |   All    |        Yes        |
+|  style   |    样式     | StyleProp<ViewStyle> 或 StyleProp<TextStyle> |    No    |   All    |        Yes        |
+
+**WhiteSpace**：上下留白组件。
+
+| Name |             Description             |  Type  | Required | Platform | HarmonyOS Support |
+| :--: | :---------------------------------: | :----: | :------: | :------: | :---------------: |
+| size | 上下留白的间距，可选 xs,sm,md,lg,xl | string |    No    |   All    |        Yes        |
+
+**WingBlank**：两翼留白组件。
+
+| Name |            Description             |  Type  | Required | Platform | HarmonyOS Support |
+| :--: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
+| size | 两翼留白的间距，可选`sm`,`md`,`lg` | string |    No    |   All    |        Yes        |
+
+**NoticeBar**：通告栏组件，在导航栏下方，一般用作系统提醒、活动提醒等通知。
+
+|     Name     |                   Description                   |                                                                      Type                                                                      | Required | Platform | HarmonyOS Support |
+| :----------: | :---------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|     mode     |        提示类型，可选 `closable`,`link`         |                                                                     String                                                                     |    No    |   All    |        Yes        |
+|     icon     |               在开始位置设置图标                |                                                                   ReactNode                                                                    |    No    |   All    |        Yes        |
+|   children   |                     子组件                      |                                                                   ReactNode                                                                    |    No    |   All    |        Yes        |
+|   onPress    |         点击关闭或者操作区域的回调函数          |                                                                    (): void                                                                    |    No    |   All    |        Yes        |
+| marqueeProps |                  marquee 参数                   |                                                                     Object                                                                     |    No    |   All    |        Yes        |
+|    action    |            用于替换操作 icon 的文案             |                                                                  ReactElement                                                                  |    No    |   All    |        Yes        |
+|   onClose    | 点击关闭的回调函数。仅当`mode="closable"`时生效 |                                                                   () => void                                                                   |    No    |   All    |        Yes        |
+|    style     |                   最外层样式                    |                                                              StyleProp<ViewStyle>                                                              |    No    |   All    |        Yes        |
+|    styles    |                语义化结构 style                 | [NoticeBarStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/notice-bar/index.zh-CN.md#noticebarstyle-语义化样式) |    No    |   All    |        Yes        |
+
+**NoticeBar.MarqueeProps**
+
+|      Name       |                                 Description                                 |                   Type                   | Required | Platform | HarmonyOS Support |
+| :-------------: | :-------------------------------------------------------------------------: | :--------------------------------------: | :------: | :------: | :---------------: |
+|    autoFill     |              是否自动用 children 的副本填充字幕框中的空白区域               |                `Boolean`                 |    No    |   All    |        Yes        |
+|    direction    |                               字幕滑动的方向                                | `'left'` 或`'right'` 或`'up'` 或`'down'` |    No    |   All    |        Yes        |
+|       fps       |                       滚动速度，单位 `pixels/second`                        |                 `Number`                 |    No    |   All    |        Yes        |
+|     leading     |                    渲染后动画延迟的时间（以毫秒为单位）                     |                 `Number`                 |    No    |   All    |        Yes        |
+|      loop       |                    字幕循环的次数, `true`或`0`表示无限次                    |           `Boolean` 或`Number`           |    No    |   All    |        Yes        |
+|    onFinish     |          当字幕结束滚动时的回调。仅当`loop={false}`或`非零`时调用           |               `() => void`               |    No    |   All    |        Yes        |
+| onCycleComplete | 当字幕完成循环时的回调。如果达到最大循环次数，则不会调用（改用 `onFinish`） |               `() => void`               |    No    |   All    |        Yes        |
+|      play       |                             播放或暂停滚动字幕                              |                `Boolean`                 |    No    |   All    |        Yes        |
+|     spacing     |               重复字幕之间的间距。仅当`autoFill={true}`时有效               |                 `Number`                 |    No    |   All    |        Yes        |
+|      style      |                                  字幕样式                                   |               `TextStyle`                |    No    |   All    |        Yes        |
+|    trailing     |             上一次循环后到下一次动画的延迟时间（以毫秒为单位）              |                 `Number`                 |    No    |   All    |        Yes        |
+|    wrapStyle    |                           Marquee 组件外部 style                            |               `ViewStyle`                |    No    |   All    |        Yes        |
+
+**SearchBar**：搜索栏组件，一般可位于 NavBar 下方，通过『取消按钮』退出激活状态。
+
+|       Name       |                  Description                  |        Type         | Required | Platform | HarmonyOS Support |
+| :--------------: | :-------------------------------------------: | :-----------------: | :------: | :------: | :---------------: |
+|   defaultValue   |                搜索框的默认值                 |       String        |    No    |   All    |        Yes        |
+|      value       |                搜索框的当前值                 |       String        |    No    |   All    |        Yes        |
+|   placeholder    |                  placeholder                  |       String        |    No    |   All    |        Yes        |
+|     onSubmit     |        submit 事件 (点击键盘的 enter)         | (val: string): void |    No    |   All    |        Yes        |
+|     onChange     |               change 事件的回调               | (val: string): void |    No    |   All    |        Yes        |
+|     onFocus      |               focus 事件的回调                |      (): void       |    No    |   All    |        Yes        |
+|      onBlur      |                blur 事件的回调                |      (): void       |    No    |   All    |        Yes        |
+|     onCancel     | 点击`取消`按钮触发 (不再自动清除输入框的文字) | (val: string): void |    No    |   All    |        Yes        |
+| showCancelButton |            是否一直显示`取消`按钮             |        bool         |    No    |   All    |        Yes        |
+|    cancelText    |             定制`取消`按钮的文字              |       String        |    No    |   All    |        Yes        |
+|     disabled     |                   设置禁用                    |        bool         |    No    |   All    |        Yes        |
+
+**TabBar**：标签栏组件，位于 APP 底部，方便用户在不同功能模块之间进行快速切换。
+
+|        Name         |   Description    |  Type  | Required | Platform | HarmonyOS Support |
+| :-----------------: | :--------------: | :----: | :------: | :------: | :---------------: |
+|    barTintColor     |  tabbar 背景色   | String |    No    |   All    |        Yes        |
+|      tintColor      |  选中的字体颜色  | String |    No    |   All    |        Yes        |
+| unselectedTintColor | 未选中的字体颜色 | String |    No    |   All    |        Yes        |
+
+**TabBar.Item**：TabBar 子组件。
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :----------: | :---------------------------------------------------: | :-------------: | :--------------: | :------: | :---------------: |
+| badge | 徽标数 | Number \ String | No | All | Yes |
+| onPress | bar 点击触发，需要自己改变组件 state & selecte={true} | Function | No | All | Yes |
+| selected | 是否选中 | Boolean | No | All | Yes |
+| icon | 默认展示图片 | `Image Source  | React.ReactNode` | No | All | Yes |
+| selectedIcon | 选中后的展示图片 | `Image Source  | React.ReactNode` | No | All | Yes |
+| title | 标题文字 | String | No | All | Yes |
+| key | 唯一标识 | String | No | All | Yes |
+| iconStyle | icon 样式 | String | No | All | Yes |
+
+**Slider**：滑动输入条组件，允许用户在一个区间中选择特定值，eg：控制屏幕的显示亮度。
+
+|     Name      |                                                                   Description                                                                    |                                                                 Type                                                                 | Required | Platform | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|      min      |                                                                      最小值                                                                      |                                                                Number                                                                |    No    |   All    |        Yes        |
+|      max      |                                                                      最大值                                                                      |                                                                Number                                                                |    No    |   All    |        Yes        |
+|     step      | 步长，取值必须大于 0，并且可被 (max - min) 整除。当 `marks` 不为空对象时，可以设置 `step` 为 `null`，此时 Slider 的可选值仅有 marks 标出来的部分 |                                                            Number or null                                                            |    No    |   All    |        Yes        |
+|     ticks     |                                                                   是否显示刻度                                                                   |                                                              `boolean`                                                               |    No    |   All    |        Yes        |
+|     range     |                                                                   是否为双滑块                                                                   |                                                              `boolean`                                                               |    No    |   All    |        Yes        |
+|     icon      |                                                                    滑块的图标                                                                    |                                                             `ReactNode`                                                              |    No    |   All    |        Yes        |
+|    styles     |                                                                 语义化结构 style                                                                 | [SliderStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/slider/index.zh-CN.md#sliderstyle-语义化样式) |    No    |   All    |        Yes        |
+|     style     |                                                                  最外层容器样式                                                                  |                                                        `StyleProp<ViewStyle>`                                                        |    No    |   All    |        Yes        |
+|     marks     |                                                                     刻度标记                                                                     |                                                 `{ [key: number]: React.ReactNode }`                                                 |    No    |   All    |        Yes        |
+|     value     |                                                                  设置当前取值。                                                                  |                                                                Number                                                                |    No    |   All    |        Yes        |
+| defaultValue  |                                                                  设置初始取值。                                                                  |                                                                Number                                                                |    No    |   All    |        Yes        |
+|   disabled    |                                                                  滑块为禁用状态                                                                  |                                                               Boolean                                                                |    No    |   All    |        Yes        |
+|   onChange    |                                    当 Slider 的值发生改变时，会触发 onChange 事件，并把改变后的值作为参数传入                                    |                                                               Function                                                               |    No    |   All    |        Yes        |
+| onAfterChange |                                                与 `ontouchend` 触发时机一致，把当前值作为参数传入                                                |                                                               Function                                                               |    No    |   All    |        Yes        |
+
+**Popover**：气泡组件，在点击控件或者某个区域后，浮出一个气泡菜单来做更多的操作。 如果设置了遮罩层，建议通过点击遮罩层的任一位置，进行退出。
+
+|          Name          |                                    Description                                    |                                                            Type                                                             | Required | Platform | HarmonyOS Support |
+| :--------------------: | :-------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|        overlay         |                                    弹出层内容                                     |                                                          ReactNode                                                          |    No    |   All    |        Yes        |
+|       placement        |                                    弹出层位置                                     |                                          'top 或 right 或 bottom 或 left 或 auto'                                           |    No    |   All    |        Yes        |
+|        onSelect        |                              选中某选项时的回调函数                               |                                                     (value: any): void                                                      |    No    |   All    |        Yes        |
+|      triggerStyle      |                               触发元素外围容器样式                                |                                                          ViewStyle                                                          |    No    |   All    |        Yes        |
+| renderOverlayComponent | 自定义弹出层的外围组件，默认是`ScrollView`，示例`(nodes) => <View>{nodes}</View>` |                                         (node: React.ReactNode) => React.ReactNode                                          |    No    |   All    |        Yes        |
+|        duration        |                                     动画时长                                      |                                                           number                                                            |    No    |   All    |        Yes        |
+|         easing         |                                     动画效果                                      | (show: boolean) => (value: number) => number 或 show => show ? Easing.out(Easing.back(1.70158)) : Easing.inOut(Easing.quad) |    No    |   All    |        Yes        |
+|    useNativeDriver     |                            动画是否使用 Native Driver                             |                                                           boolean                                                           |    No    |   All    |        Yes        |
+|       onDismiss        |                             Popover 关闭后的回调函数                              |                                                          function                                                           |    No    |   All    |        No         |
+
+**Popover.Item**：气泡子组件。
+
+|   Name   |     Description     |   Type    | Required | Platform | HarmonyOS Support |
+| :------: | :-----------------: | :-------: | :------: | :------: | :---------------: |
+| disabled |      是否禁用       |  Boolean  |    No    |   All    |        Yes        |
+|  style   |      item 样式      | ViewStyle |    No    |   All    |        Yes        |
+|  value   | 可作为选中的条目 ID |    any    |   Yes    |   All    |        Yes        |
+
+**SwipeAction**：滑动操作组件。
+
+|        Name         |         Description          |                                                                   Type                                                                   | Required | Platform | HarmonyOS Support |
+| :-----------------: | :--------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|        left         |          左侧按钮组          |                                                                  Array                                                                   |   Yes    |   All    |        Yes        |
+|        right        |          右侧按钮组          |                                                                  Array                                                                   |   Yes    |   All    |        Yes        |
+|   onSwipeableOpen   |        打开时回调函数        |                                                                 (): void                                                                 |    No    |   All    |        Yes        |
+|  onSwipeableClose   |        关闭时回调函数        |                                                                 (): void                                                                 |    No    |   All    |        Yes        |
+|    closeOnAction    |    点击按钮后自动隐藏按钮    |                                                                `boolean`                                                                 |    No    |   All    |        Yes        |
+| closeOnTouchOutside | 是否在点击其他区域时自动归位 |                                                                `boolean`                                                                 |    No    |   All    |        Yes        |
+|       styles        |       语义化结构 style       | [SwipeActionStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/swipe-action-cn#swipeactionstyle-语义化样式) |    No    |   All    |        Yes        |
+
+**SwipeAction.Button**：滑动操作组件内的 Button。
+
+|       Name        |  Description   |                                                      Type                                                      | Required | Platform | HarmonyOS Support |
+| :---------------: | :------------: | :------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  backgroundColor  |     背景色     |                                                    `string`                                                    |    No    |   All    |        Yes        |
+|     disabled      |    是否禁用    |                                                   `boolean`                                                    |    No    |   All    |        Yes        |
+|       text        |    按钮文案    |                                                     String                                                     |    No    |   All    |        Yes        |
+|       color       |    字体颜色    |                                                    `string`                                                    |    No    |   All    |        Yes        |
+|       style       |    按钮样式    |                                                     Object                                                     |    No    |   All    |        Yes        |
+|      onPress      |  按钮点击事件  |                                                    (): void                                                    |    No    |   All    |        Yes        |
+| actionButtonProps | 其他额外 props | [RectButtonProps](https://docs.swmansion.com/react-native-gesture-handler/docs/components/buttons/#rectbutton) |    No    |   All    |        Yes        |
+
+**Collapse**：折叠面板组件， 可以折叠/展开的内容区域。
+
+|       Name       |                          Description                          |                                                                                                                        Type                                                                                                                        | Required | Platform | HarmonyOS Support |
+| :--------------: | :-----------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|    accordion     |                      是否开启手风琴模式                       |                                                                                                                     `Boolean`                                                                                                                      |    No    |   All    |        Yes        |
+|    activeKey     |                     当前展开面板的 `key`                      |                                                                                                                手风琴模式：`string`                                                                                                                |    No    |   All    |        Yes        |
+|    arrowIcon     | 自定义箭头图标， 如果是 ReactNode，会自动为你增加旋转动画效果 |                                                                                                                    `ReactNode`                                                                                                                     |    No    |   All    |        Yes        |
+| defaultActiveKey |                     默认展开面板的 `key`                      |                                                                                                                手风琴模式：`string`                                                                                                                |    No    |   All    |        Yes        |
+|     onChange     |                        切换面板时触发                         |                                                                                                         手风琴模式：`(activeKey: string)`                                                                                                          |    No    |   All    |        Yes        |
+|      styles      |                       语义化结构 style                        | 同 [ListStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#liststyle-语义化样式) & [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#listitemstyle-语义化样式) |    No    |   All    |        Yes        |
+
+**Collapse.Panel**：折叠面板子组件。
+
+|      Name      |         Description         |                                                             Type                                                              | Required | Platform | HarmonyOS Support |
+| :------------: | :-------------------------: | :---------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   arrowIcon    |       自定义箭头图标        |                                                          `ReactNode`                                                          |    No    |   All    |        Yes        |
+| destroyOnClose | 不可见时是否销毁 `DOM` 结构 |                                                           `Boolean`                                                           |    No    |   All    |        Yes        |
+|    disabled    |       是否为禁用状态        |                                                           `Boolean`                                                           |    No    |   All    |        Yes        |
+|  forceRender   | 被隐藏时是否渲染 `DOM` 结构 |                                                           `Boolean`                                                           |    No    |   All    |        Yes        |
+|      key       |         唯一标识符          |                                                           `String`                                                            |    No    |   All    |        Yes        |
+|    onPress     |      标题栏的点击事件       |                                           `(event: GestureResponderEvent) => void`                                            |    No    |   All    |        Yes        |
+|     styles     |      语义化结构 style       | 同 [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#listitemstyle-语义化样式) |    No    |   All    |        Yes        |
+|     title      |       标题栏左侧内容        |                                                          `ReactNode`                                                          |    No    |   All    |        Yes        |
+
+**Input**：文本输入组件，通过键盘输入内容，是最基础的表单域包装。
+
+|     Name     |                                               Description                                               |                                                               Type                                                                | Required | Platform | HarmonyOS Support |
+| :----------: | :-----------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|  allowClear  |                                        可以点击清除图标删除内容                                         |                                                             `boolean`                                                             |    No    |   All    |        Yes        |
+| defaultValue |                                             输入框默认内容                                              |                                                              string                                                               |    No    |   All    |        Yes        |
+|   disabled   |                                       是否禁用状态，默认为 false                                        |                                                              boolean                                                              |    No    |   All    |        Yes        |
+|  maxLength   |                                                最大长度                                                 |                                                              number                                                               |    No    |   All    |        Yes        |
+|    prefix    |                                          带有前缀图标的 input                                           |                                                             ReactNode                                                             |    No    |   All    |        Yes        |
+|  showCount   |                                              是否展示字数                                               |                                                             `boolean`                                                             |    No    |   All    |        Yes        |
+|    status    |                                              设置校验状态                                               |                                                       'error' \| 'warning'                                                        |    No    |   All    |        Yes        |
+|  inputStyle  |                                             TextInput style                                             |                                                      `StyleProp<TextStyle>`                                                       |    No    |   All    |        Yes        |
+|    style     |                                           容器(container)样式                                           |                                                      `StyleProp<ViewStyle>`                                                       |    No    |   All    |        Yes        |
+|    styles    |                                            语义化结构 style                                             | [InputStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/input/index.zh-CN.md#inputstyle-语义化样式) |    No    |   All    |        Yes        |
+|    suffix    |                                          带有后缀图标的 input                                           |                                                             ReactNode                                                             |    No    |   All    |        Yes        |
+|     type     | 声明 Input 类型，同原生 [`keyboardType`](https://reactnative.dev/docs/textinput.html#keyboardtype) 属性 |                                      'text' \| 'number' \|'password' \| KeyboardTypeOptions                                       |    No    |   All    |        Yes        |
+|    value     |                                               输入框内容                                                |                                                              string                                                               |    No    |   All    |        Yes        |
+|   onChange   |                         输入框内容变化时的回调，额外支持`e.target.value`的返回                          |                                  `(e: NativeSyntheticEvent<TextInputChangeEventData>) => void;`                                   |    No    |   All    |        Yes        |
+
+**Input.TextArea**
+
+同 `Input` 属性，外加：
+
+|   Name   |            Description            |                                                               Type                                                                | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+| autoSize |  自适应内容高度，可设置为 `true`  |                                           `false` 或对象：`{ minRows: 2, maxRows: 6 }`                                            |    No    |   All    |        Yes        |
+|   rows   | 固定显示几行，`autoSize` 优先级高 |                                                              number                                                               |    No    |   All    |        Yes        |
+|  styles  |         语义化结构 style          | [InputStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/input/index.zh-CN.md#inputstyle-语义化样式) |    No    |   All    |        Yes        |
+
+**Form**
+
+表单组件，高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。
+
+|       Name       |                                                               Description                                                               |                                                                      Type                                                                      |  Required  | Platform | HarmonyOS Support |
+| :--------------: | :-------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------: | :--------: | :------: | :---------------: |
+|     disabled     |                                     设置表单组件禁用，仅对 `@ant-design/react-native` 内置组件有效                                      |                                                                    boolean                                                                     |     No     |   All    |        Yes        |
+|    component     |                                         设置 Form 渲染元素，为 `false` 则不创建 ReactNode 节点                                          |                                                                     number                                                                     |     No     |   All    |        Yes        |
+|      fields      |                                      通过状态管理（如 redux）控制表单字段，如非强需求不推荐使用。                                       |             [ FieldData](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#fielddata)[]             |     No     |   All    |        Yes        |
+|       form       |                                      经 `Form.useForm()` 创建的 form 控制实例，不提供时会自动创建                                       |           [FormInstance](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#forminstance)            |     No     |   All    |        Yes        |
+|  feedbackIcons   |                                          当 `Form.Item` 有 `hasFeedback` 属性时可以自定义图标                                           |          [FeedbackIcons](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#feedbackicons)           |     No     |   All    |        Yes        |
+|  initialValues   |                                                  表单默认值，只有初始化以及重置时生效                                                   |                                                                     object                                                                     |     No     |   All    |        Yes        |
+|    labelStyle    |                                                            label 标签的样式                                                             |                                                                   `ViewStyle                                                                   | TextStyle` |    No    |        All        | Yes |
+|      layout      |                                                                表单布局                                                                 |                                                                  `horizontal`                                                                  |     No     |   All    |        Yes        |
+|       name       |                                                 表单名称，会作为表单字段 `id` 前缀使用                                                  |                                                                     string                                                                     |     No     |   All    |        Yes        |
+|     preserve     |                              当字段被删除时保留字段值。你可以通过 `getFieldsValue(true)` 来获取保留字段值                               |                                                                    boolean                                                                     |     No     |   All    |        Yes        |
+|   requiredMark   |                            必选样式，可以切换为必选或者可选展示样式。此为 Form 配置，Form.Item 无法单独配置                             |                            boolean \| `optional` \| ((label: ReactNode, info: { required: boolean }) => ReactNode)                             |     No     |   All    |        Yes        |
+| validateMessages | 验证提示模板，说明[见下](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#validatemessages) | [ValidateMessages](https://github.com/ant-design/ant-design/blob/6234509d18bac1ac60fbb3f92a5b2c6a6361295a/components/locale/en_US.ts#L88-L134) |     No     |   All    |        Yes        |
+| validateTrigger  |                                                       统一设置字段触发验证的时机                                                        |                                                               string \| string[]                                                               |     No     |   All    |        Yes        |
+|   wrapperStyle   |                                       需要为输入控件设置布局样式时，使用该属性，用法同 labelStyle                                       |                                                                  `ViewStyle`                                                                   |     No     |   All    |        Yes        |
+|  onFieldsChange  |                                                         字段更新时触发回调事件                                                          |                                                       function(changedFields, allFields)                                                       |     No     |   All    |        Yes        |
+|     onFinish     |                                                    提交表单且数据验证成功后回调事件                                                     |                                                                function(values)                                                                |     No     |   All    |        Yes        |
+|  onFinishFailed  |                                                    提交表单且数据验证失败后回调事件                                                     |                                                  function({ values, errorFields, outOfDate })                                                  |     No     |   All    |        Yes        |
+|  onValuesChange  |                                                        字段值更新时触发回调事件                                                         |                                                       function(changedValues, allValues)                                                       |     No     |   All    |        Yes        |
+|      styles      |                                                            语义化结构 style                                                             |             同 [ListStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#liststyle-语义化样式)              |     No     |   All    |        Yes        |
+
+**Form.Item**
+
+|       Name        |                                                                                Description                                                                                 |                                                                                                                                            Type                                                                                                                                             | Required | Platform | HarmonyOS Support |
+| :---------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   dependencies    |                    设置依赖字段，说明[见下](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#dependencies)                     |                                                                                     [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[]                                                                                     |    No    |   All    |        Yes        |
+| getValueFromEvent |                                                                     设置如何将 event 的值转换成字段值                                                                      |                                                                                                                                   (..args: any[]) => any                                                                                                                                    |    No    |   All    |        Yes        |
+|   getValueProps   |                                       为子元素添加额外的属性 (不建议通过 `getValueProps` 生成动态函数 prop，请直接将其传递给子组件)                                        |                                                                                                                             (value: any) => Record<string, any>                                                                                                                             |    No    |   All    |        Yes        |
+|    hasFeedback    |                          配合 `validateStatus` 属性使用，展示校验状态图标，建议只配合 Input 组件使用 此外，它还可以通过 Icons 属性获取反馈图标。                           |                                                                      boolean \| { icons: [FeedbackIcons](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#feedbackicons) }                                                                      |    No    |   All    |        Yes        |
+|       help        |                                                                提示信息，如不设置，则会根据校验规则自动生成                                                                |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|      hidden       |                                                                    是否隐藏字段（依然会收集和校验字段）                                                                    |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|   initialValue    |                                                    设置子元素默认值，如果与 Form 的 `initialValues` 冲突则以 Form 为准                                                     |                                                                                                                                           string                                                                                                                                            |    No    |   All    |        Yes        |
+|       label       |                                                                             `label` 标签的文本                                                                             |                                                                                                                                          ReactNode                                                                                                                                          |    No    |   All    |        Yes        |
+|    labelStyle     |                          label 标签的样式。你可以通过 Form 的 `labelStyle` 进行统一设置，不会作用于嵌套 Item。当和 Form 同时设置时，以 Item 为准                           |                                                                                                                                              -                                                                                                                                              |    No    |   All    |        Yes        |
+| messageVariables  |                                                                             默认验证字段的信息                                                                             |                                                                                                                                   Record<string, string>                                                                                                                                    |    No    |   All    |        Yes        |
+|       name        |                                                                              字段名，支持数组                                                                              |                                                                                      [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)                                                                                      |    No    |   All    |        Yes        |
+|     normalize     |                                                              组件获取值后进行转换，再放入 Form 中。不支持异步                                                              |                                                                                                                            (value, prevValue, prevValues) => any                                                                                                                            |    No    |   All    |        Yes        |
+|      noStyle      |             为 `true` 时不带样式，作为纯字段控件使用。当自身没有 `validateStatus` 而父元素存在有 `validateStatus` 的 Form.Item 会继承父元素的 `validateStatus`             |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|     preserve      |                                                                          当字段被删除时保留字段值                                                                          |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|     required      |                                                              必填样式设置。如不设置，则会根据校验规则自动生成                                                              |                                                                                                                                           boolean                                                                                                                                           |    No    |   All    |        Yes        |
+|       rules       |                             校验规则，设置字段的校验逻辑。点击[此处](https://ant.design/components/form-cn#components-form-demo-basic)查看示例                             |                                                                                         [Rule](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#rule)[]                                                                                         |    No    |   All    |        Yes        |
+|   shouldUpdate    |                 自定义字段更新逻辑，说明[见下](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#shouldupdate)                  |                                                                                                                         boolean \| (prevValue, curValue) => boolean                                                                                                                         |    No    |   All    |        Yes        |
+|      styles       |                                                                              语义化结构 style                                                                              | [FormItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#formitemstyle-语义化样式) & [ValidateStatusStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#validatestatusstyle-语义化样式) |    No    |   All    |        Yes        |
+|      trigger      |                     设置收集字段值变更的时机。点击[此处](https://ant.design/components/form-cn#components-form-demo-customized-form-controls)查看示例                      |                                                                                                                                           string                                                                                                                                            |    No    |   All    |        Yes        |
+|   validateFirst   |                                               当某一规则校验不通过时，是否停止剩下的规则的校验。设置 `parallel` 时会并行校验                                               |                                                                                                                                     boolean 或 parallel                                                                                                                                     |    No    |   All    |        Yes        |
+| validateDebounce  |                                                                       设置防抖，延迟毫秒数后进行校验                                                                       |                                                                                                                                           number                                                                                                                                            |    No    |   All    |        Yes        |
+|  validateStatus   |                                        校验状态，如不设置，则会根据校验规则自动生成，可选：'success' 'warning' 'error' 'validating'                                        |                                                                                                                                           string                                                                                                                                            |    No    |   All    |        Yes        |
+|  validateTrigger  |                                                                             设置字段校验的时机                                                                             |                                                                                                                                     string \| string[]                                                                                                                                      |    No    |   All    |        Yes        |
+|   valuePropName   | 子节点的值的属性。注意：Switch、Checkbox 的 valuePropName 应该是 `checked`，否则无法获取这个两个组件的值。该属性为 `getValueProps` 的封装，自定义 `getValueProps` 后会失效 |                                                                                                                                           string                                                                                                                                            |    No    |   All    |        Yes        |
+|   wrapperStyle    |    需要为输入控件设置布局样式时，使用该属性，用法同 `labelStyle`。你可以通过 Form 的 `wrapperCol` 进行统一设置，不会作用于嵌套 Item。当和 Form 同时设置时，以 Item 为准    |                                                                                                                                         `ViewStyle`                                                                                                                                         |    No    |   All    |        Yes        |
+
+**Form.List**
+
+|     Name     |                                                                                                           Description                                                                                                            |                                                       Type                                                        | Required | Platform | HarmonyOS Support |
+| :----------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   children   |                                                                                                             渲染函数                                                                                                             |             (fields: Field[], operation: { add, remove, move }, meta: { errors }) => React.ReactNode              |   Yes    |   All    |        Yes        |
+| initialValue |                                                                               设置子元素默认值，如果与 Form 的 `initialValues` 冲突则以 Form 为准                                                                                |                                                       any[]                                                       |    No    |   All    |        Yes        |
+|     name     | 字段名，支持数组。List 本身也是字段，因而 `getFieldsValue()` 默认会返回 List 下所有值，你可以通过[参数](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#getfieldsvalue)改变这一行为 | [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath) |    No    |   All    |        Yes        |
+|    rules     |                             校验规则，仅支持自定义规则。需要配合 [ErrorList](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#formerrorlist) 一同使用。                              |                                             { validator, message }[]                                              |    No    |   All    |        Yes        |
+
+**Form.ErrorList**
+
+|  Name  |   Description    |                                                                        Type                                                                        | Required | Platform | HarmonyOS Support |
+| :----: | :--------------: | :------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+| errors |     错误列表     |                                                                    ReactNode[]                                                                     |    No    |   All    |        Yes        |
+| styles | 语义化结构 style | [ValidateStatusStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#validatestatusstyle-语义化样式) |    No    |   All    |        Yes        |
+
+**Form.Provider**
+
+|     Name     |     Description      |                            Type                            | Required | Platform | HarmonyOS Support |
+| :----------: | :------------------: | :--------------------------------------------------------: | :------: | :------: | :---------------: |
+| onFormChange | 子表单字段更新时触发 | function(formName: string, info: { changedFields, forms }) |    No    |   All    |        Yes        |
+| onFormFinish |   子表单提交时触发   |    function(formName: string, info: { values, forms })     |    No    |   All    |        Yes        |
+
+**FormInstance**
+
+|       Name        |                                                                                  Description                                                                                   |                                                                                                                                        Type                                                                                                                                         | Required | Platform | HarmonyOS Support |
+| :---------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|   getFieldError   |                                                                            获取对应字段名的错误信息                                                                            |                                                                        (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => string[]                                                                        |    No    |   All    |        Yes        |
+|  getFieldsError   |                                                                  获取一组字段名对应的错误信息，返回为数组形式                                                                  |                                                                  (nameList?: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[]) => FieldError[]                                                                   |    No    |   All    |        Yes        |
+| getFieldInstance  |                                                                                获取对应字段实例                                                                                |                                                                          (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => any                                                                           |    No    |   All    |        Yes        |
+|  getFieldsValue   |                                   获取一组字段名对应的值，会按照对应结构返回。默认返回现存字段值，当调用 `getFieldsValue(true)` 时返回所有值                                   |                                                                            [GetFieldsValue](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#getfieldsvalue)                                                                            |    No    |   All    |        Yes        |
+|   getFieldValue   |                                                                               获取对应字段名的值                                                                               |                                                                          (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => any                                                                           |    No    |   All    |        Yes        |
+|  isFieldsTouched  |                                               检查一组字段是否被用户操作过，`allTouched` 为 `true` 时检查是否所有字段都被操作过                                                |                                                          (nameList?: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[], allTouched?: boolean) => boolean                                                          |    No    |   All    |        Yes        |
+|  isFieldTouched   |                                                                          检查对应字段是否被用户操作过                                                                          |                                                                        (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => boolean                                                                         |    No    |   All    |        Yes        |
+| isFieldValidating |                                                                            检查对应字段是否正在校验                                                                            |                                                                        (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)) => boolean                                                                         |    No    |   All    |        Yes        |
+|    resetFields    |                                                                         重置一组字段到 `initialValues`                                                                         |                                                                       (fields?: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[]) => void                                                                        |    No    |   All    |        Yes        |
+|   setFieldValue   |                                   设置表单的值（该值将直接传入 form store 中并且**重置错误信息**。如果你不希望传入对象被修改，请克隆后传入）                                   |                                                                    (name: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath), value: any) => void                                                                    |    No    |   All    |        Yes        |
+|  setFieldsValue   | 设置表单的值（该值将直接传入 form store 中并且**重置错误信息**。如果你不希望传入对象被修改，请克隆后传入）。如果你只想修改 Form.List 中单项值，请通过 `setFieldValue` 进行指定 |                                                                                                                                  (values) => void                                                                                                                                   |    No    |   All    |        Yes        |
+|      submit       |                                                                     提交表单，与点击 `submit` 按钮效果相同                                                                     |                                                                                                                                     () => void                                                                                                                                      |    No    |   All    |        Yes        |
+|  validateFields   |                                                           触发表单验证，设置 `recursive` 时会递归校验所有包含的路径                                                            | (nameList?: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[], config?: [ValidateConfig](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#validateFields)) => Promise |    No    |   All    |        Yes        |
+
+**Tooltip**：气泡组件，在点击控件或者某个区域后，浮出一个气泡菜单来做更多的操作。
+
+|      Name       |         Description          |                                                  Type                                                   | Required | Platform | HarmonyOS Support |
+| :-------------: | :--------------------------: | :-----------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|    children     |    触发 `Tooltip` 的元素     |                                          `React.ReactElement`                                           |   Yes    |   All    |        Yes        |
+|     content     |           弹出内容           |                                            `React.ReactNode`                                            |    No    |   All    |        Yes        |
+| defaultVisible  |         默认是否显隐         |                                                `boolean`                                                |    No    |   All    |        Yes        |
+|      mode       |   设置亮色模式或者黑色模式   |                                                `'light'`                                                |    No    |   All    |        Yes        |
+| onVisibleChange |        显示隐藏的回调        |                                      `(visible: boolean) => void`                                       |    No    |   All    |        Yes        |
+|    placement    |          气泡框位置          |                                                 `'top'`                                                 |    No    |   All    |        Yes        |
+|     styles      |       语义化结构 style       | [TooltipStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/master/#tooltipstyle-语义化样式) |    No    |   All    |        Yes        |
+|     trigger     |           触发方式           |                                               `'onPress'`                                               |    No    |   All    |        Yes        |
+|     visible     | 受控模式下，是否展示弹出内容 |                                                `boolean`                                                |    No    |   All    |        Yes        |
+
+**Tooltip.Menu**
+
+|   Name   |             Description              |           Type           | Required | Platform | HarmonyOS Support |
+| :------: | :----------------------------------: | :----------------------: | :------: | :------: | :---------------: |
+| actions  | 菜单列表，当弹出内容为标准菜单时使用 |        `Action[]`        |   Yes    |   All    |        Yes        |
+| maxCount | 菜单列表最大个数，超出则隐藏进行滚动 |         `number`         |    No    |   All    |        Yes        |
+| onAction |   当使用菜单列表时，选中菜单的回调   | `(item: Action) => void` |    No    |   All    |        Yes        |
+
+**Tooltip.Menu.Action**
+
+|   Name   |             Description              |     Type     | Required | Platform | HarmonyOS Support |
+| :------: | :----------------------------------: | :----------: | :------: | :------: | :---------------: |
+| disabled |               是否禁用               |  `boolean`   |    No    |   All    |        Yes        |
+|   icon   |             菜单项的图标             | `ReactNode`  |    No    |   All    |        Yes        |
+|   key    |  菜单的唯一标识, 缺省时即为 `index`  |   `string`   |    No    |   All    |        Yes        |
+| onPress  |              点击时触发              | `() => void` |    No    |   All    |        Yes        |
+|   text   | 菜单列表，当弹出内容为标准菜单时使用 | `ReactNode`  |    No    |   All    |        Yes        |
+
+## 遗留问题
+
+- [ ] PickerView 组件在 harmony 暂不支持，待ArkUI规格升级之后再重新适配
+- [ ] Input.TextArea 组件在 harmony 暂不支持，待ArkUI规格升级之后再重新适配
+
+## 其他
+
+- Drawer 组件暂时无法支持，与 Android/IOS 一致[issue#1352](https://github.com/ant-design/ant-design-mobile-rn/issues/1352)、[issue#1338](https://github.com/ant-design/ant-design-mobile-rn/issues/1338)。
+- Tooltip 组件气泡位置异常展示，与 Android/IOS 一致[issue#1376](https://github.com/ant-design/ant-design-mobile-rn/issues/1376)。
+- Radio 组件的 defaultCheck 属性无法正常生效，与 Android/IOS 一致[issue#1380](https://github.com/ant-design/ant-design-mobile-rn/issues/1380)。
+- Picker 组件的 defaultValue 属性无法正常生效，与 Android/IOS 一致[issue#1381](https://github.com/ant-design/ant-design-mobile-rn/issues/1381)。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ant-design/ant-design-mobile-rn/blob/master/LICENSE)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/axios.md b/en/axios.md
new file mode 100644
index 00000000..6fb9a187
--- /dev/null
+++ b/en/axios.md
@@ -0,0 +1,153 @@
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>axios</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/axios/axios/blob/v1.x/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/axios/axios)
+
+## 安装与使用
+
+#### **npm**
+
+```bash
+npm install axios@1.6.7
+```
+
+#### **bower**
+
+```bash
+bower install axios@1.6.7
+```
+
+#### **yarn**
+
+```bash
+yarn add axios@1.6.7
+```
+
+Once the package is installed, you can import the library using `import` or `require` approach:
+
+```js
+import axios, { isCancel, AxiosError } from "axios";
+```
+
+You can also use the default export, since the named export is just a re-export from the Axios factory:
+
+```js
+import axios from "axios";
+
+console.log(axios.isCancel("something"));
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import axios from "axios";
+//const axios = require('axios'); // legacy way
+
+// Make a request for a user with a given ID
+axios
+  .get("/user?ID=12345")
+  .then(function (response) {
+    // handle success
+    console.log(response);
+  })
+  .catch(function (error) {
+    // handle error
+    console.log(error);
+  })
+  .finally(function () {
+    // always executed
+  });
+
+// Optionally the request above could also be done as
+axios
+  .get("/user", {
+    params: {
+      ID: 12345,
+    },
+  })
+  .then(function (response) {
+    console.log(response);
+  })
+  .catch(function (error) {
+    console.log(error);
+  })
+  .finally(function () {
+    // always executed
+  });
+
+// Want to use async/await? Add the `async` keyword to your outer function/method.
+async function getUser() {
+  try {
+    const response = await axios.get("/user?ID=12345");
+    console.log(response);
+  } catch (error) {
+    console.error(error);
+  }
+}
+```
+
+## 约束与限制
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                               | Description                |   Type   | Required | HarmonyOS Support |
+| :--------------------------------- | -------------------------- | :------: | :------: | :---------------: |
+| axios.request(config)              | 别名发送request请求        | function |    /     |        yes        |
+| axios.get(url[, config])           | 别名发送get请求            | function |    /     |        yes        |
+| axios.delete(url[, config])        | 别名发送delete请求         | function |    /     |        yes        |
+| axios.head(url[, config])          | 别名发送head请求           | function |    /     |        yes        |
+| axios.options(url[, config])       | 别名发送options请求        | function |    /     |        yes        |
+| axios.post(url[, data[, config]])  | 别名发送post请求           | function |    /     |        yes        |
+| axios.put(url[, data[, config]])   | 别名发送put请求            | function |    /     |        yes        |
+| axios.patch(url[, data[, config]]) | 别名发送patch请求          | function |    /     |        yes        |
+| axios#request(config)              | 实例发送request请求        | function |    /     |        yes        |
+| axios#get(url[, config])           | 实例发送get请求            | function |    /     |        yes        |
+| axios#delete(url[, config])        | 实例发送delete请求         | function |    /     |        yes        |
+| axios#head(url[, config])          | 实例发送head请求           | function |    /     |        yes        |
+| axios#options(url[, config])       | 实例发送options请求        | function |    /     |        yes        |
+| axios#post(url[, data[, config]])  | 实例发送post请求           | function |    /     |        yes        |
+| axios#put(url[, data[, config]])   | 实例发送put请求            | function |    /     |        yes        |
+| axios#patch(url[, data[, config]]) | 实例发送patch请求          | function |    /     |        yes        |
+| url                                | 配置中请求的地址           | function |    /     |        yes        |
+| method                             | 配置中请求时使用的方法     | function |    /     |        yes        |
+| baseURL                            | 配置中自动加在url地址前    | function |    /     |        yes        |
+| headers                            | 配置中自定义请求头         | function |    /     |        yes        |
+| params                             | 配置中请求一起发送时的参数 | function |    /     |        yes        |
+| data                               | 配置中请求体发送的数据     | function |    /     |        yes        |
+| timeout                            | 配置中请求超时的毫秒数     | function |    /     |        yes        |
+| proxy                              | 配置中设置代理             | function |    /     |        yes        |
+| Response Schema                    | 响应类型                   | function |    /     |        yes        |
+| Config Defaults                    | 默认配置                   | function |    /     |        yes        |
+| requestInterceptors                | 请求拦截器                 | function |    /     |        yes        |
+| responseInterceptors               | 响应拦截器                 | function |    /     |        yes        |
+| Handling Errors                    | 错误处理                   | function |    /     |        yes        |
+| AbortController                    | 中止控制器                 | function |    /     |        yes        |
+| CancelToken                        | 取消令牌                   | function |    /     |        yes        |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/bam-tech-react-native-image-resizer.md b/en/bam-tech-react-native-image-resizer.md
new file mode 100644
index 00000000..41f15048
--- /dev/null
+++ b/en/bam-tech-react-native-image-resizer.md
@@ -0,0 +1,398 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@bam.tech/react-native-image-resizer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bamlab/react-native-image-resizer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bamlab/react-native-image-resizer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-resizer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-resizer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-resizer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useRef, useState } from 'react';
+import {
+  Alert,
+  Image,
+  Platform,
+  ScrollView,
+  StyleSheet,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import ImageResizer from '@bam.tech/react-native-image-resizer';
+import type {
+  ResizeMode,
+  Response,
+} from '@bam.tech/react-native-image-resizer';
+import { launchImageLibrary } from 'react-native-image-picker';
+
+const modeOptions: { label: string; value: ResizeMode }[] = [
+  {
+    label: 'contain',
+    value: 'contain',
+  },
+  {
+    label: 'cover',
+    value: 'cover',
+  },
+  {
+    label: 'stretch',
+    value: 'stretch',
+  },
+];
+
+const onlyScaleDownOptions: { label: string; value: boolean }[] = [
+  {
+    label: 'true',
+    value: true,
+  },
+  {
+    label: 'false',
+    value: false,
+  },
+];
+
+function ImageResizerDemo() {
+  const [selectedMode, setMode] = useState<ResizeMode>('contain');
+  const [onlyScaleDown, setOnlyScaleDown] = useState(false);
+  const [imageUri, setImageUri] = useState<null | string>();
+  const [sizeTarget, setSizeTarget] = useState(80);
+  const [resizedImage, setResizedImage] = useState<null | Response>();
+
+  const resize = async () => {
+    if (!imageUri) return;
+
+    setResizedImage(null);
+
+    try {
+      let result = await ImageResizer.createResizedImage(
+        imageUri,
+        sizeTarget,
+        sizeTarget,
+        'JPEG',
+        100,
+        0,
+        undefined,
+        false,
+        {
+          mode: selectedMode,
+          onlyScaleDown,
+        }
+      );
+
+      setResizedImage(result);
+    } catch (error) {
+      Alert.alert('Unable to resize the photo');
+    }
+  };
+  
+  const selectImageFromPicker = async () => {
+    launchImageLibrary({ mediaType: 'photo' }, (response) => {
+      if (!response || !response.assets) return;
+      const asset = response.assets[0];
+      if (asset) {
+        setImageUri(asset.uri);
+      }
+    });
+  };
+
+  return (
+    <ScrollView
+      style={styles.scrollView}
+      contentContainerStyle={styles.container}
+    >
+      <Text style={styles.welcome}>Image Resizer example</Text>
+      <View style={styles.imageSourceButtonContainer}>
+        <TouchableOpacity style={styles.button} onPress={selectImageFromPicker}>
+          <Text>{'Select an image (react-native-image-picker)'}</Text>
+        </TouchableOpacity>
+      </View>
+     
+      <Text style={styles.instructions}>This is the original image:</Text>
+      {imageUri ? (
+        <Image
+          style={styles.image}
+          source={{ uri: imageUri }}
+          resizeMode="contain"
+        />
+      ) : null}
+
+      <Text style={styles.instructions}>Resized image:</Text>
+      <Text>Mode: </Text>
+      <View style={styles.optionContainer}>
+        {modeOptions.map((mode) => (
+          <TouchableOpacity
+            style={styles.buttonOption}
+            onPress={() => setMode(mode.value)}
+            key={mode.label}
+          >
+            <Text>{`${mode.label} ${
+              selectedMode === mode.value ? '✅' : ''
+            }`}</Text>
+          </TouchableOpacity>
+        ))}
+      </View>
+
+      <Text>Only scale down? </Text>
+      <View style={styles.optionContainer}>
+        {onlyScaleDownOptions.map((scaleDownOption) => (
+          <TouchableOpacity
+            style={styles.buttonOption}
+            onPress={() => setOnlyScaleDown(scaleDownOption.value)}
+            key={scaleDownOption.label}
+          >
+            <Text>{`${scaleDownOption.label} ${
+              onlyScaleDown === scaleDownOption.value ? '✅' : ''
+            }`}</Text>
+          </TouchableOpacity>
+        ))}
+      </View>
+
+      <Text>Target size: </Text>
+      <TextInput
+        style={styles.textInput}
+        placeholder={sizeTarget.toString()}
+        keyboardType="decimal-pad"
+        onChangeText={(text) => {
+          setSizeTarget(Number(text));
+        }}
+      />
+
+      <TouchableOpacity style={styles.button} onPress={resize}>
+        <Text>Click me to resize the image</Text>
+      </TouchableOpacity>
+      {resizedImage ? (
+        <>
+          <Image
+            style={styles.image}
+            source={{ uri: resizedImage.uri }}
+            resizeMode="contain"
+          />
+          <Text>Width: {resizedImage.width}</Text>
+          <Text>Height: {resizedImage.height}</Text>
+        </>
+      ) : null}
+    </ScrollView>
+  );
+};  
+  
+const styles = StyleSheet.create({
+  scrollView: {
+    backgroundColor: '#F5FCFF',
+  },
+  container: {
+    paddingVertical: 100,
+    paddingHorizontal: 10,
+  },
+  imageSourceButtonContainer: {
+    marginBottom: 10,
+  },
+  welcome: {
+    fontSize: 20,
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+  image: {
+    height: 250,
+    marginBottom: 10,
+  },
+  button: {
+    backgroundColor: '#2596be',
+    paddingHorizontal: 30,
+    paddingVertical: 20,
+    borderRadius: 10,
+    alignItems: 'center',
+  },
+  optionContainer: {
+    alignSelf: 'stretch',
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    marginBottom: 10,
+  },
+  buttonOption: {
+    backgroundColor: '#2596be',
+    paddingHorizontal: 10,
+    paddingVertical: 10,
+    borderRadius: 10,
+  },
+  textInput: {
+    height: 40,
+    borderColor: 'black',
+    borderWidth: 2,
+    margin: 10,
+    alignSelf: 'stretch',
+    textAlign: 'center',
+    overflow: 'hidden',
+  },
+});
+
+export default ImageResizerDemo;    
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-resizer": "file:../../node_modules/@react-native-oh-tpl/react-native-image-resizer/harmony/image_resizer.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 ImageResizerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {ImageResizerPackage} from '@react-native-oh-tpl/react-native-image-resizer/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ImageResizerPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases)
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description         | Type     | Required | Platform    | HarmonyOS Support |
+|--------------------|---------------------|----------|----------|-------------|-------------------|
+| createResizedImage | Resize local images | function | No       | Android/iOS | Yes               |
+
+### createResizedImage参数
+
+| Name                 | Description         | Type    | Platform    | HarmonyOS Support |
+|----------------------|---------------------|---------|-------------|-------------------|
+| path                 | Path of image file, or a base64 encoded image string prefixed with 'data:image/imagetype' where imagetype is jpeg or png. | string  | Android/iOS | Yes               |
+| width                | Width to resize to (see mode for more details) | number  | Android/iOS | Yes               |
+| height               | Height to resize to (see mode for more details) | number  | Android/iOS | Yes               |
+| compressFormat       | Can be either JPEG, PNG or WEBP. | string  | Android/iOS | Yes               |
+| quality              | A number between 0 and 100. Used for the JPEG compression. | number  | Android/iOS | Yes               |
+| rotation             | Rotation to apply to the image, in degrees. | number  | Android/iOS | Yes               |
+| outputPath           | The resized image path. If null, resized image will be stored in cache folder. To set outputPath make sure to add option for rotation too (if no rotation is needed, just set it to 0). | string  | Android/iOS | Yes               |
+| keepMeta             | If true, will attempt to preserve all file metadata/exif info, except the orientation value since the resizing also does rotation correction to the original image. Defaults to false, which means all metadata is lost. Note: This can only be true for JPEG images which are loaded from the file system (not Web). | boolean | Android/iOS | Yes               |
+| options.mode         | Similar to react-native Image's resizeMode: either contain (the default), cover, or stretch. contain will fit the image within width and height, preserving its ratio. cover preserves the aspect ratio, and makes sure the image is at least width wide or height tall. stretch will resize the image to exactly width and height. | string  | Android/iOS | Yes               |
+| options.onlyScaleDown | 	If true, will never enlarge the image, and will only make it smaller. | boolean | Android/iOS | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bamlab/react-native-image-resizer/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/baronha-ting.md b/en/baronha-ting.md
new file mode 100644
index 00000000..723d4294
--- /dev/null
+++ b/en/baronha-ting.md
@@ -0,0 +1,232 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@baronha/ting</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/%3C%E5%8E%9F%E5%BA%93%E6%BA%90%E7%A0%81%E4%BB%93%E5%9C%B0%E5%9D%80%3E">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/baronha/ting/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/ting)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/ting@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/ting@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { View } from "react-native";
+import {
+    ToastOptions,
+    toast
+} from '@baronha/ting';
+
+function handleToast(options: ToastOptions) {
+    toast(options);
+}
+
+const App = () => {
+  return (
+    <View>
+        <Button
+            title="defalut"
+            onPress={() => {
+                const options: ToastOptions = {
+                    title: 'title-Toast',
+                    message: 'message-Toast',
+                };
+                handleToast(options);
+            }}
+        />
+    </View>
+};
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/ting": "file:../../node_modules/@react-native-oh-tpl/ting/harmony/ting.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNTingPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+
+```diff
+  ...
++ import {RNTingPackage} from '@react-native-oh-tpl/ting';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNTingPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### ToastOptions
+
+| Name                 | Description                                             | Type | Required | Platform | HarmonyOS Support   |
+|----------------------|---------------------------------------------------------|------|----------|----------|---------------------|
+| title                | The text for the toast’s title                                       | string   | no        | All      | yes  |
+| message              | The text for the toast’s message                                     | string   | no        | All      | yes  |
+| titleColor           | The color of the title text in hexadecimal format      | string   | no        | All      | yes  |
+| messageColor         | The color of the message text in hexadecimal format    | string   | no        | All      | yes  |
+| preset               |  The preset style of the toast. Options include done (success), error (error), none (no style), or spinner (loading spinner)                                                    | string  | no        | All      | partially |
+| duration             | The lifetime of the toast (seconds)                    | number  | no         | All      | yes  |
+| haptic               | The type of haptic feedback. Options include success (success), warning (warning), error (error), or none (no haptic feedback)                                                     | string  | no         | iOS      | yes                 |
+| shouldDismissByDrag  | Whether the toast can be dismissed by dragging                                                     | boolean  | no        | All      | yes  |
+| position             | Toast is displayed from top or bottom                  | string   | no         | All      |yes                 |
+| backgroundColor      | The background color of the toast in hexadecimal format| string   | no         | All      |yes       |
+| icon                 | A custom icon for the toast                                                     | object  | no        | All      | yes  |
+| progressColor        | The color of the progress spinner for the spinner preset style                                                     | string  | no        | Android   | yes  |
+
+### AlertOptions
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| title                | The text for the toast’s title                                       | string   | no        | All      | yes  |
+| message              | The text for the toast’s message                                     | string   | no        | All      | yes  |
+| titleColor           | The color of the title text in hexadecimal format      | string   | no        | All      | yes  |
+| messageColor         | The color of the message text in hexadecimal format    | string   | no        | All      | yes  |
+| preset               |  The preset style of the toast. Options include done (success), error (error), none (no style), or spinner (loading spinner)                                                    | string  | no        | All      | partially |
+| duration             | The lifetime of the toast (seconds)                    | number  | no         | All      | yes  |
+| haptic               | The type of haptic feedback. Options include success (success), warning (warning), error (error), or none (no haptic feedback)                                                     | string  | no         | iOS      | yes                 |
+| shouldDismissByTap  | Whether the toast can be dismissed by tapping                                                     | boolean  | no        | All      | yes  |
+| backgroundColor      | The background color of the toast in hexadecimal format| string   | no         | All      |yes       |
+| borderRadius  | The border radius of the toast box, which determines how rounded the corners are         | number  | no | All      | yes |
+| blurBackdrop  | The intensity of the background blur effect on Android platforms         | number  | no | Android      | no |
+| backdropOpacity  | The opacity of the background blur effect on Android platforms, with a range from 0 (fully transparent) to 1 (fully opaque)         | number  | no | All      | yes |
+| icon                 | A custom icon for the toast                                                     | object  | no        | All      | yes  |
+| progressColor        | The color of the progress spinner for the spinner preset style                                                     | string  | no        | Android   | yes  |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| toast  | Displays a Toast notification         | function  | yes | All      | yes |
+| alert  | Displays an Alert dialog         | function  | yes | All      | yes |
+| dismissAlert  | Closes the currently displayed Alert dialog         | function  | yes | All      | yes |
+| setup  | Configures global settings for Toast and Alert         | function  | yes | All      | yes |
+
+## 遗留问题
+
+- [ ] AlertOptions和ToastOptions中的preset：done，动画效果未实现。[issue#3](https://github.com/react-native-oh-library/ting/issues/3)
+
+## 其他
+
+- AlertOptions中的blurBackdrop参数配置后，iOS不支持，Android无效果。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/baronha/ting/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/callstack-react-theme-provider.md b/en/callstack-react-theme-provider.md
new file mode 100644
index 00000000..75e074cd
--- /dev/null
+++ b/en/callstack-react-theme-provider.md
@@ -0,0 +1,144 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@callstack/react-theme-provider</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/react-theme-provider">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/callstack/react-theme-provider/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/callstack/react-theme-provider)
+
+## 安装与使用
+
+#### **npm**
+
+```bash
+npm install @callstack/react-theme-provider@3.0.9
+```
+
+#### **yarn**
+
+```bash
+yarn add @callstack/react-theme-provider@3.0.9
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {
+  StyleSheet,
+  Text,
+  Button,
+  View
+} from 'react-native';
+
+import { createTheming } from '@callstack/react-theme-provider';
+
+const theme = {
+  lightTheme: {
+    background: '#ffffff',
+    text: '#000000'
+  },
+  darkTheme: {
+    background: '#000000',
+    text: '#ffffff'
+  },
+};
+
+const { ThemeProvider, useTheme } = createTheming(theme);
+
+const RNThemeProvider = () => {
+  const theme = useTheme();
+
+  const [ptheme, setTheme] = React.useState(theme.lightTheme);
+
+  const toggleTheme = () => {
+    setTheme(ptheme => (ptheme === theme.lightTheme ? theme.darkTheme : theme.lightTheme));
+  };
+
+  const ThemedView = () => {
+    return (
+      <View style={[styles.container, { backgroundColor: ptheme.background }]}>
+        <Text style={[styles.text, { color: ptheme.text }]}>Hello, Themed World!</Text>
+      </View>
+    );
+  }
+  return (
+    <ThemeProvider theme={theme}>
+      <ThemedView />
+      <View style={styles.buttonContainer}>
+        <Button title="Toggle Theme" onPress={toggleTheme} />
+      </View>
+    </ThemeProvider>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    fontSize: 20,
+  },
+  buttonContainer: {
+    position: 'absolute',
+    justifyContent: 'center',
+    alignItems: 'center',
+    bottom: 30,
+    left: 0,
+    right: 0,
+  },
+});
+
+export default RNThemeProvider;
+```
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+
+## 组件
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| ThemeProvider  | 接收一个主题对象作为属性，并将该主题提供给其子组件 | component | no | all      | yes |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| createTheming | 从库中导入以创建主题对象 | function  | yes | all      | yes |
+| useTheme | 用于在函数组件中访问当前主题,它返回当前主题对象 | function | no | all      | yes |
+| withTheme  | 用于将当前主题作为属性传递给包装组件 | function | yes | all      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-theme-provider/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/capi-architecture.md b/en/capi-architecture.md
new file mode 100644
index 00000000..b141b3eb
--- /dev/null
+++ b/en/capi-architecture.md
@@ -0,0 +1,41 @@
+# C-API 架构
+
+### 背景
+
+为解决生态高性能的诉求，将 ArkUI 底层组件构建的命令式接口进行分层开放，开发者可以使用 C-API 和 ArkTS-API 分别进行开发，基于该背景**RN 框架**基于 C-API 做了底层适配，并且有着较好的性能提升。
+
+![](../img/capi_architecture.png)
+
+**C-API 和 ArkTS 版本性能对比**
+
+![](../img/performance_comparison.png)
+
+同时 RN 框架仍支持 C-API 混合模式，即在 RN C-API 环境中接入 ArkTS 侧的自定义 View（叶子型，不能是容器型），达到使用 ArkTS 高效开发组件和代码资产复用的目的。
+
+**容器型和叶子型节点的判断：**
+
+![](../img/leaf_node.png)
+
+### 影响
+
+因为 RN 中 C-API 架构有着更优秀的性能表现，因此三方库中所有的非叶子节点（容器型）库和需要更优秀性能的库都进行了 C-API 化适配，如 react-native-safe-area-context、react-native-linear-gradient 和 react-native-svg 等。
+
+虽然在 RN 中 C-API 性能更优秀，但 ArkTS 有则更简洁开发方式、生态支持和解决方案，因此根据 `C-API/ArkTS` 和 `叶子节点/非叶子节点` 当前 RN 三方库中存在以下 4 类三方库：
+
+- 基于 C-API 实现的叶子节点库
+- 基于 C-API 实现的非叶子节点库
+- 基于 ArkTS 实现的叶子节点库（混合方案）
+- 基于 ArkTS 实现的非叶子节点库
+
+由于 RN ArkTS 架构后续将不再做演进支持，所以**基于 ArkTS 实现的非叶子节点库**将不再维护更新并废弃。对于 RN 开发者使用高性能的 C-API 库，则需要确保在 HarmonyOS 工程开启 C-API 架构（默认开启），在 RN 工程中使用方式仍保持不变。
+
+开启 C-API 架构：
+
+```
+// entry/src/main/ets/pages.ets
+RNApp({
+  rnInstanceConfig: {
+    enableCAPIArchitecture: true, // 开启C-API架构
+    ......
+  }
+```
diff --git a/en/codegen.md b/en/codegen.md
new file mode 100644
index 00000000..76ff9a3c
--- /dev/null
+++ b/en/codegen.md
@@ -0,0 +1,102 @@
+<!-- {% raw %} -->
+
+# Codegen 使用指导
+
+## 简介
+
+`CodeGen` 是 React Native 中的一项工具，用于简化和自动化代码生成。它可以帮助开发者生成桥接代码，使得 React Native 应用能够更方便地与原生代码进行交互。
+
+在 Harmony OS RN 中已支持 codegen，并且大部分 Arkts 三方库已支持，因此在使用这些三方库之前需要通过 codegen 生成桥接代码，否则可能会出现如下报错：
+
+```
+cannot find module '@rnoh/react-native-openharmony/generated/ts' or its corresponding type declarations.
+```
+
+## 使用方式
+
+### 运行 RN 工程 `MyProject/package.json` 的 codegen 脚本
+
+> [!TIP] 运行前请确保三方库已经正确安装！
+
+配置 codegen 脚本：
+
+```json
+...
+  "scripts": {
+    ...
+  "codegen": "react-native codegen-harmony --cpp-output-path ./harmony/entry/src/main/cpp/generated --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony"
+  },
+  ...
+```
+
+codegen-harmony 参数介绍：
+
+- `rnoh-module-path`: Native 工程内， RNOH SDK 模块的相对路径（如果通过 har 包安装，则需指向安装后的地址，如：xxx/oh_modules/@rnoh/react-native-openharmony）
+- `cpp-output-path`:` 指定⽤于存储⽣成的 C++ 文件的输出⽬录的相对路径，默认./harmony/entry/src/main/cpp/generated
+- `project-root-path`: Native 工程根⽬录的相对路径
+
+执行 codegen
+
+```bash
+npm run codegen
+```
+
+运行后，会在 `cpp-output-path` 参数指定的路径下生成 C++ 代码（若未指定则生成至默认路径），在 `rnoh-module-path`路径下生成 ArkTS/TS 代码（必须生成在 RN SDK 下）。
+
+**注意事项**
+
+脚本生成的代码需在项目工程中，否则会报如下错误：
+
+```
+[ERROR] Tried to remove files in path/generated and that path is outside current working directory
+```
+
+因此建议将原生工程置于 `RN` 工程内
+
+```
+.
+├── ReactNativeProject // RN 工程
+│   ├── android
+│   ├── ios
+│   ├── harmony // HarmonyOS 原生工程
+```
+
+### 配置 CMakeLists 和引入 RNOHGeneratedPackage（C++）
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+...
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("${OH_MODULE_DIR}/rnoh-sample-package/src/main/cpp" ./sample-package)
+# RNOH_END: add_package_subdirectories
+
++ file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+add_library(rnoh_app SHARED
++ ${GENERATED_CPP_FILES}
+ "./PackageProvider.cpp"
+ "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
+# RNOH_END: link_packages
+...
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
++ #include "generated/RNOHGeneratedPackage.h"
+
+using namespace rnoh;
+std::vector<std::shared_ptr<Package>>
+PackageProvider::getPackages(Package::Context ctx) {
+    return {
++        std::make_shared<RNOHGeneratedPackage>(ctx),
+    };
+}
+```
+
+<!-- {% endraw %} -->
diff --git a/en/contribute.md b/en/contribute.md
new file mode 100644
index 00000000..28b7d26b
--- /dev/null
+++ b/en/contribute.md
@@ -0,0 +1,51 @@
+<!-- {% raw %} -->
+# 贡献文档
+
+非常欢迎您贡献文档，我们鼓励开发者以各种方式参与文档反馈和贡献。您可以对现有文档进行评价、简单更改、反馈文档质量问题、贡献您的原创内容。
+
+## 贡献方式
+
+高质量的问题反馈有助于我们不断完善文档内容和质量，您提供的信息越详尽，对我们问题改进越有帮助。
+
+1. 在 Gitee 页面中，“Issue”页签中单击“新建 Issue”，在标题栏中描述问题，在编辑框中添加详细问题描述。
+2. 单击“创建”按钮，提交 Issue，耐心等待文档团队成员确认您的问题。
+
+### 简单更改
+
+针对现有文档进行快速更改和修复，适合少量内容修改和补充。
+
+1. 在文档页面右上角单击“编辑“按钮即可跳转到对应的 Gitee 工程源文件页面。
+2. 在 Gitee 源文件 md 页面中，在对应内容处完成更改、修复。
+3. 修改完成后，可单击“预览“按钮，确认修改结果。
+
+### 贡献 RN 三方库使用文档
+
+新增 HarmonyOS 化 RN 三方库使用文档：
+
+1. 参考[文档](https://gitee.com/react-native-oh-library/docs/blob/master/zh-cn/third-party.md)将三方库按纯 JS 库/JS 库/原生库进行分类，并且根据[模板](/zh-cn/model.md)撰写不同类型的使用文档，然后放入 `/zh-cn` 目录下。
+
+2. 文档命名样例：
+
+```md
+// 以原库 npm 包名为准
+@react-native-community/slider -> react-native-community-slider.md
+react-native-pager-view -> react-native-pager-view.md
+```
+
+3. 使用[prettier](https://github.com/prettier/prettier)格式化文档，`prettier --write ./xx.md` ；或者使用 VSCode 的 prettier 插件。
+
+4. 在根目录 **Menu.xlsx** 新增三方库的信息。新增之后使用 Excel 转 MarkDown 工具转换成 MarkDown 表格：[Table to Markdown](https://tabletomarkdown.com/convert-spreadsheet-to-markdown/)。然后覆盖[README.md](../README.md)和[zh-cn/README.md](/zh-cn/README.md)中的表格信息。
+
+
+5. 在根目录 \_sidebar.md 添加使用文档导航栏配置。
+
+6. 运行`docsify serve` 查看[docsify](https://docsify.js.org/#/quickstart)效果。请确保已安装 docsify-cli，可以通过 `npm i docsify-cli -g` 安装。
+
+7. 新建相关 issue，按[校验规则](https://gitee.com/react-native-oh-library/usage-docs/push_config)commit 并提交 PR 到本仓，等待审核人员合入。
+
+   ```md
+   `commit 信息模板`
+   [Issues: #I8K7DK] 新增 react-native-svg 文档
+   ```
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/crypto-js.md b/en/crypto-js.md
new file mode 100644
index 00000000..b99b5546
--- /dev/null
+++ b/en/crypto-js.md
@@ -0,0 +1,626 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>crypto-js</code> </h1>
+</p>
+<p align="center">
+        <a href="https://github.com/brix/crypto-js/blob/4.2.0/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/brix/crypto-js/tree/4.2.0)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install crypto-js@^4.2.0
+npm install @types/crypto-js@^4.2.1
+```
+
+#### **yarn**
+
+```bash
+yarn add crypto-js@^4.2.0
+yarn add @types/crypto-js@^4.2.1
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+```typescript
+import React, { useState } from 'react';
+import { View, Button, Text } from 'react-native';
+import CryptoJS from 'crypto-js';
+
+function CryptoJSDemo() {
+  const [result, setResult] = useState(' ');
+  return (
+    <View>
+      <Text>{result}</Text>
+
+      <Button title='testMD5' onPress={testMD5}></Button>
+      <Button title='testHmacMD5' onPress={testHmacMD5}></Button>
+
+      <Button title='testAESEncrypt' onPress={testAESEncrypt}></Button>
+      <Button title='testAESDecrypt' onPress={testAESDecrypt}></Button>
+
+      <Button title='testEncHexParse' onPress={testEncHexParse}></Button>
+      <Button title='testEncHexStringify' onPress={testEncHexStringify}></Button>
+      <Button title='testFormatHexParse' onPress={testFormatHexParse}></Button>
+      <Button title='testFormatHexStringify' onPress={testFormatHexStringify}></Button>
+    </View>
+  );
+
+  function testMD5() {
+    let md5 = CryptoJS.MD5('123456');
+    setResult('testMD5 result: ' + md5.toString());
+  }
+
+  function testHmacMD5() {
+    let hmacMD5 = CryptoJS.HmacMD5('123456', '123456');
+    setResult('testHmacMD5 result: ' + hmacMD5.toString());
+  }
+
+  function testAESEncrypt() {
+    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding });
+    setResult('testAESEncrypt result: ' + encrypted.toString());
+  }
+
+  function testAESDecrypt() {
+    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding });
+    let decrypted = CryptoJS.AES.decrypt(encrypted, CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding });
+    setResult('testAESDecrypt result: ' + decrypted.toString());
+  }
+
+  function testEncHexParse() {
+    let wordArray = CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421');
+    setResult('testEncHexParse result: ' + wordArray.toString());
+  }
+
+  function testEncHexStringify() {
+    let wordArray = CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421');
+    let hexStr = CryptoJS.enc.Hex.stringify(wordArray);
+    setResult('testEncHexStringify result: ' + hexStr);
+  }
+
+  function testFormatHexParse() {
+    let hexStr = CryptoJS.format.Hex.parse('48656c6c6f576f726c6421').toString(CryptoJS.format.Hex);
+    setResult('testFormatHexParse result: ' + hexStr);
+  }
+
+  function testFormatHexStringify() {
+    let ciphertext = CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421');
+    let cipSalt = {
+      'ciphertext': ciphertext
+    }
+    let hexStr = CryptoJS.format.Hex.stringify(CryptoJS.lib.CipherParams.create(cipSalt));
+    setResult('testFormatHexStringify result: ' + hexStr);
+  }
+}
+
+export default CryptoJSDemo;
+```
+
+## 约束与限制
+
+#### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+
+## API列表
+
+**以下 `C` 均为crypto-js导出的对象，即：**
+
+```typescript
+import C from "crypto-js";
+```
+
+#### Base
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                      | Type     | Required | HarmonyOS Support |
+| ----------------- | -------------------------------- | -------- | -------- | ----------------- |
+| C.lib.Base.extend | 创建一个新对象并继承自指定对象。 | function | no       | yes               |
+
+**API**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                    | Type     | Required | HarmonyOS Support |
+| ------ | ------------------------------ | -------- | -------- | ----------------- |
+| create | 创建对象的实例。               | function | no       | yes               |
+| mixIn  | 向对象中添加属性键值对。       | function | no       | yes               |
+| clone  | 创建一个对象的克隆版本的新对象 | function | no       | yes               |
+
+#### WordArray
+
+**属性**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description              | Type     | Required | HarmonyOS Support |
+| -------- | ------------------------ | -------- | -------- | ----------------- |
+| words    | 32位的字节数组。         | number[] | no       | yes               |
+| sigBytes | 此字数组中的有效字节数。 | number   | no       | yes               |
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                        | Type     | Required | HarmonyOS Support               |
+| ---------------------- | ---------------------------------- | -------- | -------- | ------------------------------- |
+| C.lib.WordArray.create | 初始化新创建的字节数组。           | function | no       | yes                             |
+| C.lib.WordArray.random | 创建一个用随机字节填充的字节数组。 | function | no       | no (与android和ios一致均不支持) |
+
+**API**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                        | Type     | Required | HarmonyOS Support |
+| -------- | ---------------------------------- | -------- | -------- | ----------------- |
+| toString | 字节数组转换为字符串。             | function | no       | yes               |
+| concat   | 将一个字节数组连接到这个字节数组。 | function | no       | yes               |
+| clamp    | 移除无效字节。                     | function | no       | yes               |
+| clone    | 复制数组，并创建新数组。           | function | no       | yes               |
+
+#### CipherParams
+
+**属性**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                         | Type         | Required | HarmonyOS Support |
+| ---------- | --------------------------------------------------- | ------------ | -------- | ----------------- |
+| ciphertext | 原始密文。                                          | WordArray    | no       | yes               |
+| key        | 密文的Key。                                         | WordArray    | no       | yes               |
+| iv         | 在加密操作中使用的IV。                              | WordArray    | no       | yes               |
+| salt       | 与密钥推导函数一起使用的salt。                      | WordArray    | no       | yes               |
+| algorithm  | 密码算法。                                          | CipherStatic | no       | yes               |
+| mode       | 加密操作中使用的块模式。                            | Mode         | no       | yes               |
+| padding    | 加密操作中使用的填充方案。                          | Padding      | no       | yes               |
+| blockSize  | 密码的块大小。                                      | number       | no       | yes               |
+| formatter  | 将此cipher params对象转换为字符串的默认格式化策略。 | Format       | no       | yes               |
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                      | Description                       | Type     | Required | HarmonyOS Support |
+| ------------------------- | --------------------------------- | -------- | -------- | ----------------- |
+| C.lib.CipherParams.create | 初始化新创建的cipher params对象。 | function | no       | yes               |
+
+**API**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                         | Type     | Required | HarmonyOS Support |
+| -------- | ----------------------------------- | -------- | -------- | ----------------- |
+| toString | 将此cipher params对象转换为字符串。 | function | no       | yes               |
+
+#### X64
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description            | Type     | Required | HarmonyOS Support |
+| ----------------- | ---------------------- | -------- | -------- | ----------------- |
+| C.x64.Word.create | 初始化新创建的64位字。 | function | no       | yes               |
+
+#### X64WordArray
+
+**属性**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                   | Type     | Required | HarmonyOS Support |
+| -------- | ----------------------------- | -------- | -------- | ----------------- |
+| words    | CryptoJS.x64.Word对象的数组。 | number[] | no       | yes               |
+| sigBytes | 此字数组中的有效字节数。      | number   | no       | yes               |
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description              | Type     | Required | HarmonyOS Support |
+| ---------------------- | ------------------------ | -------- | -------- | ----------------- |
+| C.x64.WordArray.create | 初始化新创建的单词数组。 | function | no       | yes               |
+
+**API**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description                      | Type     | Required | HarmonyOS Support |
+| ----- | -------------------------------- | -------- | -------- | ----------------- |
+| toX32 | 将此64位字数组转换为32位字数组。 | function | no       | yes               |
+| clone | 创建此字节数组的副本。           | function | no       | yes               |
+
+#### mode
+
+**属性**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description      | Type | Required | HarmonyOS Support |
+| ---------- | ---------------- | ---- | -------- | ----------------- |
+| C.mode.CBC | 密码块链模式。   | /    | no       | yes               |
+| C.mode.CFB | 密码反馈块模式。 | /    | no       | yes               |
+| C.mode.CTR | 计数器阻塞模式。 | /    | no       | yes               |
+| C.mode.OFB | 输出反馈块模式。 | /    | no       | yes               |
+| C.mode.ECB | 电子码本块模式。 | /    | no       | yes               |
+
+#### pad.Pkcs7
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                   | Type     | Required | HarmonyOS Support |
+| ----------------- | --------------------------------------------- | -------- | -------- | ----------------- |
+| C.pad.Pkcs7.pad   | 使用PKCS #5/7中定义的算法填充数据。           | function | no       | yes               |
+| C.pad.Pkcs7.unpad | 取消填充使用PKCS #5/7中定义的算法填充的数据。 | function | no       | yes               |
+
+#### pad.AnsiX923
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                  | Type     | Required | HarmonyOS Support |
+| -------------------- | -------------------------------------------- | -------- | -------- | ----------------- |
+| C.pad.AnsiX923.pad   | 使用AnsiX923中定义的算法填充数据。           | function | no       | yes               |
+| C.pad.AnsiX923.unpad | 取消填充使用AnsiX923中定义的算法填充的数据。 | function | no       | yes               |
+
+#### pad.Iso10126
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                  | Type     | Required | HarmonyOS Support               |
+| -------------------- | -------------------------------------------- | -------- | -------- | ------------------------------- |
+| C.pad.Iso10126.pad   | 使用Iso10126中定义的算法填充数据。           | function | no       | no (与android和ios一致均不支持) |
+| C.pad.Iso10126.unpad | 取消填充使用Iso10126中定义的算法填充的数据。 | function | no       | yes                             |
+
+#### pad.ZeroPadding
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description                                     | Type     | Required | HarmonyOS Support |
+| ----------------------- | ----------------------------------------------- | -------- | -------- | ----------------- |
+| C.pad.ZeroPadding.pad   | 使用ZeroPadding中定义的算法填充数据。           | function | no       | yes               |
+| C.pad.ZeroPadding.unpad | 取消填充使用ZeroPadding中定义的算法填充的数据。 | function | no       | yes               |
+
+#### pad.NoPadding
+
+**属性**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description      | Type | Required | HarmonyOS Support |
+| --------------- | ---------------- | ---- | -------- | ----------------- |
+| C.pad.NoPadding | 不使用填充规则。 | /    | no       | yes               |
+
+#### algo
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description                         | Type     | Required | HarmonyOS Support |
+| ----------------------- | ----------------------------------- | -------- | -------- | ----------------- |
+| C.algo.MD5.create       | 初始化MD5加密新创建的工具类。       | function | no       | yes               |
+| C.MD5                   | MD5加密。                           | function | no       | yes               |
+| C.algo.SHA1.create      | 初始化SHA1加密新创建的工具类。      | function | no       | yes               |
+| C.SHA1                  | SHA1加密。                          | function | no       | yes               |
+| C.algo.SHA256.create    | 初始化SHA256加密新创建的工具类。    | function | no       | yes               |
+| C.SHA256                | SHA256加密                          | function | no       | yes               |
+| C.algo.SHA224.create    | 初始化SHA224加密新创建的工具类。    | function | no       | yes               |
+| C.SHA224                | SHA224加密。                        | function | no       | yes               |
+| C.algo.SHA512.create    | 初始化SHA512加密新创建的工具类。    | function | no       | yes               |
+| C.SHA512                | SHA512加密。                        | function | no       | yes               |
+| C.algo.SHA3.create      | 初始化SHA3加密新创建的工具类。      | function | no       | yes               |
+| C.SHA3                  | SHA3加密。                          | function | no       | yes               |
+| C.algo.SHA384.create    | 初始化SHA384加密新创建的工具类。    | function | no       | yes               |
+| C.SHA384                | SHA384加密。                        | function | no       | yes               |
+| C.algo.RIPEMD160.create | 初始化RIPEMD160加密新创建的工具类。 | function | no       | yes               |
+| C.RIPEMD160             | RIPEMD160加密。                     | function | no       | yes               |
+
+#### Hasher
+
+**属性**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                            | Type   | Required | HarmonyOS Support |
+| --------- | ------------------------------------------------------ | ------ | -------- | ----------------- |
+| blockSize | 哈希运算的32位字节块大小。缺省值：16(32\*16=512bits)。 | number | no       | yes               |
+
+**API**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description            | Type     | Required | HarmonyOS Support |
+| -------- | ---------------------- | -------- | -------- | ----------------- |
+| reset    | 重置hasher为初始状态。 | function | no       | yes               |
+| update   | 更新hasher的信息。     | function | no       | yes               |
+| finalize | 结束hasher操作。       | function | no       | yes               |
+
+#### HMAC
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description          | Type     | Required | HarmonyOS Support |
+| :----------------- | -------------------- | -------- | -------- | ----------------- |
+| C.HmacMD5          | HmacMD5加密。        | function | no       | yes               |
+| C.HmacSHA1         | HmacSHA1加密。       | function | no       | yes               |
+| C.HmacSHA256       | HmacSHA256加密。     | function | no       | yes               |
+| C.HmacSHA224       | HmacSHA224加密。     | function | no       | yes               |
+| C.HmacSHA512       | HmacSHA512加密。     | function | no       | yes               |
+| C.HmacSHA384       | HmacSHA384加密。     | function | no       | yes               |
+| C.HmacSHA3         | HmacSHA3加密。       | function | no       | yes               |
+| C.HmacRIPEMD160    | HmacRIPEMD160加密。  | function | no       | yes               |
+| C.algo.HMAC.create | 初始化新创建的HMAC。 | function | no       | yes               |
+
+**API**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                | Type     | Required | HarmonyOS Support |
+| :------- | -------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| reset    | 将此HMAC重置为其初始状态。                                                 | function | no       | yes               |
+| update   | 使用消息更新此HMAC。                                                       | function | no       | yes               |
+| finalize | 最终完成HMAC计算。 请注意，finally操作实际上是一个破坏性的、读一次的操作。 | function | no       | yes               |
+
+#### AES
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
+| :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
+| C.AES.encrypt              | AES算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.AES.decrypt              | AES算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.algo.AES.createEncryptor | 在AES加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+
+#### DES
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
+| :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
+| C.DES.encrypt              | DES算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.DES.decrypt              | DES算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.algo.DES.createEncryptor | 在DES加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+
+#### TripleDES
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                             | Description                       | Type     | Required | HarmonyOS Support | Notes                                                                          |
+| :------------------------------- | --------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
+| C.TripleDES.encrypt              | TripleDES算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.TripleDES.decrypt              | TripleDES算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.algo.TripleDES.createEncryptor | 在TripleDES加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+
+#### RC4
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
+| :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
+| C.RC4.encrypt              | RC4算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.RC4.decrypt              | RC4算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.algo.RC4.createEncryptor | 在RC4加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+
+#### RC4Drop
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                          | Description                     | Type     | Required | HarmonyOS Support | Notes                                                                          |
+| :---------------------------- | ------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
+| C.RC4Drop.encrypt             | RC4Drop算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.RC4Drop.decrypt             | RC4Drop算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.algo.RC4Drop.createEncrypto | 在RC4Drop加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+
+#### Rabbit
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                          | Description                    | Type     | Required | HarmonyOS Support | Notes                                                                          |
+| :---------------------------- | ------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
+| C.Rabbit.encrypt              | Rabbit算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.Rabbit.decrypt              | Rabbit算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.algo.Rabbit.createEncryptor | 在Rabbit加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+
+#### RabbitLegacy
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                | Description                          | Type     | Required | HarmonyOS Support | Notes                                                                          |
+| :---------------------------------- | ------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
+| C.RabbitLegacy.encrypt              | RabbitLegacy算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.RabbitLegacy.decrypt              | RabbitLegacy算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
+| C.algo.RabbitLegacy.createEncryptor | 在RabbitLegacy加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+
+#### Cipher
+
+**属性**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                          | Type   | Required | HarmonyOS Support |
+| :------ | ------------------------------------ | ------ | -------- | ----------------- |
+| keySize | 此密码的密钥大小。缺省值：4（128位） | number | no       | yes               |
+| ivSize  | 此密码的Iv大小。缺省值：4（128位）   | number | no       | yes               |
+
+**API**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                    | Type     | Required | HarmonyOS Support |
+| :------- | ------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| reset    | 将此密码重置为其初始状态。                                                     | function | no       | yes               |
+| process  | 添加需要加解密的数据。                                                         | function | no       | yes               |
+| finalize | 完成加密或解密过程。 请注意，finally操作实际上是一个破坏性的、一次读取的操作。 | function | no       | yes               |
+
+#### Blowfish
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description    | Type     | Required | HarmonyOS Support |
+| :----------------- | -------------- | -------- | -------- | ----------------- |
+| C.Blowfish.encrypt | Blowfish加密。 | function | no       | yes               |
+| C.Blowfish.decrypt | Blowfish解密。 | function | no       | yes               |
+
+#### SerializableCipher
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                             | Description          | Type     | Required | HarmonyOS Support |
+| :------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| C.lib.SerializableCipher.encrypt | 对信息进行加密。     | function | no       | yes               |
+| C.lib.SerializableCipher.decrypt | 对加密信息进行解密。 | function | no       | yes               |
+
+#### PasswordBasedCipher
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                              | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
+| :-------------------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
+| C.lib.PasswordBasedCipher.encrypt | 对信息进行加密。     | function | no       | partially         | 必须传入有效的salt参数，不传入salt参数时不支持(与android/ios效果一致)。 |
+| C.lib.PasswordBasedCipher.decrypt | 对加密信息进行解密。 | function | no       | partially         | 必须传入有效的salt参数，不传入salt参数时不支持(与android/ios效果一致)。 |
+
+#### kdf.OpenSSL
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
+| :-------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
+| C.kdf.OpenSSL.execute | 从密码派生密钥和IV。 | function | no       | partially         | 必须传入有效的salt参数，不传入salt参数时不支持(与android/ios效果一致)。 |
+
+#### kdf.PBKDF2
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                        | Type     | Required | HarmonyOS Support |
+| :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
+| C.algo.PBKDF2.create | 初始化PBKDF2新创建的密钥推导函数。 | function | no       | yes               |
+| C.PBKDF2             | PBKDF2派生密钥。                   | function | no       | yes               |
+
+**API**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                        | Type     | Required | HarmonyOS Support |
+| :------ | ---------------------------------- | -------- | -------- | ----------------- |
+| compute | 计算基于PBKDF2密码的密钥派生函数。 | function | no       | yes               |
+
+#### EvpKDF
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                        | Type     | Required | HarmonyOS Support |
+| :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
+| C.algo.EvpKDF.create | 初始化EvpKDF新创建的密钥推导函数。 | function | no       | yes               |
+| C.EvpKDF             | EvpKDF派生密钥。                   | function | no       | yes               |
+
+**API**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                        | Type     | Required | HarmonyOS Support |
+| :------ | ---------------------------------- | -------- | -------- | ----------------- |
+| compute | 计算基于EvpKDF密码的密钥派生函数。 | function | no       | yes               |
+
+#### format
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                                 | Type     | Required | HarmonyOS Support |
+| :------------------------- | ------------------------------------------- | -------- | -------- | ----------------- |
+| C.format.OpenSSL.stringify | 将CipherParams对象转换为OpenSSL兼容字符串。 | function | no       | yes               |
+| C.format.OpenSSL.parse     | 将OpenSSL兼容字符串转换为CipherParams对象。 | function | no       | yes               |
+| C.format.Hex.stringify     | 将CipherParams对象转换为16进制字符串。      | function | no       | yes               |
+| C.format.Hex.parse         | 将16进制字符串转换为CipherParams对象。      | function | no       | yes               |
+
+#### enc/Encoder
+
+**静态方法**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                      | Description                           | Type     | Required | HarmonyOS Support |
+| :------------------------ | ------------------------------------- | -------- | -------- | ----------------- |
+| C.enc.Hex.stringify       | 将字节数组转换为十六进制字符串。      | function | no       | yes               |
+| C.enc.Hex.parse           | 将十六进制字符串转换为字节数组。      | function | no       | yes               |
+| C.enc.Latin1.stringify    | 将字节数组转换为Latin1格式字符串。    | function | no       | yes               |
+| C.enc.Latin1.parse        | 将Latin1格式字符串转换为字节数组。    | function | no       | yes               |
+| C.enc.Utf8.stringify      | 将字节数组转换为UTF-8格式字符串。     | function | no       | yes               |
+| C.enc.Utf8.parse          | 将UTF-8格式字符串转换为字节数组。     | function | no       | yes               |
+| C.enc.Utf16.stringify     | 将字节数组转换为UTF-16格式字符串。    | function | no       | yes               |
+| C.enc.Utf16.parse         | 将UTF-16格式字符串转换为字节数组。    | function | no       | yes               |
+| C.enc.Utf16BE.stringify   | 将字节数组转换为UTF-16 BE格式字符串。 | function | no       | yes               |
+| C.enc.Utf16BE.parse       | 将UTF-16 BE格式字符串转换为字节数组。 | function | no       | yes               |
+| C.enc.Utf16LE.stringify   | 将字节数组转换为UTF-16 LE格式字符串。 | function | no       | yes               |
+| C.enc.Utf16LE.parse       | 将UTF-16 LE格式字符串转换为字节数组。 | function | no       | yes               |
+| C.enc.Base64.stringify    | 将字节数组转换为Base64格式字符串。    | function | no       | yes               |
+| C.enc.Base64.parse        | 将Base64格式字符串转换为字节数组。    | function | no       | yes               |
+| C.enc.Base64url.stringify | 将字节数组转换为Base64url格式字符串。 | function | no       | yes               |
+| C.enc.Base64url.parse     | 将Base64url格式字符串转换为字节数组。 | function | no       | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/brix/crypto-js/blob/4.2.0/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/dayJs.md b/en/dayJs.md
new file mode 100644
index 00000000..9427191f
--- /dev/null
+++ b/en/dayJs.md
@@ -0,0 +1,346 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>DayJs</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/iamkun/dayjs?tab=readme-ov-file">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/iamkun/dayjs?tab=readme-ov-file)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install dayjs --save
+```
+
+#### **yarn**
+
+```bash
+yarn add dayjs --save
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+```bash
+import dayjs from 'dayjs'
+
+dayjs().format()
+```
+
+## 约束与限制
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
+
+## API
+
+详情请查看[DayJs官方文档](https://day.js.org/docs/zh-CN/installation/installation)
+
+以下dayjs为day.js导出的对象，即：
+
+```bash
+import dayjs from 'dayjs';
+```
+
+下面的代码展示了这个库的基本使用示例：
+
+```tsx
+import React, { useState, useEffect, useRef } from "react";
+import { View, Text, Button, StyleSheet } from "react-native";
+import dayjs from "dayjs";
+import duration from "dayjs/plugin/duration";
+
+const DayJsDemo = () => {
+  dayjs.extend(duration);
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.componentTitle}>ValueAssignmentDemo: 取值/赋值</Text>
+      <Text style={styles.textCommon}>
+        获取或设置毫秒：{dayjs().millisecond()}
+      </Text>
+      <Text style={styles.textCommon}>获取或设置秒：{dayjs().second()}</Text>
+      <Text style={styles.textCommon}>获取或设置分钟：{dayjs().minute()}</Text>
+      <Text style={styles.textCommon}>获取或设置小时：{dayjs().hour()}</Text>
+      <Text style={styles.textCommon}>
+        获取或设置月份里的日期：{dayjs().date()}
+      </Text>
+      <Text style={styles.textCommon}>获取或设置星期几：{dayjs().day()}</Text>
+      <Text style={styles.textCommon}>获取或设置月份：{dayjs().month()}</Text>
+      <Text style={styles.textCommon}>获取或设置年份。：{dayjs().year()}</Text>
+      <Text style={styles.textCommon}>
+        从Dayjs对象中获取相应信息的 getter：年{dayjs().get("year")} 月
+        {dayjs().get("month")}
+      </Text>
+      <Text style={styles.textCommon}>
+        格式化{dayjs().format("YYYY-MM-DD")}
+      </Text>
+      <Text style={styles.textCommon}>时长{dayjs.duration(100)}</Text>
+      <Text style={styles.textCommon}>
+        时间比较{dayjs().isSame("2011-01-01", "year") ? "相等" : "不相等"}
+      </Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingTop: 50,
+    padding: 8,
+  },
+  navigationContainer: {
+    flex: 1,
+    paddingTop: 50,
+    padding: 8,
+  },
+  textCommon: {
+    marginBottom: 10,
+    fontSize: 15,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  interval: {
+    marginBottom: 10,
+  },
+  viewBox: {
+    width: "100%",
+    borderWidth: 1,
+    marginBottom: 2,
+    padding: 5,
+  },
+  viewButtonBox: {
+    width: "100%",
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 10,
+  },
+  formatLabel: {
+    marginRight: 2,
+    fontSize: 16,
+    fontWeight: "700",
+  },
+  flexRowCenter: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  flexColCenter: {
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  headerTitle: {
+    fontSize: 18,
+    fontWeight: "700",
+  },
+  componentTitle: {
+    fontSize: 25,
+    fontWeight: "700",
+    marginBottom: 20,
+  },
+  inputStyle: {
+    width: 200,
+    height: 40,
+    borderWidth: 1,
+    borderRadius: 10,
+  },
+});
+export default DayJsDemo;
+```
+
+如下是已验证接口展示:
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### **Get + Set**
+
+| Name           | Description                                                                                                                                                                            | Type     | Required | HarmonyOS Support | note                                              |
+| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------- |
+| millisecond    | Gets or sets the milliseconds.                                                                                                                                                         | function | no       | yes               |                                                   |
+| second         | Gets or sets the seconds.                                                                                                                                                              | function | no       | yes               |                                                   |
+| minute         | Gets or sets the minutes.                                                                                                                                                              | function | no       | yes               |                                                   |
+| hour           | Gets or sets the hour.                                                                                                                                                                 | function | no       | yes               |                                                   |
+| date           | Gets or sets the day of the month                                                                                                                                                      | function | no       | yes               |                                                   |
+| day            | Gets or sets the day of the week.                                                                                                                                                      | function | no       | yes               |                                                   |
+| weekday        | Gets or sets the day of the week according to the locale.                                                                                                                              | function | no       | yes               | This requires the `Weekday` plugin to work        |
+| isoWeekday     | Gets or sets the ISO day of the week with 1 being Monday and 7 being Sunday.                                                                                                           | function | no       | yes               | This requires the `IsoWeek` plugin to work        |
+| dayOfYear      | Gets or sets the day of the year.                                                                                                                                                      | function | no       | yes               | This requires the `DayOfYear` plugin to work      |
+| week           | Gets or sets the week of the year.                                                                                                                                                     | function | no       | yes               | This requires the `WeekOfYear` plugin to work     |
+| isoWeek        | Gets or sets the ISO week of the year.                                                                                                                                                 | function | no       | yes               | This requires the `IsoWeek` plugin to work        |
+| month          | Gets or sets the month.                                                                                                                                                                | function | no       | yes               |                                                   |
+| quarter        | Gets or sets the quarter.                                                                                                                                                              | function | no       | yes               | This requires the `QuarterOfYear` plugin to work  |
+| year           | Gets or sets the year.                                                                                                                                                                 | function | no       | yes               |                                                   |
+| weekYear       | Gets the week-year according to the locale.                                                                                                                                            | function | no       | yes               | This requires the `WeekYear` plugin to work       |
+| isoWeekYear    | Gets the ISO week-year.                                                                                                                                                                | function | no       | yes               | This requires the `IsoWeek` plugin to work        |
+| isoWeeksInYear | Gets the number of weeks in the current year, according to ISO weeks.                                                                                                                  | function | no       | yes               | This requires the `IsoWeeksInYear` plugin to work |
+| get            | String getter, returns the corresponding information getting from Day.js object. Units are case insensitive, and support plural and short forms. Note, short forms are case sensitive. | function | no       | yes               |                                                   |
+| set            | Generic setter, accepting unit as first argument, and value as second, returns a new instance with the applied changes.                                                                | function | no       | yes               |                                                   |
+
+#### **Manipulate**
+
+| Name      | Description                                                                | Type     | Required | HarmonyOS Support | note                                   |
+| --------- | -------------------------------------------------------------------------- | -------- | -------- | ----------------- | -------------------------------------- |
+| add       | Returns a cloned Day.js object with a specified amount of time added.      | function | no       | yes               |                                        |
+| subtract  | Returns a cloned Day.js object with a specified amount of time subtracted. | function | no       | yes               |                                        |
+| startOf   | Returns a cloned Day.js object and set it to the start of a unit of time.  | function | no       | yes               |                                        |
+| endOf     | Returns a cloned Day.js object and set it to the end of a unit of time.    | function | no       | yes               |                                        |
+| local     | This returns a Day.js object with a flag to use local time.                | function | no       | yes               | This requires the `UTC` plugin to work |
+| utc       | This returns a Day.js object with a flag to use UTC time.                  | function | no       | yes               | This requires the `UTC` plugin to work |
+| utcOffset | Get the UTC offset in minutes.                                             | function | no       | yes               | This requires the `UTC` plugin to work |
+
+#### **Display**
+
+| Name        | Description                                                                                                                                                                                                                         | Type     | Required | HarmonyOS Support | note                                            |
+| ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- | ----------------------------------------------- |
+| format      | Get the formatted date according to the string of tokens passed in.                                                                                                                                                                 | function | no       | yes               |                                                 |
+| fromNow     | Returns the string of relative time from now.If you pass true, you can get the value without the suffix.                                                                                                                            | function | no       | yes               | This requires the `RelativeTime` plugin to work |
+| from        | Returns the string of relative time from X.If you pass true, you can get the value without the suffix.                                                                                                                              | function | no       | yes               | This requires the `RelativeTime` plugin to work |
+| toNow       | Returns the string of relative time to now.If you pass true, you can get the value without the suffix.                                                                                                                              | function | no       | yes               | This requires the `RelativeTime` plugin to work |
+| to          | Returns the string of relative time to X.If you pass true, you can get the value without the suffix.                                                                                                                                | function | no       | yes               | This requires the `RelativeTime` plugin to work |
+| calendar    | Calendar time displays time relative to a given reference time (defaults to now) but does so slightly differently than dayjs#fromNow.                                                                                               | function | no       | yes               | This requires the `Calendar` plugin to work     |
+| diff        | This indicates the difference between two date-time in the specified unit.To get the difference in milliseconds, use dayjs#diff.To get the difference in another unit of measurement, pass that measurement as the second argument. | function | no       | yes               |                                                 |
+| valueOf     | This returns the number of milliseconds since the Unix Epoch of the Day.js object.                                                                                                                                                  | function | no       | yes               |                                                 |
+| unix        | This returns the Unix timestamp (the number of seconds since the Unix Epoch) of the Day.js object.                                                                                                                                  | function | no       | yes               |                                                 |
+| daysInMonth | Get the number of days in the current month.                                                                                                                                                                                        | function | no       | yes               |                                                 |
+| toDate      | To get a copy of the native Date object parsed from the Day.js object use dayjs#toDate.                                                                                                                                             | function | no       | yes               |                                                 |
+| toArray     | Returns an array that mirrors the parameters                                                                                                                                                                                        | function | no       | yes               | This requires the `ToArray` plugin to work      |
+| toJSON      | To serialize as an ISO 8601 string.                                                                                                                                                                                                 | function | no       | yes               |                                                 |
+| toISOString | To format as an ISO 8601 string.                                                                                                                                                                                                    | function | no       | yes               |                                                 |
+| toObject    | Returns an object with the date's properties.                                                                                                                                                                                       | function | no       | yes               | This requires the `ToObject` plugin to work     |
+| toString    | Returns a string representation of the date.                                                                                                                                                                                        | function | no       | yes               |                                                 |
+
+#### **Query**
+
+| Name           | Description                                                                                                                                                                                                                                                        | Type     | Required | HarmonyOS Support | note                                              |
+| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------- |
+| isBefore       | This indicates whether the Day.js object is before the other supplied date-time.If you want to limit the granularity to a unit other than milliseconds, pass it as the second parameter. In that case, the comparison respects the given unit and the units above. | function | no       | yes               |                                                   |
+| isSame         | This indicates whether the Day.js object is the same as the other supplied date-time.If you want to limit the granularity to a unit other than milliseconds, pass it as the second parameter.                                                                      | function | no       | yes               |                                                   |
+| isAfter        | This indicates whether the Day.js object is after the other supplied date-time.If you want to limit the granularity to a unit other than milliseconds, pass it as the second parameter. In that case the comparision respects the given unit and the units above.  | function | no       | yes               |                                                   |
+| isSameOrBefore | This indicates whether the Day.js object is the same or before another supplied date-time.If you want to limit the granularity to a unit other than milliseconds, pass it as the second parameter.                                                                 | function | no       | yes               | This requires the `IsSameOrBefore` plugin to work |
+| isSameOrAfter  | This indicates whether the Day.js object is the same or after another supplied date-time.If you want to limit the granularity to a unit other than milliseconds, pass it as the second parameter.                                                                  | function | no       | yes               | This requires the `IsSameOrAfter` plugin to work  |
+| isBetween      | This indicates whether the Day.js object is between two other supplied date-time.If you want to limit the granularity to a unit other than milliseconds, pass it as the third parameter. In that case the comparision respects the given unit and the units above. | function | no       | yes               | This requires the `IsBetween` plugin to work      |
+| isDayjs        | This indicates whether a variable is a Day.js object or not.                                                                                                                                                                                                       | function | no       | yes               |                                                   |
+| isLeapYear     | This indicates whether the Day.js object's year is a leap year or not.                                                                                                                                                                                             | function | no       | yes               | This requires the `IsLeapYear` plugin to work     |
+
+#### **Durations**
+
+| Name     | Description                                                                          | Type     | Required | HarmonyOS Support | note                                        |
+| -------- | ------------------------------------------------------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------- |
+| duration | To create a duration, call dayjs.duration() with the length of time in milliseconds. | function | no       | yes               | This requires the `Duration` plugin to work |
+
+#### **Plugins**
+
+加载插件：
+
+```bash
+import duration from 'dayjs/plugin/duration'
+
+dayjs.extend(duration)
+```
+
+| Name              | Description                                                                                                                                                                                                                     | Required | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------- |
+| advancedFormat    | AdvancedFormat extends dayjs().format API to supply more format options.                                                                                                                                                        | no       | yes               |
+| arraySupport      | ArraySupport extends dayjs(), dayjs.utc APIs to support array argument.                                                                                                                                                         | no       | yes               |
+| bigIntSupport     | BigIntSupport extends dayjs(), dayjs.unix APIs to support BigInt argument.                                                                                                                                                      | no       | yes               |
+| buddhistEra       | BuddhistEra extends dayjs().format API to supply Buddhist Era (B.E.) format options.                                                                                                                                            | no       | yes               |
+| calendar          | Calendar adds .calendar API to return a string to display calendar time                                                                                                                                                         | no       | yes               |
+| customParseFormat | CustomParseFormat extends dayjs() constructor to support custom formats of input strings.                                                                                                                                       | no       | yes               |
+| dayOfYear         | DayOfYear adds .dayOfYear() API to returns a number indicating the Dayjs's day of the year, or to set the day of the year.                                                                                                      | no       | yes               |
+| devHelper         | DevHelper adds some helper function to give you more hints and warnings while using Day.js.                                                                                                                                     | no       | yes               |
+| duration          | Duration adds .duration .isDuration APIs to support duration.                                                                                                                                                                   | no       | yes               |
+| isBetween         | IsBetween adds .isBetween() API to returns a boolean indicating if a date is between two other dates.                                                                                                                           | no       | yes               |
+| isLeapYear        | IsLeapYear adds .isLeapYear API to returns a boolean indicating whether the Dayjs's year is a leap year or not.                                                                                                                 | no       | yes               |
+| isSameOrAfter     | IsSameOrAfter adds .isSameOrAfter() API to return a boolean indicating if a date is the same or after another date.                                                                                                             | no       | yes               |
+| isSameOrBefore    | IsSameOrBefore adds .isSameOrBefore() API to returns a boolean indicating if a date is same or before another date.                                                                                                             | no       | yes               |
+| isToday           | IsToday adds .isToday() API to indicates whether the Day.js object is today or not.                                                                                                                                             | no       | yes               |
+| isTomorrow        | IsTomorrow adds .isTomorrow() API to indicates whether the Day.js object is tomorrow or not.                                                                                                                                    | no       | yes               |
+| isYesterday       | IsYesterday adds .isYesterday() API to indicates whether the Day.js object is yesterday or not.                                                                                                                                 | no       | yes               |
+| isoWeek           | IsoWeek adds .isoWeek() API to get or set the ISO week of the year. And adds .isoWeekday() to get or set ISO day of the week and .isoWeekYear() to get ISO week-year, and extends .startOf .endOf APIs to support unit isoWeek. | no       | yes               |
+| isoWeeksInYear    | IsoWeeksInYear adds .isoWeeksInYear() API to return a number to get the number of weeks in year, according to ISO weeks.                                                                                                        | no       | yes               |
+| localeData        | LocaleData extends dayjs().localeData API to supply locale data.                                                                                                                                                                | no       | yes               |
+| localizedFormat   | LocalizedFormat extends dayjs().format API to supply localized format options.                                                                                                                                                  | no       | yes               |
+| minMax            | MinMax adds .min .max APIs to return a dayjs to compare given dayjs instances. This accepts both multiple arguments and array that contains Day.js instance.                                                                    | no       | yes               |
+| objectSupport     | ObjectSupport extends dayjs(), dayjs.utc, dayjs().set, dayjs().add, dayjs().subtract APIs to support object argument.                                                                                                           | no       | yes               |
+| pluralGetSet      | PluralGetSet adds plural getter & setter APIs .milliseconds(), .seconds(), .minutes(), .hours(), .days(), .weeks(), .isoWeeks(), .months(), .quarters(), .years(), .dates().                                                    | no       | yes               |
+| quarterOfYear     | QuarterOfYear adds .quarter() API to return to which quarter of the year belongs a date, and extends .add .subtract .startOf .endOf APIs to support unit quarter.                                                               | no       | yes               |
+| relativeTime      | RelativeTime adds .from .to .fromNow .toNow APIs to formats date to relative time strings (e.g. 3 hours ago).                                                                                                                   | no       | yes               |
+| timezone          | Timezone adds dayjs.tz .tz .tz.guess .tz.setDefault APIs to parse or display between time zones.                                                                                                                                | no       | yes               |
+| toArray           | ToArray adds .toArray() API to return an array that mirrors the parameters                                                                                                                                                      | no       | yes               |
+| toObject          | ToObject adds .toObject() API to return an object with the date's properties.                                                                                                                                                   | no       | yes               |
+| updateLocale      | UpdateLocale adds .updateLocale API to update a locale's properties.                                                                                                                                                            | no       | yes               |
+| utc               | UTC adds .utc .local .isUTC APIs to parse or display in UTC.                                                                                                                                                                    | no       | yes               |
+| weekOfYear        | WeekOfYear adds .week() API to returns a number indicating the Dayjs's week of the year.                                                                                                                                        | no       | yes               |
+| weekYear          | WeekYear adds .weekYear() API to get locale aware week of the year.                                                                                                                                                             | no       | yes               |
+| weekday           | Weekday adds .weekday() API to get or set locale aware day of the week.                                                                                                                                                         | no       | yes               |
+
+#### **格式化时间**
+
+| **Format** | **Description**                                           | **Output**            |
+| ---------- | --------------------------------------------------------- | --------------------- |
+| YY         | Two-digit year                                            | 18                    |
+| YYYY       | Four-digit year                                           | 2018                  |
+| M          | The month, beginning at 1                                 | 1-12                  |
+| MM         | The month, 2-digits                                       | 01-12                 |
+| MMM        | The abbreviated month name                                | Jan-Dec               |
+| MMMM       | The full month name                                       | January-December      |
+| D          | The day of the month                                      | 1-31                  |
+| DD         | The day of the month, 2-digits                            | 01-31                 |
+| d          | The day of the week, with Sunday as 0                     | 0-6                   |
+| dd         | The min name of the day of the week                       | Su-Sa                 |
+| ddd        | The short name of the day of the week                     | Sun-Sat               |
+| dddd       | The name of the day of the week                           | Sunday-Saturday       |
+| H          | The hour                                                  | 0-23                  |
+| HH         | The hour, 2-digits                                        | 00-23                 |
+| h          | The hour, 12-hour clock                                   | 1-12                  |
+| hh         | The hour, 12-hour clock, 2-digits                         | 01-12                 |
+| m          | The minute                                                | 0-59                  |
+| mm         | The minute, 2-digits                                      | 00-59                 |
+| s          | The second                                                | 0-59                  |
+| ss         | The second, 2-digits                                      | 00-59                 |
+| SSS        | The millisecond, 3-digits                                 | 000-999               |
+| Z          | The offset from UTC, ±HH:mm                               | +05:00                |
+| ZZ         | The offset from UTC, ±HHmm                                | +0500                 |
+| A          |                                                           | AM PM                 |
+| a          |                                                           | am pm                 |
+| Q          | Quarter                                                   | 1-4                   |
+| Do         | Day of Month with ordinal                                 | 1st 2nd ... 31st      |
+| k          | The hour, beginning at 1                                  | 1-24                  |
+| kk         | The hour, 2-digits, beginning at 1                        | 01-24                 |
+| X          | Unix Timestamp in second                                  | 1360013296            |
+| x          | Unix Timestamp in millisecond                             | 1360013296123         |
+| w          | Week of year ( dependent WeekOfYear plugin )              | 1 2 ... 52 53         |
+| ww         | Week of year, 2-digits ( dependent WeekOfYear plugin )    | 01 02 ... 52 53       |
+| W          | ISO Week of year ( dependent IsoWeek plugin )             | 1 2 ... 52 53         |
+| WW         | ISO Week of year, 2-digits ( dependent IsoWeek plugin )   | 01 02 ... 52 53       |
+| wo         | Week of year with ordinal ( dependent WeekOfYear plugin ) | 1st 2nd ... 52nd 53rd |
+| gggg       | Week Year ( dependent WeekYear plugin )                   | 2017                  |
+| GGGG       | ISO Week Year ( dependent IsoWeek plugin )                | 2017                  |
+| z          | Abbreviated named offset ( dependent Timezone plugin )    | EST                   |
+| zzz        | Unabbreviated named offset ( dependent Timezone plugin )  | Eastern Standard Time |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/iamkun/dayjs/blob/dev/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/deepmerge.md b/en/deepmerge.md
new file mode 100644
index 00000000..2284de0c
--- /dev/null
+++ b/en/deepmerge.md
@@ -0,0 +1,130 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>deepmerge</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/TehShrike/deepmerge/blob/master/license.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/TehShrike/deepmerge)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install deepmerge@4.3.1
+```
+
+#### **yarn**
+
+```bash
+yarn add deepmerge@4.3.1
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+```js
+import React from 'react';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+import deepmerge from 'deepmerge';
+
+const App = () => {
+  // 定义两个需要合并的对象
+  const object1 = {
+    name: 'John',
+    age: 30,
+    address: {
+      street: '123 Main St',
+      city: 'Springfield',
+    },
+  };
+
+  const object2 = {
+    age: 31,
+    address: {
+      country: 'USA',
+    },
+    hobbies: ['Reading', 'Hiking'],
+  };
+
+  // 使用 deepmerge 合并两个对象
+  const mergedObject = deepmerge(object1, object2);
+
+  return (
+    <ScrollView contentContainerStyle={styles.container}>
+      <Text style={styles.title}>Object 1:</Text>
+      <Text style={styles.text}>{JSON.stringify(object1, null, 2)}</Text>
+
+      <Text style={styles.title}>Object 2:</Text>
+      <Text style={styles.text}>{JSON.stringify(object2, null, 2)}</Text>
+
+      <Text style={styles.title}>Merged Object:</Text>
+      <Text style={styles.text}>{JSON.stringify(mergedObject, null, 2)}</Text>
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+    padding: 20,
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginVertical: 10,
+  },
+  text: {
+    fontSize: 16,
+    marginBottom: 20,
+    textAlign: 'left',
+    width: '100%',
+  },
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+
+## API
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [deepmerge源库地址](https://github.com/TehShrike/deepmerge)
+
+| Name                                     | Description                                                                                          | Type     | Required | HarmonyOS Support |
+| ---------------------------------------- | ---------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| deepmerge(x, y, [options])               | Merge two objects x and y deeply, returning a new merged object with the elements from both x and y. | function | no       | yes               |
+| deepmerge.all(arrayOfObjects, [options]) | Merges any number of objects into a single result object.                                            | function | no       | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/TehShrike/deepmerge/blob/master/license.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/flipper-plugin-react-navigation.md b/en/flipper-plugin-react-navigation.md
new file mode 100644
index 00000000..5a296f7a
--- /dev/null
+++ b/en/flipper-plugin-react-navigation.md
@@ -0,0 +1,63 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>flipper-plugin-react-navigation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/flipper-plugin-react-navigation/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install flipper-plugin-react-navigation@1.3.32
+```
+
+#### **yarn**
+
+```bash
+yarn add flipper-plugin-react-navigation@1.3.32
+```
+
+
+下面的代码展示了这个库的基本使用场景，更多详情请参考[使用教程](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation)：
+
+编辑 `~/.flipper/config.json` (当 flipper 处于关闭状态)
+```js
+{
+  "pluginPaths": ["/path/to/react-navigation/packages"]
+}
+```
+然后在 `flipper-plugin-react-navigation` 里运行 `yarn watch`
+
+
+## 约束与限制
+此库是flipper插件库，需配合flipper App使用。使用方法请参考[使用教程](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation)
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/flipper-plugin-react-navigation/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/freakycoder-react-native-bounceable.md b/en/freakycoder-react-native-bounceable.md
new file mode 100644
index 00000000..4094068c
--- /dev/null
+++ b/en/freakycoder-react-native-bounceable.md
@@ -0,0 +1,137 @@
+> 模板版本：v0.2.2
+
+
+
+<p align="center">
+  <h1 align="center"> <code>@freakycoder/react-native-bounceable</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/WrathChaos/react-native-bounceable">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://opensource.org/license/MIT">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/WrathChaos/react-native-bounceable)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+###  npm
+
+```bash
+npm i @freakycoder/react-native-bounceable@1.0.3
+```
+
+### yarn
+
+```
+yarn add @freakycoder/react-native-bounceable@1.0.3
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+1、引入库文件
+
+```jsx
+import RNBounceable from "@freakycoder/react-native-bounceable";
+```
+
+2、使用场景：
+
+您可以将**任何子组件**放入 **RNBounceable** 组件中，当它被按下时，它会使其反弹
+
+```jsx
+<RNBounceable onPress={() => {}}>
+  <View style={styles.bounceButtonStyle}>
+    <Text style={styles.bounceButtonTextStyle}>Bounce</Text>
+  </View>
+</RNBounceable>
+```
+
+详细使用场景
+
+```javascript
+import React from 'react';
+import type { PropsWithChildren } from 'react';
+import { StyleSheet, View, Text }from 'react-native';
+import RNBounceable from "@freakycoder/react-native-bounceable";
+
+let flag:boolean = true;
+export function BounceableExample () {
+    const customStyle = {
+        backgroundColor: 'red',
+        padding: 10,
+        borderRadius: 100,
+        alignItems: 'center',
+        justifyContent: 'center',
+      };
+    
+    <RNBounceable
+    style={[customStyle, styles.bounceStyle]}
+    onPress = {onPress}
+    bounceEffectIn={0.1}
+    bounceEffectOut={1.5}
+    bounceVelocityIn={60}
+    bounceVelocityOut={70}
+    bouncinessIn={50}
+    bouncinessOut={50}
+    >
+    	<Text style={styles.textStyle}>Press Me</Text>
+    </RNBounceable>
+}
+
+const styles = StyleSheet.create({
+    container: {
+      width: '100%',
+      height: '100%',
+    },
+    bounceStyle: {
+      backgroundColor: 'lightblue'
+    },
+    textStyle: {
+      fontSize: 20,
+      color: 'red',
+    },
+  });
+```
+
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证：
+
+1. RNOH: 0.72.28; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.500; ROM：5.0.0.31;
+
+## 属性和方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Property          | Description                                                  |   Type   | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | :------: | :------: | ----------- | ----------------- |
+| bounceEffectIn    | change the bounce effect's value（reduce）                   |  number  |    no    | iOS/Android | yes               |
+| bounceEffectOut   | change the bounce effect's value（amplification）            |  number  |    no    | iOS/Android | yes               |
+| bounceVelocityIn  | The speed of the press                                       |  number  |    no    | iOS/Android | yes               |
+| bounceVelocityOut | The speed at which it is released                            |  number  |    no    | iOS/Android | yes               |
+| bouncinessIn      | Elastic coefficient when pressed (set value 0-50 has obvious effect display) |  number  |    no    | iOS/Android | yes               |
+| bouncinessOut     | Elastic coefficient when released (set value 0-50 has obvious effect display) |  number  |    no    | iOS/Android | yes               |
+| onPress           | set your own logic for the onPress functionality             | function |    no    | iOS/Android | yes               |
+| style             | set the style like any other View container                  |  style   |    no    | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://opensource.org/license/MIT) ，请自由地享受和参与开源。
diff --git a/en/galio-framework.md b/en/galio-framework.md
new file mode 100644
index 00000000..902143fc
--- /dev/null
+++ b/en/galio-framework.md
@@ -0,0 +1,407 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>galio-framework</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/galio-org/galio">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/galio-org/galio/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/galio-org/galio)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install galio-framework@0.8.0
+```
+
+#### **yarn**
+
+```bash
+yarn add galio-framework@0.8.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { Card, Block, theme } from 'galio-framework';
+import React, { useState } from 'react';
+import { Image, ScrollView, StyleSheet, Text, View } from 'react-native';
+
+const CardDemo = () => {
+    return (
+        <Block style={styles.container}>
+            <Card
+                flex
+                borderless={false}
+                title="Christopher Moon"
+                caption="139 minutes ago"
+                location="Los Angeles, CA"
+                avatar="https://avatars.githubusercontent.com/u/155599655?v=4"
+                image="https://images.unsplash.com/photo-1497802176320-541c8e8de98d?&w=1600&h=900&fit=crop&crop=entropy&q=300"
+                imageStyle={styles.cardImageRadius}
+                locationColor={false}
+                titleColor={'red'}
+                captionColor={'pink'}
+                footerStyle={styles.footerStyle}
+                card={false}
+            />
+         </Block>
+    )
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+    },
+    accordion: {
+        borderWidth: 1,
+        borderColor: '#ccc',
+        borderRadius: 5,
+        overflow: 'hidden',
+        shadowRadius: 10
+    },
+    listStyle: {
+        borderTopWidth: 10,
+        borderTopColor: 'red',
+    },
+    headerStyle: {
+        backgroundColor: '#5E72E4',
+        padding: 10,
+    },
+    contentStyle: {
+        paddingVertical: 10,
+        paddingHorizontal: 20,
+        fontWeight: 'bold'
+    },
+    inputArea: {
+        width: '100%',
+        height: '15%',
+        borderWidth: 2,
+        borderColor: '#000000',
+        marginTop: 8,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: "white"
+    },
+    baseText: {
+        width: '100%',
+        height: '100%',
+        fontWeight: 'bold',
+        textAlign: 'center',
+        fontSize: 16,
+    },
+    shadow: {
+        shadowColor: "red",
+        shadowOffset: {
+            width: 10,
+            height: 3,
+        },
+    },
+    viewShadow: {
+        elevation: 1.5,
+        shadowColor: "#FF9C09",
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 1,
+        shadowRadius: 1.5,
+    },
+    cardImageRadius: {
+        borderRadius: 30,
+        opacity:0.5
+    },
+    imageBlockStyle: {
+        borderColor: 'blue',
+        borderWidth: 5,
+        borderBlockColor: 'yellow'
+    },
+    footerStyle: {
+        color: 'yellow',
+        backgroundColor: '#FF7167',
+        fontSize: 10,
+        fontWeight: 'bold',
+        borderRadius:10
+    }
+});
+
+export default CardDemo;
+```
+
+## Link
+
+本库依赖react-native-vector-icons，如已在鸿蒙工程中引入过该库，则无需再次引入。
+
+如未引入请参照[react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS NEXT Developer Beta1 5.0.0.25(API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+详情请见[galio](https://galio.io/docs/#/components)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### [Accordion](https://galio.io/docs/#/components/accordion?id=accordion)
+
+|       Name       |                         Description                          |   Type    | Required |  Platform   | HarmonyOS Support |
+| :--------------: | :----------------------------------------------------------: | :-------: | :------: | :---------: | :---------------: |
+|      style       | Styling the Block which encapsulates the whole FlatList used for rendering the elements. |  object   |    no    | iOS/Android |        Yes        |
+|    dataArray     | Array of objects with the following keys: title, content, icon: { name, family, size, color, style} |   array   |    no    | iOS/Android |        Yes        |
+|      opened      | Index number representing which of the elements of your array should be opened when the component first renders. |  number   |    no    | iOS/Android |        Yes        |
+|    listStyle     |                     FlatList style prop.                     |  object   |    no    | iOS/Android |        Yes        |
+|       icon       |          Icon for the un-expanded piece of content           | component |    no    | iOS/Android |        Yes        |
+|   expandedIcon   |           Icon used when the content is expanded.            | component |    no    | iOS/Android |        Yes        |
+|   headerStyle    |         Object styling the header of the Accordion.          |  object   |    no    | iOS/Android |        Yes        |
+|   contentStyle   |     Object styling the content section of the Accordion.     |  object   |    no    | iOS/Android |        Yes        |
+| onAccordionClose | Function called when the user closes one of the Accordion's items. | function  |    no    | iOS/Android |        Yes        |
+| onAccordionOpen  | Function called when the user expands one of the Accordion's items. | function  |    no    | iOS/Android |        Yes        |
+
+###  [Block](https://github.com/galio-org/galio/blob/master/LICENSE.md)
+
+|    Name     |                    Description                     |      Type       | Required |  Platform   | HarmonyOS Support |
+| :---------: | :------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+|   bottom    |    alignItems: 'flex-end' alignSelf: 'flex-end'    |     boolean     |    no    | iOS/Android |        Yes        |
+|    card     | changes the View's border-radus, -width and -color |     boolean     |    no    | iOS/Android |        Yes        |
+|   center    |      alignItems: 'center' alignSelf: 'center'      |     boolean     |    no    | iOS/Android |        Yes        |
+|    flex     |           flex: 1 **or** `<yourNumber>`            | boolean, number |    no    | iOS/Android |        Yes        |
+|    fluid    |                   width: 'auto'                    |     boolean     |    no    | iOS/Android |        Yes        |
+|   height    |          changes the height of the Block           |     number      |    no    | iOS/Android |        Yes        |
+|    left     |              alignItems: 'flex-start'              |     boolean     |    no    | iOS/Android |        Yes        |
+|   middle    |     alignItems: 'center' alignSelf: 'center'.      |     boolean     |    no    | iOS/Android |        Yes        |
+|    right    |              alignItems: 'flex-start'              |     boolean     |    no    | iOS/Android |        Yes        |
+|     row     |                flexDirection: 'row'                |     boolean     |    no    | iOS/Android |        Yes        |
+|    safe     |        Wraps the Block with a SafeAreaView         |     boolean     |    no    | iOS/Android |        Yes        |
+|   shadow    |              adds shadow on the Block              |     boolean     |    no    | iOS/Android |        Yes        |
+| shadowColor |             changes the shadow's color             |     string      |    no    | iOS/Android |        Yes        |
+|    space    | your options are: 'between', 'around' or 'evenly'  |     string      |    no    | iOS/Android |        Yes        |
+|     top     |  alignItems: 'flex-start' alignSelf: 'flex-start'  |     boolean     |    no    | iOS/Android |        Yes        |
+|    width    |           changes the width of the Block           |     number      |    no    | iOS/Android |        Yes        |
+
+### [Button](https://galio.io/docs/#/components/button?id=button)
+
+|    Name     |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
+| :---------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+| capitalize  |      Transforms the first character in a capital letter      |     boolean     |    no    | iOS/Android |        Yes        |
+|    color    | your options are: 'primary', 'theme', 'warning', 'succes', 'transparent' or your own color |     string      |    no    | iOS/Android |        Yes        |
+|  disabled   |                     Disables the button                      |     boolean     |    no    | iOS/Android |        Yes        |
+|    icon     |        pick whatever icon you want from Expo's icons         | boolean, string |    no    | iOS/Android |        Yes        |
+|  iconColor  |                    sets the icon's color                     | boolean, string |    no    | iOS/Android |        Yes        |
+| iconFamily  | pick whatever icon family suits the icon you chose from Expo's icons |     number      |    no    | iOS/Android |        Yes        |
+|  iconSize   |                     sets the icon's size                     |     boolean     |    no    | iOS/Android |        Yes        |
+|   loading   |               Uses the for the loading effect                |     boolean     |    no    | iOS/Android |        Yes        |
+| loadingSize |              your options are: 'small', 'large'              |     boolean     |    no    | iOS/Android |        Yes        |
+|  lowercase  |                 makes all letters lowercase                  |     boolean     |    no    | iOS/Android |        Yes        |
+|  onlyIcon   | adds specific styling for using only an icon in your button  |     boolean     |    no    | iOS/Android |        Yes        |
+|   opacity   |                 changes the button's opacity                 |     boolean     |    no    | iOS/Android |        Yes        |
+|   radius    |                 changes the button's radius                  |     string      |    no    |     No      |        No         |
+| shadowColor | the default shadowColor is based on the button's color but you can also write a specific shadowColor |     string      |    no    | iOS/Android |        Yes        |
+| shadowColor |                        removes shadow                        |     boolean     |    no    | iOS/Android |        Yes        |
+|    size     |              your options are: 'large', 'small'              |     number      |    no    | iOS/Android |        Yes        |
+|  uppercase  |                 makes all letters uppercase                  |     boolean     |    no    | iOS/Android |        Yes        |
+
+### [Card](https://galio.io/docs/#/components/card?id=card)
+
+|      Name       |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
+| :-------------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+|      card       |                 adding the necessary styles                  |     boolean     |    no    | iOS/Android |        Yes        |
+|     shadow      |           adding the necessary styles for shadows            |     boolean     |    no    | iOS/Android |        Yes        |
+|   borderless    |                   adding the card's border                   |     boolean     |    no    | iOS/Android |        Yes        |
+|      image      |         write your relative path or URL to the image         |     string      |    no    | iOS/Android |        Yes        |
+| imageBlockStyle |           styles for the Block wrapping the Image            |     string      |    no    | iOS/Android |        Yes        |
+|   imageStyle    |                     styles for the Image                     |     object      |    no    | iOS/Android |        Yes        |
+|     avatar      |    write your relative path or URL to the avatar's image     |     string      |    no    | iOS/Android |        Yes        |
+|    location     | where is this coming from? write the location of the author  |     string      |    no    | iOS/Android |        Yes        |
+|  locationColor  | the default locationColor is based on themes.COLORS.MUTED, but you can also write your own color | boolean, string |    no    | iOS/Android |        Yes        |
+|      title      |                 write your main card's title                 |     string      |    no    | iOS/Android |        Yes        |
+|   titleColor    |                  change your title's color                   |     string      |    no    | iOS/Android |        Yes        |
+|     caption     |                 write your main card's title                 |     string      |    no    | iOS/Android |        Yes        |
+|  captionColor   |                 change your caption's color                  |     string      |    no    | iOS/Android |        Yes        |
+|   footerStyle   |   styles for the block wrapping the whole author's section   |     object      |    no    | iOS/Android |        Yes        |
+
+### [Checkbox](https://galio.io/docs/#/components/checkbox?id=checkbox)
+
+|     Name      |                         Description                          |                             Type                             | Required |  Platform   | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
+| checkboxStyle | By sending an object you can style the checkbox's color, size and more |                             any                              |    no    | iOS/Android |        Yes        |
+|   disabled    |  This disables the possibility of the checkbox being used.   |                           boolean                            |    no    | iOS/Android |        Yes        |
+| flexDirection | Maybe you need the checkbox to be on top of an image? You can do that with this prop. | oneOf(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
+|   iconColor   |              This prop changes the icon color.               |                            string                            |    no    | iOS/Android |        Yes        |
+|   iconName    |                 This prop changes the icon.                  |                            string                            |    no    | iOS/Android |        Yes        |
+|   iconSize    |           This prop changes the size of the icon.            |                            number                            |    no    | iOS/Android |        Yes        |
+|  iconFamily   | In case you need an icon from a different package, this prop helps you change the icon package. |                            string                            |    no    | iOS/Android |        Yes        |
+|     image     |      This allows you to place an image instead of text.      |                            string                            |    no    | iOS/Android |        Yes        |
+|  imageStyle   |            Style the way your image looks here！             |                             any                              |    no    | iOS/Android |        Yes        |
+| initialValue  | Should the initial state of your checkbox be false or true?  |                           boolean                            |    no    | iOS/Android |        Yes        |
+|     label     |               The text next to your checkbox.                |                            string                            |    no    | iOS/Android |        Yes        |
+|  labelStyle   |                  Style your checkbox's text                  |                             any                              |    no    | iOS/Android |        Yes        |
+|   onChange    | This prop take an arrow function and everytime the user presses the checkbox the function is called. |                           function                           |    no    | iOS/Android |        Yes        |
+
+### [Deck Swiper](https://galio.io/docs/#/components/deckswiper?id=deck-swiper)
+
+|        Name         |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
+| :-----------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|        style        | Styling the Block which encapsulates the components used for swiping. |  object  |    no    | iOS/Android |        Yes        |
+|     components      |      An array of components used for building the deck.      |  array   |    no    | iOS/Android |        Yes        |
+|    onSwipeRight     |         Function called when the user swipes right.          | function |    no    | iOS/Android |        Yes        |
+|     onSwipeLeft     |          Function called when the user swipes left.          | function |    no    | iOS/Android |        Yes        |
+| focusedElementStyle |          Styling for the first element of the deck.          |  object  |    no    | iOS/Android |        Yes        |
+|  nextElementStyle   | Styling for the elements underneath the first element of the deck. |  object  |    no    | iOS/Android |        Yes        |
+
+### [Icon](https://galio.io/docs/#/components/icon?id=icon)
+
+|  Name  |                  Description                  |  Type  | Required |  Platform   | HarmonyOS Support |
+| :----: | :-------------------------------------------: | :----: | :------: | :---------: | :---------------: |
+|  name  | Choose your Icon's name from Expo's icon list | string |    no    | iOS/Android |        Yes        |
+| family | Choose your Icon's family from the same list  | string |   yes    | iOS/Android |        Yes        |
+|  size  |          This sets your Icon's size           | number |    no    | iOS/Android |        Yes        |
+| color  |          This sets your Icon's color          | string |    no    | iOS/Android |        Yes        |
+
+### [Input](https://galio.io/docs/#/components/input?id=input)
+
+|         Name         |                         Description                          |  Type   | Required |  Platform   | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
+|         type         | this is basically the TextInput's keyboardType prop and it has the next options: 'default', 'number-pad', 'decimal-pad', 'numeric', 'email-address', 'phone-pad'. | string  |    no    | iOS/Android |        Yes        |
+|       password       |  Tells the input that this is going to be a password input   | boolean |    no    | iOS/Android |        Yes        |
+| placeholderTextColor |              Sets the placeholder's text color               | string  |    no    | iOS/Android |        Yes        |
+|        label         |                 Sets the label of the input                  | string  |    no    | iOS/Android |        Yes        |
+|       bgColor        |               Sets the Input's backgroundColor               | string  |    no    | iOS/Android |        Yes        |
+|       rounded        |                Sets the corners to be rounded                | boolean |    no    | iOS/Android |        Yes        |
+|      borderless      |              Sets the Input's borderWidth to 0               | boolean |    no    | iOS/Android |        Yes        |
+|       viewPass       | Adds the functionality of pressing a button in order to see your password's letters | boolean |    no    | iOS/Android |        Yes        |
+|         icon         |        Choose your Icon's name from Expo's icon list         | string  |    no    | iOS/Android |        Yes        |
+|      iconColor       |                   Changes the Icon's color                   | string  |    no    | iOS/Android |        Yes        |
+|        family        |         Choose your Icon's family from the same list         | string  |    no    | iOS/Android |        Yes        |
+|        color         |                 Sets the Input's text color.                 | string  |    no    | iOS/Android |        Yes        |
+|         help         | Sets a helper line for more information regarding your input. | string  |    no    | iOS/Android |        Yes        |
+|         left         |           Sets the Icon to the left of the Input.            | boolean |    no    | iOS/Android |        Yes        |
+|        right         |           Sets the Icon to the right of the Input.           | boolean |    no    | iOS/Android |        Yes        |
+|       topHelp        |            Sets the helper line above the input.             | boolean |    no    | iOS/Android |        Yes        |
+|      bottomHelp      |            Sets the helper line below the input.             | boolean |    no    | iOS/Android |        Yes        |
+
+### [NavBar](https://galio.io/docs/#/components/navbar?id=navbar)
+
+|     Name      |                         Description                          |     Type     | Required |  Platform   | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------: | :----------: | :------: | :---------: | :---------------: |
+|     back      |             Adds a back button for your navBar.              |   boolean    |    no    | iOS/Android |        Yes        |
+|  transparent  |  Sets the backgroundColor and borderColor to 'transparent'   |   boolean    |    no    | iOS/Android |        Yes        |
+|     title     |                     Title of the NavBar                      | node, string |    no    | iOS/Android |        Yes        |
+|  titleStyle   |                Sets the styling for the title                |    object    |    no    | iOS/Android |        Yes        |
+|     left      |                   Left side of the NavBar                    |     node     |    no    | iOS/Android |        Yes        |
+|   leftStyle   | Sets the styling for the View wrapping the left side element. |    object    |    no    | iOS/Android |        Yes        |
+| leftIconColor |           Sets the color of the left side's icon.            |    string    |    no    | iOS/Android |        Yes        |
+|  onLeftPress  |           Function for the left side of the navbar           |   function   |    no    | iOS/Android |        Yes        |
+|     right     |                   Right side of the NavBar                   |     node     |    no    | iOS/Android |        Yes        |
+|  rightStyle   | Sets the styling for the View wrapping the left side element. |    object    |    no    | iOS/Android |        Yes        |
+
+### [Radio](https://galio.io/docs/#/components/radio?id=radio)
+
+|      Name       |                Description                |                             Type                             | Required |  Platform   | HarmonyOS Support |
+| :-------------: | :---------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
+|      color      |                  color.                   |                            string                            |    no    | iOS/Android |        Yes        |
+| containerStyle  |              Container Style              |                             any                              |    no    | iOS/Android |        Yes        |
+| radioOuterStyle |            Title of the NavBar            |                             any                              |    no    | iOS/Android |        Yes        |
+| radioInnerStyle |      Sets the styling for the title       |                             any                              |    no    | iOS/Android |        Yes        |
+|    disabled     |              Prohibited Use               |                           boolean                            |    no    | iOS/Android |        Yes        |
+|  flexDirection  | Determines the direction of the main axis | oneOfType(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
+|  initialValue   |               Initial Value               |                           boolean                            |    no    | iOS/Android |        Yes        |
+|      label      |                   Label                   |                            string                            |    no    | iOS/Android |        Yes        |
+|   labelStyle    |               Label Styles                |                             any                              |    no    | iOS/Android |        Yes        |
+|    onChange     |       Change when radio is seleted        |                           function                           |    no    | iOS/Android |        Yes        |
+
+### [Text](https://galio.io/docs/#/components/text?id=text)
+
+|  Name  |                 Description                  |  Type   | Required |  Platform   | HarmonyOS Support |
+| :----: | :------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
+|   h1   |      Sets the text's fontSize to 44px.       | boolean |    no    | iOS/Android |        Yes        |
+|   h2   |      Sets the text's fontSize to 38px.       | boolean |    no    | iOS/Android |        Yes        |
+|   h3   |      Sets the text's fontSize to 30px.       | boolean |    no    | iOS/Android |        Yes        |
+|   h4   |      Sets the text's fontSize to 24px.       | boolean |    no    | iOS/Android |        Yes        |
+|   h5   |      Sets the text's fontSize to 18px.       | boolean |    no    | iOS/Android |        Yes        |
+|   p    |      Sets the text's fontSize to 16px.       | boolean |    no    | iOS/Android |        Yes        |
+|  size  |        Sets the fontSize of the text.        | number  |    no    | iOS/Android |        Yes        |
+| color  |         Sets the color of the text.          | string  |    no    | iOS/Android |        Yes        |
+| muted  | Changes the text color to theme.COLORS.MUTED | boolean |    no    | iOS/Android |        Yes        |
+|  bold  |        Sets the fontWeight to 'bold'.        | boolean |    no    | iOS/Android |        Yes        |
+| italic |       Sets the fontStyle to 'italic'.        | boolean |    no    | iOS/Android |        Yes        |
+
+### [Toast Notification](https://galio.io/docs/#/components/toastnotification?id=toast-notification)
+
+|       Name        |                         Description                          |    Type     | Required |  Platform   | HarmonyOS Support |
+| :---------------: | :----------------------------------------------------------: | :---------: | :------: | :---------: | :---------------: |
+|       style       |             Styling the Block which encapsulate              |   object    |    no    | iOS/Android |        Yes        |
+|     children      | The content of your toast notification. You can even just write a text or create your own component. | node/string |    no    | iOS/Android |        Yes        |
+|      isShow       |         Toggle between the toast being shown or not.         |    bool     |    no    | iOS/Android |        Yes        |
+| positionIndicator |              one of: 'top', 'center', 'bottom'               |   string    |    no    | iOS/Android |        Yes        |
+|  positionOffset   |                  Whether to use positioning                  |   number    |    no    | iOS/Android |        Yes        |
+|  fadeInDuration   |         The number of ms for the fade in animation.          |   number    |    no    | iOS/Android |        Yes        |
+|  fadeOutDuration  |         The number of ms for the fade out animation.         |   number    |    no    | iOS/Android |        Yes        |
+|       color       |   one of: 'primary', 'theme', 'info', 'warning', 'success'   |   string    |    no    | iOS/Android |        Yes        |
+|       round       |         Maybe you want a rounded toast notification?         |   boolean   |    no    | iOS/Android |        Yes        |
+|     textStyle     |     Style object for the children prop used as a string.     |   object    |    no    | iOS/Android |        Yes        |
+
+### [Slider](https://galio.io/docs/#/components/slider?id=slider)
+
+|       Name        |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
+| :---------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|    activeColor    |          This sets the active color of your slider.          |  string  |    no    | iOS/Android |        Yes        |
+|       value       | The initial value at which the thumb of the slider is positioned |  number  |    no    | iOS/Android |        Yes        |
+|     disabled      |       This prop makes the slider unusable to the user.       | boolean  |    no    | iOS/Android |        Yes        |
+|   minimumValue    |            Sets the minimum value for the Slider.            |  number  |    no    | iOS/Android |        Yes        |
+|   maximumValue    |            Sets the maximum value for the Slider.            |  number  |    no    | iOS/Android |        Yes        |
+|    trackStyle     | By passing an object you can style the track of the Slider.  |   any    |    no    | iOS/Android |        Yes        |
+|    thumbStyle     | By passing an object you can style the thumb of the Slider.  |   any    |    no    | iOS/Android |        Yes        |
+|       step        |    This is a stepper. It sets fixed values for the thumb.    |  number  |    no    | iOS/Android |        Yes        |
+| onSlidingComplete | By passing an arrow function you can decide what is going to happen when the Sliding is complete | function |    no    | iOS/Android |        Yes        |
+|  onSlidingStart   | By passing an arrow function you can decide what is going to happen when the Sliding starts | function |    no    | iOS/Android |        Yes        |
+|   onValueChange   | By passing an arrow function you can decide what is going to happen when the Sliding is moving. | function |    no    | iOS/Android |        Yes        |
+
+### [Switch](https://galio.io/docs/#/components/switch?id=switch)
+
+|        Name         |                 Description                  |                             Type                             | Required |  Platform   | HarmonyOS Support |
+| :-----------------: | :------------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
+|        color        |                 Switch Color                 | oneOfType(['primary', 'theme', 'error', 'warning', 'success', 'info']), string |    no    |     No      |        No         |
+|      disabled       |        Whether the switch is disabled        |                           boolean                            |    no    | iOS/Android |        Yes        |
+|    initialValue     |                Initial value                 |                           boolean                            |    no    | iOS/Android |        Yes        |
+|     trackColor      |                 track Color                  |                            object                            |    no    | iOS/Android |        Yes        |
+| ios_backgroundColor |             ios background color             |                            string                            |    no    | iOS/Android |        Yes        |
+|      onChange       | Events that occur when the switch is changed |                           function                           |   yes    | iOS/Android |        Yes        |
+
+### [GalioTheme](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=galiotheme-usage)
+
+| Name  |                         Description                          |  Type  | Required |  Platform   | HarmonyOS Support |
+| :---: | :----------------------------------------------------------: | :----: | :------: | :---------: | :---------------: |
+| color | Theme color, [COLORS reference table](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=colors-reference-table) | Object |    no    | iOS/Android |        Yes        |
+| size  | Set Font Size,  [SIZES reference table](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=sizes-reference-table) | Object |    no    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)，请自由地享受和参与开源。
+
diff --git a/en/gorhom-bottom-sheet.md b/en/gorhom-bottom-sheet.md
new file mode 100644
index 00000000..b174abf7
--- /dev/null
+++ b/en/gorhom-bottom-sheet.md
@@ -0,0 +1,269 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@gorhom/bottom-sheet</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/gorhom/react-native-bottom-sheet">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/gorhom/react-native-bottom-sheet/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bottom-sheet)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases)，并下载适用版本的 tgz 包。
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/bottom-sheet@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/bottom-sheet@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```jsx
+// bottom-sheet组件
+import React, { useCallback, useRef, useMemo } from "react";
+import { StyleSheet, View, Text, Button } from "react-native";
+import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
+
+const App = () => {
+  // hooks
+  const sheetRef = useRef<BottomSheet>(null);
+
+  // variables
+  const snapPoints = useMemo(() => ["25%", "50%", "90%"], []);
+
+  // callbacks
+  const handleSheetChange = useCallback((index) => {
+    console.log("handleSheetChange", index);
+  }, []);
+  const handleSnapPress = useCallback((index) => {
+    sheetRef.current?.snapToIndex(index);
+  }, []);
+  const handleClosePress = useCallback(() => {
+    sheetRef.current?.close();
+  }, []);
+
+  // render
+  return (
+    <View style={styles.container}>
+      <Button title="Snap To 90%" onPress={() => handleSnapPress(2)} />
+      <Button title="Snap To 50%" onPress={() => handleSnapPress(1)} />
+      <Button title="Snap To 25%" onPress={() => handleSnapPress(0)} />
+      <Button title="Close" onPress={() => handleClosePress()} />
+      <BottomSheet
+        ref={sheetRef}
+        snapPoints={snapPoints}
+        onChange={handleSheetChange}
+      >
+        <BottomSheetView>
+          <Text>Awesome 🔥</Text>
+        </BottomSheetView>
+      </BottomSheet>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    paddingTop: 200,
+  },
+});
+
+export default App;
+```
+```jsx
+// bottom-sheet-modal组件
+import React, { useCallback, useMemo, useRef } from 'react';
+import { View, Text, StyleSheet, Button } from 'react-native';
+import {
+  BottomSheetModal,
+  BottomSheetView,
+  BottomSheetModalProvider,
+} from '@gorhom/bottom-sheet';
+
+const App = () => {
+  // ref
+  const bottomSheetModalRef = useRef<BottomSheetModal>(null);
+
+  // variables
+  const snapPoints = useMemo(() => ['25%', '50%'], []);
+
+  // callbacks
+  const handlePresentModalPress = useCallback(() => {
+    bottomSheetModalRef.current?.present();
+  }, []);
+  const handleSheetChanges = useCallback((index: number) => {
+    console.log('handleSheetChanges', index);
+  }, []);
+
+  // renders
+  return (
+    <BottomSheetModalProvider>
+      <View style={styles.container}>
+        <Button
+          onPress={handlePresentModalPress}
+          title="Present Modal"
+          color="black"
+        />
+        <BottomSheetModal
+          ref={bottomSheetModalRef}
+          index={1}
+          snapPoints={snapPoints}
+          onChange={handleSheetChanges}
+        >
+          <BottomSheetView style={styles.contentContainer}>
+            <Text>Awesome 🎉</Text>
+          </BottomSheetView>
+        </BottomSheetModal>
+      </View>
+    </BottomSheetModalProvider>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 24,
+    justifyContent: 'center',
+    backgroundColor: 'grey',
+  },
+  contentContainer: {
+    flex: 1,
+    alignItems: 'center',
+  },
+});
+
+export default App;
+```
+## 使用codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-reanimated和@react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
+
+## 属性
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+### Bottom Sheet
+#### Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| index    | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state. | number | No       | Android / iOS | Yes           |
+| snapPoints    | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number, string or mix. | Array<number\|string>\|  SharedValue<Array<string \| number>> | Yes       | Android / iOS | Yes           |
+| overDragResistanceFactor  |  Defines how violently sheet has to be stopped while over dragging.  | number | No       | Android / iOS | Yes           |
+| detached  |  Defines whether the bottom sheet is attached to the bottom or no.  | boolean | No       | Android / iOS | Yes           |
+| enableContentPanningGesture  |  Enable content panning gesture interaction.  | boolean | No       | Android / iOS | Yes           |
+| enableHandlePanningGesture  |  Enable handle panning gesture interaction.  | boolean | No       | Android / iOS | Yes           |
+| enableOverDrag  |  Enable over drag for the sheet.  | boolean | No       | Android / iOS | Yes           |
+| enablePanDownToClose  |  Enable pan down gesture to close the sheet.  | boolean | No       | Android / iOS | Yes           |
+| enableDynamicSizing  |  Enable dynamic sizing for content view and scrollable content size.  | boolean | No       | Android / iOS | Yes           |
+| animateOnMount  |  This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index.  | boolean | No       | Android / iOS | Yes           |
+#### Styles
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| style  |  View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet.  | ViewStyle \| AnimatedStyle | No       | Android / iOS | Yes           |
+| backgroundStyle  |  View style to be applied to the background component.  | ViewStyle | No       | Android / iOS | Yes           |
+| handleStyle  |  View style to be applied to the handle indicator component.  | ViewStyle | No       | Android / iOS | Yes           |
+| handleIndicatorStyle  |  View style to be applied to the handle indicator component.  | ViewStyle | No       | Android / iOS | Yes           |
+#### Layout Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| handleHeight  |  Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.  | number | No       | Android / iOS | Yes           |
+| containerHeight  |  Container height helps to calculate the internal sheet layouts. If containerHeight not provided, the library internally will calculate it, however this will cause an extra re-rendering.  | number | No       | Android / iOS | Yes           |
+| contentHeight  |  Content height helps dynamic snap points calculation.  | number \| Animated.SharedValue\<number> | No       | Android / iOS | Yes           |
+| containerOffset  |  Container offset helps to accurately detect container offsets.  | Animated.SharedValue\<Insets> | No       | Android / iOS | Yes           |
+| topInset  |  Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.  | number | No       | Android / iOS | Yes           |
+| bottomInset  |  Bottom inset to be added to the bottom sheet container.  | number | No       | Android / iOS | Yes           |
+| maxDynamicContentSize  |  Max dynamic content size height to limit the bottom sheet height from exceeding a provided size.  | number | No       | Android / iOS | Yes           |
+#### Keyboard Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| keyboardBehavior  | Defines the keyboard appearance behavior;`extend:` extend the sheet to its maximum snap point;`fillParent:` extend the sheet to fill the parent view;`interactive: `offset the sheet by the size of the keyboard.  | 'extend' \| 'fillParent' \| 'interactive' | No       | Android / iOS | Yes           |
+| keyboardBlurBehavior  | Defines the keyboard blur behavior;none: do nothing;restore: restore sheet position  | 'none' \| 'restore' | No       | Android / iOS | Yes           |
+| android_keyboardInputMode  | Defines keyboard input mode for Android only.  | 'adjustPan' \| 'adjustResize' | No       | Android  | No           |
+#### Animation Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| animationConfigs  | Animation configs.  | function | No       | Android/iOS  | Yes           |
+#### Gesture Configuration
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| waitFor  | -  | React.Ref \| React.Ref[] | No       | Android/iOS  | Yes           |
+| simultaneousHandlers  | -  | React.Ref \| React.Ref[] | No       | Android/iOS  | Yes           |
+| activeOffsetX  | -  | number[] | No       | Android/iOS  | Yes           |
+| activeOffsetY  | -  | number[] | No       | Android/iOS  | Yes           |
+| failOffsetX  | -  | number[] | No       | Android/iOS  | Yes           |
+| failOffsetY  | -  | number[] | No       | Android/iOS  | Yes           |
+| gestureEventsHandlersHook  | Custom hook to provide pan gesture events handler, which will allow advance and customize handling for pan gesture.  | GestureEventsHandlersHookType | No       | Android/iOS  | Yes           |
+
+#### Animated Nodes
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| animatedIndex  | Animated value to be used as a callback for the index node internally.  | Animated.SharedValue\<number> | No       | Android/iOS  | Yes           |
+| animatedPosition  | Animated value to be used as a callback for the position node internally.  | Animated.SharedValue\<number> | No       | Android/iOS  | Yes           |
+
+#### Callbacks
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| onChange  | Callback when the sheet position changed.  | function | No       | Android/iOS  | Yes           |
+| onAnimate  | Callback when the sheet about to animate to a new position.  | function | No       | Android/iOS  | Yes           |
+
+#### Components
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| handleComponent  | Component to be placed as a sheet handle.  | React.FC\<BottomSheetHandleProps> | No       | Android/iOS  | Yes           |
+| backdropComponent  | Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually.  | React.FC\<BottomSheetBackgroundProps> | No       | Android/iOS  | Yes           |
+| backgroundComponent  | Component to be placed as a sheet background.  | React.FC\<BottomSheetBackgroundProps> | No       | Android/iOS  | Yes           |
+| footerComponent  | Component to be placed as a sheet footer.  | React.FC\<BottomSheetFooterProps> | No       | Android/iOS  | Yes           |
+| children  | Scrollable node or react node to be places as a sheet content.  | () => React.ReactNode \| React.ReactNode[] \| React.ReactNode | No       | Android/iOS  | Yes           |
+### Bottom Sheet Modal
+> [!Tip]Bottom Sheet Modal inherits all [Bottom Sheet props](https://ui.gorhom.dev/components/bottom-sheet/props) except for animateOnMount & containerHeight and also it introduces its own props
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| name  | Modal name to help identify the modal for later on.  | string | No       | Android/iOS  | Yes           |
+| stackBehavior  | Defines the stack behavior when modal mounts.  | 'push' \| 'replace' | No       | Android/iOS  | Yes           |
+| enableDismissOnClose  | Dismiss the modal when it is closed, this will unmount the modal.  | boolean | No       | Android/iOS  | Yes           |
+| onDismiss  | Callback when the modal dismissed (unmounted).  | function | No       | Android/iOS  | Yes           |
+| containerComponent  | Component to be placed as a bottom sheet container, this is to place the bottom sheet at the very top layer of your application when using FullWindowOverlay from React Native Screens.  | React.ReactNode | No       | Android/iOS  | Yes           |
+## 遗留问题 
+- [ ] BottomSheetFlatList组件手势滑动存在冲突 [issue#6](https://github.com/react-native-oh-library/react-native-bottom-sheet/issues/6) 
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](hhttps://github.com/gorhom/react-native-bottom-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/htmlparser2.md b/en/htmlparser2.md
new file mode 100644
index 00000000..d746877d
--- /dev/null
+++ b/en/htmlparser2.md
@@ -0,0 +1,142 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>htmlparser2</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/fb55/htmlparser2">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/fb55/htmlparser2/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/fb55/htmlparser2)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install htmlparser2@9.1.0
+// 以下为配合htmlparser2使用的相关库，可视业务情况进行安装
+npm install circular-json@0.5.9
+```
+
+#### **yarn**
+
+```bash
+yarn add htmlparser2@9.1.0
+// 以下为配合htmlparser2使用的相关库，可视业务情况进行安装
+yarn add circular-json@0.5.9
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect, useState } from 'react';
+import * as htmlparser2 from 'htmlparser2';
+import { View, Text } from 'react-native';
+
+// 使用htmlparser2来解析HTML文本
+function HtmlParser() {
+    const [parsedContent, setParsedContent] = useState('');
+
+    useEffect(() => {
+        const parser = new htmlparser2.Parser({
+            onopentag(name, attributes) {
+                if (name === 'script' && attributes.type === 'text/javascript') {
+                    console.log('JS! Hooray!');
+                    setParsedContent(parsedContent => parsedContent + 'JS! Hooray!')
+                }
+            },
+            ontext(text) {
+                console.log('-->', text);
+                setParsedContent(parsedContent => parsedContent + text);
+            },
+            onclosetag(tagname) {
+                if (tagname === 'script') {
+                    console.log("That's it?!");
+                    setParsedContent(parsedContent => parsedContent + "That's it?!");
+
+                }
+            },
+        });
+
+        parser.write("Xyz <script type='text/javascript'>const foo = '111<<bar>>';</script>");
+        parser.end();
+    }, []);
+
+    return (
+        <View>
+            <Text style={{ color: 'white' }}>{parsedContent}</Text>
+        </View>
+    );
+}
+
+export default HtmlParser; 
+```
+
+上述案例使用htmlparser2来解析HTML文本
+下面的案例使用parseDocument，将html解析为DOM树
+
+```js
+
+import { parseDocument } from "htmlparser2";
+import CircularJSON from "circular-json";
+import { View, Text } from 'react-native';
+
+// 将html解析为DOM树
+function HtmlParser() {
+    const dom = parseDocument(
+        '<div data-foo="In the end, it doesn\'t really matter."></div><div data-foo="Indeed-that\'s a delicate matter.">',
+    );
+    return (
+        <View>
+            <Text style={{ color: 'white' }}>{CircularJSON.stringify(dom)}</Text>
+        </View>
+    );
+}
+export default HtmlParser; 
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| parseDocument  | 解析DOM树         | function  | no | ios,android      | yes |
+| createDocumentStream  | 创建一个可读流         | function  | no | ios,android      | yes |
+| parseFeed  | 解析RSS 或 Atom feed          | function  | no | ios,android      | yes |
+
+## 遗留问题
+
+- [ ] 解析器错误地将（小于）识别为起始标签问题: [issue#1](https://github.com/fb55/htmlparser2/issues/1620)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/fb55/htmlparser2/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/i18next.md b/en/i18next.md
new file mode 100644
index 00000000..fb978f48
--- /dev/null
+++ b/en/i18next.md
@@ -0,0 +1,164 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>i18next</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/i18next/i18next/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+>[!tip] [Github 地址](https://github.com/i18next/i18next)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install i18next@23.7.16 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add i18next@23.7.16
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!tip] 在下面的 demo 中，本库需要与 react-i18next 一起使用，react-i18next 的使用方式请见[react-i18next 文档](/zh-cn/react-i18next.md)
+
+```js
+import React from 'react';  
+import { View, Text, Button, StyleSheet } from 'react-native';  
+import i18n from 'i18next';  
+import { initReactI18next, useTranslation } from 'react-i18next';  
+
+// 初始化 i18next  
+i18n  
+  .use(initReactI18next) // 将 i18next 绑定到 react-i18next  
+  .init({  
+    resources: {  
+      en: {  
+        translation: {  
+          welcome: "Welcome to React Native!",  
+          description: "This is a simple i18next example.",  
+        },  
+      },  
+      fr: {  
+        translation: {  
+          welcome: "Bienvenue dans React Native!",  
+          description: "Ceci est un exemple simple d'i18next.",  
+        },  
+      },  
+    },  
+    lng: "en", // 默认语言  
+    fallbackLng: "en",  
+    interpolation: {  
+      escapeValue: false, // React 已经安全处理了  
+    },  
+  });  
+
+const I18NextDemo = () => {  
+  const { t, i18n } = useTranslation();  
+
+  const switchLanguage = (lng) => {  
+    i18n.changeLanguage(lng);  
+  };  
+
+  return (  
+    <View style={styles.container}>  
+      <Text style={styles.text}>{t('welcome')}</Text>  
+      <Text style={styles.text}>{t('description')}</Text>  
+      <View style={styles.buttonContainer}>  
+        <Button title="English" onPress={() => switchLanguage('en')} />  
+        <Button title="Français" onPress={() => switchLanguage('fr')} />  
+      </View>  
+    </View>  
+  );  
+};  
+
+const styles = StyleSheet.create({  
+  container: {  
+    flex: 1,  
+    justifyContent: 'center',  
+    alignItems: 'center',  
+  },  
+  text: {  
+    marginBottom: 20,  
+    fontSize: 20,  
+  },  
+  buttonContainer: {  
+    flexDirection: 'row',  
+    justifyContent: 'space-around',  
+    width: '80%',  
+  },  
+});  
+
+export default I18NextDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+ 在下述版本验证通过：
+
+1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+2. RNOH: 0.72.28; SDK: HarmonyOS-Next-DB5 5.0.0.60; IDE: DevEco Studio 5.0.3.655; ROM: 5.0.0.60;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [i18next源库地址](https://github.com/i18next/i18next)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ---- | ---- | -------- | -------- | -------- |
+| init | The default export of the i18next module is an i18next instance ready to be initialized by calling init. | function | no | / | yes |
+| use  | The use function is there to load additional plugins to i18next. | function | no | / | yes |
+| t    | You can specify either one key as a String or multiple keys as an Array of String. The first one that resolves will be returned. | function | no | / | yes |
+| exists  | Uses the same resolve functionality as the t function and returns true if a key exists. | function | no | / | yes |
+| getFixedT  | Returns a t function that defaults to given language or namespace. | function | no | / | yes |
+| changeLanguage  | Changes the language. The callback will be called as soon translations were loaded or an error occurs while loading. | function | no | / | yes |
+| language | Is set to the current detected or set language. | function | no | / | yes |
+| languages | Is set to an array of language codes that will be used to look up the translation value. | function | no | / | yes |
+| resolvedLanguage | Is set to the current resolved language. | function | no | / | yes |
+| loadNamespaces | Loads additional namespaces not defined in init options. | function | no | / | yes |
+| loadLanguages | Loads additional languages not defined in init options (preload). | function | no | / | yes |
+| reloadResources | Reloads resources on given state. Optionally you can pass an array of languages and namespaces as params if you don't want to reload all. | function | no | / | yes |
+| setDefaultNamespace | Changes the default namespace. | function | no | / | yes |
+| dir | Returns rtl or ltr depending on languages read direction. | function | no | / | yes |
+| format | Exposes interpolation.formatt function added on init. | function | no | / | yes |
+| createInstance | Will return a new i18next instance. | function | no | / | yes |
+| cloneInstance | Creates a clone of the current instance. Shares store, plugins and initial configuration. Can be used to create an instance sharing storage but being independent on set language or default namespaces. | function | no | / | yes |
+| onLanguageChanged | i18next.on('languageChanged', function(lng) {}) Gets fired when changeLanguage got called. | function | no | / | yes |
+| onMissingKey | i18next.on('missingKey', function(lngs, namespace, key, res) {}) Gets fired on accessing a key not existing. Needs saveMissing set to true. | function | no | / | yes |
+| onAdded | i18next.store.on('added', function(lng, ns) {}) Gets fired when resources got added. | function | no | / | yes |
+| onRemoved | i18next.store.on('removed', function(lng, ns) {}) Gets fired when resources got removed. | function | no | / | yes |
+| getResource | Gets one value by given key. | function | no | / | yes |
+| addResource | Adds one key/value. | function | no | / | yes |
+| addResources | Adds multiple key/values. | function | no | / | yes |
+| addResourceBundle | Adds a complete bundle.Setting deep (default false) param to true will extend existing translations in that file. Setting deep and overwrite (default false) to true it will overwrite existing translations in that file.So omitting deep and overwrite will overwrite all existing translations with the one provided in resources. Using deep you can choose to keep existing nested translation and to overwrite those with the new ones. | function | no | / | yes |
+| hasResourceBundle | Checks if a resource bundle exists. | function | no | / | yes |
+| getDataByLanguage | Returns a resource data by language. | function | no | / | yes |
+| getResourceBundle | Returns a resource bundle. | function | no | / | yes |
+| removeResourceBundle | Removes an existing bundle. | function | no | / | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/i18next/i18next/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/js-beautify.md b/en/js-beautify.md
new file mode 100644
index 00000000..a32908ec
--- /dev/null
+++ b/en/js-beautify.md
@@ -0,0 +1,778 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>js-beautify</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/beautifier/js-beautify/blob/main/LICENSE%3E">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/beautifier/js-beautify)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install js-beautify@^1.15.1
+```
+
+#### **yarn**
+
+```bash
+ynpm install js-beautify@^1.15.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+详情可见[js-beautify 官方演示](https://beautifier.io/)
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import type {PropsWithChildren} from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+} from 'react-native';
+
+import {js_beautify, html_beautify, css_beautify} from 'js-beautify';
+
+//js_beautify的测试
+var uglyJs = "function(){console.log('Hello, World!');}";
+var prettyJs = js_beautify(uglyJs);
+console.log(uglyJs);
+console.log(prettyJs);
+
+//html_beautify的测试
+var uglyHtml =
+  '<!DOCTYPE html><head><title>Simple HTML5 Website</title></head><body><p>Welcome to My Website</p></body></html>';
+var prettyHtml = html_beautify(uglyHtml);
+console.log(uglyHtml);
+console.log(prettyHtml);
+
+//css_beautify的测试
+var uglyCss =
+  '<style>header{background-color: #333;color: #fff;padding: 10px 0;text-align: center;}</style>';
+var prettyCss = css_beautify(uglyCss);
+console.log(uglyCss);
+console.log(prettyCss);
+
+('use strict');
+
+var code = 'x=3.14;myFunction();function myFunction() {y=3.14,z=1024}';
+var code1 = js_beautify(code, {indent_size: 8}); // 一个缩进级别的空格数。默认为 4。
+var code2 = js_beautify(code, {indent_char: '\t'}); // 用于缩进的字符。默认为" "（空格）\t 跳格(移至下一列)
+var code3 = js_beautify(code, {indent_with_tabs: true}); // 是否应该使用制表符(tab)进行缩进。默认为 false。
+console.log(code);
+console.log(code1);
+console.log(code2);
+console.log(code3);
+
+//"end_with_newline": false, // 是否应以新行结束输出。默认为 false。
+var obj1 = {completed: false, id: 1, title: 'delectus aut autem', userId: 1};
+var dataJson1 = JSON.stringify(obj1);
+var prettyObj1 = js_beautify(dataJson1, {
+  end_with_newline: false, // 是否应以新行结束输出。默认为 false。
+});
+console.log(dataJson1);
+console.log(prettyObj1);
+
+//"max_preserve_newlines": 2,// 允许保留连续新行的最大数量。
+var text1 = `Is there any
+
+
+
+
+
+available space here`;
+var prettyText1 = js_beautify(text1, {
+  max_preserve_newlines: 2, // 允许保留连续新行的最大数量。
+});
+console.log(text1);
+console.log(prettyText1);
+
+// "space_after_anon_function": true, 测试
+var text2 = `(function(){
+  alert(1);
+})();`;
+var prettyText2 = js_beautify(text2, {
+  space_after_anon_function: true, // 在函数关键字（如function或=>）后面和函数名或括号之间是否加空格。默认为 false。
+});
+console.log(text2);
+console.log(prettyText2);
+
+//keep-array-indentation保留数组缩进
+var text3 = `[{id:1,title:"潮流女装"},
+  {id:2,title:"品牌男装"},
+  {id:3,title:"手机电脑"}] `;
+var prettyText3 = js_beautify(text3, {
+  keep_array_indentation: true, //保持数组缩进，默认false
+});
+console.log(text3);
+console.log(prettyText3);
+
+//e4x测试
+var text4 = `<book>
+  <title>Catch 22</title>
+  <author>Joseph Heller</author>
+  <year>1961</year>
+  <publisher>Simon & Schuster</publisher>
+</book>`;
+var prettyText4 = js_beautify(text4, {
+  e4x: false, //  是否应忽略XML元素。默认为 false（在处理时：错误！未知的表达式类型：e4x）。
+});
+console.log(text4);
+console.log(prettyText4);
+
+// "space-after-named-function": true, 测试
+var text5 = ` function foo(){
+    return true;
+  }`;
+var prettyText5 = js_beautify(text5, {
+  'space-after-named-function': true, //在命名函数的括号前添加一个空格，例如,function example ()。
+});
+console.log(text5);
+console.log(prettyText5);
+
+//"unindent-chained-methods"测试,不缩进链式方法调用。
+var text6 = `const array = [1, 2, 3, 4, 5];
+    const newArray = array
+        .map(item => item * 2)
+        .filter(item => item > 5)
+        .reduce((acc, cur) => acc + cur, 0);`;
+
+var prettyText6 = js_beautify(text6, {
+  'unindent-chained-methods': false, //不缩进链式方法调用。
+});
+console.log(text6);
+console.log(prettyText6);
+
+// "break-chained-methods": true, 测试,将链式方法调用分布在多行
+var text7 = `var arr = [1, 2, 3, 4, 5];
+  var sum = arr.map(x => x * 2).filter(x => x > 5).reduce((a, b) => a + b);
+  console.log(sum);`;
+
+var prettyText7 = js_beautify(text7, {
+  'break-chained-methods': true, //将链式方法调用分布在多行
+});
+console.log(text7);
+console.log(prettyText7);
+
+// "space_in_paren": true, 测试,是否应在括号内加上一个空格。默认为 false。
+var text8 = "function hello(name){return 'Hello, '+name+'!';}";
+var prettyText8 = js_beautify(text8, {
+  space_in_paren: true, //是否应在括号内加上一个空格。默认为 false
+});
+console.log(text8);
+console.log(prettyText8);
+
+//"space_in_empty_paren": false,  测试 // 是否应在空的括号和括号内只有空白的情况下加上一个空格。默认为 false。
+var text9 = `function greet(){
+    console.log('Hello, world!');
+}
+greet();`;
+var prettyText9 = js_beautify(text9, {
+  space_in_empty_paren: true, // 是否应在空的括号和括号内只有空白的情况下加上一个空格。默认为 false。
+});
+console.log(text9);
+console.log(prettyText9);
+
+// "keep_array_indentation": false, 测试 // 在美化和新行/缩进时，是否应保留数组的缩进。
+var text10 = `var arr = [1,2,3,
+  4,
+  5, 6,     7,
+  8,
+  9];`;
+
+var prettyText10 = js_beautify(text10, {
+  indent_size: 0,
+  keep_array_indentation: false,
+});
+var prettyCode11 = js_beautify(text10, {
+  indent_size: 0,
+  keep_array_indentation: true,
+});
+console.log(text10);
+console.log(prettyText10);
+console.log(prettyCode11);
+
+var text12 = 'let a = 1+2+3+4+5+6\n+7+8+9+10;';
+var prettyText12 = js_beautify(text12, {operator_position: 'before-newline'});
+var prettyCode13 = js_beautify(text12, {operator_position: 'after-newline'});
+var prettyCode14 = js_beautify(text12, {operator_position: 'preserve-newline'});
+
+console.log('原始代码:' + text12);
+console.log(prettyText12);
+console.log(prettyCode13);
+console.log(prettyCode14);
+
+// "indent-empty-lines": false, //保留空行上的缩进
+var text13 = `function() {
+
+  return 'Hello world!';
+
+  }`;
+var prettyText13 = js_beautify(text13, {indent_empty_lines: true});
+console.log(text13);
+console.log('indent_empty_lines:' + prettyText13);
+
+//"wrap_line_length": 0, // 代码的最大行长度。默认为 0（表示忽略换行）。
+var text14 =
+  "This is a very long string that definitely.exceeds the typical line length you'd see in most code editors. It should be automatically wrapped by js-beautify.";
+var prettyText14 = js_beautify(text14, {indent_size: 2, wrap_line_length: 20});
+var prettyText15 = js_beautify(text14, {indent_size: 2, wrap_line_length: 10});
+console.log(prettyText14);
+
+var sourceCode =
+  'h1 {color: red; font-size: 20px;} h2 {color: blue; font-size: 18px;}';
+// "indent_size": 0,   // 一个缩进级别的空格数。默认为4。
+var prettySourceCode1 = css_beautify(sourceCode, {indent_size: 2});
+console.log(prettySourceCode1);
+
+// "indent_char": " ", // 用于缩进的字符。默认为" "（空格）\t 跳格(移至下一列)
+var prettySourceCode2 = css_beautify(sourceCode, {indent_char: ' '});
+console.log(prettySourceCode2);
+
+// "indent_with_tabs": true, // 是否应该使用制表符(tab)进行缩进。默认为 false。
+var prettySourceCode3 = css_beautify(sourceCode, {indent_with_tabs: true});
+console.log(prettySourceCode3);
+
+// "eol": "\n", // 结束行的字符。默认为"\n"。
+var prettySourceCode4 = css_beautify(sourceCode, {eol: '\n'});
+console.log(prettySourceCode4);
+
+// "end_with_newline": false, // 是否应以新行结束输出。默认为 false。
+var prettySourceCode5 = css_beautify(sourceCode, {end_with_newline: false});
+var prettySourceCode55 = css_beautify(sourceCode, {end_with_newline: true});
+console.log(prettySourceCode5);
+console.log(prettySourceCode55);
+
+// "brace_style": "collapse", //  设置括号样式。可选值包括"collapse"（默认）、"expand"、"end-expand"和"none"。
+var prettySourceCode6 = css_beautify(sourceCode, {brace_style: 'expand'});
+console.log(prettySourceCode6);
+
+var sourceCode1 = 'div, p, span { color: red; }';
+// selector-separator-newline在多个选择器之间添加换行符
+var prettySourceCode7 = css_beautify(sourceCode1, {
+  selector_separator_newline: 'true',
+});
+console.log(prettySourceCode7);
+
+var sourceCode2 = '.class1 {color: red;} .class2 {background-color: blue;}';
+// newline-between-rules在CSS规则之间添加换行符
+var prettySourceCode8 = css_beautify(sourceCode2, {
+  newline_between_rules: 'true',
+});
+console.log(prettySourceCode8);
+
+var sourceCode3 =
+  '<html><head><title>My Title</title></head><body></body></html>';
+// "indent_size": 4,   // 一个缩进级别的空格数。默认为4。
+var prettySourceCode9 = html_beautify(sourceCode3, {indent_size: 10});
+console.log(prettySourceCode9);
+
+// "indent_char": " ", // 用于缩进的字符。默认为" "（空格）\t 跳格(移至下一列)
+var prettySourceCode10 = html_beautify(sourceCode3, {indent_char: ' '});
+console.log(prettySourceCode10);
+
+// "indent_with_tabs": true, // 是否应该使用制表符(tab)进行缩进。默认为 false。
+var prettySourceCode11 = html_beautify(sourceCode3, {indent_with_tabs: false});
+console.log(prettySourceCode11);
+
+// "eol": "\n", // 结束行的字符。默认为"\n"。"\n"为换行
+var prettySourceCode12 = html_beautify(sourceCode3, {eol: '\n'});
+console.log(prettySourceCode12);
+
+// "end_with_newline": false, // 是否应以新行结束输出。默认为 false
+var prettySourceCode13 = html_beautify(sourceCode3, {end_with_newline: false});
+console.log(prettySourceCode13);
+
+//indent-inner-html缩进<head>和<body>部分,默认值为false。
+var prettySourceCode14 = html_beautify(sourceCode3, {
+  'indent-inner-html': true,
+});
+console.log(prettySourceCode14);
+
+var sourceCode4 =
+  '<html><head><title>My \nTitle</title></head><body></body></html>';
+//preserve_newlines 是否在输出中保留原始HTML代码中的换行,默认为false
+var prettySourceCode15 = html_beautify(sourceCode4, {preserve_newlines: true});
+console.log(prettySourceCode15);
+
+var sourceCode5 = `<html><head></head>
+<body>
+<p>Hello</p>
+<p>World!</p>
+
+
+
+
+<p>More content!</p>
+</body></html>`;
+//max_preserve_newlines 要保留在一个块中的最大换行数[10]
+var options = {
+  indent_size: '4',
+  indent_char: ' ',
+  max_preserve_newlines: 2, // 设置要保留的最大换行数
+  preserve_newlines: true, // 启用换行保持功能
+};
+var prettySourceCode16 = html_beautify(sourceCode5, options);
+console.log(prettySourceCode16);
+
+//brace-style 设置花括号样式，可选值包括"collapse"（默认）、"expand"、"end-expand"和"none"。
+var sourceCode6 = `<!DOCTYPE html>
+<html>
+  <head>
+    <style type="text/css">
+      body {background-color: #f0f0f0;}
+    </style>
+  </head>
+  <body>
+    <p>这个页面的背景色是灰色。</p>
+  </body>
+</html>`;
+var prettySourceCode17 = html_beautify(sourceCode6, {brace_style: 'collapse'});
+console.log(prettySourceCode17);
+
+//indent_scripts 控制script 标签内的内容应该如何缩进的,可选值"keep"（保持原有缩进）、"separate"（使得内容更深的缩进）和 "normal"默认值（使其与其它标签保持相同的缩进）
+var sourceCode7 = `
+<html>
+<head>
+<script>var a = 1;
+var b = 2;</script>
+</head>
+<body>
+<h1>Test</h1>
+<p>Hello World</p>
+</body>
+</html>`;
+var prettySourceCode18 = html_beautify(sourceCode7, {indent_scripts: 'normal'});
+console.log(prettySourceCode18);
+
+//wrap-line-length 控制每行的最大字符数,默认值250
+var options1 = {
+  indent_size: '2', //每个缩进级别的空格数
+  indent_char: ' ', //用作缩进的字符
+  wrap_line_length: '50', //每行的最大字符数，超出则换行
+};
+var sourceCode8 =
+  '<p>这是一个非常长的段落，它包含了大量的文字和标签，导致不易在一行内进行清晰展示。</p><div><h1>标题</h1><p>内容</p></div>';
+var prettySourceCode19 = html_beautify(sourceCode8, options1);
+console.log(prettySourceCode19);
+
+//wrap_attributes 将属性换到新行 有5个值：“auto”(不换行)、“force”(第2个起换行)、 “force-aligned”(第2个起换行，与第1个属性对齐)、 “force-expand-multiline(所有属性都换行)，默认：“auto”
+var sourceCode9 = `<a href="http://example.com/" id="someid" class="someclass" style="color:blue;">Link</a>`;
+console.log('Original HTML:');
+console.log(sourceCode9);
+var prettySourceCode20 = html_beautify(sourceCode9, {
+  wrap_attributes: 'auto',
+  wrap_line_length: 80,
+});
+console.log("\n'auto':");
+console.log(prettySourceCode20);
+var prettySourceCode21 = html_beautify(sourceCode9, {wrap_attributes: 'force'});
+console.log("\n'force':");
+console.log(prettySourceCode21);
+var prettySourceCode22 = html_beautify(sourceCode9, {
+  wrap_attributes: 'force-aligned',
+});
+console.log("\n'force-aligned':");
+console.log(prettySourceCode22);
+var prettySourceCode23 = html_beautify(sourceCode9, {
+  wrap_attributes: 'force-expand-multiline',
+});
+console.log("\n'force-expand-multiline':");
+console.log(prettySourceCode23);
+
+//wrap_attributes_min_attrs 设置属性的个数到达多少时，每个属性都会换行,默认为2
+var options3 = {
+  indent_size: 2,
+  wrap_attributes: 'force-expand-multiline',
+  wrap_attributes_min_attrs: 2,
+};
+var prettySourceCode24 = html_beautify(sourceCode9, options3);
+console.log("\n'wrap_attributes_min_attrs':2");
+console.log(prettySourceCode24);
+
+var options4 = {
+  indent_size: 2,
+  wrap_attributes: 'force-expand-multiline',
+  wrap_attributes_min_attrs: 6,
+};
+var prettySourceCode25 = html_beautify(sourceCode9, options4);
+console.log("\n'wrap_attributes_min_attrs':6");
+console.log(prettySourceCode25);
+
+//wrap-attributes-indent-size 属性换行缩进大小 默认值为4
+var prettySourceCode26 = html_beautify(sourceCode9, {
+  wrap_attributes: 'force-expand-multiline', // 强制换行属性
+  wrap_attributes_indent_size: 10, // 在切换到新行后，属性应该缩进5个字符
+});
+console.log("\n'wrap_attributes_indent_size':10");
+console.log(prettySourceCode26);
+
+//Inline，[],指定哪些元素为内联元素，内联元素不会产生新的行
+var sourceCode10 = '<p><span>Hello</span></p><p><span>World</span></p>';
+var prettySourceCode27 = html_beautify(sourceCode10, {inline: ['span']}); //设置<span>标签为一个内联元素
+console.log('原始代码');
+console.log(sourceCode10);
+console.log("\n'inline': ['span']");
+console.log(prettySourceCode27);
+
+//inline_custom_elements，设置自定义组件为内联元素 默认为true                (安卓重点关注)
+var sourceCode11 = `<button-component>lorem ipsum</button-component>`;
+var prettySourceCode28 = html_beautify(sourceCode11, {
+  nline_custom_elements: true,
+});
+console.log('原始代码');
+console.log(sourceCode11);
+console.log("\n'nline_custom_elements':true");
+console.log(prettySourceCode28);
+
+//unformatted []不会被重新格式化的标签列表（默认为内联）
+var sourceCode12 =
+  '<div><span>This is a test</span><b>test<b/><i>test<i/></div>';
+var prettySourceCode29 = html_beautify(sourceCode12, {
+  unformatted: ['span', 'b', 'i'],
+});
+console.log('原始代码');
+console.log(sourceCode12);
+console.log("\n''unformatted': ['span', 'b', 'i']");
+console.log(prettySourceCode29);
+
+//content_unformatted：[]数组中标签的内容不会重新格式化，默认为pre
+var sourceCode13 = `
+<pre>
+This is some preformatted text.
+It should be preserved just like this.
+</pre>
+<div>
+This is some div content.
+The formatting should be improved.
+</div>`;
+var prettySourceCode30 = html_beautify(sourceCode13, {
+  content_unformatted: ['pre'],
+});
+console.log('原始代码');
+console.log(sourceCode13);
+console.log("\n'content_unformatted': ['pre']");
+console.log(prettySourceCode30);
+
+//extra_liners,数组内的标签列表（默认为[head，body，/html/），其前面应该有一个额外的换行符。
+var sourceCode14 = `<div><p>Hello World!</p></div>`;
+var prettySourceCode31 = html_beautify(sourceCode14, {extra_liners: ['p']});
+console.log('原始代码');
+console.log(sourceCode14);
+console.log("\n'extra_liners': ['p']");
+console.log(prettySourceCode31);
+
+function BeautifyDemo(): JSX.Element {
+  0;
+
+  return (
+    <ScrollView contentInsetAdjustmentBehavior="automatic">
+      <View>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{uglyJs}</Text>
+        <Text style={styles.titleStyle}>{'\nprettyJs:'}</Text>
+        <Text>{prettyJs}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal HTML:'}</Text>
+        <Text>{uglyHtml}</Text>
+        <Text style={styles.titleStyle}>{'\npretty HTML:'}</Text>
+        <Text>{prettyHtml}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal CSS:'}</Text>
+        <Text>{uglyCss}</Text>
+        <Text style={styles.titleStyle}>{'\npretty CSS:'}</Text>
+        <Text>{prettyCss}</Text>
+        <Text style={styles.textStyle}>Js细分测试</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{code}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_size': 8"}</Text>
+        <Text>{code1}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_char':'\t'"}</Text>
+        <Text>{code2}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_with_tabs': true"}</Text>
+        <Text>{code3}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{dataJson1}</Text>
+        <Text style={styles.titleStyle}>{"\n'end_with_newline'："}</Text>
+        <Text>{prettyObj1}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text1}</Text>
+        <Text style={styles.titleStyle}>{"\n'max_preserve_newlines':2"}</Text>
+        <Text>{prettyText1}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text2}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'space_after_anon_function':true"}
+        </Text>
+        <Text>{prettyText2}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text3}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'keep_array_indentation':true"}
+        </Text>
+        <Text>{prettyText3}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text4}</Text>
+        <Text style={styles.titleStyle}>{"\n'e4x': false"}</Text>
+        <Text>{prettyText4}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text5}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'space-after-named-function':true"}
+        </Text>
+        <Text>{prettyText5}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text6}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'unindent-chained-methods':false"}
+        </Text>
+        <Text>{prettyText6}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text7}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'break-chained-methods':true"}
+        </Text>
+        <Text>{prettyText7}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text8}</Text>
+        <Text style={styles.titleStyle}>{"\n'space_in_paren':true"}</Text>
+        <Text>{prettyText8}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text9}</Text>
+        <Text style={styles.titleStyle}>{"\n'space_in_empty_paren':true"}</Text>
+        <Text>{prettyText9}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text10}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'keep_array_indentation': false ,:"}
+        </Text>
+        <Text>{prettyText10}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'keep_array_indentation': true ,:"}
+        </Text>
+        <Text>{prettyCode11}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text12}</Text>
+        <Text style={styles.titleStyle}>
+          {"\noperator_position: 'before-newline'："}
+        </Text>
+        <Text>{prettyText12}</Text>
+        <Text style={styles.titleStyle}>
+          {"\noperator_position: 'after-newline'："}
+        </Text>
+        <Text>{prettyCode13}</Text>
+        <Text style={styles.titleStyle}>
+          {"\noperator_position: 'preserve-newline'："}
+        </Text>
+        <Text>{prettyCode14}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text13}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent-empty-lines'： "}</Text>
+        <Text>{prettyText13}</Text>
+        <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
+        <Text>{text14}</Text>
+        <Text style={styles.titleStyle}>{"\n'wrap_line_length': 20，： "}</Text>
+        <Text>{prettyText14}</Text>
+        <Text style={styles.titleStyle}>{"\n'wrap_line_length': 10，："}</Text>
+        <Text>{prettyText15}</Text>
+        <Text style={styles.textStyle}>Css细分测试</Text>
+        <Text style={styles.titleStyle}>{'\npretty CSS:'}</Text>
+        <Text>{sourceCode}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_size: 2'"}</Text>
+        <Text>{prettySourceCode1}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_char': ' '"}</Text>
+        <Text>{prettySourceCode2}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_with_tabs': true"}</Text>
+        <Text>{prettySourceCode3}</Text>
+        <Text style={styles.titleStyle}>{"\n'eol: \n'"}</Text>
+        <Text>{prettySourceCode4}</Text>
+        <Text style={styles.titleStyle}>{"\n'end_with_newline': false"}</Text>
+        <Text>{prettySourceCode5}这里为end_with_newline": false,换不了行</Text>
+        <Text style={styles.titleStyle}>{"\n'end_with_newline': true"}</Text>
+        <Text>{prettySourceCode55}这里为end_with_newline": true,可换行</Text>
+        <Text style={styles.titleStyle}>{"\n'brace_style': 'collapse'"}</Text>
+        <Text>{prettySourceCode6}</Text>
+        <Text style={styles.titleStyle}>{'\npretty CSS:'}</Text>
+        <Text>{sourceCode1}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'selector_separator_newline': 'true'"}
+        </Text>
+        <Text>{prettySourceCode7}</Text>
+        <Text style={styles.titleStyle}>{'\npretty CSS:'}</Text>
+        <Text>{sourceCode2}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'newline_between_rules': 'true'"}
+        </Text>
+        <Text>{prettySourceCode8}</Text>
+
+        <Text style={styles.textStyle}>html细分测试</Text>
+        <Text style={styles.titleStyle}>{'Original HTML:'}</Text>
+        <Text>{sourceCode3}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_size': 10"}</Text>
+        <Text>{prettySourceCode9}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_char':''"}</Text>
+        <Text>{prettySourceCode10}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_with_tabs': false"}</Text>
+        <Text>{prettySourceCode11}</Text>
+        <Text style={styles.titleStyle}>{"\n'eol': 换行符"}</Text>
+        <Text>{prettySourceCode12}</Text>
+        <Text style={styles.titleStyle}>{"\n'end_with_newline': false"}</Text>
+        <Text>{prettySourceCode13}这里为end_with_newline": false,换不了行</Text>
+        <Text style={styles.titleStyle}>{"\n'indent-inner-html': true"}</Text>
+        <Text>{prettySourceCode14}</Text>
+        <Text style={styles.titleStyle}>{"\n'preserve_newlines': true"}</Text>
+        <Text>{prettySourceCode15}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'max_preserve_newlines': '2', 'preserve_newlines': true"}
+        </Text>
+        <Text>{prettySourceCode16}</Text>
+        <Text style={styles.titleStyle}>{"\n'brace_style': collapse"}</Text>
+        <Text>{prettySourceCode17}</Text>
+        <Text style={styles.titleStyle}>{"\n'indent_scripts': normal"}</Text>
+        <Text>{prettySourceCode18}</Text>
+        <Text style={styles.titleStyle}>{"\n'wrap_line_length': 50"}</Text>
+        <Text>{prettySourceCode19}</Text>
+        <Text style={styles.titleStyle}>{'Original HTML:'}</Text>
+        <Text>{sourceCode9}</Text>
+        <Text style={styles.titleStyle}>{"\n'auto':"}</Text>
+        <Text>{prettySourceCode20}</Text>
+        <Text style={styles.titleStyle}>{"\n'force':"}</Text>
+        <Text>{prettySourceCode21}</Text>
+        <Text style={styles.titleStyle}>{"\n'force-aligned':"}</Text>
+        <Text>{prettySourceCode22}</Text>
+        <Text style={styles.titleStyle}>{"\n'force-expand-multiline':"}</Text>
+        <Text>{prettySourceCode23}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'wrap_attributes_min_attrs':2"}
+        </Text>
+        <Text>{prettySourceCode24}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'wrap_attributes_min_attrs':6"}
+        </Text>
+        <Text>{prettySourceCode25}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'wrap_attributes_indent_size':5"}
+        </Text>
+        <Text>{prettySourceCode26}</Text>
+        <Text style={styles.titleStyle}>{'Original HTML:'}</Text>
+        <Text>{sourceCode10}</Text>
+        <Text style={styles.titleStyle}>{"\n'inline': ['span']"}</Text>
+        <Text>{prettySourceCode27}</Text>
+        <Text style={styles.titleStyle}>{'Original HTML'}</Text>
+        <Text>{sourceCode11}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'nline_custom_elements':true"}
+        </Text>
+        <Text>{prettySourceCode28}</Text>
+        <Text style={styles.titleStyle}>{'Original HTML'}</Text>
+        <Text>{sourceCode12}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n''unformatted': ['span', 'b', 'i']"}
+        </Text>
+        <Text>{prettySourceCode29}</Text>
+        <Text style={styles.titleStyle}>{'Original HTML'}</Text>
+        <Text>{sourceCode13}</Text>
+        <Text style={styles.titleStyle}>
+          {"\n'content_unformatted': ['pre']"}
+        </Text>
+        <Text>{prettySourceCode30}</Text>
+        <Text style={styles.titleStyle}>{'Original HTML'}</Text>
+        <Text>{sourceCode14}</Text>
+        <Text style={styles.titleStyle}>{"\n'extra_liners': ['p']"}</Text>
+        <Text>{prettySourceCode31}</Text>
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  textStyle: {
+    fontSize: 20,
+    fontWeight: '600',
+  },
+  titleStyle: {
+    fontSize: 16,
+    fontWeight: '500',
+  },
+});
+
+export default BeautifyDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+
+## 静态方法
+
+具体详情可见[js-beautify 官方文档](https://github.com/beautifier/js-beautify)
+
+### js_beautify
+
+该库的接口为`js_beautify`，通过传入不同的`options`，实现对应的功能。
+
+| Name        | Description                                                                                                    | Type     | Required | HarmonyOS Support |
+| ----------- | -------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| js_beautify | options need to be passed in；options is an object with the settings you would like used to beautify the code. | function | NO       | yes               |
+
+### options
+
+options对应的参数如下所示，当对应属性未指定时，均为如下默认值。
+
+```
+{
+    "indent_size": 4,
+    "indent_char": " ",
+    "indent_with_tabs": false,
+    "editorconfig": false,
+    "eol": "\n",
+    "end_with_newline": false,
+    "indent_level": 0,
+    "preserve_newlines": true,
+    "max_preserve_newlines": 10,
+    "space_in_paren": false,
+    "space_in_empty_paren": false,
+    "jslint_happy": false,
+    "space_after_anon_function": false,
+    "space_after_named_function": false,
+    "brace_style": "collapse",
+    "unindent_chained_methods": false,
+    "break_chained_methods": false,
+    "keep_array_indentation": false,
+    "unescape_strings": false,
+    "wrap_line_length": 0,
+    "e4x": false,
+    "comma_first": false,
+    "operator_position": "before-newline",
+    "indent_empty_lines": false,
+    "templating": ["auto"]
+}
+```
+
+## 遗留问题
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/beautifier/js-beautify/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/jsbarcode.md b/en/jsbarcode.md
new file mode 100644
index 00000000..e52aee52
--- /dev/null
+++ b/en/jsbarcode.md
@@ -0,0 +1,327 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>JsBarCode</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lindell/JsBarcode/blob/master/MIT-LICENSE.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/lindell/JsBarcode)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install jsbarcode@3.11.6 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add jsbarcode@3.11.6
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+```bash
+import JsBarCode from 'jsbarcode';
+```
+
+> [!WARNING] 使用时 import 的库名不变。
+
+下面的代码展示了这个库的基本使用示例：
+
+### **With svg:**
+
+> [!tip] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化] > [!tip] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
+
+```tsx
+import {ScrollView, StyleSheet, View, Text} from 'react-native';
+import {Barcode} from './component/SvgComponent';
+import {useState} from 'react';
+
+export default function JsbarcodeSvgDemo() {
+
+  return (
+    <ScrollView>
+      <View style={styles.container}>
+        <Text style={styles.testStyle}>format和background：'red'</Text>
+        <Barcode
+          value="123456789999"
+          options={{format: 'UPC', background: 'red'}}
+        />
+        <Text style={styles.testStyle}>
+          format: 'EAN13', background: 'yellow'
+        </Text>
+        <Barcode
+          value="9501101530003"
+          options={{format: 'EAN13', background: 'yellow'}}
+        />
+        <Text style={styles.testStyle}>
+          format: 'CODE128', background: 'pink'
+        </Text>
+        <Barcode
+          value="7895641245"
+          options={{format: 'CODE128', background: 'pink'}}
+        />
+        <Text style={styles.testStyle}>width和height</Text>
+        <Barcode
+          value="1234568999999"
+          options={{format: 'CODE128', width: 1, height: 150}}
+        />
+        <Barcode
+          value="7895641245"
+          options={{format: 'CODE128', width: 3, height: 30}}
+        />
+        <Text style={styles.testStyle}>Text</Text>
+        <Barcode
+          value="1234568999999"
+          options={{format: 'CODE128', text: 'hello!'}}
+        />
+        <Text style={styles.testStyle}>fontOptions:bold</Text>
+        <Barcode
+          value="9501101530003"
+          options={{format: 'EAN13', fontOptions: 'bold'}}
+        />
+        <Text style={styles.testStyle}>fontOptions:'bold italic'</Text>
+        <Barcode
+          value="9501101530003"
+          options={{format: 'EAN13', fontOptions: 'bold italic'}}
+        />
+        <Text style={styles.testStyle}>fontOptions:'italic'</Text>
+        <Barcode
+          value="9501101530003"
+          options={{format: 'EAN13', fontOptions: 'italic'}}
+        />
+        <Text style={styles.testStyle}>font</Text>
+        <Barcode value="Fantasy font" options={{format: 'CODE128', font: 'fantasy'}} />
+        <Text style={styles.testStyle}>displayValue</Text>
+        <Barcode
+          value="1234568999999"
+          options={{format: 'CODE128', displayValue: false}}
+        />
+        <Text style={styles.testStyle}>textAlign</Text>
+        <Barcode
+          value="1234568999999"
+          options={{format: 'CODE128', textAlign: 'left'}}
+        />
+        <Text style={styles.testStyle}>textPosition</Text>
+        <Barcode
+          value="1234568999999"
+          options={{format: 'CODE128', textPosition: 'top'}}
+        />
+        <Text style={styles.testStyle}>textMargin</Text>
+        <Barcode
+          value="1234568999999"
+          options={{format: 'CODE128', textMargin: 10}}
+        />
+        <Text style={styles.testStyle}>fontSize</Text>
+        <Barcode
+          value="1234568999999"
+          options={{format: 'CODE128', fontSize: 40}}
+        />
+        <Text style={styles.testStyle}>lineColor</Text>
+        <Barcode
+          value="1234568999999"
+          options={{format: 'CODE128', lineColor: '#990000'}}
+        />
+        <Text style={styles.testStyle}>margins</Text>
+        <Barcode
+          value="1234568956999"
+          options={{format: 'CODE128', marginLeft: 30, marginTop: 50}}
+        />
+        <Text style={styles.testStyle}>flat: false</Text>
+        <Barcode
+          value="29012343"
+          options={{format: 'EAN8', flat: false}}
+        />
+        <Text style={styles.testStyle}>flat: true</Text>
+        <Barcode
+          value="29012343"
+          options={{format: 'EAN8', flat: true}}
+        />
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  testStyle: {
+    fontWeight: '600',
+  },
+});
+```
+
+### **With canvas:**
+
+> [!tip] [react-native-canvas库暂未 HarmonyOS 化，当前无法使用canvas渲染，下面用法仅供参考]
+
+```js
+var JsBarcode = require("jsbarcode");
+
+// Canvas v1
+var Canvas = require("canvas");
+// Canvas v2
+var { createCanvas } = require("canvas");
+
+// Canvas v1
+var canvas = new Canvas();
+// Canvas v2
+var canvas = createCanvas();
+
+JsBarcode(canvas, "Hello");
+```
+
+如下是Options使用示例展示:
+
+```js
+// format
+JsBarcode("#barcode", "123456789012", {
+  format: "EAN13",
+});
+JsBarcode("#barcode", "123456789012", {
+  format: "CODE39",
+});
+
+// width
+JsBarcode("#barcode", "Wider barcode", {
+  width: 3,
+});
+
+// height
+JsBarcode("#barcode", "Tall barcode", {
+  height: 150,
+});
+
+// Text
+JsBarcode("#barcode", "Hello", {
+  text: "Hi!",
+});
+
+// fontOptions
+JsBarcode("#barcode", "Bold text", {
+  fontOptions: "bold",
+});
+
+// font
+JsBarcode("#barcode", "Fantasy font", {
+  font: "fantasy",
+});
+
+// textAlign
+JsBarcode("#barcode", "Left text", {
+  textAlign: "left",
+});
+
+// textPosition
+JsBarcode("#barcode", "Top text", {
+  textPosition: "top",
+});
+
+// textMargin
+JsBarcode("#barcode", "Text margin", {
+  textMargin: 25,
+});
+
+// fontSize
+JsBarcode("#barcode", "Bigger text", {
+  fontSize: 40,
+});
+
+// background
+JsBarcode("#barcode", "Blue background", {
+  background: "#ccffff",
+});
+
+// lineColor
+JsBarcode("#barcode", "Red lines", {
+  lineColor: "#990000",
+});
+
+// margins
+JsBarcode("#barcode", "Bigger margins", {
+  margin: 30,
+  background: "#dddddd",
+});
+
+JsBarcode("#barcode", "Left/Top margin", {
+  marginLeft: 30,
+  marginTop: 50,
+  background: "#dddddd",
+});
+
+// flat
+JsBarcode("#barcode", "29012343", {
+  format: "EAN8",
+  flat: false,
+});
+
+JsBarcode("#barcode", "29012343", {
+  format: "EAN8",
+  flat: true,
+});
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## **All Options**
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description       | Type               | Required | HarmonyOS Support | Remark                                                                |
+| ------------ | ----------------- | ------------------ | -------- | ----------------- | --------------------------------------------------------------------- |
+| format       | "auto" (CODE128)  | String             | no       | yes               |                                                                       |
+| width        | 2                 | Number             | no       | yes               |                                                                       |
+| height       | 100               | Number             | no       | yes               |                                                                       |
+| displayValue | true              | Boolean            | no       | yes               |                                                                       |
+| text         | undefined         | String             | no       | yes               |                                                                       |
+| fontOptions  | ""                | String             | no       | yes               | react-native-svg目前不支持fontOptions: 'italic'，导致条形码效果不生效 |
+| font         | "monospace"       | String             | no       | yes               | react-native-svg目前不支持font设置，导致条形码效果不生效              |
+| textAlign    | "center"          | String             | no       | yes               |                                                                       |
+| textPosition | "bottom"          | String             | no       | yes               |                                                                       |
+| textMargin   | 2                 | Number             | no       | yes               |                                                                       |
+| fontSize     | 20                | Number             | no       | yes               |                                                                       |
+| background   | "#ffffff"         | String (CSS color) | no       | yes               |                                                                       |
+| lineColor    | "#000000"         | String (CSS color) | no       | yes               |                                                                       |
+| margin       | 10                | Number             | no       | yes               |                                                                       |
+| marginTop    | undefined         | Number             | no       | yes               |                                                                       |
+| marginBottom | undefined         | Number             | no       | yes               |                                                                       |
+| marginLeft   | undefined         | Number             | no       | yes               |                                                                       |
+| marginRight  | undefined         | Number             | no       | yes               |                                                                       |
+| flat         | false             | Boolean            | no       | yes               | 仅支持format：EAN8/EAN13                                              |
+| valid        | function(valid){} | Function           | no       | yes               |                                                                       |
+
+## 遗留问题
+
+jsbarcode库依赖react-native-svg库进行条形码展示, 因svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化，目前在HarmonyOS上条形码的文本位置效果不对，fontSize显示比较小。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/lindell/JsBarcode/blob/master/MIT-LICENSE.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/klarna-platform-colors.md b/en/klarna-platform-colors.md
new file mode 100644
index 00000000..ad4f4497
--- /dev/null
+++ b/en/klarna-platform-colors.md
@@ -0,0 +1,322 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@klarna/platform-colors</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/klarna-incubator/platform-colors">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/klarna-incubator/platform-colors/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/platform-colors)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/platform-colors@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/platform-colors@file:#
+```
+
+生成资源文件：
+
+```bash
+npx @react-native-oh-tpl/platform-colors
+```
+
+> [!TIP] 第一次运行该命令时，它将提示您要为哪些平台生成文件，确定后将在工程根目录创建具有以下格式的文件：
+
+```js
+// platform-colors.config.js
+module.exports = {
+  prefix: "rnpc_",
+  colors: {
+    background: {
+      light: "#000000",
+      dark: "#ffffff",
+    },
+    text: "#696969",
+    accent: "pink",
+    contrasted: "#FFF0F5",
+  },
+  javascript: {
+    typescript: true,
+    outputDirectory: "src/colors/",
+  },
+  ios: {
+    outputDirectory: "ios/app_name/Images.xcassets/",
+  },
+  android: {
+    outputDirectory: "android/app/src/main/res/",
+  },
+  harmony: {
+    outputDirectory: "harmony/AppScope/resources/",
+  },
+};
+```
+
+现在检查你的 android, ios 和 harmony 文件夹。您应该在每个平台上都有您的颜色定义。
+
+当您需要修改颜色资源时，只需更改`colors`配置，然后再次执行以下命令即可生成最新的颜色资源
+
+```bash
+npx @react-native-oh-tpl/platform-colors
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  ScrollView,
+  Image,
+  ColorValue,
+} from "react-native";
+import { resolveColor, resolveColorSync } from "@klarna/platform-colors";
+import { PlatformColor } from "react-native";
+
+const accent = PlatformColor("rnpc_accent");
+
+export const PlatformColorsTest = () => {
+  const [asyncColor, setAsyncColor] = React.useState<ColorValue | undefined>(
+    undefined
+  );
+  const syncColor = resolveColorSync(accent);
+  React.useEffect(() => {
+    resolveColor(accent).then((color) => setAsyncColor(color));
+  }, []);
+
+  return (
+    <View style={{ top: 48, flex: 1 }}>
+      <ScrollView
+        contentInsetAdjustmentBehavior="automatic"
+        style={styles.scrollView}
+      >
+        <ColorRow
+          label="show color of id: rnpc_background"
+          color={PlatformColor("rnpc_background")}
+        />
+        <ColorRow
+          label="get 'ohos_id_color_warning' color by resolveColor api"
+          color={asyncColor}
+        />
+        <ColorRow
+          label="get 'ohos_id_color_warning' color by resolveColorSync api"
+          color={syncColor}
+        />
+      </ScrollView>
+    </View>
+  );
+};
+const ColorRow = ({ label, color }: { label: string; color?: ColorValue }) => (
+  <View style={styles.colorRow}>
+    <View
+      style={[
+        styles.colorSample,
+        {
+          backgroundColor: color,
+        },
+      ]}
+    />
+    <Text style={styles.colorLabel}>{label}</Text>
+  </View>
+);
+const styles = StyleSheet.create({
+  scrollView: {
+    flex: 1,
+    paddingHorizontal: 10,
+  },
+  colorRow: {
+    paddingHorizontal: 10,
+    marginVertical: 10,
+    flexDirection: "row",
+    alignItems: "center",
+  },
+  colorSample: {
+    width: 50,
+    height: 50,
+    borderRadius: 25,
+    marginRight: 10,
+    shadowOpacity: 0.2,
+    shadowColor: "#999",
+    shadowRadius: 1,
+    shadowOffset: { width: 0, height: 0 },
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/platform-colors": "file:../../node_modules/@react-native-oh-tpl/platform-colors/harmony/platform_colors.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNPlatformColorsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNPlatformColorsPackage } from '@react-native-oh-tpl/platform-colors/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNPlatformColorsPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases)
+
+## 属性
+
+### platform-colors.config.js 配置文件属性
+
+> 详情见 [@klarna/platform-colors 文档](https://github.com/klarna-incubator/platform-colors)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                                                                                                                                           | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| prefix     | We prefix all colors with rnpc\_ by default, you can override that with this option.                                                                                                  | String | No       | iOS/Android | Yes               |
+| colors     | An object where the key is the color name, and the value is either a string or an object containing light and optionally highContrastLight, dark & highContrastDark properties.       | Object | Yes      | iOS/Android | Yes               |
+| ios        | An object containing outputDirectory which should be an .xcassets directory.                                                                                                          | Object | No       | iOS/Android | Yes               |
+| android    | An object containing outputDirectory which should be an Android res directory.                                                                                                        | Object | No       | iOS/Android | Yes               |
+| harmony    | An object containing outputDirectory which should be an Harmony res directory.                                                                                                        | Object | No       | --          | Yes               |
+| css        | An object containing outputDirectory and filename which should be a directory where you store CSS files and if you want to change the default filename from colors.css.               | Object | No       | iOS/Android | Yes               |
+| javascript | An object containing outputDirectory which should be a directory where you store your Type/JavaScript files and typescript which is set to true if you want the output in TypeScript. | Object | No       | iOS/Android | Yes               |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                          | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| resolveColorSync | Getting hex value from dynamic color | Function | No       | iOS/Android | Yes               |
+| resolveColor     | Getting hex value from dynamic color | Function | No       | iOS/Android | Yes               |
+
+### resolveColorSync
+
+```js
+resolveColorSync(color: ColorValue): string;
+```
+
+| Name  | Description                                                                                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ----- | ------------------------------------------------------------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| color | Color value obtained through the PlatformColor interface.<br>Example: resolveColorSync(PlatformColor('coloeName')) | React.ColorValue | Yes      | iOS/Android | Yes               |
+
+### resolveColor
+
+```js
+resolveColor(color: ColorValue): Promise<string>;
+```
+
+| Name  | Description                                                                                                    | Type             | Required | Platform    | HarmonyOS Support |
+| ----- | -------------------------------------------------------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| color | Color value obtained through the PlatformColor interface.<br>Example: resolveColor(PlatformColor('coloeName')) | React.ColorValue | Yes      | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/klarna-incubator/platform-colors/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/link-source-code.md b/en/link-source-code.md
new file mode 100644
index 00000000..48889911
--- /dev/null
+++ b/en/link-source-code.md
@@ -0,0 +1,47 @@
+<!-- {% raw %} -->
+### 2.引入原生端代码
+
+#### 直接链接源码情况说明
+
+目前 DevEco Studio 不支持通过源码引入外部 module，我们推荐使用 har 包的方式引入，如需要直接链接源码，请按照以下步骤操作，将源码通过操作改成 harmony 工程的内部模块。
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+把`<RN工程>/node_modules/@react-native-oh-tpl/<Package_Name>/harmony/`目录下的源码`<xxx>`复制到`harmony`工程根目录下
+
+在`harmony`工程根目录的 `build-profile.template.json5`（若存在）和`build-profile.json5` 添加以下模块
+
+```json
+modules:[
+  ...
+  {
+    name: '<xxx>',
+    srcPath: './<xxx>',
+  }
+  //提示：{
+  //        name: 'safe_area',
+  //        srcPath: './safe_area',
+  //      } 
+]
+```
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/<Package_Name>": "file:../<xxx>"
+    // 提示: "@react-native-oh-tpl/react-native-safe-area-context": "file:../safe_area"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/lodash.md b/en/lodash.md
new file mode 100644
index 00000000..54e5843c
--- /dev/null
+++ b/en/lodash.md
@@ -0,0 +1,196 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>lodash</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lodash/lodash/blob/4.17.21/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/lodash/lodash/tree/4.17.21)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install lodash@4.17.21
+```
+
+#### **yarn**
+
+```bash
+yarn add lodash@4.17.21
+```
+
+<!-- tabs:end -->
+
+直接使用：
+
+```js
+import React, { useState } from 'react';
+import { View, Text, Button, FlatList } from 'react-native';
+import _ from 'lodash';
+
+const LodashDemo = () => {
+  const [data, setData] = useState([1, 2, 2, 3, 4, 4, 5]);
+  const [uniqueData, setUniqueData] = useState([]);
+
+  const handleRemoveDuplicates = () => {
+    const result = _.uniq(data);
+    setUniqueData(result);
+  };
+
+  return (
+    <View style={{ padding: 20 }}>
+      <Text style={{ fontSize: 18, marginBottom: 10 }}>Original Data:</Text>
+      <FlatList
+        data={data}
+        renderItem={({ item }) => <Text>{item}</Text>}
+        keyExtractor={(item, index) => index.toString()}
+      />
+
+      <Button title="Remove Duplicates" onPress={handleRemoveDuplicates} />
+
+      {uniqueData.length > 0 && (
+        <>
+          <Text style={{ fontSize: 18, marginTop: 20, marginBottom: 10 }}>Unique Data:</Text>
+          <FlatList
+            data={uniqueData}
+            renderItem={({ item }) => <Text>{item}</Text>}
+            keyExtractor={(item, index) => index.toString()}
+          />
+        </>
+      )}
+    </View>
+  );
+};
+
+export default LodashDemo;
+```
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+
+## 静态方法
+
+详情查看[lodash 官方文档](https://lodash.com/docs/4.17.15)
+
+如下是已验证接口展示:
+
+#### **Collection**
+
+| Name     | Description                                                                                                                                                      | Type     | Required | HarmonyOS Support |
+| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| find     | Iterates over elements of collection, returning the first element predicate returns truthy for                                                                   | function | NO       | yes               |
+| findLast | Iterates over elements of collection from right to left, returning the first element                                                                             | function | NO       | yes               |
+| size     | Gets the size of collection                                                                                                                                      | function | NO       | yes               |
+| map      | Creates an array of values by running each element in collection thru iteratee                                                                                   | function | NO       | yes               |
+| includes | Checks if value is in collection. If collection is a string, it's checked for a substring of value, otherwise SameValueZero is used for equality comparisons     | function | NO       | yes               |
+| filter   | Iterates over elements of collection, returning an array of all elements predicate returns truthy for                                                            | function | NO       | yes               |
+| uniq     | Creates a duplicate-free version of an array, using SameValueZero for equality comparisons, in which only the first occurrence of each element is kept           | function | NO       | yes               |
+| uniqBy   | This method is like \_.uniq except that it accepts iteratee which is invoked for each element in array to generate the criterion by which uniqueness is computed | function | NO       | yes               |
+| chunk    | Creates an array of elements split into groups the length of size. If array can't be split evenly, the final chunk will be the remaining elements                | function | NO       | yes               |
+| slice    | Creates a slice of array from start up to, but not including, end                                                                                                | function | NO       | yes               |
+| compact  | Creates an array with all falsey values removed. The values false, null, 0, "", undefined, and NaN are falsey                                                    | function | NO       | yes               |
+
+#### **Array**
+
+| Name          | Description                                                                                                                                  | Type     | Required | HarmonyOS Support |
+| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| findIndex     | This method is like \_.find except that it returns the index of the first element predicate returns truthy for instead of the element itself | function | NO       | yes               |
+| findLastIndex | This method is like \_.findIndex except that it iterates over elements of collection from right to left                                      | function | NO       | yes               |
+| head          | Gets the first element of array                                                                                                              | function | NO       | yes               |
+| flattenDeep   | Recursively flattens array                                                                                                                   | function | NO       | yes               |
+| remove        | emoves all elements from array that predicate returns truthy for and returns an array of the removed elements                                | function | NO       | yes               |
+| nth           | Gets the element at index n of array. If n is negative, the nth element from the end is returned                                             | function | NO       | yes               |
+| jion          | Converts all elements in array into a string separated by separator                                                                          | function | NO       | yes               |
+
+#### **String**
+
+| Name      | Description                                                              | Type     | Required | HarmonyOS Support |
+| --------- | ------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| camelCase | Converts string to camel case                                            | function | NO       | yes               |
+| repeat    | Repeats the given string n times                                         | function | NO       | yes               |
+| truncate  | Truncates string if it's longer than the given maximum string length     | function | NO       | yes               |
+| toUpper   | Converts string, as a whole, to upper case just like String#toUpperCase. | function | NO       | yes               |
+
+#### **Math**
+
+| Name   | Description                               | Type     | Required | HarmonyOS Support |
+| ------ | ----------------------------------------- | -------- | -------- | ----------------- |
+| ceil   | Computes number rounded up to precision   | function | NO       | yes               |
+| divide | Divide two numbers.                       | function | NO       | yes               |
+| round  | Computes number rounded to precision.     | function | NO       | yes               |
+| floor  | Computes number rounded down to precision | function | NO       | yes               |
+| sum    | Computes the sum of the values in array   | function | NO       | yes               |
+
+#### **Object**
+
+| Name        | Description                                                                                                                                                        | Type     | Required | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| findKey     | This method is like \_.find, returns the key of the first element                                                                                                  | function | NO       | yes               |
+| findLastKey | This method is like \_.findKey it iterates over elements of a collection in the opposite order                                                                     | function | NO       | yes               |
+| get         | Gets the value at path of object. If the resolved value is undefined, the defaultValue is returned in its place                                                    | function | NO       | yes               |
+| values      | Creates an array of the own enumerable string keyed property values of object                                                                                      | function | NO       | yes               |
+| keys        | Creates an array of the own enumerable property names of object                                                                                                    | function | NO       | yes               |
+| merge       | This method is like \_.assign except that it recursively merges own and inherited enumerable string keyed properties of source objects into the destination object | function | NO       | yes               |
+
+#### **Util**
+
+| Name   | Description                                                                                                 | Type     | Required | HarmonyOS Support |
+| ------ | ----------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| range  | Creates an array of numbers (positive and/or negative) progressing from start up to, but not including, end | function | NO       | yes               |
+| toPath | Converts value to a property path array                                                                     | function | NO       | yes               |
+| times  | Invokes the iteratee n times, returning an array of the results of each invocation                          | function | NO       | yes               |
+
+#### **Lang**
+
+| Name      | Description                                                                       | Type     | Required | HarmonyOS Support |
+| --------- | --------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| isEmpty   | Checks if value is an empty object, collection, map, or set                       | function | NO       | yes               |
+| isEqual   | Performs a deep comparison between two values to determine if they are equivalent | function | NO       | yes               |
+| isNumber  | Checks if value is classified as a Number primitive or object                     | function | NO       | yes               |
+| cloneDeep | This method is like \_.clone except that it recursively clones value              | function | NO       | yes               |
+| isNaN     | Checks if value is NaN                                                            | function | NO       | yes               |
+| isString  | Checks if value is classified as a String primitive or object                     | function | NO       | yes               |
+
+#### **Function**
+
+| Name     | Description                                                                                                                                              | Type     | Required | HarmonyOS Support |
+| -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| debounce | Creates a debounced function that delays invoking func until after wait milliseconds have elapsed since the last time the debounced function was invoked | function | NO       | yes               |
+| throttle | Creates a throttled function that only invokes func at most once per every wait milliseconds                                                             | function | NO       | yes               |
+
+#### **Number**
+
+| Name    | Description                                                           | Type     | Required | HarmonyOS Support |
+| ------- | --------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| clamp   | Clamps number within the inclusive lower and upper bounds             | function | NO       | yes               |
+| random  | Produces a random number between the inclusive lower and upper bounds | function | NO       | yes               |
+| inRange | Checks if n is between start and up to, but not including, end        | function | NO       | yes               |
+
+#### **Seq**
+
+| Name  | Description                                                                                     | Type     | Required | HarmonyOS Support |
+| ----- | ----------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| chain | Creates a lodash wrapper instance that wraps value with explicit method chain sequences enabled | function | NO       | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lodash/lodash/blob/4.17.21/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/lottie-react-native.md b/en/lottie-react-native.md
new file mode 100644
index 00000000..26ace53b
--- /dev/null
+++ b/en/lottie-react-native.md
@@ -0,0 +1,298 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>lottie-react-native</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lottie-react-native/lottie-react-native">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lottie-react-native/lottie-react-native/blob/master/LICENSE">
+        <img src="https://img.shields.io/npm/l/lottie-react-native.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/lottie-react-native)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/lottie-react-native@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/lottie-react-native@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View } from "react-native";
+import LottieView from "lottie-react-native";
+
+const App = () => {
+  return (
+    <View style={{ flex: 1 }}>
+      <LottieView source={require("./assets/xxx.json")} autoPlay loop />
+    </View>
+  );
+};
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/lottie-react-native": "file:../../node_modules/@react-native-oh-tpl/lottie-react-native/harmony/lottie.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 LottieAnimationViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/lottie-react-native/src/main/cpp" ./lottie)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_lottie)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "LottieAnimationViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<LottieAnimationViewPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 Lottie 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { LottieAnimationView, LOTTIE_TYPE } from "@react-native-oh-tpl/lottie-react-native"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === LOTTIE_TYPE) {
++   LottieAnimationView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+ ...
+}
+
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ LOTTIE_TYPE
+  ];
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases)
+
+### 权限要求
+
+- 如果 source 使用网络 url 应用需要申请网络权限
+
+  在`entry/src/main/module.json5`中添加
+
+```json
+requestPermissions: [
+  {
+    name: "ohos.permission.INTERNET",
+  },
+],
+```
+
+- 如果使用的 json 文件里有依赖图片资源或使用 imageAssetsFolder 属性，需要将资源文件放置到 HarmonyOS 工程 rawfile 下对应的路径中
+
+rawfile 路径：`entry/src/main/resources/rawfile`
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                                                                                                                                                                                                                                                                                                                                    | Type                                        | Default   | Required | Platform              | HarmonyOS Support |
+| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | --------- | -------- | --------------------- |-------------------|
+| source             | Mandatory - The source of animation. Can be referenced as a local asset by a string, or remotely with an object with a uri property, or it can be an actual JS object of an animation, obtained (for example) with something like require('../path/to/animation.json')                                                                                         | string\| AnimationObject \| { uri: string } | None      | Yes      | All                   | Yes               |
+| progress           | A number between 0 and 1. This number represents the normalized progress of the animation. If you update this prop, the animation will correspondingly update to the frame at that progress value. This prop is not required if you are using the imperative API.                                                                                              | number                                      | 0         | No       | iOS, Android, Windows | Yes               |
+| speed              | The speed the animation will progress. Sending a negative value will reverse the animation                                                                                                                                                                                                                                                                     | number                                      | 1         | No       | All                   | Yes               |
+| duration           | The duration of the animation in ms. Takes precedence over speed when set. This only works when source is an actual JS object of an animation.                                                                                                                                                                                                                 | number                                      | undefined | No       | iOS, Android, Windows | Yes               |
+| loop               | A boolean flag indicating whether or not the animation should loop.                                                                                                                                                                                                                                                                                            | boolean                                     | true      | No       | All                   | Yes               |
+| autoPlay           | A boolean flag indicating whether or not the animation should start automatically when mounted. This only affects the imperative API.                                                                                                                                                                                                                          | boolean                                     | false     | No       | All                   | Yes               |
+| resizeMode         | Determines how to resize the animated view when the frame doesn't match the raw image dimensions. Supports cover, contain and center.                                                                                                                                                                                                                          | 'cover'\| 'contain' \| 'center'             | contain   | No       | iOS, Android, Windows | Yes               |
+| style              | Style attributes for the view, as expected in a standard View, aside from border styling                                                                                                                                                                                                                                                                       | StyleProp<ViewStyle>                        | None      | No       | iOS, Android, Windows | Yes               |
+| webStyle           | Style attributes for the view, it uses CSSProperties.                                                                                                                                                                                                                                                                                                          | CSSProperties                               | None      | No       | Web                   | No                |
+| imageAssetsFolder  | Needed for Android and HarmonyOS to work properly with assets, iOS will ignore it.                                                                                                                                                                                                                                                                             | string                                      | None      | No       | Android               | Yes               |
+| useNativeLooping   | Only Windows. When enabled, uses platform-level looping to improve smoothness, but onAnimationLoop will not fire and changing the loop prop will reset playback rather than finishing gracefully.                                                                                                                                                              | boolean                                     | false     | No       | Windows               | No                |
+| onAnimationLoop    | Only Windows and Web. A callback function invoked when the animation loops.                                                                                                                                                                                                                                                                                    | callback                                    | None      | No       | Windows, Web          | No                |
+| onAnimationFinish  | A callback function which will be called when animation is finished. This callback is called with a boolean isCancelled argument, indicating if the animation actually completed playing, or if it was cancelled, for instance by calling play() or reset() while is was still playing. Note that this callback will be called only when loop is set to false. | callback                                    | None      | No       | All                   | Yes               |
+| onAnimationFailure | A callback function which will be called if an error occurs while working with the animation (loading, running, etc). This callback is called with a string error argument, which contains the error message that occured.                                                                                                                                     | callback                                    | None      | No       | All                   | Yes               |
+| onAnimationLoaded  | A callback function which will be called when animation is done loading. This callback is called with no parameters.                                                                                                                                                                                                                                           | callback                                    | None      | No       | All                   | Yes               |
+| renderMode         | a String flag to set whether or not to render with HARDWARE or SOFTWARE acceleration                                                                                                                                                                                                                                                                           | 'AUTOMATIC'\| 'HARDWARE' \| 'SOFTWARE'      | AUTOMATIC | No       | iOS, Android          | No                |
+| cacheComposition   | Only Android and HarmonyOS, a boolean flag indicating whether or not the animation should do caching.                                                                                                                                                                                                                                                          | boolean                                     | true      | No       | Android               | Yes               |
+| colorFilters       | An array of objects denoting layers by KeyPath and a new color filter value (as hex string).                                                                                                                                                                                                                                                                   | Array<ColorFilter>                          | []        | No       | iOS, Android, Windows | Yes               |
+| textFiltersAndroid | Only Android, an array of objects denoting text values to find and replace.                                                                                                                                                                                                                                                                                    | Array<TextFilterAndroid>                    | []        | No       | Android               | No                |
+| textFiltersIOS     | Only iOS, an array of objects denoting text layers by KeyPath and a new string value.                                                                                                                                                                                                                                                                          | Array<TextFilterIOS>                        | []        | No       | iOS                   | No                |
+| hover              | Only Web, a boolean denoting whether to play on mouse hover.                                                                                                                                                                                                                                                                                                   | boolean                                     | false     | No       | Web                   | No                |
+| direction          | Only Web a number from 1 or -1 denoting playing direction.                                                                                                                                                                                                                                                                                                     | 1\| -1                                      | 1         | No       | Web                   | No                |
+
+## 静态方法 (Imperative API)
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                                                                                                             | Type     | Required | Platform | HarmonyOS Support |
+| ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| play   | Play the animation all the way through, at the speed specified as a prop. It can also play a section of the animation (not available on web) when called as play(startFrame, endFrame). | function | No       | All      | Yes               |
+| reset  | Reset the animation back to 0 progress.                                                                                                                                                 | function | No       | All      | Yes               |
+| pause  | Pauses the animation.                                                                                                                                                                   | function | No       | All      | Yes               |
+| resume | Resumes the paused animation.                                                                                                                                                           | function | No       | All      | Yes               |
+
+## 遗留问题
+
+- [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#18](https://github.com/react-native-oh-library/lottie-react-native/issues/18)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/lottie-react-native/lottie-react-native/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/mobx-react.md b/en/mobx-react.md
new file mode 100644
index 00000000..5fb65ca4
--- /dev/null
+++ b/en/mobx-react.md
@@ -0,0 +1,158 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>mobx-react</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mobxjs/mobx/blob/mobx-react%407.6.0/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install mobx-react@7.6.0
+```
+
+#### **yarn**
+
+```bash
+yarn add mobx-react@7.6.0
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+```js
+module.exports = {
+  presets: ["module:metro-react-native-babel-preset"],
+  plugins: [
+    ["@babel/plugin-proposal-decorators", { version: "legacy" }],
+    ["@babel/plugin-transform-class-properties", { loose: true }],
+  ],
+};
+```
+
+安装babel相关依赖:
+
+```bash
+npm install @babel/core
+
+npm install @babel/plugin-proposal-decorators --save-dev
+
+npm install @babel/plugin-transform-class-properties --save-dev
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React from 'react';
+import { View, Text, Button, StyleSheet } from 'react-native';
+import { observer, inject, Provider } from 'mobx-react';
+import { observable, action, makeObservable } from 'mobx';
+
+class CounterStore {
+  count = 0;
+
+  constructor() {
+    makeObservable(this, {
+      count: observable,
+      increment: action,
+      decrement: action,
+    });
+  }
+
+  increment = () => {
+    this.count += 1;
+  };
+
+  decrement = () => {
+    this.count -= 1;
+  };
+}
+
+const counterStore = new CounterStore();
+
+// Counter 组件，使用 @inject 和 @observer 进行连接
+@inject('counterStore')
+@observer
+class Counter extends React.Component {
+  render() {
+    const { counterStore } = this.props;
+    return (
+      <View style={styles.container}>
+        <Text style={styles.text}>Count: {counterStore.count}</Text>
+        <Button title="Increment" onPress={counterStore.increment} />
+        <Button title="Decrement" onPress={counterStore.decrement} />
+      </View>
+    );
+  }
+}
+
+const App = () => {
+  return (
+    <Provider counterStore={counterStore}>
+      <View style={styles.container}>
+        <Counter />
+      </View>
+    </Provider>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+  },
+  text: {
+    fontSize: 20,
+    marginBottom: 20,
+  },
+});
+
+export default App;
+```
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+
+## 属性
+
+详情查看[mobx-react官方文档](https://github.com/mobxjs/mobx-react)
+
+如下是已验证接口展示:
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                                                                                                | Type     | Required | HarmonyOS Support |
+| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| Observer | Observer is a React component, which applies observer to an anonymous region in your component                                                             | function | no       | yes               |
+| Provider | is a component that can pass stores (or other stuff) using React's context mechanism to child components                                                   | function | no       | yes               |
+| inject   | can be used to pick up those stores. It is a higher order component that takes a list of strings and makes those stores available to the wrapped component | function | no       | yes               |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx-react%407.6.0/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/mobx.md b/en/mobx.md
new file mode 100644
index 00000000..dcd20aff
--- /dev/null
+++ b/en/mobx.md
@@ -0,0 +1,197 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>mobx</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mobxjs/mobx/blob/mobx%406.10.0/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx%406.10.0)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install mobx@6.10.0
+```
+
+#### **yarn**
+
+```bash
+yarn add mobx@6.10.0
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+```js
+module.exports = {
+  presets: ["module:metro-react-native-babel-preset"],
+  plugins: [
+    ["@babel/plugin-proposal-decorators", { version: "legacy" }],
+    ["@babel/plugin-transform-class-properties", { loose: true }],
+  ],
+};
+```
+
+安装babel相关依赖:
+
+```bash
+npm install @babel/core
+
+npm install @babel/plugin-proposal-decorators --save-dev
+
+npm install @babel/plugin-transform-class-properties --save-dev
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React from 'react';
+import { View, Text, Button, StyleSheet } from 'react-native';
+import { observer } from 'mobx-react-lite';
+import { makeAutoObservable } from 'mobx';
+
+class CounterStore {
+  count = 0;
+
+  constructor() {
+    makeAutoObservable(this);
+  }
+
+  increment() {
+    this.count += 1;
+  }
+
+  decrement() {
+    this.count -= 1;
+  }
+}
+
+// 创建一个store的实例
+const counterStore = new CounterStore();
+
+// 使用observer包裹组件，监听状态变化
+const Counter = observer(() => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Count: {counterStore.count}</Text>
+      <Button title="Increment" onPress={() => counterStore.increment()} />
+      <Button title="Decrement" onPress={() => counterStore.decrement()} />
+    </View>
+  );
+});
+
+const App = () => {
+  return (
+    <View style={styles.container}>
+      <Counter />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+  },
+  text: {
+    fontSize: 20,
+    marginBottom: 20,
+  },
+});
+
+export default App;
+```
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+
+## 属性
+
+详情查看[mobx官方文档](https://mobx.js.org/api.html)
+
+如下是已验证接口展示:
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### **Creating observables**
+
+| Name               | Description                                                                               | Type     | Required | HarmonyOS Support |
+| ------------------ | ----------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| makeAutoObservable | Automatically make properties, objects, arrays, Maps and Sets observable                  | function | no       | yes               |
+| makeObservable     | Properties, entire objects, arrays, Maps and Sets can all be made observable              | function | no       | yes               |
+| observable         | Clones an object and makes it observable. Source can be a plain object, array, Map or Set | function | no       | yes               |
+
+#### **Actions**
+
+| Name         | Description                                                                                  | Type     | Required | HarmonyOS Support |
+| ------------ | -------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| action       | Use on functions that intend to modify the state                                             | function | no       | yes               |
+| action.bound | Like action, but will also bind the action to the instance so that `this` will always be set | function | no       | yes               |
+| runInAction  | Create a one-time action that is immediately invoked                                         | function | no       | yes               |
+| flow         | MobX friendly replacement for async / await that supports cancellation                       | function | no       | yes               |
+| flowResult   | For TypeScript users only. Utility that casts the output of the generator to a promise       | function | no       | yes               |
+
+#### **Computeds**
+
+| Name     | Description                                                                                                                                  | Type     | Required | HarmonyOS Support |
+| -------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| computed | Creates an observable value that is derived from other observables, but won't be recomputed unless one of the underlying observables changes | function | no       | yes               |
+
+#### **Reactions**
+
+| Name     | Description                                                          | Type     | Required | HarmonyOS Support |
+| -------- | -------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| autorun  | Reruns a function every time anything it observes changes            | function | no       | yes               |
+| reaction | Reruns a side effect when any selected data changes                  | function | no       | yes               |
+| when     | Executes a side effect once when a observable condition becomes true | function | no       | yes               |
+
+#### **Introspection utilities**
+
+| Name               | Description                                         | Type     | Required | HarmonyOS Support |
+| ------------------ | --------------------------------------------------- | -------- | -------- | ----------------- |
+| isObservable       | Is the object / collection made observable by MobX? | function | no       | yes               |
+| isObservableArray  | Is the value an observable array?                   | function | no       | yes               |
+| isObservableMap    | Is the value an observable Map?                     | function | no       | yes               |
+| isObservableObject | Is the value an observable object?                  | function | no       | yes               |
+| isObservableProp   | Is the property observable?                         | function | no       | yes               |
+| isObservableSet    | Is the value an observable Set?                     | function | no       | yes               |
+
+#### **Configuration**
+
+| Name      | Description                                                      | Type     | Required | HarmonyOS Support |
+| --------- | ---------------------------------------------------------------- | -------- | -------- | ----------------- |
+| configure | Usage: sets global behavior settings on the active MobX instance | function | no       | yes               |
+
+#### **Utilities**
+
+| Name | Description                                                      | Type     | Required | HarmonyOS Support |
+| ---- | ---------------------------------------------------------------- | -------- | -------- | ----------------- |
+| toJS | Recursively converts an observable object to a JavaScript object | function | no       | yes               |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx%406.10.0/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/moment.md b/en/moment.md
new file mode 100644
index 00000000..059ccdc9
--- /dev/null
+++ b/en/moment.md
@@ -0,0 +1,263 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>Moment</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/moment/moment/blob/develop/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/moment/moment)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install moment@2.30.1
+```
+
+#### **yarn**
+
+```bash
+yarn add moment@2.30.1
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+```bash
+import moment from 'moment';
+moment().format();
+```
+
+设定moment区域：
+
+```bash
+// import 方式
+import 'moment/locale/zh-cn';
+moment.locale('zh-cn');
+```
+
+## 约束与限制
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## API
+
+详情请查看[moment官方文档](https://momentjs.com/docs/#/use-it/)
+
+以下moment为moment.js导出的对象，即：
+
+```bash
+import moment from 'moment';
+```
+
+下面的代码展示了这个库的基本使用示例：
+
+```js
+// 获取今天0时0分0秒
+moment().startOf("day");
+// 获取当前月第一天0时0分0秒
+moment().startOf("month");
+// 获取当前月的总天数
+moment().daysInMonth();
+// 获取时间戳(以秒为单位)
+moment().format("X"); // 返回值为字符串类型
+moment().unix(); // 返回值为数值型
+// 获取时间戳(以毫秒为单位)
+moment().format("x"); // 返回值为字符串类型
+moment().valueOf(); // 返回值为数值型
+// 获取年份
+moment().year();
+moment().get("year");
+// 获取月份
+moment().month(); // (0~11, 0: January, 11: December)
+moment().get("month");
+// 获取一个星期中的某一天
+moment().date();
+moment().get("date");
+// 获取小时
+moment().hours();
+moment().get("hours");
+// 获取分钟
+moment().minutes();
+moment().get("minutes");
+// 获取当前的年月日时分秒
+moment().toArray(); // [years, months, date, hours, minutes, seconds, milliseconds]
+moment().toObject(); // {years: xxxx, months: x, date: xx ...}
+
+// 设置年份
+moment().year(2019);
+moment().set("year", 2019);
+moment().set({ year: 2019 });
+// 设置月份
+moment().month(11); // (0~11, 0: January, 11: December)
+moment().set("month", 11);
+// 设置某个月中的某一天
+moment().date(15);
+moment().set("date", 15);
+// 设置某个星期中的某一天
+moment().weekday(0); // 设置日期为本周第一天（周日）
+moment().isoWeekday(1); // 设置日期为本周周一
+moment().set("weekday", 0);
+moment().set("isoWeekday", 1);
+// 设置小时
+moment().hours(12);
+moment().set("hours", 12);
+// 年份+1
+moment().add(1, "years");
+moment().add({ years: 1 });
+
+// 获取两个日期之间的时间差
+let start_date = moment().subtract(1, "weeks");
+let end_date = moment();
+end_date.diff(start_date); // 返回毫秒数
+end_date.diff(start_date, "months"); // 0
+end_date.diff(start_date, "weeks"); // 1
+end_date.diff(start_date, "days"); // 7
+start_date.diff(end_date, "days"); // -7
+// 转化为JavaScript原生Date对象
+moment().toDate();
+new Date(moment());
+
+// 格式化年月日： 'xxxx年xx月xx日'
+moment().format("YYYY年MM月DD日");
+// 格式化年月日： 'xxxx-xx-xx'
+moment().format("YYYY-MM-DD");
+// 格式化时分秒(24小时制)： 'xx时xx分xx秒'
+moment().format("HH时mm分ss秒");
+// 格式化时分秒(12小时制)：'xx:xx:xx am/pm'
+moment().format("hh:mm:ss a");
+```
+
+如下是已验证接口展示:
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### **Get + Set**
+
+| Name          | Description                                                                                                                                                                                                                                                                                 | Type     | Required | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| millisecond   | Gets or sets the milliseconds.                                                                                                                                                                                                                                                              | function | no       | yes               |
+| second        | Gets or sets the seconds.                                                                                                                                                                                                                                                                   | function | no       | yes               |
+| minute        | Gets or sets the minutes.                                                                                                                                                                                                                                                                   | function | no       | yes               |
+| hour          | Gets or sets the hour.                                                                                                                                                                                                                                                                      | function | no       | yes               |
+| date          | Gets or sets the day of the month                                                                                                                                                                                                                                                           | function | no       | yes               |
+| day           | Gets or sets the day of the week.                                                                                                                                                                                                                                                           | function | no       | yes               |
+| weekday       | Gets or sets the day of the week according to the locale.                                                                                                                                                                                                                                   | function | no       | yes               |
+| isoWeekday    | Gets or sets the ISO day of the week with 1 being Monday and 7 being Sunday.                                                                                                                                                                                                                | function | no       | yes               |
+| dayOfYear     | Gets or sets the day of the year.                                                                                                                                                                                                                                                           | function | no       | yes               |
+| week          | Gets or sets the week of the year.                                                                                                                                                                                                                                                          | function | no       | yes               |
+| isoWeek       | Gets or sets the ISO week of the year.                                                                                                                                                                                                                                                      | function | no       | yes               |
+| month         | Gets or sets the month.                                                                                                                                                                                                                                                                     | function | no       | yes               |
+| quarter       | Gets the quarter (1 to 4).                                                                                                                                                                                                                                                                  | function | no       | yes               |
+| year          | Gets or sets the year.                                                                                                                                                                                                                                                                      | function | no       | yes               |
+| weekYear      | Gets or sets the week-year according to the locale.                                                                                                                                                                                                                                         | function | no       | yes               |
+| isoWeekYear   | Gets or sets the ISO week-year.                                                                                                                                                                                                                                                             | function | no       | yes               |
+| weeksInYear   | Gets the number of weeks according to locale in the current moment's year.                                                                                                                                                                                                                  | function | no       | yes               |
+| isoWeeksInYea | Gets the number of weeks in the current moment's year, according to ISO weeks.                                                                                                                                                                                                              | function | no       | yes               |
+| get           | String getter. In general <br> Units are case insensitive, and support plural and short forms: year (years, y), month (months, M), date (dates, D), hour (hours, h), minute (minutes, m), second (seconds, s), millisecond (milliseconds, ms).                                              | function | no       | yes               |
+| set           | Generic setter, accepting unit as first argument, and value as second: <br> Units are case insensitive, and support plural and short forms: year (years, y), month (months, M), date (dates, D), hour (hours, h), minute (minutes, m), second (seconds, s), millisecond (milliseconds, ms). | function | no       | yes               |
+
+#### **Manipulate**
+
+| Name      | Description                                                                                                     | Type     | Required | HarmonyOS Support |
+| --------- | --------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| add       | Mutates the original moment by adding time.                                                                     | function | no       | yes               |
+| subtract  | Mutates the original moment by subtracting time.                                                                | function | no       | yes               |
+| startOf   | Mutates the original moment by setting it to the start of a unit of time.                                       | function | no       | yes               |
+| endOf     | Mutates the original moment by setting it to the end of a unit of time.                                         | function | no       | yes               |
+| local     | Sets a flag on the original moment to use local time to display a moment instead of the original moment's time. | function | no       | yes               |
+| utc       | Sets a flag on the original moment to use UTC to display a moment instead of the original moment's time.        | function | no       | yes               |
+| utcOffset | Get or set the UTC offset in minutes.                                                                           | function | no       | yes               |
+
+#### **Display**
+
+| Name        | Description                                                                                                                                                           | Type     | Required | HarmonyOS Support |
+| ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| format      | This is the most robust display option. It takes a string of tokens and replaces them with their corresponding values.                                                | function | no       | yes               |
+| fromNow     | A common way of displaying time is handled by moment#fromNow. This is sometimes called timeago or relative time.                                                      | function | no       | yes               |
+| from        | You may want to display a moment in relation to a time other than now. In that case, you can use moment#from.                                                         | function | no       | yes               |
+| toNow       | A common way of displaying time is handled by moment#toNow. This is sometimes called timeago or relative time.                                                        | function | no       | yes               |
+| to          | You may want to display a moment in relation to a time other than now. In that case, you can use moment#to.                                                           | function | no       | yes               |
+| calendar    | Calendar time displays time relative to a given referenceDay (defaults to the start of today), but does so slightly differently than moment#fromNow.                  | function | no       | yes               |
+| diff        | To get the difference in milliseconds, use moment#diff like you would use moment#from.                                                                                | function | no       | yes               |
+| valueOf     | moment#valueOf simply outputs the number of milliseconds since the Unix Epoch, just like Date#valueOf.                                                                | function | no       | yes               |
+| unix        | moment#unix outputs a Unix timestamp (the number of seconds since the Unix Epoch).                                                                                    | function | no       | yes               |
+| daysInMonth | Get the number of days in the current month.                                                                                                                          | function | no       | yes               |
+| toDate      | To get a copy of the native Date object that Moment.js wraps, use moment#toDate.                                                                                      | function | no       | yes               |
+| toArray     | This returns an array that mirrors the parameters from new Date().                                                                                                    | function | no       | yes               |
+| toJSON      | When serializing an object to JSON, if there is a Moment object, it will be represented as an ISO8601 string, adjusted to UTC.                                        | function | no       | yes               |
+| toISOString | Formats a string to the ISO8601 standard.                                                                                                                             | function | no       | yes               |
+| toObject    | This returns an object containing year, month, day-of-month, hour, minute, seconds, milliseconds.                                                                     | function | no       | yes               |
+| toString    | Returns an english string in a similar format to JS Date's .toString().                                                                                               | function | no       | yes               |
+| inspect     | Returns a machine readable string, that can be evaluated to produce the same moment. Because of the name it's also used in node interactive shell to display objects. | function | no       | yes               |
+
+#### **Query**
+
+| Name           | Description                                                                                                                  | Type     | Required | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| isBefore       | Check if a moment is before another moment. The first argument will be parsed as a moment, if not already so.                | function | no       | yes               |
+| isSame         | Check if a moment is the same as another moment. The first argument will be parsed as a moment, if not already so.           | function | no       | yes               |
+| isAfter        | Check if a moment is after another moment. The first argument will be parsed as a moment, if not already so.                 | function | no       | yes               |
+| isSameOrBefore | Check if a moment is before or the same as another moment. The first argument will be parsed as a moment, if not already so. | function | no       | yes               |
+| isSameOrAfter  | Check if a moment is after or the same as another moment. The first argument will be parsed as a moment, if not already so.  | function | no       | yes               |
+| isBetween      | Check if a moment is between two other moments, optionally looking at unit scale (minutes, hours, days, etc).                | function | no       | yes               |
+| isDST          | moment#isDST checks if the current moment is in daylight saving time.                                                        | function | no       | yes               |
+| isLeapYear     | moment#isLeapYear returns true if that year is a leap year, and false if it is not.                                          | function | no       | yes               |
+| isMoment       | To check if a variable is a moment object, use moment.isMoment().                                                            | function | no       | yes               |
+| isDate         | To check if a variable is a native js Date object, use moment.isDate().                                                      | function | no       | yes               |
+
+#### **Durations**
+
+| Name     | Description                                                                           | Type     | Required | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| duration | To create a duration, call moment.duration() with the length of time in milliseconds. | function | no       | yes               |
+
+#### **格式化时间**
+
+| **格式代码** | **说明**                   | **返回值例子**             |
+| ------------ | -------------------------- | -------------------------- |
+| M            | 数字表示的月份，没有前导零 | 1到12                      |
+| MM           | 数字表示的月份，有前导零   | 01到12                     |
+| MMM          | 三个字母缩写表示的月份     | Jan到Dec                   |
+| MMMM         | 月份，完整的文本格式       | January到December          |
+| Q            | 季度                       | 1到4                       |
+| D            | 月份中的第几天，没有前导零 | 1到31                      |
+| DD           | 月份中的第几天，有前导零   | 01到31                     |
+| d            | 星期中的第几天，数字表示   | 0到6，0表示周日，6表示周六 |
+| ddd          | 三个字母表示星期中的第几天 | Sun到Sat                   |
+| dddd         | 星期几，完整的星期文本     | 从Sunday到Saturday         |
+| w            | 年份中的第几周             | 如42：表示第42周           |
+| YYYY         | 四位数字完整表示的年份     | 如：2014 或 2000           |
+| YY           | 两位数字表示的年份         | 如：14 或 98               |
+| A            | 大写的AM PM                | AM PM                      |
+| a            | 小写的am pm                | am pm                      |
+| HH           | 小时，24小时制，有前导零   | 00到23                     |
+| H            | 小时，24小时制，无前导零   | 0到23                      |
+| hh           | 小时，12小时制，有前导零   | 00到12                     |
+| h            | 小时，12小时制，无前导零   | 0到12                      |
+| m            | 没有前导零的分钟数         | 0到59                      |
+| mm           | 有前导零的分钟数           | 00到59                     |
+| s            | 没有前导零的秒数           | 1到59                      |
+| ss           | 有前导零的描述             | 01到59                     |
+| X            | Unix时间戳                 | 1411572969                 |
+
+## 其他
+
+## 开源协议
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/nativewind.md b/en/nativewind.md
new file mode 100644
index 00000000..a0ee10e9
--- /dev/null
+++ b/en/nativewind.md
@@ -0,0 +1,120 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>nativewind</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/nativewind/nativewind">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/nativewind/nativewind/blob/main/packages/nativewind/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/nativewind)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/nativewind@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/nativewind@file:#
+```
+
+#### **tailwind.config.js**
+
+```bash
+npx tailwindcss init
+```
+
+#### **在你的 tailwind.config.js 文件中添加所有组件文件的路径。**
+
+```diff
+module.exports = {
+- content: [],
++ content: ["./App.{js,jsx,ts,tsx}", "./screens/**/*.{js,jsx,ts,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+```
+
+#### **修改你的 babel.config.js。**
+
+```diff
+module.exports = {
+- plugins: [],
++ plugins: ["@react-native-oh-tpl/nativewind/babel"],
+};
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React from 'react';
+import { Text, View, ScrollView } from 'react-native';
+import { styled } from 'nativewind';
+
+const StyledView = styled(View)
+const StyledText = styled(Text)
+const NativewindDemo = () => {
+    return (
+        <StyledView className="flex-1 items-center justify-center">
+            <StyledText className="font-bold">
+                Hello,World.
+            </StyledText>
+        </StyledView>
+    )
+}
+
+export default NativewindDemo
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases)
+
+## API
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| styled()             | can be used similar to Styled Components,and provide base styling. | (ComponentName:JSX.Element,StyleName?:String) => JSX.Element | no       | All      | yes               |
+| StyledComponent      | StyledComponent is the component version of styled accepts your component as prop. | component                                                    | no       | All      | yes               |
+| useColorScheme()     | provides access to the devices color scheme.                 | () =>{colorScheme,setColorScheme}                            | no       | All      | yes               |
+| NativeWindStyleSheet | A StyleSheet is an abstraction similar to CSS StyleSheets and React Native's StyleSheet | component                                                    | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/nativewind/nativewind/blob/main/packages/nativewind/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/openspacelabs-react-native-zoomable-view.md b/en/openspacelabs-react-native-zoomable-view.md
new file mode 100644
index 00000000..b1527464
--- /dev/null
+++ b/en/openspacelabs-react-native-zoomable-view.md
@@ -0,0 +1,189 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@openspacelabs/react-native-zoomable-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/openspacelabs/react-native-zoomable-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/openspacelabs/react-native-zoomable-view)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @openspacelabs/react-native-zoomable-view@2.1.6
+```
+
+#### **yarn**
+
+```bash
+yarn add @openspacelabs/react-native-zoomable-view@2.1.6
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { View, StyleSheet, Image, Animated } from "react-native";
+import React from "react";
+import { ReactNativeZoomableView } from "@openspacelabs/react-native-zoomable-view";
+
+export function ReactNativeZoomableViewExample() {
+  const zoomAnimatedValue = React.useRef(new Animated.Value(1)).current;
+  const scale = Animated.divide(1, zoomAnimatedValue);
+  return (
+    <View style={styles.container}>
+      <View style={styles.box}>
+        <ReactNativeZoomableView
+          maxZoom={30}
+          initialZoom={1.5}
+          contentWidth={300}
+          contentHeight={150}
+          panBoundaryPadding={500}
+          style={{ padding: 10, backgroundColor: "red" }}
+        >
+          <View style={styles.contents}>
+            <Image
+              style={styles.img}
+              source={require("../assets/placeholder2000x2000.jpg")}
+            />
+
+            {[20, 40, 60, 80].map((left) =>
+              [20, 40, 60, 80].map((top) => (
+                <Animated.View
+                  key={`${left}x${top}`}
+                  style={[
+                    styles.marker,
+                    { left: `${left}%`, top: `${top}%` },
+                    { transform: [{ scale }] },
+                  ]}
+                />
+              ))
+            )}
+          </View>
+        </ReactNativeZoomableView>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 20,
+  },
+  contents: {
+    flex: 1,
+    alignSelf: "stretch",
+  },
+  box: {
+    borderWidth: 5,
+    flexShrink: 1,
+    height: 500,
+    width: 310,
+  },
+  img: {
+    width: "100%",
+    height: "100%",
+    resizeMode: "contain",
+  },
+  marker: {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    width: 20,
+    height: 20,
+    marginLeft: -10,
+    marginTop: -10,
+    borderRadius: 10,
+    backgroundColor: "white",
+    borderWidth: 2,
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                             | Type     | Description                                                                                                                                                                                                                                                                                                                          | Required | Platform | HarmonyOS Support |
+| -------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| zoomEnabled                      | boolean  | Can be used to enable or disable the zooming dynamically                                                                                                                                                                                                                                                                             | no       | All      | yes               |
+| panEnabled                       | boolean  | Can be used to enable or disable the panning dynamically                                                                                                                                                                                                                                                                             | no       | All      | yes               |
+| initialZoom                      | number   | Initial zoom level on startup                                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| maxZoom                          | number   | Maximum possible zoom level (zoom in). Can be set to`null` to allow unlimited zooming                                                                                                                                                                                                                                                | no       | All      | yes               |
+| minZoom                          | number   | Minimum possible zoom level (zoom out)                                                                                                                                                                                                                                                                                               | no       | All      | yes               |
+| disablePanOnInitialZoom          | boolean  | If true, panning is disabled when zoom level is equal to the initial zoom level                                                                                                                                                                                                                                                      | no       | All      | yes               |
+| doubleTapDelay                   | number   | How much delay will still be recognized as double press (ms)                                                                                                                                                                                                                                                                         | no       | All      | yes               |
+| doubleTapZoomToCenter            | boolean  | If true, double tapping will always zoom to center of View instead of the direction it was double tapped in                                                                                                                                                                                                                          | no       | All      | yes               |
+| bindToBorders                    | boolean  | If true, it makes sure the object stays within box borders                                                                                                                                                                                                                                                                           | no       | All      | yes               |
+| zoomStep                         | number   | How much zoom should be applied on double tap                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| pinchToZoomInSensitivity         | number   | the level of resistance (sensitivity) to zoom in (0 - 10) - higher is less sensitive                                                                                                                                                                                                                                                 | no       | All      | yes               |
+| pinchToZoomOutSensitivity        | number   | the level of resistance (sensitivity) to zoom out (0 - 10) - higher is less sensitive                                                                                                                                                                                                                                                | no       | All      | yes               |
+| movementSensibility              | number   | how resistant should shifting the view around be? (0.5 - 5) - higher is less sensitive                                                                                                                                                                                                                                               | no       | All      | yes               |
+| initialOffsetX                   | number   | The horizontal offset the image should start at                                                                                                                                                                                                                                                                                      | no       | All      | yes               |
+| initialOffsetY                   | number   | The vertical offset the image should start at                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| contentHeight                    | number   | Specify if you want to treat the height of the**centered** content inside the zoom subject as the zoom subject's height                                                                                                                                                                                                              | no       | All      | yes               |
+| contentWidth                     | number   | Specify if you want to treat the width of the**centered** content inside the zoom subject as the zoom subject's width                                                                                                                                                                                                                | no       | All      | yes               |
+| panBoundaryPadding               | number   | At certain scales, the edge of the content is bounded too close to the edge of the container, making it difficult to pan to and interact with the edge of the content. To fix this, we'd wanna allow the content to pan just a little further away from the container's edge. Hence, the "pan boundary padding", measured in pixels. | no       | All      | yes               |
+| longPressDuration                | number   | Duration in ms until a press is considered a long press                                                                                                                                                                                                                                                                              | no       | All      | yes               |
+| visualTouchFeedbackEnabled       | boolean  | Whether to show a touch feedback circle on touch                                                                                                                                                                                                                                                                                     | no       | All      | yes               |
+| onTransform                      | function | Will be called when the transformation configuration (zoom level and offset) changes                                                                                                                                                                                                                                                 | no       | All      | yes               |
+| onDoubleTapBefore                | function | Will be called, at the start of a double tap                                                                                                                                                                                                                                                                                         | no       | All      | yes               |
+| onDoubleTapAfter                 | function | Will be called at the end of a double tap                                                                                                                                                                                                                                                                                            | no       | All      | yes               |
+| onShiftingBefore                 | function | Will be called, when user taps and moves the view, but before our view movement work kicks in (so this is the place to interrupt movement, if you need to)                                                                                                                                                                           | no       | All      | yes               |
+| onShiftingAfter                  | function | Will be called, when user taps and moves the view, but after the values have changed already                                                                                                                                                                                                                                         | no       | All      | yes               |
+| onShiftingEnd                    | function | Will be called, when user stops a tap and move gesture                                                                                                                                                                                                                                                                               | no       | All      | yes               |
+| onZoomBefore                     | function | Will be called, while the user pinches the screen, but before our zoom work kicks in (so this is the place to interrupt zooming, if you need to)                                                                                                                                                                                     | no       | All      | yes               |
+| onZoomAfter                      | function | Will be called, while the user pinches the screen, but after the values have changed already                                                                                                                                                                                                                                         | no       | All      | yes               |
+| onZoomEnd                        | function | Will be called after pinchzooming has ended                                                                                                                                                                                                                                                                                          | no       | All      | yes               |
+| onLongPress                      | function | Will be called after the user pressed on the image for a while                                                                                                                                                                                                                                                                       | no       | All      | yes               |
+| onStartShouldSetPanResponder     | function | Determines whether the view group responds to touch events when a finger is pressed.                                                                                                                                                                                                                                                 | no       | All      | yes               |
+| onPanResponderGrant              | function | The gesture has started                                                                                                                                                                                                                                                                                                              | no       | All      | yes               |
+| onPanResponderEnd                | function | Will be called when gesture ends (more accurately, on pan responder "release")                                                                                                                                                                                                                                                       | no       | All      | yes               |
+| onPanResponderTerminate          | function | Will be called when the gesture is force-interrupted by another handler                                                                                                                                                                                                                                                              | no       | All      | yes               |
+| onPanResponderTerminationRequest | function | Callback asking whether the gesture should be interrupted by another handler                                                                                                                                                                                                                                                         | no       | IOS      | yes               |
+| onPanResponderMove               | function | Will be called when user moves while touching                                                                                                                                                                                                                                                                                        | no       | All      | yes               |
+| onShouldBlockNativeResponder     | function | Returns whether this component should block native components from becoming the JS responder                                                                                                                                                                                                                                         | no       | All      | yes               |
+| zoomTo                           | function | Changes the zoom level to a specific number                                                                                                                                                                                                                                                                                          | no       | All      | yes               |
+| zoomBy                           | function | Changes the zoom level relative to the current level (use positive numbers to zoom in, negative numbers to zoom out)                                                                                                                                                                                                                 | no       | All      | yes               |
+| moveTo                           | function | Shifts the zoomed part to a specific point (in px relative to x: 0, y: 0)                                                                                                                                                                                                                                                            | no       | All      | yes               |
+| moveBy                           | function | Shifts the zoomed part by a specific pixel number                                                                                                                                                                                                                                                                                    | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/parse5.md b/en/parse5.md
new file mode 100644
index 00000000..49f8772e
--- /dev/null
+++ b/en/parse5.md
@@ -0,0 +1,167 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>parse5</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/TehShrike/deepmerge/blob/master/license.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/inikulin/parse5)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install parse5@7.1.2
+```
+
+#### **yarn**
+
+```bash
+yarn add parse5@7.1.2
+```
+
+<!-- tabs:end -->
+
+直接使用：
+
+```js
+import React, { useEffect, useState } from 'react';
+import { View, Text, ScrollView, StyleSheet } from 'react-native';
+import * as parse5 from 'parse5';
+
+const App = () => {
+  const [parsedContent, setParsedContent] = useState([]);
+
+  useEffect(() => {
+    const html = `
+      <div>
+        <h1>Hello, World!</h1>
+        <p>This is a simple HTML parsing example.</p>
+        <ul>
+          <li>Item 1</li>
+          <li>Item 2</li>
+          <li>Item 3</li>
+        </ul>
+      </div>
+    `;
+
+    const document = parse5.parse(html);
+
+    const extractContent = (nodes) => {
+      let content = [];
+      for (const node of nodes) {
+        if (node.nodeName === 'h1') {
+          content.push({ type: 'h1', text: node.childNodes[0].value });
+        } else if (node.nodeName === 'p') {
+          content.push({ type: 'p', text: node.childNodes[0].value });
+        } else if (node.nodeName === 'ul') {
+          const items = node.childNodes
+            .filter((child) => child.nodeName === 'li')
+            .map((li) => li.childNodes[0].value);
+          content.push({ type: 'ul', items });
+        } else if (node.childNodes && node.childNodes.length > 0) {
+          content = content.concat(extractContent(node.childNodes));
+        }
+      }
+      return content;
+    };
+
+    const content = extractContent(document.childNodes);
+    setParsedContent(content);
+  }, []);
+
+  return (
+    <ScrollView contentContainerStyle={styles.container}>
+      {parsedContent.map((element, index) => {
+        if (element.type === 'h1') {
+          return <Text key={index} style={styles.h1}>{element.text}</Text>;
+        } else if (element.type === 'p') {
+          return <Text key={index} style={styles.p}>{element.text}</Text>;
+        } else if (element.type === 'ul') {
+          return (
+            <View key={index} style={styles.ul}>
+              {element.items.map((item, i) => (
+                <Text key={i} style={styles.li}>{`• ${item}`}</Text>
+              ))}
+            </View>
+          );
+        }
+        return null;
+      })}
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20,
+    backgroundColor: '#f5fcff',
+  },
+  h1: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginBottom: 20,
+  },
+  p: {
+    fontSize: 16,
+    marginBottom: 10,
+  },
+  ul: {
+    marginTop: 10,
+    marginBottom: 20,
+  },
+  li: {
+    fontSize: 16,
+    marginLeft: 20,
+  },
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [parse5文档地址](https://parse5.js.org/index.html)
+
+| Name                                           | Description                                                                   | Type     | Required | HarmonyOS Support |
+| ---------------------------------------------- | ----------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| parse(html, options?)                          | Parses an HTML string.                                                        | function | no       | yes               |
+| parseFragment(fragmentContext, html, options?) | Parses an HTML fragment.                                                      | function | no       | yes               |
+| serialize(node, options?)                      | Serializes an AST node to an HTML string.                                     | function | no       | yes               |
+| serializeOuter(node, options?)                 | Serializes an AST element node to an HTML string, including the element node. | function | no       | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/inikulin/parse5/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/patch.md b/en/patch.md
new file mode 100644
index 00000000..a5cb2438
--- /dev/null
+++ b/en/patch.md
@@ -0,0 +1,44 @@
+# RN 三方库补丁化移植
+
+### 简介
+
+因为 `RN` 三方库 `HarmonyOS` 化需保证不影响其他平台上的使用，因此`HarmonyOS` `RN` 三方库使用补丁化实现，项目中会存在**两个独立的包如 `react-native-svg` 和 `@react-native-oh-tpl/react-native-svg`** ,其中 `@react-native-oh-tpl/react-native-svg` 是 `HarmonyOS` 化的库，只能运行在 `HarmonyOS` 平台，两者结合实现了可运行在多平台的 `react-native-svg` , **即在原库的基础上打上适配 `HarmonyOS` 平台的补丁**，其他平台仍走原逻辑不受影响，`HarmnyOS` 侧则使用补丁内代码来实现。
+
+### 如何配置
+
+需要在 `package.json` 添加如下配置：
+
+```diff
+{
+  "name": "@react-native-oh-tpl/react-native-svg",
++  "harmony": {
++   "alias": "react-native-svg"
++ },
+...
+}
+```
+
+RNOH 会在开发者使用 `import xxx from 原库名` 时，在平台为 `HarmonyOS` 时会重定向到配置了 harmony:alias 字段的三方库里。
+
+比如:
+
+```js
+import Svg from "react-native-svg";
+```
+
+等于：
+
+```js
+import Svg from "@react-native-oh-tpl/react-native-svg";
+```
+
+这样开发者就可以不需要更改库名即可使用到我们的补丁内容。
+
+### 影响
+
+对于三方库使用者来说，只需要根据使用文档进行相关配置即可，无其他使用影响，以 [react-native-svg](./react-native-svg-capi.md/) 为例：
+
+1. 安装 `@react-native-oh-tpl/react-native-svg`;
+2. 配置相关 Link 操作；
+
+由于该库内部已配置了别名 `react-native-svg`，**因此项目中仍然可以正确识别该库，使用方式也不需要进行特殊修改**。
diff --git a/en/prop-types.md b/en/prop-types.md
new file mode 100644
index 00000000..b4daf627
--- /dev/null
+++ b/en/prop-types.md
@@ -0,0 +1,125 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>prop-types</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/facebook/prop-types/tree/v15.8.1)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install prop-types
+```
+
+#### **yarn**
+
+```bash
+yarn add prop-types
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import PropTypes from 'prop-types';
+
+const Greeting = ({ name, age }) => {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Hello, {name}!</Text>
+      <Text style={styles.text}>You are {age} years old.</Text>
+    </View>
+  );
+};
+
+// 使用prop-types进行props类型验证
+Greeting.propTypes = {
+  name: PropTypes.string.isRequired, // name 必须是字符串且是必填项
+  age: PropTypes.number,             // age 是可选的且必须是数字
+};
+
+// 默认props值
+Greeting.defaultProps = {
+  age: 0,
+};
+
+const App = () => {
+  return (
+    <View style={styles.appContainer}>
+      <Greeting name="John" age={30} />
+      <Greeting name="Doe" />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  appContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff',
+  },
+  container: {
+    marginBottom: 20,
+  },
+  text: {
+    fontSize: 18,
+  },
+});
+
+export default App;
+```
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+
+#### 属性
+
+| 名称        | 说明                                                 | 类型      | 是否必填 |  HarmonyOS 支持 |
+| ----------- | ---------------------------------------------------- | --------- | -------- | -------- |
+| any         | 约束属性为任意类型                                   | Attribute | NO       | yes      |
+| array       | 约束属性为数组类型                                   | Attribute | NO       | yes      |
+| bool        | 约束属性为布尔值类型                                 | Attribute | NO       | yes      |
+| func        | 约束属性为函数类型                                   | Attribute | NO       | yes      |
+| number      | 约束属性为数字类型                                   | Attribute | NO       | yes      |
+| object      | 约束属性为对象类型                                   | Attribute | NO       | yes      |
+| string      | 约束属性为字符串类型                                 | Attribute | NO       | yes      |
+| symbol      | 约束属性为 symbol 类型                               | Attribute | NO       | yes      |
+| element     | 约束属性为 react 元素                                | Attribute | NO       | yes      |
+| node        | 约束属性为可以渲染的任何内容数字 字符串 元素 或 数组 | Attribute | NO       | yes      |
+| elementType | 约束属性为 react 类型                                | Attribute | NO       | yes      |
+| instanceOf  | 约束属性为某个对象的实例                             | function  | NO       | yes      |
+| oneOf       | 约束属性为给定值中的任意一个                         | function  | NO       | yes      |
+| oneOfType   | 约束属性为给定类型中的任意一个                       | function  | NO       | yes      |
+| arrayOf     | 约束属性为指定类型的数组                             | function  | NO       | yes      |
+| objectOf    | 约束属性为具有指定类型属性值的对象                   | function  | NO       | yes      |
+| shape       | 约束属性为指定构成方式的对象                         | function  | NO       | yes      |
+| exact       | 约束属性包含指定属性                                 | function  | NO       | yes      |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/qrcode-generator.md b/en/qrcode-generator.md
new file mode 100644
index 00000000..27a59066
--- /dev/null
+++ b/en/qrcode-generator.md
@@ -0,0 +1,121 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>qrcode-generator</code> </h1>
+</p>
+<p align="center">
+        <a href="https://github.com/kazuhikoarase/qrcode-generator">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/kazuhikoarase/qrcode-generator)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install qrcode-generator@1.4.4
+```
+
+#### **yarn**
+
+```bash
+yarn add qrcode-generator@1.4.4
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState, useEffect } from "react";
+import { View, Text, Image } from "react-native";
+import QRCode from "qrcode-generator";
+
+export const CustomQrCode = ({ text, style }) => {
+  const [base64Img, setBase64Img] = useState("hello word");
+  useEffect(() => {
+    const typeNumber = 4;
+    const errorCorrectionLevel = "L";
+    const qr = QRCode(typeNumber, errorCorrectionLevel);
+    qr.addData(text);
+    qr.make();
+    setBase64Img(qr.createDataURL(4, 10));
+  }, [text]);
+
+  return base64Img ? (
+    <Image
+      source={{ uri: base64Img }}
+      style={style}
+      resizeMode="contain"
+    ></Image>
+  ) : null;
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS或 Android 的效果。
+
+| Name                 | Description                                                | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| typeNumber           | Type number (1 ~ 40), or 0 for auto detection.             | number   | Yes      | iOS/Android | Yes               |
+| errorCorrectionLevel | Error correction level ('L', 'M', 'Q', 'H')                | string   | Yes      | iOS/Android | Yes               |
+| s                    | string to encode                                           | string   | Yes      | iOS/Android | Yes               |
+| data                 | string to encode                                           | string   | Yes      | iOS/Android | Yes               |
+| mode                 | Mode ('Numeric', 'Alphanumeric', 'Byte'(default), 'Kanji') | function | Yes      | iOS/Android | Yes               |
+| row                  | 0 ~ moduleCount - 1                                        | number   | Yes      | iOS/Android | Yes               |
+| col                  | 0 ~ moduleCount - 1                                        | number   | Yes      | iOS/Android | Yes               |
+| cellSize             | default: 2                                                 | function | No       | iOS/Android | Yes               |
+| margin               | default: cellSize \* 4                                     | function | No       | iOS/Android | Yes               |
+| alt                  | (optional)                                                 | function | No       | iOS/Android | Yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                      | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| QRCode(typeNumber,errorCorrectionLevel)   | Create a QRCode Object.                                      | function | Yes      | iOS/Android | Yes               |
+| QRCode.stringToBytes(s)                   | Encodes a string into an array of number(byte) using any charset. This function is used by internal. Overwrite this function to encode using a multibyte charset. | function | Yes      | iOS/Android | Yes               |
+| QRCode.make()                             | Make a QR Code.                                              | function | Yes      | iOS/Android | Yes               |
+| QRCode.getModuleCount()                   | The number of modules(cells) for each orientation. [Note] call make() before this function. | function | Yes      | iOS/Android | Yes               |
+| QRCode.isDark(row,col)                    | The module at row and col is dark or not. [Note] call make() before this function. | function | Yes      | iOS/Android | Yes               |
+| QRCode.addData(data,mode)                 | Add a data to encode.                                        | function | Yes      | iOS/Android | Yes               |
+| QRCode.createDataURL(cellSize, margin)    | Generate base64 links,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
+| QRCode.createImgTag(cellSize, margin,alt) | Generate img tag QR code,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
+| QRCode.createSvgTag(cellSize, margin)     | Generate QR codes for svg tags,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
+| QRCode.createTableTag(cellSize, margin)   | Generate QR codes for table tags,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
+| QRCode.createASCII(cellSize, margin)      | Generate ASCII code,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-ahooks.md b/en/react-ahooks.md
new file mode 100644
index 00000000..60d359d3
--- /dev/null
+++ b/en/react-ahooks.md
@@ -0,0 +1,224 @@
+<!-- {% raw %} -->
+模板版本：v0.2.0
+
+<p align="center">
+  <a href="https://ahooks.js.org/">
+    <img width="200" src="https://ahooks.js.org/logo.svg">
+  </a>
+</p>
+<p align="center">
+    <a href="https://github.com/alibaba/hooks/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/alibaba/hooks)
+
+## 📚 文档
+
+- [English](https://ahooks.js.org/)
+- [中文](https://ahooks.js.org/zh-CN/)
+
+## ✨ 特性
+
+- 易学易用
+- 支持 SSR
+- 对输入输出函数做了特殊处理，避免闭包问题
+- 包含大量提炼自业务的高级 Hooks
+- 包含丰富的基础 Hooks
+- 使用 TypeScript 构建，提供完整的类型定义文件
+
+## 📦 安装
+
+```bash
+$ npm install --save ahooks
+# or
+$ yarn add ahooks
+# or
+$ pnpm add ahooks
+# or
+$ bun add ahooks
+# or
+$ npm install @types/mockjs  --legacy-peer-deps
+# or
+$ npm install @ahooksjs/use-url-state --legacy-peer-deps
+# or
+$ npm install react-json-view@1.21.3
+```
+
+## 使用
+
+```tsx
+/**
+ * title: Default usage
+ * desc: Update state or props, you can see the output in the console
+ *
+ * title.zh-CN: 基础用法
+ * desc.zh-CN: 更新 state 或 props，可以在控制台看到输出
+ */
+
+import { useWhyDidYouUpdate } from 'ahooks';
+import React, { useState } from 'react';
+import { View, Text, Button } from 'react-native';
+
+const Demo: React.FC<{ count: number }> = (props) => {
+  const [randomNum, setRandomNum] = useState(Math.random());
+
+  useWhyDidYouUpdate('useWhyDidYouUpdateComponent', { ...props, randomNum });
+
+  return (
+    <View>
+      <View>
+        <Text>number: {props.count}</Text>
+      </View>
+      <View>
+        <Text>randomNum: {randomNum}</Text>
+        <View style={{ marginLeft: 8, width: 60, height: 40 }}>
+          <Button
+            title="🎲"
+            onPress={() => setRandomNum(Math.random)}
+          />
+        </View>
+      </View>
+    </View>
+  );
+};
+
+export function WhyDidYouUpdate() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <View>
+      <Demo count={count} />
+      <View style={{ display: 'flex', flexDirection: 'row' }}>
+        <View style={{ marginLeft: 8, width: 100, height: 60 }}>
+          <Button title="count -" onPress={() => setCount((prevCount) => prevCount - 1)} />
+        </View>
+
+        <View style={{ marginLeft: 8, width: 100, height: 60 }}>
+          <Button title="count +" onPress={() => setCount((prevCount) => prevCount + 1)} />
+        </View>
+      </View>
+      <Text style={{ marginTop: 8 }}>Please open the browser console to view the output!</Text>
+    </View>
+  );
+};
+```
+
+
+
+## 兼容性
+
+在以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，详情见 [ahooks官方文档](https://ahooks.js.org/zh-CN/)
+
+|            Name            |                                                                                                                        Description                                                                                                                        |   Type   | Platform | HarmonyOS Support |
+| :------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|          快速上手          |                                                                                      `useRequest` 的第一个参数是一个异步函数，在组件初次加载时，会自动触发该函数执行                                                                                      | Function |   All    |        yes        |
+|          基础用法          |                                                                                               同时自动管理该异步函数的 `loading` , `data` , `error` 等状态                                                                                                | Function |   All    |        yes        |
+|       Loading Delay        |                                                                                   通过设置 `options.loadingDelay` ，可以延迟 `loading` 变成 `true` 的时间，有效防止闪烁                                                                                   | Function |   All    |        yes        |
+|            轮询            |                                                                                  通过设置 `options.pollingInterval`，进入轮询模式，`useRequest` 会定时触发 service 执行                                                                                   | Function |   All    |        yes        |
+|           Ready            |                                                                                  通过设置 `options.ready`，可以控制请求是否发出，当其值为 `false` 时，请求永远都不会发出                                                                                  | Function |   All    |        yes        |
+|          依赖刷新          | 通过设置 `options.refreshDeps`，在依赖变化时， `useRequest` 会自动调用 [refresh](https://ahooks.js.org/zh-CN/hooks/use-request/basic/#result) 方法，实现[刷新（重复上一次请求）](https://ahooks.js.org/zh-CN/hooks/use-request/basic/#刷新重复上一次请求) | Function |   All    |        yes        |
+|      屏幕聚焦重新请求      |                                                                             通过设置 `options.refreshOnWindowFocus`，在浏览器窗口 `refocus` 和 `revisible` 时，会重新发起请求                                                                             | Function |   All    |        yes        |
+|            防抖            |                                                                       通过设置 `options.debounceWait`，进入防抖模式，此时如果频繁触发 `run` 或者 `runAsync`，则会以防抖策略进行请求                                                                       | Function |   All    |        yes        |
+|            节流            |                                                                       通过设置 `options.throttleWait`，进入节流模式，此时如果频繁触发 `run` 或者 `runAsync`，则会以节流策略进行请求                                                                       | Function |   All    |        yes        |
+|         缓存 & SWR         |                                                                             通过 `options.staleTime` 设置数据保持新鲜时间，在该时间内，我们认为数据是新鲜的，不会重新发起请求                                                                             | Function |   All    |        yes        |
+|          错误重试          |                                                                                     通过设置 `options.retryCount`，指定错误重试次数，则 useRequest 在失败后会进行重试                                                                                     | Function |   All    |        yes        |
+|      useHistoryTravel      |                                                                                                     管理状态历史变化记录，方便在历史记录中前进与后退                                                                                                      | Function |   All    |        yes        |
+|        useCountDown        |                                                                                                                 一个用于管理倒计时的 Hook                                                                                                                 | Function |   All    |        yes        |
+|         useCounter         |                                                                                                                     管理计数器的 Hook                                                                                                                     | Function |   All    |        yes        |
+|        useWebSocket        |                                                                                                                用于处理 WebSocket 的 Hook                                                                                                                 | Function |   All    |        yes        |
+|          useMount          |                                                                                                                只在组件初始化时执行的 Hook                                                                                                                | Function |   All    |        yes        |
+|         useUnmount         |                                                                                                            在组件卸载（unmount）时执行的 Hook                                                                                                             | Function |   All    |        yes        |
+|      useUnmountedRef       |                                                                                                              获取当前组件是否已经卸载的 Hook                                                                                                              | Function |   All    |        yes        |
+|        useSetState         |                                                                                       管理 object 类型 state 的 Hooks，用法与 class 组件的 `this.setState` 基本一致                                                                                       | Function |   All    |        yes        |
+|         useBoolean         |                                                                                                              优雅的管理 boolean 状态的 Hook                                                                                                               | Function |   All    |        yes        |
+|         useToggle          |                                                                                                               用于在两个状态值间切换的 Hook                                                                                                               | Function |   All    |        yes        |
+|       useCookieState       |                                                                                                           一个可以将状态存储在 Cookie 中的 Hook                                                                                                           | Function |   All    |        yes        |
+|   useSessionStorageState   |                                                                                                           将状态存储在 sessionStorage 中的 Hook                                                                                                           | Function |   All    |        yes        |
+|        useDebounce         |                                                                                                                   用来处理防抖值的 Hook                                                                                                                   | Function |   All    |        yes        |
+|        useThrottle         |                                                                                                                   用来处理节流值的 Hook                                                                                                                   | Function |   All    |        yes        |
+|           useMap           |                                                                                                                 管理 Map 类型状态的 Hook                                                                                                                  | Function |   All    |        yes        |
+|           useSet           |                                                                                                                 管理 Set 类型状态的 Hook                                                                                                                  | Function |   All    |        yes        |
+|        usePrevious         |                                                                                                                   保存上一次状态的 Hook                                                                                                                   | Function |   All    |        yes        |
+|        useRafState         |                                                    只在 [requestAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) callback 时更新 state，一般用于性能优化                                                    | Function |   All    |        yes        |
+|        useSafeState        |                                                               用法与 `React.useState` 完全一样，但是在组件卸载后异步回调内的 `setState` 不再执行，避免因组件卸载后更新状态而导致的内存泄漏                                                                | Function |   All    |        yes        |
+|        useGetState         |                                                                                               给 `React.useState` 增加了一个 getter 方法，以获取当前最新值                                                                                                | Function |   All    |        yes        |
+|       useResetState        |                                                                                               提供重置 state 方法的 Hooks，用法与 `React.useState` 基本一致                                                                                               | Function |   All    |        yes        |
+|      useUpdateEffect       |                                                                                      `useUpdateEffect` 用法等同于 `useEffect`，但是会忽略首次行，只在依赖更新时执行                                                                                       | Function |   All    |        yes        |
+|   useUpdateLayoutEffect    |                                                                               `useUpdateLayoutEffect` 用法等同于 `useLayoutEffect`，但是会忽略首次执行，只在依赖更新时执行                                                                                | Function |   All    |        yes        |
+|       useAsyncEffect       |                                                                                                                  useEffect 支持异步函数                                                                                                                   | Function |   All    |        yes        |
+|     useDebounceEffect      |                                                                                                               为 `useEffect` 增加防抖的能力                                                                                                               | Function |   All    |        yes        |
+|       useDebounceFn        |                                                                                                                  用来处理防抖函数的 Hook                                                                                                                  | Function |   All    |        yes        |
+|       useThrottleFn        |                                                                                                                  用来处理函数节流的 Hook                                                                                                                  | Function |   All    |        yes        |
+|     useThrottleEffect      |                                                                                                               为 `useEffect` 增加节流的能力                                                                                                               | Function |   All    |        yes        |
+|    useDeepCompareEffect    |                                                                         用法与 useEffect 一致，但 deps 通过 [lodash isEqual](https://lodash.com/docs/4.17.15#isEqual) 进行深比较                                                                          | Function |   All    |        yes        |
+| useDeepCompareLayoutEffect |                                                                      用法与 useLayoutEffect 一致，但 deps 通过 [lodash isEqual](https://lodash.com/docs/4.17.15#isEqual) 进行深比较                                                                       | Function |   All    |        yes        |
+|        useInterval         |                                                                                                             一个可以处理 setInterval 的 Hook                                                                                                              | Function |   All    |        yes        |
+|       useRafInterval       |                                                   用 `requestAnimationFrame` 模拟实现 `setInterval`，API 和 `useInterval` 保持一致，好处是可以在页面不渲染的时候停止执行定时器，比如页面隐藏或最小化等                                                    | Function |   All    |        yes        |
+|         useTimeout         |                                                                                                         一个可以处理 setTimeout 计时器函数的 Hook                                                                                                         | Function |   All    |        yes        |
+|       useRafTimeout        |                                                    用 `requestAnimationFrame` 模拟实现 `setTimeout`，API 和 `useTimeout` 保持一致，好处是可以在页面不渲染的时候不触发函数执行，比如页面隐藏或最小化等                                                     | Function |   All    |        yes        |
+|         useLockFn          |                                                                                                        用于给一个异步函数增加竞态锁，防止并发执行                                                                                                         | Function |   All    |        yes        |
+|         useUpdate          |                                                                                                  useUpdate 会返回一个函数，调用该函数会强制组件重新渲染                                                                                                   | Function |   All    |        yes        |
+|   useControllableValuet    |                                                                 在某些组件开发时，我们需要组件的状态既可以自己管理，也可以被外部控制，`useControllableValue` 就是帮你管理这种状态的 Hook                                                                  | Function |   All    |        yes        |
+|        useCreation         |                                                          `useCreation` 是 `useMemo` 或 `useRef` 的替代品，因为 `useMemo` 不能保证被 memo 的值一定不会被重新计算，而 `useCreation` 可以保证这一点                                                          | Function |   All    |        yes        |
+|      useEventEmitter       |                                                                                                在组件中调用 `useEventEmitter` 可以获得一个 `EventEmitter`                                                                                                 | Function |   All    |        yes        |
+|         useLatest          |                                                                                                          返回当前最新值的 Hook，可以避免闭包问题                                                                                                          | Function |   All    |        yes        |
+|       useMemoizedFn        |                                                 持久化 function 的 Hook，一般情况下，可以使用 useMemoizedFn 完全代替 useCallback，特殊情况见 [FAQ](https://ahooks.js.org/zh-CN/hooks/use-memoized-fn#faq)                                                 | Function |   All    |        yes        |
+|        useReactive         |                                                                                  提供一种数据响应式的操作体验，定义数据状态不需要写`useState`，直接修改属性即可刷新视图                                                                                   | Function |   All    |        yes        |
+|      useTrackedEffect      |                                                                                                        追踪是哪个依赖变化触发了 `useEffect` 的执行                                                                                                        | Function |   All    |        yes        |
+|     useWhyDidYouUpdate     |                                                                                                     帮助开发者排查是哪个属性改变导致了组件的 rerender                                                                                                     | Function |   All    |        yes        |
+
+## 手机端不支持方法澄清
+
+| title    | hook-name             | 解释                                                                                                    | 问题描述                                                                                                                                                          | HarmonyOS Support |
+| -------- | --------------------- | ------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------: |
+| Dom      | useDrop & useDrag     | 处理元素拖拽的 Hook                                                                                     | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useEventListener      | 优雅的使用 addEventListener                                                                             | 基础用法：无报错 监听 keydown 事件：无物理键盘                                                                                                                    |        NO         |
+| Dom      | useEventListener      | 优雅的使用 addEventListener                                                                             | 报错，无物理键盘                                                                                                                                                  |        NO         |
+| Dom      | useClickAway          | 监听目标元素外的点击事件                                                                                | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useDocumentVisibility | 监听页面是否可见                                                                                        | 无报错，无法监听到state状态变化，获取不到手机窗口                                                                                                                 |        NO         |
+| Dom      | useEventTarget        | 常见表单控件(通过 e.target.value 获取表单值) 的 onChange 跟 value 逻辑封装，支持自定义值转换和重置功能  | Cannot read property ‘value’of undefined                                                                                                                          |        NO         |
+| Dom      | useExternal           | 动态注入 JS 或 CSS 资源，useExternal 可以保证资源全局唯一                                               | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useTitle              | 用于设置页面标题                                                                                        | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useFavicon            | 设置页面的 favicon                                                                                      | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useFullscreen         | 管理 DOM 全屏的 Hook                                                                                    | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useHover              | 监听 DOM 元素是否有鼠标悬停                                                                             | 无报错，点击按钮无反应，监听不到属性变化                                                                                                                          |        NO         |
+| Dom      | useInViewport         | 观察元素是否在可见区域，以及元素可见比例                                                                | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useKeyPress           | 监听键盘按键，支持组合键，支持按键别名                                                                  | 无报错，没有物理键盘，无法操作属性                                                                                                                                |        NO         |
+| Dom      | useLongPress          | 监听目标元素的长按事件                                                                                  | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useMouse              | 监听鼠标位置                                                                                            | 无报错，点击按钮无反应，监听不到属性变化                                                                                                                          |        NO         |
+| Dom      | useResponsive         | 获取响应式信息                                                                                          | Cannot convert undefined value to object                                                                                                                          |        NO         |
+| Dom      | useScroll             | 监听元素的滚动位置                                                                                      | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useSize               | 监听 DOM 节点尺寸变化的 Hook                                                                            | 无报错，无法获取到document                                                                                                                                        |        NO         |
+| Dom      | useFocusWithin        | 监听当前焦点是否在某个区域之内                                                                          | 无报错，无法监听到state变化                                                                                                                                       |        NO         |
+| Advanced | useReactive           | 提供一种数据响应式的操作体验，定义数据状态不需要写useState，直接修改属性即可刷新视图                    | input输入框中无法输入文字，只能输入数字 Cannot read property 'map' of undefined                                                                                   |        NO         |
+| State    | useUrlState           | 通过 url query 来管理 state 的 Hook                                                                     | 无报错，不生效                                                                                                                                                    |        NO         |
+| State    | useLocalStorageState  | 将状态存储在 localStorage 中的 Hook                                                                     | 无报错，不生效                                                                                                                                                    |        NO         |
+| Scene    | useAntdTable          | useAntdTable 会自动管理 Table 分页数据，你只需要把返回的 tableProps 传递给 Table 组件                   | ui组件无法使用，document”不存在                                                                                                                                   |        NO         |
+| Scene    | useFusionTable        | useFusionTable 会自动管理 Table 分页数据，你只需要把返回的 tableProps 与 paginationProps 传递给相应组件 | ui组件无法使用，document”不存在                                                                                                                                   |        NO         |
+| Scene    | useInfiniteScroll     | useInfiniteScroll 封装了常见的无限滚动逻辑                                                              | 滚动自动加载:在无限滚动场景中数据加载变多Scroll无响应                                                                                                             |        NO         |
+| Scene    | usePagination         | 用法与 useRequest 一致，但会多返回一个 pagination 参数，包含所有分页信息，及操作分页的函数              | 报错，不支持mockjs                                                                                                                                                |        NO         |
+| Scene    | useDynamicList        | 一个帮助你管理动态列表状态，并能生成唯一 key 的 Hook                                                    | 报错，Render ErrorView config getter callback for component path mustbe a function (recelved undefined). Make sure to startcomponent names with a capital letter. |        NO         |
+| Scene    | useVirtualList        | 提供虚拟化列表能力的 Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题                         | 无报错，不生效                                                                                                                                                    |        NO         |
+| Scene    | useNetwork            | 管理网络连接状态的 Hook                                                                                 | 报错,window.addEventListener is not a function                                                                                                                    |        NO         |
+| Scene    | useSelections         | 常见联动 Checkbox 逻辑封装，支持多选，单选，全选逻辑，还提供了是否选择，是否全选，是否半选的状态        | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Scene    | useTextSelection      | 实时获取用户当前鼠标选取的文本内容及位置                                                                | 无报错，没有鼠标，无法操作属性                                                                                                                                    |        NO         |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Foblador%2Freact-native-progress%2Fblob%2Fmaster%2FLICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-content-loader.md b/en/react-content-loader.md
new file mode 100644
index 00000000..0464395d
--- /dev/null
+++ b/en/react-content-loader.md
@@ -0,0 +1,122 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-content-loader</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/danilowoz/react-content-loader">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/danilowoz/react-content-loader/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-content-loader)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-content-loader@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-content-loader@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import ContentLoader, { Facebook, Code, List, BulletList, Instagram, Rect, Circle } from 'react-content-loader/native'
+import { View, ScrollView } from "react-native"
+
+export function AppExample() {
+    return <View style={{ flex: 1, backgroundColor: 'white' }}>
+        <ScrollView >
+            <ContentLoader
+                width={'100%'}
+                height={80}
+                animate={false}
+                viewBox="0 0 380 70"
+            >
+                <Circle cx="30" cy="30" r="30" />
+                <Rect x="80" y="17" rx="4" ry="4" width="300" height="13" />
+                <Rect x="80" y="40" rx="3" ry="3" width="250" height="10" />
+            </ContentLoader>
+            <Facebook></Facebook>
+            <Code></Code>
+            <List></List>
+            <BulletList></BulletList>
+            <Instagram></Instagram>
+        </ScrollView>
+    </View>
+}
+
+```
+## Link
+
+本库依赖@react-native-oh-tpl/react-native-svg，如已在鸿蒙工程中引入过该库，则无需再次引入。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases)
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Options
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| animate  | Opt-out of animations with false         | boolean  | no | all      | yes |
+| speed  | Animation speed in seconds         | number  | no | all      | yes |
+| rtl  | Content right-to-left         | boolean  | no | all      | yes |
+| backgroundColor  | Used as background of animation         | string  | no | all      | yes |
+| viewBox  | Use viewBox props to set a custom viewBox value,for more information about how to use it,read the article [How to Scale SVG](https://css-tricks.com/scale-svg/)         | string  | no | all      | yes |
+| foregroundColor  | Used as the foreground of animation         | string  | no | all      | yes |
+| interval  |  Animation interval in seconds         | number  | no | all      | yes |
+| beforeMask  | Define custom shapes before content         | JSX.Element  | no | all      | partially |
+| uniqueKey  | Use the same value of prop key, that will solve inconsistency on the SSR         | string  | no | React DOM only      | no |
+| title  |  It's used to describe what element it is. Use '' (empty string) to remove.    | string  | no | React DOM only      | no |
+| baseUrl  | Required if you're using `<base url="/" />` document `<head/>`. This prop is common used as: `<ContentLoader baseUrl={window.location.pathname} />` which will fill the SVG attribute with the relative path. Related [#93](https://github.com/danilowoz/react-content-loader/issues/93). | string  | no | React DOM only      | no |
+| backgroundOpacity  |  Background opacity (0 = transparent, 1 = opaque)used to solve an issue in [Safari](#safari--ios)     | number  | no | React DOM only      | no |
+| foregroundOpacity  |  Animation opacity (0 = transparent, 1 = opaque)used to solve an issue in [Safari](#safari--ios)     | number  | no | React DOM only      | no |
+| style  |  css style     | React.CSSProperties  | no | React DOM only      | no |
+
+
+## 遗留问题
+- [ ]  beforeMask属性设置非svg暴露出来的组件时无效: [issue#256](https://github.com/react-native-oh-library/react-native-harmony-svg/issues/256) 
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/danilowoz/react-content-loader/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-countdown-circle-timer.md b/en/react-countdown-circle-timer.md
new file mode 100644
index 00000000..326bd8f1
--- /dev/null
+++ b/en/react-countdown-circle-timer.md
@@ -0,0 +1,127 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-countdown-circle-timer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vydimitrov/react-countdown-circle-timer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/vydimitrov/react-countdown-circle-timer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/vydimitrov/react-countdown-circle-timer)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-countdown-circle-timer@3.2.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-countdown-circle-timer@3.2.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react'
+import { View, StyleSheet, Button, Text, ScrollView } from 'react-native';
+import { CountdownCircleTimer } from 'react-native-countdown-circle-timer'
+
+
+export function SwitchDemo(){
+  const [isPlaying, setIsPlaying] = useState(true)
+  const [count, setCount] = useState(15)
+  
+  return(
+    <View  style={styles.container}>
+      <CountdownCircleTimer
+        isPlaying={isPlaying}
+        duration={count}
+        initialRemainingTime={6}
+        isSmoothColorTransition={false}
+        colors="#aabbcc"
+        onUpdate={(remainingTime) => {
+          console.log('Counter is ', count)
+          console.log('Remaining time is ', remainingTime)
+        }}
+        onComplete={() => ({ shouldRepeat: true })}
+      >
+        {({ remainingTime }) => remainingTime}
+      </CountdownCircleTimer>
+      <Button onPress={() => setIsPlaying((prev) => !prev)} title={'Toggle Playing'}></Button>
+      <Button onPress={() => setCount((prev) => (prev += 5))} title={'Count'}></Button>
+    </View>
+    )
+  }
+  const styles = StyleSheet.create({
+    container: {
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor:"#fff",
+      
+    }
+  });
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
+| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
+|     colors      |     colors prop is either:(Single valid color in any format or URL to a gradient;Array of colors in HEX format. At least 2 colors should be provided)    | `string & string[]` |    No    | Android/iOS |        Yes        |
+|       colorsTime        |          Indicates the time when a color should switch to the next color. The first number is the countdown duration and the last one is 0 or goal. Works only when colors is an array of HEX colors         |       	number[]       |    No    | Android/iOS |        Yes        |
+|      isPlaying       | 	Play or pause animation |   boolean  |    No    | Android/iOS |        Yes        |
+|     initialRemainingTime      |        Set the initial remaining time if it is different than the duration    |      number      |    No    | Android/iOS |        Yes        |
+|     updateInterval      | 	Update interval in seconds. Determines how often the timer updates. When set to 0 the value will update on each key frame |      number      |    No    | Android/iOS |        Yes        |
+|      size      | 	Width and height of the SVG element |   number   |    No    | Android/iOS |        Yes        |
+|      strokeWidth       | 	Path stroke width |  number   |    No    | Android/iOS |        Yes        |
+|      trailStrokeWidth       | Trail stroke width |      number       |    No    | Android/iOS |        Yes        |
+|    strokeLinecap     | Path stroke line cap |      `round 、 square 、 butt`       |    No    | Android/iOS |        Yes        |
+|       rotation        | 	Progress path rotation direction|  `clockwise 、 counterclockwise`  |    No    | Android/iOS |        Yes        |
+|     isGrowing     | Indicated if the progress path should be growing instead of shrinking |      boolean       |    No    | Android/iOS |        Yes        |
+|     trailColor     | 	Circle trail color - takes any valid color format|      string       |    No    | Android/iOS |        Yes        |
+|     isSmoothColorTransition      |Indicates if the colors should smoothly transition to the next color |       boolean       |    No    | Android/iOS |        Yes        |
+|    children     | 	Render function to customize the time/content in the center of the circle    |    function  |  No  |         Android/iOS     |Yes
+| onComplete | 	On animation complete event handler |       function    |    No    | Android/iOS |        Yes        |
+|        onUpdate        |        On remaining time update event handler           |       function     |   No    | Android/iOS |        Yes        |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/vydimitrov/react-countdown-circle-timer/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-i18next.md b/en/react-i18next.md
new file mode 100644
index 00000000..48b8167a
--- /dev/null
+++ b/en/react-i18next.md
@@ -0,0 +1,115 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>react-i18next</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/i18next/react-i18next/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/i18next/react-i18next)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+
+npm install i18next@^23.2.3
+npm install react-i18next@^14.0.0
+
+```
+
+#### **yarn**
+
+```bash
+
+yarn add i18next@^23.2.3
+yarn add react-i18next@^14.0.0
+
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React from "react";
+import { createRoot } from "react-dom/client";
+import i18n from "i18next";
+import { useTranslation, initReactI18next } from "react-i18next";
+
+i18n
+  .use(initReactI18next) // passes i18n down to react-i18next
+  .init({
+    // the translations
+    // (tip move them in a JSON file and import them,
+    // or even better, manage them via a UI: https://react.i18next.com/guides/multiple-translation-files#manage-your-translations-with-a-management-gui)
+    resources: {
+      en: {
+        translation: {
+          "Welcome to React": "Welcome to React and react-i18next",
+        },
+      },
+    },
+    lng: "en", // if you're using a language detector, do not define the lng option
+    fallbackLng: "en",
+
+    interpolation: {
+      escapeValue: false, // react already safes from xss => https://www.i18next.com/translation-function/interpolation#unescape
+    },
+  });
+
+function App() {
+  const { t } = useTranslation();
+
+  return <h2>{t("Welcome to React")}</h2>;
+}
+
+// append app to dom
+const root = createRoot(document.getElementById("root"));
+root.render(<App />);
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [react-i18next源库地址](https://github.com/i18next/react-i18next)
+
+| Name             | Description                                                                                                                                                             | Type     | Required | Platform | HarmonyOS Support |
+| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| initReactI18next | we pass the i18n instance to react-i18next which will make it available for all the components.                                                                         | function | no       | /        | yes               |
+| useTranslation   | It gets the t function and i18n instance inside your functional component.                                                                                              | function | no       | /        | yes               |
+| withTranslation  | The withTranslation is a classic HOC (higher order component) and gets the t function and i18n instance inside your component via props.                                | function | no       | /        | yes               |
+| Translation      | The Translation is a render prop and gets the t function and i18n instance to your component.                                                                           | function | no       | /        | yes               |
+| Trans            | The Trans component is the best way to translate a JSX tree in one translation. This enables you to eg. easily translate text containing a link component or formatting | function | no       | /        | yes               |
+| I18nextProvider  | The I18nextProvider does take an i18next instance via prop i18n and passes that down using the context API.                                                             | function | no       | /        | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/i18next/react-i18next/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-lifecycles-compat.md b/en/react-lifecycles-compat.md
new file mode 100644
index 00000000..e952c0dd
--- /dev/null
+++ b/en/react-lifecycles-compat.md
@@ -0,0 +1,180 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-lifecycles-compat</code> </h1>
+</p>
+<p align="center">
+<a href="https://github.com/reactjs/react-lifecycles-compat/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/reactjs/react-lifecycles-compat)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-lifecycles-compat@3.0.4
+```
+
+#### **yarn**
+
+```bash
+yarn add react-lifecycles-compat@3.0.4
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React from "react";
+import { Text, View, Button } from "react-native";
+import { polyfill } from "react-lifecycles-compat";
+import { State } from "react-native-gesture-handler";
+class ShowComponent extends React.Component {
+  render() {
+    return (
+      <View>
+        <Text
+          style={{
+            width: "95%",
+            textAlign: "center",
+            height: 60,
+            lineHeight: 55,
+            backgroundColor: "pink",
+            fontSize: 40,
+            borderRadius: 30,
+          }}
+        >
+          新组件
+        </Text>
+      </View>
+    );
+  }
+}
+class ExampleComponent extends React.Component {
+  state = {
+    Text1: "未执行",
+    count1: 0,
+    Text2: "未执行",
+    visible: false,
+  };
+  static getDerivedStateFromProps = (nextProps, prevState) => {
+    // Normally this method would only work for React 16.3 and newer,
+    // But the polyfill will make it work for older versions also!
+    return { Text1: "已执行", count1: prevState.count1 + 1 };
+  };
+
+  getSnapshotBeforeUpdate(prevProps, prevState) {
+    // Normally this method would only work for React 16.3 and newer,
+    // But the polyfill will make it work for older versions also!
+    return true;
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    if (snapshot) {
+      if (this.state.Text2 !== "已执行") {
+        this.setState({
+          Text2: "已执行",
+        });
+      }
+    }
+  }
+  // render() and other methods ...
+  handleClick = () => {
+    this.setState({ visible: true });
+  };
+  render() {
+    const { visible, Text1, Text2, count1 } = this.state;
+    return (
+      <View>
+        <View style={{ width: "100%", height: 60, margin: 10 }}>
+          {visible ? <ShowComponent></ShowComponent> : <Text>{visible}</Text>}
+        </View>
+        <Text style={{ backgroundColor: "#F5F5F5", margin: 5 }}>
+          getDerivedStateFromProps生命周期会在React初始化挂载和后续更新时调用render之前调用，返回一个对象来更新state，或者返回null就不更新任何内容
+        </Text>
+        <Text style={{ backgroundColor: "#F5F5F5", margin: 5 }}>
+          getSnapshotBeforeUpdate生命周期会在React更新DOM之前时直接调用，使你的组件能够在DOM发生更改之前捕获一些信息
+        </Text>
+        <Button title="点击创建组件！" onPress={this.handleClick} />
+        <Text
+          style={{
+            width: "100%",
+            textAlign: "center",
+            lineHeight: 40,
+            height: 40,
+            backgroundColor: "green",
+            margin: 5,
+            fontSize: 16,
+          }}
+        >
+          生命周期getDerivedStateFromProps{this.state.Text1}+{this.state.count1}
+        </Text>
+        <Text
+          style={{
+            width: "100%",
+            textAlign: "center",
+            lineHeight: 40,
+            height: 40,
+            backgroundColor: "green",
+            margin: 5,
+            fontSize: 16,
+          }}
+        >
+          生命周期getSnapshotBeforeUpdate{this.state.Text2}
+        </Text>
+      </View>
+    );
+  }
+}
+
+// Polyfill your component so the new lifecycles will work with older versions of React:
+polyfill(ExampleComponent);
+
+export default ExampleComponent;
+```
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+| Name                     | Description                            | Required | Platform | HarmonyOS Support |
+| ------------------------ | -------------------------------------- | -------- | -------- | ----------------- |
+| getDerivedStateFromProps | Initialize the mount.                  | NO       | Android  | YES               |
+| getSnapshotBeforeUpdate  | Call directly before updating the DOM. | NO       | Android  | YES               |
+
+## 遗留问题
+
+## 其他
+
+以下事项与原库保持一致需注意遵循：
+
+为了使polyfill工作，您的组件不能定义以下生命周期：componentWillMount，componentWillReceiveProps，componentWillUpdate.
+
+如果您的组件包含getSnapshotBeforeUpdate，那么也必须定义componentDidUpdate，如果不满足上述任何条件，将抛出错误.
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-MJRefresh.md b/en/react-native-MJRefresh.md
new file mode 100644
index 00000000..0ac22357
--- /dev/null
+++ b/en/react-native-MJRefresh.md
@@ -0,0 +1,278 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-MJRefresh</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-studio/react-native-MJRefresh">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-studio/react-native-MJRefresh/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-MJRefresh)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-mjrefresh@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-mjrefresh@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { Component } from "react";
+import { Text, View } from "react-native";
+import MJRefresh, { ScrollView } from "react-native-mjrefresh";
+
+export default class MjRefreshDemo extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  state = {
+    text: "下拉刷新",
+    refreshing: false
+  }
+  _onRefresh = () => {
+    setTimeout(() => {
+      this._hw && this._hw.finishRefresh();
+    }, 1000);
+  }
+  render() {
+    return (
+      <ScrollView
+        refreshControl={
+          <MJRefresh
+            ref={ref => this._mjrefresh = ref}
+            onRefresh={
+              () => {
+                this.setState({
+                  text: '正在刷新'
+                })
+                console.log('onRefresh')
+                setTimeout(() => {
+                  this._mjrefresh && this._mjrefresh.finishRefresh();
+                }, 1000)
+              }
+            }
+            onRefreshIdle={() => console.log('onRefreshIdle')}
+            onReleaseToRefresh={() => {
+              this.setState({
+                text: '释放刷新'
+              })
+            }}
+            onPulling={e => {
+              console.log('cbdtest onPulling:' + e.nativeEvent.percent)
+              if (e.nativeEvent.percent < 0.1) {
+                this.setState({
+                  text: '下拉刷新'
+                })
+              }
+            }}
+          >
+            <View style={{
+              height: 100, backgroundColor: 'red',
+              justifyContent: 'center',
+              alignItems: 'center', flexDirection: 'row'
+            }}>
+              <Text>{this.state.text}</Text>
+            </View>
+          </MJRefresh>
+        }
+      >
+        <Text>{"mjRefresh TEST mjRefresh TEST mjRefresh TEST mjRefresh TEST mjRefresh TEST"}</Text>
+      </ScrollView>
+    )
+  };
+};
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-mjrefresh": "file:../../node_modules/@react-native-oh-tpl/react-native-mjrefresh/harmony/mjrefresh.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 MJRefreshPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-mjrefresh/src/main/cpp" ./mjrefresh)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_mjrefresh)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "MJRefreshPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<MJRefreshPackage>(ctx),
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
+
+| Name               | Description | Type     | Required | Platform | HarmonyOS Support (ArkTS) |HarmonyOS Support (CAPI) |
+| :----------------- | ----------- | -------- | -------- | -------- | ----------------- |----------------- |
+| onRefresh          | System Path | function | No       | IOS      | yes               |yes               |
+| onRefreshIdle      | System Path | function | No       | IOS      | yes               |yes               |
+| onReleaseToRefresh | System Path | function | No       | IOS      | yes               |yes               |
+| onPulling          | System Path | function | No       | IOS      | yes               |yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
+
+| Name          | Description | Type     | Required | Platform | HarmonyOS Support (ArkTS) | HarmonyOS Support (CAPI) |
+| :------------ | ----------- | -------- | -------- | -------- | ----------------- |----------------- |
+| beginRefresh  | System Path | function | No       | IOS      | yes               |yes               |
+| finishRefresh | System Path | function | No       | IOS      | yes               |yes               |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License (Apache)](https://github.com/react-native-studio/react-native-MJRefresh/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-QRCode.md b/en/react-native-QRCode.md
new file mode 100644
index 00000000..adcdd780
--- /dev/null
+++ b/en/react-native-QRCode.md
@@ -0,0 +1,140 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-qrcode</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/cssivision/react-native-qrcode">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/cssivision/react-native-qrcode/blob/master/LICENSE">
+       <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-qrcode)
+
+## 安装与使用
+
+1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-qrcode@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-qrcode@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import QRCode from "react-native-qrcode";
+import { StyleSheet, View, TextInput, Button } from "react-native";
+export const QrCodeExamle = () => {
+  const [text, setText] = useState("");
+  const [QRCodeValue, setQRCodeValue] = useState < any > null;
+  const showQRCode = () => {
+    setQRCodeValue(text);
+  };
+  const reset = () => {
+    setQRCodeValue(null);
+    setText("");
+  };
+  return (
+    <View style={styles.container}>
+      <TextInput
+        placeholder="请输入要生成二维码的文本"
+        style={styles.input}
+        onChangeText={(text) => setText(text)}
+        value={text}
+      />
+      <View style={{ flexDirection: "row" }}>
+        <Button title="点击生成二维码" onPress={showQRCode} />
+        <Button title="重置" onPress={reset} />
+      </View>
+
+      {QRCodeValue && (
+        <QRCode
+          value={QRCodeValue}
+          size={200}
+          bgColor="black"
+          fgColor="white"
+        />
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "white",
+    alignItems: "center",
+  },
+
+  input: {
+    width: 300,
+    height: 40,
+    borderColor: "gray",
+    borderWidth: 1,
+    margin: 10,
+    borderRadius: 5,
+    padding: 5,
+  },
+});
+```
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)
+
+## 属性
+
+### QRCode
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+ 
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+该库为 UI 组件库，通过配置属性标签，实现对应的功能。
+
+| Name    | Type   | Description                 | Required | Platform    | HarmonyOS Support |
+| ------- | ------ | --------------------------- | -------- | ----------- | ----------------- |
+| value   | string | What the qrcode stands for. | no       | iOS/Android | yes               |
+| size    | number | qrcode size                 | no       | iOS/Android | yes               |
+| bgColor | string | backgroundColor             | no       | iOS/Android | yes               |
+| fgColor | string | fgColor                     | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-qrcode/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-SmartRefreshLayout.md b/en/react-native-SmartRefreshLayout.md
new file mode 100644
index 00000000..f49f4956
--- /dev/null
+++ b/en/react-native-SmartRefreshLayout.md
@@ -0,0 +1,399 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-SmartRefreshLayout</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-studio/react-native-SmartRefreshLayout">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-smartrefreshlayout)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-smartrefreshlayout@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-smartrefreshlayout@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import {
+  View,
+  Text,
+  FlatList,
+  StyleSheet,
+  TouchableOpacity,
+} from "react-native";
+import {
+  SmartRefreshControl,
+  AnyHeader,
+} from "react-native-smartrefreshlayout";
+
+const App = () => {
+  const [text, setText] = useState("状态");
+  const [text1, setText1] = useState("刷新时间");
+
+  const [headerHeight, setHeaderHeight] = useState(66);
+  const [color, setColor] = useState("#fff000");
+
+  const [data, setData] = useState([
+    { id: 1, text: "Item 1" },
+    { id: 2, text: "Item 2" },
+    { id: 3, text: "Item 3" },
+    { id: 4, text: "Item 4" },
+    { id: 5, text: "Item 5" },
+    { id: 6, text: "Item 6" },
+    { id: 7, text: "Item 7" },
+    { id: 8, text: "Item 8" },
+    { id: 9, text: "Item 9" },
+    { id: 10, text: "Item 10" },
+    { id: 11, text: "Item 11" },
+
+    // ... more data ...
+  ]);
+
+  const onLoadMore = () => {
+    // Simulate loading more data
+    setTimeout(() => {
+      setData([
+        ...data,
+        { id: data.length + 1, text: `New Item ${data.length + 1}` },
+        // ... more loaded data ...
+      ]);
+    }, 1000);
+  };
+
+  const renderItem = ({ item }) => (
+    <View style={styles.item}>
+      <Text style={styles.item}>{item.text}</Text>
+    </View>
+  );
+  let smartRefreshControlRef: React.RefObject<SmartRefreshControl>;
+  return (
+    <View>
+      <TouchableOpacity
+        onPress={() => {
+          smartRefreshControlRef.finishRefresh({ delayed: -1, success: true });
+        }}
+      >
+        <Text style={{ height: 40, width: "100%", backgroundColor: "red" }}>
+          finish
+        </Text>
+      </TouchableOpacity>
+
+      <TouchableOpacity
+        onPress={() => {
+          setHeaderHeight(headerHeight == 66 ? 132 : 66);
+        }}
+      >
+        <Text style={{ height: 40, width: "100%", backgroundColor: "pink" }}>
+          切换高度 66/132
+        </Text>
+      </TouchableOpacity>
+
+      <TouchableOpacity
+        onPress={() => {
+          setColor(color === "#fff000" ? "red" : "#fff000");
+        }}
+      >
+        <Text style={{ height: 40, width: "100%", backgroundColor: "green" }}>
+          切换颜色（正在刷新中不支持切换背景色）
+        </Text>
+      </TouchableOpacity>
+
+      <Text style={{ height: 40, width: "100%", backgroundColor: "" }}>
+        {text}
+      </Text>
+      <Text style={{ height: 40, width: "100%", backgroundColor: "" }}>
+        {text1}
+      </Text>
+      <SmartRefreshControl
+        ref={(ref) => (smartRefreshControlRef = ref)}
+        primaryColor={color}
+        headerHeight={headerHeight}
+        style={{ height: 500, width: "100%", backgroundColor: "#ffcc00" }}
+        onHeaderMoving={(e) => {
+          setText("onHeaderMoving" + JSON.stringify(e.nativeEvent));
+        }}
+        onRefresh={() => {
+          setText1("时间：" + new Date().getTime() + "onRefresh触发刷新");
+        }}
+        HeaderComponent={
+          <AnyHeader style = {{ height: 0 }}>
+            <Text style={{ height: 66, width: "100%" }}>{text}</Text>
+          </AnyHeader>
+        }
+      >
+        <FlatList
+          style={{ flex: 1, height: "100%", width: "100%" }}
+          bounces={false}
+          data={data}
+          renderItem={renderItem}
+          keyExtractor={(item) => item.id.toString()}
+        />
+      </SmartRefreshControl>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  item: {
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: "#ccc",
+    width: 100,
+    height: 100,
+  },
+});
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 （推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-smartrefreshlayout": "file:../../node_modules/@react-native-oh-tpl/react-native-smartrefreshlayout/harmony/smart_refresh_layout.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SmartRefreshLayoutPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_END: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-smartrefreshlayout/src/main/cpp" ./smart-refresh-layout)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_smart_refresh_layout)
+# RNOH_BEGIN: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "SmartRefreshLayoutPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<SmartRefreshLayoutPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 SmartRefreshPackage（版本>=0.6.7-0.2.9）
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { SmartRefreshPackage } from '@react-native-oh-tpl/react-native-smartrefreshlayout/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SmartRefreshPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)
+
+## 属性
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**组件 SmartRefreshControl**
+
+| Name                  | Description                                                      | Type                                                                         | Required | Platform | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------------------- | ---------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| `HeaderComponent`     | 用于渲染 SmartRefreshLayout 组件的 header,默认为 DefaultHeader。 | Element                                                                      | No       | Android  | Yes               |
+| `renderHeader`        | 用于渲染 SmartRefreshLayout 组件的 header,默认为 DefaultHeader。 | Element/func                                                                 | No       | Android  | Yes                |
+| `enableRefresh`       | 是否启用下拉刷新,默认为 true                                     | boolean                                                                      | No       | Android  | Yes                |
+| `headerHeight`        | 设定 header 的高度                                               | number                                                                       | No       | Android  | Yes               |
+| `primaryColor`        | 设置刷新组件的主调色                                             | string                                                                       | No       | Android  | Yes               |
+| `autoRefresh`         | 是否自动刷新                                                     | object:{refresh:boolean, time:number}                                        | No       | Android  | Yes                |
+| `pureScroll`          | 是否启用纯滚动                                                   | boolean                                                                      | No       | Android  | No                |
+| `overScrollBounce`    | 是否启用越界拖动，类似 IOS 样式。                                | boolean                                                                      | No       | Android  | No                |
+| `dragRate`            | 设置组件下拉高度与手指真实下拉高度的比值,默认为 0.5。            | number                                                                       | No       | Android  | Yes                |
+| `maxDragRate`         | 设置最大显示下拉高度与 header 标准高度的比值，默认为 2.0。       | number                                                                       | No       | Android  | Yes                |
+| `onPullDownToRefresh` | 可下拉刷新时触发                                                 | function                                                                     | No       | Android  | Yes                |
+| `onReleaseToRefresh`  | 可释放刷新时触发                                                 | function                                                                     | No       | Android  | Yes                |
+| `onRefresh`           | 刷新时触发                                                       | function                                                                     | No       | Android  | Yes               |
+| `onHeaderReleased`    | Header 释放时触发                                                | function                                                                     | No       | Android  | Yes                |
+| `onHeaderMoving`      | header 移动过程中触发,包括下拉过程和释放过程。                   | ({nativeEvent: {percent:number, offset:number, headerHeight:number}})=>void; | No       | Android  | Yes               |
+
+
+**组件 AnyHeader**
+
+当前组件支持
+
+| Name           | Description                      | Type   | Required | Platform |  HarmonyOS Support |
+| -------------- | ------------------------ | ------ | -------- | -------- | -------- |
+| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | Yes   |
+
+**组件 DefaultHeader/ClassicsHeader**
+
+当前组件支持
+
+| Name          | Description                      | Type   | Required  | Platform |  HarmonyOS Support |
+| -------------- | ------------------------ | ------ | -------- | -------- | -------- |
+| `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | Yes   |
+| `accentColor`  | 刷新组件 Header 的强调色 | string | No       | Android  | Yes   |
+
+**组件 StoreHouseHeader**
+
+当前组件支持
+
+| Name       | Description                         | Type    | Required  | Platform |  HarmonyOS Support |
+| ----------- | --------------------------- | ------ | -------- | -------- | -------- |
+| `text`      | StoreHouseHeader 的文字     | string | No       | Android  | Yes   |
+| `textColor` | StoreHouseHeader 的文字颜色 | string | No       | Android  | Yes   |
+| `lineWidth` | StoreHouseHeader 的文字线宽 | number | No       | Android  | Yes   |
+
+---
+
+## 静态方法
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| finishRefresh  | complete refresh         | function  | No | Android      | Yes |
+
+## 遗留问题
+
+- [X] SmartRefreshLayout 包裹 FlatList 组件，多次下拉刷新，item 会回弹：[Issue #11 ](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/issues/11)
+- [ ] SmartRefreshLayout 的StoreHouseHeader刷新头，暂不支持透明度的变化：[Issue #45 ](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/issues/45)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/0.6.7/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-action-button.md b/en/react-native-action-button.md
new file mode 100644
index 00000000..3942f097
--- /dev/null
+++ b/en/react-native-action-button.md
@@ -0,0 +1,153 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-action-button</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mastermoo/react-native-action-button">
+         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+     <a href="https://github.com/mastermoo/react-native-action-button/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/mastermoo/react-native-action-button)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-action-button@2.8.5
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-action-button@2.8.5
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { Component } from "react";
+import { StyleSheet, View,Text } from "react-native";
+import ActionButton from "react-native-action-button";
+
+export class App extends Component {
+  render() {
+    return (
+      <View style={{ flex: 1, backgroundColor: "#f3f3f3" }}>
+        <ActionButton buttonColor="rgba(231,76,60,1)">
+          <ActionButton.Item
+            buttonColor="#9b59b6"
+            title="New Task"
+            onPress={() => console.log("notes tapped!")}
+          >
+            <Text>1</Text>
+          </ActionButton.Item>
+          <ActionButton.Item
+            buttonColor="#3498db"
+            title="Notifications"
+            onPress={() => {}}
+          >
+             <Text>2</Text>
+          </ActionButton.Item>
+          <ActionButton.Item
+            buttonColor="#1abc9c"
+            title="All Tasks"
+            onPress={() => {}}
+          >
+             <Text>3</Text>
+          </ActionButton.Item>
+        </ActionButton>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  actionButtonIcon: {
+    fontSize: 20,
+    height: 22,
+    color: "#000",
+  },
+});
+```
+## 约束与限制
+
+## 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                      |  Description                                                                                                                                                                                                                                             | Type     | Required | Platform |  HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- |----------| -------- |
+| resetToken                | use this to reset the internal component state (expand/collapse) in a re-render cycle. Synchronize the component state.                                                                                                                           | any      | No       | All      | Yes      |
+| size                      | use this to change the size of the Button                                                                                                                                                                                                         | number   | No       | All        | Yes      |
+| active                    | action buttons visible or not                                                                                                                                                                                                                     | boolean  | No       | All        | Yes      |
+| position                  | one of: left center and right                                                                                                                                                                                                                     | string   | No       | All        | Yes      |
+| autoInactive              | Auto hide ActionButtons when ActionButton.Item is pressed.                                                                                                                                                                                        | boolean  | No       | All        | Yes      |
+| hideShadow                | use this to hide the default elevation and boxShadow                                                                                                                                                                                              | boolean  | No       | All        | Yes      |
+| spacing                   | spacing between the ActionButton.Items                                                                                                                                                                                                            | number   | No       | All        | Yes      |
+| offsetX                   | offset from the left/right side of the screen                                                                                                                                                                                                     | number   | No       | All        | Yes      |
+| offsetY                   | offset from the bottom/top of the screen                                                                                                                                                                                                          | number   | No       | All        | Yes      |
+| buttonText                | use this to set a different text on the button                                                                                                                                                                                                    | string   | No       | All        | Yes      |
+| degrees                   | degrees to rotate icon                                                                                                                                                                                                                            | number   | No       | All        | Yes      |
+| shadowStyle               | The custom shadow style you want to pass in the action button                                                                                                                                                                                     | style    | No       | All        | Yes      |
+| bgColor                   | background color when ActionButtons are visible                                                                                                                                                                                                   | string   | No       | All        | Yes      |
+| bgOpacity                 | set the transparency of the background color                                                                                                                                                                                                      | number   | No       | All        | Yes      |
+| buttonTextStyle           | use this to set the textstyle of the button's text                                                                                                                                                                                                | style    | No       | All        | Yes      |
+| verticalOrientation       | direction action buttons should expand. One of: up or down                                                                                                                                                                                        | string   | No       | All        | Yes      |
+| backgroundTappable        | make background tappable in active state of ActionButton                                                                                                                                                                                          | boolean  | No       | All        | Yes      |
+| activeOpacity             | activeOpacity props of TouchableOpacity                                                                                                                                                                                                           | number   | No       | All        | Yes      |
+| renderIcon                | Function to render the component for ActionButton Icon. It is passed a boolean, active, which is true if the FAB has been expanded, and false if it is collapsed, allowing you to show a different icon when the ActionButton Items are expanded. | function | No       | All        | Yes      |
+| onPress                   | fires, when ActionButton is tapped                                                                                                                                                                                                                | function | No       | All        | Yes      |
+| useNativeFeedback         | Android: Whether to use a TouchableNativeFeedback                                                                                                                                                                                                 | boolean  | No       | Android  | No       |
+| fixNativeFeedbackRadius   | Android: Activate this to fix TouchableNativeFeedback Ripple UI problems                                                                                                                                                                          | boolean  | No       | Android  | No       |
+| nativeFeedbackRippleColor | Android: Pass a color to the Ripple Effect of a TouchableNativeFeedback                                                                                                                                                                           | string   | No       | Android  | No       |
+
+### ActionButton.Item:
+
+| Name                      |  Description                                                                                                                                                                                                                                             | Type     | Required | Platform |  HarmonyOS Support |
+| ------------------------- | -------------------------------------------------------------------------- | -------- | -------- |----------| -------- |
+| size                      | use this to change the size of the Button                                  | number   | No       | All      | Yes      |
+| buttonColor               | background color of the Button                                             | string   | No       | All      | Yes      |
+| title                     | the title shown next to the button. When undefined the title is not hidden | string   | No       | All      | Yes      |
+| textStyle                 | use this to set the textstyle of the button's item text                    | style    | No       | All      | Yes      |
+| shadowStyle               | The custom shadow style you want to pass in the action button item         | style    | No       | All      | Yes      |
+| textContainerStyle        | use this to set the textstyle of the button's item text container          | style    | No       | All      | Yes      |
+| spaceBetween              | use this to set the space between the Button and the text container        | number   | No       | All      | Yes      |
+| hideLabelShadow           | use this to hide the button's label default elevation and boxShadow        | boolean  | No       | All      | Yes      |
+| activeOpacity             | activeOpacity props of TouchableOpacity                                    | number   | No       | All      | Yes      |
+| onPress                   | required function, triggers when a button is tapped                        | function | No       | All      | Yes      |
+| useNativeFeedback         | Android: Whether to use a TouchableNativeFeedback                          | boolean  | No       | Android  | No       |
+| fixNativeFeedbackRadius   | Android: Activate this to fix TouchableNativeFeedback Ripple UI problems   | boolean  | No       | Android  | No       |
+| nativeFeedbackRippleColor | Android: Pass a color to the Ripple Effect of a TouchableNativeFeedback    | string   | No       | Android  | No       |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/mastermoo/react-native-action-button/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-action-sheet.md b/en/react-native-action-sheet.md
new file mode 100644
index 00000000..705c2302
--- /dev/null
+++ b/en/react-native-action-sheet.md
@@ -0,0 +1,244 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-action-sheet</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/expo/react-native-action-sheet">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/expo/react-native-action-sheet/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/expo/react-native-action-sheet)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @expo/react-native-action-sheet@4.0.1
+```
+
+#### **yarn**
+
+```bash
+yarn add @expo/react-native-action-sheet@4.0.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import { ActionSheetProvider, connectActionSheet, ActionSheetProps } from '@expo/react-native-action-sheet';
+import * as React from 'react';
+import { useState } from 'react';
+import { StyleSheet, Text, View, ScrollView, SafeAreaView } from 'react-native';
+import ShowActionSheetButton from './ShowActionSheetButton';
+
+type Props = ActionSheetProps & {
+  useCustomActionSheet: boolean;
+  setUseCustomActionSheet: (next: boolean) => void;
+};
+
+interface State {
+  selectedIndex?: number | null;
+  isModalOpen: boolean;
+}
+
+class App extends React.Component<Props, State> {
+  state: State = {
+    selectedIndex: null,
+    isModalOpen: false,
+  };
+
+  _updateSelectionText = (selectedIndex?: number) => {
+    this.setState({
+      selectedIndex,
+    });
+  };
+
+  _renderSelectionText = () => {
+    const { selectedIndex } = this.state;
+    const text =
+      selectedIndex === null || selectedIndex === undefined
+        ? 'No Option Selected'
+        : `Option #${selectedIndex + 1} Selected`;
+    return <Text style={styles.selectionText}>{text}</Text>;
+  };
+
+  _renderSectionHeader = (text: string) => {
+    return <Text style={styles.sectionHeaderText}>{text}</Text>;
+  };
+
+  async _onShare() {
+  }
+
+  _renderButtons() {
+    const { showActionSheetWithOptions } = this.props;
+    return (
+      <View
+        style={{
+          alignItems: 'center',
+        }}>
+        {this._renderSectionHeader('Android-Only Options')}
+        <ShowActionSheetButton
+          title="Icons"
+          withIcons
+          onSelection={this._updateSelectionText}
+          showActionSheetWithOptions={showActionSheetWithOptions}
+        />
+        <ShowActionSheetButton
+          title="Title, Message, & Icons"
+          withTitle
+          withMessage
+          withIcons
+          onSelection={this._updateSelectionText}
+          showActionSheetWithOptions={showActionSheetWithOptions}
+        />
+        <ShowActionSheetButton
+          title="Use Separators"
+          withTitle
+          withIcons
+          withSeparators
+          onSelection={this._updateSelectionText}
+          showActionSheetWithOptions={showActionSheetWithOptions}
+        />
+        <ShowActionSheetButton
+          title="Custom Styles"
+          withTitle
+          withMessage
+          withIcons
+          withCustomStyles
+          onSelection={this._updateSelectionText}
+          showActionSheetWithOptions={showActionSheetWithOptions}
+        />
+      </View>
+    );
+  }
+
+  render() {
+    return (
+      <SafeAreaView style={styles.flex}>
+        <ScrollView style={styles.flex} contentContainerStyle={styles.contentContainer}>
+          {this._renderButtons()}
+          {this._renderSelectionText()}
+        </ScrollView>
+      </SafeAreaView>
+    );
+  }
+}
+
+const ConnectedApp = connectActionSheet<any>(App);
+
+export default function WrappedApp() {
+  const [useCustomActionSheet, setUseCustomActionSheet] = useState(false);
+
+  return (
+    <ActionSheetProvider useCustomActionSheet={useCustomActionSheet}>
+      <ConnectedApp
+        useCustomActionSheet={useCustomActionSheet}
+        setUseCustomActionSheet={setUseCustomActionSheet}
+      />
+    </ActionSheetProvider>
+  );
+}
+
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1,
+  },
+  contentContainer: {
+    padding: 16,
+    paddingVertical: 20,
+  },
+  headerText: {
+    textAlign: 'center',
+    fontSize: 16,
+    marginBottom: 10,
+  },
+  notes: {
+    marginTop: 32,
+  },
+  sectionHeaderText: {
+    color: 'orange',
+    textAlign: 'center',
+    fontWeight: 'bold',
+    fontSize: 20,
+    marginTop: 20,
+    marginBottom: 10,
+  },
+  selectionText: {
+    textAlign: 'center',
+    color: 'blue',
+    fontSize: 16,
+    marginTop: 20,
+  },
+});
+```
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**showActionSheetWithOptions**
+
+| Name   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `icons`  | Show icons to go along with each option. If image source paths are provided via `require`, images will be rendered for you. Alternatively, you can provide an array of elements such as vector icons, pre-rendered Images, etc.  | array of required images or icons  | no     | Android/Web  | yes      |
+| `tintIcons`  | Icons by default will be tinted to match the text color. When set to false, the icons will be the color of the source image. This is useful if you want to use multicolor icons. If you provide your own nodes/pre-rendered icons rather than required images in the `icons` array, you will need to tint them appropriately before providing them in the array of `icons`; `tintColor` will not be applied to icons unless they are images from a required source.  | boolean            |  no     | Android/Web  | yes      |
+| `textStyle`  | Apply any text style props to the options. If the tintColor option is provided, it takes precedence over a color text style prop. | TextStyle    | no     | Android/Web    | yes      |
+| `titleTextStyle`  | Apply any text style props to the title if present. | TextStyle      |  no     | Android/Web   | yes      |
+| `messageTextStyle`  | Apply any text style props to the message if present.    | TextStyle      |  no     | Android/Web   | yes      |
+| `autoFocus`  | If `true`, this will give the first option screen reader focus automatically when the action sheet becomes visible. On iOS, this is the default behavior of the native action sheet.       | boolean    |  no     | Android/Web   | yes      |
+| `showSeparators`              | Show separators between items. On iOS, separators always show so this prop has no effect.    | boolean    |no     | Android/Web/ios   | yes      |
+| `containerStyle`   | Apply any view style props to the container rather than use the default look (e.g. dark mode) | ViewStyle | no     | Android/Web | yes      |
+| `separatorStyle`   | Modify the look of the separators rather than use the default look.  |ViewStyle  |no     | Android/Web | yes      |
+| `useModal`         |  Defaults to `false` (`true` if autoFocus is also `true`) Wraps the ActionSheet with a Modal, in order to show in front of other Modals that were already opened ([issue reference](https://github.com/expo/react-native-action-sheet/issues/164)). |boolean   | no     | Android/Web | yes      |
+| `destructiveColor` |  Modify color for text of destructive option. Defaults to `#d32f2f`. |string    | no     | Android/Web  | yes      |
+| `options` | A list of button titles (required)|array of strings   | no     | All  | yes      |
+| `cancelButtonIndex` |	Index of cancel button in options|number | no     | All  | yes      |
+| `cancelButtonTintColor` |		Color used for the change the text color of the cancel button |string | no     | All  | yes      |
+| `destructiveButtonIndex` |			Indices of destructive buttons in options|	number or array of numbers | no     | All  | yes      |
+| `title` |		Title to show above the action sheet|		string| no     | All  | yes      |
+| `message` |	Message to show below the title|		string| no     | All  | yes      |
+| `tintColor` |	Color used for non-destructive button titles|		string| no     | All  | yes      |
+| `disabledButtonIndices` |Indices of disabled buttons in options|			array of numbers| no     | All  | yes      |
+
+**ActionSheetProvider**
+
+| Name               | Description                                     | Type            | Required | Platform | HarmonyOS Support |
+| ------------------ | ----------------------------------------------- | --------------- | -------- | -------- | ----------------- |
+| `useCustomActionSheet` | iOS only prop that uses the custom pure JS action sheet (Android/Web version) instead of the native ActionSheetIOS component. Defaults to false. |boolean   | no     | ios  | yes      |
+| `useNativeDriver` | Windows only option that provides the option to disable the native animation driver for React Native Windows projects targeting Windows 10 Version-1809 ; Build-10.0.17763.0 and earlier. useNativeDriver is supported in Version-1903 and later so if your project is targeting that, you don't need to set this prop. |boolean   | no     | Web  | yes      |
+## 遗留问题
+
+## 其他
+
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/expo/react-native-action-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-alipay.md b/en/react-native-alipay.md
new file mode 100644
index 00000000..92c5ae60
--- /dev/null
+++ b/en/react-native-alipay.md
@@ -0,0 +1,254 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-alipay</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/uiwjs/react-native-alipay">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/uiwjs/react-native-alipay/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-alipay/)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-alipay@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-alipay@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import React from 'react';
+import { StyleSheet, Text, View, Button, } from 'react-native';
+import Alipay from "react-native-alipay";
+import { AFAuthServiceResponse, } from '@alipay/afservicesdk';
+
+function App(): React.JSX.Element {
+    const urlStr: string = 'https://authweb.alipay.com/auth?auth_type=PURE_OAUTH_SDK&app_id=2016051801417322&scope=auth_user&state=init';
+    const bundleName: string = "com.example.harmony"; // 包名
+    const moduleName: string = "entry";
+    const abilityName: string = "EntryAbility";
+    
+    return (
+        <View style={styles.container}>
+            <Text style={styles.welcome}>
+                ☆Alipay Example☆
+            </Text>
+
+            <Button
+                title="支付宝支付"
+                color="#841584"
+                accessibilityLabel="Learn more about this purple button"
+                onPress={ 
+                    async () => {
+                        let orderInfo: string = 'app_id=2014100900013222&biz_content=%7B%22timeout_express%22%3A%2230m%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%2C%22total_amount%22%3A%220.01%22%2C%22subject%22%3A%221%22%2C%22body%22%3A%22xxx%22%2C%22out_trade_no%22%3A%22723175011179269%22%7D&charset=utf-8&method=alipay.trade.app.pay&sign_type=RSA2&timestamp=2016-07-29%2016%3A55%3A53&version=1.0&sign=ClyziyfaiJtGd01HE1XmLbr%2BGy1JzBiH7QF69Qb66GvB%2BH6ULI5BeqEHeJIxVtKKgM%2F0ILEz7XjH2bvP1Fj52VUg5Gc5sg2reVHr8EhHqY7IiSAkEt3lNckWhfeVvdhjbQEKKZWMPgVC%2FVmMvMkkFzsP5S5Zz3aZKZWRp7xLApWtBZTeJj2Hd%2FDNhbEzvpTiQF9UDs1hPMmXmKLrNUmi0k4MQaeBCxXxmY9ITTmHofsju30rxo3q%2FYMYWD79ayxFmSO6adAXP9nLY%2B16VyeBCb53zxb%2BPWjV4CCVmit8YBOIOssAN4B0yLlmBOYWJS76MM46ADu%2FmiCwkdOnJduC6Q%3D%3D';
+                        Alipay.alipay(orderInfo).then((result: any) => {
+                            console.info('App alipay result: ' + result);
+                        });
+                    }
+                }
+            />
+
+            <Button
+                title="登录验证"
+                color="#841584"
+                accessibilityLabel="Learn more about this purple button"
+                onPress={async () => {
+                    Alipay.setAlipayScheme('scheme:demo');
+                    await Alipay.authInfo(urlStr, true, bundleName, moduleName, abilityName, (response: AFAuthServiceResponse) => {
+                        //授权返回值
+                        console.info('========= response=' + JSON.stringify(response));
+                    });
+                }}
+            />
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: '#F5FCFF',
+    },
+    welcome: {
+      fontSize: 20,
+      textAlign: 'center',
+      margin: 10,
+    },
+  });
+
+export default App;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-alipay": "file:../../node_modules/@react-native-oh-tpl/react-native-alipay/harmony/alipay.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 在 ArkTs 侧引入 RNAlipayPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNAlipayPackage} from '@react-native-oh-tpl/react-native-alipay/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNAlipayPackage(ctx),
+  ];
+}
+```
+
+### 支付宝登录其他配置
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@alipay/afservicesdk": "file:../../node_modules/@react-native-oh-tpl/react-native-alipay/harmony/alipay/libs/AFServiceSDK.har",
+  }
+```
+
+增加协议，打开`entry/src/main/module.json5`，增加 querySchemes
+
+```
+{
+  "module": {
+    // 新增
+    "querySchemes": [
+      "apmqpdispatch"
+    ],
+  }
+}
+```
+
+回调处理,打开`entry\src\main\ets\entryability\EntryAbility.ets`，增加onNewWant回调结果处理
+
+```diff
++ import { AbilityConstant, Want } from '@kit.AbilityKit';
++ import { AFServiceCenter } from '@alipay/AFServiceSDK/Index'
+
+  onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
++    let r = AFServiceCenter.handleResponse(want);
+  }
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  alipay  | 支付宝支付  | function  | no | Android/IOS | yes |
+|  authInfo  | 登录验证  | function  | no | Android/IOS | yes |
+|  setAlipayScheme  | scheme  | function  | no | IOS | yes |
+|  getVersion  | 获取SDK版本  | function  | no | Android/IOS | no |
+
+## 遗留问题
+- [ ]  获取SDK版本号，支付宝鸿蒙sdk里面未实现鸿蒙化[issue#3](https://github.com/react-native-oh-library/react-native-alipay/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/uiwjs/react-native-alipay/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-amap-geolocation.md b/en/react-native-amap-geolocation.md
new file mode 100644
index 00000000..2c39c5f9
--- /dev/null
+++ b/en/react-native-amap-geolocation.md
@@ -0,0 +1,486 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-amap-geolocation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/qiuxiang/react-native-amap-geolocation">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/qiuxiang/react-native-amap-geolocation/blob/main/license">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-amap-geolocation) 
+
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-amap-geolocation@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-amap-geolocation@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from "react";
+import {
+    Button,
+    Platform,
+    ScrollView,
+    StyleSheet,
+    Text,
+    View,
+} from "react-native";
+import {
+    Geolocation, setInterval, addLocationListener, setAllowsBackgroundLocationUpdates,
+    setGeoLanguage, setDistanceFilter, setDesiredAccuracy, init, setNeedAddress, start,
+    stop, setLocationTimeout, setOnceLocation, GeoLanguage
+} from "react-native-amap-geolocation";
+
+
+const style = StyleSheet.create({
+    body: {
+        padding: 16,
+        paddingTop: Platform.OS === "ios" ? 48 : 16,
+    },
+    button: {
+        flexDirection: "column",
+        marginRight: 8,
+        marginBottom: 5,
+        marginTop: 5
+    },
+    result: {
+        fontFamily: Platform.OS === "ios" ? "menlo" : "monospace",
+    },
+});
+
+class AmapGeoLocationDemo extends React.Component {
+    state = {
+        location: null, needAddressText: "setNeedAddress(false)",
+        language: "setLanguage(chinese)", interval: "setInterval(默认2000)", onceText: "setOnceLocation(false) 设置单次定位",
+        startText: "start 持续定位", timeoutText: "setLocationTimeout 设置请求定位超时时间",distanceText:"setDistanceFilter(0) 设置定位的最小更新距离"
+    };
+    watchId = 0;
+    needAddress = true;
+    currLanguage = GeoLanguage.ZH;
+    currInterval = false;
+    onceLocationJudge = false;
+    timeout5000 = false;
+    distanseJudge = true;
+    init = () => {
+        console.log("rn AMapLocationManagerImpl init");
+        init("5f7389b845cbd89b1c32e24f526728f4").then(() => {
+            console.log("rn AMapLocationManagerImpl init success");
+        });
+
+    };
+    addLocationListener = () => {
+        console.log("rn AMapLocationManagerImpl addLocationListener");
+        addLocationListener((locationData) => {
+            console.log("rn AMapLocationManagerImpl callback success:" + JSON.stringify(locationData, null, 2));
+            let location = locationData;
+            this.setState({ location: location });
+        });
+    };
+    setDistanceFilter = () => {
+        console.log("rn AMapLocationManagerImpl setDistanceFilter");
+        this.distanseJudge = !this.distanseJudge;
+        if (this.distanseJudge) {
+            setDistanceFilter(0);
+            this.setState({ distanceText: "setDistanceFilter(0) 设置定位的最小更新距离" });
+        } else {
+            setDistanceFilter(1);
+            this.setState({ distanceText: "setDistanceFilter(1) 设置定位的最小更新距离" });
+        }
+
+    };
+    setLocationTimeout = () => {
+        console.log("rn AMapLocationManagerImpl setLocationTimeout");
+        this.timeout5000 = !this.timeout5000;
+        if (this.timeout5000) {
+            setLocationTimeout(5000);
+            this.setState({ timeoutText: "setLocationTimeout(5000) 设置请求定位超时时间" });
+        } else {
+            setLocationTimeout(10000);
+            this.setState({ timeoutText: "setLocationTimeout(10000) 设置请求定位超时时间" });
+        }
+    };
+    start = () => {
+        console.log("rn AMapLocationManagerImpl start");
+        start();
+    };
+    stop = () => {
+        console.log("rn AMapLocationManagerImpl stop");
+        stop();
+    }
+    onceLocation = () => {
+        this.onceLocationJudge = !this.onceLocationJudge;
+        if (this.onceLocationJudge) {
+            setOnceLocation(true);
+            this.setState({ onceText: "setOnceLocation(true) 设置单次定位", startText: "start 单次定位" });
+        } else {
+            setOnceLocation(false);
+            this.setState({ onceText: "setOnceLocation(false) 设置单次定位", startText: "start 持续定位" });
+        }
+        console.log("rn AMapLocationManagerImpl current onceLocation:" + this.onceLocationJudge);
+    };
+    setInterval = () => {
+        if (this.currInterval) {
+            setInterval(2000);
+            this.setState({ interval: "setInterval:2000" });
+        } else {
+            setInterval(10000);
+            this.setState({ interval: "setInterval:10000" });
+        }
+        this.currInterval = !this.currInterval;
+    }
+    setNeedAddress = () => {
+        this.needAddress = !this.needAddress;
+        console.log("rn AMapLocationManagerImpl setNeedAddress:" + this.needAddress);
+        if (this.needAddress) {
+            setNeedAddress(true);
+            this.setState({ needAddressText: "setNeedAddress(true)" });
+        } else {
+            setNeedAddress(false);
+            this.setState({ needAddressText: "setNeedAddress(false)" });
+        }
+    }
+    setLanguage = () => {
+        // default = 0,chinese = 1, engilish=2;
+        console.log("rn AMapLocationManagerImpl setLanguage");
+        if (this.currLanguage == GeoLanguage.ZH) {
+            this.currLanguage = GeoLanguage.EN;
+            setGeoLanguage(GeoLanguage.EN);
+            this.setState({ language: "setLanguage(engilish)" });
+        } else {
+            this.currLanguage = GeoLanguage.ZH;
+            setGeoLanguage(GeoLanguage.ZH);
+            this.setState({ language: "setLanguage(chinese)" });
+        }
+
+    }
+    updateLocationState(location: any) {
+    console.log("rn AMapLocationManagerImpl updateLocationState");
+    if (location) {
+        this.setState({ location: location });
+        console.log(location);
+    }
+}
+getCurrentPosition = () => {
+    Geolocation.getCurrentPosition(
+        (position) => this.updateLocationState(position),
+        (error) => this.updateLocationState(error)
+    );
+};
+watchPosition = () => {
+    if (!this.watchId) {
+        this.watchId = Geolocation.watchPosition(
+            (position) => this.updateLocationState(position),
+            (error) => this.updateLocationState(error)
+        );
+        console.log("rn AMapLocationManagerImpl watchPosition watchId:" + this.watchId);
+    }
+};
+clearWatch = () => {
+    if (this.watchId) {
+        console.log("rn AMapLocationManagerImpl clearWatch watchId:" + this.watchId);
+        Geolocation.clearWatch(this.watchId);
+        this.watchId = 0;
+    }
+    stop();
+    this.setState({ location: null });
+};
+render() {
+    const location = this.state.location;
+    const needAddressText = this.state.needAddressText;
+    const language = this.state.language;
+    const currInterval = this.state.interval;
+    const onceText = this.state.onceText;
+    const startText = this.state.startText;
+    const timeoutText = this.state.timeoutText;
+    const distanceText = this.state.distanceText;
+    return (
+        <ScrollView contentContainerStyle={style.body}>
+        <View style={style.button}>
+        <Button onPress={this.init} title="init 初始化接口" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.addLocationListener} title="addLocationListener 设置监听回调,原生接口不设置监听回调,text不会显示数据" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setDistanceFilter} title={distanceText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setLocationTimeout} title={timeoutText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.onceLocation} title={onceText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.start} title={startText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.stop} title="stop 结束持续定位" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setInterval} title={currInterval} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setNeedAddress} title={needAddressText} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.setLanguage} title={language} />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.getCurrentPosition} title="Geolocation.getCurrentPosition 获取当前位置，相当于单次请求" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.watchPosition} title="Geolocation.watchPosition 开启持续定位" />
+        </View>
+        <View style={style.button}>
+        <Button onPress={this.clearWatch} title="Geolocation.clearWatch 结束持续定位" />
+        </View>
+        <Text style={style.result}>{`${JSON.stringify(location, null, 2)}`}</Text>
+    </ScrollView>
+);
+}
+
+}
+
+export default AmapGeoLocationDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-amap-geolocation": "file:../../node_modules/@react-native-oh-tpl/react-native-amap-geolocation/harmony/amap_geolocation.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 AmapGeolocationPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++  import {AMapGeolocationPackage} from '@react-native-oh-tpl/react-native-amap-geolocation/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new AMapGeolocationPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```
+...
+"requestPermissions": [
+  {
+    "name": "ohos.permission.LOCATION",
+    "reason": "$string:Access_Location",
+    "usedScene": {
+      "when":"inuse"
+    }
+  },
+  {
+    "name": "ohos.permission.APPROXIMATELY_LOCATION",
+    "reason": "$string:Access_AppRoximatelyLocation",
+    "usedScene": {
+      "when":"inuse"
+    }
+  },
+  {
+    "name": "ohos.permission.INTERNET",
+  }
+]
+```
+
+#### 在 entry 目录下添加位置权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```
+...
+{
+  "string": [
+    {
+      "name": "Access_Location",
+      "value": "access Location"
+    },
+    {
+      "name": "Access_AppRoximatelyLocation",
+      "value": "access AppRoximatelyLocation"
+    }
+  ]
+}
+```
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type          | Required | Platform | HarmonyOS Support |
+| ---- | ----------- |---------------|----------| -------- |-------------------|
+| init  | 初始化 SDK | Promise<void> | yes      | iOS/Android      | yes               |
+| addLocationListener  | 添加定位监听函数 | void          | yes      | iOS/Android      | yes               |
+| isStarted  | 获取当前是否正在定位的状态 | boolean       | no       | Android      | no                |
+| setAllowsBackgroundLocationUpdates  | 是否允许后台定位 | void          | no       | iOS      | no                |
+| setDesiredAccuracy  | 设定期望的定位精度（米） | void          | no       | iOS     | no                |
+| setDistanceFilter  | 设定定位的最小更新距离（米） | void          | no       | iOS     | yes               |
+| setGeoLanguage  | 设置逆地理信息的语言，目前支持中文和英文 | void          | no       | iOS/Android      | yes               |
+| setGpsFirst  | 设置首次定位是否等待卫星定位结果 | void          | no       | Android      | no                |
+| setGpsFirstTimeout  | 设置优先返回卫星定位信息时等待卫星定位结果的超时时间（毫秒） | void          | no       | Android      | no                |
+| setHttpTimeout  | 设置联网超时时间（毫秒） | void          | no       | Android      | no                |
+| setInterval  | 设置发起定位请求的时间间隔（毫秒），默认 2000，最小值为 1000 | void          | no       | Android      | yes               |
+| setLocatingWithReGeocode  | 连续定位是否返回逆地理编码 | void          | no       | iOS      | no                |
+| setLocationCacheEnable  | 设置是否使用缓存策略 | void          | no      | Android     | no                |
+| setLocationMode  | 设置定位模式 | void          | no      | Android     | no                |
+| setLocationPurpose  | 设置定位场景 | void          | no      | Android      | no                |
+| setLocationTimeout  | 指定单次定位超时时间（秒） | no          | yes      | iOS      | yes               |
+| setMockEnable  | 设置是否允许模拟位置 | void          | no      | Android      | no                |
+| setNeedAddress  | 设置是否返回地址信息，默认返回地址信息 | no          | yes      | Android      | yes               |
+| setOnceLocation  | 设置是否单次定位 | void          | no      | Android      | yes               |
+| setOnceLocationLatest  | 设置定位是否等待 WiFi 列表刷新 | void          | no      | Android      | no                |
+| setOpenAlwaysScanWifi  | 设置是否开启wifi始终扫描 | void          | no      | Android     | no                |
+| setPausesLocationUpdatesAutomatically  | 指定定位是否会被系统自动暂停 | void          | no      | iOS      | no                |
+| setReGeocodeTimeout  | 指定单次定位逆地理超时时间（秒）最小值是 2s。注意在单次定位请求前设置。 | void          | no      | iOS     | no                |
+| setSensorEnable  | 设置是否使用设备传感器 | void          | no      | Android      | no                |
+| setWifiScan  | 设置是否允许调用 WiFi 刷新 | void          | no      | Android      | no                |
+| start  | 开始持续定位 | void          | no      | iOS/Android      | yes               |
+| stop  | 停止持续定位 | void          | no      | iOS/Android      | yes               |
+| Geolocation.getCurrentPosition  | 获取当前位置信息 | void          | no      | iOS/Android        | yes               |
+| Geolocation.watchPosition  | 注册监听器进行持续定位 | void          | no      | iOS/Android      | yes               |
+| Geolocation.clearWatch  | 移除位置监听 | void          | no      | iOS/Android      | yes               |
+
+## 遗留问题
+
+- [ ] isStarted()接口获取当前是否正在定位的状态,harmony暂不支持[issue#2](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/2)
+- [ ] setGpsFirst()接口获取当前是否正在定位的状态,harmony暂不支持[issue#3](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/3)
+- [ ] setGpsFirstTimeout()接口获取当前是否正在定位的状态,harmony暂不支持[issue#4](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/4)
+- [ ] setHttpTimeout()接口获取当前是否正在定位的状态,harmony暂不支持[issue#5](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/5)
+- [ ] setMockEnable()接口获取当前是否正在定位的状态,harmony暂不支持[issue#6](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/6)
+- [ ] setOnceLocationLatest()接口获取当前是否正在定位的状态,harmony暂不支持[issue#7](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/7)
+- [ ] setOpenAlwaysScanWifi()接口获取当前是否正在定位的状态,harmony暂不支持[issue#8](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/8)
+- [ ] setPausesLocationUpdatesAutomatically()接口获取当前是否正在定位的状态,harmony暂不支持[issue#9](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/9)
+- [ ] setReGeocodeTimeout()接口获取当前是否正在定位的状态,harmony暂不支持[issue#10](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/10)
+- [ ] setSensorEnable()接口获取当前是否正在定位的状态,harmony暂不支持[issue#11](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/11)
+- [ ] setWifiScan()接口获取当前是否正在定位的状态,harmony暂不支持[issue#12](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/12)
+- [ ] setLocationCacheEnable()接口获取当前是否正在定位的状态,harmony暂不支持[issue#13](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/13)
+- [ ] setLocationMode()接口获取当前是否正在定位的状态,harmony暂不支持[issue#14](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/14)
+- [ ] setLocationPurpose()接口获取当前是否正在定位的状态,harmony暂不支持[issue#15](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/15)
+- [ ] setLocatingWithReGeocode()接口获取当前是否正在定位的状态设置连续定位是否返回逆地理编码,harmony暂不支持[issue#19](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/19)
+- [ ] setDesiredAccuracy()接口设定期望的定位精度,harmony暂不支持[issue#22](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/22)
+- [ ] setAllowsBackgroundLocationUpdates()接口是否允许后台定位,harmony暂不支持[issue#23](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/23)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/qiuxiang/react-native-amap-geolocation/blob/main/license) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-amap3d.md b/en/react-native-amap3d.md
new file mode 100644
index 00000000..bea7e0ab
--- /dev/null
+++ b/en/react-native-amap3d.md
@@ -0,0 +1,523 @@
+<!--{%raw%}-->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-amap3d</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/qiuxiang/react-native-amap3d">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20iOS%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/qiuxiang/react-native-amap3d/blob/main/license">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-amap3d)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-amap3d@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-amap3d@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { ScrollView, Text, View,StyleSheet, Alert } from 'react-native';
+import {MapView, Circle, Polygon, Polyline, Marker, LatLng,CameraPosition,voidEvent} from 'react-native-amap3d';
+
+import type * as ReactNative from "react-native";
+
+const points = [
+  {
+    latitude: 39.806901,
+    longitude: 116.397972,
+  },
+  {
+    latitude: 39.806901,
+    longitude: 116.297972,
+  },
+  {
+    latitude: 39.906901,
+    longitude: 116.397972,
+  },
+];
+
+const points2 = [
+  {
+    latitude: 39.836901,
+    longitude: 116.497972,
+  },
+  {
+    latitude: 39.836901,
+    longitude: 116.397972,
+  },
+  {
+    latitude: 39.936901,
+    longitude: 116.497972,
+  },
+];
+
+const line1 = [
+  { latitude: 40.006901, longitude: 116.097972 },
+  { latitude: 40.006901, longitude: 116.597972 },
+];
+const line3 = [
+  { latitude: 39.806901, longitude: 116.097972 },
+  { latitude: 39.806901, longitude: 116.257972 },
+  { latitude: 39.806901, longitude: 116.457972 },
+  { latitude: 39.806901, longitude: 116.597972 },
+];
+
+function AMapDemo() {
+  return (
+    <View style={styles.container}>
+		<MapView 
+    mapType={1}
+    myLocationEnabled = {true}
+    onPress={(event: ReactNative.NativeSyntheticEvent<LatLng>)=>{
+      console.info("AMapViewEventType map3d demo " + event.nativeEvent.latitude + "===" + event.nativeEvent.longitude)
+    }}
+    onLongPress={(event: ReactNative.NativeSyntheticEvent<LatLng>)=>{
+      console.info("AMapViewEventType map3d demo longevent===" + event.nativeEvent.latitude + "===" + event.nativeEvent.longitude)
+    }}
+    onLoad={(event: ReactNative.NativeSyntheticEvent<voidEvent>) => {
+      Alert.alert("onLoad successful")
+    }}
+    > 
+    <Circle
+      strokeWidth={5}
+      strokeColor="rgba(0, 0, 255, 0.5)"
+      fillColor="rgba(255, 0, 0, 0.5)"
+      radius={500}
+      center={{ latitude: 39.906901, longitude: 116.397972 }}
+    />
+    <Polygon
+      strokeWidth={5}
+      strokeColor="rgba(0, 0, 255, 0.5)"
+      fillColor="rgba(255, 0, 0, 0.5)"
+      points={points}
+    />
+    <Polyline width={100}  color="rgba(0, 255, 0, 0.5)" points={line1} onPress={() => { console.info("AMapViewEventType map3d polyline onPress width 200")}} />
+    <Marker
+      draggable={true}
+      position={{ latitude: 39.806901, longitude: 116.397972 }}
+      onPress={() => Alert.alert("onPress")}
+      onDragEnd={({ nativeEvent }) =>
+        Alert.alert(`onDragEnd: ${nativeEvent.latitude}, ${nativeEvent.longitude}`)}
+    />
+    </MapView>
+	</View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#fff',
+    flex: 1,
+    paddingTop: 24,
+  }
+});
+export default AMapDemo;
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-amap3d": "file:../../node_modules/@react-native-oh-tpl/react-native-amap3d/harmony/rn_amap3d.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 MapViewPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-amap3d/src/main/cpp" ./rn_amap3d)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_amap3d)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "MapViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<MapViewPackage>(ctx)
+    };
+}
+```
+
+
+### 4.在 ArkTs 侧引入 react-native-amap3d 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
++ import {
++  A_MAP_CIRCLE_VIEW_TYPE,
++  A_MAP_MARKER_TYPE,
++  A_MAP_POLYGON_TYPE,
++  A_MAP_POLYLINE_TYPE,
++  AMapCircle,
++  AMapMarker,
++  AMapPolygon,
++  AMapPolyline,
++  AMapView,
++  GOADE_MAP_VIEW_TYPE
++} from '@react-native-oh-tpl/react-native-amap3d';
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+...
++    if (ctx.componentName === GOADE_MAP_VIEW_TYPE) {
++      AMapView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
++    if (ctx.componentName === A_MAP_CIRCLE_VIEW_TYPE) {
++      AMapCircle({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
++    if (ctx.componentName === A_MAP_MARKER_TYPE) {
++      AMapMarker({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
++    if (ctx.componentName === A_MAP_POLYGON_TYPE) {
++      AMapPolygon({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
++    if (ctx.componentName === A_MAP_POLYLINE_TYPE) {
++      AMapPolyline({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag,
++      })
++    }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++  A_MAP_CIRCLE_VIEW_TYPE,
++  A_MAP_MARKER_TYPE,
++  A_MAP_POLYGON_TYPE,
++  A_MAP_POLYLINE_TYPE,
++  GOADE_MAP_VIEW_TYPE
+  ];
+```
+
+### 5.在 ArkTs 侧引入 AMap3DPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+
+```diff  
+  ... 
++ import {AMap3DPackage} from '@react-native-oh-tpl/react-native-amap3d/ts';
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new AMap3DPackage(ctx)
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+### MapView
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| mapType  | 地图类型         | int  | yes | iOS      | yes |
+| initialCameraPosition  | 初始状态         | CameraPosition  | yes | iOS      | yes |
+| myLocationEnabled  | 是否显示当前定位         | boolean  | yes | iOS      | no |
+| indoorViewEnabled  | 是否显示室内地图         | boolean  | yes | iOS      | no |
+| buildingsEnabled  | 是否显示3D建筑         | boolean  | yes | iOS      | no |
+| labelsEnabled  | 是否显示标注         | boolean  | yes | iOS      | yes |
+| compassEnabled  | 是否显示指南针         | boolean  | yes | iOS      | no |
+| zoomControlsEnabled  | 是否显示放大缩小按钮         | boolean  | yes | iOS      | yes |
+| scaleControlsEnabled  | 是否显示比例尺         | boolean  | yes | iOS      | yes |
+| trafficEnabled  | 是否显示路况         | boolean  | yes | iOS      | yes |
+| maxZoom  | 最大缩放级别         | float  | yes | iOS      | yes |
+| minZoom  | 最小缩放级别         | float  | yes | iOS      | yes |
+| zoomGesturesEnabled  | 是否启用缩放手势，用于放大缩小         | boolean  | yes | iOS      | yes |
+| scrollGesturesEnabled  | 是否启用滑动手势，用于平移         | boolean  | yes | iOS      | yes |
+| rotateGesturesEnabled  | 是否启用旋转手势，用于调整方向         | boolean  | yes | iOS      | yes |
+| tiltGesturesEnabled  | 是否启用倾斜手势，用于改变视角         | boolean  | yes | iOS      | yes |
+| distanceFilter  | 设定定位的最小更新距离         | float  | yes | iOS      | no|
+| headingFilter  | 设定最小更新角度，默认为 1 度         | float  | yes | iOS      | no |
+
+### Circle
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| center  | 圆点坐标         | LatLng  | yes | iOS      | yes |
+| radius  | 半径（米）         | Float  | yes | iOS      | yes |
+| strokeWidth  | 边线宽度         | Float  | yes | iOS      | yes |
+| strokeColor  | 边线颜色         | string  | yes | iOS      | yes |
+| fillColor  | 填充颜色         | string  | yes | iOS      | yes |
+| zIndex  | 层级         | Float  | yes | iOS      | yes |
+
+### Marker
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| position  | 坐标         | LatLng  | yes | iOS      | yes |
+| icon  | 图标         | ImageSourcePropType  | yes | iOS      | no |
+| draggable  | 是否可拖拽         | boolean  | yes | iOS      | yes |
+| flat  | 是否平贴地图         | boolean  | yes | iOS      | yes |
+| zIndex  | 层级         | Float  | yes | iOS      | yes |
+| anchor  | 覆盖物锚点比例         | Point  | yes | iOS      | no |
+| centerOffset  | 覆盖物偏移位置         | Float  | yes | iOS      | no |
+
+### Polygon
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points  | 节点坐标         | LatLng[]  | yes | iOS      | yes |
+| strokeWidth  | 边线宽度         | Float  | yes | iOS      | yes |
+| strokeColor  | 边线颜色         | string  | yes | iOS      | yes |
+| fillColor  | 填充颜色         | string  | yes | iOS      | yes |
+| zIndex  | 层级         | Float  | yes | iOS      | yes |
+
+### Polyline
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points  | 节点坐标         | LatLng[]  | yes | iOS      | yes |
+| width  | 边线宽度         | Float  | yes | iOS      | yes |
+| color  | 线段颜色         | ColorValue  | yes | iOS      | yes |
+| zIndex  | 层级         | Float  | yes | iOS      | yes |
+| colors  | 多段颜色        | ColorValue[]  | yes | iOS      | yes |
+| gradient  | 是否使用颜色渐变        | boolean  | yes | iOS      | yes |
+| geodesic  | 是否绘制大地线        | boolean  | yes | iOS      | no |
+| dotted  | 是否绘制虚线        | boolean  | yes | iOS      | yes |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+### MapView
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onPress  | 点击事件        | LatLng | yes | iOS      | yes |
+| onPressPoi  | 标注点击事件        | Poi | yes | iOS      | yes |
+| onLongPress  | 长按事件        | LatLng | yes | iOS      | yes |
+| onCameraMove  | 地图状态改变事件，随地图状态变化不停地触发        | CameraEvent | yes | iOS      | no |
+| onCameraIdle  | 地图状态改变事件，在停止变化后触发        | CameraEvent | yes | iOS      | no |
+| onLoad  | 地图初始化完成事件        | void | yes | iOS      | yes |
+| onLocation  | 地图定位更新事件        | GeolocationPosition | no | iOS      | no |
+| onCallback  | 回调事件        | void | yes | iOS      | no |
+| moveCamera  | 移动视角        | void | yes | iOS      | no |
+| call  | 调用        | void | yes | iOS      | no |
+
+
+### Marker
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onPress  | 点击事件        | void | yes | iOS      | yes |
+| onDragStart  | 拖放开始事件        | void | yes | iOS      | yes |
+| onDrag  | 拖放进行事件，类似于mousemove，在结束之前会不断调用        | void | yes | iOS      | yes |
+| onDragEnd  | 拖放结束事件        | LatLng | yes | iOS      | yes |
+| update  | 触发自定义view更新        | void | yes | iOS      | no | 
+
+### Polyline
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onPress  | 点击事件        | void | yes | iOS      | yes |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| initSDK  | 初始化高德SDK         | void  | yes | iOS      | no |
+| getVersion  | 获取版本信息         | Promise<string>  | yes | iOS      | no |
+
+## 遗留问题
+- [ ] initSDK：hramony暂不支持: [issue#16](https://github.com/react-native-oh-library/react-native-amap3d/issues/16)
+- [ ] getVersion：hramony暂不支持: [issue#17](https://github.com/react-native-oh-library/react-native-amap3d/issues/17)
+### MapView
+- [ ] indoorViewEnabled：高德SDK暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-amap3d/issues/6)
+- [ ] compassEnabled：高德SDK暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-amap3d/issues/7)
+- [ ] buildingsEnabled：高德SDK暂不支持: [issue#33](https://github.com/react-native-oh-library/react-native-amap3d/issues/33)
+- [ ] myLocationEnabled：高德SDK暂不支持: [issue#29](https://github.com/react-native-oh-library/react-native-amap3d/issues/29)
+- [ ] distanceFilter：高德SDK暂不支持: [issue#11](https://github.com/react-native-oh-library/react-native-amap3d/issues/11)
+- [ ] anchor:高德SDK暂不支持: [issue#34](https://github.com/react-native-oh-library/react-native-amap3d/issues/34)
+- [ ] centerOffset:高德SDK暂不支持: [issue#35](https://github.com/react-native-oh-library/react-native-amap3d/issues/35)
+- [X] zoomControlsEnabled：高德SDK暂不支持: [issue#8](https://github.com/react-native-oh-library/react-native-amap3d/issues/8)
+- [X] scaleControlsEnabled：高德SDK暂不支持: [issue#9](https://github.com/react-native-oh-library/react-native-amap3d/issues/9)
+- [ ] headingFilter：高德SDK暂不支持: [issue#12](https://github.com/react-native-oh-library/react-native-amap3d/issues/12)
+- [ ] geodesic：高德SDK暂不支持: [issue#36](https://github.com/react-native-oh-library/react-native-amap3d/issues/36)
+- [ ] onCameraMove: 高德SDK暂不支持： [issue#14](https://github.com/react-native-oh-library/react-native-amap3d/issues/14)
+- [ ] onCameraIdle: 高德SDK暂不支持: [issue#15](https://github.com/react-native-oh-library/react-native-amap3d/issues/15)
+- [X] onPressPoi：高德SDK暂不支持: [issue#13](https://github.com/react-native-oh-library/react-native-amap3d/issues/13)
+- [ ] onLocation：高德SDK暂不支持: [issue#10](https://github.com/react-native-oh-library/react-native-amap3d/issues/10)
+- [ ] onCallback：高德SDK部分支持: [issue#21](https://github.com/react-native-oh-library/react-native-amap3d/issues/21)
+- [ ] moveCamera：harmony暂不支持: [issue#19](https://github.com/react-native-oh-library/react-native-amap3d/issues/19)
+- [ ] call：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-amap3d/issues/5)
+
+### Marker
+- [ ] icon：高德SDK暂不支持: [issue#20](https://github.com/react-native-oh-library/react-native-amap3d/issues/20)
+- [ ] update：harmony暂不支持: [issue#18](https://github.com/react-native-oh-library/react-native-amap3d/issues/18)
+### Cluster
+- [ ] Cluster：高德SDK暂不支持添加该组件: [issue#2](https://github.com/react-native-oh-library/react-native-amap3d/issues/2)
+### HeatMap
+- [ ] HeatMap：高德SDK暂不支持添加该组件: [issue#3](https://github.com/react-native-oh-library/react-native-amap3d/issues/3)
+### MultiPoint
+- [ ] MultiPoint：高德SDK暂不支持添加该组件: [issue#4](https://github.com/react-native-oh-library/react-native-amap3d/issues/4)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License (MIT)](https://github.com/qiuxiang/react-native-amap3d/blob/main/license) ，请自由地享受和参与开源。
+<!--{%endraw%}-->
diff --git a/en/react-native-animatable.md b/en/react-native-animatable.md
new file mode 100644
index 00000000..56c7580a
--- /dev/null
+++ b/en/react-native-animatable.md
@@ -0,0 +1,124 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-animatable</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/oblador/react-native-animatable">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/oblador/react-native-animatable/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/oblador/react-native-animatable)
+
+
+## 安装与使用
+
+
+进入到工程目录并输入以下命令：
+
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-animatable@1.4.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-animatable@1.4.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import { useState } from 'react';
+import { TouchableOpacity } from 'react-native';
+import * as Animatable from 'react-native-animatable';
+
+export default function ExampleView() {
+    const [textFontSize, setTextFontSize] = useState(10);
+    return (
+        <Animatable.View style={{ padding: 50, backgroundColor: '#333333' }}>
+            <Animatable.Text
+                animation="slideInDown"
+                iterationCount={5}
+                direction="reverse"
+                style={{ color: 'white', textAlign: 'center' }}
+                duration={2000}
+                onAnimationBegin={() => { console.log('test onAnimationBegin') }}
+                onAnimationEnd={() => { console.log('test onAnimationEnd') }}
+            >Up and down you go</Animatable.Text>
+            <Animatable.Text animation="bounce" easing="ease-out" iterationCount="infinite" iterationDelay={1500} style={{ textAlign: 'center' }} useNativeDriver={true} isInteraction={true}>❤️</Animatable.Text>
+            <Animatable.Text animation="fadeIn" delay={2000} style={{ textAlign: 'center', marginTop: 50, color: 'white' }}>(*^▽^*)</Animatable.Text>
+            <TouchableOpacity onPress={() => setTextFontSize(textFontSize + 5)}>
+                <Animatable.Text
+                    transition="fontSize"
+                    style={{ textAlign: 'center', marginTop: 50, color: 'white', fontSize: textFontSize || 10 }}
+                    onTransitionBegin={() => { console.log('test onTransitionBegin') }}
+                    onTransitionEnd={() => { console.log('test onTransitionEnd') }}
+                >O(∩_∩)O哈哈~</Animatable.Text>
+            </TouchableOpacity>
+        </Animatable.View>
+    )
+}   
+```
+
+
+
+## 约束与限制
+
+### 兼容性
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑ROM。
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18； IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Name | Description | Type | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+animation | 动画的名称，请参见下面的可用动画 | string/undefined | / | all | yes
+duration | 动画将运行的时间（毫秒） | number/undefined | / | all | yes
+delay | （可选）延迟动画（毫秒） | number/undefined | / | all | yes
+direction | 动画的方向，特别适用于重复动画。有效值：正常、反向、交替、交替反向 | string/undefined | / | all | yes
+easing | 动画的计时功能。有效值：自定义函数或线性、易进、易出、易入 | string/undefined | / | all | yes
+iterationCount | 运行动画的次数，对于循环动画使用无穷大。 | number/undefined | / | all | yes
+iterationDelay | 关于动画迭代之间的暂停时间（毫秒） | number/undefined | / | all | yes
+transition | 要转换的样式属性，例如不透明度、旋转或字体大小。对多个属性使用数组。 | string/array/undefined | / | all | yes
+onAnimationBegin | 启动动画时调用的函数。 | Function/undefined | / | all | yes
+onAnimationEnd | 当动画成功完成或取消时调用的函数。函数是用endState参数调用的，请参阅endState.finished以查看动画是否已完成。 | Function/undefined | / | all | yes
+onTransitionBegin | 在样式转换开始时调用的函数。使用属性参数调用函数以区分样式。 | Function/undefined | / | all | yes
+onTransitionEnd | 当样式转换成功完成或取消时调用的函数。使用属性参数调用函数以区分样式。 | Function/undefined | / | all | yes
+useNativeDriver | 是否使用本机或JavaScript动画驱动程序。本机驱动程序可以帮助提高性能，但不能处理所有类型的样式。 | Function/undefined | / | all | yes
+isInteraction | 此动画是否在交互管理器上创建“交互控制柄”。 | Boolean | / | all | yes
+
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-animatable/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-animate-number.md b/en/react-native-animate-number.md
new file mode 100644
index 00000000..f704570e
--- /dev/null
+++ b/en/react-native-animate-number.md
@@ -0,0 +1,175 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-animate-number</code> </h1>
+</p>
+<p align="center">
+        <a href="https://github.com/wkh237/react-native-animate-number">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/wkh237/react-native-animate-number)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-animate-number@0.1.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-animate-number@0.1.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { useState } from "react";
+import { StyleSheet, Text, View, Button } from "react-native";
+import AnimateNumber from "react-native-animate-number";
+
+const App = () => {
+  const [value, setValue] = useState(0);
+  const onPress = () => {
+    setValue(100);
+  };
+  const [finish, setFinish] = useState("");
+  const [progress, setProgress] = useState("");
+  const onProgress = () => {
+    setProgress("动画正在更新...");
+  };
+  const onFinish = () => {
+    setFinish("动画更新完成");
+  };
+  return (
+    <View style={styles.container}>
+      <View style={styles.button}>
+        <Button title={"点击开始动画"} onPress={onPress} />
+      </View>
+      <Text style={styles.row}>
+        <Text>linear:</Text>
+        <AnimateNumber
+          value={value}
+          timing="linear"
+          countBy={1}
+          interval={150}
+        />
+      </Text>
+      <Text style={styles.row}>
+        <Text>easeOut:</Text>
+        <AnimateNumber
+          value={value}
+          timing="easeOut"
+          countBy={1}
+          interval={150}
+        />
+      </Text>
+      <Text style={styles.row}>
+        <Text>easeIn:</Text>
+        <AnimateNumber
+          value={value}
+          timing="easeIn"
+          countBy={1}
+          interval={150}
+        />
+      </Text>
+      <Text style={styles.row}>
+        <Text>steps:</Text>
+        <AnimateNumber value={value} steps={5} interval={2000} />
+      </Text>
+      <Text style={styles.row}>
+        <Text>Formate Example:</Text>
+        <AnimateNumber
+          value={value}
+          countBy={1}
+          interval={150}
+          formatter={(val) => {
+            return "$ " + parseFloat(val).toFixed(2);
+          }}
+        />
+      </Text>
+      <Text style={styles.row}>
+        <Text>{progress}</Text>
+      </Text>
+      <Text style={styles.row}>
+        <AnimateNumber
+          value={30}
+          countBy={5}
+          interval={600}
+          onProgress={onProgress}
+          onFinish={onFinish}
+        />
+      </Text>
+      <Text style={styles.row}>
+        <Text>{finish}</Text>
+      </Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: "center",
+    flex: 1,
+    alignItems: "center",
+  },
+  row: {
+    fontSize: 20,
+    fontWeight: "bold",
+    flexDirection: "row",
+    marginBottom: 20,
+  },
+  button: {
+    marginBottom: 20,
+  },
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+| Name         | Description                                                                                                                                                 | Type     | Required | Platform    | HarmonyOS Support |
+| ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `value`      | The value of AnimateNumber component.                                                                                                                       | number   | yes      | Android IOS | YES               |
+| `countBy`    | Set this property to force the component's value increase/decrease by this number.                                                                          | number   | No       | Android IOS | YES               |
+| `interval`   | Base interval of each animation frame, in `ms`.                                                                                                             | number   | No       | Android IOS | YES               |
+| `steps`      | Set total frame number of animation, say, if interval is 14 and steps is 30, the animation will take 14x30ms to finish when it uses linear timing function. | number   | No       | Android IOS | YES               |
+| `timing`     | A style object that allow you to customize the WebView style.                                                                                               | number   | No       | Android IOS | YES               |
+| `formatter`  | The custom css content will be added to the page's <head>.                                                                                                  | string   | No       | Android IOS | YES               |
+| `onProgress` | Either updated height or width will trigger onSizeUpdated.                                                                                                  | function | No       | Android IOS | YES               |
+| `onFinish`   | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView.                                                                | function | No       | Android IOS | YES               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-apple-authentication.md b/en/react-native-apple-authentication.md
new file mode 100644
index 00000000..858b71db
--- /dev/null
+++ b/en/react-native-apple-authentication.md
@@ -0,0 +1,217 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-apple-authentication</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/invertase/react-native-apple-authentication">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/invertase/react-native-apple-authentication/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-apple-authentication)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-apple-authentication@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-apple-authentication@file:#
+```
+
+#### **配置用于 Web 的“通过 Apple 登录”**
+首先需要进行客户端id配置：[Initial Development Environment Setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md)
+
+然后需要进行服务设置：[Services setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md)
+
+Apple官方配置说明：[Configure Sign in with Apple for the web](https://developer.apple.com/help/account/configure-app-capabilities/configure-sign-in-with-apple-for-the-web)
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React from 'react';
+import { appleAuthHarmony, AppleButton } from '@invertase/react-native-apple-authentication';
+
+const AppleAuthenticationDemo: React.FC = (): JSX.Element => {
+    return (
+        <>
+            <AppleButton
+                onPress={async () => {
+                    appleAuthHarmony.configure({
+                        // 以下配置请参考原库AppleId登录文档:
+                        // https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md
+                        // https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md
+                        clientId: 'com.example.client', 
+                        redirectUri: 'https://example.com/'
+                    })
+                    const singInRes = await appleAuthHarmony.signIn()
+                    console.log(singInRes)
+                }}
+            />
+        </>
+    )
+}
+
+export default AppleAuthenticationDemo;
+```
+
+## 使用 Codegen 
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-apple-authentication": "file:../../node_modules/@react-native-oh-tpl/react-native-apple-authentication/harmony/react-native-apple-authentication.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNAppleAuthPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+
+```diff
+  ...
++ import { RNAppleAuthPackage } from '@react-native-oh-tpl/react-native-apple-authentication';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNAppleAuthPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)。
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**AppleButton**：Apple身份验证按钮组件。
+
+| Name         | Description        | Type                                                         | Required | Platform | HarmonyOS Support |
+| ------------ | ------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| style        | 按钮样式           | StyleProp< [ViewStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Fview%23props) > | no       | all      | yes               |
+| textStyle    | 按钮内文字样式     | StyleProp< [TextStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Ftext%23props) > | no       | all      | yes               |
+| cornerRadius | 按钮边框圆角弧度   | number                                                       | no       | all      | yes               |
+| buttonStyle  | 按钮样式(预设枚举) | [AppleButtonStyle](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonStyle.md) | no       | all      | yes               |
+| buttonType   | 按钮类型(预设枚举) | [AppleButtonType](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonType.md) | no       | all      | yes               |
+| onPress      | 按钮点击事件       | () => void                                                   | yes      | all      | yes               |
+| leftView     | 按钮内左侧图标     | ReactNode                                                    | no       | all      | yes               |
+| buttonText   | 按钮内文字内容     | string                                                       | no       | all      | yes               |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**appleAuthHarmony**：Apple身份验证对象，包含2个方法。
+
+| Name      | Description                                             | Type                                                         | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| configure | 配置 Apple 身份验证的信息，此接口必须在 signIn 之前调用 | ([Config](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidConfig.md)) => void | no       | all      | yes               |
+| signIn    | 弹出 webview 以进行 Apple 身份验证                      | () => Promise< [SigninResponse](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidSigninResponse.md) > | no       | all      | no                |
+
+## 其他
+
+## 遗留问题
+
+- [ ] 由于 Apple 开发者账户验证问题，HarmonyOS暂无法实现的接口：[issue#1](https://github.com/react-native-oh-library/react-native-apple-authentication/issues/1)
+
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/invertase/react-native-apple-authentication/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-aria.md b/en/react-native-aria.md
new file mode 100644
index 00000000..9c314d2a
--- /dev/null
+++ b/en/react-native-aria.md
@@ -0,0 +1,548 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-aria</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/gluestack/react-native-aria/tree/main">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/gluestack/react-native-aria/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/gluestack/react-native-aria/tree/main)
+
+## 安装与使用
+
+React Native ARIA是可增量采用的。每个组件都作为单独的包发布，因此您可以在单个组件中使用它，并随着时间的推移逐渐添加更多组件。所有这些包都在npm上的@react-native-aria范围内发布。
+
+进入到工程目录并输入以下命令：
+
+#### **yarn**
+
+```bash
+yarn add react-native-aria@0.2.3
+```
+
+<!-- tabs:end -->
+
+#### **npm**
+
+```bash
+npm install react-native-aria@0.2.3
+```
+
+<!-- tabs:end -->
+
+除了总包之外，我们还提供了一些单独包，如：@react-native-aria/button
+
+#### **yarn**
+
+```bash
+yarn add @react-native-aria/button@0.2.7
+```
+
+<!-- tabs:end -->
+
+#### **npm**
+
+```bash
+npm install @react-native-aria/button@0.2.7
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了useToggleButton的基本使用场景：
+
+```js
+import React from "react";
+import { useToggleButton } from "@react-native-aria/button";
+import { useToggleState } from "@react-stately/toggle";
+import { Pressable, Text, View } from "react-native";
+import { useRef } from "react";
+
+export function ToggleButton(props: any) {
+    const ref = useRef(null);
+    let state = useToggleState(props);
+    let { buttonProps, isPressed } = useToggleButton(props, state);
+
+    return (
+        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <Text>ToggleButton：</Text>
+            <Pressable ref={ref} {...buttonProps}
+                style={{
+                    backgroundColor: state.isSelected ? "rgb(9, 90, 186)" : "#e1e1e1", borderRadius: 15,
+                    padding: 5, width: 100, height: 30, justifyContent: 'center', alignItems: 'center'
+                }}
+            >
+                <Text style={{ color: state.isSelected ? "#f1f1f1" : "#000" }} >点击切换</Text>
+            </Pressable>
+        </View>
+    );
+}
+
+export default ToggleButton
+
+```
+
+下面的代码展示了useCheckbox与useCheckboxGroup的基本使用场景：
+
+```javascript
+import React, { useContext, useRef } from 'react';
+import { Pressable, View, Text } from 'react-native';
+import { useCheckbox, useCheckboxGroupItem, useCheckboxGroup } from '@react-native-aria/checkbox';
+import { useToggleState } from '@react-stately/toggle';
+import { useCheckboxGroupState } from "@react-stately/checkbox";
+import { useFocusRing } from '@react-native-aria/focus';
+
+let CheckboxGroupContext = React.createContext<any>(null);
+
+const CheckboxItems = [{ key: 'soccer', value: '足球' }, { key: 'baseball', value: '棒球' }, { key: 'basketball', value: '篮球' }]
+const findName = (value: string) => {
+    const item = CheckboxItems.find(i => { return i.key === value; })
+    return item && item.value
+}
+
+export function CheckboxGroup(props: any) {
+    let { children, label } = props;
+    let state = useCheckboxGroupState(props);
+    let { groupProps, labelProps } = useCheckboxGroup(props, state);
+
+    return (
+        <View {...groupProps} style={{ flexDirection: 'row', alignItems: 'center' }}>
+            {label && <Text {...labelProps}>{label}</Text>}
+            <CheckboxGroupContext.Provider value={state}>
+                {children}
+            </CheckboxGroupContext.Provider>
+            <View><Text>已经选择：</Text>{props.value.map(i=>{
+                return <Text>{findName(i)}</Text>
+            })}</View> 
+        </View>
+    );
+}
+
+
+export function Checkbox(props: any) {
+    let groupState = useContext(CheckboxGroupContext);
+    let inputRef = useRef<HTMLInputElement>(null);
+
+    let { isFocusVisible, focusProps } = useFocusRing();
+
+    let { inputProps } = groupState ? useCheckboxGroupItem(
+        {
+            ...props,
+            isRequired: props.isRequired,
+            validationState: props.validationState,
+        },
+        groupState,
+        inputRef
+    ) : useCheckbox(props, useToggleState(props), inputRef);
+
+    return (
+        <View style={isFocusVisible ? { borderWidth: 2 } : {}}>
+            <Pressable {...inputProps} {...focusProps} >
+                <View style={{ flexDirection: 'row', alignItems: 'center', marginRight: 5 }}>
+                    {props.children}
+                </View>
+            </Pressable>
+        </View>
+    );
+}
+
+export const CheckboxExample = () => {
+    const [state, setCheckbox] = React.useState([]);
+
+    return (
+        <CheckboxGroup
+            label="CheckboxGroup："
+            value={state}
+            onChange={(val: any) => {
+                setCheckbox(val);
+            }}
+        >
+            {CheckboxItems.map(i => {
+                return <Checkbox key={i.key} value={i.key}>
+                    <Text>{i.value}</Text>
+                </Checkbox>;
+            })}
+        </CheckboxGroup>
+    );
+};
+export default CheckboxExample
+
+```
+
+下面的代码展示了useRadio与useRadioGroup的基本使用场景：
+
+```javascript
+import React from "react";
+import { useRadioGroupState } from "@react-stately/radio";
+import { useRadio, useRadioGroup } from "@react-native-aria/radio";
+import { Pressable, Text, View } from "react-native";
+import { useFocusRing } from "@react-native-aria/focus";
+
+let RadioContext = React.createContext<any>({});
+
+const radioItems = [{ key: 'dogs', value: '狗子' }, { key: 'cats', value: '猫儿' }]
+const findName = (value: string) => {
+    const item = radioItems.find(i => { return i.key === value; })
+    return item && item.value
+}
+
+export function RadioGroup(props: any) {
+    let { children, label } = props;
+    let state = useRadioGroupState(props);
+    let { radioGroupProps, labelProps } = useRadioGroup(props, state);
+
+    return (
+        <View {...radioGroupProps} style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <Text {...labelProps}>{label}</Text>
+            <RadioContext.Provider
+                value={{
+                    isDisabled: props.isDisabled,
+                    isReadOnly: props.isReadOnly,
+                    state,
+                }}
+            >
+                {children}
+            </RadioContext.Provider>
+            <Text>已经选择：{findName(state.selectedValue as string)}</Text>
+        </View>
+    );
+}
+
+export function Radio(props: any) {
+    let { state, isReadOnly, isDisabled } = React.useContext(RadioContext);
+    const inputRef = React.useRef(null);
+    let { inputProps } = useRadio(
+        { isReadOnly, isDisabled, ...props },
+        state,
+        inputRef
+    );
+    let { isFocusVisible, focusProps } = useFocusRing();
+
+    return (
+        <Pressable {...inputProps}{...focusProps} style={{ marginRight: 5 }}>
+            <View style={[{ flexDirection: 'row', alignItems: 'center' }, isFocusVisible ? { borderWidth: 1 } : {},]}>
+                <Text>{props.children}</Text>
+            </View>
+        </Pressable>
+    );
+}
+
+export const RadioExample = () => {
+    return (
+        <View>
+            <RadioGroup label="RadioGroup：">
+                {radioItems.map(i => {
+                    return <Radio key={i.key} value={i.key}>{i.value}</Radio>
+                })}
+            </RadioGroup>
+        </View>
+    );
+};
+export default RadioExample
+
+```
+
+下面的代码展示了useSwitch的基本使用场景：
+
+```javascript
+import { useToggleState } from "@react-stately/toggle";
+import React, { useRef } from "react";
+import { StyleSheet, Text, View, Animated, Pressable } from "react-native";
+import { useSwitch } from "@react-native-aria/switch";
+import { useFocusRing } from "@react-native-aria/focus";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+
+const calculateDimensions = (size: any) => {
+    switch (size) {
+        case "small":
+            return {
+                width: 40,
+                padding: 10,
+                circleWidth: 15,
+                circleHeight: 15,
+                translateX: 22,
+            };
+        case "large":
+            return {
+                width: 70,
+                padding: 20,
+                circleWidth: 30,
+                circleHeight: 30,
+                translateX: 38,
+            };
+        default:
+            return {
+                width: 46,
+                padding: 12,
+                circleWidth: 18,
+                circleHeight: 18,
+                translateX: 26,
+            };
+    }
+};
+
+const defaultProps = {
+    isOn: false,
+    onColor: "#4cd137",
+    offColor: "#ecf0f1",
+    size: "medium",
+    labelStyle: {},
+    thumbOnStyle: {},
+    thumbOffStyle: {},
+    trackOnStyle: {},
+    trackOffStyle: {},
+    icon: null,
+    disabled: false,
+    animationSpeed: 300,
+    useNativeDriver: true,
+    circleColor: "white",
+};
+
+export function Switch(origProps: any) {
+    const props = {
+        ...defaultProps,
+        ...origProps,
+    };
+
+    const offsetX = useRef(new Animated.Value(0));
+    const dimensions = useRef(calculateDimensions(props.size));
+
+    const createToggleSwitchStyle = () => [
+        {
+            justifyContent: "center",
+            width: dimensions.current.width,
+            borderRadius: 20,
+            padding: dimensions.current.padding,
+            backgroundColor: props.isOn ? props.onColor : props.offColor,
+        },
+        props.isOn ? props.trackOnStyle : props.trackOffStyle,
+    ];
+
+    const createInsideCircleStyle = () => [
+        {
+            alignItems: "center",
+            justifyContent: "center",
+            margin: 4,
+            left: 0,
+            position: "absolute",
+            backgroundColor: props.circleColor,
+            transform: [{ translateX: offsetX.current }],
+            width: dimensions.current.circleWidth,
+            height: dimensions.current.circleHeight,
+            borderRadius: dimensions.current.circleWidth / 2,
+            shadowColor: "#000",
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 0.2,
+            shadowRadius: 2.5,
+            elevation: 1.5,
+        },
+        props.isOn ? props.thumbOnStyle : props.thumbOffStyle,
+    ];
+
+    const { isOn, icon, label, labelStyle = {} } = props;
+
+    const toValue = isOn
+        ? dimensions.current.width - dimensions.current.translateX
+        : 0;
+
+    Animated.timing(offsetX.current, {
+        toValue,
+        duration: props.animationSpeed,
+        useNativeDriver: props.useNativeDriver,
+    }).start();
+
+    return (
+        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            {label && <Text style={labelStyle}>{label}</Text>}
+            <View style={[...createToggleSwitchStyle(), { marginBottom: 5 }]}>
+                <Animated.View style={createInsideCircleStyle()}>{icon}</Animated.View>
+            </View>
+            <Text style={{ marginLeft: 5 }}>{isOn ? "开" : "关"}</Text>
+        </View>
+    );
+}
+
+export function ControlledSwitch() {
+    const state = useToggleState();
+    const { isFocusVisible, focusProps } = useFocusRing();
+    const inputRef = useRef(null);
+    let { inputProps } = useSwitch(
+        { "aria-label": "Example switch" },
+        state,
+        inputRef
+    );
+
+    return (
+        <Pressable {...inputProps} {...focusProps} ref={inputRef}>
+            <View style={isFocusVisible ? { borderWidth: 2 } : {}}>
+                <Switch
+                    isOn={state.isSelected}
+                    onColor="green"
+                    offColor="red"
+                    label='Switch：'
+                    size="large"
+                    onToggle={state.toggle}
+                />
+            </View>
+        </Pressable>
+    );
+
+}
+export default ControlledSwitch
+
+```
+
+下面的代码展示了useOverlayPosition的基本使用场景：
+
+```javascript
+import React from "react";
+import { useOverlayPosition, OverlayProvider, OverlayContainer } from "@react-native-aria/overlays";
+import { useButton } from "@react-native-aria/button";
+import { View, Text, Pressable, ScrollView, Modal } from "react-native";
+import { useToggleState } from "@react-stately/toggle";
+
+const positions = [
+    "top",
+    "left",
+    "right",
+    "bottom",
+    "top left",
+    "top right",
+    "left top",
+    "left bottom",
+    "bottom right, bottom left",
+    "right top",
+    "right bottom",
+];
+
+export function TriggerWrapper() {
+    const [placement, setPlacement] = React.useState<any>(-1);
+    React.useEffect(() => {
+        const id = setInterval(() => {
+            setPlacement((prev) => (prev + 1) % positions.length);
+        }, 2000);
+        return () => clearInterval(id);
+    }, []);
+
+    return <Trigger placement={positions[placement]}></Trigger>;
+}
+
+const OverlayView = ({ targetRef, placement = 'top' }) => {
+    let overlayRef = React.useRef();
+
+    const { overlayProps } = useOverlayPosition({
+        placement: placement as any,
+        targetRef,
+        overlayRef,
+        offset: 10,
+    });
+
+    return (
+        <ScrollView
+            bounces={false}
+            style={{
+                position: "absolute",
+                height: 400,
+                backgroundColor: "lightgray",
+                ...overlayProps.style,
+            }}
+            ref={(node) => overlayRef.current = node}
+        >
+            <View
+                style={{
+                    padding: 20,
+                    height: 5000,
+                }}
+            >
+                <Text>Hello world</Text>
+            </View>
+        </ScrollView>
+    );
+};
+
+export function Trigger({ placement }: any) {
+    let ref = React.useRef();
+    const toggleState = useToggleState();
+
+    let { buttonProps } = useButton({ onPress: toggleState.toggle }, ref);
+
+    return (
+        <View style={{ flexDirection: 'row', alignItems: "center" }} >
+            <Text>useOverlayPosition：</Text>
+            <Pressable
+                {...buttonProps}
+                ref={ref}
+                role="button"
+                aria-label="Click here to perform some actions"
+            >
+                <View
+                    style={{
+                        flexDirection: "row",
+                        borderWidth: 1,
+                        paddingHorizontal: 10,
+                        paddingVertical: 10,
+                    }}
+                >
+                    <Text>点我一下</Text>
+                </View>
+            </Pressable>
+            <Modal visible={toggleState.isSelected} onRequestClose={toggleState.toggle}>
+                <OverlayProvider>
+                    <OverlayContainer>
+                        <OverlayView targetRef={ref} placement={placement} />
+                    </OverlayContainer>
+                </OverlayProvider>
+            </Modal>
+        </View>
+    );
+}
+export default TriggerWrapper
+
+```
+
+更多hooks请参考[react-native-aria官方文档](https://geekyants.github.io/react-native-aria/docs/)
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+2. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+3. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+
+## Hooks
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
+|--------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| useToggleButton    | Provides the behavior and accessibility implementation for a toggle button component. ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes.           | Function | no       | iOS,Android      | yes               |
+| useCheckbox        | Provides the behavior and accessibility implementation for a checkbox component. Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected. | Function | no       | iOS,Android      | yes               |
+| useCheckboxGroup   | Provides the behavior and accessibility implementation for a checkbox group component. Checkbox groups allow users to select multiple items from a list of options.                                           | Function | no       | iOS,Android      | yes               |
+| useRadioGroup      | Provides the behavior and accessibility implementation for a radio group component. Radio groups allow users to select a single item from a list of mutually exclusive options.                               | Function | no       | iOS,Android      | yes               |
+| useSwitch          | Provides the behavior and accessibility implementation for a switch component. A switch is similar to a checkbox, but represents on/off values as opposed to selection.                                       | Function | no       | iOS,Android      | yes               |
+| OverlayContainer   | Provides React Portal like functionality for React Native apps which can be useful for displaying absolutely positioned components like Menu, Tooltip, Popover.                                               | Function | no       | iOS,Android      | yes               |
+| useOverlayPosition | Handles positioning overlays like popovers and menus relative to a trigger element, and updating the position when the window resizes.                                                                        | Function | no       | iOS,Android      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/gluestack/react-native-aria/blob/main/LICENSE)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-async-storage-async-storage.md b/en/react-native-async-storage-async-storage.md
new file mode 100644
index 00000000..134f7a1d
--- /dev/null
+++ b/en/react-native-async-storage-async-storage.md
@@ -0,0 +1,285 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-async-storage/async-storage</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-async-storage/async-storage">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-async-storage/async-storage/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/async-storage)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/async-storage@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/async-storage@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import AsyncStorage from "@react-native-async-storage/async-storage";
+
+// Storing data
+const storeData = async (value) => {
+  try {
+    await AsyncStorage.setItem("my-key", value);
+  } catch (e) {
+    // saving error
+  }
+};
+
+// Reading data
+const getData = async () => {
+  try {
+    const value = await AsyncStorage.getItem("my-key");
+    if (value !== null) {
+      // value previously stored
+    }
+  } catch (e) {
+    // error reading value
+  }
+};
+```
+下面的代码展示了这个库的Hooks使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from "react";
+import { View, Text, TouchableOpacity } from "react-native";
+import { useAsyncStorage } from "@react-native-async-storage/async-storage";
+
+export default function App() {
+  const [value, setValue] = useState("value");
+  const { getItem, setItem } = useAsyncStorage("@storage_key");
+
+  const readItemFromStorage = async () => {
+    const item = await getItem();
+    setValue(item);
+  };
+
+  const writeItemToStorage = async (newValue) => {
+    await setItem(newValue);
+    setValue(newValue);
+  };
+
+  useEffect(() => {
+    readItemFromStorage();
+  }, []);
+
+  return (
+    <View style={{ margin: 40 }}>
+      <Text>Current value: {value}</Text>
+      <TouchableOpacity
+        onPress={() =>
+          writeItemToStorage(Math.random().toString(36).substr(2, 5))
+        }
+      >
+        <Text>Update value</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/async-storage": "file:../../node_modules/@react-native-oh-tpl/async-storage/harmony/async_storage.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 AsynStoragePackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/async-storage/src/main/cpp" ./async-storage)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_async_storage)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "AsyncStoragePackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<AsyncStoragePackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 AsynStorage Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {AsyncStoragePackage} from '@react-native-oh-tpl/async-storage/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new AsyncStoragePackage(ctx)
+  ];
+}
+
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                              | Type                                                                                                                | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| `getItem`         | Gets a string value for given key. This function can either return a string value for existing key or return null otherwise.                             | function(key: string, value: string, [callback]: ?(error: ?Error) => void): Promise                                 | No       | All      | yes               |
+| `setItem`         | Sets a string value for given key. This operation can either modify an existing entry, if it did exist for given key, or add new one otherwise.          | function(key: string, value: string, [callback]: ?(error: ?Error) => void): Promise                                 | No       | All      | yes               |
+| `mergeItem`       | Merges an existing value stored under key, with new value, assuming both values are stringified JSON.                                                    | function(key: string, value: string, [callback]: ?(error: ?Error) => void): Promise                                 | No       | All      | yes               |
+| `removeItem`      | Removes item for a key, invokes (optional) callback once completed.                                                                                      | function(key: string, [callback]: ?(error: ?Error) => void): Promise                                                | No       | All      | yes               |
+| `getAllKeys`      | Returns all keys known to your App, for all callers, libraries, etc. Once completed, invokes callback with errors (if any) and array of keys.            | function([callback]: ?(error: ?Error, keys: ?Array<string>) => void): Promise                                       | No       | All      | yes               |
+| `multiGet`        | Fetches multiple key-value pairs for given array of keys in a batch. Once completed, invokes callback with errors (if any) and results.                  | function(keys: Array<string>, [callback]: ?(errors: ?Array<Error>, result: ?Array<Array<string>>) => void): Promise | No       | All      | yes               |
+| `multiSet`        | Stores multiple key-value pairs in a batch. Once completed, callback with any errors will be called.                                                     | function(keyValuePairs: Array<Array<string>>, [callback]: ?(errors: ?Array<Error>) => void): Promise                | No       | All      | yes               |
+| `multiMerge`      | Multiple merging of existing and new values in a batch. Assumes that values are stringified JSON. Once completed, invokes callback with errors (if any). | function(keyValuePairs: Array<Array<string>>, [callback]: ?(errors: ?Array<Error>) => void): Promise                | No       | All      | yes               |
+| `multiRemove`     | Clears multiple key-value entries for given array of keys in a batch. Once completed, invokes a callback with errors (if any).                           | function(keys: Array<string>, [callback]: ?(errors: ?Array<Error>) => void)                                         | No       | All      | yes               |
+| `clear`           | Removes whole AsyncStorage data, for all clients, libraries, etc. You probably want to use removeItem or multiRemove to clear only your App's keys.      | function([callback]: ?(error: ?Error) => void): Promise                                                             | No       | All      | yes               |
+| `useAsyncStorage` | The useAsyncStorage returns an object that exposes all methods that allow you to interact with the stored value.                                         | hooks                                                                                                               | No       | All      | yes               |
+
+## 遗留问题
+
+- [ ] Harmony 的 taskpool 支持类型有限，无法用 taskpool 实现，仅用简单的线程锁替代,无法设置指定的存储大小: [issue#8](https://github.com/react-native-oh-library/async-storage/issues/8)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-async-storage/async-storage/blob/main/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-audio-recorder-player.md b/en/react-native-audio-recorder-player.md
new file mode 100644
index 00000000..50fb1e13
--- /dev/null
+++ b/en/react-native-audio-recorder-player.md
@@ -0,0 +1,722 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-audio-recorder-player</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/hyochan/react-native-audio-recorder-player">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/hyochan/react-native-audio-recorder-player/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-recorder-player)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!tip] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-audio-recorder-player@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-audio-recorder-player@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import AudioRecorderPlayer, {
+    AVEncoderAudioQualityIOSType,
+    AVEncodingOption,
+    AudioEncoderAndroidType,
+    AudioSourceAndroidType,
+    OutputFormatAndroidType,
+} from 'react-native-audio-recorder-player'; import type {
+    PlayBackType,
+    RecordBackType,
+} from 'react-native-audio-recorder-player';
+import { AudioMimeHarmonyType, AudioFormatHarmonyType, AudioSourceHarmonyType, AudioSet } from "@react-native-oh-tpl/react-native-audio-recorder-player";
+
+import {
+    Dimensions,
+    Platform,
+    ActivityIndicator,
+    Image,
+    SafeAreaView,
+    StyleSheet,
+    Text,
+    TouchableOpacity,
+    View,
+} from 'react-native';
+import React, { Component } from 'react';
+
+import type { ReactElement, ReactNode } from 'react';
+
+const stylesButton: any = StyleSheet.create({
+    btn: {
+        backgroundColor: 'transparent',
+        alignSelf: 'center',
+        borderRadius: 4,
+        borderWidth: 2,
+        width: 320,
+        height: 52,
+        borderColor: 'white',
+
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    btnDisabled: {
+        backgroundColor: 'rgb(243,243,243)',
+        alignSelf: 'center',
+        borderRadius: 4,
+        borderWidth: 2,
+        width: 320,
+        height: 52,
+        borderColor: '#333',
+
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    txt: {
+        fontSize: 14,
+        color: 'white',
+    },
+    imgLeft: {
+        width: 24,
+        height: 24,
+        position: 'absolute',
+        left: 16,
+    },
+});
+
+interface ItemProps {
+    children?: ReactNode;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    onPress?: () => void;
+    style?: any;
+    disabledStyle?: any;
+    textStyle?: any;
+    imgLeftSrc?: any;
+    imgLeftStyle?: any;
+    indicatorColor?: string;
+    activeOpacity?: number;
+}
+
+class Button extends Component<ItemProps, any> {
+    private static defaultProps: Partial<ItemProps> = {
+        isLoading: false,
+        isDisabled: false,
+        style: stylesButton.btn,
+        textStyle: stylesButton.txt,
+        imgLeftStyle: stylesButton.imgLeft,
+        indicatorColor: 'white',
+        activeOpacity: 0.5,
+    };
+
+    constructor(props: ItemProps) {
+        super(props);
+        this.state = {};
+    }
+
+    public render(): ReactElement {
+        if (this.props.isDisabled) {
+            return (
+                <View style={this.props.disabledStyle}>
+                    <Text style={this.props.textStyle}>{this.props.children}</Text>
+                </View>
+            );
+        }
+
+        if (this.props.isLoading) {
+            return (
+                <View style={this.props.style}>
+                    <ActivityIndicator size="small" color={this.props.indicatorColor} />
+                </View>
+            );
+        }
+
+        return (
+            <TouchableOpacity
+                activeOpacity={this.props.activeOpacity}
+                onPress={this.props.onPress}>
+                <View style={this.props.style}>
+                    {this.props.imgLeftSrc ? (
+                        <Image
+                            style={this.props.imgLeftStyle}
+                            source={this.props.imgLeftSrc}
+                        />
+                    ) : null}
+                    <Text style={this.props.textStyle}>{this.props.children}</Text>
+                </View>
+            </TouchableOpacity>
+        );
+    }
+}
+
+const styles: any = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#455A64',
+        flexDirection: 'column',
+        alignItems: 'center',
+        height: Dimensions.get('screen').height
+    },
+    titleTxt: {
+        marginTop: 100,
+        color: 'white',
+        fontSize: 28,
+    },
+    viewRecorder: {
+        marginTop: 40,
+        width: '100%',
+        alignItems: 'center',
+    },
+    recordBtnWrapper: {
+        flexDirection: 'row',
+    },
+    viewPlayer: {
+        marginTop: 60,
+        alignSelf: 'stretch',
+        alignItems: 'center',
+    },
+    viewBarWrapper: {
+        marginTop: 28,
+        marginHorizontal: 28,
+        alignSelf: 'stretch',
+    },
+    viewBar: {
+        backgroundColor: '#ccc',
+        height: 4,
+        alignSelf: 'stretch',
+    },
+    viewBarPlay: {
+        backgroundColor: 'white',
+        height: 4,
+        width: 0,
+    },
+    playStatusTxt: {
+        marginTop: 8,
+        color: '#ccc',
+    },
+    playBtnWrapper: {
+        flexDirection: 'row',
+        marginTop: 40,
+    },
+    btn: {
+        borderColor: 'white',
+        borderWidth: 1,
+    },
+    txt: {
+        color: 'white',
+        fontSize: 14,
+        marginHorizontal: 8,
+        marginVertical: 4,
+    },
+    txtRecordCounter: {
+        marginTop: 32,
+        color: 'white',
+        fontSize: 20,
+        textAlignVertical: 'center',
+        fontWeight: '200',
+        fontFamily: 'Helvetica Neue',
+        letterSpacing: 3,
+        width: 300
+    },
+    txtCounter: {
+        marginTop: 12,
+        color: 'white',
+        fontSize: 20,
+        textAlignVertical: 'center',
+        fontWeight: '200',
+        fontFamily: 'Helvetica Neue',
+        letterSpacing: 3,
+        width: 300
+    },
+});
+
+interface State {
+    isLoggingIn: boolean;
+    recordSecs: number;
+    recordTime: string;
+    currentPositionSec: number;
+    currentDurationSec: number;
+    playTime: string;
+    duration: string;
+}
+
+const screenWidth = Dimensions.get('screen').width;
+
+class Page extends Component<any, State> {
+    private audioRecorderPlayer
+
+    constructor(props: any) {
+        super(props);
+        this.state = {
+            isLoggingIn: false,
+            recordSecs: 0,
+            recordTime: '00:00:00',
+            currentPositionSec: 0,
+            currentDurationSec: 0,
+            playTime: '00:00:00',
+            duration: '00:00:00',
+        };
+
+        this.audioRecorderPlayer = new AudioRecorderPlayer()
+        this.audioRecorderPlayer.setSubscriptionDuration(0.5); // optional. Default is 0.5
+    }
+
+    public render(): ReactElement {
+        let playWidth =
+            (this.state.currentPositionSec / this.state.currentDurationSec) *
+            (screenWidth - 56);
+
+        if (!playWidth) {
+            playWidth = 0;
+        }
+
+        return (
+            <SafeAreaView style={styles.container}>
+                <Text style={styles.titleTxt}>Audio Recorder Player</Text>
+                <Text style={styles.txtRecordCounter}>{this.state.recordTime}</Text>
+                <View style={styles.viewRecorder}>
+                    <View style={styles.recordBtnWrapper}>
+                        <Button
+                            style={styles.btn}
+                            onPress={this.onStartRecord}
+                            textStyle={styles.txt}>
+                            startRecord
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onPauseRecord}
+                            textStyle={styles.txt}>
+                            Pause
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onResumeRecord}
+                            textStyle={styles.txt}>
+                            Resume
+                        </Button>
+                        <Button
+                            style={[styles.btn, { marginLeft: 12 }]}
+                            onPress={this.onStopRecord}
+                            textStyle={styles.txt}>
+                            Stop
+                        </Button>
+                    </View>
+                </View>
+                <View style={styles.viewPlayer}>
+                    <TouchableOpacity
+                        style={styles.viewBarWrapper}
+                        onPress={this.onStatusPress}>
+                        <View style={styles.viewBar}>
+                            <View style={[styles.viewBarPlay, { width: playWidth }]} />
+                        </View>
+                    </TouchableOpacity>
+                    <Text style={styles.txtCounter}>
+                        {this.state.playTime} / {this.state.duration}
+                    </Text>
+                    <View style={styles.playBtnWrapper}>
+                        <Button
+                            style={styles.btn}
+                            onPress={this.onStartPlay}
+                            textStyle={styles.txt}>
+                            Play
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onPausePlay}
+                            textStyle={styles.txt}>
+                            Pause
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onResumePlay}
+                            textStyle={styles.txt}>
+                            Resume
+                        </Button>
+                        <Button
+                            style={[
+                                styles.btn,
+                                {
+                                    marginLeft: 12,
+                                },
+                            ]}
+                            onPress={this.onStopPlay}
+                            textStyle={styles.txt}>
+                            Stop
+                        </Button>
+                    </View>
+                </View>
+            </SafeAreaView>
+        );
+    }
+
+    private onStatusPress = (e: any): void => {
+        const touchX = e.nativeEvent.locationX;
+        console.log(`touchX: ${touchX}`);
+
+        const playWidth =
+            (this.state.currentPositionSec / this.state.currentDurationSec) *
+            (screenWidth - 56);
+        console.log(`currentPlayWidth: ${playWidth}`);
+
+        const currentPosition = Math.round(this.state.currentPositionSec);
+
+        if (playWidth && playWidth < touchX) {
+            const addSecs = Math.round(currentPosition + 1000);
+            this.audioRecorderPlayer.seekToPlayer(addSecs);
+            console.log(`addSecs: ${addSecs}`);
+        } else {
+            const subSecs = Math.round(currentPosition - 1000);
+            this.audioRecorderPlayer.seekToPlayer(subSecs);
+            console.log(`subSecs: ${subSecs}`);
+        }
+    };
+
+    private onStartRecord = async (): Promise<void> => {
+
+        const audioSet: AudioSet = {
+            AudioEncoderAndroid: AudioEncoderAndroidType.AAC,
+            AudioSourceAndroid: AudioSourceAndroidType.MIC,
+            AVEncoderAudioQualityKeyIOS: AVEncoderAudioQualityIOSType.high,
+            AVNumberOfChannelsKeyIOS: 2,
+            AVFormatIDKeyIOS: AVEncodingOption.aac,
+            OutputFormatAndroid: OutputFormatAndroidType.AAC_ADTS,
+            AudioSourceHarmony: AudioSourceHarmonyType.MIC,
+            AudioMimeHarmony: AudioMimeHarmonyType.AUDIO_AAC,
+            AudioFileFormatHarmony: AudioFormatHarmonyType.MPEG_4A,
+            AudioEncodingBitRateHarmony: 3200,
+            AudioSamplingRateHarmony: 44100,
+            AudioChannelsHarmony: 2,
+        };
+
+        console.log('audioSet', audioSet);
+
+        const uri = await this.audioRecorderPlayer.startRecorder(
+            'audio.m4a',
+            audioSet,
+        );
+
+        this.audioRecorderPlayer.addRecordBackListener((e: RecordBackType) => {
+            console.log('record-back', e);
+            this.setState({
+                recordSecs: e.currentPosition,
+                recordTime: this.audioRecorderPlayer.mmssss(
+                    Math.floor(e.currentPosition),
+                ),
+            });
+        });
+
+        console.log(`uri: ${uri}`);
+    };
+
+    private onPauseRecord = async (): Promise<void> => {
+        try {
+            const r = await this.audioRecorderPlayer.pauseRecorder();
+            console.log(r);
+        } catch (err) {
+            console.log('pauseRecord', err);
+        }
+    };
+
+    private onResumeRecord = async (): Promise<void> => {
+        await this.audioRecorderPlayer.resumeRecorder();
+    };
+
+    private onStopRecord = async (): Promise<void> => {
+        const result = await this.audioRecorderPlayer.stopRecorder();
+        this.audioRecorderPlayer.removeRecordBackListener();
+        this.setState({
+            recordSecs: 0,
+        });
+        console.log(result, '>>>>>>>stopRecorder');
+    };
+
+    private onStartPlay = async (): Promise<void> => {
+        console.log('onStartPlay');
+
+        try {
+
+
+            const msg = await this.audioRecorderPlayer.startPlayer('https://sis-sample-audio.obs.cn-north-1.myhuaweicloud.com/16k16bit.mp3', { 'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64; rv:12.0) Gecko/20100101 Firefox/21.0' });
+            const volume = await this.audioRecorderPlayer.setVolume(1);
+            this.audioRecorderPlayer.addPlayBackListener((e: PlayBackType) => {
+                console.log('playBackListener', e);
+                this.setState({
+                    currentPositionSec: e.currentPosition,
+                    currentDurationSec: e.duration,
+                    playTime: this.audioRecorderPlayer.mmssss(e.currentPosition),
+                    duration: this.audioRecorderPlayer.mmssss(Math.floor(e.duration)),
+                });
+            });
+
+        } catch (err) {
+            console.log('startPlayer error', err);
+        }
+    };
+
+    private onPausePlay = async (): Promise<void> => {
+        await this.audioRecorderPlayer.pausePlayer();
+    };
+
+    private onResumePlay = async (): Promise<void> => {
+        await this.audioRecorderPlayer.resumePlayer();
+    };
+
+    private onStopPlay = async (): Promise<void> => {
+        console.log('onStopPlay');
+        this.audioRecorderPlayer.stopPlayer();
+        this.audioRecorderPlayer.removePlayBackListener();
+    };
+}
+
+export default Page;
+
+```
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!tip] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-audio-recorder-player": "file:../../node_modules/@react-native-oh-tpl/react-native-audio-recorder-player/harmony/audio_recorder_player.har"
+  }
+```
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+方法二：直接链接源码
+
+> [!tip] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 配置 CMakeLists 和引入 RNAudioRecorderPlayerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_audio_recorder_player)
+# RNOH_END: manual_package_linking_2
+```
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RNAudioRecorderPlayerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNAudioRecorderPlayerPackage>(ctx)
+    };
+}
+```
+### 在 ArkTs 侧引入 react-native-audio-recorder-player Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {RNAudioRecorderPlayerPackage} from '@react-native-oh-tpl/react-native-audio-recorder-player/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNAudioRecorderPlayerPackage(ctx)
+  ];
+}
+```
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {"name": "ohos.permission.INTERNET"},//网络播放音频需添加
++  {
++    "name": "ohos.permission.MICROPHONE",
++    "reason": "$string:Access_Create_Audio",
++     "usedScene": {
++     "abilities": [
++       "EntryAbility"
++     ],
++     "when": "always"
++    }
++  },
+ ]
+]
+```
+#### 在 entry 目录下添加申请权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_Create_Audio",
++      "value": "access create Audio"
++    }，
+  ]
+}
+```
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                              | Type                                                                                                                | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| `mmss`         | Convert milliseconds to minute:second string                             | function(milliseconds:number): string                                 | No       |  Android，iOS      | yes               |
+| `mmssss`         | Convert milliseconds to minute:second:milliseconds string          | function(milliseconds:number): string                                | No       |  Android，iOS       | yes               |
+| `setSubscriptionDuration`       | Set default callback time when starting recorder or player. Default to 0.5 which is 500ms| function(seconds:float):void     | No       |  Android，iOS       | yes               |
+| `addRecordBackListener`      |Get callback from native module. Will receive currentPosition, currentMetering (if configured in startRecorder).                                                                                      | function(callBack:(value:RecordBackType)=>void): void                                               | No       |  Android，iOS      | yes               |
+| `removeRecordBackListener`      |Removes recordBack listener.            | function(): void                                     | No       |  Android，iOS       | yes               |
+| `addPlayBackListener`        | Get callback from native module. Will receive duration, currentPosition.                  | function(callBack:(value: PlayBackType)=>void): void  | No       |  Android，iOS       | yes               |
+| `removePlayBackListener`        | Removes playback listener.                                                     | function(): void               | No       |  Android，iOS       | yes               |
+| `startRecorder`      |Start recording. Not passing uri will save audio in default location. | function(uri?:string,audioSets?: AudioSet,meteringEnabled?: boolean): Promise< string >               | No       | Android，iOS      | yes         |
+| `pauseRecorder`     | Pause recording.                           | function() : Promise< string >                                        | No       | Android，iOS       | yes               |
+| `resumeRecorder`           | Resume recording.     | function() : Promise< string >                                                                  | No       |  Android，iOS      | yes               |
+| `stopRecorder` | Stop recording.                                        | function() : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
+| `startPlayer` | Start playing. Not passing the param will play audio in default location.                                        | function(uri?:string,httpHeaders?:Record<string,string>) : Promise< string >                                                                                                             | No       |  Android，iOS      | yes            |
+| `stopPlayer` | Stop playing.                                      | function() : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
+| `pausePlayer` | Pause playing.                                      | function() : Promise< string >                                                                                                             | No       |  Android，iOS     | yes               |
+| `resumePlayer` | Resume playing.                                       | function() : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
+| `seekToPlayer` | Seek audio.                                   | function(milliseconds:number) : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
+| `setVolume` | Set volume of audio player (default 1.0, range: 0.0 ~ 1.0).                                      | function(volume:float) : Promise< string >                                                                                                             | No       |  Android，iOS     | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/hyochan/react-native-audio-recorder-player/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-audio-toolkit.md b/en/react-native-audio-toolkit.md
new file mode 100644
index 00000000..059cd5f1
--- /dev/null
+++ b/en/react-native-audio-toolkit.md
@@ -0,0 +1,615 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/audio-toolkit</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-audio-toolkit/react-native-audio-toolkit">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-audio-toolkit/react-native-audio-toolkit/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-toolkit)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/audio-toolkit@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/audio-toolkit@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] # demo使用了三方库[@react-native-oh-tpl/react-native-slider](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-slider.md)
+
+> [!TIP] # demo使用了权限三方库[@react-native-oh-tpl/react-native-permissions](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-permissions.md)
+
+```tsx
+import React, { Component } from 'react';
+import { Button, PermissionsAndroid, Platform, StyleSheet, Switch, Text, View, ScrollView } from 'react-native';
+import Slider from '@react-native-oh-tpl/react-native-slider';
+import { Player, Recorder, MediaStates } from '@react-native-community/audio-toolkit';
+import RTNPermissions, {RESULTS} from "@react-native-oh-tpl/react-native-permissions";
+
+const filename = 'test.mp4';
+
+
+type Props = {};
+
+type State = {
+  playPauseButton: string,
+  recordButton: string,
+
+  stopButtonDisabled: boolean,
+  playButtonDisabled: boolean | undefined,
+  recordButtonDisabled: boolean,
+
+  recordPauseButtonDisabled: boolean,
+
+  loopButtonStatus: boolean,
+  progress: number,
+
+  error: string | null
+};
+
+export default class App extends Component<Props, State> {
+  player: Player | null = null;
+  recorder: Recorder | null = null;
+  lastSeek: number = 0;
+  _progressInterval: NodeJS.Timeout | null = null;
+
+  constructor(props: Props) {
+    super(props);
+
+    this.state = {
+      playPauseButton: 'Preparing...',
+      recordButton: 'Preparing...',
+
+      stopButtonDisabled: true,
+      playButtonDisabled: true,
+      recordButtonDisabled: true,
+      recordPauseButtonDisabled:true,
+
+      loopButtonStatus: false,
+      progress: 0,
+
+      error: null
+    };
+  }
+
+  componentWillMount() {
+    this.player = null;
+    this.recorder = null;
+    this.lastSeek = 0;
+    this._reloadPlayer();
+    this._reloadRecorder();
+
+    this._progressInterval = setInterval(() => {
+      if (this.player && this._shouldUpdateProgressBar()) {
+        let currentProgress = Math.max(0, this.player.currentTime) / this.player.duration;
+        if (isNaN(currentProgress)) {
+          currentProgress = 0;
+        }
+        this.setState({ progress: currentProgress });
+      }
+    }, 100);
+  }
+
+  componentWillUnmount() {
+    if (this._progressInterval) {
+      clearInterval(this._progressInterval);
+    }
+  }
+
+  _shouldUpdateProgressBar() {
+    // Debounce progress bar update by 200 ms
+    return Date.now() - this.lastSeek > 200;
+  }
+
+  _updateState() {
+
+    this.setState({
+      playPauseButton: this.player && this.player.isPlaying ? 'Pause' : 'Play',
+      recordButton: this.recorder && this.recorder.isRecording ? 'Stop' : 'Record',
+
+      recordPauseButtonDisabled: !this.recorder || !this.recorder.isRecording,
+
+      stopButtonDisabled: !this.player || !this.player.canStop,
+      playButtonDisabled: !this.player || !this.player.canPlay || this.recorder?.isRecording,
+      recordButtonDisabled: (!this.recorder || (this.player && !this.player.isStopped)) ?? true,
+    });
+  }
+
+  _playPause() {
+    this.player?.playPause((err, paused) => {
+      if (err) {
+        this.setState({
+          error: err.message
+        });
+      }
+      this._updateState();
+    });
+  }
+
+  _stop() {
+    this.player?.stop(() => {
+      this._updateState();
+    });
+  }
+
+  _seek(percentage: number) {
+    if (!this.player) {
+      return;
+    }
+
+    this.lastSeek = Date.now();
+    let position = percentage * this.player.duration;
+
+    this.player.seek(position, () => { });
+  }
+
+  _getPlayPath() {
+    if (this.recorder) {
+      return this.recorder.fsPath;
+    }
+    return filename;
+  }
+
+  _reloadPlayer() {
+    if (this.player) {
+      this.player.destroy();
+    }
+    this.player = new Player(this._getPlayPath(), {
+      autoDestroy: false
+    }).prepare((err) => {
+      if (err) {
+        console.log('error at _reloadPlayer():');
+        console.log(err);
+      } else {
+        if (this.player) {
+          this.player.looping = this.state.loopButtonStatus;
+        }
+      }
+
+      this._updateState();
+    });
+
+    this._updateState();
+
+    this.player.on('ended', () => {
+      this._updateState();
+    });
+    this.player.on('pause', () => {
+      this._updateState();
+    });
+  }
+
+  _reloadRecorder() {
+    if (this.recorder) {
+      this.recorder.destroy();
+    }
+
+    this.recorder = new Recorder(filename, {
+      bitrate: 256000,
+      channels: 2,
+      sampleRate: 44100,
+      quality: 'max'
+    });
+
+    this._updateState();
+  }
+
+  _toggleRecord() {
+    if(this.recorder && this.recorder.state === MediaStates.PAUSED){
+      this.recorder?.record((err) => {
+        this._updateState();
+      })
+      return
+    }
+    if (this.player) {
+      this.player.destroy();
+    }
+
+    let recordAudioRequest;
+    if (Platform.OS == 'android') {
+      recordAudioRequest = this._requestRecordAudioPermission();
+    } else if (Platform.OS === 'harmony') {
+      recordAudioRequest = this._requestRecordAudioPermissionHs();
+    } else {
+      recordAudioRequest = new Promise(function (resolve, reject) { resolve(true); });
+    }
+
+    recordAudioRequest.then((hasPermission) => {
+      if (!hasPermission) {
+        this.setState({
+          error: 'Record Audio Permission was denied'
+        });
+        return;
+      }
+     
+      this.recorder?.toggleRecord((err, stopped) => {
+        if (err) {
+          this.setState({
+            error: err.message
+          });
+        }
+        if (stopped) {
+          this._reloadPlayer();
+          this._reloadRecorder();
+        }
+        this._updateState();
+      });
+    });
+  }
+
+  
+  async _requestRecordAudioPermissionHs() {
+    try {
+      let check = await RTNPermissions.request('ohos.permission.MICROPHONE');
+      console.info("RTNPermissions===== request", check);
+      if (check === RESULTS.GRANTED) {
+        return true;
+      } else {
+        return false;
+      }
+    } catch (err) {
+      console.error(err);
+      return false;
+    }
+  }
+
+  async _requestRecordAudioPermission() {
+    try {
+      const granted = await PermissionsAndroid.request(
+        PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,
+        {
+          title: 'Microphone Permission',
+          message: 'ExampleApp needs access to your microphone to test react-native-audio-toolkit.',
+          buttonNeutral: 'Ask Me Later',
+          buttonNegative: 'Cancel',
+          buttonPositive: 'OK',
+        },
+      );
+      if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+        return true;
+      } else {
+        return false;
+      }
+    } catch (err) {
+      console.error(err);
+      return false;
+    }
+  }
+
+  _toggleLooping(value: boolean) {
+    this.setState({
+      loopButtonStatus: value
+    });
+    if (this.player) {
+      this.player.looping = value;
+    }
+  }
+
+  render() {
+    return (
+      <ScrollView>
+        <View>
+          <Text style={styles.title}>
+            Playback
+          </Text>
+        </View>
+        <View >
+          <Button title={this.state.playPauseButton} disabled={this.state.playButtonDisabled} onPress={() => this._playPause()} />
+          <Button title={'Stop'} disabled={this.state.stopButtonDisabled} onPress={() => this._stop()} />
+        </View>
+        <View style={styles.settingsContainer}>
+          <Switch
+            onValueChange={(value) => this._toggleLooping(value)}
+            value={this.state.loopButtonStatus} />
+          <Text>Toggle Looping</Text>
+        </View>
+        <View style={styles.slider}>
+          <Slider step={0.0001} disabled={this.state.playButtonDisabled} onValueChange={(percentage) => this._seek(percentage)} value={this.state.progress} />
+        </View>
+        <View>
+          <Text style={styles.title}>
+            Recording
+          </Text>
+        </View>
+        <View>
+          <Button title={this.state.recordButton} disabled={this.state.recordButtonDisabled} onPress={() => this._toggleRecord()} />
+        </View>
+        
+        <View style={styles.recordPause}>
+          <Button title={'Pause recording'} disabled={this.state.recordPauseButtonDisabled} onPress={() => {
+            this.recorder?.pause((err) => {
+              this._updateState();
+            })
+          }} />
+        </View>
+        <View>
+          <Text style={styles.errorMessage}>{this.state.error}</Text>
+        </View>
+      </ScrollView>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  slider: {
+    height: 10,
+    margin: 10,
+    marginBottom: 30,
+  },
+  settingsContainer: {
+    alignItems: 'center',
+  },
+  container: {
+    borderRadius: 4,
+    borderWidth: 0.5,
+    borderColor: '#d6d7da',
+  },
+  title: {
+    fontSize: 19,
+    fontWeight: 'bold',
+    textAlign: 'center',
+    padding: 20,
+  },
+  errorMessage: {
+    fontSize: 15,
+    textAlign: 'center',
+    padding: 10,
+    color: 'red'
+  },
+  recordPause:{
+    marginTop:15
+  }
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/audio-toolkit": "file:../../node_modules/@react-native-oh-tpl/audio-toolkit/harmony/audio_toolkit.har"
+  }
+```
+
+### 3.在 ArkTs 侧引入 AudioModulesPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++   import { AudioModulesPackage } from "@react-native-oh-tpl/audio-toolkit/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new AudioModulesPackage(ctx)
+  ];
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/link-source-code.md)
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases/)
+
+### 权限要求
+
+- 如果 source 使用网络 url 应用需要申请网络权限
+
+  在`entry/src/main/module.json5`中添加
+
+```json
+requestPermissions: [
+  {
+    name: "ohos.permission.INTERNET",
+  },
+],
+```
+
+- 如果使用录音功能，需要申请录音权限
+
+  在`entry/src/main/module.json5`中添加
+
+```json
+requestPermissions: [
+  {
+      "name": "ohos.permission.MICROPHONE",
+      "reason": "$string:EntryAbility_desc",
+        "usedScene": {
+          "abilities": [
+            "MainAbility"
+          ],
+         "when": "inuse"
+       }
+    },
+],
+```
+
+## Player
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name                        | Description                                                  | Type               | Default                     | Required | Platform | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | ------------------ | --------------------------- | -------- | -------- | ----------------- |
+| autoDestroy                 | Boolean to indicate whether the player should self-destruct after playback is finished. If this is not set, you are responsible for destroying the object by calling player.destroy(). | boolean            | True                        | No       | All      | Yes               |
+| continuesToPlayInBackground | (Android only) Should playback continue if app is sent to background?<br />iOS will always pause in this case. | boolean            | False                       | No       | Android  | Yes               |
+| category                    | (iOS only) Define the audio session category<br /> Options: Playback, Ambient and SoloAmbient<br />More info about categories can be found here:<br /> https://developer.apple.com/documentation/avfoundation/avaudiosession/category | PlaybackCategories | PlaybackCategories.Playback | No       | IOS      | No                |
+| mixWithOthers               | Boolean to determine whether other audio sources on the device will mix<br />with sounds being played back by this module. If this is not set, playback<br />of audio will stop other sources | boolean            | False                       | No       | Android<br />IOS   | No                |
+| looping                     | Get/set looping status of the current file. If true, file will loop when playback reaches end of file. | boolean            | False                       | No       | All      | Yes               |
+| volume                      | Get/set playback volume. The scale is from 0.0 (silence) to 1.0 (full volume). | Number             | 1.0                         | No       | All      | Yes               |
+| speed                       | Get/set the playback speed for audio. NOTE: On Android, this is only supported on Android 6.0+. | Number             | 1.0                         | No       | All      | Yes               |
+
+### 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| prepare   | Prepare playback of the file provided during initialization. This method is optional to call but might be useful to preload the file so that the file starts playing immediately when calling play(). Otherwise the file is prepared when calling play() which may result in a small delay.<br />Callback is called with empty first parameter when file is ready for playback with `play()`. If there was an error, the callback is called with an error object as first parameter. See Callbacks for more information. | function | No       | All      | Yes               |
+| play      | Start playback.<br />If callback is given, it is called when playback has started. | function | No       | All      | Yes               |
+| pause     | Pauses playback. Playback can be resumed by calling `play()` with no parameters.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
+| playPause | Helper method for toggling pause.<br />Callback is called after the operation has finished. Callback receives `Object error` as first argument, `Boolean paused` as second argument indicating if the player ended up playing (false) or paused (true). | function | No       | All      | Yes               |
+| stop      | Stop playback.<br />  If `autoDestroy` option was set during initialization, clears all media resources from memory. In this case the player should no longer be used. | function | No       | All      | Yes               |
+| destroy   | Stops playback and destroys the player. The player should no longer be used.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
+| seek      | Seek in currently playing media. `position` is the offset from the start.<br />If callback is given, it is called when the seek operation completes. If another seek operation is performed before the previous has finished, the previous operation gets an error in its callback with the `err` field set to `oldcallback`. The previous operation should likely do nothing in this case. | function | No       | All      | Yes               |
+
+## Recorder
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name             | Description                                                  | Type   | Default                     | Required | Platform | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------ | --------------------------- | -------- | -------- | ----------------- |
+| bitrate          | Set bitrate for the recorder, in bits per second             | Number | 128000                      | No       | All      | Yes               |
+| channels         | Set number of channels                                       | Number | 2                           | No       | All      | Yes               |
+| sampleRate       | Set how many samples per second                              | Number | 48000                       | No       | All      | Yes               |
+| format           | Override format. Possible values:<br /> Cross-platform: 'mp4'<br />Android only: 'ogg', 'webm', 'amr'<br />HarmonyOS only: 'm4a' | String | based on filename extension | No       | All      | Yes               |
+| encoder          | Override encoder. Android only.<br />Possible values:<br />'aac', 'mp4', 'webm', 'ogg', 'amr'<br />HarmonyOS only: 'aac'| String | based on filename extension | No       | Android      | partially               |
+| quality          | Quality of the recording, iOS only.<br />Possible values: 'min', 'low', 'medium', 'high', 'max' | String | medium                      | No       | IOS       | No               |
+
+### 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| prepare | Prepare recording to the file provided during initialization. This method is optional to call but it may be beneficial to call to make sure that recording begins immediately after calling record(). Otherwise the recording is prepared when calling record() which may result in a small delay. NOTE: Assume that this wipes the destination file immediately. | function | No       | All      | Yes               |
+| record  | Start recording to file in `path`. Callback is called after recording has started or with error object if an error occurred. | function | No       | All      | Yes               |
+| stop    | Stop recording and save the file. Callback is called after recording has stopped or with error object. The recorder is destroyed after calling stop and should no longer be used. | function | No       | All      | Yes               |
+| destroy | Destroy the recorder. Should only be used if a recorder was constructed, and for some reason is now unwanted.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
+
+## 状态 state - Number (read only)
+
+
+```json
+var MediaStates = {
+  DESTROYED: -2,
+  ERROR: -1,
+  IDLE: 0,
+  PREPARING: 1,
+  PREPARED: 2,
+  SEEKING: 3,
+  PLAYING: 4,   // only for Player
+  RECORDING: 4, // only for Recorder
+  PAUSED: 5
+};
+```
+
+## 遗留问题
+
+- [ ] Recorder的encoder属性问题：目前仅支持aac,待后续底层能力开放增加其他格式。[issue#15](https://github.com/react-native-oh-library/react-native-audio-toolkit/issues/15)
+
+## 其他
+
+- Player的category、mixWithOthers属性 HarmonyOS不支持
+
+- Recorder的quality属性 HarmonyOS不支持
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit/tree/master?tab=MIT-1-ov-file#readme) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-audio.md b/en/react-native-audio.md
new file mode 100644
index 00000000..1bf3918e
--- /dev/null
+++ b/en/react-native-audio.md
@@ -0,0 +1,229 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-audio</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jsierles/react-native-audio">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jsierles/react-native-audio/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-audio/)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-audio@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-audio@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import { AudioRecorder, AudioUtils } from "@react-native-oh-tpl/react-native-audio";
+
+// request microphone premission
+AudioRecorder.requestAuthorization().then((isAuthorised)=>{
+  console.log(`isAuthorised: ${isAuthorised}`)
+})
+
+// you check premission any time
+AudioRecorder.checkAuthorizationStatus().then((hasPermission)=>{
+   console.log(`hasPermission: ${hasPermission}`)
+})
+
+// Initialize recording parameters
+const path = `${AudioUtils.FilesDirectoryPath}/demo.m4a`
+AudioRecorder.prepareRecordingAtPath(path,{
+  SampleRate: 48000,
+  Channels: 2,
+  AudioQuality:'High',//only ios
+  AudioEncoding: 'aac',
+  AudioEncodingBitRate: 100000,
+  AudioSource: 1,
+  OutputFormat: 'm4a',
+  MeteringEnabled:false,//only ios
+  MeasurementMode:false,//only ios
+  IncludeBase64:false
+})
+
+// start recording
+AudioRecorder.start();
+
+// pause recording
+AudioRecorder.pause();
+
+// resume recording
+AudioRecorder.resume();
+
+// stop recording
+AudioRecorder.stop();
+
+// add function onProgress
+AudioRecorder.onProgress = (data) => {
+  console.log(data.currentTime)
+}
+
+// add function onFinished
+AudioRecorder.onFinished = (data) => {
+  console.log(data.base64);//base64
+  console.log(data.duration);//audio duration
+  console.log(data.status);//OK/REEOR
+  console.log(data.audioFileSize);//audioFileSize
+  console.log(data.audioFileURL);//audio file url
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-audio": "file:../../node_modules/@react-native-oh-tpl/react-native-audio/harmony/audio.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 AudioPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {AudioPackage} from '@react-native-oh-tpl/react-native-audio/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new AudioPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| requestAuthorization  | Request microphone permission  | function  | no | Android/IOS | yes |
+| checkAuthorizationStatus  | Check authorization status  | function  | no | Android/IOS | yes |
+| prepareRecordingAtPath  | Initialize recording instance parameters  | function  | no | Android/IOS | yes |
+| startRecording  | start recording   | function  | no | Android/IOS | yes |
+| pauseRecording  | Pause recording  | function  | no | Android/IOS | yes |
+| resumeRecording  | Resume recording  | function  | no | Android/IOS | yes |
+| stopRecording  | stop recording   | function  | no | Android/IOS | yes |
+
+## 遗留问题
+
+## 其他
+### 不同系统支持的编码格式
+
+Encodings supported on iOS: lpcm, ima4, aac, MAC3, MAC6, ulaw, alaw, mp1, mp2, alac, amr.
+
+Encodings supported on Android: aac, aac_eld, amr_nb, amr_wb, he_aac, vorbis.
+
+Encodings supported on Harmony: aac.
+
+AudioQuality、MeteringEnabled、MeasurementMode is only for ios now.
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-autoLink.md b/en/react-native-autoLink.md
new file mode 100644
index 00000000..69397aa6
--- /dev/null
+++ b/en/react-native-autoLink.md
@@ -0,0 +1,144 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-autolink</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/joshswan/react-native-autolink">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/joshswan/react-native-autolink/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/joshswan/react-native-autolink)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-autolink@4.2.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-autolink@4.2.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import Autolink from 'react-native-autolink';
+
+const AutolinkDemo = () => {
+    return (
+        <View style={styles.container}>
+            <Text style={styles.text}>
+                Here is a demo of react-native-autolink:
+            </Text>
+            <Autolink
+                text="This is the string to parse for urls (https://github.com/joshswan/react-native-autolink), phone numbers (415-555-5555), emails (josh@example.com), mentions/handles (@twitter), and hashtags (#exciting)"
+                email
+                hashtag="instagram"
+                mention="twitter"
+                phone="sms"
+                url
+            />
+        </View>
+    )
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 20,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#f0f0f0',
+    },
+    text: {
+        fontSize: 18,
+        marginBottom: 10,
+    },
+    autolink: {
+        fontSize: 16,
+        lineHeight: 24,
+    },
+    link: {
+        color: 'blue',
+        textDecorationLine: 'underline',
+    },
+    customLink: {
+        color: 'red',
+        textDecorationLine: 'underline',
+    },
+    customText: {
+        color: 'red',
+    }
+});
+
+export default AutolinkDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
+| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
+|     component      |     Override the component used as the output container.     | React.ComponentType |    No    | Android/IOS |        Yes        |
+|       email        |          Whether to link emails (`mailto:{email}`).          |       boolean       |    No    | Android/IOS |        Yes        |
+|      hashtag       | Whether to link hashtags to supplied service. Possible values: `false` (disabled), `"facebook"`, `"instagram"`, `"twitter"`. |  boolean or string  |    No    | Android/IOS |        Yes        |
+|     linkProps      |         Attributes applied to link Text components.          |      TextProps      |    No    | Android/IOS |        Yes        |
+|     linkStyle      | Styles applied to link Text components. *Note:* Will be overriden if `style` supplied in [`linkProps`](https://github.com/joshswan/react-native-autolink#linkprops). |      TextStyle      |    No    | Android/IOS |        Yes        |
+|      matchers      | Array of custom matcher objects with optional press handlers, styling, and text/url extraction. |   CustomMatcher[]   |    No    | Android/IOS |        Yes        |
+|      mention       | Whether to link mentions/handles to supplied service. Possible values: `false` (disabled), `"instagram"`, `"soundcloud"`, `"twitter"`. |  boolean or string  |    No    | Android/IOS |        Yes        |
+|      onPress       | Override default link press behavior. Signature: `(url: string, match: Match) => void`. |      function       |    No    | Android/IOS |        Yes        |
+|    onLongPress     | Handle link long press events. Signature: `(url: string, match: Match) => void`. |      function       |    No    | Android/IOS |        Yes        |
+|       phone        | Whether to link phone numbers. Possible values: `false` (disabled), `true` (`tel:{number}`), `"sms"` or `"text"` (`sms:{number}`). |  boolean or string  |    No    | Android/IOS |        Yes        |
+|     renderLink     | Override default link rendering behavior. Signature: `(text: string, match: Match, index: number) => React.ReactNode`. |      function       |    No    | Android/IOS |        Yes        |
+|     renderText     | Override default text rendering behavior. Signature: `(text: string, index: number) => React.ReactNode`. |      function       |    No    | Android/IOS |        Yes        |
+|     showAlert      | Whether to display an alert before leaving the app (for privacy or accidental clicks). |       boolean       |    No    | Android/IOS |        Yes        |
+|    stripPrefix     | Whether to strip protocol from URL link text (e.g. `https://github.com` -> `github.com`). |       boolean       |    No    | Android/IOS |        Yes        |
+| stripTrailingSlash | Whether to strip trailing slashes from URL link text (e.g. `github.com/` -> `github.com`). |       boolean       |    No    | Android/IOS |        Yes        |
+|        text        |                The string to parse for links.                |       string        |   Yes    | Android/IOS |        Yes        |
+|     textProps      |       Attributes applied to non-link Text components.        |      TextProps      |    No    | Android/IOS |        Yes        |
+|      truncate      | Maximum length of URL link text. Possible values: `0` (disabled), `1+` (maximum length). |       number        |    No    | Android/IOS |        Yes        |
+|   truncateChars    | Characters to replace truncated URL link text segments with (e.g. `github.com/../repo`) |       string        |    No    | Android/IOS |        Yes        |
+|  truncateLocation  | Override truncation location. Possible values: `"smart"`, `"end"`, `"middle"`. |       string        |    No    | Android/IOS |        Yes        |
+|        url         | Whether to link URLs. Possible values: `false` (disabled), `true`, `UrlConfig` (see below). |  boolean or object  |    No    | Android/IOS |        Yes        |
+|  useNativeSchemes  | Whether to use native app schemes (e.g. `twitter://`) rather than web URLs when linking to services for hashtag and mention links. |       boolean       |    No    | Android/IOS |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License](https://github.com/joshswan/react-native-autolink/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-autocomplete-dropdown.md b/en/react-native-autocomplete-dropdown.md
new file mode 100644
index 00000000..56a600c8
--- /dev/null
+++ b/en/react-native-autocomplete-dropdown.md
@@ -0,0 +1,168 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-autoComplete-dropdown</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/onmotion/react-native-autocomplete-dropdown">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/onmotion/react-native-autocomplete-dropdown)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install react-native-autocomplete-dropdown@4.0.0-rc.5
+```
+
+#### yarn
+
+```bash
+yarn add react-native-autocomplete-dropdown@4.0.0-rc.5
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+1. Wrap your root component in AutocompleteDropdownContextProvider from react-native-autocomplete-dropdown
+
+```jsx
+import { AutocompleteDropdownContextProvider } from 'react-native-autocomplete-dropdown';
+import { AppRegistry } from 'react-native'
+
+AppRegistry.setWrapperComponentProvider(appParams => {
+  return ({ children }) => (
+      <AutocompleteDropdownContextProvider >
+        {children}
+      </AutocompleteDropdownContextProvider>
+  );
+});
+
+
+```
+
+2. Example with local Dataset
+
+```jsx
+import React, { memo, useState } from 'react'
+import { Text, View } from 'react-native'
+import type { TAutocompleteDropdownItem } from 'react-native-autocomplete-dropdown'
+import { AutocompleteDropdown } from 'react-native-autocomplete-dropdown'
+
+const ItemSeparatorComponent = () => <View style={{ height: 1, width: '100%', backgroundColor: '#d8e1e6' }} />
+
+export const LocalDataSetExample = memo(() => {
+  const [selectedItem, setSelectedItem] = useState<TAutocompleteDropdownItem | null>(null)
+
+  return (
+    <>
+      <AutocompleteDropdown
+        clearOnFocus={false}
+        closeOnBlur={true}
+        showClear={false}
+        initialValue={{ id: '2' }} // or just '2'
+        onSelectItem={item => setSelectedItem(item)}
+        dataSet={[
+          { id: '1', title: 'Alpha' },
+          { id: '2', title: 'Beta' },
+          { id: '3', title: 'Gamma' },
+        ]}
+        ignoreAccents
+      />
+      <Text style={{ color: '#668', fontSize: 13 }}>Selected item: {JSON.stringify(selectedItem)}</Text>
+    </>
+  )
+}
+
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+   
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                          | Description                                                                                                   | Type                | Required | Platform    | HarmonyOS Support |
+|-------------------------------|---------------------------------------------------------------------------------------------------------------|---------------------|----------|-------------|-------------------|
+| dataSet                       | set of list items                                                                                             | array               | no       | iOS/Android | yes               |
+| initialValue                  | string (id) or object that contain id                                                                         | object \| string    | no       | iOS/Android | yes               |
+| loading                       | 	loading state                                                                                                | boolean             | no       | iOS/Android | yes               |
+| useFilter                     | whether use local filter by dataSet (useful set to false for remote filtering to prevent rerender twice)      | boolean             | no       | iOS/Android | yes               |
+| showClear                     | show clear button                                                                                             | boolean             | no       | iOS/Android | yes               |
+| showChevron                   | show chevron (open/close) button                                                                              | boolean             | no       | iOS/Android | yes               |
+| closeOnSubmit                 | sets the max stroke line width                                                                                | boolean             | no       | iOS/Android | yes               |
+| clearOnFocus                  | whether to clear typed text on focus                                                                          | boolean             | no       | iOS/Android | yes               |
+| caseSensitive                 | whether to perform case-sensitive search                                                                      | boolean             | no       | iOS/Android | yes               |
+| ignoreAccents                 | ignore diacritics                                                                                             | boolean             | no       | iOS/Android | yes               |
+| trimSearchText                | trim the searched text                                                                                        | boolean             | no       | iOS/Android | yes               |
+| editable                      | is textInput editable                                                                                         | boolean             | no       | iOS/Android | yes               |
+| debounce                      | wait ms before call onChangeText                                                                              | number              | no       | iOS/Android | yes               |
+| suggestionsListMaxHeight      | max height of dropdown                                                                                        | number              | no       | iOS/Android | yes               |
+| direction                     | "up" or "down"                                                                                                | up \| down          | no       | iOS/Android | yes               |
+| matchFrom                     | whether match suggestions from start of titles or anywhere in the title. Possible values are "any" or "start" | any \| start        | no       | iOS/Android | yes               |
+| onChangeText                  | event textInput onChangeText                                                                                  | function            | no       | iOS/Android | yes               |
+| onSelectItem                  | event onSelectItem                                                                                            | function            | no       | iOS/Android | yes               |
+| onOpenSuggestionsList         | event onOpenSuggestionsList                                                                                   | function            | no       | iOS/Android | yes               |
+| onChevronPress                | event onChevronPress                                                                                          | function            | no       | iOS/Android | yes               |
+| onClear                       | event on clear button press                                                                                   | function            | no       | iOS/Android | yes               |
+| onSubmit                      | event on submit KB button press                                                                               | function            | no       | iOS/Android | yes               |
+| onBlur                        | event fired on text input blur	                                                                               | function            | no       | iOS/Android | yes               |
+| onFocus                       | event on focus text input                                                                                     | function            | no       | iOS/Android | yes               |
+| renderItem                    | JSX for render item (item, searchText) => JSX                                                                 | function            | no       | iOS/Android | yes               |
+| controller                    | return reference to module controller with methods close, open, toggle, clear, setInputText, setItem          | function            | no       | iOS/Android | yes               |
+| containerStyle                | containerStyle                                                                                                | ViewStyle           | no       | iOS/Android | yes               |
+| inputContainerStyle           | custom input container style                                                                                  | ViewStyle           | no       | iOS/Android | yes               |
+| rightButtonsContainerStyle    | rightButtonsContainerStyle                                                                                    | ViewStyle           | no       | iOS/Android | yes               |
+| suggestionsListContainerStyle | suggestionsListContainerStyle                                                                                 | ViewStyle           | no       | iOS/Android | yes               |
+| suggestionsListTextStyle      | suggestionsListTextStyle                                                                                      | TextStyle           | no       | iOS/Android | yes               |
+| rightIconComponent            | custom chevron icon                                                                                           | React.Component     | no       | iOS/Android | yes               |
+| ChevronIconComponent          | Chevron Custom Icon                                                                                           | React.Component     | no       | iOS/Android | yes               |
+| ClearIconComponent            | Clear Custom Icon                                                                                             | React.Component     | no       | iOS/Android | yes               |
+| EmptyResultComponent          | replace the default `` Component on empty result                                                              | React.Component     | no       | iOS/Android | yes               |
+| InputComponent                | input element component                                                                                       | React.ComponentType | no       | iOS/Android | yes               |
+| emptyResultText               | replace the default "Nothing found" text on empty result                                                      | string              | no       | iOS/Android | yes               |
+| textInputProps                | text input props                                                                                              | TextInputProps      | no       | iOS/Android | yes               |
+| flatListProps                 | props for \ component                                                                                         | FlatListProps       | no       | iOS/Android | yes               |
+
+
+## 遗留问题
+
+- [ ] TextInput在页面底部时，键盘弹起会导致View标签measure方法计算pageY错误,导致dropdown位置不正确,RN框架问题。
+
+## 其他
+
+- closeOnBlur、bottomOffset属性在4.0.0-rc5版本不支持，源码组件入口props中不接收这两个属性 [源码：index.tsx](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/src/index.tsx#L59)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-autocomplete-input.md b/en/react-native-autocomplete-input.md
new file mode 100644
index 00000000..c7889418
--- /dev/null
+++ b/en/react-native-autocomplete-input.md
@@ -0,0 +1,184 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-autocomplete-input</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/byteburgers/react-native-autocomplete-input">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/byteburgers/react-native-autocomplete-input/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/byteburgers/react-native-autocomplete-input)
+
+## 安装与使用
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install --save react-native-autocomplete-input@5.4.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-autocomplete-input@5.4.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { Component } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity} from 'react-native';
+import AutocompleteInput from 'react-native-autocomplete-input';
+
+
+const styles = StyleSheet.create({
+    containerStyle: {
+        borderColor: "#e0494e",
+        borderWidth: 5,
+        borderRadius: 15,
+        width: '100%'
+    },
+    inputContainerStyle: {
+        borderWidth: 3,
+        borderColor: "green",
+
+    },
+    listContainerStyle: {
+        backgroundColor: "yellow"
+    },
+    itemText: {
+        paddingTop: 10,
+        paddingBottom: 10,
+
+    },
+
+});
+
+interface AutocompleteItem {
+    id: number;
+    value: string;
+}
+
+const testArray: AutocompleteItem[] = [{ id: 1, value: 'Aabbbbbbb' }, { id: 2, value: 'BBFFFFF' }, { id: 3, value: 'ccccccbbb' }]
+
+function filterData(query: string): AutocompleteItem[] {
+    if (query) {
+        const filteredItems = testArray.filter(item => item.value.toLowerCase().includes(query.toLowerCase()));
+        return filteredItems;
+    } else {
+        return [];
+    }
+}
+
+function compare(selectName: string, value: string): boolean {
+    return selectName === value;
+}
+
+class App extends Component {
+    state = {
+        query: '', 
+        isVisible: true,
+        selectName: ''
+    };
+
+    render() {
+        const { query, isVisible } = this.state;
+        const data = filterData(query);
+        return (
+            <View style={{ backgroundColor: '#d1f8f7', height: '100%' ,paddingTop:100}}>
+                <AutocompleteInput
+                    containerStyle={styles.containerStyle} 
+                    inputContainerStyle={styles.inputContainerStyle} 
+                    listContainerStyle={styles.listContainerStyle}
+                    data={data.length === 1 && compare(this.state.selectName, data[0].value) ? [] : data} 
+                    value={query} 
+                    onChangeText={(text) => {
+
+                        if (text.trim() !== this.state.selectName.trim()) {
+                            this.setState({
+                                isVisible: false,
+                                selectName: text
+                            });
+                        } else {
+                            this.setState({
+                                isVisible: false,
+                                selectName: text
+                            });
+                        }
+                        this.setState({ query: text});
+                        console.log("--------onChangeText--++++isVisible:" + isVisible)
+                    }} 
+
+                    onShowResults={() => { console.log("--------+++++++++ onShowResults "); }} 
+                    
+                    hideResults={isVisible} 
+
+                    flatListProps={{
+                        keyExtractor: (_, idx) => String(idx),
+                        keyboardShouldPersistTaps: 'always', 
+                        renderItem: ({ item }) => {
+                            return (
+                                <TouchableOpacity onPress={() => {
+                                    this.setState({ query: item.value, isVisible: true, selectName: item.value });
+                                    console.log("--------onPress--++++isVisible:" + isVisible)
+                                }}>
+                                    <Text style={styles.itemText}>{item.value}</Text>
+                                </TouchableOpacity>
+                            )
+                        },
+                    }} 
+                />
+            </View>
+        );
+    }
+}
+
+
+
+export default App;
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| containerStyle      | These styles will be applied to the container which surrounds the autocomplete component. | style    | no       | Android/iOS | yes               |
+| hideResults         | Set to `true` to hide the suggestion list.                   | bool     | no       | Android/iOS | yes               |
+| data                | An array with suggestion items to be rendered in `renderItem({ item, i })`. Any array with length > 0 will open the suggestion list and any array with length < 1 will hide the list. | array    | no       | Android/iOS | yes               |
+| inputContainerStyle | These styles will be applied to the container which surrounds the textInput component. | style    | no       | Android/iOS | yes               |
+| listContainerStyle  | These styles will be applied to the container which surrounds the result list. | style    | no       | Android/iOS | yes               |
+| onShowResults       | will be called when the autocomplete suggestions appear or disappear. | function | no       | Android/iOS | yes               |
+| renderTextInput     | render custom TextInput. All props passed to this function.  | function | no       | Android/iOS | yes               |
+| flatListProps       | custom props to FlatList.                                    | object   | no       | Android/iOS | yes               |
+| renderResultList    | render custom result list. Can be used to replace FlatList. All props passed to this function. | function | no       | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/byteburgers/react-native-autocomplete-input/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-autoheight-webview.md b/en/react-native-autoheight-webview.md
new file mode 100644
index 00000000..933d94dd
--- /dev/null
+++ b/en/react-native-autoheight-webview.md
@@ -0,0 +1,129 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-autoheight-webview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/iou90/react-native-autoheight-webview">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/iou90/react-native-autoheight-webview/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-autoheight-webview)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-autoheight-webview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-autoheight-webview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import AutoHeightWebView from "react-native-autoheight-webview";
+import { Dimensions } from 'react-native'
+
+
+export function WebviewExample() {
+  return (
+    <AutoHeightWebView
+    style={{ width: Dimensions.get('window').width - 15, marginTop: 35,}}
+    customScript={`document.body.style.background = 'lightyellow';`}
+    customStyle={`
+      * {
+        font-family: 'Times New Roman';
+      }
+      p {
+        font-size: 16px;
+      }
+    `}
+    source={{ html: `
+    <p style="font-weight: 400;font-style: normal;font-size: 21px;line-height: 1.58;letter-spacing: -.003em;">Tags are great for describing the essence of your story in a single word or phrase, but stories are rarely about a single thing. <span style="background-color: transparent !important;background-image: linear-gradient(to bottom, rgba(146, 249, 190, 1), rgba(146, 249, 190, 1));">If I pen a story about moving across the country to start a new job in a car with my husband, two cats, a dog, and a tarantula, I wouldn’t only tag the piece with “moving”. I’d also use the tags “pets”, “marriage”, “career change”, and “travel tips”.</span></p>
+     ` }}
+    
+  />
+  
+  );
+}
+
+
+
+
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                              | Description                                                                                                                                                                                                                                                                                                  | Type                                                               | Required | Platform | HarmonyOS Support                                                                                                 |
+|-----------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------------------------------------------------------------------------------------------------------|
+| `source`                          | Loads static HTML or a URI<br/> (with optional headers) <br />in the WebView                                                                                                                                                                                                                                 | object                                                             | Yes      | iOS,Android      | partially (Only of: <br />**Load uri :**<br />uri <br />headers <br />**Static HTML :**<br />html <br />baseUrl ) |
+| `originWhitelist?`                | List of origin strings<br/> to allow being navigated to.                                                                                                                                                                                                                                                     | string[]                                                           | No       | iOS,Android      | no                                                                                                               |
+| `scalesPageToFit?`                | Boolean that controls<br/> whether the web content<br/> is scaled to fit the view<br/> and enables the user<br/> to change the scale.                                                                                                                                                                        | boolean                                                            | No       | Android  | yes                                                                                                               |
+| `customScript?`                   | -                                                                                                                                                                                                                                                                                                            | string                                                             | No       | iOS,Android      | yes                                                                                                               |
+| `style?`                          | A style object that allow you<br/> to customize the WebView style.                                                                                                                                                                                                                                           | Style                                                              | No       | iOS,Android      | yes                                                                                                               |
+| `customStyle?`                    | The custom css content<br/> will be added to the page's <head>.                                                                                                                                                                                                                                              | string                                                             | No       | iOS,Android      | yes                                                                                                               |
+| `onSizeUpdated?`                  | Either updated height or width<br/> will trigger onSizeUpdated.                                                                                                                                                                                                                                              | function                                                           | No       | iOS,Android      | yes                                                                                                               |
+| `showsHorizontalScrollIndicator?` | Boolean value that <br/>determines whether a <br/>horizontal scroll indicator <br/>is shown in the WebView.                                                                                                                                                                                                  | boolean                                                            | No       | iOS,Android      | yes                                                                                                               |
+| `showsVerticalScrollIndicator`    | Boolean value that <br/> determines whether a <br/> vertical scroll indicator<br/>  is shown in the WebView.                                                                                                                                                                                                 | boolean                                                            | No       | iOS,Android      | yes                                                                                                               |
+| `files?`                          | Using local or remote files. <br />To add local files:<br/>  Add files to <br/> android/app/src/main/assets/ <br/> (depends on baseUrl) <br/>on android;<br/>  add files to <br/> web/ (depends on baseUrl) on iOS;<br/>  add files to <br/>harmony/entry/src/<br/> main/resoureces/rawfile<br/> on harmony. | arrayOf(<br/>{ href: string, <br/>type: string,<br/> rel:string }) | No       | iOS,Android      | yes                                                                                                               |
+| `scrollEnabledWithZoomedin?`      | Making the webview scrollable<br /> on iOS when zoomed in even <br />if scrollEnabled is false.                                                                                                                                                                                                              | boolean                                                            | No       | iOS      | yes                                                                                                                |
+| `viewportContent?`                | Please note that<br /> 'width=device-width'<br/> with scalesPageToFit<br/>  may cause some layout issues <br/> on Android and harmony, <br/>for these conditions, <br/>using customScript prop<br /> to apply custom viewport meta.                                                                          | string                                                             | No       | iOS,Android      | yes                                                                                                               |
+
+## 遗留问题
+
+
+- [ ] AutoHeightWebview 的originWhitelist属性依赖webview的originWhitelist属性暂未实现HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
+- [ ] AutoHeightWebview 的source属性依赖webview的source属性只是部分实现HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
+- [ ] AutoHeightWebview依赖的webview 部分属性未实现 HarmonyOS 化[issue#17](https://github.com/react-native-oh-library/react-native-webview/issues/17)
+- [x] AutoHeightWebview 的scrollEnabledWithZoomedin属性未实现 HarmonyOS 化[issue#1](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/1)
+- [x] 中文乱码[issue#2](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/iou90/react-native-autoheight-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-awesome-gallery.md b/en/react-native-awesome-gallery.md
new file mode 100644
index 00000000..5ac5a65b
--- /dev/null
+++ b/en/react-native-awesome-gallery.md
@@ -0,0 +1,150 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-awesome-gallery</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Flair-Dev/react-native-awesome-gallery">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/pavelbabenko/react-native-awesome-gallery/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/Flair-Dev/react-native-awesome-gallery)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-awesome-gallery@0.4.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-awesome-gallery@0.4.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```ts
+import React from 'react';
+import {View, SafeAreaView} from 'react-native';
+import Gallery from 'react-native-awesome-gallery';
+
+const getRandomSize = function () {
+  const min = 400;
+  const max = 800;
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+};
+
+const images = new Array(10)
+  .fill(0)
+  .map(() => `https://picsum.photos/${getRandomSize()}/${getRandomSize()}`);
+
+export default function App() {
+  return (
+    <View style={{flex: 1}}>
+      <SafeAreaView></SafeAreaView>
+      <View style={{height: '100%', width: '100%'}}>
+        <Gallery data={images} swipeEnabled={true} />
+      </View>
+    </View>
+  );
+}
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.28; SDK: HarmonyOS-NEXT-DB5 5.0.0.60; IDE: DevEco Studio  5.0.3.655; ROM: 3.0.0.36;
+
+2. RNOH: 0.72.29; SDK: HarmonyOS-NEXT-DB6 5.0.0.61; IDE: DevEco Studio  5.0.3.706; ROM: 5.0.0.60;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| data        | Array of items to render       | T[] | Yes       | iOS/Android | Yes               |
+| renderItem       | Callback func which can be used to render custom image component, e.g FastImage. NOTE: You have to call setImageDimensions({width, height}) parameter after image is loaded         | (renderItemInfo: {item: T, index: number, setImageDimensions: Function}) => React.ReactElement | No       | iOS/Android | Yes               |
+| keyExtractor | Callback func which provides unique keys for items  | (item: T, index: number) => string or number | No       | iOS/Android | Yes               |
+| initialIndex     | The initial image index | number        | No       | iOS/Android | Yes               |
+| onIndexChange     | Is called when index of active item is changed | boolean        | No       | iOS/Android | Yes               |
+| numToRender     | Amount of items rendered in gallery simultaneously | number        | No       | iOS/Android | Yes               |
+| emptySpaceWidth     | Width of empty space between items | number        | No       | iOS/Android | Yes               |
+| doubleTapScale     | Image scale when double tap is fired | number        | No       | iOS/Android | No               |
+| doubleTapInterval     | Time in milliseconds between single and double tap events | number        | No       | iOS/Android | No               |
+| maxScale     | Maximum scale user can set with gesture | number        | No       | iOS/Android | Yes               |
+| pinchEnabled     | Is pinch gesture enabled | boolean        | No       | iOS/Android | Yes               |
+| swipeEnabled     | Is pan gesture enabled | boolean        | No       | iOS/Android | Yes               |
+| doubleTapEnabled     | Is double tap enabled | boolean        | No       | iOS/Android | No               |
+| disableTransitionOnScaledImage     | Disables transition to next/previous image when scale > 1 | boolean        | No       | iOS/Android | Yes               |
+| hideAdjacentImagesOnScaledImage     | Hides next and previous images when scale > 1 | boolean        | No       | iOS/Android | Yes               |
+| disableVerticalSwipe     | Disables vertical swipe when scale == 1 | boolean        | No       | iOS/Android | Yes               |
+| disableSwipeUp     | Disables swipe up when scale == 1 | boolean        | No       | iOS/Android | Yes               |
+| loop     | Allows user to swipe infinitely. Works when data.length > 1 | boolean        | No       | iOS/Android | Yes               |
+| onScaleChange     | Is called when scale is changed | (scale: number) => void        | No       | iOS/Android | Yes               |
+| onScaleChangeRange     | Shows range of scale in which onScaleChange is called | {start: number, end: number}        | No       | iOS/Android | Yes               |
+| containerDimensions     | Dimensions object for the View that wraps gallery. | {width: number, height: number}        | No       | iOS/Android | Yes               |
+| style     | Is double tap enabled | Style of container        | No       | iOS/Android | Yes               |
+
+## 事件
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ------------------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| onSwipeToClose()         | Fired when user swiped to top/bottom                                  | function         | No       | iOS/Android | Yes               |
+| onTranslationYChange(translationY: number, shouldClose: boolean) | 'worklet'; Fired when user is swiping vertically to close the gallery                         | function         | No       | iOS/Android | No               |
+| onTap()          | Fired when user tap on image                                | string or number | No       | iOS/Android | Yes               |
+| onDoubleTap(toScale: number)        | Fired when user double tap on image                                 | function         | No       | iOS/Android | No               |
+| onLongPress()              | Fired when long press is detected                                         | function           | No       | iOS/Android | Yes               |
+| onScaleStart(scale: number)         | Fired when pinch gesture starts                             | function            | No       | iOS/Android | Yes               |
+| onScaleEnd(scale: number) | Fired when pinch gesture ends. Use case: add haptic feedback when user finished gesture with scale > maxScale or scale < 1                    | function            | No       | iOS/Android | Yes               |
+| onPanStart()           | Fired when pan gesture starts                                    | function            | No       | iOS/Android | Yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ------------------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| setIndex        | Sets active index                                  | (newIndex: number, animated?: boolean) => void         | No       | iOS/Android | Yes               |
+| reset | Resets scale, translation                         | (animated?: boolean) => void         | No       | iOS/Android | Yes               |
+
+## 遗留问题
+- [ ] onTranslationYChange事件设置后，拖动图片会发生异常，iOS 和 Android平台均有该问题: [issue#84](https://github.com/pavelbabenko/react-native-awesome-gallery/issues/84)
+- [x] react-native-gesture-handler库Gesture.Tap()事件无法获取正确的当前坐标和手指数，导致doubleTapScale、doubleTapInterval、doubleTapEnabled、onDoubleTap不生效: [issue#21](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/21)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/pavelbabenko/react-native-awesome-gallery/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-background-fetch.md b/en/react-native-background-fetch.md
new file mode 100644
index 00000000..42e9b6ab
--- /dev/null
+++ b/en/react-native-background-fetch.md
@@ -0,0 +1,439 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-background-fetch</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/transistorsoft/react-native-background-fetch">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20|%20expo%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/transistorsoft/react-native-background-fetch/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-background-fetch)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-background-fetch@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-background-fetch@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import {
+  SafeAreaView,
+  StyleSheet,
+  ScrollView,
+  View,
+  Text,
+  FlatList,
+  StatusBar,
+  Button,
+} from "react-native";
+import { Header, Colors } from "react-native/Libraries/NewAppScreen";
+import BackgroundFetch from "react-native-background-fetch";
+import {
+  BackgroundFetchConfig,
+  BackgroundFetchStatus,
+  TaskConfig,
+  NetworkType,
+} from "react-native-background-fetch/src/RNBackgroundFetch";
+
+function generateRandomString(length: number): string {
+  let result = "";
+  const characters =
+    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  const charactersLength = characters.length;
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+  return result;
+}
+
+class App extends React.Component {
+  constructor(props: {}) {
+    super(props);
+    this.state = {
+      events: [],
+    };
+  }
+
+  componentDidMount() {
+    // Initialize BackgroundFetch ONLY ONCE when component mounts.
+    this.initBackgroundFetch();
+  }
+
+  async initBackgroundFetch(options?: BackgroundFetchConfig) {
+    // BackgroundFetch event handler.
+    const onEvent = async (taskId: string) => {
+      console.log("[BackgroundFetch] task: ", taskId);
+      // Do your background work...
+      await this.addEvent(taskId);
+      // IMPORTANT:  You must signal to the OS that your task is complete.
+      BackgroundFetch.finish(taskId);
+    };
+
+    // Timeout callback is executed when your Task has exceeded its allowed running-time.
+    // You must stop what you're doing immediately BackgroundFetch.finish(taskId)
+    const onTimeout = async (taskId: string) => {
+      console.warn("[BackgroundFetch] TIMEOUT task: ", taskId);
+      BackgroundFetch.finish(taskId);
+    };
+
+    // Initialize BackgroundFetch only once when component mounts.
+    let status = await BackgroundFetch.configure(
+      { minimumFetchInterval: 20, ...options },
+      onEvent,
+      onTimeout
+    );
+  }
+
+  scheduleTask(taskId: string, options?: TaskConfig) {
+    BackgroundFetch.scheduleTask({
+      taskId,
+      delay: 20 * 60 * 1000, // <-- milliseconds
+      ...options,
+    });
+  }
+
+  // Add a BackgroundFetch event to <FlatList>
+  addEvent(taskId: string) {
+    // Simulate a possibly long-running asynchronous task with a Promise.
+    return new Promise((resolve, reject) => {
+      this.setState((state) => ({
+        events: [
+          ...state.events,
+          {
+            taskId: taskId,
+            timestamp: new Date().toString(),
+          },
+        ],
+      }));
+      resolve(true);
+    });
+  }
+
+  render() {
+    return (
+      <>
+        <StatusBar barStyle="dark-content" />
+        <SafeAreaView>
+          <ScrollView
+            contentInsetAdjustmentBehavior="automatic"
+            style={styles.scrollView}
+          >
+            <Header />
+            <View style={styles.body}>
+              <View style={styles.sectionContainer}>
+                <Text style={styles.sectionTitle}>BackgroundFetch Demo</Text>
+              </View>
+            </View>
+          </ScrollView>
+          <View style={styles.sectionContainer}>
+            <FlatList
+              data={this.state.events}
+              renderItem={({ item }) => (
+                <Text>
+                  [{item.taskId}]: {item.timestamp}
+                </Text>
+              )}
+              keyExtractor={(item) => generateRandomString(10)}
+            />
+          </View>
+        </SafeAreaView>
+      </>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  scrollView: {
+    backgroundColor: Colors.lighter,
+  },
+  body: {
+    backgroundColor: Colors.white,
+  },
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: "600",
+    color: Colors.black,
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: "400",
+    color: Colors.dark,
+  },
+});
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-background-fetch": "file:../../node_modules/@react-native-oh-tpl/react-native-background-fetch/harmony/background_fetch.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNBackgroundFetchPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNBackgroundFetchPackage } from "@react-native-oh-tpl/react-native-background-fetch/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNBackgroundFetchPackage(ctx)
+  ];
+}
+```
+
+### 在 ArkTs 侧引入 RNBackgroundFetchExtensionAbility
+
+1. 打开 `entry/src/main/ets`，新建目录及 ArkTS 文件，新建一个目录并命名为 WorkSchedulerExtension。在 WorkSchedulerExtension 目录下，新建一个 ArkTS 文件并命名为 WorkSchedulerExtension.ets，用以实现延迟任务回调接口。
+
+```js
+import { workScheduler } from "@kit.BackgroundTasksKit";
+import RNBackgroundFetchExtensionAbility from "@react-native-oh-tpl/react-native-background-fetch/src/main/ets/WorkSchedulerExtension/WorkSchedulerExtension";
+
+export default class MyWorkSchedulerExtensionAbility extends RNBackgroundFetchExtensionAbility {
+  // 延迟任务开始回调
+  onWorkStart(workInfo: workScheduler.WorkInfo) {
+    super.onWorkStart(workInfo);
+  }
+
+  // 延迟任务结束回调
+  onWorkStop(workInfo: workScheduler.WorkInfo) {
+    super.onWorkStop(workInfo);
+  }
+}
+```
+
+2. 在`entry/src/main/module.json5`配置文件中注册 WorkSchedulerExtensionAbility，并设置如下标签：
+
+```json
+{
+  "module": {
+    "extensionAbilities": [
+      {
+        "name": "MyWorkSchedulerExtensionAbility",
+        "srcEntry": "./ets/WorkSchedulerExtension/WorkSchedulerExtension.ets",
+        "type": "workScheduler"
+      }
+    ]
+  }
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases)
+
+## API
+
+### BackgroundFetch
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description                                                                                                                                 | Type     | Params | Required | Platform | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------ | -------- | -------- | ----------------- |
+| configure    | Initial configuration of BackgroundFetch, including config-options and Fetch-callback. The [[start]] method will automatically be executed. | Function | no     | yes      | all      | partially         |
+| scheduleTask | Add an extra fetch event listener in addition to the one initially provided to [[configure]].                                               | Function | no     | no       | all      | partially         |
+| start        | Start subscribing to fetch events.                                                                                                          | Function | no     | no       | all      | yes               |
+| stop         | Stop subscribing to fetch events.                                                                                                           | Function | no     | no       | all      | yes               |
+| finish       | You must execute [[finish]] within your fetch-callback to signal completion of your task.                                                   | Function | no     | no       | all      | yes               |
+| status       | Query the BackgroundFetch API status                                                                                                        | Function | no     | no       | all      | yes               |
+
+### BackgroundFetch.configure()
+
+```js
+BackgroundFetch.configure(config: BackgroundFetchConfig, onEvent: (taskId:string) => void, onTimeout?:(taskId:string) => void): Promise<BackgroundFetchStatus>;
+```
+
+| Name                                          | Description                                                                                                                                                                                                  | Type          | Required | Platform | HarmonyOS Support |
+| --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
+| `BackgroundFetchConfig.minimumFetchInterval`  | The minimum interval in minutes to execute background fetch events. Defaults to 15 minutes. Minimum is 15 minutes.                                                                                           | `number`      | no       | all      | yes               |
+| `BackgroundFetchConfig.stopOnTerminate`       | [Android only] Set false to continue background-fetch events after user terminates the app. Default to true.                                                                                                 | `boolean`     | no       | Android  | no                |
+| `BackgroundFetchConfig.startOnBoot`           | [Android only] Set true to initiate background-fetch events when the device is rebooted. Defaults to false.                                                                                                  | `boolean`     | no       | Android  | no                |
+| `BackgroundFetchConfig.enableHeadless`        | [Android only] Set true to enable Headless mechanism for handling fetch events after app termination.                                                                                                        | `boolean`     | no       | Android  | no                |
+| `BackgroundFetchConfig.forceAlarmManager`     | [Android only] By default, the plugin will use Android's JobScheduler when possible. The JobScheduler API prioritizes for battery-life, throttling task-execution based upon device usage and battery level. | `boolean`     | no       | Android  | no                |
+| `BackgroundFetchConfig.requiredNetworkType`   | [Android only] Set detailed description of the kind of network your job requires.                                                                                                                            | `NetworkType` | no       | Android  | partially         |
+| `BackgroundFetchConfig.requiresBatteryNotLow` | [Android only] Specify that to run this job, the device's battery level must not be low.                                                                                                                     | `boolean`     | no       | Android  | yes               |
+| `BackgroundFetchConfig.requiresStorageNotLow` | [Android only] Specify that to run this job, the device's available storage must not be low.                                                                                                                 | `boolean`     | no       | Android  | yes               |
+| `BackgroundFetchConfig.requiresCharging`      | [Android only] Specify that to run this job, the device must be charging (or be a non-battery-powered device connected to permanent power, such as Android TV devices).                                      | `boolean`     | no       | Android  | yes               |
+| `BackgroundFetchConfig.requiresDeviceIdle`    | [Android only] When set true, ensure that this job will not run if the device is in active use.                                                                                                              | `boolean`     | no       | Android  | yes               |
+
+### BackgroundFetch.scheduleTask()
+
+```js
+BackgroundFetch.scheduleTask(config: TaskConfig): Promise<boolean>;
+```
+
+| Name                                     | Description                                                                                                                                                                                                  | Type          | Required | Platform | HarmonyOS Support |
+| ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
+| `TaskConfig.taskId`                      | The name of the task.                                                                                                                                                                                        | `string`      | yes      | all      | yes               |
+| `TaskConfig.delay`                       | The minimum interval in milliseconds to execute this task.                                                                                                                                                   | `number`      | yes      | all      | yes               |
+| `TaskConfig.periodic`                    | Whether this task will continue executing or just a "one-shot".                                                                                                                                              | `boolean`     | no       | all      | yes               |
+| `TaskConfig.requiresNetworkConnectivity` | When set true, ensure that this job will run if the device has network connection                                                                                                                            | `boolean`     | no       | all      | no                |
+| `TaskConfig.stopOnTerminate`             | [Android only] Set false to continue background-fetch events after user terminates the app. Default to true.                                                                                                 | `boolean`     | no       | Android  | no                |
+| `TaskConfig.startOnBoot`                 | [Android only] Set true to initiate background-fetch events when the device is rebooted. Defaults to false.                                                                                                  | `boolean`     | no       | Android  | no                |
+| `TaskConfig.enableHeadless`              | [Android only] Set true to enable Headless mechanism for handling fetch events after app termination.                                                                                                        | `boolean`     | no       | Android  | no                |
+| `TaskConfig.forceAlarmManager`           | [Android only] By default, the plugin will use Android's JobScheduler when possible. The JobScheduler API prioritizes for battery-life, throttling task-execution based upon device usage and battery level. | `boolean`     | no       | Android  | no                |
+| `TaskConfig.requiredNetworkType`         | [Android only] Set detailed description of the kind of network your job requires.                                                                                                                            | `NetworkType` | no       | Android  | partially         |
+| `TaskConfig.requiresBatteryNotLow`       | [Android only] Specify that to run this job, the device's battery level must not be low.                                                                                                                     | `boolean`     | no       | Android  | yes               |
+| `TaskConfig.requiresStorageNotLow`       | [Android only] Specify that to run this job, the device's available storage must not be low.                                                                                                                 | `boolean`     | no       | Android  | yes               |
+| `TaskConfig.requiresCharging`            | [Android only] Specify that to run this job, the device must be charging (or be a non-battery-powered device connected to permanent power, such as Android TV devices).                                      | `boolean`     | no       | Android  | yes               |
+| `TaskConfig.requiresDeviceIdle`          | [Android only] When set true, ensure that this job will not run if the device is in active use.                                                                                                              | `boolean`     | no       | Android  | yes               |
+
+### BackgroundFetch.stop()
+
+```js
+BackgroundFetch.stop(taskId?: string): Promise<boolean>;
+```
+
+| Name     | Description           | Type     | Required | Platform | HarmonyOS Support |
+| -------- | --------------------- | -------- | -------- | -------- | ----------------- |
+| `taskId` | The name of the task. | `string` | no       | all      | yes               |
+
+### BackgroundFetch.finish()
+
+```js
+BackgroundFetch.finish(taskId: string): void;
+```
+
+| Name     | Description           | Type     | Required | Platform | HarmonyOS Support |
+| -------- | --------------------- | -------- | -------- | -------- | ----------------- |
+| `taskId` | The name of the task. | `string` | yes      | all      | yes               |
+
+### BackgroundFetch.status()
+
+```js
+BackgroundFetch.status(callback?: (status: BackgroundFetchStatus) => void): Promise<BackgroundFetchStatus>;
+```
+
+| Name       | Description                           | Type       | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------- | ---------- | -------- | -------- | ----------------- |
+| `callback` | Query the BackgroundFetch API status. | `Function` | no       | all      | yes               |
+
+### BackgroundFetchStatus
+
+| Name                                      | Description                                                                                                                                                                   | Type                    | Required | Platform | HarmonyOS Support |
+| ----------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- | -------- | -------- | ----------------- |
+| `BackgroundFetchStatus.STATUS_RESTRICTED` | Background fetch updates are unavailable and the user cannot enable them again. For example, this status can occur when parental controls are in effect for the current user. | `BackgroundFetchStatus` | yes      | iOS      | no                |
+| `BackgroundFetchStatus.STATUS_DENIED`     | The user explicitly disabled background behavior for this app or for the whole system.                                                                                        | `BackgroundFetchStatus` | yes      | iOS      | no                |
+| `BackgroundFetchStatus.STATUS_AVAILABLE`  | Background fetch is available and enabled.                                                                                                                                    | `BackgroundFetchStatus` | yes      | all      | yes               |
+
+## 遗留问题
+
+- [ ] configure 接口部分参数不支持harmonyOS。[issue#2](https://github.com/react-native-oh-library/react-native-background-fetch/issues/2)
+- [ ] scheduleTask 接口部分参数不支持harmonyOS。[issue#4](https://github.com/react-native-oh-library/react-native-background-fetch/issues/4)
+
+## 其他
+
+- iOS可能需要数天的时间才能启动机器学习算法并开始触发常规事件。同时，您应该定期将应用程序带到前台，以使用用户的行为训练iOS机器学习算法。之后iOS才会定期执行任务。
+- Android中，不需要机器算法介入，configure函数可以每15分钟调用一次，scheduleTask可以最低每隔1分钟调用一次。
+- HarmonyOS中，系统会根据内存、功耗、设备温度、用户使用习惯等统一调度，如当系统内存资源不足或温度达到一定挡位时，系统将延迟调度该任务。假如你设置20分钟后执行，第一次任务不一定是20分钟就会执行，有可能十几分钟就执行了，往后的任务得起码2小时以后才会执行，更多详情请查看下面的链接内容。https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/work-scheduler-V5
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/transistorsoft/react-native-background-fetch/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-background-timer.md b/en/react-native-background-timer.md
new file mode 100644
index 00000000..89f77c0c
--- /dev/null
+++ b/en/react-native-background-timer.md
@@ -0,0 +1,350 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-background-timer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ocetnik/react-native-background-timer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-background-timer)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-background-timer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-background-timer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {View, Button, StyleSheet, Text,TextInput} from 'react-native';
+import React, {useState} from 'react';
+import BackgroundTimer from "react-native-background-timer";
+export function BackgroundTimerExample() {
+  let [count, setCount] = useState(0);
+  let [text, setText] = useState("");
+  // BackgroundTimer延时
+  let [delay, setDelay] = useState("1000");
+  // setTimeout延时
+  let [timeoutDelay, setTimeoutDelay] = useState("1000");
+  // setInterval延时
+  let [intervalDelay, setIntervalDelay] = useState("1000");
+  let timeoutList:number[] = []
+  let [intervalList, setIntervalList] = useState<number[]>([]);
+ 
+  // runBackgroundTimer
+  function onPressStart(){
+    setText("开启定时器...")
+    BackgroundTimer.runBackgroundTimer(()=>{
+      setCount(count+=1)
+    },parseInt(delay))
+  }
+  function onPressStop(){
+    setText("结束定时器")
+    BackgroundTimer.stopBackgroundTimer()
+  }
+
+  // setTimeout
+  function setTimeoutStart(){
+    setText("开启定时器...")
+    let timeoutId = BackgroundTimer.setTimeout(()=>{
+      setCount(count+=1)
+    },parseInt(timeoutDelay))
+    timeoutList.push(timeoutId)
+  }
+  function setTimeoutStop(){
+    setText("结束定时器")
+    if(timeoutList.length>0){
+      BackgroundTimer.clearTimeout(timeoutList[0])
+      timeoutList.shift()
+    }
+  }
+
+  // setInterval
+  function setIntervalStart(){
+    setText("开启定时器...")
+    let intervalId = BackgroundTimer.setInterval(()=>{
+      setCount(count+=1)
+    },parseInt(intervalDelay))
+    setIntervalList([...intervalList,intervalId])
+  }
+  function setIntervalStop(){
+    setText("结束定时器")
+    if(intervalList.length>0){
+      BackgroundTimer.clearInterval(intervalList[0])
+      intervalList.shift()
+    }
+  }
+  function resetNumber(){
+    setCount(0)
+    setText("")
+  }
+  return (
+    <View style={{flexDirection: 'column', flex: 1,backgroundColor:'white'}}>
+      <View style={styles.container}>
+        <View style={styles.viewStyle}>
+          <Button
+            onPress={onPressStart}
+            title="runBackgroundTimer"
+          />
+          <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+            placeholder="BackgroundTimer延时"
+            onChangeText={(value)=>{setDelay(value)}}
+            value={delay}
+          />
+        </View>
+        <View style={[styles.viewStyle]}>
+          <Button
+            onPress={onPressStop}
+            title="stopBackgroundTimer"
+          />
+        </View>
+      </View>
+      
+      <View style={styles.container}>
+        <View style={styles.viewStyle}>
+          <Button
+            onPress={setTimeoutStart}
+            title="setTimeout"
+          />
+          <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+            placeholder="setTimeout延时"
+            onChangeText={(value)=>{setTimeoutDelay(value)}}
+            value={timeoutDelay}
+          />
+        </View>
+        <View style={[styles.viewStyle]}>
+          <Button
+            onPress={setTimeoutStop}
+            title="clearTimeout"
+          />
+        </View>
+      </View>
+      
+      <View style={styles.container}>
+        <View style={styles.viewStyle}>
+          <Button
+            onPress={setIntervalStart}
+            title="setInterval"
+          />
+          <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+            placeholder="setInterval延时"
+            onChangeText={(value)=>{setIntervalDelay(value)}}
+            value={intervalDelay}
+          />
+        </View>
+        <View style={[styles.viewStyle]}>
+          <Button
+            onPress={setIntervalStop}
+            title="clearInterval"
+          />
+        </View>
+      </View>
+      
+      <View style={[styles.viewStyle,styles.resetStyle]}>
+        <Button
+          onPress={resetNumber}
+          title="Reset"
+        />
+      </View>
+      <Text style={styles.textStyle}>{count}</Text>
+      <Text style={styles.textStyle}>{text}</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    borderColor: 'black',
+    borderTopWidth: 0,
+    borderBottomWidth: 5,
+    borderLeftWidth: 0,
+    borderRightWidth: 0,
+    padding: 10,
+  },
+  resetStyle: {
+    paddingTop: 10,
+  },
+  viewStyle:{
+    marginBottom: 10,
+  },
+  textStyle: {
+    fontSize: 30,
+  },
+});
+
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-background-timer": "file:../../node_modules/@react-native-oh-tpl/react-native-background-timer/harmony/background_timer.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-background-timer": "file:../../node_modules/@react-native-oh-tpl/react-native-background-timer/harmony/background_timer"
+  }
+```
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 3.在 ArkTs 侧引入 BackgroundTimerTurboModulePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { BackgroundTimerTurboModulePackage } from '@react-native-oh-tpl/react-native-background-timer/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx), 
++   new BackgroundTimerTurboModulePackage(ctx)
+    ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases)
+
+
+本文档内容基于以下版本验证通过：
+
+
+RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.19;
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | -------- | -------- | ------------------ |
+| runBackgroundTimer  | 开启定时器，以固定的时间间隔重复执行指定代码     | no | all      | yes |
+| stopBackgroundTimer  | 结束runBackgroundTimer开启的定时器     | no | all      | yes |
+| start  | 后台开启新任务     | no | all     | no |
+| stop  | 结束后台任务    | no | all      | no |
+| setTimeout  | 开启定时器，定时器到期会执行指定代码，只会执行一次     | no | Android      | yes |
+| clearTimeout  | 结束setTimeout开启的定时器          | no | Android      | yes |
+| setInterval  | 开启定时器，以固定的时间间隔重复执行指定代码         | no | Android      | yes |
+| clearInterval  | 结束setInterval开启的定时器           | no | Android      | yes |
+
+## 遗留问题
+
+- [ ] 使用worker开的新线程中不支持RNOHContext序列化传参，底层OS暂不支持，导致无法在新线程中发送事件，需要底层OS框架实现相关业务功能。不开线程的情况下，因setTimeout属于异步方法，定时器效果不受影响。[worker线程遗留问题:start和stop接口， HarmonyOS RN框架暂不支持](https://github.com/react-native-oh-library/react-native-background-timer/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-baidu-map.md b/en/react-native-baidu-map.md
new file mode 100644
index 00000000..a665a14e
--- /dev/null
+++ b/en/react-native-baidu-map.md
@@ -0,0 +1,610 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-baidu-map</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lovebing/react-native-baidu-map">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lovebing/react-native-baidu-map/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-baidu-map)
+
+## 安装与使用
+
+请到三方库的 Releases
+发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
+，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-baidu-map@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-baidu-map@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { Text, ScrollView, View, StyleSheet } from 'react-native';
+import { MapApp, Location, BaiduMapManager, MapView, Overlay } from 'react-native-baidu-map';
+
+
+function App({ }): JSX.Element {
+
+    const _onMapClick = (location: Location) => {
+        console.log('baidumap _onMapClick location latitude:' + location.latitude);
+        console.log('baidumap _onMapClick location longitude:' + location.longitude);
+    }
+
+    const _onMapDoubleClick = () => {
+        console.log('baidumap _onMapDoubleClick');
+    }
+
+    const _onMapLoaded = () => {
+        console.log('baidumap _onMapLoaded');
+    }
+
+
+    function _TestTurboModule() {
+        console.log('baidumap _TestTurboModule');
+        BaiduMapManager.initSDK('test');
+        BaiduMapManager.hasLocationPermission().then((hasPermission: boolean) => {
+            console.log('baidumap hasLocationPermission:' + hasPermission);
+        })
+        MapApp.openDrivingRoute({ latitude: 38.914935, longitude: 115.403119, name: "" }, { latitude: 39.914935, longitude: 116.403119, name: "" });
+        MapApp.openTransitRoute({ latitude: 36.914935, longitude: 113.403119, name: "" }, { latitude: 37.914935, longitude: 114.403119, name: "" });
+        MapApp.openWalkNavi({ latitude: 34.914935, longitude: 111.403119, name: "" }, { latitude: 35.914935, longitude: 112.403119, name: "" });
+    }
+    return (
+    <View >
+        <View style={[styles.button, { marginLeft: 100, marginTop: 40 }]}
+            onTouchEnd={() => {
+             _TestTurboModule();
+            }
+    }>
+    <Text style={styles.buttonText}>_TestTurboModule</Text>
+        </View>
+        <MapView
+    center={{ latitude: 38.914935, longitude: 115.403119 }}
+    zoom={12.0}
+    mapType={1}
+    trafficEnabled={true}
+    zoomGesturesEnabled={true}
+    scrollGesturesEnabled={true}
+    zoomControlsVisible={true}
+    showsUserLocation={true}
+    locationData={{ latitude: 38.914935, longitude: 115.403119 }}
+    onMapClick={_onMapClick}
+    onMapLoaded={_onMapLoaded}
+    onMapDoubleClick={_onMapDoubleClick}
+    style={{ width: '100%', height: '90%' }}
+    >
+    <Overlay.Circle
+    radius={6000}
+    fillColor='0000FF'
+    stroke={{ width: 12, color: 'AAEEFF11' }}
+    center={{ latitude: 38.914935, longitude: 115.403119 }} />
+    
+        <Overlay.Marker
+    location={{ latitude: 39.844935, longitude: 115.603119 }} onClick={() => {
+        console.log("baidumap Marker CLICK1")
+    }} icon={{ uri: "https://maponline0.bdimg.com/sty/map_icons2x/MapRes/huochezhan.png?udt=20230227" }} />
+    
+        <Overlay.Marker
+    location={{ latitude: 40.044935, longitude: 115.603119 }} onClick={() => {
+        console.log("baidumap Marker CLICK2")
+    }} icon={{ uri: "https://maponline0.bdimg.com/sty/map_icons2x/MapRes/huochezhan.png?udt=20230227" }} />
+    
+    
+        <Overlay.Polyline
+    points={[{ latitude: 38.914935, longitude: 115.403119 }, { latitude: 39.014935, longitude: 115.603119 }, { latitude: 38.814935, longitude: 115.603119 }]}
+    stroke={{ width: 5, color: 'AA000000' }} />
+    
+        <Overlay.Polygon
+    points={[{ latitude: 38.914935, longitude: 115.403119 }, { latitude: 38.614935, longitude: 115.203119 }, { latitude: 39.414935, longitude: 115.403119 }]}
+    stroke={{ width: 5, color: 'AA000000' }}
+    fillColor='0000FF' />
+        <Overlay.Text
+    location={{ latitude: 38.614935, longitude: 115.403119 }}
+    fontColor='0000FF'
+    fontSize={32}
+    bgColor='888888'
+    rotate={10}
+    text='overlay Text test' />
+        </MapView>
+        </View>
+    
+    )
+    }
+    
+    const styles = StyleSheet.create({
+        button: {
+            width: 160,
+            height: 36,
+            backgroundColor: 'hsl(190, 50%, 70%)',
+            paddingHorizontal: 16,
+            paddingVertical: 8,
+            borderRadius: 8,
+        },
+        buttonText: {
+            width: '100%',
+            height: '100%',
+            fontWeight: 'bold',
+        },
+    });
+
+export default App;
+```
+
+## Link
+
+目前harmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的harmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony": "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+"@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+"@react-native-oh-tpl/react-native-baidu-map": "file:../../node_modules/@react-native-oh-tpl/react-native-baidu-map/harmony/baidu_map.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 BaiduMapPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-baidu-map/src/main/cpp" ./baidu-map)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_baidu_map)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "BaiduMapPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<BaiduMapPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 BaiduMapPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {BaiduMapPackage} from '@react-native-oh-tpl/react-native-baidu-map/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new BaiduMapPackage(ctx)
+  ];
+}
+```
+
+### 5.在 ArkTs 侧引入 react-native-baidu-map 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets`
+或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import {
++  BAIDU_MAP_OVERLAY_CIRCLE_TYPE,
++  BAIDU_MAP_OVERLAY_MARKER_TYPE,
++  BAIDU_MAP_OVERLAY_POLYGON_TYPE,
++  BAIDU_MAP_OVERLAY_POLYLINE_TYPE,
++  BAIDU_MAP_OVERLAY_TEXT_TYPE,
++  BAIDU_MAP_VIEW_TYPE,
++  BaiduMapOverlayCircle,
++  BaiduMapOverlayPolygon,
++  BaiduMapOverlayPolyline,
++  BaiduMapOverlayText,
++  BaiduMapOverlayMarker,
++  BaiduMapView
++} from '@react-native-oh-tpl/react-native-baidu-map';
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === BAIDU_MAP_VIEW_TYPE) {
++      BaiduMapView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_CIRCLE_TYPE) {
++      BaiduMapOverlayCircle({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_MARKER_TYPE) {
++      BaiduMapOverlayMarker({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_POLYGON_TYPE) {
++      BaiduMapOverlayPolygon({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_POLYLINE_TYPE) {
++      BaiduMapOverlayPolyline({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BAIDU_MAP_OVERLAY_TEXT_TYPE) {
++      BaiduMapOverlayText({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames`
+在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ BAIDU_MAP_VIEW_TYPE,
++ BAIDU_MAP_OVERLAY_CIRCLE_TYPE,
++ BAIDU_MAP_OVERLAY_MARKER_TYPE,
++ BAIDU_MAP_OVERLAY_POLYGON_TYPE,
++ BAIDU_MAP_OVERLAY_POLYLINE_TYPE,
++ BAIDU_MAP_OVERLAY_TEXT_TYPE
+  ];
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release
+配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++      {
++        "name": "ohos.permission.WRITE_USER_STORAGE"
++      },
++      {
++        "name": "ohos.permission.READ_USER_STORAGE"
++      },
++      {
++        "name": "ohos.permission.INTERNET"
++      },
++      {
++        "name": "ohos.permission.GET_BUNDLE_INFO"
++      },
++      {
++        "name": "ohos.permission.LOCATION",
++        "reason": "$string:EntryAbility_desc",
++        "usedScene": {
++          "abilities": [
++            "MainAbility"
++          ],
++          "when": "inuse"
++        }
++      },
++      {
++        "name": "ohos.permission.LOCATION_IN_BACKGROUND",
++        "reason": "$string:EntryAbility_desc",
++        "usedScene": {
++          "abilities": [
++            "MainAbility"
++          ],
++          "when": "inuse"
++        }
++      },
++      {
++        "name": "ohos.permission.APPROXIMATELY_LOCATION",
++        "reason": "$string:EntryAbility_desc",
++        "usedScene": {
++          "abilities": [
++            "MainAbility"
++          ],
++          "when": "inuse"
++        }
++      }
+    ]
+```
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标
+> iOS 或 Android 的效果。
+
+#### MapView Props 属性
+
+| Name                    | Description                      | Type     | Required | Platform | HarmonyOS Support |
+|-------------------------|----------------------------------|----------|----------|----------|-------------------|
+| zoomControlsVisible     | 显示或隐藏缩放控件              | Boolean  | no      | Android  | yes               |
+| trafficEnabled          | 是否启用交通图层                         | Boolean  | no      | All      | yes                |
+| baiduHeatMapEnabled     | 是否启用百度热力图                        | Boolean  | no      | All      | no                |
+| zoomGesturesEnabled     | 允许手势缩放                           | Boolean  | no      | All      | yes                |
+| scrollGesturesEnabled   | 允许拖动                             | Boolean  | no      | All      | yes                |
+| mapType                 | 地图类型                             | Number   | no      | All      | partially                |
+| zoom                    | 地图的缩放级别                          | Number   | no      | All      | yes                |
+| showsUserLocation       | 是否显示定位                           | Boolean  | no      | All      | yes                |
+| locationData            | 定位信息 {latitude: 0, longitude: 0} | Object   | no      | All      | yes                |
+| center                  | {latitude: 0, longitude: 0}      | Object   | no      | All      | yes                |
+| onMapStatusChangeStart  | 地图状态开始变化时的回调函数         | Function | no      | Android  | no                |
+| onMapStatusChange       | 地图状态变化时的回调函数                     | Function | no      | All      | no                |
+| onMapStatusChangeFinish | 地图状态变化完成时的回调函数        | Function | no      | Android  | no                |
+| onMapLoaded             | 地图加载完成时的回调函数                     | Function | no      | All      | yes                |
+| onMapClick              | 地图被点击时的回调函数                      | Function | no      | All      | yes                |
+| onMapDoubleClick        | 地图被双击时的回调函数                      | Function | no      | All      | yes                |
+| onMarkerClick           | 地图上的标记被点击时的回调函数                  | Function | no      | All      | no                |
+| onMapPoiClick           | 地图上的兴趣点（POI）被点击时的回调函数            | Function | no      | All      | no                |
+
+#### Marker Props 属性
+
+| Name         | Description                              | Type     | Required | Platform | HarmonyOS Support |
+|--------------|------------------------------------------|----------|----------|----------|-------------------|
+| title        | 如果没有 InfoWindow，将会根据 title 生成 InfoWindow | String   | no       | All      | no                |
+| titleOffsetY | title 作为 InfoWindow 展示的 y 轴偏移量 | Number   | no       | Android  | no                |
+| location     | 标记的经纬度坐标位置                               | Object   | yes      | All      | yes               |
+| perspective  | 远大近小的效果                   | Boolean  | no       | Android  | no               |
+| flat         | 是否使标记扁平化                     | Boolean  | no       | Android  | yes               |
+| rotate       | 旋转角度                         | Number   | no       | Android  | yes               |
+| icon         | icon图片，同  的 source 属性                    | Object   | no       | All      | yes               |
+| alpha        | 透明度                         | Number   | no       | Android  | yes               |
+| animateType  | 动画效果：drop/grow/jump       | String   | no       | All      | yes               |
+| pinColor     | red/green/purple，大头针颜色             | String   | no       | IOS      | no                |
+| onClick      | 当标记被点击时触发的回调函数                           | Function | no       | All      | yes               |
+
+#### Cluster 点聚合
+
+#### Arc Props 属性
+
+| Name   | Description    | Type    | Required | Platform | HarmonyOS Support |
+|--------|----------------|---------|----------|----------|-------------------|
+| stroke | 当标记被点击时触发的回调函数 | Object  | yes      | All      | no                |
+| points | 数值长度必须为        | Object  | yes      | All      | no                |
+| dash   | 是否为虚线    | Boolean | yes      | iOS      | no                |
+
+#### Circle Props 属性
+
+| Name      | Description       | Type   | Required | Platform | HarmonyOS Support |
+|-----------|-------------------|--------|----------|----------|-------------------|
+| radius    | 圆的半径              | Number | yes      | All      | yes               |
+| fillColor | 圆的填充颜色（十六进制，带透明度） | String | yes       | All      | yes               |
+| stroke    | 圆的描边样式            | Object | yes       | All      | yes               |
+| center    | 圆的中心点坐标           | Object | yes       | All      | yes               |
+
+#### Polyline Props 属性
+
+| Name   | Description | Type   | Required | Platform | HarmonyOS Support |
+|--------|-------------|--------|----------|----------|-------------------|
+| points | 折线的顶点坐标数组   | Object | yes      | All      | yes               |
+| stroke | 折线的描边样式     | Object | yes      | All      | no               |
+
+#### Polygon Props 属性
+
+| Name      | Description          | Type   | Required | Platform | HarmonyOS Support |
+|-----------|----------------------|--------|----------|----------|-------------------|
+| points    | 多边形的顶点坐标数组           | Object | yes      | All      | yes               |
+| fillColor | 多边形的填充颜色（十六进制，带透明度）	 | String | no      | All      | yes               |
+| stroke    | 多边形的描边样式             | Object | no      | All      | yes               |
+
+#### Text Props 属性
+
+| Name      | Description   | Type   | Required | Platform | HarmonyOS Support |
+|-----------|---------------|--------|----------|----------|-------------------|
+| text      | 要显示的文本        | String | yes      | All      | yes               |
+| fontSize  | 文本的字体大小       | Number | no       | All      | yes               |
+| fontColor | 文本的字体颜色（十六进制） | String | no       | All      | yes               |
+| bgColor   | 文本的背景颜色（十六进制） | String | no       | All      | yes               |
+| rotate    | 文本旋转的角度       | Number | no       | All      | yes               |
+| location  | 文本在地图上的位置坐标	  | Object | yes      | All      | yes               |
+
+#### MarkerIcon 使用 View 作为 marker 的 icon
+
+#### InfoWindow Props 属性
+
+#### 必须作为 Marker 的子组件
+
+| Name    | Description                    | Type   | Required | Platform | HarmonyOS Support |
+|---------|--------------------------------|--------|----------|----------|-------------------|
+| offsetY | 相对于 point 在 y 轴的偏移量	 | Object | yes      | Android  | no                |
+
+#### HeatMap Props 属性
+
+| Name     | Description | Type   | Required | Platform | HarmonyOS Support |
+|----------|-------------|--------|----------|----------|-------------------|
+| points   | 绘制热度图的点     | array  | yes      | All      | no                |
+| gradient | 颜色渐变对象      | object | yes      | All      | no                |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标
+> iOS 或 Android 的效果。
+
+#### BaiduMapManager
+
+| Name                          | Description | Type | Required | Platform | HarmonyOS Support |
+|-------------------------------|-------------|------|----------|----------|-------------------|
+| initSDK                       | iOS 初始化 SDK | void | no      | All      | yes               |
+| Promise hasLocationPermission | 是否有定位权限     | void | no       | All      | yes               |
+
+#### Geolocation Methods
+
+| Name                                              | Description                          | Type | Required | Platform | HarmonyOS Support |
+|---------------------------------------------------|--------------------------------------|------|----------|----------|-------------------|
+| Promise reverseGeoCode                            | 根据给定的经纬度坐标获取相应的地址信息                  | void | no      | All      | no                |
+| Promise reverseGeoCodeGPS                         | 通过给定的经纬度进行反向地理编码，从而获取与该经纬度对应的地理位置信息。 | void | no       | All      | no                |
+| Promise geocode                                   | 调用一个提供地理编码服务的API                     | void | no       | All      | no                |
+| Promise getCurrentPosition                        | 获取当前定位信息，coorType 可为 bd09ll 或 gcj02，默认 bd09ll | void | no       | All      | no                |
+| startLocating(function listener, String coorType) | 开始持续定位                               | void | no       | All      | no                |
+| stopLocating                                      | 停止持续定位                               | void | no       | All      | no                |
+
+#### GetDistance Methods
+
+| Name                        | Description   | Type | Required | Platform | HarmonyOS Support |
+|-----------------------------|---------------|------|----------|----------|-------------------|
+| Promise getLocationDistance | 计算两个地理位置之间的距离 | no   | no      | All      | no                |
+
+#### MapApp Methods 调起百度地图客户端
+
+| Name             | Description | Type | Required | Platform | HarmonyOS Support |
+|------------------|-------------|------|----------|----------|-------------------|
+| openDrivingRoute | 调起百度地图驾车规划  | void | no       | All      | yes               |
+| openTransitRoute | 调起百度地图公交路线  | void | no       | All      | yes               |
+| openWalkNavi     | 调起百度地图步行路线  | void | no       | All      | yes               |
+
+## 遗留问题
+- [ ] Arc覆盖物未实现 [#15](https://github.com/react-native-oh-library/react-native-baidu-map/issues/15)
+- [ ] infoWindow覆盖物未实现 [#16](https://github.com/react-native-oh-library/react-native-baidu-map/issues/16)
+- [ ] HeatMap覆盖物未实现 [#17](https://github.com/react-native-oh-library/react-native-baidu-map/issues/17)
+- [ ] Cluster 覆盖物未实现 [#18](https://github.com/react-native-oh-library/react-native-baidu-map/issues/18)
+- [ ] MarkerIcon 覆盖物未实现 [#19](https://github.com/react-native-oh-library/react-native-baidu-map/issues/19)
+- [ ] MapView部分事件未实现 [#20](https://github.com/react-native-oh-library/react-native-baidu-map/issues/20)
+- [ ] marker的title、pincolor、perspective属性未实现 [#21](https://github.com/react-native-oh-library/react-native-baidu-map/issues/21)
+- [ ] Geolocation 静态类功能未实现  [#22](https://github.com/react-native-oh-library/react-native-baidu-map/issues/22)
+- [ ] GetDistance静态类功能未实现 [#23](https://github.com/react-native-oh-library/react-native-baidu-map/issues/23)
+- [ ] Polyline的stroke属性未实现 [#21](https://github.com/react-native-oh-library/react-native-baidu-map/issues/29)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lovebing/react-native-baidu-map/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-barcode-builder.md b/en/react-native-barcode-builder.md
new file mode 100644
index 00000000..a2e8b37a
--- /dev/null
+++ b/en/react-native-barcode-builder.md
@@ -0,0 +1,115 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-barcode-builder</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wonsikin/react-native-barcode-builder">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wonsikin/react-native-barcode-builder/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-barcode-builder)
+
+## 安装与使用
+
+1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-barcode-builder@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-barcode-builder@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect } from "react";
+import { StyleSheet, View, Text } from "react-native";
+import Barcode from "react-native-barcode-builder";
+import { Colors } from "react-native/Libraries/NewAppScreen";
+export const BarcodeBuilderExample = () => {
+  const error = (e) => {
+    console.log(e, "click");
+  };
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "#F5FCFF",
+      }}
+    >
+      <Text style={{ fontSize: 50 }}>This is a Barcode Builder</Text>
+      <Barcode
+        value=" hello~~~"
+        format="CODE128"
+        text="hello world"
+        onError={error}
+        width={5}
+        height={200}
+      />
+    </View>
+  );
+};
+```
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder)
+
+## 属性
+
+### Barcode
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+该库为 UI 组件库，通过配置属性标签，实现对应的功能。
+
+| Name       | Type     | Description                                                                                      | Required | Platform    | HarmonyOS Support |
+| ---------- | -------- | ------------------------------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| value      | string   | What the barcode stands for.                                                                     | yes      | iOS/Android | yes               |
+| format     | string   | Which barcode type to use. [learn more](https://github.com/lindell/JsBarcode#supported-barcodes) | no       | iOS/Android | yes               |
+| width      | number   | Width of a single bar.                                                                           | no       | iOS/Android | yes               |
+| height     | number   | Height of the barcode.                                                                           | no       | iOS/Android | yes               |
+| text       | string   | Override text that is displayed.                                                                 | no       | iOS/Android | yes               |
+| lineColor  | string   | Color of the bars.                                                                               | no       | iOS/Android | yes               |
+| textColor  | string   | Color of the text.                                                                               | no       | iOS/Android | yes               |
+| background | string   | Background color of the barcode.                                                                 | no       | iOS/Android | yes               |
+| onError    | function | Handler for invalid barcode of selected format.                                                  | no       | iOS/Android | yes               |
+
+## 开源协议
+
+本项目基于 [The Apache License (Apache)](https://github.com/wonsikin/react-native-barcode-builder/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-bars.md b/en/react-native-bars.md
new file mode 100644
index 00000000..d18c2043
--- /dev/null
+++ b/en/react-native-bars.md
@@ -0,0 +1,222 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-bars</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/zoontek/react-native-bars">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/zoontek/react-native-bars/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bars)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-bars@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-bars@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Switch, Text, View } from 'react-native';
+import { StatusBar } from "react-native-bars"; 
+
+export function BarExample() {
+
+  const [isEnabled, setIsEnabled] = React.useState(false);
+  const toggleSwitch = () => setIsEnabled(previousState => !previousState);
+
+  return (
+        <View >
+          <StatusBar
+            barStyle={isEnabled ? "light-content" : "dark-content"}
+          />
+          <Text style={{ color: "white" }}>关 dark-content/ 开 light-content</Text>
+          <Switch
+            trackColor={{ false: "#767577", true: "#81b0ff" }}
+            thumbColor={isEnabled ? "#f5dd4b" : "#f4f3f4"}
+            ios_backgroundColor="#3e3e3e"
+            onValueChange={toggleSwitch}
+            value={isEnabled}
+          />
+        </View>
+  );
+}
+
+```
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-bars": "file:../../node_modules/@react-native-oh-tpl/react-native-bars/harmony/bars.har"
+    
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNBarsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNBarsPackage} from '@react-native-oh-tpl/react-native-bars/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNBarsPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases)
+
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### StatusBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | ---- | ------------ |
+| barStyle | Status Bar Style     | string  | yes |     all  |       yes|
+| animated | Should transition between status bar property changes be animated? (has no effect on Android)     | boolean  | no |     all  |       yes|
+
+### NavigationBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | ---- | ------------ |
+| barStyle | Navigation Bar Style   | string  | yes |     all  |       no|
+
+### SystemBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | ---- | ------------ |
+| barStyle | System Style     | string  | yes |     all  |       no|
+| animated | Should transition between status bar property changes be animated? (has no effect on Android)     | boolean  | no |     all  |       no|
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### StatusBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| pushStackEntry  | Add an instance to the heap queue        | StatusBar.pushStackEntry(props)  | no | all      | yes |
+| popStackEntry  | Delete an instance from the heap queue         | StatusBar.popStackEntry(entry/*: StatusBarProps*/): void;  | no | all     | yes |
+| replaceStackEntry  | Replace an instance of the heap queue         | const entry: StatusBarProps = StatusBar.replaceStackEntry(entry ,props )  | no | all      | yes |
+
+### NavigationBar
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| pushStackEntry  | Add an instance to the heap queue         |NavigationBar.pushStackEntry(props)  | no | all      | no |
+| popStackEntry  | Delete an instance from the heap queue        | NavigationBar.popStackEntry(entry/*: NavigationBarProps*/): void;  | no | all      | no |
+| replaceStackEntry  | Replace an instance of the heap queue         |const entry: NavigationBarProps = NavigationBar.replaceStackEntry(entry ,props )  | no | all      | no|
+
+## 遗留问题
+
+- [ ] react-native-bars不支持NavigationBar问题: [issue#16](https://github.com/react-native-oh-library/react-native-bars/issues/16)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bars/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-base64.md b/en/react-native-base64.md
new file mode 100644
index 00000000..de662780
--- /dev/null
+++ b/en/react-native-base64.md
@@ -0,0 +1,130 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-base64</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/eranbo/react-native-base64">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/eranbo/react-native-base64/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/eranbo/react-native-base64)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react-native-base64@0.2.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-base64@0.2.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import base64 from 'react-native-base64';
+import {
+   ScrollView,
+   StyleSheet,
+   Text,
+   TextInput,
+   useColorScheme,
+   View,
+} from 'react-native';
+
+import {
+   Colors,
+} from 'react-native/Libraries/NewAppScreen';
+
+export function Base64Page(): JSX.Element {
+   const isDarkMode = useColorScheme() === 'dark';
+   const [word, setWord] = useState('react native');
+   const encodeWord = base64.encode(word);
+   const decodeWord = base64.decode(encodeWord);
+   const wordEqualDecodeWord = `word equal decode word: ${word === decodeWord}`；
+   const byteArrayWord = Uint8Array.from(word.split(''), w => w.charCodeAt(0));
+   const encodeWordFromByteArray = base64.encodeFromByteArray(byteArrayWord);
+   const decodeFromByteArray = base64.decode(encodeWordFromByteArray);
+   const backgroundStyle = {
+      backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
+   };
+
+  return (
+      <ScrollView
+        contentInsetAdjustmentBehavior="automatic"
+        style={backgroundStyle}>
+        <View
+          style={{ backgroundColor: isDarkMode ? Colors.black : Colors.white, }}>
+          <View style={styles.cardView}>
+            <Text>Test Word: </Text>
+            <TextInput
+              style={styles.TextInput}
+              onChangeText={setWord}
+              value={word}
+            ></TextInput>
+            <Text style={{marginTop: 12}}>encode Result: <Text style={{color: 'orange'}}>{encodeWord}</Text></Text>
+            <Text style={{marginTop: 12}}>decode Result: <Text style={{color: 'orange'}}>{decodeWord}</Text></Text>
+            <Text style={{marginTop: 12}}>encodeFromByteArray Result: <Text style={{color: 'orange'}}>{encodeWordFromByteArray}</Text></Text>
+            <Text style={{marginTop: 12}}>decode the value above Result: <Text style={{color: 'orange'}}>{decodeFromByteArray}</Text></Text>
+          </View>
+        </View>
+      </ScrollView>
+  );
+
+}
+
+const styles = StyleSheet.create({
+   cardView: { margin: 10, backgroundColor: '#f0f0f0', display: 'flex', padding: 10, borderRadius: 8 },
+   TextInput: {height: 40, borderColor: '#ccc', borderWidth: 1, borderRadius: 4, width: '90%'},
+   highlight: {
+      fontWeight: '700',
+   },
+});
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
+
+## 静态方法:
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| encode  | encode from string  | string  | no | Android、iOS | yes |
+| decode  | decode base64 strings   | string  | no | Android、iOS | yes |
+| encodeFromByteArray  | encode from Unit8Array  | Unit8Array  | no | Android、iOS | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/eranbo/react-native-base64/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-better-banner.md b/en/react-native-better-banner.md
new file mode 100644
index 00000000..2deb5259
--- /dev/null
+++ b/en/react-native-better-banner.md
@@ -0,0 +1,156 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-better-banner</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-oh-library/better-banner">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.isc.org/licenses/%3E">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/better-banner)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-better-banner@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-better-banner@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {
+    StyleSheet,
+    View,
+    Text,
+} from 'react-native';
+
+import BetterBanner from 'react-native-better-banner';
+
+const App = () => {
+    return (
+        <View style={styles.container}>
+            <BetterBanner
+                bannerComponents={[
+                    <View style={{
+                        width: '100%',
+                        height: '100%',
+                        backgroundColor: '#1997fc',
+                        alignItems: 'center',
+                        justifyContent: 'center'
+                    }}>
+                        <Text style={{fontSize: 35, color: '#fff', marginBottom: 10}}>Page 01</Text>
+                        <Text style={{fontSize: 15, color: '#fff'}}>Welcome! have a good time</Text>
+                    </View>,
+                    <View style={{
+                        width: '100%',
+                        height: '100%',
+                        backgroundColor: '#da578f',
+                        alignItems: 'center',
+                        justifyContent: 'center'
+                    }}>
+                        <Text style={{fontSize: 35, color: '#fff', marginBottom: 10}}>Page 02</Text>
+                        <Text style={{fontSize: 15, color: '#fff'}}>Welcome! have a good time</Text>
+                    </View>,
+                    <View style={{
+                        width: '100%',
+                        height: '100%',
+                        backgroundColor: '#7c3fe4',
+                        alignItems: 'center',
+                        justifyContent: 'center'
+                    }}>
+                        <Text style={{fontSize: 35, color: '#fff', marginBottom: 10}}>Page 03</Text>
+                        <Text style={{fontSize: 15, color: '#fff'}}>Welcome! have a good time</Text>
+                    </View>,
+                ]}
+                bannerTitles={["Page 01 Page 01 Page 01 Page 01 Page 01 Page 01 Page 01 ", "Page 02", "Page 03"]}
+                onPress={(index) => alert('you pressed index is : ' + index)}
+                indicatorContainerBackgroundColor={'rgba(0,0,0,0.3)'}
+                isSeamlessScroll={true}
+            />
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+   container: {
+       flex: 1
+   }
+
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                              | Description                                                  | Type     | Default               | Platform | HarmonyOS Support |
+| --------------------------------- | ------------------------------------------------------------ | -------- | --------------------- | -------- | ----------------- |
+| bannerImages                      | 用于展示轮播图片, 与`bannerComponents`二选一                 | Array    | []                    | All      | Yes               |
+| bannerComponents                  | 用于展示轮播自定义组件，与`bannerImages`二选一               | Array    | []                    | All      | Yes               |
+| bannerHeight                      | banner的默认高度                                             | Number   | 250                   | All      | Yes               |
+| bannerTitles                      | 每张图片或组件对应的标题                                     | Array    | []                    | All      | Yes               |
+| bannerTitleTextColor              | 每张图片或组件对应的标题的文字颜色                           | String   | #fff                  | All      | Yes               |
+| bannerTitleTextSize               | 每张图片或组件对应的标题的文字大小                           | Number   | 2000                  | All      | Yes               |
+| isAutoScroll                      | 是否开启自动轮播                                             | Boolean  | true                  | All      | Yes               |
+| isSeamlessScroll                  | 是否开启无缝滚动(iOS下正常，安卓某些机型可能出现滚动异常)    | Boolean  | false                 | All      | Yes               |
+| adaptSeamlessScrollValue          | 如果开启无缝滚动在某些机型滚动异常，可针对这些机型设置`true` 或 `false`, 此值实际上是设置是否显示`ScrollView`的`scrollTo`的滚动动画 | Boolean  | false                 | All      | Yes               |
+| indicatorWidth                    | 指示器宽度                                                   | Number   | 10                    | All      | Yes               |
+| indicatorHeight                   | 指示器高度                                                   | Number   | 6                     | All      | Yes               |
+| indicatorColor                    | 指示器颜色                                                   | String   | rgba(255,255,255,0.6) | All      | Yes               |
+| indicatorStyle                    | 指示器样式，您也可以直接使用此属性一次性设置指示器宽、高、颜色和圆角等，它会覆盖以上`indicatorWidth`,`indicatorHeight`，`indicatorColor`属性 | Object   | {}                    | All      | Yes               |
+| indicatorGap                      | 指示器之间的间隔                                             | Number   | 6                     | All      | Yes               |
+| activeIndicatorColor              | 活动指示器颜色                                               | String   | #fff                  | All      | Yes               |
+| indicatorGroupPosition            | 指示器组的位置，可设置`left`,`center`,`right`。如果您设置了`bannerTitles`,则此属性只能是`right` | String   | right                 | All      | Yes               |
+| indicatorGroupSideOffset          | 指示器组的左右边距                                           | Number   | 10                    | All      | Yes               |
+| indicatorContainerHeight          | 指示器容器高度                                               | Number   | 32                    | All      | Yes               |
+| indicatorContainerBackgroundColor | 指示器容器背景色                                             | String   | transparent           | All      | Yes               |
+| onPress()                         | 点击轮播图后的回调函数，会传回banner的`index`                | Function | ()=>{}                | All      | Yes               |
+| onScrollEnd()                     | 滚动完每张轮播图的回调函数，等同于`ScrollView`的`onMomentumScrollEnd` | Function | ()=>{}                | All      | Yes               |
+
+## 遗留问题
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
diff --git a/en/react-native-bindingx.md b/en/react-native-bindingx.md
new file mode 100644
index 00000000..789a037a
--- /dev/null
+++ b/en/react-native-bindingx.md
@@ -0,0 +1,329 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-bindingx</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/alibaba/bindingx">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/alibaba/bindingx/blob/master/LICENSE.md">
+       <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bindingx)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-bindingx@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-bindingx@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {Component} from 'react';
+import {
+  StyleSheet,
+  View,
+  Text,
+  findNodeHandle,
+  TouchableHighlight,
+  PanResponder
+} from 'react-native';
+
+import bindingx from 'react-native-bindingx';
+
+export default class App extends Component {
+
+  _panResponder = PanResponder.create({
+    onStartShouldSetPanResponder: (evt, gestureState) => true,
+    onPanResponderGrant: (evt, gestureState) => {
+      this.onBind();
+    }
+  });
+
+  _x = 0;
+  _y = 0;
+
+  componentDidMount() {
+    let anchor = findNodeHandle(this.refs._anchor);
+    bindingx.prepare({
+      eventType: 'pan',
+      anchor: anchor
+    });
+  }
+
+  onPanEnd = (e) => {
+    if (e.state === 'end') {
+      this._x += e.deltaX;
+      this._y += e.deltaY;
+    }
+  }
+
+  onBind() {
+
+    let expression_x_origin = "x+" + this._x;
+
+    let expression_y_origin = "y+" + this._y;
+
+    let anchor = findNodeHandle(this.refs._anchor);
+    let token = bindingx.bind({
+      eventType: 'pan',
+      anchor: anchor,
+      props: [
+        {
+          element: anchor,
+          property: 'transform.translateX',
+          expression: expression_x_origin
+        },
+        {
+          element: anchor,
+          property: 'transform.translateY',
+          expression: expression_y_origin
+        }
+      ]
+    },this.onPanEnd);
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <View
+          ref="_anchor"
+          style={styles.anchor}
+          {...this._panResponder.panHandlers}
+        />
+
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#F5FCFF',
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 10,
+  },
+  text: {
+    textAlign: 'center',
+    color: '#ffffff',
+  },
+  wrapper: {
+    backgroundColor: '#0000ff',
+    height: 48,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  margin: {
+    marginTop: 20
+  },
+  anchor: {
+    width: 80,
+    height: 80,
+    backgroundColor: '#ff0000',
+    marginTop: 48
+  }
+});
+
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-bindingx": "file:../../node_modules/@react-native-oh-tpl/react-native-bindingx/harmony/bindingx.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ReactBindingXPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-bindingx/src/main/cpp" ./bindingx)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_bindingx)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ReactBindingXPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<ReactBindingXPackage>(ctx),
+    };
+}
+...
+```
+
+
+### 4.在 ArkTs 侧引入 ReactBindingXPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {ReactBindingXPackage} from '@react-native-oh-tpl/react-native-bindingx/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ReactBindingXPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+| bind              | Build a specific event type of binding instance. When the event is triggered, corresponding expression will be executed and touch off transform in specified element.         | string          | yes      | iOS/Android     |      yes           |
+| unbind            | unbind specified binding instance.                                                                                                                                            | void            | yes      | iOS/Android     |      yes           |
+| unbindAll         | unbind all binding instance                                                                                                                                                   | void            | yes      | iOS/Android     |      yes           |
+| prepare           | launch bind. This method is only useful for pan type binding.                                                                                                                 | void            | yes      | iOS/Android     |      yes           |
+| getComputedStyle  | get styles of specified view.                                                                                                                                                 | Promise<string> | yes      | iOS/Android     |      yes           |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License2.0](https://github.com/alibaba/bindingx/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-ble-manager.md b/en/react-native-ble-manager.md
new file mode 100644
index 00000000..fa99ff26
--- /dev/null
+++ b/en/react-native-ble-manager.md
@@ -0,0 +1,610 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-ble-manager</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/innoveit/react-native-ble-manager">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms"/>
+    </a>
+    <a href="https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg"alt="License"/>
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ble-manager)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-ble-manager@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-ble-manager@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import { ScrollView, StyleSheet, Button, View, Text, NativeEventEmitter, NativeModules, TouchableHighlight, FlatList, Alert } from 'react-native';
+import ReactNativeBleManager from 'react-native-ble-manager';
+import { Peripheral } from 'react-native-ble-manager';
+import { Colors } from 'react-native/Libraries/NewAppScreen';
+
+
+declare module '@react-native-oh-tpl/react-native-ble-manager' {
+    interface Peripheral {
+        connected?: boolean;
+        connecting?: boolean;
+    }
+}
+
+export enum BleState {
+    Unknown = "unknown",
+    Resetting = "resetting",
+    Unsupported = "unsupported",
+    Unauthorized = "unauthorized",
+    On = "on",
+    Off = "off",
+    TurningOn = "turning_on",
+    TurningOff = "turning_off",
+}
+
+export enum BleScanMatchMode {
+    Aggressive = 1,
+    Sticky = 2,
+}
+
+export enum BleScanMode {
+    Opportunistic = -1,
+    LowPower = 0,
+    Balanced = 1,
+    LowLatency = 2,
+}
+
+const BleManagerModule = NativeModules.BleManager;
+const bleManagerEmitter = new NativeEventEmitter(BleManagerModule);
+
+export default function BleManagerDemo() {
+    useEffect(() => {
+        listeners
+    })
+
+    const [result, setResult] = useState<string>('');
+    const [deviceId, setDeviceId] = useState('')
+
+
+    const [peripherals, setPeripherals] = useState(
+        new Map<Peripheral['id'], Peripheral>(),
+    );
+
+
+    const handleDiscoverPeripheral = (peripheral: Peripheral) => {
+        setResult(JSON.stringify(peripheral))
+        setDeviceId(peripheral.id);
+        if (!peripheral.name) {
+            peripheral.name = 'NO NAME';
+        }
+        setPeripherals(map => {
+            return new Map(map.set(peripheral.id, peripheral));
+        });
+    };
+
+    const listeners = [
+        bleManagerEmitter.addListener('BleManagerDiscoverPeripheral', handleDiscoverPeripheral),
+    ];
+
+    const renderItem = ({ item }: { item: Peripheral }) => {
+        return (
+            <TouchableHighlight>
+                <View style={[styles.row]}>
+                    <Text style={styles.peripheralName}>
+                        {item.name} - {item?.advertising?.localName}
+                        {item.connecting && ' - Connecting...'}
+                    </Text>
+                    <Text style={styles.rssi}>RSSI: {item.rssi}</Text>
+                    <Text style={styles.peripheralId}>{item.id}</Text>
+                    <Text style={styles.peripheralId}>{`${item.advertising.isConnectable}`}</Text>
+                    <View style={{ height: 50 }}>
+                        <Button title='connect' onPress={() => {
+                            ReactNativeBleManager.connect(item.id)
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='createBond' onPress={() => {
+                            ReactNativeBleManager.createBond(item.id)
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='获取serves' onPress={() => {
+                            ReactNativeBleManager.retrieveServices(item.id, ['00001888-0000-1000-8000-00805F9B34FB'])
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50 }}>
+                        <Button title='getBondedPeripherals' onPress={async () => {
+                            const list = await ReactNativeBleManager.getBondedPeripherals()
+                            console.log('返回已绑定的设备' + JSON.stringify(list))
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50 }}>
+                        <Button title='getConnectedPeripherals' onPress={async () => {
+                            const list = await ReactNativeBleManager.getConnectedPeripherals()
+                            Alert.alert(JSON.stringify(list))
+                        }}></Button>
+                    </View>
+
+                    <View style={{ height: 50 }}>
+                        <Button title='getDiscoveredPeripherals' onPress={async () => {
+                            const list = await ReactNativeBleManager.getDiscoveredPeripherals()
+                            Alert.alert(JSON.stringify(list))
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='写入value' onPress={() => {
+                            ReactNativeBleManager.write(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB', [1])
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='写入des' onPress={() => {
+                            ReactNativeBleManager.writeDescriptor(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB', '00002902-0000-1000-8000-00805F9B34FB', [1])
+
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50 }}>
+                        <Button title='readCharacteristicValue' onPress={() => {
+                            ReactNativeBleManager.read(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB').then((res)=>{
+                                Alert.alert(JSON.stringify(res))
+                            })
+
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50 }}>
+                        <Button title='readDescriptor' onPress={() => {
+                            ReactNativeBleManager.readDescriptor(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB', '00002902-0000-1000-8000-00805F9B34FB')
+
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='readRSSI' onPress={() => {
+                            ReactNativeBleManager.readRSSI(item.id).then((data) => {
+                                Alert.alert(data + "")
+                            })
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='requestMTU' onPress={() => {
+                            ReactNativeBleManager.requestMTU(item.id, 10).then((res)=>{
+                                Alert.alert(res + "")
+                            })
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='checkState' onPress={() => {
+                            ReactNativeBleManager.checkState().then((res)=>{
+                                Alert.alert(JSON.stringify(res))
+                            })
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='startNotification' onPress={() => {
+                            ReactNativeBleManager.startNotification(item.id,'00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB')
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='stopScan' onPress={() => {
+                            ReactNativeBleManager.stopScan()
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='disconnect' onPress={() => {
+                            ReactNativeBleManager.disconnect(item.id, true)
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50, width: 120 }}>
+                        <Button title='removeBond' onPress={() => {
+                            ReactNativeBleManager.removeBond(item.id).then(() => {
+                                Alert.alert('此接口为系统接口，三方库无法调用')
+                            })
+                        }}></Button>
+                    </View>
+                </View>
+            </TouchableHighlight>
+        );
+    };
+
+    return (
+        <View style={styles.container}>
+            <View style={styles.titleArea}>
+                <Text style={styles.title}>BleManager</Text>
+            </View>
+           
+            <View style={{ width: '100%', display: 'flex', flexDirection: "row", justifyContent: 'space-around', alignItems: 'center',marginTop:10 }}>
+            <View style={{ height: 50, width: 'auto'}}>
+                        <Button title='enableBluetooth' onPress={() => {
+                            ReactNativeBleManager.enableBluetooth()
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50,width: 'auto' }}>
+                        <Button title='start' onPress={() => {
+                            ReactNativeBleManager.start()
+                        }}></Button>
+                    </View>
+                    <View style={{ height: 50,width: 'auto' }}>
+                        <Button title='scan' onPress={() => {
+                            ReactNativeBleManager.scan(['00001888-0000-1000-8000-00805F9B34FB'], 0, true, {
+                                companion: true,
+                                matchMode: BleScanMatchMode,
+                                scanMode: BleScanMode,
+                                reportDelay: 1,
+                                exactAdvertisingName: ''
+                            })
+                        }}></Button>
+                    </View>
+            </View>
+             <FlatList
+                data={Array.from(peripherals.values())}
+                contentContainerStyle={{ rowGap: 12 }}
+                renderItem={renderItem}
+                keyExtractor={item => item.id}
+                style={{ width: '100%' }}
+            />
+        </View>
+    )
+}
+
+const boxShadow = {
+    shadowColor: '#000',
+    shadowOffset: {
+        width: 0,
+        height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+};
+
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        height: '100%',
+        flexDirection: 'column',
+        alignItems: 'center',
+        backgroundColor: '#F1F3F5',
+    },
+    baseText: {
+        width: '100%',
+        height: '100%',
+        fontWeight: 'bold',
+        textAlign: 'center',
+        fontSize: 16,
+        ellipsizeMode: 'tail',
+        numberOfLines: 2
+    },
+    titleArea: {
+        width: '90%',
+        height: '8%',
+        alignItems: 'center',
+        flexDirection: 'row',
+    },
+    title: {
+        width: '90%',
+        color: '#000000',
+        textAlign: "center",
+        fontSize: 30,
+        border:5,
+    },
+    scrollView: {
+        width: '90%',
+        marginHorizontal: 10,
+    },
+
+    inputArea: {
+        width: '90%',
+        height: '10%',
+        borderWidth: 2,
+        borderColor: '#000000',
+        marginTop: 8,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    baseArea: {
+        width: '100%',
+        height: 60,
+        borderRadius: 4,
+        borderColor: '#000000',
+        marginTop: 6,
+        backgroundColor: '#FFFFFF',
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingLeft: 8,
+        paddingRight: 8
+    },
+    engine: {
+        position: 'absolute',
+        right: 10,
+        bottom: 0,
+        color: Colors.black,
+    },
+    buttonGroup: {
+        flexDirection: 'row',
+        width: '100%'
+    },
+    scanButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: 16,
+        paddingHorizontal: 16,
+        backgroundColor: '#0a398a',
+        margin: 10,
+        borderRadius: 12,
+        flex: 1,
+        ...boxShadow,
+    },
+    scanButtonText: {
+        fontSize: 16,
+        letterSpacing: 0.25,
+        color: Colors.white,
+    },
+    body: {
+        backgroundColor: '#0082FC',
+        flex: 1,
+    },
+    sectionContainer: {
+        marginTop: 32,
+        paddingHorizontal: 24,
+    },
+    sectionTitle: {
+        fontSize: 24,
+        fontWeight: '600',
+        color: Colors.black,
+    },
+    sectionDescription: {
+        marginTop: 8,
+        fontSize: 18,
+        fontWeight: '400',
+        color: Colors.dark,
+    },
+    highlight: {
+        fontWeight: '700',
+    },
+    footer: {
+        color: Colors.dark,
+        fontSize: 12,
+        fontWeight: '600',
+        padding: 4,
+        paddingRight: 12,
+        textAlign: 'right',
+    },
+    peripheralName: {
+        fontSize: 16,
+        textAlign: 'center',
+        padding: 10,
+    },
+    rssi: {
+        fontSize: 12,
+        textAlign: 'center',
+        padding: 2,
+    },
+    peripheralId: {
+        fontSize: 12,
+        textAlign: 'center',
+        padding: 2,
+        paddingBottom: 20,
+    },
+    row: {
+        marginLeft: 10,
+        marginRight: 10,
+        borderRadius: 20,
+        ...boxShadow,
+        alignItems: 'center'
+    },
+    noPeripherals: {
+        margin: 10,
+        textAlign: 'center',
+        color: Colors.white,
+    },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+>[!TIP] 因本库需要两台手机去进行对端扫描和连接，所以两台手机各装一个har包编译（`ble_managerGatt.har` 和 `ble_managerServers.har`）
+
+第一台手机：`ble_managerGatt.har`
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+     "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_managerGatt.har"，
+  }
+```
+
+第二台手机：`ble_managerServers.har`
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+     "@react-native-oh-tpl/react-native-ble-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-manager/harmony/ble_managerServers.har"，
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 BlePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { BlePackage } from '@react-native-oh-tpl/react-native-ble-manager/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new BlePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases)
+
+### 权限要求
+
+- 由于此库涉及蓝牙系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
+
+- 此库部分功能与接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH。
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                         | Description                                                  | Required | Platform    | HarmonyOS Support |
+| -------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| start                                        | Init the module. Returns a `Promise` object. Don’t call this multiple times. | No       | IOS/Android | Yes               |
+| scan                                         | Scan for available peripherals                               | No       | IOS/Android | Yes               |
+| stopScan                                     | Stop the scanning                                            | No       | IOS/Android | yes               |
+| connect                                      | Attempts to connect to a peripheral. In many case if you can’t connect you have to scan for the peripheral before | No       | IOS/Android | Yes               |
+| disconnect                                   | Disconnect from a peripheral                                 | No       | IOS/Android | Yes               |
+| enableBluetooth                              | Create the ACTION_REQUEST_ENABLE to ask the user to activate the bluetooth | No       | Android     | Yes               |
+| checkState                                   | Force the module to check the state of the native BLE manager and trigger a BleManagerDidUpdateState event | No       | IOS/Android | Yes               |
+| readRSSI                                     | Read the current value of the RSSI                           | No       | IOS/Android | Yes               |
+| createBond                                   | Start the bonding (pairing) process with the remote device   | No       | Android     | Yes               |
+| retrieveServices                             | Retrieve the peripheral’s services and characteristics       | No       | IOS/Android | Yes               |
+| startNotification                            | Start the notification on the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| read                                         | Read the current value of the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| write                                        | Write with response to the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| readDescriptor                               | Read the current value of the specified descriptor, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| writeDescriptor                              | Write a value to the specified descriptor, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
+| requestMTU                                   | Request an MTU size used for a given connection              | No       | Android     | Yes               |
+| getConnectedPeripherals                      | Return the connected peripherals                             | No       | IOS/Android | Yes               |
+| getBondedPeripherals                         | Return the bonded peripherals                                | No       | IOS/Android | Yes               |
+| getDiscoveredPeripherals                     | Return the discovered peripherals after a scan               | No       | IOS/Android | Yes               |
+| removeBond                                   | Remove a paired device                                       | No       | Android     | No                |
+| refreshCache                                 | refreshes the peripheral’s services and characteristics cache Returns a `Promise` object. | No       | Android     | No                |
+| requestConnectionPriority                    | Request a connection parameter update                        | No       | Android     | No                |
+| startNotificationUseBuffer                   | Start the notification on the specified characteristic, you need to call `retrieveServices` method before | No       | Android     | No                |
+| removePeripheral                             | Removes a disconnected peripheral from the cached list       | No       | Android     | Yes               |
+| CompanionScan                                | Scan for companion devices                                   | No       | Android     | No                |
+| getAssociatedPeripherals                     | Retrive associated peripherals (from companion manager)      | No       | Android     | No                |
+| removeAssociatedPeripheral                   | Remove a associated peripheral                               | No       | Android     | No                |
+| setName                                      | Create the request to set the name of the bluetooth adapter  | No       | Android     | No                |
+| isScanning                                   | Checks whether the scan is in progress and return `true` or `false` | No       | IOS/Android | Yes               |
+| writeWithoutResponse                         | Write without response to the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | No                |
+| getMaximumWriteValueLengthForWithoutResponse | Return the maximum value length for WriteWithoutResponse     | No       | IOS         | No                |
+| getMaximumWriteValueLengthForWithResponse    | Return the maximum value length for WriteWithResponse        | No       | IOS         | No                |
+| isPeripheralConnected                        | Check whether a specific peripheral is connected and return `true` or `false` | No       | IOS         | Yes               |
+| supportsCompanion                            | Check if current device supports companion device manager    | No       | Android     | No                |
+| stopNotification                             | Stop the notification on the specified characteristic        | No       | IOS/Android | No                |
+
+## 遗留问题
+
+- [ ] refreshCache 用于清理和刷新蓝牙设备缓存的一部分 [issue#3](https://github.com/react-native-oh-library/react-native-ble-manager/issues/3)
+- [ ] requestConnectionPriority 用于请求蓝牙连接优先级 [issue#4](https://github.com/react-native-oh-library/react-native-ble-manager/issues/4)
+- [ ] startNotificationUseBuffer 用来启动一个带缓冲区的通知服务 [issue#6](https://github.com/react-native-oh-library/react-native-ble-manager/issues/6)
+- [ ] CompanionScan 扫描配套设备[issue#5](https://github.com/react-native-oh-library/react-native-ble-manager/issues/5)
+- [ ] getAssociatedPeripherals 检索相关外围设备（从配套管理器） [issue#7](https://github.com/react-native-oh-library/react-native-ble-manager/issues/7)
+- [ ] removeAssociatedPeripheral 移除相关外围设备  [issue#8](https://github.com/react-native-oh-library/react-native-ble-manager/issues/8)
+- [ ] setName 创建设置蓝牙适配器名称  [issue#9](https://github.com/react-native-oh-library/react-native-ble-manager/issues/9)
+- [ ] supportsCompanion 检查当前设备是否支持配套设备管理器 [issue#10](https://github.com/react-native-oh-library/react-native-ble-manager/issues/10)
+- [ ] stopNotification 停止指定特征的通知 [issue#11](https://github.com/react-native-oh-library/react-native-ble-manager/issues/11)
+- [ ] writeWithoutResponse 写入不响应指定特性 [issue#12](https://github.com/react-native-oh-library/react-native-ble-manager/issues/12)
+- [ ] removeBond 删除已配对的设备 [issue#13](https://github.com/react-native-oh-library/react-native-ble-manager/issues/13)
+- [ ] getMaximumWriteValueLengthForWithoutResponse 用于获取在不带响应的情况下可以写入的最大数据长度 [issue#14](https://github.com/react-native-oh-library/react-native-ble-manager/issues/14)
+- [ ] getMaximumWriteValueLengthForWithResponse 它用于获取在带有响应的情况下可以写入的最大数据长度  [issue#15](https://github.com/react-native-oh-library/react-native-ble-manager/issues/15)
+
+## 其他
+
+## 开源协议
+
+本项目基于[The MIT License (MIT)](https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
+
diff --git a/en/react-native-ble-plx.md b/en/react-native-ble-plx.md
new file mode 100644
index 00000000..b93aff25
--- /dev/null
+++ b/en/react-native-ble-plx.md
@@ -0,0 +1,310 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"><code>react-native-ble-plx</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/dotintent/react-native-ble-plx">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/dotintent/react-native-ble-plx/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ble-plx)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-ble-plx@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-ble-plx@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {
+  BleError,
+  BleErrorCode,
+  BleManager,
+  Device,
+  State as BluetoothState,
+  LogLevel,
+  type DeviceId,
+  type TransactionId,
+  type UUID,
+  type Characteristic,
+  type Base64,
+  type Subscription
+} from 'react-native-ble-plx'
+
+class BLEServiceInstance {
+  manager: BleManager
+  device: Device | null
+
+  constructor() {
+    this.device = null
+    this.manager = new BleManager()
+  }
+
+  scanDevices = async (onDeviceFound: (device: Device) => void, UUIDs: UUID[] | null = null) => {
+    this.manager.startDeviceScan(UUIDs, null, (error, device) => {
+      if (error) {
+        console.error(error.message)
+        this.manager.stopDeviceScan()
+        return
+      }
+      if (device) {
+        onDeviceFound(device)
+      }
+    })
+  }
+
+  connectToDevice = (deviceId: DeviceId) =>
+    new Promise<Device>((resolve, reject) => {
+      this.manager.stopDeviceScan()
+      this.manager
+        .connectToDevice(deviceId)
+        .then(device => {
+          this.device = device
+          resolve(device)
+        })
+        .catch(error => {
+          if (error.errorCode === BleErrorCode.DeviceAlreadyConnected && this.device) {
+            resolve(this.device)
+          } else {
+            console.error(error.message)
+            reject(error)
+          }
+        })
+    })
+
+  discoverAllServicesAndCharacteristicsForDevice = async () =>
+    new Promise<Device>((resolve, reject) => {
+      if (!this.device) {
+        reject(new Error(deviceNotConnectedErrorText))
+        return
+      }
+      this.manager
+        .discoverAllServicesAndCharacteristicsForDevice(this.device.id)
+        .then(device => {
+          resolve(device)
+          this.device = device
+        })
+        .catch(error => {
+          reject(error)
+        })
+    })
+
+  readCharacteristicForDevice = async (serviceUUID: UUID, characteristicUUID: UUID) =>
+    new Promise<Characteristic>((resolve, reject) => {
+      if (!this.device) {
+        reject(new Error(deviceNotConnectedErrorText))
+        return
+      }
+      this.manager
+        .readCharacteristicForDevice(this.device.id, serviceUUID, characteristicUUID)
+        .then(characteristic => {
+          resolve(characteristic)
+        })
+        .catch(error => {
+          console.error(error.message)
+        })
+    })
+
+  writeCharacteristicWithResponseForDevice = async (serviceUUID: UUID, characteristicUUID: UUID, time: Base64) => {
+    if (!this.device) {
+      console.error(deviceNotConnectedErrorText)
+      throw new Error(deviceNotConnectedErrorText)
+    }
+    return this.manager
+      .writeCharacteristicWithResponseForDevice(this.device.id, serviceUUID, characteristicUUID, time)
+      .catch(error => {
+        console.error(error.message)
+      })
+  }
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-ble-plx": "file:../../node_modules/@react-native-oh-tpl/react-native-ble-plx/harmony/rn_bleplx.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 BlePlxPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {BlePlxPackage} from '@react-native-oh-tpl/react-native-ble-plx/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new BlePlxPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)
+
+### 权限要求
+
+- 由于此库涉及蓝牙系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
+
+- 此库部分功能与接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH。
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| createClient(restoreStateIdentifier?: string)  | creat client         | void | yes | iOS/Android      | yes |
+| destroyClient()  | remove client         | Promise<void> | yes | iOS/Android      | yes |
+| cancelTransaction(transactionId: string)  | cancel transcation         | Promise<void> | yes | iOS/Android      | no |
+| setLogLevel(logLevel: string)  | set log level         | Promise<Object> | yes | iOS/Android      | no |
+| logLevel()  | show log level         | Promise<Object> | yes | iOS/Android      | no |
+| enable(transactionId: string)  | can get transaction Id       | Promise<void> | yes | iOS/Android      | yes |
+| disable(transactionId: string)  | cannot get transaction Id        | Promise<void> | yes | iOS/Android      | yes |
+| state()  | bluetooth state         | Promise<Object> | yes | iOS/Android      | yes |
+| startDeviceScan(filteredUUIDs: string[], options: Object)  | start scan device         | Promise<void>| yes | iOS/Android      | yes |
+| stopDeviceScan()  | stop scan device         | Promise<void> | yes | iOS/Android      | yes |
+| requestConnectionPriorityForDevice(deviceId: string, connectionPriority: number,transactionId: string) | request connect priority device         | Promise<Object> | yes | iOS/Android      | no |                                     
+| readRSSIForDevice(deviceId: string, transactionId: string)  | read RSSI device        | Promise<Object> | yes | iOS/Android      | yes |
+| requestMTUForDevice(deviceId: string, mtu: number, transactionId: string)  | request MTU device         | Promise<Object> | yes | iOS/Android      | yes |
+| devices(deviceIdentifiers: string[])  | identify devices         | Promise<Object[]> | yes | iOS/Android      | yes |
+| connectedDevices(serviceUUIDs: string[])  | connect devices         | Promise<Object[]> | yes | iOS/Android      | yes |
+| connectToDevice(deviceId: string, options?: Object)  | option to connect device         | Promise<Object> | yes | iOS/Android      | yes |
+| cancelDeviceConnection(deviceId: string)  | cancel device connection        | Promise<Object> | yes | iOS/Android      | yes |
+| isDeviceConnected(deviceId: string)  | connected device         | Promise<boolean> | yes | iOS/Android      | yes |
+| discoverAllServicesAndCharacteristicsForDevice(deviceId: string, transactionId: string)  | discover all device service and characteristics         | Promise<Object> | yes | iOS/Android      | yes |
+| servicesForDevice(deviceId: string)  | device service         | Promise<Object[]> | yes | iOS/Android      | yes |
+| characteristicsForDevice(deviceId: string, serviceUUID: string)  | device characteristics         | Promise<Object[]> | yes | iOS/Android      | yes |
+| characteristicsForService(serviceIdentifier: number)  | service characteristics         | Promise<Object[]> | yes | iOS/Android      | yes |
+| descriptorsForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string): Promise<Object[]>  | device descriptors         | Promise<Object[]> | yes | iOS/Android      | yes |
+| descriptorsForService(serviceIdentifier: number, characteristicUUID: string)  | service descriptors       | Promise<Object[]> | yes | iOS/Android        | yes |
+| descriptorsForCharacteristic(characteristicIdentifier: number)   |descriptors identifier device characteristic         | Promise<Object[]> | yes | iOS/Android      | yes |
+| readCharacteristicForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string, transactionId: string)  | read device characteristic         | Promise<Object> | yes | iOS/Android      | yes |
+| readCharacteristicForService(serviceIdentifier: number, characteristicUUID: string,transactionId: string)  | read  service charcteristic        | Promise<Object> | yes | iOS/Android      | yes |
+| readCharacteristic(characteristicIdentifier: number, transactionId: string)  | read identifier characteristic      | Promise<Object> | yes | iOS/Android      | yes |
+| writeCharacteristicForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string, valueBase64: string,response: boolean, transactionId: string)  | write device  characteristic      | Promise<Object> | yes | iOS/Android      | yes |
+| writeCharacteristicForService(serviceIdentifier: number, characteristicUUID: string, valueBase64: string,response: boolean, transactionId: string)  | write service characteristic       | Promise<Object> | yes | iOS/Android      | yes |
+| writeCharacteristic(characteristicIdentifier: number, valueBase64: string, response: boolean,transactionId: string)  |  write  identifier characteristic         | Promise<Object> | yes | iOS/Android      | yes |
+| monitorCharacteristicForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string,transactionId: string)  | monitor device  characteristic        | Promise<void> | yes | iOS/Android      | yes |
+| monitorCharacteristicForService(serviceIdentifier: number, characteristicUUID: string,transactionId: string)  | monitor service  characteristic         | Promise<void> | yes | iOS/Android      | yes |
+| monitorCharacteristic(characteristicIdentifier: number, transactionId: string)  | monitor identifier characteristic        | Promise<void> | yes | iOS/Android      | yes |
+| readDescriptorForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string, descriptorUUID: string,transactionId: string)  | read device descriptor      | Promise<Object> | yes | iOS/Android      | yes |
+| readDescriptorForService(serviceIdentifier: number, characteristicUUID: string, descriptorUUID: string,transactionId: string)  | read service descriptor         | Promise<Object> | yes | iOS/Android      | yes |
+| readDescriptorForCharacteristic(characteristicIdentifier: number, descriptorUUID: string,transactionId: string)  | read identifier characteristic descriptor          | Promise<Object> | yes | iOS/Android      | yes |
+| readDescriptor(descriptorIdentifier: number, transactionId: string)  | read identifier descriptor         | Promise<Object> | yes | iOS/Android      | yes |
+| writeDescriptorForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string, descriptorUUID: string,valueBase64: string, transactionId: string)  | write device descriptor        | Promise<Object> | yes | iOS/Android      | yes |
+| writeDescriptorForService(serviceIdentifier: number, characteristicUUID: string, descriptorUUID: string,valueBase64: string, transactionId: string)  | write service descriptor         | Promise<Object> | yes | iOS/Android      | yes |
+| writeDescriptorForCharacteristic(characteristicIdentifier: number, descriptorUUID: string, valueBase64: string,transactionId: string)  | write identifier characteristic descriptor          | Promise<Object> | yes | iOS/Android      | yes |
+| writeDescriptor(descriptorIdentifier: number, valueBase64: string, transactionId: string)  | write identifier descriptor        | Promise<Object> | yes | iOS/Android      | yes |
+
+## 遗留问题
+
+- [ ] cancelTransaction(transactionId: string)接口harmony暂不支持: [issue#2](https://github.com/react-native-oh-library/react-native-ble-plx/issues/2)
+- [ ] setLogLevel(logLevel: string)接口harmony暂不支持: [issue#3](https://github.com/react-native-oh-library/react-native-ble-plx/issues/3)
+- [ ] logLevel()接口harmony暂不支持: [issue#4](https://github.com/react-native-oh-library/react-native-ble-plx/issues/4)
+- [ ] requestConnectionPriorityForDevice(deviceId: string, connectionPriority: number,transactionId: string)接口harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-ble-plx/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/dotintent/react-native-ble-plx/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-blob-util.md b/en/react-native-blob-util.md
new file mode 100644
index 00000000..7ce24a58
--- /dev/null
+++ b/en/react-native-blob-util.md
@@ -0,0 +1,610 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-blob-util</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/RonRadtke/react-native-blob-util">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blob-util)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-blob-util@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-blob-util@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import {
+  ScrollView,
+  StyleSheet,
+  Button,
+  View,
+  Text,
+  NativeEventEmitter,
+} from "react-native";
+import ReactNativeBlobUtil from "react-native-blob-util";
+
+export default function BlobUtilDemo() {
+  const [result, setResult] = useState < string | null > (null);
+  const [mkdirParam, setMkdirParam] = useState("");
+
+  const createFile = async () => {
+    await ReactNativeBlobUtil.fs.createFile(
+      result + "/text.txt",
+      "123456",
+      "utf8"
+    );
+  };
+
+  const ls = async () => {
+    await ReactNativeBlobUtil.fs.ls(ReactNativeBlobUtil.fs.dirs.CacheDir);
+  };
+
+  const createFileASCII = async () => {
+    await ReactNativeBlobUtil.fs.createFile(
+      result + "/text.txt",
+      [102, 111, 111],
+      "ascii"
+    );
+  };
+
+  const unlink = () => {
+    ReactNativeBlobUtil.fs.unlink(result + "/text.txt");
+  };
+
+  const getConstants = () => {
+    let obj = ReactNativeBlobUtil.fs.dirs.CacheDir;
+    setResult(obj);
+  };
+
+  const writeFile = () => {
+    ReactNativeBlobUtil.fs.writeFile(
+      result + "/text.txt",
+      "Try to write str",
+      "utf8"
+    );
+  };
+
+  const writeStream = () => {
+    ReactNativeBlobUtil.fs.writeStream(result + "/text.txt", "utf8", false);
+  };
+
+  const writeArrayChunk = () => {
+    ReactNativeBlobUtil.fs
+      .writeStream(result + "/text.txt", "ascii", false)
+      .then((reactNativeBlobUtilWriteStream) => {
+        reactNativeBlobUtilWriteStream.encoding = "ascii";
+        reactNativeBlobUtilWriteStream.write(["101", "32", "97"]);
+      });
+  };
+
+  const writeChunk = () => {
+    ReactNativeBlobUtil.fs
+      .writeStream(result + "/text.txt", "utf8", false)
+      .then((reactNativeBlobUtilWriteStream) => {
+        reactNativeBlobUtilWriteStream.write("Zm9vIChXcml0ZSBCYXNlNjQpMQ==");
+      });
+  };
+
+  const closeStream = () => {
+    ReactNativeBlobUtil.fs
+      .writeStream(result + "/text.txt", "utf8", false)
+      .then((reactNativeBlobUtilWriteStream) => {
+        setTimeout(() => {
+          reactNativeBlobUtilWriteStream.close();
+        }, 1000);
+      });
+  };
+  const readStream = () => {
+    ReactNativeBlobUtil.fs.readStream(result + "/text.txt", "utf8", 4000, 200);
+  };
+
+  const mkdir = () => {
+    ReactNativeBlobUtil.fs.mkdir(
+      ReactNativeBlobUtil.fs.dirs.DocumentDir + "/" + mkdirParam
+    );
+  };
+
+  const stat = () => {
+    ReactNativeBlobUtil.fs.stat(result + "/text.txt");
+  };
+
+  const copyFileToCache = () => {
+    ReactNativeBlobUtil.fs.cp(result + "/text.txt", result + "/text1.txt");
+  };
+
+  const writeFileArray = () => {
+    ReactNativeBlobUtil.fs.writeFile(
+      result + "/text.txt",
+      [102, 111, 111],
+      "ascii"
+    );
+  };
+
+  const exists = () => {
+    ReactNativeBlobUtil.fs.exists(result + "/text.txt");
+  };
+
+  const lstat = () => {
+    ReactNativeBlobUtil.fs.lstat(result + "/text.txt");
+  };
+
+  const mv = () => {
+    ReactNativeBlobUtil.fs.mv(result + "/text.txt", result + "/text1.txt");
+  };
+
+  const hash = () => {
+    ReactNativeBlobUtil.fs.hash(result + "/text.txt", "md5");
+  };
+
+  const readFile = () => {
+    ReactNativeBlobUtil.fs.readFile(result + "/text.txt", "utf8", 4000);
+  };
+
+  const slice = () => {
+    ReactNativeBlobUtil.fs.slice(
+      result + "/text.txt",
+      result + "/text1.txt",
+      2,
+      5
+    );
+  };
+
+  const df = () => {
+    ReactNativeBlobUtil.fs.df();
+  };
+
+  const addListener = () => {
+    let obj = "addListener是空实现";
+    setResult(obj);
+  };
+
+  const removeListeners = () => {
+    let obj = "removeListeners是空实现";
+    setResult(obj);
+  };
+
+  const emitExpiredEvent = () => {
+    let obj = "emitExpiredEvent是空实现,三方库没有调用";
+    setResult(obj);
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.titleArea}>
+        <Text style={styles.title}>BlobUtil</Text>
+      </View>
+      <View style={styles.inputArea}>
+        <Text style={styles.baseText}>{result}</Text>
+      </View>
+      <ScrollView style={styles.scrollView}>
+        <View style={{ flexDirection: "column" }}>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.getConstants()</Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={getConstants}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.createFile()</Text>
+            <Button title="运行" color="#841584" onPress={createFile}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.unlink()</Text>
+            <Button title="运行" color="#841584" onPress={unlink}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.copyFileToCache()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={copyFileToCache}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.writeFile()</Text>
+            <Button title="运行" color="#841584" onPress={writeFile}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.stat()</Text>
+            <Button title="运行" color="#841584" onPress={stat}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.mkdir()</Text>
+            <Button title="运行" color="#841584" onPress={mkdir}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.writeStream()</Text>
+            <Button title="运行" color="#841584" onPress={writeStream}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.ls()</Text>
+            <Button title="运行" color="#841584" onPress={ls}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.createFileASCII()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={createFileASCII}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.writeFileArray()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={writeFileArray}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.exists()</Text>
+            <Button title="运行" color="#841584" onPress={exists}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.lstat()</Text>
+            <Button title="运行" color="#841584" onPress={lstat}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.hash()</Text>
+            <Button title="运行" color="#841584" onPress={hash}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.readFile()</Text>
+            <Button title="运行" color="#841584" onPress={readFile}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.slice()</Text>
+            <Button title="运行" color="#841584" onPress={slice}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.df()</Text>
+            <Button title="运行" color="#841584" onPress={df}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.closeStream()</Text>
+            <Button title="运行" color="#841584" onPress={closeStream}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.writeArrayChunk()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={writeArrayChunk}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.writeChunk()</Text>
+            <Button title="运行" color="#841584" onPress={writeChunk}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.readStream()</Text>
+            <Button title="运行" color="#841584" onPress={readStream}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.mv()</Text>
+            <Button title="运行" color="#841584" onPress={mv}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>addListener()</Text>
+            <Button title="运行" color="#841584" onPress={addListener}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>removeListeners()</Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={removeListeners}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>emitExpiredEvent()</Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={emitExpiredEvent}
+            ></Button>
+          </View>
+        </View>
+      </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    height: "100%",
+    flexDirection: "column",
+    alignItems: "center",
+    backgroundColor: "#F1F3F5",
+  },
+  baseText: {
+    width: "100%",
+    height: "100%",
+    fontWeight: "bold",
+    textAlign: "center",
+    fontSize: 16,
+    ellipsizeMode: "tail",
+    numberOfLines: 2,
+  },
+  titleArea: {
+    width: "90%",
+    height: "8%",
+    alignItems: "center",
+    flexDirection: "row",
+  },
+  title: {
+    width: "90%",
+    color: "#000000",
+    textAlign: "left",
+    fontSize: 30,
+  },
+  scrollView: {
+    width: "90%",
+    marginHorizontal: 10,
+  },
+
+  inputArea: {
+    width: "90%",
+    height: "10%",
+    borderWidth: 2,
+    borderColor: "#000000",
+    marginTop: 8,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  baseArea: {
+    width: "100%",
+    height: 60,
+    borderRadius: 4,
+    borderColor: "#000000",
+    marginTop: 6,
+    backgroundColor: "#FFFFFF",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8,
+    paddingRight: 8,
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+     "@react-native-oh-tpl/react-native-blob-util": "file:../../node_modules/@react-native-oh-tpl/react-native-blob-util/harmony/blobUtil.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 BlobUtilPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {BlobUtilPackage} from '@react-native-oh-tpl/react-native-blob-util/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new BlobUtilPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Fetch API
+
+##### ReactNativeBlobUtil.fetch
+
+| Name    | Description|Type | Required | Platform    | HarmonyOS Support |
+| ------- | --------|--- | -------- | ----------- | ----------------- |
+| progress | 进度   | Function    | No       | iOS/Android | yes                |
+| uploadProgress | 上传进度  | Function        | No       | iOS/Android | yes                |
+| cancel | 取消   | Function       | No       | iOS/Android | yes                |
+
+
+
+#### Android API
+
+##### ReactNativeBlobUtil.android
+
+|        Name         | Description| Type   | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------|----: | :------: | :------: | :---------------: |
+|  actionViewIntent   | 动作视图意图| Function  |    No    | Android  |        No         |
+|  getContentIntent   | 获取内容意图| Function  |    No    | Android  |        No         |
+| addCompleteDownload | 添加完整下载| Function  |    No    | Android  |        No         |
+
+#### File System Access API
+
+##### ReactNativeBlobUtil.fs
+
+|    Name     |            Description  | Type             | Required |  Platform   | HarmonyOS Support |
+| :---------: | :---------------------| -----------: | :------: | :---------: | :---------------: |
+|    dirs     |                目录 | Function               |    NO    | iOS/Android |        yes        |
+| createFile  |              创建文件 | Function             |    NO    | iOS/Android |        yes        |
+|  writeFile  |               写文件   | Function            |    NO    | iOS/Android |        yes        |
+| writeStream |                写流    | Function            |    NO    | iOS/Android |        yes        |
+| appendFile  |              追加文件   | Function           |    NO    | iOS/Android |        yes        |
+|  readFile   |              读取文件  | Function            |    NO    | iOS/Android |        yes        |
+|    hash     |                哈希   | Function             |    NO    | iOS/Android |        yes        |
+| readStream  |                读流    | Function            |    NO    | iOS/Android |        yes        |
+|    mkdir    |              创建目录   | Function           |    NO    | iOS/Android |        yes        |
+|     ls      |        查看当下的文件和目录| Function        |    NO    | iOS/Android |        yes        |
+|     mv      |            移动文件位置  | Function          |    NO    | iOS/Android |        yes        |
+|     cp      |              复制文件   | Function           |    NO    | iOS/Android |        yes        |
+|   exists    |          检查文件是否存在 | Function         |    NO    | iOS/Android |        yes        |
+|    isDir    |             是否是目录  | Function           |    NO    | iOS/Android |        yes        |
+|   unlink    |              删除文件   | Function           |    NO    | iOS/Android |        yes        |
+|    lstat    |      获取目录下文件的统计数据 | Function     |    NO    | iOS/Android |        yes        |
+|    stat     |   类似地获取数据或目录的统计信息| Function   |    NO    | iOS/Android |        yes        |
+|  scanFile   |              扫描文件    | Function          |    NO    |   Android   |        no         |
+|    asset    |                资产      | Function          |    NO    | iOS/Android |        yes        |
+|     df      | 获取设备的可用磁盘空间和总磁盘空间| Function |    NO    | iOS/Android |        yes        |
+
+#### iOS API
+
+#### ReactNativeBlobUtil.ios
+
+| Name            | Description      | Type                      | Required | Platform | HarmonyOS Support |
+| --------------- | ----------------------| ---------------- | -------- | -------- | ----------------- |
+| previewDocument | 文档查看器--需要系统权限  | Function             | No       | iOS      | yes                |
+| openDocument    | 显示与文件交互的选项菜单--需要系统权限| Function | No       | iOS      | yes                |
+
+#### Network Utils
+
+##### ReactNativeBlobUtil.net
+
+| Name          | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------- | ---| ----- | ----------- | ----------------- |
+| getCookies    | 获取 cookie| Function | No       | iOS/Android | no                |
+| removeCookies | 删除 cookie| Function | No       | iOS/Android | no               |
+
+#### Session API
+
+##### ReactNativeBlobUtil.session
+
+| Name    | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | --| ------ | ----------- | ----------------- |
+| add | 向此会话添加文件路径   | Function     | No       | iOS/Android | yes                |
+| remove | 从此会话中删除会话条目而不删除文件  | Function      | No       | iOS/Android | yes                |
+| list | 返回包含此会话中的文件路径的数组   | Function     | No       | iOS/Android | yes                |
+| dispose | 删除会话中的所有文件  | Function      | No       | iOS/Android | yes                |
+
+#### MediaStore(Android Media Storage)
+
+##### ReactNativeBlobUtil.MediaCollection
+
+| Name             | Description | Type   | Required | Platform | HarmonyOS Support |
+| ---------------- | --------| ------ | -------- | -------- | ----------------- |
+| CopyToMediaStore | 复制到媒体存储| Function | No       | Android  | no                |
+| createMediaFile  | 创建媒体文件| Function   | No       | Android  | no                |
+| writeMediaFile   | 写媒体文件 | Function    | No       | Android  | no                |
+| copyToInternal   | 复制到内部 | Function    | No       | Android  | no                |
+
+#### Utils API
+
+| Name   | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------ | ----------- | ---| ----- | ----------- | ----------------- |
+| wrap   |  使文件路径可以被识别| Function           | No       | iOS/Android | yes                |
+| base64 |   使用base64编码解码| Function          | No       | iOS/Android | yes                |
+| session |  用于管理缓存文件 | Function          | No       | iOS/Android | yes                |
+
+## 遗留问题
+ - [ ] blob-util在使用getCookies、removeCookies	在Android、iOS、Harmony OS 上使用都会报错: [issue#381](https://github.com/RonRadtke/react-native-blob-util/issues/381)
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git "a/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md" "b/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
new file mode 100644
index 00000000..78861a58
--- /dev/null
+++ "b/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
@@ -0,0 +1,654 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-blob-util</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/RonRadtke/react-native-blob-util">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blob-util)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-blob-util@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-blob-util@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import {
+  ScrollView,
+  StyleSheet,
+  Button,
+  View,
+  Text,
+  NativeEventEmitter,
+} from "react-native";
+import ReactNativeBlobUtil from "react-native-blob-util";
+
+export default function BlobUtilDemo() {
+  const [result, setResult] = (useState < string) | (null > null);
+  const [mkdirParam, setMkdirParam] = useState("");
+
+  const createFile = async () => {
+    await ReactNativeBlobUtil.fs.createFile(
+      result + "/text.txt",
+      "123456",
+      "utf8"
+    );
+  };
+
+  const ls = async () => {
+    await ReactNativeBlobUtil.fs.ls(ReactNativeBlobUtil.fs.dirs.CacheDir);
+  };
+
+  const createFileASCII = async () => {
+    await ReactNativeBlobUtil.fs.createFile(
+      result + "/text.txt",
+      [102, 111, 111],
+      "ascii"
+    );
+  };
+
+  const unlink = () => {
+    ReactNativeBlobUtil.fs.unlink(result + "/text.txt");
+  };
+
+  const getConstants = () => {
+    let obj = ReactNativeBlobUtil.fs.dirs.CacheDir;
+    setResult(obj);
+  };
+
+  const writeFile = () => {
+    ReactNativeBlobUtil.fs.writeFile(
+      result + "/text.txt",
+      "Try to write str",
+      "utf8"
+    );
+  };
+
+  const writeStream = () => {
+    ReactNativeBlobUtil.fs.writeStream(result + "/text.txt", "utf8", false);
+  };
+
+  const writeArrayChunk = () => {
+    ReactNativeBlobUtil.fs
+      .writeStream(result + "/text.txt", "ascii", false)
+      .then((reactNativeBlobUtilWriteStream) => {
+        reactNativeBlobUtilWriteStream.encoding = "ascii";
+        reactNativeBlobUtilWriteStream.write(["101", "32", "97"]);
+      });
+  };
+
+  const writeChunk = () => {
+    ReactNativeBlobUtil.fs
+      .writeStream(result + "/text.txt", "utf8", false)
+      .then((reactNativeBlobUtilWriteStream) => {
+        reactNativeBlobUtilWriteStream.write("Zm9vIChXcml0ZSBCYXNlNjQpMQ==");
+      });
+  };
+
+  const closeStream = () => {
+    ReactNativeBlobUtil.fs
+      .writeStream(result + "/text.txt", "utf8", false)
+      .then((reactNativeBlobUtilWriteStream) => {
+        setTimeout(() => {
+          reactNativeBlobUtilWriteStream.close();
+        }, 1000);
+      });
+  };
+  const readStream = () => {
+    ReactNativeBlobUtil.fs.readStream(result + "/text.txt", "utf8", 4000, 200);
+  };
+
+  const mkdir = () => {
+    ReactNativeBlobUtil.fs.mkdir(
+      ReactNativeBlobUtil.fs.dirs.DocumentDir + "/" + mkdirParam
+    );
+  };
+
+  const stat = () => {
+    ReactNativeBlobUtil.fs.stat(result + "/text.txt");
+  };
+
+  const copyFileToCache = () => {
+    ReactNativeBlobUtil.fs.cp(result + "/text.txt", result + "/text1.txt");
+  };
+
+  const writeFileArray = () => {
+    ReactNativeBlobUtil.fs.writeFile(
+      result + "/text.txt",
+      [102, 111, 111],
+      "ascii"
+    );
+  };
+
+  const exists = () => {
+    ReactNativeBlobUtil.fs.exists(result + "/text.txt");
+  };
+
+  const lstat = () => {
+    ReactNativeBlobUtil.fs.lstat(result + "/text.txt");
+  };
+
+  const mv = () => {
+    ReactNativeBlobUtil.fs.mv(result + "/text.txt", result + "/text1.txt");
+  };
+
+  const hash = () => {
+    ReactNativeBlobUtil.fs.hash(result + "/text.txt", "md5");
+  };
+
+  const readFile = () => {
+    ReactNativeBlobUtil.fs.readFile(result + "/text.txt", "utf8", 4000);
+  };
+
+  const slice = () => {
+    ReactNativeBlobUtil.fs.slice(
+      result + "/text.txt",
+      result + "/text1.txt",
+      2,
+      5
+    );
+  };
+
+  const df = () => {
+    ReactNativeBlobUtil.fs.df();
+  };
+
+  const addListener = () => {
+    let obj = "addListener是空实现";
+    setResult(obj);
+  };
+
+  const removeListeners = () => {
+    let obj = "removeListeners是空实现";
+    setResult(obj);
+  };
+
+  const emitExpiredEvent = () => {
+    let obj = "emitExpiredEvent是空实现,三方库没有调用";
+    setResult(obj);
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.titleArea}>
+        <Text style={styles.title}>BlobUtil</Text>
+      </View>
+      <View style={styles.inputArea}>
+        <Text style={styles.baseText}>{result}</Text>
+      </View>
+      <ScrollView style={styles.scrollView}>
+        <View style={{ flexDirection: "column" }}>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.getConstants()</Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={getConstants}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.createFile()</Text>
+            <Button title="运行" color="#841584" onPress={createFile}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.unlink()</Text>
+            <Button title="运行" color="#841584" onPress={unlink}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.copyFileToCache()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={copyFileToCache}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.writeFile()</Text>
+            <Button title="运行" color="#841584" onPress={writeFile}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.stat()</Text>
+            <Button title="运行" color="#841584" onPress={stat}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.mkdir()</Text>
+            <Button title="运行" color="#841584" onPress={mkdir}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.writeStream()</Text>
+            <Button title="运行" color="#841584" onPress={writeStream}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.ls()</Text>
+            <Button title="运行" color="#841584" onPress={ls}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.createFileASCII()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={createFileASCII}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.writeFileArray()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={writeFileArray}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.exists()</Text>
+            <Button title="运行" color="#841584" onPress={exists}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.lstat()</Text>
+            <Button title="运行" color="#841584" onPress={lstat}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.hash()</Text>
+            <Button title="运行" color="#841584" onPress={hash}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.readFile()</Text>
+            <Button title="运行" color="#841584" onPress={readFile}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.slice()</Text>
+            <Button title="运行" color="#841584" onPress={slice}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.df()</Text>
+            <Button title="运行" color="#841584" onPress={df}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.closeStream()</Text>
+            <Button title="运行" color="#841584" onPress={closeStream}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>
+              BlobUtilTurboModule.writeArrayChunk()
+            </Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={writeArrayChunk}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.writeChunk()</Text>
+            <Button title="运行" color="#841584" onPress={writeChunk}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.readStream()</Text>
+            <Button title="运行" color="#841584" onPress={readStream}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>BlobUtilTurboModule.mv()</Text>
+            <Button title="运行" color="#841584" onPress={mv}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>addListener()</Text>
+            <Button title="运行" color="#841584" onPress={addListener}></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>removeListeners()</Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={removeListeners}
+            ></Button>
+          </View>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>emitExpiredEvent()</Text>
+            <Button
+              title="运行"
+              color="#841584"
+              onPress={emitExpiredEvent}
+            ></Button>
+          </View>
+        </View>
+      </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    height: "100%",
+    flexDirection: "column",
+    alignItems: "center",
+    backgroundColor: "#F1F3F5",
+  },
+  baseText: {
+    width: "100%",
+    height: "100%",
+    fontWeight: "bold",
+    textAlign: "center",
+    fontSize: 16,
+    ellipsizeMode: "tail",
+    numberOfLines: 2,
+  },
+  titleArea: {
+    width: "90%",
+    height: "8%",
+    alignItems: "center",
+    flexDirection: "row",
+  },
+  title: {
+    width: "90%",
+    color: "#000000",
+    textAlign: "left",
+    fontSize: 30,
+  },
+  scrollView: {
+    width: "90%",
+    marginHorizontal: 10,
+  },
+
+  inputArea: {
+    width: "90%",
+    height: "10%",
+    borderWidth: 2,
+    borderColor: "#000000",
+    marginTop: 8,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  baseArea: {
+    width: "100%",
+    height: 60,
+    borderRadius: 4,
+    borderColor: "#000000",
+    marginTop: 6,
+    backgroundColor: "#FFFFFF",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8,
+    paddingRight: 8,
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+     "@react-native-oh-tpl/react-native-blob-util": "file:../../node_modules/@react-native-oh-tpl/react-native-blob-util/harmony/blobUtil.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.配置 CMakeLists 和引入 BlobUtilPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: rnoh_blob_util
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-blob-util/src/main/cpp" ./blob-util)
+# RNOH_END: rnoh_blob_util
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: rnoh_blob_util
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_blob_util)
+# RNOH_END: rnoh_blob_util
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "BlobUtilPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<BlobUtilPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 BlobUtilPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {BlobUtilPackage} from '@react-native-oh-tpl/react-native-blob-util/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new BlobUtilPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### Android API
+
+##### ReactNativeBlobUtil.android
+
+|        Name         | Description  | Required | Platform | HarmonyOS Support |
+| :-----------------: | :----------: | :------: | :------: | :---------------: |
+|  actionViewIntent   | 动作视图意图 |    No    | Android  |        No         |
+|  getContentIntent   | 获取内容意图 |    No    | Android  |        No         |
+| addCompleteDownload | 添加完整下载 |    No    | Android  |        No         |
+
+#### File System Access API
+
+##### ReactNativeBlobUtil.fs
+
+|    Name     |            Description             | Required |  Platform   | HarmonyOS Support |
+| :---------: | :--------------------------------: | :------: | :---------: | :---------------: |
+|    dirs     |                目录                |    NO    | iOS/Android |        Yes        |
+| createFile  |              创建文件              |    NO    | iOS/Android |        Yes        |
+|  writeFile  |               写文件               |    NO    | iOS/Android |        Yes        |
+| writeStream |                写流                |    NO    | iOS/Android |        Yes        |
+| appendFile  |              追加文件              |    NO    | iOS/Android |        Yes        |
+|  readFile   |              读取文件              |    NO    | iOS/Android |        Yes        |
+|    hash     |                哈希                |    NO    | iOS/Android |        Yes        |
+| readStream  |                读流                |    NO    | iOS/Android |        Yes        |
+|    mkdir    |              创建目录              |    NO    | iOS/Android |        Yes        |
+|     ls      |        查看当下的文件和目录        |    NO    | iOS/Android |        Yes        |
+|     mv      |            移动文件位置            |    NO    | iOS/Android |        Yes        |
+|     cp      |              复制文件              |    NO    | iOS/Android |        Yes        |
+|   exists    |          检查文件是否存在          |    NO    | iOS/Android |        Yes        |
+|    isDir    |             是否是目录             |    NO    | iOS/Android |        Yes        |
+|   unlink    |              删除文件              |    NO    | iOS/Android |        Yes        |
+|    lstat    |      获取目录下文件的统计数据      |    NO    | iOS/Android |        Yes        |
+|    stat     |   类似地获取数据或目录的统计信息   |    NO    | iOS/Android |        Yes        |
+|  scanFile   |              扫描文件              |    NO    |   Android   |        No         |
+|    asset    |                资产                |    NO    | iOS/Android |        Yes        |
+|     df      | 获取设备的可用磁盘空间和总磁盘空间 |    NO    | iOS/Android |        Yes        |
+
+#### iOS API
+
+#### ReactNativeBlobUtil.ios
+
+| Name            | Description                            | Required | Platform | HarmonyOS Support |
+| --------------- | -------------------------------------- | -------- | -------- | ----------------- |
+| previewDocument | 文档查看器--需要系统权限               | No       | iOS      | No                |
+| openDocument    | 显示与文件交互的选项菜单--需要系统权限 | No       | iOS      | No                |
+
+#### Network Utils
+
+##### ReactNativeBlobUtil.net
+
+| Name          | Description | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------- | -------- | ----------- | ----------------- |
+| getCookies    | 获取 cookie | No       | iOS/Android | No                |
+| removeCookies | 删除 cookie | No       | iOS/Android | No                |
+
+#### Session API
+
+##### ReactNativeBlobUtil.session
+
+| Name    | Description | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | -------- | ----------- | ----------------- |
+| session | 会话        | No       | iOS/Android | No                |
+
+#### MediaStore(Android Media Storage)
+
+##### ReactNativeBlobUtil.MediaCollection
+
+| Name             | Description    | Required | Platform | HarmonyOS Support |
+| ---------------- | -------------- | -------- | -------- | ----------------- |
+| CopyToMediaStore | 复制到媒体存储 | No       | Android  | No                |
+| createMediaFile  | 创建媒体文件   | No       | Android  | No                |
+| writeMediaFile   | 写媒体文件     | No       | Android  | No                |
+| copyToInternal   | 复制到内部     | No       | Android  | No                |
+
+#### Utils API
+
+| Name   | Description | Required | Platform    | HarmonyOS Support |
+| ------ | ----------- | -------- | ----------- | ----------------- |
+| wrap   |             | No       | iOS/Android | No                |
+| base64 |             | No       | iOS/Android | No                |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-blurhash.md b/en/react-native-blurhash.md
new file mode 100644
index 00000000..df28cbdc
--- /dev/null
+++ b/en/react-native-blurhash.md
@@ -0,0 +1,442 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-blurhash</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mrousavy/react-native-blurhash">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mrousavy/react-native-blurhash/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blurhash)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-blurhash@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-blurhash@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, { useCallback, useMemo, useState } from 'react';
+import { Blurhash } from 'react-native-blurhash';
+import {
+    ActivityIndicator,
+    Alert,
+    SafeAreaView,
+    StatusBar,
+    StyleSheet,
+    Switch,
+    Text,
+    TextInput,
+    TouchableOpacity,
+    View
+} from 'react-native';
+
+const COLORS = {
+    background: '#F5FCFF',
+    statusBar: 'rgba(100, 0, 100, 0.6)',
+    textInput: 'rgba(200, 0, 100, 0.5)',
+    button: 'rgba(200, 0, 100, 0.4)',
+    switchEnabled: 'rgba(200, 0, 100, 0.5)',
+    switchDisabled: 'rgba(200, 0, 100, 0.2)',
+    switchThumb: 'white',
+    shadow: 'black',
+};
+const SWITCH_THUMB_COLORS = {
+    false: COLORS.switchDisabled,
+    true: COLORS.switchEnabled,
+};
+
+const BlurhashDemo: React.FC = (): JSX.Element => {
+
+    //#region State & Props
+    const [blurhash, setBlurhash] = useState('LHK1gsM,rzD+4-xn,vWT~q=_ixS]');
+    const [decodeAsync, setDecodeAsync] = useState(true);
+    const [encodingImageUri, setEncodingImageUri] = useState(
+        'http://gips2.baidu.com/it/u=3150002139,2124277596&fm=3028&app=3028&f=JPEG&fmt=auto?w=2048&h=2048'
+    );
+    const [isEncoding, setIsEncoding] = useState(false);
+    const [isValiding, setIsVailding] = useState(false);
+    //#endregion
+
+    //#region Memos
+    const buttonOpacity = useMemo(
+        () => (encodingImageUri.length < 5 || isEncoding ? 0.5 : 1),
+        [encodingImageUri.length, isEncoding],
+    );
+    const encodeButtonStyle = useMemo(
+        () => [styles.encodeButton, { opacity: buttonOpacity }],
+        [buttonOpacity],
+    );
+    //#endregion
+
+    //#region Callbacks
+    const onLoadStart = useCallback(() => {
+        console.log('onLoadStart called!');
+    }, []);
+    const onLoadEnd = useCallback(() => {
+        console.log('onLoadEnd called!');
+    }, []);
+    const onLoadError = useCallback((message?: string) => {
+        console.log(`onLoadError called! Message: ${message}`);
+    }, []);
+    const startEncoding = useCallback(async () => {
+        try {
+            if (encodingImageUri.length < 5) return;
+            setIsEncoding(true);
+            const _blurhash = await Blurhash.encode(encodingImageUri, 4, 3);
+            setBlurhash(_blurhash);
+            setIsEncoding(false);
+        } catch (e: any) {
+            setIsEncoding(false);
+            console.warn('Failed to encode!', e);
+            Alert.alert('Encoding error', e.message);
+        }
+    }, [encodingImageUri]);
+    const isVaild = () => {
+        console.log(blurhash);
+        const data = Blurhash.isBlurhashValid(blurhash)
+        Alert.alert("blurhash is valid? : " + data.isValid)
+        console.log(data);
+    }
+    const CCache = useCallback(() => {
+        Blurhash.clearCosineCache()
+    }, [])
+    //#endregion
+
+    return (
+        <>
+            <StatusBar backgroundColor={COLORS.statusBar} />
+            <SafeAreaView style={styles.container}>
+                <View style={styles.blurhashContainer}>
+                    <View style={styles.blurhashRadiusMask}>
+                        <Blurhash
+                            blurhash={blurhash}
+                            decodeWidth={32}
+                            decodeHeight={32}
+                            decodePunch={1}
+                            decodeAsync={decodeAsync}
+                            onLoadStart={onLoadStart}
+                            onLoadEnd={onLoadEnd}
+                            onLoadError={onLoadError}
+                            style={styles.blurhashImage}
+                            resizeMode="cover"
+                        />
+                    </View>
+                </View>
+                <TextInput
+                    value={String(blurhash)}
+                    placeholder="Blurhash"
+                    onChangeText={setBlurhash}
+                    style={styles.textInput}
+                />
+                {/* To test if `decodeAsync` really doesn't block the UI thread, you can press this Touchable and see it reacting. */}
+                <View style={styles.row}>
+                    <Text style={styles.text}>Decode Async:</Text>
+                    <Switch
+                        thumbColor={COLORS.switchThumb}
+                        trackColor={SWITCH_THUMB_COLORS}
+                        ios_backgroundColor={COLORS.switchDisabled}
+                        value={decodeAsync}
+                        onValueChange={setDecodeAsync}
+                    />
+                </View>
+                <TextInput
+                    value={encodingImageUri}
+                    placeholder="Image URL to encode"
+                    onChangeText={setEncodingImageUri}
+                    style={styles.textInput}
+                />
+                <TouchableOpacity
+                    style={encodeButtonStyle}
+                    disabled={encodingImageUri.length < 5}
+                    onPress={startEncoding}>
+                    {isEncoding ? (
+                        <ActivityIndicator color="black" />
+                    ) : (
+                        <Text>Encode</Text>
+                    )}
+                </TouchableOpacity>
+            </SafeAreaView>
+        </>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: COLORS.background,
+    },
+    blurhashContainer: {
+        shadowRadius: 3,
+        shadowColor: COLORS.shadow,
+        shadowOffset: {
+            height: 2,
+            width: 0,
+        },
+        shadowOpacity: 0.4,
+        overflow: 'visible',
+    },
+    blurhashRadiusMask: {
+        elevation: 5,
+        // borderRadius has to be applied to the parent
+        borderRadius: 5,
+        overflow: 'hidden',
+    },
+    blurhashImage: {
+        width: 300,
+        height: 200,
+        // Custom styling for width, height, scaling etc here
+    },
+    textInput: {
+        marginTop: 20,
+        borderRadius: 5,
+        borderWidth: 1,
+        borderColor: COLORS.textInput,
+        width: '70%',
+        height: 35,
+        paddingHorizontal: 20,
+        textAlign: 'center',
+    },
+    row: {
+        marginTop: 30,
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    text: {
+        fontSize: 16,
+        marginRight: 15,
+    },
+    encodeButton: {
+        height: 37,
+        width: 120,
+        marginTop: 30,
+        backgroundColor: COLORS.button,
+        borderRadius: 10,
+        paddingVertical: 10,
+        paddingHorizontal: 35,
+        justifyContent: 'center',
+    },
+});
+
+export default BlurhashDemo
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-blurhash": "file:../../node_modules/@react-native-oh-tpl/react-native-blurhash/harmony/blurhash.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 BlurhashPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules/@rnoh/react-native-openharmony/src/main/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-blurhash/src/main/cpp" ./blurhash)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_blurhash)
+# RNOH_END: manual_package_linking_2
+
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "BlurhashPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+    	std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<BlurhashPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 BlurhashPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {BlurhashPackage} from '@react-native-oh-tpl/react-native-blurhash/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new BlurhashPackage(ctx),
+  ];
+}
+
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                       | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| ------------------------------------------ | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| `blurhash`                                 | The blurhash string to use. Example: `LGFFaXYk^6#M@-5c,1J5@[or[Q6.` | string    | yes      | All      | yes               |
+| `decodeWidth?`                             | The width (resolution) to decode to. Higher values decrease performance, use `16` for large lists, otherwise you can increase it to `32`. | number    | no       | All      | yes               |
+| `decodeHeight?`                            | The height (resolution) to decode to. Higher values decrease performance, use `16` for large lists, otherwise you can increase it to `32`. | number    | no       | All      | yes               |
+| `decodePunch?`                             | Adjusts the contrast of the output image. Tweak it if you want a different look for your placeholders. | number    | no       | All      | yes               |
+| `decodeAsync?`                             | Asynchronously decode the Blurhash on a background Thread instead of the UI-Thread. | boolean   | no       | All      | yes               |
+| `resizeMode?`                              | Sets the resize mode of the image. (no, `'repeat'` is not supported.) | enum      | no       | All      | yes               |
+| `onLoadStart?: () => void`                 | A callback to call when the Blurhash started to decode the given `blurhash` string. | function  | no       | All      | yes               |
+| `onLoadEnd?: () => void`                   | A callback to call when the Blurhash successfully decoded the given `blurhash` string and rendered the image to the `<Blurhash>` view. | function  | no       | All      | yes               |
+| `onLoadError?: (message?: string) => void` | A callback to call when the Blurhash failed to load. Use the `message` parameter to get the error message. | function  | no       | All      | yes               |
+| All `View` props                           | All properties from the React Native `View`. Use `style.width` and `style.height` for display-sizes. Also, `style.borderRadius` is natively supported on iOS. | ViewProps | no       | All      | yes               |
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| encode()           | Encodes the given image URI to a blurhash string             | (imageUri: string, componentsX: number, componentsY: number)=> Promise\<string>; | no       | All      | yes               |
+| clearCosineCache() | Clears the cosine cache and frees up memory.                 | ()=> void                                                    | no       | All      | yes               |
+| getAverageColor)   | Gets the average color in a given blurhash string.           | (blurhash: string)=> RGB \|undefined;                        | no       | All      | yes               |
+| isBlurhashValid()  | Verifies if the given blurhash is valid by checking it's type, length and size flag. | (blurhash: string)=> ReturnType\<typeof isBlurhashValid>;    | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mrousavy/react-native-blurhash/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-bootsplash.md b/en/react-native-bootsplash.md
new file mode 100644
index 00000000..13643d61
--- /dev/null
+++ b/en/react-native-bootsplash.md
@@ -0,0 +1,390 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-bootsplash</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/zoontek/react-native-bootsplash">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/zoontek/react-native-bootsplash/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bootsplash)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-bootsplash@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-bootsplash@file:#
+```
+
+#### 生成配置文件
+为了加快设置速度，我们提供了一个CLI来自动生成配置、创建Android Drawable XML文件、iOS Storyboard文件和HarmonyOS Resources文件
+
+```bash
+$ npx react-native generate-bootsplash --help
+# --- or ---
+$ yarn react-native generate-bootsplash --help
+```
+
+该命令可以使用多个参数:
+
+```js
+Usage: react-native generate-bootsplash [options] <logo>
+
+Generate a launch screen using a logo file path (PNG or SVG)
+
+Options:
+  --project-type <string>     Project type ("detect", "bare" or "expo") (default: "detect")
+  --platforms <list>          Platforms to generate for, separated by a comma (default: "android,ios,web,harmony")
+  --background <string>       Background color (in hexadecimal format) (default: "#fff")
+  --logo-width <number>       Logo width at @1x (in dp - we recommend approximately ~100) (default: 100)
+  --assets-output <string>    Assets output directory path (default: "assets/bootsplash")
+  --flavor <string>           Android flavor build variant (where your resource directory is) (default: "main")
+  --html <string>             HTML template file path (your web app entry point) (default: "public/index.html")
+  --license-key <string>      License key to enable brand and dark mode assets generation
+  --brand <string>            Brand file path (PNG or SVG)
+  --brand-width <number>      Brand width at @1x (in dp - we recommend approximately ~80) (default: 80)
+  --dark-background <string>  [dark mode] Background color (in hexadecimal format)
+  --dark-logo <string>        [dark mode] Logo file path (PNG or SVG)
+  --dark-brand <string>       [dark mode] Brand file path (PNG or SVG)
+  -h, --help                  display help for command
+```
+
+命令用法示例:
+
+```bash
+# Without license key
+npx react-native generate-bootsplash svgs/light-logo.svg
+```
+
+命令执行后将创建以下文件:
+```js
+# Without license key
+android/app/src/main/res/drawable-mdpi/bootsplash_logo.png
+android/app/src/main/res/drawable-hdpi/bootsplash_logo.png
+android/app/src/main/res/drawable-xhdpi/bootsplash_logo.png
+android/app/src/main/res/drawable-xxhdpi/bootsplash_logo.png
+android/app/src/main/res/drawable-xxxhdpi/bootsplash_logo.png
+android/app/src/main/AndroidManifest.xml
+android/app/src/main/res/values/colors.xml
+android/app/src/main/res/values/styles.xml
+
+ios/YourApp/BootSplash.storyboard
+ios/YourApp/Colors.xcassets/BootSplashBackground-<hash>.colorset/Contents.json
+ios/YourApp/Images.xcassets/BootSplashLogo-<hash>.imageset/Contents.json
+ios/YourApp/Images.xcassets/BootSplashLogo-<hash>.imageset/logo-<hash>.png
+ios/YourApp/Images.xcassets/BootSplashLogo-<hash>.imageset/logo-<hash>@2x.png
+ios/YourApp/Images.xcassets/BootSplashLogo-<hash>.imageset/logo-<hash>@3x.png
+ios/YourApp/Info.plist
+ios/YourApp.xcodeproj/project.pbxproj
+
+harmony/entry/src/main/resources/base/media/bootsplash_logo.png
+harmony/entry/src/main/resources/base/element/color.json
+harmony/entry/src/main/module.json5
+
+public/index.html
+
+assets/bootsplash/manifest.json
+assets/bootsplash/logo.png
+assets/bootsplash/logo@1,5x.png
+assets/bootsplash/logo@2x.png
+assets/bootsplash/logo@3x.png
+assets/bootsplash/logo@4x.png
+```
+
+编辑您的启动Ability文件, 它通常是配置在entry模块module.json5中abilities属性中配置的第一个abilitie:
+
+```diff
++ import { window } from '@kit.ArkUI';
++ import { RNBootSplashScreen } from '@react-native-oh-tpl/react-native-bootsplash/src/main/ets/RNBootSplashScreen';
+
+export default class EntryAbility extends RNAbility {
++  onWindowStageCreate(windowStage: window.WindowStage) {
++     RNBootSplashScreen.init(this.context, windowStage).then(() => {
++       super.onWindowStageCreate(windowStage);
++     })
++  }
+
+  ...
+}
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 示例中logo参数使用了本地图片资源，可以到[react-native-boot-splash demo](https://github.com/react-native-oh-library/RNOHDCS/tree/main/react-native-boot-splash/source)获取该图片
+
+```js
+import { useState , useEffect} from "react";
+import { Animated, View, Text, Dimensions, Platform, StatusBar, StyleSheet } from "react-native";
+import BootSplash from "react-native-bootsplash";
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
+  },
+  text: {
+    fontSize: 30,
+    fontWeight: "700",
+    margin: 20,
+    lineHeight: 30,
+    color: "#333",
+    textAlign: "center",
+  },
+});
+
+type Props = {
+  onAnimationEnd: () => void;
+};
+
+export const AnimatedBootSplash = ({ onAnimationEnd }: Props) => {
+  const [opacity] = useState(() => new Animated.Value(1));
+  const [translateY] = useState(() => new Animated.Value(0));
+
+  const { container, logo /*, brand */ } = BootSplash.useHideAnimation({
+    manifest: require("../source/bootsplash_manifest.json"),
+    logo: require("../source/bootsplash_logo.png"),
+    statusBarTranslucent: true,
+    navigationBarTranslucent: false,
+
+    animate: () => {
+      const { height } = Dimensions.get("window");
+      Animated.stagger(250, [
+        Animated.spring(translateY, {
+          useNativeDriver: true,
+          toValue: -50,
+        }),
+        Animated.spring(translateY, {
+          useNativeDriver: true,
+          toValue: height,
+        }),
+      ]).start();
+      Animated.timing(opacity, {
+        useNativeDriver: true,
+        toValue: 0,
+        duration: 150,
+        delay: 350,
+      }).start(() => {
+        onAnimationEnd();
+      });
+    },
+  });
+
+  return (
+    <Animated.View {...container} style={[container.style, { opacity }]}>
+      <Animated.Image
+        {...logo}
+        style={[logo.style, { transform: [{ translateY }] }]}
+      />
+    </Animated.View>
+  );
+};
+
+const App = () => {
+  const [visible, setVisible] = useState(true);
+
+  useEffect(() => {
+    StatusBar.setBarStyle("dark-content");
+  }, []);
+
+  return (
+    <>
+      <View style={styles.container}>
+        <Text style={styles.text}>Hello World</Text>
+        {visible && (
+          <AnimatedBootSplash
+            onAnimationEnd={() => {
+              BootSplash.isVisible();
+              console.log("--------++++AnimationEnd")
+              setVisible(false);
+            }}
+          />
+        )}
+      </View>
+    </>
+  );
+};
+
+export default App;
+```
+
+```json
+// bootsplash_manifest.json
+{
+  "background": "#F5FCFF",
+  "logo": {
+    "width": 300,
+    "height": 89
+  }
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-bootsplash": "file:../../node_modules/@react-native-oh-tpl/react-native-bootsplash/harmony/boot_splash.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNBootSplashPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNBootSplashPackage } from '@react-native-oh-tpl/react-native-bootsplash/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNBootSplashPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                                                  | Type     | Required | Platform     | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| hide             | Hide the splash screen.                            | function | no       | Android、IOS | yes               |
+| isVisible        | Return the current visibility status of the native splash screen. | function | no       | Android、IOS | yes               |
+| useHideAnimation     | A hook to easily create a custom hide animation by animating all splash screen elements using Animated, react-native-reanimated or else (similar as the video on top of this documentation).                          | function | no       | Android、IOS | yes               |
+
+### hide
+
+```js
+type hide = (config?: { fade?: boolean }) => Promise<void>;
+```
+
+| Name  | Description                                                | Type             | Required | Platform    | HarmonyOS Support |
+| ----- | ---------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| fade | Hide the splash screen (immediately, or with a fade out). | boolean | No      | iOS/Android | partially               |
+
+### useHideAnimation
+
+```js
+useHideAnimation(config: {UseHideAnimationConfig}) => {container: ContainerProps;logo: LogoProps;brand: BrandProps;};
+```
+
+| Name  | Description                                                | Type             | Required | Platform    | HarmonyOS Support |
+| ----- | ---------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| ready | a boolean flag to delay the animate execution (default: true) | boolean | No      | iOS/Android | partially               |
+| manifest | the manifest file is generated in your assets directory | Manifest | Yes      | iOS/Android | partially               |
+| logo | logo image in animation | ImageRequireSource | No      | iOS/Android | partially               |
+| darkLogo | logo image in animation in dark mode | ImageRequireSource | No      | iOS/Android | partially               |
+| brand | brand image in animation | ImageRequireSource | No      | iOS/Android | partially               |
+| darkBrand | brand image in animation in dark mode | ImageRequireSource | No      | iOS/Android | partially               |
+| statusBarTranslucent | sets whether the status bar is transparent | boolean | No      | iOS/Android | partially               |
+| navigationBarTranslucent | sets whether the navigation bar is transparent | boolean | No      | iOS/Android | partially               |
+| animate | custom hide animation | function | Yes      | iOS/Android | partially               |
+
+## 遗留问题
+
+- [ ] HarmonyOS的window窗口上不支持设置动画属性，hide接口fade参数设置true没有效果 问题: [issue#13](https://github.com/react-native-oh-library/react-native-bootsplash/issues/13)
+
+## 其他
+- 执行generate-bootsplash命令行时，由于 `--brand, --brand-width 和 --dark-*` 选项需要购买license才能使用，涉及功能未开源，HarmonyOS平台不支持使用
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bootsplash/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-bouncy-checkbox.md b/en/react-native-bouncy-checkbox.md
new file mode 100644
index 00000000..2271f049
--- /dev/null
+++ b/en/react-native-bouncy-checkbox.md
@@ -0,0 +1,147 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-bouncy-checkbox</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/WrathChaos/react-native-bouncy-checkbox">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/WrathChaos/react-native-bouncy-checkbox/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/WrathChaos/react-native-bouncy-checkbox)
+
+## 安装与使用
+
+> [!TIP] 需要配套的服务和三方依赖
+
+| Dependencies                         | Version |
+| ------------------------------------ | ------- |
+| @freakycoder/react-native-bounceable | 1.0.3   |
+
+本库依赖[@freakycoder/react-native-bounceable文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/freakycoder-react-native-bounceable.md)
+
+#### **npm**
+
+```bash
+npm install --save react-native-bouncy-checkbox@4.0.1
+```
+
+#### **yarn**
+
+```bash
+yarn install --save react-native-bouncy-checkbox@4.0.1
+```
+
+下面的代码展示了这个库的基本使用场景：
+```js
+import React, { useState } from "react";
+import { StyleSheet,View,Image } from 'react-native';
+import BouncyCheckbox from  "react-native-bouncy-checkbox";
+
+export default function BouncyCheckboxwy () {
+  const [checkboxState, setCheckboxState] = React.useState(false);
+  return (
+  <View style={styles.container}>      
+  <BouncyCheckbox
+        bounceEffectIn={0.3}
+        bounceEffectOut={1}
+        bounceVelocityIn={0.5}
+        bounceVelocityOut={0.8}
+        bouncinessIn={30}
+        bouncinessOut={30}
+        size={80}
+        text="please press me!"
+        textStyle={styles.textstyle}
+        style={styles.container}
+        textContainerStyle={styles.textContainer}
+        fillColor={'black'}
+        unFillColor={"red"}
+        innerIconStyle={{ borderWidth: 5,borderColor:"black"}}
+        isChecked={checkboxState}
+        iconComponent={
+            <Image
+              style={{ height: 105, width: 105}}
+              source={require("./local-assets/smile.png")}
+            />
+          }
+        onPress={() => setCheckboxState(!checkboxState)}
+      />
+        </View>
+ 
+  );
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+  },
+   textContainer:{
+    backgroundColor: 'lightblue',
+    borderWidth: 5,
+    borderColor: 'black',
+    padding: 5,
+  },
+  textstyle: {
+    fontSize: 30,
+    color: '#010101',
+    fontWeight: '600',
+    textDecorationLine: "none",
+  }
+}); 
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio  5.0.3.404; ROM：5.0.0.31;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                 | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| :------------------- | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| isChecked            | if you want to control check state yourself, you can use `isChecked` prop now! | boolean   | no       | All      | yes               |
+| onPress              | set your own onPress functionality after the bounce effect, callback receives the next `isChecked` boolean if disableBuiltInState is false | function  | no       | All      | yes               |
+| onLongPress          | set your own onLongPress functionality after the bounce effect, callback receives the next `isChecked` boolean if disableBuiltInState is false | function  | no       | All      | yes               |
+| text                 | set the checkbox's text                                      | string    | no       | All      | yes               |
+| textComponent        | set the checkbox's text by a React Component                 | component | no       | All      | yes               |
+| disableText          | if you want to use checkbox without text, you can enable it  | boolean   | no       | All      | yes               |
+| size                 | size of `width` and `height` of the checkbox                 | number    | no       | All      | yes               |
+| style                | set/override the container style                             | style     | no       | All      | yes               |
+| textStyle            | set/override the text style                                  | style     | no       | All      | yes               |
+| iconStyle            | set/override the outer icon container style                  | style     | no       | All      | yes               |
+| innerIconStyle       | set/override the inner icon container style                  | style     | no       | All      | yes               |
+| fillColor            | change the checkbox's filled color                           | color     | no       | All      | yes               |
+| unfillColor          | change the checkbox's un-filled color when it's not checked  | color     | no       | All      | yes               |
+| iconComponent        | set your own icon component                                  | component | no       | All      | yes               |
+| checkIconImageSource | set your own check icon image                                | image     | no       | All      | yes               |
+| textContainerStyle   | set/override the text container style                        | ViewStyle | no       | All      | yes               |
+| ImageComponent       | set your own Image component instead of RN's default Image   | component | no       | All      | yes               |
+| TouchableComponent   | set/override the main TouchableOpacity component with any Touchable Component like Pressable | component | no       | All      | yes               |
+| bounceEffectIn       | change the bounce effect when press in                       | number    | no       | All      | yes               |
+| bounceEffectOut      | change the bounce effect when press out                      | number    | no       | All      | yes               |
+| bounceVelocityIn     | change the bounce velocity when press in                     | number    | no       | All      | yes               |
+| bounceVelocityOut    | change the bounce velocity when press out                    | number    | no       | All      | yes               |
+| bouncinessIn         | change the bounciness when press in                          | number    | no       | All      | yes               |
+| bouncinessOut        | change the bounciness when press out                         | number    | no       | All      | yes               |
+
+### 
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/WrathChaos/react-native-bouncy-checkbox/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-button.md b/en/react-native-button.md
new file mode 100644
index 00000000..e195e298
--- /dev/null
+++ b/en/react-native-button.md
@@ -0,0 +1,128 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-button</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ide/react-native-button">       
+         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ide/react-native-button/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!tip] [Github 地址](https://github.com/ide/react-native-button)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-button@3.1.0 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-button@3.1.0 --save
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import Button from 'react-native-button';
+import {
+    View, Text
+} from 'react-native';
+
+export default class ExampleComponent extends Component {
+    constructor(props, context) {
+        super(props, context);
+        this.state = {
+            isDisabled: false
+        }
+    }
+    _handlePress() {
+        this.setState({
+            isDisabled: true
+        });
+        console.log('Now, button disabled');
+    }
+    render() {
+        const { isDisabled } = this.state;
+        return (
+            <View style={{ marginTop: 50 }}>
+                <Button
+                    allowFontScaling={false}
+                    accessibilityLabel="Learn more about this purple button"
+                    style={{ fontSize: 20, color: 'yellow' }}
+                    styleDisabled={{ color: 'white' }}
+                    disabled={isDisabled}
+                    containerStyle={{ padding: 10, height: 45, overflow: 'hidden', borderRadius: 4, backgroundColor: 'aqua' }}
+                    disabledContainerStyle={{ backgroundColor: 'pink' }}
+                    onPress={() => this._handlePress()}>
+                    Hello World
+                </Button>
+            </View>
+        );
+    }
+};
+```
+
+
+
+## 约束与限制
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                            | Type     | default | Required | Platform | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- | ----------------- |
+| `accessibilityLabel` | VoiceOver will read this string when a user selects the associated element. | String |  | No     | All      | yes               |
+| `allowFontScaling` | Specifies whether fonts should scale to respect Text Size accessibility settings. | Bool |  | No     | All      | yes               |
+| `Disabled` | Disables the button                | Bool | false   | No       | All      | yes               |
+| `Style` | The style for the button                                       | View Style Prop | ｛｝ | No       | All      | yes               |
+| `styleDisabled` | The style for the disabled button | View Style Prop | ｛｝ | No       | All      | yes               |
+| `containerStyle` | The style for the container | View Style Prop | ｛｝ | No       | All      | yes               |
+| `disabledContainerStyle` | The style for the container when the button is disabled | View Style Prop | ｛｝ | No       | All      | yes               |
+| `childGroupStyle` | The style for the child views               | View Style Prop | ｛｝ | No       | All      | yes               |
+| `androidBackground` | The background for android devices.                      | Background Prop Type |  | No       | Android | no             |
+| `onPress`   | Handler to be called when the user taps the button.   | Function |         | No       | All      | yes              |
+
+
+
+## 遗留问题
+
+ 无
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ide/react-native-button/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
diff --git a/en/react-native-calendar-events.md b/en/react-native-calendar-events.md
new file mode 100644
index 00000000..4e795c13
--- /dev/null
+++ b/en/react-native-calendar-events.md
@@ -0,0 +1,412 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-calendar-events</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wmcmahan/react-native-calendar-events">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-calendar-events)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-calendar-events@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-calendar-events@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import React from 'react';
+import {
+    SafeAreaView,
+    StyleSheet,
+    ScrollView,
+    View,
+    Text,
+    StatusBar,
+    Button,
+    Alert,
+    Platform,
+} from 'react-native';
+import {Header, Colors} from 'react-native/Libraries/NewAppScreen';
+import RNCalendarEvents from 'react-native-calendar-events';
+
+const sourceStruct = {
+    /** The Account name */
+    name: "testName",
+    /** The Account type */
+    type: "testTyoe",
+}
+
+//saveEvent
+const calendarOptions = {
+    title: 'test1',
+    type: 'local',
+    displayName: "testSaveCalendar"
+};
+
+//saveEvent
+const location = {
+    location: "nanjin",
+    longitude: 118,
+    latitude: 31,
+}
+const eventService = {
+    type: 'Meeting',
+    uri: "",
+    description: "testEventService",
+}
+const attendees = {
+    name: "testAttendees",
+    email: "testEmail",
+}
+const recurrenceRuleHarmony = {
+    recurrenceFrequency: 2,
+    expire: 0,
+}
+const eventDetails = {
+    id: 1,
+    type: 0,
+    title: 'testEvent',
+    location: location,
+    startTime: new Date().getTime() + 60 * 60 * 1000 * 3,
+    endTime: new Date().getTime() + 60 * 60 * 1000 * 10,
+    isAllDay: false,
+    attendee: [attendees],
+    timeZone: "beijing",
+    reminderTime: [new Date().getTime()],
+    recurrenceRule: recurrenceRuleHarmony,
+    description: "test",
+    service: eventService,
+};
+
+const fetchAllEventStartTime: string = (new Date().getTime() + 60 * 60 * 1000).toString()
+const fetchAllEventEndTime: string = (new Date().getTime() + 60 * 60 * 1000 * 15).toString()
+function CalendarDemo() {
+    return (
+        <>
+            <StatusBar barStyle="dark-content" />
+            <SafeAreaView>
+                <ScrollView
+                    contentInsetAdjustmentBehavior="automatic"
+                    style={styles.scrollView}>
+                    <Header />
+                    <View style={styles.engine}>
+                        <Text style={styles.footer}>Engine: Hermes</Text>
+                    </View>
+    
+                    <View style={styles.body}>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>Read/Write Auth</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="Request auth"
+                                    onPress={() => {
+                                        RNCalendarEvents.requestPermissions().then(
+                                            (result) => {
+                                                Alert.alert('Auth requested', result);
+                                            },
+                                            (result) => {
+                                                console.error(result);
+                                            },
+                                        );
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>check auth</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="Check auth"
+                                    onPress={() => {
+                                        RNCalendarEvents.checkPermissions().then(
+                                            (result) => {
+                                                Alert.alert('Auth check', result);
+                                            },
+                                            (result) => {
+                                                console.error(result);
+                                            },
+                                        );
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>Calendars</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="Find calendars"
+                                    onPress={() => {
+                                        RNCalendarEvents.findCalendars().then(
+                                            (result) => {
+                                                Alert.alert(
+                                                    'Calendars',
+                                                    result.reduce((acc: string[], cal) => {
+                                                        acc.push(cal.title);
+                                                        return acc;
+                                                    }, []).join('\n'),
+                                                );
+                                            },
+                                            (result) => {
+                                                console.error(result);
+                                            },
+                                        );
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                    </View>
+                </ScrollView>
+            </SafeAreaView>
+        </>
+    );
+};
+
+const styles = StyleSheet.create({
+    scrollView: {
+        backgroundColor: Colors.lighter,
+    },
+    engine: {
+        position: 'absolute',
+        right: 0,
+    },
+    body: {
+        backgroundColor: Colors.white,
+    },
+    sectionContainer: {
+        marginTop: 32,
+        paddingHorizontal: 24,
+    },
+    sectionTitle: {
+        fontSize: 24,
+        fontWeight: '600',
+        color: Colors.black,
+    },
+    sectionDescription: {
+        marginTop: 8,
+        fontSize: 18,
+        fontWeight: '400',
+        color: Colors.dark,
+    },
+    highlight: {
+        fontWeight: '700',
+    },
+    footer: {
+        color: Colors.dark,
+        fontSize: 12,
+        fontWeight: '600',
+        padding: 4,
+        paddingRight: 12,
+        textAlign: 'right',
+    },
+});
+
+export default CalendarDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-calendar-events": "file:../../node_modules/@react-native-oh-tpl/react-native-calendar-events/harmony/calendar_events.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 3.在 ArkTs 侧引入 CalendarEventPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { CalendarEventPackage } from "@react-native-oh-tpl/react-native-calendar-events/ts"
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new CalendarEventPackage(ctx),
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.READ_CALENDAR",
++    "reason": "$string:Access_calendar",
++    "usedScene": {
++      "abilities": [
++        "FormAbility"
++      ],
++      "when":"inuse"
++    }
++  },
++  {
++    "name": "ohos.permission.WRITE_CALENDAR",
++    "reason": "$string:Access_calendar",
++    "usedScene": {
++      "abilities": [
++        "FormAbility"
++      ],
++      "when":"inuse"
++    }
++  }
+]
+```
+
+#### 在 entry 目录下添加申请日历权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_calendar",
++      "value": "access calendar"
++    }
+  ]
+}
+```
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                     | Type      | Required | Platform | HarmonyOS Support |
+|-----------------------|-------------------------------------------------------------------------------------------------|-----------| -------- |----------|------------------|
+| requestPermissions((readOnly = false))  | Request calendar authorization. Authorization must be granted before accessing calendar events. | function  | No       | All      | yes              |
+| checkPermissions((readOnly = false))    | Get calendar authorization status.                                                              | function  | No       | All      | yes              |
+| findCalendars()       | Finds all the calendars on the device.                                                          | function  | No       | All      | yes              |
+| saveCalendar(calendar)        | Create a calendar.                                                                              | function  | No       | All      | yes              |
+| removeCalendar(id)      | Removes a calendar.                                                                             | function  | No       | All      | yes              |
+| findEventById(id)       | Find calendar  by id.                                                                           | function  | No       | All      | yes              |
+| fetchAllEvents(startDate, endDate, calendars)      | Fetch all calendar events.                                                                      | function  | No       | All      | yes              |
+| saveEvent(title, details, options)           | Creates or updates a calendar event. To update an event, the event id must be defined.          | function  | No       | All      | yes              |
+| removeEvent(id, options)         | Removes calendar event.                                                                         | function  | No       | All      | yes              |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-calendars.md b/en/react-native-calendars.md
new file mode 100644
index 00000000..8f258f6a
--- /dev/null
+++ b/en/react-native-calendars.md
@@ -0,0 +1,261 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-calendars</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wix/react-native-calendars">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wix/react-native-calendars/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/wix/react-native-calendars)
+
+## 安装与使用
+
+#### **npm**
+
+```bash
+npm install --save react-native-calendars@1.1304.1
+```
+
+#### **yarn**
+
+```bash
+yarn install --react-native-calendars@1.1304.1
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState } from "react";
+import { Calendar, CalendarList, Agenda ,AgendaList,CalendarProvider,ExpandableCalendar,Timeline,WeekCalendar} from "react-native-calendars";
+import { View, StyleSheet } from "react-native";
+
+const MySvgComponent = () => {
+  const [selected, setSelected] = useState("");
+  return (
+    <View style={styles.container}>
+      <Calendar
+        onDayPress={(day) => {
+          setSelected(day.dateString);
+        }}
+        markedDates={{
+          [selected]: {
+            selected: true,
+            disableTouchEvent: true,
+            selectedDotColor: "orange",
+          },
+        }}
+      />
+      <Agenda
+        items={{
+        '2012-05-22': [{name: 'item 1 - any js object'}],
+        '2012-05-23': [{name: 'item 2 - any js object', height: 80}],
+        '2012-05-24': [],
+        '2012-05-25': [{name: 'item 3 - any js object'}, {name: 'any js object'}]
+       }}
+      />
+       <AgendaList
+        scrollToNextEvent={true}
+      />
+       <CalendarProvider
+        date={'yyyy-MM-dd'}
+      />
+       <ExpandableCalendar
+        disablePan={false}
+      />
+       <Timeline
+        theme={{
+                backgroundColor: '#ffffff',
+                calendarBackground: '#ffffff',
+                textSectionTitleColor: '#b6c1cd',
+                textSectionTitleDisabledColor: '#d9e1e8',
+                selectedDayBackgroundColor: '#00adf5',
+                selectedDayTextColor: '#ffffff',
+                todayTextColor: '#00adf5',
+                dayTextColor: '#2d4150',                          
+              }}
+      />
+       <WeekCalendar
+        hideDayNames={true}
+      />
+    </View>
+  );
+ 
+};
+
+const styles = StyleSheet.create({
+  container: {
+    position: "absolute", // 绝对定位
+    bottom: 210, // 底部边界与父容器底部对齐
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 1,
+    backgroundColor: "#CC00FF",
+  },
+});
+export default MySvgComponent;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证：
+
+1. RNOH: 0.72.28; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio  5.0.3.535; ROM：5.0.0.31; 
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+### Agenda 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| items                    | the list of items that have to be displayed in agenda. If you want to render item as empty date the value of date key has to be an empty array []. If there exists no value for date key it is considered that the date in question is not yet loaded                                    | AgendaSchedule                | no       | All      | yes               |
+| selected                 | initially selected day | string               | no       | All      | yes               |
+| hideKnob                 | Whether to hide the knob | boolean               | no       | All      | yes               |
+| showClosingKnob                 | Whether the knob should always be visible (when hideKnob = false) | boolean               | no       | All      | yes               |
+| showOnlySelectedDayItems                 | Whether to show items only for the selected date | boolean               | no       | All      | yes               |
+| loadItemsForMonth            | Handler which gets executed when items for a certain month should be loaded (month became visible)                           | function | no       | All      | yes               |
+| onDayChange        | Handler which gets executed when day changes while scrolling agenda list                      | function | no       | All      | yes               |
+| onCalendarToggled         | Handler which gets executed when the calendar is opened or closed         | function | no       | All      | yes               |
+| renderKnob | Replace default agenda's knob with a custom one | function | no       | All      | yes               |
+| renderEmptyData                 | Replace default ActivityIndicator with a custom one | function               | no       | All      | yes               |
+
+### AgendaList 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| theme                    | Specify theme properties to override specific styles for calendar parts                                    | Theme                | no       | All      | yes               |
+| dayFormat                 | Day format in section title. Formatting values: http://arshaw.com/xdate/#Formatting | string               | no       | All      | yes               |
+| useMoment                 | Whether to use moment.js for date string formatting | boolean               | no       | All      | yes               |
+| markToday                 | Whether to mark today's title with the 'Today, ...' string | boolean               | no       | All      | yes               |
+| avoidDateUpdates                 | Whether to block the date change in calendar (and calendar context provider) when agenda scrolls | boolean               | no       | All      | yes               |
+| scrollToNextEvent                 | hether to enable scrolling the agenda list to the next date with content when pressing a day without content | boolean               | no       | All      | yes               |
+| viewOffset                 | Offset scroll to the section | number               | no       | All      | yes               |
+| sectionStyle                 | The style passed to the section view | ViewStyle               | no       | All      | yes               |
+| dayFormatter            | A function to custom format the section header's title                           | function | no       | All      | yes               |
+
+### Calendar 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| theme                    | Specify theme properties to override specific styles for calendar parts                                    | Theme                | no       | All      | yes               |
+| firstDay                 | If firstDay=1 week starts from Monday. Note that dayNames and dayNamesShort should still start from Sunday | number               | no       | All      | yes               |
+| hideArrows                 | Whether to hide the arrows | boolean               | no       | All      | yes               |
+| disableArrowLeft                 | Whether to disable the left arrow | boolean               | no       | All      | yes               |
+| disableArrowRight                 | Whether to disable the right arrow | boolean               | no       | All      | yes               |
+| arrowsHitSlop                 | Left & Right arrows. Additional distance outside of the buttons in which a press is detected, default: 20 |   number               | no       | All      | yes               |
+| hideDayNames                 | Whether to hide the days names | boolean               | no       | All      | yes               |
+| monthFormat                | Month format for the header's title. Formatting values | string               | no       | All      | yes               |
+| displayLoadingIndicator  | Display loading indicator                                                                                  | boolean              | no       | All      | yes               |
+| showWeekNumbers          | Show week numbers                                                                                          | boolean              | no       | All      | yes               |
+| style                    | Specify style for calendar container element                                                               | StyleProp<ViewStyle> | no       | All      | yes               |
+| disabledDaysIndexes                    | Whether to apply custom disable color to selected day indexes                                                               | number[] | no       | All      | yes               |
+| current                  | Initially visible month                                                                                    | string               | no       | All      | yes               |
+| initialDate              | Initially visible month. If changed will initialize the calendar to this value                             | string               | no       | All      | yes               |
+| minDate                  | Minimum date that can be selected, dates before minDate will be grayed out                                 | string               | no       | All      | yes               |
+| maxDate                  | Maximum date that can be selected, dates after maxDate will be grayed out                                  | string               | no       | All      | yes               |
+| markedDates              | Collection of dates that have to be marked                                                                 | MarkedDates          | no       | All      | yes               |
+| hideExtraDays            | Do not show days of other months in month page                                                             | boolean              | no       | All      | yes               |
+| showSixWeeks             | Always show six weeks on each month (only when hideExtraDays = false)                                      | boolean              | no       | All      | yes               |
+| disableMonthChange       | Disables changing month when click on days of other months (when hideExtraDays is false)                   | boolean              | no       | All      | yes               |
+| enableSwipeMonths        | Enable the option to swipe between months                                                                  | boolean              | no       | All      | yes               |
+| disabledByDefault        | Disable days by default                                                                                    | boolean              | no       | All      | yes               |
+| headerStyle              | Style passed to the header                                                                                 | StyleProp<ViewStyle> | no       | All      | yes               |
+| allowSelectionOutOfRange | Allow selection of dates before minDate or after maxDate                                                   | boolean              | no       | All      | yes               |
+| disableAllTouchEventsForDisabledDays | Whether to disable all touch events for disabled days (can be override with 'disableTouchEvent' in 'markedDates')                                                   | boolean              | no       | All      | yes               |
+| disableAllTouchEventsForInactiveDays | Whether to disable all touch events for inactive days (can be override with 'disableTouchEvent' in 'markedDates')                                                   | boolean              | no       | All      | yes               |
+| dayComponent | Replace default day with custom day rendering component element                                                   | JSX.Element              | no       | All      | yes               |
+| customHeaderTitle             | Replace default title with custom element                             | JSX.Element              | no       | All      | yes               |
+| customHeader              | Allow rendering a totally custom header                             | any               | no       | All      | yes               |
+| onDayPress            | Handler which gets executed on day press                           | function | no       | All      | yes               |
+| onDayLongPress        | Handler which gets executed on day long press                      | function | no       | All      | yes               |
+| onMonthChange         | Handler which gets executed when month changes in calendar         | function | no       | All      | yes               |
+| onVisibleMonthsChange | Handler which gets executed when visible month changes in calendar | function | no       | All      | yes               |
+| onPressArrowLeft                 | Handler which gets executed when press left arrow. It receive a callback to go to the previous month | function               | no       | All      | yes               |
+| onPressArrowRight                 | Handler which gets executed when press right arrow. It receive a callback to go to the next month | function               | no       | All      | yes               |
+| renderArrow                 | Replace default arrows with custom ones (direction: 'left','right') | function               | no       | All      | yes               |
+| renderHeader              | Replace default title with custom one                             | function               | no       | All      | yes               |
+
+
+### CalendarList 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| pastScrollRange                    | Max amount of months allowed to scroll to the past                                    | number                | no       | All      | yes               |
+| futureScrollRange                 | Max amount of months allowed to scroll to the future | number               | no       | All      | yes               |
+| calendarStyle                 | Specify style for calendar container element | ViewStyle               | no       | All      | yes               |
+| calendarHeight                 | Dynamic calendar height | number               | no       | All      | yes               |
+| calendarWidth                 | Used when calendar scroll is horizontal, (when pagingEnabled = false) | number               | no       | All      | yes               |
+| staticHeader                 | Whether to use a fixed header that doesn't scroll (when horizontal = true) | boolean               | no       | All      | yes               |
+| showScrollIndicator                 | Whether to enable or disable vertical / horizontal scroll indicator | boolean               | no       | All      | yes               |
+
+### CalendarProvider 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| theme                    | Specify theme properties to override specific styles for calendar parts                                    | Theme                | no       | All      | yes               |
+| style                 | Specify style for calendar container element | ViewStyle               | no       | All      | yes               |
+| date                 | Initial date in 'yyyy-MM-dd' format | string              | no       | All      | yes               |
+| showTodayButton                 | Whether to show the today button | boolean               | no       | All      | yes               |
+| todayButtonStyle                 | Today button's style | ViewStyle               | no       | All      | yes               |
+| todayBottomMargin                 | Today button's top position | number               | no       | All      | yes               |
+| disabledOpacity                 | The opacity for the disabled today button (0-1) | number               | no       | All      | yes               |
+| onDateChanged            | Handler which gets executed when the date changes                           | function | no       | All      | yes               |
+| onMonthChange            | Handler which gets executed when the month changes changes                           | function | no       | All      | yes               |
+
+### ExpandableCalendar 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| initialPosition                    | The initial position of the calendar ('open' or 'closed')                                    | Positions                | no       | All      | yes               |
+| disablePan                 | Whether to disable the pan gesture and disable the opening and closing of the calendar (initialPosition will persist) | boolean               | no       | All      | yes               |
+| hideKnob                 | Whether to hide the knob | boolean              | no       | All      | yes               |
+| leftArrowImageSource                 | The source for the left arrow image | ImageSourcePropType               | no       | All      | yes               |
+| rightArrowImageSource                 | The source for the right arrow image | ImageSourcePropType               | no       | All      | yes               |
+| allowShadow                 | Whether to have shadow/elevation for the calendar | boolean               | no       | All      | yes               |
+| disableWeekScroll                 | Whether to disable the week scroll in closed position | boolean               | no       | All      | yes               |
+| openThreshold                 | The threshold for opening the calendar with the pan gesture | number               | no       | All      | yes               |
+| closeThreshold                 | closeThreshold | number               | no       | All      | yes               |
+| onCalendarToggled            | Handler which gets executed when the calendar is opened or closed                           | function | no       | All      | yes               |
+
+### Timeline 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| theme                    | Specify theme properties to override specific styles for calendar parts                                    | Theme                | no       | All      | yes               |
+| style                 | Specify style for calendar container element | ViewStyle               | no       | All      | yes               |
+| events                 | List of events to render on the timeline | Event[]              | no       | All      | yes               |
+| start                 | The timeline day start time | number               | no       | All      | yes               |
+| end                 | The timeline day end time | number              | no       | All      | yes               |
+| scrollToFirst                 | Whether to scroll to the first event | boolean               | no       | All      | yes               |
+| format24h                | Whether to use 24 hours format for the timeline hours | boolean               | no       | All      | yes               |
+| onEventPress            | Handler which gets executed when event is pressed                           | function | no       | All      | yes               |
+| onBackgroundLongPress            | Handler which gets executed when background is long pressed. Pass to handle creation of a new event                           | function | no       | All      | yes               |
+| onBackgroundLongPressOut            | Handler which gets executed when background's long pressed released. Pass to handle creation of a new event                           | function | no       | All      | yes               |
+| renderEvent            | Specify a custom event block                           | function | no       | All      | yes               |
+
+### WeekCalendar 
+
+| Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| allowShadow                    | Whether to have shadow/elevation for the calendar                                   | boolean                | no       | All      | yes               |
+| hideDayNames                 | Whether to hide the names of the week days | boolean               | no       | All      | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wix/react-native-calendars/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-callkeep.md b/en/react-native-callkeep.md
new file mode 100644
index 00000000..a82f6159
--- /dev/null
+++ b/en/react-native-callkeep.md
@@ -0,0 +1,248 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-callkeep</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/react-native-webrtc/react-native-callkeep">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-webrtc/react-native-callkeep/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-callkeep)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-callkeep Releases](https://github.com/react-native-oh-library/react-native-callkeep/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-callkeep@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-callkeep@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import {
+    Button,
+    View,
+    Alert,
+    Text,
+} from 'react-native';
+
+import RNCallKeep from 'react-native-callkeep';
+
+export function CallKeepExample() {
+    const handleClick = (buttonId: number) => {
+        switch (buttonId) {
+            case 1:
+                RNCallKeep.startCall("0x123456", "10086");
+                break;
+            case 2:
+                RNCallKeep.isCallActive("0x123456").then(res => {
+                    Alert.alert('isCallActive value:' + res);
+                });
+                break;
+            case 3:
+                RNCallKeep.checkIfBusy().then(res => {
+                    Alert.alert('checkIfBusy value:' + res);
+                });
+                break;
+
+            default:
+                break;
+        }
+    };
+    return (
+        <>
+            <Text style={{ color: "red" }}>RNCallKeep.startCall</Text>
+            <Button title='startCall' onPress={() => handleClick(1)} ></Button>
+
+            <Text style={{ color: "red" }}>RNCallKeep.isCallActive</Text>
+            <Button title='isCallActive' onPress={() => handleClick(2)} ></Button>
+
+            <Text style={{ color: "red" }}>RNCallKeep.checkIfBusy</Text>
+            <Button title='checkIfBusy' onPress={() => handleClick(3)} ></Button>
+        </>
+    );
+}
+
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-callkeep": "file:../../node_modules/@react-native-oh-tpl/react-native-callkeep/harmony/call_keep.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNCallKeepPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNCallKeepPackage } from '@react-native-oh-tpl/react-native-callkeep';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCallKeepPackage(ctx),
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-callkeep Releases](https://github.com/react-native-oh-library/react-native-callkeep/releases)
+
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 YES 表示 HarmonyOS 平台支持该属性；NO 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | :------: | :------: | :----------------: |
+| isCallActive() | The call exists  user has already answered the call | RNCallKeep.isCallActive(uuid) |    NO    |   iOS    |        YES        |
+| checkIfBusy() | Checks if there are any active calls on the device | RNCallKeep.checkIfBusy() | NO | iOS | YES |
+| getCalls() | Returns a Promise. The result will be an array with all current calls and their states | RNCallKeep.getCalls() | NO | iOS | NO |
+| checkSpeaker() | Checks if the device speaker is on and returns a promise with a boolean value | RNCallKeep.checkSpeaker() | NO | iOS | NO |
+| startCall() | Make an outgoing call | RNCallKeep.startCall(uuid, handle, contactIdentifier, handleType, hasVideo) | NO | ALL | YES |
+| displayIncomingCall() | Display system UI for incoming calls | RNCallKeep.displayIncomingCall() | NO | ALL | NO |
+| answerIncomingCall() | Use this to tell the sdk a user answered a call from the app UI | RNCallKeep.answerIncomingCall(uuid) | NO | ALL | NO |
+| updateDisplay() | Use this to update the display after an outgoing call has started | RNCallKeep.updateDisplay(uuid, displayName, handle) | NO | ALL | NO |
+| endCall() | When finish an incoming/outgoing call | RNCallKeep.endCall(uuid) | NO | ALL | NO |
+| endAllCalls() | End all ongoing calls | RNCallKeep.endAllCalls() | NO | ALL | NO |
+| rejectCall() | When you reject an incoming call | RNCallKeep.rejectCall(uuid) | NO | ALL | NO |
+| reportEndCallWithUUID() | Report that the call ended without the user initiating | RNCallKeep.reportEndCallWithUUID(uuid, reason) | NO | ALL | NO |
+| setMutedCall() | Switch the mic on/off | RNCallKeep.setMutedCall(uuid, true) | NO | ALL | NO |
+| setOnHold() | Set a call on/off hold | RNCallKeep.setOnHold(uuid, true) | NO |   ALL    | NO |
+| removeEventListener() | Allows to remove the listener on an event | RNCallKeep.removeEventListener() | NO |   ALL    |        NO         |
+| setup()                        | Doing this allows capturing events prior to the react native event bridge being up | RNCallKeep.setup()                                           |    NO    |   ALL    |        NO         |
+| setSettings()                  | Initialize Operation Settings                                | RNCallKeep.setSettings()                                     |    NO    |   ALL    |        NO         |
+| getAudioRoutes()               | Get the list of available audio routes. i.e. bluetooth, wired/ear-piece, speaker and phone | RNCallKeep.getAudioRoutes()                                  |    NO    |   ALL    |        NO         |
+| setAudioRoute()                | Set audio route using a route                                | RNCallKeep.setAudioRoute(uuid, routeName)                    |    NO    |   ALL    |        NO         |
+| getInitialEvents()             | This is alternative to     event                             | RNCallKeep.getInitialEvents()                                |    NO    |   ALL    |        NO         |
+| clearInitialEvents()           | Clear all pending actions returned                           | RNCallKeep.clearInitialEvents()                              |    NO    |   ALL    |        NO         |
+| setAvailable()                 | Tell *ConnectionService* that the device is ready to make outgoing calls via the native Phone app | RNCallKeep.setAvailable(true)                                |    NO    | Android  |        NO         |
+| setForegroundServiceSettings() | Configures the Foreground Service                            | RNCallKeep.setForegroundServiceSettings()                    |    NO    | Android  |        NO         |
+| canMakeMultipleCalls()         | Disable the "Add call" button in ConnectionService UI        | RNCallKeep.canMakeMultipleCalls(false)                       |    NO    | Android  |        NO         |
+| setCurrentCallActive()         | Mark the current call as active                              | RNCallKeep.setCurrentCallActive(uuid)                        |    NO    | Android  |        NO         |
+| checkIsInManagedCall()         | Returns true if there is an active native call               | RNCallKeep.checkIsInManagedCall()                            |    NO    | Android  |        NO         |
+| setConnectionState()           | Change the state of the call                                 | RNCallKeep.setConnectionState(uuid, state)                   |    NO    | Android  |        NO         |
+| toggleAudioRouteSpeaker()      | Update the audio route of Audio Service                      | RNCallKeep.toggleAudioRouteSpeaker(uuid, true)               |    NO    | Android  |        NO         |
+| backToForeground()             | Use this to display the application in foreground if the application was in background state | RNCallKeep.backToForeground()                                |    NO    | Android  |        NO         |
+| registerPhoneAccount()         | Registers Android phone account manually                     | RNCallKeep.registerPhoneAccount(options)                     |    NO    | Android  |        NO         |
+| registerEvents()               | Registering Initialization Events | RNCallKeep.registerAndroidEvents() | NO | Android | NO |
+| sendDTMF()                     | On Play Dtmf Tone | RNCallKeepModule.sendDTMF(uuid, key) | NO | Android | NO |
+| unregisterEvents()             | Unregistering Initialization Events | RNCallKeep.unregisterAndroidEvents() | NO | Android | NO |
+| setReachable()                 | Check if the application is reachable before making a call from the native phone application. | RNCallKeep.setReachable() | NO | Android | NO |
+| supportConnectionService()     | Tells if `ConnectionService` is available on the device      | RNCallKeep.supportConnectionService()                        |    NO    | Android  |        NO         |
+| hasPhoneAccount()              | Checks if the user has enabled the phone account for your application | RNCallKeep.hasPhoneAccount()                                 |    NO    | Android  |        NO         |
+| hasOutgoingCall()              | When waking up the Android application in background mode    | RNCallKeep.hasOutgoingCall()                                 |    NO    | Android  |        NO         |
+| hasDefaultPhoneAccount()       | Checks if the user has set a default phone account           | RNCallKeep.hasDefaultPhoneAccount(options)                   |    NO    | Android  |        NO         |
+| checkPhoneAccountEnabled()     | Checks if the user has set a default phone account and it's enabled | RNCallKeep.checkPhoneAccountEnabled()                        |    NO    | Android  |        NO         |
+| isConnectionServiceAvailable() | Check if the device support ConnectionService                | RNCallKeep.isConnectionServiceAvailable() |    NO    | Android  |        NO         |
+
+## 遗留问题
+
+- [ ]   react-native-callkeep 部分方法未实现 HarmonyOS 化： [issue#2](https://github.com/react-native-oh-library/react-native-callkeep/issues/2)。
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/react-native-webrtc/react-native-callkeep/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md
new file mode 100644
index 00000000..c09c909f
--- /dev/null
+++ b/en/react-native-camera-kit.md
@@ -0,0 +1,358 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-camera-kit</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/teslamotors/react-native-camera-kit">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/teslamotors/react-native-camera-kit/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-camera-kit)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-camera-kit@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-camera-kit@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+### camera example
+``` js
+import React, {useRef, useState} from 'react';
+import {Text, StyleSheet, View, Button} from 'react-native';
+import {CameraApi, CameraType,Camera} from 'react-native-camera-kit';
+
+export const CameraDemo: React.FC = (): JSX.Element => {
+  const nativeRef = useRef<CameraApi>(null);
+  const [zoom, setZoom] = useState<number>(0);
+  const [errorStr, setErrorStr] = useState<string>('');
+  const [photo, setPhoto] = useState<string>('');
+
+  const onError = (e: any) => {
+    setErrorStr(e.nativeEvent.errorMessage);
+  };
+
+  const onZoom = (e: any) => {
+    setZoom(e.nativeEvent.zoom);
+  };
+
+  const onPhoto = async () => {
+    const result = await nativeRef.current?.capture();
+    result && setPhoto(JSON.stringify(result));
+  };
+
+  return (
+    <>
+      <View>
+        <Camera
+          style={{width: '100%', height: 500}}
+          ref={nativeRef}
+          maxZoom={10}
+          cameraType={CameraType.Back}
+          flashMode={0}
+          onError={onError}
+          onZoom={onZoom}
+        />
+      </View>
+      <View>
+        <Button title="拍照" onPress={onPhoto} />
+        <Text style={styles.text}>zoom:{zoom}</Text>
+        <Text style={styles.text}>error:{errorStr}</Text>
+        <Text style={styles.text}>photo:{photo}</Text>
+      </View>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 20,
+    textAlign: 'center',
+    color: '#000',
+    marginTop: 10,
+  },
+});
+
+```
+### scanCode example
+``` js
+import React, {useRef, useState} from 'react';
+import {Text, StyleSheet, View} from 'react-native';
+import {CameraApi, CameraType,Camera} from 'react-native-camera-kit';
+
+export const ScanCodeDemo: React.FC = (): JSX.Element => {
+  const nativeRef = useRef<CameraApi>(null);
+  const [zoomStr, setZoomStr] = useState<number>(0);
+  const [errorStr, setErrorStr] = useState<string>('');
+  const [codeResult, setCodeResult] = useState<string>('');
+
+  const onError = (e: any) => {
+    setErrorStr(e.nativeEvent.errorMessage);
+  };
+
+  const onZoom = (e: any) => {
+    setZoomStr(e.nativeEvent.zoom);
+  };
+
+  const onReadCode = (e: any) => {
+    setCodeResult(JSON.stringify(e));
+  };
+
+  return (
+    <>
+      <View>
+        <Camera
+          style={{width: '100%', height: 400}}
+          ref={nativeRef}
+          maxZoom={50}
+          cameraType={CameraType.Back}
+          onError={onError}
+          onZoom={onZoom}
+          scanBarcode
+          onReadCode={onReadCode}
+          ratioOverlay="4:3"
+        />
+      </View>
+      <View>
+        <Text style={styles.text}>zoom:{zoomStr}</Text>
+        <Text style={styles.text}>code:{codeResult}</Text>
+        <Text style={styles.text}>error:{errorStr}</Text>
+      </View>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 20,
+    textAlign: 'center',
+    color: '#000',
+    marginTop: 10,
+  },
+});
+
+
+```
+
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-camera-kit": "file:../../node_modules/@react-native-oh-tpl/react-native-camera-kit/harmony/camera_kit.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RTNCameraKitView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RTNCameraKitView } from "@react-native-oh-tpl/react-native-camera-kit";
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === RTNCameraKitView.NAME) {
++   RTNCameraKitView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag,
++   })
++ }
+...
+}
+...
+```
+在`entry/src/main/ets/pages/index.ets`中，如果当前文件中存在`arkTsComponentNames`数组(后续版本新增内容)，则需要在其中追加：`RTNCameraKitView.NAME`;
+
+```ts
+  ...
+ const arkTsComponentNames: Array<string> = [..., RTNCameraKitView.NAME]; 
+  ...
+```
+
+### 4.在 ArkTs 侧引入 RTNCameraKitPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RTNCameraKitPackage } from "@react-native-oh-tpl/react-native-camera-kit/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RTNCameraKitPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Camera**：相机组件
+
+| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------|----------------------|----------|----------|-------------|-------------------|
+| ref | Reference on the camera view     | Ref | no       | All | yes               |
+| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
+| flashMode  | Camera flash mode. Default: `auto` | 'on'`/`'off'`/`'auto' | no       | All | yes               |
+| focusMode  | Camera focus mode. Default: on     | 'on'`/`'off' | no       | All | yes               |
+| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
+| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
+| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
+| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
+| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
+| cameraType  | Choose what camera to use. Default: `CameraType. | 'front'/'back' | no       | All | yes               |
+| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | yes               |
+| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
+| shutterPhotoSound  |Android only. Enable or disable the shutter sound when capturing a photo. Default: `true`     | Boolean | no       | Android | yes   
+| ratioOverlay  | Show a guiding overlay in the camera preview for the selected ratio. Does not crop image as of v9.0. Example: '16:9'     | String | no       | iOS | yes               |
+| ratioOverlayColor  | Any color with alpha. Default: '#ffffff77'     | String | no       | All | yes               |
+| resetFocusTimeout  | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.     | Number | no       | All | yes               |
+| resetFocusWhenMotionDetected	  | Dismiss tap to focus when focus area content changes. Native iOS feature, see documentation: https://developer.apple.com/documentation/avfoundation/avcapturedevice/1624644-subjectareachangemonitoringenabl?language=objc). Default true.     | Boolean | no       | iOS | no             |
+| resizeMode  | Determines the scaling and cropping behavior of content within the view. cover (resizeAspectFill on iOS) scales the content to fill the view completely, potentially cropping content if its aspect ratio differs from the view. contain (resizeAspect on iOS) scales the content to fit within the view's bounds without cropping, ensuring all content is visible but may introduce letterboxing. Default behavior depends on the specific use case.     | 'cover' / 'contain' | no       | iOS | no             |
+| onCaptureButtonPressIn  | Callback when iPhone capture button is pressed in. Ex: onCaptureButtonPressIn={() => console.log("volume button pressed in")}    | Function | no       | iOS | yes          |
+| onCaptureButtonPressOut  | Callback when iPhone capture button is released. Ex: onCaptureButtonPressOut={() => console.log("volume button released")}     | Function | no       | iOS | no             |
+
+**ScanCode**：扫码组件
+
+| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------|----------------------|----------|----------|-------------|-------------------|
+| ref | Reference on the camera view     | Ref | no       | All      | yes               |
+| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
+| flashMode  | Get secret value     | 'on'`/`'off'`/`'auto' | no       | All | yes          |
+| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
+| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
+| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
+| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
+| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
+| cameraType                   | Choose what camera to use. Default: `CameraType.             | 'front'/'back'        | no       | All | no                |
+| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | no             |
+| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
+| resetFocusTimeout  | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.     | Number | no       | All | yes               |
+| scanThrottleDelay  | Duration between scan detection in milliseconds. Default 2000 (2s)     | Number | no       | All | yes              |
+| scanBarcode  | Enable barcode scanner. Default: `false`     | boolean | no       | All | yes               |
+| showFrame  | Show frame in barcode scanner. Default: `false`     | boolean | no       | All | yes               |
+| laserColor  | Color of barcode scanner laser visualization. Default: `red`     | string | no       | All | yes               |
+| frameColor  | Color of barcode scanner frame visualization. Default: `yellow`     | string | no       | All | yes               |
+| onReadCode  | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)}     | Function | no       | All | yes               |
+
+## 静态方法
+
+| Name  | Description         | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
+| capture  | Capture image as JPEG.  | Promise<CaptureData> | No       | All      | Yes               |
+| requestDeviceCameraAuthorization  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | No       | All      | Yes               |
+| checkDeviceCameraAuthorizationStatus  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | All      | Yes               |Yes|
+
+
+## 遗留问题
+
+- [ ] 不支持查询传感器旋转角度 [issue#1](https://github.com/react-native-oh-library/react-native-camera-kit/issues/1) 
+- [ ] 不支持使用前置相机进行扫码 [issue#2](https://github.com/react-native-oh-library/react-native-camera-kit/issues/2) 
+- [ ] 不能同时设置flashMode和torchMode属性 [issue#3](https://github.com/react-native-oh-library/react-native-camera-kit/issues/3)
+- [ ] 暂不支持onCaptureButtonPressOut属性 [issue#4](https://github.com/react-native-oh-library/react-native-camera-kit/issues/4)
+- [ ] 暂不支持resetFocusWhenMotionDetected属性 [issue#5](https://github.com/react-native-oh-library/react-native-camera-kit/issues/5)
+- [ ] 暂不支持resizeMode属性 [issue#6](https://github.com/react-native-oh-library/react-native-camera-kit/issues/6)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/teslamotors/react-native-camera-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-cameraroll.md b/en/react-native-cameraroll.md
new file mode 100644
index 00000000..674dcee8
--- /dev/null
+++ b/en/react-native-cameraroll.md
@@ -0,0 +1,207 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-cameraroll</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-cameraroll/react-native-cameraroll">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/react-native-cameraroll/react-native-cameraroll/blob/master/LICENCE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-cameraroll)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/camera-roll@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/camera-roll@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { View, Button } from "react-native";
+import {
+  CameraRoll
+} from "@react-native-camera-roll/camera-roll";
+
+export default function App() {
+  return (
+    <View>
+      Button
+        title="savePhotos"
+        onPress={() => {
+          CameraRoll.saveAsset("https://res.vmallres.com/uomcdn/CN/cms/202408/5442d69d916d4bcf9ee740d595a164fb.jpg").then((res) => {
+            console.log('res-----',res);
+          });
+        }}
+      />
+    </View>
+  );
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/camera-roll": "file:../../node_modules/@react-native-oh-tpl/camera-roll/harmony/camera_roll.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 CameraRollPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { CameraRollPackage } from '@react-native-oh-tpl/camera-roll/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new CameraRollPackage(ctx),
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/camera-roll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> [!tip] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
+
+**CameraRoll**
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support | Remarks |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ | ---- |
+| save | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
+| saveAsset | 保存图片/视频 | function | no | iOS/Android | partially |  |
+| saveToCameraRoll | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，调用会弹出警告，可用saveAsset接口代替。 |
+| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                       | Description  | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
+| :----------------------------------------- | :----------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| `iosReadGalleryPermission`                 | 权限验证     | function | no       | iOS      | no                |                                                              |
+| `iosRequestReadWriteGalleryPermission`     | 读写权限申请 | function | no       | iOS      | no                |                                                              |
+| `iosRequestAddOnlyGalleryPermission`       | 添加权限申请 | function | no       | iOS      | no                |                                                              |
+| `iosRefreshGallerySelection`               | 图片列表刷新 | function | no       | iOS      | no                |                                                              |
+| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRefreshGallerySelection`           | 图片列表刷新 | function | no       | harmony  | no                |                                                              |
+
+## 遗留问题
+
+- [ ] deletePhotos删除图片/视频，未实现 HarmonyOS 化: [issue#5](https://github.com/react-native-oh-library/react-native-cameraroll/issues/5)
+- [ ] harmonyRefreshGallerySelection，HarmonyOS 暂无对应图片列表刷新的接口：[issue#8](https://github.com/react-native-oh-library/react-native-cameraroll/issues/8)
+- [ ] 部分接口由于Harmony OS安全策略调整无法使用: [issue#25](https://github.com/react-native-oh-library/react-native-cameraroll/issues/25)
+- [ ] saveAsset接口未完全支持: [issue#26](https://github.com/react-native-oh-library/react-native-cameraroll/issues/26)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-cameraroll/react-native-cameraroll/blob/master/LICENCE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-canvas.md b/en/react-native-canvas.md
new file mode 100644
index 00000000..b77fb6bf
--- /dev/null
+++ b/en/react-native-canvas.md
@@ -0,0 +1,169 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-canvas</code> </h1>
+</p>
+<p align="center">
+        <a href="https://github.com/iddan/react-native-canvas">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/iddan/react-native-canvas/blob/master/license.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/iddan/react-native-canvas)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-canvas@0.1.39
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-canvas@0.1.39
+```
+
+[!TIP] 如果依赖未完全安装，请执行：
+```bash
+npm install --save-dev @type/react-native-canvas@0.1.39
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useRef, useEffect } from "react";
+import { View, StyleSheet, Text, ScrollView } from "react-native";
+import Canvas, {
+  Image as CanvasImage,
+  CanvasRenderingContext2D,
+  Path2D
+} from "react-native-canvas";
+
+const CanvasDemo = () => {
+  const canvasRef = useRef<Canvas>(null);
+
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (canvas) {
+      canvas.width = 300;
+      canvas.height = 500;
+      const context = canvas.getContext("2d") as CanvasRenderingContext2D;
+
+      // 绘制背景
+      context.fillStyle = "gray";
+      context.fillRect(0, 0, 1000, 1000);
+
+      //绘制矩形
+      context.fillStyle = "blue";
+      context.fillRect(10, 10, 100, 100);
+
+      //绘制椭圆
+      const ellipse = new Path2D(canvas);
+      ellipse.ellipse(200, 60, 50, 30, 0, 0, 2 * Math.PI);
+      context.fillStyle = "green";
+      context.fill(ellipse);
+
+      //绘制线条
+      context.beginPath();
+      context.moveTo(10, 150);
+      context.lineTo(150, 150);
+      context.strokeStyle = "red";
+      context.stroke();
+
+      // 绘制文字
+      context.font = "bold 24px Arial";
+      context.fillStyle = "orange";
+      context.fillText("Hello World", 20, 200);
+
+      //绘制图片
+      const image = new CanvasImage(canvas);
+      image.src =
+        "https://upload.wikimedia.org/wikipedia/commons/6/63/Biho_Takashi._Bat_Before_the_Moon%2C_ca._1910.jpg";
+      image.addEventListener("load", () => {
+        context.drawImage(image, 10, 250, 100, 100);
+      });
+    }
+  }, []);
+
+  return (
+    <ScrollView>
+      <View style={styles.container}>
+        <Text style={styles.title}>Canvas Demo Start</Text>
+        <Canvas ref={canvasRef} style={styles.canvas} />
+        <Text style={styles.title}>Canvas Demo End</Text>
+      </View>
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 50,
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: "bold",
+    marginBottom: 20,
+  },
+  canvas: {
+    width: 300,
+    height: 500,
+    backgroundColor: "blue",
+  },
+});
+
+export default CanvasDemo;
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-webview ](react-native-webview.md)文档的 Link 章节进行引入
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 属性
+
+| Name           | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
+| -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `heigth`       | Reflects the height of the canvas in pixels.                                                                                                                                                  | number   | yes      | Android IOS | YES               |
+| `width`        | Reflects the width of the canvas in pixels.                                                                                                                                                   | number   | yes      | Android IOS | YES               |
+| `getContext()` | Standard CanvasRenderingContext2D. [MDN](https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D). Only difference is `await` should be used to retrieve values from methods.. | function | yes      | Android IOS | YES               |
+| `Image()`      | WebView Image constructor. Unlike in the browsers accepts canvas as first argument. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image)                            | function | No       | Android IOS | YES               |
+| `Path2D()`     | Path2D API constructor. Unlike in the browsers, this requires the canvas as first argument. See also https://developer.mozilla.org/en-US/docs/Web/API/Path2D/Path2D..                         | function | No       | Android IOS | YES               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/iddan/react-native-canvas/blob/master/license.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-cardview.md b/en/react-native-cardview.md
new file mode 100644
index 00000000..ffec70f3
--- /dev/null
+++ b/en/react-native-cardview.md
@@ -0,0 +1,268 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-cardview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Kishanjvaghela/react-native-cardview">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Kishanjvaghela/react-native-cardview">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-cardview)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-cardview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-cardview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { StyleSheet, Text, View, SafeAreaView } from 'react-native';
+import CardView from 'react-native-cardview';
+
+export default class Example3 extends Component {
+  render() {
+    return (
+        <CardView
+          cardElevation={3}
+          cardMaxElevation={3}
+          cornerRadius={3}
+          style={{
+            height: 60,
+            justifyContent: 'center',
+            alignItems: 'center',
+            margin: 20,
+            backgroundColor: '#ffffff'
+          }}
+        >
+          <View
+            style={{
+              flex: 1,
+              justifyContent: 'flex-end',
+              backgroundColor: 'red'
+            }}
+          >
+            <Text
+              style={{
+                color: '#000000',
+                fontSize: 12,
+                backgroundColor: 'pink',
+                textAlign: 'center'
+              }}
+            >
+              Helloo
+            </Text>
+          </View>
+        </CardView>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  card: {
+    backgroundColor: 'white',
+    alignItems: 'center',
+    justifyContent: 'center',
+    alignSelf: 'center',
+    flex: 1,
+    margin: 10
+  },
+  text: {
+    textAlign: 'center',
+    margin: 10,
+    height: 75
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5
+  }
+});
+
+```
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-cardview": "file:../../node_modules/@react-native-oh-tpl/react-native-cardview/harmony/card_view.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 CardViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-cardview/src/main/cpp" ./card-view)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_card_view)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "CardViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<CardViewPackage>(ctx),
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)
+
+## 属性
+
+  cardview组件接收所有[React Native Text](https://reactnative.dev/docs/text)组件的Props。
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| cornerRadius       | An attribute to set the elevation of the card.                                          | number | No       | iOS/Android      | yes               |
+| cardElevation       | An attribute to support shadow on pre-lollipop device in android.                 | number | No       | iOS/Android      | yes               |
+| cardMaxElevation    | An attribute to set the radius of the card.                                               | number | No       | Android      | yes               |
+| useCompatPadding     | CardView adds additional padding to draw shadows on platforms before Lollipop.         | boolean | No       | Android       | no                |
+| cornerOverlap        | On pre-Lollipop platforms, CardView does not clip the bounds of the Card for the rounded corners. | boolean | No   | Android   | no               |
+
+## 遗留问题
+
+- [ ] cornerRadius和cardElevation属性同时调用的时会导致阴影不显示: [#issues14](https://github.com/react-native-oh-library/react-native-cardview/issues/14)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License](https://github.com/Kishanjvaghela/react-native-cardview/blob/master/LICENSE)，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-chart-kit.md b/en/react-native-chart-kit.md
new file mode 100644
index 00000000..9e1fa4fe
--- /dev/null
+++ b/en/react-native-chart-kit.md
@@ -0,0 +1,282 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1  
+
+  <p align="center">  
+  <h1 align="center"> <code>react-native-chart-kit</code> </h1>  
+  </p >  
+  <p align="center">
+      <a>
+       <a href="https://github.com/indiespirit/react-native-chart-kit">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+     <a>
+        <a href="https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p> 
+
+
+
+
+> [!TIP] 
+>
+> [Github 地址](https://github.com/indiespirit/react-native-chart-kit)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+**npm**
+
+```bash
+npm install react-native-chart-kit@^6.12.0
+```
+
+**yarn**
+
+```bash
+yarn add react-native-chart-kit@^6.12.0
+```
+
+
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+```js
+import React from 'react';
+import { View, Dimensions, StyleSheet } from 'react-native';
+import { LineChart } from 'react-native-chart-kit';
+
+const data = {
+  labels: ['January', 'February', 'March', 'April', 'May', 'June'],
+  datasets: [{
+    data: [20, 45, 28, 80, 99, 43]
+  }]
+};
+
+const MyChart = () => {
+  const screenWidth = Dimensions.get('window').width;
+
+  return (
+    <View style={styles.container}>
+      <LineChart
+        data={data}
+        width={screenWidth - 20} // Adjust width to fit the screen with some margin
+        height={220}
+        yAxisLabel={'$'}
+        chartConfig={{
+          backgroundColor: '#e26a00',
+          backgroundGradientFrom: '#fb8c00',
+          backgroundGradientTo: '#ffa726',
+          decimalPlaces: 2, // Adjust decimal places to 2
+          color: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
+          labelColor: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
+          style: {
+            borderRadius: 16
+          },
+          propsForDots: {
+            r: '6',
+            strokeWidth: '2',
+            stroke: '#ffa726'
+          }
+        }}
+        bezier
+        style={styles.chart}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF'
+  },
+  chart: {
+    marginVertical: 8,
+    borderRadius: 16
+  }
+});
+
+export default MyChart;
+```
+
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.300SP1; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Chart style 
+
+| Name                            | Description                                                  | Type               | Required | Platform | HarmonyOS Support |
+| ------------------------------- | ------------------------------------------------------------ | ------------------ | -------- | -------- | ----------------- |
+| `backgroundGradientFrom`        | Defines the first color in the linear gradient of a chart's background | String             | No       | All      | Yes               |
+| `backgroundGradientFromOpacity` | Defines the first color opacity in the linear gradient of a chart's background | Number             | No       | All      | Yes               |
+| `backgroundGradientTo`          | Defines the second color in the linear gradient of a chart's background | String             | No       | All      | Yes               |
+| `backgroundGradientToOpacity`   | Defines the second color opacity in the linear gradient of a chart's background | Number             | No       | All      | Yes               |
+| `fillShadowGradientFrom`        | Defines the first color in the linear gradient of the area under data | String             | No       | All      | Yes               |
+| `fillShadowGradientFromOpacity` | Defines the first color opacity in the linear gradient of the area under data | Number             | No       | All      | Yes               |
+| `fillShadowGradientFromOffset`  | Defines the first color offset (0-1) in the linear gradient of the area under data | Number             | No       | All      | Yes               |
+| `fillShadowGradientTo`          | Defines the second color in the linear gradient of the area under data | String             | No       | All      | Yes               |
+| `fillShadowGradientToOpacity`   | Defines the second color opacity in the linear gradient of the area under data | Number             | No       | All      | Yes               |
+| `fillShadowGradientToOffset`    | Defines the second color offset (0-1) in the linear gradient of the area under data | Number             | No       | All      | Yes               |
+| `useShadowColorFromDataset`     | Defines the option to use color from dataset to each chart data. Default is false | Boolean            | No       | All      | Yes               |
+| `color`                         | Defines the base color function that is used to calculate colors of labels and sectors used in a chart | Function => String | No       | All      | Yes               |
+| `strokeWidth`                   | Defines the base stroke width in a chart                     | Number             | No       | All      | Yes               |
+| `barPercentage`                 | Defines the percent (0-1) of the available width each bar width in a chart | Number             | No       | All      | Yes               |
+| `barRadius`                     | Defines the radius of each bar                               | Number             | No       | All      | Yes               |
+| `propsForBackgroundLines`       | Override styles of the background lines, refer to react-native-svg's Line documentation | Props              | No       | All      | Yes               |
+| `propsForLabels`                | Override styles of the labels, refer to react-native-svg's Text documentation | Props              | No       | All      | Yes               |
+| `propsForVerticalLabels`        | Override styles of vertical labels, refer to react-native-svg's Text documentation | Props              | No       | All      | Yes               |
+| `propsForHorizontalLabels`      | Override styles of horizontal labels, refer to react-native-svg's Text documentation | Props              | No       | All      | Yes               |
+
+### Line Chart
+
+| Name                    | Description                                                  | Type                    | Required | Platform | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | ----------------------- | -------- | -------- | ----------------- |
+| data                    | Data for the chart - see example above                       | Object                  | No       | All      | Yes               |
+| width                   | Width of the chart, use 'Dimensions' library to get the width of your screen for responsive | Number                  | No       | All      | Yes               |
+| height                  | Height of the chart                                          | Number                  | No       | All      | Yes               |
+| withDots                | Show dots on the line - default: True                        | boolean                 | No       | All      | Yes               |
+| withShadow              | Show shadow for line - default: True                         | boolean                 | No       | All      | Yes               |
+| withInnerLines          | Show inner dashed lines - default: True                      | boolean                 | No       | All      | Yes               |
+| withOuterLines          | Show outer dashed lines - default: True                      | boolean                 | No       | All      | Yes               |
+| withVerticalLines       | Show vertical lines - default: True                          | boolean                 | No       | All      | Yes               |
+| withHorizontalLines     | Show horizontal lines - default: True                        | boolean                 | No       | All      | Yes               |
+| withVerticalLabels      | Show vertical labels - default: True                         | boolean                 | No       | All      | Yes               |
+| withHorizontalLabels    | Show horizontal labels - default: True                       | boolean                 | No       | All      | Yes               |
+| fromZero                | Render charts from 0 not from the minimum value. - default: False | boolean                 | No       | All      | Yes               |
+| yAxisLabel              | Prepend text to horizontal labels -- default: ''             | string                  | No       | All      | Yes               |
+| yAxisSuffix             | Append text to horizontal labels -- default: ''              | string                  | No       | All      | Yes               |
+| xAxisLabel              | Prepend text to vertical labels -- default: ''               | string                  | No       | All      | Yes               |
+| yAxisInterval           | Display y axis line every {x} input. -- default: 1           | string                  | No       | All      | Yes               |
+| chartConfig             | Configuration object for the chart, see example config object above | Object                  | No       | All      | Yes               |
+| decorator               | This function takes a whole bunch of stuff and can render extra elements, such as data point info or additional markup. | Function                | No       | All      | Yes               |
+| onDataPointClick        | Callback that takes {value, dataset, getColor}               | Function                | No       | All      | Yes               |
+| horizontalLabelRotation | Rotation angle of the horizontal labels - default 0          | number (degree)         | No       | All      | Yes               |
+| verticalLabelRotation   | Rotation angle of the vertical labels - default 0            | number (degree)         | No       | All      | Yes               |
+| getDotColor             | Defines the dot color function that is used to calculate colors of dots in a line chart and takes (dataPoint, dataPointIndex) | function => string      | No       | All      | Yes               |
+| renderDotContent        | Render additional content for the dot. Takes ({x, y, index, indexData}) as arguments. | Function                | No       | All      | Yes               |
+| yLabelsOffset           | Offset for Y axis labels                                     | number                  | No       | All      | Yes               |
+| xLabelsOffset           | Offset for X axis labels                                     | number                  | No       | All      | Yes               |
+| hidePointsAtIndex       | Indices of the data points you don't want to display         | number[]                | No       | All      | Yes               |
+| formatYLabel            | This function change the format of the display value of the Y label. Takes the Y value as argument and should return the desirable string. | Function                | No       | All      | Yes               |
+| formatXLabel            | This function change the format of the display value of the X label. Takes the X value as argument and should return the desirable string. | Function                | No       | All      | Yes               |
+| getDotProps             | This is an alternative to chartConfig's propsForDots         | (value, index) => props | No       | All      | Yes               |
+| segments                | The amount of horizontal lines - default 4                   | number                  | No       | All      | Yes               |
+
+### Bezier Line Chart
+
+|      |                                        |        |          |          |                   |
+| ---- | -------------------------------------- | ------ | -------- | -------- | ----------------- |
+| Name | Description                            | Type   | Required | Platform | HarmonyOS Support |
+| data | Data for the chart - see example above | Object | No       | All      | Yes               |
+
+### Progress Ring
+
+| Property    | Type    | Description                                                  | Required | Platform | HarmonyOS Support |
+| ----------- | ------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| data        | Object  | Data for the chart - see example above                       | No       | ALL      | YES               |
+| width       | Number  | Width of the chart, use 'Dimensions' library to get the width of your screen for responsive | No       | ALL      | YES               |
+| height      | Number  | Height of the chart                                          | No       | ALL      | YES               |
+| strokeWidth | Number  | Width of the stroke of the chart - default: 16               | No       | ALL      | YES               |
+| radius      | Number  | Inner radius of the chart - default: 32                      | No       | ALL      | YES               |
+| chartConfig | Object  | Configuration object for the chart, see example config in the beginning of this file | No       | ALL      | YES               |
+| hideLegend  | Boolean | Switch to hide chart legend (defaults to false)              | No       | ALL      | YES               |
+
+### Bar chart
+
+| Property                | Type    | Description                                                  | Required | Platform | HarmonyOS Support |
+| ----------------------- | ------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| data                    | Object  | Data for the chart - see example above                       | No       | ALL      | YES               |
+| width                   | Number  | Width of the chart, use 'Dimensions' library to get the width of your screen for responsive | No       | ALL      | YES               |
+| height                  | Number  | Height of the chart                                          | No       | ALL      | YES               |
+| withVerticalLabels      | boolean | Show vertical labels - default: True                         | No       | ALL      | YES               |
+| withHorizontalLabels    | boolean | Show horizontal labels - default: True                       | No       | ALL      | YES               |
+| fromZero                | boolean | Render charts from 0 not from the minimum value. - default: False | No       | ALL      | YES               |
+| withInnerLines          | boolean | Show inner dashed lines - default: True                      | No       | ALL      | YES               |
+| yAxisLabel              | string  | Prepend text to horizontal labels -- default: ''             | No       | ALL      | YES               |
+| yAxisSuffix             | string  | Append text to horizontal labels -- default: ''              | No       | ALL      | YES               |
+| chartConfig             | Object  | Configuration object for the chart, see example config in the beginning of this file | No       | ALL      | YES               |
+| horizontalLabelRotation | number  | Rotation angle of the horizontal labels - default 0          | No       | ALL      | YES               |
+| verticalLabelRotation   | number  | Rotation angle of the vertical labels - default 0            | No       | ALL      | YES               |
+| showBarTops             | boolean | Show bar tops                                                | No       | ALL      | YES               |
+| showValuesOnTopOfBars   | boolean | Show value above bars                                        | No       | ALL      | YES               |
+
+### StackedBar chart
+
+| Property             | Type    | Description                                                  | Required | Platform | HarmonyOS Support |
+| -------------------- | ------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| data                 | Object  | Data for the chart - see example above                       | No       | ALL      | YES               |
+| width                | Number  | Width of the chart, use 'Dimensions' library to get the width of your screen for responsive | No       | ALL      | YES               |
+| height               | Number  | Height of the chart                                          | No       | ALL      | YES               |
+| withVerticalLabels   | boolean | Show vertical labels - default: True                         | No       | ALL      | YES               |
+| withHorizontalLabels | boolean | Show horizontal labels - default: True                       | No       | ALL      | YES               |
+| chartConfig          | Object  | Configuration object for the chart, see example config in the beginning of this file | No       | ALL      | YES               |
+| barPercentage        | Number  | Defines the percent (0-1) of the available width each bar width in a chart | No       | ALL      | YES               |
+| showLegend           | boolean | Show legend - default: True                                  | No       | ALL      | YES               |
+
+### Pie chart
+
+| Property       | Type    | Description                                                  | Required | Platform | HarmonyOS Support |
+| -------------- | ------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| data           | Object  | Data for the chart - see example above                       | No       | ALL      | YES               |
+| width          | Number  | Width of the chart, use 'Dimensions' library to get the width of your screen for responsive | No       | ALL      | YES               |
+| height         | Number  | Height of the chart                                          | No       | ALL      | YES               |
+| chartConfig    | Object  | Configuration object for the chart, see example config in the beginning of this file | No       | ALL      | YES               |
+| accessor       | string  | Property in the data object from which the number values are taken | No       | ALL      | YES               |
+| bgColor        | string  | Background color - if you want to set transparent, input transparent or none. | No       | ALL      | YES               |
+| paddingLeft    | string  | Left padding of the pie chart                                | No       | ALL      | YES               |
+| center         | array   | Offset x and y coordinates to position the chart             | No       | ALL      | YES               |
+| absolute       | boolean | Shows the values as absolute numbers                         | No       | ALL      | YES               |
+| hasLegend      | boolean | Defaults to true, set it to false to remove the legend       | No       | ALL      | YES               |
+| avoidFalseZero | boolean | Defaults to false, set it to true to display a "<1%" instead of a rounded value equal to "0%" | No       | ALL      | YES               |
+
+### Contribution graph (heatmap)
+
+| Property           | Type     | Description                                                  | Required | Platform | HarmonyOS Support |
+| ------------------ | -------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| data               | Object   | Data for the chart - see example above                       | No       | ALL      | YES               |
+| width              | Number   | Width of the chart, use 'Dimensions' library to get the width of your screen for responsive | No       | ALL      | YES               |
+| height             | Number   | Height of the chart                                          | No       | ALL      | YES               |
+| gutterSize         | Number   | Size of the gutters between the squares in the chart         | No       | ALL      | YES               |
+| squareSize         | Number   | Size of the squares in the chart                             | No       | ALL      | YES               |
+| horizontal         | boolean  | Should graph be laid out horizontally? Defaults to true      | No       | ALL      | YES               |
+| showMonthLabels    | boolean  | Should graph include labels for the months? Defaults to true | No       | ALL      | YES               |
+| showOutOfRangeDays | boolean  | Should graph be filled with squares, including days outside the range? Defaults to false | No       | ALL      | YES               |
+| chartConfig        | Object   | Configuration object for the chart, see example config in the beginning of this file | No       | ALL      | YES               |
+| accessor           | string   | Property in the data object from which the number values are taken; defaults to count | No       | ALL      | YES               |
+| getMonthLabel      | function | Function which returns the label for each month, taking month index (0 - 11) as argument | No       | ALL      | YES               |
+| onDayPress         | function | Callback invoked when the user clicks a day square on the chart; takes a value-item object | No       | ALL      | YES               |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-charts-wrapper.md b/en/react-native-charts-wrapper.md
new file mode 100644
index 00000000..a3538669
--- /dev/null
+++ b/en/react-native-charts-wrapper.md
@@ -0,0 +1,682 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-charts-wrapper</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wuxudong/react-native-charts-wrapper">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mitlicense.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-charts-wrapper)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-charts-wrapper@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-charts-wrapper@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { BarChart } from "react-native-charts-wrapper";
+const BarChartDemo = () => {
+  const data = [
+    { x: 1, y: 20 },
+    { x: 2, y: 43 },
+    { x: 3, y: 21 },
+    { x: 4, y: 33 },
+    { x: 5, y: 23 },
+    { x: 6, y: 44 },
+    { x: 7, y: 5 },
+    { x: 8, y: 12 },
+  ];
+  return (
+    <BarChart
+      style={styles.chart}
+      data={{
+        dataSets: [
+          {
+            label: "demo",
+            values: data,
+          },
+        ],
+      }}
+      animation={{ durationX: 2000, durationY: 2000 }}
+    />
+  );
+};
+export default BarChartDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-charts-wrapper": "file:../../node_modules/@react-native-oh-tpl/react-native-charts-wrapper/harmony/charts_wrapper.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 BarCharts、LineCharts、HorizontalBarCharts 、BubbleCharts、PieCharts、RadarCharts、ScatterCharts、CandleStickCharts、CombinedCharts 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import {
++  BarCharts,
++  LineCharts,
++  HorizontalBarCharts,
++  BubbleCharts,
++  PieCharts,
++  RadarCharts,
++  ScatterCharts,
++  CandleStickCharts,
++  CombinedCharts
++ } from "@react-native-oh-tpl/react-native-charts-wrapper"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++    if (ctx.componentName === BarCharts.NAME) {
++      BarCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === LineCharts.NAME) {
++      LineCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === HorizontalBarCharts.NAME) {
++      HorizontalBarCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === BubbleCharts.NAME) {
++      BubbleCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === PieCharts.NAME) {
++      PieCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === RadarCharts.NAME) {
++      RadarCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === ScatterCharts.NAME) {
++      ScatterCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === CandleStickCharts.NAME) {
++      CandleStickCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
++    if (ctx.componentName === CombinedCharts.NAME) {
++      CombinedCharts({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
+ ...
+}
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ BarCharts.NAME,
++ LineCharts.NAME,
++ HorizontalBarCharts.NAME,
++ BubbleCharts.NAME,
++ PieCharts.NAME,
++ RadarCharts.NAME,
++ ScatterCharts.NAME,
++ CandleStickCharts.NAME,
++ CombinedCharts.NAME
+  ];
+```
+
+### 4.在 ArkTs 侧引入 ChartsWrapperPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {ChartsWrapperPackage} from '@react-native-oh-tpl/react-native-charts-wrapper/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ChartsWrapperPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Common Props
+
+#### Description
+
+| Name      | Description                      | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
+| text      | 设置要显示为说明的文本           | string | No       | iOS/Android | Yes               |
+| textColor | 设置用于标签的文本颜色           | number | No       | iOS/Android | Yes               |
+| textSize  | 设置标签文本的大小               | number | No       | iOS/Android | Yes               |
+| positionX | 设置说明文本在屏幕上的自定义位置 | number | No       | iOS/Android | Yes               |
+| positionY | 设置说明文本在屏幕上的自定义位置 | number | No       | iOS/Android | Yes               |
+
+#### Legend
+
+| Name                | Description              | Type                                         | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------ | -------------------------------------------- | -------- | ----------- |-------------------|
+| enabled             | 是否设置图表图例部件     | bool                                         | No       | iOS/Android | Yes               |
+| text                | 设置要显示为图例的文本   | string                                       | No       | iOS/Android | Yes               |
+| textColor           | 设置图例文本的颜色       | number                                       | No       | iOS/Android | NO                |
+| textSize            | 设置图例文本的大小       | number                                       | No       | iOS/Android | Yes               |
+| fontFamily          | 图例部件的字体           | string                                       | No       | iOS/Android | Yes               |
+| wordWrapEnabled     | 设置图例文字是否换行     | bool                                         | No       | iOS/Android | Yes               |
+| maxSizePercent      | 图例部件最大大小百分比   | number                                       | No       | iOS/Android | NO                |
+| horizontalAlignment | 图例部件水平对齐         | one of `'LEFT', 'CENTER', 'RIGHT'`           | No       | iOS/Android | Yes               |
+| verticalAlignment   | 图例部件垂直对齐         | one of `'TOP', 'CENTER', 'BOTTOM'`           | No       | iOS/Android | Yes               |
+| orientation         | 设置图例的方向           | one of `'HORIZONTAL', 'VERTICAL'`            | No       | iOS/Android | Yes               |
+| drawInside          | 图例部件是否在内部绘制   | bool                                         | No       | iOS/Android | Yes               |
+| direction           | 设置图例的文本方向       | one of `LEFT_TO_RIGHT', 'RIGHT_TO_LEFT`      | No       | iOS/Android | Yes               |
+| form                | 设置图例形式的形式/形状  | string                                       | No       | iOS/Android | Yes               |
+| formSize            | 设置图例格式的大小       | number                                       | No       | iOS/Android | Yes               |
+| xEntrySpace         | 设置横轴上图例条目的间距 | number                                       | No       | iOS/Android | Yes               |
+| yEntrySpace         | 设置竖轴上图例条目的间距 | number                                       | No       | iOS/Android | Yes               |
+| formToTextSpace     | 图例部件图标到文字的间距 | number                                       | No       | iOS/Android | Yes               |
+| custom              | 设置自定义图例的条目数组 | {` `colors: [number],` `labels: [string]` `} | No       | iOS/Android | NO                |
+
+#### xAxis and yAxis
+
+| Name                     | Description                              | Type                                                                  | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ---------------------------------------- | --------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| enabled                  | 是否绘制该组件                           | bool                                                                  | No       | iOS/Android | Yes               |
+| drawLabels               | 设置绘制此轴的标签                       | bool                                                                  | No       | iOS/Android | Yes               |
+| drawAxisLine             | 设置轴旁边的线                           | bool                                                                  | No       | iOS/Android | Yes               |
+| drawGridLines            | 是否启用此轴的网格线绘制                 | bool                                                                  | No       | iOS/Android | Yes               |
+| textColor                | 设置用于标签的文本颜色                   | number                                                                | No       | iOS/Android | Yes               |
+| textSize                 | 设置用于标签的文本大小                   | number                                                                | No       | iOS/Android | Yes               |
+| fontFamily               | X 轴 Y 轴标签的字体                      | string                                                                | No       | iOS/Android | Yes               |
+| gridColor                | 设置此坐标轴的网格线（水平线）的颜色     | bool                                                                  | No       | iOS/Android | Yes               |
+| gridLineWidth            | 设置远离每个轴绘制的栅格线的宽度         | bool                                                                  | No       | iOS/Android | Yes               |
+| axisLineColor            | 设置图表周围边框的颜色                   | bool                                                                  | No       | iOS/Android | Yes               |
+| axisLineWidth            | 设置图表周围边框的宽度                   | bool                                                                  | No       | iOS/Android | Yes               |
+| gridDashedLine           | 设置以虚线模式绘制网格线                 | {` `lineLength: number,` `spaceLength: number,` `phase: number` `}` ` | No       | iOS/Android | Yes               |
+| limitLines               | 设置限制线                               | array[]                                                               | No       | iOS/Android | Yes               |
+| drawLimitLinesBehindData | 设置在实际数据之后绘制限制线             | bool                                                                  | No       | iOS/Android | Yes               |
+| axisMaximum              | 设置轴的最大标签数                       | number                                                                | No       | iOS/Android | Yes               |
+| axisMinimum              | 设置轴的最小标签数                       | number                                                                | No       | iOS/Android | Yes               |
+| granularity              | 设置轴放大时的最小间隔                   | number                                                                | No       | iOS/Android | Yes               |
+| granularityEnabled       | 设置轴值间隔的粒度控制                   | bool                                                                  | No       | iOS/Android | Yes               |
+| labelCount               | 设置 y 轴的标签条目数                    | number                                                                | No       | iOS/Android | Yes               |
+| labelCountForce          | 设置 y 轴的标签条目数                    | bool                                                                  | No       | iOS/Android | Yes               |
+| centerAxisLabels         | 将轴标签居中，而不是在其原始位置绘制它们 | bool                                                                  | No       | iOS/Android | Yes               |
+
+### xAxis
+
+| Name                   | Description                                         | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------------- | --------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| labelRotationAngle     | 设置绘制 X 轴标签的角度（以度为单位）               | number | No       | iOS/Android | Yes               |
+| avoidFirstLastClipping | 如果设置为 true，图表将避免第一个和最后一个标签条目 | bool   | No       | iOS/Android | Yes               |
+| position               | 设置 X 轴标签的位置                                 | string | No       | iOS/Android | Yes               |
+| yOffset                | 为该轴上的标签设置使用的 y 轴偏移量                 | string | No       | iOS/Android | Yes               |
+
+### yAxis
+
+| Name        | Description                                        | Type                                                            | Required | Platform    | HarmonyOS Support |
+| ----------- | -------------------------------------------------- | --------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| inverted    | 设置为 true，则反转 y 轴，这意味着低值位于图表底部 | number                                                          | No       | iOS/Android | Yes               |
+| spaceTop    | 设置顶轴间距，以占满量程的百分比为单位             | bool                                                            | No       | iOS/Android | Yes               |
+| spaceBottom | 设置底轴间距，以占满量程的百分比为单位             | number                                                          | No       | iOS/Android | Yes               |
+| position    | 设置 y 标签的位置                                  | number                                                          | No       | iOS/Android | Yes               |
+| maxWidth    | 设置轴可以采用的最大宽度                           | bool                                                            | No       | iOS/Android | Yes               |
+| minWidth    | 设置轴可以采用的最小宽度                           | string                                                          | No       | iOS/Android | Yes               |
+| zeroLine    | 设置网格线                                         | {` `enabled: bool,` `lineWidth: number,` `lineColor: number` `} | No       | iOS/Android | Yes               |
+
+### Chart Base
+
+| Name                         | Description          | Type        | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | -------------------- | ----------- | -------- | ----------- | ----------------- |
+| animation                    | 设置图表动画         | object      | No       | iOS/Android | Yes               |
+| chartBackgroundColor         | 设置图表背景颜色     | number      | No       | iOS/Android | NO               |
+| logEnabled                   | 启用日志             | bool        | No       | iOS/Android | NO                |
+| noDataText                   | 设置无数据文本       | string      | No       | iOS/Android | Yes               |
+| noDataTextColor              | 设置无数据文本颜色   | number      | No       | iOS/Android | Yes               |
+| touchEnabled                 | 设置触摸             | bool        | No       | iOS/Android | Yes               |
+| dragDecelerationEnabled      | 设置拖拽减速         | bool        | No       | iOS/Android | Yes               |
+| dragDecelerationFrictionCoef | 设置阻力减速摩擦系数 | function    | No       | iOS/Android | Yes               |
+| chartDescription             | 设置描述部件         | Description | No       | iOS/Android | Yes               |
+| legend                       | 设置图例             | Legend      | No       | iOS/Android | Yes               |
+| xAxis                        | 设置 X 轴            | Xaxis       | No       | iOS/Android | Yes               |
+| highlights                   | 设置高亮             | object      | No       | iOS/Android | NO                |
+
+### BarLineChartBase
+
+| Name                   | Description                                                 | Type                            | Required | Platform    | HarmonyOS Support |
+|------------------------|-------------------------------------------------------------| ------------------------------- | -------- | ----------- | ----------------- |
+| drawGridBackground     | 是否设置网格背景颜色                                                  | bool                            | No       | iOS/Android | Yes               |
+| gridBackgroundColor    | 设置网格背景颜色                                                    | number                          | No       | iOS/Android | Yes               |
+| drawBorders            | 是否设置边框                                                      | bool                            | No       | iOS/Android | Yes               |
+| borderColor            | 设置边框颜色                                                      | number                          | No       | iOS/Android | Yes               |
+| borderWidth            | 设置边框宽度                                                      | number                          | No       | iOS/Android | Yes               |
+| minOffset              | 设置最小偏移                                                      | number                          | No       | iOS/Android | Yes               |
+| maxVisibleValueCount   | 设置最大条目数                                                     | number                          | No       | iOS/Android | Yes               |
+| visibleRange           | 限制通过捏合和缩放可以看到的最大和最小 x 范围                                    | object                          | No       | iOS/Android | NO                |
+| autoScaleMinMaxEnabled | 是否设置 Y 轴的自动缩放标记                                             | bool                            | No       | iOS/Android | Yes               |
+| keepPositionOnRotation | 设置图表在旋转（方向更改）后是否应保持其位置（缩放/滚动                                | bool                            | No       | iOS/Android | NO                |
+| scaleEnabled           | 是否启用缩放                                                      | bool                            | No       | iOS/Android | Yes               |
+| scaleXEnabled          | 是否启用 X 轴缩放                                                  | bool                            | No       | iOS/Android | Yes               |
+| scaleYEnabled          | 是否启用 Y 轴缩放                                                  | bool                            | No       | iOS/Android | Yes               |
+| dragEnabled            | 是否设置拖动                                                      | bool                            | No       | iOS/Android | Yes               |
+| pinchZoom              | 如果设置为 true，则 x 和 y 轴都可以用 2 个手指同时缩放，如果为 false，x 轴和 y 轴可以单独缩放 | bool                            | No       | iOS/Android | Yes               |
+| doubleTapToZoomEnabled | 将此属性设置为 true 可通过双击图表启用放大功能                                  | bool                            | No       | iOS/Android | Yes               |
+| yAxis                  | 设置 Y 轴                                                      | { left: YAxis, right: YAxis } | No       | iOS/Android | Yes               |
+| zoom                   | 按给定的比例因子放大或缩小                                               | object                          | No       | iOS/Android | Yes               |
+| viewPortOffsets        | 设置当前 ViewPort 的自定义偏移（在视图两侧的偏移）                              | object                          | No       | iOS/Android | Yes               |
+
+### Data Config Type
+
+#### Common
+
+| Name             | Description                                 | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| colors           | 设置应用于此数据集的颜色,由多个颜色组成     | number[] | No       | iOS/Android | Yes               |
+| highlightEnabled | 设置是否高亮                                | bool     | No       | iOS/Android | Yes               |
+| drawValues       | 设置绘制值                                  | bool     | No       | iOS/Android | Yes               |
+| valueTextSize    | 设置值的文本大小                            | number   | No       | iOS/Android | Yes               |
+| valueTextColor   | 设置值的文本颜色                            | number   | No       | iOS/Android | Yes               |
+| visible          | 设置值是否可见                              | bool     | No       | iOS/Android | Yes               |
+| valueFormatter   | 设置数据格式器                              | string   | No       | iOS/Android | NO                |
+| axisDependency   | 设置绘制此数据集所依据的 Y 轴（左轴或右轴） | string   | No       | iOS/Android | Yes               |
+
+#### barLineScatterCandleBubble
+
+| Name           | Description                      | Type   | Required | Platform    | HarmonyOS Support |
+| -------------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
+| highlightColor | 设置用于绘制突出显示指示器的颜色 | number | No       | iOS/Android | Yes               |
+
+#### lineScatterCandleRadar
+
+| Name                             | Description                                             | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------------------- | ------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| drawVerticalHighlightIndicator   | 启用/禁用垂直突出显示指示器。如果禁用，则不绘制指示器。 | bool   | No       | iOS/Android | Yes               |
+| drawHorizontalHighlightIndicator | 启用/禁用水平突出显示指示器。如果禁用，则不绘制指示器   | bool   | No       | iOS/Android | Yes               |
+| highlightLineWidth               | 高亮线宽                                                | number | No       | iOS/Android | Yes               |
+
+#### lineRadar
+
+| Name       | Description | Type | Required | Platform    | HarmonyOS Support |
+| ---------- | ----------- | ---- | -------- | ----------- | ----------------- |
+| fillColor  | 填充颜色    | bool | No       | iOS/Android | Yes               |
+| fillAlpha  | 填充透明度  | bool | No       | iOS/Android | Yes               |
+| drawFilled | 是否填充    | bool | No       | iOS/Android | Yes               |
+
+#### PieRadarChartBase
+
+| Name            | Description                                  | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | -------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| minOffset       | 设置图表周围的最小偏移量（填充），默认值为 0 | number | No       | iOS/Android | Yes               |
+| rotationEnabled | 将此属性设置为 true 可通过触摸启用图表的旋转 | bool   | No       | iOS/Android | Yes               |
+| rotationAngle   | 为雷达图的旋转设置偏移量（以度为单位）       | number | No       | iOS/Android | Yes               |
+
+### BarChart
+
+| Name              | Description                                                           | Type    | Required | Platform    | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| drawValueAboveBar | 如果设置为 true，则所有值都绘制在其条形上方，而不是绘制在其顶部下方。 | bool    | No       | iOS/Android | Yes               |
+| drawBarShadow     | 如果设置为 true，则在每个条形后面绘制一个灰色区域，表示最大值         | bool    | No       | iOS/Android | Yes               |
+| barWidth     | 设置每个条形在x轴上应具有的宽度         | number    | No       | iOS/Android | Yes               |
+| topRadius     | 设置顶部圆角半径         | number    | No       | iOS/Android | Yes               |
+| group     | 所有BarDataSet对象组合在一起         | object    | No       | iOS/Android | Yes               |
+| data              | 柱状图数据                                                            | BarData | Yes      | iOS/Android | Yes               |
+
+#### BarData Config
+
+| Name                       | Description                                          | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| barShadowColor             | 设置用于绘制条形阴影的颜色                           | number                                                       | No       | iOS/Android | Yes               |
+| highlightAlpha             | 设置用于绘制高光的 alpha 值（透明度                  | number                                                       | No       | iOS/Android | Yes               |
+| stackLabels                | 为不同值的条形栈设置标签                             | string[]                                                     | No       | iOS/Android | NO                |
+| common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+
+#### BarData Values
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| X    | X 轴数据    | number | Yes      | iOS/Android | Yes               |
+| Y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+
+### HorizontalBarChart
+
+| Name | Description    | Type    | Required | Platform    | HarmonyOS Support |
+| ---- | -------------- | ------- | -------- | ----------- | ----------------- |
+| data | 水平柱状图数据 | BarData | Yes      | iOS/Android | Yes               |
+
+### CandleStickChart
+
+| Name | Description | Type       | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ---------- | -------- | ----------- | ----------------- |
+| data | 烛台图数据  | CandleData | Yes      | iOS/Android | Yes               |
+
+#### CandleData Config
+
+| Name                       | Description                                                 | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ----------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| common                     | 公共数据数据                                                | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据        | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据                | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+| barSpace                   | 设置在每个的左侧和右侧留出的空间 烛光                       | number                                                       | No       | iOS/Android | Yes               |
+| shadowWidth                | 以像素为单位设置蜡烛阴影线的宽度。                          | number                                                       | No       | iOS/Android | Yes               |
+| shadowColor                | 设置所有条目的阴影颜色                                      | number                                                       | No       | iOS/Android | Yes               |
+| shadowColorSameAsCandle    | 将阴影颜色设置为与蜡烛颜色相同的颜色                        | bool                                                         | No       | iOS/Android | Yes               |
+| neutralColor               | 设置在以下情况下应用于此数据集的唯一颜色 \*打开==关闭。     | number                                                       | No       | iOS/Android | Yes               |
+| decreasingColor            | 设置在以下情况下应用于此数据集的唯一颜色 \*打开>关闭。      | number                                                       | No       | iOS/Android | Yes               |
+| decreasingPaintStyle       | 设置打开>关闭时的绘制样式                                   | string                                                       | No       | iOS/Android | Yes               |
+| increasingColor            | 设置在以下情况下应用于此数据集的唯一颜色 \* open <= close。 | number                                                       | No       | iOS/Android | Yes               |
+| increasingPaintStyle       | 设置打开<关闭时的绘制样式                                   | string                                                       | No       | iOS/Android | Yes               |
+
+#### CandleData Values
+
+| Name    | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | ------ | -------- | ----------- | ----------------- |
+| x       | X 轴数据    | number | No       | iOS/Android | Yes               |
+| shadowH | 阴影 H      | number | Yes      | iOS/Android | Yes               |
+| shadowL | 阴影 L      | number | Yes      | iOS/Android | Yes               |
+| open    | 打开的      | number | Yes      | iOS/Android | Yes               |
+| close   | 关闭的      | number | Yes      | iOS/Android | Yes               |
+
+### CombinedChart
+
+| Name | Description | Type         | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------------ | -------- | ----------- | ----------------- |
+| data | 组合图数据  | combinedData | Yes      | iOS/Android | Yes               |
+
+#### combinedData
+
+| Name        | Description | Type        | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------- | ----------- | -------- | ----------- | ----------------- |
+| lineData    | 折线图数据  | lineData    | No       | iOS/Android | Yes               |
+| barData     | 柱状图数据  | barData     | No       | iOS/Android | Yes               |
+| scatterData | 散点图数据  | scatterData | No       | iOS/Android | Yes               |
+| candleData  | 烛台图数据  | candleData  | No       | iOS/Android | Yes               |
+| bubbleData  | 气泡图数据  | bubbleData  | No       | iOS/Android | Yes               |
+
+### BubbleChart
+
+| Name | Description | Type       | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ---------- | -------- | ----------- | ----------------- |
+| data | 气泡图数据  | bubbleData | Yes      | iOS/Android | Yes               |
+
+#### BubbleData Config
+
+| Name                       | Description                                          | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+
+#### BubbleData Values
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| x    | X 轴数据    | number | No       | iOS/Android | Yes               |
+| y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+| size | 大小        | number | Yes      | iOS/Android | Yes               |
+
+### LineChart
+
+| Name | Description | Type     | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | -------- | -------- | ----------- | ----------------- |
+| data | 折线图数据  | LineData | Yes      | iOS/Android | Yes               |
+
+#### LineData Config
+
+| Name                       | Description                                                     | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | --------------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| common                     | 公共数据数据                                                    | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据            | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据                    | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+| lineRadar                  | 折线图、雷达图公共数据                                          | Data Config Type.lineRadar                                   | No       | iOS/Android | Yes               |
+| circleRadius               | 设置绘制的圆的半径                                              | number                                                       | No       | iOS/Android | Yes               |
+| drawCircles                | 将此值设置为 true 以启用此的圆圈指示器的绘制数据集，默认为 true | bool                                                         | No       | iOS/Android | Yes               |
+| mode                       | 设置 lineDataSet 的绘制模式                                     | object                                                       | No       | iOS/Android | Yes               |
+| lineWidth                  | 折线宽度                                                        | number                                                       | No       | iOS/Android | Yes               |
+| drawCubicIntensity         | 设置曲线弧度                                                    | number                                                       | No       | iOS/Android | NO                |
+| circleColor                | 设置应该用于此数据集的唯一颜色                                  | number                                                       | No       | iOS/Android | Yes               |
+| circleColors               | 设置应该用于此数据集的颜色集                                    | number[]                                                     | No       | iOS/Android | Yes               |
+| circleHoleColor            | 设置线条圆的内圆的颜色。                                        | number                                                       | No       | iOS/Android | Yes               |
+| drawCircleHole             | 许在每个数据圆圈中绘制一个孔                                    | bool                                                         | No       | iOS/Android | Yes               |
+| dashedLine                 | 折线设置为虚线                                                  | object                                                       | No       | iOS/Android | Yes               |
+| fillFormatter              | 设置填充                                                        | object                                                       | No       | iOS/Android | Yes               |
+
+#### LineData Values
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| x    | X 轴数据    | number | No       | iOS/Android | Yes               |
+| y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+
+### ScatterChart
+
+| Name | Description | Type        | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ----------- | -------- | ----------- | ----------------- |
+| data | 散点图数据  | ScatterData | Yes      | iOS/Android | Yes               |
+
+#### ScatterData Config
+
+| Name                       | Description                                          | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据         | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+| scatterShapeSize     | 设置绘制的scattershape将具有的大小         | number     | No       | iOS/Android | Yes               |
+| scatterShape     |  设置绘制此DataSet时应使用的散点形状         | string     | No       | iOS/Android | Yes               |
+| scatterShapeHoleColor     | 设置形状中孔的颜色         | number     | No       | iOS/Android | Yes               |
+| scatterShapeHoleRadius     | 设置形状中孔的半径（适用于正方形、圆形和三角形）         | number     | No       | iOS/Android | Yes               |
+
+#### ScatterData Values
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| x    | X 轴数据    | number | No       | iOS/Android | Yes               |
+| y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+
+### PieChart
+
+| Name                    | Description                                                                       | Type    | Required | Platform    | HarmonyOS Support |
+| ----------------------- | --------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| extraOffsets            | 图数据                                                                            | object  | No       | iOS/Android | Yes               |
+| drawEntryLabels         | 将此属性设置为 true 可将条目标签绘制到饼图扇区中                                  | bool    | No       | iOS/Android | Yes               |
+| usePercentValues        | 如果启用此选项，则 PieChart 中的值将以百分比显示                                  | bool    | No       | iOS/Android | Yes               |
+| centerText              | 设置显示在 PieChart 中心的文本字符串。                                            | string  | No       | iOS/Android | Yes               |
+| styledCenterText        | 设置显示在 PieChart 中心的文本字符串的样式                                        | object  | No       | iOS/Android | Yes               |
+| centerTextRadiusPercent | 中心文本边界框的矩形半径,以饼图的百分比表示                                       | number  | No       | iOS/Android | Yes               |
+| holeRadius              | 设置饼图中心孔的半径，以百分比为单位 \*最大半径（max=整个图表的半径），默认为 50% | number  | No       | iOS/Android | Yes               |
+| holeColor               | 设置在饼图中心绘制的孔的颜色                                                      | number  | No       | iOS/Android | Yes               |
+| transparentCircleRadius | 设置在孔旁边绘制的透明圆的半径                                                    | number  | No       | iOS/Android | Yes               |
+| transparentCircleColor  | 设置在孔旁边绘制的透明圆的颜色                                                    | number  | No       | iOS/Android | Yes               |
+| entryLabelColor         | 设置绘制条目标签的颜色                                                            | number  | No       | iOS/Android | Yes               |
+| entryLabelTextSize      | 以 vp 为单位设置条目标签的大小。                                                  | number  | No       | iOS/Android | Yes               |
+| entryLabelFontFamily    | 为条目标签的绘制设置自定义字体                                                    | string  | No       | iOS/Android | Yes               |
+| maxAngle                | 设置用于计算饼图圆的最大角度                                                      | number  | No       | iOS/Android | Yes               |
+| data                    | 饼图数据                                                                          | PieData | Yes      | iOS/Android | Yes               |
+
+#### PieData Config
+
+| Name              | Description                            | Type                               | Required | Platform    | HarmonyOS Support |
+| ----------------- | -------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
+| common            | 公共数据数据                           | Data Config Type.Common            | No       | iOS/Android | Yes               |
+| PieRadarChartBase | 饼图、雷达图数据                       | Data Config Type.PieRadarChartBase | No       | iOS/Android | Yes               |
+| sliceSpace        | 设置在 vp 中的饼图切片之间留出的空间。 | number                             | No       | iOS/Android | Yes               |
+| selectionShift    | 设置此数据集的突出显示饼图扇区的距离   | number                             | No       | iOS/Android | Yes               |
+| xValuePosition    | 标签显示在饼图里面还是外面             | string                             | No       | iOS/Android | Yes               |
+| yValuePosition    | 标签显示在饼图里面还是外面             | string                             | No       | iOS/Android | Yes               |
+
+#### PieData Values
+
+| Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------ | -------- | ----------- | ----------------- |
+| value | 数据        | number | Yes      | iOS/Android | Yes               |
+| label | 标签        | number | No       | iOS/Android | Yes               |
+
+### RadarChart
+
+| Name              | Description                                          | Type                               | Required | Platform    | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
+| yAxis             | Y 轴                                                 | YAxis                              | No       | iOS/Android | Yes               |
+| drawWeb           | 饼图、雷达图数据                                     | Data Config Type.PieRadarChartBase | No       | iOS/Android | Yes               |
+| skipWebLineCount  | 设置在执行以下操作之前应在图表 Web 上跳过的 Web 行数 | number                             | No       | iOS/Android | Yes               |
+| webLineWidth      | 设置来自中心的腹板线的宽度                           | number                             | No       | iOS/Android | Yes               |
+| webLineWidthInner | 设置 Web 线的宽度，这些 Web 线位于来自 \*中心。      | number                             | No       | iOS/Android | Yes               |
+| webAlpha          | 设置所有 Web 线的透明度（alpha）值                   | number                             | No       | iOS/Android | Yes               |
+| webColor          | 设置来自中心的腹板线的颜色。                         | number                             | No       | iOS/Android | Yes               |
+| webColorInner     | 设置 Web 线之间的颜色，这些线来自\*中心。            | number                             | No       | iOS/Android | Yes               |
+| data              | 雷达图数据                                           | RadarData                          | Yes      | iOS/Android | Yes               |
+
+#### RadarData Config
+
+| Name                   | Description                                  | Type                                                     | Required | Platform    | HarmonyOS Support |
+| ---------------------- | -------------------------------------------- | -------------------------------------------------------- | -------- | ----------- | ----------------- |
+| common                 | 公共数据数据                                 | Data Config Type.Common                                  | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar | 柱状图、烛台图、散点图、雷达图的公共基础数据 | Data Config Type.CommonConfigType.lineScatterCandleRadar | No       | iOS/Android | Yes               |
+| lineRadar              | 折线图、雷达图公共数据                       | Data Config Type.lineRadar                               | No       | iOS/Android | Yes               |
+
+#### RadarData Values
+
+| Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------ | -------- | ----------- | ----------------- |
+| value | 数据        | number | Yes      | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+- 图例的maxSizePercent最大百分比属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/995)
+- 图例的custom属性，设置后会覆盖原有的图例，但自定义图例也不显示在Android和iOS中，属性不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/996)
+- logEnabled 会开启安卓特有的日志logcat和 highlights属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/998)
+- stackLabels 堆叠条形图设置无效果和 drawCubicIntensity 曲线角度属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/997)
+- 在Android和iOS visibleRange 最大大小百分比限制通过缩放和缩放可以看到的最大和最小x范围不起作用， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- keepPositionOnRotation旋转后保持图表原始位置属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- valueFormatter格式化数据属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/935)
+- chartBackgroundColor图表背景颜色在原库中不生效，在原库中网格背景颜色与图表背景颜色设置的内容一样，则已不支持图表背景 HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1001)
+- Legend中的text与data中label效果相同，原库中已不支持该属性。HarmonyOS与Android，ios表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1003)
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://mitlicense.org/) ，请自由地享受和参与开源。
diff --git a/en/react-native-check-box.md b/en/react-native-check-box.md
new file mode 100644
index 00000000..df56e23f
--- /dev/null
+++ b/en/react-native-check-box.md
@@ -0,0 +1,114 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-check-box</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/crazycodeboy/react-native-check-box">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/crazycodeboy/react-native-check-box)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-check-box@2.1.7
+```
+#### **yarn**
+
+```bash
+yarn add react-native-check-box@2.1.7
+```
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, {Component} from 'react';
+import {StyleSheet, View} from 'react-native';
+import CheckBox from 'react-native-check-box'
+
+type Props = {};
+export default class CheckBoxDemo extends Component<Props> {
+  constructor(props){
+    super(props);
+    this.state={
+      isChecked:true
+    }
+  }
+  render() {
+    return (
+      <View style={styles.container}>
+        <CheckBox
+            style={{flex: 1, padding: 10}}
+            onClick={()=>{
+              this.setState({
+                  isChecked:!this.state.isChecked
+              })
+            }}
+            isChecked={this.state.isChecked}
+            rightText={"CheckBox"}
+        />
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    height:'100%',
+    backgroundColor: '#F5FCFF',
+  }
+});
+```
+
+## 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                                                                                  | Type                      | Required | Platform    |  HarmonyOS Support |
+| ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- | ----------- | -------- |
+| style                  | Custom style checkbox                                                                                                 | ViewPropTypes.style       | No       | Android、IOS | Yes      |
+| leftText               | Custom left Text                                                                                                      | PropTypes.string          | No       | Android、IOS | Yes      |
+| leftTextStyle          | Custom left Text style                                                                                                | Text.propTypes.style      | No       | Android、IOS | Yes      |
+| rightText              | Custom right Text                                                                                                     | PropTypes.string          | No       | Android、IOS | Yes      |
+| rightTextView          | Custom right TextView                                                                                                 | PropTypes.element         | No       | Android、IOS | Yes      |
+| rightTextStyle         | Custom right Text style                                                                                               | Text.propTypes.style      | No       | Android、IOS | Yes      |
+| checkedImage           | Custom checked Image                                                                                                  | PropTypes.element         | No       | Android、IOS | Yes      |
+| unCheckedImage         | Custom unchecked Image                                                                                                | PropTypes.element         | No       | Android、IOS | Yes      |
+| isChecked              | checkbox checked state                                                                                                | PropTypes.bool            | Yes      | Android、IOS | Yes      |
+| onClick                | callback function                                                                                                     | PropTypes.func.isRequired | Yes      | Android、IOS | Yes      |
+| disabled               | Disable the checkbox button                                                                                           | PropTypes.bool            | No       | Android、IOS | Yes      |
+| checkBoxColor          | Tint color of the checkbox image (this props is for both checked and unchecked state)                                 | PropTypes.string          | Yes      | Android、IOS | Yes      |
+| checkedCheckBoxColor   | Tint color of the checked state checkbox image (this prop will override value of checkBoxColor for checked state)     | PropTypes.string          | No       | Android、IOS | Yes      |
+| uncheckedCheckBoxColor | Tint color of the unchecked state checkbox image (this prop will override value of checkBoxColor for unchecked state) | PropTypes.string          | No       | Android、IOS | Yes      |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-clipboard-clipboard.md b/en/react-native-clipboard-clipboard.md
new file mode 100644
index 00000000..008b97e4
--- /dev/null
+++ b/en/react-native-clipboard-clipboard.md
@@ -0,0 +1,297 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-clipboard/clipboard</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-clipboard/clipboard">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20macos%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-clipboard/clipboard/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/clipboard/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/clipboard@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/clipboard@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import Clipboard from "@react-native-clipboard/clipboard";
+
+const [copiedText, setCopiedText] = useState("");
+
+const copyToClipboard = () => {
+  Clipboard.setString("hello world");
+};
+
+const fetchCopiedText = async () => {
+  const text = await Clipboard.getString();
+  setCopiedText(text);
+};
+
+const App = () => {
+  return (
+    <View style={styles.container}>
+      <TouchableOpacity onPress={copyToClipboard}>
+        <Text>Click here to copy to Clipboard</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={fetchCopiedText}>
+        <Text>View copied text</Text>
+      </TouchableOpacity>
+
+      <Text style={styles.copiedText}>{copiedText}</Text>
+    </View>
+  );
+};
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/clipboard": "file:../../node_modules/@react-native-oh-tpl/clipboard/harmony/clipboard.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ClipboardPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/clipboard/src/main/cpp" ./clipboard)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_clipboard)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ClipboardPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<ClipboardPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ClipboardPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type {RNPackageContext, RNPackage} from 'rnoh/ts';
+import {SamplePackage} from 'rnoh-sample-package/ts';
++ import {ClipboardPackage} from '@react-native-oh-tpl/clipboard/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ClipboardPackage(ctx)
+  ];
+}
+
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases)
+
+### 权限要求
+
+> [!tip] "ohos.permission.READ_PASTEBOARD"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.READ_PASTEBOARD",
++    "reason": "$string:Access_clipboard",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"always"
++    }
++  },
+]
+```
+
+#### 在 entry 目录下添加申请剪切板权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_clipboard",
++      "value": "access clipboard"
++    }
+  ]
+}
+```
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        | Description                                                                                                                                                                                                               | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| getString   | Get content of string type, this method returns a Promise, so you can use following code to get clipboard content                                                                                                         | function | NO       | iOS,Android | yes               |
+| setString   | Set content of string type. You can use following code to set clipboard content                                                                                                                                           | function | NO       | iOS,Android | yes               |
+| hasString   | Returns whether the clipboard has content or is empty.                                                                                                                                                                    | function | NO       | iOS,Android | yes               |
+| getImage    | Get content of image in base64 string type, this method returns a Promise, so you can use following code to get clipboard content (ANDROID only)                                                                          | function | NO       | Android     | no                |
+| getStrings  | (iOS only) Get contents of string array type, this method returns a Promise, so you can use following code to get clipboard content                                                                                       | function | NO       | iOS        | yes                |
+| setStrings  | (iOS only) Set content of string array type. You can use following code to set clipboard content                                                                                                                          | function | NO       | iOS        | yes                |
+| hasNumber   | (iOS 14+ only) Returns whether the clipboard has a Number(UIPasteboardDetectionPatternNumber) content. Can check if there is a Number content in clipboard without triggering PasteBoard notification for iOS 14+         | function | NO       | iOS        | yes               |
+| hasImage    | Returns whether the clipboard has a Image                                                                                                                                                                                 | function | NO       | iOS        | yes               |
+| hasUrl      | (iOS only) Returns whether the clipboard has a URL content. Can check if there is a URL content in clipboard without triggering PasteBoard notification for iOS 14+                                                       | function | NO       | iOS        | yes                |
+| hasWebUrl   | (iOS 14+ only) Returns whether the clipboard has a WebURL(UIPasteboardDetectionPatternProbableWebURL) content. Can check if there is a WebURL content in clipboard without triggering PasteBoard notification for iOS 14+ | function | NO       | iOS        | yes               |
+| setImage    | Set content of Image type.（base64 string）                                                                                                                                                                               | function | NO       | iOS        | yes               |
+| getImageJPG | get base64 string of JPG Image                                                                                                                                                                                            | function | NO       | iOS        | yes               |
+| getImagePNG | get base64 string of PNG Image                                                                                                                                                                                            | function | NO       | iOS        | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-clipboard/clipboard/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-clippath-capi.md b/en/react-native-clippath-capi.md
new file mode 100644
index 00000000..560ec679
--- /dev/null
+++ b/en/react-native-clippath-capi.md
@@ -0,0 +1,249 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-clippath(CAPI)</code> </h1>
+</p>
+<p align="center">
+ <a href="https://github.com/Only-IceSoul/react-native-clippath">
+        <img src="https://img.shields.io/badge/platforms-ios%20%7C%20android%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-clippath/blob/sig/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath/tree/capi)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-clippathview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-clippathview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import { View, Text, ScrollView } from "react-native";
+import React from "react";
+import { ClipPathView } from "react-native-clippathview";
+
+export default function index() {
+  const viewBox = [0, 0, 400, 400];
+  const path = "M 0 0 L 400 0 L 0 400 L 400 400 Z";
+
+  return (
+    <ScrollView style={{ width: "100%", height: "100%" }}>
+      <ClipPathView d={path} style={{ backgroundColor: "#ff0" }}>
+        <Text style={{ height: 800, fontSize: 26 }}>
+          MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
+        </Text>
+      </ClipPathView>
+    </ScrollView>
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-clippathview": "file:../../node_modules/@react-native-oh-tpl/react-native-clippathview/harmony/clipPath.har",
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.配置 CMakeLists 和引入 ClipPathViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_END: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-clippathview/src/main/cpp" ./clippath)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_clip_path )
+# RNOH_BEGIN: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "ClipPathViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ClipPathViewPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ClipPathPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ClipPathPackage } from '@react-native-oh-tpl/react-native-clippathview/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ClipPathPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                                                                    | Type              | Required | Platform    | HarmonyOS Support |
+| -------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
+| svgKey               | 唯一 key                                                                                                       | string            | No       | Web | No               |
+| d                    | 形状由一系列命令定义（svg path data）                                                                          | string            | No       | iOS/Android | Yes               |
+| viewBox              | 定义用户空间中的位置和维度                                                                                     | Array<Number>(4)  | No       | iOS/Android | Yes               |
+| align                | preserveAspectRatio 属性的 align                                                                               | string            | No       | iOS/Android | Yes                |
+| aspect               | preserveAspectRatio 属性的 meetOrSlice                                                                         | meet/slice/none   | No       | iOS/Android | Yes                |
+| fillRule             | 路径内部填充规则                                                                                               | nonzero/evenodd   | No       | iOS/Android | Yes                |
+| strokeWidth          | 路径描边宽度                                                                                                   | number            | No       | iOS/Android | Yes               |
+| strokeCap            | 开放路径两端的形状                                                                                             | butt/round/square | No       | iOS/Android | Yes               |
+| strokeJoin           | 路径转角处使用的形状                                                                                           | bevel/miter/round | No       | iOS/Android | Yes               |
+| strokeMiter          | strokeJoin 值是 miter，设置夹角延伸                                                                            | number            | No       | iOS/Android | Yes               |
+| strokeStart          | iOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是 0。                                                  | number            | No       | iOS/Android | Yes                |
+| strokeEnd            | iOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是 1，如果小于等于 strokeStart 则绘制不出任何内容。 | number            | No       | iOS/Android | Yes                |
+| translateZ           | 设置定位层级，相当于 index                                                                                     | number            | No       | iOS/Android | Yes               |
+| transX               | 在二维平面上水平方向移动元素                                                                                   | number            | No       | iOS/Android | Yes               |
+| transY               | 在二维平面上垂直方向移动元素                                                                                   | number            | No       | iOS/Android | Yes               |
+| transPercentageValue | transX、transY 使用百分比                                                                                      | boolean           | No       | iOS/Android | Yes               |
+| rot                  | 元素围绕一个定点旋转                                                                                           | number            | No       | iOS/Android | Yes               |
+| rotOx                | 旋转中心点水平位置                                                                                             | number            | No       | iOS/Android | Yes               |
+| rotOy                | 旋转中心点垂直位置                                                                                             | number            | No       | iOS/Android | Yes               |
+| rotPercentageValue   | rotOx、rotOy 使用百分比                                                                                        | boolean           | No       | iOS/Android | Yes               |
+| sc                   | 放大或缩小元素                                                                                                 | number            | No       | iOS/Android | Yes               |
+| scX                  | 水平缩放                                                                                                       | number            | No       | iOS/Android | Yes               |
+| scY                  | 垂直缩放                                                                                                       | number            | No       | iOS/Android | Yes               |
+| scO                  | 缩放中心点位置                                                                                                 | number            | No       | iOS/Android | Yes               |
+| scOx                 | 缩放中心点水平位置                                                                                             | number            | No       | iOS/Android | Yes               |
+| scOy                 | 缩放中心点垂直位置                                                                                             | number            | No       | iOS/Android | Yes               |
+| scPercentageValue    | scO、scOx、scOy 使用百分比                                                                                     | boolean           | No       | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-clippath/blob/capi/LICENSE) ，请自由地享受和参与开源。
+
+---
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-clippathview.md b/en/react-native-clippathview.md
new file mode 100644
index 00000000..e14bb33e
--- /dev/null
+++ b/en/react-native-clippathview.md
@@ -0,0 +1,235 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-clippathview</code> </h1>
+</p>
+<p align="center">
+        <a href="https://github.com/Only-IceSoul/react-native-clippath/blob/main">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-clippathview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-clippathview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```jsx
+import { View, Text, ScrollView } from "react-native";
+import React from "react";
+import { ClipPathView } from "react-native-clippathview";
+
+export default function index() {
+  const viewBox = [0, 0, 400, 400];
+  const path = "M 0 0 L 400 0 L 0 400 L 400 400 Z";
+
+  return (
+    <ScrollView style={{ width: "100%", height: "100%" }}>
+      <ClipPathView d={path} style={{ backgroundColor: "#ff0" }}>
+        <Text style={{ height: 800, fontSize: 26 }}>
+          MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
+        </Text>
+      </ClipPathView>
+    </ScrollView>
+  );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "rnoh": "file:../rnoh",
+    "@react-native-oh-library/react-native-clippathview": "file:../../node_modules/@react-native-oh-tpl/react-native-clippathview/harmony/clip_path.har",
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 ClipPath 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
++ import { ClipPath } from '@react-native-oh-library/react-native-clippathview';
+
+@Builder
+function buildCustomComponent(ctx: ComponentBuilderContext) {
+  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
+    SampleView({
+      ctx: ctx.rnComponentContext,
+      tag: ctx.tag,
+      buildCustomComponent: buildCustomComponent
+    })
+  }
++ else if (ctx.componentName === ClipPath.NAME) {
++   ClipPath({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag,
++   })
++ }
+ ...
+}
+...
+```
+
+### 4.在 ArkTs 侧引入 ClipPathPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type {RNPackageContext, RNPackage} from 'rnoh/ts';
+import {SamplePackage} from 'rnoh-sample-package/ts';
++ import { ClipPathPackage } from '@react-native-oh-library/react-native-clippathview/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ClipPathPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                  | Type              | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
+| svgKey               | 唯一 key                                                     | string            | No       | iOS/Android | Yes               |
+| d                    | 形状由一系列命令定义（svg path data）                        | string            | No       | iOS/Android | Yes               |
+| viewBox              | 定义用户空间中的位置和维度                                   | Array<Number>(4)  | No       | iOS/Android | Yes               |
+| align                | preserveAspectRatio 属性的 align                             | string            | No       | iOS/Android | No                |
+| aspect               | preserveAspectRatio 属性的 meetOrSlice                       | meet/slice/none   | No       | iOS/Android | No                |
+| fillRule             | 路径内部填充规则                                             | nonzero/evenodd   | No       | iOS/Android | No                |
+| strokeWidth          | 路径描边宽度                                                 | number            | No       | iOS/Android | Yes               |
+| strokeCap            | 开放路径两端的形状                                           | butt/round/square | No       | iOS/Android | Yes               |
+| strokeJoin           | 路径转角处使用的形状                                         | bevel/miter/round | No       | iOS/Android | Yes               |
+| strokeMiter          | strokeJoin 值是 miter，设置夹角延伸                          | number            | No       | iOS/Android | Yes               |
+| strokeStart          | iOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是 0。 | number            | No       | iOS/Android | No                |
+| strokeEnd            | iOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是 1，如果小于等于 strokeStart 则绘制不出任何内容。 | number            | No       | iOS/Android | No                |
+| translateZ           | 设置定位层级，相当于 index                                   | number            | No       | iOS/Android | Yes               |
+| transX               | 在二维平面上水平方向移动元素                                 | number            | No       | iOS/Android | Yes               |
+| transY               | 在二维平面上垂直方向移动元素                                 | number            | No       | iOS/Android | Yes               |
+| transPercentageValue | transX、transY 使用百分比                                    | boolean           | No       | iOS/Android | Yes               |
+| rot                  | 元素围绕一个定点旋转                                         | number            | No       | iOS/Android | Yes               |
+| rotOx                | 旋转中心点水平位置                                           | number            | No       | iOS/Android | Yes               |
+| rotOy                | 旋转中心点垂直位置                                           | number            | No       | iOS/Android | Yes               |
+| rotPercentageValue   | rotOx、rotOy 使用百分比                                      | boolean           | No       | iOS/Android | Yes               |
+| sc                   | 放大或缩小元素                                               | number            | No       | iOS/Android | Yes               |
+| scX                  | 水平缩放                                                     | number            | No       | iOS/Android | Yes               |
+| scY                  | 垂直缩放                                                     | number            | No       | iOS/Android | Yes               |
+| scO                  | 缩放中心点位置                                               | number            | No       | iOS/Android | Yes               |
+| scOx                 | 缩放中心点水平位置                                           | number            | No       | iOS/Android | Yes               |
+| scOy                 | 缩放中心点垂直位置                                           | number            | No       | iOS/Android | Yes               |
+| scPercentageValue    | scO、scOx、scOy 使用百分比                                   | boolean           | No       | iOS/Android | Yes               |
+
+## 遗留问题
+
+- [ ] 部分属性目前版本暂不支持，具体参考属性表格 `HarmonyOS ` 列: [issue#15](https://github.com/react-native-oh-library/react-native-clippath/issues/15)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+---
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-code-push.md b/en/react-native-code-push.md
new file mode 100644
index 00000000..0ba8a084
--- /dev/null
+++ b/en/react-native-code-push.md
@@ -0,0 +1,432 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-code-push</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/microsoft/react-native-code-push">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/microsoft/react-native-code-push/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-code-push)
+
+## 前期准备
+
+### code-push-cli
+
+1. 克隆 [code-push-cli](https://github.com/react-native-oh-library/code-push-cli) 到本地
+2. 在 code-push-cli 目录下执行 `npm install`
+3. 在 code-push-cli 目录下执行 `npm run start`，用于生成 `bin` 目录
+4. npm install -g <code-push-cli文件夹目录>
+5. 重开一个终端，执行 `code-push -v`，如正常输出版本号即安装成功
+
+code-push-cli常用命令：
+
+```
+code-push -v
+code-push login <服务器地址>
+code-push app list //列出账号下面的所有app
+code-push app add <apppname> harmony react-native //创建应用
+code-push release <AppName> <bundle.harmony.js> "<版本号>" --description "<v1.0.0 测试更新>" -m //发包命令，加-m是强制更新, * 代表所有版本，例如：code-push release CodePush_Local ./bundle.harmony.js "*" --description "v1.0.0 测试更新"
+```
+
+### code-push-server
+
+1. 克隆 [code-push-server](https://github.com/react-native-oh-library/code-push-server) 到本地
+2. 在 code-push-server 目录下执行 `npm install`
+4. 安装 mysql、redis
+5. 修改 `code-push-server/src/core/config.ts` 配置文件
+3. 在 code-push-server 目录下执行 `npm run dev`，用于生成 `bin` 目录
+6. 在 code-push-server 目录下执行 `npm run start` 启动服务
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-code-push@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-code-push@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import React, {Component} from 'react'
+import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
+import CodePush from 'react-native-code-push';
+class App extends Component<any,any>{
+    constructor(props:any) {
+        super(props);
+        this.state={
+            syncMessage:'',
+            progress:{}
+        }
+    }
+    componentDidMount() {
+        console.log('开始检查更新')
+        this.syncImmediate(); //开始检查更新
+    }
+    syncImmediate() {
+        CodePush.sync(
+            {
+                updateDialog: {
+                    appendReleaseDescription: true, //是否显示更新description，默认为false
+                    descriptionPrefix: '更新内容：', //更新说明的前缀。 默认是” Description:
+                    mandatoryContinueButtonLabel: '立即更新', //强制更新的按钮文字，默认为continue
+                    mandatoryUpdateMessage: '', //- 强制更新时，更新通知. Defaults to “An update is available that must be installed.”.
+                    optionalIgnoreButtonLabel: '稍后', //非强制更新时，取消按钮文字,默认是ignore
+                    optionalInstallButtonLabel: '后台更新', //非强制更新时，确认文字. Defaults to “Install”
+                    optionalUpdateMessage: '有新版本了，是否更新？', //非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?”.
+                    title: '更新提示', //要显示的更新通知的标题. Defaults to “Update available”.
+                },
+            },
+            this.codePushStatusDidChange.bind(this),
+            this.codePushDownloadDidProgress.bind(this),
+        );
+    }
+
+    codePushStatusDidChange(syncStatus:string|number) {
+        switch (syncStatus) {
+            case CodePush.SyncStatus.CHECKING_FOR_UPDATE:
+                this.setState({syncMessage: 'Checking for update.'});
+                break;
+            case CodePush.SyncStatus.DOWNLOADING_PACKAGE:
+                this.setState({syncMessage: 'Downloading package.',progressModalVisible:true});
+                break;
+            case CodePush.SyncStatus.AWAITING_USER_ACTION:
+                this.setState({syncMessage: 'Awaiting user action.'});
+                break;
+            case CodePush.SyncStatus.INSTALLING_UPDATE:
+                this.setState({syncMessage: 'Installing update.',progressModalVisible:true});
+                break;
+            case CodePush.SyncStatus.UP_TO_DATE:
+                this.setState({syncMessage: 'App up to date.', progress: false});
+                break;
+            case CodePush.SyncStatus.UPDATE_IGNORED:
+                this.setState({syncMessage: 'Update cancelled by user.', progress: false,});
+                break;
+            case CodePush.SyncStatus.UPDATE_INSTALLED:
+                this.setState({syncMessage: 'Update installed and will be applied on restart.', progress: false,});
+                break;
+            case CodePush.SyncStatus.UNKNOWN_ERROR:
+                this.setState({syncMessage: 'An unknown error occurred.', progress: false,});
+                break;
+        }
+    }
+
+    codePushDownloadDidProgress(progress:any) {
+        this.setState({progress});
+    }
+
+    render(){
+        return(
+            <View style={styles.container}>
+                <Text style={styles.welcome}>欢迎使用热更新--test!</Text>
+                <Text>SyncStatus: { this.state.syncMessage}</Text>
+                <Text>{this.state.progressModalVisible.toString()}</Text>
+                <TouchableOpacity onPress={this.syncImmediate.bind(this)}>
+                    <Text style={styles.syncButton}>Press for dialog-driven sync</Text>
+                </TouchableOpacity>
+            </View>
+        )
+    }
+}
+
+const styles = StyleSheet.create({
+    container:{
+        flex: 1,
+        alignItems: 'center',
+        backgroundColor: '#F5FCFF',
+        paddingTop: 10,
+    },
+    welcome:{
+        fontSize: 20,
+        textAlign: 'center',
+        margin: 10,
+    },
+    syncButton: {
+        color: 'green',
+        fontSize: 17,
+    },
+})
+
+let codePushOptions = {checkFrequency: CodePush.CheckFrequency.MANUAL};
+
+
+export default CodePush(codePushOptions)(App);
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-code-push": "file:../../node_modules/@react-native-oh-tpl/react-native-code-push/harmony/codePush.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 CodePushPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { CodePushPackage } from "@react-native-oh-tpl/react-native-code-push/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new CodePushPackage(ctx)
+  ];
+}
+```
+
+### 4.在 ArkTs 侧引入 comparingVersion 方法
+
+打开 `entry/src/main/ets/pages/index.ets`，调用 comparingVersion 方法比对code-push版本号，用于覆盖安装时清除沙箱历史资源
+
+```diff
++ import { comparingVersion } from "@react-native-oh-tpl/react-native-code-push";
+
+@Entry
+@Component
+struct Index {
+  
+  aboutToAppear() {
++     comparingVersion(context);
+  }
+}
+```
+
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+修改`tester\harmony\entry\src\main\ets\pages\Index.ets`文件
+
+```diff
+...
++ import common from '@ohos.app.ability.common';
++ let context = getContext(this) as common.UIAbilityContext;
++ import BuildProfile from 'BuildProfile';
++ interface CodePushConfig{
++  Staging:String;
++  Production:String;
++  ServerUrl:String;
++  PublicKey:String;
++ }
+struct Index {
+  @StorageLink('RNOHCoreContext') private rnohCoreContext: RNOHCoreContext | undefined = undefined
+  @State shouldShow: boolean = false
+  private logger!: RNOHLogger
++ bundlePath:string = 'bundle.harmony.js'
+aboutToAppear() {
+     ...
++   this.setCodeConfig()
+    this.shouldShow = true
+    stopTracing()
+  }
++ setCodeConfig(){
++    const CodePushConfig: CodePushConfig = {
++      Staging:BuildProfile.Staging,
++      Production:BuildProfile.Production,
++      ServerUrl:BuildProfile.ServerUrl,
++      PublicKey:BuildProfile.PublicKey
++    }
++    AppStorage.SetOrCreate('CodePushConfig',CodePushConfig)
++  }
+build() {
+   Column() {
+    ...
+    RNApp({
+    jsBundleProvider:new TraceJSBundleProviderDecorator(
+            new AnyJSBundleProvider([
+              new MetroJSBundleProvider(),
+              // NOTE: to load the bundle from file, place it in
+              // `/data/app/el2/100/base/com.rnoh.tester/files/bundle.harmony.js`
+              // on your device. The path mismatch is due to app sandboxing on HarmonyOS
++              new FileJSBundleProvider(context.filesDir + '/Bundles/' + this.bundlePath),
+              new FileJSBundleProvider('/data/storage/el2/base/files/bundle.harmony.js'),
+              new ResourceJSBundleProvider(this.rnohCoreContext.uiAbilityContext.resourceManager, 'hermes_bundle.hbc'),
+              new ResourceJSBundleProvider(this.rnohCoreContext.uiAbilityContext.resourceManager, 'bundle.harmony.js')
+            ]),
+            this.rnohCoreContext.logger),
+    })
+
+   }
+
+}
+```
+
+打开`tester/harmony/entry/build-profile.json5`，添加配置
+
+```diff
+{
+  "apiType": 'stageMode',
+  "buildOption": {
+    "externalNativeOptions": {
+      "path": "./src/main/cpp/CMakeLists.txt",
+      "arguments": "",
+      "cppFlags": "-s",
+    },
++    "arkOptions": {
++      "buildProfileFields": {
++        "Staging": "", //测试环境Key
++        "Production": "",//生产环境Key
++        "ServerUrl": "",//服务端地址
++        "PublicKey": "PublicKey"
+      }
+    }
+  },
+  "targets": [
+    {
+      "name": "default",
+      "runtimeOS": "HarmonyOS"
+    },
+    {
+      "name": "ohosTest",
+    }
+  ]
+}
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases)
+
+## API
+
+| Name              | Description                                                                                                                  | Type     | Required | Platform                                | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------------------------------- | ----------------- |
+| sync              | sync方法，自动模式更新                                                                                                                | function | yes      | Android IOS | yes               |
+| getUpdateMetadata | 获取当前已安装更新的元数据(RemotePackage),当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                 | function | no       | Android iOS                             | yes               |
+| DownloadProgress  | 下载中的进度回调，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android iOS                             | yes               |
+| restartApp        | 重启App，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                        | function | no       | Android iOS                             | yes               |
+| getCurrentPackage | 获取应用版本信息，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android iOS                             | yes               |
+| getConfiguration  | 获取应用配置信息，appVersion（版本号），deploymentKey（deploymentKey），serverUrl（服务器地址），clientUniqueId（唯一标识码）,当使用sync方法时，不需要调用本方法，因为sync会自动调用 | function | no       | Android iOS                             | yes               |
+
+**updateDialog**
+
+当使用**CodePush.updateDialog**方法时，updateDialog以下参数都是可选的，代表更新的对话框，默认是null, 
+
+| Name                         | Description                                                                      | Type    | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | -------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| appendReleaseDescription     | 是否显示更新description，默认为false                                                       | boolean | no       | Android iOS | yes               |
+| descriptionPrefix            | 更新说明的前缀。 默认是” Description:                                                       | string  | no       | Android iOS | yes               |
+| mandatoryContinueButtonLabel | 强制更新的按钮文字，默认为continue                                                            | string  | no       | Android iOS | yes               |
+| mandatoryUpdateMessage       | 强制更新时，更新通知. Defaults to “An update is available that must be installed.”         | string  | no       | Android iOS | yes               |
+| optionalIgnoreButtonLabel    | updateDialog非强制更新时，取消按钮文字,默认是ignore                                              | string  | no       | Android iOS | yes               |
+| optionalInstallButtonLabel   | 非强制更新时，确认文字. Defaults to “Install”                                               | string  | no       | Android iOS | yes               |
+| optionalUpdateMessage        | 非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?” | string  | no       | Android iOS | yes               |
+| title                        | 要显示的更新通知的标题. Defaults to “Update available”.                                     | string  | no       | Android iOS | yes               |
+
+**SyncStatus**
+
+当使用**CodePush.SyncStatus**时，codePushStatusDidChange回调函数中获取应用状态
+
+| Name                 | Description                                                         | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| UP_TO_DATE           | 值为0，代表应用程序已完全更新到配置的部署,                                              | number | no       | Android iOS | yes               |
+| UPDATE_INSTALLED     | 值为1，已安装可用更新，并将在syncStatusChangedCallback函数返回后立即运行或在下次应用程序恢复/重新启动时运行 | number | no       | Android iOS | yes               |
+| UNKNOWN_ERROR        | 值为3，同步操作发现未知错误                                                      | number | no       | Android iOS | yes               |
+| CHECKING_FOR_UPDATE  | 值为5，正在查询 CodePush 服务器是否有更新                                          | number | no       | Android iOS | yes               |
+| AWAITING_USER_ACTION | 值为6，有更新可用，并向最终用户显示确认对话框。（仅在updateDialog使用时适用）                       | number | no       | Android iOS | yes               |
+| DOWNLOADING_PACKAGE  | 值为7，在从 CodePush 服务器下载可用更新                                           | number | no       | Android iOS | yes               |
+| INSTALLING_UPDATE    | 值为8，已下载可用更新并将安装                                                     | number | no       | Android iOS | yes               |
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/microsoft/react-native-code-push/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-collapsible.md b/en/react-native-collapsible.md
new file mode 100644
index 00000000..6161a96b
--- /dev/null
+++ b/en/react-native-collapsible.md
@@ -0,0 +1,146 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-collapsible</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/oblador/react-native-collapsible">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/oblador/react-native-collapsible/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/oblador/react-native-collapsible)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-collapsible@1.6.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-collapsible@1.6.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState } from 'react';
+import { ScrollView, StyleSheet, Text, View, TouchableOpacity,Button } from 'react-native';
+import Collapsible from 'react-native-collapsible';
+import Accordion from 'react-native-collapsible/Accordion';
+export function CollapsibleExample() {
+    const [activeSections, setActiveSections] = useState([0]);
+    const [isCollapsed, setIsCollapsed] = useState(true);
+    function renderHeader(section: any, _: any, isActive: any) {
+        return (<Text>{section.title}</Text>);
+    };
+    function renderContent(section: any, _: any, isActive: any) {
+        return (<Text>{section.content}</Text> );
+    }
+    return(
+        <ScrollView>
+         <Accordion
+            activeSections={activeSections}
+            sections={CONTENT}
+            touchableComponent={TouchableOpacity}
+            renderHeader={renderHeader}
+            renderContent={renderContent}
+            duration={400}
+            onChange={setActiveSections}
+            renderAsFlatList={false}
+        />
+        <Button title = "open" onPress = {() =>{ setIsCollapsed(!isCollapsed) } } />
+            <Collapsible 
+                collapsed={isCollapsed}
+                onAnimationEnd = { ()=>{ console.log("log:动画结束") } }
+                duration = { 100 }
+                collapsedHeight = { 0 } >
+                <Button title = "aaaaa" />
+                <Button title = "bbbbb" />
+            </Collapsible>
+        </ScrollView>
+    );
+}
+const CONTENT = [
+    { title: 'First', feet: '1', content: "a", },
+    { title: 'Second', feet: '2', content: "b", },
+    { title: 'Third', feet: '3', content: "c", },
+];
+```
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Collapsible
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| **`align`**                   | Alignment of the content when transitioning, can be `top`, `center` or `bottom`                           | enum | no | All | yes |                                                                                                                                                                                       
+| **`collapsed`**               | Whether to show the child components or not                                                                | boolean | no | All | yes |                                                                                                                                                                                     
+| **`collapsedHeight`**         | Which height should the component collapse to                                                           | number | no | All | yes |                                                                                                                                                                                       
+| **`enablePointerEvents`**     | Enable pointer events on collapsed view                                                                   | boolean | no | All | yes |                                                                                                                                                                                         
+| **`duration`**                | Duration of transition in milliseconds                                                                   | number | no | All | yes |                                                                                                                                                                                        
+| **`easing`**                  | Function or function name from [`Easing`](https://github.com/facebook/react-native/blob/master/Libraries/Animated/src/Easing.js) (or [`tween-functions`](https://github.com/chenglou/tween-functions) if < RN 0.8). Collapsible will try to combine `Easing` functions for you if you name them like `tween-functions`. | string \| function | no | All | yes |
+| **`renderChildrenCollapsed`** | Render children in collapsible even if not visible.                                                       | boolean | no | All | yes |                                                                                                                                                                                          
+| **`style`**                   | Optional styling for the container                                                                       | object | no | All | yes |                                                                                                                                                                                         
+| **`onAnimationEnd`**          | Callback when the toggle animation is done. Useful to avoid heavy layouting work during the animation    | function | no | All | yes |
+
+#### Accordion 
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| **`sections`**                                          | An array of sections passed to the render methods                                                              | array | no | All | yes |
+| **`renderHeader(content, index, isActive, sections)`**  | A function that should return a renderable representing the header                                             | function | no | All | yes |
+| **`renderContent(content, index, isActive, sections)`** | A function that should return a renderable representing the content                                            | function | no | All | yes |
+| **`renderFooter(content, index, isActive, sections)`**  | A function that should return a renderable representing the footer                                             | function | no | All | yes |
+| **`renderSectionTitle(content, index, isActive)`**      | A function that should return a renderable representing the title of the section outside the touchable element | function | no | All | yes |
+| **`onChange(indexes)`**                                 | A function that is called when the currently active section(s) are updated.                                    | function | no | All | yes |
+| **`keyExtractor(item, index)`**                         | Used to extract a unique key for a given item at the specified index.                                          | function | no | All | yes |
+| **`activeSections`**                                    | Control which indices in the `sections` array are currently open. If empty, closes all sections.               | array | no | All | yes |
+| **`underlayColor`**                                     | The color of the underlay that will show through when tapping on headers. Defaults to black.                   | string | no | All | yes |
+| **`touchableComponent`**                                | The touchable component used in the Accordion. Defaults to `TouchableHighlight`                                | object | no | All | yes |
+| **`touchableProps`**                                    | Properties for the `touchableComponent`                                                                        | object | no | All | yes |
+| **`disabled`**                                          | Set whether the user can interact with the Accordion                                                           | boolean | no | All | yes |
+| **`align`**                                             | See `Collapsible`                                                                                              | enum | no | All | yes |
+| **`duration`**                                          | See `Collapsible`                                                                                              | number | no | All | yes |
+| **`easing`**                                            | See `Collapsible`                                                                                              | string \| function | no | All | yes |
+| **`onAnimationEnd(key, index)`**                        | See `Collapsible`.                                                                                             | function | no | All | yes |
+| **`expandFromBottom`**                                  | Expand content from the bottom instead of the top                                                              | boolean | no | All | yes |
+| **`expandMultiple`**                                    | Allow more than one section to be expanded. Defaults to false.                                                 | boolean | no | All | yes |
+| **`sectionContainerStyle`**                             | Optional styling for the section container.                                                                    | object | no | All | yes |
+| **`containerStyle`**                                    | Optional styling for the Accordion container.                                                                  | object | no | All | yes |
+| **`renderAsFlatList`**                                  | Optional rendering as FlatList (defaults to false).                                                            | boolean | no | All | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-collapsible/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-color-matrix-image-filters.md b/en/react-native-color-matrix-image-filters.md
new file mode 100644
index 00000000..43d720c5
--- /dev/null
+++ b/en/react-native-color-matrix-image-filters.md
@@ -0,0 +1,290 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-color-matrix-image-filters</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/iyegoroff/react-native-color-matrix-image-filters">
+         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+       <a href="https://github.com/iyegoroff/react-native-color-matrix-image-filters/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {
+    Achromatomaly,
+    Achromatopsia,
+    Brightness
+} from 'react-native-color-matrix-image-filters';
+
+import { View, StyleSheet, Image } from 'react-native';
+
+export const ColorMatrixImageFiltersTest = () => {
+
+    return (<View>
+        <Achromatomaly>
+            <Image style={styles.image} source={require('./mini-parrot.jpg')} resizeMode={'stretch'} />
+        </Achromatomaly>
+        <Achromatopsia>
+            <Image style={styles.image} source={require('./mini-parrot.jpg')} resizeMode={'stretch'} />
+        </Achromatopsia>
+        <Brightness>
+            <Image style={styles.image} source={require('./mini-parrot.jpg')} resizeMode={'stretch'} />
+        </Brightness>
+    </View>)
+}
+
+const styles = StyleSheet.create({
+    image: {
+        width: 150,
+        height: 100,
+        justifyContent: 'center',
+        alignItems: 'center'
+    }
+})
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-color-matrix-image-filters": "file:../../node_modules/@react-native-oh-tpl/react-native-color-matrix-image-filters/harmony/color_matrix_image_filters.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+"@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+"@react-native-oh-tpl/react-native-color-matrix-image-filters": "file:../../node_modules/@react-native-oh-tpl/react-native-color-matrix-image-filters/harmony/color_matrix_image_filters"
+  }
+```
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 3.配置 CMakeLists 和引入 ColorMatrixImageFiltersPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-color-matrix-image-filters/src/main/cpp" ./color_matrix_image_filters)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_color_matrix_image_filters )
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ColorMatrixImageFiltersPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ColorMatrixImageFiltersPackage>(ctx)
+    };
+}
+```
+
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases)
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| matrix  | Matrix parameter transfer for image filter settings         | number[]  | yes | iOS/Android      | yes |
+
+
+### Supported filters
+
+| Component        | Additional props                                                                                                | function                                                                                                                           |
+| ---------------- | --------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
+| ColorMatrix      | matrix: Matrix                                                                                                  | -                                                                                                                                  |
+| Normal           | -                                                                                                               | normal(): Matrix                                                                                                                   |
+| RGBA             | red: number = 1, green: number = 1, blue: number = 1, alpha: number = 1                                         | rgba(red: number = 1, green: number = 1, blue: number = 1, alpha: number = 1): Matrix                                              |
+| Saturate         | amount: number = 1                                                                                              | saturate(amount: number = 1): Matrix                                                                                               |
+| HueRotate        | amount: number = 0                                                                                              | hueRotate(amount: number = 0): Matrix                                                                                              |
+| LuminanceToAlpha | -                                                                                                               | luminanceToAlpha(): Matrix                                                                                                         |
+| Invert           | -                                                                                                               | invert(): Matrix                                                                                                                   |
+| Grayscale        | amount: number = 1                                                                                              | grayscale(amount: number = 1): Matrix                                                                                              |
+| Sepia            | amount: number = 1                                                                                              | sepia(amount: number = 1): Matrix                                                                                                  |
+| Nightvision      | -                                                                                                               | nightvision(): Matrix                                                                                                              |
+| Warm             | -                                                                                                               | warm(): Matrix                                                                                                                     |
+| Cool             | -                                                                                                               | cool(): Matrix                                                                                                                     |
+| Brightness       | amount: number = 1                                                                                              | brightness(amount: number = 1): Matrix                                                                                             |
+| Contrast         | amount: number = 1                                                                                              | contrast(amount: number = 1): Matrix                                                                                               |
+| Temperature      | amount: number = 1                                                                                              | temperature(amount: number = 1): Matrix                                                                                            |
+| Tint             | amount: number = 0                                                                                              | tint(amount: number = 0): Matrix                                                                                                   |
+| Threshold        | amount: number = 0                                                                                              | threshold(amount: number = 0): Matrix                                                                                              |
+| Technicolor      | -                                                                                                               | technicolor(): Matrix                                                                                                              |
+| Polaroid         | -                                                                                                               | polaroid(): Matrix                                                                                                                 |
+| ToBGR            | -                                                                                                               | toBGR(): Matrix                                                                                                                    |
+| Kodachrome       | -                                                                                                               | kodachrome(): Matrix                                                                                                               |
+| Browni           | -                                                                                                               | browni(): Matrix                                                                                                                   |
+| Vintage          | -                                                                                                               | vintage(): Matrix                                                                                                                  |
+| Night            | amount: number = 0.1                                                                                            | night(amount: number = 0.1): Matrix                                                                                                |
+| Predator         | amount: number = 1                                                                                              | predator(amount: number = 1): Matrix                                                                                               |
+| Lsd              | -                                                                                                               | lsd(): Matrix                                                                                                                      |
+| ColorTone        | desaturation: number = 0.2, toned: number = 0.15, lightColor: string = "#FFE580", darkColor: string = "#338000" | colorTone(desaturation: number = 0.2, toned: number = 0.15, lightColor: string = "#FFE580", darkColor: string = "#338000"): Matrix |
+| DuoTone          | firstColor: string = "#FFE580", secondColor: string = "#338000"                                                 | duoTone(firstColor: string = "#FFE580", secondColor: string = "#338000"): Matrix                                                   |
+| Protanomaly      | -                                                                                                               | protanomaly(): Matrix                                                                                                              |
+| Deuteranomaly    | -                                                                                                               | deuteranomaly(): Matrix                                                                                                            |
+| Tritanomaly      | -                                                                                                               | tritanomaly(): Matrix                                                                                                              |
+| Protanopia       | -                                                                                                               | protanopia(): Matrix                                                                                                               |
+| Deuteranopia     | -                                                                                                               | deuteranopia(): Matrix                                                                                                             |
+| Tritanopia       | -                                                                                                               | tritanopia(): Matrix                                                                                                               |
+| Achromatopsia    | -                                                                                                               | achromatopsia(): Matrix                                                                                                            |
+| Achromatomaly    | -                                                                                                               | achromatomaly(): Matrix                          
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-communications.md b/en/react-native-communications.md
new file mode 100644
index 00000000..936eaaab
--- /dev/null
+++ b/en/react-native-communications.md
@@ -0,0 +1,137 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-communications</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/davebeehively/react-native-communications">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/davebeehively/react-native-communications/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/davebeehively/react-native-communications)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-communications@2.2.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-communications@2.2.1
+```
+
+<!-- tabs:end -->
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+var React = require('react-native');
+var {
+  StyleSheet,
+  View,
+  TouchableOpacity,
+  Text
+} = React;
+
+import { phonecall, text, textWithoutEncoding, email, web } from 'react-native-communications';
+
+const RNCommunications = () => {
+  const handleButton1Press = () => {
+    phonecall('0123456789', false)
+  }
+  const handleButton2Press = () => {
+    email(['email@xxx.com'], null, null, 'My Subject', 'My body text')
+  }
+  const handleButton3Press = () => {
+    text('0123456789')
+  }
+  const handleButton4Press = () => {
+    web('https://www.baidu.com/')
+  }
+  const handleButton5Press = () => {
+    textWithoutEncoding('0123456789', "9999999")
+  }
+
+  return (
+    <View style={styles.container}>
+      <TouchableOpacity style={styles.button} onPress={handleButton1Press}>
+        <Text>Make phonecall</Text>
+      </TouchableOpacity>
+      <TouchableOpacity style={styles.button} onPress={handleButton2Press}>
+        <Text>Send an email</Text>
+      </TouchableOpacity>
+      <TouchableOpacity style={styles.button} onPress={handleButton3Press}>
+        <Text>Send a text only phonenumber</Text>
+      </TouchableOpacity>
+      <TouchableOpacity style={styles.button} onPress={handleButton4Press}>
+        <Text>web to baidu</Text>
+      </TouchableOpacity>
+      <TouchableOpacity style={styles.button} onPress={handleButton5Press}>
+        <Text>Send a text with body</Text>
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  button: {
+    padding: 10,
+    margin: 5,
+    backgroundColor: 'white',
+    borderRadius: 5,
+  }
+});
+
+export default RNCommunications;
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| phonecall  | 拨打电话         | function  | yes | All      | yes |
+| email  | 发送电子邮件      | function  | yes | All      | no |
+| text  | 发送文本消息          | function  | yes | All      | yes |
+| textWithoutEncoding  | 发送文本消息，但是不进行编码处理       | function  | yes | All      | yes |
+| web  | 打开指定的网页 URL         | function  | yes | All      | yes |
+
+## 遗留问题
+
+- [ ] HarmonyOS 侧没有邮箱应用，导致email方法无法打开发送邮件界面。
+- [ ] text添加body之后，没法在短信界面拆分进短信输入栏，框架侧接口Linking.canOpenURL不支持。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/davebeehively/react-native-communications/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-community-blur.md b/en/react-native-community-blur.md
new file mode 100644
index 00000000..59382687
--- /dev/null
+++ b/en/react-native-community-blur.md
@@ -0,0 +1,424 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/blur</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Kureev/react-native-blur">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Kureev/react-native-blur/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blur)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/blur@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/blur@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+
+```js
+import React, { useState} from 'react';
+import {
+  Image,
+  StyleSheet,
+  Platform,
+  Switch,
+  Text,
+  View,
+  SafeAreaView,
+  Dimensions,
+} from 'react-native';
+
+import {
+  BlurView,
+  BlurViewProps,
+} from '@react-native-community/blur';
+
+export const Blurs = () => {
+  const [blurBlurType, setBlurBlurType] = useState<BlurViewProps['blurType']>('dark');
+  const [blurAmount, setBlurAmount] = useState<number>(100);
+  useState<BlurViewProps['blurType']>('dark');
+  const tintColor = blurBlurType === 'dark' ? 'white' : 'black';
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.blurContainer}>
+        <BlurView
+          blurType={blurBlurType}
+          blurAmount={blurAmount}
+          reducedTransparencyFallbackColor='red'
+          style={[styles.blurView]}
+        />
+        <Text style={[styles.text, { color: tintColor }]}>
+          Blur component ({Platform.OS})
+        </Text>
+
+        <View style={styles.row}>
+          <Text onPress={() => {
+            setBlurBlurType('light')
+          }}>light</Text>
+
+          <Text onPress={() => {
+            setBlurBlurType('dark')
+          }}>dark</Text>
+
+          <Text onPress={() => {
+            setBlurBlurType('chromeMaterialLight')
+          }}>chromeMaterialLight click will crash</Text>
+        </View>
+        <View style={styles.row}>
+          <Text onPress={() => {
+            setBlurAmount(20)
+          }}>20</Text>
+
+          <Text onPress={() => {
+            setBlurAmount(40)
+          }}>40</Text>
+
+          <Text onPress={() => {
+            setBlurAmount(60)
+          }}>60</Text>
+          <Text onPress={() => {
+            setBlurAmount(80)
+          }}>80</Text>
+
+          <Text onPress={() => {
+            setBlurAmount(100)
+          }}>100</Text>
+        </View>
+      </View>
+    </View>
+  );
+};
+
+export default const BlurDemo = () => {
+  const [showBlurs, setShowBlurs] = React.useState(false);
+  return (
+    <View style={styles.container}>
+    //'../assets/bgimage.jpeg' 此路径的图片为本地图片，在使用demo时将此图片的路径换为自己本地图片路径
+      <Image
+      
+        source={require('../assets/bgimage.jpeg')}
+        resizeMode="cover"
+        style={styles.img}
+      />
+      {showBlurs ? <Blurs /> : null}
+
+      <SafeAreaView style={styles.blurToggle}>
+        <Switch
+          onValueChange={(value) => setShowBlurs(value)}
+          value={showBlurs}
+        />
+      </SafeAreaView>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: 'transparent',
+  },
+  blurContainer: {
+    flex: 1,
+    backgroundColor: 'transparent',
+    justifyContent: 'center',
+    alignItems: 'stretch',
+  },
+  row: {
+    marginTop: 50,
+    flex: 1,
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'stretch',
+  },
+  blurView: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    width: Dimensions.get('window').width,
+  },
+
+  blurView2: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+  },
+  img: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    height: Dimensions.get('window').height,
+    width: Dimensions.get('window').width,
+  },
+  text: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    textAlign: 'center',
+    margin: 10,
+    color: 'white',
+  },
+  blurToggle: {
+    position: 'absolute',
+    top: 30,
+    right: 10,
+    alignItems: 'flex-end',
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```js
+ {
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/blur": "file:../../node_modules/@react-native-oh-tpl/blur/harmony/blur.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 BlurPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/blur/src/main/cpp" ./blur)
+# RNOH_END: add_package_subdirectories
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_blur)
+# RNOH_END: link_packages
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "BlurPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<BlurPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 BlurView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+
+```diff
++ import {  BlurView, BLUR_TYPE } from "@react-native-oh-tpl/blur"
+
+@Builder
+function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+ ...
++  if (ctx.componentName === BLUR_TYPE) {
++   BlurView({
++     ctx: ctx.rnohContext,
++     tag: ctx.tag,
++   })
++ }
+ ...
+}
+```
+
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+>[!TIP] 本库使用了混合方案，需要添加组件名。
+
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ BLUR_TYPE
+  ];
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+````
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                | Description                                                                               | Type      | Required | Platform | HarmonyOS Support |
+| ----------------------------------- | ----------------------------------------------------------------------------------------- | --------- |----------| ------- | ----------------- |
+| `blurType`                          | blur type                                                                                 | enum      | yes      | iOS,Android     | yes               |
+| `blurAmount?`                       | 0 - 100 (The maximum blurAmount on Android is 32, so higher values will be clamped to 32) | number    | no       | iOS,Android     | yes               |
+| `reducedTransparencyFallbackColor?` | Reduce transparency fallback color                                                        | Any color | no       | iOS     | no                |
+| `blurRadius?`                       | Matches iOS blurAmount                                                                    | number    | no       | Android | no                |
+| `downsampleFactor?`                 | Matches iOS blurAmount                                                                    | number    | no       | Android | no                |
+| `overlayColor?`                     | Default color based on iOS blurType                                                       | Any color | no       | Android | no                |
+
+#### blurType
+
+| Name                     | Description                                                                                            | Platform              | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------------------------------------------------ |-----------------------| ----------------- |
+| `xlight`                 | extra light blur type                                                                                  | iOS,Android                   | yes                |
+| `light`                  | light blur type                                                                                        | iOS,Android                   | yes               |
+| `dark`                   | dark blur type                                                                                         | iOS,Android                   | yes               |
+| `extraDark`              | extra dark blur type (tvOS only)                                                                       | iOS                   | yes                |
+| `regular`                | regular blur type (iOS 10+ and tvOS only)                                                              | iOS  | yes               |
+| `prominent`              | prominent blur type (iOS 10+ and tvOS only)                                                            | iOS  | yes                |
+| `chromeMaterial`         | An adaptable blur effect that creates the appearance of a material with normal thickness               | iOS 13 only           | yes                |
+| `material`               | An adaptable blur effect that creates the appearance of a material with normal thickness               | iOS 13 only           | yes                |
+| `thickMaterial`          | An adaptable blur effect that creates the appearance of a material that is thicker than normal         | iOS 13 only           | yes                |
+| `thinMaterial`           | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | yes                |
+| `ultraThinMaterial`      | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | yes                |
+| `chromeMaterialDark`     | A blur effect that creates the appearance of an ultra-thin material and is always dark                 | iOS 13 only           | yes                |
+| `materialDark`           | A blur effect that creates the appearance of a thin material and is always dark                        | iOS 13 only           | yes                |
+| `thickMaterialDark`      | A blur effect that creates the appearance of a material with normal thickness and is always dark       | iOS 13 only           | yes               |
+| `thinMaterialDark`       | A blur effect that creates the appearance of a material that is thicker than normal and is always dark | iOS 13 only           | yes               |
+| `ultraThinMaterialDark`  | A blur effect that creates the appearance of the system chrome and is always dark                      | iOS 13 only           | yes                |
+| `chromeMaterialLight`    | An adaptable blur effect that creates the appearance of the system chrome                              | iOS 13 only           | yes                |
+| `materialLight`          | An adaptable blur effect that creates the appearance of a material with normal thickness               | iOS 13 only           | yes                |
+| `thickMaterialLight`     | An adaptable blur effect that creates the appearance of a thin material                                | iOS 13 only           | yes               |
+| `thinMaterialLight`      | An adaptable blur effect that creates the appearance of a thin material                                | iOS 13 only           | yes               |
+| `ultraThinMaterialLight` | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | yes                |
+
+## API
+
+> [!TIP] "Platform"列表示该组件在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name           | Description                                                                                | Type      | Platform | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------------------------------------ | --------- |----------| ----------------- |
+| `BlurView`     | Preload images to display later. e.g.                                                      | component | iOS,Android      | yes               |
+| `VibrancyView` | The vibrancy effect lets the content underneath a blurred view show through more vibrantly | component | iOS      | no                |
+
+## 遗留问题
+
+- [ ] @react-native-community/blur的 VibrancyView组件未实现HarmonyOS化 [issue#7](https://github.com/react-native-oh-library/react-native-blur/issues/7)
+- [ ] @react-native-community/blur的reducedTransparencyFallbackColor属性未实现 HarmonyOS化[issue#8](https://github.com/react-native-oh-library/react-native-blur/issues/8)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-community-checkbox.md b/en/react-native-community-checkbox.md
new file mode 100644
index 00000000..b262a795
--- /dev/null
+++ b/en/react-native-community-checkbox.md
@@ -0,0 +1,273 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/checkbox</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-checkbox/react-native-checkbox">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-checkbox/react-native-checkbox/blob/develop/LICENSE">
+        <img src="https://img.shields.io/npm/l/@react-native-community/checkbox.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-checkbox)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/checkbox@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/checkbox@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import CheckBox from "@react-native-community/checkbox";
+import { useState } from "react";
+
+export default function CheckBoxExample() {
+    const [value, setValue] = useState<boolean>(false)
+    const [toggleCheckBox, setToggleCheckBox] = useState<boolean>(false)
+    return (
+        <CheckBox
+            disabled={false}
+            value={toggleCheckBox}
+            style={{ width: 70, height: 70 }}
+            tintColor={"red"}
+            onCheckColor={"green"}
+            onChange={(event) => {
+                setValue(event.nativeEvent.value);
+            }}
+            onValueChange={(newValue) => {
+                setToggleCheckBox(newValue);
+            }}
+        />
+    )
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/checkbox": "file:../../node_modules/@react-native-oh-tpl/checkbox/harmony/checkbox.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 CheckboxPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/checkbox/src/main/cpp" ./checkbox)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_checkbox)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "CheckboxPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<CheckboxPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 Checkbox 组件
+
+找到 `function buildCustomComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+    ...
++ import { RNCCheckbox, CHECKBOX_TYPE } from "@react-native-oh-tpl/checkbox"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+    ...
++   if (ctx.componentName === CHECKBOX_TYPE) {
++     RNCCheckbox({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag,
++     })
++   }
+...
+  }
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ CHECKBOX_TYPE
+  ];
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
+|---------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -------- | -------- |-------------|------------------|
+| `value`             | The value of the checkbox. If true the checkbox will be turned on. Default value is false.                                                                                                    | boolean  | No       | Android、iOS | yes              |
+| `testID`            | Used to locate this view in end-to-end tests.                                                                                                                                                 | string   | No       | Android、iOS | yes              |
+| `disabled`          | If true the user won't be able to toggle the checkbox. Default value is false.                                                                                                                | bool     | No       | Android、iOS | yes              |
+| `onCheckColor`      | Color of the check box when it is selected.                                                                                                                                                   | Color    | No       | iOS         | yes              |
+| `tintColor`         | Border color of the check box when it is not selected.                                                                                                                                        | Color    | No       | iOS         | yes              |
+| `shape`             | Sets component shapes, including circles and rounded squares. Default value is 0.                                                                                                             | int      | No       | harmony     | yes              |
+| `markSize`          | Size of the internal mark. The default size is the same as the width of the check box.This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used. | number   | No       | harmony     | yes              |
+| `strokeWidth`       | Stroke width of the internal mark. This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used.                                                   | number   | No       | harmony     | yes              |
+| `strokeColor`       | Color of the internal mark.                                                                                                                                                                   | Color    | No       | harmony     | yes              |
+| `lineWidth`         | The width of the lines of the check mark and box. Defaults to 2.0.                                                                                                                            | number    | No       | iOS         | No               |
+| `hideBox`           | Control if the box should be hidden or not. Defaults to false.                                                                                                                                | boolean    | No       | iOS         | No              |
+| `onFillColor`       | The color of the inside of the box when it is On. Defaults to transparent.                                                                                                                    | string      | No       | iOS      | No              |
+| `onTintColor`       | The color of the line around the box when it is On. Defaults to '#007aff'.                                                                                                                    | string   | No       | iOS      | No              |
+| `animationDuration` | The duration in seconds of the animations. Defaults to 0.5.                                                                                                                                   | number   | No       | iOS     | No              |
+| `onAnimationType`   | The type of animation to use when the checkbox gets checked. Default to 'stroke'.                                                                                                             | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
+| `offAnimationType`   | The type of animation to use when the checkbox gets unchecked. 'stroke'.                                                                                                                      | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                                                                                                                                                                                    | Type     | Required | Platform      | HarmonyOS Support |
+| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
+| `onChange`      | Invoked on change with the native event.                                                                                                                                                       | function | No       | Android、iOS   | yes               |
+| `onValueChange` | Invoked with the new boolean value when it changes.                                                                                                                                            | function | No       | Android、iOS   | yes               |
+
+## 遗留问题
+- [ ] 设置lineWidth属性，该属性用来控制复选框的线条宽度，未实现HarmonyOS化: [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3)
+- [ ] 设置hideBox属性，该属性用来控制复选框的显示与隐藏，未实现HarmonyOS化: [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4)
+- [ ] 设置onTintColor属性，该属性用来控制复选框的选中时边框的颜色，未实现HarmonyOS化: [issue#5](https://github.com/react-native-oh-library/react-native-checkbox/issues/5)
+- [ ] 设置onFillColor属性，该属性用来控制复选框未选中时框内部的颜色，未实现HarmonyOS化: [issue#9](https://github.com/react-native-oh-library/react-native-checkbox/issues/9)
+- [ ] 设置animationDuration属性，该属性用来控制选中和取消选中的动画持续时间，未实现HarmonyOS化: [issue#6](https://github.com/react-native-oh-library/react-native-checkbox/issues/6)
+- [ ] 设置onAnimationType属性，该属性用来控制选中时的动画类型，未实现 HarmonyOS化: [issue#7](https://github.com/react-native-oh-library/react-native-checkbox/issues/7)
+- [ ] 设置offAnimationType属性，该属性用来控制取消选中时的动画类型，未实现 HarmonyOS化: [issue#8](https://github.com/react-native-oh-library/react-native-checkbox/issues/8)
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-checkbox/blob/harmony/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-community-datetimepicker.md b/en/react-native-community-datetimepicker.md
new file mode 100644
index 00000000..8a8b3601
--- /dev/null
+++ b/en/react-native-community-datetimepicker.md
@@ -0,0 +1,313 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/datetimepicker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-datetimepicker/datetimepicker">
+         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+       <a href="https://github.com/react-native-datetimepicker/datetimepicker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/datetimepicker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/datetimepicker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/datetimepicker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react'
+import DateTimePicker from '@react-native-community/datetimepicker';
+import { SafeAreaView, Button, Text } from 'react-native'
+
+export const MDatetimepicker = () => {
+  const [date, setDate] = useState(new Date(new Date()));
+  const [mode, setMode] = useState('date');
+  const [show, setShow] = useState(false);
+
+  const onChange = (event: any, selectedDate: any) => {
+    const currentDate = selectedDate;
+    setShow(false);
+    setDate(currentDate);
+  };
+
+  const showMode = (currentMode: React.SetStateAction<string>) => {
+    setShow(true);
+    setMode(currentMode);
+  };
+
+  const showDatepicker = () => {
+    showMode('date');
+  };
+
+  const showTimepicker = () => {
+    showMode('time');
+  };
+
+  return (
+    <SafeAreaView>
+      <Button onPress={showDatepicker} title="Show date picker!" />
+      <Button onPress={showTimepicker} title="Show time picker!" />
+      <Text>selected: {date.toLocaleString()}</Text>
+      {show && (
+        <DateTimePicker
+          mode={mode}//partially (仅支持 date/time 模式)
+          style={{ width: 180, height: 80, backgroundColor: '#FFFFDD' }}
+          display='default' //partially (支持"default"，"spinner"，"compact"，"inline")
+          onChange={onChange}//partially (仅支持 type 为 set 类型)
+          value={date}
+          is24Hour={true} 
+          disabled={false} 
+          textColor={'#FFFFFF'}
+        />
+      )}
+    </SafeAreaView>
+  );
+};
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/datetimepicker": "file:../../node_modules/@react-native-oh-tpl/datetimepicker/harmony/datetimepicker.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 datetimepicker
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/datetimepicker/src/main/cpp" ./datetimepicker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_datetime_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "DateTimePickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<DateTimePickerPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 DateTimePicker 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNDateTimePicker, DATETIME_PICKER_VIEW_TYPE } from "@react-native-oh-tpl/datetimepicker"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === DATETIME_PICKER_VIEW_TYPE) {
++   RNDateTimePicker({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag,
++   })
++ }
+ ...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+ 
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ DATETIME_PICKER_VIEW_TYPE
+];
+```
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请查看[datetimepicker 官方文档](https://github.com/react-native-datetimepicker/datetimepicker)
+
+| Name        | Description                                              | Type     | Required | Platform                 | HarmonyOS Support                                 |
+| ----------- | -------------------------------------------------------- | -------- | -------- | ------------------------ | ------------------------------------------------- |
+| mode        | Defines the type of the picker                           | string   | 否       | All                      | partially (仅支持 date/time 模式)                      |
+| style       | Sets style directly on picker component.                 | object   | 否       | IOS only                 | yes                                               |
+| display     | Defines the visual display of the picker. The default value is "default". | string   | 否       | All                      | partially (支持"default"，<br/>"spinner"，"compact"，"inline") |
+| onChange    | Date change handler.                                     | function | 否       | All                      | partially (仅支持 type 为 set 类型)                     |
+| value       | Defines the date or time value used in the component.    | Date     | 是       | All                      | partially (仅 mode=date 且 <br/>display=spinner 时支持动态设置) |
+| is24Hour    | Allows changing of the time picker to a 24-hour format.  | bool     | 否       | Windows and Android only | yes                                               |
+| maximumDate | Defines the maximum date that can be selected            | Date     | 否       | All                      | partially (仅支持在 mode=date 且 <br/>display=spinner 时设置) |
+| minimumDate | Defines the minimum date that can be selected.           | Date     | 否       | All                      | partially (仅支持在 mode=date 且 <br/>display=spinner 时设置) |
+| disabled    | If true, the user won't be able to interact with the view. | bool     | 否       | IOS only                 | yes                                               |
+| textColor   | Allows changing of the textColor of the date picker.     | string   | 否       | IOS only                 | partially (仅支持在 mode=date 且 <br/>display=compact 时设置) |
+| timeZoneName   | Allows changing of the time zone of the date picker. By default, <br/>it uses the device's time zone.<br/> Use the time zone name from the IANA (TZDB) database name in https://en.wikipedia.org/wiki/List_of_tz_database_time_zones. | string   | 否       | iOS and Android only                 |  No  |
+| timeZoneOffsetInMinutes    | Allows changing of the time zone of the date picker.<br/> By default, it uses the device's time zone.<br/> We strongly recommend using timeZoneName prop instead; <br/>this prop has known issues in the android implementation (eg. #528). | number   | 否       | iOS and Android only                 |  No  |
+| timeZoneOffsetInSeconds    | Allows changing of the time zone of the date picker. <br/>By default, it uses the device's time zone. | number  | 否       |  Windows only                |  No  |
+| dayOfWeekFormat   | Sets the display format for the day of the week headers.<br/> Reference: https://docs.microsoft.com/en-us/uwp/api/windows.<br/>ui.xaml.controls.calendarview.dayofweekformat?view=winrt-18362#remarks    | string   | 否       | Windows only                 |  No  |
+| dateFormat   | Sets the display format for the date value in the picker's <br/>text box. Reference: https://docs.microsoft.com/en-us/uwp/api/windows.globalization.datetimeformatting.datetimeformatter?view=winrt-18362#examples    | string   | 否       | Windows only                 |  No  |
+| firstDayOfWeek    | Indicates which day is shown as the first day of the week.    | number   | 否 | Android and Windows only                 |  No  |
+| accentColor    | Allows changing the accentColor (tintColor) of the date picker. <br/>Has no effect when display is "spinner".    | string   | 否       | iOS only                 |  No  |
+| themeVariant    | Allows overriding system theme variant (dark or light mode) <br/>used by the date picker. However,<br/> we recommend that you instead control the theme of the whole application using react-native-theme-control.   | string   | 否       | iOS only                |  No  |
+| locale    | Allows changing the locale of the component. <br/>This affects the displayed text and the date / time formatting. <br/>By default, the device's locale is used.<br/> Please note using this prop is discouraged due to not working <br/>reliably in all picker modes. Prefer localization as documented in Localization note. | string   | 否       | iOS only                 |  No  |
+| positiveButton    | Set the positive button label and text color.            | Object   | 否       | Android only                 | No   |
+| neutralButton    | Allows displaying neutral button on picker dialog. <br/>Pressing button can be observed in onChange handler<br/> as event.type === 'neutralButtonPressed'    | Object   | 否       | Android only                 |  No  |
+| negativeButton     | Set the negative button label and text color.            | Object   | 否       | Android only                 |  No  |
+| minuteInterval     | The interval at which minutes can be selected. <br/>Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30On<br/> Windows, this can be any number between 0-59.    | number   | 否       | All                 |  No  |
+| testID     | Usually used by app automation frameworks. <br/>Fully supported on iOS.<br/> On Android, only supported for mode="date".    | string   | 否       | All                 |  Yes  |
+| ViewProps     | On iOS, you can pass any View props to the component.<br/> Given that the underlying component is a native view, <br/>not all of them are guaranteed to be supported,<br/> but testID and onLayout are known to work.   | Object   | 否       | iOS only                 |  No  |
+| onError     | Callback that is called when an error occurs inside <br/>the date picker native code (such as null activity). | function   | 否       | Android only                 |  No  |
+
+
+## 遗留问题
+
+- [x] 已解决：textColor 属性在 compact 和 inline 模式改变值后使用禁用操作，颜色会变白色[issue#17](https://github.com/react-native-oh-library/datetimepicker/issues/17)
+- [ ] 部分接口，未适配: [issue#20](https://github.com/react-native-oh-library/datetimepicker/issues/20#issue-2390348970)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-datetimepicker/datetimepicker/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-community-geolocation.md b/en/react-native-community-geolocation.md
new file mode 100644
index 00000000..106e3a04
--- /dev/null
+++ b/en/react-native-community-geolocation.md
@@ -0,0 +1,288 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> @react-native-community/geolocation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/michalchudziak/react-native-geolocation">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/michalchudziak/react-native-geolocation/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"/>
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-geolocation/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/geolocation@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/geolocation@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import Geolocation from "@react-native-community/geolocation";
+import { Button } from "react-native";
+
+export function GeolocationDemo(): JSX.Element {
+  const tap = () => {
+    Geolocation.setRNConfiguration({
+      skipPermissionRequests: true,
+      authorizationLevel: "auto",
+      enableBackgroundLocationUpdates: true,
+      locationProvider: "auto",
+    });
+    console.log("tap");
+  };
+
+  return <Button title='test' onPress={tap} />;
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+   ...
+   "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/geolocation": "file:../../node_modules/@react-native-oh-tpl/geolocation/harmony/geolocation.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 geolocation
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/geolocation/src/main/cpp" ./geolocation)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_geolocation)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "GeoLocationPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<GeoLocationPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 GeolocationPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {GeoLocationPackage} from '@react-native-oh-tpl/geolocation/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new GeoLocationPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)
+
+### 权限要求
+
+1.打开 `entry/src/main/module.json5`,添加相关配置
+
+```diff
+...
+{
+  "module": {
+      "requestPermissions": [
++      {
++        "name": "ohos.permission.APPROXIMATELY_LOCATION",
++        "reason": "$string:Access_location",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "always"
++        }
++      },
++      {
++        "name": "ohos.permission.LOCATION",
++        "reason": "$string:Access_location",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "always"
++       }
++      },
++     {
++        "name": "ohos.permission.INTERNET"
++      }
+    ]
+  }
+}
+```
+
+2.在 entry 目录下添加申请权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_location",
++      "value": "access location"
++    }
+  ]
+}
+```
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                                            | Type                                            | Required | Platform    | HarmonyOS Support | Notes                                                                                                                                                          |
+| -------------------- | -------------------------------------------------------------------------------------- | ----------------------------------------------- | -------- | ----------- | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| setRNConfiguration   | Sets configuration options that will be used in all location requests                  | function(config)                                | NO       | iOS Android | partially         | config only supports skipPermissionRequests                                                                                                                    |
+| requestAuthorization | Request suitable Location permission                                                   | function(success,error)                         | YES      | iOS Android | partially         | error: Only code and message are supported.                                                                                                                    |
+| getCurrentPosition   | Invokes the success callback once with the latest location info                        | function(success(position),error(error),option) | NO       | iOS Android | partially         | In position, only altitudeAccuracy is not supported. In option, only timeout and maximumAge are supported. In error, only code and message are supported.      |
+| watchPosition        | Invokes the success callback whenever the location changes. Returns a watchId (number) | function(success(postion),error(error),option)  | NO       | iOS Android | partially         | In position, only altitudeAccuracy is not supported. In error, only code and message are supported. In option, only interval and distanceFilter are supported. |
+| clearWatch           | Clears watch observer by id returned by watchPosition()                                | function(watchID)                               | NO       | iOS Android | yes               | watchID supports only the default value 0.                                                                                                                     |
+
+## 遗留问题
+
+- [ ] @react-native-oh-tpl/geolocation 部分属性未完全实现 HarmonyOS 化，maximumAge 延时问题: [issue#6](https://github.com/react-native-oh-library/react-native-geolocation/issues/6)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License(MIT)](https://github.com/michalchudziak/react-native-geolocation/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-community-hooks.md b/en/react-native-community-hooks.md
new file mode 100644
index 00000000..7ede9913
--- /dev/null
+++ b/en/react-native-community-hooks.md
@@ -0,0 +1,168 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-community-hooks</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-community/hooks">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-community/hooks/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-community/hooks)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-community/hooks@3.0.0
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-community/hooks@3.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```jsx
+
+import React, { useState } from 'react';
+import {
+    Text,
+    View,
+    ScrollView,
+    StyleSheet,
+    RefreshControl
+} from 'react-native';
+
+import {  useAppState, useLayout, useKeyboard, useDeviceOrientation, useRefresh, useInteractionManager } from '@react-native-community/hooks'
+export const HooksUnTester = () => {
+    const [backText, setBackText] = useState('')
+    const [refreshText, setRefreshText] = useState('下拉刷新')
+    const fetch = () => {
+        return new Promise((resolve) => setTimeout(() => { resolve(setRefreshText('刷新成功')) }, 500))
+    }
+    const { isRefreshing, onRefresh } = useRefresh(fetch);
+    return (
+        <View style={{ flex: 1 }}>
+            <ScrollView refreshControl={
+                <RefreshControl
+                    refreshing={isRefreshing}
+                    onRefresh={onRefresh}
+                />
+            }>
+                {/* hooks-useRefresh-demo */}
+                <View style={styles.testSuite}>
+                    <Text style={styles.titles}>useRefresh</Text>
+                    <View style={styles.textCase}>
+                        <Text> {refreshText} </Text>
+                    </View>
+                </View>
+                {/* hooks-useDeviceOrientation-demo */}
+                <View style={styles.testSuite}>
+                    <Text style={styles.titles}>useDeviceOrientation</Text>
+                    <View style={styles.textCase}>
+                        <Text>判断是横屏(landscape)还是纵屏(portrait)：{useDeviceOrientation()} </Text>
+                    </View>
+                </View>
+            </ScrollView>
+        </View>
+    );
+}
+const styles = StyleSheet.create({
+    useBackHandlerBtn: {
+        borderRadius: 6,
+        height: 36,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        margin: 10,
+        backgroundColor: 'rgb(61, 176, 236)',
+    },
+    TextInput: {
+        height: 40,
+        borderColor: '#fff',
+        borderWidth: 1,
+        borderRadius: 4,
+        width: '90%',
+        backgroundColor: '#fff'
+    },
+    testSuite: { backgroundColor: "#fff", margin: 10 },
+    titles: {
+        marginLeft: 6,
+        fontWeight: '600'
+    },
+    textCase: {
+        margin: 5,
+    },
+    btnText: { fontWeight: 'bold', color: '#fff', fontSize: 20 },
+    container: { flex: 1 },
+    ball: {
+        width: 100,
+        height: 100,
+        backgroundColor: "salmon",
+        borderRadius: 100,
+    },
+});
+
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## API
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| useAccessibilityInfo    | Check whether some configurations of the device are enabled.See useAccessibilityInfo Api | Function | False       | Android / iOS | Yes           |
+| useAppState    | Tells you whether the application is in the foreground or background | Function | False       | Android / iOS | Yes           |
+| useBackHandler  | Used to listen for the back button event on the device. You can call your own function to handle the back behavior. | Function | False       | Android / iOS | Yes               |
+| useImageDimensions  | Used to listen for the back button event on the device. You can call your own function to handle the back behavior. | Function | False       | Android / iOS | Yes     |
+| useKeyboard  | Return whether the keyboard is invoked and the keyboard width and height. | Function | False       | Android / iOS | Yes       |
+| useInteractionManager  | Schedule some of the more time-consuming tasks for after all the interactions or animations have been completed. | Function | False       | Android / iOS | Yes       |
+| useDeviceOrientation  | Check whether the device is in landscape or portrait mode. | Function | False       | Android / iOS | Yes       |
+| useLayout  | Returns the x-axis and y-axis coordinates of an element and the width and height of the element. | Function | False       | Android / iOS | Yes       |
+| useRefresh  | pull down to refresh. | Function | False       | Android / iOS | Yes       |
+
+useAccessibilityInfo 方法返回值
+| Name           | Description                   | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -------- | ----------------- |
+| isBoldTextEnabled  | whether bold text is enabled | iOS | Yes        |
+| isScreenReaderEnabled    | Whether the Screen Reading Function Is Enabled | Android / iOS | Yes   |
+| isGrayscaleEnabled  | Whether grayscale mode is enabled | iOS | Yes        |
+| isInvertColorsEnabled  | Whether color inversion is enabled | iOS | Yes        |
+| isReduceMotionEnabled  | Whether reduction animation is enabled | Android / iOS | Yes        |
+| isReduceTransparencyEnabled  | Whether reduce transparency is enabled | iOS | Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/react-native-community/hooks/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-community-netinfo.md b/en/react-native-community-netinfo.md
new file mode 100644
index 00000000..ea29d95e
--- /dev/null
+++ b/en/react-native-community-netinfo.md
@@ -0,0 +1,317 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/netinfo</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-netinfo/react-native-netinfo">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20macos%20|%20windows%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-netinfo/react-native-netinfo/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-netinfo)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/netinfo@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/netinfo@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View, Text } from "react-native";
+import NetInfo, { useNetInfo } from "@react-native-community/netinfo";
+
+const App = () => {
+  const [fetchInfo, setFetchInfo] = React.useState("");
+  const [refreshInfo, setRefreshInfo] = React.useState("");
+  const netInfo = useNetInfo();
+
+  NetInfo.fetch().then((state) => {
+    setFetchInfo(JSON.stringify(state));
+  });
+  NetInfo.refresh().then((state) => {
+    setRefreshInfo(JSON.stringify(state));
+  });
+
+  return (
+    <View>
+      <Text>Type: {netInfo.type}</Text>
+      <Text>Is Connected? {netInfo.isConnected?.toString()}</Text>
+      <Text style={{ fontSize: 16, fontWeight: "600" }}>fetch():</Text>
+      <Text>{fetchInfo}</Text>
+      <Text style={{ fontSize: 16, fontWeight: "600" }}>refresh():</Text>
+      <Text>{refreshInfo}</Text>
+    </View>
+  );
+};
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/netinfo": "file:../../node_modules/@react-native-oh-tpl/netinfo/harmony/netinfo.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNCNetInfoPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/netinfo/src/main/cpp" ./netinfo)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_netinfo)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RNCNetInfoPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNCNetInfoPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 NetInfoPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {NetInfoPackage} from '@react-native-oh-tpl/netinfo/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new NetInfoPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### NetInfoStateType
+
+| Name        | Description                                                | Type   | Required | Platform    | HarmonyOS Support |
+|-------------|------------------------------------------------------------|--------|----------|-------------|-------------------|
+| `none`      | No network connection is active                            | String | no       | iOS Android | yes               |
+| `unknown`   | The network state could not or has yet to be be determined | String | no       | iOS Android | yes               |
+| `cellular`  | Active network over cellular                               | String | no       | iOS Android | yes               |
+| `wifi`      | Active network over Wifi                                   | String | no       | iOS Android | yes               |
+| `bluetooth` | Active network over Bluetooth                              | String | no       | Android     | no                |
+| `ethernet`  | Active network over wired ethernet                         | String | no       | iOS Android | yes               |
+| `wimax`     | Active network over WiMax                                  | String | no       | Android     | no                |
+| `vpn`       | Active network over VPN                                    | String | no       | Android     | yes               |
+| `other`     | Active network over another type of network                | String | no       | iOS Android | yes               |
+
+#### NetInfoCellularGeneration
+
+| Name   | Description                                                                                                       | Type   | Required | Platform    | HarmonyOS Support |
+|--------|-------------------------------------------------------------------------------------------------------------------|--------|----------|-------------|-------------------|
+| `null` | Either we are not currently connected to a cellular network or type could not be determined                       | String | no       | iOS Android | yes               |
+| `2g`   | Currently connected to a 2G cellular network. Includes CDMA, EDGE, GPRS, and IDEN type connections                | String | no       | iOS Android | yes               |
+| `3g`   | Currently connected to a 3G cellular network. Includes EHRPD, EVDO, HSPA, HSUPA, HSDPA, and UTMS type connections | String | no       | iOS Android | yes               |
+| `4g`   | Currently connected to a 4G cellular network. Includes HSPAP and LTE type connections                             | String | no       | iOS Android | yes               |
+| `5g`   | Currently connected to a 5G cellular network. Includes NRNSA (iOS only) and NR type connections                   | String | no       | iOS Android | yes               |
+
+#### NetInfoState
+
+| Name                  | Description                                                                                                                                                                                                                                                                                                                                                | Type             | Required | Platform    | HarmonyOS Support |
+|-----------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------|----------|-------------|-------------------|
+| `type`                | The type of the current connection.                                                                                                                                                                                                                                                                                                                        | NetInfoStateType | yes      | iOS Android | yes               |
+| `isConnected`         | If there is an active network connection.<br/>Defaults to null on most platforms for unknown networks.<br/>Note: Web browsers report network type unknown for many otherwise valid networks (https://caniuse.com/netinfo),<br/>so isConnected may be true or false and represent a real connection status even for unknown network types in certain cases. | boolean, null    | yes      | iOS Android | yes               |
+| `isInternetReachable` | If the internet is reachable with the currently active network connection.<br/>If unknown defaults to null                                                                                                                                                                                                                                                 | boolean, null    | yes      | iOS Android | yes               |
+| `isWifiEnabled`       | (Android only) Whether the device's WiFi is ON or OFF.                                                                                                                                                                                                                                                                                                     | boolean          | yes      | iOS Android | yes               |
+| `details`             | The value depends on the type value. See below.                                                                                                                                                                                                                                                                                                            | object           | yes      | iOS Android | yes               |
+
+### Details
+
+#### Type is wifi
+
+| Name                    | Description                                                                                                                                                                                                                                                                                                                                                                                                                    | Type    | Required | Platform    | HarmonyOS Support |
+|-------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------|----------|-------------|-------------------|
+| `isConnectionExpensive` | If the network connection is considered "expensive".<br/>This could be in either energy or monetary terms.                                                                                                                                                                                                                                                                                                                     | boolean | yes      | iOS Android | yes               |
+| `ssid`                  | The SSID of the network. <br/>May not be present, null, or an empty string if it cannot be determined. <br/>On iOS, your app must meet at least one of the following requirements and you must set the shouldFetchWiFiSSID configuration option or no attempt will be made to fetch the SSID. <br/>On Android, you need to have the ACCESS_FINE_LOCATION permission in your AndroidManifest.<br/>xml and accepted by the user. | string  | yes      | iOS Android | yes               |
+| `bssid`                 | The BSSID of the network. <br/>May not be present, null, or an empty string if it cannot be determined. <br/>On iOS, make sure your app meets at least one of the following requirements. <br/>On Android, you need to have the ACCESS_FINE_LOCATION permission in your AndroidManifest.<br/>xml and accepted by the user.                                                                                                     | string  | yes      | iOS Android | yes               |
+| `strength`              | An integer number from 0 to 100 for the signal strength. <br/>May not be present if the signal strength cannot be determined.                                                                                                                                                                                                                                                                                                  | number  | yes      | Android     | yes               |
+| `ipAddress`             | The external IP address. Can be in IPv4 or IPv6 format. <br/>May not be present if it cannot be determined.                                                                                                                                                                                                                                                                                                                    | string  | yes      | iOS Android | yes               |
+| `subnet`                | The subnet mask in IPv4 format. <br/>May not be present if it cannot be determined.                                                                                                                                                                                                                                                                                                                                            | string  | yes      | iOS Android | yes               |
+| `frequency`             | Network frequency. Example: For 2.4 GHz networks, the method will return 2457. <br/>May not be present if it cannot be determined.                                                                                                                                                                                                                                                                                             | number  | yes      | Android     | yes               |
+| `linkSpeed`             | The link speed in Mbps.                                                                                                                                                                                                                                                                                                                                                                                                        | number  | yes      | Android     | yes               |
+| `rxLinkSpeed`           | The current receive link speed in Mbps.                                                                                                                                                                                                                                                                                                                                                                                        | number  | yes      | Android     | yes               |
+| `txLinkSpeed`           | The current transmit link speed in Mbps.                                                                                                                                                                                                                                                                                                                                                                                       | number  | yes      | Android     | yes               |
+
+#### Type is cellular
+
+| Name                    | Description                                                                                                           |           Type            | Required |  Platform   | HarmonyOS Support |
+|-------------------------|-----------------------------------------------------------------------------------------------------------------------|:-------------------------:|:--------:|:-----------:|:-----------------:|
+| `isConnectionExpensive` | If the network connection is considered "expensive". This could be in either energy or monetary terms.                |          boolean          |   yes    | iOS Android |        yes        |
+| `cellularGeneration`    | The generation of the cell network the user is connected to. This can give an indication of speed, but no guarantees. | NetInfoCellularGeneration |   yes    | iOS Android |        yes        |
+| `carrier`               | The network carrier name. May not be present or may be empty if none can be determined.                               |          string           |   yes    | iOS Android |        yes        |
+
+#### Type is bluetooth, ethernet, wimax, vpn, or other
+
+| Name                    | Description                                                                                                 |  Type   | Required |  Platform   | HarmonyOS Support |
+|-------------------------|-------------------------------------------------------------------------------------------------------------|:-------:|:--------:|:-----------:|:-----------------:|
+| `isConnectionExpensive` | If the network connection is considered "expensive". <br/>This could be in either energy or monetary terms. | boolean |   yes    | iOS Android |        yes        |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                                                                                                                                                                                                                                                                                                                                               |   Type   | Required |  Platform   | HarmonyOS Support |
+|------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|:--------:|:--------:|:-----------:|:-----------------:|
+| `fetch()`              | Returns a Promise that resolves to a NetInfoState object.                                                                                                                                                                                                                                                                                                                                 | function |   yes    | iOS Android |        yes        |
+| `refresh()`            | Updates NetInfo's internal state, then returns a Promise that resolves to a NetInfoState object. <br/>This is similar to fetch(), but really only useful on platforms that do not supply internet reachability natively. <br/>For example, you can use it to immediately re-run an internet reachability test if a network request fails unexpectedly.                                    | function |   yes    | iOS Android |        yes        |
+| `addEventListener()`   | Subscribe to connection information. <br/>The callback is called with a parameter of type NetInfoState whenever the connection state changes. <br/>Your listener will be called with the latest information soon after you subscribe and then with any subsequent changes afterwards. <br/>You should not assume that the listener is called in the same way across devices or platforms. | function |   yes    | iOS Android |        yes        |
+| `useNetInfo()`         | A React Hook which can be used to get access to the latest state from the global instance. <br/>It returns a hook with the NetInfoState type.                                                                                                                                                                                                                                             | function |   yes    | iOS Android |        yes        |
+| `useNetInfoInstance()` | A React Hook which can be used to create and manage an isolated instance of a network manager class. <br/>It returns a refresh function and the current NetInfoState.                                                                                                                                                                                                                     | function |   yes    | iOS Android |        yes        |
+
+## 遗留问题
+
+- [ ] bluetooth接口属性未适配: [issue#14](https://github.com/react-native-oh-library/react-native-netinfo/issues/14)
+- [ ] wimax接口属性未适配: [issue#15](https://github.com/react-native-oh-library/react-native-netinfo/issues/15)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-netinfo/react-native-netinfo/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-community-progress-bar-android.md b/en/react-native-community-progress-bar-android.md
new file mode 100644
index 00000000..26446721
--- /dev/null
+++ b/en/react-native-community-progress-bar-android.md
@@ -0,0 +1,249 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/progress-bar-android</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-progress-view/progress-bar-android">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-progress-view/progress-bar-android/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-bar-android)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/progress-bar-android@file:#
+```
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/progress-bar-android@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { ProgressBar } from '@react-native-community/progress-bar-android';
+export default function ProgressBarExample() {
+    return (
+        <>
+            <ProgressBar styleAttr="Horizontal" indeterminate={true} animating={true} />
+            <ProgressBar indeterminate={true} />
+        </>
+    )
+}
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```diff
+{
+  ...
++ "overrides": {
++  "@rnoh/react-native-openharmony" : "./react_native_openharmony"
++  "@ohos/materialprogressbar": "2.0.3-rc.0"    
++  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+  "@react-native-oh-tpl/progress-bar-android": "file:../../node_modules/@react-native-oh-tpl/progress-bar-android/harmony/progress_bar_android.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ProgressBarAndroidPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/progress-bar-android/src/main/cpp" ./progress-bar-android)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_progress_bar_android)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ProgressBarAndroidPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<ProgressBarAndroidPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ProgressBarAndroid 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { ProgressBarAndroid, PROGRESS_BAR_TYPE } from "@react-native-oh-tpl/progress-bar-android"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === PROGRESS_BAR_TYPE){
++     ProgressBarAndroid({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag
++     })
++   }
+ ...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PROGRESS_BAR_TYPE
+  ];
+```
+
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                                                                                                                                         | Type                                                                                                                       | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| `animating`     | Whether to show the ProgressBar (true, the default) or hide it (false).                                                                             | bool                                                                                                                       | No       | Android  | yes               |
+| `color`         | Color of the progress bar.                                                                                                                          | [color](https://reactnative.dev/docs/colors)                                                                               | No       | Android  | yes               |
+| `indeterminate` | If the progress bar will show indeterminate progress. Note that this can only be false if styleAttr is Horizontal, and requires a `progress` value. | indeterminateType                                                                                                          | No       | Android  | yes               |
+| `progress`      | The progress value (between 0 and 1).                                                                                                               | number                                                                                                                     | No       | Android  | yes               |
+| `styleAttr`     | Style of the ProgressBar.                                                                                                                           | One of:<br />Horizontal <br />Normal (default) <br />Small <br />Large <br />Inverse <br />SmallInverse <br />LargeInverse | No       | Android  | yes               |
+
+## 遗留问题
+
+- [x] styleAttr 为 Horizontal 时无法铺满全屏 [issues#4](https://github.com/react-native-oh-library/progress-bar-android/issues/4)。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-bar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-community-progress-view.md b/en/react-native-community-progress-view.md
new file mode 100644
index 00000000..b61722fc
--- /dev/null
+++ b/en/react-native-community-progress-view.md
@@ -0,0 +1,242 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/progress-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-progress-view/progress-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/progress-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/progress-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { ProgressView } from "@react-native-community/progress-view";
+
+export default function ProgressViewExample() {
+  return (
+    <ProgressView
+      progressTintColor="orange"
+      trackTintColor="blue"
+      progress={0.7}
+    />
+  )
+}
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/progress-view": "file:../../node_modules/@react-native-oh-tpl/progress-view/harmony/progress_view.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ProgressViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/progress-view/src/main/cpp" ./progress-view)
+# RNOH_BEGIN: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_progress_view)
+# RNOH_BEGIN: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ProgressViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ProgressViewPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ProgressViewPackage 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
+import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
++ import { RNCProgressView, PROGRESS_VIEW_TYPE } from "@react-native-oh-tpl/progress-view"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...  
++ if (ctx.componentName === PROGRESS_VIEW_TYPE) {
++   RNCProgressView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PROGRESS_VIEW_TYPE
+  ];
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
+| ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `progress`          | The progress value (between 0 and 1).      | number | No       | All      | Yes               |
+| `progressTintColor` | The tint color of the progress bar itself. | string | No       | All      | Yes               |
+| `trackTintColor`    | The tint color of the progress bar track.  | string | No       | All      | Yes               |
+| `progressImage`     | A stretchable image to display as the progress bar.      | Image.propTypes.source | No       | All      | No               |
+| `trackImage` | A stretchable image to display behind the progress bar. Network images only work on Windows.| Image.propTypes.source | No       | All      | No               |
+| `progressViewStyle`    | The progress bar style. Network images only work on Windows.  | enum('default', 'bar') | No       | All      | No               |
+| `isIndeterminate`    | Turns progress bar into an indeterminate progress bar.  | bool | No       | Windows      | Partially               |
+
+## 遗留问题
+
+- [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/progress-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-community-push-notification-ios.md b/en/react-native-community-push-notification-ios.md
new file mode 100644
index 00000000..9632f52c
--- /dev/null
+++ b/en/react-native-community-push-notification-ios.md
@@ -0,0 +1,375 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/push-notification-ios</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/react-native-push-notification/ios">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-push-notification/ios/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-push-notification-ios)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/push-notification-ios@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/push-notification-ios@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { View, Text, Button } from "react-native";
+
+import PushNotification from "@react-native-community/push-notification-ios";
+
+export const App = () => {
+  const [data, setData] = useState({});
+
+  const addNotificationRequest = () => {
+    PushNotification.addNotificationRequest({
+      id: "test",
+      title: "title",
+      subtitle: "subtitle",
+      body: "body",
+      fireDate: new Date(new Date().valueOf() + 1000),
+      repeats: true,
+    });
+  };
+
+  const addSilentNotificationRequest = () => {
+    PushNotification.addNotificationRequest({
+      id: "test-4",
+      title: "title",
+      subtitle: "subtitle",
+      body: "body",
+      isSilent: true,
+      fireDate: new Date(new Date().valueOf() + 2000),
+      repeats: true,
+      userInfo: {
+        data: "123456",
+      },
+    });
+  };
+
+  const addMultipleRequests = () => {
+    PushNotification.addNotificationRequest({
+      id: "test-1",
+      title: "First",
+      subtitle: "subtitle",
+      body: "First Notification out of 3",
+      fireDate: new Date(new Date().valueOf() + 10000),
+      repeats: true,
+    });
+
+    PushNotification.addNotificationRequest({
+      id: "test-2",
+      title: "Second",
+      subtitle: "subtitle",
+      body: "Second Notification out of 3",
+      fireDate: new Date(new Date().valueOf() + 12000),
+      repeats: true,
+    });
+
+    PushNotification.addNotificationRequest({
+      id: "test-3",
+      title: "Third",
+      subtitle: "subtitle",
+      body: "Third Notification out of 3",
+      fireDate: new Date(new Date().valueOf() + 14000),
+      repeats: true,
+    });
+  };
+
+  const removeAllDeliveredNotifications = () => {
+    PushNotification.removeAllDeliveredNotifications();
+  };
+
+  const removeDeliveredNotifications = () => {
+    PushNotification.removeDeliveredNotifications(["test-1", "test-2"]);
+  };
+
+  const getDeliveredNotifications = () => {
+    PushNotification.getDeliveredNotifications((data) => {
+      if (data) {
+        setData(data);
+      } else {
+        console.log("failed");
+      }
+    });
+  };
+
+  return (
+    <View style={{ flexDirection: "column", justifyContent: "space-between" }}>
+      <Button
+        title="Add Notification Request"
+        onPress={addNotificationRequest}
+      />
+      <Button
+        title="Add Slient Notification Request"
+        onPress={addSilentNotificationRequest}
+      />
+      <Button
+        title="Add Multiple Notification Requests"
+        onPress={addMultipleRequests}
+      />
+      <Button
+        title="Set app's icon badge to 42"
+        onPress={() => PushNotification.setApplicationIconBadgeNumber(42)}
+      />
+      <Button
+        title="Clear app's icon badge"
+        onPress={() => PushNotification.setApplicationIconBadgeNumber(0)}
+      />
+      <Button
+        title="Remove All Delivered Notification Requests"
+        onPress={removeAllDeliveredNotifications}
+      />
+      <Button
+        title="Remove Delivered Notification Requests"
+        onPress={removeDeliveredNotifications}
+      />
+      <View>
+        <Button
+          title="Get Delivered Notification"
+          onPress={getDeliveredNotifications}
+        />
+        <Text>{JSON.stringify(data)}</Text>
+      </View>
+    </View>
+  );
+};
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/push-notification-ios": "file:../../node_modules/@react-native-oh-tpl/push-notification-ios/harmony/push_notification.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 PushNotificationPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/push-notification-ios/src/main/cpp" ./push_notification)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_push_notification)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "PushNotificationPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<PushNotificationPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 PushNotificationPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { PushNotificationPackage } from '@react-native-oh-tpl/push-notification-ios/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new PushNotificationPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                            | Description                                                                                                       | Type     | Required | Platform      | HarmonyOS Support |
+| ------------------------------- | ----------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
+| addNotificationRequest          | Sends notificationRequest to notification center at specified firedate. Fires immediately if firedate is not set. | function | no       | iOS | yes               |
+| getDeliveredNotifications       | Provides you with a list of the app’s notifications that are still displayed in Notification Center               | function | no       | iOS           | yes               |
+| removeAllDeliveredNotifications | Remove all delivered notifications from Notification Center                                                       | function | no       | iOS           | yes               |
+| removeDeliveredNotifications    | Removes the specified delivered notifications from Notification Center                                            | function | no       | iOS           | yes               |
+| setApplicationIconBadgeNumber   | Sets the badge number for the app icon on the home screen                                                         | function | no       | iOS           | yes               |
+| getApplicationIconBadgeNumber   | Gets the current badge number for the app icon on the home screen                                                         | function | no       | iOS           | no               |
+| cancelLocalNotifications   | Cancel local notifications                                                         | function | no       | iOS           | no               |
+| requestPermissions   | Requests notification permissions from iOS, prompting the user's dialog box. By default, it will request all notification permissions, but a subset of these can be requested by passing a map of requested permissions. The following permissions are supported                                                         | function | no       | iOS           | no               |
+| abandonPermissions   | Unregister for all remote notifications received via Apple Push Notification service                                                         | function | no       | iOS           | no               |
+| checkPermissions   | See what push permissions are currently enabled                                                         | function | no       | iOS           | no               |
+| getInitialNotification   | This method returns a promise. If the app was launched by a push notification, this promise resolves to an object of type PushNotificationIOS. Otherwise, it resolves to null.                                                         | function | no       | iOS           | no               |
+| getScheduledLocalNotifications   | Gets the local notifications that are currently scheduled                                                         | function | no       | iOS           | no               |
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+**Parameters:**
+
+_NotificationRequest:_
+
+| Name       | Description                                                       | Type    | Required | Platform | HarmonyOS Support |
+| ---------- | ----------------------------------------------------------------- | ------- | -------- | -------- | ----------------- |
+| `id`       | Identifier of the notification                                    | string  | yes      | All      | yes               |
+| `title`    | A short description of the reason for the notification            | string  | yes      | All      | yes               |
+| `subtitle` | A secondary description of the reason for the notification        | string  | no       | All      | no               |
+| `body`     | The message displayed in the notificatio                          | string  | yes      | All      | yes               |
+| `badge`    | The number to display as the app's icon badge                     | number  | no       | All      | yes               |
+| `fireDate` | The date and time when the system should deliver the notification | object  | no       | All      | yes               |
+| `repeats`  | Sets notification to repeat                                       | boolean | no       | All      | no               |
+| `repeatsComponent`  | An object indicating which parts of fireDate should be repeated                                       | object | no       | All      | no               |
+| `sound`  | The sound played when the notification is fired                                       | string | no       | All      | yes               |
+| `category`  | The category of this notification, required for actionable notifications                                       | string | no       | All      | no               |
+| `isSilent` | If true, the notification will appear without sound               | boolean | no       | All      | yes               |
+| `isCritical` |  If true, the notification sound be played even when the device is locked, muted, or has Do Not Disturb enabled               | boolean | no       | All      | no               |
+| `criticalSoundVolume` | A number between 0 and 1 for volume of critical notification. Default volume will be used if not specified               | number | no       | All      | no               |
+| `userInfo` | An object containing additional notification data                 | object  | no       | All      | yes               |
+| `isTimeZoneAgnostic` | If true, fireDate adjusted automatically upon time zone changes (e.g. for an alarm clock)                 | boolean  | no       | All      | no               |
+| `interruptionLevel` | A string specifying the interruption level. Valid values are `'active'`, `'passive'`, `'timeSensitive'`, or `'critical'`                 | string  | no       | All      | no               |
+
+## 遗留问题
+
+- [ ] HarmonyOS 的 NotificationManager 的规格和 IOS 不一致，其 NotificationRequest 所含参数，在 HarmonyOS 上部分没有适配对应参数，问题: [issue#1](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/4)
+- [ ] 原库部分接口在 HarmonyOS 中没有对应接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-community-segmented-control.md b/en/react-native-community-segmented-control.md
new file mode 100644
index 00000000..f2992a57
--- /dev/null
+++ b/en/react-native-community-segmented-control.md
@@ -0,0 +1,110 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-segmented-control/segmented-control</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-segmented-control/segmented-control">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/segmented-control)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/segmented-control Releases](https://github.com/react-native-oh-library/segmented-control/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/segmented-control@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/segmented-control@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from "react";
+import SegmentedControl from "@react-native-segmented-control/segmented-control";
+
+const CustomValues = ["One", "Two"];
+
+export const MSegmentedControl: React.FC = (): JSX.Element => {
+
+    const [selectedIndex, setSelectedIndex] = useState(0);
+
+    return <SegmentedControl
+        values={["One", "Two"]}
+        selectedIndex={selectedIndex}
+        onChange={(event) => {
+            setSelectedIndex(event.nativeEvent.selectedSegmentIndex);
+        }}
+    />;
+}
+```
+ 
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+4. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [react-native-community/segmented-control 源库地址](https://github.com/react-native-segmented-control/segmented-control)
+
+| Name                      | Description                                                                                    | Type                                                                                                                                                             | Required | Platform | HarmonyOS Support |
+| ------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| enabled         | If false the user won't be able to interact with the control. Default value is true.                                                                                                                                                             | boolean         | No       | All          | Yes               |
+| momentary       | If true, then selecting a segment won't persist visually. The onValueChange callback will still work as expected.                                                                                                                                | boolean         | No       | iOS          | Yes               | 
+| onChange        | Callback that is called when the user taps a segment; passes the event as an argument                                                                                                                                                            | function        | No       | All          | Yes               |
+| onValueChange   | Callback that is called when the user taps a segment; passes the segment's value as an argument                                                                                                                                                  | function        | No       | All          | Yes               |
+| selectedIndex   | The index in props.values of the segment to be (pre)selected.                                                                                                                                                                                    | number          | No       | All          | Yes               |
+| tintColor       | Accent color of the control.                                                                                                                                                                                                                     | string          | No       | All          | Yes               |
+| backgroundColor | Background color color of the control.                                                                                                                                                                                                           | string          | No       | All          | Yes               |
+| values          | The labels for the control's segment buttons, in order.                                                                                                                                                                                          | string          | Yes      | All          | Yes               |
+| appearance      | Overrides the control's appearance irrespective of the OS theme                                                                                                                                                                                  | 'dark', 'light' | No       | All          | Yes               |
+| fontStyle       | An object container,color: color of segment;fontSize: font-size of segment text;fontFamily: font-family of segment text;fontWeight: font-weight of segment text                                                                                  | object          | No       | All          | Yes               | 
+| activeFontStyle | An object container,color: overrides color of selected segment text;fontSize: overrides font-size of selected segment text;fontFamily: overrides font-family of selected segment text;fontWeight: overrides font-weight of selected segment text | object          | No       | All          | Yes               | 
+| tabStyle        | Styles the clickable surface which is responsible to change tabs                                                                                                                                                                                 | object          | No       | Android, Web | Yes               |
+
+## 遗留问题
+- [X] @react-native-segmented-control/segmented-control 的fontFamily属性未实现 HarmonyOS 化: [issue#858](https://github.com/react-native-segmented-control/segmented-control/issues/858)
+- [X] @react-native-segmented-control/segmented-control 的momentary属性未实现 HarmonyOS 化: [issue#868](https://github.com/react-native-segmented-control/segmented-control/issues/868)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-community-slider.md b/en/react-native-community-slider.md
new file mode 100644
index 00000000..ad3254dc
--- /dev/null
+++ b/en/react-native-community-slider.md
@@ -0,0 +1,263 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/slider</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/react-native-slider">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/callstack/react-native-slider/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/npm/l/@react-native-community/slider.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-slider)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/slider@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/slider@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 使用thumbImage属性时请确保引入的图片路径地址正确，可检查harmony/entry/src/main/resources/rawfile/assets目录下是否被打包至静态资源目录，如若不存在则图片放置文件目录不对
+
+```js
+import Slider from "@react-native-community/slider"
+import { View } from 'react-native'
+
+export default function SliderExample() {
+    return (
+        <View style={{ backgroundColor: 'red', width: 200, height: 100 }}>
+            <Slider
+                style={{ width: 200, height: 40 }}
+                minimumValue={0}
+                maximumValue={1}
+                minimumTrackTintColor="#FFFFFF"
+                maximumTrackTintColor="#000000"
+            />
+        </View>
+    );
+};
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+## 在工程根目录的 oh-package.json5 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/slider": "file:../../node_modules/@react-native-oh-tpl/slider/harmony/slider.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SliderPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/slider/src/main/cpp" ./slider)
+# RNOH_END: add_package_subdirectories
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_slider)
+# RNOH_END: link_packages
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "SliderPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<SliderPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 slider 组件
+
+找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
+
+```diff
+  ...
++ import { RNCSlider, SLIDER_TYPE } from "@react-native-oh-tpl/slider"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === SLIDER_TYPE) {
++   RNCSlider({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag,
++   })
++ }
+ ...
+}
+...
+```
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ SLIDER_TYPE
+  ];
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description       | Type     | Required | Platform     | HarmonyOS Support |
+| ----------------------- | ------------------------ | -------------------------------------------- | ---- | ------------ | ----------------- |
+| `style`         | Used to style and layout the `Slider`. See `StyleSheet.js` and `ViewStylePropTypes.js` for more info.    | View.style  | No   | All      | yes       |
+| `disabled`      | If true the user won't be able to move the slider.<br/>Default value is false. | bool    | No   | All      | yes       |
+| `maximumValue`      | Initial maximum value of the slider.<br/>Default value is 1.                      | number      | No   | All      | yes       |
+| `minimumTrackTintColor` | The color used for the track to the left of the button.<br/>Overrides the default blue gradient image on iOS.  | [color](https://reactnative.dev/docs/colors) | No   | All      | yes       |
+| `minimumValue`      | Initial minimum value of the slider.<br/>Default value is 0.       | number      | No   | All      | yes       |
+| `lowerLimit`        | Slide lower limit. The user won't be able to slide below this limit.              | number      | No   | Android, iOS | yes      |
+| `upperLimit`        | Slide upper limit. The user won't be able to slide above this limit.              | number      | No   | Android, iOS | yes        |
+| `onSlidingStart`    | Callback that is called when the user picks up the slider.<br/>The initial value is passed as an argument to the callback handler.       | function    | No   | All      | yes       |
+| `onSlidingComplete`     | Callback that is called when the user releases the slider, regardless if the value has changed.<br/>The current value is passed as an argument to the callback handler.    | function    | No   | All      | yes       |
+| `onValueChange`     | Callback continuously called while the user is dragging the slider.| function    | No   | All      | yes       |
+| `step`          | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue). Default value is 0.<br/>On Windows OS the default value is 1% of slider's range (from `minimumValue` to `maximumValue`).       | number      | No   | All      | yes       |
+| `maximumTrackTintColor` | The color used for the track to the right of the button.<br/>Overrides the default gray gradient image on iOS.        | [color](https://reactnative.dev/docs/colors) | No   | All      | yes       |
+| `value`         | Write-only property representing the value of the slider. Can be used to programmatically control the position of the thumb. Entered once at the beginning still acts as an initial value. Changing the value programmatically does not trigger any event.<br/>The value should be between minimumValue and maximumValue, which default to 0 and 1 respectively. Default value is 0.<br/>_This is not a controlled component_, you don't need to update the value during dragging. | number      | No   | All      | yes       |
+| `tapToSeek`         | Permits tapping on the slider track to set the thumb position.<br/>Defaults to false on iOS. No effect on Android or Windows.       | bool    | No   | iOS      | no        |
+| `inverted`      | Reverses the direction of the slider.<br/>Default value is false.  | bool    | No   | All      | yes       |
+| `vertical`      | Changes the orientation of the slider to vertical, if set to `true`.<br/>Default value is false.   | bool    | No   | Windows      | yes       |
+| `thumbTintColor`    | Color of the foreground switch grip.<br/>**NOTE:** This prop will override the `thumbImage` prop set, meaning that if both `thumbImage` and `thumbTintColor` will be set, image used for the thumb may not be displayed correctly!| [color](https://reactnative.dev/docs/colors) | No   | Android      | yes       |
+| `maximumTrackImage`     | Assigns a maximum track image. Only static images are supported. The leftmost pixel of the image will be stretched to fill the track.              | Image<br/>.propTypes<br/>.source         | No   | iOS      | no        |
+| `minimumTrackImage`     | Assigns a minimum track image. Only static images are supported. The rightmost pixel of the image will be stretched to fill the track.             | Image<br/>.propTypes<br/>.source         | No   | iOS      | no        |
+| `thumbImage`        | Sets an image for the thumb. Only static images are supported. Needs to be a URI of a local or network image; base64-encoded SVG is not supported.     | Image<br/>.propTypes<br/>.source         | No   | All      | yes       |
+| `trackImage`        | Assigns a single image for the track. Only static images are supported. The center pixel of the image will be stretched to fill the track.         | Image<br/>.propTypes<br/>.source         | No   | iOS      | no        |
+| `ref`           | Reference object. | MutableRefObject                     | No   | web      | no        |
+| `View`          | [Inherited `View` props...](https://github.com/facebook/react-native-website/blob/master/docs/view.md#props)      |         |      |      |  |
+
+## 遗留问题
+
+- [x] upperLimit 和 lowerLimit 只对数值生效，滑动限制不生效: [issue#2](https://github.com/react-native-oh-library/react-native-slider/issues/2)
+- [ ] 不支持滑轨设置图片: [issue#3](https://github.com/react-native-oh-library/react-native-slider/issues/3)
+- [ ] 未适配无障碍: [issue#9](https://github.com/react-native-oh-library/react-native-slider/issues/9)
+- [ ] 不支持点击滑块轨道来设置拇指位置，不支持指定最大轨迹图像，不支持分配最小轨道图像: [issue#10](https://github.com/react-native-oh-library/react-native-slider/issues/10)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/en/react-native-community-toolbar-android.md b/en/react-native-community-toolbar-android.md
new file mode 100644
index 00000000..852dffb4
--- /dev/null
+++ b/en/react-native-community-toolbar-android.md
@@ -0,0 +1,319 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/toolbar-android</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-toolbar-android/toolbar-android">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/toolbar-android/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/toolbar-android@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/toolbar-android@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { StyleSheet, View, Text } from "react-native";
+import ToolbarAndroid from "@react-native-community/toolbar-android";
+function App({}): JSX.Element {
+  const [state, setState] = useState<{
+    message?: string;
+  }>({
+    message: undefined,
+  });
+
+  const { message } = state;
+
+  return (
+    <View style={styles.container}>
+      <ToolbarAndroid
+        navIcon={require("./assets/ic_menu_black_24dp.png")}
+        logo={require("./assets/icon_app.png")}
+        title={"ToolbarAndroid Example"}
+        subtitle={"ToolbarAndroid Subtitle"}
+        titleColor={"#FFFFFF"}
+        subtitleColor={"#FF00FF"}
+        contentInsetStart={10}
+        contentInsetEnd={10}
+        rtl={false}
+        style={styles.toolbar}
+        actions={[
+          {
+            title: "Action1",
+            icon: require("./assets/icon_phone.png"),
+            show: "ifRoom",
+            showWithText: true,
+          },
+        ]}
+        overflowIcon={require("./assets/relay.png")}
+        onIconClicked={() => setState({ message: "Clicked nav icon" })}
+        onActionSelected={(position: number) =>
+          setState({ message: `Clicked Menu-${position}` })
+        }
+      />
+      <View style={styles.centerContainer}>
+        <Text style={styles.headText}>
+          Click nav or action icon will trigger some events!
+        </Text>
+        <Text style={styles.contentText}>{message}</Text>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  toolbar: {
+    backgroundColor: "#E9EAED",
+    height: 56,
+  },
+  centerContainer: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
+  },
+  headText: {
+    fontSize: 16,
+  },
+  contentText: {
+    fontSize: 18,
+    fontWeight: "bold",
+    color: "#ff681f",
+  },
+});
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/toolbar-android": "file:../../node_modules/@react-native-oh-tpl/toolbar-android/harmony/toolbar_android.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ToolbarAndroidPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/toolbar-android/src/main/cpp" ./toolbar-android)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_toolbar_android)
+# RNOH_END: link_packages
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+...
++ #include "ToolbarAndroidPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      ...
++     std::make_shared<ToolbarAndroidPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNCToolbarAndroid 组件
+
+找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNCToolbarAndroid, RNC_TOOLBAR_ANDROID_TYPE } from '@react-native-oh-tpl/toolbar-android/src/main/ets/RNCToolbarAndroid'
+
+  @Builder
+  function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+    ...
++   if (ctx.componentName === RNC_TOOLBAR_ANDROID_TYPE) {
++     RNCToolbarAndroid({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag
++     })
++   }
+    ...
+  }
+  ...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  ...
++ RNC_TOOLBAR_ANDROID_TYPE
+];
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Inherits [View Props](https://reactnative.dev/docs/view#props).
+
+| Name              | Description                                                                                                                                                                                     | Type                                                                                                          | Required | Platform | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| actions           | Sets possible actions on the toolbar as part of the action menu. These are displayed as icons or text on the right side of the widget. If they don't fit they are placed in an 'overflow' menu. | array of object: {title: string,icon: ImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No       | Android  | yes               |
+| contentInsetStart | Sets the content inset for the toolbar starting edge.                                                                                                                                           | number                                                                                                        | No       | Android  | yes               |
+| contentInsetEnd   | Sets the content inset for the toolbar ending edge.                                                                                                                                             | number                                                                                                        | No       | Android  | yes               |
+| logo              | Sets the toolbar logo.                                                                                                                                                                          | ImageSource                                                                                                   | No       | Android  | yes               |
+| navIcon           | Sets the navigation icon.                                                                                                                                                                       | ImageSource                                                                                                   | No       | Android  | yes               |
+| onActionSelected  | Callback that is called when an action is selected. The only argument that is passed to the callback is the position of the action in the actions array.                                        | function                                                                                                      | No       | Android  | yes               |
+| onIconClicked     | Callback called when the icon is selected.                                                                                                                                                      | function                                                                                                      | No       | Android  | yes               |
+| overflowIcon      | Sets the overflow icon.                                                                                                                                                                         | ImageSource                                                                                                   | No       | Android  | yes               |
+| rtl               | Used to set the toolbar direction to RTL.                                                                                                                                                       | bool                                                                                                          | No       | Android  | yes               |
+| subtitle          | Sets the toolbar subtitle.                                                                                                                                                                      | string                                                                                                        | No       | Android  | yes               |
+| subtitleColor     | Sets the toolbar subtitle color.                                                                                                                                                                | string                                                                                                        | No       | Android  | yes               |
+| title             | Sets the toolbar title.                                                                                                                                                                         | string                                                                                                        | Yes      | Android  | yes               |
+| titleColor        | Sets the toolbar title color.                                                                                                                                                                   | string                                                                                                        | No       | Android  | yes               |
+
+#### Props of ImageSource
+
+| Name   | Description                                            | Type   | Required | Platform | HarmonyOS Support |
+| ------ | ------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| uri    | load image from a url, e.g. require('./some_icon.png') | string | Yes      | android  | yes               |
+| width  | the width of the image                                 | number | No       | android  | yes               |
+| height | the height of the image                                | number | No       | android  | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-compass-heading.md b/en/react-native-compass-heading.md
new file mode 100644
index 00000000..5d3ed377
--- /dev/null
+++ b/en/react-native-compass-heading.md
@@ -0,0 +1,215 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-compass-heading</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/firofame/react-native-compass-heading">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/firofame/react-native-compass-heading/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-compass-heading)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-compass-heading@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-compass-heading@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from "react";
+import { useState, useEffect } from "react";
+import { StyleSheet, View, Text, Button, ScrollView } from "react-native";
+import CompassHeading from "react-native-compass-heading";
+
+export function RNCompassHeading() {
+  const [heading, setHeading] = useState(0);
+  const [accuracy, setAccuracy] = useState(0);
+
+  interface Data {
+    heading: number;
+    accuracy: number;
+  }
+
+  useEffect(() => {
+    const degree_update_rate = 3;
+    CompassHeading.start(degree_update_rate, (data: Data) => {
+      setHeading(data.heading);
+      setAccuracy(data.accuracy);
+    });
+    return () => {
+      CompassHeading.stop();
+    };
+  }, []);
+
+  return (
+    <ScrollView>
+      <View
+        style={{
+          width: "100%",
+          height: "100%",
+          backgroundColor: "white",
+          flex: 1,
+        }}
+      >
+        <View style={styles.container}>
+          <Text>{"heading: " + heading}</Text>
+          <Text>{"headings: " + accuracy}</Text>
+        </View>
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+    height: 400,
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-compass-heading": "file:../../node_modules/@react-native-oh-tpl/react-native-compass-heading/harmony/compass_heading.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNCompassHeadingPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNCompassHeadingPackage} from '@react-native-oh-tpl/react-native-compass-heading/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCompassHeadingPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases)
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description   | Type                                                  | Required | Platform    | HarmonyOS Support |
+| ----- | ------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| start | start compass | (degreeUpdateRate: number, callback: CompassCallback) | yes      | Android/iOS | yes               |
+| stop  | stop compass  | void                                                  | no       | Android/iOS | yes               |
+
+**start(degree_update_rate,callback)**
+
+| Name               | Description               | Type                                          | Required | Platform    | HarmonyOS Support |
+| ------------------ | ------------------------- | --------------------------------------------- | -------- | ----------- | ----------------- |
+| degree_update_rate | compass refresh frequency | number                                        | yes      | Android/iOS | yes               |
+| callback           | compass callback          | ({heading: number;accuracy: number;}) => void | yes      | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/firofame/react-native-compass-heading/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-confetti-cannon.md b/en/react-native-confetti-cannon.md
new file mode 100644
index 00000000..218ae593
--- /dev/null
+++ b/en/react-native-confetti-cannon.md
@@ -0,0 +1,117 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-confetti-cannon</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/VincentCATILLON/react-native-confetti-cannon">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/VincentCATILLON/react-native-confetti-cannon/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/VincentCATILLON/react-native-confetti-cannon)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-confetti-cannon@1.5.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-confetti-cannon@1.5.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+#### Using a Component
+
+```js
+import * as React from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+import ConfettiCannon from 'react-native-confetti-cannon';
+
+export default function ConfettiCannonExample() {
+
+  return (
+    <View style={{width: '100%', height: '100%'}}>
+      <ConfettiCannon
+        count={50}
+        origin={{x: -10, y: -10}}
+      />
+    </View>
+  )
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; OH SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| count  | items count to display        | number  |    yes    |  iOS,Android,Web  |         yes        |
+| origin  | animation position origin       | {x: number, y: number}  |    yes    |  iOS,Android,Web  |         yes        |
+| explosionSpeed  | explosion duration (ms) from origin to top        | number  |    no    |  iOS,Android,Web  |         yes        |
+| fallSpeed  | fall duration (ms) from top to bottom        | number  |    no    |  iOS,Android,Web  |         yes        |
+| fadeOut  | make the confettis disappear at the end        | boolean  |    no    |  iOS,Android,Web  |         yes        |
+| colors  | give your own colors to the confettis        | string[]  |    no    |  iOS,Android,Web  |         yes        |
+| autoStart  | auto start the animation        | boolean  |    no    |  iOS,Android,Web  |         yes        |
+| autoStartDelay  | delay to wait before triggering animation        | number  |    no    |  iOS,Android,Web  |         yes        |
+
+
+## 事件
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  onAnimationStart  |    callback triggered at animation start	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  onAnimationResume  |    callback triggered at animation resume	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  onAnimationStop  |    callback triggered at animation stop	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  onAnimationEnd  |    callback triggered at animation end	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  start  |    start the animation programmatically	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  resume  |    resume the animation programmatically	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+|  stop  |    stop the animation programmatically	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/VincentCATILLON/react-native-confetti-cannon/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-config.md b/en/react-native-config.md
new file mode 100644
index 00000000..7b294613
--- /dev/null
+++ b/en/react-native-config.md
@@ -0,0 +1,251 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-config</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lugg/react-native-config">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lugg/react-native-config/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-config)
+## 基本用法
+在 React Native 应用程序的根目录中创建一个新`.env`文件
+```bash
+API_URL=https://myapi.com
+GOOGLE_MAPS_API_KEY=abcdefgh
+```
+然后从您的应用程序访问那里定义的变量：
+```bash
+import Config from "react-native-config";
+
+Config.API_URL; // 'https://myapi.com/'
+Config.GOOGLE_MAPS_API_KEY; // 'abcdefgh'
+```
+请记住，此模块不会混淆或加密机密以进行打包，因此请勿将敏感密钥存储在`.env`中[基本上不可能阻止用户对移动应用程序机密进行逆向工程](https://rammic.github.io/2015/07/28/hiding-secrets-in-android-apps/)，因此请在设计应用程序（和 API）时牢记这一点。
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-config@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-config@file:#
+```
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```
+import React, {Component} from 'react';
+import {StyleSheet, Text, View} from 'react-native';
+
+import Config from 'react-native-config';
+
+export default class App extends Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text style={styles.text}>API_URL={Config.API_URL}</Text>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  text: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+该库仅支持源码形式引入
+
+#### 直接链接源码情况说明
+
+目前 DevEco Studio 不支持通过源码引入外部 module，请按照以下步骤操作，将源码通过操作改成 harmony 工程的内部模块。
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+把`<RN工程>/node_modules/@react-native-oh-tpl/react-native-config/harmony/`目录下的源码`<config>`复制到`harmony`工程根目录下
+
+在`harmony`工程根目录的 `build-profile.template.json5`（若存在）和`build-profile.json5` 添加以下模块
+
+```json
+modules:[
+  ...
+  {
+    name: 'config',
+    srcPath: './config',
+  }
+]
+```
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-config": "file:../config"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+### 3.在 ArkTs 侧引入 RNConfigPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type { RNPackageContext, RNPackage } from 'rnoh/ts';
+  ...
++ import { RNConfigPackage } from '@react-native-oh-tpl/react-native-config/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNConfigPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+### 多环境
+将不同环境的配置保存在不同的文件中：`.env.staging`，`.env.production`等等。
+默认情况下，`react-native-config `将从`.env`中读取。最简单的方法是用环境变量告诉它读取什么文件，以命令行中使用IDE下的`hvigor.js`的方式（不推荐）。
+
+例如在`CMD`窗口下
+
+首先从RN工程根目录 `cd harmony` 进入harmony目录
+
+然后先停止守护进程：
+
+```bash
+"D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio\tools\hvigor\bin\hvigorw.js" --stop-daemon-all
+```
+
+*注意，命令中`node.exe`与`hvigor.js`路径为`DevEco Studio`安装目录下的`tools`目录下，需根据实际情况更改。
+
+然后设置环境变量`ENVFILE`为想要指定的配置文件名（注意：文件名后不要加空格），并用`hvigor.js`构建工程，例如：
+
+```bash
+set ENVFILE=.env.staging&&"D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio\tools\hvigor\bin\hvigorw.js"  --mode module -p module=entry@default -p product=default -p requiredDeviceType=phone assembleHap --analyze=normal --parallel --increm
+```
+之后可打开`DevEco Studio`构建运行，但此时为保证所设环境变量与工程构建在同一进程，不可在`DevEco Studio`的终端中以hvigor命令构建工程。
+
+#### 建立映射
+
+或者，您可以定义一个映射来将构建与环境文件关联起来，可以在`harmony`工程根目录的`build-profile.json5`中的`products`中的`buildOption`节点下的`arkOptions`子节点中通过增加`buildProfileFields`字段配置映射，字段中以键值对的方式配置，其中key值为小写的工程构建类型，value为该构建类型下所要读取的文件名
+```json
+"products": [
+      {
+        "name": "default",
+        "signingConfig": "default",
+        "compatibleSdkVersion": "5.0.0(12)",
+        "runtimeOS": "HarmonyOS",
+        "buildOption": {
+          "arkOptions": {
+            "buildProfileFields": {
+              "debug": ".env.development",
+              "release": ".env.production"
+            }
+          }
+        }
+      }
+    ]
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                       | Type     | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
+| Config    | 类中属性名及其值对应.env文件中所定义的键值对           | Object     | no       | Android/iOS | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lugg/react-native-config/blob/master/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-confirmation-code-field.md b/en/react-native-confirmation-code-field.md
new file mode 100644
index 00000000..1ca90342
--- /dev/null
+++ b/en/react-native-confirmation-code-field.md
@@ -0,0 +1,159 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-confirmation-code-field</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/retyui/react-native-confirmation-code-field">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/retyui/react-native-confirmation-code-field/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/retyui/react-native-confirmation-code-field)
+
+## 安装与使用
+
+#### **npm**
+
+```bash
+npm install react-native-confirmation-code-field@7.3.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-confirmation-code-field@7.3.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { SafeAreaView, Text, StyleSheet } from "react-native";
+
+import {
+  CodeField,
+  Cursor,
+  useBlurOnFulfill,
+  useClearByFocusCell,
+} from "react-native-confirmation-code-field";
+
+const styles = StyleSheet.create({
+  root: { flex: 1, padding: 20 },
+  title: { textAlign: "center", fontSize: 30 },
+  codeFieldRoot: { marginTop: 20 },
+  cell: {
+    width: 40,
+    height: 40,
+    lineHeight: 38,
+    fontSize: 24,
+    borderWidth: 2,
+    borderColor: "#00000030",
+    textAlign: "center",
+  },
+  focusCell: {
+    borderColor: "#000",
+  },
+});
+
+const CELL_COUNT = 6;
+
+const App = () => {
+  const [value, setValue] = useState("");
+  const ref = useBlurOnFulfill({ value, cellCount: CELL_COUNT });
+  const [props, getCellOnLayoutHandler] = useClearByFocusCell({
+    value,
+    setValue,
+  });
+
+  return (
+    <SafeAreaView style={styles.root}>
+      <Text style={styles.title}>Verification</Text>
+      <CodeField
+        ref={ref}
+        {...props}
+        // Use `caretHidden={false}` when users can't paste a text value, because context menu doesn't appear
+        value={value}
+        onChangeText={setValue}
+        cellCount={CELL_COUNT}
+        rootStyle={styles.codeFieldRoot}
+        keyboardType="number-pad"
+        textContentType="oneTimeCode"
+        renderCell={({ index, symbol, isFocused }) => (
+          <Text
+            key={index}
+            style={[styles.cell, isFocused && styles.focusCell]}
+            onLayout={getCellOnLayoutHandler(index)}
+          >
+            {symbol || (isFocused ? <Cursor /> : null)}
+          </Text>
+        )}
+      />
+    </SafeAreaView>
+  );
+};
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 组件
+
+> [!tip] "Platform"列表示该组件在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        | Description                                                                                                                                                                                          | Type      | Platform | HarmonyOS Support |
+| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------------- |
+| `CodeField` | This a base component that render RootComponent (default: View) with cells that would be returned by renderCell() and a <TextInput/> that will be invisible and over all cells within root component | component | All      | yes               |
+| `Cursor`    | It's a help component for simulation a cursor blinking animation in <Cell/> components                                                                                                               | component | All      | yes               |
+
+## CodeField属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                | Type                     | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------------- | ------------------------ | -------- | -------- | ----------------- |
+| `cellCount`       | Number of characters in input (optional, default: 4)                                                                       | number                   | yes      | All      | yes               |
+| `renderCell?`     | Required function for Cell rendering, will be invoke with next options:{index: number, symbol: string, isFocused: boolean} | ReactElement             | No       | All      | yes               |
+| `RootComponent?`  | if you want change root component for example using animations RootComponent={Animated.View} (optional, default View)      | ComponentType<any>       | No       | All      | yes               |
+| `InputComponent?` | If you want to provide a custom TextInput component that can receive the same props (optional, default TextInput)          | ComponentType<any>       | No       | All      | yes               |
+| `rootStyle?`      | Styles for root component (optional)                                                                                       | StyleProp<RootComponent> | No       | All      | yes               |
+| `RootProps?`      | Any props that will applied for root component <RootComponent style={rootStyle} {...RootProps} />                          | Object                   | No       | All      | yes               |
+| `textInputStyle?` | Styles for invisible <TextInput/>, can be used for testing or debug (optional)                                             | StyleProp<TextStyle>     | No       | All      | yes               |
+
+## Hooks
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Type           | Required | Platform | HarmonyOS Support |
+| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
+| `useClearByFocusCell` | Simple hook that add functionality that trim value by pressed cell,After invoke this hook wil return array with two values `[props,getCellOnLayout]`;<br/> -`props`- an object that you should spreed to ` <CodeField/>` <br/> - `getCellOnLayout(index: number): Function` - helper method that returns `onLayout` handler <br/> - If you need to style only one borderX (example `borderBottom`) you need to know about React Native issue with [border styles for `<Text/>` on iOS](https://github.com/facebook/react-native/issues/23537).<br/> - To fix it need `<View/>` wrapper for Cell, but don't forger to move `onLayout={getCellOnLayoutHandler(index)` to `<View/>` | Function       | yes      | All      | yes               |
+| `useBlurOnFulfill`    | This hook include a logic to blurring`<TextInput/>`when value fulfilled You should pass two params: <br/> - `value?: string` - a string value that;<br/> - `cellCount: number`;<br/>Returned value will be a TextInput ref that you should pass to`<CodeField/>`component.And when a value length would equal cellCount will be called `.blur()` method.It work perfectly with `useClearByFocusCell` hook                                                                                                                                                                                                                                                                        | Ref<TextInput> | yes      | All      | yes               |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-contacts.md b/en/react-native-contacts.md
new file mode 100644
index 00000000..077197af
--- /dev/null
+++ b/en/react-native-contacts.md
@@ -0,0 +1,570 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-contacts</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/morenoh149/react-native-contacts">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/morenoh149/react-native-contacts/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-contacts)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-contacts@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-contacts@file:#
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { ScrollView, Button, Alert } from "react-native";
+import Contacts from "react-native-contacts";
+
+export const ContactsDemo = () => {
+  let emailAddress: Contacts.EmailAddress = {
+    label: "emailAddress",
+    email: "test@163.com",
+  };
+  let phoneNumber: Contacts.PhoneNumber = {
+    label: "phoneNumber",
+    number: "13142536789",
+  };
+
+  let postalAddress: Contacts.PostalAddress = {
+    label: "label",
+    formattedAddress: "formattedAddress",
+    street: "street",
+    pobox: "pobox",
+    neighborhood: "neighborhood",
+    city: "city",
+    region: "region",
+    state: "state",
+    postCode: "postCode",
+    country: "country",
+  };
+
+  let birthday: Contacts.Birthday = {
+    day: 1,
+    month: 5,
+    year: 2024,
+  };
+
+  let instantMessageAddress: Contacts.InstantMessageAddress = {
+    username: "username",
+    service: "service",
+  };
+
+  let urlAddress: Contacts.UrlAddress = {
+    url: "url",
+    label: "label",
+  };
+  let contact: Contacts.Contact = {
+    company: "addcompany",
+    emailAddresses: [emailAddress],
+    displayName: "adddisplayName",
+    familyName: "addfamilyName",
+    givenName: "addgivenName",
+    middleName: "addmiddleName",
+    jobTitle: "addjobTitle",
+    phoneNumbers: [phoneNumber],
+    hasThumbnail: false,
+    thumbnailPath: "addthumbnailPath",
+    isStarred: false,
+    postalAddresses: [postalAddress],
+    prefix: "addprefix",
+    suffix: "addsuffix",
+    department: "adddepartment",
+    birthday: birthday,
+    imAddresses: [instantMessageAddress],
+    urlAddresses: [urlAddress],
+    note: "addnote",
+  };
+
+  return (
+    <ScrollView>
+      <Button
+        title="requestPermission"
+        onPress={() => {
+          Contacts.requestPermission().then((data) => {
+            console.log(`requestPermission:${JSON.stringify(data)}`);
+            Alert.alert(`requestPermission:${JSON.stringify(data)}`);
+          });
+        }}
+      />
+      <Button
+        title="checkPermission"
+        onPress={() => {
+          Contacts.checkPermission().then((data) => {
+            console.log(`checkPermission:${JSON.stringify(data)}`);
+            Alert.alert(`checkPermission:${JSON.stringify(data)}`);
+          });
+        }}
+      />
+      <Button
+        title="getAll"
+        onPress={() => {
+          Contacts.getAll().then((contacts: Contacts.Contact[]) => {
+            console.log(`getAll:${JSON.stringify(contacts)}`);
+          });
+        }}
+      />
+      <Button
+        title="getAllWithoutPhotos"
+        onPress={() => {
+          Contacts.getAllWithoutPhotos().then(
+            (contacts: Contacts.Contact[]) => {
+              console.log(`getAllWithoutPhotos:${JSON.stringify(contacts)}`);
+            }
+          );
+        }}
+      />
+      <Button
+        title="getContactById"
+        onPress={() => {
+          Contacts.getContactById("1").then(
+            (contact: Contacts.Contact | null) => {
+              console.log(`getContactById:${JSON.stringify(contact)}`);
+            }
+          );
+        }}
+      />
+      <Button
+        title="getCount"
+        onPress={() => {
+          Contacts.getCount().then((count: number) => {
+            console.log(`getCount:${count}`);
+          });
+        }}
+      />
+      <Button
+        title="getPhotoForId"
+        onPress={() => {
+          Contacts.getPhotoForId("1").then((photoUrl: string) => {
+            console.log(`getPhotoForId:${photoUrl}`);
+          });
+        }}
+      />
+      <Button
+        title="addContact"
+        onPress={() => {
+          Contacts.addContact(contact).then((contact: Contacts.Contact) => {
+            console.log(`addContact:${JSON.stringify(contact)}`);
+          });
+        }}
+      />
+
+      <Button
+        title="openContactForm"
+        onPress={() => {
+          Contacts.openContactForm(contact).then(
+            (contact: Contacts.Contact) => {
+              console.log(`openContactForm:${JSON.stringify(contact)}`);
+              Alert.alert(`openContactForm success`);
+            }
+          );
+        }}
+      />
+      <Button
+        title="openExistingContact"
+        onPress={() => {
+          Contacts.openExistingContact({
+            recordID: "1",
+            phoneNumbers: [
+              {
+                label: "phoneNumber2",
+                number: "13521456721",
+              },
+            ],
+          }).then((contact: Contacts.Contact) => {
+            console.log(`openExistingContact:${JSON.stringify(contact)}`);
+            Alert.alert(`openExistingContact success`);
+          });
+        }}
+      />
+      <Button
+        title="viewExistingContact"
+        onPress={() => {
+          Contacts.viewExistingContact({
+            recordID: "1",
+            phoneNumbers: [
+              {
+                label: "phoneNumber2",
+                number: "13521456721",
+              },
+            ],
+          }).then((contact: Contacts.Contact) => {
+            console.log(`viewExistingContact:${JSON.stringify(contact)}`);
+            Alert.alert(`viewExistingContact success`);
+          });
+        }}
+      />
+      <Button
+        title="editExistingContact"
+        onPress={() => {
+          Contacts.editExistingContact({
+            recordID: "1",
+            phoneNumbers: [
+              {
+                label: "phoneNumber2",
+                number: "13521456721",
+              },
+            ],
+          }).then((contact: Contacts.Contact) => {
+            console.log(`editExistingContact:${JSON.stringify(contact)}`);
+            Alert.alert(`editExistingContact success`);
+          });
+        }}
+      />
+      <Button
+        title="updateContact"
+        onPress={() => {
+          Contacts.updateContact({
+            recordID: "1",
+            familyName: "updateContact",
+            givenName: "updateContact",
+            phoneNumbers: [
+              {
+                label: "phoneNumber2",
+                number: "13521456721",
+              },
+              {
+                label: "phoneNumber3",
+                number: "13521456222",
+              },
+            ],
+          }).then(() => {
+            Alert.alert(`updateContact success`);
+          });
+        }}
+      />
+      <Button
+        title="deleteContact"
+        onPress={() => {
+          Contacts.deleteContact({
+            recordID: "3",
+          }).then(() => {
+            Alert.alert(`deleteContact success`);
+          });
+        }}
+      />
+      <Button
+        title="getContactsMatchingString"
+        onPress={() => {
+          Contacts.getContactsMatchingString("addfamilyName").then(
+            (contacts: Contacts.Contact[]) => {
+              console.log(
+                `getContactsMatchingString:${JSON.stringify(contacts)}`
+              );
+            }
+          );
+        }}
+      />
+      <Button
+        title="getContactsByPhoneNumber"
+        onPress={() => {
+          Contacts.getContactsByPhoneNumber("789").then(
+            (contacts: Contacts.Contact[]) => {
+              console.log(
+                `getContactsByPhoneNumber:${JSON.stringify(contacts)}`
+              );
+            }
+          );
+        }}
+      />
+      <Button
+        title="getContactsByEmailAddress"
+        onPress={() => {
+          Contacts.getContactsByEmailAddress("test@163.com").then(
+            (contacts: Contacts.Contact[]) => {
+              console.log(
+                `getContactsByEmailAddress:${JSON.stringify(contacts)}`
+              );
+            }
+          );
+        }}
+      />
+      <Button
+        title="writePhotoToPath"
+        onPress={() => {
+          Contacts.writePhotoToPath("1", "file").then((data) => {
+            console.log(`writePhotoToPath:${JSON.stringify(data)}`);
+          });
+        }}
+      />
+      <Button
+        title="iosEnableNotesUsage"
+        onPress={() => {
+          Contacts.iosEnableNotesUsage(true);
+          console.log(`iosEnableNotesUsage:true`);
+        }}
+      />
+    </ScrollView>
+  );
+};
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-contacts": "file:../../node_modules/@react-native-oh-tpl/react-native-contacts/harmony/contacts.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 ContactsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {ContactsPackage} from '@react-native-oh-tpl/react-native-contacts/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [new SamplePackage(ctx),
++   new ContactsPackage(ctx)];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases)
+
+### 权限要求
+
+[!tip] "ohos.permission.READ_CONTACTS"，"ohos.permission.WRITE_CONTACTS"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
+打开`entry/src/main/module.json5`，添加：
+
+```json
+"requestPermissions": [
+     ...
+     {
+        "name": "ohos.permission.READ_CONTACTS",
+        "reason": "$string:read_contacts_reason",
+        "usedScene": {
+          "abilities": [
+            "EntryAbility"
+          ],
+          "when": "always"
+        }
+      },
+      {
+        "name": "ohos.permission.WRITE_CONTACTS",
+        "reason": "$string:write_contacts_reason",
+        "usedScene": {
+          "abilities": [
+            "EntryAbility"
+          ],
+          "when": "always"
+        }
+      }
+]
+```
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                              | Description                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| getAll: Promise<Contact[]>  | returns all contacts as an array of objects                                                                                                        | function | no       | android,ios | yes               |
+| getAllWithoutPhotos:Promise<Contact[]>            | same as `getAll` on Android, but on iOS it will not return uris for contact photos (because there's a significant overhead in creating the images) | function | no       | android,ios | yes               |
+| getContactById(contactId): Promise<Contact>       | returns contact with defined contactId (or null if it doesn't exist)人                                                                             | function | no       | android,ios | yes               |
+| getCount(): Promise<number>                       | returns the number of contacts                                                                                                                     | function | no       | android,ios | yes               |
+| getPhotoForId(contactId: string): Promise<string> | Promise - returns a URI (or null) for a contacts photoURL                                                                                          | function | no       | android,ios | yes               |
+| addContact(contact: Partial<Contact>): Promise<Contact>| adds a contact to the AddressBook                                                                                                                                         | function | no       | android,ios | yes               |
+| openContactForm(contact: Partial<Contact>): Promise<Contact \| null> | create a new contact and display in contactsUI面                                                                                                                 | function | no       | android,ios | partially         |
+| openExistingContact(contact: Contact): Promise<Contact>          | open existing contact (edit mode), where contact is an object with a valid recordID                                                                                                                                 | function | no       | android,ios | partially         |
+| viewExistingContact(contact: { recordID: string })                               | open existing contact (view mode), where contact is an object with a valid recordID面                                                                                                                             | function | no       | android,ios | partially         |
+| editExistingContact(contact: Contact): Promise<Contact>                               | add numbers to the contact, where the contact is an object with a valid recordID and an array of phoneNumbers面                                                                                                                         | function | no       | android,ios | no                |
+| updateContact(contact: Partial<Contact> & {recordID: string}): Promise<void>                                     | where contact is an object with a valid recordID                                                                                                                                     | function | no       | android,ios | yes               |
+| deleteContact(contact: Contact): Promise<void>           | where contact is an object with a valid recordID                                                                                                                                         | function | no       | android,ios | yes               |
+| getContactsMatchingString(str: string): Promise<Contact[]>                         | where string is any string to match a name (first, middle, family) to                                                                                                                                 | function | no       | android,ios | yes               |
+| getContactsByPhoneNumber(phoneNumber: string): Promise<Contact[]>                          | where string is a phone number to match to.                                                                                                                                 | function | no       | android,ios | yes               |
+| getContactsByEmailAddress(emailAddress: string): Promise<Contact[]>                         | where string is an email address to match to.                                                                                                                         | function | no       | android,ios | yes               |
+| checkPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>;                                   | checks permission to access Contacts ios only                                                                                                                           | function | no       | ios         | yes               |
+| requestPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>                                 |  request permission to access Contacts ios only                                                                                                                                 | function | no       | ios         | yes               |
+| writePhotoToPath(contactId: string, file: string): Promise<boolean>                                  | writes the contact photo to a given path android only                                                                                                                         | function | no       | android     | no                |
+
+
+**Contacts**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| recordID | 联系人id | string | no | android,ios | yes |
+| backTitle | 返回键标题 | string | no | android,ios | no |
+| company | 公司 | string|null | no | android,ios | yes |
+| emailAddresses | 电子邮箱地址 | EmailAddress[] | no | android,ios | yes |
+| displayName | 展示名 | string | no | android,ios | yes |
+| familyName | 姓氏 | string | no | android,ios | yes |
+| givenName | 名字 | string | no | android,ios | yes |
+| middleName | 中间名 | string | no | android,ios | yes |
+| jobTitle | 职位名称 | string | no | android,ios | yes |
+| phoneNumbers | 电话号码 | PhoneNumber[] | no | android,ios | yes |
+| hasThumbnail | 有头像 | boolean | no | android,ios | np |
+| thumbnailPath | 头像地址 | string | no | android,ios | no |
+| isStarred | 是否标记 | boolean | no | android,ios | yes |
+| postalAddresses | 邮件地址 | PostalAddress[] | no | android,ios | yes |
+| prefix | 前缀 | string | no | android,ios | yes |
+| suffix | 后缀 | string | no | android,ios | yes |
+| department | 部门 | string | no | android,ios | yes |
+| birthday | 生日 | Birthday | no | android,ios | yes |
+| imAddresses | 即时消息地址 | InstantMessageAddress[] | no | android,ios | yes |
+| urlAddresses | 图片地址 | UrlAddress[] | no | android,ios | no |
+| note | 备注 | string | no | android,ios | yes |
+
+
+**EmailAddress**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| label | 标题 | string | no | android,ios | yes |
+| email | 地址 | string | no | android,ios | yes |
+
+**PhoneNumber**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| label | 标题 | string | no | android,ios | yes |
+| number | 号码 | string | no | android,ios | yes |
+
+**PostalAddress**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| label | 标题 | string | no | android,ios | yes |
+| formattedAddress | 格式化地址 | string | no | android,ios | yes |
+| street | 街道 | string | no | android,ios | yes |
+| pobox | 信箱 | string | no | android,ios | yes |
+| neighborhood | 邻域 | string | no | android,ios | yes |
+| city | 城市 | string | no | android,ios | yes |
+| region | 区域 | string | no | android,ios | yes |
+| state | 州 | string | no | android,ios | yes |
+| postCode | 邮政编码 | string | no | android,ios | yes |
+| country | 国家/地区 | string | no | android,ios | yes |
+
+**InstantMessageAddress**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| username | 用户名 | string | no | android,ios | no |
+| service | 服务地址 | string | no | android,ios | no |
+
+**Birthday**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| day | 年 | number | no | android,ios | yes |
+| month | 月 | number | no | android,ios | yes |
+| year | 日 | number | no | android,ios | yes |
+
+**UrlAddress**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| url | 路径 | string | no | android,ios | yes |
+| label | 标题 | string | no | android,ios | yes |
+
+
+## 遗留问题
+
+- [ ] openContactForm：跳转到系统联系人界面只支持姓名和电话参数传递，需要系统联系人应用支持所有属性，另外创建成功之后无法返回联系人信息，联系人应用目前不支持。[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] openExistingContact：联系人应用新增和编辑是同一个界面，目前参数只支持姓名和电话传递，编辑成功之后也无法拿到联系人信息[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] viewExistingContact：查看界面只有姓名和电话信息，需要联系人应用补齐所有属性[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] editExistingContact：没有单独的只支持编辑电话号码的页面，目前同编辑页面[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] writePhotoToPath：系统联系人应用不支持[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/morenoh149/react-native-contacts/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-context-menu-view.md b/en/react-native-context-menu-view.md
new file mode 100644
index 00000000..63154607
--- /dev/null
+++ b/en/react-native-context-menu-view.md
@@ -0,0 +1,264 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-context-menu-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mpiannucci/react-native-context-menu-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mpiannucci/react-native-context-menu-view/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-context-menu-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-context-menu-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-context-menu-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import ContextMenu from "react-native-context-menu-view";
+
+const Example = () => {
+  return (
+    <ContextMenu
+      actions={[{ title: "Title 1" }, { title: "Title 2" }]}
+      onPress={(e) => {
+        console.warn(
+          `Pressed ${e.nativeEvent.name} at index ${e.nativeEvent.index}`
+        );
+      }}
+    >
+      <View style={styles.yourOwnStyles} />
+    </ContextMenu>
+  );
+};
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-context-menu-view": "file:../../node_modules/@react-native-oh-tpl/react-native-context-menu-view/harmony/context_menu.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ContextMenuPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-context-menu-view/src/main/cpp" ./context_menu)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_context_menu)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ContextMenuPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<ContextMenuPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ContextMenuPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+
+```diff
+  ...
++ import {ContextMenuPackage} from '@react-native-oh-tpl/react-native-context-menu-view/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ContextMenuPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                  | Type     | Required | Platform               | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | -------- | -------- | ---------------------- | ----------------- |
+| title                  | The title above the popup menu.                              | string   | no       | Android/iOS            | yes               |
+| actions                | Menu props.                                                  | array    | no       | Android(partially)/iOS | partially         |
+| previewBackgroundColor | The background color of the preview.                         | string   | no       | NA                     | no                |
+| dropdownMenuMode       | When set to true, the context menu is triggered with a single tap instead of a long press. | boolean  | no       | Android/iOS            | yes               |
+| disabled               | Disable menu interaction.                                    | boolean  | no       | Android/iOS            | yes               |
+| onPress                | When the popup is opened and the user picks an option.       | callback | no       | Android/iOS            | yes               |
+| onPreviewPress         | When the context menu preview is tapped.                     | callback | no       | iOS                    | yes               |
+| onCancel               | When the popup is opened and the user cancels.               | callback | no       | Android/iOS            | yes               |
+
+## actions
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name           | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| title          | the title of the action                                      | string  | no       | Android/iOS | yes               |
+| subtitle       | the subtitle of the action                                   | string  | no       | iOS 15+     | yes               |
+| systemIcon     | refers to an icon name within [SF Symbols](https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/) | string  | no       | iOS         | yes               |
+| icon           | Custom Icons.                                                | string  | no       | Android/iOS | yes               |
+| iconColor      | will change the color of the icon provided to the `icon` prop and has no effect on `systemIcon` (default: black) | string  | no       | Android/iOS | yes               |
+| destructive    | items are rendered in red                                    | boolean | no       | iOS         | yes               |
+| selected       | items have a checkmark next to them                          | boolean | no       | iOS         | yes               |
+| disabled       | marks whether the action is disabled or not                  | boolean | no       | Android/iOS | yes               |
+| inlineChildren | marks whether its children (if any) should be rendered inline instead of in their own child menu | boolean | no       | iOS         | partially         |
+| actions        | will provide a one level deep nested menu                    | array   | no       | Android/iOS | partially         |
+
+## 遗留问题
+
+## 其他
+
+1.previewBackgroundColor属性，经过验证在iOS和Android均无效果。
+
+2.actions属性是个结构体函数，所以包含其他上文列举属性，例如previewBackgroundColor等。所以，属于部分支持
+
+3.该库的具体逻辑实现，在不同平台，均为调用平台对应的底层Menu接口进行相关操作。所以，不同平台上，动效展示等会有所不同。
+
+4.onPress方法的callback参考：{ nativeEvent: { index, indexPath, name } }. 
+
+5.当systemIcon和icon同时配置的时候，在Harmony Next平台上，systemIcon的优先级高于icon
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mpiannucci/react-native-context-menu-view/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-cookies-cookies.md b/en/react-native-cookies-cookies.md
new file mode 100644
index 00000000..7462114e
--- /dev/null
+++ b/en/react-native-cookies-cookies.md
@@ -0,0 +1,357 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-cookies/cookies</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-cookies/cookies/tree/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-cookies/cookies/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-cookies/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/cookies@file:#
+```
+
+#### **yarn**
+
+```
+yarn add @react-native-oh-tpl/cookies@file:#
+```
+
+<!-- tabs:end -->
+
+HarmonyOS 中使用 react-native-cookies 需要配合 react-native-webview 使用，具体请参考[@react-native-oh-tpl/react-native-webview](/zh-cn/react-native-webview.md)
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useRef } from "react";
+import {
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+  TouchableOpacity,
+} from "react-native";
+import CookieManager from "@react-native-cookies/cookies";
+import { WebView } from "react-native-webview";
+
+export interface Cookie {
+  name: string;
+  value: string;
+  path?: string;
+  domain?: string;
+  version?: string;
+  expires?: string;
+  secure?: boolean;
+  httpOnly?: boolean;
+}
+
+export interface Cookies {
+  [key: string]: Cookie;
+}
+
+export default function CookiesPage() {
+  const httpUrl = "https://www.baidu.com/";
+  const [result, setResult] = useState("请点击按钮，进行操作");
+  const webViewRef = useRef(null);
+  return (
+    <View style={styles.container}>
+      <View style={styles.pageArea}>
+        <WebView source={{ uri: httpUrl }} ref={webViewRef} />;
+      </View>
+
+      <ScrollView style={styles.resultArea}>
+        <Text>{result}</Text>
+      </ScrollView>
+
+      <TouchableOpacity
+        style={styles.button}
+        onPress={async () => {
+          let cookieResult = await CookieManager.clearAll(true);
+          let result = cookieResult
+            ? "清除所有cookie成功"
+            : "清除所有cookie失败";
+          setResult(result + "");
+        }}
+      >
+        <Text>clearAll()【清除所有cookie】</Text>
+      </TouchableOpacity>
+
+      <TouchableOpacity
+        style={styles.button}
+        onPress={async () => {
+          let cookieResult = await CookieManager.get(httpUrl, true);
+          setResult(JSON.stringify(cookieResult));
+        }}
+      >
+        <Text>get()【根据url获取cookie】</Text>
+      </TouchableOpacity>
+
+      <TouchableOpacity
+        style={styles.button}
+        onPress={async () => {
+          let curCookie: Cookie = { name: "myAddCookie", value: "myNewCookie" };
+          let cookieResult = await CookieManager.set(httpUrl, curCookie, true);
+          let result = cookieResult
+            ? "根据url设置cookie成功"
+            : "根据url设置cookie失败";
+          setResult(result);
+        }}
+      >
+        <Text>set()【根据url设置cookie】</Text>
+      </TouchableOpacity>
+
+      <TouchableOpacity
+        style={styles.button}
+        onPress={async () => {
+          let cookieResult = await CookieManager.clearByName(
+            httpUrl,
+            "myAddCookie",
+            true
+          );
+          let result = cookieResult
+            ? "根据名称删除cookie成功"
+            : "根据名称删除cookie失败";
+          setResult(result);
+        }}
+      >
+        <Text>clearByName()【根据名称删除cookie】</Text>
+      </TouchableOpacity>   
+
+      <TouchableOpacity
+        style={styles.button}
+        onPress={async () => {
+          let cookieResult = await CookieManager.removeSessionCookies();
+          let result = cookieResult
+            ? "清除会话cookie成功"
+            : "清除会话cookie失败";
+          setResult(result);
+        }}
+      >
+        <Text>removeSessionCookies()【清除会话cookie】</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    height: "100%",
+    alignItems: "center",
+  },
+  pageArea: {
+    width: "95%",
+    height: 80,
+  },
+  resultArea: {
+    width: "95%",
+    borderWidth: 2,
+    borderColor: "gray",
+    borderRadius: 10,
+    marginTop: 5,
+  },
+  button: {
+    backgroundColor: "#FF0000",
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    borderRadius: 24,
+    alignItems: "center",
+    justifyContent: "center",
+    elevation: 4,
+    width: "80%",
+    marginTop: 5,
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    ...
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/cookies": "file:../../node_modules/@react-native-oh-tpl/cookies/harmony/rn_cookies.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 CookiesPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${OH_MODULES}/rnoh/src/main/cpp")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/cookies/src/main/cpp" ./rn_cookies)
+# RNOH_BEGIN: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_cookies)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+...
+
++ #include "CookiesPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      ...
++     std::make_shared<CookiesPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 CookiesPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {CookiesPackage} from '@react-native-oh-tpl/cookies/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    ...
++  	new CookiesPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases)
+
+## 静态方法
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                   | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | --------------------------------------------- | ---------|----------| ------------|-------------------|
+| clearAll             |  Clear all cookies                            |function  |     NO   |iOS,Android  | yes               |
+| get                  |  Get cookies based on url                     |function  |     NO   | iOS,Android | yes               |
+| set                  |  Set cookie based on url                      |function  |     NO   | iOS,Android | yes               |
+| clearByName          |  Delete cookies by name                       |function  |     NO   | iOS         | yes               |
+| flush                |  Refresh cookies                              |function  |     NO   | Android     | no                |
+| removeSessionCookies |  Clear session cookies                        |function  |     NO   | iOS,Android | yes               |
+| getAll               |  Get all cookies                              |function  |     NO   | iOS         | no                |
+| setFromResponse      |  Set cookies from a response header           |function  |     NO   | iOS         | no                |
+| getFromResponse      |  Get cookies from a response header           |function  |     NO   | iOS         | no                |
+
+## 遗留问题
+
+- [ ] 这四个方法getAll,setFromResponse,getFromResponse,flush 在ios是可用的andriod不可用，Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-cookies/issues/1)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-cookies/cookies/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-copilot.md b/en/react-native-copilot.md
new file mode 100644
index 00000000..742e38f8
--- /dev/null
+++ b/en/react-native-copilot.md
@@ -0,0 +1,238 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-copilot</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mohebifar/react-native-copilot">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mohebifar/react-native-copilot/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/mohebifar/react-native-copilot)
+
+## 安装与使用
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install --save react-native-copilot@3.3.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-copilot@3.3.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useEffect, useState } from "react";
+import {
+  Image,
+  SafeAreaView,
+  StyleSheet,
+  Switch,
+  Text,
+  TouchableOpacity,
+  View,
+} from "react-native";
+import {
+  CopilotProvider,
+  CopilotStep,
+  walkthroughable,
+  useCopilot,
+} from "react-native-copilot";
+
+const WalkthroughableText = walkthroughable(Text);
+const WalkthroughableImage = walkthroughable(Image);
+
+function App() {
+  const { start, copilotEvents } = useCopilot();
+  const [secondStepActive, setSecondStepActive] = useState(true);
+  const [lastEvent, setLastEvent] = useState(null);
+
+  useEffect(() => {
+    copilotEvents.on("stepChange", (step) => {
+      setLastEvent(`stepChange: ${step.name}`);
+    });
+    copilotEvents.on("start", () => {
+      setLastEvent(`start`);
+    });
+    copilotEvents.on("stop", () => {
+      setLastEvent(`stop`);
+    });
+  }, [copilotEvents]);
+
+  return (
+    <SafeAreaView style={styles.container}>
+      <CopilotStep
+        text="Hey! This is the first step of the tour!"
+        order={1}
+        name="openApp"
+      >
+        <WalkthroughableText style={styles.title}>
+          {'Welcome to the demo of\n"React Native Copilot"'}
+        </WalkthroughableText>
+      </CopilotStep>
+      <View style={styles.middleView}>
+        <CopilotStep
+          active={secondStepActive}
+          text="Here goes your profile picture!"
+          order={2}
+          name="secondText"
+        >
+          <WalkthroughableImage
+            source={require('../assets/react-native-copilot-man.jpeg')}
+            style={styles.profilePhoto}
+          />
+        </CopilotStep>
+        <View style={styles.activeSwitchContainer}>
+          <Text>Profile photo step activated?</Text>
+          <View style={{ flexGrow: 1 }} />
+          <Switch
+            onValueChange={(secondStepActive) =>
+              setSecondStepActive(secondStepActive)
+            }
+            value={secondStepActive}
+          />
+        </View>
+        <TouchableOpacity style={styles.button} onPress={() => start()}>
+          <Text style={styles.buttonText}>START THE TUTORIAL!</Text>
+        </TouchableOpacity>
+        <View style={styles.eventContainer}>
+          <Text>{lastEvent && `Last event: ${lastEvent}`}</Text>
+        </View>
+      </View>
+      <View style={styles.row}>
+        <CopilotStep
+          text="Here is an item in the corner of the screen."
+          order={3}
+          name="thirdText"
+        >
+          <WalkthroughableText >
+            <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-nickname.png')} /></View>
+          </WalkthroughableText>
+        </CopilotStep>
+        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-earphone.png')} /></View>
+        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-glass.png')} /></View>
+        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-scan.png')} /></View>
+        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-todo.png')} /></View>
+      </View>
+    </SafeAreaView>
+  );
+}
+
+const AppwithProvider = () => (
+  <CopilotProvider stopOnOutsideClick androidStatusBarVisible>
+    <App />
+  </CopilotProvider>
+);
+
+export default AppwithProvider;
+
+const styles = StyleSheet.create({
+  imageView: {
+    width: 50,
+    height: 50,
+    justifyContent: 'space-evenly',
+    alignItems: 'center'
+  },
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    paddingTop: 25,
+  },
+  title: {
+    fontSize: 24,
+    textAlign: "center",
+  },
+  profilePhoto: {
+    width: 140,
+    height: 140,
+    borderRadius: 70,
+    marginVertical: 20,
+  },
+  middleView: {
+    flex: 1,
+    alignItems: "center",
+  },
+  button: {
+    backgroundColor: "#2980b9",
+    paddingVertical: 10,
+    paddingHorizontal: 15,
+  },
+  buttonText: {
+    color: "white",
+    fontSize: 16,
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: 'center',
+    justifyContent: "space-between",
+  },
+  tabItem: {
+    flex: 1,
+    textAlign: "center",
+  },
+  activeSwitchContainer: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    marginBottom: 20,
+    alignItems: "center",
+    paddingHorizontal: 25,
+  },
+  eventContainer: {
+    marginTop: 20,
+  },
+});
+```
+## Link
+
+本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+详细请查看 [react-native-copilot](https://github.com/mohebifar/react-native-copilot/blob/master/README.md) 的文档介绍
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                       | Type     | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
+| CopilotProps    | Prompt Style Properties           | type     | no       | Android/iOS | yes               |
+| TooltipProps    | Prompt Tool Properties            | type     | no       | Android/iOS | yes               |
+| CopilotProvider | Custom Tooltip Styles             | function | no       | Android/iOS | yes               |
+| CopilotStep     | Customizing Component Step Styles | function | no       | Android/iOS | yes               |
+| DefaultUI       | Default UI Attributes             | object   | no       | Android/iOS | yes               |
+| useCopilot      | Use Prompt Style                  | function | no       | Android/iOS | yes               |
+| walkthroughable | Wrappable Components              | function | no       | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mohebifar/react-native-copilot/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-country-picker-modal.md b/en/react-native-country-picker-modal.md
new file mode 100644
index 00000000..101e4a83
--- /dev/null
+++ b/en/react-native-country-picker-modal.md
@@ -0,0 +1,315 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-country-picker-modal</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-oh-library/react-native-country-picker-modal">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-country-picker-modal/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-country-picker-modal)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-country-picker-modal Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-country-picker-modal@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-country-picker-modal@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, {useState} from 'react';
+import {
+  Text,
+  StyleSheet,
+  PixelRatio,
+  Switch,
+  Button,
+  ScrollView,
+  View,
+  ViewProps,
+} from 'react-native';
+import CountryPicker, {
+  CountryModalProvider,
+  CountryCode,
+  Country,
+  DARK_THEME,
+} from 'react-native-country-picker-modal';
+
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 10,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  welcome: {
+    fontSize: 17,
+    textAlign: 'center',
+    margin: 5,
+  },
+  instructions: {
+    fontSize: 10,
+    textAlign: 'center',
+    color: '#888',
+    marginBottom: 0,
+  },
+  data: {
+    maxWidth: 250,
+    padding: 10,
+    marginTop: 7,
+    backgroundColor: '#ddd',
+    borderColor: '#888',
+    borderWidth: 1 / PixelRatio.get(),
+    color: '#777',
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+});
+
+const Row = (
+  props: ViewProps & {children?: React.ReactNode; fullWidth?: boolean},
+) => (
+  <View
+    {...props}
+    style={[
+      styles.row,
+      props.style,
+      props.fullWidth && {
+        width: '100%',
+        justifyContent: 'space-between',
+        padding: 10,
+        paddingHorizontal: 50,
+      },
+    ]}
+  />
+);
+interface OptionProps {
+  title: string;
+  value: boolean;
+  onValueChange(value: boolean): void;
+}
+const Option = ({value, onValueChange, title}: OptionProps) => (
+  <Row fullWidth>
+    <Text style={styles.instructions}>{title}</Text>
+    <Switch {...{value, onValueChange}} />
+  </Row>
+);
+
+export function CountryPickerTest() {
+  const [countryCode, setCountryCode] = useState<CountryCode>('AF');
+  const [country, setCountry] = useState<Country>();
+  const [withCountryNameButton, setWithCountryNameButton] =
+    useState<boolean>(false);
+  const [withCurrencyButton, setWithCurrencyButton] = useState<boolean>(false);
+  const [withFlagButton, setWithFlagButton] = useState<boolean>(true);
+  const [withCallingCodeButton, setWithCallingCodeButton] =
+    useState<boolean>(false);
+  const [withFlag, setWithFlag] = useState<boolean>(true);
+  const [withEmoji, setWithEmoji] = useState<boolean>(true);
+  const [withFilter, setWithFilter] = useState<boolean>(true);
+  const [withAlphaFilter, setWithAlphaFilter] = useState<boolean>(false);
+  const [withCallingCode, setWithCallingCode] = useState<boolean>(false);
+  const [withCurrency, setWithCurrency] = useState<boolean>(false);
+  const [withModal, setWithModal] = useState<boolean>(true);
+  const [visible, setVisible] = useState<boolean>(false);
+  const [dark, setDark] = useState<boolean>(false);
+  const [disableNativeModal, setDisableNativeModal] = useState<boolean>(false);
+  const onSelect = (country: Country) => {
+    setCountryCode(country.cca2);
+    setCountry(country);
+  };
+  const switchVisible = () => setVisible(!visible);
+  return (
+    <CountryModalProvider>
+      <ScrollView contentContainerStyle={styles.container}>
+        <Text style={styles.welcome}>Welcome to Country Picker !</Text>
+        <Option
+          title="With country name on button"
+          value={withCountryNameButton}
+          onValueChange={setWithCountryNameButton}
+        />
+        <Option
+          title="With currency on button"
+          value={withCurrencyButton}
+          onValueChange={setWithCurrencyButton}
+        />
+        <Option
+          title="With calling code on button"
+          value={withCallingCodeButton}
+          onValueChange={setWithCallingCodeButton}
+        />
+        <Option
+          title="With flag"
+          value={withFlag}
+          onValueChange={setWithFlag}
+        />
+        <Option
+          title="With emoji"
+          value={withEmoji}
+          onValueChange={setWithEmoji}
+        />
+        <Option
+          title="With filter"
+          value={withFilter}
+          onValueChange={setWithFilter}
+        />
+        <Option
+          title="With calling code"
+          value={withCallingCode}
+          onValueChange={setWithCallingCode}
+        />
+        <Option
+          title="With currency"
+          value={withCurrency}
+          onValueChange={setWithCurrency}
+        />
+        <Option
+          title="With alpha filter code"
+          value={withAlphaFilter}
+          onValueChange={setWithAlphaFilter}
+        />
+        <Option
+          title="Without native modal"
+          value={disableNativeModal}
+          onValueChange={setDisableNativeModal}
+        />
+        <Option
+          title="With modal"
+          value={withModal}
+          onValueChange={setWithModal}
+        />
+        <Option title="With dark theme" value={dark} onValueChange={setDark} />
+        <Option
+          title="With flag button"
+          value={withFlagButton}
+          onValueChange={setWithFlagButton}
+        />
+        <CountryPicker
+          theme={dark ? DARK_THEME : {}}
+          {...{
+            countryCode,
+            withFilter,
+            excludeCountries: ['FR'],
+            withFlag,
+            withCurrencyButton,
+            withCallingCodeButton,
+            withCountryNameButton,
+            withAlphaFilter,
+            withCallingCode,
+            withCurrency,
+            withEmoji,
+            withModal,
+            withFlagButton,
+            onSelect,
+            disableNativeModal,
+            preferredCountries: ['US', 'GB'],
+            modalProps: {
+              visible,
+            },
+            onClose: () => setVisible(false),
+            onOpen: () => setVisible(true),
+          }}
+        />
+        <Text style={styles.instructions}>Press on the flag to open modal</Text>
+        <Button
+          title={'Open modal from outside using visible props'}
+          onPress={switchVisible}
+        />
+        {country !== null && (
+          <Text style={styles.data}>{JSON.stringify(country, null, 0)}</Text>
+        )}
+      </ScrollView>
+    </CountryModalProvider>
+  );
+}
+
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+
+## 属性
+详细请查看 [react-native-country-picker-modal的文档介绍](https://github.com/xcarpentier/react-native-country-picker-modal)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name          | Description                           | Type                                      | Required | Platform                                | HarmonyOS Support                                        |
+| ------------------ | ----------------------------------------------- | --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
+| countryCode    | Country or area code. | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252)       | Yes     | All | Yes |
+| region         | region code                                                  | [Region](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L272)                                           | No       | All                                         | Yes                                            |
+| subregion         | subregion code | [Subregion](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L282) | No     | All                          | Yes                             |
+| countryCodes         | Country Code | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | No     | All | Yes |
+| theme        | theme | [Theme](https://github.com/xcarpentier/react-native-country-picker-modal/blob/7611d34fa35744dbec3fbcdd9b4401494b1ba8c4/src/CountryTheme.ts#L5) | No       | All | Yes |
+| translation           | Translation Language Code                                    | [TranslationLanguageCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L309) | No     | All | Yes |
+| modalProps       | ModalProps | [ModalProps](https://facebook.github.io/react-native/docs/modal#props) | No       | All | Yes |
+| filterProps              | CountryFilterProps | [CountryFilterProps](https://facebook.github.io/react-native/docs/textinput#props) | No        | All | Yes |
+| flatListProps        | extends flatListProps | [FlatListProps<Country>](https://facebook.github.io/react-native/docs/flatlist#props) | No        | All | Yes |
+| withAlphaFilter   | Use AlphaFilter                        | boolean                                       | No        | All | Yes |
+| withCallingCode  | Using the CallingCode                  | boolean                                       | No        | All | Yes |
+| withCurrency  | Use Currency                                          | boolean                                                      | No        | All | Yes |
+| withEmoji              | Use Emoji                       | boolean                                | No        | All | Yes |
+| withCountryNameButton     | Use the button with the country name                  | boolean                                                      | No        | All | Yes |
+| withCurrencyButton          | Using the With Currency Button     | boolean                                   | No        | All | Yes |
+| withCallingCodeButton          | Using the With Call Code Button    | boolean                                   | No        | All | Yes |
+| withFlagButton         | Using Flagged Buttons              | boolean                                   | No        | All | Yes |
+| withCloseButton          | Using the Close Button         | boolean                               | No        | All | Yes |
+| withFilter          | withFilter                         | boolean                                   | No        | All | Yes |
+| withFlag | withFlag                     | boolean                                | No        | All | Yes |
+| withModal      | withModal                              | boolean                                | No        | All | Yes |
+| visible        | visible                                               | boolean                                                      | No        | All | Yes |
+| containerButtonStyle             | containerButtonStyle | StyleProp<ViewStyle>                     | No        | All | Yes |
+| renderFlagButton        | renderFlagButton | (props: (FlagButton['props'])): ReactNode ([FlagButton props](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/FlagButton.tsx#L73)) | No        | All | Yes |
+| renderCountryFilter   | renderCountryFilter | (props: CountryFilter['props']): ReactNode ([CountryFilter props is TextInputProps](https://facebook.github.io/react-native/docs/textinput#props)) | No        | All | Yes |
+| onSelect  | onSelect | (country: Country): void ([Country](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L263)) | Yes     | All | Yes |
+| onOpen  | onOpen | (): void | Yes  | All | Yes |
+| onClose            | onClose                          | (): void                                 | Yes     | All | Yes |
+| closeButtonImage   | Source of the close button | [ImageSourcePropType](https://facebook.github.io/react-native/docs/image#props) | No        | All | Yes |
+| closeButtonStyle         | closeButtonStyle    | StyleProp<ViewStyle>                    | No        | All | Yes |
+| closeButtonImageStyle | closeButtonImageStyle | StyleProp<ViewStyle>          | No        | All | Yes |
+| disableNativeModal     | you have to wrap your all app with CountryModalProvider | boolean | No        | All | Yes |
+| preferredCountries    | preferredCountries | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L254) preferred countries they appear first (`withAlphaFilter` must be false) | No        | All | Yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/en/react-native-create-thumbnail.md b/en/react-native-create-thumbnail.md
new file mode 100644
index 00000000..cfdaa4f8
--- /dev/null
+++ b/en/react-native-create-thumbnail.md
@@ -0,0 +1,298 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-create-thumbnail</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/souvik-ghosh/react-native-create-thumbnail">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/souvik-ghosh/react-native-create-thumbnail/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-create-thumbnail)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-create-thumbnail@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-create-thumbnail@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {useState } from 'react';
+import {  StyleSheet, Text, Button ,ScrollView,View} from 'react-native';
+import { createThumbnail } from 'react-native-create-thumbnail';
+
+// 导出组件
+export default function CreateThumbnailDemo() {
+
+  const [text, setText] = useState('');
+
+  const CreateThumbnail = async()=> {
+    let obj = await createThumbnail({ 
+      url:'https://media.w3.org/2010/05/sintel/trailer.mp4',
+      timeStamp: 10000
+    });
+    setText(JSON.stringify(obj))
+  }
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.titleArea}>
+        <Text style = {styles.title}>Math</Text>
+      </View>
+      <View style = {styles.inputArea}>
+        <Text style={styles.baseText}>
+          {text}
+        </Text>
+      </View>
+      <ScrollView style={styles.scrollView}>
+        <View style={ { flexDirection: 'column'}}>
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>createThumbnail</Text>
+             <Button title='运行' color='#841584' onPress={CreateThumbnail}></Button>
+          </View>
+    
+        </View>
+      </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+    flexDirection: 'column',
+    alignItems: 'center',
+    backgroundColor: '#F1F3F5',
+  }, 
+  baseText: {
+    fontWeight: 'bold',
+    textAlign:'center',
+    fontSize:16
+  },
+
+  titleArea:{
+    width:'90%',
+    height:'8%',
+    alignItems:'center',
+    flexDirection:'row',
+  },
+
+  title: {
+    width:'90%',
+    color:'#000000',
+    textAlign:'left',
+    fontSize: 30,
+  },
+
+  scrollView: {
+    width:'90%',
+    marginHorizontal: 20,
+  },
+
+  inputArea: {
+    width:'90%',
+    height:'30%',
+    borderWidth:2,
+    borderColor:'#000000',
+    marginTop:8,
+    justifyContent:'center',
+    alignItems:'center',
+  },
+  baseArea: {
+    width:'100%',
+    height:60,
+    borderRadius:4,
+    borderColor:'#000000',
+    marginTop:8,
+    backgroundColor:'#FFFFFF',
+    flexDirection: 'row',
+    alignItems:'center',
+    paddingLeft:8,
+    paddingRight:8
+  }
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-create-thumbnail": "file:../../node_modules/@react-native-oh-tpl/react-native-create-thumbnail/harmony/createThumbnail.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-create-thumbnail": "file:../../node_modules/@react-native-oh-tpl/react-native-create-thumbnail/harmony/createThumbnail"
+  }
+```
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 3.在 ArkTs 侧引入 BlobUtilPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { CreateThumbnailPackage } from '@react-native-oh-tpl/react-native-create-thumbnail/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new CreateThumbnailPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### **createThumbnail**
+| Name | Description | Type | Required | HarmonyOS Support |
+| ---- | ---- | ---- | -------- | -------- |
+|  createThumbnail    | thumbnail generator with storage/cache management and support for both local and remote videos  | function | NO | yes |
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name         | Description  |   type   | Required | Platform | HarmonyOS Support |
+| :-----------------: | :----------: | :------: | :------: | :---------------: | :---------------: |
+|  url | Path to video file (local or remote)   |    String    | yes  |   Android/ios    |    yes    |
+|  timeStamp | Thumbnail timestamp (in milliseconds)   |    Number     | NO  |   Android/ios    |    yes    |
+|  format | Thumbnail format, can be one of: jpeg, or png   |    String      | NO  |   Android/ios    |    yes    |
+|  dirSize | Maximum size of the cache directory (in megabytes). When this directory is full, the previously generated thumbnails will be deleted to clear about half of it's size.   |    Number       | NO  |   Android/ios    |    yes    |
+|  headers | Headers to load the video with. e.g. { Authorization: 'someAuthToken' }   |    Object      | NO  |   Android/ios    |    yes    |
+|  cacheName | Cache name for this thumbnail to avoid duplicate generation. If specified, and a thumbnail already exists with the same cache name, it will be returned instead of generating a new one.   |    String     | NO  |   Android/ios    |    yes    |
+## 返回值
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name         | Description  |   type   | Required | Platform | HarmonyOS Support |
+| :-----------------: | :----------: | :------: | :------: | :---------------: | :---------------: |
+|  path | Path to generated thumbnail   |    String    | NO  |   Android/ios    |    yes    |
+|  size | Size (in bytes) of thumbnail   |    Number     | NO  |   Android/ios    |    yes    |
+|  mime | Mimetype of thumbnail   |    String    | NO  |   Android/ios    |    yes    |
+|  width | Thumbnail width   |    Number     | NO  |   Android/ios    |    yes    |
+|  height | Thumbnail height   |    Number     | NO  |   Android/ios    |    yes    |
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/souvik-ghosh/react-native-create-thumbnail/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-credit-card-input.md b/en/react-native-credit-card-input.md
new file mode 100644
index 00000000..bac58755
--- /dev/null
+++ b/en/react-native-credit-card-input.md
@@ -0,0 +1,200 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-credit-card-input</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/sbycrosz/react-native-credit-card-input">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/sbycrosz/react-native-credit-card-input/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-credit-card-input)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-credit-card-input@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-credit-card-input@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { Component } from "react";
+import { StyleSheet, View, Switch } from "react-native";
+import { CreditCardInput, LiteCreditCardInput } from "react-native-credit-card-input";
+
+const s = StyleSheet.create({
+  switch: {
+    alignSelf: "center",
+    marginTop: 20,
+    marginBottom: 20,
+  },
+  container: {
+    backgroundColor: "#F5F5F5",
+    marginTop: 60,
+  },
+  label: {
+    color: "black",
+    fontSize: 12,
+  },
+  input: {
+    fontSize: 16,
+    color: "black",
+  },
+});
+
+
+export default class Example extends Component {
+  state = { useLiteCreditCardInput: false };
+
+  _onChange = (formData) => console.log(JSON.stringify(formData, null, " "));
+  _onFocus = (field) => console.log("focusing", field);
+  _setUseLiteCreditCardInput = (useLiteCreditCardInput) => this.setState({ useLiteCreditCardInput });
+
+  render() {
+    return (
+      <View style={s.container}>
+        <Switch
+          style={s.switch}
+          onValueChange={this._setUseLiteCreditCardInput}
+          value={this.state.useLiteCreditCardInput} />
+
+        { this.state.useLiteCreditCardInput ?
+          (
+            <LiteCreditCardInput
+              autoFocus
+              inputStyle={s.input}
+
+              validColor={"black"}
+              invalidColor={"red"}
+              placeholderColor={"darkgray"}
+
+              onFocus={this._onFocus}
+              onChange={this._onChange} />
+          ) : (
+            <CreditCardInput
+              autoFocus
+
+              requiresName
+              requiresCVC
+              requiresPostalCode
+
+              labelStyle={s.label}
+              inputStyle={s.input}
+              validColor={"black"}
+              invalidColor={"red"}
+              placeholderColor={"darkgray"}
+
+              onFocus={this._onFocus}
+              onChange={this._onChange} />
+          )
+        }
+      </View>
+    );
+  }
+}
+
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见[react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)
+
+### LiteCreditCardInput
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| autoFocus  | 	Automatically focus Card Number field on render | PropTypes.bool  | no | Android/iOS      | yes |
+| onChange  | Receives a formData object every time the form changes | PropTypes.func  | no | Android/iOS | yes |
+| onFocus  | 	Receives the name of currently focused field| 	PropTypes.func  | no | Android/iOS | yes |
+| placeholders  | Defaults to\{ number: "1234 5678 1234 5678", expiry: "MM/YY", cvc: "CVC" \}  | string | no | Android/iOS | yes |
+| inputStyle| Style for credit-card form's textInput | Text.propTypes.style | no | Android/iOS | yes |
+| validColor| Color that will be applied for valid text input. Defaults to: "\{inputStyle.color\}" | PropTypes.string | no | Android/iOS | yes |
+| invalidColor| Color that will be applied for invalid text input. Defaults to: "red" | PropTypes.string | no | Android/iOS | yes |
+| placeholderColor| Color that will be applied for text input placeholder. Defaults to: "gray" | PropTypes.string | no | Android/iOS | yes |
+| additionalInputsProps | An object with Each key of the object corresponding to the name of the field. Allows you to change all props documented in RN TextInput. | PropTypes.objectOf(TextInput.propTypes) | no | Android/iOS | yes |
+
+### CreditCardInput
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| autoFocus | Automatically focus Card Number field on render  | 	PropTypes.bool  | no | Android/iOS | yes |
+| onChange  | Receives a formData object every time the form changes | PropTypes.func   | no | Android/iOS | yes |
+| onFocus | Receives the name of currently focused field   | 	PropTypes.func  | no | Android/iOS  | yes |
+| labels |	Defaults to\{ number: "CARD NUMBER", expiry: "EXPIRY", cvc: "CVC/CCV" \}| PropTypes.object  | no | Android/iOS | yes |
+| placeholders  | Defaults to\{ number: "1234 5678 1234 5678", expiry: "MM/YY", cvc: "CVC" \} | PropTypes.object   | no | Android/iOS | yes |
+| cardScale | 	Scales the credit-card view.Defaults to 1, which translates to \{ width: 300, height: 190 \}   | PropTypes.number  | no | Android/iOS  | yes |
+| cardFontFamily | Font family for the CreditCardView, works best with monospace fonts. Defaults to Courier (iOS) or monospace (android)  | PropTypes.string  | no | Android/iOS | yes |
+| cardImageFront  | Image for the credit-card view e.g. require("./card.png") | PropTypes.number   | no | Android/iOS | yes |
+| cardImageBack | Image for the credit-card view e.g. require("./card.png")   | PropTypes.number  | no | Android/iOS  | yes |
+| labelStyle  | Style for credit-card form's labels | Text.propTypes.style   | no | Android/iOS | yes |
+| inputStyle | 	Style for credit-card form's textInput   | Text.propTypes.style  | no | Android/iOS  | yes |
+| inputContainerStyle  | 	Style for textInput's containerDefaults to: \{ borderBottomWidth: 1, borderBottomColor:"black" \} | ViewPropTypes.style   | no | Android/iOS | yes |
+| validColor | Color that will be applied for valid text input. Defaults to: "\{inputStyle.color\}"   | PropTypes.string  | no | Android/iOS  | yes |
+| invalidColor | 	Color that will be applied for invalid text input. Defaults to: "red"   | PropTypes.string  | no | Android/iOS  | yes |
+| placeholderColor | Color that will be applied for text input placeholder. Defaults to: "gray"  | PropTypes.string  | no | Android/iOS  | yes |
+| requiresName | Shows cardholder's name field Default to false  | PropTypes.bool  | no | Android/iOS  | yes |
+| requiresCVC | Shows CVC field Default to true  | PropTypes.bool | no | Android/iOS  | yes |
+| requiresPostalCode | 	Shows postalCode field Default to false  | PropTypes.string  | no | Android/iOS  | yes |
+| validatePostalCode | 	Function to validate postalCode, expects incomplete, valid, or invalid as return values  | PropTypes.func  | no | Android/iOS  | yes |
+| allowScroll | enables horizontal scrolling on CreditCardInput Defaults to false  | PropTypes.bool | no | Android/iOS  | yes |
+| cardBrandIcons | 		brand icons for CardView. see ./src/Icons.js for details  | PropTypes.object  | no | Android/iOS  | yes |
+| additionalInputsProps | An object with Each key of the object corresponding to the name of the field. Allows you to change all props documented in RN TextInput.  | PropTypes.objectOf(TextInput.propTypes)  | no | Android/iOS  | yes |
+
+### CardView
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| focused  | Determines the front face of the card | PropTypes.string  | no | Android/iOS  | yes |
+| brand | Brand of the credit card | PropTypes.string  | no | Android/iOS  | yes |
+| name  | Cardholder's name (Use empty string if you need to hide the placeholder) | PropTypes.string  | no | Android/iOS  | yes |
+| number | Credit card number (you'll need to the formatting yourself) | PropTypes.string  | no | Android/iOS  | yes |
+| expiry  | Credit card expiry (should be in MM/YY format) | PropTypes.string  | no | Android/iOS  | yes |
+| cvc | Credit card CVC | PropTypes.string  | no | Android/iOS  | yes |
+| placeholder  | Placeholder texts | PropTypes.object  | no | Android/iOS  | yes |
+| scale | Scales the card | PropTypes.number  | no | Android/iOS  | yes |
+| fontFamily  | Defaults to Courier and monospace in iOS and Android respectively | PropTypes.string  | no | Android/iOS  | yes |
+| imageFront | Image for the credit-card | PropTypes.number | no | Android/iOS  | yes |
+| imageBack  | Image for the credit-card | PropTypes.number  | no | Android/iOS  | yes |
+| customIcons | brand icons for CardView. see ./src/Icons.js for details | PropTypes.object  | no | Android/iOS  | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/sbycrosz/react-native-credit-card-input/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-crypto-js.md b/en/react-native-crypto-js.md
new file mode 100644
index 00000000..b5b5ca6e
--- /dev/null
+++ b/en/react-native-crypto-js.md
@@ -0,0 +1,162 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-crypto-js</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/imchintan/react-native-crypto-js">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/imchintan/react-native-crypto-js/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/imchintan/react-native-crypto-js)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-crypto-js@1.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-crypto-js@1.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import {
+  ScrollView,
+  Text,
+  View,
+  TextInput,
+  Button,
+  Alert
+} from 'react-native';
+import CryptoJS from "react-native-crypto-js";
+//import CryptoJS from "rn-crypto-js";
+
+function encrypt_str(text: string) {
+  let ciphertext = CryptoJS.AES.encrypt(text, 'secret key 123').toString();
+  Alert.alert('encrypt：', ciphertext, [{ text: 'OK' }]);
+  return ciphertext;
+}
+
+function decrypt_str(text: string) {
+  let bytes = CryptoJS.AES.decrypt(text, 'secret key 123');
+  let originalText = bytes.toString(CryptoJS.enc.Utf8);
+  Alert.alert('decrypt：', originalText, [{ text: 'OK' }]);
+}
+
+function encrypt_obj(text: string) {
+  let ciphertext = CryptoJS.AES.encrypt(JSON.stringify(text), 'secret key 123').toString();
+  Alert.alert('encrypt：', ciphertext, [{ text: 'OK' }]);
+  return ciphertext;
+}
+
+function decrypt_obj(text: string) {
+  let bytes = CryptoJS.AES.decrypt(text, 'secret key 123');
+  let originalText = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));
+  Alert.alert('decrypt：', originalText, [{ text: 'OK' }]);
+  return originalText;
+}
+
+function MD5_encrypt_str(text: string) {
+  let ciphertext = CryptoJS.MD5(text).toString();
+  Alert.alert('encrypt：', ciphertext, [{ text: 'OK' }]);
+  return ciphertext;
+}
+
+function HMD5_encrypt_str(text: string) {
+  let ciphertext = CryptoJS.HmacMD5(text, 'secret key 123').toString();
+  Alert.alert('encrypt：', ciphertext, [{ text: 'OK' }]);
+  return ciphertext;
+}
+
+export const ReactNativeCryptoJsExample = () => {
+  const [cryptText, setCryptText] = useState('test 123');
+  const [cryptText1, setCryptText1] = useState('test123');
+  const [cryptText2, setCryptText2] = useState('test123');
+  const [decryptText, setDecryptText] = useState('');
+  const [cryptObj, setCryptObj] = useState('[{id: 1}, {id: 2}]');
+  const [decryptObj, setDecryptObj] = useState('');
+  return (
+    <ScrollView style={{ backgroundColor: 'yellow' }} bounces>
+      <Text> Encrypt and decrypt character strings using the AES algorithm. </Text>
+      <View style={{ padding: 10 }}>
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(cryptText: React.SetStateAction<string>) => setCryptText(cryptText)} defaultValue={cryptText} />
+      </View>
+      <Button onPress={() => { setDecryptText(encrypt_str(cryptText)) }} title="encrypt strings" />
+      <View style={{ padding: 10 }}>
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(decryptText: React.SetStateAction<string>) => setDecryptText(decryptText)} defaultValue={decryptText} />
+      </View>
+      <Button onPress={() => { decrypt_str(decryptText) }} title="decrypt strings" />
+      <Text>  Encrypt and decrypt object using the AES algorithm. </Text>
+      <View style={{ padding: 10 }}>
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(cryptObj: React.SetStateAction<string>) => setCryptObj(cryptObj)} defaultValue={cryptObj} />
+      </View>
+      <Button onPress={() => { setDecryptObj(encrypt_obj(cryptObj)) }} title="encrypt object" />
+      <View style={{ padding: 10 }}>
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(decryptObj: React.SetStateAction<string>) => setDecryptObj(decryptObj)} defaultValue={decryptObj} />
+      </View>
+      <Button onPress={() => { decrypt_obj(decryptObj) }} title="decrypt object" />
+      <Text> Encrypt and decrypt character strings using the MD5 algorithm. </Text>
+      <View style={{ padding: 10 }}>
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(cryptText1: React.SetStateAction<string>) => setCryptText1(cryptText1)} defaultValue={cryptText1} />
+      </View>
+      <Button onPress={() => { MD5_encrypt_str(cryptText1) }} title="encrypt" />
+      <Text>  Encrypt and decrypt character strings using the HmacMD5 algorithm. </Text>
+      <View style={{ padding: 10 }}>
+        <TextInput style={{ height: 40 }} placeholder="Please enter the content." onChangeText={(cryptText2: React.SetStateAction<string>) => setCryptText2(cryptText2)} defaultValue={cryptText2} />
+      </View>
+      <Button onPress={() => { HMD5_encrypt_str(cryptText2) }} title="encrypt" />
+    </ScrollView>
+  );
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description | Type | Required | Platform | HarmonyOS Support |
+| -------------------- | --------------- | -------- | -------- | -------- | ----------------- |
+| CryptoJS.AES.encrypt | AES encryption | string   | yes      | Android、iOS      | yes               |
+| CryptoJS.AES.decrypt | AES decryption | string   | yes      | Android、iOS      | yes               |
+| CryptoJS.MD5         | MD5 encryption | string   | yes      | Android、iOS      | yes               |
+| CryptoJS.HmacMD5     | HmacMD5 encryption | string   | yes      | no       | no                |
+
+## 遗留问题
+
+- [ ] 原库使用CryptoJS.HmacMD5会报错"cannot readproperty ‘init’ of underfined"，如果需要使用HmacMD5算法可以安装使用rn-crypto-js库，用法与react-native-crypto-js相同: [issue#4](https://github.com/imchintan/react-native-crypto-js/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/imchintan/react-native-crypto-js/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-crypto.md b/en/react-native-crypto.md
new file mode 100644
index 00000000..613f20a7
--- /dev/null
+++ b/en/react-native-crypto.md
@@ -0,0 +1,186 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-crypto</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tradle/react-native-crypto">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/tradle/react-native-crypto/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/tradle/react-native-crypto)
+
+
+## 安装与使用
+
+[!TIP]本库依赖[@react-native-oh-tpl/react-native-randombytes](./zh-cn/react-native-randombytes)
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-crypto@2.2.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-crypto@2.2.0
+```
+<!-- tabs:end -->
+
+#### 安装适配 Node.js 核心模块的模拟库
+
+1. Install
+```bash
+# install latest rn-nodeify
+npm i --save-dev rn-nodeify
+# install node core shims and recursively hack package.json files
+# in ./node_modules to add/update the "browser"/"react-native" field with relevant mappings
+./node_modules/.bin/rn-nodeify --hack --install
+```
+2. `rn-nodeify` will create a `shim.js` in the project root directory
+```js
+// make sure you use `import` and not require!  
+import './shim.js'
+import crypto from 'react-native-crypto'
+// ...the rest of your code
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import './shim.js'
+import React, { useState } from 'react';
+import crypto from 'react-native-crypto';
+
+const [randomBytesResult, setRandomBytesResult] = useState('');
+const [inputValue, setInputValue] = useState('');
+const [intValue, setIntValue] = useState(0);
+
+const TestCrypto = () => {
+  function handleRandom(data: number) {
+      if (!data) throw new Error('The input is can not be null!')
+      crypto.randomBytes(data, (err: Error | null, bytes: Buffer) => {
+          if (err) throw err;
+          setRandomBytesResult(bytes.toJSON().data.join('-'));
+      });
+  }
+  
+  function handleInputChange(text: any) {
+      const intValue = parseInt(text);
+      if (!isNaN(text)) {
+          setInputValue(text);
+          setIntValue(intValue);
+      } else {
+          setInputValue('');
+          setIntValue(0);
+      }
+  };
+  
+  function handleButtonPress() {
+      handleRandom(intValue);
+  };
+
+  return (
+    <View style={styles.buttonContainer}>
+        <Button
+            title="提交"
+            onPress={handleButtonPress}
+        />
+        <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, padding: 5, marginTop: 5 }}
+            placeholder="输入数字"
+            onChangeText={handleInputChange}
+            value={inputValue}
+            keyboardType="numeric"
+        />
+    </View>
+    <Text style={styles.result}>{randomBytesResult}</Text>
+  );
+}
+
+const styles = StyleSheet.create({
+    buttonContainer: {
+        marginVertical: 5,
+    },
+    result: {
+        fontSize: 16,
+        marginTop: 5,
+        marginLeft: 6,
+        marginBottom: 12
+    }    
+})
+
+export default TestCrypto;
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-randombytes 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-randombytes 文档](/zh-cn/react-native-randombytes.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## API
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> 
+
+| Name                            | Description              | Type      | Required | Platform | HarmonyOS Support |
+| ----                            | -----------              | ----      | -------- | -------- | ----------------- |
+| createHash                      | 创建哈希对象                                                          | function  | yes      | iOS/Android      | yes               |
+| createHmac                      | 创建 HMAC（Hash-based Message Authentication Code）对象                | function  | yes      | iOS/Android      | yes               |
+| pbkdf2                          |是一种用于密码加密的密钥派生函数（PBKDF2)                                      | function  | yes      | iOS/Android      | yes               |
+| pbkdf2Sync                      |是一种用于密码加密的密钥派生函数（PBKDF2），但它是同步执行的                      | function  | yes      | iOS/Android      | yes               |
+| randomBytes                     | 生成指定大小的随机字节序列                                               | function  | yes      | iOS/Android      | yes               |
+| getHashes                       | 提供支持的特定哈希算法列表                                               | function  | no       | iOS/Android      | yes               |
+| createCipher                    | 创建加密算法的加密对象                                                  | function  | yes      | iOS/Android      | yes               |
+| Cipher                    | 创建加密算法的加密对象                                                  | function  | yes      | iOS/Android      | yes               |
+| createDecipher                  | 创建解密算法的解密对象                                                  | function  | yes      | iOS/Android      | yes               |
+| Decipher                  | 创建解密算法的解密对象                                                  | function  | yes      | iOS/Android      | yes               |
+| createCipheriv                  | 创建加密算法的加密对象，并指定初始化向量（IV）来增强加密的安全性            | function  | yes      | iOS/Android      | yes               |
+| Cipheriv                  | 创建加密算法的加密对象，并指定初始化向量（IV）来增强加密的安全性            | function  | yes      | iOS/Android      | yes               |
+| createDecipheriv                | 创建解密算法的解密对象，并指定与加密时使用相同的初始化向量（IV）来正确解密数据 | function  | yes      | iOS/Android      | yes               |
+| Decipheriv                | 创建解密算法的解密对象，并指定与加密时使用相同的初始化向量（IV）来正确解密数据 | function  | yes      | iOS/Android      | yes               |
+| getCiphers                      | 获取当前支持的加密算法列表                                               | function  | no       | iOS/Android      | yes               |
+| listCiphers                      | 获取当前支持的加密算法列表                                               | function  | no       | iOS/Android      | yes               |
+| DiffieHellmanGroup              | 实现 Diffie-Hellman 密钥交换协议的模块                                     | function  | yes      | iOS/Android      | yes               |
+| createDiffieHellmanGroup        | 创建一个 Diffie-Hellman 密钥协商算法中的“群”，即 Diffie-Hellman 的参数         | function  | yes      | iOS/Android      | yes               |
+| getDiffieHellman                | 获取 Diffie-Hellman 密钥交换算法的实现                                     | function  | yes      | iOS/Android      | yes               |
+| createDiffieHellman             | 创建 Diffie-Hellman 实例                                                | function  | yes      | iOS/Android      | yes               |
+| DiffieHellman                   | 是一个用于实现 Diffie-Hellman 密钥交换协议的类或方法集合，主要用于安全通信中的密钥生成和共享密钥计算。 | function  | yes      | iOS/Android      | yes               |
+| createSign                      | 创建一个用于生成签名的对象实例                                            | function  | yes      | iOS/Android      | yes               |
+| Sign                            | 创建一个用于生成签名的对象实例                                                          | function  | yes      | iOS/Android      | yes               |
+| createVerify                    | 创建一个用于验证签名的对象实例                                            | function  | yes      | iOS/Android      | yes               |
+| Verify                          | 创建一个用于验证签名的对象实例                                                        | function  | yes      | iOS/Android      | yes               |
+| createECDH                      | 创建椭圆曲线 Diffie-Hellman 密钥交换对象的方法                              | function  | yes      | iOS/Android      | yes               |
+| publicEncrypt                   | 使用公钥对 buffer 的内容进行加密，并返回一个包含加密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes               |
+| privateEncrypt                  | 使用私钥对 buffer 的内容进行加密，并返回一个包含加密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes               |
+| publicDecrypt                   | 使用公钥对加密的 buffer 进行解密，并返回一个包含解密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes                |
+| privateDecrypt                  |  使用私钥对加密的 buffer 进行解密，并返回一个包含解密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes                |
+| randomFill                      | 使用加密安全的伪随机数据填充一个给定的 Buffer，异步操作                                                                    | function  | yes      | iOS/Android      | yes               |
+| randomFillSync                  | 使用加密安全的伪随机数据同步填充一个给定的 Buffer                                                                    | function  | yes      | iOS/Android      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/tradle/react-native-crypto/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-custom-keyboard.md b/en/react-native-custom-keyboard.md
new file mode 100644
index 00000000..f4f01a4e
--- /dev/null
+++ b/en/react-native-custom-keyboard.md
@@ -0,0 +1,339 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-custom-keyboard</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/reactnativecn/react-native-custom-keyboard">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-custom-keyboard)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-custom-keyboard@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-custom-keyboard@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';  
+import {  
+  StyleSheet,  
+  Text,  
+  View,  
+  TouchableOpacity,  
+} from 'react-native';  
+
+import {  
+  CustomTextInput,  
+  register,  
+  insertText,  
+  backSpace,  
+} from 'react-native-custom-keyboard';  
+
+/**  
+ * Custom Keyboard Component  
+ */  
+const MyKeyboard = ({ tag }) => {  
+  const onPress = (value) => {  
+    insertText(tag, value);  
+  };  
+
+  return (  
+    <View style={styles.keyboard}>  
+      {[[1, 2, 3], [4, 5, 6], [7, 8, 9]].map((row, rowIndex) => (  
+        <View style={styles.row} key={`row-${rowIndex}`}>  
+          {row.map((num) => (  
+            <View style={styles.button} key={num}>  
+              <TouchableOpacity onPress={() => onPress(num.toString())}>  
+                <Text style={styles.buttonLabel}>{num}</Text>  
+              </TouchableOpacity>  
+            </View>  
+          ))}  
+        </View>  
+      ))}  
+      <View style={styles.row}>  
+        <View style={styles.button}>  
+          <TouchableOpacity onPress={() => onPress('0')}>  
+            <Text style={styles.buttonLabel}>0</Text>  
+          </TouchableOpacity>  
+        </View>  
+        <View style={styles.button}>  
+          <TouchableOpacity onPress={() => onPress('.')}>  
+            <Text style={styles.buttonLabel}>.</Text>  
+          </TouchableOpacity>  
+        </View>  
+        <View style={styles.button}>  
+          <TouchableOpacity onPress={() => backSpace(tag)}>  
+            <Text style={styles.buttonLabel}>←</Text>  
+          </TouchableOpacity>  
+        </View>  
+      </View>  
+    </View>  
+  );  
+};  
+
+register('price', () => MyKeyboard);  
+
+/**  
+ * Main Application Component  
+ */  
+const App = () => {  
+  return (  
+    <View style={styles.container}>  
+      <CustomTextInput  
+        customKeyboardType="price"  
+        style={styles.input}  
+      />  
+    </View>  
+  );  
+};  
+
+export default App;  
+
+/**  
+ * Style Definition  
+ */  
+const styles = StyleSheet.create({  
+  container: {  
+    flex: 1,  
+    justifyContent: 'center',  
+    alignItems: 'center',  
+    backgroundColor: '#F5FCFF',  
+  },  
+  input: {  
+    backgroundColor: '#ffffff',  
+    borderWidth: 1,  
+    borderColor: 'grey',  
+    width: 270,  
+    fontSize: 19,  
+  },  
+  keyboard: {  
+    backgroundColor: 'white',  
+  },  
+  row: {  
+    flexDirection: 'row',  
+  },  
+  button: {  
+    width: '33.3333%',  
+  },  
+  buttonLabel: {  
+    borderWidth: 0.5,  
+    borderColor: '#d6d7da',  
+    paddingVertical: 13,  
+    textAlign: 'center',  
+    fontSize: 20,  
+  },  
+});   
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-custom-keyboard": "file:../../node_modules/@react-native-oh-tpl/react-native-custom-keyboard/harmony/custom_keyboard.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 rnoh_custom_keyboard_package
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-custom-keyboard/src/main/cpp" ./custom-keyboard)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_custom_keyboard_package)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "CustomKeyboardPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<CustomKeyboardPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNCustomKeyboardPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+import type {RNPackageContext, RNPackage} from '@rnoh/react-native-openharmony/ts';
++import {RNCustomKeyboardPackage}  from '@react-native-oh-tpl/react-native-custom-keyboard/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++    new RNCustomKeyboardPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                       | Type   | Required | Platform | HarmonyOS Support |
+| ------------------ | --------------------------------- | ------ | -------- | -------- | ----------------- |
+| customKeyboardType | Use a registered custom keyboard. | string | no       | All      | yes               |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
+| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| register             | Register a custom keyboard type.                                                                                                                                                              | function | no       | All      | yes               |
+| install              | Install custom keyboard to a TextInput.  Generally you can use CustomTextInput instead of this. But you can use this API to install/change custom keyboard dynamically.                       | function | no       | All      | yes               |
+| uninstall            | Uninstall custom keyboard from a TextInput dynamically.                                                                                                                                       | function | no       | All      | yes               |
+| insertText           | Use in a custom keyboard, insert text to TextInput.                                                                                                                                           | function | no       | All      | yes               |
+| backSpace            | Use in a custom keyboard, delete selected text or the charactor before cursor.                                                                                                                | function | no       | All      | yes               |
+| doDelete             | Use in a custom keyboard, delete selected text or the charactor after cursor.                                                                                                                 | function | no       | All      | yes               |
+| moveLeft             | Use in a custom keyboard, move cursor to selection start or move cursor left.                                                                                                                 | function | no       | All      | yes               |
+| moveRight            | Use in a custom keyboard, move cursor to selection end or move cursor right.                                                                                                                  | function | no       | All      | yes               |
+| switchSystemKeyboard | Use in a custom keyboard. Switch to system keyboard.Next time user press or focus on the TextInput, custom keyboard will appear again. To keep using system keyboard, call uninstall instead. | function | no       | All      | yes               |
+
+## 其他
+
+## 遗留问题
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
diff --git a/en/react-native-date-picker.md b/en/react-native-date-picker.md
new file mode 100644
index 00000000..7e0b4ae9
--- /dev/null
+++ b/en/react-native-date-picker.md
@@ -0,0 +1,234 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-date-picker</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/henninghall/react-native-date-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-date-picker)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-date-picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-date-picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react'
+import { Button, View } from 'react-native'
+import DatePicker from 'react-native-date-picker'
+
+export default () => {
+  const [date, setDate] = useState(new Date())
+  const [open, setOpen] = useState(false)
+
+  return (
+    <View style={{flex:1, flexDirection:'column', justifyContent:'center'}}>
+      <Button title="Open" onPress={() => setOpen(true)} />
+      <DatePicker
+        mode='date'
+        modal
+        open={open}
+        date={date}
+        onConfirm={(date) => {
+          setOpen(false)
+          setDate(date)
+        }}
+        onCancel={() => {
+          setOpen(false)
+        }}
+      />
+    </View>
+  )
+}
+
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-date-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-date-picker/harmony/date_picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 NativeDatePickerView 组件
+找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { NativeDatePickerView } from "@react-native-oh-tpl/react-native-date-picker"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === NativeDatePickerView.NAME) {
++   NativeDatePickerView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++   })
++ }
+ ...
+}
+...
+```
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets 找到常量 arkTsComponentNames 在其数组里添加组件名
+
+```diff
+  ...
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ NativeDatePickerView.NAME, 
+  ];
+```
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)
+
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| props  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| date | The currently selected date.   | Date  | no |     all  |       yes|
+| onDateChange | Date change handler ( Inline only )   |  (date: Date) => void  | no |     all  |       yes|
+| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | no |     all  |       yes|
+| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | no |     all  |       yes|
+| mode | The date picker mode. "datetime", "date", "time"   | “'date' \|'time' \| 'datetime'”  | yes |     all  |       yes|
+| onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | no |     all  |       yes|
+| onCancel | Modal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | no |     all  |       yes|
+| is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | no |     all  |       no|
+| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | no |     all  |       yes|
+| open | Modal only: Boolean indicating if modal should be open.   | boolean  | no |     all  |       yes|
+| minuteInterval | The interval at which minutes can be selected.   | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \|  10 \|  12 \| 15 \|  20 \| 30  | no |     all  |       no|
+| title | Modal only: Title text. Can be set to null to remove text.   | string  | no |     all  |       no|
+| confirmText | Modal only: Confirm button text   | string  | no |     all  |       no|
+| cancelText | Modal only: Cancel button text.   | string  | no |     all  |       no|
+| theme | Modal only: The theme of the modal. "light", "dark", "auto". Defaults to "auto".   | 'light' \| 'dark' \| 'auto'  | no |     all  |       no|
+| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | no |     Android  |       no|
+| dividerColor | Color of the divider / separator. (android only)   | string  | no |     Android  |       no|
+| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | no |     Android  |       no|
+| locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a Locale ID.   | string  | no |     all  |       no|
+| timeZoneOffsetInMinutes | imezone offset in minutes (default: device's timezone)   | number  | no |     all  |       no|
+
+
+## 遗留问题
+ 
+- [ ]  不支持属性confirmText。[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
+- [ ]  不支持属性cancelText。[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
+- [ ]  不支持属性theme。[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
+- [ ]  不支持属性locale。[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
+- [ ]  不支持属性timeZoneOffsetInMinutes。[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
+- [ ]  当属性modal为false，mode属性为datetime时，harmonyOS不支持内联datetime组件。[issue#22](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
+- [ ]  不支持is24hourSource属性。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
+- [ ]  不支持minuteInterval属性。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-deck-swiper.md b/en/react-native-deck-swiper.md
new file mode 100644
index 00000000..745e90e6
--- /dev/null
+++ b/en/react-native-deck-swiper.md
@@ -0,0 +1,480 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-deck-swiper</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/alexbrillant/react-native-deck-swiper">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/alexbrillant/react-native-deck-swiper/blob/master/LICENSE">
+         <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/alexbrillant/react-native-deck-swiper)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-deck-swiper@2.0.17
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-deck-swiper@2.0.17
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component, useState } from 'react'
+import Swiper from 'react-native-deck-swiper'
+import { Button, StyleSheet, Text, View, ScrollView } from 'react-native'
+
+function* range(start, end) {
+  for (let i = start; i <= end; i++) {
+    yield i
+  }
+}
+
+export default class DeckSwiperExample extends Component {
+
+  constructor(props) {
+    super(props)
+    this.state = {
+      cards: [...range(1, 10)],
+      swipedAllCards: false,
+      swipeDirection: '操作卡片滑动，此处显示滑动方向',
+      cardIndex: 0,
+      //是否显示下一张卡片
+      showSecondCardState:true,
+      //卡片移动时候的索引
+      indexWhenmove:'请移动卡片',
+      positionWhenmove:'请移动卡片',
+      dragStartState:'拖动开始触发',
+      dragEndState:'拖动结束触发'
+    }
+  }
+
+  renderCard = (card, index) => {
+    return (
+      <View style={styles.card}>
+        <Text style={styles.text}>{card} - {index}</Text>
+      </View>
+    )
+  };
+
+  onSwiped = (type) => {
+    console.log(`on swiped ${type}`)
+  }
+
+  onSwipedAllCards = () => {
+    this.setState({
+      swipedAllCards: this.state.swipedAllCards = true
+    })
+  };
+
+  //轻触时，卡片滑动的方向
+  swipeLeft = () => {
+    this.swiper.swipeLeft()
+  };
+  swipeRight = () => {
+    this.swiper.swipeRight()
+  };
+  swipeTop = () => {
+    this.swiper.swipeTop()
+  };
+  swipeBottom = () => {
+    this.swiper.swipeBottom()
+  };
+  //卡片拖动时，调用的函数
+  Swiping = (index, position) => {
+    this.setState({
+      ...this.props,
+      indexWhenmove:index,
+      positionWhenmove:position
+    })
+  };
+  //拖动开始时候要调用的函数
+  dragStart = () => {
+    this.setState({
+      ...this.props,
+      dragStartState:'拖动已经开始了！！！！'
+    })
+  } 
+  //拖动结束时候要调用的函数
+  dragEnd = () => {
+    this.setState({
+      ...this.props,
+      dragEndState:'拖动已经结束了！！！！'
+    })
+  } 
+
+  //显示堆叠卡片
+  useShowSecondCard = () =>{
+    this.setState({
+      ...this.props,
+      showSecondCardState:true
+    })
+  }
+  //不显示堆叠卡片
+  disuseShowSecondCard = () =>{
+    this.setState({
+      ...this.props,
+      showSecondCardState:false
+    })
+  }
+  //显示堆叠卡片
+  useShowSecondCard = () =>{
+      this.setState({
+        ...this.props,
+        showSecondCardState:true
+      })
+  }
+
+  render() {
+    return (
+              <Text>该整体效果涉及属性和接口</Text>
+              <Text>onSwiped,滑动方向：{this.state.swipeDirection}</Text>
+              <Text>onTapCard,轻触时，卡片调用的函数:这里设置的是swipeLeft向左滑动</Text>
+              <Text>onSwipedAllCards,刷卡时候调用的函数,刷卡完毕置位true.刷卡完毕的情况下使用'回退按键',该状态不会重置:{JSON.stringify(this.state.swipedAllCards)}</Text>
+              <Text>onSwiping,卡片移动时触发的回调: Swiping card at index {this.state.indexWhenmove}, position: {this.state.positionWhenmove}</Text>
+              <Text>dragStart,卡片开始拖动时候触发的回调:{this.state.dragStartState}</Text>
+              <Text>dragEnd,卡片拖动结束时候触发的回调:{this.state.dragEndState}</Text>
+              <View style={styles.container}>
+                <Swiper
+                  ref={swiper => {
+                    this.swiper = swiper
+                  }}
+                  //滑动方向
+                  onSwiped={() => this.setState({ swipeDirection: this.state.swipeDirection = 'general' })}
+                  onSwipedLeft={() => this.setState({ swipeDirection: this.state.swipeDirection = 'left' })}
+                  onSwipedRight={() => this.setState({ swipeDirection: this.state.swipeDirection = 'right' })}
+                  onSwipedTop={() => this.setState({ swipeDirection: this.state.swipeDirection = 'top' })}
+                  onSwipedBottom={() => this.setState({ swipeDirection: this.state.swipeDirection = 'bottom' })}
+                  //轻触卡时要调用的函数，这里是向左滑动
+                  onTapCard={this.swipeLeft}
+                  //需要渲染的卡片组，必填
+                  cards={this.state.cards}
+                  //首张卡片，这里为设置为0
+                  cardIndex={this.state.cardIndex}
+                  //卡片的垂直边距，默认为60
+                  cardVerticalMargin={200}
+                  //卡片的水平边距，默认为20
+                  cardHorizontalMargin={80}
+                  //卡片渲染的参数，必填
+                  renderCard={this.renderCard}
+                  //卡片移动时触发的回调
+                  onSwiping={this.Swiping}
+                  //当卡片滑完后触发的回调
+                  onSwipedAll={this.onSwipedAllCards}
+                  //拖动开始触发的函数
+                  dragStart={this.dragStart}
+                  //拖动结束触发的函数
+                  dragEnd={this.dragEnd}
+                  //显示堆叠卡片,只有当showSecondCard为true的时候,才会生效
+                  stackSize={3}
+                  //卡之间的垂直间隔f,具体表现为卡片的堆叠样式,例如此处为-100，成多米诺形式
+                  stackSeparation={20}
+                  //是否显示第二张卡
+                  showSecondCard={this.state.showSecondCardState}
+                  //滑动覆盖标签，滑动时候卡片上的覆盖样式
+                  overlayLabels={{
+                    bottom: {
+                      title: '向下',
+                      style: {
+                        label: {
+                          backgroundColor: 'black',
+                          borderColor: 'black',
+                          color: 'white',
+                          borderWidth: 1
+                        },
+                        wrapper: {
+                          flexDirection: 'column',
+                          alignItems: 'center',
+                          justifyContent: 'center'
+                        }
+                      }
+                    },
+                    left: {
+                      title: '向左',
+                      style: {
+                        label: {
+                          backgroundColor: 'black',
+                          borderColor: 'black',
+                          color: 'white',
+                          borderWidth: 1
+                        },
+                        wrapper: {
+                          flexDirection: 'column',
+                          alignItems: 'flex-end',
+                          justifyContent: 'flex-start',
+                          marginTop: 30,
+                          marginLeft: -30
+                        }
+                      }
+                    },
+                    right: {
+                      title: '向右',
+                      style: {
+                        label: {
+                          backgroundColor: 'black',
+                          borderColor: 'black',
+                          color: 'white',
+                          borderWidth: 1
+                        },
+                        wrapper: {
+                          flexDirection: 'column',
+                          alignItems: 'flex-start',
+                          justifyContent: 'flex-start',
+                          marginTop: 30,
+                          marginLeft: 30
+                        }
+                      }
+                    },
+                    top: {
+                      title: '向上',
+                      style: {
+                        label: {
+                          backgroundColor: 'black',
+                          borderColor: 'black',
+                          color: 'white',
+                          borderWidth: 1
+                        },
+                        wrapper: {
+                          flexDirection: 'column',
+                          alignItems: 'center',
+                          justifyContent: 'center'
+                        }
+                      }
+                    }
+                  }}
+                  //动画卡覆盖标签不透明度，默认为false
+                  animateOverlayLabelsOpacity
+                  animateCardOpacity
+                  //回退卡片动画
+                  swipeBackCard
+                  //背景图
+                  containerStyle={
+                    {
+                        height: 700,
+                        zIndex: 0,
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                    }}
+                >
+                  <Button onPress={() => this.swiper.swipeBack()} title='Swipe Back' />
+                  <Button onPress={() => this.useShowSecondCard()} title='显示堆叠卡片(默认为堆叠；重置后，需要滑动一张卡片生效)' />
+                  <Button onPress={() => this.disuseShowSecondCard()} title='不显示堆叠卡片(点击后，需要滑动一张卡片生效)' />
+                </Swiper>
+              </View>
+    )
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#F5FCFF',
+    width: '100%',
+    height: '700',
+    display: 'flex', 
+    position: 'relative'
+  },
+  card: {
+    flex: 1,
+    borderRadius: 4,
+    borderWidth: 2,
+    borderColor: '#E8E8E8',
+    justifyContent: 'center',
+    backgroundColor: 'white',
+  },
+  text: {
+    textAlign: 'center',
+    fontSize: 50,
+    backgroundColor: 'transparent'
+  },
+  done: {
+    textAlign: 'center',
+    fontSize: 30,
+    color: 'white',
+    backgroundColor: 'transparent'
+  }
+})
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Card props
+
+| Name            | Description                                                  | Type                      | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------------------- | -------- | ----------- | ----------------- |
+| cards           | array of data for the cards to be rendered                   | array                     | yes      | iOS/Android | yes               |
+| renderCard      | function to render the card based on the data                | func(cardData, cardIndex) | yes      | iOS/Android | yes               |
+| keyExtractor    | function to get the card's react key                         | func(cardData)            | no       | iOS/Android | yes               |
+| cardIndex       | cardIndex to start with                                      | number                    | no       | iOS/Android | yes               |
+| infinite        | keep swiping indefinitely                                    | bool                      | no       | iOS/Android | yes               |
+| horizontalSwipe | enable/disable horizontal swiping                            | bool                      | no       | iOS/Android | yes               |
+| verticalSwipe   | enable/disable vertical swiping                              | bool                      | no       | iOS/Android | yes               |
+| showSecondCard  | enable/disable second card while swiping                     | bool                      | no       | iOS/Android | yes               |
+| stackSize       | number of underlaying cards to show (showSecondCard must be enabled) | number                    | no       | iOS/Android | yes               |
+
+### Swipe animation props
+
+| Name                   | Description                     | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------- | ------ | -------- | ----------- | ----------------- |
+| verticalThreshold      | vertical swipe threshold        | number | no       | iOS/Android | yes               |
+| horizontalThreshold    | horizontal swipe threshold      | number | no       | iOS/Android | yes               |
+| swipeAnimationDuration | duration of the swipe animation | number | no       | iOS/Android | yes               |
+| disableBottomSwipe     | disable bottom swipe            | bool   | no       | iOS/Android | yes               |
+| disableLeftSwipe       | disable left swipe              | bool   | no       | iOS/Android | yes               |
+| disableRightSwipe      | disable right swipe             | bool   | no       | iOS/Android | yes               |
+| disableTopSwipe        | disable top swipe               | bool   | no       | iOS/Android | yes               |
+
+### Stack props
+
+| Name                   | Description                                            | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| stackSeparation        | vertical separation between underlaying cards          | number | no       | iOS/Android | yes               |
+| stackScale             | percentage to reduce the size of each underlaying card | number | no       | iOS/Android | yes               |
+| stackAnimationFriction | spring animation friction (bounciness)                 | number | no       | iOS/Android | yes               |
+| stackAnimationTension  | spring animation tension (speed)                       | number | no       | iOS/Android | yes               |
+
+### Rotation animation props
+
+| Name                | Description                                            | Type  | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------ | ----- | -------- | ----------- | ----------------- |
+| inputRotationRange  | x values range for the rotation output                 | array | no       | iOS/Android | yes               |
+| outputRotationRange | rotation values for the x values in inputRotationRange | array | no       | iOS/Android | yes               |
+
+### Opacity animation props
+
+| Name                              | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| --------------------------------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| animateCardOpacity                | animate card opacity                                         | bool   | no       | iOS/Android | yes               |
+| inputCardOpacityRangeX            | pan x card opacity input range                               | array  | no       | iOS/Android | yes               |
+| outputCardOpacityRangeX           | opacity values for the values in inputCardOpacityRangeX      | array  | no       | iOS/Android | yes               |
+| inputCardOpacityRangeY            | pan y card opacity input range                               | array  | no       | iOS/Android | yes               |
+| outputCardOpacityRangeY           | opacity values for the values in inputCardOpacityRangeY      | array  | no       | iOS/Android | yes               |
+| animateOverlayLabelsOpacity       | animate card overlay labels opacity                          | bool   | no       | iOS/Android | yes               |
+| inputOverlayLabelsOpacityRangeX   | pan x overlay labels opacity input range                     | array  | no       | iOS/Android | yes               |
+| outputOverlayLabelsOpacityRangeX  | opacity values for the values in inputOverlayLabelsOpacityRangeX | array  | no       | iOS/Android | yes               |
+| inputOverlayLabelsOpacityRangeY   | pan x overlay labels opacity input range                     | array  | no       | iOS/Android | yes               |
+| outputOverlayLabelsOpacityRangeY  | opacity values for the values in inputOverlayLabelsOpacityRangeY | array  | no       | iOS/Android | yes               |
+| overlayOpacityVerticalThreshold   | vertical threshold for overlay label                         | number | no       | iOS/Android | yes               |
+| overlayOpacityHorizontalThreshold | horizontal threshold for overlay label                       | number | no       | iOS/Android | yes               |
+
+### Swipe overlay labels
+
+| Name                     | Description                  | Type   | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ---------------------------- | ------ | -------- | ----------- | ----------------- |
+| overlayLabels            | swipe labels title and style | object | no       | iOS/Android | yes               |
+| overlayLabelStyle        | swipe labels style           | object | no       | iOS/Android | yes               |
+| overlayLabelWrapperStyle | overlay label wrapper style  | object | no       | iOS/Android | yes               |
+
+### Swipe back to previous card props
+
+| Name                              | Description                               | Type | Required | Platform    | HarmonyOS Support |
+| --------------------------------- | ----------------------------------------- | ---- | -------- | ----------- | ----------------- |
+| goBackToPreviousCardOnSwipeLeft   | previous card is rendered on left swipe   | bool | no       | iOS/Android | yes               |
+| goBackToPreviousCardOnSwipeRight  | previous card is rendered on right swipe  | bool | no       | iOS/Android | yes               |
+| goBackToPreviousCardOnSwipeTop    | previous card is rendered on top swipe    | bool | no       | iOS/Android | yes               |
+| goBackToPreviousCardOnSwipeBottom | previous card is rendered on bottom swipe | bool | no       | iOS/Android | yes               |
+
+### Style props
+
+| Name                 | Description                                               | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------- | --------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| backgroundColor      | background color for the view containing the cards        | string | no       | iOS/Android | yes               |
+| marginTop            | marginTop for the swiper container                        | number | no       | iOS/Android | yes               |
+| marginBottom         | marginBottom for the swiper container                     | number | no       | iOS/Android | yes               |
+| cardVerticalMargin   | card vertical margin                                      | number | no       | iOS/Android | yes               |
+| cardHorizontalMargin | card horizontal margin                                    | number | no       | iOS/Android | yes               |
+| childrenOnTop        | render children on top or not                             | bool   | no       | iOS/Android | yes               |
+| cardStyle            | override swipable card style                              | node   | no       | iOS/Android | yes               |
+| containerStyle       | overrides for the containing style                        | node   | no       | iOS/Android | yes               |
+| pointerEvents        | pointerEvents prop for the containing                     | string | no       | iOS/Android | yes               |
+| useViewOverflow      | use ViewOverflow instead of View for the Swiper component | bool   | no       | iOS/Android | yes               |
+
+### Swipe back Props
+
+| Name                         | Description                                                 | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | ----------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| previousCardDefaultPositionX | Animation start position oX when card swipes back into deck | number | no       | iOS/Android | yes               |
+| previousCardDefaultPositionY | Animation start position oY when card swipes back into deck | number | no       | iOS/Android | yes               |
+| stackAnimationFriction       | spring animation friction (bounciness)                      | number | no       | iOS/Android | yes               |
+| stackAnimationTension        | spring animation tension (speed)                            | number | no       | iOS/Android | yes               |
+| swipeBackCard                | renders swipe back card, in order to animate it             | bool   | no       | iOS/Android | yes               |
+
+## 事件回调
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                  | Type | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ---- | -------- | ----------- | ----------------- |
+| onSwipedAll       | function to be called when all cards have been swiped        | func | no       | iOS/Android | yes               |
+| onSwiped          | function to be called when a card is swiped. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwipedAborted   | function to be called when a card is released before reaching the threshold | func | no       | iOS/Android | yes               |
+| onSwipedLeft      | function to be called when a card is swiped left. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwipedRight     | function to be called when a card is swiped right. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwipedTop       | function to be called when a card is swiped top. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwipedBottom    | function to be called when a card is swiped bottom. it receives the swiped card index | func | no       | iOS/Android | yes               |
+| onSwiping         | function to be called when a card is being moved. it receives X and Y positions | func | no       | iOS/Android | yes               |
+| dragStart         | function to be called when drag start                        | func | no       | iOS/Android | yes               |
+| dragEnd           | function to be called when drag end                          | func | no       | iOS/Android | yes               |
+| onTapCard         | function to be called when tapping a card. it receives the tapped card index | func | no       | iOS/Android | yes               |
+| onTapCardDeadZone | maximum amount of movement before a tap is no longer recognized as a tap | func | no       | iOS/Android | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                           | Type     | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| swipeBack       | swipe back into deck last swiped card | callback | no       | iOS/Android | yes               |
+| swipeLeft       | swipe left to the next card           | callback | no       | iOS/Android | yes               |
+| swipeRight      | swipe right to the next card          | callback | no       | iOS/Android | yes               |
+| swipeTop        | swipe top to the next card            | callback | no       | iOS/Android | yes               |
+| swipeBottom     | swipe bottom to the next card         | callback | no       | iOS/Android | yes               |
+| jumpToCardIndex | set the current card index            | callback | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/alexbrillant/react-native-deck-swiper/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-default-preference.md b/en/react-native-default-preference.md
new file mode 100644
index 00000000..2ea3ed32
--- /dev/null
+++ b/en/react-native-default-preference.md
@@ -0,0 +1,195 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-default-preference</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/kevinresol/react-native-default-preference">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kevinresol/react-native-default-preference/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-default-preference)
+
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-default-preference@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-default-preference@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { Text, View } from "react-native";
+import DefaultPreference from 'react-native-default-preference';
+
+const App = () => {
+    const handleSetItem = useCallback((key: string, value:  string) => {
+        RNDefaultPreference.set(key, value)
+    }, []);
+
+    const handleGetItem = useCallback((key: string) => {
+        RNDefaultPreference?.get(key).then(res => {
+            console.log(res)
+        });
+    }, []);
+  return (
+      <View>
+        <Button onPress={async () => { handleSetItem('key1', 'value1') }} title={'Add item using setItem'}></Button>
+        <Button onPress={async () => { handleGetItem('key1') }} title={'Add item using setItem'}></Button>
+     </View>
+  );
+};
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-default-preference": "file:../../node_modules/@react-native-oh-tpl/react-native-default-preference/harmony/react_native_default_preference.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNDefaultPreferencePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++ import { RNDefaultPreferencePackage } from '@react-native-oh-tpl/react-native-default-preference/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNDefaultPreferencePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：
+[@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases)
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| get  | Take out key-value pairs         | function  | yes | Android、iOS     | yes |
+| set  | Set key-value pairs         | function  | yes | Android、iOS     | yes |
+| clear  | Clear key-value pairs         | function  | yes | Android、iOS     | yes |
+| getMultiple  | Take out multiple  key-value pairs         | function  | yes | Android、iOS     | yes |
+| setMultiple  | Set multiple key-value pairs           | function  | yes | Android、iOS     | yes |
+| clearMultiple  | Clear multiple key-value pairs         | function  | yes | Android、iOS     | yes |
+| getAll  | Take out all key-value pairs         | function  | no | Android、iOS     | yes |
+| clearAll  | Clear all key-value pairs         | function  | no | Android、iOS     | yes |
+| getName  | Gets the name of the Preferences instance.        | function  | no | Android、iOS     | yes |
+| setName  | Sets the name of the Preferences instance.         | function  | yes | Android、iOS     | yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/kevinresol/react-native-default-preference/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-device-info.md b/en/react-native-device-info.md
new file mode 100644
index 00000000..84a863f0
--- /dev/null
+++ b/en/react-native-device-info.md
@@ -0,0 +1,296 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-device-info</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-device-info/react-native-device-info">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Windows%20|%20Web%20|%20visionOS%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-device-info/react-native-device-info/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-device-info)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-device-info@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-device-info@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import DeviceInfo from 'react-native-device-info';
+  DeviceInfo.getBundleId();
+  DeviceInfo.getVersion();
+  DeviceInfo.getReadableVersion();
+  DeviceInfo.getBuildNumber();
+  DeviceInfo.isTablet();
+  DeviceInfo.getApplicationName();
+  DeviceInfo.getBrand();
+  DeviceInfo.getModel();
+  DeviceInfo.getDeviceType();
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-device-info": "file:../../node_modules/@react-native-oh-tpl/react-native-device-info/harmony/device_info.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNDeviceInfoPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNDeviceInfoPackage} from '@react-native-oh-tpl/react-native-device-info/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNDeviceInfoPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases)
+
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
+  {
+    "name": "ohos.permission.GET_NETWORK_INFO"
+  },
+  {
+    "name": "ohos.permission.GET_WIFI_INFO"
+  }
+]
+```
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getAndroidId  |Gets the ANDROID_ID. See API documentation for appropriate use.  | Promise<string>| yes | Android      | no |
+| getApiLevel  | Gets the API level.  | Promise<number>| yes | Android      | yes |
+| getApplicationName  | Gets the application name.  | string | yes | IOS/Android/Windows/visionOS      | yes |
+| getAvailableLocationProviders  | Returns an object of platform-specfic location providers/servcies, with value whether or not they are currently available.boolean       | Promise<object>  | yes | IOS/Android/visionOS      | yes |
+| getBaseOs  | The base OS build the product is based on.      | Promise<string>  | yes | Android/Windows/Web      | yes |
+| getBuildId  | Gets build number of the operating system.      | Promise<string>  | yes | IOS/Android/Windows/visionOS      | yes |
+| getBatteryLevel  | Gets the battery level of the device as a float comprised between 0 and 1.        | Promise<number>  | yes | IOS/Android /Windows/Web/visionOS     | yes |
+| getBootloader  | The system bootloader version number.        | Promise<string>  | yes | Android      | yes |
+| getBrand  | Gets the device brand.        | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| getBuildNumber  | Gets the application build number.       | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| getBundleId  | Gets the application bundle identifier.        | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| isCameraPresent  | Tells if the device has any camera now.        | Promise<boolean>  | yes | Android/Windows/Web      | yes |
+| getCarrier  | Gets the carrier name (network operator).        | Promise<string>  | yes | IOS/Android      | yes |
+| getCodename  | The current development codename, or the string "REL" if this is a release build.         | Promise<string>  | yes | Android      | yes |
+| getDevice  |  The name of the industrial design.        | Promise<string>  | yes | Android      | yes |
+| getDeviceId  |Gets the device ID.        | string  | yes | IOS/Android/Windows/visionOS     | no |
+| getDeviceType  | TReturns the device's type as a string     | string  | yes | IOS/Android/visionOS      | yes |
+| getDisplay  | A build ID string meant for displaying to the user.     | Promise<string>  | yes | Android      | yes |
+| getDeviceName  | Gets the device name.        | Promise<string>  | yes | IOS/Android/Windows/visionOS      | yes |
+| getDeviceToken  | Gets the device token (see DeviceCheck). Only available for iOS 11.0+ on real devices. This will reject the promise when getDeviceToken is not supported, be careful with exception handling.       | Promise<string>  | yes | IOS/visionOS      | no |
+| getFirstInstallTime  | Gets the time at which the app was first installed, in milliseconds.         | Promise<number>  | yes | IOS/Android/Windows/visionOS      | yes |
+| getFingerprint  | A string that uniquely identifies this build.         | Promise<string>  | yes | Windows      | no |
+| getFontScale  | Gets the device font scale. The font scale is the ratio of the current system font to the "normal" font size, so if normal text is 10pt and the system font is currently 15pt, the font scale would be 1.5 This can be used to determine if accessability settings has been changed for the device; you may want to re-layout certain views if the font scale is significantly larger ( > 2.0 )         | Promise<number>  | yes | IOS/Android/Windows      | yes |
+| getFreeDiskStorage  | Method that gets available storage size, in bytes, taking into account both root and data file systems calculation.         | Promise<number>  | yes | IOS/Android/Windows/Web/visionOS      | no |
+| getFreeDiskStorageOld  | Old implementation of method that gets available storage size, in bytes.         | Promise<number>  | yes | IOS/Android/Windows/Web/visionOS      | no |
+| getHardware  | The name of the hardware (from the kernel command line or /proc).         | Promise<string>  | yes | Android      | yes |
+| getHost  |  Hostname        | Promise<string>  | yes | Android/Windows      | yes|
+| getHostNames  | Hostnames       | Promise<string[]> | yes | Windows      | no |
+| getIpAddress  | Deprecated Gets the device current IP address. (of wifi only) Switch to react-native-netinfo/netinfo or react-native-network-info       | Promise<string>  | yes |  IOS/Android/Windows/visionOS      | yes |
+| getIncremental  | The internal value used by the underlying source control to represent this build.        | Promise<string>  | yes | Android      | yes |
+| getInstallerPackageName  | The internal value used by the underlying source control to represent this build.         | Promise<string>  | yes | IOS/Android/Windows/visoinOS      | yes |
+| getInstallReferrer  | Gets the referrer string upon application installation.         | Promise<string>  | yes | Android/Windows/Web      | no |
+| getInstanceId  | Gets the application instance ID.        | Promise<string>  | yes | Android      | yes|
+| getLastUpdateTime  | Gets the time at which the app was last updated, in milliseconds.        | Promise<number>  | yes | Android      | yes |
+| getMacAddress  | Gets the network adapter MAC address.        | Promise<string>  | yes | IOS/Android/visionOS      | no |
+| getManufacturer  | Gets the device manufacturer.        | Promise<string>  | yes | IOS/Android/visoinOS      | yes |
+| getMaxMemory  | Returns the maximum amount of memory that the VM will attempt to use, in bytes.        | Promise<number>  | yes | Android/Windows/Web      | no |
+| getModel  | Gets the device model.     | string  | yes | IOS/Android      | yes |
+| getPowerState  | Gets the power state of the device including the battery level, whether it is plugged in, and if the system is currently operating in low power mode.    | Promise<object>  | yes | IOS/Android/Windows/Web/visionOS      | yes |
+| getProduct  | The name of the overall product.        | Promise<string>  | yes | Android      | yes |
+| getPreviewSdkInt  | The developer preview revision of a prerelease SDK.        | Promise<number>  | yes | Android      | no |
+| getReadableVersion  | Gets the application human readable version (same as getVersion() + '.' + getBuildNumber())         | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| getSerialNumber  | Gets the device serial number. Will be 'unknown' in almost all cases unless you have a privileged app and you know what you're doing.       | Promise<string>  | yes | Android/Windows      | no |
+| getSecurityPatch  | The user-visible security patch level.        | Promise<string>  | yes | Android      | yes |
+| getSystemAvailableFeatures  | Returns a list of available system features on Android.         | Promise<string[]>  | yes | Android      | no |
+| getSystemName  | Gets the device OS name.        | string  | yes | IOS/Android/Windows/visoinOS      | yes |
+| getSystemVersion  | Gets the device OS version.         | string  | yes | IOS/Android/Windows/visoinOS      | yes |
+| getTags  | Comma-separated tags describing the build.        | Promise<string>  | yes | Android      | no |
+| getType  | The type of build.        | Promise<string>  | yes | Android      | yes |
+| getTotalDiskCapacity  | Method that gets full disk storage size, in bytes, taking into account both root and data file systems calculation.        | Promise<number>  | yes | Android      | no |
+| getTotalDiskCapacityOld  | Old implementation of method that gets full disk storage size, in bytes.        | Promise<number>  | yes | Android      | no |
+| getTotalMemory  | Gets the device total memory, in bytes.        | Promise<number>  | yes | IOS/Android/Web/visionOS      | no |
+| getUniqueId  | Gets the device unique ID. On Android it is currently identical to in this module.          | Promise<string>  | yes | IOS/Android/Windows/visionOS      | no |
+| getUsedMemory  | Gets the app memory usage, in bytes.          | Promise<string>  | yes | IOS/Android/Windows/Web/visionOs      | yes |
+| getUserAgent  | Gets the device User Agent.          | Promise<string>  | yes | IOS/Android/Web/visionOs      | no |
+| getUserAgentSync  | Gets the device User Agent.          | string  | yes | Android/Web     | no |
+| getVersion  | Gets the application version. Take into account that a version string is device/OS formatted and can contain any additional data (such as build number etc.). If you want to be sure about version format, you can use a regular expression to get the desired portion of the returned version string.      | string  | yes | IOS/Android/Windows/visionOS      | yes |
+| getBrightness  | Gets the current brightness level of the device's main screen. Currently iOS only. Returns a number between 0.0 and 1.0, inclusive.        | Promise<number>  | yes | IOS     | no |
+| hasGms  | Tells if the device supports Google Mobile Services.         | Promise<boolean>  | yes | Android      | yes |
+| hasHms  | Tells if the device supports Huawei Mobile Services.         | Promise<boolean>  | yes | Android      | yes |
+| hasNotch  | Tells if the device has a notch.         | boolean  | yes | IOS/Android/Windows/visionOS      | no |
+| hasDynamicIsland  | Tells if the device has a dynamic island.         | boolean  | yes | IOS/Android/Windows/visionOS      | no |
+| hasSystemFeature  | Tells if the device has a specific system feature.         | Promise<boolean>  | yes | Android      | no |
+| isAirplaneMode  | Tells if the device is in Airplane Mode.       | Promise<boolean>  | yes | Android/ Web     | yes |
+| isBatteryCharging  | Tells if the battery is currently charging.         | Promise<boolean>  | yes | IOS/Android/Windows/Web/visionOS      | yes |
+| isEmulator  | Tells if the application is running in an emulator.        | Promise<boolean>  | yes | IOS/Android/Windows/visionOS      | no |
+| isKeyboardConnected  | Tells if the device has a keyboard connected.        | Promise<boolean>  | yes | Windows      | yes |
+| isLandscape  | Tells if the device is currently in landscape mode.        | Promise<boolean>  | yes | IOS/Android/Windows/visionOs      | yes |
+| isLocationEnabled  | Allow access to user's location information        | Promise<boolean>  | yes | IOS/Android/Web/visionOS      | yes |
+| isMouseConnected  | Tells if the device has a mouse connected.         | Promise<boolean>  | yes | Windows   | yes |
+| isHeadphonesConnected  | Tells if the device has a Headphones connected.         | Promise<boolean>  | yes | IOS/Android/visionOS      | yes |
+| isWiredHeadphonesConnected  | Tells if the device has a WiredHeadphones connected.         | Promise<boolean>  | yes | IOS/Android/visionOS      | yes |
+| isBluetoothHeadphonesConnected  | Tells if the device has a BluetoothHeadphones connected.         | Promise<boolean>  | yes | IOS/Android/visionOS      | yes |
+| isPinOrFingerprintSet  | Tells if a PIN number or a fingerprint was set for the device.         | Promise<boolean>  | yes | IOS/Android/Windows/visoinOs      | yes |
+| isTablet  | Tells if the device is a tablet.         | boolean  | yes | IOS/Android/Windows/visoinOs      | yes |
+| isLowRamDevice  |  Tells if the device has low RAM.          | boolean  | yes | Android      | yes |
+| isDisplayZoomed  | Tells if the user changed Display Zoom to Zoomed       | boolean  | yes | IOS     | no |
+| isTabletMode  | Tells if the device is in tablet mode.       | Promise<boolean>  | yes | Windows     | no |
+| supported32BitAbis  | device support 32  Abis       | Promise<string[]>  | yes | Windows     | yes |
+| supported64BitAbis  | device support 64 Abis       | Promise<string[]>  | yes | Windows     | yes |
+| supportedAbis  | device support Abis      | Promise<string[]>  | yes | IOS/Android/Windows/visoinOS     | yes|
+| syncUniqueId  | This method is intended for iOS,This synchronizes uniqueId with IDFV or sets new a random string,On iOS it uses the DeviceUID uid identifier. On other platforms it just call getUniqueId() in this module.       | Promise<string>  | yes | IOS/visionOS     | no |
+| getSupportedMediaTypeList  | This method gets the list of supported media codecs.       | Promise<string[]>  | yes | IOS/Android      | yes |
+
+
+## 遗留问题
+
+- [ ] getDeviceId()接口harmony暂不支持[issue#8](https://github.com/react-native-oh-library/react-native-device-info/issues/8)
+- [ ] getDeviceToken()接口harmony暂不支持[issue#9](https://github.com/react-native-oh-library/react-native-device-info/issues/9)
+- [ ] getFingerprint()接口harmony暂不支持 [issue#10](https://github.com/react-native-oh-library/react-native-device-info/issues/10)
+- [ ] getFreeDiskStorage()接口harmony暂不支持 [issue#11](https://github.com/react-native-oh-library/react-native-device-info/issues/11)
+- [ ] getFreeDiskStorageOld()接口harmony暂不支持 [issue#12](https://github.com/react-native-oh-library/react-native-device-info/issues/12)
+- [ ] getInstallReferrer()接口harmony暂不支持 [issue#13](https://github.com/react-native-oh-library/react-native-device-info/issues/13)
+- [ ] getMacAddress()接口harmony暂不支持 [issue#14](https://github.com/react-native-oh-library/react-native-device-info/issues/14)
+- [ ] getMaxMemory()接口harmony暂不支持 [issue#15](https://github.com/react-native-oh-library/react-native-device-info/issues/15)
+- [ ] getSerialNumber()接口harmony暂不支持 [issue#16](https://github.com/react-native-oh-library/react-native-device-info/issues/16)
+- [ ] getTags()接口harmony暂不支持 [issue#17](https://github.com/react-native-oh-library/react-native-device-info/issues/17)
+- [ ] getTotalDiskCapacity()接口harmony暂不支持 [issue#18](https://github.com/react-native-oh-library/react-native-device-info/issues/18)
+- [ ] getTotalDiskCapacityOld()接口harmony暂不支持 [issue#19](https://github.com/react-native-oh-library/react-native-device-info/issues/19)
+- [ ] getTotalMemory()接口harmony暂不支持 [issue#20](https://github.com/react-native-oh-library/react-native-device-info/issues/20)
+- [ ] getUniqueId()接口harmony暂不支持 [issue#21](https://github.com/react-native-oh-library/react-native-device-info/issues/21)
+- [ ] syncUniqueId()接口harmony暂不支持 [issue#22](https://github.com/react-native-oh-library/react-native-device-info/issues/22)
+- [ ] getUserAgent()接口harmony暂不支持 [issue#23](https://github.com/react-native-oh-library/react-native-device-info/issues/23)
+- [ ] getUserAgentSync()接口harmony暂不支持 [issue#24](https://github.com/react-native-oh-library/react-native-device-info/issues/24) 
+- [ ] hasNotch()接口harmony暂不支持 [issue#25](https://github.com/react-native-oh-library/react-native-device-info/issues/25)
+- [ ] hasDynamicIsland()接口harmony暂不支持 [issue#26](https://github.com/react-native-oh-library/react-native-device-info/issues/26)
+- [ ] hasSystemFeature()接口harmony暂不支持 [issue#27](https://github.com/react-native-oh-library/react-native-device-info/issues/27)
+- [ ] isEmulator()接口harmony暂不支持 [issue#28](https://github.com/react-native-oh-library/react-native-device-info/issues/28) 
+- [ ] isDisplayZoomed()接口harmony暂不支持 [issue#29](https://github.com/react-native-oh-library/react-native-device-info/issues/29)
+- [ ] getBrightness()接口harmony暂不支持 [issue#30](https://github.com/react-native-oh-library/react-native-device-info/issues/30)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-device-info/react-native-device-info/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-dismiss-keyboard.md b/en/react-native-dismiss-keyboard.md
new file mode 100644
index 00000000..a0b9c4ec
--- /dev/null
+++ b/en/react-native-dismiss-keyboard.md
@@ -0,0 +1,161 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-dismiss-keyboard</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/DanielMSchmidt/react-native-dismiss-keyboard">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/DanielMSchmidt/react-native-dismiss-keyboard/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-dismiss-keyboard@1.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-dismiss-keyboard@1.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import {
+    AppRegistry,
+    StyleSheet,
+    TextInput,
+    View,
+    Text,
+    Keyboard
+} from 'react-native';
+
+export default class ReactNativeDismissKeyboardExample extends Component {
+
+    keyboardDidShowListener = null;
+    keyboardDidHideListener = null;
+    state = { KeyboardShown: false };
+
+    constructor(props) {
+        super(props);
+        this.keyboardDidShowListener = null;
+        this.keyboardDidHideListener = null;
+        this.state = { KeyboardShown: false };
+    }
+
+    //键盘弹出事件响应
+    keyboardDidShowHandler(event) {
+        this.setState({ KeyboardShown: true });
+        console.log(event.endCoordinates.height);
+    }
+
+    //键盘隐藏事件响应
+    keyboardDidHideHandler(event) {
+        this.setState({ KeyboardShown: false });
+    }
+
+    //强制隐藏键盘
+    dissmissKeyboard() {
+        Keyboard.dismiss();
+        console.log("输入框当前焦点状态：" + this.refs.bottomInput.isFocused());
+    }
+
+    render() {
+        return (
+            <View style={[styles.container]}>
+                <View style={[styles.flexDirection, styles.inputHeight]}>
+                    <TextInput style={styles.textInputStyle} ref="bottomInput" />
+                    <Text style={styles.buttonStyle}
+                        onPress={this.dissmissKeyboard.bind(this)}>
+                        收起键盘
+                    </Text>
+                </View>
+            </View>
+        )
+    }
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        paddingTop: 15,
+        backgroundColor: '#ffffff'
+    },
+    flexDirection: {
+        flexDirection: 'row'
+    },
+    inputHeight: {
+        height: 35,
+        alignItems: 'center'
+    },
+    textInputStyle: {
+        flex: 1,
+        height: 35,
+        fontSize: 18,
+        borderWidth: 1,
+        borderColor: '#4CAF50',
+        borderRadius: 8,
+        marginRight: 8
+    },
+    buttonStyle: {
+        fontSize: 20,
+        color: 'white',
+        width: 100,
+        textAlign: 'center',
+        backgroundColor: '#4CA300'
+    },
+});
+```
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑ROM。
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `addListener`  | Register a JavaScript function that listens to handle native keyboard notification events. | function  | no     | All  | yes      |
+| `dismiss`  | Retract the pop-up keyboard and make the current text box lose focus. | function  |  no     | All   | yes      |
+| `scheduleLayoutAnimation`  |Used to synchronize changes in the size or position of a TextInput (or other keyboard attachment view) with keyboard movements.| function | no     | All | yes      |
+| `isVisible`  | Whether the keyboard is currently displayed.| function      |  no     | All   | yes      |
+| `metrics`  | If a soft keyboard is displayed, return the size of the soft keyboard.| function      |  no     | All   | yes      |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-doc-viewer.md b/en/react-native-doc-viewer.md
new file mode 100644
index 00000000..c758ab37
--- /dev/null
+++ b/en/react-native-doc-viewer.md
@@ -0,0 +1,437 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-doc-viewer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/philipphecht/react-native-doc-viewer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/philipphecht/react-native-doc-viewer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-doc-viewer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-doc-viewer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-doc-viewer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+  Platform,
+  Button,
+  Alert,
+  ActivityIndicator,
+  NativeAppEventEmitter,
+  DeviceEventEmitter,
+  NativeModules,
+  NativeEventEmitter,
+  TouchableHighlight
+} from 'react-native';
+import OpenFile from 'react-native-doc-viewer';
+var RNFS = require('react-native-fs');
+var SavePath = Platform.OS === 'ios' ? RNFS.MainBundlePath : RNFS.DocumentDirectoryPath;
+export default class DocumentViewerExample extends Component {
+ constructor(props) {
+    super(props);
+    this.state = {
+      animating: false,
+      progress: "",
+      donebuttonclicked: false,
+    }
+    this.eventEmitter = new NativeEventEmitter(NativeModules.RNReactNativeDocViewer);
+    this.eventEmitter.addListener('DoneButtonEvent', (data) => {
+      /*
+      *Done Button Clicked
+      * return true
+      */
+      console.log(data.close);
+      this.setState({donebuttonclicked: data.close});
+    })
+    this.didPressToObjcButton = this.didPressToObjcButton.bind(this);
+  }
+
+  componentDidMount(){
+    // download progress
+    this.eventEmitter.addListener(
+      'RNDownloaderProgress',
+      (Event) => {
+        console.log("Progress - Download "+Event.progress  + " %")
+        this.setState({progress: Event.progress + " %"});
+      }
+
+    );
+  }
+
+  componentWillUnmount (){
+    this.eventEmitter.removeListener();
+  }
+  /*
+  * Handle WWW File Method
+  * fileType Default == "" you can use it, to set the File Extension (pdf,doc,xls,ppt etc) when in the Url the File Extension is missing.
+  */
+  handlePress = () => {
+    this.setState({animating: true});
+    if(Platform.OS === 'ios'){
+      OpenFile.openDoc([{
+        url:"https://calibre-ebook.com/downloads/demos/demo.docx",
+        fileNameOptional:"test filename"
+      }], (error, url) => {
+         if (error) {
+          this.setState({animating: false});
+         } else {
+          this.setState({animating: false});
+           console.log(url)
+         }
+       })
+    }else{
+      this.setState({animating: true});
+      OpenFile.openDoc([{
+        url:"https://www.huf-haus.com/fileadmin/Bilder/Header/ART_3/Header_HUF_Haus_ART_3___1_.jpg", // Local "file://" + filepath
+        fileName:"sample",
+        cache:false,
+        fileType:"jpg"
+      }], (error, url) => {
+         if (error) {
+          this.setState({animating: false});
+           console.error(error);
+         } else {
+          this.setState({animating: false});
+           console.log(url)
+         }
+       })
+    }
+
+  }
+
+
+  /*
+  * Handle Local File Method
+  * fileType Default == "" you can use it, to set the File Extension (pdf,doc,xls,ppt etc) when in the Url the File Extension is missing.
+  */
+  handlePressLocal = () => {
+    this.setState({animating: true});
+    if(Platform.OS === 'ios'){
+        OpenFile.openDoc([{url:SavePath+"/react-native-logo.jpg",
+        fileNameOptional:"test filename"
+      }], (error, url) => {
+         if (error) {
+          this.setState({animating: false});
+         } else {
+          this.setState({animating: false});
+           console.log(url)
+         }
+       })
+    }else{
+      OpenFile.openDoc([{url:SavePath+"/demo.jpg",
+        fileName:"sample",
+        cache:false,
+        fileType:"jpg"
+      }], (error, url) => {
+         if (error) {
+          this.setState({animating: false});
+         } else {
+          this.setState({animating: false});
+           console.log(url)
+         }
+       })
+
+    }
+  }
+
+    handlePressLocalXLS = () => {
+      this.setState({animating: true});
+      if(Platform.OS === 'ios'){
+          OpenFile.openDoc([{url:SavePath+"/SampleXLSFile_19kb.xls",
+          fileNameOptional:"Sample XLS 94-2003"
+        }], (error, url) => {
+           if (error) {
+            this.setState({animating: false});
+           } else {
+            this.setState({animating: false});
+             console.log(url)
+           }
+         })
+      }else{
+        OpenFile.openDoc([{url:SavePath+"/demo.jpg",
+          fileName:"sample",
+          cache:false,
+          fileType:"jpg"
+        }], (error, url) => {
+           if (error) {
+            this.setState({animating: false});
+           } else {
+            this.setState({animating: false});
+             console.log(url)
+           }
+         })
+
+      }
+    }
+
+
+  /*
+  * Binary in URL
+  * Binary String in Url
+  * fileType Default == "" you can use it, to set the File Extension (pdf,doc,xls,ppt etc) when in the Url you dont have an File Extensions
+  */
+  handlePressBinaryinUrl = () => {
+    this.setState({animating: true});
+    if(Platform.OS === 'ios'){
+      OpenFile.openDocBinaryinUrl([{
+        url:"https://storage.googleapis.com/need-sure/example",
+        fileName:"sample",
+        fileType:"xml"
+      }], (error, url) => {
+          if (error) {
+            console.error(error);
+            this.setState({animating: false});
+          } else {
+            console.log(url)
+            this.setState({animating: false});
+          }
+        })
+    }else{
+      OpenFile.openDocBinaryinUrl([{
+        url:"https://storage.googleapis.com/need-sure/example",
+        fileName:"sample",
+        fileType:"xml",
+        cache:true
+      }], (error, url) => {
+          if (error) {
+            console.error(error);
+            this.setState({animating: false});
+          } else {
+            console.log(url)
+            this.setState({animating: false});
+          }
+        })
+    }
+  }
+
+  /*
+  * Base64String
+  * put only the base64 String without data:application/octet-stream;base64
+  * fileType Default == "" you can use it, to set the File Extension (pdf,doc,xls,ppt etc) when in the Url you dont have an File Extensions
+  */
+  handlePressb64 = () => {
+    if(Platform.OS === 'ios'){
+      OpenFile.openDocb64([{
+        base64:"{BASE64String}"
+        fileName:"sample",
+        fileType:"png"
+      }], (error, url) => {
+          if (error) {
+            console.error(error);
+          } else {
+            console.log(url)
+          }
+        })
+    }else{
+      OpenFile.openDocb64([{
+        base64:"{BASE64String}"
+        fileName:"sample",
+        fileType:"png",
+        cache:true
+      }], (error, url) => {
+          if (error) {
+            console.error(error);
+          } else {
+            console.log(url)
+          }
+        })
+    }
+
+    /*
+  * Video File
+  */
+  handlePressVideo = () => {
+    if(Platform.OS === 'ios'){
+      OpenFile.playMovie(video, (error, url) => {
+                if (error) {
+                    console.error(error);
+                } else {
+                    console.log(url)
+                }
+            })
+    }else{
+      Alert.alert("Android coming soon");
+    }
+  }
+
+
+  <Button
+          onPress={this.handlePress.bind(this)}
+          title="Press Me Open Doc Url"
+          accessibilityLabel="See a Document"
+        />
+        <Button
+          onPress={this.handlePressBinaryinUrl.bind(this)}
+          title="Press Me Open BinaryinUrl"
+          accessibilityLabel="See a Document"
+        />
+         <Button
+          onPress={this.handlePressLocal.bind(this)}
+          title="Press Me Open Doc Path"
+          accessibilityLabel="See a Document"
+        />
+        <Button
+          onPress={this.handlePressLocalXLS.bind(this)}
+          title="Press Me Open XLS DOC Path"
+          accessibilityLabel="See a Document"
+        />
+        <Button
+          onPress={this.handlePressb64.bind(this)}
+          title="Press Me Open Base64 String"
+          accessibilityLabel="See a Document"
+        />
+        <Button
+          onPress={()=>this.handlePressVideo("http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4")}
+          title="Press Me Open Video"
+          accessibilityLabel="See a Document"
+        />
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-doc-viewer": "file:../../node_modules/@react-native-oh-tpl/react-native-doc-viewer/harmony/doc_viewer.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.引入 DocViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { DocViewPackage } from "@react-native-oh-tpl/react-native-doc-viewer/ts"
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new DocViewPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                | Type     | Required | Platform | HarmonyOS Support |
+| ------------------ | -------------------------- | -------- | -------- | -------- | ----------------- |
+| openDoc            | 打开一个在线文档           | function | no       | All      | yes               |
+| openDocBinaryinUrl | 打开一个在线文档           | function | no       | All      | yes               |
+| openDocb64         | 将 base64 字符串打开为文档 | function | no       | All      | yes               |
+
+## 遗留问题
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/philipphecht/react-native-doc-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-document-picker.md b/en/react-native-document-picker.md
new file mode 100644
index 00000000..8da343cc
--- /dev/null
+++ b/en/react-native-document-picker.md
@@ -0,0 +1,395 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-document-picker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-documents/document-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/document-picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-document-picker@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-document-picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState } from "react";
+import { Text, TouchableOpacity, View, StyleSheet, Switch, ScrollView } from 'react-native';
+import { pick, types, pickDirectory, pickSingle, DocumentPickerOptions } from 'react-native-document-picker';
+
+const typeList = Object.keys(types);
+
+interface MultiSelectProps {
+  onSelectValue?: (val: string[]) => void
+}
+
+interface UiSelItem {
+  label: keyof typeof types,
+  selected: boolean,
+  index: number
+}
+
+type DirType = 'documentDirectory' | 'cachesDirectory'
+
+interface DirOpt {
+  label: DirType,
+  selected: boolean
+}
+
+const MultiSelect: React.FC<MultiSelectProps> = ({ onSelectValue }) => {
+
+  const [typeUi, setTypeUi] = useState<UiSelItem[]>(typeList.map((val, index) => ({
+    label: val as keyof typeof types,
+    selected: false,
+    index
+  })))
+
+  const onClickSelLabel = (val: typeof typeUi[0]) => {
+    // 选择allfile不行选择其它的
+    if (typeUi.find(t => t.label === 'allFiles')?.selected && val.label !== 'allFiles') {
+      return;
+    }
+    let newList = [];
+    if (val.label === 'allFiles') {
+      newList = typeUi.map(s => {
+        return s.label === 'allFiles' ? { ...s, selected: !s.selected } : { ...s, selected: false }
+      })
+    } else {
+      newList = typeUi.map(s => {
+        return val.index === s.index ? { ...s, selected: !s.selected } : { ...s }
+      })
+    }
+    const extList = newList.filter(t => t.selected).map(t => types[t.label]).reduce((res, typeStr) => {
+      res.push(...typeStr.split(' '))
+      return res;
+    }, [] as string[]);
+    if (onSelectValue) {
+      onSelectValue(extList)
+    }
+    setTypeUi(newList);
+  }
+
+  return <>
+    <View style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'row', rowGap: 14 }}>
+      <View style={{ width: '100%' }}>
+        <Text style={{ fontSize: 20, fontWeight: '600', margin: 6 }}>picker 的文件类型</Text>
+      </View>
+      {
+        typeUi.map(s =>
+          <TouchableOpacity key={s.label} onPress={() => {
+            onClickSelLabel(s);
+          }} >
+            <View style={s.selected ? styles.selectBtnActive : styles.selectBtn} >
+              <Text>
+                {s.label}
+              </Text>
+            </View>
+          </TouchableOpacity>
+        )
+      }
+    </View>
+  </>
+}
+
+export default function DocumentPickerDemo(): JSX.Element {
+
+  const [pickResult, setPickResult] = useState('');
+  // 是否允许多选
+  const [allowMultiSelection, setAllowMultiSelection] = useState(true);
+  // 选择文件类型
+  const [fileTypes, setFileTypes] = useState<string[]>([]);
+  // copyTo 文件夹
+  const [dirUi, setDirui] = useState<Array<DirOpt>>([
+    { label: 'documentDirectory', selected: false },
+    { label: 'cachesDirectory', selected: false },
+  ]);
+
+  const copyTo = dirUi.find(d => d.selected)?.label;
+
+  const pickOpt: DocumentPickerOptions<'harmony'> = {
+    allowMultiSelection,
+  };
+  if (copyTo) {
+    pickOpt.copyTo = copyTo;
+  }
+  if (fileTypes.length) {
+    pickOpt.type = fileTypes;
+  }
+
+  const onDirSelect = (val: DirOpt) => {
+    const newUiList = dirUi.map(d => {
+      if (val.label === d.label) {
+        return { ...d, selected: !d.selected }
+      } else {
+        return { ...d, selected: false }
+      }
+    });
+    setDirui(newUiList);
+  }
+
+  const pickFile = async () => {
+    try {
+      const res = await pick(pickOpt);
+      setPickResult(JSON.stringify(res));
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+  const pickS = async () => {
+    try {
+      const res = await pickSingle(pickOpt);
+      setPickResult(JSON.stringify(res));
+    } catch (err) {
+      console.log(err);
+    }
+  }
+
+  const pickDir = async () => {
+    const res = await pickDirectory();
+    console.log(res);
+  }
+
+  return <ScrollView>
+    <Text>
+      {JSON.stringify(pickOpt)}
+    </Text>
+
+    <MultiSelect onSelectValue={setFileTypes}></MultiSelect>
+
+    <View style={{ width: '100%' }}>
+      <Text style={{ fontSize: 20, fontWeight: '600', margin: 6 }}>是否多选</Text>
+    </View>
+
+    <Switch value={allowMultiSelection} onValueChange={setAllowMultiSelection}></Switch>
+
+    <View style={{ width: '100%' }}>
+      <Text style={{ fontSize: 20, fontWeight: '600', margin: 6 }}>copyTo文件夹</Text>
+    </View>
+
+    <View style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'row', rowGap: 14 }}>
+      {
+        dirUi.map(s =>
+          <TouchableOpacity key={s.label} onPress={() => {
+            onDirSelect(s);
+          }} >
+            <View style={s.selected ? styles.selectBtnActive : styles.selectBtn} >
+              <Text>
+                {s.label}
+              </Text>
+            </View>
+          </TouchableOpacity>
+        )
+      }
+    </View>
+
+    <TouchableOpacity onPress={pickFile} style={styles.btn}>
+      <Text
+        style={styles.btnText}>
+        pick file
+        </Text>
+    </TouchableOpacity>
+    <TouchableOpacity onPress={pickS} style={styles.btn}>
+      <Text
+        style={styles.btnText}>
+        pick file single
+        </Text>
+    </TouchableOpacity>
+    <TouchableOpacity onPress={pickDir} style={styles.btn}>
+      <Text
+        style={styles.btnText}>
+        pick Dir
+        </Text>
+    </TouchableOpacity>
+    <View style={{ width: '100%' }}>
+      <Text style={{ fontSize: 20, fontWeight: '600', margin: 6 }}>选择结果</Text>
+    </View>
+    <Text>
+      {pickResult}
+    </Text>
+  </ScrollView>
+}
+
+const styles = StyleSheet.create({
+  TextInput: { height: 40, borderColor: '#ccc', borderWidth: 1, borderRadius: 4, width: '90%' },
+  btn: { borderRadius: 10, display: 'flex', justifyContent: 'center', alignItems: 'center', padding: 10, margin: 10, backgroundColor: 'blue' },
+  btnText: { fontWeight: 'bold', color: '#fff', fontSize: 20 },
+  selectBtn: { padding: 8, margin: 3, fontSize: 18, borderWidth: 1, borderRadius: 8, borderColor: '#753c13' },
+  selectBtnActive: { padding: 8, margin: 3, backgroundColor: '#e2803b', fontSize: 18, borderRadius: 8, borderWidth: 1 }
+});
+
+
+```
+
+## 使用 Codegen（如本库已适配了 Codegen ）
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-document-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-document-picker/harmony/document_picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 DocumentPickerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { DocumentPickerPackage } from '@react-native-oh-tpl/react-native-document-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new DocumentPickerPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases)
+
+   
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### option pick方法的传参选项
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| allowMultiSelection  | Whether selecting multiple files is allowed. For pick, this is false by default. allowMultiSelection is false for pickSingle and cannot be overridden.        | boolean  | no | IOS/Android      | yes |
+| type  | The type or types of documents to allow selection of. An array of strings or single string.   | string or Array<string>  | no | IOS/Android      | yes |
+| copyTo  | Copy the selected file to the specified folder.   | "cachesDirectory" \| "documentDirectory"  | no | IOS/Android  | yes |
+| presentationStyle  | Controls how the picker is presented, e.g. on an iPad you may want to present it fullscreen. Defaults to pageSheet.   | 'fullScreen' \| 'pageSheet' \| 'formSheet' \| 'overFullScreen'  | no | IOS  | no |
+| transitionStyle  | Configure the transition style of the picker. Defaults to coverVertical.   | 'coverVertical' \| 'flipHorizontal' \| 'crossDissolve' \| 'partialCurl'  | no | IOS  | no |
+| mode  | Defaults to import. If mode is set to import the document picker imports the file from outside to inside the sandbox, otherwise if mode is set to open the document picker opens the file in-place.   | "import" \| "open"  | no | IOS  | no |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| pick    | The method for picking a file. | function | No       | IOS/Android | yes               |
+| pickSingle       | Select a single file       | function | No       | IOS/Android | yes  |
+| pickDirectory       | Opens a directory picker.       | function | No       | IOS/Android | no  |
+| isCancel       | If the user cancels the document picker without choosing a file (by pressing the system back button on Android or the Cancel button on iOS), the Promise will be rejected with a cancellation error. You can check for this error using DocumentPicker.isCancel(err).       | function | No       | IOS/Android | yes  |
+| isInProgress       | If the user somehow manages to open multiple file pickers (e.g. due the app being unresponsive), then only the picked result from the last opened picker will be considered and the promises from previous opened pickers will be rejected with an error that you can check using DocumentPicker.isInProgress()   | function | No       | IOS/Android | yes  |
+| releaseSecureAccess  | If mode is set to open, iOS is giving you secure access to a file located outside from your sandbox. In that case Apple is asking you to release the access as soon as you finish using the resource.   | function | No       | IOS | no  |
+| types       | File type object. eg type.images、types.pdf   | function | No       | IOS/Android | yes  |
+| perPlatformTypes       | Different platforms, file type object map   | function | No       | IOS/Android | yes  |
+
+
+## 遗留问题
+
+- [ ]  HarmonyOS 端file picker selectMode设置选文件夹无效: [issue#1](https://github.com/react-native-oh-library/document-picker/issues/1) 
+- [ ] releaseSecureAccess选择沙箱路径外文件无法实现， HarmonyOS 暂无此能力接口: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2)
+
+## 其他
+- 因权限问题无法读写图库资源，文件管理中从图库选择文件暂不支持。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/en/react-native-dotenv.md b/en/react-native-dotenv.md
new file mode 100644
index 00000000..c0068365
--- /dev/null
+++ b/en/react-native-dotenv.md
@@ -0,0 +1,303 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-dotenv</code> </h1>
+</p>
+<p align="center">
+ 	<a href="https://github.com/goatandsheep/react-native-dotenv">
+          <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/goatandsheep/react-native-dotenv/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/goatandsheep/react-native-dotenv)
+
+## 安装与使用
+
+
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+ npm install -D react-native-dotenv@3.4.9
+```
+
+#### **yarn**
+
+```bash
+yarn add -D react-native-dotenv@3.4.9
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {API_URL, API_TOKEN} from '@env';
+import {View, Text} from 'react-native';
+import {useState, useEffect} from 'react';
+
+export function TestDotenv() {
+  const [data, setData] = useState(null);
+
+  useEffect(() => {
+    fetch(`${API_URL}/product/mirrors.html`, {
+      headers: {
+        Authorization: `Bearer ${API_TOKEN}`,
+      },
+    })
+      .then(res => res.json())
+      .then(res => {
+        console.log(res);
+      });
+  }, []);
+
+  return (
+    <View>
+      <Text style={{color:"red",fontSize:30}}>{API_URL}</Text>
+    </View>
+  );
+}
+```
+
+基础配置：
+
+**.babelrc 或 babel.config.js**
+
+```json
+{
+  "plugins": [["module:react-native-dotenv"]]
+}
+```
+
+**.babelrc 或 babel.config.js**
+
+> [!TIP] 如果默认值不适合您项目，这里会列出 Babel 配置的可用选项及其各自的默认值，但如果您使用默认设置，则无需添加它们。
+
+```json
+module.exports = function(api) {
+  api.cache(false)
+  module.exports = {
+    plugins: [
+      [
+        'module:react-native-dotenv',
+        {
+          envName: 'APP_ENV',
+          moduleName: '@env',
+          path: '.env',
+          blocklist: null, // 黑名单 string[]
+          allowlist: null, // 白名单 string[]
+          blacklist: null, // DEPRECATED 弃用
+          whitelist: null, // DEPRECATED 弃用
+          safe: false, // 安全模式
+          allowUndefined: true, // 允许变量未定义
+          verbose: false, // 
+        },
+      ],
+    ],
+  };
+}
+```
+
+**.env**
+
+```
+API_URL=https://api.example.org
+API_TOKEN=abc123
+```
+
+### 安全模式
+
+若启用安全模式，则只允许使用在 `.env` 文件中定义的环境变量。这将完全忽略环境中已经定义的所有内容。
+
+`.env` 文件必须存在
+
+```json
+{
+  "plugins": [
+    [
+      "module:react-native-dotenv",
+      {
+        "safe": true
+      }
+    ]
+  ]
+}
+```
+
+### 允许 undefined
+
+允许导入未定义的变量，导入的值为 undefined。
+
+```json
+{
+  "plugins": [
+    [
+      "module:react-native-dotenv",
+      {
+        "allowUndefined": true
+      }
+    ]
+  ]
+}
+```
+
+In **users.js**
+
+```js
+import { UNDEFINED_VAR } from "@env";
+
+console.log(UNDEFINED_VAR === undefined); // true
+```
+
+当设置为 false 时，将抛出错误。
+
+### 覆写 envName
+
+请查看 [官方说明](https://github.com/goatandsheep/react-native-dotenv?tab=readme-ov-file#override-envname)
+
+### 多环境 (Multi-env)
+
+该三方库现在支持读取特定环境的变量。这意味着可以从多个文件中导入环境变量，例如 `.env`, `.env.development`, `.env.Production` 和 `.env.test`。这是基于 [dotenv-flow](https://www.npmjs.com/package/dotenv-flow) 实现的。
+
+若要进行选择，需要为每个环境使用 NODE_ENV 设置脚本
+
+```json
+module.exports = function(api) {
+  api.cache(false)
+  module.exports = {
+    plugins: [
+      [
+        'module:react-native-dotenv',
+        {
+          moduleName: '@env',
+          // 多环境须修改 path：'.env.development' 或 '.env.Production' 或 '.env.test'
+          path: '.env', 
+        },
+      ],
+    ],
+  };
+}
+```
+
+**package.json**
+
+<!-- tabs:start -->
+
+#### **windows**
+
+```json
+{
+  "scripts": {
+    "start:development": "set NODE_ENV=development&& npx react-native start",
+    "start:production": "set NODE_ENV=production&& npx react-native start"
+  }
+}
+```
+
+#### **iOS & Linux**
+
+```json
+{
+  "scripts": {
+    "start:development": "NODE_ENV=development npx react-native start",
+    "start:production": "NODE_ENV=production npx react-native start"
+  }
+}
+```
+
+<!-- tabs:end -->
+
+### TypeScript
+
+对于使用 TypeScript 的库，需要手动指定类型：
+
+- 在你的工程创建 `types` 文件夹
+- 进入文件夹，创建 `*.d.ts` 文件，比如 `env.d.ts`
+- 在此文件中，以下面的形式声明一个 module
+
+```ts
+declare module "@env" {
+  export const API_BASE: string;
+}
+```
+
+把所有你的 `.env` 的变量加入这个 module 内。
+
+最后，在 `tsconfig.json` 文件中添加 `typeRoots` 字段
+
+```json
+{
+...
+  "compilerOptions": {
+    ...
+      "typeRoots": ["./src/types"],
+    ...
+  }
+...
+}
+```
+
+### 缓存
+
+> [!WARNING] 请务必查看这一小节
+
+已知问题：在 Android 和 HarmonyOS 里，均会出现因为缓存导致的环境变量无法更新的问题，所以需要添加一些配置，让每次打包的时候清空缓存，以达到能读取新的环境变量的效果。
+
+首先确保以下依赖已经配置到你的 `package.json` 内
+
+```json
+"resolutions": {
+  "@babel/core": "^7.20.2",
+  "babel-loader": "^8.3.0"
+}
+```
+
+在 babel config 中添加 `api.cache(false)`，例如
+
+```js
+// .babel.config.js
+module.exports = function (api) {
+  api.cache(false);
+  return {
+    presets: ["module:metro-react-native-babel-preset"],
+    plugins: [["module:react-native-dotenv"]],
+  };
+};
+```
+
+在 `metro.config.js` 中添加 `resetCache: true`，例如
+
+```js
+// metro.config.js
+module.exports = {
+  resetCache:true,
+  ...
+}
+```
+
+更多清除缓存的方法请参考 [react-naitve-dotenv 官方指引](https://github.com/goatandsheep/react-native-dotenv)
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.1.430; ROM：3.0.0.26;
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/goatandsheep/react-native-dotenv/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-drag-sort.md b/en/react-native-drag-sort.md
new file mode 100644
index 00000000..07dc83df
--- /dev/null
+++ b/en/react-native-drag-sort.md
@@ -0,0 +1,673 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-drag-sort</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mochixuan/react-native-drag-sort">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mochixuan/react-native-drag-sort/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/mochixuan/react-native-drag-sort)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+#### **yarn**
+
+```bash
+yarn add react-native-drag-sort@2.4.4
+```
+
+#### **npm**
+
+```bash
+npm i react-native-drag-sort@2.4.4
+```
+
+### Tip
+
+> Use priority: DragSortableView > AutoDragSortableView > AnySizeDragSortableView
+
+- 1、If the width and height are fixed and there is no need to slide, use DragSortableView.
+- 2、If the width and height are fixed and you need to slide, use AutoDragSortableView.
+- 3、If the width and height are arbitrary and need to slide, please use AnySizeDragSortableView.
+
+下面的代码展示了这个库的基本使用场景：
+
+##### DragSortableView组件使用
+
+```js
+import React, { useState } from "react";
+import { View, Text, StyleSheet, SafeAreaView } from "react-native";
+import { DragSortableView } from "react-native-drag-sort";
+//此案例id1、id2不支持拖拽
+const Dragsort = () => {
+  const [data, setData] = useState([
+    {
+      id: 1,
+      title: "固定任务 1",
+    },
+    {
+      id: 2,
+      title: "固定任务 2",
+    },
+    {
+      id: 3,
+      title: "任务 3",
+    },
+    {
+      id: 4,
+      title: "任务 4",
+    },
+    {
+      id: 5,
+      title: "任务 5",
+    },
+    {
+      id: 6,
+      title: "任务 6",
+    },
+    {
+      id: 7,
+      title: "任务 7",
+    },
+    {
+      id: 8,
+      title: "任务 8",
+    },
+  ]);
+
+  return (
+    <SafeAreaView style={{ flex: 1 }}>
+      <View style={styles.header}>
+        <Text style={styles.header_title}>DragSortableView</Text>
+      </View>
+      <DragSortableView
+        dataSource={data}
+        parentWidth={400}
+        childrenWidth={100}
+        childrenHeight={50}
+        marginChildrenTop={5}
+        marginChildrenBottom={5}
+        marginChildrenLeft={5}
+        marginChildrenRight={5}
+        // onDataChange={setData}
+        keyExtractor={(item, index) => item.id}
+        onClickItem={(data, item, index) => {
+          console.log("点击了第", index, "个元素");
+        }}
+        onDragStart={() => console.log("Drag started")}
+        onDragEnd={() => console.log("Drag end")}
+        onDataChange={() => {
+          console.log("数据发生变化");
+        }}
+        fixedItems={[0, 1]}
+        delayLongPress={100}
+        isDragFreely={true}
+        maxScale={1.2}
+        minOpacity={0.7}
+        renderItem={(item, index) => {
+          return (
+            <View key={item.id} style={styles.box}>
+              <Text style={styles.text}>{item.title}</Text>
+            </View>
+          );
+        }}
+        sortable={true}
+      />
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  box: {
+    // position:'relative',
+    // flexDirection: "column",
+    justifyContent: "center",
+    alignContent: "center",
+    borderRadius: 5,
+    margin: 20,
+    backgroundColor: "#4e71f2",
+    height: 50,
+    width: 100,
+  },
+  text: {
+    fontSize: 18,
+    color: "#fff",
+    textAlign: "center",
+  },
+  header: {
+    height: 48,
+    justifyContent: "center",
+    alignItems: "center",
+    borderBottomColor: "#2ecc71",
+    borderBottomWidth: 2,
+  },
+  header_title: {
+    color: "#333",
+    fontSize: 24,
+    fontWeight: "bold",
+  },
+});
+export default Dragsort;
+```
+
+##### AutoDragSortableView组件使用
+
+```js
+//此案例Item1、Item2不支持拖拽
+import React, { useState } from "react";
+import { View, Text } from "react-native";
+import { AutoDragSortableView } from "react-native-drag-sort";
+
+const AutoDragSortDemo = () => {
+  const [data, setData] = useState([
+    { id: "1", text: "Item 1" },
+    { id: "2", text: "Item 2" },
+    { id: "3", text: "Item 3" },
+    { id: "4", text: "Item 4" },
+    { id: "5", text: "Item 5" },
+    { id: "6", text: "Item 6" },
+    { id: "7", text: "Item 7" },
+    { id: "8", text: "Item 8" },
+    { id: "9", text: "Item 9" },
+    { id: "10", text: "Item 10" },
+    { id: "11", text: "Item 11" },
+    { id: "12", text: "Item 12" },
+    { id: "13", text: "Item 13" },
+    { id: "14", text: "Item 14" },
+    { id: "15", text: "Item 15" },
+    { id: "16", text: "Item 16" },
+    { id: "17", text: "Item 17" },
+    { id: "18", text: "Item 18" },
+    { id: "19", text: "Item 19" },
+    { id: "20", text: "Item 20" },
+    { id: "21", text: "Item 21" },
+    { id: "22", text: "Item 22" },
+    { id: "23", text: "Item 23" },
+    { id: "24", text: "Item 24" },
+    { id: "25", text: "Item 25" },
+    { id: "26", text: "Item 26" },
+    { id: "27", text: "Item 27" },
+    { id: "28", text: "Item 28" },
+  ]);
+  const renderHeaderView = (
+    <View style={{ height: 50, backgroundColor: "#ff4d4d" }}>
+      <Text style={{ fontSize: 18, color: "#fff", textAlign: "center" }}>
+        标题
+      </Text>
+    </View>
+  );
+  const renderBottomView = (
+    <View style={{ height: 50, backgroundColor: "#ff4d4d" }}>
+      <Text style={{ fontSize: 18, color: "#fff", textAlign: "center" }}>
+        底部
+      </Text>
+    </View>
+  );
+
+  return (
+    <AutoDragSortableView
+      dataSource={data}
+      parentWidth={500}
+      childrenWidth={100}
+      childrenHeight={100}
+      marginChildrenTop={20}
+      marginChildrenBottom={20}
+      marginChildrenLeft={20}
+      marginChildrenRight={20}
+      onDataChange={(data) => {
+        console.log("数据发生变化");
+      }}
+      keyExtractor={(item, index) => item.id}
+      onClickItem={(data, item, index) => {
+        console.log("点击了第", index, "个元素");
+      }}
+      renderItem={(item, index) => {
+        return (
+          <View
+            key={item.id}
+            style={{
+              width: 100,
+              height: 50,
+              borderRadius: 5,
+              margin: 5,
+              backgroundColor: "#4e71f2",
+            }}
+          >
+            <Text style={{ fontSize: 18, color: "#fff" }}>{item.text}</Text>
+          </View>
+        );
+      }}
+      scaleDuration={500} //拖拽项缩放效果的持续时间
+      slideDuration={200} //拖拽项滑动效果的持续时间
+      autoThrottle={100} //自动滑动到目的地的间隔时间
+      autoThrottleDuration={500} //自动滑动到目的地的持续时间
+      sortable={true}
+      isDragFreely={false}
+      fixedItems={[0, 1]}
+      delayLongPress={100}
+      onDragStart={() => console.log("Drag started")}
+      onDragEnd={() => console.log("Drag end")}
+      renderHeaderView={renderHeaderView}
+      headerViewHeight={50}
+      scrollIndicatorInsets={{ top: 0, left: 0, bottom: 0, right: 0 }}
+      renderBottomView={renderBottomView}
+      bottomViewHeight={50}
+      onScrollListener={(event) => {
+        console.log("滚动事件", event);
+      }}
+      onScrollRef={(ref) => {
+        console.log("滚动容器", ref);
+      }}
+    />
+  );
+};
+
+export default AutoDragSortDemo;
+```
+
+##### AnySizeDragSortableView组件使用
+
+```js
+import React, { createRef } from "react";
+import {
+  Text,
+  TouchableOpacity,
+  StyleSheet,
+  View,
+  Image,
+  Dimensions,
+  SafeAreaView,
+} from "react-native";
+import { AnySizeDragSortableView } from "react-native-drag-sort";
+
+const { width } = Dimensions.get("window");
+const headerViewHeight = 160;
+const bottomViewHeight = 40;
+
+const getW = (index, isWidth) =>
+  isWidth ? (index % 3 === 0 ? width - 40 : (width - 60) / 2) : 80;
+
+export default class AnySizeDragSortDemo extends React.Component {
+  constructor(props) {
+    super(props);
+    const items = [];
+    for (let i = 0; i < 26; i++) {
+      items.push({
+        text: String.fromCharCode(65 + i),
+        width: getW(i, true),
+        height: getW(i, false),
+      });
+    }
+    this.state = {
+      items,
+      movedKey: null,
+    };
+
+    this.sortableViewRef = createRef();
+  }
+
+  onDeleteItem = (item, index) => {
+    const items = [...this.state.items];
+    items.splice(index, 1);
+    this.setState({ items });
+  };
+
+  _renderItem = (item, index, isMoved) => {
+    const { movedKey } = this.state;
+    return (
+      <TouchableOpacity
+        onLongPress={() => {
+          this.setState({ movedKey: item.text });
+          this.sortableViewRef.current.startTouch(item, index);
+        }}
+        onPressOut={() => this.sortableViewRef.current.onPressOut()}
+      >
+        <View
+          style={[
+            styles.item_wrap,
+            { opacity: movedKey === item.text && !isMoved ? 1 : 1 },
+          ]}
+        >
+          {
+            <View style={styles.item_clear_wrap}>
+              <TouchableOpacity onPress={() => this.onDeleteItem(item, index)}>
+                <Image
+                  source={require("../SourceLibraryDemo/data/img/clear.png")}
+                  style={styles.item_clear}
+                />
+              </TouchableOpacity>
+            </View>
+          }
+          <View
+            style={[
+              styles.item,
+              {
+                width: item.width,
+                height: item.height,
+                backgroundColor: isMoved ? "red" : "#f39c12",
+              },
+            ]}
+          >
+            {isMoved ? (
+              <View style={styles.item_icon_swipe}>
+                <Image
+                  source={{
+                    uri: "https://img0.baidu.com/it/u=4232278629,1470839503&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=746",
+                  }}
+                  style={styles.item_icon}
+                />
+              </View>
+            ) : null}
+            <View style={styles.item_text_swipe}>
+              <Text style={styles.item_text}>{item.text}</Text>
+            </View>
+          </View>
+        </View>
+      </TouchableOpacity>
+    );
+  };
+
+  render() {
+    const { items } = this.state;
+    const renderHeaderView = (
+      <View style={styles.aheader}>
+        <Image
+          source={{
+            uri: "https://p7.itc.cn/mpbp/pro/20200929/650b94a7b8a542fda242a6575f51d74f.jpeg",
+          }}
+          style={styles.aheader_img}
+        />
+        <View style={styles.aheader_context}>
+          <Text style={styles.aheader_title}>mochixuan</Text>
+          <Text style={styles.aheader_desc}>
+            Android, React-Native, Flutter, React, Web。Learn new knowledge and
+            share new knowledge.
+          </Text>
+        </View>
+      </View>
+    );
+    const renderBottomView = (
+      <View style={styles.abottom}>
+        <Text style={styles.abottom_desc}>yarn add react-native-drag-sort</Text>
+      </View>
+    );
+    return (
+      <>
+        <View style={styles.header}>
+          <Text style={styles.header_title}>AnySize</Text>
+        </View>
+        <AnySizeDragSortableView
+          ref={this.sortableViewRef}
+          dataSource={items}
+          keyExtractor={(item) => item.text}
+          renderItem={this._renderItem}
+          onDataChange={(data, callback) => {
+            this.setState({ items: data }, () => {
+              callback();
+              console.log("移动了");
+            });
+          }}
+          renderHeaderView={renderHeaderView}
+          headerViewHeight={headerViewHeight}
+          renderBottomView={renderBottomView}
+          bottomViewHeight={bottomViewHeight}
+          movedWrapStyle={styles.item_moved}
+          onDragEnd={() => console.log("Drag end")}
+          scrollIndicatorInsets={{ top: 1, left: 1, bottom: 1, right: 1 }}
+          autoThrottle={100}
+          autoThrottleDuration={500}
+          areaOverlapRatio={0.5}
+          childMarginTop={10}
+          childMarginBottom={10}
+          childMarginLeft={10}
+          childMarginRight={10}
+        />
+      </>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  item_wrap: {
+    position: "relative",
+    paddingLeft: 20,
+    paddingTop: 20,
+  },
+  item: {
+    justifyContent: "space-around",
+    alignItems: "center",
+    backgroundColor: "#f39c12",
+    borderRadius: 4,
+  },
+  item_clear_wrap: {
+    position: "absolute",
+    left: 10,
+    top: 10,
+    width: 20,
+    height: 20,
+    zIndex: 999,
+  },
+  item_clear: {
+    width: 20,
+    height: 20,
+  },
+  item_moved: {
+    opacity: 0.95,
+    borderRadius: 4,
+  },
+  item_icon_swipe: {
+    width: 50,
+    height: 50,
+    backgroundColor: "#fff",
+    borderRadius: 50 * 0.5,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  item_icon: {
+    width: 30,
+    height: 30,
+    resizeMode: "contain",
+  },
+  item_text_swipe: {
+    backgroundColor: "#fff",
+    width: 56,
+    height: 30,
+    borderRadius: 15,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  item_text: {
+    color: "#444",
+    fontSize: 20,
+    fontWeight: "bold",
+  },
+  header: {
+    height: 48,
+    justifyContent: "center",
+    alignItems: "center",
+    borderBottomColor: "#2ecc71",
+    borderBottomWidth: 2,
+  },
+  header_title: {
+    color: "#333",
+    fontSize: 24,
+    fontWeight: "bold",
+  },
+  aheader: {
+    height: headerViewHeight,
+    flexDirection: "row",
+    borderBottomColor: "#2ecc71",
+    borderBottomWidth: 2,
+    zIndex: 100,
+    backgroundColor: "#fff",
+  },
+  aheader_img: {
+    width: headerViewHeight * 0.6,
+    height: headerViewHeight * 0.6,
+    resizeMode: "cover",
+    borderRadius: headerViewHeight * 0.3,
+    marginLeft: 16,
+    marginTop: 10,
+  },
+  aheader_context: {
+    marginLeft: 8,
+    height: headerViewHeight * 0.4,
+    marginTop: 10,
+  },
+  aheader_title: {
+    color: "#333",
+    fontSize: 20,
+    marginBottom: 10,
+    fontWeight: "bold",
+  },
+  aheader_desc: {
+    color: "#444",
+    fontSize: 16,
+    width: width - headerViewHeight * 0.6 - 32,
+  },
+  abottom: {
+    justifyContent: "center",
+    alignItems: "center",
+    height: bottomViewHeight,
+    backgroundColor: "#fff",
+    zIndex: 100,
+    borderTopColor: "#2ecc71",
+    borderTopWidth: 2,
+  },
+  abottom_desc: {
+    color: "#333",
+    fontSize: 20,
+    fontWeight: "bold",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+
+## 属性
+
+### DragSortableView
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+
+|           Name           |                               Description                               |   Type   | Required |  Platform   | HarmonyOS Support |
+| :----------------------: | :---------------------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|    **dataSource**        |                       DataSource array for list                         |  array   |   Yes    | iOS/Android |        Yes        |
+|     **parentWidth**      |                              parent width                               |  number  |    No    | iOS/Android |        Yes        |
+|  **childrenHeight**      |                            Each item height                             |  number  |   Yes    | iOS/Android |        Yes        |
+|   **childrenWidth**      |                             Each item width                             |  number  |   Yes    | iOS/Android |        Yes        |
+|  **marginChildrenTop**   | So the item's outermost view adds margin, you can only use this method. |  number  |    No    | iOS/Android |        Yes        |
+| **marginChildrenBottom** |                           Item bottom margin                            |  number  |    No    | iOS/Android |        Yes        |
+|  **marginChildrenLeft**  |                           Item left margin                              |  number  |    No    | iOS/Android |        Yes        |
+| **marginChildrenRight**  |                           Item right margin                             |  number  |    No    | iOS/Android |        Yes        |
+|       **sortable**       |                          Do not allow dragging                          |   bool   |    No    | iOS/Android |        Yes        |
+|     **onClickItem**      |                                  click                                  | function |    No    | iOS/Android |        Yes        |
+|     **onDragStart**      |                        Called after dragging starts                     | function |    No    | iOS/Android |        Yes        |
+|      **onDragEnd**       |                        Called after dragging end                     | function |    No    | iOS/Android |        Yes        |
+|     **onDataChange**     |           This method is called every time the data changes.            | function |    No    | iOS/Android |        Yes        |
+|    **renderItem**        |                            render item view                             | function |   Yes    | iOS/Android |        Yes        |
+|      **fixedItems**      |                                no remove                                |  array   |    No    | iOS/Android |        Yes        |
+|     **keyExtractor**     |                           (item,index) => key                           | function |    No    | iOS/Android |        Yes        |
+|    **delayLongPress**    |                            Long press delay                             |  number  |    No    | iOS/Android |        Yes        |
+|     **isDragFreely**     |                     Whether to limit the drag space                     |   bool   |    No    | iOS/Android |        Yes        |
+|      **onDragging**      |                          Called when dragging                           | function |    No    | iOS/Android |        Yes        |
+|       **maxScale**       |                              max Scale                                  |  number  |    No    | iOS/Android |        Yes        |
+|      **minOpacity**      |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
+|      **scaleStatus**     |                              scale   status                                |  string  |    No    | iOS/Android |        Yes        |
+|      **scaleDuration**   |                              scale duration                                |  number  |    No    | iOS/Android |        Yes        |
+|      **slideDuration**   |                              slide Duration                               |  number  |    No    | iOS/Android |        Yes        |
+
+### AutoDragSortableView
+
+|           Name            |     Description         |                           Type                           | Required |  Platform   | HarmonyOS Support |
+| :-----------------------: | :----------------------:| :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|    **dataSource**        |                       DataSource array for list                         |  array   |   Yes    | iOS/Android |        Yes        |
+|     **parentWidth**      |                              parent width                               |  number  |    No    | iOS/Android |        Yes        |
+|  **childrenHeight**      |                            Each item height                             |  number  |   Yes    | iOS/Android |        Yes        |
+|   **childrenWidth**      |                             Each item width                             |  number  |   Yes    | iOS/Android |        Yes        |
+|  **marginChildrenTop**   | So the item's outermost view adds margin, you can only use this method. |  number  |    No    | iOS/Android |        Yes        |
+| **marginChildrenBottom** |                           Item bottom margin                            |  number  |    No    | iOS/Android |        Yes        |
+|  **marginChildrenLeft**  |                           Item left margin                              |  number  |    No    | iOS/Android |        Yes        |
+| **marginChildrenRight**  |                           Item right margin                             |  number  |    No    | iOS/Android |        Yes        |
+|       **sortable**       |                          Do not allow dragging                          |   bool   |    No    | iOS/Android |        Yes        |
+|     **onClickItem**      |                                  click                                  | function |    No    | iOS/Android |        Yes        |
+|     **onDragStart**      |                        Called after dragging starts                     | function |    No    | iOS/Android |        Yes        |
+|      **onDragEnd**       |                        Called after dragging end                     | function |    No    | iOS/Android |        Yes        |
+|     **onDataChange**     |           This method is called every time the data changes.            | function |    No    | iOS/Android |        Yes        |
+|    **renderItem**        |                            render item view                             | function |   Yes    | iOS/Android |        Yes        |
+|      **fixedItems**      |                                no remove                                |  array   |    No    | iOS/Android |        Yes        |
+|     **keyExtractor**     |                           (item,index) => key                           | function |    No    | iOS/Android |        Yes        |
+|    **delayLongPress**    |                            Long press delay                             |  number  |    No    | iOS/Android |        Yes        |
+|     **isDragFreely**     |                     Whether to limit the drag space                     |   bool   |    No    | iOS/Android |        Yes        |
+|      **onDragging**      |                          Called when dragging                           | function |    No    | iOS/Android |        Yes        |
+|       **maxScale**       |                              max Scale                                  |  number  |    No    | iOS/Android |        Yes        |
+|      **minOpacity**      |                              min Opacity                                |  number  |    No    | iOS/Android |        Yes        |
+|      **scaleStatus**     |                              scale   status                                |  string  |    No    | iOS/Android |        Yes        |
+|      **scaleDuration**   |                              scale duration                                |  number  |    No    | iOS/Android |        Yes        |
+|      **slideDuration**   |                              slide Duration                               |  number  |    No    | iOS/Android |        Yes        |
+|     **autoThrottle**      |     auto  throttle      |                          number                          |    No    | iOS/Android |        Yes        |
+| **autoThrottleDuration**  |   auto throttle duration|                          number                          |    No    | iOS/Android |        Yes        |
+|   **renderHeaderView**    |    render header View   |                         element                          |    No    | iOS/Android |        Yes        |
+|   **headerViewHeight**    |    header view height   |                          number                          |    No    | iOS/Android |        Yes        |
+| **scrollIndicatorInsets** |    margin on scroll     | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS |        NO        |
+|   **renderBottomView**    |    render Bottom View   |                         element                          |    No    | iOS/Android |        Yes        |
+|   **bottomViewHeight**    |    bottom view height   |                          number                          |    No    | iOS/Android |        Yes        |
+|   **onScrollListener**    | Listening callback during scrolling|          (event: NativeSyntheticEvent) => void           |    No    | iOS/Android |        Yes        |
+|      **onScrollRef**      |scroll reference callback|                    (ref: any) => void                    |    No    | iOS/Android |        Yes        |
+
+### AnySizeDragSortableView
+
+|           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+| :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|     **renderItem**         |                 render item view                  |                         function                         |   Yes    | iOS/Android |        Yes        |
+|     **onDataChange**      | This method is called every time the data changes |                         function                         |   Yes    | iOS/Android |        Yes        |
+|   **renderHeaderView**    |         render Header View                        |                         element                          |    No    | iOS/Android |        Yes        |
+|   **headerViewHeight**    |         header view height                        |                          number                          |    No    | iOS/Android |        Yes        |
+|   **renderBottomView**    |         render Bottom View                        |                         element                          |    No    | iOS/Android |        Yes        |
+|   **bottomViewHeight**    |         bottom view height                        |                          number                          |    No    | iOS/Android |        Yes        |
+|     **autoThrottle**      |          auto  throttle                           |                          number                          |    No    | iOS/Android |        Yes        |
+| **autoThrottleDuration**  |         auto throttle duration                    |                          number                          |    No    | iOS/Android |        Yes        |
+| **scrollIndicatorInsets** |         margin on scroll                          | ({top:number, left:number, bottom:number, right:number}) |    No    | iOS/Android |        No        |
+|   **onScrollListener**    |Listening callback during scrolling                |          (event: NativeSyntheticEvent) => void           |    No    | iOS/Android |        Yes        |
+|      **onScrollRef**      | scroll reference callback                         |                    (ref: any) => void                    |    No    | iOS/Android |        Yes        |
+|   **areaOverlapRatio**    |             Must be greater than 0.5              |                          number                          |    No    | iOS/Android |        Yes        |
+|    **movedWrapStyle**     |                       style                       |                        StyleProp                         |   Yes    | iOS/Android |        Yes        |
+|    **childMarginTop**     |           Subpage top margin                      |                          number                          |    No    | iOS/Android |        Yes        |
+|   **childMarginBottom**   |          Subpage bottom margin                    |                          number                          |    No    | iOS/Android |        Yes        |
+|    **childMarginLeft**    |           Subpage left margin                     |                          number                          |    No    | iOS/Android |        Yes        |
+|   **childMarginRight**    |           Subpage right margin                    |                          number                          |    No    | iOS/Android |        Yes        |
+|       **onDragEnd**       |          Called after dragging end                |                         function                         |    Yes    | iOS/Android |        Yes        |
+|     **dataSource**        |          DataSource array for list                |                          array                           |   Yes    | iOS/Android |        Yes        |
+|     **keyExtractor**      |        item's unique key                          |                   (item,index) => key                    |   Yes    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+- [ ] scrollIndicatorInsets属性不生效: [issue#179](https://github.com/mochixuan/react-native-drag-sort/issues/179)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The Apache License (Apache)](https://github.com/mochixuan/react-native-drag-sort/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-drawer-layout-polyfill.md b/en/react-native-drawer-layout-polyfill.md
new file mode 100644
index 00000000..c920a240
--- /dev/null
+++ b/en/react-native-drawer-layout-polyfill.md
@@ -0,0 +1,275 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-drawer-layout-polyfill</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/rnc-archive/react-native-drawer-layout-polyfill">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-drawer-layout-polyfill@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-drawer-layout-polyfill@2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { useState, useRef } from "react";
+import { Button, Text, StyleSheet, View, TextInput } from "react-native";
+import DrawerLayout from "react-native-drawer-layout-polyfill";
+
+const App = () => {
+  const drawerLayoutRef = useRef(null);
+  const [drawerPosition, setDrawerPosition] = useState("left");
+  const [keyboardDismissMode, setKeyboardDismissMode] = useState("none");
+  const [drawerLockMode, setDrawerLockMode] = useState("unlocked ");
+  const [isOpen, setIsOpen] = useState("关闭 ");
+  const [drawerSlideOutput, setDrawerSlideOutput] = useState("");
+  const [drawerStateChangedOutput, setDrawerStateChangedOutput] = useState("");
+  const [drawerWidth, setDrawerWidth] = useState(300);
+  const [value, onChangeText] = useState("");
+
+  const open = () => {
+    drawerLayoutRef.current.openDrawer();
+  };
+
+  const close = () => {
+    drawerLayoutRef.current.closeDrawer();
+  };
+
+  const changeDrawerPosition = () => {
+    console.log("drawerPosition-修改弹框位置", drawerPosition);
+    if (drawerPosition === "left") {
+      setDrawerPosition("right");
+    } else {
+      setDrawerPosition("left");
+    }
+  };
+
+  const changeDrawerHideKeyboard = () => {
+    console.log("keyboardDismissMode-是否隐藏软键盘", keyboardDismissMode);
+    if (keyboardDismissMode === "none") {
+      setKeyboardDismissMode("on-drag");
+    } else {
+      setKeyboardDismissMode("none");
+    }
+  };
+
+  const changeDrawerWidth = () => {
+    console.log("drawerWidth-修改弹框宽度", drawerWidth);
+    if (value && Number(value) >= 100) {
+      setDrawerWidth(Number(value));
+    }
+  };
+
+  const changeDrawerLockMode = (type) => {
+    console.log("drawerLockMode-修改弹框锁定模式", type);
+    setDrawerLockMode(type);
+  };
+
+  const handleDrawerOpen = (e) => {
+    console.log("onDrawerOpen-打开弹框的回调");
+    setIsOpen("打开");
+  };
+
+  const handleDrawerClose = (e) => {
+    console.log("onDrawerClose-关闭弹框的回调");
+    setIsOpen("关闭");
+  };
+
+  const handleDrawerSlide = (e) => {
+    console.log("onDrawerSlide-导航视图发生交互时的回调函数");
+    setDrawerSlideOutput(JSON.stringify(e.nativeEvent));
+  };
+
+  const handleDrawerStateChanged = (e) => {
+    console.log("onDrawerStateChanged-导航视图的状态发生变化时的回调函数");
+    setDrawerStateChangedOutput(JSON.stringify(e));
+  };
+
+  const navigationView = (
+    <View style={styles.navigationContainer}>
+      <Text style={styles.textCommon}>I'm in the Drawer!</Text>
+      <Text style={styles.textCommon}>弹框状态:{isOpen}</Text>
+      <Text style={styles.textCommon}>
+        弹框打开关闭过程中触发:{drawerSlideOutput}
+      </Text>
+      <Text style={styles.textCommon}>
+        弹框状态切换触发:{drawerStateChangedOutput}
+      </Text>
+      <Button
+        style={styles.buttonMargin}
+        title="关闭弹框"
+        onPress={() => close()}
+      />
+    </View>
+  );
+
+  return (
+    <DrawerLayout
+      ref={drawerLayoutRef}
+      drawerWidth={drawerWidth}
+      drawerPosition={drawerPosition}
+      renderNavigationView={() => navigationView}
+      keyboardDismissMode={keyboardDismissMode}
+      drawerLockMode={drawerLockMode}
+      drawerBackgroundColor="red"
+      statusBarBackgroundColor="blue"
+      onDrawerOpen={handleDrawerOpen}
+      onDrawerClose={handleDrawerClose}
+      onDrawerSlide={handleDrawerSlide}
+      onDrawerStateChanged={handleDrawerStateChanged}
+    >
+      <View style={styles.container}>
+        <Text style={styles.textCommon}>
+          设置导航视图的锁定模式:{drawerLockMode}
+        </Text>
+        <Text style={styles.textCommon}>
+          是否隐藏软键盘:{keyboardDismissMode}
+        </Text>
+        <Text style={styles.textCommon}>弹框状态:{isOpen}</Text>
+        <Text style={styles.textCommon}>
+          弹框打开关闭过程中触发:{drawerSlideOutput}
+        </Text>
+        <Text style={styles.textCommon}>
+          弹框状态切换触发:{drawerStateChangedOutput}
+        </Text>
+        <Button title="打开弹框" onPress={() => open()} />
+        <View style={styles.buttonMargin}></View>
+        <Button title="改变弹框位置" onPress={() => changeDrawerPosition()} />
+        <View style={styles.buttonMargin}></View>
+        <Button
+          title="弹框动画过程中是否隐藏键盘"
+          onPress={() => changeDrawerHideKeyboard()}
+        />
+        <View style={styles.buttonMargin}></View>
+        <Button
+          title="设置导航视图的锁定模式- unlocked "
+          onPress={() => changeDrawerLockMode("unlocked")}
+        />
+        <View style={styles.buttonMargin}></View>
+        <Button
+          title="设置导航视图的锁定模式- locked-closed"
+          onPress={() => changeDrawerLockMode("locked-closed")}
+        />
+        <View style={styles.buttonMargin}></View>
+        <Button
+          title="设置导航视图的锁定模式- locked-open"
+          onPress={() => changeDrawerLockMode("locked-open")}
+        />
+        <View style={styles.buttonMargin}></View>
+        <TextInput
+          style={{
+            height: 40,
+            borderColor: "gray",
+            borderWidth: 1,
+            width: 300,
+          }}
+          onChangeText={(text) => onChangeText(text)}
+          value={value}
+        />
+        <View style={styles.buttonMargin}></View>
+        <Button title="修改弹框宽度" onPress={() => changeDrawerWidth()} />
+      </View>
+    </DrawerLayout>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingTop: 50,
+    padding: 8,
+  },
+  navigationContainer: {
+    flex: 1,
+    paddingTop: 50,
+    padding: 8,
+  },
+  textCommon: {
+    marginBottom: 10,
+    fontSize: 15,
+  },
+  buttonMargin: {
+    marginBottom: 5,
+  },
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见[react-native-drawer-layout-polyfill](https://reactnative.dev/docs/drawerlayoutandroid)
+
+| Name                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support | note                                                   |
+| ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- | ------------------------------------------------------ |
+| renderNavigationView     | The navigation view that will be rendered to the side of the screen and can be pulled in.                                                                                                                                                                                                                                                                                                                                          | function | YES      | Android IOS | YES               |                                                        |
+| drawerPosition           | Specifies the side of the screen from which the drawer will slide in. By default it is set to left. enum('left', 'right')                                                                                                                                                                                                                                                                                                          | string   | NO       | Android IOS | YES               |                                                        |
+| drawerWidth              | Specifies the width of the drawer, more precisely the width of the view that be pulled in from the edge of the window.                                                                                                                                                                                                                                                                                                             | number   | NO       | Android IOS | YES               |                                                        |
+| keyboardDismissMode      | Determines whether the keyboard gets dismissed in response to a drag. 'none' (the default), drags do not dismiss the keyboard. 'on-drag', the keyboard is dismissed when a drag begins.                                                                                                                                                                                                                                            | string   | NO       | Android IOS | YES               |                                                        |
+| drawerLockMode           | Specifies the lock mode of the drawer. The drawer can be locked in 3 states: unlocked (default), meaning that the drawer will respond (open/close) to touch gestures. locked-closed, meaning that the drawer will stay closed and not respond to gestures. locked-open, meaning that the drawer will stay opened and not respond to gestures. The drawer may still be opened and closed programmatically (openDrawer/closeDrawer). | string   | NO       | Android IOS | YES               |                                                        |
+| drawerBackgroundColor    | Specifies the background color of the drawer. The default value is white. If you want to set the opacity of the drawer, use rgba.                                                                                                                                                                                                                                                                                                  | string   | NO       | Android IOS | YES               |                                                        |
+| statusBarBackgroundColor | Make the drawer take the entire screen and draw the background of the status bar to allow it to open over the status bar. It will only have an effect on API 21+. IOS and harmony are not supported.                                                                                                                                                                                                                               | string   | NO       | Android     | NO                | The original library only does the function of Android |
+| onDrawerOpen             | Function called whenever the navigation view has been opened.                                                                                                                                                                                                                                                                                                                                                                      | function | NO       | Android IOS | YES               |                                                        |
+| onDrawerClose            | Function called whenever the navigation view has been closed.                                                                                                                                                                                                                                                                                                                                                                      | function | NO       | Android IOS | YES               |                                                        |
+| onDrawerSlide            | Function called whenever there is an interaction with the navigation view.                                                                                                                                                                                                                                                                                                                                                         | function | NO       | Android IOS | YES               |                                                        |
+| onDrawerStateChanged     | Function called when the drawer state has changed. The drawer can be in 3 states: idle, meaning there is no interaction with the navigation view happening at the time                                                                                                                                                                                                                                                             | function | NO       | Android IOS | YES               |                                                        |
+
+## 方法
+
+| Name        | Description        | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------ | -------- | ----------- | ----------------- |
+| openDrawer  | Closes the drawer. | NO       | Android IOS | YES               |
+| closeDrawer | Opens the drawer.  | NO       | Android IOS | YES               |
+
+## 遗留问题
+
+- [ ] 属性statusBarBackgroundColor 鸿蒙暂不支持。[issue#10](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/issues/10)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-drop-shadow.md b/en/react-native-drop-shadow.md
new file mode 100644
index 00000000..f81a099b
--- /dev/null
+++ b/en/react-native-drop-shadow.md
@@ -0,0 +1,152 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-drop-shadow</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/hoanglam10499/react-native-drop-shadow">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/hoanglam10499/react-native-drop-shadow/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/hoanglam10499/react-native-drop-shadow)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-drop-shadow@1.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-drop-shadow@1.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import DropShadow from "react-native-drop-shadow";
+```
+
+```js
+export default function usage() {
+  return (
+    <DropShadow
+      style={{
+        shadowColor: "#000",
+        shadowOffset: {
+          width: 0,
+          height: 0,
+        },
+        shadowOpacity: 1,
+        shadowRadius: 5,
+      }}
+    >
+      ...
+    </DropShadow>
+  );
+}
+```
+
+ 与 FlatList 一起使用
+
+```js
+export default function withFlatList() {
+  return (
+    <FlatList
+      data={[""]}
+      keyExtractor={(item, index) => "List-" + index}
+      CellRendererComponent={DropShadow} // <==== add line
+      renderItem={({ item, index }) => (
+        <DropShadow
+          style={{
+            shadowColor: "#000",
+            shadowOffset: {
+              width: 0,
+              height: 0,
+            },
+            shadowOpacity: 1,
+            shadowRadius: 5,
+          }}
+        >
+          ...
+        </DropShadow>
+      )}
+    />
+  );
+}
+```
+
+与动画视图一起使用
+
+要使它代替 ，您需要用来创建 的可动画版本。例如：Animated.ViewAnimated.createAnimatedComponentDropShadow。
+
+```js
+const AnimatedDropShadow = Animated.createAnimatedComponent(DropShadow);
+
+export default function withAnimatedViews() {
+  return (
+    <AnimatedDropShadow
+      style={{
+        shadowColor: "#000",
+        shadowOffset: {
+          width: 0,
+          height: 0,
+        },
+        shadowOpacity: 1,
+        shadowRadius: 5,
+      }}
+    >
+      ...
+    </AnimatedDropShadow>
+  );
+}
+```
+然后，您可以使用`AnimatedDropShadow`来代替`Animated.View` 。
+
+## 约束与限制
+- Android 的位图限制为 2048x2048，但这可能取决于 API 版本。
+- 使用位图渲染来模拟阴影，如果同时渲染多个阴影和动画，则阴影可能会影响性能。
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| style  | 设置阴影的样式，可以使用常规的样式属性  | style  | no | Android/IOS  | yes |
+| shadowColor  | 设置阴影的颜色，可以使用CSS颜色值或RGBA值  | string  | no | Android/IOS  | yes |
+| shadowOffset  | 设置阴影的偏移量  | number  | no | Android/IOS  | yes |
+| shadowOpacity  | 设置阴影的不透明度，取值范围为0到1之间，0表示完全透明，1表示完全不透明  | number  | no | Android/IOS  | yes |
+| shadowRadius  | 设置阴影的模糊半径，用于控制阴影的模糊程度  | number  | no | Android/IOS  | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/hoanglam10499/react-native-drop-shadow/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-dropdown-picker.md b/en/react-native-dropdown-picker.md
new file mode 100644
index 00000000..3d409d12
--- /dev/null
+++ b/en/react-native-dropdown-picker.md
@@ -0,0 +1,235 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-dropdown-picker</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/hossein-zare/react-native-dropdown-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/hossein-zare/react-native-dropdown-picker/blob/5.x/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/hossein-zare/react-native-dropdown-picker)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-dropdown-picker@5.4.6
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-dropdown-picker@5.4.6
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { View, Text } from "react-native";
+import DropDownPicker from "react-native-dropdown-picker";
+
+export default function App() {
+  const [open, setOpen] = useState(false);
+  const [value, setValue] = useState(null);
+  const [items, setItems] = useState([
+    { label: "Apple", value: "apple" },
+    { label: "Banana", value: "banana" },
+    { label: "Pear", value: "pear" },
+  ]);
+
+  return (
+    <View style={{ flex: 1 }}>
+      <View
+        style={{
+          flex: 1,
+          alignItems: "center",
+          justifyContent: "center",
+          paddingHorizontal: 15,
+        }}
+      >
+        <DropDownPicker
+          open={open}
+          value={value}
+          items={items}
+          setOpen={setOpen}
+          setValue={setValue}
+          setItems={setItems}
+          placeholder={"Choose a fruit."}
+        />
+      </View>
+
+      <View
+        style={{
+          flex: 1,
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        <Text>Chosen fruit: {value === null ? "none" : value}</Text>
+      </View>
+    </View>
+  );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                                                                                                      | Type                                                               | Required | Platform | HarmonyOS Support |
+|----------------------------|------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------|
+| items                      | State variable that holds the items.                                                                             | array                                                              | yes      | All      | yes               |
+| value                      | State variable that specifies the value of the selected item. It's an array of values for multiple item pickers. | string\|string[]                                                   | yes      | All      | yes               |
+| open                       | State variable that specifies whether the picker is open.                                                        | boolean                                                            | yes      | All      | yes               |
+| props                      | Adds native props for the container TouchableOpacity.                                                            | object                                                             | no       | All      | yes               |
+| itemProps                  | Adds native props for the TouchableOpacity of each item.                                                         | object                                                             | no       | All      | yes               |
+| containerProps             | Adds native props for the container.                                                                             | object                                                             | no       | All      | yes               |
+| labelProps                 | Adds native props for the Text element of the selected item.                                                     | object                                                             | no       | All      | yes               |
+| multiple                   | You can select multiple items                                                                                    | boolean                                                            | no       | All      | yes               |
+| min                        | Specifies the minimum number of items.                                                                           | number                                                             | no       | All      | yes               |
+| max                        | Specifies the maximum number of items.                                                                           | number                                                             | no       | All      | yes               |
+| disabled                   | Disables the picker.                                                                                             | boolean                                                            | no       | All      | yes               |
+| maxHeight                  | Max height of the drop-down box.                                                                                 | number                                                             | no       | All      | yes               |
+| disableBorderRadius        | Disables changing the border radius when opening.                                                                | boolean                                                            | no       | All      | yes               |
+| stickyHeader               | Makes categories stick to the top of the screen until the next one pushes it off.                                | boolean                                                            | no       | All      | yes               |
+| autoScroll                 | Automatically scrolls to the first selected item.                                                                | boolean                                                            | no       | All      | yes               |
+| testID                     | Used to locate the picker in end-to-end tests.                                                                   | string                                                             | no       | All      | yes               |
+| zIndex                     | Specifies the stack order.                                                                                       | number                                                             | no       | All      | yes               |
+| zIndexInverse              | Specifies the inverse stack order.                                                                               | number                                                             | no       | All      | yes               |
+| setOpen                    | State callback that is called when the user presses the picker.                                                  | (open: boolean) => void                                            | yes      | All      | yes               |
+| setItems                   | State callback that is called to modify or add new items.                                                        | (callback: SetStateAction[]) => void                               | no       | All      | yes               |
+| setValue                   | State callback that is called when the value changes.                                                            | (callback: SetStateAction) => void                                 | yes      | All      | yes               |
+| onChangeValue              | Callback that returns the current value.                                                                         | (value: ValueType) => void \| (value: ValueType[]) => void \| null | no       | All      | yes               |
+| onSelectItem               | Callback that returns the selected item / items.                                                                 | (item: ItemType) => void \| (items: ItemType[]) => void \| null    | no       | All      | yes               |
+| onPress                    | Callback that is called as soon as the user presses the picker.                                                  | (open: boolean) => void                                            | no       | All      | yes               |
+| onOpen                     | Callback that is called when the user opens the picker.                                                          | () => void                                                         | no       | All      | yes               |
+| onClose                    | Callback that is called when the user closes the picker.                                                         | () => void                                                         | no       | All      | yes               |
+| style                      | Set style                                                                                                        | object                                                             | no       | All      | yes               |
+| containerStyle             | Set containerStyle                                                                                               | object                                                             | no       | All      | yes               |
+| disabledStyle              | Set disabledStyle                                                                                                | object                                                             | no       | All      | yes               |
+| textStyle                  | Set textStyle                                                                                                    | object                                                             | no       | All      | yes               |
+| labelStyle                 | Set labelStyle                                                                                                   | object                                                             | no       | All      | yes               |
+| placeholder                | Placeholder text.                                                                                                | string                                                             | no       | All      | yes               |
+| placeholderStyle           | placeholderStyle                                                                                                 | object                                                             | no       | All      | yes               |
+| showArrowIcon              | Specifies if the arrow icons should be visible.                                                                  | boolean                                                            | no       | All      | yes               |
+| showTickIcon               | Specifies if the tick icon should be visible.                                                                    | boolean                                                            | no       | All      | yes               |
+| hideSelectedItemIcon       | Hides the icon of the selected item.                                                                             | boolean                                                            | no       | All      | yes               |
+| ArrowUpIconComponent       | Changes the arrow-up icon.                                                                                       | function                                                           | no       | All      | yes               |
+| ArrowDownIconComponent     | Changes the arrow-down icon.                                                                                     | function                                                           | no       | All      | yes               |
+| TickIconComponent          | Changes the tick icon.                                                                                           | function                                                           | no       | All      | yes               |
+| CloseIconComponent         | Changes the close icon.                                                                                          | function                                                           | no       | All      | yes               |
+| arrowIconStyle             | Set arrowIconStyle                                                                                               | object                                                             | no       | All      | yes               |
+| tickIconStyle              | Set tickIconStyle                                                                                                | object                                                             | no       | All      | yes               |
+| closeIconStyle             | Set closeIconStyle                                                                                               | object                                                             | no       | All      | yes               |
+| iconContainerStyle         | Set iconContainerStyle                                                                                           | object                                                             | no       | All      | yes               |
+| arrowIconContainerStyle    | Set arrowIconContainerStyle                                                                                      | object                                                             | no       | All      | yes               |
+| tickIconContainerStyle     | Set tickIconContainerStyle                                                                                       | object                                                             | no       | All      | yes               |
+| closeIconContainerStyle    | Set closeIconContainerStyle                                                                                      | object                                                             | no       | All      | yes               |
+| loading                    | Displays an ActivityIndicator when the items aren't loaded yet.                                                  | boolean                                                            | no       | All      | yes               |
+| ActivityIndicatorComponent | Customizes the ActivityIndicator.                                                                                | function                                                           | no       | All      | yes               |
+| activityIndicatorColor     | Changes the default color of the ActivityIndicator.                                                              | string                                                             | no       | All      | yes               |
+| activityIndicatorSize      | Changes the default size of the ActivityIndicator.                                                               | number                                                             | no       | All      | yes               |
+| searchable                 | Enables the search feature in the drop-down menu / modal.                                                        | boolean                                                            | no       | All      | yes               |
+| searchTextInputProps       | Adds native props for the text input.                                                                            | object                                                             | no       | All      | yes               |
+| searchWithRegionalAccents  | Allows searching without typing local accents.                                                                   | boolean                                                            | no       | All      | no               |
+| disableLocalSearch         | Disables search between local items. This comes in handy for remote search.                                      | boolean                                                            | no       | All      | yes               |
+| addCustomItem              | Shows the searched text as an item when there's nothing to show.                                                 | boolean                                                            | no       | All      | yes               |
+| searchPlaceholder          | Changes the placeholder text of the text input. Both of the following properties are available.                  | string                                                             | no       | All      | yes               |
+| onChangeSearchText         | Callback that is called when the text changes in the text input.                                                 | function                                                           | no       | All      | yes               |
+| searchContainerStyle       | Set searchContainerStyle                                                                                         | object                                                             | no       | All      | yes               |
+| searchTextInputStyle       | Set searchTextInputStyle                                                                                         | object                                                             | no       | All      | yes               |
+| searchPlaceholderTextColor | Set searchPlaceholderTextColor                                                                                   | string                                                             | no       | All      | yes               |
+| customItemContainerStyle   | Set customItemContainerStyle                                                                                     | object                                                             | no       | All      | yes               |
+| customItemLabelStyle       | Set customItemLabelStyle                                                                                         | object                                                             | no       | All      | yes               |
+| categorySelectable         | Specifies if the categories can be selected.                                                                     | boolean                                                            | no       | All      | yes               |
+| listParentContainerStyle   | Set listParentContainerStyle                                                                                     | object                                                             | no       | All      | yes               |
+| listParentLabelStyle       | Set listParentLabelStyle                                                                                         | object                                                             | no       | All      | yes               |
+| listChildContainerStyle    | Set listChildContainerStyle                                                                                      | object                                                             | no       | All      | yes               |
+| listChildLabelStyle        | Set listChildLabelStyle                                                                                          | object                                                             | no       | All      | yes               |
+| mode                       | Modes display selected items.                                                                                    | 'DEFAULT'\|'SIMPLE'\|'BADGE'                                       | no       | All      | yes               |
+| showBadgeDot               | Shows dots in the badges.                                                                                        | boolean                                                            | no       | All      | yes               |
+| badgeProps                 | Adds native props for the badge container TouchableOpacity.                                                      | object                                                             | no       | All      | yes               |
+| extendableBadgeContainer   | Allows the badges to expand in multiple rows.                                                                    | boolean                                                            | no       | All      | yes               |
+| renderBadgeItem            | Renders the selected items.                                                                                      | function                                                           | no       | All      | yes               |
+| badgeStyle                 | Set badgeStyle                                                                                                   | object                                                             | no       | All      | yes               |
+| badgeTextStyle             | Set badgeTextStyle                                                                                               | object                                                             | no       | All      | yes               |
+| badgeDotStyle              | Set badgeDotStyle                                                                                                | object                                                             | no       | All      | yes               |
+| badgeSeparatorStyle        | Set badgeSeparatorStyle                                                                                          | object                                                             | no       | All      | yes               |
+| badgeColors                | Gives background colors to badges based on the value.                                                            | object, string                                                     | no       | All      | yes               |
+| badgeDotColors             | Gives background colors to badge dots based on the value.                                                        | object, string                                                     | no       | All      | yes               |
+| dropDownDirection          | Specifies which direction the drop-down menu should open.                                                        | 'DEFAULT'\|'TOP'\|'BOTTOM'\|'AUTO'                                 | no       | All      | yes               |
+| bottomOffset               | Specifies the maximum bottom offset. To use this prop you need dropDownDirection="AUTO".                         | number                                                             | no       | All      | yes               |
+| onDirectionChanged         | Callback that is called when the direction changes.                                                              | function                                                           | no       | All      | yes               |
+| dropDownContainerStyle     | Set dropDownContainerStyle                                                                                       | object                                                             | no       | All      | yes               |
+| itemKey                    | Specifies which item key should be used as a key.                                                                | string                                                             | no       | All      | yes               |
+| closeAfterSelecting        | Closes the picker after selecting an item.                                                                       | boolean                                                            | no       | All      | yes               |
+| closeOnBackPressed         | Closes the picker after pressing the back button.                                                                | boolean                                                            | no       | All      | yes               |
+| itemSeparator              | Specifies if the item separater should be visible.                                                               | boolean                                                            | no       | All      | yes               |
+| renderListItem             | Customizes the renderListItem.                                                                                   | function                                                           | no       | All      | yes               |
+| ListEmptyComponent         | Changes the default ListEmptyComponent.                                                                          | function                                                           | no       | All      | yes               |
+| listItemContainerStyle     | Set listItemContainerStyle                                                                                       | object                                                             | no       | All      | yes               |
+| listItemLabelStyle         | Set listItemLabelStyle                                                                                           | object                                                             | no       | All      | yes               |
+| selectedItemContainerStyle | Set selectedItemContainerStyle                                                                                   | object                                                             | no       | All      | yes               |
+| selectedItemLabelStyle     | Set selectedItemLabelStyle                                                                                       | object                                                             | no       | All      | yes               |
+| disabledItemContainerStyle | Set disabledItemContainerStyle                                                                                   | object                                                             | no       | All      | yes               |
+| disabledItemLabelStyle     | Set disabledItemLabelStyle                                                                                       | object                                                             | no       | All      | yes               |
+| listMessageContainerStyle  | Set listMessageContainerStyle                                                                                    | object                                                             | no       | All      | yes               |
+| listMessageTextStyle       | Set listMessageTextStyle                                                                                         | object                                                             | no       | All      | yes               |
+| itemSeparatorStyle         | Set itemSeparatorStyle                                                                                           | object                                                             | no       | All      | yes               |
+| listMode                   | You have 3 options when choosing the list mode.                                                                  | 'DEFAULT'\|'FLATLIST'\|'SCROLLVIEW'\|'MODAL'                       | no       | All      | yes               |
+| flatListProps              | Adds native props for the FlatList.                                                                              | object                                                             | no       | All      | yes               |
+| scrollViewProps            | Adds native props for the ScrollView.                                                                            | object                                                             | no       | All      | yes               |
+| modalProps                 | Adds native props for the Modal.                                                                                 | object                                                             | no       | All      | yes               |
+| modalTitle                 | Sets modal title.listMode="MODAL" and searchable={false} are required.                                           | string                                                             | no       | All      | yes               |
+| modalAnimationType         | This prop controls how the modal animates.                                                                       | 'slide'\|'fade'\|'none'                                            | no       | All      | yes               |
+| modalContentContainerStyle | Set modalContentContainerStyle                                                                                   | object                                                             | no       | All      | yes               |
+| modalTitleStyle            | Set modalTitleStyle                                                                                              | object                                                             | no       | All      | yes               |
+| rtl                        | Makes the component right to left.                                                                               | boolean                                                            | no       | All      | yes               |
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                           | Type     | Required | Platform | HarmonyOS Support |
+|-------------------|-------------------------------------------------------|----------|----------|----------|-------------------|
+| setLanguage       | You can also change the default language globally.    | function | no       | All      | yes               |
+| addTranslation    | You are able to add a new translation to the package. | function | no       | All      | yes               |
+| modifyTranslation | Modify an existing translation                        | function | no       | All      | yes               |
+| addTheme          | Add a theme                                           | function | no       | All      | yes               |
+| setTheme          | Change the default theme​                             | function | no       | All      | yes               |
+## 遗留问题
+
+- [ ] 方法String.prototype.normalize('NFD')在RN框架下有问题，导致属性searchWithRegionalAccents不生效。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/hossein-zare/react-native-dropdown-picker/blob/5.x/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
new file mode 100644
index 00000000..0ceb6c87
--- /dev/null
+++ b/en/react-native-dropdownalert.md
@@ -0,0 +1,442 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-dropdownalert</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-oh-library/react-native-dropdownalert">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-dropdownalert)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-dropdownalert@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-dropdownalert@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useRef, useState } from "react";
+import {
+  StyleSheet,
+  Text,
+  View,
+  FlatList,
+  SafeAreaView,
+  TouchableOpacity,
+  ImageSourcePropType,
+  ColorValue,
+} from "react-native";
+import DropdownAlert, {
+  DropdownAlertData,
+  DropdownAlertType,
+  DropdownAlertColor,
+  DropdownAlertProps,
+} from "react-native-dropdownalert";
+
+type ListItem = {
+  name: string,
+  alertData?: DropdownAlertData,
+  alertProps?: DropdownAlertProps,
+  color: ColorValue,
+};
+
+type ListItemIndex = {
+  item: ListItem,
+  index: number,
+};
+
+function App(): React.JSX.Element {
+  const defaultSelected: ListItem = {
+    name: "Default",
+    color: DropdownAlertColor.Default,
+  };
+  const [selected, setSelected] = useState(defaultSelected);
+  const [processing, setProcessing] = useState(false);
+  let alert = useRef(
+    (_data?: DropdownAlertData) =>
+      new Promise() < DropdownAlertData > ((res) => res)
+  );
+  let dismiss = useRef(() => {});
+  const reactNativeLogoSrc: ImageSourcePropType = {
+    uri: "https://reactnative.dev/docs/assets/favicon.png",
+  };
+
+  const items: ListItem[] = [
+    {
+      name: "Warn",
+      alertData: {
+        type: DropdownAlertType.Warn,
+        title: "Warn",
+        message:
+          "The device battery is low. It will go into low power mode in 5 minutes.",
+      },
+      color: DropdownAlertColor.Warn,
+    },
+    {
+      name: "Info",
+      alertData: {
+        type: DropdownAlertType.Info,
+        title: "Info",
+        message:
+          "The system goes offline from midnight to 3 AM for regular maintenance.",
+      },
+      color: DropdownAlertColor.Info,
+    },
+    {
+      name: "Success",
+      alertData: {
+        type: DropdownAlertType.Success,
+        title: "Success",
+        message: "The order is complete and details sent to email.",
+      },
+      color: DropdownAlertColor.Success,
+    },
+    {
+      name: "Error",
+      alertData: {
+        type: DropdownAlertType.Error,
+        title: "Error",
+        message:
+          "Something went wrong. Please contact support if error persists.",
+      },
+      color: DropdownAlertColor.Error,
+    },
+    {
+      name: "Custom",
+      alertData: {
+        type: "",
+        title: "Custom",
+        message:
+          "This demonstrates the ability to customize image, interval and style.",
+        source: reactNativeLogoSrc,
+        interval: 5000,
+      },
+      alertProps: {
+        alertViewStyle: styles.alertView,
+      },
+      color: styles.alertView.backgroundColor,
+    },
+    {
+      name: "Cancel",
+      alertData: {
+        type: DropdownAlertType.Info,
+        title: "Info",
+        message:
+          "This demonstrates an info alert with a cancel button. Tap cancel button to dismiss.",
+      },
+      alertProps: {
+        dismissInterval: 0,
+        showCancel: true,
+        onDismissPressDisabled: true,
+      },
+      color: "teal",
+    },
+    {
+      name: "Bottom",
+      alertData: {
+        type: DropdownAlertType.Info,
+        title: "Info",
+        message: "This demonstrates an info alert with bottom alert position.",
+      },
+      alertProps: {
+        alertPosition: "bottom",
+        infoColor: "green",
+      },
+      color: "green",
+    },
+  ];
+
+  function _renderItem(listItemIndex: ListItemIndex): React.JSX.Element {
+    const { item } = listItemIndex;
+    return (
+      <TouchableOpacity
+        style={[styles.item, { backgroundColor: item.color }]}
+        onPress={() => _onSelect(item)}
+        disabled={processing}
+      >
+        <Text style={styles.name}>{item.name}</Text>
+      </TouchableOpacity>
+    );
+  }
+
+  function _onSelect(item: ListItem): void {
+    setSelected(item);
+    setTimeout(async () => {
+      setProcessing(true);
+      await alert.current(item.alertData);
+      setProcessing(false);
+    }, 10);
+  }
+
+  return (
+    <View style={styles.view}>
+      <SafeAreaView>
+        <FlatList
+          keyExtractor={(_item, index) => `${index}`}
+          data={items}
+          initialNumToRender={items.length}
+          renderItem={_renderItem}
+        />
+      </SafeAreaView>
+      <DropdownAlert
+        alert={(func) => (alert.current = func)}
+        dismiss={(func) => (dismiss.current = func)}
+        {...selected.alertProps}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  view: {
+    flex: 1,
+    justifyContent: "center",
+    backgroundColor: "#F4F3E9",
+  },
+  item: {
+    padding: 12,
+    margin: 4,
+    borderRadius: 8,
+    borderColor: "black",
+    borderWidth: StyleSheet.hairlineWidth,
+  },
+  name: {
+    fontSize: 18,
+    fontWeight: "bold",
+    textAlign: "center",
+    color: "whitesmoke",
+  },
+  alertView: {
+    padding: 8,
+    backgroundColor: "#6441A4",
+  },
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)
+
+## DropdownAlert
+
+### DropdownAlertType
+
+DropdownAlertType 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的类型。
+
+#### DropdownAlertType 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description  | Type   | **Required** | Platform | HarmonyOS Support |
+| ------- | ------------ | ------ | ------------ | -------- | ----------------- |
+| Info    | 值为 info    | string | no           | All      | yes               |
+| Warn    | 值为 warn    | string | no           | All      | yes               |
+| Error   | 值为 error   | string | no           | All      | yes               |
+| Success | 值为 success | string | no           | All      | yes               |
+
+### DropdownAlertDismissAction
+
+DropdownAlertDismissAction 是 DropdownAlert 库导出的一个枚举对象，列举了弹框消失的动作类型。
+
+#### DropdownAlertDismissAction 属性
+
+| Name         | Description       | Type   | **Required** | Platform | HarmonyOS Support |
+| ------------ | ----------------- | ------ | ------------ | -------- | ----------------- |
+| Automatic    | 值为 automatic    | string | no           | All      | yes               |
+| Cancel       | 值为 cancel       | string | no           | All      | yes               |
+| Pan          | 值为 pan          | string | no           | All      | yes               |
+| Programmatic | 值为 programmatic | string | no           | All      | yes               |
+| Press        | 值为 press        | string | no           | All      | yes               |
+
+### DropdownAlertColor
+
+DropdownAlertColor 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的颜色
+
+#### DropdownAlertColor 属性
+
+| Name    | Description    | Type   | **Required** | Platform | HarmonyOS Support |
+| ------- | -------------- | ------ | ------------ | -------- | ----------------- |
+| Info    | 值为'#2b73b6'  | string | no           | All      | yes               |
+| Warn    | 值为'#cd853f'  | string | no           | All      | yes               |
+| Error   | 值为'#cc3232'  | string | no           | All      | yes               |
+| Success | 值为'#32a54a'  | string | no           | All      | yes               |
+| Default | 值为''#000000' | string | no           | All      | yes               |
+
+### DropDownAlertImage
+
+DropDownAlertImage 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的图片资源。
+
+#### DropDownAlertImage 属性
+
+| Name    | Description                                                            | Type                | **Required** | Platform | HarmonyOS Support |
+| ------- | ---------------------------------------------------------------------- | ------------------- | ------------ | -------- | ----------------- |
+| Info    | Info 时使用的图片资源，使用源库的资源 equire('./assets/info.png')      | ImageSourcePropType | no           | All      | yes               |
+| Warn    | Info 时使用的图片资源，使用源库的资源 require('./assets/warn.png')     | ImageSourcePropType | no           | All      | yes               |
+| Error   | Info 时使用的图片资源，使用源库的资源 require('./assets/error.png')    | ImageSourcePropType | no           | All      | yes               |
+| Success | Info 时使用的图片资源，使用源库的资源 require('./assets/success.png')  | ImageSourcePropType | no           | All      | yes               |
+| Cancel  | cancel 时使用的图片资源，使用源库的资源 require('./assets/cancel.png') | ImageSourcePropType | no           | All      | yes               |
+
+### DropdownAlertToValue
+
+DropdownAlertToValue 是 DropdownAlert 库导出的一个枚举对象，有两种值 Alert 和 Dismiss。
+
+#### DropdownAlertToValue 属性
+
+| Name    | Description | Type   | **Required** | Platform | HarmonyOS Support |
+| ------- | ----------- | ------ | ------------ | -------- | ----------------- |
+| Alert   | 值为 1      | number | no           | All      | yes               |
+| Dismiss | 值为 0      | number | no           | All      | yes               |
+
+### DropDownAlertTestID
+
+DropDownAlertTestID 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的测试 ID。
+
+#### DropDownAlertTestID 属性
+
+| Name         | Description       | Type   | **Required** | Platform | HarmonyOS Support |
+| ------------ | ----------------- | ------ | ------------ | -------- | ----------------- |
+| AnimatedView | 值为 animatedView | string | no           | All      | yes               |
+| SafeView     | 值为 safeView     | string | no           | All      | yes               |
+| TextView     | 值为 textView     | string | no           | All      | yes               |
+| Alert        | 值为 alert        | string | no           | All      | yes               |
+| Image        | 值为 image        | string | no           | All      | yes               |
+| Title        | 值为 title        | string | no           | All      | yes               |
+| Message      | 值为 message      | string | no           | All      | yes               |
+| Cancel       | 值为 cancel       | string | no           | All      | yes               |
+| CancelImage  | 值为 cancelImage  | string | no           | All      | yes               |
+
+### DropdownAlertData
+
+DropdownAlertData 是 DropdownAlert 库导出的一个 class 对象，定义了弹框的数据内容，如标题、提示信息等。
+
+#### DropdownAlertData 属性
+
+| Name     | Description                             | Type                | **Required** | Platform | HarmonyOS Support |
+| -------- | --------------------------------------- | ------------------- | ------------ | -------- | ----------------- |
+| type     | 弹窗类型，传入 DropdownAlertType 的枚举 | DropdownAlertType   | no           | All      | yes               |
+| title    | 弹窗的消息标题                          | string              | no           | All      | yes               |
+| message  | 弹窗的消息正文                          | string              | no           | All      | yes               |
+| source   | 弹窗的图片类型                          | ImageSourcePropType | no           | All      | yes               |
+| interval | 自动消失的时间，单位毫秒值              | number              | no           | All      | yes               |
+| resolve  | 弹窗被处理的触发的事件                  | function            | no           | All      | yes               |
+
+### DropdownAlertPosition
+
+DropdownAlertData 是 DropdownAlert 库导出的一个 class 对象，定义了弹框弹出位置，有顶部弹出和底部弹出两种。
+
+#### DropdownAlertPosition 属性
+
+| Name   | Description            | Type              | **Required** | Platform | HarmonyOS Support |
+| ------ | ---------------------- | ----------------- | ------------ | -------- | ----------------- |
+| Top    | 顶部弹出，值为'top'    | DropdownAlertType | no           | All      | yes               |
+| Bottom | 底部弹出，值为'bottom' | string            | no           | All      | yes               |
+
+### DropdownAlert 组件
+
+DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有属性，与 DropdownAlertProps 属性一致。
+
+#### DropdownAlert 属性
+
+| Name                             | Description                                                                                                  | Type                           | **Required** | Platform | HarmonyOS Support |
+| -------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------ | ------------ | -------- | ----------------- |
+| imageSrc                         | 弹框未指定图片资源的时候使用的默认自定义图片                                                                 | ImageSourcePropType            | no           | All      | yes               |
+| infoImageSrc                     | 弹框未指定类型为 Info 时，使用的自定义图片                                                                   | ImageSourcePropType            | no           | All      | yes               |
+| warnImageSrc                     | 弹框未指定类型为 Warn 时，使用的自定义图片                                                                   | ImageSourcePropType            | no           | All      | yes               |
+| errorImageSrc                    | 弹框未指定类型为 Error 时，使用的自定义图片                                                                  | ImageSourcePropType            | no           | All      | yes               |
+| successImageSrc                  | 弹框未指定类型为 Success 时，使用的自定义图片                                                                | ImageSourcePropType            | no           | All      | yes               |
+| cancelImageSrc                   | 弹框未指定类型为 Cancel 时，使用的自定义图片                                                                 | ImageSourcePropType            | no           | All      | yes               |
+| infoColor                        | 弹框未指定类型为 Info 时，使用的自定义颜色                                                                   | ColorValue                     | no           | All      | yes               |
+| warnColor                        | 弹框未指定类型为 Warn 时，使用的自定义颜色                                                                   | ColorValue                     | no           | All      | yes               |
+| errorColor                       | 弹框未指定类型为 Error 时，使用的自定义颜色                                                                  | ColorValue                     | no           | All      | yes               |
+| successColor                     | 弹框未指定类型为 Success 时，使用的自定义颜色                                                                | ColorValue                     | no           | All      | yes               |
+| activeStatusBarBackgroundColor   | 弹框出现时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                     | ColorValue                     | no           | Android  | yes               |
+| inactiveStatusBarBackgroundColor | 弹框消失时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                     | ColorValue                     | no           | Android  | yes               |
+| dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                     | number                         | no           | All      | yes               |
+| titleNumberOfLines               | 弹窗标题的最大行数，                                                                                         | number                         | no           | All      | yes               |
+| messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                               | number                         | no           | All      | yes               |
+| elevation                        | 高度                                                                                                         | number                         | no           | All      | yes               |
+| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | yes               |
+| panResponderDismissDistance      | 下滑弹窗消失距离                                                                                             | number                         | no           | All      | yes               |
+| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | yes               |
+| alertViewStyle                   | DropAlert 对象内部的 alertViewStyle 样式                                                                     | ViewStyle                      | no           | All      | yes               |
+| safeViewStyle                    | DropAlert 对象内部的 safeView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
+| textViewStyle                    | DropAlert 对象内部的 textView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
+| cancelViewStyle                  | DropAlert 对象内部的 cancelView 样式                                                                         | ViewStyle                      | no           | All      | yes               |
+| titleTextStyle                   | DropAlert 对象内部的 titleText 样式                                                                          | TextStyle                      | no           | All      | yes               |
+| messageTextStyle                 | DropAlert 对象内部的 messageText 文字样式                                                                    | TextStyle                      | no           | All      | yes               |
+| imageStyle                       | DropAlert 对象内部的 image 样式                                                                              | ImageStyle                     | no           | All      | yes               |
+| cancelImageStyle                 | DropAlert 对象内部的 cancelImage 图片样式                                                                    | ImageStyle                     | no           | All      | yes               |
+| onDismissAutomatic               | 弹窗关闭触发的函数，支持的关闭方式为自动关闭                                                                 | function                       | no           | All      | yes               |
+| onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                              | function                       | no           | All      | yes               |
+| onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                 | function                       | no           | All      | yes               |
+| onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                            | function                       | no           | All      | yes               |
+| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | yes               |
+| showCancel                       | 是否显示弹窗的 cancel 模块                                                                                   | boolean                        | no           | All      | yes               |
+| onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                     | boolean                        | no           | All      | yes               |
+| panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                            | boolean                        | no           | All      | yes               |
+| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | yes               |
+| updateStatusBar                  | 是否更新状态栏                                                                                               | boolean                        | no           | All      | yes               |
+| activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
+| inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
+| renderImage                      | 函数式返回的图片                                                                                             | render function                | no           | All      | yes               |
+| renderCancel                     | 函数式返回的取消                                                                                             | render function                | no           | All      | yes               |
+| renderTitle                      | 函数式返回的弹窗消息标题                                                                                     | render function                | no           | All      | yes               |
+| renderMessage                    | 函数式返回的弹窗消息正文                                                                                     | render function                | no           | All      | yes               |
+| titleTextProps                   | 消息标题文字样式                                                                                             | TextProps                      | no           | All      | yes               |
+| messageTextProps                 | 消息正文文字样式                                                                                             | TextProps                      | no           | All      | yes               |
+| animatedViewProps                | DropAlert 对象内部的 animatedView 属性                                                                       | ViewProps                      | no           | All      | yes               |
+| alertTouchableOpacityProps       | 弹窗透明度样式设置                                                                                           | TouchableOpacityProps          | no           | All      | yes               |
+| safeViewProps                    | DropAlert 对象内部的 safeView 属性                                                                           | ViewProps                      | no           | All      | yes               |
+| textViewProps                    | DropAlert 对象内部的 text 属性                                                                               | ViewProps                      | no           | All      | yes               |
+| imageProps                       | DropAlert 对象内部的 image 属性                                                                              | ImageProps                     | no           | All      | yes               |
+| cancelTouchableOpacityProps      | DropAlert 对象内部的 cancelTouchableOpacityProps 配置                                                        | TouchableOpacityProps          | no           | All      | yes               |
+| cancelImageProps                 | DropAlert 对象内部的 cancelImageProps 属性                                                                   | ImageProps                     | no           | All      | yes               |
+| alert                            | 弹窗弹出触发事件                                                                                             | function                       | no           | All      | yes               |
+| dismiss                          | 弹窗消失触发事件                                                                                             | function                       | no           | All      | yes               |
+| springAnimationConfig            | 弹簧效果参数                                                                                                 | Animated.SpringAnimationConfig | no           | All      | yes               |
+| children                         | 弹窗子元素                                                                                                   | ReactNode                      | no           | All      | yes               |
+| alertPosition                    | top' 或者 'bottom'                                                                                           | string                         | no           | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-dynamic.md b/en/react-native-dynamic.md
new file mode 100644
index 00000000..01d7c6f8
--- /dev/null
+++ b/en/react-native-dynamic.md
@@ -0,0 +1,208 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-dynamic</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/codemotionapps/react-native-dynamic">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/codemotionapps/react-native-dynamic)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-dynamic@1.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-dynamic@1.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import {
+    View,
+    Text, 
+    Image, 
+    Button
+} from 'react-native';
+import {
+    useDarkMode,
+	useDarkModeContext,
+	DynamicValue,
+	DynamicStyleSheet,
+	DarkModeProvider,
+	useDynamicValue,
+	ColorSchemeProvider,
+	useColorSchemeContext,
+	useDynamicStyleSheet
+} from 'react-native-dynamic'
+import { Tester, TestSuite, TestCase } from '@rnoh/testerino';
+
+export default function Extra() {
+	const mode = useDarkModeContext()
+	const styles = useDynamicStyleSheet(dynamicStyleSheet)
+	return (
+		<View style={styles.container}>
+			<Text style={styles.text}>Forced mode: {mode}</Text>
+		</View>
+	)
+}
+
+const dynamicStyleSheet = new DynamicStyleSheet({
+	container: {
+		borderColor: 'red',
+		borderWidth: 1,
+		backgroundColor: new DynamicValue('white', 'black'),
+		width: 150,
+		height: 50,
+		justifyContent: 'center',
+		alignItems: 'center',
+	},
+	text: {
+		textAlign: 'center',
+		color: new DynamicValue('black', 'white'),
+	},
+})
+
+function Counter() {
+	const [counter, setCounter] = useState(0)
+	return <Button title={counter.toString()} onPress={() => setCounter((i) => i + 1)} />
+}
+
+const backgroundColors = {
+	light: 'white',
+	dark: 'black',
+}
+
+function Components() {
+	const styles = useDynamicValue(dynamicStyles)
+
+	return (
+		<View style={styles.container}>
+			<Text style={styles.text}>My text</Text>
+		</View>
+	)
+}
+
+export function ReactNativeDynamic() {
+	const mode = useDarkModeContext()
+	const mode2 = useColorSchemeContext()
+	const backgroundColor = backgroundColors[mode2]
+    const isDarkMode = useDarkMode()
+	const styles = useDynamicValue(dynamicStyles)
+	return (
+		<View style={styles.container}>
+			<Tester>
+        		<TestSuite name="ShowActionDynamic">
+					<TestCase itShould='render mode of dark or light' tags={['C_API']} >
+						<DarkModeProvider mode="dark">
+							<Extra />
+						</DarkModeProvider>
+						<DarkModeProvider mode="light">
+							<Extra />
+						</DarkModeProvider>
+					</TestCase>	
+        		</TestSuite>
+      		</Tester>
+			<Image source={{ uri: 'https://github.com/codemotionapps/react-native-dynamic/blob/master/example/meme.png' }} style={styles.meme} />
+			<Text style={styles.initialStyle}>Current mode: {mode}</Text>
+			<Text style={styles.initialStyle}>Is dark mode: {isDarkMode ? 'black' : 'white'}</Text>
+
+			<ColorSchemeProvider mode="dark">
+				<Components />
+			</ColorSchemeProvider>
+
+			<ColorSchemeProvider mode="light">
+				<Components />
+			</ColorSchemeProvider>
+
+			<Components />
+		</View>
+	)
+}
+
+const dynamicStyles = new DynamicStyleSheet({
+	container: {
+		flex: 1,
+		justifyContent: 'center',
+		alignItems: 'center',
+		backgroundColor: new DynamicValue('#FFFFFF', '#000000'),
+	},
+	initialStyle: {
+		fontSize: 20,
+		textAlign: 'center',
+		margin: 10,
+		color: new DynamicValue('#000000', '#FFFFFF'),
+	},
+	image: {
+		borderWidth: 1,
+		borderColor: new DynamicValue('#000000', '#FFFFFF'),
+		width: 80,
+		height: 80,
+	},
+	meme: {
+		width: '100%',
+		height: 200,
+		marginBottom: 20,
+	},
+	text: {
+		color: new DynamicValue('black', 'white'),
+		textAlign: 'center',
+	},
+})
+
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.24;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `useDarkMode`  | Returns a boolean. true when dark mode is on. |  function | no     | All  | yes      |
+| `DynamicValue`  | A helper class meant to be used with DynamicStyleSheet and useDynamicValue. The first argument is the value to be used with a light color scheme, the second argument is the value to be used with a dark color scheme. | function  |  no     | All   | yes      |
+| `DynamicStyleSheet`  | Just like StyleSheet but with support for dynamic values.| function  |  no     | All   | yes      |
+| `ColorSchemeProvider`  | Allows you to set a specific mode for children.| function  |  no     | All   | yes      |
+| `useDynamicValue`  | Returns the appropriate value depending on the theme. You can either pass a DynamicValue, an object containing dark and light properties, or just two arguments.| function  |  no     | All   | yes      |
+| `useColorSchemeContext`  | Returns dark or light but reads value from context.| function  |  no     | All   | yes      |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-easy-grid.md b/en/react-native-easy-grid.md
new file mode 100644
index 00000000..0921921b
--- /dev/null
+++ b/en/react-native-easy-grid.md
@@ -0,0 +1,103 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-easy-grid</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/GeekyAnts/react-native-easy-grid">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/GeekyAnts/react-native-easy-grid/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%20License%202.0-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/GeekyAnts/react-native-easy-grid)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-native-easy-grid@0.2.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-easy-grid@0.2.2 
+```
+
+<!-- tabs:end -->
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+```js
+
+import React from "react";
+import { Text } from 'react-native';
+import { Col, Row, Grid } from "react-native-easy-grid";
+
+const App = () => {
+ 
+  return (
+    <Grid>
+      <Col style={{ backgroundColor: '#9400D3' }}>
+        <Row size={1} style={{ backgroundColor: '#FFB6C1' }}></Row>
+        <Row size={2} style={{ backgroundColor: '#9400D3' }}></Row>
+      </Col>
+      <Col size={2} style={{ backgroundColor: '#FF4500' }}></Col>
+      <Col size={3}>
+        <Row size={1} style={{ backgroundColor: '#FFB6C1' }}></Row>
+        <Row size={2} style={{ backgroundColor: '#9400D3' }}></Row>
+        <Row size={1} style={{ backgroundColor: '#008000' }}></Row>
+      </Col>
+    </Grid>
+  )
+      
+};
+
+export default App;
+  
+```
+## 约束与限制
+
+##### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH: 0.72.27; SDK: HarmonyOS-NEXT Developer Beta1 5.0.0.25  ; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+
+## 属性
+
+Grid、Row、Col组件接收所有 [React Native View](https://reactnative.dev/docs/view#props)组件的Props
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**RowProps和ColProps的公共属性：**
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|   size  | 布局占比   | number   | no | iOS,Android      | yes |
+|   onPress：() => void  |  点击事件       | function     | no | iOS,Android      | yes |
+
+
+## 遗留问题
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/GeekyAnts/react-native-easy-grid/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-easy-toast.md b/en/react-native-easy-toast.md
new file mode 100644
index 00000000..2c35bec9
--- /dev/null
+++ b/en/react-native-easy-toast.md
@@ -0,0 +1,118 @@
+<!-- {% raw %} -->
+
+
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-easy-toast</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/crazycodeboy/react-native-easy-toast">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/%3C%E5%8E%9F%E5%BA%93%E6%BA%90%E7%A0%81%E4%BB%93LICENSE%E7%9A%84%E8%B7%AF%E5%BE%84%EF%BC%88%E5%A6%82%E6%9C%89%EF%BC%89%3E">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/crazycodeboy/react-native-easy-toast)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-easy-toast@2.3.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-easy-toast@2.3.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { Component } from "react";
+import { Text, View, Button } from "react-native";
+import {
+  Toast
+} from "react-native-easy-toast";
+
+export default class App extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+      return (
+        <View>
+            <Button title={'Press me'} onPress={()=>{
+                this.toast.show('hello world!',2000);
+            }}/>
+            <Toast ref={(toast) => this.toast = toast}/>
+        </View>
+      )
+    }
+}
+
+
+```
+
+更多使用场景可查看 [react-native-easy-toast 源库地址](https://github.com/crazycodeboy/react-native-easy-toast)
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2(B.0.73); IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.58;
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+> 详情见 [react-native-easy-toast 源库地址](https://github.com/crazycodeboy/react-native-easy-toast)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| style  | Custom style toast | View.propTypes.style  | no | All | yes |
+| position  | Custom toast position | PropTypes.oneOf(['top','center','bottom',])  | no | All | yes |
+| positionValue  | Custom toast position value | React.PropTypes.number | no | All | yes |
+| fadeInDuration  | Custom toast show duration | React.PropTypes.number  | no | All | yes |
+| fadeOutDuration  | Custom toast close duration | React.PropTypes.number  | no | All | yes |
+| opacity  | Custom toast opacity | React.PropTypes.number  | no | All | yes |
+| textStyle  | Custom style text | View.propTypes.style  | no | All | yes |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| show  | show a toast,unit is millisecond，and do callback  | (text: string, duration: number, callback: function, onPress: function)  | no | All      | yes |
+| close  | start the close timer  | -  | no | All | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT Licensed](https://github.com/crazycodeboy/react-native-easy-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-echarts-pro.md b/en/react-native-echarts-pro.md
new file mode 100644
index 00000000..c8c4dafa
--- /dev/null
+++ b/en/react-native-echarts-pro.md
@@ -0,0 +1,131 @@
+<!-- {% raw %} -->
+模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-echarts-pro</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/supervons/react-native-echarts-pro/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/supervons/react-native-echarts-pro)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install react-native-echarts-pro@^1.9.1
+```
+
+#### yarn
+
+```bash
+yarn add react-native-echarts-pro@^1.9.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React from "react";
+import { View } from "react-native";
+import RNEChartsPro from "react-native-echarts-pro";
+
+export default function RNEPDemo() {
+  const pieOption = {
+    series: [
+      {
+        name: "Source",
+        type: "pie",
+        legendHoverLink: true,
+        hoverAnimation: true,
+        avoidLabelOverlap: true,
+        startAngle: 180,
+        radius: "55%",
+        center: ["50%", "35%"],
+        data: [
+          { value: 105.2, name: "android" },
+          { value: 310, name: "iOS" },
+          { value: 234, name: "web" },
+          { value: 134, name: "harmony" },
+        ],
+        label: {
+          normal: {
+            show: true,
+            textStyle: {
+              fontSize: 12,
+              color: "#23273C",
+            },
+          },
+        },
+      },
+    ],
+  };
+  return (
+    <View style={{ height: 300, paddingTop: 25 }}>
+      <RNEChartsPro height={250} option={pieOption} />
+    </View>
+  );
+}
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](/zh-cn/react-native-webview.md)进行引入
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见[react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro/tree/master)
+
+### Properties for all react-native-echarts-pro components:
+
+| Name                      | Description                                                                                                  | **Type** | Platform    | Required | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- |
+| height                    | Chart area height                                                                                            | Number   | All         | Y        | Yes               |
+| width                     | Chart area auto                                                                                              | Number   | All         | N        | Yes               |
+| option                    | Chart configuration, see more：[Apache ECharts - options](https://echarts.apache.org/en/option.html#title)   | Object   | All         | Y        | Yes               |
+| backgroundColor           | Chart background color                                                                                       | String   | All         | N        | Yes               |
+| themeName                 | There are only six officially available themes:<br/>`vintage` `dark` `macarons` `infographic` `shine` `roma` | String   | All         | N        | Yes               |
+| webViewSettings           | Customize WebView container properties                                                                       | Object   | All         | N        | Yes               |
+| formatterVariable         | If option’formatter function need variable,can use this.                                                     | Object   | All         | N        | Yes               |
+| extension                 | Dynamic support for tripartite expansion, such as word cloud, water polo map, etc. example.                  | object   | All         | N        | Yes               |
+| customMapData             | For custom maps, null is a world map. See the following usage examples                                       | Object   | All         | N        | Yes               |
+| eventActions              | Custom charts events.                                                                                        | Object   | All         | N        | Yes               |
+| fontFamilies              | Custom font families.                                                                                        | Array    | Android/ios | N        | No                |
+| enableParseStringFunction | If enabled, function are parse as strings                                                                    | Boolean  | All         | N        | Yes               |
+
+## 遗留问题
+
+- [ ] fontFamilies自定义字体属性未生效，该属性需要将字体文件转为base64字符串，拼接在html中的style标签中使用，经验证，这种用法在react-native-webview的最小化demo也不生效，一旦有base64字体加载，就会白屏并无法触发loadEnd，而原生 HarmonyOS webview上显示正常 [issues#20](https://github.com/react-native-oh-library/react-native-webview/issues/20)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-element-dropdown.md b/en/react-native-element-dropdown.md
new file mode 100644
index 00000000..e881364b
--- /dev/null
+++ b/en/react-native-element-dropdown.md
@@ -0,0 +1,471 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-element-dropdown</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/hoaphantn7604/react-native-element-dropdown">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/hoaphantn7604/react-native-element-dropdown)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-element-dropdown@2.12.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-element-dropdown@2.12.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+### Dropdown example
+```js
+ import React, { useState } from 'react';
+  import { StyleSheet, Text, View } from 'react-native';
+  import { Dropdown } from 'react-native-element-dropdown';
+
+  const data = [
+    { label: 'Item 1', value: '1' },
+    { label: 'Item 2', value: '2' },
+    { label: 'Item 3', value: '3' },
+    { label: 'Item 4', value: '4' },
+    { label: 'Item 5', value: '5' },
+    { label: 'Item 6', value: '6' },
+    { label: 'Item 7', value: '7' },
+    { label: 'Item 8', value: '8' },
+  ];
+
+  const DropdownComponent = () => {
+    const [value, setValue] = useState(null);
+    const [isFocus, setIsFocus] = useState(false);
+
+    const renderLabel = () => {
+      if (value || isFocus) {
+        return (
+          <Text style={[styles.label, isFocus && { color: 'blue' }]}>
+            Dropdown label
+          </Text>
+        );
+      }
+      return null;
+    };
+
+    return (
+      <View style={styles.container}>
+        {renderLabel()}
+        <Dropdown
+          style={[styles.dropdown, isFocus && { borderColor: 'blue' }]}
+          placeholderStyle={styles.placeholderStyle}
+          selectedTextStyle={styles.selectedTextStyle}
+          inputSearchStyle={styles.inputSearchStyle}
+          iconStyle={styles.iconStyle}
+          data={data}
+          search
+          maxHeight={300}
+          labelField="label"
+          valueField="value"
+          placeholder={!isFocus ? 'Select item' : '...'}
+          searchPlaceholder="Search..."
+          value={value}
+          onFocus={() => setIsFocus(true)}
+          onBlur={() => setIsFocus(false)}
+          onChange={item => {
+            setValue(item.value);
+            setIsFocus(false);
+          }}
+        />
+      </View>
+    );
+  };
+
+  export default DropdownComponent;
+
+  const styles = StyleSheet.create({
+    container: {
+      backgroundColor: 'white',
+      padding: 16,
+    },
+    dropdown: {
+      height: 50,
+      borderColor: 'gray',
+      borderWidth: 0.5,
+      borderRadius: 8,
+      paddingHorizontal: 8,
+    },
+    icon: {
+      marginRight: 5,
+    },
+    label: {
+      position: 'absolute',
+      backgroundColor: 'white',
+      left: 22,
+      top: 8,
+      zIndex: 999,
+      paddingHorizontal: 8,
+      fontSize: 14,
+    },
+    placeholderStyle: {
+      fontSize: 16,
+    },
+    selectedTextStyle: {
+      fontSize: 16,
+    },
+    iconStyle: {
+      width: 20,
+      height: 20,
+    },
+    inputSearchStyle: {
+      height: 40,
+      fontSize: 16,
+    },
+  });
+```
+### MultiSelect example
+```js
+  import React, { useState } from 'react';
+  import { StyleSheet, View } from 'react-native';
+  import { MultiSelect } from 'react-native-element-dropdown';
+
+  const data = [
+    { label: 'Item 1', value: '1' },
+    { label: 'Item 2', value: '2' },
+    { label: 'Item 3', value: '3' },
+    { label: 'Item 4', value: '4' },
+    { label: 'Item 5', value: '5' },
+    { label: 'Item 6', value: '6' },
+    { label: 'Item 7', value: '7' },
+    { label: 'Item 8', value: '8' },
+  ];
+
+  const MultiSelectComponent = () => {
+    const [selected, setSelected] = useState([]);
+
+    return (
+      <View style={styles.container}>
+        <MultiSelect
+          style={styles.dropdown}
+          placeholderStyle={styles.placeholderStyle}
+          selectedTextStyle={styles.selectedTextStyle}
+          inputSearchStyle={styles.inputSearchStyle}
+          iconStyle={styles.iconStyle}
+          search
+          data={data}
+          labelField="label"
+          valueField="value"
+          placeholder="Select item"
+          searchPlaceholder="Search..."
+          value={selected}
+          onChange={item => {
+            setSelected(item);
+          }}
+          selectedStyle={styles.selectedStyle}
+        />
+      </View>
+    );
+  };
+
+  export default MultiSelectComponent;
+
+  const styles = StyleSheet.create({
+    container: { padding: 16 },
+    dropdown: {
+      height: 50,
+      backgroundColor: 'transparent',
+      borderBottomColor: 'gray',
+      borderBottomWidth: 0.5,
+    },
+    placeholderStyle: {
+      fontSize: 16,
+    },
+    selectedTextStyle: {
+      fontSize: 14,
+    },
+    iconStyle: {
+      width: 20,
+      height: 20,
+    },
+    inputSearchStyle: {
+      height: 40,
+      fontSize: 16,
+    },
+    icon: {
+      marginRight: 5,
+    },
+    selectedStyle: {
+      borderRadius: 12,
+    },
+  });
+```
+### SelectCountry example
+```js
+  import React, { useState } from 'react';
+  import { StyleSheet } from 'react-native';
+  import { SelectCountry } from 'react-native-element-dropdown';
+
+  const local_data = [
+    {
+      value: '1',
+      lable: 'Country 1',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+    {
+      value: '2',
+      lable: 'Country 2',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+    {
+      value: '3',
+      lable: 'Country 3',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+    {
+      value: '4',
+      lable: 'Country 4',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+    {
+      value: '5',
+      lable: 'Country 5',
+      image: {
+        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
+      },
+    },
+  ];
+
+  const SelectCountryScreen = _props => {
+    const [country, setCountry] = useState('1');
+
+    return (
+      <SelectCountry
+        style={styles.dropdown}
+        selectedTextStyle={styles.selectedTextStyle}
+        placeholderStyle={styles.placeholderStyle}
+        imageStyle={styles.imageStyle}
+        inputSearchStyle={styles.inputSearchStyle}
+        iconStyle={styles.iconStyle}
+        search
+        maxHeight={200}
+        value={country}
+        data={local_data}
+        valueField="value"
+        labelField="lable"
+        imageField="image"
+        placeholder="Select country"
+        searchPlaceholder="Search..."
+        onChange={e => {
+          setCountry(e.value);
+        }}
+      />
+    );
+  };
+
+  export default SelectCountryScreen;
+
+  const styles = StyleSheet.create({
+    dropdown: {
+      margin: 16,
+      height: 50,
+      borderBottomColor: 'gray',
+      borderBottomWidth: 0.5,
+    },
+    imageStyle: {
+      width: 24,
+      height: 24,
+    },
+    placeholderStyle: {
+      fontSize: 16,
+    },
+    selectedTextStyle: {
+      fontSize: 16,
+      marginLeft: 8,
+    },
+    iconStyle: {
+      width: 20,
+      height: 20,
+    },
+    inputSearchStyle: {
+      height: 40,
+      fontSize: 16,
+    },
+  });
+```
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+## 属性
+
+详细请查看 [react-native-element-dropdown的文档介绍](https://github.com/hoaphantn7604/react-native-element-dropdown)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Dropdown**：单选组件
+
+| Name          | Description | Type                                 | Required | Platform                                                 | HarmonyOS Support                                        |
+| ------------------ | ----------------------------------------------- | --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
+| mode               | Mode 'modal' is show the dropdown in the middle of the screen. | 'default' or 'modal' of 'auto'                  | No        | All | Yes |
+| data               | Data is a plain array | Array                                           | Yes       | All | Yes                                            |
+| labelField         | Extract the label from the data item | String                                          | Yes       | All | Yes                             |
+| valueField         | Extract the primary key from the data item | String                                          | Yes       | All | Yes |
+| searchField        | Specify the field of data list you want to search | String                                          | No       | All | Yes |
+| onChange           | Selection callback | (item: object) => void                          | Yes       | All | Yes |
+| onChangeText       | Callback that is called when the text input's text changes | (search: string) => void                        | No       | All | Yes |
+| value              | Set default value | Item                                            | No        | All | Yes |
+| placeholder        | The string that will be rendered before dropdown has been selected | String                                          | No        | All | Yes |
+| placeholderStyle   | Styling for text placeholder | TextStyle                                       | No        | All | Yes |
+| selectedTextStyle  | Styling for selected text | TextStyle                                       | No        | All | Yes |
+| selectedTextProps  | Text Props for selected text. Ex: numberOfLines={1} | TextProps                                       | No        | All | Yes |
+| style              | Styling for view container | ViewStyle                                       | No        | All | Yes |
+| containerStyle     | Styling for list container | ViewStyle                                       | No        | All | Yes |
+| maxHeight          | Customize max height for list container | Number                                          | No        | All | Yes |
+| minHeight          | Customize min height for list container | Number                                          | No        | All | Yes |
+| fontFamily         | Customize font style | String                                          | No        | All | Yes |
+| iconStyle          | Styling for icon | ImageStyle                                      | No        | All | Yes |
+| iconColor          | Color of icons | String                                          | No        | All | Yes |
+| itemContainerStyle | Styling for item container in list | TextStyle                                       | No        | All | Yes |
+| itemTextStyle      | Styling for text item in list | TextStyle                                       | No        | All | Yes |
+| activeColor        | Background color for item selected in list container | String                                          | No        | All | Yes |
+| search             | Show or hide input search | Boolean                                         | No        | All | Yes |
+| searchQuery        | Callback used to filter the list of items | (keyword: string, labelValue: string) => Boolean| No        | All | Yes |
+| inputSearchStyle   | Styling for input search | ViewStyle                                       | No        | All | Yes |
+| searchPlaceholder  | The string that will be rendered before text input has been entered | String                                          | No        | All | Yes |
+| renderInputSearch  | Customize TextInput search | (onSearch: (text:string) => void) => JSX.Element| No        | All | Yes |
+| disable            | Specifies the disabled state of the Dropdown | Boolean                                         | No        | All | Yes |
+| dropdownPosition   | Dropdown list position. Default is 'auto' | 'auto' or 'top' or 'bottom'                     | No        | All | Yes |
+| autoScroll         | Auto scroll to index item selected, default is true | Boolean                                         | No        | All | Yes |
+| showsVerticalScrollIndicator | When true, shows a vertical scroll indicator, default is true | Boolean                               | No        | All | Yes |
+| renderLeftIcon     | Customize left icon for dropdown | (visible?: boolean) => JSX.Element              | No        | All | Yes |
+| renderRightIcon    | Customize right icon for dropdown | (visible?: boolean) => JSX.Element              | No        | All | Yes |
+| renderItem         | Takes an item from data and renders it into the list | (item: object, selected: Boolean) => JSX.Element| No        | All | Yes |
+| flatListProps      | Customize FlatList element | FlatListProps                                   | No        | All | Yes |
+| inverted           | Reverses the direction of scroll on top position mode. Default is true | Boolean                                         | No        | All | Yes |
+| onFocus            | Callback that is called when the dropdown is focused | () => void                                      | No        | All | Yes |
+| onBlur             | Callback that is called when the dropdown is blurred | () => void                                      | No        | All | Yes |
+| keyboardAvoiding   | keyboardAvoiding default is true | Boolean                                         | No        | All | Yes |
+| backgroundColor    | Set background color | String                                          | No        | All | Yes |
+| confirmSelectItem  | Turn On confirm select item. Refer example/src/dropdown/example3 | Boolean                                         | No        | All | Yes |
+| onConfirmSelectItem | Selection callback. Refer example/src/dropdown/example3 | (item: object) => void                         | No        | All | Yes |
+| testID             | Used to locate this view in end-to-end tests | String                                          | No        | All | Yes |
+| itemTestIDField    | Add this field to the input data. Ex: DATA = [{itemTestIDField: '', label: '', value:: ''}] | String                                          | No        | All | Yes |
+| accessibilityLabel | Set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected | String     | No    | All | Yes |
+| itemAccessibilityLabelField | Add this field to the input data. Ex: DATA = [{itemAccessibilityLabelField: '', label: '', value:: ''}] | String                                 | No        | All | Yes |
+| closeModalWhenSelectedItem | By default, closeModalWhenSelectedItem is set to true. When closeModalWhenSelectedItem is set to false, the Modal won't close when an item is selected. | Boolean                                 | No        | All | Yes |
+| excludeItems       | The array containing the items to be excluded. | Item[]                                          | No        | All | Yes |
+| excludeSearchItems | The array containing the items to be excluded. | Item[]                                          | No        | All | Yes |
+
+**MultiSelect**：多选组件
+| Name          | Description   | Type                                         | Required | Platform                                                 | HarmonyOS Support                                        |
+| ------------------ | -----------------------------------------------------| --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
+| mode               | Mode 'modal' is show the dropdown in the middle of the screen. | 'default' or 'modal' of 'auto'                       | No        | All   | Yes |
+| data               | Data is a plain array | Array                                                | Yes       | All                                            | Yes |
+| labelField         | Extract the label from the data item | String                                               | Yes       | All                             | Yes |
+| valueField         | Extract the primary key from the data item | String                                               | Yes       | All                       | Yes |
+| searchField        | Specify the field of data list you want to search | String                                               | No       | All                | Yes |
+| onChange           | Selection callback. A array containing the "valueField". | (value[]) => void                                    | Yes       | All         | Yes |
+| onChangeText       | Callback that is called when the text input's text changes | (search: string) => void                             | No       | All       | Yes |
+| value              | Set default value. A array containing the "valueField". | Item[]                                               | No        | All          | Yes |
+| placeholder        | The string that will be rendered before dropdown has been selected | String                                               | No        | All | Yes |
+| placeholderStyle   | Styling for text placeholder | TextStyle                                            | No        | All                                     | Yes |
+| style              | Styling for view container | ViewStyle                                            | No        | All                                       | Yes |
+| containerStyle     | Styling for list container | ViewStyle                                            | No        | All                                       | Yes |
+| maxHeight          | Customize max height for list container | Number                                               | No        | All                          | Yes |
+| minHeight          | Customize min height for list container | Number                                               | No        | All                          | Yes |
+| maxSelect          | maximum number of items that can be selected | Number                                               | No        | All                     | Yes |
+| fontFamily         | Customize font style | String                                               | No        | All                                             | Yes |
+| iconStyle          | Styling for icon | ImageStyle                                           | No        | All                                                 | Yes |
+| iconColor          | Color of icons | String                                               | No        | All                                                   | Yes |
+| activeColor        | Background color for item selected in list container | String                                               | No        | All             | Yes |
+| itemContainerStyle | Styling for item container in list | TextStyle                                            | No        | All                               | Yes |
+| itemTextStyle      | Styling for text item in list | TextStyle                                            | No        | All                                    | Yes |
+| selectedStyle      | Styling for selected view | ViewStyle                                            | No        | All                                        | Yes |
+| selectedTextStyle  | Styling for selected text | TextStyle                                            | No        | All                                        | Yes |
+| selectedTextProps  | Text Props for selected text. Ex: numberOfLines={1} | TextProps                                            | No        | All              | Yes |
+| renderSelectedItem | Takes an item from data and renders it into the list selected | (item: object, unSelect?: () => void) => JSX.Element | No        | All    | Yes |
+| alwaysRenderSelectedItem | Always show the list of selected items | Boolean                                        | No        | All                           | Yes |
+| visibleSelectedItem | Option to hide selected item list, Ẽx: visibleSelectedItem={false} | Boolean                                             | No        | All | Yes |
+| search             | Show or hide input search | Boolean                                              | No        | All                                        | Yes |
+| searchQuery        | Callback used to filter the list of items | (keyword: string, labelValue: string) => Boolean     | No        | All                        | Yes |
+| inputSearchStyle   | Styling for input search | ViewStyle                                            | No        | All                                         | Yes |
+| searchPlaceholder  | The string that will be rendered before text input has been entered | String                                               | No        | All | Yes |
+| renderInputSearch  | Customize TextInput search | (onSearch: (text:string) => void) => JSX.Element     | No        | All                                       | Yes |
+| disable            | Specifies the disabled state of the Dropdown | Boolean                                              | No        | All                     | Yes |
+| dropdownPosition   | Dropdown list position. Default is 'auto' | 'auto' or 'top' or 'bottom'                          | No        | All                        | Yes |
+| showsVerticalScrollIndicator | When true, shows a vertical scroll indicator, default is true | Boolean                                    | No        | All    | Yes |
+| renderLeftIcon     | Customize left icon for dropdown | (visible?: boolean) => JSX.Element                   | No        | All                                 | Yes |
+| renderRightIcon    | Customize right icon for dropdown | (visible?: boolean) => JSX.Element                   | No        | All                                | Yes |
+| renderItem         | Takes an item from data and renders it into the list | (item: object, selected: Boolean) => JSX.Element     | No        | All             | Yes |
+| flatListProps      | Customize FlatList element | FlatListProps                                        | No        | All                                       | Yes |
+| inverted           | Reverses the direction of scroll on top position mode. Default is true | Boolean                                              | No        | All | Yes |
+| onFocus            | Callback that is called when the dropdown is focused | () => void                                           | No        | All             | Yes |
+| onBlur             | Callback that is called when the dropdown is blurred | () => void                                           | No        | All             | Yes |
+| keyboardAvoiding   | keyboardAvoiding default is true | Boolean                                              | No        | All                                 | Yes |
+| inside             | inside default is false | Boolean                                              | No        | All                                          | Yes |
+| backgroundColor    | Set background color | String                                               | No        | All                                             | Yes |
+| confirmSelectItem  | Turn On confirm select item. Refer example/src/dropdown/example7 | Boolean                                              | No        | All | Yes |
+| confirmUnSelectItem | Turn On confirm un-select item. Refer example/src/dropdown/example7 | Boolean                                             | No        | All | Yes |
+| onConfirmSelectItem | Selection callback. Refer example/src/dropdown/example7 | (item: any) => void                                 | No        | All          | Yes |
+| testID             | Used to locate this view in end-to-end tests | String                                               | No        | All                     | Yes |
+| itemTestIDField    | Add this field to the input data. Ex: DATA = [{itemTestIDField: '', label: '', value:: ''}] | String                                               | No        | All | Yes |
+| accessibilityLabel | Set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected | String          | No    | All | Yes |
+| itemAccessibilityLabelField | Add this field to the input data. Ex: DATA = [{itemAccessibilityLabelField: '', label: '', value:: ''}] | String                                      | No        | All | Yes |
+| excludeItems       | The array containing the items to be excluded. | Item[]                                               | No        | All                   |                       |
+| excludeSearchItems | The array containing the items to be excluded. | Item[]                                               | No        | All                   | Yes |
+
+**SelectCountry**：选择国家/地区组件，接收所有Dropdown的props并新增了以下props
+
+| Name       | Description                          | Type       | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------ | ---------- | -------- | -------- | ----------------- |
+| imageField | Extract the image from the data item | String     | Yes      | All      | Yes               |
+| imageStyle | Styling for image                    | ImageStyle | No       | All      | Yes               |
+
+## **Method**：静态方法
+
+| Name  | Description         | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
+| open  | Open dropdown list  | () => void | No       | All      | Yes               |
+| close | Close dropdown list | () => void | No       | All      | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE)，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-elements.md b/en/react-native-elements.md
new file mode 100644
index 00000000..0382db6b
--- /dev/null
+++ b/en/react-native-elements.md
@@ -0,0 +1,1071 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-elements</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-elements/react-native-elements">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-elements/react-native-elements)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @rneui/themed@4.0.0-rc.8
+npm install @rneui/base@4.0.0-rc.7
+```
+
+#### **yarn**
+
+```bash
+yarn add @rneui/themed@4.0.0-rc.8
+yarn add @rneui/base@4.0.0-rc.7
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React from 'react';
+import { View, ScrollView, StyleSheet } from 'react-native';
+import { Avatar } from '@rneui/themed';
+import { Text } from '@rneui/base';
+
+type AvatarData = {
+  image_url: string;
+};
+
+const styles = StyleSheet.create({
+  titleStyle: {
+    fontWeight: 'bold',
+    fontSize: 24,
+  },
+  subTitleStyle: {
+    fontWeight: 'bold',
+    fontSize: 18,
+  },
+  normalTitle: {
+    fontWeight: 'bold',
+    fontSize: 15,
+  }
+});
+
+const dataList: AvatarData[][] = 
+[
+  [
+    {
+      image_url: 'https://api.uifaces.co/our-content/donated/xZ4wg2Xj.jpg',
+    },
+    {
+      image_url: 'https://randomuser.me/api/portraits/men/36.jpg',
+    },
+    {
+      image_url: 'https://cdn.pixabay.com/photo/2019/11/03/20/11/portrait-4599553__340.jpg',
+    }
+  ],
+  [
+    {
+      image_url: 'https://cdn.pixabay.com/photo/2014/09/17/20/03/profile-449912__340.jpg',
+    },
+    {
+      image_url: 'https://cdn.pixabay.com/photo/2020/09/18/05/58/lights-5580916__340.jpg',
+    },
+    {
+      image_url: 'https://cdn.pixabay.com/photo/2016/11/21/12/42/beard-1845166_1280.jpg',
+    }
+  ]
+];
+
+type AvatarComponentProps = {};
+
+const Avatars: React.FunctionComponent<AvatarComponentProps> = () => {
+  return (
+    <>
+      <Text style={styles.titleStyle}>Avatars</Text>
+      <ScrollView>
+        <Text style={styles.subTitleStyle}>Photo Avatars</Text>
+        {dataList.map((chunk, chunkIndex) => (
+          <View
+            style={{
+              flexDirection: 'row',
+              justifyContent: 'space-around',
+              marginBottom: 30,
+            }}
+            key={chunkIndex}
+          >
+            {chunk.map((l, i) => (
+              <Avatar
+                size={64}
+                rounded
+                source={l.image_url ? { uri: l.image_url } : {}}
+                key={`${chunkIndex}-${i}`}
+              />
+            ))}
+          </View>
+        ))}
+        <Text style={styles.subTitleStyle}>Icon Avatars</Text>
+        <View
+          style={{
+            flexDirection: 'row',
+            justifyContent: 'space-around',
+            marginBottom: 30,
+          }}
+        >
+          <Avatar
+            size={64}
+            rounded
+            icon={{ name: 'pencil', type: 'font-awesome' }}
+            containerStyle={{ backgroundColor: '#6733b9' }}
+          />
+          <Avatar
+            size={64}
+            rounded
+            icon={{ name: 'rocket', type: 'font-awesome' }}
+            containerStyle={{ backgroundColor: '#00a7f7' }}
+          />
+          <Avatar
+            size={64}
+            rounded
+            icon={{ name: 'heartbeat', type: 'font-awesome' }}
+            containerStyle={{ backgroundColor: '#eb1561' }}
+          />
+        </View>
+        <View
+          style={{
+            flexDirection: 'row',
+            justifyContent: 'space-around',
+            marginBottom: 30,
+          }}
+        >
+          <Avatar
+            size={64}
+            rounded
+            icon={{
+              name: 'users',
+              type: 'font-awesome',
+              color: '#cdde20',
+            }}
+            containerStyle={{
+              borderColor: 'grey',
+              borderStyle: 'solid',
+              borderWidth: 1,
+            }}
+          />
+          <Avatar
+            size={64}
+            rounded
+            icon={{ name: 'bank', type: 'font-awesome', color: '#009688' }}
+            containerStyle={{
+              borderColor: 'grey',
+              borderStyle: 'solid',
+              borderWidth: 1,
+            }}
+          />
+          <Avatar
+            size={64}
+            rounded
+            icon={{ name: 'apple', type: 'font-awesome', color: '#ff5606' }}
+            containerStyle={{
+              borderColor: 'grey',
+              borderStyle: 'solid',
+              borderWidth: 1,
+            }}
+          />
+        </View>
+
+        <Text style={styles.subTitleStyle}>Letter Avatars</Text>
+        <View
+          style={{
+            flexDirection: 'row',
+            justifyContent: 'space-around',
+            marginBottom: 30,
+          }}
+        >
+          <Avatar
+            size={64}
+            rounded
+            title="Fc"
+            containerStyle={{ backgroundColor: '#3d4db7' }}
+          />
+          <Avatar
+            size={64}
+            rounded
+            title="P"
+            containerStyle={{ backgroundColor: 'coral' }}
+          />
+          <Avatar
+            size={64}
+            rounded
+            title="Rd"
+            containerStyle={{ backgroundColor: 'purple' }}
+          />
+        </View>
+
+        <Text style={styles.subTitleStyle}>Badged Avatars</Text>
+        <View
+          style={{
+            flexDirection: 'row',
+            justifyContent: 'space-around',
+            marginBottom: 40,
+          }}
+        >
+          <Avatar
+            size={64}
+            rounded
+            icon={{ name: 'pencil', type: 'font-awesome' }}
+            containerStyle={{ backgroundColor: 'orange' }}
+          >
+            <Avatar.Accessory size={24} />
+          </Avatar>
+          <Avatar
+            size={64}
+            rounded
+            source={{ uri: 'https://randomuser.me/api/portraits/women/57.jpg' }}
+            containerStyle={{ backgroundColor: 'grey' }}
+          >
+            <Avatar.Accessory size={23} />
+          </Avatar>
+        </View>
+      </ScrollView>
+    </>
+  );
+};
+
+export default Avatars;
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md#link)进行引入。
+
+### 在 ArkTs 侧引入和注册字体文件
+
+步骤一：
+    复制字体文件到  `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+
+步骤二：
+    打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+```ts
+    import font from '@ohos.font';
+    //...
+    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
+    const fonts: font.FontOptions[] = [
+      {
+        familyName: 'StintUltraCondensed-Regular',
+        familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
+      },
+      {
+        familyName: 'FontAwesome',
+        familySrc: '/assets/fonts/FontAwesome.ttf'
+      },
+      {
+        familyName: 'FontAwesome5_Brands',
+        familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
+      },
+      {
+        familyName: 'FontAwesome5_Regular',
+        familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
+      },
+      {
+        familyName: 'FontAwesome5_Solid',
+        familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
+      }
+    ]
+
+    @Entry
+    @Component
+    struct Index {
+        //...
+        aboutToAppear() {
+            //...
+
+            //注册字体文件
+            for (const customFont of fonts) {
+                font.registerFont(customFont)
+            }
+        }
+        //...
+    }
+```
+
+> [!TIP] Demo中字体属于IconFont文件；自定义字体也需要用统一的方法在此注册。
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.700; ROM：3.0.0.60;
+
+## 组件
+
+详细请查看 [react-native-elements的文档介绍](https://reactnativeelements.com)
+
+以下为目前已支持的组件属性：
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**AirbnbRating**：爱彼迎风格的评级组件
+
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        count         |        Total number of ratings to displayDefault is 5        |        number         |    No    |   All    |        Yes        |
+|    defaultRating     |           Initial value for the ratingDefault is 3           |        number         |    No    |   All    |        Yes        |
+|      isDisabled      | Whether the rating can be modiefied by the userDefault is false |        boolean        |    No    |   All    |        Yes        |
+|    onFinishRating    | Callback method when the user finishes rating. Gives you the final rating value as a whole number | (number: any) => void |    No    |   All    |        Yes        |
+| ratingContainerStyle |          Style for rating containerDefault is none           |      View Style       |    No    |   All    |        Yes        |
+|     reviewColor      |          Color value for review.Default is #f1c40f           |        string         |    No    |   All    |        Yes        |
+|      reviewSize      |             Size value for review.Default is 40              |        number         |    No    |   All    |        Yes        |
+|       reviews        | Labels to show when each value is tappede.g. If the first star is tapped, then value in index 0 will be used as the labelDefault is ['Terrible', 'Bad', 'Okay', 'Good', 'Great'] |       string[]        |    No    |   All    |        Yes        |
+|    selectedColor     |       Color value for filled stars.Default is #004666        |        string         |    No    |   All    |        Yes        |
+|      showRating      | Determines if to show the reviews above the ratingDefault is true |        boolean        |    No    |   All    |        Yes        |
+|         size         |              Size of rating imageDefault is 40               |        number         |    No    |   All    |        Yes        |
+|  starContainerStyle  |           Style for star containerDefault is none            |      View Style       |    No    |   All    |        Yes        |
+|      starImage       |              Pass in a custom base image source              |        string         |    No    |    No    |        No         |
+
+**Avatar**：一个头像、Icon、字母渲染组件
+
+|         Name          |                         Description                          |                        Type                         | Required | Platform | HarmonyOS Support |
+| :-------------------: | :----------------------------------------------------------: | :-------------------------------------------------: | :------: | :------: | :---------------: |
+|       Component       | Component for enclosing element (eg: TouchableHighlight, View, etc). |                   React Component                   |    No    |   All    |        Yes        |
+|    ImageComponent     |              Custom ImageComponent for Avatar.               |               ComponentClass<{}, any>               |    No    |   All    |        Yes        |
+|      avatarStyle      |                   Style for avatar image.                    |                     ImageStyle                      |    No    |   All    |        Yes        |
+|    containerStyle     |                 Styling for outer container.                 |                     View Style                      |    No    |   All    |        Yes        |
+|         icon          | Displays an icon as the main content of the Avatar. **Cannot be used alongside title**. When used with the `source` prop it will be used as the placeholder. |                     AvatarIcon                      |    No    |   All    |        Yes        |
+|       iconStyle       |              Extra styling for icon component.               |                     Text Style                      |    No    |   All    |        Yes        |
+|      imageProps       | Optional properties to pass to the avatar e.g "resizeMode".  |                 ImageProps(Object)                  |    No    |   All    |        Yes        |
+|      onLongPress      |       Callback function when long pressing component.        |                      Function                       |    No    |   All    |        Yes        |
+|        onPress        |          Callback function when pressing component.          |                      Function                       |    No    |   All    |        Yes        |
+|       onPressIn       |       Called when a touch is engaged before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
+|      onPressOut       |      Called when a touch is released before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
+| overlayContainerStyle |          Style for the view outside image or icon.           |                     Text Style                      |    No    |   All    |        Yes        |
+|    pressableProps     |             PressableProps except click handlers             |                   PressableProps                    |    No    |   All    |        Yes        |
+|  renderCustomContent  | Custom element inside the avatar (by default, it's the title). | ReactElement<{}, string,JSXElementConstructor<any>> |    No    |   All    |        Yes        |
+|        rounded        |                  Makes the avatar circular.                  |                       boolean                       |    No    |   All    |        Yes        |
+|         size          |                     Size of the avatar.                      |     `number`,`small`,`medium`,`large`,`xlarge`      |    No    |   All    |        Yes        |
+|        source         |           Image source to be displayed on avatar.            |                 ImageSourcePropType                 |    No    |   All    |        Yes        |
+|  ImageSourcePropType  |              Renders title in the placeholder.               |                       string                        |    No    |   All    |        Yes        |
+|      titleStyle       |                     Style for the title.                     |                     Text Style                      |    No    |   All    |        Yes        |
+
+**Avatar.Accessory**：Avatar组件的子组件，接收所有 [Icon](https://reactnativeelements.com/docs/components/icon#props), [Image](https://reactnativeelements.com/docs/components/image#props), [Text](https://reactnative.dev/docs/text#props) 的 props
+
+|      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
+| :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|  onLongPress   |    Called when a long-tap gesture is detected.    | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
+| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
+
+**Badge**：徽章组件，通常用于向用户传达数值或指示物品的状态
+
+|      Name      |                        Description                        |                  Type                  | Required | Platform | HarmonyOS Support |
+| :------------: | :-------------------------------------------------------: | :------------------------------------: | :------: | :------: | :---------------: |
+|   Component    |  Custom component to replace the badge outer component.   |            React Component             |    No    |   All    |        Yes        |
+|   badgeStyle   | Additional styling for badge (background) view component. |               View Style               |    No    |   All    |        Yes        |
+| containerStyle |                 Style for the container.                  |               View Style               |    No    |   All    |        Yes        |
+|  onLongPress   |        Called when a long-tap gesture is detected.        |      GestureResponderEventHandler      |    No    |   All    |        Yes        |
+|    onPress     |       Called when a single tap gesture is detected.       |                Function                |    No    |   All    |        Yes        |
+|   onPressIn    |     Called when a touch is engaged before `onPress`.      |      GestureResponderEventHandler      |    No    |   All    |        Yes        |
+|   onPressOut   |     Called when a touch is released before `onPress`.     |      GestureResponderEventHandler      |    No    |   All    |        Yes        |
+| pressableProps |           PressableProps except click handlers            |             PressableProps             |    No    |   All    |        Yes        |
+|     status     |            Determines color of the indicator.             | `primary`,`success`,`warning` ,`error` |    No    |   All    |        Yes        |
+|   textProps    |              Extra props for text component.              |               TextProps                |    No    |   All    |        Yes        |
+|   textStyle    |             Extra styling for icon component.             |               Text Style               |    No    |   All    |        Yes        |
+|     value      |  Text value to be displayed by badge, defaults to empty.  |               ReactNode                |    No    |   All    |        Yes        |
+
+**BottomSheet**：从屏幕底部显示内容的组件，依赖react-native-safe-area-context三方库
+
+|      Name       |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
+| :-------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
+|  backdropStyle  |               Style of the backdrop container.               |   View Style    |    No    |   All    |        Yes        |
+| containerStyle  | Style of the bottom sheet's container. Use this to change the color of the underlay. |   View Style    |    No    |   All    |        Yes        |
+|    isVisible    |                Is the modal component shown.                 |     boolean     |    No    |   All    |        Yes        |
+|   modalProps    |           Additional props handed to the `Modal`.            |   ModalProps    |    No    |   All    |        Yes        |
+| onBackdropPress |                 Handler for backdrop press.                  |    Function     |    No    |   All    |        Yes        |
+| scrollViewProps |              Used to add props to Scroll view.               | ScrollViewProps |    No    |   All    |        Yes        |
+
+**Button**：按钮组件，接收所有 [TouchableOpacityProps](https://reactnative.dev/docs/touchableopacity#props) 的 props
+
+|        Name         |                         Description                          |                             Type                             | Required | Platform | HarmonyOS Support |
+| :-----------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------------: |
+| TouchableComponent  |               Component for user interaction.                |                       typeof Component                       |    No    |   All    |        Yes        |
+|    ViewComponent    |                   Component for container.                   |                       React Component                        |    No    |   All    |        Yes        |
+|     buttonStyle     |         Add additional styling for button component.         |                          View Style                          |    No    |   All    |        Yes        |
+|        color        |                       Color of Button                        | `string`,`primary`,`secondary`,`success` | No | All | Yes |
+|   containerStyle    |               Styling for Component container.               |                          View Style                          |    No    |   All    |        Yes        |
+|      disabled       |                  Disables user interaction.                  |                           boolean                            |    No    |   All    |        Yes        |
+|       boolean       |              Style of the button when disabled.              |                          View Style                          |    No    |   All    |        Yes        |
+| disabledTitleStyle  |              Style of the title when disabled.               |                      disabledTitleStyle                      |    No    |   All    |        Yes        |
+|        icon         | Displays a centered icon (when no title) or to the left (with text). (can be used along with iconRight as well). Can be an object or a custom component. |                           IconNode                           |    No    |   All    |        Yes        |
+| iconContainerStyle  |            Styling for Icon Component container.             |                          View Style                          |    No    |   All    |        Yes        |
+|    iconPosition     | Displays Icon to the position mentioned. Needs to be used along with `icon` prop. | `left`,`right`,`top`,`bottom` | No | All | Yes           |
+|      iconRight      | Displays Icon to the right of title. Needs to be used along with `icon` prop. |                           boolean                            |    No    |   All    |        Yes        |
+| linearGradientProps | Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/button#linear-gradient). |                            object                            |    No    |   All    |        Yes        |
+|       loading       |              Prop to display a loading spinner.              |                           boolean                            |    No    |   All    |        Yes        |
+|    loadingProps     |    Add additional props for ActivityIndicator component.     |                    ActivityIndicatorProps                    |    No    |   All    |        Yes        |
+|    loadingStyle     |                          View Style                          |                          View Style                          |    No    |   All    |        Yes        |
+|       radius        |                       Radius of button                       | `number`,`sm`,`md`,`lg` | No | All | Yes              |
+|       raised        | Add raised button styling (optional). Has no effect if `type="clear"`. |                           boolean                            |    No    |   All    |        Yes        |
+|        size         |                         Button size                          |            `sm`,`md`,`lg` |    No    |   All    |        Yes        |
+|        title        |                      Add button title.                       | `string`,`ReactElement<{}, string`,`JSXElementConstructor<any>>` | No |   All    |        Yes        |
+|     titleProps      |           Add additional props for Text component.           |                          TextProps                           |    No    |   All    |        Yes        |
+|     titleStyle      |         Add additional styling for title component.          |                          Text Style                          |    No    |   All    |        Yes        |
+|        type         |                       Type of button.                        | `solid`,`clear`,`outline` |    No    |   All    |        Yes        |
+|      uppercase      |                    Uppercase button title                    |                           boolean                            |    No    |   All    |        Yes        |
+
+**ButtonGroup**：按钮组组件
+
+|           Name            |                         Description                          |                       Type                        | Required | Platform | HarmonyOS Support |
+| :-----------------------: | :----------------------------------------------------------: | :-----------------------------------------------: | :------: | :------: | :---------------: |
+|         Component         |   Choose other button component such as TouchableOpacity.    |                  React Component                  |    No    |   All    |        Yes        |
+|       activeOpacity       |       Add active opacity to the button in buttonGroup.       |                      number                       |    No    |   No  |        No        |
+|          button           |                  Button for the component.                   |                      object                       |    No    |   No  |        No        |
+|   buttonContainerStyle    |            Specify styling for button containers.            |                    View Style                     |    No    |   All    |        Yes        |
+|        buttonStyle        |                 Specify styling for button.                  |                    View Style                     |    No    |   All    |        Yes        |
+|          buttons          | Array of buttons for component (required), if returning a component, must be an object with { element: componentName }. | `(string`,`ButtonComponent`,`ButtonObject)[]` | No |   All    |        Yes        |
+|      containerStyle       |          Specify styling for main button container.          |                    View Style                     |    No    |   All    |        Yes        |
+|         disabled          | Controls if buttons are disabled. Setting `true` makes all of them disabled, while using an array only makes those indices disabled. |    `boolean`,`number[]` |No               |   All    |        Yes        |
+|   disabledSelectedStyle   |       Styling for each selected button when disabled.        |                    View Style                     |    No    |   All    |        Yes        |
+| disabledSelectedTextStyle | Styling for the text of each selected button when disabled.  |                    Text Style                     |    No    |   All    |        Yes        |
+|       disabledStyle       |            Styling for each button when disabled.            |                    View Style                     |    No    |   All    |        Yes        |
+|     disabledTextStyle     |      Styling for the text of each button when disabled.      |                    Text Style                     |    No    |   All    |        Yes        |
+|     innerBorderStyle      | Update the styling of the interior border of the list of buttons. |        { color?: string; width?: number; }        |    No    |   All    |        Yes        |
+|      onHideUnderlay       |             Function called on hiding underlay.              |                     Function                      |    No    |   No  |        No        |
+|        onLongPress        |         Called when a long-tap gesture is detected.          |           GestureResponderEventHandler            |    No    |   No  |        No        |
+|          onPress          |             Method to update Button Group Index.             |             (...args: any[]) => void              |    No    |   All    |        Yes        |
+|         onPressIn         |       Called when a touch is engaged before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
+|        onPressOut         |      Called when a touch is released before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
+|      onShowUnderlay       |             Function called on showing underlay.             |                     Function                      |    No    |   All    |        Yes        |
+|      pressableProps       |             PressableProps except click handlers             |                  PressableProps                   |    No    |   All    |        Yes        |
+|      selectMultiple       |         Allows the user to select multiple buttons.          |                      boolean                      |    No    |   All    |        Yes        |
+|    selectedButtonStyle    |             Specify styling for selected button.             |                    View Style                     |    No    |   All    |        Yes        |
+|       selectedIndex       |         Current selected index of array of buttons.          |                      number                       |    No    |   All    |        Yes        |
+|      selectedIndexes      |     Current selected indexes from the array of buttons.      |                     number[]                      |    No    |   All    |        Yes        |
+|     selectedTextStyle     |   Specify specific styling for text in the selected state.   |                    Text Style                     |    No    |   All    |        Yes        |
+|       setOpacityTo        |                 Function to set the opacity.                 |              (value: number) => void              |    No    |   No  |        No        |
+|         textStyle         |              Specify specific styling for text.              |                    Text Style                     |    No    |   All    |        Yes        |
+|       underlayColor       |        Specify underlayColor for TouchableHighlight.         |                        ng                         |    No    |   No  |        No        |
+|         vertical          |             Display the ButtonGroup vertically.              |                      boolean                      |    No    |   All    |        Yes        |
+
+**Card**：卡片组件
+
+|      Name      |      Description       |    Type    | Required | Platform | HarmonyOS Support |
+| :------------: | :--------------------: | :--------: | :------: | :------: | :---------------: |
+| containerStyle | Outer container style. | View Style |    No    |   All    |        Yes        |
+|  wrapperStyle  | Inner container style. | View Style |    No    |   All    |        Yes        |
+
+**Card.Divider**：卡片分割线组件，接收所有 [Divider](https://reactnativeelements.com/docs/components/divider#props) 组件的 Props
+
+**Card.FeaturedSubtitle**：卡片功能字幕组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+
+**Card.FeaturedTitle**：卡片功能标题组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+
+**Card.Image**：卡片图片组件，接收所有 [Image](https://reactnativeelements.com/docs/components/image#props) 组件的 Props
+
+|      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
+| :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|  onLongPress   |    Called when a long-tap gesture is detected.    | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
+| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
+
+**Card.Title**：卡片标题组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+
+**CheckBox**：选择框组件，接收所有 [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props) 的 props.
+
+|        Name        |                   Description                   |                             Type                             | Required | Platform | HarmonyOS Support |
+| :----------------: | :---------------------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------------: |
+|     Component      | Specify React Native component for main button. |                       React Component                        |    No    |   All    |        Yes        |
+|       center       |           Aligns checkbox to center.            |                           boolean                            |    No    |   All    |        Yes        |
+|    checkedTitle    |        Specify a custom checked message.        |                            string                            |    No    |   All    |        Yes        |
+|   containerStyle   |            Style of main container.             |                          View Style                          |    No    |   All    |        Yes        |
+|      disabled      |           Disables user interaction.            |                           boolean                            |    No    |   All    |        Yes        |
+|   disabledStyle    | Style of the checkbox container when disabled.  |                          View Style                          |    No    |   All    |        Yes        |
+| disabledTitleStyle |        Style of the title when disabled.        |                          Text Style                          |    No    |   All    |        Yes        |
+|     fontFamily     |         Specify different font family.          |                            string                            |    No    |   All    |        Yes        |
+|     iconRight      |          Moves icon to right of text.           |                           boolean                            |    No    |   All    |        Yes        |
+|       right        |            Aligns checkbox to right.            |                           boolean                            |    No    |   All    |        Yes        |
+|     textStyle      |                 Style of text.                  |                          Text Style                          |    No    |   All    |        Yes        |
+|       title        |               Title of checkbox.                | `string` ，`ReactElement<{}, string` ，`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
+|     titleProps     | Additional props for the title Text component.  |                          TextProps                           |    No    |   All    |        Yes        |
+|    wrapperStyle    |       Style for the wrapper of checkbox.        |                          View Style                          |    No    |   All    |        Yes        |
+
+**Chip**：显示触摸区组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的props
+
+| Name |      Description       |        Type        | Required | Platform | HarmonyOS Support |
+| :--: | :--------------------: | :----------------: | :------: | :------: | :---------------: |
+| type | Outer container style. | `solid`，`outline` |    No    |   All    |        Yes        |
+
+**Dialog**：对话框组件，接收所有 [Overlay](https://reactnativeelements.com/docs/components/overlay#props) 的props
+
+|      Name      |                        Description                        |             Type             | Required | Platform | HarmonyOS Support |
+| :------------: | :-------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|    children    |                 Add Enclosed components.                  |          ReactNode           |    No    |   All    |        Yes        |
+|  onLongPress   |        Called when a long-tap gesture is detected.        | GestureResponderEventHandler |    No    |    No    |        No         |
+|   onPressIn    |     Called when a touch is engaged before `onPress`.      | GestureResponderEventHandler |    No    |    No    |        No         |
+|   onPressOut   |     Called when a touch is released before `onPress`.     | GestureResponderEventHandler |    No    |    No    |        No         |
+|  overlayStyle  | Add additional styling to the internal Overlay component. |          View Style          |    No    |   All    |        Yes        |
+| pressableProps |                   except click handlers                   |        PressableProps        |    No    |   All    |        Yes        |
+
+**Dialog.Actions**：定义对话框操作组件
+
+|   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
+| children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
+
+**Dialog.Button**：定义对话框按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的props
+
+**Dialog.Actions**：对话框加载组件
+
+|   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
+| children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
+
+**Dialog.Loading**：定义对话框操作组件
+
+|     Name     |                     Description                      |          Type          | Required | Platform | HarmonyOS Support |
+| :----------: | :--------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
+| loadingProps | Add additional props for ActivityIndicator component | ActivityIndicatorProps |    No    |   All    |        Yes        |
+| loadingStyle |    Add additional styling for loading component.     |       View Style       |    No    |   All    |        Yes        |
+
+**Dialog.Title**：定义对话框标题组件
+
+|    Name    |                 Description                 |    Type    | Required | Platform | HarmonyOS Support |
+| :--------: | :-----------------------------------------: | :--------: | :------: | :------: | :---------------: |
+|   title    |              Add Dialog title.              |   string   |    No    |   All    |        Yes        |
+| titleProps |  Add additional props for Text component.   | TextProps  |    No    |   All    |        Yes        |
+| titleStyle | Add additional styling for title component. | Text Style |    No    |   All    |        Yes        |
+
+**Divider**：分割线组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props.
+
+|      Name      |                      Description                      |            Type             | Required | Platform | HarmonyOS Support |
+| :------------: | :---------------------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
+|     color      |              The color of the component.              |           string            |    No    |   All    |        Yes        |
+|     inset      |             Applies inset to the divider.             |           boolean           |    No    |   All    |        Yes        |
+|   insetType    | Applies inset to a specific direction to the divider. |  `middle`，`left`，`right`  |    No    |   All    |        Yes        |
+|  orientation   |           Apply orientation to the divider.           |  `vertical` ，`horizontal`  |    No    |   All    |        Yes        |
+|     style      |             Applies style to the divider.             |         View Style          |    No    |   All    |        Yes        |
+|   subHeader    |          Adds subHeader text to the divider.          |           string            |    No    |   All    |        Yes        |
+| subHeaderStyle |    Adds style to the subHeader text of the divider    |         Text Style          |    No    |   All    |        Yes        |
+|     width      |                        number                         | Apply width to the divider. |    No    |   All    |        Yes        |
+
+**FAB**：浮动操作按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的props.
+
+|   Name    |                         Description                          |       Type        | Required | Platform | HarmonyOS Support |
+| :-------: | :----------------------------------------------------------: | :---------------: | :------: | :------: | :---------------: |
+|   color   |                 Change the color of the FAB.                 |      string       |    No    |   All    |        Yes        |
+| placement | FAB placement at bottom, (optional) use [`style`](https://reactnativeelements.com/docs/components/fab#style) in case of custom placement. | `left`， `right`  |    No    |   All    |        Yes        |
+|   size    |                     Change Size of FAB.                      | `small` ，`large` |    No    |   All    |        Yes        |
+|   style   |                        Style for FAB                         |    View Style     |    No    |   All    |        Yes        |
+| upperCase |         Transform Extended Label text to uppercase.          |      boolean      |    No    |   All    |        Yes        |
+|  visible  |              Decide the visibility of the FAB.               |      boolean      |    No    |   All    |        Yes        |
+
+**Header**：浮动操作按钮组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+
+|                       Name                        |                         Description                          |                 Type                 | Required | Platform | HarmonyOS Support |
+| :-----------------------------------------------: | :----------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
+|                   ViewComponent                   |                   Component for container.                   |           React Component            |    No    |   All    |        Yes        |
+|                  backgroundColor                  |        Sets backgroundColor of the parent component.         |                string                |    No    |   All    |        Yes        |
+|                  backgroundImage                  |          Sets backgroundImage for parent component.          |         ImageSourcePropType          |    No    |   All    |        Yes        |
+|               backgroundImageStyle                |      Styling for backgroundImage in the main container.      |              ImageStyle              |    No    |   All    |        Yes        |
+|                     barStyle                      |            Sets the color of the status bar text.            |            StatusBarStyle            |    No    |    No    |        No         |
+|                  centerComponent                  |              Define your center component here.              |          HeaderSubComponent          |    No    |   All    |        Yes        |
+|               centerContainerStyle                |      Styling for container around the centerComponent.       |              View Style              |    No    |   All    |        Yes        |
+| Styling for container around the centerComponent. |            Add children component to the header.             | `(Element`，`Element[]) & ReactNode` |    No    |   All    |        Yes        |
+|                  containerStyle                   |              Styling around the main container.              |              View Style              |    No    |   All    |        Yes        |
+|                       edges                       |                 SafeAreaView edges control.                  |                Edge[]                |    No    |   All    |        Yes        |
+|                     elevated                      |                     Elevation for header                     |               boolean                |    No    |    No    |        No         |
+|                   hideStatusBar                   |               Accepts all props for StatusBar.               |               boolean                |    No    |   All    |        Yes        |
+|                   leftComponent                   |               Define your left component here.               |          HeaderSubComponent          |    No    |   All    |        Yes        |
+|                leftContainerStyle                 |       Styling for container around the leftComponent.        |              View Style              |    No    |   All    |        Yes        |
+|                linearGradientProps                | Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/header#lineargradient-usage). |                Object                |    No    |    No    |        No         |
+|                     placement                     |                     Alignment for title.                     |      `center`，`left`，`right`       |    No    |   All    |        Yes        |
+|                  rightComponent                   |              Define your right component here.               |          HeaderSubComponent          |    No    |   All    |        Yes        |
+|                rightContainerStyle                |       Styling for container around the rightComponent.       |              View Style              |    No    |   All    |        Yes        |
+|                  statusBarProps                   |               Accepts all props for StatusBar.               |            StatusBarProps            |    No    |   All    |        Yes        |
+
+**Icon**：字体图标组件，接收所有 [Text](https://reactnative.dev/docs/text#props) 的props.
+
+|      Name      |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
+| :------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|   Component    |                Update React Native Component.                |       React Component        |    No    |   All    |        Yes        |
+|     brand      |          Uses the brands font (FontAwesome5 only).           |           boolean            |    No    |   All    |        Yes        |
+| containerStyle |            Add styling to container holding icon.            |          View Style          |    No    |   All    |        Yes        |
+|    disabled    | Disables onPress events. Only works when `onPress` has a handler. |           boolean            |    No    |   All    |        Yes        |
+| disabledStyle  | Style for the button when disabled. Only works when `onPress` has a handler. |          View Style          |    No    |   All    |        Yes        |
+|   iconProps    |     Provide all props from react-native Icon component.      |          IconProps           |    No    |   All    |        Yes        |
+|  onLongPress   |         Called when a long-tap gesture is detected.          | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|    onPress     |        Called when a single tap gesture is detected.         | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressIn    |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressOut   |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
+| pressableProps |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
+|     raised     |                  Adds box shadow to button.                  |           boolean            |    No    |   All    |        Yes        |
+|    reverse     |                    Reverses color scheme.                    |           boolean            |    No    |   All    |        Yes        |
+|  reverseColor  |                 Specify reverse icon color.                  |            string            |    No    |   All    |        Yes        |
+|     solid      |                     Uses the solid font.                     |           boolean            |    No    |   All    |        Yes        |
+|     testID     |                       Test ID of icon.                       |            string            |    No    |   All    |        Yes        |
+|      type      | Type of icon set. [Supported sets here](https://reactnativeelements.com/docs/components/icon#available-icon-sets). |            string            |    No    |   All    |        Yes        |
+
+**Image**：图片组件，接收所有 [React Native Image](https://reactnative.dev/docs/image#props) 的props.
+
+|          Name          |                      Description                      |                           Type                            | Required | Platform | HarmonyOS Support |
+| :--------------------: | :---------------------------------------------------: | :-------------------------------------------------------: | :------: | :------: | :---------------: |
+|       Component        |         Define the component passed to image.         |                      React Component                      |    No    |   All    |        Yes        |
+|     ImageComponent     | Specify a different component as the Image component. |                     typeof Component                      |    No    |   All    |        Yes        |
+|   PlaceholderContent   |       Content to load when Image is rendering.        | `ReactElement<any, string`，`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
+| childrenContainerStyle |    Additional styling for the children container.     |                        View Style                         |    No    |   All    |        Yes        |
+|     containerStyle     |         Additional styling for the container.         |                        View Style                         |    No    |   All    |        Yes        |
+|      onLongPress       |      Called when a long-tap gesture is detected.      |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
+|        onPress         |     Called when a single tap gesture is detected.     |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
+|       onPressIn        |   Called when a touch is engaged before `onPress`.    |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
+|       onPressOut       |   Called when a touch is released before `onPress`.   |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
+|    placeholderStyle    |   Additional styling for the placeholder container.   |                        View Style                         |    No    |   All    |        Yes        |
+|     pressableProps     |         PressableProps except click handlers          |                      PressableProps                       |    No    |   All    |        Yes        |
+|       transition       |        Perform fade transition on image load.         |                          boolean                          |    No    |   All    |        Yes        |
+|   transitionDuration   |        Perform fade transition on image load.         |                          number                           |    No    |   All    |        Yes        |
+
+**Input**：表单组件，接收所有 [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props) 的props.
+
+|          Name           |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
+| :---------------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
+|     ErrorComponent      | component that will be rendered in place of the error message | React Component |    No    |   All    |        Yes        |
+|     InputComponent      | component that will be rendered in place of the React Native TextInput | React Component |    No    |   All    |        Yes        |
+|     containerStyle      |                      Style for containe                      |   View Style    |    No    |   All    |        Yes        |
+|        disabled         |                 disables the input component                 |     boolean     |    No    |   All    |        Yes        |
+|   disabledInputStyle    | disabled styles that will be passed to the style props of the React Native TextInput |   Text Style    |    No    |   All    |        Yes        |
+|      errorMessage       |     Error message to be displayed under the input field      |     string      |    No    |   All    |        Yes        |
+|       errorProps        | props to be passed to the React Native Text component used to display the error message |     object      |    No    |   All    |        Yes        |
+|       errorStyle        |                 add styling to error message                 |   Text Style    |    No    |   All    |        Yes        |
+|   inputContainerStyle   |            styling for Input Component Container             |   View Style    |    No    |   All    |        Yes        |
+|       inputStyle        |                  Style for Input Component                   |   Text Style    |    No    |   All    |        Yes        |
+|          label          |               add a label on top of the input                |    ReactNode    |    No    |   All    |        Yes        |
+|       labelProps        | props to be passed to the React Native Text component used to display the label or React Component used instead of simple string in label prop |     object      |    No    |   All    |        Yes        |
+|       labelStyle        | styling for the label; You can only use this if label is a string |   Text Style    |    No    |   All    |        Yes        |
+|        leftIcon         |                 displays an icon on the left                 |    IconNode     |    No    |   All    |        Yes        |
+| leftIconContainerStyle  |          styling for left Icon Component container           |   View Style    |    No    |   All    |        Yes        |
+|   renderErrorMessage    | If the error message container should be rendered (take up vertical space). If false, when showing errorMessage, the layout will shift to add it at that time. |     boolean     |    No    |    No    |        No         |
+|        rightIcon        |                displays an icon on the right                 |    IconNode     |    No    |   All    |        Yes        |
+| rightIconContainerStyle |          styling for right Icon Component container          |   View Style    |    No    |   All    |        Yes        |
+|          shake          |                         Shake method                         |    Function     |    No    |   All    |        Yes        |
+
+**LinearProgress**：加载条组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props.
+
+|    Name    |                         Description                          |                 Type                 | Required | Platform | HarmonyOS Support |
+| :--------: | :----------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
+| animation  |                      Animation duration                      | `boolean` , `{ duration?: number; }` |    No    |   All    |        Yes        |
+|   color    |                  Color for linear progress.                  |                string                |    No    |   All    |        Yes        |
+|   style    |    Add additional styling for linear progress component.     |              View Style              |    No    |   All    |        Yes        |
+| trackColor |               Track color for linear progress.               |                string                |    No    |   All    |        Yes        |
+|   value    | The value of the progress indicator for the determinate variant. Value between 0 and 1. |                number                |    No    |   All    |        Yes        |
+|  variant   |                       Type of button.                        |    `determinate`，`indeterminate`    |    No    |   All    |        Yes        |
+
+**ListItem**：列表渲染组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props.
+
+|                          Name                           |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------------------------------------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
+|                        Component                        |             Replace element with custom element.             | React Component |    No    |   All    |        Yes        |
+|                      ViewComponent                      |                Container for linear gradient.                | React Component |    No    |   All    |        Yes        |
+|                      bottomDivider                      |         Add divider at the bottom of the list item.          |     boolean     |    No    |   All    |        Yes        |
+|                        children                         |                    Add enclosed children.                    |       any       |    No    |   All    |        Yes        |
+|                     containerStyle                      |              Additional main container styling.              |   View Style    |    No    |   All    |        Yes        |
+|                      disabledStyle                      |   Specific styling to be used when list item is disabled.    |   View Style    |    No    |   All    |        Yes        |
+| Specific styling to be used when list item is disabled. |             Props for linear gradient component.             |       any       |    No    |   All    |        Yes        |
+|                           pad                           | Adds spacing between the leftComponent, the title component & right component. |     number      |    No    |   All    |        Yes        |
+|                       topDivider                        |           Add divider at the top of the list item.           |     boolean     |    No    |   All    |        Yes        |
+
+**ListItem.Accordion**：列表渲染折叠组件，接收所有 [ListItem](https://reactnativeelements.com/docs/components/listitem#props) 的props.
+
+|    Name    |                         Description                          |              Type              | Required | Platform | HarmonyOS Support |
+| :--------: | :----------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
+| animation  |              Decide whether to show animation.               | Animated.TimingAnimationConfig |    No    |   All    |        Yes        |
+|  content   |                 Similar to ListItem's child.                 |           ReactNode            |    No    |   All    |        Yes        |
+| expandIcon | Icon when Accordion is expanded, if not provided `icon` will be rotated 180deg. |            IconNode            |    No    |   All    |        Yes        |
+|    icon    |                    Add enclosed children.                    |            IconNode            |    No    |   All    |        Yes        |
+| isExpanded |               Decide if Accordion is Expanded.               |            boolean             |    No    |   All    |        Yes        |
+| leftRotate |                    Rotate Icon left side                     |            boolean             |    No    |   All    |        Yes        |
+|   noIcon   |                  Don't show accordion icon.                  |            boolean             |    No    |   All    |        Yes        |
+| noRotation |           Don't rotate when Accordion is expanded.           |            boolean             |    No    |   All    |        Yes        |
+
+**ListItem.ButtonGroup**：列表渲染按钮组组件，接收所有 [ButtonGroup](https://reactnativeelements.com/docs/components/buttongroup#props) 的props.
+
+|      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
+| :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|  onLongPress   |    Called when a long-tap gesture is detected.    | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
+| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
+
+**ListItem.CheckBox**：列表渲染选择框组件，接收所有 [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props) 的props.
+
+**ListItem.Chevron**：列表渲染字体图标组件，接收所有 [Icon](https://reactnativeelements.com/docs/components/icon#props) 的props.
+
+|      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
+| :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|  onLongPress   |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
+| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
+
+**ListItem.Content**：列表渲染内容组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的props.
+
+| Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
+| :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
+| right | Start content from the right. | boolean |    No    |   All    |        Yes        |
+
+**ListItem.Input**：列表渲染表单组件，接收所有 [Input](https://reactnativeelements.com/docs/components/input#props) 的props.
+
+**ListItem.Subtitle**：列表渲染字幕组件，接收所有 [Text](https://reactnative.dev/docs/text#props) 的props.
+
+| Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
+| :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
+| right | Start content from the right. | boolean |    No    |   All    |        Yes        |
+
+**ListItem.Swipeable**：列表渲染滑动框组件，接收所有 [ListItem](https://reactnativeelements.com/docs/components/listitem#props) 的props.
+
+|     Name      |                 Description                 |                  Type                   | Required | Platform | HarmonyOS Support |
+| :-----------: | :-----------------------------------------: | :-------------------------------------: | :------: | :------: | :---------------: |
+|   animation   |      Decide whether to show animation.      |     Animated.TimingAnimationConfig      |    No    |   All    |        Yes        |
+|  leftContent  |                Left Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
+|   leftStyle   |          Style of left container.           |               View Style                |    No    |   All    |        Yes        |
+|   leftWidth   |       Width of swipe left container.        |                 number                  |    No    |   All    |        Yes        |
+| minSlideWidth | minimum horizontal distance to open content |                 number                  |    No    |    No    |        No         |
+| onSwipeBegin  |    Handler for swipe in either direction    | `(direction: left`,`right) => unknown`  |    No    |   All    |        Yes        |
+|  onSwipeEnd   |           Handler for swipe end.            |              () => unknown              |    No    |   All    |        Yes        |
+| rightContent  |               Right Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
+|  rightStyle   |          Style of right container.          |               View Style                |    No    |   All    |        Yes        |
+|  rightWidth   |       Width of swipe right container.       |                 number                  |    No    |   All    |        Yes        |
+
+**ListItem.Title**：列表渲染标题组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+
+| Name  |   Description    |  Type   | Required | Platform | HarmonyOS Support |
+| :---: | :--------------: | :-----: | :------: | :------: | :---------------: |
+| right | Add right title. | boolean |    No    |    No    |        No         |
+
+**Overlay**：弹窗组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的props
+
+|      Name       |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
+| :-------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+| ModalComponent  | Override React Native `Modal` component (usable for web-platform). |       typeof Component       |    No    |   All    |        Yes        |
+|  backdropStyle  |               Style of the backdrop container.               |          iew Style           |    No    |   All    |        Yes        |
+|   fullScreen    | If set to true, the modal will take up the entire screen width and height. |           boolean            |    No    |   All    |        Yes        |
+|    isVisible    |               If true, the overlay is visible.               |           boolean            |    No    |   All    |        Yes        |
+| onBackdropPress | Handler for backdrop press (only works when `fullscreen` is false). |           Function           |    No    |   All    |        Yes        |
+|   onLongPress   |         Called when a long-tap gesture is detected.          | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|    onPressIn    |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressOut    |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|  overlayStyle   |                 Style of the actual overlay.                 |          View Style          |    No    |   All    |        Yes        |
+| pressableProps  |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
+
+**PricingCard**：价格卡组件
+
+|      Name      |                Description                 |                Type                | Required | Platform | HarmonyOS Support |
+| :------------: | :----------------------------------------: | :--------------------------------: | :------: | :------: | :---------------: |
+|     button     |            Button information.             | `ButtonProps`，`ButtonInformation` |    No    |   All    |        Yes        |
+|     color      |      Color scheme for button & title.      |               string               |    No    |   All    |        Yes        |
+| containerStyle |          Outer component styling.          |             View Style             |    No    |   All    |        Yes        |
+|      info      |            Pricing information.            |              string[]              |    No    |   All    |        Yes        |
+|   infoStyle    |     Specify pricing information style.     |             Text Style             |    No    |   All    |        Yes        |
+| onButtonPress  | Function to be run when button is pressed. |              Function              |    No    |   All    |        Yes        |
+|     price      |    Price mentioned in the pricing card.    |         `string`，`number`         |    No    |   All    |        Yes        |
+|  pricingStyle  |                 Text Style                 |    Specify pricing text style.     |    No    |   All    |        Yes        |
+|     title      |       Add title in the pricing card.       |               string               |    No    |   All    |        Yes        |
+|   titleStyle   |         Specify title text style.          |             Text Style             |    No    |   All    |        Yes        |
+|  wrapperStyle  |      Inner wrapper component styling.      |             View Style             |    No    |   All    |        Yes        |
+
+**Ratings**：评分组件
+
+|         Name          |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :-------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|       fractions       | The number of decimal places for the rating value; must be between 0 and 20 |        anyany         |    No    |    No    |        No         |
+|       imageSize       |          The size of each rating imageDefault is 50          |        number         |    No    |    No    |        No         |
+|       jumpValue       |    he number to jump per swipeDefault is 0 (not to jump)     |        number         |    No    |    No    |        No         |
+|       minValue        |      The minimum value the user can selectDefault is 0       |        number         |    No    |    No    |        No         |
+|    onFinishRating     | Callback method when the user finishes rating. Gives you the final rating value as a whole number |       Function        |    No    |    No    |        No         |
+|     onStartRating     |         Callback method when the user starts rating.         |       Function        |    No    |    No    |        No         |
+|     onSwipeRating     |          Callback method when the user is swiping.           | (number: any) => void |    No    |    No    |        No         |
+| ratingBackgroundColor | Pass in a custom background-fill-color for the rating icon; use this along with type='custom' prop aboveDefault is 'white' |        string         |    No    |    No    |        No         |
+|      ratingColor      | Pass in a custom fill-color for the rating icon; use this along with type='custom' prop aboveDefault is '#f1c40f' |        string         |    No    |    No    |        No         |
+|      ratingCount      |        Number of rating images to displayDefault is 5        |        number         |    No    |    No    |        No         |
+|      ratingImage      | Pass in a custom image source; use this along with type='custom' prop above |       ReactNode       |    No    |    No    |        No         |
+|    ratingTextColor    |                Color used for the text labels                |        string         |    No    |    No    |        No         |
+|       readonly        | Whether the rating can be modiefied by the userDefault is false |        boolean        |    No    |    No    |        No         |
+|      showRating       | Displays the Built-in Rating UI to show the rating value in real-timeDefault is false |        boolean        |    No    |    No    |        No         |
+|   showReadOnlyText    |        Whether the text is read onlyDefault is false         |        boolean        |    No    |    No    |        No         |
+|     startingValue     |     The initial rating to renderDefault is ratingCount/2     |        number         |    No    |    No    |        No         |
+|         style         | Exposes style prop to add additonal styling to the container view |      View Style       |    No    |    No    |        No         |
+|       tintColor       |                Color used for the background                 |        string         |    No    |    No    |        No         |
+|         type          |     Graphic used for represent a ratingDefault is 'star'     |        string         |    No    |    No    |        No         |
+
+**SearchBar**：搜索框组件，接收所有 [Input](https://reactnativeelements.com/docs/components/input#props) 的 props
+
+|          Name           |              Description               |            Type             | Required | Platform | HarmonyOS Support |
+| :---------------------: | :------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
+|    cancelButtonProps    |    Properties of the Cancel button     |         Text Style          |    No    |    No    |        No         |
+|    cancelButtonTitle    |       Title of the Cancel button       |           string            |    No    |    No    |        No         |
+|       cancelIcon        |       Icon of the Cancel button        |          IconNode           |    No    |    No    |        No         |
+|        clearIcon        |               Clear Icon               |          IconNode           |    No    |   All    |        Yes        |
+|     containerStyle      |          Style for container           |         View Style          |    No    |   All    |        Yes        |
+|   inputContainerStyle   |       Style for input container        |         View Style          |    No    |   All    |        Yes        |
+|       inputStyle        |              Input Style               |         Text Style          |    No    |   All    |        Yes        |
+| leftIconContainerStyle  |       Left Icon Container Style        |         View Style          |    No    |   All    |        Yes        |
+|       lightTheme        |              light Theme               |           boolean           |    No    |    No    |        No         |
+|      loadingProps       |         ActivityIndicatorProps         |   ActivityIndicatorProps    |    No    |   All    |        Yes        |
+|        onCancel         | Callback Function on cancel icon press |        `(() => any)`        |    No    |    No    |        No         |
+|         onClear         | Callback Function on clear icon press  |          Function           |    No    |   All    |        Yes        |
+|        platform         |           Platform judgment            | `default`，`android`，`ios` |    No    |    No    |        No         |
+| rightIconContainerStyle |       Right Icon Container Style       |   rightIconContainerStyle   |    No    |   All    |        Yes        |
+|          round          |         Whether it is rounded          |           boolean           |    No    |   All    |        Yes        |
+|       searchIcon        |            Icon for search             |          IconNode           |    No    |   All    |        Yes        |
+|       showCancel        |              Show cancel               |           boolean           |    No    |    No    |        No         |
+|       showLoading       |              Show loading              |           boolean           |    No    |   All    |        Yes        |
+
+**Slider**：滑动条组件
+
+|         Name          |                         Description                          |                       Type                       | Required | Platform | HarmonyOS Support |
+| :-------------------: | :----------------------------------------------------------: | :----------------------------------------------: | :------: | :------: | :---------------: |
+|    allowTouchTrack    | If true, thumb will respond and jump to any touch along the track. |                     boolean                      |    No    |   All    |        Yes        |
+|  animateTransitions   | Set to true if you want to use the default 'spring' animation. |                     boolean                      |    No    |   All    |        Yes        |
+|    animationConfig    | Used to configure the animation parameters. These are the same parameters in the [Animated library](https://reactnative.dev/docs/animations.html). | `TimingAnimationConfig`，`SpringAnimationConfig` |    No    |   All    |        Yes        |
+|     animationType     | Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://reactnative.dev/docs/animations.html). |                `spring`，`timing`                |    No    |   All    |        Yes        |
+|    containerStyle     |         Apply style to the container of the slider.          |                      Style                       |    No    |   All    |        Yes        |
+|    debugTouchArea     | Set this to true to visually see the thumb touch rect in green. |                     boolean                      |    No    |   All    |        Yes        |
+|       disabled        |      If true the user won't be able to move the slider.      |                     boolean                      |    No    |   All    |        Yes        |
+| maximumTrackTintColor |   The color used for the track to the right of the button.   |                      string                      |    No    |   All    |        Yes        |
+|     maximumValue      |             Initial maximum value of the slider.             |                      number                      |    No    |   All    |        Yes        |
+| minimumTrackTintColor |   The color used for the track to the left of the button.    |                      string                      |    No    |   All    |        Yes        |
+|     minimumValue      |             Initial minimum value of the slider.             |                      number                      |    No    |   All    |        Yes        |
+|   onSlidingComplete   | Callback called when the user finishes changing the value (e.g. when the slider is released). |             (value: number) => void              |    No    |   All    |        Yes        |
+|    onSlidingStart     | Callback called when the user starts changing the value (e.g. when the slider is pressed). |             (value: number) => void              |    No    |   All    |        Yes        |
+|     onValueChange     | Callback continuously called while the user is dragging the slider. |             (value: number) => void              |    No    |   All    |        Yes        |
+|      orientation      |              Set the orientation of the slider.              |             `vertical`,`horizontal`              |    No    |   All    |        Yes        |
+|         step          | Step value of the slider. The value should be between 0 and maximumValue - minimumValue). |                      number                      |    No    |   All    |        Yes        |
+|         style         |          The style applied to the slider container.          |                    View Style                    |    No    |   All    |        Yes        |
+|      thumbProps       | The props applied to the thumb. Uses `Component` prop which can accept `Animated` components. |                       any                        |    No    |   All    |        Yes        |
+|      thumbStyle       |               The style applied to the thumb.                |                    View Style                    |    No    |   All    |        Yes        |
+|    thumbTintColor     |                The color used for the thumb.                 |                      string                      |    No    |   All    |        Yes        |
+|    thumbTouchSize     | The size of the touch area that allows moving the thumb. The touch area has the same center as the visible thumb. This allows to have a visually small thumb while still allowing the user to move it easily. |                     Sizable                      |    No    |   All    |        Yes        |
+|      trackStyle       |               The style applied to the track.                |                    View Style                    |    No    |   All    |        Yes        |
+|         value         |                 Initial value of the slider.                 |                      number                      |    No    |   All    |        Yes        |
+
+**Skeleton**：骨架屏组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+
+|          Name           |            Description             |           Type            | Required | Platform | HarmonyOS Support |
+| :---------------------: | :--------------------------------: | :-----------------------: | :------: | :------: | :---------------: |
+| LinearGradientComponent |  Custom Linear Gradient Component  |      React Component      |    No    |   All    |        Yes        |
+|        animation        |         Type of animation          | `none`|`wave`|`pulse` | No | No |    No    |
+|         circle          |       show circular variant        |          boolean          |    No    |   All    |        Yes        |
+|         height          |      Height of Skeleton View       |    `string`，`number`     |    No    |   All    |        Yes        |
+|      skeletonStyle      | Custom style for skeleton gradient |        View Style         |    No    |   All    |        Yes        |
+|          width          |       Width of Skeleton View       |     `string`,`number`     |    No    |   All    |        Yes        |
+
+**SocialIcon**：社交字体图标组件
+
+|          Name          |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
+| :--------------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|       Component        |                       Type of button.                        |       React Component        |    No    |   All    |        Yes        |
+| activityIndicatorStyle |            Style to render when in loading state.            |          View Style          |    No    |   All    |        Yes        |
+|         button         |              Creates button with a social icon.              |           boolean            |    No    |   All    |        Yes        |
+|        disabled        |                Disables the button, if true.                 |           boolean            |    No    |   All    |        Yes        |
+|       fontFamily       |                Specify different font family.                |            string            |    No    |    No    |        No         |
+|       fontStyle        |                    Specify text styling.                     |          Text Style          |    No    |   All    |        Yes        |
+|       fontWeight       | Specify font weight of title if set as a button with a title. |            string            |    No    |    No    |        No         |
+|       iconColor        |                Specify the color of the icon.                |            string            |    No    |   All    |        Yes        |
+|        iconSize        |                Specify the size of the icon.                 |            number            |    No    |   All    |        Yes        |
+|       iconStyle        |              Extra styling for icon component.               |          View Style          |    No    |    No    |        No         |
+|        iconType        | Type of icon set. [Supported sets here](https://reactnativeelements.com/docs/components/icon#available-icon-sets). |            string            |    No    |   All    |        Yes        |
+|         light          | Reverses icon color scheme, setting background to white and icon to primary color. |           boolean            |    No    |    No    |        No         |
+|        loading         |                   Shows loading indicator.                   |           boolean            |    No    |   All    |        Yes        |
+|      onLongPress       |         Called when a long-tap gesture is detected.          | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|        onPress         |        Called when a single tap gesture is detected.         | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|       onPressIn        |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|       onPressOut       |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|     pressableProps     |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
+|         raised         |      Raised adds a drop shadow, set to false to remove.      |           boolean            |    No    |    No    |        No         |
+|         small          |         Decides the size of the activity indicator.          |            string            |    No    |    No    |        No         |
+|         style          |                 Adds styling to the button.                  |          View Style          |    No    |   All    |        Yes        |
+|         title          |                 Title if made into a button.                 |            string            |    No    |   All    |        Yes        |
+|          type          |                      Social media type.                      |       SocialMediaType        |    No    |   All    |        Yes        |
+|     underlayColor      |                     Add Underlay color.                      |            string            |    No    |    No    |        No         |
+
+**SpeedDial**：浮动快速操作按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props)  的props
+
+|          Name          |                       Description                        |       Type       | Required | Platform | HarmonyOS Support |
+| :--------------------: | :------------------------------------------------------: | :--------------: | :------: | :------: | :---------------: |
+| backdropPressableProps |               Props for Backdrop Pressable               |  PressableProps  |    No    |    No    |        No         |
+|        children        |              SpeedDial Action as children.               | SpeedDial.Action |    No    |   All    |        Yes        |
+|         isOpen         |                 Opens the action stack.                  |     boolean      |    No    |   All    |        Yes        |
+|     labelPressable     |          onPress on Label Press for all Actions          |     boolean      |    No    |   All    |        Yes        |
+|        onClose         | Callback fired when the component requests to be closed. |     Function     |    No    |   All    |        Yes        |
+|         onOpen         |  Callback fired when the component requests to be open.  |     Function     |    No    |   All    |        Yes        |
+|        openIcon        |       Icon shown on FAB when action stack is open.       |     IconNode     |    No    |   All    |        Yes        |
+|      overlayColor      |           Add overlay color to the speed dial.           |      string      |    No    |   All    |        Yes        |
+|   transitionDuration   |    The duration for the transition, in milliseconds.     |      number      |    No    |   All    |        Yes        |
+
+**SpeedDial.Action**：浮动快速操作子按钮组件，接收所有 [FAB](https://reactnativeelements.com/docs/components/fab#props) 的props
+
+|      Name      |      Description       |  Type   | Required | Platform | HarmonyOS Support |
+| :------------: | :--------------------: | :-----: | :------: | :------: | :---------------: |
+| labelPressable | onPress on Label Press | boolean |    No    |   All    |        Yes        |
+
+**Switch**：滑动开关组件，接收所有 [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) 的props
+
+| Name  |            Description             |  Type  | Required | Platform | HarmonyOS Support |
+| :---: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
+| color | The color of the Switch component. | string |    No    |   All    |        Yes        |
+
+**Tab**：导航栏组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+
+|       Name       |               Description                |                     Type                      | Required | Platform | HarmonyOS Support |
+| :--------------: | :--------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
+|   buttonStyle    |         Additional button style          | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
+|  containerStyle  | Additional Styling for button container. | `ViewStyle or (active: boolean) => ViewStyle` |    No    |    No    |        No         |
+|      dense       |              Dense Tab Item              |                    boolean                    |    No    |    No    |        No         |
+| disableIndicator |       Disable the indicator below.       |                    boolean                    |    No    |   All    |        Yes        |
+|   iconPosition   |              Icon Position               |       `left`，`right`，`top`，`bottom`        |    No    |   All    |        Yes        |
+|  indicatorStyle  |  Additional styling for tab indicator.   |                  View Style                   |    No    |   All    |        Yes        |
+|     onChange     |        On Index Change Callback.         |            (value: number) => void            |    No    |   All    |        Yes        |
+|    scrollable    |           Makes Tab Scrolling            |                    boolean                    |    No    |    No    |        No         |
+|    titleStyle    |      Additional button title style       | `ViewStyle or (active: boolean) => ViewStyle` |    No    |    No    |        No         |
+|      value       |       Child position index value.        |                    number                     |    No    |   All    |        Yes        |
+|     variant      |      Define the background Variant.      |             `primary`，`default`              |    No    |   All    |        Yes        |
+
+**Tab.Item**：导航栏子组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的props
+
+|        Name        |                   Description                    |                     Type                      | Required | Platform | HarmonyOS Support |
+| :----------------: | :----------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
+|       active       |      Allows to define if TabItem is active.      |                    boolean                    |    No    |    No    |        No         |
+|    buttonStyle     |             Additional button style              | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
+|   containerStyle   |     Additional Styling for button container.     | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
+|       dense        |                  Dense Tab Item                  |                    boolean                    |    No    |    No    |        No         |
+| iconContainerStyle | Additional Styling for Icon Component container. | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
+|     titleStyle     |          Additional button title style           | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
+|      variant       |          Define the background Variant.          |             `primary`，`default`              |    No    |    No    |        No         |
+
+**TabView**：滑动开关内容组件
+
+|         Name          |                         Description                          |          Type          | Required | Platform | HarmonyOS Support |
+| :-------------------: | :----------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
+|    animationConfig    |             Define the animation configurations.             |    AnimationConfig     |    No    |   All    |        Yes        |
+|     animationType     | Choose the animation type among `spring` and `timing`. This is visible when there is tab change. |   `spring`，`timing`   |    No    |   All    |        Yes        |
+|    containerStyle     |               Styling for Component container.               |       View Style       |    No    |   All    |        Yes        |
+|     disableSwipe      |                    Swipe disabled or not                     |        Boolean         |    No    |   All    |        Yes        |
+|   disableTransition   |                     Disables transition                      |        Boolean         |    No    |   All    |        Yes        |
+|     minSwipeRatio     |      Minimum distance to swipe before the view changes.      |         number         |    No    |   All    |        Yes        |
+|     minSwipeSpeed     |       Minimum speed to swipe before the view changes.        |         number         |    No    |   All    |        Yes        |
+|       onChange        |                  On Index Change Callback.                   | (value: number) => any |    No    |   All    |        Yes        |
+|     onSwipeStart      |            Handler when the user swipes the view.            |  (direction) => void   |    No    |   All    |        Yes        |
+| tabItemContainerStyle |        Styling for TabView.Item Component container.         |       View Style       |    No    |   All    |        Yes        |
+|         value         |                 Child position index value.                  |         number         |    No    |   All    |        Yes        |
+
+**TabView.Item**：滑动开关内容子组件，接受所有 [View](https://reactnative.dev/docs/view#props) 的 props
+
+**Text**：文本内容组件组件
+
+|  Name   |           Description            |    Type    | Required | Platform | HarmonyOS Support |
+| :-----: | :------------------------------: | :--------: | :------: | :------: | :---------------: |
+|   h1    |     Text with Font size 40.      |  boolean   |    No    |   All    |        Yes        |
+| h1Style |     Styling when h1 is set.      | Text Style |    No    |   All    |        Yes        |
+|   h2    |     Text with Font size 34.      |  boolean   |    No    |   All    |        Yes        |
+| h2Style |     Styling when h2 is set.      | Text Style |    No    |   All    |        Yes        |
+|   h3    |     Text with Font size 28.      |  boolean   |    No    |   All    |        Yes        |
+| h3Style |     Styling when h3 is set.      | Text Style |    No    |   All    |        Yes        |
+|   h4    |     Text with Font size 22.      |  boolean   |    No    |   All    |        Yes        |
+| h4Style |     Styling when h4 is set.      | Text Style |    No    |   All    |        Yes        |
+|  style  | Add additional styling for Text. | Text Style |    No    |   All    |        Yes        |
+
+**Tile**：卡片图块组件
+
+|         Name          |                         Description                          |              Type              | Required | Platform | HarmonyOS Support |
+| :-------------------: | :----------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
+|    ImageComponent     |               Custom ImageComponent for Tile.                |        typeof Component        |    No    |   All    |        Yes        |
+|     activeOpacity     |          Number passed to control opacity on press.          |             number             |    No    |    No    |        No         |
+|        caption        |         Text inside the tilt when tile is featured.          |           ReactNode            |    No    |   All    |        Yes        |
+|     captionStyle      | Styling for the caption (optional); You only use this if `caption` is a string. |           Text Style           |    No    |   All    |        Yes        |
+|    containerStyle     |            Styling for the outer tile container.             |           View Style           |    No    |   All    |        Yes        |
+| contentContainerStyle |     Styling for bottom container when not featured tile.     |           View Style           |    No    |   All    |        Yes        |
+|       featured        |                Changes the look of the tile.                 |            boolean             |    No    |   All    |        Yes        |
+|        height         |                     Height for the tile.                     |             number             |    No    |   All    |        Yes        |
+|         icon          |                    Icon Component Props.                     |           IconObject           |    No    |   All    |        Yes        |
+|  iconContainerStyle   |            Styling for the outer icon container.             |           View Style           |    No    |   All    |        Yes        |
+|  imageContainerStyle  |                    Styling for the image.                    |           View Style           |    No    |   All    |        Yes        |
+|      imageProps       | Optional properties to pass to the image if provided e.g "resizeMode". |       ImageProps(Object)       |    No    |   All    |        Yes        |
+|       imageSrc        |                    Source for the image.                     | `string`,`ImageSourcePropType` |    No    |   All    |        Yes        |
+| overlayContainerStyle | Styling for the overlay container when using featured tile.  |           View Style           |    No    |    No    |        No         |
+|         title         |                    Text inside the tile.                     |             string             |    No    |   All    |        Yes        |
+|  titleNumberOfLines   |                  Number of lines for Title.                  |             number             |    No    |   All    |        Yes        |
+|      titleStyle       |                    Styling for the title.                    |           Text Style           |    No    |   All    |        Yes        |
+|         width         |                     Width for the tile.                      |             number             |    No    |   All    |        Yes        |
+
+**Tooltip**：文本提示组件
+
+|           Name           |                         Description                          |                           Type                           | Required | Platform | HarmonyOS Support |
+| :----------------------: | :----------------------------------------------------------: | :------------------------------------------------------: | :------: | :------: | :---------------: |
+|      ModalComponent      | Override React Native `Modal` component (usable for web-platform). |                     typeof Component                     |    No    |   All    |        Yes        |
+|      animationType       |                        Animation Type                        |                      `none`,`fade`                       |    No    |   All    |        Yes        |
+|     backgroundColor      |       Sets backgroundColor of the tooltip and pointer.       |                        ColorValue                        |    No    |   All    |        Yes        |
+| closeOnlyOnBackdropPress | Flag to determine whether to disable auto hiding of tooltip when touching/scrolling anywhere inside the active tooltip popover container. When `true`, Tooltip closes only when overlay backdrop is pressed (or) highlighted tooltip button is pressed. |                         boolean                          |    No    |    No    |        No         |
+|      containerStyle      |           Passes style object to tooltip container           |                        View Style                        |    No    |   All    |        Yes        |
+|          height          | Tooltip container height. Necessary in order to render the container in the correct place. Pass height according to the size of the content rendered inside the container. |                          number                          |    No    |   All    |        Yes        |
+|      highlightColor      |   Color to highlight the item the tooltip is surrounding.    |                        ColorValue                        |    No    |   All    |        Yes        |
+|         onClose          |      Function which gets called on closing the tooltip.      |                         Function                         |    No    |   All    |        Yes        |
+|          onOpen          |      Function which gets called on opening the tooltip.      |                         Function                         |    No    |   All    |        Yes        |
+|       overlayColor       |        Color of overlay shadow when tooltip is open.         |                        ColorValue                        |    No    |   All    |        Yes        |
+|       pointerColor       | Color of tooltip pointer, it defaults to the [`backgroundColor`](https://reactnativeelements.com/docs/components/tooltip#backgroundcolor) if none is passed. |                        ColorValue                        |    No    |   All    |        Yes        |
+|       pointerStyle       |             Style to be applied on the pointer.              |                        View Style                        |    No    |   All    |        Yes        |
+|         popover          |      Component to be rendered as the display container.      | `ReactElement<{}, string`，`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
+|   skipAndroidStatusBar   | Force skip StatusBar height when calculating element position. Pass `true` if Tooltip used inside react-native Modal component. |                         boolean                          |    No    |   All    |        Yes        |
+|       toggleAction       | Define type of action that should trigger tooltip. Available options *onPress*, *onLongPress* |                          string                          |    No    |   All    |        Yes        |
+|      toggleOnPress       |   Flag to determine to toggle or not the tooltip on press.   |                         boolean                          |    No    |   All    |        Yes        |
+|         visible          |                     To show the tooltip.                     |                         boolean                          |    No    |   All    |        Yes        |
+|          width           | Tooltip container width. Necessary in order to render the container in the correct place. |                          number                          |    No    |   All    |        Yes        |
+|       withOverlay        | Flag to determine whether or not display overlay shadow when tooltip is open. |                         boolean                          |    No    |   All    |        Yes        |
+|       withPointer        |   Flag to determine whether or not to display the pointer.   |                         boolean                          |    No    |   All    |        Yes        |
+
+## 遗留问题
+## 其他
+- [ ] Rating组件的readonly、onFinishRating等属性无法生效，与Android/iOS一致：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+- [ ] AirbnbRatings组件的startImage属性无法生效，与Android/iOS一致：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+- [ ] ButtonGroups组件的activeOpacity、button等属性无法生效，与Android/iOS一致：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
+- [ ] Dialog组件的onLongPress、onpressIn等属性无法生效，与Android/iOS一致：[issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
+- [ ] Header组件的barStyle、elevated等属性无法生效，与Android、iOS一致：[issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
+- [ ] Input组件的renderErrorMessage属性无法生效，与Android、iOS一致：[issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
+- [ ] ListItem.Swipeable组件的minSlideWidth属性无法生效，与Android、iOS一致：[issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
+- [ ] ListItem.Title组件的right属性无法生效，与Android、iOS一致：[issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
+- [ ] SearchBar组件的cancelButtonProps、showCancel等属性无法生效，与Android、iOS一致：[issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
+- [ ] SocialIcon组件的fontFamily、fontWeight等属性无法生效，与Android、iOS一致：[issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
+- [ ] SpeedDial组件的backdropPressableProps属性无法生效，与Android、iOS一致：[issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
+- [ ] Tab组件的containerStyle、dense等属性无法生效，与Android、iOS一致：[issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
+- [ ] Tab.Item组件的active、dense等属性无法生效，与Android、iOS一致：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
+- [ ] Tile组件的activeOpacity等属性无法生效，与Android、iOS一致：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
+- [ ] Tooltip组件的closeOnlyOnBackdropPress属性无法生效，与Android、iOS一致：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-email-link.md b/en/react-native-email-link.md
new file mode 100644
index 00000000..499b18c5
--- /dev/null
+++ b/en/react-native-email-link.md
@@ -0,0 +1,289 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-email-link</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tschoffelen/react-native-email-link">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/tschoffelen/react-native-email-link/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-email-link)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-email-link@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-email-link@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import {
+  SafeAreaView,
+  View,
+  StyleSheet,
+  Text,
+  StatusBar,
+  Button,
+} from "react-native";
+import {
+  getEmailClients,
+  openInbox,
+  openComposer,
+} from "react-native-email-link";
+
+export function EmailLinkExample() {
+  const [emailClients, setEmailClients] = useState(
+    "点击getEmailClients按钮获取邮箱信息"
+  );
+  return (
+    <SafeAreaView style={styles.container}>
+      <View style={styles.wrapper}>
+        <Text style={styles.text}>{emailClients}</Text>
+        <Button
+          title="getEmailClients"
+          onPress={async () => {
+            let clients = await getEmailClients();
+            setEmailClients(JSON.stringify(clients));
+          }}
+        />
+
+        <Button
+          title="openInbox-without-app"
+          onPress={() => {
+            openInbox();
+          }}
+        />
+
+        <Button
+          title="openInbox-with-app"
+          onPress={() => {
+            openInbox({
+              app: "mail",
+            });
+          }}
+        />
+
+        <Button
+          title="openComposer-without-app"
+          onPress={() => {
+            openComposer({
+              to: "support@example.com",
+              cc: "cc@example.com",
+              bcc: "bcc@example.com",
+              subject: "I have a question",
+              body: "Hi, can you help me with...",
+            });
+          }}
+        />
+
+        <Button
+          title="openComposer-with-app"
+          onPress={() => {
+            openComposer({
+              app: "mail",
+              to: "support@example.com",
+              cc: "cc@example.com",
+              bcc: "bcc@example.com",
+              subject: "I have a question",
+              body: "Hi, can you help me with...",
+            });
+          }}
+        />
+      </View>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    marginTop: StatusBar.currentHeight,
+  },
+  item: {
+    backgroundColor: "#f9c2ff",
+    justifyContent: "center",
+    marginVertical: 8,
+    marginHorizontal: 16,
+    padding: 20,
+  },
+  title: {
+    fontSize: 24,
+  },
+  wrapper: {
+    height: 200,
+  },
+  text: {
+    marginBottom: 20,
+    color: "white",
+    textAlign: "center",
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-email-link": "file:../../node_modules/@react-native-oh-tpl/react-native-email-link/harmony/email_link.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNEmailLinkPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNEmailLinkPackage} from '@react-native-oh-tpl/react-native-email-link/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNEmailLinkPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `openInbox`       | Directly open the inbox of the default mail client on your device.                                     | function | No       | All      | yes               |
+| `openComposer`    | Used to open a new email authoring interface that allows users to create emails directly from the app. | function | No       | All      | yes               |
+| `getEmailClients` | Get a list of all supported mail client applications installed on the device.                          | function | No       | All      | yes               |
+
+**openInbox 方法参数**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
+| `title` | Text for the top of the ActionSheet or Intent | string | no | All | no |
+| `message` | Subtext under the title on the ActionSheet | string | no | iOS | no |
+| `cancelLabel` | Text for last button of the ActionSheet | string | no | iOS | no |
+| `removeText` | If true, not text will be show above the ActionSheet or Intent. Default value is false | boolean | no | All | no |
+| `defaultEmailLabel` | Text for first button of the ActionSheet | function | no | iOS | no |
+| `newTask` | If true, the email Intent will be started in a new Android task. Else, the Intent will be launched in the current task | boolean | no | Android | no |
+
+**openComposer 方法参数**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
+| `app` | App to open the composer with| string | no | All | yes |
+| `title` | Text for the top of the ActionSheet or Intent | string | no | All | no |
+| `message` | Subtext under the title on the ActionSheet | string | no | iOS | no |
+| `cancelLabel` | Text for last button of the ActionSheet | string | no | iOS | no |
+| `removeText` | If true, not text will be show above the ActionSheet or Intent. Default value is false | boolean | no | All | no |
+| `defaultEmailLabel` | Text for first button of the ActionSheet | function | no | iOS | no |
+| `to` | Recipient's email address | string | no | All | yes |
+| `cc` | Email's cc | string | no | All | yes |
+| `bcc` | Email's bcc | string | no | All | yes |
+| `subject` | Email's subject | string | no | All | yes |
+| `body` | Email's body | string | no | All | yes |
+| `encodeBody` | Apply encodeURIComponent to the email's body | boolean | no | All | yes |
+
+## 遗留问题
+
+- [ ] 目前只支持 harmonyOS 系统自带邮箱，本库支持邮箱均未适配harmonyOS Next。[issues#5](https://github.com/react-native-oh-library/react-native-email-link/issues/5)
+
+## 其他
+
+- title、message、cancelLabel、 removeText、defaultEmailLabel、newTask属性暂不支持，与iOS表现一致。[issue#141](https://github.com/tschoffelen/react-native-email-link/issues/141)。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/tschoffelen/react-native-email-link/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-error-boundary.md b/en/react-native-error-boundary.md
new file mode 100644
index 00000000..92ef7f33
--- /dev/null
+++ b/en/react-native-error-boundary.md
@@ -0,0 +1,127 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-error-boundary</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/carloscuesta/react-native-error-boundary">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/carloscuesta/react-native-error-boundary/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/carloscuesta/react-native-error-boundary)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react-native-error-boundary@1.2.4
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-error-boundary@1.2.4
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React, { PropsWithChildren, useState } from 'react';
+import { StyleSheet, Button } from 'react-native';
+import ErrorBoundary from 'react-native-error-boundary';
+
+export const ErrorBoundaryDefaultExample = () => {
+    const [shouldThrow, setShouldThrow] = useState(false);
+
+    return (
+        <ErrorBoundary>
+            <Button
+                title="Click the button, it will throw a exception and show a default error page"
+                onPress={() => {
+                    setShouldThrow(true);
+                }}
+            />
+            {shouldThrow && (<MaybeThrows>Content</MaybeThrows>)}
+        </ErrorBoundary>
+    );
+};
+
+function MaybeThrows({ children }: PropsWithChildren) {
+    const valueToThrow = new Error("Throw a new exception");
+    throw valueToThrow;
+}
+
+const styles = StyleSheet.create({
+    buttonContainer: {
+        width: 80,
+        height: 80,
+    },
+    box: {
+        height: 100,
+        width: 50,
+    },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### ErrorBoundary
+
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| Children        | Any children that can throw an error       | React.Children | Yes       | iOS/Android | Yes               |
+| FallbackComponent       | The fallback component that will be rendered after catching an error. By default the library comes with a built-in component.         | React.Component | No       | iOS/Android | Yes               |
+| onError | A function to log the errors that happen in your application  | Function | No       | iOS/Android | Yes               |
+
+#### FallbackComponent
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| error        | The error object       | Error | Yes       | iOS/Android | Yes               |
+| resetError       | A function to reset the error state. You'll want to call this function to recover from the error state.         | Function | Yes       | iOS/Android | Yes               |
+
+#### onError
+```js
+onError(error: Error, stackTrace: string): void
+```
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| error        | The error catched by the component       | Error | Yes       | iOS/Android | Yes               |
+| stackTrace       | The stacktrace of the error         | string | Yes       | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/carloscuesta/react-native-error-boundary/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-exception-handler.md b/en/react-native-exception-handler.md
new file mode 100644
index 00000000..68650638
--- /dev/null
+++ b/en/react-native-exception-handler.md
@@ -0,0 +1,291 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-exception-handler</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/a7ul/react-native-exception-handler">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/a7ul/react-native-exception-handler/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-exception-handler)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-exception-handler@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-exception-handler@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+To catch <b>JS_Exceptions</b>
+
+```typescript
+import { View, Button } from "react-native";
+import { setJSExceptionHandler, getJSExceptionHandler } from "react-native-exception-handler";
+
+export const ReactNativeExceptionHandler = () => {
+
+    const exceptionhandler = (error, isFatal) => {
+        // your error handler function
+    };
+
+    const setJSExceptionHandlerClick = () => {
+        setJSExceptionHandler(exceptionhandler, true);
+    }
+
+    const getJSExceptionHandlerClick = () => {
+        // getJSExceptionHandler gives the currently set JS exception handler
+        const currentHandler = getJSExceptionHandler();
+    }
+
+    return (
+        <View style={{ flexDirection: "column", justifyContent: "space-between" }}>
+            <Button
+                title="setJSExceptionHandler"
+                onPress={setJSExceptionHandlerClick}
+            />
+            <Button
+                title="getJSExceptionHandler"
+                onPress={getJSExceptionHandlerClick}
+            />
+        </View>
+    );
+};
+```
+
+To catch <b>Native_Exceptions</b>
+
+```typescript
+import { View, Button } from "react-native";
+import { setNativeExceptionHandler } from "react-native-exception-handler";
+
+export const ReactNativeExceptionHandler = () => {
+
+    const exceptionhandler = (exceptionString) => {
+        // your exception handler code here
+    };
+
+    const setNativeExceptionHandlerClick = () => {
+        setNativeExceptionHandler(
+            exceptionhandler,
+            forceAppQuit,
+            executeDefaultHandler
+        );
+        // - exceptionhandler is the exception handler function
+        // - forceAppQuit is an optional ANDROID specific parameter that defines
+        //    if the app should be force quit on error.  default value is true.
+        //    To see usecase check the common issues section.
+        // - executeDefaultHandler is an optional boolean (both IOS, ANDROID)
+        //    It executes previous exception handlers if set by some other module.
+        //    It will come handy when you use any other crash analytics module along with this one
+        //    Default value is set to false. Set to true if you are using other analytics modules.
+    }
+
+    return (
+        <View style={{ flexDirection: "column", justifyContent: "space-between" }}>
+            <Button
+                title="setNativeExceptionHandler"
+                onPress={setNativeExceptionHandlerClick}
+            />
+        </View>
+    );
+};
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-exception-handler": "file:../../node_modules/@react-native-oh-tpl/react-native-exception-handler/harmony/exception_handler.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ExceptionHandlerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-exception-handler/src/main/cpp" ./exception-handler)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_exception_handler)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "ExceptionHandlerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ExceptionHandlerPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ExceptionHandlerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+    ...
++   import {ExceptionHandlerPackage} from '@react-native-oh-tpl/react-native-exception-handler/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ExceptionHandlerPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/reace-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description          | Type     | Required | Platform | HarmonyOS Support |
+| ----------------------- | -------------------- | -------- | -------- | -------- | ----------------- |
+| `setJSExceptionHandler` | 设置 JS 异常处理方法 | function | no       | Android, iOS      | yes               |
+| `getJSExceptionHandler` | 获取 JS 异常处理方法 | function | no       | Android, iOS      | yes               |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                        | Description              | Type     | Required | Platform | HarmonyOS Support |
+| --------------------------- | ------------------------ | -------- | -------- | -------- | ----------------- |
+| `setNativeExceptionHandler` | 设置 native 异常处理方法 | function | no       | Android, iOS      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/a7ul/react-native-exception-handler/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-exit-app.md b/en/react-native-exit-app.md
new file mode 100644
index 00000000..f8df062e
--- /dev/null
+++ b/en/react-native-exit-app.md
@@ -0,0 +1,189 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-exit-app</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wumke/react-native-exit-app">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wumke/react-native-exit-app/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-exit-app)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-exit-app@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-exit-app@file:#
+```
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+  Button,
+} from 'react-native';
+import  RNExitApp  from "react-native-exit-app"
+import { Colors } from 'react-native/Libraries/NewAppScreen';
+function App(): React.JSX.Element {
+  const isDarkMode = useColorScheme() === 'dark';
+  const backgroundStyle = {
+    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
+  };
+  return (
+    <SafeAreaView>
+    <StatusBar barStyle={"dark-content"} />
+    <Button
+    title="exitApp"
+    onPress={ () => {
+      RNExitApp.exitApp()
+    }}
+  />
+  </SafeAreaView>
+  );
+}
+
+export default App;
+
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-exit-app": "file:../../node_modules/@react-native-oh-tpl/react-native-exit-app/harmony/exit_app.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 ExitAppPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { ExitAppPackage } from '@react-native-oh-tpl/react-native-exit-app/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ExitAppPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases)
+
+## 静态方法
+
+> [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Name | Description | Type | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+exitApp | 关闭/退出APP | Function | no | iOS/Android | yes
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wumke/react-native-exit-app/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-ezswiper.md b/en/react-native-ezswiper.md
new file mode 100644
index 00000000..322b71ef
--- /dev/null
+++ b/en/react-native-ezswiper.md
@@ -0,0 +1,372 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-ezswiper</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/easyui/react-native-ezswiper">       
+         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/easyui/react-native-ezswiper/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/easyui/react-native-ezswiper)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-ezswiper@1.3.0 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-ezswiper@1.3.0 --save
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ * @flow
+ */
+
+import React, { Component } from 'react';
+import {
+  StyleSheet,
+  Text,
+  Button,
+  View,
+  Dimensions,
+  ScrollView,
+  SafeAreaView,
+  Image
+} from 'react-native';
+
+const { width } = Dimensions.get('window');
+import EZSwiper from 'react-native-ezswiper';
+
+export default class ezswiperApp extends Component<{}> {
+  constructor(props) {
+    super(props)
+    this.state = {
+      currentPage: 0,
+    };
+  }
+
+  renderTitle(title) {
+    return <Text style={{ backgroundColor: 'green' }}>{title}</Text>
+  }
+
+  renderRow(obj, index) {
+    return (
+      <View style={[styles.cell, { backgroundColor: index % 2 === 0 ? 'red' : 'yellow' }]}>
+        <Text>{obj}</Text>
+      </View>
+    )
+  }
+
+  renderImageRow(obj, index) {
+    return (
+      <View style={[styles.cell, { backgroundColor: 'gray', overflow: 'hidden' }]}>
+        <Image
+          style={{ position: 'absolute', top: 0, right: 0, bottom: 0, left: 0, width: undefined, height: undefined }}
+          resizeMode={'contain'}
+          source={obj} />
+        <Text style={{ backgroundColor: 'transparent', color: 'white' }}>{'Victoria\'s Secre ' + index}</Text>
+
+      </View>
+    )
+  }
+
+
+  onPressRow(obj, index) {
+    console.log('onPressRow=>obj:' + obj + ' ,index:' + index);
+    alert('onPressRow=>obj:' + obj + ' ,index:' + index);
+  }
+
+  onWillChange(obj, index) {
+    console.log('onWillChange=>obj:' + obj + ' ,index:' + index);
+  }
+
+  onDidChange(obj, index, setDidChangeObj, setIndex) {
+    setDidChangeObj(obj);
+    setIndex(index)
+  }
+
+  render() {
+
+    return (
+      <SafeAreaView>
+        <ScrollView>
+          <View style={styles.tips}>
+            <Text>card:ratio 0.6</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            autoplayDirection={false}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            onWillChange={this.onWillChange}
+            ratio={0.6}
+            index={2}
+            horizontal={true}
+            loop={true}
+            autoplayTimeout={2}
+          />
+          <View style={styles.tips}>
+            <Text>left</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            onWillChange={this.onWillChange}
+            index={2}
+            horizontal={true}
+            loop={true}
+            autoplayTimeout={2}
+            cardParams={{ cardSide: width * 0.6, cardSmallSide: 150 * 0.6, cardSpace: width * (1 - 0.6) / 2 * 0.4 }}
+            offset={-width * 0.2 + 20}
+          />
+          <View style={styles.tips}>
+            <Text>right</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            onWillChange={this.onWillChange}
+            ratio={0.6}
+            index={2}
+            horizontal={true}
+            loop={true}
+            autoplayTimeout={2}
+            offset={60}
+          />
+          <View style={styles.tips}>
+            <Text>normal</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow} />
+          <View style={styles.tips}>
+            <Text>card ratio:0.867 loop:false index:2</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width - 100, height: 150, marginHorizontal: 50 }]}
+            dataSource={['0', '1', '2', '3', '4']}
+            width={width - 100}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            ratio={0.867}
+            loop={false}
+            index={2}
+          />
+
+          <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={150}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            cardParams={{ cardSide: width * 0.867, cardSmallSide: 150 * 0.867, cardSpace: width * (1 - 0.867) / 2 * 0.2 }}
+          />
+          <View style={styles.tips}>
+            <Text>card ratio:0.867 horizontal:false</Text>
+          </View>
+          <EZSwiper style={[styles.swiper, { width: width, height: 200 }]}
+            dataSource={['0', '1', '2', '3']}
+            width={width}
+            height={200}
+            renderRow={this.renderRow}
+            onPress={this.onPressRow}
+            ratio={0.867}
+            horizontal={false}
+          />
+          <DidChangeDom renderRow={this.renderRow} />
+          <WillChangeDom renderRow={this.renderRow} />
+          <ScrollToDom renderRow={this.renderRow} />
+        </ScrollView>
+      </SafeAreaView>
+
+    );
+  }
+}
+
+
+const DidChangeDom = (props) => {
+  const [didChangeObj, setDidChangeObj] = React.useState(0);
+  const [index, setIndex] = React.useState(0);
+
+  return (
+    <View>
+      <View style={styles.tips}>
+        <Text>obj:{didChangeObj}   index:{index}</Text>
+      </View>
+      <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+        dataSource={['0', '1', '2', '3']}
+        width={width}
+        height={150}
+        renderRow={props.renderRow}
+        onDidChange={(obj, index) => {
+          setDidChangeObj(obj)
+          setIndex(index)
+        }} />
+    </View>)
+}
+
+const WillChangeDom = (props) => {
+  const [didChangeObj, setDidChangeObj] = React.useState(0);
+  const [index, setIndex] = React.useState(0);
+
+  return (
+    <View>
+      <View style={styles.tips}>
+        <Text>obj:{didChangeObj}   index:{index}</Text>
+      </View>
+      <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+        dataSource={['0', '1', '2', '3']}
+        width={width}
+        height={150}
+        renderRow={props.renderRow}
+        onWillChange={(obj, index) => {
+          setDidChangeObj(obj)
+          setIndex(index)
+        }} />
+    </View>)
+}
+
+function ScrollToDom(props) {
+  this.refDom = null;
+  const refDomFn = (view) => {
+    this.refDom = view
+  }
+  const scrollTo = (index) => {
+    if (this.refDom) {
+      this.refDom.scrollTo(index + 1, true)
+    }
+  }
+  return (
+    <View>
+      <View style={{ display: 'flex' }}>
+        <Button onPress={() => scrollTo(0)} style={styles.button} title="Press 0" />
+        <Button onPress={() => scrollTo(1)} style={styles.button} title="Press 1" />
+        <Button onPress={() => scrollTo(2)} style={styles.button} title="Press 2" />
+        <Button onPress={() => scrollTo(3)} style={styles.button} title="Press 3" />
+        <Button onPress={() => scrollTo(4)} style={styles.button} title="Press 4" />
+      </View>
+      <EZSwiper style={[styles.swiper, { width: width, height: 150 }]}
+        dataSource={['0', '1', '2', '3', '4']}
+        width={width}
+        ref={refDomFn}
+        height={150}
+        renderRow={props.renderRow}
+      />
+    </View>)
+}
+
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: 'white',
+  },
+  swiper: {
+    backgroundColor: 'white'
+  },
+  button: {
+    width: 50,
+    height: 30,
+  },
+  cell: {
+    backgroundColor: 'red',
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  pageControl: {
+    position: 'absolute',
+    bottom: 4,
+    right: 10,
+  },
+  tips:{
+    backgroundColor:'green'
+  }
+});
+```
+
+
+
+## 约束与限制
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+ 1.RNOH: 0.72.29; SDK：OpenHarmony-5.0.0.65; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
+
+## 属性
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                            | Type     | default | Required | Platform | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- | ----------------- |
+| `width`       | swiper width                 | number |  | Yes       | All      | yes               |
+| `height`         | swiper height                             | number |  | Yes       | All      | yes               |
+| `index`        | initial index bar.                                   | number | 0 | No       | All      | yes               |
+| `offset`      | initial left and right or up and down offsets view.                                                               | number | 0 | No       | All      | yes               |
+| `horizontal` | swiper derection is horizontal                   | boolean | true | No       | All      | yes               |
+| `loop`        | swiper is loop | boolean  | true | No       | All      | yes               |
+| `autoplayTimeout`               | auto play mode (in second)                       | number | 5 | No       | All      | yes               |
+| `autoplayDirection`            | cycle direction control                                            | boolean  | true | No       | All      | yes               |
+| `ratio`      | scaling ratio                                                         | number | 1 | No       | All      | yes               |
+| `cardParams`          | swiper card advanced object                                                      | object | {} | No       | All      | yes               |
+| `renderRow`               | render card view                                    | function |   | Yes    | All      | yes               |
+| `onPress`         | card is clicked action                                   | function |    | No       | All      | yes               |
+| `onWillChange`       | next card will show                              | function |    | No       | All      | yes               |
+| `onDidChange`       | next card showed                               | function  |   | No       | All      | yes               |
+
+cardParams is object：{cardSide,cardSmallSide,cardSpace}
+<img src="https://github.com/img/cardParams.png" />
+
+## 静态方法
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `scrollTo(index, animated = true)`       | scroll to position                | function | No       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/easyui/react-native-ezswiper) ，请自由地享受和参与开源。
diff --git a/en/react-native-fast-image.md b/en/react-native-fast-image.md
new file mode 100644
index 00000000..a1b18b6c
--- /dev/null
+++ b/en/react-native-fast-image.md
@@ -0,0 +1,296 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-fast-image</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/DylanVann/react-native-fast-image">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-fast-image/blob/harmony/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fast-image)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-fast-image@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-fast-image@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { StyleSheet, View, ScrollView } from "react-native";
+import FastImage, {
+  ResizeMode,
+  OnLoadEvent,
+  OnProgressEvent,
+} from "react-native-fast-image";
+
+export const FastImageDemo = () => {
+  return (
+    <ScrollView>
+      <View>
+        <FastImage
+          style={styles.image}
+          source={{
+            uri: "https://res8.vmallres.com/pimages/uomcdn/CN/pms/202205/gbom/6941487259298/428_428_D7BFF22D4678EB68440F914B352214C4mp_tds.png",
+          }}
+          resizeMode={FastImage.resizeMode.contain}
+          onLoadStart={() => {
+            console.log("onLoadStart: success");
+          }}
+          onProgress={(e: OnProgressEvent) => {
+            console.log(
+              "onProgress: success loaded=" +
+                e.nativeEvent.loaded +
+                " total=" +
+                e.nativeEvent.total
+            );
+          }}
+          onLoad={(e: OnLoadEvent) => {
+            console.log(
+              "onLoad: success width=" +
+                e.nativeEvent.width +
+                " height=" +
+                e.nativeEvent.height
+            );
+          }}
+          onError={() => {
+            console.log("onError: success");
+          }}
+          onLoadEnd={() => {
+            console.log("onLoadEnd: success");
+          }}
+        />
+      </View>
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  image: {
+    width: 200,
+    height: 200,
+    margin: 20,
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-fast-image": "file:../../node_modules/@react-native-oh-tpl/react-native-fast-image/harmony/fast_image.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 FastImagePackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-fast-image/src/main/cpp" ./fast-image)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_fast_image)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "FastImagePackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<FastImagePackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 FastImagePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {FastImagePackage} from '@react-native-oh-tpl/react-native-fast-image/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new FastImagePackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                                                                               | Type             | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
+| `source.uri`                   | Source for the remote image to load.                                                      | string           | yes      | All      | yes               |
+| `source.headers?`              | Headers to load the image with. e.g. { Authorization: 'someAuthToken' }.                  | object           | yes      | All      | yes               |
+| `source.priority?`             | loading url priority                                                                      | enum             | no       | All      | no                |
+| `source.cache?`                | setting loading url cache mode                                                            | enum             | no       | All      | no                |
+| `defaultSource?`               | An asset loaded with require(...).                                                        | number           | yes      | All      | yes               |
+| `resizeMode?`                  | loading image for scale mode                                                              | enum             | yes      | All      | yes               |
+| `onLoadStart`                  | Called when the image starts to load.                                                     | function         | yes      | All      | yes               |
+| `onProgress`                   | Called when the image is loading.                                                         | function         | yes      | All      | yes               |
+| `onLoad`                       | Called on a successful image fetch. Called with the width and height of the loaded image. | function         | yes      | All      | yes               |
+| `onError`                      | Called on an image fetching error.                                                        | function         | yes      | All      | yes               |
+| `onLoadEnd`                    | Called when the image finishes loading, whether it was successful or an error.            | function         | yes      | All      | yes               |
+| `tintColor?`                   | If supplied, changes the color of all the non-transparent pixels to the given color.      | number \| string | yes      | All      | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                              | Description                                | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------------------------------- | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `FastImage.preload`          | Preload images to display later. e.g.      | function | no       | All      | yes                |
+| `FastImage.clearMemoryCache` | Clear all images from memory cache.        | function | no       | All      | yes                |
+| `FastImage.clearDiskCache`   | Clear all images from disk cache. priority | function | no       | All      | yes                |
+
+## 遗留问题
+
+- [ ] 不支持属性 source.cache.  [issue#57](https://github.com/react-native-oh-library/react-native-fast-image/issues/57)
+- [ ] 不支持属性 source.priority.  [issue#56](https://github.com/react-native-oh-library/react-native-fast-image/issues/56)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/DylanVann/react-native-fast-image/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-feather.md b/en/react-native-feather.md
new file mode 100644
index 00000000..f14611d9
--- /dev/null
+++ b/en/react-native-feather.md
@@ -0,0 +1,115 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-feather</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/yigithanyucedag/react-native-feather">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/yigithanyucedag/react-native-feather)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-feather@1.1.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-feather@1.1.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+此库可以使用的[图标列表](https://feathericons.com/)
+
+>[!WARNING] 使用时 import 的库名不变。且该库强依赖[@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)，请在使用前，安装svg库
+
+```js
+import React from 'react';  
+import {Text, ScrollView } from 'react-native';   
+import * as Icon from "react-native-feather";
+//第二种引入方式，可以直接通过组件名称引入
+import { Check } from "react-native-feather";
+
+
+const FeatherExample = () => {  
+  return (
+  <ScrollView>
+  <Text style={{color:"blue"}}>react-native-feather库只是对svg图进行处理的库,以下展示的demo,均只有图片,没有绑定点击事件</Text>
+  <Text style={{color:"blue"}}>电池,边线红色,绿色填充,width=150,height=150</Text>
+  <Icon.Battery stroke = 'red' width={150} height={150}  fill="green"/>
+  <Text style={{color:"blue"}}>菜单栏,边线绿色,宽高默认为25</Text>
+  <Icon.Menu stroke = 'green'/>
+  <Text style={{color:"blue"}}>播放图标,边线默认为当前颜色,填充色为蓝色,宽高为50</Text>
+  <Icon.Video fill="blue" width={50} height={50} />
+   
+  <Text style={{color:"blue"}}>第二种使用方法：对号,颜色为红色,width和height为32</Text>
+  <Check stroke="red" width={32} height={32} />
+  </ScrollView>
+  );
+};  
+  
+export default FeatherExample;
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
+2. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+
+## 属性
+
+所有[SVG属性](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)均可使用
+
+### feather
+
+该库为UI组件库，通过配置属性标签，实现对应的功能。
+
+| Prop        | Description                                                  | Default      | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | ------------ | ----------------- |
+| width       | Width of the icon.                                           | 24           | yes               |
+| height      | Height of the icon.                                          | 24           | yes               |
+| stroke      | The stroke prop refers to the color outline the icon.        | currentColor | yes               |
+| strokeWidth | The strokeWidth prop specifies the width of the outline on the icon. | 2            | yes               |
+| fill        | The fill prop refers to the color inside the icon.           | none         | yes               |
+
+
+
+## 遗留问题
+
+## 其他
+
+以下事项与原库保持一致需注意遵循：
+
+1. 在使用该库前，请保证按照上文"Link"的提示，已经安装 [`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)。
+2. 此组件包含所有 [`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md) 兼容的所有 Feather 图标。
+3. 基于Feather 图标库版本为V4.28.0。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-file-access.md b/en/react-native-file-access.md
new file mode 100644
index 00000000..966fda52
--- /dev/null
+++ b/en/react-native-file-access.md
@@ -0,0 +1,450 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-file-access</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/alpha0010/react-native-file-access">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/alpha0010/react-native-file-access/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-access)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-file-access@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-file-access@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 以下 demo 中使用的是本地文件。
+
+```js
+import React, { useEffect, useState } from 'react';
+import { Button, SafeAreaView, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { Dirs, FileSystem } from 'react-native-file-access';
+
+export function FileAccessDemo() {
+  const [info, setInfo] = useState<{ key: string; value: string }[]>([]);
+  const [result, setResult] = useState<string | null>('') || null;
+  const [fileContent, setFileContent] = useState('');
+  const [mkdirParam, setMkdirParam] = useState('');
+  const [statInfo, setStatInfo] = useState<any>([]);
+  const [isExists, setExists] = useState<boolean | string>('');
+  const [lsList, setLsList] = useState<any>([]);
+  const [totalSize, setTotalSize] = useState<number>();
+  const [freeSize, setFreeSize] = useState<number>();
+  const [hashValue, setHashValue] = useState<string>();
+  const [statDirInfo, setStatDirInfo] = useState<object[]>([]);
+  const [readFileChunkInfo, setReadFileChunkInfo] = useState<string>();
+  const [concatBeyts, setConcatBeyts] = useState<number>();
+  const [dirOrNot, setDirOrNot] = useState<any>('');
+
+  // 将内容写入文件
+  const wirteFile = () => {
+    FileSystem.writeFile(Dirs.DocumentDir + '/0801' + '/text1.txt', "DDDD", "utf8")
+  };
+
+  // 读取文件的内容
+  const readFile = () => {
+    FileSystem.readFile(Dirs.DocumentDir + "/0801.txt").then((res) => {
+      setFileContent(res);
+    })
+  };
+
+  // 删除文件
+  const unlink = () => {
+    FileSystem.unlink(Dirs.DocumentDir + '/0812.txt');
+  };
+
+  // 创建一个新目录，返回创建目录的路径
+  const mkdir = () => {
+    FileSystem.mkdir(Dirs.DocumentDir + "/wxwx").then((res) => {
+      setMkdirParam(res);
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  // 移动文件
+  const mv = () => {
+    FileSystem.mv(Dirs.DocumentDir + "/text.txt", Dirs.DocumentDir + "/text1.txt");
+  };
+
+  // 解压一个 zip 档案
+  const unzip = () => {
+    FileSystem.unzip(Dirs.DocumentDir + "/wxwx.zip", Dirs.DocumentDir);
+  };
+
+  // 读取文件元数据
+  const stat = () => {
+    FileSystem.stat(Dirs.DocumentDir + "/text1.txt").then((res) => {
+      setStatInfo(JSON.stringify(res));
+    }).catch(err => {
+      console.log(err);
+    })
+  };
+
+  // 检查路径是否存在
+  const exists = () => {
+    FileSystem.exists(Dirs.DocumentDir + "/text1.txt").then((res) => {
+      setExists(res);
+    }).catch((error) => {
+      console.log(error, 'error');
+    });
+  };
+
+  // 复制文件
+  const cp = async () => {
+    await FileSystem.cp(Dirs.DocumentDir + "/text1.txt", Dirs.DocumentDir + "/text4.txt")
+  };
+
+  // 对文件内容进行哈希处理
+  const hash = () => {
+    FileSystem.hash(Dirs.DocumentDir + "/text1.txt", 'SHA-256').then((res) => {
+      setHashValue(res);
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  // 检查路径是否是目录
+  const isDir = async () => {
+    let res = await FileSystem.isDir(Dirs.DocumentDir + '/text1.txt');
+    setDirOrNot(res);
+  };
+
+  // 列出目录中的文件
+  const ls = async () => {
+    await FileSystem.ls(Dirs.DocumentDir).then((res) => {
+      setLsList(res.join('、'));
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  // 检查设备可用空间
+  const df = async () => {
+    await FileSystem.df().then(res => {
+      setFreeSize(res?.internal_free);
+      setTotalSize(res?.internal_total);
+    })
+  };
+
+  // 读取目录中所有文件的元数据
+  const statDir = () => {
+    FileSystem.statDir(Dirs.DocumentDir).then(res => {
+      setStatDirInfo(res);
+    }).catch(err => {
+      console.log(err);
+    });
+  };
+
+  // 读取文件的一大块内容，从位于的字节开始offset，读取length字节
+  const readFileChunk = () => {
+    FileSystem.readFileChunk(Dirs.DocumentDir + "/text2.txt", 1, 1, 'utf8').then((res) => {
+      setReadFileChunkInfo(res);
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  // 将内容附加到文件
+  const appendFile = async () => {
+    await FileSystem.appendFile(Dirs.DocumentDir + "/text3.txt", "AAAAAA", 'utf8');
+  }
+
+  // 将一个文件附加到另一个文件。返回写入的字节数
+  const concatFiles = async () => {
+    await FileSystem.concatFiles(Dirs.DocumentDir + "/text3.txt", Dirs.DocumentDir + "/text4.txt").then((res) => {
+      setConcatBeyts(res)
+    }).catch((error) => {
+      console.log(error, 'error')
+    });
+  };
+
+  return (
+    <ScrollView>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.wirteFile()</Text>
+        <Button title="运行" color="#841584" onPress={wirteFile}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.readFile()</Text>
+          <Button title="运行" color="#841584" onPress={readFile}></Button>
+        </View>
+        <Text>读取的文件内容：{fileContent}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.unlink()</Text>
+        <Button title="运行" color="#841584" onPress={unlink}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.mkdir()</Text>
+          <Button title="运行" color="#841584" onPress={mkdir}></Button>
+        </View>
+        <Text>新目录路径：{mkdirParam}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.mv()</Text>
+        <Button title="运行" color="#841584" onPress={mv}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.stat()</Text>
+          <Button title="运行" color="#841584" onPress={stat}></Button>
+        </View>
+        <Text>文件信息：{statInfo}</Text>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.exists()</Text>
+          <Button title="运行" color="#841584" onPress={exists}></Button>
+        </View>
+        <Text>文件是否存在：{isExists === '' ? '' : isExists ? '存在' : '不存在'}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.cp()</Text>
+        <Button title="运行" color="#841584" onPress={cp}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.isDir()</Text>
+          <Button title="运行" color="#841584" onPress={isDir}></Button>
+        </View>
+        <Text>是否是目录：{dirOrNot === '' ? '' : dirOrNot ? '是' : '不是'}</Text>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.ls()</Text>
+          <Button title="运行" color="#841584" onPress={ls}></Button>
+        </View>
+        <Text>目录中的文件：{lsList}</Text>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.df()</Text>
+          <Button title="运行" color="#841584" onPress={df}></Button>
+        </View>
+        <Text>可用空间：{freeSize ? (freeSize / (1024 * 1024 * 1024)).toFixed(2) : ''}GB</Text>
+        <Text>总空间：{totalSize ? (totalSize / (1024 * 1024 * 1024)).toFixed(2) : ''}GB</Text>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.hash()</Text>
+          <Button title="运行" color="#841584" onPress={hash}></Button>
+        </View>
+        <Text>哈希值：{hashValue}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.unzip()</Text>
+        <Button title="运行" color="#841584" onPress={unzip}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.statDir()</Text>
+          <Button title="运行" color="#841584" onPress={statDir}></Button>
+        </View>
+        <Text>以下为目录下的文件信息：</Text>
+        {statDirInfo.map((item, index) => (<Text key={index}>{JSON.stringify(item)}</Text>))}
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.readFileChunk()</Text>
+          <Button title="运行" color="#841584" onPress={readFileChunk}></Button>
+        </View>
+        <Text>读取的部分文件内容：{readFileChunkInfo}</Text>
+      </View>
+      <View style={styles.baseArea}>
+        <Text style={{ flex: 1 }}>FileAccess.appendFile()</Text>
+        <Button title="运行" color="#841584" onPress={appendFile}></Button>
+      </View>
+      <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>FileAccess.concatFiles()</Text>
+          <Button title="运行" color="#841584" onPress={concatFiles}></Button>
+        </View>
+        <Text>写入的字节数：{concatBeyts}</Text>
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1 },
+  key: { flex: 1.5, padding: 2 },
+  row: { flexDirection: 'row', paddingVertical: 2 },
+  value: { flex: 4, padding: 2 },
+  baseArea: {
+    width: "100%",
+    height: 60,
+    borderRadius: 4,
+    borderColor: "#000000",
+    marginTop: 6,
+    backgroundColor: "#FFFFFF",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8,
+    paddingRight: 8,
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+     "@react-native-oh-tpl/react-native-file-access": "file:../../node_modules/@react-native-oh-tpl/react-native-file-access/harmony/file_access.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNFileAccessPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNFileAccessPackage } from '@react-native-oh-tpl/react-native-file-access/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNFileAccessPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### File System Access API
+
+| Name           | Description                                                                                    | Type     | Platform | Required    | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| appendFile     | Append content to a file.                                                                      | Function | No       | iOS/Android | Yes               |
+| concatFiles    | Append a file to another file. Returns number of bytes written.                                | Function | No       | iOS/Android | Yes               |
+| cp             | Copy a file.                                                                                   | Function | No       | iOS/Android | Yes               |
+| cpAsset        | Copy a bundled asset file.                                                                     | Function | No       | iOS/Android | Yes               |
+| cpExternal     | Copy a file to an externally controlled location.                                              | Function | No       | iOS/Android | Yes               |
+| df             | Check device available space.                                                                  | Function | No       | iOS/Android | Yes               |
+| exists         | Check if a path exists.                                                                        | Function | No       | iOS/Android | Yes               |
+| fetch          | Save a network request to a file.                                                              | Function | No       | iOS/Android | Yes               |
+| getAppGroupDir | Get the directory for your app group (iOS & MacOS only).                                       | Function | No       | iOS         | No                |
+| hash           | Hash the file content.                                                                         | Function | No       | iOS/Android | Yes               |
+| isDir          | Check if a path is a directory.                                                                | Function | No       | iOS/Android | Yes               |
+| ls             | List files in a directory.                                                                     | Function | No       | iOS/Android | Yes               |
+| mkdir          | Make a new directory.                                                                          | Function | No       | iOS/Android | Yes               |
+| mv             | Move a file.                                                                                   | Function | No       | iOS/Android | Yes               |
+| readFile       | Read the content of a file.                                                                    | Function | No       | iOS/Android | Yes               |
+| readFileChunk  | Read a chunk of the content of a file, starting from byte at offset, reading for length bytes. | Function | No       | iOS/Android | Yes               |
+| stat           | Read file metadata.                                                                            | Function | No       | iOS/Android | Yes               |
+| statDir        | Read metadata of all files in a directory.                                                     | Function | No       | iOS/Android | Yes               |
+| unlink         | Delete a file.                                                                                 | Function | No       | iOS/Android | Yes               |
+| unzip          | Extract a zip archive.                                                                         | Function | No       | iOS/Android | Yes               |
+| writeFile      | Write content to a file.                                                                       | Function | No       | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/alpha0010/react-native-file-access/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-file-selector.md b/en/react-native-file-selector.md
new file mode 100644
index 00000000..79748e50
--- /dev/null
+++ b/en/react-native-file-selector.md
@@ -0,0 +1,210 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-file-selector</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/prscX/react-native-file-selector">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/prscX/react-native-file-selector/blob/master/README.md">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-selector)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-file-selector@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-file-selector@file:#
+```
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import FileSelector from 'react-native-file-selector';
+import React from 'react';
+function App(): React.JSX.Element {
+  
+  return (
+    <FileSelector
+      onDone={(path) => {console.log("file selected: " + path);}}
+      onCancel={() => {console.log("cancelled");}}
+    />)
+};
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-file-selector": "file:../../node_modules/@react-native-oh-tpl/react-native-file-selector/harmony/file_selector.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNFileSelectorPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+import type {RNPackageContext, RNPackage} from '@rnoh/react-native-openharmony/ts';
++import {RNFileSelectorPackage}  from '@react-native-oh-tpl/react-native-file-selector/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++    new RNFileSelectorPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases)
+
+## 属性
+
+ FileSelector
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| :--- | ----------- | ---- | -------- | -------- | ------------------ |
+| filter | Filter to sort the files | string | no | All | yes |
+| path | Path of directory | string | no | All | yes |
+| onDone | Function called when file is selected | func | no | All | yes |
+| onCancel | Function called when file selector is closed without selecting any file | func | no | All | yes |
+| title | Title on the toolbar | string | no | Android iOS | no |
+| closeMenu | Color of tint | string | no | Android iOS | no |
+| hiddenFiles | If true it shows hidden files as well | bool | no | Android | no |
+| filterDirectories | Filter should be applied on directories or not | bool | no | Android | no |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| Show | present a fileselector  | function  | no | All      | yes |
+
+ Show
+
+```js
+Show(filter?: string, path?: string, onDone?: func, onCancel?: func, title?: string, closeMenu?: string, hiddenFiles?: bool, filterDirectories?: bool);
+```
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| :--- | ----------- | ---- | -------- | -------- | ------------------ |
+| filter | Filter to sort the files | string | no | All | yes |
+| path | Path of directory | string | no | All | yes |
+| onDone | Function called when file is selected | func | no | All | yes |
+| onCancel | Function called when file selector is closed without selecting any file | func | no | All | yes |
+| title | Title on the toolbar | string | no | Android iOS | no |
+| closeMenu | Color of tint | string | no | Android iOS | no |
+| hiddenFiles | If true it shows hidden files as well | bool | no | Android | no |
+| filterDirectories | Filter should be applied on directories or not | bool | no | Android | no |
+
+## 遗留问题
+
+
+- [ ] FileSelector title：harmony暂不支持: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
+- [ ] FileSelector closeMenu：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
+- [ ] FileSelector hiddenFiles：harmony暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
+- [ ] FileSelector filterDirectories：harmony暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
+
+- [ ] Show title：harmony暂不支持: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
+- [ ] Show closeMenu：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
+- [ ] Show hiddenFiles：harmony暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
+- [ ] Show filterDirectories：harmony暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
+
+## 其他 
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/prscX/react-native-file-selector/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-file-viewer.md b/en/react-native-file-viewer.md
new file mode 100644
index 00000000..130d2429
--- /dev/null
+++ b/en/react-native-file-viewer.md
@@ -0,0 +1,260 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-file-viewer
+</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vinzscam/react-native-file-viewer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/vinzscam/react-native-file-viewer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-viewer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-file-viewer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-file-viewer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { StyleSheet, ScrollView, Text, TouchableOpacity } from "react-native";
+import DocumentPicker from "react-native-document-picker";
+import FileViewer from "react-native-file-viewer";
+
+export function FlieViewerExample() {
+	const FileViewerTest = async (option?: any) => {
+		try {
+			// 使用react-native-document-picker来选择本地文件进行打开
+			const res: any = await DocumentPicker.pick({
+				type: [DocumentPicker.types.allFiles]
+			});
+			// uri 为本地文件绝对路径
+			await FileViewer?.open(res[0].uri, option);
+		} catch (e) {
+			// error
+		}
+	};
+
+	const onDismissCb = () => {
+		// do sth ...
+	};
+
+	return (
+		<ScrollView style={{ backgroundColor: "skyblue" }}>
+			<TouchableOpacity onPress={() => FileViewerTest()} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest("show_displayName string")} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (displayName str)</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest({ displayName: "show_displayName option" })} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (displayName opt)</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest({ showOpenWithDialog: true, onDismiss: onDismissCb })} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (onDismiss)</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest({ showOpenWithDialog: true })} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (showOpenWithDialog)</Text>
+			</TouchableOpacity>
+			<TouchableOpacity onPress={() => FileViewerTest({ showAppsSuggestions: true })} style={styles.btn}>
+				<Text style={styles.btnText}>Toogle Status Bar (showAppsSuggestions)</Text>
+			</TouchableOpacity>
+		</ScrollView>
+	);
+}
+
+const styles = StyleSheet.create({
+	TextInput: {
+		height: 40,
+		borderColor: "#ccc",
+		borderWidth: 1,
+		borderRadius: 4,
+		width: "90%"
+	},
+	btn: {
+		borderRadius: 10,
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		padding: 10,
+		margin: 10,
+		backgroundColor: "blue"
+	},
+	btnText: {
+		fontWeight: "bold",
+		color: "#fff",
+		fontSize: 20
+	},
+	selectBtn: {
+		padding: 8,
+		margin: 3,
+		fontSize: 18,
+		borderWidth: 1,
+		borderRadius: 8,
+		borderColor: "#753c13"
+	},
+	selectBtnActive: {
+		padding: 8,
+		margin: 3,
+		backgroundColor: "#e2803b",
+		fontSize: 18,
+		borderRadius: 8,
+		borderWidth: 1
+	}
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-file-viewer": "file:../../node_modules/@react-native-oh-tpl/react-native-file-viewer/harmony/file_viewer.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNFileViewerTurboModule Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNFileViewerPackage } from '@react-native-oh-tpl/react-native-file-viewer/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNFileViewerPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### `open(filepath: string, options?: Object): Promise<void>`
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- |
+| **filepath** | The absolute path where the file is stored. The file needs to have a valid extension to be successfully detected. Use [react-native-fs constants](https://github.com/itinance/react-native-fs#constants) to determine the absolute path correctly. | string | yes | All | yes |
+| **options** (optional) | Some options to customize the behaviour. See below. | Object | no | All | yes |
+
+#### Options
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- |
+| **displayName** (optional) | Customize the QuickLook title. | string | no | iOS | yes |
+| **onDismiss** (optional) | Callback invoked when the viewer is being dismissed. | function | no | All | partially |
+| **showOpenWithDialog** (optional) | If there is more than one app that can open the file, show an _Open With_ dialogue box. | boolean | no | Android | yes |
+| **showAppsSuggestions** (optional) | If there is not an installed app that can open the file, open the Play Store with suggested apps. | boolean | no | Android | partially |
+
+## 遗留问题
+
+- [x] HarmonyOS端暂不支持关闭预览窗口的回调函数调用: [issue#1](https://github.com/react-native-oh-library/react-native-file-viewer/issues/4)
+- [x] HarmonyOS端无法直接跳转到应用市场的推荐应用页，目前只能跳转到应用市场首页: [issue#2](https://github.com/react-native-oh-library/react-native-file-viewer/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/vinzscam/react-native-file-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-fileupload.md b/en/react-native-fileupload.md
new file mode 100644
index 00000000..eae58a48
--- /dev/null
+++ b/en/react-native-fileupload.md
@@ -0,0 +1,231 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-fileupload</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/PhilippKrone/react-native-fileupload">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/PhilippKrone/react-native-fileupload/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fileupload)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-fileupload@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-fileupload@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+此库需要在`entry/src/main/module.json5`下加入：
+
+```json
+"requestPermissions": [ 
+  { 
+    "name": "ohos.permission.INTERNET", 
+  }
+]
+```
+
+```tsx
+import React, {Component} from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import FileUpload from 'react-native-fileupload';
+import Toast from '@remobile/react-native-toast';
+
+export default class FileUploadDemo extends Component {
+
+  componentDidMount () {
+    var obj = {
+        uploadUrl: 'http://1.2.27.230:9990/upload',// The real server Url
+        method: 'POST', // default 'POST',support 'POST' and 'PUT'
+        headers: {
+          
+          'Content-Type': 'multipart/form-data',
+        },
+        fields: {
+            name: 'hello',value: 'world',
+        },
+        files: [
+          {
+            name: 'file',// optional
+            filename: 'assets_placeholder2000x2000.jpg',
+            filepath: '/xxx/assets_placeholder2000x2000.jpg',// The real server filepath
+            filetype: 'jpg',// optional
+          },
+          {
+            filename: 'one.w4a',
+            filepath: '/xxx/one.w4a', // The real server filepath
+            filetype: 'audio/x-m4a',// optional
+          },
+        ]
+    };
+    FileUpload.upload(obj, function(err,result) {
+      console.log("upload",err,result);
+      if(err || result) {
+        Toast.showShortCenter(err + result)
+      }
+    })
+  }
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>
+          Welcome to React Native!
+        </Text>
+      </View>
+    );
+  }
+}
+
+let styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-fileupload": "file:../../node_modules/@react-native-oh-tpl/react-native-fileupload/harmony/fileupload.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 FileUpLoadPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {FileUpLoadPackage} from '@react-native-oh-tpl/react-native-fileupload/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new FileUpLoadPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| upload | File upload  | void  | yes | iOS/Android  | yes     |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/PhilippKrone/react-native-fileupload/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-fingerprint-scanner.md b/en/react-native-fingerprint-scanner.md
new file mode 100644
index 00000000..9e8b5d04
--- /dev/null
+++ b/en/react-native-fingerprint-scanner.md
@@ -0,0 +1,237 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-fingerprint-scanner</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/hieuvp/react-native-fingerprint-scanner">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-fingerprint-scanner)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-fingerprint-scanner@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-fingerprint-scanner@file:#
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { View, Button } from "react-native";
+import FingerprintScanner from 'react-native-fingerprint-scanner';
+
+export default function App() {
+    const handleClick = () => {
+    FingerprintScanner
+      .isSensorAvailable()
+      .then((Biometrics) => {
+      }).catch((err) => {
+      });
+  }
+  const handleScanner = () => {
+    FingerprintScanner.authenticate({title: '1111'})
+      .then(() => {
+      }).catch((err) => {
+      });
+  }
+  const handleAttempt = () => {
+    let eror = FingerprintScanner.onAttempt()
+  }
+  const handleRelease = () => {
+    FingerprintScanner.release()
+  }
+  return (
+    <View>
+       <Button title="authenticate"
+          onPress={() => handleScanner()}
+        />
+      <Button title="isSensorAvailable"
+          onPress={() => handleClick()}
+        />
+        <Button title="onAttempt"
+          onPress={() => handleAttempt()}
+        />
+        <Button title="release"
+          onPress={() => handleRelease()}
+        />
+    </View>
+  );
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-fingerprint-scanner": "file:../../node_modules/@react-native-oh-tpl/react-native-fingerprint-scanner/harmony/fingerprint_scanner.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 FingerprintScannerPackage
+
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++ import { RNFingerprintScannerPackage } from '@react-native-oh-tpl/react-native-fingerprint-scanner/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNFingerprintScannerPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)
+
+
+### 权限要求
+> [!tip] "ohos.permission.ACCESS_BIOMETRIC"权限等级为<B>system_basic</B>
+在 `YourProject/entry/src/main/module.json5`补上配置
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+
+  ···
+
+    "requestPermissions": [
++     { "name": "ohos.permission.ACCESS_BIOMETRIC" },
+    ]
+  }
+}
+```
+
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                              | Description                                | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------------------------------- | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `authenticate: (value: authenticate) => Promise<void>;`           | Starts Fingerprint authentication       | function | No       | All      | YES                |
+| `isSensorAvailable: () => Promise<string>` | Checks if Fingerprint Scanner is able to be used by now.        | function | No       | All      | YES                |
+| `release: () => void`   | Stops fingerprint scanner listener, releases cache of internal state in native code | function | No       | All      | YES                |
+| `onAttempt: () => {message?: string}`   | when users are trying to scan their fingerprint but failed | function | No       | HarmonyOS      | YES                |
+
+###### authenticate方法参数
+| Name                           | Description                                                                               | Type             | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
+| `title`                   | the title text to display in the native                                                      | string           | no      | Android      | yes               |
+| `subTitle`              | the sub title text to display in the native                  | string           | no      | Android      | no               |
+| `description`             | the description text to display in the native                                                                      | string             | no       | All      | no                |
+| `cancelButton`                | e cancel button text to display in the native                                                             | string             | no       | Android      | no                |
+| `onAttempt`               | a callback function when users are trying to scan their fingerprint but failed.                                                        | function           | no      | Android      | no               |
+| `fallbackEnabled`                  | default to true, whether to display fallback button                                                              | boolean            | no      | IOS      | no               |
+
+## 遗留问题
+
+- [ ] Harmony的指纹认证只支持title修改，并没有subTitle，description，cancelButton，fallbackEnabled参数， [issue#8](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/8) 
+- [ ] authenticate的参数不支持onAttempt，authenticate的参数onAttempt为回调方法，接口type形式不支持function,所以将onAttempt方法单独抽离出来 [issue#7](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/7) 
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-fit-Image.md b/en/react-native-fit-Image.md
new file mode 100644
index 00000000..9b8cd57e
--- /dev/null
+++ b/en/react-native-fit-Image.md
@@ -0,0 +1,328 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-fit-image</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/huiseoul/react-native-fit-image/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/huiseoul/react-native-fit-image/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/lisense-BEER-WARE?color=%238bb903+" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/huiseoul/react-native-fit-image)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-fit-image@1.5.5
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-fit-image@1.5.5
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React,{useState,useEffect} from 'react'
+import {View,StyleSheet,Text,ScrollView,SafeAreaView,Image,Button} from "react-native"
+import FitImage from "react-native-fit-image"
+var styles = StyleSheet.create({
+    fitImage:{
+        borderRadius:20,
+        borderColor:'red',
+        borderWidth:1
+    },
+    fitImageWithSize:{
+        height:200,
+        width:'100%'
+    }
+});
+const FitImageDemo=()=>{
+    // 测试onLoad
+    const [onLoadDatea,setOnLoad] = useState('初始onLoad未执行')
+    // 测试onError
+    const [onErrorDatea,setOnError] = useState('初始onError未执行')
+    // 测试onLoadStart
+    const [onLoadStartDatea,setOnLoadStart] = useState('未执行前onLoadStart未执行')
+    // 测试onLayOut
+    const [onLayOutData,setOnLayout] = useState('未执行前onLayout未执行')
+    // 刷新按钮
+    const [refLoadData,setRefLoadBtn] = useState(true)
+    // 获取本地图片尺寸
+    const [imgSizeNum,getImageSizeNum] = useState({width:0,height:0})
+    const img1 = require('./assets/expo.png')
+    const getImageSize = ()=>{
+        let res = Image.resolveAssetSource(img1)
+        getImageSizeNum({width:res.width,height:res.height})
+    }
+    // 获取网络图片尺寸
+    const imgHttp={uri:"https://octodex.github.com/images/stormtroopocat.jpg"}
+    const [imgHttpSize,getHttpSizeNum] = useState({width:0,height:0})
+    // 刷新
+    const [reshUiData,setReshUi] = useState(0)
+    useEffect(() => {;
+        getReloadFres()
+      }, []);
+      const getReloadFres =()=>{
+         // http远程文件
+         Image.getSize(imgHttp.uri, (width,height) => {
+            getHttpSizeNum({ width,height });
+          },
+         (failure) => { console.log('failure', failure)});
+      }
+    //  刷新
+    const reLoadFun = () =>{
+        setRefLoadBtn(false)
+        setReshUi(reshUiData+1)
+        getImageSizeNum({width:0,height:0})
+        getHttpSizeNum({width:0,height:0})
+        setRefLoadBtn(true)
+        getReloadFres()
+    }
+    return (
+        <SafeAreaView>
+            <ScrollView>
+                {/* button刷新按钮方便压力测试 */}
+                <Button onPress={()=>{reLoadFun()}} title='刷新'></Button>
+                {refLoadData&&(
+                    <View style={{width:'100%',height:'100%'}}>
+                    <Text>刷新了{reshUiData}次</Text>
+                     <View>
+                         <Text>测试onLoad</Text>
+                         <Text>{onLoadDatea}</Text>
+                         <FitImage onLoad={()=>{console.log('执行了onLoad'); setOnLoad('执行了onLoad')}}
+                             style={styles.fitImageWithSize} source={require('./assets/expo.png')} />                        
+                     </View>
+                     <View>
+                         <Text>测试base64图片</Text>
+                         <FitImage
+                              source={{
+                                 uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg==',
+                               }}
+                               style={{...styles.fitImageWithSize}}
+                             />
+                     </View>
+                     <View>
+                         <Text>测试属性originalWidth，originalHeight（在不加宽度高度的情况下）</Text>
+                         <FitImage
+                             source={require('./assets/expo.png')}
+                             originalWidth={400}
+                             originalHeight={400}
+                             />
+                     </View>
+                     <View>
+                         <Text>不加originalWidth，originalHeight和不加宽度高度的情况下</Text>
+                         <FitImage
+                             source={require('./assets/expo.png')}
+                             />
+                     </View>
+                     <View>
+                         <Text>不加originalWidth，originalHeight但是加宽度高度的情况下</Text>
+                         <FitImage
+                             source={require('./assets/expo.png')}
+                             style={{...styles.fitImageWithSize}}
+                             />
+                     </View>
+                     <View>
+                         <Text>不加originalWidth，originalHeight但是加宽度高度的情况下的网络图片</Text>
+                         <FitImage
+                             source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}}
+                             style={{...styles.fitImageWithSize}}
+                             />
+                     </View>
+                     <View>
+                         <Text>加originalWidth，originalHeight但是不加宽度高度的情况下的网络图片</Text>
+                         <FitImage
+                             source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}}
+                             originalWidth={400}
+                             originalHeight={400}
+                             />
+                     </View>
+                     <View>
+                         <Text>同时加originalWidth，originalHeight和宽度高度的情况下</Text>
+                         <FitImage
+                             source={require('./assets/expo.png')}
+                             originalWidth={400}
+                             originalHeight={400}
+                             style={{...styles.fitImageWithSize}}
+                             />
+                     </View>
+                     <View>
+                         <View>
+                             <Text>indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值：large  small number)</Text>
+                             <Text>值为：large</Text>
+                             <FitImage indicator={true}  indicatorColor='red' indicatorSize='large' 
+                                 style={{...styles.fitImageWithSize}} source={require('./assets/expo.png')} />                  
+                         </View>
+                         <View>
+                             <Text>indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值：large  small number)</Text>
+                             <Text>small</Text>
+                             <FitImage indicator={true}  indicatorColor='red' indicatorSize='small' 
+                                 style={{...styles.fitImageWithSize}} source={require('./assets/expo.png')} />                   
+                         </View>
+                         <View>
+                             <Text>indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值：large  small number)</Text>
+                             <Text>number:值越大指示器越大</Text>
+                             <FitImage indicator={true}  indicatorColor='red' indicatorSize={100} 
+                                 style={{...styles.fitImageWithSize}} source={require('./assets/expo.png')} />                   
+                         </View>
+                         <View>
+                             <Text>indicator(加载器 为false) </Text>
+                             <Text>number:值越大指示器越大</Text>
+                             <FitImage indicator={false}   style={{...styles.fitImageWithSize}} 
+                                 source={require('./assets/expo.png')} />                             
+                         </View>
+                     </View>
+                     <View>
+                         <Text>验证网络图片</Text>
+                         <FitImage  style={styles.fitImageWithSize}  
+                             source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}} />                        
+                     </View>
+                     <View>
+                         <Text>获取本地图片宽高</Text>
+                         <FitImage  style={styles.fitImageWithSize} source={require('./assets/expo.png')} />                        
+                         <Text>宽度：{imgSizeNum.width},高度：{imgSizeNum.height}</Text>
+                         <Button onPress={()=>{getImageSize()}} title='调用image图片宽高'></Button>
+                     </View>
+                     <View>
+                         <Text>验证网络图片宽高</Text>
+                         <Text>宽度：{imgHttpSize.width},高度：{imgHttpSize.height}</Text>
+                         <FitImage  style={{...styles.fitImageWithSize,...styles.fitImage}} 
+                             source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}} />                         
+                     </View>
+                     <View>
+                         <Text>验证图片圆角</Text>
+                         <FitImage  style={{...styles.fitImageWithSize,...styles.fitImage}} 
+                             source={require('./assets/expo.png')} />                        
+                     </View>
+                     <View>
+                         <Text>测试resizeMode(cover contain stretch repeat center)，值为cover</Text>
+                         <FitImage resizeMode='cover' style={{...styles.fitImageWithSize}} 
+                             source={require('./assets/expo.png')} />                        
+                     </View>
+                     <View>
+                         <Text>测试resizeMode(cover contain stretch repeat center)，值为contain</Text>
+                         <FitImage resizeMode='contain' style={{...styles.fitImageWithSize}}
+                             source={require('./assets/expo.png')} />                        
+                     </View>
+                     <View>
+                         <Text>测试resizeMode(cover contain stretch repeat center)，值为stretch</Text>
+                         <FitImage resizeMode='stretch' style={{...styles.fitImageWithSize}} 
+                             source={require('./assets/expo.png')} />                        
+                     </View>
+                     <View>
+                         <Text>测试resizeMode(cover contain stretch repeat center)，值为repeat</Text>
+                         <FitImage resizeMode='repeat' style={{...styles.fitImageWithSize}} 
+                             source={require('./assets/expo.png')} />                        
+                     </View>
+                     <View>
+                         <Text>测试resizeMode(cover contain stretch repeat center)，值为center</Text>
+                         <FitImage resizeMode='center' style={{...styles.fitImageWithSize}} 
+                             source={require('./assets/expo.png')} />                        
+                     </View>
+                    
+                     <View>
+                         <Text>测试onError</Text>
+                         <Text>{onErrorDatea}</Text>
+                         <FitImage onError={()=>{console.log('执行了onError'); setOnError('执行了onError')}} 
+                             style={styles.fitImageWithSize} source={{uri:'https://ok.github.io123.png/'}} />    
+                     </View>
+                     <View>
+                         <Text>测试onLoadStart</Text>
+                         <Text>{onLoadStartDatea}</Text>
+                         <FitImage onLoadStart={()=>{console.log('执行了onLoadStart');setOnLoadStart('执行了onLoadStart')}} 
+                             style={{...styles.fitImageWithSize,borderRadius:20}} source={require('./assets/expo.png')} />     
+                     </View>
+                     <View>
+                         <Text>测试onLayOut</Text>
+                         <Text>{onLayOutData}</Text>
+                         <FitImage onLoadStart={()=>{console.log('执行了onLayout');setOnLayout('执行了onLayout')}} 
+                             style={{...styles.fitImageWithSize,borderRadius:20}} source={require('./assets/expo.png')} />     
+                     </View>
+                     <View>
+                         <Text>测试blurRadius(模糊滤镜，值越大越模糊)</Text>
+                         <FitImage
+                             source={require('./assets/expo.png')}
+                             blurRadius={20}
+                             style={{...styles.fitImage,...styles.fitImageWithSize}}
+                             />
+                     </View>
+                 </View>
+                )}
+               {!refLoadData&&(
+                <View style={{width:'100%',height:'100%'}}>
+                    <Text>
+                        加载中。。。。。。
+                    </Text>
+                </View>
+               )}
+            </ScrollView>
+        </SafeAreaView>
+    )
+}
+export default FitImageDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
+
+## 属性
+
+[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                                                                                                                                                                                                                                                                                                                                                                                     | Type          | Required | Platform                      | HarmonyOS Support | Remark                                                       |
+| ------------------ |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------------- | -------- | ----------------------------- | ----------------- | ------------------------------------------------------------ |
+| `style`            | 图片宽(width)高(height)，边框等样式                                                                                                                                                                                                                                                                                                                                                                                       | object        | yes      | Android IOS                   | YES               | 在不加orginalWidth与orginalHeight属性时，style里面必须设置宽width，高height才能把图片加载出来 |
+| `source`           | 图片文件源：                                                                                               本地图片 source={require('./assets/expo.png')}；<br />网络图片 source={{uri:"xxx"}}                                                                                                                                                                                                                                 | string        | yes      | Android IOS                   | YES               |                                                              |
+| `width`            | 图片style中属性                                                                                                                                                                                                                                                                                                                                                                                                      | number        | yes      | Android IOS                   | YES               |                                                              |
+| `height`           | 图片style中属性                                                                                                                                                                                                                                                                                                                                                                                                      | number        | yes      | Android IOS                   | YES               |                                                              |
+| `borderRadius`     | 图片样式（圆角）                                                                                                                                                                                                                                                                                                                                                                                                        | number        | No       | Android IOS HarmonyOS都不支持 | NO                | 此属性在HarmonyOS，Android ，IOS均不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
+| `indicator`        | 加载器值为true/false (默认true)                                                                                                                                                                                                                                                                                                                                                                                        | boolean       | No       | Android IOS                   | YES               |                                                              |
+| `indicatorColor`   | 加载器颜色                                                                                                                                                                                                                                                                                                                                                                                                           | string        | No       | Android IOS                   | YES               |                                                              |
+| `indicatorSize`    | 加载器大小  值：`large`  `small` number(例: indicatorSize={20} )                                                                                                                                                                                                                                                                                                                                                        | string/number | No       | Android IOS                   | YES               |                                                              |
+| resizeMode         | 图片布局  值(cover contain stretch repeat center)                           `cover`: 在保持图片宽高比的前提下缩放图片，直到宽度和高度都大于等于容器视图的尺寸（如果容器有 padding 内衬的话，则相应减去）。**译注**：这样图片完全覆盖甚至超出容器，容器中不留任何空白。 `contain`: 在保持图片宽高比的前提下缩放图片，直到宽度和高度都小于等于容器视图的尺寸（如果容器有 padding 内衬的话，则相应减去）。**译注**：这样图片完全被包裹在容器中，容器中可能留有空白。 `stretch`: 拉伸图片且不维持宽高比，直到宽高都刚好填满容器。 `repeat`: 重复平铺图片直到填满容器。图片会维持原始尺寸，但是当尺寸超过容器时会在保持宽高比的前提下缩放到能被容器包裹。 `center`: 居中不拉伸。 | string        | No       | Android IOS                   | YES               |                                                              |
+| blurRadius         | 图片模糊滤镜（值越大越模糊）                                                                                                                                                                                                                                                                                                                                                                                                  | number        | No       | Android IOS                   | YES               |                                                              |
+| onLoad             | 图片加载成功回调                                                                                                                                                                                                                                                                                                                                                                                                        | Function      | No       | Android IOS                   | YES               |                                                              |
+| resolveAssetSource | 获取本地图片宽高                                                                                 用法：const img1 = require('./assets/expo.png')                                                    let  res = Image.resolveAssetSource(img1)                                                                                                                                                                              | Function      | No       | Android IOS                   | YES               |                                                              |
+| getSize            | 获取网络图片尺寸：Image.getSize(uri,(width,height)=>{},(fail)=>{})                                                                                                                                                                                                                                                                                                                                                       | Function      | No       | Android IOS                   | YES               |                                                              |
+| onError            | 获取图片资源出错                                                                                                                                                                                                                                                                                                                                                                                                        | Function      | No       | Android IOS HarmonyOS都不支持 | NO                | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76)；在原库中作者已经说明Some props are not working |
+| onLoadStart        | 资源刚加载时候                                                                                                                                                                                                                                                                                                                                                                                                         | Function      | NO       | Android IOS HarmonyOS都不支持 | NO                | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76)；在原库中作者已经说明Some props are not working |
+| onLayout           | 资源改变尺寸或者加载时                                                                                                                                                                                                                                                                                                                                                                                                     | Function      | NO       | Android IOS HarmonyOS都不支持 | NO                | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76)；在原库中作者已经说明Some props are not working |
+| orginalWidth       | 图片原始宽度                                                                                                                                                                                                                                                                                                                                                                                                          | number        | NO       | Android IOS                   | YES               |                                                              |
+| orginalHeight      | 图片原始高度                                                                                                                                                                                                                                                                                                                                                                                                          | number        | NO       | Android IOS                   | YES               |                                                              |
+
+## 遗留问题
+
+- [ ] 在react-native-fit-image三方库中`onError`.`onLoadStart`.`onLayout`回调方法，在原库文档（react-native-fit-image）作者已说明并没有适配（Some props are not working），有待开发：[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
+- [ ] `borderRadius`图片圆角属性，在 HarmonyOS ，ios，安卓均不支持，官方文档互动有提到borderRadius不生效：[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [THE BEER-WARE LICENSE](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fhuiseoul%2Freact-native-fit-image%2Fblob%2Fmaster%2FLICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-flash-message.md b/en/react-native-flash-message.md
new file mode 100644
index 00000000..b1e6f798
--- /dev/null
+++ b/en/react-native-flash-message.md
@@ -0,0 +1,162 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-flash-message</code> </h1>
+</p>
+<p align="center">
+   <a href="https://github.com/lucasferreira/react-native-flash-message">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lucasferreira/react-native-flash-message/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/lucasferreira/react-native-flash-message)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-flash-message@0.4.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-flash-message@0.4.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+// FlashMessage组件是为全局使用而构建的，因此您必须在主应用程序屏幕中实例化此组件一次，并始终将其作为最后插入的组件
+import React from 'react';
+import {SafeAreaView, View,} from 'react-native';
+import FlashMessage from "react-native-flash-message";
+function App() {
+  return (
+    <View style={{ backgroundColor: 'white' }}>
+      <SafeAreaView>
+      </SafeAreaView>
+      <FlashMessage position="top"/>  
+    </View>
+  );
+}
+export default App;
+
+```
+
+```js
+import {StyleSheet, Text, View, Image, TouchableOpacity} from 'react-native';
+import {showMessage, hideMessage} from 'react-native-flash-message';
+
+export function FlashMessageTest() {
+  return (
+    <View style={styles.container}>
+      <TouchableOpacity
+        style={styles.button}
+        onPress={() => {
+          showMessage({
+            message: 'show message',
+            type: 'info',
+            onPress: () => {
+              hideMessage();
+            },
+            autoHide: false,
+            renderAfterContent: e => {
+              return (
+                <View>
+                  <Text>renderAfterContent</Text>
+                </View>
+              );
+            },
+          });
+        }}>
+        <Text>renderAfterContent</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 10,
+    margin: 25,
+    borderRadius: 5,
+    borderWidth: 3,
+  },
+  button: {
+    padding: 10,
+    margin: 5,
+    backgroundColor: 'red',
+    borderRadius: 5,
+  },
+});
+
+
+```
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 方法
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message/blob/v0.4.0/README.md)
+
+| Name                   | Description | Required | Platform | HarmonyOS Support |
+| ---------------------- | ----------- | -------- | ----------------- | ----------------- |
+| hideOnPress            | Controls if the flash message can be closed on press      | NO        | iOS/Android               | YES               |
+| onPress                | onPress callback for flash message press           | NO        | iOS/Android               | YES               |
+| onLongPress            | onLongPress callback for flash message press           | NO        | iOS/Android               | YES               |
+| animated               | Controls if the flash message will be shown with animation or not           | NO        | iOS/Android               | YES               |
+| animationDuration      | Animations duration/speed           | NO        | iOS/Android               | YES               |
+| autoHide               | Controls if the flash message can hide itself after some duration time           | NO        | iOS/Android               | YES               |
+| duration               | How many milliseconds the flash message will be shown if the autoHide it's true           | NO        | iOS/Android               | YES               |
+| hideStatusBar          | Controls if the flash message will auto hide the native status bar. Note: Works OK in iOS, not all Android versions support this. | NO | iOS/Android   | YES   |
+| statusBarHeight        | Use this prop to set a custom status bar height that will be add in flash message padding top calc | NO        | iOS/Android               | YES     |
+| floating               | The floating prop unstick the message from the edges and applying some border radius to component  | NO        | iOS/Android               | YES               |
+| position               | The position prop set the position of a flash message. Expected options: "top" (default), "bottom", "center" or a custom object with { top, left, right, bottom } position           | NO        | iOS/Android               | YES               |
+| icon                   | The icon prop could be a render function that return a new JSX Element to be placed in icon position OR a definition of the graphical icon of a flash message. Expected options: "none" (default), "auto" (guided by type), "success", "info", "warning", "danger", a custom icon (render function) or a custom object with icon type/name and position (left or right) attributes, e.g.: { icon: "success", position: "right" }           | NO       | iOS/Android               | YES               |
+| style                  | Apply a custom style object in flash message container | NO       | iOS/Android               | YES               |
+| textStyle              | Apply a custom style object in flash message descript/text text label   | NO       | iOS/Android               | YES               |
+| titleStyle             | Apply a custom style object in flash message title text label           | NO       | iOS/Android               | YES               |
+| titleProps              | Set a custom props object in flash message title text label          | NO       | iOS/Android               | YES               |
+| textProps              | Set a custom props object in flash message all text components          | NO       | iOS/Android               | YES               |
+| iconProps              | Set a custom props object to use inside the renderFlashMessageIcon method as third argument           | NO       | iOS/Android               | YES               |
+| renderBeforeContent    | Render custom JSX before title in flash message.          | NO        | iOS/Android               | YES               |
+| renderCustomContent    | Render custom JSX below title in flash message.           | NO        | iOS/Android               | YES               |
+| renderAfterContent     | Render custom JSX after the title (or description) of a flash message.           | NO        | iOS/Android               | YES               |
+| renderFlashMessageIcon | Set a custom render function for inside message icons           | NO        | iOS/Android               | YES               |
+| transitionConfig       | Set the transition config function used in shown/hide anim interpolations           | NO        | iOS/Android               | YES               |
+| canRegisterAsDefault   | Use to handle if the instance can be registed as default/global instance           | NO        | iOS/Android               | YES               |
+| MessageComponent       | Set the default flash message render component used to show all the messages           | NO       | iOS/Android               | YES               |
+
+
+## 遗留问题
+- [ ] iOS 和 鸿蒙侧效果有差异，隐藏手机状态栏是通过RN框架的StatusBar组件中的StatusBar.setHidden()方法实现,具体效果有差异，暂未解决。原因：鸿蒙系统手机顶部系统非安全区域块范围底部与前置摄像头挖空区域范围底部高度不一致，在显示和隐藏状态栏的过程中，系统非安全区域范围高度会有（0,136（不同手机不同）两种变化），导致内容组件所在窗口大小顶部位置会在两种状态下分别与前置摄像头挖空区域底部或系统非安全区域底部对齐，造成抖动，状态栏的显隐状态和SystemAvoidView这种类型的非安全区域大小不是强关联的。与IOS不一致原因：IOS的顶部没有非安全区域，未做避让。
+
+ 
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lucasferreira/react-native-flash-message/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-flexi-radio-button.md b/en/react-native-flexi-radio-button.md
new file mode 100644
index 00000000..ae616d43
--- /dev/null
+++ b/en/react-native-flexi-radio-button.md
@@ -0,0 +1,179 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-flexi-radio-button</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/thegamenicorus/react-native-flexi-radio-button">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/thegamenicorus/react-native-flexi-radio-button/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/thegamenicorus/react-native-flexi-radio-button)
+
+## 安装与使用
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react-native-flexi-radio-button@0.2.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-flexi-radio-button@0.2.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+### Basic Example
+[see full basic example](https://github.com/thegamenicorus/react-native-flexi-radio-button/blob/master/examples/BasicExample/app.js)
+
+|![basic_example_ios](https://cloud.githubusercontent.com/assets/21040043/18545904/67b5476e-7b65-11e6-8fc4-8160b39a4ab0.gif)|![basic_example_android](https://cloud.githubusercontent.com/assets/21040043/18545908/69b22f5a-7b65-11e6-87d7-c82c0d3057dd.gif)|
+|---------------|----------|
+```jsx
+
+import {RadioGroup, RadioButton} from 'react-native-flexi-radio-button'
+
+onSelect(index, value){
+  this.setState({
+    text: `Selected index: ${index} , value: ${value}`
+  })
+}
+
+render(){
+  return(
+    <View style={styles.container}>
+    
+      <RadioGroup
+        onSelect = {(index, value) => this.onSelect(index, value)}
+      >
+        <RadioButton value={'item1'} >
+          <Text>This is item #1</Text>
+        </RadioButton>
+
+        <RadioButton value={'item2'}>
+          <Text>This is item #2</Text>
+        </RadioButton>
+
+        <RadioButton value={'item3'}>
+          <Text>This is item #3</Text>
+        </RadioButton>
+      </RadioGroup>
+      
+      <Text style={styles.text}>{this.state.text}</Text>
+      
+    </View>
+  )
+}
+```
+### Custom Example
+[see full custom example](https://github.com/thegamenicorus/react-native-flexi-radio-button/blob/master/examples/CustomExample/app.js)
+
+|![custom_ios](https://cloud.githubusercontent.com/assets/21040043/18546467/53bf8230-7b68-11e6-98f6-98899cce82b3.gif)|![cusom_android](https://cloud.githubusercontent.com/assets/21040043/18546744/cb912fce-7b69-11e6-9331-49e2337dcb04.gif)|
+|---------------|----------|
+
+
+modify in render()
+
+```jsx
+<RadioGroup
+  size={24}
+  thickness={2}
+  color='#9575b2'
+  highlightColor='#ccc8b9'
+  selectedIndex={1}
+  onSelect = {(index, value) => this.onSelect(index, value)}
+>
+  <RadioButton 
+    style={{alignItems:'center'}}
+    value='Yo!! I am a cat.' 
+  >
+    <Image
+      style={{width:100, height: 100}}
+      source={{uri:'https://cloud.githubusercontent.com/assets/21040043/18446298/fa576974-794b-11e6-8430-b31b30846084.jpg'}}
+    />
+  </RadioButton>
+
+  <RadioButton 
+    value='index1'
+  > 
+    <Text>Start from item index #1</Text>
+  </RadioButton>
+
+  <RadioButton 
+    value='red color'
+    color='red'
+  >
+    <Text>Red Dot</Text>
+  <RadioButton 
+    value='green color'
+    color='green'
+  >
+    <Text>Green Dot</Text>
+  </RadioButton>
+
+  <RadioButton 
+    value='blue color'
+    color='blue'
+  >
+    <Text>Blue Dot</Text>
+  </RadioButton>
+</RadioGroup>
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+##### Radio Group:
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| size | 单选按钮的大小  | number  | no       | Android/IOS | yes       |
+| thickness  | 单选按钮边框的宽度 | number  | no       | Android/IOS | yes             |
+| color  | 单选按钮的颜色   | string  | no       | Android/IOS | yes             |
+| activeColor  | 选择时单选按钮的颜色   | string  | no       | Android/IOS | yes             |
+| highlightColor  | 选择后单选按钮的背景 | string  | no       | Android/IOS | yes             |
+| selectedIndex  | 单选组的默认选择索引，可以更改为新值或空值以进行明确选择 | number  | no | Android/IOS | yes  |
+| style  | 如果提供，则要应用的自定义样式 | object  | no       | Android/IOS | yes             |
+| onSelect  | 选择单选按钮时要调用的函数    | function(index, value)  | no       | Android/IOS | yes             |
+
+##### Radio Button:
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| value  | value 将在回调时作为第二个参数传递onSelect | any  | no       | Android/IOS | yes      |
+| style  | 要应用于“RadioButton”组件的样式   | object  | no       | Android/IOS | yes      |
+| color  | 按钮颜色  | string  | no       | Android/IOS | yes             |
+| disabled  | 如果为 true，则禁用此组件的所有交互  | bool  | no       | Android/IOS | yes    |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/thegamenicorus/react-native-flexi-radio-button/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-flip-card.md b/en/react-native-flip-card.md
new file mode 100644
index 00000000..ca693e07
--- /dev/null
+++ b/en/react-native-flip-card.md
@@ -0,0 +1,248 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-flip-card</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/moschan/react-native-flip-card">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/moschan/react-native-flip-card/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/moschan/react-native-flip-card)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react-native-flip-card@3.5.7
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-flip-card@3.5.7
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import FlipCard from "react-native-flip-card";
+import {
+  Text,
+  View,
+  StyleSheet,
+  ScrollView,
+  TouchableOpacity,
+} from "react-native";
+
+export const FlipCardExample = () => {
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: "#F5FCFF",
+    },
+    welcome: {
+      fontSize: 20,
+      textAlign: "center",
+      margin: 10,
+      marginTop: 20,
+    },
+    instructions: {
+      textAlign: "center",
+      color: "#333333",
+      marginBottom: 5,
+    },
+    card: {
+      width: 200,
+      marginTop: 20,
+    },
+    face: {
+      flex: 1,
+      backgroundColor: "#2ecc71",
+      justifyContent: "center",
+      alignItems: "center",
+    },
+    back: {
+      flex: 1,
+      backgroundColor: "#f1c40f",
+      justifyContent: "center",
+      alignItems: "center",
+    },
+    button: {
+      width: 100,
+      height: 30,
+      marginTop: 30,
+      paddingTop: 6,
+      paddingBottom: 6,
+      borderRadius: 3,
+      borderWidth: 1,
+      backgroundColor: "#007AFF",
+      borderColor: "transparent",
+    },
+    buttonText: {
+      color: "#fff",
+      textAlign: "center",
+    },
+    img: {
+      flex: 1,
+      height: 64,
+    },
+  });
+  const [flip, setFlip] = useState(false);
+  var CARDS = [1, 2, 3, 4, 5, 6, 7, 8, 9];
+  const MyFlipCard = ({ val }) => {
+    return (
+      <View style={{ margin: 3 }}>
+        <FlipCard style={styles.card}>
+          <View style={styles.face}>
+            <Text>Card {val}</Text>
+          </View>
+          <View style={styles.back}>
+            <Text>The back side</Text>
+          </View>
+        </FlipCard>
+      </View>
+    );
+  };
+  const createCard = (val, i) => <MyFlipCard key={i} val={val} />;
+
+  return (
+    <View style={styles.container}>
+      <ScrollView>
+        <Text style={styles.welcome}>Flip Card Example</Text>
+        <View>
+          <Text style={styles.welcome}>Minimal</Text>
+          <FlipCard style={{ marginBottom: 5 }}>
+            <View style={styles.face}>
+              <Text>The Face</Text>
+            </View>
+            <View style={styles.back}>
+              <Text>The Back</Text>
+            </View>
+          </FlipCard>
+
+          <Text style={styles.welcome}>Customized</Text>
+          <FlipCard
+            flip={flip}
+            friction={3}
+            perspective={500}
+            flipHorizontal={true}
+            flipVertical={false}
+            clickable={true}
+            style={styles.card}
+            alignHeight={true}
+            onFlipStart={(isFlipStart) => {
+              console.log("isFlipStart", isFlipStart);
+            }}
+            useNativeDriver={true}
+          >
+            <View style={styles.face}>
+              <Text>The Face</Text>
+            </View>
+            <View style={styles.back}>
+              <Text style={{ fontSize: 50 }}> The Back </Text>
+            </View>
+          </FlipCard>
+          <FlipCard
+            flip={flip}
+            friction={10}
+            perspective={4000}
+            flipHorizontal={false}
+            flipVertical={true}
+            clickable={true}
+            style={styles.card}
+            alignHeight={true}
+            onFlipEnd={(isFlipEnd) => {
+              console.log("isFlipEnd", isFlipEnd);
+            }}
+          >
+            <View style={styles.face}>
+              <Text>The Face</Text>
+            </View>
+            <View style={styles.back}>
+              <Text>T</Text>
+              <Text>h</Text>
+              <Text>e</Text>
+              <Text></Text>
+              <Text>B</Text>
+              <Text>a</Text>
+              <Text>c</Text>
+              <Text>k</Text>
+            </View>
+          </FlipCard>
+        </View>
+        <View>
+          <TouchableOpacity
+            style={styles.button}
+            onPress={() => {
+              setFlip({ flip: !flip });
+            }}
+          >
+            <Text style={styles.buttonText}>Flip</Text>
+          </TouchableOpacity>
+        </View>
+        <View>{CARDS.map(createCard)}</View>
+      </ScrollView>
+    </View>
+  );
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24;
+
+## 属性
+
+### FlipCard
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+>
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+该库为 UI 组件库，通过配置属性标签，实现对应的功能。
+
+| Name            | Type     | Description                                                                                                                     | Default | Required | Platform    | HarmonyOS Support |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| flip            | boolean  | If you change default display side, you can set true to this param. If you change side, you can pass bool variable dynamically. | false   | no       | iOS/Android | yes               |
+| clickable       | boolean  | If you want to disable click a card, you can set false to this paramicon.                                                       | true    | no       | iOS/Android | yes               |
+| friction        | number   | The friction of card animation                                                                                                  | 6       | no       | iOS/Android | yes               |
+| perspective     | number   | The amount of perspective applied to the flip transformation                                                                    | 1000    | no       | iOS/Android | yes               |
+| flipHorizontal  | boolean  | If you set true, a card flip to horizontal.                                                                                     | false   | no       | iOS/Android | yes               |
+| flipVertical    | boolean  | If you set false, a card not flip to vertical. If you set true both flipHoriszontal and flipVertical , a card flip to diagonal. | true    | no       | iOS/Android | yes               |
+| onFlipStart     | function | When a card starts a flip animation, call onFlipEnd function with param.                                                        | NA      | no       | iOS/Android | yes               |
+| onFlipEnd       | function | When a card finishes a flip animation, call onFlipEnd function with param.                                                      | NA      | no       | iOS/Android | yes               |
+| alignHeight     | boolean  | If you pass true to alignHeight param, the card keep height of bigger side.                                                     | false   | no       | iOS/Android | yes               |
+| alignWidth      | boolean  | If you pass true to alignWidth param, the card keep width of bigger side.                                                       | false   | no       | iOS/Android | yes               |
+| useNativeDriver | boolean  | If you pass true to useNativeDriver param, the card animation will utilize the native driver.                                   | true    | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/moschan/react-native-flip-card/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-fs.md b/en/react-native-fs.md
new file mode 100644
index 00000000..a36ab700
--- /dev/null
+++ b/en/react-native-fs.md
@@ -0,0 +1,311 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-fs</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/itinance/react-native-fs">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-fs/blob/sig/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fs)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-fs@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-fs@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState } from "react";
+import {
+  SafeAreaView,
+  StyleSheet,
+  ScrollView,
+  View,
+  Text,
+  StatusBar,
+  TextInput,
+  Button,
+} from "react-native";
+import FS from "react-native-fs";
+import { Colors } from "react-native/Libraries/NewAppScreen";
+function App(): React.JSX.Element {
+  const [mkdirParam, setMkdirParam] = useState("");
+  const mkdirExample = () => {
+    FS.mkdir(FS.DocumentDirectoryPath + "/" + mkdirParam).then(
+      (result) => {
+        console.log("file mkdirParam： " + mkdirParam);
+        console.log("file Successfully created directory.");
+      },
+      (err) => {
+        console.error("file mkdir: " + err.message);
+      }
+    );
+  };
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView>
+        <ScrollView
+          contentInsetAdjustmentBehavior="automatic"
+          style={styles.scrollView}
+        >
+          <Text style={styles.sectionTitle}>
+            {"React Native File Harmony Demo App"}
+          </Text>
+          <View style={styles.body}>
+            <View style={styles.sectionContainer}>
+              <Text style={styles.sectionTitle}>{"mkdir"}</Text>
+              <View style={styles.sectionDescription}>
+                <TextInput
+                  style={styles.input}
+                  placeholder="Folder Path"
+                  onChangeText={(mkdirParam) => setMkdirParam(mkdirParam)}
+                  placeholderTextColor="#9a73ef"
+                  autoCapitalize="none"
+                />
+              </View>
+              <Button
+                title="Create Directory"
+                color="#9a73ef"
+                onPress={mkdirExample}
+              />
+            </View>
+          </View>
+        </ScrollView>
+      </SafeAreaView>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  scrollView: {
+    backgroundColor: Colors.black,
+  },
+  engine: {
+    position: "absolute",
+    right: 0,
+  },
+  body: {
+    backgroundColor: Colors.dark,
+  },
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: "600",
+    color: Colors.white,
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: "400",
+    color: Colors.dark,
+  },
+  input: {
+    marginTop: 12,
+  },
+});
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-fs": "file:../../node_modules/@react-native-oh-tpl/react-native-fs/harmony/fs.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 FsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type { RNPackageContext, RNPackage } from 'rnoh/ts';
+  ...
++ import { FsPackage } from '@react-native-oh-tpl/react-native-fs/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new FsPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
+| :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
+| DocumentDirectoryPath        | System Path | string | No       | IOS/Android     | yes               |                          |
+| CachesDirectoryPath          | System Path | string | No       | IOS/Android     | yes               |                          |
+| MainBundlePath               | System Path | string | No       | IOS             | yes               |                          |
+| ExternalCachesDirectoryPath  | System Path | string | No       | Android         | No                | Android only             |
+| DownloadDirectoryPath        | System Path | string | No       | Android/Windows | No                | not available on Harmony |
+| TemporaryDirectoryPath       | System Path | string | No       | IOS/Android     | yes               |                          |
+| LibraryDirectoryPath         | System Path | string | No       | IOS             | yes               |                          |
+| ExternalDirectoryPath        | System Path | string | No       | Android         | No                | Android only             |
+| ExternalStorageDirectoryPath | System Path | string | No       | Android         | No                | Android only             |
+| PicturesDirectoryPath        | System Path | string | No       | Windows         | No                | Windows only             |
+| RoamingDirectoryPath         | System Path | string | No       | Windows         | No                | Windows only             |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
+| ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
+| mkdir                   | Create a directory at `filepath`.                            | function | Android     | No       | yes               |                   |
+| exists                  | Check if the item exists at `filepath`.                      | function | IOS/Android | No       | yes               |                   |
+| readFile                | Reads the file at `path` and return contents.                | function | IOS/Android | No       | yes               |                   |
+| readFileAssets          | Reads the file at `path` in the harmony app's assets folder and return contents. | function | Android     | No       | yes               |                   |
+| writeFile               | Write the `contents` to `filepath`.                          | function | IOS/Android | No       | yes               |                   |
+| appendFile              | Append the `contents` to `filepath`.                         | function | IOS/Android | No       | yes               |                   |
+| copyFile                | Copies the file located at `filepath` to `destPath`.         | function | IOS         | No       | yes               |                   |
+| unlink                  | Unlinks the item at `filepath`.                              | function | IOS/Android | No       | yes               |                   |
+| hash                    | Reads the file at `path` and returns its checksum as determined by `algorithm`, which can be one of `md5`, `sha1`, `sha256`. | function | IOS/Android | No       | partially         |                   |
+| moveFile                | Moves the file located at `filepath` to `destPath`.          | function | IOS/Android | No       | yes               |                   |
+| read                    | Reads `length` bytes from the given `position` of the file at `path` and returns contents. | function | IOS/Android | No       | yes               |                   |
+| write                   | Write the `contents` to `filepath` at the given random access position. | function | IOS/Android | No       | yes               |                   |
+| touch                   | Sets the modification timestamp `mtime`of the file at `filepath`. | function | IOS/Android | No       | partially         |                   |
+| stat                    | Stats an item at `filepath`.                                 | function | IOS/Android | No       | yes               |                   |
+| readDir                 | Reads the contents of `path`.                                | function | IOS/Android | No       | yes               |                   |
+| readDirAssets           | Reads the contents of `dirpath ` in the Android app's assets folder. | function | Android     | No       | No                | Android only      |
+| readdir                 | Node.js style version of `readDir` that returns only the names. | function | IOS/Android | No       | No                | No API on Harmony |
+| readFileRes             | Reads the file named `filename` in the Android app's `res` folder and return contents. | function | Android     | No       | No                | Android only      |
+| copyFolder              | Copies the contents located at `srcFolderPath` to `destFolderPath`. | function | Windows     | No       | No                | Windows only      |
+| copyFileAssets          | Copies the file at `filepath` in the Android app's assets folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
+| copyFileRes             | Copies the file named `filename` in the Android app's res folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
+| copyAssetsFileIOS       | Reads an image file from Camera Roll and writes to `destPath`. | function | IOS         | No       | No                | IOS only          |
+| copyAssetsVideoIOS      | Copies a video from assets-library, that is prefixed with 'assets-library://asset/asset.MOV?...' to a specific destination. | function | IOS         | No       | No                | IOS only          |
+| existsAssets            | Check in the Android assets folder if the item exists.       | function | Android     | No       | yes               |                   |
+| existsRes               | Check in the Android res folder if the item named `filename` exists. | function | Android     | No       | No                | Android only      |
+| downloadFile            | Abort the current download job with this ID.                 | function | IOS/Android | No       | yes               |                   |
+| stopDownload            | Abort the current download job with this ID.                 | function | IOS/Android | No       | No                | No API on Harmony |
+| resumeDownload          | Resume the current download job with this ID.                | function | IOS         | No       | No                | IOS only          |
+| isResumable             | Check if the the download job with this ID is resumable with `resumeDownload()`. | function | IOS         | No       | No                | IOS only          |
+| completeHandlerIOS      | For use when using background downloads, tell iOS you are done handling a completed download. | function | IOS         | No       | No                | IOS only          |
+| uploadFiles             | Percentage can be computed easily by dividing `totalBytesSent` by `totalBytesExpectedToSend`. | function | IOS/Android | No       | No                | No API on Harmony |
+| stopUpload              | Abort the current upload job with this ID.                   | function | IOS         | No       | No                | IOS only          |
+| getFSInfo               | Returns an object with the following properties.             | function | IOS/Android | No       | No                | No API on Harmony |
+| scanFile                | Scan the file using [Media Scanner](https://developer.android.com/reference/android/media/MediaScannerConnection). | function | Android     | No       | No                | Android only      |
+| getAllExternalFilesDirs | Returns an array with the absolute paths to application-specific directories on all shared/external storage devices where the application can place persistent files it owns. | function | Android     | No       | No                | Android only      |
+| pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier. | function | IOS         | No       | No                | IOS only          |
+
+## 遗留问题
+
+- [ ] HarmonyOS 的 hash 哈希 API 中关于算法参数 algorithm 目前仅支持"md5"、"sha1"、 "sha256"，其他相关算法参数目前不支持，问题: [issue#1](https://github.com/react-native-oh-library/react-native-fs/issues/1)
+- [ ] 原库部分接口在 HarmonyOS 中没有对应文件路径常量及接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-fs/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-gesture-handler.md b/en/react-native-gesture-handler.md
new file mode 100644
index 00000000..7a8c69ce
--- /dev/null
+++ b/en/react-native-gesture-handler.md
@@ -0,0 +1,469 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-gesture-handler</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/software-mansion/react-native-gesture-handler">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/software-mansion/react-native-gesture-handler/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-gesture-handler@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-gesture-handler@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from "react";
+import { Animated, Dimensions } from "react-native";
+import {
+  GestureHandlerRootView,
+  PanGestureHandler,
+} from "react-native-gesture-handler";
+
+const { width } = Dimensions.get("screen");
+const circleRadius = 30;
+
+class Circle extends Component {
+  _touchX = new Animated.Value(width / 2 - circleRadius);
+
+  _onPanGestureEvent = Animated.event([{ nativeEvent: { x: this._touchX } }], {
+    useNativeDriver: true,
+  });
+
+  render() {
+    return (
+      <GestureHandlerRootView>
+        <PanGestureHandler onGestureEvent={this._onPanGestureEvent}>
+          <Animated.View
+            style={{
+              height: 150,
+              justifyContent: "center",
+            }}
+          >
+            <Animated.View
+              style={[
+                {
+                  backgroundColor: "#42a5f5",
+                  borderRadius: circleRadius,
+                  height: circleRadius * 2,
+                  width: circleRadius * 2,
+                },
+                {
+                  transform: [
+                    {
+                      translateX: Animated.add(
+                        this._touchX,
+                        new Animated.Value(-circleRadius)
+                      ),
+                    },
+                  ],
+                },
+              ]}
+            />
+          </Animated.View>
+        </PanGestureHandler>
+      </GestureHandlerRootView>
+    );
+  }
+}
+
+export default function App() {
+  return <Circle />;
+}
+```
+
+## 使用Codegen
+
+本库未带rc.x的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-gesture-handler": "file:../../node_modules/@react-native-oh-tpl/react-native-gesture-handler/harmony/gesture_handler.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 GestureHandlerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-gesture-handler/src/main/cpp" ./gesture-handler)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_gesture_handler)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "GestureHandlerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<GestureHandlerPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 Gesture Handler Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import { GestureHandlerPackage } from '@react-native-oh-tpl/react-native-gesture-handler/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new GestureHandlerPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)
+
+> [!tip] [官方文档](https://docs.swmansion.com/react-native-gesture-handler/docs/)
+
+## Gestures
+
+### Gesture detector
+
+GestureDetector 是 Gesture Handler 库 2.x 版本的一个主要组件。
+
+#### Gesture detector 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                  | Type                             | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- | -------- |
+| gesture    | A gesture object containing the configuration and callbacks.                                     | base gestures or any ComposedGesture | yes      | All      | yes      |
+
+#### Gesture 的方法
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| method | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| Gesture.Tap() | Creates a new instance of [TapGesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/tap-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Pan() | Creates a new instance of [PanGesture](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pan-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Rotation() | Creates a new instance of [`RotationGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/rotation-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.LongPress() | Creates a new instance of [`LongPressGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/long-press-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Manual() | Creates a new instance of [`ManualGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/manual-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Pinch() | Creates a new instance of [`PinchGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/pinch-gesture) with its default config and no callbacks. | function() | All      | yes    |
+| Gesture.Fling() | Creates a new instance of [`FlingGesture`](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/fling-gesture) with its default config and no callbacks. | function() | All      | yes    |
+
+## Components
+
+### Touchables
+
+Gesture Handler 库提供了一种基于原生按钮的 React Native touchable 组件的实现，它不依赖于 React Native 的 JS responder system。这些组件的实现遵循相同的 API，旨在替代 React Native 中的 touchable 组件,HarmonyOS 已全面支持。
+
+- [Touchable Opacity](https://reactnative.dev/docs/touchableopacity)
+- [Touchable Without Feedback](https://reactnative.dev/docs/touchablewithoutfeedback)
+- [Touchable Highlight](https://reactnative.dev/docs/touchablehighlight)
+- [Touchable Native Feedback](https://reactnative.dev/docs/touchablenativefeedback)
+
+### Buttons
+
+BaseButton 属性
+| Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| onActiveStateChange | that gets triggered when button changes from inactive to active and vice versa. | function | All   | yes   |
+| onPress | that gets triggered when the button gets pressed | function | All   | yes   |
+| onLongPress | that gets triggered when the button gets pressed for at least `delayLongPress` milliseconds. | function | All   | yes   |
+| exclusive | defines if more than one button could be pressed simultaneously. By default set `true`. | boolean | All   | yes   |
+| delayLongPress | defines the delay, in milliseconds, after which the `onLongPress` callback gets called. By default set to 600. | number | All   | yes   |
+
+ReactButton 属性
+| Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| underlayColor | this is the background color that will be dimmed when button is in active state. | Color | All   | yes   |
+
+### Drawer Layout
+
+属性
+| Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| drawerType | A gesture object                                     | 'front'\|'back'\|'slide' | All | yes |
+| edgewidth | allows for defining how far from the edge of the content view the gesture should activate. | number | All   | yes   |
+| hideStatusBar | when set to `true` Drawer component will use [StatusBar](https://reactnative.dev/docs/statusbar.html) API to hide the OS status bar whenever the drawer is pulled or when its in an "open" state. | boolean | All   | yes   |
+| statusbaranimation | Can be used when `hideStatusBar` is set to `true` and will select the animation used for hiding/showing the status bar. | 'fade'\|'slide'\|'none' | All   | yes   |
+| overlaycolor | of a semi-transparent overlay to be displayed on top of the content view when drawer gets open. | color | All   | yes   |
+| rendernavigationview | his attribute is present in the standard implementation already and is one of the required params. | function | All   | yes   |
+| ondrawerclose | This function is called when the drawer is closed. | function | All   | yes   |
+| ondraweropen | This function is called when the drawer is opened. | function | All   | yes   |
+| ondrawerslide | his function is called as a drawer sliding open from touch events. | function | All   | yes   |
+| ondrawerstatechanged | This function is called when the status of the drawer changes. | function | All   | yes   |
+| children | Children is a component which is rendered by default and is wrapped by drawer. | component\| function | All   | yes   |
+
+### Swipeable
+
+属性
+| Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
+| friction | a number that specifies how much the visual interaction will be delayed compared to the gesture distance. | number | All | yes |
+| leftThreshold | distance from the left edge at which released panel will animate to the open state | number | All | yes |
+| rightThreshold | distance from the right edge at which released panel will animate to the open state | number | All | yes |
+| dragOffsetFromLeftEdge | distance that the panel must be dragged from the left edge to be considered a swipe. | number                   | All | yes |
+| dragOffsetFromRightEdge | distance that the panel must be dragged from the right edge to be considered a swipe. | number | All | yes |
+| overshootLeft | a boolean value indicating if the swipeable panel can be pulled further than the left actions panel's width. | boolean | All | yes |
+| overshootRight | a boolean value indicating if the swipeable panel can be pulled further than the right actions panel's width. I | boolean | All | yes |
+| overshootFriction | a number that specifies how much the visual interaction will be delayed compared to the gesture distance at overshoot. | number                   | All | yes |
+| onSwipeableOpen | method that is called when action panel gets open | function(direction: 'left' \| 'right', swipeable: Swipeable) | All | yes |
+| onSwipeableClose | method that is called when action panel is closed. | function(direction: 'left' \| 'right', swipeable: Swipeable) | All | yes |
+| onSwipeableWillOpen | Called when action panel starts animating on open (either right or left). | function((direction: 'left' \| 'right')) | All | yes |
+| onSwipeableWillClose | Called when action panel starts animating on close. | function((direction: 'left' \| 'right')) | All | yes |
+| renderLeftActions | This map describes the values to use as inputRange for extra interpolation: AnimatedValue: [startValue, endValue] | function(progressAnimatedValue: AnimatedInterpolation,<br/>    dragAnimatedValue: AnimatedInterpolation,<br/>    swipeable: Swipeable) | All | yes |
+| renderRightActions | method that is expected to return an action panel that is going to be revealed from the right side when user swipes left. | function(progressAnimatedValue: AnimatedInterpolation,<br/>    dragAnimatedValue: AnimatedInterpolation,<br/>    swipeable: Swipeable) | All | yes |
+| containerStyle | style object for the container (Animated.View), for example to override `overflow: 'hidden'`. | StyleProp<ViewStyle> | All | yes |
+| childrenContainerStyle | style object for the children container (Animated.View), for example to apply `flex: 1`. | StyleProp<ViewStyle> | All | yes |
+
+
+## Gesture handlers(legacy)
+
+> [!WARNING] Consider using the new [gestures API](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/gesture) instead. The old API is not actively supported and is not receiving the new features. Check out [RNGH 2.0 section in Introduction](https://docs.swmansion.com/react-native-gesture-handler/docs/#rngh-20) for more information.
+
+### Gesture handlers 通用属性
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME                | Description                                                                                                                                   | TYPE                     | Required | Platform | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------- | -------- | -------- |
+| enabled                 | Indicates whether the given handler should be analyzing stream of touch events or not.                                                            | boolean                      | no       | All      | yes      |
+| hitSlop                 | This parameter enables control over what part of the connected view area can be used to begin recognizing the gesture.                            | object                       | no       | All      | yes      |
+| onGestureEvent          | Takes a callback that is going to be triggered for each subsequent touch event while the handler is in an ACTIVE state.                           | callback                     | no       | All      | yes      |
+| onHandlerStateChange    | Takes a callback that is going to be triggered when state of the given handler changes.                                                           | callback                     | no       | All      | yes      |
+
+### Gesture handlers 通用事件数据
+
+以下是提供给 `onGestureEvent` 和 `onHandlerStateChange` 回调的通用事件数据:
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME         | Description                                                             | TYPE | Platform | HarmonyOS Support |
+| ---------------- | --------------------------------------------------------------------------- | ------ | -------- | -------- |
+| state            | Current state of the handler.                                               | State  | All      | yes      |
+| numberOfPointers | Represents the number of pointers (fingers) currently placed on the screen. | number | All      | yes      |
+
+### PanGestureHandler
+
+#### PanGestureHandler 属性
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME                       | Description                                                                                                                                                                             | TYPE | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | -------- | -------- |
+| minDist                        | Minimum distance the finger (or multiple finger) need to travel before the handler activates.                                                                                               | number  | no       | All      | yes      |
+| minPointers                    | A number of fingers that is required to be placed before handler can activate.                                                                                                              | number  | no       | All      | yes      |
+| maxPointers                    | When the given number of fingers is placed on the screen and handler hasn't yet activated it will fail recognizing the gesture.                                                             | number  | no       | All      | yes      |
+| activeOffsetX                  | Range along X axis (in points) where fingers travels without activation of handler.                                                                                                         | number  | no       | All      | yes      |
+| activeOffsetY                  | Range along Y axis (in points) where fingers travels without activation of handler.                                                                                                         | number  | no       | All      | yes      |
+
+#### PanGestureHandler 事件数据
+
+请到查看[基础 handler 类的通用事件数据](#gesture-handlers-通用事件数据)。以下是 PanGestureHandler 特有的事件数据。
+
+`translationX`
+
+Translation of the pan gesture along X axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+`translationY`
+
+Translation of the pan gesture along Y axis accumulated over the time of the gesture. The value is expressed in the point units.
+
+`velocityX`
+
+Velocity of the pan gesture along the X axis in the current moment. The value is expressed in point units per second.
+
+`velocityY`
+
+Velocity of the pan gesture along the Y axis in the current moment. The value is expressed in point units per second.
+
+`x`
+
+X coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the handler. Expressed in point units.
+
+`y`
+
+Y coordinate of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the handler. Expressed in point units.
+
+### TapGestureHandler
+
+#### TapGestureHandler 属性
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME      | Description                                                                                                                    | TYPE | Required | Platform | HarmonyOS Support |
+| ------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
+| minPointers   | Minimum number of pointers (fingers) required to be placed before the handler activates.                                           | number | no       | All      | yes      |
+| maxDurationMs | Maximum time, expressed in milliseconds, that defines how fast a finger must be released after a touch.                            | number | no       | All      | yes      |
+| maxDelayMs    | Maximum time, expressed in milliseconds, that can pass before the next tap — if many taps are required.                            | number | no       | All      | yes      |
+| maxDeltaX     | Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the X axis during a tap gesture. | number | no       | All      | yes      |
+| maxDeltaY     | Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. | number | no       | All      | yes      |
+| maxDist       | Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture.                  | number | no       | All      | yes      |
+
+#### TapGestureHandler 事件数据
+
+请到查看[基础 handler 类的通用事件数据](#gesture-handlers-通用事件数据)。以下是 TapGestureHandler 特有的事件数据。
+
+`x`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the handler.
+
+`y`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the view attached to the handler.
+
+`absoluteX`
+
+X coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use absoluteX instead of x in cases when the view attached to the handler can be transformed as an effect of the gesture.
+
+`absoluteY`
+
+Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use absoluteY instead of y in cases when the view attached to the handler can be transformed as an effect of the gesture.
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-get-random-values.md b/en/react-native-get-random-values.md
new file mode 100644
index 00000000..0b75c55c
--- /dev/null
+++ b/en/react-native-get-random-values.md
@@ -0,0 +1,185 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-get-random-values</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/LinusU/react-native-get-random-values">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/LinusU/react-native-get-random-values/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-get-random-values)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-get-random-values@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-get-random-values@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { View, Text, StyleSheet, Button } from "react-native";
+import "react-native-get-random-values";
+
+export const GetRandomValues = () => {
+  const [randomValue, setRandomValue] = useState < any > [];
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor: "#F5FCFF",
+    },
+  });
+
+  const clickBtn = () => {
+    const getRandomValues = global?.crypto?.getRandomValues(new Uint8Array(4));
+    console.log(JSON.stringify(getRandomValues), "click");
+
+    const array = Object.values(getRandomValues);
+    console.log(array, "click");
+
+    setRandomValue(array);
+  };
+  return (
+    <View style={styles.container}>
+      <Text style={{ fontSize: 20 }}> 点击获取随机数 </Text>
+      <Button onPress={clickBtn} title="click" />
+      {randomValue?.map((item: any, index: number) => {
+        return <Text key={index}>{item}</Text>;
+      })}
+    </View>
+  );
+};
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-get-random-values": "file:../../node_modules/@react-native-oh-tpl/react-native-get-random-values/harmony/get_random_values.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNGetRandomValuesPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNGetRandomValuesPackage } from "@react-native-oh-tpl/react-native-get-random-values/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNGetRandomValuesPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+>
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+> | Name                          | Description                                          | Type    | Required | Platform    | HarmonyOS Support |
+> | ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+> | global.crypto.getRandomValues | lets you get cryptographically strong random values. | funtion | no       | IOS/Android | yes               |
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/LinusU/react-native-get-random-values/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-gifted-charts.md b/en/react-native-gifted-charts.md
new file mode 100644
index 00000000..48077a16
--- /dev/null
+++ b/en/react-native-gifted-charts.md
@@ -0,0 +1,1012 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-gifted-charts</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-gifted-charts)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-gifted-charts@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-gifted-charts@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import { BarChart, LineChart, PieChart, PopulationPyramid } from "react-native-gifted-charts";
+
+export default function () {
+  const data = [{ value: 50 }, { value: 80 }, { value: 90 }, { value: 70 }];
+
+  return (
+    <>
+      <BarChart data={data} />
+      <LineChart data={data} />
+      <PieChart data={data} />
+      <PopulationPyramid data={[{ left: 10, right: 12 }, { left: 9, right: 8 }]} />
+      <BarChart data={data} horizontal />
+      <LineChart data={data} areaChart />
+      <PieChart data={data} donut />
+    </>
+  )
+}
+```
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg、@react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)、[@react-native-oh-tpl/react-native-linear-gradient 文档](/zh-cn/react-native-linear-gradient.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)
+
+## 属性
+
+详情见 [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts) Props tables
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### BarChart, Horizontal BarChart and Stacked Bar Chart
+
+**Basic props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An item object represents a bar in the bar chart. It is described in the next table. | barDataItem[]  | no     | all | yes
+| width  | Width of the Bar chart |  number | no  | all | yes
+| height   | Height of the Bar chart (excluding the bottom label)  | number | no  | all | yes
+| onPress  | Callback function called on press of a Bar (takes item and index as parameter)    | Function | no  | all | yes
+| onLongPress | Callback function called on long press of a Bar (takes item and index as parameter) | Function | no  | all | yes
+| onPressOut   | Callback function called on press out of a Bar (takes item and index as parameter) | Function | no  | all | yes        
+| focusBarOnPress  | used to focus a bar on press by applying styles defined in focusedBarConfig | boolean | no  | all | yes   
+| focusedBarConfig  | styles for the focused bar including color, width, opacity, borderRadius etc   | FocusedBarConfig | no  | all | yes     
+| focusedBarIndex    | index of the initially focused bar, works only when focusBarOnPress is  | number  | no  | all | yes     
+| maxValue  | Maximum value shown in the Y axis   | number  | no  | all | yes     
+| yAxisOffset   | Starting (minimum) value in the Y axis (value at the origin)  | number | no  | all | yes
+| mostNegativeValue  | The most negative value shown in the Y axis (to be used only if the data set has negative values too)  | number | no  | all | yes     
+| noOfSections | Number of sections in the Y axis   | number  | no  | all | yes
+| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)       | number  | no  | all | yes
+| stepValue | Value of 1 step/section in the Y axis | number  | no  | all | yes
+| stepHeight | Height of 1 step/section in the Yaxis | number  | no  | all | yes
+| negativeStepValue| Value of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no  | all | yes
+| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant)  | number  | no  | all | yes
+| spacing   | Distance between 2 consecutive bars in the Bar chart  | number | no  | all | yes
+| backgroundColor | Background color of the Bar chart  | ColorValue | no  | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | ColorValue  | no  | all | yes
+| scrollref   | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any  | no  | all | yes
+| scrollToIndex  | scroll to a particular index on chart load | number | no  | all | yes
+| disableScroll | To disable horizontal scroll | boolean | no  | all | yes
+| showScrollIndicator | To show horizontal scroll indicator| boolean | no  | all | yes
+| indicatorColor  |  (iOS only) The color of the scroll indicators - ('black', 'white' or 'default') | String  | no  | iOS | yes
+| showLine  | To show a Line chart over the Bar chart with the same data  | boolean | no  | all | yes
+| lineData   | The data object for the line chart (use only when showLine is true). To hide any datapoint pass hideDataPoint prop as true in specific data item. | Array of items | no  | all | yes
+| lineConfig  | Properties of the Line chart shown over the Bar chart (lineConfigType) is described below  | lineConfigType  | no  | all | yes
+| lineData2  | The data object for the second line chart (use only when showLine is true)  | Array of items | no  | all | yes
+| lineConfig2   | Properties of the second Line chart shown over the Bar chart (lineConfigType) is described below  | lineConfigType  | no  | all | yes
+| lineBehindBars  | When set to true, the line chart will appear behind the Bars in case of overlap    | boolean  | no  | all | yes
+| autoShiftLabels  | When set to true, automatically shifts the X axis labels for negative values | boolean  | no  | all | yes
+| scrollToEnd  | When set to true, the chart automatically scrolls to the rightmost bar  | boolean  | no  | all | yes
+| scrollAnimation   | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost bar | boolean | no  | all | yes
+| scrollEventThrottle  | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios| number | no  | iOS | yes
+| onScroll  | callback function called when the chart is scrolled horizontally    | Function | no  | all | yes
+| onMomentumScrollEnd    | callback function called when scroll is completed       | Function  | no  | all | yes
+| initialSpacing  | distance of the first bar from the Y axis | number  | no  | all | yes
+| renderTooltip    | tooltip component appearing above the bar when it is pressed, takes item and index as parameters     | Function  | no  | all | yes
+| leftShiftForTooltip  | The distance by which the tooltip component should shift towards left | number | no  | all | yes
+| leftShiftForLastIndexTooltip | The distance by which the tooltip component of the last bar should shift towards left | number  | no  | all | yes
+| adjustToWidth   | When set to true, it auto-computes the barWidth and spacing to fit the chart in the available width / parentWidth  | boolean   | no  | all | yes
+| parentWidth  | The width of the parent View or the width that the chart should auto-fit into when `adjustToWidth` is true | number | no  | all | yes 
+
+**Combine Line Chart using showLine**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| initialSpacing | distance of the first data point from the Y axis  | number   | no  | all | yes
+| curved  | To show curved line joining the data points | boolean  | no  | all | yes
+| isAnimated | To show animates Line Chart | boolean  | no  | all | yes
+| delay | Delay (in milliseconds) before starting the animation of the line | number   | no  | all | yes
+| thickness | Thickness of the Line  | number | no  | all | yes
+| color  | Color of the Line | ColorValue   | no  | all | yes
+| hideDataPoints  | To hide data points along the Line chart | boolean   | no  | all | yes
+| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_) | String   | no  | all | yes
+| dataPointsWidth | Width of data points (when data points' shape is rectangular) | number   | no  | all | yes
+| dataPointsHeight | Height of data points (when data points' shape is rectangular) | number    | no  | all | yes
+| dataPointsColor  | Color of the data points | ColorValue  | no  | all | yes
+| dataPointsRadius | Radius of data points (when data points' shape is _circular_)  | number   | no  | all | yes
+| textColor | Color of the dataPointText  | ColorValue    | no  | all | yes
+| textFontSize | Font size of the dataPointText | number  | no  | all | yes
+| textShiftX | To shift the dataPointText text horizontally | number    | no  | all | yes
+| textShiftY | To shift the dataPointText text vertically | number   | no  | all | yes
+| shiftY | To shift the Line chart up or down by the given quantity m  | number   | no  | all | yes
+| startIndex | Start index for data line (used to display data lines having breaks) | number   | no  | all | yes
+| endIndex | End index for data line (used to display data lines having breaks) | number   | no  | all | yes
+
+**Item description (barDataItem)**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| value | Value of the item representing height of the bar | number  | no  | all | yes
+| barWidth | Width of the bar | number  | no  | all | yes
+| onPress | Function called on pressing the bar | function | no  | all | yes
+| onLongPress | Function called on long pressing the bar | function   | no  | all | yes
+| onPressOut | Callback function called on press out of a bar | Function  | no  | all | yes
+| disablePress | Prop to disable the press action, defaults to false | boolean    | no  | all | yes
+| frontColor | Color of the bar | ColorValue  | no  | all | yes
+| sideColor | Color of the side view of the bar, only for 3 D | ColorValue | no  | all | yes
+| sideWidth | Width of the side view of the bar, only for 3 D  | number | no  | all | yes
+| topColor | Color of the top view of the bar, only for 3 D | ColorValue | no  | all | yes
+| barStyle | style object for the Bars | object  | no  | all | yes
+| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean  | no  | all | yes
+| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient | ColorValue | no  | all | yes
+| label | Label text appearing below the bar (under the X axis)  | string   | no  | all | yes
+| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number | no  | all | yes
+| labelTextStyle | Style object for the label text appearing below the bar | object | no  | all | yes
+| labelComponent | Custom label component appearing below the bar | Component | no  | all | yes
+| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis | number  | no  | all | yes
+| topLabelComponent | Custom component appearing above the bar  | Component | no  | all | yes
+| topLabelContainerStyle | Style object for the container of the custom component appearing above the bar| object  | no  | all | yes
+| cappedBars | To show caps on the top of bar | boolean | no  | all | yes
+| capThickness | Thickness of the bar cap | number | no  | all | yes
+| capColor | Color of the bar cap | ColorValue | no  | all | yes
+| capRadius | Border radius of the bar cap | number  | no  | all | yes
+| barBorderRadius | Border radius of the bar | number | no  | all | yes
+| barBorderTopLeftRadius | Top left border radius of the bar | number| no  | all | yes
+| barBorderTopRightRadius | Top right border radius of the bar | number   | no  | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of the bar | number  | no  | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of the bar| number | no  | all | yes
+| barMarginBottom  | margin at the bottom of the bar (above X axis)   | number  | no  | all | yes
+| spacing  | Distance of the next Bar from the currennt Bar  | number  | no  | all | yes
+| barBackgroundPattern  | A svg component containing the background pattern for bars | Component | no  | all | yes
+| patternId  | ID of the pattern component  | String | no  | all | yes
+| leftShiftForTooltip | The distance by which the tooltip component should shift towards left | number | no  | all | yes
+| showXAxisIndex  | show small graduation at the X axis for the corresponding bar  | boolean  | no  | all | yes
+
+**Axes and rules related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| xAxisLength | X axis length | number  | no  | all | yes
+| xAxisColor | X axis color  | ColorValue  | no  | all | yes
+| xAxisThickness | X axis thickness | number   | no  | all | yes
+| yAxisColor | Y axis color | ColorValue   | no  | all | yes
+| yAxisThickness | Y axis thickness | number   | no  | all | yes
+| yAxisExtraHeight | Extra length of Y axis at the top | number  | no  | all | yes
+| xAxisType | solid or dotted/dashed | RuleType   | no  | all | yes
+| yAxisLabelWidth | Width of the Y axis Label container | number  | no  | all | yes
+| yAxisTextStyle | Style object for the Y axis text style | object | no  | all | yes
+| yAxisTextNumberOfLines | Number of lines for y axis label text | number  | no  | all | yes
+| yAxisLabelContainerStyle | Style object for the Y axis label container | object   | no  | all |  yes
+| trimYAxisAtTop  | Removes the extra length of the Y axis from the top  | boolean   | no  | all | yes
+| horizontalRulesStyle | Style object for the horizontal rules container | object   | no  | all | yes
+| showFractionalValues | Allow fractional values for the Y axis label | boolean   | no  | all | yes
+| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number   | no  | all | yes
+| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$') | String  | no  | all | yes
+| yAxisLabelSuffix | The String appended to the y axis label text | String   | no  | all | yes
+| hideYAxisText | To hide Y axis label text | boolean   | no  | all | yes  
+| formatYLabel | a callback function that takes the label generated by the library and modifies it. | (label: string) => string |  no  | all | yes
+| yAxisSide | Tells which side of the chart, should the y axis be present, defaults to 'left' | String  | no  | all |  yes
+| rulesLength | Length of the horizontal rules | number   | no  | all | yes
+| rulesColor  | Color of the horizontal rules   | ColorValue   | no  | all | yes
+| rulesThickness | Thickness of the horizontal rules | number  | no  | all | yes
+| hideRules | To hide the horizontal rules | boolean   | no  | all | yes
+| rulesType  | solid or dotted/dashed | RuleType   | no  | all | yes
+| dashWidth | width of each dash | number  | no  | all | yes
+| dashGap | gap between 2 dashes | number   | no  | all | yes
+| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no  | all | yes
+| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType   | no  | all | yes
+| referenceLine1Position | position of reference line | number    | no  | all | yes
+| showReferenceLine2 | show second reference line | boolean  | no  | all | yes
+| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType  | no  | all | yes
+| referenceLine2Position | position of second reference line | number   | no  | all | yes
+| showReferenceLine3 | show third reference line  | boolean     | no  | all | yes
+| referenceLine3Config | properties of reference line like thickness, color etc (described below the table)    | referenceConfigType   | no  | all | yes
+| referenceLine3Position | position of third reference line | number   | no  | all | yes
+| referenceLinesOverChartContent | used to render the reference lines over the rest of the chart content. | boolean   | no  | all | yes
+| showVerticalLines | To show vertical lines | boolean   | no  | all | yes
+| verticalLinesColor | Color of the vertical lines  | ColorValue  | no  | all | yes
+| verticallinesThickness  | Thickness of the vertical lines | number    | no  | all | yes
+| verticalLinesHeight | Height of the vertical lines | number   | no  | all | yes
+| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line  | Array<number>   | no  | all | yes
+| verticalLinesShift | vertical lines are aligned with bars. Shift them left or right using +ve or -ve value of verticalLinesShift  | number   | no  | all | yes
+| verticalLinesZIndex | Z index of the vertical lines | number  | no  | all | yes
+| noOfVerticalLines | Number of vertical lines displayed | number  | no  | all | yes
+| verticalLinesSpacing  | Distance between consecutive vertical lines | number    | no  | all | yes
+| showXAxisIndices | To show the pointers on the X axis  | boolean   | no  | all | yes
+| xAxisIndicesHeight | Height of the pointers on the X axis | number   | no  | all | yes
+| xAxisIndicesWidth | Width of the pointers on the X axis | number   | no  | all | yes
+| xAxisIndicesColor | Color of the pointers on the X axis  | ColorValue   | no  | all | yes
+| showYAxisIndices  | To show the pointers on the Y axis  | boolean     | no  | all | yes
+| yAxisIndicesHeight  | Height of the pointers on the Y axis  | number   | no  | all | yes
+| yAxisIndicesWidth | Width of the pointers on the Y axis | number   | no  | all | yes
+| yAxisIndicesColor | Color of the pointers on the X axis  | ColorValue  | no  | all | yes
+| yAxisLabelTexts  | Array of label texts to be displayed along y axis | Array<string>   | no  | all | yes
+| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>   | no  | all | yes
+| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object  | no  | all | yes
+| rotateLabel | To rotate the X axis labels (by 60deg) | boolean   | no  | all | yes
+| hideAxesAndRules | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
+| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean   | no  | all | yes
+| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number   | no  | all | yes
+| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis  | number   | no  | all | yes
+| xAxisTextNumberOfLines | Number of lines for x axis label text | number  | no  | all | yes
+| xAxisLabelsHeight | Height of X axis labels container    | number   | no  | all | yes
+| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down)     | number  | no  | all | yes
+| labelsExtraHeight | used to display large rotated labels on X-axis (use this only when using the **rotateLabel** prop) | number   | no  | all | yes
+| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType  | no  | all | yes
+| secondaryData | the secondary data that will be rendered along the secondary Y axis  | Array of items   | no  | all | yes           
+
+**Bar related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| barWidth | Width of the bar | number    | no  | all | yes
+| barStyle | style object for the Bars | object    | no  | all | yes
+| isThreeD | Prop to render 3 dimensional bars | boolean   | no  | all | yes
+| frontColor | Color of the bar | ColorValue   | no  | all | yes
+| sideColor | Color of the side view of the bar, only for 3 D | ColorValue    | no  | all | yes
+| topColor | Color of the top view of the bar, only for 3 D | ColorValue   | no  | all | yes
+| sideWidth | Width of the side view of the bar, only for 3 D  | number   | no  | all | yes
+| showGradient | Prop to enable linear gradient for the bar color | boolean    | no  | all | yes
+| gradientColor | Along with frontColor, gradientColor constitutes the 2 colors for gradient | ColorValue    | no  | all | yes
+| roundedTop | To show rounded top | boolean     | no  | all | yes
+| roundedBottom | To show rounded bottom  | boolean   | no  | all | yes
+| activeOpacity  | activeOpacity on pressing the bar | number    | no  | all | yes
+| disablePress | Prop to disable the bar press action | boolean    | no  | all | yes
+| barBorderWidth | Border width of the bar | number    | no  | all | yes
+| barBorderColor | Border color of the bar  | ColorValue | no  | all | yes
+| barBorderRadius | Border radius of the bar | number | no  | all | yes
+| barBorderTopLeftRadius | Top left border radius of the bar | number | no  | all | yes
+| barBorderTopRightRadius | Top right border radius of the bar   | number | no  | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of the bar | number | no  | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of the bar | number | no  | all | yes
+| barMarginBottom | margin at the bottom of the bar (above X axis)  | number | no  | all | yes
+| barBackgroundPattern | A svg component containing the background pattern for bars | Component  | no  | all | yes
+| patternId  | ID of the pattern component | String  | no  | all | yes
+| minHeight | Minimum height of the Bars | number  | no  | all | yes
+
+**Animation related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| isAnimated | To show animates BarChart. Animation occurs onLoad and on value change | boolean   | no  | all | yes
+| animationDuration | Duration of the animations | number  | no  | all | yes
+| animationEasing   | Easing applied to the animation  | Easing  | no  | all | yes
+
+**Pagination related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onEndReached | Callback function called when the chart is scrolled upto end  | Function   | no  | all | yes
+| onStartReached | Callback function called when the chart is scrolled upto start   | Function   | no  | all | yes
+
+**Bar related props for making Capped Bar chart**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| cappedBars | To show caps on the top of bars   | boolean  | no  | all | yes
+| capThickness | Thickness of the bar caps  | number   | no  | all | yes
+| capColor | Color of the bar caps     | ColorValue   | no  | all | yes
+| capRadius | Border radius of the bar caps   | number  | no  | all | yes
+
+**pointerConfig**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| height | Height of the pointer |  number  | no  | all | yes
+| width  | width of the pointer |  number  | no  | all | yes
+| radius  | radius of the pointer   |  number  | no  | all | yes
+| pointerColor  |  pointer color   |  ColorValue  | no  | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values.  |  ColorValue[]  | no  | all | yes
+| secondaryPointerColor | Secondary pointer color  |  ColorValue  | no  | all | yes
+| pointerComponent | is a function that returns the component to be rendered as a pointer  |  Function  | no  | all | yes
+| showPointerStrip | show pointer bar |  boolean  | no  | all | yes
+| pointerStripWidth  | width of the pointer bar |  number  | no  | all | yes
+| pointerStripHeight  | height of the pointer bar  |  number  | no  | all | yes
+| pointerStripColor  | color of the pointer bar   |  ColorValue  | no  | all | yes
+| pointerStripUptoDataPoint | Pointer stripped to data point  |  boolean  | no  | all | yes
+| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 |  Function  | no  | all | yes
+| stripOverPointer | strip to over pointer  |  boolean  | no  | all | yes
+| autoAdjustPointerLabelPosition | Adjust the position of the pointer  |  boolean  | no  | all | yes
+| shiftPointerLabelX | x-axis displacement pointer label  |  number  | no  | all | yes
+| shiftPointerLabelY | y-axis displacement pointer label  |  number  | no  | all | yes
+| pointerLabelWidth  | pointer label width |  number  | no  | all | yes
+| pointerLabelHeight | pointer label height |  number  | no  | all | yes
+| pointerVanishDelay | Pointer disappearance delay |  number  | no  | all | yes
+| activatePointersOnLongPress |Long press to activate pointer  |  boolean  | no  | all | yes
+| activatePointersDelay | activation pointer delay |  number  | no  | all | yes
+| persistPointer | persistent pointer |  boolean  | no  | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer |  number[]  | no  | all | yes
+| barTouchable  | touchable bar |  boolean  | no  | all | yes
+| pointerEvents | pointer event in Bars |  PointerEvents  | no  | all | yes
+| stripBehindBars | hide the strip in Bars |  boolean  | no  | all | yes
+
+**Props for horizontal BarChart**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| horizontal | Render horizontal        | boolean   | no  | all | yes
+| rtl | Render the chart from right to left | boolean   | no  | all | yes
+| shiftX  | Shift the chart towards left or right by given value (only in horizontal charts) | number  | no  | all | yes
+| shiftY  | Shift the chart upwards or downwards by given value (only in horizontal charts)  | number  | no  | all | yes
+| rotateYAxisTexts | angle by which the Y axis label texts should rotate in horizontal charts | number   | no  | all | yes
+| yAxisAtTop | In horizontal BarCharts the Y axis appears at bottom by default. Set it to true for otherwise | boolean  | no  | all | yes
+| intactTopLabel | To rotate the top label component to make it intact with the Bars    | boolean   | no  | all | yes
+
+**Props for Stacked Bar Charts**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| stackData   | A stack array represents a stack of bars in the bar chart. It is described in the next table  | Array of stack arrays | no  | all | yes
+| barBorderRadius | Border radius of each bar of the stack  | number| no  | all | yes
+| barBorderTopLeftRadius | Top left border radius of each bar of the stack | number| no  | all | yes
+| barBorderTopRightRadius | Top right border radius of each bar of the stack | number | no  | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of each bar of the stack | number | no  | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of each bar of the stack | number | no  | all | yes
+| stackBorderRadius | Border radius of the top and bottom bars of the stack  | number | no  | all | yes
+| stackBorderTopLeftRadius | Top left border radius of the top bar of the stack | number| no  | all | yes
+| stackBorderTopRightRadius | Top right border radius of the top bar of the stack  | number | no  | all | yes
+| stackBorderBottomLeftRadius  | Bottom left border radius of the bottom bar of the stack      | number  | no  | all | yes
+| stackBorderBottomRightRadius  | Bottom right border radius of the bottom bar of the stack     | number | no  | all | yes
+| autoShiftLabelsForNegativeStacks | Whether the x axis labels should auto shift to a position below the bar, if the bar is under x-axis due to negative value | boolean| no  | all | yes
+
+**Stack Array description**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| stacks array | A stack is made of 1 or more objects of the type described in the next table |  Array of stack items| no  | all | yes                                      
+| label | Label text appearing below the stack (under the X axis) | string | no  | all | yes
+| labelTextStyle  | Style object for the label text appearing below the stack | object| no  | all | yes
+| barWidth     | Width of the stack bar | number| no  | all | yes
+| spacing | Distance between 2 consecutive bars in the stack Bar chart | number| no  | all | yes
+| borderRadius | Border radius of each bar of the stack | number| no  | all | yes
+| borderTopLeftRadius | Top left border radius of the top bar of the stack     | number| no  | all | yes
+| borderTopRightRadius | Top right border radius of the top bar of the stack   | number| no  | all | yes
+| borderBottomLeftRadius  | Bottom left border radius of the bottom bar of the stack  | number| no  | all | yes
+| borderBottomRightRadius | Bottom right border radius of the bottom bar of the stack | number| no  | all | yes
+
+**Stack item description**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| value   | Value of the item representing height of the stack item | number | no  | all | yes
+| color | Color of the stack item | ColorValue | no  | all | yes
+| onPress |  Function called on pressing the stack item | function | no  | all | yes
+| onLongPress    | Function called on long pressing the stack item | function | no  | all | yes
+| onPressOut   | Callback function called on press out of a bar | Function  | no  | all | yes
+| marginBottom | margin below a particular stack sectio | number     n   | no  | all | yes
+| barBorderRadius   | Border radius of a stack section  | number  | no  | all | yes
+| borderTopLeftRadius   | borderTopLeftRadius for a stack section  | number | no  | all | yes
+| borderTopRightRadius  | borderTopRightRadius for a stack section    | number | no  | all | yes
+| borderBottomLeftRadius | borderBottomLeftRadius for a stack section  | number   | no  | all | yes
+| borderBottomRightRadius | borderBottomRightRadius for a stack section | number  | no  | all | yes
+| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean | no  | all | yes
+| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient| ColorValue | no  | all | yes
+| barWidth | Width of the bar | number | no  | all | yes
+| showXAxisIndex | show small graduation at the X axis for the corresponding stack  | boolean  | no  | all | yes
+
+### LineChart and AreaChart
+
+**Basic props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data | An item object represents a point in the line chart. It is described in the next table.   | Array <lineDataItem>  | no  | all | yes
+| data2 | Second set of dataPoint for the second line | Array <lineDataItem> | no  | all | yes
+| data3 | Third set of dataPoint for the third line | Array <lineDataItem>| no  | all | yes
+| data4 | Fourth set of dataPoint for the fourth line | Array <lineDataItem> | no  | all | yes
+| data5 | Fifth set of dataPoint for the third line| Array <lineDataItem> | no  | all | yes
+| dataSet | Array of data sets (used instead of using `data2`, `data3`, `data4` etc)  | Array<DataSet>| no  | all | yes
+| width | Width of the Bar chart  | number  | no  | all | yes
+| height| Height of the Bar chart (excluding the bottom label)   | number  | no  | all | yes
+| overflowTop | Extra space at the top of the chart to make room for dataPointText | number  | no  | all | yes
+| overflowBottom | Extra space at the bottom of the chart to make room for dataPoints or dataPointText | number | no  | all | yes
+| maxValue | Maximum value shown in the Y axis | number  | no  | all | yes
+| mostNegativeValue | The most negative value shown in the Y axis (to be used only if the data set has negative values too)  | number  | no  | all | yes
+| noOfSections | Number of sections in the Y axis | number  | no  | all | yes
+| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)| number | no  | all | yes
+| stepValue | Value of 1 step/section in the Y axis  | number  | no  | all | yes
+| stepHeight | Height of 1 step/section in the Y axis| number | no  | all | yes
+| negativeStepValue | Value of 1 step/section in the Y axis for negative values (in the 4th quadrant)| number | no  | all | yes
+| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number  | no  | all | yes
+| spacing | Distance between 2 consecutive bars in the Bar chart | number  | no  | all | yes
+| adjustToWidth | When set to true, it auto computes the spacing value to fit the Line chart in the available width | boolean  | no  | all | yes
+| backgroundColor | Background color of the Bar chart | ColorValue | no  | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | ColorValue | no  | all | yes
+| scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any    | no  | all | yes
+| scrollToIndex | scroll to a particular index on chart load  | number  | no  | all | yes
+| disableScroll  | To disable horizontal scroll | boolean | no  | all | yes
+| showScrollIndicator | To show horizontal scroll indicator | boolean  | no  | all | yes
+| indicatorColor | (iOS only) The color of the scroll indicators - ('black', 'white' or 'default')  | String  | no  | all | yes
+| isAnimated | To show animated Line or Area Chart. Animation occurs when the chart load for the first time | boolean  | no  | all | yes
+| animateOnDataChange  | To show animation on change in data. A smooth transition takes place between the iold and new line | boolean  | no  | all | yes
+| onDataChangeAnimationDuration | Duration (milliseconds) in which the transition animation takes place on a change in data | number   | no  | all | yes
+| onPress | The callback function that handles the press event. `item` and `index` are received as props | Function          | no  | all | yes
+| scrollToEnd  | When set to true, the chart automatically scrolls to the rightmost data point  | boolean | no  | all | yes
+| scrollAnimation | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost data point | boolean | no  | all | yes
+| scrollEventThrottle | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios | number  | no  | iOS | yes
+| onScroll | callback function called when the chart is scrolled horizontally| Function | no  | all | yes
+| onMomentumScrollEnd | callback function called when scroll is completed   | Function| no  | all | yes
+| initialSpacing | distance of the first data point from the Y axis| number | no  | all | yes
+| endSpacing | distance/padding left at the end of the line chart | number  | no  | all | yes
+
+**Item description (lineDataItem)**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| value| Value of the item representing representing its position | number | no  | all | yes
+| onPress | Function called on pressing the data point | function | no  | all | yes
+| label | Label text appearing under the X axis | string   | no  | all | yes
+| labelTextStyle | Style object for the label text appearing under the X axis | object | no  | all | yes
+| labelComponent | custom label component appearing under the X axis | Function | no  | all | yes
+| yAxisLabelText | Y axis label text | string  | no  | all | yes
+| dataPointText  | Text appearing near the data points | string | no  | all | yes
+| textShiftX | To shift the dataPointText text horizontally  | number | no  | all | yes
+| textShiftY | To shift the dataPointText text vertically    | number | no  | all | yes
+| textColor | Color of the dataPointText | ColorValue| no  | all | yes
+| textFontSize  | Font size of the dataPointText   | number | no  | all | yes
+| dataPointHeight | Height of the data point (when data point's shape is rectangular)  | number | no  | all | yes
+| dataPointWidth | Width of the data point (when data point's shape is rectangular)  | number | no  | all | yes
+| dataPointRadius | Radius of the data point (when data points' shape is circular) | number| no  | all | yes
+| dataPointColor  | Color of the data point  | ColorValue  | no  | all | yes
+| dataPointShape | Shape of the data point (rectangular or circular) defaults to circular  | string  | no  | all | yes
+| hideDataPoint | To hide the data point   | boolean  | no  | all | yes
+| showVerticalLine | When set to true, a vertical line will be displayed along that data point | boolean   | no  | all | yes
+| verticalLineUptoDataPoint | When set to true, it sets the height of the vertical line upto the corresponding data point | boolean | no  | all | yes
+| verticalLineColor | Color of the vertical Line displayed along the data point | ColorValue | no  | all | yes 
+| verticalLineThickness | Thickness of the vertical Line displayed along the data point | number| no  | all | yes 
+| dataPointLabelWidth | width of the label shown beside a data point  | number  | no  | all | yes
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point  | number | no  | all | yes 
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no  | all | yes 
+| dataPointLabelComponent | custom component rendered above a data point| Function | no  | all | yes
+| focusedDataPointLabelComponent | custom component rendered above a data point only when focused/selected (when the user presses) | Function  | no  | all | yes 
+| showStrip | To show a vertical strip along the data point (even if it's not focused/selected) | boolean  | no  | all | yes 
+| stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true  | number| no  | all | yes 
+| stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true  | number| no  | all | yes 
+| stripColor | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | ColorValue| no  | all | yes 
+| stripOpacity | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no  | all | yes 
+| pointerShiftX  | Shifts the pointer for that item horizontally by given quantity (used only when pointerConfig prop is passed) | number| no  | all | yes 
+| pointerShiftY | Shifts the pointer for that item vertically by given quantity (used only when pointerConfig prop is passed)  | number | no  | all | yes 
+
+**Pagination related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| onEndReached     | Callback function called when the chart is scrolled upto end | Function | no  | all | yes 
+| onStartReached   | Callback function called when the chart is scrolled upto start | Function | no  | all | yes 
+
+**Axes and rules related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| xAxisLength | X axis length   | number | no  | all | yes
+| xAxisColor| X axis color | ColorValue  | no  | all | yes
+| xAxisThickness | X axis thickness  | number | no  | all | yes
+| xAxisType  | solid or dotted/dashed  | RuleType | no  | all | yes
+| yAxisColor | Y axis color  | ColorValue | no  | all | yes
+| yAxisThickness | Y axis thickness  | number  | no  | all | yes
+| yAxisLabelWidth | Width of the Y axis Label container | number   | no  | all | ye
+| yAxisTextStyle | Style object for the Y axis text style | object   | no  | all | yes
+| yAxisTextNumberOfLines | Number of lines for y axis label text | number  | no  | all | yes
+| yAxisLabelContainerStyle | Style object for the Y axis label container  | object | no  | all | yes
+| trimYAxisAtTop | Removes the extra length of the Y axis from the top  | boolean | no  | all | yes
+| yAxisExtraHeight | Extra length of Y axis at the top  | number | no  | all | yes 
+| yAxisOffset | Starting value on Y Axis | number | no  | all | yes 
+| horizontalRulesStyle | Style object for the horizontal rules container | object  | no  | all | yes
+| showFractionalValues | Allow fractional values for the Y axis label | boolean  | no  | all | yes 
+| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number | no  | all | yes 
+| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$')  | String| no  | all | yes 
+| yAxisLabelSuffix   |The String appended to the y axis label text | String| no  | all | yes 
+| hideYAxisText | To hide Y axis label text  | boolean | no  | all | yes
+| formatYLabel | a callback function that takes the label generated by the library and modifies it.  | (label: string) => string | no  | all | yes 
+| yAxisSide  | Tells which side of the chart, should the y axis be present, defaults to 'left'  | String | no  | all | yes 
+| rulesLength | Length of the horizontal    | number | no  | all | yes
+| rulesColor | Color of the horizontal rules | ColorValue  | no  | all | yes    |
+| rulesThickness | Thickness of the horizontal | number | no  | all | yes 
+| hideRules  | To hide the horizontal | boolean  | no  | all | yes
+| rulesType | solid or dotted/dashed | RuleType | no  | all | yes
+| dashWidth | width of each dash | number | no  | all | yes 
+| dashGap  | gap between 2     | number | no  | all | yes
+| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules   | Array<RulesConfig> | no  | all | yes 
+| showReferenceLine1   | show reference line       | boolean   | no  | all | yes
+| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no  | all | yes 
+| referenceLine1Position  | position of reference     | number | no  | all | yes
+| showReferenceLine2  | show second reference         | boolean  | no  | all | yes
+| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType| no  | all | yes 
+| referenceLine2Position | position of second reference  | number | no  | all | yes
+| showReferenceLine3  | show third reference  | boolean   | no  | all | yes 
+| referenceLine3Config  | properties of reference line like thickness, color etc (described below the table)  | referenceConfigType | no  | all | yes 
+| referenceLine3Position | position of third reference line  | number| no  | all | yes
+| showVerticalLines | To show vertical lines | boolean  | no  | all | yes
+| verticalLinesUptoDataPoint | To set the height of the vertical lines upto the corresponding data point| boolean | no  | all | yes 
+| verticallinesThickness | Thickness of the vertical lines | number  | no  | all | yes
+| verticalLinesHeight  | Height of the vertical lines  | number   | no  | all | yes 
+| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line | Array<number>| no  | all   |yes
+| verticalLinesShift  | vertical lines are aligned with data point. Shift them left or right using +ve or -ve value of verticalLinesShift| number| no  | all   |yes 
+| verticalLinesZIndex | Z index of the vertical lines | number   | no  | all | yes
+| noOfVerticalLines  | Number of vertical lines displayed  | number      | no  | all | yes 
+| verticalLinesSpacing | Distance between consecutive vertical lines | number    | no  | all | yes
+| showXAxisIndices | To show the pointers on the X axis| boolean | no  | all | yes
+| xAxisIndicesHeight | Height of the pointers on the X axis | number  | no  | all | yes 
+| xAxisIndicesWidth | Width of the pointers on the X axis  | number  | no  | all | yes
+| xAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no  | all | yes
+| showYAxisIndices | To show the pointers on the Y axis | boolean | no  | all | yes
+| yAxisIndicesHeight | Height of the pointers on the Y axis | number   | no  | all | yes
+| yAxisIndicesWidth | Width of the pointers on the Y axis | number   | no  | all | yes
+| yAxisIndicesColor | Color of the pointers on the X axis | ColorValue   | no  | all | yes
+| yAxisIndicesColor | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
+| yAxisLabelTexts | Array of label texts to be displayed along y axis  | Array<string>| no  | all   |yes
+| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>| no  | all   |yes
+| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no  | all | yes
+| xAxisTextNumberOfLines | Number of lines for x axis label text | number  | no  | all | yes
+| xAxisLabelsHeight | Height of X axis labels container   | number   | no  | all | yes
+| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no  | all   |yes
+| rotateLabel | To rotate the X axis labels (by 60deg) | boolean  | no  | all | yes
+| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean  | no  | all | ye
+| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no  | all   |yes
+| secondaryData | the secondary data that will be rendered along the secondary Y axis  | Array of items | no  | all   |yes
+| secondaryLineConfig | properties of the secondary data line (secondaryLineConfigType is described below) | secondaryLineConfigType| no  | all   |yes
+
+**Line related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| curved | To show curved line joining the data points  | boolean| no  | all   |yes
+| color | Color of the lines joining the data points   | ColorValue | no  | all | yes
+| color1| Color of the lines joining the first set of data points  | ColorValue | no  | all | yes
+| color2 | Color of the lines joining the second set of data points  | ColorValue| no  | all | yes
+| color3 | Color of the lines joining the third set of data points  | ColorValue| no  | all | yes
+| color4 | Color of the lines joining the fourth set of data points  | ColorValue| no  | all | yes
+| color5 | Color of the lines joining the fifth set of data points  | ColorValue| no  | all | yes
+| thickness | Thickness of the lines joining the data points  | number| no  | all | yes
+| thickness1 | Thickness of the lines joining the first set of data points | number | no  | all | yes
+| thickness2 | Thickness of the lines joining the second set of data points | number | no  | all | yes
+| thickness3 | Thickness of the lines joining the third set of data points | number     | no  | all | yes
+| thickness4 | Thickness of the lines joining the fourth set of data points | number| no  | all | yes
+| thickness5 | Thickness of the lines joining the fifth set of data points  | number | no  | all | yes
+| zIndex1 | zIndex of the lines joining the first set of data points | number | no  | all | yes
+| zIndex2 | zIndex of the lines joining the second set of data points  | number | no  | all | yes
+| zIndex3 | zIndex of the lines joining the third set of data points| number | no  | all | yes
+| zIndex4  | zIndex of the lines joining the fourth set of data points | number | no  | all | yes
+| zIndex5 | zIndex of the lines joining the fifth set of data points | number | no  | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
+| strokeDashArray1 | Array of 2 numbers denoting the dashWidth and dashGap of line1. Used to render dashed/dotted line chart| Array<number> | no  | all | yes
+| strokeDashArray2| Array of 2 numbers denoting the dashWidth and dashGap of line2. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
+| strokeDashArray3 | Array of 2 numbers denoting the dashWidth and dashGap of line3. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
+| strokeDashArray4 | Array of 2 numbers denoting the dashWidth and dashGap of line4. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
+| strokeDashArray5 | Array of 2 numbers denoting the dashWidth and dashGap of line5. Used to render dashed/dotted line chart | Array<number> | no  | all | yes
+| lineSegments | Array of objects used to customize segments (parts) of line | Array<LineSegment> | no  | all | yes
+| lineSegments2 | Array of objects used to customize segments (parts) of line2 | Array<LineSegment>      | no  | all | yes
+| lineSegments3 | Array of objects used to customize segments (parts) of line3 | Array<LineSegment> | no  | all | yes
+| lineSegments4 | Array of objects used to customize segments (parts) of line4  | Array<LineSegment> | no  | all | yes
+| lineSegments5 | Array of objects used to customize segments (parts) of line5  | Array<LineSegment> | no  | all | yes
+| highlightedRange | renders the parts of lines lying in a given data range with a different style (color, thickness,type)| HighlightedRange | no  | all | yes
+| startIndex | Start index for data line (used to display data lines having breaks)  | number   | no  | all | yes
+| startIndex1 | Start index for data line 1 (used to display data lines having breaks) | number| no  | all | yes
+| startIndex2 | Start index for data line 2 (used to display data lines having breaks) | number | no  | all | yes
+| startIndex3 | Start index for data line 3 (used to display data lines having breaks) | number | no  | all | yes
+| startIndex4 | Start index for data line 4 (used to display data lines having breaks) | number | no  | all | yes
+| startIndex5 | Start index for data line 5 (used to display data lines having breaks) | number| no  | all | yes
+| endIndex | End index for data line (used to display data lines having breaks) | number| no  | all | yes
+| endIndex1 | End index for data line 1 (used to display data lines having breaks) | number | no  | all | yes
+| endIndex2 | End index for data line 2 (used to display data lines having breaks) | number| no  | all | yes
+| endIndex3 | End index for data line 3 (used to display data lines having breaks)  | number| no  | all | yes
+| endIndex4 | End index for data line 4 (used to display data lines having breaks) | number | no  | all | yes
+| endIndex5 | End index for data line 5 (used to display data lines having breaks)  | number| no  | all | yes
+| lineGradient | this prop is used to render the line with a gradient blend of colors | boolean| no  | all | yes
+| lineGradientComponent  | this prop defines the svg gradient that should be applied to the line (requires lineGradient to be truthy) | Function| no  | all | yes
+| lineGradientId | id of the <LinearGradient> (needed along with lineGradientComponent prop) | string| no  | all | yes
+| lineGradientDirection  | 'vertical'/'horizontal' | string  | no  | all | yes 
+| lineGradientStartColor | Start gradient color for the line (requires lineGradient to be truthy) | string| no  | all | yes
+| lineGradientEndColor | End gradient color for the line (requires lineGradient to be truthy)  | string | no  | all | yes
+
+**The arrow**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| showArrows | To show an arrow at the end of each data line  | boolean | no  | all | yes
+| arrowConfig  | Object describing the properties of the arrows like length, width, strokeWidth, strokeColor, fillColor | arrowType  | no  | all | yes
+| showArrow1   | To show an arrow at the end of the first data line | boolean | no  | all | yes
+| arrowConfig1  | Object describing the properties of the first arrow | arrowType| no  | all | yes
+| showArrow2  | To show an arrow at the end of the second data line | boolean | no  | all | yes
+| arrowConfig2 | Object describing the properties of the second arrow | arrowType | no  | all | yes
+| showArrow3   | To show an arrow at the end of the third data line | boolean | no  | all | yes
+| arrowConfig3 | Object describing the properties of the third arrow | arrowType | no  | all | yes
+| showArrow4   | To show an arrow at the end of the fourth data line| boolean   | no  | all | yes
+| arrowConfig4 | Object describing the properties of the fourth arrow| arrowType | no  | all | yes
+| showArrow5  | To show an arrow at the end of the fifth data line | boolean  | no  | all | yes
+| arrowConfig5| Object describing the properties of the fifth arrow | arrowType | no  | all | yes
+
+**Data points related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| hideDataPoints  | To hide data points   | boolean | no  | all | yes
+| dataPointsHeight  | Height of data points (when data points' shape is rectangular) | number | no  | all | yes
+| dataPointsWidth | Width of data points (when data points' shape is rectangular)  | number| no  | all | yes
+| dataPointsRadius | Radius of data points (when data points' shape is circular)  | number| no  | all | yes
+| dataPointsColor  | Color of the data points  | ColorValue  | no  | all | yes
+| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_)  | string| no  | all | yes
+| hideDataPoints1 | To hide data points for the first set of data  | boolean | no  | all | yes
+| dataPointsHeight1 | Height of data points for the first dataset (when data points' shape is rectangular)  | number | no  | all | yes
+| dataPointsWidth1  | Width of data points for the first dataset (when data points' shape is rectangular) | number| no  | all | yes
+| dataPointsRadius1  | Radius of data points for the first dataset (when data points' shape is circular) | number| no  | all | yes
+| dataPointsColor1 | Color of data points for the first dataset | ColorValue | no  | all | yes
+| dataPointsShape1 | Shape of data points for the first dataset   | string | no  | all | yes
+| hideDataPoints2 | To hide data points for the second set of data   | boolean | no  | all | yes
+| dataPointsHeight2 | Height of data points for the second dataset (when data points' shape is rectangular)  | number| no  | all | yes
+| dataPointsWidth2  | Width of data points for the second dataset (when data points' shape is rectangular)  | number | no  | all | yes
+| dataPointsRadius2  | Radius of data points for the second dataset (when data points' shape is circular) | number| no  | all | yes
+| dataPointsColor2   | Color of data points for the second dataset   | ColorValue| no  | all | yes
+| dataPointsShape2 | Shape of data points for the second dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
+| hideDataPoints3   | To hide data points for the third set of data | boolean | no  | all | yes
+| dataPointsHeight3  | Height of data points for the third dataset (when data points' shape is rectangular)        | number | no  | all | yes
+| dataPointsWidth3  | Width of data points for the third dataset (when data points' shape is rectangular)  | number | no  | all | yes
+| dataPointsRadius3 | Radius of data points for the third dataset (when data points' shape is circular) | number | no  | all | yes
+| dataPointsColor3   | Color of data points for the third dataset  | ColorValue| no  | all | yes
+| dataPointsShape3 | Shape of data points for the third dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
+| hideDataPoints4 | To hide data points for the fourth set of data  | boolean | no  | all | yes
+| dataPointsHeight4 | Height of data points for the fourth dataset (when data points' shape is rectangular) | number | no  | all | yes
+| dataPointsWidth4  | Width of data points for the fourth dataset (when data points' shape is rectangular)  | number | no  | all | yes
+| dataPointsRadius4 | Radius of data points for the fourth dataset (when data points' shape is circular)  | number| no  | all | yes
+| dataPointsColor4 | Color of data points for the fourth dataset  | ColorValue| no  | all | yes
+| dataPointsShape4  | Shape of data points for the fourth dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
+| hideDataPoints5  | To hide data points for the fifth set of data  | boolean | no  | all | yes
+| dataPointsHeight5 | Height of data points for the fifth dataset (when data points' shape is rectangular) | number | no  | all | yes
+| dataPointsWidth5 | Width of data points for the fifth dataset (when data points' shape is rectangular) | number| no  | all | yes
+| dataPointsRadius5  | Radius of data points for the fifth dataset (when data points' shape is circular)   | number | no  | all | yes
+| dataPointsColor5 | Color of data points for the fifth dataset | ColorValue| no  | all | yes
+| dataPointsShape5  | Shape of data points for the fifth dataset (_'rectangular'_ or _'circular'_)        | string| no  | all | yes
+| focusedDataPointIndex | Index of the focused data point, works only when focusEnabled prop is used     | number | no  | all | yes
+| focusedDataPointShape    | Shape of the data points when focused due to press event   | String | no  | all | yes
+| focusedDataPointWidth | Width of the data points when focused due to press event     | number | no  | all | yes
+| focusedDataPointHeight | Height of the data points when focused due to press event    | number | no  | all | yes
+| focusedDataPointColor  | Color of the data points when focused due to press event     | ColorValue | no  | all | yes
+| focusedDataPointRadius | Radius of the data points when focused due to press event  | number| no  | all | yes
+| focusedCustomDataPoint | Custom data point when focused due to press event| Function| no  | all | yes
+| textColor  | Color of the dataPointText  | ColorValue | no  | all | yes
+| textFontSize | Font size of the dataPointText  | number  | no  | all | yes
+| textShiftX | To shift the dataPointText text horizontally   | number  | no  | all | yes
+| textShiftY | To shift the dataPointText text vertically | number | no  | all | yes
+| customDataPoint | A callback function to render a custom component as the data points  | Function  | no  | all | yes
+| dataPointLabelWidth | width of the label shown beside a data point | number | no  | all | yes
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point  | number | no  | all | yes
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no  | all | yes
+| showValuesAsDataPointsText | When set to true, the data item value will be shown as a label text near data point | boolean  | no  | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using this array   | ColorValue[] | no  | all | yes
+
+
+**pointerConfig**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| height | Height of the pointer |  number  | no  | all | yes
+| width  | width of the pointer |  number  | no  | all | yes
+| radius  | radius of the pointer   |  number  | no  | all | yes
+| pointerColor  |  pointer color   |  ColorValue  | no  | all | yes
+| pointer1Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointer2Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointer3Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointer4Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointer5Color  |  pointer color  |  ColorValue  | no  | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values.  |  ColorValue[]  | no  | all | yes
+| secondaryPointerColor | Secondary pointer color  |  ColorValue  | no  | all | yes
+| pointerComponent | is a function that returns the component to be rendered as a pointer  |  Function  | no  | all | yes
+| showPointerStrip | show pointer bar |  boolean  | no  | all | yes
+| pointerStripWidth  | width of the pointer bar |  number  | no  | all | yes
+| pointerStripHeight  | height of dthe pointer bar  |  number  | no  | all | yes
+| pointerStripColor  | color of the pointer bar   |  ColorValue  | no  | all | yes
+| pointerStripUptoDataPoint | Pointer stripped to data point  |  boolean  | no  | all | yes
+| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 |  Function  | no  | all | yes
+| stripOverPointer | strip to over pointer  |  boolean  | no  | all | yes
+| autoAdjustPointerLabelPosition | Adjust the position of the pointer  |  boolean  | no  | all | yes
+| shiftPointerLabelX | x-axis displacement pointer label  |  number  | no  | all | yes
+| shiftPointerLabelY | y-axis displacement pointer label  |  number  | no  | all | yes
+| pointerLabelWidth  | pointer label width |  number  | no  | all | yes
+| pointerLabelHeight | pointer label height |  number  | no  | all | yes
+| pointerVanishDelay | Pointer disappearance delay |  number  | no  | all | yes
+| activatePointersOnLongPress |Long press to activate pointer  |  boolean  | no  | all | yes
+| activatePointersDelay | activation pointer delay |  number  | no  | all | yes
+| persistPointer | persistent pointer |  boolean  | no  | all | yes
+| hidePointer1 | hidden pointer |  boolean  | no  | all | yes
+| hidePointer2 | hidden pointer |  boolean  | no  | all | yes
+| hidePointer3 | hidden pointer |  boolean  | no  | all | yes
+| hidePointer4 | hidden pointer | boolean  | no  | all | yes
+| hidePointer5 | hidden pointer |  boolean  | no  | all | yes
+| hideSecondaryPointer | Hide auxiliary pointer |  boolean  | no  | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer |  number[]  | no  | all | yes
+
+
+**onFocus and strip related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| focusEnabled  | If set true, allows users to press on the chart and focuses the nearest data point (focus event can be then handled using the `onFocus` prop) | boolean| no  | all | yes
+| onFocus  | The callback function that handles the focus event. `item` and `index` are received as props | Function| no  | all | yes
+| focusedDataPointIndex  | Index of the focused data point, used to set initially focused data point and to override the focus behaviour on onFocus    | number| no  | all | yes
+| showDataPointOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolean    | no  | all | yes
+| showStripOnFocus | If set true, it shows a vertical strip corresponding to the focused area of the chart   | boolean | no  | all | yes
+| showTextOnFocus  | If set true, it shows the data point text corresponding to the focused area of the chart  | boolean | no  | all | yes
+| showDataPointLabelOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolea| no  | all | yes
+| stripHeight  | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no  | all | yes
+| stripWidth    | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart            | number | no  | all | yes
+| stripColor   | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart             | ColorValue| no  | all | yes
+| stripOpacity  | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart             | number | no  | all | yes
+| unFocusOnPressOut     | If set true, it unselects/unfocuses the focused/selected data point     | boolean| no  | all | yes
+| delayBeforeUnFocus   | Delay (in milliseconds) between the release of the press and ghe unfocusing of the data point  | number | no  | all | yes
+| focusedDataPointShape | Shape of the data points when focused due to press    | String | no  | all | yes
+| focusedDataPointWidth  | Width of the data points when focused due to press    | number  | no  | all  | yes
+| focusedDataPointHeight | Height of the data points when focused due to press    | number  | no  | all  | yes
+| focusedDataPointColor | Color of the data points when focused due to press    | ColorValue | no  | all  | yes
+| focusedDataPointRadius  | Radius of the data points when focused due to press   | number   | no  | all  | yes
+| focusedCustomDataPoint | Custom data point when focused due to press event    | Function  | no  | all   | yes
+
+**Props for Area Chart**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| areaChart | If set true, renders area chart instead of line chart  | boolean| no  | all | yes
+| areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no  | all | yes
+| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean  | no  | all | yes
+| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no  | all | yes
+| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no  | all | yes
+| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no  | all | yes
+| startFillColor | Start gradient color for the area chart | ColorValue | no  | all | yes
+| endFillColor | End gradient color for the area chart | ColorValue | no  | all | yes
+| startOpacity | Start gradient opacity for the area chart | number | no  | all | yes
+| endOpacity | End gradient opacity for the area chart  | number  | no  | all | yes
+| startFillColor1 | Start gradient color for the first dataset of the area chart | ColorValue| no  | all | yes
+| endFillColor1 | End gradient color for the first dataset of the area chart | ColorValue  | no  | all | yes
+| startOpacity1 | Start gradient opacity for the first dataset of the area chart | number  | no  | all | yes
+| endOpacity1  | End gradient opacity for the first dataset of the area chart   | number | no  | all | yes
+| startFillColor2 | Start gradient color for the second dataset of the area chart | ColorValue | no  | all | yes
+| endFillColor2 | End gradient color for the second dataset of the area chart  | ColorValue  | no  | all | yes
+| startOpacity2 | Start gradient color for the second dataset of the area chart | number    | no  | all | yes
+| endOpacity2 | End gradient opacity for the second dataset of the area chart  | number   | no  | all | yes
+| startFillColor3 | Start gradient color for the third dataset of the area chart | ColorValue| no  | all | yes
+| endFillColor3 | End gradient color for the third dataset of the area chart  | ColorValue | no  | all | yes
+| startOpacity3 | Start gradient color for the third dataset of the area chart | number  | no  | all | yes
+| endOpacity3 | End gradient opacity for the third dataset of the area chart   | number  | no  | all | yes
+| startFillColor4 | Start gradient color for the fourth dataset of the area chart | ColorValue | no  | all | yes
+| endFillColor4 | End gradient color for the fourth dataset of the area chart   | ColorValue | no  | all | yes
+| startOpacity4  | Start gradient color for the fourth dataset of the area chart       | number | no  | all | yes
+| endOpacity4  | End gradient opacity for the fourth dataset of the area chart         | number | no  | all | yes
+| startFillColor5 | Start gradient color for the fifth dataset of the area chart      | ColorValue         | no  | all | yes
+| endFillColor5 | End gradient color for the fifth dataset of the area chart        | ColorValue          | no  | all | yes
+| startOpacity5 | Start gradient color for the fifth dataset of the area chart        | number   | no  | all | yes
+| endOpacity5 | End gradient opacity for the fifth dataset of the area chart          | number | no  | all | yes
+| gradientDirection | Direction of the gradient (_'horizontal'_ or _'vertical'_)    | string  | no  | all | yes
+| areaGradientComponent | this prop defines the svg gradient that should be applied to the area (requires areaChart to be truthy) | Function| no  | all | yes
+| areaGradientId  | id of the <LinearGradient> (needed along with areaGradientComponent prop)      | string | no  | all | yes
+
+### PieChart and DonutChart
+
+**Basic props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An item object represents a section in the Pie chart. Descibed in the next table  | pieDataItem[]  | no  | all | yes
+| radius  | Radius of the Pie | number   | no  | all | yes
+| initialAngle | Starting angle in radians (illustrated below this table)| number | no  | all | yes
+| isThreeD  | If set to true, it rotates and translates the chart to give it a 3D effect  | boolean  | no  | all | yes
+| showGradient | Prop to enable radial gradient for the Pie sections  | boolean  | no  | all | yes
+| gradientCenterColor | Gradient color at the center of the Pie chart | ColorValue            | no  | all | yes
+| onPress   | Callback function called on press of Pie sections (takes item and index as parameter) | Function                | no  | all | yes
+| focusOnPress  | When set to true, the pressed section of the Pie chart will have a bigger radius, hence appear focused   | boolean  | no  | all | yes
+| toggleFocusOnPress | When set to true, if the user presses an already focused pie section, it will be unfocused  | boolean  | no  | all | yes
+| extraRadiusForFocused  | Extra radius for the focused Pie section  | number | no  | all | yes
+| inwardExtraLengthForFocused | Extra length of focused Pie section towards the center (only for donut charts) | number  | no  | all | yes
+| sectionAutoFocus | In case you don't want focusOnPress but want a particular section to autofocus, this prop will be needed | boolean | no  | all | yes
+| onLabelPress | Callback function called on press of a Label (takes item and index as parameter) | Function               | no  | all | yes
+| tiltAngle | The angle by which the chart should be tilted  | Angle in deg           | no  | all | yes
+| shadow  | Shadow to the Pie chart, when set to true, it enhances the 3D effect | boolean  | no  | all | yes
+| shadowColor  | Color of the shadow   | ColorValue  | no  | all | yes
+| shadowWidth  | Width of the shadow   | number  | no  | all | yes
+| strokeWidth  | Stroke (line) width for the Pie chart and its section | number | no  | all | yes
+| strokeColor | Stroke (line) color | ColorValue | no  | all | yes
+| backgroundColor | Background color of the container that contains the Pie chart  | ColorValue | no  | all | yes
+| showText  | When set to true, displays text on the Pie sections | boolean | no  | all | yes
+| textColor  | Color of the label texts | ColorValue  | no  | all | yes
+| textSize  | Size of the label texts (max allowed: radius / 5) | number | no  | all | yes
+| fontStyle | Style of the text - 'normal', 'italic' or 'oblique'| string| no  | all | yes
+| fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no  | all | yes
+| font  | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no  | all | yes
+| showTextBackground | When set to true, displays background for text on the Pie sections | boolean | no  | all | yes
+| textBackgroundColor | Background color for the label texts  | ColorValue | no  | all | yes
+| textBackgroundRadius | Radius for the background of the text labels   | number | no  | all | yes
+| showValuesAsLabels  | When set to true, the values of the Pie sections are displayed as labels   | boolean  | no  | all | yes
+| centerLabelComponent | Component to be rendered at the center of the Pie chart  | Function | no  | all | yes
+| semiCircle  | When set to true, renders the Pie Chart in a semi-circle. donut semiCircle charts look like a speed-meter  | boolean  | no  | all | yes
+| labelsPosition  | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid' | string | no  | all | yes
+| pieInnerComponent | Svg element to be rendered inside each Pie like a label (position controlled by 'labelsPosition' )  | () => svg element       | no  | all | yes
+| paddingHorizontal | horizontal padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no  | all | yes
+| paddingVertical  | vertical padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no  | all | yes
+| isAnimated | To show animates PieProChart. Animation occurs onLoad and on value change | boolean  | no  | all | yes
+| animationDuration  | Duration of the animations, only fro PieProChart  | number| no  | all | yes
+| curvedStartEdges  | Bend start edge, only fro PieProChart  | boolean | no  | all | yes
+| curvedEndEdges  | Bend end edge, only fro PieProChart  | boolean | no  | all | yes
+| edgesRadius  | Bend radius, only fro PieProChart | number | no  | all | yes
+
+**Item description (pieDataItem)**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| value   | Value of the item, representing a section of the Pie chart | number  | no  | all | yes
+| shiftX  | Translates (shifts) the particular section horizontally by given value  | number | no  | all | yes
+| shiftY | Translates (shifts) the particular section vertically by given value | number | no  | all | yes
+| shiftTextX | Translates (shifts) the position of label text horizontally          | number  | no  | all | yes
+| shiftTextY  | Translates (shifts) the position of label text vertically | number | no  | all | yes
+| shiftTextBackgroundX | Shifts the background of label text horizontally (default value is shiftTextX) | number  | no  | all | yes
+| shiftTextBackgroundY | Shifts the background of label text vertically (default value is shiftTextY) | number | no  | all | yes
+| color | Color (background color) of the section | ColorValue  | no  | all | yes
+| text  | Label text for the sections | string  | no  | all | yes
+| textColor  | Color of the text (label) inside the section | ColorValue   | no  | all | yes
+| textSize  | Size of the text (label) inside the section | number   | no  | all | yes
+| fontStyle | Style of the text - 'normal', 'italic' or 'oblique' | string | no  | all | yes
+| fontWeight  | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string   | no  | all | yes
+| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no  | all | yes
+| textBackgroundColor | Background color for the label text | ColorValue  | no  | all | yes
+| textBackgroundRadius  | Radius for the background of the text label| number   | no  | all | yes
+| labelPosition | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid'  | string  | no  | all | yes
+| onPress  | Callback function called on press of Pie sections (takes item and index as parameter) | Function  | no  | all | yes
+| onLabelPress | Callback function called on press of a Label (takes item and index as parameter)         | Function | no  | all | yes
+| strokeWidth | Stroke (line) width for the Pie chart and its section       | number  | no  | all | yes
+| strokeColor   | Stroke (line) color  | ColorValue | no  | all | yes
+| focused  | When set to true, the section for that item is focused, sectionAutoFocus must be set true in order to use this property | boolean  | no  | all | yes
+| pieInnerComponent  | Svg element to be rendered inside the Pie like a label (position controlled by 'labelsPosition' )    | () => svg element  | no  | all | yes
+
+**Donut chart related props**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| donut | When set to true, renders a Donut chart (makes an inner ring) | boolean | no  | all | yes
+| innerRadius   | Radius of the inner ring | number | no  | all | yes
+| innerCircleColor | Color of the inner ring | ColorValue| no  | all | yes
+| innerCircleBorderWidth | Stroke (border) width of the inner ring | number  | no  | all | yes
+| innerCircleBorderColor | Stroke (border) color of the inner ring | ColorValue  | no  | all | yes
+| shiftInnerCenterX   | Shifts the inner ring horizontally to enhance the 3D effect | number   | no  | all | yes 
+| shiftInnerCenterY  | Shifts the inner ring vertically to enhance the 3D effect  | number  | no  | all | yes
+
+### Population Pyramid
+
+**base props**
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| height  | height of chart body (excluding x-axis labels)  | number | no  | all | yes
+| width | width of chart body   | number   | no  | all | yes
+| data | array of objects, each object is described by **popnPyramidDataItem**  | Array<popnPyramidDataItem>  | no  | all | yes
+| hideRules  | when set to true, hides horizontal rules (which are displayed in the background of the charts)  | boolean     | no  | all | yes
+| rulesThickness | thickness of the horizontal rules | number  | no  | all | yes    
+| rulesColor | color of the horizontal rules | ColorValue   | no  | all | yes
+| rulesType| type of the horizontal rules - SOLID or DASHED/DOTTED | RuleTypes   | no  | all | yes
+| dashWidth | width of each dash in the horizontal rules | number  | no  | all | yes
+| dashGap | gap between each dash in the horizontal rules | number | no | all | yes
+| stepHeight| height of each step/horizontal section in the chart body | number   | no  | all | yes
+| verticalMarginBetweenBars| self explanatory | number    | no  | all | yes
+| hideYAxisText | hide Y axis labels, when not set to true, a gap will be left to the left of the chart | boolean   | no  | all | yes
+| yAxisLabelWidth | self explanatory  | number     | no  | all | yes
+| yAxisColor  | self explanatory  | ColorValue  | no  | all | yes
+| yAxisThickness | self explanatory  | number    | no  | all | yes
+| yAxisStrokeDashArray | used to render a dashed or dotted Y axis line ([dashWidth,dashGap]) | Array<number>    | no  | all | yes
+| xAxisColor | self explanatory  | ColorValue   | no  | all | yes
+| xAxisThickness | self explanatory  | number   | no  | all | yes
+| xAxisType | type of X-axis- SOLID, DASHED or DOTTED  | RuleTypes  | no  | all | yes
+| xAxisNoOfSections | number of sections in X-axis (in both left and right parts)  | number     | no  | all | yes
+| showXAxisIndices | when set to true, shows small lines (indices) at each section of x-axis | boolean    | no  | all | yes
+| xAxisIndicesWidth | width of x axis indices | number   | no  | all | yes
+| xAxisIndicesHeight | height of x axis indices | number   | no  | all | yes
+| xAxisIndicesColor | color of of x axis indices | ColorValue  | no  | all | yes
+| xAxisIndicesShiftY | used to shift x axis indices downwards or upwards | number   | no  | all | yes
+| showXAxisLabelTexts | self explanatory | boolean      | no  | all | yes
+| xAxisLabelFontSize | self explanatory | number    | no  | all | yes
+| xAxisLabelColor | self explanatory  | ColorValue      | no  | all | yes
+| xAxisLabelFontStyle | self explanatory | FontStyle  | no  | all | yes
+| xAxisLabelFontWeight | self explanatory  | FontWeight  | no  | all | yes
+| xAxisLabelFontFamily | self explanatory  | string   | no  | all | yes
+| xAxisLabelShiftX  | horizontally shifts the x axis labels by given value | number | no  | all | yes
+| xAxisLabelShiftY | vertically shifts the x axis labels by given value | number  | no  | all | yes
+| xAxisRoundToDigits | number of decimal places upto which x axis labels will be displayed   | number | no  | all | yes
+| xAxisLabelPrefix  | The String prepended to the x axis label text (for example- '$') | string | no  | all | yes
+| xAxisLabelSuffix  | The String appended to the x axis label text | string  | no  | all | yes
+| formatXAxisLabels | a callback function that takes the label generated by the library and modifies it | (label: string) => string   | no  | all | yes
+| showVerticalLines | show vertical lines (similar to horiz rules) in background of the chart | boolean  | no  | all | yes
+| verticalLinesColor | Color of the vertical lines  | ColorValue  | no  | all | yes
+| verticalLinesThickness | Thickness of the vertical lines | number  | no  | all | yes
+| verticalLinesStrokeDashArray | used to render dashed or dotted vertical lines ([dashWidth,dashGap]) | Array<number> | no  | all | yes
+| noOfSections | Number of sections (and horiz rules) in the Y axis | number | no  | all | yes
+| barsMapToYAxisSections | this prop tells whether the number of sections in the Y axis is equal to the length of data array      | boolean  | no  | all | yes
+| showYAxisIndices | when set to true, shows small lines (indices) at each section of y-axis  | boolean   | no  | all | yes
+| yAxisIndicesWidth | width of y axis indices | number  | no  | all | yes
+| yAxisIndicesHeight | height of y axis indices          | number   | no  | all | yes
+| yAxisIndicesColor | color of of x axis indices | ColorValue   | no  | all | yes
+| yAxisLabelColor | color of of x axis label text | ColorValue   | no  | all | yes
+| yAxisLabelFontSize | font size of of of x axis label text =| number   | no  | all | yes
+| yAxisLabelTextMarginRight | space left between the y axis labels and the y axis line | number | no  | all | yes
+| yAxisLabelTexts | An array of string labels to be rendered as Y axis labels (top to bottom) | Array<string>    | no  | all | yes
+| yAxisLabelFontStyle | self explanatory | FontStyle    | no  | all | yes
+| yAxisLabelFontWeight | self explanatory | FontWeight   | no  | all | yes
+| yAxisLabelFontFamily   | self explanatory  | string    | no  | all | yes
+| showValuesAsBarLabels | when set to true, displays the left and right values as labels beside the respective bars | boolean | no  | all | yes
+| showMidAxis  | when set to true, displays an axis in the mid - between the left and right halves of the pyramid | boolean   | no  | all | yes
+| midAxisThickness  | thickness of the mid axis lines | number    | no  | all | yes
+| midAxisLabelWidth | width of the mid axis | number    | no  | all | yes
+| midAxisColor  | color of the mid axis lines | ColorValue    | no  | all | yes
+| midAxisLeftColor | color of the left mid axis line | ColorValue    | no  | all | yes
+| midAxisRightColor  | color of the right mid axis line | ColorValue    | no  | all | yes
+| midAxisStrokeDashArray | used to render dashed or dotted mid axis lines ([dashWidth,dashGap])  | Array<number>   | no  | all | yes
+| midAxisLabelFontSize   | self explanatory | number    | no  | all | yes
+| midAxisLabelColor | self explanatory  | ColorValue     | no  | all | yes
+| midAxisLabelFontStyle  | self explanatory | FontStyle    | no  | all | yes
+| midAxisLabelFontWeight  | self explanatory | FontWeight    | no  | all | yes
+| midAxisLabelFontFamily | self explanatory | string    | no  | all | yes
+| barLabelWidth  | width of the labels displayed behind the bars (both left and right bars) | number    | no  | all | yes
+| barLabelFontSize  | font size of the labels displayed behind the bars (both left and right bars) | number    | no  | all | yes
+| barLabelColor | color of the of the labels displayed behind the bars (both left and right bars) | ColorValue    | no  | all | yes
+| barLabelFontStyle  | font style of the labels displayed behind the bars (both left and right bars) | FontStyle    | no  | all | yes
+| barLabelFontWeight  | font weight of the labels displayed behind the bars (both left and right bars) | FontWeight   | no  | all | yes
+| barLabelFontFamily | font family of the labels displayed behind the bars (both left and right bars) | string    | no  | all | yes
+| leftBarLabelWidth  | width of the labels displayed behind the left bars  | number    | no  | all | yes
+| leftBarLabelFontSize   | font size of the labels displayed behind the left bars | number    | no  | all | yes
+| leftBarLabelColor | color of the labels displayed behind the left bars | ColorValue    | no  | all | yes
+| leftBarLabelFontStyle | font style of the labels displayed behind the left bars | FontStyle     | no  | all | yes
+| leftBarLabelFontWeight  | font weight of the labels displayed behind the left bars  | FontWeight    | no  | all | yes
+| leftBarLabelFontFamily | font family of the labels displayed behind the left bars | string    | no  | all | yes
+| leftBarLabelShift | value by which the left bar labels should be shifted horizontally (kind of margin b/w label and bar) | number | no  | all | yes
+| leftBarLabelPrefix | The String prepended to the left bar label text (for example- '$')  | string     | no  | all | yes
+| leftBarLabelSuffix | The String appended to the left bar label text | string     | no  | all | yes
+| rightBarLabelWidth | width of the labels displayed behind the right bars | number    | no  | all | yes
+| rightBarLabelFontSize | font size of the labels displayed behind the right bars | number    | no  | all | yes
+| rightBarLabelColor | color of the labels displayed behind the right bars  | ColorValue    | no  | all | yes
+| rightBarLabelFontStyle  | font style of the labels displayed behind the right bars | FontStyle    | no  | all | yes
+| rightBarLabelFontWeight | font weight of the labels displayed behind the right bars | FontWeight    | no  | all | yes
+| rightBarLabelFontFamily | font family of the labels displayed behind the right bars | string    | no  | all | yes
+| rightBarLabelShift  | value by which the right bar labels should be shifted horizontally (kind of margin b/w label and bar) | number   | no  | all | yes
+| rightBarLabelPrefix  | The String prepended to the right bar label text (for example- '$') | string    | no  | all | yes
+| rightBarLabelSuffix | The String appended to the right bar label text | string    | no  | all | yes
+| formatBarLabels  | a callback function that takes the label generated by the library and modifies it | (label: string) => string    | no  | all | yes
+| leftBarColor | color of the bars displayed in the left half of the pyramid  | ColorValue    | no  | all | yes
+| rightBarColor | color of the bars displayed in the right half of the pyramid  | ColorValue    | no  | all | yes
+| leftBarBorderColor | border color of the bars displayed in the left half of the pyramid | ColorValue    | no  | all | yes
+| rightBarBorderColor  | border color of the bars displayed in the right half of the pyramid | ColorValue   | no  | all | yes
+| barBorderWidth | boder width of the bars (both left and right bars) | number     | no  | all | yes
+| leftBarBorderWidth | boder width of the bars displayed in the left half of the pyramid  | number    | no  | all | yes
+| rightBarBorderWidth | boder width of the bars displayed in the right half of the pyramid  | number   | no  | all | yes
+| barBorderRadius  | boder radius of the bars | number    | no  | all | yes
+| leftBarBorderRadius | boder width of the bars displayed in the left half of the pyramid | number     | no  | all | yes
+| rightBarBorderRadius | boder width of the bars displayed in the right half of the pyramid| number    | no  | all | yes
+| allCornersRounded | when set to true, border radius will apply to all the four corners of the bars, else applied only on outer edges | boolean   | no  | all | yes
+| showSurplus  | shows surplus values on the edges in highlighted colors (extra width of the bigger bar is highlighted )  | boolean    | no  | all | yes
+| showSurplusLeft  | shows surplus values on the left edges in highlighted colors (extra width of the bigger bar is highlighted )  | boolean    | no  | all | yes
+| showSurplusRight | shows surplus values on the right edges in highlighted colors (extra width of the bigger bar is highlighted ) | boolean    | no  | all | yes
+| leftSurplusColor | highlight color of the left surplus  | ColorValue | no  | all | yes
+| leftSurplusBorderColor | border color of the left surplus | ColorValue   | no  | all | yes
+| rightSurplusColor  | highlight color of the right surplus | ColorValue    | no  | all | yes
+| rightSurplusBorderColor | border color of the right surplus | ColorValue    | no  | all | yes
+| leftSurplusBorderWidth | border width of the left surplus | number    | no  | all | yes
+| rightSurplusBorderWidth | border width of the right surplus | number    | no  | all | yes
+
+## 遗留问题
+
+- [ ] PieChart设置圆环设置为3D，中间圆环显示问题，svg问题。 [issue#7](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/7)
+- [X] BarChart设置barBackgroundPattern显示问题，svg问题。 [issue#6](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/6)
+- [ ] LineChart设置customDataPoint不显示，svg问题。 [issue#8](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/8)
+- [ ] PieChartPro饼图设置animated为true，动画会卡顿，RN框架问题。 [issue#9](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/9)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-gifted-chat.md b/en/react-native-gifted-chat.md
new file mode 100644
index 00000000..9db75999
--- /dev/null
+++ b/en/react-native-gifted-chat.md
@@ -0,0 +1,197 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-gifted-chat</code> </h1>
+</p>
+<p align="center">
+   <a href="https://github.com/FaridSafi/react-native-gifted-chat">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+   <a href="https://github.com/FaridSafi/react-native-gifted-chat/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/FaridSafi/react-native-gifted-chat)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+
+#### **npm**
+
+```bash
+npm install react-native-gifted-chat@2.4.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-gifted-chat@2.4.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { useState } from 'react'
+import { View } from 'react-native'
+
+import { GiftedChat, IMessage } from 'react-native-gifted-chat'
+
+export function App() {
+  const [messages, setMessages] = useState([
+    {
+      _id: 1,
+      text: 'My message111',
+      createdAt: new Date(Date.UTC(2016, 5, 11, 17, 20, 0)),
+      user: {
+        _id: 2,
+        name: 'React Native',
+        avatar: 'https://facebook.github.io/react/img/logo_og.png',
+      },
+      quickReplies: {
+        type: 'radio', // or 'checkbox',
+        keepIt: true,
+        values: [
+          {
+            title: '😋 Yes',
+            value: 'yes',
+          },
+          {
+            title: '📷 Yes, let me show you with a picture!',
+            value: 'yes_picture',
+          },
+          {
+            title: '😞 Nope. What?',
+            value: 'no',
+          },
+        ],
+      },
+    },
+  ])
+
+  const onSend = (newMsg: IMessage[]) => setMessages([...messages, ...newMsg])
+
+  return (
+    <View style={{ flex: 1}}>
+      <GiftedChat
+        messages={messages}
+        onSend={onSend}
+        user={{_id: 1, name: 'Developer'}}
+        messagesContainerStyle={{ flex: 1 }}
+        isKeyboardInternallyHandled={false}
+      />
+    </View>
+  )
+}
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+## 属性
+
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|              Name               |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
+| :-----------------------------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+|     **messageContainerRef**     |                    *Ref to the flatlist*                     | *FlatList ref*  |    No    | iOS/Android |        Yes        |
+|        **textInputRef**         |                    Text field error text                     | *TextInput ref* |    No    | iOS/Android |        Yes        |
+|          **messages**           |                     Messages to display                      |     *Array*     |    No    | iOS/Android |        Yes        |
+|          **isTyping**           | Typing Indicator state; If you use`renderFooter` it will override this |     Boolean     |    No    | iOS/Android |        Yes        |
+|            **text**             |                          Input text                          |     String      |    No    | iOS/Android |        Yes        |
+|         **placeholder**         | Placeholder when `text` is empty; default is `'Type a message...'` |     String      |    No    | iOS/Android |        Yes        |
+|     **messageIdGenerator**      |     Generate an id for new messages. Defaults to UUID v4     |   *Function*    |    No    | iOS/Android |        Yes        |
+|            **user**             |                  User sending the messages                   |    *Object*     |    No    | iOS/Android |        Yes        |
+|           **onSend**            |               Callback when sending a message                |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **alwaysShowSend**        |        Always show send button in input text composer        |     Boolean     |    No    | iOS/Android |        Yes        |
+|           **locale**            | Locale to localize the dates. You need first to import the locale you need (ie. `require('dayjs/locale/de')` or `import 'dayjs/locale/fr'`) |    *String*     |    No    | iOS/Android |        Yes        |
+|         **timeFormat**          | *(String)* - Format to use for rendering times; default is `'LT'` (see [Day.js Format](https://day.js.org/docs/en/display/format)) |    *String*     |    No    | iOS/Android |        Yes        |
+|         **dateFormat**          | Format to use for rendering dates; default is `'ll'` (see [Day.js Format](https://day.js.org/docs/en/display/format)) |    *String*     |    No    | iOS/Android |        Yes        |
+|         **loadEarlier**         | Enables the "load earlier messages" button, required for `infiniteScroll` |     Boolean     |    No    | iOS/Android |        Yes        |
+| **isKeyboardInternallyHandled** | Determine whether to handle keyboard awareness inside the plugin. If you have your own keyboard handling outside the plugin set this to false; default is `true` |     Boolean     |    No    | iOS/Android |        Yes        |
+|        **onLoadEarlier**        |            Callback when loading earlier messages            |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **isLoadingEarlier**       | Display an `ActivityIndicator` when loading earlier messages |     Boolean     |    No    | iOS/Android |        Yes        |
+|        **renderLoading**        |           Render a loading view when initializing            |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **renderLoadEarlier**      |            Custom "Load earlier messages" button             |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **renderAvatar**         | Custom message avatar; set to `null` to not render any avatar for the message |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **showUserAvatar**        | Whether to render an avatar for the current user; default is `false`, only show avatars for other users |     Boolean     |    No    | iOS/Android |        Yes        |
+|  **showAvatarForEveryMessage**  | avatars will only be displayed when a consecutive message is from the same user on the same day; |     Boolean     |    No    | iOS/Android |        Yes        |
+|        **onPressAvatar**        |           Callback when a message avatar is tapped           |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **onLongPressAvatar**      |        Callback when a message avatar is long-pressed        |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **renderAvatarOnTop**      | Render the message avatar at the top of consecutive messages |     Boolean     |    No    | iOS/Android |        Yes        |
+|        **renderBubble**         |                    Custom message bubble                     |   *Function*    |    No    | iOS/Android |        Yes        |
+|         **renderTicks**         |       Custom ticks indicator to display message status       |    Function     |    No    | iOS/Android |        Yes        |
+|     **renderSystemMessage**     |                    Custom system message                     |    Function     |    No    | iOS/Android |        Yes        |
+|           **onPress**           |          Callback when a message bubble is pressed           |    Function     |    No    | iOS/Android |        Yes        |
+|         **onLongPress**         | Callback when a message bubble is long-pressed; default is to show an ActionSheet with "Copy Text" (see [example using `showActionSheetWithOptions()`](https://github.com/FaridSafi/react-native-gifted-chat/blob/master@{2017-09-25}/src/Bubble.js#L96-L119)) |    Function     |    No    | iOS/Android |        Yes        |
+|          **inverted**           |             Reverses display order of `messages`             |     Boolean     |    No    | iOS/Android |        Yes        |
+|   **renderUsernameOnMessage**   | ndicate whether to show the user's username inside the message bubble |     Boolean     |    No    | iOS/Android |        Yes        |
+|       **renderUsername**        |                  Custom Username container                   |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **renderMessage**        |                   Custom message container                   |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **renderMessageText**      |                     Custom message text                      |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **renderMessageImage**      |                     Custom message image                     |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **renderMessageVideo**      |                     Custom message video                     |   *Function*    |    No    | iOS/Android |        Yes        |
+|         **imageProps**          | Extra props to be passed to the [``](https://facebook.github.io/react-native/docs/image.html) component created by the default `renderMessageImage` |    *Object*     |    No    | iOS/Android |        Yes        |
+|         **videoProps**          | Extra props to be passed to the video component created by the required `renderMessageVideo` |    *Object*     |    No    | iOS/Android |        Yes        |
+|        **lightboxProps**        | Extra props to be passed to the `MessageImage`'s [Lightbox](https://github.com/oblador/react-native-lightbox) |    *Object*     |    No    | iOS/Android |        Yes        |
+|     **isCustomViewBottom**      | Determine whether renderCustomView is displayed before or after the text, image and video views |     Boolean     |    No    | iOS/Android |        Yes        |
+|      **renderCustomView**       |                Custom view inside the bubble                 |   *Function*    |    No    | iOS/Android |        Yes        |
+|          **renderDay**          |                  Custom day above a message                  |   *Function*    |    No    | iOS/Android |        Yes        |
+|         **renderTime**          |                 Custom time inside a message                 |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **renderFooter**         | Custom footer component on the ListView, e.g. `'User is typing...'`; see [App.tsx](https://github.com/FaridSafi/react-native-gifted-chat/blob/master/example/App.tsx) for an example. Overrides default typing indicator that triggers when `isTyping` is true |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **renderChatEmpty**       | Custom component to render in the ListView when messages are empty |   *Function*    |    No    | iOS/Android |        Yes        |
+|      **renderChatFooter**       | Custom component to render below the MessageContainer (separate from the ListView) |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **renderInputToolbar**      |              Custom message composer container               |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **renderComposer**        |              Custom text input message composer              |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **renderActions**        |   Custom action button on the left of the message composer   |   *Function*    |    No    | iOS/Android |        Yes        |
+|         **renderSend**          | Custom send button; you can pass children to the original `Send` component quite easily, for example, to use a custom icon ([example](https://github.com/FaridSafi/react-native-gifted-chat/pull/487)) |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **renderAccessory**       |   Custom second line of actions below the message composer   |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **onPressActionButton**     | Callback when the Action button is pressed (if set, the default `actionSheet` will not be used) |   *Function*    |    No    | iOS/Android |        Yes        |
+|        **bottomOffset**         | Distance of the chat from the bottom of the screen (e.g. useful if you display a tab bar) |     Number      |    No    | iOS/Android |        No         |
+|    **minInputToolbarHeight**    |     Minimum height of the input toolbar; default is `44`     |     Number      |    No    | iOS/Android |        No         |
+|        **listViewProps**        | Extra props to be passed to the messages [``](https://facebook.github.io/react-native/docs/listview.html); some props can't be overridden, see the code in `MessageContainer.render()` for details |    *Object*     |    No    | iOS/Android |        Yes        |
+|       **textInputProps**        | Extra props to be passed to the [``](https://facebook.github.io/react-native/docs/textinput.html) |    *Object*     |    No    | iOS/Android |        Yes        |
+|       **textInputStyle**        | Custom style to be passed to the [``](https://facebook.github.io/react-native/docs/textinput.html) |    *Object*     |    No    | iOS/Android |        Yes        |
+|          **multiline**          | Indicates whether to allow the [``](https://facebook.github.io/react-native/docs/textinput.html) to be multiple lines or not; |     Boolean     |    No    | iOS/Android |        Yes        |
+|  **keyboardShouldPersistTaps**  | Determines whether the keyboard should stay visible after a tap; see [``](https://facebook.github.io/react-native/docs/scrollview.html) docs |     String      |    No    | iOS/Android |        Yes        |
+|     **onInputTextChanged**      |             Callback when the input text changes             |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **maxInputLength**        |            Max message composer TextInput length             |    *Number*     |    No    | iOS/Android |        Yes        |
+|        **parsePatterns**        | Custom parse patterns for [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text) used to linking message content (like URLs and phone numbers), e.g.: |   *Function*    |    No    | iOS/Android |        Yes        |
+|          **extraData**          | Extra props for re-rendering FlatList on demand. This will be useful for rendering footer etc. |    *Object*     |    No    | iOS/Android |        Yes        |
+|      **minComposerHeight**      |              Custom min-height of the composer               |    *Object*     |    No    | iOS/Android |        Yes        |
+|      **maxComposerHeight**      |              Custom max height of the composer               |    *Object*     |    No    | iOS/Android |        No         |
+|       **scrollToBottom**        |  Enables the scroll to bottom Component (Default is false)   |     Boolean     |    No    | iOS/Android |        Yes        |
+|   **scrollToBottomComponent**   |         Custom Scroll To Bottom Component container          |   *Function*    |    No    | iOS/Android |        Yes        |
+|    **scrollToBottomOffset**     | Custom Height Offset upon which to begin showing Scroll To Bottom Component (Default is 200) |    *Number*     |    No    | iOS/Android |        Yes        |
+|     **scrollToBottomStyle**     |         Custom style for Bottom Component container          |    *Object*     |    No    | iOS/Android |        Yes        |
+|          **alignTop**           | Controls whether or not the message bubbles appear at the top of the chat (Default is false - bubbles align to bottom) |    *Boolean*    |    No    | iOS/Android |        Yes        |
+|        **onQuickReply**         |   Callback when sending a quick reply (to backend server)    |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **renderQuickReplies**      |                 Custom all quick reply view                  |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **quickReplyStyle**       |                Custom quick reply view style                 |    *Object*     |    No    | iOS/Android |        Yes        |
+|    **renderQuickReplySend**     |                 Custom quick reply send view                 |   *Function*    |    No    | iOS/Android |        Yes        |
+|     **shouldUpdateMessage**     | Lets the message component know when to update outside of normal cases. |   *Function*    |    No    | iOS/Android |        Yes        |
+|       **infiniteScroll**        | infinite scroll up when reach the top of messages container, automatically call onLoadEarlier function if exist (not yet supported for the web). You need to add `loadEarlier` prop too. |    *Boolean*    |    No    | iOS/Android |        Yes        |
+
+## 遗留问题
+ - [ ] iOS 和 HarmonyOS侧效果有差异 RN输入框键盘弹出遮挡了输入框 新建一个项目加一个在屏幕底下的输入框,键盘弹出会默认把输入框顶上来
+ - [ ] 输入框最大高 maxComposerHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
+ - [ ] 输入工具栏最小高 minInputToolbarHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
+ - [ ] 聊天与屏幕底部的距离 bottomOffset 设置无法查看效果,IOS设置后效果为键盘弹出后聊天栏与输入栏之间的距离,RN键盘弹出未把输入框顶上来
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/FaridSafi/react-native-gifted-chat/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-graph.md b/en/react-native-graph.md
new file mode 100644
index 00000000..e099d660
--- /dev/null
+++ b/en/react-native-graph.md
@@ -0,0 +1,159 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-graph</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/margelo/react-native-graph">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/margelo/react-native-graph/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/margelo/react-native-graph)
+
+## 安装与使用
+
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-natvie-graph@1.1.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-natvie-graph@1.1.0
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+```ts
+import React, {  useState } from 'react'
+import { View, StyleSheet, Text, Button } from 'react-native'
+import { LineGraph } from 'react-native-graph'
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+interface GraphPoint {
+    value: number
+    date: Date
+  }
+interface GraphXRange {
+    min: Date;
+    max: Date;
+}
+interface GraphYRange {
+    min: number;
+    max: number;
+}
+interface GraphPathRange {
+    x: GraphXRange;
+    y: GraphYRange;
+}
+type GraphRange = Partial<GraphPathRange>;
+type Color = string | Float32Array | number | number[];
+
+export default function() {
+    const generateRandomGraphData=(length: number): GraphPoint[]=>{
+        return Array<number>(length)
+          .fill(0)
+          .map((_, index) => ({
+            date: new Date(
+              new Date(2000, 0, 1).getTime() + 1000 * 60 * 60 * 24 * index
+            ),
+            value: Math.random()*10,
+          }))
+      }
+    const POINT_COUNT=50
+      const POINTS = generateRandomGraphData(POINT_COUNT)
+      const [points, setPoints] = useState(POINTS)
+      const [isAnimated, setIsAnimated] = useState(true)
+      const [enablePanGesture, setEnablePanGesture] = useState(false)
+
+      const color='#dd4400'
+  
+      
+    return (
+        <View style={{ flex: 1 }}>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+        <Text>{`enablePanGesture value is ${enablePanGesture}`}</Text>
+        <LineGraph 
+        style={styles.graph}
+        animated={isAnimated}
+        color={color}
+        points={points}
+        enablePanGesture={enablePanGesture}
+        />
+        <Button title='change enablePanGesture' onPress={()=>setEnablePanGesture(!enablePanGesture)} />
+     </GestureHandlerRootView>
+    </View>
+    )
+
+}
+
+const styles = StyleSheet.create({
+
+    graph: {
+        alignSelf: 'center',
+        width: '100%',
+        aspectRatio: 1.4,
+        marginVertical: 20,
+      },
+})
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated , @react-native-oh-tpl/react-native-gesture-handler , @react-native-oh-tpl/react-native-skia 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-skia文档](/zh-cn/react-native-skia.md)、进行引入
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta5 5.0.0.60; IDE：DevEco Studio 5.0.3.655; ROM：3.0.0.60
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                          | Description                                     | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------------------- | ----------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `animated` | Whether to animate between data changes             | Boolean   | yes       | iOS/Android | yes               |
+| `points` | All points to be marked in the graph. Coordinate system will adjust to scale automatically.                   | GraphPoint[]   | yes       | iOS/Android | yes               |
+| `color`| Color of the graph line (path)              | String   | yes       | iOS/Android | yes               |
+| `enableFadeInMask` |Enable the Fade-In Gradient Effect at the beginning of the Graph| Boolean| no       | iOS/Android | yes               |
+| `lineThickness` |The width of the graph line (path)| Number | no       | iOS/Android | yes               |
+| `gradientFillColors` |(Optional) Colors for the fill gradient below the graph line| Color[] | no       | iOS/Android | yes               |
+| `range` |Range of the graph's x and y-axis. The range must be greaterthan the range given by the points| GraphRange | no       | iOS/Android | yes               |
+| `enablePanGesture`| Whether to enable the pan gesture.(animated Property must be true)              | Boolean   | no       | iOS/Android | yes               |
+| `horizontalPadding` | Horizontal padding applied to graph, so the pan gesture dot doesn't get cut off horizontally(animated Property must be true)      | Number   | no       | iOS/Android | yes               |
+| `verticalPadding`| Vertical padding applied to graph, so the pan gesture dot doesn't get cut off vertically(animated Property must be true) | Number  | no       | iOS/Android | yes               |
+| `enableIndicator`| Enables an indicator which is displayed at the end of the graph(animated Property must be true)  | Boolean  | no       | iOS/Android | yes               |
+| `indicatorPulsating`  | Let's the indicator pulsate(animated GraphEnableIndicator Property must be true) | Boolean  | no       | iOS/Android | yes               |
+| `panGestureDelay`| Delay after which the pan gesture starts(animated enablePanGesture Property must be true)`}| Number  | no       | iOS/Android | yes               |
+| `onPointSelected`  | Called for each point while the user is scrubbing/panning through the graph(animated enablePanGesture Property must be true)| (point: GraphPoint) => void | no       | iOS/Android | yes               |
+| `onGestureStart` |Called once the user starts scrubbing/panning through the graph (animated enablePanGesture Property must be true)|  () => void | no       | iOS/Android | yes               |
+| `onGestureEnd` |Called once the user stopped scrubbing/panning through the graph (animated enablePanGesture Property must be true)| () => void | no       | iOS/Android | yes               |
+| `SelectionDot`|The element that renders the selection dot(animated enablePanGesture Property must be true)| React.ComponentType\<SelectionDotProps> \| null | no       | iOS/Android | yes               |
+| `TopAxisLabel` |The element that gets rendered above the Graph (usually the "max" point/value of the Graph)(animated Property must be true)| React.ReactElement \| null | no       | iOS/Android | yes               |
+| `BottomAxisLabel` |The element that gets rendered below the Graph (usually the "min" point/value of the Graph)(animated Property must be true)| React.ReactElement \| null | no       | iOS/Android | yes               |
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/margelo/react-native-graph/blob/main/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-haptic-feedback.md b/en/react-native-haptic-feedback.md
new file mode 100644
index 00000000..fafc4259
--- /dev/null
+++ b/en/react-native-haptic-feedback.md
@@ -0,0 +1,247 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-haptic-feedback</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/mkuczera/react-native-haptic-feedback">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mkuczera/react-native-haptic-feedback/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-haptic-feedback)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-haptic-feedback@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-haptic-feedback@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react"
+import { SafeAreaView, ScrollView, Button } from "react-native"
+import ReactNativeHapticFeedback from "react-native-haptic-feedback"
+const options = {
+  enableVibrateFallback: false,
+  ignoreAndroidSystemSettings: false,
+}
+
+const methods = [
+  "impactLight",
+  "impactMedium",
+  "impactHeavy",
+  "notificationSuccess",
+  "notificationWarning",
+  "notificationError",
+  "rigid",
+  "soft",
+  "selection",
+  "clockTick",
+  "contextClick",
+  "keyboardPress",
+  "keyboardRelease",
+  "keyboardTap",
+  "longPress",
+  "textHandleMove",
+  "virtualKey",
+  "virtualKeyRelease",
+  "effectClick",
+  "effectDoubleClick",
+  "effectHeavyClick",
+  "effectTick",
+]
+
+export const HapticFeedbackExample = () => {
+  return (
+    <SafeAreaView>
+      <ScrollView>
+        {methods.map((item) => {
+          return (
+            <Button
+              title={item}
+              onPress={() => ReactNativeHapticFeedback.trigger(item, options)}
+              key={item}
+            ></Button>
+          )
+        })}
+      </ScrollView>
+    </SafeAreaView>
+  )
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-haptic-feedback": "file:../../node_modules/@react-native-oh-tpl/react-native-haptic-feedback/harmony/haptic_feedback.har"
+
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNHapticFeedbackPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++  import { RNHapticFeedbackPackage } from '@react-native-oh-tpl/react-native-haptic-feedback/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNHapticFeedbackPackage(ctx)
+  ]
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)
+
+### 权限要求
+在 entry/src/main/module.json5补上配置
+```js
+"requestPermissions": [ { "name": "ohos.permission.VIBRATE" }, ]
+```
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该方法；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Available Methods
+
+`trigger(method, options)`
+Use this method to trigger haptic feedback
+
+| Name                                  | Description                                                                                                                           | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| `method`                              | Specifies the type of haptic feedback. See the list of available methods below.                                                       | string  | yes      | iOS/Android | yes               |
+| `options.enableVibrateFallback`       | iOS only. If haptic feedback is unavailable (iOS < 10 OR Device < iPhone6s), vibrate with default method (heavy 1s) (default: false). | boolean | no       | iOS         | no                |
+| `options.ignoreAndroidSystemSettings` | Ignoreing phone mute mode setting and triggering haptic feedback. (default: false).                                                   | boolean | no       | Android     | yes               |
+
+### method Overview
+
+Here's an overview of the available methods and their compatibility
+| Name | Description | Type |Required|Platform|HarmonyOS Support|
+| ---- | :-----: | :----: |:---: |:----: |:------: |
+| `impactLight` | impactLight feedback | string |no|iOS/Android|yes|
+| `impactMedium` | impactMedium feedback | string |no|iOS/Android|yes|
+| `impactHeavy` | impactHeavy feedback | string |no|iOS/Android|yes|
+| `rigid` | rigid feedback | string |no|iOS/Android|yes|
+| `soft` | soft feedback | string |no|iOS/Android|yes|
+| `notificationSuccess` | notificationSuccess feedback | string |no|iOS/Android|yes|
+| `notificationWarning` | notificationWarning feedback | string |no|iOS/Android|yes|
+| `notificationError` | notificationError feedback | string |no|iOS/Android|yes|
+| `selection` | selection feedback | string |no|iOS|yes|
+| `clockTick` | clockTick feedback | string |no|Android|yes|
+| `contextClick` | contextClick feedback | string |no|Android|yes|
+| `keyboardPress` | keyboardPress feedback | string |no|Android|yes|
+| `keyboardRelease` | keyboardRelease feedback | string |no|Android|yes|
+| `keyboardTap` | keyboardTap feedback | string |no|Android|yes|
+| `longPress` | longPress feedback | string |no|Android|yes|
+| `textHandleMove` | textHandleMove feedback | string |no|Android|yes|
+| `virtualKey` | virtualKey feedback | string |no|Android|yes|
+| `virtualKeyRelease` | virtualKeyRelease feedback | string |no|Android|yes|
+| `effectClick` | effectClick feedback | string |no|Android|yes|
+| `effectDoubleClick` | effectDoubleClick feedback | string |no|Android|yes|
+| `effectHeavyClick` | effectHeavyClick feedback | string |no|Android|yes|
+| `effectTick` | effectTick feedback | string |no|Android|yes|
+
+## 遗留问题
+
+- [ ] 自定义振动文件配置问题: [issue#6](https://github.com/react-native-oh-library/react-native-haptic-feedback/issues/6)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mkuczera/react-native-haptic-feedback/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-harmony-sample-package.md b/en/react-native-harmony-sample-package.md
new file mode 100644
index 00000000..cfd5a2b2
--- /dev/null
+++ b/en/react-native-harmony-sample-package.md
@@ -0,0 +1,382 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-harmony-sample-package</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/react-native-oh-library/react-native-harmony-sample-package">
+        <img src="https://img.shields.io/badge/platforms-harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/License">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-sample-package)
+
+## 1. 安装与使用
+
+### 1.1. 目录结构
+
+本项目是 react-native-harmony 的示例工程，包含 Fabric、TurboModules 以及 Codegen 配置的不同示例，主要目录结构如下：
+
+```yaml
+├── codegen-sample-package # 适配 codegen 的示例组件
+├── without-codegen-sample-package # 没用 codegen 的示例组件
+├── tester # 用了上述组件的完整 RN 工程示例
+│   ├── rnoh_package # react-native-harmony 相关依赖包
+│   ├── harmony # rn harmony原生部分
+│   │   └── react_native_openharmony
+│   │       └── react_native_openharmony.har  # rnoh sdk包，需手动下载后放于该路径下
+│   ├── index.js
+│   ├── app.json
+│   ├── package.json
+│   ├── metro.config.js
+│   └── tsconfig.json
+├── package.json
+└── License
+```
+
+### 1.2. 运行步骤
+
+> tester 文件夹是一个可运行在 HarmonyOS 上的完整 RN 工程，另外还需下载一个 RNOH SDK，由于 SDK 体积较大，并未直接存于版本记录，请手动下载 [rnoh0.27.har](https://github.com/react-native-oh-library/react-native-harmony-sample-package/releases/tag/rnoh0.27.har) 并放于 `tester/harmony/react_native_openharmony` 目录下。
+
+1. 克隆[该工程](https://github.com/react-native-oh-library/react-native-harmony-sample-package)到本地
+2. 安装依赖：在 tester 目录下执行`npm install / yarn`
+3. 生成 bundle 资源文件：在 tester 目录下执行`npm run dev`
+4. 使用 DevEco Studio 打开 tester 目录下的 harmony 文件夹
+5. 连接设备并在 IDE 中执行 Run
+
+## 2. 约束与限制
+
+本文档内容基于以下版本验证通过：
+
+- RNOH: 0.72.27;
+- SDK: HarmonyOS NEXT Developer Beta1 SDK
+- IDE: DevEco Studio 5.0.3.402;
+- ROM: 3.0.0.25(sp39);
+
+## 3. 组件开发说明
+
+### 3.1. codegen-sample-package
+
+#### 3.1.1. Fabric 组件
+
+开发 Fabric 组件时，原生部分可选择用 ArkTS 或 CAPI 两种类型，下面分别说明两种类型在开发时的步骤。
+
+##### 3.1.1.1. ArkTS 类型
+
+下面实现一个 ArkTS 类型的 Fabric 组件，这是组件最终的目录结构(只列出关键文件)：
+
+```sh
+codegen-sample-package
+├── License
+├── harmony
+│   ├── codegen_sample_package # native 源码
+│   │   ├── index.ets # 入口 用于导出
+│   │   ├── ts.ts # 用于导出
+│   │   ├── oh-package.json5
+│   │   └── src
+│   │       └── main
+│   │           ├── ets
+│   │           │   ├── CodegenSamplePackage.ts # 导出 native 模块
+│   │           │   └── CodegenSampleView.ets # 具体 native 实现
+│   │           └── resources
+│   └── codegen_sample_package.har # native 源码har包
+├── index.ts # 入口文件
+├── package.json
+└── src
+    └── Fabric
+        ├── IndexArkTS.tsx # Fabric入口
+        └── specs
+            └── v1
+                └── CodegenArkTSNativeComponent.ts # JavaScript 接口声明
+```
+
+以下是组件的开发步骤
+
+1. **RN 侧**: 初始化 RN 工程目录
+2. **RN 侧**: 添加 JavaScript 接口声明文件 [`src/Fabric/specs/v1/CodegenArkTSNativeComponent.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/src/Fabric/specs/v1/CodegenArkTSNativeComponent.ts)  
+   对于声明类型的代码文件必须满足以下两点要求：
+
+   - 文件必须使用 `<MODULE_NAME>NativeComponent` 命名
+   - 代码中必须要输出 `HostComponent` 对象。
+
+3. **RN 侧**: 根据业务编写 Fabric 入口文件 [`IndexArkTS.tsx`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/src/Fabric/IndexArkTS.tsx)
+4. **RN 侧**: 添加 codegen 配置
+   codegen 配置项位于 package.json 文件中的 harmony 字段下:
+
+   ```json
+   {
+     "name": "@react-native-oh-tpl/codegen-sample-package",
+     "harmony": {
+       "alias": "codegen-sample-package", // 组件别名
+       "codegenConfig": [
+         {
+           "version": 1, // version 取值范围： 1 | 2, 其中 1 表示 ArkTS 形式
+           "specPaths": ["./src/Fabric/specs/v1"] // 需要codegen的路径
+         }
+       ]
+     }
+   }
+   ```
+
+   - `version` 表示 codegen 的版本，取值为 1 | 2, 1 表示 ArkTS 形式，2 表示 CAPI 形式
+   - `specPaths` 填写需要 codegen 的路径，也就是 JavaScript 接口声明文件
+
+5. **native 侧**: 工程根目录添加 `harmony` 文件夹
+   > 该目录暂时先留空，下面先通过 DevEco Studio 编写好 native 代码后再拷贝进来
+6. **native 侧**: 使用 DevEco Studio 初始化组件模板：`New => Module => Static Library`，输入模块名 `codegen_sample_package` 可得到如下结构工程:  
+   ![image](../img/har_template_dir.png)
+7. **native 侧**: 在 ets 文件夹中，添加 [`CodegenSampleView.ets`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/ets/CodegenSampleView.ets) 文件，该文件是具体的 native 实现，包含生命周期方法和组件的界面渲染方法
+8. **native 侧**: 在 ets 文件夹中，添加 [`CodegenSamplePackage.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/ets/CodegenSamplePackage.ts) 文件，该文件通过 `createDescriptorWrapperFactoryByDescriptorType` 定义了 native 侧导出的组件名
+9. **native 侧**: 编写入口文件 [`index.ets`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/index.ets) 和 [`ts.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/ts.ts)
+10. **native 侧**: `oh-package.json5` 文件中添加 @rnoh/react-native-openharmony 依赖
+    ```json
+    // oh-package.json5
+    {
+      "dependencies": {
+        "@rnoh/react-native-openharmony": "file:../react_native_openharmony"
+      }
+    }
+    ```
+11. **native 侧**: 将 native 源码打成 har 包。
+    1. 选中左侧中本组件目录
+    2. 点击 `Build -> Make Module xxx` 将 native 源码打成 har 包
+       ![build_har](../img/build_har.png)
+    3. 在 `codegen_sample_package/build/default/outputs/default` 路径下找到`codegen_sample_package.har`
+12. **native 侧**: 将 har 包以及源码复制到 RN 工程根目录下的 harmony 文件夹中
+13. **RN 侧**: 执行 `npm pack` 命令打出 tgz 包
+
+##### 3.1.1.2. CAPI 类型
+
+下面实现一个 CAPI 类型的 Fabric 组件，这是组件最终的目录结构(只列出关键文件)：
+
+```sh
+codegen-sample-package
+├── License
+├── harmony
+│   ├── codegen_sample_package # native 源码
+│   │   ├── oh-package.json5
+│   │   └── src
+│   │       └── main
+│   │           ├── cpp
+│   │           │   ├── CMakeLists.txt
+│   │           │   ├── CodegenSamplePackage.cpp
+│   │           │   ├── CodegenSamplePackage.h
+│   │           │   └── CodegenSampleViewComponentInstance.h
+│   │           └── resources
+│   └── codegen_sample_package.har # native 源码har包
+├── index.ts # 入口文件
+├── package.json
+└── src
+    └── Fabric
+        ├── IndexCAPI.tsx # Fabric入口
+        └── specs
+            └── v2
+                └── CodegenCApiNativeComponent.ts # JavaScript 接口声明
+```
+
+CAPI 类型的 Fabric 组件整体开发流程和 ArkTS 一致，以下是组件的开发步骤：
+
+1. **RN 侧**: 初始化 RN 工程目录
+2. **RN 侧**: 添加 JavaScript 接口声明文件 [`src/Fabric/specs/v2/CodegenCApiNativeComponent.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/src/Fabric/specs/v2/CodegenCApiNativeComponent.ts)
+3. **RN 侧**: 根据业务编写 CAPI 入口文件 [`IndexCAPI.tsx`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/src/Fabric/IndexCAPI.tsx)
+4. **RN 侧**: 添加 codegen 配置
+
+   ```json
+   {
+     "name": "@react-native-oh-tpl/codegen-sample-package",
+     "harmony": {
+       "alias": "codegen-sample-package",
+       "codegenConfig": [
+         {
+           "version": 2,
+           "specPaths": ["./src/Fabric/specs/v2"]
+         }
+       ]
+     }
+   }
+   ```
+
+5. **native 侧**: 工程根目录添加 `harmony` 文件夹
+6. **native 侧**: 使用 DevEco Studio 初始化组件模板（同上）
+7. **native 侧**: 在 `src/main`中添加 `cpp` 文件夹中
+   1. 添加 [`CMakeLists.txt`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/cpp/CMakeLists.txt) 文件
+   2. 添加 [`CodegenSamplePackage.cpp`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/cpp/CodegenSamplePackage.cpp) 文件
+   3. 添加 [`CodegenSamplePackage.h`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/cpp/CodegenSamplePackage.h) 文件
+   4. 添加 [`CodegenSampleViewComponentInstance.h`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/codegen-sample-package/harmony/codegen_sample_package/src/main/cpp/CodegenSampleViewComponentInstance.h) 文件
+8. **native 侧**: `oh-package.json5` 文件中添加 @rnoh/react-native-openharmony 依赖（同上）
+9. **native 侧**: 将 native 源码打成 har 包（同上）
+10. **native 侧**: 将 har 包以及源码复制到 RN 工程根目录下的 harmony 文件夹中（同上）
+11. **RN 侧**: 执行 `npm pack` 命令打出 tgz 包（同上）
+
+### 3.2. no-codegen-sample-package
+
+由于目前 codegen 命令需要在 RN 侧执行，在一些流水线或 RN 和原生分离的场景下，不便于执行 codegen 命令。于是对于这类场景衍生了一种 no-codegen 的解决方案。主要是在组件开发阶段就将 codegen 产物生成好，提前放置于包内，无需在运行时执行 codegen。
+
+因此 no-codegen 的开发前提是先开发好 codegen 形式的组件(参考 3.1 章节)，然后把产物移到组件包内。
+
+#### 3.2.1. Fabric 组件
+
+##### 3.2.1.1. ArkTS 类型
+
+> 前提：已经参考[codegen-sample-package](#31-codegen-sample-package)完成 codegen 形式的 ArkTS 组件
+
+实现一个 no-codegen ArkTS 类型的 Fabric 组件，RN 侧目录结构无改动，下面列出 native 侧的目录结构(只列出关键文件)：
+
+```sh
+harmony
+└── codegen_sample_package # native 源码
+    ├── index.ets
+    ├── ts.ts
+    ├── oh-package.json5
+    └── src
+        └── main
+            ├── cpp # codegen 生成的 C++ 文件
+            │   ├── CMakeLists.txt
+            │   ├── CodegenArkTSSamplePackage.cpp
+            │   ├── CodegenArkTSSamplePackage.h
+            │   ├── CodegenSampleViewArkTSJSIBinder.h
+            │   └── CodegenSampleViewArkTSComponentDescriptor.h
+            ├── ets
+            │   ├── namespace # codegen 生成于sdk内的产物
+            │   │   ├── index.ts
+            │   │   └── sampleView.ts
+            │   ├── CodegenSamplePackage.ts # 导出 native 模块
+            │   └── CodegenSampleView.ets # 具体 native 实现
+            └── resources
+```
+
+以下是将 codegen 组件转为 no-codegen 的步骤：
+
+1. 找一个 RN 工程，引入已开发完成的 codegen-sample-package 三方库
+
+   ```json
+   {
+     "name": "react-native-harmony-tester",
+     "scripts": {
+       "start": "npm run codegen && hdc rport tcp:8081 tcp:8081 && react-native start",
+       "codegen": "react-native codegen-harmony --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony"
+     },
+     "dependencies": {
+       "@react-native-oh-tpl/codegen-sample-package": "file:../codegen-sample-package/react-native-oh-tpl-codegen-sample-package-0.0.1.tgz"
+     }
+   }
+   ```
+
+2. **RN 侧**: 在 script 中，添加 [codegen](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md) 命令 `react-native codegen-harmony --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony`
+3. **RN 侧**: 执行 codegen 命令，查看生成的产物文件
+   ![codegen-fabric-arkts](../img/codegen-fabric-arkts.png)
+4. **native 侧**: 移入 codegen 命令生成的 c++ 文件
+
+   1. 在 `src/main` 中添加 `cpp` 文件夹，放入 codegen 命令生成该组件的 c++ 文件： `xxxComponentDescriptor.h` 与 `xxxJSIBinder.h`
+   2. 在 `src/main/cpp` 中添加 [`xxxPackage.h`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/cpp/forArkTS/NoCodegenArkTSSamplePackage.h) 文件，文件内容参考 codegen 命令生成的 `RNOHGeneratedPackage.h` 文件
+   3. 在 `src/main/cpp` 中添加 [`xxxPackage.cpp`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/cpp/forArkTS/NoCodegenArkTSSamplePackage.cpp) 文件
+   4. 在 `src/main/cpp` 中添加 [`CMakeLists.txt`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/cpp/forArkTS/CMakeLists.txt) 文件
+
+      > codegen 命令生成的 `RNOHGeneratedPackage.h` 文件是所有 codegen 组件的公共文件，请勿直接放入 cpp 文件夹中。建议在 codegen => no-codegen 时，只保留当前组件以减少 `RNOHGeneratedPackage.h` 中其他组件的的干扰
+
+5. **native 侧**: 移入 codegen 命令生成的 ts 文件
+   1. 在 `src/main/ets` 中添加 `namespace` 文件夹，放入 codegen 命令生成该组件的 ts 文件，如示例图中的 [`CodegenSampleViewArkTS.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/ets/namespace/sampleView.ts)
+   2. 在 `src/main/cpp` 中添加导出文件 [`index.ts`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/ets/namespace/index.ts)
+6. **native 侧**: 修改文件路径的引用，将之前从 `@rnoh/react-native-openharmony/generated` 引用的路径改为从 `namespace` 中引入
+7. **RN 侧**: 将原有 package.json 中 codegen 配置删除
+   ```diff
+   {
+     "name": "@react-native-oh-tpl/codegen-sample-package",
+     "harmony": {
+       "alias": "codegen-sample-package",
+   -     "codegenConfig": [
+   -       {
+   -         "version": 1,
+   -         "specPaths": ["./src/Fabric/specs/v1"]
+   -       }
+   -     ]
+     }
+   }
+   ```
+
+以上就是将 ArkTS 类型的 Fabric 组件转为 no-codegen 所需的修改步骤。
+
+##### 3.1.1.2. CAPI 类型
+
+> 前提：已经参考[codegen-sample-package](#31-codegen-sample-package)完成 codegen 形式的 CAPI 组件
+
+实现一个 no-codegen CAPI 类型的 Fabric 组件，RN 侧目录结构无改动，下面列出 native 侧的目录结构(只列出关键文件)：
+
+```sh
+harmony
+└── codegen_sample_package # native 源码
+    ├── oh-package.json5
+    └── src
+        └── main
+            ├── cpp # codegen 生成的 C++ 文件
+            │   ├── react/renderer/components/xxx
+            │   │   ├── ComponentDescriptors.h
+            │   │   ├── EventEmitters.cpp
+            │   │   ├── EventEmitters.h
+            │   │   ├── Props.cpp
+            │   │   ├── Props.h
+            │   │   ├── ShadowNodes.cpp
+            │   │   ├── ShadowNodes.h
+            │   │   ├── States.cpp
+            │   │   └── States.h
+            │   ├── BaseCodegenSampleViewCAPIComponentInstance.h
+            │   ├── BaseReactNativeOhTplCodegenSamplePackagePackage.h
+            │   ├── CMakeLists.txt
+            │   ├── CodegenCAPISamplePackage.cpp
+            │   ├── CodegenCAPISamplePackage.h
+            │   ├── CodegenSampleViewCAPIJSIBinder.h
+            │   └── CodegenSampleViewComponentInstance.h
+            └── resources
+```
+
+以下是将 codegen 组件转为 no-codegen 的步骤：
+
+1. 找一个 RN 工程，引入已开发完成的 codegen-sample-package 三方库
+
+   ```json
+   {
+     "name": "react-native-harmony-tester",
+     "scripts": {
+       "start": "npm run codegen && hdc rport tcp:8081 tcp:8081 && react-native start",
+       "codegen": "react-native codegen-harmony --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony"
+     },
+     "dependencies": {
+       "@react-native-oh-tpl/codegen-sample-package": "file:../codegen-sample-package/react-native-oh-tpl-codegen-sample-package-0.0.1.tgz"
+     }
+   }
+   ```
+
+2. **RN 侧**: 在 script 中，添加 [codegen](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md) 命令 `react-native codegen-harmony --rnoh-module-path ./harmony/entry/oh_modules/@rnoh/react-native-openharmony`
+3. **RN 侧**: 执行 codegen 命令，查看生成的产物文件
+   ![codegen-fabric-capi](../img/codegen-fabric-capi.png)
+4. **native 侧**: 移入 codegen 命令生成的 c++ 文件
+
+   1. 打开 `src/main/cpp`，移入 codegen 命令生成该组件的 react 下的 c++ 文件夹： `react/renderer/components/xxx`
+   2. 修改 `src/main/cpp/react` 中的文件引用路径，如 `#include <react/renderer/components/_react_native_oh_tpl_codegen_sample_package/ShadowNodes.h>` => `#include "ShadowNodes.h"`
+   3. 打开 `src/main/cpp`，移入 codegen 命令生成该组件的 RNOH 下的 c++ 文件： `BaseXXXComponentInstance.h`、`xxxJSIBinder.h`、`BasexxxPackage.h`
+      > `src/main/cpp` 已有的文件：`CMakeLists.txt`、`xxxPackage.cpp`、`xxxPackage.h`、`XXXComponentInstance.h`
+   4. 修改 `src/main/cpp` 已有的文件的路径引用，如 `#include "RNOH/generated/BasexxxPackage.h"` => `#include "BasexxxPackage.h"`
+   5. 修改 [`CMakeLists.txt`](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/no-codegen-sample-package/harmony/no_codegen_sample_package/src/main/cpp/forCAPI/CMakeLists.txt)
+5. **RN 侧**: 将原有 package.json 中 codegen 配置删除
+   ```diff
+   {
+     "name": "@react-native-oh-tpl/codegen-sample-package",
+     "harmony": {
+       "alias": "codegen-sample-package",
+   -     "codegenConfig": [
+   -       {
+   -         "version": 2,
+   -         "specPaths": ["./src/Fabric/specs/v2"]
+   -       }
+   -     ]
+     }
+   }
+   ```
+
+## 4. 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-harmony-sample-package/blob/sig/License) ，请自由地享受和参与开源。
diff --git a/en/react-native-hole-view.md b/en/react-native-hole-view.md
new file mode 100644
index 00000000..d40de83e
--- /dev/null
+++ b/en/react-native-hole-view.md
@@ -0,0 +1,294 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-hole-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ibitcy/react-native-hole-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mitlicense.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-hole-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-hole-view@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-hole-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+``` jsx
+import React, {useCallback, useEffect, useState} from 'react';
+import {
+    ScrollView,
+    View,
+    Text, TouchableOpacity,
+} from 'react-native';
+
+import {RNHole, RNHoleView, ERNHoleViewTimingFunction, IRNHoleViewAnimation} from "react-native-hole-view/src";
+
+import Video from 'react-native-video';
+
+const firstHole: RNHole = {x: 150, y: 390, width: 120, height: 120, borderRadius: 60};
+const secondHole: RNHole = {x: 150, y: 40, width: 120, height: 120, borderRadius: 60};
+
+const animationSettings: IRNHoleViewAnimation = {timingFunction: ERNHoleViewTimingFunction.EASE_IN_OUT, duration: 200};
+
+const App = () => {
+    const [holes, setHoles] = useState<RNHole[]>([]);
+    const [animated, setAnimated] = useState<boolean>(false);
+    const [animation, setAnimation] = useState<IRNHoleViewAnimation | undefined>(undefined);
+
+    const onPress = useCallback(() => {
+        if (animated) {
+            setHoles([firstHole]);
+        } else {
+            setHoles([secondHole])
+        }
+
+        setAnimation({...animationSettings});
+        setAnimated(!animated);
+    }, [animated, animation])
+
+    useEffect(() => {
+        onPress();
+    }, []);
+
+    return (
+        <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
+            <Text style={{flexGrow: 0, flex: 0, padding: 10}}>{"Wow! I'm a text inside a hole!"}</Text>
+            <TouchableOpacity onPress={() => {
+            }} style={{backgroundColor: 'pink', padding: 10, borderRadius: 5}}>
+                <Text>{"Wow! I'm a button inside a hole!"}</Text>
+            </TouchableOpacity>
+            <ScrollView style={{flexGrow: 0, flex: 0, padding: 10}} horizontal={true}>
+                <Text numberOfLines={1}>
+                    {
+                        "Wow! I'm a ScrollView inside a hole! Wow! I'm a ScrollView inside a hole! Wow! I'm a ScrollView inside a hole!"
+                    }
+                </Text>
+            </ScrollView>
+            <RNHoleView
+                style={{
+                    position: 'absolute',
+                    width: '100%',
+                    height: '100%',
+                    backgroundColor: 'rgba(34,146,231,0.4)'
+                }}
+                animation={animation}
+                holes={holes}
+                onAnimationFinished={() => {
+                    setAnimation(undefined);
+                }}
+            >
+                <Video source={{uri: 'http://clips.vorwaerts-gmbh.de/VfE_html5.mp4'}}
+                       resizeMode={"contain"}
+                       style={{flex: 1}}
+                />
+            </RNHoleView>
+            <View
+                pointerEvents={'box-none'}
+                style={{
+                    position: 'absolute',
+                    flex: 1,
+                    width: '100%',
+                    height: '100%',
+                    alignItems: 'flex-end',
+                    flexDirection: 'row',
+                    justifyContent: 'center'
+
+                }}>
+                <TouchableOpacity onPress={onPress}
+                                  style={{backgroundColor: 'pink', padding: 10, borderRadius: 5, bottom: 50}}>
+                    <Text>{"Animate!"}</Text>
+                </TouchableOpacity>
+            </View>
+        </View>
+    );
+};
+
+export default App;
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-hole-view": "file:../../node_modules/@react-native-oh-tpl/react-native-hole-view/harmony/rnoh_holeview.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 HoleViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-hole-view/src/main/cpp" ./rnohkeys)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_holeview)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "HoleViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNOHHoleViewPackage>(ctx),
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases)
+
+   
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                | Description                   | Type                                                            | Required | Platform    | HarmonyOS Support |
+|---------------------|-------------------------------|-----------------------------------------------------------------|----------|-------------|-------------------|
+| Holes               | Hole Array                    | Hole[]                                                          | no       | iOS/Android | yes               |
+| animation           | Hole update animation effect  | { duration: number, timingFunction: ERNHoleViewTimingFunction } | no       | iOS/Android | yes               |
+| onAnimationFinished | Animation completion callback | () => void                                                      | no       | iOS/Android | yes               |
+
+
+## 遗留问题
+
+- [ ] C API OH_ArkUI_PointerEvent_SetStopPropagation方法阻止事件冒泡，无法控制scrollView。导致scrollView在洞外也能滑动问题: [issue#1](https://github.com/react-native-oh-library/react-native-hole-view/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://mitlicense.org/)，请自由地享受和参与开源。
diff --git a/en/react-native-htmlview.md b/en/react-native-htmlview.md
new file mode 100644
index 00000000..3f85facb
--- /dev/null
+++ b/en/react-native-htmlview.md
@@ -0,0 +1,121 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-htmlview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jsdf/react-native-htmlview">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jsdf/react-native-htmlview/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/jsdf/react-native-htmlview)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-htmlview@0.17.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-htmlview@0.17.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {StyleSheet, View, Linking} from 'react-native';
+import HTMLView from 'react-native-htmlview';
+
+const HtmlViewExample = () => {
+  const htmlContent = `
+      <h1>Hello, World!</h1>
+      <p>This is a <a href="https://www.vmall.com/">link</a></p>
+      <p>Here is an image: <img src="https://res.vmallres.com/pimages/uomcdn/CN/pms/202404/displayProduct/10086102004921/428_428_a_mobileFF345C8650FF6E88771386A6433556D0.jpg" alt="Example Image" /></p>
+  `;
+
+  return (
+    <View style={{...styles.container,backgroundColor:'white'}} >
+      <HTMLView 
+        value={htmlContent} 
+        stylesheet={styles} // Optional: Pass custom styles for HTML elements
+        onLinkPress={(url) => Linking.openURL(url)} // Optional: Handle link presses
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16,
+  },
+    // Define custom styles for HTML elements
+    a: {
+      fontWeight: 'bold',
+      color: 'blue',
+      fontSize: 20,
+      borderColor:'#000000',
+      borderWidth:2
+    },
+    img: {
+      width: 200,
+      height: 100,
+    },
+});
+
+export default HtmlViewExample;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> [!tip] 该库为UI组件库，可以在该库的标签下，使原本无法在RN框架生效的Html写法，可以实现对应的功能。
+
+| Name            | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| value           | a string of HTML content to render                           | string | yes      | All      | yes               |
+| onLinkPress     | a function which will be called with a url when a link is pressed. Passing this prop will override how links are handled | string | no       | All      | yes               |
+| onLinkLongPress | a function which will be called with a url when a link is long pressed. The default is | string | no       | All      | yes               |
+| stylesheet      | a stylesheet object keyed by tag name, which will override the styles applied to those respective tags. | string | no       | All      | yes               |
+| renderNode      | a custom function to render HTML nodes however you see fit.  | string | no       | All      | yes               |
+| bullet          | text which is rendered before every inside a `li``ul`        | string | no       | All      | yes               |
+| paragraphBreak  | text which appears after every element`p`                    | string | no       | All      | yes               |
+| lineBreak       | text which appears after text elements which create a new line | string | no       | All      | yes               |
+| addLineBreaks   | when explicitly , effectively sets                           | string | no       | All      | yes               |
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/jsdf/react-native-htmlview/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-http-bridge.md b/en/react-native-http-bridge.md
new file mode 100644
index 00000000..173369d1
--- /dev/null
+++ b/en/react-native-http-bridge.md
@@ -0,0 +1,300 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-http-bridge</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/alwx/react-native-http-bridge">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-http-bridge)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-http-bridge@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-http-bridge@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState ,useEffect } from "react";
+import { ScrollView, Text, Button, View, StyleSheet } from 'react-native';
+
+var httpBridge = require('react-native-http-bridge');
+
+const HttpBridgeDemo = () => {
+  const [getRequestResult, setGetRequestResult] = useState('');
+  const [postRequestResult, setPostRequestResult] = useState('');
+  const GetMothedExample = () => {
+    fetch('https://github.com/service/http://127.0.0.1:8888/student/getStuInfo?value=GET', {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      }
+    })
+  }
+
+  const PostMothedExample = () => {
+    fetch('https://github.com/service/http://127.0.0.1:8888/student/postStuInfo', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        firstParam: 'yourValue',
+        secondParam: 'yourOtherValue',
+      })
+    })
+  }
+  useEffect(() => {
+    httpBridge.start(8888, 'http_service', (request: any) => {
+      switch (request.type) {
+        case 'GET':
+          setGetRequestResult('requestId: ' + request.requestId + '\ntype: ' +
+            request.type + '\nurl: ' + request.url + '\npostData: ' + request.postData);
+          break;
+        case 'POST':
+          setPostRequestResult('requestId: ' + request.requestId + '\ntype: ' +
+            request.type + '\nurl: ' + request.url + '\npostData: ' + request.postData);
+          break;
+      }
+      if (request.type === "GET" && request.url.split("/")[1] === "user") {
+        httpBridge.respond(request.requestId, 200, "application/json", "{\"message\": \"OK\"}");
+      } else {
+        httpBridge.respond(request.requestId, 400, "application/json", "{\"message\": \"Bad Request\"}");
+      }
+    });
+    return () => {
+      httpBridge.stop();
+    }
+  }, []);
+
+  return (
+  	<ScrollView>
+      <View>
+      <Text style={styles.text}>httpBridgeExample Port : 8888</Text>
+        <View>
+          <Text style={styles.text}>Method：GET</Text>
+          <Button
+            title="GET"
+            color="#9a73ef"
+            onPress={GetMothedExample}
+          />
+          <Text style={styles.result} allowFontScaling>{getRequestResult}</Text>
+        </View>
+
+        <View>
+          <Text style={styles.text}>Method：POST</Text>
+          <Button
+            title="POST"
+            color="#9a73ef"
+            onPress={PostMothedExample}
+          />
+          <Text style={styles.result} allowFontScaling>{postRequestResult}</Text>
+        </View>
+      </View>
+    </ScrollView>
+ )
+};
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'red',
+  },
+  result: {
+    marginTop: 10,
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'white',
+  }
+});
+export default HttpBridgeDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@ohos/polka 的原生端代码，已在 HarmonyOS 工程中引入过该库，无需再次引入，可跳过本章节步骤，直接使用。
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-http-bridge": "file:../../node_modules/@react-native-oh-tpl/react-native-http-bridge/harmony/http_bridge.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNHttpBridgePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNHttpBridgePackage } from "@react-native-oh-tpl/react-native-http-bridge/ts";
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new RNHttpBridgePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases)
+
+###  权限要求
+
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.KEEP_BACKGROUND_RUNNING",
++    "reason": "$string:app_name",
++    "usedScene": {
++      "abilities": [
++        "FormAbility"
++      ],
++      "when": "always"
++    }
++  },
+]
+```
+
+##  API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description            | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | ---------------------- | -------- | -------- | ----------- | ----------------- |
+| start   | Start the HTTP server  | callback | no       | Android/iOS | yes               |
+| respond | Server Response Result | void     | no       | Android/iOS | yes               |
+| stop    | Stop the HTTP server   | void     | no       | Android/iOS | yes               |
+
+#### start
+```js
+start(port:number, serviceName:string, callback): void;
+```
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| port        | HTTP Server port number | number | Yes      | iOS/Android | Yes               |
+| serviceName | HTTP Server Name        | string | Yes      | iOS/Android | Yes               |
+
+#### respond
+
+```js
+respond(requestId:string, code:number, type:string, body:string): void;
+```
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| requestId | HTTP Server request ID                         | string | Yes      | iOS/Android | Yes               |
+| code      | Code of the response from the server           | number | Yes      | iOS/Android | Yes               |
+| type      | `Content-Type` in the response from the server | string | Yes      | iOS/Android | Yes               |
+| body      | Body of the response from the server           | string | Yes      | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于[The MIT License(MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-hyperlink.md b/en/react-native-hyperlink.md
new file mode 100644
index 00000000..007b0f4b
--- /dev/null
+++ b/en/react-native-hyperlink.md
@@ -0,0 +1,109 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-hyperlink</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/obipawan/react-native-hyperlink">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/obipawan/react-native-hyperlink/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/obipawan/react-native-hyperlink)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-hyperlink@0.0.22
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-hyperlink@0.0.22
+```
+
+使用时,还需在项目下的module.json5处配置querySchemes
+
+```diff
+{
+  "module": {
+    ...
++   "querySchemes": ["maps","http","https","customDomain"],
+  }
+}
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { View, Text } from "react-native";
+import Hyperlink from "react-native-hyperlink";
+
+export default function App() {
+  return (
+    <Hyperlink
+      linkDefault
+      injectViewProps={(url) => ({
+        testID: url === "http://link.com/" ? "id1" : "id2",
+        style:
+          url === "https://link.com/" ? { color: "red" } : { color: "blue" },
+        //any other props you wish to pass to the component
+      })}
+    >
+      <Text>
+        You can pass props to clickable components matched by url.
+        <Text>This url looks red https://link.com</Text> and this url looks blue
+        https://link2.com{" "}
+      </Text>
+    </Hyperlink>
+  );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                                                                       | Type                     | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------- | ------------------------ | -------- | -------- | ----------------- |
+| linkify         | linkify-it object, for custom schema                                              | object                   | no       | all      | yes               |
+| linkStyle       | highlight clickable text with styles                                              | object                   | no       | all      | yes               |
+| linkText        | A string or a func to replace parsed text                                         | string   &#124; function | no       | all      | yes               |
+| onPress         | Func to handle click over a clickable text with parsed text as arg                | function                 | no       | all      | yes               |
+| onLongPress     | Func to handle long click over a clickable text with parsed text as arg           | function                 | no       | all      | yes               |
+| linkDefault     | A platform specific fallback to handle onPress. Uses Linking. Disabled by default | boolean                  | no       | all      | yes               |
+| injectViewProps | Func with url as a param to inject props to the clickable component               | function                 | no       | all      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/obipawan/react-native-hyperlink/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-iconfont-cli.md b/en/react-native-iconfont-cli.md
new file mode 100644
index 00000000..fc400333
--- /dev/null
+++ b/en/react-native-iconfont-cli.md
@@ -0,0 +1,224 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-iconfont-cli</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/iconfont-cli/react-native-iconfont-cli">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/iconfont-cli/react-native-iconfont-cli)
+
+## 安装与使用
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-native-iconfont-cli --save-dev
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-iconfont-cli --dev
+```
+
+生成配置文件
+```bash
+npx iconfont-init
+```
+
+此时项目根目录会生成一个iconfont.json的文件，内容如下：
+```json
+{
+    "symbol_url": "symbol_url和local_svgs可以二选一,也可以都填",
+    "use_typescript": false,
+    "save_dir": "./src/iconfont",
+    "trim_icon_prefix": "icon",
+    "default_icon_size": 18,
+    "local_svgs": "./localSvgs"
+}
+```
+
+在配置的"save_dir"下生成React-Native标准组件
+```bash
+npx iconfont-rn
+```
+
+当您在iconfont.cn中的图标有变更时，只需更改配置symbol_url，然后再次执行以下命令即可生成最新的图标组件
+```bash
+npx iconfont-rn
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import { Component } from 'react';
+import { StyleSheet, ScrollView, View, Button } from 'react-native';
+import { Tester, TestCase, TestSuite } from '@rnoh/testerino';
+import IconFont from '../iconfont';
+import IconUser from '../iconfont/IconUser';
+import IconTerm from '../iconfont/IconTerm';
+import IconSetup from '../iconfont/IconSetup';
+
+const styles = StyleSheet.create({
+    container: {
+        height: 60,
+        width: 80,
+        marginBottom: 10,
+        display:'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+    minContainer: {
+        height: 30,
+        width: 40,
+        marginBottom: 10,
+    },
+});
+
+class IconFontSummary extends Component {
+    render() {
+        return (
+            <View>
+                <IconFont name="user" size={50}/>
+            </View>
+        );
+    }
+}
+
+class IconFontSingle extends Component {
+    static title = 'use a single icon';
+    render() {
+        return (
+            <View style={styles.minContainer}>
+                <IconTerm/>
+            </View>
+        );
+    }
+}
+
+class IconFontSize extends Component {
+    static title = 'two types use icon font size attribute';
+    render() {
+        return (
+            <View style={styles.container}>
+                <IconFont name="user" size={50}/>
+            </View>
+        );
+    }
+}
+
+class IconFontColor extends Component {
+    static title = 'use icon font color attribute';
+    render() {
+        return (
+            <View style={styles.minContainer}>
+                <IconSetup color="blue" size={30}/>
+            </View>
+        );
+    }
+}
+
+class IconFontColorArr extends Component {
+    static title = 'use icon font color arr attribute';
+    render() {
+        return (
+            <View style={styles.container}>
+                <IconFont name="setup" color={["blue", "orange"]} size={50} />
+                <IconFont name="alipay" color={["blue", "orange"]} size={50} />
+            </View>
+        );
+    }
+}
+
+const icon = [IconFontSummary, IconFontSingle, IconFontSize, IconFontColor, IconFontColorArr];
+
+export { icon };
+
+export default function () {
+    return (
+        <ScrollView >
+            <Tester style={{
+                display: 'flex',
+                flexDirection: 'column'
+            }}>
+                <TestCase itShould="<IconFont name='user'/>">
+                    <IconFontSummary />
+                </TestCase>
+                <TestCase itShould="<IconTerm/>">
+                    <IconFontSingle />
+                </TestCase>
+                <TestCase itShould="<IconFont name='user' size={50}/>">
+                    <IconFontSize />
+                </TestCase>
+                <TestCase itShould="<IconSetup color='blue' size={30}/>">
+                    <IconFontColor />
+                </TestCase>
+                <TestCase itShould="<IconFont name='setup' color={['blue', 'orange']} size={50}/>">
+                    <IconFontColorArr />
+                </TestCase>
+            </Tester>
+        </ScrollView>
+    )
+}
+```
+## Link
+
+本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+
+## 属性
+详细请查看 [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/README.md) 的文档介绍
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**IconFont组件属性**
+
+| Name  | Description | Type            | Required | Platform    | HarmonyOS Support |
+|-------|-------------|-----------------| -- |-------------| --- |
+| color | 图标颜色        | string/string[] | no | Android/IOS | yes |
+| size  | 图标尺寸        | number          | no | Android/IOS | yes |
+
+**iconfont.json配置文件属性**
+
+| Name | Description                                               | Type   | Required        | Platform | HarmonyOS Support  |
+| ---- |-----------------------------------------------------------|--------|-----------------| -------- | ------------------ |
+| symbol_url  | iconfont官网的.js后缀项目链接 | string | 和local_svgs可以二选一也可以都用 | Android/IOS | yes |
+| use_typescript  | 项目使用Typescript编写，请设置为true，生成的图标组件是.tsx和.js后缀。当该值为false时，生成.js和.d.ts两种文件 | bool   | yes  | Android/IOS | yes |
+| save_dir  | iconfont图标生成的组件存放的位置 | string | yes  | Android/IOS | yes |
+| trim_icon_prefix  | 统一去掉图标通用的前缀  | string | no   | Android/IOS | yes |
+| default_icon_size  | 图标组件默认的字体大小  | string | no   | Android/IOS | yes |
+| local_svgs  | 本地 svg 的路径(暂不支持 color 参数) | string | 和symbol_url可以二选一也可以都用   | Android/IOS | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-idfa-aaid.md b/en/react-native-idfa-aaid.md
new file mode 100644
index 00000000..ec5588d1
--- /dev/null
+++ b/en/react-native-idfa-aaid.md
@@ -0,0 +1,331 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-idfa-aaid</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/sparkfabrik/sparkfabrik-react-native-idfa-aaid">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/sparkfabrik/sparkfabrik-react-native-idfa-aaid/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-idfa-aaid)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-idfa-aaid@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-idfa-aaid@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```
+import React, { useEffect } from 'react';
+import type { PropsWithChildren } from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+} from 'react-native';
+
+import {
+  Colors,
+  DebugInstructions,
+  Header,
+  LearnMoreLinks,
+  ReloadInstructions,
+} from 'react-native/Libraries/NewAppScreen';
+
+import ReactNativeIdfaAaid, {
+  AdvertisingInfoResponse,
+} from 'react-native-idfa-aaid';
+
+type SectionProps = PropsWithChildren<{
+  title: string;
+}>;
+
+function Section({ children, title }: SectionProps): React.JSX.Element {
+  const isDarkMode = useColorScheme() === 'dark';
+
+  useEffect(() => {
+    ReactNativeIdfaAaid.getAdvertisingInfo()
+      .then((res: AdvertisingInfoResponse) =>
+        console.log('Advertising info', res)
+      )
+      .catch(err => {
+        console.log(err);
+      });
+  }, []);
+
+  return (
+    <View style={styles.sectionContainer}>
+      <Text
+        style={[
+          styles.sectionTitle,
+          {
+            color: isDarkMode ? Colors.white : Colors.black,
+          },
+        ]}>
+        {title}
+      </Text>
+      <Text
+        style={[
+          styles.sectionDescription,
+          {
+            color: isDarkMode ? Colors.light : Colors.dark,
+          },
+        ]}>
+        {children}
+      </Text>
+    </View>
+  );
+}
+
+function App(): React.JSX.Element {
+  const isDarkMode = useColorScheme() === 'dark';
+
+  const backgroundStyle = {
+    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
+  };
+  return (
+    <SafeAreaView style={backgroundStyle}>
+      <StatusBar
+        barStyle={isDarkMode ? 'light-content' : 'dark-content'}
+        backgroundColor={backgroundStyle.backgroundColor}
+      />
+      <ScrollView
+        contentInsetAdjustmentBehavior="automatic"
+        style={backgroundStyle}>
+        <Header />
+        <View
+          style={{
+            backgroundColor: isDarkMode ? Colors.black : Colors.white,
+          }}>
+          <Section title="Step One">
+            Edit <Text style={styles.highlight}>App.tsx</Text> to change this
+            screen and then come back to see your edits.
+          </Section>
+          <Section title="See Your Changes">
+            <ReloadInstructions />
+          </Section>
+          <Section title="Debug">
+            <DebugInstructions />
+          </Section>
+          <Section title="Learn More">
+            Read the docs to discover what to do next:
+          </Section>
+          <LearnMoreLinks />
+        </View>
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: '600',
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: '400',
+  },
+  highlight: {
+    fontWeight: '700',
+  },
+});
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-idfa-aaid": "file:../../node_modules/@react-native-oh-tpl/react-native-idfa-aaid/harmony/getOaid.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 GetOaidPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { GetOaidPackage } from "@react-native-oh-tpl/react-native-idfa-aaid/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new GetOaidPackage(ctx),
+  ];
+}
+```
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)
+
+### 权限要求
+
+[!tip] "ohos.permission.APP_TRACKING_CONSENT"，"ohos.permission.APP_TRACKING_CONSENT"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
+#### 在 entry 目录下的module.json5中添加权限
+在 `YourProject/entry/src/main/module.json5`补上配置
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+
+  ···
+
++    "requestPermissions":[
++      {
++        "name" : "ohos.permission.APP_TRACKING_CONSENT",
++        "reason": "$string:page_show",
++        "usedScene": {
++          "abilities": [
++            "FormAbility"
++          ],
++          "when":"always"
++        }
++     }
++    ]
+  }
+}
+```
+在 `YourProject/entry/src/main/resources/base/element/string.json`补上配置
+
+#### 在 entry 目录下添加申请权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "name":"page_show",
++      "value": "page from npm package"
++    }
+  ]
+}
+```
+当前版本上，向用户申请此权限时，系统不会有弹框，而是直接将该应用的获取OAID的权限置为禁止。如有需要应用可自行弹框引导用户到设置界面手动开启该权限。为避免后续系统功能变化引发兼容性问题，应用应严格按照user_grant权限的申请流程进行申请。
+[详情参考](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/permissions-for-all-V5#ohospermissionapp_tracking_consent)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getAdvertisingInfo  |Check the permission, apply for the permission, and obtain the OAID.         | Function  | yes | iOS/Android      | yes |
+| getAdvertisingInfoAndCheckAuthorization  | The function is the same as above, and is used to keep the porting uniform.         | Function  | no | iOS/Android      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/sparkfabrik/sparkfabrik-react-native-idfa-aaid/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-idle-timer.md b/en/react-native-idle-timer.md
new file mode 100644
index 00000000..ca582488
--- /dev/null
+++ b/en/react-native-idle-timer.md
@@ -0,0 +1,182 @@
+# 文档模板
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-idle-timer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/marcshilling/react-native-idle-timer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/marcshilling/react-native-idle-timer/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-idle-timer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-idle-timer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-idle-timer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect } from 'react';
+import { View, Text, Button } from 'react-native';
+import IdleTimerManager from 'react-native-idle-timer';
+
+const IdleTimerExample = () => {  
+  useEffect(() => {
+    // Disable the idle timer to prevent the screen from dimming or locking.
+    IdleTimerManager.setIdleTimerDisabled(true, "video");
+
+    // A cleanup function to re-enable the idle timer when the component is unmounted
+    return () => {
+     IdleTimerManager.setIdleTimerDisabled(false, "video");
+    };
+  }, []);
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <Text>By default, the screen will remain on</Text>
+    </View>
+  );
+};
+
+export default IdleTimerExample;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-idle-timer": "file:../../node_modules/@react-native-oh-tpl/react-native-idle-timer/harmony/idle_timer.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNIdleTimerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+import type {RNPackageContext, RNPackage} from '@rnoh/react-native-openharmony/ts';
++import {RNIdleTimerPackage}  from '@react-native-oh-tpl/react-native-idle-timer/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++    new RNIdleTimerPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| setIdleTimerDisabled  | 启用/禁用屏幕空闲计时器         | function  | no | All      | yes |
+
+## 遗留问题
+
+## 其他 
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/marcshilling/react-native-idle-timer/blob/master/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/en/react-native-image-capinsets-next.md b/en/react-native-image-capinsets-next.md
new file mode 100644
index 00000000..61c121d4
--- /dev/null
+++ b/en/react-native-image-capinsets-next.md
@@ -0,0 +1,272 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-capinsets-next</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mayconmesquita/react-native-image-capinsets-next">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-capinsets-next)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-capinsets-next@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-capinsets-next@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import ImageCapInset from 'react-native-image-capinsets-next';
+import React, {useState} from 'react';
+import {View, StyleSheet, Text, Switch} from 'react-native';
+
+const YourImage = () => {
+  // 以下图片资源可在img文件夹中获取
+  const img1 = require('./capinset_bg.png');
+  const img2 = require('./capinset_bg2.png');
+  const initInset = JSON.stringify({top: 4, right: 3, bottom: 4, left: 12});
+  const initInset2 = JSON.stringify({top: 1, right: 1, bottom: 1, left: 5});
+  const [currentImg, setCurrentImg] = useState(img1);
+  const [currentCapInset, setCurrentCapInset] = useState(JSON.parse(initInset));
+
+  const onChangeUrl = () => {
+    const url = currentImg === img1 ? img2 : img1;
+    setCurrentImg(url);
+  };
+
+  const onChangeInset = () => {
+    const inset =
+      JSON.stringify(currentCapInset) === initInset ? initInset2 : initInset;
+    setCurrentCapInset(JSON.parse(inset));
+  };
+
+  return (
+    <View style={styles.container}>
+      <ImageCapInset
+        style={styles.imgStyle}
+        source={currentImg}
+        capInsets={currentCapInset}>
+        <Text>图片内容2</Text>
+      </ImageCapInset>
+      <View style={styles.switchItem}>
+        <Text>切换图片: </Text>
+        <Switch
+          trackColor={{false: '#767577', true: '#81b0ff'}}
+          thumbColor={currentImg === img1 ? '#f5dd4b' : '#f4f3f4'}
+          ios_backgroundColor="#3e3e3e"
+          onValueChange={onChangeUrl}
+          value={currentImg === img1 ? true : false}
+        />
+      </View>
+      <View style={styles.switchItem}>
+        <Text>切换Inset: </Text>
+        <Switch
+          thumbColor={currentCapInset === initInset ? '#f5dd4b' : '#f4f3f4'}
+          onValueChange={onChangeInset}
+          value={JSON.stringify(currentCapInset) === initInset ? true : false}
+        />
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    paddingTop: 50,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  imgStyle: {
+    width: 200,
+    height: 40,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'lightblue',
+  },
+  switchItem: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+});
+
+export default YourImage;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-capinsets-next": "file:../../node_modules/@react-native-oh-tpl/react-native-image-capinsets-next/harmony/rn_image_capinsets.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNCImageCapInsets 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { IMAGE_CAP_INSETS, RNCImageCapInsets } from "@react-native-oh-tpl/react-native-image-capinsets-next"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === IMAGE_CAP_INSETS) {
++   RNCImageCapInsets({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag,
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ IMAGE_CAP_INSETS
+  ];
+```
+
+### 4.在 ArkTs 侧引入 xxx Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNCImageCapInsetsPackage } from '@react-native-oh-tpl/react-native-image-capinsets-next/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCImageCapInsetsPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| source  | Image source data         | [ImageSource](https://reactnative.cn/docs/next/image#imagesource)  | yes | All      | yes |
+| capInsets  | When the image is scaled, the size of the corners specified by the capInsets is fixed without scaling, while the rest of the middle and sides are stretched. This is useful for making variable-size rounded button shadows and other resources         | [Rect](https://reactnative.cn/docs/next/rect)   | no | All      | yes |
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-colors.md b/en/react-native-image-colors.md
new file mode 100644
index 00000000..bcee4091
--- /dev/null
+++ b/en/react-native-image-colors.md
@@ -0,0 +1,365 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-colors</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/osamaqarem/react-native-image-colors">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20|%20expo%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/osamaqarem/react-native-image-colors/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-colors)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-colors@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-colors@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect, useState } from 'react'
+import {
+  Platform,
+  StyleSheet,
+  Text,
+  View,
+  Image,
+  SafeAreaView,
+  Button,
+} from 'react-native'
+import { getColors } from 'react-native-image-colors'
+
+const imgCat = require('./assets/images/cat.jpg')
+const yunaUrl = 'https://img0.baidu.com/it/u=1934875822,4119553331&fm=253&fmt=auto&app=138&f=JPEG?w=720&h=480'
+const base = 'data:image/jpeg;base64...'
+
+const initialState = {
+  colorOne: { value: '', name: '' },
+  colorTwo: { value: '', name: '' },
+  colorThree: { value: '', name: '' },
+  colorFour: { value: '', name: '' },
+  rawResult: '',
+}
+
+export default function demo() {
+  const [colors, setColors] = useState(initialState)
+  const fetchColors = async () => {
+    const result = await getColors(imgCat, {
+      fallback: '#000000',
+    })
+
+    switch (result.platform) {
+      case 'android':
+      case 'web':
+        setColors({
+          colorOne: { value: result.lightVibrant, name: 'lightVibrant' },
+          colorTwo: { value: result.dominant, name: 'dominant' },
+          colorThree: { value: result.vibrant, name: 'vibrant' },
+          colorFour: { value: result.darkVibrant, name: 'darkVibrant' },
+          rawResult: JSON.stringify(result),
+        })
+        break
+      case 'ios':
+        setColors({
+          colorOne: { value: result.background, name: 'background' },
+          colorTwo: { value: result.detail, name: 'detail' },
+          colorThree: { value: result.primary, name: 'primary' },
+          colorFour: { value: result.secondary, name: 'secondary' },
+          rawResult: JSON.stringify(result),
+        })
+        break
+      case 'harmony':
+        setColors({
+          colorOne: { value: result.mainColor, name: 'mainColor' },
+          colorTwo: { value: result.largestProportionColor, name: 'largestProportionColor' },
+          colorThree: { value: result.highestSaturationColor, name: 'highestSaturationColor' },
+          colorFour: { value: result.averageColor, name: 'averageColor' },
+          rawResult: JSON.stringify(result),
+        })
+        break
+      default:
+        throw new Error('Unexpected platform')
+    }
+  }
+
+  return (
+    <View style={styles.container}>
+      <SafeAreaView style={styles.resultContainer}>
+        <Text style={styles.loading}>Result:</Text>
+        <Button title='按钮' onPress={() => fetchColors() }></Button>
+        <Text style={styles.result}>{colors.rawResult}</Text>
+      </SafeAreaView>
+      <Image
+        resizeMode="contain"
+        style={styles.image}
+        source={ imgCat }
+      />
+      <View style={styles.row}>
+
+        <Box name={colors.colorOne.name} value={colors.colorOne.value} />
+        <Box name={colors.colorTwo.name} value={colors.colorTwo.value} />
+      </View>
+      <View style={styles.row}>
+        <Box name={colors.colorThree.name} value={colors.colorThree.value} />
+        <Box name={colors.colorFour.name} value={colors.colorFour.value} />
+      </View>
+    </View>
+  )
+}
+
+interface BoxProps {
+  value: string
+  name: string
+}
+
+const Box = ({ value, name }: BoxProps) => {
+  return (
+    <View
+      style={[
+        styles.box,
+        {
+          backgroundColor: value,
+        },
+      ]}
+    >
+      <Text style={styles.colorName}>{name}</Text>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  image: {
+    width: '100%',
+    height: 250,
+  },
+  colorName: {
+    backgroundColor: 'white',
+    padding: 4,
+    fontSize: 18,
+  },
+  box: {
+    flex: 1,
+    backgroundColor: 'red',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  row: {
+    flex: 1,
+    flexDirection: 'row',
+    width: '100%',
+  },
+  resultContainer: {
+    flex: 1,
+    padding: 20,
+    width: '100%'
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  loading: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  result: {
+    textAlign: 'center',
+    color: '#333333',
+  },
+})
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-colors": "file:../../node_modules/@react-native-oh-tpl/react-native-image-colors/harmony/image_colors.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNImageColorsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNImageColorsPackage } from "@react-native-oh-tpl/react-native-image-colors/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNImageColorsPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases)
+
+## API
+
+### ImageColors.getColors(uri: string, config?: Config): Promise
+
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                           | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------- | -------- | -------- | -------- | ----------------- |
+| getColors | Fetch prominent colors from an image. | Function | yes      | all      | yes               |
+
+
+### Uri
+
+A string which can be:
+
+| Name      | Description                           | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------- | -------- | -------- | -------- | ----------------- |
+| uri |  1. URL: [`https://i.imgur.com/O3XSdU7.jpg`](https://i.imgur.com/O3XSdU7.jpg);<br>2. Local file: const catImg = require('./images/cat.jpg');<br>3. Base64: const catImgBase64 = 'data:image/jpeg;base64,/9j/4Ri...' | string | yes      | all | yes               |
+
+  > The mime type prefix for base64 is required (e.g. data:image/png;base64).
+
+### Config
+
+The config object is optional.
+
+| Name       | Description                                                                                                                                                                                    | Type                                                   | Required                                           | Default     | Supported | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | ----------- | ------------------- | ----------------- | ----------------- |
+| `fallback`     | If a color property couldn't be retrieved, it will default to this hex color string                                                         | `string`                                               | no                                             | `"#000000"` | all              | yes |
+| `cache`        | Enables in-memory caching of the result - skip downloading the same image next time.                                                                                                           | `boolean`                                              | no                                            | `false`     | all              | yes |
+| `key`          | Unique key to use for the cache entry. The image URI is used as the unique key by default. You should explicitly pass a key if you enable caching and you're using a base64 string as the URI. | `string`                                               | no                                             | `undefined` | all              | yes |
+| `headers`      | HTTP headers to be sent along with the GET request to download the image                                                                                                                       | `Record<string, string>`                               | no                             | `undefined` | iOS, Android        | yes |
+| `pixelSpacing` | How many pixels to skip when iterating over image pixels. Higher means better performance (**note**: value cannot be lower than 1).                                                            | `number`                                               | no                                             | `5`         | Android             | no |
+| `quality`      | Highest implies no downscaling and very good colors.                                                                                                                                           | `'lowest'` <br> `'low'` <br> `'high'` <br> `'highest'` | no | `'low'`     | iOS, Web          | no |
+
+### ImageColorsResult
+
+Every result object contains a respective `platform` key to help narrow down the type.
+
+HarmonyImageColors
+
+| Name                     | Description                                         | Type        | Required | Platform  | HarmonyOS Support |
+| ------------------------ | --------------------------------------------------- | ----------- | -------- | --------- | ----------------- |
+| `mainColor`              | The main colors of the image.                       | `string`    | no       | harmonyOS | yes               |
+| `largestProportionColor` | The color with the highest proportion in the image. | `string`    | no       | harmonyOS | yes               |
+| `highestSaturationColor` | The color with the highest saturation in the image. | `string`    | no       | harmonyOS | yes               |
+| `averageColor`           | The average color of the image.                     | `string`    | no       | harmonyOS | yes               |
+| `platform`               | The platform is HarmonyOS.                | `string` | no       | all | yes               |
+
+### ImageColors.cache
+
+| Name      | Description                           | Type     | Required | Params | Platform | HarmonyOS Support |
+| --------- | ------------------------------------- | -------- | -------- | -------- | -------- | ----------------- |
+| getItem | Read cache result. | Function | no      | key: string      | all      | yes               |
+| setItem | Set a cached result. | Function | no      | key: string, value: ImageColorsResult      | all      | yes               |
+| removeItem | Delete a cached result. | Function | no      | key: string      | all      | yes               |
+| clear | Clearing the cache. | Function | no      |                  | all      | yes               |
+
+
+### Notes
+- Since the implementation of each platform is different you can get **different color results for each**.
+- This module is a wrapper around the [Palette](https://developer.android.com/reference/androidx/palette/graphics/Palette) class on Android, [UIImageColors](https://github.com/jathu/UIImageColors) on iOS and [node-vibrant](https://github.com/Vibrant-Colors/node-vibrant) for the web and [@ohos.effectKit](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-effectkit-V5) on harmonyOS.
+
+
+## 遗留问题
+
+- [x] harmonyOS获取颜色值暂时只能得到固定的一种颜色，暂不支持通过传入`pixelSpacing`或`quality`参数来计算获取不同精确度的颜色值。[issue链接](https://github.com/react-native-oh-library/react-native-image-colors/issues/16) 
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/osamaqarem/react-native-image-colors/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-image-crop-picker(nocodegen).md b/en/react-native-image-crop-picker(nocodegen).md
new file mode 100644
index 00000000..0ebc4177
--- /dev/null
+++ b/en/react-native-image-crop-picker(nocodegen).md
@@ -0,0 +1,297 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-crop-picker（nocodegen）</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ivpusic/react-native-image-crop-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-crop-picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)，并下载带有 `nc` 标识的 tgz 包，如 `0.40.3-nc.0.0.9`。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] #处替换为 tgz 包的路径
+
+#### **npm**
+
+```
+npm install @react-native-oh-tpl/react-native-image-crop-picker@file:#
+```
+
+#### **yarn**
+
+```
+yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
+```
+
+使用场景同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#yarn)
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+
+```
+在工程根目录的 oh-package.json5 添加 overrides字段
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 1.配置 Entry
+
+**(1)在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
+
+```ts
+import UIAbility from '@ohos.app.ability.UIAbility'
+import window from '@ohos.window'
+
+const TAG = 'ImageEditAbility';
+
+export default class ImageEditAbility extends UIAbility {
+
+  onWindowStageCreate(windowStage: window.WindowStage) {
+    this.setWindowOrientation(windowStage, window.Orientation.PORTRAIT)
+    windowStage.loadContent('pages/ImageEdit', (err, data) => {
+      if (err.code) {
+        console.info(TAG,'Failed to load the content. Cause: %{public}s',
+          JSON.stringify(err) ?? '')
+        return;
+      }
+      console.info(TAG,'Succeeded in loading the content')
+    });
+    try {
+      windowStage.getMainWindowSync().setWindowLayoutFullScreen(true, (err)=>{
+        if (err.code) {
+          console.error('Failed to enable the full-screen mode. Cause: ' + JSON.stringify(err));
+          return;
+        }
+        console.info('Succeeded in enabling the full-screen mode.');
+      })
+    } catch (exception) {
+      console.error('Failed to set the system bar to be invisible. Cause: ' + JSON.stringify(exception));
+    }
+  }
+
+  setWindowOrientation(stage: window.WindowStage, orientation: window.Orientation): void {
+    console.info(TAG,"into setWindowOrientation :")
+    if (!stage || !orientation) {
+      return;
+    }
+    stage.getMainWindow().then(windowInstance => {
+      windowInstance.setPreferredOrientation(orientation);
+    })
+  }
+
+  onBackground() {
+    this.context.terminateSelf();
+  }
+}
+```
+
+**(2)在 entry/src/main/module.json5 注册 ImageEditAbility 并添加 requestPermissions**
+
+```json
+"abilities":[{
+        "name": "ImageEditAbility",
+        "srcEntry": "./ets/entryability/ImageEditAbility.ets",
+        "description": "$string:EntryAbility_desc",
+        "icon": "$media:icon",
+        "startWindowIcon": "$media:startIcon",
+        "startWindowBackground": "$color:start_window_background",
+        "removeMissionAfterTerminate": true,
+
+}
+...
+]
+
+```
+
+**(3)在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
+
+```ts
+import { ImageEditInfo } from '@react-native-oh-tpl/react-native-image-crop-picker';
+
+@Entry
+@Component
+struct ImageEdit {
+
+ build() {
+  Row(){
+   Column(){
+    ImageEditInfo();
+   }
+   .width('100%')
+  }
+  .height('100%')
+ }
+}
+```
+
+**(4)在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+
+```json
+{
+ "src": [
+  "pages/Index",
+  "pages/ImageEdit"
+ ]
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入。
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-crop-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-crop-picker/harmony/image_crop_picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ImageCropPickerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-image-crop-picker/src/main/cpp" ./image-crop-picker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
++ file(GLOB IMAGE_CROP_PICKER_CPP_FILES "${OH_MODULES}/@react-native-oh-tpl/react-native-image-crop-picker/src/main/cpp/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
++  ${IMAGE_CROP_PICKER_CPP_FILES }
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_image_crop_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ImageCropPickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++ std::make_shared<ImageCropPickerPackage>(ctx),
+    };
+}
+
+```
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ImageCropPickerPackage } from "@react-native-oh-tpl/react-native-image-crop-picker/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ImageCropPickerPackage (ctx),
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)
+
+## API
+
+同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#api)
+
+## 属性
+
+同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#%E5%B1%9E%E6%80%A7)
+
+## 遗留问题
+
+同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#%E9%81%97%E7%95%99%E9%97%AE%E9%A2%98)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md
new file mode 100644
index 00000000..70b5f58f
--- /dev/null
+++ b/en/react-native-image-crop-picker.md
@@ -0,0 +1,1066 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-crop-picker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ivpusic/react-native-image-crop-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-crop-picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] #处替换为tgz包的路径
+
+#### **npm**
+
+```
+npm install @react-native-oh-tpl/react-native-image-crop-picker@file:#
+```
+
+#### **yarn**
+
+```
+yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!TIP] 使用时 import 的库名不变。
+
+```
+import ImagePicker from 'react-native-image-crop-picker';
+import { openPicker } from 'react-native-image-crop-picker';
+import React from 'react';
+import { Text, StyleSheet, TextInput, View, Button, ScrollView, Switch } from 'react-native';
+
+const ImageCropPickDemo = () => {
+    const TAG: string = 'ImageCropPickerTurboModule';
+    const [maxFiles, setMaxFiles] = React.useState('');
+    const [imageQuality, setImageQuality] = React.useState('');
+    const [imagePath, setImagePath] = React.useState('');
+    const [clearImagePath, setClearImagePath] = React.useState('');
+    const [cropperTitle, setCropperTitle] = React.useState('');
+    const [chooseText, setChooseText] = React.useState('');
+    const [chooseColor, setChooseColor] = React.useState('');
+    const [cancelText, setCancelText] = React.useState('');
+    const [cancelColor, setCancelColor] = React.useState('');
+    const [cropperRotate, setCropperRotate] = React.useState(false);
+    const [showCropGuidelines, setShowCropGuidelines] = React.useState(true);
+    const [showCropFrame, setShowCropFrame] = React.useState(true);
+    const [multiple, setMultiple] = React.useState(false);
+    const [includeExif, setIncludeExif] = React.useState(false);
+    const [avoidEmptySpace, setAvoidEmptySpace] = React.useState(false);
+    const [writeTempFile, setTempFile] = React.useState(true);
+    const [includeBase64, setBase64] = React.useState(false);
+    const [freeStyleCropEnabled, setFreeStyleCropEnabled] = React.useState(false);
+    const [forceJpg, setForceJpg] = React.useState(false);
+    const [showsSelectedCount, setShowsSelectedCount] = React.useState(true);
+    const [selectedButton, setSelectedButton] = React.useState('any');
+    const [useFrontCamera, setUseFrontCamera] = React.useState(false);
+    const [croppingCamera, setCroppingCamera] = React.useState(false);
+    const [writeTempFileCamera, setTempFileCamera] = React.useState(true);
+    const [includeBase64Camera, setBase64Camera] = React.useState(false);
+    const [includeExifCamera, setIncludeExifCamera] = React.useState(false);
+    const [avoidEmptySpaceCamera, setAvoidEmptySpaceCamera] = React.useState(false);
+    const [freeStyleCropEnabledCamera, setFreeStyleCropEnabledCamera] = React.useState(false);
+    const [forceJpgCamera, setForceJpgCamera] = React.useState(false);
+    const [mediaTypeCamera, setMediaTypeCamera] = React.useState('any');
+    const [imageQualityCamera, setImageQualityCamera] = React.useState('');
+    const [cropperTitleCamera, setCropperTitleCamera] = React.useState('');
+    const [chooseTextCamera, setChooseTextCamera] = React.useState('');
+    const [chooseColorCamera, setChooseColorCamera] = React.useState('');
+    const [cancelTextCamera, setCancelTextCamera] = React.useState('');
+    const [cancelColorCamera, setCancelColorCamera] = React.useState('');
+    const [cropperRotateCamera, setCropperRotateCamera] = React.useState(false);
+    const [showCropGuidelinesCamera, setShowCropGuidelinesCamera] = React.useState(true);
+    const [showCropFrameCamera, setShowCropFrameCamera] = React.useState(true);
+    const [writeTempFileCropper, setTempFileCropper] = React.useState(true);
+    const [forceJpgCropper, setForceJpgCropper] = React.useState(false);
+    const [includeBase64Cropper, setBase64Cropper] = React.useState(false);
+    const [includeExifCropper, setIncludeExifCropper] = React.useState(false);
+    const [avoidEmptySpaceCropper, setAvoidEmptySpaceCropper] = React.useState(false);
+    const [freeStyleCropEnabledCropper, setFreeStyleCropEnabledCropper] = React.useState(false);
+    const [imageQualityCropper, setimageQualityCropper] = React.useState('');
+
+    const handleButtonPress = (buttonName) => {
+        setSelectedButton(buttonName);
+    };
+
+    const handleMediaType = (buttonName) => {
+        setMediaTypeCamera(buttonName);
+    };
+
+    return (
+        <ScrollView style={styles.container}>
+            <Text style={styles.title}>相机、图库、裁剪功能：</Text>
+            <View style={styles.container}>
+
+                <View style={styles.TextInputBox}>
+
+                    <Text style={styles.inputLable}>multiple:</Text>
+                    <Button
+                        title={`${multiple}`}
+                        onPress={() => multiple ? setMultiple(false) : setMultiple(true)}
+                    />
+
+                    <Text style={styles.inputLable}>writeTempFile:</Text>
+                    <Button
+                        title={`${writeTempFile}`}
+                        onPress={() => writeTempFile ? setTempFile(false) : setTempFile(true)}
+                    />
+                </View>
+
+                <View style={styles.TextInputBox}>
+
+                    <Text style={styles.inputLable}>includeBase64:</Text>
+                    <Button
+                        title={`${includeBase64}`}
+                        onPress={() => includeBase64 ? setBase64(false) : setBase64(true)}
+                    />
+
+                    <Text style={styles.inputLable}>includeExif:</Text>
+                    <Button
+                        title={`${includeExif}`}
+                        onPress={() => includeExif ? setIncludeExif(false) : setIncludeExif(true)}
+                    />
+
+                </View>
+
+                <View style={styles.TextInputBox}>
+
+                    <Text style={styles.inputLable}>avoidEmptySpaceAroundImage :</Text>
+                    <Button
+                        title={`${avoidEmptySpace}`}
+                        onPress={() => avoidEmptySpace ? setAvoidEmptySpace(false) : setAvoidEmptySpace(true)}
+                    />
+
+                </View>
+
+                <View style={styles.TextInputBox}>
+
+                    <Text style={styles.inputLable}>freeStyleCropEnabled :</Text>
+                    <Button
+                        title={`${freeStyleCropEnabled}`}
+                        onPress={() => freeStyleCropEnabled ? setFreeStyleCropEnabled(false) : setFreeStyleCropEnabled(true)}
+                    />
+
+                </View>
+
+                <View style={styles.TextInputBox}>
+
+                    <Text style={styles.inputLable}>forceJpg:</Text>
+                    <Button
+                        title={`${forceJpg}`}
+                        onPress={() => forceJpg ? setForceJpg(false) : setForceJpg(true)}
+                    />
+
+                    <Text style={styles.inputLable}>showsSelectedCount:</Text>
+                    <Button
+                        title={`${showsSelectedCount}`}
+                        onPress={() => showsSelectedCount ? setShowsSelectedCount(false) : setShowsSelectedCount(true)}
+                    />
+
+                </View>
+
+
+                <View style={styles.TextInputBox}>
+                    <Text style={styles.inputLable}>mediaType:</Text>
+                    <Button
+                        title='photo'
+                        onPress={() => handleButtonPress('photo')}
+                        accessibilityState={{ selected: selectedButton === 'photo' }}
+                    />
+                    <Button
+                        title='video'
+                        onPress={() => handleButtonPress('video')}
+                        accessibilityState={{ selected: selectedButton === 'video' }}
+                    />
+                    <Button
+                        title='any'
+                        onPress={() => handleButtonPress('any')}
+                        accessibilityState={{ selected: selectedButton === 'any' }}
+                    />
+                </View>
+                <View style={styles.TextInputBox}>
+                     <Text style={{color:'red'}}>mediaType is {selectedButton}</Text>
+                </View>
+
+                <View style={styles.TextInputBox}>
+                    <Text style={styles.inputLable}>minFiles:</Text>
+                    <Text style={styles.inputLable}>1</Text>
+                </View>
+
+                <View style={styles.TextInputBox}>
+                    <Text style={styles.inputLable}>maxFiles:</Text>
+                    <TextInput
+                       keyboardType="numeric"
+                       maxLength={1}
+                       style={styles.numberInput}
+                       onChangeText={setMaxFiles}
+                       value={maxFiles}
+                    />
+                    <Text style={styles.lableType}>(number)</Text>
+                  </View>
+
+                <View style={styles.TextInputBox}>
+                    <Text style={styles.inputLable}>compressImageQuality:</Text>
+                    <TextInput
+                        style={styles.numberInput}
+                        onChangeText={setImageQuality}
+                        value={imageQuality}
+                    />
+                    <Text style={styles.lableType}>(0.1 到 1)</Text>
+                </View>
+
+                <View >
+                    <View style={styles.buttonSty}>
+                        <Button
+                            title='openPicker（打开图库）'
+                            onPress={() => {
+                                openPicker({
+                                    multiple: multiple,
+                                    writeTempFile: writeTempFile,
+                                    includeBase64: includeBase64,
+                                    includeExif: includeExif,
+                                    avoidEmptySpaceAroundImage: avoidEmptySpace,
+                                    freeStyleCropEnabled: freeStyleCropEnabled,
+                                    forceJpg: forceJpg,
+                                    showsSelectedCount: showsSelectedCount,
+                                    mediaType: selectedButton,
+                                    minFiles: 1,
+                                    maxFiles: maxFiles,
+                                    compressImageQuality: imageQuality,
+                                }).then(image => {
+                                    console.log(TAG + ' openPicker result ' + JSON.stringify(image))
+                                });
+                            }}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>cropping:</Text>
+                        <Button
+                            title={`${croppingCamera}`}
+                            onPress={() => croppingCamera ? setCroppingCamera(false) : setCroppingCamera(true)}
+                        />
+
+                        <Text style={styles.inputLable}>writeTempFile:</Text>
+                        <Button
+                            title={`${writeTempFileCamera}`}
+                            onPress={() => writeTempFileCamera ? setTempFileCamera(false) : setTempFileCamera(true)}
+                        />
+
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>includeBase64:</Text>
+                        <Button
+                            title={`${includeBase64Camera}`}
+                            onPress={() => includeBase64Camera ? setBase64Camera(false) : setBase64Camera(true)}
+                        />
+
+                        <Text style={styles.inputLable}>includeExif:</Text>
+                        <Button
+                            title={`${includeExifCamera}`}
+                            onPress={() => includeExifCamera ? setIncludeExifCamera(false) : setIncludeExifCamera(true)}
+                        />
+
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>avoidEmptySpaceAroundImage :</Text>
+                        <Button
+                            title={`${avoidEmptySpaceCamera}`}
+                            onPress={() => avoidEmptySpaceCamera ? setAvoidEmptySpaceCamera(false) : setAvoidEmptySpaceCamera(true)}
+                        />
+
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>freeStyleCropEnabled :</Text>
+                        <Button
+                            title={`${freeStyleCropEnabledCamera}`}
+                            onPress={() => freeStyleCropEnabledCamera ? setFreeStyleCropEnabledCamera(false) : setFreeStyleCropEnabledCamera(true)}
+                        />
+
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>useFrontCamera:</Text>
+                        <Button
+                            title={`${useFrontCamera}`}
+                            onPress={() => useFrontCamera ? setUseFrontCamera(false) : setUseFrontCamera(true)}
+                        />
+
+                        <Text style={styles.inputLable}>forceJpg:</Text>
+                        <Button
+                            title={`${forceJpgCamera}`}
+                            onPress={() => forceJpgCamera ? setForceJpgCamera(false) : setForceJpgCamera(true)}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.inputLable}>mediaType:</Text>
+                        <Button
+                            title='photo'
+                            onPress={() => handleMediaType('photo')}
+                            accessibilityState={{ selected: mediaTypeCamera === 'photo' }}
+                        />
+                        <Button
+                            title='video'
+                            onPress={() => handleMediaType('video')}
+                            accessibilityState={{ selected: mediaTypeCamera === 'video' }}
+                        />
+                        <Button
+                            title='any'
+                            onPress={() => handleMediaType('any')}
+                            accessibilityState={{ selected: mediaTypeCamera === 'any' }}
+                        />
+                    </View>
+                    <View style={styles.TextInputBox}>
+                        <Text style={{ color: 'red' }}>mediaType is {mediaTypeCamera}</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.inputLable}>compressImageQuality:</Text>
+                        <TextInput
+                            style={styles.numberInput}
+                            onChangeText={setImageQualityCamera}
+                            value={imageQualityCamera}
+                        />
+                        <Text style={styles.lableType}>(0.1 到 1)</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperToolbarTitle:</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={5}
+                            onChangeText={(value) => setCropperTitleCamera(value)}
+                            value={cropperTitleCamera}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperChooseText:</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={5}
+                            onChangeText={(value) => setChooseTextCamera(value)}
+                            value={chooseTextCamera}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperChooseColor:例如 #FF0000</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={7}
+                            onChangeText={(value) => setChooseColorCamera(value)}
+                            value={chooseColorCamera}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperCancelText:</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={5}
+                            onChangeText={(value) => setCancelTextCamera(value)}
+                            value={cancelTextCamera}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperCancelColor:例如 #FF0000</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={7}
+                            onChangeText={(value) => setCancelColorCamera(value)}
+                            value={cancelColorCamera}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>cropperRotateButtonsHidden:</Text>
+                        <Button
+                            title={`${cropperRotateCamera}`}
+                            onPress={() => cropperRotateCamera ? setCropperRotateCamera(false) : setCropperRotateCamera(true)}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>showCropGuidelines:</Text>
+                        <Button
+                            title={`${showCropGuidelinesCamera}`}
+                            onPress={() => showCropGuidelinesCamera ? setShowCropGuidelinesCamera(false) : setShowCropGuidelinesCamera(true)}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>showCropFrame:</Text>
+                        <Button
+                            title={`${showCropFrameCamera}`}
+                            onPress={() => showCropFrameCamera ? setShowCropFrameCamera(false) : setShowCropFrameCamera(true)}
+                        />
+                    </View>
+
+                    <View style={styles.buttonSty}>
+                        <Button
+                            title="openCamera （打开相机）"
+                            onPress={() => {
+                                ImagePicker.openCamera({
+                                    cropping: croppingCamera,
+                                    writeTempFile: writeTempFileCamera,
+                                    includeBase64: includeBase64Camera,
+                                    includeExif: includeExifCamera,
+                                    avoidEmptySpaceAroundImage: avoidEmptySpaceCamera,
+                                    freeStyleCropEnabled: freeStyleCropEnabledCamera,
+                                    useFrontCamera: useFrontCamera,
+                                    forceJpg: forceJpgCamera,
+                                    mediaType: mediaTypeCamera,
+                                    compressImageQuality: imageQualityCamera,
+                                    cropperToolbarTitle: cropperTitleCamera,
+                                    cropperChooseText: chooseTextCamera,
+                                    cropperChooseColor: chooseColorCamera,
+                                    cropperCancelText: cancelTextCamera,
+                                    cropperCancelColor: cancelColorCamera,
+                                    cropperRotateButtonsHidden: cropperRotateCamera,
+                                    showCropGuidelines: showCropGuidelinesCamera,
+                                    showCropFrame: showCropFrameCamera,
+                                }).then(image => {
+                                    console.log(TAG + ' openCamera result ' + JSON.stringify(image))
+                                });
+                            }}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>请输入需要裁剪的图片地址:</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            onChangeText={(value) => setImagePath(value)}
+                            value={imagePath}
+                        />
+
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>writeTempFile:</Text>
+                        <Button
+                            title={`${writeTempFileCropper}`}
+                            onPress={() => writeTempFileCropper ? setTempFileCropper(false) : setTempFileCropper(true)}
+                        />
+
+                        <Text style={styles.inputLable}>forceJpg:</Text>
+                        <Button
+                            title={`${forceJpgCropper}`}
+                            onPress={() => forceJpgCropper ? setForceJpgCropper(false) : setForceJpgCropper(true)}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>includeBase64:</Text>
+                        <Button
+                            title={`${includeBase64Cropper}`}
+                            onPress={() => includeBase64Cropper ? setBase64Cropper(false) : setBase64Cropper(true)}
+                        />
+
+                        <Text style={styles.inputLable}>includeExif:</Text>
+                        <Button
+                            title={`${includeExifCropper}`}
+                            onPress={() => includeExifCropper ? setIncludeExifCropper(false) : setIncludeExifCropper(true)}
+                        />
+
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>avoidEmptySpaceAroundImage :</Text>
+                        <Button
+                            title={`${avoidEmptySpaceCropper}`}
+                            onPress={() => avoidEmptySpaceCropper ? setAvoidEmptySpaceCropper(false) : setAvoidEmptySpaceCropper(true)}
+                        />
+
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>freeStyleCropEnabled :</Text>
+                        <Button
+                            title={`${freeStyleCropEnabledCropper}`}
+                            onPress={() => freeStyleCropEnabledCropper ? setFreeStyleCropEnabledCropper(false) : setFreeStyleCropEnabledCropper(true)}
+                        />
+
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.inputLable}>compressImageQuality:</Text>
+                        <TextInput
+                            style={styles.numberInput}
+                            onChangeText={setimageQualityCropper}
+                            value={imageQualityCropper}
+                        />
+                        <Text style={styles.lableType}>(0.1 到 1)</Text>
+                    </View>
+
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperToolbarTitle:</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={5}
+                            onChangeText={(value) => setCropperTitle(value)}
+                            value={cropperTitle}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperChooseText:</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={5}
+                            onChangeText={(value) => setChooseText(value)}
+                            value={chooseText}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperChooseColor:例如 #FF0000</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={7}
+                            onChangeText={(value) => setChooseColor(value)}
+                            value={chooseColor}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperCancelText:</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={5}
+                            onChangeText={(value) => setCancelText(value)}
+                            value={cancelText}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>cropperCancelColor:例如 #FF0000</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            maxLength={7}
+                            onChangeText={(value) => setCancelColor(value)}
+                            value={cancelColor}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>cropperRotateButtonsHidden:</Text>
+                        <Button
+                            title={`${cropperRotate}`}
+                            onPress={() => cropperRotate ? setCropperRotate(false) : setCropperRotate(true)}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>showCropGuidelines:</Text>
+                        <Button
+                            title={`${showCropGuidelines}`}
+                            onPress={() => showCropGuidelines ? setShowCropGuidelines(false) : setShowCropGuidelines(true)}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <Text style={styles.inputLable}>showCropFrame:</Text>
+                        <Button
+                            title={`${showCropFrame}`}
+                            onPress={() => showCropFrame ? setShowCropFrame(false) : setShowCropFrame(true)}
+                        />
+                    </View>
+
+
+
+                    <View style={styles.buttonSty}>
+                        <Button
+                            title='openCropper（打开裁剪）'
+                            onPress={() => {
+
+                                ImagePicker.openCropper({
+                                    path: imagePath,
+                                    width: 300,
+                                    height: 400,
+                                    writeTempFile: writeTempFileCropper,
+                                    includeBase64: includeBase64Cropper,
+                                    includeExif: includeExifCropper,
+                                    avoidEmptySpaceAroundImage: avoidEmptySpaceCropper,
+                                    freeStyleCropEnabled: freeStyleCropEnabledCropper,
+                                    compressImageQuality: imageQualityCropper,
+                                    forceJpg: forceJpgCropper,
+                                    cropperToolbarTitle: cropperTitle,
+                                    cropperChooseText: chooseText,
+                                    cropperChooseColor: chooseColor,
+                                    cropperCancelText: cancelText,
+                                    cropperCancelColor: cancelColor,
+                                    cropperRotateButtonsHidden: cropperRotate,
+                                    showCropGuidelines: showCropGuidelines,
+                                    showCropFrame: showCropFrame,
+                                }).then((image => {
+                                    console.log(TAG + ' openCropper result ' + JSON.stringify(image))
+                                }))
+                            }}
+                        />
+                    </View>
+
+                </View>
+            </View>
+
+                <Text style={styles.title}>清除文件：</Text>
+
+                <View style={styles.buttonBox}>
+                    <View style={styles.buttonSty}>
+                        <Button
+                            title='clean （清除所有文件）'
+                            onPress={() => {
+                                ImagePicker.clean({}).then(image => {
+                                    console.log(TAG + ' clean result ' + JSON.stringify(image))
+                                });
+                            }}
+                        />
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+                        <Text style={styles.textLable}>请输入需要清除图片地址：</Text>
+                    </View>
+
+                    <View style={styles.TextInputBox}>
+
+                        <TextInput
+                            style={styles.textInput}
+                            onChangeText={(value) => setClearImagePath(value)}
+                            value={clearImagePath}
+                        />
+                    </View>
+
+                    <View style={styles.buttonSty}>
+                        <Button
+                            title='cleanSingle (清除单个文件)'
+                            onPress={() => {
+                                console.log(TAG + " cleanSingle path " + clearImagePath)
+                                ImagePicker.cleanSingle('/data/storage/el2/base/haps/entry/temp/rn_image_crop_picker_lib_temp_' + clearImagePath).then(image => {
+
+                                })
+                            }}
+                        />
+                    </View>
+
+                    <View style={styles.emptyView}></View>
+
+                </View>
+
+        </ScrollView>
+    );
+}
+const styles = StyleSheet.create({
+    container: {
+    },
+    TextInputBox: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        margin: 10,
+    },
+    textLable: {
+        width: '100%'
+    },
+    emptyView: {
+        width: 50,
+        height: 500
+    },
+    inputLable: {
+        width: 'auto'
+    },
+    lableType: {
+        width: '18%'
+    },
+    numberInput: {
+        width: 50,
+        height: 30,
+        color: 'black',
+        borderColor: 'gray',
+        borderWidth: 1
+    },
+    textInput: {
+        width: '50%',
+        height: 36,
+        color: 'black',
+        borderColor: 'gray',
+        bordeWidth: 1
+    },
+    switchType: {
+        width: 60,
+        height: 36
+    },
+    buttonBox: {
+        marginTop: 20,
+    },
+    buttonSty: {
+        marginTop: 0,
+        marginRight: 60,
+        marginBottom: 20,
+        marginLeft: 60,
+        textAlign: 'center'
+    },
+    title: {
+        fontWeight: '500',
+        fontSize: 20,
+        marginTop: 10,
+    }
+});
+export default ImageCropPickDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+
+```
+在工程根目录的 oh-package.json5 添加 overrides字段
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 1.配置Entry
+
+**(1)在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
+
+```
+import UIAbility from '@ohos.app.ability.UIAbility'
+import window from '@ohos.window'
+
+const TAG = 'ImageEditAbility';
+
+export default class ImageEditAbility extends UIAbility {
+
+  onWindowStageCreate(windowStage: window.WindowStage) {
+    this.setWindowOrientation(windowStage, window.Orientation.PORTRAIT)
+    windowStage.loadContent('pages/ImageEdit', (err, data) => {
+      if (err.code) {
+        console.info(TAG,'Failed to load the content. Cause: %{public}s',
+          JSON.stringify(err) ?? '')
+        return;
+      }
+      console.info(TAG,'Succeeded in loading the content')
+    });
+    try {
+      windowStage.getMainWindowSync().setWindowLayoutFullScreen(true, (err)=>{
+        if (err.code) {
+          console.error('Failed to enable the full-screen mode. Cause: ' + JSON.stringify(err));
+          return;
+        }
+        console.info('Succeeded in enabling the full-screen mode.');
+      })
+    } catch (exception) {
+      console.error('Failed to set the system bar to be invisible. Cause: ' + JSON.stringify(exception));
+    }
+  }
+
+  setWindowOrientation(stage: window.WindowStage, orientation: window.Orientation): void {
+    console.info(TAG,"into setWindowOrientation :")
+    if (!stage || !orientation) {
+      return;
+    }
+    stage.getMainWindow().then(windowInstance => {
+      windowInstance.setPreferredOrientation(orientation);
+    })
+  }
+
+  onBackground() {
+    this.context.terminateSelf();
+  }
+}
+```
+
+**(2)在 entry/src/main/module.json5 注册 ImageEditAbility**
+
+```
+"abilities":[{
+        "name": "ImageEditAbility",
+        "srcEntry": "./ets/entryability/ImageEditAbility.ets",
+        "description": "$string:EntryAbility_desc",
+        "icon": "$media:icon",
+        "startWindowIcon": "$media:startIcon",
+        "startWindowBackground": "$color:start_window_background",
+        "removeMissionAfterTerminate": true,
+
+}
+...
+]
+
+```
+
+**(3)在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
+
+```
+import { ImageEditInfo } from '@react-native-oh-tpl/react-native-image-crop-picker';
+
+@Entry
+@Component
+struct ImageEdit {
+
+ build() {
+  Row(){
+   Column(){
+    ImageEditInfo();
+   }
+   .width('100%')
+  }
+  .height('100%')
+ }
+}
+```
+
+**(4)在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+
+```
+{
+ "src": [
+  "pages/Index",
+  "pages/ImageEdit"
+ ]
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入。
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-crop-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-crop-picker/harmony/image_crop_picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 ImageCropPickerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ImageCropPickerPackage } from '@react-native-oh-tpl/react-native-image-crop-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ImageCropPickerPackage(ctx),
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| openPicker  | Call single image picker with cropping                       | function | no       | iOS/Android | yes               |
+| clean       | Module is creating tmp images which are going to be cleaned up automatically somewhere in the future. If you want to force cleanup, you can use `clean` to clean all tmp files, or `cleanSingle(path)` to clean single tmp file. | function | no       | iOS/Android | yes               |
+| openCropper | Crop image and rotate,                                       | function | no       | iOS/Android | yes               |
+| cleanSingle | Delete a single cache file                                   | function | no       | iOS/Android | yes               |
+| openCamera  | Select from camera                                           | function | no       | iOS/Android | yes               |
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**cropData**
+
+| Name                                      | Type                             | Description                                               | Required | Platform | HarmonyOS Support |
+| ----------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | -------- |
+| cropping                                  | bool (default false)                                         | Enable or disable cropping                                   | no       | All      | yes      |
+| `width`                                   | number                                                       | Width of result image when used with `cropping` option       | no       | All      | yes      |
+| height                                    | number                                                       | Height of result image when used with `cropping` option      | no       | All      | yes      |
+| multiple                                  | bool (default false)                                         | Enable or disable multiple image selection                   | no       | All      | yes      |
+| writeTempFile (iOS only)               | bool (default true)                                          | When set to false, does not write temporary files for the selected images. This is useful to improve performance when you are retrieving file contents with the `includeBase64` option and don't need to read files from disk. | no       | iOS   | yes      |
+| includeBase64                             | bool (default false)                                         | When set to true, the image file content will be available as a base64-encoded string in the `data` property. Hint: To use this string as an image source, use it like: `<Image source={{uri: `data:image.mime;base64,𝑖𝑚𝑎𝑔𝑒.𝑚𝑖𝑚𝑒;𝑏𝑎𝑠𝑒64,{image.data}`}} />` | no       | All      | yes      |
+| includeExif                               | bool (default false)                                         | Include image exif data in the response                      | no       | All      | yes      |
+| avoidEmptySpaceAroundImage (iOS only)  | bool (default true)                                          | When set to true, the image will always fill the mask space. | no       | iOS   | no       |
+| cropperActiveWidgetColor (Android only) | string (default `"#424242"`)                                 | When cropping image, determines ActiveWidget color.          | no       | Android | no       |
+| cropperStatusBarColor (Android only) | string (default `#424242`)                                   | When cropping image, determines the color of StatusBar.      | no       | Android | no       |
+| cropperToolbarColor (Android only) | string (default `#424242`)                                   | When cropping image, determines the color of Toolbar.        | no       | Android | no       |
+| cropperToolbarWidgetColor (Android only) | string (default `darker orange`)                             | When cropping image, determines the color of Toolbar text and buttons. | no       | Android | no       |
+| freeStyleCropEnabled                      | bool (default false)                                         | Enables user to apply custom rectangle area for cropping     | no       | All      | yes      |
+| cropperToolbarTitle                       | string (default `Edit Photo`)                                | When cropping image, determines the title of Toolbar.        | no       | All      | yes      |
+| cropperCircleOverlay                      | bool (default false)                                         | Enable or disable circular cropping mask.                    | no       | All      | yes      |
+| disableCropperColorSetters (Android only) | bool (default false)                                         | When cropping image, disables the color setters for cropping library. | no       | Android | no       |
+| minFiles (iOS only)                    | number (default 1)                                           | Min number of files to select when using `multiple` option   | no       | iOS   | yes      |
+| maxFiles (iOS only)                    | number (default 5)                                           | Max number of files to select when using `multiple` option   | no       | iOS   | yes      |
+| waitAnimationEnd (iOS only)            | bool (default true)                                          | Promise will resolve/reject once ViewController `completion` block is called | no       | iOS   | no       |
+| smartAlbums (iOS only)                 | array ([supported values](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fblob%2Fmaster%2FREADME.md%23smart-album-types-ios)) (default ['UserLibrary', 'PhotoStream', 'Panoramas', 'Videos', 'Bursts']) | List of smart albums to choose from                          | no       | iOS   | no       |
+| useFrontCamera                            | bool (default false)                                         | Whether to default to the front/'selfie' camera when opened. Please note that not all Android devices handle this parameter, see [issue #1058](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fissues%2F1058) | no       | All      | yes      |
+| compressVideoPreset (iOS only)         | string (default MediumQuality)                               | Choose which preset will be used for video compression       | no       | iOS   | no       |
+| compressImageMaxWidth                     | number (default none)                                        | Compress image with maximum width                            | no       | All      | yes      |
+| compressImageMaxHeight                    | number (default none)                                        | Compress image with maximum height                           | no       | All      | yes      |
+| compressImageQuality                      | number (default 1 (Android)/0.8 (iOS))                       | Compress image with quality (from 0 to 1, where 1 is best quality). On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images, while a value of 0.8 will reduce the file size by about half or less compared to a value of 1. | no       | All      | yes      |
+| loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | yes      |
+| mediaType                                 | string (default any)                                         | Accepted mediaType for image selection, can be one of: 'photo', 'video', or 'any' | no       | All      | yes      |
+| showsSelectedCount (iOS only)          | bool (default true)                                          | Whether to show the number of selected assets                | no       | iOS   | yes      |
+| sortOrder (iOS only)                   | string (default 'none', supported values: 'asc', 'desc', 'none') | Applies a sort order on the creation date on how media is displayed within the albums/detail photo views when opening the image picker | no       | iOS   | no       |
+| forceJpg (iOS only)                    | bool (default false)                                         | Whether to convert photos to JPG. This will also convert any Live Photo into its JPG representation | no       | iOS   | yes      |
+| showCropGuidelines (Android only) | bool (default true)                                          | Whether to show the 3x3 grid on top of the image during cropping | no       | Android | yes      |
+| showCropFrame (Android only)      | bool (default true)                                          | Whether to show crop frame during cropping                   | no       | Android | yes      |
+| hideBottomControls (Android only) | bool (default false)                                         | Whether to display bottom controls                           | no       | Android | no       |
+| enableRotationGesture (Android only) | bool (default false)                                         | Whether to enable rotating the image by hand gesture         | no       | Android | yes      |
+| cropperChooseText (iOS only)           | string (default choose)                                      | Choose button text                                           | no       | iOS   | yes      |
+| cropperChooseColor (iOS only)          | string (default `#FFCC00`)                                   | HEX format color for the Choose button. [Default color is controlled by TOCropViewController](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FTimOliver%2FTOCropViewController%2Fblob%2Fa942414508012b13102f776eb65dac655f31cabb%2FObjective-C%2FTOCropViewController%2FViews%2FTOCropToolbar.m%23L444). | no       | iOS   | yes      |
+| cropperCancelText (iOS only)           | string (default Cancel)                                      | Cancel button text                                           | no       | iOS   | yes      |
+| cropperCancelColor (iOS only)          | string (default tint `iOS` color )                           | HEX format color for the Cancel button. Default value is the default tint iOS color [controlled by TOCropViewController](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FTimOliver%2FTOCropViewController%2Fblob%2Fa942414508012b13102f776eb65dac655f31cabb%2FObjective-C%2FTOCropViewController%2FViews%2FTOCropToolbar.m%23L433) | no       | iOS   | yes      |
+| cropperRotateButtonsHidden (iOS only)  | bool (default false)                                         | Enable or disable cropper rotate buttons                     | no       | iOS   | yes      |
+
+## 遗留问题
+
+- [ ] react-native-image-crop-picker 图像将始终填充蒙版空间 [#4](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/4)
+- [ ] Android Demo中 ActiveWidget 改变颜色 [#5](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/5)
+- [ ] Android Demo中 改变状态栏颜色 [#6](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/6)
+- [ ] Android Demo中 改变工具栏颜色 [#7](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/7)
+- [ ] 裁剪图像时，禁用裁剪库的颜色设置器 [#8](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/8)
+- [ ] 裁剪图像时，确定工具栏文本和按钮的颜色 [#9](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/9)
+- [ ] 调用ViewController“completion”块，Promise将解析/拒绝， HarmonyOS 不支持 [#10](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/10)
+- [ ] iOS支持智能相册列表  [#11](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/11)
+- [ ] iOS视频压缩的预设 [#12](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/12)
+- [ ] iOS智能相册排序  [#13](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/13)
+- [ ] Android Demo 设置是否显示底部控件 [#14](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/14)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-editor.md b/en/react-native-image-editor.md
new file mode 100644
index 00000000..9e78f22e
--- /dev/null
+++ b/en/react-native-image-editor.md
@@ -0,0 +1,309 @@
+<!-- {% raw %} -->
+> 模板版本：V0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/image-editor</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/react-native-image-editor">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/callstack/react-native-image-editor/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [Github 地址](https://github.com/react-native-oh-library/react-native-image-editor)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)，并下载适用版本的 tgz 包。
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/image-editor@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/image-editor@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!TIP] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from "react";
+import {
+  Image,
+  ScrollView,
+  Text,
+  View,
+  StyleSheet,
+  Button,
+  Alert,
+  KeyboardAvoidingView,
+} from "react-native";
+
+import ImageEditor from "@react-native-community/image-editor";
+
+export interface Props {
+  // noop
+}
+
+interface Size {
+  width: number;
+  height: number;
+}
+
+interface State {
+  photoUri: any;
+  photoWidth: number;
+  photoHeight: number;
+  croppedImageURI: string | null;
+  targetSize?: Size;
+  cropHorizontal: boolean;
+}
+
+export default class ImageEditor extends Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+    this.state = {
+      photoUri: "https://octodex.github.com/images/OctoAsians_dex_Full.png",
+      photoWidth: 896,
+      photoHeight: 896,
+      croppedImageURI: null,
+      targetSize: {
+        width: 0,
+        height: 0,
+      },
+      cropHorizontal: false,
+    };
+  }
+
+  _crop = async () => {
+    let cropData = {
+      offset: { x: 100, y: 100 },
+      size: { width: 300, height: 300 },
+      quality: 1,
+      format: "jpeg",
+    };
+    if (
+      cropData.size.width + cropData.offset.x > this.state.photoWidth ||
+      cropData.size.height + cropData.offset.y > this.state.photoHeight
+    ) {
+      Alert.alert("The cropped size exceeds the original size");
+      return;
+    }
+    const croppedImageURI = await ImageEditor.cropImage(
+      this.state.photoUri,
+      cropData
+    );
+    if (croppedImageURI) {
+      this.setState({
+        croppedImageURI,
+        targetSize: {
+          width: cropData.size.width,
+          height: cropData.size.height,
+        },
+      });
+
+      if (this.state.targetSize.width >= this.state.targetSize.height) {
+        this.setState({
+          cropHorizontal: true,
+        });
+      } else {
+        this.setState({
+          cropHorizontal: false,
+        });
+      }
+    }
+  };
+
+  render() {
+    const {
+      photoUri,
+      photoWidth,
+      photoHeight,
+      croppedImageURI,
+      targetSize,
+      cropHorizontal,
+    } = this.state;
+    return (
+      <KeyboardAvoidingView behavior="position">
+        <ScrollView>
+          <ScrollView style={{ height: photoHeight }} horizontal={true}>
+            <Image
+              source={{ uri: photoUri }}
+              style={{ width: photoWidth, height: photoHeight }}
+            />
+          </ScrollView>
+          {croppedImageURI ? (
+            <ScrollView
+              style={{ height: targetSize?.height }}
+              horizontal={cropHorizontal}
+            >
+              <Image
+                source={{ uri: croppedImageURI }}
+                style={{ width: targetSize?.width, height: targetSize?.height }}
+              />
+            </ScrollView>
+          ) : (
+            <Text>未生成图片</Text>
+          )}
+          <View style={styles.button}>
+            <Text>{croppedImageURI}</Text>
+            <Button title="确定" onPress={() => this._crop()} />
+          </View>
+        </ScrollView>
+      </KeyboardAvoidingView>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  button: {
+    padding: 10,
+  },
+  flex: {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "flex-start",
+    alignItems: "center",
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/image-editor": "file:../../node_modules/@react-native-oh-tpl/image-editor/harmony/image_editor.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 ImageEditorPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {ImageEditorPackage} from "@react-native-oh-tpl/image-editor/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ImageEditorPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Type    | Description                                                  | Platform    | HarmonyOS Support |
+| --------- | -------- | ------------------------------------------------------------ | ----------- | ----------------- |
+| cropImage | function | Crop the image specified by the URI param. If URI points to a remote image, it will be downloaded automatically. If the image cannot be loaded/downloaded, the promise will be rejected.<br/><br/>If the cropping process is successful, the resultant cropped image will be stored in the cache path, and the CropResult returned in the promise will point to the image in the cache path. ⚠️ Remember to delete the cropped image from the cache path when you are done with it. | ios/Android | yes               |
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**cropData**
+
+| Name          | Value                             | Type   | Description                                                                                                                                                                                               | Required | Platform | HarmonyOS Support |
+| ------------- | --------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| `offset`      | { x: number, y: number }          | object | The top-left corner of the cropped image, specified in the original image's coordinate space                                                                                                              | yes      | All      | yes               |
+| `size`        | { width: number, height: number } | object | Size (dimensions) of the cropped image                                                                                                                                                                    | yes      | All      | yes               |
+| `displaySize` | { width: number, height: number } | object | Size to which you want to scale the cropped image                                                                                                                                                         | no       | All      | yes               |
+| `resizeMode`  | 'contain' \| 'cover' \| 'stretch' | string | Resizing mode to use when scaling the image**Default value**: `'cover'`                                                                                                                                   | no       | All      | yes               |
+| `quality`     | 0.0 - 1.0                         | number | A value in range `0.0` - `1.0` specifying compression level of the result image. `1` means no compression (highest quality) and `0` the highest compression (lowest quality)<br/>**Default value**: `0.9` | no       | All      | yes               |
+| `format`      | 'jpeg' \| 'png' \| 'webp'         | string | The format of the resulting image.<br/>**Default value**: based on the provided image;<br/>if value determination is not possible, `'jpeg'` will be used as a fallback.                                   | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-gallery.md b/en/react-native-image-gallery.md
new file mode 100644
index 00000000..7a4a4db4
--- /dev/null
+++ b/en/react-native-image-gallery.md
@@ -0,0 +1,100 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-gallery</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-oh-library/react-native-image-gallery">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+>   [!tip]  
+>
+> [Github 地址](https://github.com/react-native-oh-library/react-native-image-gallery/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+>  [!TIP] 
+>
+> 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm i @react-native-oh-tpl/react-native-image-gallery@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-gallery@file:#
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import Gallery from 'react-native-image-gallery';
+
+  render() {
+    return (
+      <Gallery
+        style={{ flex: 1, backgroundColor: 'black' }}
+        images={[
+          { source: require('yourApp/image.png'), dimensions: { width: 150, height: 150 } },
+          { source: { uri: 'http://i.imgur.com/XP2BE7q.jpg' } },
+          { source: { uri: 'http://i.imgur.com/5nltiUd.jpg' } },
+          { source: { uri: 'http://i.imgur.com/6vOahbP.jpg' } },
+          { source: { uri: 'http://i.imgur.com/kj5VXtG.jpg' } }
+        ]}
+      />
+    );
+  }
+```
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases)
+
+#### 属性
+
+| Prop   | Description | Type  | Default | Platform | HarmonyOS Support |
+| --------------------- | --------------------- | -------- | -------- |----------|-------------------|
+`images` | Your array of images | `array` | Required | all      | yes               |
+`initialPage` | Image displayed first | `number` | `0`|    all      | yes               |
+`imageComponent` | Custom function to render your images, 1st param is the image props, 2nd is its dimensions | `function` | `<Image>` component|    all      | yes               |
+`errorComponent` | Custom function to render the page of an image that couldn't be displayed | `function` | A `<View>` with a stylized error|    all      | yes               |
+`flatListProps` | Props to be passed to the underlying `FlatList` | `object` | `{windowSize: 3}`|     all     | yes               |
+`pageMargin` | Blank space to show between images | `number` | `0`|     all     | yes               |
+`onPageSelected` | Fired with the index of page that has been selected | `function`|          |    all      | yes               |
+`onPageScrollStateChanged` | Called when page scrolling state has changed, see [scroll state and events](#scroll-state-and-events) | `function`|     |  all        | yes               |
+`onPageScroll` | Scroll event, see [scroll state and events](#scroll-state-and-events) | `function`|      |    all      | yes               |
+`scrollViewStyle` | Custom style for the `FlatList` component | `object` | `{}`|     all     | yes               |
+`onSingleTapConfirmed` | Fired after a single tap | `function`|   |      all    | yes               |
+`onLongPress` | Fired after a long press | `function`|     |      all    | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://choosealicense.com/licenses/isc) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-header-scroll-view.md b/en/react-native-image-header-scroll-view.md
new file mode 100644
index 00000000..2dcedc3d
--- /dev/null
+++ b/en/react-native-image-header-scroll-view.md
@@ -0,0 +1,301 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-header-scroll-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/meliorence/react-native-render-html">
+        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/bamlab/react-native-image-header-scroll-view)
+> 因 v1.0.0 中存在无法触发 TriggeringView 组件回调的问题，以下基于 v0.10.3 版本验证
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-image-header-scroll-view@0.10.3
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-image-header-scroll-view@0.10.3
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Text, View, Image,Animated,StatusBar, Dimensions ,Easing} from 'react-native';
+import ImageHeaderScrollView ,{TriggeringView}  from 'react-native-image-header-scroll-view';
+const MIN_HEIGHT = 80;
+const MAX_HEIGHT = 250;
+const tvShowContent = {
+  title: 'Doctor Who',
+  overview: `
+    The Doctor looks and seems human. He's handsome, witty, and could be mistaken for just another man in the street.
+
+    But he is a Time Lord: a 900 year old alien with 2 hearts, part of a gifted civilization who mastered time travel.
+
+    The Doctor saves planets for a living – more of a hobby actually, and he's very, very good at it.
+
+    He's saved us from alien menaces and evil from before time began – but just who is he?`,
+  year: 2005,
+  genres: ['Action & Adventure', 'Drama', 'Sci-Fi & Fantasy'],
+  keywords: [
+    'time travel',
+    'time machine',
+    'phone booth',
+    'alien',
+    'time traveler',
+    'police box',
+    'space and aliens',
+  ],
+};
+
+const styles = StyleSheet.create({
+  image: {
+    height: MAX_HEIGHT,
+    width: Dimensions.get('window').width,
+    alignSelf: 'stretch',
+    resizeMode: 'cover',
+  },
+  title: {
+    fontSize: 20,
+  },
+  name: {
+    fontWeight: 'bold',
+  },
+  section: {
+    padding: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: '#cccccc',
+    backgroundColor: 'white',
+  },
+  sectionTitle: {
+    fontSize: 18,
+    fontWeight: 'bold',
+  },
+  sectionContent: {
+    fontSize: 16,
+    textAlign: 'justify',
+  },
+  keywords: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start',
+    flexWrap: 'wrap',
+  },
+  keywordContainer: {
+    backgroundColor: '#999999',
+    borderRadius: 10,
+    margin: 10,
+    padding: 10,
+  },
+  keyword: {
+    fontSize: 16,
+    color: 'white',
+  },
+  titleContainer: {
+    flex: 1,
+    alignSelf: 'stretch',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  imageTitle: {
+    color: 'white',
+    backgroundColor: 'transparent',
+    fontSize: 24,
+  },
+  navTitleView: {
+    height: MIN_HEIGHT,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingTop: 16,
+    opacity: 0,
+  },
+  navTitle: {
+    color: 'white',
+    fontSize: 18,
+    backgroundColor: 'transparent',
+  },
+  sectionLarge: {
+    height: 600,
+  },
+});
+
+function HeaderImageExample () {
+    const [visible, setVisible] = useState(false);
+    const fadeAnim = new Animated.Value(0);
+    useEffect(() => {
+        if (visible) {
+          Animated.timing(fadeAnim, {
+            toValue: 1,
+            duration: 100,
+            easing: Easing.bounce,
+            useNativeDriver: true,
+          }).start();
+        } else {
+          // 如果当前是不可见的，则执行淡出动画
+          Animated.timing(fadeAnim, {
+            toValue: 0,
+            duration: 100,
+            easing: Easing.bounce,
+            useNativeDriver: true,
+          }).start();
+        }
+      }, [visible, fadeAnim]);  
+ 
+    return (
+      <View style={{ flex: 1 }}>
+        <StatusBar barStyle="light-content" />
+        <ImageHeaderScrollView
+          maxHeight={MAX_HEIGHT} 
+          minHeight={MIN_HEIGHT}  
+          maxOverlayOpacity={0.8} 
+          minOverlayOpacity={0.2}   
+          fadeOutForeground={true} 
+          foregroundParallaxRatio={1}
+          overlayColor={'blue'} 
+          renderHeader={() => <Image source={'请输入本地图片路径'} style={styles.image} />} 
+          renderFixedForeground={() => (
+            <Animated.View
+                    style={[styles.navTitleView,{ opacity: fadeAnim}]}  >
+                    <Text style={styles.navTitle}>
+                        {tvShowContent.title}, ({tvShowContent.year})
+                    </Text>
+            </Animated.View>
+          )} 
+          renderForeground={() => (
+            <View style={styles.titleContainer}>
+              <Text style={styles.imageTitle}>{tvShowContent.title}</Text>
+            </View> as any
+          )}  
+          useNativeDriver={true}
+          disableHeaderGrow={false}>
+         <>
+          <TriggeringView
+            onHide={() => setVisible(true)}
+            onDisplay={() => setVisible(false)}
+          >
+            <Text style={styles.title}>
+              <Text style={styles.name}>{tvShowContent.title}</Text>, ({tvShowContent.year})
+            </Text>
+          </TriggeringView>
+          <View style={styles.section}>
+            <Text style={styles.sectionTitle}>Overview</Text>
+            <Text style={styles.sectionContent}>{tvShowContent.overview}</Text>
+          </View>
+          <View style={[styles.section, styles.sectionLarge]}>
+            <Text style={styles.sectionTitle}>Keywords</Text>
+            <View style={styles.keywords}>
+              {tvShowContent.keywords.map(keyword => (
+                <View style={styles.keywordContainer} key={keyword}>
+                  <Text style={styles.keyword}>{keyword}</Text>
+                </View>
+              ))}
+            </View>
+          </View>
+          </>
+        </ImageHeaderScrollView>
+      </View>
+    );
+  
+}
+
+export default HeaderImageExample;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：Next0.0.66;
+
+## API
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### **Header**
+
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `renderHeader` | Function which return the component to use as header. It can return background image for example.           | function | No       | All      | Yes               |
+| `headerImage`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
+| `maxHeight`                | Min height for the header (in navbar mode)     | number | No       | All      | Yes               |
+| `minHeight`                | Sends a ping frame to the server.                            | number | No       | All      | Yes               |
+| `minOverlayOpacity`           | Opacity of a black overlay on the header before any scroll | number | No       | All      | Yes               |
+| `maxOverlayOpacity`           | Opacity of a black overlay on the header when in navbar mode | number | No       | All      | Yes               |
+| `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
+| `useNativeDriver`           | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean | No       | All      | Yes               |
+| `headerContainerStyle`           | Optional styles to be passed to the container of the header component | Object | No       | All      | Yes               |
+| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | Yes               |
+
+
+#### **Foreground**
+
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `renderForeground` | Function which return the component to use at foreground. The component is render in front of the header and scroll with the ScrollView. It can return a title for example.           | function | No       | All      | Yes               |
+| `renderFixedForeground`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
+| `foregroundExtrapolate`                | Optional prop that allows override extrapolate mode for foreground. Use null to allow extrapolation, which is usefull for using foreground as bottom title   | string | No       | All      | Yes               |
+| `foregroundParallaxRatio`                | Ration for parallax effect of foreground when scrolling. If 2, the header goes up two times faster than the scroll                          | number | No       | All      | Yes               |
+| `fadeOutForeground`           | If set, add a fade out effect on the foreground when scroll up | boolean | No       | All      | Yes               |
+| `renderTouchableFixedForeground`           | Same as renderFixedForeground but allow to use touchable in it. [Can cause performances issues on Android](https://github.com/bamlab/react-native-image-header-scroll-view/issues/6)   | function | No       | All      | Yes               |
+| `fixedForegroundContainerStyles`           | 	Optional styles to be passed to the container of the fixed foreground component | Object | No       | All      | Yes               |
+
+
+#### **Mixed**
+
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `ScrollViewComponent` | The component to be used for scrolling. Can be any component with an onScroll props (ie. ListView, FlatList, SectionList or ScrollView)         | Component | No       | All      | Yes               |
+| `scrollViewBackgroundColor`               | Background color of the scrollView content                        | string | No       | All      | Yes               |
+
+
+
+#### **TriggeringView**
+
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `onBeginHidden` | Called when the component start to be hidden at the top of the scroll view.          | function | No       | All      | Yes               |
+| `onHide`               | Called when the component is not displayed any more after scroll up             | function | No       | All      | Yes               |
+| `onBeginDisplayed`                | Called when the component begin to be displayed again after scroll down | function | No       | All      | Yes               |
+| `onDisplay`                | Called when the component finished to be displayed again.            | function | No       | All      | Yes               |
+| `onTouchTop`           | 	Called when the Top of the component touch the Top of the ScrollView. (onDisplay + onBeginHidden) | function | No       | All      | Yes               |
+| `onTouchBottom`           | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
+
+## 遗留问题
+## 其他
+
+- 如何去除图片阴影蒙层？  
+  可通过设置 maxOverlayOpacity、minOverlayOpacity 属性为 0，去除图片阴影蒙层。
+- 如何禁止滑动回弹效果？
+  - 方法 1：设置 disableHeaderGrow 属性为 true
+  - 方法 2：设置 bounces 属性为 false
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-image-marker.md b/en/react-native-image-marker.md
new file mode 100644
index 00000000..be1f7462
--- /dev/null
+++ b/en/react-native-image-marker.md
@@ -0,0 +1,475 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-marker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/JimmyDaddy/react-native-image-marker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/JimmyDaddy/react-native-image-marker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-marker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-marker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-marker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import Marker, {
+    Position, ImageMarkOptions,  TextMarkOptions
+  } from 'react-native-image-marker'
+import React, { useState } from "react";
+import { StyleSheet, ScrollView, Text, View, Button, Image } from "react-native";
+import { Colors } from 'react-native/Libraries/NewAppScreen';
+
+export const ImageMarkerText = () => {
+    const [texturl, setTextMarkUrl] = useState('');
+    const [imageurl,setImageMarkUrl] = useState('');
+    const text_options: TextMarkOptions = {
+      backgroundImage: { src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yuekan/xintexing00.jpg' },
+      watermarkTexts: [{
+        text: 'hello world \n 你好',
+        position: {
+          position: Position.topLeft,
+        },
+        style: {
+          color: '#FFFF00',
+          fontSize: 30,
+          fontName: 'Arial',
+          rotate: 30,
+          textBackgroundStyle: {
+            padding: '10% 10%',
+            color: '#02B96B',
+          },
+          shadowStyle: {
+            dx: 10,
+            dy: 10,
+            radius: 10,
+            color: '#008F6D',
+          },
+          strikeThrough: true,
+          underline: true,
+        },
+      }, {
+        text: 'hello world \n 你好',
+        position: {
+          position: Position.center,
+        },
+        style: {
+          color: '#FFFF00',
+          fontSize: 30,
+          fontName: 'Arial',
+          textBackgroundStyle: {
+            padding: '10% 10%',
+            color: '#0FFF00',
+          },
+          strikeThrough: true,
+          underline: true,
+        },
+      }],
+    }
+
+    const image_options: ImageMarkOptions = {
+      backgroundImage: { src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yuekan/xintexing00.jpg' },
+      watermarkImages: [{
+        src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yingyongicon.png',
+        rotate:20,
+        position: {
+          position: Position.topLeft,
+        },
+      },
+      {
+        src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yingyongicon.png',
+        rotate:50,
+        position: {
+          position: Position.bottomCenter,
+        },
+      }
+    ],
+    }
+
+    const markText = () => {
+      Marker.markText(text_options).then((result) => {
+        setTextMarkUrl(result)
+      }).catch(error => {
+        console.log('error', error)
+      })
+    }
+    
+    const markImage = () => {
+      Marker.markImage(image_options).then((result) => {
+        setImageMarkUrl(result)
+      }).catch(error => {
+        console.log('error', error)
+      })
+    }
+    return (
+        <ScrollView style={{flex: 1}}>
+          <View style={styles.body}>
+              <View style={styles.sectionContainer}>
+                <Text style={styles.sectionTitle}>
+                  {"image marker"}
+                </Text>
+                <Button
+                  title="Mark image "
+                  color="#9a73ef"
+                  onPress={markImage}
+                />
+                <Text style={styles.sectionTitle}>
+                  {imageurl}
+                </Text>
+                <Image resizeMode='contain' source={{ uri: imageurl, width: 300, height: 300 }} />
+              </View>
+            </View>
+            <View style={styles.body}>
+              <View style={styles.sectionContainer}>
+                <Text style={styles.sectionTitle}>
+                  {"image marker"}
+                </Text>
+                <Button
+                  title="mark text "
+                  color="#9a73ef"
+                  onPress={markText}
+                />
+                <Text style={styles.sectionTitle}>
+                  {texturl}
+                </Text>
+                <Image resizeMode='contain' source={{ uri: texturl, width: 300, height: 300 }} />
+              </View>
+            </View>
+      </ScrollView>
+      );
+  }
+  const styles = StyleSheet.create({
+    body: {
+      backgroundColor: Colors.dark,
+    },
+    sectionContainer: {
+      marginTop: 32,
+      paddingHorizontal: 24,
+    },
+    sectionTitle: {
+      marginBottom: 30,
+      fontSize: 12,
+      fontWeight: '600',
+      color: Colors.white,
+    }
+  });
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-marker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-marker/harmony/image_marker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNImageMarkerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNImageMarkerPackage} from '@react-native-oh-tpl/react-native-image-marker/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new RNImageMarkerPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)
+
+### 权限要求
+
+如果用到了网络图片，需要在 entry 目录下的 module.json5 中添加网络信息权限
+
+打开entry/src/main/module.json5，添加：
+
+```js
+...
+"requestPermissions": [
+    {
+    "name": "ohos.permission.INTERNET"
+    }
+]
+```
+
+
+
+
+##  API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description            | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | ---------------------- | -------- | -------- | ----------- | ----------------- |
+| markImage   | mark icons on background image  | string | no  | Android/iOS | yes               |
+| markText | mark texts on background image | string | no   | Android/iOS | yes               |
+
+#### markImage
+```js
+markImage(options: ImageMarkOptions): Promise<string>;
+```
+##### ImageMarkOptions
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| backgroundImage  | background image options | ImageOptions | yes      | iOS/Android | yes               |
+| quality | image quality `0-100`, `100` is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
+| filename | save image name | string | no      | iOS/Android | yes               |
+| saveFormat | save image format 'png','jpg','base64',default 'png' | ImageFormat | no      | iOS/Android | yes               |
+| watermarkImages | watermark images | Array\<WatermarkImageOptions> | yes      | iOS/Android | yes  |
+
+##### ImageOptions
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| src  | image src, local image | string | yes      | iOS/Android | yes               |
+| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
+| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
+| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
+
+##### ImageFormat
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| png  | iamge type png | string | no      | iOS/Android | yes               |
+| jpg | iamge type jpg | string | no      | iOS/Android | yes               |
+| base64 | iamge type base64 | string | no      | iOS/Android | yes               |
+
+
+##### WatermarkImageOptions 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| src  | image src, local image | string | yes      | iOS/Android | yes               |
+| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
+| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
+| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
+| position  | the position of icon on background image | PositionOptions | no      | iOS/Android | yes               |
+
+##### PositionOptions 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| X  | horizontal coordinate on background image | number / string | no      | iOS/Android | yes |
+| Y  | vertical coordinate on background image | number / string | no      | iOS/Android | yes |
+| position  | position enum | Position | no | iOS/Android | yes |
+
+##### Position 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| topLeft  | top left on background image |  string | no      | iOS/Android | yes |
+| topCenter  | top center on background image | string | no      | iOS/Android | yes |
+| topRight  |top right on background image | string | no | iOS/Android | yes |
+| bottomLeft  | bottom left on background image | string | no | iOS/Android | yes |
+| bottomCenter  | bottom center on background image | string | no | iOS/Android | yes |
+| bottomRight  | bottom right on background image| string | no | iOS/Android | yes |
+| center  | center on background image | string | no | iOS/Android | yes |
+
+#### markText
+
+```json
+markText(options: TextMarkOptions): Promise<string>;
+```
+##### TextMarkOptions
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| backgroundImage | background image options | ImageOptions | yes      | iOS/Android | yes               |
+| watermarkTexts      | text options      | Array\<TextOptions> | yes      | iOS/Android | yes               |
+| quality      | image quality 0-100, 100 is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
+| filename      | save image name          | string | no      | iOS/Android | yes               |
+| saveFormat      | save image format 'png','jpg','base64',default 'png'           | ImageFormat | no      | iOS/Android | yes               |
+
+##### TextOptions
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| text | text content | string | yes      | iOS/Android | yes               |
+| position      | text position options | PositionOptions | no      | iOS/Android | yes               |
+| style      | text style         | TextStyle | no      | iOS/Android | yes               |
+
+##### TextStyle
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| color | font color | string | yes      | iOS/Android | yes               |
+| fontName      | font name | string | no      | iOS/Android | yes            |
+| fontSize      | font size        | number | no      | iOS/Android | yes               |
+| shadowStyle | text shadow style | ShadowLayerStyle | no      | iOS/Android | yes               |
+| textBackgroundStyle      | text background style | TextBackgroundStyle  | no      | iOS/Android | yes               |
+| underline      | text underline style        | boolean | no      | iOS/Android | yes               |
+| skewX | css italic with degree, you can use italic instead | number | no      | iOS/Android | yes         |
+| strikeThrough      | text stroke | boolean | no      | iOS/Android | yes               |
+| textAlign      | text align . 'left' / 'center' / 'right'       | string | no      | iOS/Android | yes               |
+| italic | text italic | boolean | no      | iOS/Android | yes            |
+| bold      | text bold | boolean | no      | iOS/Android | yes               |
+| rotate      | rotate text       | number | no      | iOS/Android | yes               |
+
+##### ShadowLayerStyle
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| dx      | shadow offset x       | number | yes      | iOS/Android | yes               |
+| dy      | shadow offset y     | number | yes      | iOS/Android | yes               |
+| radius      |shadow radius      | number | yes      | iOS/Android | yes               |
+| color      | shadow color       | string | yes      | iOS/Android | yes               |
+
+##### TextBackgroundStyle
+extends Padding
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| type      | background type .TextBackgroundType enum      | TextBackgroundType | no      | iOS/Android | yes               |
+| color      | background color    | string | yes      | iOS/Android | yes               |
+| cornerRadius      |background corner radius     | CornerRadius | no      | iOS/Android | yes               |
+| padding      | padding for text background，Up to four values, separated by spaces   | number / string | no      | iOS/Android | yes               |
+| paddingLeft      |  padding left for text background  | number / string | no      | iOS/Android | yes               |
+| paddingRight      | padding right for text background    | number / string | no      | iOS/Android | yes               |
+| paddingTop      | padding top for text background    | number / string | no      | iOS/Android | yes               |
+| paddingBottom      | padding bottom for text background   | number / string  | no      | iOS/Android | yes               |
+| paddingHorizontal      | padding left and right (horizontal) for text background    | number / string | no      | iOS/Android | yes               |
+| paddingVertical      | padding top and bottom (vertical) for text background    | number / string | no      | iOS/Android | yes               |
+| paddingX      |padding x, alias of paddingHorizontal    | number / string | no      | iOS/Android | yes               |
+| paddingY      | padding y, alias of paddingVertical  | number / string | no      | iOS/Android | yes               |
+
+##### TextBackgroundType
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| stretchX      | background type stretchX     | string | no      | iOS/Android | yes               |
+| stretchY      |  background type  stretchY   | string | no      | iOS/Android | yes               |
+| none      | background type fit    | string | no      | iOS/Android | yes               |
+
+
+##### CornerRadius
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| topLeft      | topLeft Radius     | RadiusValue | no      | iOS/Android | yes               |
+| topRight      | topRight Radius   | RadiusValue | no      | iOS/Android | yes               |
+| bottomLeft      |bottomLeft Radius  | RadiusValue | no      | iOS/Android | yes               |
+| bottomRight      |bottomRight Radius   | RadiusValue | no      | iOS/Android | yes               |
+| all      | all Radius    | RadiusValue | no      | iOS/Android | yes               |
+
+##### RadiusValue
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| x      | radius value for x     | number / string | no      | iOS/Android | yes               |
+| y      | radius value for y  | number / string  | no      | iOS/Android | yes               |
+
+## 遗留问题
+
+- [x]  Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7) 
+- [x] Harmony OS is not support font skewX feature  now: [issue#8](https://github.com/react-native-oh-library/react-native-image-marker/issues/8)
+- [x] Harmony OS is not support font italic feature now:[issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
+
+## 其他
+
+## 开源协议
+
+本项目基于[The MIT License(MIT)](https://github.com/JimmyDaddy/react-native-image-marker/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+
diff --git a/en/react-native-image-pan-zoom.md b/en/react-native-image-pan-zoom.md
new file mode 100644
index 00000000..1cf726f7
--- /dev/null
+++ b/en/react-native-image-pan-zoom.md
@@ -0,0 +1,156 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-pan-zoom</code> </h1>
+</p>
+<p align="center">
+        <a href="https://github.com/ascoders/react-native-image-zoom/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ascoders/react-native-image-zoom/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-zoom)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-zoom@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-zoom@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React from "react"
+import { Image, Text, Button } from "react-native"
+import ImageZoom from "react-native-image-pan-zoom"
+export default function () {
+  const [cropWidth, setCropWidth] = React.useState<number>(300)
+  const [cropHeight, setCropHeight] = React.useState<number>(300)
+  const [imageWidth, setImageWidth] = React.useState<number>(600)
+  const [imageHeight, setImageHeight] = React.useState<number>(600)
+  const [panToMove, setPanToMove] = React.useState<boolean>(false)
+
+  return (
+    <>
+      <Text>{`panToMove value: ${panToMove} `}</Text>
+      <ImageZoom
+        cropWidth={cropWidth}
+        cropHeight={cropHeight}
+        imageWidth={imageWidth}
+        imageHeight={imageHeight}
+        enableDoubleClickZoom={false}
+        panToMove={panToMove}
+        enableCenterFocus={false}
+        pinchToZoom={false}
+      >
+        <Image
+          style={{
+            width: imageWidth,
+            height: imageHeight,
+          }}
+          source={{
+            uri: "https://img0.baidu.com/it/u=3570889183,2260151218&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
+          }}
+        />
+      </ImageZoom>
+      <Button
+        title="change panToMove value"
+        onPress={() => setPanToMove(!panToMove)}
+      />
+    </>
+  )
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见[react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)
+
+ImageZoom
+
+| Name   | Description          | Type          | Required | Platform | HarmonyOS Support |   
+| ---- | ------------------ | ----------------------- | -------- | -------- | ----------------- | 
+| **cropWidth**   | operating area width              | number      | YES      | ALL      | YES    |           
+| **cropHeight**           | operating area height                                                                                                                                                 | number                                                                                                                             | YES      | ALL      | YES               |                                                                                            
+| **imageWidth**           | picture width                                                                                                                                                         | number                                                                                                                             | YES      | ALL      | YES                                                                                                           
+| **imageHeight**          | picture height                                                                                                                                                        | number                                                                                                                             | YES      | ALL      | YES                                                                                                           |
+| `onClick`                          | onClick                                                                                                                                                               | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES                                                                                                           |
+| `onDoubleClick`                    | onDoubleClick                                                                                                                                                         | (eventParams: IOnClick)=>void                                                                                                      | NO       | ALL      | YES               |                                                                                            
+| `panToMove`                        | allow to move picture with one finger                                                                                                                                 | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `pinchToZoom`                      | allow scale with two fingers                                                                                                                                          | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `enableDoubleClickZoom`            | allow double-click to enlarge                                                                                                                                         | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `clickDistance`                    | how many finger movement can also trigger `onClick`                                                                                                                   | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `horizontalOuterRangeOffset`       | horizontal beyond the distance, the parent to do picture switching, you can listen to this function. When this function is triggered, you can do the switch operation | (offsetX?: number)=>void                                                                                                           | NO       | ALL      | YES               |                                                                                            
+| `onDragLeft`                       | trigger to switch to the left of the graph, the left sliding speed exceeds the threshold when triggered                                                               | ()=>void                                                                                                                           | NO       | \        | NO                | 
+| `responderRelease`                 | let go but do not cancel                                                                                                                                              | (vx: number)=>void                                                                                                                 | NO       | ALL      | YES               |                                                                                            
+| `maxOverflow`                      | maximum sliding threshold                                                                                                                                             | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `longPressTime`                    | long press threshold                                                                                                                                                  | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `onLongPress`                      | on longPress                                                                                                                                                          | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES               |                                                                                            
+| `doubleClickInterval	`              | time allocated for second click to be considered as doublClick event                                                                                                  | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `onMove`                           | reports movement position data (helpful to build overlays)                                                                                                            | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void   | NO       | ALL      | YES               |                                                                                            
+| `centerOn`                         | if given this will cause the map to pan and zoom to the desired location                                                                                              | { x: number, y: number, scale: number, duration: number }                                                                          | NO       | ALL      | YES               |                                                                                            
+| `enableSwipeDown`                  | for enabling vertical movement if user doesn't want it                                                                                                                | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `enableCenterFocus`                | for disabling focus on image center if user doesn't want it                                                                                                           | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `onSwipeDown`                      | function that fires when user swipes down                                                                                                                             | () => void                                                                                                                         | NO       | ALL      | YES               |                                                                                            
+| `swipeDownThreshold`               | threshold for firing swipe down function                                                                                                                              | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `minScale`                         | minimum zoom scale                                                                                                                                                    | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `maxScale`                         | maximum zoom scale                                                                                                                                                    | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
+| `useNativeDriver`                  | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver)                                                         | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
+| `onStartShouldSetPanResponder`     | Override onStartShouldSetPanResponder behavior                                                                                                                        | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            
+| `onMoveShouldSetPanResponder`      | Override onMoveShouldSetPanResponder behavior                                                                                                                         | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            
+| `onPanResponderTerminationRequest` | Override onPanResponderTerminationRequest behavior                                                                                                                    | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            
+| `useHardwareTextureAndroid`        | for disabling rendering to hardware texture on Android                                                                                                                | boolean                                                                                                                            | NO       | Android  | NO                |                                                                      
+
+## 遗留问题
+
+- [x] 双指缩放在 harmony 框架侧不支持使用 [issues#1](https://github.com/react-native-oh-library/react-native-image-zoom/issues/1)
+
+- [x] 长按图片后，rn 框架图片拖拽属性导致程序崩溃 [issues#2](https://github.com/react-native-oh-library/react-native-image-zoom/issues/2)
+
+- [x] onPanResponderTerminationRequest 方法，harmony 端与 android 端表现不一致 [issues#3](https://github.com/react-native-oh-library/react-native-image-zoom/issues/3)
+
+
+## 其他
+
+- 下滑图片，然后双击放大，再次下滑表现异常，已在源库基础上修改[上库地址](https://github.com/react-native-oh-library/react-native-image-zoom)，源库已被存档，不能新建 issue，特此记录
+
+- onDragLeft 此回调函数源码未实现，详见:[issues#103](https://github.com/ascoders/react-native-image-zoom/issues/103)
+
+- useHardwareTextureAndroid 此属性仅 Android 生效
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ascoders/react-native-image-zoom/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-image-picker.md b/en/react-native-image-picker.md
new file mode 100644
index 00000000..bad79111
--- /dev/null
+++ b/en/react-native-image-picker.md
@@ -0,0 +1,292 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-picker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-image-picker/react-native-image-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-image-picker/react-native-image-picker/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-image-picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, Text } from 'react-native';
+import { launchImageLibrary } from 'react-native-image-picker';
+
+const App = () => {
+  const [urlInfo, setUrlInfo] = React.useState<string>();
+  return (
+    <View style={{ flex: 1, marginTop: 100 }}>
+      <View style={{
+        width: 160,
+        height: 36,
+        backgroundColor: 'hsl(190,50%,70%)',
+        paddingHorizontal: 16,
+        paddingVertical: 8,
+        borderRadius: 8
+      }} onTouchEnd={() => {
+        launchImageLibrary({ mediaType: 'photo', selectionLimit: 1 }, (data) => {
+          if (data.assets?.length) {
+            setUrlInfo(JSON.stringify(data.assets))
+          }
+        })
+      }}>
+        <Text style={{ width: '100%', height: '100%', fontWeight: 'bold', textAlign: 'center' }}>选择</Text>
+      </View>
+      <Text>{urlInfo}</Text>
+    </View>
+  );
+};
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-image-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-picker/harmony/image_picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ImagePickerViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-image-picker/src/main/cpp" ./image_picker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_image_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RNImagePickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNImagePickerPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ImagePickerViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ImagePickerViewPackage } from '@react-native-oh-tpl/react-native-image-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ImagePickerViewPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Options
+
+| Name                    | Description                                                                                                                                                                      | Type    | Required | Platform        | HarmonyOS Support |
+| ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | --------------- | ----------------- |
+| mediaType               | photo or video or mixed(launchCamera on Android does not support 'mixed'). Web only supports 'photo' for now.                                                                    | string  | yes      | iOS Android Web | yes               |
+| maxWidth                | To resize the image.                                                                                                                                                             | number  | no       | iOS Android     | no                |
+| maxHeight               | To resize the image.                                                                                                                                                             | number  | no       | iOS Android     | no                |
+| videoQuality            | low, medium, or high on iOS, low or high on Android.                                                                                                                             | string  | no       | iOS Android     | no                |
+| durationLimit           | Video max duration (in seconds).                                                                                                                                                 | number  | no       | iOS Android     | no                |
+| quality                 | 0 to 1, photos.                                                                                                                                                                  | number  | no       | iOS Android     | no                |
+| cameraType              | 'back' or 'front' (May not be supported in few android devices).                                                                                                                 | string  | no       | iOS Android     | yes                |
+| includeBase64           | If true, creates base64 string of the image (Avoid using on large image files due to performance).                                                                               | boolean | no       | iOS Android Web | yes                |
+| includeExtra            | If true, will include extra data which requires library permissions to be requested (i.e. exif data).                                                                            | boolean | no       | iOS Android     | no                |
+| saveToPhotos            | (Boolean) Only for launchCamera, saves the image/video file captured to public photo.                                                                                            | boolean | no       | iOS Android     | no                |
+| selectionLimit          | Supports providing any integer value. Use 0 to allow any number of files on iOS version >= 14 & Android version >= 13, Use 0 to allow up to 50 files on HarmonyOS. Default is 1. | number  | no       | iOS Android Web | yes               |
+| presentationStyle       | Controls how the picker is presented. currentContext, pageSheet, fullScreen, formSheet, popover, overFullScreen, overCurrentContext. Default is currentContext.                  | string  | no       | iOS             | no                |
+| formatAsMp4             | Converts the selected video to MP4 (iOS Only).                                                                                                                                   | boolean | no       | iOS             | no                |
+| assetRepresentationMode | A mode that determines which representation to use if an asset contains more than one. Possible values: 'auto', 'current', 'compatible'. Default is 'auto'.                      | string | no       | iOS             | no                |
+
+### The Response Object
+
+| Name         | Description                                             | Type    | Required | Platform        | HarmonyOS Support |
+| ------------ | ------------------------------------------------------- | ------- | -------- | --------------- | ----------------- |
+| didCancel    | true if the user cancelled the process                  | boolean | no       | iOS Android Web | yes               |
+| errorCode    | Check ErrorCode for all error codes                     | string  | no       | iOS Android Web | no                |
+| errorMessage | Description of the error, use it for debug purpose only | string  | no       | iOS Android Web | no                |
+| assets       | Array of the selected media, refer to Asset Object      | Asset   | no       | iOS Android Web | yes               |
+
+### Asset Object
+
+| Name         | Description                                                                                                                                                                                                                                                                | Type   | Required | Platform        | HarmonyOS Support |
+| ------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | --------------- | ----------------- |
+| base64       | The base64 string of the image (photos only)                                                                                                                                                                                                                               | string | no       | iOS Android Web | yes                |
+| uri          | The file uri in app specific cache storage. Except when picking video from Android gallery where you will get read only content uri, to get file uri in this case copy the file to app specific storage using any react-native library. For web it uses the base64 as uri. | string | yes      | iOS Android Web | yes               |
+| originalPath | The original file path.                                                                                                                                                                                                                                                    | string | yes      | iOS Android Web | yes               |
+| width        | Asset dimensions                                                                                                                                                                                                                                                           | number | yes      | iOS Android Web | yes               |
+| height       | Asset dimensions                                                                                                                                                                                                                                                           | number | yes      | iOS Android Web | yes               |
+| fileSize     | The file size                                                                                                                                                                                                                                                              | number | yes      | iOS Android     | yes               |
+| type         | The file type                                                                                                                                                                                                                                                              | string | yes      | iOS Android     | yes               |
+| fileName     | The file name                                                                                                                                                                                                                                                              | string | yes      | iOS Android     | yes               |
+| duration     | The selected video duration in seconds                                                                                                                                                                                                                                     | number | no       | iOS Android     | no                |
+| bitrate      | The average bitrate (in bits/sec) of the selected video, if available. (Android only)                                                                                                                                                                                      | number | no       | Android         | no                |
+| timestamp    | Timestamp of the asset. Only included if 'includeExtra' is true                                                                                                                                                                                                            | string | no       | iOS Android     | no                |
+| id           | local identifier of the photo or video. On Android & HarmonyOS, this is the same as | string | no       | iOS Android     | yes                |
+
+## 静态方法
+
+| Name               | Description                            | Type     | Required | Platform        | HarmonyOS Support |
+| ------------------ | -------------------------------------- | -------- | -------- | --------------- | ----------------- |
+| launchCamera       | Launch camera to take photo or video.  | function | yes      | iOS Android Web | yes                |
+| launchImageLibrary | Launch gallery to pick image or video. | function | yes      | iOS Android Web | yes               |
+
+## 遗留问题
+
+- [ ] image-picker部分属性未实现 HarmonyOS 化: [issue#14](https://github.com/react-native-oh-library/react-native-image-picker/issues/14)
+- [x] 只实现了选择图库的接口属性，相机功能暂未适配: [issue#13](https://github.com/react-native-oh-library/react-native-image-picker/issues/13)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-image-picker/react-native-image-picker/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-image-rotate.md b/en/react-native-image-rotate.md
new file mode 100644
index 00000000..9bc90f53
--- /dev/null
+++ b/en/react-native-image-rotate.md
@@ -0,0 +1,250 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-rotate</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/dgladkov/react-native-image-rotate">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/dgladkov/react-native-image-rotate/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-rotate)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+进入到工程目录并输入以下命令：
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-rotate@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-rotate@file:#
+```
+
+快速使用：
+
+```js
+import React, { Component } from 'react';
+import {
+  Image,
+  StyleSheet,
+  Text,
+  TouchableHighlight,
+  View
+} from 'react-native';
+
+import ImageRotate from 'react-native-image-rotate';
+
+const SOURCE_IMAGE = 'https://upload.wikimedia.org/wikipedia/en/5/56/Warcraft_Teaser_Poster.jpg';
+
+export default class App extends Component {
+
+  constructor() {
+    super();
+    this.state = {
+      image: SOURCE_IMAGE,
+      currentAngle: 0,
+      width: 150,
+      height: 240,
+    };
+
+    this.rotate = this.rotate.bind(this);
+  }
+
+  rotate(angle) {
+    const nextAngle = this.state.currentAngle + angle;
+    ImageRotate.rotateImage(
+      SOURCE_IMAGE,
+      nextAngle,
+      (uri) => {
+        this.setState({
+          image: uri,
+          currentAngle: nextAngle,
+          width: this.state.height,
+          height: this.state.width,
+        });
+      },
+      (error) => {
+        console.error(error);
+      }
+    );
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <View style={styles.imageContainer}>
+          <Image style={{width: this.state.width, height: this.state.height}} source={{uri: this.state.image}} />
+        </View>
+        <TouchableHighlight
+          onPress={() => this.rotate(90)}
+          style={styles.button}
+        >
+          <Text style={styles.text}>ROTATE CW</Text>
+        </TouchableHighlight>
+
+        <TouchableHighlight
+          onPress={() => this.rotate(-90)}
+          style={styles.button}
+        >
+          <Text style={styles.text}>ROTATE CCW</Text>
+        </TouchableHighlight>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  button: {
+    backgroundColor: 'red',
+    padding: 5,
+    margin: 5,
+  },
+  imageContainer: {
+    height: 240,
+    justifyContent: 'center',
+  },
+  text: {
+    color: 'white',
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-rotate": "file:../../node_modules/@react-native-oh-tpl/react-native-image-rotate/harmony/imageRotate.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNImageRotatePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { RNImageRotatePackage } from '@react-native-oh-tpl/react-native-image-rotate/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNImageRotatePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)
+
+## 静态方法
+
+> [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Name | Description | Type | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+rotateImage | 旋转图片 | Function | no | iOS/Android | yes
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/dgladkov/react-native-image-rotate/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-sequence-2.md b/en/react-native-image-sequence-2.md
new file mode 100644
index 00000000..3115b5b0
--- /dev/null
+++ b/en/react-native-image-sequence-2.md
@@ -0,0 +1,422 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-sequence</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bwindsor/react-native-image-sequence">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-sequence)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-sequence-2@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-sequence-2@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+TestDemo.tsx
+
+```js
+import React, { useState } from "react";
+import { SafeAreaView, StyleSheet } from "react-native-harmony";
+import { View, Text, Switch, TextInput, Button } from "react-native";
+import TestDemo2 from "./TestDemo2";
+
+const images = [
+  { uri: "https://octodex.github.com/images/stormtroopocat.jpg" },
+  { uri: 'https://octodex.github.com/images/saint_nictocat.jpg' },
+  require("./assets/2.jpg"),
+  require("./assets/3.jpg"),
+  require("./assets/4.jpg"),
+  require("./assets/5.jpg"),
+  require("./assets/6.jpg"),
+];
+
+export interface sequenceType {
+  images: NodeRequire[];
+  loop: boolean;
+  startFrameIndex: number;
+  framesPerSecond: number;
+  downsampleWidth: number;
+  downsampleHeight: number;
+}
+
+const ImageSequenceDemo = (props: any) => {
+  const [loopData, setLoopData] = useState(false);
+  const [isShow, setIsShow] = useState(false);
+  const [winWidth, setWinWidth] = useState(300);
+  const [winHeight, setWinHeight] = useState(200);
+  const [downsampleWidth, setDownSampleWidth] = useState(-1);
+  const [downsampleHeight, setDownSampleHeight] = useState(-1);
+
+  // 设置采样宽度
+  const inputSampleWidth = (value: string) => {
+    if (isNaN(Number(value))) {
+      return;
+    }
+    setDownSampleWidth(Number(value));
+  };
+
+  // 设置采样高度
+  const inputSampleHeight = (value: string) => {
+    if (isNaN(Number(value))) {
+      return;
+    }
+    setDownSampleHeight(Number(value));
+  };
+
+  // 设置起始位置
+  const [startFrameIndex, setFrameIndex] = useState(0);
+  const inputStartFrameIndex = (value: string) => {
+    if (isNaN(Number(value))) {
+      return;
+    }
+    let _value = Number(value);
+    if (Number(value) > images.length) {
+      _value = 0;
+    }
+    setFrameIndex(_value);
+  };
+
+  // 设置速率
+  const [framesPerSecond, setFramesPerSecond] = useState(24);
+  const inputFramesPerSecond = (value: string) => {
+    if (isNaN(Number(value))) {
+      return;
+    }
+    let _value = Number(value);
+    if (Number(value) <= 0) {
+      _value = 24;
+    }
+    setFramesPerSecond(_value);
+  };
+
+  const buttonIsShow = () => {
+    setIsShow(!isShow);
+  };
+
+  const inputSetWinWidth = (value: string) => {
+    if (isNaN(Number(value))) {
+      return;
+    }
+    setWinWidth(Number(value));
+  };
+
+  const inputSetWinHeight = (value: string) => {
+    if (isNaN(Number(value))) {
+      return;
+    }
+    setWinHeight(Number(value));
+  };
+
+  return (
+    <SafeAreaView>
+      <View>
+        <View>
+          <Text>
+            Current view size:width: {winWidth}, height:{winHeight}
+          </Text>
+          <Text>
+            开启循环：<Switch onValueChange={(value) => setLoopData(value)}></Switch>
+          </Text>
+          <View>
+            <Text>图片宽度/高度：</Text>
+            <View style={styles.box}>
+              <TextInput
+                style={[styles.input, styles.input1]}
+                onChangeText={(value) => inputSetWinWidth(value)}
+                defaultValue="300"
+                keyboardType="numeric"
+              />
+              <TextInput
+                style={[styles.input, styles.input1]}
+                onChangeText={(value) => inputSetWinHeight(value)}
+                defaultValue="200"
+                keyboardType="numeric"
+              />
+            </View>
+          </View>
+          <Text>开始位置：</Text>
+          <TextInput
+            style={styles.input}
+            onChangeText={(value) => inputStartFrameIndex(value)}
+            defaultValue="0"
+            keyboardType="numeric"
+          />
+          <Text>播放速度：</Text>
+          <TextInput
+            style={styles.input}
+            onChangeText={(value) => inputFramesPerSecond(value)}
+            defaultValue="24"
+            keyboardType="numeric"
+          />
+          <View>
+             <Text>采样宽度/高度：</Text>
+             <View style={styles.box}>
+                <TextInput style={[styles.input, styles.input1]} onChangeText={value => inputSampleWidth(value)} defaultValue='-1' keyboardType='default' />
+                 <TextInput style={[styles.input, styles.input1]} onChangeText={value => inputSampleHeight(value)} defaultValue='-1' keyboardType='default' />
+              </View>
+           </View>
+        </View>
+        {!isShow ? (
+          <Button title="显示" onPress={() => buttonIsShow()} />
+        ) : (
+          <Button title="返回" onPress={() => buttonIsShow()} />
+        )}
+        {isShow ? (
+          <TestDemo2
+            loop={loopData}
+            images={images}
+            width={winWidth}
+            height={winHeight}
+            startFrameIndex={startFrameIndex}
+            framesPerSecond={framesPerSecond}
+            downsampleWidth={downsampleWidth}
+            downsampleHeight={downsampleHeight}
+          />
+        ) : null}
+      </View>
+    </SafeAreaView>
+  );
+};
+const styles = StyleSheet.create({
+  continer: {
+    flex: 1,
+    justifyContent: "center",
+    width: "100%",
+    height: "100%",
+  },
+  title: {
+    textAlign: "center",
+    marginVertical: 8,
+  },
+  fixToText: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+  },
+  separator: {
+    marginVertical: 8,
+    borderBottomColor: "#737373",
+    borderBottomWidth: StyleSheet.hairlineWidth,
+  },
+  input: {
+    height: 40,
+    margin: 12,
+    borderWidth: 1,
+    borderColor: "red",
+    padding: 10,
+    width: 200,
+  },
+  box: {
+    flexDirection: "row",
+    justifyContent: "flex-start",
+  },
+  input1: {
+    width: 100,
+  },
+});
+
+export default ImageSequenceDemo;
+```
+
+TestDemo2.tsx
+
+```js
+import { StyleSheet, View } from "react-native";
+import ImageSequence from 'react-native-image-sequence-2'
+
+const Separator = () => <View style={styles.separator}/>
+const TestDemo2 = (props: any) => {
+    return (
+        <ImageSequence
+        images={props.images}
+        loop={props.loop}
+        startFrameIndex={props.startFrameIndex}
+        framesPerSecond={props.framesPerSecond}
+        downsampleWidth={props.downsampleWidth}
+        downsampleHeight={props.downsampleHeight}
+        style={{width: props.width, height: props.height}}
+        />
+    )
+}
+const styles = StyleSheet.create({
+    separator: {
+        marginVertical: 8,
+        borderBottomColor: '#737373',
+        borderBottomWidth: StyleSheet.hairlineWidth
+    }
+})
+
+export default TestDemo2
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-image-sequence-2":"file:../../node_modules/@react-native-oh-tpl/react-native-image-sequence-2/harmony/image_sequence.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入  RNImageSequence组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNImageSequence } from "@react-native-oh-tpl/react-native-image-sequence-2"
+
+const arkTsComponentNames: Array<string> = ["SampleView", 
+"Generated",
+"PropsDisplayer",
++ RNImageSequence.NAME
+]
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++  if (ctx.componentName === RNImageSequence.NAME) {
++     RNImageSequence({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag
++     })
++   }
+...
+}
+...
+```
+
+### 4.在 ArkTs 侧引入 ImageSequencePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ImageSequencePackage } from "@react-native-oh-tpl/react-native-image-sequence-2/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ImageSequencePackage(ctx) 
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases)
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| images           | An array of source images. Each element of the array should be the result of a call to require(imagePath) | any[]   | Yes      | All      | Yes               |
+| startFrameIndex  | Which index of the images array should the sequence start at. Default: 0 | number  | No       | All      | Yes               |
+| framesPerSecond  | Playback speed of the image sequence. Default: 24            | number  | No       | All      | Yes               |
+| loop             | Should the sequence loop. Default: true                      | boolean | No       | All      | Yes               |
+| downsampleWidth  | The width to use for optional downsampling. Both `downsampleWidth` and `downsampleHeight` must be set to a positive number to enable downsampling. Default: -1 | number  | No       | All      | Yes               |
+| downsampleHeight | The height to use for optional downsampling. Both `downsampleWidth` and `downsampleHeight` must be set to a positive number to enable downsampling. Default: -1 | number  | No       | All      | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-image-viewing.md b/en/react-native-image-viewing.md
new file mode 100644
index 00000000..852be281
--- /dev/null
+++ b/en/react-native-image-viewing.md
@@ -0,0 +1,231 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-viewing</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jobtoday/react-native-image-viewing/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jobtoday/react-native-image-viewing/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-viewing)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+进入到工程目录并输入以下命令：
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-viewing@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-viewing@file:#
+```
+
+快速使用：
+
+```js
+import React, { useState } from "react";
+import {
+  Alert,
+  Platform,
+  SafeAreaView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  View,
+  Image, ScrollView, TouchableOpacity
+} from "react-native";
+import memoize from "lodash/memoize";
+import get from "lodash/get";
+import ImageViewing from "react-native-image-viewing";
+import {ImageSource} from "react-native-image-viewing/dist/@types"
+
+type Props = {
+  images: string[];
+  onPress: (index: number) => void;
+  shift?: number;
+};
+
+const IMAGE_WIDTH = 120;
+const IMAGE_HEIGH = 120;
+
+const architecture = [
+  {
+    thumbnail: "https://img.zcool.cn/community/01d191576ccecb0000018c1b64e382.jpg@1280w_1l_2o_100sh.jpg",
+    original: "https://img.zcool.cn/community/01d191576ccecb0000018c1b64e382.jpg@1280w_1l_2o_100sh.jpg",
+  },
+  {
+    thumbnail: "https://p0.ssl.qhimgs1.com/sdr/400__/t0461b1cfd7e4ef2b66.jpg",
+    original: "https://p0.ssl.qhimgs1.com/sdr/400__/t0461b1cfd7e4ef2b66.jpg",
+  },
+  {
+    thumbnail: "https://p0.ssl.qhimgs1.com/sdr/400__/t017c44dc545b663cce.jpg",
+    original: "https://p0.ssl.qhimgs1.com/sdr/400__/t017c44dc545b663cce.jpg",
+  }
+];
+
+
+const ImageList = ({ images, shift = 0, onPress }: Props) => (
+  <ScrollView
+    horizontal
+    style={styles1.root}
+    contentOffset={{ x: shift * IMAGE_WIDTH, y: 0 }}
+    contentContainerStyle={styles1.container}
+  >
+    {images.map((imageUrl, index) => (
+      <TouchableOpacity
+        style={styles1.button}
+        key={`${imageUrl}_${index}`}
+        activeOpacity={0.8}
+        onPress={() => onPress(index)}
+      >
+        {
+          typeof imageUrl === 'string' ? <Image source={{ uri: imageUrl }} key={`${index}`} style={styles1.image} /> : <Image source={ imageUrl } key={`${index}`} doubleTapToZoomEnabled={true} style={styles1.image} />
+        }
+      </TouchableOpacity>
+    ))}
+  </ScrollView>
+);
+
+const styles1 = StyleSheet.create({
+  root: { flexGrow: 0 },
+  container: {
+    flex: 0,
+    paddingLeft: 10,
+    marginBottom: 10
+  },
+  button: {
+    marginRight: 10
+  },
+  image: {
+    width: IMAGE_WIDTH,
+    height: IMAGE_HEIGH,
+    borderRadius: 10
+  }
+});
+
+function App() {
+  const [currentImageIndex, setImageIndex] = useState(0);
+  const [images, setImages] = useState(architecture);
+  const [isVisible, setIsVisible] = useState(false);
+
+  const onSelect = (images, index) => {
+    setImageIndex(index);
+    setImages(images);
+    setIsVisible(true);
+  };
+
+  const onRequestClose = () => setIsVisible(false);
+
+
+  const getImageSource = memoize((images): ImageSource[] =>
+    images.map((image) =>
+      typeof image.original === "number"
+        ? image.original
+        : { uri: image.original as string }
+    )
+  );
+
+  return (
+    <SafeAreaView style={styles.root}>
+      <ImageList
+        images={architecture.map((image) => image.thumbnail)}
+        onPress={(index) => onSelect(architecture, index)}
+        shift={0.75}
+      />
+      <ImageViewing
+        images={getImageSource(images)}
+        imageIndex={currentImageIndex}
+        visible={isVisible}
+        onRequestClose={onRequestClose}
+      />
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: "#000",
+    ...Platform.select({
+      android: { paddingTop: StatusBar.currentHeight },
+      default: null,
+    }),
+  },
+  about: {
+    flex: 1,
+    marginTop: -12,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  name: {
+    textAlign: "center",
+    fontSize: 24,
+    fontWeight: "200",
+    color: "#FFFFFFEE",
+  },
+});
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)
+
+## 属性
+
+> [!TIP]  "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                  | Type                                                        | Platform | Required | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ----------------------------------------------------------- | -------- | -------- | ----------------- |
+| images                 | Array of images to display                                   | ImageSource[]                                               | All      | Yes      | Yes               |
+| keyExtractor           | Uniqely identifying each image                               | (imageSrc: ImageSource, index: number) => string            | All      | No       | Yes               |
+| imageIndex             | Current index of image to display                            | number                                                      | All      | Yes      | Yes               |
+| visible                | Is modal shown or not                                        | boolean                                                     | All      | No       | Yes               |
+| onRequestClose         | Function called to close the modal                           | function                                                    | All      | Yes      | Yes               |
+| onImageIndexChange     | Function called when image index has been changed            | function                                                    | All      | No       | Yes               |
+| onLongPress            | Function called when image long pressed                      | function (event: GestureResponderEvent, image: ImageSource) | All      | No       | Yes               |
+| delayLongPress         | Delay in ms, before onLongPress is called: default           | number                                                      | All      | No       | Yes               |
+| animationType          | Animation modal presented with: default                      | none, fade, slide                                           | All      | No       | Yes               |
+| presentationStyle      | Modal presentation style: default: fullScreen Android: Use overFullScreen to hide StatusBar | fullScreen, pageSheet, formSheet, overFullScreen            | All      | No       | Yes               |
+| backgroundColor        | Background color of the modal in HEX                         | string                                                      | All      | No       | Yes               |
+| swipeToCloseEnabled    | Close modal with swipe up or down: default                   | boolean                                                     | All      | No       | No                |
+| doubleTapToZoomEnabled | Zoom image by double tap on it: default                      | boolean                                                     | All      | No       | No                |
+| HeaderComponent        | Header component, gets current imageIndex as a prop          | component, function                                         | All      | No       | Yes               |
+| FooterComponent        | Footer component, gets current imageIndex as a prop          | component, function                                         | All      | No       | Yes               |
+
+## 遗留问题
+
+- [x] 组件上下滑动关闭暂未实现，由于 scrollView的naticeEvent.velocity属性HarmonyOS暂不支持 [issue#6](https://github.com/react-native-oh-library/react-native-image-viewing/issues/6)
+- [x] 组件双击放大方法暂未实现，由于doubleTapToZoomEnabled属性HarmonyOS暂不支持 [issue#7](https://github.com/react-native-oh-library/react-native-image-viewing/issues/7)
+- [x] 组件animationType淡入淡出效果暂未实现，由于modal组件未适配 [issue#8](https://github.com/react-native-oh-library/react-native-image-viewing/issues/8)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jobtoday/react-native-image-viewing/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-image-zoom-viewer.md b/en/react-native-image-zoom-viewer.md
new file mode 100644
index 00000000..09d79af6
--- /dev/null
+++ b/en/react-native-image-zoom-viewer.md
@@ -0,0 +1,290 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-image-zoom-viewer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ascoders/react-native-image-viewer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ascoders/react-native-image-viewer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-viewer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-image-zoom-viewer@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-image-zoom-viewer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { useState } from "react";
+import {
+  Text,
+  View,
+  Button,
+  Image,
+  ScrollView,
+  StyleSheet,
+} from "react-native";
+import ImageViewer from "react-native-image-zoom-viewer";
+
+const ReactImageZoon = () => {
+  // 向下滑动的阈值
+  const [flipThreshold, setFlipThreshold] = useState(0);
+  // 页脚位置
+  const [footerContainerStyle, setFlexooterContainerStyle] = useState(100);
+  // 翻页动画时间
+  const [pageAnimateTimeA, setPageAnimateTime] = useState(0);
+
+  const [changeStatus, setChangeStatus] = useState("");
+  const renderHeaderFun = () => {
+    return (
+      <View style={{ backgroundColor: "red" }}>
+        <Text style={{ backgroundColor: "red", color: "#fff", fontSize: 20 }}>
+          自定义页头或页脚
+        </Text>
+      </View>
+    );
+  };
+
+  const renderArrowLeftFun = () => {
+    return (
+      <View style={{ width: 20, height: 20 }}>
+        <Image
+          source={{
+            uri: "https://bpic.51yuansu.com/pic2/cover/00/52/03/5816a254309d2_610.jpg",
+          }}
+          style={{ width: "100%", height: "100%" }}
+        ></Image>
+      </View>
+    );
+  };
+  const renrenderArrowRightFun = () => {
+    return (
+      <View style={{ width: 20, height: 20 }}>
+        <Image
+          source={{
+            uri: "https://pic.616pic.com/ys_img/00/13/60/slee3clqRZ.jpg",
+          }}
+          style={{ width: "100%", height: "100%" }}
+        ></Image>
+      </View>
+    );
+  };
+
+  const renderIndicatorFn = (currentIndex?: number, allSize?: number) => {
+    return (
+      <View
+        style={{
+          position: "absolute",
+          left: 0,
+          right: 0,
+          top: 38,
+          zIndex: 99,
+          backgroundColor: "red",
+        }}
+      >
+        <Text style={{ color: "#fff" }}> {`${currentIndex}/${allSize}`}</Text>
+      </View>
+    );
+  };
+
+  const images = [
+    {
+      url: "",
+      props: {
+        // headers: ...
+        source: require("./assets/1.png"),
+      },
+    },
+    {
+      url: "https://octodex.github.com/images/godotocat.png",
+      props: {
+        // headers: ...
+      },
+    },
+    {
+      url: "",
+      props: {},
+    },
+  ];
+
+  const clearBtn = () => {
+    setChangeStatus("");
+    setFlexooterContainerStyle(100);
+    setPageAnimateTime(0);
+  };
+  return (
+    <View style={{ width: "100%", height: "100%" }}>
+      <ScrollView>
+        <View>
+          <Text>
+            imageUrls enableImageZoom;index;saveToLocalByLongPress;
+            backgroundColor,onChange;
+            flipThreshold;renderIndicator;renderArrowRight
+            renderArrowLeft;pageAnimateTime;renderHeader;renderFooter;
+            onClick;footerContainerStyle;failImageSource
+          </Text>
+          <Text>保存到相机的回调onSaveToCamera</Text>
+          <Text>查看更改的状态{changeStatus}</Text>
+        </View>
+        <View style={{ width: "100%", height: 500 }}>
+          <ImageViewer
+            image
+            Urls={images}
+            index={1}
+            enableImageZoom={true}
+            backgroundColor={"pink"}
+            saveToLocalByLongPress={false}
+            onSave={null}
+            onSaveToCamera={() => {
+              setChangeStatus("onSaveToCamera");
+            }}
+            onChange={() => {
+              setChangeStatus("onChange");
+            }}
+            onClick={() => {
+              setChangeStatus("onClick");
+            }}
+            flipThreshold={flipThreshold}
+            renderArrowLeft={renderArrowLeftFun}
+            renderArrowRight={renrenderArrowRightFun}
+            pageAnimateTime={pageAnimateTimeA}
+            renderHeader={renderHeaderFun}
+            renderFooter={renderHeaderFun}
+            renderIndicator={renderIndicatorFn}
+            footerContainerStyle={{
+              bottom: footerContainerStyle,
+              position: "absolute",
+              zIndex: 9999,
+            }}
+            failImageSource={{
+              width: 300,
+              height: 300,
+              url: "https://octodex.github.com/images/Robotocat.png",
+            }}
+          />
+        </View>
+        <View style={styles.container}>
+          <Button title="下一页滑动0" onPress={() => setFlipThreshold(0)} />
+          <Button
+            title="下一页滑动阈值1000"
+            onPress={() => setFlipThreshold(1000)}
+          />
+          <Button
+            title="页脚位置"
+            onPress={() => setFlexooterContainerStyle(200)}
+          />
+          <Button title="清空" onPress={clearBtn} />
+        </View>
+        <Text></Text>
+        <Button
+          title="翻页动画"
+          onPress={() => setPageAnimateTime(500)}
+        ></Button>
+      </ScrollView>
+    </View>
+  );
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    justifyContent: "space-around",
+  },
+});
+
+export default ReactImageZoon;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                  | Type                                                         | Platform    | HarmonyOS Support | Remark                                   |
+| ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ----------- | ----------------- | ---------------------------------------- |
+| imageUrls              | Image Source                                                 | array                                                        | Android iOS | YES               |                                          |
+| enableImageZoom        | Enable image zoom                                            | boolean                                                      | Android iOS | NO                |                                          |
+| onShowModal            | The callback for show modal                                  | function <br />(content?: JSX.Element) => void               | NO          | NO                | 此属性在HarmonyOS，Android ，iOS均不生效 |
+| onCancel               | The callback for cancel modal                                | function <br />() => void                                    | Android iOS | YES               |                                          |
+| flipThreshold          | Swipe threshold of the next page                             | number                                                       | Android iOS | YES               |                                          |
+| maxOverflow            | The X position maximum, that current page can slide to the next page | number                                                       | Android iOS | YES               |                                          |
+| index                  | Init index of images                                         | number                                                       | Android iOS | YES               |                                          |
+| failImageSource        | placeholder for fail                                         | string, object<br />{url: string}                            | Android iOS | YES               |                                          |
+| loadingRender          | placeholder for loading                                      | function<br />() => React.ReactElement<any>                  | Android iOS | YES               |                                          |
+| onSaveToCamera         | The callback for save to camera                              | function<br />(index?: number => void                        | Android iOS | YES               |                                          |
+| onChange               | When the image changed                                       | function<br />(index?: number => void                        | Android iOS | YES               |                                          |
+| onMove                 | ()=> {}                                                      | ( position: [onMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void | Android iOS | YES               |                                          |
+| saveToLocalByLongPress | Enable save to camera when long press                        | boolean                                                      | Android iOS | YES               |                                          |
+| onClick                | Onclick                                                      | function<br />(onCancel?: function) => void                  | Android iOS | YES               |                                          |
+| onDoubleClick          | OnDoubleClick                                                | function<br />(onCancel?: function) => void                  | Android iOS | YES               |                                          |
+| onSave                 | The picture is saved to the local method, if you write this method will not call the system default method for Android does not support saveToCameraRoll remote picture, you can call this callback in Android call native interface | function<br />(url: string) => void                          | Android iOS | YES               |                                          |
+| renderHeader           | Custom header                                                | function<br />(currentIndex?: number) => React.ReactElement<any> | Android iOS | YES               |                                          |
+| renderFooter           | Custom footer                                                | function<br />(currentIndex?: number) => React.ReactElement<any> | Android iOS | YES               |                                          |
+| renderIndicator        | Custom indicator                                             | function<br />`(currentIndex?: number, allSize?) => React.ReactElement<any>`: number | Android iOS | YES               |                                          |
+| renderImage            | Custom image component                                       | function<br />(props: any) => React.ReactElement<any>        | Android iOS | YES               |                                          |
+| renderArrowLeft        | Custom left arrow                                            | function<br />() => React.ReactElement<any>                  | Android iOS | YES               |                                          |
+| renderArrowRight       | Custom right arrow                                           | function<br />() => React.ReactElement<any>                  | Android iOS | YES               |                                          |
+| onSwipeDown            | Callback for swipe down                                      | function<br />() => void                                     | Android iOS | YES               |                                          |
+| footerContainerStyle   | custom style props for container that will be holding your footer that you pass | object<br />{someStyle: someValue}                           | Android iOS | YES               |                                          |
+| backgroundColor        | Component background color                                   | string<br />white                                            | Android iOS | YES               |                                          |
+| enableSwipeDown        | Enable swipe down to close image viewer. When swipe down, will trigger onCancel. | boolean                                                      | Android iOS | YES               |                                          |
+| swipeDownThreshold     | Threshold for firing swipe down function                     | number                                                       | Android iOS | YES               |                                          |
+| doubleClickInterval    | Double click interval.                                       | number                                                       | Android iOS | YES               |                                          |
+| pageAnimateTime        | Set the animation time for page flipping.                    | number                                                       | Android iOS | YES               |                                          |
+| enablePreload          | Preload the next image                                       | boolean                                                      | Android iOS | YES               |                                          |
+| useNativeDriver        | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver) | boolean                                                      | Android iOS | YES               |                                          |
+| menus                  | Custom menus, with 2 methods:`cancel` to hide menus and `saveToLocal` to save image to camera | function<br />({cancel,saveToLocal}) => React.ReactElement<any> | Android iOS | YES               |                                          |
+| menuContext            | Custom menu context.                                         | object<br />{someKey: someValue}                             | Android iOS | YES               |                                          |
+
+## 遗留问题
+
+- [ ] 本库 CameraRoll.saveToCameraRoll 还未完全 HarmonyOS 化，暂不支持调起相册 （未解决）[issues#1](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
+- [ ] 本库依赖 react-native-image-zoom ,enableImageZoom属性还未完全 HarmonyOS 化（未解决）[issues#2](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
+- [ ] 本库依赖 react-native-image-zoom ,长按触发框架图片拖拽，应用崩溃（未解决）[issues#3](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ascoders/react-native-image-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
+
diff --git a/en/react-native-inappbrowser.md b/en/react-native-inappbrowser.md
new file mode 100644
index 00000000..c816a7ab
--- /dev/null
+++ b/en/react-native-inappbrowser.md
@@ -0,0 +1,527 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-inappbrowser-reborn</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/proyecto26/react-native-inappbrowser">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/proyecto26/react-native-inappbrowser/blob/develop/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-inappbrowser)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] #处替换为tgz包的路径
+
+#### **npm**
+
+```
+npm install @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
+```
+
+#### **yarn**
+
+```
+yarn add @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!TIP] 使用时 import 的库名不变。
+
+```
+import React, {useState } from 'react';
+import {  StyleSheet, Text, Button ,ScrollView,View,StatusBarStyle,} from 'react-native';
+import {InAppBrowser} from 'react-native-inappbrowser-reborn'
+import {tryDeepLinking,openLink} from './utils'
+
+export default function BrowserDemo() {
+  const [text, setText] = useState('');
+  const [url, setUrl] = useState('https://reactnative.dev/');
+
+  const onOpenLink = async() => {
+    let resut = await openLink(url,{});
+    setText(JSON.stringify(resut))
+  }
+
+  const onTryDeepLinking = async() => {
+    let result = await tryDeepLinking();
+    setText(JSON.stringify(result))
+    return result;
+  }
+
+  const onIsAvailable = async () => {
+    let isAvailable = await InAppBrowser.isAvailable();
+    return isAvailable
+  }
+
+  const close =() => {
+    openLink(url, {});
+    setTimeout(function(){
+      console.info('-----------------')
+      InAppBrowser.close();
+    },10000)
+  }
+
+  const closeAuth =() => {
+    tryDeepLinking();
+    setTimeout(function(){
+      console.info('-----------------')
+      InAppBrowser.closeAuth();
+    },10000)
+  }
+
+  const warmup = () => {
+    InAppBrowser.warmup();
+  }
+
+  const mayLaunchUrl = () => {
+    InAppBrowser.mayLaunchUrl(url,[]);
+  }
+  
+  return (
+    <View style={styles.container}>
+      <View style={styles.titleArea}>
+        <Text style = {styles.title}>BrowserDemo</Text>
+      </View>
+      <View style = {styles.inputArea}>
+        <Text style={styles.baseText}>
+          {text}
+        </Text>
+      </View>
+      <ScrollView style={styles.scrollView}>
+        <View style={ { flexDirection: 'column'}}>
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>onOpenLink</Text>
+             <Button title='运行' color='#841584' onPress={onOpenLink}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>onTryDeepLinking</Text>
+             <Button title='运行' color='#841584' onPress={onTryDeepLinking}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>onIsAvailable</Text>
+             <Button title='运行' color='#841584' onPress={onIsAvailable}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>close</Text>
+             <Button title='运行' color='#841584' onPress={close}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>tryDeepLinking</Text>
+             <Button title='运行' color='#841584' onPress={tryDeepLinking}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>closeAuth</Text>
+             <Button title='运行' color='#841584' onPress={closeAuth}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>warmup</Text>
+             <Button title='运行' color='#841584' onPress={warmup}></Button>
+          </View>
+
+          <View style ={styles.baseArea}>
+             <Text style= {{flex:1}}>mayLaunchUrl</Text>
+             <Button title='运行' color='#841584' onPress={mayLaunchUrl}></Button>
+          </View>
+        </View>
+      </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+    flexDirection: 'column',
+    alignItems: 'center',
+    backgroundColor: '#F1F3F5',
+  }, 
+  baseText: {
+    fontWeight: 'bold',
+    textAlign:'center',
+    fontSize:16
+  },
+
+  titleArea:{
+    width:'90%',
+    height:'8%',
+    alignItems:'center',
+    flexDirection:'row',
+  },
+
+  title: {
+    width:'90%',
+    color:'#000000',
+    textAlign:'left',
+    fontSize: 30,
+  },
+
+  scrollView: {
+    width:'90%',
+    marginHorizontal: 20,
+  },
+
+  inputArea: {
+    width:'90%',
+    height:'10%',
+    borderWidth:2,
+    borderColor:'#000000',
+    marginTop:8,
+    justifyContent:'center',
+    alignItems:'center',
+  },
+  baseArea: {
+    width:'100%',
+    height:60,
+    borderRadius:4,
+    borderColor:'#000000',
+    marginTop:8,
+    backgroundColor:'#FFFFFF',
+    flexDirection: 'row',
+    alignItems:'center',
+    paddingLeft:8,
+    paddingRight:8
+  }
+
+});
+
+import {Alert,Platform,} from 'react-native';
+import {InAppBrowser} from 'react-native-inappbrowser-reborn'
+
+export interface options {
+  dismissButtonStyle?: 'done' | 'close' | 'cancel',
+  preferredBarTintColor?:string,
+  preferredControlTintColor?:string
+}
+
+export const openLink = async (
+url: string,
+statusBarStyle: options,
+animated = true,
+) => {
+    let result  = await InAppBrowser.open(
+        url,
+        {
+          dismissButtonStyle:statusBarStyle.dismissButtonStyle,
+          preferredBarTintColor:statusBarStyle.preferredBarTintColor,
+          preferredControlTintColor:statusBarStyle.preferredControlTintColor
+        }
+    );
+    Alert.alert('Response', JSON.stringify(result));
+    return result;
+}
+
+export const getDeepLink = (path = '') => {
+    const scheme = 'my-demo';
+    const prefix =
+      Platform.OS === 'android' ? `${scheme}://demo/` : `${scheme}://`;
+    return prefix + path;
+};
+
+export const tryDeepLinking = async () => {
+    const loginUrl = 'https://proyecto26.github.io/react-native-inappbrowser/';
+    const redirectUrl = getDeepLink();
+    const url = `${loginUrl}?redirect_url=${encodeURIComponent(redirectUrl)}`;
+    try {
+      if (await InAppBrowser.isAvailable()) {
+        const result = await InAppBrowser.openAuth(url, redirectUrl, {
+          // iOS Properties
+          ephemeralWebSession: false,
+        });
+        //await sleep(800);
+        return result
+      } else {
+        return 'InAppBrowser is not supported :/'
+      }
+    } catch (error) {
+      console.error(error);
+    }
+    return 'Something’s wrong with the app'
+};
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+
+```
+在工程根目录的 oh-package.json 添加 overrides字段
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 配置Entry
+
+**1.在 entry/src/main/ets/entryability 下创建 BrowserManagerAbility.ets**
+
+```
+import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
+import { hilog } from '@kit.PerformanceAnalysisKit';
+import { window } from '@kit.ArkUI';
+
+export default class BrowserManagerAbility extends UIAbility {
+
+  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
+  }
+
+  onDestroy(): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
+  }
+
+  onWindowStageCreate(windowStage: window.WindowStage): void {
+    // Main window is created, set main page for this ability
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
+
+    windowStage.loadContent('pages/BrowserManagerPage', (err) => {
+      if (err.code) {
+        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
+        return;
+      }
+      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.');
+    });
+  }
+
+  onWindowStageDestroy(): void {
+    // Main window is destroyed, release UI related resources
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
+  }
+
+  onForeground(): void {
+    // Ability has brought to foreground
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');
+  }
+
+  onBackground(): void {
+    // Ability has back to background
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
+  }
+}
+
+```
+
+**2.在 entry/src/main/module.json5注册BrowserManagerAbility**
+
+```
+"ablilities":[{
+    "name": "BrowserManagerAbility",
+    "srcEntrance": "./ets/entryability/BrowserManagerAbility.ets",
+    "description": "$string:EntryAbility_desc",
+    "icon": "$media:icon",
+    "startWindowIcon": "$media:startIcon",
+    "startWindowBackground": "$color:start_window_background",
+    "visible": true,
+  }
+...
+]
+```
+
+**3.在 entry/src/main/ets/pages 下创建 BrowserManagerPage.ets**
+
+```
+import { BrowserPage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/Index'
+
+@Entry
+@Component
+struct ChromeTabsManagerPage {
+  build() {
+    Row(){
+      Column(){
+        BrowserPage();
+      }
+      .width('100%')
+    }
+    .height('100%')
+  }
+
+}
+```
+
+**4.在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+
+```
+{
+ "src": [
+  "pages/Index",
+  "pages/BrowserManagerPage"
+ ]
+}
+```
+
+**5.如果需要预热应用内浏览器客户端，使其启动速度显著加快，可以将以下内容添加到BrowserManagerAbility**
+
+```
+import { RNInAppBrowserModule } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts';
+
+export default class BrowserManagerAbility extends UIAbility {
+
+  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
+    RNInAppBrowserModule.start();
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入。
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-inappbrowser-reborn": "file:../../node_modules/@react-native-oh-tpl/react-native-inappbrowser-reborn/harmony/inappbrowser.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNInAppBrowserPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNInAppBrowserPackage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNInAppBrowserPackage(ctx),
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases)
+
+## API
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| open  | Opens the url with Safari in a modal on iOS using SFSafariViewController, and Chrome in a new custom tab on Android. On iOS, the modal Safari will not share cookies with the system Safari.                      | function | no       | iOS/Android | yes               |
+| close       | Dismisses the system's presented web browser. | function | no       | iOS/Android | yes               |
+| openAuth |Opens the url with Safari in a modal on iOS using SFAuthenticationSession/ASWebAuthenticationSession, and Chrome in a new custom tab on Android. On iOS, the user will be asked whether to allow the app to authenticate using the given url (OAuth flow with deep linking redirection).                                       | function | no       | iOS/Android | yes               |
+| closeAuth | Dismisses the current authentication session.                                  | function | no       | iOS/Android | yes               |
+| isAvailable  | Detect if the device supports this plugin.                                           | function | no       | iOS/Android | yes               |
+| onStart  | Initialize a bound background service so the application can communicate its intention to the browser. After the service is connected, the client can be used to Warms up the browser to make navigation faster and indicates that a given URL may be loaded in the future. - Android Only.                                           | function | no       | Android | yes               |
+| warmup  | Warm up the browser process - Android Only.                                           | function | no       | Android | yes               |
+| mayLaunchUrl  | Tells the browser of a likely future navigation to a URL. The most likely URL has to be specified first. Optionally, a list of other likely URLs can be provided. They are treated as less likely than the first one, and have to be sorted in decreasing priority order. These additional URLs may be ignored. All previous calls to this method will be deprioritized - Android Only.                                          | function | no       | Android | yes               |
+
+## 属性
+**iOS Options**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| dismissButtonStyle  | The style of the dismiss button. [done/close/cancel]         | String  | NO | iOS      | yes |
+| preferredBarTintColor  | The color to tint the background of the navigation bar and the toolbar. [white/#FFFFFF]         | String  | NO | iOS      | yes |
+| preferredControlTintColor  | The color to tint the control buttons on the navigation bar and the toolbar. [gray/#808080]         | String  | NO | iOS      | yes |
+| readerMode   | A value that specifies whether Safari should enter Reader mode, if it is available. [true/false]         | Boolean  | NO | iOS      | NO |
+| animated    | Animate the presentation. [true/false]        | Boolean  | NO | iOS      | NO |
+| modalPresentationStyle     | The presentation style for modally presented view controllers. [automatic/none/fullScreen/pageSheet/formSheet/currentContext/custom/overFullScreen/overCurrentContext/popover]        | String  | NO | iOS      | NO |
+| modalTransitionStyle      | The transition style to use when presenting the view controller. [coverVertical/flipHorizontal/crossDissolve/partialCurl]        | String  | NO | IOS      | NO |
+| modalEnabled       | Present the SafariViewController modally or as push instead. [true/false]       | Boolean  | NO | iOS      | NO |
+| enableBarCollapsing        | Determines whether the browser's tool bars will collapse or not. [true/false]       | Boolean  | NO | iOS      | NO |
+| ephemeralWebSession         | Prevent re-use cookies of previous session (openAuth only) [true/false]       | Boolean  | NO | iOS      | NO |
+| formSheetPreferredContentSize          | Custom size for iPad formSheet modals [{width: 400, height: 500}]       | Boolean  | NO | iOS      | NO |
+
+**Android  Options**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| showTitle   | Sets whether the title should be shown in the custom tab. [true/false]         | Boolean  | NO | Android      | NO |
+| toolbarColor    | Sets the toolbar color. [gray/#808080]         | String  | NO | Android      | NO |
+| secondaryToolbarColor     | Sets the color of the secondary toolbar. [white/#FFFFFF]         | String  | NO | Android      | NO |
+| navigationBarColor      | Sets the navigation bar color. [gray/#808080]         | String  | NO | Android      | NO |
+| navigationBarDividerColor       | Sets the navigation bar divider color. [white/#FFFFFF]         | String  | NO | Android      | NO |
+| enableUrlBarHiding        | Enables the url bar to hide as the user scrolls down on the page. [true/false]         | String  | NO | Android      | NO |
+| enableDefaultShare         | Adds a default share item to the menu. [true/false]         | String  | NO | Android      | NO |
+| animations          | Sets the start and exit animations. [{ startEnter, startExit, endEnter, endExit }]         | Object  | NO | Android      | NO |
+| headers           | The data are key/value pairs, they will be sent in the HTTP request headers for the provided url. [{ 'Authorization': 'Bearer ...' }]         | Object  | NO | Android      | NO |
+| forceCloseOnRedirection            | Open Custom Tab in a new task to avoid issues redirecting back to app scheme. [true/false]         | Boolean  | NO | Android      | NO |
+| hasBackButton             | Sets a back arrow instead of the default X icon to close the custom tab. [true/false]         | Boolean  | NO | Android      | NO |
+| browserPackage              | Package name of a browser to be used to handle Custom Tabs.         | Boolean  | NO | Android      | NO |
+| showInRecents               | Determining whether browsed website should be shown as separate entry in Android recents/multitasking view. [true/false]         | Boolean  | NO | Android      | NO |
+| includeReferrer           | Determining whether to include your package name as referrer for the website to track. [true/false]       | Boolean  | NO | Android      | NO |
+
+
+## 遗留问题
+
+- [ ] 打开浏览器时，不能指定浏览器设置阅读模式 [#1](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/1)
+- [ ] 打开浏览器，无法使文稿动起来 [#2](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/2)
+- [ ] 无法设置浏览器的视图控制器的风格 [#3](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/3)
+- [ ] 无法设置浏览器的过度风格 [#4](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/4)
+- [ ] 无法设置浏览器的推送方式 [#5](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/5)
+- [ ] 浏览器无法设置工具栏进行折叠  [#6](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/6)
+- [ ] 浏览器设置是否重复使用前一次会话的cookie  [#7](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/7)
+- [ ] 浏览器设置模态框的自定义尺寸  [#8](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/8)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/proyecto26/react-native-inappbrowser/blob/develop/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-incall-manager.md b/en/react-native-incall-manager.md
new file mode 100644
index 00000000..c8c83503
--- /dev/null
+++ b/en/react-native-incall-manager.md
@@ -0,0 +1,745 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> 
+    <code>react-native-incall-manager</code> 
+  </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/react-native-webrtc/react-native-incall-manager">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-webrtc/react-native-incall-manager/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-ISC-red.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-incall-manager)
+
+
+## 安装与使用
+
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-incall-manager@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-incall-manager@file:#
+```
+
+<!-- tabs:end -->
+
+**关于音频文件放置**
+> [!WARNING] 由于HarmonyOS暂不支持普通应用获取系统铃声，需要手动导入音频文件.
+将音频文件至HarmonyOS 工程 `harmony`，entry/src/main/resources/rawfile文件夹下，音频文件命名如下：
+incallmanager_busytone.mp3  
+incallmanager_ringback.mp3  
+incallmanager_ringtone.mp3 
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+```js
+
+import { useState, useEffect } from 'react';
+import * as React from 'react';
+import {
+    DeviceEventEmitter,
+    NativeModules,
+    NativeEventEmitter,
+    Platform,
+    SafeAreaView,
+    View,
+    Text,
+    ScrollView,
+    TouchableOpacity,
+    TurboModuleRegistry,
+} from 'react-native';
+import InCallManager from 'react-native-incall-manager';
+const InCallManagerEmitter = new NativeEventEmitter(TurboModuleRegistry.getEnforcing('InCallManagerTurboModule') ? TurboModuleRegistry.getEnforcing('InCallManagerTurboModule') : NativeModules.InCallManager);
+
+
+enum InCallStartType {
+    START = 'start',
+    RINGBACK = 'ringback',
+    BUSYTONE = 'busytone',
+    RINGTONE = 'ringtone',
+}
+
+export default function InCallManagerExample() {
+    const [changeType, setChangeType] = useState<'audio' | 'video' | undefined>(
+        'audio',
+    );
+    const [audioUriJS, setAudioUri] = useState('');
+    const [wiredHeadsetPluggedInObj, setWiredHeadsetPluggedInObj] =
+        useState<Object>();
+    const [audioRoute, setAudioRoute] = useState('');
+    const [proximityEvent, setProximityEvent] = useState<Object>();
+    const [wiredHeadsetEvent, setWiredHeadsetEvent] = useState<Object>();
+    const [noisyAudioEvent, setNoisyAudioEvent] = useState<Object>();
+    const [mediaButtonEvent, setMediaButtonEvent] = useState<Object>();
+    const [onAudioFocusChange, setAudioFocusChangeEvent] = useState<Object>();
+
+    const proximityHandleFuc = (data: any) => {
+        // data: {'isNear': boolean}
+        console.log('Proximity', data);
+        setProximityEvent(data);
+    };
+
+    useEffect(() => {
+        const proximityHandle = InCallManagerEmitter.addListener(
+            'Proximity',
+            proximityHandleFuc,
+        );
+
+        const wiredHeadsetHandle = InCallManagerEmitter.addListener(
+            'WiredHeadset',
+            wiredHeadsetHandleFuc,
+        );
+
+        return () => {
+            proximityHandle.remove();
+            wiredHeadsetHandle.remove();
+        };
+    }, []);
+
+    useEffect(() => {
+        if (Platform.OS === 'android' || Platform.OS === 'harmony') {
+            const noisyAudioHandle = InCallManagerEmitter.addListener(
+                'NoisyAudio',
+                noisyAudioHandleFuc,
+            );
+
+            const mediaButtonHandle = InCallManagerEmitter.addListener(
+                'MediaButton',
+                mediaButtonHandleFuc,
+            );
+
+            const onAudioFocusChangeHandle = InCallManagerEmitter.addListener(
+                'onAudioFocusChange',
+                onAudioFocusChangeHandleFuc,
+            );
+
+            return () => {
+                noisyAudioHandle.remove();
+                mediaButtonHandle.remove();
+                onAudioFocusChangeHandle.remove();
+            };
+        }
+    }, []);
+
+    function wiredHeadsetHandleFuc(data: any) {
+        // data: {'isPlugged': boolean, 'hasMic': boolean, 'deviceName': string }
+        console.log('WiredHeadset', data);
+        setWiredHeadsetEvent(data);
+    }
+
+    function noisyAudioHandleFuc(data: any) {
+        // data: {}
+        console.log('NoisyAudio', data);
+        setNoisyAudioEvent(data);
+    }
+
+    function mediaButtonHandleFuc(data: any) {
+        // data: {'eventText': string, 'eventCode': number }
+        console.log('MediaButton', data);
+        setMediaButtonEvent(data);
+    }
+
+    function onAudioFocusChangeHandleFuc(data: any) {
+        // data: {'eventText': string, 'eventCode': number }
+        console.log('onAudioFocusChange', data);
+        setAudioFocusChangeEvent(data);
+    }
+
+    const startAudio = (
+        typeStr: string,
+        ringType = '_DEFAULT_',
+        mediaType: 'audio' | 'video' | undefined = 'audio',
+    ) => {
+
+        if (typeStr === InCallStartType.START) {
+            InCallManager.start({ media: mediaType }); // audio/video, default: audio
+        }
+        if (typeStr === InCallStartType.RINGBACK) {
+            InCallManager.start({ media: mediaType, ringback: ringType }); // or _DEFAULT_ or _DTMF_ or _BUNDLE_
+        }
+        if (typeStr === InCallStartType.RINGTONE) {
+            InCallManager.startRingtone(ringType, [0,500,1000,500], 'playback', 1000);
+        }
+    };
+
+    const stopAudio = (typeStr: string, ringType = '_DEFAULT_') => {
+        // --- On Call Hangup:
+        if (typeStr === InCallStartType.START) {
+            InCallManager.stop();
+        }
+        if (typeStr === InCallStartType.RINGBACK) {
+            InCallManager.stopRingback();
+        }
+        if (typeStr === InCallStartType.BUSYTONE) {
+            // busytone is basically for OUTGOING call. and is part of stop()
+            // If the call failed or callee are busing,
+            // you may want to stop the call and play busytone
+            InCallManager.stop({ busytone: ringType }); // or _BUNDLE_ or _DEFAULT_ or _DTMF_
+        }
+        if (typeStr === InCallStartType.RINGTONE) {
+            InCallManager.stopRingtone();
+        }
+        // ... it will also remove event listeners ...
+    };
+
+    const turnScreenOn = () => {
+        InCallManager.turnScreenOn();
+    };
+
+    const turnScreenOff = () => {
+        InCallManager.turnScreenOff();
+    };
+
+    const setKeepScreenOn = (enable: boolean) => {
+        InCallManager.setKeepScreenOn(enable);
+    };
+
+    const getAudioUriJS = async (audioType: string, fileType: string) => {
+        let url = await InCallManager.getAudioUri(audioType, fileType);
+        setAudioUri(url ? url : '');
+    };
+
+    const getIsWiredHeadsetPluggedIn = async (
+        audioType: string,
+        fileType: string,
+    ) => {
+        let isWiredHeadsetPluggedInObj =
+            await InCallManager.getIsWiredHeadsetPluggedIn();
+        setWiredHeadsetPluggedInObj(
+            isWiredHeadsetPluggedInObj ? isWiredHeadsetPluggedInObj : '',
+        );
+    };
+
+    const setFlashOn = async (enable: boolean, brightness: number) => {
+        InCallManager.setFlashOn(enable, brightness);
+    };
+
+    const startProximitySensor = () => {
+        InCallManager.startProximitySensor();
+    };
+
+    const stopProximitySensor = () => {
+        InCallManager.stopProximitySensor();
+    };
+
+
+    return (
+        <SafeAreaView style={{ flex: 1, backgroundColor: '#fff' }}>
+            <View>
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    EVENT:
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    proximityEvent:{JSON.stringify(proximityEvent)}
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    wiredHeadsetEvent:{JSON.stringify(wiredHeadsetEvent)}
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    noisyAudioEvent(iOS不支持):{JSON.stringify(noisyAudioEvent)}
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    mediaButtonEvent(iOS不支持):{JSON.stringify(mediaButtonEvent)}
+                </Text>
+
+                <Text numberOfLines={0} style={{ color: 'blue' }}>
+                    onAudioFocusChange(iOS不支持):{JSON.stringify(onAudioFocusChange)}
+                </Text>
+
+                <TouchableOpacity
+                    style={{ padding: 5 }}
+                    onPress={() => {
+                        stopAudio(InCallStartType.START);
+                        setChangeType(changeType == 'audio' ? 'video' : 'audio');
+                    }}>
+                    <Text style={{ color: 'red' }}>
+                        切换为{changeType == 'audio' ? 'video' : 'audio'}
+                    </Text>
+                </TouchableOpacity>
+            </View>
+
+            <ScrollView style={{ flex: 1 }}>
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.START, '_DEFAULT_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>start{changeType}</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.START);
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGTONE, '_BUNDLE_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        start{changeType}RINGTONE:_BUNDLE_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGTONE, '_DEFAULT_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        start{changeType}RINGTONE:_DEFAULT_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.RINGTONE);
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}RINGTONE</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGBACK, '_BUNDLE_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        start{changeType}RINGBACK:_BUNDLE_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGBACK, '_DEFAULT_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        start{changeType}RINGBACK:_DEFAULT_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startAudio(InCallStartType.RINGBACK, '_DTMF_', changeType);
+                    }}>
+                    <Text style={{ color: '#000' }}>start{changeType}RINGBACK:_DTMF_</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.RINGBACK);
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}RINGBACK</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.BUSYTONE, '_BUNDLE_');
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}BUSYTONE:_BUNDLE_</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.BUSYTONE, '_DEFAULT_');
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        stop{changeType}BUSYTONE:_DEFAULT_
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopAudio(InCallStartType.BUSYTONE, '_DTMF_');
+                    }}>
+                    <Text style={{ color: '#000' }}>stop{changeType}BUSYTONE:_DTMF_</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        turnScreenOn();
+                    }}>
+                    <Text style={{ color: '#000' }}>turnScreenOn(iOS不支持)</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        turnScreenOff();
+                    }}>
+                    <Text style={{ color: '#000' }}>turnScreenOff(iOS不支持)</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        setKeepScreenOn(true);
+                    }}>
+                    <Text style={{ color: '#000' }}>setKeepScreenOn=true</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        setKeepScreenOn(false);
+                    }}>
+                    <Text style={{ color: '#000' }}>setKeepScreenOn=false</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={async () => {
+                        await getAudioUriJS(InCallStartType.RINGTONE, '');
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        getAudioUriJS={InCallStartType.RINGTONE}
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={async () => {
+                        await getAudioUriJS(InCallStartType.BUSYTONE, '');
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        getAudioUriJS={InCallStartType.BUSYTONE}
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={async () => {
+                        await getAudioUriJS(InCallStartType.RINGBACK, '');
+                    }}>
+                    <Text style={{ color: '#000' }}>
+                        getAudioUriJS={InCallStartType.RINGBACK}
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity onPress={() => { }}>
+                    <Text style={{ color: 'green' }}>audioUriJS={audioUriJS}</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={async () => {
+                        await getIsWiredHeadsetPluggedIn('', '');
+                    }}>
+                    <Text style={{ color: '#000' }}>getIsWiredHeadsetPluggedIn</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity onPress={() => { }}>
+                    <Text style={{ color: 'green' }}>
+                        getIsWiredHeadsetPluggedIn=
+                        {JSON.stringify(wiredHeadsetPluggedInObj)}
+                    </Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        setFlashOn(true, 100);
+                    }}>
+                    <Text style={{ color: '#000' }}>setFlashOn=true(Android不支持)</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        setFlashOn(false, 50);
+                    }}>
+                    <Text style={{ color: '#000' }}>setFlashOn=false(Android不支持)</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        startProximitySensor();
+                    }}>
+                    <Text style={{ color: '#000' }}>startProximitySensor</Text>
+                </TouchableOpacity>
+
+                <TouchableOpacity
+                    onPress={() => {
+                        stopProximitySensor();
+                    }}>
+                    <Text style={{ color: '#000' }}>stopProximitySensor</Text>
+                </TouchableOpacity>
+
+            </ScrollView>
+        </SafeAreaView>
+    );
+}
+
+
+```
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-incall-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-incall-manager/harmony/in_call_manager.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNInCallManagerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-incall-manager/src/main/cpp" ./in_call_manager)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_in_call_manager)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNInCallManagerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNInCallManagerPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNInCallManagerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，或者`entry/src/main/ets/rn/RNPackagesFactory.ts`，添加：
+
+```diff
++ import { RNInCallManagerPackage } from '@react-native-oh-tpl/react-native-incall-manager/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNInCallManagerPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)
+
+
+### 应用权限申请
+> [!TIP] "ohos.permission.RUNNING_LOCK"，"ohos.permission.KEEP_BACKGROUND_RUNNING"权限等级为<B>normal</B>,授权方式为<B>system_grant</B>
+> "ohos.permission.MICROPHONE"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
+#### 在 entry 目录下的module.json5中添加权限
+在 `YourProject/entry/src/main/module.json5`补上配置
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+
+  ···
+
+    "requestPermissions": [
++     { "name": "ohos.permission.RUNNING_LOCK" },
++     {
++       "name": "ohos.permission.MICROPHONE",
++       "reason": "$string:Access_micphone",
++       "usedScene": {"when": "inuse"}
++     },
++     { "name": "ohos.permission.KEEP_BACKGROUND_RUNNING"，  
++       "usedScene": {
++          "when": "always"
++        }
++     }
+    ]
+  }
+}
+```
+在 `YourProject/entry/src/main/resources/base/element/string.json`补上配置
+
+#### 在 entry 目录下添加申请权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_micphone",
++      "value": "access micphone"
++    }
+  ]
+}
+```
+
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| vibrate  | set vibrate true / false         | boolean  | no | all      | yes |
+| start  | start incall manager.ringback accept non-empty string or it won't play default: \{media:'audio', auto: true, ringback: ''\}         | (setup?: \{auto?: boolean;media?: "video" \| "audio";ringback?: string;\}) => void | no | all      | yes |
+| stop  | stop incall manager,busytone accept non-empty string or it won't play,default: \{busytone: ''\}         | (setup?: \{ busytone?: string \}) => void  | no | all      | partially |
+| turnScreenOn  | force turn screen on         | () => void  | no | Android      | yes |
+| turnScreenOff  | turn screen off         | () => void  | no | Android      | yes |
+| setKeepScreenOn  | set KeepScreenOn flag = true or false,default: false         | (enable: boolean) => void  | no | all      | yes |
+| setSpeakerphoneOn  | toggle speaker ON/OFF once. but not force,default: false         | (enable: boolean) => void  | no | all      | no |
+| setForceSpeakerphoneOn  | true -> force speaker on,false -> force speaker off,null -> use default behavior according to media type,default: null         | (flag: boolean) => void  | no | all      | no |
+| setMicrophoneMute  | mute/unmute micophone,default: false,p.s. if you use webrtc, you can just use track.enabled = false to mute         | (enable: boolean) => void  | no | Android      | no |
+| getAudioUri  | get audio Uri path. this would be useful when you want to pass Uri into another module.         | (audioType: string, fileType: string) => Promise<string \| null>  | no | all      | yes |
+| startRingtone  | play ringtone.ringtone: 'DEFAULT' or 'BUNDLE',vibrate_pattern: same as RN, but does not support repeat,ios_category: ios only, if you want to use specific audio category,seconds: android only, specify how long do you want to play rather than play once nor repeat. in sec.         | (ringtone: string,vibrate_pattern: number | number\[],ios_category: string,seconds: number) => void  | no | all      | partially |
+| stopRingtone  | stop play ringtone if previous started via         | () => void  | no | all      | yes |
+| startRingback  | play ringback.,ringback: '_DEFAULT_' or '_DTMF_'         | (ringback: string) => void;  | no | all      | partially |
+| stopRingback  | stop play ringback if previous started via start()         | () => void  | no | all      | yes |
+| stopProximitySensor  | stop ProximitySensor          | () => void  | no | all      | yes |
+| startProximitySensor  | start proximitySensor          | () => void  | no | all      | yes |
+| pokeScreen  | poke screen          | (timeout: number) => void  | no | Android      | no |
+| chooseAudioRoute  | choose audio route          | (route: string) => Promise<any>  | no | Android      | no |
+| requestAudioFocus  | request audio focus          | () => Promise<any>  | no | Android      | no |
+| abandonAudioFocus  | abandon audio focus          | () => Promise<any>  | no | Android      | no |
+| setFlashOn  | set flash light on/off          | (enable: boolean, brightness: number) => void  | no | iOS      | yes |
+| getIsWiredHeadsetPluggedIn  | return wired headset plugged in state          | () => Promise<\{ isWiredHeadsetPluggedIn: boolean \}>  | no | all      | yes |
+
+### Event(事件监听)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| Proximity  | proximity sensor detected changes.         | (data: \{'isNear': boolean\}) => void  | no | all      | yes |
+| WiredHeadset  | fire when wired headset plug/unplug         | (data: \{'isPlugged': boolean, 'hasMic': boolean, 'deviceName': string \}) => void  | no | all      | yes |
+| NoisyAudio  | a hint for applications that audio is about to become 'noisy' due to a change in audio outputs.          | () => void  | no | Android      | yes |
+| MediaButton  | when external device controler pressed button         | (data: \{'eventText': string, 'eventCode': number \}) => void  | no | Android      | yes |
+| onAudioFocusChange  | Called on the listener to notify it the audio focus for this listener has been changed.         | (data: \{'eventText': string, 'eventCode': number }) => void  | no | Android      | yes |
+
+
+## 遗留问题
+
+- [ ] 打开关闭麦克风静音setMicrophoneMute，未实现 HarmonyOS化 问题: [issue#1](https://github.com/react-native-oh-library/react-native-incall-manager/issues/1)
+- [ ] 播放获取系统铃声，未实现 HarmonyOS化  问题: [issue#2](https://github.com/react-native-oh-library/react-native-incall-manager/issues/2)
+- [ ] 手动切换输出设备扬声器与听筒切换setSpeakerphoneOn、setForceSpeakerphoneOn，未实现 HarmonyOS化  问题: [issue#3](https://github.com/react-native-oh-library/react-native-incall-manager/issues/3)
+- [ ] 手动切换音频输入输出设备chooseAudioRoute，未实现 HarmonyOS化  问题: [issue#4](https://github.com/react-native-oh-library/react-native-incall-manager/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/react-native-webrtc/react-native-incall-manager/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-indicators.md b/en/react-native-indicators.md
new file mode 100644
index 00000000..cd834c6b
--- /dev/null
+++ b/en/react-native-indicators.md
@@ -0,0 +1,267 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-indicators</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/n4kz/react-native-indicators">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/n4kz/react-native-indicators/blob/master/license.txt">
+        <img src="https://img.shields.io/badge/license-BSD-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/n4kz/react-native-indicators)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-indicators@0.17.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-indicators@0.17.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { AppRegistry, StatusBar, View, Platform, Dimensions } from 'react-native';
+import {
+  BallIndicator,
+  BarIndicator,
+  DotIndicator,
+  MaterialIndicator,
+  PacmanIndicator,
+  PulseIndicator,
+  SkypeIndicator,
+  UIActivityIndicator,
+  WaveIndicator,
+} from 'react-native-indicators';
+const { width, height } = Dimensions.get('window');
+
+
+ export class IndicatorsTestExample extends Component {
+    render() {
+      return (
+        <View style={styles.container}>
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <BallIndicator color='white' animationDuration={800} />
+            </View>
+
+            <View style={styles.flex}>
+              <PulseIndicator color='white' />
+            </View>
+
+            <View style={styles.flex}>
+              <SkypeIndicator color='white' />
+            </View>
+          </View>
+
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <WaveIndicator color='white' />
+            </View>
+
+            <View style={styles.flex}>
+              <WaveIndicator color='white' waveMode='outline' />
+            </View>
+
+            <View style={styles.flex}>
+              <WaveIndicator color='white' count={2} waveFactor={0.1} />
+            </View>
+          </View>
+
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <UIActivityIndicator color='white' />
+            </View>
+
+            <View style={styles.flex}>
+              <MaterialIndicator color='white' />
+            </View>
+
+            <View style={styles.flex}>
+              <PacmanIndicator color='white' />
+            </View>
+          </View>
+
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <BarIndicator color='white' count={5} />
+            </View>
+          </View>
+
+          <View style={styles.row}>
+            <View style={styles.flex}>
+              <DotIndicator
+                count={3}
+                color='white'
+                animationDuration={800}
+              />
+            </View>
+
+            <View style={styles.flex}>
+              <DotIndicator
+                style={styles.reverse}
+                count={3}
+                color='white'
+                animationDuration={800}
+              />
+            </View>
+          </View>
+        </View>
+      );
+    }
+  }
+
+
+const styles = {
+  container: {
+  height: height-100,
+    backgroundColor: '#01579B',
+    padding: 20,
+  },
+
+  row: {
+    flex: 1,
+    flexDirection: 'row',
+  },
+
+  reverse: {
+    transform: [{
+      rotate: '180deg',
+    }],
+  },
+
+  flex: {
+    flex: 1,
+  },
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+### Common properties
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| animationEasing  | Animation easing function	   | Function  | NO | ALL      | YES |
+| animationDuration  | 	Animation duration in ms     | Number | NO | ALL      | YES |
+| animating  | 	Animation toggle    | Boolean | NO | ALL      | YES |
+| interaction  | Animation is interaction  | Boolean | NO | ALL      | YES |
+| hidesWhenStopped  | Hide when not animating   | Boolean | NO | ALL      | YES |
+
+### BallIndicator
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+
+### BarIndicator 
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### DotIndicator  
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### MaterialIndicator   
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| trackWidth  | Indicator track width    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### PacmanIndicator    
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### PulseIndicator     
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### SkypeIndicator    
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+| minScale  | Minimum component scale    | Number  | NO | ALL      | YES |
+| maxScale  | Maximum component scale    | Number  | NO | ALL      | YES |
+
+### UIActivityIndicator    
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+
+### WaveIndicator     
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| color  | Component color    | String  | NO | ALL      | YES |
+| count  | Component count    | Number  | NO | ALL      | YES |
+| size  | Base component size    | Number  | NO | ALL      | YES |
+| waveFactor  | Wave base number   | Number  | NO | ALL      | YES |
+| waveMode  | Wave appearance    | String  | NO | ALL      | YES |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The BSD License (BSD)](https://github.com/n4kz/react-native-indicators/blob/master/license.txt) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-input-scroll-view.md b/en/react-native-input-scroll-view.md
new file mode 100644
index 00000000..d75f2767
--- /dev/null
+++ b/en/react-native-input-scroll-view.md
@@ -0,0 +1,120 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-input-scroll-view</code> </h1>
+</p>
+<p align="center">
+    <a href=https://github.com/baijunjie/react-native-input-scroll-view>
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/baijunjie/react-native-input-scroll-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-input-scroll-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-input-scroll-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-input-scroll-view@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { StyleSheet, TextInput, View, TouchableOpacity, Text } from 'react-native';
+import InputScrollView from 'react-native-input-scroll-view';
+
+
+const keyboardOffsetInput = () => {
+    const [text, setText] = useState('');
+    return (
+        <View style={styles.container}>
+            <InputScrollView  keyboardOffset={100}>
+                <View style={styles.placeholder} />
+                <TextInput style={styles.input}
+                    value={text}
+                    multiline
+                    onChangeText={setText}
+                />
+            </InputScrollView>
+        </View>
+    );
+}
+
+
+const styles = StyleSheet.create({
+    container: {
+        backgroundColor: '#EEE',
+    },
+    placeholder: {
+        height: 400,
+        justifyContent: 'center',
+        alignItems: 'center',
+      },
+    input: {
+        margin: 20,
+        paddingVertical: 10,
+        paddingHorizontal: 20,
+        borderColor: 'gray',
+        borderWidth: 1,
+        backgroundColor: '#FFF',
+    },
+});
+
+export default keyboardOffsetInput;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                      | **Description**                                              | Type   | Required | **Default** | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------- | ----------------- |
+| topOffset                 | `InputScrollView` 相对于窗口顶部的偏移量。当屏幕包含 `TopBar` 时，通常设置为 `TopBar` 的高度。如果未明确设置，程序会自动判断，但是可能会引起问题。 [issues#43](https://github.com/baijunjie/react-native-input-scroll-view/issues/43)。 | number | false    | undefined   | iOS/Android | yes               |
+| keyboardOffset            | 当自动调整时，光标相对于键盘顶部的偏移量                     | number | false    | 40          | iOS/Android | yes               |
+| multilineInputStyle       | 如果你的多行输入框有特定的样式，那么为了光标能够精准调整到键盘上方，应该将多行文本的样式也设置在这里，主要包含 `fontSize`、`fontFamily`、`lineHeight` 等会影响到光标位置的样式属性。**注意，不要包含 `width` 和 `height`**。 | Style  | false    | null        | iOS/Android | yes               |
+| useAnimatedScrollView     | 用 `Animated.ScrollView` 组件替换 `ScrollView` 组件。        | bool   | false    | false       | iOS/Android | yes               |
+| supportHardwareKeyboard   | `beta` 如果你的设备不使用软键盘，可以尝试使用此参数解决问题。 [issues#69](https://github.com/baijunjie/react-native-input-scroll-view/issues/69) | bool   | false    | false       | iOS/Android | yes               |
+| keyboardAvoidingViewProps | `KeyboardAvoidingView` 组件的 Props。详细请查阅: https://facebook.github.io/react-native/docs/keyboardavoidingview | props  | false    | null        | iOS/Android | yes               |
+| ...ScrollView.props       | 继承 `ScrollView` 组件的所有属性。详细请查阅: https://facebook.github.io/react-native/docs/scrollview.html | props  | false    |             | iOS/Android | yes               |
+
+#### 
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/baijunjie/react-native-input-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-intersection-observer.md b/en/react-native-intersection-observer.md
new file mode 100644
index 00000000..55908461
--- /dev/null
+++ b/en/react-native-intersection-observer.md
@@ -0,0 +1,133 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-intersection-observer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/zhbhun/react-native-intersection-observer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-intersection-observer/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-library/react-native-intersection-observer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-library/react-native-intersection-observer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useRef } from "react";
+import { Text } from "react-native";
+import {
+  IOScrollView,
+  IOScrollViewController,
+  InView,
+} from "react-native-intersection-observer";
+
+function App() {
+  const scrollViewRef = useRef<IOScrollViewController>(null);
+  return (
+    <IOScrollView ref={scrollViewRef}>
+      <Text
+        onPress={() => {
+          scrollViewRef.current?.scrollToEnd();
+        }}
+      >
+        Scroll to bottom
+      </Text>
+      <InView onChange={(inView: boolean) => console.log("Inview:", inView)}>
+        <Text>
+          Plain children are always rendered. Use onChange to monitor state.
+        </Text>
+      </InView>
+    </IOScrollView>
+  );
+}
+
+export default App;
+```
+
+## 约束与限制
+
+#### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请查看[react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer/blob/master/README.md)
+
+#### **IOScrollView** **组件**
+
+Props: Inherits [ScrollView Props](https://reactnative.dev/docs/scrollview#props)
+
+| Name       | Description   | Type                                                         | Required | HarmonyOS Support |
+| ---------- | ------------- | ------------------------------------------------------------ | -------- | ----------------- |
+| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | false    | yes               |
+
+Methods: Inherits [ScrollView Methods](https://reactnative.dev/docs/scrollview#methods)
+
+#### **IOFlatList** **组件**
+
+Props: Inherits [FlatList Props](https://reactnative.dev/docs/flatlist#props)
+
+| Name       | Description   | Type                                                         | Required | HarmonyOS Support |
+| ---------- | ------------- | ------------------------------------------------------------ | -------- | ----------------- |
+| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | false    | yes               |
+
+Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#methods)
+
+#### **InView** **组件**
+
+| Name        | Description                                                  | Type                        | Required | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------------- |
+| as          | `Render the wrapping element as this element. Defaults to `View`.` | `ComponentType`             | false    | yes               |
+| children    | Children expects a plain child, to have the `<InView />` deal with the wrapping element. | ReactNode                   | true     | yes               |
+| triggerOnce | Only trigger this method once.                               | boolean                     | false    | yes               |
+| onChange    | Call this function whenever the in view state changes. It will receive the `inView` boolean, alongside the current `IntersectionObserverEntry`. | `(inView: boolean) => void` | false    | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-iphone-screen-helper.md b/en/react-native-iphone-screen-helper.md
new file mode 100644
index 00000000..53588d39
--- /dev/null
+++ b/en/react-native-iphone-screen-helper.md
@@ -0,0 +1,102 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-iphone-screen-helper</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/chlee1001/react-native-iphone-screen-helper">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/chlee1001/react-native-iphone-screen-helper/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-iphone-screen-helper)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-iphone-screen-helper@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-iphone-screen-helper@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import { getStatusBarHeight } from 'react-native-iphone-screen-helper'
+import { View } from 'react-native';
+
+const ScreenHelperDemo: React.FC = (): JSX.Element => {
+    const [currentHeight, setCurrentHeight] = useState<number>(0)
+
+    useEffect(() => {
+        const barHeight = getStatusBarHeight()
+        setCurrentHeight(barHeight)
+    }, [])
+
+    return (
+        <>
+            <View style={{ height: currentHeight, borderBottomWidth: 1 }} />
+        </>
+    )
+}
+
+export default ScreenHelperDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| :---  | :---------- | ---- | -------- | ---- | ------------ |
+| isIphoneX         | **returns** - `true` if you're running on an iPhone X or a newer model with a notch or dynamic island. | boolean | No       | All      | Yes               |
+| isDynamicIsland | **returns** - `true` if you're running on an iPhone X or dynamic island. | boolean | No       | All      | Yes               |
+| ifIphoneX | This method is for creating stylesheets with the iPhone X and later models, including those with dynamic islands, in mind. | stylesheets | No       | All      | Yes               |
+| getStatusBarHeight | **returns** - the height of the status bar | number | No | All | Yes |
+| getBottomSpace | **returns** - the height of the bottom to fit the safe area: `34` for iPhone X and newer models with a notch or dynamic island, and `0` for other devices. | number | No | All | Yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/chlee1001/react-native-iphone-screen-helper/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-json-tree.md b/en/react-native-json-tree.md
new file mode 100644
index 00000000..bac33fda
--- /dev/null
+++ b/en/react-native-json-tree.md
@@ -0,0 +1,272 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-json-tree</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Dean177/react-native-json-tree">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/Dean177/react-native-json-tree)
+
+## 安装与使用
+
+#### **npm**
+
+```bash
+npm install react-native-json-tree@^1.3.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-json-tree@^1.3.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, ScrollView, Text } from 'react-native';
+import JSONTree from 'react-native-json-tree';
+
+export default () => {
+
+  const data = {
+    name: 'John Doe',
+    age: 30,
+    address: {
+      city: 'New York',
+      country: 'USA',
+    },
+    hobbies: ['reading', 'gaming', 'hiking']
+  };
+
+  const data1 = {
+    name: "Charlie",
+    age: 22,
+  };
+
+  const data2 = {
+    name: "Bob",
+    age: 35,
+    info: {
+      height: 180,
+      weight: 120
+    },
+    address: {
+      street: "123 Elm St",
+      city: "Springfield",
+    },
+  };
+
+  const theme = {
+    scheme: 'monokai',
+    author: 'wimer hazenberg (http://www.monokai.nl)',
+    base00: '#272822',
+    base01: '#383830',
+    base02: '#49483e',
+    base03: '#75715e',
+    base04: '#a59f85',
+    base05: '#f8f8f2',
+    base06: '#f5f4f1',
+    base07: '#f9f8f5',
+    base08: '#f92672',
+    base09: '#fd971f',
+    base0A: '#f4bf75',
+    base0B: '#a6e22e',
+    base0C: '#a1efe4',
+    base0D: '#66d9ef',
+    base0E: '#ae81ff',
+    base0F: '#cc6633'
+  };
+
+  const shouldExpandNode = (key: any) => {
+    const shouldExpandNodeKey = key.some((item: any) => {
+      return item === 'address';
+    })
+    return shouldExpandNodeKey;
+  };
+
+  const data3 = {
+    name: "Fiona",
+    age: 29,
+  };
+
+  const data4 = {
+    name: "Wx",
+    task: {
+      weekday: 'ro to work',
+      weekend: 'play'
+    },
+    beliked: 'xiao mei',
+    age: 18,
+  };
+
+  const data5 = {
+    user: {
+      name: 'Alice',
+      age: 25,
+      address: {
+        street: '123 Main St',
+        city: 'Somewhere',
+        country: 'Wonderland'
+      }
+    }
+  };
+
+  const data6 = {
+    users: Array.from({ length: 100 }, (_, i) => ({ id: i, name: `User ${i}` })),
+  };
+
+  const data7 = {
+    date: new Date(),
+    number: 123456.789,
+    name: 'moon'
+  };
+
+  // 格式化日期
+  const formatDate = (date: any) => {
+    if (!(date instanceof Date)) return '';
+    const year = date.getFullYear();
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+  };
+
+  // 根据数据类型格式化, 展示经过处理的数据
+  const postprocessValue = (value: any) => {
+    if (value instanceof Date) {
+      return formatDate(value);
+    }
+    if (typeof value === 'number') {
+      return value.toFixed(2);
+    }
+    return value;
+  };
+
+  const data8 = {
+    name: "John Doe",
+    age: 30,
+    job: "Developer",
+    salary: 100000
+  };
+
+  const isCustomNode = (value: any) => {
+    // 如果节点值是数字，则使用自定义渲染
+    return typeof value === 'number';
+  };
+
+  return (
+    <ScrollView style={{ height: '100%', marginBottom: 20, backgroundColor: 'pink' }}>
+      <View style={{ marginBottom: 20 }}>
+        <Text>要展示的 JSON 数据对象</Text>
+        <JSONTree data={data} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>定制树状视图的主题样式</Text>
+        <JSONTree data={data1} theme={theme} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>控制节点是否展开的函数</Text>
+        <JSONTree data={data2} shouldExpandNode={shouldExpandNode} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>是否隐藏树的根节点</Text>
+        <JSONTree data={data2} hideRoot={true} />
+        <JSONTree data={data2} hideRoot={false} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>是否反转主题颜色</Text>
+        <JSONTree data={data2} theme={theme} invertTheme={true} />
+        <JSONTree data={data2} theme={theme} invertTheme={false} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>自定义节点的显示文本</Text>
+        <JSONTree data={data3} getItemString={(type, data, itemType, itemString) => { return <Text>{itemType}&&{itemString}           </Text> }} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>自定义节点标签的渲染函数</Text>
+        <JSONTree data={data3} labelRenderer={(raw: any) => <Text style={{ fontWeight: 'bold' }}>{raw}</Text>} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>自定义节点值的渲染函数</Text>
+        <JSONTree data={data3} valueRenderer={(raw: any) => <Text style={{ fontStyle: 'italic' }}>{raw}</Text>} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>对 JSON 对象的键进行排序</Text>
+        <JSONTree data={data4} sortObjectKeys={(a: any, b: any) => { return a.localeCompare(b); }} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>用于在 JSON 树中标识和定制特定路径的数据节点</Text>
+        <JSONTree data={data5} keyPath={['information']} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>用于控制在 JSON 树中显示的集合的元素最大数量</Text>
+        <JSONTree data={data6} collectionLimit={5} />
+      </View>
+      <View style={{ marginBottom: 20 }}>
+        <Text>用于在值渲染之前对其进行自定义处理</Text>
+        <JSONTree data={data7} postprocessValue={postprocessValue} />
+      </View>
+      <View>
+        <Text>指定哪些节点应使用自定义渲染的属性</Text>
+        <JSONTree data={data8} theme={theme} isCustomNode={isCustomNode} />
+      </View>
+    </ScrollView>
+  );
+};
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.36;
+
+## 属性
+
+详细请查看 [react-native-json-tree 的文档介绍](https://github.com/Dean177/react-native-json-tree)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                                  | Type         | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------ | ------------ | -------- | -------- | ----------------- |
+| `data`             | `JSON data object to be displayed`.                          | `Object`     | Yes      | All      | Yes               |
+| `theme`            | `Theme style of the tree view.`                              | `Object`     | No       | All      | Yes               |
+| `shouldExpandNode` | `Function that controls whether a node is expanded`.         | `() => bool` | No       | All      | Yes               |
+| `hideRoot`         | `Whether to hide the root node of the tree`.                 | `bool`       | No       | All      | Yes               |
+| `invertTheme`      | `Indicates whether to reverse the theme color.`              | `bool`       | No       | All      | Yes               |
+| `getItemString`    | `Customize the display of arrays, objects, and iterable nodes.` | `()=>void`   | No       | All      | Yes               |
+| `labelRenderer`    | `Rendering function for custom node labels`.                 | `()=>void`   | No       | All      | Yes               |
+| `valueRenderer`    | `Rendering function for custom node values`.                 | `()=>void`   | No       | All      | Yes               |
+| `sortObjectKeys`   | `Sort the keys of JSON objects`.                             | `()=>void`   | No       | All      | Yes               |
+| `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`. | `['']`       | No       | All      | Yes               |
+| `collectionLimit`  | `Use to control the maximum number of elements of a collection displayed in a JSON tree`. | `number`     | No       | All      | Yes               |
+| `postprocessValue` | `For customizing values before they are rendered`.           | `()=>void`   | No       | All      | Yes               |
+| `isCustomNode`     | `Specify which nodes should use custom rendered properties.` | `()=>bool`   | No       | All      | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/en/react-native-keep-awake.md b/en/react-native-keep-awake.md
new file mode 100644
index 00000000..8dbdd99d
--- /dev/null
+++ b/en/react-native-keep-awake.md
@@ -0,0 +1,241 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-keep-awake</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/corbt/react-native-keep-awake">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/corbt/react-native-keep-awake/blob/master/LICENCE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keep-awake)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-keep-awake@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-keep-awake@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import {
+  Text,
+  Button,
+} from 'react-native';
+
+import KeepAwake , { activateKeepAwake,deactivateKeepAwake,useKeepAwake} from 'react-native-keep-awake'
+
+export function KeepAwakeExample() {
+    useKeepAwake();
+
+    const handleClick = (buttonId: number) => {
+        switch (buttonId) {
+            case 1:
+                deactivateKeepAwake();
+                break;
+            case 2:
+                activateKeepAwake();
+                break;
+            case 3:
+                deactivateKeepAwake();
+                break;
+            case 4:
+                KeepAwake.activate();
+                break;
+            case 5:
+                KeepAwake.deactivate();
+                break;
+            default:
+                break;
+        }
+    };
+
+    return (
+        <>
+          <Text style={{color:"blue"}}>Button 1:hook默认方法开启(常亮),----useKeepAwake(),点击按键1关闭常亮</Text>
+          <Button title='Button 1' onPress={() => handleClick(1)} ></Button>
+
+          <Text style={{color:"blue"}}>Button 2:functions方法开启----activateKeepAwake()</Text>
+          <Button title='Button 2' onPress={() => handleClick(2)}></Button>
+
+          <Text style={{color:"blue"}}>Button 3:function方法关闭----deactivateKeepAwake()</Text>
+          <Button title='Button 3' onPress={() => handleClick(3)}></Button>
+
+          <Text style={{color:"blue"}}>Button 4:老接口方法----KeepAwake.activate()</Text>
+          <Button title='Button 4' onPress={() => handleClick(4)}></Button>
+
+          <Text style={{color:"blue"}}>Button 5:老接口方法----KeepAwake.deactivate()</Text>
+          <Button title='Button 5' onPress={() => handleClick(5)}></Button>
+        </>
+      );
+
+}
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-keep-awake": "file:../../node_modules/@react-native-oh-tpl/react-native-keep-awake/harmony/keep_awake.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-keep-awake": "file:../../node_modules/@react-native-oh-tpl/react-native-keep-awake/harmony/keep_awake"
+  }
+```
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 3.在 ArkTs 侧引入 RNKeepAwakePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNKeepAwakePackage } from "@react-native-oh-tpl/react-native-keep-awake/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNKeepAwakePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases)
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+
+## 使用方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] 功能函数形式使用下，新老接口均可使用。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description             | Required | Platform | HarmonyOS Support |
+| ---------------------- |-------------------------| -------- | -------- | ----------------- |
+| `<KeepAwake/>`         | 组件形式使用，开启当前屏幕常亮模式   | No     | All      | yes           |
+| KeepAwake.activate()   | 功能函数形式使用，开启当前屏幕常亮模式(老接口) | No       | All      | yes               |
+| KeepAwake.deactivate() | 功能函数形式使用，开启当前屏幕常亮模式(老接口) | No       | All      | yes               |
+| useKeepAwake()         | hooks形式使用               | No       | All      | yes               |
+| activateKeepAwake()    | 功能函数形式使用，开启当前屏幕常亮模式(新接口) | No       | All      | yes               |
+| deactivateKeepAwake()  | 功能函数形式使用，关闭当前屏幕常亮模式(新接口) | No       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/corbt/react-native-keep-awake/blob/master/LICENCE) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-keyboard-accessory.md b/en/react-native-keyboard-accessory.md
new file mode 100644
index 00000000..9402236d
--- /dev/null
+++ b/en/react-native-keyboard-accessory.md
@@ -0,0 +1,209 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-keyboard-accessory</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ardaogulcan/react-native-keyboard-accessory/tree/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ardaogulcan/react-native-keyboard-accessory/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-accessory)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径。
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-keyboard-accessory@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-keyboard-accessory@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from "react";
+import { StyleSheet, View, TextInput, Button, ScrollView } from "react-native";
+import { KeyboardAccessoryView } from "react-native-keyboard-accessory";
+
+class ViewExample extends Component {
+  state = {
+    text: '',
+  };
+  render() {
+	const { text } = this.state;
+    return (
+      <View style={styles.container}>
+        <ScrollView>
+        	<TextInput
+                placeholder="Write your message"
+                underlineColorAndroid="transparent"
+                style={styles.input}/>
+        </ScrollView>
+        <KeyboardAccessoryView alwaysVisible={true} androidAdjustResize>
+          {({ isKeyboardVisible }) => (
+            <View style={styles.textInputView}>
+              <TextInput
+                placeholder="Write your message"
+                underlineColorAndroid="transparent"
+                style={styles.textInput}
+				value={text}
+				onChangeText={text => this.setState({ text })}
+                multiline={true}
+              />
+              {isKeyboardVisible && (
+                <Button
+                  style={styles.textInputButton}
+                  title="Send"
+                  onPress={() => {}}
+                />
+              )}
+            </View>
+          )}
+        </KeyboardAccessoryView>
+      </View>
+    );
+  }
+}
+
+ViewExample.navigationOptions = {
+  title: "View Example",
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  textInputView: {
+    padding: 8,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  textInput: {
+    flexGrow: 1,
+    borderWidth: 1,
+    borderRadius: 10,
+    borderColor: "#CCC",
+    padding: 10,
+    fontSize: 16,
+    marginRight: 10,
+    textAlignVertical: "top",
+  },
+  input: {
+    margin: 20,
+    paddingVertical: 10,
+    paddingHorizontal: 20,
+    borderColor: 'gray',
+    borderWidth: 1,
+    backgroundColor: '#FFF',
+  },
+  textInputButton: {
+    flexShrink: 1,
+  },
+});
+
+export default ViewExample;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### KeyboardAccessoryView属性
+
+用于在键盘上方显示一个自定义的工具栏或附加内容，允许用户在输入内容时操作工具栏中的按钮或其他控件
+
+| Name                  | **Description**                                              | **Type**               | Required | **Default** | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ---------------------- | -------- | ----------- | ----------- | ----------------- |
+| `style`               | Style `object` or `StyleSheet` reference which will be applied to Accessory `View` | `object`               | no       | `null`      | iOS/Android | yes               |
+| `animateOn`           | Enables show/hide animation on given platform. Values: `['ios', 'android', 'all', 'none','harmony']`. | `enum:string`          | no       | `ios`       | iOS/Android | yes               |
+| `animationConfig`     | For passing custom animations to show/hide. If given prop is function, `duration` and `easing` parameters from `Keyboard` event will be passed to the function, function should return `LayoutAnimation` compatible animation config. Or you can directly pass animation config object. | `function` or `object` | no       | `null`      | iOS/Android | yes               |
+| `alwaysVisible`       | When set to `true` Accessory View will be always visible at the bottom of the screen. Good for sticky `TextInput`'s | `boolean`              | no       | `false`     | iOS/Android | yes               |
+| `bumperHeight`        | Bumper height to prevent visual glitches if animation couldn't keep up with the keyboard animation. | `number`               | no       | 15          | iOS/Android | yes               |
+| `visibleOpacity`      | Opacity of the Accessory when it is visible. *Note:* Opacity is used for hiding the accessory to prevent render delays. | `number`               | no       | 1           | iOS/Android | yes               |
+| `heightProperty`      | Control how the component manages its height. The component listens for children changes and automatically adjusts its height, so `height` is usually sufficient. For use with a multiline, autogrowing `TextInput`, `minHeight` is recommended. Values: `['height', 'minHeight']` | `enum:string`          | no       | `height`    | iOS/Android | yes               |
+| `hiddenOpacity`       | Opacity of the Accessory when it is hidden.                  | `number`               | no       | 0           | iOS/Android | yes               |
+| `hideBorder`          | Set true if you want to hide top border of the Accessory     | `boolean`              | no       | false       | iOS/Android | yes               |
+| `inSafeAreaView`      | Set true if you want to adapt SafeAreaView on iPhone X       | `boolean`              | no       | false       | iOS         | no                |
+| `androidAdjustResize` | Set true in ejected apps to adjust resize                    | `boolean`              | no       | false       | Android     | no                |
+| `avoidKeyboard`       | Set true if you want accessory to maintain KeyboardAvoidingView behavior. You shouldn't use any other Keyboard Avoiding library when you set this to `true` | `boolean`              | no       | false       | iOS/Android | yes               |
+
+### KeyboardAccessoryNavigation属性
+
+用于处理键盘导航的组件
+
+| Name                      | **Description**                                              | **Type**      | Required | **Default**                              | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | ------------- | -------- | ---------------------------------------- | ----------- | ----------------- |
+| `doneButtonTitle`         | Title text to show on the right Button of Navigation View    | `string`      | no       | `'Done'`                                 | iOS/Android | yes               |
+| `tintColor`               | Tint color for the arrows and done button                    | `string`      | no       | `'#007AFF'`                              | iOS/Android | yes               |
+| `doneButton`              | Replace default Done Button. Non-Touchable node should be provided. | `node`        | no       | `null`                                   | iOS/Android | yes               |
+| `nextButton`              | Replace default Next Button. Non-Touchable node should be provided. | `node`        | no       | `null`                                   | iOS/Android | yes               |
+| `previousButton`          | Replace default Previous Button. Non-Touchable node should be provided. | `node`        | no       | `null`                                   | iOS/Android | yes               |
+| `doneDisabled`            | Disables Done Button                                         | `boolean`     | no       | false                                    | no          | no                |
+| `nextDisabled`            | Disables Next Button                                         | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `previousDisabled`        | Disables Previous Button                                     | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `doneHidden`              | Hides Done Button                                            | `boolean`     | no       | false                                    | no          | no                |
+| `nextHidden`              | Hides Next Button                                            | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `previousHidden`          | Hides Previous Button                                        | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `accessoryStyle`          | Style object or StyleSheet reference which will be applied to Navigation Accessory `View`. | `object`      | no       | null                                     | iOS/Android | yes               |
+| `doneButtonStyle`         | Style object or StyleSheet reference which will be applied to Done Button `View` | `object`      | no       | null                                     | iOS/Android | yes               |
+| `doneButtonTitleStyle`    | Style object or StyleSheet reference which will be applied to Done Button `Text` | `object`      | no       | null                                     | iOS/Android | yes               |
+| `doneButtonHitslop`       | This defines how far your touch can start away from the doneButton | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
+| `previousButtonStyle`     | Style object or StyleSheet reference which will be applied to Previous Button `View` | `object`      | no       | 0                                        | iOS/Android | yes               |
+| `nextButtonStyle`         | Style object or StyleSheet reference which will be applied to Next Button `View` | `object`      | no       | 0                                        | iOS/Android | yes               |
+| `nextButtonDirection`     | Arrow direction for the Next Button. Values: `['down', 'up', 'right', 'left']`. | `enum:string` | no       | `'down'`                                 | iOS/Android | yes               |
+| `nextButtonHitslop`       | This defines how far your touch can start away from the nextButton | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
+| `previousButtonDirection` | Arrow direction for the Previous Button. Values: `['down', 'up', 'right', 'left']`. | `enum:string` | no       | `'up'`                                   | iOS/Android | yes               |
+| `previousButtonHitslop`   | This defines how far your touch can start away from the previousButton | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
+| `onDone`                  | Triggered on Done Button `press`                             | `function`    | no       | null                                     | iOS/Android | yes               |
+| `onNext`                  | Triggered on Next Button `press`                             | `function`    | no       | null                                     | iOS/Android | yes               |
+| `onPrevious`              | Triggered on Previous Button `press`                         | `function`    | no       | null                                     | iOS/Android | yes               |
+
+### KeyboardAwareTabBarComponent属性
+
+| Name              | **Description**                                              | **Type**           | Required | **Default** | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ------------------ | -------- | ----------- | ----------- | ----------------- |
+| `TabBarComponent` | Provide TabBarComponent to render. Usually from `react-navigation` | `node`, `function` | no       |             | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+- inSafeAreaView 是专为适配ios的刘海和底部横条布局设计的，HarmonyOS没有此类问题，只支持默认设置false。
+
+- androidAdjustResize 是为适配安卓键盘弹出时窗口的布局，HarmonyOS键盘弹出没有该问题，无需设置该属性。
+
+- doneDisabled和doneHidden属性在iOS,Android不生效，HarmonyOS与其表现一致: [issue#99](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/99)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ardaogulcan/react-native-keyboard-accessory/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-keyboard-aware-scroll-view.md b/en/react-native-keyboard-aware-scroll-view.md
new file mode 100644
index 00000000..ede718e5
--- /dev/null
+++ b/en/react-native-keyboard-aware-scroll-view.md
@@ -0,0 +1,145 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-keyboard-aware-scroll-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/APSL/react-native-keyboard-aware-scroll-view">
+        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/APSL/react-native-keyboard-aware-scroll-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState, useRef } from "react";
+import ReactNative, { TextInput, StyleSheet, Button, View, Text } from "react-native";
+import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+
+const Labels = ['Username', 'Password', 'Firstname', 'Lastname', 'Address', 'Phone', 'Email', 'QQ', 'WeChat', 'Webo'];
+
+export const ReactNativeKeyboardAwareScrollView: React.FC = (): JSX.Element => {
+
+    const [resetScrollToCoords, setResetScrollToCoords] = useState({ x: 20, y: 20 });
+    const [enableAutomaticScroll, setEnableAutomaticScroll] = useState(true);
+    const [extraHeight, setExtraHeight] = useState(50);
+    const [extraScrollHeight, setExtraScrollHeight] = useState(60);
+    const [enableResetScrollToCoords, setEnableResetScrollToCoords] = useState(true);
+
+    return <KeyboardAwareScrollView
+        style={styles.scroll}
+       resetScrollToCoords={resetScrollToCoords}
+        enableAutomaticScroll={enableAutomaticScroll}
+        extraHeight={extraHeight}
+        extraScrollHeight={extraScrollHeight}
+        enableResetScrollToCoords={enableResetScrollToCoords}
+    >
+        {
+            Labels.map(item => {
+                return <View key={item}>
+                    <Text>{item}:</Text>
+                    <TextInput style={styles.input} placeholder="请输入" />
+                </View>;
+            })
+        }
+    </KeyboardAwareScrollView>;
+};
+
+const styles = StyleSheet.create({
+    scroll: {
+        backgroundColor: '#f0f0f0'
+    },
+    input: {
+        width: 300,
+        marginLeft: 20,
+        borderWidth: 2,
+        borderColor: "black",
+        height: 40,
+        borderRadius: 10,
+        fontSize: 26,
+        paddingLeft: 6,
+        marginTop: 10,
+        marginBottom: 10,
+    },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [react-native-keyboard-aware-scroll-view 源库地址](https://github.com/APSL/react-native-keyboard-aware-scroll-view)
+
+| Name                      | Description                                                                                    | Type                                                                                                                                                             | Required | Platform | HarmonyOS Support |
+| ------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| viewIsInsideTabBar        | Adds an extra offset that represents the `TabBarIOS` height.                                   | boolean                                                                                                                                                          | NO       | iOS      | YES                |
+| resetScrollToCoords       | Coordinates that will be used to reset the scroll when the keyboard hides.                     | Object: {x: number, y: number}                                                                                                                                   | NO       | All      | YES               |
+| enableAutomaticScroll     | When focus in `TextInput` will scroll the position, default is enabled.                        | boolean                                                                                                                                                          | NO       | All      | YES               |
+| extraHeight               | Adds an extra offset when focusing the `TextInput`s.                                           | number                                                                                                                                                           | NO       | All      | YES               |
+| extraScrollHeight         | Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard. | number                                                                                                                                                           | NO       | All      | YES               |
+| enableResetScrollToCoords | Lets the user enable or disable automatic resetScrollToCoords.                                 | boolean                                                                                                                                                          | NO       | All      | YES               |
+| keyboardOpeningTime       | Sets the delay time before scrolling to new position, default is 250                           | number                                                                                                                                                           | NO       | iOS      | YES                |
+| onKeyboardWillShow          | What to do when the keyboard is about to appear                                                | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
+| onKeyboardDidShow           | What to do when the keyboard appears                                                           | (event?) => void                                                                                                                                                 | NO       | All      | YES               |
+| onKeyboardWillHide          | What to do when the keyboard is about to be hidden                                             | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
+| onKeyboardDidHide           | What to do when hiding the keyboard                                                            | (event?) => void                                                                                                                                                 | NO       | All      | YES               |
+| onKeyboardWillChangeFrame   | When the keyboard status is about to change                                                    | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
+| onKeyboardDidChangeFrame    | When the keyboard status changes                                                               | (event?) => void                                                                                                                                                 | NO       | iOS      | NO                |
+| scrollToPosition          | Scroll to specific position with or without animation.                                         | (x: number, y: number, animated: bool = true) => void                                                                                                            | NO       | All      | YES               |
+| scrollToEnd               | Scroll to end with or without animation.                                                       | (animated?: bool = true) => void                                                                                                                                 | NO       | All      | YES               |
+| scrollIntoView            | Scrolls an element inside a KeyboardAwareScrollView into view.                                 | (element: React.Element<\*>, options: { getScrollPosition: ?(parentLayout, childLayout, contentOffset) => { x: number, y: number, animated: boolean } }) => void | NO       | All      | YES                |
+
+## 遗留问题
+
+- [ ] RN0.72.28版本新架构暂未支持UIManager.viewIsDescendantOf() API，该API功能为：判断组件节点嵌套关系，并在callback中返回boolean类型参数: [issue#12](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/12)
+- [ ] 键盘抬起部分生命周期未HarmonyOS化，功能不受影响 问题:[issue#17](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/17)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/APSL/react-native-keyboard-aware-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-keyboard-controller.md b/en/react-native-keyboard-controller.md
new file mode 100644
index 00000000..b89e5016
--- /dev/null
+++ b/en/react-native-keyboard-controller.md
@@ -0,0 +1,418 @@
+
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-keyboard-controller</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/kirillzyusko/react-native-keyboard-controller">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kirillzyusko/react-native-keyboard-controller/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-controller)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-keyboard-controller@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-keyboard-controller@file:#
+```
+<!-- tabs:end -->
+
+另外本库依赖三方库[react-native-reanimated](https://github.com/react-native-oh-library/react-native-harmony-reanimated)，请按照[react-native-reanimated指导文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md)引入此依赖库。
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { Text, View, TextInput, TouchableOpacity } from 'react-native';
+import { KeyboardAvoidingView, KeyboardProvider } from "react-native-keyboard-controller";
+
+function App() {
+    return (
+        <KeyboardProvider>
+            <KeyboardAvoidingView style={{
+                padding: 22,
+                flex: 1,
+                justifyContent: "space-between",
+            }}>
+                <Text style={{
+                    color: "black",
+                    fontSize: 25,
+                    marginTop: 100,
+                    fontWeight: "500"
+                }}>react-native-keyboard-controller</Text>
+                <View>
+                    <TextInput
+                        placeholder="Username"
+                        placeholderTextColor="#7C7C7C"
+                        style={{
+                            height: 45,
+                            borderColor: "#000000",
+                            borderWidth: 1,
+                            borderRadius: 10,
+                            marginBottom: 36,
+                            paddingLeft: 10,
+                        }}
+                    />
+                    <TextInput
+                        placeholder="Password"
+                        placeholderTextColor="#7C7C7C"
+                        style={{
+                            height: 45,
+                            borderColor: "#000000",
+                            borderWidth: 1,
+                            borderRadius: 10,
+                            marginBottom: 36,
+                            paddingLeft: 10,
+                        }}
+                    />
+                    <TouchableOpacity style={{
+                        marginTop: 40,
+                        height: 45,
+                        borderRadius: 10,
+                        backgroundColor: "rgb(40, 64, 147)",
+                        justifyContent: "center",
+                        alignItems: "center",
+                    }}>
+                        <Text style={{
+                            fontWeight: "500",
+                            fontSize: 16,
+                            color: "white",
+                        }}>Submit</Text>
+                    </TouchableOpacity>
+                </View>
+            </KeyboardAvoidingView>
+        </KeyboardProvider>
+    );
+}
+export default App;
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1. 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+     "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-keyboard-controller": "file:../../node_modules/@react-native-oh-tpl/react-native-keyboard-controller/harmony/keyboard_controller.har"
+}
+
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3. 配置 CMakeLists 和引入 RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-keyboard-controller/src/main/cpp" ./keyboard-controller)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_keyboard_controller)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "keyboardControllerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<KeyboardControllerPackage>(ctx),
+    };
+}
+```
+
+### 4. 在 ArkTs 侧引入 RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {RNKeyboardControllerPackage,RNStatusBarManagerCompatPackage} from  "@react-native-oh-tpl/react-native-keyboard-controller/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNKeyboardControllerPackage(ctx),
++   new RNStatusBarManagerCompatPackage(ctx)
+  ];
+}
+```
+
+### 5. 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Hooks**:键盘控制器相关的钩子函数
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  useKeyboardAnimation  |  获取键盘动画值的钩子函数   | function   | no | iOS,Android      | yes |
+|  useReanimatedKeyboardAnimation  |  获取键盘动画值的钩子函数   | function   | no | iOS,Android      | yes |
+|  useKeyboardHandler  |  设置键盘回调事件的钩子函数   | function   | no | iOS,Android      | yes |
+|  useKeyboardController  |  设置是否启动键盘监听事件的钩子函数   |function   | no | iOS,Android      | yes |
+|  useFocusedInputHandler  | 设置监听输入框回调事件的钩子函数   | function   | no | iOS,Android      |partially |
+|  useReanimatedFocusedInput  | 当前聚焦的输入控件文本变化事件回调的钩子函数  | function  | no | iOS,Android      |no |
+
+
+**KeyboardController**：键盘控制器
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  setInputMode(mode: number): void  | 设置键盘显示默认模式   | function   | no | Android      | no |
+|  setDefaultMode(): void  | 设置键盘显示默认模式   | function   | no | Android      | no |
+|   dismiss(): void | 设置键盘隐藏   | function   | no | iOS,Android      | yes |
+| setFocusTo(direction: string): void | 设置聚焦的方式   | function   | no | iOS,Android      | no |
+| addListener: (eventName: string) => void  | 添加键盘的监听事件   |  function  | no | iOS,Android      | yes |
+|   removeListeners: (count: number) => void | 删除键盘的监听事件   |  function  | no | iOS,Android      | yes |
+
+**StatusBarManagerCompat**：状态栏控制器
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|   setHidden(hidden: boolean): void | 设置状态栏隐藏不可见   | function   | no | Android      | yes |
+|  setColor(color: number, animated: boolean): void  | 设置状态栏背景颜色   | function   | no | Android      | yes |
+|   setTranslucent(translucent: boolean): void | 设置状态栏是否透明   | function   | no | Android      | yes |
+| setStyle(style: string): void | 设置状态栏的内容颜色  | function   | no | Android      | yes |
+
+ **KeyboardEvents**:监听键盘事件   
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  keyboardWillShow  | 键盘将要显示事件    | string   | no | iOS,Android      | no |
+|  keyboardDidShow  | 键盘已经显示事件    | string   | no | iOS,Android      | yes |
+|  keyboardWillHide  | 键盘将要隐藏事件    | string   | no | iOS,Android      | no |
+|  keyboardDidHide  | 键盘已经隐藏事件    | string   | no | iOS,Android      | yes |
+
+ **FocusedInputEvents**:监听聚焦输入框事件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  focusDidSet  | 聚焦输入框事件类型    | string   | no | iOS,Android      | no |
+
+ **WindowDimensionsEvents**:监听窗口布局变化事件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  windowDidResize  | 监听窗口事件    | string   | no | Android      | no |
+
+
+
+
+## 组件
+
+**KeyboardControllerView**：键盘控制器
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  enabled  | 是否开启键盘监听事件    | boolean   | no | iOS,Android      | yes |
+|  statusBarTranslucent  | 状态栏是否透明    | boolean   | no | Android      | no |
+|  navigationBarTranslucent  | 导航栏是否透明    | boolean   | no | Android      | no |
+|  onKeyboardMoveStart?: DirectEventHandler < KeyboardMoveEvent >  | 键盘开始移动的监听事件   | function   | no | iOS,Android       | no |
+|  onKeyboardMove?: DirectEventHandler< KeyboardMoveEvent >  | 键盘移动中的监听事件   | function   | no | iOS,Android      | no |
+|   onKeyboardMoveEnd?: DirectEventHandler< KeyboardMoveEvent > | 键盘移动结束的监听事件   | function   | no | iOS,Android      | yes |
+| onKeyboardMoveInteractive?: DirectEventHandler< KeyboardMoveEvent > | 键盘移动交互的监听事件  | function   | no | iOS,Android      | no |
+| onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent >  | 聚焦输入框位置坐标变化的监听事件   |  function  | no | iOS,Android      | no |
+|   onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent> | 聚焦输入框文本变化的监听事件   |  function  | no | iOS,Android      | yes |
+|   onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | 聚焦输入框文本选择的监听事件   |  function  | no | iOS,Android      | no |
+|  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
+
+
+**KeyboardGestureArea**：手势控制键盘组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  showOnSwipeUp  | 键盘随手势向上滑动显示    | boolean   | no | Android      | no |
+|  enableSwipeToDismiss  | 键盘随手势向下滑动隐藏   | boolean   | no | Android      | no |
+|  interpolator  | 设置键盘随手势滑动的动画模式    | linear / ios/ linear | no | Android      | no |
+
+
+**KeyboardAvoidingView**：键盘控制器的容器组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  behavior  | 指定如何对键盘的存在做出反应   | "height" / "position" / "padding"   | no | iOS,Android      | yes |
+|  contentContainerStyle  | 当`behavior`为position时，内容容器的样式   | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | Android      | yes |
+|  enabled  | 控制这个`KeyboardAvodingView`实例是否应该生效,默认为true  | boolean   | no | Android      | yes |
+|  keyboardVerticalOffset  | 用户屏幕顶部和React Native视图之间的距离,默认为`0`   | number  | no | iOS,Android      | yes |
+|  onLayout  |  在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void   | function/undefined   | no | iOS,Android      | yes |
+|  style  | `KeyboardAvodingView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
+|  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
+
+**KeyboardAwareScrollView**：滚动键盘控制器的容器组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  bottomOffset  | 显示键盘时，键盘与焦点`TextInput`之间的距离。默认值为“0”   | number   | no | iOS,Android      | yes |
+|  enabled  | 控制此`KeyboardAwareScrollView`实例是否应生效。默认值为`true`  | boolean   | no | Android      | yes |
+|  disableScrollOnKeyboardHide  |防止键盘隐藏时`ScrollView`自动滚动，保持当前屏幕位置。默认值为`false`。  | boolean   | no | Android      | yes |
+|  extraKeyboardSpace  | 用户屏幕顶部和React Native视图之间的距离,默认为0   | number  | no | iOS,Android      | yes |
+|  onLayout  |  在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void   | function/undefined   | no | iOS,Android      | yes |
+|  style  | `KeyboardAwareScrollView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
+|  children  |  JSX element 子组件   | JSX.Element  | no | iOS,Android      | yes |
+
+**KeyboardStickyView**：滚动键盘控制器的容器组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  offset  | 为给定的键盘状态指定视图的附加偏移   | {closed?: number;opened?: number;}   | no | iOS,Android      | yes |
+|  style  | `KeyboardStickyView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
+|  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
+
+**KeyboardToolbar**：是显示在键盘上方的组件，带有`Prev`/`Next`和
+*“完成”按钮。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  theme  | 工具栏组件使用的一组深色/浅色主题   | {light: Theme; dark: Theme;}   | no | iOS,Android      | yes |
+|  content  |显示在工具栏中间的元素  | JSX.Element   | no | iOS,Android      | yes |
+|  doneText  |  完成按钮的自定义文本   | React.ReactNode   | no | iOS,Android      | yes |
+|  button  |  工具栏的自定义可触摸组件（用于prev/next/done按钮）   | React.ReactNode   | no | iOS,Android      | yes |
+|  icon  |  用于显示next/prev按钮的自定义图标组件   | React.ReactNode   | no | iOS,Android      | yes |
+|  showArrows  |  是否显示下一个和上一个按钮  | boolean   | no | iOS,Android      | yes |
+|  blur  |  对工具栏应用模糊效果的组件   | JSX.Element    | no | iOS,Android      | yes |
+|  opacity  |  十六进制格式的容器不透明度值（例如`ff`）。默认值为`ff`   | HEX   | no | iOS,Android      | yes |
+| onNextCallback?: () => void | 当用户按下“下一步”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | no |
+|  onPrevCallback?: () => void | 用户按下“上一步”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | no |
+| onDoneCallback?: () => void | 当用户按下“完成”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | yes |
+
+
+## 遗留问题
+
+- [ ]  暂不支持KeyboardControllerView中onKeyboardMoveStart，onKeyboardMove，onKeyboardMoveInteractive和KeyboardEvents中keyboardWillShow、keyboardWillHide键盘事件的回调：[ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
+ - [ ] 暂不支持KeyboardGestureArea组件：[issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
+ - [ ] 暂不支持hook方法useReanimatedFocusedInput，KeyboardController中setFocusTo，KeyboardControllerView中onFocusedInputLayoutChanged、onFocusedInputSelectionChanged，FocusedInputEvents中focusDidSet，KeyboardToolbar中onNextCallback、onPrevCallback关于输入框聚焦的监听方法回调：[issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
+
+
+## 其他
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/kirillzyusko/react-native-keyboard-controller/blob/main/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-keys.md b/en/react-native-keys.md
new file mode 100644
index 00000000..8465074f
--- /dev/null
+++ b/en/react-native-keys.md
@@ -0,0 +1,256 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-keys</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/numandev1/react-native-keys">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/numandev1/react-native-keys/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keys)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-keys@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-keys@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+1. Create a new file keys.development.json in the root of your React Native app and add Envs in secure object for protected envs variables and add Envs in public for public usage this:
+ 
+```json
+{
+  "secure": {
+    "GOOGLE_API": "ABCD",
+    "BRANCH_API": "ABCDEF"
+  },
+  "public": {
+    "APP_NAME": "Keys Example",
+    "BUNDLE_ID": "com.example.rnkeys.dev",
+    "ANDROID_CODE": "50",
+    "PACKAGE_ID": "com.example.rnkeys.dev"
+  }
+}
+
+```
+
+2. Use Public Keys & Secure Keys
+
+``` js
+import Keys from 'react-native-keys';
+
+Keys.API_URL;
+Keys.URI_SCHEME;
+
+Keys.secureFor('API_TOKEN');
+Keys.secureFor('GOOGLE_API_KEY');
+Keys.secureFor('SECRET_KEY');
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-keys": "file:../../node_modules/@react-native-oh-tpl/react-native-keys/harmony/rnoh_keys.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNOHKeysPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-keys/src/main/cpp" ./rnohkeys)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_keys)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RNKeysPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNOHKeysPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNKeysPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNKeysPackage } from '@react-native-oh-tpl/react-native-keys';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNKeysPackage(ctx)
+  ];
+}
+```
+
+### 5.在 DevEco 创建运行前script（生成加解密代码和编译配置文件）
+
+> [!TIP] 如下步骤中添加配置完成时记得点击Apply按钮让配置生效
+
+1. 点击右上角 entry -> Edit Configurations... 打开配置面板
+2. 点击面板左上角 + , 选择Shell Script, 打开新建 script的配置面板, 按如下图片提示进行配置  
+   ![shell script config](../img/rnkeys/RNKeys_Script_Config.PNG)
+3. 配置entry -> Before Lunch，点击加号选择 Run Another Configuration， 选择上一步配置的 Shell Script, 并将配置拖动到Hvigor-Build Make上方  
+   ![entry config](../img/rnkeys/entry_config.PNG)
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)
+
+   
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------|----------------------|----------|----------|-------------|-------------------|
+| Keys attributes | Get public value     | object   | no       | iOS/Android | yes               |
+| Keys.publicKeys | Get all public value | function | no       | iOS/Android | yes               |
+| Keys.secureFor  | Get secret value     | function | no       | iOS/Android | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/numandev1/react-native-keys/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-largelist.md b/en/react-native-largelist.md
new file mode 100644
index 00000000..63478d77
--- /dev/null
+++ b/en/react-native-largelist.md
@@ -0,0 +1,226 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-largelist</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bolan9999/react-native-largelist">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bolan9999/react-native-largelist/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-largelist)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-largelist@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-largelist@file:#
+```
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+// Largelist
+import React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { LargeList } from "react-native-largelist";
+
+export class HeightEqualExample extends React.Component {
+  _sectionCount = 10;
+  _rowCount = 10;
+
+  render() {
+    const data = [];
+    for (let section = 0; section < this._sectionCount; ++section) {
+      const sContent = { items: [] };
+      for (let row = 0; row < this._rowCount; ++row) {
+        sContent.items.push(row);
+      }
+      data.push(sContent);
+    }
+    return (
+      <LargeList
+        style={styles.container}
+        data={data}
+        heightForSection={() => 50}
+        renderSection={this._renderSection}
+        heightForIndexPath={() => 50}
+        renderIndexPath={this._renderIndexPath}
+      />
+    );
+  }
+
+  _renderSection = (section: number) => {
+    return (
+      <View style={styles.section}>
+        <Text>
+          Section {section}
+        </Text>
+      </View>
+    );
+  };
+
+  _renderIndexPath = ({ section: section, row: row }) => {
+    return (
+      <View style={styles.row}>
+        <Text>
+          Section {section} Row {row}
+        </Text>
+        <View style={styles.line} />
+      </View>
+    );
+  };
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  section: {
+    flex: 1,
+    backgroundColor: "gray",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  row: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  line: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: 1,
+    backgroundColor: "#EEE"
+  }
+});
+```
+
+更多示例可以查看[largelistExample](https://github.com/bolan9999/react-native-largelist/tree/master/Examples)
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-spring-scrollview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-spring-scrollview 文档的 Link 章节](/zh-cn/react-native-spring-scrollview.md#link)进行引入
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Largelist:
+| Name                           | Description                                                                                                                                                                                                                           | Type                                                                                                          | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| bounces                        | 滑动超出内容视图后是否可以弹性地继续滑动（iOS & Android，如果为true，水平方向内容视图如果没有超过SpringScrollView则不会有弹性，垂直方向始终具有弹性）                                                                                 | boolean                                                                                                       | no       | Android/iOS | yes               |
+| scrollEnabled                  | 是否可以滚动                                                                                                                                                                                                                          | boolean                                                                                                       | no       | Android/iOS | yes               |
+| initialContentOffset           | 初始化偏移，仅第一次初始化有效，后期更改无效（已支持x方向）                                                                                                                                                                           | {x:number, y:number}                                                                                          | no       | Android/iOS | yes               |
+| showsVerticalScrollIndicator   | 显示垂直滚动指示器                                                                                                                                                                                                                    | boolean                                                                                                       | no       | Android/iOS | no               |
+| showsHorizontalScrollIndicator | 显示水平滚动指示器（内容视图超出LargeList视口才有用）                                                                                                                                                                                 | boolean                                                                                                       | no       | Android/iOS | no               |
+| tapToHideKeyboard              | 点击LargeList是否收起键盘                                                                                                                                                                                                             | boolean                                                                                                       | no       | Android/iOS | yes               |
+| data                           | 列表的数据源                                                                                                                                                                                                                          | { items: any[] }[]                                                                                            | no       | Android/iOS | yes               |
+| heightForSection               | 返回列表每一组组头高度的函数                                                                                                                                                                                                          | (section: number) => number                                                                                   | no       | Android/iOS | yes               |
+| renderSection                  | 每一组组头的render函数                                                                                                                                                                                                                | `(section: number) => React.ReactElement <any>`                                                               | no       | Android/iOS | yes               |
+| heightForIndexPath             | 返回列表每一行高度的函数                                                                                                                                                                                                              | (indexPath: IndexPath) => number                                                                              | no       | Android/iOS | yes               |
+| renderIndexPath                | 每一行的render函数, mediaWrapperParam是用于大图片或视频优化选项。                                                                                                                                                                     | `(indexPath: IndexPath, mediaWrapperParam:Object) => React.ReactElement <any>`                                | no       | Android/iOS | yes               |
+| renderHeader                   | 列表的头部组件函数                                                                                                                                                                                                                    | `()=> React.ReactElement <any>`                                                                               | no       | Android/iOS | yes               |
+| renderFooter                   | 列表的尾部组件函数                                                                                                                                                                                                                    | `()=> React.ReactElement <any>`                                                                               | no       | Android/iOS | yes               |
+| inverted                       | 翻转滚动方向，适配聊天App                                                                                                                                                                                                             | boolean                                                                                                       | no       | Android/iOS | yes               |
+| onRefresh                      | 下拉刷新的回调函数,如果设置了此属性，则会在顶部加一个刷新Header                                                                                                                                                                       | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| refreshHeader                  | 选择下拉刷新的组件，用户如果不希望高度自定义，则可以不设定直接使用NormalHeader,如果需要高度自定义                                                                                                                                     | [RefreshHeader](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/RefreshHeader.js) | no       | Android/iOS | yes               |
+| onLoading                      | 上拉加载的回调函数,如果设置了此属性，则会在底部加一个加载组件                                                                                                                                                                         | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| allLoaded                      | 数据是否加载完成。                                                                                                                                                                                                                    | boolean                                                                                                       | no       | Android/iOS | yes               |
+| loadingFooter                  | 上拉加载组件，用户如果不希望自定义，则可以使用NormalFooter,如果需要高度自定义                                                                                                                                                         | [LoadingFooter](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/LoadingFooter.js) | no       | Android/iOS | yes               |
+| onScroll                       | 监听列表滑动（JavaScript端）                                                                                                                                                                                                          | ({nativeEvent:{contentOffset:{x, y}}})=>any                                                                   | no       | Android/iOS | yes               |
+| onNativeContentOffsetExtract   | 使用原生动画值监听滑动偏移，可以用作插值动画                                                                                                                                                                                          | {x?:Animated.Value, y?:Animated.Value}                                                                        | no       | Android/iOS | yes               |
+| onTouchBegin                   | 手指按下时回调                                                                                                                                                                                                                        | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| onTouchEnd                     | 手指抬起时回调                                                                                                                                                                                                                        | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| onMomentumScrollBegin          | 松手后减速开始的回调                                                                                                                                                                                                                  | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| onMomentumScrollEnd            | 减速结束回调                                                                                                                                                                                                                          | ()=>any                                                                                                       | no       | Android/iOS | yes               |
+| textInputRefs                  | 将TextInput的引用传入，让SpringScrollView自动管理键盘遮挡问题。                                                                                                                                                                       | TextInput[]                                                                                                   | no       | Android/iOS | yes               |
+| dragToHideKeyboard             | 滑动屏幕时是否隐藏键盘                                                                                                                                                                                                                | boolean                                                                                                       | no       | Android/iOS | yes               |
+| inputToolBarHeight             | 不同的系统，不同的三方输入法，键盘的工具栏高度是不确定的，并且官方没有给出获取工具栏高度的办法，这个属性用以给用户小幅调整键盘弹起时，组件偏移的位置                                                                                  | number                                                                                                        | no       | Android/iOS | yes               |
+| groupCount                     | 优化参数，LargeList将各行进行分组（不是Section，这个视独立的组），groupCount表示总共渲染4组，每组至少渲染groupMinHeight高度，值越大预渲染的行数越多，对应的初始化越慢。请注意groupCount * groupMinHeight必须大于LargeList的视口高度。 | number                                                                                                        | no       | Android/iOS | yes               |
+| groupMinHeight                 | 优化参数，每组的高度                                                                                                                                                                                                                  | number                                                                                                        | no       | Android/iOS | yes               |
+| updateTimeInterval             | 更新延时，值越小请求更新的频率越高，但是React Native是异步的，请求更新过多会导致更新不过来；值越大越容易让用户看到新的Item替换旧的Item的现象。                                                                                        | number                                                                                                        | no       | Android/iOS | yes               |
+
+
+### WaterfallList:
+| Name              | Description                                                                                                                                                                                       | Type                                                | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------- | -------- | ----------- | ----------------- |
+| data              | 数据源，数组的个数决定了Item的数量                                                                                                                                                                | any[]                                               | no       | Android/iOS | yes               |
+| heightForItem     | 一个高度函数，用以返回每个Item的高度                                                                                                                                                              | (item:any,index:number)=> number                    | no       | Android/iOS | yes               |
+| renderItem        | 每个Item的render函数                                                                                                                                                                              | `(item:any,index:number)=> React.ReactElement<any>` | no       | Android/iOS | yes               |
+| preferColumnWidth | 每个Item的理想宽度， 它会影响实际列数，实际列数等于WaterfallList除以理想宽度向下取整，实际宽度是组件宽度除以实际列数（目前只支持等宽的Item）.(preferColumnWidth 和 numColumns 至少需要指定一个. ) | number                                              | no       | Android/iOS | yes               |
+| numColumns        | 固定列数. (preferColumnWidth 和 numColumns 至少需要指定一个. )                                                                                                                                    | number                                              | no       | Android/iOS | yes               |
+| renderHeader      | 头部组件函数                                                                                                                                                                                      | `()=> React.ReactElement <any>	`                    | no       | Android/iOS | yes               |
+| renderFooter      | 尾部组件函数                                                                                                                                                                                      | `()=> React.ReactElement <any>	`                    | no       | Android/iOS | yes               |
+
+
+### StickyForm:
+| Name                   | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| ...LargeList           | 支持所有的LargeList属性（含刷新及加载）。                    | -       | no       | Android/iOS | yes               |
+| directionalLockEnabled | 当此属性为true时，它会试着锁定只在水平或垂直一个方向上滚动。 | boolean | no       | Android/iOS | no               |
+| headerStickyEnabled    | 将头部吸在StickForm的顶部，Section跟着吸在头部的下边。       | boolean | no       | Android/iOS | no               |
+
+## 遗留问题
+
+## 其他
+
+react-native-largelist组件：[列表数据显示不完整，列表后有空白](https://github.com/bolan9999/react-native-largelist/issues/489)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-largelist/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-lightbox.md b/en/react-native-lightbox.md
new file mode 100644
index 00000000..9b8135ac
--- /dev/null
+++ b/en/react-native-lightbox.md
@@ -0,0 +1,213 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-lightbox</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/cbbfcd/react-native-lightbox">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/cbbfcd/react-native-lightbox/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/cbbfcd/react-native-lightbox)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-lightbox-v2@0.9.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-lightbox-v2@0.9.0
+```
+
+<!-- tabs:end -->
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React, { useState } from 'react';
+import {
+    Image,
+    ScrollView,
+    StyleSheet,
+    Text,
+    TouchableOpacity,
+    View,
+    SafeAreaView,
+    Alert,
+} from 'react-native';
+
+import Lightbox from 'react-native-lightbox-v2';
+
+
+const BASE_PADDING = 10;
+
+
+export const ReactNativeLightBoxExample = () => {
+    let [info, setInfo] = useState('')
+
+    const callBack = (type: any) => {
+        setInfo(type)
+        Alert.alert(type)
+    }
+
+    let eventObject = {
+        willClose: () => callBack('willClose'),
+        onClose: () => callBack('onClose'),
+        onOpen: () => callBack('onOpen'),
+        didOpen: () => callBack('didOpen'),
+        onLongPress: () => callBack('onLongPress'),
+        onLayout: () => callBack('onLayout'),
+        doubleTapCallback: () => callBack('doubleTapCallback'),
+        longPressCallback: () => callBack('longPressCallback'),
+    }
+
+    return (
+        <View style={styles.container}>
+            <View>
+                <Text>eventCallBack {info}</Text>
+            </View>
+            <View style={styles.text}>
+                <Text>eventCallBack </Text>
+            </View>
+            <Lightbox {...eventObject}>
+                <View style={styles.customHeaderBox}>
+                    <Text>I have eventCallBack</Text>
+                </View>
+            </Lightbox>
+
+            <View style={styles.text}><Text>renderHeader </Text></View>
+            <Lightbox
+                renderHeader={close => (
+                    <TouchableOpacity onPress={close}>
+                        <Text style={styles.closeButton}>Close</Text>
+                    </TouchableOpacity>
+                )}>
+                <View style={styles.customHeaderBox}>
+                    <Text>I have a custom header</Text>
+                </View>
+            </Lightbox>
+            <View style={styles.text}><Text>renderContent </Text></View>
+            <Lightbox
+                renderContent={() =>
+                    <View style={styles.customHeaderBox}>
+                        <Text style={{ color: 'red' }}>renderContent</Text>
+                    </View>}>
+                <View style={styles.customHeaderBox}>
+                    <Text>I have a custom renderContent</Text>
+                </View>
+            </Lightbox>
+        </View>
+    )
+
+}
+const styles = StyleSheet.create({
+    container: {
+        paddingHorizontal: BASE_PADDING,
+        backgroundColor: 'white'
+    },
+    closeButton: {
+        color: 'white',
+        borderWidth: 1,
+        borderColor: 'white',
+        padding: 8,
+        borderRadius: 3,
+        textAlign: 'center',
+        margin: 10,
+        alignSelf: 'flex-end',
+    },
+    customHeaderBox: {
+        height: 150,
+        backgroundColor: '#6C7A89',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+
+    row: {
+        flexDirection: 'row',
+        marginLeft: -BASE_PADDING,
+        marginRight: -BASE_PADDING,
+    },
+    col: {
+        flex: 1,
+    },
+
+    contain: {
+        flex: 1,
+        height: 150,
+    },
+    text: {
+        marginVertical: BASE_PADDING * 2,
+    }
+});
+
+```
+
+
+## 约束与限制
+
+### 兼容性
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+该库为UI组件库，通过配置属性标签，实现对应的功能。
+
+| Name                        | Description        | Type                     |Required           |Platform           | HarmonyOS Support |
+|-----------------------------|------------|---------------------------------|-------------------|-------------------|-------------------|
+| **`activeProps`**           | 可选属性，在lightbox模式下应用于内容组件， 可用于应用自定义样式或更高分辨率的图源。  | `object`                                              |no                 |all               | yes               |
+| **`renderHeader(close)`**   | 自定义header，用于替换默认的 X 按钮| `function`                                                            |  no              |all             | yes               |
+| **`renderContent`**         | 自定义lightbox内容，用于替换默认的子内容| `function`                                                                       |no|all                    | yes               |
+| **`willClose`**             | lightbox关闭前触发 | `function`                                                                 |no|all                                           | yes               |
+| **`onClose`**               | lightbox关闭时触发| `function`                            |no|all                                               | yes               |
+| **`onOpen`**                |lightbox打开时触发| `function`                           |no|all                                                | yes               |
+| **`didOpen`**               | lightbox打开后触发| `function`                                           |no|all                                         | yes               |
+| **`onLongPress`**           | lightbox长按时触发 | `function`                           |no|all                                        | yes               |
+| **`onLayout`**              | lightbox布局完成后触发| `function`                                   |no|all                                   | yes               |
+| **`doubleTapCallback`**     | lightbox双击时触发| `function`                               |no|all                                                 | yes               |
+| **`doubleTapZoomEnabled`**  | 开启双击缩放功能 , 默认为 `true`| `boolean`                         |no|all                       | yes               |
+| **`doubleTapGapTimer`**     | 确定双击的时间间隔，默认为 `500ms` | `number`                                            |no|all     | yes               |
+| **`longPressGapTimer`**     | 确定长按的的时间间隔，默认为 `2000ms`| `number`                                                                                  |no|all          | yes               |
+| **`longPressCallback`**     | 内容长按后触发| `function`                                 |no|all                                    | yes               |
+| **`doubleTapZoomToCenter`** | 双击时缩放到中间| `boolean`                                                                        |no|all                                       | yes               |
+| **`doubleTapMaxZoom`**      | 最大放大系数，默认为 `2`| `number`                                               |no|all                                  | yes               |
+| **`doubleTapZoomStep`**     | 每次双击的缩放比例，默认为 `0.5`| `number`                           |no|all                                          | yes               |
+| **`underlayColor`**         | 可触摸背景的颜色，默认为 `black`| `string`                                                                   |no|all                                 | yes               |
+| **`backgroundColor`**       | lightbox 背景颜色，默认为  `black`| `string`                                                              |no|all                                       | yes               |
+| **`swipeToDismiss`**        | 启用手势以通过向上或向下轻扫来取消全屏模式，默认为 `true`| `bool`                                                 |no|all             | yes               |
+| **`disabled`**              | 禁用lightbox。默认为 `false`| `bool`                                                   |no|all                                                           | yes               |
+| **`style`**                 | lightbox视图包装器的样式| `object`                                 |no|all                                                                     | yes               |
+| **`dragDismissThreshold`**  | 滑动退出的阈值距离，默认为 `150`| `number`                                             |no|all                                                | yes               |
+| **`modalProps`**            | 任何其他你需要的modal属性，默认为 `{}`| `object`                                          |no|all                                                           | yes               |
+| **`useNativeDriver`**       | 是否使用本机驱动程序，默认为 `false`| `bool`                                        |no|all                                                                  | yes               |
+| **`springConfig`**          | [`Animated.spring`](https://facebook.github.io/react-native/docs/animations.html) 配置， 默认为 `{ tension: 30, friction: 7 }`。| `object`       |no|all  | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/cbbfcd/react-native-lightbox/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-linear-gradient-text.md b/en/react-native-linear-gradient-text.md
new file mode 100644
index 00000000..c0dd5c59
--- /dev/null
+++ b/en/react-native-linear-gradient-text.md
@@ -0,0 +1,108 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-linear-gradient-text </code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/HMDarkFir3/react-native-linear-gradient-text">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/HMDarkFir3/react-native-linear-gradient-text/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/HMDarkFir3/react-native-linear-gradient-text)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install react-native-linear-gradient-text@1.2.8
+```
+
+#### yarn
+
+```bash
+yarn add react-native-linear-gradient-text@1.2.8
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { LinearGradientText } from "react-native-linear-gradient-text";
+
+export const App = () => {
+  return (
+    <View style={styles.container}>
+      <LinearGradientText
+        colors={["#E76F00", "#EA374E"]}
+        text="Hello World"
+        start={{ x: 0.5, y: 0 }} // Optional
+        end={{ x: 1, y: 1 }} // Optional
+        textStyle={{ fontSize: 40 }} // Optional
+        textProps={{ allowFontScaling: true }} // Optional
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/masked-view 和 @react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/masked-view 文档的 Link 章节 ](/zh-cn/react-native-masked-view-masked-view.md#link) 和 [@react-native-oh-tpl/react-native-linear-gradient 文档的 Link 章节 ](/zh-cn/react-native-linear-gradient.md#link)进行引入。
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见[react-native-linear-gradient-text ReadMe](https://github.com/HMDarkFir3/react-native-linear-gradient-text/tree/main)
+
+### Props:
+
+| Name      | Description                                                                                                   | **Type**                                                         | Platform | Required | HarmonyOS Support |
+| --------- | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- | -------- | -------- | ----------------- |
+| text      | An string that display text. Example: `text="Hello World"`                                                    | string                                                           | All      | Y        | Yes               |
+| colors    | An array of at least two color values that represent gradient colors. Example: `colors={["black", "white"]}`. | string[]                                                         | All      | Y        | Yes               |
+| start     | An optional prop. He declare the position that the gradient starts. Example `start={{ x: 0.5, y: 0 }}`.       | { x: number, y: number }                                         | All      | N        | Yes               |
+| end       | Same as start, but for the of the gradient.                                                                   | { x: number, y: number }                                         | All      | N        | Yes               |
+| textStyle | A property to change all styles that a text has.                                                              | [TextStyle](https://reactnative.dev/docs/text-style-props)       | All      | N        | Yes               |
+| textProps | A property to apply native props to text.                                                                     | [TextProps](https://reactnative.dev/docs/text-style-props#props) | All      | N        | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/HMDarkFir3/react-native-linear-gradient-text/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-linear-gradient.md b/en/react-native-linear-gradient.md
new file mode 100644
index 00000000..518aea60
--- /dev/null
+++ b/en/react-native-linear-gradient.md
@@ -0,0 +1,248 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-linear-gradient</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-linear-gradient/react-native-linear-gradient">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-linear-gradient)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-linear-gradient@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-linear-gradient@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { ReactNode } from 'react';
+import {
+    SafeAreaView,
+    ScrollView,
+    StatusBar,
+    StyleSheet,
+    Text,
+    View,
+} from 'react-native';
+import LinearGradient from "react-native-linear-gradient";
+
+// Within your render function
+function LinearGradientDemo() {
+    return (
+        <View style={styles.container}>
+            <LinearGradient
+                colors={["#4c669f", "#3b5998", "#192f6a"]}
+                style={styles.linearGradient}
+            >
+            <Text style={styles.buttonText}>Sign in with Facebook</Text>
+            </LinearGradient>;
+        </View>
+    );
+};
+export default LinearGradientDemo;
+// Later on in your styles..
+var styles = StyleSheet.create({
+  linearGradient: {
+    flex: 1,
+    paddingLeft: 15,
+    paddingRight: 15,
+    borderRadius: 5,
+  },
+  buttonText: {
+    fontSize: 18,
+    fontFamily: "Gill Sans",
+    textAlign: "center",
+    margin: 10,
+    color: "#ffffff",
+    backgroundColor: "transparent",
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-linear-gradient": "file:../../node_modules/@react-native-oh-tpl/react-native-linear-gradient/harmony/linear_gradient.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 LinearGradientPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-linear-gradient/src/main/cpp" ./linear-gradient)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_linear_gradient)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "LinearGradientPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<LinearGradientPackage>(ctx)
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+
+本文档内容基于以下版本验证通过：
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.228; ROM: 3.0.0.23;
+
+## 属性
+
+> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        | Description                                              | Type                   | Required | Platform | HarmonyOS Support (ArkTS) | HarmonyOS Support (CAPI) |
+| ----------- | -------------------------------------------------------- | ---------------------- | -------- | -------- |---------------------------|--------------------------|
+| colors      | Color Array                                              | (string\|number)[]     | NO       | All      | yes                       | yes                      |
+| locations   | Color for unknown array (length 0 or the same as colors) | number[]               | NO       | All      | yes                       | yes                      |
+| useAngle    | Use angle (default false)                                | boolean                | NO       | All      | yes                       | yes                      |
+| angle       | Angle (useAngle=true valid)                              | number                 | NO       | All      | yes                       | yes                      |
+| angleCenter | Middle angle coordinate                                  | { x: number,y: number} | NO       | All      | no                        | yes                      |
+| start       | Starting point coordinates (default value: {x: 0.5,1})   | { x: number,y: number} | NO       | All      | partial                   | yes                      |
+| end         | End point coordinates (default value: {x: 0.5,1})        | { x: number,y: number} | NO       | All      | partial                   | yes                      |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-loading-spinner-overlay.md b/en/react-native-loading-spinner-overlay.md
new file mode 100644
index 00000000..4dbf5b0f
--- /dev/null
+++ b/en/react-native-loading-spinner-overlay.md
@@ -0,0 +1,122 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-loading-spinner-overlay</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ladjs/react-native-loading-spinner-overlay">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ladjs/react-native-loading-spinner-overlay/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/ladjs/react-native-loading-spinner-overlay)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-loading-spinner-overlay@3.0.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-loading-spinner-overlay@3.0.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import Spinner from "react-native-loading-spinner-overlay";
+
+type Props = {};
+export default class App extends Component<Props> {
+	state = {
+		spinner: false
+	};
+
+	componentDidMount() {
+		setInterval(() => {
+			this.setState({
+				spinner: !this.state.spinner
+			});
+		}, 3000);
+	}
+
+	render() {
+		return (
+			<View style={styles.container}>
+				<Spinner visible={this.state.spinner} textContent={"Loading..."} textStyle={styles.spinnerTextStyle} />
+			</View>
+		);
+	}
+}
+
+const styles = StyleSheet.create({
+	spinnerTextStyle: {
+		color: "#FFF"
+	},
+	container: {
+		flex: 1,
+		justifyContent: "center",
+		alignItems: "center",
+		backgroundColor: "#F5FCFF"
+	}
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| cancelable | If set to false, it will prevent spinner from hiding when pressing the hardware back button. If set to true, it will allow spinner to hide if the hardware back button is pressed. | Boolean | `false` | no | Android | yes |
+| color | Changes the spinner's color (example values are `red`, `#ff0000`, etc). For adjusting the contrast see `overlayColor` prop below. | String | `"white"` | no | All | yes |
+| animation | Changes animation on show and hide spinner's view. | String (enum) `none`, `slide`, `fade` | `"none"` | no | All | yes |
+| overlayColor | Changes the color of the overlay. | String | `rgba(0, 0, 0, 0.25)` | no | All | yes |
+| size | Sets the spinner's size. No other cross-platform sizes are supported right now. | String (enum) `small`, `normal`, `large` | `"large"` | no | All | yes |
+| textContent | Optional text field to be shown. | String | `""` | no | All | yes |
+| textStyle | The style to be applied to the `<Text>` that displays the `textContent`. | StyleSheet | `-` | no | All | yes |
+| visible | Controls the visibility of the spinner. | Boolean | `false` | yes | All | yes |
+| indicatorStyle | Additional styles for the [ActivityIndicator](https://facebook.github.io/react-native/docs/activityindicator) to inherit | StyleSheet | `undefined` | no | All | yes |
+| customIndicator | An alternative, custom component to use instead of the default `<ActivityIndicator />` | Element | `undefined` | no | All | yes |
+| children | Children element(s) to nest inside the spinner | Element | `undefined` | no | All | yes |
+
+## 遗留问题
+
+- [ ] 在RNOH框架中引入RN组件`Modal`和`ActivityIndicator`嵌套使用(`ActivityIndicator`作为`Modal`的 children)时会出现`ActivityIndicator`无法正常运作，导致当前库也无法在HarmonyOS中正常运行。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ladjs/react-native-loading-spinner-overlay/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-localization-settings.md b/en/react-native-localization-settings.md
new file mode 100644
index 00000000..44374f06
--- /dev/null
+++ b/en/react-native-localization-settings.md
@@ -0,0 +1,231 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-localization-settings</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jakex7/react-native-localization-settings">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jakex7/react-native-localization-settings/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-localization-settings)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-library/react-native-localization-settings/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-localization-settings@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-localization-settings@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 本示例依赖i18next react-i18next库，参照[react-i18next文档](https://react.i18next.com/guides/quick-start)进行引入
+
+```js
+import * as React from "react";
+import { StyleSheet, View, Text, Button } from "react-native";
+import { ReactNativeLanguageDetector } from "react-native-localization-settings";
+import i18next from "i18next";
+import { initReactI18next, useTranslation } from "react-i18next";
+
+i18next
+  .use(ReactNativeLanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources: {
+      en: {
+        translation: {
+          key: "hello world in english",
+        },
+      },
+      pl: {
+        translation: {
+          key: "hello world in polish",
+        },
+      },
+      fr: {
+        translation: {
+          key: "hello world in french",
+        },
+      },
+    },
+    fallbackLng: "en",
+    interpolation: {
+      escapeValue: false,
+    },
+    compatibilityJSON: "v3",
+  });
+
+export default function App() {
+  const { t } = useTranslation();
+
+  return (
+    <View style={styles.container}>
+      <Text>{t("key")}</Text>
+      <Button
+        title={"change to pl"}
+        onPress={() => i18next.changeLanguage("pl-PL")}
+      />
+      <Button
+        title={"change to en"}
+        onPress={() => i18next.changeLanguage("en-US")}
+      />
+      <Button
+        title={"change to fr"}
+        onPress={() => i18next.changeLanguage("fr-FR")}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  box: {
+    width: 60,
+    height: 60,
+    marginVertical: 20,
+  },
+});
+```
+
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-localization-settings": "file:../../node_modules/@react-native-oh-tpl/react-native-localization-settings/harmony/localization_settings.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNLocalizationSettingsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNLocalizationSettingsPackage} from '@react-native-oh-tpl/react-native-localization-settings/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNLocalizationSettingsPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-tpl/react-native-localization-settings/releases)
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> [!TIP] 在设置改变语言之前，确保手机系统添加相应语言
+
+| Name                       | Description                           | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| I18nLanguageDetectorModule | i18next language detector             | function | no       | iOS/Android | yes               |
+| getLanguage()              | Function to get current language.     | function | no       | iOS/Android | yes               |
+| setLanguage()              | Function to set the current language. | function | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jakex7/react-native-localization-settings/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-localization.md b/en/react-native-localization.md
new file mode 100644
index 00000000..c9777169
--- /dev/null
+++ b/en/react-native-localization.md
@@ -0,0 +1,288 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-localization</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/stefalda/ReactNativeLocalization">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/stefalda/ReactNativeLocalization/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/ReactNativeLocalization)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-localization@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-localization@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { View, Text, Button, StyleSheet } from 'react-native';
+import Localize from 'react-native-localization';
+
+// 定义本地化内容
+const strings = new Localize({
+  en: {//英语
+    welcome: 'Welcome',
+    question: 'I\'d like some {0} and {1}, or just {0}',
+    bread: 'bread',
+    butter: 'butter',
+    greeting: 'Hello, {0}!   ',
+    currentlanguage: 'Current Language',
+    availableLanguages: 'Available Languages',
+    interfaceLanguage: 'The System Language'
+  },
+  fr: {//法语
+    welcome: 'Bienvenue',
+    question: 'Je voudrais un peu de {0} et {1}, ou juste {0}',
+    bread: 'pain',
+    butter: 'beurre',
+    greeting: 'Bonjour, {0}!',
+    currentlanguage: 'Langue actuelle',
+    availableLanguages: 'Langues disponibles',
+    interfaceLanguage: 'Langue du système'
+  },
+  bo: {//藏语
+    welcome: 'བསྐུལ་མཁན།',
+    question: 'ང་ལུས་འདི་ལས། {0} དང། {1} ཡང་ཡིན། གང་ཡིན་ནི། {0}',
+    bread: 'བཀྲུངས',
+    butter: 'བརྡེན',
+    greeting: 'བཀའ་བདག་ {0}!',
+    currentlanguage: 'ད་དུས་ལག་འཁྱེར།',
+    availableLanguages: 'ད་དུས་ལག་འཁྱེར་སྒྲིགས།',
+    interfaceLanguage: 'རྩམ་གཞི་སྒྲིག་ལེན་དེ་རྒྱལ་སྤོད་'
+  },
+  zh: {//中文
+    welcome: '欢迎',
+    question: '我想要一些{0}和{1}，或者只要{0}',
+    bread: '面包',
+    butter: '黄油',
+    greeting: '你好, {0}!',
+    currentlanguage: '当前语言',
+    availableLanguages: '当前可用语言列表',
+    interfaceLanguage: '当前系统语言'
+  },
+});
+
+export function LocalizationDemo() {
+  // getLanguage API
+  const [language, setLanguage] = useState(strings.getLanguage());
+  const changeLanguage = (lang: string) => {
+    // setLanguage API
+    strings.setLanguage(lang);
+    setLanguage(strings.getLanguage());
+  };
+
+  return (
+    <View style={styles.screen}>
+      <View style={{ height: 180, justifyContent: 'space-between', marginBottom: 30 }}>
+        <Button
+          color="#144400"
+          title="切换成中文"
+          onPress={() => changeLanguage('zh')}
+        />
+        <Button
+          color="#841584"
+          title="切换成法语"
+          onPress={() => changeLanguage('fr')}
+        />
+        <Button
+          color="#645555"
+          title="切换成英语"
+          onPress={() => changeLanguage('en')}
+        />
+        <Button
+          color="#241595"
+          title="切换成藏语"
+          onPress={() => changeLanguage('bo')}
+        />
+      </View>
+
+      <Text style={styles.text}>
+        {strings.welcome}
+      </Text>
+      <Text style={styles.text}>
+        {/* formatString API */}
+        {strings.formatString(strings.question, strings.bread, strings.butter)}
+      </Text>
+      <Text style={styles.text}>
+        {strings.currentlanguage}: {language}
+      </Text>
+      {/* getAvailableLanguages API */}
+      <Text style={styles.text}>
+        {strings.availableLanguages}: {strings.getAvailableLanguages().join(', ')}
+      </Text>
+      {/* getInterfaceLanguage API */}
+      <Text style={styles.text}>
+        {strings.interfaceLanguage}: {strings.getInterfaceLanguage()}
+      </Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'white'
+  },
+
+  screen: {
+    flex: 1,
+    padding: 4,
+    paddingTop: 10,
+    backgroundColor: 'black',
+    marginHorizontal: 4,
+    marginVertical: 8,
+    paddingHorizontal: 8,
+  },
+});
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "file:./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-localization": "file:../../node_modules/@react-native-oh-tpl/react-native-localization/harmony/react_localization.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNReactLocalizationPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNReactLocalizationPackage } from '@react-native-oh-tpl/react-native-localization';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNReactLocalizationPackage(ctx),
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases)
+
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | :---------- | ---- | :------: | :------: | :----------------: |
+| setLanguage(languageCode)                 | force manually a particular language                         | void     |   yes    | iOS/Android |        yes        |
+| getLanguage()                             | get the current displayed language                           | string   |   yes    | iOS/Android |        yes        |
+| getInterfaceLanguage()                    | get the current device interface language                    | string   |   yes    | iOS/Android |        yes        |
+| formatString()                            | format the passed string replacing its placeholders with the other arguments strings | string   |   yes    | iOS/Android |        yes        |
+| getAvailableLanguages()                   | get an array of the languages passed in the constructor      | string[] |   yes    | iOS/Android |        yes        |
+| getString(key: string, language?: string) | character information based on the key value | string | yes | iOS/Android | yes |
+| setContent(props: any) | replace the NamedLocalization object without reinstantiating the object | void | yes | iOS/Android | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/stefalda/ReactNativeLocalization/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-localize.md b/en/react-native-localize.md
new file mode 100644
index 00000000..659628a7
--- /dev/null
+++ b/en/react-native-localize.md
@@ -0,0 +1,240 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-localize</code></h1>
+</p>
+<p align="center">
+    <a href="https://github.com/zoontek/react-native-localize">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/zoontek/react-native-localize/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-localize)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-localize@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-localize@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import * as React from "react";
+import {
+  I18nManager,
+  Platform,
+  SafeAreaView,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+} from "react-native";
+import * as RNLocalize from "react-native-localize";
+
+const styles = StyleSheet.create({
+  safeArea: {
+    backgroundColor: "white",
+    flex: 1,
+  },
+  container: {
+    padding: 16,
+    alignItems: "flex-start",
+  },
+  block: {
+    marginBottom: 16,
+    alignItems: "flex-start",
+  },
+  name: {
+    textDecorationLine: "underline",
+    fontWeight: "500",
+    marginBottom: 8,
+    color: "black",
+  },
+  value: {
+    textAlign: "left",
+    color: "black",
+  },
+});
+
+const Line = ({ name, value }: { name: string; value: unknown }) => (
+  <View style={styles.block}>
+    <Text style={styles.name}>{name}</Text>
+    <Text style={styles.value}>{JSON.stringify(value, null, 2)}</Text>
+  </View>
+);
+function LocalizeDemo() {
+  return (
+    <SafeAreaView style={styles.safeArea}>
+      <ScrollView contentContainerStyle={styles.container}>
+        <Line name="RNLocalize.getLocales()" value={RNLocalize.getLocales()} />
+
+        <Line name="RNLocalize.getCurrencies()" value={RNLocalize.getCurrencies()} />
+
+        <Line name="RNLocalize.getCountry()" value={RNLocalize.getCountry()} />
+
+        <Line name="RNLocalize.getCalendar()" value={RNLocalize.getCalendar()} />
+
+        <Line name="RNLocalize.getTimeZone()" value={RNLocalize.getTimeZone()} />
+
+        <Line name="RNLocalize.uses24HourClock()" value={RNLocalize.uses24HourClock()} />
+
+        <Line
+          name="RNLocalize.findBestLanguageTag(['en-US', 'en', 'fr', 'zh'])"
+          value={RNLocalize.findBestLanguageTag(["en-US", "en", "fr", 'zh'])}
+        />
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+export default LocalizeDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-localize": "file:../../node_modules/@react-native-oh-tpl/react-native-localize/harmony/rn_localize.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNLocalizePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++ import { RNLocalizePackage } from '@react-native-oh-tpl/react-native-localize/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNLocalizePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                      | Description                                    | Required | Platform | HarmonyOS Support |
+|---------------------------| ---------------------------------------------- | -------- |----------|-------------------|
+| getLocales()              | Returns the user preferred locales, in order.             | No       | All      | yes               |
+| getNumberFormatSettings() | Returns number formatting settings. | No       | All      | yes               |
+| getCurrencies()           | Returns the user preferred currency codes, in order. | No       | All      | yes               |
+| getCountry()              | Returns the user current country code (based on its device locale, not on its position).                                  | No       | All      | yes               |
+| getCalendar()             | Returns the user preferred calendar format. | No       | All      | yes               |
+| getTemperatureUnit()      | Returns the user preferred temperature unit. | No       | All      | No                |
+| getTimeZone()             | Returns the user preferred timezone (based on its device settings, not on its position).             | No       | All      | yes               |
+| uses24HourClock()         | Returns true if the user prefers 24h clock format, false if they prefer 12h clock format. | No       | All      | yes               |
+| usesMetricSystem()        | Returns true if the user prefers metric measure system, false if they prefer imperial. | No       | All      | No                |
+| usesAutoDateAndTime()     | Tells if the automatic date & time setting is enabled on the phone. Android only                                 | No       | Android  | No                |
+| usesAutoTimeZone()        | Tells if the automatic time zone setting is enabled on the phone. Android only | No       | Android  | No                |
+| findBestLanguageTag()     | Returns the best language tag possible and its reading direction | No       | All      | yes               |
+
+## 遗留问题
+- [ ]  HarmonyOS 侧无法获取温度及长度单位[issue#2](https://github.com/react-native-oh-library/react-native-localize/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-localize/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-mail.md b/en/react-native-mail.md
new file mode 100644
index 00000000..60d221eb
--- /dev/null
+++ b/en/react-native-mail.md
@@ -0,0 +1,234 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mail</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/chirag04/react-native-mail">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/chirag04/react-native-mail/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-mail)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-mail@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-mail@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, { Component } from "react";
+import { View, Alert, Button } from "react-native";
+import Mailer from "react-native-mail";
+
+export default class App extends Component {
+  handleEmail = () => {
+    Mailer.mail(
+      {
+        subject: "need help",
+        recipients: ["support@example.com"],
+        ccRecipients: ["supportCC@example.com"],
+        bccRecipients: ["supportBCC@example.com"],
+        body: "<b>A Bold Body</b>",
+        customChooserTitle: "This is my new title", // Android only (defaults to "Send Mail")
+        isHTML: true,
+        attachments: [
+          {
+            // Specify either `path` or `uri` to indicate where to find the file data.
+            path: "", // /data/storage/el2/base/haps/entry/files/11.png
+            uri: "", // file://<packageName>/data/storage/el2/base/haps/entry/files/11.png
+            // Specify either `type` or `mimeType` to indicate the type of data.
+            type: "", // Mime Type: jpg, png, doc, ppt, html, pdf, csv
+            mimeType: "", // - use only if you want to use custom type
+            name: "", // Optional: Custom filename for attachment
+          },
+        ],
+      },
+      (error, event) => {
+        Alert.alert(
+          error,
+          event,
+          [
+            {
+              text: "Ok",
+              onPress: () => console.log("OK: Email Error Response"),
+            },
+            {
+              text: "Cancel",
+              onPress: () => console.log("CANCEL: Email Error Response"),
+            },
+          ],
+          { cancelable: true }
+        );
+      }
+    );
+  };
+
+  render() {
+    return (
+      <View>
+        <Button
+          onPress={this.handleEmail}
+          title="Email Me"
+          color="#841584"
+          accessabilityLabel="Purple Email Me Button"
+        />
+      </View>
+    );
+  }
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-mail": "file:../../node_modules/@react-native-oh-tpl/react-native-mail/harmony/mail.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNMailPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNMailPackage} from '@react-native-oh-tpl/react-native-mail/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNMailPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description                                                                        | Type                       | Required | Platform | HarmonyOS Support |
+| ---- | ---------------------------------------------------------------------------------- | -------------------------- | -------- | -------- | ----------------- |
+| mail | 拉起邮箱并向邮箱传递收件人、发件人、抄送人等信息，通过 callback 函数返回错误信息。 | Function(options,callback) | yes      | all      | yes               |
+
+**options**
+
+| Name               | Description         | Type     | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------- | -------- | -------- | -------- | ----------------- |
+| subject            | 邮件主题            | string   | no       | all      | yes               |
+| recipients         | 收件人              | string[] | no       | all      | yes               |
+| ccRecipients       | 抄送收件人          | string[] | no       | all      | yes               |
+| bccRecipients      | 密件抄送收件人      | string[] | no       | all      | yes               |
+| body               | 邮件内容            | string   | no       | all      | yes               |
+| customChooserTitle | 自定义选择器标题    | string   | no       | android  | no                |
+| isHTML             | 邮件内容是否为 html | boolean  | no       | all      | yes               |
+| attachments        | 附件信息            | object[] | no       | all      | no                |
+
+## 遗留问题
+
+- [ ] 不支持 attachments 附件传递: [issue#1](https://github.com/react-native-oh-library/react-native-mail/issues/1)
+- [ ] 不支持 customChooserTitle: [issue#4](https://github.com/react-native-oh-library/react-native-mail/issues/4)
+- [x] 邮箱应用上 body 显示异常: [issue#2](https://github.com/react-native-oh-library/react-native-mail/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/chirag04/react-native-mail/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-map-linking.md b/en/react-native-map-linking.md
new file mode 100644
index 00000000..cbde0111
--- /dev/null
+++ b/en/react-native-map-linking.md
@@ -0,0 +1,169 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-map-linking</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/starlight36/react-native-map-linking">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-map-linking)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-map-linking@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-map-linking@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+  TouchableOpacity,
+} from 'react-native';
+import MapLinking from 'react-native-map-linking';
+
+class MapLinkingDemo extends Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <TouchableOpacity
+          onPress={() => {MapLinking.markLocation({lat: 39.9901079, lng:116.1887467},'香山公园','bbb')}}>
+          <View style={styles.button}>
+            <Text style={styles.text}>在地图上标记位置</Text>
+          </View>
+        </TouchableOpacity>
+        <TouchableOpacity
+          onPress={() => {MapLinking.planRoute({lat: 39.9901079, lng:116.1887467, title: '香山公园'}, {lat:40.0382556, lng:116.3144536, title:'清河站'}, 'drive')}}>
+          <View style={styles.button}>
+            <Text style={styles.text}>规划线路</Text>
+          </View>
+        </TouchableOpacity>
+        <TouchableOpacity
+          onPress={() => {MapLinking.navigate({lat:40.0382556, lng:116.3144536, title:'清河站'} )}}>
+          <View style={styles.button}>
+            <Text style={styles.text}>导航</Text>
+          </View>
+        </TouchableOpacity>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  button: {
+    padding: 10,
+    backgroundColor: '#3B5998',
+    marginBottom: 10,
+  },
+  text: {
+    color: 'white',
+  },
+});
+export default MapLinkingDemo;  
+```
+
+
+
+## 约束与限制
+
+### 兼容性
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Name | Description | Optional | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+markLocation(location, title, content) | 在地图上标记一个点的位置 | location 位置坐标, 是一个对象, 包括: **lat** - 经度**lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** 地点标记名称 **content** 地点标记说明 | no | all | yes
+planRoute(srcLocation, distLocation, mode) | 规划两点之间的线路 | srcLocation 起始位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **title** - 起始位置名称 distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 mode 路线模式  drive - 驾车 bus - 公交 walk - 步行 | no | all | yes
+navigate(distLocation) | 启动当前位置到目标位置的导航 | distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 | no | all | yes
+
+## 遗留问题
+
+- [ ] react-native-map-link目前无法唤起百度地图，未提供应用市场地址和具体参数供react-native-map-link调用 [issue#1](https://github.com/react-native-oh-library/react-native-map-linking/issues/1)
+- [ ] react-native-map-link目前无法唤起高德地图，未提供具体参数供react-native-map-link调用 [issue#2](https://github.com/react-native-oh-library/react-native-map-linking/issues/2)
+
+## 其他
+
+- 如果系统内没有可用的地图, 组件会推荐下载高德地图、百度地图。
+
+- 使用iOS内建地图时, 地图标记和导航功能可能不精确, 推荐使用高德地图
+
+### Harmony配置Schema支持
+
+Harmony系统下需要在module.json5中配置querySchemes支持才能唤起花瓣地图，后续要唤起高德地图和百度地图，也需要将它们的scheme加到这里。
+
+```
+"querySchemes":[
+  "maps"
+]
+```
+
+  
+
+### iOS配置Schema支持
+
+iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:
+
+ ```
+<key>LSApplicationQueriesSchemes</key>
+<array>
+    <string>baidumap</string>
+    <string>iosamap</string>
+</array>
+ ```
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-maps-directions.md b/en/react-native-maps-directions.md
new file mode 100644
index 00000000..404346a0
--- /dev/null
+++ b/en/react-native-maps-directions.md
@@ -0,0 +1,246 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-maps-directions</code> </h1>
+</p>
+<p align="center">
+    <a href=https://github.com/bramus/react-native-maps-directions>
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bramus/react-native-maps-directions/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-maps-directions)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-maps-directions@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-maps-directions@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { Dimensions, StyleSheet, View, Text } from 'react-native';
+import MapViewDirections from 'react-native-maps-directions';
+import MapView, { Marker } from "react-native-maps";
+
+const { width, height } = Dimensions.get('window');
+const ASPECT_RATIO = width / height;
+const LATITUDE = 37.771707;
+const LONGITUDE = -122.4053769;
+const LATITUDE_DELTA = 0.0922;
+const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO;
+const MAPS_APIKEY = 'xxxxxx';
+
+class MapExample extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      coordinates: [
+        {
+          latitude: 37.3317876,
+          longitude: -122.0054812,
+        },
+        {
+          latitude: 37.771707,
+          longitude: -122.4053769,
+        },
+      ],
+    };
+    this.mapView = null;
+  }
+
+  onMapPress = (e) => {
+    this.setState({
+      coordinates: [
+        ...this.state.coordinates,
+        e.nativeEvent.coordinate,
+      ],
+    });
+  }
+
+  render() {
+    const { coordinates} = this.state;
+    return (
+      <View style={styles.container}>
+      <MapView
+        initialRegion={{
+          latitude: LATITUDE,
+          longitude: LONGITUDE,
+          latitudeDelta: LATITUDE_DELTA,
+          longitudeDelta: LONGITUDE_DELTA,
+        }}
+        style={StyleSheet.absoluteFill}
+        ref={c => this.mapView = c}
+        onPress={this.onMapPress}>
+      
+        {this.state.coordinates.map((coordinate, index) =>
+          <Marker key={`coordinate_${index}`} coordinate={coordinate} />
+        )}
+        {(this.state.coordinates.length >= 2) && (
+          <MapViewDirections
+            origin={this.state.coordinates[0]}
+            destination={this.state.coordinates[this.state.coordinates.length-1]}
+            apikey={MAPS_APIKEY}
+            mode='BICYCLING'
+            strokeWidth={6}
+            strokeColor={"#0000FF"}
+            resetOnChange={true}
+            onStart={(params) => {
+              console.log(`Started routing between "${params.origin}" and "${params.destination}"`);
+            }}
+            onReady={result => {
+              console.log(`Distance: ${result.distance} km`)
+              console.log(`Duration: ${result.duration} min.`)
+              this.mapView.fitToCoordinates(result.coordinates, {
+                edgePadding: {
+                  right: (width / 20),
+                  bottom: (height / 20),
+                  left: (width / 20),
+                  top: (height / 20),
+                }
+              });
+            }}
+            onError={(errorMessage) => {
+              console.log('GOT AN ERROR');
+            }}
+          />
+         )} 
+      </MapView>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: "flex-end",
+    alignItems: "center",
+    height: 300,
+  },
+  map: {
+    ...StyleSheet.absoluteFillObject,
+  },
+});
+
+export default MapExample;
+
+```
+
+## Link
+
+本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-maps 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-maps 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-maps.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+> 由于渲染在屏幕上的结果是 `MapView.Polyline` 组件，因此也支持 `MapView.Polyline` 属性，`MapView.Polyline`属性参见[**react-native-maps**](/zh-cn/react-native-maps.md#polyline)。
+
+| Name                     | **Description**                                              | Type                   | Required | **Default** | Platform    | HarmonyOS Support                                           |
+| ------------------------ | ------------------------------------------------------------ | ---------------------- | -------- | ----------- | ----------- | ----------------------------------------------------------- |
+| `origin`                 | The origin location to start routing from.                   | LatLng` or `String     | true     |             | iOS/Android | yes                                                         |
+| destination              | The destination location to start routing to.                | LatLng` or `String     | true     |             | iOS/Android | yes                                                         |
+| apikey                   | Your Google Maps API Key or HUWEI Map API Key. HUWEI Map API Key see [here](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428) | String                 | true     |             | iOS/Android | yes                                                         |
+| waypoints                | Array of waypoints to use between origin and destination.    | [`LatLng` or `String`] | false    | []          | iOS/Android | no                                                          |
+| language                 | The language to use when calculating directions. See [here](https://developers.google.com/maps/documentation/javascript/localization) for more info. | String                 | false    | en          | iOS/Android | no                                                          |
+| mode                     | Which transportation mode to use when calculating directions. Allowed values are `"DRIVING"`, `"BICYCLING"`, `"WALKING"`, and `"TRANSIT"`. | String                 | false    | "DRIVING"   | iOS/Android | partially (Support `"DRIVING"`, `"BICYCLING"`, `"WALKING"`) |
+| resetOnChange            | Tweak if the rendered `MapView.Polyline` should reset or not when calculating the route between `origin` and `destionation`. Set to `false` if you see the directions line glitching. | boolean                | false    | true        | iOS/Android | yes                                                         |
+| optimizeWaypoints        | Set it to true if you would like Google Maps to re-order all the waypoints to optimize the route for the fastest route. Please be aware that if this option is enabled, you will be billed at a higher rate by Google as stated [here](https://developers.google.com/maps/documentation/javascript/directions#Waypoints). | boolean                | false    | false       | iOS/Android | no                                                          |
+| splitWaypoints           | Directions API has a [limit](https://developers.google.com/maps/documentation/directions/usage-and-billing#directions-advanced) of 10 or 25 (depends on the billing plan) waypoints per route. When exceeding this limit you will be billed at a higher reate by Google. Set this to `true` if you would like to automatically split waypoints into multiple routes, thus bypassing this waypoints limit. | boolean                | false    | false       | iOS/Android | no                                                          |
+| directionsServiceBaseUrl | Base URL of the Directions Service (API) you are using.      | string                 | false    | (Google's)  | iOS/Android | yes                                                         |
+| region                   | If you are using strings for **origin** or **destination**, sometimes you will get an incorrect route because Google Maps API needs the region where this places belong to. See [here](https://developers.google.com/maps/documentation/javascript/localization#Region) for more info. | String                 | false    |             | iOS/Android | no                                                          |
+| precision                | The precision level of detail of the drawn polyline. Allowed values are "high", and "low". Setting to "low" will yield a polyline that is an approximate (smoothed) path of the resulting directions. Setting to "high" may cause a hit in performance in case a complex route is returned. | String                 | false    | "low"       | iOS/Android | no                                                          |
+| timePrecision            | The timePrecision to get Realtime traffic info. Allowed values are "none", and "now". Defaults to "none". | String                 | false    | "none"      | iOS/Android | no                                                          |
+| channel                  | If you include the channel parameter in your requests, you can generate a Successful Requests report that shows a breakdown of your application's API requests across different applications that use the same client ID (such as externally facing access vs. internally facing access). | String                 | false    | null        | iOS/Android | no                                                          |
+
+### 事件和返回
+
+| Event Name | **Description**                                              | Type     | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| `onStart`  | Callback that is called when the routing has started.        | Function | false    | iOS/Android | yes               |
+| `onReady`  | Callback that is called when the routing has succesfully finished. note: distance returned in kilometers and duration in minutes. | Function | false    | iOS/Android | yes               |
+| `onError`  | Callback that is called in case the routing has failed.      | Function | false    | iOS/Android | yes               |
+
+#### onStart
+
+```
+ onStart(params:Object):void
+```
+
+| Name   | **Description**                                              | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| params | 回调函数返回值，包含起点、终点和中间点的经纬度信息。数据格式为：{ origin, destination, waypoints: [] } | Object | True     | iOS/Android | yes               |
+
+#### onReady
+
+```
+ onReady(result:Object):void
+```
+
+| Name   | **Description**                                              | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| result | 回调函数返回值，包含起点到终点的距离、路程时间、和途径路径的经纬度等信息。数据格式：{ distance: Number, duration: Number, coordinates: [], fare: Object, waypointOrder: [[]] } | Object | True     | iOS/Android | yes               |
+
+#### onError
+
+```
+ onError(errorMessage:Object):void
+```
+
+| Name         | **Description**                                   | Type   | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| errorMessage | 回调函数返回值，访问directions rest api的报错信息 | Object | True     | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ] waypoints属性不支持，不支持的原因是由于华为侧Directions API不支持中间点参数查询：[issue#13](https://github.com/react-native-oh-library/react-native-maps-directions/issues/13)
+- [ ] language属性不支持，不支持的原因是由于华为侧Directions API只支持文字指引的语种和谷歌地图api的语言本地化本地化功能不一样：[issue#14](https://github.com/react-native-oh-library/react-native-maps-directions/issues/14)
+- [ ] optimizeWaypoints属性不支持，不支持的原因是由于华为侧Directions API不支持中间点优化，获取更快路线：[issue#15](https://github.com/react-native-oh-library/react-native-maps-directions/issues/15)
+- [ ] splitWaypoints属性不支持，不支持的原因是由于华为侧Directions API不支持将中间点个数设置，将其分割成多条路线：[issue#16](https://github.com/react-native-oh-library/react-native-maps-directions/issues/16)
+- [ ] region属性不支持，不支持的原因是由于华为侧Directions API不支持地区代码和地点的映射：[issue#17](https://github.com/react-native-oh-library/react-native-maps-directions/issues/17)
+- [ ] precision属性不支持，不支持的原因是由于华为侧Directions API不支持更精细的绘画路程线路：[issue#18](https://github.com/react-native-oh-library/react-native-maps-directions/issues/18)
+- [ ] timePrecision属性不支持，不支持的原因是由于华为侧Directions API不支持实时查询路线：[issue#19](https://github.com/react-native-oh-library/react-native-maps-directions/issues/19)
+- [ ] channel属性不支持，不支持的原因是由于华为侧Directions API不支持渠道查询：[issue#20](https://github.com/react-native-oh-library/react-native-maps-directions/issues/20)
+
+## 其他
+
+华为地图apikey申请参见[获取API key](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bramus/react-native-maps-directions/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-maps.md b/en/react-native-maps.md
new file mode 100644
index 00000000..293a28c2
--- /dev/null
+++ b/en/react-native-maps.md
@@ -0,0 +1,879 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-maps</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-maps/react-native-maps">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-maps)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-maps@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-maps@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { StyleSheet, View, Text, Dimensions } from "react-native";
+import MapView, { Circle, Polygon, Polyline, Marker } from "react-native-maps";
+
+const { width, height } = Dimensions.get("window");
+
+const ASPECT_RATIO = width / height;
+const LATITUDE = 39.9;
+const LONGITUDE = 116.4;
+const LATITUDE_DELTA = 0.0922;
+const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO;
+const SPACE = 0.01;
+
+class Overlays extends React.Component<any, any> {
+  constructor(props: any) {
+    super(props);
+
+    this.state = {
+      marker1: true,
+      region: {
+        latitude: LATITUDE,
+        longitude: LONGITUDE,
+        latitudeDelta: LATITUDE_DELTA,
+        longitudeDelta: LONGITUDE_DELTA,
+      },
+      circle: {
+        center: {
+          latitude: LATITUDE + SPACE,
+          longitude: LONGITUDE + SPACE,
+        },
+        radius: 700,
+      },
+      polygon: [
+        {
+          latitude: LATITUDE + SPACE,
+          longitude: LONGITUDE + SPACE,
+        },
+        {
+          latitude: LATITUDE - SPACE,
+          longitude: LONGITUDE - SPACE,
+        },
+        {
+          latitude: LATITUDE - SPACE,
+          longitude: LONGITUDE + SPACE,
+        },
+      ],
+      polyline: [
+        {
+          latitude: LATITUDE + SPACE,
+          longitude: LONGITUDE - SPACE,
+        },
+        {
+          latitude: LATITUDE - 2 * SPACE,
+          longitude: LONGITUDE + 2 * SPACE,
+        },
+        {
+          latitude: LATITUDE - SPACE,
+          longitude: LONGITUDE - SPACE,
+        },
+        {
+          latitude: LATITUDE - 2 * SPACE,
+          longitude: LONGITUDE - SPACE,
+        },
+      ],
+    };
+  }
+
+  render() {
+    const { region, circle, polygon, polyline } = this.state;
+    return (
+      <View style={styles.container}>
+        <MapView
+          provider={this.props.provider}
+          style={styles.map}
+          initialRegion={region}
+        >
+          <Marker
+            onPress={() => this.setState({ marker1: !this.state.marker1 })}
+            coordinate={{
+              latitude: LATITUDE + SPACE,
+              longitude: LONGITUDE - SPACE,
+            }}
+            centerOffset={{ x: -42, y: -60 }}
+            anchor={{ x: 0.84, y: 1 }}
+            opacity={0.6}
+          />
+          <Circle
+            center={circle.center}
+            radius={circle.radius}
+            fillColor="rgba(255, 255, 255, 1)"
+            strokeColor="rgba(0,0,0, 1)"
+            zIndex={2}
+            strokeWidth={10}
+          />
+          <Polygon
+            coordinates={polygon}
+            fillColor="rgba(0, 200, 0, 1)"
+            strokeColor="rgba(0,0,0, 1)"
+            strokeWidth={10}
+          />
+          <Polyline
+            coordinates={polyline}
+            strokeColor="rgba(0,0,200, 1)"
+            strokeWidth={10}
+            lineDashPattern={[5, 2, 3, 2]}
+          />
+        </MapView>
+        <View style={styles.buttonContainer}>
+          <View style={styles.bubble}>
+            <Text>Render circles, polygons, and polylines</Text>
+          </View>
+        </View>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: "flex-end",
+    alignItems: "center",
+  },
+  map: {
+    ...StyleSheet.absoluteFillObject,
+  },
+  bubble: {
+    flex: 1,
+    backgroundColor: "rgba(255,255,255,0.7)",
+    paddingHorizontal: 18,
+    paddingVertical: 12,
+    borderRadius: 20,
+  },
+  latlng: {
+    width: 200,
+    alignItems: "stretch",
+  },
+  button: {
+    width: 80,
+    paddingHorizontal: 12,
+    alignItems: "center",
+    marginHorizontal: 10,
+  },
+  buttonContainer: {
+    flexDirection: "row",
+    marginVertical: 20,
+    backgroundColor: "transparent",
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-maps": "file:../../node_modules/@react-native-oh-tpl/react-native-maps/harmony/maps.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 MapsPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-maps/src/main/cpp" ./maps)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_maps)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "MapsPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<MapsPackage>(ctx)
+    };
+}
+```
+
+
+### 4.在 ArkTs 侧引入 AIRMap 等组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { AIRMap, AIR_MAP_TYPE, AIRMapMarker, AIR_MAP_MARKER_TYPE, AIRMapPolyline, AIR_MAP_POLYLINE_TYPE, AIRMapPolygon,
++  AIR_MAP_POLYGON_TYPE, AIRMapCircle, AIR_MAP_CIRCLE_TYPE, AIR_MAP_CALLOUT_SUBVIEW_TYPE, AIR_MAP_CALLOUT_TYPE,
++  AIRMapCallout,
++  AIRMapCalloutSubview,
++  Geojson,
++  AIR_GEOJSON_TYPE,
++  AIRMapUrlTile,
++  AIR_URLTILE_TYPE,
++  AIRMapWMSTile,
++  AIR_WMSTILE_TYPE,
++  AIR_OVERLAY_TYPE,
++  AIRMapOverlay
++ } from "@react-native-oh-tpl/react-native-maps"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++  if (ctx.componentName === AIR_MAP_TYPE) {
++    AIRMap({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_MAP_MARKER_TYPE) {
++    AIRMapMarker({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_MAP_POLYLINE_TYPE) {
++    AIRMapPolyline({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_MAP_POLYGON_TYPE) {
++    AIRMapPolygon({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_MAP_CIRCLE_TYPE) {
++    AIRMapCircle({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_MAP_CALLOUT_TYPE) {
++    AIRMapCallout({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_MAP_CALLOUT_SUBVIEW_TYPE) {
++    AIRMapCalloutSubview({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_MAP_CALLOUT_SUBVIEW_TYPE) {
++    AIRMapCalloutSubview({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_GEOJSON_TYPE) {
++    Geojson({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_URLTILE_TYPE) {
++    AIRMapUrlTile({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_WMSTILE_TYPE) {
++    AIRMapWMSTile({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }else if (ctx.componentName === AIR_OVERLAY_TYPE) {
++    AIRMapOverlay({
++      ctx: ctx.rnComponentContext,
++      tag: ctx.tag,
++    })
++  }
+...
+}
+...
+```
+[!TIP] 本库使用了混合方案，需要添加组件名。
+
+在entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets 找到常量 arkTsComponentNames 在其数组里添加组件名
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ AIR_MAP_TYPE, 
++ AIR_MAP_MARKER_TYPE, 
++ AIR_MAP_POLYLINE_TYPE, 
++ AIR_MAP_POLYGON_TYPE, 
++ AIR_MAP_CIRCLE_TYPE, 
++ AIR_MAP_CALLOUT_TYPE, 
++ AIR_GEOJSON_TYPE, 
++ AIR_URLTILE_TYPE, 
++ AIR_WMSTILE_TYPE, 
++ AIR_OVERLAY_TYPE
+  ];
+```
+
+### 5.在 ArkTs 侧引入 MapsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {MapsPackage} from '@react-native-oh-tpl/react-native-maps/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new MapsPackage(ctx)
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-natvie-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases)
+
+### 权限要求
+
+> [!tip] 如需自建项目使用华为地图可以跳过以下第一步，并前往[华为开发者联盟](https://developer.huawei.com/consumer/cn/wiki/index.php)平台申请对应项目和应用程序
+
+> [!tip] 详细配置参考华为开发者官网[地图服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/appgallery-connect-0000001751989088)
+
+以下是示例项目配置
+
+1.打开 `工程目录/AppScope/app.json5`,修改
+
+```
+ bundleName:"com.example.rnmapdemo" //自建项目请与开发者平台上的包名一致
+```
+
+2.打开 `entry/src/main/module.json5`，添加相关配置
+
+```diff
+...
+   "metadata": [ // 配置如下信息 测试地图功能
++       {
++       "name": "client_id",
++       "value": "110168601"  //配置为从华为开发者平台获取的Client ID，自建项目请与开发者平台上的client id一致
++       }
+   ],
+   "requestPermissions": [
++      {
++        "name": "ohos.permission.APPROXIMATELY_LOCATION",
++        "reason": "$string:Access_maps",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "always"
++        }
++      },
++      {
++        "name": "ohos.permission.LOCATION",
++        "reason": "$string:Access_maps",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "always"
++       }
++      },
++     {
++        "name": "ohos.permission.INTERNET"
++      }
+    ]
+```
+
+3.在 entry 目录下添加申请地图权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "Access_maps",
++      "value": "access maps"
++    }
+  ]
+}
+```
+
+4.打开 `工程目录/build-profile.json5` 在 app 节点下修改
+
+```
+ signingConfigs: [
+    {
+      "name": "default",
+      "type": "HarmonyOS",
+      "material": {
+        "storePassword": "0000001F46D5FEE280574FA23000DE66587FD7FA83EEFEF6D5890B713F4B512621FD3A4F5F6965E94C20441708BCE7", //自建项目配置的指纹证书密码
+        "certpath": "E:/aboutKey/rnmapdemo.cer", //自建项目配置的指纹证书
+        "keyAlias": "key0",
+        "keyPassword": "0000001F2B30EA30206AEBA445E5E69F5A42C4FA4F829039AEBEA0167FF3591ADCAED98732BE405314206771508E5C", //自建项目配置的指纹证书密码
+        "profile": "E:/aboutKey/rnmapDebug.p7b",  //自建项目配置的指纹证书
+        "signAlg": "SHA256withECDSA",
+        "storeFile": "E:/aboutKey/rnmapdemo.p12" //自建项目配置的指纹证书
+      }
+    }
+  ]
+```
+
+## MapView
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name                            | Description                                                                                                                                                                                                                                                                                      | Type                                    | Default    | Required | Platform    | HarmonyOS Support |
+| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------- | ---------- | -------- | ----------- | ----------------- |
+| provider                        | The map framework to use. Either `"google"` for GoogleMaps, otherwise `null` or `undefined` to use the native map framework (`MapKit` in iOS and `GoogleMaps` in android).                                                                                                                       | string                                  |            | no       | ios/android | no                |
+| region                          | The region to be displayed by the map.The region is defined by the center coordinates and the span of coordinates to display.                                                                                                                                                                    | Region                                  |            | no       | ios/android | yes               |
+| initialRegion                   | The initial region to be displayed by the map. Use this prop instead of `region` only if you don't want to control the viewport of the map besides the initial region.                                                                                                                           | Region                                  |            | no       | ios/android | yes               |
+| camera                          | The camera view the map should display. If you use this, the `region` property is ignored.                                                                                                                                                                                                       | Camera                                  |            | no       | ios/android | yes               |
+| initialCamera                   | Like `initialRegion`, use this prop instead of `camera` only if you don't want to control the viewport of the map besides the initial camera setting.                                                                                                                                            | Camera                                  |            | no       | ios/android | yes               |
+| mapPadding                      | Adds custom padding to each side of the map. Useful when map elements/markers are obscured.                                                                                                                                                                                                      | EdgePadding                             |            | no       | ios/android | yes               |
+| paddingAdjustmentBehavior       | Indicates how/when to affect padding with safe area insets (`GoogleMaps` in iOS only)                                                                                                                                                                                                            | 'always' \ 'automatic' \ 'never'        | 'never'    | no       | ios/android | no                |
+| liteMode                        | Enable [lite mode](https://developers.google.com/maps/documentation/android-sdk/lite#overview_of_lite_mode). **Note**: Android only.                                                                                                                                                             | Boolean                                 | false      | no       | android     | no                |
+| mapType                         | The map type to be displayed.                                                                                                                                                                                                                                                                    | String                                  | "standard" |          | ios/android | partially         |
+| customMapStyle                  | Adds custom styling to the map component.                                                                                                                                                                                                                                                        | Array                                   |            | no       | ios/android | yes               |
+| userInterfaceStyle              | Sets the map to the style selected. Default is whatever the system settings is. **Note:** iOS Maps only (aka MapKit).                                                                                                                                                                            | 'light'/'dark'                          |            | no       | ios/android | yes               |
+| showsUserLocation               | If `true` the users location will be shown on the map. **NOTE**: You need runtime location permissions prior to setting this to true, otherwise it is going to _fail silently_! Checkout the excellent [react-native-permissions](https://github.com/zoontek/react-native-permissions) for this. | Boolean                                 | false      | no       | ios/android | yes               |
+| userLocationPriority            | Set power priority of user location tracking. See [Google APIs documentation](https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest.html). **Note:** Android only.                                                                                     | 'balanced' / 'high' / 'low' / 'passive' | 'high'     | no       | android     | no                |
+| userLocationUpdateInterval      | Interval of user location updates in milliseconds. See [Google APIs documentation](https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest.html). **Note:** Android only.                                                                                | Number                                  | 5000       | no       | android     | no                |
+| userLocationFastestInterval     | Fastest interval the application will actively acquire locations. See [Google APIs documentation](https://developers.google.com/android/reference/com/google/android/gms/location/LocationRequest.html). **Note:** Android only.                                                                 | Number                                  | 5000       | no       | android     | no                |
+| userLocationAnnotationTitle     | The title of the annotation for current user location. This only works if `showsUserLocation` is true. There is a default value `My Location` set by MapView. **Note**: iOS only.                                                                                                                | String                                  |            | no       | ios         | no                |
+| followsUserLocation             | If `true` the map will focus on the user's location. This only works if `showsUserLocation` is true and the user has shared their location. **Note**: Apple Maps only.                                                                                                                           | Boolean                                 | false      | no       | ios         | yes               |
+| userLocationCalloutEnabled      | If `true` clicking user location will show the default callout for userLocation annotation. **Note**: Apple Maps only.                                                                                                                                                                           | Boolean                                 | false      | no       | ios         | no                |
+| showsMyLocationButton           | If `false` hide the button to move map to the current user's location.                                                                                                                                                                                                                           | Boolean                                 | true       | no       | ios/android | yes               |
+| showsPointsOfInterest           | If `false` points of interest won't be displayed on the map. **Note**: Apple Maps only.                                                                                                                                                                                                          | Boolean                                 | true       | no       | ios         | no                |
+| showsCompass                    | If `false` compass won't be displayed on the map.                                                                                                                                                                                                                                                | Boolean                                 | true       | no       | ios/android | yes               |
+| showsScale                      | A Boolean indicating whether the map shows scale information. **Note**: Apple Maps only.                                                                                                                                                                                                         | Boolean                                 | true       | no       | ios         | yes               |
+| showsBuildings                  | A Boolean indicating whether the map displays extruded building information.                                                                                                                                                                                                                     | Boolean                                 | true       | no       | ios/android | yes               |
+| showsTraffic                    | A Boolean value indicating whether the map displays traffic information.                                                                                                                                                                                                                         | Boolean                                 | false      | no       | ios/android | yes               |
+| showsIndoors                    | A Boolean indicating whether indoor maps should be enabled.                                                                                                                                                                                                                                      | Boolean                                 | true       | no       | ios/android | no                |
+| showsIndoorLevelPicker          | A Boolean indicating whether indoor level picker should be enabled. **Note:** Google Maps only (either Android or iOS with `PROVIDER_GOOGLE`).                                                                                                                                                   | Boolean                                 | false      | no       | ios/android | no                |
+| zoomEnabled                     | If `false` the user won't be able to pinch/zoom the map.                                                                                                                                                                                                                                         | Boolean                                 | true       | no       | ios/android | yes               |
+| zoomTapEnabled                  | If `false` the user won't be able to double tap to zoom the map. **Note:** But it will greatly decrease delay of tap gesture recognition. **Note:** Google Maps on iOS only                                                                                                                      | Boolean                                 |            | no       | ios/android | yes               |
+| zoomControlEnabled              | If `false` the zoom control at the bottom right of the map won't be visible **Note:** Android only.                                                                                                                                                                                              | Boolean                                 | true       | no       | android     | yes               |
+| minZoomLevel                    | Minimum zoom value for the map, must be between 0 and 20. **Note:** Deprecated on Apple Maps. Use cameraZoomRange instead.                                                                                                                                                                       | Number                                  | 0          | no       | ios/android | yes               |
+| maxZoomLevel                    | Maximum zoom value for the map, must be between 0 and 20. **Note:** Deprecated on Apple Maps. Use cameraZoomRange instead.                                                                                                                                                                       | Number                                  | 20         | no       | ios/android | yes               |
+| rotateEnabled                   | If `false` the user won't be able to pinch/rotate the map.                                                                                                                                                                                                                                       | Boolean                                 | true       | no       | ios/android | yes               |
+| scrollEnabled                   | If `false` the user won't be able to adjust the camera’s pitch angle.                                                                                                                                                                                                                            | Boolean                                 | true       | no       | ios/android | yes               |
+| scrollDuringRotateOrZoomEnabled | If `false` the map will stay centered while rotating or zooming. **Note:** Google Maps only                                                                                                                                                                                                      | Boolean                                 | true       | no       | ios/android | no                |
+| pitchEnabled                    | If `false` the user won't be able to adjust the camera’s pitch angle. | Boolean                                 | true       | no       | ios/android | yes               |
+| toolbarEnabled                  | `Android only` If `false` will hide 'Navigate' and 'Open in Maps' buttons on marker press. If you enable the toolbar, make sure to [edit your AndroidManifest.xml](https://github.com/react-native-maps/react-native-maps/issues/4403#issuecomment-1219856534)                                   | Boolean                                 | true       | no       | android     | no                |
+| cacheEnabled                    | If `true` map will be cached and displayed as an image instead of being interactable, for performance usage. **Note:** Apple Maps only                                                                                                                                                           | Boolean                                 | false      | no       | ios         | no                |
+| loadingEnabled                  | If `true` a loading indicator will show while the map is loading.                                                                                                                                                                                                                                | Boolean                                 | false      | no       | ios/android | yes               |
+| loadingIndicatorColor           | Sets loading indicator color, default to `#606060`.                                                                                                                                                                                                                                              | Color                                   | \#606060   | no       | ios/android | yes               |
+| loadingBackgroundColor          | Sets loading background color, default to `#FFFFFF`.                                                                                                                                                                                                                                             | Color                                   | \#FFFFFF   | no       | ios/android | yes               |
+| tintColor                       | Sets the tint color of the map. (Changes the color of the position indicator) Defaults to system blue. **Note:** iOS (Apple maps) only.                                                                                                                                                          | Color                                   |            | no       | ios         | no                |
+| moveOnMarkerPress               | `Android only` If `false` the map won't move when a marker is pressed.                                                                                                                                                                                                                           | Boolean                                 | true       | no       | android     | no                |
+| legalLabelInsets                | If set, changes the position of the "Legal" label link from the OS default. **Note:** iOS only.                                                                                                                                                                                                  | EdgeInsets                              |            | no       | ios         | no                |
+| kmlSrc                          | The URL from KML file. **Note:** Google Maps and Markers only (either Android or iOS with `PROVIDER_GOOGLE`).                                                                                                                                                                                    | String                                  |            | no       | ios/android | no                |
+| compassOffset                   | If set, changes the position of the compass. **Note:** iOS Maps only.                                                                                                                                                                                                                            | Point                                   |            | no       | ios         | yes               |
+| isAccessibilityElement          | Determines whether the MapView captures VoiceOver touches or forwards them to children. When `true`, map markers are not visible to VoiceOver. **Note:** iOS Maps only.                                                                                                                          | Boolean                                 | false      | no       | ios         | no                |
+| cameraZoomRange                 | Map camera distance limits. `minCenterCoordinateDistance` for minimum distance, `maxCenterCoordinateDistance` for maximum, `animated` for animated zoom range changes. Takes precedence if conflicting with `minZoomLevel`, `maxZoomLevel`. **Note**: iOS 13.0+ only.                            | cameraZoomRange                         |            | no       | ios         | no                |
+
+注：HarmonyOS 侧的 mapType 支持以下字符串值
+
+'none' \ 'standard' \ 'terrain'
+
+### 静态方法
+
+| Name     | Description | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | ----------- | -------- | -------- | ----------- | ----------------- |
+| Animated | 动画        | Animated | no       | ios/android | no                |
+
+### API
+
+| Name                      | Description                                                                                                                                                       | Arguments                                                                            | Platform    | HarmonyOS Support |
+| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ----------- | ----------------- |
+| getCamera                 | Returns a `Promise<Camera>` structure indicating the current camera configuration.                                                                                |                                                                                      | ios/android | yes               |
+| animateCamera             | Animate the camera to a new view. You can pass a partial camera object here; any property not given will remain unmodified.                                       | camera: Camera`, `{ duration: Number }                                               | ios/android | yes               |
+| setCamera                 | Like `animateCamera`, but sets the new view instantly, without an animation.                                                                                      | camera: Camera                                                                       | ios/android | yes               |
+| animateToRegion           | Like `animateCamera`                                                                                                                                              | region: Region`, `duration: Number                                                   | ios/android | yes               |
+| getMapBoundaries          | Promise<{northEast: LatLng, southWest: LatLng}>                                                                                                                   |                                                                                      | ios/android | yes               |
+| setMapBoundaries          | The boundary is defined by the map's center coordinates, not the device's viewport itself. **Note:** Google Maps only.                                            | northEast: LatLng`, `southWest: LatLng                                               | ios/android | yes               |
+| setIndoorActiveLevelIndex |                                                                                                                                                                   | levelIndex: Number                                                                   | ios/android | no                |
+| fitToElements             | **Note** edgePadding is Google Maps only                                                                                                                          | options: { edgePadding: EdgePadding, animated: Boolean }                             | ios/android | no                |
+| fitToSuppliedMarkers      | If you need to use this in `ComponentDidMount`, make sure you put it in a timeout or it will cause performance problems. **Note** edgePadding is Google Maps only | markerIDs: String[], options: { edgePadding: EdgePadding, animated: Boolean }        | ios/android | no                |
+| fitToCoordinates          | If called in `ComponentDidMount` in android, it will cause an exception. It is recommended to call it from the MapView `onLayout` event.                          | coordinates: Array<LatLng>, options: { edgePadding: EdgePadding, animated: Boolean } | ios/android | yes               |
+| addressForCoordinate      | Converts a map coordinate to a address (`Address`). Returns a `Promise<Address>` **Note** Not supported on Google Maps for iOS.                                   | coordinate: LatLng                                                                   | ios/android | yes               |
+| pointForCoordinate        | Converts a map coordinate to a view coordinate (`Point`). Returns a `Promise<Point>`.                                                                             | coordinate: LatLng                                                                   | ios/android | yes               |
+| coordinateForPoint        | Converts a view coordinate (`Point`) to a map coordinate. Returns a `Promise<Coordinate>`.                                                                        | point: Point                                                                         | ios/android | yes               |
+| getMarkersFrames          | Get markers' centers and frames in view coordinates. Returns a `Promise<{ "markerID" : { point: Point, frame: Frame } }>`. **Note**: iOS only.                    | onlyVisible: Boolean                                                                 | ios         | no                |
+| takeSnapshot              | Takes a snapshot of the map and saves it to a picture file or returns the image as a base64 encoded string.                                                       | SnapshotOptions                                                                      | ios/android | yes               |
+
+## Marker
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name                    | Description                                                                                                                                                                                                                                                                                                                                                              | Type            | Default  | Required | Platform    | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- | -------- | -------- | ----------- | ----------------- |
+| title                   | The title of the marker. This is only used if the component has no children that are a `<Callout />`, in which case the default callout behavior will be used, which will show both the `title` and the `description`, if provided.                                                                                                                                      | String          |          | no       | ios/android | yes               |
+| description             | The description of the marker. This is only used if the component has no children that are a `<Callout />`, in which case the default callout behavior will be used, which will show both the `title` and the `description`, if provided.                                                                                                                                | String          |          | no       | ios/android | yes               |
+| image                   | A custom image to be used as the marker's icon. Only local image resources are allowed to be used.                                                                                                                                                                                                                                                                       | `ImageSource`\* |          | no       | ios/android | yes               |
+| icon                    | Marker icon to render (equivalent to `icon` property of GMSMarker Class). Only local image resources are allowed to be used. **Note:** Google maps only!                                                                                                                                                                                                                 | `ImageSource`\* |          | no       | ios/android | no                |
+| pinColor                | If no custom marker view or custom image is provided, the platform default pin will be used, which can be customized by this color. Ignored if a custom marker is being used.                                                                                                                                                                                            | Color           |          | no       | ios/android | no                |
+| coordinate              | The coordinate for the marker.                                                                                                                                                                                                                                                                                                                                           | LatLng          |          | yes      | ios/android | yes               |
+| centerOffset            | The offset (in points) at which to display the view.                                                                                                                                                                                                                                                                                                                     | Point           | (0, 0)   | no       | ios/android | no                |
+| calloutOffset           | The offset (in points) at which to place the callout bubble.                                                                                                                                                                                                                                                                                                             | Point           | (0, 0)   | no       | ios/android | no                |
+| anchor                  | Sets the anchor point for the marker.                                                                                                                                                                                                                                                                                                                                    | Point           | (0.5, 1) | no       | ios/android | yes               |
+| calloutAnchor           | Specifies the point in the marker image at which to anchor the callout when it is displayed. This is specified in the same coordinate system as the anchor. See the `anchor` prop for more details.                                                                                                                                                                      | Point           | (0.5, 0) | no       | ios/android | yes               |
+| flat                    | Sets whether this marker should be flat against the map true or a billboard facing the camera.                                                                                                                                                                                                                                                                           | Boolean         | false    | no       | ios/android | yes               |
+| identifier              | An identifier used to reference this marker at a later date.                                                                                                                                                                                                                                                                                                             | String          |          | no       | ios/android | no                |
+| rotation                | A float number indicating marker's rotation angle, in degrees.                                                                                                                                                                                                                                                                                                           | Float           | 0        | no       | ios/android | yes               |
+| draggable               | This is a non-value based prop. Adding this allows the marker to be draggable (re-positioned).                                                                                                                                                                                                                                                                           | Boolean         | false    | no       | ios/android | yes               |
+| tappable                | Sets whether marker should be tappable. If set to false, the marker will not have onPress events. **Note**: iOS Google Maps only.                                                                                                                                                                                                                                        | Boolean         | true     | no       | ios/android | yes               |
+| tracksViewChanges       | Sets whether this marker should track changes to child views. When using a child view to create a custom marker this option determines if changes to the content will be tracked after the first render pass. This option has a performance impact so when possible it's recommended to disable it and explictly call the `redraw` method if the marker content changes. | Boolean         | true     | no       | ios/android | no                |
+| tracksInfoWindowChanges | Sets whether this marker should track view changes in info window. Enabling it will let marker change content of info window after first render pass, but will lead to decreased performance, so it's recommended to disable it whenever you don't need it. **Note**: iOS Google Maps only.                                                                              | Boolean         | false    | no       | ios/android | no                |
+| stopPropagation         | Sets whether this marker should propagate `onPress` events. Enabling it will stop the parent `MapView`'s `onPress` from being called. **Note**: iOS only. Android does not propagate `onPress` events. See [#1132](https://github.com/react-community/react-native-maps/issues/1132) for more information.                                                               | Boolean         | false    | no       | ios/android | no                |
+| opacity                 | The marker's opacity between 0.0 and 1.0.                                                                                                                                                                                                                                                                                                                                | Float           | 1.0      | no       | ios/android | yes               |
+| isPreselected           | When true, the marker will be pre-selected. Setting this to true allows the user to drag the marker without needing to tap on it once to focus on it. **Note**: iOS Apple Maps only.                                                                                                                                                                                     | Boolean         | false    | no       | ios         | no                |
+| key                     | If no key or non-unique `key` is specified, the `<Marker />` will be reused, therefore there is an animation when the position is changed. If you want to disable the animation, add a `key` prop with a unique value like `key_${item.longitude}_${item.latitude}`. **Note**: iOS only.                                                                                 |                 |          | no       | ios         | no                |
+
+### 静态方法
+
+| Name     | Description | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | ----------- | -------- | -------- | ----------- | ----------------- |
+| Animated | 动画        | Animated | no       | ios/android | no                |
+
+### API
+
+| Name                      | Description                                                                                                                            | Arguments | Platform    | HarmonyOS Support |
+| ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | --------- | ----------- | ----------------- |
+| showCallout               | Shows the callout for this marker                                                                                                      |           | ios/android | yes               |
+| hideCallout               | Hides the callout for this marker                                                                                                      |           | ios/android | yes               |
+| redrawCallout             | Causes a redraw of the marker's callout. Useful for Google Maps on iOS. **Note**: iOS only.                                            |           | ios         | no                |
+| animateMarkerToCoordinate | Animates marker movement. **Note**: Android only                                                                                       |           | android     | yes               |
+| redraw                    | Causes a redraw of the marker. Useful when there are updates to the marker and `tracksViewChanges` comes with a cost that is too high. |           | ios/android | yes               |
+
+## Polyline
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type          | Default               | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | --------------------- | -------- | ----------- | ----------------- |
+| coordinates     | An array of coordinates to describe the polyline                                                                                                                                                                                                                                                                                                                                                                                                                                  | Array<LatLng> |                       | yes      | ios/android | yes               |
+| strokeWidth     | The stroke width to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | Number        | 1                     | no       | ios/android | yes               |
+| strokeColor     | The stroke color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | String        | #000, rgba(r,g,b,0.5) | no       | ios/android | yes               |
+| strokeColors    | The stroke colors to use for the path (iOS only). Must be the same length as `coordinates`.                                                                                                                                                                                                                                                                                                                                                                                       | Array<String> |                       | no       | ios/android | yes               |
+| lineCap         | The line cap style to apply to the open ends of the path. Possible values are `butt`, `round` or `square`. Note: lineCap is not yet supported for GoogleMaps provider on iOS.                                                                                                                                                                                                                                                                                                     | String        | round                 | no       | ios/android | yes               |
+| lineJoin        | The line join style to apply to corners of the path. Possible values are `miter`, `round` or `bevel`.                                                                                                                                                                                                                                                                                                                                                                             | String        | round                 | no       | ios/android | yes               |
+| miterLimit      | The limiting value that helps avoid spikes at junctions between connected line segments. The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If the ratio of the miter length—that is, the diagonal length of the miter join—to the line thickness exceeds the miter limit, the joint is converted to a bevel join. The default miter limit is 10, which results in the conversion of miters whose angle at the joint is less than 11 degrees. | Number        |                       | no       | ios/android | no                |
+| geodesic        | Boolean to indicate whether to draw each segment of the line as a geodesic as opposed to straight lines on the Mercator projection. A geodesic is the shortest path between two points on the Earth's surface. The geodesic curve is constructed assuming the Earth is a sphere.                                                                                                                                                                                                  | Boolean       |                       | no       | ios/android | yes               |
+| lineDashPhase   | (iOS only) The offset (in points) at which to start drawing the dash pattern. Use this property to start drawing a dashed line partway through a segment or gap. For example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the middle of the first gap.                                                                                                                                                                                              | Number        | 0                     | no       | ios/android | no                |
+| lineDashPattern | An array of numbers specifying the dash pattern to use for the path. The array contains one or more numbers that indicate the lengths (measured in points) of the line segments and gaps in the pattern. The values in the array alternate, starting with the first line segment length, followed by the first gap length, followed by the second line segment length, and so on.                                                                                                 | Array<Number> |                       | no       | ios/android | yes               |
+| tappable        | Boolean to allow a polyline to be tappable and use the onPress function.                                                                                                                                                                                                                                                                                                                                                                                                          | Bool          |                       | no       | ios/android | yes               |
+
+注：HarmonyOS 侧的 lineJoin 支持以下字符串值
+
+'default' \ 'bevel' \ 'round'
+
+## Polygon
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type                 | Default                 | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | ----------------------- | -------- | ----------- | ----------------- |
+| coordinates     | An array of coordinates to describe the polygon                                                                                                                                                                                                                                                                                                                                                                                                                                   | Array<LatLng>        |                         | yes      | ios/android | yes               |
+| holes           | A 2d array of coordinates to describe holes of the polygon where each hole has at least 3 points.                                                                                                                                                                                                                                                                                                                                                                                 | Array<Array<LatLng>> |                         | no       | ios/android | yes               |
+| strokeWidth     | The stroke width to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | Number               | 1                       | no       | ios/android | yes               |
+| strokeColor     | The stroke color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | String               | #000`, `rgba(r,g,b,0.5) | no       | ios/android | yes               |
+| fillColor       | The fill color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                               | String               | #000`, `rgba(r,g,b,0.5) | no       | ios/android | yes               |
+| lineCap         | The line cap style to apply to the open ends of the path. Possible values are `butt`, `round` or `square`. Note: lineCap is not yet supported for GoogleMaps provider on iOS.                                                                                                                                                                                                                                                                                                     | String               | round                   | no       | ios/android | no                |
+| lineJoin        | The line join style to apply to corners of the path. Possible values are `miter`, `round` or `bevel`.                                                                                                                                                                                                                                                                                                                                                                             | String               | round                   | no       | ios/android | yes               |
+| miterLimit      | The limiting value that helps avoid spikes at junctions between connected line segments. The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If the ratio of the miter length—that is, the diagonal length of the miter join—to the line thickness exceeds the miter limit, the joint is converted to a bevel join. The default miter limit is 10, which results in the conversion of miters whose angle at the joint is less than 11 degrees. | Number               |                         | no       | ios/android | no                |
+| geodesic        | Boolean to indicate whether to draw each segment of the line as a geodesic as opposed to straight lines on the Mercator projection. A geodesic is the shortest path between two points on the Earth's surface. The geodesic curve is constructed assuming the Earth is a sphere.                                                                                                                                                                                                  | Boolean              |                         | no       | ios/android | yes               |
+| lineDashPhase   | (iOS only) The offset (in points) at which to start drawing the dash pattern. Use this property to start drawing a dashed line partway through a segment or gap. For example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the middle of the first gap.                                                                                                                                                                                              | Number               | 0                       | no       | ios/android | no                |
+| lineDashPattern | (iOS only) An array of numbers specifying the dash pattern to use for the path. The array contains one or more numbers that indicate the lengths (measured in points) of the line segments and gaps in the pattern. The values in the array alternate, starting with the first line segment length, followed by the first gap length, followed by the second line segment length, and so on.                                                                                      | Array<Number>        |                         | no       | ios/android | yes               |
+| tappable        | Boolean to allow a polygon to be tappable and use the onPress function.                                                                                                                                                                                                                                                                                                                                                                                                           | Bool                 | false                   | no       | ios/android | yes               |
+| zIndex          | (Android Only) The order in which this polygon overlay is drawn with respect to other overlays. An overlay with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays with the same z-index is arbitrary. The default zIndex is 0.                                                                                                                                                                                                                | Number               | 0                       | no       | ios/android | yes               |
+
+注：HarmonyOS 侧的 lineJoin 支持以下字符串值
+
+'default' \ 'bevel' \ 'round'
+
+## Circle
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type          | Default                 | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | ----------------------- | -------- | ----------- | ----------------- |
+| center          | The coordinate of the center of the circle                                                                                                                                                                                                                                                                                                                                                                                                                                        | LatLng        |                         | yes      | ios/android | yes               |
+| radius          | The radius of the circle to be drawn (in meters)                                                                                                                                                                                                                                                                                                                                                                                                                                  | Number        |                         | yes      | ios/android | yes               |
+| strokeWidth     | The stroke width to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | Number        | 1                       | no       | ios/android | yes               |
+| strokeColor     | The stroke color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                             | String        | #000`, `rgba(r,g,b,0.5) | no       | ios/android | yes               |
+| fillColor       | The fill color to use for the path.                                                                                                                                                                                                                                                                                                                                                                                                                                               | String        | #000`, `rgba(r,g,b,0.5) | no       | ios/android | yes               |
+| zIndex          | The order in which this tile overlay is drawn with respect to other overlays. An overlay with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays with the same z-index is arbitrary. The default zIndex is 0. (Android Only)                                                                                                                                                                                                                   | Number        | 0                       | no       | ios/android | yes               |
+| lineCap         | The line cap style to apply to the open ends of the path. Other values : `butt`, `square`                                                                                                                                                                                                                                                                                                                                                                                         | String        | round                   | no       | ios/android | no                |
+| lineJoin        | The line join style to apply to corners of the path. possible value: `miter`, `round`, `bevel`                                                                                                                                                                                                                                                                                                                                                                                    | String        |                         | no       | ios/android | no                |
+| miterLimit      | The limiting value that helps avoid spikes at junctions between connected line segments. The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If the ratio of the miter length—that is, the diagonal length of the miter join—to the line thickness exceeds the miter limit, the joint is converted to a bevel join. The default miter limit is 10, which results in the conversion of miters whose angle at the joint is less than 11 degrees. | Number        | 10                      | no       | ios/android | no                |
+| lineDashPhase   | (iOS only) The offset (in points) at which to start drawing the dash pattern. Use this property to start drawing a dashed line partway through a segment or gap. For example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the middle of the first gap.                                                                                                                                                                                              | Number        | 0                       | no       | ios/android | no                |
+| lineDashPattern | (iOS only) An array of numbers specifying the dash pattern to use for the path. The array contains one or more numbers that indicate the lengths (measured in points) of the line segments and gaps in the pattern. The values in the array alternate, starting with the first line segment length, followed by the first gap length, followed by the second line segment length, and so on.                                                                                      | Array<Number> |                         | no       | ios/android | yes               |
+
+## Overlay
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name     | Description                                                                                                                                      | Type          | Default | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | ------- | -------- | ----------- | ----------------- |
+| image    | A custom image to be used as the overlay. Only required local image resources and uri (as for images located in the net) are allowed to be used. | ImageSource   |         | yes      | ios/android | yes               |
+| bounds   | The coordinates for the image (bottom-left corner, top-right corner). ie.`[[lat, long], [lat, long]]`                                            | Array<LatLng> |         | yes      | ios/android | yes               |
+| bearing  | `Google Maps API only` The bearing in degrees clockwise from north. Values outside the range [0, 360) will be normalized.                        | Number        | 0       | no       | ios/android | yes               |
+| tappable | `Android only` Boolean to allow an overlay to be tappable and use the onPress function.                                                          | Bool          | false   | no       | ios/android | yes               |
+| opacity  | `Google maps only` The opacity of the overlay.                                                                                                   | Number        | 1.0     | no       | ios/android | yes               |
+
+### 静态方法
+
+| Name     | Description | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | ----------- | -------- | -------- | ----------- | ----------------- |
+| Animated | 动画        | Animated | no       | ios/android | no                |
+
+## UrlTile & WMSTile
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name                    | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Type    | Default | Required | Platform    | HarmonyOS Support |
+| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------- | -------- | ----------- | ----------------- |
+| urlTemplate             | The url template of the map tileserver. (URLTile) The patterns {x} {y} {z} will be replaced at runtime. For example, http://c.tile.openstreetmap.org/{z}/{x}/{y}.png. It is also possible to refer to tiles in local filesystem with file:///top-level-directory/sub-directory/{z}/{x}/{y}.png URL-format. (WMSTile) The patterns {minX} {maxX} {minY} {maxY} {width} {height} will be replaced at runtime according to EPSG:900913 specification bounding box. For example, https://demo.geo-solutions.it/geoserver/tiger/wms?service=WMS&version=1.1.0&request=GetMap&layers=tiger:poi&styles=&bbox={minX},{minY},{maxX},{maxY}&width={width}&height={height}&srs=EPSG:900913&format=image/png&transparent=true&format_options=dpi:213. | String  |         | no       | ios/android | no                |
+| minimumZ                | The minimum zoom level for this tile overlay.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | Number  |         | no       | ios/android | no                |
+| maximumZ                | The maximum zoom level for this tile overlay.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | Number  |         | no       | ios/android | no                |
+| maximumNativeZ          | (Optional) The maximum native zoom level for this tile overlay i.e. the highest zoom level that the tile server provides. Tiles are auto-scaled for higher zoom levels.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | Number  |         | no       | ios/android | no                |
+| zIndex                  | (Optional) The order in which this tile overlay is drawn with respect to other overlays. An overlay with a larger z-index is drawn over overlays with smaller z-indices. The order of overlays with the same z-index is arbitrary.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Number  | -1      | no       | ios/android | no                |
+| tileSize                | (Optional) Tile size, default size is 256 (for tiles of 256 _ 256 pixels). High-res (aka 'retina') tiles are 512 (tiles of 512 _ 512 pixels).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | Number  |         | no       | ios/android | no                |
+| doubleTileSize          | (Optional) Doubles tile size from 256 to 512 utilising higher zoom levels i.e loading 4 higher zoom level tiles and combining them for one high-resolution tile. iOS does this automatically, even if it is not desirable always. NB! using this makes text labels smaller than in the original map style.                                                                                                                                                                                                                                                                                                                                                                                                                                | Boolean | false   | no       | ios/android | no                |
+| shouldReplaceMapContent | (iOS) Corresponds to MKTileOverlay canReplaceMapContent i.e. if true then underlying iOS basemap is not shown.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Boolean | false   | no       | ios/android | no                |
+| flipY                   | (Optional)Allow tiles using the TMS coordinate system (origin bottom left) to be used, and displayed at their correct coordinates.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Boolean | false   | no       | ios/android | no                |
+| tileCachePath           | (Optional) Enable caching of tiles in the specified directory. Directory can be specified either as a normal path or in URL format (`file://`). Tiles are stored in tileCachePath directory as `/{z}/{x}/{y}` i.e. in sub-directories 2-levels deep, filename is tile y-coordinate without any filetype-extension.NB! All cache management needs to be implemented by client e.g. deleting tiles to manage use of storage space etc.                                                                                                                                                                                                                                                                                                      | String  |         | no       | ios/android | no                |
+| tileCacheMaxAge         | (Optional) Defines maximum age in seconds for a cached tile before it's refreshed. NB! Refresh logic is "serve-stale-while-refresh" i.e. to ensure map availability a stale (over max age) tile is served while a tile refresh process is started in the background.                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Number  |         | no       | ios/android | no                |
+| offlineMode             | (Optional) Sets offline-mode. In offline-mode tiles are not fetched from the tile servers, rather only tiles stored in the cache directory are used. Furthermore automated tile scaling is activated: if tile at a desired zoom level is not found from the cache directory, then lower zoom level tile is used (up to 4 levels lower) and scaled.                                                                                                                                                                                                                                                                                                                                                                                        | Boolean | false   | no       | ios/android | no                |
+| opacity                 | (Optional) Map layer opacity. Value between 0 - 1, with 0 meaning fully transparent.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Number  |         | no       | ios/android | no                |
+
+## Callout
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name         | Description                                                                                                                                                                                     | Type    | Default | Required | Platform    | HarmonyOS Support |
+| ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------- | -------- | ----------- | ----------------- |
+| tooltip      | If `false`, a default "tooltip" bubble window will be drawn around this callouts children. If `true`, the child views can fully customize their appearance, including any "bubble" like styles. | Boolean | false   | no       | ios/android | no                |
+| alphaHitTest | If `true`, clicks on transparent areas in callout will be passed to map. **Note**: iOS only.                                                                                                    | Boolean | false   | no       | ios         | no                |
+
+## Geojson
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name              | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type                        | Default                                            | Required | Platform    | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------------------------------------------------- | -------- | ----------- | ----------------- |
+| geojson           | [Geojson](https://geojson.org/) description of object.                                                                                                                                                                                                                                                                                                                                                                                                                            | GeoJSON                     |                                                    | yes      | ios/android | yes               |
+| strokeColor       | The stroke color to use for polygons and polylines.                                                                                                                                                                                                                                                                                                                                                                                                                               | String                      | stroke`property in GeoJson if present else`#000    | no       | ios/android | yes               |
+| fillColor         | The fill color to use for polygons.                                                                                                                                                                                                                                                                                                                                                                                                                                               | String                      | `fill` property in GeoJson                         | no       | ios/android | yes               |
+| strokeWidth       | The stroke width to use for polygons and polylines.                                                                                                                                                                                                                                                                                                                                                                                                                               | Number                      | stroke-width`property in Geojson if present else`1 | no       | ios/android | yes               |
+| color             | The color to use for points.                                                                                                                                                                                                                                                                                                                                                                                                                                                      | String                      | `marker-color` property in GeoJson                 | no       | ios/android | no                |
+| lineDashPhase     | (iOS only) The offset (in points) at which to start drawing the dash pattern. Use this property to start drawing a dashed line partway through a segment or gap. For example, a phase value of 6 for the patter 5-2-3-2 would cause drawing to begin in the middle of the first gap.                                                                                                                                                                                              | Number                      |                                                    | no       | ios         | no                |
+| lineDashPattern   | An array of numbers specifying the dash pattern to use for the path. The array contains one or more numbers that indicate the lengths (measured in points) of the line segments and gaps in the pattern. The values in the array alternate, starting with the first line segment length, followed by the first gap length, followed by the second line segment length, and so on.                                                                                                 | Array<Number>               |                                                    | no       | ios/android | yes               |
+| lineCap           | The line cap style to apply to the open ends of the path. Possible values are `butt`, `round` or `square`. Note: lineCap is not yet supported for GoogleMaps provider on iOS.                                                                                                                                                                                                                                                                                                     | 'butt' / 'round' / 'square' |                                                    | no       | ios/android | yes               |
+| lineJoin          | The line join style to apply to corners of the path. Possible values are `miter`, `round` or `bevel`.                                                                                                                                                                                                                                                                                                                                                                             | 'miter' / 'round' / 'bevel' |                                                    | no       | ios/android | yes               |
+| miterLimit        | The limiting value that helps avoid spikes at junctions between connected line segments. The miter limit helps you avoid spikes in paths that use the `miter` `lineJoin` style. If the ratio of the miter length—that is, the diagonal length of the miter join—to the line thickness exceeds the miter limit, the joint is converted to a bevel join. The default miter limit is 10, which results in the conversion of miters whose angle at the joint is less than 11 degrees. | Number                      |                                                    | no       | ios/android | no                |
+| zIndex            | Layer level of the z-index value                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Number                      |                                                    | no       | ios/android | yes               |
+| onPress           | returns the selected overlay value with the onPress functionality                                                                                                                                                                                                                                                                                                                                                                                                                 | Function                    |                                                    | no       | ios/android | yes               |
+| markerComponent   | Component to render in place of the default marker when the overlay type is a `point`                                                                                                                                                                                                                                                                                                                                                                                             | React Node                  |                                                    | no       | ios/android | no                |
+| title             | The title of the marker. This is only used if the component has no children that are a `<Callout />`                                                                                                                                                                                                                                                                                                                                                                              | string                      |                                                    | no       | ios/android | yes               |
+| tracksViewChanges | Sets whether this marker should track view changes. It's recommended to turn it off whenever it's possible to improve custom marker performance. This is the default value for all point markers in your geojson data. It can be overriden on a per point basis by adding a `trackViewChanges` property to the `properties` object on the point.                                                                                                                                  | Boolean                     | true                                               | no       | ios/android | no                |
+| image             | A custom image to be used as the marker's icon. Only local image resources are allowed to be used.                                                                                                                                                                                                                                                                                                                                                                                | `ImageSource`\*             |                                                    | no       | ios/android | yes               |
+| tappable          | Boolean to allow a polygon and polyline to be tappable and use the onPress function.                                                                                                                                                                                                                                                                                                                                                                                              | Boolean                     | false                                              | no       | ios/android | yes               |
+
+## Heatmap
+
+> **Note**: Supported on Google Maps only.
+>
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name     | Description                                                       | Type                  | Default | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------------------------------------------- | --------------------- | ------- | -------- | ----------- | ----------------- |
+| points   | Array of heatmap entries to apply towards density.                | Array<WeightedLatLng> |         | no       | ios/android | no                |
+| radius   | The radius of the heatmap points in pixels, between 10 and 50.    | Number                | 20      | no       | ios/android | no                |
+| opacity  | The opacity of the heatmap.                                       | Number                | 0.7     | no       | ios/android | no                |
+| gradient | Heatmap gradient configuration (See below for _Gradient Config_). | Object                |         | no       | ios/android | no                |
+
+#### Gradient Config
+
+[Android Doc](https://developers.google.com/maps/documentation/android-sdk/utility/heatmap#custom) | [iOS Doc](https://developers.google.com/maps/documentation/ios-sdk/utility/heatmap#customize)
+
+| Name         | Description                                                                                                                           | Type          | Default | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------------------------------------------------------------------------------- | ------------- | ------- | -------- | ----------- | ----------------- |
+| colors       | Colors (one or more) to use for gradient.                                                                                             | Array<String> |         | yes      | ios/android | no                |
+| startPoints  | Array of floating point values from 0 to 1 representing where each color starts. Array length must be equal to `colors` array length. | Array<Number> |         | yes      | ios/android | no                |
+| colorMapSize | Resolution of color map -- number corresponding to the number of steps colors are interpolated into.                                  | Number        | 256     | yes      | ios/android | no                |
+
+## 遗留问题
+
+- [ ] AIRMap 和 AIRMapMarker 中 Animated 未实现 [issues#1](https://github.com/react-native-oh-library/react-native-maps/issues/1)
+- [X] AIRMapOverlay 组件目前华为地图中不支持往地图组件中添加自定义 view [issues#2](https://github.com/react-native-oh-library/react-native-maps/issues/2)
+- [ ] AIRMap AIRMapMarker AIRMapPolyline AIRMapPolygon AIRMapCircle 组件在 HarmonyOS 中的不支持属性是因为华为地图没提供对应的属性 [issues#3](https://github.com/react-native-oh-library/react-native-maps/issues/3)
+- [ ] AIRMapCallout AIRMapCalloutSubview 组件为 marker 子组件，华为地图中 marker 有自带的，但是目前不支持自定义样式显示 [issues#4](https://github.com/react-native-oh-library/react-native-maps/issues/4)
+- [ ] AIRMapUrlTile AIRMapWMSTile 瓦片地图加载方式华为地图不支持 [issues#5](https://github.com/react-native-oh-library/react-native-maps/issues/5)
+- [ ] Heatmap 华为地图不支持 [issues#6](https://github.com/react-native-oh-library/react-native-maps/issues/6)
+
+## 开源协议
+
+本项目基于 [MIT License (MIT)](https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-markdown-display.md b/en/react-native-markdown-display.md
new file mode 100644
index 00000000..d56ae79a
--- /dev/null
+++ b/en/react-native-markdown-display.md
@@ -0,0 +1,130 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-markdown-display</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-oh-library/react-native-markdown-display">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20macos%20|%20web%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/iamacup/react-native-markdown-display/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-markdown-display@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-markdown-display@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { SafeAreaView, ScrollView, StatusBar } from 'react-native';
+
+import Markdown from 'react-native-markdown-display';
+
+const copy = `# h1 Heading 8-)
+
+**This is some bold text!**
+
+This is normal text
+`;
+
+const App: () => React$Node = () => {
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView>
+        <ScrollView
+          contentInsetAdjustmentBehavior="automatic"
+          style={{height: '100%'}}
+        >
+          <Markdown>
+            {copy}
+          </Markdown>
+        </ScrollView>
+      </SafeAreaView>
+    </>
+  );
+};
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持` AutoLink`，所以` Link` 步骤需要手动配置。
+
+首先需要使用 `DevEco Studio` 打开项目里的 HarmonyOS 工程 `harmony`
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过
+
+- RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
+- RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请查看[react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display/blob/master/README.md)
+
+如下是已经 HarmonyOS 化的属性：
+
+> [!tip] " HarmonyOS 支持"列为 yes 的属性表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+
+| Name                      | Description                                                                                                                                                                                           | Default                                                                                                                    | Required | Platform | HarmonyOS Support |
+| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| `children`                | The markdown string to render, or the [pre-processed tree](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#pre-processing)                                          | N/A                                                                                                                        | Yes      | All      | yes               |
+| `style`                   | An object to override the styling for the various rules, [see style section below](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#rules-and-styles) for more info  | [source](https://github.com/react-native-oh-library/react-native-markdown-display/blob/7.0.2-0.0.1/src/lib/styles.js)      | No       | All      | yes               |
+| `mergeStyle`              | If true, when a style is supplied, the individual items are merged with the default styles instead of overwriting them                                                                                | `true`                                                                                                                     | No       | All      | yes               |
+| `rules`                   | An object of rules that specify how to render each markdown item, [see rules section below](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#rules) for more info    | [source](https://github.com/react-native-oh-library/react-native-markdown-display/blob/7.0.2-0.0.1/src/lib/renderRules.js) | No       | All      | yes               |
+| `onLinkPress`             | A handler function to change click behaviour, [see handling links section below](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#handling-links) for more info      | `import { Linking } from 'react-native';` and `Linking.openURL(url);`                                                      | No       | All      | yes               |
+| `debugPrintTree`          | Will print the AST tree to the console to help you see what the markdown is being translated to                                                                                                       | `false`                                                                                                                    | No       | All      | yes               |
+| `renderer`                | Used to specify a custom renderer, you can not use the rules or styles props with a custom renderer.                                                                                                  | `instanceOf(AstRenderer)`                                                                                                  | No       | All      | yes               |
+| `markdownit`              | A custom markdownit instance with your configuration, default is `MarkdownIt({typographer: true})`                                                                                                    | `instanceOf(MarkdownIt)`                                                                                                   | No       | All      | yes               |
+| `maxTopLevelChildren`     | If defined as a number will only render out first `n` many top level children, then will try to render out `topLevelMaxExceededItem`                                                                  | `null`                                                                                                                     | No       | All      | yes               |
+| `topLevelMaxExceededItem` | Will render when `maxTopLevelChildren` is hit. Make sure to give it a key!                                                                                                                            | `<Text key="dotdotdot">...</Text>`                                                                                         | No       | All      | yes               |
+| `allowedImageHandlers`    | Any image that does not start with one of these will have the `defaultImageHandler` value prepended to it (unless `defaultImageHandler` is null in which case it won't try to render anything)        | `['data:image/png;base64', 'data:image/gif;base64', 'data:image/jpeg;base64', 'https://', 'http://']`                      | No       | All      | yes               |
+| `defaultImageHandler`     | Will be prepended to an image url if it does not start with something in the `allowedImageHandlers` array, if this is set to null, it won't try to recover but will just not render anything instead. | `http://`                                                                                                                  | No       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/iamacup/react-native-markdown-display/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-markdown-renderer.md b/en/react-native-markdown-renderer.md
new file mode 100644
index 00000000..57d9b4db
--- /dev/null
+++ b/en/react-native-markdown-renderer.md
@@ -0,0 +1,140 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-markdown-renderer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mientjan/react-native-markdown-renderer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20iOS%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mientjan/react-native-markdown-renderer/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-markdown-renderer)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-markdown-renderer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-markdown-renderer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import react from "react";
+import { PureComponent } from "react-native";
+import Markdown from "react-native-markdown-renderer";
+
+const copy = `# h1 Heading 8-)
+
+| Option | Description |
+| ------ | ----------- |
+| data   | path to data files to supply the data that will be passed into templates. |
+| engine | engine to be used for processing templates. Handlebars is the default. |
+| ext    | extension to be used for dest files. |
+`;
+
+export default class Page extends PureComponent {
+  static propTypes = {};
+  static defaultProps = {};
+
+  render() {
+    return <Markdown>{copy}</Markdown>;
+  }
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)，并下载适用版本的 tgz 包。
+
+## Markdown 组件
+
+默认导出 Markdown 组件
+
+Markdown 组件核心功能就是支持 Markdowm 语法格式的渲染，语法格式为（说明:`copy`为符合 Markdown 语法的字符串）：`<Markdown>{copy}</Markdown>`。
+说明：`copy`为组件支持的满足 Markdown 语法格式的字符串，具体支持的语法格式，详见：[Syntax Support](https://github.com/mientjan/react-native-markdown-renderer/blob/master/README.md)
+
+### 组件属性
+
+Markdown 组件的 Props
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                                                      | Type     | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| style      | Overrides the built-in style of the original Markdown component                                  | object   | no       | iOS/Android | yes               |
+| rules      | Rendering rule of the markdowm syntax tag in the Markdown component.                             | function | yes      | iOS/Android | yes               |
+| markdownit | MarkdownIt 类的 md 实例，用于覆盖默认的 MarkdownIt 实例（默认：MarkdownIt({typographer: true})） | object   | yes      | iOS/Android | yes               |
+
+## 库相关变量、封装类及工具函数
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+改库导出了一系列内部定义的常量、封装类及工具函数
+
+### 内部定义的常量
+
+| Name        | Description            | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ---------------------- | ------ | -------- | ----------- | ----------------- |
+| renderRules | 内部定义的渲染规则对象 | object | no       | iOS/Android | yes               |
+| styles      | 内部定义的样式对象     | object | no       | iOS/Android | yes               |
+
+### 封装类
+
+| Name            | Description                           | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| AstRenderer     | 内部封装的 AST 抽象树渲染类           | object | no       | iOS/Android | yes               |
+| PluginContainer | 内部定义的 blockPlugin 插件容器类     | object | no       | iOS/Android | yes               |
+| MarkdownIt      | 内部依赖库 markdown-it 默认导出的对象 | object | no       | iOS/Android | yes               |
+
+### 工具函数
+
+| Name           | Description                                                                                    | Type     | Required | Platform    | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| applyStyle     | 用于将给指定的 displayName 组件转换为 Text 组件并应用 style 样式                               | function | no       | iOS/Android | yes               |
+| getUniqueID    | 获取 uuid 时间戳字符串作为唯一标识                                                             | function | yes      | iOS/Android | yes               |
+| openUrl        | 打开默认应用，跳转指定链接地址                                                                 | function | yes      | iOS/Android | yes               |
+| hasParents     | 判断指定 parents 数组中是否存在指定 type 的元素 （内部方法，不应直接调用）                     | function | yes      | iOS/Android | yes               |
+| parser         | 将指定的 source 通过 renderer 方法及 MarkdownIt 对象转换为 View 组件（内部方法，不应直接调用） | function | yes      | iOS/Android | yes               |
+| stringToTokens | 将指定的 source 通过 MarkdownIt 对象的 parse 方法转换为 token 数组（内部方法，不应直接调用）   | function | yes      | iOS/Android | yes               |
+| tokensToAST    | 将 token 数组转换为 AST 抽象树（内部方法，不应直接调用）                                       | function | yes      | iOS/Android | yes               |
+| blockPlugin    | js 插件方法,用于提供对 Markdown 中 Blockquotes 语法的支持                                      | function | yes      | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/killserver/react-native-markdown-renderer/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-marquee-ab.md b/en/react-native-marquee-ab.md
new file mode 100644
index 00000000..0217d667
--- /dev/null
+++ b/en/react-native-marquee-ab.md
@@ -0,0 +1,143 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-marquee-ab</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://choosealicense.com/licenses/mit/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/ZhangTaoK/react-native-marquee-ab)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install --save react-native-marquee-ab@1.2.6
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-marquee-ab@1.2.6
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, { Component } from 'react';
+import {
+    View,
+    Text,
+    Image,
+    Dimensions,
+} from 'react-native';
+import { MarqueeHorizontal,MarqueeVertical } from 'react-native-marquee-ab';
+export default class TestPage extends Component {
+    render() {
+        let mWidth = Dimensions.get('window').width;
+        return (
+            <View style={{ flex: 1, backgroundColor: '#FFFFFF' }}>
+                <View style={{ height: 50, backgroundColor: '#FFFFFF', width: '100%' }} />
+                <MarqueeHorizontal
+                    textList={[
+                        { label: '1', value: 'item1:一闪一闪亮晶晶，满天都是小星星' },
+                        { label: '2', value: 'item2:两只老虎跑的快' },
+                        { label: '3', value: 'item3:蓝蓝的天上白云飘，白云下面小肥羊儿跑' },
+                    ]}
+                    speed={60}
+                    width={mWidth}
+                    height={50}
+                    direction={'left'}
+                    reverse={false}
+                    bgContainerStyle={{ backgroundColor: '#FFFF00' }}
+                    textStyle={{ fontSize: 16, color: '#FF0000' }}
+                    onTextClick={(item) => {
+                        alert('' + JSON.stringify(item));
+                    }}
+                />
+            </View>
+        )
+    }
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**MarqueeHorizontal props**
+
+| Name             | Description                                      | Type           | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
+| duration         | 执行完成整个动画所需要的时间(ms)不常用           | number         | yes      | iOS/Android | yes               |
+| speed            | 平均的滚动速度，跑马灯使用这个属性（建议传入60） | number         | no       | iOS/Android | yes               |
+| textList         | 滚动的文字数组，具体数据格式请参照textList.item  | array          | yes      | iOS/Android | yes               |
+| width            | 宽度，不能使用flex                               | number         | yes      | iOS/Android | yes               |
+| height           | 高度，不能使用flex                               | number         | yes      | iOS/Android | yes               |
+| direction        | 动画方向(向左向右滚动)`left` or `right`          | string         | yes      | iOS/Android | yes               |
+| reverse          | 是否将整个文本数据倒叙显示                       | boolean        | yes      | iOS/Android | yes               |
+| separator        | 两个item之间的间隙                               | number         | yes      | iOS/Android | yes               |
+| bgContainerStyle | 背景样式                                         | object         | no       | iOS/Android | yes               |
+| textStyle        | 文本样式                                         | object         | no       | iOS/Android | yes               |
+| onTextClick      | 点击事件回调                                     | (item) => void | yes      | iOS/Android | yes               |
+
+**MarqueeVertical props**
+
+| Name             | Description                                                  | Type           | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
+| duration         | 执行完成整个动画所需要的时间(ms)                             | number         | yes      | iOS/Android | yes               |
+| textList         | 滚动的文字数组，具体数据格式请参照textList.item              | array          | yes      | iOS/Android | yes               |
+| width            | 宽度，不能使用flex                                           | number         | no       | iOS/Android | yes               |
+| height           | 高度，不能使用flex                                           | number         | no       | iOS/Android | yes               |
+| delay            | 文本停顿时间(ms)                                             | number         | yes      | iOS/Android | yes               |
+| direction        | 动画方向(向上向下滚动)`up` or `down`                         | string         | yes      | iOS/Android | yes               |
+| numberOfLines    | 同一个数据的文本行数                                         | number         | yes      | iOS/Android | yes               |
+| headViews        | 在文本最前面加上一个自定义view，效果如图例所示，用法请参照事例用法，length长度与textList必须一致 | array          | no       | iOS/Android | yes               |
+| viewStyle        | 每一行文本的样式                                             | object         | yes      | iOS/Android | yes               |
+| bgContainerStyle | 背景样式                                                     | object         | no       | iOS/Android | yes               |
+| textStyle        | 文本样式                                                     | object         | no       | iOS/Android | yes               |
+| onTextClick      | 点击事件回调                                                 | (item) => void | yes      | iOS/Android | yes               |
+
+**textList.item props**
+
+| Name     | Description                      | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | -------------------------------- | -------- | -------- | ----------- | ----------------- |
+| label    | 用作点击事件的回调               | string   | yes      | iOS/Android | yes               |
+| value    | 文本显示                         | string   | yes      | iOS/Android | yes               |
+| [object] | 可随意添加数据供自己特殊需求使用 | [object] | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ] MarqueeHorizontal的reverse属性在HarmonyOS上只有第一次修改会触发生效，而原库在iOS上该属性已经失效。未实现HarmonyOS化 问题[issue#58](https://github.com/ZhangTaoK/react-native-marquee-ab/issues/58)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://choosealicense.com/licenses/mit/) ，请自由地享受和参与开源。
diff --git a/en/react-native-marquee.md b/en/react-native-marquee.md
new file mode 100644
index 00000000..9540e220
--- /dev/null
+++ b/en/react-native-marquee.md
@@ -0,0 +1,112 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-marquee</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/kyo504/react-native-marquee/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kyo504/react-native-marquee/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-marquee)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-marquee@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-marquee@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { Component } from "react";
+import { StyleSheet, View } from "react-native";
+import MarqueeText from "react-native-marquee";
+
+export default class MarqueeTextSample extends Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <MarqueeText
+          style={{ fontSize: 24 }}
+          speed={1}
+          marqueeOnStart={true}
+          loop={true}
+          delay={1000}
+        >
+          Lorem Ipsum is simply dummy text of the printing and typesetting
+          industry and typesetting industry.
+        </MarqueeText>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+MarqueText组件基本上继承了[TextProps](https://reactnative.dev/docs/text)，以下是附加组件：
+
+| Name              | Type     | Optional | Default | Description                                                  | Platform | HarmonyOS Support |
+| ----------------- | -------- | -------- | ------- | ------------------------------------------------------------ | -------- | ----------------- |
+| marqueeOnStart    | boolean  | true     | true    | 是否在渲染后立即启动字幕动画的标志                           | All      | yes               |
+| speed             | number   | true     | 1       | 以像素/秒计算的速度                                          | All      | yes               |
+| loop              | boolean  | true     | true    | 是否循环字幕动画的标志                                       | All      | yes               |
+| delay             | number   | true     | 0       | 渲染后延迟动画的持续时间，以毫秒为单位                       | All      | yes               |
+| onMarqueeComplete | function | true     | void    | 字幕完成动画并停止时的回调                                   | All      | yes               |
+| consecutive       | boolean  | true     | false   | 一个标志，用于启用模仿HTML字幕元素默认行为的连续模式。如果循环为false，则不生效 | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/kyo504/react-native-marquee/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-mask-text.md b/en/react-native-mask-text.md
new file mode 100644
index 00000000..06ea0feb
--- /dev/null
+++ b/en/react-native-mask-text.md
@@ -0,0 +1,178 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mask-text</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/akinncar/react-native-mask-text">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/akinncar/react-native-mask-text/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/akinncar/react-native-mask-text)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-mask-text@0.14.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-mask-text@0.14.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { MaskedTextInput, MaskedText } from "react-native-mask-text";
+
+export default function App() {
+	const [maskedValue, setMaskedValue] = useState("");
+	const [unMaskedValue, setUnmaskedValue] = useState("");
+
+	const [currencyMaskedValue, setCurrencyMaskedValue] = useState("");
+	const [currencyUnMaskedValue, setCurrencyUnmaskedValue] = useState("");
+
+	return (
+		<View style={styles.container}>
+			<Text style={styles.title}>MaskedTextInput Component:</Text>
+			<MaskedTextInput
+				mask="AAA-999"
+				onChangeText={(text, rawText) => {
+					setMaskedValue(text);
+					setUnmaskedValue(rawText);
+				}}
+				style={styles.input}
+				keyboardType="numeric"
+			/>
+			<Text style={styles.paragraph}>Raw Text: {unMaskedValue}</Text>
+			<Text style={styles.paragraph}>Masked Text: {maskedValue}</Text>
+
+			<Text style={styles.title}>MaskedTextInput Component with Currency:</Text>
+			<MaskedTextInput
+				type="currency"
+				options={{
+					prefix: "$",
+					decimalSeparator: ".",
+					groupSeparator: ",",
+					precision: 2
+				}}
+				onChangeText={(text, rawText) => {
+					setCurrencyMaskedValue(text);
+					setCurrencyUnmaskedValue(rawText);
+				}}
+				style={styles.input}
+				keyboardType="numeric"
+			/>
+			<Text style={styles.paragraph}>Raw Text: {currencyUnMaskedValue}</Text>
+			<Text style={styles.paragraph}>Masked Text: {currencyMaskedValue}</Text>
+
+			<Text style={styles.title}>MaskedText Component:</Text>
+			<MaskedText mask="99/99/9999" style={styles.paragraph}>
+				30081990
+			</MaskedText>
+		</View>
+	);
+}
+
+const styles = StyleSheet.create({
+	container: {
+		flex: 1,
+		justifyContent: "center",
+		backgroundColor: "#ecf0f1",
+		padding: 8
+	},
+	title: {
+		margin: 24,
+		fontSize: 24,
+		textAlign: "center",
+		fontWeight: "bold"
+	},
+	paragraph: {
+		margin: 24,
+		fontSize: 18,
+		textAlign: "center"
+	},
+	input: {
+		height: 40,
+		margin: 12,
+		borderWidth: 1
+	}
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| type | Show type | String (enum) `custom`, `date`, `time`,`currency` | custom | no | All | yes |
+| mask | Custom Mask. Pattern used in masked components | `9` - accept digit. `A` - accept alpha. `S` - accept alphanumeric. | null | no | All | yes |
+
+### Date Mask
+
+These options only are used if you use prop `type="date"` in your component:
+
+| Name       | Description | Type   | Default    | Required | Platform | HarmonyOS Support |
+| ---------- | ----------- | ------ | ---------- | -------- | -------- | ----------------- |
+| dateFormat | Date Format | string | yyyy/mm/dd | no       | All      | yes               |
+
+### Time Mask
+
+These options only are used if you use prop `type="time"` in your component:
+
+| Name       | Description | Type   | Default  | Required | Platform | HarmonyOS Support |
+| ---------- | ----------- | ------ | -------- | -------- | -------- | ----------------- |
+| timeFormat | Time Format | string | HH:mm:ss | no       | All      | yes               |
+
+### Currency Mask
+
+These options only are used if you use prop `type="currency"` in your component:
+
+| Name                   | Description                                 | Type   | Default | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------------------------------------- | ------ | ------- | -------- | -------- | ----------------- |
+| prefix                 | String to prepend                           | string | null    | No       | All      | yes               |
+| decimalSeparator       | Separation for decimals                     | string | null    | No       | All      | yes               |
+| groupSeparator         | Grouping separator of the integer part      | string | null    | No       | All      | yes               |
+| precision              | Precision for fraction part (cents)         | number | 0       | No       | All      | yes               |
+| groupSize              | Primary grouping size of the integer part   | number | 3       | No       | All      | yes               |
+| secondaryGroupSize     | Secondary grouping size of the integer part | number | null    | No       | All      | yes               |
+| fractionGroupSeparator | Grouping separator of the fraction part     | string | null    | No       | All      | yes               |
+| fractionGroupSize      | Grouping size of the fraction part          | number | null    | No       | All      | yes               |
+| suffix                 | String to append                            | string | null    | No       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/akinncar/react-native-mask-text/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-masked-text.md b/en/react-native-masked-text.md
new file mode 100644
index 00000000..4c6f3680
--- /dev/null
+++ b/en/react-native-masked-text.md
@@ -0,0 +1,203 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-masked-text</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bhrott/react-native-masked-text">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bhrott/react-native-masked-text/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/bhrott/react-native-masked-text)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-masked-text@1.13.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-masked-text@1.13.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState } from "react";
+import { View, StyleSheet } from "react-native";
+import { TextInputMask } from "react-native-masked-text";
+
+export const MaskedTextCPF = () => {
+  const [mask, setMask] = useState({
+    cpf: "",
+  });
+  return (
+    <View style={styles.container}>
+      <TextInputMask
+        type={"cpf"}
+        value={mask.cpf}
+        onChangeText={(text) => {
+          setMask({
+            cpf: text,
+          });
+        }}
+        style={styles.textInputStype}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+  },
+  textInputStype: {
+    height: 50,
+    width: "100%",
+    borderColor: "gray",
+    borderWidth: 1,
+    backgroundColor: "white",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> 详情见 [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
+
+| Name                        | Description                                               | Type     | Required | Platform    | HarmonyOS Support |
+| --------------------------- | --------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| type                        | the type of the mask                                      | string   | YES      | Android IOS | YES               |
+| options                     | set mask type                                             | object   | NO       | Android IOS | YES               |
+| onChangeText                | set mask                                                  | function | NO       | Android IOS | YES               |
+| checkText                   | Blocking user to add character                            | function | NO       | Android IOS | YES               |
+| refInput                    | add the ref to a local var                                | function | NO       | Android IOS | YES               |
+| customTextInput             | the custom text input component                           | any      | NO       | Android IOS | YES               |
+| customTextInputProps        | the props to be passed to the custom text input           | object   | NO       | Android IOS | YES               |
+| includeRawValueInChangeText | provide the masked and the raw text in every text change. | boolean  | NO       | Android IOS | YES               |
+
+#### 目前 type 支持
+
+| Name         | Description                                                                                                                          | required | Type   | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------------------------------------------------------------------------------ | -------- | ------ | ----------- | ----------------- |
+| cel-phone    | 1.(99) 9999-9999 or (99) 99999-9999 2. +999 999 999 999                                                                              | YES      | string | Android IOS | YES               |
+| cpf          | Mask: 999.999.999-99                                                                                                                 | YES      | string | Android IOS | YES               |
+| cnpj         | Mask: 99.999.999/9999-99                                                                                                             | YES      | string | Android IOS | YES               |
+| credit-card  | 1.9999 9999 9999 9999 or 9999 \***\* \*\*** 9999 2.9999 999999 99999 or 9999 **\*\*** 99999 3.9999 999999 9999 or 9999 **\*\*** 9999 | YES      | string | Android IOS | YES               |
+| custom       | Mask: defined by pattern                                                                                                             | YES      | string | Android IOS | YES               |
+| datetime     | 1. DD/MM/YYYY HH:mm:ss 2. DD/MM/YYYY 3.MM/DD/YYYY 4.YYYY/MM/DD 5.HH:mm:ss 6.HH:mm 7.HH                                               | YES      | string | Android IOS | YES               |
+| money        | Mask: R$999,99 (fully customizable)                                                                                                  | YES      | string | Android IOS | YES               |
+| only-numbers | accept only numbers                                                                                                                  | YES      | string | Android IOS | YES               |
+| zip-code     | Mask: 99999-999                                                                                                                      | YES      | string | Android IOS | YES               |
+
+##### 不同 type 支持的 options
+
+- Money type:
+
+| name       | type   | required | default | description                 | Platform    | HarmonyOS Support |
+| ---------- | ------ | -------- | ------- | --------------------------- | ----------- | ----------------- |
+| precision  | number | no       | `2`     | The number of cents to show | Android IOS | YES               |
+| separator  | string | no       | `,`     | The cents separator         | Android IOS | YES               |
+| delimiter  | string | no       | `.`     | The thousand separator      | Android IOS | YES               |
+| unit       | string | no       | `R$`    | The prefix text             | Android IOS | YES               |
+| suffixUnit | string | no       | `''`    | The sufix text              | Android IOS | YES               |
+
+- Phone type：
+
+| name     | type    | required | default    | description                                                      | Platform    | HarmonyOS Support |
+| -------- | ------- | -------- | ---------- | ---------------------------------------------------------------- | ----------- | ----------------- |
+| maskType | string  | no       | `maskType` | the type of the mask to use. Available: `BRL` or `INTERNATIONAL` | Android IOS | YES               |
+| withDDD  | boolean | no       | `true`     | if the mask type is `BRL`, include the DDD                       | Android IOS | YES               |
+| dddMask  | string  | no       | `(99) `    | if the mask type is `BRL`, the DDD mask                          | Android IOS | YES               |
+
+- Datetime type：
+
+| name   | type   | required | default | description                     | Platform    | HarmonyOS Support |
+| ------ | ------ | -------- | ------- | ------------------------------- | ----------- | ----------------- |
+| format | string | **YES**  |         | The date format to be validated | Android IOS | YES               |
+
+- redit card type：
+
+| name       | type    | required | default              | description                                                                          | Platform    | HarmonyOS Support |
+| ---------- | ------- | -------- | -------------------- | ------------------------------------------------------------------------------------ | ----------- | ----------------- |
+| obfuscated | boolean | no       | `false`              | if the mask should be obfuscated or not                                              | Android IOS | YES               |
+| issuer     | string  | no       | `visa-or-mastercard` | the type of the card mask. The options are: `visa-or-mastercard`, `amex` or `diners` | Android IOS | YES               |
+
+- Custom type：
+
+| name        | type                          | required | default                                                               | description                                           | Platform    | HarmonyOS Support |
+| ----------- | ----------------------------- | -------- | --------------------------------------------------------------------- | ----------------------------------------------------- | ----------- | ----------------- |
+| mask        | string                        | **YES**  |                                                                       | The mask pattern                                      | Android IOS | YES               |
+| validator   | function                      | no       | function that returns `true`                                          | the function that's validate the value in the mask    | Android IOS | YES               |
+| getRawValue | function                      | no       | return current value                                                  | function to parsed value (like unmasked or converted) | Android IOS | YES               |
+| translation | object (map{string,function}) | no       | `9 - digit`, `A - alpha`, `S - alphanumeric`, `* - all, except space` | The translator to use in the pattern                  | Android IOS | YES               |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> 详情见 [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
+
+##### MaskService
+
+| Name       | Description                               | Type     | Required | Platform    | HarmonyOS Support |
+| ---------- | ----------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| toMask     | mask a value                              | function | NO       | Android IOS | YES               |
+| toRawValue | get the raw value of a masked value       | function | NO       | Android IOS | YES               |
+| isValid    | validate if the mask and the valueg match | function | NO       | Android IOS | YES               |
+| getMask    | get the mask used to mask the value       | function | NO       | Android IOS | YES               |
+
+- static toMask(type, value, settings): mask a value
+  - `type` (String, required): the type of the mask (`cpf`, `datetime`, etc...)
+  - `value` (String, required): the value to be masked
+  - `settings` (Object, optional): if the mask type accepts options, pass it in the settings parameter
+- static toRawValue(type, maskedValue, settings): get the raw value of a masked value.
+  - `type` (String, required): the type of the mask (`cpf`, `datetime`, etc...)
+  - `maskedValue` (String, required): the masked value to be converted in raw value
+  - `settings` (Object, optional): if the mask type accepts options, pass it in the settings parameter
+- static isValid(type, value, settings): validate if the mask and the value match.
+  - `type` (String, required): the type of the mask (`cpf`, `datetime`, etc...)
+  - `value` (String, required): the value to be masked
+  - `settings` (Object, optional): if the mask type accepts options, pass it in the settings parameter
+- static getMask(type, value, settings): get the mask used to mask the value
+  - `type` (String, required): the type of the mask (`cpf`, `datetime`, etc...)
+  - `value` (String, required): the value to be masked
+  - `settings` (Object, optional): if the mask type accepts options, pass it in the settings parameter
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License](https://github.com/bhrott/react-native-masked-text/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-masked-view-masked-view.md b/en/react-native-masked-view-masked-view.md
new file mode 100644
index 00000000..2b36bb92
--- /dev/null
+++ b/en/react-native-masked-view-masked-view.md
@@ -0,0 +1,257 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-masked-view/masked-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-masked-view/masked-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-masked-view/masked-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/masked-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/masked-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/masked-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { StyleSheet, Text, View } from 'react-native';
+import MaskedView from '@react-native-masked-view/masked-view';
+
+const MaskedDemo = () => {
+    return (
+        <MaskedView
+            style={styles.maskedView}
+            maskElement={
+                <View style={styles.maskElementView}>
+                    <Text style={styles.maskElementText}>Basic Mask</Text>
+                </View>
+            }
+        > 
+        <View style={{ width:'100%', height: 40, backgroundColor: '#fe4b83' }} />
+        <View style={{ width:'100%', height: 40, backgroundColor: '#F5DD90' }} />
+        </MaskedView>
+    )
+}
+
+const styles = StyleSheet.create({
+    maskedView: {
+        width:'100%',
+        height:'40%'
+    },
+    maskElementView: {
+        backgroundColor: 'transparent',
+        alignItems: 'center',
+        width:'100%',
+        height:'100%',
+        justifyContent: 'center',
+    },
+    maskElementText: {
+        color: Colors.black,
+        width:'100%',
+        height:60,
+        fontSize: 50,
+        fontWeight: 'bold',
+    },
+    textView: {
+        fontSize: 20,
+        alignItems: 'center',
+        width:'100%',
+        height:40,
+        flexDirection: 'row',
+        justifyContent: 'center',
+    },
+    text: {
+        color: Colors.darkChestnut,
+        fontSize: 8,
+        width:'100%',
+        height:40,
+        fontVariant: ['small-caps'],
+        fontWeight: 'bold',
+    },
+});
+
+export default MaskedDemo
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/masked-view": "file:../../node_modules/@react-native-oh-tpl/masked-view/harmony/masked_view.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 MaskedPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/masked-view/src/main/cpp" ./masked-view)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_masked_view)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "MaskedPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<MaskedPackage>(ctx),
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description  | Type               | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------ | ------------------ | -------- | -------- | ----------------- |
+| `maskElement`          | 遮罩元素     | element            | yes      | All      | yes               |
+| `androidRenderingMode` | 安卓渲染模式 | software, hardware | no       | android  | no                |
+
+## 遗留问题
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-masked-view/masked-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-material-buttons.md b/en/react-native-material-buttons.md
new file mode 100644
index 00000000..d4e82185
--- /dev/null
+++ b/en/react-native-material-buttons.md
@@ -0,0 +1,265 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-material-buttons</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/n4kz/react-native-material-buttons">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-material-buttons)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-material-buttons@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-material-buttons@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { Component } from 'react';
+import { AppRegistry, Text, ScrollView, View, SafeAreaView } from 'react-native';
+import { TextButton, RaisedTextButton } from 'react-native-material-buttons';
+
+interface Styles {
+  scroll: object;
+  container: object;
+  safeContainer: object;
+  column: object;
+  row: object;
+  card: object;
+  button: object;
+  display: object;
+  text: object;
+  content: object;
+  bold: object;
+}
+
+let styles: Styles = {
+  scroll: {
+    padding: 4,
+    paddingTop: 24,
+    backgroundColor: '#E8EAF6',
+  },
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    marginBottom: 8,
+    backgroundColor: 'rgba(0,0,0,.05)',
+  },
+  safeContainer: {
+    flex: 1,
+    backgroundColor: '#E8EAF6',
+  },
+  column: {
+    justifyContent: 'center',
+    marginBottom: 8,
+    backgroundColor: 'rgba(0,0,0,.05)',
+  },
+  row: {
+    marginBottom: 8,
+  },
+  card: {
+    borderRadius: 2,
+    padding: 8,
+    margin: 4,
+    backgroundColor: 'rgba(255, 255, 255, 1)',
+    minHeight: 76,
+    justifyContent: 'space-between',
+    shadowOpacity: 0.54,
+    shadowRadius: 1,
+    shadowOffset: { width: 0, height: 1 },
+    elevation: 1,
+  },
+  button: {
+    margin: 4,
+  },
+  display: {
+    paddingHorizontal: 8,
+    fontSize: 17,
+    fontWeight: '500',
+    color: 'rgba(0, 0, 0, .87)',
+  },
+  text: {
+    padding: 8,
+    fontSize: 15,
+    color: 'rgba(0, 0, 0, .54)',
+  },
+  content: {
+    flex: 1,
+    paddingVertical: 16,
+  },
+  bold: {
+    fontWeight: 'bold',
+  },
+};
+
+/* eslint-disable react/prop-types */
+let Strong: React.FC<{ children: React.ReactNode }> = ({ children, ...props }) => (
+  <Text style={styles.bold} {...props}>
+    {children}
+  </Text>
+);
+/* eslint-enable */
+
+const  MaterialButtons = () => {
+      return (
+        <SafeAreaView style={styles.safeContainer}>
+          <ScrollView style={styles.scroll}>
+            <View style={styles.card}>
+              <View style={styles.content}>
+                <Text style={styles.display}>default</Text>
+                <Text style={styles.text}>
+                  Buttons with default props, raised or flat, enabled or <Strong>disabled</Strong>
+                </Text>
+              </View>
+              <RaisedTextButton style={{ marginVertical: 4 }} title="default button" />
+              <RaisedTextButton style={{ marginVertical: 4 }} titleStyle={{ fontWeight: 'bold' }} title="disabled button" disabled />
+              <TextButton style={{ marginVertical: 4 }} title="default flat button" />
+              <TextButton style={{ marginVertical: 4 }}  disabledTitleColor="red" title="disabled flat button" disabled />
+            </View>
+
+            <View style={styles.card}>
+              <View style={styles.content}>
+                <Text style={styles.display}>raised</Text>
+                <Text style={styles.text}>
+                  Buttons with custom <Strong>color</Strong>, <Strong>titleColor</Strong>, increased{' '}
+                  <Strong>rippleDuration</Strong> and <Strong>rippleOpacity</Strong>
+                </Text>
+              </View>
+              <View style={{ flexDirection: 'row', justifyContent: 'flex-end' }}>
+                <RaisedTextButton
+                  style={styles.button}
+                  rippleDuration={600}
+                  rippleOpacity={0.54}
+                  title="flat"
+                  color="#039BE5"
+                  titleColor="white"
+                />
+                <RaisedTextButton
+                  style={styles.button}
+                  rippleDuration={1000}
+                  rippleOpacity={0.64}
+                  title="is"
+                  color="#0288D1"
+                  titleColor="white"
+                />
+                <RaisedTextButton
+                  style={styles.button}
+                  titleStyle={{ fontWeight: 'bold' }}
+                  rippleDuration={1500}
+                  rippleOpacity={0.74}
+                  title="boring"
+                  color="#0277BD"
+                  titleColor="white"
+                />
+              </View>
+            </View>
+
+            <View style={styles.card}>
+              <View style={styles.content}>
+                <Text style={styles.display}>flat</Text>
+                <Text style={styles.text}>Buttons with custom <Strong>titleColor</Strong> and <Strong>color</Strong></Text>
+              </View>
+              <View style={{ flexDirection: 'row', justifyContent: 'flex-start' }}>
+                <TextButton style={{ margin: 4, marginLeft: 0 }} titleColor="black" title="decline" />
+                <TextButton titleStyle={{ fontWeight: 'bold' }} titleColor="pink" title="accept" />
+              </View>
+            </View>
+          </ScrollView>
+        </SafeAreaView>
+      );
+}
+
+export default MaterialButtons;
+
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases)
+
+## 属性
+
+### 此组件有以下属性:
+## **API（TextButton ）**
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|     **titleStyle**      |       Style object for the button's title         |                         Object                           |    No    | iOS/Android |        Yes        |
+|        **title**        |                   Button title                    |                         String                           |    YES   | iOS/Android |        Yes        |
+|     **titleColor**      |                  Button title color               |                         String                           |    No    | iOS/Android |        Yes        |
+| **disabledTitleColor**  |       Button title color for disabled state       |                         String                           |    No    | iOS/Android |        Yes        |
+
+## **API（RaisedTextButton）**
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|    **rippleOpacity**    |           Opacity of the ripple effect            |                         Number                           |    No    | iOS/Android |        Yes        |
+|   **rippleDuration**    |   Duration of the ripple effect in milliseconds   |                         Number                           |    No    | iOS/Android |        Yes        |
+
+## **API（Common）**
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|    **color**    |           Button color            |                         String                           |    No    | iOS/Android |        Yes        |
+|   **disabledColor**    |   Button color for disabled state   |                         String                           |    No    | iOS/Android |        Yes        |
+|   **shadeColor**    |   Button shade color for focused state   |                         String                           |    No    | iOS/Android |        Yes        |
+|   **shadeOpacity**    |   Button shade opacity for focused state   |                         Number                           |    No    | iOS/Android |        Yes        |
+|   **shadeBorderRadius**    |   Button shade border radius   |                         Number                           |    No    | iOS/Android |        Yes        |
+|   **focusAnimation**    |   Focus animation state   |                         Animated.Value                           |    No    | iOS/Android |        Yes        |
+|   **disableAnimation**    |   Disable animation state   |                         Animated.Value                           |    No    | iOS/Android |        Yes        |
+|   **focusAnimationDuration**    |   Focus animation duration in ms   |                         Number                           |    No    | iOS/Android |        Yes        |
+|   **disableAnimationDuration**    |   Disable animation duration in ms   |                         Number                           |    No    | iOS/Android |        Yes        |
+|   **disabled**    |   	Button availability   |                         Boolean                           |    No    | iOS/Android |        Yes        |
+|   **onPress**    |   Touch up callback   |                         Function                           |    No    | iOS/Android |        Yes        |
+|   **payload**    |   Payload object for onPress callback   |                         Any                           |    No    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt) ，请自由地享受和参与开源。 
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-material-design-style.md b/en/react-native-material-design-style.md
new file mode 100644
index 00000000..63d8eeea
--- /dev/null
+++ b/en/react-native-material-design-style.md
@@ -0,0 +1,150 @@
+<!-- {% raw %} -->
+
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-material-design-style</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/binggg/react-native-material-design-styles">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/binggg/react-native-material-design-styles)
+
+
+
+## 安装与使用
+
+
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-material-design-styles@0.2.7 --save
+```
+#### **yarn**
+
+```bash
+yarn add react-native-material-design-styles@0.2.7
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+
+
+
+```js
+import { StyleSheet, Text, View, ScrollView } from 'react-native';
+import { typography, color } from 'react-native-material-design-styles';
+const typographyStyle = StyleSheet.create(typography);
+const colorStyle = StyleSheet.create(color);
+export function MetailDesignColor() {
+    return (
+        <View style={{ flex: 1, backgroundColor: "#fff" }}>
+            <ScrollView>
+                <Text style={[typographyStyle.paperFontHeadline, colorStyle.paperTeal500]}>Typography</Text>
+                <Text style={[typographyStyle.paperFontDisplay4]}>Display4</Text>
+                <Text style={typographyStyle.paperFontDisplay3}>Display3</Text>
+                <Text style={typographyStyle.paperFontDisplay2}>Display2</Text>
+                <Text style={typographyStyle.paperFontDisplay1}>Display1</Text>
+                <Text style={typographyStyle.paperFontHeadline}>Headline</Text>
+                <Text style={typographyStyle.paperFontTitle}>Title</Text>
+                <Text style={typographyStyle.paperFontSubhead}>Subhead</Text>
+                <Text style={typographyStyle.paperFontBody2}>Body2</Text>
+                <Text style={typographyStyle.paperFontBody1}>Body1</Text>
+                <Text style={typographyStyle.paperFontCaption}>Caption</Text>
+                <Text style={typographyStyle.paperFontButton}>Button</Text>
+                <Text style={typographyStyle.paperFontCode2}>Code2</Text>
+                <Text style={typographyStyle.paperFontCode1}>Code1</Text>
+
+                <Text style={[typographyStyle.paperFontHeadline, colorStyle.paperTeal500]}>Text Color</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink500]}>paperPink500</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink50]}>paperPink50</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink100]}>paperPink100</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink200]}>paperPink200</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink300]}>paperPink300</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink400]}>paperPink400</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink500]}>paperPink500</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink600]}>paperPink600</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink700]}>paperPink700</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink800]}>paperPink800</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPink900]}>paperPink900</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPinkA100]}>paperPinkA100</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPinkA200]}>paperPinkA200</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPinkA400]}>paperPinkA400</Text>
+                <Text style={[typographyStyle.paperFontTitle, colorStyle.paperPinkA700]}>paperPinkA700</Text>
+
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue500.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue50.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue100.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue200.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue300.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue400.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue500.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue600.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue700.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue800.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlue900.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlueA200.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlueA400.color }]}></View>
+                <View style={[styles.colorItem, { backgroundColor: color.paperBlueA700.color }]}></View>
+            </ScrollView>
+        </View>
+    )
+}
+
+const styles = StyleSheet.create({
+    colorItem: {
+        height: 50
+    }
+})
+```
+
+
+## 约束与限制
+
+### 兼容性
+
+
+本文档内容基于以下版本验证通过：
+
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| typography  | use StyleSheet.create(typography)        | function  | yes | iOS/android      | yes |
+| color  | use color.paperBlue500.color        | function  | yes | iOS/android      | yes |
+| defaultTheme  | use StyleSheet.create(defaultTheme)         | function  | yes | iOS/android      | yes |
+## 遗留问题
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-material-dropdown.md b/en/react-native-material-dropdown.md
new file mode 100644
index 00000000..aebefb17
--- /dev/null
+++ b/en/react-native-material-dropdown.md
@@ -0,0 +1,163 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-material-dropdown</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/n4kz/react-native-material-dropdown/">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/n4kz/react-native-material-dropdown/blob/master/license.txt">
+        <img src="https://img.shields.io/npm/l/react-native-material-ripple.svg?colorB=448aff" alt="License" />
+    </a>
+</p>
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-material-dropdown)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)，并下载适用版本的 tgz 包。
+
+> [!TIP] 本库依赖[@react-native-oh-tpl/react-native-material-textfield 文档](/zh-cn/react-native-material-textfield.md) 
+
+和 [@react-native-oh-tpl/react-native-material-buttons 文档](/zh-cn/react-native-material-buttons.md)
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-material-dropdown@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-material-dropdown@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { Dropdown } from 'react-native-material-dropdown';
+
+class Example extends Component {
+  render() {
+    let data = [{
+      value: 'Banana',
+    }, {
+      value: 'Mango',
+    }, {
+      value: 'Pear',
+    }];
+
+    return (
+      <Dropdown
+        label='Favorite Fruit'
+        data={data}
+      />
+    );
+  }
+}
+```
+
+
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-material-textfield和@react-native-oh-tpl/react-native-material-buttons 的代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-material-textfield 文档](/zh-cn/react-native-material-textfield.md) 
+
+和 [@react-native-oh-tpl/react-native-material-buttons 文档](/zh-cn/react-native-material-buttons.md)进行引入
+
+
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)
+
+
+## 属性
+
+### 此组件有以下属性:
+
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|         Name          |                 Description                 |   Type   | Required |  Platform   | HarmonyOS Support |
+| :-------------------: | :-----------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|       **label**       |            Text field label text            |  String  |    No    | iOS/Android |        Yes        |
+|       **error**       |            Text field error text            |  String  |    No    | iOS/Android |        Yes        |
+| **animationDuration** |     Text field animation duration in ms     |  Number  |    No    | iOS/Android |        Yes        |
+|     **fontSize**      |            Text field font size             |  Number  |    No    | iOS/Android |        Yes        |
+|   **labelFontSize**   |         Text field label font size          |  Number  |    No    | iOS/Android |        Yes        |
+|     **baseColor**     |            Text field base color            |  String  |    No    | iOS/Android |        Yes        |
+|     **textColor**     |            Text field text color            |  String  |    No    | iOS/Android |        Yes        |
+|     **itemColor**     |  Dropdown item text color (inactive item)   |  String  |    No    | iOS/Android |        Yes        |
+| **selectedItemColor** |   Dropdown item text color (active item)    |  String  |    No    | iOS/Android |        Yes        |
+| **disabledItemColor** |  Dropdown item text color (disabled item)   |  String  |    No    | iOS/Android |        Yes        |
+| **dropdownPosition**  |  Dropdown position (dynamic if undefined)   |  Number  |    No    | iOS/Android |        Yes        |
+|     **itemCount**     |         Dropdown visible item count         |  Number  |    No    | iOS/Android |        Yes        |
+|    **itemPadding**    |       Dropdown item vertical padding        |  Number  |    No    | iOS/Android |        Yes        |
+|   **itemTextStyle**   |          Dropdown item text styles          |  Object  |    No    | iOS/Android |        Yes        |
+|  **dropdownOffset**   |               Dropdown offset               |  Object  |    No    | iOS/Android |        Yes        |
+|  **dropdownMargins**  |              Dropdown margins               |  Object  |    No    | iOS/Android |        Yes        |
+|       **data**        |             Dropdown item data              | Array[]  |    No    | iOS/Android |        Yes        |
+|       **value**       |               Selected value                |  String  |    No    | iOS/Android |        Yes        |
+|  **containerStyle**   |          Styles for container view          |  Object  |    No    | iOS/Android |        Yes        |
+|   **overlayStyle**    |           Styles for overlay view           |  Object  |    No    | iOS/Android |        Yes        |
+|    **pickerStyle**    |         Styles for item picker view         |  Object  |    No    | iOS/Android |        Yes        |
+|   **shadeOpacity**    |      Shade opacity for dropdown items       |  Number  |    No    | iOS/Android |        Yes        |
+|   **rippleOpacity**   |          Opacity for ripple effect          |  Number  |    No    | iOS/Android |        Yes        |
+|   **rippleInsets**    |     Insets for ripple on base component     |  Object  |    No    | iOS/Android |        Yes        |
+|  **rippleCentered**   | Ripple on base component should be centered | Boolean  |    No    | iOS/Android |        Yes        |
+|    **renderBase**     |            Render base component            | Function |    No    | iOS/Android |        Yes        |
+|  **renderAccessory**  |         Render text field accessory         | Function |    No    | iOS/Android |        Yes        |
+|  **valueExtractor**   | Extract value from item (args: item, index) | Function |    No    | iOS/Android |        Yes        |
+|  **labelExtractor**   | Extract label from item (args: item, index) | Function |    No    | iOS/Android |        Yes        |
+|  **propsExtractor**   | Extract props from item (args: item, index) | Function |    No    | iOS/Android |        Yes        |
+|   **onChangeText**    |            Change text callback             | Function |    No    | iOS/Android |        Yes        |
+
+## **API**
+
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name         |       Description       |  Type   | Required |  Platform   | HarmonyOS Support |
+| :-----------------: | :---------------------: | :-----: | :------: | :---------: | :---------------: |
+|     **focus()**     |      Acquire focus      |         |    No    | iOS/Android |        Yes        |
+|     **blur()**      |      Release focus      |         |    No    | iOS/Android |        Yes        |
+| **selectedIndex()** |   Get selected index    | Number  |    No    | iOS/Android |        Yes        |
+|     **value()**     |    Get current value    | String  |    No    | iOS/Android |        Yes        |
+| **selectedItem()**  |    Get selected item    | Object  |    No    | iOS/Android |        Yes        |
+|   **isFocused()**   | Get current focus state | Boolean |    No    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The BSD License (BSD )](https://github.com/n4kz/react-native-material-dropdown/blob/master/license.txt) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-material-menu.md b/en/react-native-material-menu.md
new file mode 100644
index 00000000..809bbc63
--- /dev/null
+++ b/en/react-native-material-menu.md
@@ -0,0 +1,131 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> 
+    <code>react-native-material-menu</code> 
+  </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/mxck/react-native-material-menu">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mxck/react-native-material-menu/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/mxck/react-native-material-menu)
+
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-material-menu@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-material-menu@2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+```js
+import React, { useState } from 'react';
+
+import { View, Text } from 'react-native';
+import { Menu, MenuItem, MenuDivider } from 'react-native-material-menu';
+
+export default function App() {
+  const [visible, setVisible] = useState(false);
+
+  const hideMenu = () => setVisible(false);
+
+  const showMenu = () => setVisible(true);
+
+  return (
+    <View style={{ height: '100%', alignItems: 'center', justifyContent: 'center' }}>
+      <Menu
+        visible={visible}
+        anchor={<Text onPress={showMenu}>Show menu</Text>}
+        onRequestClose={hideMenu}
+      >
+        <MenuItem onPress={hideMenu}>Menu item 1</MenuItem>
+        <MenuItem onPress={hideMenu}>Menu item 2</MenuItem>
+        <MenuItem disabled>Disabled item</MenuItem>
+        <MenuDivider />
+        <MenuItem onPress={hideMenu}>Menu item 4</MenuItem>
+      </Menu>
+    </View>
+  );
+}
+
+
+```
+
+
+## 约束与限制
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Menu
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| children | Components rendered in menu (required)   | ReactNode  | yes |     all  |       yes|
+| anchor | Button component (required)   |  ReactNode  | yes |     all  |       yes|
+| visible | Whether the Menu is currently visible   | Boolean  | no |     all  |       yes|
+| style | Menu style.   | [ViewStyle](https://reactnative.dev/docs/view-style-props)  | no |     all  |       yes|
+| onRequestClose | Callback when menu has become hidden	   | () => void  | no |     all  |       yes|
+| animationDuration | Changes show/hide animation duration. default is 300   | Number  | no |     all  |       yes|
+
+
+### MenuItem
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| children | Rendered children (required)   | ReactNode  | yes |     all  |       yes|
+| disabled | Disabled flag. default is false.   | Boolean  | no |     all  |       yes|
+| disabledTextColor | Disabled text color. default is #bdbdbd.   | String  | no |     all  |       yes|
+| onPress | Called function on press | ()=>void  | no |     all  |       yes|
+| style | Container style | [ViewStyle](https://reactnative.dev/docs/view-style-props)  | no |     all  |       yes|
+| textStyle | Text style | [TextStyle](https://reactnative.dev/docs/text-style-props)  | no |     all  |       yes|
+| pressColor | Pressed color. default is #e0e0e0.   | String  | no |     all  |       yes|
+
+
+### MenuDivider
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| color | Line color. default is 'rgba(0,0,0,0.12)'   | String  | no |     all  |       yes|
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mxck/react-native-material-menu/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-material-ripple.md b/en/react-native-material-ripple.md
new file mode 100644
index 00000000..1ef7e3a5
--- /dev/null
+++ b/en/react-native-material-ripple.md
@@ -0,0 +1,169 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-material-ripple</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/n4kz/react-native-material-ripple">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/n4kz/react-native-material-ripple/blob/master/license.txt">
+        <img src="https://img.shields.io/npm/l/react-native-material-ripple.svg?colorB=448aff" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/n4kz/react-native-material-ripple)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+
+#### **npm**
+
+```bash
+npm install react-native-material-ripple@0.9.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-material-ripple@0.9.1
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+```ts
+import React, { useState } from "react";
+import { Text, ScrollView } from "react-native";
+import Ripple from "react-native-material-ripple";
+
+export const MateriaRippleExample = () => {
+  const [value1, setValue1] = useState<string>("1");
+  const [value2, setValue2] = useState<string>("2");
+  const [value3, setValue3] = useState<string>("3");
+  const [value4, setValue4] = useState<string>("4");
+  const [value5, setValue5] = useState<string>("5");
+  const [value6, setValue6] = useState<string>("6");
+  const [value7, setValue7] = useState<string>("7");
+  const [value8, setValue8] = useState<string>("8");
+
+  return (
+    <ScrollView>
+      <Ripple rippleColor="rgb(255, 0,0 )">
+        <Text style={{ padding: 30 }}>change rippleColor</Text>
+      </Ripple>
+
+      <Ripple rippleOpacity={1}>
+        <Text style={{ padding: 30 }}>change rippleOpacity</Text>
+      </Ripple>
+
+      <Ripple rippleDuration={1000}>
+        <Text style={{ padding: 30 }}>change rippleDuration</Text>
+      </Ripple>
+
+      <Ripple rippleSize={100}>
+        <Text style={{ padding: 30 }}>change rippleSize</Text>
+      </Ripple>
+
+      <Ripple
+        style={{ borderRadius: 40, backgroundColor: "#0288D1" }}
+        rippleContainerBorderRadius={40}
+      >
+        <Text style={{ padding: 30 }}>change rippleContainerBorderRadius</Text>
+      </Ripple>
+
+      <Ripple rippleCentered>
+        <Text style={{ padding: 30 }}>change rippleCentered</Text>
+      </Ripple>
+
+      <Ripple rippleSequential>
+        <Text style={{ padding: 30 }}>change rippleSequential</Text>
+      </Ripple>
+
+      <Ripple rippleFades={false}>
+        <Text style={{ padding: 30 }}>change rippleFades</Text>
+      </Ripple>
+
+      <Ripple disabled>
+        <Text style={{ padding: 30 }}>change disabled</Text>
+      </Ripple>
+
+      <Ripple onPressIn={() => setValue1("changed")}>
+        <Text style={{ padding: 30 }}>onPressIn touch {value1}</Text>
+      </Ripple>
+
+      <Ripple delayPressIn={1000} onPressIn={() => setValue2("changed")}>
+        <Text style={{ padding: 30 }}>delay onPressIn touch {value2}</Text>
+      </Ripple>
+
+      <Ripple onPressOut={() => setValue3("changed")}>
+        <Text style={{ padding: 30 }}>onPressOut touch {value3}</Text>
+      </Ripple>
+
+      <Ripple delayPressOut={1000} onPressOut={() => setValue4("changed")}>
+        <Text style={{ padding: 30 }}>delay onPressOut {value4}</Text>
+      </Ripple>
+
+      <Ripple onPress={() => setValue5("changed")}>
+        <Text style={{ padding: 30 }}>onPress touch {value5}</Text>
+      </Ripple>
+
+      <Ripple onLongPress={() => setValue6("changed")}>
+        <Text style={{ padding: 30 }}>onLongPress touch {value6}</Text>
+      </Ripple>
+
+      <Ripple delayLongPress={1000} onLongPress={() => setValue7("changed")}>
+        <Text style={{ padding: 30 }}>delay onLongPress touch {value7}</Text>
+      </Ripple>
+
+      <Ripple onRippleAnimation={() => setValue8("changed")}>
+        <Text style={{ padding: 30 }}>onRippleAnimation touch {value8}</Text>
+      </Ripple>
+    </ScrollView>
+  );
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
+2. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta3 5.0.0.36; IDE：DevEco Studio 5.0.3.535; ROM：5.0.0.36
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                          | Description                                     | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------------------- | ----------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `rippleColor`                 | Ripple color(default:rgb(0, 0, 0))              | String   | no       | iOS/Android | yes               |
+| `rippleOpacity`               | Ripple opacity(default:0.3)                     | Number   | no       | iOS/Android | yes               |
+| `rippleDuration`              | Ripple duration in ms(default:400)              | Number   | no       | iOS/Android | yes               |
+| `rippleSize`                  | Ripple size restriction(default:0)              | Number   | no       | iOS/Android | yes               |
+| `rippleContainerBorderRadius` | Ripple container border radius (default:0)      | Number   | no       | iOS/Android | yes               |
+| `rippleCentered`              | Ripple always starts from center(default:false) | Boolean  | no       | iOS/Android | yes               |
+| `rippleSequential`            | Ripple should start in sequence(default:false)  | Boolean  | no       | iOS/Android | yes               |
+| `rippleFades`                 | Ripple fades out(default:true)                  | Boolean  | no       | iOS/Android | yes               |
+| `disabled`                    | Ripple should ignore touches(default:false)     | Boolean  | no       | iOS/Android | yes               |
+| `onPressIn`                   | Touch moved in or started callback              | Function | no       | iOS/Android | yes               |
+| `onPressOut`                  | Touch moved out or terminated callback          | Function | no       | iOS/Android | yes               |
+| `onPress`                     | Touch up inside bounds callback                  | Function | no       | iOS/Android | yes               |
+| `onLongPress`                 | Touch delayed after onPressIn callback          | Function | no       | iOS/Android | yes               |
+| `onRippleAnimation`           | Animation start callback                        | Function | no       | iOS/Android | yes               |
+
+Other [TouchableWithoutFeedback](https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html) properties will also work
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The BSD License (BSD)](https://github.com/n4kz/react-native-material-ripple/blob/master/license.txt) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-material-textfield.md b/en/react-native-material-textfield.md
new file mode 100644
index 00000000..b74e4fe7
--- /dev/null
+++ b/en/react-native-material-textfield.md
@@ -0,0 +1,282 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-material-textfield</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/n4kz/react-native-material-textfield">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt">
+        <img src="https://img.shields.io/badge/license-BSD-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-material-textfield/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-textfield Releases](https://github.com/react-native-oh-library/react-native-material-textfield/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-material-textfield@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-material-textfield@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+
+import React, {useState} from 'react';
+import {  StyleSheet,SafeAreaView,Platform,ScrollView,View,Button} from 'react-native';
+import {
+  TextField,
+} from 'react-native-material-textfield';
+
+
+let defaults = {
+  firstname: 'Eddard',
+  lastname: 'Stark'
+};
+
+
+// 导出组件
+export default function TextfieldDemo() {
+  const [errors, setErrors] = useState({});  
+  const [combinedState, setCombinedState] = useState({  
+    ...defaults,  
+    secureTextEntry:true, // 从上面的 useState 中取得值  
+  }); 
+  const firstnameRef  = React.createRef();;
+  const lastnameRef  = React.createRef();
+  const aboutRef  = React.createRef();
+  const emailRef = React.createRef();
+  const passwordRef = React.createRef();
+
+  const onSubmit = () => {
+    let errors = {};
+    ['firstname', 'lastname', 'email', 'password']
+    .forEach((name) => {
+        const ref = name === 'firstname' ? firstnameRef :  
+                    name === 'lastname' ? lastnameRef :
+                    name === 'email' ? emailRef : 
+                    passwordRef;       
+        let value = ref.current ? ref.current.value() : ''; // 从 ref 中获取值 
+        if(!value) {
+          errors[name] = 'Should not be empty';
+        } else {
+          if('password' === name && value.length < 6) {
+            errors[name] = 'Too short';
+          }
+        }
+    });
+    setErrors(errors)
+  }
+
+  const onChangeText= () => {
+    ['firstname', 'lastname', 'email', 'password']
+    .forEach((name) => {
+      const ref = name === 'firstname' ? firstnameRef :  
+      name === 'lastname' ? lastnameRef :
+      name === 'email' ? emailRef : 
+      passwordRef;      
+      let value = ref.current ? ref.current.value() : ''; // 从 ref 中获取值  
+      setCombinedState({  
+        ...combinedState,  
+        // 例如，更新 firstname 属性  
+        [name]: value
+      });  
+    })
+  }
+ 
+  return (
+    <SafeAreaView style={styles.safeContainer}>
+        <ScrollView
+            style={styles.scroll}
+            contentContainerStyle={styles.contentContainer}
+            keyboardShouldPersistTaps='handled'
+          >
+          <View style={styles.container}>
+              <TextField
+                ref={firstnameRef}
+                value={defaults.firstname}
+                autoCorrect={false}
+                enablesReturnKeyAutomatically={true}
+                returnKeyType='next'
+                label='First Name'
+                onChangeText={onChangeText}
+                error={errors.firstname}
+              />
+
+             <TextField
+                ref={lastnameRef}
+                value={defaults.lastname}
+                autoCorrect={false}
+                enablesReturnKeyAutomatically={true}      
+                returnKeyType='next'
+                label='Last Name'
+                onChangeText={onChangeText}
+                error={errors.lastname}
+              />  
+
+              <TextField
+                ref={emailRef}
+                keyboardType='email-address'
+                autoCapitalize='none'
+                autoCorrect={false}
+                enablesReturnKeyAutomatically={true}
+                returnKeyType='next'
+                label='Email Address'
+                onChangeText={onChangeText}
+                error={errors.email}
+              />
+
+              <TextField 
+                ref={passwordRef}
+                autoCapitalize='none'
+                autoCorrect={false}
+                enablesReturnKeyAutomatically={true}
+                returnKeyType='done'
+                label='Password'
+                title='Choose wisely'
+                maxLength={30}
+                onChangeText={onChangeText}
+                characterRestriction={20}
+                error={errors.password}
+              />
+
+             <Button title='运行' color='#841584' onPress={onSubmit}></Button>
+              
+          </View>
+        </ScrollView>
+
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  safeContainer: {
+    flex: 1,
+    backgroundColor: '#FFFFFF',
+  },
+  scroll: {
+    backgroundColor: 'transparent',
+  },
+
+  container: {
+    margin: 8,
+    marginTop: Platform.select({ harmony:8,ios: 8,android: 32 }),
+    flex: 1,
+  },
+
+  contentContainer: {
+    padding: 8,
+  },
+
+  buttonContainer: {
+    paddingTop: 8,
+    margin: 8,
+  }
+});
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-textfield Releases](https://github.com/react-native-oh-library/react-native-material-textfield/releases)
+
+在下述版本验证通过：
+
+RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+### 此组件有以下属性:
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| **textColor**      |       Text input color         |                         String                           |    No    | iOS/Android |        Yes        |
+| **fontSize**        |                   Text input font size                    |                         Number                           |    YES   | iOS/Android |        Yes        |
+| **labelFontSize**      |                  Text field label font size               |                         Number                           |    No    | iOS/Android |        Yes        |
+| **lineWidth**  |       Text field underline width      |                         Number                           |    No    | iOS/Android |        Yes        |
+| **activeLineWidth**  |       Text field active underline width     |                         Number                           |    No    | iOS/Android |        Yes        |
+| **disabledLineWidth**  |       Text field disabled underline width     |                         Number                           |    No    | iOS/Android |        Yes        |
+| **tintColor**  |       Text field accent color     |                         String                           |    No    | iOS/Android |        Yes        |
+| **baseColor**  |      Text field base color     |                         String                           |    No    | iOS/Android |        Yes        |
+| **label**  |      Text field label text     |                         String                           |    No    | iOS/Android |        Yes        |
+| **title**  |      Text field helper text     |                         String                           |    No    | iOS/Android |        Yes        |
+| **prefix**  |     Text field prefix text     |                         String                           |    No    | iOS/Android |        Yes        |
+| **suffix**  |     Text field suffix text     |                         String                           |    No    | iOS/Android |        Yes        |
+| **error**  |     Text field error text     |                         String                           |    No    | iOS/Android |        Yes        |
+| **errorColor**  |     Text field color for errored state     |                         String                           |    No    | iOS/Android |        Yes        |
+| **lineType**  |     Text field line type     |                         String                           |    No    | iOS/Android |        Yes        |
+| **disabledLineType**  |     Text field line type in disabled state     |                         String                           |    No    | iOS/Android |        Yes        |
+| **animationDuration**  |     Text field animation duration in ms     |                         Number                           |    No    | iOS/Android |        Yes        |
+| **characterRestriction**  |     Text field soft limit for character counter     |                         Number                           |    No    | iOS/Android |        Yes        |
+| **disabled**  |    Text field availability     |                         Boolean                           |    No    | iOS/Android |        Yes        |
+| **editable**  |    Text field text can be edited     |                         Boolean                           |    No    | iOS/Android |        Yes        |
+| **multiline**  |    Text filed multiline input     |                         Boolean                           |    No    | iOS/Android |        Yes        |
+| **contentInset**  |    TLayout configuration object     |                         Object                           |    No    | iOS/Android |        Yes        |
+| **labelOffset**  |    Label position adjustment     |                         Object                           |    No    | iOS/Android |        Yes        |
+| **inputContainerStyle**  |    Style for input container view     |                         Object                           |    No    | iOS/Android |        Yes        |
+| **containerStyle**  |    Style for container view     |                         Object                           |    No    | iOS/Android |        Yes        |
+| **labelTextStyle**  |    Style for label inner Text component     |                         Object                           |    No    | iOS/Android |        Yes        |
+| **titleTextStyle**  |    Style for title inner Text component     |                         Object                           |    No    | iOS/Android |        Yes        |
+| **affixTextStyle**  |    Style for affix inner Text component     |                         Object                           |    No    | iOS/Android |        Yes        |
+| **formatText**  |    Input mask callback    |                         Function                           |    No    | iOS/Android |        Yes        |
+| **renderLeftAccessory**  |   Render left input accessory view    |                         Function                           |    No    | iOS/Android |        Yes        |
+| **renderRightAccessory**  |   Render right input accessory view    |                         Function                           |    No    | iOS/Android |        Yes        |
+| **onChangeText**  |   Change text callback    |                         Function                           |    No    | iOS/Android |        Yes        |
+| **onFocus**  |   Focus callback    |                         Function                           |    No    | iOS/Android |        Yes        |
+| **onBlur**  |  Blur callback    |                         Function                           |    No    | iOS/Android |        Yes        |
+
+## **API（TextField）**
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|   **focus()**    |           Acquire focus            |                                                    |    No    | iOS/Android |        Yes        |
+|   **blur()**    |   Release focus   |                                                    |    No    | iOS/Android |        Yes        |
+|   **clear()**    |   Clear text field   |                                                    |    No    | iOS/Android |        Yes        |
+|   **value()**    |   Get current value  |                         String                           |    No    | iOS/Android |        Yes        |
+|   **isFocused()**    |   Get current focus state   |                         Boolean                           |    No    | iOS/Android |        Yes        |
+|   **isErrored()**    |  Get current error state  |                         Boolean                           |    No    | iOS/Android |        Yes        |
+|   **isRestricted()**    |   Get current restriction state	   |                         Boolean                           |    No    | iOS/Android |        Yes        |
+|   **isDefaultVisible()**    |   Get default value visibility   |                         Boolean                           |    No    | iOS/Android |        Yes        |
+|   **isPlaceholderVisible()**    |   Get placeholder visibility   |                         Boolean                           |    No    | iOS/Android |        Yes        |
+|   **setValue()**    |   Set current value   |                                                    |    No    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [BSD License](https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-material-ui.md b/en/react-native-material-ui.md
new file mode 100644
index 00000000..f8659387
--- /dev/null
+++ b/en/react-native-material-ui.md
@@ -0,0 +1,610 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-material-ui</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/xotahal/react-native-material-ui">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!tip] [Github 地址](https://github.com/xotahal/react-native-material-ui)
+
+## 安装与使用
+
+请到三方库的 Releases
+发布地址查看配套的版本信息：[@react-native-oh-tpl/react-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases)
+，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+[!TIP] # 处替换为 tgz 包的路径
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-material-ui@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-material-ui@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+ 
+### 外部字体使用
+> [!ATTENTION] 使用外部字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件，否则图标不能正常显示
+使用外部字体时，不管是用户自己制作的字体文件还是从网站下载的字体文件，都需要有 *.ttf 和 *.json 文件(文件目录不固定，能引用到就可以了)
+
+```js
+
+import { ActionButton} from 'react-native-material-ui';
+import { View, StyleSheet,ScrollView,Text } from 'react-native'
+import { useState } from 'react';
+
+const ActionButtonDemo = () => {
+  const [actionText,setActionText] = useState('')
+  return (
+      <>
+        <ScrollView style={styles.scrollView}>
+              <View style={styles.view}>
+                <ActionButton
+                  actions={[
+                    { icon: 'email', label: 'Email',name:'email'},
+                    { icon: 'phone', label: 'Phone',name:'Phone' },
+                    { icon: 'sms', label: 'Text',name:'Text' },
+                    { icon: 'chat', label: 'chat',name:'chat' },
+                ]}
+                  icon='email'
+                  transition="speedDial"
+                />
+              </View>
+
+              <View style={styles.view}>
+                <ActionButton
+                  onPress={()=>setActionText("onPress actionText")}
+                  actions={[
+                    { icon: 'email', label: 'Email',name:'email'},
+                    { icon: 'phone', label: 'Phone',name:'Phone' },
+                    { icon: 'sms', label: 'Text',name:'Text' },
+                    { icon: 'chat', label: 'chat',name:'chat' },
+                ]}
+                  icon='email'
+                  transition="speedDial"
+                />
+                <Text>{actionText}</Text>
+              </View>
+
+              <View style={styles.view}>
+                <ActionButton
+                  actions={[{ icon: 'email', label: 'email', name: 'email' },
+                  { icon: 'phone', label: 'Phone', name: 'phone' },
+                  { icon: 'sms', label: 'text', name: 'text' },
+                  { icon: 'chat', label: 'chat', name: 'chat' }]}
+                  icon="share"
+                  transition="toolbar"
+                />
+              </View>
+
+              <View style={styles.view}>
+                <ActionButton
+                  style={{container:{backgroundColor:'blue'},icon:{color:'red'},positionContainer:{top:2,bottom:2}}}
+                  actions={[
+                    { icon: 'email', label: 'Email',name:'email'},
+                    { icon: 'phone', label: 'Phone',name:'Phone' },
+                    { icon: 'sms', label: 'Text',name:'Text' },
+                    { icon: 'chat', label: 'chat',name:'chat' },
+                ]}
+                  icon='email'
+                  transition="speedDial"
+                />
+                <Text>{actionText}</Text>
+              </View>
+
+              <View style={styles.view}>
+                <ActionButton
+                style={{toolbarContainer:{backgroundColor:'blue'}}}
+                  actions={[{ icon: 'email', label: 'email', name: 'email' },
+                  { icon: 'phone', label: 'Phone', name: 'phone' },
+                  { icon: 'sms', label: 'text', name: 'text' },
+                  { icon: 'chat', label: 'chat', name: 'chat' }]}
+                  icon="share"
+                  transition="toolbar"
+                />
+              </View>
+          </ScrollView>  
+          </>
+  )
+}
+
+const styles = StyleSheet.create({
+  view: {
+    width: '100%',
+    height: 350,
+  },
+  scrollView:{
+    marginBottom:70
+  }
+});
+
+
+export default ActionButtonDemo
+```
+### 在 ArkTs 侧引入和注册字体文件
+
+步骤一： 复制字体文件到 `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+
+步骤二： 打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+```
+    import font from '@ohos.font';
+    //...
+    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
+   const fonts: font.FontOptions[] = [
+  {
+    familyName: 'Material Icons',
+    familySrc: '/assets/fonts/MaterialIcons.ttf'
+  },
+  {
+    familyName: 'Pacifico-Regular',
+    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
+  },
+  {
+    familyName: 'StintUltraCondensed-Regular',
+    familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
+  },
+  {
+    familyName: 'Entypo',
+    familySrc: '/assets/fonts/Entypo.ttf'
+  },
+  {
+    familyName: 'EvilIcons',
+    familySrc: '/assets/fonts/EvilIcons.ttf'
+  },
+  {
+    familyName: 'Feather',
+    familySrc: '/assets/fonts/Feather.ttf'
+  },
+  {
+    familyName: 'FontAwesome5_Brands',
+    familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
+  },
+  {
+    familyName: 'FontAwesome5_Regular',
+    familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
+  },
+  {
+    familyName: 'FontAwesome5_Solid',
+    familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
+  },
+  {
+    familyName: 'Foundation',
+    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
+  },
+  {
+    familyName: 'Ionicons',
+    familySrc: '/assets/fonts/Ionicons.ttf'
+  },
+  {
+    familyName: 'Foundation',
+    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
+  },
+  {
+    familyName: 'MaterialCommunityIcons',
+    familySrc: '/assets/fonts/MaterialCommunityIcons.ttf'
+  },
+  {
+    familyName: 'Octicons',
+    familySrc: '/assets/fonts/Octicons.ttf'
+  },
+  {
+    familyName: 'SimpleLineIcons',
+    familySrc: '/assets/fonts/SimpleLineIcons.ttf'
+  },
+  {
+    familyName: 'Octicons',
+    familySrc: '/assets/fonts/Octicons.ttf'
+  },
+  {
+    familyName: 'Zocial',
+    familySrc: '/assets/fonts/Zocial.ttf'
+  },
+
+]
+
+    @Entry
+    @Component
+    struct Index {
+        //...
+        aboutToAppear() {
+            //...
+
+            //注册字体文件
+            for (const customFont of fonts) {
+                font.registerFont(customFont)
+            }
+        }
+        //...
+    }
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-ui Releases](https://github.com/react-native-oh-library/react-native-material-ui/releases)
+
+## 组件
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### ActionButton
+
+| Name       |                                                                                 Description                                                                                 |                   Type                    | Required |               Platform               | HarmonyOS Support |
+|:-----------|:---------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:-----------------------------------------:|:--------:|:------------------------------------:|:-----------------:|
+| actions    | Array of names of icons (or elements) that will be shown after the main button is pressed 。 Remember, you should specify key for each element, if you use array of elements |                 string[]                  |    no    |             iOS/Android              |       yes        |
+| onPress    |                                                           Called when button is pressed. Text is passed as param                                                            |              PropTypes.func               |    no    |             iOS/Android              |        yes        |
+| icon       |                                                                   If specified it'll be shown before text                                                                   |   PropTypes.element<br>PropTypes.string   |    no    |             iOS/Android              |        yes        |
+| transition |               Leave it empty if you don't want any transition after press. Otherwise, it will be transformed . to another view - depends on transition value.               | PropTypes.oneOf(['toolbar', 'speedDial']) |    no    |             iOS/Android              |        yes        |
+| style      |                                                                  ou can override any style for this button                                                                  |       **ActionButton style props**        |    no    |             iOS/Android              |        yes        |
+
+**ActionButton style props**
+
+| Name              | Description             | Type                 | Required | Platform    | HarmonyOS Support |
+|-------------------|-------------------------|----------------------|----------|-------------|-------------------|
+| container         | container style         | View.propTypes.style | no       | iOS/Android | yes               |
+| icon              | icon style              | Text.propTypes.style | no       | iOS/Android | yes               |
+| positionContainer | positionContainer style | View.propTypes.style | no       | iOS/Android | yes               |
+| toolbarContainer  | Toolbar styles          | View.propTypes.style | no       | iOS/Android | yes               |
+
+### Avatar
+
+| Name      |                                    Description                                    |                               Type                               | Required |  Platform   | HarmonyOS Support |
+|:----------|:---------------------------------------------------------------------------------:|:----------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| image     |                  If passed in, this component will render image.                  |       PropTypes.shape({ type: PropTypes.oneOf([Image]) }),       |    no    | iOS/Android |        yes        |
+| icon      |       If passed in, this component will render icon element inside avatar.        |                         PropTypes.string                         |    no    | iOS/Android |        yes        |
+| iconColor |         If passed in, this component will render an icon with this color.         |                         PropTypes.string                         |    no    | iOS/Android |        yes        |
+| iconSize  |         If passed in, this component will render an icon with this size.          |                         PropTypes.number                         |    no    | iOS/Android |        yes        |
+| text      |       If passed in, this component will render text element inside avatar.        |                         PropTypes.string                         |    no    | iOS/Android |        yes        |
+| size      | It's just sugar for: style: { width: size, height: size, borderRadius: size / 2 } |                         PropTypes.number                         |    no    | iOS/Android |        yes        |
+| style     |                              Inline style of avatar                               | container: View.propTypes.style<br>content: Text.propTypes.style |    no    | iOS/Android |        yes        |
+
+### Badge
+
+| Name     |                                        Description                                         |                     Type                      | Required |  Platform   | HarmonyOS Support |
+|:---------|:------------------------------------------------------------------------------------------:|:---------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| children |                      The badge will be added relatively to this node                       |                PropTypes.node                 |    no    | iOS/Android |        yes        |
+| text     |                       This is the content rendered within the badge                        |               PropTypes.string                |    no    | iOS/Android |        yes        |
+| icon     |           When the icon is set, the content will be <Icon name={icon} /> element           | PropTypes.string,<br>{name:string,color,size} |    no    | iOS/Android |        yes        |
+| size     | Just sugar for style={{ container: { width: size, height: size, borderRadius: size / 2 }}} |               PropTypes.number                |    no    | iOS/Android |        yes        |
+| stroke   |                                      Stroke on Badge                                       |               PropTypes.number                |    no    | iOS/Android |        yes        |
+
+### Icon
+
+| Name  |      Description      |   Type    | Required |  Platform   | HarmonyOS Support |
+|:------|:---------------------:|:---------:|:--------:|:-----------:|:-----------------:|
+| name  |       Icon name       |  string   |   yes    | iOS/Android |        yes        |
+| style | The style of the icon | ViewStyle |    no    |    iOS/Android    |        yes        |
+| size  | The size of the icon  |  number   |    no    | iOS/Android |        yes        |
+| color | The color of the icon |  string   |    no    | iOS/Android |        yes        |
+
+### IconToggle
+
+| Name       |                       Description                        |            Type             | Required |  Platform   | HarmonyOS Support |
+|:-----------|:--------------------------------------------------------:|:---------------------------:|:--------:|:-----------:|:-----------------:|
+| color      |                  The color of the icon                   |      PropTypes.string       |    no    | iOS/Android |        yes        |
+| maxOpacity |               Max opacity of ripple effect               |      PropTypes.number       |    no    | iOS/Android |        yes        |
+| percent    |                  Size of underlayColor                   |      PropTypes.number       |    no    | iOS/Android |        yes        |
+| disabled   |        If true, the interaction will be forbidden        |       PropTypes.bool        |    no    | iOS/Android |        yes        |
+| size       |  Size of icon (default is 24 - see spacing in palette)   |      PropTypes.number       |    no    | iOS/Android |        yes        |
+| name       |                   Name of icon to show                   | PropTypes.string.isRequired |   yes    | iOS/Android |        yes        |
+| children   | It'll be used instead of icon (see props name) if exists |      PropTypes.element      |    no    | iOS/Android |        yes        |
+
+### BottomNavigation
+
+| Name     |                   Description                   |              Type               | Required |  Platform   | HarmonyOS Support |
+|:---------|:-----------------------------------------------:|:-------------------------------:|:--------:|:-----------:|:-----------------:|
+| active   |         The key of selected/active tab          |        PropTypes.string         |    no    | iOS/Android |        yes        |
+| children |          BottomNavigation.Action nodes          |    PropTypes.node.isRequired    |   yes    | iOS/Android |        yes        |
+| hidden   | Whether or not the BottomNavigation should show |         PropTypes.bool          |    no    | iOS/Android |        yes        |
+| style    |        Inline style of bottom navigation        | container: View.propTypes.style |    no    | iOS/Android |        yes        |
+
+### BottomNavigation.Action
+
+| Name    |                                Description                                 |                                               Type                                                | Required |  Platform   | HarmonyOS Support |
+|:--------|:--------------------------------------------------------------------------:|:-------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| icon    |        Will be rendered above the label as a content of the action.        |                                    PropTypes.string.isRequired                                    |   yes    | iOS/Android |        yes        |
+| label   |         Will be rendered under the icon as a content of the action         |                                         PropTypes.string                                          |    no    | iOS/Android |        yes        |
+| active  | True if the action is active (for now it'll be highlight by primary color) |                                     PropTypes.bool.isRequired                                     |   yes    | iOS/Android |        yes        |
+| onPress |                        Callback for on press event                         |                                          PropTypes.func                                           |    no    | iOS/Android |        yes        |
+| style   |                     Inline style of bottom navigation                      | container: View.propTypes.style<br>active: Text.propTypes.style<br>disabled: Text.propTypes.style |    no    | iOS/Android |        yes        |
+
+### Button
+
+| Name      |                      Description                       |                             Type                              | Required |  Platform   | HarmonyOS Support |
+|:----------|:------------------------------------------------------:|:-------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| disabled  |            If true button will be disabled             |                        PropTypes.bool                         |    no    | iOS/Android |        yes        |
+| raised    |             If true button will be raised              |                        PropTypes.bool                         |    no    | iOS/Android |        yes        |
+| primary   |        If the button should have primary color         |                        PropTypes.bool                         |    no    | iOS/Android |        yes        |
+| accent    |         If the button should have accent color         |                       PropTypes.number                        |    no    | iOS/Android |        yes        |
+| onPress   | Called when button is pressed. Text is passed as param |                        PropTypes.func                         |    no    | iOS/Android |        yes        |
+| text      |              Text will be shown on button              |                  PropTypes.string.isRequired                  |   yes    | iOS/Android |        yes        |
+| upperCase |        Button text will be in uppercase letters        |                        PropTypes.bool                         |    no    | iOS/Android |        yes        |
+| icon      |        If specified it'll be shown before text         |                       PropTypes.string                        |    no    | iOS/Android |        yes        |
+| style     |       You can override any style for this button       | container: View.propTypes.style<br>text: Text.propTypes.style |    no    | iOS/Android |        yes        |
+
+### Card
+
+| Name    |               Description                |       Type       | Required |  Platform   | HarmonyOS Support |
+|:--------|:----------------------------------------:|:----------------:|:--------:|:-----------:|:-----------------:|
+| onPress |       Called when card is pressed        |  PropTypes.func  |    no    | iOS/Android |        yes        |
+| style   | You can override any style for this card | PropTypes.object |    no    | iOS/Android |        yes        |
+
+### Checkbox
+
+| Name          |                 Description                  |                                 Type                                 | Required |  Platform   | HarmonyOS Support |
+|:--------------|:--------------------------------------------:|:--------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| label         |        Text will be shown after Icon         |                           PropTypes.string                           |   yes    | iOS/Android |        yes        |
+| value         | Value will be returned when onCheck is fired | PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired |   yes    | iOS/Android |        yes        |
+| checked       |              True if it's check              |                            PropTypes.bool                            |    no    | iOS/Android |        yes        |
+| disabled      |              Is checkbox active              |                           PropTypes.bool,                            |    no    | iOS/Android |        yes        |
+| uncheckedIcon |     Will be shown when checked is false      |                           PropTypes.string                           |    no    | iOS/Android |        yes        |
+| checkedIcon   |      Will be shown when checked is true      |                           PropTypes.string                           |    no    | iOS/Android |        yes        |
+| onCheck       |  Event that is called when state is changed  |                           PropTypes.func,                            |   yes    | iOS/Android |        yes        |
+
+### Dialog:DialogDefaultActions
+
+| Name          |                Description                |                                      Type                                       | Required |  Platform   | HarmonyOS Support |
+|:--------------|:-----------------------------------------:|:-------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| actions       |        Button for displaying cards        |                 PropTypes.arrayOf(PropTypes.string).isRequired                  |   yes    | iOS/Android |        yes        |
+| options       |       this will disable the button        |     PropTypes.shape({       actionName: { disabled: PropTypes.bool }     })     |    no    | iOS/Android |        yes        |
+| onActionPress | Event triggered by pressing a card button |                            PropTypes.func.isRequired                            |   yes    | iOS/Android |        yes        |
+| style         | You can override any style for this Card  | PropTypes.shape({         defaultActionsContainer: ViewPropTypes.style,     }), |    no    | iOS/Android |        yes        |
+
+### Divider
+
+| Name  |                 Description                 |                        Type                         | Required |  Platform   | HarmonyOS Support |
+|:------|:-------------------------------------------:|:---------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| inset |              Divider Move Back              |                   PropTypes.bool                    |    no    | iOS/Android |        yes        |
+| style | You can override any style for this Divider | PropTypes.shape({container: View.propTypes.style }) |    no    | iOS/Android |        yes        |
+
+### Drawer
+
+| Name     |                Description                 |                                                       Type                                                        | Required |  Platform   | HarmonyOS Support |
+|:---------|:------------------------------------------:|:-----------------------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| children |           Subnodes in the drawer           |                                             PropTypes.node.isRequired                                             |   yes    | iOS/Android |        yes        |
+| style    | You can override any style for this Drawer | style: PropTypes.shape({ container: ScrollView.propTypes.style,         contentContainer: View.propTypes.style}), |    no    | iOS/Android |        yes        |
+
+#### Drawer:header
+
+| Name            |                    Description                    |                                                  Type                                                   | Required |  Platform   | HarmonyOS Support |
+|:----------------|:-------------------------------------------------:|:-------------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| image           |              image for Drawer.header              |                           PropTypes.shape({ type: PropTypes.oneOf([Image]) })                           |    no    | iOS/Android |        yes        |
+| backgroundColor |      Background image of the drawer header.       |                                            PropTypes.string                                             |    no    | iOS/Android |        yes        |
+| children        |           Subnodes in the drawer.header           |                                             PropTypes.node                                              |    no    | iOS/Android |        yes        |
+| style           | You can override any style for this drawer.header | style: PropTypes.shape({contentContainer: View.propTypes.style,container: View.propTypes.style,     }), |    no    | iOS/Android |        yes        |
+
+#### Drawer:HeaderAccount
+
+| Name     |                    Description                    |                       Type                       | Required |  Platform   | HarmonyOS Support |
+|:---------|:-------------------------------------------------:|:------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| avatar   |          avatar for Drawer.HeaderAccount          |                PropTypes.element                 |    no    | iOS/Android |        yes        |
+| accounts |         accounts for Drawer.HeaderAccount         |                 PropTypes.string                 |    no    | iOS/Android |        yes        |
+| footer   |        footer in the Drawer.HeaderAccount         |                ListItem.propTypes                |    no    | iOS/Android |        yes        |
+| style    | You can override any style for this drawer.header | PropTypes.shape({**Drawer:HeaderAccout style**}) |    no    | iOS/Android |        yes        |
+
+##### Drawer:HeaderAccout style
+
+| name                    | Type                 | Required | Platform    | HarmonyOS Support |
+|-------------------------|----------------------|----------|-------------|-------------------|
+| container               | View.propTypes.style | no       | iOS/Android | yes               |
+| accountContainer        | View.propTypes.style | no       | iOS/Android | yes               |
+| topContainer            | View.propTypes.style | no       | iOS/Android | yes               |
+| avatarsContainer        | View.propTypes.style | no       | iOS/Android | yes               |
+| activeAvatarContainer   | View.propTypes.style | no       | iOS/Android | yes               |
+| inactiveAvatarContainer | View.propTypes.style | no       | iOS/Android | yes               |
+
+#### Drawer:Section
+
+| Name    |                    Description                     |                     Type                     | Required |  Platform   | HarmonyOS Support |
+|:--------|:--------------------------------------------------:|:--------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| title   |             title of drawers:sections              |               PropTypes.string               |   yes    | iOS/Android |        yes        |
+| items   |             tems of drawers:isections              |          **Drawer:Section  items**           |   yes    | iOS/Android |        yes        |
+| divider |             dividerof drawers:sections             |                PropTypes.bool                |    no    | iOS/Android |        yes        |
+| style   | You can override any style for this Drawer:Section | PropTypes.shape({**Drawer:Section  style**}) |    no    | iOS/Android |        yes        |
+
+##### Drawer:Section  items
+
+| name        | Type                                                                  | Required | Platform    | HarmonyOS Support |
+|-------------|-----------------------------------------------------------------------|----------|-------------|-------------------|
+| icon        | PropTypes.string                                                      | no       | iOS/Android | yes               |
+| value       | PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired | yes      | iOS/Android | yes               |
+| label       | PropTypes.string                                                      | no       | iOS/Android | yes               |
+| onPress     | PropTypes.func                                                        | no       | iOS/Android | yes               |
+| onLongPress | PropTypes.func                                                        | no       | iOS/Android | yes               |
+| active      | PropTypes.bool                                                        | no       | iOS/Android | yes               |
+| disabled    | PropTypes.bool                                                        | no       | iOS/Android | yes               |
+
+##### Drawer:Section  style
+
+| name      | Type                 | Required | Platform    | HarmonyOS Support |
+|-----------|----------------------|----------|-------------|-------------------|
+| container | View.propTypes.style | no       | iOS/Android | yes               |
+| item      | View.propTypes.style | no       | iOS/Android | yes               |
+| subheader | View.propTypes.style | no       | iOS/Android | yes               |
+| icon      | View.propTypes.style | no       | iOS/Android | yes               |
+| value     | View.propTypes.style | no       | iOS/Android | yes               |
+| label     | View.propTypes.style | no       | iOS/Android | yes               |
+| disabled  | View.propTypes.style | no       | iOS/Android | yes               |
+
+### ListItem
+
+| Name                |                   Description                    |                                                                                               Type                                                                                                | Required |  Platform   | HarmonyOS Support |
+|:--------------------|:------------------------------------------------:|:-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| dense               |                    generally                     |                                                                                          PropTypes.bool                                                                                           |    no    | iOS/Android |        yes        |
+| divider             |                     divider                      |                                                                                          PropTypes.bool                                                                                           |    no    | iOS/Android |        yes        |
+| onPress             |          Called when ListItemis pressed          |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
+| numberOfLines       |                   line number                    |                                                                               PropTypes.oneOf([1, 2, 3, 'dynamic'])                                                                               |    no    | iOS/Android |        yes        |
+| style               |   You can override any style for this Listltem   |                                                                                          ListItem  style                                                                                          |    no    | iOS/Android |        yes        |
+| leftElement         |                    left side                     |                                                                PropTypes.oneOfType([         PropTypes.element,PropTypes.string ]                                                                 |    no    | iOS/Android |        yes        |
+| onLeftElementPress  | Event triggered when the left button is pressed  |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
+| centerElement       |                   center side                    | PropTypes.oneOfType([PropTypes.element,         PropTypes.string,  PropTypes.shape({primaryText: PropTypes.string.isRequired,secondaryText: PropTypes.string,tertiaryText: PropTypes.string }) ]) |   yes    | iOS/Android |        yes        |
+| rightElement        |                    right side                    |                          PropTypes.element, PropTypes.string,         PropTypes.shape({ menu: PropTypes.shape({                 labels: PropTypes.array.isRequired}) })                           |    no    | iOS/Android |        yes        |
+| onRightElementPress | Event triggered when the right button is pressed |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
+| children            |                    child node                    |                                                                                          PropTypes.node                                                                                           |    no    | iOS/Android |        yes        |
+
+##### ListItem  style
+
+| name                   | Type                 | Required | Platform    | HarmonyOS Support |
+|------------------------|----------------------|----------|-------------|-------------------|
+| container              | View.propTypes.style | no       | iOS/Android | yes               |
+| contentViewContainer   | View.propTypes.style | no       | iOS/Android | yes               |
+| leftElementContainer   | View.propTypes.style | no       | iOS/Android | yes               |
+| centerElementContainer | View.propTypes.style | no       | iOS/Android | yes               |
+| textViewContainer      | View.propTypes.style | no       | iOS/Android | yes               |
+| primaryText            | Text.propTypes.style | no       | iOS/Android | yes               |
+| firstLine              | View.propTypes.style | no       | iOS/Android | yes               |
+| primaryTextContainer   | Text.propTypes.style | no       | iOS/Android | yes               |
+| secondaryText          | Text.propTypes.style | no       | iOS/Android | yes               |
+| tertiaryText           | Text.propTypes.style | no       | iOS/Android | yes               |
+| rightElementContainer  | View.propTypes.style | no       | iOS/Android | yes               |
+| leftElement            | View.propTypes.style | no       | iOS/Android | yes               |
+| rightElement           | View.propTypes.style | no       | iOS/Android | yes               |
+
+### Subheader
+
+| Name  |                  Description                  |                                     Type                                      | Required |  Platform   | HarmonyOS Support |
+|:------|:---------------------------------------------:|:-----------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| text  |                Displayed text                 |                          PropTypes.string.isRequired                          |   yes    | iOS/Android |        yes        |
+| inset |              Subheader Move Back              |                                PropTypes.bool                                 |    no    | iOS/Android |        yes        |
+| lines |            Subheader lines number             |                               PropTypes.number                                |    no    | iOS/Android |        yes        |
+| style | You can override any style for this Subheader | PropTypes.shape({container: View.propTypes.style ,text:Text.propTypes.style}) |    no    | iOS/Android |        yes        |
+
+### Snackbar
+
+| Name             |                        Description                         |                               Type                                | Required |  Platform   | HarmonyOS Support |
+|:-----------------|:----------------------------------------------------------:|:-----------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
+| message          |                The text message to display.                |                    PropTypes.string.isRequired                    |   yes    | iOS/Android |        yes        |
+| visible          |          Whether or not the snackbar is visible.           |                          PropTypes.bool                           |    no    | iOS/Android |        yes        |
+| timeout          |  The amount of time in milliseconds to show the snackbar   |                         PropTypes.number                          |    no    | iOS/Android |        yes        |
+| onRequestClose   |          Callback for when the timeout finishes.           |                     PropTypes.func.isRequired                     |   yes    | iOS/Android |        yes        |
+| bottomNavigation | Whether or not there is a bottom navigation on the screen. |                          PropTypes.bool                           |    no    | iOS/Android |        yes        |
+| onActionPress    |    The function to execute when the action is clicked.     |                          PropTypes.func                           |    no    | iOS/Android |        yes        |
+| actionText       |    The function to execute when the action is clicked.     |                          PropTypes.func                           |    no    | iOS/Android |        yes        |
+| style            |                  Inline style of snackbar                  | container: ViewPropTypes.style,     message: ViewPropTypes.style, |    no    | iOS/Android |        yes        |
+| button           |                           button                           |                            ButtonProps                            |    no    | iOS/Android |        yes        |
+
+### Toolbar
+
+| Name                |                                         Description                                          |         Type         | Required |     Platform     | HarmonyOS Support |
+|:--------------------|:--------------------------------------------------------------------------------------------:|:--------------------:|:--------:|:----------------:|:-----------------:|
+| isSearchActive      |                             Indicates if search is active or not                             |    PropTypes.bool    |   yes    |   iOS/Android    |        yes        |
+| searchable          | When you want to activate search feature you have to pass this object with config of search. | **searchable props** |   yes    |   iOS/Android    |        yes        |
+| size                |                        This size is used for each icon on the toolbar                        |   PropTypes.number   |    no    |   iOS/Android    |        yes        |
+| style               |                  You can override any style for the component via this prop                  |  **Toolbar style**   |    no    |   iOS/Android    |        yes        |
+| hidden              |                            Wether or not the Toolbar should show                             |    PropTypes.bool    |    no    |   iOS/Android    |        yes        |
+| onPress             |                            Called when centerElement was pressed.                            |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
+| leftElement         |                               Will be shown on the left side.                                |  PropTypes.element   |    no    |   iOS/Android    |        yes        |
+| onLeftElementPress  |                             Called when leftElement was pressed.                             |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
+| centerElement       |          Will be shown between leftElement and rightElement. Usually use for title.          | PropTypes.element    |    no    |   iOS/Android    |        yes        |
+| rightElement        |                               Will be shown on the right side                                |  rightElement props  |    no    |   iOS/Android    |        yes        |
+| onRightElementPress |                             Called when rightElement was pressed                             |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
+
+##### searchable props
+
+| name                   | Description                                                        | Type             | Required | Platform    | HarmonyOS Support |
+|------------------------|--------------------------------------------------------------------|------------------|----------|-------------|-------------------|
+| onChangeText           | Called when search text was changed.                               | PropTypes.func   | no       | iOS/Android | yes               |
+| onSearchClosed         | Called when search was closed.                                     | PropTypes.func   | no       | iOS/Android | yes               |
+| onSearchCloseRequested | Called when action to close search was requested.                  | PropTypes.func   | no       | iOS/Android | yes               |
+| onSearchPressed        | Called when search was opened                                      | PropTypes.func   | no       | iOS/Android | yes               |
+| onSubmitEditing        | Called when user press submit button on hw keyboard                | PropTypes.func   | no       | iOS/Android | yes               |
+| placeholder            | Will shown as placeholder for search input.                        | PropTypes.string | no       | iOS/Android | yes               |
+| autoFocus              | Indicates when input should be focused after the search is opened. | PropTypes.bool   | no       | iOS/Android | yes               |
+| autoCapitalize         | Enable auto-capitalize for search input                            | PropTypes.string | no       | iOS/Android | yes               |
+| autoCorrect            | Enable auto-correct for search input                               | PropTypes.bool   | no       | iOS/Android | yes               |
+| icon                   | Override default search icon                                       | PropTypes.string | no       | iOS/Android | yes               |
+
+##### rightElement props
+
+| name                                 | Description                                                    | Required | Platform    | HarmonyOS Support |
+|--------------------------------------|----------------------------------------------------------------|----------|-------------|-------------------|
+| PropTypes.element                    | One action (name of icon). Alias for<Icon>.                    | no       | iOS/Android | yes               |
+| PropTypes.string                     | One action (name of icon). Alias for ['icon1'].                | no       | iOS/Android | yes               |
+| PropTypes.arrayOf(PropTypes.string), | For many actions: ['icon1', 'icon2', ...]                      | no       | iOS/Android | yes               |
+| PropTypes.shape                      | For actions and menu. The menu will be shown as last one icon. | no       | iOS/Android | yes               |
+
+##### Toolbar style
+
+| name                   | Type                          | Required | Platform    | HarmonyOS Support |
+|------------------------|-------------------------------|----------|-------------|-------------------|
+| container              | Animated.View.propTypes.style | no       | iOS/Android | yes               |
+| leftElementContainer   | View.propTypes.style          | no       | iOS/Android | yes               |
+| leftElement            | Text.propTypes.style,         | no       | iOS/Android | yes               |
+| centerElementContainer | View.propTypes.style          | no       | iOS/Android | yes               |
+| titleText              | Text.propTypes.style,         | no       | iOS/Android | yes               |
+| rightElementContainer  | View.propTypes.style          | no       | iOS/Android | yes               |
+| rightElement           | Text.propTypes.style          | no       | iOS/Android | yes               |
+
+## 主题
+
+**如果您想使用默认主题，可以跳过此步骤**
+
+如果您想更改应用程序的主色，只需将自己的设置传递给 ThemeContext.Provider 对象即可。这些设置将与默认主题合并。
+
+```jsx
+import React, { Component } from 'react';
+import { Navigator, NativeModules } from 'react-native';
+
+import { COLOR, ThemeContext, getTheme } from 'react-native-material-ui';
+
+// you can set your style right here, it'll be propagated to application
+const uiTheme = {
+  palette: {
+    primaryColor: COLOR.green500,
+  },
+  toolbar: {
+    container: {
+      height: 50,
+    },
+  },
+};
+
+class Main extends Component {
+  render() {
+    return (
+      <ThemeContext.Provider value={getTheme(uiTheme)}>
+        <App />
+      </ThemeContext.Provider>
+    );
+  }
+}
+
+```
+
+## 遗留问题
+
+## 其他
+
+- [ ] RadioButton组件功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/25)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE)
+，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-md5.md b/en/react-native-md5.md
new file mode 100644
index 00000000..8422ce27
--- /dev/null
+++ b/en/react-native-md5.md
@@ -0,0 +1,128 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-md5</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/kmend/react-native-md5">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kmend/react-native-md5/blob/master/README.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/kmend/react-native-md5)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-md5@1.0.0 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-md5@1.0.0 
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import {ScrollView, StyleSheet,View,Text,TextInput,TouchableHighlight} from 'react-native';
+import React,{ useState } from 'react';
+import md5 from "react-native-md5";
+
+const styles = StyleSheet.create({
+    container: { flex: 1, backgroundColor: '#F5FCFF' },
+    content: { paddingTop: 40, alignItems: 'center' },
+    fieldContainer: { flexDirection: 'row', alignItems: 'center', marginBottom: 10 },
+    button: { borderRadius: 3, paddingVertical: 5, paddingHorizontal: 10, backgroundColor: 'green', marginBottom: 10 },
+    buttonText: { color: '#fff', textAlign: 'center' },
+});
+export function md5TestExample() {
+	let data = '';
+    const [hMd5Text, setHMd5Text] = useState("");
+    const [bMd5Text, setBMd5Text] = useState("");
+    const [sMd5Text, setSMd5Text] = useState("");
+    const [hmatch, setHmatch] = useState("");
+    const [bmatch, setBmatch] = useState("");
+    const [smatch, setSmatch] = useState("");
+
+    return(
+        <ScrollView style={styles.container} contentContainerStyle={styles.content}>
+            <Text>{}</Text>
+            <View style={styles.fieldContainer}>
+                <TextInput placeholder = "输入加密字符串" 
+                        onChangeText={ value => { data = value; setHMd5Text(md5.hex_md5(value)); setBMd5Text(md5.b64_md5(value)); setSMd5Text(md5.str_md5(value)); }}>
+                </TextInput>
+            </View>
+            <View style={styles.fieldContainer}>
+                <Text>.........................</Text>
+            </View>
+            <View style={styles.fieldContainer}>
+                <TextInput placeholder = "输入HMAC密匙"
+                onChangeText={
+                    value => { 
+                        setHmatch(md5.hex_hmac_md5(data,value)); setBmatch(md5.b64_hmac_md5(data,value)); setSmatch(md5.str_hmac_md5(data,value)); 
+                    }
+                } 
+                ></TextInput>
+            </View>
+            
+            <View style={styles.fieldContainer}><Text>16位:{hMd5Text} </Text></View>
+            <View style={styles.fieldContainer}><Text>base-64:{bMd5Text} </Text></View>
+            <View style={styles.fieldContainer}> <Text>字符串:{sMd5Text} </Text></View>
+            
+            <View style={styles.fieldContainer}><Text>HMAC-MD5 16位:{hmatch} </Text></View>
+            <View style={styles.fieldContainer}><Text>HMAC-MD5 base-64:{bmatch} </Text></View>
+            <View style={styles.fieldContainer}> <Text>HMAC-MD5 字符串:{smatch} </Text></View>
+        </ScrollView>
+    );
+}
+```
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## API
+
+> [!tip] "Platform"列表示该接口在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| hex_md5    |  返回格式为16进制字符串的md5值   | function | no       | All      | yes               |
+| b64_md5           |   返回格式为base64的md5值  | function | no       | All      | yes               |
+| str_md5 |   返回格式为字符串的md5值    | function | no       | All      | yes               |
+| hex_hmac_md5        |   返回格式为16进制字符串的HMAC-md5值   | function | no       | All      | yes               |
+| b64_hmac_md5        |   返回格式为base64的HMAC-md5值   | function | no       | All      | yes               |
+| str_hmac_md5        |    返回格式为字符串的HMAC-md5值  | function | no       | All      | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/kmend/react-native-md5/blob/master/README.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-mlkit-ocr.md b/en/react-native-mlkit-ocr.md
new file mode 100644
index 00000000..55d6e930
--- /dev/null
+++ b/en/react-native-mlkit-ocr.md
@@ -0,0 +1,330 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mlkit-ocr</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/agoldis/react-native-mlkit-ocr">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/agoldis/react-native-mlkit-ocr/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-mlkit-ocr)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-mlkit-ocr@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-mlkit-ocr@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import {
+    StyleSheet,
+    View,
+    Button,
+    SafeAreaView,
+    ScrollView,
+    Text,
+    Dimensions,
+    ActivityIndicator,
+} from 'react-native';
+import MlkitOcr, { MlkitOcrResult } from 'react-native-mlkit-ocr';
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+    },
+    scroll: {
+        flex: 1,
+        width: '100%',
+        borderColor: '#ccc',
+        borderWidth: 2,
+    },
+});
+export const OcrTest = () => {
+    const [loading, setLoading] = React.useState<boolean>(false);
+    const [result, setResult] = React.useState<MlkitOcrResult | undefined>();
+
+    if (loading) {
+        return (
+            <SafeAreaView style={styles.container}>
+                <ActivityIndicator />
+            </SafeAreaView>
+        );
+    }
+    return (
+        <SafeAreaView style={styles.container}>
+            {Array.isArray(result) && result?.length && (
+                <ScrollView
+                    contentContainerStyle={{
+                        alignItems: 'stretch',
+                        padding: 20,
+                        height: Dimensions.get('window').height,
+                    }}
+                    showsVerticalScrollIndicator
+                    style={styles.scroll}
+                >
+                    {result?.map((block) => {
+                        return block.lines.map((line) => {
+                            return (
+                                <View
+                                    key={line.text}
+                                    style={{
+                                        backgroundColor: '#ccccccaf',
+                                    }}
+                                >
+                                    <Text style={{ fontSize: 10 }}>{line.text}</Text>
+                                </View>
+                            );
+                        });
+                    })}
+                </ScrollView>
+            )}
+
+            <Button
+                title="识别网络照片"
+                onPress={() => {
+                    MlkitOcr.detectFromUri('https://res.vmallres.com//uomcdn/CN/pms/202407/E3B48F7290631FAF341FDB09CF907F03.jpg').then(res => {
+                        setTimeout(() => {
+                            setResult(res)
+                            console.log("================uri=res", JSON.stringify(res))
+                        }, 1000)
+                    }).catch(err => {
+                        console.log("=========err", err);
+                    })
+                }}
+            />
+            <Button
+                title="识别本地照片"
+                onPress={() => {
+                    MlkitOcr.detectFromFile('file://docs/storage/Users/currentUser/test/1.jpg').then(res => {
+                        setTimeout(() => {
+                            setResult(res)
+                            console.log("================file=res", JSON.stringify(res))
+                        }, 1000)
+                    }).catch(err => {
+                        console.log("=========err", err);
+                    })
+                }}
+            />
+        </SafeAreaView>
+    );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-mlkit-ocr": "file:../../node_modules/@react-native-oh-tpl/react-native-mlkit-ocr/harmony/rn_mlkit_ocr.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNMlkitOcrPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-mlkit-ocr/src/main/cpp" ./rn_mlkit_ocr)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_mlkit_ocr)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNMlkitOcrPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNMlkitOcrPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNMlkitOcrPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import { RNMlkitOcrPackage } from '@react-native-oh-tpl/react-native-mlkit-ocr/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNMlkitOcrPackage(ctx),
+  ];
+}
+```
+
+### 5.应用权限申请
+
+> [!tip] "ohos.permission.INTERNET"权限等级为<B>normal</B>，授权方式为<B>system_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+
+在 `YourProject/entry/src/main/module.json5`补上配置
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+
+  ···
+
+    "requestPermissions": [
++    {
++        "name": "ohos.permission.INTERNET",
++     },
+    ]
+  }
+}
+```
+
+
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)
+
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME         | Description                                                             | TYPE | Required | Platform | HarmonyOS Support |
+| ---------------- | ------------------------------------------ |--------------------------------- | ------ | -------- | -------- |
+| detectFromUri(uri)| 传入网络图片地址 | Function  |Yes| All      | Yes      |
+| detectFromFile(path) | 传入本地图片地址 | Function |Yes| All      | Yes      |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/agoldis/react-native-mlkit-ocr/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-mmkv-storage.md b/en/react-native-mmkv-storage.md
new file mode 100644
index 00000000..0ec1a9f3
--- /dev/null
+++ b/en/react-native-mmkv-storage.md
@@ -0,0 +1,408 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mmkv-storage</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ammarahm-ed/react-native-mmkv-storage">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ammarahm-ed/react-native-mmkv-storage/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-mmkv-storage)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-mmkv-storage@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-mmkv-storage@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, {useCallback} from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import {MMKVLoader, create} from 'react-native-mmkv-storage';
+
+const storage = new MMKVLoader().withEncryption().initialize();
+
+const storage2 = new MMKVLoader().withInstanceID('storage2').initialize();
+
+const useStorage = create(storage);
+const useStorage2 = create(storage2);
+
+const App = () => {
+  const [user, setUser] = useStorage('user', 'robert');
+  const [age, setAge] = useStorage2('age', 24);
+
+  const getUser = useCallback(() => {
+    let users = ['andrew', 'robert', 'jack', 'alison'];
+    let _user =
+      users[
+        users.indexOf(user) === users.length - 1 ? 0 : users.indexOf(user) + 1
+      ];
+    return _user;
+  }, [user]);
+
+  const buttons = [
+    {
+      title: 'setString',
+      onPress: () => {
+        storage.setString('user', getUser());
+      },
+    },
+    {
+      title: 'setMulti',
+      onPress: () => {
+        const user = getUser();
+        console.log('setting user to', user);
+        storage.setMultipleItemsAsync([['user', user]], 'string');
+      },
+    },
+    {
+      title: 'getMulti',
+      onPress: async () => {
+        console.log(await storage.getMultipleItemsAsync(['user'], 'string'));
+      },
+    },
+    {
+      title: 'setUser',
+      onPress: () => {
+        setUser(getUser());
+      },
+    },
+    {
+      title: 'setAge',
+      onPress: () => {
+        setAge((age: number) => {
+          return age + 1;
+        });
+      },
+    },
+    {
+      title: 'clearAll',
+      onPress: () => {
+        storage.clearStore();
+      },
+    },
+    {
+      title: 'removeByKeys',
+      onPress: async () => {
+        const keys = await storage.indexer.getKeys();
+        console.log(keys);
+        storage.removeItems(keys);
+        storage.clearStore();
+        console.log(await storage.indexer.getKeys());
+      },
+    },
+  ];
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView style={styles.container}>
+        <View style={styles.header}>
+          <Text style={styles.headerText}>
+            I am {user} and I am {age} years old.
+          </Text>
+        </View>
+        <ScrollView
+          style={{
+            width: '100%',
+            paddingHorizontal: 12,
+          }}>
+          {buttons.map(item => (
+            <Button
+              key={item.title}
+              title={item.title}
+              onPress={item.onPress}
+            />
+          ))}
+        </ScrollView>
+      </SafeAreaView>
+    </>
+  );
+};
+
+const Button = ({title, onPress}: {title: string; onPress: () => void}) => {
+  return (
+    <TouchableOpacity style={styles.button} onPress={onPress}>
+      <Text style={{color: 'white'}}>{title}</Text>
+    </TouchableOpacity>
+  );
+};
+
+export default App;
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flex: 1,
+    backgroundColor: 'white',
+  },
+  header: {
+    width: '100%',
+    backgroundColor: '#f7f7f7',
+    marginBottom: 20,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingVertical: 50,
+  },
+  button: {
+    width: '100%',
+    height: 50,
+    backgroundColor: 'orange',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 10,
+    marginBottom: 10,
+  },
+  headerText: {fontSize: 40, textAlign: 'center', color: 'black'},
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmvk-storage.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNOHMMKVStoragePackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules/@rnoh/react-native-openharmony/src/main/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-mmkv-storage/src/main/cpp" ./mmkv-storage)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_mmkv_storage)
+# RNOH_END: manual_package_linking_2
+
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "MMKVNativePackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+    	std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNOHMMKVStoragePackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNMMKVStoragePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {RNMMKVStoragePackage} from '@react-native-oh-tpl/react-native-mmkv-storage'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNMMKVStoragePackage(ctx),
+  ];
+}
+
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                         | Description                                                  | type     | Required | Platform | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| setString                    | Sets a string value in storage for the given key.            | Function | no       | All      | yes               |
+| getString                    | Gets a string value for a given key.                         | Function | no       | All      | yes               |
+| setInt                       | Sets a number value in storage for the given key.            | Function | no       | All      | yes               |
+| getInt                       | Gets a number value for a given key.                         | Function | no       | All      | yes               |
+| setBool                      | Sets a boolean value in storage for the given key.           | Function | no       | All      | yes               |
+| getBool                      | Gets a boolean value for a given key.                        | Function | no       | All      | yes               |
+| setMap                       | Sets an object to storage for the given key.                 | Function | no       | All      | yes               |
+| getMap                       | Gets an object from storage.                                 | Function | no       | All      | yes               |
+| setArray                     | Sets an array to storage for the given key.                  | Function | no       | All      | yes               |
+| getArray                     | Gets an array from storage.                                  | Function | no       | All      | yes               |
+| getMultipleItems             | Retrieve multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object | Function | no       | All      | yes               |
+| setStringAsync               | Sets a string value in storage for the given key.            | Function | no       | All      | yes               |
+| getStringAsync               | Gets a string value for a given key.                         | Function | no       | All      | yes               |
+| setIntAsync                  | Sets a number value in storage for the given key.            | Function | no       | All      | yes               |
+| getIntAsync                  | Gets a number value for a given key.                         | Function | no       | All      | yes               |
+| setBoolAsync                 | Sets a boolean value in storage for the given key.           | Function | no       | All      | yes               |
+| getBoolAsync                 | Gets a boolean value for a given key.                        | Function | no       | All      | yes               |
+| setMapAsync                  | Sets an object to storage for the given key.                 | Function | no       | All      | yes               |
+| getMapAsync                  | Gets an object from storage.                                 | Function | no       | All      | yes               |
+| setArrayAsync                | Sets an array to storage for the given key.                  | Function | no       | All      | yes               |
+| getArrayAsync                | Sets an array to storage for the given key.                  | Function | no       | All      | yes               |
+| setMultipleItemsAsync        | Sets multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object. | Function | no       | All      | yes               |
+| getMultipleItemsAsync        | Retrieve multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object. | Function | no       | All      | yes               |
+| withInstanceID               | Specifies that the MMKV Instance should be created with the given ID. This way multiple intances can be created. | Function | no       | All      | yes               |
+| setAccessibleMode (iOS only) | Choose the accessibility mode for secure key storage (IOS ONLY); | Function | no       | iOS      | no                |
+| withServiceName (iOS only)   | Sets the [kSecAttrService](https://developer.apple.com/documentation/security/ksecattrservice) option for secure key storage (IOS ONLY); | Function | no       | iOS      | no                |
+| removeItem                   | Remove an item for a given key.                              | Function | no       | All      | yes               |
+| clearStore                   | Clear the storage.                                           | Function | no       | All      | yes               |
+| clearMemoryCache             | Clear the storage from memory.                               | Function | no       | All      | yes               |
+| getAllMMKVInstanceIDs        | Returns a list of all the MMKV Instance IDs created.         | Function | no       | All      | yes               |
+| getCurrentMMKVInstances      | get the currently initialized instance IDs.                  | Function | no       | All      | yes               |
+| hasKey                       | Check if any data exists for a given key.                    | Function | no       | All      | yes               |
+| getKey                       | get the encryption key for the current MMKV instance         | Function | no       | All      | yes               |
+
+## HOOKS
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name           | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| useIndex       | take an array of keys and returns an array of values for those keys | Function | no       | All      | yes               |
+| useMMKVRef     | A persisted ref that will always write every change to it's `current` value to storage. It doesn't matter if you reload the app or restart it. Everything will be in place on app load. | Function | no       | All      | yes               |
+| useMMKVStorage | always write every change in storage and update your app UI instantly | Function | no       | All      | yes               |
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ammarahm-ed/react-native-mmkv-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-modal-popover.md b/en/react-native-modal-popover.md
new file mode 100644
index 00000000..5f9d655d
--- /dev/null
+++ b/en/react-native-modal-popover.md
@@ -0,0 +1,323 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-modal-popover</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/doomsower/react-native-modal-popover">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/doomsower/react-native-modal-popover/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-modal-popover)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-modal-popover@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-modal-popover@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import React from 'react';
+import { Button, StyleSheet, Text, View, Dimensions } from 'react-native';
+import { Popover, usePopover } from 'react-native-modal-popover';
+const { width, height } = Dimensions.get('window');
+
+const styles = StyleSheet.create({
+  app: {
+    ...StyleSheet.absoluteFillObject,
+    width: '100%',
+    height: height - 100,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+    backgroundColor: '#c2ffd2',
+  },
+  content: {
+    padding: 16,
+    backgroundColor: 'pink',
+    borderRadius: 8,
+  },
+  arrow: {
+    borderTopColor: 'pink',
+  },
+  background: {
+    backgroundColor: 'rgba(0, 0, 255, 0.5)',
+  },
+});
+
+export function PopoverCenterExample() {
+  const {
+    openPopover,
+    closePopover,
+    popoverVisible,
+    touchableRef,
+    popoverAnchorRect,
+  } = usePopover();
+  const {
+    openPopover: openPopover1,
+    closePopover: closePopover1,
+    popoverVisible: popoverVisible1,
+    touchableRef: touchableRef1,
+    popoverAnchorRect: popoverAnchorRect1,
+  } = usePopover();
+  const {
+    openPopover: openPopover2,
+    closePopover: closePopover2,
+    popoverVisible: popoverVisible2,
+    touchableRef: touchableRef2,
+    popoverAnchorRect: popoverAnchorRect2,
+  } = usePopover();
+  const {
+    openPopover: openPopover4,
+    closePopover: closePopover4,
+    popoverVisible: popoverVisible4,
+    touchableRef: touchableRef4,
+    popoverAnchorRect: popoverAnchorRect4,
+  } = usePopover();
+  const {
+    openPopover: openPopover3,
+    closePopover: closePopover3,
+    popoverVisible: popoverVisible3,
+    touchableRef: touchableRef3,
+    popoverAnchorRect: popoverAnchorRect3,
+  } = usePopover();
+  const {
+    openPopover: openPopover5,
+    closePopover: closePopover5,
+    popoverVisible: popoverVisible5,
+    touchableRef: touchableRef5,
+    popoverAnchorRect: popoverAnchorRect5,
+  } = usePopover();
+  const {
+    openPopover: openPopover6,
+    closePopover: closePopover6,
+    popoverVisible: popoverVisible6,
+    touchableRef: touchableRef6,
+    popoverAnchorRect: popoverAnchorRect6,
+  } = usePopover();
+  const {
+    openPopover: openPopover7,
+    closePopover: closePopover7,
+    popoverVisible: popoverVisible7,
+    touchableRef: touchableRef7,
+    popoverAnchorRect: popoverAnchorRect7,
+  } = usePopover();
+  const {
+    openPopover: openPopover8,
+    closePopover: closePopover8,
+    popoverVisible: popoverVisible8,
+    touchableRef: touchableRef8,
+    popoverAnchorRect: popoverAnchorRect8,
+  } = usePopover();
+  const title = <Text ref={touchableRef} >Press me!222</Text>
+  return (
+          <View style={styles.app} >
+            <View style={{ width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
+              <Button title='Press1' ref={touchableRef} onPress={openPopover} />
+              <Button title='Press2' ref={touchableRef1} onPress={openPopover1} />
+              <Button title='Press3' ref={touchableRef2} onPress={openPopover2} />
+            </View>
+            <View style={{ width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
+              <Button title='Press4' ref={touchableRef3} onPress={openPopover3} />
+              <Button title='Press5' ref={touchableRef4} onPress={openPopover4} />
+              <Button title='Press6' ref={touchableRef5} onPress={openPopover5} />
+            </View>
+            <View style={{ width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
+              <Button title='Press7' ref={touchableRef6} onPress={openPopover6} />
+              <Button title='Press8' ref={touchableRef7} onPress={openPopover7} />
+              <Button title='Press9' ref={touchableRef8} onPress={openPopover8} />
+            </View>
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible6}
+              onClose={closePopover6}
+              fromRect={popoverAnchorRect6}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello77!</Text>
+            </Popover>
+
+            <Popover
+              placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible7}
+              onClose={closePopover7}
+              fromRect={popoverAnchorRect7}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello88!</Text>
+            </Popover>
+            <Popover
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible8}
+              onClose={closePopover8}
+              fromRect={popoverAnchorRect8}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello99!</Text>
+            </Popover>
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible3}
+              onClose={closePopover3}
+              fromRect={popoverAnchorRect3}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello44!</Text>
+            </Popover>
+
+            <Popover
+              placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible4}
+              onClose={closePopover4}
+              fromRect={popoverAnchorRect4}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello55!</Text>
+            </Popover>
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible5}
+              onClose={closePopover5}
+              fromRect={popoverAnchorRect5}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello66!</Text>
+            </Popover>
+
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible}
+              onClose={closePopover}
+              fromRect={popoverAnchorRect}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello11!</Text>
+            </Popover>
+
+            <Popover
+              placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible1}
+              onClose={closePopover1}
+              fromRect={popoverAnchorRect1}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello22!</Text>
+            </Popover>
+            <Popover
+              // placement={'top'}
+              contentStyle={styles.content}
+              arrowStyle={styles.arrow}
+              backgroundStyle={styles.background}
+              visible={popoverVisible2}
+              onClose={closePopover2}
+              fromRect={popoverAnchorRect2}
+              supportedOrientations={['portrait', 'landscape']}>
+              <Text>Hello33!</Text>
+            </Popover>
+          </View>
+  );
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases)
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+### Popover
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ----------- |
+| visible  | Show/Hide the popover      | bool  | NO | ALL      | YES |
+| fromRect  | 	Rectangle at which to anchor the popover. Optional when used inside PopoverTouchable, required when used standalone. If you set this property, you should also change it when screen orientation changes.      | Rect | YES | ALL      | YES |
+| displayArea  | Area where the popover is allowed to be displayed. Important note: if you use non-default value here and you want to handle screen orientation changes, it is your responsibility to change this value when screen orientation changes.      | Rect  | NO | ALL      | YES |
+| placement  | How to position the popover top or bottom or start or end or auto. When 'auto' is specified, it will determine the ideal placement so that the popover is fully visible within displayArea.      | string  | NO | ALL      | YES |
+| onClose  | Callback to be fired when the user closes the popover      | function  | NO | ALL      | YES |
+| onDismiss  | Callback to be fired after the popup closes      | function  | NO |  iOS    | NO |
+|backgroundStyle  | Custom style to be applied to background overlay      | ViewStyle  | NO | ALL      | YES |
+| contentStyle  | Custom style to be applied to popover reactangle. Use it to set round corners, background color, etc.      | ViewStyle  | NO | ALL      | YES |
+| arrowStyle  | Custom style to be applied to popover arrow. Use borderTopColor to match content backgroundColor      | ViewStyle  | NO | ALL      | YES |
+| duration  | Animation duration     | number  | NO | ALL      | YES |
+| easing  | Function that returns easing function for show or hide animation, depending on show argument     | (show: boolean) => (value: number) => number  | NO | ALL      | YES |
+| useNativeDriver  | Defines if animations should use native driver     | bool  | NO | ALL      | YES |
+| supportedOrientations  | This prop is passed to react-native Modal, see react-native docs. Set this to ['portrait', 'landscape'] if you want your popover to resprect screen orientation.     | array of enum('portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right')  | NO |  iOS    | NO |
+| calculateStatusBar  | Defines if while use status bar height while calculating "Y" origin of anchor.     | bool  | NO |    NO   | NO |
+
+
+
+### PopoverController
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  openPopover  | Call this function when you want to open popover, e.g. pass to onPress of a Button     | () => void  | NO | ALL      | YES |
+| closePopover  | Call this function when you want to close popover. Typically you pass this as onClose prop of Popover, which will make popover close when tapped outside. If you have a button inside popover which should close the popover, pass this function to this button.     | () => void  | NO | ALL      | YES |
+| popoverVisible  | CPass this to visible prop of Popover component   | bool  | NO | ALL      | YES |
+| setPopoverAnchor (PopoverController) / touchableRef (usePopover)  | Pass this as ref to popover UI handle. This will bind popover display position to the position of this UI handle.   | ref function  | NO | ALL      | YES |
+ | popoverAnchorRect  | Pass this as fromRect prop of Popover component   | Rect  | YES | ALL      | YES |
+
+## 遗留问题
+- [ ] 不支持属性onDismiss [issue#4](https://github.com/react-native-oh-library/react-native-modal-popover/issues/4)
+- [ ] 不支持属性supportedOrientations [issue#5](https://github.com/react-native-oh-library/react-native-modal-popover/issues/5)
+- [ ]  不支持属性calculateStatusBar [issue#105](https://github.com/doomsower/react-native-modal-popover/issues/105)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [License](https://github.com/doomsower/react-native-modal-popover/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-modal.md b/en/react-native-modal.md
new file mode 100644
index 00000000..853ced1e
--- /dev/null
+++ b/en/react-native-modal.md
@@ -0,0 +1,190 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-modal</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-modal/react-native-modal">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-modal)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-modal@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-modal@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React, { Component } from "react";
+import { Button, StyleSheet, Text, View } from "react-native";
+import Modal from "react-native-modal";
+
+type Props = {
+	onPress: () => any;
+};
+type State<P> = P & {
+	visible: boolean;
+};
+
+const DefaultModalContent: React.FC<Props> = (props) => (
+	<View style={styles.content}>
+		<Text style={styles.contentTitle}>Hi 👋!</Text>
+		<Button testID={"close-button"} onPress={props.onPress} title="Close" />
+	</View>
+);
+
+abstract class ModalBaseScene<P extends object = {}> extends Component<any, State<P>> {
+	abstract renderModal(): React.ReactElement<any>;
+	// @ts-ignore
+	constructor(props, state?: P) {
+		super(props);
+		// @ts-ignore
+		this.state = {
+			...state,
+			visible: false
+		};
+	}
+
+	open = () => this.setState({ visible: true } as any);
+	close = () => this.setState({ visible: false } as any);
+	isVisible = () => this.state.visible;
+	public renderButton(): React.ReactElement<any> {
+		return <Button testID={"modal-open-button"} onPress={this.open} title="Open" />;
+	}
+	render() {
+		return (
+			<View style={styles.view}>
+				{this.renderButton()}
+				{this.renderModal()}
+			</View>
+		);
+	}
+}
+
+class DefaultModal extends ModalBaseScene {
+	renderModal(): React.ReactElement<any> {
+		return (
+			<Modal testID={"modal"} isVisible={this.isVisible()}>
+				<DefaultModalContent onPress={this.close} />
+			</Modal>
+		);
+	}
+}
+
+const styles = StyleSheet.create({
+	view: {
+		flex: 1,
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	content: {
+		backgroundColor: "white",
+		padding: 22,
+		justifyContent: "center",
+		alignItems: "center",
+		borderRadius: 4,
+		borderColor: "rgba(0, 0, 0, 0.1)"
+	},
+	contentTitle: {
+		fontSize: 20,
+		marginBottom: 12
+	}
+});
+
+export default DefaultModal;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| animationIn | Modal show animation | `string` or `object` | "slideInUp" | no | all | yes |
+| animationInTiming | Timing for the modal show animation (in ms) | `number` | 300 | no | all | yes |
+| animationOut | Modal hide animation | `string` or `object` | "slideOutDown" | no | all | yes |
+| animationOutTiming | Timing for the modal hide animation (in ms) | `number` | 300 | no | all | yes |
+| avoidKeyboard | Move the modal up if the keyboard is open | `bool` | false | no | all | yes |
+| coverScreen | Will use RN `Modal` component to cover the entire screen wherever the modal is mounted in the component hierarchy | `bool` | true | no | all | yes |
+| hasBackdrop | Render the backdrop | `bool` | true | no | all | yes |
+| backdropColor | The backdrop background color | `string` | "black" | no | all | yes |
+| backdropOpacity | The backdrop opacity when the modal is visible | `number` | 0.70 | no | all | yes |
+| backdropTransitionInTiming | The backdrop show timing (in ms) | `number` | 300 | no | all | yes |
+| backdropTransitionOutTiming | The backdrop hide timing (in ms) | `number` | 300 | no | all | yes |
+| customBackdrop | The custom backdrop element | `node` | null | no | all | yes |
+| children | The modal content | `node` | **REQUIRED** | yes | all | yes |
+| deviceHeight | Device height (useful on devices that can hide the navigation bar) | `bool` | null | no | all | yes |
+| deviceWidth | Device width (useful on devices that can hide the navigation bar) | `bool` | null | no | all | yes |
+| isVisible | Show the modal? | `bool` | **REQUIRED** | yes | all | yes |
+| onBackButtonPress | Called when the Android back button is pressed | `func` | () => null | no | Android | yes |
+| onBackdropPress | Called when the backdrop is pressed | `func` | () => null | no | all | yes |
+| onModalWillHide | Called before the modal hide animation begins | `func` | () => null | no | all | yes |
+| onModalHide | Called when the modal is completely hidden | `func` | () => null | no | all | yes |
+| onModalWillShow | Called before the modal show animation begins | `func` | () => null | no | all | yes |
+| onModalShow | Called when the modal is completely visible | `func` | () => null | no | all | yes |
+| onSwipeStart | Called when the swipe action started | `func` | () => null | no | all | yes |
+| onSwipeMove | Called on each swipe event | `func` | (percentageShown) => null | no | all | yes |
+| onSwipeComplete | Called when the `swipeThreshold` has been reached | `func` | ({ swipingDirection }) => null | no | all | yes |
+| onSwipeCancel | Called when the `swipeThreshold` has not been reached | `func` | () => null | no | all | yes |
+| panResponderThreshold | The threshold for when the panResponder should pick up swipe events | `number` | 4 | no | all | yes |
+| scrollOffset | When > 0, disables swipe-to-close, in order to implement scrollable content | `number` | 0 | no | all | yes |
+| scrollOffsetMax | Used to implement overscroll feel when content is scrollable. See `/example` directory | `number` | 0 | no | all | yes |
+| scrollTo | Used to implement scrollable modal. See `/example` directory for reference on how to use it | `func` | null | no | all | yes |
+| scrollHorizontal | Set to true if your scrollView is horizontal (for a correct scroll handling) | `bool` | false | no | all | yes |
+| swipeThreshold | Swiping threshold that when reached calls `onSwipeComplete` | `number` | 100 | no | all | yes |
+| swipeDirection | Defines the direction where the modal can be swiped. Can be 'up', 'down', 'left, or 'right', or a combination of them like `['up','down']` | `string` or `array` | null | no | all | yes |
+| useNativeDriver | Defines if animations should use native driver | `bool` | false | no | all | yes |
+| useNativeDriverForBackdrop | Defines if animations for backdrop should use native driver (to avoid flashing on android) | `bool` | null | no | all | yes |
+| hideModalContentWhileAnimating | Enhances the performance by hiding the modal content until the animations complete | `bool` | false | no | all | yes |
+| propagateSwipe | Allows swipe events to propagate to children components (eg a ScrollView inside a modal) | `bool` or `func` | false | no | all | yes |
+| style | Style applied to the modal | `any` | null | no | all | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-modalbox.md b/en/react-native-modalbox.md
new file mode 100644
index 00000000..89f07d6e
--- /dev/null
+++ b/en/react-native-modalbox.md
@@ -0,0 +1,538 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-modalbox</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/maxs15/react-native-modalbox">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/maxs15/react-native-modalbox/blob/master/License.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-modalbox)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-modalbox@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add  @react-native-oh-tpl/react-native-modalbox@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {
+  ScrollView,
+  Easing,
+  View,
+  Button,
+  Text,
+  StyleSheet,
+  TextInput,
+} from 'react-native';
+
+import React, {useState, useRef} from 'react';
+
+import ModalBox from 'react-native-modalbox';
+
+export const ModalBoxDemo = () => {
+  const [isOpenVal, setIsOpenVal] = useState(false);
+  const [isOpenVal1, setIsOpenVal1] = useState(false);
+  const [isOpenVal2, setIsOpenVal2] = useState(false);
+  const [isOpenVal3, setIsOpenVal3] = useState(false);
+  const [isOpenVal4, setIsOpenVal4] = useState(false);
+  const [isOpenVal5, setIsOpenVal5] = useState(false);
+  const [isOpenVal6, setIsOpenVal6] = useState(false);
+  const [isOpenVal7, setIsOpenVal7] = useState(false);
+  const [isOpenVal8, setIsOpenVal8] = useState(false);
+  const [isOpenVal9, setIsOpenVal9] = useState(false);
+  const [isOpenVal10, setIsOpenVal10] = useState(false);
+  const [isOpenVal11, setIsOpenVal11] = useState(false);
+  const [isOpenVal12, setIsOpenVal12] = useState(false);
+  const [isOpenVal13, setIsOpenVal13] = useState(false);
+  const [isOpenVal14, setIsOpenVal14] = useState(false);
+  const [isOpenVal15, setIsOpenVal15] = useState(false);
+  const [isOpenVal16, setIsOpenVal16] = useState(false);
+  const [isOpenVal17, setIsOpenVal17] = useState(false);
+  const [isOpenVal18, setIsOpenVal18] = useState(false);
+  const [isOpenVal19, setIsOpenVal19] = useState(false);
+  const [isOpenVal20, setIsOpenVal20] = useState(false);
+  const [isOpenVal21, setIsOpenVal21] = useState(false);
+  const [isOpenVal22, setIsOpenVal22] = useState(false);
+  const [isOpenVal23, setIsOpenVal23] = useState(false);
+  const [isOpenVal24, setIsOpenVal24] = useState(false);
+
+  const btnRef1 = useRef(null);
+
+  const openModalBox = () => {
+    btnRef1.current?.open();
+  };
+  const closeModalBox = () => {
+    btnRef1.current?.close();
+  };
+  return (
+    <ScrollView>
+      <View style={styles.body}>
+        <Button title="isOpen" onPress={() => setIsOpenVal(!isOpenVal)} />
+        <ModalBox style={[styles.modal]} isOpen={isOpenVal} coverScreen={true}>
+          <Text style={[styles.modalText]}>Modal is open</Text>
+          <Button
+            title={'close ModalBox'}
+            onPress={() => setIsOpenVal(!isOpenVal)}
+          />
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="isDisabled" onPress={() => setIsOpenVal1(!isOpenVal1)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal1}
+          isDisabled={true}
+          coverScreen={true}>
+          <Text style={[styles.modalText]}>Modal is isDisabled</Text>
+          <Button title={'close ModalBox'} />
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="backdropPressToClose"
+          onPress={() => setIsOpenVal2(!isOpenVal2)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal2}
+          coverScreen={true}
+          backdropPressToClose={true}>
+          <Text style={[styles.modalText]}>
+            Close the the modal by pressing on the backdrop
+          </Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="swipeToClose"
+          onPress={() => setIsOpenVal3(!isOpenVal3)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal3}
+          coverScreen={true}
+          swipeToClose={true}>
+          <Text style={[styles.modalText]}>
+            Close the the modal by swipe down
+          </Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="swipeThreshold"
+          onPress={() => setIsOpenVal4(!isOpenVal4)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal4}
+          coverScreen={true}
+          swipeToClose={true}
+          swipeThreshold={10}>
+          <Text style={[styles.modalText]}>
+            Close the the modal by swipe down 10px
+          </Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="swipeArea" onPress={() => setIsOpenVal5(!isOpenVal5)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal5}
+          coverScreen={true}
+          swipeToClose={true}
+          swipeArea={20}>
+          <Text style={[styles.modalText]}>
+            Close the the modal by swipe down swipeArea:20
+          </Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="position:center"
+          onPress={() => setIsOpenVal6(!isOpenVal6)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal6}
+          coverScreen={true}
+          backdropPressToClose={true}
+          position={'center'}>
+          <Text style={[styles.modalText]}>position is center</Text>
+        </ModalBox>
+        <Button
+          title="position:bottom"
+          onPress={() => setIsOpenVal7(!isOpenVal7)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal7}
+          coverScreen={true}
+          backdropPressToClose={true}
+          position={'bottom'}>
+          <Text style={[styles.modalText]}>position is bottom</Text>
+        </ModalBox>
+      </View>
+
+      <View style={styles.body}>
+        <Button title="entry:top" onPress={() => setIsOpenVal8(!isOpenVal8)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal8}
+          coverScreen={true}
+          backdropPressToClose={true}
+          entry={'top'}>
+          <Text style={[styles.modalText]}>entry is top</Text>
+        </ModalBox>
+        <Button
+          title="entry:bottom"
+          onPress={() => setIsOpenVal9(!isOpenVal9)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal9}
+          coverScreen={true}
+          backdropPressToClose={true}
+          entry={'bottom'}>
+          <Text style={[styles.modalText]}>entry is bottom</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="backdrop" onPress={() => setIsOpenVal10(!isOpenVal10)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal10}
+          coverScreen={true}
+          backdropPressToClose={true}
+          backdrop={false}>
+          <Text style={[styles.modalText]}>backdrop is false</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="backdropOpacity"
+          onPress={() => setIsOpenVal11(!isOpenVal11)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal11}
+          coverScreen={true}
+          backdropPressToClose={true}
+          backdropOpacity={0.5}>
+          <Text style={[styles.modalText]}>backdropOpacity: 0.5</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="backdropColor"
+          onPress={() => setIsOpenVal12(!isOpenVal12)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal12}
+          coverScreen={true}
+          backdropPressToClose={true}
+          backdropColor={'green'}>
+          <Text style={[styles.modalText]}>backdropColor: 'green'</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="backdropContent"
+          onPress={() => setIsOpenVal13(!isOpenVal13)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal13}
+          coverScreen={true}
+          backdropPressToClose={true}
+          backdropOpacity={0.5}
+          backdropContent={
+            <View style={{flex: 1, backgroundColor: 'rgba(0, 0, 0, 0.5)'}}>
+              <Text style={{color: 'red', fontSize: 20}}>这是背景内容</Text>
+            </View>
+          }>
+          <Text style={[styles.modalText]}>ModalBoxContent</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="animationDuration"
+          onPress={() => setIsOpenVal14(!isOpenVal14)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal14}
+          coverScreen={true}
+          backdropPressToClose={true}
+          animationDuration={1000}>
+          <Text style={[styles.modalText]}>animationDuration:1000ms</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="easing" onPress={() => setIsOpenVal15(!isOpenVal15)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal15}
+          coverScreen={true}
+          backdropPressToClose={true}
+          easing={ModalBox.easing}>
+          <Text style={[styles.modalText]}>easing: 使用预定义的easing函数</Text>
+        </ModalBox>
+        <Button
+          title="easing:custom"
+          onPress={() => setIsOpenVal16(!isOpenVal16)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal16}
+          coverScreen={true}
+          backdropPressToClose={true}
+          easing={Easing.elastic(8)}>
+          <Text style={[styles.modalText]}>easing: 自定义easing函数</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="startOpen"
+          onPress={() => setIsOpenVal18(!isOpenVal18)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal18}
+          coverScreen={true}
+          backdropPressToClose={true}
+          startOpen={true}
+          onClosed={() => console.log('Modal closed')}
+          onOpened={() => console.log('Modal opened')}
+          onClosingState={() => console.log('Modal closing state changed')}>
+          <Text style={[styles.modalText]}>startOpen is true</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="coverScreen"
+          onPress={() => setIsOpenVal19(!isOpenVal19)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal19}
+          coverScreen={true}
+          backdropPressToClose={true}>
+          <Text style={[styles.modalText]}>coverScreen is true</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="keyboardTopOffset"
+          onPress={() => setIsOpenVal20(!isOpenVal20)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal20}
+          coverScreen={true}
+          keyboardTopOffset={10}
+          position={'bottom'}
+          backdropPressToClose={true}>
+          <Text style={[styles.modalText]}>keyboardTopOffset: 50</Text>
+          <TextInput
+            placeholder="text"
+            placeholderTextColor="#9a73ef"
+            autoCapitalize="none"
+          />
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button
+          title="useNativeDriver"
+          onPress={() => setIsOpenVal21(!isOpenVal21)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal21}
+          coverScreen={true}
+          easing={Easing.elastic(8)}
+          useNativeDriver={true}
+          backdropPressToClose={true}>
+          <Text style={[styles.modalText]}>useNativeDriver is true</Text>
+        </ModalBox>
+      </View>
+      <View style={styles.body}>
+        <Button title="onOpened" onPress={() => setIsOpenVal22(!isOpenVal22)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal22}
+          coverScreen={true}
+          onOpened={()=>console.log('...onOpened')}>
+          <Text style={[styles.modalText]}>onOpened</Text>
+        </ModalBox>
+      </View>
+
+      <View style={styles.body}>
+        <Button title="onClosed" onPress={() => setIsOpenVal23(!isOpenVal23)} />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal23}
+          coverScreen={true}
+          onClosed={()=>console.log('...onClosed')}>
+          <Text style={[styles.modalText]}>onClosed</Text>
+        </ModalBox>
+      </View>
+
+      <View style={styles.body}>
+        <Button
+          title="onClosingState"
+          onPress={() => setIsOpenVal24(!isOpenVal24)}
+        />
+        <ModalBox
+          style={[styles.modal]}
+          isOpen={isOpenVal24}
+          coverScreen={true}
+          onClosingState={()=>console.log('...onClosingState')}>
+          <Text style={[styles.modalText]}>onClosingState</Text>
+        </ModalBox>
+      </View>
+
+      <View style={styles.body}>
+        <Button title="open" onPress={openModalBox} />
+        <Button title="close" onPress={closeModalBox} />
+        <ModalBox ref={btnRef1} style={[styles.modal]} coverScreen={true}>
+          <Text style={[styles.modalText]}>ModalBox open</Text>
+        </ModalBox>
+      </View>
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  input: {},
+  modal: {
+    height: 300,
+    width: 300,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  modalText: {
+    fontSize: 20,
+    margin: 10,
+    color: 'black',
+  },
+  module: {
+    margin: 15,
+  },
+  moduleName: {
+    fontSize: 25,
+    fontWeight: '700',
+    marginBottom: 4,
+    color: '#fff',
+  },
+  moduleContent: {
+    fontSize: 16,
+    fontWeight: '500',
+    marginBottom: 4,
+    color: '#fff',
+  },
+  moduleButton: {
+    backgroundColor: 'deepskyblue',
+    height: 34,
+  },
+  buttonText: {
+    fontSize: 18,
+    fontWeight: '400',
+    color: '#fff',
+    textAlign: 'center',
+    lineHeight: 32,
+    verticalAlign: 'middle',
+  },
+  body: {},
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 |                         Description                          |      Type      | Required |  Platform   | HarmonyOS Support |
+| :------------------- | :----------------------------------------------------------: | :------------: | :------: | :---------: | :---------------: |
+| isOpen               | Open/close the modal, optional, you can use the open/close methods instead |     `bool`     |    no    | iOS/Android |        yes        |
+| isDisabled           |     Disable any action on the modal (open, close, swipe)     |     `bool`     |    no    | iOS/Android |        yes        |
+| backdropPressToClose |       Close the the modal by pressing on the backdrop        |     `bool`     |    no    | iOS/Android |        yes        |
+| swipeToClose         |    Set to true to enable the swipe down to close feature     |     `bool`     |    no    | iOS/Android |        yes        |
+| swipeThreshold       |     The threshold to reach in pixels to close the modal      |    `number`    |    no    | iOS/Android |        yes        |
+| swipeArea            | The height in pixels of the swipeable area, window height by default |    `number`    |    no    | iOS/Android |        yes        |
+| position             |   Control the modal position using top or center or bottom   |    `string`    |    no    | iOS/Android |        yes        |
+| entry                |        Control the modal entry position top or bottom        |    `string`    |    no    | iOS/Android |        yes        |
+| backdrop             |             Display a backdrop behind the modal              |     `bool`     |    no    | iOS/Android |        yes        |
+| backdropOpacity      |                   Opacity of the backdrop                    |    `number`    |    no    | iOS/Android |        yes        |
+| backdropColor        |               backgroundColor of the backdrop                |    `string`    |    no    | iOS/Android |        yes        |
+| backdropContent      | Add an element in the backdrop (a close button for example)  | `ReactElement` |    no    | iOS/Android |        yes        |
+| animationDuration    |                  Duration of the animation                   |    `number`    |    no    | iOS/Android |        yes        |
+| easing               |      Easing function applied to opening modal animation      |   `function`   |    no    | iOS/Android |        yes        |
+| backButtonClose      | (Android only) Close modal when receiving back button event  |     `bool`     |    no    |   Android   |        no         |
+| startOpen            | Allow modal to appear open without animation upon first mount |     `bool`     |    no    | iOS/Android |        yes        |
+| coverScreen          | Will use RN Modal component to cover the entire screen wherever the modal is mounted in the component hierarchy |     `bool`     |    no    | iOS/Android |        yes        |
+| keyboardTopOffset    | This property prevent the modal to cover the ios status bar when the modal is scrolling up because the keyboard is opening |    `number`    |    no    | iOS/Android |        yes        |
+| useNativeDriver      | Enables the hardware acceleration to animate the modal. Please note that enabling this can cause some flashes in a weird way when animating |     `bool`     |    no    | iOS/Android |        yes        |
+| onClosed       |                                          When the modal is close and the animation is done                                           | `function` |    no    | iOS/Android |        yes        |
+| onOpened       |                                           When the modal is open and the animation is done                                           | `function` |    no    | iOS/Android |        yes        |
+| onClosingState | When the state of the swipe to close feature has changed (usefull to change the content of the modal, display a message for example) | `function` |    no    | iOS/Android |        yes        |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  |   Description   |    Type    | Required |  Platform   | HarmonyOS Support |
+| :---- | :-------------: | :--------: | :------: | :---------: | :---------------: |
+| open  | Open the modal  | `function` |    no    | iOS/Android |        yes        |
+| close | Close the modal | `function` |    no    | iOS/Android |        yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-modalbox/blob/master/License.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-modals.md b/en/react-native-modals.md
new file mode 100644
index 00000000..4a12725d
--- /dev/null
+++ b/en/react-native-modals.md
@@ -0,0 +1,235 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-modals</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/jacklam718/react-native-modals">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jacklam718/react-native-modals/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/jacklam718/react-native-modals)
+
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-modals@0.22.3
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-modals@0.22.3
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+// The Component can not be used until ModalPortal is mounted. You should register in your app root. For example (App.tsx):
+
+import { SafeAreaView, View } from 'react-native';
+import { ModalPortal } from 'react-native-modals';
+import { ModalsDemo  } from './modalsDemo';
+
+const App = () => {
+  return (
+    <View style={{flex:1}}>
+      <SafeAreaView style={{flex:1}}>
+        <ModalsDemo />
+        <ModalPortal />
+      </SafeAreaView>
+    </View>
+  );
+}
+
+```
+
+
+```js
+
+// create modalsDemo.tsx in the same directory as the App.tsx file
+
+import React, { useState } from 'react'
+import { Modal, ModalContent } from 'react-native-modals';
+import { Button, Text } from 'react-native'
+
+export default ModalsDemo = () => {
+
+  return (
+    <>
+      <View style={{flex:1}}>
+        <Button
+            title="Show Modal"
+            onPress={() => {
+            this.setState({ visible: true });
+            }}
+        />
+        <Modal
+            visible={this.state.visible}
+            onTouchOutside={() => {
+            this.setState({ visible: false });
+            }}
+        >
+            <ModalContent>
+                <Text>Default Animation</Text>
+                <Text>No onTouchOutside handler. will not dismiss when touch overlay.</Text>
+            </ModalContent>
+        </Modal>
+       </View>
+    </>
+  )
+}
+
+
+```
+
+## 约束与限制
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Modal/BottomModal
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| visible | show or hide the modal by setting true/false.default is false.   | Boolean  | no |     all  |       yes|
+| rounded | Whether the content of the modal box is rounded by setting true/false.default is true.   |  Boolean  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver by setting the default animation of the true/false modal box.default is true.   | Boolean  | no |     all  |       yes|
+| children | Content component displayed in the modal box.   | React Element  | no |     all  |       yes|
+| modalTitle | You can pass a modalTitle component or pass a View for customizing titlebar   | React Element  | no |     all  |       yes|
+| width | The Width of modal, you can use fixed width or use percentage. For example 0.5 it means 50%.default is your device width.    | Number  | no |     all  |       yes|
+| height | The Height of modal, you can use fixed height or use percentage. For example 0.5 it means 50%.default is 300   | Number  | no |     all  |       yes|
+| modalAnimation | animation for modal.default is FadeAnimation.   | Animation  | no |     all  |       yes|
+| modalStyle | Set a custom style for the modal box content.   | Object  | no |     all  |       yes|
+| style | Set custom styles for the modal box itself   | Object  | no |     all  |       yes|
+| animationDuration | Set modal box animation time.default is 200   | Number  | no |     all  |       yes|
+| overlayPointerEvents | Available option: auto, none.   | 'auto' \| 'none'  | no |     all  |       yes|
+| overlayBackgroundColor | Sets the background color of the overlay area outside the modal box.default is #000   | String  | no |     all  |       yes|
+| overlayOpacity | Sets the transparency of the overlay area outside the modal box.default is 0.5   | Number  | no |     all  |       yes|
+| hasOverlay | Set the display and hiding of overlay in the area outside the modal box.default is true.   | Boolean  | no |     all  |       yes|
+| onShow | You can pass shown function as a callback function, will call the function when modal shown   | ()=>void  | no |     all  |       yes|
+| onDismiss | You can pass onDismiss function as a callback function, will call the function when modal dismissed   | ()=>void  | no |     all  |       yes|
+| onTouchOutside | Sets the click event of the overlay area outside the modal box.   | () => void  | no |     all  |       yes|
+| onHardwareBackPress | [Handle hardware button presses](https://facebook.github.io/react-native/docs/backhandler)   | () => true  | no |     Android  |       yes|
+| onMove | Sets the callback for the modal box content swipe animation value   | (e:DragEvent)=>void  | no |     all  |       yes|
+| onSwiping | Sets the callback for moving the modal box content.   | (e:DragEvent)=>void  | no |     all  |       yes|
+| onSwipeRelease | Set the end of the modal box swipe gesture   | (e:DragEvent)=>void  | no |     all  |       yes|
+| onSwipingOut | Sets a callback for the modalbox spool reaching the specified threshold   | (e:DragEvent)=>void  | no |     all  |       yes|
+| onSwipeOut | Sets the callback function of the animation when the modal box swipe reaches the threshold.   | (e:DragEvent)=>void  | no |     all  |       yes|
+| swipeDirection | Available option: up, down, left, right.The prop is only bottom of BottomModal.   | String or Array\<String>  | no |     all  |       yes|
+| swipeThreshold | Set the threshold of the swipe movement.default is 100   | Number  | no |     all  |       yes|
+| footer | for example: <View><Button text=\"DISMISS\" align=\"center\" onPress={() => {}}/></View>  | React Element  | no |     all  |       yes|
+
+
+### ModalTitle
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| title | set title text   | String  | yes |     all  |       yes|
+| style | Setting a Custom Container Style   | Object  | no |     all  |       yes|
+| textStyle | Set custom style for title text   | Object  | no |     all  |       yes|
+| align | Available option: left, center, right | 'left' \| 'center'\|'right'  | no |     all  |       yes|
+| hasTitleBar | Sets the component to the specified TitleBar style.default is true. | Boolean  | no |     all  |       yes|
+
+### ModalContent
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| children | Set Container Subcomponent   | any  | no |     all  |       yes|
+| style | Setting a Custom Container Style   | any  | no |     all  |       yes|
+
+
+### ModalFooter
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| children | Set Container Subcomponent   | ModalButton  | no |     all  |       yes|
+| bordered | Set the display and close of the container top dividing line.default is true.   | Boolean  | no |     all  |       yes|
+| style | Setting a Custom Container Style   | any  | no |     all  |       yes|
+
+
+### ModalButton
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| text | Set button text   | String  | yes |     all  |       yes|
+| onPress |    | () => void  | yes |     all  |       yes|
+| align | Available option: left, center, right.default is center.   | 'left' \| 'center'\|'right'  | no |     all  |       yes|
+| style | Setting a Custom Container Style   | Object  | no |     all  |       yes|
+| textStyle | Set the button text custom style   | Object  | no |     all  |       yes|
+| activeOpacity | Set button click background opacity. default is 0.6   | Number  | no |     all  |       yes|
+| disabled | Sets whether the button is available.default is false.   | Boolean  | no |     all  |       yes|
+| bordered | Sets whether there is a dividing line on the left of the button.default is false.   | Boolean  | no |     all  |       yes|
+
+
+### Backdrop
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| visible | Set Container Subcomponent   | ModalButton  | yes |     all  |       yes|
+| opacity | Set the transparency of the component container.default is 0.5.   | Number  | yes |     all  |       yes|
+| onPress | Setting the container click event.   | ()=>void  | no |     all  |       yes|
+| backgroundColor | Setting the Background of a Component Container.default is #000   | String  | no |     all  |       yes|
+| animationDuration | Set animation time.default is 200   | Number  | no |     all  |       yes|
+| pointerEvents | Available option: auto, none   | 'auto' \| 'none'  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver. default is true.   | Boolean  | no |     all  |       yes|
+
+### Animation
+
+#### Params for (*)Animation
+
+#### FadeAnimation
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| initialValue | Set Animated Initial Value.default is 0.   | Number  | no |     all  |       yes|
+| animationDuration | Set Animation Execution Time.default is 150.   | Number  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver. default is true.   | Boolean  | no |     all  |       yes|
+
+#### ScaleAnimation
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| initialValue | Set Animated Initial Value.default is 0.   | Number  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver. default is true.   | Boolean  | no |     all  |       yes|
+
+#### SlideAnimation
+
+| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| initialValue | Set Animated Initial Value.default is 0.   | Number  | no |     all  |       yes|
+| slideFrom | Available option: top, bottom, left, right.default is bottom.   | 'top' \| 'bottom' \|'left' \| 'right'  | no |     all  |       yes|
+| useNativeDriver | Whether to enable the native animation driver. default is true.   | Boolean  | no |     all  |       yes|
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jacklam718/react-native-modals/blob/master/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/en/react-native-mqtt.md b/en/react-native-mqtt.md
new file mode 100644
index 00000000..a4ab3b2d
--- /dev/null
+++ b/en/react-native-mqtt.md
@@ -0,0 +1,179 @@
+<!-- {% raw %} -->
+
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-mqtt</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Introvertuous/react-native-mqtt">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Introvertuous/react-native-mqtt/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/Introvertuous/react-native-mqtt)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react_native_mqtt@1.3.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react_native_mqtt@1.3.1
+```
+
+<!-- tabs:end -->
+
+基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。（本组件基于MQTT 3.1.1协议）
+
+```js
+import init from 'react_native_mqtt';
+import { AsyncStorage } from 'react-native';
+
+//初始化参数
+init({
+    size: 10000,
+    storageBackend: AsyncStorage,
+    defaultExpires: 1000 * 3600 * 24,
+    enableCache: true,
+    reconnect: true,
+    sync: {}
+});
+//MQTT服务器配置
+const options = {
+    host: 'i1b2c58a.ala.dedicated.aliyun.emqxcloud.cn',
+    port: 8083,
+    path: '/mqtt',
+    userName: 'test1',
+    password: '123456',
+    keepAliveInterval: 600,
+    cleanSession: true,
+    clientId: 'mqttTestDemo' + Math.random().toString(16).substring(2, 8)
+};
+//连接成功
+function onConnect() {
+    client.subscribe('testTopic', { qos: 0 });
+    console.info("Connect Success! ");
+}
+//连接失败
+function onFailure(err) {
+    if (err.errorCode !== 0) {
+        console.error('Connect Failed! ' + err.errorMessage);
+    }
+}
+//连接丢失
+function onConnectionLost(err) {
+    if (err.errorCode !== 0) {
+        console.error("onConnectionLost:" + err.errorMessage);
+    }
+}
+//接收消息
+function onMessageArrived(message) {
+    console.info('onMessageArrived: ' + message.payloadString);
+}
+//连接服务器
+const client = new Paho.MQTT.Client(options.host, options.port, options.path, options.clientId);
+client.onConnectionLost = onConnectionLost;
+client.onMessageArrived = onMessageArrived;
+client.connect({
+    onSuccess: onConnect,
+    onFailure: onFailure,
+    useSSL: false,
+    userName: options.userName,
+    password: options.password,
+    keepAliveInterval: options.keepAliveInterval,
+    cleanSession: options.cleanSession
+});
+//取消连接
+function disconnect() {
+  client.disconnect();
+  console.info("DisConnect Success! ");
+}
+//订阅主题
+function subscribe() {
+  client.subscribe(onChangeTopic, { qos: 0 });
+  console.info("subscribe success! ");
+}
+//取消订阅
+function unSubscribe() {
+  client.unsubscribe(onChangeTopic);
+  console.info("unsubscribe success! ");
+}
+//消息发布
+function sendMessage() {
+  var message = new Paho.MQTT.Message(onChangeMessage);
+  message.destinationName = topic;
+  client.send(message);
+  console.info('send success! ')
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+##  属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                          | Type   | Required | Platform     | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------- | ------ | -------- | ------------ | ----------------- |
+| host              | 服务器地址                                           | string | yes      | Android、iOS | yes               |
+| port              | 服务器端口                                           | number | yes      | Android、iOS | yes               |
+| path              | 服务器路径                                           | string | yes      | Android、iOS | yes               |
+| userName          | 用户名                                               | string | yes      | Android、iOS | yes               |
+| password          | 密码                                                 | string | yes      | Android、iOS | yes               |
+| keepAliveInterval | 会话过期时间（秒）                                   | number | no       | Android、iOS | yes               |
+| cleanSession      | 消息持久化（值为TRUE时，当客户端掉线，清除以前消息） | bool   | no       | Android、iOS | yes               |
+| clientId          | 客户端ID                                             | string | yes      | Android、iOS | yes               |
+| useSSL            | SSL/TLS加密通信                                      | bool   | yes      | Android、iOS | yes               |
+| qos               | 服务级别质量                                         | number | yes      | Android、iOS | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description        | Type | Required | Platform     | HarmonyOS Support |
+| ---------------- | ------------------ | ---- | -------- | ------------ | ----------------- |
+| client.connect   | 连接MQTT服务器     | func | yes      | Android、iOS | yes               |
+| onConnect        | 连接成功时的回调   | func | no       | Android、iOS | yes               |
+| onFailure        | 连接失败时的回调   | func | no       | Android、iOS | yes               |
+| onConnectionLost | 连接丢失           | func | no       | Android、iOS | yes               |
+| onMessageArrived | 接收消息           | func | no       | Android、iOS | yes               |
+| disconnect       | 取消连接MQTT服务器 | func | no       | Android、iOS | yes               |
+| subscribe        | 订阅主题topic      | func | no       | Android、iOS | yes               |
+| unSubscribe      | 取消订阅topic      | func | no       | Android、iOS | yes               |
+| sendMessage      | 发布消息           | func | no       | Android、iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Introvertuous/react-native-mqtt/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-multi-slider.md b/en/react-native-multi-slider.md
new file mode 100644
index 00000000..d71ec691
--- /dev/null
+++ b/en/react-native-multi-slider.md
@@ -0,0 +1,546 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@ptomasroos/react-native-multi-slider</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ptomasroos/react-native-multi-slider">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ptomasroos/react-native-multi-slider/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-multi-slider)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-multi-slider@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-multi-slider@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+
+import { StyleSheet, View, Text, ScrollView, Alert, Animated, Image } from 'react-native';
+import MultiSlider from '@ptomasroos/react-native-multi-slider';
+
+const AnimatedView = Animated.createAnimatedComponent(View);
+
+CustomLabel.defaultProps = {
+  leftDiff: 0,
+};
+
+const width = 50;
+const pointerWidth = width * 0.47;
+
+function LabelBase(props:any) {
+  const { position, value, leftDiff, pressed } = props;
+  const scaleValue = React.useRef(new Animated.Value(0.1)); // Behaves oddly if set to 0
+  const cachedPressed = React.useRef(pressed);
+
+  React.useEffect(() => {
+    Animated.timing(scaleValue.current, {
+      toValue: pressed ? 1 : 0.1,
+      duration: 200,
+      delay: pressed ? 0 : 2000,
+      useNativeDriver: false,
+    }).start();
+    cachedPressed.current = pressed;
+  }, [pressed]);
+
+  return (
+    Number.isFinite(position) &&
+    Number.isFinite(value) && (
+      <AnimatedView
+        style={[
+          labelStyles.sliderLabel,
+          {
+            left: position - width / 2,
+            transform: [
+              { translateY: width },
+              { scale: scaleValue.current },
+              { translateY: -width },
+            ],
+          },
+        ]}
+      >
+        <View style={labelStyles.pointer} />
+        <Text style={labelStyles.sliderLabelText}>{value}</Text>
+      </AnimatedView>
+    )
+  );
+}
+
+function CustomLabel(props:any) {
+  const {
+    leftDiff,
+    oneMarkerValue,
+    twoMarkerValue,
+    oneMarkerLeftPosition,
+    twoMarkerLeftPosition,
+    oneMarkerPressed,
+    twoMarkerPressed,
+  } = props;
+
+  return (
+    <View style={labelStyles.parentView}>
+      <LabelBase
+        position={oneMarkerLeftPosition}
+        value={oneMarkerValue}
+        leftDiff={leftDiff}
+        pressed={oneMarkerPressed}
+      />
+      <LabelBase
+        position={twoMarkerLeftPosition}
+        value={twoMarkerValue}
+        leftDiff={leftDiff}
+        pressed={twoMarkerPressed}
+      />
+    </View>
+  );
+}
+
+class CustomMarker extends React.Component<any> {
+  render() {
+    return (
+      <View>
+        <Text style={markerStyles.text}>{this.props.valuePrefix}{this.props.currentValue}</Text>
+        <Image
+          style={markerStyles.image}
+          source={
+            this.props.pressed ? require('./ruby.png') : require('./diamond.png')
+          }
+          resizeMode="contain"
+        />
+        <Text style={markerStyles.text}>{this.props.valuePrefix}{this.props.currentValue}{this.props.valueSuffix}</Text>
+      </View>
+    );
+  }
+}
+
+export default function MultiSliderDemo() {
+  let testRef = React.useRef<View>(null);
+  let [currentTestId, setCurrentTestId] = React.useState('');
+
+  // 滑动指标配置
+  const touchDimensionsConfig = {
+    height: 60,
+    width: 60,
+    borderRadius: 10,
+    slipDisplacement: 200,
+  };
+
+  // 当值开始变化时回调
+  const onValuesChangeStart = () => Alert.alert('Success', '值开始变化时回调');
+
+  // 值改变时回调
+  const onValuesChange = () => Alert.alert('Success', '值改变时回调');
+
+  // 当值停止变化时回调
+  const onValuesChangeFinish = () => Alert.alert('Success', '值停止变化时回调');
+
+  // 第一个光标切换时回调
+  const onToggleOne = () => Alert.alert('Success', '第一个光标切换回调');
+
+  // 第二个光标切换时回调
+  const onToggleTwo = () => Alert.alert('Success', '第二个光标切换回调');
+
+  // 获取绑定的testID
+  const getCurrentTestId = () => {
+    const testId = testRef.current?.props.testID || '';
+    setCurrentTestId(testId);
+  };
+
+  return (
+    <ScrollView>
+      <View style={styles.container}>
+        <Text style={styles.title}>MultiSlider功能验证</Text>
+        <View style={styles.sliders}>
+          <Text style={styles.text}>values（设置values，1和6）</Text>
+          <MultiSlider values={[1, 6]} />
+
+          <Text style={styles.text}>
+            onValuesChangeStart（值开始变化触发回调）
+          </Text>
+          <MultiSlider onValuesChangeStart={onValuesChangeStart} />
+
+          <Text style={styles.text}>
+            onValuesChange（值改变时回调触发回调）
+          </Text>
+          <MultiSlider onValuesChange={onValuesChange} />
+
+          <Text style={styles.text}>
+            onValuesChangeFinish（当值停止变化时回调）
+          </Text>
+          <MultiSlider onValuesChangeFinish={onValuesChangeFinish} />
+
+          <Text style={styles.text}>sliderLength（滑块长度{100}）</Text>
+          <MultiSlider sliderLength={100} />
+
+          <Text style={styles.text}>
+            touchDimensions（滑动指标borderRadius 50）
+          </Text>
+          <MultiSlider touchDimensions={touchDimensionsConfig} />
+
+          <Text style={styles.text}>enableLabel（开启自定义标签）</Text>
+          <MultiSlider enableLabel customLabel={() => <CustomLabel />} />
+
+          <Text style={styles.text}>customMarker（自定义光标）</Text>
+          <MultiSlider customMarker={CustomMarker} />
+
+          <Text style={styles.text}>customMarkerLeft/Right</Text>
+          <Text style={styles.text}>自定义左右光标：默认未启用</Text>
+          <MultiSlider
+            values={[0, 10]}
+            customMarkerLeft={() => <CustomMarker />}
+            customMarkerRight={() => <CustomMarker pressed />}
+          />
+
+          <Text style={styles.text}>isMarkersSeparated</Text>
+          <Text style={styles.text}>自定义左右光标：启用</Text>
+          <MultiSlider
+            values={[0, 10]}
+            isMarkersSeparated={true}
+            customMarkerLeft={() => <CustomMarker />}
+            customMarkerRight={() => <CustomMarker pressed />}
+          />
+
+          <Text style={styles.text}>min（滑块可用最小值3）</Text>
+          <MultiSlider enableLabel min={3} />
+
+          <Text style={styles.text}>max（滑块可用最大值8）</Text>
+          <MultiSlider enableLabel max={8} />
+
+          <Text style={styles.text}>step（滑块步长5）</Text>
+          <MultiSlider enableLabel step={5} />
+
+          <Text style={styles.text}>optionsArray（节点标记）</Text>
+          <MultiSlider enableLabel optionsArray={[2, 6, 9]} />
+
+          <Text style={styles.text}>containerStyle（滑块容器样式）</Text>
+          <MultiSlider
+            containerStyle={{backgroundColor: 'lightblue', padding: 10}}
+          />
+
+          <Text style={styles.text}>trackStyle（轨道样式：默认）</Text>
+          <MultiSlider trackStyle={{backgroundColor: 'red', height: 5}} />
+
+          <Text style={styles.text}>selectedStyle（轨道样式：滑过后）</Text>
+          <MultiSlider selectedStyle={{backgroundColor: 'green', height: 5}} />
+
+          <Text style={styles.text}>unselectedStyle（轨道样式：未滑过）</Text>
+          <MultiSlider unselectedStyle={{backgroundColor: 'red', height: 5}} />
+
+          <Text style={styles.text}>markerContainerStyle（光标容器样式）</Text>
+          <MultiSlider
+            markerContainerStyle={{
+              backgroundColor: 'transparent',
+              borderColor: 'blue',
+              borderWidth: 2,
+            }}
+          />
+
+          <Text style={styles.text}>markerStyle（光标样式）</Text>
+          <MultiSlider
+            markerStyle={{
+              backgroundColor: 'red',
+              width: 20,
+              height: 20,
+              borderRadius: 10,
+            }}
+          />
+
+          <Text style={styles.text}>
+            pressedMarkerStyle（接触光标后的样式）
+          </Text>
+          <MultiSlider pressedMarkerStyle={{backgroundColor: 'darkblue'}} />
+
+          <Text style={styles.text}>valuePrefix（值的前缀 b）</Text>
+          <MultiSlider
+            values={[0, 10]}
+            customMarker={CustomMarker}
+            valuePrefix="b"
+          />
+
+          <Text style={{...styles.text, marginTop: 20}}>
+            valueSuffix（值的后缀 a）
+          </Text>
+          <MultiSlider
+            values={[0, 10]}
+            customMarker={CustomMarker}
+            valueSuffix="a"
+          />
+
+          <Text style={styles.text}>enabledOne（禁用第一个光标）</Text>
+          <MultiSlider values={[0, 10]} enabledOne={false} />
+
+          <Text style={styles.text}>enabledTwo（禁用第二个光标）</Text>
+          <MultiSlider values={[0, 10]} enabledTwo={false} />
+
+          <Text style={styles.text}>stepsAs</Text>
+          <Text style={styles.text}>自定义步骤标签，默认展示</Text>
+          <MultiSlider
+            values={[0, 10]}
+            step={2}
+            showSteps
+            stepsAs={[
+              {index: 1, stepLabel: 't1', prefix: 'a1', suffix: 'b1'},
+              {index: 2, stepLabel: 't2', prefix: 'a2', suffix: 'b2'},
+            ]}
+          />
+
+          <Text style={styles.text}>showStepLabels</Text>
+          <Text style={styles.text}>隐藏/显示自定义步骤标签，这里隐藏</Text>
+          <MultiSlider
+            values={[0, 10]}
+            step={2}
+            showSteps
+            showStepLabels={false}
+            stepsAs={[
+              {index: 1, stepLabel: 't', prefix: 'a', suffix: 'b'},
+              {index: 2, stepLabel: 't', prefix: 'a', suffix: 'b'},
+            ]}
+          />
+
+          <Text style={styles.text}>
+            showStepMarkers（显示步骤对应的刻度点）
+          </Text>
+          <MultiSlider values={[0, 10]} step={2} showSteps showStepMarkers />
+
+          <Text style={styles.text}>onToggleOne</Text>
+          <Text style={styles.text}>点击第一个光标回调</Text>
+          <MultiSlider values={[0, 10]} onToggleOne={onToggleOne} />
+
+          <Text style={styles.text}>onToggleTwo</Text>
+          <Text style={styles.text}>点击第二个光标回调</Text>
+          <MultiSlider values={[0, 10]} onToggleTwo={onToggleTwo} />
+
+          <Text style={styles.text}>allowOverlap</Text>
+          <Text style={styles.text}>允许/禁止光标重叠，默认禁止，这里允许</Text>
+          <MultiSlider values={[0, 10]} enableLabel allowOverlap={true} />
+
+          <Text style={styles.text}>snapped（步进式移动光标）</Text>
+          <MultiSlider sliderLength={300} step={3} snapped />
+
+          <Text style={styles.text}>smoothSnapped（跳转最近节点）</Text>
+          <MultiSlider smoothSnapped sliderLength={300} step={3} />
+
+          <View style={{marginTop: 60, marginBottom: 150}}>
+            <Text style={styles.text}>vertical（垂直方向）</Text>
+            <MultiSlider vertical />
+          </View>
+
+          <Text style={styles.text}>markerOffsetX（横向偏移20）</Text>
+          <MultiSlider markerOffsetX={20} />
+
+          <Text style={styles.text}>markerOffsetY（纵向偏移20）</Text>
+          <MultiSlider markerOffsetY={20} />
+
+          <Text style={styles.text}>markerSize（光标与边缘的距离）</Text>
+          <MultiSlider markerSize={50} />
+
+          <Text style={styles.text}>minMarkerOverlapDistance</Text>
+          <Text style={styles.text}>避免大光标重叠，间隔100</Text>
+          <MultiSlider values={[0, 10]} minMarkerOverlapDistance={100} />
+
+          <Text style={styles.text}>minMarkerOverlapStepDistance</Text>
+          <Text style={styles.text}>避免大光标重叠，间隔2步</Text>
+          <MultiSlider
+            values={[0, 300]}
+            step={3}
+            allowOverlap={false}
+            smoothSnapped
+            minMarkerOverlapStepDistance={2}
+          />
+
+          <Text style={styles.text}>imageBackgroundSource（背景图片）</Text>
+          <MultiSlider imageBackgroundSource={require('./logo-og.png')} />
+
+          <Text style={styles.text}>testID（设置testID）</Text>
+          <MultiSlider values={[0, 6]} testID={'666'} ref={testRef} />
+          <Text onPress={getCurrentTestId}>
+            {currentTestId || '点击获取testID'}
+          </Text>
+        </View>
+      </View>
+    </ScrollView>
+  );
+}
+
+
+const labelStyles = StyleSheet.create({
+  parentView: {
+    position: 'relative',
+  },
+  sliderLabel: {
+    position: 'absolute',
+    justifyContent: 'center',
+    bottom: '100%',
+    width: width,
+    height: width,
+  },
+  sliderLabelText: {
+    textAlign: 'center',
+    lineHeight: width,
+    borderRadius: width / 2,
+    borderWidth: 2,
+    borderColor: '#999',
+    backgroundColor: '#fff',
+    flex: 1,
+    fontSize: 18,
+    color: '#aaa',
+  },
+  pointer: {
+    position: 'absolute',
+    bottom: -pointerWidth / 4,
+    left: (width - pointerWidth) / 2,
+    transform: [{ rotate: '45deg' }],
+    width: pointerWidth,
+    height: pointerWidth,
+    backgroundColor: '#999',
+  },
+});
+
+const markerStyles = StyleSheet.create({
+  image: {
+    height: 40,
+    width: 40,
+  },
+  text: {
+    alignSelf: 'center',
+    paddingVertical: 20,
+  },
+  title: {
+    fontSize: 30,
+  },  
+});
+
+const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      flexDirection: 'column',
+      justifyContent: 'center',
+      alignItems: 'center',
+    },
+    sliders: {
+      margin: 20,
+      // width: 280,
+    },
+    text: {
+      alignSelf: 'center',
+      paddingVertical: 20,
+    },
+    title: {
+      fontSize: 30,
+    },
+    sliderOne: {
+      flexDirection: 'row',
+      justifyContent: 'space-around',
+    },
+  });
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases)
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。遗留问题
+
+| Name                         | Description                                                  | Type              | Required | Platform | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------ | ----------------- | -------- | -------- | ----------------- |
+| values                       | Prefixed values of the slider.                               | array of numbers  | NO       | All      | YES               |
+| onValuesChangeStart          | Callback when the value starts changing                      | function          | NO       | All      | YES               |
+| onValuesChange               | Callback when the value changes                              | function          | NO       | All      | YES               |
+| onValuesChangeFinish         | Callback when the value stops changing                       | function          | NO       | All      | YES               |
+| sliderLength                 | Length of the slider                                         | number            | NO       | All      | YES               |
+| touchDimensions              | Defines the size of the touch area of the slider             | object            | NO       | All      | YES               |
+| enableLabel                  | Enable the label rendering                                   | function          | NO       | All      | YES               |
+| customLabel                  | Component used for rendering a label above the cursors.      | function          | NO       | All      | YES               |
+| customMarker                 | Component used for the cursor.                               | function          | NO       | All      | YES               |
+| customMarkerLeft             | Component used for the left cursor.                          | function          | NO       | All      | YES               |
+| customMarkerRight            | Component used for the right cursor.                         | function          | NO       | All      | YES               |
+| isMarkersSeparated           | Enable custom left and right cursors                         | boolean           | NO       | All      | YES               |
+| min                          | Minimum value available in the slider.                       | number            | NO       | All      | YES               |
+| max                          | Maximum value available in the slider.                       | number            | NO       | All      | YES               |
+| step                         | Step value of the slider.                                    | number            | NO       | All      | YES               |
+| optionsArray                 | Possible values of the slider. Ignores min and max.          | array of numbers  | NO       | All      | YES               |
+| containerStyle               | The style of the slider container                            | style object      | NO       | All      | YES               |
+| trackStyle                   | track Default Style                                          | style object      | NO       | All      | YES               |
+| selectedStyle                | Style after track sliding                                    | style object      | NO       | All      | YES               |
+| unselectedStyle              | Style when the track is not sliding                          | style object      | NO       | All      | YES               |
+| markerContainerStyle         | Marker container style                                       | style object      | NO       | All      | YES               |
+| markerStyle                  | Marker style                                                 | style object      | NO       | All      | YES               |
+| pressedMarkerStyle           | Marker style after touch                                     | style object      | NO       | All      | YES               |
+| stepStyle                    | Step style                                                   | style object      | NO       | -        | YES               |
+| stepLabelStyle               | Step lable style                                             | style object      | NO       | -        | YES               |
+| stepMarkerStyle              | Step marker style                                            | style object      | NO       | -        | YES               |
+| valuePrefix                  | Prefix added to the value.                                   | string            | NO       | All      | YES               |
+| valueSuffix                  | Suffix added to the value.                                   | string            | NO       | All      | YES               |
+| enabledOne                   | Enables the first cursor                                     | boolean           | NO       | All      | YES               |
+| enabledTwo                   | Enables the second cursor                                    | boolean           | NO       | All      | YES               |
+| stepsAs                      | Use stepsAs when you want to customize the steps-labels. stepsAs expects an array of objects [{index: number, stepLabel: string, prefix: string, suffix: string}]. Where index is for which step you want to customize, and all the other steps will show its index as its stepLabel. Both showSteps and showStepsLabels has to be enabled for stepsAs to be used. | array of objects  | NO       | All      | YES               |
+| showSteps                    | Show steps                                                   | boolean           | NO       | All      | YES               |
+| showStepMarkers              | Show steps-markers on the track, showSteps has to be enabled as well | boolean           | NO       | All      | YES               |
+| showStepLabels               | Show steps-labels underneath the track, showSteps has to be enabled as well | boolean           | NO       | All      | YES               |
+| onToggleOne                  | Listener when first cursor toggles.                          | function callback | NO       | All      | YES               |
+| onToggleTwo                  | Listener when second cursor toggles.                         | function callback | NO       | All      | YES               |
+| allowOverlap                 | Allow the overlap within the cursors.                        | boolean           | NO       | All      | YES               |
+| snapped                      | Use this when you want a fixed position for your markers, this will split the slider in N specific positions | boolean           | NO       | All      | YES               |
+| smoothSnapped                | Same as snapped but you can move the slider as usual. When released it will go to the nearest marker | boolean           | NO       | All      | YES               |
+| vertical                     | Use vertical orientation instead of horizontal.              | boolean           | NO       | All      | YES               |
+| markerOffsetX                | Offset first cursor.                                         | number            | NO       | All      | YES               |
+| markerOffsetY                | Offset second cursor.                                        | number            | NO       | All      | YES               |
+| markerSize                   | It determines the marker margin from the edges of the track, useful to avoid the markers to overflow out of the track. | number            | NO       | All      | YES               |
+| minMarkerOverlapDistance     | if this is > 0 and allowOverlap is false, this value will determine the closest two markers can come to each other. This can be used for cases where you have two markers large cursors and you don't want them to overlap. Note that markers will still overlap at the start if starting values are too near. | number            | NO       | All      | YES               |
+| minMarkerOverlapStepDistance | if this is > 0 and allowOverlap is false, this value will determine the closest two markers can come to each other (in steps, not pixels). This can be used for cases where you have two markers large cursors and you don't want them to overlap. Note that markers will still overlap at the start if starting values are too near. CANNOT be combined with minMarkerOverlapDistance | number            | NO       | All      | YES               |
+| imageBackgroundSource        | Specifies the source required for the ImageBackground        | string            | NO       | All      | YES               |
+| testID                       | Used to locate this view in end-to-end tests                 | string            | NO       | All      | YES               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于[The MIT License (MIT)](https://github.com/ptomasroos/react-native-multi-slider/blob/master/LICENSE)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-multiple-select.md b/en/react-native-multiple-select.md
new file mode 100644
index 00000000..894f2221
--- /dev/null
+++ b/en/react-native-multiple-select.md
@@ -0,0 +1,221 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-multiple-select</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/toystars/react-native-multiple-select">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/toystars/react-native-multiple-select/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/toystars/react-native-multiple-select)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-multiple-select@0.5.12
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-multiple-select@0.5.12
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { FlatList, Text, View } from 'react-native';
+import MultiSelect from 'react-native-multiple-select';
+
+const items = [{
+    id: '92iijs7yta',
+    name: 'Ondo'
+  }, {
+    id: 'a0s0a8ssbsd',
+    name: 'Ogun'
+  }, {
+    id: '16hbajsabsd',
+    name: 'Calabar'
+  }, {
+    id: 'nahs75a5sg',
+    name: 'Lagos'
+  }, {
+    id: '667atsas',
+    name: 'Maiduguri'
+  }, {
+    id: 'hsyasajs',
+    name: 'Anambra'
+  }, {
+    id: 'djsjudksjd',
+    name: 'Benue'
+  }, {
+    id: 'sdhyaysdj',
+    name: 'Kaduna'
+  }, {
+    id: 'suudydjsjd',
+    name: 'Abuja'
+    }
+];
+
+export default class MultiSelectExample extends Component {
+
+  state = {
+    selectedItems : []
+  };
+
+  onSelectedItemsChange = (selectedItems: any) => {
+    this.setState({ selectedItems });
+  };
+
+  multiSelect!: MultiSelect | any;
+
+  render() {
+    const { selectedItems } = this.state;
+
+    return (
+      <View style={{ flex: 1 }}>
+        <MultiSelect
+          hideTags
+          items={items}
+          uniqueKey="id"
+          ref={(component) => { this.multiSelect = component }}
+          onSelectedItemsChange={this.onSelectedItemsChange}
+          selectedItems={selectedItems}
+          selectText="Pick Items"
+          searchInputPlaceholderText="Search Items..."
+          onChangeInput={ (text)=> console.log(text)}
+          altFontFamily="ProximaNova-Light"
+          tagRemoveIconColor="#CCC"
+          tagBorderColor="#CCC"
+          tagTextColor="#CCC"
+          selectedItemTextColor="#CCC"
+          selectedItemIconColor="#CCC"
+          itemTextColor="#000"
+          displayKey="name"
+          searchInputStyle={{ color: '#CCC' }}
+          submitButtonColor="#CCC"
+          submitButtonText="Submit"
+        />
+        <View>
+          {this.multiSelect&&this.multiSelect.getSelectedItemsExt(selectedItems)}
+        </View>
+      </View>
+    );
+  }
+}
+
+
+export {MultiSelectExample}
+
+
+```
+## 约束与限制
+
+### 注意事项
+
+本库 HarmonyOS 侧需要引入字体包，如下所示。如已引用，则无需再次引入，可跳过本章节步骤，直接使用。
+
+在HarmonyOS工程中的entry/src/main/ets/pages/index.ets中添加如下代码：
+
+```diff
+  ...
+RNApp({
+    rnInstanceConfig: {
++    fontResourceByFontFamily: {
++      'Pacifico-Regular': $rawfile("fonts/Pacifico-Regular.ttf"),
++    }
+    },
+})
+```
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `altFontFamily`  | Font family for searchInputPlaceholderText |  String | no     | All  | yes      |
+| `canAddItems`  | Defaults to "false". This allows a user to add items to the list of items provided. You need to handle adding the new items in the onAddItem function prop. Items may be added with the return key on the native keyboard| Boolean  |  no     | All   | yes      |
+| `displayKey`  | Defaults to "name". This string will be used to select the key to display the objects in the items array| String  |  no     | All   | yes      |
+| `fixedHeight`  | Defaults to false. Specifies if select dropdown take height of content or a fixed height with a scrollBar (There is an issue with this behavior when component is nested in a ScrollView in which scroll event will only be dispatched to parent ScrollView and select component won't be scrollable). See this issue for more info| Boolean  |  no     | All   | yes      |
+| `filterMethod`  | Defaults to "partial". options: ["partial", "full"] Choose the logic on how the system filters items based on searchTerm. partial: checks all individual words and if at least one word matches will include that item. full: checks to ensure the item contains the full substring of searchterm in order minus any leading or trailing spaces| String  |  no     | All   | yes      |
+| `flatListProps`  | Properties for the FlatList. Pass any property that is required on the FlatList of the dropdown menu| Object  |  no     | All   | yes      |
+| `fontFamily`  | Custom font family to be used in component (affects all text except searchInputPlaceholderText described above)| String  |  no     | All   | yes      |
+| `fontSize`  | Font size for selected item name displayed as label for multiselect.| Number  |  no     | All   | yes      |
+| `hideDropdown`  |  Defaults false. Hide dropdown menu with a cancel, and use arrow-back| Boolean  |  no     | All   | yes      |
+| `hideSubmitButton`  | Defaults to false. Hide submit button from dropdown, and rather use arrow-button in search field| Boolean  |  no     | All   | yes      |
+| `hideTags`  | Defaults to false. Hide tokenized selected items, in case selected items are to be shown somewhere else in view (check below for more info)| Boolean  |  no     | All   | yes      |
+| `searchIcon`  | Element or functional component to change the Search Icon| Element, Object, boolean, Function |  no     | All   | yes      |
+| `itemFontFamily`  | Font family for each non-selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `itemFontSize`  |Font size used for each item in the multi-select drop-down| Number  |  no     | All   | yes      |
+| `itemTextColor`  |  Text color for each non-selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `items`  |List of items to display in the multi-select component. JavaScript Array of objects. Each object must contain a name and unique identifier (Check sample above)| Array, control prop  |  	yes     | All   | yes      |
+| `noItemsText`  |  Text that replace default "no items to display"| String  |  no     | All   | yes      |
+| `onAddItem`  | JavaScript function passed in as an argument. The function is called everytime a new item is added, and receives the entire list of items. Here you should ensure that the new items are added to your provided list of items in addition to any other consequences of new items being added| function  |  no     | All   | yes      |
+| `onChangeInput`  | JavaScript function passed in as an argument. The function is called everytime TextInput is changed with the value| function  |  no     | All   | yes      |
+| `onClearSelector`  | JavaScript function passeed in as an argument. The function is called everytime back button is pressed| function  |  no     | All   | yes      |
+| `onSelectedItemsChange`  | JavaScript function passed in as an argument. The function is to be defined with an argument (selectedItems). Triggered when Submit button is clicked (for multi select) or item is clicked (for single select). (Check sample above)| function  |  yes     | All   | yes      |
+| `onToggleList`  | JavaScript function passed in as an argument. The function is called everytime the multiselect component is pressed| function  |  no     | All   | yes      |
+| `searchInputPlaceholderText`  | Placeholder text displayed in multi-select filter input| String  |  no     | All   | yes      |
+| `searchInputStyle`  | Style object for multi-select input element| Object  |  no     | All   | yes      |
+| `selectText`  | Text displayed in main component| String  |  no     | All   | yes      |
+| `selectedText`  | Text displayed when an item is selected can be replaced by any string| String  |  no     | All   | yes      |
+| `selectedItemFontFamily`  |  Font family for each selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `selectedItemIconColor`  | Color for selected check icon for each selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `selectedItemTextColor`  |Text color for each selected item in multi-select drop-down| String  |  no     | All   | yes      |
+| `single`  | Toggles select component between single option and multi option| Boolean  |  no     | All   | yes      |
+| `styleDropdownMenu`  | Style the view of the dropdown menu| Style  |  no     | All   | yes      |
+| `styleDropdownMenuSubsection`  |Style the inner view of the dropdown menu| Style  |  no     | All   | yes      |
+| `styleIndicator`  | Style the Icon for indicator| Style  |  no     | All   | yes      |
+| `styleInputGroup`  | Style the Container of the Text Input Group| Style  |  no     | All   | yes      |
+| `styleItemsContainer`  |Style the Container of the items that are displayed in a list| Style  |  no     | All   | yes      |
+| `styleListContainer`  | Style the Container of main list| Style  |  no     | All   | yes      |
+| `styleMainWrapper`  | Style the Main Container of the MultiSelector| Style  |  no     | All   | yes      |
+| `styleRowList`  | Style the Row that is displayed after you| Style  |  no     | All   | yes      |
+| `styleSelectorContainer`  | Style the Container of the Selector when user clicks on the dropdown| Style  |  no     | All   | yes      |
+| `styleTextDropdown`  | Style text of the Dropdown| Text Style  |  no     | All   | yes      |
+| `styleTextDropdownSelected`  | Style text of the Dropdown selected| Text Style  |  no     | All   | yes      |
+| `styleTextTag`  | Style text of the tag| Text Style  |  no     | All   | yes      |
+| `submitButtonColor`  | Background color for submit button| String  |  no     | All   | yes      |
+| `submitButtonText`  |Text displayed on submit button| String  |  no     | All   | yes      |
+| `tagBorderColor`  |  Border color for each selected item| String  |  no     | All   | yes      |
+| `tagContainerStyle`  | Style the container of the tag view| Style  |  no     | All   | yes      |
+| `tagRemoveIconColor`  | Color to be used for the remove icon in selected items list| String  |  no     | All   | yes      |
+| `tagTextColor`  | Text color for selected items list| String  |  no     | All   | yes      |
+| `textColor`  | Color for selected item name displayed as label for multiselect| String  |  no     | All   | yes      |
+| `textInputProps`  | Properties for the Text Input. Pass any property that is required on the text input| Object  |  no     | All   | yes      |
+| `uniqueKey`  | Unique identifier that is part of each item's properties. Used internally as means of identifying each item (Check sample below)| String  |  yes     | All   | yes      |
+| `selectedItems`  | List of selected items keys . JavaScript Array of strings, that can be instantiated with the component| Array, control prop  |  no     | All   | yes      |
+| `removeSelected`  | Filter selected items from list to be shown in List| Boolean  |  no     | All   | yes      |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/toystars/react-native-multiple-select/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-neomorph-shadows.md b/en/react-native-neomorph-shadows.md
new file mode 100644
index 00000000..04457578
--- /dev/null
+++ b/en/react-native-neomorph-shadows.md
@@ -0,0 +1,147 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-neomorph-shadows</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tokkozhin/react-native-neomorph-shadows">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-neomorph-shadows)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-neomorph-shadows@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-neomorph-shadows@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { Shadow } from 'react-native-neomorph-shadows';
+
+export default function () {
+    return (
+        <View style={styles.container}>
+            <Shadow
+                style={{
+                    // shadowOffset: { width: 0, height: 5 },
+                    fillOpacity: 0.6,
+                    // borderRadius: 25,
+                    stopColor:"#f0f0f0",//渐变结束的颜色
+                    startColor:"#FF3A3A",//渐变开始的颜色
+                    width: 110,
+                    height: 110,
+                    alignItems: "center",
+                    justifyContent: "center"
+                }}>
+                <View
+                    style={{
+                        borderRadius: 25,
+                        backgroundColor: "#FF3A3A",
+                        width: 110,
+                        height: 44,
+                        alignItems: "center",
+                        justifyContent: "center",
+                        // shadowColor: "#FFC0C0",
+                        // shadowOffset: {
+                        //     width: 0,
+                        //     height: 20
+                        // },
+                        // shadowOpacity: 1,
+                        // shadowRadius: 3.84,
+                        // elevation: 5 // 添加阴影效果
+                    }}>
+                    <Text
+                        style={{
+                            color: "#ffffff",
+                            fontWeight: "bold",
+                            textAlign: "center",
+                            fontSize: 16
+                        }}>
+                        登录/注册
+                    </Text>
+                </View>
+            </Shadow>
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#f0f0f0',
+    },
+});
+
+
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)
+
+## 属性
+
+### 此组件有以下属性:
+## **API（Shadow）**
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|     **style**      |       Style object        |                         Object                           |    No    | iOS/Android |        Yes        |
+|        **fillOpacity**        |                   shadow transparency                    |                         String                           |    YES   | iOS/Android |        Yes        |
+|     **stopColor**      |                  Shadow Gradient End Color              |                         String                           |    No    | iOS/Android |        Yes        |
+| **startColor**  |       Shadow Gradient Start Color       |                         String                           |    No    | iOS/Android |        Yes        |
+
+
+## 遗留问题
+
+目前仅设计Shadow组件阴影效果。Neomorph组件暂未涉及。[issue#5](https://github.com/react-native-oh-library/react-native-neomorph-shadows/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE) ，请自由地享受和参与开源。 
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-nested-scroll-view.md b/en/react-native-nested-scroll-view.md
new file mode 100644
index 00000000..cffdf5ab
--- /dev/null
+++ b/en/react-native-nested-scroll-view.md
@@ -0,0 +1,183 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-nested-scroll-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/cesardeazevedo/react-native-nested-scroll-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/cesardeazevedo/react-native-nested-scroll-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-nested-scroll-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-nested-scroll-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-nested-scroll-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, ScrollView, Text, StyleSheet } from 'react-native';
+import NestedScrollView from 'react-native-nested-scroll-view';
+
+const NestedScrollViewExample = () => {
+  return (
+    <NestedScrollView style={{ flex: 1 }}>
+      <ScrollView contentContainerStyle={styles.scrollViewContent}>
+        {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((item) => (
+          <View key={item} style={styles.itemContainer}>
+            <Text style={styles.itemTitle}>Item {item}</Text>
+            <ScrollView horizontal showsHorizontalScrollIndicator={false}>
+              {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((subItem) => (
+                <View key={subItem} style={styles.subItem}>
+                  <Text>content {subItem}</Text>
+                </View>
+              ))}
+            </ScrollView>
+          </View>
+        ))}
+      </ScrollView>
+    </NestedScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  scrollViewContent: {
+    paddingVertical: 20,
+    paddingHorizontal: 10,
+  },
+  itemContainer: {
+    marginBottom: 20,
+    padding: 10,
+    backgroundColor: '#f0f0f0',
+    borderRadius: 10,
+  },
+  itemTitle: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    marginBottom: 10,
+  },
+  subItem: {
+    width: 100,
+    height: 100,
+    backgroundColor: '#b0e0e6',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginHorizontal: 5,
+  },
+});
+
+export default NestedScrollViewExample;
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)
+
+## 属性
+
+Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#props) 组件的Props
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+常用属性如下：
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| contentContainerStyle  | 设置滚动视图内容容器的样式.  | ViewStyleProp  | no       | Android/IOS  | yes                |
+| disableIntervalMomentum  | 如果为 true，则无论手势有多快，滚动视图都会停止在下一个索引处（相对于释放时的滚动位置）| boolean | no | Android/IOS | yes  |
+| decelerationRate  | 设置滚动减速速率。| ('fast' 或 'normal' 或 number)  | no | Android/IOS  | yes  |
+| horizontal  | 指定滚动视图是否为水平方向，默认为垂直方向。 | boolean  | no   | Android/IOS  | yes                |
+| invertStickyHeaders  | 粘性标题是否应粘在 ScrollView 的底部而不是顶部。| boolean  | no       | Android/IOS  | yes                |
+| keyboardDismissMode  | 设置键盘消失模式，可选值为"none"、“interactive"和"on-drag” | string  | no       | Android/IOS  | yes                |
+| keyboardShouldPersistTaps  | 设置点击输入框以外的区域时键盘是否消失，可选值为"never"、“always"和"handled”| ('always' 或 'never' 或 'handled' 或 true 或 false)  | no | Android/IOS  | yes |
+| onMomentumScrollBegin  | 开始惯性滚动时触发的回调函数 | (event: ScrollEvent) => void  | no   | Android/IOS  | yes    |
+| onMomentumScrollEnd  | 结束惯性滚动时触发的回调函数 | (event: ScrollEvent) => void  | no       | Android/IOS  | yes                |
+| onScroll  | 滚动时触发的回调函数   | (event: ScrollEvent) => void  | no       | Android/IOS  | yes                |
+| onScrollBeginDrag  | 开始拖拽滚动视图时触发的回调函数 | (event: ScrollEvent) => void  | no       | Android/IOS  | yes                |
+| onScrollEndDrag  | 结束拖拽滚动视图时触发的回调函数  | (event: ScrollEvent) => void  | no       | Android/IOS  | yes                |
+| onContentSizeChange  | 当 ScrollView 的可滚动内容视图发生变化时调用，处理函数传递内容宽度和内容高度作为参数   | (contentWidth: number, contentHeight: number) => void  | no       | Android/IOS  | yes                |
+| pagingEnabled  | 当值为 true 时，滚动条会停在滚动视图的尺寸的整数倍位置  | boolean  | no | Android/IOS | yes               |
+| scrollEnabled  | 当值为 false 的时候，内容不能滚动，默认值为 true  | boolean | no | Android/IOS | yes               |
+| showsVerticalScrollIndicator  | 当此属性为 true 的时候，显示一个垂直方向的滚动条 | boolean  | no | Android/IOS | yes               |
+| stickyHeaderIndices  | 一个子视图下标的数组，用于决定哪些成员会在滚动之后固定在屏幕顶端   | $ReadOnlyArray<number>  | no | Android/IOS | yes               |
+| snapToInterval  | 当设置了此属性时，会让滚动视图滚动停止后，停止在snapToInterval的倍数的位置   | number  | no | Android/IOS | yes               |
+| snapToOffsets  | 会使滚动视图停止在定义的偏移处。这可用于对长度小于滚动视图的各种大小的子项进行分页  | $ReadOnlyArray<number>  | no | Android/IOS | yes               |
+| snapToStart  | 与 snapToOffsets 结合使用。默认情况下，列表的开头算作捕捉偏移。   | boolean  | no | Android/IOS | yes               |
+| snapToEnd  | 与 snapToOffsets 结合使用。默认情况下，列表末尾算作捕捉偏移         | boolean  | no | Android/IOS | yes               |
+| removeClippedSubviews  | 当此属性为 true 时，屏幕之外的子视图（子视图的overflow样式需要设为hidden）会被移除         | boolean  | no | Android/IOS | yes               |
+| refreshControl  | 用于为 ScrollView 提供下拉刷新功能。只能用于垂直视图，即horizontal不能为true | React. Element<any>  | no | Android/IOS | yes               |
+
+
+## API
+
+Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#methods) 组件的Methods
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| scrollTo  | 该方法用于滚动到指定位置。可以通过x和y参数指定滚动的偏移量，animated参数用于指定是否使用动画效果。| function  | no       | Android/IOS  | yes        |
+| scrollToEnd  | 该方法用于滚动到内容的末尾。可以通过animated参数指定是否使用动画效果。| function  | no       | Android/IOS  | yes                |
+| flashScrollIndicators  | 该方法用于显示滚动指示器，通常在需要提醒用户可以滚动时使用。| function  | no       | Android/IOS  | yes                |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/cesardeazevedo/react-native-nested-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-network-info.md b/en/react-native-network-info.md
new file mode 100644
index 00000000..d68b387a
--- /dev/null
+++ b/en/react-native-network-info.md
@@ -0,0 +1,289 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-network-info</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/pusherman/react-native-network-info">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/pusherman/react-native-network-info/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-network-info)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-network-info@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-network-info@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {useState} from 'react';
+import {
+  View,
+  Text,
+  StyleSheet,
+  ScrollView,
+  TouchableOpacity,
+} from 'react-native';
+import {NetworkInfo} from 'react-native-network-info';
+
+interface NetworkInfoState {
+  ipAddress: string | null;
+  ipv4Address: string | null;
+  broadcast: string | null;
+  ssid: string | null;
+  bssid: string | null;
+  subnet: string | null;
+  defaultGateway: string | null;
+  frequency: number | null;
+}
+
+export default NetworkInfoDemo(): JSX.Element {
+  const [info, setInfo] = useState<NetworkInfoState>({
+    ipAddress: '',
+    ipv4Address: '',
+    broadcast: '',
+    ssid: '',
+    bssid: '',
+    subnet: '',
+    defaultGateway: '',
+    frequency: 0,
+  });
+
+  return (
+    <ScrollView style={styles.container}>
+      <View style={styles.infoContainer}>
+        <TouchableOpacity
+          onPress={async () => {
+            const value = await NetworkInfo.getIPAddress();
+            setInfo({...info, ipAddress: value});
+          }}>
+          <Text style={styles.button}>ipAddress</Text>
+        </TouchableOpacity>
+        <Text style={styles.infoText}>{`${info.ipAddress}`}</Text>
+      </View>
+
+      <View style={styles.infoContainer}>
+        <TouchableOpacity
+          onPress={async () => {
+            const value = await NetworkInfo.getIPV4Address();
+            setInfo({...info, ipv4Address: value});
+          }}>
+          <Text style={styles.button}>ipv4Address</Text>
+        </TouchableOpacity>
+        <Text style={styles.infoText}>{`${info.ipv4Address}`}</Text>
+      </View>
+
+      <View style={styles.infoContainer}>
+        <TouchableOpacity
+          onPress={async () => {
+            const value = await NetworkInfo.getBroadcast();
+            setInfo({...info, broadcast: value});
+          }}>
+          <Text style={styles.button}>broadcast</Text>
+        </TouchableOpacity>
+        <Text style={styles.infoText}>{`${info.broadcast}`}</Text>
+      </View>
+
+      <View style={styles.infoContainer}>
+        <TouchableOpacity
+          onPress={async () => {
+            const value = await NetworkInfo.getSSID();
+            setInfo({...info, ssid: value});
+          }}>
+          <Text style={styles.button}>ssid</Text>
+        </TouchableOpacity>
+        <Text style={styles.infoText}>{`${info.ssid}`}</Text>
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 20,
+  },
+  infoContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 10,
+  },
+  infoText: {
+    fontSize: 16,
+  },
+  button: {
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    backgroundColor: 'hsl(193, 95%, 68%)',
+    borderWidth: 2,
+    borderColor: 'hsl(193, 95%, 30%)',
+    borderRadius: 4,
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-network-info": "file:../../node_modules/@react-native-oh-tpl/react-native-network-info/harmony/rn_network_info.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNNetworkInfoPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { RNNetworkInfoPackage } from '@react-native-oh-tpl/react-native-network-info/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNNetworkInfoPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases)
+
+### 权限要求
+
+在 entry 目录下的 module.json5 中添加wifi和网络信息权限
+
+打开entry/src/main/module.json5，添加：
+
+```json
+...
+"requestPermissions": [
+    {
+    "name" : "ohos.permission.GET_WIFI_INFO"
+    },
+    {
+    "name": "ohos.permission.GET_NETWORK_INFO"
+    }
+]
+```
+
+## 静态方法
+
+> [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Name | Description | Type | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+getSSID | Get   SSID | Function | no | All | yes
+getBSSID | Get   BSSID | Function | no | All | yes
+getBroadcast | Get   Broadcast | Function | no | All | yes
+getIPAddress | Get   Local IP | Function | no | All | yes
+getIPV4Address | Get   IPv4 IP (priority: WiFi first, cellular second) | Function | no | All | yes
+getSubnet | Get   Subnet | Function | no | All | yes
+getGatewayIPAddress | Get   Default Gateway IP | Function | no | All | yes
+getFrequency | Get   frequency | Function | no | Android | yes
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/pusherman/react-native-network-info/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-nfc-manager.md b/en/react-native-nfc-manager.md
new file mode 100644
index 00000000..7e2c0cb9
--- /dev/null
+++ b/en/react-native-nfc-manager.md
@@ -0,0 +1,473 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-nfc-manager</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/revtel/react-native-nfc-manager">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/revtel/react-native-nfc-manager/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-nfc-manager)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] #处替换为tgz包的路径
+
+#### **npm**
+
+```
+npm install @react-native-oh-tpl/react-native-nfc-manager@file:#
+```
+
+#### **yarn**
+
+```
+yarn add @react-native-oh-tpl/react-native-nfc-manager@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!TIP] 使用时 import 的库名不变。
+
+```
+import React from 'react';
+import {View, Text, TouchableOpacity, StyleSheet} from 'react-native';
+import NfcManager, {NfcTech} from 'react-native-nfc-manager';
+
+// Pre-step, call this before any NFC operations
+NfcManager.start();
+
+function App() {
+  async function readNdef() {
+    try {
+      // register for the NFC tag with NDEF in it
+      await NfcManager.requestTechnology(NfcTech.Ndef);
+      // the resolved tag object will contain `ndefMessage` property
+      const tag = await NfcManager.getTag();
+      console.warn('Tag found', tag);
+    } catch (ex) {
+      console.warn('Oops!', ex);
+    } finally {
+      // stop the nfc scanning
+      NfcManager.cancelTechnologyRequest();
+    }
+  }
+
+  return (
+    <View style={styles.wrapper}>
+      <TouchableOpacity onPress={readNdef}>
+        <Text>Scan a Tag</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+
+```
+在工程根目录的 oh-package.json 添加 overrides字段
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+## 配置Entry
+
+本库主要用于操作及管理NFC Tag，提供后台读卡和前台应用优先分发两种读卡模式。后台读卡是指不需要打开应用程序，电子设备通过NFC读取标签卡片后，根据标签卡片的类型匹配到一个或多个应用程序。如果仅匹配到一个，则直接拉起应用程序的读卡页面；如果是多个则弹出应用选择器，让用户选择指定的读卡应用。前台读卡是指提前打开应用程序，并进入对应的NFC读卡页面后读卡，只会把读到的标签卡片信息分发给前台应用程序。
+
+### 后台读卡方式的声明
+**1.应用程序需要支持后台读卡时，需要在应用的属性配置文件中，声明与NFC相关的属性值。比如，在entry/src/main/module.json5文件中，声明下面属性值：**
+```
+{
+    "module": {
+        // other declared attributes.
+
+        "abilities": [
+            {
+                "skills": [
+                    {
+                        "actions": [
+                            // other declared actions,
+
+                            // add the nfc tag action
+                            "ohos.nfc.tag.action.TAG_FOUND"
+                        ],
+                        "uris": [
+                            {
+                                "type":"tag-tech/NfcA"
+                            },
+                            {
+                                "type":"tag-tech/IsoDep"
+                            }
+                            // Add other technology if neccessary,
+                            // such as: NfcB/NfcF/NfcV/Ndef/MifareClassic/MifareUL/NdefFormatable
+                        ]
+                    }
+                ]
+            }
+        ],
+        "requestPermissions": [
+            {
+                "name": "ohos.permission.NFC_TAG",
+                "reason": "$string:app_name",
+            }
+        ]
+    }
+}
+```
+**2.在对相关Tag类型卡片进行读写之前，必须先获取TagInfo相关属性值，以确认设备读取到的Tag卡片支持哪些技术类型。可以将以下内容添加到EntryAbility**
+
+```
+import {RNAbility} from 'rnoh';
+import Want from '@ohos.app.ability.Want';
+import { RNNfcManagerModule } from '@react-native-oh-tpl/react-native-nfc-manager';
+import AbilityConstant from '@ohos.app.ability.AbilityConstant';
+
+export default class EntryAbility extends RNAbility {
+
+  onCreate(want: Want): void {
+    super.onCreate(want);
+    RNNfcManagerModule.registerAbilityEvents(this.context,'onCreate',want);
+  }
+
+  onForeground(): void {
+    super.onForeground();
+  }
+
+  onBackground(): void {
+    super.onBackground();
+  }
+
+  onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
+    super.onNewWant(want,launchParam);
+    RNNfcManagerModule.registerAbilityEvents(this.context,'onNewWant',want);
+  }
+
+  getPagePath() {
+    return 'pages/Index';
+  }
+
+  onDestroy(): void {
+    super.onDestroy();
+    RNNfcManagerModule.unRegisterAbilityEvents(this.context);
+  }
+}
+
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入。
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-nfc-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-nfc-manager/harmony/nfc_manager.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNNfcManagerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNNfcManagerPackage } from '@react-native-oh-tpl/react-native-nfc-manager/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNNfcManagerPackage(ctx),
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)
+
+### 权限要求
+打开 `entry/src/main/module.json5`，添加以下权限配置
+
+```
+"requestPermissions": [
+    {
+        "name": "ohos.permission.NFC_TAG",
+        "reason": "$string:app_name",
+    }
+]
+```
+
+## Nfc Compatibility
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| Ndef  |   NFC A type Tag object, through which the Ndef technology type Tag can be accessed                   | Technologies | no       | iOS/Android | yes               |
+| NfcA  |   NFC A type Tag object, through which the NfcA technology type Tag can be accessed                   | Technologies | no       | iOS/Android | yes               |
+| IsoDep  |   NFC A type Tag object, through which the IsoDep technology type Tag can be accessed                   | Technologies | no       | iOS/Android | yes               |
+| NfcF  |   NFC A type Tag object, through which the NfcF technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| NfcV  |   NFC A type Tag object, through which the NfcV technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| NfcB  |   NFC A type Tag object, through which the NfcB technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| MifareClassic  |   NFC A type Tag object, through which the MifareClassic technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| MifareUltralight  |   NFC A type Tag object, through which the MifareUltralight technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+| MifareIOS  |   NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed                   | Technologies | no       | iOS | no               |
+| iso15693  |   NFC A type Tag object, through which the iso15693 technology type Tag can be accessed                   | Technologies | no       | iOS | no               |
+| felica  |   NFC A type Tag object, through which the felica technology type Tag can be accessed                   | Technologies | no       | iOS | no               |
+| NdefFormatable  |   NFC A type Tag object, through which the NdefFormatable technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+
+## API
+**common tech handler getters for both iOS / Android**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| start  | Start nfc scan       | function | NO | iOS / Android      | yes |
+| isSupported  | Does the device support nfc       | function | NO | iOS / Android      | yes |
+| isEnabled  | Is the nfc switch turned on       | function | NO | iOS / Android      | yes |
+| registerTagEvent  | Register to monitor NFC Tag card reading events to achieve priority distribution of front-end applications. Set the supported card reading technology type through discTech, and obtain the TagInfo information of the read Tag through the Callback method.       | function | NO | iOS / Android      | yes |
+| unregisterTagEvent  | Cancel monitoring of NFC Tag card reading events       | function | NO | iOS / Android      | yes |
+| setEventListener  | Set up monitoring       | function | NO | iOS / Android      | yes |
+| getBackgroundTag  | Start nfc in the background and obtain the Tag data object provided by the NFC service when the Tag is distributed.       | function | NO | iOS / Android      | yes |
+| clearBackgroundTag  | After starting nfc in the background, clear Tag information of different technology types       | function | NO | iOS / Android      | yes |
+| requestTechnology  | Start scanning       | function | NO | iOS / Android      | yes |
+| cancelTechnologyRequest  | Cancel scan       | function | NO | iOS / Android      | yes |
+| getTag  | Get the Tag data object provided by the NFC service when the Tag is distributed       | function | NO | iOS / Android      | yes |
+
+**NdefHandler**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| writeNdefMessage| Write NDEF Message data object to label        | function  | NO | Android      | yes |
+| getNdefMessage| Get the Message read from the tag when the NDEF tag is found        | function  | NO | iOS / Android      | yes |
+| makeReadOnly| Set NDEF tag to read-only        | function  | NO | iOS / Android      | yes |
+| getNdefStatus| Check if the NDEF tag can be set to read-only and get the maximum data length that can be sent to the tag        | function  | NO | iOS / Android      | yes |
+| getCachedNdefMessageAndroid| Get the Tag data object provided by the NFC service when the Tag is distributed        | function  | NO | iOS / Android      | yes |
+
+**NfcAHandler**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| transceive | Send instructions to Tag        | function  | NO | iOS / Android      | yes |
+
+**IsoDepHandler**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| transceive | Send instructions to Tag        | function  | NO | iOS / Android      | yes |
+
+**iOS only**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| setAlertMessage | Set a warning message for a certain session (possibly an NFC session or similar) | function  | NO | iOS      | NO |
+| getBackgroundNdef | Scan NFC tag from lock screen        | function  | NO | iOS      | NO |
+| invalidateSessionIOS | Initialize tag session        | function  | NO | iOS      | NO |
+| invalidateSessionWithErrorIOS | Initializing the tag session may throw an exception        | function  | NO | iOS      | NO |
+| sendCommandAPDUIOS | Send specific APDU commands        | function  | NO | iOS      | NO |
+| restartTechnologyRequestIOS | Restart NFC session        | function  | NO | iOS      | NO |
+
+**MifareIOS**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| sendMifareCommandIOS | Send specific MIFARE commands        | function  | NO | iOS      | NO |
+
+**FelicaIOS**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| sendFelicaCommandIOS | Send specific Felica commands        | function  | NO | iOS      | NO |
+
+**Iso15693**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getSystemInfo | Obtain system information of RFID tags        | function  | NO | iOS      | NO |
+| readSingleBlock | Read the content stored in a block of tags        | function  | NO | iOS      | NO |
+| readMultipleBlocks | Read the content stored in multiple blocks of the tag        | function  | NO | iOS      | NO |
+| writeSingleBlock | Write content to a block in the tag storage        | function  | NO | iOS      | NO |
+| lockBlock | Lock specific data blocks on tags        | function  | NO | iOS      | NO |
+| writeAFI | Write the specified AFI value into the RFID tag        | function  | NO | iOS      | NO |
+| lockAFI | Used to lock the AFI field in RFID tags to prevent it from being altered        | function  | NO | iOS      | NO |
+| writeDSFID | Write the specified DSFID value into the RFID tag        | function  | NO | iOS      | NO |
+| lockDSFID | Used to lock the AFI field in DSFID tags to prevent it from being altered         | function  | NO | iOS      | NO |
+| resetToReady | Reset the RFID tag from the current state to the ready state, ready to receive new commands         | function  | NO | iOS      | NO |
+| select | Place specific RFID tags in the selected state  | function  | NO | iOS      | NO |
+| stayQuite | Put the tag into a quiet state, in which the tag will not respond to any requests with inventory_flag, but will respond to requests with addressing flags  | function  | NO | iOS      | NO |
+| customCommand | Send custom binary data to RFID tags  | function  | NO | iOS      | NO |
+| sendRequest | Send one or more commands or data requests to RFID tags  | function  | NO | iOS      | NO |
+| extendedReadSingleBlock | Read the content of a specified single data block from an RFID tag  | function  | NO | iOS      | NO |
+| extendedWriteSingleBlock | Write the content of a specified single data block from an RFID tag  | function  | NO | iOS      | NO |
+| extendedLockBlock | Lock one or more data blocks in the RFID tag to prevent them from being further written or modified  | function  | NO | iOS      | NO |
+
+**Android only**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| goToNfcSetting | Guide users to the NFC settings interface of the device        | function  | NO | Android      | yes |
+| getLaunchTagEvent | Retrieve events or data when an application is launched (or reactivated) due to NFC tag scanning        | function  | NO | Android      | yes |
+| transceive | Send instructions to Tag         | function  | NO | Android      | yes |
+| getMaxTransceiveLength | Query the maximum data length that can be sent to a label         | function  | NO | Android      | yes |
+| setTimeout | Set the timeout for sending data to Tag         | function  | NO | Android      | yes |
+| connect | Establish a connection with the tag         | function  | NO | Android      | yes |
+| close | Close tag connection        | function  | NO | Android      | yes |
+
+**NfcVHandler**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| transceive | Send instructions to Tag        | function  | NO | Android      | yes |
+
+**MifareClassicHandlerAndroid**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| mifareClassicSectorToBlock | Obtain the sequence number of the first block in a specific sector        | function  | NO | Android      | yes |
+| mifareClassicReadBlock | Read the content stored in a block of tags, with a block size of 16 bytes        | function  | NO | Android      | yes |
+| mifareClassicWriteBlock | Write content to a block in the tag, with a block size of 16 bytes        | function  | NO | Android      | yes |
+| mifareClassicIncrementBlock | Add the specified value to the content of the specified block and store the result in the internal transmission buffer   | function  | NO | Android      | yes |
+| mifareClassicDecrementBlock | Reduce the specified value for the content of the specified block and store the result in an internal transfer buffer    | function  | NO | Android      | yes |
+| mifareClassicTransferBlock | Transfer the value of the temporary register to the specified block   | function  | NO | Android      | yes |
+| mifareClassicGetSectorCount | Get the number of sectors in the MIFARE Classic tag   | function  | NO | Android      | yes |
+| mifareClassicAuthenticateA | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is A   | function  | NO | Android      | yes |
+| mifareClassicAuthenticateB | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is B   | function  | NO | Android      | yes |
+
+**MifareUltralightHandlerAndroid**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| mifareUltralightReadPages | Read 4 pages of data from the tag, totaling 16 bytes of data. Each page has a data size of 4 bytes    | function  | NO | Android      | yes |
+| mifareUltralightWritePage | Write one page of data with a size of 4 bytes   | function  | NO | Android      | yes |
+
+**NdefFormatableHandlerAndroid**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| formatNdef | Format tags as NDEF tags and write NDEF messages into NDEF tags   | function  | NO | Android      | yes |
+
+## 属性
+**RegisterTagEventOpts**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| alertMessage   | Specify a warning or prompt message to be displayed when an NFC tag is read         | string  | NO | iOS      | NO |
+| invalidateAfterFirstRead   | NFC tags should be considered invalid after being read for the first time     | boolean  | NO | iOS      | NO |
+| isReaderModeEnabled   | This option is used to indicate whether NFC's' Reader Mode 'is enabled         | boolean  | NO | Android      | yes |
+| readerModeFlags   | This option allows you to specify the flag for the reader mode         | number  | NO | Android      | yes |
+| readerModeDelay   | This option allows you to specify how long to delay processing an NFC tag after it is detected   | number  | NO | Android      | NO |
+
+**NfcEvents**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| DiscoverTag   | When the NFC Manager (NfcManager) detects and successfully reads an NFC tag, this event will be triggered     | enum  | NO | iOS/Android      | yes |
+| DiscoverBackgroundTag   | When the application is in the background, the NFC Manager (NfcManager) detects and successfully reads an NFC tag, triggering this event     | enum  | NO | iOS/Android      | yes |
+| SessionClosed   | Trigger this event when NFC session is closed     | enum  | NO | iOS      | NO |
+| StateChanged   | This event is triggered when the enabled state of NFC changes    | enum  | NO | iOS/Android      | yes |
+
+**NfcTech**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| Ndef  |  NDEF (NFC Data Exchange Format) is a standard format used for storing and exchanging data on NFC tags  | enum | no       | iOS/Android | yes               |
+| NfcA  |  NfcA stands for ISO 14443-3 Type A technology, which is a widely used NFC tag type that supports fast data transmission and high security     | enum | no       | iOS/Android | yes               |
+| IsoDep  |  IsoDep represents the ISO/IEC 7816-4 standard, which defines the communication protocol between smart cards and readers     | enum | no       | iOS/Android | yes               |
+| NfcF  |   NfcF stands for ISO 14443-4 Type F technology, which supports high-speed data transmission and more complex encryption functions  | enum | no       | Android | yes               |
+| NfcV  |  NfcV stands for ISO 15693 technology, also known as VICC (Vicinity Integrated Circuit Card), mainly used for low-frequency NFC tags with a longer reading distance.      | enum | no       | Android | yes               |
+| NfcB  |  NfcB stands for ISO 14443-3 Type B technology, similar to NfcA but with different physical characteristics and communication protocols.     | enum | no       | Android | yes               |
+| MifareClassic  |  Mifare Classic is a popular NFC tag type produced by NXP Semiconductors (now renamed NXP), widely used in fields such as access control systems, bus cards, and payment applications | enum | no       | Android | yes               |
+| MifareUltralight  |  Mifare Ultralight is a low-cost NFC tag in the Mifare series, suitable for applications that require fast reading and writing but do not require high security.   | enum | no       | Android | yes               |
+| MifareIOS  |   NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed                   | enum | no       | iOS | no               |
+| iso15693  |   NFC A type Tag object, through which the iso15693 technology type Tag can be accessed                   | enum | no       | iOS | no               |
+| felica  |   NFC A type Tag object, through which the felica technology type Tag can be accessed                   | enum | no       | iOS | no               |
+| NdefFormatable  |  NdefFormatable represents an NFC tag that has not yet been formatted as NDEF   | enum | no       | Android | yes               |
+
+## 返回值
+**NdefStatus**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| NotSupported   | When NFC tags do not support NDEF format, this status will be returned   | enum  | NO | iOS/Android      | yes |
+| ReadWrite   | When NFC tags support NDEF format and allow read and write operations, this status will be returned    | enum  | NO | iOS/Android      | yes |
+| ReadOnly   | When NFC tags support NDEF format but only allow read operations, this status will be returned   | enum  | NO | iOS/Android      | yes |
+
+**TagEvent**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| ndefMessage   | Retrieve all records from NDEF messages   | NdefRecord[]  | NO | iOS/Android      | yes |
+| maxSize   | This attribute represents the maximum number of bytes that can be stored on an NFC tag  | number  | NO | iOS/Android      | yes |
+| type   | The 'type' attribute may be used to identify the type or format of NFC tags   | string  | NO | iOS/Android      | yes |
+| techTypes   | This is an array containing strings used to identify the technology types supported by NFC tags    | string[]  | NO | iOS/Android      | yes |
+| id   | The id attribute represents the unique identifier of the NFC tag | string  | NO | iOS/Android      | yes |
+
+**NdefRecord**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| id   | This is an optional byte array used as an identifier for NDEF records   | number[]  | NO | iOS/Android      | yes |
+| tnf   | TNF (Type Name Format) is an enumeration or type used to indicate the interpretation of the type field   | number  | NO | iOS/Android      | yes |
+| type   | This attribute can be a byte array (number []) or a string, depending on the value of the TNF field   | number[]  | NO | iOS/Android      | yes |
+| payload   | Payload is the actual data portion recorded by NDEF  | number[]  | NO | iOS/Android      | yes |
+
+## 遗留问题
+
+
+## 其他
+本库是一个为 React Native 开发者提供的 NFC（近场通信）管理库，它允许开发者在 React Native 应用中轻松集成 NFC 功能。这个库支持 iOS 、 Android 和HarmonyOS NEXT平台,使得开发者可以跨平台地实现 NFC 相关的功能，如读取和写入 NFC 标签、进行智能卡模拟等。因平台不同，iOS 、Android 和HarmonyOS NEXT在NFC（近场通信）技术中对标签和协议类型存在兼容性。本库的设计考虑到了Android 和HarmonyOS NEXT兼容性较高，核心功能在两个平台上都能实现，并且表现一致。该库提供了多种 NFC 技术的支持，包括但不限于 NDEF、NfcA、IsoDep 和 NfcV 等。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-nfc-manager/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-notifier.md b/en/react-native-notifier.md
new file mode 100644
index 00000000..789d66f4
--- /dev/null
+++ b/en/react-native-notifier.md
@@ -0,0 +1,226 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-notifier</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/seniv/react-native-notifier">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/seniv/react-native-notifier/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+>[!TIP] [Github 地址](https://github.com/seniv/react-native-notifier)
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-native-notifier@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-notifier@2.0.0
+```
+
+
+
+下面的代码展示了这个库的基本使用场景：
+
+
+```js
+import * as React from 'react';
+import { View, Text,SafeAreaView,TouchableOpacity } from "react-native";
+
+import {Notifier, NotifierWrapper  } from 'react-native-notifier';
+
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export const Notifier = () => {
+  return (
+ <>
+<SafeAreaView style={{ flex: 1 }}>
+ <GestureHandlerRootView style={{ flex: 1 }}>
+   <NotifierWrapper>
+     <TouchableOpacity  
+         style={{
+         alignItems: 'center',
+         borderRadius: 5,
+         marginHorizontal: 10,
+         backgroundColor: '#007BFF',
+         padding: 15,
+         marginTop: 10,
+         marginBottom:10
+         }}
+         onPress={() =>
+         Notifier.showNotification({
+         title: '基本测试',
+         description: '基本测试',
+        })
+    }>
+       <Text >onPress</Text>
+     </TouchableOpacity>
+   </NotifierWrapper>
+ </GestureHandlerRootView>
+</SafeAreaView>
+ </>
+)
+};
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+## 约束与限制
+### 兼容性
+
+本文档内容基于以下版本验证通过:
+
+1. RNOH: 0.72.28; SDK: HarmonyOS-NEXT-DB1 5.0.0.31; IDE: DevEco Studio 5.0.3.500; ROM: 3.0.0.25;
+
+## 属性
+
+详细请查看 [react-native-notifier 的文档介绍](https://github.com/seniv/react-native-notifier)
+
+Both `NotifierWrapper` and `NotifierRoot` receive the same props.
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| omitGlobalMethodsHookup  | If set to `true`, global `Notifier` methods will not control this component. It's useful in case you have more than one `NotifierWrapper` or `NotifierRoot` rendered. If enabled, the only way to display notifications is using refs. | Boolean  | yes | All      | No |
+| useRNScreensOverlay  | use `FullWindowOverlay` component from `react-native-screens` library. If `true`, Notifier will be rendered above NativeStackNavigation modals and RN Modal on iOS. This Option will work only if `react-native-screens` library is installed. iOS Only. | Boolean  | yes | iOS      | No |
+| rnScreensOverlayViewStyle  | Style that will be used for RN View that is inside of FullWindowOverlay. iOS Only. | ViewStyle  | yes | iOS      | No |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| showNotification  | Show notification with params. | Function  | yes | All      | yes |
+| hideNotification  |Hide notification and run callback function when notification completely hidden. | Function  | yes | All      | yes |
+| clearQueue  |Clear [notifications queue](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) and optionally hide currently displayed notification. Might be useful to run after logout, after which queued notifications should not be displayed.| Function  | yes | All      | yes |
+
+### `showNotification`
+```
+Notifier.showNotification(params: object);
+```
+
+`params`
+
+| Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| title  | Title of notification. Passed to Component. | String| Yes | All  |Yes  |
+| description |Description of notification. Passed to Component. | String | Yes | All    | Yes    |
+| duration |Time after notification will disappear. Set to 0 to not hide notification automatically  | Number | No |All    | Yes   
+| Component |Component of the notification body. You can use one of the [bin components](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components), or your [custom component](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-component).  | Component | No |All    | Yes   
+| componentProps | Additional props that are passed to Component. See all available props of built-in components in the [components section](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components).  | Object | No |All    | Yes   
+| containerStyle |tyles Object or a Function that will receive translateY: Animated.Value as first parameter and should return Styles that will be used in container. Using this parameter it is possible to create[ your own animations of the notification](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-animations).   | bool |No | All    | Yes   
+| containerProps | 	Props of Animated Container  | Object |No | All    | Yes  
+| queueMode | Determines the order in which notifications are shown. Read more in the [Queue Mode](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) section.  | String |No | All    | Yes  
+| swipeEnabled |Can notification be hidden by swiping it out | bool |No | All    | Yes  
+| animationDuration | How fast notification will appear/disappear | Number |No | All    | Yes  
+| showAnimationDuration | How fast notification will appear.   | Number |No | All    | Yes  
+| hideAnimationDuration	 | How fast notification will disappear.| Number |No | All    | Yes 
+| easing | Animation easing. Details:[easing](https://reactnative.dev/docs/easing)  | Easing |No | All    | Yes   
+| showEasing | Show Animation easing.| Easing |No | All    | Yes   
+| hideEasing |Hide Animation easing. | Easing |No | All    | Yes   
+| onShown | Function called when entering animation is finished | () => void |No | All    | Yes  
+| onStartHiding | Function called when notification started hiding | () => void |No | All    | Yes  
+| onHidden |Function called when notification completely hidden | () => void |No | All    | Yes  
+| onPress | Function called when user press on notification | () => void |No | All    | Yes  
+| hideOnPress | Should notification hide when user press on it| Boolean |No | All    | Yes  
+| swipePixelsToClose	 | How many pixels user should swipe-up notification to dismiss it | Number |No | All    | Yes  
+| swipeEasing	 | Animation easing after user finished swiping | Easing |No | All    | Yes  
+| swipeAnimationDuration	 | How fast should be animation after user finished swiping | Number |No | All    | Yes  
+| translucentStatusBar	 | Add additional top padding that equals to StatusBar.currentHeight. Android Only. | Number |No | Android    | No  
+
+### `hideNotification`
+```
+Notifier.hideNotification(onHiddenCallback?: (result: Animated.EndResult) => void);
+```
+
+### `clearQueue`
+```
+Notifier.clearQueue(hideDisplayedNotification?: boolean);
+```
+
+## Queue Mode
+
+Queue mode is used to define the order in which the notification appears in case other notifications are being displayed at the moment.
+
+For example, if you have some important information like chat messages and you want the user to see all the notifications, then you can use `standby` mode. Or if you want to display something like an error message, then you can use `reset` mode.
+
+By default, `reset` mode is used, which means every new notification clears the queue and gets displayed immediately.
+
+In most cases, you will probably use only `reset` or `standby` modes.
+
+All possible modes:
+| Mode                |   Effect                                          |                
+| ------------------- | ------------------------------------ | 
+| reset | Clear notification queue and immediately display the new notification. Used by default.
+| standby | Add notification to the end of the queue.
+| next | Put notification in the first place in the queue. Will be shown right after the current notification disappears.
+| immediate | Similar to next, but also it will hide currently displayed notification.
+
+## 静态方法
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### `NotifierComponents.Notifications`
+Currently, there are 2 components out of the box. If none of them fits your needs, then you can easily create your [Custom Component].
+
+| Name | Type | Default |  Description |  Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- |  -------- |  ---- |  -------- | 
+| title  | String | null  | Title of notification. | All | Yes
+| description  | String | null  | Description of notification. | All | Yes
+| componentProps.titleStyle  | TextStyle | null  | The style to use for rendering title. | All | Yes
+| componentProps.descriptionStyle  | TextStyle | null  |The style to use for rendering description. | All | Yes
+| componentProps.imageSource  | Object | null  | Passed to <Image /> as source param. | All | Yes
+| componentProps.imageStyle  | ImageStyle | null  | The style to use for rendering image. | All | Yes
+| componentProps.containerStyle  | ViewStyle | null  | The style to use for notification container. | All | Yes
+| componentProps.ContainerComponent  | Component | SafeAreaView  | A container of the component. Set it in case you use different SafeAreaView than the standard | All | Yes
+| componentProps.maxTitleLines  | number | null  | The maximum number of lines to use for rendering title. | All | Yes
+| componentProps.maxDescriptionLines  | number | null  | The maximum number of lines to use for rendering description. | All | Yes
+
+### `NotifierComponents.Alert`
+
+| Name | Type | Default |  Description | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- |  -------- | ---- |  -------- |
+| title  | String | null  | Title of notification. |  All | Yes
+| description  | String | null  | Description of notification. |  All | Yes
+| componentProps.titleStyle  | TextStyle | null  | The style to use for rendering title. |  All | Yes
+| componentProps.descriptionStyle  | TextStyle | null  |The style to use for rendering description. |  All | Yes
+|componentProps.alertType  | String | 'success'  |Background color will be changed depending on the type. Available values: error(red), success(green), warn(orange) and info(blue). |  All | Yes
+| componentProps.backgroundColor | String | null  | While the background of the alert depends on alertType, you can also set the other color you want. |  All | Yes
+| componentProps.textColor  | String | 'white'  | Color of title and description. |  All | Yes
+| componentProps.ContainerComponent  | Component | SafeAreaView  | A container of the component. Set it in case you use different SafeAreaView than the standard |  All | Yes
+| componentProps.maxTitleLines  | number | null  | The maximum number of lines to use for rendering title. |  All | Yes
+| componentProps.maxDescriptionLines  | number | null  | The maximum number of lines to use for rendering description. | All | Yes
+
+## 遗留问题
+
+- [ ] translucentStatusBar状态栏透明在HarmonyOS不支持,useRNScreensOverlay,rnScreensOverlayViewStyle两个属性依赖于react-native-screens，暂未适配harmonyOS  
+
+## 其他
+
+- omitGlobalMethodsHookup源库属性未生效 问题：[issues#102](https://github.com/seniv/react-native-notifier/issues/102) 
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/seniv/react-native-notifier/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-offline.md b/en/react-native-offline.md
new file mode 100644
index 00000000..54baa210
--- /dev/null
+++ b/en/react-native-offline.md
@@ -0,0 +1,163 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-offline</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/rgommezz/react-native-offline">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20window%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/rgommezz/react-native-offline/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/rgommezz/react-native-offline)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install  react-native-offline@6.0.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-offline@6.0.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, Button } from 'react-native';
+import { NetworkProvider, NetworkConsumer, useIsConnected, checkInternetConnection } from 'react-native-offline';
+
+interface Context {
+    pingUrl: string;
+}
+
+const DummyNetworkContext = React.createContext<Context>({
+    pingUrl: 'https://www.huawei.com/',
+});
+
+export const offlineDemoTest = () => {
+    const isConnected = useIsConnected();
+    const DEFAULT_TIMEOUT = 3000;
+    const DEFAULT_PING_SERVER_URL = 'https://www.huawei.com/';
+    const DEFAULT_HTTP_METHOD = 'HEAD';
+    const DEFAULT_CUSTOM_HEADERS = {};
+    return (
+        <View>
+            <View>
+                {isConnected ? 'isConnected:YES' : 'isConnected:NO'}
+            </View>
+            <View>
+                <DummyNetworkContext.Consumer>
+                    {({ pingUrl }) => (
+                        <NetworkProvider pingServerUrl={pingUrl}>
+                            <NetworkConsumer >
+                                {({ isConnected }) => (
+                                    <View>
+                                        {isConnected ? 'NetworkConsumer: YES' : 'NetworkConsumer :NO'}
+                                    </View>
+                                )}
+                            </NetworkConsumer>
+                        </NetworkProvider>
+                    )}
+                </DummyNetworkContext.Consumer>
+            </View>
+            <View>
+                <Button
+                    title='CheckInternetConnection'
+                    onPress={async () => {
+                        const isConnected = await checkInternetConnection(
+                            DEFAULT_PING_SERVER_URL,
+                            DEFAULT_TIMEOUT,
+                            true,
+                            DEFAULT_HTTP_METHOD,
+                            DEFAULT_CUSTOM_HEADERS)
+                        if (isConnected === true) {
+                            <View>
+                                CheckInternetConnection: yes
+                            </View>
+                        }
+                    }}
+                />
+            </View>
+        </View>
+    );
+};
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-community/netinfo 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-community/netinfo文档的 Link 章节](/zh-cn/react-native-community-netinfo.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                  | Type        | Required | Platform              | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ----------- | -------- | --------------------- | ----------------- |
+| children              | a React Element. This is the only required prop.             | React.Node  | yes      | Android、iOS、Windows | yes               |
+| pingTimeout           | amount of time (in ms) that the component should wait for the ping response. Defaults to 10000 ms. If you want to use a different value, it's recommended to use a higher one. | number      | no       | Android、iOS、Windows | yes               |
+| pingServerUrl         | remote server to ping to. Defaults to https://www.google.com/ since it's probably one the most stable servers out there, but you can provide your own if needed. Warning: www.google.com is a blocked domain in China, so if you need your app to be accessible from there, you MUST use another domain. | string      | no       | Android、iOS、Windows | yes               |
+| shouldPing            | flag that denotes whether the extra ping check will be performed or not. Defaults to true. | boolean     | no       | Android、iOS、Windows | yes               |
+| pingInterval          | the interval (in ms) you want to ping the server at. Defaults to 0, and that means it is not going to check connectivity regularly. If opted in, it's advised not to choose a very small value, because that may drain your battery. Choose wisely. Something around 30000 ms should be fine. | number      | no       | Android、iOS、Windows | yes               |
+| pingOnlyIfOffline     | when set to true and pingInterval > 0, it will ping the remote server regularly only if offline. Defaults to false. | boolean     | no       | Android、iOS、Windows | yes               |
+| pingInBackground      | whether or not to check connectivity when app isn't in the foreground. Defaults to false. | boolean     | no       | Android、iOS、Windows | yes               |
+| httpMethod            | http method used to ping the server. Supports HEAD or OPTIONS. Defaults to HEAD. | HTTPMethod  | no       | Android、iOS、Windows | yes               |
+| customHeaders         | optional custom headers to add for ping request.             | HTTPHeaders | no       | Android、iOS、Windows | yes               |
+| regexActionType       | regular expression to indicate the action types to be intercepted in offline mode. By default it's configured to intercept actions for fetching data following the Redux convention. That means that it will intercept actions with types such as FETCH_USER_ID_REQUEST, FETCH_PRODUCTS_REQUEST etc. | RegExp      | no       | Android、iOS、Windows | yes               |
+| actionTypes           | array with additional action types to intercept that don't fulfil the RegExp criteria. For instance, it's useful for actions that carry along refreshing data, such as REFRESH_LIST. | Arrays      | no       | Android、iOS、Windows | yes               |
+| queueReleaseThrottle  | waiting time in ms between dispatches when flushing the offline queue. Useful to reduce the server pressure when coming back online. Defaults to 50ms. | number      | no       | Android、iOS、Windows | yes               |
+| shouldDequeueSelector | function that receives the redux application state and returns a boolean. It'll be executed every time an action is dispatched, before it reaches the reducer. This is useful to control if the queue should be released when the connection is regained and there were actions queued up. Returning true (the default behaviour) releases the queue, whereas returning false prevents queue release. For example, you may wanna perform some authentication checks, prior to releasing the queue. Note, if the result of shouldDequeueSelector changes while the queue is being released, the queue will not halt. If you want to halt the queue while is being released, please see relevant FAQ section. | boolean     | no       | Android、iOS、Windows | yes               |
+| url                   | remote server to ping to. Defaults to https://www.google.com/ since it's probably one the most stable servers out there, but you can provide your own if needed. Warning: www.google.com is a blocked domain in China, so if you need your app to be accessible from there, you MUST use another domain. | string      | no       | Android、iOS、Windows | yes               |
+| method                | http method used to ping the server. Supports HEAD or OPTIONS. Defaults to HEAD. | HTTPMethod  | no       | Android、iOS、Windows | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description                                                  | Type | Required | Platform              | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | ---- | -------- | --------------------- | ----------------- |
+| NetworkProvider         | Provider component that injects the network state to children  components via React Context. Only children prop is required, the rest  are optional. It should be used on top of your components hierarchy, ideally  in (or close to) the entry point. | func | no       | Android、iOS、Windows | yes               |
+| NetworkConsumer         | React component that subscribes to connectivity changes. It requires a  function as a child. The function receives the current connectivity status  and returns a React node. This component should be rendered within a  NetworkProvider in order to work properly. | func | no       | Android、iOS、Windows | yes               |
+| useIsConnected          | Returns a boolean indicating whether you are connected to the network or not. | func | no       | Android、iOS、Windows | yes               |
+| ReduxNetworkProvider    | Uses a provider component mechanism. The same props as for `NetworkProvider` apply. Make sure your component is a descendant of the react-redux `<Provider>` component, so that `ReduxNetworkProvider` has access to the store. | func | no       | Android、iOS、Windows | yes               |
+| networkSaga             | Just fork this saga from your root saga. It accepts the same config options as NetworkProvider and ReduxNetworkProvider. Recommended if you are using redux-saga, since it's a very elegant way to deal with global connectivity changes, without having to wrap your components with extra functionality. | func | no       | Android、iOS、Windows | yes               |
+| createNetworkMiddleware | Function that returns a Redux middleware which listens to specific actions targeting API calls in online/offline mode. | func | no       | Android、iOS、Windows | yes               |
+| OfflineQueue            | A queue system to store actions that failed due to lack of connectivity. It works for both plain object actions and thunks. | func | no       | Android、iOS、Windows | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/rgommezz/react-native-offline/blob/master/LICENSE) ，请自由地享受和参与开源
diff --git a/en/react-native-ohos-community-auto-fill.md b/en/react-native-ohos-community-auto-fill.md
new file mode 100644
index 00000000..7d2c0588
--- /dev/null
+++ b/en/react-native-ohos-community-auto-fill.md
@@ -0,0 +1,276 @@
+<p align="center">
+  <h1 align="center"> <code>@react-native-ohos-community/auto-fill</code> </h1>
+</p>
+<p align="center">
+    <img src="https://img.shields.io/badge/platforms-%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    <a href="https://github.com/react-native-oh-library/auto-fill/blob/sig/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+auto-fill 基于 HarmonyOS [autoFillManager](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-app-ability-autofillmanager-V5) 模块，提供将表单输入数据保存到历史表单输入中，以供下次自动填充的功能，仅支持 ohos 平台。
+
+<video controls src="https://github.com/user-attachments/assets/19be83fb-2afb-4a31-9e7f-cba3848a5892" title="auto-fill-demo" width="180"></video>
+
+## 前提条件
+
+1. **申请接入智能填充服务** 。当前智能填充处于 Beta 阶段，您可通过发送邮件的方式进行申请接入。邮件模板可参考 [智能填充概述-申请接入智能填充服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/scenario-fusion-introduction-to-smart-fill-V5#section1167564853816)
+2. 设备智能填充开关必须处于打开状态，请前往“设置 > 隐私和安全 > 智能填充”打开。  
+3. 设备已连接互联网。
+4. 设备需要登录华为账号。
+5. 业务侧需要给 `TextInput` 组件传入 [`textContentType`](https://reactnative.cn/docs/textinput#textcontenttype) 属性。
+
+## 安装
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+- **npm**
+  ```bash
+  npm install @react-native-ohos-community/auto-fill@file:#
+  ```
+- **yarn**
+  ```bash
+  yarn add @react-native-ohos-community/auto-fill@file:#
+  ```
+
+## 使用说明
+
+### 基本用法
+
+```tsx
+import React, { useState } from 'react';
+import { View, TextInput, Button, StyleSheet } from 'react-native';
+import AutoFill from '@react-native-ohos-community/auto-fill';
+
+const MyFormComponent = () => {
+  const [fullName, setFullName] = useState('');
+  const [phoneNumber, setPhoneNumber] = useState('');
+
+  const handleSubmit = () => {
+    AutoFill.autoSave(
+      () => {
+        console.log('AutoFillTurboModule success in js is been called');
+      },
+      () => {
+        console.log('AutoFillTurboModule failed in js is been called');
+      }
+    );
+  };
+
+  return (
+    <View style={styles.container}>
+      <TextInput
+        style={styles.input}
+        placeholder="Full Name"
+        value={fullName}
+        onChangeText={setFullName}
+        autoCapitalize="words"
+        textContentType="name"
+      />
+      <TextInput
+        style={styles.input}
+        placeholder="Phone Number"
+        value={phoneNumber}
+        onChangeText={setPhoneNumber}
+        keyboardType="phone-pad"
+        textContentType="telephoneNumber"
+      />
+
+      <Button title="Submit" onPress={handleSubmit} />
+    </View>
+  );
+};
+
+export default MyFormComponent;
+```
+
+初次调用 `AutoFill.autoSave` 将弹出“保存至历史表单输入”半模态窗。
+
+- 点击 “保存信息” 按钮之后，智能填充开关会打开并将表单输入数据保存到历史表单输入中。
+- 点击 “忽略” 按钮后，该设备 24 小时之内不会再次询问。该设备累计忽略 5 次后，半模态中将显示“忽略后不再询问”勾选框，勾选之后点击“忽略”按钮，后续将不再询问。
+
+### 常见使用场景
+
+- 联系人信息填充: 适用于如购票信息、收货信息等联系人数据相关表单
+- 账号密码填充：适用于如登录界面相关表单
+- 页面跳转时表单自动填充
+- 示例代码可查看 [ContactsComponent.tsx](https://github.com/react-native-oh-library/auto-fill/blob/sig/tester/App.tsx)
+
+> 具体密码保存与填充规则请参考：[密码自动填充服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/passwordvault-V5)
+
+### ContentType 对应关系
+
+React-Native 侧 TextInput 组件接收的 [textContentType](https://reactnative.cn/docs/textinput#textcontenttype) 类型与 HarmonyOS 中 [ContentType](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-textinput-V5#contenttype12%E6%9E%9A%E4%B8%BE%E8%AF%B4%E6%98%8E) 类型映射关系如下，可供参考。
+
+```js
+// key 值为 RN 侧 textContentType 值,
+// value 值为 HarmonyOS 侧 ContentType 值
+{
+    "addressCity": CITY_ADDRESS,  // 市
+    "addressState": PROVINCE_ADDRESS, // 省
+    "countryName": COUNTRY_ADDRESS, // 国家
+    "creditCardNumber": BANK_CARD_NUMBER, // 银行卡号
+    "fullStreetAddress": FULL_STREET_ADDRESS, // 详细地址
+    "sublocality": DISTRICT_ADDRESS, // 区/县
+    "telephoneNumber": PHONE_NUMBER, // 手机号码
+    "username": USER_NAME, // 用户名
+    "password": PASSWORD, // 密码
+    "newPassword": NEW_PASSWORD, // 新密码
+    "houseNumber": HOUSE_NUMBER, // 门牌号
+    "districtAddress": DISTRICT_ADDRESS, // 区/县
+    "cityAddress": CITY_ADDRESS,    // 市
+    "provinceAddress": PROVINCE_ADDRESS,   // 省
+    "countryAddress": COUNTRY_ADDRESS, // 国家
+    "personFullName": PERSON_FULL_NAME, // 姓名
+    "personLastName": PERSON_LAST_NAME, // 姓氏
+    "personFirstName": PERSON_FIRST_NAME, // 名字
+    "phoneNumber": PHONE_NUMBER, // 手机号码
+    "phoneCountryCode": PHONE_COUNTRY_CODE, // 国家代码
+    "fullPhoneNumber": FULL_PHONE_NUMBER, // 包含国家代码的手机号码
+    "emailAddress": EMAIL_ADDRESS, // 邮箱地址
+    "bankCardNumber": BANK_CARD_NUMBER, // 银行卡号
+    "idCardNumber": ID_CARD_NUMBER, // 身份证号
+    "nickName": NICKNAME, // 昵称
+    "name": PERSON_FULL_NAME, // 姓名
+    "familyName": PERSON_LAST_NAME, // 姓氏
+    "givenName": PERSON_FIRST_NAME, // 名字
+    "detailInfoWithoutStreet": DETAIL_INFO_WITHOUT_STREET,// 无街道地址
+    "formatAddress": FORMAT_ADDRESS, // 标准地址
+}
+```
+
+### Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+#### 1. 在 harmony 工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  "overrides": {
+    "@rnoh/react-native-openharmony": "./react_native_openharmony"
+  }
+}
+```
+
+#### 2. 引入原生端代码
+
+目前有两种方法：
+
+（1）通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+
+（2）直接链接源码。
+
+方法 一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-ohos-community/auto-fill": "file:../../node_modules/@react-native-ohos-community/auto-fill/harmony/auto_fill.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法 二：直接链接源码
+
+如需使用直接链接源码，请参考[直接链接源码](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)说明
+
+#### 3. 配置 CMakeLists 和引入 AutoFillPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+...
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos-community/auto-fill/src/main/cpp" ./auto-fill)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC auto_fill)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
++ #include "AutoFillPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(
+    Package::Context ctx) {
+  return {
++       std::make_shared<AutoFillPackage>(ctx),
+  };
+}
+```
+
+#### 4. 在 ArkTs 侧引入 AutoFillPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { AutoFillPackage } from '@react-native-ohos-community/auto-fill/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new AutoFillPackage(ctx),
+  ];
+}
+```
+
+## 约束与限制
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases)
+
+
+## API 接口说明
+
+auto-fill 仅暴露一个 autoSave 接口，用于保存当前表单信息
+
+| API                              | 说明             |                       入参                       | 返回值 |
+| :------------------------------- | ---------------- | :----------------------------------------------: | :----: |
+| autoSave(onSuccess?, onFailure?) | 保存当前表单信息 | (onSuccess?: () => void, onFailure?: () => void) |  void  |
+
+> autoSave 方法在 native 侧限制 2s 内只能调用一次，多次调用将触发 onFailure 回调，并输出 `autoSave called too frequently, please wait for 2 seconds.`
+
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/react-native-oh-library/auto-fill/blob/sig/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-orientation-locker.md b/en/react-native-orientation-locker.md
new file mode 100644
index 00000000..95009e78
--- /dev/null
+++ b/en/react-native-orientation-locker.md
@@ -0,0 +1,362 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-orientation-locker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wonday/react-native-orientation-locker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wonday/react-native-orientation-locker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-orientation-locker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-orientation-locker@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-orientation-locker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import {
+  Alert,
+  Button,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native';
+import {useCallback, useEffect, useState} from 'react';
+import Orientation, {
+  OrientationLocker,
+  PORTRAIT,
+  LANDSCAPE,
+  useOrientationChange,
+  useDeviceOrientationChange,
+  useLockListener,
+} from 'react-native-orientation-locker';
+
+export function OrientationLockerExample() {
+  const [showVideo, setShowVideo] = useState(true);
+  const [orientation, setOrientation] = useState<string>();
+  const [isLock, setIsLock] = useState<boolean>(false);
+  const updateOrientation = (orientation: string) => {
+    console.info('---orientation-----22222', orientation);
+    setOrientation(orientation);
+  };
+
+  const updateDeviceOrientation = (orientation: string) => {
+    console.info('---updateDeviceOrientation-----1111111', orientation);
+    setOrientation(orientation);
+  };
+
+  const updateLock = (orientation: string) => {
+    console.info('---updateLock-----', orientation);
+  };
+
+  useEffect(() => {
+    // 开启方向变化的监听
+    getOrientationInt();
+  }, []);
+
+
+  //获取方向
+  const getOrientationInt = () => {
+    Orientation.getOrientation((orientation: string) => {
+      updateOrientation(orientation);
+      if (orientation) {
+        Alert.alert(`当前屏幕方向为${orientation}`);
+      } else {
+        Alert.alert('获取当前屏幕方向失败');
+      }
+    });
+  };
+
+  // 锁定方向为纵向（竖屏）
+  const setLockToPortrait = () => {
+    Orientation.lockToPortrait();
+  };
+  // 锁定方向为横向（横屏）
+  const setLockToLandscape = () => {
+    Orientation.lockToLandscape();
+  };
+  // 锁定方向为横向，并且是向左旋转的方向
+  const setLockToLandscapeLeft = () => {
+    Orientation.lockToLandscapeLeft();
+  };
+  // 锁定方向为横向，并且是向右旋转的方向
+  const setLockToLandscapeRight = () => {
+    Orientation.lockToLandscapeRight();
+  };
+  // 解除方向的锁定，允许自由旋转
+  const unlockAllOrientations = () => {
+    Orientation.unlockAllOrientations();
+  };
+
+  // 锁定上下的方向
+  const lockToPortraitUpsideDown = () => {
+    Orientation.lockToPortraitUpsideDown();
+  };
+
+  // 锁定除了上下的所有方向
+  const lockToAllOrientationsButUpsideDown = () => {
+    Orientation.lockToAllOrientationsButUpsideDown();
+  };
+  // 添加监听a
+  const addTisten = () => {
+    Orientation.addDeviceOrientationListener(updateDeviceOrientation);
+  };
+  // 取消监听
+  const cancelAddTisten = () => {
+    Orientation.removeDeviceOrientationListener(updateDeviceOrientation);
+  };
+
+  return (
+    <View style={styles.container}>
+      <Text>{`Current Orientation----: ${orientation}`}</Text>
+      <TouchableOpacity
+        onPress={lockToPortraitUpsideDown}
+        style={styles.button}>
+        <Text style={styles.instructions}>锁定上下的方向</Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        onPress={lockToAllOrientationsButUpsideDown}
+        style={styles.button}>
+        <Text style={styles.instructions}>锁定除了上下的所有方向</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={setLockToPortrait} style={styles.button}>
+        <Text style={styles.instructions}>锁定当前屏幕为竖屏</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={setLockToLandscape} style={styles.button}>
+        <Text style={styles.instructions}>锁定当前屏幕为横屏</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={setLockToLandscapeLeft} style={styles.button}>
+        <Text style={styles.instructions}>锁定当前屏幕为横屏,左旋转</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={setLockToLandscapeRight} style={styles.button}>
+        <Text style={styles.instructions}>锁定当前屏幕为横屏,右旋转</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={unlockAllOrientations} style={styles.button}>
+        <Text style={styles.instructions}>解锁当前屏幕旋转锁定</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={addTisten} style={styles.button}>
+        <Text style={styles.instructions}>添加监听</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={cancelAddTisten} style={styles.button}>
+        <Text style={styles.instructions}>取消监听</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+    marginTop: 20,
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#eeeeee',
+    marginBottom: 0,
+  },
+  buttonContainer: {
+    flex: 0,
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+  },
+  button: {
+    padding: 5,
+    margin: 5,
+    borderWidth: 1,
+    borderColor: 'white',
+    borderRadius: 3,
+    backgroundColor: 'grey',
+  },
+});
+
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+## 在工程根目录的 `oh-package.json5` 添加 `overrides`字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-orientation-locker":"file：../../node_modules/@react-native-oh-tpl/react-native-orientation-locker/harmony/orientation_locker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-orientation-locker":"file:../../node_modules/@react-native-oh-tpl/react-native-orientation-locker/harmony/orientation_locker"
+  }
+```
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 3.在 ArkTs 侧引入 RNOrientationLockerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNOrientationLockerPackage } from '@react-native-oh-tpl/react-native-orientation-locker/ts';
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNOrientationLockerPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| -------------- | ---------------------------------------- | ------ | ------------------------  | ---------------- | ----------------- |
+| lockToPortrait   |   Lock the orientation of the application to portrait (portrait)         |  function  | No       | IOS/Android | yes               |
+| lockToLandscape  |    Lock the orientation of the application to landscape (landscape)         | function | No       | IOS/Android | yes               |
+| lockToLandscapeLeft  | Lock the orientation of the app to landscape and rotated to the left         | function | No       | IOS/Android | yes               |
+| lockToLandscapeRight  | Lock the orientation of the app to landscape and rotated to the right         | function | No       | IOS/Android | yes               |
+| unlockAllOrientations  | Unlocks the orientation of the app, allowing the device to rotate freely          | function | No       | IOS/Android | yes               |
+| getOrientation  | Get the direction of the current device        | callback | No       | IOS/Android | yes               |
+| getDeviceOrientation  | Obtains the direction of the current device        | callback | No       | IOS/Android | yes               |
+
+## Events
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
+
+| Name   | Description                              | Type   | Required | Platform    | HarmonyOS Support |
+| -------------- | ---------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| addOrientationListener  | When UI orientation changed, callback function will be called. But if lockToXXX is called , callback function will be not called untill unlockAllOrientations. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN When lockToXXX/unlockAllOrientations, it will force resend UI orientation changed event.| callback | No       | IOS/Android | yes               |
+| addDeviceOrientationListener  | When device orientation changed, callback function will be called. When lockToXXX is called, callback function also can be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN | callback | No       | IOS/Android | yes               |
+| removeOrientationListener  |    | callback | No       | IOS/Android | yes               |
+| removeDeviceOrientationListener  |         | callback | No       | IOS/Android | yes               |
+| addLockListener  | When call lockToXXX/unlockAllOrientations, callback function will be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT UNKNOWN UNKNOWN means not be locked. | callback | No       | IOS/Android | yes               |
+| removeLockListener  |     | callback | No       | IOS/Android | yes              |
+| removeAllListeners  |       | callback | No       | IOS/Android | yes              |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-orientation-locker/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-orientation.md b/en/react-native-orientation.md
new file mode 100644
index 00000000..f90dbd47
--- /dev/null
+++ b/en/react-native-orientation.md
@@ -0,0 +1,313 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-orientation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/yamill/react-native-orientation">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-orientation/blob/sig/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+   
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-orientation)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-orientation@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-orientation@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import Orientation from 'react-native-orientation';
+import {Alert, StyleSheet, Text, TouchableOpacity, View} from 'react-native';
+import {useEffect, useState} from 'react';
+
+export default function OrientationDemo() {
+  const [orientation, setOrientation] = useState<string>();
+  const [SpecificOrientation, setSpecificOrientation] = useState<string>();
+  const updateOrientation = (orientation: string) => {
+    console.info('orientation', orientation);
+    setOrientation(orientation);
+  };
+  const UpdateSpecificOrientation = (SpecificOrientation: string) => {
+    console.info('SpecificOrientation', SpecificOrientation);
+    setSpecificOrientation(SpecificOrientation);
+  };
+  useEffect(() => {
+    // 开启方向变化的监听
+    Orientation.addOrientationListener(updateOrientation);
+    Orientation.addSpecificOrientationListener(UpdateSpecificOrientation);
+    return () => {
+     // 移除方向变化的监听
+      Orientation.removeOrientationListener(updateOrientation);
+      Orientation.removeSpecificOrientationListener(UpdateSpecificOrientation);
+    };
+  }, []);
+  // 获取方向
+  const getOrientationInt = () => {
+    Orientation.getOrientation((err: string, orientation: string) => {
+      if (orientation) {
+        Alert.alert(`当前屏幕方向为${orientation}`);
+      } else {
+        Alert.alert(err);
+      }
+    });
+  };
+  // 获取具体方向
+  const getSpecificOrientationInt = () => {
+    Orientation.getSpecificOrientation((err: string, orientation: string) => {
+      if (orientation) {
+        Alert.alert(`当前屏幕方向为${orientation}`);
+      } else {
+        Alert.alert(err);
+      }
+    });
+  };
+  // 锁定方向为纵向（竖屏）
+  const setLockToPortrait = () => {
+    Orientation.lockToPortrait();
+  };
+  // 锁定方向为横向（横屏）
+  const setLockToLandscape = () => {
+    Orientation.lockToLandscape();
+  };
+  // 锁定方向为横向，并且是向左旋转的方向
+  const setLockToLandscapeLeft = () => {
+    Orientation.lockToLandscapeLeft();
+  };
+  // 锁定方向为横向，并且是向右旋转的方向
+  const setLockToLandscapeRight = () => {
+    Orientation.lockToLandscapeRight();
+  };
+  // 解除方向的锁定，允许自由旋转
+  const unlockAllOrientations = () => {
+    Orientation.unlockAllOrientations();
+  };
+  return (
+    <View style={styles.container}>
+      <Text>{`Current Orientation: ${orientation}`}</Text>
+      <Text>{`Current SpecificOrientation: ${SpecificOrientation}`}</Text>
+      <TouchableOpacity onPress={getOrientationInt} style={styles.button}>
+        <Text style={styles.instructions}>获取当前屏幕的方向</Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        onPress={getSpecificOrientationInt}
+        style={styles.button}>
+        <Text style={styles.instructions}>获取当前屏幕具体的方向</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={setLockToPortrait} style={styles.button}>
+        <Text style={styles.instructions}>锁定当前屏幕为竖屏</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={setLockToLandscape} style={styles.button}>
+        <Text style={styles.instructions}>锁定当前屏幕为横屏</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={setLockToLandscapeLeft} style={styles.button}>
+        <Text style={styles.instructions}>锁定当前屏幕为横屏,左旋转</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={setLockToLandscapeRight} style={styles.button}>
+        <Text style={styles.instructions}>锁定当前屏幕为横屏,右旋转</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={unlockAllOrientations} style={styles.button}>
+        <Text style={styles.instructions}>解锁当前屏幕旋转锁定</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+    marginTop: 20,
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#eeeeee',
+    marginBottom: 0,
+  },
+  buttonContainer: {
+    flex: 0,
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+  },
+  button: {
+    padding: 5,
+    margin: 5,
+    borderWidth: 1,
+    borderColor: 'white',
+    borderRadius: 3,
+    backgroundColor: 'grey',
+  },
+});
+
+
+```
+## 使用 Codegen 
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）;
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/rnoh-orientation": "file:../../node_modules/@react-native-oh-tpl/react-native-orientation/harmony/rn_orientation.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 3.在 ArkTs 侧引入 RNOrientationPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNOrientationPackage } from '@react-native-oh-tpl/rnoh-orientation/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNOrientationPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
+
+| Name           | Description                              | Type   | Required | Platform    | HarmonyOS Support |
+| -------------- | ---------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| lockToPortrait  | Lock the orientation of the application to portrait (portrait)         | function | No       | IOS/Android | yes               |
+| lockToLandscape  | Lock the orientation of the application to landscape (landscape)         | function | No       | IOS/Android | yes               |
+| lockToLandscapeLeft  | Lock the orientation of the app to landscape and rotated to the left         | function | No       | IOS/Android | yes               |
+| lockToLandscapeRight  | Lock the orientation of the app to landscape and rotated to the right         | function | No       | IOS/Android | yes               |
+| unlockAllOrientations  | Unlocks the orientation of the app, allowing the device to rotate freely          | function | No       | IOS/Android | yes               |
+| getOrientation  | Get the direction of the current device        | callback | No       | IOS/Android | yes               |
+| getSpecificOrientation  | Obtains the direction of the current device        | callback | No       | IOS/Android | yes               |
+
+## Events
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
+
+| Name           | Description                              | Type   | Required | Platform    | HarmonyOS Support |
+| -------------- | ---------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| addOrientationListener  | Enable monitoring of screen orientation changes         | callback | No       | IOS/Android | yes               |
+| addSpecificOrientationListener  | Start to monitor the change of screen orientation | callback | No       | IOS/Android | yes               |
+| removeOrientationListener  | Remove Listen Screen Orientation Change    | callback | No       | IOS/Android | yes               |
+| removeSpecificOrientationListener  | Remove Monitor Screen Specific Orientation Change        | callback | No       | IOS/Android | yes               |
+## 其他
+
+## 开源协议
+
+本项目基于 [ISC License](https://github.com/react-native-oh-library/react-native-orientation/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-pager-view.md b/en/react-native-pager-view.md
new file mode 100644
index 00000000..5c99bcec
--- /dev/null
+++ b/en/react-native-pager-view.md
@@ -0,0 +1,249 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-pager-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/react-native-pager-view">
+         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+       <a href="https://github.com/callstack/react-native-pager-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-pager-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-pager-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-pager-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { StyleSheet, View, Text } from "react-native";
+import PagerView from "react-native-pager-view";
+
+const MyPager = () => {
+  return (
+    <PagerView style={styles.pagerView} initialPage={0}>
+      <View key="1">
+        <Text>First page</Text>
+      </View>
+      <View key="2">
+        <Text>Second page</Text>
+      </View>
+    </PagerView>
+  );
+};
+
+const styles = StyleSheet.create({
+  pagerView: {
+    flex: 1,
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-pager-view": "file:../../node_modules/@react-native-oh-tpl/react-native-pager-view/harmony/pager_view.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ViewPagerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-pager-view/src/main/cpp" ./pager_view)
+# RNOH_END: add_package_subdirectories
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_pager_view )
+# RNOH_END: link_packages
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "ViewPagerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ViewPagerPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ViewPagerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ViewPagerPackage } from '@react-native-oh-tpl/react-native-pager-view/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ViewPagerPackage(ctx)
+  ];
+}
+```
+
+
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases)
+
+## 属性
+
+> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                     | Description                                                                                                                                                                                                                                                         | Type                           | Required | Platform     | HarmonyOS Support          |
+| ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------ | -------- | ------------ | -------------------------- |
+| initialPage                              | Index of initial page that should be selected                                                                                                                                                                                                                       | number                         | 是       | ios，android | yes                        |
+| scrollEnabled                            | Should pager view scroll, when scroll enabled                                                                                                                                                                                                                       | bool                           | 是       | ios，android | yes                        |
+| onPageScroll                             | Executed when transitioning between pages (ether because the animation for the requested page has changed or when the user is swiping/dragging between pages)                                                                                                       | function                       | 否       | ios，android | yes                        |
+| onPageScrollStateChanged                 | Function called when the page scrolling state has changed                                                                                                                                                                                                           | function                       | 否       | ios，android | yes                        |
+| onPageSelected                           | This callback will be called once the ViewPager finishes navigating to the selected page                                                                                                                                                                            | function                       | 否       | ios，android | yes                        |
+| pageMargin                               | Blank space to be shown between pages                                                                                                                                                                                                                               | number （取值范围:0~屏幕宽度） | 否       | ios，android | 仅支持取 0-368（屏幕宽度） |
+| keyboardDismissMode                      | Determines whether the keyboard gets dismissed in response to a drag                                                                                                                                                                                                | one of 'none' ,'on-drag'       | 否       | ios,android  | yes                        |
+| orientation                              | Set horizontal or vertical scrolling orientation (it does not work dynamically)                                                                                                                                                                                     | one of horizontal vertical     | 否       | ios，android | yes                        |
+| overScrollMode                           | Used to override default value of overScroll mode. Can be auto, always or never. Defaults to auto                                                                                                                                                                   | one of auto, always ,never     | 否       | android      | yes                        |
+| offscreenPageLimit                       | Set the number of pages that should be retained to either side of the currently visible page(s). Pages beyond this limit will be recreated from the adapter when needed. Defaults to RecyclerView's caching strategy. The given value must either be larger than 0. | number                         | 否       | android      | no                         |
+| overdrag                                 | Allows for overscrolling after reaching the end or very beginning or pages. Defaults to false                                                                                                                                                                       | bool                           | 否       | ios          | yes                        |
+| layoutDirection                          | Specifies layout direction. Use ltr or rtl to set explicitly or locale to deduce from the default language script of a locale. Defaults to locale                                                                                                                   | string                         | 否       | android,ios  | yes                        |
+| setPage(index: number)                   | Function to scroll to a specific page in the PagerView. Invalid index is ignored.                                                                                                                                                                                   | function                       | 否       | android,ios  | yes                        |
+| setPageWithoutAnimation(index: number)   | Function to scroll to a specific page in the PagerView. Invalid index is ignored.                                                                                                                                                                                   | function                       | 否       | android,ios  | yes                        |
+| setScrollEnabled(scrollEnabled: boolean) | FA helper function to enable/disable scroll imperatively. The recommended way is using the scrollEnabled prop, however, there might be a case where a imperative solution is more useful (e.g. for not blocking an animation)                                       | function                       | 否       | android,ios  | yes                        |
+
+## 遗留问题
+
+- [ ] offscreenPageLimit 未实现 HarmonyOS 化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pager-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-paper.md b/en/react-native-paper.md
new file mode 100644
index 00000000..e433629c
--- /dev/null
+++ b/en/react-native-paper.md
@@ -0,0 +1,877 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-paper</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/react-native-paper">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/callstack/react-native-paper/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/callstack/react-native-paper)
+
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **yarn**
+
+```bash
+yarn add react-native-paper@^5.12.3
+```
+#### **npm**
+```bash
+npm install react-native-paper@^5.12.3
+```
+<!-- tabs:end -->
+
+**下面的代码展示了这个库的基本使用场景：**
+
+> [!WARNING] 使用时 import 的库名不变。
+
+paper使用需要安装react-native-safe-area-context来处理安全区域。另外还需要依赖react-native-vector-icons库，具体来说，MaterialCommunityIcons图标包需要包含在项目中，因为有些组件在内部使用它。
+
+1.将根组件包装在PaperProvider中。如果您有一个原始的 React Native 项目，最好将其添加到传递给 的组件中AppRegistry.registerComponent。这通常在index.js文件中
+
+```js
+import { PaperProvider } from 'react-native-paper';
+import App from '../App';
+
+export default function PaperExample() {
+    return (
+      <PaperProvider>
+        <App />
+      </PaperProvider>
+    );
+}
+AppRegistry.registerComponent(appName, () => PaperExample);
+```
+2.包装PaperProvider之后，我们需要将展示的组件传递到 Providers 中。在这一部分，我们使用ActivityIndicator作为示例展示
+```js
+export default function App() {
+  return (
+    <View style={{backgroundColor: 'black'}}>
+      <StatusBar barStyle="light-content" />
+      <SafeAreaView>
+        <NavigationContainer>
+          <PortalProvider>
+           <View id="__harmony::ready" />
+            <Page name="EXAMPLE: ActivityIndicatorDemo">
+              <ActivityIndicatorDemo/>
+            </Page>
+            ......
+          </PortalProvider>
+        </NavigationContainer>
+      </SafeAreaView>
+      </StatusBar>
+    </View>      
+  );
+}
+```
+3.活动指示器用于显示应用中某些活动的进度。它可以作为 React Native 附带的 ActivityIndi​​cator 的插件使用。
+```js
+import * as React from 'react';
+import { ActivityIndicator, MD2Colors } from 'react-native-paper';
+
+const ActivityIndicatorDemo = () => (
+  <ActivityIndicator animating={true} color={MD2Colors.red800} />
+);
+
+export default ActivityIndicatorDemo;
+```
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context和@react-native-oh-tpl/react-native-vector-icons的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+
+如未引入react-native-vector-icons请参照[@react-native-oh-tpl/react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)进行引入
+
+## 约束与限制
+### 兼容性
+
+在下述版本验证通过:
+RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 组件
+
+详情查看[Paper官方文档](https://callstack.github.io/react-native-paper/)
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| ActivityIndicator  | Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native | component  | No | iOS/Android      | yes |
+| Appbar  | A component to display action items in a bar. It can be placed at the top or bottom | component  | No | iOS/Android      | yes |
+| Avatar  | Avatars can be used to represent people in a graphical way | component  | No | iOS/Android      | yes |
+| Badge  | Badges are small status descriptors for UI elements | component  | No | iOS/Android      | yes |
+| Banner  | Banner displays a prominent message and related actions | component  | No | iOS/Android      | yes |
+| BottomNavigation  | BottomNavigation provides quick navigation between top-level views of an app with a bottom navigation bar | component  | No | iOS/Android      | yes |
+| Button  | A button is component that the user can press to trigger an action | component  | No | iOS/Android      | yes |
+| Card  | A card is a sheet of material that serves as an entry point to more detailed information | component  | No | iOS/Android      | yes |
+| Checkbox  | A card is a sheet of material that serves as an entry point to more detailed information | component  | No | iOS/Android      | yes |
+| Chip  | Chips are compact elements that can represent inputs, attributes, or actions. They can have an icon or avatar on the left, and a close button icon on the right | component  | No | iOS/Android      | yes |
+| DataTable  | Data tables allow displaying sets of data | component  | No | iOS/Android      | yes |
+| Dialog  | Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks | component  | No | iOS/Android      | yes |
+| Divider  | A divider is a thin, lightweight separator that groups content in lists and page layouts | component  | No | iOS/Android    | yes |
+| Drawer  | Collapsed component used to show an action item with an icon and optionally label in a navigation drawer | component  | No | iOS/Android    | yes |
+| FAB  | A floating action button represents the primary action on a screen. It appears in front of all screen content.  | component  | No | iOS/Android    | yes |
+| HelperText  | Helper text is used in conjuction with input elements to provide additional hints for the user  | component  | No | iOS/Android    | yes |
+| Icon  | An icon component which renders icon from vector library  | component  | No | iOS/Android    | yes |
+| IconButton  | An icon component which renders icon from vector library  | component  | No | iOS/Android    | yes |
+| List  | A component used to display an expandable list item  | component  | No | iOS/Android    | yes |
+| Menu  | Menus display a list of choices on temporary elevated surfaces. Their placement varies based on the element that opens them  | component  | No | iOS/Android    | yes |
+| Modal  | The Modal component is a simple way to present content above an enclosing view. To render the Modal above other components, you'll need to wrap it with the Portal component  | component  | No | iOS/Android    | yes |
+| Portal  | Portal allows rendering a component at a different place in the parent tree  | component  | No | iOS/Android    | yes |
+| ProgressBar  | Progress bar is an indicator used to present progress of some activity in the app.  | component  | No | iOS/Android    | yes |
+| RadioButton  | Radio buttons allow the selection a single option from a set.  | component  | No | iOS/Android    | yes |
+| Searchbar  | Searchbar is a simple input box where users can type search queries.  | component  | No | iOS/Android    | yes |
+| SegmentedButtons  | Segmented buttons can be used to select options, switch views or sort elements  | component  | No | iOS/Android    | yes |
+| Snackbar  | Snackbars provide brief feedback about an operation through a message rendered at the bottom of the container in which it's wrapped  | component  | No | iOS/Android    | yes |
+| Surface  | Surface is a basic container that can give depth to an element with elevation shadow  | component  | No | iOS/Android    | yes |
+| Surface  | Switch is a visual toggle between two mutually exclusive states — on and off.  | component  | No | iOS/Android    | yes |
+| Text  | Typography component showing styles complied with passed variant prop and supported by the type system.  | component  | No | iOS/Android    | yes |
+| TextInput  | A component to allow users to input text.  | component  | No | iOS/Android    | yes |
+| ToggleButton  | Toggle buttons can be used to group related options. To emphasize groups of related toggle buttons, a group should share a common container  | component  | No | iOS/Android    | yes |
+| Tooltip  | Tooltips display informative text when users hover over, focus on, or tap an element  | component  | No | iOS/Android    | yes |
+| TouchableRipple  | A wrapper for views that should respond to touches  | component  | No | iOS/Android    | yes |
+
+## 属性
+
+详情查看[Paper官方组件介绍文档](https://callstack.github.io/react-native-paper/docs/components/ActivityIndicator#animating)
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**ActivityIndicator**：Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  animating  |  Whether to show the indicator or hide it   | boolean | Yes      | All      | Yes               |
+| color  |  The color of the spinner   | string | Yes      | All      | Yes               |
+| size |  Size of the indicator   |      small \| large \| number     | No       | All      | Yes               |
+|  hidesWhenStopped  |    Whether the indicator should hide when not animating     |     boolean      | No       | All      | Yes               |
+
+**Appbar**：A component to display action items in a bar. It can be placed at the top or bottom
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children   |  Content of the Appbar   | React.ReactNode | Yes      | All      | Yes               |
+| mode   |  Mode of the Appbar.   | small \| medium \| large \| center-aligned | Yes      | All      | Yes               |
+| elevated  |  Whether Appbar background should have the elevation along with primary color pigment.   |     boolean      | No       | All      | Yes               |
+|  safeAreaInsets   |   Safe area insets for the Appbar     |     { bottom?: number; top?: number; left?: number; right?: number; }      | No       | All      | Yes               |
+
+**Appbar.Action**：A component used to display an action item in the appbar.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  color   |  Custom color for action icon   | string | Yes      | All      | Yes               |
+|  rippleColor   |  Color of the ripple effect   | ColorValue | Yes      | All      | Yes               |
+|  icon    |  Name of the icon to show   | IconSource | Yes      | All      | Yes               |
+|  size    | Optional icon size   | number | Yes      | All      | Yes               |
+|  disabled    | Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch.   | boolean | Yes      | All      | Yes               |
+|  accessibilityLabel    | Accessibility label for the button. This is read by the screen reader when the user taps the button   | string | Yes      | All      | Yes               |
+
+**Appbar.BackAction**：A component used to display a back button in the appbar.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  color   |  Custom color for action icon   | string | Yes      | All      | Yes               |
+|  size    | Optional icon size   | number | Yes      | All      | Yes               |
+|  disabled    | Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch.   | boolean | Yes      | All      | Yes               |
+|  accessibilityLabel    | Accessibility label for the button. This is read by the screen reader when the user taps the button   | string | Yes      | All      | Yes               |
+
+**Appbar.Content**：A component used to display a title and optional subtitle in an appbar
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  title (required)   |  Text or component for the title.  | React.ReactNode | Yes      | All      | Yes               |
+|  titleStyle    | Style for the title, if title is a string.   | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  titleRef    | Reference for the title.   | React.RefObject<TextRef> | Yes      | All      | Yes               |
+|  disabled    | If true, disable all interactions for this component.   | boolean | Yes      | All      | Yes               |
+|  color    | Custom color for the text   | string | Yes      | All      | Yes               |
+|  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach   | number | Yes      | All      | Yes               |
+
+**Appbar.Header**：A component to use as a header at the top of the screen. It can contain the screen title, controls such as navigation buttons, menu button etc.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  dark  |  Whether the background color is a dark color. A dark header will render light text and vice-versa  | boolean | Yes      | All      | Yes               |
+|  statusBarHeight    | Extra padding to add at the top of header to account for translucent status bar   | number | Yes      | All      | Yes               |
+|  children (required)    | Reference for the title.   | React.ReactNode | Yes      | All      | Yes               |
+|  disabled    | Content of the header   | boolean | Yes      | All      | Yes               |
+|  color    | Custom color for the text   | string | Yes      | All      | Yes               |
+|  mode     | Mode of the Appbar.   | small \| medium \| large \| center-aligned | Yes      | All      | Yes               |
+|  elevated      | Whether Appbar background should have the elevation along with primary color pigment   | boolean | Yes      | All      | Yes               |
+
+**Avatar.Icon**：Avatars can be used to represent people in a graphical way.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  icon (required)  | Icon to display for the Avatar.  | IconSource | Yes      | All      | Yes               |
+|  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
+|  color  | Custom color for the icon.  | string | Yes      | All      | Yes               |
+
+**Avatar.Image**：Avatars can be used to represent people in a graphical way.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  source (required)  | Image to display for the Avatar. It accepts a standard React Native Image source prop Or a function that returns an Image  | ImageSourcePropType  | Yes      | All      | Yes               |
+|  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
+
+**Avatar.Text**：Avatars can be used to represent people in a graphical way.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  label (required)  | Initials to show as the text in the Avatar.  | string  | Yes      | All      | Yes               |
+|  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
+|  color  | Custom color for the text.  | string | Yes      | All      | Yes               |
+|  labelStyle  | Style for the title.  | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach.  | number | Yes      | All      | Yes               |
+
+**Badge**：Badges are small status descriptors for UI elements
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  visible  | Whether the badge is visible  | boolean  | Yes      | All      | Yes               |
+|  children  | Content of the Badge  | string  \| number | Yes      | All      | Yes               |
+|  size  | Size of the Badge  |  number | Yes      | All      | Yes               |
+
+**Banner**：Banner displays a prominent message and related actions.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  visible  | Whether the badge is visible  | boolean  | Yes      | All      | Yes               |
+|  children  | Content of the Badge  |React.ReactNode | Yes      | All      | Yes               |
+|  icon  | Icon to display for the Banner. Can be an image.  |  IconSource | Yes      | All      | Yes               |
+|  actions  | Action items to shown in the banner |  Array< { label: string; } | Yes      | All      | Yes               |
+|  contentStyle  | Style of banner's inner content. Use this prop to apply custom width for wide layouts. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  elevation   | Changes Banner shadow and background on iOS and Android.|   Animated.Value | Yes      | All      | Yes               |
+|  maxFontSizeMultiplier   | Specifies the largest possible scale a text font can reach.|   number | Yes      | All      | Yes               |
+|  onShowAnimationFinished   | Optional callback that will be called after the opening animation finished running normally|   Animated.EndCallback | Yes      | All      | Yes               |
+|  onHideAnimationFinished   | Optional callback that will be called after the closing animation finished running normally|   Animated.EndCallback | Yes      | All      | Yes               |
+
+**BottomNavigation**：BottomNavigation provides quick navigation between top-level views of an app with a bottom navigation bar.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  shifting  | Whether the shifting style is used, the active tab icon shifts up to show the label and the inactive tabs won't have a label.  | boolean  | Yes      | All      | Yes               |
+|  labeled  | Whether to show labels in tabs. When false, only icons will be displayed.  |boolean | Yes      | All      | Yes               |
+|  compact  | Whether tabs should be spread across the entire width.  |  boolean | Yes      | All      | Yes               |
+|  navigationState (required)  | State for the bottom navigation. The state should contain the following properties|  { index: number; routes: Route[]; } | Yes      | All      | Yes               |
+|  onIndexChange (required)  | Callback which is called on tab change, receives the index of the new tab as argument|  (index: number) => void | Yes      | All      | Yes               |
+|  renderScene (required)  | Callback which returns a react element to render as the page for the tab |  (props: { route: Route; jumpTo: (key: string) => void; }) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  renderIcon  | Callback which returns a React Element to be used as tab icon. | (props: { route: Route; focused: boolean; color: string; }) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  renderLabel  | Callback which React Element to be used as tab label. | (props: { route: Route; focused: boolean; color: string; }) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  renderTouchable  | Callback which returns a React element to be used as the touchable for the tab item. | (props: TouchableProps<Route>) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  getAccessibilityLabel  | Get accessibility label for the tab button. | (props: { route: Route }) => string \| undefined \| null | Yes      | All      | Yes               |
+|  getBadge  | Get badge for the tab, uses route.badge by default. | (props: { route: Route }) => boolean \| number \| string \| undefined \| null | Yes      | All      | Yes               |
+|  getColor  | Get color for the tab, uses route.color by default. | (props: { route: Route }) => string \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
+|  getLabelText  | Get label text for the tab, uses route.title by default. Use renderLabel to replace label component. | (props: { route: Route }) => string \| undefined \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
+|  getLazy  | Get lazy for the current screen. Uses true by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
+|  getTestID  | Get the id to locate this tab button in tests, uses route.testID by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
+|  onTabPress  | Function to execute on tab press. It receives the route for the pressed tab, useful for things like scroll to top. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
+|  onTabLongPress  | Function to execute on tab long press. It receives the route for the pressed tab, useful for things like custom action when longed pressed. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
+|  activeColor  | Custom color for icon and label in the active tab. | string | Yes      | All      | Yes               |
+|  inactiveColor  | Custom color for icon and label in the inactive tab. | string | Yes      | All      | Yes               |
+|  sceneAnimationEnabled  | Whether animation is enabled for scenes transitions in shifting mode | boolean | Yes      | All      | Yes               |
+|  sceneAnimationType  | The scene animation effect. Specify 'shifting' for a different effect. By default, 'opacity' will be used. | opacity \| shifting | Yes      | All      | Yes               |
+|  sceneAnimationEasing  | The scene animation Easing. | EasingFunction \| undefined | Yes      | All      | Yes               |
+|  keyboardHidesNavigationBar  | Whether the bottom navigation bar is hidden when keyboard is shown | boolean | Yes      | All      | Yes               |
+|  safeAreaInsets  | Safe area insets for the tab bar | { top?: number; right?: number; bottom?: number; left?: number; } | Yes      | All      | Yes               |
+|  barStyle  | Style for the bottom navigation bar. You can pass a custom background color here | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. | number | Yes      | All      | Yes               |
+
+**Button**：A button is component that the user can press to trigger an action.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  mode  | Mode of the button. You can change the mode to adjust the styling to give it desired emphasis  | text \| outlined \| contained \| elevated \| contained-tonal | Yes      | All      | Yes               |
+|  mode  | Whether the color is a dark color. A dark button will render light text and vice-versa. Only applicable for  | boolean | Yes      | All      | Yes               |
+|  compact  | Use a compact look, useful for text buttons in a row.  | boolean | Yes      | All      | Yes               |
+|  buttonColor  | Custom button's background color. | string | Yes      | All      | Yes               |
+|  textColor  | Custom button's text color. | string | Yes      | All      | Yes               |
+|  rippleColor  | Color of the ripple effect. | ColorValue | Yes      | All      | Yes               |
+|  loading  | Whether to show a loading indicator. | boolean | Yes      | All      | Yes               |
+|  icon  | Icon to display for the Button. | IconSource | Yes      | All      | Yes               |
+|  disabled  | Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch | boolean | Yes      | All      | Yes               |
+|  children (required)  | Label text of the button. | React.ReactNode | Yes      | All      | Yes               |
+|  uppercase  | Make the label text uppercased. Note that this won't work if you pass React elements as children. | boolean | Yes      | All      | Yes               |
+|  background  | Type of background drawabale to display the feedback (Android). | PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  accessibilityLabel  | Accessibility label for the button. This is read by the screen reader when the user taps the button. | string | Yes      | All      | Yes               |
+|  accessibilityHint  | Accessibility hint for the button. This is read by the screen reader when the user taps the button. | string | Yes      | All      | Yes               |
+|  accessibilityRole  | Accessibility role for the button. The "button" role is set by default. | AccessibilityRole | Yes      | All      | Yes               |
+|  onPress  | Function to execute on press. | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onPressIn  | Function to execute as soon as the touchable element is pressed and invoked even before onPress. | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onPressOut  | Function to execute as soon as the touch is released even before onPress. | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onLongPress  | Function to execute on long press. | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  delayLongPress  | The number of milliseconds a user must touch the element before executing onLongPress. | number | Yes      | All      | Yes               |
+|  contentStyle  | Style of button's inner content. Use this prop to apply custom height and width and to set the icon on the right with flexDirection: 'row-reverse'. | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach. | number | Yes      | All      | Yes               |
+
+**Card**：A card is a sheet of material that serves as an entry point to more detailed information.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  mode  | Mode of the Card.  |  outlined \| contained \| elevated | Yes      | All      | Yes               |
+|  children (required)  | Content of the Card | React.ReactNode | Yes      | All      | Yes               |
+|  onLongPress  | Function to execute on long press. | () => void | Yes      | All      | Yes               |
+|  onPress  | Function to execute on press | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onPressIn  | Function to execute as soon as the touchable element is pressed and invoked even before onPress. | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onPressOut  | Function to execute as soon as the touch is released even before onPress. | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  delayLongPress  | The number of milliseconds a user must touch the element before executing onLongPress. | number | Yes      | All      | Yes               |
+|  disabled  | TIf true, disable all interactions for this component. | boolean | Yes      | All      | Yes               |
+|  elevation  | Changes Card shadow and background on iOS and Android. | Animated.Value | Yes      | All      | Yes               |
+|  contentStyle  | Style of card's inner content. | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  accessible  | Pass down accessible from card props to touchable | boolean | Yes      | All      | Yes               |
+
+**Checkbox**：Checkboxes allow the selection of multiple options from a set.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  status (required)  | Status of checkbox.  |  checked \| unchecked \| indeterminate | Yes      | All      | Yes               |
+|  disabled  | Whether checkbox is disabled.  |  boolean | Yes      | All      | Yes               |
+|  onPress  | Function to execute on press.  |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  uncheckedColor  | Custom color for unchecked checkbox.  |  string | Yes      | All      | Yes               |
+|  color  | Custom color for checkbox.  |  string | Yes      | All      | Yes               |
+
+**Chip**：Chips are compact elements that can represent inputs, attributes, or actions
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  mode  | Mode of the chip.  |  flat \| outlined  | Yes      | All      | Yes               |
+|  children (required)  | Text content of the Chip.  |  React.ReactNode | Yes      | All      | Yes               |
+|  icon  | Icon to display for the Chip. Both icon and avatar cannot be specified.  |  IconSource | Yes      | All      | Yes               |
+|  avatar  | Avatar to display for the Chip. Both icon and avatar cannot be specified.  |  React.ReactNode | Yes      | All      | Yes               |
+|  closeIcon  | Icon to display as the close button for the Chip. The icon appears only when the onClose prop is specified.  |  IconSource | Yes      | All      | Yes               |
+|  selected  | Whether chip is selected.  |  boolean | Yes      | All      | Yes               |
+|  selectedColor  | Whether to style the chip color as selected.  |  string | Yes      | All      | Yes               |
+|  showSelectedOverlay   | Whether to display overlay on selected chip  |  boolean | Yes      | All      | Yes               |
+|  showSelectedCheck   | Whether to display default check icon on selected chip.  |  boolean | Yes      | All      | Yes               |
+|  rippleColor   | Color of the ripple effect.  |  ColorValue | Yes      | All      | Yes               |
+|  disabled   | Whether the chip is disabled.  |  boolean | Yes      | All      | Yes               |
+|  background   | Type of background drawabale to display the feedback (Android).  |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  accessibilityLabel   | Accessibility label for the chip. This is read by the screen reader when the user taps the chip.  |  string | Yes      | All      | Yes               |
+|  closeIconAccessibilityLabel   | Accessibility label for the close icon. This is read by the screen reader when the user taps the close icon.  |  string | Yes      | All      | Yes               |
+|  onPress   | Function to execute on press.  |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onLongPress   | Function to execute on long press.  |   () => void | Yes      | All      | Yes               |
+|  onPressIn   | Function to execute as soon as the touchable element is pressed and invoked even before onPress.  |   (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onPressOut   | Function to execute as soon as the touch is released even before onPress.  |   (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onClose   | Function to execute on close button press. The close button appears only when this prop is specified.  |   () => void | Yes      | All      | Yes               |
+|  delayLongPress   | The number of milliseconds a user must touch the element before executing onLongPress.  |   number | Yes      | All      | Yes               |
+|  compact    | Sets smaller horizontal paddings 12dp around label, when there is only label.  |   boolean | Yes      | All      | Yes               |
+|  elevated     | Whether chip should have the elevation.  |   boolean | Yes      | All      | Yes               |
+|  textStyle     | Style of chip's text  |   StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  ellipsizeMode     | Ellipsize Mode for the children text  |   EllipsizeProp | Yes      | All      | Yes               |
+|  maxFontSizeMultiplier     | Specifies the largest possible scale a text font can reach.  |   number | Yes      | All      | Yes               |
+
+**DataTable**：Data tables allow displaying sets of data.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Content of the DataTable  |  React.ReactNode  | Yes      | All      | Yes               |
+
+**DataTable.Cell**：A component to show a single cell inside of a table.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Content of the DataTableCell.  |  React.ReactNode  | Yes      | All      | Yes               |
+|  numeric  | Align the text to the right. Generally monetary or number fields are aligned to right.  |  boolean  | Yes      | All      | Yes               |
+|  onPress  | Function to execute on press.  |  (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  textStyle  | Text content style of the DataTableCell.  |   StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach. |   number  | Yes      | All      | Yes               |
+
+**DataTable.Header**：A component to display title in table header.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Content of the DataTableHeader.  |  React.ReactNode  | Yes      | All      | Yes               |
+
+**DataTable.Pagination**：A component to show pagination for data table.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  page (required)  | The currently visible page (starting with 0).  | number  | Yes      | All      | Yes               |
+|  numberOfPages (required)  | The total number of pages.  | number  | Yes      | All      | Yes               |
+|  onPageChange (required)  | Function to execute on page change. | (page: number) => void  | Yes      | All      | Yes               |
+|  showFastPaginationControls  | Whether to show fast forward and fast rewind buttons in pagination. False by default. | boolean  | Yes      | All      | Yes               |
+|  paginationControlRippleColor  | Color of the pagination control ripple effect. | ColorValue  | Yes      | All      | Yes               |
+|  numberOfItemsPerPage  | The current number of rows per page. | number  | Yes      | All      | Yes               |
+|  numberOfItemsPerPageList  | Options for a number of rows per page to choose from. | Array<number>  | Yes      | All      | Yes               |
+|  onItemsPerPageChange  | The function to set the number of rows per page. | (numberOfItemsPerPage: number) => void  | Yes      | All      | Yes               |
+|  dropdownItemRippleColor  | Color of the dropdown item ripple effect. | ColorValue  | Yes      | All      | Yes               |
+|  selectPageDropdownRippleColor  | Color of the select page dropdown ripple effect. | ColorValue  | Yes      | All      | Yes               |
+|  selectPageDropdownLabel  | Label text for select page dropdown to display. | React.ReactNode  | Yes      | All      | Yes               |
+|  selectPageDropdownAccessibilityLabel  | AccessibilityLabel for selectPageDropdownLabel | string  | Yes      | All      | Yes               |
+|  label  | Label text to display which indicates current pagination. | React.ReactNode  | Yes      | All      | Yes               |
+|  accessibilityLabel  | AccessibilityLabel for label. | string  | Yes      | All      | Yes               |
+
+**DataTable.Row**：A component to show a single row inside of a table.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Content of the DataTableRow.  | React.ReactNode  | Yes      | All      | Yes               |
+|  onPress  | Function to execute on press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+
+**DataTable.Title**：A component to display title in table header.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Text content of the DataTableTitle.  | React.ReactNode  | Yes      | All      | Yes               |
+|  numeric  | Align the text to the right. Generally monetary or number fields are aligned to right.  | boolean  | Yes      | All      | Yes               |
+|  sortDirection  | Direction of sorting. An arrow indicating the direction is displayed when this is given.  | boolean  | Yes      | All      | Yes               |
+|  numberOfLines  | The number of lines to show.  | number  | Yes      | All      | Yes               |
+|  onPress  | Function to execute on press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  textStyle  | Text content style of the DataTableTitle.  | Type: StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach.  | maxFontSizeMultiplier  | Yes      | All      | Yes               |
+
+**Dialog**：Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  dismissable  | Determines whether clicking outside the dialog dismiss it.  | boolean  | Yes      | All      | Yes               |
+|  dismissableBackButton  | Determines whether clicking Android hardware back button dismiss dialog.  | boolean  | Yes      | All      | Yes               |
+|  onDismiss  | Callback that is called when the user dismisses the dialog.  | () => void  | Yes      | All      | Yes               |
+|  visible  | Determines Whether the dialog is visible.  | boolean  | Yes      | All      | Yes               |
+|  children (required)  | Content of the Dialog  | React.ReactNode  | Yes      | All      | Yes               |
+
+**Dialog.Actions**：A component to show a list of actions in a Dialog.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Content of the DialogActions.  | React.ReactNode  | Yes      | All      | Yes               |
+
+**Dialog.Content**：A component to show content in a Dialog.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Content of the DialogContent.  | React.ReactNode  | Yes      | All      | Yes               |
+
+**Dialog.Icon**：@supported Available in v5.x with theme version 3 A component to show an icon in a Dialog.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  color  | Custom color for action icon.  | IconSource  | Yes      | All      | Yes               |
+|  size  | Optional icon size.  | number  | Yes      | All      | Yes               |
+
+**Dialog.ScrollArea**：A component to show a scrollable content in a Dialog.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Content of the DialogScrollArea.  | React.ReactNode  | Yes      | All      | Yes               |
+
+**Dialog.Title**：A component to show a title in a Dialog.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Title text for the DialogTitle.  | React.ReactNode  | Yes      | All      | Yes               |
+
+**Divider**：A divider is a thin, lightweight separator that groups content in lists and page layouts.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  leftInset   | Whether divider has a left inset.  | boolean  | Yes      | All      | Yes               |
+|  horizontalInset    |Whether divider has a horizontal inset on both sides.  | boolean  | Yes      | All      | Yes               |
+|  bold     | Whether divider should be bolded.  | boolean  | Yes      | All      | Yes               |
+
+**Drawer.CollapsedItem**：Collapsed component used to show an action item with an icon and optionally label in a navigation drawer.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  label   | The label text of the item.  | string  | Yes      | All      | Yes               |
+|  badge   | Badge to show on the icon, can be true to show a dot, string or number to show text.  | string \| number \| boolean  | Yes      | All      | Yes               |
+|  disabled   | Whether the item is disabled.  | boolean  | Yes      | All      | Yes               |
+|  focusedIcon    | Icon to use as the focused destination icon, can be a string, an image source or a react component  | IconSource  | Yes      | All      | Yes               |
+|  unfocusedIcon     | Icon to use as the unfocused destination icon, can be a string, an image source or a react component  | IconSource  | Yes      | All      | Yes               |
+|  active     | Whether to highlight the drawer item as active.  | boolean  | Yes      | All      | Yes               |
+|  onPress     | Function to execute on press.  |  (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier     | Specifies the largest possible scale a label font can reach.  |  number  | Yes      | All      | Yes               |
+|  accessibilityLabel     | Accessibility label for the button. This is read by the screen reader when the user taps the button.  |  string  | Yes      | All      | Yes               |
+
+**Drawer.Item**：A component used to show an action item with an icon and a label in a navigation drawer.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  label   | The label text of the item.  | string  | Yes      | All      | Yes               |
+|  icon   | Icon to display for the DrawerItem.  | IconSource  | Yes      | All      | Yes               |
+|  active   | Whether to highlight the drawer item as active.  | boolean  | Yes      | All      | Yes               |
+|  disabled   | Whether the item is disabled.  | boolean  | Yes      | All      | Yes               |
+|  onPress   | Function to execute on press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  background   | Type of background drawabale to display the feedback (Android).  | PressableAndroidRippleConfig  | Yes      | All      | Yes               |
+|  accessibilityLabel   | Accessibility label for the button. This is read by the screen reader when the user taps the button.  | string  | Yes      | All      | Yes               |
+|  right   | Callback which returns a React element to display on the right side. For instance a Badge.  |  (props: { color: string }) => React.ReactNode  | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier   | Specifies the largest possible scale a label font can reach.  |  number  | Yes      | All      | Yes               |
+|  rippleColor   | Color of the ripple effect.  |  ColorValue  | Yes      | All      | Yes               |
+
+**Drawer.Section**：A component to group content inside a navigation drawer.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  title   | Title to show as the header for the section.  | string  | Yes      | All      | Yes               |
+|  children (required)   | Content of the Drawer.Section.  | React.ReactNode  | Yes      | All      | Yes               |
+|  showDivider  | Whether to show Divider at the end of the section. True by default.  | boolean  | Yes      | All      | Yes               |
+|  titleMaxFontSizeMultiplier  | Specifies the largest possible scale a title font can reach. True by default.  | number  | Yes      | All      | Yes               |
+
+**AnimatedFAB**：An animated, extending horizontally floating action button represents the primary action in an application.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  icon (required)   | Icon to display for the FAB.  | IconSource  | Yes      | All      | Yes               |
+|  label (required)   | Label for extended FAB.  | string  | Yes      | All      | Yes               |
+|  uppercase   | Make the label text uppercased.  | boolean  | Yes      | All      | Yes               |
+|  background   | Type of background drawabale to display the feedback (Android).  | PressableAndroidRippleConfig  | Yes      | All      | Yes               |
+|  accessibilityLabel   | Accessibility label for the FAB. This is read by the screen reader when the user taps the FAB.  | string  | Yes      | All      | Yes               |
+|  accessibilityState   | Accessibility state for the FAB. This is read by the screen reader when the user taps the FAB.  | AccessibilityState  | Yes      | All      | Yes               |
+|  color   | Custom color for the icon and label of the FAB.  | string  | Yes      | All      | Yes               |
+|  rippleColor   | Color of the ripple effect.  | ColorValue  | Yes      | All      | Yes               |
+|  disabled   | Whether FAB is disabled. A disabled button is greyed out and onPress is not called on touch.  | boolean  | Yes      | All      | Yes               |
+|  visible   | Whether FAB is currently visible.  | boolean  | Yes      | All      | Yes               |
+|  onPress   | Function to execute on press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  onLongPress   | Function to execute on long press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  delayLongPress   | The number of milliseconds a user must touch the element before executing onLongPress  | number  | Yes      | All      | Yes               |
+|  iconMode   | Whether icon should be translated to the end of extended FAB or be static and stay in the same place. The default value is dynamic.  | static\| dynamic  | Yes      | All      | Yes               |
+|  animateFrom   | Indicates from which direction animation should be performed. The default value is right.  | left\| right  | Yes      | All      | Yes               |
+|  extended   | Whether FAB should start animation to extend.  | boolean  | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier   | Specifies the largest possible scale a label font can reach.  | number  | Yes      | All      | Yes               |
+|  variant    | Color mappings variant for combinations of container and icon colors.  | primary\| secondary \| tertiary \| surface | Yes      | All      | Yes               |
+
+**FAB.Group**：A component to display a stack of FABs with related actions in a speed dial.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  icon (required)   | Icon to display for the FAB.  | IconSource  | Yes      | All      | Yes               |
+|  accessibilityLabel   | Accessibility label for the FAB. This is read by the screen reader when the user taps the FAB.  | string  | Yes      | All      | Yes               |
+|  color   | Custom color for the FAB  | string  | Yes      | All      | Yes               |
+|  backdropColor   | Custom backdrop color for opened speed dial background.  | string  | Yes      | All      | Yes               |
+|  rippleColor   | Color of the ripple effect.  | ColorValue  | Yes      | All      | Yes               |
+|  onPress   | Function to execute on pressing the FAB.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  onLongPress   | Function to execute on long pressing the FAB.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  toggleStackOnLongPress   | Makes actions stack appear on long press instead of on press.  | boolean  | Yes      | All      | Yes               |
+|  delayLongPress   | Changes the delay for long press reaction.  | number  | Yes      | All      | Yes               |
+|  enableLongPressWhenStackOpened   | Allows for onLongPress when stack is opened.  | boolean  | Yes      | All      | Yes               |
+|  open (required)   | Whether the speed dial is open.  | boolean  | Yes      | All      | Yes               |
+|  onStateChange (required)   | Callback which is called on opening and closing the speed dial. The open state needs to be updated when it's called, otherwise the change is dropped.  | (state: { open: boolean }) => void  | Yes      | All      | Yes               |
+|  visible (required)   | Whether FAB is currently visible.  | boolean  | Yes      | All      | Yes               |
+
+**HelperText**：Helper text is used in conjuction with input elements to provide additional hints for the user.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  type   | Type of the helper text.  | error\| info | Yes      | All      | Yes               |
+|  children (required)   | Text content of the HelperText.  | React.ReactNode | Yes      | All      | Yes               |
+|  visible   | Whether to display the helper text.  | boolean | Yes      | All      | Yes               |
+|  padding   | Whether to apply padding to the helper text.  | none\| normal | Yes      | All      | Yes               |
+|  disabled   | Whether the text input tied with helper text is disabled.  | boolean | Yes      | All      | Yes               |
+
+**Icon**：An icon component which renders icon from vector library.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  size    | Size of icon.  | number | Yes      | All      | Yes               |
+|  source (required)    | Icon to display.  | any | Yes      | All      | Yes               |
+|  color    | Color of the icon.  | any | Yes      | All      | Yes               |
+
+**IconButton**：An icon button is a button which displays only an icon without a label.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  icon (required)    | Icon to display.  | IconSource | Yes      | All      | Yes               |
+|  mode     | Mode of the icon button. By default there is no specified mode - only pressable icon will be rendered.  | outlined \| contained \| contained-tonal  | Yes      | All      | Yes               |
+|  iconColor      | Color of the icon.  | string | contained-tonal  | Yes      | All      | Yes               |
+|  containerColor      | Background color of the icon container.  | string | contained-tonal  | Yes      | All      | Yes               |
+|  rippleColor      | Color of the ripple effect.  | ColorValue | contained-tonal  | Yes      | All      | Yes               |
+|  selected       | Whether icon button is selected. A selected button receives alternative combination of icon and container colors.  | boolean | contained-tonal  | Yes      | All      | Yes               |
+|  size       | Size of the icon.  | number | contained-tonal  | Yes      | All      | Yes               |
+|  disabled       | Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch.  | boolean | contained-tonal  | Yes      | All      | Yes               |
+|  animated       | Whether an icon change is animated.  | boolean | contained-tonal  | Yes      | All      | Yes               |
+|  accessibilityLabel       | Accessibility label for the button. This is read by the screen reader when the user taps the button.  | string | contained-tonal  | Yes      | All      | Yes               |
+|  onPress       | Function to execute on press. | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  loading       | Whether to show a loading indicator. | boolean  | Yes      | All      | Yes               |
+
+**List.Accordion**：A component used to display an expandable list item.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  title (required)    | Title text for the list accordion.  | React.ReactNode | Yes      | All      | Yes               |
+|  description    | Description text for the list accordion.  | React.ReactNode | Yes      | All      | Yes               |
+|  left    | Callback which returns a React element to display on the left side.  | (props: { color: string; style: Style }) => React.ReactNode | Yes      | All      | Yes               |
+|  right    | Callback which returns a React element to display on the right side.  | (props: { isExpanded: boolean }) => React.ReactNode | Yes      | All      | Yes               |
+|  expanded    | Whether the accordion is expanded If this prop is provided, the accordion will behave as a "controlled component".  | boolean | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press.  | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onLongPress    | Function to execute on long press.  | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  delayLongPress    | The number of milliseconds a user must touch the element before executing onLongPress.  | number | Yes      | All      | Yes               |
+|  children (required)    | Content of the section.  | React.ReactNode | Yes      | All      | Yes               |
+|  background    | Type of background drawabale to display the feedback (Android). | PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  style    | Style that is passed to the wrapping TouchableRipple element. | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  titleStyle    | Style that is passed to Title element. | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  descriptionStyle    | Style that is passed to Description element. | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  rippleColor    | Color of the ripple effect. | ColorValue | Yes      | All      | Yes               |
+|  titleNumberOfLines    | Truncate Title text such that the total number of lines does not exceed this number. | number | Yes      | All      | Yes               |
+|  descriptionNumberOfLines    | Truncate Description text such that the total number of lines does not exceed this number. | number | Yes      | All      | Yes               |
+|  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a description font can reach. | number | Yes      | All      | Yes               |
+|  id    | Id is used for distinguishing specific accordion when using List. | string \| number | Yes      | All      | Yes               |
+|  testID    | TestID used for testing purposes | string | Yes      | All      | Yes               |
+|  accessibilityLabel    | Accessibility label for the TouchableRipple. This is read by the screen reader when the user taps the touchable. | string | Yes      | All      | Yes               |
+|  pointerEvents    | pointerEvents passed to the View container | ViewProps['pointerEvents'] | Yes      | All      | Yes               |
+
+**List.AccordionGroup**：List.AccordionGroup allows to control a group of List Accordions.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  onAccordionPress    | Function to execute on selection change. | (expandedId: string | number) => void | Yes      | All      | Yes               |
+|  expandedId    | Id of the currently expanded list accordion | string \| number | Yes      | All      | Yes               |
+|  children (required)    | React elements containing list accordions | React.ReactNode | Yes      | All      | Yes               |
+
+**List.Icon**：List.AccordionGroup allows to control a group of List Accordions.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  icon (required)    | Icon to show. | IconSource | Yes      | All      | Yes               |
+|  color    | Color for the icon. | string | Yes      | All      | Yes               |
+
+**ListItem**：A component to show tiles inside a List.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  title (required)    | Title text for the list item. |  React.ReactNode | Yes      | All      | Yes               |
+|  description    | Description text for the list item or callback which returns a React element to display the description. | React.ReactNode | Yes      | All      | Yes               |
+|  left    | Callback which returns a React element to display on the left side. | (props: { color: string; style: Style }) => React.ReactNode | Yes      | All      | Yes               |
+|  right    | Callback which returns a React element to display on the right side. | (props: { color: string; style?: Style }) => React.ReactNode | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  style    | Style that is passed to the wrapping TouchableRipple element. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  contentStyle    | Style that is passed to the container wrapping title and descripton. |   StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  titleStyle    | Style that is passed to Title element. |   StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  descriptionStyle    | Style that is passed to Description element. |   StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  titleNumberOfLines    | Truncate Title text such that the total number of lines does not exceed this number. |   number | Yes      | All      | Yes               |
+|  descriptionNumberOfLines    | Truncate Description text such that the total number of lines does not exceed this number. |   number | Yes      | All      | Yes               |
+|  titleEllipsizeMode    | Ellipsize Mode for the Title. One of 'head', 'middle', 'tail', 'clip'. |   EllipsizeProp | Yes      | All      | Yes               |
+|  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach. |   number | Yes      | All      | Yes               |
+|  descriptionMaxFontSizeMultiplier    | Specifies the largest possible scale a description font can reach. |   number | Yes      | All      | Yes               |
+|  testID    | TestID used for testing purposes |   string | Yes      | All      | Yes               |
+
+**List.Section**：A component used to group list items.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  title    | Title text for the section. |  string | Yes      | All      | Yes               |
+|  children (required)    | Content of the section. |  React.ReactNode | Yes      | All      | Yes               |
+|  titleStyle    | Style that is passed to Title element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+
+**List.Subheader**：A component used to display a header in lists.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  style    | Style that is passed to Text element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  maxFontSizeMultiplier    | Specifies the largest possible scale a text font can reach. |  number | Yes      | All      | Yes               |
+
+**Menu**：Menus display a list of choices on temporary elevated surfaces.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  visible (required)    | Whether the Menu is currently visible. |  boolean | Yes      | All      | Yes               |
+|  anchor (required)    | The anchor to open the menu from. In most cases, it will be a button that opens the menu. |  React.ReactNode | { x: number; y: number } | Yes      | All      | Yes               |
+|  anchorPosition    | Whether the menu should open at the top of the anchor or at its bottom. | top \| bottom | Yes      | All      | Yes               |
+|  statusBarHeight    | Extra margin to add at the top of the menu to account for translucent status bar on Android. If you are using Expo, we assume translucent status bar and set a height for status bar automatically. | number | Yes      | All      | Yes               |
+|  onDismiss    | Callback called when Menu is dismissed.  |  () => void | Yes      | All      | Yes               |
+|  overlayAccessibilityLabel    | Accessibility label for the overlay. This is read by the screen reader when the user taps outside the menu.  |  string | Yes      | All      | Yes               |
+|  children (required)    | Content of the Menu  |  React.ReactNode | Yes      | All      | Yes               |
+|  contentStyle    | Style of menu's inner content.  |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  keyboardShouldPersistTaps    | Inner ScrollView prop  | crollViewProps['keyboardShouldPersistTaps'] | Yes      | All      | Yes               |
+
+**Menu.Item**：A component to show a single list item inside a Menu.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  title (required)    | Title text for the MenuItem. |  React.ReactNode | Yes      | All      | Yes               |
+|  leadingIcon    | Leading icon to display for the MenuItem. |  IconSource | Yes      | All      | Yes               |
+|  disabled    | Whether the 'item' is disabled. A disabled 'item' is greyed out and onPress is not called on touch. |  boolean | Yes      | All      | Yes               |
+|  background    | Type of background drawabale to display the feedback (Android). |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach. |  number | Yes      | All      | Yes               |
+|  testID    | TestID used for testing purposes|  string | Yes      | All      | Yes               |
+|  accessibilityLabel    | Accessibility label for the Touchable. |  string | Yes      | All      | Yes               |
+|  accessibilityState    | Accessibility state for the Touchable.  |  accessibilityState | Yes      | All      | Yes               |
+
+**Modal**：The Modal component is a simple way to present content above an enclosing view. 
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  dismissable    | Determines whether clicking outside the modal dismiss it. |  boolean | Yes      | All      | Yes               |
+|  dismissableBackButton    | Determines whether clicking Android hardware back button dismiss dialog. |  boolean | Yes      | All      | Yes               |
+|  onDismiss    | Callback that is called when the user dismisses the modal.|  () => void | Yes      | All      | Yes               |
+|  overlayAccessibilityLabel    | Callback that is called when the user dismisses the modal.|  () => void | Yes      | All      | Yes               |
+|  visible    | Determines Whether the modal is visible. |  boolean | Yes      | All      | Yes               |
+|  children (required)    | Content of the Modal. |  React.ReactNode | Yes      | All      | Yes               |
+|  contentContainerStyle    | Style for the content of the modal |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  testID    | testID to be used on tests. |  string | Yes      | All      | Yes               |
+
+**ProgressBar**：Progress bar is an indicator used to present progress of some activity in the app.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  progress    | Progress value (between 0 and 1). Note: It should not be used in parallel with the animatedValue prop. |  number | Yes      | All      | Yes               |
+|  color    | Color of the progress bar. The background color will be calculated based on this but you can change it by passing backgroundColor to style prop. |  string | Yes      | All      | Yes               |
+|  indeterminate    | If the progress bar will show indeterminate progress. |  boolean | Yes      | All      | Yes               |
+|  visible    | Whether to show the ProgressBar (true, the default) or hide it (false). |  boolean | Yes      | All      | Yes               |
+|  fillStyle    | Style of filled part of the ProgresBar. |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  testID    | testID to be used on tests. |  string | Yes      | All      | Yes               |
+
+**RadioButton**：Radio buttons allow the selection a single option from a set.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  value (required)    | Value of the radio button |  string | Yes      | All      | Yes               |
+|  status    | Status of radio button. |  checked \| unchecked | Yes      | All      | Yes               |
+|  disabled    | Whether radio is disabled. |  boolean | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  uncheckedColor    | Custom color for unchecked radio. |  string | Yes      | All      | Yes               |
+|  color    | Custom color for radio. |  string | Yes      | All      | Yes               |
+
+
+**Searchbar**：Searchbar is a simple input box where users can type search queries.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  placeholder    | Hint text shown when the input is empty. |  string | Yes      | All      | Yes               |
+|  value (required)    | The value of the text input. |  string | Yes      | All      | Yes               |
+|  onChangeText    | Callback that is called when the text input's text changes. |  (query: string) => void | Yes      | All      | Yes               |
+|  icon    | Icon name for the left icon button (see onIconPress). |  (query: string) => void | Yes      | All      | Yes               |
+|  onChangeText    | Callback that is called when the text input's text changes. |  IconSource | Yes      | All      | Yes               |
+|  iconColor    | Custom color for icon, default will be derived from theme |  string | Yes      | All      | Yes               |
+|  rippleColor    | Color of the ripple effect. |  ColorValue | Yes      | All      | Yes               |
+|  onIconPress    | Callback to execute if we want the left icon to act as button. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  onClearIconPress    | Callback to execute if we want to add custom behaviour to close icon button. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  searchAccessibilityLabel    | Accessibility label for the button. This is read by the screen reader when the user taps the button. |  string | Yes      | All      | Yes               |
+|  clearIcon    | Custom icon for clear button, default will be icon close. |  IconSource | Yes      | All      | Yes               |
+|  clearAccessibilityLabel    | Accessibility label for the button. This is read by the screen reader when the user taps the button. |  string | Yes      | All      | Yes               |
+|  traileringIcon    | Icon name for the right trailering icon button.  |  IconSource | Yes      | All      | Yes               |
+|  traileringIconColor    | Custom color for the right trailering icon, default will be derived from theme  |  string | Yes      | All      | Yes               |
+|  traileringRippleColor    | Color of the trailering icon ripple effect.  |  ColorValue | Yes      | All      | Yes               |
+|  onTraileringIconPress    | Callback to execute on the right trailering icon button press.  |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  traileringIconAccessibilityLabel    | Accessibility label for the right trailering icon button. This is read by the screen reader when the user taps the button.  |  string | Yes      | All      | Yes               |
+|  right     | Callback which returns a React element to display on the right side. Works only when mode is set to "bar".  |   (props: { color: string; style: Style; testID: string; }) => React.ReactNode | Yes      | All      | Yes               |
+|  showDivider    | Whether to show Divider at the bottom of the search. Works only when mode is set to "view". True by default. |  boolean | Yes      | All      | Yes               |
+|  inputStyle    | Set style of the TextInput component inside the searchbar | StyleProp<TextStyle> | Yes      | All      | Yes               |
+
+**SegmentedButtons**：Segmented buttons can be used to select options, switch views or sort elements.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  buttons (required)    | Buttons to display as options in toggle button. Button should contain the following properties: |  { value: string; icon?: IconSource; disabled?: boolean; accessibilityLabel?: string; checkedColor?: string; uncheckedColor?: string; onPress?: (event: GestureResponderEvent) => void; label?: string; showSelectedCheck?: boolean; style?: StyleProp<ViewStyle>; labelStyle?: StyleProp<TextStyle>; testID?: string; }[] | Yes      | All      | Yes               |
+|  density    | Density is applied to the height, to allow usage in denser UIs |  regular | Yes      | All      | Yes               |
+
+**Snackbar**：Snackbars provide brief feedback about an operation through a message rendered at the bottom of the container in which it's wrapped.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  visible (required)    | Whether the Snackbar is currently visible. |  boolean | Yes      | All      | Yes               |
+|  action    | Label and press callback for the action button. It should contain the following properties: |  $RemoveChildren<typeof Button> & { label: string; } | Yes      | All      | Yes               |
+|  icon    | Icon to display when onIconPress is defined. Default will be close icon. | IconSource | Yes      | All      | Yes               |
+|  rippleColor    | Color of the ripple effect. | ColorValue | Yes      | All      | Yes               |
+|  onIconPress    | Function to execute on icon button press. The icon button appears only when this prop is specified. | () => void | Yes      | All      | Yes               |
+|  iconAccessibilityLabel    | Accessibility label for the icon button. This is read by the screen reader when the user taps the button. | string | Yes      | All      | Yes               |
+|  duration    | The duration for which the Snackbar is shown. | number | Yes      | All      | Yes               |
+|  onDismiss (required)    | Callback called when Snackbar is dismissed. The visible prop needs to be updated when this is called. | () => void | Yes      | All      | Yes               |
+|  children (required)    | Text content of the Snackbar. | React.ReactNode | Yes      | All      | Yes               |
+|  maxFontSizeMultiplier    | Specifies the largest possible scale a text font can reach. | number | Yes      | All      | Yes               |
+|  wrapperStyle    | Style for the wrapper of the snackbar | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+
+**Surface**：Surface is a basic container that can give depth to an element with elevation shadow. 
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)    | Content of the Surface. |  React.ReactNode | Yes      | All      | Yes               |
+|  elevation    | Changes shadows and background on iOS and Android. Used to create UI hierarchy between components. |  Animated.Value | Yes      | All      | Yes               |
+|  mode    | Mode of the Surface. |  flat \| elevated | Yes      | All      | Yes               |
+
+**Switch**：Switch is a visual toggle between two mutually exclusive states — on and off.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  disabled    | Disable toggling the switch. |  React.ReactNode | Yes      | All      | Yes               |
+|  value    | Value of the switch, true means 'on', false means 'off'. |  boolean | Yes      | All      | Yes               |
+|  color    | Custom color for switch. |  string | Yes      | All      | Yes               |
+|  onValueChange    | Callback called with the new value when it changes. |  Function | Yes      | All      | Yes               |
+
+**Text**：Typography component showing styles complied with passed variant prop and supported by the type system.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  variant    | Variant defines appropriate text styles for type role and its size. Available variants: |  VariantProp<T> | Yes      | All      | Yes               |
+|  children (required)    |  Content of the Text. |  React.ReactNode | Yes      | All      | Yes               |
+
+**TextInput**：A component to allow users to input text.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  mode    | Mode of the TextInput. |  flat \| outlined | Yes      | All      | 
+|  disabled    | If true, user won't be able to interact with the component. |  boolean | Yes      | All      |  Yes      |
+|  label    | The text or component to use for the floating label. |  TextInputLabelProp | Yes      | All      |  Yes      |
+|  placeholder    | Placeholder for the input. |  string | Yes      | All      |  Yes      |
+|  error    | Whether to style the TextInput with error style. |  boolean | Yes      | All      |  Yes      |
+|  onChangeText    | Callback that is called when the text input's text changes. Changed text is passed as an argument to the callback handler. |  Function | Yes      | All      |  Yes      |
+|  selectionColor    | Selection color of the input. On iOS, it sets both the selection color and cursor color. On Android, it sets only the selection color. |  string | Yes      | All      |  Yes      |
+|  underlineColor    | Inactive underline color of the input. |  string | Yes      | All      |  Yes      |
+|  activeUnderlineColor    | Active underline color of the input. |  string | Yes      | All      |  Yes      |
+|  outlineColor    | Active outline color of the input. |  string | Yes      | All      | 
+|  activeOutlineColor    | Active outline color of the input. |  string | Yes      | All      |  Yes      |
+|  textColor    | Color of the text in the input. |  string | Yes      | All      |  Yes      |
+|  dense    | Sets min height with densed layout.  |  boolean | Yes      | All      |  Yes      |
+|  multiline    | Whether the input can have multiple lines.  |  boolean | Yes      | All      |  Yes      |
+|  numberOfLines    | The number of lines to show in the input (Android only).  |  number | Yes      | All      |  Yes      |
+|  onFocus    | Callback that is called when the text input is focused.  |   (args: any) => void | Yes      | All      |  Yes      |
+|  onBlur    | Callback that is called when the text input is blurred.  |   (args: any) => void | Yes      | All      |  Yes      |
+|  render    | Callback to render a custom input component such as react-native-text-input-mask instead of the default TextInput component from react-native.  |   (props: RenderProps) => React.ReactNode | Yes      | All      |  Yes      |
+|  value    | Value of the text input.  | string | Yes      | All      |  Yes      |
+
+**TextInput.Affix**：A component to allow users to input text.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  text (required)    | Text to show. |  string | Yes      | All      |  Yes      |
+|  accessibilityLabel    | Accessibility label for the affix. This is read by the screen reader when the user taps the affix. |  string | Yes      | All      | Yes      | 
+|  textStyle    | Style that is passed to the Text element. |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+
+**TextInput.Icon**：A component to render a leading / trailing icon in the TextInput
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  icon (required)    | Icon to show. |   IconSource | Yes      | All      |  Yes      |
+|  onPress   | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
+|  textStyle    | Style that is passed to the Text element. |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+
+**ToggleButton**：Toggle buttons can be used to group related options. 
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  icon (required)    | Icon to display for the ToggleButton. |   IconSource | Yes      | All      |  Yes      |
+|  size    | Size of the icon. |   number | Yes      | All      |  Yes      |
+|  iconColor    | Custom text color for button. |   string | Yes      | All      |  Yes      |
+|  rippleColor    | Color of the ripple effect. |   string | Yes      | All      |  Yes      |
+|  disabled    | Whether the button is disabled. |   boolean | Yes      | All      |  Yes      |
+|  accessibilityLabel    | Accessibility label for the ToggleButton. This is read by the screen reader when the user taps the button. |   string | Yes      | All      |  Yes      |
+|  onPress    | Function to execute on press. |   (value?: GestureResponderEvent | string) => void | Yes      | All      |  Yes      |
+|  value    | Value of button. |   string | Yes      | All      |  Yes      |
+|  status    | Status of button. |   checked \| unchecked | Yes      | All      |  Yes      |
+
+**ToggleButton.Group**：Toggle group allows to control a group of toggle buttons. 
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  onValueChange (required)    | Function to execute on selection change. |   (value: Value) => void | Yes      | All      |  Yes      |
+|  value (required)    | Value of the currently selected toggle button. |   Value \| null | Yes      | All      |  Yes      |
+|  children (required)    | React elements containing toggle buttons. |   React.ReactNode | Yes      | All      |  Yes      |
+
+**ToggleButton.Row**：Toggle button row renders a group of toggle buttons in a row.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  onValueChange (required)    | Function to execute on selection change. |   (value: Value) => void | Yes      | All      |  Yes      |
+|  value (required)    | Value of the currently selected toggle button. |   string | Yes      | All      |  Yes      |
+|  children (required)    | React elements containing toggle buttons. |   React.ReactNode | Yes      | All      |  Yes      |
+
+**Tooltip**：Tooltips display informative text when users hover over, focus on, or tap an element.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)   | Tooltip reference element. Needs to be able to hold a ref. |   React.ReactElement | Yes      | All      |  Yes      |
+|  enterTouchDelay   | The number of milliseconds a user must touch the element before showing the tooltip. |   number | Yes      | All      |  Yes      |
+|  leaveTouchDelay   | The number of milliseconds after the user stops touching an element before hiding the tooltip. |   number | Yes      | All      |  Yes      |
+|  title (required)   | Tooltip title |   string | Yes      | All      |  Yes      |
+|  titleMaxFontSizeMultiplier   | Specifies the largest possible scale a title font can reach. |   number | Yes      | All      |  Yes      |
+
+**TouchableRipple**：A wrapper for views that should respond to touches. 
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  borderless   | Whether to render the ripple outside the view bounds. |   boolean | Yes      | All      |  Yes      |
+|  background   | Type of background drawabale to display the feedback. |   Object | Yes      | All      |  Yes      |
+|  centered   | Whether to start the ripple at the center (Web). |   boolean | Yes      | All      |  Yes      |
+|  disabled   | Whether to prevent interaction with the touchable. |   boolean | Yes      | All      |  Yes      |
+|  onPress   | Function to execute on press. If not set, will cause the touchable to be disabled. |   (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
+|  onLongPress   | Function to execute on long press. |   (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
+|  onPressIn   | Function to execute immediately when a touch is engaged, before onPressOut and onPress. |   (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
+|  onPressOut   | Function to execute when a touch is released. |   (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
+|  rippleColor   | Color of the ripple effect. |   ColorValue | Yes      | All      |  Yes      |
+|  underlayColor   | Color of the underlay for the highlight effect. |   string | Yes      | All      |  Yes      |
+|  children (required)   | Content of the TouchableRipple. |   ((state: PressableStateCallbackType) => React.ReactNode) \| React.ReactNode | Yes      | All      |  Yes      |
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-paper/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-parsed-text.md b/en/react-native-parsed-text.md
new file mode 100644
index 00000000..d5e76114
--- /dev/null
+++ b/en/react-native-parsed-text.md
@@ -0,0 +1,226 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-parsed-text</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/taskrabbit/react-native-parsed-text">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/taskrabbit/react-native-parsed-text/blob/master/LICENSE.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/taskrabbit/react-native-parsed-text)
+
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-parsed-text@0.0.22
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-parsed-text@0.0.22
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {Tester, Filter} from '@rnoh/testerino';
+import React from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+  Button,
+  Alert,
+  Linking
+} from 'react-native';
+import ParsedText from 'react-native-parsed-text';
+
+export function TestNativeParsedText({ filter }: { filter: Filter }){
+  
+  const handleUrlPress=(url, matchIndex /*: number*/)=>{
+    Linking.openURL(url);
+  }
+
+  const handlePhonePress=(phone, matchIndex /*: number*/)=> {
+    Alert.alert(`${phone} has been pressed!`);
+  }
+
+  const handleNamePress=(name, matchIndex /*: number*/)=> {
+    Alert.alert(`Hello ${name}`);
+  }
+
+  const handleEmailPress=(email, matchIndex /*: number*/)=> {
+    Alert.alert(`send email to ${email}`);
+  }
+  const handleIDPress=(name, matchIndex /*: number*/)=> {
+    Alert.alert(`Hello ${name}`);
+  }
+  const renderText=(matchingString, matches)=> {
+    let pattern = /\[(@[^:]+):([^\]]+)\]/i;
+    let match = matchingString.match(pattern);
+    return `^^${match[0]}^^`;
+  }
+
+    return (
+      <View style={{width: '100%', height: '100%'}}>
+        <Tester style={{flex: 1}} filter={filter}>
+          <View style={styles.container}>
+            <ParsedText
+              style={styles.text}
+              parse={
+                [
+                  {type: 'url',                       style: styles.url, onPress: handleUrlPress},
+                  {type: 'phone',                     style: styles.phone, onPress: handlePhonePress},
+                  {type: 'email',                     style: styles.email, onPress: handleEmailPress},
+                  {pattern: /Bob|David/,              style: styles.name, onPress: handleNamePress},
+                  {pattern: /\[(@[^:]+):([^\]]+)\]/i, style: styles.username, onPress: handleNamePress, renderText: renderText},
+                  {pattern: /42/,                     style: styles.magicNumber},
+                  {pattern: /#(\w+)/,                 style: styles.hashTag},
+                ]
+              }
+              childrenProps={{allowFontScaling: false}}
+            >
+                Hello this is an example of the ParsedText, links like http://www.google.com or http://www.facebook.com are clickable and phone number 444-555-6666 can call too.
+          But you can also do more with this package, for example Bob will change style and David too. username like [@^^:^^] has been replaced.
+          And the magic number is 42!
+          #react #react-native
+            </ParsedText>
+          </View>
+        </Tester>
+      </View>
+    );
+  
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  idnumber:{
+    color: 'yellow'
+  },
+
+  url: {
+    color: 'red',
+    textDecorationLine: 'underline',
+  },
+
+  email: {
+    textDecorationLine: 'underline',
+  },
+
+  text: {
+    color: 'black',
+    fontSize: 15,
+  },
+
+  phone: {
+    color: 'blue',
+    textDecorationLine: 'underline',
+  },
+
+  name: {
+    color: 'red',
+  },
+
+  username: {
+    color: 'green',
+    fontWeight: 'bold'
+  },
+
+  magicNumber: {
+    fontSize: 42,
+    color: 'pink',
+  },
+
+  hashTag: {
+    fontStyle: 'italic',
+    color:'green',
+    fontSize:42
+  },
+
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：HYM-W5821 3.0.0.25;
+
+## 属性
+
+ParsedText组件接收所有[React Native Text](https://reactnative.dev/docs/text.html)组件的Props
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| parse  | Array of parsed text.    | array  | yes | IOS/Android   | yes |
+| renderText  | Function called to change the displayed children.     | function  | yes | IOS/Android   | yes |
+| childrenProps | Properties to pass to the children elements generated by react-native-parsed-text.     | object  | no | IOS/Android   | yes |
+
+eg:
+
+parse: Array of parsed text.
+* to use the predefined type: `{type: 'url'}、{type: 'phone'} or {type: 'email'}`.
+* to use your own `RegExp`: `{pattern: /something/}`
+* to change the style of the matched text your own `RegExp`: `{type: 'phone',style:styles.phoneStyle}`
+* to add the onPress event(one of Text Props，and others are supported) of the matched text:`{type: 'url',onPress:this.handlePress}`.
+* to add the onLongPress event(one of Text Props，and others are supported) of your own `RegExp` matched text:`{pattern: /something/,onLongPress:this.handleLongPress}`.
+* to limit how many matches are found of your own `RegExp` matched text:`{pattern: /something/,nonExhaustiveModeMaxMatchCount:number}`.
+
+renderText: Function called to change the displayed children.
+
+Your str is ```'Mention [@michel:5455345]'``` where 5455345 is ID of this user and @michel the value to display on interface.
+Your pattern for ID & username extraction : ```/\[(@[^:]+):([^\]]+)\]/i```
+Your renderText method :
+```
+renderText(matchingString, matches) {
+  // matches => ["[@michel:5455345]", "@michel", "5455345"]
+  let pattern = /\[(@[^:]+):([^\]]+)\]/i;
+  let match = matchingString.match(pattern);
+  return `^^${match[1]}^^`;
+}
+```
+Displayed text will be : ```Mention ^^@michel^^```
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [TTHE MIT License (MIT)](https://github.com/taskrabbit/react-native-parsed-text/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-pdf.md b/en/react-native-pdf.md
new file mode 100644
index 00000000..e3b882cd
--- /dev/null
+++ b/en/react-native-pdf.md
@@ -0,0 +1,333 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-pdf</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wonday/react-native-pdf">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wonday/react-native-pdf/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-pdf)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-pdf@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-pdf@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View, Dimensions, StyleSheet } from "react-native";
+import Pdf from "react-native-pdf";
+
+export function PdfExample() {
+  // const source = { uri: 'https://www-file.huawei.com/minisite/media/annual_report/annual_report_2022_cn.pdf', cache: true };
+  const source = require("../assets/test.pdf");
+
+  return (
+    <View style={styles.sectionContainer}>
+      <Pdf
+        source={source}
+        onLoadComplete={(numberOfPages, filePath) => {
+          console.log(`Number of pages: ${numberOfPages}`);
+        }}
+        onPageChanged={(page, numberOfPages) => {
+          console.log(`Current page: ${page}`);
+        }}
+        onError={(error) => {
+          console.log(error);
+        }}
+        onPressLink={(uri) => {
+          console.log(`Link pressed: ${uri}`);
+        }}
+        style={styles.pdf}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  sectionContainer: {
+    flex: 1,
+    justifyContent: "flex-start",
+    alignItems: "center",
+  },
+  pdf: {
+    flex: 1,
+    width: Dimensions.get("window").width,
+    height: Dimensions.get("window").height,
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+   ...
+   "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-pdf": "file:../../node_modules/@react-native-oh-tpl/react-native-pdf/harmony/pdfview.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 PdfViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-pdf/src/main/cpp" ./pdfview)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_pdf_view)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "PdfViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<PdfViewPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RTNPdfView 组件
+
+找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RTNPdfView, PDF_VIEW_TYPE } from '@react-native-oh-tpl/react-native-pdf';
+
+  @Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++  if (ctx.componentName === PDF_VIEW_TYPE) {
++     RTNPdfView({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag,
++     })
++   }
+    ...
+  }
+  ...
+
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PDF_VIEW_TYPE
+  ];
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                                                                                                                                                                                     | Type                                                          | Required | Platform      | HarmonyOS Support |
+| ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | -------- | ------------- |-------------------|
+| source                         | PDF source like {uri:xxx, cache:false}. see the following for detail.                                                                                                                           | object                                                        | YES      | iOS / Android | yes               |
+| page                           | initial page index                                                                                                                                                                              | number                                                        | NO       | iOS / Android | yes               |
+| scale                          | should minScale<=scale<=maxScale                                                                                                                                                                | number                                                        | NO       | iOS / Android | yes               |
+| minScale                       | min scale                                                                                                                                                                                       | number                                                        | NO       | iOS / Android | yes               |
+| maxScale                       | max scale                                                                                                                                                                                       | number                                                        | NO       | iOS / Android | yes               |
+| horizontal                     | draw page direction, if you want to listen the orientation change, you can use [[react-native-orientation-locker\]](https://github.com/react-native-oh-library/react-native-orientation-locker) | bool                                                          | NO       | iOS / Android | no                |
+| showsHorizontalScrollIndicator | shows or hides the horizontal scroll bar indicator on iOS                                                                                                                                       | bool                                                          | NO       | iOS           | no                |
+| showsVerticalScrollIndicator   | shows or hides the vertical scroll bar indicator on iOS                                                                                                                                         | bool                                                          | NO       | iOS           | no                |
+| fitWidth                       | if true fit the width of view, can not use fitWidth=true together with scale                                                                                                                    | bool                                                          | NO       | iOS / Android | no                |
+| fitPolicy                      | 0:fit width, 1:fit height, 2:fit both(default)                                                                                                                                                  | number                                                        | NO       | iOS / Android | yes               |
+| spacing                        | the breaker size between pages                                                                                                                                                                  | number                                                        | NO       | iOS / Android | yes               |
+| password                       | pdf password, if password error, will call OnError() with message "Password required or incorrect password."                                                                                    | string                                                        | NO       | iOS / Android | yes               |
+| style                          | support normal view style, you can use this to set border/spacing color...                                                                                                                      | object                                                        | NO       | iOS / Android | yes               |
+| renderActivityIndicator        | when loading show it as an indicator, you can use your component                                                                                                                                | (progress) => Component                                       | NO       | iOS / Android | no                |
+| enableAntialiasing             | improve rendering a little bit on low-res screens, but maybe course some problem on Android 4.4, so add a switch                                                                                | bool                                                          | NO       | iOS / Android | no                |
+| enablePaging                   | only show one page in screen                                                                                                                                                                    | bool                                                          | NO       | iOS / Android | no                |
+| enableRTL                      | scroll page as "page3, page2, page1"                                                                                                                                                            | bool                                                          | NO       | iOS / Android | no                |
+| enableAnnotationRendering      | enable rendering annotation, notice:iOS only support initial setting,not support realtime changing                                                                                              | bool                                                          | NO       | iOS           | no                |
+| enableDoubleTapZoom            | Enable double tap to zoom gesture                                                                                                                                                               | bool                                                          | NO       | iOS / Android | no                |
+| trustAllCerts                  | Allow connections to servers with self-signed certification                                                                                                                                     | bool                                                          | NO       | iOS / Android | no                |
+| singlePage                     | Only show first page, useful for thumbnail views                                                                                                                                                | bool                                                          | NO       | iOS / Android | no                |
+| onLoadProgress                 | callback when loading, return loading progress (0-1)                                                                                                                                            | function(percent)                                             | NO       | iOS / Android | yes               |
+| onLoadComplete                 | callback when pdf load completed, return total page count, pdf local/cache path, {width,height} and table of contents                                                                           | function(numberOfPages, path, {width, height}, tableContents) | NO       | iOS / Android | partially         |
+| onPageChanged                  | callback when page changed ,return current page and total page count                                                                                                                            | function(page,numberOfPages)                                  | NO       | iOS / Android | yes               |
+| onError                        | callback when error happened                                                                                                                                                                    | function(error)                                               | NO       | iOS / Android | yes               |
+| onPageSingleTap                | callback when page was single tapped                                                                                                                                                            | function(page)                                                | NO       | iOS / Android | no                |
+| onScaleChanged                 | callback when scale page                                                                                                                                                                        | function(scale)                                               | NO       | iOS / Android | yes               |
+| onPressLink                    | callback when link tapped                                                                                                                                                                       | function(uri)                                                 | NO       | iOS / Android | yes               |
+
+#### Source
+
+| Name          | Description                                   | Type   | Required | Platform      | HarmonyOS Support |
+| ------------- | --------------------------------------------- | ------ | -------- | ------------- | ----------------- |
+| uri           | see the following for detail.                 | object | YES      | iOS / Android | yes               |
+| cache         | use cache or not                              | bool   | NO       | iOS / Android | no                |
+| cacheFileName | specific file name for cached pdf file        | string | NO       | iOS / Android | no                |
+| expiration    | cache file expired seconds (0 is not expired) | number | NO       | iOS / Android | no                |
+| method        | request method when uri is a url              | string | NO       | iOS / Android | no                |
+| headers       | request headers when uri is a url             | object | NO       | iOS / Android | no                |
+
+#### Uri
+
+| Name                                                               | Description                                                                             | Type          | Required | Platform      | HarmonyOS Support |
+| ------------------------------------------------------------------ | --------------------------------------------------------------------------------------- | ------------- | -------- | ------------- | ----------------- |
+| {uri:"http://xxx/xxx.pdf"}                                         | load pdf from a url                                                                     | object        | NO       | iOS / Android | yes               |
+| {require("./test.pdf")}                                            | load pdf relate to js file (do not need add by xcode)                                   | require(path) | NO       | iOS           | yes               |
+| {uri:"bundle-assets://path/to/xxx.pdf"}                            | load pdf from assets, the file should be at Android/app/src/main/assets/path/to/xxx.pdf | object        | NO       | iOS           | no                |
+| {uri:"data:application/pdf;base64,JVBERi0xLjcKJc..."}              | load pdf from base64 string                                                             | object        | NO       | iOS / Android | no                |
+| {uri:"file:///absolute/path/to/xxx.pdf"}                           | load pdf from local file system                                                         | object        | NO       | iOS / Android | no                |
+| {uri:"ms-appx:///xxx.pdf"}                                         | load pdf bundled with UWP app                                                           | object        | NO       | Windows       | no                |
+| {uri:"content://com.example.blobs/xxxxxxxx-...?offset=0&size=xxx"} | load pdf from content URI                                                               | object        | NO       | iOS           | no                |
+| {uri:"blob:xxxxxxxx-...?offset=0&size=xxx"}                        | load pdf from blob URL                                                                  | object        | NO       | Android       | no                |
+
+## 静态方法
+
+| Name    | Description                                                                                                                              | Type                 | Required | Platform      | HarmonyOS Support |
+| ------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | -------- | ------------- | ----------------- |
+| setPage | Set the current page of the PDF component. pageNumber is a positive integer. If pageNumber > numberOfPages, current page is not changed. | function(pageNumber) | NO       | iOS / Android | no                |
+
+## 遗留问题
+
+- [ ] onLoadComplete 回调函数参数返回目前仅支持 numberOfPages, path参数：[issue#47](https://github.com/react-native-oh-library/react-native-pdf/issues/47)
+- [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑: [issue#48](https://github.com/react-native-oh-library/react-native-pdf/issues/48)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-pdf/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
+
diff --git a/en/react-native-performance.md b/en/react-native-performance.md
new file mode 100644
index 00000000..2078a664
--- /dev/null
+++ b/en/react-native-performance.md
@@ -0,0 +1,345 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-performance</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/oblador/react-native-performance">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/oblador/react-native-performance/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-performance)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-performance@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-performance@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState,useEffect } from 'react';
+import {
+  ScrollView, StyleSheet, View, Text, Button, Alert, FlatList,
+  SafeAreaView,
+  StatusBar,
+  TouchableOpacity
+} from 'react-native';
+import performance,{PerformanceObserver,setResourceLoggingEnabled} from '@react-native-oh-tpl/react-native-performance'
+export function TestNativePerformance() {
+  const [result1, setResult1] = React.useState(0)
+  const [result2, setResult2] = React.useState('')
+  const [result3, setResult3] = React.useState('')
+  const [result4, setResult4] = React.useState('')
+  const [result5, setResult5] = React.useState('')
+  const [result6, setResult6] = React.useState('')
+  const [result7, setResult7] = React.useState('')
+  const handleTimeStampClick1 = () => {
+    performance.mark('entry');
+    let entry=performance.getEntriesByName('entry')[0];
+    const timestamp = Date.now() - performance.timeOrigin + entry.startTime;
+    setResult1(timestamp)
+  }
+  const handleTimeStampClick2 = () => {
+    performance.mark('myMark');
+    performance.measure('myMeasure2', 'myMark');
+    let ms=performance.getEntriesByName('myMeasure2');
+    setResult2(JSON.stringify(ms))
+  }
+  const handleTimeStampClick3 = () => {
+    performance.mark('myMark', {
+      detail: {
+        screen: 'settings'
+      }
+    });
+    performance.measure('myMeasure3', {
+      start: 'myMark',
+      detail: {
+        category: 'render'
+      }
+    });
+    let ms=performance.getEntriesByName('myMeasure3');
+    setResult3(JSON.stringify(ms))
+  }
+  const handleTimeStampClick4 = () => {
+    performance.mark('newTimeMark')
+    performance.measure('newTime','newTimeMark')
+    const measureObserver = new PerformanceObserver((list, observer) => {
+      let res=[];
+      list.getEntries().forEach((entry) => {
+        res.push(JSON.stringify(entry));
+      });
+      setResult4(res.join(','))
+    });
+    measureObserver.observe({ type: 'measure', buffered: true });
+  }
+  const handleTimeStampClick5 = async () => {
+    setResourceLoggingEnabled(true);
+    await fetch('https://github.com/service/https://www.baidu.com/');
+    let res=performance.getEntriesByType('resource');
+    setResult5(JSON.stringify(res))
+  }
+  const handleTimeStampClick6 =() => {
+    performance.metric('myMetric', 123);
+    let res=performance.getEntriesByType('metric');
+    setResult6(JSON.stringify(res))
+  }
+  const handleTimeStampClick7 =() => {
+    let res=performance.getEntriesByType('react-native-mark');
+    setResult7(JSON.stringify(res))
+  }
+  
+  
+  return (
+    <View style={styles.container}>
+        <ScrollView style={{flex:1}}>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick1}
+            title="Convert a performance timestamp"
+          />
+          <Text style={styles.fontstyle}>{'展示result1：' + result1}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick2}
+            title="Basic measure example"
+          />
+          <Text style={styles.fontstyle}>{'展示result2：' + result2}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick3}
+            title="Meta data"
+          />
+          <Text style={styles.fontstyle}>{'展示result3：' + result3}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick4}
+            title="Subscribing to entries"
+          />
+          <Text style={styles.fontstyle}>{'展示result4：' + result4}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick5}
+            title="Network resources"
+          />
+          <Text style={styles.fontstyle}>{'展示result5：' + result5}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick6}
+            title="Custom metrics"
+          />
+          <Text style={styles.fontstyle}>{'展示result6：' + result6}</Text>
+          </View>
+          <View style={styles.rowStyle}>
+          
+          <Button
+            onPress={handleTimeStampClick7}
+            title="React Native Marks"
+          />
+          <Text style={styles.fontstyle}>{'展示result7：' + result7}</Text>
+          </View>
+        </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  rowStyle:{
+    marginBottom:20
+  },
+  fontstyle: {
+    fontSize: 32,
+    fontWeight: 600
+  },
+  container: {
+    width: '100%', height: '100%', backgroundColor: '#fffafa' 
+  }
+});
+
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-performance": "file:../../node_modules/@react-native-oh-tpl/react-native-performance/harmony/react_native_performance.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNPerformancePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNPerformancePackage} from '@react-native-oh-tpl/react-native-performance/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNPerformancePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases)
+
+## Performance
+
+默认导出Performance对象
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Performance 属性
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+|timeOrigin             | 返回Performance用作性能相关时间戳基线的高分辨率时间戳         | number          | yes      | IOS/Android     |      yes           |
+#### Performance 方法
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+| now          | 返回一个高分辨率时间戳（以毫秒为单位）                                                                                                                 | function            | yes      | IOS/Android     |      yes           |
+| mark            | 根据给出 markName 值，在性能输入缓冲区中创建一个timestamp(时间戳)                                                                                                                                     | function            | yes      | IOS/Android     |      yes           |
+| measure         | 性能记录缓存中使用 measure()创建一个新的测量记录如果仅指定了测量名称，则开始时间戳设置为零，结束时间戳（用于计算持续时间）是Performance.now()返回的值。可以使用字符串将PerformanceMark对象标识为开始标记和结束标记。要只提供一个endMark，您需要提供一个空的测量选项对象：performance.Measure（“myMeasure”，{}，“myEndMarker”）                                                                                                                                                   | function           | yes      | IOS/Android     |      yes           |
+| metric         | 如果您希望收集不基于时间的自定义度量，此模块将提供名为.metric（）的Performance API扩展，该扩展将生成类型为metric的条目   | function           | yes      | IOS/Android     |      yes           |
+| getEntries          | 对于给定的 filter，此方法返回 PerformanceEntry 对象数组，如果不带任何参数，返回全部 entries                                                                                                                 | function            | yes      | IOS/Android     |      yes           |
+| getEntriesByName  | 返回一个给定名称和 name 和 type 属性的PerformanceEntry对象数组                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |
+| getEntriesByType  | 返回一个给定type 属性的PerformanceEntry对象数组                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |
+| clearMarks | 从缓存中移除声明的标记。如果调用这个方法时没有传递参数，则所有带有entry type这类标记的performance entries 将从 performance entry 缓存区中被移除。                                                                                                                                               | function | yes      | IOS/Android     |      yes           |
+| clearMeasures  | 从缓存区中移除声明的测量记录。如果这个方法被调用时没有传入参数，则所有 entry type 标记值为"measure" 的性能实体将被从性能入口缓存区中移除。                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |                                                                                                                                             | function | yes      | IOS/Android     |      yes
+
+## PerformanceObserver
+
+给定的观察者 callback 生成一个新的 PerformanceObserver 对象。当通过 observe() 方法注册的 条目类型 的 性能条目事件 被记录下来时，调用该观察者回调。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### PerformanceObserver 方法
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+| observe  | observe() 方法用于指定PerformanceObserver对象观察的性能条目类型。当记录一个指定类型的性能条目时，性能监测对象的回调函数将会被调用。                                                                                                                                                 | function | yes      | IOS/Android     |      yes|
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
+|setResourceLoggingEnabled             | 默认情况下禁用资源日志记录，并且当前仅fetch/XMLHttpRequest使用,使用时需设置开启。        | function          | yes      | IOS/Android     |      yes           |
+
+## 遗留问题
+
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-performance/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-permissions.md b/en/react-native-permissions.md
new file mode 100644
index 00000000..ca396516
--- /dev/null
+++ b/en/react-native-permissions.md
@@ -0,0 +1,454 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-permissions</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/zoontek/react-native-permissions">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/zoontek/react-native-permissions/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-permissions)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-permissions@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-permissions@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 在使用import...from "react-native-permissions" 导入时因为原库没有抛出关于HarmonyOS有关字段,在使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH编辑器会报ts类型错误没有HARMONY字段（使用可以正常编译运行），所以想要使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH，可以使用 import...from "@react-native-oh-tpl/react-native-permissions"
+
+```js
+import { ScrollView, StyleSheet, View, Text, Button } from "react-native";
+import React from "react";
+import RTNPermissions, { Permission } from "@react-native-oh-tpl/react-native-permissions";
+
+const permissionNormal: Permission[] = [
+  "ohos.permission.APPROXIMATELY_LOCATION",
+  "ohos.permission.CAMERA",
+  "ohos.permission.MICROPHONE",
+  "ohos.permission.READ_CALENDAR",
+  "ohos.permission.WRITE_CALENDAR",
+  "ohos.permission.ACTIVITY_MOTION",
+  "ohos.permission.READ_HEALTH_DATA",
+  "ohos.permission.DISTRIBUTED_DATASYNC",
+  "ohos.permission.READ_MEDIA",
+  "ohos.permission.MEDIA_LOCATION",
+  "ohos.permission.ACCESS_BLUETOOTH",
+];
+
+export function PermissionsExample() {
+  return (
+    <View style={styles.sectionContainer}>
+      <Button
+        title="查询相机权限"
+        onPress={async () => {
+          let check = await RTNPermissions.check("ohos.permission.CAMERA");
+          console.info("RTNPermissions===== check", check);
+        }}
+      />
+      <Button
+        title="设置相机权限"
+        onPress={async () => {
+          let request = await RTNPermissions.request("ohos.permission.CAMERA");
+          console.info("RTNPermissions===== request", request);
+        }}
+      />
+      <Button
+        title={"查询多个权限"}
+        onPress={async () => {
+          let checkMultiple = await RTNPermissions.checkMultiple(
+            permissionNormal
+          );
+          console.info("RTNPermissions===== checkMultiple", checkMultiple);
+        }}
+      />
+      <Button
+        title={"设置多个权限"}
+        onPress={async () => {
+          let requestMultiple = await RTNPermissions.requestMultiple(
+            permissionNormal
+          );
+          console.info("RTNPermissions===== requestMultiple", requestMultiple);
+        }}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  view: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "space-evenly",
+    flexWrap: "wrap",
+    margin: 5,
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-permissions": "file:../../node_modules/@react-native-oh-tpl/react-native-permissions/harmony/permissions.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 PermissionsPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-permissions/src/main/cpp" ./permissions)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_permissions)
+# RNOH_END: manual_package_linking_2
+
+
+
+```
+
+
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "PermissionsPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<PermissionsPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 PermissionsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {PermissionsPackage} from '@react-native-oh-tpl/react-native-permissions/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new PermissionsPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases)
+
+### 权限申请使用的工作流程
+
+应用在访问数据或者执行操作时，需要评估该行为是否需要应用具备相关的权限。如果确认需要目标权限，则需要在应用安装包中申请目标权限。
+
+然后，需要判断目标权限是否属于用户授权类。如果是，应用需要使用动态授权弹框来提供用户授权界面，请求用户授权目标权限。
+
+当用户授予应用所需权限后，应用可成功访问目标数据或执行目标操作。
+
+```
+   ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+   ┃ check(ohos.permission.CAMERA)    ┃
+   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+                   │
+       Is the feature available
+           on this device ?
+                   │           ╔════╗
+                   ├───────────║ NO ║──────────────┐
+                   │           ╚════╝              │
+                ╔═════╗                            ▼
+                ║ YES ║                 ┌─────────────────────┐
+                ╚═════╝                 │ RESULTS.UNAVAILABLE │
+                   │                    └─────────────────────┘
+           Is the permission
+             requestable ?
+                   │           ╔════╗
+                   ├───────────║ NO ║──────────────┐
+                   │           ╚════╝              │
+                ╔═════╗                            ▼
+                ║ YES ║                  ┌───────────────────┐
+                ╚═════╝                  │ RESULTS.BLOCKED / │
+                   │                     │  RESULTS.GRANTED  │
+                   │                     └───────────────────┘
+  				   │
+                   ▼
+  	┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+  	┃ request(ohos.permission.CAMERA)    ┃
+  	┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+                   │
+         Does the user accept
+            the request ?
+                   │           ╔════╗
+                   ├───────────║ NO ║──────────────┐
+                   │           ╚════╝              │
+                ╔═════╗                            ▼
+                ║ YES ║                   ┌─────────────────┐
+                ╚═════╝                   │ RESULTS.BLOCKED │
+                   │                      └─────────────────┘
+                   ▼
+          ┌─────────────────┐
+          │ RESULTS.GRANTED │
+          └─────────────────┘
+```
+
+### 权限要求
+
+需要在`entry/src/main/module.json5`中声明权限并创建 reason string value。
+
+```
+"requestPermissions": [
+      {
+        "name" : "ohos.permission.PERMISSION1",
+        "reason": "$string:reason",
+        "usedScene": {
+          "abilities": [
+            "FormAbility"
+          ],
+          "when":"inuse"
+        }
+      },
+      {
+        "name" : "ohos.permission.PERMISSION2",
+        "reason": "$string:reason",
+        "usedScene": {
+          "abilities": [
+            "FormAbility"
+          ],
+          "when":"always"
+        }
+      }
+]
+```
+
+reason 字段的内容写作规范及建议如下：
+
+    保持句子简洁、不要加入多余的分割符号。
+
+    建议句式：用于某事。
+
+    示例：用于扫码拍照。
+
+```
+    {
+      "name": "reason",
+      "value": "允许应用使用相机。"
+    },
+```
+
+### 权限等级说明
+
+根据权限对于不同等级应用有不同的开放范围，权限类型对应分为以下三种，等级依次提高。
+
+- **normal 权限**
+
+  normal 权限允许应用访问超出默认规则外的普通系统资源。这些系统资源的开放（包括数据和功能）对用户隐私以及其他应用带来的风险很小。
+
+  该类型的权限仅向 APL 等级为 normal 及以上的应用开放。
+
+- **system_basic 权限**
+
+  system_basic 权限允许应用访问操作系统基础服务相关的资源。这部分系统基础服务属于系统提供或者预置的基础功能，比如系统设置、身份认证等。这些系统资源的开放对用户隐私以及其他应用带来的风险较大。
+
+  该类型的权限仅向 APL 等级为 system_basic 及以上的应用开放。
+
+```
+normal权限列表
+    'ohos.permission.APPROXIMATELY_LOCATION',
+    'ohos.permission.LOCATION_IN_BACKGROUND'
+    'ohos.permission.LOCATION'
+    'ohos.permission.CAMERA',
+    'ohos.permission.MICROPHONE',
+    'ohos.permission.READ_CALENDAR',
+    'ohos.permission.WRITE_CALENDAR',
+    'ohos.permission.ACTIVITY_MOTION',
+    'ohos.permission.READ_HEALTH_DATA',
+    'ohos.permission.DISTRIBUTED_DATASYNC',
+    'ohos.permission.READ_MEDIA',
+    'ohos.permission.MEDIA_LOCATION',
+    'ohos.permission.ACCESS_BLUETOOTH'
+
+system_basic列表
+    'ohos.permission.READ_WHOLE_CALENDAR'
+    'ohos.permission.WRITE_WHOLE_CALENDAR'
+    'ohos.permission.ANSWER_CALL'
+    'ohos.permission.MANAGE_VOICEMAIL'
+    'ohos.permission.READ_CONTACTS'
+    'ohos.permission.WRITE_CONTACTS'
+    'ohos.permission.READ_CALL_LOG'
+    'ohos.permission.WRITE_CALL_LOG'
+    'ohos.permission.READ_CELL_MESSAGES'
+    'ohos.permission.READ_MESSAGES'
+    'ohos.permission.RECEIVE_MMS'
+    'ohos.permission.RECEIVE_SMS'
+    'ohos.permission.RECEIVE_WAP_MESSAGES'
+    'ohos.permission.SEND_MESSAGES'
+    'ohos.permission.WRITE_AUDIO'
+    'ohos.permission.READ_AUDIO'
+    'ohos.permission.READ_DOCUMENT'
+    'ohos.permission.WRITE_DOCUMENT'
+    'ohos.permission.WRITE_IMAGEVIDEO'
+    'ohos.permission.READ_IMAGEVIDEO'
+    'ohos.permission.GET_INSTALLED_BUNDLE_LIST'
+
+```
+
+注：
+ohos.permission.LOCATION_IN_BACKGROUND 允许应用在后台运行时获取设备位置信息。
+由于安全隐私要求，应用不能通过弹窗的形式被授予后台位置权限，应用如果需要使用后台位置权限，需要引导用户到设置界面手动授予。
+申请流程：
+通过弹窗申请前台位置权限。存在两种允许情况：
+申请前台模糊位置权限：ohos.permission.APPROXIMATELY_LOCATION。
+申请前台精确位置权限：ohos.permission.APPROXIMATELY_LOCATION 和 ohos.permission.LOCATION。
+当用户点击弹窗授予前台位置权限后，应用通过弹窗、提示窗等形式告知用户前往设置界面授予后台位置权限。
+用户在设置界面中的选择“始终允许”应用访问位置信息权限，完成手动授予。
+
+## API
+
+| Name                    | Description    | Type           | Required | Platform    | HarmonyOS Support        |
+| ----------------------- | ------------------|----|---------| ----------- | ------------------------ |
+| check                   | 检查单个权限    | Function          | no      | iOS,Android | yes                      |
+| checkNotifications      | 检查通知权限    | Function          | no      | iOS,Android | yes                      |
+| openSettings            | 打开设置页      | Function          | no      | iOS,Android | yes                      |
+| request                 | 设置单个权限    | Function          | no      | iOS,Android | yes                      |
+| requestNotifications    | 设置通知权限    | Function          | no      | iOS,Android | yes                      |
+| checkMultiple           | 检查多个权限    | Function          | no      | Android     | yes                      |
+| requestMultiple         | 设置多个权限    | Function          | no      | Android     | yes                      |
+| checkLocationAccuracy   | 检查设备位置权限  | Function          | no      | iOS         | no(使用 check()查询权限) |
+| requestLocationAccuracy | 请求访问设备位置的权限  | Function          | no      | iOS         | no(使用 request()设置权限) |
+| openPhotoPicker         | 打开图片选择 | Function          | no      | iOS         | yes( iOS 需要在`PhotoLibrary`权限为`limited`才能调用，HarmonyOS不需要任何权限直接调用) |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-permissions/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-phone-number-input.md b/en/react-native-phone-number-input.md
new file mode 100644
index 00000000..42f777fa
--- /dev/null
+++ b/en/react-native-phone-number-input.md
@@ -0,0 +1,216 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-phone-number-input</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/garganurag893/react-native-phone-number-input">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/garganurag893/react-native-phone-number-input/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/garganurag893/react-native-phone-number-input)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm npm i react-native-phone-number-input@2.1.0 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-phone-number-input@2.1.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useRef } from "react";
+import {
+  SafeAreaView,
+  StyleSheet,
+  View,
+  StatusBar,
+  TouchableOpacity,
+  Text,
+} from "react-native";
+import PhoneInput from "react-native-phone-number-input";
+import { Colors } from "react-native/Libraries/NewAppScreen";
+
+export const InputDemo = () => {
+  const [value, setValue] = useState("");
+  const [countryCode, setCountryCode] = useState("");
+  const [formattedValue, setFormattedValue] = useState("");
+  const [valid, setValid] = useState(false);
+  const [disabled, setDisabled] = useState(false);
+  const [showMessage, setShowMessage] = useState(false);
+  const phoneInput = useRef < PhoneInput > null;
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <View style={styles.container}>
+        <SafeAreaView style={styles.wrapper}>
+          {showMessage && (
+            <View style={styles.message}>
+              <Text>Country Code : {countryCode}</Text>
+              <Text>Value : {value}</Text>
+              <Text>Formatted Value : {formattedValue}</Text>
+              <Text>Valid : {valid ? "true" : "false"}</Text>
+            </View>
+          )}
+          <PhoneInput
+            ref={phoneInput}
+            defaultValue={value}
+            disableArrowIcon={true}
+            defaultCode="AX"
+            layout="first"
+            onChangeText={(text) => {
+              setValue(text);
+            }}
+            onChangeFormattedText={(text) => {
+              setFormattedValue(text);
+              setCountryCode(phoneInput.current?.getCountryCode() || "");
+            }}
+            countryPickerProps={{ withAlphaFilter: true }}
+            disabled={disabled}
+            withDarkTheme={false}
+            withShadow={false}
+            autoFocus={true}
+            renderDropdownImage={<h1>Hello, world!</h1>}
+          />
+          <TouchableOpacity
+            style={styles.button}
+            onPress={() => {
+              const checkValid = phoneInput.current?.isValidNumber(value);
+              setShowMessage(true);
+              setValid(checkValid ? checkValid : false);
+              setCountryCode(phoneInput.current?.getCountryCode() || "");
+              let getNumberAfterPossiblyEliminatingZero =
+                phoneInput.current?.getNumberAfterPossiblyEliminatingZero();
+              console.log(getNumberAfterPossiblyEliminatingZero);
+            }}
+          >
+            <Text style={styles.buttonText}>Check</Text>
+          </TouchableOpacity>
+        </SafeAreaView>
+      </View>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.lighter,
+  },
+  wrapper: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  button: {
+    marginTop: 20,
+    height: 50,
+    width: 300,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#7CDB8A",
+    shadowColor: "rgba(0,0,0,0.4)",
+    shadowOffset: {
+      width: 1,
+      height: 5,
+    },
+    shadowOpacity: 0.34,
+    shadowRadius: 6.27,
+    elevation: 10,
+  },
+  buttonText: {
+    color: "white",
+    fontSize: 14,
+  },
+  message: {
+    borderWidth: 1,
+    borderRadius: 5,
+    padding: 20,
+    marginBottom: 20,
+    justifyContent: "center",
+    alignItems: "flex-start",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                     | Description                           | Type                                                                                                          | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| defaultCode              | default country code                  | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | no       | Android iOS | yes               |
+| withDarkTheme            | Keyboard Theme Colors                 | boolean                                                                                                       | no       | iOS         | partially         |
+| withShadow               | Whether there is a shadow             | boolean                                                                                                       | no       | Android iOS | yes               |
+| autoFocus                | focus                                 | boolean                                                                                                       | no       | Android iOS | yes               |
+| defaultValue             | default value                         | string                                                                                                        | no       | Android iOS | yes               |
+| value                    | value                                 | string                                                                                                        | no       | Android iOS | yes               |
+| disabled                 | disabled                              | boolean                                                                                                       | no       | Android iOS | yes               |
+| disableArrowIcon         | disable arrow icon                    | boolean                                                                                                       | no       | Android iOS | yes               |
+| placeholder              | placeholder                           | string                                                                                                        | no       | Android iOS | yes               |
+| onChangeCountry          | Events for country                    | (country: Country) => void                                                                                    | no       | Android iOS | yes               |
+| onChangeText             | Events for text                       | (text: string) => void                                                                                        | no       | Android iOS | yes               |
+| onChangeFormattedText    | Events for formatted text             | (text: string) => void                                                                                        | no       | Android iOS | yes               |
+| containerStyle           | Style of the component                | `StyleProp<ViewStyle>`                                                                                        | no       | Android iOS | yes               |
+| textContainerStyle       | The style of the component text       | `StyleProp<ViewStyle>`                                                                                        | no       | Android iOS | yes               |
+| renderDropdownImage      | render Drop down Image                | `JSX.Element`                                                                                                 | no       | Android iOS | yes               |
+| textInputProps           | style of the input                    | [TextInputProps](https://reactnative.dev/docs/textinput)                                                      | no       | Android iOS | yes               |
+| textInputStyle           | style of the inputText                | `StyleProp<TextStyle>`                                                                                        | no       | Android iOS | yes               |
+| codeTextStyle            | style of the code text                | `StyleProp<TextStyle>`                                                                                        | no       | Android iOS | yes               |
+| flagButtonStyle          | the style of the flag Button          | `StyleProp<ViewStyle>`                                                                                        | no       | Android iOS | yes               |
+| countryPickerButtonStyle | the style of the countryPicker button | `StyleProp<ViewStyle>`                                                                                        | no       | Android iOS | yes               |
+| layout                   | the component of layout               | "first" or "second"                                                                                           | no       | Android iOS | yes               |
+| filterProps              | filter the props                      | CountryFilterProps                                                                                            | no       | Android iOS | yes               |
+| countryPickerProps       | the countryPicker Props               | any                                                                                                           | no       | Android iOS | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                  | Description                                 | Type                                                                                                                | Required | Platform    | HarmonyOS Support |
+| ------------------------------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| getCountryCode                        | get the country code                        | () => [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L252) | no       | Android iOS | yes               |
+| getCallingCode                        | get the call code                           | () => string                                                                                                        | no       | Android iOS | yes               |
+| getNumberAfterPossiblyEliminatingZero | get the initial value and generated number. | () => {number: string , formattedNumber: string }                                                                   | no       | Android iOS | yes               |
+| isValidNumber                         | Verifying whether a number is valid         | (number: string)=>boolean                                                                                           | no       | Android iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+- 在 HarmonyOS NEXT 上，withDarkTheme 只能让国家选择器的主题色更改，无法更改键盘的颜色。因为 iOS 提供给开发者设置键盘深浅模式的选项，一旦开发者设置错误会导致输入法键盘和应用出现颜色错层，在 HarmonyOS NEXT 上输入法键盘做了自适应应用颜色模式的能力，故不需要再提供该属性。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/garganurag893/react-native-phone-number-input/blob/master/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/en/react-native-picker-picker(nocodegen).md b/en/react-native-picker-picker(nocodegen).md
new file mode 100644
index 00000000..2a8069c8
--- /dev/null
+++ b/en/react-native-picker-picker(nocodegen).md
@@ -0,0 +1,311 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-picker/picker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-picker/picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-picker/picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/npm/l/@react-native-picker/picker.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from "react";
+import { Picker } from "@react-native-oh-tpl/picker";
+import { View } from "react-native";
+
+export const PickerExample = ()=>{
+  const [selectedLanguage, setSelectedLanguage] = React.useState();
+
+  return (
+    <View style={{backgroundColor:"#fff",padding:40}}>
+      <Picker
+        selectedValue={selectedLanguage}
+        onValueChange={(itemValue, itemIndex) => setSelectedLanguage(itemValue)}>
+        <Picker.Item label="Java" value="java" />
+        <Picker.Item label="JavaScript" value="js" />
+      </Picker>
+    </View>
+  )
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+        
+    "@react-native-oh-tpl/picker": "file:../../node_modules/@react-native-oh-tpl/picker/harmony/picker.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 PickerPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/picker/src/main/cpp" ./picker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "PickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<PickerPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 picker 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNCPicker, PICKER_TYPE } from "@react-native-oh-tpl/picker"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+    ...
++   if (ctx.componentName === PICKER_TYPE) {
++     RNCPicker({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag
++     })
++   }
+    ...
+  }
+  ...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PICKER_TYPE
+  ];
+```
+
+### 5.在 ArkTs 侧引入 RNCPickerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNCPickerPackage } from '@react-native-oh-tpl/picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCPickerPackage(ctx)
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### PickerProps
+
+| Name                      | Description                                                                                       | Type                                                         | Required | Platform              | HarmonyOS Support |
+|---------------------------|---------------------------------------------------------------------------------------------------|--------------------------------------------------------------|----------|-----------------------|-------------------|
+| `onValueChange`           | Callback for when an item is selected.                                                            | function                                                     | No       | All                   | Yes               |
+| `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                          | any                                                          | No       | All                   | Yes               |
+| `style`                   | NA                                                                                                | pickerStyleType                                              | No       | All                   | Yes               |
+| `testID`                  | Used to locate this view in end-to-end tests.                                                     | string                                                       | No       | All                   | Yes               |
+| `enabled`                 | If set to false, the picker will be disabled, i.e. the user will not be able to make a selection. | boolean                                                      | No       | Android, Web, Windows | Yes               |
+| `mode`                    | On Android, specifies how to display the selection items when the user taps on the picker         | enum('dialog', 'dropdown')                                   | No       | Android               | No                |
+| `dropdownIconColor`       | On Android, specifies color of dropdown triangle.                                                 | ColorValue                                                   | No       | Android               | No                |
+| `dropdownIconRippleColor` | On Android, specifies ripple color of dropdown triangle.                                          | ColorValue                                                   | No       | Android               | No                |
+| `prompt`                  | Prompt string for this picker, used on Android in dialog mode as the title of the dialog.         | string                                                       | No       | Android               | No                |
+| `itemStyle`               | Style to apply to each of the item labels.                                                        | [text styles](https://reactnative.dev/docs/text-style-props) | No       | iOS, Windows          | partially         |
+| `numberOfLines`           | On Android & iOS, used to truncate the text with an ellipsis after computing the text layout.     | number                                                       | No       | Android, iOS          | No                |
+| `onBlur`                  | NA                                                                                                | function                                                     | No       | Android               | No                |
+| `onFocus`                 | NA                                                                                                | function                                                     | No       | Android               | No                |
+| `selectionColor`          | Color to apply to the selection indicator.                                                        | ColorValue                                                   | No       | iOS                   | Yes               |
+| `themeVariant`            | NA                                                                                                | enum('light', 'dark')                                        | No       | iOS                   | No                |
+
+### PickerItemProps
+
+| Name                 | Description                                                                                              | Type          | Required | Platform | HarmonyOS Support |
+|----------------------|----------------------------------------------------------------------------------------------------------|---------------|----------|----------|-------------------|
+| `label`              | Displayed value on the Picker Item.                                                                      | string        | Yes      | All      | Yes               |
+| `value`              | Actual value on the Picker Item.                                                                         | number,string | Yes      | All      | Yes               |
+| `color`              | Displayed color on the Picker Item.                                                                      | ColorValue    | Yes      | All      | No                |
+| `fontFamily`         | Displayed fontFamily on the Picker Item.                                                                 | string        | No       | All      | No                |
+| `style`              | Style to apply to individual item labels.                                                                | ViewStyleProp | No       | Android  | No                |
+| `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android  | No                |
+| `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android  | No                |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                     | Type     | Required | Platform | HarmonyOS Support |
+|---------|---------------------------------|----------|----------|----------|-------------------|
+| `blur`  | Programmatically closes picker. | function | No       | Android  | No                |
+| `focus` | Programmatically opens picker.  | function | No       | Android  | No                |
+
+## 遗留问题
+
+- [ ] numberOfLines 属性不支持[issue#2](https://github.com/react-native-oh-library/picker/issues/2)
+- [ ] PickerItemProps 的 color 和 fontFamily 不支持（OH 的 Picker 组件不支持单独设置 PickerItem 的样式） [issue#21](https://github.com/react-native-oh-library/picker/issues/21)
+- [ ] themeVariant 属性不支持[issue#22](https://github.com/react-native-oh-library/picker/issues/22)
+- [ ] itemStyle 不支持设置 textAlign（OH 的 Picker 不支持设置）[issue#23](https://github.com/react-native-oh-library/picker/issues/23)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/picker/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-picker-picker.md b/en/react-native-picker-picker.md
new file mode 100644
index 00000000..5e5881d9
--- /dev/null
+++ b/en/react-native-picker-picker.md
@@ -0,0 +1,252 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-picker/picker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-picker/picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-picker/picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/npm/l/@react-native-picker/picker.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from "react";
+import { Picker } from "@react-native-oh-tpl/picker";
+import { View } from "react-native";
+
+export const PickerExample = ()=>{
+  const [selectedLanguage, setSelectedLanguage] = React.useState();
+
+  return (
+    <View style={{backgroundColor:"#fff",padding:40}}>
+      <Picker
+        selectedValue={selectedLanguage}
+        onValueChange={(itemValue, itemIndex) => setSelectedLanguage(itemValue)}>
+        <Picker.Item label="Java" value="java" />
+        <Picker.Item label="JavaScript" value="js" />
+      </Picker>
+    </View>
+  )
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 使用文档。](/zh-cn/codegen.md)
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/picker": "file:../../node_modules/@react-native-oh-tpl/picker/harmony/picker.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 picker 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNCPicker, PICKER_TYPE } from "@react-native-oh-tpl/picker"
+
+ @Builder
+ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === PICKER_TYPE) {
++   RNCPicker({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ PICKER_TYPE
+  ];
+```
+
+### 4.在 ArkTs 侧引入 RNCPickerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNCPickerPackage } from '@react-native-oh-tpl/picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCPickerPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### PickerProps
+
+| Name                      | Description                                                                                       | Type                                                         | Required | Platform              | HarmonyOS Support |
+|---------------------------|---------------------------------------------------------------------------------------------------|--------------------------------------------------------------|----------|-----------------------|-------------------|
+| `onValueChange`           | Callback for when an item is selected.                                                            | function                                                     | No       | All                   | Yes               |
+| `selectedValue`           | Value matching value of one of the items. Can be a string or an integer.                          | any                                                          | No       | All                   | Yes               |
+| `style`                   | NA                                                                                                | pickerStyleType                                              | No       | All                   | Yes               |
+| `testID`                  | Used to locate this view in end-to-end tests.                                                     | string                                                       | No       | All                   | Yes               |
+| `enabled`                 | If set to false, the picker will be disabled, i.e. the user will not be able to make a selection. | boolean                                                      | No       | Android, Web, Windows | Yes               |
+| `mode`                    | On Android, specifies how to display the selection items when the user taps on the picker         | enum('dialog', 'dropdown')                                   | No       | Android               | No                |
+| `dropdownIconColor`       | On Android, specifies color of dropdown triangle.                                                 | ColorValue                                                   | No       | Android               | No                |
+| `dropdownIconRippleColor` | On Android, specifies ripple color of dropdown triangle.                                          | ColorValue                                                   | No       | Android               | No                |
+| `prompt`                  | Prompt string for this picker, used on Android in dialog mode as the title of the dialog.         | string                                                       | No       | Android               | No                |
+| `itemStyle`               | Style to apply to each of the item labels.                                                        | [text styles](https://reactnative.dev/docs/text-style-props) | No       | iOS, Windows          | partially         |
+| `numberOfLines`           | On Android & iOS, used to truncate the text with an ellipsis after computing the text layout.     | number                                                       | No       | Android, iOS          | No                |
+| `onBlur`                  | NA                                                                                                | function                                                     | No       | Android               | No                |
+| `onFocus`                 | NA                                                                                                | function                                                     | No       | Android               | No                |
+| `selectionColor`          | Color to apply to the selection indicator.                                                        | ColorValue                                                   | No       | iOS                   | Yes               |
+| `themeVariant`            | NA                                                                                                | enum('light', 'dark')                                        | No       | iOS                   | No                |
+
+### PickerItemProps
+
+| Name                 | Description                                                                                              | Type          | Required | Platform | HarmonyOS Support |
+|----------------------|----------------------------------------------------------------------------------------------------------|---------------|----------|----------|-------------------|
+| `label`              | Displayed value on the Picker Item.                                                                      | string        | Yes      | All      | Yes               |
+| `value`              | Actual value on the Pickmodeler Item.                                                                    | number,string | Yes      | All      | Yes               |
+| `color`              | Displayed color on the Picker Item.                                                                      | ColorValue    | Yes      | All      | No                |
+| `fontFamily`         | Displayed fontFamily on the Picker Item.                                                                 | string        | No       | All      | No                |
+| `style`              | Style to apply to individual item labels.                                                                | ViewStyleProp | No       | Android  | No                |
+| `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android  | No                |
+| `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android  | No                |
+
+## 静态方法
+
+| Name    | Description                     | Type     | Required | Platform | HarmonyOS Support |
+|---------|---------------------------------|----------|----------|----------|-------------------|
+| `blur`  | Programmatically closes picker. | function | No       | Android  | No                |
+| `focus` | Programmatically opens picker.  | function | No       | Android  | No                |
+
+## 遗留问题
+
+- [ ] numberOfLines 属性不支持[issue#2](https://github.com/react-native-oh-library/picker/issues/2)
+- [ ] PickerItemProps 的 color 和 fontFamily 不支持（OH 的 Picker 组件不支持单独设置 PickerItem 的样式） [issue#21](https://github.com/react-native-oh-library/picker/issues/21)
+- [ ] themeVariant 属性不支持[issue#22](https://github.com/react-native-oh-library/picker/issues/22)
+- [ ] itemStyle 不支持设置 textAlign（OH 的 Picker 不支持设置）[issue#23](https://github.com/react-native-oh-library/picker/issues/23)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-picker/picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-picker-select.md b/en/react-native-picker-select.md
new file mode 100644
index 00000000..eeeddc02
--- /dev/null
+++ b/en/react-native-picker-select.md
@@ -0,0 +1,238 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-picker-select</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lawnstarter/react-native-picker-select/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-picker-select)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-picker-select@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-picker-select@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useRef, useState } from 'react';
+import { StyleSheet, Text, View, TextInput, ScrollView } from 'react-native';
+import RNPickerSelect from 'react-native-picker-select';
+
+const sports = [
+  {
+    label: 'Football',
+    value: 'football',
+    key: 'football'
+  },
+  {
+    label: 'Baseball',
+    value: 'baseball',
+    key: 'baseball'
+  },
+  {
+    label: 'Hockey',
+    value: 'hockey',
+    key: 'hockey'
+  },
+];
+const placeholder = {
+  label: 'Select a sport...',
+  value: null,
+  color: '#9EA0A4',
+};
+
+export function PickerSelectExample() {
+  const firstTextInputRef = useRef<TextInput | null>(null);
+  const favSport0Ref = useRef<RNPickerSelect | null>(null);
+  const favSport1Ref = useRef<RNPickerSelect | null>(null);
+
+  const [stateval, setStateval] = useState({
+    favSport0: undefined,
+    favSport1: undefined,
+    favSport2: undefined
+  });
+
+  return (
+    <ScrollView style={{ flex: 1, backgroundColor: "#fff", }}>
+      <Text>Standard TextInput</Text>
+      <TextInput
+        ref={firstTextInputRef}
+        returnKeyType="next"
+        enablesReturnKeyAutomatically
+        onSubmitEditing={() => {
+          favSport0Ref.current!.togglePicker(true, () => {
+            console.log('togglePicker');
+          });
+        }}
+        style={styles.inputAndroid}
+        blurOnSubmit={false}
+      />
+
+      <View style={styles.paddingView} />
+
+      <Text>useNativeAndroidPickerStyle (default)</Text>
+      <RNPickerSelect
+        ref={favSport0Ref}
+        style={styles}
+        placeholder={placeholder}
+        items={sports}
+        onValueChange={value => {
+          setStateval({ ...stateval, favSport0: value });
+        }}
+        onUpArrow={() => {
+          firstTextInputRef.current!.focus();
+        }}
+        onDownArrow={() => {
+          favSport1Ref.current!.togglePicker();
+        }}
+        value={stateval.favSport0}
+      />
+
+      <View style={styles.paddingView} />
+
+      <Text>set useNativeAndroidPickerStyle to false</Text>
+      <RNPickerSelect
+        ref={favSport1Ref}
+        style={styles}
+        placeholder={placeholder}
+        items={sports}
+        onValueChange={value => {
+          setStateval({ ...stateval, favSport1: value });
+        }}
+        value={stateval.favSport1}
+        useNativeAndroidPickerStyle={false}
+      />
+
+      <Text>example</Text>
+      <RNPickerSelect
+        style={styles}
+        placeholder={placeholder}
+        onValueChange={(value) => console.log(value)}
+        items={[
+          { label: 'Football', value: 'football' },
+          { label: 'Baseball', value: 'baseball' },
+          { label: 'Hockey', value: 'hockey' },
+        ]}
+      />
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#f8f9fa",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  paddingView: {
+    margin: 10,
+  },
+  inputIOS: {
+    fontSize: 16,
+    paddingVertical: 12,
+    paddingHorizontal: 10,
+    borderWidth: 1,
+    borderColor: 'gray',
+    borderRadius: 4,
+    color: 'black',
+    paddingRight: 30, // to ensure the text is never behind the icon
+  },
+  inputAndroid: {
+    width: 200,
+    fontSize: 16,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderWidth: 0.5,
+    borderColor: 'purple',
+    borderRadius: 8,
+    color: 'black',
+    paddingRight: 30, // to ensure the text is never behind the icon
+  },
+});
+```
+
+## Link
+
+本库依赖@react-native-oh-tpl/@react-native-picker/picker，如已在鸿蒙工程中引入过该库，则无需再次引入。
+
+如未引入请参照[@react-native-oh-tpl/@react-native-picker/picker 文档](<https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-picker-picker(nocodegen).md>)进行引入。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| onValueChange | Callback which returns `value, index`. | function | null | yes | All | yes |
+| items | The items for the component to render.<br> - Each item should be in the following format:<br>`{label: 'Orange', value: 'orange', key: 'orange', color: 'orange', inputLabel: 'Orange!', testID: 'e2e-orange'}`<br>- `label` and `value` are required<br>- `key`, `color`, `testID`, and `inputLabel` are optional<br>- `key` will be set to equal `label` if not included<br>- `value` can be any data type<br>- If `inputLabel` exists, the TextInput will display that value instead of the `label` | array | null | yes | All | yes |
+| placeholder | - An override for the default placeholder object with a label of `Select an item...` and a value of `null`.<br>- An empty object can be used if you'd like to disable the placeholder entirely. | object | null | no | All | yes |
+| disabled | Disables interaction with the component. | boolean | false | no | All | yes |
+| value | Will attempt to locate a matching item from the `items` array by checking each item's `value` property. If found, it will update the component to show that item as selected. If the value is not found, it will default to the first item. **WARNING:** do not use this attribute on iOS if you plan to allow the user to modify the value from within the `Picker`, use `itemKey` instead. | any | null | no | All | yes |
+| itemKey | Will attempt to locate a matching item from the `items` array by checking each item's `key` property. If found, it will update the component to show that item as selected. If the key is not found, it will attempt to find a matching item by `value` as above. | string, number | undefined | no | All | yes |
+| style | Style overrides for most parts of the component.<br>_More details in [styling](https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file#styling)_. | object | {} | no | All | yes |
+| darkTheme | Use the dark theme for the Picker. | boolean | false | no | iOS | yes |
+| pickerProps | Additional props to pass to the Picker (some props are used in core functionality so use this carefully). | object | {} | no | All | yes |
+| Icon | Custom icon component to be rendered.<br>_More details in [styling](https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file#styling)_. | Component | null | no | All | yes |
+| textInputProps | Additional props to pass to the TextInput (some props are used in core functionality so use this carefully). This is iOS only unless `useNativeAndroidPickerStyle={false}`. | object | {} | no | All | yes |
+| touchableWrapperProps | Additional props to pass to the touchable wrapping the TextInput (some props are used in core functionality so use this carefully). | object | {} | no | All | yes |
+| onOpen() | Callback triggered right before the opening of the picker.<br>_Not supported when `useNativeAndroidPickerStyle={true}`_. | function | null | no | All | yes |
+| useNativeAndroidPickerStyle | The component defaults to using the native Android Picker in its un-selected state. Setting this flag to `false` will mimic the default iOS presentation where a tappable TextInput is displayed.<br>_More details in [styling](https://github.com/lawnstarter/react-native-picker-select?tab=readme-ov-file#styling)_. | boolean | true | no | Android | no |
+| fixAndroidTouchableBug | Experimental flag to fix issue [#354](https://github.com/lawnstarter/react-native-picker-select/issues/354). | boolean | false | no | Android | no |
+| InputAccessoryView | Replace the InputAcessoryView section (bar with tabbing arrown and Done button) of the opened picker with your own custom component. Can also return `null` here to hide completely. While this bar is typical on `select` elements on the web, the [interface guidelines](https://developer.apple.com/ios/human-interface-guidelines/controls/pickers/) does not include it. View the [snack](https://snack.expo.io/@lfkwtz/react-native-picker-select) to see examples on how this can be customized. | Component | null | no | iOS | yes |
+| doneText | "Done" default text on the modal. Can be overwritten here. | string | "Done" | no | iOS | yes |
+| onUpArrow() \/ onDownArrow() | Presence enables the corresponding arrow.<br>- Closes the picker.<br>- Calls the callback provided. | function | null | no | iOS | yes |
+| onDonePress() | Callback when the 'Done' button is pressed. | function | null | no | iOS | yes |
+| onClose(Bool) | Callback triggered right before the closing of the picker. It has one boolean parameter indicating if the done button was pressed or not. | function | null | no | iOS | yes |
+| modalProps | Additional props to pass to the Modal (some props are used in core functionality so use this carefully). | function | null | no | iOS | yes |
+| touchableDoneProps | Additional props to pass to the Done touchable (some props are used in core functionality so use this carefully). | function | null | no | iOS | yes |
+
+## 遗留问题
+
+- [ ] 属性useNativeAndroidPickerStyle在HarmonyOS中暂不支持 [issue#3](https://github.com/react-native-oh-library/react-native-picker-select/issues/3)
+- [ ] 属性fixAndroidTouchableBug在HarmonyOS中暂不支持 [issue#4](https://github.com/react-native-oh-library/react-native-picker-select/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lawnstarter/react-native-picker-select/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-picker.md b/en/react-native-picker.md
new file mode 100644
index 00000000..0e82c915
--- /dev/null
+++ b/en/react-native-picker.md
@@ -0,0 +1,314 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-picker </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/beefe/react-native-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-picker)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, Button } from 'react-native';
+import Picker from 'react-native-picker';
+
+const MyPicker = () => {
+  let data = {
+    pickerData:
+      [{
+        a: [
+          {
+            a1: [1, 2, 3, 4]
+          },
+          {
+            a2: [5, 6, 7, 8]
+          },
+          {
+            a3: [9, 10, 11, 12]
+          }
+        ]
+      },
+      {
+        b: [
+          {
+            b1: [11, 22, 33, 44]
+          },
+          {
+            b2: [55, 66, 77, 88]
+          },
+          {
+            b3: [99, 1010, 1111, 1212]
+          }
+        ]
+      },
+      {
+        c: [
+          {
+            c1: ['a', 'b', 'c']
+          },
+          {
+            c2: ['aa', 'bb', 'cc']
+          },
+          {
+            c3: ['aaa', 'bbb', 'ccc']
+          }
+        ]
+      },],
+    isLoop: false,
+    selectedValue: ['b', 'b1', 22],
+    onPickerConfirm: data => {
+      console.log('onPickerConfirm:', data)
+    },
+    onPickerCancel: data => {
+      console.log('onPickerCancel:', data);
+    },
+    onPickerSelect: data => {
+      console.log('onPickerSelect:', data);
+    }
+  }
+  return (
+    <View>
+      <Button title='initPicker' onPress={() => Picker.init(data)} />
+      <Button title='showPicker' onPress={() => Picker.show()} />
+    </View>
+  );
+};
+
+export default MyPicker;
+```
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-picker/harmony/picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 PickerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-picker/src/main/cpp" ./picker)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_native_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "PickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<PickerPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 PickerViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { PickerViewPackage } from "@react-native-oh-tpl/react-native-picker"
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++  new PickerViewPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| --- |----------|---------| ------ | ----------- |-------------------|
+|isLoop                | 列的内容是否可以循环 | boolean      | yes   |    Android   | yes               |
+|pickerTextEllipsisLen | 文本的省略长度的 | number       | yes   |    Android   | no                |
+|pickerConfirmBtnText  | 确认按钮的文本内容 | string       | yes   |iOS/Android  | yes               |
+|pickerCancelBtnText   | 取消按钮的文本内容 | string       | yes   |iOS/Android  | yes               |
+|pickerTitleText       | 顶部标题的文本内容 | string       | yes   |iOS/Android  | yes               |
+|pickerConfirmBtnColor | 确认按钮的字体颜色 | array        | yes   |iOS/Android  | yes               |
+|pickerCancelBtnColor  | 取消按钮的字体颜色 | array        | yes   |iOS/Android  | yes               |
+|pickerTitleColor      | 顶部标题的字体颜色 | array        | yes   |iOS/Android  | yes               |
+|pickerToolBarBg       | 顶部ToolBar的背景色 | array        | yes   |iOS/Android  | yes               |
+|pickerBg              | picker的背景色 | array        | yes   |iOS/Android  | yes               |
+|pickerToolBarFontSize | 顶部ToolBar文本的字体大小 | number       | yes   |iOS/Android  | yes               |
+|wheelFlex             | picker每一列所占的比例 | array        | yes   |iOS/Android  | no                |
+|pickerFontSize        | picker选择器字体内容的大小 | number       | yes   |iOS/Android  | yes               |
+|pickerFontColor       | picker选择器的字体颜色 | array        | yes   |iOS/Android  | yes               |
+|pickerFontFamily      | picker选择器的字体样式 | string       | no    |iOS/Android  | no                |
+|pickerRowHeight       | picker选择器的行高 | number       | yes   |iOS           | yes               |
+|pickerData            | picker选择器所填充的数据 | array        |  no   |iOS/Android  | yes               |
+|selectedValue         | picker选择器所选的默认值 | array        |  no   |iOS/Android  | yes               |
+|onPickerConfirm       | 点击确认按钮触发的回调函数 | function     |  no   |iOS/Android  | yes               |
+|onPickerCancel        | 点击取消按钮触发的回调函数 | function     | no    |iOS/Android  | yes               |
+|onPickerSelect        | 当picker的选择内容发生改变时触发的回调函数 | function     | no    |iOS/Android   | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type     | Required | Platform    | HarmonyOS Support |
+| --- |----------|----------|----------|-------------|-------------------|
+|init        |init and pass parameters to picker      | function | no       | iOS/Android | yes               |
+|toggle      |show or hide picker                     | function | no       | iOS/Android | yes               |
+|show        |show picker                             | function | no       | iOS/Android | yes               |
+|hide        |hide picker                             | function | no       | iOS/Android | yes               |
+|select      |select a row                            | function | no       | iOS/Android | yes                |
+|isPickerShow|get status of picker, return a boolean  | function | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ] 当前picker是使用的TextPicker实现，TextPicker并未提供每列设置宽度的方法，因此暂不能支持wheelFlex。[issue#6](https://github.com/react-native-oh-library/react-native-picker/issues/6)
+- [ ] 当前TextPicker的字体设置目前只支持大小和字体粗细，不支持pickerFontFamily。[issue#7](https://github.com/react-native-oh-library/react-native-picker/issues/7)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://mit-license.org/) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-pickers.md b/en/react-native-pickers.md
new file mode 100644
index 00000000..1ca16654
--- /dev/null
+++ b/en/react-native-pickers.md
@@ -0,0 +1,337 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-pickers</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/iberHK/react-native-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.isc.org/licenses/">
+        <img src="https://img.shields.io/badge/license-ISC-red.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/iberHK/react-native-picker)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-pickers@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-pickers@2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变
+
+```js
+import { View, Text, TouchableOpacity } from "react-native";
+import { BaseComponent, AreaPicker, DatePicker } from "react-native-pickers";
+
+var AreaJson = [
+  {
+    name: "香港",
+    city: [{ name: "香港", area: ["中西區", "灣仔區", "東區", "南區"] }],
+  },
+  {
+    name: "台灣",
+    city: [
+      {
+        name: "台灣",
+        area: ["臺北市", "高雄市", "臺北縣", "桃園縣", "新竹縣"],
+      },
+    ],
+  },
+  {
+    name: "澳門",
+    city: [
+      {
+        name: "澳門",
+        area: ["花地瑪堂區", "聖安多尼堂區", "大堂區", "望德堂區"],
+      },
+    ],
+  },
+];
+
+export default class MainPage extends BaseComponent {
+  constructor(props) {
+    super(props);
+    this.state = {
+      unit: ["年", "月", "日"],
+      startYear: 1900,
+      active: false,
+      modalVisible: false,
+    };
+  }
+
+  renderButton(text, callback) {
+    return (
+      <TouchableOpacity
+        onPress={callback.bind(this)}
+        style={{
+          width: this.getSize(180),
+          height: this.getSize(35),
+          justifyContent: "center",
+          alignItems: "center",
+          borderColor: "#999999",
+          borderWidth: this.mOnePixel,
+          padding: this.getSize(10),
+          backgroundColor: "#cccccc",
+          borderRadius: this.getSize(4),
+          marginBottom: this.getSize(20),
+        }}
+      >
+        <Text>{text}</Text>
+      </TouchableOpacity>
+    );
+  }
+
+  render() {
+    return (
+      <View
+        style={{
+          width: this.mScreenWidth,
+          height: this.mScreenHeight,
+          backgroundColor: "#f9fafb",
+          justifyContent: "center",
+          alignItems: "center",
+        }}
+      >
+        <View
+          style={{
+            width: this.mScreenWidth,
+            height: 60,
+            backgroundColor: 0x00000030,
+          }}
+        />
+        <View
+          style={{
+            flex: 1,
+            width: this.mScreenWidth,
+            justifyContent: "center",
+            alignItems: "center",
+          }}
+        >
+          {this.renderButton("行政区域picker", () => {
+            this.AreaPicker.show();
+          })}
+          {this.renderButton("DatePicker", () => {
+            this.DatePicker.show();
+          })}
+          <AreaPicker
+            areaJson={AreaJson}
+            onPickerCancel={() => {}}
+            onPickerConfirm={(value) => {
+              alert(JSON.stringify(value));
+            }}
+            ref={(ref) => (this.AreaPicker = ref)}
+          />
+          <DatePicker
+            unit={this.state.unit}
+            startYear={this.state.startYear}
+            onPickerConfirm={(value) => {
+              alert(JSON.stringify(value));
+            }}
+            onPickerCancel={() => {
+              alert("cancel");
+            }}
+            ref={(ref) => (this.DatePicker = ref)}
+          />
+        </View>
+      </View>
+    );
+  }
+}
+```
+
+## Link
+
+本库依赖@react-native-oh-tpl/react-native-svg，如已在鸿蒙工程中引入过该库，则无需再次引入。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 IOS 或 Android 的效果。
+
+### AlertDialog
+
+| Name             | Description                                           | Type     | Required | Platform | HarmonyOS Support |
+| ---------------- | ----------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| messageText      | 消息文本                                              | string   | no       | All      | yes               |
+| messageTextColor | 消息文本字体颜色                                      | string   | no       | All      | yes               |
+| messageTextSize  | 消息文本字体大小                                      | number   | no       | All      | yes               |
+| negativeText     | 取消文本                                              | string   | no       | All      | yes               |
+| negativeColor    | 取消文本颜色                                          | string   | no       | All      | yes               |
+| negativeSize     | 取消文本字体大小                                      | number   | no       | All      | yes               |
+| positiveText     | 确定文本                                              | string   | no       | All      | yes               |
+| positiveColor    | 确定文本颜色                                          | string   | no       | All      | yes               |
+| positiveSize     | 确定文本字体大小                                      | number   | no       | All      | yes               |
+| onPress          | `positive(确定)返回true` or `negative(取消)返回false` | function | no       | All      | yes               |
+
+### AreaPicker
+
+| Name              | Description                        | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ---------------------------------- | -------- | -------- | -------- | ----------------- |
+| selectedValue     | 选中                               | Arrays<string\|object>   | no       | All      | yes               |
+| areaJson          | 地址数据源                         | json     | no       | All      | yes               |
+| confirmText       | 确定选择文本                       | string   | no       | All      | yes               |
+| confirmTextSize   | 确定选择文本字体大小               | number   | no       | All      | yes               |
+| confirmTextColor  | 确定选择字体颜色                   | string   | no       | All      | yes               |
+| cancelText        | 取消选择文本                       | string   | no       | All      | yes               |
+| cancelTextSize    | 取消选择文本字体大小               | number   | no       | All      | yes               |
+| cancelTextColor   | 取消选择文本字体颜色               | string   | no       | All      | yes               |
+| itemTextColor     | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemSelectedColor | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemHeight        | item 高度                          | string   | no       | All      | yes               |
+| onPickerCancel    | 取消选择回调                       | function | no       | All      | yes               |
+| onPickerConfirm   | 确认选择回调                       | function | no       | All      | yes               |
+
+### DatePicker
+
+| Name              | Description                        | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ---------------------------------- | -------- | -------- | -------- | ----------------- |
+| itemTextColor     | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemSelectedColor | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| onPickerCancel    | 取消选择回调                       | function | no       | All      | yes               |
+| onPickerConfirm   | 确认选择回调                       | function | no       | All      | yes               |
+| unit              | 单位                               | Arrays<string\|object>   | no       | All      | yes               |
+| selectedValue     | 选中                               | string   | no       | All      | yes               |
+| startYear         | 起始年份                           | number   | no       | All      | yes               |
+| endYear           | 截至年份                           | number   | no       | All      | yes               |
+| confirmText       | 确定选择文本                       | string   | no       | All      | yes               |
+| confirmTextSize   | 确定选择文本字体大小               | number   | no       | All      | yes               |
+| confirmTextColor  | 确定选择文本字体颜色               | string   | no       | All      | yes               |
+| cancelText        | 取消选择文本                       | string   | no       | All      | yes               |
+| cancelTextSize    | 取消选择文本字体大小               | number   | no       | All      | yes               |
+| cancelTextColor   | 取消选择文本字体颜色               | string   | no       | All      | yes               |
+| itemHeight        | item 高度                          | number   | no       | All      | yes               |
+| HH                | 是否显示小时                       | boolean  | no       | All      | yes               |
+| mm                | 是否显示分钟                       | boolean  | no       | All      | yes               |
+| ss                | 是否显示秒                         | boolean  | no       | All      | yes               |
+
+### DownloadDialog
+
+| Name           | Description      | Type     | Required | Platform | HarmonyOS Support |
+| -------------- | ---------------- | -------- | -------- | -------- | ----------------- |
+| title          | 标题文本         | string   | no       | All      | yes               |
+| titleColor     | 标题文本字体大小 | string   | no       | All      | yes               |
+| titleSize      | 标题文本文本颜色 | number   | no       | All      | yes               |
+| active         | 按钮是否可点击   | string   | no       | All      | yes               |
+| actionText     | 按钮文本         | string   | no       | All      | yes               |
+| onAction       | 点击按钮回调     | function | no       | All      | yes               |
+| totalTextColor | 总数文本字体颜色 | string   | no       | All      | yes               |
+| totalTextSize  | 总数文本字体大小 | number   | no       | All      | yes               |
+
+### InputDialog
+
+| Name         | Description        | Type     | Required | Platform | HarmonyOS Support |
+| ------------ | ------------------ | -------- | -------- | -------- | ----------------- |
+| title        | 标题文本           | string   | no       | All      | yes               |
+| titleSize    | 标题文本字体大小   | number   | no       | All      | yes               |
+| titleColor   | 标题文本文本颜色   | string   | no       | All      | yes               |
+| cancelText   | 取消文本           | string   | no       | All      | yes               |
+| cancelSize   | 取消文本字体大小   | number   | no       | All      | yes               |
+| cancelColor  | 取消文本字体颜色   | string   | no       | All      | yes               |
+| btnText      | 提交文本           | string   | no       | All      | yes               |
+| btnTextSize  | 提交文本字体大小   | number   | no       | All      | yes               |
+| btnTextColor | 提交文本字体颜色   | string   | no       | All      | yes               |
+| btnBgColor   | 提交按钮颜色       | string   | no       | All      | yes               |
+| placeholder  | 输入框提示语       | string   | no       | All      | yes               |
+| onSubmit     | 返回输入的文本内容 | function | no       | All      | yes               |
+
+### BaseDialog
+
+| Name              | Description                                                     | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| removeSubviews    | dismiss，是否回收前景控件，拓展出来的子控件，不要动态设置改属性 | boolean  | no       | All      | yes               |
+| coverClickable    | 背景点击隐藏                                                    | boolean  | no       | All      | yes               |
+| onCoverPress      | 点击背景，dismiss 回调                                          | function | no       | All      | yes               |
+| showAnimationType | 入场动画方式 spring timing                                      | function | no       | All      | yes               |
+
+### PickerView
+
+| Name              | Description                        | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ---------------------------------- | -------- | -------- | -------- | ----------------- |
+| itemTextColor     | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemSelectedColor | item 正常颜色，仅支持 `16进制数字` | string   | no       | All      | yes               |
+| itemHeight        | item 高度                          | number   | no       | All      | yes               |
+| onPickerSelected  | 选中时回调                         | function | no       | All      | yes               |
+| selectedIndex     | 选中                               | number   | no       | All      | yes               |
+
+### SimpleChooseDialog
+
+| Name              | Description                                                                                                                    | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| items             | 列表数据，可以 string、object (需要指定 itemKey)                                                                               | Arrays<string\|object>   | no       | All      | yes               |
+| itemKey           | 当 item 为 object 时，来指定显示的属性 items:[{id:0, value: 'v1'},{id:0, value: 'v1'}]itemKey 设为'value',则等同于['v1', 'v2'] | string   | no       | All      | yes               |
+| itemStyle         | 列表文字样式                                                                                                                   | object   | no       | All      | yes               |
+| selectColor       | 选中颜色                                                                                                                       | string   | no       | All      | yes               |
+| normalColor       | 未选中颜色                                                                                                                     | string   | no       | All      | yes               |
+| pointSize         | 左侧选中标识大小                                                                                                               | number   | no       | All      | yes               |
+| pointBorderRadius | 左侧选中标识边框弧度                                                                                                           | string   | no       | All      | yes               |
+| confirmText       | 确定选择文本                                                                                                                   | string   | no       | All      | yes               |
+| confirmBtnColor   | 确定选择按钮颜色                                                                                                               | string   | no       | All      | yes               |
+| confirmTextColor  | 确定选择文本颜色                                                                                                               | string   | no       | All      | yes               |
+| onPress           | 返回选中 index                                                                                                                 | function | no       | All      | yes               |
+
+### SimpleItemsDialog
+
+| Name            | Description                                                                                                                     | Type     | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| items           | 列表数据，可以 string、object(需要指定 itemKey)                                                                                 | Arrays<string\|object>   | no       | All      | yes               |
+| itemKey         | 当 item 为 object 时，来指定显示的属性 items:[{id:0, value: 'v1'},{id:0, value: 'v1'}] itemKey 设为'value',则等同于['v1', 'v2'] | string   | no       | All      | yes               |
+| itemStyle       | 列表文字样式                                                                                                                    | object   | no       | All      | yes               |
+| onPress         | 返回选中 index                                                                                                                  | function | no       | All      | yes               |
+| cancel          | 是否在列表最后 增加 ‘取消’ 项                                                                                                   | string   | no       | All      | yes               |
+| cancelText      | 取消项文本                                                                                                                      | string   | no       | All      | yes               |
+| cancelTextStyle | 取消文本字体样式                                                                                                                | object   | no       | All      | yes               |
+
+### ToastComponent
+
+| Name            | Description          | Type   | Required | Platform | HarmonyOS Support |
+| --------------- | -------------------- | ------ | -------- | -------- | ----------------- |
+| duration        | 显示时长（自动隐藏） | number | no       | All      | yes               |
+| textColor       | message 字体颜色     | string | no       | All      | yes               |
+| fontSize        | message 字体大小     | number | no       | All      | yes               |
+| lineHeight      | message 字体行高     | number | no       | All      | yes               |
+| paddingH        | 水平 padding         | number | no       | All      | yes               |
+| paddingV        | 上下 padding         | number | no       | All      | yes               |
+| borderRadius    | 背景圆角             | number | no       | All      | yes               |
+| backgroundColor | 背景颜色             | string | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-popover-view.md b/en/react-native-popover-view.md
new file mode 100644
index 00000000..65f78425
--- /dev/null
+++ b/en/react-native-popover-view.md
@@ -0,0 +1,189 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-oh-tpl/react-native-popover-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/SteffeyDev/react-native-popover-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/SteffeyDev/react-native-popover-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-popover-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-popover-view> Releases](https://github.com/react-native-oh-library/react-native-popover-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-popover-view@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-popover-view@file:#
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+```typescript
+import React, { useState } from 'react';
+import {View, TouchableOpacity, Text, Button, Easing } from 'react-native';
+import Popover, {PopoverMode, PopoverPlacement, Rect } from 'react-native-popover-view';
+
+const PopoverDemo = () => {
+    const [showPopoverA, setShowPopoverA] = useState(false);
+    const [showPopoverB, setShowPopoverB] = useState(false);
+    const [showPopoverC, setShowPopoverC] = useState(false);
+    const [onOpenStart, setOnOpenStart] = useState(111);
+    const [onOpenComplete, setOnOpenComplete] = useState(111);
+    const [onCloseStart, setOnCloseStart] = useState(111);
+    const [onCloseComplete, setOnCloseComplete] = useState(111);
+    const [offsetValue, setOffsetValue] = useState(10);
+    return (
+        <View>
+            <TouchableOpacity>
+                <Text>test:from、isVisible</Text>
+                <Button
+                title= 'testA'
+                onPress= {() => setShowPopoverA(true)}
+                color= '#841584'
+                />
+            </TouchableOpacity>
+            <Popover
+              from= {new Rect(5,100,20,40)}
+              isVisible= {showPopoverA}
+              onRequestClose={() => {setShowPopoverA(false)}}
+              >
+              <Text>This is the contents of the popoverA</Text>
+            </Popover>
+            <TouchableOpacity>
+                <Text>test:mode、offset、placement、popoverShift、popoverStyle、backgroundStyle、arrowSize、arrowShift、animationConfig</Text>
+                <Button
+                onPress = {() => setShowPopoverB(true)}
+                title = 'testB'
+                color = '#cc15cc'
+                />
+            </TouchableOpacity>
+            <Popover
+              from = {new Rect(5,100,20,40)}
+              isVisible = {showPopoverB}
+              mode = {PopoverMode.RN_MODAL}
+              offset = {10}
+              placement= {PopoverPlacement.Top}
+              popoverShift= {{x:1}}
+              popoverStyle= {{backgroundColor: '#f00'}}
+              backgroundStyle= {{backgroundColor: '#00f'}}
+              arrowSize= {{width:30,height:8}}
+              arrowShift= {2}
+              animationConfig= {{duration: 600,easing:Easing.inOut(Easing.quad)}}
+              onRequestClose= {() => {setShowPopoverB(false)}}
+              >
+              <Text>This is the contents of the popoverB</Text>
+            </Popover>
+
+            <TouchableOpacity>
+                <Text>test:displayArea、displayAreaInsets、onOpenStart、onOpenComplete、onRequestClose、onCloseStart、onCloseComplete、onPositionChange、debug</Text>
+                <Button
+                onPress = {() => setShowPopoverC(true)}
+                title = 'testC'
+                color = '#87cc94'
+                />
+            </TouchableOpacity>
+            <Popover
+              from = {new Rect(5,100,20,40)}
+              isVisible = {showPopoverC}
+              offset = {offsetValue}
+              debug = {true}
+              displayArea = {new Rect(50,50,50,50)}
+              displayAreaInsets = {{top:20}}
+              onOpenStart = {() => {setOnOpenStart(222)}}
+              onOpenComplete= {() => {setOnOpenComplete(222)}}
+              onRequestClose= {() => {setShowPopoverC(false)}}
+              onCloseStart= {() => {setOnCloseStart(222)}}
+              onCloseComplete= {() => {setOnCloseComplete(222)}}
+              onPositionChange= {() => {setOnCloseStart(222)}}
+            >
+              <Text>This is the contents of the popoverC</Text>
+            </Popover>
+            <Text>onOpenStart {onOpenStart}</Text>
+            <Text>onOpenComplete {onOpenComplete}</Text>
+            <Text>onCloseStart {onCloseStart}</Text>
+            <Text>onCloseComplete {onCloseComplete}</Text>
+            <Text>onPositionChange {offsetValue}</Text>
+            <Button
+            onPress = {() => setOffsetValue(offsetValue === 10 ? 20 : 10)}
+            title = 'change position'
+            color = '#876664'
+            />
+        </View>
+      );
+}
+
+export default PopoverDemo;
+```
+
+## 约束与限制
+
+#### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+**属性&方法**
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                                                                                                                                                                                                                                                                                                                                    | Type                  | Required | Platform | HarmonyOS Support | remark         |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- | -------------- |
+| from                 | Popover source. See From section below.                                                                                                                                                                                                                                                                                                                                        | multiple              | no       | All      | yes               |
+| isVisible            | Show/Hide the popover. Required if from is not a Touchable or function that uses showPopover call (see examples). If supplied, takes precedence regardless of from.                                                                                                                                                                                                            | bool                  | no       | All      | yes               |
+| mode                 | How to position the popover, one of 'top', 'bottom', 'left', 'right', 'floating', or 'auto'. When 'auto' is specified, it will try to determine the best placement so that the popover is fully visible within displayArea. If an array of options is passed in, it will pick the first option that can accommodate the content.                                               | string OR string list | no       | All      | yes               |
+| placement            | One of: 'rn-modal', 'js-modal', 'tooltip'. See Mode section below for details.                                                                                                                                                                                                                                                                                                 | string                | no       | All      | yes               |
+| offset               | The amount to shift the popover away from the source. Does not apply if the popover is centered.                                                                                                                                                                                                                                                                               | number                | no       | All      | yes               |
+| popoverStyle         | The style of the popover itself. You can override the borderRadius, backgroundColor, or any other style prop for a View.                                                                                                                                                                                                                                                       | object                | no       | All      | yes               |
+| popoverShift         | How much to shift the popover in each direction, as a multiplier. Object of shape { x: -1 to 1, y: -1 to 1 }, where both x and y are optional. -1 shifts the popover all the way to the left/top and 1 shifts it to the right/bottom. Currently only applies when placement is floating, but this will apply to all placements in a future version.                            | object                | no       | All      | yes               |
+| backgroundStyle      | The style of the background view. Default is a black background with 0.5 opacity.                                                                                                                                                                                                                                                                                              | object                | no       | All      | yes               |
+| arrowSize            | The size of the arrow, as an object with width & height properties. The width of the arrow is the size of the arrow on the edge that touches the popover (base of isosceles triangle), while the height covers the distance from the popover to the source view, regardless of the placement of the popover. You can use { width: 0, height: 0 } to hide the arrow completely. | object                | no       | All      | yes               |
+| arrowShift           | How much to shift the arrow to either side, as a multiplier. -1 will shift it all the way to the left (or top) corner of the source view, while 1 will shift all the way to the right (or bottom) corner. A value of 0.5 or -0.8 will shift it partly to one side.                                                                                                             | object                | no       | All      | yes               |
+| onOpenStart          | Callback to be fired when the open animation starts (before animation)                                                                                                                                                                                                                                                                                                         | function              | no       | All      | yes               |
+| onOpenComplete       | Callback to be fired when the open animation ends (after animation)                                                                                                                                                                                                                                                                                                            | function              | no       | All      | yes               |
+| onRequestClose       | Callback to be fired when the user taps outside the popover (on the background) or taps the system back button on Android                                                                                                                                                                                                                                                      | function              | no       | All      | yes               |
+| onCloseStart         | Callback to be fired when the popover starts closing (before animation)                                                                                                                                                                                                                                                                                                        | function              | no       | All      | yes               |
+| onCloseComplete      | Callback to be fired when the popover is finished closing (after animation)                                                                                                                                                                                                                                                                                                    | function              | no       | All      | yes               |
+| onPositionChange     | Callback to be fired when the popover position finishes moving position (after animation)                                                                                                                                                                                                                                                                                      | function              | no       | All      | yes               |
+| animationConfig      | An object containing any configuration options that can be passed to Animated.timing (e.g. { duration: 600, easing: Easing.inOut(Easing.quad) }). The configuration options you pass will override the defaults for all animations.                                                                                                                                            | object                | no       | All      | yes               |
+| displayArea          | Area where the popover is allowed to be displayed. By default, this will be automatically calculated to be the size of the display, or the size of the parent component if mode is not 'rn-modal'.                                                                                                                                                                             | rect                  | no       | All      | yes               |
+| displayAreaInsets    | Insets to apply to the display area. The Popover will not be allowed to go beyond the display area minus the insets.                                                                                                                                                                                                                                                           | object                | no       | All      | yes               |
+| statusBarTranslucent | For 'rn-modal' mode on Android only. Determines whether the background should go under the status bar. Passed through to RN Modal component, see their docs as well.                                                                                                                                                                                                           | bool                  | no       | Android  | no                | 原库仅支持安卓 |
+| verticalOffset       | The amount to vertically shift the popover on the screen, for use in correcting an occasional issue on Android. In certain Android configurations, you may need to apply a verticalOffset of -StatusBar.currentHeight for the popover to originate from the correct place. For shifting the popover in other situations, the offset prop should be used.                       | number                | no       | Android  | no                | 原库仅支持安卓 |
+| debug                | Set this to true to turn on debug logging to the console. This is useful for figuring out why a Popover isn't showing.                                                                                                                                                                                                                                                         | bool                  | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-popover-view/blob/sig/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-popup-menu.md b/en/react-native-popup-menu.md
new file mode 100644
index 00000000..d1e691be
--- /dev/null
+++ b/en/react-native-popup-menu.md
@@ -0,0 +1,161 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-popup-menu</code> </h1>
+</p>
+<p align="center">
+        <a href="https://github.com/instea/react-native-popup-menu/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/instea/react-native-popup-menu/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/instea/react-native-popup-menu)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-popup-menu@0.16.1 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-popup-menu@0.16.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+// your entry point
+import { MenuProvider } from "react-native-popup-menu";
+
+export const App = () => (
+  <MenuProvider>
+    <YourApp />
+  </MenuProvider>
+);
+
+// somewhere in your app
+import {
+  Menu,
+  MenuOptions,
+  MenuOption,
+  MenuTrigger,
+} from "react-native-popup-menu";
+
+export const YourComponent = () => (
+  <View>
+    <Text>Hello world!</Text>
+    <Menu>
+      <MenuTrigger text="Select action" />
+      <MenuOptions>
+        <MenuOption onSelect={() => alert(`Save`)} text="Save" />
+        <MenuOption onSelect={() => alert(`Delete`)}>
+          <Text style={{ color: "red" }}>Delete</Text>
+        </MenuOption>
+        <MenuOption
+          onSelect={() => alert(`Not called`)}
+          disabled={true}
+          text="Disabled"
+        />
+      </MenuOptions>
+    </Menu>
+  </View>
+);
+```
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见[react-native-popup-menu](https://github.com/instea/react-native-popup-menu/blob/master/doc/api.md)
+
+#### MenuProvider
+
+| Name              | Description                                                                                                                                                                                                             | Type             | Required | Platform    | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| style             | Style of wrapping View component.                                                                                                                                                                                       | Style            | No       | IOS/Android | Yes               |
+| customStyles      | Object defining wrapper, touchable and text styles                                                                                                                                                                      | Object           | No       | IOS/Android | Yes               |
+| backHandler       | Whether to close the menu when the back button is pressed or custom back button handler if a function is passed (RN >= 0.44 is required)                                                                                | boolean/Function | No       | IOS/Android | Yes               |
+| skipInstanceCheck | Normally your application should have only one menu provider (with exception as discussed above). If you really need more instances, set skipInstanceCheck to true to disable the check (and following warning message) | boolean          | No       | IOS/Android | Yes               |
+
+#### Menu
+
+| Name            | Description                                                                                                           | Type     | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| name            | Unique name of menu                                                                                                   | String   | No       | IOS/Android | Yes               |
+| opened          | Declaratively states if menu is opened. When this prop is provided, menu is controlled and imperative API won't work. | Boolean  | No       | IOS/Android | Yes               |
+| renderer        | Defines position, animation and basic menu styles. See renderers section for more details                             | Function | No       | IOS/Android | Yes               |
+| rendererProps   | Additional props which will be passed to the renderer                                                                 | Object   | No       | IOS/Android | Yes               |
+| onSelect        | Triggered when menu option is selected. When event handler returns false, the popup menu remains open                 | Function | No       | IOS/Android | Yes               |
+| onOpen          | Triggered when menu is opened                                                                                         | Function | No       | IOS/Android | Yes               |
+| onClose         | Triggered when menu is closed                                                                                         | Function | No       | IOS/Android | Yes               |
+| onBackdropPress | Triggered when user press backdrop (outside of the opened menu)                                                       | Function | No       | IOS/Android | Yes               |
+
+#### MenuTrigger
+
+| Name                | Description                                                                           | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| disabled            | Indicates if trigger can be pressed                                                   | Boolean  | No       | IOS/Android | Yes               |
+| children            | React elements to render as menu trigger. Exclusive with text property                | Elements | No       | IOS/Android | Yes               |
+| text                | Text to be rendered. When this prop is provided, trigger's children won't be rendered | String   | No       | IOS/Android | Yes               |
+| customStyles        | Object defining wrapper, touchable and text styles                                    | Object   | No       | IOS/Android | Yes               |
+| triggerOnLongPress  | If true, menu will trigger onLongPress instead of onPress                             | Boolean  | No       | IOS/Android | Yes               |
+| testID              | Used for e2e testing to get Touchable element                                         | String   | No       | IOS/Android | Yes               |
+| onPress             | Triggered when trigger is pressed (or longpressed depending on triggerOnLongPress)    | Function | No       | IOS/Android | Yes               |
+| onAlternativeAction | Triggered when trigger is longpressed (or pressed depending on triggerOnLongPress)    | Function | No       | IOS/Android | Yes               |
+
+#### MenuOptions
+
+| Name                   | Description                                                                                                                                                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| optionsContainerStyle  | Custom styles for options container. Note: this option is deprecated, use customStyles option instead                                                                                        | Style    | No       | IOS/Android | Yes               |
+| renderOptionsContainer | Custom render function for <MenuOptions />. It takes options component as argument and returns component. E.g.: options => <SomeCustomContainer>{options}</SomeCustomContainer> (Deprecated) | Function | No       | IOS/Android | Yes               |
+| customStyles           | Object defining wrapper, touchable and text styles                                                                                                                                           | Object   | No       | IOS/Android | Yes               |
+
+#### MenuOption
+
+| Name             | Description                                                                                                                                                                                                    | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| value            | Value of option                                                                                                                                                                                                | Any      | No       | IOS/Android | Yes               |
+| children         | React elements to render as menu option. Exclusive with text property                                                                                                                                          | Elements | No       | IOS/Android | Yes               |
+| text             | Text to be rendered. When this prop is provided, option's children won't be rendered                                                                                                                           | String   | No       | IOS/Android | Yes               |
+| disabled         | Indicates if option can be pressed                                                                                                                                                                             | Boolean  | No       | IOS/Android | Yes               |
+| disableTouchable | Disables Touchable wrapper (no on press effect and no onSelect execution) Note: Alternatively you don't have to use MenuOption at all if you want render something "non-selectable" in the menu (e.g. divider) | Boolean  | No       | IOS/Android | Yes               |
+| customStyles     | Object defining wrapper, touchable and text styles                                                                                                                                                             | Object   | No       | IOS/Android | Yes               |
+| testID           | Used for e2e testing to get Touchable element. If disableTouchable=true, it is not available                                                                                                                   | String   | No       | IOS/Android | Yes               |
+| onSelect         | Triggered when option is selected. When event handler returns false, the popup menu remains open. Note: If this event handler is defined, it suppress onSelect handler of <Menu />                             | Function | No       | IOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://github.com/instea/react-native-popup-menu/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-print.md b/en/react-native-print.md
new file mode 100644
index 00000000..a1764322
--- /dev/null
+++ b/en/react-native-print.md
@@ -0,0 +1,303 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-print</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/christopherdro/react-native-print">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/christopherdro/react-native-print/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-print)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-print@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-print@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 本示例依赖 react-native-document-picker 库，参照[@react-native-oh-tpl/react-native-document-picker 文档](/zh-cn/react-native-document-picker.md)进行引入。
+
+```js
+import React, {useState} from 'react';
+import {
+  ScrollView,
+  Button,
+} from 'react-native';
+import {
+  pick,
+  DocumentPickerOptions,
+  isCancel,
+} from 'react-native-document-picker';
+import RNPrint from 'react-native-print';
+
+type DirType = 'documentDirectory' | 'cachesDirectory';
+
+interface DirOpt {
+  label: DirType;
+  selected: boolean;
+}
+
+export default function RNPrint(): JSX.Element {
+  const [pickResult, setPickResult] = useState('');
+  const [allowMultiSelection, setAllowMultiSelection] = useState(true);
+  const [fileTypes, setFileTypes] = useState<string[]>([]);
+  const [dirUi, setDirui] = useState<Array<DirOpt>>([
+    {label: 'documentDirectory', selected: false},
+    {label: 'cachesDirectory', selected: false},
+  ]);
+  const copyTo = dirUi.find(d => d.selected)?.label;
+  const pickOpt: DocumentPickerOptions<'harmony'> = {
+    allowMultiSelection,
+    presentationStyle: 'overFullScreen',
+  };
+  if (copyTo) {
+    pickOpt.copyTo = copyTo;
+  }
+  if (fileTypes.length) {
+    pickOpt.type = fileTypes;
+  }
+  const pickFile = async () => {
+    try {
+      const res = await pick(pickOpt);
+      setPickResult(JSON.stringify(res));
+      return res;
+    } catch (err) {
+      console.log(err);
+      console.log('isCancel: ' + isCancel(err));
+    }
+  };
+
+  return (
+        <Button
+         title="本地url打印"
+         onPress={async () => {
+            const res = await pickFile();
+            RNPrint.print({
+                filePath: res[0].uri,
+                jobName: 'huawei',
+            });
+            }}
+        />
+  );
+}
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-print": "file:../../node_modules/@react-native-oh-tpl/react-native-print/harmony/print.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNPrintPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNPrintPackage} from '@react-native-oh-tpl/react-native-print/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNPrintPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的 module.json5 中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.PRINT",
++    "reason": "$string:print_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"always"
++    }
++  },
++  {
++    "name": "fs.OpenMode.READ_ONLY",
++    "reason": "$string:fs_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"always"
++    }
++  },
++  {
++    "name": "ohos.permission.INTERNET",
++    "reason": "$string:internet_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"always"
++    }
++  }
+]
+```
+
+#### 在 entry 目录下添加申请以上权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "print_reason",
++      "value": "使用打印机"
++    },
++    {
++      "name": "fs_reason",
++      "value": "读取数据"
++    },
++    {
++      "name": "internet_reason",
++      "value": "网络请求数据"
++    },
+  ]
+}
+```
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### print(options: Object)
+
+| Name          | Description                                                   | Type    | Required | Platform     | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------- | ------- | -------- | ------------ | ----------------- |
+| `html`        | HTML string to print(The value must be html or filepath.)     | string  | no       | Android、iOS | no                |
+| `filePath`    | Local or remote file url(https://github.com/The%20value%20must%20be%20html%20or%20filepath.) | string  | no       | Android、iOS | yes               |
+| `printerURL`  | **iOS Only:** URL returned from `selectPrinterMethod()`       | string  | no       | iOS          | no                |
+| `isLandscape` | Landscape print; default value is false                       | boolean | no       | Android、iOS | no                |
+| `jobName`     | Name of printing job; default value is "Document"             | string  | no       | Android、iOS | yes               |
+| `baseUrl`     | Used to resolve relative links in the HTML                    | string  | no       | Android      | no                |
+
+### selectPrinter(options: Object)
+
+| Name | Description                        | Type   | Required | Platform | HarmonyOS Support |
+| ---- | ---------------------------------- | ------ | -------- | -------- | ----------------- |
+| `x`  | The x position of the popup dialog | number | yes      | iOS      | no                |
+| `y`  | The y position of the popup dialog | number | yes      | iOS      | no                |
+
+## 遗留问题
+
+- [ ] HarmonyOS NEXT 上不支持 html、printerURL、isLandscape、baseUrl 等参数，并且不支持打印 word 文档: [issue#1](https://github.com/react-native-oh-library/react-native-print/issues/1)
+- [ ] HarmonyOS NEXT 上不支持 selectPrinter()方法 : [issue#2](https://github.com/react-native-oh-library/react-native-print/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/christopherdro/react-native-print/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-progress.md b/en/react-native-progress.md
new file mode 100644
index 00000000..95ca2bc8
--- /dev/null
+++ b/en/react-native-progress.md
@@ -0,0 +1,233 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-progress</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vonovak/react-native-progress">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-progress/blob/sig/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-progress)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-progress@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-progress@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useEffect } from "react";
+import { StyleSheet, View, Text } from "react-native";
+import * as Progress from "react-native-progress";
+
+const ProgressExample = () => {
+  const [progress, setProgress] = React.useState(0);
+  const [indeterminate, setIndeterminate] = React.useState(true);
+
+  useEffect(() => {
+    let interval: ReturnType<typeof setInterval>;
+    const timer = setTimeout(() => {
+      setIndeterminate(false);
+      interval = setInterval(() => {
+        setProgress((prevProgress) => {
+          if (prevProgress >= 1) {
+            return 0;
+          }
+          return Math.min(1, prevProgress + Math.random() / 5);
+        });
+      }, 500);
+    }, 1500);
+    return () => {
+      clearTimeout(timer);
+      clearInterval(interval);
+    };
+  }, []);
+
+  return (
+    <View>
+      <Text style={styles.welcome}>Progress Example</Text>
+      <Progress.Bar
+        style={styles.progress}
+        progress={progress}
+        indeterminate={indeterminate}
+      />
+      <View style={styles.circles}>
+        <Progress.Circle
+          style={styles.progress}
+          progress={progress}
+          indeterminate={indeterminate}
+        />
+        <Progress.Pie
+          style={styles.progress}
+          progress={progress}
+          indeterminate={indeterminate}
+        />
+        <Progress.Circle
+          style={styles.progress}
+          progress={progress}
+          indeterminate={indeterminate}
+          direction="counter-clockwise"
+        />
+      </View>
+      <View style={styles.circles}>
+        <Progress.CircleSnail style={styles.progress} />
+        <Progress.CircleSnail
+          style={styles.progress}
+          color={["#F44336", "#2196F3", "#009688"]}
+        />
+      </View>
+    </View>
+  );
+};
+export default ProgressExample;
+
+const styles = StyleSheet.create({
+  welcome: {
+    fontSize: 20,
+    textAlign: "center",
+    margin: 10,
+  },
+  bar: {
+    flexDirection: "row",
+    justifyContent: "center",
+  },
+  circles: {
+    flexDirection: "row",
+    justifyContent: "center",
+  },
+  progress: {
+    margin: 10,
+  },
+});
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 进行引入 
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见[react-native-progress](https://github.com/oblador/react-native-progress)
+
+### Properties for all progress components:
+
+| Name                           | Description                                                                  | Type    | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ---------------------------------------------------------------------------- | ------- | -------- | -------- | ----------------- |
+| animated                       | Whether or not to animate changes to `progress`.                             | boolean | No       | All      | Yes               |
+| indeterminate                  | If set to true, the indicator will spin and `progress` prop will be ignored. | boolean | No       | All      | Yes               |
+| indeterminateAnimationDuration | Sets animation duration in milliseconds when indeterminate is set.           | number  | No       | All      | Yes               |
+| progress                       | Progress of whatever the indicator is indicating. A number between 0 and 1.  | number  | No       | All      | Yes               |
+| color                          | Fill color of the indicator.                                                 | string  | No       | All      | Yes               |
+| unfilledColor                  | Color of the remaining progress.                                             | string  | No       | All      | Yes               |
+| borderWidth                    | Width of outer border, set to `0` to remove.                                 | number  | No       | All      | Yes               |
+| borderColor                    | Color of outer border.                                                       | string  | No       | All      | Yes               |
+
+### `Progress.Bar`:
+
+All of the props under _Properties_ in addition to the following:
+
+| Name            | Description                                                                    | Type                            | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------------ | ------------------------------- | -------- | -------- | ----------------- |
+| width           | Full width of the progress bar, set to `null` to use automatic flexbox sizing. | number \| null                  | No       | All      | Yes               |
+| height          | Height of the progress bar.                                                    | number                          | No       | All      | Yes               |
+| borderRadius    | Rounding of corners, set to `0` to disable.                                    | number                          | No       | All      | Yes               |
+| useNativeDriver | Use native driver for the animations.                                          | boolean                         | No       | All      | Yes               |
+| animationConfig | Config that is passed into the `Animated` function.                            | function                        | No       | All      | Yes               |
+| animationType   | Animation type to animate the progress, one of: `decay`, `timing`, `spring`.   | 'decay' \| 'timing' \| 'spring' | No       | All      | Yes               |
+
+### `Progress.Circle`:
+
+All of the props under _Properties_ in addition to the following:
+
+| Name             | Description                                                                                                                  | Type                               | Required | Platform | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | -------- | -------- | ----------------- |
+| size             | Diameter of the circle.                                                                                                      | number                             | No       | All      | Yes               |
+| endAngle         | Determines the endAngle of the circle. A number between `0` and `1`. The final endAngle would be the number multiplied by 2π | number                             | No       | All      | Yes               |
+| thickness        | Thickness of the inner circle.                                                                                               | number                             | No       | All      | Yes               |
+| showsText        | Whether or not to show a text representation of current progress.                                                            | boolean                            | No       | All      | Yes               |
+| formatText       | A function returning a string to be displayed for the textual representation.                                                | function                           | No       | All      | Yes               |
+| textStyle        | Styles for progress text, defaults to a same `color` as circle and `fontSize` proportional to `size` prop.                   | TextStyle                          | No       | All      | Yes               |
+| allowFontScaling | Whether or not to respect device font scale setting.                                                                         | boolean                            | No       | All      | Yes               |
+| direction        | Direction of the circle `clockwise` or `counter-clockwise`.                                                                  | 'clockwise' \| 'counter-clockwise' | No       | All      | Yes               |
+| strokeCap        | Stroke Cap style for the circle `butt`, `square` or `round`.                                                                 | 'butt' \| 'square' \| 'round'      | No       | All      | Yes               |
+| fill             | Fill color of the inner circle.                                                                                              | string                             | No       | All      | Yes               |
+
+### `Progress.Pie`:
+
+All of the props under _Properties_ in addition to the following:
+
+| Name | Description          | Type   | Required | Platform | HarmonyOS Support |
+| ---- | -------------------- | ------ | -------- | -------- | ----------------- |
+| size | Diameter of the pie. | number | No       | All      | Yes               |
+
+### `Progress.CircleSnail`:
+
+| Name             | Description                                                                               | Type                               | Required | Platform | HarmonyOS Support |
+| ---------------- | ----------------------------------------------------------------------------------------- | ---------------------------------- | -------- | -------- | ----------------- |
+| animating        | If the circle should animate.                                                             | boolean                            | No       | All      | Yes               |
+| hidesWhenStopped | If the circle should be removed when not animating.                                       | boolean                            | No       | All      | Yes               |
+| size             | Diameter of the circle.                                                                   | number                             | No       | All      | Yes               |
+| color            | Color of the circle, use an array of colors for rainbow effect.                           | string \| string[]                 | No       | All      | Yes               |
+| thickness        | Thickness of the circle.                                                                  | number                             | No       | All      | Yes               |
+| duration         | Duration of animation.                                                                    | number                             | No       | All      | Yes               |
+| spinDuration     | Duration of spin (orbit) animation.                                                       | number                             | No       | All      | Yes               |
+| strokeCap        | Stroke Cap style for the circle `butt`, `square` or `round`.                              | 'butt' \| 'square' \| 'round'      | No       | All      | Yes               |
+| direction        | Direction in which the circle spins, either "clockwise" or "counter-clockwise" (default). | 'clockwise' \| 'counter-clockwise' | No       | All      | Yes               |
+
+## 遗留问题
+
+- [x] 已解决：1、Progress.Circle 中的属性 fill 在 HarmonyOS 上默认显示黑色和默认无色不一致，定位是 svg 的属性配置有问题，当前通过修改 Circle.js 中默认 fill 的属性进行规避，后续 svg 修复该问题[issue#6](https://github.com/react-native-oh-library/react-native-svg/issues/6)后，修改的代码会移除。
+
+- [x] 已解决：2、Progress.Circle中的属性color, unfilledColor,borderWith,borderColor中圆的颜色，在进行静态配置的时候颜色显示正常，在使用Button进行动态改变的时候，中间的圆会显示黑色和默认的颜色不一致，定位是svg的属性配置有问题，当前通过修改Circle.js中默认fill的属性进行规避，后续 svg 修复该问题[issue#7](https://github.com/react-native-oh-library/react-native-svg/issues/7)后，修改的代码会移除。
+
+- [x] 已解决：3、Progress.pie中的属性color,borderWith,borderColor中内圆的颜色，在进行静态配置的时候颜色显示正常，在使用Button进行动态改变的时候，中间的圆会显示黑色和默认的颜色不一致，定位是svg的属性有问题，pie传入给svg的值是正常的，svg处理逻辑有问题，修改svg修复该问题[issue#8](https://github.com/react-native-oh-library/react-native-svg/issues/8)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-pull.md b/en/react-native-pull.md
new file mode 100644
index 00000000..9748d297
--- /dev/null
+++ b/en/react-native-pull.md
@@ -0,0 +1,473 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+<h1 align="center"> <code>react-native-pull</code> </h1>
+</p>
+<p align="center">
+ <a href="https://github.com/greatbsky/react-native-pull/blob/master">
+     <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+ </a>
+     <a href="https://github.com/greatbsky/react-native-pull/blob/master/LICENSE">
+     <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+ </a>
+</p>
+
+
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-pull)
+
+## 安装与使用
+
+请到三方库的地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-pull@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-pull@file:#
+```
+
+<!-- tabs:end -->
+
+下面的demo代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+**PullViewDemo**
+
+> 代码示例
+
+```js
+import React, { Component, useState } from 'react';
+import {
+StyleSheet,
+Text,
+View,
+ActivityIndicator,
+Dimensions,
+} from 'react-native';
+
+import {PullView} from 'react-native-pull';
+
+const PullViewDemo = () => {
+
+const [count, setCount] = useState(0);
+let testObj = {
+ pulling:null,
+ pullok:null,
+ pullrelease:null,
+ pushing:null,
+ refresh:null,
+ isPullEnd:null
+};
+const [data, setData] = useState(testObj);
+const onPulling = () => {
+   testObj.pulling='pulling--------->'
+   setData(testObj)
+};
+const onPullOk = () => {
+   testObj.pullok='pullok--------->'
+   setData(testObj)
+};
+const onPullRelease = (resolve) => {
+     //do something
+     testObj.pullrelease='pullrelease--------->'
+     setData(testObj)
+     setTimeout(() => {
+         resolve();
+     }, 3000);
+ };
+ const onPushing = (gesturePosition) => {
+     testObj.pushing= 'x:' + gesturePosition.x + '------' + 'y：' + gesturePosition.y
+     setData(testObj)
+ };
+	const topIndicatorRender = (pulling, pullok, pullrelease) => {
+     if (pulling) {
+         setCount('下拉刷新pulling...')
+     } else if (pullok) {
+         setCount('松开刷新pullok......')
+     } else if (pullrelease) {
+         setCount('玩命刷新中pullrelease......')
+     }
+		return (
+         <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center', height: 60}}>
+             <ActivityIndicator size="small" color="gray" />
+             {pulling ? <Text>{count}</Text> : null}
+             {pullok ? <Text>{count}</Text> : null}
+             {pullrelease ? <Text>{count}</Text> : null}
+ 		</View>
+     );
+	};
+
+ return (
+   <View style={[styles.container]}>
+		<PullView style={{width: Dimensions.get('window').width}}
+           onPulling={onPulling}
+           onPullOk={onPullOk}
+           isPullEnd={true}
+           onPullRelease={onPullRelease}
+           onPushing={onPushing}
+           topIndicatorRender={topIndicatorRender}
+           topIndicatorHeight={60}>
+			<View style={{backgroundColor: '#eeeeee'}}>
+			 <Text>1***************</Text>
+             <Text>onPulling:{testObj.pulling}</Text>
+             <Text>3</Text>
+             <Text>onPullOk:{testObj.pullok}</Text>
+             <Text>5</Text>
+             <Text>onPullRelease:{testObj.pullrelease}</Text>
+             <Text>7</Text>
+             <Text>onPushing:{testObj.pushing}</Text>
+             <Text>9</Text>
+         </View>
+     </PullView>
+   </View>
+ );
+           > };
+export default PullViewDemo;
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+});
+```
+
+**PullListDemo**
+
+> 代码示例
+
+```jsx
+import React, { Component, useState } from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  ActivityIndicator,
+  Dimensions,
+  RefreshControl
+} from 'react-native';
+import {PullList} from 'react-native-pull';
+
+const PullListDemo = () => {
+  let testObj = {
+    pulling:null,
+    pullok:null,
+    pullrelease:null,
+    pushing:null,
+    refresh:null,
+    isPullEnd:null
+   };
+
+   const [count, setCount] = useState(0);
+   const [data, setData] = useState(testObj);
+    const [stateList, setStateList] = useState(
+         [
+                 {
+                   id: 1,
+                   title: '------>Item1',
+                 },
+                 {
+                   id: 2,
+                   title: '------>Item2',
+                 },
+                 {
+                   id: 3,
+                   title: '------>Item3',
+                 },
+                 {
+                   id: 4,
+                   title: '------>Item4',
+                 },
+                 {
+                   id: 5,
+                   title: '------>Item5',
+                 },
+                 {
+                   id: 6,
+                   title: '------>Item6',
+                 },
+                 {
+                   id: 7,
+                   title: '------>Item7',
+                 },
+                 {
+                   id: 8,
+                   title: '------>Item8',
+                 },
+                 {
+                   id: 9,
+                   title: '------>Item9',
+                 },
+                  {
+                    id: 10,
+                    title: '------>Item10',
+                  },
+                  {
+                    id: 11,
+                    title: '------>Item11',
+                  },
+                  {
+                    id: 12,
+                    title: '------>Item12',
+                  },
+               ]
+    );
+
+   const onPulling = () => {
+      testObj.pulling='pulling--------->'
+      setData(testObj)
+   };
+
+   const onPullOk = () => {
+      testObj.pullok='pullok--------->'
+      setData(testObj)
+   };
+
+   const onPullRelease = (resolve) => {
+        //do something
+        testObj.pullrelease='pullrelease--------->'
+        setData(testObj)
+        setTimeout(() => {
+         setStateList([
+                                       {
+                                         id: 1,
+                                         title: '------>Item1',
+                                       },
+                                       {
+                                         id: 2,
+                                         title: '------>Item2',
+                                       },
+                                       {
+                                         id: 3,
+                                         title: '------>Item3',
+                                       },
+                                       {
+                                         id: 4,
+                                         title: '------>Item4',
+                                       },
+                                       {
+                                         id: 5,
+                                         title: '------>Item5',
+                                       },
+                                       {
+                                         id: 6,
+                                         title: '------>Item6',
+                                       },
+                                       {
+                                         id: 7,
+                                         title: '------>Item7',
+                                       },
+                                       {
+                                         id: 8,
+                                         title: '------>Item8',
+                                       },
+                                       {
+                                         id: 9,
+                                         title: '------>Item9',
+                                       },
+                                        {
+                                          id: 10,
+                                          title: '------>Item10',
+                                        },
+                                        {
+                                          id: 11,
+                                          title: '------>Item11',
+                                        },
+                                        {
+                                          id: 12,
+                                          title: '------>Item12',
+                                        },
+                                     ]);
+            resolve();
+        }, 3000);
+    };
+
+
+    const onPushing = (gesturePosition) => {
+        testObj.pushing= 'x:' + gesturePosition.x + '------' + 'y：' + gesturePosition.y
+        setData(testObj)
+    };
+
+    const topIndicatorRender = (pulling, pullok, pullrelease) => {
+      if (pulling) {
+          setCount('当前PullList状态: pulling...')
+      } else if (pullok) {
+          setCount('当前PullList状态: pullok......')
+      } else if (pullrelease) {
+          setCount('当前PullList状态: pullrelease......')
+      }
+
+  return (
+      <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center', height: 60}}>
+          <ActivityIndicator size="small" color="gray" />
+          {pulling ? <Text>{count}</Text> : null}
+          {pullok ? <Text>{count}</Text> : null}
+          {pullrelease ? <Text>{count}</Text> : null}
+      </View>
+  );
+};
+
+
+    const renderHeader = () => {
+      return (
+          <View style={{height: 50, backgroundColor: '#eeeeee', alignItems: 'center', justifyContent: 'center'}}>
+              <Text style={{fontWeight: 'bold'}}>This is header</Text>
+          </View>
+      );
+    }
+
+   const renderRow = ({item}) => {
+      return (
+          <View style={{height: 50, backgroundColor: '#fafafa', alignItems: 'center', justifyContent: 'center'}}>
+              <Text>{item.title}</Text>
+          </View>
+      );
+    }
+
+   const renderFooter = () => {
+      return (
+          <View style={{height: 100}}>
+              <ActivityIndicator />
+          </View>
+      );
+    }
+
+   const loadMore = () => {
+      const list = []
+      const num = stateList.length
+        for(var i = 0; i < 5; i++) {
+            list.push({
+                id: (i + 1 + num) + '',
+                title: `------>Item${(i+num+1)}`,
+            })
+        }
+       setTimeout(() => {
+          setStateList([...stateList,...list]);
+        }, 1000);
+    }
+
+    const [refreshing, setRefreshing] = useState(false)
+    const onRefresh = () => {
+      // 加载数据的逻辑
+      setRefreshing(true)
+      // 数据加载完成后
+      setTimeout(() => {
+        setRefreshing(false)
+      }, 2000); // 假设数据加载需要2秒
+    };
+    const refreshControl = (
+      <RefreshControl
+        refreshing={refreshing}
+        onRefresh={onRefresh}
+        tintColor="#ff0000" // 可选，设置刷新指示器的颜色
+        title="Loading..." // 可选，设置刷新时显示的文本
+        colors={['#ff0000', '#00ff00', '#0000ff']} // 可选，设置刷新指示器的颜色数组
+        progressBackgroundColor="#ffffff" // 可选，设置进度背景色
+      />
+    );
+
+    return (
+      <View style={[styles.container]}>
+      <PullList style={{width: Dimensions.get('window').width}}
+            onPulling={onPulling}
+            onPullOk={onPullOk}
+            isPullEnd={true}
+            onPullRelease={onPullRelease}
+            onPushing={onPushing}
+            topIndicatorRender={topIndicatorRender}
+            topIndicatorHeight={60}
+            pageSize={5}
+            scrollViewProps={{
+                scrollEventThrottle: 16, // 减少滚动事件的延迟，提高滚动的响应性
+              }}
+            initialListSize={5}
+            onEndReached={loadMore}
+            onEndReachedThreshold={60}
+            renderItem={renderRow}
+            ListFooterComponent={renderFooter}
+            ListHeaderComponent={renderHeader}
+            data={stateList}
+            keyExtractor={(item:any) => item.id}
+          />
+      </View>
+    );
+};
+
+const styles = StyleSheet.create({
+ container: {
+    flex: 1,
+    flexDirection: 'column',
+    backgroundColor: '#F5FCFF',
+    width:'100%',
+    height:'100%',
+    overflow: 'scroll'
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+
+export default PullListDemo;
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**`PullView` & `PullList` 下拉效果属性**
+
+| Name                 | Description                                                                                                                                                                | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `style`              | 设置组件样式，比如可以设置width/height/backgroudColor等                                                                                                                    | Style    | no       | android,ios | yes               |
+| `onPulling`          | 处于`pulling`状态时执行的方法                                                                                                                                              | function | no       | android,ios | yes               |
+| `onPullOk`           | 处于`pullok`状态时执行的方法                                                                                                                                               | function | no       | android,ios | yes               |
+| `onPullRelease`      | 处于`pullrelease`状态时执行的方法，接受一个参数：`resolve`，最后执行完操作后应该调用`resolve()`。                                                                          | function | no       | android,ios | yes               |
+| `onPushing`          | 当从下往上推时执行的方法，接受一个参数：`gesturePosition`。gesturePosition是json格式{x, y}对象，当从上往下拉时gesturePosition.y > 0，当从下往上推时gesturePosition.y < 0。 | function | no       | android,ios | yes               |
+| `topIndicatorRender` | 顶部刷新指示组件的渲染方法, 接受4个参数: `ispulling`, `ispullok`, `ispullrelease`，`gesturePosition`，你可以使用`gesturePosition`定义动画头部。                            | function | no       | android,ios | yes               |
+| `topIndicatorHeight` | 顶部刷新指示组件的高度, 若定义了topIndicatorRender则同时需要此属性                                                                                                         | number   | no       | android,ios | yes               |
+| `isPullEnd`          | 是否已经下拉结束，若为true则隐藏顶部刷新指示组件，非必须                                                                                                                   | boolean  | no       | android,ios | yes               |
+| `onRefresh`          | 开始刷新时调用的方法                                                                                                                                                       | function | no       | android,ios | yes               |
+| `refreshing`         | 指示是否正在刷新                                                                                                                                                           | function | no       | android,ios | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/greatbsky/react-native-pull/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-qr-decode-image-camera.md b/en/react-native-qr-decode-image-camera.md
new file mode 100644
index 00000000..b7482989
--- /dev/null
+++ b/en/react-native-qr-decode-image-camera.md
@@ -0,0 +1,315 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-qr-decode-image-camera</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/deepanrajkumar/react-native-qr-decode-image-camera">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/deepanrajkumar/react-native-qr-decode-image-camera/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera Releases](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> 示例中：launchImageLibrary 方法需引入 Harmony OS 的 react-native-image-picker 库，跳转 [react-native-image-picker](/zh-cn/react-native-image-picker.md)查看使用方法。
+
+QRreader
+
+```js
+import React, {useState} from 'react';
+import {Button, View, Text} from 'react-native';
+import {QRreader} from 'react-native-qr-decode-image-camera';
+import {launchImageLibrary} from 'react-native-image-picker';
+
+export const qrExample = () => {
+  const [reader, setReader] = useState<any>('');
+  return (
+    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
+      <Button
+        onPress={() => {
+          launchImageLibrary({mediaType: 'photo', selectionLimit: 1}, data => {
+            if (data.assets?.length) {
+              const path = {
+                uri: data.assets[0].originalPath,
+              };
+              QRreader(path)
+                .then(res => {
+                  setReader(res?.[0]?.originalValue);
+                })
+                .catch(error => {
+                  console.log(error);
+                });
+            }
+          });
+        }}
+        title="点击选择二维码照片 "
+      />
+      <Text style={{fontSize: 20}}>{reader}</Text>
+    </View>
+  );
+};
+```
+QRscanner
+
+```json
+import React, {useState} from 'react';
+import { View, Text, TouchableOpacity, StyleSheet} from 'react-native';
+import { QRscanner} from 'react-native-qr-decode-image-camera';
+
+
+export const qrExample = () => {
+
+  const [flashMode, setflashMode] = useState(false);
+  const onRead = res => {
+    console.log(res);
+  };
+  return (
+    <View style={styles.container}>
+      <QRscanner
+        onRead={onRead}
+        renderBottomView={() => {
+          return (
+            <View
+              style={{
+                flex: 1,
+                flexDirection: 'row',
+                backgroundColor: '#0000004D',
+              }}>
+              <TouchableOpacity
+                style={{
+                  flex: 1,
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                }}
+                onPress={() => {
+                  if (flashMode) {
+                    setflashMode(false);
+                  } else {
+                    setflashMode(true);
+                  }
+                }}>
+                <Text style={{color: '#fff'}}>flashMode</Text>
+              </TouchableOpacity>
+            </View>
+          );
+        }}
+        flashMode={flashMode}
+        finderY={50}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#000',
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-vision-camera 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-vision-camera](/zh-cn/react-native-vision-camera.md)进行引入
+
+## 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-qr-decode-image-camera": "file:../../node_modules/@react-native-oh-tpl/react-native-qr-decode-image-camera/harmony/qr_decode_image_camera.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNQrDecodeImageCameraPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+
+```diff
+  ...
++ import {RNQrDecodeImageCameraPackage} from '@react-native-oh-tpl/react-native-qr-decode-image-camera/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNQrDecodeImageCameraPackage(ctx)
+  ];
+}
+```
+
+### 4.在 ArkTs 侧引入 Fabric 组件
+
+找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
+
+```diff
+  ...
++ import { NativeScan } from "@react-native-oh-tpl/react-native-qr-decode-image-camera"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === NativeScan.NAME) {
++   NativeScan({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+ | Name | Description | Type | Required | Platform | HarmonyOS Support |
+ | ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+ | QRreader | Invoke this method to invoke the gallery, select the QR code image for image decoding, and asynchronously return the result. | funtion | no | iOS/Android | yes |
+
+## 属性
+
+### QRscanner
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                      | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------ | ------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| isRepeatScan       | whether to allow repeated scanning               | boolean | no       | iOS/Android | yes               |
+| zoom               | Camera focal length range 0-1                    | number  | no       | iOS/Android | no                |
+| flashMode          | Turn on the flashlight                           | boolean | no       | iOS/Android | yes               |
+| onRead             | scan callback                                    | funtion | yes      | iOS/Android | yes               |
+| maskColor          | mask layer color                                 | string  | no       | iOS/Android | yes               |
+| borderColor        | border color                                     | string  | no       | iOS/Android | yes               |
+| cornerColor        | Color of corner of scan frame                    | string  | no       | iOS/Android | yes               |
+| borderWidth        | border width of scan frame                       | number  | no       | iOS/Android | yes               |
+| cornerBorderWidth  | border width of scan frame corner                | number  | no       | iOS/Android | yes               |
+| cornerBorderLength | width and height of the corner of the scan frame | number  | no       | iOS/Android | yes               |
+| rectHeight         | Scan frame height                                | number  | no       | iOS/Android | yes               |
+| rectWidth          | Scan Frame Width                                 | number  | no       | iOS/Android | yes               |
+| finderX            | scan frame X axis offset                         | number  | no       | iOS/Android | yes               |
+| finderY            | scan frame Y axis offset                         | number  | no       | iOS/Android | yes               |
+| isCornerOffset     | whether the corners are offset                   | boolean | no       | iOS/Android | yes               |
+| cornerOffsetSize   | offset                                           | number  | no       | iOS/Android | yes               |
+| bottomHeight       | Reserved height at the bottom                    | number  | no       | iOS/Android | yes               |
+| scanBarAnimateTime | scan line time                                   | number  | no       | iOS/Android | yes               |
+| scanBarColor       | scan line color                                  | string  | no       | iOS/Android | yes               |
+| scanBarImage       | scan line image                                  | any     | no       | iOS/Android | yes               |
+| scanBarHeight      | scan line height                                 | number  | no       | iOS/Android | yes               |
+| scanBarMargin      | scanline left and right margin                   | number  | no       | IOS/Android | yes               |
+| hintText           | hintText                                         | string  | no       | IOS/Android | yes               |
+| hintTextStyle      | hint string style                                | object  | no       | iOS/Android | yes               |
+| hintTextPosition   | hintTextPosition                                 | number  | no       | iOS/Android | yes               |
+| renderTopView      | render top View                                  | funtion | no       | iOS/Android | yes               |
+| renderBottomView   | render bottom View                               | funtion | no       | iOS/Android | yes               |
+| isShowScanBar      | whether to show scan lines                       | boolean | no       | iOS/Android | yes               |
+| topViewStyle       | render top container style                       | object  | no       | iOS/Android | yes               |
+| bottomViewStyle    | render bottom container style                    | object  | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-qrcode-svg.md b/en/react-native-qrcode-svg.md
new file mode 100644
index 00000000..8618af60
--- /dev/null
+++ b/en/react-native-qrcode-svg.md
@@ -0,0 +1,110 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-qrcode-svg</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/awesomejerry/react-native-qrcode-svg">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/awesomejerry/react-native-qrcode-svg/blob/master/LICENSE">
+        <img src="https://img.shields.io/npm/l/react-native-qrcode-svg.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/awesomejerry/react-native-qrcode-svg)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-qrcode-svg@6.2.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-qrcode-svg@6.2.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+> [!TIP] 当报错信息为`Property 'TextEncoder' doesn't exist`[解决方案](https://github.com/awesomejerry/react-native-qrcode-svg/issues/199)
+
+
+```js
+import {  Text, View } from "react-native";
+import QRCode from 'react-native-qrcode-svg';
+
+export const SvgDemo = () => {
+    return (
+        <View style={{ flex: 1, backgroundColor: '#FFFFFF' }}>
+            <QRCode
+                size={300}
+              
+                value="http://awesome.link.qr/"
+            />
+        </View>
+    )
+}
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg-capi 文档的 Link 章节](/zh-cn/react-native-svg-capi.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过
+
+1.RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                                                                               | Type     | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `size`                 | Size of rendered image in pixels                                                                                          | number   | No       | iOS,Android      | yes               |
+| `value`                | String Value of the QR code                                                                                               | string   | yes      | iOS,Android      | yes               |
+| `color`                | Color of the QR code                                                                                                      | string   | No       | iOS,Android      | yes               |
+| `backgroundColor`      | Color of the background                                                                                                   | string   | No       | iOS,Android      | yes               |
+| `enableLinearGradient` | enables or disables linear gradient                                                                                       | boolean  | No       | iOS,Android      | yes                |
+| `linearGradient`       | array of 2 rgb colors used to create the linear gradient                                                                  | string[] | No       | iOS,Android      | yes                |
+| `gradientDirection`    | the direction of the linear gradient                                                                                      | string   | No       | iOS,Android      | yes                |
+| `logo`                 | Image source object. Ex. {uri: 'base64string'} or {require('pathToImage')}                                                | object   | No       | iOS,Android      | yes               |
+| `logoSize`             | Size of the imprinted logo. Bigger logo = less error correction in QR code                                                | number   | No       | iOS,Android      | yes               |
+| `logoBackgroundColor`  | The logo gets a filled quadratic background with this color. Use 'transparent' if your logo already has its own backdrop. | string   | No       | iOS,Android      | yes               |
+| `logoMargin`           | logo's distance to its wrapper                                                                                            | number   | No       | iOS,Android      | yes               |
+| `logoBorderRadius`     | the border-radius of logo image (Android is not supported)                                                                | number   | No       | iOS      | yes                |
+| `quietZone`            | quiet zone around the qr in pixels (useful when saving image to gallery)                                                  | number   | No       | iOS,Android      | yes                |
+| `getRef`               | Get SVG ref for further usage                                                                                             | callback | No       | iOS,Android      | yes            |
+| `ecl`                  | Error correction level                                                                                                    | string   | No       | iOS,Android      | yes               |
+| `onError(error)`       | Callback fired when exception happened during the code generating process                                                 | callback | No       | iOS,Android      | yes            |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/awesomejerry/react-native-qrcode-svg/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-quick-base64.md b/en/react-native-quick-base64.md
new file mode 100644
index 00000000..4b605dc8
--- /dev/null
+++ b/en/react-native-quick-base64.md
@@ -0,0 +1,598 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-quick-base64</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/craftzdog/react-native-quick-base64">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/craftzdog/react-native-quick-base64/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-quick-base64)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-quick-base64@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-quick-base64@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { Text, View, TextInput, ScrollView, StyleSheet, Button } from 'react-native';
+import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from '@react-native-oh-tpl/react-native-quick-base64';
+
+type FuncBase64ToArrayBuffer = (
+  data: string,
+  removeLinebreaks?: boolean
+) => ArrayBuffer
+type FuncBase64FromArrayBuffer = (
+  data: string | ArrayBuffer,
+  urlSafe?: boolean
+) => string
+
+
+interface NativeModule {
+  base64FromArrayBuffer: FuncBase64FromArrayBuffer | undefined;
+  base64ToArrayBuffer: FuncBase64ToArrayBuffer | undefined;
+}
+
+const PALETTE = {
+  REACT_CYAN_LIGHT: 'hsl(193, 95%, 68%)',
+  REACT_CYAN_DARK: 'hsl(193, 95%, 30%)',
+};
+
+export function QuickBase64Test() {
+  // 测试字符串转base64
+  const [textTobase64, onChangeTextToBase64] = useState('');
+
+  const [base64ToTextLength, onChangeBase64TextLength] = useState(0);
+
+  const [base64ToText, onChangeBase64Text] = useState('');
+
+  const [byteArray, onChangeByteArray] = useState(new Uint8Array(0));
+
+  const [byteArrayRemove, onChangeByteArrayRemove] = useState(new Uint8Array(0));
+
+  const [fbArrayBase64Str, onChangeFbArrayBase64Str] = useState('');
+
+  const [fbArrayBase64StrUrlSafe, onChangeFbArrayBase64StrUrlSafe] = useState('');
+
+  const [testShimBtoA, onChangeTestShimBtoA] = useState(''); // 字符串转base64
+
+  const [testShimAtoB, onChangeTestShimAtoB] = useState(''); // base64转字符串
+
+  const [nativeModule, onChangeNativeModule] = useState<NativeModule>({
+    base64FromArrayBuffer: undefined,
+    base64ToArrayBuffer: undefined
+  });
+
+  const [nativeBFABText, onChangeNBFABText] = useState('');
+
+  const [nativeBFABTextUrlSafe, onChangeNBFABTextUrlSafe] = useState('');
+
+  const [nativeBTABText, onChangeNBTABText] = useState(new Uint8Array(0));
+
+  const [nativeBTABTextRemoveLinebreaks, onChangeNBTABTextRemoveLinebreaks] = useState(new Uint8Array(0));
+
+  const [trimBase64PaddingText, onChangeTrimBase64PaddingText] = useState('');
+
+  const byArray = new Uint8Array([72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100, 33]);
+  // 点击事件 字符串转base64
+  const onPressBtoA = (text: string) => {
+    let b64 = btoa(text);
+    console.log(`字符串转base64 ${b64}`);
+    onChangeTextToBase64(b64)
+  }
+
+  const [testText, onChangeTestText] = React.useState('');
+
+  // 点击事件 base64转字符串
+  const onPressAtoB = (text: string) => {
+    let textA = atob(text);
+    console.log(`base64转字符串 ${textA}`);
+    onChangeBase64Text(textA)
+  }
+
+  // 打印base64转为Unit8Array字节数组的长度
+  const onPressBase64Length = (text: string) => {
+    console.log(`打印base64长度1 ${text}`);
+    onChangeBase64TextLength(byteLength(text))
+  }
+
+  /* toByteArray 把base64字符串解码为Uint8Array */
+  const onPressToByteArray = (text: string) => {
+    let btArray = toByteArray(text);
+    console.log(`toByteArray ${btArray}`);
+    onChangeByteArray(btArray)
+  }
+
+  /* toByteArray 把base64字符串解码为Uint8Array  removeLinebreaks */
+  const onPressToByteArrayRemove = (text: string, removeLinebreaks: boolean = false) => {
+    let btArray = toByteArray(text, removeLinebreaks);
+    console.log(`toByteArray ${btArray}`);
+    onChangeByteArrayRemove(btArray)
+  }
+
+  /* fromByteArray 把Uint8Array编码为Base64字符串 */
+  const onPressFromByteArray = (
+    uint8: Uint8Array,
+    urlSafe: boolean = false) => {
+    let b64 = fromByteArray(uint8);
+    console.log(`fromByteArray ${b64}`);
+    onChangeFbArrayBase64Str(b64)
+  }
+
+  /* fromByteArray 把Uint8Array编码为Base64字符串  */
+  const onPressFromByteArrayUrlSafe = (
+    uint8: Uint8Array,
+    urlSafe: boolean = false) => {
+    let b64 = fromByteArray(uint8, urlSafe);
+    console.log(`fromByteArray ${b64}`);
+    onChangeFbArrayBase64StrUrlSafe(b64)
+  }
+
+  /* shim 给全局对象添加btoa和atob函数的shim实现 */
+  const handleAddShimToGlobal = () => {
+    shim();
+    console.log(typeof global.btoa); // 应该输出 "function"
+    console.log(typeof global.atob); // 同样应该输出 "function"
+  }
+
+  const onPressTestShimBtoA = (text: string) => {
+    const encodeBase64 = global.btoa(text);
+    console.log(`shim global btoa ${encodeBase64}`);
+    onChangeTestShimBtoA(encodeBase64)
+  }
+
+  const onPressTestShimAtoB = (text: string) => {
+    const decodeBase64 = global.atob(text);
+    console.log(`shim global atob ${decodeBase64}`);
+    onChangeTestShimAtoB(decodeBase64)
+  }
+
+  /* trimBase64Padding 清除Base64字符串的填充字符 */
+  const onPressTrimBase64Padding = (text: string) => {
+    let trimBase64 = trimBase64Padding(text);
+    console.log(`shim global atob ${trimBase64}`);
+    onChangeTrimBase64PaddingText(trimBase64)
+  }
+
+  /* getNative 返回包含base64FromArrayBuffer和base64ToArrayBuffer函数的对象 */
+  const onPressGetNative = () => {
+    const native = getNative() as NativeModule;
+    onChangeNativeModule(native)
+  }
+
+  /**
+   * @param text 
+   * base64FromArrayBuffer方法接受一个Base64编码的字符串或ArrayBuffer，
+   * 以及一个可选的布尔值参数，该参数决定是否生成的Base64字符串是URL安全的。
+   * 这个方法将ArrayBuffer对象转换为Base64编码的字符串。
+   */
+  const onPressNBFAB = (text: string | ArrayBuffer) => {
+    if (nativeModule?.base64FromArrayBuffer) {
+      let base64FromArrayBuffer = nativeModule.base64FromArrayBuffer(text);
+      onChangeNBFABText(base64FromArrayBuffer)
+    }
+  }
+
+  /** 
+  * @description base64转换Unit8Array 去除换行符
+  * @param text
+  * @param removeLinebreaks true
+  * 
+  */
+  const onPressNBFABUrlSafe = (text: string | ArrayBuffer, urlSafe: boolean = false) => {
+    if (nativeModule?.base64FromArrayBuffer) {
+      let base64FromArrayBuffer = nativeModule.base64FromArrayBuffer(text, urlSafe);
+      onChangeNBFABTextUrlSafe(base64FromArrayBuffer)
+    }
+  }
+
+  /** 
+   * @description base64转换Unit8Array
+   * base64ToArrayBuffer方法接受一个Base64编码的字符串和一个可选的布尔值参数，
+   * 该参数决定是否在转换过程中删除换行符。这个方法将Base64编码的字符串转换为ArrayBuffer对象。
+   * @param text
+   * @param removeLinebreaks 默认值 false
+   * 
+   */
+  const onPressNBTAB = (text: string) => {
+    if (nativeModule?.base64ToArrayBuffer) {
+      let base64ToArrayBuffer = new Uint8Array(nativeModule.base64ToArrayBuffer(text));
+      onChangeNBTABText(base64ToArrayBuffer)
+    }
+  }
+
+  /** 
+   * @description base64转换Unit8Array 去除换行符
+   * @param text
+   * @param removeLinebreaks true
+   * 
+   */
+  const onPressNBTABRemoveLinebreaks = (text: string, removeLinebreaks: boolean = false) => {
+    if (nativeModule?.base64ToArrayBuffer) {
+      let base64ToArrayBuffer = new Uint8Array(nativeModule.base64ToArrayBuffer(text, removeLinebreaks));
+      onChangeNBTABTextRemoveLinebreaks(base64ToArrayBuffer)
+    }
+  }
+
+  return (
+    <ScrollView>
+      <View style={styles.mainContainer}>
+        <View>
+          <TextInput
+            style={{ height: 40, borderColor: '#978081', borderWidth: 1, width: 300, marginBottom: 20, backgroundColor: '#f5f5f5' }}
+            onChangeText={(text) => onChangeTestText(text)}
+            placeholder="please input test text"
+            placeholderTextColor={'#674651'}
+            value={testText}
+          />
+        </View>
+
+        <View>BtoA Encodes a character string into a Base64 character string.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test string transform base64, testing the text: {testText}</Text>
+          <Button
+            title="BtoA"
+            onPress={() => { onPressBtoA(testText) }}
+          />
+          <Text style={{ color: 'green' }}>{(textTobase64)}</Text>
+        </View>
+
+        <View>AtoB Convert base64 to character string.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test base64 transform string, testing the text: {textTobase64}</Text>
+          <Button
+            title="AtoB"
+            onPress={() => { onPressAtoB(textTobase64) }}
+          />
+          <Text style={{ color: 'green' }}>{(base64ToText)}</Text>
+        </View>
+
+        <View>Decodes a base64 string into a Uint8Array.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test base64 transform Unit8Array, testing the text: {textTobase64}</Text>
+          <Button
+            title="onPressToByteArray"
+            onPress={() => { onPressToByteArray(textTobase64) }}
+          />
+          <Text style={{ color: 'green' }}>{(byteArray.toString())}</Text>
+        </View>
+
+
+
+        <View>Decodes a base64 string into a Uint8Array. Whether to cancel line breaks.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test base64 transform Unit8Array add removeLinebreaks is true, testing the text: {textTobase64}</Text>
+          <Button
+            title="onPressToByteArrayRemove"
+            onPress={() => { onPressToByteArrayRemove(textTobase64, true) }}
+          />
+          <Text style={{ color: 'green' }}>{(byteArrayRemove.toString())}</Text>
+        </View>
+
+
+
+        <View>Takes a base64 string and returns the length of the byte array."</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>get Unit8Array length form base64 transform, testing the text: {textTobase64}</Text>
+          <Button
+            title="base64ToTextLength"
+            onPress={() => { onPressBase64Length(textTobase64) }}
+          />
+          <Text style={{ color: 'green' }}>{(base64ToTextLength)}</Text>
+        </View>
+
+
+
+        <View>Encodes a Uint8Array into a Base64 character string.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test Uint8Array transform base64 string, testing the text: {byteArray.toString()}</Text>
+          <Button
+            title="onPressFromByteArray"
+            onPress={() => { onPressFromByteArray(byteArray) }}
+          />
+          <Text style={{ color: 'green' }}>{(fbArrayBase64Str)}</Text>
+        </View>
+
+        <View>Encodes a Uint8Array into a Base64 character string. The urlSafe parameter determines whether Base64 encoding uses the URL-safe variant.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test Uint8Array transform base64 string add urlSafe params, testing the text: {byteArray.toString()}</Text>
+          <Button
+            title="onPressFromByteArrayUrlSafe"
+            onPress={() => { onPressFromByteArrayUrlSafe(byteArray) }}
+          />
+          <Text style={{ color: 'green' }}>{(fbArrayBase64StrUrlSafe)}</Text>
+        </View>
+
+        <View
+          style={{ display: 'flex', flexDirection: 'column', backgroundColor: '#ffffff' }}>
+          <Text>Add btoa and atob functions for global objects</Text>
+          <Button title="shim set global" onPress={() => handleAddShimToGlobal()} />
+        </View>
+
+
+        {/* 测试shim 设置 btoa和atob函数 成功与否 */}
+        <View>Test whether the shim sets the btoa function successfully.</View>
+
+        <View style={{ marginTop: 20, display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test shim BtoA, testing the text: {testText}</Text>
+          <Button title="test shim BtoA" onPress={() => { onPressTestShimBtoA(testText) }} />
+          <Text style={{ color: 'green' }}>{testShimBtoA}</Text>
+        </View>
+
+
+        {/* 测试shim 设置 btoa和atob函数 成功与否 */}
+        <View>Test whether the shim sets the atob function successfully.</View>
+
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>test shim AtoB, testing the text: {textTobase64}</Text>
+          <Button title="test shim AtoB" onPress={() => { onPressTestShimAtoB(textTobase64) }} />
+          <Text style={{ color: 'green' }}>{testShimAtoB}</Text>
+        </View>
+
+
+        {/* trimBase64Padding 清除Base64字符串的填充字符 */}
+        <View>trimBase64Padding.</View>
+
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>trimBase64Padding clears the padding characters of a Base64 string, testing the text: {textTobase64}</Text>
+          <Button title="test trimBase64Padding" onPress={() => { onPressTrimBase64Padding(textTobase64) }} />
+          <Text style={{ color: 'green' }}>{trimBase64PaddingText}</Text>
+        </View>
+
+        <View style={{ backgroundColor: "#ffffff" }}>
+          <Text>Click the button below to get native function for base64FromArrayBuffer and base64ToArrayBuffer</Text>
+          <Button title="Get getNative function" onPress={() => { onPressGetNative() }} />
+        </View>
+
+
+        <View>Click the button below to get base64FromArrayBuffer transform text.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>base64 transform string text: {testText}</Text>
+          <Button title="onPressNBFAB" onPress={() => { onPressNBFAB(testText) }} />
+          <Text style={{ color: 'green' }}>{nativeBFABText}</Text>
+        </View>
+
+        <View>Click the button below to get base64FromArrayBuffer transform text, The urlSafe parameter determines whether Base64 encoding uses the URL-safe variant."</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>ArrayBuffer transform string text: {[72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]}</Text>
+          <Button title="onPressNBFABUrlSafe" onPress={() => { onPressNBFABUrlSafe(new Uint8Array([72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]).buffer) }} />
+          <Text style={{ color: 'green' }}>{nativeBFABTextUrlSafe}</Text>
+        </View>
+
+        <View>Click the button below to get base64ToArrayBuffer transform text.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>base64 transform ArrayBuffer text: {textTobase64}</Text>
+          <Button title="onPressNBTAB" onPress={() => { onPressNBTAB(textTobase64) }} />
+          <Text style={{ color: 'green' }}>{nativeBTABText.toString()}</Text>
+        </View>
+
+        <View>Click the button below to get base64ToArrayBuffer transform text, Remove Line Breaks.</View>
+        <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
+          <Text>base64 transform ArrayBuffer text: {textTobase64}</Text>
+          <Button title="onPressNBTABRemoveLinebreaks" onPress={() => { onPressNBTABRemoveLinebreaks(textTobase64) }} />
+          <Text style={{ color: 'green' }}>{nativeBTABTextRemoveLinebreaks}</Text>
+        </View>
+
+      </View>
+    </ScrollView>
+  );
+}
+
+
+const styles = StyleSheet.create({
+  mainContainer: {
+    flex: 1,
+    paddingTop: 20,
+    paddingLeft: 20,
+    paddingRight: 20,
+    paddingBottom: 20,
+    backgroundColor: '#f5f5f5',
+    color: '#674651',
+  },
+});
+```
+
+## 使用Codegen
+
+本库未带rc.x的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+ "dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-quick-base64": "file:../../node_modules/@react-native-oh-tpl/react-native-quick-base64/harmony/rn_quick_base64.har"
+ }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 GestureHandlerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-quick-base64/src/main/cpp" ./rn_quick_base64)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_quick_base64)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNQuickBase64Package.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNQuickBase64Package>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 Gesture Handler Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import { RNQuickBase64Package } from '@react-native-oh-tpl/react-native-quick-base64/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNQuickBase64Package(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)
+
+> [!TIP] [官方文档](https://github.com/craftzdog/react-native-quick-base64)
+
+## 静态方法
+
+以下是提供的静态方法数据:
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME         | Description                                                             | TYPE | Required | Platform | HarmonyOS Support |
+| ---------------- | --------------------------------------------------------------------------- | ------ | ------ | -------- | -------- |
+| btoa            | Encodes a string in base64.                                               | Function | no | All      | yes      |
+| atob | Decodes a base64 encoded string. | Function | no | All      | yes      |
+| toByteArray | Takes a base64 string and returns a byte array. Optional `removeLinebreaks` removes all `\n` characters. | Function | no | All      | yes      |
+| byteLength | Takes a base64 string and returns length of byte array. | Function | no | All      | yes      |
+| fromByteArray | Takes a byte array and returns a base64 string. Optional `urlSafe` flag `true` will use [the URL-safe dictionary](https://github.com/craftzdog/react-native-quick-base64/blob/9d02dfd02599ca104d2ed6c1e2d938ddd9d6cd15/cpp/base64.h#L75). | Function | no | All      | yes      |
+| shim | Adds `btoa` and `atob` functions to `global`. | Function | no | All      | yes      |
+| trimBase64Padding | Trims the `=` padding character(s) off of the end of a base64 encoded string. Also, for base64url encoded strings, it will trim off the trailing `.` character(s). | Function | no | All      | yes      |
+| getNative | Obtain the native base64ToArrayBuffer and base64FromArrayBuffer functions. | Function | no | All      | yes      |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-quick-base64/blob/sig/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-randombytes.md b/en/react-native-randombytes.md
new file mode 100644
index 00000000..1cada9ba
--- /dev/null
+++ b/en/react-native-randombytes.md
@@ -0,0 +1,220 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-randombytes</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mvayngrib/react-native-randombytes">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mvayngrib/react-native-randombytes/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-randombytes)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-randombytes@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-randombytes@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import React, { useState } from "react";
+import { Text, TouchableOpacity, View, TextInput, StyleSheet } from 'react-native';
+import { randomBytes } from 'react-native-randombytes';
+
+export default function randomBytesDemo(): JSX.Element {
+
+    const [bytesString, setBytesString] = useState('');
+    const [size, setSize] = useState('30');
+
+    // 调用原生 randomBytes, 传入一个回调函数
+    const nativeRandom = () => {
+        randomBytes(Number(size), (err: any, bytes: any) => {
+            setBytesString(JSON.stringify(bytes))
+            console.log(err);       
+        })
+    }
+
+    // 不传回调函数，调用js randomBytes 
+    const jsRandom = () => {
+        const bytes = randomBytes(Number(size))
+        setBytesString(JSON.stringify(bytes))
+    }
+
+    return <View>
+        <Text>
+            {bytesString}
+        </Text>
+
+        <TextInput style={styles.TextInput} value={size} onChangeText={(s) => {
+            setSize(s);
+        }}></TextInput>
+        <TouchableOpacity onPress={nativeRandom} style={styles.btn}>
+        <Text
+          style={styles.btnText}>
+          Native RandomBytes
+        </Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={jsRandom} style={styles.btn}>
+        <Text
+          style={styles.btnText}>
+          RandomBytes
+        </Text>
+      </TouchableOpacity>
+    </View>
+}
+
+const styles = StyleSheet.create({
+  TextInput: { height: 40, borderColor: '#ccc', borderWidth: 1, borderRadius: 4, width: '90%' },
+  btn: { borderRadius: 10, display: 'flex', justifyContent: 'center', alignItems: 'center', padding: 10, margin: 10, backgroundColor: 'blue' },
+  btnText: { fontWeight: 'bold', color: '#fff', fontSize: 20 }
+});
+
+```
+
+## 使用 Codegen（如本库已适配了 Codegen ）
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-randombytes": "file:../../node_modules/@react-native-oh-tpl/react-native-randombytes/harmony/random_bytes.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RandomBytesPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RandomBytesPackage } from '@react-native-oh-tpl/react-native-randombytes/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RandomBytesPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases)
+
+本文档内容基于以下版本验证通过：
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes)
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| randombytes    | generate secure random numbers. | function | No       | IOS/Android | yes               |
+| seedSJCL       | Add entropy to the pools.       | function | No       | IOS/Android | yes               |
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mvayngrib/react-native-randombytes/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-ratings.md b/en/react-native-ratings.md
new file mode 100644
index 00000000..f4477410
--- /dev/null
+++ b/en/react-native-ratings.md
@@ -0,0 +1,188 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-ratings</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Monte9/react-native-ratings">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Monte9/react-native-ratings/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/Monte9/react-native-ratings)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install --save react-native-ratings@8.1.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-ratings@8.1.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { useState } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { Rating, AirbnbRating } from 'react-native-ratings';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20,
+    backgroundColor: '#f2f2f2',
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    marginTop: 20,
+    marginBottom: 10,
+  }
+});
+
+export function RatingsDemo () {
+  const [rating, setRating] = useState(3);
+
+  const ratingCompleted = (rating: number) => {
+    console.log("Rating is: " + rating);
+    setRating(rating);
+  };
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Standard Rating</Text>
+      <Rating
+        type="star"
+        ratingCount={5}
+        imageSize={30}
+        showRating
+        onFinishRating={ratingCompleted}
+      />
+
+      <Text style={styles.title}>Custom Icon Rating</Text>
+      <Rating
+        type="custom"
+        ratingImage={require('../assets/expo.png')}
+        ratingColor="#3498db"
+        ratingBackgroundColor="#c8c7c8"
+        ratingCount={6}
+        imageSize={40}
+        onFinishRating={ratingCompleted}
+        style={{ paddingVertical: 10 }}
+      />
+
+      <Text style={styles.title}>Airbnb Rating</Text>
+      <AirbnbRating
+        count={5}
+        reviews={["Terrible", "Bad", "Okay", "Good", "Great"]}
+        defaultRating={3}
+        size={20}
+        onFinishRating={ratingCompleted}
+      />
+
+      <Text style={styles.title}>Read-only Rating</Text>
+      <Rating
+        readonly
+        startingValue={rating}
+        ratingCount={5}
+        imageSize={30}
+      />
+
+      <Text style={styles.title}>Fractional Rating</Text>
+      <Rating
+        fractions={2}
+        startingValue={2.5}
+        ratingCount={5}
+        imageSize={30}
+        onFinishRating={ratingCompleted}
+      />
+    </View>
+  );
+};
+
+```
+
+## 约束与限制
+
+#### 兼容性
+
+在下述版本验证通过：
+
+RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+### 此组件有以下属性:
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+| :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|     **type**     |       Choose one of the built-in types: star, rocket, bell, heart or use type custom to render a custom image (optional)        |                         String                           |    No    | iOS/Android |        Yes        |
+|     **ratingImage**             |                   Pass in a custom image source; use this along with type='custom' prop above (optional)                   |                         String                           |    YES   | iOS/Android |        Yes        |
+|      **ratingColor**       |                 Pass in a custom fill-color for the rating icon; use this along with type='custom' prop above (optional)              |                         String                           |    No    | iOS/Android |        Yes        |
+|  **ratingBackgroundColor**   |       Pass in a custom background-fill-color for the rating icon; use this along with type='custom' prop above (optional)      |                         String                           |    No    | iOS/Android |        Yes        |
+|     **tintColor**     |       Color used to change the background of the rating icon (optional)        |                         String                           |    No    | iOS/Android |        Yes        |
+|     **ratingCount**     |       The number of rating images to display (optional)        |                         number                           |    No    | iOS/Android |        Yes        |
+|     **ratingTextColor**     |       	Color used for the text labels         |                         String                           |    No    | iOS/Android |        Yes        |
+|     **imageSize**     |       The size of each rating image (optional)         |                         number                           |    No    | iOS/Android |        Yes        |
+|     **showRating**     |       Displays the Built-in Rating UI to show the rating value in real-time (optional)         |                         boolean                           |    No    | iOS/Android |        Yes        |
+|     **readonly**     |       Whether the rating can be modiefied by the user         |                         boolean                           |    No    | iOS/Android |        Yes        |
+|     **startingValue**     |       The initial rating to render        |                         number                           |    No    | iOS/Android |        Yes        |
+|     **fractions**     |       The number of decimal places for the rating value; must be between 0 and 20         |                         number                           |    No    | iOS/Android |        Yes        |
+|     **minValue**     |       The minimum value the user can select         |                         number                           |    No    | iOS/Android |        Yes        |
+|     **style**     |       Exposes style prop to add additonal styling to the container view (optional)         |                         style                           |    No    | iOS/Android |        Yes        |
+|     **jumpValue**     |       The value to jump when rating value changes (if jumpValue === 0.5, rating value increases/decreases like 0, 0.5, 1.0, 1.5 ...). Default is 0 (not to jump)        |                         number                           |    No    | iOS/Android |        Yes        |
+|     **onStartRating**     |       Callback method when the user starts rating. Gives you the start rating value as a whole number         |                         function                           |    No    | iOS/Android |        Yes        |
+|     **onSwipeRating**     |       Callback method when the user is swiping. Gives you the current rating value as a whole number         |                         function                           |    No    | iOS/Android |        Yes        |
+|     **onFinishRating**     |       Callback method when the user finishes rating. Gives you the final rating value as a whole number (required)         |                         function                           |    No    | iOS/Android |        Yes        |
+
+## **API（AirbnbRating）**
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+| :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+|     **defaultRating**   |           Initial value for the rating           |                         number                           |    No    | iOS/Android |        Yes        |
+|     **reviews**  |   Labels to show when each value is tapped e.g. If the first star is tapped, then value in index 0 will be used as the label  |                         string                           |    No    | iOS/Android |        Yes        |
+|     **count**  |   Total number of ratings to display  |                         number                           |    No    | iOS/Android |        Yes        |
+|     **selectedColor**  |   Pass in a custom fill-color for the rating icon  |                         string                           |    No    | iOS/Android |        Yes        |
+|     **unSelectedColor**  |   Pass in a custom not fill-color for the rating icon  |                         string                           |    No    | iOS/Android |        Yes        |
+|     **reviewColor**  |   Pass in a custom text color for the review text  |                         string                           |    No    | iOS/Android |        Yes        |
+|     **size**  |   The size of each rating image (optional)  |                         number                           |    No    | iOS/Android |        Yes        |
+|     **reviewSize**  |   Pass in a custom font size for the review text  |                         number                           |    No    | iOS/Android |        Yes        |
+|     **showRating**  |   Determines if to show the reviews above the rating  |                         boolean                           |    No    | iOS/Android |        Yes        |
+|     **isDisabled**  |   Whether the rating can be modiefied by the user  |                         boolean                           |    No    | iOS/Android |        Yes        |
+|     **onFinishRating**  |   Callback method when the user finishes rating. Gives you the final rating value as a whole number  |                         function                           |    No    | iOS/Android |        Yes        |
+|     **starContainerStyle**  |   Custom styles applied to the star container  |                         object                            |    No    | iOS/Android |        Yes        |
+|     **ratingContainerStyle**  |   Custom styles applied to the rating container  |                         object                            |    No    | iOS/Android |        Yes        |
+|     **starImage**  |   Pass in a custom base image source (optional)  |                         string                           |    No    | iOS/Android |        Yes        |
+|     **starStyle**  |   Custom styles applied to the star (optional)  |                         object                           |    No    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/Monte9/react-native-ratings/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-reanimated-bottom-sheet.md b/en/react-native-reanimated-bottom-sheet.md
new file mode 100644
index 00000000..d80ed103
--- /dev/null
+++ b/en/react-native-reanimated-bottom-sheet.md
@@ -0,0 +1,178 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>reanimated-bottom-sheet</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/osdnk/react-native-reanimated-bottom-sheet">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/reanimated-bottom-sheet@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add  @react-native-oh-tpl/reanimated-bottom-sheet@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React from "react";
+import { View, Button, Text,Dimensions } from "react-native";
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import BottomSheet from "reanimated-bottom-sheet";
+
+
+export default function () {
+  const WINDOW_HEIGHT = Dimensions.get('window').height;
+  const sheetRef = React.useRef(null);
+  const renderContent = () => (
+    <View
+      style={{
+        padding: 16,
+      }}>
+      <Text>this is content</Text>
+    </View>
+  );
+
+  const renderHeader = () => (
+    <View
+      style={{
+        padding: 16,
+      }}>
+      <Text>title</Text>
+    </View>
+  )
+
+  return (
+    <GestureHandlerRootView style={{ height:WINDOW_HEIGHT, }}>
+      <View
+        style={{
+          height:WINDOW_HEIGHT,
+          backgroundColor: 'papayawhip',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}>
+        <View style={{ flex: 1, gap: 10, justifyContent: 'center' }}>
+          <Button
+            title="sheetRef?.current.snapTo(2)"
+            onPress={() => sheetRef?.current.snapTo(2)}
+          />
+          <Button
+            title="sheetRef?.current.snapTo(1)"
+            onPress={() => sheetRef?.current.snapTo(1)}
+          />
+          <Button
+            title="sheetRef?.current.snapTo(0)"
+            onPress={() => sheetRef?.current.snapTo(0)}
+          />
+        </View>
+      </View>
+      <BottomSheet
+        ref={sheetRef}
+        snapPoints={[200, 100, 0]}
+        initialSnap={0}
+        renderHeader={renderHeader}
+        renderContent={renderContent} />
+    </GestureHandlerRootView>
+  )
+}
+
+```
+
+## Link
+
+本库依赖以下三方库，请查看对应文档：
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
++ [@react-native-oh-tpl/bottom-sheet](/zh-cn/react-native-bottom-sheet.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)
+
+## 属性
+
+详情见[react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| snapPoints | E.g. [300, 200, 0]. Points for snapping of bottom sheet coomponent. They define distance from bottom of the screen. Might be number or percent (as string e.g. '20%') for points or percents of screen height from bottom. Note: Array values must be in descending order. | array<string\|number> | yes | all | yes 
+| initialSnap | Determines initial snap point of bottom sheet. The value is the index from snapPoints. | number | no | all | yes
+| renderContent | Method for rendering scrollable content of bottom sheet.| React.ReactNode | no | all | yes
+| renderHeader | Method for rendering non-scrollable header of bottom sheet. | React.ReactNode | no | all | yes
+|enabledGestureInteraction | Defines if bottom sheet could be scrollable by gesture. | boolean | no | all | yes
+| enabledHeaderGestureInteraction | Defines if bottom sheet header could be scrollable by gesture.| boolean | no | all | yes
+|enabledContentGestureInteraction|Defines if bottom sheet content could be scrollable by gesture.| boolean | no | all | yes
+| enabledContentTapInteraction | Defines whether bottom sheet content could be tapped. Note: If you use Touchable* components inside your renderContent, you'll have to switch this to false to make handlers like onPress work. (See this comment.) | boolean | no | all | no
+| enabledManualSnapping | If false blocks snapping using snapTo method. | boolean | no | no | no
+| enabledBottomClamp | If true block movement is clamped from bottom to minimal snapPoint. | boolean | no | all | yes
+| enabledBottomInitialAnimation | If true sheet will grows up from bottom to initial snapPoint.| boolean | no | all | yes
+| enabledInnerScrolling | Defines whether it's possible to scroll inner content of bottom sheet. | boolean | no | all | yes
+| callbackNode | reanimated node which holds position of bottom sheet, where 0 it the highest snap point and 1 is the lowest.  | boolean | no | all | yes
+| contentPosition | reanimated node which holds position of bottom sheet's content (in dp) | reanimated node | no | all | yes
+| headerPosition | reanimated node which holds position of bottom sheet's header (in dp) | reanimated node | no | all | yes
+| overdragResistanceFactor | `Defines how violently sheet has to stopped while overdragging. 0 means no overdrag |  number | no | all | yes
+| springConfig | Overrides config for spring animation | object | no | all | yes
+| innerGestureHandlerRefs | Refs for gesture handlers used for building bottom sheet. The array consists fo three refs. The first for PanGH used for inner content scrolling. The second for PanGH used for header. The third for TapGH used for stopping scrolling the content. |  array | no | all | no
+| simultaneousHandlers | OAccepts a react ref object or an array of refs to handler components. | Array<React.RefObject<any>> | no | all | yes
+| onOpenStart |Accepts a function to be called when the bottom sheet starts to open.| function | no | all | no
+| onOpenEnd | Accepts a function to be called when the bottom sheet is almost fully openned. | function | no | all | yes
+| onCloseStart | Accepts a function to be called when the bottom sheet starts to close. | function | no | all | yes
+| onCloseEnd | Accepts a function to be called when the bottom sheet is almost closing. | function | no | all | yes
+| callbackThreshold | Accepts a float value from 0 to 1 indicating the percentage (of the gesture movement) when the callbacks are gonna be called. | number | no | all | no
+| borderRadius | Border radius of content wrapper (excluding header). | number | no | all | yes
+
+
+## 遗留问题
+
+- [ ] enabledContentTapInteraction 暂不支持。 [issues#2](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/2)
+- [ ] simultaneousHandlers 暂不支持。 [issues#3](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/3)
+- [ ] innerGestureHandlerRefs 暂不支持。 [issues#4](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/4)
+- [ ] callbackThreshold 暂不支持。[issues#6](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/6)
+
+## 其他
+- 本库基于[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)实现，若想实现完全可配置选项的高性能交互式bottomSheet，建议优先使用[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)。
+- enabledManualSnapping原库未实现该属性。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/en/react-native-reanimated-carousel.md b/en/react-native-reanimated-carousel.md
new file mode 100644
index 00000000..cdde76ca
--- /dev/null
+++ b/en/react-native-reanimated-carousel.md
@@ -0,0 +1,268 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-reanimated-carousel</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/dohooo/react-native-reanimated-carousel">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/dohooo/react-native-reanimated-carousel/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/dohooo/react-native-reanimated-carousel)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-reanimated-carousel@3.5.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-reanimated-carousel@3.5.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!TIP] 本示例依赖 react-native-gesture-handler、react-native-reanimated 库，参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入。
+
+```ts
+import React, { useState, useRef } from "react";
+import { ScrollView } from "react-native-gesture-handler";
+import type { ICarouselInstance } from "react-native-reanimated-carousel";
+import Carousel from "react-native-reanimated-carousel";
+import { View, Text, Button, Dimensions, SafeAreaView, StyleSheet } from "react-native";
+import { useSharedValue } from "react-native-reanimated";
+
+const PAGE_HEIGHT = Dimensions.get("window").height;
+const PAGE_WIDTH = Dimensions.get("window").width;
+
+export function ReanimatedCarouselExample() {
+	const scrollOffsetValue = useSharedValue<number>(1);
+	const [data, setData] = useState([...new Array(4).keys()]);
+	const [isVertical, setIsVertical] = useState(false);
+	const [isFast, setIsFast] = useState(false);
+	const [isAutoPlay, setIsAutoPlay] = useState(true);
+	const [isPagingEnabled, setIsPagingEnabled] = useState(true);
+	const [value, setValue] = useState(0);
+	const ref = useRef<ICarouselInstance>(null);
+
+	return (
+		<SafeAreaView edges={["bottom"]} style={{ flex: 1 }}>
+			<Carousel
+				ref={ref}
+				width={PAGE_WIDTH}
+				height={PAGE_HEIGHT / 2}
+				loop
+				enabled // Default is true, just for demo
+				defaultScrollOffsetValue={scrollOffsetValue}
+				testID={"testBox"}
+				vertical={isVertical}
+				autoPlay={isAutoPlay}
+				autoPlayInterval={isFast ? 200 : 2000}
+				data={data}
+				pagingEnabled={isPagingEnabled}
+				onSnapToItem={(index) => setValue(index)}
+				renderItem={({ index }) => {
+					return (
+						<View
+							key={index}
+							style={{
+								width: PAGE_WIDTH,
+								height: PAGE_HEIGHT / 2,
+								...styles.swiperView
+							}}
+						>
+							<Text style={{ fontSize: 20, color: "white" }}>{`slide${value + 1}`}</Text>
+						</View>
+					);
+				}}
+			/>
+			<ScrollView style={{ flex: 1 }}>
+				<View style={styles.optView}>
+					<Button
+						title="Change the data length to 5"
+						onPress={() => {
+							setData([...new Array(5).keys()]);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title="Change the data length to 3"
+						onPress={() => {
+							setData([...new Array(3).keys()]);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title={isVertical ? "Set horizontal" : "Set Vertical"}
+						onPress={() => {
+							setIsVertical(!isVertical);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title={isFast ? "NORMAL" : "FAST"}
+						onPress={() => {
+							setIsFast(!isFast);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title={`PagingEnabled:${isPagingEnabled.toString()}`}
+						onPress={() => {
+							setIsPagingEnabled(!isPagingEnabled);
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title={`ElementsText.AUTOPLAY:${isAutoPlay}`}
+						onPress={() => {
+							setIsAutoPlay(!isAutoPlay);
+						}}
+					></Button>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title="prev"
+						onPress={() => {
+							ref.current?.scrollTo({ count: -1, animated: true });
+						}}
+					/>
+				</View>
+				<View style={styles.optView}>
+					<Button
+						title="next"
+						onPress={() => {
+							ref.current?.scrollTo({ count: 1, animated: true });
+						}}
+					/>
+				</View>
+			</ScrollView>
+		</SafeAreaView>
+	);
+}
+
+const styles = StyleSheet.create({
+	swiperView: {
+		backgroundColor: "skyblue",
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	optView: {
+		flexDirection: "row",
+		gap: 10,
+		padding: 5
+	}
+});
+```
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK: HarmonyOS-Next-DB6 5.0.0.61; IDE: DevEco Studio 5.0.3.706; ROM: NEXT.0.0.61;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Basic Props
+
+| Name | Description | Required | Default | Type | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| data | Carousel items data set | yes |  | T[] | All | yes |
+| renderItem | Render carousel item | yes |  | (info: { item: T, index: number, animationValue: SharedValue\<number> }) => React.ReactElement | All | yes |
+| defaultScrollOffsetValue | The default animated value of the carousel. | no | useSharedValue<number>(0) | boolean | All | yes |
+| autoFillData | Auto fill data array to allow loop playback when the loop props is true.([1] => [1, 1, 1]；[1, 2] => [1, 2, 1, 2]) | no | true | boolean | All | yes |
+| vertical | Layout items vertically instead of horizontally | no | false | boolean | All | yes |
+| width | Specified carousel item width | `vertical` no `horizontal` yes | '100%' | number \| undefined | All | yes |
+| height | Specified carousel item height | `vertical` yes `horizontal` no | '100%' | number \| undefined | All | yes |
+| mode | Carousel Animated transitions | no | default | 'horizontal-stack'\|'vertical-stack'\|'parallax' | All | yes |
+| modeConfig | Stack layout animation style. Different modes correspond to different configurations | no | { snapDirection: 'left',moveSize: window.width,stackInterval: 30,scaleInterval: 0.08,rotateZDeg: 135} |  | All | yes |
+| style | Carousel container style | no | {} | ViewStyle | All | yes |
+| defaultIndex | Default index | no | 0 | number | All | yes |
+| autoPlay | Auto play | no | false | boolean | All | yes |
+| autoPlayReverse | Auto play reverse playback | no | false | boolean | All | yes |
+| autoPlayInterval | Auto play playback interval | no | 1000 | number | All | yes |
+| scrollAnimationDuration | Time a scroll animation takes to finish | no | 500 | number | All | yes |
+| loop | Carousel loop playback | no | true | boolean | All | yes |
+| testID | Used to locate this view in end-to-end tests | no |  | string | All | yes |
+| onSnapToItem | Callback fired when navigating to an item | no |  | (index: number) => void | All | yes |
+| onScrollBegin | Callback fired when scroll begin | no |  | () => void | All | yes |
+| onScrollEnd | Callback fired when scroll end | no |  | (index: number) => void | All | yes |
+| withAnimation | Specifies the scrolling animation effect | no |  | {type: 'spring';config: WithSpringConfig;} \| {type: 'timing';config: WithTimingConfig;} | All | yes |
+| panGestureHandlerProps | PanGestureHandler props | no | {} | Omit<Partial\<PanGestureHandlerProps\>,'onHandlerStateChange'> | All | yes |
+| windowSize | The maximum number of items that can respond to pan gesture events, `0` means all items will respond to pan gesture events | no | 0 | number | All | yes |
+| onProgressChange | On progress change. `offsetProgress`:Total of offset distance (0 390 780 ...); `absoluteProgress`:Convert to index (0 1 2 ...) | no |  | onProgressChange?: (offsetProgress: number,absoluteProgress: number) => void | All | yes |
+| pagingEnabled | When true, the scroll view stops on multiples of the scroll view's size when scrolling | no | true | boolean | All | yes |
+| overscrollEnabled | If enabled, the item will scroll to the first placement when scrolling past the edge rather than closing to the last. (previous conditions: loop=false) | no | true | boolean | All | yes |
+| snapEnabled | If enabled, releasing the touch will scroll to the nearest item, valid when pagingEnabled=false | no | true | boolean | All | yes |
+| enabled | when false, Carousel will not respond to any gestures | no | true | boolean | All | yes |
+| customConfig | Custom carousel config | no |  | () => {type?: 'negative' \| 'positive';viewCount?: number;} | All | yes |
+| customAnimation | Custom animations | no |  | (value: number) => Animated.AnimatedStyleProp<ViewStyle> | All | yes |
+| maxScrollDistancePerSwipe | Maximum offset value for one scroll. If `props.vertical = true`, this will be `maxScrollDistancePerSwipeY`. If `props.vertical = false`, this will be `maxScrollDistancePerSwipeX`. | no |  | number | All | yes |
+
+### `modeConfig` Parallax
+
+| Name | Description | Required | Default | Type | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| parallaxScrollingOffset | control prev/next item offset | no | 100 | number | All | yes |
+| parallaxScrollingScale | control prev/current/next item scale | no | 0.8 | number | All | yes |
+| parallaxAdjacentItemScale | control prev/next item scale | no | parallaxAdjacentItemScale \|\| Math.pow(parallaxScrollingScale, 2) | number | All | yes |
+
+### `modeConfig` Stack
+
+| Name            | Description              | Required | Default       | Type            | Platform | HarmonyOS Support |
+| --------------- | ------------------------ | -------- | ------------- | --------------- | -------- | ----------------- |
+| showLength      | Display number           | no       | data.length-1 | number          | All      | yes               |
+| moveSize        | Item translate size      | no       | screen.width  | number          | All      | yes               |
+| stackInterval   | The spacing of each item | no       | 18            | number          | All      | yes               |
+| scaleInterval   | The scale of each item   | no       | 0.04          | number          | All      | yes               |
+| opacityInterval | The opacity of each item | no       | 0.1           | number          | All      | yes               |
+| rotateZDeg      | The item rotation Angle  | no       | 30            | number          | All      | yes               |
+| snapDirection   | Slide direction          | no       | 'left'        | 'left'\|'right' | All      | yes               |
+
+### Ref
+
+| Name | description | Required | Default | Type | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| prev | Scroll to previous item, it takes one optional argument (count), which allows you to specify how many items to cross | no |  | ({ count: number, animated: boolean, onFinished?: () => void }) => void | All | yes |
+| next | Scroll to next item, it takes one optional argument (count), which allows you to specify how many items to cross | no |  | ({ count: number, animated: boolean, onFinished?: () => void }) => void | All | yes |
+| scrollTo | Use count to scroll to a position where relative to the current position, scrollTo({count:-2}) is equivalent to prev(2), scrollTo({count:2}) is equivalent to next(2). And also can jump to specific position, e.g. scrollTo({index:2,animated:false}) | no |  | ({ index: number, count: number, animated: boolean, onFinished?: () => void }) => void | All | yes |
+| getCurrentIndex | Get current item index | no |  | ()=>number | All | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-reanimated-table.md b/en/react-native-reanimated-table.md
new file mode 100644
index 00000000..ff07f512
--- /dev/null
+++ b/en/react-native-reanimated-table.md
@@ -0,0 +1,129 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-reanimated-table</code> </h1>
+</p>
+<p align="center">
+  <a href="https://github.com/dohooo/react-native-reanimated-table/blob/main">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/dohooo/react-native-reanimated-table)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install react-native-reanimated-table@^0.0.2
+```
+
+#### yarn
+
+```bash
+yarn add react-native-reanimated-table@^0.0.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { Component } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Table, Row, Rows } from 'react-native-reanimated-table';
+
+type State = {
+  tableHead: string[];
+  tableData: Array<string[]>;
+}
+
+export default class ExampleOne extends Component<{}, State> {
+  constructor(props: {} | Readonly<{}>) {
+    super(props);
+    this.initData();
+  }
+
+  initData(){
+    this.state = {
+      tableHead: ['Head', 'Head2', 'Head3', 'Head4'],
+      tableData: [
+        ['1', '2', '3', '4'],
+        ['a', 'b', 'c', 'd'],
+        ['1', '2', '3', '456\n789'],
+        ['a', 'b', 'c', 'd']
+      ]
+    }
+  }
+
+  render() {
+    const state = this.state;
+    return (
+      <View style={styles.container}>
+        <Table borderStyle={{borderWidth: 2, borderColor: '#c8e1ff'}}>
+          <Row data={state.tableHead} style={styles.head} textStyle={styles.text}/>
+          <Rows data={state.tableData} textStyle={styles.text}/>
+        </Table>
+      </View>
+    )
+  }
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, padding: 16, paddingTop: 30, backgroundColor: '#fff' },
+  head: { height: 40, backgroundColor: '#f1f8ff' },
+  text: { margin: 6 }
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见[react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)
+
+### Properties for all react-native-reanimated-table components:
+
+| Name                      | Description                                                  | **Type** | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- | ----------------- |
+| data                      | Table data.                                                  | Array    | Yes | All         | Yes               |
+| style                     | Container style.                                             | Style   | Yes | All         | Yes               |
+| borderStyle               | Table border line width and color.                           | Object   | Yes | All         | Yes               |
+| textStyle                 | Cell font style.                                             | Style   | Yes | All         | Yes               |
+| flexArr                   | Flex value per column.                                       | Array   | Yes | All         | Yes               |
+| widthArr                  | Width per column.                                            | Array   | Yes | All         | Yes               |
+| heightArr                 | Height per line.                                             | Array   | Yes | All         | Yes               |
+| ...props                  | more props                                                   | any     | Yes  | All         | Yes               |
+
+
+## 其他
+
+## 遗留问题
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-reanimated.md b/en/react-native-reanimated.md
new file mode 100644
index 00000000..47231db4
--- /dev/null
+++ b/en/react-native-reanimated.md
@@ -0,0 +1,274 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-reanimated</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/software-mansion/react-native-reanimated">
+        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/software-mansion/react-native-reanimated/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-reanimated/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-reanimated@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-reanimated@file:#
+```
+
+<!-- tabs:end -->
+
+添加 react-native-reanimated/plugin 插件到 `babel.config.js`:
+
+> [!TIP] 为什么需要添加这个？Reanimated Babel 插件会自动转换特殊的 JavaScript 函数（称为 worklet），以便它们可以被传递并在 UI 线程上运行。
+
+```js
+  module.exports = {
+    presets: [
+      ... // don't add it here :)
+    ],
+    plugins: [
+      ...
+      'react-native-reanimated/plugin',
+    ],
+  };
+```
+
+清除 Metro 的缓存（推荐）:
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm start -- --reset-cache
+```
+
+#### **yarn**
+
+```bash
+yarn start --reset-cache
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { Button, View } from "react-native";
+import Animated, { useSharedValue, withSpring } from "react-native-reanimated";
+
+export default function App() {
+  const width = useSharedValue(100);
+
+  const handlePress = () => {
+    width.value = withSpring(width.value + 50);
+  };
+
+  return (
+    <View style={{ flex: 1, alignItems: "center" }}>
+      <Animated.View
+        style={{
+          width,
+          height: 100,
+          backgroundColor: "violet",
+        }}
+      />
+      <Button onPress={handlePress} title="Click me" />
+    </View>
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-reanimated": "file:../../node_modules/@react-native-oh-tpl/react-native-reanimated/harmony/reanimated.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ReanimatedPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_END: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-reanimated/src/main/cpp" ./reanimated)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_reanimated)
+# RNOH_BEGIN: manual_package_linking_2
+```
+> [!Tip] 注意：上面NODE_MODULES定义，为源库的安装路径，用户可以根据安装源库的路径定义NODE_MODULES
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "ReanimatedPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ReanimatedPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ReanimatedPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ReanimatedPackage } from '@react-native-oh-tpl/react-native-reanimated/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ReanimatedPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+该库是基于react-native-reanimated（version=3.6.0）进行适配，要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name               | Description                                                                                                                                                                                                                | Type     | Required | Platform | HarmonyOS Support |
+| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `withTiming`       | withTiming lets you create an animation based on duration and easing..                                                                                                                                                     | function | No       | All      | yes               |
+| `withSpring`       | withSpring lets you create spring-based animations.                                                                                                                                                                        | function | No       | All      | yes               |
+| `withDecay`        | withDecay lets you create animations that mimic objects in motion with friction. The animation will start with the provided velocity and slow down over time according to the given deceleration rate until it stops.      | function | No       | All      | yes               |
+| `withRepeat`       | withRepeat is an animation modifier that lets you repeat an animation given number of times or run it indefinitely.                                                                                                        | function | No       | All      | yes               |
+| `useSharedValue`   | useSharedValue lets you define shared values in your components.                                                                                                                                                           | function | No       | All      | yes               |
+| `useAnimatedStyle` | useAnimatedStyle lets you create a styles object, similar to StyleSheet styles, which can be animated using shared values.                                                                                                 | function | No       | All      | yes               |
+| `useAnimatedRef`   | useAnimatedRef lets you get a reference of a view. Used alongside measure, scrollTo, and useScrollViewOffset functions.                                                                                                    | function | No       | All      | yes               |
+| `useDerivedValue`  | useDerivedValue lets you create new shared values based on existing ones while keeping them reactive.                                                                                                                      | function | No       | All      | yes               |
+| `cancelAnimation`  | cancelAnimation lets you cancel a running animation paired to a shared value.                                                                                                                                              | function | No       | All      | yes               |
+| `runOnJS`          | runOnJS lets you asynchronously run non-workletized functions that could not otherwise run on the UI thread. This applies to most external libraries as they do not have their functions marked with "worklet"; directive. | function | No       | All      | yes               |
+| `runOnUI`          | runOnUI lets you asynchronously run workletized functions on the UI thread.                                                                                                                                                | function | No       | All      | yes               |
+| `measure`          | measure lets you synchronously get the dimensions and position of a view on the screen, all on the UI thread.                                                                                                              | function | No       | All      | yes               |
+| `Easing`           | easing set motion trajectory                                                                                                                                                                                               | function | No       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/software-mansion/react-native-reanimated/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-recaptcha-that-works.md b/en/react-native-recaptcha-that-works.md
new file mode 100644
index 00000000..3579f2d7
--- /dev/null
+++ b/en/react-native-recaptcha-that-works.md
@@ -0,0 +1,172 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-recaptcha-that-works</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/douglasjunior/react-native-recaptcha-that-works">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/douglasjunior/react-native-recaptcha-that-works)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-recaptcha-that-works@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-recaptcha-that-works@2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, {useRef, useCallback, useState} from 'react';
+import {
+  SafeAreaView,
+  StyleSheet,
+  View,
+  Text,
+  StatusBar,
+  Button,
+  Alert,
+} from 'react-native';
+
+import Recaptcha, { RecaptchaRef } from 'react-native-recaptcha-that-works';
+
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1,
+  },
+  container: {
+    backgroundColor: '#00ff00',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flex: 1,
+  },
+});
+
+const App = () => {
+  const size = 'invisible';
+  const [token, setToken] = useState('<none>');
+
+  const $recaptcha = useRef<RecaptchaRef | null>(null);
+
+  const handleOpenPress = useCallback(() => {
+    $recaptcha.current?.open();
+  }, []);
+
+  const handleClosePress = useCallback(() => {
+    $recaptcha.current?.close();
+  }, []);
+
+  return (
+    <SafeAreaView style={styles.safeArea}>
+      <StatusBar barStyle="dark-content" />
+      <View style={styles.container}>
+        <Button onPress={handleOpenPress} title="Open" />
+        <Text>Token: {token}</Text>
+        <Text>Size: {size}</Text>
+      </View>
+
+      <Recaptcha
+        ref={$recaptcha}
+        lang="pt"
+        headerComponent={
+          <Button title="Close modal" onPress={handleClosePress} />
+        }
+        footerComponent={<Text>Footer here</Text>}
+        siteKey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"
+        baseUrl="http://127.0.0.1/"
+        size={size}
+        theme="dark"
+        onLoad={() => Alert.alert('onLoad event')}
+        onClose={() => Alert.alert('onClose event')}
+        onError={(err) => {
+          Alert.alert('onError event');
+          console.warn(err);
+        }}
+        onExpire={() => Alert.alert('onExpire event')}
+        onVerify={(token) => {
+          Alert.alert('onVerify event');
+          setToken(token);
+        }}
+        enterprise={false}
+        hideBadge={false}
+      />
+    </SafeAreaView>
+  );
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.28; OH SDK: HarmonyOS-Next-DB2 5.0.0.31 (API Version 12 Beta2); IDE: DevEco Studio: 5.0.3.500; ROM: 3.0.0.31;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                                                                                                                                                                                                                                                                                        | Type                                                                                                       | Required | Platform    | HarmonyOS Support |
+| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| headerComponent  | A component to render on top of Modal.                                                                                                                                                                                                                                                             | `React Element`                                                                                            | no       | iOS,Android | yes               |
+| footerComponent  | A component to render on bottom of Modal.                                                                                                                                                                                                                                                          | `React Element`                                                                                            | no       | iOS,Android | yes               |
+| loadingComponent | A custom loading component.                                                                                                                                                                                                                                                                        | `React Element`                                                                                            | no       | iOS,Android | yes               |
+| style            | Customize default style such as background color.                                                                                                                                                                                                                                                  | [`ViewStyle`](https://reactnative.dev/docs/view-style-props)                                               | no       | iOS,Android | yes               |
+| modalProps       | Override the Modal props.                                                                                                                                                                                                                                                                          | [ModalProps](https://reactnative.dev/docs/modal)                                                           | no       | iOS,Android | yes               |
+| webViewProps     | Override the WebView props.                                                                                                                                                                                                                                                                        | [WebViewProps](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md) | no       | iOS,Android | yes               |
+| lang             | [Language code](https://developers.google.com/recaptcha/docs/language).                                                                                                                                                                                                                            | `string`                                                                                                   | no       | iOS,Android | yes               |
+| siteKey          | (Required) Your Web reCAPTCHA site key. (The Web key must be used, not for Android)                                                                                                                                                                                                                | `string`                                                                                                   | yes      | iOS,Android | yes               |
+| baseUrl          | (Required) The URL (domain) configured in the reCAPTCHA console setup. (ex. http://my.domain.com) (See also https://github.com/douglasjunior/react-native-recaptcha-that-works/issues/34)                                                                                                          | `string`                                                                                                   | yes      | iOS,Android | yes               |
+| size             | The size of the widget.                                                                                                                                                                                                                                                                            | `'invisible'`, `'normal'` or `'compact'`                                                                   | no       | iOS,Android | yes               |
+| theme            | The color theme of the widget.                                                                                                                                                                                                                                                                     | `'dark'` or `'light'`                                                                                      | no       | iOS,Android | yes               |
+| onLoad           | A callback function, executed when the reCAPTCHA is ready to use.                                                                                                                                                                                                                                  | `function()`                                                                                               | no       | iOS,Android | yes               |
+| onVerify         | (Required) A callback function, executed when the user submits a successful response. The reCAPTCHA response token is passed to your callback.                                                                                                                                                     | `function(token)`                                                                                          | yes      | iOS,Android | yes               |
+| onExpire         | A callback function, executed when the reCAPTCHA response expires and the user needs to re-verify. Only works if the `webview` still open after `onVerify` has been called for a long time.                                                                                                        | `function()`                                                                                               | no       | iOS,Android | yes               |
+| onError          | A callback function, executed when reCAPTCHA encounters an error (usually network connectivity) and cannot continue until connectivity is restored. If you specify a function here, you are responsible for informing the user that they should retry.                                             | `function(error)`                                                                                          | no       | iOS,Android | yes               |
+| onClose          | A callback function, executed when the Modal is closed.                                                                                                                                                                                                                                            | `function()`                                                                                               | no       | iOS,Android | yes               |
+| recaptchaDomain  | The host name of the reCAPTCHA valid api. [See detail](https://developers.google.com/recaptcha/docs/faq#can-i-use-recaptcha-globally).                                                                                                                                                             | `string`                                                                                                   | no       | iOS,Android | yes               |
+| hideBadge        | When `size = 'invisible'`, you are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. [See detail](https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed).                                          | `boolean`                                                                                                  | no       | iOS,Android | yes               |
+| enterprise       | Use the new [reCAPTCHA Enterprise API](https://cloud.google.com/recaptcha-enterprise/docs/using-features). Note: for enterprise you need to choose the `size` [when creating the `siteKey`](https://github.com/douglasjunior/react-native-recaptcha-that-works/issues/55#issuecomment-2107089307). | `boolean` (enterprise)                                                                                     | no       | iOS,Android | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description                | Type       | Required | Platform    | HarmonyOS Support |
+| ----- | -------------------------- | ---------- | -------- | ----------- | ----------------- |
+| open  | Open the reCAPTCHA Modal.  | `function` | no       | iOS,Android | yes               |
+| close | Close the reCAPTCHA Modal. | `function` | no       | iOS,Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-reconnecting-websocket.md b/en/react-native-reconnecting-websocket.md
new file mode 100644
index 00000000..e0794398
--- /dev/null
+++ b/en/react-native-reconnecting-websocket.md
@@ -0,0 +1,143 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-reconnecting-websocket</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/React-Sextant/react-native-reconnecting-websocket">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mitlicense.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/React-Sextant/react-native-reconnecting-websocket)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-reconnecting-websocket@^2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-reconnecting-websocket@^2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import React, { useEffect, useState } from 'react';
+import { Button, View, Text, ScrollView } from 'react-native';
+import ReconnectingWebSocket from 'react-native-reconnecting-websocket';
+
+const ws = new ReconnectingWebSocket('ws://121.196.235.57/ws');
+
+const ReconnectingWebsocketDemo = () => {
+    const [html, innerHTML] = useState('');
+
+    useEffect(() => {
+        return () => {
+            ws.close();
+        }
+    }, [])
+
+    useEffect(() => {
+        ws.onopen = e => {
+            console.log('onopen:' + JSON.stringify(e));
+            innerHTML('onopen:' + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+        ws.onmessage = e => {
+            console.log('onmessage:' + JSON.stringify(e));
+            innerHTML('onmessage:' + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+        ws.onclose = e => {
+            console.log('onclose:' + JSON.stringify(e));
+            innerHTML('onclose:' + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+        ws.onerror = e => {
+            console.log('onerror:' + JSON.stringify(e));
+            innerHTML('onerror:' + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+        ws.onconnecting = e => {
+            console.log("onconnecting:" + JSON.stringify(e));
+            innerHTML("onconnecting:" + JSON.stringify(e) + '\n' + '\n' + html);
+        }
+    }, [html])
+    return (
+        <>
+            <View style={{ height: '100%' }}>
+                <Text style={{ lineHeight: 30, textAlign: 'center' }}>进入页面自动连通服务器</Text>
+                <Button
+                    title='ws.close( )-----关闭连接'
+                    onPress={() => {
+                        ws.close()
+                    }}
+                />
+                <View style={{ height: 30 }} />
+                <Button
+                    title='ws.send(可口可乐)-----发送信息'
+                    onPress={() => {
+                        ws.send('可口可乐')
+                    }}
+                />
+                <View style={{ height: 30 }} />
+                <Button
+                    title='ws.reconnect( )-----刷新连接'
+                    onPress={() => {
+                        ws.reconnect()
+                    }}
+                />
+                <ScrollView style={{ flex: 1 }}>
+                    <Text>{html}</Text>
+                </ScrollView>
+            </View>
+        </>
+    )
+}
+
+export default ReconnectingWebsocketDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.60;
+
+## API
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `ReconnectingWebSocket()`     | Creating a WebSocket Entity Object for Automatic Reconnection. | Class  | Yes      | All      | Yes               |
+| `send(message: string): void` | Sends a message through the WebSocket connection.            | Method | No       | All      | Yes               |
+| `close(): void`               | Closes the WebSocket connection.                             | Method | No       | All      | Yes               |
+| `ping(): void`                | Sends a ping frame to the server.                            | Method | No       | All      | Yes               |
+| `reconnect(): void`           | Closes the current WebSocket connection and attempts to reconnect using the initial parameters. | Method | No       | All      | Yes               |
+
+## 遗留问题
+## 其他
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://mitlicense.org/)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-redash.md b/en/react-native-redash.md
new file mode 100644
index 00000000..9429bd0e
--- /dev/null
+++ b/en/react-native-redash.md
@@ -0,0 +1,625 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-redash</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wcandillon/react-native-redash">
+        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wcandillon/react-native-redash/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/wcandillon/react-native-redash/)
+
+## 安装与使用
+
+#### **yarn**
+
+```bash
+yarn add react-native-redash@^18.1.3
+```
+
+#### **npm**
+
+```bash
+npm install react-native-redash@^18.1.3
+```
+
+<!-- tabs:end -->
+
+> [!TIP] redash库依赖react-native-reanimated动画库， 请参照文档的Link章节进行引进。
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import { mix,
+    round,
+    bin,
+    cubicBezier,
+    clamp,
+    between,
+    avg,
+    toRad,
+    toDeg} from 'react-native-redash/src/Math';
+  import {
+    canvas2Cartesian,
+    canvas2Polar,
+    cartesian2Canvas,
+    cartesian2Polar,
+    polar2Canvas,
+    polar2Cartesian
+  } from 'react-native-redash/src/Coordinates';
+  import * as redash from 'react-native-redash';
+  import React, { useState } from 'react';
+  import { Button, ScrollView, StyleSheet, Text, View } from 'react-native';
+  export default function RadashDemo() {
+    const [text, setText] = useState('');
+  
+    const onMix = () => {
+        const mixre = mix(0, 10, 20);
+        setText(mixre.toString())
+    }
+  
+    const onRoundre = () => {
+        const roundre = round(5.123, 0);
+        setText(roundre.toString())
+    }
+  
+    const onBinre = () => {
+        const binre = bin(true);
+        setText(binre.toString())
+    }
+  
+    const onBetweenre = () => {
+        const betweenre = between(-1, 0, 100);
+        setText(betweenre.toString())
+    }
+  
+    const onToRadre = () => {
+        const toRadre = toRad(180);
+        setText(toRadre.toString())
+    }
+  
+    const onToDegre = () => {
+        const toDegre = toDeg(Math.PI);
+        setText(toDegre.toString())
+    }
+  
+    const onClampre = () => {
+        const clampre = clamp(-1, 0, 100)
+        setText(clampre.toString())
+    }
+  
+    const avgre = () => {
+        const values: number[] = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+        const avgs = avg(values)
+        setText(avgs.toString())
+    }
+  
+    const cubicBezires = () => {
+        const cubicBezire = cubicBezier(1, 0, 0.1, 0.1, 1)
+        setText(cubicBezire.toString())
+    }
+  
+    const handleCreatePath = () => {
+        const vector = {
+            x: 10,
+            y: 20
+        };
+        setText(JSON.stringify(redash.createPath(vector)))
+    }
+  
+    const handleAddCurvePath = () => {
+        const vector = {
+            x: 200,
+            y: 100
+        };
+        const path = redash.createPath(vector);
+        redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+        setText(JSON.stringify(path))
+    }
+  
+    const handleClosePath = () => {
+        const vector = {
+            x: 200,
+            y: 100
+        };
+        const path = redash.createPath(vector);
+        redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+        redash.close(path);
+        setText(JSON.stringify(path))
+    }
+  
+    const handleSerializePath = () => {
+        const vector = {
+            x: 200,
+            y: 100
+        };
+        const path = redash.createPath(vector);
+        redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+        redash.close(path);
+        const serializePath = redash.serialize(path);
+        setText(serializePath)
+    }
+  
+    const handleParsePath = () => {
+        const vector = {
+            x: 200,
+            y: 100
+        };
+        const path = redash.createPath(vector);
+        redash.addCurve(path, { c1: { x: 50, y: 50 }, c2: { x: 150, y: 50 }, to: { x: 150, y: 150 } });
+        redash.close(path);
+        const serializePath = redash.serialize(path);
+        const parsePath = redash.parse(serializePath);
+        setText(JSON.stringify(parsePath))
+    }
+  
+    const handleInterpolatePath = () => {
+        const inputRange = [0, 1];
+        const outputRange = [
+            {
+                move: { x: 0, y: 0 },
+                curves: [{ c1: { x: 1, y: 1 }, c2: { x: 2, y: 2 }, to: { x: 3, y: 3 } }],
+                close: false,
+            },
+            {
+                move: { x: 1, y: 1 },
+                curves: [{ c1: { x: 2, y: 2 }, c2: { x: 3, y: 3 }, to: { x: 4, y: 4 } }],
+                close: false,
+            },
+        ];
+        const value = 0.5;
+        const interpolatePath = redash.interpolatePath(value, inputRange, outputRange);
+        setText(JSON.stringify(interpolatePath))
+    }
+  
+    const handleCanvas2Cartesian = () => {
+        const point = canvas2Cartesian({ x: 500, y: 200 }, { x: 500, y: 200 });
+        setText(JSON.stringify(point))
+    }
+    const handleCartesian2Canvas = () => {
+        const point = cartesian2Canvas({ x: -500, y: 200 }, { x: 500, y: 200 });
+        setText(JSON.stringify(point))
+    }
+    /** 用于处理笛卡尔坐标转换为极坐标 */
+    const handleCartesian2Polar = () => {
+        const x = 0;
+        const y = 100;
+        const center = { x: 100, y: 100 };
+        const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
+        setText('theta ==' + theta + "  radius==" + radius);
+    }
+  
+    const handlePolar2Cartesian = () => {
+        const x = 0;
+        const y = 100;
+        const center = { x: 100, y: 100 };
+        const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
+        const { x: x1, y: y1 } = cartesian2Canvas(
+            polar2Cartesian({ theta, radius }),
+            center
+        );
+        setText('x1 ==' + x1 + "  Math.round(y1)==" + Math.round(y1));
+    }
+  
+    const handlePolar2Canvas = () => {
+        const x = 0;
+        const y = 100;
+        const center = { x: 100, y: 100 };
+        const { theta, radius } = cartesian2Polar(canvas2Cartesian({ x, y }, center));
+        const point = polar2Canvas({ theta, radius }, center)
+        setText(JSON.stringify(point))
+    }
+  
+    const handleCanvas2Polar = () => {
+        const { theta, radius } = canvas2Polar({ x: -500, y: 200 }, { x: 500, y: 200 });
+        setText('theta ==' + theta + "  radius==" + radius);
+    }
+  
+    return (
+      <View style={styles.container}>
+        <View style={styles.inputArea}>
+            <Text style={styles.baseText}>
+                {text}
+            </Text>
+        </View>
+        <ScrollView style={styles.scrollView}>
+          <View style={{ flexDirection: 'column' }}>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
+                <Button title='start' color='#841584' onPress={onMix}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>round(5.123, 0)</Text>
+                <Button title='start' color='#841584' onPress={onRoundre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>bin(true)</Text>
+                <Button title='start' color='#841584' onPress={onBinre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>between(-1, 0, 100)</Text>
+                <Button title='start' color='#841584' onPress={onBetweenre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>toRad(180)</Text>
+                <Button title='start' color='#841584' onPress={onToRadre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>avg([1,2,3,4,5,6,7,8,9,10])</Text>
+                <Button title='start' color='#841584' onPress={avgre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>cubicBezier(1, 0, 0.1, 0.1, 1)</Text>
+                <Button title='start' color='#841584' onPress={cubicBezires}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>toDeg(Math.PI)</Text>
+                <Button title='start' color='#841584' onPress={onToDegre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>clamp(-1, 0, 100)</Text>
+                <Button title='start' color='#841584' onPress={onClampre}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>mix(0, 10, 20)</Text>
+                <Button title='start' color='#841584' onPress={handleCreatePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>addCurvePath</Text>
+                <Button title='start' color='#841584' onPress={handleAddCurvePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>closePath</Text>
+                <Button title='start' color='#841584' onPress={handleClosePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>serializePath</Text>
+                <Button title='start' color='#841584' onPress={handleSerializePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>parsePath</Text>
+                <Button title='start' color='#841584' onPress={handleParsePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>interpolatePath</Text>
+                <Button title='start' color='#841584' onPress={handleInterpolatePath}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>canvas2Cartesian</Text>
+                <Button title='start' color='#841584' onPress={handleCanvas2Cartesian}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>cartesian2Canvas</Text>
+                <Button title='start' color='#841584' onPress={handleCartesian2Canvas}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>cartesian2Polar</Text>
+                <Button title='start' color='#841584' onPress={handleCartesian2Polar}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>polar2Cartesian</Text>
+                <Button title='start' color='#841584' onPress={handlePolar2Cartesian}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>polar2Canvas</Text>
+                <Button title='start' color='#841584' onPress={handlePolar2Canvas}></Button>
+            </View>
+            <View style={styles.baseArea}>
+                <Text style={{ flex: 1 }}>canvas2Polar</Text>
+                <Button title='start' color='#841584' onPress={handleCanvas2Polar}></Button>
+            </View>
+          </View>
+        </ScrollView>
+      </View>
+    );
+  }
+  
+  const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        flexDirection: 'column',
+        alignItems: 'center',
+        backgroundColor: '#F1F3F5',
+    },
+    baseText: {
+        fontWeight: 'bold',
+        textAlign: 'center',
+        fontSize: 16
+    },
+  
+    titleArea: {
+        alignItems: 'center',
+        flexDirection: 'row',
+    },
+  
+    title: {
+        width: '90%',
+        color: '#000000',
+        textAlign: 'left',
+        fontSize: 30,
+    },
+  
+    scrollView: {
+        width: '90%',
+        marginHorizontal: 20,
+    },
+  
+    inputArea: {
+        width: '90%',
+        height: 30,
+        borderWidth: 2,
+        borderColor: '#000000',
+        marginTop: 8,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+  
+    baseArea: {
+        width: '100%',
+        height: 60,
+        borderRadius: 4,
+        borderColor: '#000000',
+        marginTop: 8,
+        backgroundColor: '#FFFFFF',
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingLeft: 8,
+        paddingRight: 8
+    }
+  });
+```
+
+动画演示示例
+
+1.位置移动演示动画，通过snapPoint运行指定的位置地点
+
+```js
+import { snapPoint } from "react-native-redash/src/Physics";
+import {
+  useSharedValue,
+  withSequence,
+  withTiming,
+  withRepeat,
+} from "@react-native-oh-tpl/react-native-reanimated";
+
+export default function RadashDemo() {
+  const offset = useSharedValue(0);
+
+  const translateAnimatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        {
+          translateX: offset.value * 2,
+        },
+      ],
+    };
+  });
+
+  const translate = () => {
+    offset.value = withSequence(
+      withTiming(-snapPoint(96, 600, [0, 125, 393]), { duration: 1000 }),
+      withRepeat(
+        withTiming(snapPoint(96, 600, [0, 125, 393]), { duration: 1000 }),
+        60,
+        true,
+      ),
+      withTiming(0, { duration: 50 }),
+    );
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.baseArea}>
+        <View>
+            <Animated.View style={[styles.box, translateAnimatedStyles]} />
+        </View>
+        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <View style={{ marginRight: 10 }}>
+                <Button color='#841584' onPress={() => handlePress()} title="snapPoint start" />
+            </View>
+            <View>
+                <Button color='#841584' onPress={() => cancelAnimation(offset)} title="back" />
+            </View>
+        </View>
+      </View>
+    </View>
+  );
+}
+```
+
+2.颜色渐变动画演示，通过mixColor进行颜色渐变
+
+```js
+import { mixColor } from "react-native-redash/src/Colors";
+import { useSharedValue } from "@react-native-oh-tpl/react-native-reanimated";
+
+export default function RadashDemo() {
+  const progress = useSharedValue(0);
+
+  const colorAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      backgroundColor: mixColor(progress.value, "#b58df1", "#38ffb3"),
+    };
+  });
+
+  const handleColorPress = () => {
+    progress.value = withRepeat(
+      withTiming(1 - progress.value, { duration: 1000 }),
+      60,
+      true,
+    );
+  };
+
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.baseArea}>
+        <View>
+            <Animated.View style={[styles.box, translateAnimatedStyles]} />
+        </View>
+        <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <View style={{ marginRight: 10 }}>
+                <Button color='#841584' onPress={() => handleColorPress()} title="mixColor start" />
+            </View>
+        </View>
+      </View>
+    </View>
+  );
+}
+```
+
+3.redash目前有两个动画辅助方法：useTiming、useSpring。useTiming可以使用贝塞尔曲线来进行运动,useSpring可以不将持续时间作为参数，而是由sprin物理特性作为运动轨迹。
+
+```js
+import { useTiming, useSpring } from "react-native-redash/src/Transitions";
+import Animated from "@react-native-oh-tpl/react-native-reanimated";
+
+export default function RadashDemo() {
+  const timing = useSpring(255, { duration: 1000 });
+  const spring = useTiming(255, { duration: 1000 });
+
+  const customSpringStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        {
+          translateX: spring.value,
+        },
+      ],
+    };
+  });
+
+  const customTimingStyles = useAnimatedStyle(() => {
+    return {
+      transform: [
+        {
+          translateX: timing.value,
+        },
+      ],
+    };
+  });
+
+  return (
+    <View>
+      <Animated.View style={[styles.box, defaultSpringStyles]} />
+      <Animated.View style={[styles.box, defaultTimingStyles]} />
+    </View>
+  );
+}
+```
+
+4.redash提供能接受字符串动画节点属性的文本组件
+
+```js
+import { ReText } from "react-native-redash";
+import { useSharedValue } from "@react-native-oh-tpl/react-native-reanimated";
+
+export default function RadashDemo() {
+  const price = useSharedValue(42);
+  const formattedPrice = useDerivedValue(() => `${price.value}`.toLocaleString());
+
+  return (
+    <View>
+      <ReText
+        text={formattedPrice}
+        style={{
+          color: "black",
+          backgroundColor: "#38ffb3",
+        }}
+      />
+    </View>
+  );
+}
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过:
+
+1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta6 SDK 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+
+## 静态方法
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+如下是已验证接口展示:
+
+### **Animations**
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| withPause()                   | Make an animation pausable. The state of the animation (paused or not) is controlled by a boolean shared value.                                               | function | No       | iOS/Android               | yes               |
+| withBouncing()                | Add a bouncing behavior to a physics-based animation. An animation is defined as being physics-based if it contains a velocity in its state.                  | function | No       | iOS/Android               | yes               |
+### **Coordinates**
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| canvas2Cartesian() | Convert plane coordinate system to Cadir coordinate system         | function | No       | iOS/Android               | yes               |
+| cartesian2Canvas() | Convert Cadir coordinate system to plane coordinate system         | function | No       | iOS/Android               | yes               |
+| cartesian2Polar()  | Conversion from Cadir coordinate system to polar coordinate system | function | No       | iOS/Android               | yes               |
+| polar2Cartesian()  | Convert polar coordinate system to Cadir coordinate system         | function | No       | iOS/Android               | yes               |
+| polar2Canvas()     | Convert polar coordinate system to plane coordinate system         | function | No       | iOS/Android               | yes               |
+| canvas2Polar()     | Convert plane coordinate system to polar coordinate system         | function | No       | iOS/Android               | yes               |
+### **Strings**
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| ReText | This component is like <Text> but accepts a string animation node as property. Behind the scene, <ReText> is using <TextInput> with some default styling. Therefore there might be some slight inconsistencies with <Text>. | function | No       | iOS/Android               | yes               |
+### **Math**
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| mix()              | mix performs a linear interpolation between x and y using a to weight between them. The return value is computed as x _ (1 - value) + y _ value   | function       | No       | iOS/Android               | yes               |
+| bin()              | Convert a boolean value into a number. This can be useful in reanimated since 0 and 1 are used for conditional statements.  | function | No       | iOS/Android               | yes               |
+| toRad()            | Transforms an angle from degrees to radians| function | No       | iOS/Android               | yes               |
+| toDeg()            | Transforms an angle from radians to degrees| function | No       | iOS/Android               | yes               |
+| clamp()            | Clamps a node with a lower and upper bound  | function | No       | iOS/Android               | yes               |
+| avg()              | Returns the average value of an array        | function | No       | iOS/Android               | yes               |
+| between()          | Returns true if node is within lowerBound and upperBound| function | No       | iOS/Android               | yes               |
+| round()            | Computes animation node rounded to precision  | function | No       | iOS/Android               | yes               |
+| cubicBezier()      | Returns the coordinate of a cubic bezier curve. t is the length of the curve from 0 to 1. cubicBezier(0, p0, p1, p2, p3) equals p0 and cubicBezier(1, p0, p1, p2, p3) equals p3. p0 and p3 are respectively the starting and ending point of the curve. p1 and p2 are the control points. | function | No       | iOS/Android               | yes               |
+| cubicBezierYForX() | Given a cubic Bèzier curve, return the y value for x  | function | No       | iOS/Android               | yes               |
+### **Transitions**
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| useTiming() | Transitions can attach an animation value to a change of React state. | function | No       | iOS/Android               | yes               |
+| useSpring() | Transitions can attach an animation value to a change of React state. | function | No       | iOS/Android               | yes               |
+### **Vectors**
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| useVector() | Returns a vector of shared values. | function | No       | iOS/Android               | yes               |
+### **Paths**
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| createPath(path, {x, y})                             | Create a new path  | function | No       | iOS/Android               | yes               |
+| addCurve(path, {c1: {x, y}, c2: {x, y}, to: {x, y}}) | Add a Bèzier curve command to a path | function | No       | iOS/Android               | yes               |
+| close(path)                                          | Add a close command to a path | function | No       | iOS/Android               | yes               |
+| parse(path)                                          | Parse an SVG path into a sequence of Bèzier curves. The SVG is normalized to have absolute values and to be approximated to a sequence of Bèzier curves. | function | No       | iOS/Android               | yes               |
+| serialize(path)                                      | Serialize a path into an SVG path string | function | No       | iOS/Android               | yes               |
+| interpolatePath()                                    | Interpolate between paths | function | No       | iOS/Android               | yes               |
+### **Physics**
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| snapPoint() | Select a point where the animation should snap to given the value of the gesture and it's velocity. | function | No       | iOS/Android               | yes               |
+### **Colors**
+|          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
+|:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
+| mixColor() | Identical to interpolateColor() but with an animation value that goes from 0 to 1. | function | No       | iOS/Android               | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wcandillon/react-native-redash/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-render-html.md b/en/react-native-render-html.md
new file mode 100644
index 00000000..ef26266e
--- /dev/null
+++ b/en/react-native-render-html.md
@@ -0,0 +1,120 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-render-html</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/meliorence/react-native-render-html">
+        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/meliorence/react-native-render-html/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-BSD-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/meliorence/react-native-render-html)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-render-html@6.3.4
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-render-html@6.3.4
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { useWindowDimensions } from "react-native";
+import RenderHtml from "react-native-render-html";
+
+const source = {
+  html: `
+<p style='text-align:center;'>
+  Hello World!
+</p>`,
+};
+
+export default function App() {
+  const { width } = useWindowDimensions();
+  return <RenderHtml contentWidth={width} source={source} />;
+}
+```
+
+
+## 约束与限制
+
+### 兼容性
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**组件 RenderHtml**
+
+| Name                                   | Description                                                                                                                                                                                                       | Type                                               | Required | Platform      | HarmonyOS Support |
+|----------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------|----------|---------------|-------------------|
+| allowedStyles                          | Whitelist specific inline CSS style properties and ignore the others.                                                                                                                                             | CSSPropertyNameList                                | NO       | Android、iOS   | Yes               |
+| baseStyle                              | The default style for the document (root). Inheritable styles will be transferred to children. That works also for textual styles.                                                                                | MixedStyleDeclaration                              | NO       | Android、iOS   | Yes               |
+| classesStyles                          | Provide mixed styles to target elements selected by CSS classes.                                                                                                                                                  | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes               |
+| computeEmbeddedMaxWidth                | A function which takes contentWidth and tagName as arguments and returns a new width. Can return Infinity to denote unconstrained widths.                                                                         | (contentWidth: number, tagName: string) => number  | NO       | Android、iOS   | Yes               |
+| contentWidth                           | The width of the HTML content to display. The recommended practice is to pass useWindowDimensions().width minus any padding or margins.                                                                           | number                                             | NO       | Android、iOS   | Yes               |
+| customHTMLElementModels                | Customize element models for target tags.                                                                                                                                                                         | HTMLElementModelRecord                             | NO       | Android、iOS   | Yes               |
+| dangerouslyDisableHoisting             | Disable hoisting. Especially useful for rendering with react-native-web.Note that your layout might break in native!                                                                                              | boolean                                            | NO       | Android、iOS   | Yes               |
+| dangerouslyDisableWhitespaceCollapsing | Disable whitespace collapsing. Especially useful if your html is being pre-processed server-side with a minifier.                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes               |
+| debug                                  | Log to the console a snapshot of the rendered TDocument after each transient render tree invalidation.                                                                                                            | boolean                                            | NO       | Android、iOS   | Yes               |
+| defaultTextProps                       | Default props for Text elements in the render tree.                                                                                                                                                               | TextProps                                          | NO       | Android、iOS   | Yes               |
+| defaultViewProps                       | Default props for View elements in the render tree.                                                                                                                                                               | ViewProps                                          | NO       | Android、iOS   | Yes               |
+| domVisitors                            | An object which callbacks will be invoked when a DOM element or text node has been parsed and its children attached. This is great to tamper the dom, remove children, insert nodes, change text nodes data... etc. | DomVisitorCallbacks                                | NO       | Android、iOS   | Yes               |
+| emSize                                 | The default value in pixels for 1em.                                                                                                                                                                              | number                                             | NO       | Android、iOS   | Yes               |
+| enableCSSInlineProcessing              | Enable or disable inline CSS processing of inline styles.                                                                                                                                                         | boolean                                            | NO       | Android、iOS   | Yes               |
+| enableExperimentalBRCollapsing         | Recommended value is `true` on non-web platforms. Also note that this is an experimental feature, thus subject to behavioral instability.                                                                         | boolean                                            | NO       | Android、iOS   | Yes               |
+| enableExperimentalMarginCollapsing     | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes               |
+| idsStyles                              | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes               |
+| ignoreDomNode                          | Ignore specific DOM nodes.                                                                                                                                                                                        | (node: Node, parent: NodeWithChildren) => unknown  | NO       | Android、iOS   | Yes               |
+| ignoredDomTags                         | A list of lowercase tags which should not be included in the DOM.                                                                                                                                                 | Array<string>                                      | NO       | Android、iOS   | Yes               |
+| ignoredStyles                          | Blacklist specific inline CSS style properties and allow the others.                                                                                                                                              | CSSPropertyNameList                                | NO       | Android、iOS   | Yes               |
+| bypassAnonymousTPhrasingNodes          | The most simple one is that itsimplifies the render tree                                                                                                                                                          | boolean                                            | NO       | Android、iOS   | Yes               |
+| onDocumentMetadataLoaded               | Handler invoked when the document metadata is available. It will re-trigger on HTML content changes.                                                                                                              | (documentMetadata: DocumentMetadata) => void       | NO       | Android、iOS   | Yes               |
+| onHTMLLoaded                           | Triggered when HTML is available to the RenderHTML component.                                                                                                                                                     | (html: string) => void                             | NO       | Android、iOS   | Yes               |
+| onTTreeChange                          | Triggered when the transient render tree changes. Useful for debugging.                                                                                                                                           | (ttree: TDocument) => void                         | NO       | Android、iOS   | Yes               |
+| renderers                              | Your custom renderers.                                                                                                                                                                                            | CustomTagRendererRecor                             | NO       | Android、iOS   | Yes               |
+| selectDomRoot                          | Select the DOM root before TTree generation. For example, you could iterate over children until you reach an article element and return this element.                                                             | TRenderEngineOptions                               | NO       | Android、iOS   | Yes               |
+| setMarkersForTNode                     | Set custom markers from a TNode and all its descendants. Markers will be accessible in custom renderers via `tnode.markers` prop.                                                                                 | SetMarkersForTNode                                 | NO       | Android、iOS   | Yes               |
+| source                                 | The object source to render (either { uri }, { html } or { dom }).                                                                                                                                                | HTMLSource                                         | Yes      | Android、iOS   | Yes               |
+| renderersProps                         | Props to use in custom renderers with useRendererProps.                                                                                                                                                           | Partial<RenderersProps>                            | NO       | Android、iOS   | Yes               |
+| systemFonts                            | A list of fonts available in the current platform. These fonts will be used to select the first match in CSS `fontFamily` property, which supports a comma-separated list of fonts. By default, a handful of fonts are selected per platform. | Array<string>                                      | No       | Android、iOS   | Yes               |
+| tagsStyles                             | Provide mixed styles to target HTML tag names.                                                                                                                                                                    | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes               |
+
+## 遗留问题
+
+## 其他
+-  img 的宽度不会随着 contentWidth 的动态修改而更改,接口属性原库本身不支持（与iOS/Android表现一致）（由 RN 基座引起，RNImage 组件更新状态时 this.descriptorWrapper 没有重新赋值） [issue#638](https://github.com/meliorence/react-native-render-html/issues/638)
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/meliorence/react-native-render-html/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-responsive-fontsize.md b/en/react-native-responsive-fontsize.md
new file mode 100644
index 00000000..7a300a2c
--- /dev/null
+++ b/en/react-native-responsive-fontsize.md
@@ -0,0 +1,112 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-responsive-fontsize</code> </h1>
+</p>
+<p align="center">
+    <a href="https://https//github.com/heyman333/react-native-responsive-fontsize">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/heyman333/react-native-responsive-fontSize/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/heyman333/react-native-responsive-fontSize)
+
+## 安装与使用
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+$ npm install react-native-responsive-fontsize@0.5.1 --save
+```
+
+#### **yarn**
+
+```bash
+$ yarn add react-native-responsive-fontsize@0.5.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import { RFPercentage, RFValue } from "react-native-responsive-fontsize";
+import { View, Text, StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+  welcome: {
+    fontSize: RFValue(24, 580),
+    textAlign: "center",
+    margin: 10,
+  },
+  instructions: {
+    textAlign: "center",
+    margin: 10,
+    fontSize: RFPercentage(5),
+  },
+});
+const App = () => {
+  return (
+    <View style={{ height: '100%', width: '100%', backgroundColor: '#ffffff',marginTop:50}}>
+      <View style={{ height: 200 }}>
+        <Text>fontSize used RFValue(24, 580):</Text>
+        <Text style={styles.welcome}>Hello World1</Text>
+      </View>
+      <View style={{ height: 200 }}>
+        <Text>fontSize used RFPercentage(5):</Text>
+        <Text style={styles.instructions}>Hello World2</Text>
+      </View>
+    </View>
+  )
+}
+
+export default App;
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-NEXT-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 静态方法
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| RFPercentage | The font size is calculated as a percentage of the height(`width` in landscape mode) of the device. | function | no       | Android/iOS | yes               |
+| RFValue      | The font size is calculated based on standardScreenHeight and passed value | function | no       | Android/iOS | yes               |
+
+**RFPercentage参数**
+
+| Name    | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | ------ | -------- | ----------- | ----------------- |
+| percent | font size   | number | yes      | Android/iOS | yes               |
+
+**RFValue参数**
+
+| Name                 | Description            | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------- | ------ | -------- | ----------- | ----------------- |
+| value                | font size              | number | yes      | Android/iOS | yes               |
+| standardScreenHeight | standard screen height | number | no       | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/heyman333/react-native-responsive-fontSize/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-restart.md b/en/react-native-restart.md
new file mode 100644
index 00000000..f9a8baf7
--- /dev/null
+++ b/en/react-native-restart.md
@@ -0,0 +1,176 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-restart</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/avishayil/react-native-restart">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/avishayil/react-native-restart/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-restart)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-restart@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-restart@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {Text, View, StyleSheet} from 'react-native';
+import RNRestart from 'react-native-restart';
+
+export default function RestartDemo() {
+  return (
+    <View>
+      <Text>重启restart</Text>
+      <Text style={styles.button} onPress={() => RNRestart.restart()}>
+        重启(restart)
+      </Text>
+      <Text>重启Restart</Text>
+      <Text style={styles.button} onPress={() => RNRestart.Restart()}>
+        重启(Restart)
+      </Text>
+      <Text>上次restart的原因（getReason）</Text>
+      <Text style={styles.button} onPress={() => RNRestart.getReason()}>
+        getReason
+      </Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  button: {
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    backgroundColor: 'hsl(193, 95%, 68%)',
+    borderWidth: 2,
+    borderColor: 'hsl(193, 95%, 30%)',
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+   	"@react-native-oh-tpl/react-native-restart": "file:../../node_modules/@react-native-oh-tpl/react-native-restart/harmony/rn_restart.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNRestartPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type { RNPackageContext, RNPackage } from "rnoh/ts";
+import { SamplePackage } from "rnoh-sample-package/ts";
++ import { RNRestartPackage } from '@react-native-oh-tpl/react-native-restart/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+      new SamplePackage(ctx), 
++     new RNRestartPackage(ctx)
+  ];
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases)
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                       | Type     | Required | Platform | HarmonyOS Support |
+| --------- | --------------------------------- | -------- | -------- | -------- | ----------------- |
+| restart   | restart your react native project | Function | no       | All      | yes               |
+| Restart   | restart your react native project | Function | no       | All      | yes               |
+| getReason | get the cause of the last restart | Function | no       | All      | yes               |
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/avishayil/react-native-restart/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-root-modal.md b/en/react-native-root-modal.md
new file mode 100644
index 00000000..894d7b13
--- /dev/null
+++ b/en/react-native-root-modal.md
@@ -0,0 +1,198 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-root-modal</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/magicismight/react-native-root-modal">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/magicismight/react-native-root-modal/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-root-modal)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-root-modal@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-root-modal@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, {
+    StyleSheet,
+    Text,
+    View,
+    TouchableHighlight,
+} from 'react-native';
+
+import Modal from 'react-native-root-modal';
+import { Component } from 'react';
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#fff'
+    },
+    button: {
+        backgroundColor: '#ccc',
+        borderRadius: 5,
+        padding: 10,
+    },
+    modal: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'rgba(58, 93, 15, 0.8)',
+        borderRadius: 40,
+        height: '80%',
+        width: '80%',
+        bottom: 100,
+        flex: 1,
+        position: 'absolute',
+    },
+    close: {
+        position: 'absolute',
+        width: 20,
+        height: 20,
+        borderRadius: 10,
+        justifyContent: 'center',
+        alignItems: 'center',
+        right: 20,
+        top: 40,
+        backgroundColor: 'red'
+    },
+    modalContainer: {
+        height: 100,
+        width: 200,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: 'blue',
+        margin: 50
+    },
+    text: {
+        color: '#fff'
+    }
+});
+
+class CustomStyleDemo extends Component{
+    constructor() {
+        super(...arguments);
+        this.state = {
+            visible: false
+        };
+    }
+
+    showModal = () => {
+        this.setState({
+            visible: true
+        });
+    };
+
+    hideModal = () => {
+        this.setState({
+            visible: false
+        });
+    };
+
+    render() {
+        return <View style={styles.container}>
+             <TouchableHighlight
+                style={styles.button}
+                underlayColor="#aaa"
+                onPress={this.showModal}
+            >
+                <Text>Show Modal</Text>
+            </TouchableHighlight>
+            <Modal style={styles.modal} visible={this.state.visible}>
+                <TouchableHighlight
+                    style={[styles.button, styles.close]}
+                    underlayColor="#aaa"
+                    onPress={this.hideModal}
+                >
+                    <Text>X</Text>
+                </TouchableHighlight>
+
+                <View style={styles.modalContainer}>
+                    <Text style={styles.text}>You can custom your own Modal style</Text>
+                </View>
+            </Modal>
+        </View>;
+    }
+
+}
+
+export default CustomStyleDemo;
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases)
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+react-native-root-modal组件接收所有[React Native View](https://reactnative.dev/docs/view#props)组件的Props.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| visible  | 控制模态框是否可见  | boolean  | no | Android/iOS  | yes |
+| style  | 设置modal的样式，可以使用常规的样式属性  | style  | no | Android/iOS  | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-modal/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-root-siblings.md b/en/react-native-root-siblings.md
new file mode 100644
index 00000000..f0fa1b91
--- /dev/null
+++ b/en/react-native-root-siblings.md
@@ -0,0 +1,298 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-root-siblings</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/magicismight/react-native-root-siblings">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/magicismight/react-native-root-siblings/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [! TIP] [Github 地址](https://github.com/magicismight/react-native-root-siblings)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react-native-root-siblings@5.0.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-root-siblings@5.0.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [! WARNING] 使用时 import 的库名不变。
+
+The easiest way to create overlays( `Modal` , `Popover` , `Dialog` etc) for both `react` and `react-native` . 
+
+Make your own `showModal` and use it in any component without any `isShow` state or even in a pure function call.
+
+```jsx
+import RootSiblingsManager from 'react-native-root-siblings';
+
+export const showModal = (renderModal) => {
+  let rootNode;
+  const onClose = () => {
+    rootNode?.destroy();
+    rootNode = null;
+  };
+  rootNode = new RootSiblingsManager(renderModal(onClose));
+  return onClose;
+};
+
+import WelcomeModal from './WelcomeModal';
+
+export function showWelcomeModal() {
+  showModal((onClose) => <WelcomeModal onClose={onClose} />);
+}
+
+// ...
+function HomeScreen() {
+  return <Button onClick={showWelcomeModal}>Welcome!</Button>
+}
+
+setTimeout(showWelcomeModal, 3000);
+```
+
+---
+
+Insert `RootSiblingParent` between your providers and root app in your root render function.
+
+```jsx
+import { RootSiblingParent } from 'react-native-root-siblings';
+
+return (
+  <SomeProviders>
+    <RootSiblingParent>  // <- use RootSiblingParent to wrap your root component
+      <App />
+    </RootSiblingParent>
+  </SomeProviders>
+);      
+```
+
+`RootSiblingParent` works as a mounting base and can be mounted multiple times. Only the last mounted one would be active.
+
+In react native, a view has a higher hierarchy if it's more close to the root level.
+
+```jsx
+<RootSiblingParent>
+  <RootView>  //  <- the highest view
+    <NavigationView>
+      <ScreenView>  //  <- the lowest view
+       { /* what if you want to show a fullscreen modal here?
+          * usually you have to use a Native Modal which is even higher than RootView
+          * but it's buggy and has a lot of limitations
+          */}
+        <RootSiblingPortal>
+        { /* View put in here would be transported to RootSiblingParent 
+            * So it can have a same hierarchy as the RootView to cover any other views
+            */}
+          <View>
+          </View>
+        </RootSiblingPortal>
+      </ScreenView>
+    </NavigationView>
+  </View>
+</RootSiblingParent>
+```
+
+In react we have `createPortal` but still it's not so convenient as it can not be used outside of a component. 
+
+`react-native-root-siblings` provides the most possible flexibility:
+
+### Imperative API
+
+1. Create sibling element
+
+```jsx
+let sibling = new RootSiblings(<View
+    style={{top: 0,right: 0,bottom: 0,left: 0,backgroundColor: 'red'}}
+/>);
+```
+
+This will create a View element cover all of your app elements, 
+and returns a sibling instance.
+You can create a sibling anywhere, no matter in a component, hook or even a pure function.
+
+2. Update sibling element
+
+```jsx
+sibling.update(<View
+    style={{top: 10,right: 10,bottom: 10,left: 10,backgroundColor: 'blue'}}
+/>);
+```
+
+This will update the sibling instance to a View with blue backgroundColor and cover the screen by `10` offset distance.
+
+3. Destroy sibling element
+
+```js
+sibling.destroy();
+```
+
+This will remove the sibling element.
+
+### Component API
+
+```jsx
+import { RootSiblingPortal } from 'react-native-root-siblings';
+
+class extends Component {
+    render() {
+        return (
+            <RootSiblingPortal>
+                <View style={[StyleSheet.absoluteFill, { backgroundColor: 'rgba(0, 0, 0, 0.25)' }]} />
+            </RootSiblingPortal>
+        )
+    }
+}
+
+```
+
+### EXAMPLE
+
+```jsx
+import React, {
+    AppRegistry,
+    View,
+    Component,
+    TouchableHighlight,
+    StyleSheet,
+    Text
+} from 'react-native';
+import Dimensions from 'Dimensions';
+
+// Import library there,it will wrap everything registered by AppRegistry.registerComponent
+// And add or remove other elements after the root component
+import RootSiblings from 'react-native-root-siblings';
+
+var id = 0;
+var elements = [];
+class SiblingsExample extends Component{
+    addSibling = () => {
+        let sibling = new RootSiblings(<View
+            style={[styles.sibling, {top: id * 20}]}
+        >
+            <Text>I`m No.{id}</Text>
+        </View>);
+        id++;
+        elements.push(sibling);
+    };
+
+    destroySibling = () => {
+        let lastSibling = elements.pop();
+        lastSibling && lastSibling.destroy();
+    };
+
+    updateSibling = () => {
+        let lastId = elements.length - 1;
+        lastId >= 0 && elements[lastId].update(<View
+            style={[styles.sibling, {top: lastId * 20}]}
+        >
+            <Text>I`m No.{lastId} : {Math.random()}</Text>
+        </View>);
+    };
+
+    render() {
+        return <View style={styles.container}>
+            <TouchableHighlight
+                style={styles.button}
+                onPress={this.addSibling}
+            >
+                <Text style={styles.buttonText}>Add element</Text>
+            </TouchableHighlight>
+            <TouchableHighlight
+                style={styles.button}
+                onPress={this.destroySibling}
+            >
+                <Text style={styles.buttonText}>Destroy element</Text>
+            </TouchableHighlight>
+            <TouchableHighlight
+                style={styles.button}
+                onPress={this.updateSibling}
+            >
+                <Text style={styles.buttonText}>Update element</Text>
+            </TouchableHighlight>
+        </View>;
+    }
+}
+
+AppRegistry.registerComponent('SiblingsExample', () => SiblingsExample);
+
+var styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'green',
+    },
+    button: {
+        borderRadius: 4,
+        padding: 10,
+        marginLeft: 10,
+        marginRight: 10,
+        backgroundColor: '#ccc',
+        borderColor: '#333',
+        borderWidth: 1,
+    },
+    buttonText: {
+        color: '#000'
+    },
+    sibling: {
+        left: 0,
+        height: 20,
+        width: Dimensions.get('window').width / 2,
+        backgroundColor: 'blue',
+        opacity: 0.5
+    }
+});
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19; 
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| RootSiblings(element: ReactElement, options?: Options)  | 创建一个新的兄弟元素  | RootSiblings  | no | Android/IOS  | yes |
+| RootSiblings.update(element: ReactNode, callback?: () => void)  | 更新兄弟元素内容  | void  | no | Android/IOS  | yes |
+| RootSiblings.destroy(callback?: () => void)  | 销毁兄弟元素  | void  | no | Android/IOS  | yes |
+| RootSiblingParent(props: {children: ReactNode; inactive?: boolean;})  | 包裹需要创建和管理的根级组件  | import("react/jsx-runtime").JSX.Element  | no | Android/IOS  | yes |
+| RootSiblingPortal(props: { children: ReactNode;})  | 允许将子组件渲染到应用的根组件之外的任意位置  | null  | no | Android/IOS  | yes |
+| setSiblingWrapper(wrapper: (sibling: ReactNode) => ReactNode)  | 设置全局组件的包装器  | void  | no | Android/IOS  | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-siblings/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-root-toast.md b/en/react-native-root-toast.md
new file mode 100644
index 00000000..cffa9bbb
--- /dev/null
+++ b/en/react-native-root-toast.md
@@ -0,0 +1,157 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-root-toast</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/magicismight/react-native-root-toast">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/magicismight/react-native-root-toast)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-root-toast@3.5.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-root-toast@3.5.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+#### Calling api
+
+```js
+import React, { useState } from "react";
+import {
+  ScrollView,
+  StyleSheet,
+  View,
+  Text,
+  TouchableHighlight,
+  TextInput,
+  Switch,
+  Button,
+  Alert,
+} from "react-native";
+import Toast from "react-native-root-toast";
+
+export function ReactNativeRootToastExample() {
+  let PToast: any = null;
+  function startPToast() {
+    PToast = Toast.show("超长待机弹窗实例", {
+      duration: 99999999,
+      position: 20,
+      shadow: true,
+      animation: true,
+      hideOnPress: false,
+      delay: 0,
+      onHidden: () => {
+        PToast.destroy();
+        PToast = null;
+      },
+    });
+  }
+
+  function hidePToast() {
+    Toast.hide(PToast);
+  }
+  return (
+    <RootSiblingParent>
+      <Button title="开一个弹窗" onPress={startPToast} />
+      <Button title="关掉这个弹窗" onPress={hidePToast} />
+    </RootSiblingParent>
+  );
+}
+```
+
+#### Using a Component
+
+```json
+import { RootSiblingParent } from 'react-native-root-siblings';
+import React,{ useState } from 'react';
+import { Button } from 'react-native';
+import Toast from 'react-native-root-toast';
+
+export function ReactNativeRootToastExample() {
+	const [visible,setvisible] = useState(true);
+    function c(){ setvisible(false) }
+    function d(){ setvisible(true) }
+    return (
+        <RootSiblingParent>
+            <Toast
+            visible={visible}
+            position={90}
+            shadow={false}
+            animation={false}
+            hideOnPress={true}
+                >This is a message</Toast>
+            <View >
+                <Button title = "开一个组件弹窗" onPress = {d} />
+                <Button title = "关掉这个组件弹窗" onPress = {c} />
+            </View>
+        </RootSiblingParent>
+    );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                                                                           | Type     | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| duration        | Toast.durations.SHORT Number The duration of the toast. (Only for api calling method) | Number   | no       | All      | yes               |
+| visible         | The visibility of toast. (Only for Toast Component)                                   | Bool     | no       | All      | yes               |
+| position        | The position of toast showing on screen (A negative number represents the distance from the bottom of screen. A positive number represents the distance form the top of screen.)| Number   | no       | All      | yes               |
+| animation       | Should preform an animation on toast appearing or disappearing.                       | Bool     | no       | All      | yes               |
+| shadow          | Should drop shadow around Toast element.                                              | Bool     | no       | All      | yes               |
+| backgroundColor | The background color of the toast.                                                    | string   | no       | All      | yes               |
+| shadowColor     | The shadow color of the toast.                                                        | string   | no       | All      | yes               |
+| textColor       | The text color of the toast.                                                          | string   | no       | All      | yes               |
+| delay           | The delay duration before toast start appearing on screen.                            | Number   | no       | All      | yes               |
+| hideOnPress     | Should hide toast that appears by pressing on the toast.                              | Bool     | no       | All      | yes               |
+| opacity         | The Toast opacity.                                                                    | Number   | no       | All      | yes               |
+| onShow          | Callback for toast`s appear animation start                                           | function | no       | All      | yes               |
+| onShown         | Callback for toast`s appear animation end                                             | function | no       | All      | yes               |
+| onHide          | Callback for toast`s hide animation start                                             | function | no       | All      | yes               |
+| onHidden        | Callback for toast`s hide animation end                                               | function | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-safe-area-context.md b/en/react-native-safe-area-context.md
new file mode 100644
index 00000000..09ce09df
--- /dev/null
+++ b/en/react-native-safe-area-context.md
@@ -0,0 +1,266 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-safe-area-context</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/th3rdwave/react-native-safe-area-context">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20web%20%7C%20macos%20%7C%20windows%20%7C%20harmony-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/th3rdwave/react-native-safe-area-context/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-area-context)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-safe-area-context@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-safe-area-context@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { Text, View } from "react-native";
+import {
+  SafeAreaProvider,
+  SafeAreaView,
+  initialWindowMetrics,
+} from "react-native-safe-area-context";
+
+const App = () => {
+  return (
+    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+      <SafeAreaView style={{ flex: 1, backgroundColor: "red" }}>
+        <View style={{ flex: 1 }}>
+          <Text>hello</Text>
+        </View>
+      </SafeAreaView>
+    </SafeAreaProvider>
+  );
+};
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-safe-area-context": "file:../../node_modules/@react-native-oh-tpl/react-native-safe-area-context/harmony/safe_area.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SafeAreaViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-safe-area-context/src/main/cpp" ./safe-area)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_safe_area)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SafeAreaViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SafeAreaViewPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 SafeAreaViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++ import {SafeAreaViewPackage} from '@react-native-oh-tpl/react-native-safe-area-context/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SafeAreaViewPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**组件 SafeAreaProvider**
+
+You should add `SafeAreaProvider` in your app root component. You may need to add it in other places like the root of modals and routes when using react-native-screens.
+
+Note that providers should not be inside a View that is animated with Animated or inside a ScrollView since it can cause very frequent updates.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
+| `Props`          | Accepts all View props. Has a default style of {flex: 1}.                                                                                                       | object | no       | All      | yes      |
+| `initialMetrics` | Can be used to provide the initial value for frame and insets, this allows rendering immediatly. See optimization for more information on how to use this prop. | object | no       | All      | yes      |
+
+**组件 SafeAreaView**
+
+`SafeAreaView` is a regular View component with the safe area insets applied as padding or margin.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ------- | ----------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
+| `Props` | Accepts all View props. Has a default style of {flex: 1}.                                       | object | no       | All      | yes      |
+| `edges` | Sets the edges to apply the safe area insets to. Defaults to all.                               | array  | no       | All      | yes      |
+| `mode`  | Optional, padding (default) or margin. Apply the safe area to either the padding or the margin. | string | no       | All      | yes      |
+
+# API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type     | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- |----------|----------| -------- | ------------------ |
+| useSafeAreaInsets  | Returns the safe area insets of the nearest provider.         | object   | no       | All      | yes   |
+| useSafeAreaFrame  | Returns the frame of the nearest provider. This can be used as an alternative to the Dimensions module.       | object | no       | All      | yes   |
+| SafeAreaInsetsContext  | React Context with the value of the safe area insets.         | object | no       | All      | yes  |
+| withSafeAreaInsets  | Higher order component that provides safe area insets as the insets prop.         | function | no       | All      | yes   |
+| SafeAreaFrameContext  | React Context with the value of the safe area frame.         | object | no       | All      | yes  |
+| initialWindowMetrics  | Insets and frame of the window on initial render. This can be used with the initialMetrics from SafeAreaProvider  | object | no       | All      | yes   |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/th3rdwave/react-native-safe-area-context/blob/main/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
diff --git a/en/react-native-safe-module.md b/en/react-native-safe-module.md
new file mode 100644
index 00000000..a9d6442f
--- /dev/null
+++ b/en/react-native-safe-module.md
@@ -0,0 +1,108 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-safe-module</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lelandrichardson/react-native-safe-module">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lelandrichardson/react-native-safe-module/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-module)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-safe-module@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-safe-module@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View } from 'react-native';
+import SafeModule from 'react-native-safe-module';
+
+const App = () => {
+  const NativeLottieView = SafeModule.component({
+    viewName: 'LottieAnimationView',
+    mockComponent: View,
+  });
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <NativeLottieView
+        style={{backgroundColor: 'red', width: 100, height: 100}}
+      />
+    </View>
+  );
+};
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+Name | Description | Type | Required | Platform | HarmonyOS   Support
+-- | -- | -- | -- | -- | --
+SafeModule.create(options) | 创建Module | Object | Yes | iOS/Android | Yes |  
+
+
+**options**：SafeModule.create(options) 方法的参数
+
+| Name                                                      | Description                                                                                                         | Type     | Required | Platform | HarmonyOS Support |
+| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| options.moduleName                                             |  The name, or array of names, to look for the module at on the NativeModules namespace.                                                                                      | string/Array<string> | Yes       | iOS/Android      | Yes               |
+| options.mock                                              | The mock implementation of the native module.                                        | mixed | Yes       | iOS/Android      | Yes               |
+| options.getVersion                                | A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.                                                                                                  | (module) => string/number | No       | iOS/Android      | Yes                |
+| options.overrides                                 | A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...).                                                                                                  | [version: string]: mixed   | No       | iOS/Android      | Yes               |
+| options.isEventEmitter                              |  A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.                                                                                                  | bool   | No       | iOS/Android      | Yes                |
+
+
+## 遗留问题
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/lelandrichardson/react-native-safe-module/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-safe-modules.md b/en/react-native-safe-modules.md
new file mode 100644
index 00000000..f2164016
--- /dev/null
+++ b/en/react-native-safe-modules.md
@@ -0,0 +1,140 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-safe-modules</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/emilioicai/react-native-safe-modules">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/emilioicai/react-native-safe-modules/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-modules)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-safe-modules@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-safe-modules@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { View, Button } from 'react-native';
+import SafeModule from 'react-native-safe-modules';
+
+const App = () => {
+  const myModule = SafeModule.create({
+    moduleName: 'MyNativemodule',
+    mock: {
+      someAPI: () => 'doSomething'
+    }
+  })
+  myModule.someAPI()
+  
+  const NativeLottieView = SafeModule.component({
+    viewName: 'LottieAnimationView',
+    mockComponent: View,
+  });
+  
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <NativeLottieView
+        style={{ backgroundColor: 'red', width: 100, height: 100 }}
+      />
+    </View>
+  );
+};
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases)
+
+## API
+
+### SafeModule.create(options)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| options.moduleName  |     the name, or array of names, to look for the module at on the NativeModules namespace.     | string/string[]  |    yes    |  iOS,Android  |         yes        |
+| options.mock  |   The mock implementation of the native module.     | object  |    yes    |  iOS,Android  |         yes        |
+| options.getVersion  |   A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.   | Function  |    no    |  iOS,Android  |         yes        |
+| options.versionOverrides  |    A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...).    | object  |    no    |  iOS,Android  |         yes        |
+| options.isEventEmitter  |   A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.     | boolean  |    no    |  iOS,Android  |         yes        |
+
+### SafeModule.module(options)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| options.moduleName  |     the name, or array of names, to look for the module at on the NativeModules namespace.     | string/string[]  |    yes    |  iOS,Android  |         yes        |
+| options.mock  |   The mock implementation of the native module.     | object  |    yes    |  iOS,Android  |         yes        |
+| options.getVersion  |   A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.   | Function  |    no    |  iOS,Android  |         yes        |
+| options.versionOverrides  |    A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...).    | object  |    no    |  iOS,Android  |         yes        |
+| options.isEventEmitter  |   A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.     | boolean  |    no    |  iOS,Android  |         yes        |
+
+
+### SafeModule.component(options)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|              Name              | Description |         Type        | Required | Platform | HarmonyOS Support  |
+| ------------------------------ | ----------- | ------------------- | -------- | -------- | ------------------ |
+|   options.viewName             |  传入的组件名称  |  string/string[]    |   yes    | iOS,Android |         yes        |
+|   options.mockComponent        |  传入一个模拟的组件，当viewName查找不到的时候，component会返回这个模拟的组件  |  React.ComponentType\<T>    |   yes    | iOS,Android |         yes        |
+|   options.componentOverrides   |  根据版本获取其中定义的组件，如果和viewName相同，覆盖原生组件的React组件，需要确保返回的React组件是有效的  |  object             |   no     | no         |         no        |
+|   options.propOverrides        |  根据版本获取其中定义的组件属性，如果是相同组件的相同属性，根据版本覆盖原生组件的属性，需要确保覆盖的属性在原生组件中存在  |  object             |   no     | no         |         no        |
+|   options.mock                 |  原生模块的模拟实现，原生模块中存在什么成员，可使用该属性自己模拟编写  |  object             |   no     | no         |         no        |
+|   options.getVersion           |  返回本机模块版本的函数。仅在指定替代且不导出本机模块上的版本属性时才需要。默认值为x => x.VERSION。  |  Function           |   no     | no         |         no        |
+
+
+## 遗留问题
+
+## 其他
+
+- component接口问题： 该接口在iOS和Android上均无法正常使用，不管输入的viewName是什么，都只会返回用户传递的mockComponent，无法获得封装后的组件，HarmonyOS与其表现一致:[issue#19](https://github.com/emilioicai/react-native-safe-modules/issues/19)。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/emilioicai/react-native-safe-modules/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-screens.md b/en/react-native-screens.md
new file mode 100644
index 00000000..e84fdcbf
--- /dev/null
+++ b/en/react-native-screens.md
@@ -0,0 +1,158 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-screens</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/software-mansion/react-native-screens">
+        <img src="https://img.shields.io/badge/platforms-iOS%20|%20Android%20|%20tvOS%20|%20Windows%20|%20Web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/software-mansion/react-native-screens/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/software-mansion/react-native-screens)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/native
+npm install @react-native-oh-tpl/stack
+npm install @react-native-oh-tpl/react-native-safe-area-context
+npm install react-native-screens
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/native
+yarn add @react-navigation/stack
+yarn add @react-native-oh-tpl/react-native-safe-area-context
+yarn add react-native-screens
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {ScrollView, Button, View, Text} from 'react-native';
+import {NavigationContainer} from '@react-navigation/native';
+import {createStackNavigator} from '@react-navigation/stack';
+import { enableScreens } from "react-native-screens";
+
+enableScreens(false);
+function Home({navigation}) {
+    return (
+        <ScrollView
+            style={{backgroundColor: 'yellow'}}
+            contentInsetAdjustmentBehavior="automatic">
+            <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
+                <Text>Home Screen</Text>
+            </View>
+            <Button title="To Detail" onPress={() => navigation.push('Detail')} />
+        </ScrollView>
+    );
+}
+
+function Detail({navigation}) {
+    return (
+        <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
+            <Text>我是Details Screen</Text>
+            <Button title="To Home" onPress={() => navigation.goBack()} />
+        </View>
+    );
+}
+
+const Stack = createStackNavigator();
+
+function NativeNavigation() {
+    return (
+        <NavigationContainer>
+            <Stack.Navigator>
+                <Stack.Screen
+                    name="Home"
+                    component={Home}
+                    options={{title: '我是Home的title'}}
+                />
+                <Stack.Screen
+                    name="Detail"
+                    component={Detail}
+                    options={{title: '我是Detail的title'}}
+                />
+            </Stack.Navigator>
+        </NavigationContainer>
+    );
+}
+
+export default function RNScreenTest() {
+    return <NativeNavigation />;
+}
+
+```
+
+#### 禁用 `react-native-screens`
+
+因为 ArkUI侧未提供capi接口，容器组件需要capi化，故本库未实现harmonyOS原生化，所以 react-native-screens 禁用 HarmonyOS 原生屏幕使用 react-native views 即可，请在您的入口文件中添加以下代码。 (例如. `App.js`):
+
+```js
+import { enableScreens } from "react-native-screens";
+
+enableScreens(false);
+```
+
+您还可以通过[detachInactiveScreens](https://reactnavigation.org/docs/stack-navigator#detachinactivescreens)在每个导航器中禁用原生屏幕。
+
+## Link
+
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/stack 与 @react-native-oh-tpl/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照 [@react-native-oh-tpl/stack 文档的 Link 章节](/zh-cn/react-navigation-stack.md) 与 [@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md)进行引入。
+
+## 约束与限制
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH：0.72.29; SDK：HarmonyOS-NEXT-DB6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.60;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                                      | Description                                                                           | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------------------------------------------------|---------------------------------------------------------------------------------------|----------|----------|-------------|-------------------|
+| enableScreens                                             | 支持原生及其 React Native View                                                              | function | No       | iOS Android | Yes               |
+| enableFreeze                                              | 对 react-freeze 的支持，使用 ReactSuspense 机制来防止 React 组件树的部分渲染                              | function | No       | iOS Android | Yes               |
+| createNativeStackNavigator                                | 提供屏幕切换的能力                                                                             | function | No       | iOS Android | NO                |
+| NativeStackNavigationProp                                 | 切换页面属性的封装                                                                             | object   | No       | iOS Android | Yes               |
+| NativeStackNavigationOptions                              | 导航栏属性设置封装                                                                             | object   | No       | iOS Android | NO                |
+| FullWindowOverlay                                         | 一个组件，可以将其子组件放在其他组件之上                                                                  | object   | No       | iOS Android | NO                |
+| SearchBarProps                                            | 搜索栏的属性设置封装                                                                            | object   | No       | iOS Android | NO                |
+| SearchBarCommands                                         | 搜索栏的操作封装                                                                              | object   | No       | iOS Android | NO                |
+| useTransitionProgress                                     | 提供屏幕过渡的动画插值器                                                                          | function | No       | iOS Android | NO                |
+| userReanimatedTransitionProgress ReanimatedScreenProvider | 屏幕切换期间调用的帧回调，用于 react-native-reanimated 2.0 及其以上的版本，并使用 ReanimatedScreenProvider 进行封装 | function | No       | iOS Android | NO                |
+| userHeaderHeight                                          | 计算静态标题栏的高度，当屏幕方向发生更改，此值会发生更改                                                          | function | No       | iOS Android | NO                |
+| userAnimatedHeaderHeight                                  | 动态计算标题栏的高度，此值会随着每个视图布局变化而变化                                                           | function | No       | iOS Android | NO                |
+
+## 遗留问题
+
+- [ ] ArkUI侧未提供capi接口，容器组件需要capi化，故本库未实现harmonyOS原生化适配，harmonyOS侧仅支持部分属性。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/software-mansion/react-native-screens/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-screenshot-prevent.md b/en/react-native-screenshot-prevent.md
new file mode 100644
index 00000000..932d6d9d
--- /dev/null
+++ b/en/react-native-screenshot-prevent.md
@@ -0,0 +1,206 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-screenshot-prevent</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/killserver/react-native-screenshot-prevent">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/killserver/react-native-screenshot-prevent/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-screenshot-prevent)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-screenshot-prevent@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-screenshot-prevent@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect } from "react";
+import { Alert } from "react-native";
+import RNScreenshotPrevent, {
+  addListener,
+} from "react-native-screenshot-prevent";
+
+RNScreenshotPrevent.enabled(true);
+
+RNScreenshotPrevent.enabled(false);
+
+useEffect(() => {
+  const subscription = RNScreenshotPrevent.addListener(() => {
+    Alert.alert(
+      "You have taken a screenshot of the app.This is prohibited due to security reasons."
+    );
+  });
+
+  return () => {
+    subscription.remove();
+  };
+}, []);
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-screenshot-prevent": "file:../../node_modules/@react-native-oh-tpl/react-native-screenshot-prevent/harmony/react_native_screenshot_prevent.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNScreenShotPreventPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNScreenShotPreventPackage } from "@react-native-oh-tpl/react-native-screenshot-prevent/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNScreenShotPreventPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)
+
+### 权限要求
+
+- 由于此库涉及开启窗口隐私模式，调用对应接口时则需要配置对应的权限，权限需配置在 entry/src/main 目录下 module.json5 文件中。需要打开 `entry/src/main/ets/module.json5`，添加：
+
+```diff
+  ...
+ "requestPermissions": [
+      {
+        "name": "ohos.permission.INTERNET"
+      },
+      {
+        "name": "ohos.permission.ACCELEROMETER"
+      },
++     {
++        "name": "ohos.permission.PRIVACY_WINDOW"
++     }
+    ]
+```
+
+## RNScreenshotPrevent
+
+默认导出 RNScreenshotPrevent 对象
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### RNScreenshotPrevent 方法
+
+| Name              | Description                                                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| enabled           | Whether to enable the function of disabling screenshot/screen recording                                                                                                            | function | no       | iOS/Android | yes               |
+| addListener       | notifies when user has taken screenshot (yes, after taking) - you can show alert or do some actions                                                                                | function | no       | iOS         | yes               |
+| enableSecureView  | creates a hidden secureTextField which prevents Application UI capture on screenshots and allow uses imgUri as the source of the background image (can be both https://, file:///) | function | no       | iOS         | no                |
+| disableSecureView | remove a hidden secureTextField which prevents Application UI capture on screenshots                                                                                               | function | no       | iOS         | no                |
+
+## 遗留问题
+
+- [ ] iOS 支持创建隐藏的安全文本字段，防止应用程序 UI 捕获屏幕截图 [issue#3](https://github.com/react-native-oh-library/react-native-screenshot-prevent/issues/3)
+- [ ] iOS 支持创建一个隐藏的安全文本字段，防止应用程序 UI 捕获屏幕截图，并使用 imgUri 作为背景图像的来源（可以是 https://, file:///） [issue#2](https://github.com/react-native-oh-library/react-native-screenshot-prevent/issues/2)
+- [ ] iOS 支持移除隐藏的安全文本字段，允许应用程序 UI 捕获屏幕截图 [issue#1](https://github.com/react-native-oh-library/react-native-screenshot-prevent/issues/1)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/killserver/react-native-screenshot-prevent/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-scroll-bottom-sheet.md b/en/react-native-scroll-bottom-sheet.md
new file mode 100644
index 00000000..3dc49932
--- /dev/null
+++ b/en/react-native-scroll-bottom-sheet.md
@@ -0,0 +1,206 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-scroll-bottom-sheet</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-scroll-bottom-sheet@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add  @react-native-oh-tpl/react-native-scroll-bottom-sheet@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, { useCallback, useMemo, useRef } from "react";
+import {
+  View,
+  Text,
+  SafeAreaView,
+  StyleSheet,
+  Animated,
+  Dimensions,
+  StatusBar,
+  Pressable,
+  Alert,
+} from "react-native";
+import ScrollBottomSheet from "react-native-scroll-bottom-sheet";
+const WINDOW_HEIGHT = Dimensions.get("window").height;
+export default function App() {
+  const onSettleCallback = (index: number) => {
+    console.log("handleSheetChanges", index);
+  };
+  const scrollRef = React.useRef(null);
+  const data = useMemo(
+    () =>
+      Array(50)
+        .fill(0)
+        .map((_, index) => `index-${index}`),
+    []
+  );
+  return (
+    <View style={styles.screenbox}>
+      <ScrollBottomSheet
+        componentType="FlatList"
+        snapPoints={[128, "40%", "60%"]}
+        initialSnapIndex={2}
+        renderHandle={() => (
+          <View style={styles.header}>
+            <View style={styles.panelHandle} />
+          </View>
+        )}
+        //FlatList
+        data={data}
+        keyExtractor={(i) => i}
+        renderItem={({ item }) => (
+          <View style={styles.item}>
+            <Text>{`Item ${item}`}</Text>
+          </View>
+        )}
+        onSettle={onSettleCallback}
+        animationType={"spring"}
+        animationConfig={{}}
+        innerRef={scrollRef}
+        enableOverScroll={false}
+        containerStyle={styles.containerStyle}
+        contentContainerStyle={styles.contentContainerStyle}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  screenbox: {
+    height: "100%",
+    backgroundColor: "papayawhip",
+  },
+  containerStyle: {
+    fontSize: 18,
+  },
+  container: {
+    flex: 1,
+    padding: 24,
+    backgroundColor: "grey",
+  },
+  header: {
+    alignItems: "center",
+    backgroundColor: "white",
+    paddingVertical: 20,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+  },
+  panelHandle: {
+    width: 40,
+    height: 2,
+    backgroundColor: "rgba(0,0,0,0.3)",
+    borderRadius: 4,
+  },
+  item: {
+    padding: 20,
+    justifyContent: "center",
+    backgroundColor: "white",
+    alignItems: "center",
+    marginVertical: 10,
+  },
+  contentContainerStyle: {
+    padding: 16,
+    backgroundColor: "#F3F4F9",
+  },
+  contentContainer: {
+    flex: 1,
+    alignItems: "center",
+  },
+});
+```
+
+## Link
+
+本库依赖以下三方库，请查看对应文档：
+
+- [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
+- [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
+- [@react-native-oh-tpl/bottom-sheet](/zh-cn/react-native-bottom-sheet.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases)
+
+## 属性
+
+详情见[react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                                                                                                  | Required | Platform | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| componentType    | 'FlatList', 'ScrollView', or 'SectionList'                                                                                                                                                                                                                                                                                                                                                                                               | string                                                                                                                | yes      | all      | yes               |
+| snapPoints       | Array of numbers and/or percentages that indicate the different resting positions of the bottom sheet (in dp or %), starting from the top. If a percentage is used, that would translate to the relative amount of the total window height. If you want that percentage to be calculated based on the parent available space instead, for example to account for safe areas or navigation bars, use it in combination with topInset prop | Array\<string \| number\>                                                                                             | yes      | all      | yes               |
+| initialSnapIndex | Index that references the initial resting position of the drawer, starting from the top.                                                                                                                                                                                                                                                                                                                                                 | number                                                                                                                | yes      | all      | yes               |
+| renderHandle     | Render prop for the handle, should return a React Element                                                                                                                                                                                                                                                                                                                                                                                | () => React.ReactNode                                                                                                 | yes      | all      | yes               |
+| onSettle         | Callback that is executed right after the bottom sheet settles in one of the snapping points. The new index is provided on the callback                                                                                                                                                                                                                                                                                                  | (index: number) => void                                                                                               | no       | all      | yes               |
+| animationType    | timing (default) or spring                                                                                                                                                                                                                                                                                                                                                                                                               | string                                                                                                                | no       | all      | yes               |
+| animationConfig  | Timing or Spring configuration for the animation. If animationType is timing, it uses by default a timing configuration with a duration of 250ms and easing fn Easing.inOut(Easing.linear). If animationType is spring, it uses this default spring configuration. You can partially override any parameter from the animation config as per your needs                                                                                  | [TimingConfig or SpringConfig](https://docs.swmansion.com/react-native-reanimated/docs/animations/withTiming/#easing) | no       | all      | yes               |
+| animatedPosition | Animated value that tracks the position of the drawer                                                                                                                                                                                                                                                                                                                                                                                    | Animated.useSharedValue<number>                                                                                       | no       | all      | yes               |
+| topInset         | This value is useful to provide an offset (in dp) when applying percentages for snapping points                                                                                                                                                                                                                                                                                                                                          | number                                                                                                                | no       | all      | yes               |
+| innerRef         | Ref to the inner scrollable component (ScrollView, FlatList or SectionList), so that you can call its imperative methods. For instance, calling scrollTo on a ScrollView.                                                                                                                                                                                                                                                                | RefObject                                                                                                             | no       | all      | yes               |
+| containerStyle   | Style to be applied to the container (Handle and Content)                                                                                                                                                                                                                                                                                                                                                                                | StyleProp\<ViewStyle\>                                                                                                | no       | all      | yes               |
+| friction         | Friction is the damping coefficient (0 to 1). The closer the damping coefficient is to 1, the more obvious the sliding trend is when the finger continues to slide to the bottom node.                                                                                                                                                                                                                                                   | number                                                                                                                | no       | all      | yes               |
+| enableOverScroll | Allow drawer to be dragged beyond lowest snap point                                                                                                                                                                                                                                                                                                                                                                                      | boolean                                                                                                               | no       | all      | yes               |
+
+## Methods 方法
+
+| Name          | Description                                                                 | Type     | Required | Platform    | HarmonyOS Support |
+| ------------- | --------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| snapTo(index) | bottomSheetRef refers to the ref passed to the ScrollBottomSheet component. | function | no       | iOS/Android | yes                |
+
+## 遗留问题
+
+## 其他
+
+- 本库基于[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)实现，详见[issue#2](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/pull/2)
+- 若想实现完全可配置选项的高性能交互式 ScrollBottomSheet，建议优先使用[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-scrollable-tab-view.md b/en/react-native-scrollable-tab-view.md
new file mode 100644
index 00000000..80efc515
--- /dev/null
+++ b/en/react-native-scrollable-tab-view.md
@@ -0,0 +1,119 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-scrollable-tab-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ptomasroos/react-native-scrollable-tab-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { Text, View } from "react-native";
+
+import ScrollableTabView from "react-native-scrollable-tab-view";
+
+export default () => {
+  return (
+    <View>
+      <ScrollableTabView>
+        <Text tabLabel="Tab #1">My</Text>
+        <Text tabLabel="Tab #2 word word">favorite</Text>
+        <Text tabLabel="Tab #3 word word word">project</Text>
+        <Text tabLabel="Tab #4 word word word word">favorite</Text>
+        <Text tabLabel="Tab #5">project</Text>
+      </ScrollableTabView>
+    </View>
+  );
+};
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-pager-view 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](react-native-pager-view.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                                                  | Type                 | Required | Platform     | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------ | -------------------- | -------- | ------------ | ----------------- |
+| renderTabBar               | 用于渲染TabBar。添加该属性，需要在引入组件之时加上它的子组件。系统提供两种方式，DefaultTabBar和ScrollableTabBar。DefaultTabBar表示Tab.item会平分水平方向上的空间，而ScrollableTabBar表示所有的tabBar.item的长度将会超过屏幕宽度，但是当滚动屏幕之时可以显示出来。当然也可以自定义它的模式。 | Function             | no       | ios，android | yes               |
+| tabBarPosition             | 表示TabBar的位置。一共有四个取值：top(放在界面上方)、bottom(放在界面底部)、overlayTop(有悬浮效果在上方)、overlayBottom(有悬浮效果在下方) | String               | no       | ios，android | yes               |
+| onChangeTab                | 切换界面的时候会调用该方法，该属性中包含一个参数，它是一个object对象，这个对象有两个参数，i表示被选中的下标，ref表示被选中的对象。 | Function             | no       | ios，android | yes               |
+| onScroll                   | 视图滑动时调用，该属性会传递一个Float类型的数字，范围是[0,tab的数量-1] | Function             | no       | ios，android | yes               |
+| locked                     | 手指是否能拖动，默认为false（可拖动）,如为true则表示只能通过点击tab来切换视图。 | Bool                 | no       | ios，android | yes               |
+| initialPage                | 初始化时被选中的下标，默认为0                                | Integer              | no       | ios，android | yes               |
+| page                       | 设置选中指定的tab(已废弃,详情请看 [#126](https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/126)) | Integer              | no       | ios,android  | no                |
+| children                   | 每个顶级子组件都应该有一个tabLabel属性，选项卡栏组件可以使用它来呈现标签。默认是字符串，但也可以自定义内容。 | ReactComponents      | no       | ios，android | yes               |
+| tabBarUnderlineStyle       | 设置选项卡栏下划线的样式。注意，该属性只是在系统提供的ScrollableTabBarTab状态下才有效果。 | View.propTypes.style | no       | ios，android | yes               |
+| tabBarBackgroundColor      | 设置选项卡栏背景的颜色，默认为white。                        | String               | no       | ios，android | yes               |
+| tabBarActiveTextColor      | 设置选中的tabBar的文字颜色,默认navy。                        | String               | no       | ios，android | yes               |
+| tabBarInactiveTextColor    | 设置未选中的tabBar的文字颜色,默认black。                     | String               | no       | android,ios  | yes               |
+| tabBarTextStyle            | 选项卡栏文本的其他样式。例如：{fontFamily: 'Roboto', fontSize: 15} | Object               | no       | android,ios  | yes               |
+| style                      | view所拥有的属性                                             | View.propTypes.style | no       | android,ios  | yes               |
+| contentProps               | 应用于ScrollView/ViewPagerAndroid的属性。请注意，重写库设置的默认值可能会破坏功能； | Object               | no       | android,ios  | yes               |
+| scrollWithoutAnimation     | 设置点击Tab时，视图切换是否有动画，默认为false（即：有动画效果）。 | Bool                 | no       | android,ios  | yes               |
+| prerenderingSiblingsNumber | 预渲染附近的同级，Infinity===渲染所有同级，默认为0===渲染当前页面。 | Integer              | no       | android,ios  | yes               |
+
+## 遗留问题
+
+- [x] `原库已知问题RN组件ScrollView里面的scrollTo()报undefined(已修复)`[#I95OVM](https://gitee.com/react-native-oh-library/usage-docs/issues/I95OVM)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-scrollable-tabview.md b/en/react-native-scrollable-tabview.md
new file mode 100644
index 00000000..6d822cad
--- /dev/null
+++ b/en/react-native-scrollable-tabview.md
@@ -0,0 +1,209 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-scrollable-tabview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/itenl/react-native-scrollable-tabview">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/itenl/react-native-scrollable-tabview/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/itenl/react-native-scrollable-tabview)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @itenl/react-native-scrollable-tabview@1.1.7
+```
+
+#### **yarn**
+
+```bash
+yarn add @itenl/react-native-scrollable-tabview@1.1.7
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect, useRef } from 'react';
+import { View, Text, Alert, Button } from 'react-native'
+import ScrollableTabView from '@itenl/react-native-scrollable-tabview';
+
+export default function ScrollTabsDemo() {
+
+  let [scrollDate, setScrollDate] = useState(Date.now())
+  const myRef = useRef<any>(null);
+
+  //  console.error('test')
+
+  return (
+    <View style={{ flex: 1 }}>
+      <ScrollableTabView
+        ref={myRef}
+        stacks={[
+          {
+            screen: ({ onRefresh }: any) => {
+              onRefresh((toggled: (arg0: boolean) => void) => {
+                setScrollDate(Date.now())
+              });
+              return (<View style={{ flex: 1, backgroundColor: 'blue', height: 2000 }}><Text>one{scrollDate}</Text></View>)
+            },
+          }, {
+            screen: () => <View style={{ flex: 1, backgroundColor: 'grey', height: 2000 }}><Text>two{scrollDate}</Text></View>,
+          },
+          {
+            screen: () => {
+              return (
+                <View
+                  style={{
+                    flex: 1,
+                    backgroundColor: "green",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    height: 2000
+                  }}
+                >
+                  <Text>
+                    {Date.now()} {scrollDate}
+                  </Text>
+                </View>
+              );
+            },
+          }
+        ]}
+        mappingProps={{}}
+        tabsStyle={{ backgroundColor: 'yellow', }}
+        tabWrapStyle={{ zIndex: 1 }}
+        tabInnerStyle={{ paddingLeft: 5 }}
+        tabActiveOpacity={0}
+        tabStyle={{ backgroundColor: 'orange', width: 100 }}
+        textStyle={{ textAlign: 'center', color: 'green' }}
+        textActiveStyle={{ fontSize: 30 }}
+        tabUnderlineStyle={{ backgroundcolor: 'red', height: 10 }}
+        firstIndex={0}
+        syncToSticky={true}
+        onEndReachedThreshold={0.4}
+        onTabviewChanged={(index: any, tabLabel: any, isFirst: any) => {
+          setScrollDate(index + tabLabel + isFirst)
+        }}
+        screenScrollThrottle={100}
+        header={() => {
+          return <View style={{ backgroundColor: 'pink', height: 80 }}><Text>header</Text></View>;
+        }}
+      ></ScrollableTabView>
+    </View>
+  );
+}
+```
+
+
+
+## 约束与限制
+
+### 兼容性
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑ROM。
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
+2. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required |   HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- |  ------------------ |
+stacks | 页面栈 < [阅读 Stack Property](#StackProperty) >| Array | / | yes
+mappingProps | 将映射数据关联到   Stack / Sticky | Object | / | yes
+badges | 针对每个Tab的徽章 < [阅读 Badge Property](#BadgeProperty) >| Array | / | yes
+tabsStyle | 整个Tabs样式 | Object | / | yes
+tabWrapStyle | 单Tab换行样式（函数参数提供item、index，需要返回样式对象，eg。return   index == 1 && {zIndex:10}| Object   / Function | / | yes
+tabInnerStyle | 单Tab内部样式 | Object | / | yes
+tabActiveOpacity | 单击   Tab 按钮后的透明度 | Number | / | yes
+tabStyle | 单标签样式 | Object | / | yes
+textStyle | 选项卡中的文本样式 | Object | / | yes
+textActiveStyle | 选择活动文本样式 | Object | / | yes
+tabUnderlineStyle | 选择活动下划线样式 | Object | / | yes
+firstIndex | 设置 firstIndex 的栈为活动状态 (请在设定 firstIndex 值的时候确保 stacks 的个数大于 firstIndex ) | Number   / Null | / | yes
+syncToSticky | 是否同步（render在Screen中触发componentDidUpdate会更新Sticky） | Boolean | / | yes
+onEndReachedThreshold | 底部回调阈值 | Number | / | yes
+onBeforeRefresh | 下拉刷新前置函数，executenext执行onRefreshScreen中的函数，executetoggled切换系统加载，可以通过true/false来指定（回调包含next,toggled两个形参） | Function | / | yes
+onBeforeEndReached | 向上滑动加载更多前置函数，execute   next将执行onEndReachedScreen中的函数（回调包含next形参） | Function | / | yes
+onTabviewChanged | Tab切换完成回调（回调包含index, tabLabel,isFirst参数） | Function | / | yes
+screenScrollThrottle | Screen 横向滑动时节流参数,单位 (毫秒) | Number | / | yes
+header | 顶部组件（如果函数需要返回Element） | Function   / JSX Element / Class Component | / | yes
+stickyHeader | 	顶部带吸顶效果组件 (若是函数需要返回 Element) | Function   / JSX Element / Class Component | / | yes
+oneTabHidden | 当只有一个Tab时隐藏自身 | Boolean | / | yes
+enableCachePage | 是否持久化页面切换后不销毁 | Boolean | / | yes
+carouselProps | 传递给 Carousel 的剩余属性 < [阅读 Carousel](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/PROPS_METHODS_AND_GETTERS.md) >| Object | / | yes
+sectionListProps | 传递给 SectionList 的剩余属性 < [阅读 SectionList](https://reactnative.dev/docs/sectionlist) >| Object | / | yes
+toHeaderOnTab | 点击触发激活的Tab会滚动到Header（高优先级） | Boolean | / | yes
+toTabsOnTab | 点击触发激活的Tab会滚动到Tabs | Boolean | / | yes
+tabsShown | 配置选项卡的显示和隐藏 | Boolean | / | yes
+fixedTabs | true时enableCachePage，滑动切换Screen设置最小高度，保证Header和Tabs不会弹起 | Boolean | / | yes
+fixedHeader | 与Tabs一起渲染，固定顶部Header，不跟随滚动 | Boolean | / | yes
+useScroll | Tabs是否支持水平滚动（有多个类别Tab时需要启用，建议tabStyle传入固定宽度） | Boolean | / | yes
+useScrollStyle | 设置contentContainerStyle为滚动Tabs，通常会在左右两侧添加边距paddingLeft paddingHorizontal | Object | / | yes
+fillScreen | 填满整个屏幕 | Boolean | / | yes
+title | 动画标题 | Function   / JSX Element / Class Component | / | yes
+titleArgs | 标题配置 < [阅读 interpolate](https://reactnative.dev/docs/animations#interpolation) >| Object | / | yes
+onScroll | 滚动事件监听 | Function | / | yes
+onScroll2Horizontal | 水平滚动事件监听 | Function | / | yes
+tabsEnableAnimated | 为Tabs启用滑动效果，需要为 tabStyle   指定 width | Boolean | / | yes
+tabsEnableAnimatedUnderlineWidth | 要为选项卡下划线设置固定宽度并添加跳跃动画，需要启用tabsEnableAnimated=true。   （建议传入三分之一tabStyle.width或者固定的30px） | Number | / | yes
+errorToThrow | console.error会抛出错误throw new   Error() | Boolean | / | yes
+
+## stack 属性
+Name | Description | Type | Required | HarmonyOS   Support
+-- | -- | -- | -- | --
+screen | Screen   类组件 | Class   Component | / | yes |  
+sticky | 吸顶类组件,   实例内将返回该类组件的上下文 | Class   Component | / | yes |  
+tabLabel | Tab   昵称 | String | / | yes |  
+tabLabelRender | 自定义   Tab渲染函数，优先级高于 tabLabel | Function | / | yes |  
+badge | 针对当前 Tab   的徽章，与 badges 属性互斥，优先级高于最外层属性 badges < 阅读 Badge   Property > | Array | / | yes |  
+toProps | toProps 仅传递给 Screen，不作数据关联 | Object | / | yes |  
+
+## 方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+Name | Description | Type | Required | HarmonyOS   Support
+-- | -- | -- | -- | --
+getCurrentRef(index:   number.optional) | 获取当前活动的视图的实例，可传 index 获取指定实例 | Function | / | yes |  
+toTabView(index:   number.required / label: string.required) | 跳到指定 Screen | Function | / | yes |  
+scrollTo(index:   number.required) | 上下滑动至指定位置 (传入   0 默认定位至 tabs / 传入负数则置顶) | Function | / | yes |  
+clearStacks(callback:   function.optional) | 清空栈以及相关状态   (Tabs / Badge / Stacks)) | Function | / | yes | 
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/itenl/react-native-scrollable-tabview/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-secharts.md b/en/react-native-secharts.md
new file mode 100644
index 00000000..a0fa37c4
--- /dev/null
+++ b/en/react-native-secharts.md
@@ -0,0 +1,171 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-secharts</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/shifeng1993/react-native-secharts">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/shifeng1993/react-native-secharts/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/shifeng1993/react-native-secharts)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-secharts@1.7.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-secharts@1.7.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from "react";
+import { View, StyleSheet, Text } from "react-native";
+import { Echarts, echarts } from "react-native-secharts";
+
+export default class SechartsBar extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      image: "",
+      value: null,
+      option1:
+        (option = option =
+          {
+            xAxis: {
+              type: "category",
+              data: ["Mon", "Tue", "Wed", "Thu", "Fri"],
+            },
+            yAxis: {
+              type: "value",
+            },
+            series: [
+              {
+                data: [120, 200, 150, 80, 70],
+                type: "bar",
+              },
+            ],
+          }),
+      flag: false, // 这个布尔值是为了测试option1在setstate操作后不会被重置成初始状态。
+    };
+    this.echart1 = React.createRef();
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <View>
+          <Echarts
+            ref={this.echart1}
+            option={this.state.option1}
+            onPress={this.onPress}
+            height={600}
+            width={300}
+            backgroundColor={"#468B58"}
+            renderLoading={() => (
+              <View style={{ backgroundColor: "rgba(255,255,0,0)" }} />
+            )}
+          />
+        </View>
+        <View>
+          <Text>
+            {!this.state.value
+              ? "这里显示被点击的值"
+              : "被点击的值：" + this.state.value}
+          </Text>
+        </View>
+      </View>
+    );
+  }
+  onPress = (e) => {
+    this.setState({ value: e.value });
+  };
+}
+const styles = StyleSheet.create({
+  container: {
+    // flex: 1,
+    // justifyContent: 'center',
+    // alignItems: 'center',
+    backgroundColor: "#F5FCFF",
+  },
+  buttonContainer: {
+    width: 300,
+    marginTop: 5,
+  },
+});
+```
+
+## Link
+
+> [!tip] 本库依赖的@react-native-oh-tpl/react-native-webview 使用的版本为 13.10.2-0.2.0
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](/zh-cn/react-native-webview.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25；IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `option`          | echarts 配置项，option 详情参见 https://echarts.apache.org/zh/option.html#title                                                        | object   | yes      | All      | yes               |
+| `backgroundColor` | 图表画布背景色                                                                                                                         | string   | no       | All      | yes               |
+| `width`           | 画布宽度                                                                                                                               | number   | no       | All      | yes               |
+| `height`          | 画布高度                                                                                                                               | number   | no       | All      | yes               |
+| `renderLoading`   | loading 时遮罩，默认不支持自定义，如需自定义，请修改 react-native-secharts 依赖的源码 main/dist/index.js 中 startInLoadingState={true} | function | no       | All      | yes               |
+| `onPress`         | 画布中数据点击事件                                                                                                                     | function | no       | All      | yes               |
+
+## 实例方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop        | Description                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
+| ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `setOption` | 该参数接收 option 对象，1.5.0 之后版本的 react-native-secharts 不建议使用此方法了，可以直接用 react 的组件内 state 进行绑定，如果需要变更，直接 setstate 新的 option 即可。） | function | no       | All      | yes               |
+| `getImage`  | 返回函数的参数 base64，可结合 RNFS 写入相册                                                                                                                                   | function | no       | All      | yes               |
+| `clear`     | 清空 echarts 画布                                                                                                                                                             | function | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+renderLoading 属性在 Android 和 iOS 设置之后不生效，HarmonyOS 与 Android,iOS 表现一致。 [issue#109](https://github.com/shifeng1993/react-native-secharts/issues/109)
+
+原库使用了在线 CDN，Echarts 组件需在网络支持下才能正常展示，HarmonyOS 与 Android,iOS 表现一致。 [issue#79](https://github.com/shifeng1993/react-native-secharts/issues/79)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/shifeng1993/react-native-secharts/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-section-list-get-item-layout.md b/en/react-native-section-list-get-item-layout.md
new file mode 100644
index 00000000..50c1d1bd
--- /dev/null
+++ b/en/react-native-section-list-get-item-layout.md
@@ -0,0 +1,94 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-section-list-get-item-layout</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jsoendermann/rn-section-list-get-item-layout">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20windows%20%7C%20macos%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jsoendermann/rn-section-list-get-item-layout/blob/master/README.md">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!tip] [Github 地址](https://github.com/jsoendermann/rn-section-list-get-item-layout)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start --> 
+
+#### **npm**
+
+```bash
+npm install react-native-section-list-get-item-layout@2.2.3
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-section-list-get-item-layout@2.2.3
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import sectionListGetItemLayout from "react-native-section-list-get-item-layout";
+
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.getItemLayout = sectionListGetItemLayout({
+      // The height of the row with rowData at the given sectionIndex and rowIndex
+      getItemHeight: (rowData, sectionIndex, rowIndex) =>
+        sectionIndex === 0 ? 100 : 50,
+
+      // These four properties are optional
+      getSeparatorHeight: () => 1 / PixelRatio.get(), // The height of your separators
+      getSectionHeaderHeight: () => 20, // The height of your section headers
+      getSectionFooterHeight: () => 10, // The height of your section footers
+      listHeaderHeight: 40, // The height of your list header
+    });
+  }
+
+  render() {
+    return <SectionList {...otherStuff} getItemLayout={this.getItemLayout} />;
+  }
+}
+
+export default MyComponent
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [rn-section-list-get-item-layout 源库地址](https://github.com/jsoendermann/rn-section-list-get-item-layout)
+
+| Name                                                         | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| sectionListGetItemLayout({getItemHeight, getSeparatorHeight, getSectionHeaderHeight,getSectionFooterHeight,listHeaderHeight}) | This package provides a function that helps you construct the getItemLayout function for your SectionLists. For an explanation of why this exists, see this post. It's meant to be used like this | function | Yes      | All      | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jsoendermann/rn-section-list-get-item-layout/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-securerandom.md b/en/react-native-securerandom.md
new file mode 100644
index 00000000..d7dcf317
--- /dev/null
+++ b/en/react-native-securerandom.md
@@ -0,0 +1,192 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-securerandom</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/robhogan/react-native-securerandom">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/robhogan/react-native-securerandom/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-securerandom)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-securerandom@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-securerandom@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import React, { useState } from "react";
+import { Text, TouchableOpacity, View, TextInput, StyleSheet } from 'react-native';
+import { generateSecureRandom } from 'react-native-securerandom';
+
+export default function secureRandomDemo(): JSX.Element {
+
+    const [secureRandom, setSecureRandom] = useState('')
+    const [size, setSize] = useState('30');
+
+    return <View>
+        <ScrollView style={{ height: 60 }}>
+                <Text>{secureRandom}</Text>
+        </ScrollView>
+
+        <TextInput style={styles.TextInput} value={size} onChangeText={(s) => {
+            setSize(s);
+        }}></TextInput>
+        <TouchableOpacity onPress={() => {
+          generateSecureRandom(Number(size)).then((myRandom:any) => {
+                setSecureRandom(`${JSON.stringify(myRandom?.data)}`)
+          }).catch((err)=>{
+              console.log(err,'err')
+            })
+        }} style={styles.btn}>
+        <Text
+          style={styles.btnText}>
+          secureRandom
+        </Text>
+      </TouchableOpacity>
+    </View>
+}
+const styles = StyleSheet.create({
+  TextInput: { height: 40, borderColor: '#ccc', borderWidth: 1, borderRadius: 4, width: '90%' },
+  btn: { borderRadius: 10, display: 'flex', justifyContent: 'center', alignItems: 'center', padding: 10, margin: 10, backgroundColor: 'blue' },
+  btnText: { fontWeight: 'bold', color: '#fff', fontSize: 20 }
+});
+```
+### 使用 Codegen 
+
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen](/zh-cn/link-source-code.md) 使用文档。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入(推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-securerandom": "file:../../node_modules/@react-native-oh-tpl/react-native-securerandom/harmony/secure_random.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 SecureRandomPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { SecureRandomPackage } from '@react-native-oh-tpl/react-native-securerandom/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SecureRandomPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases)
+
+
+## API
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| generateSecureRandom    | A library to generate cryptographically-secure random byte. | Function | No       | ios/Android | yes               |
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/robhogan/react-native-securerandom/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-send-intent.md b/en/react-native-send-intent.md
new file mode 100644
index 00000000..7597c5f6
--- /dev/null
+++ b/en/react-native-send-intent.md
@@ -0,0 +1,280 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-send-intent</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/lucasferreira/react-native-send-intent">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/lucasferreira/react-native-send-intent?tab=readme-ov-file#license">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-send-intent)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-send-intent@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-send-intent@file:#
+```
+
+<!-- tabs:end -->
+
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState, useEffect } from 'react';
+import {Button, Text} from 'react-native';
+import NativeSendIntent from 'react-native-send-intent'
+
+function SendIntent() {
+
+    return (
+        <>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.sendPhoneDial</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.sendPhoneDial('10086', false);
+                    }}
+                    title=""
+                    color="#841584"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.sendSms</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.sendSms('100010', 'text SMS');
+                    }}
+                    title=""
+                    color="#DC143C"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.openCalendar</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.openCalendar();
+                    }}
+                    title=""
+                    color="#D2691E"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.sendMail</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.sendMail('mailto:someone@example.com', 'This%20is%20the%20subject', 'This%20is%20the%20body');
+                    }}
+                    title=""
+                    color="#B8860B"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.openMaps</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.openMaps('武昌火车站');
+                    }}
+                    title=""
+                    color="#FF0000"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.openCamera</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.openCamera();
+                    }}
+                    title=""
+                    color="#FF1493"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.openSettings</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.openSettings('bluetooth_entry');
+                    }}
+                    title=""
+                    color="#8B4513"
+                />
+            </>
+            <>
+                <Text style={{ color: "red" }}>NativeSendIntent.gotoHomeScreen</Text>
+                <Button
+                    onPress={() => {
+                        NativeSendIntent.gotoHomeScreen();
+                    }}
+                    title=""
+                    color="#006400"
+                />
+            </>
+        </>
+    );
+};
+export default SendIntent;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-send-intent": "file:../../node_modules/@react-native-oh-tpl/react-native-send-intent/harmony/send_intent.har"
+  }
+```
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNSendIntentPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNSendIntentPackage} from '@react-native-oh-tpl/react-native-send-intent/ts';
+
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new RNSendIntentPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases)
+
+## API
+
+| Name                                   | Description                                            | Type     | Required | Platform | HarmonyOS Support |
+| -------------------------------------- | ------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| sendText                               | Usage of Text (Share)                                  | Function | no       | Android  | yes               |
+| sendMail                               | Usage of Send Mail (text/plain only)                   | Function | no       | Android  | yes               |
+| sendSms                                | Usage of SMS                                           | Function | no       | Android  | yes               |
+| sendPhoneCall                          | Usage of Phone Dial Screen                             | Function | no       | Android  | yes               |
+| sendPhoneDial                          | sage of Phone Dial Screen                              | Function | no       | Android  | yes               |
+| addCalendarEvent                       | Create Calendar Event                                  | Function | no       | Android  | no                |
+| isAppInstalled                         | Check if an application is installed                   | Function | no       | Android  | no                |
+| installRemoteApp                       | Install a remote APK                                   | Function | no       | Android  | no                |
+| openApp                                | Open App                                               | Function | no       | Android  | yes               |
+| openAppWithData                        | Open App with Data                                     | Function | no       | Android  | no                |
+| openChromeIntent                       | browser opened                                         | Function | no       | Android  | yes               |
+| openCalendar                           | Open Camera Intent                                     | Function | no       | Android  | yes               |
+| openCamera                             | Open Camera                                            | Function | no       | Android  | yes               |
+| openEmailApp                           | Open Email Application                                 | Function | no       | Android  | yes               |
+| openAllEmailApp                        | Will open all the Email app's that available in device | Function | no       | Android  | yes               |
+| openDownloadManager                    | Open Download Manager                                  | Function | no       | Android  | yes               |
+| openChooserWithOptions                 | Open Share With dialog                                 | Function | no       | Android  | yes               |
+| openChooserWithMultipleOptions         | Open Multiple Files Share With dialog                  | Function | no       | Android  | yes               |
+| openMaps                               | Open Maps                                              | Function | no       | Android  | yes               |
+| openMapsWithRoute                      | Open Maps With Route                                   | Function | no       | Android  | yes               |
+| shareTextToLine                        | Share text to line                                     | Function | no       | Android  | no                |
+| shareImageToInstagram                  | Share Image to Instagram                               | Function | no       | Android  | no                |
+| openSettings                           | Open Settings                                          | Function | no       | Android  | yes               |
+| getVoiceMailNumber                     | Get voiceMail number                                   | Function | no       | Android  | no                |
+| openFileChooser                        | Open File Chooser                                      | Function | no       | Android  | yes               |
+| openFilePicker                         | Opens Android own file selector callback path from     | Function | no       | Android  | yes               |
+| getPhoneNumber                         | Get phone number                                       | Function | no       | Android  | no                |
+| requestIgnoreBatteryOptimizations      | Request 'ignore battery optimizations'                 | Function | no       | Android  | yes               |
+| showIgnoreBatteryOptimizationsSettings | Show battery optimizations settings                    | Function | no       | Android  | yes               |
+| gotoHomeScreen                         | Jump to main screen                                    | Function | no       | Android  | yes               |
+| openAppWithUri                         | Open the app and go to the app store                   | Function | no       | Android  | yes               |
+
+## 遗留问题
+ - [ ] react-native-send-intent部分方法未实现HarmonyOS化 [issue#2](https://github.com/react-native-oh-library/react-native-send-intent/issues/2) 
+
+## 其他
+- installRemoteApp(); 不支持通过一个链接下载一个包，进行安装，只能通过应用市场
+- shareTextToLine(); 共享的应用android源码为海外应用,无法打开
+- shareImageToInstagram(); Instagram为海外应用,无法打开
+- getVoiceMailNumber(); ICCID和号码信息为敏感数据，不开放(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-sim-V5)
+- getPhoneNumber(); ICCID和号码信息为敏感数据，不开放(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-sim-V5)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/lucasferreira/react-native-send-intent?tab=readme-ov-file#license) ，请自由地享受和参与开源。
diff --git a/en/react-native-sensitive-info.md b/en/react-native-sensitive-info.md
new file mode 100644
index 00000000..af4f2a39
--- /dev/null
+++ b/en/react-native-sensitive-info.md
@@ -0,0 +1,275 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-sensitive-info</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/mCodex/react-native-sensitive-info">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mCodex/react-native-sensitive-info/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sensitive-info)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-sensitive-info@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-sensitive-info@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useCallback, useState } from 'react';
+import { Alert, Button, SafeAreaView, Text } from 'react-native';
+import SInfo from 'react-native-sensitive-info';
+
+const SensitiveInfoDemo = () => {
+  const handleAddUsingSetItemOnPress = useCallback(() => {
+    SInfo.setItem('key1', 'value1', {
+      sharedPreferencesName: 'exampleApp',
+      keychainService: 'exampleApp',
+    }).catch((err) => {
+      Alert.alert('Error', err);
+    });
+  }, []);
+
+  const handleReadingDataWithoutFingerprint = useCallback(async () => {
+    try {
+      const data = await SInfo.getItem('key1', {
+        sharedPreferencesName: 'exampleApp',
+        keychainService: 'exampleApp',
+      });
+      Alert.alert('Data stored:', data);
+    } catch (err) {
+      Alert.alert('Error', String(err));
+    }
+  }, []);
+
+
+  const [logText, setLogText] = useState('');
+  async function runTest() {
+    const options = {
+      sharedPreferencesName: 'exampleAppTest',
+      keychainService: 'exampleAppTest',
+    };
+    let dbgText = '';
+    dbgText += `setItem(key1, value1): ${await SInfo.setItem(
+      'key1',
+      'value1',
+      options,
+    )}\n`;
+    dbgText += `setItem(key2, value2): ${await SInfo.setItem(
+      'key2',
+      'value2',
+      options,
+    )}\n`;
+    dbgText += `setItem(key3, value3): ${await SInfo.setItem(
+      'key3',
+      'value3',
+      options,
+    )}\n`;
+    dbgText += `getItem(key2): ${await SInfo.getItem('key2', options)}\n`;
+    dbgText += `delItem(key2): ${await SInfo.deleteItem('key2', options)}\n`;
+    dbgText += `getAllItems():\n`;
+    const allItems = await SInfo.getAllItems(options);
+    for (const key in allItems) {
+      dbgText += ` - ${key} : ${allItems[key]}\n`;
+    }
+    setLogText(dbgText);
+  }
+  runTest();
+
+  return (
+    <SafeAreaView style={{ margin: 10 }}>
+      <Button
+        title="Add item using setItem"
+        onPress={handleAddUsingSetItemOnPress}
+      />
+      <Button
+        title="Read data without fingerprint"
+        onPress={handleReadingDataWithoutFingerprint}
+      />
+      <Text>{logText}</Text>
+    </SafeAreaView>
+  );
+};
+export default SensitiveInfoDemo;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-sensitive-info": "file:../../node_modules/@react-native-oh-tpl/react-native-sensitive-info/harmony/react_native_sensitive_info.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNSensitiveInfoPackage 
+
+打开 entry/src/main/ets/组件RNPackagesFactory.ts，添加：
+
+```diff
+...
+ 
++ import { RNSensitiveInfoPackage } from '@react-native-oh-tpl/react-native-sensitive-info/ts';
+
+@Builder
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSensitiveInfoPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)
+
+
+### 权限要求
+在  YourProject/entry/src/main/module.json5补上配置
+```js
+"requestPermissions": [ { "name": "ohos.permission.ACCESS_BIOMETRIC" }, ]
+```
+
+## API
+[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        |    Description              | Type     | Required | Platform     | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| isSensorAvailable()    |  Indicates the overall availability of fingerprint sensor. It will resolve to true or false   |  function | no      | Android、iOS | yes               |
+| cancelFingerprintAuth ()                   | Canceling fingerprint authentication  | function | no      | Android、iOS | yes               |
+| hasEnrolledFingerprints ()         | It will return true if detected otherwise returns false  | function | no      | Android、iOS | yes               |
+| setItem() | Insert new data into the storage. |  function | yes      | Android、iOS | yes               |
+| getItem() | Get an item from storage |  function | yes      | Android、iOS | yes               |
+| getAllItems() | Get all items from storage. |  function | yes      | Android、iOS | yes               |
+| deleteItem() | Delete an item from storage |  function | yes      | Android、iOS | yes               |
+| setInvalidatedByBiometricEnrollment() | Set invalid enrollment by biometrics |  function | yes      | Android | yes               |
+
+
+#### **Options**
+[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+| Name        |    Description              | Type     | Required | Platform     | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| kSecAccessControl | A secure storage area provided for storing sensitive information such as passwords, keys, etc |  object    | no      | iOS | no               |
+| kSecAttrAccessible | Used to enhance data security |  object    | no      | iOS | no               |
+| kSecAttrSynchronizable | Set when adding or querying Keychain data items |  boolean | no      |    iOS | no               |
+| keychainService | A tool provided for securely storing sensitive information |  string | no      | iOS | no               |
+| sharedPreferencesName |The name parameter used to specify the file name |  string | no      | Android | yes               |
+| touchID | Unlock devices, verify identities, and make secure payments |  boolean | no      | Android、iOS | no               |
+| showModal | display a dialog box |  boolean | no      | iOS | no               |
+| kSecUseOperationPrompt | Use constants related to authentication |  string | no      | iOS | no               |
+| kLocalizedFallbackTitle | Handling biometric authentication attributes such as Touch ID and Face ID |  string | no      | iOS | no               |
+| strings | Android stores information |  object            | no      | Android | no               |
+
+
+## 遗留问题
+
+
+## 其他
+由于iOS用的Keychain系统，kSecAccessControl、 kSecAttrAccessible、 kSecAttrSynchronizable、keychainService、showModal、kSecUseOperationPrompt、kLocalizedFallbackTitle 这些属性是该系统独有，strings里面的header、description、hint、success、notRecognized、cancel、cancelled、这些是Android的Keystore系统所需要的，所以这里的属性HarmonyOS不能统一支持
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mCodex/react-native-sensitive-info) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-sensors.md b/en/react-native-sensors.md
new file mode 100644
index 00000000..cff9a825
--- /dev/null
+++ b/en/react-native-sensors.md
@@ -0,0 +1,218 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-sensors</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-sensors/react-native-sensors">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sensors)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-sensors@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-sensors@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {
+  accelerometer,
+  gyroscope,
+  setUpdateIntervalForType,
+  magnetometer,
+  barometer,
+  orientation,
+  gravity,
+} from "react-native-sensors";
+
+//accelerometer  加速度计 accelerometer: Observable<{x: number, y: number, z: number, timestamp: string}>
+accelerometer.subscribe(({ x, y, z, timestamp }) =>
+  console.log("accelerometer", { x, y, z, timestamp })
+);
+
+//gyroscope  陀螺仪 gyroscope: Observable<{x: number, y: number, z: number, timestamp: string}>
+gyroscope
+  .pipe(filter((speed) => speed.x > 1))
+  .subscribe(({ x, y, z, timestamp }) =>
+    console.log("gyroscope", { x, y, z, timestamp })
+  );
+
+//magnetometer 磁力计 magnetometer: Observable<{x: number, y: number, z: number, timestamp: string}>
+magnetometer.subscribe(({ x, y, z, timestamp }) =>
+  console.log("magnetometer", { x, y, z, timestamp })
+);
+
+//barometer 气压计 barometer: Observable<{pressure: number}>
+barometer.subscribe(({ pressure }) => console.log("barometer", { pressure }));
+
+//orientation 方向 orientation: Observable<{x: number, y: number, z: number, timestamp: string}>
+orientation.subscribe(({ x, y, z, timestamp }) =>
+  console.log("orientation", { x, y, z, timestamp })
+);
+
+//gravity 重力 gravity: Observable<{x: number, y: number, z: number, timestamp: string}>
+gravity.subscribe(({ x, y, z, timestamp }) =>
+  console.log("gravity", { x, y, z, timestamp })
+);
+// setUpdateIntervalForType(type: string, interval: number)
+setUpdateIntervalForType(SensorTypes.accelerometer, 100);
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-sensors": "file:../../node_modules/@react-native-oh-tpl/react-native-sensors/harmony/sensors.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 SensorsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {SensorsPackage} from '@react-native-oh-tpl/react-native-sensors/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SensorsPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases)
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+### 权限要求
+
+在 module.json5 中配置所需要的权限
+
+accelerometer 需要的权限：ohos.permission.ACCELEROMETER
+
+gyroscope 需要的权限：ohos.permission.GYROSCOPE
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                     | Description  | Type       | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------ | ---------- | -------- | ----------- | ----------------- |
+| accelerometer            | accelerometer     | Observable | no       | ios/Android | yes               |
+| gyroscope                | gyroscope       | Observable | no       | ios/Android | yes               |
+| magnetometer             | magnetometer       | Observable | no       | ios/Android | yes               |
+| barometer                | barometer       | Observable | no       | ios/Android | yes               |
+| orientation              | orientation         | Observable | no       | ios/Android | yes               |
+| gravity                  | gravity         | Observable | no       | ios/Android | yes               |
+| setUpdateIntervalForType | setUpdateIntervalForType     | function   | no       | ios/Android | yes               |
+| setLogLevelForType       | setLogLevelForType | function   | no       | ios/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-shadow-2.md b/en/react-native-shadow-2.md
new file mode 100644
index 00000000..419c6e20
--- /dev/null
+++ b/en/react-native-shadow-2.md
@@ -0,0 +1,218 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-shadow-2</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/SrBrahma/react-native-shadow-2">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/SrBrahma/react-native-shadow-2/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/SrBrahma/react-native-shadow-2)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-shadow-2@7.0.8
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-shadow-2@7.0.8
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import {Text, ScrollView, View, StyleSheet} from 'react-native';
+import {Shadow} from 'react-native-shadow-2';
+
+export function Shadow2Demo() {
+  return (
+    <ScrollView>
+      <View style={styles.container}>
+        <Text style={styles.title}>shadow2测试</Text>
+        <View style={styles.sliders}>
+          <Text style={styles.title}>base</Text>
+          <Shadow>
+            <Text style={styles.box}>base</Text>
+          </Shadow>
+
+          <Text style={styles.title}>startColor</Text>
+          <Shadow startColor={'#eb9066d8'}>
+            <Text style={styles.box}>startColor</Text>
+          </Shadow>
+
+          <Text style={styles.title}>endColor</Text>
+          <Shadow endColor={'#ff00ff10'}>
+            <Text style={styles.box}>endColor</Text>
+          </Shadow>
+
+          <Text style={styles.title}>distance</Text>
+          <Shadow distance={50}>
+            <Text style={styles.box}>distance</Text>
+          </Shadow>
+
+          <Text style={styles.title}>offset</Text>
+          <Shadow offset={[50, 4]}>
+            <Text style={styles.box}>offset</Text>
+          </Shadow>
+
+          <Text style={styles.title}>paintInside</Text>
+          <Shadow style={styles.shadow} paintInside startColor={'#eb9066d8'}>
+            <Text style={styles.box}>paintInside</Text>
+          </Shadow>
+
+          <Text style={styles.title}>sides</Text>
+          <Shadow
+            style={styles.shadow}
+            sides={{start: false, end: true, top: false, bottom: false}}
+            startColor={'#eb9066d8'}>
+            <Text style={styles.box}>sides</Text>
+          </Shadow>
+
+          <Text style={styles.title}>corners</Text>
+          <Shadow
+            style={styles.shadow}
+            distance={20}
+            corners={{
+              topStart: false,
+              topEnd: false,
+              bottomStart: true,
+              bottomEnd: false,
+            }}
+            startColor={'red'}>
+            <Text style={styles.box}>corners</Text>
+          </Shadow>
+
+          <Text style={styles.title}>style</Text>
+          <Shadow style={{backgroundColor: 'red'}}>
+            <Text style={styles.box}>style</Text>
+          </Shadow>
+
+          <Text style={styles.title}>containerStyle</Text>
+          <Shadow containerStyle={{backgroundColor: 'red'}}>
+            <Text style={styles.box}>containerStyle</Text>
+          </Shadow>
+
+          <Text style={styles.title}>stretch</Text>
+          <Shadow stretch>
+            <Text style={styles.box}>stretch</Text>
+          </Shadow>
+
+          <View style={{width: 200, height: 200}}>
+            <Text style={styles.title}>safeRender</Text>
+            <Shadow distance={10} safeRender={true}>
+              <Text
+                style={{width: '100%', height: '80%', backgroundColor: 'red'}}>
+                shadow
+              </Text>
+            </Shadow>
+          </View>
+
+          <Text style={styles.title}>disabled</Text>
+          <Shadow disabled>
+            <Text style={styles.box}>disabled</Text>
+          </Shadow>
+        </View>
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  sliders: {
+    margin: 20,
+    width: 280,
+  },
+  shadow: {
+    marginBottom: 20,
+  },
+  text: {
+    alignSelf: 'center',
+    paddingVertical: 20,
+  },
+  title: {
+    fontSize: 30,
+    marginTop: 20,
+  },
+  box: {
+    margin: 20,
+    fontSize: 16,
+  },
+  sliderOne: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+  },
+});
+
+```
+
+## Link
+
+本库HarmonyOS侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25 (API Version 12 Canary4); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name           | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| startColor     | The initial gradient color of the shadow.                    | string                                                       | no       | All      | yes               |
+| endColor       | The final gradient color of the shadow.                      | string                                                       | no       | All      | yes               |
+| distance       | How far the shadow goes.                                     | number                                                       | no       | All      | yes               |
+| offset         | Moves the shadow. Negative x moves it left/start, negative y moves it up. Accepts 'x%' values. Defining this will default paintInside to true, as it's the usual desired behaviour. | [x: string \| number, y: string \| number]                   | no       | All      | yes               |
+| paintInside    | Apply the shadow below/inside the content. startColor is used as fill color, without a gradient. Useful when using offset or if your child has some transparency. | boolean                                                      | no       | All      | yes               |
+| sides          | The sides that will have their shadows drawn. Doesn't include corners. Undefined sides fallbacks to true. | Record<'start' \| 'end' \| 'top' \| 'bottom', boolean>       | no       | All      | yes               |
+| corners        | The corners that will have their shadows drawn. Undefined corners fallbacks to true. | Record<'topStart' \| 'topEnd' \| 'bottomStart' \| 'bottomEnd', boolean> | no       | Android  | yes               |
+| style          | The style of the View that wraps your children.              | StyleProp<ViewStyle>                                         | no       | All      | yes               |
+| containerStyle | The style of the View that wraps the Shadow and your children. Useful for margins. | StyleProp<ViewStyle>                                         | no       | All      | yes               |
+| stretch        | Make your children ocuppy all available horizontal space.    | boolean                                                      | no       | All      | yes               |
+| safeRender     | Won't use the relative sizing and positioning on the 1st render but on the following renders with the exact onLayout sizes. Useful if dealing with radii greater than the sides sizes (like a circle) to avoid visual artifacts on the 1st render. | boolean                                                      | no       | All      | yes               |
+| disabled       | Disables the Shadow. Useful for easily reusing components as sometimes shadows are not desired. containerStyle and style are still applied. | boolean                                                      | no       | All      | yes               |
+
+## 遗留问题
+
+目前可使用的属性，具体见上面已列出。
+
+- [x] 由于react-native-shadow-2强依赖[`react-native-svg`](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-svg)库，但react-native-svg目前仅实现少部分属性，其余还未实现HarmonyOS化， 导致属性offset、paintInside、corners不可用问题: [issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/SrBrahma/react-native-shadow-2/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-shake.md b/en/react-native-shake.md
new file mode 100644
index 00000000..46720912
--- /dev/null
+++ b/en/react-native-shake.md
@@ -0,0 +1,198 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-shake</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Doko-Demo-Doa/react-native-shake">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Doko-Demo-Doa/react-native-shake/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-shake)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-shake@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-shake@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { Text, View } from 'react-native'
+import RNShake from 'react-native-shake';
+
+export function ShakeExample() {
+    const [result, setResult] = useState<string>('')
+    myComponent(setResult)
+    return (
+        <View style={{backgroundColor:'white',width:'100%'}}>
+            <Text>shake（摇晃手机）</Text>
+            <Text>{result}</Text>
+        </View>
+    )
+}
+
+export const myComponent = (setResult: React.Dispatch<React.SetStateAction<string>>) => {
+    React.useEffect(() => {
+        const subscription = RNShake.addListener(() => {
+            setResult('shake listen success')
+        })
+        return () => {
+            subscription.remove()
+        }
+    }, [])
+}
+
+
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-shake": "file:../../node_modules/@react-native-oh-tpl/react-native-shake/harmony/shake_package.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)。
+
+
+### 3.在 ArkTs 侧引入 ShakePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++ import { ShakePackage } from "@react-native-oh-tpl/react-native-shake/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ShakePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases)
+
+
+### 权限要求
+
+此库接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH，权限需配置在entry/src/main目录下module.json5文件中
+
+```
+ "requestPermissions": [
+      {
+        "name": "ohos.permission.ACCELEROMETER"
+      }
+    ]
+```
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| addListener  | add shake event listening         | function  | yes | ios/andriod      | yes |
+| removeAllListeners  | remove event listening         | function  | yes | ios/andriod      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Doko-Demo-Doa/react-native-shake/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-share.md b/en/react-native-share.md
new file mode 100644
index 00000000..0bbf66c8
--- /dev/null
+++ b/en/react-native-share.md
@@ -0,0 +1,376 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-share</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-share/react-native-share">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-share/react-native-share/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-share)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-share@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-share@file:#
+```
+<!-- tabs:end -->
+
+进入项目的 HarmonyOS 工程 harmony，打开 `entry/src/main/module.json5`，在module中添加：querySchemes字段，表示允许当前应用进行跳转查询的URI schemes，只允许entry类型模块配置，最多50个。例如如需要查询是否可以跳转微博，可以添加
+
+```diff
+
+   "querySchemes": [
+      "sinaweibo"  //三方APP的所支持的scheme，sinaweibo是测试hap的scheme
+    ]
+ 
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+    import React from 'react';
+    import { Button } from 'react-native';
+    import RNShare,{ShareSheet} from 'react-native-share';
+
+    function App() {
+    return (
+        <ShareSheet style={{padding:20}} visible onCancel={()=>{}}>
+            <Button title='分享' onPress={()=>{
+                RNShare.open({
+                title:'分享标题',
+                subject:'分享摘要',
+                url:'https://www.baidu.com/'
+                }).then((res) => {
+                
+                }).catch((err) => {
+                })
+            }}></Button>
+        </ShareSheet>
+    );
+    }
+
+    export default App;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-share": "file:../../node_modules/@react-native-oh-tpl/react-native-share/harmony/react_native_share.har"
+  }
+
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNSharePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {RNSharePackage} from '@react-native-oh-tpl/react-native-share/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSharePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+ **Overlay**:分享面板弹窗组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  visible  | 是否显示    | boolean   | no | iOS,Android      | yes |
+|  children  |  JSX element   | React.ReactNode   | no | iOS,Android      | yes |
+
+**Button**：分享按钮
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  onPress  | 是否显示    | boolean   | no | iOS,Android      | yes |
+|  iconSrc  | icon属性    | [ImageSourcePropType](https://reactnative.dev/docs/image#imagesource)   | no | iOS,Android      | yes |
+|  buttonStyle  | button属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
+|  textStyle  | text属性    | [TextStyle](https://reactnative.dev/docs/text#props)   | no | iOS,Android      | yes |
+|  children  | JSX element   |  React.ReactNode   | no | iOS,Android      | yes |
+
+**ShareSheet**：分享面板组件
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  visible  | 是否显示    | boolean   | no | iOS,Android      | yes |
+|  onCancel  | 关闭面板的回调函数    | function   | no | iOS,Android      | yes |
+|  style  | 分享面板中Sheet的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)    | no | iOS,Android      | yes |
+|  overlayStyle  | 分享面板CSS属性    |  [ ViewStyle ](https://reactnative.dev/docs/view#props)     | no | iOS,Android      | yes |
+|  children  | JSX element   | React.ReactNode   | no | iOS,Android      | yes |
+
+**Sheet**：分享面板组件的子组件，ShareSheet包含Sheet
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  visible  | 是否显示    | boolean   | no | iOS,Android      | yes |
+|  children  |  JSX element   | React.ReactNode   | no | iOS,Android      | yes |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  Social  | 支持分享的三方APP名称        | object  | yes | iOS,Android      | partially |
+|  open: (options: ShareOptions) => Promise<ShareOpenResult\>  | 系统分享         | fuction  | yes | iOS,Android      | yes |
+|   shareSingle: (options: ShareSingleOptions) => Promise<ShareSingleResult\>  | 三方分APP分享         | fuction  | yes | iOS,Android      | partially |
+|    isPackageInstalled: (packagename: string) => Promise <IsPackageInstalledResult\>  | 三方APP是否已在本机安装        | fuction  | yes | iOS,Android      | no |
+
+**ShareOptions** ：系统分享参数
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|   type  | 分享路径资源类型Mime Typ        | string   | no | iOS,Android      | yes |
+|  urls  | 分享多个路径       | string[]  | no | iOS,Android      | yes |
+|  url  | 分享路径       | string[]  | no | iOS,Android      | yes |
+|  filename  | 分享路径文件名      | string | no | iOS,Android      | yes |
+|  filenames  | 分享多个路径的文件名（不带后缀，如123，要与urls对应）      | Array<string>  | no | iOS,Android      | yes |
+|  message  | 分享短信消息文本      | string  | no | iOS,Android      | yes |
+|  title  | 分享标题      | string  | no | iOS,Android      | yes |
+|  subject  | 分享内容摘要      | string  | no | iOS,Android      | yes |
+|  email  | 收件人邮箱地址      | string  | no | iOS,Android      | no |
+|  recipient  | 接收短信消息的号码     | string  | no | iOS,Android      | yes |
+|  excludedActivityTypes  | 系统分享面板操作区不应显示的能力列表(harmonyOS中传参例如['0','1']，对应解释为： 0:复制到剪切板,1:保存到媒体库,2:保存到文件管理器 ,3:打印,4:保存到中转站)      | ActivityType[] \| string[]  | no | iOS,Android      | partially |
+|  failOnCancel  | 分享失败的是否抛出异      | boolean  | no | iOS,Android      | yes |
+|  showAppsToView  | 是否显示可以预览分享文件的APP     | boolean  | no | Android      | no |
+|  saveToFiles  | 是否保存分享的路径文件到本地    | boolean  | no | iOS,Android       | yes |
+|  activityItemSources  | 系统分享面板中自定义分享数据   | ActivityItemSource[]  | no | iOS      | no |
+|  isNewTask  | 是否开启Activity的启动模式FLAG_ACTIVITY_NEW_TASK    | boolean  | no | Android      | no |
+
+**ShareSingleOptions** ：三方APP分享参数
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|   social  |分享的三方APP名称       | string   | yes | iOS,Android      | partially |
+|   appId  |三方APP上架市场的appid(social为instagramstories,facebookstories时必传)       | string   | no | iOS,Android      | yes |
+|   type  | 分享路径资源类型Mime Typ        | string   | no | iOS,Android      | yes |
+|  urls  | 分享多个路径       | string[]  | no | iOS,Android      | yes |
+|  url  | 分享路径       | string[] | no | iOS,Android      | yes |
+|  filename  | 分享路径文件名（不带后缀，如 123）      | string | no | iOS,Android      | yes |
+|  message  | 分享短信消息文本      | string  | no | iOS,Android      | yes |
+|  title  | 分享标题      | string  | no | iOS,Android      | yes |
+|  subject  | 分享内容摘要      | string  | no | iOS,Android      | yes |
+|  email  | 收件人邮箱地址      | string  | no | iOS,Android      | no |
+|  recipient  | 接收短信消息的号码     | string  | no | iOS,Android      | yes |
+|  forceDialog  | 是否开启三方分享对话框     | boolean  | no | Android      | no |
+|  backgroundImage  |  背景图像（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android      | no |
+|  stickerImage  | 贴纸图像（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android      | no |
+|  backgroundBottomColor  | 背景底部颜色（social为instagramstories,facebookstories传参）  | string  | no | iOS,Android       | no |
+|  attributionURL  | 属性路径（social为instagramstories,facebookstories传参）  | string  | no | iOS,Android     | no |
+|  backgroundVideo  | 背景视频（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android     | no |
+
+**Social**：可支持的三方APP种类
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  FACEBOOK  | facebook | string | yes | iOS,Android      | no |
+| FACEBOOK_STORIES | facebookstories | string | yes | iOS,Android      | no |
+| PAGESMANAGER | pagesmanager  | string  | yes | iOS,Android  | no |
+| TWITTER | twitter | string  | yes | iOS,Android      | no |
+| WHATSAPP | whatsapp | string  | yes | iOS,Android      | no |
+|  WHATSAPPBUSINESS  | whatsappbusiness | string   | yes | iOS,Android      | no |
+| INSTAGRAM | instagram | string    | yes | iOS,Android      | no |
+| INSTAGRAM_STORIES | instagramstories  | string  | yes | iOS,Android      | no |
+| GOOGLEPLUS | googleplus        | string  | yes | iOS,Android      | no |
+| EMAIL | email        | string  | yes | iOS,Android  | no |
+|  PINTEREST  | pinterest | string   | yes | iOS,Android  | no |
+| LINKEDIN | linkedin | string    | yes | iOS,Android      | no |
+| SMS | sms | string  | yes | iOS,Android      | yes |
+| TELEGRAM | telegram | string  | yes | iOS,Android      | no |
+|  SNAPCHAT  | snapchat | string   | yes | iOS,Android      | no |
+| MESSENGER | messenger  | string  | yes | iOS,Android      | no |
+| VIBER | viber | string  | yes | iOS,Android      | no |
+| DISCORD | discord | string  | yes | iOS,Android   | no |
+
+**ShareAsset** ：分享图片、视频数据枚举
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  BackgroundImage  | social为instagramstories,facebookstories时分享的图片 | enum | no | no,Android      | no |
+| BackgroundVideo | social为instagramstories,facebookstories时分享的视频 | enum | no | no,Android      | no |
+| StickerImage | social为instagramstories,facebookstories时分享的贴纸图  | enum  | no | no,Android  | no |
+| BackgroundAndStickerImage | social为instagramstories,facebookstories时分享的背景贴纸 | enum  | no | iOS,Android      | no |
+
+**ActivityType**：系统分享面板上支持的分享操作
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  ActivityType  |  default \| addToReadingList \| airDrop \| assignToContact \| copyToPasteBoard \| mail \| message \|  openInIBooks \| postToFacebook \| postToFlickr \|  postToTencentWeibo \| postToTwitter \| postToVimeo \|  postToWeibo \|  print \| saveToCameraRoll \| markupAsPDF | string | no | iOS,Android      | no |
+
+
+**ShareSingleResult**：调用三方分享接口返回的数据类型
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  message  | 返回的消息 | string | yes | iOS,Android      | yes |
+| success | 是否成功 | boolean | yes | iOS,Android      | yes |
+
+**ShareOpenResult**： 调用系统分享接口返回的数据类型
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  message  | 返回的消息 | string | yes | iOS,Android      | yes |
+| success | 是否成功 | boolean | yes | iOS,Android      | yes |
+
+**IsPackageInstalledResult**：调用是否安装三方应用接口返回的数据类型
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  message  | 返回的消息 | string | yes | iOS,Android      | yes |
+| isInstalled | 三方APP是否已安装 | boolean | yes | iOS,Android      | yes |
+
+**ActivityItem**：系统面板分享类型
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  type  |活动面板类型 text \| url  | string | yes | iOS    | no |
+| content | 内容 | boolean | yes | iOS  | no |
+
+**LinkMetadata**：系统分享中自定义分享操作的元数据
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  originalUrl  | 元数据请求的原始URL | string | no | iOS      | no |
+| url | 元数据的URL | boolean | no | iOS      | no |
+| title | URL代表的标题 | boolean | no | iOS      | no |
+| icon | URL代表的icon | boolean | no | iOS      | no |
+| image | URL的代表性图像数据 | boolean | no | iOS      | no |
+| remoteVideoUrl | URL的代表视频相对应的远程URL | boolean | no | iOS      | no |
+| video | URL的代表视频数据 | boolean | no | iOS      | no |
+
+**ActivityItemSource**：系统分享中自定义分享数据
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+|  placeholderItem  | 分享数据的占位显示数据 | ActivityItem | yes | iOS      | no |
+| item | 分享操作项 | ActivityItem | yes | iOS      | no |
+| subject | 分享内容 | string | no | iOS      | no |
+| dataTypeIdentifier | 数据类型标识符 | string | no | iOS      | no |
+| thumbnailImage | 分享数据的缩略图 | string | no | iOS      | no |
+| linkMetadata | 分享的数据 | LinkMetadata | no | iOS      | no |
+
+
+## 遗留问题
+
+- [ ] 无法分享三方APP问题：[issue#1](https://github.com/react-native-oh-library/react-native-share/issues/1)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-share/react-native-share/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-shimmer-placeholder.md b/en/react-native-shimmer-placeholder.md
new file mode 100644
index 00000000..dc8520ae
--- /dev/null
+++ b/en/react-native-shimmer-placeholder.md
@@ -0,0 +1,136 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-shimmer-placeholder</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tomzaku/react-native-shimmer-placeholder">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/tomzaku/react-native-shimmer-placeholder/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/tomzaku/react-native-shimmer-placeholder)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-shimmer-placeholder@2.0.9
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-shimmer-placeholder@2.0.9
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from "react";
+import { View, Image } from "react-native";
+import { createShimmerPlaceholder } from "react-native-shimmer-placeholder";
+import LinearGradient from "react-native-linear-gradient";
+
+const ShimmerPlaceholder = createShimmerPlaceholder(LinearGradient);
+export class ShimmerPlaceholderTest extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      visible: false,
+    };
+  }
+  render() {
+    return (
+      <View>
+        <ShimmerPlaceholder
+          width={150}
+          height={150}
+          shimmerStyle={{ borderRadius: 100 }}
+          visible={this.state.visible}
+        >
+          <Image
+            style={{ width: 150, height: 150, borderRadius: 100 }}
+            source={{ uri: "https://unsplash.it/150/150" }}
+            onLoadEnd={() => {
+              this.setState({ visible: true });
+            }}
+          />
+        </ShimmerPlaceholder>
+      </View>
+    );
+  }
+}
+```
+
+## Link
+
+> [!TIP] 本库依赖的@react-native-oh-tpl/react-native-linear-gradient 使用的版本为 3.0.0-0.4.5
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-linear-gradient 文档](/zh-cn/react-native-linear-gradient.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                                                                                            | Required | Type      | Platform | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------------------------------------------------ | -------- | --------- | -------- | ----------------- |
+| **LinearGradient**         | Linear Gradient components ('react-native-linear-gradient' or 'expo-linear-gradient')                  | no       | Component | ALL      | yes               |
+| **visible**                | Visible child components                                                                               | no       | boolean   | ALL      | yes               |
+| **style**                  | Container Style                                                                                        | no       | Style     | ALL      | yes               |
+| **shimmerStyle**           | Shimmer Style only                                                                                     | no       | Style     | ALL      | yes               |
+| **contentStyle**           | Content Style when visible                                                                             | no       | Style     | ALL      | yes               |
+| **location**               | Locations of shimmer                                                                                   | no       | number[]  | ALL      | yes               |
+| **width**                  | Width of row                                                                                           | no       | number    | ALL      | yes               |
+| **duration**               | Duration of shimmer over a row                                                                         | no       | number    | ALL      | yes               |
+| **height**                 | Height of row                                                                                          | no       | number    | ALL      | yes               |
+| **shimmerWidthPercent**    | Percent of shimmer width                                                                               | no       | number    | ALL      | yes               |
+| **isReversed**             | Reverse direction of animation                                                                         | no       | boolean   | ALL      | yes               |
+| **stopAutoRun**            | Stop running shimmer animation at beginning                                                            | no       | boolean   | ALL      | yes               |
+| **isInteraction**          | Defines whether or not the shimmer animation creates an interaction handle on the `InteractionManager` | no       | boolean   | ALL      | yes               |
+| **shimmerColors**          | Colors of the shimmer.                                                                                 | no       | string[]  | ALL      | yes               |
+| **containerProps**         | Props passed to the outermost View                                                                     | no       | ViewProps | ALL      | yes               |
+| **shimmerContainerProps**  | Props passed to the View which contains the loading animation                                          | no       | ViewProps | ALL      | yes               |
+| **childrenContainerProps** | Props passed to the View which contains the children                                                   | no       | ViewProps | ALL      | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Method          | Description                 | Type     | **Required** | Platform | HarmonyOS Support |
+| --------------- | --------------------------- | -------- | ------------ | -------- | ----------------- |
+| **getAnimated** | get Animated of Placeholder | Animated | no           | ALL      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/tomzaku/react-native-shimmer-placeholder/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-signature-canvas.md b/en/react-native-signature-canvas.md
new file mode 100644
index 00000000..1a1b865a
--- /dev/null
+++ b/en/react-native-signature-canvas.md
@@ -0,0 +1,212 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-signature-canvas</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/YanYuanFE/react-native-signature-canvas">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/YanYuanFE/react-native-signature-canvas)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install --save react-native-signature-canvas@4.7.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-signature-canvas@4.7.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { StyleSheet, Text, View, Image } from "react-native";
+import Signature from "react-native-signature-canvas";
+
+export const SignatureScreen = () => {
+  const [signature, setSign] = useState(null);
+
+  const handleOK = (signature) => {
+    console.log(signature);
+    setSign(signature);
+  };
+
+  const handleEmpty = () => {
+    console.log("Empty");
+  };
+
+  const style = `.m-signature-pad--footer
+    .button {
+      background-color: red;
+      color: #FFF;
+    }`;
+  return (
+    <View style={{ flex: 1 }}>
+      <View style={styles.preview}>
+        {signature ? (
+          <Image
+            resizeMode={"contain"}
+            style={{ width: 335, height: 114 }}
+            source={{ uri: signature }}
+          />
+        ) : null}
+      </View>
+      <Signature
+        onOK={handleOK}
+        onEmpty={handleEmpty}
+        descriptionText="Sign"
+        clearText="Clear"
+        confirmText="Save"
+        webStyle={style}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  preview: {
+    width: 335,
+    height: 114,
+    backgroundColor: "#F8F8F8",
+    justifyContent: "center",
+    alignItems: "center",
+    marginTop: 15,
+  },
+  previewText: {
+    color: "#FFF",
+    fontSize: 14,
+    height: 40,
+    lineHeight: 40,
+    paddingLeft: 10,
+    paddingRight: 10,
+    backgroundColor: "#69B2FF",
+    width: 120,
+    textAlign: "center",
+    marginTop: 10,
+  },
+});
+```
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM:3.0.0.25;
+
+## 属性
+
+### SignatureScreen 
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| autoClear  | should auto clear the signature after clicking the Confirm button  |boolean| no   | iOS/Android       | yes | 
+| backgroundColor            | default is "rgba(255,255,255,0)" (transparent), background color of the canvas |string| no   | iOS/Android       | yes | 
+| bgHeight            | 	height of the background image  |number| no   | iOS/Android       | yes | 
+| bgWidth            |width of the background image |number| no   | iOS/Android       | yes | 
+| bgSrc            |	background image source uri (url) |string| no   | iOS/Android       | yes | 
+| clearText            |clear button text|string| no   | iOS/Android       | yes | 
+| confirmText            |save button text |string| no   | iOS/Android       | yes | 
+| customHtml            |html string that lets you modify things like the layout or elements |(injectedJavaScript: string) => string| no   | iOS/Android       | yes | 
+| dataURL            |default is "", Base64 string, draws saved signature from dataURL. |string| no   | iOS/Android       | yes | 
+| descriptionText            |description text for signature |string| no   | iOS/Android       | yes | 
+| dotSize            |radius of a single dot (not stroke width) |number| no   | iOS/Android       | yes | 
+| imageType            |"image/png" (default), "image/jpeg"、"image/svg+xml", imageType of exported signature|string| no   | iOS/Android       | yes | 
+| minWidth            |minimum width of a line. Defaults to 0.5 |number| no   | iOS/Android       | yes | 
+| maxWidth            |maximum width of a line. Defaults to 2.5 |number| no   | iOS/Android       | yes | 
+| onOK            |callback function after saving non-empty signature|function| no   | iOS/Android       | yes | 
+| onEmpty            |callback function after trying to save an empty signature|function| no   | iOS/Android       | yes | 
+| onClear            |callback function after clearing the signature|function| no   | iOS/Android       | yes | 
+| onGetData            |callback function when getData() is called |function| no   | iOS/Android       | yes | 
+| onBegin            |callback function when a new stroke is started |function| no   | iOS/Android       | yes | 
+| onEnd            |callback function when the stroke has ended |function| no   | iOS/Android       | yes | 
+| onLoadEnd            |callback function when the webview canvas load ended |function| no   | iOS/Android       | yes | 
+| onUndo            |callback function when undo() is called |function| no   | iOS/Android       | yes | 
+| onRedo	            |callback function when redo() is called |function| no   | iOS/Android       | yes | 
+| onDraw            |callback function when drawing is enabled |function| no   | iOS/Android       | yes | 
+| onErase            |callback function when erasing is enabled |function| no   | iOS/Android       | yes | 
+| onChangePenColor            |callback function after changing the pen color|function| no   | iOS/Android       | yes | 
+| onChangePenSize            |callback function after changing the pen size |function| no   | iOS/Android       | yes | 
+| overlayHeight            |height of the overlay image |number| no   | iOS/Android       | yes | 
+| overlayWidth            |width of the overlay image |number| no   | iOS/Android       | yes | 
+| overlaySrc            |overlay image source uri (url) must be .png with a transparent background |string| no   | iOS/Android       | yes | 
+| penColor            |default is "black", color of pen|string| no   | iOS/Android       | yes | 
+| rotated            |rotate signature pad 90 degrees |boolean| no   | iOS/Android       | yes | 
+| style            |style of wrapper view|object| no   | iOS/Android       | yes | 
+| trimWhitespace           |trim image whitespace|boolean| no   | iOS/Android       | yes | 
+| webStyle            |webview style for overwrite default style, all style: https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/h5/css/signature-pad.css |string| no   | iOS/Android       | yes | 
+| androidLayerType            |Sets the android webview layerType |none、software、hardware| no   | Android       | no | 
+| androidHardwareAccelerationDisabled           |androidHardwareAccelerationDisabled for react-native-webview. Default is false |boolean| no   | Android       | no | 
+| showsVerticalScrollIndicator            |Boolean value that determines whether a vertical scroll indicator is shown in the WebView, The default value is true.|boolean| no   | iOS/Android       | no | 
+| nestedScrollEnabled            |enable nested scrolling for use inside of a scrollview|boolean| no   | no      | no | 
+
+
+
+
+## 静态方法
+
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| clearSignature  |Clear the current signature  |function| no   | iOS/Android       | yes | 
+| changePenColor  |Change pen color |function| no   | iOS/Android       | yes | 
+| changePenSize |Change pen size  |function| no   | iOS/Android       | yes | 
+| draw  |Enable drawing signature  |function| no   | iOS/Android       | yes | 
+| erase  |Enable erasing signature  |function| no   | iOS/Android       | yes | 
+| getData  |riggers the onGetData callback with a single data JSON string  |function| no   | iOS/Android       | yes | 
+| readSignature  |Reads the current signature on the canvas and triggers either the onOK or onEmpty callbacks  |function| no   | iOS/Android       | yes | 
+| undo  |Undo last stroke  |function| no   | iOS/Android       | yes | 
+| redo  |Redo last stroke |function| no   | iOS/Android       | yes | 
+
+
+
+## 遗留问题
+- [ ] showsVerticalScrollIndicator属性不生效: [issue#137](https://github.com/react-native-oh-library/react-native-webview/issues/137)
+
+## 其他
+
+ 1、minDistance属性版本问题: 此属性在4.7.3版本生效，npm包最新版本为4.7.2，如需使用，请从[Github](https://github.com/YanYuanFE/react-native-signature-canvas)下载最新代码使用；
+
+ 2、nestedScrollEnabled属性在 iOS,Android 不生效，harmonyOS与其表现一致；[issue#363](https://github.com/YanYuanFE/react-native-signature-canvas/issues/363)
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-signature-capture.md b/en/react-native-signature-capture.md
new file mode 100644
index 00000000..dac4267d
--- /dev/null
+++ b/en/react-native-signature-capture.md
@@ -0,0 +1,308 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-signature-capture</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/RepairShopr/react-native-signature-capture">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/RepairShopr/react-native-signature-capture/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-signature-capture)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-signature-capture@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-signature-capture@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+var React = require('react');
+var ReactNative = require('react-native');
+
+var {Component} = React;
+
+var {
+    AppRegistry,
+    StyleSheet,
+    Text,
+    View, TouchableHighlight
+} = ReactNative;
+
+import SignatureCapture from 'react-native-signature-capture';
+
+class RNSignatureExample extends Component {
+    render() {
+        return (
+            <View style={{ flex: 1, flexDirection: "column" }}>
+                <Text style={{alignItems:"center",justifyContent:"center"}}>Signature Capture Extended </Text>
+                <SignatureCapture
+                    style={[{flex:1},styles.signature]}
+                    ref="sign"
+                    onSaveEvent={this._onSaveEvent}
+                    onDragEvent={this._onDragEvent}
+                    saveImageFileInExtStorage={false}
+                    showNativeButtons={false}
+                    showTitleLabel={false}
+                    backgroundColor="#ff00ff"
+                    strokeColor="#ffffff"
+                    minStrokeWidth={4}
+                    maxStrokeWidth={4}
+                    viewMode={"portrait"}/>
+
+                <View style={{ flex: 1, flexDirection: "row" }}>
+                    <TouchableHighlight style={styles.buttonStyle}
+                        onPress={() => { this.saveSign() } } >
+                        <Text>Save</Text>
+                    </TouchableHighlight>
+
+                    <TouchableHighlight style={styles.buttonStyle}
+                        onPress={() => { this.resetSign() } } >
+                        <Text>Reset</Text>
+                    </TouchableHighlight>
+
+                </View>
+
+            </View>
+        );
+    }
+
+    saveSign() {
+        this.refs["sign"].saveImage();
+    }
+
+    resetSign() {
+        this.refs["sign"].resetImage();
+    }
+
+    _onSaveEvent(result) {
+        //result.encoded - for the base64 encoded png
+        //result.pathName - for the file path name
+        console.log(result);
+    }
+    _onDragEvent() {
+         // This callback will be called when the user enters signature
+        console.log("dragged");
+    }
+}
+
+const styles = StyleSheet.create({
+    signature: {
+        flex: 1,
+        borderColor: '#000033',
+        borderWidth: 1,
+    },
+    buttonStyle: {
+        flex: 1, justifyContent: "center", alignItems: "center", height: 50,
+        backgroundColor: "#eeeeee",
+        margin: 10
+    }
+});
+
+AppRegistry.registerComponent('RNSignatureExample', () => RNSignatureExample);
+
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入 (推荐)
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-signature-capture": "file:../../node_modules/@react-native-oh-tpl/react-native-signature-capture/harmony/rnoh_signature_capture.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 SignatureCaptureArkView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { SignatureCaptureArkView } from '@react-native-oh-tpl/react-native-signature-capture'
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++    if (ctx.componentName === SignatureCaptureArkView.NAME) {
++      SignatureCaptureArkView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++      })
++    }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ SignatureCaptureArkView.NAME
+  ];
+```
+
+### 4.在 ArkTs 侧引入 SignatureCapturePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { SignatureCapturePackage } from '@react-native-oh-tpl/react-native-signature-capture/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SignatureCapturePackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases)
+
+   
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                                                              | Description                                                                                                                                                                     | Type                      | Required | Platform    | HarmonyOS Support |
+|-------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------|----------|-------------|-------------------|
+| showBorder                                                        | If this props is made to false, it will hide the dashed border.                                                                                                                 | boolean                   | no       | iOS         | yes               |
+| showNativeButtons                                                 | If this props is made to true, it will display the native buttons "Save" and "Reset"..                                                                                          | boolean                   | no       | iOS/Android | yes               |
+| showTitleLabel                                                    | If this props is made to true, it will display the "x_ _ _ _ _ _ _ _ _ _ _" placeholder indicating where to sign.                                                               | boolean                   | no       | iOS         | yes               |
+| viewMode                                                          | "portrait" or "landscape" change the screen orientation based on boolean value                                                                                                  | "portrait" \| "landscape" | no       | iOS/Android | yes               |
+| maxSize                                                           | sets the max size of the image maintains aspect ratio, default is 500                                                                                                           | number                    | no       | iOS/Android | yes               |
+| minStrokeWidth                                                    | sets the min stroke line width                                                                                                                                                  | number                    | no       | Android     | yes               |
+| maxStrokeWidth                                                    | sets the max stroke line width                                                                                                                                                  | number                    | no       | Android     | yes               |
+| backgroundColor                                                   | Sets the background color of the component. Defaults to white. May be 'transparent'.                                                                                            | color                     | no       | iOS/Android | yes               |
+| strokeColor                                                       | Sets the color of the signature. Defaults to black.                                                                                                                             | color                     | no       | iOS/Android | yes               |
+| saveImageFileInExtStorage                                         | Make this props true, if you want to save the image file in external storage. Default is false. Warning: Image file will be visible in gallery or any other image browsing app. | boolean                   | no       | Android     | no                |
+| onSaveEvent: (event: {pathName: string, encoded: string}) => void | Triggered when saveImage() is called, which return Base64 Encoded String and image file path.                                                                                   | function                  | no       | iOS/Android | yes               |
+| onDragEvent: (event: boolean) => void                             | Triggered when user marks his signature on the canvas. This will not be called when the user does not perform any action on canvas.                                             | function                  | no       | iOS/Android | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name       | Description                                                                                         | Type     | Required | Platform    | HarmonyOS Support |
+|------------|-----------------------------------------------------------------------------------------------------|----------|----------|-------------|-------------------|
+| saveImage  | when called it will save the image and returns the base 64 encoded string on onSaveEvent() callback | function | no       | iOS/Android | yes               |
+| resetImage | when called it will clear the image on the canvas                                                   | function | no       | iOS/Android | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/RepairShopr/react-native-signature-capture/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-simple-toast.md b/en/react-native-simple-toast.md
new file mode 100644
index 00000000..4fe9b3fe
--- /dev/null
+++ b/en/react-native-simple-toast.md
@@ -0,0 +1,164 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-simple-toast</code></h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vonovak/react-native-simple-toast">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/vonovak/react-native-simple-toast/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-simple-toast)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-simple-toast Releases](https://github.com/react-native-oh-library/react-native-simple-toast/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-simple-toast@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-simple-toast@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+
+import {
+  StyleSheet,
+  View,
+  Button,
+  Alert,
+  TextInput,
+  ScrollView,
+  Pressable,
+  Modal,
+  Text,
+} from 'react-native';
+import Toast from 'react-native-simple-toast';
+import { useState } from 'react';
+
+export default function App() {
+  const [modalVisible, setModalVisible] = useState(false);
+
+  return (
+    <>
+      <Modal
+        animationType="slide"
+        transparent={true}
+        visible={modalVisible}
+        onRequestClose={() => {
+          Alert.alert('Modal has been closed.');
+          setModalVisible(!modalVisible);
+        }}
+      >
+        <View style={styles.centeredView}>
+          <View style={styles.modalView}>
+            <Text style={styles.modalText}>Hello World!</Text>
+            <Pressable
+              style={[styles.button, styles.buttonClose]}
+              onPress={() => setModalVisible(!modalVisible)}
+            >
+              <Text style={styles.textStyle}>Hide Modal</Text>
+            </Pressable>
+          </View>
+        </View>
+      </Modal>
+
+      <ScrollView
+        keyboardDismissMode={'on-drag'}
+        keyboardShouldPersistTaps={'always'}
+        automaticallyAdjustKeyboardInsets
+        style={{ backgroundColor: 'white' }}
+      >
+      <View style={styles.container}>
+        <Button
+          title={'simple toast'}
+          onPress={() => {
+            Toast.show('This is a toast.', Toast.SHORT);
+          }}
+      />
+      <Button
+      title={'tap to dismiss toast'}
+      onPress={() => {
+        Toast.show('Tap to dismiss toast.', Toast.LONG, {
+        tapToDismissEnabled: true,
+      });
+    }}
+  /> 
+    </View>
+    </ScrollView> 
+  </>
+  );
+}
+```
+## 约束与限制
+
+### 兼容性
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.19
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name                   | Description               | Required | Platform | HarmonyOS Support |
+| ---------------------- |---------------------------| -------- |----------|-------------------|
+| show(message, duration, options)        | 吐司                        | No       | All      | partially         |
+| showWithGravity(message, duration, gravity, options)   | 可设置top,bottom和center位置的吐司 | No       | All      | No                |
+| showWithGravityAndOffset(message,duration,gravity,xOffset,yOffset,options,); | 可设置x轴和y轴偏移的吐司             | No       | All      | No                |
+
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description      | Type             | Required |   HarmonyOS Support  |
+| ---- |------------------|------------------| -------- |  ------------------ |
+LONG  | toast显示时间:LONG   | number           | / | yes
+SHORT | toast显示时间：SHORT       | number | / | yes
+TOP | toast显示位置:TOP    | number | / | no
+BOTTOM | toast显示位置:BOTTOM | number | / | no
+CENTER | toast显示位置:CENTER | number | / | no
+
+## 遗留问题
+- [ ]  HarmonyOS toast不支持修改字体，背景色等样式[issue#3](https://github.com/react-native-oh-library/react-native-simple-toast/issues/3)
+- [ ]  HarmonyOS rn框架toast组件不支持设置位置及偏移[issue#2](https://github.com/react-native-oh-library/react-native-simple-toast/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-simple-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-size-matters.md b/en/react-native-size-matters.md
new file mode 100644
index 00000000..30cbb8a6
--- /dev/null
+++ b/en/react-native-size-matters.md
@@ -0,0 +1,243 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-size-matters</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/nirsky/react-native-size-matters">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/nirsky/react-native-size-matters/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/nirsky/react-native-size-matters)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-size-matters@0.4.2
+```
+#### **yarn**
+
+```bash
+yarn add react-native-size-matters@0.4.2
+```
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+> [!WARNING] 使用时 import 的库名不变。
+
+**这里是该插件提供的基础用法**
+
+```js
+<!---->
+<!-- 方法 -->
+import { Text, View } from 'react-native';
+import { scale, verticalScale, moderateScale, moderateVerticalScale } from 'react-native-size-matters';
+<!-- 别名方法 -->
+import { s, vs, ms, mvs } from 'react-native-size-matters';
+
+let scale = () =>{
+    return (
+        <View style={{
+            width: scale(100),
+            height: 100,
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{scale(100}</Text>
+        </View>
+    )
+}
+
+let verticalScale = () =>{
+    return (
+        <View style={{
+            width: 100,
+            height: verticalScale(100),
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{verticalScale(100}</Text>
+        </View>
+    )
+}
+
+let moderateScale = () =>{
+    return (
+    <View style={{
+        width: 100,
+        height: 100,
+        padding: 5,
+        borderWidth:moderateScale(10),
+        borderColor: 'red',
+        backgroundColor: 'blue'
+    }} >
+        <Text>borderWidth{moderateScale(10)}</Text>
+    </View>
+    )
+}
+
+
+let moderateVerticalScale = ()=>{
+    return (
+        <View style={{
+            width: 100,
+            height: moderateVerticalScale(100),
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{moderateVerticalScale(100}</Text>
+        </View>
+    )
+}
+
+let s = () =>{
+    return (
+        <View style={{
+            width: s(100),
+            height: 100,
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{s(100}</Text>
+        </View>
+    )
+}
+
+let vs = () =>{
+    return (
+        <View style={{
+            width: 100,
+            height: vs(100),
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{vs(100}</Text>
+        </View>
+    )
+}
+
+let ms = () =>{
+    return (
+    <View style={{
+        width: 100,
+        height: 100,
+        padding: 5,
+        borderWidth:ms(10),
+        borderColor: 'red',
+        backgroundColor: 'blue'
+    }} >
+        <Text>borderWidth{ms(10)}</Text>
+    </View>
+    )
+}
+
+
+let mvs = ()=>{
+    return (
+        <View style={{
+            width: 100,
+            height: mvs(100),
+            padding: 5,
+            borderWidth: 1,
+            borderColor: 'red',
+            backgroundColor: 'blue'
+        }} >
+            <Text>{mvs(100}</Text>
+        </View>
+    )
+}
+
+export default class sizeMattersDemo {
+  render() {
+    return (
+        <>
+            <Scale />
+            <VerticalScale />
+            <ModerateScale />
+            <ModerateVerticalScale />
+            <S />
+            <Vs />
+            <Ms />
+            <Mvs />
+        </>
+    );
+  }
+}
+
+```
+**这里提供注解用法**
+```javascript
+import { Text, View } from 'react-native';
+import { ScaledSheet } from 'react-native-size-matters';
+
+const styles = ScaledSheet.create({
+    container: {
+        width: '100@s', // = scale(100)
+        height: '200@vs', // = verticalScale(200)
+        padding: '2@msr', // = Math.round(moderateScale(2))
+        margin: 5
+    }
+});
+
+export default class sizeMattersDemo {
+  render() {
+    return (
+        <View style={styles.container} >
+            <Text>调用create方法</Text>
+        </View>
+    );
+  }
+}
+```
+ [!TIP] 这里展示[自定义默认尺寸](https://github.com/nirsky/react-native-size-matters/blob/master/examples/change-guideline-sizes.md)
+
+## 约束与限制
+### 兼容性
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                   | Description                                                                                                                  | Type                      | Required | Platform    |  HarmonyOS Support |
+| ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- | ----------- | -------- |
+| scale    | 将根据您设备的屏幕宽度返回所提供尺寸的线性缩放结果。                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| verticalScale    | 将根据您设备的屏幕高度返回所提供尺寸的线性缩放结果。                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| moderateScale    | 有时您不想以线性方式缩放所有内容，这时可以使用 moderateScale。它的妙处在于您可以控制调整大小的因子（默认值为 0.5）。如果正常缩放会将您的尺寸增加 +2X，则 moderateScale 只会将其增加 +X                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| moderateVerticalScale    | 与 moderateScale 相同，但使用 verticalScale 而不是 scale。                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| s    | scale方法的别名                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| vs    | verticalScale方法的别名                                                                                          | Function       | No       | Android、iOS | Yes      |
+| ms    | moderateScale别名方法                                                                                               | Function       | No       | Android、iOS | Yes      |
+| mvs     | moderateVerticalScale的别名方法                                                                                                 | Function       | No       | Android、iOS | Yes      |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License(MIT)](https://github.com/nirsky/react-native-size-matters/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-skia.md b/en/react-native-skia.md
new file mode 100644
index 00000000..a4847e58
--- /dev/null
+++ b/en/react-native-skia.md
@@ -0,0 +1,732 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-skia</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Shopify/react-native-skia">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Shopify/react-native-skia/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-skia)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-skia@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-skia@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { Canvas, Circle, Group } from "@shopify/react-native-skia";
+
+const App = () => {
+  const width = 256;
+  const height = 256;
+  const r = width * 0.33;
+  return (
+    <Canvas style={{ width, height }}>
+      <Group blendMode="multiply">
+        <Circle cx={r} cy={r} r={r} color="cyan" />
+        <Circle cx={width - r} cy={r} r={r} color="magenta" />
+        <Circle cx={width / 2} cy={width - r} r={r} color="yellow" />
+      </Group>
+    </Canvas>
+  );
+};
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-skia": "file:../../node_modules/@react-native-oh-tpl/react-native-skia/harmony/skia.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SkiaPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-skia/src/main/cpp" ./skia)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_skia)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SkiaPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SkiaPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 SkiaDomView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNCSkiaDomView, SKIA_DOM_VIEW_TYPE } from '@react-native-oh-tpl/react-native-skia';
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === SKIA_DOM_VIEW_TYPE) {
++   RNCSkiaDomView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ SKIA_DOM_VIEW_TYPE
+  ];
+```
+
+### 5.在 ArkTs 侧引入 RNSkiaPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNSkiaPackage} from '@react-native-oh-tpl/react-native-skia/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSkiaPackage(ctx)
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)
+
+## 组件
+
+### Canvas
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+> | Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
+> | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+> | style    | View style                                                                                                                                             | ViewStyle                | no       | android/ios | yes               |
+> | ref      | Reference to the SkiaView object                                                                                                                       | Ref<SkiaView>            | no       | android/ios | yes               |
+> | mode     | By default, the canvas is only updated when the drawing tree or animation values change. With mode="continuous", the canvas will redraw on every frame | default/continuous       | no       | android/ios | yes               |
+> | onSize   | Reanimated value to which the canvas size will be assigned                                                                                             | SharedValue<Size>        | no       | android/ios | yes               |
+> | onLayout | Invoked on mount and on layout changes                                                                                                                 | NativeEvent<LayoutEvent> | no       | android/ios | yes               |
+
+### Group
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                                                                                                                                                                            | Type              | Required | Platform    | HarmonyOS Support |
+| ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
+| transform  | [ Same API that's in React Native](https://reactnative.dev/docs/transforms). The default origin of the transformation is, however, different. It is the center object in React Native and the top-left corner in Skia. | Transform2d       | no       | android/ios | yes               |
+| origin     | Sets the origin of the transformation. This property is not inherited by its children.                                                                                                                                 | Point             | no       | android/ios | yes               |
+| clip       | Rectangle, rounded rectangle, or Path to use to clip the children.                                                                                                                                                     | RectOrRRectOrPath | no       | android/ios | yes               |
+| invertClip | Invert the clipping region: parts outside the clipping region will be shown and, inside will be hidden.                                                                                                                | boolean           | no       | android/ios | yes               |
+| layer      | Draws the children as a bitmap and applies the effects provided by the paint.                                                                                                                                          | RefObject<Paint>  | no       | android/ios | yes               |
+
+### Path
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                                                                                                                                                                      | Type             | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| path   | Path to draw. Can be a string using the [SVG Path notation](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#line_commands) or an object created with `Skia.Path.Make()`.                                                         | SkPath`or`string | no       | android/ios | yes               |
+| start  | Trims the start of the path. Value is in the range `[0, 1]` (default is 0).                                                                                                                                                                      | number           | no       | android/ios | yes               |
+| end    | Trims the end of the path. Value is in the range `[0, 1]` (default is 1).                                                                                                                                                                        | number           | no       | android/ios | yes               |
+| stroke | Turns this path into the filled equivalent of the stroked path. This will fail if the path is a hairline. `StrokeOptions` describes how the stroked path should look. It contains three properties: `width`, `strokeMiterLimit` and, `precision` | StrokeOptions    | no       | android/ios | yes               |
+
+### Polygons
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description              | Type             | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| x      | X coordinate.            | SkPath`or`string | no       | android/ios | yes               |
+| y      | Y coordinate.            | number           | no       | android/ios | yes               |
+| width  | Width of the rectangle.  | number           | no       | android/ios | yes               |
+| height | Height of the rectangle. | StrokeOptions    | no       | android/ios | yes               |
+
+### Ellipses
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description  | Type   | Required | Platfor     | HarmonyOS Support |
+| ---- | ------------ | ------ | -------- | ----------- | ----------------- |
+| cx   | Start point. | number | no       | android/ios | yes               |
+| cy   | End point.   | number | no       | android/ios | yes               |
+| r`   | Radius.      | number | no       | android/ios | yes               |
+
+### Atlas
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Type              | Description                                                               | Required | android/ios | HarmonyOS Support |
+| ---------- | ----------------- | ------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| image      | `SkImage or null` | Altas: image containing the sprites.                                      | no       | android/ios | yes               |
+| sprites    | `SkRect[]`        | locations of sprites in atlas.                                            | no       | android/ios | yes               |
+| transforms | `RSXform[]`       | Rotation/scale transforms to be applied for each sprite.                  | no       | android/ios | yes               |
+| colors     | `SkColor[]`       | Optional. Color to blend the sprites with.                                | yes      | android/ios | yes               |
+| blendMode  | `BlendMode`       | Optional. Blend mode used to combine sprites and colors together.\*\*\*\* | yes      | android/ios | yes               |
+
+### Vertices
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Type         | Description                                                                                                                                                           | Required | android/ios | HarmonyOS Support |
+| --------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| vertices  | `Point[]`    | Vertices to draw                                                                                                                                                      | no       | android/ios | yes               |
+| mode      | `VertexMode` | Can be `triangles`, `trianglesStrip` or `triangleFan`. Default is `triangles`                                                                                         | yes      | android/ios | yes               |
+| indices   | `number[]`   | Indices of the vertices that form the triangles. If not provided, the order of the vertices will be taken. Using this property enables you not to duplicate vertices. | yes      | android/ios | yes               |
+| textures  | `Point[]`.   | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint.                                                    | no       | android/ios | yes               |
+| colors    | `string[]`   | Optional colors to be associated to each vertex                                                                                                                       | yes      | android/ios | yes               |
+| blendMode | `BlendMode`  | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not.                       | yes      | android/ios | yes               |
+
+### Patch
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Type             | Description                                                                                                                                                 | Required | android/ios | HarmonyOS Support |
+| --------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| cubics    | `CubicBezier[4]` | Specifies four cubic Bezier starting at the top-left corner, in clockwise order, sharing every fourth point. The last cubic Bezier ends at the first point. | no       | android/ios | yes               |
+| textures  | `Point[]`.       | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint                                           | no       | android/ios | yes               |
+| colors    | `string[]`       | Optional colors to be associated to each corner                                                                                                             | yes      | android/ios | yes               |
+| blendMode | `BlendMode`      | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not              | yes      | android/ios | yes               |
+
+### Gradients 公共属性
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                                                                                                                                                                                                                                                            | Type         | Required | Platform    | HarmonyOS Support |
+| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
+| colors    | Colors to be distributed between start and end.                                                                                                                                                                                                                                                        | string[]     | yes      | android/ios | yes               |
+| positions | The relative positions of colors. If supplied, it must be of the same length as colors.                                                                                                                                                                                                                | number[]     | no       | android/ios | yes               |
+| mode      | Can be `clamp`, `repeat`, `mirror`, or `decal`.                                                                                                                                                                                                                                                        | TileMode     | no       | android/ios | yes               |
+| flags     | By default, gradients will interpolate their colors in unpremultiplied space and then premultiply each of the results. By setting this to 1, the gradients will premultiply their colors first and then interpolate between them.                                                                      | number       | no       | android/ios | yes               |
+| transform | The transform property is identical to its [homonymous property in React Native](https://reactnative.dev/docs/transforms) except for one significant difference: in React Native, the origin of transformation is the center of the object, whereas it is the top-left position of the object in Skia. | Transforms2d | no       | android/ios | yes               |
+
+### LinearGradient
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description                     | Type  | Required | Platform    | HarmonyOS Support |
+| ----- | ------------------------------- | ----- | -------- | ----------- | ----------------- |
+| start | Start position of the gradient. | Point | yes      | android/ios | yes               |
+| end   | End position of the gradient.   | Point | yes      | android/ios | yes               |
+
+### RadialGradient
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| c    | Center of the gradient. | Point  | yes      | android/ios | yes               |
+| r    | Radius of the gradient. | number | yes      | android/ios | yes               |
+
+### TwoPointConicalGradient
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                 | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | --------------------------- | ------ | -------- | ----------- | ----------------- |
+| start  | Center of the start circle. | Point  | yes      | android/ios | yes               |
+| startR | Radius of the start circle. | number | yes      | android/ios | yes               |
+| end    | Center of the end circle.   | number | yes      | android/ios | yes               |
+| endR   | Radius of the end circle.   | number | yes      | android/ios | yes               |
+
+### SweepGradient
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description                            | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | -------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| c     | Center of the gradient.                | Point  | yes      | android/ios | yes               |
+| start | Start angle in degrees (default is 0). | number | no       | android/ios | yes               |
+| end   | End angle in degrees (default is 360). | number | no       | android/ios | yes               |
+
+### FractalNoise
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
+| freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
+| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
+| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
+| tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
+| tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
+
+### Turbulence
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
+| freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
+| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
+| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
+| tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
+| tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
+
+### Blend
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                          | Type      | Required | Platform    | HarmonyOS Support |
+| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| mode     | Sets the blend mode that is, the mode used to combine source color with destination color. The following values are available: `clear`, `src`, `dst`, `srcOver`, `dstOver`, `srcIn`, `dstIn`, `srcOut`, `dstOut`, `srcATop`, `dstATop`, `xor`, `plus`, `modulate`, `screen`, `overlay`, `darken`, `lighten`, `colorDodge`, `colorBurn`, `hardLight`, `softLight`, `difference`, `exclusion`, `multiply`, `hue`, `saturation`, `color`, `luminosity`. | BlendMode | yes      | android/ios | yes               |
+| children | Shaders to blend                                                                                                                                                                                                                                                                                                                                                                                                                                     | ReactNode | yes      | android/ios | yes               |
+
+### ColorShader
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------ | -------- | ----------- | ----------------- |
+| color | Color       | string | yes      | android/ios | yes               |
+
+### DiscretePathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                   | Type       | Required | Platform    | HarmonyOS Support |
+| --------- | ------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
+| length    | length of the subsegments.                                    | number     | yes      | android/ios | yes               |
+| deviation | limit of the movement of the endpoints.                       | number     | yes      | android/ios | yes               |
+| seed      | modifies the randomness. See SkDiscretePathEffect.h for more. | number     | yes      | android/ios | yes               |
+| children  | Optional path effect to apply.                                | PathEffect | no       | android/ios | yes               |
+
+### DashPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                                                                                             | Type       | Required | Platform    | HarmonyOS Support |
+| --------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
+| intervals | even number of entries with even indices specifying the length of the "on" intervals, and the odd index specifying the length of "off". | number[]   | yes      | android/ios | yes               |
+| phase     | offset into the intervals array. Defaults to 0.                                                                                         | number     | yes      | android/ios | yes               |
+| children  | Optional path effect to apply.                                                                                                          | PathEffect | no       | android/ios | yes               |
+
+### CornerPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                    | Type       | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------ | ---------- | -------- | ----------- | ----------------- |
+| r        | Radius.                        | number     | yes      | android/ios | yes               |
+| children | Optional path effect to apply. | PathEffect | no       | android/ios | yes               |
+
+### Path1DPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                     | Type              | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
+| path     | The path to replicate (dash)                                                    | PathDef           | yes      | android/ios | yes               |
+| advance  | The space between instances of path                                             | number            | yes      | android/ios | yes               |
+| phase    | distance (mod advance) along the path for its initial position                  | number            | yes      | android/ios | yes               |
+| style    | how to transform path at each point (based on the current position and tangent) | Path1DEffectStyle | yes      | android/ios | yes               |
+| children | Optional path effect to apply.                                                  | PathEffect        | no       | android/ios | yes               |
+
+### Path2DPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
+| path     | The path to use               | PathDef    | yes      | android/ios | yes               |
+| matrix   | Matrix to be applied          | SkMatrix   | yes      | android/ios | yes               |
+| children | Optional path effect to apply | PathEffect | no       | android/ios | yes               |
+
+### Line2DPathEffect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
+| width    | The path to use               | PathDef    | yes      | android/ios | yes               |
+| matrix   | Matrix to be applied          | IMatrix    | yes      | android/ios | yes               |
+| children | Optional path effect to apply | PathEffect | no       | android/ios | yes               |
+
+### Mask
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                          | Type               | Required | Platform    | HarmonyOS Support |
+| -------- | ---------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
+| mode     | Is it a luminance or alpha mask (default is `alpha`) | alpha \| luminance | no       | android/ios | yes               |
+| clip     | clip the mask so it doesn't exceed the content       | bool               | no       | android/ios | yes               |
+| mask     | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
+| children | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
+
+### Image
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                                                                                                | Type    | Required | Platform    | HarmonyOS Support |
+| ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| image  | An instance of the image.                                                                                                                                                  | SkImage | yes      | android/ios | yes               |
+| x      | The left position of the destination image.                                                                                                                                | number  | yes      | android/ios | yes               |
+| y      | The top position of the destination image.                                                                                                                                 | number  | yes      | android/ios | yes               |
+| width  | The width of the destination image.                                                                                                                                        | number  | yes      | android/ios | yes               |
+| height | The height of the destination image.                                                                                                                                       | number  | yes      | android/ios | yes               |
+| fit    | The method used to fit the image into the rectangle. Values can be `contain`, `fill`, `cover`, `fitHeight`, `fitWidth`, `scaleDown`, or `none` (the default is `contain`). | Fit     | no       | android/ios | yes               |
+
+### SVG Image
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| svg    | SVG Image.                                  | SVG    | yes      | android/ios | yes               |
+| x      | The left position of the destination image. | number | no       | android/ios | yes               |
+| y      | The top position of the destination image.  | number | no       | android/ios | yes               |
+| width  | The width of the destination image.         | number | no       | android/ios | yes               |
+| height | The height of the destination image.        | number | no       | android/ios | yes               |
+
+### Paragraph
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                   | Type        | Required | Platform    | HarmonyOS Support |
+| --------- | --------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| paragraph | text paragraph                                | skParagraph | yes      | android/ios | yes               |
+| x         | Left position of the text (default is 0)      | number      | yes      | android/ios | yes               |
+| y         | Bottom position the text (default is 0, the ) | number      | yes      | android/ios | yes               |
+| width     | The width of the paragraph.                   | number      | yes      | android/ios | yes               |
+
+### Text
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description                                   | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | --------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| text | Text to draw                                  | string | yes      | android/ios | yes               |
+| x    | Left position of the text (default is 0)      | number | yes      | android/ios | yes               |
+| y    | Bottom position the text (default is 0, the ) | number | yes      | android/ios | yes               |
+| font | Font to use                                   | SkFont | yes      | android/ios | yes               |
+
+### Glyphs
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                | Type    | Required | Platform    | HarmonyOS Support |
+| ------ | ---------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| glyphs | Glyphs to draw                                             | Glyph[] | yes      | android/ios | yes               |
+| x      | x coordinate of the origin of the entire run. Default is 0 | number  | no       | android/ios | yes               |
+| y      | y coordinate of the origin of the entire run. Default is 0 | number  | yno      | android/ios | yes               |
+| font   | Font to use                                                | SkFont  | yes      | android/ios | yes               |
+
+### Text Path
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description                                                                                                                                                                             | Type           | Required | Platform    | HarmonyOS Support |
+| ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| path | Path to draw. Can be a string using the [SVG Path notation](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#line_commands) or an object created with `Skia.Path.Make()` | Path \| string | yes      | android/ios | yes               |
+| text | Text to draw                                                                                                                                                                            | string         | yes      | android/ios | yes               |
+| font | Font to use                                                                                                                                                                             |                |          |             |                   |
+
+### Text Path
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description                                                | Type     | Required | Platform    | HarmonyOS Support |
+| ---- | ---------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| blob | Text blob                                                  | TextBlob | yes      | android/ios | yes               |
+| x    | x coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
+| y    | y coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
+
+## RNSkiaModule API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description      | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | ---------------- | -------- | -------- | ----------- | ----------------- |
+| install | initialized skia | function | yes      | android/ios | yes               |
+
+## 遗留问题
+
+- [x] Text 组件无法使用 问题: [issue#Text 暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/5)
+- [ ] Video 组件无法使用 问题: [issue#Video 暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/6)
+- [x] Image 组件无法使用 问题: [issue#Image 暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/7)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-skia/blob/sig/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/en/react-native-slider.md b/en/react-native-slider.md
new file mode 100644
index 00000000..575c2047
--- /dev/null
+++ b/en/react-native-slider.md
@@ -0,0 +1,196 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-slider</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jeanregisser/react-native-slider">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jeanregisser/react-native-slider/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm i @react-native-oh-tpl/react-native-slider@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-slider@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState} from 'react';
+import {Button, View, StyleSheet, Text } from 'react-native';
+import Slider from 'react-native-slider';
+
+
+export function SliderExample() {
+    const [isCheckerboardVisible, setIsCheckerboardVisible] = useState(false);
+    const [value, setValue] = useState(0.200);
+    return (
+        <View style={styles.sectionContainer}>
+        <Text>default style</Text>
+        <Slider value={0.2}/>
+
+        <Text>with min,max and custom tints</Text>
+        <Slider
+         value={0.2}
+         minimumTrackTintColor = '#1A9274'
+         maximumTrackTintColor = '#D3D3D3'
+         thumbTintColor = '#1A9274'
+         />
+
+        <Text>with style,thumbStyle,thumbStyle</Text>
+        <Slider
+         value={0.2}
+         minimumTrackTintColor = '#1073FF'
+         thumbTintColor = '#FFFFFF'
+         style = {styles.style}
+         trackStyle = {styles.trackStyle}
+         thumbStyle = {styles.thumbStyle}
+         />
+
+        <Text>with thumbTouchSize,event</Text>
+        <Slider
+            value={0.2}
+            thumbTintColor = '#1A9FF4'
+            thumbTouchSize = {{width: 40, height: 40}}
+            onValueChange={(val: number) => {
+                console.log('===Slider onValueChange: ' + value);
+            }}
+
+            onSlidingStart={() => {
+                console.log('===Slider onSlidingStart');
+            }}
+
+            onSlidingComplete={() => {
+                console.log('===Slider onSlidingComplete');
+            }}
+        />
+
+        <Text>with thumbImage</Text>
+        <Slider
+            value={0.2}
+            thumbTouchSize = {{width: 40, height: 40}}
+            thumbStyle = {styles.thumbStyle}
+            thumbImage = {require('./resources/slider.png')}
+        />
+
+        <Text>with animateTransitions</Text>
+        <Slider
+            value={value}
+            thumbTouchSize = {{width: 40, height: 40}}
+            trackStyle = {styles.trackStyle}
+            thumbStyle = {styles.thumbStyle}
+          // thumbImage = {{uri: 'https://developer.harmonyos.com/assets/image/diqiu.png'}}
+            animateTransitions = {true}
+            animationType = 'timing'
+            animationConfig = {{
+              toValue: 1,
+              duration: 1500,
+              useNativeDriver: false,
+            }}
+        />
+
+        <Button onPress={()=>{
+            setValue(0.9);
+        }}
+        title="动画测试"
+        color="#841584"
+        />
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    sectionContainer: {
+        marginTop: 32,
+        paddingHorizontal: 24,
+    },
+    style: {
+        backgroundColor: '#EECBA8',
+    },
+    trackStyle: {
+        backgroundColor: '#D2D2D2',
+        height:3
+    },
+    thumbStyle: {
+        backgroundColor: '#F3F3F3',
+        width: 30,
+        height: 30,
+        borderRadius: 15,
+    }
+  });
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                                                                                                                                   | Type                                                                    | Required | Platform    | HarmonyOS Support |
+|-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|-------------|-------------------|
+| value                 | Initial value of the slider.                                                                                                                                                                                  | number                                                                  | No       | iOS Android | yes               |
+| disabled              | If true the user won't be able to move the slider.                                                                                                                                                            | bool                                                                    | No       | iOS Android | yes               |
+| minimumValue          | Initial minimum value of the slider.                                                                                                                                                                          | number                                                                  | No       | iOS Android | yes               |
+| maximumValue          | Initial maximum value of the slider.                                                                                                                                                                          | number                                                                  | No       | iOS Android | yes               |
+| step                  | Step value of the slider. The value should be between 0 and maximumValue - minimumValue).                                                                                                                     | number                                                                  | No       | iOS Android | yes               |
+| minimumTrackTintColor | The color used for the track to the left of the button.                                                                                                                                                       | string                                                                  | No       | iOS Android | yes               |
+| maximumTrackTintColor | The color used for the track to the right of the button.                                                                                                                                                      | string                                                                  | No       | iOS Android | yes               |
+| thumbTintColor        | The color used for the thumb.                                                                                                                                                                                 | string                                                                  | No       | iOS Android | yes               |
+| thumbTouchSize        | The size of the touch area that allows moving the thumb. The touch area has the same center as the visible thumb. This allows to have a visually small thumb while still allowing the user to move it easily. | object                                                                  | No       | iOS Android | yes               |
+| onValueChange         | Callback continuously called while the user is dragging the slider.                                                                                                                                           | function                                                                | No       | iOS Android | yes               |
+| onSlidingStart        | Callback called when the user starts changing the value (e.g. when the slider is pressed).                                                                                                                    | function                                                                | No       | iOS Android | yes               |
+| onSlidingComplete     | Callback called when the user finishes changing the value (e.g. when the slider is released).                                                                                                                 | function                                                                | No       | iOS Android | yes               |
+| style                 | The style applied to the slider container.                                                                                                                                                                    | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | iOS Android | yes               |
+| trackStyle            | The style applied to the track.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | iOS Android | yes               |
+| thumbStyle            | The style applied to the thumb.                                                                                                                                                                               | [style](http://facebook.github.io/react-native/docs/view.html#style)    | No       | iOS Android | yes               |
+| thumbImage            | Sets an image for the thumb.                                                                                                                                                                                  | [source](http://facebook.github.io/react-native/docs/image.html#source) | No       | iOS Android | yes               |
+| debugTouchArea        | Set this to true to visually see the thumb touch rect in green.                                                                                                                                               | bool                                                                    | No       | iOS Android | yes               |
+| animateTransitions    | Set to true if you want to use the default 'spring' animation.                                                                                                                                                | bool                                                                    | No       | iOS Android | yes               |
+| animationType         | Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://facebook.github.io/react-native/docs/animations.html).                                | string                                                                  | No       | iOS Android | yes               |
+| animationConfig       | Used to configure the animation parameters. These are the same parameters in the [Animated library](https://facebook.github.io/react-native/docs/animations.html).                                            | object                                                                  | No       | iOS Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jeanregisser/react-native-slider/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-snackbar.md b/en/react-native-snackbar.md
new file mode 100644
index 00000000..2942fbf6
--- /dev/null
+++ b/en/react-native-snackbar.md
@@ -0,0 +1,285 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-snackbar</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/cooperka/react-native-snackbar">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/cooperka/react-native-snackbar/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-snackbar)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-snackbar@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-snackbar@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View, StyleSheet, Button, ScrollView } from "react-native";
+import Snackbar from "react-native-snackbar";
+
+export const SnackbarTest = () => {
+  return (
+    <View
+      style={{
+        width: "100%",
+        height: "100%",
+        backgroundColor: "white",
+        flex: 1,
+      }}
+    >
+      <ScrollView style={styles.container}>
+        <Button
+          title="点击显示组件"
+          onPress={() => {
+            Snackbar.show({
+              text: "Hello harmony",
+              marginBottom: 300,
+            });
+          }}
+        />
+      </ScrollView>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    backgroundColor: "#333",
+    flex: 1,
+  },
+  Snackbar: {
+    width: "100%",
+    backgroundColor: "white",
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-snackbar": "file:../../node_modules/@react-native-oh-tpl/react-native-snackbar/harmony/snackbar.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNSnackbarPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
++ import {RNSnackbarPackage} from '@react-native-oh-tpl/react-native-snackbar/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSnackbarPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Snackbar.show(options)
+
+| Name              | Description                                                                                                     | Type                       | Required | Platform    | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------------------------------------------------------- | -------------------------- | -------- | ----------- | ----------------- |
+| `text`            | The message to show.                                                                                            | `string`                   | yes      | Android iOS | yes               |
+| `duration`        | How long to display the Snackbar                                                                                | See below                  | no       | Android iOS | no                |
+| `numberOfLines`   | The max number of text lines to allow before ellipsizing                                                        | `number`                   | no       | Android iOS | no                |
+| `marginBottom`    | Margin from bottom                                                                                              | `number`                   | no       | Android iOS | yes               |
+| `textColor`       | The color of the message text.                                                                                  | `string` or `style`        | no       | Android iOS | no                |
+| `backgroundColor` | The background color for the whole Snackbar                                                                     | `string` or `style`        | no       | Android iOS | no                |
+| `fontFamily`      | [Android only] The basename of a .ttf font from assets/fonts/                                                   | `string`                   | no       | Android     | no                |
+| `rtl`             | [Android only, API 17+] Whether the Snackbar should render right-to-left (requires android:supportsRtl="true"). | `boolean`                  | no       | Android     | no                |
+| `action`          | Optional config for the action button (described below)                                                         | `object` (described below) | no       | Android iOS | no                |
+
+Where `duration` can be one of the following (timing may vary based on device):
+
+- `Snackbar.LENGTH_SHORT` (just over a second)
+- `Snackbar.LENGTH_LONG` (about three seconds)
+- `Snackbar.LENGTH_INDEFINITE` (stays on screen until dismissed, replaced, or action button is tapped)
+
+The optional `action` object can contain the following options:
+
+| Key         | Type                      | Description                                   | Platform    | HarmonyOS Support |
+| ----------- | ------------------------- | --------------------------------------------- | ----------- | ----------------- |
+| `text`      | `string` The button text. | The button text.                              | Android iOS | no                |
+| `textColor` | `string` or `style`       | The color of the button text.                 | Android iOS | no                |
+| `onPress`   | `function`                | A callback for when the user taps the button. | Android iOS | no                |
+
+### Snackbar events
+
+You can have information on snackbar visibility.
+
+```js
+  componentDidMount() {
+    const SnackbarEventEmitter = new NativeEventEmitter(
+      NativeModules.RNSnackbar,
+    );
+    this.eventListener = SnackbarEventEmitter.addListener('onSnackbarVisibility', (event) => {
+      console.log(event.event);
+    });
+  }
+
+  componentWillUnmount() {
+    this.eventListener.remove();
+  }
+```
+
+Or, with functional components:
+
+```js
+useEffect(() => {
+  const subscription = new NativeEventEmitter(
+    NativeModules.RNSnackbar
+  ).addListener("onSnackbarVisibility", (event) => {
+    console.log(event.event);
+  });
+  return () => {
+    subscription.remove();
+  };
+}, []);
+```
+
+Where event is one of the following options :
+
+| Key                                  | Type     | Value | Description                                                                | Platform    | HarmonyOS Support |
+| ------------------------------------ | -------- | ----- | -------------------------------------------------------------------------- | ----------- | ----------------- |
+| `Snackbar.DISMISS_EVENT_SWIPE`       | `number` | 0     | Indicates that the Snackbar was dismissed via a swipe.                     | Android iOS | no                |
+| `Snackbar.DISMISS_EVENT_ACTION`      | `number` | 1     | Indicates that the Snackbar was dismissed via an action click.             | Android iOS | no                |
+| `Snackbar.DISMISS_EVENT_TIMEOUT`     | `number` | 2     | Indicates that the Snackbar was dismissed via a timeout.                   | Android iOS | no                |
+| `Snackbar.DISMISS_EVENT_MANUAL`      | `number` | 3     | Indicates that the Snackbar was dismissed via Snackbar.dismiss() call.     | Android iOS | no                |
+| `Snackbar.DISMISS_EVENT_CONSECUTIVE` | `number` | 4     | Indicates that the Snackbar was dismissed from a new Snackbar being shown. | Android iOS | no                |
+| `Snackbar.SHOW_EVENT`                | `number` | 5     | Indicates that Snackbar appears                                            | Android iOS | no                |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                       | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
+| show    | Shows a Snackbar                  | function | yes      | Android iOS | yes               |
+| dismiss | Dismisses any existing Snackbars. | function | yes      | Android iOS | no                |
+
+### show()
+
+| Name    | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | ------ | -------- | ----------- | ----------------- |
+| options | options     | object | yes      | Android iOS | partially         |
+
+## 遗留问题
+
+- [ ] 不支持 duration、numberOfLines、textColor、backgroundColor、fontFamily、rtl、action 等参数以及 dismiss()接口: [issue#1](https://github.com/react-native-oh-library/react-native-snackbar/issues/1)
+- [ ] 与 Android 和 iOS 的样式有一定的差异: [issue#2](https://github.com/react-native-oh-library/react-native-snackbar/issues/2)
+- [ ] 无法实现 Snackbar events：[issue#3](https://github.com/react-native-oh-library/react-native-snackbar/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/cooperka/react-native-snackbar/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-snap-carousel.md b/en/react-native-snap-carousel.md
new file mode 100644
index 00000000..f39c4c8d
--- /dev/null
+++ b/en/react-native-snap-carousel.md
@@ -0,0 +1,194 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-snap-carousel</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/meliorence/react-native-snap-carousel">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20||%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/meliorence/react-native-snap-carousel/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-snap-carousel)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-snap-carousel@file:#
+```
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-snap-carousel@file:#
+```
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { View, Text, Image, StyleSheet } from "react-native";
+import Carousel from "react-native-snap-carousel";
+
+export default function SnapCarouselExample(): JSX.Element {
+  const ENTRIES1 = [
+    {
+      title: "Beautiful and dramatic Antelope Canyon",
+      subtitle: "Lorem ipsum dolor sit amet et nuncat mergitur",
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-1.png?la=zh",
+    },
+    {
+      title: "Earlier this morning, NYC",
+      subtitle: "Lorem ipsum dolor sit amet",
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-2.jpg?la=zh",
+    },
+    {
+      title: "White Pocket Sunset",
+      subtitle: "Lorem ipsum dolor sit amet et nuncat ",
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-1.png?la=zh",
+    },
+    {
+      title: "Acrocorinth, Greece",
+      subtitle: "Lorem ipsum dolor sit amet et nuncat mergitur",
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-2.jpg?la=zh",
+    },
+    {
+      title: "The lone tree, majestic landscape of New Zealand",
+      subtitle: "Lorem ipsum dolor sit amet",
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-1.png?la=zh",
+    },
+    {
+      title: "Middle Earth, Germany",
+      subtitle: "Lorem ipsum dolor sit amet",
+      url: "https://www-file.huawei.com/-/media/corp2020/images/tech4all/cases1/12/white-headed-langur-en-2.jpg?la=zh",
+    },
+  ];
+
+  const _renderItem = ({ item, index }: any) => {
+    return (
+      <View>
+        <Image source={{ uri: item.url }} style={styles.image} />
+      </View>
+    );
+  };
+
+  return (
+    <View>
+      <Carousel
+        data={ENTRIES1}
+        renderItem={_renderItem}
+        sliderWidth={300}
+        itemWidth={250}
+        containerCustomStyle={styles.carouselContainer}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  carouselContainer: {
+    height: 200,
+    width: "100%",
+    marginBottom: 20,
+  },
+  image: {
+    resizeMode: 'cover',
+    borderTopLeftRadius: 8,
+    borderTopRightRadius: 8,
+    width: 250,
+    height: 300
+  }
+});
+```
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Type                       | Required                                               | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- | ----------------------------------------------------- | -------- | ----------------- |
+| `data`                        | Array of items to loop on                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Array                      | yes                                              | iOS/Android      | yes               |
+| `renderItem`                  | Takes an item from data and renders it into the list. The function receives one argument `{item, index}` (see [Usage](https://github.com/meliorence/react-native-snap-carousel#usage)) and must return a React element.                                                                                                                                                                                                                                                                    | Function                   | yes                                              | iOS/Android      | yes               |
+| `itemWidth`                   | Width in pixels of carousel's items, **must be the same for all of them**                                                                                                                                                                                                                                                                                                                                                                                                                  | Number                     | yes                      | iOS/Android      | yes               |
+| `sliderWidth`                 | Width in pixels of the carousel itself                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Number                     | yes                      | iOS/Android      | yes               |
+| `itemHeight`                  | Height in pixels of carousel's items, **must be the same for all of them**                                                                                                                                                                                                                                                                                                                                                                                                                 | Number                     | yes                       | iOS/Android      | yes               |
+| `sliderHeight`                | Height in pixels of the carousel itself                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Number                     |  yes                        | iOS/Android      | yes               |
+| `loop`                        | Enable infinite loop mode. **:warning: It won't work if `enableSnap` has been set to `false`.**                                                                                                                                                                                                                                                                                                                                                                                            | Boolean                    | no                                               | iOS/Android      | yes               |
+| `loopClonesPerSide`           | Number of clones to append to each side of the original items. **When swiping very quickly**, the user will eventually need to pause for a quick second before the scroll is repositioned (this occurs when the end of the set is reached). By increasing this number, the user will be able to scroll more slides before having to stop; but you'll also load more items in memory. This is a trade-off between optimal user experience and performance.                                  | Number                     | no                                                   | iOS/Android      | yes               |
+| `autoplay`                    | Trigger autoplay on mount. If you enable autoplay, we recommend you to set `enableMomentum` to `false` (default) and `lockScrollWhileSnapping` to `true`; this will enhance user experience a bit.                                                                                                                                                                                                                                                                                         | Boolean                    | no                                               | iOS/Android      | yes               |
+| `autoplayDelay`               | Delay before enabling autoplay on startup & after releasing the touch                                                                                                                                                                                                                                                                                                                                                                                                                      | Number                     | no                                                | iOS/Android      | yes               |
+| `autoplayInterval`            | Delay in ms until navigating to the next item                                                                                                                                                                                                                                                                                                                                                                                                                                              | Number                     | no                                                | iOS/Android      | yes               |
+| `layout`                      | Define the way items are rendered and animated. Possible values are `'default'`, `'stack'` and `'tinder'`. :warning: **Setting this prop to either `'stack'` or `'tinder'` will activate `useScrollView` [to prevent rendering bugs with `FlatList`](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/CUSTOM_INTERPOLATIONS.md#caveats). Therefore, those layouts won't be suited if you have a large data set since all items are going to be rendered upfront.** | String                     | no                                           | iOS/Android      | yes               |
+| `containerCustomStyle`        | Optional styles for Scrollview's global wrapper                                                                                                                                                                                                                                                                                                                                                                                                                                            | View Style Object          | no                                                 | iOS/Android      | yes               |
+| `contentContainerCustomStyle` | Optional styles for Scrollview's items container                                                                                                                                                                                                                                                                                                                                                                                                                                           | View Style Object          | no                                               | iOS/Android      | yes               |
+| `inactiveSlideOpacity`        | Value of the opacity effect applied to inactive slides                                                                                                                                                                                                                                                                                                                                                                                                                                     | Number                     | no                                                 | iOS/Android      | yes               |
+| `inactiveSlideScale`          | Value of the 'scale' transform applied to inactive slides                                                                                                                                                                                                                                                                                                                                                                                                                                  | Number                     | no                                                 | iOS/Android      | yes               |
+| `inactiveSlideShift`                        | Value of the 'translate' transform applied to inactive slides (see #204 or the "custom interpolations" doc for an example usage). This prop will have no effect with layouts others than the default one. on                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | Number                      | no                                           | iOS/Android      | yes               |
+| `layoutCardOffset`            | Use to increase or decrease the default card offset in both 'stack' and 'tinder' layouts.                                                                                                                                                                                                                                                                                                                                                                                                  | Number                     | no | iOS/Android      | yes               |
+| `slideStyle`                  | Optional style for each item's container (the one whose scale and opacity are animated)                                                                                                                                                                                                                                                                                                                                                                                                    | Animated View Style Object | no                                               | iOS/Android      | yes               |
+| `scrollInterpolator`                  | Used to define custom interpolations. See [the dedicated doc](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/CUSTOM_INTERPOLATIONS.md#summary).                                                                                                                                                                                                                                                                                                                                                                                                   | Function | no                                                  | iOS/Android      | yes              |
+| `slideInterpolatedStyle`                  | Used to define custom interpolations. See [the dedicated doc](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/CUSTOM_INTERPOLATIONS.md#summary).                                                                                                                                                                                                                                                                                                                                                                                                   | Function | no                                                 | iOS/Android      | yes          |
+| `activeAnimationOptions`                  | Custom animation options. Note that `useNativeDriver` will be enabled by default and that opacity's easing will always be kept linear. **Setting this prop to something other than `null` will trigger custom animations and will completely change the way items are animated:** rather than having their opacity and scale interpolated based the scroll value (default behavior), they will now play the custom animation you provide as soon as they become active. **This means you cannot use props `layout`, `scrollInterpolator` or `slideInterpolatedStyle` in conjunction with `activeAnimationOptions`.**                                                                                                                                                                                                                                                                                                                                                                                          | Object | no                                                  | iOS/Android      | yes               |
+| `activeAnimationType`                  | Custom [animation type:](https://reactnative.dev/docs/animated.html#configuring-animations) either `'decay'`, `'spring'` or `'timing'`. Note that it will only be applied to the scale animation since opacity's animation type will always be set to `timing` (no one wants the opacity to 'bounce' around).                                                                                                                                                                                 ``````````````                                                                                                                                                                                                            | String | no                                                  | iOS/Android      | yes               |
+| `activeSlideAlignment`                  | Determine active slide's alignment relative to the carousel. Possible values are: `'start'`, `'center'` and `'end'`. **It is not recommended to use this prop in conjunction with the `layout` one.**                                                                                                                                                                                                                                                                                                                                                                                             | String | no                                                 | iOS/Android      | yes               |
+| `activeSlideOffset`                  | From slider's center, minimum slide distance to be scrolled before being set to active.                                                                                                                                                                                                                                                                                                                                                                                       | Number | no                                               | iOS/Android      | yes               |
+| `apparitionDelay`                  | `FlatList`'s init is a real mess, with lots of unneeded flickers and slides movement. This prop controls the delay during which the carousel will be hidden when mounted. **WARNING: on Android, using it may lead to [rendering issues](https://github.com/meliorence/react-native-snap-carousel/issues/236) (i.e. images not showing up).** Make sure to test thoroughly if you decide on using it.                                                                                                                                                                                                                                                                                                                                                                                       | Number | no                                                | iOS/Android      | yes               |
+| `callbackOffsetMargin`                  | Scroll events might not be triggered often enough to get a precise measure and, therefore, to provide a reliable callback. This usually is an Android issue, which might be linked to the version of React Native you're using (see ["Unreliable callbacks"](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/KNOWN_ISSUES.md#unreliable-callbacks)). To work around this, you can define a small margin that will increase the "sweet spot"'s width. The default value should cover most cases, but **you will want to increase it if you experience missed callbacks.**                                                                                                                                                                                                                                                                                                                                                                                      | Number | no                                               | iOS/Android      | yes               |
+| `enableMomentum`                  | See [momentum](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/TIPS_AND_TRICKS.md#momentum)                                                                                                                                                                                                                                                                                                                                                                             | Boolean | no                                                  | iOS/Android      | yes              |
+| `enableSnap`                  | If enabled, releasing the touch will scroll to the center of the nearest/active item                                                                                                                                                                                                                                                                                                                                                                             | Boolean | no                                               | iOS/Android      | yes               |
+| `firstItem`                  | Index of the first item to display. ⚠️ **Make sure to use inherited props `[getItemLayout](https://reactnative.dev/docs/flatlist#getitemlayout)` & `[initialScrollIndex](https://reactnative.dev/docs/flatlist#initialscrollindex)` if the prop doesn't seem to work.**                                                                                                                                                                                                                                                                                                                                                     | Number | no                                              | iOS/Android      | yes               |
+| `hasParallaxImages`                  | Whether the carousel contains <ParallaxImage /> components or not. Required for specific data to be passed to children.                                                                                                                                                                                                                                                                                                                                                   | Boolean | no                                                 | iOS/Android      | yes               |
+| `lockScrollTimeoutDuration`                  | This prop works in conjunction with `lockScrollWhileSnapping`. When scroll is locked, a timer is created in order to release the scroll if something goes wrong with the regular callback handling. **Normally, you shouldn't have to use this prop.**                                                                                                                                                                                                                                                                                                                                                | Number | no                                                 | iOS/Android      | yes               |
+| `lockScrollWhileSnapping`                  | Prevent the user from swiping again while the carousel is snapping to a position. This prevents miscellaneous minor issues (inadvertently tapping an item while scrolling, stopping the scrolling animation if the carousel is tapped in the middle of a snap, clunky behavior on Android when short snapping quickly in opposite directions). The only drawback is that enabling the prop hinders the ability to swipe quickly between items as a little pause between swipes is needed. **Note that the prop won't have any effect if `enableMomentum` is set to `true`, since it would otherwise impede the natural and expected behavior.**                                                                                                                                                                                                                                                                                                                                           | Boolean | no                                               | iOS/Android      | yes               |
+| `scrollEnabled`                  | When `false`, the view cannot be scrolled via touch interaction ([inherited prop](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/PROPS_METHODS_AND_GETTERS.md#inherited-props))                                                                                                                                                                                                                                                                                                                                         | Boolean | no                                                | iOS/Android      | yes               |
+| `shouldOptimizeUpdates`                  | Whether to implement a `shouldComponentUpdate` strategy to minimize updates                                                                                                                                                                                                                                                                                                                                      | Boolean | no                                                 | iOS/Android      | yes               |
+| `swipeThreshold`                  | Delta x when swiping to trigger the snap                                                                                                                                                                                                                                                                                                                                     | Number | no                                             | iOS/Android      | yes               |
+| `useScrollView`                  | Whether to use a `ScrollView` component instead of the default `FlatList` one. The advantages are to avoid rendering issues that can arise with `FlatList` and to provide compatibility with React Native pre- `0.43`. The major drawbacks are that you won't benefit from any of `FlatList`'s advanced optimizations and that you won't be able to use either VirtualizedList or FlatList's specific props. **We recommend activating it only with a small set of slides and to test performance thoroughly in production mode**. Since version `3.7.6`, this prop also accepts a custom scroll component (see #498 for more info).                                                                                                                                                                                                                                                                                                                                    | Boolean | no                                                | iOS/Android      | yes               |
+| `vertical`                  | Layout slides vertically instead of horizontally                                                                                                                                                                                                                                                                                                                                   | Boolean | no                                             | iOS/Android      | yes               |
+
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Prop                             | Description                                                                        | Type     | Required     | Platform | HarmonyOS Support |
+| -------------------------------- | ---------------------------------------------------------------------------------- | -------- | ----------- | ------- | ----------------- |
+| `onLayout(event)`                | Exposed `View` callback; invoked on mount and layout changes                       | Function | `no` | All     | yes               |
+| `onScroll(event)`                | Exposed `ScrollView` callback; fired while scrolling                               | Function | `no` | All     | yes               |
+| `onBeforeSnapToItem(slideIndex)` | Callback fired when the new active item has been determined, before snapping to it | Function | `no` | All     | yes               |
+| `onSnapToItem(slideIndex)`       | Callback fired after snapping to an item                                           | Function | `no` | All     | yes               |
+
+## 遗留问题
+- [ ] enableMomentum属性在ios设备上效果不明显，Harmony上效果使用正常: [issue#1](https://github.com/react-native-oh-library/react-native-snap-carousel/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-snap-carousel/blob/sig/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-sortable-list.md b/en/react-native-sortable-list.md
new file mode 100644
index 00000000..2f569ad1
--- /dev/null
+++ b/en/react-native-sortable-list.md
@@ -0,0 +1,289 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-sortable-list</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/gitim/react-native-sortable-list">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/gitim/react-native-sortable-list/blob/master/LICENSE"/>
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sortable-list)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-sortable-list@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-sortable-list@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
+
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import {
+  Animated,
+  Easing,
+  StyleSheet,
+  Text,
+  Image,
+  View,
+  Dimensions,
+  Platform,
+  ScrollView,
+  TextInput,
+  Button,
+} from "react-native";
+import SortableList from "react-native-sortable-list";
+
+const window = Dimensions.get("window");
+
+const data = {
+  0: {
+    text: "Chloe （0）",
+  },
+  1: {
+    text: "Jasper （1）",
+  },
+  2: {
+    text: "Pepper （2）",
+  },
+  3: {
+    text: "Oscar （3）",
+  },
+};
+
+export default function SortDemo() {
+  const renderRow = useCallback(({ data, active }) => {
+    return <Row data={data} active={active} />;
+  }, []);
+  return (
+    <View style={{ height: 600 }}>
+      <SortableList style={styles.list} data={data} renderRow={renderRow} />
+    </View>
+  );
+}
+
+function Row(props) {
+  const { active, data } = props;
+
+  const activeAnim = useRef(new Animated.Value(0));
+  const style = useMemo(
+    () => ({
+      ...Platform.select({
+        ios: {
+          transform: [
+            {
+              scale: activeAnim.current.interpolate({
+                inputRange: [0, 1],
+                outputRange: [1, 1.07],
+              }),
+            },
+          ],
+          shadowRadius: activeAnim.current.interpolate({
+            inputRange: [0, 1],
+            outputRange: [2, 10],
+          }),
+        },
+
+        android: {
+          transform: [
+            {
+              scale: activeAnim.current.interpolate({
+                inputRange: [0, 1],
+                outputRange: [1, 1.07],
+              }),
+            },
+          ],
+          elevation: activeAnim.current.interpolate({
+            inputRange: [0, 1],
+            outputRange: [2, 6],
+          }),
+        },
+        harmony: {
+          transform: [
+            {
+              scale: activeAnim.current.interpolate({
+                inputRange: [0, 1],
+                outputRange: [1, 1.07],
+              }),
+            },
+          ],
+          elevation: activeAnim.current.interpolate({
+            inputRange: [0, 1],
+            outputRange: [2, 6],
+          }),
+        },
+      }),
+    }),
+    []
+  );
+  useEffect(() => {
+    Animated.timing(activeAnim.current, {
+      duration: 300,
+      easing: Easing.bounce,
+      toValue: Number(active),
+      useNativeDriver: true,
+    }).start();
+  }, [active]);
+
+  return (
+    <Animated.View style={[styles.row, style]}>
+      <Text style={styles.text}>{data.text}</Text>
+    </Animated.View>
+  );
+}
+
+const styles = StyleSheet.create({
+  list: {
+    flex: 1,
+    backgroundColor: "#AAE",
+  },
+  contentContainer: {
+    width: window.width - 100,
+    ...Platform.select({
+      ios: {
+        paddingHorizontal: 30,
+      },
+      android: {
+        paddingHorizontal: 0,
+      },
+      harmony: {
+        paddingHorizontal: 0,
+      },
+    }),
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: "#fff",
+    padding: 16,
+    height: 80,
+    flex: 1,
+    marginTop: 10,
+    ...Platform.select({
+      ios: {
+        width: window.width - 60 * 2,
+        shadowColor: "rgba(0,0,0,0.2)",
+        shadowOpacity: 1,
+        shadowOffset: { height: 2, width: 2 },
+        shadowRadius: 2,
+      },
+      android: {
+        width: window.width - 60 * 2,
+        elevation: 0,
+        marginHorizontal: 30,
+      },
+      harmony: {
+        width: window.width - 60 * 2,
+        elevation: 0,
+        marginHorizontal: 30,
+        shadowColor: "rgba(0,0,0,0.2)",
+        shadowOpacity: 1,
+        shadowOffset: { height: 2, width: 2 },
+        shadowRadius: 2,
+      },
+    }),
+  },
+  text: {
+    fontSize: 18,
+    color: "#222222",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                                                                                                                                                                    | **Type**      | Required | Platform | HarmonyOS Support |
+| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
+| data                           | data source                                                                                                                                                                    | Object        | yes      | All      | Yes               |
+| order                          | an array of keys from data, the order of keys from the array will be used to initial rows order                                                                                | Array         | no       | All      | Yes               |
+| style                          | View style                                                                                                                                                                     | Object, Array | no       | All      | Yes               |
+| contentContainerStyle          | these styles will be applied to the inner scroll view content container                                                                                                        | Object, Array | no       | All      | Yes               |
+| innerContainerStyle            | these styles will be applied to the inner scroll view content container, excluding the header and footer                                                                       | Object, Array | no       | All      | Yes               |
+| horizontal                     | when true, the SortableList's children are arranged horizontally in a row instead of vertically in a column. The default value is false.                                       | boolean       | no       | All      | Yes               |
+| showsVerticalScrollIndicator   | when false, the vertical scroll indicator will not be visible. The default value is true.                                                                                      | boolean       | no       | All      | Yes               |
+| showsHorizontalScrollIndicator | when false, the horizontal scroll indicator will not be visible. The default value is true.                                                                                    | boolean       | no       | All      | Yes               |
+| sortingEnabled                 | when false, rows are not sortable. The default value is true.                                                                                                                  | boolean       | no       | All      | Yes               |
+| scrollEnabled                  | when false, the content does not scrollable. The default value is true.                                                                                                        | boolean       | no       | All      | Yes               |
+| keyboardShouldPersistTaps      | Determines when the keyboard should stay visible after a tap. Default 'never'.                                                                                                 | string        | no       | All      | Yes               |
+| manuallyActivateRows           | whether you intend to use the toggleRowActive method to activate a row or use the out of box solution.                                                                         | bool          | no       | All      | Yes               |
+| autoscrollAreaSize             | determines the height for vertical list and the width for horizontal list of the area at the begining and the end of the list that will trigger autoscrolling. Defaults to 60. | number        | no       | All      | Yes               |
+| rowActivationTime              | determines time delay in ms before pressed row becomes active. Defaults to 200 ms.                                                                                             | number        | no       | All      | Yes               |
+| refreshControl                 | A RefreshControl that works the same way as a ScrollView's refreshControl.                                                                                                     | element       | no       | All      | Yes               |
+| renderRow                      | Takes a row key, row index, data entry from the data source and its statuses disabled, active and should return a renderable component to be rendered as the row.              | function      | yes      | All      | Yes               |
+| renderHeader                   | Renders returned component at the top of the list.                                                                                                                             | function      | no       | All      | Yes               |
+| renderFooter                   | Renders returned component at the bottom of the list.                                                                                                                          | function      | no       | All      | Yes               |
+| onChangeOrder                  | Called when rows were reordered, takes an array of rows keys of the next rows order.                                                                                           | bool          | no       | All      | Yes               |
+| onActivateRow                  | Called when a row was activated (user long tapped).                                                                                                                            | function      | no       | All      | Yes               |
+| onReleaseRow                   | Called when the active row was released. Returns the key and the new list order.                                                                                               | function      | no       | All      | Yes               |
+| onPressRow                     | Called when a row was pressed.                                                                                                                                                 | function      | no       | All      | Yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name           | Description                                                                 | **Type**       | Required | Platform | HarmonyOS Support |
+| -------------- | --------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
+| scrollBy       | scrolls by a given y offset, either immediately or with a smooth animation. | dy?, animated? | no       | All      | Yes               |
+| scrollTo       | scrolls to a given y offset, either immediately or with a smooth animation. | y?, animated?  | no       | All      | Yes               |
+| scrollToRowKey | scrolls to a given row key, either immediately or with a smooth animation.  | key, animated? | no       | All      | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-sortable-list/blob/sig/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-sound.md b/en/react-native-sound.md
new file mode 100644
index 00000000..70fdfb10
--- /dev/null
+++ b/en/react-native-sound.md
@@ -0,0 +1,364 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-sound</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/zmxv/react-native-sound">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/zmxv/react-native-sound/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sound)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-sound@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-sound@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState } from "react";
+import type { PropsWithChildren } from "react";
+import {
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+  Button,
+} from "react-native";
+
+import {
+  Colors,
+  DebugInstructions,
+  Header,
+  LearnMoreLinks,
+  ReloadInstructions,
+} from "react-native/Libraries/NewAppScreen";
+
+import Sound from "react-native-sound";
+
+type SectionProps = PropsWithChildren<{
+  title: string;
+  func: () => void;
+}>;
+
+type SliderSectionProps = PropsWithChildren<{
+  duration: number;
+  value: number;
+  func: () => void;
+}>;
+
+function Section({ title, func }: SectionProps): JSX.Element {
+  const isDarkMode = useColorScheme() === "dark";
+  return (
+    <View style={styles.sectionContainer}>
+      <Button
+        onPress={func}
+        title={title}
+        color="#2196f3"
+        accessibilityLabel="Learn more about this purple button"
+      />
+    </View>
+  );
+}
+
+function SoundDemo(): JSX.Element {
+  const isDarkMode = useColorScheme() === "dark";
+  const backgroundStyle = {
+    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
+  };
+
+  const navigationOptions = (props: {
+    navigation: { state: { params: { title: any } } };
+  }) => ({
+    title: props.navigation.state.params.title,
+  });
+
+  let sound = new Sound("whoosh.mp3");
+
+  const onPlay = () => {
+    sound.play();
+  };
+
+  return (
+    <SafeAreaView style={backgroundStyle}>
+      <StatusBar
+        barStyle={isDarkMode ? "light-content" : "dark-content"}
+        backgroundColor={backgroundStyle.backgroundColor}
+      />
+      <ScrollView
+        contentInsetAdjustmentBehavior="automatic"
+        style={backgroundStyle}
+      >
+        <Header />
+
+        <View
+          style={{
+            backgroundColor: isDarkMode ? Colors.black : Colors.white,
+          }}
+        >
+          <Section title="play" func={onPlay}></Section>
+        </View>
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  sectionContainer: {
+    marginTop: 12,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: "600",
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: "400",
+  },
+  highlight: {
+    fontWeight: "700",
+  },
+});
+
+export default SoundDemo;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-sound": "file:../../node_modules/@react-native-oh-tpl/react-native-sound/harmony/sound.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SoundPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-sound/src/main/cpp" ./sound)
+# RNOH_BEGIN: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_sound)
+# RNOH_BEGIN: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "SoundPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<SoundPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 SoundPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { SoundPackage } from '@react-native-oh-tpl/react-native-sound/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SoundPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases)
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-sound](https://github.com/react-native-oh-library/react-native-sound)
+
+| Name                     | Description                               | Type   | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| setActive                | Set the device activation status           | function | No       | iOS       | no               |
+| setCategory              | Set the device activation status            | function | No       | iOS、Android | no               |
+| enable                   | Enable or disable audio playback           | function  | No       | iOS       | no               |
+| enableInSilenceMode      | Whether to enable playback in silence mode | function  | No       | iOS       | no               |
+| setMode                  | Set session mode                            | function  | No       | iOS       | no               |
+| setSpeakerphoneOn       | Set up speakers                          | function  | No       | Android       | no               |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-sound](https://github.com/react-native-oh-library/react-native-sound)
+
+| Name                    | Description                              | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------------| ---------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| play                    | Start playing audio.                     | function  | No       | iOS、Android | yes               |
+| pause                   | Pause audio playback.                    | function  | No       | iOS、Android | yes               |
+| stop                    | Stop playing audio.                      | function  | No       | iOS、Android | yes               |
+| reset                   | Reset Audio Status.                      | function  | No       | Android      | yes               |
+| release                 | Releasing audio resources.               | function  | No       | iOS、Android | yes               |
+| getVolume               | Obtains the audio volume.                | function  | No       | iOS、Android | yes               |
+| setVolume               | Setting the Relative Audio Volume.       | function  | No       | iOS、Android | yes               |
+| getCurrentTime          | Obtains the current playback time point. | function  | No       | iOS、Android | yes               |
+| setCurrentTime          | Sets the playback time point.            | function  | No       | iOS、Android | yes               |
+| getSpeed                | Obtains the playback speed.              | function  | No       | iOS、Android | yes               |
+| setSpeed                | Setting the Playback Speed               | function  | No       | iOS、Android | yes               |
+| getFilename             | Obtains the audio file name              | function  | No       | iOS、Android | yes               |
+| getDuration             | Obtains the audio duration               | function  | No       | iOS、Android | yes               |
+| getNumberOfLoops        | Obtains whether the audio loops          | function | No       | iOS、Android | yes               |
+| setNumberOfLoops        | Sets whether the audio loops             | function | No       | iOS、Android | yes               |
+| isPlaying               | Whether the audio is being played        |function  | No       | iOS、Android | yes               |
+| isLoaded                | Is loading completed                     | function  | No       | iOS、Android | yes               |
+| getPitch                | get pitch                                | function  | No       | Android      | no               |
+| setPitch                | Set pitch                                | function  | No       | Android      | no               |
+| getPan                  | set left and right channel balance       | function  | No  | iOS、Android      | no               |
+| setPan                  | set left and right channel balance       | function  | No  | iOS、Android      | no               |
+| getSystemVolume         | set system volume                        | function  | No       | iOS、Android       | no               |
+| setSystemVolume         | set system volume                        | function  | No       | iOS、Android       | no               |
+| getNumberOfChannels      | get the number of channels              | function  | No       | iOS、Android       | no               |
+
+
+
+
+## 遗留问题
+- [ ] 方法getNumberOfChannels,setSystemVolume,getSystemVolume,setPan，getPan，setPitch，getPitch，setSpeakerphoneOn，setMode，enableInSilenceMode，enable，setCategory， setActive 在Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-sound/issues/21)
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/zmxv/react-native-sound/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-spinkit.md b/en/react-native-spinkit.md
new file mode 100644
index 00000000..a1cd9afb
--- /dev/null
+++ b/en/react-native-spinkit.md
@@ -0,0 +1,233 @@
+<!-- {% raw %} -->
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-spinkit</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/maxs15/react-native-spinkit">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/maxs15/react-native-spinkit/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-spinkit)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-spinkit@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-spinkit@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import Spinkit from 'react-native-spinkit';
+
+const SpinKitDemo: React.FC = (): JSX.Element => {
+    return (
+    	<Spinkit 
+        	type='9CubeGrid' 
+        	color='#e74032' 
+        	size={60} 
+			style={{ backgroundColor: '#fcc424' }} 
+            isVisible={true} 
+		/>
+    )
+};
+
+export default SpinKit;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-spinkit": "file:../../node_modules/@react-native-oh-tpl/react-native-spinkit/harmony/spinKit.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 SpinKitView 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { SpinKitView } from "@react-native-oh-tpl/react-native-spinkit"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === SpinKitView.NAME) {
++   SpinKitView({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++   })
++ }
+ ...
+}
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ SpinKitView.NAME
+  ];
+```
+### 4.在 ArkTs 侧引入 SpinKitPackage Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNSpinKitPackage } from '@react-native-oh-tpl/react-native-spinkit/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSpinKitPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+
+然后编译、运行即可。
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**SpinKit**：加载动画渲染组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props。
+
+| props  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| type                  | Types of Load Animations                                    | string  | No       | All      | Yes               |
+| type: Plane           | One Direction Flip Loading Animation                        | string  | No       | All      | Yes               |
+| type: CircleFlip      | A circle flips to load animation                            | string  | No       | All      | Yes               |
+| type: Bounce          | A circular nested loading animation | string | No | All | Yes |
+| type: Wave | Five-bar group loading animation | string | No | All | Yes |
+| type: WanderingCubes | Two squares skip loading animation | string | No | All | Yes |
+| type: Pulse | A circular diffusion loading animation | string | No | All | Yes |
+| type: ChansingDots | Two Circles Bounce Loading Animation | string | No | All | Yes |
+| type: ThreeBounce | Three circles display the loading animation in sequence. | string | No | All | Yes |
+| type: Circle | Multiple circular circular motion loading animation | string | No | All | Yes |
+| type: 9CubeGrid | The nine squares display the loading animation in sequence | string | No | All | Yes |
+| type: WordPress | Round wheel inline hollow circle rotating Loading animation | string | No | IOS | Yes |
+| type: FadingCircle | Multiple square circular motion loading animation | string | No | All | Yes |
+| type: FadingCircleAlt | Multiple circular circular motion loading animation | string | No | All | Yes |
+| type: Arc | Rotating ring with notch loading animation | string | No | IOS | Yes |
+| type: ArcAlt | Circular progress bar style loading animation | string | No | IOS | Yes |
+| isVisible | Visibility of the spinner | boolean | No | All | Yes |
+| color | Color of the spinner | string | No | All | Yes |
+| size | Visibility of the spinner | number | No | All | Yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-spinkit/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-splash-screen.md b/en/react-native-splash-screen.md
new file mode 100644
index 00000000..9c20a535
--- /dev/null
+++ b/en/react-native-splash-screen.md
@@ -0,0 +1,227 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-splash-screen</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/crazycodeboy/react-native-splash-screen">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-splash-screen)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-splash-screen@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-splash-screen@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+##### **在 entry/src/main/ets/pages 目录下新建启动页SplashScreenPage.ets**
+
+```ets
+import { SplashScreenView } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreenView'
+
+@Entry
+@Component
+export struct SplashScreenPage {
+  build() {
+    Row() {
+      SplashScreenView();
+    }
+  }
+}
+```
+
+##### **在 entry/src/resources/base/profile/main_pages.json 内添加 `pages/SplashScreenPage`**
+```json
+{
+  "src": [
+    "pages/SplashScreenPage"
+  ]
+}
+```
+
+##### **在 entry/src/main/ets/entryability/EntryAbility.ets 内添加**
+```ets
+import window from '@ohos.window';
+import { SplashScreen } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreen'
+
+export default class EntryAbility extends RNAbility {
+  onWindowStageCreate(windowStage: window.WindowStage): void {
+    let startWindowIcon = $r('app.media.splashIcon'); // 启动页图片（用户改成自己 App 的启动图片，一般在 entry/src/main/resources/base/media 文件夹中）
+    let startWindowBackground = "#FFFFFF"; // 启动页背景色
+    let startPageUrl = 'pages/SplashScreenPage'; // 启动页
+    SplashScreen.show(this.context, windowStage, startWindowIcon, startWindowBackground, startPageUrl).then(() => {
+      super.onWindowStageCreate(windowStage);
+    })
+  }
+}
+```
+
+##### **在适当的时候关闭启动屏幕（如：启动初始化完成后）**
+```ets
+import SplashScreen from 'react-native-splash-screen';
+export default class WelcomePage extends Component {
+    componentDidMount() {
+        SplashScreen.hide(); // 关闭启动屏幕
+    }
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-splash-screen": "file:../../node_modules/@react-native-oh-tpl/react-native-splash-screen/harmony/splash_screen.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 SplashScreenPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {SplashScreenPackage} from '@react-native-oh-tpl/react-native-splash-screen/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SplashScreenPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+Name | Description | Type | Required | Platform | HarmonyOS Support
+-- | -- | -- | -- | -- | --
+show() | 显示启动屏幕(原生方法) | function | Yes | iOS | No  
+show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) | 显示启动屏幕(原生方法) | function | Yes | iOS/Android | Yes  
+hide() | 隐藏启动屏幕 | function | Yes | iOS/Android | Yes  
+
+
+> [!TIP] **show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) 方法的参数说明：**
+
+| Name                                                      | Description                                                                                                         | Type     |
+| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- |
+| abilityContext | 应用上下文 | UIAbilityContext |
+| windowStage | 窗口管理器 | window.WindowStage |
+| iconResource | 启动页图片 | Resource |
+| backgroundColor | 启动页背景色 | string |
+| pageUrl | 首页路由 | bool |
+
+## 遗留问题
+
+## 其他
+
+在 iOS 中，show() 方法的工作原理是： 在入口 application 方法中，首先加载 App 首页，然后使用 while 循环让界面停留在 App 启动屏，此时首页仍然会异步加载，加载完成后，停止 while 循环即可隐藏启动屏，显示首页。
+HarmonyOS 中，在入口 onWindowStageCreate 中调用 windowStage.loadContent 加载首页，如果此时使用 while 循环，首页无法异步加载。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-spring-scrollview.md b/en/react-native-spring-scrollview.md
new file mode 100644
index 00000000..f0fc44ed
--- /dev/null
+++ b/en/react-native-spring-scrollview.md
@@ -0,0 +1,309 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center">react-native-spring-scrollview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bolan9999/react-native-spring-scrollview">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bolan9999/react-native-spring-scrollview/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-spring-scrollview)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-spring-scrollview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-spring-scrollview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+  Platform,
+  Animated,
+  ScrollView,
+} from 'react-native';
+import {SpringScrollView} from 'react-native-spring-scrollview';
+
+const AnimatedSpringScrollView = Animated.createAnimatedComponent(SpringScrollView);
+export default class ScrollToAndOnScrollExample extends React.Component {
+  _contentCount = 20;
+  _scrollView;
+  _nativeOffset = {
+    y: new Animated.Value(0),
+  };
+
+  render() {
+    const arr = [];
+    for (let i = 0; i < this._contentCount; ++i) arr.push(i);
+    return (
+      <View style={styles.container}>
+        <TouchableOpacity style={styles.scrollTo} onPress={this._scrollTo}>
+          <Text>Tap to ScrollTo y=200</Text>
+        </TouchableOpacity>
+        <SpringScrollView
+          style={styles.container}
+          ref={(ref) => (this._scrollView = ref)}
+          onTouchBegin={this._onTouchBegin}
+          onTouchFinish={this._onTouchEnd}
+          onMomentumScrollBegin={this.onMomentumScrollBegin}
+          onMomentumScrollEnd={this._onMomentumScrollEnd}
+          onNativeContentOffsetExtract={this._nativeOffset}
+          >
+          {arr.map((i, index) => (
+            <Text key={index} style={styles.text}>
+              Scroll and Look up the console log to check if
+              'onScroll','onTouchBegin','onTouchEnd','onMomentumScrollBegin' and
+              'onMomentumScrollEnd' work well!
+            </Text>
+          ))}
+          <Animated.View style={this._stickyHeaderStyle}>
+            <Text>Test `onNativeContentOffsetExtract`</Text>
+          </Animated.View>
+        </SpringScrollView>
+      </View>
+    );
+  }
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+本库HarmonyOS侧实现依赖@react-native-oh-tpl/lottie-react-native的原生端代码，如已在HarmonyOS工程中引入过该库，则无需再次引入，可跳过本章步骤，直接使用。
+
+如为引入请参考[@react-native-oh-tpl/lottie-react-native文档的link章节](/zh-cn/lottie-react-native.md#link)进行引入
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-spring-scrollview": "file:../../node_modules/@react-native-oh-tpl/react-native-spring-scrollview/harmony/spring_scrollview.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SpringScrollViewPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-spring-scrollview/src/main/cpp" ./spring_scrollview)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_spring_scrollview)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SpringScrollViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SpringScrollViewPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 SpringScrollViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {SpringScrollViewPackage} from '@react-native-oh-tpl/react-native-spring-scrollview/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SpringScrollViewPackage(ctx),
+  ];
+}
+```
+
+打开 `entry/src/main/ets/pages/Index.ets`，添加：
+```diff
+...
++ const arkTsComponentNames: Array<string> =["SampleView","GeneratedSampleView","PropsDisplayer","LottieAnimationView"];
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| contentStyle | set content style	        | ViewStyle  | yes | iOS/Android      | yes |
+| bounces  | 	Bounces if the content offset is out of the content view. It won't be bounces on the horizontal direction if the content view is not wider than the wrapper view although bounces is true. But it will on the vertical direction.        | boolean  | yes | iOS/Android      | yes |
+| scrollEnabled  | scrollEnabled         | boolean  | yes | iOS/Android      | yes |
+| directionalLockEnabled  | When true, the SpringScrollView will try to lock to only vertical or horizontal scrolling while dragging.        | boolean  | yes | iOS/Android      | yes |
+| initialContentOffset  | initial content offset. Only works when initiation.         |  Offset  | yes | iOS/Android      | yes |
+| showsVerticalScrollIndicator  | showsVerticalScrollIndicator         |  boolean | yes | iOS/Android      | no |
+| showsHorizontalScrollIndicator  | showsHorizontalScrollIndicator         |  boolean  | yes | iOS/Android      | no |
+| refreshHeader  | refresh header         |  React.ComponentClass<RefreshHeaderPropType,RefreshHeaderStateType>  | yes | iOS/Android      | yes |
+| loadingFooter  | loading header         |  React.ComponentClass<LoadingFooterPropType,LoadingFooterStateType>  | yes | iOS/Android      | yes |
+| onRefresh | he callback when refreshing. When this props is configured, a refresh header will be add on the top of the SpringScrollView         |  	()=>any  | yes | iOS/Android      | yes |
+| onLoading()  | The callback of loading. If set this prop, a loading footer will add to the botom of the SpringScrollView         |  ()=>any  | yes | iOS/Android      | yes |
+| allLoaded  | Whether the data is all loaded.         |  boolean  | yes | iOS/Android      | yes |
+| textInputRefs  |  text input      |  any[]  | yes | iOS/Android      | yes |
+| inverted  | inverted. It is a service for LargeList.         |  boolean  | yes | iOS/Android      | yes |
+| inputToolBarHeight  | set height of the input toolbar        |  number  | yes | iOS/Android      | yes |
+| tapToHideKeyboard  | hide the currently displayed keyboard        |  boolean  | yes | iOS/Android      | yes |
+| onTouchBegin()  | begin touch         | ()=>any  | yes | iOS/Android      | yes|
+| onTouchFinish()   | touch finished         | ()=>any | yes | iOS/Android      | yes|
+| beginRefresh()  | If you want to begin refreshing programally without finger draging, call this method after initialized.         | Promise<any>  | yes | iOS/Android      | yes|
+| endRefresh()  | End the refreshing status.        | void  | yes | iOS/Android      | yes|
+| endLoading()  | End the loading status.        | void  | yes | iOS/Android      | yes|
+| scrollTo()  | animate scroll to a specific position          | Promise<void>  | yes | iOS/Android      | yes|
+| scroll()  | scroll animation to a specific position        | Promise<void>  | yes | iOS/Android      | yes|
+| scrollToBegin()  | scroll begin         | Promise<void>  | yes | iOS/Android      | yes|
+| scrollToEnd()  | scroll end         | Promise<void>  | yes | iOS/Android      | yes|
+| onScroll()  | scroll         | (evt: ScrollEvent) => any  | yes | iOS/Android      | yes|
+| onNativeContentOffsetExtract  |  calculate content offset       |  NativeContentOffset | yes | iOS/Android      | yes|
+| onScrollBeginDrag()  | an event that is triggered when the user starts dragging (scrolling) content.         | ()=>any  | yes | iOS/Android     | yes|
+| onMomentumScrollBegin()  | When the user scrolls content and the momentum scroll animation begins, it triggers an event.         | ()=>any  | yes | iOS/Android      | yes|
+| onMomentumScrollEnd()  | When the user scrolls content and the momentum scroll animation ends, it triggers an event.         | ()=>any  | yes | iOS/Android      | yes|
+| onSizeChange  | The callback when the wrapper view size changed.         | (size: Size) => any | yes | iOS/Android      | yes |
+| onContentSizeChange  | The callback when the content view size changed.         | (size: Size) => any  | yes | iOS/Android      | yes |
+
+## 遗留问题
+
+- [ ] showsVerticalScrollIndicator属性harmony暂不支持[issue#3](https://github.com/react-native-oh-library/react-native-spring-scrollview/issues/3)
+- [ ] showsHorizontalScrollIndicator属性harmony暂不支持[issue#4](https://github.com/react-native-oh-library/react-native-spring-scrollview/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-sqlite-storage.md b/en/react-native-sqlite-storage.md
new file mode 100644
index 00000000..efdf9edb
--- /dev/null
+++ b/en/react-native-sqlite-storage.md
@@ -0,0 +1,631 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-sqlite-storage</code> </h1>
+</p>  
+<p align="center">
+    <a href="https://github.com/andpor/react-native-sqlite-storage">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/andpor/react-native-sqlite-storage/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sqlite-storage)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-sqlite-storage@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-sqlite-storage@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+/**
+ * @format
+ */
+import React, {Component} from 'react';
+import { StyleSheet, Text, View, FlatList} from 'react-native';
+import SQLite from 'react-native-sqlite-storage';
+SQLite.DEBUG(true);
+SQLite.enablePromise(false);
+
+const database_name = 'Test.db';
+const database_version = '1.0';
+const database_displayname = 'SQLite Test Database';
+const database_size = 200000;
+let db;
+const Item = ({title}) => (
+  <View style={styles.item}>
+    <Text style={styles.title}>{title}</Text>
+  </View>
+);
+class SQLiteDemo extends Component {
+  constructor() {
+    super();
+    this.progress = [];
+    this.state = {
+      progress: [],
+    };
+  }
+
+  updateProgress = (text, resetState) => {
+    let progress = [];
+    if (!resetState) {
+      progress = [...this.progress];
+    }
+    progress.push(text);
+    this.progress = progress;
+    this.setState({
+      progress,
+    });
+  };
+
+  componentWillUnmount = () => {
+    this.closeDatabase();
+  };
+
+  errorCB = err => {
+    console.log('error: ', err);
+    this.updateProgress('Error: ' + (err.message || err));
+    return false;
+  };
+
+  successCB = () => {
+    console.log('SQL executed ...');
+  };
+
+  openCB = () => {
+    this.updateProgress('Database OPEN');
+  };
+
+  closeCB = () => {
+    this.updateProgress('Database CLOSED');
+  };
+
+  deleteCB = () => {
+    console.log('Database DELETED');
+    this.updateProgress('Database DELETED');
+  };
+
+  // eslint-disable-next-line no-shadow
+  populateDatabase = db => {
+    this.updateProgress('Database integrity check');
+    db.executeSql(
+      'SELECT 1 FROM Version LIMIT 1',
+      [],
+      () => {
+        this.updateProgress('Database is ready ... executing query ...');
+        db.transaction(this.queryEmployees, this.errorCB, () => {
+          this.updateProgress('Processing completed');
+        });
+      },
+      error => {
+        console.log('received version error:', error);
+        this.updateProgress('Database not yet ready ... populating data');
+        db.transaction(this.populateDB, this.errorCB, () => {
+          this.updateProgress('Database populated ... executing query ...');
+          db.transaction(this.queryEmployees, this.errorCB, () => {
+            console.log('Transaction is now finished');
+            this.updateProgress('Processing completed');
+            // this.closeDatabase();
+          });
+        });
+      },
+    );
+  };
+
+  populateDB = tx => {
+    this.updateProgress('Executing DROP stmts');
+
+    tx.executeSql('DROP TABLE IF EXISTS Employees;');
+    tx.executeSql('DROP TABLE IF EXISTS Offices;');
+    tx.executeSql('DROP TABLE IF EXISTS Departments;');
+
+    this.updateProgress('Executing CREATE stmts');
+
+    tx.executeSql(
+      'CREATE TABLE IF NOT EXISTS Version( ' +
+        'version_id INTEGER PRIMARY KEY NOT NULL); ',
+      [],
+      this.successCB,
+      this.errorCB,
+    );
+
+    tx.executeSql(
+      'CREATE TABLE IF NOT EXISTS Departments( ' +
+        'department_id INTEGER PRIMARY KEY NOT NULL, ' +
+        'name VARCHAR(30) ); ',
+      [],
+      this.successCB,
+      this.errorCB,
+    );
+
+    tx.executeSql(
+      'CREATE TABLE IF NOT EXISTS Offices( ' +
+        'office_id INTEGER PRIMARY KEY NOT NULL, ' +
+        'name VARCHAR(20), ' +
+        'longtitude FLOAT, ' +
+        'latitude FLOAT ) ; ',
+      [],
+      this.successCB,
+      this.errorCB,
+    );
+
+    tx.executeSql(
+      'CREATE TABLE IF NOT EXISTS Employees( ' +
+        'employe_id INTEGER PRIMARY KEY NOT NULL, ' +
+        'name VARCHAR(55), ' +
+        'office INTEGER, ' +
+        'department INTEGER, ' +
+        'custom_info TEXT DEFAULT "",' +
+        'FOREIGN KEY ( office ) REFERENCES Offices ( office_id ) ' +
+        'FOREIGN KEY ( department ) REFERENCES Departments ( department_id ));',
+      [],
+    );
+
+    this.updateProgress('Executing INSERT stmts');
+
+    tx.executeSql(
+      'INSERT INTO Departments (name) VALUES ("Client Services");',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Departments (name) VALUES ("Investor Services");',
+      [],
+    );
+    tx.executeSql('INSERT INTO Departments (name) VALUES ("Shipping");', []);
+    tx.executeSql(
+      'INSERT INTO Departments (name) VALUES ("Direct Sales");',
+      [],
+    );
+
+    tx.executeSql(
+      'INSERT INTO Offices (name, longtitude, latitude) VALUES ("Denver", 59.8,  34.);',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Offices (name, longtitude, latitude) VALUES ("Warsaw", 15.7, 54.);',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Offices (name, longtitude, latitude) VALUES ("Berlin", 35.3, 12.);',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Offices (name, longtitude, latitude) VALUES ("Paris", 10.7, 14.);',
+      [],
+    );
+
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Sylvester Stallone", 2, 4, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Elvis Presley", 2, 4, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Leslie Nelson", 3, 4, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Fidel Castro", 3, 3, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Bill Clinton", 1, 3, \'{"known": false}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Margaret Thatcher", 1, 3, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Donald Trump", 2, 4, \'{"known": true, "impeached": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Dr DRE", 2, 2, \'{"known": true}\')',
+      [],
+    );
+    tx.executeSql(
+      'INSERT INTO Employees (name, office, department, custom_info) VALUES ("Samantha Fox", 2, 1, \'{"known": true}\')',
+      [],
+    );
+
+    console.log('all config SQL done');
+  };
+
+  queryEmployees = async tx => {
+    console.log('Executing JSON1 queries...');
+
+    // 1. JSON_OBJECT
+    await tx.executeSql(
+      "SELECT JSON_OBJECT('name', e.name, 'office_id', e.office, 'department_id', e.department) AS data FROM Employees e",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 2. JSON_ARRAY
+    // Expected: [1,2,"3",4]
+    await tx.executeSql(
+      "SELECT JSON_ARRAY(1, 2, '3', 4) AS data ",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 3. JSON_ARRAY_LENGTH
+    // Expected: 4
+    await tx.executeSql(
+      "SELECT JSON_ARRAY_LENGTH('[1, 2, 3, 4]') AS data",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 4. JSON_EXTRACT
+    await tx.executeSql(
+      "SELECT JSON_EXTRACT(e.custom_info, '$.known')  AS data FROM Employees e",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 5. JSON_INSERT
+    // Expected: {"a":1,"b":2,"c":3}
+    await tx.executeSql(
+      'SELECT JSON_INSERT(\'{"a": 1, "b": 2}\', \'$.c\', 3)  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 6. JSON_REPLACE
+    // Expected: {"a":1,"b":3}
+    await tx.executeSql(
+      'SELECT JSON_REPLACE(\'{"a": 1, "b": 2}\', \'$.b\', 3)  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 7. JSON_SET
+    // Expected: {"a":1,"b":123}
+    await tx.executeSql(
+      'SELECT JSON_SET(\'{"a": 1, "b": 2}\', \'$.b\', 123)  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 8. JSON_REMOVE
+    // Expected: {"a":1"}
+    await tx.executeSql(
+      'SELECT JSON_REMOVE(\'{"a": 1, "b": 2}\', \'$.b\')  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 9. JSON_TYPE
+    // Expected: integer
+    await tx.executeSql(
+      'SELECT JSON_TYPE(\'{"a": 1, "b": 2}\', \'$.a\')  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 10. JSON_VALID
+    // Expected: 0
+    await tx.executeSql(
+      'SELECT JSON_VALID(\'{"a": 1, "b": 2\')  AS data',
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+
+    // 11. JSON_QUOTE
+    // Expected: "value"
+    await tx.executeSql(
+      "SELECT JSON_QUOTE('value')  AS data",
+      [],
+      this.querySuccess,
+      this.errorCB,
+    );
+  };
+
+  querySuccess = (tx, results) => {
+    this.updateProgress('Query completed');
+    var len = results.rows.length;
+    for (let i = 0; i < len; i++) {
+      let row = results.rows.item(i);
+      this.updateProgress(`${row.data}`);
+    }
+  };
+
+  loadAndQueryDB = () => {
+    this.updateProgress('Opening database ...', true);
+    this.updateProgress('Database OPEN');
+    db = SQLite.openDatabase(
+      database_name,
+      database_version,
+      database_displayname,
+      database_size,
+      this.openCB,
+      this.errorCB,
+    );
+    this.populateDatabase(db);
+  };
+
+  deleteDatabase = () => {
+    this.updateProgress('Deleting database');
+    SQLite.deleteDatabase(database_name, this.deleteCB, this.errorCB);
+  };
+
+  closeDatabase = () => {
+    if (db) {
+      console.log('Closing database ...');
+      this.updateProgress('Closing database');
+      db.close(this.closeCB, this.errorCB);
+    } else {
+      this.updateProgress('Database CLOSE callback function error');
+      // this.updateProgress('Database was not OPENED');
+    }
+  };
+
+  runDemo = () => {
+    this.updateProgress('Starting SQLite Callback Demo', true);
+    this.loadAndQueryDB();
+  };
+
+  attachDatabase = () =>{
+    if (db!=null) {
+      this.updateProgress('Attach database ...');
+      let dbMaster = SQLite.openDatabase('test2.db',database_version,database_displayname,database_size,
+        () => {
+          dbMaster.attach( database_name, database_displayname, () => console.log("Database attached successfully"), () => console.log("ERROR"))
+          this.updateProgress('Attach database successfully');
+        },
+        this.errorCB,
+      );
+    } else {
+      this.updateProgress('Database not open');
+    } 
+
+  }
+
+  renderProgressEntry = entry => {
+    return (
+      <View style={listStyles.li}>
+        <View>
+          <Text style={listStyles.liText}>{entry}</Text>
+        </View>
+      </View>
+    );
+  };
+
+  render = () => {
+    return (
+      <View style={styles.mainContainer}>
+        <View style={styles.toolbar}>
+          <Text style={styles.toolbarButton} onPress={this.runDemo}>
+            Run Demo
+          </Text>
+          <Text style={styles.toolbarButton} onPress={this.attachDatabase}>
+            Attach DB
+          </Text>
+          <Text style={styles.toolbarButton} onPress={this.closeDatabase}>
+            Close DB
+          </Text>
+          <Text style={styles.toolbarButton} onPress={this.deleteDatabase}>
+            Delete DB
+          </Text>
+        </View>
+        <FlatList
+          data={this.state.progress}
+          renderItem={({item}) => <Item title={item} />}
+          keyExtractor={item => item.i}
+        />
+      </View>
+    );
+  };
+}
+
+var listStyles = StyleSheet.create({
+  li: {
+    borderBottomColor: '#c8c7cc',
+    borderBottomWidth: 0.5,
+    paddingTop: 15,
+    paddingRight: 15,
+    paddingBottom: 15,
+  },
+  liContainer: {
+    backgroundColor: '#fff',
+    flex: 1,
+    paddingLeft: 15,
+  },
+  liIndent: {
+    flex: 1,
+  },
+  liText: {
+    color: '#333',
+    fontSize: 17,
+    fontWeight: '400',
+    marginBottom: -3.5,
+    marginTop: -3.5,
+  },
+});
+
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+  toolbar: {
+    backgroundColor: '#51c04d',
+    paddingTop: 30,
+    paddingBottom: 10,
+    flexDirection: 'row',
+  },
+  toolbarButton: {
+    color: 'blue',
+    textAlign: 'center',
+    flex: 1,
+  },
+  mainContainer: {
+    flex: 1,
+  },
+});
+export default SQLiteDemo;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-sqlite-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-sqlite-storage/platforms/harmony/sqlite_storage.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 SQLitePluginPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {SQLitePluginPackage} from '@react-native-oh-tpl/react-native-sqlite-storage/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SQLitePluginPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)
+
+## 静态方法
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| openDatabase  | Opens or initializes        | void  | yes |All     |  yes |
+| transaction  | SQL transaction distribution        | void  | yes |All     |  yes |
+| close  |Closes or releases a previously opened resource      | void  |  yes |All     |  yes |
+| deleteDatabase  |Deletes a resource       |void   |  yes | All   |  yes |
+| attach  | Connects or associates with an external resource or database  |  void  |  yes | All   |  yes|
+| executeSql  |Executes a batch of SQL statements in the background without blocking the current thread or process | void   |  yes |All     |  yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/andpor/react-native-sqlite-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-step-indicator.md b/en/react-native-step-indicator.md
new file mode 100644
index 00000000..72fbabf4
--- /dev/null
+++ b/en/react-native-step-indicator.md
@@ -0,0 +1,316 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-step-indicator</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/24ark/react-native-step-indicator">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/24ark/react-native-step-indicator/blob/master/LICENSE">
+        <!-- <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" /> -->
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/24ark/react-native-step-indicator)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-step-indicator@1.0.3 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-step-indicator@1.0.3
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+#### Using a Component
+
+```js
+import * as React from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+import StepIndicator from 'react-native-step-indicator';
+
+const firstIndicatorStyles = {
+  stepIndicatorSize: 30,
+  currentStepIndicatorSize: 40,
+  separatorStrokeWidth: 3,
+  currentStepStrokeWidth: 5,
+  separatorFinishedColor: '#4aae4f',
+  separatorUnFinishedColor: '#a4d4a5',
+  stepIndicatorFinishedColor: '#4aae4f',
+  stepIndicatorUnFinishedColor: '#a4d4a5',
+  stepIndicatorCurrentColor: '#ffffff',
+  stepIndicatorLabelFontSize: 15,
+  currentStepIndicatorLabelFontSize: 15,
+  stepIndicatorLabelCurrentColor: '#000000',
+  stepIndicatorLabelFinishedColor: '#ffffff',
+  stepIndicatorLabelUnFinishedColor: 'rgba(255,255,255,0.5)',
+  labelColor: '#666666',
+  labelSize: 12,
+  currentStepLabelColor: '#4aae4f',
+};
+
+const secondIndicatorStyles = {
+  stepIndicatorSize: 30,
+  currentStepIndicatorSize: 40,
+  separatorStrokeWidth: 2,
+  currentStepStrokeWidth: 3,
+  stepStrokeCurrentColor: '#fe7013',
+  stepStrokeWidth: 3,
+  separatorStrokeFinishedWidth: 4,
+  stepStrokeFinishedColor: '#fe7013',
+  stepStrokeUnFinishedColor: '#aaaaaa',
+  separatorFinishedColor: '#fe7013',
+  separatorUnFinishedColor: '#aaaaaa',
+  stepIndicatorFinishedColor: '#fe7013',
+  stepIndicatorUnFinishedColor: '#ffffff',
+  stepIndicatorCurrentColor: '#ffffff',
+  stepIndicatorLabelFontSize: 13,
+  currentStepIndicatorLabelFontSize: 13,
+  stepIndicatorLabelCurrentColor: '#fe7013',
+  stepIndicatorLabelFinishedColor: '#ffffff',
+  stepIndicatorLabelUnFinishedColor: '#aaaaaa',
+  labelColor: '#999999',
+  labelSize: 13,
+  currentStepLabelColor: '#fe7013',
+};
+
+const thirdIndicatorStyles = {
+  stepIndicatorSize: 25,
+  currentStepIndicatorSize: 30,
+  separatorStrokeWidth: 2,
+  currentStepStrokeWidth: 3,
+  stepStrokeCurrentColor: '#7eaec4',
+  stepStrokeWidth: 3,
+  stepStrokeFinishedColor: '#7eaec4',
+  stepStrokeUnFinishedColor: '#dedede',
+  separatorFinishedColor: '#7eaec4',
+  separatorUnFinishedColor: '#dedede',
+  stepIndicatorFinishedColor: '#7eaec4',
+  stepIndicatorUnFinishedColor: '#ffffff',
+  stepIndicatorCurrentColor: '#ffffff',
+  stepIndicatorLabelFontSize: 0,
+  currentStepIndicatorLabelFontSize: 0,
+  stepIndicatorLabelCurrentColor: 'transparent',
+  stepIndicatorLabelFinishedColor: 'transparent',
+  stepIndicatorLabelUnFinishedColor: 'transparent',
+  labelColor: '#999999',
+  labelSize: 13,
+  currentStepLabelColor: '#7eaec4',
+};
+
+export default function App() {
+  const [currentPage, setCurrentPage] = React.useState<number>(0);
+
+  const onStepPress = (position: number) => {
+    setCurrentPage(position);
+  };
+
+  const renderStepIndicator = (params: any) => (
+    <Text>棒</Text>
+  );
+
+  const renderLabel = ({
+    position,
+    stepStatus,
+    label,
+    currentPosition,
+  }: {
+    position: number;
+    stepStatus: string;
+    label: string;
+    currentPosition: number;
+  }) => {
+    return (      
+      <Text
+        style={
+          position === currentPosition
+            ? styles.stepLabelSelected
+            : styles.stepLabel
+        }
+      >
+        {label}
+      </Text>
+    );
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.stepIndicator}>
+        <StepIndicator
+          customStyles={firstIndicatorStyles}
+          currentPosition={currentPage}
+          labels={['Account', 'Profile', 'Band', 'Membership', 'Dashboard']}
+          renderLabel={renderLabel}
+          onPress={onStepPress}
+        />
+      </View>
+      <View style={styles.stepIndicator}>
+        <StepIndicator
+          customStyles={secondIndicatorStyles}
+          currentPosition={currentPage}
+          onPress={onStepPress}
+          renderStepIndicator={renderStepIndicator}
+          labels={[
+            'Cart',
+            'Delivery Address',
+            'Order Summary',
+            'Payment Method',
+            'Track',
+          ]}
+        />
+      </View>
+      <View style={styles.stepIndicator}>
+        <StepIndicator
+          stepCount={4}
+          customStyles={thirdIndicatorStyles}
+          currentPosition={currentPage}
+          onPress={onStepPress}
+          labels={['Approval', 'Processing', 'Shipping', 'Delivery']}
+        />
+      </View>
+      
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#ffffff',
+  },
+  stepIndicator: {
+    marginVertical: 50,
+  },
+  page: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  stepLabel: {
+    fontSize: 12,
+    textAlign: 'center',
+    fontWeight: '500',
+    color: '#999999',
+  },
+  stepLabelSelected: {
+    fontSize: 12,
+    textAlign: 'center',
+    fontWeight: '500',
+    color: '#4aae4f',
+  },
+});
+```
+
+### 在 ArkTs 侧引入和注册字体文件(非必选配置项)
+
+> [!TIP] 本项非必配项，当使用 customStyles 自定义属性中的 labelFontFamily 属性指定字体时才需配置
+
+步骤一：
+复制字体文件到 `entry/src/main/resources/rawfile/assets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
+
+步骤二：
+打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+    const fonts: Record<string, Resource> = {
+      "Pacifico-Regular": $rawfile("assets/assets/fonts/Pacifico-Regular.ttf")
+    }
+
+    @Entry
+    @Component
+    struct Index {
+      //...
+      build() {
+        Column(){
+          //...
+
+          //注册字体文件
+          RNApp({
+            rnInstanceConfig: {
+              //...
+              fontResourceByFontFamily: fonts
+            },
+            //...
+          })
+
+        }
+        //...
+      }
+    }
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; OH SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Default | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |------------ |
+| currentPosition  | Current position in steps         | number  |    no    | 0 |  iOS,Android  |         yes        |
+| stepCount  | Number of steps         | number  |    no    | 5 |  iOS,Android  |         yes        |
+| direction  | Orientation of the Steps         | 'horizontal' \| 'vertical'  |    no    | 'horizontal' |  iOS,Android  |         yes        |
+| customStyles  | Styles for the component         | object  |    no    | {} |  iOS,Android  |         yes        |
+| labels  | Labels for each step         | Array\<string\>  |    no    | null |  iOS,Android  |         yes        |
+| onPress  | Callback fired when tapping on a step         | Function (position: Number) => void |    no    | null |  iOS,Android  |         yes        |
+| renderStepIndicator  | Used to render custom content inside step at specified position         | Function (position: Number, stepStatus: String) => React.ReactNode |    no    | null |  iOS,Android  |         yes        |
+| renderLabel  | Use this to render custom label for each step         | Function (position: Number, stepStatus: String, label: String, currentPosition: Number) => React.ReactNode |    no    | null |  iOS,Android  |         yes        |
+
+### Custom Styles
+| Name | Description | Type | Required | Default | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |------------ |
+| stepIndicatorSize  |    Size of step indicator circle    | number  |    no    | 30 |  iOS,Android  |         yes        |
+| currentStepIndicatorSize  |    Size of the current step indicator circle    | number  |    no    | 40 |  iOS,Android  |         yes        |
+| separatorStrokeWidth  |    Stroke thickness of the separator between steps    | number  |    no    | 2 |  iOS,Android  |         yes        |
+| separatorStrokeUnfinishedWidth  |    Stroke thickness of the separator between unifinished steps    | number  |    no    | 0 |  iOS,Android  |         yes        |
+| separatorStrokeFinishedWidth  |    Stroke thickness of the separator between finished steps    | number  |    no    | 0 |  iOS,Android  |         yes        |
+| stepStrokeWidth  |    Thickness of the stroke around each step    | number  |    no    | 3 |  iOS,Android  |         yes        |
+| currentStepStrokeWidth  |    Thickness of the stroke around the current step    | number  |    no    | 3 |  iOS,Android  |         yes        |
+| stepStrokeCurrentColor  |    Stroke color for the current step    | string  |    no    | '#fe7013' |  iOS,Android  |         yes        |
+| stepStrokeFinishedColor  |    Stroke color for finished steps    | string  |    no    | '#fe7013' |  iOS,Android  |         yes        |
+| stepStrokeUnFinishedColor  |    Stroke color for unfinished steps    | string  |    no    | '#aaaaaa' |  iOS,Android  |         yes        |
+| separatorFinishedColor  |    Color of separator for finished items    | string  |    no    | '#fe7013' |  iOS,Android  |         yes        |
+| separatorUnFinishedColor  |    Color of separator for unfinished items    | string  |    no    | '#aaaaaa' |  iOS,Android  |         yes        |
+| stepIndicatorFinishedColor  |    Color of the circle for finished steps    | string  |    no    | '#fe7013' |  iOS,Android  |         yes        |
+| stepIndicatorUnFinishedColor  |    Color of the circle for unfinished steps    | string  |    no    | '#ffffff' |  iOS,Android  |         yes        |
+| stepIndicatorCurrentColor  |    Color of the circle for the current step    | string  |    no    | '#ffffff' |  iOS,Android  |         yes        |
+| stepIndicatorLabelFontSize  |    Font size of the number inside the circle for each step    | number  |    no    | 15 |  iOS,Android  |         yes        |
+| currentStepIndicatorLabelFontSize  |    Font size of the number inside the circle for the current step    | number  |    no    | 15 |  iOS,Android  |         yes        |
+| stepIndicatorLabelCurrentColor  |    Color of label for the current step    | string  |    no    | '#ffffff' |  iOS,Android  |         yes        |
+| stepIndicatorLabelFinishedColor  |    Color of labels that their steps are finished    | string  |    no    | '#ffffff' |  iOS,Android  |         yes        |
+| stepIndicatorLabelUnFinishedColor  |    Color of labels that their steps are unfinished    | string  |    no    | 'rgba(255,255,255,0.5)' |  iOS,Android  |         yes        |
+| labelColor  |    Color of the label text    | string  |    no    | '#000000' |  iOS,Android  |         yes        |
+| currentStepLabelColor  |    Color of the current step label    | string  |    no    | '#4aae4f' |  iOS,Android  |         yes        |
+| labelSize  |    Font size for the labels    | number  |    no    | 13 |  iOS,Android  |         yes        |
+| labelAlign  |    Label alignment    | 'center' \| 'flex-start' \| 'flex-end' \| 'stretch' \| 'baseline' \| undefined  |    no    | 'center' |  iOS,Android  |         yes        |
+| labelFontFamily  |    Label fontFamily for custom fonts    | string  |    no    |   |  iOS,Android  |         yes        |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/24ark/react-native-step-indicator/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-sticky-parallax-header.md b/en/react-native-sticky-parallax-header.md
new file mode 100644
index 00000000..e1042e86
--- /dev/null
+++ b/en/react-native-sticky-parallax-header.md
@@ -0,0 +1,484 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-sticky-parallax-header</code></h1>
+</p>
+<p align="center">
+    <a href="https://github.com/netguru/sticky-parallax-header">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20iOS%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/netguru/sticky-parallax-header/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sticky-parallax-header)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-sticky-parallax-header@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-sticky-parallax-header@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from "react";
+import { TabbedHeaderPager } from "react-native-sticky-parallax-header";
+
+const TabbedHeaderPagerExample: React.FC = () => {
+  const isDarkTheme = useColorScheme() === "dark";
+  return (
+    <>
+      <TabbedHeaderPager
+        contentContainerStyle={[
+          isDarkTheme
+            ? screenStyles.darkBackground
+            : screenStyles.lightBackground,
+        ]}
+        containerStyle={screenStyles.stretchContainer}
+        backgroundColor={colors.primaryGreen}
+        foregroundImage={photosPortraitMe}
+        rememberTabScrollPosition
+        logo={logo}
+        title={"Mornin' Mark! \nReady for a quiz?"}
+        titleStyle={screenStyles.text}
+        tabs={TABBED_SECTIONS.map((section) => ({
+          title: section.title,
+        }))}
+        tabTextStyle={screenStyles.text}
+        showsVerticalScrollIndicator={false}
+      >
+        <View style={styles.content}>
+          {Brandon.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Ewa.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Jennifer.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Brandon.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Ewa.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+        <View style={styles.content}>
+          {Jennifer.cards.map((data, i, arr) => (
+            <QuizCard
+              data={data}
+              num={i}
+              key={data.question}
+              cardsAmount={arr.length}
+            />
+          ))}
+        </View>
+      </TabbedHeaderPager>
+      <StatusBar
+        barStyle="light-content"
+        backgroundColor={colors.primaryGreen}
+        translucent
+      />
+    </>
+  );
+};
+```
+## Link
+
+本库依赖以下三方库，请查看对应文档：
++ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
++ [@react-native-oh-tpl/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)，并下载适用版本的 tgz 包。
+
+## Headers
+
+包含 Tabbed Header Pager、Tabbed Header List、Details Header、Avatar Header、Custom Sticky Header 以及 FlashList Headers 几个大类
+
+### Tabbed Header Pager 组件
+
+Tabbed Header Pager 属性
+
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                             | Type                                                   | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | --------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                     | no       | iOS/Android | yes               |
+| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                     | no       | iOS/Android | no                |
+| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                           | yes      | iOS/Android | yes               |
+| disableScrollToPosition        | 是否禁用滑动                            | boolean                                                | no       | iOS/Android | no                |
+| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                                | yes      | iOS/Android | yes               |
+| foregroundImage                | 设置头像图片资源                        | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
+| headerHeight                   | 设置组件上部分 header 高度              | number                                                 | no       | iOS/Android | yes               |
+| initialPage                    | 设置组件下部分 page 初始页              | number                                                 | no       | iOS/Android | yes               |
+| headerHeight                   | 设置 header 高度                        | number                                                 | no       | iOS/Android | yes               |
+| logo                           | 设置顶部 Logo 图片资源                  | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
+| logoContainerStyle             | 设置 logo 容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| logoStyle                      | 设置 logo 样式                          | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| onChangeTab                    | Tab 栏切换回调                          | function - (prevPage: number, newPage: number) => void | no       | iOS/Android | yes               |
+| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void              | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void              | no       | iOS/Android | yes               |
+| onTopReached                   | 触顶事件回调                            | function - () => void                                  | no       | iOS/Android | yes               |
+| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                 | no       | iOS/Android | yes               |
+| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                                | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar 渲染方法                      | render function                                        | no       | iOS/Android | yes               |
+| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                                | no       | iOS/Android | yes               |
+| snapStartThreshold             | 滑动开始时阻力值                        | number                                                 | no       | iOS/Android | yes               |
+| snapStopThreshold              | 滑动结束时阻力值                        | number                                                 | no       | iOS/Android | no                |
+| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                 | no       | iOS/Android | no                |
+| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                 | no       | iOS/Android | yes               |
+| tabTextActiveStyle             | Tab 栏选中文字样式                      | style - StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
+| tabTextContainerStyle          | Tab 栏文字容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| tabTextContainerActiveStyle    | Tab 栏文字容器选中样式                  | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| tabTextStyle                   | Tab 栏文字样式                          | style - StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
+| tabUnderlineColor              | Tab 栏文字底部横线颜色                  | color - ColorValue                                     | no       | iOS/Android | yes               |
+| tabWrapperStyle                | Tab 栏包裹容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| tabs                           | Tab 栏数据源                            | Tabs array - Tab[]                                     | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                     | no       | iOS/Android | yes               |
+| tabsContainerHorizontalPadding | Tab 栏容器水平内边距（默认 20）         | number                                                 | no       | iOS/Android | yes               |
+| tabsContainerStyle             | Tab 栏容器样式                          | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| title                          | 标题文字                                | string                                                 | no       | iOS/Android | yes               |
+| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
+| titleTestID                    | 标题测试 ID                             | string                                                 | no       | iOS/Android | yes               |
+
+### Methods 方法
+
+| Name     | Description                             | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | --------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| goToPage | function - (pageNumber: number) => void | function | no       | iOS/Android | no                |
+
+### Tabbed Header List 组件
+
+Tabbed Header List 属性
+
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                             | Type                                              | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | --------------------------------------- | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                | no       | iOS/Android | yes               |
+| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                | no       | iOS/Android | no                |
+| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                      | yes      | iOS/Android | yes               |
+| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                           | yes      | iOS/Android | yes               |
+| foregroundImage                | 设置头像图片资源                        | image source - ImageSourcePropType                | no       | iOS/Android | yes               |
+| headerHeight                   | 设置 header 高度                        | number                                            | no       | iOS/Android | yes               |
+| logo                           | 设置顶部 Logo 图片资源                  | image source - ImageSourcePropType                | no       | iOS/Android | yes               |
+| logoContainerStyle             | 设置 logo 容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| logoStyle                      | 设置 logo 样式                          | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| onTopReached                   | 触顶事件回调                            | function - () => void                             | no       | iOS/Android | yes               |
+| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                            | no       | iOS/Android | yes               |
+| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                           | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar 渲染方法                      | render function                                   | no       | iOS/Android | yes               |
+| snapStartThreshold             | 滑动开始时阻力值                        | number                                            | no       | iOS/Android | yes               |
+| snapStopThreshold              | 滑动结束时阻力值                        | number                                            | no       | iOS/Android | no                |
+| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                            | no       | iOS/Android | no                |
+| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                            | no       | iOS/Android | yes               |
+| tabTextActiveStyle             | Tab 栏选中文字样式                      | style - StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
+| tabTextContainerStyle          | Tab 栏文字容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| tabTextContainerActiveStyle    | Tab 栏文字容器选中样式                  | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| tabTextStyle                   | Tab 栏文字样式                          | style - StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
+| tabUnderlineColor              | Tab 栏文字底部横线颜色                  | color - ColorValue                                | no       | iOS/Android | yes               |
+| tabWrapperStyle                | Tab 栏包裹容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| tabs                           | Tab 栏数据源                            | Tabs array - Tab[]                                | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                | no       | iOS/Android | yes               |
+| tabsContainerHorizontalPadding | Tab 栏容器水平内边距（默认 20）         | number                                            | no       | iOS/Android | yes               |
+| tabsContainerStyle             | Tab 栏容器样式                          | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| title                          | 标题文字                                | string                                            | no       | iOS/Android | yes               |
+| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
+| titleTestID                    | 标题测试 ID                             | string                                            | no       | iOS/Android | yes               |
+
+## Details Header
+
+包含 DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList 三个组件。
+
+### Details Header ScrollView 组件
+
+Details Header ScrollView 属性
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared DetailsHeader props 属性。
+
+### Details Header FlatList 组件
+
+Details Header FlatList 属性
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared DetailsHeader props 属性。
+
+### Details Header SectionList 组件
+
+Details Header SectionList 属性
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared DetailsHeader props 属性。
+
+### Shared DetailsHeader props 属性
+
+DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList 三个组件共享属性。
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                             | Type                                                  | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | --------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                    | no       | iOS/Android | yes               |
+| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                    | no       | iOS/Android | no                |
+| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                          | yes      | iOS/Android | yes               |
+| contentIcon                    | 头像左侧卡片的 icon 图标                | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
+| contentIconNumber              | 头像左侧卡片数字                        | number                                                | no       | iOS/Android | yes               |
+| contentIconNumberStyle         | 头像左侧卡片数字样式                    | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| contentIconNumberTestID        | 测试 ID                                 | string                                                | no       | iOS/Android | yes               |
+| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                               | yes      | iOS/Android | yes               |
+| leftTopIcon                    | 设置头部左侧 logo                       | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| leftTopIconAccessibilityLabel  | 设置头部左侧 logo 辅助标签              | string                                                | no       | iOS/Android | no                |
+| leftTopIconOnPress             | 头部左侧 logo 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
+| leftTopIconTestID              | 头部左侧 logo 测试 ID                   | string                                                | no       | iOS/Android | yes               |
+| hasBorderRadius                | 上部分是否是右下角带圆角的布局          | boolean                                               | no       | iOS/Android | yes               |
+| headerHeight                   | 设置 header 高度                        | number                                                | no       | iOS/Android | yes               |
+| image                          | 任务头像图片资源                        | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
+| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onTopReached                   | 触顶事件回调                            | function - () => void                                 | no       | iOS/Android | yes               |
+| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar 渲染方法                      | render function                                       | no       | iOS/Android | yes               |
+| rightTopIcon                   | 设置头部右侧图标                        | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| rightTopIconAccessibilityLabel | 设置头部右侧 icon 辅助标签              | string                                                | no       | iOS/Android | no                |
+| rightTopIconOnPress            | 头部右侧 icon 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
+| rightTopIconTestID             | 头部右侧 icon 测试 ID                   | string                                                | no       | iOS/Android | yes               |
+| snapStartThreshold             | 滑动开始时阻力值                        | number                                                | no       | iOS/Android | yes               |
+| snapStopThreshold              | 滑动结束时阻力值                        | number                                                | no       | iOS/Android | no                |
+| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                | no       | iOS/Android | no                |
+| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                | no       | iOS/Android | yes               |
+| substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
+| substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                    | no       | iOS/Android | yes               |
+| tag                            | 标签文字                                | string                                                | no       | iOS/Android | yes               |
+| tagStyle                       | 标签文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| tagTestID                      | 标签文字测试 ID                         | string                                                | no       | iOS/Android | yes               |
+| title                          | 标题文字                                | string                                                | no       | iOS/Android | yes               |
+| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| titleTestID                    | 标题测试 ID                             | string                                                | no       | iOS/Android | yes               |
+
+## Avatar Header
+
+包含 AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三个组件。
+
+### Avatar Header ScrollView 组件
+
+Avatar Header ScrollView 属性
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared AvatarHeader props 属性。
+
+### Avatar Header FlatList 组件
+
+Avatar Header FlatList 属性
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared AvatarHeader props 属性。
+
+### Avatar Header SectionList 组件
+
+Avatar Header SectionList 属性
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared AvatarHeader props 属性。
+
+### Shared AvatarHeader props 属性
+
+AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三个组件共享属性。
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                           | Description                             | Type                                                  | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | --------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                    | no       | iOS/Android | yes               |
+| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                    | no       | iOS/Android | no                |
+| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                          | yes      | iOS/Android | yes               |
+| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                               | yes      | iOS/Android | yes               |
+| leftTopIcon                    | 设置头部左侧 logo                       | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| leftTopIconAccessibilityLabel  | 设置头部左侧 logo 辅助标签              | string                                                | no       | iOS/Android | no                |
+| leftTopIconOnPress             | 头部左侧 logo 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
+| leftTopIconTestID              | 头部左侧 logo 测试 ID                   | string                                                | no       | iOS/Android | yes               |
+| hasBorderRadius                | 上部分是否是右下角带圆角的布局          | boolean                                               | no       | iOS/Android | yes               |
+| headerHeight                   | 设置 header 高度                        | number                                                | no       | iOS/Android | yes               |
+| image                          | 任务头像图片资源                        | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
+| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onTopReached                   | 触顶事件回调                            | function - () => void                                 | no       | iOS/Android | yes               |
+| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar 渲染方法                      | render function                                       | no       | iOS/Android | yes               |
+| rightTopIcon                   | 设置头部右侧图标                        | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| rightTopIconAccessibilityLabel | 设置头部右侧 icon 辅助标签              | string                                                | no       | iOS/Android | no                |
+| rightTopIconOnPress            | 头部右侧 icon 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
+| rightTopIconTestID             | 头部右侧 icon 测试 ID                   | string                                                | no       | iOS/Android | yes               |
+| snapStartThreshold             | 滑动开始时阻力值                        | number                                                | no       | iOS/Android | yes               |
+| snapStopThreshold              | 滑动结束时阻力值                        | number                                                | no       | iOS/Android | no                |
+| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                | no       | iOS/Android | no                |
+| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                | no       | iOS/Android | yes               |
+| substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
+| substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                    | no       | iOS/Android | yes               |
+| title                          | 标题文字                                | string                                                | no       | iOS/Android | yes               |
+| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| titleTestID                    | 标题测试 ID                             | string                                                | no       | iOS/Android | yes               |
+
+## Custom Sticky Header
+
+包含 StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三个组件。
+
+### Sticky Header ScrollView 组件
+
+Sticky Header ScrollView 属性
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared StickyHeader props 属性。
+
+### Sticky Header FlatList 组件
+
+Sticky Header FlatList 属性
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared StickyHeader props 属性。
+
+### Sticky Header SectionList 组件
+
+Avatar Header SectionList 属性
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared StickyHeader props 属性。
+
+### Shared StickyHeader props 属性
+
+StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三个组件共享属性。
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                         | Type                                              | Required | Platform    | HarmonyOS Support |
+| --------------------- | ----------------------------------- | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| containerStyle        | 设置整个组件容器的样式              | style - StyleProp<ViewStyle>                      | yes      | iOS/Android | yes               |
+| onHeaderLayout        | header 布局调整回调                 | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| onMomentumScrollBegin | 滑动开始事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onMomentumScrollEnd   | 滑动结束事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScroll              | 滑动事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollBeginDrag     | 滑动开始拖拽事件回调                | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollEndDrag       | 滑动结束拖拽事件回调                | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onTabsLayout          | Tab 栏布局改变事件回调              | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| renderHeader          | header 渲染方法                     | render function                                   | no       | iOS/Android | yes               |
+| renderTabs            | tab 渲染方法                        | render function                                   | no       | iOS/Android | yes               |
+| stickyTabs            | Tab 栏是否可以固定位置（默认 true） | number                                            | no       | iOS/Android | yes               |
+
+## FlashList Headers
+
+包含 AvatarHeaderFlashList、DetailsHeaderFlashList 以及 TabbedHeaderFlashList 三个组件。
+
+### Avatar Header FlashList 组件
+
+Avatar Header FlashList 属性
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared AvatarHeader props 属性。
+
+### Details Header FlashList 组件
+
+Details Header FlashList 属性
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared DetailsHeader props 属性。
+
+### Tabbed Header FlashList 组件
+
+Tabbed Header FlashList 属性
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Tabbed Header List props 属性。
+
+## 遗留问题
+
+## 其他
+
+- [ ] 原库TabbedHeaderPager组件部分属性不生效[issue#415](https://github.com/netguru/sticky-parallax-header/issues/415)
+- [ ] 原库DetailHeader、AvatarHeader组件部分属性不生效 [issue#416](https://github.com/netguru/sticky-parallax-header/issues/416)
+- [ ] 原库ref.current.goToPage方法不存在 [issue#412](https://github.com/netguru/sticky-parallax-header/issues/412)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/netguru/sticky-parallax-header/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-stickyheader.md b/en/react-native-stickyheader.md
new file mode 100644
index 00000000..1390b514
--- /dev/null
+++ b/en/react-native-stickyheader.md
@@ -0,0 +1,152 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-stickyheader</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jiasongs/react-native-stickyheader/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-stickyheader/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-stickyheader@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-stickyheader@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState, useCallback, useRef, useEffect } from "react";
+import { StyleSheet, Text, View, FlatList, Animated } from "react-native";
+import StickyHeader from "react-native-stickyheader";
+
+function App() {
+  const scrollY = useRef(new Animated.Value(0));
+  const [data, setData] = useState([]);
+
+  useEffect(() => {
+    let array = [];
+    for (let index = 0; index < 100; index++) {
+      array.push(index);
+    }
+    setData(array);
+  }, []);
+
+  const renderItem = useCallback((info) => {
+    return (
+      <View style={{ height: 50, backgroundColor: "#ffffff" }}>
+        <Text>{info.item}</Text>
+      </View>
+    );
+  }, []);
+
+  const keyExtractor = useCallback((item, index) => {
+    return index + "";
+  }, []);
+
+  return (
+    <View style={styles.container}>
+      <View style={{ height: 64, backgroundColor: "#973444" }} />
+      <Animated.ScrollView
+        onScroll={Animated.event(
+          [
+            {
+              nativeEvent: { contentOffset: { y: scrollY.current } },
+            },
+          ],
+          { useNativeDriver: true },
+        )}
+        scrollEventThrottle={1}
+      >
+        <Text>文字</Text>
+        <Text>文字</Text>
+        <Text>文字</Text>
+        <Text>文字</Text>
+        <StickyHeader
+          stickyHeaderY={60} // 滑动到多少悬浮
+          stickyScrollY={scrollY.current}
+        >
+          <View style={{ height: 60, backgroundColor: "#d22222" }} />
+        </StickyHeader>
+        <FlatList
+          data={data}
+          keyExtractor={keyExtractor}
+          renderItem={renderItem}
+        />
+      </Animated.ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#ffffff",
+    justifyContent: "center",
+  },
+});
+
+export default App;
+```
+
+## 约束与限制
+
+#### 兼容性
+
+在下述版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+此组件有以下属性:
+
+| Property      | Type   | Required | Description       | Platform         | HarmonyOS <br/>Support |
+| ------------- | ------ | -------- | ----------------- | ---------------- | ---------------------- |
+| StickyHeaderY | number | NO       | 滑动到多少悬浮    | Android <br/>IOS | YES                    |
+| StickyScrollY | any    | Yes      | 动画的ScrollY回调 | Android <br/>IOS | YES                    |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
+
diff --git a/en/react-native-storage.md b/en/react-native-storage.md
new file mode 100644
index 00000000..068a207c
--- /dev/null
+++ b/en/react-native-storage.md
@@ -0,0 +1,419 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-storage</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/sunnylqm/react-native-storage">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/sunnylqm/react-native-storage/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/sunnylqm/react-native-storage)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-storage@1.0.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-storage@1.0.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component } from 'react';
+import { StyleSheet, Text, View, FlatList, Button } from 'react-native';
+import Storage from 'react-native-storage';
+import { AsyncStorage } from 'react-native'
+///初始化
+const storage = new Storage({
+    // 最大容量，默认值1000条数据循环存储
+    size: 1000,
+  
+    // 存储引擎：对于RN使用AsyncStorage，对于web使用window.localStorage
+    // 如果不指定则数据只会保存在内存中，重启后即丢失
+    storageBackend: AsyncStorage,
+  
+    // 数据过期时间，默认一整天（1000 * 3600 * 24 毫秒），设为null则永不过期
+    defaultExpires: 1000 * 3600 * 24,
+  
+    // 读写时在内存中缓存数据。默认启用。
+    enableCache: true, 
+    // storageBackend: global.storage,
+    // 你可以在构造函数这里就写好sync的方法 
+    // 或是在任何时候，直接对storage.sync进行赋值修改 
+    // 或是写到另一个文件里，这里require引入
+    // 如果storage中没有相应数据，或数据已过期，
+    // 则会调用相应的sync方法，无缝返回最新数据。
+    // sync方法的具体说明会在后文提到
+    // sync: sync,
+  });
+  var userids = [];
+  var key = '';
+  var userA = {
+    key:'user',
+    id:"1001",
+    name: 'A',
+    age: 20,
+    tags: ['geek', 'nerd', 'otaku'],
+  };
+  var userB = {
+    key:'user',
+    id:"1002",
+    name: 'B',
+    age: 28,
+    tags: ['test', 'john', 'storage'],
+  };
+  var loginA = {
+    key:'login',
+    id:"1003",
+    account: 'test123',
+    password: "123321",
+  };
+  var loginB = {
+    key:'login',
+    id:"1004",
+    account: 'test456',
+    password: "456654",
+  };
+  const Item = ({title}) => (
+    <View style={styles.item}>
+      <Text style={styles.title}>{title}</Text>
+    </View>
+  );
+ class StorageDemo extends Component {
+    constructor() {
+      super();
+      this.listData = [];
+      this.state = {
+        listData: [],
+      };
+    }
+    updateProgress = (text, resetState) => {
+      let listData = [];
+      if (!resetState) {
+        listData = [...this.listData];
+      }
+      listData.push(text);
+      this.listData = listData;
+      this.setState({
+        listData,
+      });
+    };
+  
+    componentWillUnmount = () => {
+      this.timer && clearTimeout(this.timer);
+    };
+  
+    ///保存
+    saveStorageFun = (type) => {///type:1代表userA；2代表userB
+      console.log("test==== >>>>storage====saveStorageFun");
+      this.updateProgress("saveStorage start...");
+      storage.save({
+        key: 'user', // 注意:请不要在key中使用_下划线符号!
+        id: type==1?userA.id:userB.id, // 注意:请不要在id中使用_下划线符号!
+        data: type==1?userA:userB,
+        // 如果不指定过期时间，则会使用defaultExpires参数
+        // 如果设为null，则永不过期
+        expires: 1000 * 3600 * 24
+      }).then(() => {
+        console.log("test==== >>>>storage====saveStorage  success");
+        this.updateProgress("saveStorage success");
+        this.loadStorageFun(type==1?userA:userB)
+      });
+    
+    };
+     //读取
+  loadStorageFun = (user) => {
+    this.updateProgress("loadStorage start...");
+    console.log("test==== >>>>storage====loadStorageFun");
+    storage.load({
+      key: user.key,
+      id:user.id,
+      // autoSync(默认为true)意味着在没有找到数据或数据过期时自动调用相应的sync方法
+    autoSync: false,
+
+    // // syncInBackground(默认为true)意味着如果数据过期，
+    // // 在调用sync方法的同时先返回已经过期的数据。
+    // // 设置为false的话，则等待sync方法提供的最新数据(当然会需要更多时间)。
+    syncInBackground: true,
+    }).then(ret => {
+      // 如果找到数据，则在then方法中返回
+      this.updateProgress("data:{"+JSON.stringify(ret)+"}");
+      console.log("test==== >>>>storage===="+JSON.stringify(ret));
+      this.updateProgress("loadStorage success");
+    }).catch(err => {
+      // 如果没有找到数据且没有sync方法，
+      // 或者有其他异常，则在catch中返回
+      console.warn(err.message);
+      this.updateProgress("loadStorage fail:"+err.message);
+      console.log("test==== >>>>storage====loadStorageFunError   "+err.message);
+      switch (err.name) {
+          case 'NotFoundError':
+              // TODO;
+          
+              break;
+          case 'ExpiredError':
+              // TODO
+              break;
+      }
+    })
+  }
+
+  //移除单个数据
+  removeStorageFun = (type) => {
+    this.updateProgress("removeStoreage start...");
+    storage.remove({
+      key:type==1?userA.key:userB.key,
+      id:type==1?userA.id:userB.id
+    }).then(() => {
+      this.updateProgress("removeStoreage success");
+      this.loadStorageFun(type==1?userB:userA)
+    }).catch(err => {
+      this.updateProgress("removeStorage fail:"+err.message);
+      console.log("test==== >>>>storage====removeStorageFunError   "+err.message);
+    });
+  }
+  // 获取某个key下的所有id(仅key-id数据)
+  getIdsForKeyStorageFun = (key) => {
+    this.updateProgress("getIdsForKey start...");
+    storage.getIdsForKey(key).then(ids => {
+      this.updateProgress("getIdsForKey: "+JSON.stringify(ids));
+      userids = ids
+      console.log(ids);
+      console.log("test==== >>>>storage=getIdsForKeyStorageFun==="+JSON.stringify(ids));
+      this.updateProgress("getIdsForKey success");
+    }).catch(err => {
+      this.updateProgress("getIdsForKeyStorage fail:"+err.message);
+      console.log("test==== >>>>storage====getIdsForKeyStorageFun===Error   "+err.message);
+    });
+  }
+
+  //获取某个key下的所有数据(仅key-id数据)
+  getAllDataForKeyStorageFun = (key) => {
+    storage.getAllDataForKey(key).then(users => {
+      console.log(users);
+      console.log("test==== >>>>storage=getAllDataForKeyStorageFun==="+JSON.stringify(users));
+    });
+  }
+
+  // !! 清除某个key下的所有数据(仅key-id数据)
+  clearMapForKeyStorageFun= (key) =>{
+    storage.clearMapForKey(key);
+    console.log("test==== >>>>storage=clearMapForKeyStorageFun===");
+  }
+
+  // !! 清空map，移除所有"key-id"数据（但会保留只有key的数据）
+  clearMapStorageFun = () => {
+    console.log("test==== >>>>storage=clearMapStorageFun===");
+    this.updateProgress("clearMapStorage start...")
+    storage.clearMap().then(() => {
+      this.updateProgress("clearMapStorage success")
+      this.loadStorageFun(userA)
+    });
+  }
+   //读取批量数据
+   getBatchDataStorageFun = () => {
+    console.log("test==== >>>>storage=getBatchDataStorageFun===start...");
+    // 使用和load方法一样的参数读取批量数据，但是参数是以数组的方式提供。
+    // 会在需要时分别调用相应的sync方法，最后统一返回一个有序数组。
+    storage.getBatchData([
+	    // { key: 'loginState' },
+	    // { key: 'checkPoint', syncInBackground: false },
+	    // { key: 'balance' },
+	    { key: 'user'}
+    ]).then(results => {
+      console.log("test==== >>>>storage=getBatchDataStorageFun==="+JSON.stringify(results));
+      // results.forEach( result => {
+      //   console.log("test==== >>>>storage=getBatchDataStorageFun==="+JSON.stringify(result));
+      // })
+    })
+  }
+  //读取批量数据
+  getBatchDataWithIdsStorageFun = () => {
+    storage.getIdsForKey('user').then(userids => {
+      //根据key和一个id数组来读取批量数据
+      storage.getBatchDataWithIds({
+      key: 'user',
+      // ids: ['1001', '1002', '1003'],
+      ids:userids
+    }).then(retData => {
+      this.updateProgress("storage data: "+JSON.stringify(retData));
+      console.log("test==== >>>>storage=getBatchDataWithIdsStorageFun==="+JSON.stringify(retData));
+    }).catch(err => {
+      console.log("test==== >>>>storage====getBatchDataWithIdsStorageFun===Error   "+err.message);
+    });
+    }).catch(err => {
+      this.updateProgress("getIdsForKeyStorage fail:"+err.message);
+      console.log("test==== >>>>storage====getIdsForKeyStorageFun===Error   "+err.message);
+    });
+  }
+
+  renderProgressEntry = entry => {
+    return (
+      <View style={listStyles.li}>
+        <View>
+          <Text style={listStyles.liText}>{entry.name}</Text>
+        </View>
+      </View>
+    );
+  };
+  render = () => {
+    return (
+      <View style={styles.mainContainer}>
+        <View style={styles.textdata}>
+          <Text style = {styles.textkey}>{JSON.stringify(userA)}</Text>
+          <Text style = {styles.textkey}>{JSON.stringify(userB)}</Text>
+          <Button title='save userA' style={styles.toolbarButton} onPress={() => this.saveStorageFun(1)}/>
+          <Button title='save userB' style={styles.toolbarButton} onPress={() =>this.saveStorageFun(2)}/>
+          <Button title='get user key all ids' style={styles.toolbarButton} onPress={() =>this.getIdsForKeyStorageFun('user')}/>
+          <Button title='remove user key one data' style={styles.toolbarButton} onPress={() =>this.removeStorageFun(1)}/>
+          <Button title='clearMapStorage' style={styles.toolbarButton} onPress={() =>this.clearMapStorageFun()}/>
+          <Button title='read storage data' style={styles.toolbarButton} onPress={() =>this.getBatchDataWithIdsStorageFun()}/>
+        </View>
+        <FlatList
+          data={this.state.listData}
+          renderItem={({item}) => <Item title={item} />}
+          keyExtractor={item => item.i}
+        />
+      </View>
+    );
+  };
+}
+
+var listStyles = StyleSheet.create({
+  li: {
+    borderBottomColor: '#c8c7cc',
+    borderBottomWidth: 0.5,
+    paddingTop: 15,
+    paddingRight: 15,
+    paddingBottom: 15,
+  },
+  liContainer: {
+    backgroundColor: '#fff',
+    flex: 1,
+    paddingLeft: 15,
+  },
+  liIndent: {
+    flex: 1,
+  },
+  liText: {
+    color: '#333',
+    fontSize: 17,
+    fontWeight: '400',
+    marginBottom: -3.5,
+    marginTop: -3.5,
+  },
+});
+var styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: '#F5FCFF',
+    },
+    welcome: {
+      fontSize: 20,
+      textAlign: 'center',
+      margin: 10,
+    },
+    textkey: {
+      fontSize: 12,
+      margin: 10,
+    },
+    textvules: {
+      fontSize: 12,
+      textAlign: 'center',
+      margin: 10,
+    },
+    texterror: {
+      fontSize: 12,
+      textAlign: 'center',
+      margin: 10,
+      color:'red'
+    },
+    
+    instructions: {
+      textAlign: 'center',
+      color: '#333333',
+      marginBottom: 5,
+    },
+    toolbar: {
+      paddingTop: 10,
+      paddingBottom: 10,
+      flexDirection: 'column',
+    },
+    textdata: {
+      paddingTop: 60,
+      paddingBottom: 10,
+      flexDirection: 'column',
+    },
+    toolbarButton: {
+      paddingTop: 10,
+      paddingBottom: 10,
+      margin: 10,
+      backgroundColor: 'blue',
+      color: '#ffffff',
+      textAlign: 'center',
+    },
+    mainContainer: {
+      flex: 1,
+    },
+  });
+  export default StorageDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH: 0.72.22; SDK: OpenHarmony(api12) 5.0.0.22; IDE: DevEco Studio 5.0.3.228; ROM: 3.0.0.23;
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| remove  | 删除单个数据         | function  | yes | iOS/Android      | yes |
+| load  | 读取         | function  | yes | iOS/Android      | yes |
+| clearAll  | 清空所有数据        | function  | yes | iOS/Android      | yes |
+| clearMap  | 清空map,移除所有"key-id"数据（但会保留只有key的数据）         | function  | yes | iOS/Android      | yes |
+| clearMapForKey  | 清除某个key下的所有数据(仅key-id数据)         | function  | yes | iOS/Android      | yes |
+| getIdsForKey  | 获取某个key下的所有id         | function  | yes | iOS/Android      | yes |
+| getBatchData  | 使用和load方法一样的参数读取批量数据，但是参数是以数组的方式提供，会在需要时分别调用相应的sync方法，最后统一返回一个有序数组。        | function  | yes | iOS/Android      | yes |
+| getBatchDataWithIds  | 根据key和一个id数组来读取批量数据        | function  | yes | iOS/Android      | yes |
+| sync  | 在调用load时，如果本地并没有存储相应的 user，那么会自动触发 storage.sync.user 去远程取回数据并无缝返回        | function  | yes | iOS/Android      | yes |
+| save  | 保存数据，这些数据一般是全局独有的，需要谨慎单独处理的数据       | function  | yes | iOS/Android      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/sunnylqm/react-native-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-svg-capi.md b/en/react-native-svg-capi.md
new file mode 100644
index 00000000..2cde05c5
--- /dev/null
+++ b/en/react-native-svg-capi.md
@@ -0,0 +1,656 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-svg(CAPI)</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/software-mansion/react-native-svg">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/software-mansion/react-native-svg/blob/main/LICENSE">
+        <img src="https://img.shields.io/npm/l/react-native-svg.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-svg)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-svg@15.0.0
+npm install @react-native-oh-tpl/react-native-svg@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-svg@15.0.0
+yarn add @react-native-oh-tpl/react-native-svg@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { StyleSheet,SafeAreaView } from 'react-native';
+import { Svg,Path } from 'react-native-svg';
+
+export default function App() {
+  return (
+    <SafeAreaView style={styles.container}>
+      <Svg width="100" height="100">
+        <Path d="M90 0 L0 180 L180 180 Z" fill="red" />
+      </Svg>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex:1,
+    backgroundColor: 'grey',
+  },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-svg": "file:../../node_modules/@react-native-oh-tpl/react-native-svg/harmony/svg.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SVGPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-svg/src/main/cpp" ./svg)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_svg)
+# RNOH_END: link_packages
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SVGPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SVGPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 SvgPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { SvgPackage } from '@react-native-oh-tpl/react-native-svg/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SvgPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+### 在 ArkTs 侧引入和注册字体文件(非必选配置项)
+
+> [!TIP] 本项非必配项，当使用 Text 组件的 fontFamily 属性指定字体时才需配置
+
+步骤一：
+    复制字体文件到  `entry/src/main/resources/rawfile/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+
+步骤二：
+    打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+
+    const fonts: Record<string, Resource> = {
+        "Noto Sans Pau Cin Hau": $rawfile("assets/fonts/Noto Sans Pau Cin Hau.ttf") ,
+        "NotoSansVai-Regular": $rawfile("assets/fonts/NotoSansVai-Regular.ttf") ,
+        "HarmonyOS_Sans_Condensed_Regular_Italic": $rawfile("assets/fonts/HarmonyOS_Sans_Condensed_Regular_Italic.ttf")
+        "HarmonyOS_Sans_Digit_Medium": $rawfile("assets/fonts/HarmonyOS_Sans_Digit_Medium.ttf")
+    }
+
+    @Entry
+    @Component
+    struct Index {
+        //...
+        build() {
+            Column(){
+                //...
+
+                //注册字体文件
+                RNApp({
+                rnInstanceConfig: {
+                    //...
+                    fontResourceByFontFamily: fonts
+                },
+                //...
+            }
+            
+        }
+        //...
+    }
+
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)
+
+## 属性
+
+详细请查看 [react-native-svg 的文档介绍](https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md)
+
+以下为目前已支持的组件属性：
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Svg**：绘制组件的父组件
+
+|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------------------: | :-------------: | :------: | :------: | :---------------: |
+|        width        |       组件宽度       | number\| string |   Yes    |   All    |        Yes        |
+|       height        |       组件高度       | number\| string |   Yes    |   All    |        Yes        |
+|       viewBox       |       组件视区       |     string      |    No    |   All    |        Yes        |
+|        color        |         颜色         |     string      |    No    |   All    |        Yes        |
+|        title        |      组件标题名      |     string      |    No    |   All    |        Yes        |
+| preserveAspectRatio | 是否强制进行统一缩放 |     string      |    No    |   All    |        Yes        |
+
+**G**：该元素是用于对其他 SVG 元素进行分组的容器
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+| opacity |   透明度    | number\| string | No       | All      | Yes               |
+
+**Path**： 路径绘制组件，根据绘制路径生成封闭的自定义形状
+
+|  Name   |     Description      |  Type  | Required | Platform | HarmonyOS Support |
+| :-----: | :------------------: | :----: | -------- | -------- | ----------------- |
+|    d    | 路径绘制的命令字符串 | string | Yes      | All      | Yes               |
+| opacity |        透明度        | number | No       | All      | Yes               |
+
+**Rect**： 矩形绘制组件，根据角位置和宽高生成矩形形状
+
+|  Name   |    Description    |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------------: | :-------------: | -------- | -------- | ----------------- |
+|    x    | 在 x 轴上平移距离 | number\| string | No       | All      | Yes               |
+|    y    | 在 y 轴上平移距离 | number\| string | No       | All      | Yes               |
+|  width  |     元素宽度      | number\| string | Yes      | All      | Yes               |
+| height  |     元素高度      | number\| string | Yes      | All      | Yes               |
+|   rx    | 定义 x 轴上的半径 | number\| string | No       | All      | Yes               |
+|   ry    | 定义 y 轴上的半径 | number\| string | No       | All      | Yes               |
+| opacity |      透明度       | number\| string | No       | All      | Yes               |
+
+**Image**： 图像元素，支持 JPEG、PNG 格式
+
+> [!WARNING]
+>
+> 注： Image 依赖 Canary3 Sp2 以上版本的 SDK 和 ROM。
+
+|        Name         |                Description                 |               Type               | Required | Platform | HarmonyOS Support |
+| :-----------------: | :----------------------------------------: | :------------------------------: | -------- | -------- | ----------------- |
+|          x          |             在 x 轴上平移距离              |         number\| string          | No       | All      | Yes               |
+|          y          |             在 y 轴上平移距离              |         number\| string          | No       | All      | Yes               |
+|        width        |                  元素宽度                  |         number\| string          | Yes      | All      | Yes               |
+|       height        |                  元素高度                  |         number\| string          | Yes      | All      | Yes               |
+|        href         |                图像资源引用                |         source\| string          | Yes      | All      | Yes               |
+|      xlinkHref      |         用于指定要嵌入的图像的 URL         | RNImageProps['source'] \| string | No       | All      | Yes               |
+| preserveAspectRatio | 控制在给定的容器尺寸内如何保持图像的宽高比 |              string              | No       | All      | Yes               |
+|       opacity       |                   透明度                   |         source\| string          | No       | All      | Yes               |
+
+**Circle**： 园绘制组件，基于圆心和半径生成园形形状
+
+|  Name   |      Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :-------------------: | :-------------: | -------- | -------- | ----------------- |
+|    r    |        园半径         | number\| string | Yes      | All      | Yes               |
+|   cx    | 圆心在 x 轴上平移距离 | number\| string | No       | All      | Yes               |
+|   cy    | 圆心在 y 轴上平移距离 | number\| string | No       | All      | Yes               |
+| opacity |        透明度         |     number      | No       | All      | Yes               |
+
+**Polygon**： 多边形制组件，用于创建至少包含三条边的图形
+
+|  Name   |          Description           |      Type      | Required | Platform | HarmonyOS Support |
+| :-----: | :----------------------------: | :------------: | -------- | -------- | ----------------- |
+| points  | 定义多边形每个角的 x 和 y 坐标 | string\| array | Yes      | All      | Yes               |
+| opacity |             透明度             |     number     | No       | All      | Yes               |
+
+**Polyline**： 多段线组件，用于创建一条线段构成的轨迹
+
+|  Name   |           Description            |      Type      | Required | Platform | HarmonyOS Support |
+| :-----: | :------------------------------: | :------------: | -------- | -------- | ----------------- |
+| points  | 定义多段线每个端点的 x 和 y 坐标 | string\| array | Yes      | All      | Yes               |
+| opacity |              透明度              |     number     | No       | All      | Yes               |
+
+**Defs**：该元素是用于对其他 SVG 元素进行分组的容器
+
+> 注： 该组件无属性
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :--: | :---------: | :--: | -------- | -------- | ----------------- |
+|  /   |      /      |  /   | /        | All      | Yes               |
+
+**LinearGradient**：用于定义线性渐变
+
+|       Name        |              Description               |                  Type                   | Required | Platform | HarmonyOS Support |
+| :---------------: | :------------------------------------: | :-------------------------------------: | -------- | -------- | ----------------- |
+|        x1         |           在 x 轴上平移距离            |             number\| string             | No       | All      | Yes               |
+|        y1         |           在 y 轴上平移距离            |             number\| string             | No       | All      | Yes               |
+|        x2         |           在 x 轴上平移距离            |             number\| string             | No       | All      | Yes               |
+|        y2         |           在 y 轴上平移距离            |             number\| string             | No       | All      | Yes               |
+|   gradientUnits   |        指定元素属性使用的坐标系        | 'userSpaceOnUse' \| 'objectBoundingBox' | No       | All      | Yes               |
+| gradientTransform | 指定从元素当前坐标系到目标坐标系的转换 |  ColumnMajorTransformMatrix \| string   | No       | All      | Yes               |
+
+**RadialGradient**：用于定义线性渐变
+
+> [!WARNING]
+>
+> 注： RadialGradient 依赖 Canary3 Sp2 以上版本的 SDK 和 ROM。
+
+|       Name        |              Description               |                  Type                   | Required | Platform | HarmonyOS Support |
+| :---------------: | :------------------------------------: | :-------------------------------------: | -------- | -------- | ----------------- |
+|        fx         |           起始圆的 x 轴坐标            |             number\| string             | No       | All      | Yes               |
+|        fy         |           起始圆的 y 轴坐标            |             number\| string             | No       | All      | Yes               |
+|        rx         |          终止椭圆的 x 轴半径           |             number\| string             | No       | All      | Yes               |
+|        ry         |          终止椭圆的 y 轴半径           |             number\| string             | No       | All      | Yes               |
+|        cx         |           终止圆的 x 轴坐标            |             number\| string             | No       | All      | Yes               |
+|        cy         |           终止圆的 y 轴坐标            |             number\| string             | No       | All      | Yes               |
+|         r         |              终止圆的半径              |             number\| string             | No       | All      | Yes               |
+|   gradientUnits   |        指定元素属性使用的坐标系        | 'userSpaceOnUse' \| 'objectBoundingBox' | No       | All      | Yes               |
+| gradientTransform | 指定从元素当前坐标系到目标坐标系的转换 |  ColumnMajorTransformMatrix \| string   | No       | All      | Yes               |
+
+**Stop**：定义渐变上的颜色坡度
+
+|    Name     |  Description   |  Type  | Required | Platform | HarmonyOS Support |
+| :---------: | :------------: | :----: | -------- | -------- | ----------------- |
+|  stopColor  |     渐变色     | string | No       | All      | Yes               |
+| stopOpacity |  渐变色透明度  | string | No       | All      | Yes               |
+|   offset    | 渐变色相对位置 | string | No       | All      | Yes               |
+
+**Mask**：定义 alpha 蒙版，用于将当前对象合成到背景中
+
+|       Name       | Description                                                                                                | Type       | Required | Platform | HarmonyOS Support |
+| :--------------: | ---------------------------------------------------------------------------------------------------------- | ---------- | -------- | -------- | :---------------: |
+|        id        | 唯一标识                                                                                                   | string     | No       | All      |        Yes        |
+|        x         | 左侧顶角横坐标                                                                                             | NumberProp | No       | All      |        Yes        |
+|        y         | 左侧顶角纵坐标                                                                                             | NumberProp | No       | All      |        Yes        |
+|      width       | 元素宽度                                                                                                   | NumberProp | No       | All      |        Yes        |
+|      height      | 元素高度                                                                                                   | NumberProp | No       | All      |        Yes        |
+|    maskUnits     | 定义 x,y,width,height 使用的坐标系，默认值为 objectBoundingBox，可以使用 objectBoundingBox\|userSpaceOnUse | TMaskUnits | No       | All      |        Yes        |
+| maskContentUnits | 定义内容使用的坐标系，默认值为 userSpaceOnUse，可以使用 objectBoundingBox\|userSpaceOnUse                  | TMaskUnits | No       | All      |        Yes        |
+
+**Use**：该元素可以重复使用 SVG 元素
+
+|   Name    |                      Description                       |      Type       | Required | Platform | HarmonyOS Support |
+| :-------: | :----------------------------------------------------: | :-------------: | -------- | -------- | ----------------- |
+|     x     |                   在 x 轴上平移距离                    | number\| string | No       | All      | Yes               |
+|     y     |                   在 y 轴上平移距离                    | number\| string | No       | All      | Yes               |
+|   width   |                        元素宽度                        | number\| string | No       | All      | Yes               |
+|  height   |                        元素高度                        | number\| string | No       | All      | Yes               |
+|   href    |                      图像资源引用                      | source\| string | Yes      | All      | Yes               |
+| xlinkHref | 指定了一个 URI，该 URI 指向了 SVG 文档中定义的一个元素 |     string      | No       | All      | Yes               |
+|  opacity  |                         透明度                         | number\| string | No       | All      | Yes               |
+
+**Ellipse**： 椭圆绘制组件，基于一个中心坐标以及它们的 x 半径和 y 半径
+
+|  Name   |      Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :-------------------: | :-------------: | -------- | -------- | ----------------- |
+|   cx    | 圆心在 x 轴上平移距离 | number\| string | No       | All      | Yes               |
+|   cy    | 圆心在 y 轴上平移距离 | number\| string | No       | All      | Yes               |
+|   rx    |   定义 x 轴上的半径   | number\| string | No       | All      | Yes               |
+|   ry    |   定义 y 轴上的半径   | number\| string | No       | All      | Yes               |
+| opacity |        透明度         | number\| string | No       | All      | Yes               |
+
+**Symbol**： 该元素用来定义一个图形模板对象，它可以用一个<use>元素实例化
+
+|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------------------: | :-------------: | -------- | -------- | ----------------- |
+| preserveAspectRatio | 是否强制进行统一缩放 |     string      | No       | All      | Yes               |
+|       viewBox       |       组件视区       |     string      | No       | All      | Yes               |
+
+**ClipPath**：该元素定义一条剪切路径，可作为其他元素的 clipPath 属性的值
+
+> 注： 该组件无属性
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :--: | :---------: | :--: | -------- | -------- | ----------------- |
+|  /   |      /      |  /   | /        | All      | Yes               |
+
+**Marker**：用于在绘制类组件上添加标记
+
+|        Name         |                      Description                       |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :----------------------------------------------------: | :-------------: | -------- | -------- | ----------------- |
+|         id          |                  为元素分配唯一的名称                  |     string      | Yes      | All      | Yes               |
+|       viewBox       |              视窗在用户空间中的位置和尺寸              |     string      | No       | All      | Yes               |
+|        refX         |                  标记参考点的 x 坐标                   | number\| string | No       | All      | Yes               |
+|        refY         |                  标记参考点的 y 坐标                   | number\| string | No       | All      | Yes               |
+|     markerUnits     | markerWidth 和 markerHeight 属性的坐标系以及标记的内容 |     string      | No       | All      | Yes               |
+|       orient        |         将标记放置在形状上的相应位置时如何旋转         |     string      | No       | All      | Yes               |
+|     markerWidth     |                表示标记进入的视窗的宽度                | number\| string | No       | All      | Yes               |
+|    markerHeight     |                表示标记进入的视窗的高度                | number\| string | No       | All      | Yes               |
+
+**Pattern**：用于定义一个图形对象，可以被引用以平铺重绘该图形对象以覆盖某个区域。
+
+|        Name         |                                Description                                |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :-----------------------------------------------------------------------: | :-------------: | -------- | -------- | ----------------- |
+|         id          |                           为元素分配唯一的名称                            |     string      | Yes      | All      | Yes               |
+|          x          |                            标记参考点的 x 坐标                            | number\| string | No       | All      | Yes               |
+|          y          |                            标记参考点的 y 坐标                            | number\| string | No       | All      | Yes               |
+|        width        |                         表示标记进入的视窗的宽度                          | number\| string | No       | All      | Yes               |
+|       height        |                         表示标记进入的视窗的高度                          | number\| string | No       | All      | Yes               |
+|    patternUnits     |              属性指示 pattern 元素的几何属性使用哪个坐标系。              |     string      | No       | All      | Yes               |
+| patternContentUnit  |              属性指示 pattern 元素的几何属性使用哪个坐标系。              |     string      | No       | All      | Yes               |
+|  patternTransform   |                   定义了应用于图案图块的变换定义的列表                    |     string      | No       | All      | Yes               |
+|       viewBox       |                     定义视窗在用户空间中的位置和尺寸                      |     string      | No       | All      | Yes               |
+| preserveAspectRatio | 指示具有提供给定宽高比的 viewBox 的元素必须如何适应具有不同宽高比的视口。 |     string      | No       | All      | Yes               |
+
+**Symbol**：用于定义可由 use 元素实例化的图形模板对象。
+
+|        Name         |                                Description                                |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------: | :-----------------------------------------------------------------------: | :-------------: | -------- | -------- | ----------------- |
+|         id          |                           为元素分配唯一的名称                            |     string      | Yes      | All      | Yes               |
+|       viewBox       |                     定义视窗在用户空间中的位置和尺寸                      |     string      | No       | All      | Yes               |
+| preserveAspectRatio | 指示具有提供给定宽高比的 viewBox 的元素必须如何适应具有不同宽高比的视口。 |     string      | No       | All      | Yes               |
+
+**Line**：SVG 基本形状，用于创建连接两点的线。
+
+|  Name   |   Description    |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :--------------: | :-------------: | -------- | -------- | ----------------- |
+|   x1    | x 轴上线条的起点 | number\| string | No       | All      | Yes               |
+|   y1    | y 轴上的线的起点 | number\| string | No       | All      | Yes               |
+|   x2    | x 轴上的线的末端 | number\| string | No       | All      | Yes               |
+|   y2    | y 轴上的线的末端 | number\| string | No       | All      | Yes               |
+| opacity |      透明度      | number\| string | No       | All      | Yes               |
+
+**Text**：绘制由文本组成的图形元素
+
+|    Name    |           Description            |      Type       | Required | Platform | HarmonyOS Support |
+| :--------: | :------------------------------: | :-------------: | -------- | -------- | ----------------- |
+|     x      |      文本基线起点的 x 坐标       |  number\string  | No       | All      | Yes               |
+|     y      |      文本基线起点的 y 坐标       |  number\string  | No       | All      | Yes               |
+|     dx     | 从前一个文本元素水平移动文本位置 |  number\string  | No       | All      | Yes               |
+|     dy     | 从前一个文本元素垂直移动文本位置 | number\| string | No       | All      | Yes               |
+|   rotate   |      旋转每个单独字形的方向      |      array      | No       | All      | Yes               |
+|  opacity   |              透明度              |     number      | No       | All      | Yes               |
+| inlineSize |          水平或垂直尺寸          |     number      | No       | All      | No               |
+| alignmentBaseline | 指定文本的对齐基线        |      string      | NO       | ALL      | Yes               |
+| baselineShift | 设置垂直位置调整              | number\| string  | No       | All      | Yes               |
+| lengthAdjust | 调整文本以适应特定的布局约束    |      string      | No       | All      | Yes               |
+| textLength | 指定文本应该被渲染的长度          |     number       | No       | All      | Yes               |
+
+**TSpan**：绘制文本或 Text 内的子文本
+
+|    Name    |           Description            |      Type       | Required | Platform | HarmonyOS Support |
+| :--------: | :------------------------------: | :-------------: | -------- | -------- | ----------------- |
+|     x      |      文本基线起点的 x 坐标       |  number\string  | No       | All      | Yes               |
+|     y      |      文本基线起点的 y 坐标       |  number\string  | No       | All      | Yes               |
+|     dx     | 从前一个文本元素水平移动文本位置 |  number\string  | No       | All      | Yes               |
+|     dy     | 从前一个文本元素垂直移动文本位置 | number\| string | No       | All      | Yes               |
+|   rotate   |      旋转每个单独字形的方向      |      array      | No       | All      | Yes               |
+|  opacity   |              透明度              |     number      | No       | All      | Yes               |
+| inlineSize |          水平或垂直尺寸          |     number      | No       | All      | Yes               |
+
+**TextPath**：若要沿路径形状呈现文本，将文本括在具有 href 属性的 TextPath 元素中，并引用 Path 元素。
+
+|    Name     |            Description             |      Type       | Required | Platform | HarmonyOS Support |
+| :---------: | :--------------------------------: | :-------------: | -------- | -------- | ----------------- |
+|    href     | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | No               |
+|  xlinkHref  | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | No               |
+|   method    |      沿路径渲染各个字形的方法      |     string      | No       | All      | No               |
+|   spacing   |         绘制字符之间的间距         |     string      | No       | All      | No               |
+|    side     |      文本应呈现在路径的哪一侧      |     string      | No       | All      | No               |
+|   midLine   |                中线                |     string      | No       | All      | No               |
+| startOffset |  文本开始被沿着路径绘制时的偏移量  | number\| string | No       | All      | No               |
+
+**SvgAst**：该组件通过传入 ast 来渲染出 svg
+
+|   Name   |         Description          |   Type   | Required | Platform | HarmonyOS Support |
+| :------: | :--------------------------: | :------: | :------: | :------: | :---------------: |
+|   ast    | 解析 svg 字符串得到的 ast 树 |  JsxAST  |   Yes    |   All    |        Yes        |
+| override |    覆盖 svg 样式，如宽高     |  object  |    No    |   All    |        Yes        |
+
+**SvgFromUri**：该组件通过传入 uri 地址来渲染出 svg
+
+|   Name   |      Description      |   Type   | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
+|   uri    |     svg 资源地址      |  string  |   Yes    |   All    |        Yes        |
+| override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
+
+**SvgFromXml**：该组件通过传入字符串来渲染出 svg
+
+|   Name   |      Description      |   Type   | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
+|   xml    |   svg 代码的字符串    |  string  |   Yes    |   All    |        Yes        |
+| override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
+
+**SvgXml**：该组件通过传入字符串来渲染出 svg
+
+|   Name   |      Description      |   Type   | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
+|   xml    |   svg 代码的字符串    |  string  |   Yes    |   All    |        Yes        |
+| override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
+
+**SvgUri**：该组件通过传入 uri 地址来渲染出 svg
+
+|   Name   |      Description      |   Type   | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
+|   uri    |     svg 资源地址      |  string  |   Yes    |   All    |        Yes        |
+| override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
+| onError  |      错误时触发       | function |    No    |   All    |        Yes        |
+|  onLoad  |    加载成功后触发     | function |    No    |   All    |        Yes        |
+| fallback |      加载中元素       | function |    No    |   All    |        Yes        |
+
+**函数**
+
+|   Name    |        Description         |   Type   | Required | Platform | HarmonyOS Support |
+| :-------: | :------------------------: | :------: | :------: | :------: | :---------------: |
+|   parse   | 将 svg 字符串解析成 JsxAST | function |    No    |   All    |        Yes        |
+|    err    |          打印日志          | function |    No    |   All    |        Yes        |
+| camelCase |    字符串首字母转成大写    | function |    No    |   All    |        Yes        |
+| fetchText | 将 svg 字符串解析成 JsxAST | function |    No    |   All    |        Yes        |
+
+**公共属性**：
+
+Common props 组件属性 HarmonyOS 侧支持情况
+
+|       Name       |                 Description                 |    Type     |  Default  | Required | Platform |
+| :--------------: | :-----------------------------------------: | :---------: | :-------: | :------: | :------: |
+|       fill       |              设置填充区域颜色               |   string    |  '#000'   |    No    |   All    |
+|   fillOpacity    |             设置填充区域透明度              |   number    |     1     |    No    |   All    |
+|     fillRule     |                设置填充规则                 |   number    |     1     |    No    |   All    |
+|     clipRule     |                设置裁剪规则                 |   string    | 'evenodd' |    No    |   All    |
+|     clipPath     |           指定、关联一条裁剪路径            |   string    |  'none'   |    No    |   All    |
+|      stroke      |    设置边框颜色，不设置时，默认没有边框     |   string    |   none    |    No    |   All    |
+|   strokeWidth    |                设置边框宽度                 |   number    |     1     |    No    |   All    |
+|  strokeOpacity   |                 边框透明度                  |   number    |     1     |    No    |   All    |
+| strokeDasharray  |         用来描边的点划线的图案范式          |   number    |   none    |    No    |   All    |
+| strokeDashoffset |      指定了 dash 模式到路径开始的距离       |   number    |     1     |    No    |   All    |
+|  strokeLinecap   |             设置路径两端的形状              |   string    |   butt    |    No    |   All    |
+|  strokeLinejoin  |         指明路径的转角处使用的形状          |   string    |   miter   |    No    |   All    |
+| strokeMiterlimit | 对斜接长度和 stroke-width 的比率设置极限 值 |   number    |     4     |    No    |   All    |
+|   vectorEffect   |       指明绘制对象时要使用的矢量效果        |   string    |   none    |    No    |   All    |
+|    translate     |                  设置位移                   | numberArray |    0,0    |    No    |   All    |
+|    translateX    |                设置 x 轴位移                |   number    |     0     |    No    |   All    |
+|    translateY    |                设置 y 轴位移                |   number    |     0     |    No    |   All    |
+|      origin      |           更改一个元素变形的原点            | numberArray |    0,0    |    No    |   All    |
+|     originX      |        更改一个元素变形的原点 x 坐标（单独使用无效，需配合其他属性如 rotation 使用）        |   number    |     0     |    No    |   All    |
+|     originY      |        更改一个元素变形的原点 y 坐标（单独使用无效，需配合其他属性如 rotation 使用）       |   number    |     0     |    No    |   All    |
+|      scale       |                定义缩放大小                 | numberArray |   1，1    |    No    |   All    |
+|      scaleX      |              定义 x 轴缩放大小              |   number    |     1     |    No    |   All    |
+|      scaleY      |              定义 y 轴缩放大小              |   number    |     1     |    No    |   All    |
+|     rotation     |                设置旋转角度                 |   number    |   0，0    |    No    |   All    |
+|        x         |              标识一个 x 轴坐标              |   number    |     0     |    No    |   All    |
+|        y         |              标识一个 y 轴坐标              |   number    |     0     |    No    |   All    |
+|    transform     |   定义应用于元素及其子元素的变换规则列表    |   string    |     -     |    No    |   All    |
+|      marker      |         指定路径所有顶点的路标样式          |   string    |     -     |    No    |   All    |
+|   markerStart    |        指定路径起点所采用的路标样式         |   string    |     -     |    No    |   All    |
+|    markerMid     |      指定路径中间顶点所采用的路标样式       |   string    |     -     |    No    |   All    |
+|    markerEnd     |        指定路径终点所采用的路标样式         |   string    |     -     |    No    |   All    |
+|       mask       |    给元素指定使用 Mask 元素实现遮罩效果     |   string    |     -     |    No    |   All    |
+|        id        |                 设置节点 id                 |   string    |     -     |    No    |   All    |
+|     opacity      |                 设置透明度                  |   number    |     1     |    No    |   All    |
+|    transform     |   定义应用于元素及其子元素的变换规则列表    |   string    |     -     |    No    |   All    |
+|     display      |             控制元素展示的方式              |   string    |   block   |    No    |   All    |
+|  pointerEvents   |          设置元素如何响应点击事件           |   string    |           |    No    |   All    |
+|   vectorEffect   |       指明绘制对象时要使用的矢量效果        |     Int     |     0     |    No    |   All    |
+
+FontProps 组件属性 HarmonyOS 侧支持情况
+
+|         Name          |                          Description                           |        Type        | Default | Required | Platform |
+| :-------------------: | :------------------------------------------------------------: | :----------------: | :-----: | :------: | :------: |
+|       fontSize        | 在多行布局环境中将多行文本设置为实线时，从基线到基线的字体大小 |       string       | medium  |    No    |   All    |
+|      fontWeight       |   用于呈现文本的字形相对于同一字体族中的其他字体的粗度或亮度   |       string       | normal  |    No    |   All    |
+|         font          |                   设置一个用于文字布局的字体                   | FontObject（对象） |  none   |    No    |   All    |
+|       fontStyle       |                        指定文本渲染样式                        |       string       | normal  |    No    |   All    |
+|      fontVariant      |                        设置文本字体变体                        |                    |         |    No    |   All    |
+|      fontStretch      |                        控制字体拉伸程度                        |       string       | normal  |    No    |   All    |
+|      fontFamily       |                          指定文本字体                          |       string       | normal  |    No    |   All    |
+|      textAnchor       |               用于指定文本相对于其锚点的对齐方式               |       string       |  start  |    No    |   All    |
+|    textDecoration     |                        设置文本装饰效果                        |       string       |    -    |    No    |   All    |
+|     letterSpacing     |                     设置字符间距或字母间距                     |       number       |    1    |    No    |   All    |
+|      wordSpacing      |                     设置英文单词之间的距离                     |       number       |    1    |    No    |   All    |
+|        kerning        |                       设置字符之间的间距                       |       number       |    0    |    No    |   All    |
+|  fontFeatureSettings  |                          字体特性控制                          |       string       | normal  |    No    |   All    |
+| fontVariantLigatures  |                         控制文本中连字                         |       string       | normal  |    No    |   All    |
+| fontVariationSettings |                 设置字体的宽度、高度、倾斜度等                 |       string       | normal  |    No    |   All    |
+
+## 遗留问题
+
+- [ ] isPointInFill 判断点位坐标是否在fill上 未实现
+- [ ] isPointInStroke 判断点位坐标是否在stroke上 未实现
+- [ ] getTotalLength 获取总path的长度 未实现
+- [ ] getPointAtLength 获取点位坐标在path上的信息 未实现
+- [ ] getBBox 获取组件的边界信息 未实现
+- [ ] getCTM 获取相对于父组件的matrix矩阵信息 未实现
+- [ ] getScreenCTM 获取组件的matrix矩阵信息 未实现
+- [ ] getRawResource 获取android中的资源文件 未实现
+- [ ] foreignObject 该组件允许svg使用外部组件 未实现
+- [ ] filter 该组件可以为 SVG 图形添加各种视觉效果 未实现
+- [ ] TextPath 功能未完全实现
+- [ ] Text,TSpan组件的rotate,fontFamily,wordSpacing属性 未实现 
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-svg-charts.md b/en/react-native-svg-charts.md
new file mode 100644
index 00000000..d170cc33
--- /dev/null
+++ b/en/react-native-svg-charts.md
@@ -0,0 +1,636 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-svg-charts</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/JesperLekland/react-native-svg-charts">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/JesperLekland/react-native-svg-charts/blob/dev/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-svg-charts)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-naitve-svg-charts@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add  @react-native-oh-tpl/react-naitve-svg-charts@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+areaChart：
+```jsx
+import React from 'react'
+import { Path } from 'react-native-svg'
+import { AreaChart, Grid } from 'react-native-svg-charts'
+import * as shape from 'd3-shape'
+
+class AreaChartExample extends React.PureComponent {
+
+    render() {
+
+        const data = [50, 10, 40, 95, -4, -24, 85, 91, 35, 53, -53, 24, 50, -20, -80]
+
+        const Line = ({ line }) => (
+            <Path
+                key={'line'}
+                d={line}
+                stroke={'rgb(134, 65, 244)'}
+                fillOpacity={0}
+            />
+        )
+
+        return (
+            <AreaChart
+                style={{ height: 200 }}
+                data={data}
+                contentInset={{ top: 30, bottom: 30 }}
+                curve={shape.curveNatural}
+                svg={{ fill: 'rgba(134, 65, 244, 0.2)' }}
+                animate={true}
+                animationDuration={2000}
+            >
+                <Grid />
+                <Line />
+            </AreaChart>
+        )
+    }
+}
+
+export default AreaChartExample
+```
+barChart:
+```jsx
+import React from 'react'
+import { BarChart, Grid } from 'react-native-svg-charts'
+
+class GroupedBarChartExample extends React.PureComponent {
+
+    render() {
+
+        const data1 = [ 14, -1, 100, -95, -94, -24, -8, 85, -91, 35, -53, 53, -78, 66, 96, 33, -26, -32, 73, 8 ]
+            .map((value) => ({ value }))
+        const data2 = [ 24, 28, 93, 77, -42, -62, 52, -87, 21, 53, -78, -62, -72, -6, 89, -70, -94, 10, 86, 84 ]
+            .map((value) => ({ value }))
+
+        const barData = [
+            {
+                data: data1,
+                svg: {
+                    fill: 'rgb(134, 65, 244)',
+                },
+            },
+            {
+                data: data2,
+            },
+        ]
+
+        return (
+            <BarChart
+                style={ { height: 200 } }
+                data={ barData }
+                yAccessor={({ item }) => item.value}
+                svg={{
+                    fill: 'green',
+                }}
+                contentInset={ { top: 30, bottom: 30 } }
+                { ...this.props }
+            >
+                <Grid/>
+            </BarChart>
+        )
+    }
+
+}
+
+export default GroupedBarChartExample
+```
+
+StackedBarChart：
+```jsx
+import React from 'react'
+import { Grid, StackedBarChart } from 'react-native-svg-charts'
+
+const colors = ['#33691E', '#689F38', '#9CCC65', '#DCEDC8']
+const data = [
+    {
+        broccoli: {
+            value: 3840,
+            svg: {
+                onPress: () => console.log('onPress => 0:broccoli:3840'),
+            },
+        },
+        celery: {
+            value: 1920,
+            svg: {
+                onPress: () => console.log('onPress => 0:celery:1920'),
+            },
+        },
+        onions: {
+            value: 960,
+            svg: {
+                onPress: () => console.log('onPress => 0:onions:960'),
+            },
+        },
+        tomato: {
+            value: 400,
+            svg: {
+                onPress: () => console.log('onPress => 0:tomato:400'),
+            },
+        },
+    },
+    {
+        broccoli: {
+            value: 1600,
+            svg: {
+                onPress: () => console.log('onPress => 1:broccoli:1600'),
+            },
+        },
+        celery: {
+            value: 1440,
+            svg: {
+                onPress: () => console.log('onPress => 1:celery:1440'),
+            },
+        },
+        onions: {
+            value: 960,
+            svg: {
+                onPress: () => console.log('onPress => 1:onions:960'),
+            },
+        },
+        tomato: {
+            value: 400,
+            svg: {
+                onPress: () => console.log('onPress => 1:tomato:400'),
+            },
+        },
+    },
+    {
+        broccoli: {
+            value: 640,
+            svg: {
+                onPress: () => console.log('onPress => 2:broccoli:640'),
+            },
+        },
+        celery: {
+            value: 960,
+            svg: {
+                onPress: () => console.log('onPress => 2:celery:960'),
+            },
+        },
+        onions: {
+            value: 3640,
+            svg: {
+                onPress: () => console.log('onPress => 2:onions:3640'),
+            },
+        },
+        tomato: {
+            value: 400,
+            svg: {
+                onPress: () => console.log('onPress => 2:tomato:400'),
+            },
+        },
+    },
+    {
+        broccoli: {
+            value: 3320,
+            svg: {
+                onPress: () => console.log('onPress => 3:broccoli:3320'),
+            },
+        },
+        celery: {
+            value: 480,
+            svg: {
+                onPress: () => console.log('onPress => 3:celery:480'),
+            },
+        },
+        onions: {
+            value: 640,
+            svg: {
+                onPress: () => console.log('onPress => 3:onions:640'),
+            },
+        },
+        tomato: {
+            value: 400,
+            svg: {
+                onPress: () => console.log('onPress => 3:tomato:400'),
+            },
+        },
+    },
+]
+
+const keys = ['broccoli', 'celery', 'onions', 'tomato']
+
+class StackedBarChartWithOnPressExample extends React.PureComponent {
+    render() {
+        return (
+            <StackedBarChart
+                style={{ height: 300 }}
+                colors={colors}
+                contentInset={{ top: 30, bottom: 30 }}
+                data={data}
+                keys={keys}
+                valueAccessor={({ item, key }) => item[key].value}
+            >
+                <Grid />
+            </StackedBarChart>
+        )
+    }
+}
+
+export default StackedBarChartWithOnPressExample
+```
+
+lineChart：
+```jsx
+import React from 'react'
+import { LineChart, Path, Grid } from 'react-native-svg-charts'
+
+class LineChartExample extends React.PureComponent {
+
+    render() {
+
+        const data = [50, 10, 40, 95, -4, -24, 85, 91, 35, 53, -53, 24, 50, -20, -80]
+
+        const Shadow = ({ line }) => (
+            <Path
+                key={'shadow'}
+                y={2}
+                d={line}
+                fill={'none'}
+                fillOpacity={0}
+                strokeWidth={4}
+                stroke={'rgba(134, 65, 244, 0.2)'}
+            />
+        )
+
+        return (
+            <LineChart
+                style={{ height: 200, position: 'relative', zIndex: 0 }}
+                data={data}
+                svg={{ stroke: 'rgb(134, 65, 244)', fillOpacity: 0 }}
+                contentInset={{ top: 20, bottom: 20 }}
+            >
+                <Grid />
+                <Shadow />
+            </LineChart>
+        )
+    }
+
+}
+
+export default LineChartExample
+```
+
+StackedAreaChart：
+```jsx
+import React from 'react'
+import { StackedAreaChart, YAxis, Grid } from 'react-native-svg-charts'
+import * as shape from 'd3-shape'
+import { View } from 'react-native'
+
+class AreaStackWithAxisExample extends React.PureComponent {
+
+    render() {
+
+        const data = [
+            {
+                month: new Date(2015, 0, 1),
+                apples: 3840,
+                bananas: 1920,
+                cherries: 960,
+                dates: 400,
+            },
+            {
+                month: new Date(2015, 1, 1),
+                apples: 1600,
+                bananas: 1440,
+                cherries: 960,
+                dates: 400,
+            },
+            {
+                month: new Date(2015, 2, 1),
+                apples: 640,
+                bananas: 960,
+                cherries: 3640,
+                dates: 400,
+            },
+            {
+                month: new Date(2015, 3, 1),
+                apples: 3320,
+                bananas: 480,
+                cherries: 640,
+                dates: 400,
+            },
+        ]
+
+        const colors = ['rgba(138, 0, 230, 0.8)', 'rgba(173, 51, 255, 0.8)', 'rgba(194, 102, 255, 0.8)', 'rgba(214, 153, 255, 0.8)']
+        const keys = ['apples', 'bananas', 'cherries', 'dates']
+
+        return (
+            <View style={{ flexDirection: 'row', height: 200 }}>
+                <StackedAreaChart
+                    style={{ flex: 1 }}
+                    contentInset={{ top: 10, bottom: 10 }}
+                    data={data}
+                    keys={keys}
+                    colors={colors}
+                    curve={shape.curveNatural}
+                >
+                    <Grid />
+                </StackedAreaChart>
+                <YAxis
+                    style={{ position: 'absolute', top: -10, bottom: 10, width: 40 }}
+                    data={StackedAreaChart.extractDataPoints(data, keys)}
+                    contentInset={{ top: 10, bottom: 10 }}
+                    numberOfTicks={8}
+                    svg={{
+                        fontSize: 8,
+                        fill: 'white',
+                        stroke: 'black',
+                        strokeWidth: 0.1,
+                        alignmentBaseline: 'baseline',
+                        baselineShift: '3'
+                    }}
+                />
+            </View>
+        )
+    }
+}
+
+export default AreaStackWithAxisExample
+```
+
+ProgressCircle：
+```jsx
+import React from 'react'
+import { ProgressCircle } from 'react-native-svg-charts'
+
+class ProgressCircleExample extends React.PureComponent {
+
+    render() {
+
+        return (
+            <ProgressCircle
+                style={ { height: 200 } }
+                progress={ 0.7 }
+                progressColor={'rgb(134, 65, 244)'}
+                startAngle={ -Math.PI * 0.8 }
+                endAngle={ Math.PI * 0.8 }
+            />
+        )
+    }
+
+}
+
+export default ProgressCircleExample
+```
+
+PieChart：
+```jsx
+import React from 'react'
+import { PieChart } from 'react-native-svg-charts'
+import { Circle, G, Line } from 'react-native-svg'
+
+class PieChartWithLabelExample extends React.PureComponent {
+
+    render() {
+
+        const data = [ 50, 10, 40, 95, -4, -24, 85, 91 ]
+
+        const randomColor = () => ('#' + (Math.random() * 0xFFFFFF << 0).toString(16) + '000000').slice(0, 7)
+
+        const pieData = data
+            .filter(value => value > 0)
+            .map((value, index) => ({
+                value,
+                svg: { fill: randomColor() },
+                key: `pie-${index}`,
+            }))
+
+        const Labels = ({ slices }) => {
+            return slices.map((slice, index) => {
+                const { labelCentroid, pieCentroid, data } = slice;
+                return (
+                    <G key={ index }>
+                        <Line
+                            x1={ labelCentroid[ 0 ] }
+                            y1={ labelCentroid[ 1 ] }
+                            x2={ pieCentroid[ 0 ] }
+                            y2={ pieCentroid[ 1 ] }
+                            stroke={ data.svg.fill }
+                        />
+                        <Circle
+                            cx={ labelCentroid[ 0 ] }
+                            cy={ labelCentroid[ 1 ] }
+                            r={ 15 }
+                            fill={ data.svg.fill }
+                        />
+                    </G>
+                )
+            })
+        }
+
+        return (
+            <PieChart
+                style={ { height: 200 } }
+                data={ pieData }
+                innerRadius={ 20 }
+                outerRadius={ 55 }
+                labelRadius={ 80 }
+            >
+                <Labels/>
+            </PieChart>
+        )
+    }
+
+}
+
+export default PieChartWithLabelExample
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. react-native-harmony: 0.72.26-CAPI; SDK：HarmonyOS NEXT Developer Cannary3 SP2; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22(Canary3);
+
+## 属性
+
+详情见[react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)
+
+### 共有属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An array of arbitrary data - use prop xAccessor/yAccessorto tell the chart about the data structure         | array  | YES | ALL      | YES |
+yAccessor | A function that takes each entry of data (named "item") as well as the index and returns the y-value of that entry |  function | YES | ALL | YES |
+xAccessor | Same as yAccessor but returns the x-value of that entry | function | YES | ALL | YES |
+yScale | A function that determines the scale of said axis (only tested with scaleLinear, scaleTime & scaleBand ) | d3Scale.scaleLinear | YES | ALL | YES |
+xScale | Same as yScale but for the x axis | d3Scale.scaleLinear | YES | ALL | YES |
+svg | an object containing all the props that should be passed down to the underlying react-native-svg component. See available props | object | YES | ALL | YES |
+animate | PropTypes.bool | boolean |   YES | ALL | YES |
+animationDuration | PropTypes.number | number |   YES | ALL | YES |
+style | Supports all ViewStyleProps | ViewStyleProps |   YES | ALL | YES |
+curve | A function like this | d3.curveLinear  |   YES | ALL | YES |
+contentInset | An object that specifies how much fake "margin" to use inside of the SVG canvas. This is particularly helpful on Android where overflow: "visible" isn't supported and might cause clipping. Note: important to have same contentInset on axis's and chart | object |   YES | ALL | YES |
+numberOfTicks | We use d3-array to evenly distribute the grid and dataPoints on the yAxis. This prop specifies how many "ticks" we should try to render. Note: important that this prop is the same on both the chart and on the yAxis | number/undefined |   YES | ALL | YES |
+showGrid | Whether or not to show the grid lines  | boolean |   YES | ALL | YES |
+yMin | Alter how the chart bounds are calculated  | number/undefined |   YES | ALL | YES |
+yMax | Alter how the chart bounds are calculated  |  number/undefined |   YES | ALL | YES |
+xMin | Alter how the chart bounds are calculated  |  number/undefined |   YES | ALL | YES |
+xMax | Alter how the chart bounds are calculated  |  number/undefined |   YES | ALL | YES |
+children | One or many react-native-svg components that will be used to enhance your chart |  ReactNode |   YES | ALL | YES |
+
+### 属性children
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| x  | a function that normally accepts the index of a data point an returns its 'x' location on the canvas         |  nunmber/string  | YES | ALL      | YES |
+| y  | a function that normally accepts the value of a data point an returns its 'y' location on the canvas        |  nunmber/string  | YES | ALL      | YES |
+| width  | the width of the canvas in pixels        |  number/srting  | YES | ALL      | YES |
+| height  | the height of the canvas in pixels        |   number/srting  | YES | ALL      | YES |
+| data  | the same data array provided to the chart, use this to map over your data points if you want decorators on each point        |  array  | YES | ALL      | YES |
+| ticks  | if numberOfTicks has been provided to the chart this array will include the calculated tick values (useful for grids)       |  array  | YES | ALL      | YES |
+
+### 组件特有属性
+
+#### Area
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| start  | The value of which the area should start (will always end on the data point)    |  number/undefined  | YES | ALL      | YES |
+
+#### StackedAreaChart
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An array of the data entries    |  array  | YES | ALL      | YES |
+| keys  | This array should contain the object keys of interest (see above example)    |  array  | YES | ALL      | YES |
+| colors  | An array of equal size as keys with the color for each key    |  array  | YES | ALL      | YES |
+| order  | The order in which to sort the areas    |  d3.stackOrderNone  | YES | ALL      | YES |
+| offset  | A function to determine the offset of the areas    |  d3.stackOffsetNone  | YES | ALL  | YES |
+
+#### BarChart
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | The data prop in a barChart can look exactly like in a Line- or AreaChart, i.e an array of just numbers or complex objects. It can however also be an array with several data sets. A data object can contain a svg property which allows you two override styles on that specific object.     |  array  | YES | ALL      | YES |
+| horizontal  | Boolean whether or not the bars should be horizontal   |  boolean  | YES | ALL      | YES |
+| svg  | Default svg props for all bars. Supports all svg props an svg path normally supports. This styles will be overriden if there are specific styles for a given data object   |  object  | YES | ALL      | YES |
+| spacingInner  | Spacing between the bars (or groups of bars)    |  number/undefined   | YES | ALL      | YES |
+| spacingOuter  | Spacing outside of the bars (or groups of bars). Percentage of one bars width    |  number/undefined   | YES | ALL      | YES |
+| contentInset  | PropTypes.shape    |  object  | YES | ALL      | YES |
+| children.bandwidth  | the width of a band (a.k.a bar)    |  number  | YES | ALL      | YES |
+
+#### StackedBarChart
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An array of the data entries: each value can be a number or a complex object with custom svg props for example    |  array  | YES | ALL      | YES |
+| keys  | This array should contain the object keys of interest (see above example)    |  array  | YES | ALL      | YES |
+| colors  | An array of equal size as keys with the color for each key    |  array  | YES | ALL      | YES |
+| valueAccessor  | Very similar to the yAccessor of the other charts, usually needed when using complex objects as values    |  function  | YES | ALL      | YES |
+| horizontal  | Boolean whether or not the bars should be horizontal   |  boolean  | YES | ALL      | YES |
+| order  | The order in which to sort the areas    |  d3.stackOrderNone  | YES | ALL      | YES |
+| offset  | A function to determine the offset of the areas    |  d3.stackOffsetNone | YES | ALL  | YES |
+
+#### PieChart
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | Very similar to the data prop of our other charts, the only exception is that the PieChart only accepts complex objects (not just numbers). An item can also contain the arc property which allows you two override settings on that specific arc    |  array  | YES | ALL      | YES |
+| valueAccessor  | Very similar to the yAccessor of the other charts    |  function  | YES | ALL      | YES |
+| outerRadius  | The outer radius, use this to tweak how close your pie is to the edge of it's container. Takes either percentages or absolute numbers (pixels)    |  number/string/undefined  | YES | ALL      | YES |
+| innerRadius  | The inner radius, use this to create a donut. Takes either percentages or absolute numbers (pixels)    |  number/string/undefined  | YES | ALL      | YES |
+| labelRadius  | The radius of the circle that will help you layout your labels. Takes either percentages or absolute numbers (pixels)    |  number/string/undefined  | YES | ALL      | YES |
+| padAngle  | The angle between the slices    |  number/undefined  | YES | ALL      | YES |
+| startAngle  | The start angle in radians of the entire pie    |  number/undefined  | YES | ALL      | YES |
+| endAngle  | The end angle in radians of the entire pie    |  number/undefined  | YES | ALL      | YES |
+| sort  | Like any normal sort function it expects either 0, a positive or negative return value. The arguments are each an object from the dataPoints array   |  function  | YES | ALL      | YES |
+| children.slices  | an array of the pie chart slices. See source code and examples for what it includes    |  array  | YES | ALL      | YES |
+
+#### ProgressCircle
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| progress  | PropTypes.number.isRequired    |  number  | YES | ALL  | YES |
+| progressColor  | PPropTypes.any    |  string/undefined  | YES | ALL  | YES |
+| backgroundColor  | PropTypes.any    |  string/undefined  | YES | ALL  | YES |
+| startAngle  | PropTypes.number    |  number/undefined  | YES | ALL  | YES |
+| endAngle  | PropTypes.number    |  number/undefined  | YES | ALL  | YES |
+| strokeWidth  | PropTypes.number    |  number/undefined  | YES | ALL  | YES |
+| cornerRadius  | PropTypes.number    |  number/undefined | YES | ALL  | YES |
+
+#### YAxis
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| scale  | Should be the same as passed into the charts yScale, or d3Scale.scaleBand if used in conjunction with a horizontal BarChart   |  d3Scale.scaleLinear  | YES | ALL  | YES |
+| svg  | supports all svg props an svg text normally supports   |  object  | YES | ALL      | YES |
+| spacingInner  | Spacing between the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingInner prop on the actual BarChart   |  number/undefined   | YES | ALL      | YES |
+| spacingOuter  | 	Spacing outside of the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingOuter prop on the actual BarChart   |  number/undefined  | YES | ALL      | YES |
+| formatLabel  | A utility function to format the text before it is displayed, e.g `value => "$" + value   |  function|undefined  | YES | ALL      | YES |
+| contentInset  | Used to sync layout with chart (if same prop used there)   |  object  | YES | ALL      | YES |
+| min  | Used to sync layout with chart (if gridMin is used there)  | number/undefined | YES | ALL      | YES |
+| max  | Used to sync layout with chart (if gridMax is used there)  | number/undefined | YES | ALL      | YES |
+
+#### XAxis
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An array of values or objects to render on the xAxis. Should preferably have the same length as the chart's dataPoints. If a complex object is used instead of a simple value, a xAccessor prop is required to calculate the axis' extent. A data object can contain a svg property which allows you to override styles on that specific object  |  array  | YES | ALL      | YES |
+| scale  | Should be the same as passed into the charts xScale   |  d3Scale.scaleLinear  | YES | ALL  | YES |
+| spacingInner  | Spacing between the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingInner prop on the actual BarChart   |  number/undefined   | YES | ALL      | YES |
+| spacingOuter  | 	Spacing between the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingOuter prop on the actual BarChart   |  number/undefined  | YES | ALL      | YES |
+| svg  | Default svg props for all labels. Supports all svg props an svg text normally supports. This styles will be overriden if there are specific styles for a given data object   |  object  | YES | ALL      | YES |
+| formatLabel  | A utility function to format the text before it is displayed, e.g value => "day" + value. Passes back the value provided by the xAccessor   |  function  | YES | ALL      | YES |
+| contentInset  | Used to sync layout with chart (if same prop used there)  |  object  | YES | ALL      | YES |
+
+
+#### Grid
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| svg  | an object containing all the props that should be passed down to the underlying react-native-svg component.   |  object  | YES | ALL      | YES |
+| direction  | The direction of the grid lines.  |  Grid.Direction  | YES | ALL      | YES |
+| belowChart  | whether or not to render below the chart.  |  boolean  | YES | ALL      | YES |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/JesperLekland/react-native-svg-charts/blob/dev/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-svg.md b/en/react-native-svg.md
new file mode 100644
index 00000000..0db05f3f
--- /dev/null
+++ b/en/react-native-svg.md
@@ -0,0 +1,338 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-svg(ArkTS)</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/software-mansion/react-native-svg">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/software-mansion/react-native-svg/blob/main/LICENSE">
+        <img src="https://img.shields.io/npm/l/react-native-svg.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-svg)
+
+## 安装与使用
+
+> [!tip] 本项目为 react-native-svg 的ArkTs版本，现已停止维护。
+
+> [!tip] 如需继续使用请移步至[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 使用CAPI版本的 react-native-svg。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-svg/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-svg@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-svg@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import Svg, { Path } from "react-native-svg";
+
+<Svg width="100" height="100">
+  <Path d="M90 0 L0 180 L180 180 Z" fill="red" />
+</Svg>;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/svg": "file:../../node_modules/@react-native-oh-tpl/react-native-svg/harmony/svg.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SVGPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-svg/src/main/cpp" ./svg)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_svg)
+# RNOH_END: link_packages
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SVGPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SVGPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 SVG 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+...
+import { createRNPackages } from '../RNPackagesFactory'
++ import { SVG_VIEW_TYPE_NAME, SVGView } from "@react-native-oh-tpl/svg"
+
+@Builder
+function buildCustomComponent(ctx: ComponentBuilderContext) {
+  if (ctx.componentName === SAMPLE_VIEW_TYPE) {
+    SampleView({
+      ctx: ctx.rnComponentContext,
+      tag: ctx.tag,
+      buildCustomComponent: buildCustomComponent
+    })
+  }
++ else if (ctx.componentName === SVG_VIEW_TYPE_NAME) {
++   SVGView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+ ...
+}
+...
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-svg/releases)
+
+## 属性
+
+详细请查看 [react-native-svg 的文档介绍](https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md)
+
+以下为目前已支持的组件属性：
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Svg**：绘制组件的父组件
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  width  |  组件宽度   | number\| string | Yes      | All      | Yes               |
+| height  |  组件高度   | number\| string | Yes      | All      | Yes               |
+| viewBox |  组件视区   |     string      | No       | All      | Yes               |
+|  color  |    颜色     |     string      | No       | All      | Yes               |
+
+**G**：该元素是用于对其他 SVG 元素进行分组的容器
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :--: | :---------: | :--: | -------- | -------- | ----------------- |
+
+**Path**： 路径绘制组件，根据绘制路径生成封闭的自定义形状
+
+| Name |     Description      |  Type  | Required | Platform | HarmonyOS Support |
+| :--: | :------------------: | :----: | -------- | -------- | ----------------- |
+|  d   | 路径绘制的命令字符串 | string | Yes      | All      | Yes               |
+
+**Rect**： 矩形绘制组件，根据角位置和宽高生成矩形形状
+
+|  Name  |    Description    |      Type       | Required | Platform | HarmonyOS Support |
+| :----: | :---------------: | :-------------: | -------- | -------- | ----------------- |
+|   x    | 在 x 轴上平移距离 | number\| string | No       | All      | Yes               |
+|   y    | 在 y 轴上平移距离 | number\| string | No       | All      | Yes               |
+| width  |     元素宽度      | number\| string | Yes      | All      | Yes               |
+| height |     元素高度      | number\| string | Yes      | All      | Yes               |
+|   rx   | 定义 x 轴上的半径 | number\| string | No       | All      | Yes               |
+|   ry   | 定义 y 轴上的半径 | number\| string | No       | All      | Yes               |
+
+**Image**： 图像元素，支持 JPEG、PNG 格式
+
+|  Name  |    Description    |      Type       | Required | Platform | HarmonyOS Support |
+| :----: | :---------------: | :-------------: | -------- | -------- | ----------------- |
+|   x    | 在 x 轴上平移距离 | number\| string | No       | All      | Yes               |
+|   y    | 在 y 轴上平移距离 | number\| string | No       | All      | Yes               |
+| width  |     元素宽度      | number\| string | Yes      | All      | Yes               |
+| height |     元素高度      | number\| string | Yes      | All      | Yes               |
+|  href  |   图像资源引用    | source\| string | Yes      | All      | Yes               |
+
+**Circle**： 园绘制组件，基于圆心和半径生成园形形状
+
+| Name |      Description      |      Type       | Required | Platform | HarmonyOS Support |
+| :--: | :-------------------: | :-------------: | -------- | -------- | ----------------- |
+|  r   |        园半径         | number\| string | Yes      | All      | Yes               |
+|  cx  | 圆心在 x 轴上平移距离 | number\| string | No       | All      | Yes               |
+|  cy  | 圆心在 y 轴上平移距离 | number\| string | No       | All      | Yes               |
+
+**Polygon**： 多边形制组件，用于创建至少包含三条边的图形
+
+|  Name  |          Description           |      Type      | Required | Platform | HarmonyOS Support |
+| :----: | :----------------------------: | :------------: | -------- | -------- | ----------------- |
+| points | 定义多边形每个角的 x 和 y 坐标 | string\| array | Yes      | All      | Yes               |
+
+**Defs**：该元素是用于对其他 SVG 元素进行分组的容器
+
+**LinearGradient**：用于定义线性渐变
+
+> [!tip] 注： LinearGradient 目前仅支持 Path、Rect、Circle 组件，只支持在 fill 上使用，不支持 stroke
+
+| Name |    Description    |      Type       | Required | Platform | HarmonyOS Support |
+| :--: | :---------------: | :-------------: | -------- | -------- | ----------------- |
+|  x1  | 在 x 轴上平移距离 | number\| string | No       | All      | Yes               |
+|  y1  | 在 y 轴上平移距离 | number\| string | No       | All      | Yes               |
+|  x2  | 在 x 轴上平移距离 | number\| string | No       | All      | Yes               |
+|  y2  | 在 y 轴上平移距离 | number\| string | No       | All      | Yes               |
+
+**Stop**：定义渐变上的颜色坡度
+
+|    Name     |         Description          |      Type       | Required | Platform | HarmonyOS Support |
+| :---------: | :--------------------------: | :-------------: | -------- | -------- | ----------------- |
+|  stopColor  |        渐变停止的颜色        |     string      | No       | All      | Yes               |
+| stopOpacity |      渐变停止的不透明度      | number\| string | No       | All      | Yes               |
+|   offset    | 渐变停止沿渐变向量放置的位置 | number\| string | No       | All      | Yes               |
+
+**Mask**：定义 alpha 蒙版，用于将当前对象合成到背景中
+
+> [!tip] 注： Mask 目前自有属性均不支持，仅支持 Path、Rect、Circle 组件的单一组件嵌套，不支持多组件嵌套
+
+**Use**：该元素可以重复使用 SVG 元素
+
+> [!tip] 注： Use 目前仅支持 Path、Rect、Circle 组件
+
+|  Name  |    Description    |      Type       | Required | Platform | HarmonyOS Support |
+| :----: | :---------------: | :-------------: | -------- | -------- | ----------------- |
+|   x    | 在 x 轴上平移距离 | number\| string | No       | All      | Yes               |
+|   y    | 在 y 轴上平移距离 | number\| string | No       | All      | Yes               |
+| width  |     元素宽度      | number\| string | No       | All      | Yes               |
+| height |     元素高度      | number\| string | No       | All      | Yes               |
+|  href  |   图像资源引用    | source\| string | Yes      | All      | Yes               |
+
+**公共属性**：Common props 组件属性 HarmonyOS 侧支持情况
+
+|    Name     |             Description              |  Type  | Default | Required | Platform | G   | Path | Rect | Circle | Polygon |
+| :---------: | :----------------------------------: | :----: | :-----: | :------: | -------- | --- | ---- | ---- | ------ | ------- |
+|    fill     |           设置填充区域颜色           | string | '#000'  |    No    | All      |     | √    | √    | √      | √       |
+|   stroke    | 设置边框颜色，不设置时，默认没有边框 | string | 'none'  |    No    | All      |     | √    | √    | √      | √       |
+| strokeWidth |             设置边框宽度             | number |    1    |    No    | All      |     | √    | √    | √      | √       |
+
+## 遗留问题
+
+- [ ] svg 当前仅实现少部分属性（具体见上面已列出的属性），其余还未实现 HarmonyOS 化[issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-swipe-gestures.md b/en/react-native-swipe-gestures.md
new file mode 100644
index 00000000..ddca833b
--- /dev/null
+++ b/en/react-native-swipe-gestures.md
@@ -0,0 +1,172 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-swipe-gestures</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/glepur/react-native-swipe-gestures">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/glepur/react-native-swipe-gestures)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install react-native-swipe-gestures@^1.0.5
+```
+
+#### yarn
+
+```bash
+yarn add react-native-swipe-gestures@^1.0.5
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+'use strict';
+
+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+import GestureRecognizer, {swipeDirections} from 'react-native-swipe-gestures';
+
+class SomeComponent extends Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      myText: 'I\'m ready to get swiped!',
+      gestureName: 'none',
+      backgroundColor: '#fff'
+    };
+  }
+
+  onSwipeUp(gestureState) {
+    this.setState({myText: 'You swiped up!'});
+  }
+
+  onSwipeDown(gestureState) {
+    this.setState({myText: 'You swiped down!'});
+  }
+
+  onSwipeLeft(gestureState) {
+    this.setState({myText: 'You swiped left!'});
+  }
+
+  onSwipeRight(gestureState) {
+    this.setState({myText: 'You swiped right!'});
+  }
+
+  onSwipe(gestureName, gestureState) {
+    const {SWIPE_UP, SWIPE_DOWN, SWIPE_LEFT, SWIPE_RIGHT} = swipeDirections;
+    this.setState({gestureName: gestureName});
+    switch (gestureName) {
+      case SWIPE_UP:
+        this.setState({backgroundColor: 'red'});
+        break;
+      case SWIPE_DOWN:
+        this.setState({backgroundColor: 'green'});
+        break;
+      case SWIPE_LEFT:
+        this.setState({backgroundColor: 'blue'});
+        break;
+      case SWIPE_RIGHT:
+        this.setState({backgroundColor: 'yellow'});
+        break;
+    }
+  }
+
+  render() {
+
+    const config = {
+      velocityThreshold: 0.3,
+      directionalOffsetThreshold: 80
+    };
+
+    return (
+      <GestureRecognizer
+        onSwipe={(direction, state) => this.onSwipe(direction, state)}
+        onSwipeUp={(state) => this.onSwipeUp(state)}
+        onSwipeDown={(state) => this.onSwipeDown(state)}
+        onSwipeLeft={(state) => this.onSwipeLeft(state)}
+        onSwipeRight={(state) => this.onSwipeRight(state)}
+        config={config}
+        style={{
+          flex: 1,
+          backgroundColor: this.state.backgroundColor
+        }}
+        >
+        <Text>{this.state.myText}</Text>
+        <Text>onSwipe callback received gesture: {this.state.gestureName}</Text>
+      </GestureRecognizer>
+    );
+  }
+}
+
+export default SomeComponent;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+Can be passed within optional `config` property.
+
+| Params                     | Default | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| velocityThreshold          | 0.3     | Velocity that has to be breached in order for swipe to be triggered (`vx` and `vy` properties of `gestureState`) | Number | No       | IOS/Android | yes               |
+| directionalOffsetThreshold | 80      | Absolute offset that shouldn't be breached for swipe to be triggered (`dy` for horizontal swipe, `dx` for vertical swipe) | Number | No       | IOS/Android | yes               |
+| gestureIsClickThreshold    | 5       | Absolute distance that should be breached for the gesture to not be considered a click (`dx` or `dy` properties of `gestureState`) | Number | No       | IOS/Android | yes               |
+
+## Methods
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| name         | Params       | Description                              | Type   | Required | Platform    | HarmonyOS Suppor |
+| ------------ | ------------ | ---------------------------------------- | ------ | -------- | ----------- | ---------------- |
+| onSwipe      | gestureState | gestureState received from PanResponder  | Object | No       | IOS/Android | yes              |
+| onSwipeUp    | gestureState | Received up gesture from PanResponder    | Object | No       | IOS/Android | yes              |
+| onSwipeDown  | gestureState | Received down gesture from PanResponder  | Object | No       | IOS/Android | yes              |
+| onSwipeLeft  | gestureState | Received left gesture from PanResponder  | Object | No       | IOS/Android | yes              |
+| onSwipeRight | gestureState | Received right gesture from PanResponder | Object | No       | IOS/Android | yes              |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-swipe-list-view.md b/en/react-native-swipe-list-view.md
new file mode 100644
index 00000000..0c2b4559
--- /dev/null
+++ b/en/react-native-swipe-list-view.md
@@ -0,0 +1,319 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-swipe-list-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jemise111/react-native-swipe-list-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-swipe-list-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install --save @react-native-oh-tpl/react-native-swipe-list-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-swipe-list-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import { SwipeListView } from 'react-native-swipe-list-view';
+
+//... note: your data array objects MUST contain a key property
+//          or you must pass a keyExtractor to the SwipeListView to ensure proper functionality
+//          see: https://reactnative.dev/docs/flatlist#keyextractor
+
+  this.state.listViewData = Array(20)
+    .fill("")
+    .map((_, i) => ({ key: `${i}`, text: `item #${i}` }));
+
+//...
+render() {
+    return (
+        <SwipeListView
+            data={this.state.listViewData}
+            renderItem={ (data, rowMap) => (
+                <View style={styles.rowFront}>
+                    <Text>I am {data.item.text} in a SwipeListView</Text>
+                </View>
+            )}
+            renderHiddenItem={ (data, rowMap) => (
+                <View style={styles.rowBack}>
+                    <Text>Left</Text>
+                    <Text>Right</Text>
+                </View>
+            )}
+            leftOpenValue={75}
+            rightOpenValue={-75}
+        />
+    )
+}
+```
+
+完整使用案例如下：
+
+```jsx
+import React, { useState } from "react";
+import {
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  TouchableHighlight,
+  View,
+} from "react-native";
+
+import { SwipeListView } from "react-native-swipe-list-view";
+
+export default function Basic() {
+  const [listData, setListData] = useState(
+    Array(20)
+      .fill("")
+      .map((_, i) => ({ key: `${i}`, text: `item #${i}` })),
+  );
+
+  const closeRow = (rowMap, rowKey) => {
+    if (rowMap[rowKey]) {
+      rowMap[rowKey].closeRow();
+    }
+  };
+
+  const deleteRow = (rowMap, rowKey) => {
+    closeRow(rowMap, rowKey);
+    const newData = [...listData];
+    const prevIndex = listData.findIndex((item) => item.key === rowKey);
+    newData.splice(prevIndex, 1);
+    setListData(newData);
+  };
+
+  const onRowDidOpen = (rowKey) => {
+    console.log("This row opened", rowKey);
+  };
+
+  const renderItem = (data) => (
+    <TouchableHighlight
+      onPress={() => console.log("You touched me")}
+      style={styles.rowFront}
+      underlayColor={"#AAA"}
+    >
+      <View>
+        <Text>I am {data.item.text} in a SwipeListView</Text>
+      </View>
+    </TouchableHighlight>
+  );
+
+  const renderHiddenItem = (data, rowMap) => (
+    <View style={styles.rowBack}>
+      <Text>Left</Text>
+      <TouchableOpacity
+        style={[styles.backRightBtn, styles.backRightBtnLeft]}
+        onPress={() => closeRow(rowMap, data.item.key)}
+      >
+        <Text style={styles.backTextWhite}>Close</Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        style={[styles.backRightBtn, styles.backRightBtnRight]}
+        onPress={() => deleteRow(rowMap, data.item.key)}
+      >
+        <Text style={styles.backTextWhite}>Delete</Text>
+      </TouchableOpacity>
+    </View>
+  );
+
+  return (
+    <View style={styles.container}>
+      <SwipeListView
+        data={listData}
+        renderItem={renderItem}
+        renderHiddenItem={renderHiddenItem}
+        leftOpenValue={75}
+        rightOpenValue={-150}
+        previewRowKey={"0"}
+        previewOpenValue={-40}
+        previewOpenDelay={3000}
+        onRowDidOpen={onRowDidOpen}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "white",
+    flex: 1,
+  },
+  backTextWhite: {
+    color: "#FFF",
+  },
+  rowFront: {
+    alignItems: "center",
+    backgroundColor: "#CCC",
+    borderBottomColor: "black",
+    borderBottomWidth: 1,
+    justifyContent: "center",
+    height: 50,
+  },
+  rowBack: {
+    alignItems: "center",
+    backgroundColor: "#DDD",
+    flex: 1,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    paddingLeft: 15,
+  },
+  backRightBtn: {
+    alignItems: "center",
+    bottom: 0,
+    justifyContent: "center",
+    position: "absolute",
+    top: 0,
+    width: 75,
+  },
+  backRightBtnLeft: {
+    backgroundColor: "blue",
+    right: 75,
+  },
+  backRightBtnRight: {
+    backgroundColor: "red",
+    right: 0,
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。**SwipeListView**
+
+| Name                                 | Description                                                                                                                                                                                                                                                                                                                                                                                      | Type     | Required | Platform      | HarmonyOS Support |
+| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ------------- | ----------------- |
+| data                                 | List of objects to be passed into the `renderItem` and `renderHiddenItem` functions. Each item must include a unique `key` property or `keyExtractor` must be implemented to ensure full functionality.                                                                                                                                                                                          | array    | YES      | Android iOS | YES               |
+| useSectionList                       | Render list using React Native's `SectionList`                                                                                                                                                                                                                                                                                                                                                   | bool     | NO       | Android iOS | YES               |
+| renderItem                           | How to render a row in a FlatList. Should return a valid React Element.                                                                                                                                                                                                                                                                                                                          | func     | YES      | Android iOS | YES               |
+| renderHiddenItem                     | How to render a hidden row in a FlatList (renders behind the row). Should return a valid React Element. This is required unless `renderItem` returns a `<SwipeRow>` (see [Per Row Behavior](https://github.com/jemise111/react-native-swipe-list-view/blob/master/docs/per-row-behavior.md)).                                                                                                    | func     | YES      | Android iOS | YES               |
+| leftOpenValue                        | TranslateX value for opening the row to the left (positive number)                                                                                                                                                                                                                                                                                                                               | number   | NO       | Android iOS | YES               |
+| rightOpenValue                     | TranslateX value for opening the row to the right (negative number)                                                                                                                                                                                                                                                                                                                              | number | NO       | Android iOS | YES               |
+| leftActivationValue                | TranslateX value for firing onLeftActionStatusChange (positive number)                                                                                                                                                                                                                                                                                                                           | number | NO       | Android iOS  | NO                |
+| rightActivationValue               | TranslateX value for firing onRightActionStatusChange (negative number)                                                                                                                                                                                                                                                                                                                          | number | NO       | Android iOS | YES               |
+| rightActionValue                   | TranslateX value for right action to which the row will be shifted after gesture release                                                                                                                                                                                                                                                                                                         | number | NO       | Android iOS | YES               |
+| initialLeftActionState             | Initial value for left action state (default is false)                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android iOS | YES               |
+| initialRightActionState            | Initial value for right action state (default is false)                                                                                                                                                                                                                                                                                                                                          | bool   | NO       | Android iOS | YES               |
+| closeOnRowPress                    | Should open rows be closed when a row is pressed                                                                                                                                                                                                                                                                                                                                                 | bool   | NO       | Android iOS | YES               |
+| closeOnRowOpen                     | Should open rows be closed when another row is opened                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android iOS | YES               |
+| closeOnRowBeginSwipe               | Should open rows be closed when a row begins to swipe open                                                                                                                                                                                                                                                                                                                                       | bool   | NO       | Android iOS | YES               |
+| closeOnScroll                      | Should open rows be closed when the listView begins scrolling                                                                                                                                                                                                                                                                                                                                    | bool   | NO       | Android iOS | YES               |
+| disableLeftSwipe                   | Disable ability to swipe the row left                                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android iOS | YES               |
+| disableRightSwipe                  | Disable ability to swipe the row right                                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android iOS | YES               |
+| stopLeftSwipe                      | TranslateX value for stop the row to the left (positive number). This number is the stop value corresponding to the leftOpenValue (while the row is swiping in the right direction)                                                                                                                                                                                                            | number | NO       | Android iOS | YES               |
+| stopRightSwipe                     | TranslateX value for stop the row to the right (negative number). This number is the stop value corresponding to the rightOpenValue (while the row is swiping in the left direction)                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| directionalDistanceChangeThreshold | Change the sensitivity of the row                                                                                                                                                                                                                                                                                                                                                                | number | NO       | Android iOS | YES               |
+| swipeToOpenPercent                 | What % of the left/right openValue does the user need to swipe past to trigger the row opening.                                                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| swipeToClosePercent                | What % of the left/right openValue does the user need to swipe past to trigger the row closing.                                                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| swipeToOpenVelocityContribution    | Describes how much the ending velocity of the gesture affects whether the swipe will result in the item being closed or open. A velocity factor of 0 (the default) means that the velocity will have no bearing on whether the swipe settles on a closed or open position and it'll just take into consideration the swipeToOpenPercent. Ideal values for this prop tend to be between 5 and 15. | number | NO       | Android iOS | YES               |
+
+**SwipeRow**
+
+| Name                                 | Description                                                                                                                                                                                                                                                                                                                                                                                      | Type     | Required | Platform      | HarmonyOS Support |
+|:------------------------------------:|:------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:--------:|:--------:|:-------------:| ----------------- |
+| closeOnRowPress                    | Should the row be closed when it is tapped                                                                                                                                                                                                                                                                                                                                                       | bool   | NO       | Android iOS | YES               |
+| directionalDistanceChangeThreshold | Change the sensitivity of the row                                                                                                                                                                                                                                                                                                                                                                | number | NO       | Android iOS | YES               |
+| friction                           | Friction for the open / close animation. Controls "bounciness"/overshoot. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| tension                            | Tension for the open / close animation. Controls speed. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                                             | number | NO       | Android iOS | YES               |
+| restSpeedThreshold                 | RestSpeedThreshold for the open / close animation. Controls speed. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| restDisplacementThreshold          | RestDisplacementThreshold for the open / close animation. Controls speed. https://facebook.github.io/react-native/docs/animated#spring                                                                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| leftOpenValue                      | TranslateX value for opening the row to the left (positive number)                                                                                                                                                                                                                                                                                                                               | number | YES      | Android iOS | YES               |
+| rightOpenValue                     | TranslateX value for opening the row to the right (negative number)                                                                                                                                                                                                                                                                                                                              | number | YES      | Android iOS | YES               |
+| leftActivationValue                | TranslateX value for firing onLeftActionStatusChange (positive number)                                                                                                                                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| rightActivationValue               | TranslateX value for firing onRightActionStatusChange (negative number)                                                                                                                                                                                                                                                                                                                          | number | NO       | Android iOS | YES               |
+| initialLeftActionState             | Initial value for left action state (default is false)                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android iOS | YES               |
+| initialRightActionState`           | Initial value for right action state (default is false)                                                                                                                                                                                                                                                                                                                                          | bool   | NO       | Android iOS | YES               |
+| leftActionValue                    | TranslateX value for left action to which the row will be shifted after gesture release                                                                                                                                                                                                                                                                                                          | number | NO       | Android iOS | YES               |
+| rightActionValue                   | TranslateX value for right action to which the row will be shifted after gesture release                                                                                                                                                                                                                                                                                                         | number | NO       | Android iOS | YES               |
+| stopLeftSwipe                      | TranslateX value for stop the row to the left (positive number). This number is the stop value corresponding to the leftOpenValue (while the row is swiping in the right direction)                                                                                                                                                                                                            | number | NO       | Android iOS | YES               |
+| stopRightSwipe                     | TranslateX value for stop the row to the right (negative number). This number is the stop value corresponding to the rightOpenValue (while the row is swiping in the left direction)                                                                                                                                                                                                           | number | NO       | Android iOS | YES               |
+| onRowPress                         | Called when row is pressed.                                                                                                                                                                                                                                                                                                                                                                      | func   | NO       | Android iOS | YES               |
+| onRowOpen                          | Called when row is animating open. Used by the SwipeListView to keep references to open rows.                                                                                                                                                                                                                                                                                                    | func   | NO       | Android iOS | YES               |
+| onRowDidOpen                       | Called when row has animated open                                                                                                                                                                                                                                                                                                                                                                | func   | NO       | Android iOS | YES               |
+| onRowClose                         | Called when row is animating closed                                                                                                                                                                                                                                                                                                                                                              | func   | NO       | Android iOS | YES               |
+| onRowDidClose                      | Called when a swipe row has animated closed                                                                                                                                                                                                                                                                                                                                                      | func   | NO       | Android iOS | YES               |
+| onLeftActionStatusChange           | Called once when swipe value crosses the leftActivationValue                                                                                                                                                                                                                                                                                                                                     | func   | NO       | Android iOS | YES               |
+| onRightActionStatusChange          | Called once when swipe value crosses the rightActivationValue                                                                                                                                                                                                                                                                                                                                    | func   | NO       | Android iOS | YES               |
+| onLeftAction                       | Called when row shifted to leftActivationValue                                                                                                                                                                                                                                                                                                                                                   | func   | NO       | Android iOS | YES               |
+| onRightAction                      | Called when row shifted to rightActivationValue                                                                                                                                                                                                                                                                                                                                                  | func   | NO       | Android iOS | YES               |
+| swipeToOpenPercent                 | What % of the left/right openValue does the user need to swipe past to trigger the row opening.                                                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| swipeToClosePercent                | What % of the left/right openValue does the user need to swipe past to trigger the row closing.                                                                                                                                                                                                                                                                                                  | number | NO       | Android iOS | YES               |
+| setScrollEnabled                   | Used by the SwipeListView to close rows on scroll events. You shouldn't need to use this prop explicitly.                                                                                                                                                                                                                                                                                        | func   | NO       | Android iOS | YES               |
+| disableLeftSwipe                   | Disable ability to swipe the row left                                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android iOS | YES               |
+| disableRightSwipe                  | Disable ability to swipe the row right                                                                                                                                                                                                                                                                                                                                                           | bool   | NO       | Android iOS | YES               |
+| recalculateHiddenLayout            | Enable hidden row onLayout calculations to run always                                                                                                                                                                                                                                                                                                                                            | bool   | NO       | Android iOS | YES               |
+| style                              | Styles for the parent wrapper View of the SwipeRow                                                                                                                                                                                                                                                                                                                                               | object | YES      | Android iOS | YES               |
+| preview                            | Should the row do a slide out preview to show that it is swipeable                                                                                                                                                                                                                                                                                                                               | bool   | NO       | Android iOS | YES               |
+| previewDuration                    | Duration of the slide out preview animation                                                                                                                                                                                                                                                                                                                                                      | number | NO       | Android iOS | YES               |
+| previewRepeat                      | Should the animation repeat                                                                                                                                                                                                                                                                                                                                                                      | bool   | NO       | Android iOS | YES               |
+| previewRepeatDelay                 | Delay between each preview repeat in milliseconds                                                                                                                                                                                                                                                                                                                                                | number | NO       | Android iOS | YES               |
+| previewOpenValue                   | TranslateX value for the slide out preview animation                                                                                                                                                                                                                                                                                                                                             | number | NO       | Android iOS | YES               |
+| onSwipeValueChange                 | Callback invoked any time the translateX value of the row changes                                                                                                                                                                                                                                                                                                                                | func   | NO       | Android iOS | YES               |
+| swipeGestureBegan                  | Called when the row is animating swipe                                                                                                                                                                                                                                                                                                                                                           | func   | NO       | Android iOS | YES               |
+| swipeGestureEnded                  | Called when user has ended their swipe gesture                                                                                                                                                                                                                                                                                                                                                   | func   | NO       | Android iOS | YES               |
+| swipeToOpenVelocityContribution    | Describes how much the ending velocity of the gesture affects whether the swipe will result in the item being closed or open. A velocity factor of 0 (the default) means that the velocity will have no bearing on whether the swipe settles on a closed or open position and it'll just take into consideration the swipeToOpenPercent. Ideal values for this prop tend to be between 5 and 15. | number | NO       | Android iOS | YES               |
+| shouldItemUpdate                   | Callback to determine whether component should update                                                                                                                                                                                                                                                                                                                                            | func   | NO       | Android iOS | YES               |
+| forceCloseToLeftThreshold          | TranslateX amount(not value!) threshold that triggers force-closing the row to the Left End (positive number)                                                                                                                                                                                                                                                                                    | number | NO       | Android iOS | YES               |
+| forceCloseToRightThreshold         | TranslateX amount(not value!) threshold that triggers force-closing the row to the Right End (positive number)                                                                                                                                                                                                                                                                                   | number | NO       | Android iOS | YES               |
+| onForceCloseToLeft                 | Callback invoked when row is force closing to the Left End                                                                                                                                                                                                                                                                                                                                       | func   | NO       | Android iOS | YES               |
+| onForceCloseToRight                | Callback invoked when row is force closing to the Right End                                                                                                                                                                                                                                                                                                                                      | func   | NO       | Android iOS | YES               |
+| onForceCloseToLeftEnd              | Callback invoked when row has finished force closing to the Left End                                                                                                                                                                                                                                                                                                                             | func   | NO       | Android iOS | YES               |
+| onForceCloseToRightEnd             | Callback invoked when row has finished force closing to the Right End                                                                                                                                                                                                                                                                                                                            | func   | NO       | Android iOS | YES               |
+| useNativeDriver                    | useNativeDriver: true for all animations                                                                                                                                                                                                                                                                                                                                                       | bool   | NO       | Android iOS | YES               |
+| swipeKey                           | Optional key to identify a standalone row, used in the onSwipeValueChange callback                                                                                                                                                                                                                                                                                                             | string | NO       | Android iOS | YES               |
+| onPreviewEnd                       | Callback that runs after row swipe preview is finished                                                                                                                                                                                                                                                                                                                                           | func   | NO       | Android iOS | YES               |
+
+## 遗留问题
+
+- [ ] 属性leftActivationValue在鸿蒙暂时未适配 [issue#4](https://github.com/react-native-oh-library/react-native-swipe-list-view/issues/4) 
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-swipeable-list.md b/en/react-native-swipeable-list.md
new file mode 100644
index 00000000..93e42194
--- /dev/null
+++ b/en/react-native-swipeable-list.md
@@ -0,0 +1,457 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-swipeable-list</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/esthor/react-native-swipeable-list">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/esthor/react-native-swipeable-list/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/esthor/react-native-swipeable-list)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-swipeable-list@0.1.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-swipeable-list@0.1.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import {
+  SafeAreaView,
+  StyleSheet,
+  View,
+  Text,
+  StatusBar,
+  Pressable,
+  Alert,
+} from "react-native";
+
+import SwipeableFlatList from "react-native-swipeable-list";
+
+type DummyDataItem = {
+  name: String,
+  subject: String,
+  date: String,
+  text: String,
+  id: Number,
+};
+
+type DummyDataArray = DummyDataItem[];
+
+const dummyData: DummyDataArray = [
+  {
+    name: "Raphael",
+    subject: "amet lorem semper auctor. Mauris vel turpis.",
+    date: "Sun, 17th, 2019",
+    text: "mollis dui, in sodales elit erat vitae risus. Duis a mi fringilla mi lacinia mattis. Integer eu lacus. Quisque imperdiet, erat nonummy ultricies ornare, elit elit fermentum risus, at fringilla purus mauris a nunc. In at pede. Cras vulputate velit eu sem. Pellentesque ut ipsum ac mi eleifend egestas. Sed",
+    id: 1,
+  },
+  {
+    name: "Aquila",
+    subject: "quis, pede. Praesent",
+    date: "Thu, 11th, 2019",
+    text: "Nunc quis arcu vel quam dignissim pharetra. Nam ac nulla. In tincidunt congue turpis. In condimentum. Donec at arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec tincidunt. Donec vitae erat vel pede blandit congue. In scelerisque scelerisque dui. Suspendisse ac",
+    id: 11,
+  },
+  {
+    name: "Geraldine",
+    subject: "purus sapien, gravida non,",
+    date: "Tue, 24th, 2019",
+    text: "pede, nonummy ut, molestie in, tempus eu, ligula. Aenean euismod mauris eu elit. Nulla facilisi. Sed neque. Sed eget lacus. Mauris non dui nec urna suscipit nonummy. Fusce fermentum",
+    id: 21,
+  },
+  {
+    name: "Geraldine",
+    subject: "nec enim. Nunc ut erat. Sed nunc",
+    date: "Thu, 5th, 2020",
+    text: "Ut tincidunt vehicula risus. Nulla eget metus eu erat semper rutrum. Fusce dolor quam, elementum at, egestas a, scelerisque sed, sapien. Nunc pulvinar arcu et pede. Nunc sed orci lobortis augue scelerisque mollis. Phasellus libero mauris, aliquam eu, accumsan sed, facilisis vitae, orci. Phasellus dapibus quam quis diam.",
+    id: 31,
+  },
+  {
+    name: "Mariko",
+    subject: "lobortis mauris. Suspendisse",
+    date: "Sat, 25th, 2019",
+    text: "mauris sit amet lorem semper auctor. Mauris vel turpis. Aliquam adipiscing lobortis risus. In mi pede, nonummy ut, molestie in, tempus eu, ligula. Aenean euismod mauris eu elit. Nulla facilisi. Sed neque. Sed",
+    id: 41,
+  },
+  {
+    name: "Nicole",
+    subject: "egestas.",
+    date: "Tue, 8th, 2020",
+    text: "vitae mauris sit amet lorem semper auctor. Mauris vel turpis. Aliquam adipiscing lobortis risus. In mi pede, nonummy ut, molestie in, tempus eu, ligula. Aenean euismod",
+    id: 51,
+  },
+  {
+    name: "Solomon",
+    subject: "ac mattis ornare, lectus",
+    date: "Fri, 10th, 2019",
+    text: "nulla. In tincidunt congue turpis. In condimentum. Donec at arcu. Vestibulum ante ipsum primis in faucibus orci",
+    id: 61,
+  },
+  {
+    name: "Diana",
+    subject: "Suspendisse",
+    date: "Sun, 16th, 2018",
+    text: "dignissim magna a tortor. Nunc commodo auctor velit. Aliquam nisl. Nulla eu neque pellentesque massa lobortis ultrices. Vivamus rhoncus. Donec est. Nunc ullamcorper,",
+    id: 71,
+  },
+  {
+    name: "Hammett",
+    subject: "eu enim. Etiam imperdiet dictum",
+    date: "Mon, 11th, 2019",
+    text: "molestie sodales. Mauris blandit enim consequat purus. Maecenas libero est, congue a, aliquet vel, vulputate eu, odio.",
+    id: 81,
+  },
+  {
+    name: "Brenna",
+    subject: "neque. Sed eget lacus. Mauris non",
+    date: "Wed, 22nd, 2019",
+    text: "sit amet massa. Quisque porttitor eros nec tellus. Nunc lectus pede, ultrices a, auctor non, feugiat nec, diam.",
+    id: 91,
+  },
+  {
+    name: "Zelda",
+    subject: "enim non nisi.",
+    date: "Sat, 27th, 2020",
+    text: "dignissim pharetra. Nam ac nulla. In tincidunt congue turpis. In condimentum. Donec at arcu. Vestibulum ante ipsum primis in faucibus orci luctus et",
+    id: 101,
+  },
+  {
+    name: "Irene",
+    subject: "aptent taciti sociosqu ad litora torquent per",
+    date: "Wed, 8th, 2020",
+    text: "eget metus eu erat semper rutrum. Fusce dolor quam, elementum at, egestas a, scelerisque sed, sapien. Nunc pulvinar arcu et pede. Nunc sed orci lobortis augue scelerisque mollis. Phasellus libero mauris, aliquam eu, accumsan sed, facilisis vitae, orci. Phasellus dapibus quam quis diam.",
+    id: 111,
+  },
+  {
+    name: "Dennis",
+    subject: "neque venenatis lacus.",
+    date: "Mon, 26th, 2018",
+    text: "Mauris blandit enim consequat purus. Maecenas libero est, congue a, aliquet vel, vulputate eu, odio. Phasellus at augue id ante",
+    id: 121,
+  },
+  {
+    name: "Slade",
+    subject: "dolor dolor, tempus non, lacinia at,",
+    date: "Mon, 29th, 2020",
+    text: "aliquet libero. Integer in magna. Phasellus dolor elit, pellentesque a, facilisis non, bibendum sed, est. Nunc laoreet lectus",
+    id: 131,
+  },
+  {
+    name: "Yvonne",
+    subject: "enim. Suspendisse aliquet, sem ut",
+    date: "Wed, 23rd, 2019",
+    text: "lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor.",
+    id: 141,
+  },
+  {
+    name: "Ayanna",
+    subject: "Suspendisse dui. Fusce diam",
+    date: "Fri, 15th, 2019",
+    text: "nec, mollis vitae, posuere at, velit. Cras lorem lorem, luctus ut, pellentesque eget, dictum placerat, augue. Sed molestie. Sed id risus quis diam luctus lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris ut quam vel sapien imperdiet",
+    id: 151,
+  },
+  {
+    name: "Jasmine",
+    subject: "Donec fringilla. Donec feugiat metus sit amet",
+    date: "Fri, 8th, 2019",
+    text: "odio, auctor vitae, aliquet nec, imperdiet nec, leo. Morbi neque tellus, imperdiet non, vestibulum nec, euismod in, dolor. Fusce feugiat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",
+    id: 161,
+  },
+];
+
+const darkColors = {
+  background: "#121212",
+  primary: "#BB86FC",
+  primary2: "#3700b3",
+  secondary: "#03DAC6",
+  onBackground: "#FFFFFF",
+  error: "#CF6679",
+};
+
+const colorEmphasis = {
+  high: 0.87,
+  medium: 0.6,
+  disabled: 0.38,
+};
+
+const extractItemKey = (item) => {
+  return item.id.toString();
+};
+
+const Item = ({ item, backgroundColor, textColor, deleteItem }) => {
+  return (
+    <>
+      <View style={styles.item}>
+        <View style={styles.avatar} />
+        <View style={styles.messageContainer}>
+          <Text style={styles.name} numberOfLines={1}>
+            {item.name}
+          </Text>
+          <Text style={styles.subject} numberOfLines={1}>
+            Subject: {item.subject}
+          </Text>
+          <Text style={styles.text} numberOfLines={2}>
+            {item.text}
+          </Text>
+        </View>
+      </View>
+      <View />
+    </>
+  );
+};
+
+function renderItemSeparator() {
+  return <View style={styles.itemSeparator} />;
+}
+
+const App = () => {
+  const [data, setData] = useState(dummyData);
+
+  const deleteItem = (itemId) => {
+    // ! Please don't do something like this in production. Use proper state management.
+    const newState = [...data];
+    const filteredState = newState.filter((item) => item.id !== itemId);
+    return setData(filteredState);
+  };
+
+  const archiveItem = (itemId) => {
+    Alert.alert(
+      "DISHONESTY ALERT",
+      "Not gonna Archive it. We're actually are gonna just delete it.",
+      [
+        {
+          text: "Just delete it?",
+          onPress: () => deleteItem(itemId),
+          style: "destructive",
+        },
+        {
+          text: "Cancel",
+          onPress: () => console.log("Cancel Pressed"),
+          style: "cancel",
+        },
+      ]
+    );
+  };
+
+  const snoozeItem = (itemId) => {
+    Alert.alert(
+      "DISHONESTY ALERT",
+      "Not gonna Snooze it. We're actually are gonna just delete it.",
+      [
+        {
+          text: "Just delete it?",
+          onPress: () => deleteItem(itemId),
+          style: "destructive",
+        },
+        {
+          text: "Cancel",
+          onPress: () => console.log("Cancel Pressed"),
+          style: "cancel",
+        },
+      ]
+    );
+  };
+
+  const QuickActions = (index, qaItem) => {
+    return (
+      <View style={styles.qaContainer}>
+        <View style={[styles.button, styles.button1]}>
+          <Pressable onPress={() => archiveItem(qaItem.id)}>
+            <Text style={[styles.buttonText, styles.button1Text]}>Archive</Text>
+          </Pressable>
+        </View>
+        <View style={[styles.button, styles.button2]}>
+          <Pressable onPress={() => snoozeItem(qaItem.id)}>
+            <Text style={[styles.buttonText, styles.button2Text]}>Snooze</Text>
+          </Pressable>
+        </View>
+        <View style={[styles.button, styles.button3]}>
+          <Pressable onPress={() => deleteItem(qaItem.id)}>
+            <Text style={[styles.buttonText, styles.button3Text]}>Delete</Text>
+          </Pressable>
+        </View>
+      </View>
+    );
+  };
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView style={styles.container}>
+        <View style={styles.headerContainer}>
+          <Text style={styles.headerText}>Inbox</Text>
+        </View>
+        <SwipeableFlatList
+          keyExtractor={extractItemKey}
+          data={data}
+          renderItem={({ item }) => (
+            <Item item={item} deleteItem={() => deleteItem} />
+          )}
+          maxSwipeDistance={240}
+          renderQuickActions={({ index, item }) => QuickActions(index, item)}
+          contentContainerStyle={styles.contentContainerStyle}
+          shouldBounceOnMount={true}
+          ItemSeparatorComponent={renderItemSeparator}
+        />
+      </SafeAreaView>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "#121212",
+  },
+  headerContainer: {
+    height: 80,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingTop: 10,
+  },
+  headerText: {
+    fontSize: 30,
+    fontWeight: "800",
+    color: darkColors.onBackground,
+    opacity: colorEmphasis.high,
+  },
+  item: {
+    backgroundColor: "#121212",
+    height: 80,
+    flexDirection: "row",
+    padding: 10,
+  },
+  messageContainer: {
+    backgroundColor: darkColors.backgroundColor,
+    maxWidth: 300,
+  },
+  name: {
+    fontSize: 16,
+    color: darkColors.primary,
+    opacity: colorEmphasis.high,
+    fontWeight: "800",
+  },
+  subject: {
+    fontSize: 14,
+    color: darkColors.onBackground,
+    opacity: colorEmphasis.high,
+    fontWeight: "bold",
+    textShadowColor: darkColors.secondary,
+    textShadowOffset: { width: 1, height: 1 },
+    textShadowRadius: 4,
+  },
+  text: {
+    fontSize: 10,
+    color: darkColors.onBackground,
+    opacity: colorEmphasis.medium,
+  },
+  avatar: {
+    width: 40,
+    height: 40,
+    backgroundColor: darkColors.onBackground,
+    opacity: colorEmphasis.high,
+    borderColor: darkColors.primary,
+    borderWidth: 1,
+    borderRadius: 20,
+    marginRight: 7,
+    alignSelf: "center",
+    shadowColor: darkColors.secondary,
+    shadowOffset: { width: 1, height: 1 },
+    shadowRadius: 2,
+    shadowOpacity: colorEmphasis.high,
+  },
+  itemSeparator: {
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: darkColors.onBackground,
+    opacity: colorEmphasis.medium,
+  },
+  qaContainer: {
+    flex: 1,
+    flexDirection: "row",
+    justifyContent: "flex-end",
+  },
+  button: {
+    width: 80,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonText: {
+    fontWeight: "bold",
+    opacity: colorEmphasis.high,
+  },
+  button1Text: {
+    color: darkColors.primary,
+  },
+  button2Text: {
+    color: darkColors.secondary,
+  },
+  button3Text: {
+    color: darkColors.error,
+  },
+  contentContainerStyle: {
+    flexGrow: 1,
+    backgroundColor: darkColors.backgroundColor,
+  },
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## 属性
+
+SwipeableFlatList 组件接收所有[React Native FlatList](https://facebook.github.io/react-native/docs/flatlist)组件的 Props.
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                                                                                                                                  | Type      | Required | Platform    | HarmonyOS Support |
+| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| data                | An array (or array-like list) of items to render.                                                                                                                                            | ArrayLike | yes      | iOS/Android | yes               |
+| renderItem          | Takes an item from data and renders it into the list.                                                                                                                                        | function  | yes      | iOS/Android | yes               |
+| shouldBounceOnMount | To alert the user that swiping is possible, the first row can bounce on component mount(default = `true`）.                                                                                  | boolean   | no       | iOS/Android | yes               |
+| maxSwipeDistance    | Maximum distance to open to after a swipe.                                                                                                                                                   | number    | no       | iOS/Android | yes               |
+| renderQuickActions  | Callback method to render the view that will be unveiled on swipe. Type `renderItemType` (which provides `index` and `item`, which will be very useful for performing actions on your items. | function  | yes      | iOS/Android | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/esthor/react-native-swipeable-list/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-swiper.md b/en/react-native-swiper.md
new file mode 100644
index 00000000..243cc561
--- /dev/null
+++ b/en/react-native-swiper.md
@@ -0,0 +1,235 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-swiper</code> </h1>
+</p>
+<p align="center">
+        <a href="https://github.com/leecade/react-native-swiper/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/leecade/react-native-swiper/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!tip] [Github 地址](https://github.com/leecade/react-native-swiper)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react-native-swiper@1.6.0 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-swiper@1.6.0
+```
+
+<!-- tabs:end -->
+
+快速使用：
+
+```js
+import React, { Component } from "react";
+import { AppRegistry, StyleSheet, Text, View } from "react-native";
+
+import Swiper from "react-native-swiper";
+
+const styles = StyleSheet.create({
+  wrapper: {},
+  slide1: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#9DD6EB",
+  },
+  slide2: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#97CAE5",
+  },
+  slide3: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#92BBD9",
+  },
+  text: {
+    color: "#fff",
+    fontSize: 30,
+    fontWeight: "bold",
+  },
+});
+
+export default class SwiperComponent extends Component {
+  render() {
+    return (
+      <Swiper style={styles.wrapper} showsButtons={true}>
+        <View style={styles.slide1}>
+          <Text style={styles.text}>Hello Swiper</Text>
+        </View>
+        <View style={styles.slide2}>
+          <Text style={styles.text}>Beautiful</Text>
+        </View>
+        <View style={styles.slide3}>
+          <Text style={styles.text}>And simple</Text>
+        </View>
+      </Swiper>
+    );
+  }
+}
+
+AppRegistry.registerComponent("myproject", () => SwiperComponent);
+```
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过
+
+1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### basics
+
+| Name           | Description                                                  |   Type   |     Default     | platform | HarmonyOS Support |
+| :------------- | ------------------------------------------------------------ | :------: | :-------------: | -------- | ----------------- |
+| horizontal     | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column. |  `bool`  |      true       | All      | YES               |
+| loop           | Set to `false` to disable continuous loop mode.              |  `bool`  |      true       | All      | YES               |
+| index          | Index number of initial slide.                               | `number` |        0        | All      | YES               |
+| showsButtons   | Set to `true` make control buttons visible.                  |  `bool`  |      false      | All      | YES               |
+| autoplay       | Set to `true` enable auto play mode.                         |  `bool`  |      false      | All      | YES               |
+| onIndexChanged | Called with the new index when the user swiped               |  `func`  | (index) => null | All      | YES               |
+
+#### Custom basic style & content
+
+| Name              | Description                                                  |   Type    |         Default         | platform | HarmonyOS Support |
+| :---------------- | :----------------------------------------------------------- | :-------: | :---------------------: | -------- | ----------------- |
+| width             | If no specify default enable fullscreen mode by `flex: 1`.   | `number`  |            -            | All      | YES               |
+| height            | If no specify default fullscreen mode by `flex: 1`.          | `number`  |            -            | All      | YES               |
+| style             | See default style in source.                                 |  `style`  |          {...}          | All      | YES               |
+| containerStyle    | See default container style in source.                       |  `style`  |          {...}          | All      | YES               |
+| loadMinimal       | Only load current index slide , `loadMinimalSize` slides before and after. |  `bool`   |          false          | All      | YES               |
+| loadMinimalSize   | see `loadMinimal`                                            | `number`  |            1            | All      | YES               |
+| loadMinimalLoader | Custom loader to display when slides aren't loaded           | `element` | `<ActivityIndicator />` | All      | YES               |
+
+#### Pagination
+
+| Name             | Description                                                  |    Type    |                           Default                            | platform | HarmonyOS Support |
+| :--------------- | :----------------------------------------------------------- | :--------: | :----------------------------------------------------------: | -------- | ----------------- |
+| showsPagination  | Set to `true` make pagination visible.                       |   `bool`   |                             true                             | All      | YES               |
+| paginationStyle  | Custom styles will merge with the default styles.            |  `style`   |                            {...}                             | All      | YES               |
+| renderPagination | Complete control how to render pagination with three params (`index`, `total`, `context`) ref to `this.state.index` / `this.state.total` / `this`, For example: show numbers instead of dots. | `function` |                              -                               | All      | YES               |
+| dot              | Allow custom the dot element.                                | `element`  | `<View style={{backgroundColor:'rgba(0,0,0,.2)', width: 8, height: 8,borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />` | All      | YES               |
+| activeDot        | Allow custom the active-dot element.                         | `element`  | `<View style={{backgroundColor: '#007aff', width: 8, height: 8, borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />` | All      | YES               |
+| dotStyle         | Allow custom the dot element.                                |  `object`  |                              -                               | All      | YES               |
+| dotColor         | Allow custom the dot element.                                |  `string`  |                              -                               | All      | YES               |
+| activeDotColor   | Allow custom the active-dot element.                         |  `string`  |                              -                               | All      | YES               |
+| activeDotStyle   | Allow custom the active-dot element.                         |  `object`  |                              -                               | All      | YES               |
+
+#### Autoplay
+
+| Name              | Description                                      |   Type   | Default | platform | HarmonyOS Support |
+| :---------------- | :----------------------------------------------- | :------: | :-----: | -------- | ----------------- |
+| autoplay          | Set to `true` enable auto play mode.             |  `bool`  |  true   | All      | YES               |
+| autoplayTimeout   | Delay between auto play transitions (in second). | `number` |   2.5   | All      | YES               |
+| autoplayDirection | Cycle direction control.                         |  `bool`  |  true   | All      | YES               |
+
+#### Control buttons
+
+| Prop               |                                                                                                   Default                                                                                                   |   Type    | Description                                 | platform | HarmonyOS Support | remark |
+| :----------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------: | :------------------------------------------ | -------- | ----------------- | ------ |
+| showsButtons       |                                                                                                    true                                                                                                     |  `bool`   | Set to `true` make control buttons visible. | All      | YES               | --     |
+| buttonWrapperStyle | `{backgroundColor: 'transparent', flexDirection: 'row', position: 'absolute', top: 0, left: 0, flex: 1, paddingHorizontal: 10, paddingVertical: 10, justifyContent: 'space-between', alignItems: 'center'}` |  `style`  | Custom styles.                              | All      | YES               | --     |
+| nextButton         |                                                                                 `<Text style={styles.buttonText}>›</Text>`                                                                                  | `element` | Allow custom the next button.               | All      | YES               | --     |
+| prevButton         |                                                                                 `<Text style={styles.buttonText}>‹</Text>`                                                                                  | `element` | Allow custom the prev button.               | All      | YES               | --     |
+
+#### Props of Children
+
+| Name  | Description                                                  |   Type    |               Default                | platform | HarmonyOS Support |
+| :---- | :----------------------------------------------------------- | :-------: | :----------------------------------: | -------- | ----------------- |
+| style | Custom styles will merge with the default styles.            |  `style`  |                {...}                 | All      | YES               |
+| title | If this parameter is not specified, will not render the title. | `element` | {<Text numberOfLines={1}>...</Text>} | All      | YES               |
+
+#### Basic props of `<ScrollView />`
+
+| Name                             | Description                                                  |  Type  | Default | platform | HarmonyOS Support | remark                                                       |
+| :------------------------------- | :----------------------------------------------------------- | :----: | :-----: | -------- | ----------------- | ------------------------------------------------------------ |
+| horizontal                       | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column. | `bool` |  true   | All      | YES               | --                                                           |
+| pagingEnabled                    | If true, the scroll view stops on multiples of the scroll view's size when scrolling. This can be used for horizontal pagination. | `bool` |  true   | All      | YES               | --                                                           |
+| showsHorizontalScrollIndicator   | Set to `true` if you want to show horizontal scroll bar.     | `bool` |  false  | All      | YES               | --                                                           |
+| showsVerticalScrollIndicator     | Set to `true` if you want to show vertical scroll bar.       | `bool` |  false  | All      | YES               | --                                                           |
+| bounces                          | If `true`, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction. If `false`, it disables all bouncing even if the alwaysBounce\* props are true. | `bool` |  false  | All      | YES               | --                                                           |
+| scrollsToTop                     | If true, the scroll view scrolls to top when the status bar is tapped. | `bool` |  false  | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持 |
+| removeClippedSubviews            | If true, offscreen child views (whose overflow value is hidden) are removed from their native backing superview when offscreen. This canimprove scrolling performance on long lists. | `bool` |  true   | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持 |
+| automaticallyAdjustContentInsets | Set to `true` if you need adjust content insets automation.  | `bool` |  false  | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持 |
+| scrollEnabled                    | Enables/Disables swiping                                     | `bool` |  true   | All      | YES               | --                                                           |
+
+> @see: http://facebook.github.io/react-native/docs/scrollview.html
+
+#### Supported ScrollResponder
+
+| Name                | Description                                                 |    Type    |          Params           | platform | HarmonyOS Support |
+| :------------------ | :---------------------------------------------------------- | :--------: | :-----------------------: | -------- | ----------------- |
+| onScrollBeginDrag   | When animation begins after letting up                      | `function` | `e` / `state` / `context` | All      | YES               |
+| onMomentumScrollEnd | Makes no sense why this occurs first during bounce          | `function` | `e` / `state` / `context` | All      | YES               |
+| onTouchStartCapture | Immediately after `onMomentumScrollEnd`                     | `function` | `e` / `state` / `context` | All      | YES               |
+| onTouchStart        | Same, but bubble phase                                      | `function` | `e` / `state` / `context` | All      | YES               |
+| onTouchEnd          | You could hold the touch start for a long time              | `function` | `e` / `state` / `context` | All      | YES               |
+| onResponderRelease  | When lifting up - you could pause forever before \* lifting | `function` | `e` / `state` / `context` | All      | YES               |
+
+> Note: each ScrollResponder be injected with two params: `state` and `context`, you can get `state` and `context`(ref to swiper's `this`) from params, for example:
+
+```jsx
+var swiper = React.createClass({
+  _onMomentumScrollEnd: function (e, state, context) {
+    console.log(state, context.state)
+  },
+  render: function() {
+    return (
+      <Swiper style={styles.wrapper}
+      onMomentumScrollEnd ={this._onMomentumScrollEnd}
+     ...
+      </Swiper>
+    )
+  }
+})
+```
+
+### 方法
+
+#### scrollBy(index, animated)
+
+| Name     | Description  |   Type   |   default   | platform | HarmonyOS Support |
+| :------- | :----------- | :------: | :---------: | -------- | ----------------- |
+| index    | offset index | `number` | `undefined` | All      | YES               |
+| animated | offset index |  `bool`  |   `true`    | All      | YES               |
+
+### 遗留问题
+
+- [ ] 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持
+- [ ] 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持
+- [ ] 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持
+- [ ] 组件轮播图RNOH版本为0.72.13暂时有不居中问题，在RNOH版本为0.72.19上解决
+
+### 其他
+
+### 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/leecade/react-native-swiper/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-switch-pro.md b/en/react-native-switch-pro.md
new file mode 100644
index 00000000..a97c4d91
--- /dev/null
+++ b/en/react-native-switch-pro.md
@@ -0,0 +1,117 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-switch-pro</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/poberwong/react-native-switch-pro">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/poberwong/react-native-switch-pro/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-switch-pro)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-switch-pro@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-switch-pro@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import Switch from 'react-native-switch-pro'
+...
+  render() {
+    return (
+      <View style={styles.container}>
+        <Switch onSyncPress={value => {...}}/>
+      </View>
+    )
+  }
+...
+
+```
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases)
+
+本文档内容基于以下版本验证通过：
+
+react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| width| width of switch  | number  | no | Android/IOS      | yes              |
+| height  | height of switch         | number  | no | Android/IOS      | yes                |
+| value  | state of switch which can be used to bidirectional binding | bool  | no | Android/IOS      | yes |
+| disabled  | whether switch is clickable | bool  | no | Android/IOS      | yes |
+| circleColorActive  | color for circle handler of switch when it is on | string  | no | Android/IOS      | yes |
+| circleColorInactive  | color for circle handler of switch when it is off | string  | no | Android/IOS      | yes |
+| style  | styles that will be applied for switch container | style  | no | Android/IOS      | yes |
+| circleStyle  | styles that will be applied for the circle | style  | no | Android/IOS      | yes |
+| backgroundActive  | color of switch when it is on | string  | no | Android/IOS      | yes |
+| backgroundInactive  | color of switch when it is of | string  | no | Android/IOS      | yes |
+| onSyncPress  | callback when switch is clicked | func  | no | Android/IOS      | yes |
+| onAsyncPress | has a callback with result of async | func  | no | Android/IOS      | yes | 
+
+
+## 注意
+* 最好不要同时使用 onSyncPress 和 onAsyncPress，否则只会调用 onSyncPress。
+
+* value 与双向绑定一起使用，可以是 redux、state 等。
+在 onAsyncPress 中，您应该写如下（带有状态）：
+
+	```javascript
+	<Switch
+	  value={this.state.value}
+	  onAsyncPress={(callback) => {
+	    callback(false or true, value => this.setState({value}))
+     }}
+	/>
+	```
+	`value => this.setState({value})仅当 result 为 true 时才会调用。
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/poberwong/react-native-switch-pro/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-switch-selector.md b/en/react-native-switch-selector.md
new file mode 100644
index 00000000..4aea6ead
--- /dev/null
+++ b/en/react-native-switch-selector.md
@@ -0,0 +1,129 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-switch-selector</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/App2Sales/react-native-switch-selector">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/App2Sales/react-native-switch-selector)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-switch-selector@2.3.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-switch-selector@2.3.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import SwitchSelector from "react-native-switch-selector";
+import React from 'react';
+import { ScrollView } from 'react-native';
+
+const SwitchSelectorDemo = () => {
+    const options = [
+        { label: "电影", value: "movie" },
+        { label: "地图", value: "map" },
+        { label: "地铁", value: "metro" }
+    ];
+    return (
+        <ScrollView>
+            <SwitchSelector
+                options={options}
+                initial={0}
+            />
+        </ScrollView>
+    )
+}
+
+export default SwitchSelectorDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                         | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+| options                      | Items array to  render. Each item has a label and a value and optionals icons | array                    | Yes      | Android/IOS | Yes               |
+| options[].label              | Label from  each item                                        | string                   | Yes      | Android/IOS | Yes               |
+| options[].value              | Value  from each item                                        | string                   | Yes      | Android/IOS | Yes               |
+| options[].customIcon         | Optional  custom icon from each item                         | Jsx  element ou Function | No       | Android/IOS | Yes               |
+| options[].imageIcon          | Source  from a image icon form each item. Has the same color then label in render | string                   | No       | Android/IOS | Yes               |
+| options[].activeColor        | Color  from each item when is selected                       | string                   | No       | Android/IOS | Yes               |
+| options[].testID             | Test ID for each item used for testing (e.g. with Appium)    | string                   | No       | Android/IOS | Yes               |
+| options[].accessibilityLabel | Accessibility Label for each item used for testing (e.g. with Appium) | string                   | No       | Android/IOS | Yes               |
+| initial                      | Item  selected in initial render                             | number                   | No       | Android/IOS | Yes               |
+| value                        | The  switch value (will call onPress)                        | number                   | No       | Android/IOS | Yes               |
+| onPress                      | Callback  function called after change value.                | function                 | Yes      | Android/IOS | Yes               |
+| disableValueChangeOnPress    | Disables  the onPress call when the value is manually changed | bool                     | No       | Android/IOS | Yes               |
+| fontSize                     | Font  size from labels. If null default fontSize of the app is used. | number                   | No       | Android/IOS | Yes               |
+| selectedColor                | Color  text of the item selected                             | string                   | No       | Android/IOS | Yes               |
+| buttonMargin                 | Margin  of the item selected to component                    | number                   | No       | Android/IOS | Yes               |
+| buttonColor                  | Color  bg of the item selected                               | string                   | No       | Android/IOS | Yes               |
+| textColor                    | Color  text of the not selecteds items                       | string                   | No       | Android/IOS | Yes               |
+| backgroundColor              | Color  bg of the component                                   | string                   | No       | Android/IOS | Yes               |
+| borderColor                  | Border  Color of the component                               | string                   | No       | Android/IOS | Yes               |
+| borderRadius                 | Border  Radius of the component                              | number                   | No       | Android/IOS | Yes               |
+| hasPadding                   | Indicate  if item has padding                                | bool                     | No       | Android/IOS | Yes               |
+| animationDuration            | Duration  of the animation                                   | number                   | No       | Android/IOS | Yes               |
+| valuePadding                 | Size  of padding                                             | number                   | No       | Android/IOS | Yes               |
+| height                       | Height  of component                                         | number                   | No       | Android/IOS | Yes               |
+| bold                         | Indicate  if text has fontWeight bold                        | bool                     | No       | Android/IOS | Yes               |
+| textStyle                    | Text  style                                                  | object                   | No       | Android/IOS | Yes               |
+| selectedTextStyle            | Selected  text style                                         | object                   | No       | Android/IOS | Yes               |
+| textContainerStyle           | Style  for text (and icon) container (TouchableOpacity)      | object                   | No       | Android/IOS | Yes               |
+| selectedTextContainerStyle   | Style  for selected text (and icon) container (TouchableOpacity) | object                   | No       | Android/IOS | Yes               |
+| imageStyle                   | Image  style                                                 | object                   | No       | Android/IOS | Yes               |
+| style                        | Container  style                                             | object                   | No       | Android/IOS | Yes               |
+| returnObject                 | Indicate  if onPress function return an option instead of option.value | bool                     | No       | Android/IOS | Yes               |
+| disabled                     | Disables  the switch                                         | bool                     | No       | Android/IOS | Yes               |
+| borderWidth                  | Define  border width                                         | number                   | No       | Android/IOS | Yes               |
+| testID                       | Test ID used for testing (e.g. with Appium)                  | string                   | No       | Android/IOS | Yes               |
+| accessibilityLabel           | Accessibility Label used for testing (e.g. with Appium)      | string                   | No       | Android/IOS | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE)，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-switch.md b/en/react-native-switch.md
new file mode 100644
index 00000000..bc35d848
--- /dev/null
+++ b/en/react-native-switch.md
@@ -0,0 +1,150 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-switch</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/shahen94/react-native-switch">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/shahen94/react-native-switch/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/shahen94/react-native-switch)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install --save react-native-switch@1.5.1
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-switch@1.5.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { Switch } from "react-native-switch";
+import {SafeAreaView, StyleSheet,Button, Text, View, Alert} from 'react-native';
+
+
+export function SwitchDemo(){
+  const [isEnabled, setIsEnabled] = useState(false);
+  const toggleSwitch = (val:boolean) => {setIsEnabled(val) };
+  
+  return(
+    <View  style={styles.container}>
+      <Text style={{fontSize:32}}>Welcome to React Native !</Text>
+      <Switch
+        value={isEnabled}
+        onValueChange={(val) => toggleSwitch((val))}
+        disabled={false}
+        activeText={'On'}
+        inActiveText={'Off'}
+        circleSize={30}
+        barHeight={30}
+        circleBorderWidth={3}
+        backgroundActive={'green'}
+        backgroundInactive={'gray'}
+        circleActiveColor={'#30a566'}
+        circleInActiveColor={'#fff'}
+        renderInsideCircle={() => ''} // custom component to render inside the Switch circle (Text, Image, etc.)
+        changeValueImmediately={true} // if rendering inside circle, change state immediately or wait for animation to complete
+        innerCircleStyle={{ alignItems: "center", justifyContent: "center" }} // style for inner animated circle for what you (may) be rendering inside the circle
+        outerCircleStyle={{ }} // style for outer animated circle
+        renderActiveText={true}
+        renderInActiveText={true}
+        switchLeftPx={2} // denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider
+        switchRightPx={2} // denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider
+        switchWidthMultiplier={3} // multiplied by the `circleSize` prop to calculate total width of the Switch
+        switchBorderRadius={50} // Sets the border Radius of the switch slider. If unset, it remains the circleSize.
+      />
+      <Text style={{color:'gray',fontSize:20,marginBottom:10}}>To get started,edit index.harmony.js</Text>
+      <Text style={{color:'gray',fontSize:20}}>Press Cmd +R to reload,</Text>
+      <Text style={{color:'gray',fontSize:20}}>Cmd+D or shake for dev menu</Text>
+    </View>
+    )
+  }
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor:"#fff",
+      
+    }
+  });
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
+| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
+|     onValueChange      |     when to change value(value: `boolean`)    | function |    No    | Android/IOS |        Yes        |
+|       disabled        |          Display or not         |       boolean       |    No    | Android/IOS |        Yes        |
+|      activeText       | active text |   string  |    No    | Android/IOS |        Yes        |
+|     inActiveText      |         in Active Text    |      string      |    No    | Android/IOS |        Yes        |
+|     backgroundActive      | background active |      string      |    No    | Android/IOS |        Yes        |
+|      backgroundInactive      | background in active |   string   |    No    | Android/IOS |        Yes        |
+|      value       | swtich value |  boolean   |    No    | Android/IOS |        Yes        |
+|      circleActiveColor       | circle active color |      string       |    No    | Android/IOS |        Yes        |
+|    circleInActiveColor     | circle in active color |      string       |    No    | Android/IOS |        Yes        |
+|       circleSize        | circle Size|  number  |    No    | Android/IOS |        Yes        |
+|     circleBorderWidth     | circle Border Width |      function       |    No    | Android/IOS |        Yes        |
+|     circleBorderactiveColor     | circle Border Active Color|      function       |    No    | Android/IOS |        Yes        |
+|     circleBorderInactiveColor      |circle Border Inactive Color |       boolean       |    No    | Android/IOS |        Yes        |
+|    activeTextStyle     | active Text Style    |    StyleProp`<TextStyle> `  |  No  |         Android/IOS     |Yes
+| inactiveTextStyle | in Active Text Style. |       StyleProp`<TextStyle> `       |    No    | Android/IOS |        Yes        |
+|        containerStyle        |         container Style             |       StyleProp`<TextStyle> `        |   No    | Android/IOS |        Yes        |
+|     barHeight      |      Bar Height        |      number      |    No    | Android/IOS |        Yes        |
+|      circleBorderWidth      | circle Border Width |       number        |    No    | Android/IOS |        Yes        |
+|   renderInsideCircle    | custom component to render inside the Switch circle (Text, Image, etc.)      |    function  | No | Android/IOS |        Yes        |
+|  changeValueImmediately  | if rendering inside circle, change state immediately or wait for animation to complete |       boolean        |    No    | Android/IOS |        Yes        |
+|        innerCircleStyle         | style for inner animated circle for what you (may) be rendering inside the circle|   StyleProp`<TextStyle> `   |    No   | Android/IOS |        Yes        |
+|  outerCircleStyle  | style for outer animated circle |       StyleProp`<TextStyle> `       |    No    | Android/IOS |        Yes        |
+renderActiveText  | render Active Text |       boolean     |    No    | Android/IOS |        Yes        |
+renderInActiveText  | render In Active Text |       boolean     |    No    | Android/IOS |        Yes        |
+switchLeftPx  | denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider |       number     |    No    | Android/IOS |        Yes        |
+switchRightPx  |  denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider |       number     |    No    | Android/IOS |        Yes        |
+switchWidthMultiplier  |  multiplied by the `circleSize` prop to calculate total width of the Switch |       number     |    No    | Android/IOS |        Yes        |
+switchBorderRadius  |  Sets the border Radius of the switch slider. If unset, it remains the circleSize. |       number     |    No    | Android/IOS |        Yes        |
+testID  |  swtich test ID |       string     |    No    | Android/IOS |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/shahen94/react-native-switch/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-syan-image-picker.md b/en/react-native-syan-image-picker.md
new file mode 100644
index 00000000..0c1f662b
--- /dev/null
+++ b/en/react-native-syan-image-picker.md
@@ -0,0 +1,354 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-syan-image-picker</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/syanbo/react-native-syan-image-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/syanbo/react-native-syan-image-picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-syan-image-picker) 
+
+## 安装与使用
+
+release未发布。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-syan-image-picker@file:#
+```
+
+
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-syan-image-picker@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import {
+  StyleSheet,
+  Text,
+  View,
+  Image,
+  ScrollView,
+  TouchableOpacity,
+  Dimensions
+} from 'react-native';
+import SYImagePicker from "react-native-syan-image-picker";
+
+export default class App extends Component<{}> {
+ constructor(props) {
+    super(props);
+    this.state = {
+      photos: [],
+    };
+  }
+ /**
+ * 开启压缩，选择一张照片先裁剪然后再压缩，并支持base64编码
+ **/
+SYImagePicker.showImagePicker(
+        {
+          /**
+          * imageCount为1才支持裁剪
+          **/
+          imageCount: 1, 
+          isCrop: true,
+          quality: 90,
+          compress: true, // 开启压缩
+          enableBase64: false,
+        },
+        (err, photos) => {
+          if (!err) {
+            this.setState({
+              photos,
+            });
+          } else {
+            console.log(err);
+          }
+        },
+    );
+/**
+ * 关闭压缩，多选照片并支持base64编码
+ **/
+ handleAsyncSelectPhoto = async () => {
+    SYImagePicker.removeAllPhoto()
+    try {
+      const photos = await SYImagePicker.asyncShowImagePicker({
+        imageCount: 8, //指定选择的照片数量
+        enableBase64: true, // 支持base64编码
+      });
+      // 选择成功
+      this.setState({
+        photos: [...this.state.photos, ...photos],
+      });
+    } catch (err) {
+      console.log(err);
+      // 取消选择，err.message为"取消"
+    }
+  };
+/**
+* 缓存清除
+**/
+handleDeleteCache = () => {
+    SYImagePicker.deleteCache();
+  };
+
+/**
+* 移除选中的图片
+**/
+handleDeletePhoto = index => {
+  const { selectedPhotos: oldPhotos } = this.state;
+  const selectedPhotos = oldPhotos.filter((photo, photoIndex) => photoIndex !== index);
+  // 更新原生图片数组
+  SYImagePicker.removePhotoAtIndex(index);
+  }
+
+/**
+* 移除选中的全部图片
+**/
+STImagePicke.removeAllPhoto()
+
+/**
+* 调用相机
+**/
+SyanImagePicker.openCamera(options, (err, photos) => {
+  if (err) {
+    // 取消选择
+    return;
+  }
+  // 选择成功，渲染图片
+  // ...
+})
+
+/**
+* 选择视频
+**/
+SyanImagePicker.openVideoPicker(options, (err, videos) => {
+  if (err) {
+    // 取消选择
+    return;
+  }
+  // 选择成功，处理视频
+  // ...
+})
+
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmonyOS`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-syan-image-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-syan-image-picker/harmony/syan_image_picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入SyanImagePickerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++   import {SyanImagePickerPackage} from '@react-native-oh-tpl/react-native-syan-image-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SyanImagePickerPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+release未发布。
+
+本文档内容基于以下版本验证通过：
+
+
+
+1.  RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 B.0.22、IDE：DevEco Studio 5.0.3.300SP2; ROM：3.0.0.24;
+
+
+
+## ImagePickerOption(选择图片或数据的配置项)
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                            | Description                                                  | Type    | Required |  Platform   | HarmonyOS Support |
+| ------------------------------- | ------------------------------------------------------------ | ------- | :------: | :---------: | :---------------: |
+| imageCount                      | 最大选择图片数目，默认6                                      | number  |   yes    | iOS/Android |        yes        |
+| isCamera                        | 是否允许用户在内部拍照，默认true                             | boolean |   yes    | iOS/Android |        yes        |
+| isCrop                          | 是否允许裁剪，默认false, imageCount 为1才生效                | boolean |   yes    | iOS/Android |        yes        |
+| compress                        | 是否压缩照片                                                 | boolean |   yes    | iOS/Android |        yes        |
+| quality                         | 压缩质量                                                     | number  |   yes    | iOS/Android |        yes        |
+| enableBase64                    | 是否返回base64编码，默认不返回                               | boolean |   yes    | iOS/Android |        yes        |
+| videoCount                      | 选择的视频个数                                               | number  |   yes    | iOS/Android |        yes        |
+| allowPickingMultipleVideo       | 允许选择多个视频                                             | boolean |   yes    | iOS/Android |        yes        |
+| isRecordSelected                | 是否已选图片                                                 | bool    |   yes    | iOS/Android |        no         |
+| CropW                           | 裁剪宽度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        no         |
+| CropH                           | 裁剪高度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        no         |
+| isGif                           | 是否允许选择GIF，默认false，暂无回调GIF数据                  | boolean |   yes    | iOS/Android |        no         |
+| showCropCircle                  | 是否显示圆形裁剪区域，默认false                              | boolean |   yes    | iOS/Android |        no         |
+| circleCropRadius                | 圆形裁剪半径，默认屏幕宽度一半                               | number  |   yes    | iOS/Android |        no         |
+| showCropFrame                   | 是否显示裁剪区域，默认true                                   | boolean |   yes    | iOS/Android |        no         |
+| showCropGrid                    | 是否隐藏裁剪区域网格，默认false                              | boolean |   yes    | iOS/Android |        no         |
+| freeStyleCropEnabled            | 裁剪框是否可拖拽                                             | boolean |   yes    | iOS/Android |        no         |
+| rotateEnabled                   | 裁剪是否可旋转图片                                           | boolean |   yes    | iOS/Android |        no         |
+| scaleEnabled                    | 裁剪是否可放大缩小图片                                       | boolean |   yes    | iOS/Android |        no         |
+| compressFocusAlpha              | 压缩时保留图片透明度（开启后png压缩后尺寸会变大但是透明度会保留) | boolean |   yes    | iOS/Android |        no         |
+| minimumCompressSize             | 小于100kb的图片不压缩（Android）                             | number  |   yes    | iOS/Android |        no         |
+| allowPickingOriginalPhoto       | 选择原生图片                                                 | boolean |   yes    | iOS/Android |        no         |
+| MaxSecond                       | 选择视频最大时长，默认是180秒                                | number  |   yes    | iOS/Android |        no         |
+| videoMaximumDuration            | 视频最大拍摄时间，默认是10分钟，单位是秒                     | number  |   yes    | iOS/Android |        no         |
+| isWeChatStyle                   | 是否是微信风格选择界面 Android Only                          | boolean |   yes    | iOS/Android |        no         |
+| sortAscendingByModificationDate | 对照片排序，按修改时间升序，默认是YES。如果设置为NO,最新的照片会显示在最前面，内部的拍照按钮会排在第一个 | boolean |   yes    | iOS/Android |        no         |
+| MinSecond                       | 选择视频最小时长，默认是1秒                                  | number  |   yes    | iOS/Android |        no         |
+| showSelectedIndex               | 是否显示序号， 默认不显示                                    | boolean |   yes    | iOS/Android |        no         |
+
+## SelectedPhoto（选择的图片或视频的返回结果）
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| width        | 图片宽度                                                     | number | yes      | iOS/Android | yes               |
+| height       | 图片高度                                                     | number | yes      | iOS/Android | yes               |
+| original_uri | 图片原始路径                                                 | string | yes      | iOS/Android | yes               |
+| uri          | 图片路径                                                     | string | yes      | iOS/Android | yes               |
+| type         | 文件类型                                                     | string | yes      | iOS/Android | yes               |
+| size         | 图片大小，单位为字节 b                                       | number | yes      | iOS/Android | yes               |
+| base64       | 图片的 base64 编码，如果 enableBase64 设置 false，则不返回该属性 | string | yes      | iOS/Android | yes               |
+
+## API
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                        | Type                                                     | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------- | -------------------------------------------------------- | -------- | ----------- | ----------------- |
+| showImagePicker      | 打开图片选择器，选择图片           | callback: (err: null \| string, photos: SelectedPhoto[]) | yes      | iOS/Android | yes               |
+| asyncShowImagePicker | 打开图片选择器，选择图片           | Promise<SelectedPhoto[]>                                 | yes      | iOS/Android | yes               |
+| openCamera           | 打开相机拍照，并可以选择所拍的照片 | callback: (err: null \| string, photos: SelectedPhoto[]) | yes      | iOS/Android | yes               |
+| asyncOpenCamera      | 打开相机拍照，并可以选择所拍的照片 | Promise<SelectedPhoto[]>                                 | yes      | iOS/Android | yes               |
+| deleteCache          | 清除缓存                           | void                                                     | yes      | iOS/Android | yes               |
+| removePhotoAtIndex   | 删除已选择照片的索引               | void                                                     | yes      | iOS/Android | yes               |
+| removeAllPhoto       | 删除所有已选择的照片               | void                                                     | yes      | iOS/Android | yes               |
+| openVideoPicker      | 打开视频选择器,选择视频            | callback: (err: null \| string, photos: SelectedPhoto[]) | yes      | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ]  isRecordSelected: 是否已选图片[issues#2](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/2)
+- [ ]  CropW: 裁剪宽度，默认屏幕宽度60%[issues#3](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/3)
+- [ ]  CropH: 裁剪高度，默认屏幕宽度60%[issues#4](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/4)
+- [ ]  isGif: 是否允许选择GIF[issues#5](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/5)
+- [ ]  showCropCircle: 是否显示圆形裁剪区域[issues#6](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/6)
+- [ ]  circleCropRadius: 圆形裁剪半径[issues#7](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/7)
+- [ ]  showCropFrame: 是否显示裁剪区域[issues#8](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/8)
+- [ ]  showCropGrid: 是否隐藏裁剪区域网格[issues#9](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/9)
+- [ ]  freeStyleCropEnabled: 裁剪框是否可拖拽[issues#10](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/10)
+- [ ]  rotateEnabled: 裁剪是否可旋转图片[issues#11](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/11)
+- [ ]  scaleEnabled: 裁剪是否可放大缩小图片[issues#12](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/12)
+- [ ]  compressFocusAlpha: 压缩时保留图片透明度[issues#13](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/13)
+- [ ]  minimumCompressSize: 小于100kb的图片不压缩[issues#14](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/14)
+- [ ]  allowPickingOriginalPhoto: 选择原生图片[issues#15](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/15)
+- [ ]  MaxSecond: 选择视频最大时长[issues#16](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/16)
+- [ ]  videoMaximumDuration: 视频最大拍摄时间[issues#17](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/17)
+- [ ]  isWeChatStyle: 是否是微信风格选择界面[issues#18](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/18)
+- [ ]  sortAscendingByModificationDate: 对照片排序，按修改时间升序[issues#19](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/19)
+- [ ]  MinSecond: 选择视频最小时长[issues#20](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/20)
+- [ ]  showSelectedIndex: 是否显示序号[issues#21](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/21)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/syanbo/react-native-syan-image-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-system-setting.md b/en/react-native-system-setting.md
new file mode 100644
index 00000000..c152a6fc
--- /dev/null
+++ b/en/react-native-system-setting.md
@@ -0,0 +1,318 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-system-setting</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/c19354837/react-native-system-setting/tree/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/c19354837/react-native-system-setting/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-system-setting)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-system-setting@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-system-setting@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useEffect, useState } from 'react'
+import SystemSetting, { EmitterSubscription } from 'react-native-system-setting'
+import { ScrollView, Text, View, StyleSheet, TouchableOpacity } from 'react-native'
+
+const SystemSettingDemo: React.FC = (): JSX.Element => {
+    const [bluetoothEnabled, setBluetoothEnabled] = useState<boolean>()
+    const isBluetoothEnabled = async () => {
+        const enabled = await SystemSetting.isBluetoothEnabled()
+        setBluetoothEnabled(enabled)
+    }
+    return (
+        <>
+            <ScrollView>
+                <View style={styles.module}>
+                    <Text
+                        style={styles.moduleName}>
+                        Bluetooth(蓝牙模块)
+                    </Text>
+                    <Text
+                        style={styles.moduleContent}>
+                        蓝牙状态:{bluetoothEnabled === true ? '开启' : '关闭'}
+                    </Text>
+                    <TouchableOpacity
+                        onPress={() => {
+                            isBluetoothEnabled()
+                        }}
+                        style={styles.moduleButton}
+                    >
+                        <Text style={styles.buttonText}>获取蓝牙状态</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity
+                        onPress={() => {
+                            SystemSetting.switchBluetooth(() => {
+                                console.log('跳转完成')
+                            })
+
+                        }}
+                        style={styles.moduleButton}
+                    >
+                        <Text style={styles.buttonText}>切换蓝牙状态(跳转设置)</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity
+                        onPress={() => {
+                            SystemSetting.switchBluetoothSilence(() => {
+                                console.log('切换完成')
+                            })
+                        }}
+                        style={styles.moduleButton}
+                    >
+                        <Text style={styles.buttonText}>切换蓝牙状态</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity
+                        onPress={async () => {
+                            bluetoothEvent = await SystemSetting.addBluetoothListener(e => {
+                                console.log(JSON.stringify(e))
+                                setBluetoothEnabled(e)
+                            })
+                        }}
+                        style={styles.moduleButton}
+                    >
+                        <Text style={styles.buttonText}>开启蓝牙状态监听器</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity
+                        onPress={() => {
+                            SystemSetting.removeListener(bluetoothEvent)
+                        }}
+                        style={styles.moduleButton}
+                    >
+                        <Text style={styles.buttonText}>关闭蓝牙状态监听器</Text>
+                    </TouchableOpacity>
+                </View>
+            </ScrollView>
+        </>
+    )
+}
+const styles = StyleSheet.create({
+    module: {
+        margin: 15,
+    },
+    moduleName: {
+        fontSize: 25,
+        fontWeight: '700',
+        marginBottom: 4
+    },
+    moduleContent: {
+        fontSize: 16,
+        fontWeight: '500',
+        marginBottom: 4
+    },
+    moduleButton: {
+        marginBottom: 4,
+        backgroundColor: 'deepskyblue',
+        height: 34,
+        borderRadius: 10
+    },
+    buttonText: {
+        fontSize: 18,
+        fontWeight: '400',
+        color: 'white',
+        textAlign: 'center',
+        lineHeight: 32,
+        verticalAlign: 'middle'
+    }
+})
+
+export default SystemSettingDemo
+```
+
+## 使用 Codegen 
+本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-system-setting": "../../node_modules/@react-native-oh-tpl/react-native-system-setting/harmony/react_native_system_setting.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNSystemSettingPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNSystemSettingPackage } from '@react-native-oh-tpl/react-native-system-setting/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNSystemSettingPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases)。
+
+### 权限要求
+
+由于此库涉及蓝牙、亮度等系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
+
+此库部分功能与接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH、ohos.permission.GET_WIFI_INFO。
+
+此库部分功能与接口需要full sdk与system_basic权限：ohos.permission.MANAGE_SECURE_SETTINGS、ohos.permission.MANAGE_WIFI_CONNECTION等，[full sdk获取地址](https://eco-betaclub.rnd.huawei.com/#/download/DevEco%20Studio/newest)，[system_basic权限获取方式](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/determine-application-mode-0000001774120042-V5)。
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-system-setting](https://github.com/c19354837/react-native-system-setting/tree/master)
+
+| Name                        | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+| getVolume                   | Get the system volume.                                       | string                   | No       | iOS/Android | yes               |
+| setVolume                   | Set the system volume by specified value, from 0 to 1. 0 for mute, and 1 is max volume. | val:float, config:object | No       | iOS/Android | no                |
+| addVolumeListener           | Listen the volume changing, and it will return the listener. | callback                 | No       | iOS/Android | yes               |
+| removeVolumeListener        | Remove listener when it no longer needed.                    | listener                 | No       | iOS/Android | no                |
+| getBrightness               | Get the system brightness.                                   | no                       | No       | iOS/Android | no                |
+| setBrightness               | Set the system brightness by specified value, from 0 to 1. 0 for brightless, and 1 is max. | val:float                | No       | iOS/Android | no                |
+| setBrightnessForce          | In Android, if the screen mode is auto, SystemSetting.setBrightness() will not work. You can call this to change the screen mode to MANUAL first. | val:float                | No       | Android     | no                |
+| setAppBrightness            | For Android and Harmony, `setBrightness()` or `setBrightnessForce()` will change the system's brightness, while this just changes the app's brightness, and it has no permission trouble. | val:float                | No       | Android     | yes               |
+| getAppBrightness            | Get the app brightness, and it will returns system brightness if you haven't call `setAppBrightness(val)` yet. (iOS allways returns system brightness) | no                       | No       | Android     | yes               |
+| getScreenMode               | (Only for Android, iOS and Harmony will return -1). Get the screen mode, 0 is manual, while 1 is automatic. | no                       | No       | Android     | no                |
+| setScreenMode               | (Only for Android, iOS and Harmony cannot change it). Change the screen mode, 0 is manual, while 1 is automatic. | mode:int                 | No       | Android     | no                |
+| grantWriteSettingPermission | open app setting page. It's user-friendly when you need some permission. Normally, you can call it if `setScreenMode()`, `setBrightness()` or `setBrightnessForce()` return false | no                       | No       | iOS/Android | no                |
+| saveBrightness              | It will save current brightness and screen mode.             | no                       | No       | iOS/Android | yes               |
+| restoreBrightness           | Restore brightness and screen mode back to saveBrightness(). While iOS only restore the brightness, Android will restore both, Harmony will restore the app's rightness. | no                       | No       | iOS/Android | yes               |
+| isWifiEnabled               | Get wifi state, true if wifi is on.                          | no                       | No       | iOS/Android | yes               |
+| switchWifi                  | It will open **Wifi Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | iOS/Android | yes               |
+| switchWifiSilence           | It will open wifi if the wifi is off, and close wifi when the wifi is on now. When it has done, the `complete` will be call. | complete                 | No       | Android     | no                |
+| addWifiListener             | Listen the wifi state changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
+| isLocationEnabled           | Get location state, true if location is on.                  | no                       | No       | iOS/Android | yes               |
+| switchLocation              | It will open **System Location Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | iOS/Android | yes               |
+| addLocationListener         | Listen the location state changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
+| getLocationMode             | Get current location mode code: `0` - 'off', `1` - 'gps', `2` - 'network', `3` - 'gps & network'. (Android only) | no                       | No       | Android     | no                |
+| addLocationModeListener     | Listen the location mode changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
+| isBluetoothEnabled          | Get bluetooth state, true if bluetooth is on.                | no                       | No       | iOS/Android | yes               |
+| switchBluetooth             | It will open **System Bluetooth Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | iOS/Android | yes               |
+| switchBluetoothSilence      | It will open bluetooth if the bluetooth is off, and close bluetooth when the bluetooth is on now. When it has done, the `complete` will be call. In android, it's done programmatically. | complete                 | No       | Android     | yes               |
+| addBluetoothListener        | Listen the bluetooth state changing, and it will return the listener. | callback                 | No       | iOS/Android | yes               |
+| isAirplaneEnabled           | Get airplane state, true if airplane is on.                  | no                       | No       | iOS/Android | no                |
+| switchAirplane              | It will open **System Setting Page**, and you can change it by yourself. | complete                 | No       | iOS/Android | yes               |
+| addAirplaneListener         | Listen the airplane state changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
+| setAppStore                 | `true` means that you'll submit your app to App Store,`false` means that your app will not upload to App Store, and you can use any APIs at will. | isAppStore:bool          | No       | iOS         | no                |
+| removeListener              | you can use this to remove the listener which return by `add*Listener(callback)` | listener                 | No       | iOS/Android | yes               |
+| openAppSystemSettings       | open app's setting page                                      | no                       | No       | iOS/Android | yes               |
+
+## 其他
+
+由于仅支持Android/iOS特有功能，HarmonyOS暂无法实现的接口：[issue#11](https://github.com/react-native-oh-library/react-native-system-setting/issues/11)
+
+## 遗留问题
+
+- [ ] 由于系统音量权限问题，HarmonyOS暂无法实现的接口：[issue#3](https://github.com/react-native-oh-library/react-native-system-setting/issues/3)
+- [ ] 由于系统亮度与亮度模式权限问题，HarmonyOS暂无法实现的接口：[issue#4](https://github.com/react-native-oh-library/react-native-system-setting/issues/4)
+- [ ] 由于系统WiFi权限问题，HarmonyOS暂无法实现的接口：[issue#5](https://github.com/react-native-oh-library/react-native-system-setting/issues/5)
+- [ ] 由于系统未支持删除音量监听器，HarmonyOS暂无法实现的接口：[issue#6](https://github.com/react-native-oh-library/react-native-system-setting/issues/6)
+- [ ] 由于系统未支持位置服务模式监听器相关接口，HarmonyOS暂无法实现的接口：[issue#7](https://github.com/react-native-oh-library/react-native-system-setting/issues/7)
+- [ ] 由于系统未支持位置服务模式获取相关接口，HarmonyOS暂无法实现的接口：[issue#8](https://github.com/react-native-oh-library/react-native-system-setting/issues/8)
+- [ ] 由于系统未支持获取飞行模式状态相关接口，HarmonyOS暂无法实现的接口：[issue#9](https://github.com/react-native-oh-library/react-native-system-setting/issues/9)
+- [ ] 由于系统未支持飞行模式开关监听器相关接口，HarmonyOS暂无法实现的接口：[issue#10](https://github.com/react-native-oh-library/react-native-system-setting/issues/10)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/c19354837/react-native-system-setting/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-tab-navigator.md b/en/react-native-tab-navigator.md
new file mode 100644
index 00000000..13d150c9
--- /dev/null
+++ b/en/react-native-tab-navigator.md
@@ -0,0 +1,169 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-tab-navigator</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ptomasroos/react-native-tab-navigator">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tab-navigator)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-tab-navigator@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-tab-navigator@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import React, { useState } from "react";
+import { View, StyleSheet, Text, Image } from "react-native";
+import TabNavigator from "react-native-tab-navigator";
+
+const HOME_IMAGE = [
+  require("../assets/tab-navigator/home_unselected.svg"),
+  require("../assets/tab-navigator/home_selected.svg"),
+];
+const PROFILE_IMAGE = [
+  require("../assets/tab-navigator/profile_unselected.svg"),
+  require("../assets/tab-navigator/profile_selected.svg"),
+];
+
+const App = () => {
+  const [selectedTab, setSelectedTab] = useState("home");
+  return (
+    <View style={styles.container}>
+      <TabNavigator style={styles.tabContainer}>
+        <TabNavigator.Item
+          selected={selectedTab === "home"}
+          title="Home"
+          selectedTitleStyle={{ color: "#3496f0" }}
+          renderIcon={() => (
+            <Image source={HOME_IMAGE[0]} style={styles.iconSize} />
+          )}
+          renderSelectedIcon={() => (
+            <Image source={HOME_IMAGE[1]} style={styles.iconSize} />
+          )}
+          onPress={() => setSelectedTab("home")}
+        >
+          <Home />
+        </TabNavigator.Item>
+        <TabNavigator.Item
+          selected={selectedTab === "profile"}
+          title="Profile"
+          selectedTitleStyle={{ color: "#3496f0" }}
+          renderIcon={() => (
+            <Image source={PROFILE_IMAGE[0]} style={styles.iconSize} />
+          )}
+          renderSelectedIcon={() => (
+            <Image source={PROFILE_IMAGE[1]} style={styles.iconSize} />
+          )}
+          onPress={() => setSelectedTab("profile")}
+        >
+          <Profile />
+        </TabNavigator.Item>
+      </TabNavigator>
+    </View>
+  );
+};
+
+function Home() {
+  return (
+    <View style={styles.tabContainer}>
+      <Text style={styles.welcome}>Home</Text>
+    </View>
+  );
+}
+
+function Profile() {
+  return (
+    <View style={styles.tabContainer}>
+      <Text style={styles.welcome}>Profile</Text>
+    </View>
+  );
+}
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### TabNavigator props
+
+| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| sceneStyle        | define for rendered scene       | object (style) | No       | iOS/Android | Yes               |
+| tabBarStyle       | define style for TabBar         | object (style) | No       | iOS/Android | Yes               |
+| tabBarShadowStyle | define shadow style for tabBar  | object (style) | No       | iOS/Android | Yes               |
+| hidesTabTouch     | disable onPress opacity for Tab | boolean        | No       | iOS/Android | Yes               |
+
+### TabNavigator.Item props
+
+| Name               | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ------------------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| renderIcon         | returns Item icon                                  | function         | No       | iOS/Android | Yes               |
+| renderSelectedIcon | returns selected Item icon                         | function         | No       | iOS/Android | Yes               |
+| badgeText          | text for Item badge                                | string or number | No       | iOS/Android | Yes               |
+| renderBadge        | returns Item badge                                 | function         | No       | iOS/Android | Yes               |
+| title              | Item title                                         | string           | No       | iOS/Android | Yes               |
+| titleStyle         | styling for Item title                             | style            | No       | iOS/Android | Yes               |
+| selectedTitleStyle | styling for selected Item title                    | style            | No       | iOS/Android | Yes               |
+| tabStyle           | styling for tab                                    | style            | No       | iOS/Android | Yes               |
+| selected           | return whether the item is selected                | boolean          | No       | iOS/Android | Yes               |
+| onPress            | onPress method for Item                            | function         | No       | iOS/Android | Yes               |
+| allowFontScaling   | allow font scaling for title                       | boolean          | No       | iOS/Android | Yes               |
+| accessible         | indicates if this item is an accessibility element | boolean          | No       | iOS/Android | Yes               |
+| accessibilityLabel | override text for screen readers                   | string           | No       | iOS/Android | Yes               |
+| testID             | used to locate this item in end-to-end-tests       | string           | No       | iOS/Android | Yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-tab-view.md b/en/react-native-tab-view.md
new file mode 100644
index 00000000..faa5ebee
--- /dev/null
+++ b/en/react-native-tab-view.md
@@ -0,0 +1,275 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-tab-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/main/packages/react-native-tab-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20macos%20|%20web%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/main/packages/react-native-tab-view/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-tab-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-tab-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View, Text, Dimensions, StyleSheet } from "react-native";
+import {
+  TabView,
+  TabBar,
+  SceneMap,
+  NavigationState,
+  SceneRendererProps,
+} from "react-native-tab-view";
+
+type State = NavigationState<{
+  key: string,
+  title: string,
+}>;
+
+const FirstRoute = () => (
+  <View
+    style={{
+      alignItems: "center",
+      padding: 10,
+      margin: 10,
+      width: "80%",
+      height: "80%",
+      flex: 1,
+      backgroundColor: "#62BBD4",
+    }}
+  >
+    <Text
+      style={{
+        width: "100%",
+        height: "100%",
+        fontWeight: "bold",
+      }}
+    >
+      First tab
+    </Text>
+  </View>
+);
+
+const SecondRoute = () => (
+  <View
+    style={{
+      alignItems: "center",
+      padding: 10,
+      margin: 10,
+      width: "80%",
+      height: "80%",
+      flex: 1,
+      backgroundColor: "#A0D44E",
+    }}
+  >
+    <Text
+      style={{
+        width: "100%",
+        height: "100%",
+        fontWeight: "bold",
+      }}
+    >
+      Second tab
+    </Text>
+  </View>
+);
+
+const renderScene = SceneMap({
+  first: FirstRoute,
+  second: SecondRoute,
+});
+const TabViewTest = () => {
+  const initialLayout = { width: Dimensions.get("window").width };
+  const [index, setIndex] = React.useState(0);
+  const renderTabBar = (
+    props: SceneRendererProps & { navigationState: State }
+  ) => (
+    <TabBar
+      {...props}
+      scrollEnabled={true}
+      indicatorStyle={styles.indicator}
+      style={styles.tabbar}
+      labelStyle={styles.label}
+      tabStyle={styles.tabStyle}
+    />
+  );
+
+  const [routes] = React.useState([
+    { key: "first", title: "First" },
+    { key: "second", title: "Second" },
+  ]);
+
+  return (
+    <TabView
+      style={{
+        flex: 1,
+        width: 350,
+        height: 200,
+        margin: 10,
+        backgroundColor: "#6D8585",
+      }}
+      navigationState={{ index, routes }}
+      renderScene={renderScene}
+      renderTabBar={renderTabBar}
+      onIndexChange={setIndex}
+      initialLayout={initialLayout}
+    />
+  );
+};
+
+export default TabViewTest;
+
+const styles = StyleSheet.create({
+  tabbar: {
+    backgroundColor: "#3f51b5",
+    height: 70,
+    width: 350,
+  },
+  indicator: {
+    backgroundColor: "#ffeb3b",
+    width: 175,
+    height: 5,
+  },
+  label: {
+    fontWeight: "400",
+    fontSize: 20,
+    width: 100,
+    height: 50,
+    color: "black",
+  },
+  tabStyle: {
+    height: 65,
+    width: 175,
+    backgroundColor: "#BAFDAD",
+  },
+});
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-pager-view 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](/zh-cn/react-native-pager-view.md#link)进行引入
+
+## Tip
+本库依赖react-native-pager-view的能力，react-native-pager-view的能力已从ArkTS切换至CAPI。开启CAPI配置后过渡动画功能才能正常生效。
+
+请在entry目录下的src/main/ets/pages/index.ets中的build函数中修改配置
+```js
+   RNApp({   
+      rnInstanceConfig: {
+       ...,
+       //enableCAPIArchitecture 默认为false 需改成true 
+       enableCAPIArchitecture: true
+      },
+    ...
+    })
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases/)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**TabView**：选项卡组件
+| Name                  | Description                                                                                                                                                                                         | Type                              | Required | Platform | HarmonyOS Support |
+|-----------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------|----------|----------|-------------------|
+| navigationState       | State for the tab view.                                                                                                                                                                             | fucntion                          | yes      | all      | yes               |
+| onIndexChange         | Callback which is called on tab change, receives the index of the new tab as argument. The navigation state needs to be updated when it's called, otherwise the change is dropped.                  | function                          | yes      | all      | yes               |
+| renderScene           | Callback which returns a react element to render as the page for the tab.                                                                                                                           | function                          | yes      | all      | yes               |
+| renderTabBar          | Callback which returns a custom React Element to use as the tab bar                                                                                                                                 | function                          | no       | all      | yes               |
+| tabBarPosition        | Position of the tab bar in the tab view.                                                                                                                                                            | 'top'&#124;'bottom'               | no       | all      | yes               |
+| lazy                  | Function which takes an object with the current route and returns a boolean to indicate whether to lazily render the scenes.                                                                        | function                          | no       | all      | yes               |
+| lazyPreloadDistance   | When lazy is enabled, you can specify how many adjacent routes should be preloaded with this prop. This value defaults to 0 which means lazy pages are loaded as they come into the viewport.       | number                            | no       | all      | yes               |
+| renderLazyPlaceholder | Callback which returns a custom React Element to render for routes that haven't been rendered yet. Receives an object containing the route as the argument. The lazy prop also needs to be enabled. | string                            | no       | all      | yes               |
+| keyboardDismissMode   | String indicating whether the keyboard gets dismissed in response to a drag gesture.                                                                                                                | 'auto'&#124;'on-drag'&#124;'none' | no       | all      | yes               |
+| swipeEnabled          | Boolean indicating whether to enable swipe gestures. Swipe gestures are enabled by default. Passing false will disable swipe gestures, but the user can still switch tabs by pressing the tab bar.  | boolean                           | no       | all      | yes               |
+| animationEnabled      | Enables animation when changing tab. By default it's true.                                                                                                                                          | boolean                           | no       | all      | yes               |
+| onSwipeStart          | Callback which is called when the swipe gesture starts, i.e. the user touches the screen and moves it.                                                                                              | boolean                           | no       | all      | yes               |
+| onSwipeEnd            | Callback which is called when the swipe gesture ends, i.e. the user lifts their finger from the screen after the swipe gesture.                                                                     | boolean                           | no       | all      | yes               |
+| initialLayout         | Object containing the initial height and width of the screens. Passing this will improve the initial rendering performance.                                                                         | object                            | no       | all      | yes               |
+| overScrollMode        | Used to override default value of pager's overScroll mode. Can be auto, always or never (Android only).                                                                                             | 'auto'&#124;'always'&#124;'never' | no       | Android  | yes               |
+| sceneContainerStyle   | Style to apply to the view wrapping each screen. You can pass this to override some default styles such as overflow clipping                                                                        | object                            | no       | all      | yes               |
+| pagerStyle            | Style to apply to the pager view wrapping all the scenes.                                                                                                                                           | object                            | no       | all      | yes               |
+| style                 | Style to apply to the tab view container.                                                                                                                                                           | object                            | no       | all      | yes               |
+
+**TabBar**：选项卡标签栏
+| Name                    | Description                                                                                                                                                                                        | Type     | Required | Platform | HarmonyOS Support |
+|-------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| getLabelText            | Function which takes an object with the current route and returns the label text for the tab. Uses route.title by default.                                                                         | function | no       | all      | yes               |
+| getAccessible           | Function which takes an object with the current route and returns a boolean to indicate whether to mark a tab as accessible. Defaults to true.                                                     | function | no       | all      | yes               |
+| getAccessibilityLabel   | Function which takes an object with the current route and returns a accessibility label for the tab button. Uses route.accessibilityLabel by default if specified, otherwise uses the route title. | function | no       | all      | yes               |
+| renderIcon              | Function which takes an object with the current route, focused status and color and returns a custom React Element to be used as a icon.                                                           | function | no       | all      | yes               |
+| renderLabel             | Function which takes an object with the current route, focused status and color and returns a custom React Element to be used as a label.                                                          | function | no       | all      | yes               |
+| renderTabBarItem        | Function which takes a TabBarItemProps object and returns a custom React Element to be used as a tab button.                                                                                       | function | no       | all      | yes               |
+| renderIndicator         | Function which takes an object with the current route and returns a custom React Element to be used as a tab indicator.                                                                            | function | no       | all      | yes               |
+| renderBadge             | Function which takes an object with the current route and returns a custom React Element to be used as a badge.                                                                                    | function | no       | all      | yes               |
+| onTabPress              | Function to execute on tab press. It receives the scene for the pressed tab, useful for things like scroll to top.                                                                                 | function | no       | all      | yes               |
+| onTabLongPress          | Function to execute on tab long press, use for things like showing a menu with more options                                                                                                        | function | no       | all      | yes               |
+| activeColor             | Custom color for icon and label in the active tab.                                                                                                                                                 | string   | no       | all      | yes               |
+| inactiveColor           | Custom color for icon and label in the inactive tab.                                                                                                                                               | string   | no       | all      | yes               |
+| pressColor              | Color for material ripple (Android >= 5.0 only).                                                                                                                                                   | string   | no       | Android  | no                |
+| pressOpacity            | Opacity for pressed tab (iOS and Android < 5.0 only).                                                                                                                                              | number   | no       | all      | yes               |
+| scrollEnabled           | Boolean indicating whether to make the tab bar scrollable.                                                                                                                                         | boolean  | no       | all      | yes               |
+| bounces                 | Boolean indicating whether the tab bar bounces when scrolling.                                                                                                                                     | boolean  | no       | iOS      | no                |
+| tabStyle                | Style to apply to the individual tab items in the tab bar.                                                                                                                                         | object   | no       | all      | yes               |
+| indicatorStyle          | Style to apply to the active indicator.                                                                                                                                                            | object   | no       | all      | yes               |
+| indicatorContainerStyle | Style to apply to the container view for the indicator.                                                                                                                                            | object   | no       | all      | yes               |
+| labelStyle              | Style to apply to the tab item label.                                                                                                                                                              | object   | no       | all      | yes               |
+| contentContainerStyle   | Style to apply to the inner container for tabs.                                                                                                                                                    | object   | no       | all      | yes               |
+| style (TabBar)          | Style to apply to the tab bar container.                                                                                                                                                           | object   | no       | all      | yes               |
+| gap                     | Define a spacing between tabs.                                                                                                                                                                     | number   | no       | all      | yes               |
+
+## 遗留问题
+
+- [x] 已解决： 页面滑动时，有概率卡在中间，无法自动回正[issue#5](https://github.com/react-native-oh-library/react-navigation/issues/5)
+- [ ] TabBar中的bounces属性，不生效，无法实现滚动回弹效果[issue#34](https://github.com/react-native-oh-library/react-navigation/issues/34)
+
+## 其他
+
+- TabBar中的pressColor属性，不生效，无法实现按下更改颜色。 pressColor属性，是专门为Android平台设计的，这个属性在PlatformPressable中直接传递，在IOS上，pressColor属性没有直接对应的实现，IOS使用不同的机制来处理触摸反馈。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/satya164/react-native-tab-view/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-tcp-socket.md b/en/react-native-tcp-socket.md
new file mode 100644
index 00000000..7bfd7c83
--- /dev/null
+++ b/en/react-native-tcp-socket.md
@@ -0,0 +1,776 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-tcp-socket</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Rapsssito/react-native-tcp-socket">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/Rapsssito/react-native-tcp-socket/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tcp-socket)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-tcp-socket@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-tcp-socket@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {useState} from 'react';
+import {StyleSheet, TouchableOpacity, FlatList, Text, View} from 'react-native';
+import TcpSocket from 'react-native-tcp-socket';
+
+const ca = `-----BEGIN CERTIFICATE-----
+MIIFOTCCAyGgAwIBAgIUZiAx4QlvsVTwoSPJCW7oHBut1aEwDQYJKoZIhvcNAQEL
+BQAwRTELMAkGA1UEBhMCQVUxEzARBgNVBAgMClNvbWUtU3RhdGUxITAfBgNVBAoM
+GEludGVybmV0IFdpZGdpdHMgUHR5IEx0ZDAeFw0yNDA4MjkxMTU5MzNaFw0yNDA5
+MjgxMTU5MzNaMEUxCzAJBgNVBAYTAkFVMRMwEQYDVQQIDApTb21lLVN0YXRlMSEw
+HwYDVQQKDBhJbnRlcm5ldCBXaWRnaXRzIFB0eSBMdGQwggIiMA0GCSqGSIb3DQEB
+AQUAA4ICDwAwggIKAoICAQC7zpsawfWsf0A4D+A2apWo87oleyYIEyi5nZo6Bo+8
+Sp9dO0qFPBfVvRjDLW/E2ZRcb22I4KUNp6bXv8AvqDWRkiCsI19uuZ4CapLTLPvw
+mJeJICr/ol6NIHNUMBHAW8LshojTOA9Tu5l1qw34kMVZokT/2b98FIk0z0xaPjpR
+8YMYOIGHJO0J2zV3qQS60C8tvaJNvAwjhvu59J897I4putQsfnU5+xO7gsTYh4md
+mzDxCMBbfxMnexwpnAXIpxvlUXpdoMZf2KV1qetEZ539qDKCvsj20ejpAHWJnbJs
+uR4ZXroXer1413XzRmn9xISllq2Z3c4QX5OmCLusXwi5yrTDvs/M0PNjMsnMm1O/
+OvjZznAQ8c6FnUYAGKf4K2q7HKSIn45kTrvPVeLNvb42xhQ3B5luuTraNr/oTRTK
+nrteBSf3LYeK8YLCZlF9nm2ppJkV90xl7RCatU0MqmGx/VCe5b7EGgpxj8fnEm5V
+GbyJ+8B5ruOLoPynejgp/2S2LdfS1oBvqdAZfjeu6sJDLS95vKUpPDoNFe4FZgFr
+N3V2alzocX5D2vHacOGR2XBqZ33w53KwekPuq3hMnC9X+gCJCp/WfSBqArbcEUWF
+2++Ps5cO8tJ2aq0AzD2N7epEbc6LXolXAfv1JyHszjcE5cF4CzOTMntd8BBiFxXl
+YwIDAQABoyEwHzAdBgNVHQ4EFgQUtfcXe+EBtuSZNdHTxf/mFJickCswDQYJKoZI
+hvcNAQELBQADggIBAI3DKyh/ylg4gzlIA5SYMlC0wFCv5rMyXAbfJHebLIs/iqEV
+L+Gs9TvQnGXqcR2Rk86CgxA+4kpqOhhVOrzSO6t6YbLTZf3lxBME0p2kmbs65Llx
+FFAXe5Lyg1mPWU5cgXdZ0sakf9uc16mtl6VpYnTw9aAGMdF0JSPYNbU/o734Ze+q
+1GlEdsrBP3pOrmF04WVSgfdUCKqdksP8Gq1tU/pGDpT2UkzQGh+ZDz8VQePsKzAd
+hgDMJbKapgEjE1cRyHAKU0JhmhRMoSXAz5svVpYm/q1dgvqi7TamoftJfXsMsOaW
+eFlvUzOcS77eIE4hN2kL+fpBRwiAx8pli2RnKzd0yFnhb/LG32nwDmYhzGOMrHOO
+JfpU4tWVVrIp9yY6IKRXGsj4XQ//5ofnAySTSpu4H9wOCY4o+UCv/OGx17PJT7E+
+e2gyq9FGyUZg0j+GBxjlzhT32WIhpCuWqr5dTWnIlXQJSVk3RIY+zuGVOh+H6Nby
+zAXyUbWUStdw8dj24PDJK89a9qCmswNTGhu7cOeOId0wxYqqkY5G6J0j57Wo1CUG
+QBxQ0dpH79QAjXOAG0zE3E1ci/Sd8Nb99OSygn/Y6l0379PKkUMb6ic6G08snn00
+Z3cbzglkWavGfLsNHv4r2tptJTn003Cvd8w1gYSViOA1wd3JN/e3qZPPraIM
+-----END CERTIFICATE-----`;
+
+const serverKey = `-----BEGIN PRIVATE KEY-----
+MIIJQgIBADANBgkqhkiG9w0BAQEFAASCCSwwggkoAgEAAoICAQC7zpsawfWsf0A4
+D+A2apWo87oleyYIEyi5nZo6Bo+8Sp9dO0qFPBfVvRjDLW/E2ZRcb22I4KUNp6bX
+v8AvqDWRkiCsI19uuZ4CapLTLPvwmJeJICr/ol6NIHNUMBHAW8LshojTOA9Tu5l1
+qw34kMVZokT/2b98FIk0z0xaPjpR8YMYOIGHJO0J2zV3qQS60C8tvaJNvAwjhvu5
+9J897I4putQsfnU5+xO7gsTYh4mdmzDxCMBbfxMnexwpnAXIpxvlUXpdoMZf2KV1
+qetEZ539qDKCvsj20ejpAHWJnbJsuR4ZXroXer1413XzRmn9xISllq2Z3c4QX5Om
+CLusXwi5yrTDvs/M0PNjMsnMm1O/OvjZznAQ8c6FnUYAGKf4K2q7HKSIn45kTrvP
+VeLNvb42xhQ3B5luuTraNr/oTRTKnrteBSf3LYeK8YLCZlF9nm2ppJkV90xl7RCa
+tU0MqmGx/VCe5b7EGgpxj8fnEm5VGbyJ+8B5ruOLoPynejgp/2S2LdfS1oBvqdAZ
+fjeu6sJDLS95vKUpPDoNFe4FZgFrN3V2alzocX5D2vHacOGR2XBqZ33w53KwekPu
+q3hMnC9X+gCJCp/WfSBqArbcEUWF2++Ps5cO8tJ2aq0AzD2N7epEbc6LXolXAfv1
+JyHszjcE5cF4CzOTMntd8BBiFxXlYwIDAQABAoICAAkIVs1ipr41IJGRsebsGWaW
+0k0bLykUQtEqk1BXIHKd5CxHvb3KthrBjX9VoBqHnGsVsN70bvvJJG0b+9JO9MSb
+kpa03NIme0MCfS1K7JMVw7QEqAzDcmi3NtTFuxTVVPqrPclq2NHeI/NU1sctr1Aw
+TcFAZ8U/95linvl4JLXsN7HihdhKHlxq/pdSubeCa8J3bGbwtGTBCTpYWZBQ4EWB
+htLdAiZXvQs3rt/7JNM/s4rkMNw1sGYltaUKq/yKjPzqfkgig2f4s3yFP5t6oE6i
+2EsRgfjc/6a1LvH/c6VnAduWgry+Wn6FXlbk/BQIb5jHNnJACLkg36kMonoX2AOC
+ZAHgxPrumOzOqKTztdVrmtMhPFf4SH59a0wnvAiSTqeN2uf6bbiesetUZ/8bHLrc
+Ob5yyXerL6MAsX67a9sIRgma40j1a5iSsGPaZ8U9EDzjfzlO8zsd/YhYl2lpFFwm
+kJv9Kg/UyEoDMth2W7qHT5MEF6z8686LnvTB78SMGwuX7iThKHBtDETOxCNkgMdq
+0UcI7Oq6Pmv769IfumjpCONEBd225wQtVyjqubDtPhNAjk6oR3BH3HHGKpYQCXY7
+ORFG3TGXKWj48ZpMGqqPf731ARu8dIAYr57SWRfmR79w3Ru7Rt79DojMl+C/LYkn
+a/vH+XE6x1lHcfAiIoMBAoIBAQDtRZKrDivDnwhjyz1YZ2rfyIJ6lSDBpcNZV2+w
+BeuQUEuL9WdDwRXev/lYtaP6yrzbzNZLschVTfdrNgtMpTnb3IhY8rpapnwF5SeC
+x2dDArdAC+5WK3Svy0Hif+KZtU53Z1BbogEWWyWs1vkoZj7ZaiPc0w9eL2aFNJlI
+jqFGrao9IMb5OTraKUORqDQTuPco8yx4ln7I4KX0igGNABSms3w/cCrJtw/WmL4H
+BC0qXMBOFoVxSvoEaNpxoU4SX5p10k9qN5qFwH4yS85HKOiG5rCsS5XUD40185Dw
+iXxvh4su+hX29hbAqY7h+GKqcKSkdPdcoHBs0TpbW1NitM/bAoIBAQDKoYZ0qUmy
+DUGAlQHproMFZwXHjYVBA9KtsgKEjogxQetM6SI5jWI4jJCaJRS3mAbVHO1cZiap
+gSzW3mCAOcMbJid3Lm1/V3meN7aZ0uNIx7O2vDIsdJd5pP6pPMIQ2r7mVkG5s781
+tJefn2nq/Z5zeyTZL5oF6xeCpPA7sM3uBv1nejqz6YOicBszTlRz76Nwr85i7JUT
+vkHnlEFJCwhQ78KKWHUlcdYZhMkXyPRdSjP05DwlF2xyOSjORw6RpaW+tvTCUXTK
+TGr5JJ44Kl4hhIeTt0VWns4lJ0i2rL0T2xybX8fkHXaDzBN/lZ0PH11A4a8kZ4FK
+0MtQOP16/JsZAoIBAFhFArxqSDO9bUSa7pZ92s+n64qpAgeooFUTZzSH70u/42sM
+/77ADV/R8XRkFr4NQFdRDAQa/pllqP8Umv2Hlk/J6luU6Wkh+I/E4X8QqcTPNNc5
+2Q/rmLxxlHAr/WQLhEZ9g/KjAV6MyCZVz1mNOCJwDylux4/VeIFjwQayMSN3JhcZ
+o4xCEzfoFAATIFSaAjEUzl2KN16J3JNt6AfJmOUvbrC3DOQAG39NUZyQnDDfUpd6
+X2h3aS3MyD9vr/i74l2kwPCWAQFzTD9v3iyw9liBaAahE/tRUcpZc3lY3JctSMVQ
+Om2mvW4tZj+AxUv9HfMkpIWsFkcVS22DOzFEbPMCggEAHC6o/7LH4C69zH9s+65c
+5LR2dlG1ldxNQgE/HmaghJFRg6ntK6oBXjIWrom3vu0zDhLu5GoEuJCRxvS44Tyn
+aTA+TvIzIoHtFVdUW0Kcf/Peh+zW4Z35r16GWM1thGCYKnsWuxhH4NVUPUwztA5A
+KnmXH2nidy5CX9ZG31Zw3ck1F15Fqd4xg7cp4VHkpxdOWQ7qmpGjDlLo4aeaCOmy
+52bhXNJ+wI17pKL2QQufCRaX8ViJEPOYDq7qgP4bBaDPU54onporrzM/sZUpOFCU
+NP80yBO2XhzKORqkn1uZFJjl+qowqAZ9BEmu8JDDfmXzV2HMNTj8H4a4sFis0J0v
+iQKCAQEAw8W3biS86maqYrMNaTdpw2TYEUYvn06jSmDIWF3BBEVzlg6mYGJYHhNV
+sNEZO8/+Bdb/GKc9RjlQpd8zkHVrUQuOXShB7OFqWgMuL5k51V0PGzGgaWt6tezF
+Qa5zRbw/VW3SyslR/EmR8zs0t9pFajKLZyPYsJvZQx6oVSJacNFawfIzrqTo7akj
+eWJ2ofaAoT5laEUynjBkK6gLoFN0GtwBV8M3uglAkuGLzQbXFRTSHfJJ2NUd2b27
+KLH49mC1YcDcvaJt6C/wSB3oAcJXQkzBwN5nSxxn89zi3m875zG1Kvpj3KaBOzBN
+06v4n5pCSJDPebsNaecm5HETSwAfsg==
+-----END PRIVATE KEY-----`;
+
+const keystore = require('./ca/server-keystore.p12');
+
+interface Message {
+  id: number;
+  text: string;
+  user: string;
+}
+
+const getNowTime = () => {
+  let date = new Date();
+  let hours = date.getHours();
+  let minutes = date.getMinutes();
+  let seconds = date.getSeconds();
+  return `${hours}:${minutes}:${seconds}`;
+};
+
+let server: any = null;
+let client: any = null;
+
+let testCase = 1;
+
+export const TcpSocketDemo = () => {
+  const [messages, setMessages] = useState<Message[]>([]);
+
+  const sendMessage = (msg: string, user: string) => {
+    let newMessage = {
+      id: Date.now(),
+      text: msg,
+      user: user,
+    };
+    setMessages([...messages, newMessage]);
+  };
+
+  const createTcpServer = () => {
+
+    server = new TcpSocket.Server();
+
+    server.listen({port: 0, host: '127.0.0.1', reuseAddress: true}, () => {
+      const port = server.address()?.port;
+      if (!port) throw new Error('Server port not found');
+      console.log('TcpSocketDemo:tcpServer start listen success on:'+port);
+    });
+
+    server.on('connection', (socket: any) => {
+      console.log('TcpSocketDemo:tcpServer on connection!');
+      socket.on('data', (data: any) => {
+        switch (testCase) {
+          case 1:
+            console.log(
+              'TcpSocketDemo:tcpServer received data:' + JSON.stringify(data),
+            );
+            sendMessage(`received data: ${data}`, 'tcpServer');
+            let time = getNowTime();
+            socket.write(`${time} Hello, tcpClient!`);
+            break;
+          case 2:
+            console.log(
+              `TcpSocketDemo:tcpServer Received ${data.length} bytes of data.`,
+            );
+            socket.pause();
+            console.log(
+              'TcpSocketDemo:tcpServer There will be no additional data for 1 second.',
+            );
+            setTimeout(() => {
+              console.log(
+                'TcpSocketDemo:tcpServer Now data will start flowing again.',
+              );
+              socket.resume();
+            }, 1000);
+            break;
+          case 3:
+            let dataLen = data.length;
+            let time1 = getNowTime();
+            console.log(
+              'TcpSocketDemo:tcpServer client received data: ' +
+                dataLen +
+                ' bytes',
+            );
+            sendMessage(
+              `${time1} received data: ${dataLen} bytes`,
+              'tcpServer',
+            );
+            break;
+          default:
+            console.log(
+              'TcpSocketDemo:tcpServer socket received data:' +
+                JSON.stringify(data),
+            );
+        }
+      });
+      socket.on('error', (error: any) => {
+        let errorMsg = '';
+        if (error) {
+          errorMsg = JSON.stringify(error);
+        }
+        console.log('TcpSocketDemo:tcpServer socket on error ' + errorMsg);
+      });
+
+      socket.on('close', (error: any) => {
+        let errorMsg = '';
+        if (error) {
+          errorMsg = JSON.stringify(error);
+        }
+        console.log('TcpSocketDemo:tcpServer socket on close ' + errorMsg);
+      });
+    });
+
+    server.on('error', (error: any) => {
+      console.log('TcpSocketDemo:tcpServer on error ' + JSON.stringify(error));
+    });
+
+    server.on('close', () => {
+      console.log('TcpSocketDemo:tcpServer closed');
+    });
+  };
+
+  const createTcpClient = () => {
+
+    client = new TcpSocket.Socket();
+
+    const port = server.address()?.port;
+    if (!port) throw new Error('Server port not found');
+
+    let options = {
+      port: port,
+      host: '127.0.0.1',
+      localAddress: '127.0.0.1',
+      reuseAddress: true,
+      localPort: 20000,
+      interface: 'wifi',
+    };
+    client.connect(options, () => {
+      console.log('TcpSocketDemo:tcpClient connect success');
+    });
+    client.on('data', (data: any) => {
+      console.log(
+        'TcpSocketDemo:tcpClient received data: ' +
+          (data.length < 500 ? data : data.length + ' bytes'),
+      );
+      sendMessage(`received data: ${data}`, 'tcpClient');
+    });
+
+    client.on('connect', () => {
+      console.log(
+        'TcpSocketDemo:tcpClient on connect:' +
+          JSON.stringify(client.address()),
+      );
+    });
+
+    client.on('drain', () => {
+      console.log('TcpSocketDemo:tcpClient drained');
+    });
+
+    client.on('error', (error: any) => {
+      if (error) {
+        console.log('TcpSocketDemo:tcpClient error ' + JSON.stringify(error));
+      }
+    });
+
+    client.on('close', (error: any) => {
+      let errorMsg = '';
+      if (error) {
+        errorMsg = JSON.stringify(error);
+      }
+      console.log('TcpSocketDemo:tcpClient closed ' + errorMsg);
+    });
+  };
+
+  const tcpSendData = () => {
+    testCase = 1;
+    let time = getNowTime();
+    client.write(`${time} Hello, tcpServer!`);
+  };
+
+  const tcpClose = () => {
+    client.destroy();
+    server.close();
+    client = null;
+    server = null;
+  };
+
+  const tcpPauseResume = () => {
+    testCase = 2;
+    let i = 0;
+    const MAX_ITER = 3000;
+    write();
+    async function write() {
+      let ok = true;
+      while (i <= MAX_ITER && ok) {
+        i++;
+        const buff = ' ->' + i + '<- ';
+        ok = client.write(buff);
+      }
+      if (!ok) {
+        client.once('drain', write);
+      }
+    }
+  };
+
+  const tcpLongData = () => {
+    testCase = 3;
+    const hugeData = 'x'.repeat(5 * 1024);
+    client.end(hugeData, 'utf8');
+    console.log('TcpSocketDemo:tcpClient end hugeData...');
+  };
+
+  const createTlsServer = () => {
+
+    server = new TcpSocket.TLSServer();
+    server.setSecureContext({
+      key: serverKey,
+      cert: ca,
+      keystore: keystore,
+    });
+    server.on('secureConnection', (socket: any) => {
+      console.log(
+        'TcpSocketDemo:TlsServer on secureConnection:' +
+          JSON.stringify(socket.address()),
+      );
+      socket.on('data', (data: any) => {
+
+        switch (testCase) {
+          case 1:
+            console.log(
+              'TcpSocketDemo:tlsServer received data:' + JSON.stringify(data),
+            );
+            sendMessage(`received data: ${data}`, 'tlsServer');
+            let time = getNowTime();
+            socket.write(`${time} Hello, tlsClient!`);
+            break;
+          case 2:
+            console.log(
+              `TcpSocketDemo:tlsServer Received ${data.length} bytes of data.`,
+            );
+            socket.pause();
+            console.log(
+              'TcpSocketDemo:tlsServer There will be no additional data for 1 second.',
+            );
+            setTimeout(() => {
+              console.log(
+                'TcpSocketDemo:tlsServer Now data will start flowing again.',
+              );
+              socket.resume();
+            }, 1000);
+            break;
+          case 3:
+            let dataLen = data.length;
+            let time1 = getNowTime();
+            console.log(
+              'TcpSocketDemo:tlsServer client received data: ' +
+                dataLen +
+                ' bytes',
+            );
+            sendMessage(
+              `${time1} received data: ${dataLen} bytes`,
+              'tlsServer',
+            );
+            break;
+          default:
+            console.log(
+              'TcpSocketDemo:tlsServer socket received data:' +
+                JSON.stringify(data),
+            );
+        }
+      });
+      socket.on('error', (error: any) => {
+        console.log(
+          'TcpSocketDemo:TlsServer secureConnection socket error ' +
+            JSON.stringify(error),
+        );
+      });
+
+      socket.on('close', (error: any) => {
+        console.log(
+          'TcpSocketDemo:TlsServer secureConnection socket closed ' +
+            (error ? JSON.stringify(error) : ''),
+        );
+      });
+    });
+
+    server.on('error', (error: any) => {
+      console.log('TcpSocketDemo:TlsServer on error ' + JSON.stringify(error));
+    });
+
+    server.on('close', () => {
+      console.log('TcpSocketDemo:TlsServer closed');
+    });
+
+    server.listen({port: 9999, host: '127.0.0.1', reuseAddress: true}, () => {
+      console.log('TcpSocketDemo:tlsServer start listen success!');
+    });
+  };
+
+  const createTlsClient = () => {
+
+    let clientSocket = new TcpSocket.Socket();
+
+    client = new TcpSocket.TLSSocket(clientSocket, {ca});
+    clientSocket.on('error', error => {
+      console.log(
+        'TcpSocketDemo:TlsClient clientSocket error',
+        error ? JSON.stringify(error) : '',
+      );
+    });
+
+    clientSocket.on('close', hadError => {
+      console.log(
+        'TcpSocketDemo:TlsClient clientSocket close ' +
+          (hadError ? JSON.stringify(hadError) : ''),
+      );
+    });
+
+    clientSocket.connect(
+      {
+        port: 9999,
+        host: '127.0.0.1',
+        reuseAddress: true,
+        localPort: 20000,
+        interface: 'wifi',
+      },
+      () => {
+        console.log('TcpSocketDemo:TlsClient clientSocket connect success.');
+      },
+    );
+    client.on('secureConnect', () => {
+      console.log(
+        'TcpSocketDemo:TlsClient on secureConnect:' +
+          JSON.stringify(client.address()),
+      );
+    });
+
+    client.on('connect', () => {
+      console.log(
+        'TcpSocketDemo:TlsClient on connect:' +
+          JSON.stringify(client.address()),
+      );
+    });
+
+    client.on('drain', () => {
+      console.log('TcpSocketDemo:TlsClient Client drained');
+    });
+
+    client.on('data', (data: any) => {
+      console.log(
+        'TcpSocketDemo:TlsClient received data: ' +
+          (data.length < 500 ? data : data.length + ' bytes'),
+      );
+      sendMessage(
+        `received data: ${data.length < 500 ? data : data.length + ' bytes'}`,
+        'tlsClient',
+      );
+    });
+
+    client.on('error', (error: any) => {
+      console.log('TcpSocketDemo:TlsClient error ' + JSON.stringify(error));
+    });
+
+    client.on('close', (error: any) => {
+      console.log(
+        'cpSocketDemo:TlsClient closed ' + (error ? JSON.stringify(error) : ''),
+      );
+    });
+  };
+
+  return (
+    <View style={styles.container}>
+      <FlatList
+        data={messages}
+        renderItem={({item}) => (
+          <View style={styles.message}>
+            <Text style={styles.messageText}>
+              {item?.user}: {item?.text}
+            </Text>
+          </View>
+        )}
+        keyExtractor={item => item.id.toString()}
+      />
+      <TouchableOpacity onPress={createTcpServer} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>创建TCP服务器</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={createTcpClient} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>创建TCP客户端</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={tcpSendData} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>客户端和服务器通信</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={tcpPauseResume} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>数据的暂停与恢复</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={tcpLongData} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>长数据传输</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={tcpClose} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>关闭连接</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={createTlsServer} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>创建TLS服务器</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={createTlsClient} style={styles.moduleButton}>
+        <Text style={styles.buttonText}>创建TLS客户端</Text>
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 20,
+    backgroundColor: '#fff',
+  },
+  message: {
+    marginVertical: 10,
+    padding: 10,
+    backgroundColor: '#aaa',
+  },
+  messageText: {
+    fontSize: 16,
+  },
+  moduleButton: {
+    marginBottom: 5,
+    backgroundColor: 'deepskyblue',
+    height: 34,
+    borderRadius: 10,
+  },
+  buttonText: {
+    fontSize: 18,
+    fontWeight: '400',
+    color: '#fff',
+    textAlign: 'center',
+    lineHeight: 32,
+    verticalAlign: 'middle',
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony" : "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-tcp-socket": "file:../../node_modules/@react-native-oh-tpl/react-native-tcp-socket/harmony/tcp_socket.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 TcpSocketPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {TcpSocketPackage} from '@react-native-oh-tpl/react-native-tcp-socket/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [new SamplePackage(ctx),
++   new TcpSocketPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases)
+
+### 权限要求
+
+需要获取网络信息权限："ohos.permission.GET_NETWORK_INFO"和使用网络权限："ohos.permission.INTERNET"，配置方法如下：
+
+打开`entry/src/main/module.json5`，添加：
+
+```json
+"requestPermissions": [
+     ...
+     {
+        "name": "ohos.permission.INTERNET"
+      },
+      {
+        "name": "ohos.permission.GET_NETWORK_INFO"
+      }
+]
+```
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                         | Description                                         | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------------------------------- | --------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| connect(options, callback)                   | Same as createConnection,Creating a TCP Socket      | function | no       | Android,iOS | yes               |
+| createServer(connectionListener)             | Creating a TCP Server                               | function | no       | Android,iOS | yes               |
+| createConnection(options, callback)          | Creating a TCP Socket                               | function | no       | Android,iOS | yes               |
+| createTLSServer(options, connectionListener) | Creating a TLS-based TCP Server                     | function | no       | Android,iOS | yes               |
+| connectTLS                                   | Creating a TLS-based encrypted connection           | function | no       | Android,iOS | yes               |
+| isIP                                         | Check whether a character string is an IP address   | function | no       | Android,iOS | yes               |
+| isIPv4                                       | Check whether a character string is an IPv4 address | function | no       | Android,iOS | yes               |
+| isIPv6                                       | Check whether a character string is an IPv6 address | function | no       | Android,iOS | yes               |
+| Server                                       | TCP Server Object                                   | object   | no       | Android,iOS | yes               |
+| Socket                                       | TCP Socket Object                                   | object   | no       | Android,iOS | yes               |
+| TLSServer                                    | TLS Server Object                                   | object   | no       | Android,iOS | yes               |
+| TLSSocket                                    | TLS Socket Object                                   | object   | no       | Android,iOS | yes               |
+
+### Server
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| address() | Returns the bound `address`, the address `family` name, and `port` of the server as reported by the operating system if listening | function | no | Android,iOS | yes |
+| listen(options, callback) | Start a server listening for connections | function | no | Android,iOS | yes |
+| close(callback) | Stops the server from accepting new connections and keeps existing connections | function |no | Android,iOS | yes |
+| getConnections(callback) | Asynchronously get the number of concurrent connections on the server | function | no | Android,iOS | yes |
+| listening | whether to enable the listening | boolean | no | Android,iOS | yes |
+| on('close') | Triggered when the server is shut down | event | no | Android,iOS | yes |
+| on('connection') | Triggered when the server receives a new connection | event | no | Android,iOS | yes |
+| on('error') | Triggered when an error occurs on the server | event | no | Android,iOS | yes |
+| on('listening') | Triggered when the server starts listening | event | no | Android,iOS | yes |
+
+
+### Socket
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| address() | Returns the bound `address`, the address `family` name and `port` of the socket as reported | function | no | Android,iOS | yes |
+| destroy() | Ensures that no more I/O activity happens on this socket. Destroys the stream and closes the connection | function | no | Android,iOS | yes |
+| end() | Half-closes the socket. i.e., it sends a FIN packet. It is possible the server will still send some data | function | no | Android,iOS | yes |
+| setEncoding(encoding) | Set the encoding for the socket as a Readable Stream. By default, no encoding is assigned and stream data will be returned as `Buffer` objects | function | no | Android,iOS | yes |
+| setNoDelay(noDelay) | Set no delay                                                 | function | no | Android,iOS | yes |
+| setTimeout() | Sets the socket to timeout after `timeout` milliseconds of inactivity on the socket. By default `TcpSocket` do not have a timeout | function | no | Android,iOS | yes |
+| write(buffer, encoding, cb) | Sends data on the socket. The second parameter specifies the encoding in the case of a string — it defaults to UTF8 encoding | function | no | Android,iOS | yes |
+| pause() | Pauses the reading of data. That is, `'data'` events will not be emitted. Useful to throttle back an upload | function | no | Android,iOS | yes |
+| resume() | Resumes reading after a call to `socket.pause()` | function | no | Android,iOS | yes |
+| writableNeedDrain | whether need to wait for data to be written to the socket | boolean | no | Android,iOS | yes |
+| bytesRead | Indicates the number of bytes of data that have been read from the socket | number | no | Android,iOS | yes |
+| bytesWritten | get the number of bytes last written to the socket | number | no | Android,iOS | yes |
+| connecting | whether the current socket is being connected | boolean | no | Android,iOS | yes |
+| destroyed | Whether the socket has been destroyed | boolean | no | Android,iOS | yes |
+| localAddress | Local ip address | string | no | Android,iOS | yes |
+| localPort | Local port | number | no | Android,iOS | yes |
+| remoteAddress | remote server IP address | string | no | Android,iOS | yes |
+| remoteFamily | remote server IP address type | string | no | Android,iOS | yes |
+| remotePort | remote server port | number | no | Android,iOS | yes |
+| pending | Whether  has pending data to be sent to the remote server | boolean | no | Android,iOS | yes |
+| timeout | The timeout period for the socket, in milliseconds. The default timeout period is 30 seconds | number | no | Android,iOS | yes |
+| readyState | the state of socket,`0`: not connected,`1`:connected,2:  closing,3:closed | number | no | Android,iOS | yes |
+| on('pause') | Triggered when pauses the reading of data | event | no | Android,iOS | yes |
+| on('resume') | Triggered when Resumes the reading of data | event | no | Android,iOS | yes |
+| on('close') | Triggered when socket is  closed | event | no | Android,iOS | yes |
+| on('connect') | Triggered when socket is  connected | event | no | Android,iOS | yes |
+| on('data') | Triggered when socket  receives data | event | no | Android,iOS | yes |
+| on('drain') | Triggered when the buffer becomes empty, indicating that data can be written to the socke | event | no | Android,iOS | yes |
+| on('error') | Triggered when an error occurs on the socket | event | no | Android,iOS | yes |
+| on('timeout') | Triggered When the connection or data transmission times out | event | no | Android,iOS | yes |
+
+### TLSServer
+
+[!TIP] TLSServer继承自Server对象，拥有Server对象的所有属性、方法和事件，以下仅列出其独有的属性。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| setSecureContext(options) | Set Security Context | function | no | Android,iOS | yes |
+| on('secureConnection') | Triggered When a secure TLS connection is established | event | no | Android,iOS | yes |
+
+### TLSSocket
+
+[!TIP] TLSSocket继承自Socket对象，拥有Socket对象的所有属性、方法和事件，以下仅列出其独有的属性。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getCertificate() | Get a Local Certificate Information | function | no | Android | yes |
+| getPeerCertificate() | Get the Certificate Information of the Remote Server | function | no | Android | yes |
+| on('secureConnect') | Triggered When a secure connection is established | event | no | Android,iOS | yes |
+
+## 遗留问题
+
+- [ ] 目前无法实现多线程: [issue#3](https://github.com/react-native-oh-library/react-native-tcp-socket/issues/3)
+- [ ] 获取证书只有异步接口，目前返回值是一个promise，与安卓上同步接口不一致: [issue#4](https://github.com/react-native-oh-library/react-native-tcp-socket/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Rapsssito/react-native-tcp-socket/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-testing-library.md b/en/react-native-testing-library.md
new file mode 100644
index 00000000..d2dbfdcc
--- /dev/null
+++ b/en/react-native-testing-library.md
@@ -0,0 +1,217 @@
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-testing-library</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/react-native-testing-library">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/callstack/react-native-testing-library/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/callstack/react-native-testing-library)
+
+
+## 安装与使用
+
+本库需要和测试运行器一起使用，本文档以Jest测试框架作为示例演示。
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install -D jest@29.7.0
+npm install -D @testing-library/react-native@12.5.1
+```
+
+#### **yarn**
+
+```bash
+yarn add -D jest@29.7.0
+yarn add -D @testing-library/react-native@12.5.1
+```
+
+<!-- tabs:end -->
+
+配置Jest匹配器，目前有两种配置方法：
+
+方法一：在jest-setup.ts中引入：
+
+```js
+import '@testing-library/react-native/extend-expect';
+```
+
+方法二：在jest.config.js中配置：
+
+```json
+{
+  "preset": "react-native",
+  "setupFilesAfterEnv": ["@testing-library/react-native/extend-expect"]
+}
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Pressable, ScrollView, Text, TextInput, View } from 'react-native';
+import { render, screen, userEvent } from '@testing-library/react-native';
+
+type QuestionsBoardProps = {
+  questions: string[];
+  onSubmit: (obj: {}) => void;
+};
+
+jest.useFakeTimers();
+
+function QuestionsBoard({ questions, onSubmit }: QuestionsBoardProps) {
+  const [data, setData] = React.useState({});
+
+  return (
+    <ScrollView>
+      {questions.map((q, index) => {
+        return (
+          <View key={q}>
+            <Text>{q}</Text>
+            <TextInput
+              accessibilityLabel="answer input"
+              accessibilityHint="input"
+              onChangeText={(text) => {
+                setData((state) => ({
+                  ...state,
+                  [index + 1]: { q, a: text },
+                }));
+              }}
+            />
+          </View>
+        );
+      })}
+      <Pressable accessibilityRole={'button'} onPress={() => onSubmit(data)}>
+        <Text>Submit</Text>
+      </Pressable>
+    </ScrollView>
+  );
+}
+
+test('form submits two answers', async () => {
+  const questions = ['q1', 'q2'];
+  const onSubmit = jest.fn();
+
+  const user = userEvent.setup();
+  render(<QuestionsBoard questions={questions} onSubmit={onSubmit} />);
+
+  const answerInputs = screen.getAllByLabelText('answer input');
+  await user.type(answerInputs[0], 'a1');
+  await user.type(answerInputs[1], 'a2');
+  await user.press(screen.getByRole('button', { name: 'Submit' }));
+
+  expect(onSubmit).toHaveBeenCalledWith({
+    '1': { q: 'q1', a: 'a1' },
+    '2': { q: 'q2', a: 'a2' },
+  });
+});
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25; 
+
+## API
+
+详细请查看 [react-native-testing-library 的文档介绍](https://callstack.github.io/react-native-testing-library/docs/api)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| render  | render your UI components for testing purposes | function | yes | All | yes |
+| screen | access rendered UI | object | no | All | yes |
+| userEvent | simulate common user interactions like [`press`](https://callstack.github.io/react-native-testing-library/docs/api/events/user-event#press) or [`type`](https://callstack.github.io/react-native-testing-library/docs/user-event#type) in a realistic way | object | no | All | yes |
+| fireEvent | simulate any component event in a simplified way | function | no | All | yes |
+| renderHook | render hooks for testing purposes | function | no | All | yes |
+| waitFor | Waits for a period of time for the `expectation` | function | no | All | yes |
+| configure | configure | function | no | All | yes |
+| resetToDefaults | reset to Defaults | function | no | All | yes |
+| isHiddenFromAccessibility | Checks if given element is hidden from assistive technology, e.g. screen readers. | function | no | All | yes |
+| within | performs [queries](https://callstack.github.io/react-native-testing-library/docs/api/queries) scoped to given element | function | no | All | yes |
+| act | action | function | no | All | yes |
+| cleanup | Unmounts React trees that were mounted with `render` and clears `screen` variable that holds latest `render` output. | function | no | All | yes |
+
+ ### screen
+
+> [!TIP] "\*"号表示省略了变体或者谓词部；查询接口由两部分组成：变体和谓词，它们之间由单词by分隔，例如: getBy\*是查询变体，\*ByRole是谓词；变体和谓词之间可以任意组合。
+
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getBy* | Exactly one matching element | function | no | All | yes |
+| getAllBy* | At least one matching element | function | no | All | yes |
+| queryBy* | Zero or one matching element | function | no | All | yes |
+| queryAllBy* | No assertion | function | no | All | yes |
+| findBy* | Exactly one matching element | function | no | All | yes |
+| findAllBy* | At least one matching element | function | no | All | yes |
+| *ByRole | Returns a `ReactTestInstance` with matching `role` or `accessibilityRole` prop. | function | no | All | yes |
+| *ByLabelText | Returns a `ReactTestInstance` with matching label | function | no | All | yes |
+| *ByPlaceholderText | Returns a `ReactTestInstance` for a `TextInput` with a matching placeholder – may be a string or regular expression | function | no | All | yes |
+| *ByDisplayValue | Returns a `ReactTestInstance` for a `TextInput` with a matching display value – may be a string or regular expression | function | no | All | yes |
+| *ByText | Returns a `ReactTestInstance` with matching text – may be a string or regular expression | function | no | All | yes |
+| *ByHintText | Returns a `ReactTestInstance` with matching `accessibilityHint` prop | function | no | All | yes |
+| *ByTestId | Returns a `ReactTestInstance` with matching `testID` prop. `testID` – may be a string or a regular expression | function | no | All | yes |
+| rerender | Re-render the in-memory tree with a new root element | function | no | All | yes |
+| unmount | Unmount the in-memory tree, triggering the appropriate lifecycle events | function | no | All | yes |
+| debug | Pretty prints deeply rendered component passed to `render` | function | no | All | yes |
+| toJSON | Get the rendered component JSON representation, e.g. for snapshot testing | function | no | All | yes |
+| root | Returns the rendered root [host element](https://callstack.github.io/react-native-testing-library/docs/advanced/testing-env#host-and-composite-components) | object | no | All | yes |
+
+
+### userEvent
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| setup | Creates a User Event object instance, which can be used to trigger events. | function | no | All | yes |
+| press | This helper simulates a press on any pressable element | function | no | All | yes |
+| longPress | Simulates a long press user interaction. | function | no | All | yes |
+| type | This helper simulates the user focusing on a `TextInput` element | function | no | All | yes |
+| clear | This helper simulates the user clearing the content of a `TextInput` element | function | no | All | yes |
+| scrollTo | This helper simulates the user scrolling a host `ScrollView` element | function | no | All | yes |
+
+### Jest matchers
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| toBeOnTheScreen | This allows you to assert whether an element is attached to the element tree or not. If you hold a reference to an element and it gets unmounted during the test it will no longer pass this assertion. | function | no | All | yes |
+| toHaveTextContent | This allows you to assert whether the given element has the given text content or not. It accepts either `string` or `RegExp` matchers, as well as [text match options](https://callstack.github.io/react-native-testing-library/docs/api/queries#text-match-options) of `exact` and `normalizer` | function | no | All | yes |
+| toContainElement | This allows you to assert whether the given container element does contain another host element. | function | no | All | yes |
+| toBeEmptyElement | This allows you to assert whether the given element does not have any host child elements or text content | function | no | All | yes |
+| toHaveDisplayValue | This allows you to assert whether the given `TextInput` element has a specified display value. It accepts either `string` or `RegExp` matchers, as well as [text match options](https://callstack.github.io/react-native-testing-library/docs/api/queries#text-match-options) of `exact` and `normalizer` | function | no | All | yes |
+| toHaveAccessibilityValue | This allows you to assert whether the given element has a specified accessible value | function | no | All | yes |
+| toBeEnabled | These allow you to assert whether the given element is enabled or disabled from the user's perspective. It relies on the accessibility disabled state as set by `aria-disabled` or `accessibilityState.disabled` props. It will consider a given element disabled when it or any of its ancestors is disabled. | function | no | All | yes |
+| toBeSelected | This allows you to assert whether the given element is selected from the user's perspective. It relies on the accessibility selected state as set by `aria-selected` or accessibilityState.selected props | function | no | All | yes |
+| toBeChecked | These allow you to assert whether the given element is checked or partially checked from the user's perspective. It relies on the accessibility checked state as set by `aria-checked` or `accessibilityState.checked` props | function | no | All | yes |
+| toBeExpanded | These allows you to assert whether the given element is expanded or collapsed from the user's perspective. It relies on the accessibility disabled state as set by `aria-expanded` or `accessibilityState.expanded` props | function | no | All | yes |
+| toBeBusy | This allows you to assert whether the given element is busy from the user's perspective. It relies on the accessibility selected state as set by `aria-busy` or `accessibilityState.busy` props. | function | no | All | yes |
+| toHaveStyle | This allows you to assert whether the given element has given styles | function | no | All | yes |
+| toHaveAccessibleName | This allows you to assert whether the given element has a specified accessible name. It accepts either `string` or `RegExp` matchers, as well as [text match options](https://callstack.github.io/react-native-testing-library/docs/api/queries#text-match-options) of `exact` and normalizer | function | no | All | yes |
+| toHaveProp | This allows you to assert whether the given element has a given prop. When the `value` parameter is `undefined` it will only check for existence of the prop, and when `value` is defined it will check if the actual value matches passed value. | function | no | All | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-testing-library/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-text-gradient.md b/en/react-native-text-gradient.md
new file mode 100644
index 00000000..8f9df35f
--- /dev/null
+++ b/en/react-native-text-gradient.md
@@ -0,0 +1,270 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-text-gradient</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/iyegoroff/react-native-text-gradient">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/iyegoroff/react-native-text-gradient/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-text-gradient)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-text-gradient@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-text-gradient@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {StyleSheet, Text, View } from 'react-native';
+import { LinearTextGradient } from 'react-native-text-gradient';
+const TextGradientTest = () => {
+  return (
+      <View style={styles.container}>
+        <LinearTextGradient
+          style={styles.welcome}
+          locations={[0, 1]}
+          colors={['blue', 'red']}
+          start={{ x: 0, y: 0 }}
+          end={{ x: 1, y: 0 }}
+        >Welcome to React Native!
+        </LinearTextGradient>
+        <Text style={styles.instructions}>To get started, edit App.js</Text>
+        <Text style={styles.instructions}>{'Double tap R on your keyboard to reload,\n' +
+          'Shake or press menu button for dev menu'}</Text>
+      </View>
+  );
+}
+export default TextGradientTest;
+
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#ffffff',
+    marginTop: 100
+  },
+  welcome: {
+    fontSize: 20,
+    width: 'auto',
+    height: 'auto',
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-text-gradient": "file:../../node_modules/@react-native-oh-tpl/react-native-text-gradient/harmony/text_gradient.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 LinearTextGradientPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-text-gradient/src/main/cpp" ./text_gradient)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_text_gradient)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "LinearTextGradientPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<LinearTextGradientPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 LinearTextGradientPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {LinearTextGradientPackage} from '@react-native-oh-tpl/react-native-text-gradient/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new LinearTextGradientPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases)
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            |                                                                           Description                                                               |  Type  | Required | Platform     | HarmonyOS Support  |
+| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------| ------ | -------- | -------------| ------------------ |
+| start           | Coordinates declare the position that the gradient starts at, as a fraction of the overall size of the gradient, starting from the top left corner. | number |   yes    | iOS/Android  |       yes          |
+| end             | Same as start, but for the end of the gradient.                                                                                                     | number |   yes    | iOS/Android  |       yes          |
+| loactions       | An optional array of numbers defining the location of each gradient color stop, mapping to the color with the same index in prop.                   | number[]  |   yes    | iOS/Android  |       yes          |
+| colors          | An array of at least two color values that represent gradient colors.                                                                               | string   |   yes    | iOS/Android  |       yes          |
+| useViewFrame    | Optional. If true gradient will be calculated for text view background frame rather than text frame.                                                | boolean  |   yes    | iOS/Android  |       no          |
+| useGlobalCache  |  accessing or managing a cache that is available globally throughout the application.                                                               | boolean  |   yes    | iOS  |       no         |
+
+
+## 遗留问题
+
+- [ ] useGlobalCache()接口HarmonyOS暂不支持[issue#7](https://github.com/react-native-oh-library/react-native-text-gradient/issues/7)
+- [ ] useViewFrame()接口HarmonyOS暂不支持[issue#1](https://github.com/react-native-oh-library/react-native-text-gradient/issues/1)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/iyegoroff/react-native-text-gradient/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-text-size.md b/en/react-native-text-size.md
new file mode 100644
index 00000000..e9ac3327
--- /dev/null
+++ b/en/react-native-text-size.md
@@ -0,0 +1,361 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-text-size</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/aMarCruz/react-native-text-size">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/aMarCruz/react-native-text-size/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-BSD-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-text-size@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-text-size@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import {
+  ScrollView,
+  Text,
+  View,
+  Dimensions,
+  TextInput
+} from 'react-native';
+
+import RTNTextSize, { TSFontSpecs, TSFontInfo } from 'react-native-text-size'
+
+export default function TextSizeExample() {
+  const [res, setRes] = useState<string[]>([])
+  const [res2, setRes2] = useState<string[]>([])
+  const fontFamily = 'HarmonyOS Sans SC'
+  const [texts, setTexts] = useState<string>('I rnTextSize ❤️')
+  const [texts3, setTexts3] = useState<string>('')
+  const [width, setWidth] = useState<number>();
+  const [height, setHeight] = useState<number>();
+  const fontSpecs: TSFontSpecs = {
+    fontFamily: undefined,
+    fontSize: 20,
+    fontStyle: 'normal',
+    fontWeight: '700',
+  }
+  type State = { heights2: number[] }
+  const [texts2, setTexts2] = useState(['I ❤️ rnTextSize', 'I ❤️ rnTextSize using flatHeights', 'Thx for flatHeights', 'test123',])
+  const [heights2, setHeights2] = useState<number[]>([]);
+  const fontSpecs2: TSFontSpecs = {
+    fontFamily: undefined,
+    fontSize: 20,
+    fontStyle: 'italic',
+    fontWeight: 'bold',
+  }
+  const [key, setKey] = useState({})
+  const [info, setInfo] = useState<TSFontInfo>()
+  const fontSpecs3: TSFontSpecs = {
+    fontFamily: 'harmony',
+    textBreakStrategy: 'balanced',
+  }
+
+  useEffect(() => {
+    const myFun = async () => {
+      const resp = await RTNTextSize.fontFamilyNames();
+      setRes(resp)
+
+      const resp2 = await RTNTextSize.fontNamesForFamilyName(fontFamily);
+      setRes2(resp2)
+
+      setTexts(texts)
+      const width = Dimensions.get('window').width * 0.8
+      const newHeights = await RTNTextSize.measure({
+        text: texts,      // array of texts to measure, can include symbols
+        width: width,            // max-width of the "virtual" container
+        ...fontSpecs,     // RN font specification
+      })
+      setHeight(newHeights.height);
+      setWidth(newHeights.width)
+
+      setTexts2(texts2)
+      const width2 = Dimensions.get('window').width * 0.8
+      const newHeights2 = await RTNTextSize.flatHeights({
+        text: texts2,      // array of texts to measure, can include symbols
+        width: width2,            // max-width of the "virtual" container
+        ...fontSpecs2,     // RN font specification
+      })
+      setHeights2(newHeights2);
+
+      const keyp = await RTNTextSize.specsForTextStyles();
+      setKey(keyp)
+
+      const infos = await RTNTextSize.fontFromSpecs(fontSpecs3);
+      setInfo(infos)
+    }
+    myFun()
+  }, [])
+
+  return (
+    <ScrollView style={{ flexGrow: 1 }}>
+      <View style={{ paddingLeft: 12, paddingRight: 12 }}>
+        <Text>
+         measure:[fontFamily: undefined,fontSize: 20,fontStyle: 'normal', 正斜fontWeight: '700']
+        </Text>
+        <Text style={{
+          width: width,
+          height: height,
+          ...fontSpecs
+        }}>
+          {texts}
+        </Text>
+        <TextInput
+          value={texts}
+          onChangeText={value => { setTexts(value) }}
+          style={{ width: '100%', height: 28, borderWidth: 2, borderColor: 'black' }}
+        />
+
+        <Text>
+          flatHeights:[fontFamily: undefined,fontSize: 20,fontStyle: 'italic', fontWeight: 'bold']
+        </Text>
+        {texts2.map(
+          (texts2, index) => (
+            <Text key = {index} style={{ height: heights2[index], ...fontSpecs2 }}>
+              {texts2}
+            </Text>
+          )
+        )}
+        <TextInput
+          value = {texts3}
+          onChangeText={value => {
+            let value2 =value.split(",");
+            setTexts3(value)
+            setTexts2(value2)
+          }}
+          style={{ width: '100%', height: 28, borderWidth: 2, borderColor: 'black' }}
+        />
+        <Text>
+          specsForTextStyles:获取系统默认配置的字体的具体信息
+        </Text>
+        <Text>
+          {JSON.stringify(key)}
+        </Text>
+        <Text>
+          fontFamilyNames:获取系统默认配置的字体
+        </Text>
+        <Text>
+          {res}
+        </Text>
+        <Text>
+          fontNamesForFamilyName:获取系统字体的属性
+        </Text>
+        <Text>
+          {res2}
+        </Text>
+        <Text>
+          fontFromSpecs:返回从给定规范中获得的字体特征
+        </Text>
+        <Text>
+          {JSON.stringify(info)}
+        </Text>
+      </View>
+    </ScrollView>
+  )
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-text-size": "file:../../node_modules/@react-native-oh-tpl/react-native-text-size/harmony/text_size.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNTextSizePackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-text-size/src/main/cpp" ./text-size)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_text_size)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+...
++ #include "RNTextSizePackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      ...
++     std::make_shared<RNTextSizePackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNTextSizePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNTextSizePackage } from '@react-native-oh-tpl/react-native-text-size/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    ...
++   new RNTextSizePackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> [!tip] 参数信息查看 [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
+
+| Name                   | Description                                                                     | Type                            | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------------------------- | ------------------------------- | -------- | -------- | ----------------- |
+| measure                | Measurement Text                                                                | TSMeasureResult                 | No       | All      | partially               |
+| flatHeights            | Measurement Text                                                                | number[]                        | No       | All      | yes               |
+| specsForTextStyles     | Get system font information for the running OS                                  | {[key: string]: TSFontForStyle} | No       | All      | yes               |
+| fontFromSpecs          | Returns the characteristics of the font obtained from the given specifications. | TSFontInfo                      | No       | All      | yes               |
+| fontFamilyNames        | Returns a Promise for an array of font family names available on the system     | string[]                        | No       | All      | yes               |
+| fontNamesForFamilyName | Return the data of the corresponding font according to the name                 | string[]                        | No       | All      | yes               |
+
+
+## 遗留问题
+
+- [ ] fontFamilyNames&fontNamesForFamilyName 问题:需要依赖手机文件 font 目录下的 json 文件，该文件目前没有预置在手机目录下，会导致该接口调用为空。后续底层框架侧修复该问题 [issue#1](https://github.com/react-native-oh-library/react-native-text-size/issues/1)
+- [ ] measure方法缺少lineInfo的返回处理 [issue#2](https://github.com/react-native-oh-library/react-native-text-size/issues/8)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The BSD 2-Clause License（BSD）](https://github.com/aMarCruz/react-native-text-size/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-textinput-maxlength-fixed.md b/en/react-native-textinput-maxlength-fixed.md
new file mode 100644
index 00000000..8eeb16e7
--- /dev/null
+++ b/en/react-native-textinput-maxlength-fixed.md
@@ -0,0 +1,172 @@
+<p align="center">
+  <h1 align="center"> <code>react-native-textinput-maxlength-fixed</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/2017398956/react-native-textinput-maxlength-fixed">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/2017398956/react-native-textinput-maxlength-fixed/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-textinput-maxlength-fixed@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-textinput-maxlength-fixed@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```ts
+import * as React from 'react';
+
+import { StyleSheet, View, Text, TextInput } from 'react-native';
+import { multiply } from 'react-native-textinput-maxlength-fixed';
+
+export default function App() {
+  const [result, setResult] = React.useState<number | undefined>();
+
+  React.useEffect(() => {
+    multiply(3, 7).then(setResult);
+  }, []);
+
+  return (
+    <View style={styles.container}>
+      <Text>Result: {result}</Text>
+      <TextInput maxLength={6} style={styles.textInput} />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  box: {
+    width: 60,
+    height: 60,
+    marginVertical: 20,
+  },
+  textInput: {
+    borderColor: 'gray',
+    borderWidth: 1,
+    padding: 16,
+    width: 300,
+  },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-textinput-maxlength-fixed": "file:../../node_modules/@react-native-oh-tpl/react-native-textinput-maxlength-fixed/harmony/textinput_maxlength_fixed.har"
+  }
+```
+点击右上角的 `sync` 按钮
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNTextinputMaxlengthFixedPackage
+
+打开 `entry/src/main/ets/rn/RNPackagesFactory.ts`，添加：
+
+```diff
+import { RNPackageContext, RNPackage } from '@rnoh/react-native-openharmony';
+import { SampleTurboModulePackage } from '../TurboModule/SampleTurboModulePackage';
+import { ViewPagerPackage } from '@react-native-oh-tpl/react-native-pager-view/ts';
++import { RNTextinputMaxlengthFixedPackage } from "@react-native-oh-tpl/react-native-textinput-maxlength-fixed/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SampleTurboModulePackage(ctx),
+    new ViewPagerPackage(ctx),
++    new RNTextinputMaxlengthFixedPackage(ctx),
+  ];
+}
+```
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| multiply  | Calculate the product of two numbers. | number  | no | All      | 	yes |
+
+## 遗留问题
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-theme-control.md b/en/react-native-theme-control.md
new file mode 100644
index 00000000..6e9a0495
--- /dev/null
+++ b/en/react-native-theme-control.md
@@ -0,0 +1,266 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-theme-control</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vonovak/react-native-theme-control">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/vonovak/react-native-theme-control/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-theme-control)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-theme-control/Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-theme-control@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-theme-control@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js   
+import * as React from 'react';
+
+import { Text, useColorScheme, View } from 'react-native';
+import {
+    setThemePreference,
+    SystemBars,
+    ThemePreference,
+    useThemePreference,
+} from '@vonovak/react-native-theme-control';
+// @ts-ignore
+import SegmentedControl from '@react-native-segmented-control/segmented-control/js/SegmentedControl.js';
+
+export function SimpleScreen() {
+    const colorScheme = useColorScheme();
+    const isDarkMode = colorScheme === 'dark';
+    const themePreference = useThemePreference();
+    const bgColor = isDarkMode ? '#2A2550' : '#FFF6EA';
+    const textColor = isDarkMode ? 'white' : 'black';
+    const barsBackground = isDarkMode ? '#9900F0' : '#A0BCC2';
+    const dividerColor = textColor;
+
+    const textColorStyle = { color: textColor };
+
+    const values: Array<ThemePreference> = ['light', 'dark', 'system'];
+
+    return (
+        <View
+    style={{
+        backgroundColor: bgColor,
+        flexGrow: 1,
+        flexShrink: 1,
+        alignItems: 'center',
+        justifyContent: 'space-evenly',
+    }}
+>
+<SystemBars
+backgroundColor={barsBackground}
+dividerColor={dividerColor}
+/>
+    <SegmentedControl
+style={{ width: '100%' }}
+values={values}
+selectedIndex={values.indexOf(themePreference)}
+onChange={({ nativeEvent }: { nativeEvent: any }) => {
+    setThemePreference(nativeEvent.value as ThemePreference);
+}}
+/>
+    <Text style={textColorStyle}>useColorScheme(): {colorScheme}</Text>
+    <Text style={textColorStyle}>
+useThemePreference(): {themePreference}
+</Text>
+    </View>
+);
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-theme-control": "file:../../node_modules/@react-native-oh-tpl/react-native-theme-control/harmony/themecontrol.har",
+        
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 RNThemeControlPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNThemeControlPackage } from '@react-native-oh-tpl/react-native-theme-control/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNThemeControlPackage(ctx)
+  ];
+}
+```
+
+### 4.在 entry/src/main/ets/abilityStage   新建MyAbilityStage.ets
+
+打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
+```diff
+import appRecovery from '@ohos.app.ability.appRecovery';
+import AbilityStage from '@ohos.app.ability.AbilityStage';
+import { Want } from '@kit.AbilityKit';
+
+export default class MyAbilityStage extends AbilityStage {
+  onCreate() {
+      appRecovery.enableAppRecovery(
+      appRecovery.RestartFlag.ALWAYS_RESTART,
+      appRecovery.SaveOccasionFlag.SAVE_WHEN_ERROR,
+      appRecovery.SaveModeFlag.SAVE_WITH_FILE
+    );
+
+    let wantObj: Want = {
+      bundleName: 'com.rnoh.tester',
+      abilityName: 'EntryAbility'
+    };
+
+    appRecovery.setRestartWant(wantObj)
+  }
+}
+```
+### 5.在 entry/src/main/ets/entryability/EntryAbility.ets  配置生命周期调用 
+
+打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
+```diff
++ import {RNAbility} from 'rnoh';
++ import Want from '@ohos.app.ability.Want';
++ import { RNThemeControlModule } from '@react-native-oh-tpl/react-native-theme-control';
+
++  export default class EntryAbility extends RNAbility {
++    onCreate(want: Want): void {
++    super.onCreate(want);
++    RNThemeControlModule.recoverApplicationTheme(this.context);
++   }
+  getPagePath() {
+    return 'pages/Index';
+  }
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-theme-control Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)
+
+
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description                         | Type      | Required | Platform     | HarmonyOS Support |
+|-------------------------|-------------------------------------|-----------|----------|--------------|-------------------|
+| getThemePreference      | Get Theme Preferences               | function  | No       | IOS/Android  | yes               |
+| setNavbarAppearance     | Set Navigation Bar Appearance       | function  | No       | IOS/Android  | yes               |
+| setAppBackground        | Set the background color of the app | function  | No       | IOS/Android  | yes               |
+| setTheme                | Set Theme                           | function  | No       | IOS/Android  | yes               |
+| recoverApplicationTheme | Restoring Theme Storage             | function  | No       | IOS/Android  | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-theme-control/blob/main/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-theme-switch-animation.md b/en/react-native-theme-switch-animation.md
new file mode 100644
index 00000000..c05d1c1f
--- /dev/null
+++ b/en/react-native-theme-switch-animation.md
@@ -0,0 +1,248 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-theme-switch-animation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/WadhahEssam/react-native-theme-switch-animation">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/WadhahEssam/react-native-theme-switch-animation/blob/main/README.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-theme-switch-animation)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases)，并下载适用版本的 tgz 包。
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-theme-switch-animation@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-theme-switch-animation@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { StyleSheet, View, Button, Text } from 'react-native';
+import switchTheme from 'react-native-theme-switch-animation';
+
+export function ReactNativeThemeSwitchAnimationDemo() {
+  const [theme, setTheme] = React.useState('light');
+  
+  return (
+      <View
+        style={{
+          ...styles.container,
+          backgroundColor: theme === 'light' ? 'white' : 'black',
+        }}
+      >
+        <View
+          style={{
+            borderWidth: 1,
+            borderColor: theme === 'light' ? 'black' : 'white',
+            borderRadius: 1.4,
+            padding: 50,
+          }}
+        >
+          <Text
+            style={{
+              color: theme === 'light' ? 'black' : 'white',
+            }}
+          >
+            tests
+          </Text>
+        </View>
+
+        <View style={{ marginTop: 10 }}>
+          <Button
+            title="start"
+            onPress={() => {
+              switchTheme({
+                switchThemeFunction: () => {
+                  setTheme(theme === 'light' ? 'dark' : 'light');
+                },
+                animationConfig: {
+                  type: 'inverted-circular',
+                  duration: 2000,
+                  startingPoint: {
+                    cxRatio: 0.5,
+                    cyRatio: 0.5,
+                  },
+                },
+              });
+            }}
+          />
+        </View>
+      </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  box: {
+    width: 60,
+    height: 60,
+    marginVertical: 20,
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-theme-switch-animation": "file:../../node_modules/@react-native-oh-tpl/react-native-theme-switch-animation/harmony/react_native_theme_switch.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+### 3.在 ArkTs 侧引入 RNThemeSwitch Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+
+```diff
+...
++ import { RNThemeSwitchPackage } from "@react-native-oh-tpl/react-native-theme-switch-animation/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNThemeSwitchPackage(ctx),
+  ];
+}
+
+```
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 注意事项
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**switchTheme Function Props**
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `switchThemeFunction`  |Adds the function you use in your app to switch themes, doesn't matter if you use redux/context/zustand/mobx or any other way |  () => void | no     | All  | yes      |
+| `animationConfig`  | Configuration for the animation -> type, duration, starting point | AnimationConfig |  no     | All   | yes      |
+
+**animationConfig options**
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `type`  | Specifies animation type | fade circular inverted-circular |  no     | All   | yes      |
+| `duration`  | Specifies duration in milliseconds | number |  no     | All   | yes      |
+| `startingPoint`  | Configuration for the circular animation, where does the animation start in the screen | 	StartingPointConfig |  no     | All   | yes      |
+
+**startingPoint options**
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `cx`  | Specifies starting x point for circular and inverted-circular animation (should not exceed your screen width) |number|  no     | All   | yes      |
+| `cy`  | Specifies starting y point for circular and inverted-circular animation (should not exceed your screen height) |number|  no     | All   | yes      |
+| `cxRatio`  | Specifies starting percentage of x point for circular and inverted-circular animation (should be number between -1 and 1) |number|  no     | All   | yes      |
+| `cyRatio`  | Specifies starting percentage of y point for circular and inverted-circular animation (should be number between -1 and 1) |number|  no     | All   | yes      |
+
+## 遗留问题
+
+- [ ] circular动画效果动画开始前有一个闪屏的问题，后续需要提供在图片上剪裁出一个圆形，透过圆形可以看到下方节点的接口或方法。[issue#6](https://github.com/react-native-oh-library/react-native-theme-switch-animation/issues/6)
+
+## 其他
+
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/WadhahEssam/react-native-theme-switch-animation/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-thumbnail.md b/en/react-native-thumbnail.md
new file mode 100644
index 00000000..c854ae72
--- /dev/null
+++ b/en/react-native-thumbnail.md
@@ -0,0 +1,263 @@
+> 模板版本：v0.2.2
+<p align="center">
+  <h1 align="center"> <code>react-native-thumbnail</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/phuochau/react-native-thumbnail">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/phuochau/react-native-thumbnail/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-thumbnail)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-thumbnail@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-thumbnail@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。<br/>
+> [!TIP] 本示例依赖 react-native-image-picker 库，参照[@react-native-oh-tpl/react-native-image-picker 文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-picker.md)进行引入。
+```js
+import React from 'react';
+import { StyleSheet, Text, View, TouchableOpacity, Image } from 'react-native';
+import { launchCamera, launchImageLibrary } from 'react-native-image-picker';
+import RNThumbnail from 'react-native-thumbnail';
+
+export default function ThumbnailExample() {
+    const [thumbnail, setThumbnail] = React.useState(null);
+
+    const openCamera = async () => {
+        try {
+            const options = {
+                mediaType: 'video',
+                saveToPhotos: true,
+                includeExtra: false,
+                durationLimit: 5,
+            };
+            console.log('Launching camera with options:', options);
+            const result = await launchCamera(options);
+            console.log('Camera result:', result);
+            if (result.didCancel) {
+                console.log('User cancelled camera');
+            } else if (result.errorCode === 'permission') {
+                console.log('Permission not granted for camera.');
+            } else if (result.errorCode === 'camera_unavailable') {
+                console.log('Camera not available on device.');
+            } else if (result.errorCode === 'others') {
+                console.log(`Other error: ${result.errorMessage}`);
+            } else {
+                // 检查是否成功获取到视频
+                if (result && result.assets && result.assets.length > 0) {
+                    const asset = result.assets[0];
+                    if (asset.type.includes('mp4')) {
+                        console.log('Received video from camera. Getting thumbnail.');
+                        const thumbnailResult = await RNThumbnail.get(asset.uri);
+                        console.log('Thumbnail result:', thumbnailResult);
+                        setThumbnail(thumbnailResult.path);
+                    } else {
+                        console.log('Gallery asset.type:', asset.type);
+                    }
+                } else {
+                    console.log('No video selected or other issue occurred.');
+                }
+            }
+        } catch (error) {
+            console.log('Error launching camera: ', error);
+        }
+    };
+
+    const openGallery = async () => {
+        try {
+            const options = {
+                mediaType: 'video', // 修改为只选择视频
+                selectionLimit: 1,
+                includeExtra: false,
+            };
+            console.log('Launching gallery with options:', options);
+            const result = await launchImageLibrary(options);
+            if (result.didCancel) {
+                console.log('User cancelled gallery');
+            } else if (result.errorCode === 'permission') {
+                console.log('Permission not granted for gallery.');
+            } else if (result.errorCode === 'others') {
+                console.log(`Other error: ${result.errorMessage}`);
+            } else {
+                if (result && result.assets && result.assets.length > 0) {
+                    const asset = result.assets[0];
+                    // Check if type is defined
+                    if (asset.type === undefined) {
+                        console.log('Asset type is undefined.');
+                    }
+
+                    if (asset.type.includes('mp4')) {
+                        console.log('Received video from gallery. Getting thumbnail.');
+                        const thumbnailResult = await RNThumbnail.get(asset.uri);
+                        console.log('Thumbnail result:', thumbnailResult);
+                        setThumbnail(thumbnailResult.path);
+                    } else {
+                        console.log('Gallery asset.type:', asset.type);
+                    }
+                }
+            }
+        } catch (error) {
+            console.log('Error launching gallery: ', error);
+        }
+    };
+
+    return (
+        <View style={styles.container}>
+            <TouchableOpacity onPress={openCamera}>
+                <Text>Open Camera1</Text>
+            </TouchableOpacity>
+            <TouchableOpacity onPress={openGallery}>
+                <Text>Open Gallery1</Text>
+            </TouchableOpacity>
+            {thumbnail? (
+                <Image style={{ width: 200, height: 200, borderWidth: 1, borderColor: 'black' }} source={{ isStatic: true, uri: thumbnail }} />
+            ) : null}
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        height: '100%',
+        backgroundColor: '#fff',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-thumbnail": "file:../../node_modules/@react-native-oh-tpl/react-native-thumbnail/harmony/thumbnail.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/link-source-code.md)
+
+### 在 ArkTs 侧引入 RNThumbnailPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import { RNPackageContext, RNPackage } from '@rnoh/react-native-openharmony/ts';
++import { RNThumbnailPackage } from '@react-native-oh-tpl/react-native-thumbnail/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++    new RNThumbnailPackage(ctx),
+  ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| get  | Generates a thumbnail for a video file. | function | no | All      | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/phuochau/react-native-thumbnail/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-touch-id.md b/en/react-native-touch-id.md
new file mode 100644
index 00000000..bed35161
--- /dev/null
+++ b/en/react-native-touch-id.md
@@ -0,0 +1,233 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-touch-id</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/naoufal/react-native-touch-id">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/naoufal/react-native-touch-id?tab=readme-ov-file#license">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-touch-id)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases)，并下载适用版本的 tgz 包。
+
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-touch-id@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-touch-id@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { Component, useState } from 'react';
+import { Alert, View, Button, Text } from 'react-native';
+import TouchID from 'react-native-touch-id';
+
+const App = () => {
+  const [result, setResult] = useState<string>('')
+  return (
+     <View>
+      <Text style={{ height: 40, backgroundColor: 'white', textAlign: 'center' }}>{result}</Text>
+      <Button title='验证是否有指纹权限'
+        onPress={() => {
+          TouchID.isSupported({ unifiedErrors: false }).then((res: any) => {
+            setResult(res)
+          }).catch((err: any) => {
+            setResult(err.message)
+          })
+        }}
+      ></Button>
+      <Button title='校验指纹'
+        onPress={() => {
+          TouchID.authenticate().then((res: boolean) => {
+            setResult('认证成功')
+          }).catch((err: any) => {
+            setResult(err.message)
+          })
+        }}
+      ></Button>
+    </View>
+  )
+};
+
+export default App;
+
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-touch-id": "file:../../node_modules/@react-native-oh-tpl/react-native-touch-id/harmony/touch_id.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.在 ArkTs 侧引入 TouchIdPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { TouchIdPackage } from "@react-native-oh-tpl/react-native-touch-id/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new TouchIdPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases)
+
+
+### 权限要求
+
+（填入相关权限配置）
+
+Add the following permissions to their respective files:
+
+In your `module.json5`
+
+```
+ "requestPermissions": [
+      {
+        "name": "ohos.permission.ACCESS_BIOMETRIC"
+      }
+    ]
+```
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| isSupported  | Whether touchid is supported | function  | yes | ios/andriod      | yes |
+| authenticate  | Verify touchid | function  | yes | ios/andriod      | yes |
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Errors
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| Touch ID Error  | Permission verification failed | string  | no | harmonry      | yes |
+| Touch ID Error  | Incorrect parameters | string  | no | harmonry      | yes |
+| Touch ID Error  | Authentication failed  | string  | no | harmonry  | yes |
+| Touch ID Error  | The operation is canceled   | string  | no | harmonry  | yes |
+| Touch ID Error  | The operation is time-out | string  | no | harmonry  | yes |
+| Touch ID Error  | The authentication type is not supported   | string | no | harmonry  | yes |
+| Touch ID Error  | The authentication trust level is not supported | string  | no | harmonry      | yes |
+| Touch ID Error  | The authentication task is busy | string  | no | harmonry      | yes |
+| Touch ID Error  | The authenticator is locked  | string  | no | harmonry  | yes |
+| Touch ID Error  | General operation error   | string  | no | harmonry  | no |
+| Touch ID Error  | The authentication type is not supported | string  | no | harmonry  | yes |
+| Touch ID Error  | The type of credential has not been enrolled   | string | no | harmonry  | yes |
+| Touch ID Error  | The authentication is canceled from widget's navigation button   | string | no | harmonry  | yes |
+| Touch ID Error  | Indicates that current authentication failed because of PIN expired   | string | no | harmonry  | yes |
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/naoufal/react-native-touch-id?tab=readme-ov-file#license) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-track-player.md b/en/react-native-track-player.md
new file mode 100644
index 00000000..334cd0dc
--- /dev/null
+++ b/en/react-native-track-player.md
@@ -0,0 +1,438 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-track-player</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/doublesymmetry/react-native-track-player">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/doublesymmetry/react-native-track-player/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-track-player)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-track-player@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-track-player@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect } from "react";
+import { ScrollView, Text, Button, View, StyleSheet } from 'react-native';
+import TrackPlayer from 'react-native-track-player';
+
+const TrackPlayerDemo = () => {
+    useEffect(() => {
+        // Set up the player
+        TrackPlayer.setupPlayer();
+    }, []);
+
+    const addExample = () => {
+        TrackPlayer.add([
+            {
+                url: "https://ting8.yymp3.com/new27/chengxiang10/1.mp3",
+                title: "世界这么大还是遇见你",
+                artist: "程响",
+                artwork: "https://rntp.dev/example/Longing.jpeg",
+                duration: 237
+            },
+            {
+                url: "https://ting8.yymp3.com/new18/fhzq4/8.mp3",
+                title: "最炫民族风",
+                artist: "凤凰传奇",
+                artwork: "https://rntp.dev/example/Rhythm%20City%20(Demo).jpeg",
+                duration: 283
+            }, {
+                url: "https://ting8.yymp3.com/new27/jinzhiwen3/1.mp3",
+                title: "远走高飞",
+                artist: "金志文",
+                artwork: "https://rntp.dev/example/Rhythm%20City%20(Demo).jpeg",
+                duration: 235
+            }]);
+    }
+
+    // 开始播放歌曲
+    const startExample = () => {
+        // Start playing it
+        TrackPlayer.play();
+    }
+    // 暂停播放歌曲
+    const pauseExample = () => {
+        TrackPlayer.pause();
+    }
+    return (
+        <ScrollView>
+            <View>
+                <Text style={styles.text}>TrackPlayerDemo </Text>
+                <View>
+                    <Text style={styles.text}>添加Track</Text>
+                    <Button
+                        title="add"
+                        color="#9a73ef"
+                        onPress={addExample}
+                    />
+                </View>
+
+                <View>
+                    <Text style={styles.text}>播放Track</Text>
+                    <Button
+                        title="play"
+                        color="#9a73ef"
+                        onPress={startExample}
+                    />
+                </View>
+
+                <View>
+                    <Text style={styles.text}>暂停Track</Text>
+                    <Button
+                        title="pause"
+                        color="#9a73ef"
+                        onPress={pauseExample}
+                    />
+                </View>
+            </View>
+        </ScrollView>
+    )
+};
+
+const styles = StyleSheet.create({
+    text: {
+        fontSize: 18,
+        marginBottom: 10,
+        color: 'red',
+    },
+});
+export default TrackPlayerDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-track-player": "file:../../node_modules/@react-native-oh-tpl/react-native-track-player/harmony/track_player.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNTrackPlayerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNTrackPlayerPackage } from "@react-native-oh-tpl/react-native-track-player/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNTrackPlayerPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"abilities": [
++  {
++    "backgroundModes": [
++      "audioPlayback"
++    ]
++  }
+]
+
+"requestPermissions": [
++  {
++    "name": "ohos.permission.KEEP_BACKGROUND_RUNNING",
++    "reason": "$string:app_name",
++    "usedScene": {
++      "abilities": [
++        "FormAbility"
++      ],
++      "when": "always"
++    }
++  },
+]
+```
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                     | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| setupPlayer              | Initializes the player with the specified options.           | promise | yes      | Android/iOS | partially         |
+| isServiceRunning         | This method should not be used, most methods reject when service is not bound. | promise | no       | Android/iOS | yes               |
+| add                      | Adds a track to the queue.                                   | promise | no       | Android/iOS | yes               |
+| load                     | Replaces the current track or loads the track as the first in the queue. | promise | no       | Android/iOS | yes               |
+| move                     | Move a track within the queue.                               | promise | no       | Android/iOS | yes               |
+| remove                   | Removes multiple tracks from the queue by their indexes.     | promise | no       | Android/iOS | yes               |
+| removeUpcomingTracks     | Clears any upcoming tracks from the queue.                   | promise | no       | Android/iOS | yes               |
+| skip                     | Skips to a track in the queue.                               | promise | no       | Android/iOS | yes               |
+| skipToNext               | Skips to the next track in the queue.                        | promise | no       | Android/iOS | yes               |
+| skipToPrevious           | Skips to the previous track in the queue.                    | promise | no       | Android/iOS | yes               |
+| updateOptions            | Updates the configuration for the components.                | promise | no       | Android/iOS | no                |
+| updateMetadataForTrack   | Updates the metadata of a track in the queue. If the current track is updated, the notification and the Now Playing Center will be updated accordingly. | promise | no       | Android/iOS | partially         |
+| clearNowPlayingMetadata  | clear the metadata of a track in the  Now Playing.           | promise | no       | Android/iOS | partially         |
+| updateNowPlayingMetadata | Updates the metadata content of  the Now Playing Center  without affecting the data stored for the current track. | promise | no       | Android/iOS | partially         |
+| reset                    | Resets the player stopping the current track and clearing the queue. | promise | no       | Android/iOS | yes               |
+| play                     | Plays or resumes the current track.                          | promise | no       | Android/iOS | yes               |
+| pause                    | Pauses the current track.                                    | promise | no       | Android/iOS | yes               |
+| stop                     | Stops the current track.                                     | promise | no       | Android/iOS | yes               |
+| setPlayWhenReady         | Sets wether the player will play automatically when it is ready to do so. | promise | no       | Android/iOS | yes               |
+| getPlayWhenReady         | Gets wether the player will play automatically when it is ready to do so. | promise | no       | Android/iOS | yes               |
+| seekTo                   | Seeks to a specified time position in the current track.     | promise | no       | Android/iOS | yes               |
+| seekBy                   | Seeks by a relative time offset in the current track.        | promise | no       | Android/iOS | yes               |
+| setVolume                | Sets the volume of the player.                               | promise | no       | Android/iOS | yes               |
+| setRate                  | Sets the playback rate.                                      | promise | no       | Android/iOS | partially         |
+| setQueue                 | Sets the queue.                                              | promise | no       | Android/iOS | yes               |
+| setRepeatMode            | Sets the queue repeat mode.                                  | promise | no       | Android/iOS | yes               |
+| getVolume                | Gets the volume of the player as a number between 0 and 1.   | promise | no       | Android/iOS | yes               |
+| getRate                  | Gets the playback rate where 0.5 would be half speed, 1 would be regular speed and 2 would be double speed etc. | promise | no       | Android/iOS | yes               |
+| getTrack                 | Gets a track object from the queue.                          | promise | no       | Android/iOS | yes               |
+| getQueue                 | Gets the whole queue.                                        | promise | no       | Android/iOS | yes               |
+| getActiveTrackIndex      | Gets the index of the active track in the queue or undefined if there is no current track. | promise | no       | Android/iOS | yes               |
+| getActiveTrack           | Gets the active track or undefined if there is no current track. | promise | no       | Android/iOS | yes               |
+| getDuration              | Gets the duration of the current track in seconds.           | promise | no       | Android/iOS | yes               |
+| getBufferedPosition      | Gets the buffered position of the current track in seconds.  | promise | no       | Android/iOS | yes               |
+| getPosition              | Gets the playback position of the current track in seconds.  | promise | no       | Android/iOS | yes               |
+| getProgress              | Gets information on the progress of the currently active track, including its current playback position in seconds, buffered position in seconds and duration in seconds. | promise | no       | Android/iOS | yes               |
+| getPlaybackState         | Gets the playback state of the player.                       | promise | no       | Android/iOS | partially         |
+| getRepeatMode            | Gets the queue repeat mode.                                  | promise | no       | Android/iOS | yes               |
+| retry                    | Retries the current item when the playback state is `State.Error`. | promise | no       | Android/iOS | yes               |
+
+**setupPlayer方法参数**
+
+| Name    | Description                                | Type          | Required | Platform    | HarmonyOS Support |
+| ------- | ------------------------------------------ | ------------- | -------- | ----------- | ----------------- |
+| options | The options to initialize the player with. | PlayerOptions | no       | iOS/Android | no                |
+
+**add方法参数**
+
+| Name              | Description                           | Type               | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
+| track             | The track to add to the queue.        | AddTrack\|ATrack[] | yes      | iOS/Android | yes               |
+| insertBeforeIndex | The index to insert the track before. | number             | no       | iOS/Android | yes               |
+
+**load方法参数**
+
+| Name  | Description        | Type  | Required | Platform    | HarmonyOS Support |
+| ----- | ------------------ | ----- | -------- | ----------- | ----------------- |
+| track | The track to load. | Track | Yes      | iOS/Android | Yes               |
+
+**move方法参数**
+
+| Name      | Description                         | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ----------------------------------- | ------ | -------- | ----------- | ----------------- |
+| fromIndex | The index of the track to be moved. | number | Yes      | iOS/Android | Yes               |
+| toIndex   | The index to move the track to.     | number | Yes      | iOS/Android | Yes               |
+
+**remove方法参数**
+
+| Name           | Description                           | Type             | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| indexOrIndexes | The index of the track to be removed. | number\|number[] | Yes      | iOS/Android | Yes               |
+
+**skip方法参数**
+
+| Name            | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| index           | The index of the track to skip to.          | number | Yes      | iOS/Android | Yes               |
+| initialPosition | The initial position to seek to in seconds. | number | no       | iOS/Android | Yes               |
+
+**skipToNext方法参数**
+
+| Name            | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| initialPosition | The initial position to seek to in seconds. | number | no       | iOS/Android | Yes               |
+
+**skipToPrevious方法参数**
+
+| Name            | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| initialPosition | The initial position to seek to in seconds. | number | no       | iOS/Android | Yes               |
+
+**updateOptions方法参数**
+
+| Name                      | Description                 | Type          | Required | Platform    | HarmonyOS Support |
+| ------------------------- | --------------------------- | ------------- | -------- | ----------- | ----------------- |
+| alwaysPauseOnInterruption | always Pause OnInterruption | boolean       | no       | Android     | no                |
+| options                   | The options to update.      | UpdateOptions | no       | iOS/Android | no                |
+
+**updateMetadataForTrack方法参数**
+
+| Name       | Description                                            | Type              | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
+| trackIndex | The index of the track whose metadata will be updated. | number            | Yes      | iOS/Android | Yes               |
+| metadata   | The metadata to update.                                | TrackMetadataBase | Yes      | iOS/Android | partially         |
+
+**updateNowPlayingMetadata方法参数**
+
+| Name     | Description             | Type               | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------- | ------------------ | -------- | ----------- | ----------------- |
+| metadata | The metadata to update. | NowPlayingMetadata | Yes      | iOS/Android | partially         |
+
+**setPlayWhenReady方法参数**
+
+| Name          | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| playWhenReady | This is the equivalent of calling `TrackPlayer.play()` when `playWhenReady = true` or `TrackPlayer.pause()` when `playWhenReady = false`. | boolean | Yes      | iOS/Android | Yes               |
+
+**seekTo方法参数**
+
+| Name     | Description                         | Type   | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------------- | ------ | -------- | ----------- | ----------------- |
+| position | The position to seek to in seconds. | number | Yes      | iOS/Android | Yes               |
+
+**seekBy方法参数**
+
+| Name   | Description                            | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | -------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| offset | The time offset to seek by in seconds. | number | Yes      | iOS/Android | Yes               |
+
+**setVolume方法参数**
+
+| Name  | Description                             | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | --------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| level | The volume as a number between 0 and 1. | number | Yes      | iOS/Android | Yes               |
+
+**setRate方法参数**
+
+| Name | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| rate | The playback rate to change to, where 0.5 would be half speed, 1 would be regular speed, 2 would be double speed etc. | number | Yes      | iOS/Android | partially         |
+
+**setQueue方法参数**
+
+| Name   | Description                     | Type    | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------- | ------- | -------- | ----------- | ----------------- |
+| tracks | The tracks to set as the queue. | Track[] | Yes      | iOS/Android | Yes               |
+
+**setRepeatMode方法参数**
+
+| Name | Description             | Type       | Required | Platform    | HarmonyOS Support |
+| ---- | ----------------------- | ---------- | -------- | ----------- | ----------------- |
+| mode | The repeat mode to set. | RepeatMode | Yes      | iOS/Android | Yes               |
+
+**getTrack方法参数**
+
+| Name  | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| index | The index of the track. | number | Yes      | iOS/Android | Yes               |
+
+## 遗留问题
+
+- [ ] 目前harmonyOS设置metadata仅支持现有API中参数，对于genre、rating、isLiveStream、elapsedTime四个参数均未适配harmonyOS Next。[issue#3](https://github.com/react-native-oh-library/react-native-track-player/issues/3)
+- [ ] 目前仅支持setupPlayer接口的调用，不支持该接口携带的参数对播放器进行相关的设置，该接口参数均未适配harmonyOS Next。[issue#4](https://github.com/react-native-oh-library/react-native-track-player/issues/4)
+- [ ] 目前harmonyOS中不支持获取buffering状态。[issue#5](https://github.com/react-native-oh-library/react-native-track-player/issues/5)
+- [ ] 目前harmonyOS中支持九种固定的播放速率，其他播放速率均未问题适配harmonyOS Next。[issue#6](https://github.com/react-native-oh-library/react-native-track-player/issues/6)
+- [ ] 目前harmonyOS不支持对播控中心的更新设置，updateOptions接口未适配harmonyOS Next。[issue#7](https://github.com/react-native-oh-library/react-native-track-player/issues/7)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The Apache License(Apache)](https://github.com/doublesymmetry/react-native-track-player/blob/main/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-transitiongroup.md b/en/react-native-transitiongroup.md
new file mode 100644
index 00000000..c903cfaa
--- /dev/null
+++ b/en/react-native-transitiongroup.md
@@ -0,0 +1,181 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-transitiongroup</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/madsleejensen/react-native-transitiongroup">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+     <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="Supported platforms" />
+    </a>
+</p>
+
+
+> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-transitiongroup)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-transitiongroup@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-transitiongroup@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { StyleSheet, Text, View, TouchableOpacity, Easing } from "react-native";
+import TransitionGroup, {
+  FadeInOutTransition,
+} from "react-native-transitiongroup";
+
+export function TransitiongroupExample() {
+  const [showText, setShowText] = useState(false);
+
+  const handleToggle = () => {
+    setShowText(!showText);
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.relativeContainer}>
+        <TouchableOpacity onPress={handleToggle} style={styles.button}>
+          <Text style={styles.buttonText}>{showText ? "Hide" : "Show"}</Text>
+        </TouchableOpacity>
+
+        <TransitionGroup style={styles.absoluteContainer}>
+          {showText && (
+            <FadeInOutTransition>
+              <Text style={styles.text}>Hello, Transition Group!!</Text>
+            </FadeInOutTransition>
+          )}
+        </TransitionGroup>
+
+        <TransitionGroup style={styles.absoluteContainerTwo}>
+          {showText && (
+            <FadeInOutTransition inDuration={3000}>
+              <Text style={styles.text}>I'm Later</Text>
+            </FadeInOutTransition>
+          )}
+        </TransitionGroup>
+
+        <TransitionGroup style={styles.absoluteContainerThree}>
+          {showText && (
+            <FadeInOutTransition
+              inDuration={1000}
+              outDuration={500}
+              easing={Easing.ease} 
+              inDelay={200}
+              outDelay={0}
+              pointerEvents="box-only"
+              style={{ backgroundColor: "pink" }}
+            >
+              <Text style={styles.text}>I'm Pink</Text>
+            </FadeInOutTransition>
+          )}
+        </TransitionGroup>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  relativeContainer: {
+    position: "relative",
+  },
+  button: {
+    backgroundColor: "#3f51b5",
+    padding: 10,
+    borderRadius: 5,
+    marginBottom: 20,
+  },
+  buttonText: {
+    color: "#fff",
+    fontWeight: "bold",
+    fontSize: 16,
+  },
+  absoluteContainer: {
+    position: "absolute",
+    bottom: -50,
+    left: -100,
+  },
+  absoluteContainerTwo: {
+    position: "absolute",
+    bottom: -150,
+    left: -100,
+  },
+  absoluteContainerThree: {
+    position: "absolute",
+    bottom: -250,
+    left: -100,
+  },
+  text: {
+    fontSize: 24,
+    fontWeight: "bold",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name          | Description                            | type     | Required | Platform | HarmonyOS Support |
+| ------------- | -------------------------------------- | -------- | -------- | -------- | ----------------- |
+| easing        | 缓动函数                               | function | no       | All      | yes               |
+| inDelay       | 组件加载时开始动画前的延迟时间（毫秒） | number   | no       | All      | yes               |
+| inDuration    | 组件加载时动画的持续时间（毫秒）       | number   | no       | All      | yes               |
+| outDelay      | 组件销毁时开始动画前的延迟时间（毫秒） | number   | no       | All      | yes               |
+| outDuration   | 组件销毁时动画的持续时间（毫秒）       | number   | no       | All      | yes               |
+| pointerEvents | 控制View是否可以成为触摸事件的目标     | string   | no       | All      | yes               |
+| style         | 组件样式                               | style    | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+- [ ] 原库使用refs方法，现在改为使用react.createRef方法代替。问题: [issue#1](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/1)
+- [ ] 原库中使用的ViewPropTypes，现在改为使用PropTypes方法代替。问题: [issue#2](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/2)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-translucent-modal.md b/en/react-native-translucent-modal.md
new file mode 100644
index 00000000..21222925
--- /dev/null
+++ b/en/react-native-translucent-modal.md
@@ -0,0 +1,117 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-translucent-modal</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/23mf/react-native-translucent-modal">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/23mf/react-native-translucent-modal/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-translucent-modal)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-translucent-modal@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-translucent-modal@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { View, TouchableWithoutFeedback, Image, Button, StyleSheet } from "react-native-harmony";
+// @ts-expect-error
+import Modal from "react-native-translucent-modal";
+
+const STYLES = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+    },
+    imageBackground: {
+        width: 300,
+        height: 200,
+    }
+});
+
+export const E_ReactNativeTranslucentModal: React.FC = (): JSX.Element => {
+
+    const [transparent, setTransparent] = useState(false)
+    const [visible, setVisible] = useState(false)
+    const [animationType, setAnimationType] = useState('none')
+
+    return <View style={STYLES.wrapper}>
+        <Modal transparent={transparent} animationType={animationType}
+            visible={visible} onRequestClose={() => setVisible(!visible)}>
+            <TouchableWithoutFeedback onPress={() => setVisible(false)}>
+             {/* 注意：1、此图片组件为示例，需要根据自己的项目需求，去引入对应组件；
+                2、示例图片地址需要根据自己的项目情况去引入 */}
+                <Image source={{ uri: "https://hbimg.huabanimg.com/ed258f740ab675e3b3a0b6e7abc44eb7bd832c523396b-cJL1G9_fw658"}} style={STYLES.imageBackground} />
+            </TouchableWithoutFeedback>
+        </Modal>
+        <Button title="显示Modal" onPress={() => setVisible(true)}></Button>
+        <Button title="设置transparent为true" onPress={() => setTransparent(true)}></Button>
+        <Button title="设置animationType为'slide'" onPress={() => setAnimationType('slide')}></Button>
+        <Button title="设置animationType为'fade'" onPress={() => setAnimationType('fade')}></Button>
+    </View>;
+}
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> [!tip] react-native提供的Modal组件，在HarmonyOS、iOS平台一样可以实现状态栏沉浸式效果。
+
+| Name                          | Description                                         | Type     | Required | Platform | HarmonyOS Support |
+| ----------------------------- | --------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `animationType`               | Animation type of modal.                            | string   | yes      | All      | yes               |
+| `transparent`                 | Whether the background of the modal is transparent. | boolean  | yes      | All      | yes               |
+| `visible`                     | Controls whether the modal is displayed.            | boolean  | yes      | All      | yes               |
+| `onRequestClose?: () => void` | Called when the model request close.                | function | yes      | ALL      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/23mf/react-native-translucent-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-tts.md b/en/react-native-tts.md
new file mode 100644
index 00000000..2295efcb
--- /dev/null
+++ b/en/react-native-tts.md
@@ -0,0 +1,318 @@
+>  模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-tts</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ak1394/react-native-tts">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ak1394/react-native-tts/blob/master/README.md#license">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tts)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-tts@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-tts@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {useState, useCallback} from 'react';
+import {Text, View, StyleSheet, SafeAreaView} from 'react-native';
+import Tts from 'react-native-tts';
+
+const cnText = `炎炎夏日，阳光如烈火般炙烤大地，空气中弥漫着热浪的气息。树荫下，蝉鸣声如同热浪中跳跃的音符，微风吹过，带来一丝清凉。远处的田野上，金黄的麦浪随风起伏，仿佛在舞动着夏天的节奏。天空湛蓝如洗，白云悠然飘过，似是一幅宁静而美丽的夏日画卷。`;
+
+export function TTSDemo() {
+  const [speakText, setSpeakText] = useState<string>(cnText);
+
+  const addEvent = useCallback(() => {
+    Tts.addEventListener('tts-start', res => {
+      console.log('tts-start', res);
+    });
+  }, []);
+
+  const removeEvent = useCallback(() => {
+    Tts.addEventListener('tts-start', res => {
+      console.log('tts-start', res);
+    });
+  }, []);
+
+  const stopSpeak = useCallback(() => {
+    Tts.stop();
+  }, []);
+
+  const speakFc = useCallback(() => {
+    Tts.speak(speakText);
+  }, []);
+
+  const getInitStatus = useCallback(() => {
+    Tts.getInitStatus().then(() => {
+      console.log('初始化已完成');
+    });
+  }, []);
+
+  const pauseFc = useCallback(() => {
+    Tts.pause();
+  }, []);
+
+  const resumeFc = useCallback(() => {
+    Tts.resume();
+  }, []);
+
+  const setSpeakRate = useCallback(() => {
+    Tts.setDefaultRate(2);
+  }, []);
+
+  const setSpeakPitch = useCallback(() => {
+    Tts.setDefaultPitch(2);
+  }, []);
+
+  const queryVoices = useCallback(() => {
+    Tts.voices().then(res => {
+      const resTr = JSON.stringify(res);
+      setSpeakText(resTr);
+    });
+  }, []);
+
+  return (
+    <>
+      <SafeAreaView style={styles.constainer}>
+        <Text style={styles.title}>react-native-tts功能验证</Text>
+        <View style={styles.content}>
+          <View style={styles.btnWrap}>
+            <Text style={styles.button} onPress={getInitStatus}>
+              getInitStatus
+            </Text>
+            <Text style={styles.button} onPress={speakFc}>
+              speak（zh）
+            </Text>
+            <Text style={styles.button} onPress={stopSpeak}>
+              stop
+            </Text>
+            <Text style={styles.button} onPress={pauseFc}>
+              pause
+            </Text>
+            <Text style={styles.button} onPress={resumeFc}>
+              resume
+            </Text>
+            <Text style={styles.button} onPress={setSpeakRate}>
+              setDefaultRate
+            </Text>
+            <Text style={styles.button} onPress={setSpeakPitch}>
+              setDefaultPitch
+            </Text>
+            <Text style={styles.button} onPress={queryVoices}>
+              voices
+            </Text>
+            <Text style={styles.button} onPress={addEvent}>
+              addEventListener
+            </Text>
+            <Text style={styles.button} onPress={removeEvent}>
+              removeEventListener
+            </Text>
+          </View>
+        </View>
+      </SafeAreaView>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  constainer: {
+    flex: 1,
+  },
+  content: {
+    flex: 1,
+    display: 'flex',
+  },
+  btnWrap: {
+    width: 'auto',
+    backgroundColor: 'gray',
+    display: 'flex',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    paddingLeft: 20,
+  },
+  text: {
+    padding: 20,
+    fontSize: 20,
+  },
+  title: {
+    padding: 10,
+    fontSize: 30,
+    textAlign: 'center',
+  },
+  button: {
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    backgroundColor: 'hsl(193, 95%, 68%)',
+    borderWidth: 2,
+    borderColor: 'hsl(193, 95%, 30%)',
+  },
+});
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-tts": "file:../../node_modules/@react-native-oh-tpl/react-native-tts/harmony/rn_tts.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNTTSPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++   import { RNTTSPackage } from '@react-native-oh-tpl/react-native-tts/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNTTSPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                             | Type     | Required | Platform | HarmonyOS Support |
+| --------------------- | ----------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| getInitStatus         | Returns a promise that resolves when the TTS engine is initialized.     | Function | no     | All    | yes            |
+| requestInstallEngine  | Requests installation of the TTS engine if not already installed.       | Function | no     | Android | no                |
+| requestInstallData    | Requests installation of the TTS data if not already installed.         | Function | no     | Android | no                |
+| setDucking            | Sets whether the TTS engine should duck other audio when speaking.      | Function | no     | All      | no                |
+| setDefaultEngine      | Sets the default TTS engine.                                            | Function | no     | Android | no                |
+| setDefaultVoice       | Sets the default voice for the TTS engine.                              | Function | no     | All      | no                |
+| setDefaultRate        | Sets the default speech rate for the TTS engine.                        | Function | no     | All      | yes               |
+| setDefaultPitch       | Sets the default pitch for the TTS engine.                              | Function | no     | All      | yes               |
+| setDefaultLanguage    | Sets the default language for the TTS engine.                           | Function | no     | All      | no                |
+| setIgnoreSilentSwitch | Sets whether to ignore the silent button.                 | Function | no    | iOS |no|
+| voices                | Retrieves a list of available voices from the TTS engine.               | Function | no     | All      | yes               |
+| engines               | Retrieves a list of available TTS engines.                              | Function | no     | Android | no                |
+| speak                 | Speaks the given utterance and returns a promise with the utterance ID. | Function | no     | All      | yes               |
+| stop                  | Stops the current TTS utterance.                                        | Function | no     | All      | yes               |
+| pause                 | Pause the current TTS utterance.                                        | Function | no     | All      | yes               |
+| resume                | Resume the current TTS utterance.                                       | Function | no     | All      | yes               |
+| addEventListener      | Adding an Event Listener                                                | Function | no     | All      | yes               |
+| removeEventListener   | Remove Event Listener                                                   | Function | no     | All      | yes               |
+
+## 遗留问题
+
+- [ ] 三方引擎相关功能无法实现的问题：[issue#2](https://github.com/react-native-oh-library/react-native-tts/issues/2)
+- [ ] 语言类型只支持中文的问题：[issue#3](https://github.com/react-native-oh-library/react-native-tts/issues/3)
+- [ ] setDucking无法实现的问题：[issue#4](https://github.com/react-native-oh-library/react-native-tts/issues/4)
+- [ ] setIgnoreSilentSwitch无法实现的问题：[issue#5](https://github.com/react-native-oh-library/react-native-tts/issues/5)
+- [ ] setDefaultVoice无法实现的问题：[issue#6](https://github.com/react-native-oh-library/react-native-tts/issues/6)
+- [ ] 边合成边播放的问题：[issue#7](https://github.com/react-native-oh-library/react-native-tts/issues/7)
+- [ ] 参数skipTransform、onWordBoundary无效的问题：[issue#8](https://github.com/react-native-oh-library/react-native-tts/issues/8)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ak1394/react-native-tts/blob/master/README.md#license)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-typing-animation.md b/en/react-native-typing-animation.md
new file mode 100644
index 00000000..380fba88
--- /dev/null
+++ b/en/react-native-typing-animation.md
@@ -0,0 +1,242 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-native-typing-animation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/watadarkstar/react-native-typing-animation">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/watadarkstar/react-native-typing-animation/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/watadarkstar/react-native-typing-animation)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-typing-animation@0.1.7
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-typing-animation@0.1.7
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useEffect, useRef, useState } from 'react';
+import {
+  Animated,
+  View,
+  Text,
+  PanResponder,
+  Button,
+  StyleSheet,
+  TouchableHighlight,
+  Alert,
+  TouchableOpacity,
+  ScrollView,
+} from 'react-native';
+import { TestSuite, Tester, TestCase } from '@rnoh/testerino';
+import { TypingAnimation } from 'react-native-typing-animation';
+
+const TypingAnimationDemos = () => {
+  const typingAnimationProps = [
+    {
+      key: 'dotColor',
+      value: {
+        dotColor: 'green'
+      }
+    },
+    {
+      key: 'dotColor',
+      value: {
+        dotColor: 'red'
+      }
+    },
+    {
+      key: 'dotRadius',
+      value: {
+        dotRadius: 5
+      }
+    },
+    {
+      key: 'dotRadius',
+      value: {
+        dotRadius: 10
+      }
+    },
+    {
+      key: 'dotMargin',
+      value: {
+        dotMargin: 10
+      }
+    },
+    {
+      key: 'dotMargin',
+      value: {
+        dotMargin: 15
+      }
+    },
+    {
+      key: 'dotAmplitude',
+      value: {
+        dotAmplitude: 1
+      }
+    },
+    {
+      key: 'dotAmplitude',
+      value: {
+        dotAmplitude: 1
+      }
+    },
+    {
+      key: 'dotSpeed',
+      value: {
+        dotSpeed: 10
+      }
+    },
+    {
+      key: 'dotSpeed',
+      value: {
+        dotSpeed: 0.5
+      }
+    },
+    {
+      key: 'dotY',
+      value: {
+        dotY: 30
+      }
+    },
+    {
+      key: 'dotY',
+      value: {
+        dotY: 20
+      }
+    },
+    {
+      key: 'dotX',
+      value: {
+        dotX: 12
+      }
+    },
+    {
+      key: 'dotX',
+      value: {
+        dotX: 15
+      },
+    },
+  ];
+  return (
+    <ScrollView>
+      <Tester>
+        {typingAnimationProps.map((item) => {
+          return (
+
+            <TestCase itShould={item.key} tags={['C_API']}>
+              <View
+                style={{
+                  height: 30,
+                  display: 'flex',
+                  flexDirection: 'row',
+                  justifyContent: 'center',
+                }}>
+                <TypingAnimation
+                  {...item.value}
+                ></TypingAnimation>
+              </View>
+            </TestCase>
+          );
+        })}
+      </Tester>
+    </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'white',
+  },
+  button: {
+    backgroundColor: 'blue',
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    borderRadius: 5,
+    marginBottom: 20,
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+  },
+  animationContainer: {
+    alignItems: 'center',
+  },
+  text: {
+    fontSize: 20,
+    marginBottom: 20,
+  },
+  typingAnimation: {
+    flexDirection: 'row',
+  },
+});
+
+export default TypingAnimationDemos;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1.RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+|     Name     |                         Description                          |  Type   | Required |  Platform   | HarmonyOS Support |
+| :----------: | :----------------------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
+|    style     |              Container styles; default is `{}`               | Object  |    No    | Android/ios |        Yes        |
+|   dotColor   |             Dot color; default is `#000` (black)             | String  |    No    | Android/ios |        Yes        |
+|  dotStyles   |                 Dot styles; default is `{}`                  | Object  |    No    |   Android   |        No         |
+|  dotRadius   |                 Dot radius; default is `2.5`                 | Integer |    No    | Android/ios |        Yes        |
+|  dotMargin   |      Dot margin, the space between dots; default is `3`      | Integer |    No    | Android/ios |        Yes        |
+| dotAmplitude |                Dot amplitude; default is `3`                 | Integer |    No    | Android/ios |        Yes        |
+|   dotSpeed   | Dot speed, the speed of the whole animation view; default is `0.15` | Integer |    No    | Android/ios |        Yes        |
+|     dotY     |        Dot y, the starting y coordinate; default is 6        | Integer |    No    | Android/ios |        Yes        |
+|     dotX     |  Dot x, the x coordinate of the center dot; default is `12`  | Integer |    No    | Android/ios |        Yes        |
+|     show     |  Visibility, whether the whole animation view is displayed or not; default is true  | Boolean |    No    | Android/ios |        Yes        |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于  [The MIT License (MIT)](https://github.com/watadarkstar/react-native-typing-animation/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-typography.md b/en/react-native-typography.md
new file mode 100644
index 00000000..3e710d97
--- /dev/null
+++ b/en/react-native-typography.md
@@ -0,0 +1,101 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-typography</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/hectahertz/react-native-typography">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/hectahertz/react-native-typography/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-typography)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-typography@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-typography@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变
+
+```js
+import { View, Text } from "react-native";
+import React from "react";
+import { iOSUIKit, material, systemWeights } from "react-native-typography";
+
+export function TypographyExample1() {
+  return (
+    <View style={{ backgroundColor: "white" }}>
+      <Text style={iOSUIKit.largeTitleEmphasized}>Hello iOS UI Kit!</Text>
+      <Text style={material.title}>Title</Text>
+      <Text style={systemWeights.light}>Title</Text>
+    </View>
+  );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                                                                                                                                                                                                                                                                                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | ----------------- |
+| material            | Includes all the styles defined in the [Material Design Guidelines](https://material.io/guidelines/style/typography.html#typography-styles).Defines size, weight and color.                                                                                                                                                                                                  | object | no       | All      | yes               |
+| materialDense       | material`s Dense scripts                                                                                                                                                                                                                                                                                                                                                     | object | no       | All      | yes               |
+| materialTall        | material`s Tall scripts                                                                                                                                                                                                                                                                                                                                                      | object | no       | All      | yes               |
+| human               | Defined in the [Human Interface Guidelines](https://developer.apple.com/ios/human-interface-guidelines/visual-design/typography/).Defines size, weight and color.                                                                                                                                                                                                            | object | no       | All      | yes               |
+| humanDense          | human`s Dense scripts                                                                                                                                                                                                                                                                                                                                                        | object | no       | All      | yes               |
+| humanTall           | human`s Tall scripts                                                                                                                                                                                                                                                                                                                                                         | object | no       | All      | yes               |
+| iOSUIKit            | Extracted from [the official Apple sketch file](https://developer.apple.com/design/resources/) These are the text styles that fall under the category of iOS UIKit, and are used to build the UI components of iOS Apps. They build on top of the Human Interface styles, customizing some properties such as weight or letter spacing.                                      | object | no       | iOS      | yes               |
+| iOSUIKitDense       | iOSUIKit`s Dense scripts                                                                                                                                                                                                                                                                                                                                                     | object | no       | iOS      | yes               |
+| iOSUIKitTall        | iOSUIKit`s Tall scripts                                                                                                                                                                                                                                                                                                                                                      | object | no       | iOS      | yes               |
+| systemWeights       | A font weight in React Native is sometimes formed by a pair of a fontFamily and a fontWeight, but not always! It depends on the typeface, sometimes it's just. defined by the fontFamily. With these helpers, you don't have to worry about those inconsistencies. To combine them with a collection style (or your own styles) just spread them, as they are plain objects. | object | no       | All      | yes               |
+| systemDenseWeights  | systemWeights`s Dense scripts                                                                                                                                                                                                                                                                                                                                                | object | no       | All      | yes               |
+| systemTallWeights   | systemWeights`s Tall scripts                                                                                                                                                                                                                                                                                                                                                 | object | no       | All      | yes               |
+| sanFranciscoWeights | San Francisco typeface                                                                                                                                                                                                                                                                                                                                                       | object | no       | iOS      | yes               |
+| robotoWeights       | These weights are **only intended for Android**, as they directly reference the native Roboto typeface.                                                                                                                                                                                                                                                                      | object | no       | Android      | yes               |
+| webWeights          | These weights are **only intended for the web**, and render [react-native-web](https://github.com/necolas/react-native-web)'s system font stack.                                                                                                                                                                                                                             | object | no       | Web      | yes               |
+| iOSColors           | Colors iOS                                                                                                                                                                                                                                                                                                                                                                   | object | no       | iOS      | yes               |
+| materialColors      | Colors Material                                                                                                                                                                                                                                                                                                                                                              | object | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/hectahertz/react-native-typography/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-udp.md b/en/react-native-udp.md
new file mode 100644
index 00000000..ade3443c
--- /dev/null
+++ b/en/react-native-udp.md
@@ -0,0 +1,283 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-udp</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tradle/react-native-udp">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/tradle/react-native-udp/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-udp)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-udp@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-udp@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {Component} from 'react';
+import {ScrollView, StyleSheet, Text, View} from 'react-native';
+
+import dgram from 'react-native-udp';
+
+function randomPort() {
+  return (Math.random() * 60536) | (0 + 5000); // 60536-65536
+}
+
+function toByteArray(obj) {
+  var uint = new Uint8Array(obj.length);
+  for (var i = 0, l = obj.length; i < l; i++) {
+    uint[i] = obj.charCodeAt(i);
+  }
+
+  return new Uint8Array(uint);
+}
+
+class App extends Component {
+  constructor(props) {
+    super(props);
+
+    this.updateChatter = this.updateChatter.bind(this);
+    this.state = {chatter: []};
+  }
+
+  updateChatter(msg) {
+    this.setState({
+      chatter: this.state.chatter.concat([msg]),
+    });
+  }
+
+  componentDidMount() {
+    let self = this;
+
+    let a = dgram.createSocket('udp4');
+    let aPort = randomPort();
+    a.bind(aPort, function(err) {
+      if (err) throw err;
+      self.updateChatter('a bound to ' + JSON.stringify(a.address()));
+    });
+
+    let b = dgram.createSocket('udp4');
+    var bPort = randomPort();
+    b.bind(bPort, function(err) {
+      if (err) throw err;
+      self.updateChatter('b bound to ' + JSON.stringify(b.address()));
+    });
+
+    a.on('message', function(data, rinfo) {
+      var str = String.fromCharCode.apply(null, new Uint8Array(data));
+      self.updateChatter(
+        'a received echo ' + str + ' ' + JSON.stringify(rinfo),
+      );
+      a.close();
+      b.close();
+    });
+
+    b.on('message', function(data, rinfo) {
+      var str = String.fromCharCode.apply(null, new Uint8Array(data));
+      self.updateChatter('b received ' + str + ' ' + JSON.stringify(rinfo));
+
+      // echo back
+      b.send(data, 0, data.length, aPort, '127.0.0.1', function(err) {
+        if (err) throw err;
+        self.updateChatter('b echoed data');
+      });
+    });
+
+    b.once('listening', function() {
+      var msg = toByteArray('hello');
+      a.send(msg, 0, msg.length, bPort, '127.0.0.1', function(err) {
+        if (err) throw err;
+        self.updateChatter('a sent data');
+      });
+    });
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <ScrollView>
+          {this.state.chatter.map((msg, index) => {
+            return (
+              <Text key={index} style={styles.welcome}>
+                {msg}
+              </Text>
+            );
+          })}
+        </ScrollView>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
+  },
+});
+
+export default App;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-udp": "file:../../node_modules/@react-native-oh-tpl/react-native-udp/harmony/react-native-udp.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+
+### 3.在 ArkTs 侧引入 RNUdpPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++ import {RNUdpPackage} from '@react-native-oh-tpl/react-native-udp/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNUdpPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases)
+
+
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name           | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| createSocket   | Creates a Socket object.                                     | Function | false    | Android/iOS | yes               |
+| bind           | For UDP sockets, causes the `UdpSocket` to listen for datagram messages on a named `port`. | Function | false    | Android/iOS | yes               |
+| send           | Broadcasts a datagram on the socket.                         | Function | false    | Android/iOS | yes               |
+| address        | Returns an object containing the address information for a socket. | Function | false    | Android/iOS | yes               |
+| setBroadcast   | Sets or clears the `SO_BROADCAST` socket option.             | Function | false    | Android/iOS | yes               |
+| addMembership  | Tells the kernel to join a multicast group at the given `multicastAddress` and `multicastInterface` using the `IP_ADD_MEMBERSHIP` socket option. | Function | false    | Android/iOS | yes               |
+| dropMembership | Instructs the kernel to leave a multicast group at `multicastAddress` using the `IP_DROP_MEMBERSHIP` socket option. | Function | false    | Android/iOS | yes               |
+
+
+
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/tradle/react-native-udp/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-ui-lib.md b/en/react-native-ui-lib.md
new file mode 100644
index 00000000..490f1a8b
--- /dev/null
+++ b/en/react-native-ui-lib.md
@@ -0,0 +1,1653 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-ui-lib</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/wix/react-native-ui-lib">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/wix/react-native-ui-lib/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ui-lib)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases)，并下载适用版本的 tgz 包。
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated和 @react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在 HarmonyOS 工程中引入过这些库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参考[@react-native-oh-tpl/react-native-reanimated文档](/zh-cn/react-native-reanimated.md)和[@react-native-oh-tpl/react-native-gesture-handler文档](/zh-cn/react-native-gesture-handler.md)进行引入。
+
+下面是根据使用组件情况按需引入依赖项:
+
+- [@react-native-community/blur](/zh-cn/react-native-community-blur.md) （Card 组件）
+
+- [@react-native-community/datetimepicker](/zh-cn/react-native-community-datetimepicker.md) （DateTimePicker 组件）
+- [@react-native-community/netinfo](/zh-cn/react-native-community-netinfo.md) （ConnectionStatusBar 组件）
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-ui-lib@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-ui-lib@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import React, {Component} from 'react';
+import {Colors, Typography, Spacings, ThemeManager, View, Text, Card, Button} from 'react-native-ui-lib';
+
+Colors.loadColors({
+  primaryColor: '#2364AA',
+  secondaryColor: '#81C3D7',
+  textColor: '##221D23',
+  errorColor: '#E63B2E',
+  successColor: '#ADC76F',
+  warnColor: '##FF963C'
+});
+
+Typography.loadTypographies({
+  heading: {fontSize: 36, fontWeight: '600'},
+  subheading: {fontSize: 28, fontWeight: '500'},
+  body: {fontSize: 18, fontWeight: '400'}
+});
+
+Spacings.loadSpacings({
+  page: 20,
+  card: 12,
+  gridGutter: 16
+});
+
+// with plain object
+ThemeManager.setComponentTheme('Card', {
+  borderRadius: 8
+});
+
+// with a dynamic function
+ThemeManager.setComponentTheme('Button', (props, context) => {
+  // 'square' is not an original Button prop, but a custom prop that can
+  // be used to create different variations of buttons in your app
+  if (props.square) {
+    return {
+      borderRadius: 0
+    };
+  }
+});
+
+class MyScreen extends Component {
+  render() {
+    return (
+      <View flex padding-page>
+        <Text heading marginB-s4>
+          My Screen
+        </Text>
+        <Card height={100} center padding-card marginB-s4>
+          <Text body>This is an example card </Text>
+        </Card>
+
+        <Button label="Button" body bg-primaryColor square></Button>
+      </View>
+    );
+  }
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-ui-lib": "file:../../node_modules/@react-native-oh-tpl/react-native-ui-lib/harmony/ui_lib.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 UiLibPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-ui-lib/src/main/cpp" ./ui-lib)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_ui_lib)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "UiLibPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<UiLibPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 HighlighterView组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { HighlighterView } from "@react-native-oh-tpl/react-native-ui-lib";
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === HighlighterView.NAME) {
++   HighlighterView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ HighlighterView.NAME
+  ];
+```
+
+### 5.在 ArkTs 侧引入 UiLibPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { UiLibPackage } from '@react-native-oh-tpl/react-native-ui-lib/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new UiLibPackage(ctx)
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases)
+
+
+
+## 组件
+
+详细请查看 [react-native-ui-lib的文档介绍](https://wix.github.io/react-native-ui-lib/docs/getting-started/setup)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Text**：文本组件，该组件扩展了[Text](https://reactnative.dev/docs/text)属性。
+
+| Name            | Description                                                  | Type                                | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
+| animated        | Use Animated.Text as a container                             | boolean                             | no       | iOS/Android | yes               |
+| center          | Whether to center the text (using textAlign)                 | boolean                             | no       | iOS/Android | yes               |
+| color           | Color of the text                                            | string                              | no       | iOS/Android | yes               |
+| highlightString | Substring to highlight. Can be a simple string or a HighlightStringProps object, or an array of the above | HighlightString \|HighlightString[] | no       | iOS/Android | yes               |
+| highlightStyle  | Custom highlight style for highlight string                  | TextStyle                           | no       | iOS/Android | yes               |
+| recorderTag     | Recorder Tag                                                 | 'mask' \|'unmask'                   | no       | iOS/Android | yes               |
+| underline       | Whether to add an underline                                  | boolean                             | no       | iOS/Android | yes               |
+| uppercase       | Whether to change the text to uppercase                      | boolean                             | no       | iOS/Android | yes               |
+
+**TouchableOpacity**：触摸反馈透明度组件，该组件扩展了[TouchableOpacity](https://reactnative.dev/docs/touchableopacity)属性。
+
+| Name                  | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| activeBackgroundColor | Apply background color on TouchableOpacity when active (press is on) | string                                                       | no       | iOS/Android | yes               |
+| backgroundColor       | Background color for TouchableOpacity                        | string                                                       | no       | iOS/Android | yes               |
+| customValue           | Custom value of any type to pass on to TouchableOpacity and receive back in onPress callback | any                                                          | no       | iOS/Android | yes               |
+| onPress               | On press callback                                            | (props?: TouchableOpacityProps & {event: GestureResponderEvent} \|any) => void | no       | iOS/Android | yes               |
+| recorderTag           | Recorder Tag                                                 | 'mask'\|'unmask'                                             | no       | iOS/Android | yes               |
+| style                 | Custom style                                                 | ViewStyle                                                    | no       | iOS/Android | yes               |
+| throttleOptions       | Throttle options                                             | ThrottleOptions                                              | no       | iOS/Android | yes               |
+| throttleTime          | Throttle time in MS for onPress callback                     | number                                                       | no       | iOS/Android | yes               |
+| useNative             | Should use an enhanced native implementation with extra features | boolean                                                      | no       | iOS/Android | yes               |
+
+**View**：容器组件，该组件扩展了[View](https://reactnative.dev/docs/view)属性。
+
+| Name            | Description                                                  | Type             | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| animated        | Use Animate.View as a container                              | boolean          | no       | iOS/Android | yes               |
+| backgroundColor | Set background color                                         | string           | no       | iOS/Android | yes               |
+| inaccessible    | Turn off accessibility for this view and its nested children | boolean          | no       | iOS/Android | yes               |
+| reanimated      | Use Animate.View (from react-native-reanimated) as a container | boolean          | no       | iOS/Android | yes               |
+| recorderTag     | Recorder Tag                                                 | 'mask'\|'unmask' | no       | iOS/Android | yes               |
+| renderDelay     | Experimental: Pass time in ms to delay render                | number           | no       | iOS/Android | yes               |
+| style           | Custom style                                                 | ViewStyle        | no       | iOS/Android | yes               |
+| useSafeArea     | If true, will render as SafeAreaView                         | boolean          | no       | iOS/Android | yes               |
+
+**ActionBar**：快速操作栏，每个操作都支持按钮组件道具，该组件扩展了[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)属性。
+
+| Name            | Description                                                  | Type          | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------- | -------- | ----------- | ----------------- |
+| actions         | The actions for the action bar                               | ButtonProps[] | no       | iOS/Android | yes               |
+| backgroundColor | Background color                                             | string        | no       | iOS/Android | yes               |
+| centered        | Should action be equally centered                            | boolean       | no       | iOS/Android | yes               |
+| height          | Height                                                       | number        | no       | iOS/Android | yes               |
+| keepRelative    | Keep the action bar position relative instead of it absolute position | boolean       | no       | iOS/Android | yes               |
+| style           | Component's style                                            | ViewStyle     | no       | iOS/Android | yes               |
+| useSafeArea     | In iOS, use safe area, in case component attached to the bottom | boolean       | no       | iOS/Android | yes               |
+
+**Button**：按钮组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)属性。
+
+| Name                     | Description                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
+| :----------------------- | ------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| animateLayout            | should animate layout change. Note: For Android you must set ' setLayoutAnimationEnabledExperimental (true) ' via RN's 'UIManager' | boolean                                         | no       | iOS/Android | yes               |
+| animateTo                | the direction of the animation ('left' and 'right' will effect the button's own alignment) | ButtonAnimationDirection                        | no       | iOS/Android | yes               |
+| avoidInnerPadding        | avoid inner button padding                                   | boolean                                         | no       | iOS/Android | yes               |
+| avoidMinWidth            | avoid minimum width constraints                              | boolean                                         | no       | iOS/Android | yes               |
+| backgroundColor          | Color of the button background                               | string                                          | no       | iOS/Android | yes               |
+| borderRadius             | Custom border radius.                                        | number                                          | no       | iOS/Android | yes               |
+| color                    | The Button text color (inherited from Text component)        | string                                          | no       | iOS/Android | yes               |
+| disabled                 | Disable interactions for the component                       | boolean                                         | no       | iOS/Android | yes               |
+| disabledBackgroundColor  | Color of the disabled button background                      | string                                          | no       | iOS/Android | yes               |
+| enableShadow             | Control shadow visibility (iOS-only)                         | boolean                                         | no       | iOS         | no                |
+| fullWidth                | should the button act as a coast to coast button (no border radius) | boolean                                         | no       | iOS/Android | yes               |
+| getActiveBackgroundColor | callback for getting activeBackgroundColor (e.g. (calculatedBackgroundColor, prop) => {...}). Better set using ThemeManager | (backgroundColor: string, props: any) => string | no       | iOS/Android | yes               |
+| hyperlink                | Button will look like a hyperlink                            | boolean                                         | no       | iOS/Android | yes               |
+| iconOnRight              | Should the icon be right to the label                        | boolean                                         | no       | iOS/Android | yes               |
+| iconProps                | Icon image props                                             | Partial<ImageProps>                             | no       | iOS/Android | yes               |
+| iconSource               | Icon image source or a callback function that returns a source | ImageProps['source']\|Function                  | no       | iOS/Android | yes               |
+| iconStyle                | Icon image style                                             | ImageStyle                                      | no       | iOS/Android | yes               |
+| label                    | Text to show inside the button                               | string                                          | no       | iOS/Android | yes               |
+| labelProps               | Props that will be passed to the button's Text label.        | TextProps                                       | no       | iOS/Android | yes               |
+| labelStyle               | Additional styles for label text                             | TextStyle                                       | no       | iOS/Android | yes               |
+| link                     | Button will look like a link                                 | boolean                                         | no       | iOS/Android | yes               |
+| linkColor                | label color for when it's displayed as link or hyperlink     | string                                          | no       | iOS/Android | yes               |
+| onPress                  | Actions handler                                              | (props: any) => void                            | no       | iOS/Android | yes               |
+| outline                  | Button will have outline style                               | boolean                                         | no       | iOS/Android | yes               |
+| outlineColor             | The outline color                                            | string                                          | no       | iOS/Android | yes               |
+| outlineWidth             | The outline width                                            | number                                          | no       | iOS/Android | yes               |
+| round                    | should the button be a round button                          | boolean                                         | no       | iOS/Android | yes               |
+| size                     | Size of the button [large, medium, small, xSmall]            | ButtonSize                                      | no       | iOS/Android | yes               |
+| supportRTL               | whether the icon should flip horizontally on RTL locals      | boolean                                         | no       | iOS/Android | yes               |
+
+**Checkbox**：复选框组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)属性。
+
+| Name             | Description                                                  | Type                       | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------------------------- | -------- | ----------- | ----------------- |
+| borderRadius     | The Checkbox border radius                                   | number                     | no       | iOS/Android | yes               |
+| color            | The Checkbox color                                           | string                     | no       | iOS/Android | yes               |
+| containerStyle   | Custom styling for the checkbox and label container          | ViewStyle                  | no       | iOS/Android | yes               |
+| disabled         | Whether the checkbox should be disabled                      | boolean                    | no       | iOS/Android | yes               |
+| iconColor        | The selected icon color                                      | string                     | no       | iOS/Android | yes               |
+| label            | Add a label to the Checkbox                                  | string                     | no       | iOS/Android | yes               |
+| labelProps       | Props to pass on to the label component                      | TextProps                  | no       | iOS/Android | yes               |
+| labelStyle       | Pass to style the label                                      | TextStyle                  | no       | iOS/Android | yes               |
+| onChangeValidity | Callback for when field validity has changed                 | (isValid: boolean) => void | no       | iOS/Android | yes               |
+| onValueChange    | Callback function for value change event                     | (value) => void            | no       | iOS/Android | yes               |
+| outline          | Alternative Checkbox outline style                           | boolean                    | no       | iOS/Android | yes               |
+| required         | Whether the checkbox is required                             | boolean                    | no       | iOS/Android | yes               |
+| selectedIcon     | The icon asset to use for the selected indication            | ImageRequireSource         | no       | iOS/Android | yes               |
+| size             | The Checkbox size, affect both width and height              | number                     | no       | iOS/Android | yes               |
+| style            | Custom styling for the Checkbox                              | ViewStyle                  | no       | iOS/Android | yes               |
+| value            | The Checkbox value. If true the switch will be turned on. Default value is false | boolean                    | no       | iOS/Android | yes               |
+
+**Chip**：芯片组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)，[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)属性。
+
+| Name                  | Description                                                  | Type                                      | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ----------------------------------------- | -------- | ----------- | ----------------- |
+| avatarProps           | Avatar props object                                          | AvatarProps                               | no       | iOS/Android | yes               |
+| backgroundColor       | Background color                                             | string                                    | no       | iOS/Android | yes               |
+| badgeProps            | Badge props object                                           | BadgeProps                                | no       | iOS/Android | yes               |
+| borderRadius          | Border radius                                                | number                                    | no       | iOS/Android | yes               |
+| containerStyle        | Component's container style                                  | ViewStyle                                 | no       | iOS/Android | yes               |
+| dismissColor          | Dismiss color                                                | string                                    | no       | iOS/Android | yes               |
+| dismissContainerStyle | Dismiss container style                                      | ImageStyle                                | no       | iOS/Android | yes               |
+| dismissIcon           | Dismiss asset                                                | ImageSourcePropType                       | no       | iOS/Android | yes               |
+| dismissIconStyle      | Dismiss style                                                | ImageStyle                                | no       | iOS/Android | yes               |
+| iconProps             | Additional icon props                                        | Omit<ImageProps, 'source'>                | no       | iOS/Android | yes               |
+| iconSource            | Left icon's source                                           | ImageSourcePropType                       | no       | iOS/Android | yes               |
+| iconStyle             | Icon style                                                   | ImageStyle                                | no       | iOS/Android | yes               |
+| label                 | Main Chip text                                               | string                                    | no       | iOS/Android | yes               |
+| labelStyle            | Label's style                                                | TextStyle                                 | no       | iOS/Android | yes               |
+| leftElement           | Left custom element                                          | JSX.Element                               | no       | iOS/Android | yes               |
+| onDismiss             | Adds a dismiss button and serves as its callback             | (props: any) => void                      | no       | iOS/Android | yes               |
+| onPress               | On Chip press callback                                       | (props: any) => void                      | no       | iOS/Android | yes               |
+| resetSpacings         | Disables all internal elements default spacings. Helps reach a custom design | boolean                                   | no       | iOS/Android | yes               |
+| rightElement          | Right custom element                                         | JSX.Element                               | no       | iOS/Android | yes               |
+| rightIconSource       | Right icon's source                                          | ImageSourcePropType                       | no       | iOS/Android | yes               |
+| size                  | Chip's size. Number or a width and height object             | number\|{{width: number, height: number}} | no       | iOS/Android | yes               |
+| testID                | The test id for e2e tests                                    | string                                    | no       | iOS/Android | yes               |
+| useCounter            | Display badge as counter (no background)                     | boolean                                   | no       | iOS/Android | yes               |
+| useSizeAsMinimum      | Uses size as minWidth and minHeight                          | boolean                                   | no       | iOS/Android | yes               |
+
+**RadioButton**：单选按钮组件。
+
+| Name           | Description                                                  | Type                        | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------- | ----------------- |
+| borderRadius   | The radio button border radius                               | number                      | no       | iOS/Android | yes               |
+| color          | The color of the radio button                                | string                      | no       | iOS/Android | yes               |
+| containerStyle | Additional styling for the container                         | ViewStyle                   | no       | iOS/Android | yes               |
+| contentOnLeft  | Should the content be rendered left to the button            | boolean                     | no       | iOS/Android | yes               |
+| disabled       | Whether the radio button should be disabled                  | boolean                     | no       | iOS/Android | yes               |
+| iconOnRight    | Should the icon be on the right side of the label            | boolean                     | no       | iOS/Android | yes               |
+| iconSource     | Icon image source                                            | ImageSource                 | no       | iOS/Android | yes               |
+| iconStyle      | Icon image style                                             | ImageStyle                  | no       | iOS/Android | yes               |
+| label          | A label for the radio button description                     | string                      | no       | iOS/Android | yes               |
+| labelStyle     | Label style                                                  | TextStyle                   | no       | iOS/Android | yes               |
+| onPress        | Invoked when pressing the button                             | (selected: boolean) => void | no       | iOS/Android | yes               |
+| selected       | When using RadioButton without a RadioGroup, use this prop to toggle selection | boolean                     | no       | iOS/Android | yes               |
+| size           | The size of the radio button, affect both width & height     | number                      | no       | iOS/Android | yes               |
+| value          | The identifier value of the radio button. must be different than other RadioButtons in the same group | string \| number \| boolean | no       | iOS/Android | yes               |
+
+**RadioGroup**：包裹单选按钮组件，和RadioButton配合使用。
+
+| Name          | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| initialValue  | The initial value of the selected radio button               | string \| number \| boolean                                  | no       | iOS/Android | yes               |
+| onValueChange | Invoked once when value changes, by selecting one of the radio buttons in the group | ((value?: string) => void)\|((value?: number) => void)\|((value?: boolean) => void)\|((value?: any) => void) | no       | iOS/Android | yes               |
+
+**Slider**：滑块组件。
+
+| Name                  | Description                                                  | Type                                 | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ------------------------------------ | -------- | ----------- | ----------------- |
+| accessible            | If true the component will have accessibility features enabled | boolean                              | no       | iOS/Android | yes               |
+| activeThumbStyle      | The active (during press) thumb style                        | ViewStyle                            | no       | iOS/Android | yes               |
+| containerStyle        | The container style                                          | ViewStyle                            | no       | iOS/Android | yes               |
+| disableActiveStyling  | If true the Slider will not change it's style on press       | boolean                              | no       | iOS/Android | yes               |
+| disableRTL            | If true the Slider will stay in LTR mode even if the app is on RTL mode | boolean                              | no       | iOS/Android | yes               |
+| disabled              | If true the Slider will be disabled and will appear in disabled color | boolean                              | no       | iOS/Android | yes               |
+| initialMaximumValue   | Only when `useRange` is true, Initial maximum value          | number                               | no       | iOS/Android | yes               |
+| initialMinimumValue   | Only when `useRange` is true, Initial minimum value          | number                               | no       | iOS/Android | yes               |
+| maximumTrackTintColor | The track color                                              | string                               | no       | iOS/Android | yes               |
+| maximumValue          | Track maximum value                                          | number                               | no       | iOS/Android | yes               |
+| migrate               | Temporary prop required for migration to the Slider's new implementation | boolean                              | no       | iOS/Android | yes               |
+| minimumTrackTintColor | The color used for the track from minimum value to current value | string                               | no       | iOS/Android | yes               |
+| minimumValue          | Track minimum value                                          | number                               | no       | iOS/Android | yes               |
+| onRangeChange         | Callback for onRangeChange. Returns values object with the min and max values | SliderOnRangeChange                  | no       | iOS/Android | yes               |
+| onReset               | Callback that notifies when the reset function was invoked   | () => void                           | no       | iOS/Android | yes               |
+| onSeekEnd             | Callback that notifies about slider seeking is finished      | () => void                           | no       | iOS/Android | yes               |
+| onSeekStart           | Callback that notifies about slider seeking is started       | () => void                           | no       | iOS/Android | yes               |
+| onValueChange         | Callback for onValueChange                                   | SliderOnValueChange                  | no       | iOS/Android | yes               |
+| renderTrack           | Custom render instead of rendering the track                 | () => ReactElement \| ReactElement[] | no       | iOS/Android | yes               |
+| step                  | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue) | number                               | no       | iOS/Android | yes               |
+| testID                | The component test id                                        | string                               | no       | iOS/Android | yes               |
+| thumbStyle            | The thumb style                                              | ViewStyle                            | no       | iOS/Android | yes               |
+| thumbTintColor        | Thumb color                                                  | string                               | no       | iOS/Android | yes               |
+| trackStyle            | The track style                                              | ViewStyle                            | no       | iOS/Android | yes               |
+| useGap                | If true the min and max thumbs will not overlap              | boolean                              | no       | iOS/Android | yes               |
+| useRange              | If true the Slider will display a second thumb for the min value | boolean                              | no       | iOS/Android | yes               |
+| value                 | Initial value                                                | number                               | no       | iOS/Android | yes               |
+
+**Switch**：开关切换组件。
+
+| Name          | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+| disabled      | Whether the switch should be disabled                        | boolean                  | no       | iOS/Android | yes               |
+| disabledColor | The Switch background color when it's disabled               | string                   | no       | iOS/Android | yes               |
+| height        | The Switch height                                            | number                   | no       | iOS/Android | yes               |
+| id            | Component id                                                 | string                   | no       | iOS/Android | yes               |
+| offColor      | The Switch background color when it's turned off             | string                   | no       | iOS/Android | yes               |
+| onColor       | The Switch background color when it's turned on              | string                   | no       | iOS/Android | yes               |
+| onValueChange | Invoked with the new value when the value changes            | (value: boolean) => void | no       | iOS/Android | yes               |
+| style         | Custom style                                                 | ViewStyle                | no       | iOS/Android | yes               |
+| testID        | Component test id                                            | string                   | no       | iOS/Android | yes               |
+| thumbColor    | The Switch's thumb color                                     | string                   | no       | iOS/Android | yes               |
+| thumbSize     | The Switch's thumb size (width & height)                     | number                   | no       | iOS/Android | yes               |
+| thumbStyle    | The Switch's thumb style                                     | ViewStyle                | no       | iOS/Android | yes               |
+| value         | The value of the switch. If true the switch will be turned on. Default value is false | boolean                  | no       | iOS/Android | yes               |
+| width         | The Switch width                                             | number                   | no       | iOS/Android | yes               |
+
+**ChipsInput**：芯片输入组件，该组件扩展了[TextField](https://wix.github.io/react-native-ui-lib/docs/components/form/TextField)属性。
+
+| Name             | Description                                          | Type                                          | Required | Platform    | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------- | --------------------------------------------- | -------- | ----------- | ----------------- |
+| chips            | List of chips to render                              | ChipProps[]                                   | no       | iOS/Android | yes               |
+| defaultChipProps | Default set of props to pass by default to all chips | ChipProps                                     | no       | iOS/Android | yes               |
+| maxChips         | The maximum chips to allow adding                    | number                                        | no       | iOS/Android | yes               |
+| onChange         | Callback for chips change (adding or removing chip)  | (newChips, changeReason, updatedChip) => void | no       | iOS/Android | yes               |
+
+**ColorPalette**：调色板组件。
+
+| Name            | Description                                                  | Type                                          | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | --------------------------------------------- | -------- | ----------- | ----------------- |
+| animatedIndex   | Default is last，The index of the item to animate at first render | number                                        | no       | iOS/Android | yes               |
+| backgroundColor | The ColorPalette's background color                          | string                                        | no       | iOS/Android | yes               |
+| colors          | Array of colors to render in the palette                     | string[]                                      | no       | iOS/Android | yes               |
+| containerStyle  | Component's container style                                  | ViewStyle                                     | no       | iOS/Android | yes               |
+| containerWidth  | The container margins                                        | number                                        | no       | iOS/Android | yes               |
+| loop            | Whether the colors pagination scrolls in a loop              | boolean                                       | no       | iOS/Android | yes               |
+| numberOfRows    | The number of color rows from 2 to 5                         | number                                        | no       | iOS/Android | yes               |
+| onValueChange   | Invoked once when value changes by selecting one of the swatches in the palette | (value: string, colorInfo: ColorInfo) => void | no       | iOS/Android | yes               |
+| style           | Component's style                                            | ViewStyle                                     | no       | iOS/Android | yes               |
+| swatchStyle     | Style to pass all the ColorSwatches in the palette           | ViewStyle                                     | no       | iOS/Android | yes               |
+| testID          | The test id for e2e tests                                    | string                                        | no       | iOS/Android | yes               |
+| usePagination   | Whether to use pagination when number of colors exceeds the number of rows | boolean                                       | no       | iOS/Android | yes               |
+| value           | The value of the selected swatch                             | string                                        | no       | iOS/Android | yes               |
+
+**ColorPicker**：选色器组件。
+
+| Name                | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| accessibilityLabels | Accessibility labels as an object of strings                 | { addButton: string, dismissButton: string, doneButton: string, input: string} | no       | iOS/Android | yes               |
+| animatedIndex       | Default is last，The index of the item to animate at first render | number                                                       | no       | iOS/Android | yes               |
+| backgroundColor     | The ColorPicker's background color                           | string                                                       | no       | iOS/Android | yes               |
+| colors              | Array of colors for the picker's color palette (hex values)  | string[]                                                     | no       | iOS/Android | yes               |
+| onValueChange       | Callback for the picker's color palette change               | (value: string, colorInfo: ColorInfo) => void                | no       | iOS/Android | yes               |
+| testID              | The test id for e2e tests                                    | string                                                       | no       | iOS/Android | yes               |
+| value               | The value of the selected swatch                             | string                                                       | no       | iOS/Android | yes               |
+
+**ColorSwatch**：颜色样板组件。
+
+| Name        | Description                                                  | Type                                          | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | --------------------------------------------- | -------- | ----------- | ----------------- |
+| animated    | Is first render should be animated                           | boolean                                       | no       | iOS/Android | yes               |
+| color       | The color of the ColorSwatch                                 | string                                        | no       | iOS/Android | yes               |
+| index       | The index of the Swatch if in array                          | number                                        | no       | iOS/Android | yes               |
+| onPress     | Callback from press event                                    | (value: string, colorInfo: ColorInfo) => void | no       | iOS/Android | yes               |
+| selected    | Is the initial state is selected                             | boolean                                       | no       | iOS/Android | yes               |
+| size        | Color Swatch size                                            | number                                        | no       | iOS/Android | yes               |
+| style       | Component's style                                            | ViewStyle                                     | no       | iOS/Android | yes               |
+| testID      | The test id for e2e tests                                    | string                                        | no       | iOS/Android | yes               |
+| unavailable | Is the initial state is unavailable                          | boolean                                       | no       | iOS/Android | yes               |
+| value       | Must be different than other ColorSwatches in the same group，The identifier value of the ColorSwatch in a ColorSwatch palette | string                                        | no       | iOS/Android | yes               |
+
+**DateTimePicker**：时间选择组件，该组件扩展了[TextField](https://wix.github.io/react-native-ui-lib/docs/components/form/TextField)属性，依赖[@react-native-community/datetimepicker](/zh-cn/react-native-community-datetimepicker)库。
+
+| Name                    | Description                                                  | Type                                              | Required | Platform    | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| dateTimeFormatter       | A callback function to format the time or date               | (value: Date, mode: DateTimePickerMode) => string | no       | iOS/Android | yes               |
+| dialogProps             | Props to pass the Dialog component                           | DialogProps                                       | no       | iOS/Android | yes               |
+| display                 | Defines the visual display of the picker. The default value is 'spinner' on iOS and 'default' on Android. The list of all possible values are default, spinner, calendar or clock on Android and default, spinner, compact or inline for iOS. Full list can be found here:[react-native-datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker#display-optional) | string                                            | no       | iOS/Android | yes               |
+| editable                | Should this input be editable or disabled                    | boolean                                           | no       | iOS/Android | yes               |
+| headerStyle             | Style to apply to the iOS dialog header                      | ViewStyle                                         | no       | iOS/Android | yes               |
+| is24Hour                | Android only, Allows changing of the time picker to a 24 hour format | boolean                                           | no       | Android     | no                |
+| locale                  | iOS only, Allows changing of the locale of the component     | string                                            | no       | iOS         | yes               |
+| maximumDate             | The maximum date or time value to use                        | Date                                              | no       | iOS/Android | yes               |
+| minimumDate             | The minimum date or time value to use                        | Date                                              | no       | iOS/Android | yes               |
+| minuteInterval          | iOS only, The interval at which minutes can be selected. Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30 | number                                            | no       | iOS         | yes               |
+| mode                    | The type of picker to display ('date' or 'time')             | DATE \|TIME                                       | no       | iOS/Android | yes               |
+| onChange                | Called when the date/time change                             | () => Date                                        | no       | iOS/Android | yes               |
+| renderInput             | Render custom input                                          | JSX.Element                                       | no       | iOS/Android | yes               |
+| themeVariant            | Override system theme variant (dark or light mode) used by the date picker | LIGHT \|DARK                                      | no       | iOS/Android | yes               |
+| timeZoneOffsetInMinutes | iOS only, Allows changing of the timeZone of the date picker. By default it uses the device's time zone | number                                            | no       | iOS         | yes               |
+| value                   | Defaults to device's date and time, The initial value to set the picker to | Date                                              | no       | iOS/Android | yes               |
+
+**MaskedInput**：掩码输入组件，该组件扩展了[TextInput](https://reactnative.dev/docs/textinput)属性。
+
+| Name             | Description                                                  | Type               | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------------------ | -------- | ----------- | ----------------- |
+| containerStyle   | container style for the masked input container               | ViewStyle          | no       | iOS/Android | yes               |
+| renderMaskedText | callback for rendering the custom input out of the value returns from the actual input | React.ReactElement | no       | iOS/Android | yes               |
+
+**NumberInput**：数字输入框组件。
+
+| Name              | Description                                                  | Type                            | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ------------------------------- | -------- | ----------- | ----------------- |
+| containerStyle    | Container style of the whole component                       | ViewStyle                       | no       | iOS/Android | yes               |
+| contextMenuHidden | Requires @react-native-community/clipboard to be installed. If true, context menu is hidden. | boolean                         | no       | iOS/Android | yes               |
+| fractionDigits    | Number of digits after the decimal point. Must be in the range 0 - 20, inclusive. | number                          | no       | iOS/Android | yes               |
+| initialNumber     | A valid number (in en locale, i.e. only digits and a decimal point). | number                          | no       | iOS/Android | yes               |
+| leadingText       | A leading text                                               | string                          | no       | iOS/Android | yes               |
+| leadingTextStyle  | The style of the leading text                                | TextStyle                       | no       | iOS/Android | yes               |
+| onChangeNumber    | Callback that is called when the number value has changed.   | (data: NumberInputData) => void | no       | iOS/Android | yes               |
+| textFieldProps    | Most of TextField's props can be applied, except for ones that are passed directly via named props. | TextFieldProps                  | no       | iOS/Android | yes               |
+| trailingText      | A trailing text                                              | string                          | no       | iOS/Android | yes               |
+| trailingTextStyle | The style of the trailing text                               | ViewStyle                       | no       | iOS/Android | yes               |
+
+**Picker**：弹窗选择组件。
+
+| Name               | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| customPickerProps  | Custom picker props (when using renderPicker, will apply on the button wrapper) | object                                                       | no       | iOS/Android | yes               |
+| enableModalBlur    | iOS only，Adds blur effect to picker modal                   | boolean                                                      | no       | iOS         | yes               |
+| fieldType          | Pass for different field type UI (form, filter or settings)  | PickerFieldTypes                                             | no       | iOS/Android | yes               |
+| getLabel           | A function that returns the label to show for the selected Picker value | (value: string \| number) => void                            | no       | iOS/Android | yes               |
+| items              | Data source for Picker                                       | {label: string, value: string \| number}[]                   | no       | iOS/Android | yes               |
+| listProps          | Pass props to the list component that wraps the picker options (allows to control FlatList behavior) | FlatListProps                                                | no       | iOS/Android | yes               |
+| migrate            | Temporary prop required for migration to Picker's new API    | boolean                                                      | no       | iOS/Android | yes               |
+| mode               | SINGLE mode or MULTI mode                                    | SINGLE \| MULTI                                              | no       | iOS/Android | yes               |
+| onChange           | Callback for when picker value change                        | (value: string \| number) => void                            | no       | iOS/Android | yes               |
+| onPress            | Add onPress callback for when pressing the picker            | () => void                                                   | no       | iOS/Android | yes               |
+| onSearchChange     | Callback for picker modal search input text change (only when passing showSearch) | (searchValue: string) => void                                | no       | iOS/Android | yes               |
+| pickerModalProps   | Pass props to the picker modal                               | ModalProps                                                   | no       | iOS/Android | yes               |
+| renderCustomModal  | Render custom picker modal                                   | ({visible, children, toggleModal}) => void)                  | no       | iOS/Android | yes               |
+| renderCustomSearch | Render custom search input (only when passing showSearch)    | (props) => void                                              | no       | iOS/Android | yes               |
+| renderItem         | Render custom picker item                                    | (value, {{...props, isSelected}}, itemLabel) => void         | no       | iOS/Android | yes               |
+| renderPicker       | Render custom picker - input will be value (see above)\Example:\renderPicker = (selectedItem) => {...} | (selectedItem, itemLabel) => void                            | no       | iOS/Android | yes               |
+| searchPlaceholder  | Placeholder text for the search input (only when passing showSearch) | string                                                       | no       | iOS/Android | yes               |
+| searchStyle        | Style object for the search input (only when passing showSearch) | {color: string, placeholderTextColor: string, selectionColor: string} | no       | iOS/Android | yes               |
+| selectionLimit     | Limit the number of selected items                           | number                                                       | no       | iOS/Android | yes               |
+| showSearch         | Show search input to filter picker items by label            | boolean                                                      | no       | iOS/Android | yes               |
+| topBarProps        | The picker modal top bar props                               | Modal's TopBarProps                                          | no       | iOS/Android | yes               |
+| useSafeArea        | Add safe area in the Picker modal view                       | boolean                                                      | no       | iOS/Android | yes               |
+| useWheelPicker     | Use wheel picker instead of a list picker                    | boolean                                                      | no       | iOS/Android | yes               |
+| value              | Picker current value                                         | string \| number                                             | no       | iOS/Android | yes               |
+
+**Picker.Item**：弹窗选择Item组件，配合Picker组件使用。
+
+| Name              | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| disabled          | Is the item disabled                                         | boolean                                                      | no       | iOS/Android | yes               |
+| getItemLabel      | Custom function for the item label                           | (value: string \| number) => string                          | no       | iOS/Android | yes               |
+| isSelected        | Is the item selected                                         | boolean                                                      | no       | iOS/Android | yes               |
+| label             | Item's label                                                 | string                                                       | no       | iOS/Android | yes               |
+| labelStyle        | Item's label style                                           | ViewStyle                                                    | no       | iOS/Android | yes               |
+| onPress           | Callback for onPress action, will stop selection if false is returned | (selected: boolean \| undefined, props: any) => void \| Promise<boolean>; | no       | iOS/Android | yes               |
+| onSelectedLayout  | Callback for onLayout event                                  | (event: LayoutChangeEvent) => void                           | no       | iOS/Android | yes               |
+| selectedIcon      | Pass to change the selected icon                             | string                                                       | no       | iOS/Android | yes               |
+| selectedIconColor | Pass to change the selected icon color                       | ImageSource                                                  | no       | iOS/Android | yes               |
+| value             | Item's value                                                 | string \| number                                             | no       | iOS/Android | yes               |
+
+**SectionsWheelPicker**：滚动选择组件。
+
+| Name                | Description                                         | Type             | Required | Platform    | HarmonyOS Support |
+| ------------------- | --------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| activeTextColor     | Text color for the focused row                      | string           | no       | iOS/Android | yes               |
+| faderProps          | Custom props for fader.                             | FaderProps       | no       | iOS/Android | yes               |
+| inactiveTextColor   | Text color for other, non-focused rows              | string           | no       | iOS/Android | yes               |
+| itemHeight          | Describe the height of each item in the WheelPicker | number           | no       | iOS/Android | yes               |
+| numberOfVisibleRows | Describe the number of rows visible                 | number           | no       | iOS/Android | yes               |
+| sections            | Array of sections                                   | WheelPickerProps | no       | iOS/Android | yes               |
+| testID              | The component test id                               | string           | no       | iOS/Android | yes               |
+| textStyle           | Row text style                                      | TextStyle        | no       | iOS/Android | yes               |
+
+**SegmentedControl**：切换值组件。
+
+| Name                  | Description                                     | Type                      | Required | Platform    | HarmonyOS Support |
+| --------------------- | ----------------------------------------------- | ------------------------- | -------- | ----------- | ----------------- |
+| activeBackgroundColor | The background color of the active segment      | string                    | no       | iOS/Android | yes               |
+| activeColor           | The color of the active segment label           | string                    | no       | iOS/Android | yes               |
+| backgroundColor       | The background color of the inactive segments   | string                    | no       | iOS/Android | yes               |
+| borderRadius          | The segmentedControl borderRadius               | number                    | no       | iOS/Android | yes               |
+| containerStyle        | Additional spacing styles for the container     | ViewStyle                 | no       | iOS/Android | yes               |
+| iconOnRight           | Should the icon be on right of the label        | boolean                   | no       | iOS/Android | yes               |
+| initialIndex          | Initial index to be active                      | number                    | no       | iOS/Android | yes               |
+| onChangeIndex         | Callback for when index has change.             | (index: number) => void   | no       | iOS/Android | yes               |
+| outlineColor          | The color of the active segment outline         | string                    | no       | iOS/Android | yes               |
+| outlineWidth          | The width of the active segment outline         | number                    | no       | iOS/Android | yes               |
+| segmentLabelStyle     | Segment label style                             | TextStyle                 | no       | iOS/Android | yes               |
+| segments              | Array on segments                               | SegmentedControlItemProps | no       | iOS/Android | yes               |
+| segmentsStyle         | Additional style for the segments               | ViewStyle                 | no       | iOS/Android | yes               |
+| style                 | Custom style to inner container                 | ViewStyle                 | no       | iOS/Android | yes               |
+| testID                | Component test id                               | string                    | no       | iOS/Android | yes               |
+| throttleTime          | Trailing throttle time of changing index in ms. | number                    | no       | iOS/Android | yes               |
+
+**Stepper**：步进器组件。
+
+| Name               | Description                                         | Type                                     | Required | Platform    | HarmonyOS Support |
+| ------------------ | --------------------------------------------------- | ---------------------------------------- | -------- | ----------- | ----------------- |
+| accessibilityLabel | Component accessibility label                       | string                                   | no       | iOS/Android | yes               |
+| disabled           | Disables interaction with the stepper               | boolean                                  | no       | iOS/Android | yes               |
+| maxValue           | Maximum value                                       | number                                   | no       | iOS/Android | yes               |
+| minValue           | Minimum value                                       | number                                   | no       | iOS/Android | yes               |
+| onValueChange      | Value change callback function                      | (value: number, testID?: string) => void | no       | iOS/Android | yes               |
+| small              | Renders a small sized Stepper                       | boolean                                  | no       | iOS/Android | yes               |
+| step               | The step to increase and decrease by (default is 1) | number                                   | no       | iOS/Android | yes               |
+| testID             | Test id for component                               | string                                   | no       | iOS/Android | yes               |
+| value              | Stepper value                                       | number                                   | no       | iOS/Android | yes               |
+
+**TextField**：文本域组件，扩展了[TextInput](https://reactnative.dev/docs/textinput)属性。
+
+| Name                      | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| centered                  | Whether to center the TextField - container and label        | boolean                                                      | no       | iOS/Android | yes               |
+| charCounterStyle          | Pass custom style to character counter text                  | TextStyle                                                    | no       | iOS/Android | yes               |
+| color                     | Input color                                                  | ColorType                                                    | no       | iOS/Android | yes               |
+| containerProps            | Container props of the whole component                       | Omit<ViewProps, 'style'>                                     | no       | iOS/Android | yes               |
+| containerStyle            | Container style of the whole component                       | ViewStyle                                                    | no       | iOS/Android | yes               |
+| enableErrors              | Should support showing validation error message              | boolean                                                      | no       | iOS/Android | yes               |
+| fieldStyle                | Internal style for the field container to style the field underline, outline and fill color | ViewStyle \| (context: FieldContextType, props) => ViewStyle | no       | iOS/Android | yes               |
+| floatOnFocus              | Should placeholder float on focus or when start typing       | boolean                                                      | no       | iOS/Android | yes               |
+| floatingPlaceholder       | Pass to add floating placeholder support                     | boolean                                                      | no       | iOS/Android | yes               |
+| floatingPlaceholderColor  | The floating placeholder color                               | ColorType                                                    | no       | iOS/Android | yes               |
+| floatingPlaceholderStyle  | Custom style for the floating placeholder                    | TextStyle                                                    | no       | iOS/Android | yes               |
+| formatter                 | Custom formatter for the input value (used only when input if not focused) | (value) => string \| undefined                               | no       | iOS/Android | yes               |
+| hint                      | A hint text to display when focusing the field               | string                                                       | no       | iOS/Android | yes               |
+| label                     | Field label                                                  | string                                                       | no       | iOS/Android | yes               |
+| labelColor                | Field label color. Either a string or color by state map ({default, focus, error, disabled, readonly}) | ColorType                                                    | no       | iOS/Android | yes               |
+| labelProps                | Pass extra props to the label Text element                   | TextProps                                                    | no       | iOS/Android | yes               |
+| labelStyle                | Custom style for the field label                             | TextStyle                                                    | no       | iOS/Android | yes               |
+| leadingAccessory          | Pass to render a leading element                             | ReactElement                                                 | no       | iOS/Android | yes               |
+| onChangeValidity          | Callback for when field validity has changed                 | (isValid: boolean) => void                                   | no       | iOS/Android | yes               |
+| onValidationFailed        | Callback for when field validated and failed                 | (failedValidatorIndex: number) => void                       | no       | iOS/Android | yes               |
+| placeholder               | The placeholder for the field                                | string                                                       | no       | iOS/Android | yes               |
+| placeholderTextColor      | Placeholder text color                                       | ColorType                                                    | no       | iOS/Android | yes               |
+| preset                    | Predefined preset to use for styling the field               | 'default' \| null \|string                                   | no       | iOS/Android | yes               |
+| readonly                  | A UI preset for read only state                              | boolean                                                      | no       | iOS/Android | yes               |
+| recorderTag               | Recorder Tag                                                 | 'mask' \| 'unmask'                                           | no       | iOS/Android | yes               |
+| retainValidationSpace     | Keep the validation space even if there is no validation message | boolean                                                      | no       | iOS/Android | yes               |
+| showCharCounter           | Should show a character counter (works only with maxLength)  | boolean                                                      | no       | iOS/Android | yes               |
+| showMandatoryIndication   | Whether to show a mandatory field indication                 | boolean                                                      | no       | iOS/Android | yes               |
+| trailingAccessory         | Pass to render a trailing element                            | ReactElement                                                 | no       | iOS/Android | yes               |
+| useGestureHandlerInput    | Use react-native-gesture-handler instead of react-native for the base TextInput | boolean                                                      | no       | iOS/Android | yes               |
+| validate                  | A single or multiple validator. Can be a string (required, email) or custom function. | Validator \| Validator []                                    | no       | iOS/Android | yes               |
+| validateOnBlur            | Should validate when losing focus of TextField               | boolean                                                      | no       | iOS/Android | yes               |
+| validateOnChange          | Should validate when the TextField value changes             | boolean                                                      | no       | iOS/Android | yes               |
+| validateOnStart           | Should validate when the TextField mounts                    | boolean                                                      | no       | iOS/Android | yes               |
+| validationMessage         | The validation message to display when field is invalid (depends on validate) | string \| string[]                                           | no       | iOS/Android | yes               |
+| validationMessagePosition | The position of the validation message (top/bottom)          | ValidationMessagePosition                                    | no       | iOS/Android | yes               |
+| validationMessageStyle    | Custom style for the validation message                      | TextStyle                                                    | no       | iOS/Android | yes               |
+
+**WheelPicker**：轮式拾取器组件。
+
+| Name                | Description                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| activeTextColor     | Text color for the focused row                               | string                                          | no       | iOS/Android | yes               |
+| align               | Align the content to center, right ot left                   | WheelPickerAlign                                | no       | iOS/Android | yes               |
+| flatListProps       | Props to be sent to the FlatList.                            | FlatListProps                                   | no       | iOS/Android | yes               |
+| inactiveTextColor   | Text color for other, non-focused rows                       | string                                          | no       | iOS/Android | yes               |
+| initialValue        | Initial value (uncontrolled)                                 | number \| string                                | no       | iOS/Android | yes               |
+| itemHeight          | Height of each item in the WheelPicker                       | number                                          | no       | iOS/Android | yes               |
+| items               | Data source for WheelPicker                                  | WheelPickerItemProps[]                          | no       | iOS/Android | yes               |
+| label               | Additional label to render next to the items text            | string                                          | no       | iOS/Android | yes               |
+| labelProps          | Additional label's props                                     | TextProps                                       | no       | iOS/Android | yes               |
+| labelStyle          | Additional label's style                                     | TextStyle                                       | no       | iOS/Android | yes               |
+| numberOfVisibleRows | Number of rows visible                                       | number                                          | no       | iOS/Android | yes               |
+| onChange            | Change item event callback                                   | (item: string \| number, index: number) => void | no       | iOS/Android | yes               |
+| separatorsStyle     | Extra style for the separators                               | ViewStyle                                       | no       | iOS/Android | yes               |
+| style               | height is computed according to itemHeight * numberOfVisibleRows. Container's custom style | ViewStyle                                       | no       | iOS/Android | yes               |
+| testID              | test identifier                                              | string                                          | no       | iOS/Android | yes               |
+| textStyle           | Row text custom style                                        | TextStyle                                       | no       | iOS/Android | yes               |
+
+**Incubator.Dialog**：弹出对话框组件。
+
+| Name                  | Description                                                  | Type                          | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ----------------------------- | -------- | ----------- | ----------------- |
+| containerProps        | Extra props for the container                                | ViewProps                     | no       | iOS/Android | yes               |
+| containerStyle        | The Dialog`s container style (it is set to {position: 'absolute'}) `ViewStyle ` | ViewStyle                     | no       | iOS/Android | yes               |
+| direction             | The direction from which and to which the dialog is animating \ panning (default down). | up \|down \|left \|right      | no       | iOS/Android | yes               |
+| headerProps           | The Dialog's header (title, subtitle etc)                    | DialogHeaderProps             | no       | iOS/Android | yes               |
+| ignoreBackgroundPress | Whether or not to ignore background press.                   | boolean                       | no       | iOS/Android | yes               |
+| modalProps            | Pass props to the dialog modal                               | ModalProps                    | no       | iOS/Android | yes               |
+| onDismiss             | Callback that is called after the dialog's dismiss (after the animation has ended). | (props?: DialogProps) => void | no       | iOS/Android | yes               |
+| testID                | Used to locate this view in end-to-end tests.The container has the original id.Supported inner elements IDs:`${TestID}.modal` - the Modal's id.`${TestID}. overlayFadingBackground` - the fading background id. | string                        | no       | iOS/Android | yes               |
+| visible               | The visibility of the dialog                                 | boolean                       | no       | iOS/Android | yes               |
+
+**Dialog.Header**：弹窗头部组件。
+
+| Name                  | Description                                                  | Type                 | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | -------------------- | -------- | ----------- | ----------------- |
+| bottomAccessory       | Pass to render a bottom element below the subtitle           | ReactElement         | no       | iOS/Android | yes               |
+| contentContainerStyle | Style for the leading + content + trailing components (without the bottomAccessory) | ViewProps['style']   | no       | iOS/Android | yes               |
+| leadingAccessory      | Pass to render a leading element                             | ReactElement         | no       | iOS/Android | yes               |
+| onPress               | onPress callback for the inner content                       | () => void           | no       | iOS/Android | yes               |
+| showDivider           | Show the header's divider                                    | boolean              | no       | iOS/Android | yes               |
+| showKnob              | Show the header's knob                                       | boolean              | no       | iOS/Android | yes               |
+| subtitle              | Subtitle                                                     | string               | no       | iOS/Android | yes               |
+| subtitleProps         | Subtitle extra props                                         | TextProps            | no       | iOS/Android | yes               |
+| subtitleStyle         | Subtitle text style                                          | StyleProp<TextStyle> | no       | iOS/Android | yes               |
+| title                 | Title                                                        | string               | no       | iOS/Android | yes               |
+| titleProps            | Title extra props                                            | TextProps            | no       | iOS/Android | yes               |
+| titleStyle            | Title text style                                             | StyleProp<TextStyle> | no       | iOS/Android | yes               |
+| topAccessory          | Pass to render a top element above the title                 | ReactElement         | no       | iOS/Android | yes               |
+| trailingAccessory     | Pass to render a trailing element                            | ReactElement         | no       | iOS/Android | yes               |
+
+**Incubator.Slider**：滑块组件。
+
+| Name                   | Description                                                  | Type                                  | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ------------------------------------- | -------- | ----------- | ----------------- |
+| accessible             | If true the component will have accessibility features enabled | boolean                               | no       | iOS/Android | yes               |
+| activeThumbStyle       | The active (during press) thumb style                        | ViewStyle                             | no       | iOS/Android | yes               |
+| containerStyle         | The container style                                          | ViewStyle                             | no       | iOS/Android | yes               |
+| disableActiveStyling   | If true the Slider will not change it's style on press       | boolean                               | no       | iOS/Android | yes               |
+| disableRTL             | If true the Slider will stay in LTR mode even if the app is on RTL mode | boolean                               | no       | iOS/Android | yes               |
+| disabled               | If true the Slider will be disabled and will appear in disabled color | boolean                               | no       | iOS/Android | yes               |
+| disabledThumbTintColor | Disabled thumb color                                         | string                                | no       | iOS/Android | yes               |
+| enableThumbShadow      | Whether the thumb will have a shadow (with 'migrate' true only) | boolean                               | no       | iOS/Android | yes               |
+| initialMaximumValue    | Only when `useRange` is true. Initial maximum value          | number                                | no       | iOS/Android | yes               |
+| initialMinimumValue    | Only when `useRange` is true. Initial minimum value          | number                                | no       | iOS/Android | yes               |
+| maximumTrackTintColor  | The track color                                              | string                                | no       | iOS/Android | yes               |
+| maximumValue           | Track maximum value                                          | number                                | no       | iOS/Android | yes               |
+| minimumTrackTintColor  | The color used for the track from minimum value to current value | string                                | no       | iOS/Android | yes               |
+| minimumValue           | Track minimum value                                          | number                                | no       | iOS/Android | yes               |
+| onRangeChange          | Callback for onRangeChange. Returns values object with the min and max values | SliderOnRangeChange                   | no       | iOS/Android | yes               |
+| onReset                | Callback that notifies when the reset function was invoked   | () => void                            | no       | iOS/Android | yes               |
+| onSeekEnd              | Callback that notifies about slider seeking is finished      | () => void                            | no       | iOS/Android | yes               |
+| onSeekStart            | Callback that notifies about slider seeking is started       | () => void                            | no       | iOS/Android | yes               |
+| onValueChange          | Callback for onValueChange                                   | SliderOnValueChange                   | no       | iOS/Android | yes               |
+| renderTrack            | Custom render instead of rendering the track                 | () => ReactElement  \| ReactElement[] | no       | iOS/Android | yes               |
+| step                   | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue) | number                                | no       | iOS/Android | yes               |
+| testID                 | The component test id                                        | string                                | no       | iOS/Android | yes               |
+| throttleTime           | Control the throttle time of the onValueChange and onRangeChange callbacks | number                                | no       | iOS/Android | yes               |
+| thumbHitSlop           | Defines how far a touch event can start away from the thumb  | number                                | no       | iOS/Android | yes               |
+| thumbStyle             | The thumb style                                              | ViewStyle                             | no       | iOS/Android | yes               |
+| thumbTintColor         | Thumb color                                                  | string                                | no       | iOS/Android | yes               |
+| trackStyle             | The track style                                              | ViewStyle                             | no       | iOS/Android | yes               |
+| useGap                 | If true the min and max thumbs will not overlap              | boolean                               | no       | iOS/Android | yes               |
+| useRange               | If true the Slider will display a second thumb for the min value | boolean                               | no       | iOS/Android | yes               |
+| value                  | Initial value                                                | number                                | no       | iOS/Android | yes               |
+
+**Incubator.Toast**：非中断式弹窗组件。
+
+| Name                 | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| action               | A single action for the user (showLoader will override this) | ButtonProps                                                  | no       | iOS/Android | yes               |
+| autoDismiss          | Time of milliseconds to automatically invoke the onDismiss callback | number                                                       | no       | iOS/Android | yes               |
+| backgroundColor      | The toast background color                                   | string                                                       | no       | iOS/Android | yes               |
+| centerMessage        | Should message be centered in the toast                      | boolean                                                      | no       | iOS/Android | yes               |
+| containerStyle       | Toast container style                                        | ViewStyle                                                    | no       | iOS/Android | yes               |
+| elevation            | Android only. Custom elevation                               | number                                                       | no       | Android     | no                |
+| enableHapticFeedback | Whether to trigger an haptic feedback once the toast is shown (requires react-native-haptic-feedback dependency) | boolean                                                      | no       | iOS/Android | yes               |
+| icon                 | A custom icon to render on the left side of the toast        | ImageSourcePropType                                          | no       | iOS/Android | yes               |
+| iconColor            | The icon color                                               | string                                                       | no       | iOS/Android | yes               |
+| message              | Toast message                                                | string                                                       | no       | iOS/Android | yes               |
+| messageProps         | Toast message props                                          | TextProps                                                    | no       | iOS/Android | yes               |
+| messageStyle         | Toast message style                                          | StyleProp <TextStyle>                                        | no       | iOS/Android | yes               |
+| onAnimationEnd       | Callback for end of toast animation                          | (visible?: boolean) => void                                  | no       | iOS/Android | yes               |
+| onDismiss            | Callback for the toast dismissal                             | () => void                                                   | no       | iOS/Android | yes               |
+| position             | The position of the toast. 'top' or 'bottom'.                | 'top' \| 'bottom'                                            | no       | iOS/Android | yes               |
+| preset               | Pass to have preset UI                                       | ToastPreset ('success' \| 'failure' \| 'general' \| 'offline') | no       | iOS/Android | yes               |
+| renderAttachment     | Render a custom view that will appear permanently above or below a Toast, depends on the Toast's position and animate with it when the Toast is made visible or dismissed | () => JSX.Element \| undefined                               | no       | iOS/Android | yes               |
+| showLoader           | Whether to show a loader                                     | boolean                                                      | no       | iOS/Android | yes               |
+| style                | Toast style                                                  | ViewStyle                                                    | no       | iOS/Android | yes               |
+| swipeable            | Whether to support dismissing the toast with a swipe gesture. Requires to pass onDismiss method to control visibility | boolean                                                      | no       | iOS/Android | yes               |
+| testID               | The component test id                                        | string                                                       | no       | iOS/Android | yes               |
+| visible              | Whether to show or hide the toast                            | boolean                                                      | no       | iOS/Android | yes               |
+| zIndex               | Custom zIndex for toast                                      | number                                                       | no       | iOS/Android | yes               |
+
+**Dash**：阔折现组件。
+
+| Name           | Description                           | Type      | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| color          | The color of the dashes               | string    | no       | iOS/Android | yes               |
+| containerStyle | The container style                   | ViewStyle | no       | iOS/Android | yes               |
+| gap            | The gap between the dashes            | number    | no       | iOS/Android | yes               |
+| length         | The length of the dashes              | number    | no       | iOS/Android | yes               |
+| style          | Additional style to the dashes        | ViewStyle | no       | iOS/Android | yes               |
+| thickness      | The thickness of the dashes           | number    | no       | iOS/Android | yes               |
+| vertical       | Is the dashed line should be vertical | boolean   | no       | iOS/Android | yes               |
+
+**ExpandableSection**：展开收起组件。
+
+| Name          | Description                                              | Type            | Required | Platform    | HarmonyOS Support |
+| ------------- | -------------------------------------------------------- | --------------- | -------- | ----------- | ----------------- |
+| children      | The expandable's children                                | React.ReactNode | no       | iOS/Android | yes               |
+| expanded      | Should the ExpandableSection be expanded                 | boolean         | no       | iOS/Android | yes               |
+| onPress       | Called when pressing the header of the ExpandableSection | () => void      | no       | iOS/Android | yes               |
+| sectionHeader | Header element                                           | JSX.Element     | no       | iOS/Android | yes               |
+| testID        | testing identifier                                       | string          | no       | iOS/Android | yes               |
+| top           | Should it open above the 'sectionHeader'                 | boolean         | no       | iOS/Android | yes               |
+
+**Fader**：渐变淡入淡出组件。
+
+| Name      | Description                                        | Type                           | Required | Platform    | HarmonyOS Support |
+| --------- | -------------------------------------------------- | ------------------------------ | -------- | ----------- | ----------------- |
+| position  | The position of the fader (the image is different) | START  \|END \| TOP  \| BOTTOM | no       | iOS/Android | yes               |
+| size      | change the size of the fade view                   | number                         | no       | iOS/Android | yes               |
+| tintColor | Change the tint color of the fade view             | string                         | no       | iOS/Android | yes               |
+| visible   | Whether the fader is visible (default is true)     | boolean                        | no       | iOS/Android | yes               |
+
+**Gradient**：渐变色组件。
+
+| Name          | Description                       | Type          | Required | Platform    | HarmonyOS Support |
+| ------------- | --------------------------------- | ------------- | -------- | ----------- | ----------------- |
+| color         | The color of the gradient         | string        | no       | iOS/Android | yes               |
+| numberOfSteps | The number of steps               | number        | no       | iOS/Android | yes               |
+| style         | Additional style to the component | ViewStyle     | no       | iOS/Android | yes               |
+| type          | hue \| lightness \| saturation    | GradientTypes | no       | iOS/Android | yes               |
+
+**KeyboardAccessoryView**：键盘附件视图。
+
+| Name                  | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+| kbComponent           | The keyboard ID (the componentID sent to KeyboardRegistry)   | string                   | no       | iOS/Android | no                |
+| kbInitialProps        | The props that will be sent to the KeyboardComponent         | any                      | no       | iOS/Android | no                |
+| kbInputRef            | iOS only. The reference to the actual text input (or the keyboard may not reset when instructed to, etc.). | any                      | no       | iOS         | no                |
+| onHeightChanged       | A callback for when the height is changed                    | (height: number) => void | no       | iOS/Android | no                |
+| onItemSelected        | Callback that will be called when an item on the keyboard has been pressed. | () => void               | no       | iOS/Android | no                |
+| onKeyboardResigned    | Callback that will be called once the keyboard has been closed | () => void               | no       | iOS/Android | no                |
+| onRequestShowKeyboard | Callback that will be called if KeyboardRegistry.requestShowKeyboard is called. | () => void               | no       | iOS/Android | no                |
+| renderContent         | Content to be rendered above the keyboard                    | () => React.ReactElement | no       | iOS/Android | yes               |
+
+**KeyboardAwareInsetsView**：用于在使用键盘时添加插入，可能会隐藏部分屏幕，该组件扩展了[KeyboardTrackingView](https://wix.github.io/react-native-ui-lib/docs/components/infra/KeyboardTrackingView)属性，此组件仅适用与iOS。
+
+| Name                    | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| KeyboardAwareInsetsView | Used to add an inset when a keyboard is used and might hide part of the screen. | Component | no       | iOS      | no                |
+
+**KeyboardRegistry**：用于注册键盘并在键盘上执行某些操作。
+
+| Name                | Description                                                  | Type            | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | --------------- | -------- | ----------- | ----------------- |
+| addListener         | Add a listener for a callback. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') callback (function) - the callback to be called when the said event happens | static function | no       | iOS/Android | yes               |
+| getAllKeyboards     | Get all keyboards                                            | static function | no       | iOS/Android | yes               |
+| getKeyboard         | Get a specific keyboard componentID (string) - the ID of the keyboard. | static function | no       | iOS/Android | yes               |
+| getKeyboards        | Get keyboards by IDs componentIDs (string[]) - the ID of the keyboard. | static function | no       | iOS/Android | yes               |
+| notifyListeners     | Notify that an event has occurred. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') args (object) - data to be sent to the listener. | static function | no       | iOS/Android | yes               |
+| onItemSelected      | Default event to be used for when an item on the keyboard has been pressed. componentID (string) - the ID of the keyboard. args (object) - data to be sent to the listener. | static function | no       | iOS/Android | yes               |
+| registerKeyboard    | Register a new keyboard. componentID (string) - the ID of the keyboard. generator (function) - a function for the creation of the keyboard. params (object) - to be returned when using other methods (i.e. getKeyboards and getAllKeyboards). | static function | no       | iOS/Android | yes               |
+| removeListeners     | Remove a listener for a callback. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') | static function | no       | iOS/Android | yes               |
+| requestShowKeyboard | Request to show the keyboard componentID (string) - the ID of the keyboard. | static function | no       | iOS/Android | yes               |
+
+**KeyboardTrackingView**：为该视图及其子视图启用“键盘跟踪”的 UI 组件。通常用于该视图内有 TextField 或 TextInput 的情况，该组件仅适用于iOS。
+
+| Name                                 | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| ------------------------------------ | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| addBottomView                        | Add a view beneath the KeyboardAccessoryView.                | boolean   | no       | iOS      | no                |
+| allowHitsOutsideBounds               | Allow hitting sub-views that are placed beyond the view bounds. | boolean   | no       | iOS      | no                |
+| bottomViewColor                      | The bottom view's color.                                     | string    | no       | iOS      | no                |
+| manageScrollView                     | Set to false to turn off inset management and manage it yourself. | boolean   | no       | iOS      | no                |
+| ref                                  | Ref                                                          | any       | no       | iOS      | no                |
+| requiresSameParentToManageScrollView | Set to true manageScrollView is set to true and still does not work, it means that the ScrollView found is the wrong one and you'll have to have the KeyboardAccessoryView and the ScrollView as siblings and set this to true. | boolean   | no       | iOS      | no                |
+| revealKeyboardInteractive            | Show the keyboard on a negative scroll.                      | boolean   | no       | iOS      | no                |
+| scrollBehavior                       | The scrolling behavior (use KeyboardTrackingView. scrollBehaviors.NONE \|SCROLL_TO_BOTTOM_INVERTED_ONLY \| FIXED_OFFSET) | number    | no       | iOS      | no                |
+| scrollToFocusedInput                 | Should the scrollView scroll to the focused input            | boolean   | no       | iOS      | no                |
+| style                                | Style                                                        | ViewStyle | no       | iOS      | no                |
+| trackInteractive                     | Enables tracking of the keyboard when it's dismissed interactively (false by default). Why? When using an external keyboard (BT), you still get the keyboard events and the view just hovers when you focus the input. Also, if you're not using interactive style of dismissing the keyboard (or if you don't have an input inside this view) it doesn't make sense to track it anyway. (This is caused because of the usage of inputAccessory to be able to track the keyboard interactive change and it introduces this bug) | boolean   | no       | iOS      | no                |
+| useSafeArea                          | Whether or not to handle SafeArea.                           | boolean   | no       | iOS      | no                |
+| usesBottomTabs                       | Whether or not to include bottom tab bar inset.              | boolean   | no       | iOS      | no                |
+
+**Overlay**：带类型覆盖视图，为Image组件属性，扩展了[image](https://reactnative.dev/docs/image)组件。
+
+| Name          | Description                                               | Type                                                  | Required | Platform    | HarmonyOS Support |
+| ------------- | --------------------------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| color         | The overlay color                                         | string                                                | no       | iOS/Android | yes               |
+| customContent | Custom overlay content to be rendered on top of the image | JSX.Element                                           | no       | iOS/Android | yes               |
+| intensity     | The intensity of the gradient.                            | low \|medium \|high                                   | no       | iOS/Android | yes               |
+| type          | The type of overlay to set on top of the image            | vertical \| top  \| bottom \| solid (OverlayTypeType) | no       | iOS/Android | yes               |
+
+**Card**：卡片组件，扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)组件，依赖[@react-native-community/blur](/zh-cn/react-native-community-blur.md)。
+
+| Name             | Description                                                  | Type                 | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------------------- | -------- | ----------- | ----------------- |
+| blurOptions      | Blur options for blur effect according to @react-native-community/blur lib (make sure enableBlur is on) | object               | no       | iOS/Android | yes               |
+| borderRadius     | Card border radius (will be passed to inner Card.Image component) | number               | no       | iOS/Android | yes               |
+| containerStyle   | Additional styles for the card container                     | ViewStyle            | no       | iOS/Android | yes               |
+| elevation        | Android only. Elevation value                                | number               | no       | Android     | no                |
+| enableBlur       | iOS only. Enable blur effect                                 | boolean              | no       | iOS         | no                |
+| enableShadow     | Whether the card should have shadow or not                   | boolean              | no       | iOS/Android | yes               |
+| height           | Card custom height                                           | number \| string     | no       | iOS/Android | yes               |
+| onPress          | Callback function for card press event                       | function             | no       | iOS/Android | yes               |
+| row              | Should inner card flow direction be horizontal               | boolean              | no       | iOS/Android | yes               |
+| selected         | Adds visual indication that the card is selected             | boolean              | no       | iOS/Android | yes               |
+| selectionOptions | Custom options for styling the selection indication          | CardSelectionOptions | no       | iOS/Android | yes               |
+| width            | Card custom width                                            | number  \| string    | no       | iOS/Android | yes               |
+
+**Card.Image**：Card 组件的内部组件（最好是直接子组件），扩展了[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件。
+
+| Name     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| height   | Height                                                       | number   | no       | iOS/Android | yes               |
+| position | The Image position which determines the appropriate flex-ness of the image and border radius (for Android) this prop derived automatically from Card parent component if it rendered as a direct child of the Card component | string[] | no       | iOS/Android | yes               |
+| width    | Width                                                        | number   | no       | iOS/Android | yes               |
+
+**Card.Section**：用于在 Card 组件内轻松渲染内容的内部组件，扩展了[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)组件。
+
+| Name            | Description                                                  | Type                | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Background color                                             | string              | no       | iOS/Android | yes               |
+| content         | Text content. Example: content={[{text: 'You’re Invited!', text70: true, grey10: true}]} | ContentType[]       | no       | iOS/Android | yes               |
+| contentStyle    | Component's container style                                  | ViewStyle           | no       | iOS/Android | yes               |
+| imageProps      | Other image props that will be passed to the image           | ImageProps          | no       | iOS/Android | yes               |
+| imageSource     | Will be used for the background when provided                | ImageSourcePropType | no       | iOS/Android | yes               |
+| imageStyle      | The style for the background image                           | ImageStyle          | no       | iOS/Android | yes               |
+| leadingIcon     | Image props for a leading icon to render before the text     | ImageProps          | no       | iOS/Android | yes               |
+| trailingIcon    | Image props for a trailing icon to render after the text     | ImageProps          | no       | iOS/Android | yes               |
+
+**Carousel**：轮播组件，扩展了[ScrollView](https://reactnative.dev/docs/scrollview)组件。
+
+| Name                      | Description                                                  | Type                                    | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | --------------------------------------- | -------- | ----------- | ----------------- |
+| allowAccessibleLayout     | Whether to layout Carousel for accessibility                 | boolean                                 | no       | iOS/Android | yes               |
+| animated                  | Should the container be animated (send the animation style via containerStyle) | boolean                                 | no       | iOS/Android | yes               |
+| animatedScrollOffset      | Pass to attach to ScrollView's Animated.event in order to animated elements base on Carousel scroll offset (pass new Animated.ValueXY()) | Animated.ValueXY                        | no       | iOS/Android | yes               |
+| autoplay                  | Enable to switch automatically between the pages             | boolean                                 | no       | iOS/Android | yes               |
+| autoplayInterval          | Time is ms to wait before switching to the next page (requires 'autoplay' to be enabled) | number                                  | no       | iOS/Android | yes               |
+| containerMarginHorizontal | Horizontal margin for the carousel container                 | number                                  | no       | iOS/Android | yes               |
+| containerPaddingVertical  | Vertical padding for the carousel container (Sometimes needed when there are overflows that are cut in Android). | number                                  | no       | iOS/Android | yes               |
+| containerStyle            | The carousel container style                                 | ViewStyle                               | no       | iOS/Android | yes               |
+| counterTextStyle          | The counter's text style                                     | ViewStyle                               | no       | iOS/Android | yes               |
+| horizontal                | Whether pages will be rendered horizontally or vertically    | boolean                                 | no       | iOS/Android | yes               |
+| initialPage               | The initial page to start at                                 | number                                  | no       | iOS/Android | yes               |
+| itemSpacings              | The spacing between the pages                                | number                                  | no       | iOS/Android | yes               |
+| loop                      | If true, will have infinite scroll (works only for horizontal carousel) | boolean                                 | no       | iOS/Android | yes               |
+| onChangePage              | Callback for page change event                               | (pageIndex, oldPageIndex, info) => void | no       | iOS/Android | yes               |
+| onScroll                  | Attach a callback for onScroll event of the internal ScrollView | function                                | no       | iOS/Android | yes               |
+| pageControlPosition       | The position of the PageControl component ['over', 'under'], otherwise it won't display | PageControlPosition                     | no       | iOS/Android | yes               |
+| pageControlProps          | PageControl component props                                  | PageControlProps                        | no       | iOS/Android | yes               |
+| pageHeight                | The page height (all pages should have the same height).     | number                                  | no       | iOS/Android | yes               |
+| pageWidth                 | The page width (all pages should have the same width). Does not work if passing 'loop' prop | number                                  | no       | iOS/Android | yes               |
+| pagingEnabled             | Will block multiple pages scroll (will not work with 'pageWidth' prop) | boolean                                 | no       | iOS/Android | yes               |
+| showCounter               | Whether to show a page counter (will not work with 'pageWidth' prop) | boolean                                 | no       | iOS/Android | yes               |
+
+**LoaderScreen**：全屏显示组件，通常用于页面加载loading，扩展了[Activityindicator](https://reactnative.dev/docs/activityindicator)组件。
+
+| Name            | Description                                                  | Type             | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Color of the loader background (only when passing 'overlay') | string           | no       | iOS/Android | yes               |
+| containerStyle  | Custom container style                                       | ViewStyle        | no       | iOS/Android | yes               |
+| customLoader    | Custom loader                                                | React.ReactChild | no       | iOS/Android | yes               |
+| loaderColor     | Color of the loading indicator                               | string           | no       | iOS/Android | yes               |
+| message         | loader message                                               | string           | no       | iOS/Android | yes               |
+| messageStyle    | message style                                                | TextStyle        | no       | iOS/Android | yes               |
+| overlay         | Show the screen as an absolute overlay                       | boolean          | no       | iOS/Android | yes               |
+
+**StackAggregator**：堆栈聚合器组件。
+
+| Name                  | Description                                                  | Type                         | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ---------------------------- | -------- | ----------- | ----------------- |
+| buttonProps           | Props passed to the 'show less' button                       | ButtonProps                  | no       | iOS/Android | yes               |
+| children              | Component Children                                           | JSX.Element \| JSX.Element[] | no       | iOS/Android | yes               |
+| collapsed             | The initial state of the stack                               | boolean                      | no       | iOS/Android | yes               |
+| containerStyle        | The container style                                          | ViewStyle                    | no       | iOS/Android | yes               |
+| contentContainerStyle | The content container style                                  | ViewStyle                    | no       | iOS/Android | yes               |
+| disablePresses        | A setting that disables pressability on cards                | boolean                      | no       | iOS/Android | yes               |
+| itemBorderRadius      | The items border radius                                      | number                       | no       | iOS/Android | yes               |
+| onCollapseChanged     | A callback for collapse state change (value is collapsed state) | (changed: boolean) => void   | no       | iOS/Android | yes               |
+| onCollapseWillChange  | A callback for collapse state will change (value is future collapsed state) | (changed: boolean) => void   | no       | iOS/Android | yes               |
+| onItemPress           | A callback for item press                                    | (index: number) => void      | no       | iOS/Android | yes               |
+
+**StateScreen**：显示全屏组件。
+
+| Name        | Description                                                  | Type           | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
+| ctaLabel    | Text to to show in the CTA button                            | string         | no       | iOS/Android | yes               |
+| imageSource | The image source that's showing at the top. use an image that was required locally | ImageURISource | no       | iOS/Android | yes               |
+| onCtaPress  | Action handler for CTA button                                | () => void     | no       | iOS/Android | yes               |
+| testID      | Use to identify the container in tests                       | string         | no       | iOS/Android | yes               |
+| title       | To to show as the title                                      | string         | no       | iOS/Android | yes               |
+
+**Drawer**：抽屉组件，如果您的应用程序与 RNN 配合使用，则您的屏幕必须使用“react-native-gesture-handler”中的gestureHandlerRootHOC 进行包装。请参阅[这里](https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html#with-wix-react-native-navigation-https-githubcom-wix-react-native-navigation)。
+
+| Name                 | Description                                                  | Type                                                  | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| bounciness           | The drawer animation bounciness                              | number                                                | no       | iOS/Android | yes               |
+| customValue          | Custom value of any type to pass on to the component and receive back in the action callbacks | any                                                   | no       | iOS/Android | yes               |
+| disableHaptic        | Whether to disable the haptic                                | boolean                                               | no       | iOS/Android | yes               |
+| fullLeftThreshold    | Threshold for a left full swipe (0-1)                        | number                                                | no       | iOS/Android | yes               |
+| fullRightThreshold   | Threshold for a right full swipe (0-1)                       | number                                                | no       | iOS/Android | yes               |
+| fullSwipeLeft        | Whether to allow a full left swipe                           | boolean                                               | no       | iOS/Android | yes               |
+| fullSwipeRight       | Whether to allow a full right swipe                          | boolean                                               | no       | iOS/Android | yes               |
+| itemsIconSize        | The items' icon size                                         | number                                                | no       | iOS/Android | yes               |
+| itemsMinWidth        | Set a different minimum width                                | number                                                | no       | iOS/Android | yes               |
+| itemsTextStyle       | The items' text style                                        | TextStyle                                             | no       | iOS/Android | yes               |
+| itemsTintColor       | The color for the text and icon tint of the items            | string                                                | no       | iOS/Android | yes               |
+| leftItem             | The bottom layer's item to appear when opened from the left (a single item) | ItemProps                                             | no       | iOS/Android | yes               |
+| onDragStart          | Called when drag gesture starts                              | () => any                                             | no       | iOS/Android | yes               |
+| onFullSwipeLeft      | Callback for left item full swipe                            | () => void                                            | no       | iOS/Android | yes               |
+| onFullSwipeRight     | Callback for right item full swipe                           | () => void                                            | no       | iOS/Android | yes               |
+| onSwipeableWillClose | Callback for close action                                    | () => void                                            | no       | iOS/Android | yes               |
+| onSwipeableWillOpen  | Callback for open action                                     | () => void                                            | no       | iOS/Android | yes               |
+| onToggleSwipeLeft    | Callback for left item toggle swipe                          | () => {rowWidth, leftWidth, dragX, resetItemPosition} | no       | iOS/Android | yes               |
+| onWillFullSwipeLeft  | Callback for just before left item full swipe                | () => void                                            | no       | iOS/Android | yes               |
+| onWillFullSwipeRight | Callback for just before right item full swipe               | () => void                                            | no       | iOS/Android | yes               |
+| rightItems           | The bottom layer's items to appear when opened from the right | ItemProps[]                                           | no       | iOS/Android | yes               |
+| style                | Component's style                                            | ViewStyle                                             | no       | iOS/Android | yes               |
+| testID               | The test id for e2e tests                                    | string                                                | no       | iOS/Android | yes               |
+| useNativeAnimations  | Perform the animation in natively                            | boolean                                               | no       | iOS/Android | yes               |
+
+**GridList**：网格列表组件，扩展了[FlatList](https://reactnative.dev/docs/flatlist)组件。
+
+| Name                  | Description                                                  | Type                                | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
+| containerWidth        | Pass when you want to use a custom container width for calculation | number                              | no       | iOS/Android | yes               |
+| contentContainerStyle | Custom content container style                               | ScrollView[ contentContainerStyle ] | no       | iOS/Android | yes               |
+| itemSpacing           | Spacing between each item                                    | number                              | no       | iOS/Android | yes               |
+| keepItemSize          | whether to keep the items initial size when orientation changes, in which case the apt number of columns will be calculated automatically. | boolean                             | no       | iOS/Android | yes               |
+| listPadding           | List padding (used for item size calculation)                | number                              | no       | iOS/Android | yes               |
+| maxItemWidth          | Allow a responsive item width to the maximum item width      | number                              | no       | iOS/Android | yes               |
+| numColumns            | Number of items to show in a row (ignored when passing maxItemWidth) | number                              | no       | iOS/Android | yes               |
+
+**GridListItem**：单个网格视图/列表项组件。
+
+| Name                      | Description                                                 | Type                               | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ----------------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
+| alignToStart              | Should content be align to start                            | boolean                            | no       | iOS/Android | yes               |
+| containerProps            | Props to pass on to the touchable container                 | TouchableOpacityProps \| ViewProps | no       | iOS/Android | yes               |
+| containerStyle            | Custom container style                                      | ViewStyle                          | no       | iOS/Android | yes               |
+| description               | Description content text                                    | string \| React.ReactElement       | no       | iOS/Android | yes               |
+| descriptionColor          | Description content color                                   | string                             | no       | iOS/Android | yes               |
+| descriptionLines          | Description content number of lines                         | number                             | no       | iOS/Android | yes               |
+| descriptionTypography     | Description content typography                              | string                             | no       | iOS/Android | yes               |
+| horizontalAlignment       | Content horizontal alignment                                | HorizontalAlignment                | no       | iOS/Android | yes               |
+| imageProps                | Image props object for rendering an image item              | ImageProps                         | no       | iOS/Android | yes               |
+| itemSize                  | The item size                                               | number \| ImageSize                | no       | iOS/Android | yes               |
+| onPress                   | The item's action handler                                   | TouchableOpacityProps ['onPress']  | no       | iOS/Android | yes               |
+| overlayText               | Renders the title, subtitle and description inside the item | boolean                            | no       | iOS/Android | yes               |
+| overlayTextContainerStyle | Custom container styling for inline text                    | ViewStyle                          | no       | iOS/Android | yes               |
+| renderCustomItem          | Custom GridListItem to be rendered in the GridView          | () => React.ReactElement           | no       | iOS/Android | yes               |
+| renderOverlay             | Renders an overlay on top of the image                      | () => React.ReactElement           | no       | iOS/Android | yes               |
+| subtitle                  | Subtitle content text                                       | string \| React.ReactElement       | no       | iOS/Android | yes               |
+| subtitleColor             | Subtitle content color                                      | string                             | no       | iOS/Android | yes               |
+| subtitleLines             | Subtitle content number of lines                            | number                             | no       | iOS/Android | yes               |
+| subtitleTypography        | Subtitle content typography                                 | string                             | no       | iOS/Android | yes               |
+| testID                    | Test ID for component                                       | string                             | no       | iOS/Android | yes               |
+| title                     | Title content text                                          | string \| React.ReactElement       | no       | iOS/Android | yes               |
+| titleColor                | Title content color                                         | string                             | no       | iOS/Android | yes               |
+| titleLines                | Title content number of lines                               | number                             | no       | iOS/Android | yes               |
+| titleTypography           | Title content typography                                    | string                             | no       | iOS/Android | yes               |
+
+**GridView**：网格视图组件。
+
+| Name                 | Description                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| itemSpacing          | Spacing between each item                                    | number                                          | no       | iOS/Android | yes               |
+| items                | The list of items based on GridListItem props                | GridListItemProps[]                             | no       | iOS/Android | yes               |
+| keepItemSize         | whether to keep the items initial size when orientation changes, in which case the apt number of columns will be calculated automatically. | boolean                                         | no       | iOS/Android | yes               |
+| lastItemLabel        | overlay label for the last item                              | string \| number                                | no       | iOS/Android | yes               |
+| lastItemOverlayColor | color of overlay label for the last item                     | string                                          | no       | iOS/Android | yes               |
+| numColumns           | Number of items to show in a row                             | number                                          | no       | iOS/Android | yes               |
+| renderCustomItem     | Pass to render a custom item                                 | (item: GridListItemProps) => React.ReactElement | no       | iOS/Android | yes               |
+| viewWidth            | pass the desired grid view width (will improve loading time) | number                                          | no       | iOS/Android | yes               |
+
+**ListItem**：列表中列表项组件，该组件扩展了[TouchableOpacity](https://reactnative.dev/docs/touchableopacity)属性。
+
+| Name             | Description                                | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| containerElement | The container element to wrap the ListItem | React.ComponentType <ListItemProps \| TouchableOpacityProps> | no       | iOS/Android | yes               |
+| containerStyle   | Additional styles for the top container    | ViewStyle                                                    | no       | iOS/Android | yes               |
+| height           | the list item height                       | ViewStyle['height']                                          | no       | iOS/Android | yes               |
+| onLongPress      | action for when long pressing the item     | () => void                                                   | no       | iOS/Android | yes               |
+| onPress          | action for when pressing the item          | () => void                                                   | no       | iOS/Android | yes               |
+| style            | The inner element style                    | ViewStyle                                                    | no       | iOS/Android | yes               |
+| testID           | The test id for e2e tests                  | string                                                       | no       | iOS/Android | yes               |
+| underlayColor    | The inner element pressed backgroundColor  | string                                                       | no       | iOS/Android | yes               |
+
+**ListItem.Part**：用于在 ListItem 内进行布局的子 ListItem 组件。
+
+| Name           | Description                                   | Type      | Required | Platform    | HarmonyOS Support |
+| -------------- | --------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| column         | this part content direction will be column    | boolean   | no       | iOS/Android | yes               |
+| containerStyle | container style                               | ViewStyle | no       | iOS/Android | yes               |
+| left           | this part content will be aligned to left     | boolean   | no       | iOS/Android | yes               |
+| middle         | this part content will be aligned to spreaded | boolean   | no       | iOS/Android | yes               |
+| right          | this part content will be aligned to right    | boolean   | no       | iOS/Android | yes               |
+| row            | this part content direction will be row       | boolean   | no       | iOS/Android | yes               |
+
+**SortableGridList**：可排序网格列表组件，该组件扩展了[GridList](https://wix.github.io/react-native-ui-lib/docs/components/lists/GridList)组件属性。
+
+| Name          | Description                                                  | Type                                         | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | -------------------------------------------- | -------- | ----------- | ----------------- |
+| data          | Do not update 'data' in 'onOrderChange' (i.e. for each order change); only update it when you change the items (i.g. adding and removing an item). Data of items with an id prop as unique identifier | any[] & {id: string}                         | no       | iOS/Android | yes               |
+| extraData     | Pass any extra data that should trigger a re-render          | any                                          | no       | iOS/Android | yes               |
+| onOrderChange | Order change callback                                        | (newData: T[], newOrder: ItemsOrder) => void | no       | iOS/Android | yes               |
+| renderItem    | Custom render item callback                                  | FlatListProps ['renderItem']                 | no       | iOS/Android | yes               |
+
+**SortableList**：可排序列表组件，该组件扩展了[FlatList](https://reactnative.dev/docs/flatlist)组件属性。
+
+| Name          | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| data          | Do not update 'data' in 'onOrderChange' (i.e. for each order change); only update it when you change the items (i.g. adding and removing an item).The data of the list, with an id prop as unique identifier. | ItemT[] (ItemT extends {id: string})                         | no       | iOS/Android | yes               |
+| enableHaptic  | Whether to enable the haptic feedback. (please note that react-native-haptic-feedback does not support the specific haptic type on Android starting on an unknown version, you can use 1.8.2 for it to work properly) | boolean                                                      | no       | iOS/Android | yes               |
+| itemProps     | Extra props for the item.                                    | {margins?: {marginTop?: number; marginBottom?: number; marginLeft?: number; marginRight?: number}} | no       | iOS/Android | yes               |
+| onOrderChange | A callback to get the new order (or swapped items).          | (data: ItemT[]) => void                                      | no       | iOS/Android | yes               |
+| scale         | Scale the item once dragged.                                 | number                                                       | no       | iOS/Android | yes               |
+
+**Timeline**：时间线组件，该组件扩展了[View](https://reactnative.dev/docs/view)组件属性。
+
+| Name            | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Background color for the item                                | string                             | no       | iOS/Android | yes               |
+| bottomLine      | The bottom line props                                        | LineProps                          | no       | iOS/Android | yes               |
+| point           | The point props                                              | PointProps                         | no       | iOS/Android | yes               |
+| renderContent   | Custom content to render right to the timeline indicator     | any                                | no       | iOS/Android | yes               |
+| state           | The state of the timeline. Will affect the color of the indication (use static 'states') | current \| next \| error \|success | no       | iOS/Android | yes               |
+| testID          | The test id for e2e tests                                    | string                             | no       | iOS/Android | yes               |
+| topLine         | The top line props                                           | LineProps                          | no       | iOS/Android | yes               |
+
+**AnimatedImage**：图像加载后以动画淡入的图像组件，该组件扩展了[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件属性。
+
+| Name              | Description                                              | Type        | Required | Platform    | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| animationDuration | Duration for the fade animation when the image is loaded | number      | no       | iOS/Android | yes               |
+| containerStyle    | Additional spacing styles for the container              | ViewStyle   | no       | iOS/Android | yes               |
+| loader            | A component to render while the image is loading         | JSX.element | no       | iOS/Android | yes               |
+
+**AnimatedScanner**：该组件扩展了[Animated.View](https://reactnative.dev/docs/animated)组件属性。
+
+| Name            | Description                                              | Type                         | Required | Platform    | HarmonyOS Support |
+| --------------- | -------------------------------------------------------- | ---------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Background color                                         | string                       | no       | iOS/Android | yes               |
+| containerStyle  | Component's container style                              | ViewStyle                    | no       | iOS/Android | yes               |
+| duration        | Duration of current break (can be change between breaks) | number                       | no       | iOS/Android | yes               |
+| hideScannerLine | Whether to hide the scanner line                         | boolean                      | no       | iOS/Android | yes               |
+| onBreakpoint    | Breakpoint callback                                      | ({progress, isDone}) => void | no       | iOS/Android | yes               |
+| opacity         | Opacity                                                  | number                       | no       | iOS/Android | yes               |
+| progress        | Animated value between 0 and 100                         | number                       | no       | iOS/Android | yes               |
+| testID          | Used as a testing identifier                             | string                       | no       | iOS/Android | yes               |
+
+**Avatar**：头像组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)，[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件属性。
+
+| Name             | Description                                                  | Type                                              | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| animate          | Adds fade in animation when Avatar image loads               | boolean                                           | no       | iOS/Android | yes               |
+| autoColorsConfig | Send this to use the name to infer a backgroundColor         | AutoColorsProps                                   | no       | iOS/Android | yes               |
+| backgroundColor  | Background color for Avatar                                  | string                                            | no       | iOS/Android | yes               |
+| badgePosition    | Badge location on Avatar                                     | TOP_RIGHT \|TOP_LEFT \|BOTTOM_RIGHT \|BOTTOM_LEFT | no       | iOS/Android | yes               |
+| badgeProps       | Badge props passed down to Badge component                   | BadgeProps                                        | no       | iOS/Android | yes               |
+| containerStyle   | Additional spacing styles for the container                  | ViewStyle                                         | no       | iOS/Android | yes               |
+| customRibbon     | Custom ribbon                                                | JSX.Element                                       | no       | iOS/Android | yes               |
+| imageProps       | Image props object                                           | ImageProps                                        | no       | iOS/Android | yes               |
+| imageStyle       | Image style object used to pass additional style props by components which render image | ImageStyle                                        | no       | iOS/Android | yes               |
+| isOnline         | Determine if to show online badge                            | boolean                                           | no       | iOS/Android | yes               |
+| label            | Label that can represent initials                            | string                                            | no       | iOS/Android | yes               |
+| labelColor       | The label color                                              | string                                            | no       | iOS/Android | yes               |
+| name             | The name of the avatar user. If no label is provided, the initials will be generated from the name. autoColorsConfig will use the name to create the background color of the Avatar. | string                                            | no       | iOS/Android | yes               |
+| onImageLoadEnd   | Listener-callback for when an image's (uri) loading either succeeds or fails (equiv. to Image.onLoadEnd()). | ImagePropsBase ['onLoadEnd']                      | no       | iOS/Android | yes               |
+| onImageLoadError | Listener-callback for when an image's (uri) loading fails (equiv. to Image.onError()). | ImagePropsBase ['onError']                        | no       | iOS/Android | yes               |
+| onImageLoadStart | Listener-callback for when an image's (uri) loading starts (equiv. to Image.onLoadStart()). | ImagePropsBase ['onLoadStart']                    | no       | iOS/Android | yes               |
+| onPress          | Press handler                                                | (props: any) => void                              | no       | iOS/Android | yes               |
+| ribbonLabel      | Ribbon label to display on the avatar                        | string                                            | no       | iOS/Android | yes               |
+| ribbonLabelStyle | Ribbon label custom style                                    | TextStyle                                         | no       | iOS/Android | yes               |
+| ribbonStyle      | Ribbon custom style                                          | ViewStyle                                         | no       | iOS/Android | yes               |
+| size             | Custom size for the Avatar                                   | number                                            | no       | iOS/Android | yes               |
+| source           | The image source (external or from assets)                   | ImageSourcePropType                               | no       | iOS/Android | yes               |
+| status           | AWAY, ONLINE, OFFLINE or NONE mode (if set to a value other then 'NONE' will override isOnline prop) | StatusModes                                       | no       | iOS/Android | yes               |
+| testID           | Test identifier                                              | string                                            | no       | iOS/Android | yes               |
+| useAutoColors    | Hash the name (or label) to get a color, so each name will have a specific color. Default is false. | boolean                                           | no       | iOS/Android | yes               |
+
+**Icon**：图标组件，该组件扩展了[Image](https://reactnative.dev/docs/image)组件属性。
+
+| Name        | Description                                              | Type              | Required | Platform    | HarmonyOS Support |
+| ----------- | -------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
+| assetGroup  | the asset group, default is icons                        | string            | no       | iOS/Android | yes               |
+| assetName   | if provided icon source will be driven from asset name   | string            | no       | iOS/Android | yes               |
+| recorderTag | Recorder Tag                                             | 'mask' \|'unmask' | no       | iOS/Android | yes               |
+| size        | The icon size                                            | number            | no       | iOS/Android | yes               |
+| supportRTL  | whether the image should flip horizontally on RTL locals | boolean           | no       | iOS/Android | yes               |
+| tintColor   | The icon tint                                            | string            | no       | iOS/Android | yes               |
+
+**Image**：图片组件，该组件扩展了[Image](https://reactnative.dev/docs/image)组件属性。
+
+| Name                   | Description                                                  | Type                                | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
+| aspectRatio            | The aspect ratio for the image                               | number                              | no       | iOS/Android | yes               |
+| assetGroup             | the asset group, default is icons                            | string                              | no       | iOS/Android | yes               |
+| assetName              | if provided image source will be driven from asset name      | string                              | no       | iOS/Android | yes               |
+| cover                  | Show image as a cover, full width, image (according to aspect ratio, default: 16:8) | boolean                             | no       | iOS/Android | yes               |
+| customOverlayContent   | Render an overlay with custom content                        | JSX.Element                         | no       | iOS/Android | yes               |
+| errorSource            | Default image source in case of an error                     | ImageSourcePropType                 | no       | iOS/Android | yes               |
+| imageId                | An imageId that can be used in sourceTransformer logic       | string                              | no       | iOS/Android | yes               |
+| overlayColor           | Pass a custom color for the overlay                          | string                              | no       | iOS/Android | yes               |
+| overlayIntensity       | OverlayIntensityType                                         | LOW \|MEDIUM \|HIGH                 | no       | iOS/Android | yes               |
+| overlayType            | the image MUST have proper size, The type of overlay to place on top of the image. | VERTICAL \|TOP \|BOTTOM \|SOLID     | no       | iOS/Android | yes               |
+| recorderTag            | Recorder Tag                                                 | 'mask' \| 'unmask'                  | no       | iOS/Android | yes               |
+| sourceTransformer      | custom source transform handler for manipulating the image source (great for size control) | (props: any) => ImageSourcePropType | no       | iOS/Android | yes               |
+| supportRTL             | whether the image should flip horizontally on RTL locals     | boolean                             | no       | iOS/Android | yes               |
+| tintColor              | the asset tint                                               | string                              | no       | iOS/Android | yes               |
+| useBackgroundContainer | Use a container for the Image, this can solve issues on Android when animation needs to be performed on the same view; i.e. animation related crashes on Android. | boolean                             | no       | iOS/Android | yes               |
+
+**Marquee**：滑动文本组件。
+
+| Name           | Description                             | Type               | Required | Platform    | HarmonyOS Support |
+| -------------- | --------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
+| containerStyle | Custom container style                  | ViewProps['style'] | no       | iOS/Android | yes               |
+| direction      | Marquee direction                       | MarqueeDirections  | no       | iOS/Android | yes               |
+| duration       | Marquee animation duration              | number             | no       | iOS/Android | yes               |
+| label          | Marquee label                           | string             | no       | iOS/Android | yes               |
+| labelStyle     | Marquee label style                     | TextProps['style'] | no       | iOS/Android | yes               |
+| numberOfReps   | Marquee animation number of repetitions | number             | no       | iOS/Android | yes               |
+
+**ProgressiveImage**：带动画的图像组件，该组件扩展了[AnimatedImage](https://wix.github.io/react-native-ui-lib/docs/components/media/AnimatedImage)组件属性。
+
+| Name            | Description                                                  | Type        | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| thumbnailSource | Small thumbnail source to display while the full-size image is loading | ImageSource | no       | iOS/Android | yes               |
+
+**PageControl**：页面指示器组件。
+
+| Name            | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
+| color           | Color of the selected page dot and, if inactiveColor not passed, the border of the not selected pages | string                             | no       | iOS/Android | yes               |
+| containerStyle  | Additional styles for the top container                      | ViewStyle                          | no       | iOS/Android | yes               |
+| currentPage     | Zero-based index of the current page                         | number                             | no       | iOS/Android | yes               |
+| enlargeActive   | Whether to enlarge the active page indicator. Irrelevant when limitShownPages is in effect. | boolean                            | no       | iOS/Android | yes               |
+| inactiveColor   | Color of the unselected page dots and the border of the not selected pages | string                             | no       | iOS/Android | yes               |
+| limitShownPages | Limit the number of page indicators shown.\enlargeActive prop is disabled in this state, when set to true there will be maximum of 7 shown.\Only relevant when numOfPages > 5. | boolean                            | no       | iOS/Android | yes               |
+| numOfPages      | Total number of pages                                        | number                             | no       | iOS/Android | yes               |
+| onPagePress     | Action handler for clicking on a page indicator              | (index: number) => void            | no       | iOS/Android | yes               |
+| size            | The size of the page indicator.\When setting limitShownPages the medium sized will be 2/3 of size and the small will be 1/3 of size.\An alternative is to send an array [smallSize, mediumSize, largeSize]. | number \| [number, number, number] | no       | iOS/Android | yes               |
+| spacing         | The space between the siblings page indicators               | number                             | no       | iOS/Android | yes               |
+| testID          | Used to identify the pageControl in tests                    | string                             | no       | iOS/Android | yes               |
+
+**TabController**：具有延迟加载机制的选项卡控制器组件，该组件基于react-native-gesture-handler，使用react-native-navigation时，请确保使用gestureHandlerRootHOC包裹屏幕。
+
+| Name              | Description                                                  | Type                                               | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | -------------------------------------------------- | -------- | ----------- | ----------------- |
+| asCarousel        | When using TabController.PageCarousel this should be turned on | boolean                                            | no       | iOS/Android | yes               |
+| carouselPageWidth | Pass for custom carousel page width                          | number                                             | no       | iOS/Android | yes               |
+| initialIndex      | Initial selected index                                       | number                                             | no       | iOS/Android | yes               |
+| items             | The list of tab bar items                                    | TabControllerItemProps []                          | no       | iOS/Android | yes               |
+| onChangeIndex     | Callback for when index has change (will not be called on ignored items) | (index: number, prevIndex: number \| null) => void | no       | iOS/Android | yes               |
+
+**TabController.PageCarousel**：TabController 的 PageCarousel 组件，该组件扩展了[ScrollView](https://reactnative.dev/docs/scrollview)组件属性。
+
+| Name                       | Description                                                  | Type      | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------ | --------- | -------- | ----------- | ----------------- |
+| TabController.PageCarousel | TabController's PageCarousel component，You must pass asCarousel flag to TabController and render your TabPages inside a PageCarousel | Component | no       | iOS/Android | yes               |
+
+**TabController.TabBar**：TabController的TabBar组件。
+
+| Name                  | Description                                  | Type      | Required | Platform    | HarmonyOS Support |
+| --------------------- | -------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| activeBackgroundColor | Apply background color on press for tab item | string    | no       | iOS/Android | yes               |
+| backgroundColor       | The TabBar background Color                  | string    | no       | iOS/Android | yes               |
+| centerSelected        | Pass to center selected item                 | boolean   | no       | iOS/Android | yes               |
+| containerStyle        | Additional styles for the container          | ViewStyle | no       | iOS/Android | yes               |
+| containerWidth        | The TabBar container width                   | number    | no       | iOS/Android | yes               |
+| enableShadow          | Show Tab Bar bottom shadow                   | boolean   | no       | iOS/Android | yes               |
+| height                | Tab Bar height                               | number    | no       | iOS/Android | yes               |
+| iconColor             | Icon tint color                              | string    | no       | iOS/Android | yes               |
+| indicatorInsets       | The indicator insets                         | number    | no       | iOS/Android | yes               |
+| indicatorStyle        | Custom style for the selected indicator      | ViewStyle | no       | iOS/Android | yes               |
+| labelColor            | The default label color                      | string    | no       | iOS/Android | yes               |
+| labelStyle            | Custom label style                           | TextStyle | no       | iOS/Android | yes               |
+| selectedIconColor     | Icon selected tint color                     | string    | no       | iOS/Android | yes               |
+| selectedLabelColor    | The selected label color                     | string    | no       | iOS/Android | yes               |
+| selectedLabelStyle    | Custom selected label style                  | TextStyle | no       | iOS/Android | yes               |
+| shadowStyle           | Custom shadow style                          | ViewStyle | no       | iOS/Android | yes               |
+| spreadItems           | Whether the tabBar should be spread          | boolean   | no       | iOS/Android | yes               |
+| testID                | The component test id                        | string    | no       | iOS/Android | yes               |
+| uppercase             | Whether to change the text to uppercase      | boolean   | no       | iOS/Android | yes               |
+
+**TabController.TabBarItem**：TabController的TabBarItem组件。
+
+| Name                  | Description                                          | Type                    | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------- | ----------------------- | -------- | ----------- | ----------------- |
+| activeBackgroundColor | Apply background color on press for TouchableOpacity | string                  | no       | iOS/Android | yes               |
+| activeOpacity         | The active opacity when pressing a tab               | number                  | no       | iOS/Android | yes               |
+| backgroundColor       | Apply background color for the tab bar item          | string                  | no       | iOS/Android | yes               |
+| badge                 | Badge component props to display next the item label | BadgeProps              | no       | iOS/Android | yes               |
+| icon                  | Icon of the tab                                      | number                  | no       | iOS/Android | yes               |
+| iconColor             | Icon tint color                                      | string                  | no       | iOS/Android | yes               |
+| ignore                | Ignore tab presses                                   | boolean                 | no       | iOS/Android | yes               |
+| label                 | Label of the tab                                     | string                  | no       | iOS/Android | yes               |
+| labelColor            | The default label color                              | string                  | no       | iOS/Android | yes               |
+| labelProps            | Extra label props to pass to label Text element      | TextProps               | no       | iOS/Android | yes               |
+| labelStyle            | Custom label style                                   | TextStyle               | no       | iOS/Android | yes               |
+| leadingAccessory      | Pass to render a leading element                     | ReactElement            | no       | iOS/Android | yes               |
+| onPress               | Callback for when pressing a tab                     | (index: number) => void | no       | iOS/Android | yes               |
+| selectedIconColor     | Icon selected tint color                             | string                  | no       | iOS/Android | yes               |
+| selectedLabelColor    | The selected label color                             | string                  | no       | iOS/Android | yes               |
+| selectedLabelStyle    | Custom selected label style                          | TextStyle               | no       | iOS/Android | yes               |
+| style                 | Pass custom style                                    | ViewStyle               | no       | iOS/Android | yes               |
+| testID                | Used as a testing identifier                         | string                  | no       | iOS/Android | yes               |
+| trailingAccessory     | Pass to render a trailing element                    | ReactElement            | no       | iOS/Android | yes               |
+| uppercase             | Whether to change the text to uppercase              | boolean                 | no       | iOS/Android | yes               |
+| width                 | A fixed width for the item                           | number                  | no       | iOS/Android | yes               |
+
+**TabController.TabPage**：TabController的TabPage 组件。
+
+| Name          | Description                                                  | Type              | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
+| index         | The index of the the TabPage                                 | number            | no       | iOS/Android | yes               |
+| lazy          | Whether this page should be loaded lazily                    | boolean           | no       | iOS/Android | yes               |
+| lazyLoadTime  | How long to wait till lazy load complete (good for showing loader screens) | number            | no       | iOS/Android | yes               |
+| renderLoading | Render a custom loading page when lazy loading               | () => JSX.Element | no       | iOS/Android | yes               |
+| testID        | The component test id                                        | string            | no       | iOS/Android | yes               |
+
+**Wizard**：向导组件。
+
+| Name                 | Description                                                  | Type                    | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------------- | -------- | ----------- | ----------------- |
+| activeConfig         | The configuration of the active step (see Wizard.Step.propTypes) | WizardStepProps         | no       | iOS/Android | yes               |
+| activeIndex          | The active step's index                                      | number                  | no       | iOS/Android | yes               |
+| containerStyle       | Add or override style of the container                       | ViewStyle               | no       | iOS/Android | yes               |
+| onActiveIndexChanged | Callback that is called when the active step is changed (i.e. a step was clicked on). The new activeIndex will be the input of the callback | (index: number) => void | no       | iOS/Android | yes               |
+| testID               | The component test id                                        | string                  | no       | iOS/Android | yes               |
+
+**Wizard.Step**：向导组件中Step组件。
+
+| Name                  | Description                                                  | Type             | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| accessibilityInfo     | Extra text to be read in accessibility mode                  | string           | no       | iOS/Android | yes               |
+| circleBackgroundColor | Circle's background color                                    | string           | no       | iOS/Android | yes               |
+| circleColor           | Color of the circle                                          | string           | no       | iOS/Android | yes               |
+| circleSize            | The step's circle size (diameter)                            | number           | no       | iOS/Android | yes               |
+| color                 | Color of the step index (or of the icon, when provided)      | string           | no       | iOS/Android | yes               |
+| connectorStyle        | Additional styles for the connector                          | ViewStyle        | no       | iOS/Android | yes               |
+| enabled               | Whether the step should be enabled                           | boolean          | no       | iOS/Android | yes               |
+| icon                  | Icon to replace the (default) index                          | ImageProps       | no       | iOS/Android | yes               |
+| indexLabelStyle       | Additional styles for the index's label (when icon is not provided) | TextStyle        | no       | iOS/Android | yes               |
+| label                 | The label of the item                                        | string           | no       | iOS/Android | yes               |
+| labelStyle            | Additional styles for the label                              | TextStyle        | no       | iOS/Android | yes               |
+| state                 | The state of the step (Wizard.States.X)                      | WizardStepStates | no       | iOS/Android | yes               |
+
+**ActionSheet**：弹窗选择组件。
+
+| Name                   | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| cancelButtonIndex      | Index of the option represents the cancel action (to be displayed as the separated bottom bold button) | number                                                       | no       | iOS/Android | yes               |
+| containerStyle         | Add or override style of the action sheet (wraps the title and actions) | ViewStyle                                                    | no       | iOS/Android | yes               |
+| destructiveButtonIndex | Index of the option represents the destructive action (will display red text. Usually used for delete or abort actions) | number                                                       | no       | iOS/Android | yes               |
+| dialogStyle            | Add or override style of the dialog wrapping the action sheet | ViewStyle                                                    | no       | iOS/Android | yes               |
+| message                | Message of the action sheet                                  | string                                                       | no       | iOS/Android | yes               |
+| onDismiss              | Called when dismissing the action sheet (usually used for setting 'visible' prop to false) | DialogProps['onDismiss']                                     | no       | iOS/Android | yes               |
+| onModalDismissed       | iOS only, modal only. Called once the modal has been dismissed | DialogProps ['onDialogDismissed']                            | no       | iOS         | no                |
+| options                | List of options for the action sheet, follows the Button prop types (supply 'label' string and 'onPress' function) | Array<ButtonProps>                                           | no       | iOS/Android | yes               |
+| optionsStyle           | Add or override style of the options list                    | ViewStyle                                                    | no       | iOS/Android | yes               |
+| renderAction           | You will need to call 'onOptionPress' so the option's 'onPress' will be called. Render custom action | ( option: ButtonProps, index: number, onOptionPress: ActionSheetOnOptionPress ) => JSX.Element | no       | iOS/Android | yes               |
+| renderTitle            | Render custom title                                          | () => JSX.Element                                            | no       | iOS/Android | yes               |
+| showCancelButton       | When passed (only with useNativeIOS), will display a cancel button at the bottom (overrides cancelButtonIndex) | boolean                                                      | no       | iOS/Android | yes               |
+| testID                 | The test id for e2e tests                                    | string                                                       | no       | iOS/Android | yes               |
+| title                  | If both 'title' and 'message' are not passed will not render the title view at all. Title of the action sheet | string                                                       | no       | iOS/Android | yes               |
+| useNativeIOS           | Should use the native action sheet for iOS                   | boolean                                                      | no       | iOS/Android | yes               |
+| useSafeArea            | In iOS, use safe area, in case component attached to the bottom | boolean                                                      | no       | iOS/Android | yes               |
+| visible                | Whether to show the action sheet or not                      | boolean                                                      | no       | iOS/Android | yes               |
+
+**Dialog**：弹窗组件。
+
+| Name                   | Description                                                  | Type                        | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------- | ----------------- |
+| containerStyle         | Component's container style                                  | ViewStyle                   | no       | iOS/Android | yes               |
+| height                 | Height                                                       | string \|number             | no       | iOS/Android | yes               |
+| ignoreBackgroundPress  | Whether or not to ignore background press                    | boolean                     | no       | iOS/Android | yes               |
+| onDialogDismissed      | Called once the dialog has been dismissed completely         | (props: any) => void        | no       | iOS/Android | yes               |
+| onDismiss              | Called when clicking on the background                       | (props?: any) => void       | no       | iOS/Android | yes               |
+| overlayBackgroundColor | The color of the overlay background                          | string                      | no       | iOS/Android | yes               |
+| panDirection           | The direction of the allowed pan                             | UP \|DOWN \|LEFT \|RIGHT    | no       | iOS/Android | yes               |
+| pannableHeaderProps    | The props that will be passed to the pannable header         | any                         | no       | iOS/Android | yes               |
+| renderPannableHeader   | If this is added only the header will be pannable. Props are transferred to the 'renderPannableHeader'. For scrollable content (the children of the dialog) | (props: any) => JSX.Element | no       | iOS/Android | yes               |
+| testID                 | The test id for e2e tests                                    | string                      | no       | iOS/Android | yes               |
+| useSafeArea            | In iOS, use safe area, in case component attached to the bottom | boolean                     | no       | iOS/Android | yes               |
+| visible                | Control visibility of the component                          | boolean                     | no       | iOS/Android | yes               |
+| width                  | Width                                                        | string \| number            | no       | iOS/Android | yes               |
+
+**FeatureHighlight**：功能发现组件，FeatureHighlight 组件必须是 render() 返回的根视图的直接子级，如果要突出显示的元素没有样式属性，请添加 'style={{opacity: 1}}' 以便 Android 操作系统可以检测到它，FeatureHighlight 使用native库，你需要引入它。
+
+| Name                 | Description                                                  | Type                                      | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ----------------------------------------- | -------- | ----------- | ----------------- |
+| borderColor          | Color of the border around the highlighted element           | string                                    | no       | iOS/Android | yes               |
+| borderRadius         | Border radius for the border corners around the highlighted element | number                                    | no       | iOS/Android | yes               |
+| borderWidth          | Width of the border around the highlighted element           | number                                    | no       | iOS/Android | yes               |
+| confirmButtonProps   | Props that will be passed to the dismiss button              | ButtonProps                               | no       | iOS/Android | yes               |
+| getTarget            | Callback that extract the ref of the element to be highlighted | () => any                                 | no       | iOS/Android | yes               |
+| highlightFrame       | Frame of the area to highlight {x, y, width, height}         | HighlightFrame                            | no       | iOS/Android | yes               |
+| innerPadding         | The padding of the highlight frame around the highlighted element's frame (only when passing ref in 'getTarget') | number                                    | no       | iOS/Android | yes               |
+| message              | Message to be displayed                                      | string                                    | no       | iOS/Android | yes               |
+| messageNumberOfLines | Message's max number of lines                                | number                                    | no       | iOS/Android | yes               |
+| messageStyle         | Message text style                                           | TextStyle                                 | no       | iOS/Android | yes               |
+| minimumRectSize      | Android API 21+, and only when passing a ref in 'getTarget'. The minimum size of the highlighted component | RectSize                                  | no       | iOS/Android | yes               |
+| onBackgroundPress    | Called the background pressed                                | TouchableWithoutFeedbackProps ['onPress'] | no       | iOS/Android | yes               |
+| overlayColor         | Color of the content's background (usually includes alpha for transparency) | string                                    | no       | iOS/Android | yes               |
+| pageControlProps     | PageControl component's props                                | PageControlProps                          | no       | iOS/Android | yes               |
+| testID               | The test id for e2e tests                                    | string                                    | no       | iOS/Android | yes               |
+| textColor            | Color of the content's text                                  | string                                    | no       | iOS/Android | yes               |
+| title                | Title of the content to be displayed                         | string                                    | no       | iOS/Android | yes               |
+| titleNumberOfLines   | Title's max number of lines                                  | number                                    | no       | iOS/Android | yes               |
+| titleStyle           | Title text style                                             | TextStyle                                 | no       | iOS/Android | yes               |
+| visible              | Determines if to present the feature highlight component     | boolean                                   | no       | iOS/Android | yes               |
+
+**FloatingButton**：具有渐变的悬浮按钮。
+
+| Name                  | Description                                                  | Type                  | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | --------------------- | -------- | ----------- | ----------------- |
+| bottomMargin          | The bottom margin of the button, or secondary button if passed | number                | no       | iOS/Android | yes               |
+| button                | Props for the Button component                               | ButtonProps           | no       | iOS/Android | yes               |
+| buttonLayout          | Button layout direction: vertical or horizontal              | FloatingButtonLayouts | no       | iOS/Android | yes               |
+| duration              | The duration of the button's animations (show/hide)          | number                | no       | iOS/Android | yes               |
+| fullWidth             | Relevant to vertical layout only. Whether the buttons get the container's full with | boolean               | no       | iOS/Android | yes               |
+| hideBackgroundOverlay | Whether to show background overlay                           | boolean               | no       | iOS/Android | yes               |
+| secondaryButton       | Props for the secondary Button component                     | ButtonProps           | no       | iOS/Android | yes               |
+| testID                | Use `testID.button` for the main button or `testID.secondaryButton` for the secondary. The test id for e2e tests | string                | no       | iOS/Android | yes               |
+| visible               | Whether the component is visible                             | boolean               | no       | iOS/Android | yes               |
+| withoutAnimation      | Whether to show/hide the button without animation            | boolean               | no       | iOS/Android | yes               |
+
+**Modal**：模态框组件，该组件扩展了[Modal](https://reactnative.dev/docs/modal)组件属性。
+
+| Name                      | Description                                                  | Type                                   | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | -------------------------------------- | -------- | ----------- | ----------------- |
+| accessibilityLabel        | Overrides the text that's read by the screen reader when the user interacts with the element.\By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space. | string                                 | no       | iOS/Android | yes               |
+| blurView                  | A custom view to use as a BlurView instead of the default one | JSX.Element                            | no       | iOS/Android | yes               |
+| enableModalBlur           | iOS only. Blurs the modal background when transparent        | boolean                                | no       | iOS         | no                |
+| onBackgroundPress         | allow dismissing a modal when clicking on its background     | (event: GestureResponderEvent) => void | no       | iOS/Android | yes               |
+| overlayBackgroundColor    | The background color of the overlay                          | string                                 | no       | iOS/Android | yes               |
+| testID                    | The modal's end-to-end test identifier                       | string                                 | no       | iOS/Android | yes               |
+| useGestureHandlerRootView | Android only. Should add a GestureHandlerRootView            | boolean                                | no       | Android     | no                |
+
+**Modal.TopBar**：模态框的TopBar组件。
+
+| Name              | Description                                                | Type                                   | Required | Platform    | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------------- | -------------------------------------- | -------- | ----------- | ----------------- |
+| cancelButtonProps | Cancel action props                                        | ButtonProps                            | no       | iOS/Android | yes               |
+| cancelIcon        | Cancel action icon                                         | ImageSource                            | no       | iOS/Android | yes               |
+| cancelLabel       | Cancel action label                                        | string                                 | no       | iOS/Android | yes               |
+| containerStyle    | Style for the TopBar container                             | ViewStyle                              | no       | iOS/Android | yes               |
+| doneButtonProps   | Done action props                                          | ButtonProps                            | no       | iOS/Android | yes               |
+| doneIcon          | Done action icon                                           | ImageSource                            | no       | iOS/Android | yes               |
+| doneLabel         | Done action label                                          | string                                 | no       | iOS/Android | yes               |
+| includeStatusBar  | Whether to include status bar or not (height calculations) | boolean                                | no       | iOS/Android | yes               |
+| leftButtons       | Buttons to render on the left side of the top bar          | topBarButtonProp\| topBarButtonProp[]  | no       | iOS/Android | yes               |
+| onCancel          | Cancel action callback                                     | (props?: any) => void                  | no       | iOS/Android | yes               |
+| onDone            | Done action callback                                       | (props?: any) => void                  | no       | iOS/Android | yes               |
+| rightButtons      | Buttons to render on the right side of the top bar         | topBarButtonProp \| topBarButtonProp[] | no       | iOS/Android | yes               |
+| subtitle          | Subtitle to display below the top bar title                | string                                 | no       | iOS/Android | yes               |
+| subtitleStyle     | Subtitle custom style                                      | TextStyle                              | no       | iOS/Android | yes               |
+| title             | Title to display in the center of the top bar              | string                                 | no       | iOS/Android | yes               |
+| titleStyle        | Title custom style                                         | TextStyle                              | no       | iOS/Android | yes               |
+
+**Toast**：非中断式弹窗组件， 请考虑转向我们新的 Toast 实现并使用 Incubator.Toast 代替。
+
+| Name  | Description                    | Type      | Required | Platform    | HarmonyOS Support |
+| ----- | ------------------------------ | --------- | -------- | ----------- | ----------------- |
+| Toast | A customizable Toast component | Component | no       | iOS/Android | yes               |
+
+**Badge**：圆形彩色徽章组件。
+
+| Name                | Description                                                  | Type                       | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | -------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor     | Background color                                             | string                     | no       | iOS/Android | yes               |
+| borderColor         | Color of border around the badge                             | ImageStyle ['borderColor'] | no       | iOS/Android | yes               |
+| borderRadius        | Radius of border around the badge                            | number                     | no       | iOS/Android | yes               |
+| borderWidth         | Width of border around the badge                             | number                     | no       | iOS/Android | yes               |
+| containerStyle      | Additional styles for the top container                      | ViewStyle                  | no       | iOS/Android | yes               |
+| customElement       | Custom element to render instead of an icon                  | JSX.Element                | no       | iOS/Android | yes               |
+| hitSlop             | Defines how far a touch event can start away from the badge  | ViewProps['hitSlop']       | no       | iOS/Android | yes               |
+| icon                | Renders an icon badge                                        | ImageSourcePropType        | no       | iOS/Android | yes               |
+| iconProps           | Additional props passed to icon                              | ImageProps                 | no       | iOS/Android | yes               |
+| iconStyle           | Additional styling to badge icon                             | ImageStyle                 | no       | iOS/Android | yes               |
+| label               | Passing a label (undefined) will present a pimple badge. Text to show inside the badge | string                     | no       | iOS/Android | yes               |
+| labelFormatterLimit | Beyond the max number for that digit length, a '+' will show at the end. If set to a value not included in LABEL_FORMATTER_VALUES, no formatting will occur. Example: labelLengthFormatter={2}, label={124}, label will present '99+' Receives a number from 1 to 4, representing the label's max digit length | LabelFormatterValues       | no       | iOS/Android | yes               |
+| labelStyle          | Additional styles for the badge label                        | TextStyle                  | no       | iOS/Android | yes               |
+| onPress             | Called when the badge is pressed                             | (props: any) => void       | no       | iOS/Android | yes               |
+| size                | Badge's size                                                 | number                     | no       | iOS/Android | yes               |
+
+**ConnectionStatusBar**：顶部栏显示无网络连接状态，该组件依赖[@react-native-community/netinfo](/zh-cn/react-native-community-netinfo.md) 库。
+
+| Name                | Description                                         | Type                                               | Required | Platform    | HarmonyOS Support |
+| ------------------- | --------------------------------------------------- | -------------------------------------------------- | -------- | ----------- | ----------------- |
+| allowDismiss        | Whethere to allow the user to dismiss               | boolean                                            | no       | iOS/Android | yes               |
+| label               | Text to show as the status                          | string                                             | no       | iOS/Android | yes               |
+| onConnectionChange  | Handler to get connection change events propagation | (isConnected: boolean, isInitial: boolean) => void | no       | iOS/Android | yes               |
+| useAbsolutePosition | Use absolute position for the component             | boolean                                            | no       | iOS/Android | yes               |
+
+**ProgressBar**：进度条组件。
+
+| Name          | Description                                              | Type        | Required | Platform    | HarmonyOS Support |
+| ------------- | -------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| customElement | Custom element to render on top of the animated progress | JSX.Element | no       | iOS/Android | yes               |
+| fullWidth     | FullWidth Ui preset                                      | boolean     | no       | iOS/Android | yes               |
+| progress      | The progress of the bar from 0 to 100                    | number      | no       | iOS/Android | yes               |
+| progressColor | Progress color                                           | string      | no       | iOS/Android | yes               |
+| style         | Override container style                                 | ViewStyle   | no       | iOS/Android | yes               |
+
+**SkeletonView**：骨架视图组件，用于内容还未加载临时显示骨架，该组件需要安装[react-native-shimmer-placeholder](/zh-cn/react-native-shimmer-placeholder.md)和[react-native-linear-gradient](/zh-cn/react-native-linear-gradient.md)库。
+
+| Name          | Description                                                  | Type                                   | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | -------------------------------------- | -------- | ----------- | ----------------- |
+| borderRadius  | The border radius of the skeleton view                       | number                                 | no       | iOS/Android | yes               |
+| circle        | Whether the skeleton is a circle (will override the borderRadius) | boolean                                | no       | iOS/Android | yes               |
+| colors        | The colors of the skeleton view, the array length has to be >=2 | string[]                               | no       | iOS/Android | yes               |
+| customValue   | Custom value of any type to pass on to SkeletonView and receive back in the renderContent callback. | any                                    | no       | iOS/Android | yes               |
+| height        | The height of the skeleton view                              | number                                 | no       | iOS/Android | yes               |
+| listProps     | Props that are available when using template={SkeletonView.templates.LIST_ITEM} | SkeletonListProps                      | no       | iOS/Android | yes               |
+| renderContent | A function that will render the content once the content is ready (i.e. showContent is true). The method will be called with the Skeleton's customValue (i.e. renderContent(props?.customValue)) | (customValue?: any) => React.ReactNode | no       | iOS/Android | yes               |
+| shimmerStyle  | Additional style to the skeleton view                        | ViewStyle                              | no       | iOS/Android | yes               |
+| showContent   | The content has been loaded, start fading out the skeleton and fading in the content | boolean                                | no       | iOS/Android | yes               |
+| style         | Override container styles                                    | ViewStyle                              | no       | iOS/Android | yes               |
+| template      | Accessible through SkeletonView.templates.xxx. The type of the skeleton view. | listItem \|content                     | no       | iOS/Android | yes               |
+| testID        | The component test id                                        | string                                 | no       | iOS/Android | yes               |
+| times         | Generates duplicate skeletons                                | number                                 | no       | iOS/Android | yes               |
+| timesKey      | A key prefix for the duplicated SkeletonViews                | string                                 | no       | iOS/Android | yes               |
+| width         | The width of the skeleton view                               | number                                 | no       | iOS/Android | yes               |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**Color**: 可以进行全局样式预设，通过Color获取预设样式。
+
+| Name         | Description                                                  | Type                                             | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | ------------------------------------------------ | -------- | ----------- | ----------------- |
+| loadColors   | Load a set of colors to be used in the app.                  | ({[key: string]: string}) => void                | no       | iOS/Android | yes               |
+| loadSchemes  | Load a set of scheme colors to support dark/light mode.      | ({[name: string]: {[key: string]: any}}) => void | no       | iOS/Android | yes               |
+| rgba         | Return rgba string with color and transparency               | (color: string, num: number) => string           | no       | iOS/Android | yes               |
+| getColorTint | Get color tint                                               | (color: string, num: number) => string           | no       | iOS/Android | yes               |
+| isDark       | returns `true` if a color is considered dark (bright colors will return `false`) | (color: string) => boolean                       | no       | iOS/Android | yes               |
+
+**ThemeManager**: 使用 ThemeManager 为您的应用程序设置默认的全局行为。
+
+| Name              | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| setComponentTheme | Set default props for a component by passing an object or a callback | (componentName, defaultPropsObject) => void \| (componentName, componentProps => newDefaultPropsObject) => void | no       | iOS/Android | yes               |
+
+**Typography**: 设置样式属性，可直接通过“属性”的方式给组件设置样式。
+
+| Name             | Description                   | Type                                             | Required | Platform    | HarmonyOS Support |
+| ---------------- | ----------------------------- | ------------------------------------------------ | -------- | ----------- | ----------------- |
+| loadTypographies | Set style attribute variables | ({[name: string]: {[key: string]: any}}) => void | no       | iOS/Android | yes               |
+
+**Spacings**: 设置空间大小变量，可通过 “属性-变量名” 的方式设置样式。
+
+| Name             | Description             | Type                                | Required | Platform    | HarmonyOS Support |
+| ---------------- | ----------------------- | ----------------------------------- | -------- | ----------- | ----------------- |
+| loadTypographies | Set space size variable | ({ [key: string]: number }) => void | no       | iOS/Android | yes               |
+
+## 遗留问题
+
+- [ ] KeyboardTrackingView组件，将输入框子节点保持在键盘上方后点击事件位置异常: [issue#4](https://github.com/react-native-oh-library/react-native-ui-lib/issues/4)
+- [ ]  原生组件KeyboardAccessoryView切换自定义键盘未实现: [issue#3](https://github.com/react-native-oh-library/react-native-ui-lib/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wix/react-native-ui-lib/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-unitsyles.md b/en/react-native-unitsyles.md
new file mode 100644
index 00000000..36c101c3
--- /dev/null
+++ b/en/react-native-unitsyles.md
@@ -0,0 +1,616 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-unistyles</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jpudysz/react-native-unistyles">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jpudysz/react-native-unistyles/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-unistyles)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-unistyles@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-unistyles@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import {
+  StatusBar,
+  StyleSheet,
+  Text,
+  View,
+  Button,
+  ScrollView,
+  PixelRatio,
+} from "react-native";
+import {
+  UnistylesRuntime,
+  createStyleSheet,
+  useStyles,
+  UnistylesRegistry,
+  mq,
+  UnistylesPlugin,
+} from "react-native-unistyles";
+import React, { useEffect } from "react";
+const basic_styles = StyleSheet.create({
+  consta: { backgroundColor: "#F5FCFF" },
+  titleStyle: { fontSize: 16, fontWeight: "500" },
+});
+
+export function UnistylesExample() {
+  let anti_shake = true;
+  const hasSomeCoolFeatures = true;
+  const { styles, theme } = useStyles(stylesheet, {
+    colors: hasSomeCoolFeatures,
+    sizes: !hasSomeCoolFeatures,
+  });
+  let status_color = true;
+  const renderCount = React.useRef(1);
+  useEffect(
+    () => () => {
+      UnistylesRuntime.removePlugin(autoGuidelinePlugin);
+    },
+    []
+  );
+  const isAutoGuidelinePluginEnabled = UnistylesRuntime.enabledPlugins.includes(
+    autoGuidelinePlugin.name
+  );
+
+  return (
+    <ScrollView>
+      <View style={basic_styles.consta}>
+        <StatusBar barStyle="light-content"></StatusBar>
+        <Text style={basic_styles.titleStyle}>{"变更状态栏颜色:"}</Text>
+        <Button
+          title="status"
+          onPress={() => {
+            anti_shake = !anti_shake;
+            if (anti_shake) {
+              UnistylesRuntime.statusBar.setColor(
+                status_color ? sharedColors.barbie : sharedColors.aloes
+              );
+              status_color = !status_color;
+            }
+          }}
+        ></Button>
+
+        <Text style={basic_styles.titleStyle}>{"变更主题对象:"}</Text>
+        <View style={styles.container}>
+          <Text style={styles.text}>
+            {" "}
+            当前主题:{UnistylesRuntime.themeName} 重新渲染的次数:{renderCount.current++}
+          </Text>
+          <Text style={styles.theme}>
+            {" "}
+            Colors: {JSON.stringify(theme.colors, null, 2)}{" "}
+          </Text>
+          <Button
+            title="变更light主题"
+            onPress={() => {
+              anti_shake = !anti_shake;
+              if (anti_shake) {
+                UnistylesRuntime.setAdaptiveThemes(false);
+                UnistylesRuntime.setTheme("light");
+                UnistylesRuntime.updateTheme("light", (theme) => ({
+                  ...theme,
+                  colors: {
+                    ...theme.colors,
+                    typography:
+                      theme.colors.typography === "#000000"
+                        ? theme.colors.blood
+                        : "#000000",
+                  },
+                }));
+              }
+            }}
+          />
+        </View>
+
+        <Text style={basic_styles.titleStyle}>{"更改页面样式:"}</Text>
+        <Text style={styles.text}>
+          {" "}
+          这个页面正在使用 {UnistylesRuntime.themeName} 主题.
+        </Text>
+        <Button
+          title="更改页面主题"
+          color={theme.colors.accent}
+          onPress={() => {
+            anti_shake = !anti_shake;
+            if (anti_shake) {
+              UnistylesRuntime.setAdaptiveThemes(false);
+              UnistylesRuntime.setTheme(
+                UnistylesRuntime.themeName === "light" ? "premium" : "light"
+              );
+            }
+          }}
+        />
+
+        <Text style={basic_styles.titleStyle}>{"自适应主题:"}</Text>
+        <Text style={styles.container}>
+          {" 系统主题:" + UnistylesRuntime.colorScheme}
+        </Text>
+        <Button
+          title="启用自适应主题"
+          onPress={() => {
+            anti_shake = !anti_shake;
+            if (anti_shake) {
+              UnistylesRuntime.setAdaptiveThemes(true);
+            }
+          }}
+        />
+
+        <Text style={basic_styles.titleStyle}>{"插件:"}</Text>
+        <View style={styles.unscaledBox}></View>
+        <Text>
+          前缀为unscaled的样式会被插件跳过,已启用的插件
+          {UnistylesRuntime.enabledPlugins}
+        </Text>
+        <Button
+          title={isAutoGuidelinePluginEnabled ? "关闭插件" : "启用插件"}
+          onPress={() => {
+            anti_shake = !anti_shake;
+            if (anti_shake) {
+              isAutoGuidelinePluginEnabled
+                ? UnistylesRuntime.removePlugin(autoGuidelinePlugin)
+                : UnistylesRuntime.addPlugin(autoGuidelinePlugin);
+            }
+          }}
+        />
+
+        <Text style={basic_styles.titleStyle}>
+          {"在StyleSheets中使用runtime:"}
+        </Text>
+        <View style={styles.box}>
+          <Text>
+            占据了屏幕一半大小的方块width:{styles.box.width} 861 height:
+            {styles.box.height}
+          </Text>
+        </View>
+
+        <Text style={basic_styles.titleStyle}>{"动态函数式样式表:"}</Text>
+        <View style={styles.dynamicFunction(2)}>
+          <Text>accent</Text>
+        </View>
+        <View style={styles.dynamicFunction(1)}>
+          <Text>barbie</Text>
+        </View>
+
+        <Text style={basic_styles.titleStyle}>{"媒体查询:"}</Text>
+        <View style={styles.container1}>
+          <Text>
+            你的屏幕大小是:{UnistylesRuntime.screen.width}x
+            {UnistylesRuntime.screen.height};当宽大于500时背景是
+            {theme.colors.backgroundColor}，宽大于900时背景为
+            {theme.colors.aloes}
+          </Text>
+        </View>
+
+        <Text style={basic_styles.titleStyle}>
+          {"在StyleSheets中使用variants:"}
+        </Text>
+        <View style={styles.box_variants}></View>
+        <Text style={basic_styles.titleStyle}>{":"}</Text>
+
+        <Text style={basic_styles.titleStyle}>{"字体大小偏好:"}</Text>
+        <Text>
+          {"现在的字体大小偏好设置为:" + UnistylesRuntime.contentSizeCategory}
+        </Text>
+      </View>
+    </ScrollView>
+  );
+}
+
+const stylesheet = createStyleSheet((theme, runtime) => ({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 20,
+    backgroundColor: theme.colors.backgroundColor,
+    rowGap: 20,
+  },
+  text: {
+    textAlign: "center",
+    color: theme.colors.typography,
+    fontSize: 14,
+  },
+  bold: {
+    fontWeight: "bold",
+  },
+  container1: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 20,
+    backgroundColor: {
+      [mq.width(undefined, 500).and.height(undefined, 1000)]:
+        theme.colors.backgroundColor,
+      [mq.only.width(932)]: theme.colors.aloes,
+    },
+    rowGap: 20,
+  },
+  theme: {
+    color: theme.colors.typography,
+  },
+  box: {
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 20,
+    marginTop: 50,
+    width: runtime.screen.width / 2,
+    height: runtime.screen.height / 2,
+    backgroundColor:
+      runtime.orientation === "portrait"
+        ? theme.colors.accent
+        : theme.colors.oak,
+  },
+  dynamicFunction: (index: number) => ({
+    backgroundColor:
+      index % 2 === 0 ? theme.colors.accent : theme.colors.barbie,
+  }),
+  box_variants: {
+    borderRadius: 10,
+    variants: {
+      colors: {
+        true: { backgroundColor: theme.colors.barbie },
+        false: { backgroundColor: theme.colors.blood },
+        default: { backgroundColor: theme.colors.sky },
+        other: { backgroundColor: theme.colors.typography },
+      },
+      sizes: {
+        true: { width: 200, height: 200 },
+        false: { width: 50, height: 50 },
+        default: { width: 100, height: 100 },
+        other: { width: 150, height: 150 },
+      },
+    },
+  },
+  unscaledBox: { width: 100, height: 100, backgroundColor: theme.colors.blood },
+}));
+
+const sharedColors = {
+  barbie: "#ff9ff3",
+  oak: "#1dd1a1",
+  sky: "#48dbfb",
+  fog: "#c8d6e5",
+  aloes: "#00d2d3",
+  blood: "#ff6b6b",
+};
+const lightTheme = {
+  colors: {
+    ...sharedColors,
+    backgroundColor: "#ffffff",
+    typography: "#000000",
+    accent: sharedColors.blood,
+  },
+};
+const darkTheme = {
+  colors: {
+    ...sharedColors,
+    backgroundColor: "#000000",
+    typography: "#ffffff",
+    accent: sharedColors.barbie,
+  },
+};
+const premiumTheme = {
+  colors: {
+    ...sharedColors,
+    backgroundColor: sharedColors.barbie,
+    typography: "#76278f",
+    accent: "#000000",
+  },
+};
+const breakpoints = { xs: 0, sm: 300, md: 500, lg: 800, xl: 1200 };
+UnistylesRegistry.addThemes({
+  light: lightTheme,
+  dark: darkTheme,
+  premium: premiumTheme,
+})
+  .addBreakpoints(breakpoints)
+  .addConfig({ adaptiveThemes: true, initialTheme: "light" });
+
+const REFERENCE_WIDTH = 300;
+const REFERENCE_HEIGHT = 800;
+
+const autoGuidelinePlugin: UnistylesPlugin = {
+  name: "autoGuideline",
+  onParsedStyle: (styleKey, style, runtime) => {
+    const pairs = Object.entries(style).map(([key, value]) => {
+      if (styleKey.includes("unscaled")) {
+        return [key, value];
+      }
+
+      const isNumber = typeof value === "number";
+
+      if (!isNumber || key === "flex") {
+        return [key, value];
+      }
+
+      if (key === "height") {
+        const percentage = value / REFERENCE_HEIGHT;
+        return [
+          key,
+          PixelRatio.roundToNearestPixel(runtime.screen.height * percentage),
+        ];
+      }
+      const percentage = value / REFERENCE_WIDTH;
+      return [
+        key,
+        PixelRatio.roundToNearestPixel(runtime.screen.width * percentage),
+      ];
+    });
+
+    return Object.fromEntries(pairs);
+  },
+};
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-unistyles": "file:../../node_modules/@react-native-oh-tpl/react-native-unistyles/harmony/unistyles.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 UnistylesPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-unistyles/src/main/cpp" ./unistyles)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_unistyles)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "UnistylesPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<UnistylesPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNUnistylesPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNUnistylesPackage} from '@react-native-oh-tpl/react-native-unistyles/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNUnistylesPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases)
+
+## Runtime
+
+### UnistylesRuntime
+
+UnistylesRuntime 是 Unitstyles 库 的一个Host Object。它始终保持最新状态，并允许您与Unistyles的原生层进行交互
+
+#### UnistylesRuntime 属性
+
+| Name                 | Description                                                                  | Type                 | Required | Platform        | HarmonyOS Support |
+| -------------------- | ---------------------------------------------------------------------------- | -------------------- | -------- | --------------- | ----------------- |
+| screenWidth          | Screen dimensions Width                                                      | number               | no       | All             | yes               |
+| screenHeight         | Screen dimensions Height                                                     | number               | no       | All             | yes               |
+| enabledPlugins       | Names of currently enabled plugins                                           | boolean              | no       | All             | yes               |
+| hasAdaptiveThemes    | Indicates if you have enabled adaptive themes                                | boolean              | no       | All             | yes               |
+| themeName            | Name of the selected theme or an empty string if you don’t use themes        | string               | no       | All             | yes               |
+| breakpoint           | Current breakpoint or always undefined if you don’t use breakpoints          | UnistylesBreakpoints | no       | All             | yes               |
+| colorScheme          | Get your device’s color scheme. Available options dark, light or unspecified | string               | no       | All             | yes               |
+| contentSizeCategory  | Your device’s content size category                                          | string               | no       | All             | yes               |
+| insets               | Device insets which are safe to put content into                             | inset                | no       | All             | yes               |
+| statusBar.width      | Status bar dimensions width                                                  | number               | no       | All             | yes               |
+| statusBar.height     | Status bar dimensions height                                                 | number               | no       | All             | yes               |
+| navigationBar.height | Navigation bar dimensions height                                             | number               | no       | Android 		  | yes               |
+| navigationBar.width  | Navigation bar dimensions width                                              | number               | no       | Android 		  | yes               |
+| ScreenOrientation    | Your device’s orientation                                                    | ScreenOrientation    | no       | All             | yes               |
+
+目前 UnistylesRuntime 支持：
+
+* `statusBar.setColor`
+Update statusBar color at runtime
+
+* `navigationBar.setColor`
+Update navigationBar color at runtime
+
+* `setAdaptiveThemes`
+Toggle adaptive themes 
+
+* `setTheme`
+Change the current theme    
+
+* `updateTheme`
+Update the theme at runtime
+
+* `removePlugin`
+Disable a plugin 
+
+* `addPlugin`
+Enable a plugin 
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### global
+
+| Name             | Description                                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| useInitialTheme  | using multiple themes and need to determine the initial theme during runtime | function | no       | All      | yes               |
+| useStyles        | set current styles                                                           | function | no       | All      | yes               |
+| createStyleSheet | create unistyles StyleSheet                                                  | function | no       | All      | yes               |
+
+#### mq
+
+| Name   | Description                   | Type     | Required | Platform | HarmonyOS Support |
+| ------ | ----------------------------- | -------- | -------- | -------- | ----------------- |
+| width  | width from xx onwards         | function | no       | All      | yes               |
+| height | heigh from xx onwards         | function | no       | All      | yes               |
+| and    | and                           | function | no       | All      | yes               |
+| only   | width or height from xx to xx | function | no       | All      | yes               |
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### UnistylesRegistry
+
+| Name           | Description          | Type     | Required | Platform | HarmonyOS Support |
+| -------------- | -------------------- | -------- | -------- | -------- | ----------------- |
+| addThemes      | register themes      | function | no       | All      | yes               |
+| addBreakpoints | register breakpoints | function | no       | All      | yes               |
+| addConfig      | register config      | function | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jpudysz/react-native-unistyles/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-url-polyfill.md b/en/react-native-url-polyfill.md
new file mode 100644
index 00000000..2a0259bc
--- /dev/null
+++ b/en/react-native-url-polyfill.md
@@ -0,0 +1,199 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-url-polyfill</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/charpeni/react-native-url-polyfill">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/charpeni/react-native-url-polyfill/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/charpeni/react-native-url-polyfill)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install --save react-native-url-polyfill@2.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-url-polyfill@2.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { ScrollView, Text, Button, View, StyleSheet } from 'react-native';
+import { URL, URLSearchParams } from 'react-native-url-polyfill';
+
+const URLPolyfillDemo = () => {
+  const url = new URL('https://github.com/');
+  const searchParams = new URLSearchParams('abc=456&rn=ReactNative&abc=javascript');
+
+  const [appendResult, setAppendResult] = useState('');
+  const [setResult, setSetResult] = useState('');
+  const [deleteResult, setDeleteResult] = useState('');
+    
+  // searchParams.append()
+  const appendExample = () => {
+    searchParams.append('q', 'CodeHub');
+    let result = searchParams.toString();
+    setAppendResult(result);
+  }
+
+  // searchParams.set()
+  const setExample = () => {
+    searchParams.set('abc', 'Gitee');
+    let result = searchParams.toString();
+    setSetResult(result);
+  }
+
+  // searchParams.delete()
+  const deleteExample = () => {
+    searchParams.delete('abc', 'javascript');
+    let result = searchParams.toString();
+    setDeleteResult(result);
+  }
+
+  return (
+    <ScrollView>
+      <View>
+      	<View>
+          <Text style={styles.text}>property: href</Text>
+          <Text style={styles.result} allowFontScaling>{url.href}</Text>
+        </View>
+
+        <View>
+          <Text style={styles.text}>Method：append（q,CodeHub）</Text>
+          <Button
+            title="append"
+            color="#9a73ef"
+            onPress={appendExample}
+          />
+          <Text style={styles.result} allowFontScaling>{appendResult}</Text>
+        </View>
+
+        <View>
+          <Text style={styles.text}>Method：set（abc,Gitee））</Text>
+          <Button
+            title="set"
+            color="#9a73ef"
+            onPress={setExample}
+          />
+          <Text style={styles.result} allowFontScaling>{setResult}</Text>
+        </View>
+
+        <View>
+          <Text style={styles.text}>Method：delete（abc,javascript）</Text>
+          <Button
+            title="delete"
+            color="#9a73ef"
+            onPress={deleteExample}
+          />
+          <Text style={styles.result} allowFontScaling>{deleteResult}</Text>
+        </View>
+      </View>
+    </ScrollView>
+ )
+};
+
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'red',
+  },
+  result: {
+    marginTop: 10,
+    fontSize: 18,
+    marginBottom: 10,
+    color: 'black',
+  }
+});
+
+export default URLPolyfillDemo;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description                                                  | Type            | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | --------------- | -------- | ----------- | :---------------- |
+| hash         | Gets and sets the fragment portion of the URL.               | string          | no       | Android/iOS | yes               |
+| host         | Gets and sets the host portion of the URL.                   | string          | no       | Android/iOS | yes               |
+| hostname     | Gets and sets the host name portion of the URL.              | string          | no       | Android/iOS | yes               |
+| href         | Gets and sets the serialized URL.                            | string          | no       | Android/iOS | yes               |
+| origin       | Gets the read-only serialization of the URL's origin.        | string          | no       | Android/iOS | yes               |
+| password     | Gets and sets the password portion of the URL.               | string          | no       | Android/iOS | yes               |
+| pathname     | Gets and sets the path portion of the URL.                   | string          | no       | Android/iOS | yes               |
+| port         | Gets and sets the port portion of the URL.                   | string          | no       | Android/iOS | yes               |
+| protocol     | Gets and sets the protocol portion of the URL.               | string          | no       | Android/iOS | yes               |
+| search       | Gets and sets the serialized query portion of the URL.       | string          | no       | Android/iOS | yes               |
+| searchParams | Gets the `URLSearchParams` object representing the query parameters of the URL. | URLSearchParams | no       | Android/iOS | yes               |
+| username     | Gets and sets the username portion of the URL.               | string          | no       | Android/iOS | yes               |
+| size         | The total number of parameter entries on the `URLSearchParams` object. | number          | no       | Android/iOS | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
+| toString | The `toString()` method on the `URL` object returns the serialized URL. | string                             | no       | Android/iOS | yes               |
+| toJSON   | The `toJSON()` method on the `URL` object returns the serialized URL. | string                             | no       | Android/iOS | yes               |
+| append   | Append a new name-value pair to the query string.            | void                               | no       | Android/iOS | yes               |
+| delete   | where name is `name` and value is `value`,removes all name-value pairs. | void                               | no       | Android/iOS | yes               |
+| entries  | Returns an ES6 `Iterator` over each of the name-value pairs in the query. | IterableIterator<[string, string]> | no       | Android/iOS | yes               |
+| forEach  | Iterates over each name-value pair in the query and invokes the given function. | void                               | no       | Android/iOS | yes               |
+| get      | Returns the value of the first name-value pair whose name is `name`. If there are no such pairs, `null` is returned. | string \| null                     | no       | Android/iOS | yes               |
+| getAll   | Returns the values of all name-value pairs whose name is `name`. If there are no such pairs, an empty array is returned. | string[]                           | no       | Android/iOS | yes               |
+| has      | Checks if the `URLSearchParams` object contains key-value pair(s) based on `name` and an optional `value` argument. | boolean                            | no       | Android/iOS | yes               |
+| keys     | Returns an ES6 `Iterator` over the names of each name-value pair. | IterableIterator<string>           | no       | Android/iOS | yes               |
+| set      | Sets the value in the `URLSearchParams` object associated with `name` to `value`. | void                               | no       | Android/iOS | yes               |
+| sort     | Sort all existing name-value pairs in-place by their names.  | void                               | no       | Android/iOS | yes               |
+| toString | Returns the search parameters serialized as a string on the `URLSearchParams` object, with characters percent-encoded where necessary . | string                             | no       | Android/iOS | yes               |
+| values   | Returns an ES6 `Iterator` over the values of each name-value pair. | IterableIterator<string>           | no       | Android/iOS | yes               |
+
+## 遗留问题
+
+## 其他
+
+- [ ] 本库在Harmony、iOS、Android都存在的问题，URLSearchParams对象上size属性无法获取对应参数条目的总数，问题: [issue#472](https://github.com/charpeni/react-native-url-polyfill/issues/472)
+- [ ] 本库在Harmony、iOS、Android都存在的问题，URLSearchParams对象上sort方法按名称对现有的key-value进行排序，排序无效果， 问题: [issue#471](https://github.com/charpeni/react-native-url-polyfill/issues/471)
+
+## 开源协议
+
+本项目基于[The MIT License](https://github.com/charpeni/react-native-url-polyfill/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-user-agent.md b/en/react-native-user-agent.md
new file mode 100644
index 00000000..f9329aaa
--- /dev/null
+++ b/en/react-native-user-agent.md
@@ -0,0 +1,216 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-user-agent</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/bebnev/react-native-user-agent">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/bebnev/react-native-user-agent/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-user-agent)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-user-agent@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-user-agent@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import { View, Text } from 'react-native';
+import UserAgent from 'react-native-user-agent';
+
+// 同步方式：
+let userAgent: string = UserAgent.getUserAgent();
+
+export default function UserAgentExample() {
+  const [webViewUserAgent, setWebViewUserAgent] = useState<string | null>(null);
+  useEffect(() => {
+    // 异步方式：
+    UserAgent.getWebViewUserAgent()
+      .then(webViewUserAgent => {
+        setWebViewUserAgent(webViewUserAgent);
+        console.log(webViewUserAgent);
+      })
+      .catch(e => {
+        console.error('Error getting WebView User Agent:', e);
+      });
+  }, []);
+  return (
+    <View>
+      <Text>同步方式：</Text>
+      <Text>{userAgent}</Text>
+
+      <Text>异步方式：</Text>
+      <Text>{webViewUserAgent}</Text>
+
+      <Text>属性：</Text>
+      <Text>systemName: {UserAgent.systemName}</Text>
+      <Text>systemVersion: {UserAgent.systemVersion}</Text>
+      <Text>applicationName: {UserAgent.applicationName}</Text>
+      <Text>applicationVersion: {UserAgent.applicationVersion}</Text>
+      <Text>buildNumber: {UserAgent.buildNumber}</Text>
+    </View>
+  );
+};
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony": "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-user-agent": "file:../../node_modules/@react-native-oh-tpl/react-native-user-agent/harmony/user_agent.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNUserAgentPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
+  
++  import { RNUserAgentPackage } from '@react-native-oh-tpl/react-native-user-agent/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new RNUserAgentPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| systemName  | System Name | string  | no | All | yes |
+| systemVersion  | System Version | string  | no | All | yes |
+| applicationName  | Application Name | string  | no | All | yes |
+| applicationVersion  | Application Version | string  | no | All | yes |
+| buildNumber  | Build Number | string  | no | All | yes |
+| darwinVersion  | Darwin Version | string  | no | iOS | no |
+| cfnetworkVersion  | Cfnetwork Version | string  | no | iOS | no |
+| modelName  | Model Name | string  | no | iOS | no |
+| deviceName  | Device Name | string  | no | iOS | no |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getUserAgent | Get user agent synchronously | string | no | All | yes |
+| getWebViewUserAgent | Get user agent asynchronously  | Promise | no | All | yes |
+
+## 遗留问题
+
+## 其他
+
+根据 HarmonyOS NEXT Developer Beta3 版本默认 UserAgent 定义，字段 ArkWeb VersionCode (ArkWeb 版本号) 暂无获取方式，待后续完善。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/bebnev/react-native-user-agent/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-vconsole.md b/en/react-native-vconsole.md
new file mode 100644
index 00000000..3366fbab
--- /dev/null
+++ b/en/react-native-vconsole.md
@@ -0,0 +1,126 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-vconsole</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/kafudev/react-native-vconsole">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kafudev/react-native-vconsole/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/kafudev/react-native-vconsole)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @kafudev/react-native-vconsole@0.1.11
+```
+
+#### **yarn**
+
+```bash
+yarn add @kafudev/react-native-vconsole@0.1.11
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import Vconsole from '@kafudev/react-native-vconsole';
+
+export const ConsoleDemo = () => {
+    return (
+        <View style={styles.container}>
+            <PropsType />
+        </View>
+    );
+};
+
+function PropsType() {
+    const appInfo = {
+        原生构建类型: "1",
+        原生版本号: "ConfigReader.VERSION_NAME",
+        原生构建时间: "ConfigReader.BUILD_TIME",
+        热更新版本号: "codePushStore.info.label",
+        热更新详情: "codePushStore.info.desc"
+    }
+
+    return (
+        <View style={styles.container1}>
+            <Vconsole appInfo={appInfo} console={true} showBtn={true} />
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        position: 'absolute', // 绝对定位
+        bottom: 180, // 底部边界与父容器底部对齐
+        width: '100%',
+        height: 200,
+        borderWidth: 1,
+        button: 0
+    },
+    container1: {
+        width: '100%',
+        height: 200,
+        borderWidth: 1,
+        paddingVertical: 20,
+        button: 0
+    },
+    box: {
+        width: 60,
+        height: 60,
+    },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.65;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description                              | Type    | Required | Platform | HarmonyOS Support |
+| ------- | ---------------------------------------- | ------- | -------- | -------- | ----------------- |
+| appInfo | Customized Version Info you want to show | json    | no       | All      | yes               |
+| console | Whether to show console                  | boolean | no       | All      | yes               |
+| showBtn | Whether to show buttons                  | boolean | no       | All      | yes               |
+| panels  | Custom panels                            | json    | no       | All      | yes               |
+
+## 遗留问题
+
+- [ ] 本库在HarmonyOS存在Clipboard无法使用的问题，其已从新版rn框架中移除，依赖Clipboard的相关功能，监控面板network标签页Copy cURL to clipboard、Copy request query to clipboard、Copy response to clipboard均无法正常复制以及粘贴，问题: [issue#2](https://github.com/kafudev/react-native-vconsole/issues/2)
+- [ ] 本库在HarmonyOS存在DevMenu菜单无法启用的问题，新版本rn框架中已经将其从NativeModules移除，DevMenu菜单里的ReLoad、Fps等调试相关功能均无法正常使用， 问题: [issue#3](https://github.com/kafudev/react-native-vconsole/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/kafudev/react-native-vconsole/blob/main/LICENSE) ，请自由地享受和参与开源
diff --git a/en/react-native-vector-drawable.md b/en/react-native-vector-drawable.md
new file mode 100644
index 00000000..a941b1db
--- /dev/null
+++ b/en/react-native-vector-drawable.md
@@ -0,0 +1,91 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-vector-drawable</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/klarna-incubator/react-native-vector-drawable">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-vector-drawable)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-vector-drawable@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-vector-drawable@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+import React from "react";
+import { View } from 'react-native';
+import VectorDrawable from "react-native-vector-drawable";
+export default function VectorDrawableDemo(): JSX.Element {
+    return <View>
+            <VectorDrawable
+               resourceName="ic_drawable_name"
+               style={{ width: 50, height: 50, tintColor: 'blue' }}
+            />
+    </View>
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)
+
+
+## 属性
+原库中Android平台实现是通过android.graphics.drawable.Drawable方法加载[xml矢量图片](https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/example/android/app/src/main/res/drawable/ic_klarna_logo.xml)文件，在iOS平台是通过[React-Native View](https://reactnative.cn/docs/view)来实现，HarmonyOS与iOS保持一致，属性见[React-Native View组件](https://reactnative.cn/docs/view)
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
+| resourceName    | Name of the Android vector drawable resource. | string | true       | Android | No           |
+| style    | See Style props. Note: border props are not supported. | object | false       | Android | No               |
+
+style Props
+| Name           | Description                   | Type | Required |Platform    | HarmonyOS Support |
+|----------------|-------------------------------| -- | -------- | -------- | ----------------- |
+| resizeMode    | 	Determines how to resize the image when the frame doesn't match the raw image dimensions. Possible values are cover, contain, stretch and center | string | false | Android | No        |
+| tintColor    | Changes the color of all the non-transparent pixels to the tintColor. | string | false | Android | No   |
+## 其他
+
+## 开源协议
+
+本项目基于 [The Apache License (Apache)](https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-vector-icons.md b/en/react-native-vector-icons.md
new file mode 100644
index 00000000..b430d7aa
--- /dev/null
+++ b/en/react-native-vector-icons.md
@@ -0,0 +1,363 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"><code><a href="https://github.com/oblador/react-native-vector-icons">react-native-vector-icons</a></code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/oblador/react-native-vector-icons">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/oblador/react-native-vector-icons)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-vector-icons@10.0.3
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-vector-icons@10.0.3
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+#### 自带字体图标对照网页
+
+[Explore all icons](https://oblador.github.io/react-native-vector-icons/).
+
+- [`AntDesign`](https://ant.design/) from AntFinance (_298_ icons)
+- [`Entypo`](http://entypo.com) by Daniel Bruce (v1.0.1 with _411_ icons)
+- [`EvilIcons`](http://evil-icons.io) designed by Alexander Madyankin & Roman Shamin (v1.10.1 with _70_ icons)
+- [`Feather`](http://feathericons.com) created by Cole Bemis & Contributors (v4.28.0 featuring _286_ icons)
+- [`FontAwesome`](http://fortawesome.github.io/Font-Awesome/icons/) by Dave Gandy (v4.7.0 containing _675_ icons)
+- [`FontAwesome 5`](https://fontawesome.com/v5/icons/) from Fonticons, Inc. (v5.15.3 offering _1598_ free and _7848_ pro icons)
+- [`FontAwesome 6`](https://fontawesome.com) designed by Fonticons, Inc. (v6.1.2 featuring _2016_ free and _16150_ pro icons)
+- [`Fontisto`](https://github.com/kenangundogan/fontisto) created by Kenan Gündoğan (v3.0.4 featuring _615_ icons)
+- [`Foundation`](http://zurb.com/playground/foundation-icon-fonts-3) by ZURB, Inc. (v3.0 with _283_ icons)
+- [`Ionicons`](https://ionicons.com/) crafted by Ionic (v7.1.0 containing _1338_ icons)
+- [`MaterialIcons`](https://fonts.google.com/icons/) by Google, Inc. (v4.0.0 featuring _2189_ icons)
+- [`MaterialCommunityIcons`](https://materialdesignicons.com/) from MaterialDesignIcons.com (v6.5.95 including _6596_ icons)
+- [`Octicons`](http://octicons.github.com) designed by Github, Inc. (v16.3.1 with _250_ icons)
+- [`Zocial`](http://zocial.smcllns.com/) by Sam Collins (v1.4.0 with _100_ icons)
+- [`SimpleLineIcons`](https://simplelineicons.github.io/) crafted by Sabbir & Contributors (v2.5.5 with _189_ icons)
+
+### 本库自带字体的使用
+
+> [!ATTENTION] 使用字体时，请确保 entry/src/main/ets/assets/fonts 和 entry/src/main/resource/rawfile/assets/assets/fonts 下同时拥有要使用的 ttf 文件，否则图标不能正常显示
+
+```js
+import FontAwesome from "react-native-vector-icons/FontAwesome";
+
+<FontAwesome.Button
+  name="glass"
+  backgroundColor="#3b5998"
+  size={20}
+></FontAwesome.Button>;
+```
+
+### 外部字体使用
+
+> [!ATTENTION] 使用外部字体时，请确保 entry/src/main/ets/assets/fonts 和 entry/src/main/resource/rawfile/assets/assets/fonts 下同时拥有要使用的 ttf 文件，否则图标不能正常显示
+> 使用外部字体时，不管是用户自己制作的字体文件还是从网站下载的字体文件，都需要有 _.ttf 和 _.json 文件(文件目录不固定，能引用到就可以了)
+
+#### 用户自制字体文件
+
+用户自己制作的字体文件导入使用，以下字体文件名和字体家族名仅供参考，以用户实际输出字体文件信息为准
+
+```js
+import { createIconSet } from "react-native-vector-icons";
+
+const CustomTest = createIconSet(
+  require("../assets/fonts/test.json"), // 引入本地assets下的字体资源
+  "poppy-icon",
+  "../assets/fonts/test.ttf" // 引入本地assets下的字体资源
+);
+
+<CustomFont.Button
+  name="to-do"
+  backgroundColor="#3b5998"
+  size={20}
+></CustomFont.Button>;
+```
+
+#### [fontello](http://fontello.com)网站中的字体使用
+
+从[fontello](http://fontello.com)网站选择合适的字体之后下载对应的字体文件和配置文件导入使用
+
+```js
+import { createIconSetFromFontello } from "react-native-vector-icons";
+import fontelloConfig from "../assets/fonts/config.json";
+
+const CustomFontello = createIconSetFromFontello(
+  fontelloConfig,
+  "fontello",
+  "../assets/fonts/fontello.ttf" // 引入本地assets下的字体资源
+);
+
+<CustomFontello.Button
+  name="emo-happy"
+  backgroundColor="#3b5998"
+  size={20}
+></CustomFontello.Button>;
+```
+
+#### [IcoMoon](https://icomoon.io/app)网站中的字体使用
+
+从[IcoMoon](https://icomoon.io/app)网站选择合适的字体之后下载对应的字体文件和配置文件导入使用
+
+```js
+import { createIconSetFromIcoMoon } from "react-native-vector-icons";
+import icoMoonConfig from "../assets/fonts/selection.json"; // 引入本地assets下的字体资源
+
+const CustomFontIcoMoon = createIconSetFromIcoMoon(
+  icoMoonConfig,
+  "icomoon",
+  "../assets/fonts/icomoon.ttf" // 引入本地assets下的字体资源
+);
+
+<CustomFontIcoMoon.Button
+  name="home2"
+  backgroundColor="#3b5998"
+  size={20}
+></CustomFontIcoMoon.Button>;
+```
+
+### 以下展示了本库的基本用法
+
+```js
+import React from "react";
+import { ScrollView } from "react-native";
+
+//导入原库自带字体
+import FontAwesome5 from "react-native-vector-icons/FontAwesome5";
+import FontAwesome6 from "react-native-vector-icons/FontAwesome6";
+import Fontisto from "react-native-vector-icons/Fontisto";
+import Foundation from "react-native-vector-icons/Foundation";
+import Ionicons from "react-native-vector-icons/Ionicons";
+import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
+import MaterialIcons from "react-native-vector-icons/MaterialIcons";
+import SimpleLineIcons from "react-native-vector-icons/SimpleLineIcons";
+import Octicons from "react-native-vector-icons/Octicons";
+import Zocial from "react-native-vector-icons/Zocial";
+import AntDesign from "react-native-vector-icons/AntDesign";
+import Entypo from "react-native-vector-icons/Entypo";
+import EvilIcons from "react-native-vector-icons/EvilIcons";
+import Feather from "react-native-vector-icons/Feather";
+import FontAwesome from "react-native-vector-icons/FontAwesome";
+
+import {
+  createIconSetFromIcoMoon,
+  createIconSetFromFontello,
+  createIconSet,
+} from "react-native-vector-icons";
+import icoMoonConfig from "../assets/fonts/icomoon-selection.json";
+import fontelloConfig from "../assets/fonts/fontello-config.json";
+
+export function VectorIconsDemo() {
+  //引入用户自制字体
+  const CustomTest = createIconSet(
+    require("../assets/fonts/test.json"), // 引入本地assets下的字体资源
+    "poppy-icon",
+    "../assets/fonts/test.ttf" // 引入本地assets下的字体资源
+  );
+
+  //引入 IcoMoon 自定义字体
+  const CustomIconMoon = createIconSetFromIcoMoon(
+    icoMoonConfig,
+    "icomoon",
+    "../assets/fonts/icomoon.ttf" // 引入本地assets下的字体资源
+  );
+
+  //引入 fontello 自定义字体
+  const CustomFontello = createIconSetFromFontello(
+    fontelloConfig,
+    "fontello",
+    "../assets/fonts/fontello.ttf" // 引入本地assets下的字体资源
+  );
+
+  return (
+    <ScrollView style={{ padding: 20 }}>
+      <CustomTest.Button
+        name="application-record"
+        backgroundColor="#3b5998"
+        size={20}
+      >
+        CustomTest application-record
+      </CustomTest.Button>
+
+      <CustomTest.Button name="to-do" backgroundColor="#3b5998" size={20}>
+        CustomTest to-do
+      </CustomTest.Button>
+
+      <CustomIconMoon.Button name="home2" backgroundColor="#3b5998">
+        CustomIconMoon home2
+      </CustomIconMoon.Button>
+
+      <CustomFontello.Button name="emo-happy" backgroundColor="#3b5998">
+        CustomFontello emo-happy
+      </CustomFontello.Button>
+
+      <AntDesign.Button name="forward" backgroundColor="#3b5998" size={20}>
+        AntDesign forward
+      </AntDesign.Button>
+
+      <Entypo.Button name="app-store" backgroundColor="#3b5998" size={20}>
+        Entypo app-store
+      </Entypo.Button>
+
+      <EvilIcons.Button name="bell" backgroundColor="#3b5998" size={20}>
+        EvilIcons bell
+      </EvilIcons.Button>
+
+      <Feather.Button name="sunrise" backgroundColor="#3b5998" size={20}>
+        Feather sunrise
+      </Feather.Button>
+      <FontAwesome.Button name="glass" backgroundColor="#3b5998" size={20}>
+        FontAwesome glass
+      </FontAwesome.Button>
+
+      <FontAwesome5.Button name="angry" backgroundColor="#3b5998" size={20}>
+        FontAwesome5_regular angry
+      </FontAwesome5.Button>
+      <FontAwesome5.Button name="adn" backgroundColor="#3b5998" size={20}>
+        FontAwesome5_brands adn
+      </FontAwesome5.Button>
+      <FontAwesome5.Button name="ad" backgroundColor="#3b5998" size={20}>
+        FontAwesome5_solid ad
+      </FontAwesome5.Button>
+
+      <FontAwesome6.Button name="adn" backgroundColor="#3b5998" size={20}>
+        FontAwesome6_brands adn
+      </FontAwesome6.Button>
+      <FontAwesome6.Button
+        name="bookmark"
+        backgroundColor="#3b5998"
+        size={20}
+        solid
+      >
+        FontAwesome6_regular bookmark
+      </FontAwesome6.Button>
+      <FontAwesome6.Button
+        name="apple-whole"
+        backgroundColor="#3b5998"
+        size={20}
+      >
+        FontAwesome6_solid apple-whole
+      </FontAwesome6.Button>
+      <Fontisto.Button name="aws" backgroundColor="#3b5998" size={20}>
+        Fontisto aws
+      </Fontisto.Button>
+      <Foundation.Button name="archive" backgroundColor="#3b5998" size={20}>
+        Foundation archive
+      </Foundation.Button>
+      <Ionicons.Button name="aperture" backgroundColor="#3b5998" size={20}>
+        Ionicons aperture
+      </Ionicons.Button>
+      <MaterialCommunityIcons.Button
+        name="zip-box"
+        backgroundColor="#3b5998"
+        size={20}
+      >
+        MaterialCommunityIcons zip-box
+      </MaterialCommunityIcons.Button>
+      <MaterialIcons.Button name="airplay" backgroundColor="#3b5998" size={20}>
+        MaterialIcons airplay
+      </MaterialIcons.Button>
+      <Octicons.Button name="share" backgroundColor="#3b5998" size={20}>
+        Octicons share
+      </Octicons.Button>
+      <SimpleLineIcons.Button name="mouse" backgroundColor="#3b5998" size={20}>
+        SimpleLineIcons mouse
+      </SimpleLineIcons.Button>
+      <Zocial.Button name="rss" backgroundColor="#3b5998" size={20}>
+        Zocial rss
+      </Zocial.Button>
+    </ScrollView>
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在 ArkTs 侧引入和注册字体文件
+
+步骤一：
+复制 `node_modules/react-native-vector-icons/Fonts` 目录下的字体文件到 `entry/src/main/resources/rawfile/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
+
+步骤二：
+打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+
+```ts
+RNApp({
+  rnInstanceConfig: {
+    fontResourceByFontFamily: {
+      'anticon': $rawfile('fonts/AntDesign.ttf'),
+      'Entypo': $rawfile('fonts/Entypo.ttf'),
+      'EvilIcons': $rawfile('fonts/EvilIcons.ttf'),
+      'Feather': $rawfile('fonts/Feather.ttf'),
+      'FontAwesome': $rawfile('fonts/FontAwesome.ttf'),
+      'FontAwesome5Brands-Regular': $rawfile('fonts/FontAwesome5_Brands.ttf'),
+      'FontAwesome5Free-Regular': $rawfile('fonts/FontAwesome5_Regular.ttf'),
+      'FontAwesome5Free-Solid': $rawfile('fonts/FontAwesome5_Solid.ttf'),
+      'FontAwesome6Brands-Regular': $rawfile('fonts/FontAwesome6_Brands.ttf'),
+      'FontAwesome6Free-Regular': $rawfile('fonts/FontAwesome6_Regular.ttf'),
+      'FontAwesome6Free-Solid': $rawfile('fonts/FontAwesome6_Solid.ttf'),
+      'Fontisto': $rawfile('fonts/Fontisto.ttf'),
+      'fontcustom': $rawfile('fonts/Foundation.ttf'),
+      'Ionicons': $rawfile('fonts/Ionicons.ttf'),
+      'Material Design Icons': $rawfile('fonts/MaterialCommunityIcons.ttf'),
+      'Material Icons': $rawfile('fonts/MaterialIcons.ttf'),
+      'Octicons': $rawfile('fonts/Octicons.ttf'),
+      'simple-line-icons': $rawfile('fonts/SimpleLineIcons.ttf'),
+      'zocial': $rawfile('fonts/Zocial.ttf'),
+      // 以下三种为外部字体，这里是举例说明，以用户实际为准
+      'icomoon': $rawfile('fonts/icomoon.ttf'),
+      'fontello': $rawfile('fonts/fontello.ttf'),
+      'poppy-icon': $rawfile('fonts/test.ttf')
+    }
+    // ...
+  }
+})
+```
+
+#### 提醒：自定义字体也需要用同样的方法在此注册
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请使用 Api 11 及以上版本，低版本会导致 font 注册不成功，图标显示不出来。
+
+## 遗留问题
+
+- [ ] getImageSource 和 getImageSourceSync 原生方法可以将字体文件绘制成 Bitmap 位图供 `Image` 组件使用，Harmony OS 侧暂时不支持
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-version-number.md b/en/react-native-version-number.md
new file mode 100644
index 00000000..9dbad354
--- /dev/null
+++ b/en/react-native-version-number.md
@@ -0,0 +1,172 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-version-number</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/APSL/react-native-version-number">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/APSL/react-native-version-number/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-version-number)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-version-number@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-version-number@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import { Text, View } from "react-native";
+import VersionNumber from "react-native-version-number";
+
+export default function () {
+  return (
+    <View style={{ marginTop: 50, flex: 1, flexDirection: "column", gap: 20 }}>
+      <Text>{VersionNumber.appVersion}</Text>
+      <Text>{VersionNumber.buildVersion}</Text>
+      <Text>{VersionNumber.bundleIdentifier}</Text>
+    </View>
+  );
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-version-number": "file:../../node_modules/@react-native-oh-tpl/react-native-version-number/harmony/rnoh_version_number.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNVersionNumberPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNVersionNumberPackage} from '@react-native-oh-tpl/react-native-version-number/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNVersionNumberPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description  | Type   | Required | Platform | HarmonyOS Support |
+| ---------------- | ------------ | ------ | -------- | -------- | ----------------- |
+| appVersion       | 应用程序版本 | string | yes      | all      | yes               |
+| buildVersion     | 构建版本     | string | yes      | all      | yes               |
+| bundleIdentifier | 应用标识符   | string | yes      | all      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/APSL/react-native-version-number/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-video-cache.md b/en/react-native-video-cache.md
new file mode 100644
index 00000000..62b4f909
--- /dev/null
+++ b/en/react-native-video-cache.md
@@ -0,0 +1,222 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.0
+
+<p align="center">
+  <h1 align="center"> <code>react-native-video-cache</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/zhigang1992/react-native-video-cache">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-video-cache)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-video-cache@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-video-cache@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useEffect, useState } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import  { convertAsync } from "react-native-video-cache";
+
+export default function App() {
+    const url =
+        "https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4";
+    const [asyncVersion, setAsyncVersion] = useState<string>('');
+    useEffect(() => {
+        convertAsync(url).then(setAsyncVersion);
+    }, [])
+    return (
+        <View style={styles.container}>
+            <Text style={styles.welcome}>☆Original URL☆</Text>
+            <Text style={styles.instructions}>{url}</Text>
+            <Text style={styles.welcome}>☆Async Proxy URL☆</Text>
+            <Text style={styles.instructions}>{asyncVersion}</Text>
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "#F5FCFF",
+        padding: 20
+    },
+    welcome: {
+        fontSize: 20,
+        textAlign: "center",
+        margin: 10,
+    },
+    instructions: {
+        textAlign: "center",
+        color: "#333333",
+        marginBottom: 5,
+    },
+});
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache"
+  }
+```
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 3.在 ArkTs 侧引入 RNVideoCachePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++   import { RNVideoCachePackage } from '@react-native-oh-tpl/rnoh-video-cache/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNVideoCachePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases)。
+
+本文档内容基于以下版本验证通过：
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请见[react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)
+
+| Name           | Description                                          | Type   | Required | Platform    | HarmonyOS Support |
+| -------------- | ---------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| convertToCache | Return the local proxy cache server URL using sync.  | string | no       | Androis/IOS | no                |
+| convertAsync   | Return the local proxy cache server URL using async. | string | no       | Androis/IOS | yes               |
+
+## 其他
+
+## 遗留问题
+
+- [ ] 由于 HarmonyOS 侧原生依赖 HarmonyOS 三方库@ohos/video-cache中HttpProxyCacheServer实例化对象方法getProxyUrl暂为异步方法，导致本库同步方法convertToCache暂无法实现，问题：[issue#1](https://github.com/react-native-oh-library/react-native-video-cache/issues/1)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-video-controls.md b/en/react-native-video-controls.md
new file mode 100644
index 00000000..8025ea73
--- /dev/null
+++ b/en/react-native-video-controls.md
@@ -0,0 +1,154 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-video-controls</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/itsnubix/react-native-video-controls">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/itsnubix/react-native-video-controls/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/itsnubix/react-native-video-controls)
+
+## 安装与使用
+
+> [!TIP] 需要配套的服务和三方依赖
+
+react-native-video-controls依赖于以下三方库
+
+| Dependencies       | Version |
+| :----------------- | :------ |
+| react-native-video | >=2.0.0 |
+| lodash             | ^4.16.4 |
+
+本库依赖[@react-native-oh-tpl/react-native-video](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-video.md#link)以及简化开发的JS工具[lodash](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/lodash.md)
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install --save react-native-video-controls
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-video-controls
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import VideoPlayer from 'react-native-video-controls';
+
+const App = () => {
+  function handleOnBack() {
+    alert("this is onBack event test,because navigator properties depends on others parity");
+  }
+  return(
+      <View>
+       <VideoPlayer
+      		title = 'oceans'
+      		style = {styles.container}
+         	videoStyle = {styles.video}
+            source = {{ uri: 'https://vjs.zencdn.net/v/oceans.mp4' }}
+            toggleResizeModeOnFullscreen = {true}
+            controlAnimationTiming = {3000}
+            doubleTapTime = {10}
+            controlTimeout = {4000}
+            scrubbing = {5}
+			onBack = {handleOnBack}
+            showOnStart = {false}
+            seekColor = {'#00FFFF'}
+            tapAnywhereToPause = {true}
+        />
+     </View>
+    );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#000',
+  }, 
+  video: {  
+    width: '100%',  
+    height: '100%',  
+  },
+});
+
+export default App;
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-video代码以及简化开发工具lodash，如已在 HarmonyOS 工程中引入过这些库，且版本无误则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-video文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-video.md#link)和[lodash文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/lodash.md)进行引入。安装完成后请在终端使用`npm list react-native-video`和`npm list lodash`查看video组件版本和lodash工具版本是否正确
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.28; SDK: HarmonyOS NEXT Developer Beta3 5.0.0.36(12 Beta3); IDE: DevEco Studio 5.0.3.535; ROM: 5.0.0.31;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> [!tip] "Name"列属性navigator在使用时，请参考本文档其他
+
+| Name                         | Description                                                  |     Type     | Required |  Platform   | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------ | :----------: | :------: | :---------: | :---------------: |
+| toggleResizeModeOnFullscreen | If true, clicking the fullscreen button will toggle the `<Video />` component between cover/contain, set to false if you want to customize fullscreen behaviour |     Bool     |    no    | iOS/Android |        yes        |
+| controlAnimationTiming       | The amountof time (in milliseconds) to animate the controls in and out. |     Int      |    no    | iOS/Android |        yes        |
+| doubleTapTime                | Tapping twice within this amount of time in milliseconds is considered a double tap. Single taps will not be actioned until this time has expired. |     Int      |    no    | iOS/Android |        yes        |
+| controlTimeout               | Hide controls after X amount of time in milliseconds         |     Int      |    no    | iOS/Android |        yes        |
+| scrubbing                    | If > 0, enable live scrubbing when moving the seek bar. The provided value is the minimum time step of the scrubbing in milliseconds. |     Int      |    no    | iOS/Android |        yes        |
+| showOnStart                  | Show or hide the controls on first render                    |     Bool     |    no    | iOS/Android |        yes        |
+| videoStyle                   | React Native StyleSheet object that is appended to the `<Video>` component |  StyleSheet  |    no    | iOS/Android |        yes        |
+| navigator                    | When using the default React Native navigator and do not override the `onBack` function, you'll need to pass the navigator to the VideoPlayer for it to function |  Navigator   |    no    | iOS/Android |        yes        |
+| seekColor                    | Fill/handle colour of the seekbar                            | String(#HEX) |    no    | iOS/Android |        yes        |
+| style                        | React Native StyleSheet object that is appended to the video's parent `<View>` |  StyleSheet  |    no    | iOS/Android |        yes        |
+| tapAnywhereToPause           | If true, single tapping anywhere on the video (other than a control) toggles between playing and paused. |     Bool     |    no    | iOS/Android |        yes        |
+| disableFullscreen            | Hide the fullscreen button                                   |     Bool     |    no    | iOS/Android |        yes        |
+| disablePlayPause             | Hide the play/pause toggle                                   |     Bool     |    no    | iOS/Android |        yes        |
+| disableSeekbar               | Hide the seekbar                                             |     Bool     |    no    | iOS/Android |        yes        |
+| disableVolume                | Hide the Volume control                                      |     Bool     |    no    | iOS/Android |        yes        |
+| disableTimer                 | Hide the timer                                               |     Bool     |    no    | iOS/Android |        yes        |
+| disableBack                  | Hide the back button                                         |     Bool     |    no    | iOS/Android |        yes        |
+| onEnterFullscreen            | Fired when the video enters fullscreen after the fullscreen button is pressed |    Event     |    no    | iOS/Android |        yes        |
+| onExitFullscreen             | Fired when the video exits fullscreen after the fullscreen button is pressed |    Event     |    no    | iOS/Android |        yes        |
+| onHideControls               | Fired when the controls disappear                            |    Event     |    no    | iOS/Android |        yes        |
+| onShowControls               | Fired when the controls appear                               |    Event     |    no    | iOS/Android |        yes        |
+| onError                      | Fired when an error is encountered when loading the video    |    Event     |    no    | iOS/Android |        yes        |
+| onPause                      | Fired when the video is paused after the play/pause button is pressed |    Event     |    no    | iOS/Android |        yes        |
+| onPlay                       | Fired when the video begins playing after the play/pause button is pressed |    Event     |    no    | iOS/Android |        yes        |
+| onBack                       | Function fired when back button is pressed, override if using custom navigation |    Event     |    no    | iOS/Android |        yes        |
+| onEnd                        | Fired when the video is complete                             |    Event     |    no    | iOS/Android |        yes        |
+
+## 遗留问题
+
+## 其他
+
++ 源库未提供navigator属性功能实现也未提及该属性的依赖，但可由navigation相关库提供该属性的功能，在使用时请参照[react-navigation-stack文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-navigation-stack.md)和[react-navigation-native文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-navigation-native.md)引入navigation相关库。
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/itsnubix/react-native-video-controls/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-video.md b/en/react-native-video.md
new file mode 100644
index 00000000..fc181999
--- /dev/null
+++ b/en/react-native-video.md
@@ -0,0 +1,691 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-video</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-video/react-native-video/tree/support/5.2.X">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-video/react-native-video/blob/support/5.2.X/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-video)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-video@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-video@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useRef } from "react";
+import { View, ScrollView, StyleSheet, Text, TextInput } from "react-native";
+import RNCVideo from "react-native-video";
+
+function RNCVideoDemo() {
+  const [muted, setMuted] = useState(true);
+  const [paused, setPaused] = useState(false);
+  const [repeat, setRepeat] = useState(true);
+  const [disableFocus, setDisableFocus] = useState(false);
+  const [uri, setUri] = useState(
+    "https://res.vmallres.com//uomcdn/CN/cms/202210/C75C7E20060F3E909F2998E13C3ABC03.mp4"
+  );
+  const [txt, setTxt] = useState("empty");
+  const [resizeMode, setResizeMode] = useState("none");
+  const [posterResizeMode, setPosterResizeMode] = useState("cover");
+  const [seekSec, setSeekSec] = useState(5000);
+
+  const [onVideoLoad, setOnVideoLoad] = useState("onVideoLoad");
+  const [onVideoLoadStart, setOnVideoLoadStart] = useState("onVideoLoadStart");
+  const [onVideoError, setOnVideoError] = useState("onVideoError");
+  const [onVideoProgress, setOnVideoProgress] = useState("onVideoProgress");
+  const [onVideoEnd, setOnVideoEnd] = useState("onVideoEnd");
+  const [onVideoBuffer, setOnVideoBuffer] = useState("onVideoBuffer");
+  const [onPlaybackStalled, setOnPlaybackStalled] = useState("onPlaybackStalled");
+  const [onPlaybackResume, setOnPlaybackResume] = useState("onPlaybackResume");
+
+  const videoRef = React.useRef<typeof RNCVideo>();
+
+  const toggleMuted = () => {
+    setMuted((prevMuted) => !prevMuted);
+  };
+
+  const togglePaused = () => {
+    setPaused((prevPaused) => !prevPaused);
+  };
+
+  const toggleRepeat = () => {
+    setRepeat((prevRepeat) => !prevRepeat);
+  };
+
+  const toggleDisableFocus = () => {
+    setDisableFocus((prevDisableFocus) => !prevDisableFocus);
+  };
+
+  const firstVideo = () => {
+    setUri((prevRepeat) => "https://vjs.zencdn.net/v/oceans.mp4");
+  };
+
+  const secondVideo = () => {
+    // setUri((prevRepeat) => 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4');
+    setUri(
+      (prevRepeat) =>
+        "https://res.vmallres.com//uomcdn/CN/cms/202210/C75C7E20060F3E909F2998E13C3ABC03.mp4"
+    );
+  };
+
+  const changeResizeMode = (resizeMode) => {
+    setResizeMode((prevResizeMode) => resizeMode);
+  };
+
+  return (
+    <ScrollView style={styles.container}>
+      <View style={styles.container}>
+        <Text style={styles.title}>网络视频demo</Text>
+        <Text style={styles.labelB}>{onVideoLoad}</Text>
+        <Text style={styles.label}>{onVideoError}</Text>
+        <Text style={styles.label}>{onVideoLoadStart}</Text>
+        <Text style={styles.labelB}>{onVideoProgress}</Text>
+        <Text style={styles.label}>{onVideoEnd}</Text>
+        <Text style={styles.label}>{onVideoBuffer}</Text>
+        <Text style={styles.label}>{onPlaybackStalled}</Text>
+        <Text style={styles.label}>{onPlaybackResume}</Text>
+        <Text style={styles.title}>update source </Text>
+        <View
+          style={{
+            flexDirection: "row",
+            height: 40,
+            padding: 0,
+          }}
+        >
+          <Text
+            style={{ backgroundColor: "blue", flex: 0.25 }}
+            onPress={() => {
+              setUri(
+                "https://res.vmallres.com//uomcdn/CN/cms/202210/C75C7E20060F3E909F2998E13C3ABC03.mp4"
+              );
+              setPosterResizeMode("stretch");
+            }}
+          >
+            切换net:vmallres
+          </Text>
+          <Text
+            style={{ backgroundColor: "red", flex: 0.25 }}
+            onPress={() => {
+              setUri("https://vjs.zencdn.net/v/oceans.mp4");
+              setPosterResizeMode("contain");
+            }}
+          >
+            切换net:oceans
+          </Text>
+        </View>
+        <Text style={styles.title}>set resizeMode </Text>
+        <View
+          style={{
+            flexDirection: "row",
+            height: 40,
+            padding: 0,
+          }}
+        >
+          <Text
+            style={{ backgroundColor: "blue", flex: 0.25 }}
+            onPress={() => {
+              setResizeMode("none");
+            }}
+          >
+            none
+          </Text>
+          <Text
+            style={{ backgroundColor: "red", flex: 0.25 }}
+            onPress={() => {
+              setResizeMode("contain");
+            }}
+          >
+            contain
+          </Text>
+          <Text
+            style={{ backgroundColor: "yellow", flex: 0.25 }}
+            onPress={() => {
+              setResizeMode("stretch");
+            }}
+          >
+            stretch
+          </Text>
+          <Text
+            style={{ backgroundColor: "green", flex: 0.25 }}
+            onPress={() => {
+              setResizeMode("cover");
+            }}
+          >
+            cover
+          </Text>
+        </View>
+        <View
+          style={{
+            flexDirection: "row",
+            flexWrap: "wrap",
+            padding: 0,
+          }}
+        >
+          <Text style={styles.title}>操作 </Text>
+          <TextInput
+            style={styles.prop_input}
+            placeholder="input seek sec number:"
+            multiline={false}
+            maxLength={30}
+            keyboardType="numeric"
+            onChangeText={(text) => {
+              const newText = text.replace(/[^\d]+/, "");
+              setSeekSec(Number(newText));
+            }}
+            autoFocus={false}
+          />
+        </View>
+        <View
+          style={{
+            flexDirection: "row",
+            flexWrap: "wrap",
+            padding: 0,
+          }}
+        >
+          <Text
+            style={styles.button_b}
+            onPress={() => {
+              videoRef.current?.seek(seekSec);
+            }}
+          >
+            seek:{seekSec.toString()}
+          </Text>
+          <Text
+            style={styles.button_b}
+            onPress={() => {
+              togglePaused();
+            }}
+          >
+            paused:{paused.toString()}
+          </Text>
+          <Text
+            style={styles.button_b}
+            onPress={() => {
+              toggleMuted();
+            }}
+          >
+            muted:{muted.toString()}
+          </Text>
+          <Text
+            style={styles.button_b}
+            onPress={() => {
+              toggleRepeat();
+            }}
+          >
+            repeat:{repeat.toString()}
+          </Text>
+          <Text
+            style={styles.button_b}
+            onPress={() => {
+              toggleDisableFocus();
+            }}
+          >
+            disableFocus:{disableFocus.toString()}
+          </Text>
+          <Text style={styles.button_b}>
+            ReSizeMode:{resizeMode.toString()}
+          </Text>
+        </View>
+        <RNCVideo
+          style={styles.video}
+          ref={videoRef}
+          source={{ uri: uri, isNetwork: true }}
+          paused={paused}
+          muted={muted}
+          resizeMode={resizeMode}
+          repeat={repeat}
+          volume={1}
+          disableFocus={disableFocus}
+          poster={
+            "https://res.vmallres.com/pimages/uomcdn/CN/pms/202304/sbom/4002010007801/group/800_800_9B1356F1330EADDCB20D35D2AE1F46E0.jpg"
+          }
+         posterResizeMode={posterResizeMode}
+          onLoad={(e) => {
+            setOnVideoLoad(
+              "onVideoLoad currentTime =" +
+                e.currentPosition +
+                "s duration =" +
+                e.duration +
+                "s width =" +
+                e.naturalSize.width +
+                " orientation =" +
+                e.naturalSize.orientation
+            );
+            setOnVideoError("onVideoError error = ok");
+          }}
+          onLoadStart={(e) => {
+            setOnVideoLoadStart(
+              "onVideoLoadStart isNetwork =" +
+                e.isNetwork +
+                " type=" +
+                e.type +
+                " uri=" +
+                e.uri
+            );
+          }}
+          onProgress={(e) => {
+            setOnVideoProgress(
+              "onVideoProgress currentTime =" +
+                e.currentTime +
+                " playableDuration=" +
+                e.playableDuration +
+                " seekableDuration=" +
+                e.seekableDuration
+            );
+          }}
+          onError={(e) => {
+            setOnVideoError("onVideoError error =" + e.error);
+          }}
+          onEnd={() => {
+            setOnVideoEnd("onVideoEnd completed");
+          }}
+          onBuffer={(e) => {
+            setOnVideoBuffer("onVideoBuffer :" + e.isBuffering);
+          }}
+          onPlaybackStalled={() => {
+            setOnPlaybackStalled("onPlaybackStalled : true");
+            setOnPlaybackResume("onPlaybackResume :false");
+          }}
+          onPlaybackResume={() => {
+            setOnPlaybackStalled("onPlaybackStalled :false");
+            setOnPlaybackResume("onPlaybackResume :true");
+          }}
+          onReadyForDisplay={() => {
+            console.log(`onReadyForDisplay :setShowPoster(false)`);
+          }}
+        />
+      </View>
+    </ScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+  video: {
+    width: "100%",
+    height: 260,
+  },
+  container: {
+    width: "100%",
+    height: "100%",
+    backgroundColor: "#f8f8f8",
+  },
+  title: {
+    color: "white",
+    width: "30%", // hack
+    height: 30, // hack
+  },
+  label: {
+    color: "gray",
+    width: "100%", // hack
+    minHeight: 20,
+  },
+  labelB: {
+    color: "gray",
+    width: "100%", // hack
+    minHeight: 40,
+  },
+  button: {
+    width: 160,
+    height: 36,
+    backgroundColor: "hsl(190, 50%, 70%)",
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 8,
+  },
+  buttonText: {
+    width: "100%",
+    height: "100%",
+    fontWeight: "bold",
+  },
+  button_b: {
+    paddingHorizontal: 8,
+    paddingVertical: 6,
+    borderRadius: 4,
+    backgroundColor: "oldlace",
+    alignSelf: "flex-start",
+    marginHorizontal: "1%",
+    marginBottom: 6,
+    minWidth: "25%",
+    minHeight: 20,
+    textAlign: "center",
+  },
+  prop_input: {
+    width: 160,
+    height: 40,
+    borderWidth: 1,
+    backgroundColor: "white",
+    color: "black",
+    borderRadius: 8,
+  },
+});
+
+export default RNCVideoDemo;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+   ...
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-video": "file:../../node_modules/@react-native-oh-tpl/react-native-video/harmony/rn_video.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNCVideoPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-video/src/main/cpp" ./video)
+# RNOH_BEGIN: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_video)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RNCVideoPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNCVideoPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNCVideo 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNCVideo, RNC_VIDEO_TYPE } from "@react-native-oh-tpl/react-native-video"
+
+@Builder
+function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === RNC_VIDEO_TYPE) {
++   RNCVideo({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+ ...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  ...
++ RNC_VIDEO_TYPE
+  ];
+```
+
+### 5.在 ArkTs 侧引入 RNCVideoPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNCVideoPackage } from '@react-native-oh-tpl/react-native-video/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNCVideoPackage(ctx)
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases)
+
+## 属性
+
+详情请查看[react-native-video 官方文档](https://github.com/react-native-video/react-native-video/blob/support/5.2.X/README.md)
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Descriptio                 | Type   | Required  | Platform | HarmonyOS Support |
+| ---- | -------------------------- | :----- | --------- | -------- |------------------ |
+| `source`| Sets the media source. You can pass an asset loaded via require or an object with a uri.| object | Yes      | All                                                      | yes |
+| `disableFocus`     | Determines whether video audio should override background music/audio in Android and HarmonyOS devices.<br/>**false (default)**                                                                                                                                                                                                             | boolean   | No       | Android Exoplayer                                        | yes                            |
+| `muted`            | Controls whether the audio is muted.<br/>**false (default)** - Don't mute audio                                                                                                                                                                                                                                                             | boolean   | No       | All                                                      | yes                            |
+| `paused`           | Controls whether the media is paused.<br/>**false (default)** - Don't pause the media                                                                                                                                                                                                                                                       | boolean   | No       | All                                                      | yes                            |
+| `repeat`           | Determine whether to repeat the video when the end is reached.<br/>**false (default)** - Don't repeat the video                                                                                                                                                                                                                             | boolean   | No       | All                                                      | yes                            |
+| `resizeMode`       | Determines how to resize the video when the frame doesn't match the raw video dimensions.<br/>**"none" (default)** - Don't apply resize                                                                                                                                                                                                     | string | No       | Android ExoPlayer, Android MediaPlayer, iOS, Windows UWP | yes                            |
+| `volume`           | Adjust the volume.<br/>**1.0 (default)** - Play at full volume                                                                                                                                                                                                                                                                              | number | No       | All                                                      | yes                            |
+| `poster`           | An image to display while the video is loading<br/>Value: string with a URL for the poster, e.g. "<https://baconmockup.com/300/200/>"                                                                                                                                                                                                       | string | No       | All                                                      | yes                            |
+| `posterResizeMode` | Determines how to resize the poster image when the frame doesn't match the raw video dimensions..<br/>**"contain" (default)**- Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding). | string | No       | All                                                      | yes                            |
+| `allowsExternalPlayback` | Indicates whether the player allows switching to external playback mode such as AirPlay or HDMI.              | boolean   | No  | iOS | No |
+| `audioOnly` | Indicates whether the player should only play the audio track and instead of displaying the video track, show the poster instead.  | boolean   | No  | All | No |
+| `onPlaybackStalled` | The callback when the buffer starts caching, controls the display of the loading view  | boolean   | No  | Android | No |
+| `onPlaybackResume` | The callback when the buffer ends caching, controlling the hiding of the loading view  | boolean   | No  | Android | No |
+| `automaticallyWaitsToMinimizeStalling` | A Boolean value that indicates whether the player should automatically delay playback in order to minimize stalling. For clients linked against iOS 10.0 and later  | boolean   | No  | iOS | No |
+| `bufferConfig` | Adjust the buffer settings. This prop takes an object with one or more of the properties listed below.  | object   | No  | Android | No |
+| `controls` |Determines whether to show player controls.  | boolean   | No  | All | No |
+| `currentPlaybackTime` |When playing an HLS live stream with a EXT-X-PROGRAM-DATE-TIME tag configured, then this property will contain the epoch value in msec.| string | No  | All | No |
+| `filter` |Add video filter| string | No  | iOS | No |
+| `filterEnabled` |Enable video filter.| string | No  | iOS | No |
+| `fullscreen` |Controls whether the player enters fullscreen on play.| boolean | No  | iOS | No |
+| `fullscreenAutorotate` |If a preferred fullscreenOrientation is set, causes the video to rotate to that orientation but permits rotation of the screen to orientation held by user. Defaults to TRUE.| boolean | No  | iOS | No |
+| `fullscreenOrientation` |Full screen orientation is set.| string | No  | iOS | No |
+| `headers` |Pass headers to the HTTP client. Can be used for authorization. Headers must be a part of the source object.| object | No  | Android | No |
+| `hideShutterView` |Controls whether the ExoPlayer shutter view (black screen while loading) is enabled.| boolean | No  | Android | No |
+| `id` |Set the DOM id element so you can use document.getElementById on web platforms. Accepts string values.| string | No  | All | No |
+| `ignoreSilentSwitch` |Controls the iOS silent switch behavior| string | No  | iOS | No |
+| `maxBitRate` |Sets the desired limit, in bits per second, of network bandwidth consumption when multiple video streams are available for a playlist.| number | No  | All | No |
+| `minLoadRetryCount` |Sets the minimum number of times to retry loading data before failing and reporting an error to the application. Useful to recover from transient internet failures.| number | No  | Android | No |
+| `mixWithOthers` |Controls how Audio mix with other apps.| string | No  | iOS | No |
+| `pictureInPicture` |Determine whether the media should played as picture in picture.| boolean | No  | iOS | No |
+| `playInBackground` |Determine whether the media should continue playing while the app is in the background. This allows customers to continue listening to the audio.| boolean | No  | All | No |
+| `playWhenInactive` |Determine whether the media should continue playing when notifications or the Control Center are in front of the video.| boolean | No  | iOS | No |
+| `preferredForwardBufferDuration` |The duration the player should buffer media from the network ahead of the playhead to guard against playback disruption. Sets the preferredForwardBufferDuration instance property on AVPlayerItem.| number | No  | iOS | No |
+| `preventsDisplaySleepDuringVideoPlayback` |Controls whether or not the display should be allowed to sleep while playing the video. Default is not to allow display to sleep.| boolean | No  | All | No |
+| `progressUpdateInterval` |Delay in milliseconds between onProgress events in milliseconds.| number | No  | iOS | No |
+| `rate` |Speed at which the media should play.| number | No  | All | No |
+| `reportBandwidth` |Determine whether to generate onBandwidthUpdate events. This is needed due to the high frequency of these events on ExoPlayer.| boolean | No  | Android | No |
+| `selectedAudioTrack` |Configure which audio track, if any, is played.| object | No  | All | No |
+| `selectedTextTrack` |Configure which text track (caption or subtitle), if any, is shown.| object | No  | All | No |
+| `selectedVideoTrack` |Configure which video track should be played. By default, the player uses Adaptive Bitrate Streaming to automatically select the stream it thinks will perform best based on available bandwidth.| object | No  | Android | No |
+| `stereoPan` |Adjust the balance of the left and right audio channels. Any value between –1.0 and 1.0 is accepted.| number | No  | Android | No |
+| `textTracks` |Load one or more "sidecar" text tracks. This takes an array of objects representing each track. | object | No  | All | No |
+| `trackId` |Configure an identifier for the video stream to link the playback context to the events emitted. | string | No  | Android | No |
+| `useTextureView` |Controls whether to output to a TextureView or SurfaceView. | boolean | No  | Android | No |
+
+
+
+## 事件回调
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                                                                          | Type     | Required | Platform                                         | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | :------- | -------- | ------------------------------------------------ | ----------------- |
+| `onLoad`            | Callback function that is called when the media is loaded and ready to play.                                                         | function | No       | All                                              | yes               |
+| `onLoadStart`       | Callback function that is called when the media starts loading.                                                                      | function | No       | All                                              | yes               |
+| `onReadyForDisplay` | Callback function that is called when the first video frame is ready for display. This is when the poster is removed.                | function | No       | Android ExoPlayer, Android MediaPlayer, iOS, Web | yes               |
+| `onProgress`        | Callback function that is called every progressUpdateInterval seconds with info about which position the media is currently playing. | function | No       | All                                              | yes               |
+| `onEnd`             | Callback function that is called when the player reaches the end of the media.                                                       | function | No       | All                                              | yes               |
+| `onError`           | Callback function that is called when the player experiences a playback error.                                                       | function | No       | All                                              | yes               |
+| `onBuffer`          | Callback function that is called when the player buffers.                                                                            | function | No       | Android, iOS                                     | yes               |
+| `onPlaybackStalled` | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_START     | function | No       | Android MediaPlayer                              | yes               |
+| `onPlaybackResume`  | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_END | function | No    | Android MediaPlayer  | yes  |
+| `onAudioBecomingNoisy`  | Callback function that is called when the audio is about to become 'noisy' due to a change in audio outputs. Typically this is called when audio output is being switched from an external source like headphones back to the internal speaker. It's a good idea to pause the media when this happens so the speaker doesn't start blasting sound. | function | No    | All  | No  |
+| `onBandwidthUpdate` | Callback function that is called when the available bandwidth changes.     | function | No       | Android   | No  |
+| `onExternalPlaybackChange` | Callback function that is called when external playback mode for current playing video has changed. Mostly useful when connecting/disconnecting to Apple TV – it's called on connection/disconnection.    | function | No       | iOS   | No  |
+| `onFullscreenPlayerWillPresent` | Callback function that is called when the player is about to enter fullscreen mode.    | function | No       | All   | No  |
+| `onFullscreenPlayerDidPresent` |Callback function that is called when the player has entered fullscreen mode.   | function | No       | All   | No  |
+| `onFullscreenPlayerWillDismiss` |Callback function that is called when the player is about to exit fullscreen mode.   | function | No       | All   | No  |
+| `onFullscreenPlayerDidDismiss` |Callback function that is called when the player has exited fullscreen mode.  | function | No       | All   | No  |
+| `onLoadStart` |Callback function that is called when the media starts loading.  | function | No       | All   | No  |
+| `onReadyForDisplay` |Callback function that is called when the first video frame is ready for display. This is when the poster is removed.  | function | No       | All   | No  |
+| `onPictureInPictureStatusChanged` |Callback function that is called when picture in picture becomes active or inactive.  | function | No       | IOS   | No  |
+| `onPlaybackRateChange` |Callback function that is called when the rate of playback changes - either paused or starts/resumes. | function | No       | All   | No  |
+| `onSeek` |Callback function that is called when a seek completes. | function | No       | All   | No  |
+| `onRestoreUserInterfaceForPictureInPictureStop` |Callback function that corresponds to Apple's restoreUserInterfaceForPictureInPictureStopWithCompletionHandler. Call restoreUserInterfaceForPictureInPictureStopCompleted inside of this function when done restoring the user | function | No       | iOS   | No  |
+| `onTimedMetadata` |Callback function that is called when timed metadata becomes available | function | No       | All   | No  |
+
+
+
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
+| -------- | -------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `seek()` | Seek to the specified position represented by seconds. seconds is a float value. | function | No       | All      | yes               |
+| `dismissFullscreenPlayer()` | Take the player out of fullscreen mode. | function | No       | All      | No              |
+| `presentFullscreenPlayer()` | Put the player in fullscreen mode. | function | No       | All      | No              |
+| `save()` | Save video to your Photos with current filter prop. Returns promise.| function | No       | iOS      | No              |
+| `restoreUserInterfaceForPictureInPictureStop()` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop.| function | No       | iOS      | No              |
+
+## 遗留问题
+
+- [x] source 暂时只支持在线 URL 资源问题： [issue#34](https://github.com/react-native-oh-library/react-native-video/issues/34)。
+- [ ] react-native-video 部分属性和方法未实现 HarmonyOS 化： [issue#60](https://github.com/react-native-oh-library/react-native-video/issues/60)。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/TheWidlarzGroup/react-native-video/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-view-overflow.md b/en/react-native-view-overflow.md
new file mode 100644
index 00000000..a7b1cad4
--- /dev/null
+++ b/en/react-native-view-overflow.md
@@ -0,0 +1,88 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-view-overflow</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/entria/react-native-view-overflow">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/entria/react-native-view-overflow/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-view-overflow)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-view-overflow@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-view-overflow@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {View} from 'react-native';
+
+import ViewOverflow from 'react-native-view-overflow';
+
+export function ViewOverflowDemo() {
+  return (
+  <View style={{height: '100%', backgroundColor: 'white', padding: 10}}>
+
+    <View style={{width: 200, height: 100, backgroundColor: 'red'}}>
+      <ViewOverflow style={{width: 100, height: 50, backgroundColor: 'blue'}}>
+          <ViewOverflow style={{width: 50, height: 25, backgroundColor: 'skyblue', left: 60, top: 30}}>
+            <View style={{backgroundColor: 'yellow', height: '100%', left: 20, top: 10}} />
+          </ViewOverflow>
+      </ViewOverflow>
+    </View>
+
+  </View>
+  );
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases)
+
+## 属性
+[!tip] 该库作为容器组件使用同View组件，可以让子控件溢出到父布局之外展示的效果；使用公共属性即可，不涉及私有属性及api方法。
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/entria/react-native-view-overflow/blob/master/LICENSE) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
diff --git a/en/react-native-view-pdf.md b/en/react-native-view-pdf.md
new file mode 100644
index 00000000..fb55afcc
--- /dev/null
+++ b/en/react-native-view-pdf.md
@@ -0,0 +1,226 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-view-pdf</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/rumax/react-native-PDFView">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/rumax/react-native-PDFView/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-PDFView)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-view-pdf@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-view-pdf@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View } from "react-native";
+import PDFView from "react-native-view-pdf";
+
+export function PdfViewExample() {
+  <View style={{ flex: 1 }}>
+    <PDFView
+      style={{ flex: 1 }}
+      resource="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
+      resourceType="url"
+      onLoad={() => {}}
+      onError={(error: any) => {}}
+    ></PDFView>
+  </View>;
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-view-pdf": "file:../../node_modules/@react-native-oh-tpl/react-native-view-pdf/harmony/pdf_view.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNPDFView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNPDFView } from '@react-native-oh-tpl/react-native-view-pdf'
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === RNPDFView.NAME) {
++   RNPDFView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RNPDFView.NAME
+  ];
+```
+
+### 4.在 ArkTs 侧引入 PDFViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { PDFViewPackage } from '@react-native-oh-tpl/react-native-view-pdf/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new PDFViewPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name              | Description                                                                                                                                                                                                                                        | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| resource          | A resource to render. It's possible to render PDF from file, url (should be encoded) or base64                                                                                                                                                     | string   | yes      | all      | yes               |
+| resourceType      | Should correspond to resource and can be: file, url or base64                                                                                                                                                                                      | string   | no       | all      | yes               |
+| fileFrom          | iOS: In case if resourceType is set to file, there are different way to search for it on iOS file system. Currently documentsDirectory, libraryDirectory, cachesDirectory, tempDirectory and bundle are supported. <br>harmony: files, cache, temp | string   | no       | iOS      | yes               |
+| onLoad            | Callback that is triggered when loading is completed                                                                                                                                                                                               | function | no       | all      | yes               |
+| onError           | Callback that is triggered when loading has failed. And error is provided as a function parameter                                                                                                                                                  | style    | no       | all      | yes               |
+| style             | css style                                                                                                                                                                                                                                          | string   | no       | all      | yes               |
+| fadeInDuration    | Fade in duration (in ms, defaults to 0.0) to smoothly fade the webview into view when pdf loading is completed                                                                                                                                     | number   | no       | all      | yes               |
+| enableAnnotations | Android ONLY: Boolean to enable Android view annotations (default is false).                                                                                                                                                                       | boolean  | no       | Android  | no                |
+| urlProps          | Extended properties for url type that allows to specify HTTP Method, HTTP headers and HTTP body                                                                                                                                                    | map      | no       | all      | no                |
+| onPageChanged     | Callback that is invoked when page is changed. Provides active page and total pages information                                                                                                                                                    | function | no       | Android  | no                |
+| onScrolled        | Callback that is invoked when PDF is scrolled. Provides offset value in a range between 0 and 1. Currently only 0 and 1 are supported.                                                                                                             | function | no       | all      | no                |
+
+### 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                                                                                                     | Type     | Required | Platform | HarmonyOS Support |
+| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| reload | Allows to reload the PDF document. This can be useful in such cases as network issues, document is expired, etc. To reload the document you will need a `ref` to the component: | function | yes      | all      | yes               |
+
+## 遗留问题
+
+- [ ] urlProps 属性不支持, HarmonyOS 原生组件 webview 不支持 urlProps。[issue: #5](https://github.com/react-native-oh-library/react-native-PDFView/issues/5)
+- [ ] onScrolled 属性不支持, HarmonyOS 原生组件 webview 加载 pdf 文件时 onScrolled 回调函数不执行。 [issue: #6](https://github.com/react-native-oh-library/react-native-PDFView/issues/6)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/rumax/react-native-PDFView/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-view-shot.md b/en/react-native-view-shot.md
new file mode 100644
index 00000000..222a9f8f
--- /dev/null
+++ b/en/react-native-view-shot.md
@@ -0,0 +1,297 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-view-shot</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/gre/react-native-view-shot">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/gre/react-native-view-shot/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-view-shot)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-view-shot@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-view-shot@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View, Text, Button } from "react-native";
+import ViewShot, { captureRef, captureScreen } from "react-native-view-shot";
+
+export function ViewShotDemo() {
+  const view = React.useRef < View > (null);
+  const ref = React.useRef(null);
+  const onCapture = (res) => {
+    console.info("onCapture callback");
+  };
+  const onCaptureFailure = (err) => {
+    console.info("onCaptureFailure " + JSON.stringify(err));
+  };
+
+  return (
+    <View>
+      <View
+        ref={view}
+        collapsable={false}
+        style={{ backgroundColor: "#ffffff" }}
+      >
+        <Text style={{ color: "#000", marginBottom: 30 }}>
+          Hello OpenHarmony
+        </Text>
+        <Text style={{ color: "#000", marginBottom: 30 }}>Hello HarmonyOS</Text>
+        <Text style={{ color: "#000", marginBottom: 30 }}>
+          Hello HarmonyOS Next.
+        </Text>
+
+        <ViewShot
+          ref={ref}
+          style={{ backgroundColor: "#ffffff" }}
+          onCapture={onCapture}
+          onCaptureFailure={onCaptureFailure}
+          captureMode="mount"
+        >
+          <Text style={{ color: "#000", marginBottom: 30 }}>Hello World</Text>
+        </ViewShot>
+
+      </View>
+      <Button
+        title="captureRef"
+        onPress={() => {
+          captureRef(view).then((res) => {
+            console.info(`captureRef: ${JSON.stringify(res)}`);
+          });
+        }}
+      />
+      <Button
+        title="ViewShot capture"
+        onPress={() => {
+          captureRef(ref).then((res) => {
+            console.info(`captureRef: ${res}`);
+          });
+        }}
+      />
+      <Button
+        title="captureScreen"
+        onPress={() => {
+          captureScreen().then((res) => {
+            console.info(`captureScreen success: ${res}`);
+          });
+        }}
+      />
+    </View>
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-view-shot": "file:../../node_modules/@react-native-oh-tpl/react-native-view-shot/harmony/view_shot.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ViewShotPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-view-shot/src/main/cpp" ./view-shot)
+# RNOH_BEGIN: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_view_shot)
+# RNOH_BEGIN: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "ViewShotPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ViewShotPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 ViewShotPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ViewShotPackage } from '@react-native-oh-tpl/react-native-view-shot/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ViewShotPackage(ctx),
+  ];
+}
+```
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Type                                   | Required | Platform     | HarmonyOS Support |
+| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | -------- | ------------ | ----------------- |
+| captureMode      | if not defined (default). the capture is not automatic and you need to use the ref and call `capture()` yourself<br>`"mount"`. Capture the view once at mount. (It is important to understand image loading won't be waited, in such case you want to use "none" with viewShotRef.capture() after Image#onLoad.) <br>`"continuous"` EXPERIMENTAL, this will capture A LOT of images continuously. For very specific use-cases.<br> `"update"` EXPERIMENTAL, this will capture images each time React redraw (on did update). For very specific use-cases. | ( 'mount' \| 'continuous' \| 'update') | no       | Android, iOS | yes               |
+| onCapture        | when a `captureMode` is defined, this callback will be called with the capture result.                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | function                               | no       | Android, iOS | yes               |
+| onCaptureFailure | when a `captureMode` is defined, this callback will be called when a capture fails.                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | function                               | no       | Android, iOS | yes               |
+| options | view shot configuration. | object                         | no       | Android, iOS | partially     |
+| children | the actual content to rasterize. | ReactNode | no | Android, iOS | yes |
+
+#### options属性详情
+
+| Name                     | Description                                                  | Type                                 | Required | Platform     | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------ | ------------------------------------ | -------- | ------------ | ----------------- |
+| fileName                 | the file name of the file. Must be at least 3 characters long. | string                               | no       | Android, iOS | yes               |
+| width / height           | the width and height of the final image (resized from the View bound. don't provide it if you want the original pixel size). | number                               | no       | Android, iOS | yes               |
+| quality                  | the quality. 0.0 - 1.0 (default). (only available on lossy formats like jpg) | number                               | no       | Android, iOS | yes               |
+| format                   | either png or jpg. Defaults to png.                          | string                               | no       | Android, iOS | yes               |
+| result                   | the method you want to use to save the snapshot, one of:<br/>"tmpfile" (default): save to a temporary file (that will only exist for as long as the app is running).<br/>"base64": encode as base64 and returns the raw string. Use only with small images as this may result of lags (the string is sent over the bridge). N.B. This is not a data uri, use data-uri instead.<br/>"data-uri": same as base64 but also includes the Data URI scheme header. | ( 'tmpfile' \|'base64' \|'data-uri') | no       | Android, iOS | yes               |
+| snapshotContentContainer | if true and when view is a ScrollView, the "content container" height will be evaluated instead of the container height. | boolean                              | no       | Android, iOS | no                |
+| useRenderInContext       | change the iOS snapshot strategy to use method renderInContext instead of drawViewHierarchyInRect which may help for some use cases. | boolean                              | no       | Android, iOS | no                |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name             | Description | Type     | Required | Platform     | HarmonyOS Support |
+| ---------------- | ----------- | -------- | -------- | ------------ | ----------------- |
+| `captureRef`     | 组件截图    | function | no       | Android, iOS | yes               |
+| `captureScreen`  | 屏幕截图    | function | no       | Android, iOS | yes               |
+| `releaseCapture` | 资源释放    | function | no       | Android, iOS | yes               |
+
+## 遗留问题
+
+- [x] HarmonyOS 资源释放接口验证未通过 [issues#2](https://github.com/react-native-oh-library/react-native-view-shot/issues/2)。
+- [ ] 被截图组件需要设置背景色，否则截图效果全黑 [issues#3](https://github.com/react-native-oh-library/react-native-view-shot/issues/3)。
+- [ ] 截图配置项 snapshotContentContainer 与 useRenderInContext 暂未实现 [issues#34](https://github.com/react-native-oh-library/react-native-view-shot/issues/34)。
+
+## 其他
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/gre/react-native-view-shot/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-vision-camera.md b/en/react-native-vision-camera.md
new file mode 100644
index 00000000..186ae4e8
--- /dev/null
+++ b/en/react-native-vision-camera.md
@@ -0,0 +1,454 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-vision-camera</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mrousavy/react-native-vision-camera">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mrousavy/react-native-vision-camera/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-vision-camera)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-vision-camera Releases](https://github.com/react-native-oh-library/react-native-vision-camera/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-vision-camera@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-vision-camera@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import { Button, Text, View } from 'react-native';
+import React, { useRef } from 'react';
+import { Camera, useCameraDevice, useCameraFormat, useCameraPermission } from 'react-native-vision-camera';
+
+export default function VisionCameraDemo() {
+    const device = useCameraDevice('back');
+    const format = useCameraFormat(device, [
+        { videoResolution: { width: 3048, height: 2160 } },
+        { fps: 60 },
+    ]);
+    const { hasPermission, requestPermission } = useCameraPermission();
+    const camera = useRef<Camera>(null);
+
+    if (!device) {
+        return <Text>No Devices</Text>;
+    }
+
+    if (!hasPermission) {
+        requestPermission();
+    }
+
+    const onTakePhoto = async () => {
+        const photoFile = await camera.current?.takePhoto();
+        console.log("takePhoto photoFile:" + photoFile);
+    };
+
+    return (
+        <View style={{ flex: 1 }}>
+            <Camera
+                style={{ flex: 1 }}
+                ref={camera}
+                device={device}
+                format={format}
+                isActive={true}
+                preview={true}
+                photo={true}
+            />
+            <View style={{ width: '100%', position: 'absolute', bottom: 0, left: 0, zIndex: 999 }}>
+                <Button title="拍照" onPress={onTakePhoto}></Button>
+            </View>
+        </View>
+    );
+}
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-vision-camera": "file:../../node_modules/@react-native-oh-tpl/react-native-vision-camera/harmony/vision_camera.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 xxxPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-vision-camera/src/main/cpp" ./vision-camera)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
++file(GLOB VISION_CAMERA_CPP_FILES "${OH_MODULES}/@react-native-oh-tpl/react-native-vision-camera/src/main/cpp/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
++    ${VISION_CAMERA_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_vision_camera)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++#include "VisionCameraPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<VisionCameraPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 VisionCameraView 组件
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { VisionCameraView } from "@react-native-oh-tpl/react-native-vision-camera";
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === VisionCameraView.NAME) {
++   VisionCameraView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag,
++   })
++ }
+...
+}
+...
+```
+在`entry/src/main/ets/pages/index.ets`中，如果当前文件中存在`arkTsComponentNames`数组(后续版本新增内容)，则需要在其中追加：`VisionCameraView.NAME`;
+
+```ts
+  ...
+ const arkTsComponentNames: Array<string> = [..., VisionCameraView.NAME]; 
+  ...
+```
+
+
+
+### 5.在 ArkTs 侧引入 VisionCameraModulePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { VisionCameraModulePackage } from "@react-native-oh-tpl/react-native-vision-camera/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new VisionCameraModulePackage(ctx),
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-vision-camera Releases](https://github.com/react-native-oh-library/react-native-vision-camera/releases)
+
+### 权限要求
+
+以下权限中有`system_basic` 权限，而默认的应用权限是 `normal` ，只能使用 `normal` 等级的权限，所以可能会在安装hap包时报错**9568289**，请参考 [文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) 修改应用等级为 `system_basic`
+
+####  在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.CAMERA",
++    "reason": "$string:camera_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"inuse"
++    }
++  },
++  {
++    "name": "ohos.permission.MICROPHONE",
++    "reason": "$string:microphone_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"inuse"
++    }
++  },
++  {
++    "name": "ohos.permission.APPROXIMATELY_LOCATION",
++    "reason": "$string:location_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"inuse"
++    }
++  }
+]
+```
+
+#### 在 entry 目录下添加申请以上权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "camera_reason",
++      "value": "使用相机"
++    },
++    {
++      "name": "location_reason",
++      "value": "获取当前位置"
++    },
++    {
++      "name": "microphone_reason",
++      "value": "使用麦克风"
++    },
+  ]
+}
+```
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                               | Description                                                  | Type     | Required | Platform          | HarmonyOS  Support |
+| ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- | ------------------ |
+| isActive                           | Whether the Camera should actively stream video frames, or not | boolean  | yes      | All               | yes                |
+| device                             | The Camera Device to use                                     | object   | yes      | All               | yes                |
+| preview                            | Enables **preview** streaming                                | boolean  | no       | All               | yes                |
+| photo                              | Enables **photo capture** with the `takePhoto` function      | boolean  | no       | All               | yes                |
+| video                              | Enables **video capture** with the `startRecording` function | boolean  | no       | All               | yes                |
+| audio                              | Enables **audio capture** for video recordings               | boolean  | no       | All               | yes                |
+| enableLocation                     | Enables location streaming to add GPS EXIF tags to captured photos and  videos | boolean  | no       | All               | yes                |
+| torch                              | Set the current torch mode                                   | string   | no       | All               | yes                |
+| zoom                               | Specifies the zoom factor of the current camera, in  "factor"/scale | number   | no       | All               | yes                |
+| enableZoomGesture                  | Enables or disables the native pinch to zoom gesture         | boolean  | no       | All               | yes                |
+| exposure                           | Specifies the Exposure bias of the current camera. A lower value means  darker images, a higher value means brighter images | number   | no       | All               | yes                |
+| format                             | Selects a given format. By default, the best matching format is chosen | object   | no       | All               | yes                |
+| resizeMode                         | Specifies the Preview's resize mode                          | string   | no       | All               | yes                |
+| androidPreviewViewType             | Specifies the implementation mode for the Preview View on Android | string   | no       | Android | no                |
+| fps                                | Specify the frames per second this camera should stream frames at. | number   | no       | All               | yes                |
+| videoHdr                           | Enables or disables HDR Video Streaming for Preview, Video and Frame  Processor via a 10-bit wide-color pixel format | boolean  | no       | All               | yes                |
+| photoHdr                           | Enables or disables HDR Photo Capture via a double capture routine that  combines low- and high exposure photos | boolean  | no       | Android/iOS       | no                 |
+| photoQualityBalance                | Configures the photo pipeline for a specific quality balance  prioritization. | string   | no       | All               | yes                |
+| enableBufferCompression            | Enables or disables lossy buffer compression for the video stream | boolean  | no       | Android/iOS       | no                 |
+| lowLightBoost                      | Enables or disables low-light boost on this camera device.   | boolean  | no       | Android/iOS       | no                 |
+| videoStabilizationMode             | Specifies the video stabilization mode to use.               | string   | no       | All               | yes                |
+| enableDepthData                    | Enables or disables depth data delivery for photo capture.   | boolean  | no       | Android/iOS       | no                 |
+| enablePortraitEffectsMatteDelivery | A boolean specifying whether the photo render pipeline is prepared for  portrait effects matte delivery. | boolean  | no       | Android/iOS       | no                 |
+| enableFpsGraph                     | If `true`, show a debug view to display the FPS of the Video Pipeline | boolean  | no       | Android/iOS       | no                 |
+| onError                            | Called when any kind of runtime error occured.               | function | no       | All               | yes                |
+| onInitialized                      | Called when the camera session was successfully initialized. This will  get called everytime a new device is set. | function | no       | All               | yes                |
+| onStarted                          | Called when the camera started the session (`isActive={true}`) | function | no       | All               | yes                |
+| onStopped                          | Called when the camera stopped the session (`isActive={false}`) | function | no       | All               | yes                |
+| onShutter                          | Called just before a photo or snapshot is captured.          | function | no       | All               | yes                |
+| codeScanner                        | A CodeScanner that can detect QR-Codes or Barcodes using platform-native  APIs | object   | no       | All               | yes                |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                            | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| takePhoto                       | Take a single photo and write it's content to a temporary file. | function | no       | All         | yes               |
+| focus                           | Focus the camera to a specific point in the coordinate system. | function | no       | All         | yes               |
+| startRecording                  | Start a new video recording.                                 | function | no       | All         | yes               |
+| stopRecording                   | Stop the current video recording.                            | function | no       | All         | yes               |
+| pauseRecording                  | Pauses the current video recording.                          | function | no       | All         | yes               |
+| resumeRecording                 | Resumes a currently paused video recording.                  | function | no       | All         | yes               |
+| getAvailableCameraDevices       | Get a list of all available camera devices on the current phone. | function | no       | All         | yes               |
+| getCameraPermissionStatus       | Gets the current Camera Permission Status.                   | function | no       | All         | yes               |
+| requestCameraPermission         | Shows a "request permission" alert to the user, and resolves  with the new camera permission status. | function | no       | All         | yes               |
+| getMicrophonePermissionStatus   | Gets the current Microphone-Recording Permission Status.     | function | no       | All         | yes               |
+| requestMicrophonePermission     | Shows a "request permission" alert to the user, and resolves  with the new microphone permission status. | function | no       | All         | yes               |
+| getLocationPermissionStatus     | Gets the current Location Permission Status.                 | function | no       | All         | yes               |
+| requestLocationPermission       | Shows a "request permission" alert to the user, and resolves  with the new location permission status. | function | no       | All         | yes               |
+| takeSnapshot                    | Captures a snapshot of the Camera view and write it's content to a  temporary file. | function | no       | Android/iOS | no                |
+| cancelRecording                 | Cancel the current video recording. The temporary video file will be  deleted, | function | no       | Android/iOS | no                |
+| addCameraDevicesChangedListener | Adds a listener that gets called everytime the Camera Devices change | function | no       | Android/iOS | no                |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description                                                  | Type | Required | Platform | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | ---- | -------- | -------- | ----------------- |
+| useCameraDevice         | Get the best matching Camera device that best satisfies your  requirements using a sorting filter. | hook | no       | All      | yes               |
+| useCameraDevices        | Get all available Camera Devices this phone has.             | hook | no       | All      | yes               |
+| useCameraFormat         | Get the best matching Camera format for the given device that  satisfies your requirements using a sorting filter. By default, formats are  sorted by highest to lowest resolution. | hook | no       | All      | yes               |
+| useCameraPermission     | Returns whether the user has granted permission to use the  Camera, or not. | hook | no       | All      | yes               |
+| useMicrophonePermission | Returns whether the user has granted permission to use the  Microphone, or not. | hook | no       | All      | yes               |
+| useLocationPermission   | Returns whether the user has granted permission to use the  Location, or not. | hook | no       | All      | yes               |
+| useCodeScanner          | create a `CodeScanner` instance and pass it to the  `<Camera>` | hook | no       | All      | yes               |
+| useFrameProcessor       | Returns a memoized Frame Processor function wich you can pass  to the `<Camera>`. | hook | no       | All      | no                |
+
+## 遗留问题
+
+- [ ] 不支持拍照HDR [issue#1](https://github.com/react-native-oh-library/react-native-vision-camera/issues/1) 
+- [ ] 不支持有损缓冲压缩 [issue#2](https://github.com/react-native-oh-library/react-native-vision-camera/issues/2) 
+- [ ] 没有夜景模式 [issue#3](https://github.com/react-native-oh-library/react-native-vision-camera/issues/3) 
+- [ ] 没有实现深度数据能力 [issue#4](https://github.com/react-native-oh-library/react-native-vision-camera/issues/4) 
+- [ ] 依赖三方库skia未 HarmonyOS 化 [issue#5](https://github.com/react-native-oh-library/react-native-vision-camera/issues/5) 
+- [ ] 不支持内容失真校正 [issue#6](https://github.com/react-native-oh-library/react-native-vision-camera/issues/6) 
+- [ ] 不支持消除红眼 [issue#7](https://github.com/react-native-oh-library/react-native-vision-camera/issues/7) 
+- [ ] 快门声音无法独立控制 [issue#8](https://github.com/react-native-oh-library/react-native-vision-camera/issues/8) 
+- [ ] 不支持查询传感器旋转角度 [issue#9](https://github.com/react-native-oh-library/react-native-vision-camera/issues/9) 
+- [ ] 不支持查询硬件级别 [issue#10](https://github.com/react-native-oh-library/react-native-vision-camera/issues/10) 
+- [ ] 不支持查询设备正确对焦的最小距离 [issue#11](https://github.com/react-native-oh-library/react-native-vision-camera/issues/11) 
+- [ ] 不支持查询设备名称 [issue#12](https://github.com/react-native-oh-library/react-native-vision-camera/issues/12) 
+- [ ] 查询的CameraType一直是相机类型未指定 [issue#13](https://github.com/react-native-oh-library/react-native-vision-camera/issues/13) 
+- [ ] 不支持查询传感器旋转角度 [issue#14](https://github.com/react-native-oh-library/react-native-vision-camera/issues/14) 
+- [ ] 不支持查询是否支持弱光增强 [issue#15](https://github.com/react-native-oh-library/react-native-vision-camera/issues/15) 
+- [ ]  HarmonyOS 侧相机无法获取视频视野 [issue#16](https://github.com/react-native-oh-library/react-native-vision-camera/issues/16) 
+- [ ] 不支持查询maxISO和minISO [issue#17](https://github.com/react-native-oh-library/react-native-vision-camera/issues/17) 
+- [ ] 不支持保存快照 [issue#18](https://github.com/react-native-oh-library/react-native-vision-camera/issues/18) 
+- [ ] 视频录制取消时无法删除临时文件 [issue#19](https://github.com/react-native-oh-library/react-native-vision-camera/issues/19) 
+- [ ] 无法监听相机设备变更 [issue#20](https://github.com/react-native-oh-library/react-native-vision-camera/issues/20) 
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mrousavy/react-native-vision-camera/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-voice-voice.md b/en/react-native-voice-voice.md
new file mode 100644
index 00000000..b1159d29
--- /dev/null
+++ b/en/react-native-voice-voice.md
@@ -0,0 +1,534 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-voice/voice</code> </h1>
+  </p>
+<p align="center">
+    <a href="https://github.com/react-native-voice/voice">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-voice/voice/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/voice)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/voice@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/voice@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {Component} from 'react';
+import {
+    StyleSheet,
+    Text,
+    View,
+    Image,
+    TouchableHighlight,
+    ScrollView,
+    Button,
+} from 'react-native';
+import Voice, {
+    SpeechRecognizedEvent,
+    SpeechResultsEvent,
+    SpeechErrorEvent,
+} from '@react-native-voice/voice';
+
+type Props = {};
+type State = {
+    recognized: string;
+    error: string;
+    end: string;
+    started: string;
+    results: string[];
+    partialResults: string[];
+    isAvailable: number;
+    isRecognizing: number;
+};
+
+class VoiceTest extends Component<Props, State> {
+    state = {
+        recognized: '',
+        error: '',
+        end: '',
+        started: '',
+        results: [],
+        partialResults: [],
+        isAvailable: 0,
+        isRecognizing: 0,
+    };
+
+    constructor(props: Props) {
+        super(props);
+        Voice.onSpeechStart = this.onSpeechStart;
+        Voice.onSpeechRecognized = this.onSpeechRecognized;
+        Voice.onSpeechEnd = this.onSpeechEnd;
+        Voice.onSpeechError = this.onSpeechError;
+        Voice.onSpeechResults = this.onSpeechResults;
+        Voice.onSpeechPartialResults = this.onSpeechPartialResults;
+    }
+
+    componentWillUnmount() {
+        Voice.destroy().then(Voice.removeAllListeners);
+    }
+
+    onSpeechStart = (e: any) => {
+        console.log('onSpeechStart: ', e);
+        this.setState({
+            started: '√',
+        });
+    };
+
+    onSpeechRecognized = (e: SpeechRecognizedEvent) => {
+        console.log('onSpeechRecognized: ', e);
+        this.setState({
+            recognized: '√',
+        });
+    };
+
+    onSpeechEnd = (e: any) => {
+        console.log('onSpeechEnd: ', e);
+        this.setState({
+            end: '√',
+        });
+    };
+
+    onSpeechError = (e: SpeechErrorEvent) => {
+        console.log('onSpeechError: ', e);
+        this.setState({
+            error: JSON.stringify(e.error),
+        });
+    };
+
+    onSpeechResults = (e: SpeechResultsEvent) => {
+        console.log('onSpeechResults: ', e);
+        this.setState({
+            results: e.value,
+        });
+    };
+
+    onSpeechPartialResults = (e: SpeechResultsEvent) => {
+        console.log('onSpeechPartialResults: ', e);
+        this.setState({
+            partialResults: e.value,
+        });
+    };
+
+    _startRecognizing = async () => {
+        this.setState({
+            recognized: '',
+            error: '',
+            started: '',
+            results: [],
+            partialResults: [],
+            end: '',
+        });
+
+        try {
+            await Voice.start('en-US');
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    _stopRecognizing = async () => {
+        try {
+            await Voice.stop();
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    _cancelRecognizing = async () => {
+        try {
+            await Voice.cancel();
+            Voice.start;
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    _destroyRecognizer = async () => {
+        try {
+            await Voice.destroy();
+        } catch (e) {
+            console.error(e);
+        }
+        this.setState({
+            recognized: '',
+            error: '',
+            started: '',
+            results: [],
+            partialResults: [],
+            end: '',
+        });
+    };
+
+    _isAvailable = async () => {
+        try {
+            Voice.isAvailable().then((available: 0 | 1) => {
+                this.setState({
+                    isAvailable: available ? 1 : 0,
+                });
+            });
+        } catch (e) {
+            console.error(e);
+            this.setState({
+                isAvailable: 0,
+            });
+        }
+    };
+
+    _isRecognizing = async () => {
+        try {
+            Voice.isRecognizing().then((isRecognizing: 0 | 1) => {
+                this.setState({
+                    isRecognizing: isRecognizing ? 1 : 0,
+                });
+            });
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    render() {
+        return (
+            <ScrollView>
+                <View style={{height: 20, marginBottom: 20, backgroundColor: '#fff'}}>
+                    <Text style={styles.stat}>{`${this.state.started}`}</Text>
+                </View>
+
+                <View style={{height: 20, marginBottom: 20, backgroundColor: '#fff'}}>
+                    <Text style={styles.stat}>{`${this.state.recognized}`}</Text>
+                </View>
+
+                <View style={{height: 30, marginBottom: 20, backgroundColor: '#fff'}}>
+                    <Text style={styles.stat}>{`${this.state.error}`}</Text>
+                </View>
+
+                <View
+                    style={{minHeight: 30, marginBottom: 20, backgroundColor: '#fff'}}>
+                    {this.state.results.map((result, index) => {
+                        return (
+                            <Text key={`result-${index}`} style={styles.stat}>
+                                {result}
+                            </Text>
+                        );
+                    })}
+                </View>
+
+                <View
+                    style={{minHeight: 50, marginBottom: 20, backgroundColor: '#fff'}}>
+                    {this.state.partialResults.map((result, index) => {
+                        return (
+                            <Text key={`partial-result-${index}`} style={styles.stat}>
+                                {result}
+                            </Text>
+                        );
+                    })}
+                </View>
+
+                <View style={{height: 30, marginBottom: 20, backgroundColor: '#fff'}}>
+                    <Text style={styles.stat}>{` ${this.state.end}`}</Text>
+                </View>
+
+                <View style={styles.baseArea}>
+                    <Text style={{flex: 1}}>{`${this.state.isAvailable}`}</Text>
+                    <Button
+                        title="isAvailable"
+                        color="#841584"
+                        onPress={this._isAvailable}></Button>
+                </View>
+
+                <View style={styles.baseArea}>
+                    <Text style={{flex: 1}}>{`${this.state.isRecognizing}`}</Text>
+                    <Button
+                        title="isRecognizing"
+                        color="#841584"
+                        onPress={this._isRecognizing}></Button>
+                </View>
+
+                <View style={{marginBottom: 10}}>
+                    <Button
+                        title="start"
+                        color="#841584"
+                        onPress={this._startRecognizing}
+                    />
+                </View>
+                <View style={{marginBottom: 10}}>
+                    <Button
+                        title="stop"
+                        color="#841584"
+                        onPress={this._stopRecognizing}
+                    />
+                </View>
+
+                <View style={{padding: 5}}>
+                    <Button
+                        title="cancel"
+                        color="#841584"
+                        onPress={() => {
+                            this._cancelRecognizing();
+                        }}></Button>
+                </View>
+
+                <View style={{padding: 5}}>
+                    <Button
+                        title="destroy"
+                        color="#841584"
+                        onPress={() => {
+                            this._destroyRecognizer();
+                        }}></Button>
+                </View>
+            </ScrollView>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+    button: {
+        width: 50,
+        height: 50,
+    },
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#F5FCFF',
+    },
+    welcome: {
+        fontSize: 20,
+        textAlign: 'center',
+        margin: 10,
+    },
+    action: {
+        textAlign: 'center',
+        color: '#0000FF',
+        marginVertical: 5,
+        fontWeight: 'bold',
+    },
+    instructions: {
+        textAlign: 'center',
+        color: '#333333',
+        marginBottom: 5,
+    },
+    stat: {
+        textAlign: 'center',
+        color: '#B0171F',
+        marginBottom: 1,
+    },
+    baseArea: {
+        width: '100%',
+        height: 30,
+        borderRadius: 4,
+        borderColor: '#000000',
+        marginTop: 6,
+        backgroundColor: '#FFFFFF',
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingLeft: 8,
+        paddingRight: 8,
+        marginBottom: 20,
+    },
+});
+
+export default VoiceTest;
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/voice": "file:../../node_modules/@react-native-oh-tpl/voice/harmony/voice.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 RNVoicePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+...
+
++  import { RNVoicePackage } from '@react-native-oh-tpl/voice/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNVoicePackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)
+
+### 权限要求
+由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在entry/src目录下module.json5和entry/src/main/resources/base/element目录下string.json文件
+
+打开 `module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
+...
++      {
++        "name": "ohos.permission.MICROPHONE",
++        "reason": "$string:reason",
++        "usedScene": {
++          "abilities": [
++            "EntryAbility"
++          ],
++          "when": "inuse"
++        }
++      }
+    ]
+```
+打开 `string.json`，添加权限申请原因：
+
+```diff
+...
+{
+  "string": [
+...
++    {
++      "name": "reason",
++      "value": "Used for recording recognition"
++    },
+...
+  ]
+}
+```
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> 详情见 [react-native-voice/voice](https://github.com/react-native-voice/voice)
+
+| Name                        | Description                                                                       | Type              | Required | Platform | HarmonyOS Support |
+|-----------------------------|-----------------------------------------------------------------------------------|-------------------|----------|----------|-------------------|
+| Voice.isAvailable()| Checks whether a speech recognition service is available on the system. | Promise<0 \| 1>   | no      | Android, iOS  | yes               |
+| Voice.start(locale) | Starts listening for speech for a specific locale. Returns null if no error occurs. | Promise<unknown>  | no       | Android, iOS | yes               |
+| Voice.stop() | Stops listening for speech. Returns null if no error occurs.   | Promise<unknown>  | no      | Android, iOS | yes               |
+| Voice.cancel() | Cancels the speech recognition. Returns null if no error occurs.    | Promise<unknown>  | no       | Android, iOS     | yes               |
+| Voice.destroy() | Destroys the current SpeechRecognizer instance. Returns null if no error occurs. | Promise<unknown>  | no      | Android, iOS | yes               |
+| Voice.removeAllListeners() | Cleans/nullifies overridden Voice static methods.   | void              | no       | Android, iOS  | yes               |
+| Voice.isRecognizing() | Return if the SpeechRecognizer is recognizing.  | Promise<0 \| 1>   | no      | Android, iOS  | yes               |
+| Voice.getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | Promise<string[]> | no   | Android  | no  |
+
+## 事件回调
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                                                                       | Type     | Required | Platform                                       | HarmonyOS Support |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------- | :------- |--------| ---------------------------------------------- |-----------------|
+| `Voice.onSpeechStart(event)` | Invoked when .start() is called without error. | function | no | Android, iOS   | yes |
+| `Voice.onSpeechRecognized(event)` | Invoked when speech is recognized.  | function | no | Android, iOS   | yes |
+| `Voice.onSpeechEnd(event)` | Invoked when SpeechRecognizer stops recognition. | function | no | Android, iOS | yes |
+| `Voice.onSpeechError(event)` | Invoked when an error occurs. | function | no | Android, iOS   | yes |
+| `Voice.onSpeechResults(event)`  | Invoked when SpeechRecognizer is finished recognizing.  | function | no | Android, iOS   | yes |
+| `Voice.onSpeechPartialResults(event)`  | Invoked when any results are computed.  | function | no  | Android, iOS     | yes |
+| `Voice.onSpeechVolumeChanged(event)` | Invoked when pitch that is recognized changed.   | function | no | Android | no  |
+
+## 遗留问题
+
+- [ ] 原库支持在线和离线模式，HarmonyOS侧暂只支持离线 问题: [issue#2](https://github.com/react-native-oh-library/voice/issues/2)
+- [ ] 原库支持多种区域和语言，HarmonyOS侧暂只支持中文 问题: [issue#3](https://github.com/react-native-oh-library/voice/issues/3)
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-voice/voice/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-walkthrough-tooltip.md b/en/react-native-walkthrough-tooltip.md
new file mode 100644
index 00000000..8a31923c
--- /dev/null
+++ b/en/react-native-walkthrough-tooltip.md
@@ -0,0 +1,98 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-walkthrough-tooltip</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jasongaare/react-native-walkthrough-tooltip">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jasongaare/react-native-walkthrough-tooltip/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+>[!TIP] [Github 地址](https://github.com/jasongaare/react-native-walkthrough-tooltip)
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm install react-native-walkthrough-tooltip@1.6.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-walkthrough-tooltip@1.6.0
+```
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState } from "react";
+import { View, Text, } from "react-native";
+import Tooltip from 'react-native-walkthrough-tooltip';
+
+export const TestTooltip = ({ text, style }) => {
+  const [toolTipVisible, setToolTipVisible] = useState(false);
+
+  return (
+   <Tooltip
+   isVisible={toolTipVisible}
+   content={<Text>Check this out!</Text>}
+   placement="top"
+   onClose={() => setToolTipVisible(false)}
+    >
+  <TouchableHighlight onPress={() => setToolTipVisible(!toolTipVisible)}>
+    <Text>Press me</Text>
+  </TouchableHighlight>
+</Tooltip>
+};
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过:
+
+1. RNOH: 0.72.5; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+
+
+### 属性
+[!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+
+[!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果
+| Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| accessible  | Set this to false if you do not want the root touchable element to be accessible. [See docs on accessible here](https://reactnative.dev/docs/accessibility#accessibility-properties) | bool| No | All  |Yes  |
+| allowChildInteraction |By default, the user can touch and interact with the child element. When this prop is false, the user cannot interact with the child element while the tooltip is visible.  | bool | No | All    | Yes    |
+| arrowSize |The dimensions of the arrow on the bubble pointing to the highlighted element   | Size | No |All    | Yes   
+| backgroundColor |Color of the fullscreen background beneath the tooltip. Overrides the backgroundStyle prop   | string | No |All    | Yes   
+| childContentSpacing | The distance between the tooltip-rendered child and the arrow pointing to it   | number | No |All    | Yes   
+| closeOnChildInteraction | When child interaction is allowed, this prop determines if onClose should be called when the user interacts with the child element. Default is true (usually means the tooltip will dismiss once the user touches the element highlighted)   | bool |  No |All    | Yes  
+| closeOnContentInteraction |this prop determines if onClose should be called when the user interacts with the content element. Default is true (usually means the tooltip will dismiss once the user touches the content element)   | bool |No | All    | Yes   
+| content | 	This is the view displayed in the tooltip popover bubble  | function/Element |Yes | All    | Yes  
+| displayInsets | The number of pixels to inset the tooltip on the screen (think of it like padding). The tooltip bubble should never render outside of these insets, so you may need to adjust your content accordingly   | object |No | All    | Yes  
+| disableShadow | 	When true, tooltips will not appear elevated. Disabling shadows will remove the warning: RCTView has a shadow set but cannot calculate shadow efficiently on IOS devices.  | bool |No | All    | Yes  
+| isVisible | When true, tooltip is displayed   | bool |Yes | All    | Yes  
+| onClose | Callback fired when the user taps the tooltip background overlay    | function |Yes | All    | Yes  
+| placement | Where to position the tooltip - options: top, bottom, left, right, center. Default is top for tooltips rendered with children Default is center for tooltips rendered without children.NOTE: center is only available with a childless placement, and the content will be centered within the bounds defined by the displayInsets. | string |Yes | All    | Yes 
+| showChildInTooltip | Set this to false if you do NOT want to display the child alongside the tooltip when the tooltip is visible    | bool |No | All    | Yes   
+| supportedOrientations |This prop allows you to control the supported orientations the tooltip modal can be displayed. It correlates directly with [the prop for React Native's Modal component](https://reactnative.dev/docs/modal#supportedorientations) (has no effect if useReactNativeModal is false)    | bool |No | iOS    | No  
+| topAdjustment | Value which provides additional vertical offest for the child element displayed in a tooltip. Commonly set to: Platform.OS === 'android' ? -StatusBar.currentHeight : 0 due to an issue with React Native's measure function on Android| number |No | All    | Yes   
+| horizontalAdjustment |Value which provides additional horizontal offest for the child element displayed in a tooltip. This is useful for adjusting the horizontal positioning of a highlighted child element if needed | number |No | All    | Yes   
+| useInteractionManager | Set this to true if you want the tooltip to wait to become visible until the callback for InteractionManager.runAfterInteractions is executed. Can be useful if you need to wait for navigation transitions to complete, etc.[ See docs on InteractionManager here](https://reactnative.dev/docs/interactionmanager) | bool |No | All    | Yes  
+| useReactNativeModal | By default, this library uses a <Modal> component from React Native. If you need to disable this, and simply render an absolutely positioned full-screen view, set useReactNativeModal={false}. This is especially useful if you desire to render a Tooltip while you have a different Modal rendered. | bool |No | All    | Yes  
+## 遗留问题
+
+- [ ]  supportedOrientations在HarmonyOS不支持
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jasongaare/react-native-walkthrough-tooltip/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-waterfall-flow.md b/en/react-native-waterfall-flow.md
new file mode 100644
index 00000000..9b938039
--- /dev/null
+++ b/en/react-native-waterfall-flow.md
@@ -0,0 +1,213 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-waterfall-flow</code> </h1>
+</p>
+<p align="center">
+    <a href="https://www.npmjs.com/package/react-native-waterfall-flow">       
+         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/axerjs/react-native-waterfall-flow/blob/HEAD/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+>[!TIP] [Github 地址](https://github.com/axerjs/react-native-waterfall-flow)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-native-waterfall-flow@1.1.5 --save
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-waterfall-flow@1.1.5 --save
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState, useRef } from 'react';
+import { View, Text, StyleSheet, Button, RefreshControl, Alert } from 'react-native';
+import WaterfallFlow from 'react-native-waterfall-flow';
+
+const App = () => {
+  const item = ['Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item'].map((l, i) => ({ id: l, text: i + ` ${l}` }))
+  const [data, setData] = useState(item);
+  const [refreshing, setRefreshing] = useState(false);
+  const waterfallRef = useRef(null);
+
+  const renderItem = ({ item }) => {
+
+    return (
+      <View style={styles.item}>
+        <Text>{item.text}</Text>
+      </View>
+    );
+  }
+
+  const onRefresh = () => {
+    setRefreshing(true);
+    setTimeout(() => {
+      // 模拟刷新数据
+      setData([...item]);
+      setRefreshing(false);
+    }, 2000);
+  };
+
+  const onEndReached = () => {
+    // 模拟加载更多数据
+    setData([...data, { id: `${data.length + 1}`, text: `${data.length + 1} Item` }, { id: `${data.length + 2}`, text: `${data.length + 2} Item` }]);
+    // Alert.alert('滚动到底部')
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={{ flex: 1 }}>
+        <WaterfallFlow
+          ref={waterfallRef}
+          renderItem={renderItem}
+          data={data}
+          numColumns={2}
+          ListHeaderComponent={<Text style={styles.header}>Header Component</Text>}
+          ListFooterComponent={<Text style={styles.footer}>Footer Component</Text>}
+          ListEmptyComponent={<Text style={styles.empty}>No Data Available</Text>}
+          onEndReached={onEndReached}
+          onRefresh={onRefresh}
+          refreshing={refreshing}
+          style={styles.waterfall}
+          contentContainerStyle={styles.contentContainer}
+          refreshControl={<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />}
+        />
+      </View>
+      <View style={styles.buttonsContainer}>
+        <Button
+          title="Scroll to End"
+          onPress={() => waterfallRef.current.scrollToEnd({ animated: true })}
+        />
+        <Button
+          title="Scroll to Index"
+          onPress={() => { data.length >= 20 ? waterfallRef.current.scrollToIndex({ animated: true, index: 20, viewPosition: 0 }) : false }}
+        />
+        <Button
+          title="Scroll to Offset"
+          onPress={() => waterfallRef.current.scrollToOffset({ offset: 0 })}
+        />
+      </View>
+      <View style={styles.buttonDelete}>
+        <Button
+          title="Delete Data"
+          onPress={() => { setData([]) }}
+        />
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  waterfall: {
+    flex: 1,
+  },
+  contentContainer: {
+    padding: 10,
+  },
+  item: {
+    backgroundColor: '#ccc',
+    margin: 5,
+    padding: 10,
+    borderRadius: 5,
+  },
+  header: {
+    padding: 10,
+    fontSize: 18,
+    textAlign: 'center',
+  },
+  footer: {
+    padding: 10,
+    fontSize: 16,
+    textAlign: 'center',
+  },
+  empty: {
+    padding: 10,
+    fontSize: 16,
+    textAlign: 'center',
+  },
+  buttonsContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    padding: 10,
+  },
+  buttonDelete: {
+    marginBottom: 20
+  }
+});
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65; 
+
+
+
+## 属性
+
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                  | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- | ----------------- |
+| `renderItem` | 用于将当前`item`渲染到列表中 | function | Yes       | All      | yes               |
+| `data`     | 瀑布流数据源，可以是任意内容的数组            | array | Yes       | All      | yes               |
+| `numColumns` | 瀑布流的列数，默认为2，即两列                    | number | No   | All      | yes               |
+| `ListHeaderComponent` | 头部组件。可以是 React Component 或 render 函数。                          | component`, `function | No       | All      | yes               |
+| `ListFooterComponent` | 尾部组件。可以是 React Component 或 render 函数。 | component`, `function | No       | All      | yes               |
+| `ListEmptyComponent` | 列表为空时渲染该组件。可以是 React Component 或 render 函数 | component`, `function | No       | All      | yes               |
+| `onEndReached`   | 当列表滚动到底部是调用            | function | No       | All      | yes               |
+| `onRefresh`   | 如果设置了此选项，则会在列表头部添加一个标准的[`RefreshControl`](https://www.react-native.cn/docs/refreshcontrol) 控件，以便实现“下拉刷新”的功能。同时你需要正确设置`refreshing`属性。 | function | No       | All      | yes               |
+| `refreshing` | 在等待加载新数据时将此属性设为 true，列表就会显示出一个正在加载的符号。                   | boolean | No       | All      | yes               |
+| `style`     | 用于设置瀑布流外层样式，默认会有`{ flex: 1 }`的样式，即高度充满父容器             | object | No       | All      | yes               |
+| `contentContainerStyle` | 瀑布流内容容器样式                           | object | No   | All      | yes               |
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                       | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `scrollToEnd([params])`    | 滚动到瀑布流列表的底部                                       | object | No       | All      | yes               |
+| `scrollToIndex([params])`  | 将位于指定位置的元素滚动到可视区的指定位置，当viewPosition 为 0 时将它滚动到屏幕顶部，为 1 时将它滚动到屏幕底部，为 0.5 时将它滚动到屏幕中央。 | object | Yes      | All      | yes               |
+| `scrollToOffset([params])` | 滚动列表到指定的偏移（以像素为单位），等同于ScrollView的scrollTo方法。 | object | Yes      | All      | yes               |
+
+## 遗留问题
+
+ 无
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/axerjs/react-native-waterfall-flow/blob/HEAD/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-waterflow-list.md b/en/react-native-waterflow-list.md
new file mode 100644
index 00000000..a9159784
--- /dev/null
+++ b/en/react-native-waterflow-list.md
@@ -0,0 +1,174 @@
+<!--{%raw%}-->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-waterflow-list</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/ZakZheng/react-native-waterflow-list">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ZakZheng/react-native-waterflow-list/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/ZakZheng/react-native-waterflow-list)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令:
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i react-native-waterflow-list@1.2.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-native-waterflow-list@1.2.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Dimensions, Image, RefreshControl, Text, View } from 'react-native';
+import { IColumnsHandles } from 'react-native-waterflow-list/src/Columns';
+import WaterFlow from 'react-native-waterflow-list/src/';
+
+const width = Math.round((Dimensions.get('screen').width - 30) / 2);
+
+const getItemData = (() => {
+  let id = 0;
+  return () => {
+    id++;
+    const height = Math.ceil(Math.random() * 1000);
+    return {
+      id,
+      text: Math.random(),
+      image_path: `https://picsum.photos/${width}/${height}/?random`,
+      height,
+      width,
+    };
+  };
+})();
+
+const sleep = (ms: number) => {
+  return new Promise(resolve => setTimeout(resolve, ms));
+};
+
+const itemDataFactory = () =>
+  Array(10)
+    .fill('')
+    .map(() => getItemData());
+
+interface IItem {
+  id: number
+  [index: string]: any
+}
+
+export default () => {
+  const [data, setData] = React.useState<IItem[]>([]);
+  const [loading, setLoading] = React.useState(false)
+
+  const WaterFlowRef = React.useRef<IColumnsHandles>()
+  const onLoadMore = React.useCallback(async () => {
+    setLoading(true)
+    await sleep(1000);
+    setLoading(false)
+    return setData(data.concat(itemDataFactory()));
+  }, [data]);
+  const loadData = React.useCallback(async () => {
+    await sleep(1000);
+    return setData(itemDataFactory());
+  }, [data])
+
+  React.useEffect(() => {
+    setData(itemDataFactory());
+  }, []);
+
+  return (
+    <WaterFlow
+      ref={WaterFlowRef}
+      data={data}
+      keyForItem={item => item.id}
+      numColumns={2}
+      onEndReached={onLoadMore}
+      //自定义滚动监听(需要的话)
+      onScroll={(e) => {console.log(e)}}
+      columnFlatListProps={{
+        style: { marginHorizontal: 5, },
+      }}
+      columnsFlatListProps={{
+        ListHeaderComponent: () => <View><Text>Hello</Text></View>,
+        refreshControl: <RefreshControl
+          style={{ zIndex: 10 }}
+          refreshing={loading}
+          onRefresh={() => {
+            WaterFlowRef.current?.clear()
+            loadData()
+          }}
+          tintColor={'gray'}
+        />
+        ,
+        style: { marginHorizontal: 10, },
+      }}
+      renderItem={({ item, index }) => {
+        return renderItem(item);
+      }}
+    />
+  );
+};
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+在以下版本验证通过：
+
+1. RNOH:0.72.29; SDK:HarmonyOS NEXT Developer Beta6 SDK; IDE:DevEco Studio 5.0.3.706; ROM:NEXT.0.0.60;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> 详情见 [react-native-waterflow-list 源库地址](https://github.com/ZakZheng/react-native-waterflow-list)
+
+| Name                      | Description                                                                                              | Type                                                         | Required | Platform                  | HarmonyOS Support |
+| :-------------------------- | :------------------------------------------------------------------------------------------------ | :------------------------------------------------------------: | :--------: | :---------------------: |:--------------:|
+| **data**           | 列表数据, 数据类型必须为 `Object`              | Object[]                                              | Yes | All                   | Yes          |
+| **numColumns**           | 列数                    | number                                              | No | All                   | Yes          |
+| **keyForItem**                   | 用以检测是否以渲染该数据                                                                      | string                                        | Yes    | All                   | Yes          |
+| **heightForItem**                  | 如 renderItem 高度已知,则传入以提高性能和加载速度 | number                                                  | No       | All                   | Yes          |
+| **asyncHeightForItem**                 | 如item的高度为异步获取的,则通过该函数返回item的真实高度 | Promise(number)                                      | No       | All | Yes           |
+| **renderItem**                    | 渲染列表条目 | JSX.Element                        | Yes    | All  | Yes           |
+| **onEndReached**       | 上拉加载, 若传入 Promise 对象, 则须等待 Promise 事件回调后方能再次触发此事件. 若其他则不作处理 | function                                            | No       | All  | Yes           |
+| **columnsFlatListProps** | 外层 FlatList 参数           | FlatListProps                                      | No       | All  | Yes           |
+| **columnFlatListProps**                 | 列 FlatList 参数 | FlatListProps                                          | No       | All  | Yes           |
+
+## 静态方法
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ----- | :-----------| :--: |:--------:| :------: |:-----------------:|
+| **clear** | 清空渲染列表, 一般用于下拉刷新获取到数据化,清空之前的数据 | function |    No    | All |        Yes        |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ZakZheng/react-native-waterflow-list/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-webview.md b/en/react-native-webview.md
new file mode 100644
index 00000000..7be4b946
--- /dev/null
+++ b/en/react-native-webview.md
@@ -0,0 +1,302 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-webview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-webview/react-native-webview">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20windows%20%7C%20macos%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-webview)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-webview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-webview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { WebView } from "react-native-webview";
+
+export default function WebViewDemo() {
+  return (
+      <WebView source={{ uri: "https://reactnative.dev/" }} />
+  );
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-webview": "file:../../node_modules/@react-native-oh-tpl/react-native-webview/harmony/rn_webview.har"  
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 webview 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
++ import { WebView, WEB_VIEW } from "@react-native-oh-tpl/react-native-webview"
+
+@Builder
+function buildCustomComponent(ctx: ComponentBuilderContext) {
++ if (ctx.componentName === WEB_VIEW) {
++   WebView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+ ...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ WEB_VIEW
+  ];
+```
+
+### 4.在 ArkTs 侧引入 WebViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type {RNPackageContext, RNPackage} from 'rnoh/ts';
+import {SamplePackage} from 'rnoh-sample-package/ts';
++ import { WebViewPackage } from '@react-native-oh-tpl/react-native-webview/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new WebViewPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
+| Name                                                     | Description                                                  | Type     | Required | Platform            | HarmonyOS Support                                            |
+|----------------------------------------------------------| ------------------------------------------------------------ | -------- |----------|---------------------| ------------------------------------------------------------ |
+| `source`                                                 | Loads static HTML or a URI (with optional headers) in the WebView | object   | yes      | All                 | partially (Only of:  **Load uri :** uri  headers  **Static HTML :** html  baseUrl) |
+| `injectedJavaScript?`                                    | Set this to provide JavaScript that will be injected into the web page after the document finishes loading | string   | No       | All                 | yes                                                          |
+| `originWhitelist?`                                       | List of origin strings to allow being navigated to.          | string[] | No       | iOS,Android,macOS   | yes                                                          |
+| `scalesPageToFit?`                                       | Boolean that controls whether the web content is scaled to fit the view and enables the user to change the scale. | boolean  | No       | Android             | yes                                                          |
+| `startInLoadingState?`                                   | Boolean value that forces the WebView to show the loading view on the first load. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `style?`                                                 | A style object that allow you to customize the WebView style. | Style    | No       | ALL                 | yes                                                          |
+| `domStorageEnabled?`                                     | Boolean value to control whether DOM Storage is enabled. Used only in Android and harmony. | boolean  | No       | Android             | yes                                                          |
+| `javaScriptEnabled?`                                     | Boolean value to enable JavaScript in the WebView.           | boolean  | No       | All                 | yes                                                          |
+| `showsHorizontalScrollIndicator?`                        | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `showsVerticalScrollIndicator`                           | Boolean value that determines whether a vertical scroll indicator is shown in the WebView. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `ignoreSilentHardwareSwitch`                             | Boolean value that When set to true the hardware silent switch is ignored. | boolean  | No       | iOS                 | yes                                                          |
+| `cacheEnabled?`                                          | Sets whether WebView should use browser caching.             | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `cacheMode?`                                             | Overrides the way the cache is used.                         | string   | No       | Android             | yes                                                          |
+| `textZoom?`                                              | If the user has set a custom font size in the Android and harmony system, an undesirable scale of the site interface in WebView occurs. | number   | No       | Android             | yes                                                          |
+| `incognito?`                                             | Does not store any data within the lifetime of the WebView.  | boolean  | NO       | All                 | yes                                                          |
+| `mediaPlaybackRequiresUserAction?`                       | Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is `true`. (Android API minimum version 17). | boolean | NO       | iOS,Android,macOS   | yes |
+| `geolocationEnabled?`                                    | Set whether Geolocation is enabled in the `WebView`. The default value is `false`. Used only in Android. | boolean | NO       | Android             | yes |
+| `fraudulentWebsiteWarningEnabled?`                       | A Boolean value that indicates whether the web view shows warnings for suspected fraudulent content, such as malware or phishing attempts. The default value is `true`. (iOS 13+) | boolean | NO       | iOS                 | yes |
+| `thirdPartyCookiesEnabled?`                              | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. For more on cookies, | boolean | NO       | Android             | yes |
+| `userAgent?`                                             | Sets the user-agent for the `WebView`. | string | NO       | iOS,Android,macOS   | yes |
+| `minimumFontSize?`                                       | Android enforces a minimum font size based on this value. A non-negative integer between 1 and 72. Any number outside the specified range will be pinned. Default value is 8. If you are using smaller font sizes and are having trouble fitting the whole window onto one screen, try setting this to a smaller value. | number | No       | Android             | yes |
+| `forceDarkOn?`                                           | Configuring Dark Theme | boolean | No       | Android             | yes |
+| `injectedJavaScriptBeforeContentLoaded?`                 | Set this to provide JavaScript that will be injected into the web page after the document element is created, but before other subresources finish loading. | string | No       | iOS,Android,macOS   | yes |
+| `automaticallyAdjustContentInsets?`                      | Controls whether to adjust the content inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value is `true` | boolean | No       | iOS                 | No |
+| `automaticallyAdjustsScrollIndicatorInsets?`             | Controls whether to adjust the scroll indicator inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value `false`. (iOS 13+) | boolean | No       | iOS                 | No |
+| `injectedJavaScriptBeforeContentLoadedForMainFrameOnly?` | If `true` (default; mandatory for Android), loads the `injectedJavaScriptBeforeContentLoaded` only into the main frame. | boolean | No       | iOS                 | No |
+| `nativeConfig?`                                          | Override the native component used to render the WebView. Enables a custom native WebView which uses the same JavaScript as the original WebView. | object | No       | iOS, Android, macOS | No |
+| `decelerationRate?`                                      | A floating-point number that determines how quickly the scroll view decelerates after the user lifts their finger. You may also use the string shortcuts `"normal"` and `"fast"` which match the underlying iOS | number | No       | iOS                 | No |
+| `javaScriptCanOpenWindowsAutomatically?`                 | A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is `false`. | boolean | No       | iOS, Android, macOS | No |
+| `AndroidLayerType?`                                      | Specifies the layer type. | string | No       | Android             | No |
+| `mixedContentMode?`                                      |Specifies the mixed content mode. i.e WebView will allow a secure origin to load content from any other origin.  | string | No       | Android             | No |
+| `allowsFullscreenVideo?`                                 | Boolean that determines whether videos are allowed to be played in fullscreen. The default value is false. | boolean | NO | Android          | NO |
+| `allowsInlineMediaPlayback?` | Boolean that determines whether HTML5 videos play inline or use the native full-screen controller. The default value is `false`. | boolean | NO | iOS | NO |
+| `allowsAirPlayForMediaPlayback?` | A Boolean value indicating whether AirPlay is allowed. The default value is `false`. | boolean | NO | iOS and macOS | NO |
+| `contentInset?` | The amount by which the web view content is inset from the edges of the scroll view. Defaults to {top: 0, left: 0, bottom: 0, right: 0}. | object | NO | iOS | NO |
+| `contentInsetAdjustmentBehavior?` | This property specifies how the safe area insets are used to modify the content area of the scroll view. The default value of this property is "never". Available on iOS 11 and later. Defaults to `never`. | string | NO | iOS | NO |
+| `contentMode?` | Controls the type of content to load. Available on iOS 13 and later. Defaults to `recommended`, which loads mobile content on iPhone & iPad Mini but desktop content on larger iPads. | string | No | iOS |No|
+| `dataDetectorTypes?` | Determines the types of data converted to clickable URLs in the web view's content. By default only phone numbers are detected. | string, or array | NO | ios | NO |
+| `setBuiltInZoomControls?` | Sets whether the WebView should use its built-in zoom mechanisms. The default value is `true`. Setting this to `false` will prevent the use of a pinch gesture to control zooming. | boolean | NO | Android | NO |
+| `setDisplayZoomControls?` | Sets whether the WebView should display on-screen zoom controls when using the built-in zoom mechanisms (see `setBuiltInZoomControls`). The default value is `false`. | boolean | NO | Android | NO |
+| `directionalLockEnabled?` | A Boolean value that determines whether scrolling is disabled in a particular direction. The default value is `true`. | boolean | NO | iOS | NO |
+| `allowFileAccessFromFileURLs?` | Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is `false`. | boolean | NO | iOS, Android, macOS | NO |
+| `allowUniversalAccessFromFileURLs?` | boolean | NO | No | iOS, Android, macOS |No|
+| `allowingReadAccessToURL` | A String value that indicates which URLs the WebView's file can then reference in scripts, AJAX requests, and CSS imports. This is only used in for WebViews that are loaded with a `source.uri` set to a `'file://'` URL. If not provided, the default is to only allow read access to the URL provided in `source.uri` itself. | string | NO | iOS and macOS | NO |
+| `keyboardDisplayRequiresUserAction?` | If `false`, web content can programmatically display the keyboard. The default value is `true`. | boolean | NO | iOS and macOS | NO |
+| `hideKeyboardAccessoryView?` | If `true`, this will hide the keyboard accessory view (< > and Done). | boolean | NO | iOS | NO |
+| `allowsBackForwardNavigationGestures?` | If `true`, this will be able horizontal swipe gestures. The default value is `false`. | boolean | NO | iOS |No|
+| `allowFileAccess?` | If `true`, this will allow access to the file system via `file://` URI's. The default value is `false`. | boolean | NO | Android | NO |
+| `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
+| `pagingEnabled?` | If the value of this property is `true`, the scroll view stops on multiples of the scroll view’s bounds when the user scrolls. The default value is `false`. | boolean | NO | iOS | NO |
+| `allowsLinkPreview?` | A Boolean value that determines whether pressing on a link displays a preview of the destination for the link. In iOS this property is available on devices that support 3D Touch. In iOS 10 and later, the default value is `true`; before that, the default value is `false` | boolean | NO | iOS and macOS | NO |
+| `sharedCookiesEnabled?` | Set `true` if shared cookies from `[NSHTTPCookieStorage sharedHTTPCookieStorage]` should be used for every load request in the WebView. The default value is `false`. For more on cookies, read the [Guide](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#Managing-Cookies) | boolean | NO | iOS and macOS | NO |
+| `limitsNavigationsToAppBoundDomains?` | If `true` indicates to WebKit that a WKWebView will only navigate to app-bound domains. Only applicable for iOS 14 or greater. | boolean | NO | iOS                 |No|
+| `textInteractionEnabled?` | If false indicates to WebKit that a WKWebView will not interact with text, thus not showing a text selection loop. Only applicable for iOS 14.5 or greater. | boolean | NO | iOS | NO |
+| `suppressMenuItems?` | Allows to suppress menu item from the default context menu. | array of strings | NO | iOS | NO |
+| `mediaCapturePermissionGrantType?` | This property specifies how to handle media capture permission requests. Defaults to `prompt`, resulting in the user being prompted repeatedly. Available on iOS 15 and later. | string | NO | iOS |No|
+| `autoManageStatusBarEnabled?` | If set to `true`, the status bar will be automatically hidden/shown by WebView, specifically when full screen video is being watched. If `false`, WebView will not manage the status bar at all. The default value is `true`. | boolean | NO | iOS | NO |
+| `basicAuthCredential`? | object that specifies the credentials of a user to be used for basic authentication. | object | NO | iOS, Android | NO |
+| `useWebView2?` | Use WinUI WebView2 control instead of WebView control as the native webview. The WebView2 control is a WinUI control that renders web content using the Microsoft Edge (Chromium) rendering engine. Option can be toggled at runtime and supports Fast Refresh. | boolean | NO | Windows | NO |
+| `applicationNameForUserAgent?` | Append to the existing user-agent. Setting `userAgent` will override this. | string | No | All | yes |
+| `thirdPartyCookiesEnabled?` | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. | boolean | No | All | yes |
+
+##  事件回调
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
+| ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
+| `onScroll?: (event) => void`                     | Function that is invoked when the scroll event is fired in the `WebView`. | function | No       | iOS and macOS           | yes               |
+| `onHttpError?: (event) => void`                  | Function that is invoked when the `WebView` receives an http error. | function | No       | yes                     | yes               |
+| `onLoadStart?: (event) => void`                  | Function that is invoked when the `WebView` starts loading.  | function | No       | All                     | yes               |
+| `onLoad?: (event) => void`                       | Function that is invoked when the `WebView` has finished loading. | function | No       | All                     | yes               |
+| `onOpenWindow?`                                  | Function that is invoked when the `WebView` should open a new window. | function | No       | iOS, Android, macOS     | No                |
+| `injectJavaScript?: (script: string) => void`    | Executes the JavaScript string.                              | function | No       | iOS,Android,macOS       | yes               |
+| `onLoadEnd?: (event) => void`                    | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All                     | yes               |
+| `onLoadProgress?: (event) => void`               | Function that is invoked when the WebView is loading.        | function | No       | All                     | yes               |
+| `onMessage?: (event) => void`                    | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,Android,macOS       | yes               |
+| `onShouldStartLoadWithRequest?: (event) => void` | Function that allows custom handling of any web view requests. | function | No       | iOS,Android,macOS       | yes               |
+| `onContentProcessDidTerminate: (event) => void`  | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS and macOS WKWebView | No                |
+| `renderLoading?`                                 | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS     | No                |
+| `onCustomMenuSelection?`                         | Function called when a custom menu item is selected. It receives a Native event, which includes three custom keys: `label`, `key` and `selectedText`. | function | NO       | iOS, Android            | No                |
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `goForward()`                      | Go forward one page in the web view's history.               | function | No       | All      | yes               |
+| `goBack()`                         | Go back one page in the web view's history.                  | function | No       | All      | yes               |
+| `reload()`                         | Reloads the current page.                                    | function | No       | All      | yes               |
+| `stopLoading()`                    | Stop loading the current page.                               | function | No       | All      | yes               |
+| `injectJavaScript(script: string)` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop. | function | No       | All      | yes               |
+| `requestFocus()`                   | Request the webView to ask for focus. (People working on TV apps might want having a look at this!) | function | No       | All      | yes               |
+| `postMessage(data:string)`         | Post a message to WebView, handled by `onMessage`.           | function | No       | All      | yes               |
+| `clearFormData()`                  | Removes the autocomplete popup from the currently focused form field, if present. | function | No       | Android  | No                |
+| `clearCache(status:boolean)`       | Clears the resource cache. Note that the cache is per-application, so this will clear the cache for all WebViews used. | function | No       | All      | yes               |
+| `clearHistory()`                   | Tells this WebView to clear its internal back/forward list.  | function | No       | Android  | yes               |
+
+## 遗留问题
+
+- [ ]  webview 部分属性未实现 HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
+- [X]  中文乱码[issue#18](https://github.com/react-native-oh-library/react-native-webview/issues/18)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-webviewr(nocodegen).md b/en/react-native-webviewr(nocodegen).md
new file mode 100644
index 00000000..6923e145
--- /dev/null
+++ b/en/react-native-webviewr(nocodegen).md
@@ -0,0 +1,358 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-webview</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-webview/react-native-webview">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20windows%20%7C%20macos%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-webview)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-webview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-webview@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { WebView } from "react-native-webview";
+
+export default function WebViewDemo() {
+  return (
+      <WebView source={{ uri: "https://reactnative.dev/" }} />
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-webview": "file:../../node_modules/@react-native-oh-tpl/react-native-webview/harmony/rn_webview.har"  
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 WebViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
+set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-webview/src/main/cpp" ./webview)
+
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_webview)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "WebViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<WebViewPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 webview 组件
+
+找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
++ import { WebView, WEB_VIEW } from "@react-native-oh-tpl/react-native-webview"
+
+@Builder
+function buildCustomComponent(ctx: ComponentBuilderContext) {
++ if (ctx.componentName === WEB_VIEW) {
++   WebView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+ ...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ WEB_VIEW
+  ];
+```
+
+### 5.在 ArkTs 侧引入 WebViewPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type {RNPackageContext, RNPackage} from 'rnoh/ts';
+import {SamplePackage} from 'rnoh-sample-package/ts';
++ import { WebViewPackage } from '@react-native-oh-tpl/react-native-webview/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new WebViewPackage(ctx)
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
+
+| Name                                                     | Description                                                  | Type     | Required | Platform            | HarmonyOS Support                                            |
+|----------------------------------------------------------| ------------------------------------------------------------ | -------- |----------|---------------------| ------------------------------------------------------------ |
+| `source`                                                 | Loads static HTML or a URI (with optional headers) in the WebView | object   | yes      | All                 | partially (Only of:  **Load uri :** uri  headers  **Static HTML :** html  baseUrl) |
+| `injectedJavaScript?`                                    | Set this to provide JavaScript that will be injected into the web page after the document finishes loading | string   | No       | All                 | yes                                                          |
+| `originWhitelist?`                                       | List of origin strings to allow being navigated to.          | string[] | No       | iOS,Android,macOS   | yes                                                          |
+| `scalesPageToFit?`                                       | Boolean that controls whether the web content is scaled to fit the view and enables the user to change the scale. | boolean  | No       | Android             | yes                                                          |
+| `startInLoadingState?`                                   | Boolean value that forces the WebView to show the loading view on the first load. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `style?`                                                 | A style object that allow you to customize the WebView style. | Style    | No       | ALL                 | yes                                                          |
+| `domStorageEnabled?`                                     | Boolean value to control whether DOM Storage is enabled. Used only in Android and harmony. | boolean  | No       | Android             | yes                                                          |
+| `javaScriptEnabled?`                                     | Boolean value to enable JavaScript in the WebView.           | boolean  | No       | All                 | yes                                                          |
+| `showsHorizontalScrollIndicator?`                        | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `showsVerticalScrollIndicator`                           | Boolean value that determines whether a vertical scroll indicator is shown in the WebView. | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `ignoreSilentHardwareSwitch`                             | Boolean value that When set to true the hardware silent switch is ignored. | boolean  | No       | iOS                 | yes                                                          |
+| `cacheEnabled?`                                          | Sets whether WebView should use browser caching.             | boolean  | No       | iOS,Android,macOS   | yes                                                          |
+| `cacheMode?`                                             | Overrides the way the cache is used.                         | string   | No       | Android             | yes                                                          |
+| `textZoom?`                                              | If the user has set a custom font size in the Android and harmony system, an undesirable scale of the site interface in WebView occurs. | number   | No       | Android             | yes                                                          |
+| `incognito?`                                             | Does not store any data within the lifetime of the WebView.  | boolean  | NO       | All                 | yes                                                          |
+| `mediaPlaybackRequiresUserAction?`                       | Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is `true`. (Android API minimum version 17). | boolean | NO       | iOS,Android,macOS   | yes |
+| `geolocationEnabled?`                                    | Set whether Geolocation is enabled in the `WebView`. The default value is `false`. Used only in Android. | boolean | NO       | Android             | yes |
+| `fraudulentWebsiteWarningEnabled?`                       | A Boolean value that indicates whether the web view shows warnings for suspected fraudulent content, such as malware or phishing attempts. The default value is `true`. (iOS 13+) | boolean | NO       | iOS                 | yes |
+| `thirdPartyCookiesEnabled?`                              | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. For more on cookies, | boolean | NO       | Android             | yes |
+| `userAgent?`                                             | Sets the user-agent for the `WebView`. | string | NO       | iOS,Android,macOS   | yes |
+| `minimumFontSize?`                                       | Android enforces a minimum font size based on this value. A non-negative integer between 1 and 72. Any number outside the specified range will be pinned. Default value is 8. If you are using smaller font sizes and are having trouble fitting the whole window onto one screen, try setting this to a smaller value. | number | No       | Android             | yes |
+| `forceDarkOn?`                                           | Configuring Dark Theme | boolean | No       | Android             | yes |
+| `injectedJavaScriptBeforeContentLoaded?`                 | Set this to provide JavaScript that will be injected into the web page after the document element is created, but before other subresources finish loading. | string | No       | iOS,Android,macOS   | yes |
+| `automaticallyAdjustContentInsets?`                      | Controls whether to adjust the content inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value is `true` | boolean | No       | iOS                 | No |
+| `automaticallyAdjustsScrollIndicatorInsets?`             | Controls whether to adjust the scroll indicator inset for web views that are placed behind a navigation bar, tab bar, or toolbar. The default value `false`. (iOS 13+) | boolean | No       | iOS                 | No |
+| `injectedJavaScriptBeforeContentLoadedForMainFrameOnly?` | If `true` (default; mandatory for Android), loads the `injectedJavaScriptBeforeContentLoaded` only into the main frame. | boolean | No       | iOS                 | No |
+| `nativeConfig?`                                          | Override the native component used to render the WebView. Enables a custom native WebView which uses the same JavaScript as the original WebView. | object | No       | iOS, Android, macOS | No |
+| `decelerationRate?`                                      | A floating-point number that determines how quickly the scroll view decelerates after the user lifts their finger. You may also use the string shortcuts `"normal"` and `"fast"` which match the underlying iOS | number | No       | iOS                 | No |
+| `javaScriptCanOpenWindowsAutomatically?`                 | A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is `false`. | boolean | No       | iOS, Android, macOS | No |
+| `AndroidLayerType?`                                      | Specifies the layer type. | string | No       | Android             | No |
+| `mixedContentMode?`                                      |Specifies the mixed content mode. i.e WebView will allow a secure origin to load content from any other origin.  | string | No       | Android             | No |
+| `allowsFullscreenVideo?`                                 | Boolean that determines whether videos are allowed to be played in fullscreen. The default value is false. | boolean | NO | Android          | NO |
+| `allowsInlineMediaPlayback?` | Boolean that determines whether HTML5 videos play inline or use the native full-screen controller. The default value is `false`. | boolean | NO | iOS | NO |
+| `allowsAirPlayForMediaPlayback?` | A Boolean value indicating whether AirPlay is allowed. The default value is `false`. | boolean | NO | iOS and macOS | NO |
+| `contentInset?` | The amount by which the web view content is inset from the edges of the scroll view. Defaults to {top: 0, left: 0, bottom: 0, right: 0}. | object | NO | iOS | NO |
+| `contentInsetAdjustmentBehavior?` | This property specifies how the safe area insets are used to modify the content area of the scroll view. The default value of this property is "never". Available on iOS 11 and later. Defaults to `never`. | string | NO | iOS | NO |
+| `contentMode?` | Controls the type of content to load. Available on iOS 13 and later. Defaults to `recommended`, which loads mobile content on iPhone & iPad Mini but desktop content on larger iPads. | string | No | iOS |NO|
+| `dataDetectorTypes?` | Determines the types of data converted to clickable URLs in the web view's content. By default only phone numbers are detected. | string, or array | NO | ios | NO |
+| `setBuiltInZoomControls?` | Sets whether the WebView should use its built-in zoom mechanisms. The default value is `true`. Setting this to `false` will prevent the use of a pinch gesture to control zooming. | boolean | NO | Android | NO |
+| `setDisplayZoomControls?` | Sets whether the WebView should display on-screen zoom controls when using the built-in zoom mechanisms (see `setBuiltInZoomControls`). The default value is `false`. | boolean | NO | Android | NO |
+| `directionalLockEnabled?` | A Boolean value that determines whether scrolling is disabled in a particular direction. The default value is `true`. | boolean | NO | iOS | NO |
+| `allowFileAccessFromFileURLs?` | Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from other file scheme URLs. The default value is `false`. | boolean | NO | iOS, Android, macOS | NO |
+| `allowUniversalAccessFromFileURLs?` | boolean | NO | No | iOS, Android, macOS |No|
+| `allowingReadAccessToURL` | A String value that indicates which URLs the WebView's file can then reference in scripts, AJAX requests, and CSS imports. This is only used in for WebViews that are loaded with a `source.uri` set to a `'file://'` URL. If not provided, the default is to only allow read access to the URL provided in `source.uri` itself. | string | NO | iOS and macOS | NO |
+| `keyboardDisplayRequiresUserAction?` | If `false`, web content can programmatically display the keyboard. The default value is `true`. | boolean | NO | iOS and macOS | NO |
+| `hideKeyboardAccessoryView?` | If `true`, this will hide the keyboard accessory view (< > and Done). | boolean | NO | iOS | NO |
+| `allowsBackForwardNavigationGestures?` | If `true`, this will be able horizontal swipe gestures. The default value is `false`. | boolean | NO | iOS |No|
+| `allowFileAccess?` | If `true`, this will allow access to the file system via `file://` URI's. The default value is `false`. | boolean | NO | Android | NO |
+| `saveFormDataDisabled?` | Sets whether the WebView should disable saving form data. The default value is `false`. This function does not have any effect from Android API level 26 onwards as there is an Autofill feature which stores form data. | boolean | NO | Android | NO |
+| `pagingEnabled?` | If the value of this property is `true`, the scroll view stops on multiples of the scroll view’s bounds when the user scrolls. The default value is `false`. | boolean | NO | iOS | NO |
+| `allowsLinkPreview?` | A Boolean value that determines whether pressing on a link displays a preview of the destination for the link. In iOS this property is available on devices that support 3D Touch. In iOS 10 and later, the default value is `true`; before that, the default value is `false` | boolean | NO | iOS and macOS | NO |
+| `sharedCookiesEnabled?` | Set `true` if shared cookies from `[NSHTTPCookieStorage sharedHTTPCookieStorage]` should be used for every load request in the WebView. The default value is `false`. For more on cookies, read the [Guide](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#Managing-Cookies) | boolean | NO | iOS and macOS | NO |
+| `limitsNavigationsToAppBoundDomains?` | If `true` indicates to WebKit that a WKWebView will only navigate to app-bound domains. Only applicable for iOS 14 or greater. | boolean | NO | iOS                 |No|
+| `textInteractionEnabled?` | If false indicates to WebKit that a WKWebView will not interact with text, thus not showing a text selection loop. Only applicable for iOS 14.5 or greater. | boolean | NO | iOS | NO |
+| `suppressMenuItems?` | Allows to suppress menu item from the default context menu. | array of strings | NO | iOS | NO |
+| `mediaCapturePermissionGrantType?` | This property specifies how to handle media capture permission requests. Defaults to `prompt`, resulting in the user being prompted repeatedly. Available on iOS 15 and later. | string | NO | iOS |No|
+| `autoManageStatusBarEnabled?` | If set to `true`, the status bar will be automatically hidden/shown by WebView, specifically when full screen video is being watched. If `false`, WebView will not manage the status bar at all. The default value is `true`. | boolean | NO | iOS | NO |
+| `basicAuthCredential`? | object that specifies the credentials of a user to be used for basic authentication. | object | NO | iOS, Android | NO |
+| `useWebView2?` | Use WinUI WebView2 control instead of WebView control as the native webview. The WebView2 control is a WinUI control that renders web content using the Microsoft Edge (Chromium) rendering engine. Option can be toggled at runtime and supports Fast Refresh. | boolean | NO | Windows | NO |
+| `applicationNameForUserAgent?` | Append to the existing user-agent. Setting `userAgent` will override this. | string | No | All | yes |
+| `thirdPartyCookiesEnabled?` | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. | boolean | No | All | yes |
+
+##  事件回调
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
+| ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
+| `onScroll?: (event) => void`                     | Function that is invoked when the scroll event is fired in the `WebView`. | function | No       | iOS and macOS           | yes               |
+| `onHttpError?: (event) => void`                  | Function that is invoked when the `WebView` receives an http error. | function | No       | yes                     | yes               |
+| `onLoadStart?: (event) => void`                  | Function that is invoked when the `WebView` starts loading.  | function | No       | All                     | yes               |
+| `onLoad?: (event) => void`                       | Function that is invoked when the `WebView` has finished loading. | function | No       | All                     | yes               |
+| `onOpenWindow?`                                  | Function that is invoked when the `WebView` should open a new window. | function | No       | iOS, Android, macOS     | No                |
+| `injectJavaScript?: (script: string) => void`    | Executes the JavaScript string.                              | function | No       | iOS,Android,macOS       | yes               |
+| `onLoadEnd?: (event) => void`                    | Function that is invoked when the WebView load succeeds or fails used. | function | No       | All                     | yes               |
+| `onLoadProgress?: (event) => void`               | Function that is invoked when the WebView is loading.        | function | No       | All                     | yes               |
+| `onMessage?: (event) => void`                    | Function that is invoked when the webview calls window.ReactNativeWebView.postMessage. | function | No       | iOS,Android,macOS       | yes               |
+| `onShouldStartLoadWithRequest?: (event) => void` | Function that allows custom handling of any web view requests. | function | No       | iOS,Android,macOS       | yes               |
+| `onContentProcessDidTerminate: (event) => void`  | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS and macOS WKWebView | No                |
+| `renderLoading?`                                 | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS     | No                |
+| `onCustomMenuSelection?`                         | Function called when a custom menu item is selected. It receives a Native event, which includes three custom keys: `label`, `key` and `selectedText`. | function | NO       | iOS, Android            | No                |
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `goForward()`                      | Go forward one page in the web view's history.               | function | No       | All      | yes               |
+| `goBack()`                         | Go back one page in the web view's history.                  | function | No       | All      | yes               |
+| `reload()`                         | Reloads the current page.                                    | function | No       | All      | yes               |
+| `stopLoading()`                    | Stop loading the current page.                               | function | No       | All      | yes               |
+| `injectJavaScript(script: string)` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop. | function | No       | All      | yes               |
+| `requestFocus()`                   | Request the webView to ask for focus. (People working on TV apps might want having a look at this!) | function | No       | All      | yes               |
+| `postMessage(data:string)`         | Post a message to WebView, handled by `onMessage`.           | function | No       | All      | yes               |
+| `clearFormData()`                  | Removes the autocomplete popup from the currently focused form field, if present. | function | No       | Android  | No                |
+| `clearCache(status:boolean)`       | Clears the resource cache. Note that the cache is per-application, so this will clear the cache for all WebViews used. | function | No       | All      | yes               |
+| `clearHistory()`                   | Tells this WebView to clear its internal back/forward list.  | function | No       | Android  | yes               |
+
+## 遗留问题
+
+- [ ]  webview 部分属性未实现 HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
+- [X]  中文乱码[issue#18](https://github.com/react-native-oh-library/react-native-webview/issues/18)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
+
diff --git a/en/react-native-worklets-core.md b/en/react-native-worklets-core.md
new file mode 100644
index 00000000..33d68ad9
--- /dev/null
+++ b/en/react-native-worklets-core.md
@@ -0,0 +1,273 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-worklets-core</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/margelo/react-native-worklets-core">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/margelo/react-native-worklets-core/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-worklets-core)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-worklets-core Releases](https://github.com/react-native-oh-library/react-native-worklets-core/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm i @react-native-oh-tpl/react-native-worklets-core@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-worklets-core@file:#
+```
+
+在项目根目录下的 `babel.config.js` 中添加 `babel` 插件
+
+```js
+module.exports = {
+  plugins: [
+    ["@react-native-oh-tpl/react-native-worklets-core/plugin"],
+    // ...
+  ],
+  // ...
+};
+```
+
+重置缓存重启项目
+
+```bash
+yarn start --reset-cache
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import { useState } from "react";
+import { Button, Text, View } from "react-native";
+import { useRunOnJS, useWorklet } from "react-native-worklets-core";
+
+const App = () => {
+  // 计数器
+  const [count, setCount] = useState(0);
+  // 定义一个useRunJS方法
+  const setCountRunInJS = useRunOnJS(() => {
+    setCount(Math.random());
+  }, [count]);
+  // 在worklets线程使用RunInJS方法
+  const countInWorkLet = useWorklet(
+    "default",
+    () => {
+      "worklet";
+      setCountRunInJS();
+    },
+    [setCountRunInJS]
+  );
+
+  return (
+    <View>
+      <View style={{ flexDirection: "row", gap: 10 }}>
+        <Button title="SetCount" onPress={() => countInWorkLet()} />
+      </View>
+      <Text>count:{count}</Text>
+    </View>
+  );
+};
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-worklets-core": "file:../../node_modules/@react-native-oh-tpl/react-native-worklets-core/harmony/rn_worklets.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```shell
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 Worklets
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-worklets-core/src/main/cpp" ./worklets)
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_worklets)
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "WorkletsPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<WorkletsPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 WorkletsPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { WorkletsPackage } from "@react-native-oh-tpl/react-native-worklets-core/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new WorkletsPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```shell
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-worklets-core Releases](https://github.com/react-native-oh-library/react-native-worklets-core/releases)
+
+### API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| NAME                   | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| createContext          | Creates a new worklet context with the given name.           | function  | no       | All      | yes               |
+| createSharedValue      | Creates a value that can be shared between runtimes.         | function  | no       | All      | yes               |
+| createRunOnJS          | Creates a function that can be executed asynchronously on the default React-JS context. | function  | no       | All      | yes               |
+| runOnJS                | Runs the given Function asynchronously on the default React-JS context. | function  | no       | All      | yes               |
+| getCurrentThreadId     | Returns a unique identifier for the Thread this method is called on. | function  | no       | All      | yes               |
+| defaultContext         | Get the default Worklet context.                             | interface | no       | All      | yes               |
+| currentContext         | Get the current Worklet context, or `undefined` if called in main React JS context. | interface | no       | All      | yes               |
+| __jsi_is_array         | Returns true if jsi/cpp believes that the passed value is an array. | function  | no       | All      | yes               |
+| __jsi_is_object        | Returns true if jsi/cpp believes that the passed value is an object. | function  | no       | All      | yes               |
+| context.addDecorator   | Adds an object to the worklet context. The object will be available in all worklets. | function  | no       | All      | yes               |
+| context.createRunAsync | Creates a function that can be executed asynchronously on the Worklet context. | function  | no       | All      | yes               |
+| context.runAsync       | Runs the given Function asynchronously on this Worklet context. | function  | no       | All      | yes               |
+| useWorklet             | Create a Worklet function that automatically memoizes itself using it's auto-captured closure. | function  | no       | All      | yes               |
+| useRunOnJS             | Create a Worklet function that runs the given function on the JS context. | function  | no       | All      | yes               |
+| useSharedValue         | Create a Shared Value that persists between re-renders.      | function  | no       | All      | yes               |
+| isWorklet              | Checks whether the given function is a Worklet or not.       | function  | no       | All      | yes               |
+| worklet                | Ensures the given function is a Worklet, and throws an error if not. | function  | no       | All      | yes               |
+| getWorkletDependencies | Get the dependencies of the given worklet.                   | function  | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/margelo/react-native-worklets-core/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-native-zip-archive.md b/en/react-native-zip-archive.md
new file mode 100644
index 00000000..67ac5b5c
--- /dev/null
+++ b/en/react-native-zip-archive.md
@@ -0,0 +1,558 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-zip-archive</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mockingbot/react-native-zip-archive">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mockingbot/react-native-zip-archive/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-zip-archive)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-zip-archive@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-zip-archive@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useEffect } from 'react';
+import { View, Button, StyleSheet, TextInput, Alert, Text, ActivityIndicator } from 'react-native';
+import { pathParameters, zip, unzip, zipWithPassword, unzipWithPassword, subscribe, creteFile, isPasswordProtected, unzipAssets, getUncompressedSize } from 'react-native-zip-archive';
+import { ProgressBar } from 'react-native-paper';
+
+export default function ZipArchiveDemo() {
+    const [fileName, setFileName] = useState('');
+    const [fileContent, setFileContent] = useState('');
+    const [createdFilePath, setCreatedFilePath] = useState('');
+    const [compressedFilePath, setCompressedFilePath] = useState('');
+
+    const [newZipPath, setNewZipPath]: any = useState();
+    const [newSourcePath, setNewSourcePath]: any = useState();
+    const [newFolder, setNewFolder]: any = useState();
+    const [password, setPassword] = useState('');
+    const [showInput, setShowInput] = useState(false);
+    const [zipPassword, setZipPassword] = useState('');
+    const [progress, setProgress] = useState(0);
+    const [isProgressPing, setIsProgressPing] = useState<boolean>(false);
+    const [loading, setLoading] = useState(false);
+    const [unzipStatus, setUnzipStatus] = useState('');
+    const [uncompressSize, setUncompressSize] = useState('');
+    let unzipPassword: string = '';
+    let needPassword: boolean = false;
+
+    // 存储设置的密码
+    const setUnzipPassword = (value: string) => {
+        console.log(`setUnzipPassword: ${value}`);
+        unzipPassword = value;
+    }
+
+    useEffect(() => {
+        let filesDir = pathParameters(); // 获取 HarmonyOS 应用文件路径
+        let newZipPath: any = filesDir + '.zip';
+        let newSourcePath: any = filesDir;
+        let newFolder: any = filesDir + 'Out';//解压时新建个文件夹
+
+        setNewZipPath(newZipPath);//存储压缩包
+        setNewSourcePath(newSourcePath);//原文件路径
+        setNewFolder(newFolder);//解压时新建个文件夹
+
+        if (!showInput) {
+            setPassword(''); // 隐藏输入框时清空密码
+        }
+    }, [showInput]);
+
+    // 创建文件
+    const createFile = () => {
+        if (!fileName || !fileContent) {
+            Alert.alert('文件名和内容不能为空');
+            return;
+        }
+        const filePath = `${newSourcePath}/${fileName}.txt`;
+
+        if (fileName && fileContent) {
+            creteFile(filePath, fileContent)
+                .then(() => {
+                    setCreatedFilePath(filePath);
+                    Alert.alert('文件创建成功')
+                    setTimeout(() => {
+                        setFileName('');
+                        setFileContent('');
+                    }, 100);
+                })
+                .catch((error) => {
+                    console.log('文件创建失败:', error);
+                });
+        } else {
+            Alert.alert('请输入文件名和内容');
+        }
+    };
+
+    // 密码压缩
+    const handleZipPress = () => {
+        if (password === '') {
+            Alert.alert('错误', '请输入密码');
+            return;
+        }
+       
+        if (createdFilePath) {
+            handleProgress();//进度条
+            zipWithPassword(newSourcePath, newZipPath, password)
+                .then(() => {
+                    console.log(`password--11:${password}`)
+                    setZipPassword(password);
+                    setCompressedFilePath(newZipPath)
+                    Alert.alert('成功', '已使用密码创建压缩');
+                })
+                .catch(error => {
+                    Alert.alert('错误', `创建压缩文件失败: ${error}`);
+                });
+        } else {
+            Alert.alert('无文件可供压缩');
+        }
+    };
+
+    // 解压时是否需要密码
+    const isUnzipWithPassword = () => {
+        if (unzipPassword) {
+            if (zipPassword === '') {
+                Alert.alert('错误', '请先进行压缩并设置密码');
+                return;
+            }
+
+            if (unzipPassword === zipPassword) {
+                handleGetUncompressedSize();
+                handleProgress();//进度条
+                unzipWithPassword(newZipPath,newFolder, unzipPassword)
+                    .then(() => {
+                        Alert.alert('成功', '已使用密码解压文件');
+                    })
+                    .catch(error => {
+                        Alert.alert('错误', `解压文件失败: ${error}`);
+                    });
+
+            } else {
+                Alert.alert('密码输入错误');
+            }
+        } else {
+            Alert.alert('错误', '请先输入密码');
+        }
+    }
+
+    // 密码解压&解压
+    const handleUnzipPress = () => {
+        if (this.needPassword) {
+            isUnzipWithPassword();
+            setShowInput(true);
+            return;
+        }
+        isPasswordProtected(newZipPath)
+            .then((res) => {
+                if (res) {
+                    this.needPassword = true;
+                    setShowInput(true);
+                } else {
+                    if (compressedFilePath) {
+                        if (needPassword === false) {
+                            handleGetUncompressedSize();
+                            handleProgress();//进度条
+                            unzip(newZipPath, newFolder,'UTF-8')
+                                .then(() => {
+                                    console.log(`unzip success`)
+                                    Alert.alert('成功', '已解压');
+                                })
+                                .catch(error => {
+                                    Alert.alert('错误', '解压失败');
+                                    console.log(`unzip error: ${error}`);
+                                })
+                        }
+                    } else {
+                        Alert.alert('无压缩文件可供解压');
+                    }
+                }
+            })
+            .catch(error => {
+                console.error(`isPasswordProtected error: ${error}`)
+            })
+    }
+
+    // 进度条
+    const handleProgress = () => {
+        setIsProgressPing(true);
+        setProgress(0); //重置进度条
+        interface data {
+            progress: number,
+            filePath: string
+        }
+        let currentProgress = 0;
+
+        const interval = setInterval(() => {
+            if (currentProgress < 100) {
+                currentProgress += 20;
+                setProgress(currentProgress);
+                console.log(`current progress: ${currentProgress}%`);
+            } else {
+                clearInterval(interval); // 达到最大值后清除 interval
+                setIsProgressPing(false);
+            }
+        }, 1000);
+
+        subscribe((data: data) => {
+            try {
+                if (data.progress != null) {
+                    currentProgress = data.progress;
+                    setProgress(data.progress);
+                    console.log(`subscribe success: ${data.progress}`);
+                    setIsProgressPing(false);
+
+                    if (data.progress === 100) {
+                        clearInterval(interval);
+                    }
+                }
+            } catch (error) {
+                console.log(`subscribe error: ${error}`);
+                clearInterval(interval);
+            }
+        })
+    }
+
+    // unzipAssets
+    const handleUnzipAssets = async () => {
+        setLoading(true);
+        let filesDir = pathParameters();
+        //解压files.zip文件到系统中的 destinationFolder 目录中
+        let assetPath = filesDir + '.zip';
+        let targetPath = filesDir + 'destinationFolder';
+        if (compressedFilePath) {
+            try {
+                await unzipAssets(assetPath, targetPath);
+                setUnzipStatus('解压完成');
+                console.log(`unzipAssets success`);
+            } catch (err) {
+                setUnzipStatus(`解压失败：${err}`);
+                console.log(`unzipAssets err: ${err}`);
+            } finally {
+                setLoading(false);
+            }
+        } else {
+            Alert.alert('无压缩文件可供解压');
+        }
+    }
+
+    // getUncompressedSize
+    const handleGetUncompressedSize = () => {
+        getUncompressedSize(newZipPath)
+            .then((uncompressSize:any) => {
+                setUncompressSize(uncompressSize);
+                console.log(`uncompressSize success:${uncompressSize}`)
+            })
+            .catch((err) => {
+                console.log(`getUncompressedSize err:${err}`)
+            })
+    }
+
+    return (
+        <View style={styles.content}>
+            <View style={styles.buttonSix}>
+                <View>
+                    <Text>解压缩后的大小:{uncompressSize ? uncompressSize : '0'}字节</Text>
+                    <View style={styles.progressBar}>
+                        <View style={{ width: `${progress}%`, backgroundColor: '#00AEEF', height: '100%' }}></View>
+                    </View>
+                    <Text style={styles.percentageText}>{progress}%</Text>
+                </View>
+            </View>
+
+            <View >
+                <View >
+                    <TextInput
+                        placeholder="请输入文件名"
+                        value={fileName}
+                        onChangeText={setFileName}
+                        style={{ borderWidth: 1, padding: 10, width: '70%' }}
+                    />
+                    <TextInput
+                        style={{
+                            height: 100,
+                            borderColor: 'gray',
+                            borderWidth: 1,
+                            width: 200,
+                            padding: 10,
+                            marginBottom: 10,
+                            marginTop: 10
+                        }}
+                        onChangeText={text => setFileContent(text)}
+                        value={fileContent}
+                        placeholder="文件内容"
+                        multiline={true}
+                    />
+                    <Button title="创建文件" onPress={createFile} />
+                </View>
+            </View>
+
+            <View style={styles.buttonSix}>
+                <Button title='压缩' disabled={!createdFilePath} onPress={() => {
+                    if (createdFilePath) {
+                        handleProgress();//进度条
+                        zip(newSourcePath, newZipPath)
+                            .then(() => {
+                                setCompressedFilePath(newZipPath)
+                                Alert.alert('成功', '已压缩');
+                            })
+                            .catch(error => {
+                                Alert.alert('错误', `压缩失败: ${error}`);
+                            })
+                    } else {
+                        Alert.alert('无文件可供压缩');
+                    }
+                }} />
+            </View>
+
+            <View>
+                <TextInput
+                    style={styles.input}
+                    placeholder="设置压缩密码"
+                    onChangeText={text => setPassword(text)}
+                    value={password}
+                />
+            </View>
+            <View style={styles.buttonSix}>
+                <Button title='密码压缩' disabled={!createdFilePath} onPress={handleZipPress} />
+            </View>
+
+            {showInput && (
+                <View>
+                    <TextInput
+                        style={styles.input}
+                        placeholder="输入解压密码"
+                        onChangeText={text => setUnzipPassword(text)}
+                    />
+                </View>
+            )}
+
+            <View style={styles.buttonSix}>
+                <Button title="解压" disabled={!createdFilePath} onPress={handleUnzipPress} />
+            </View>
+        </View>
+    )
+}
+
+const styles = StyleSheet.create({
+    content: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginTop: 56
+    },
+    buttonSix: {
+        width: '65%',
+        marginBottom: 10,
+        marginTop: 20
+    },
+    input: {
+        borderWidth: 1,
+        padding: 10,
+        width: 300
+    },
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    progressBar: {
+        width: 250,
+        height: 20,
+        backgroundColor: '#E0E0E0',
+        borderRadius: 10,
+        overflow: 'hidden',
+        marginTop: 10
+    },
+    percentageText: {
+        marginTop: 5,
+        fontSize: 16
+    }
+})
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
++   "@react-native-oh-tpl/react-native-zip-archive": "file:../../node_modules/@react-native-oh-tpl/react-native-zip-archive/harmony/zipArchive_package.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入zipArchive
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-zip-archive/src/main/cpp" ./zipArchive-package)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC nativi_minizip)
+# RNOH_END: manual_package_linking_2
+```
+
+### 4.在 ArkTs 侧引入 ZipArchivePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
++ import {ZipArchivePackage} from '@react-native-oh-tpl/react-native-zip-archive/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ZipArchivePackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases)
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| zip                 | File or folder compression                                   | string  | no       | All      | yes               |
+| unzip               | Decompression of files or folders                            | string  | no       | All      | yes               |
+| zipWithPassword     | Compress files or folders with a password                    | string  | no       | All      | yes               |
+| unzipWithPassword   | Extract files or folders with a password                     | string  | no       | All      | yes               |
+| isPasswordProtected | Check if the password exists during password decompression   | boolean | no       | All      | yes               |
+| unzipAssets         | Pass in the specified directory during decompression         | string  | no       | All      | yes               |
+| getUncompressedSize | Check the size of the compressed file during decompression   | number  | no       | All      | yes               |
+| subscribe           | Display progress bar during compression and password decompression | void    | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mockingbot/react-native-zip-archive/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-navigation-bottom-sheet.md b/en/react-navigation-bottom-sheet.md
new file mode 100644
index 00000000..5202d304
--- /dev/null
+++ b/en/react-navigation-bottom-sheet.md
@@ -0,0 +1,271 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@th3rdwave/react-navigation-bottom-sheet</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/th3rdwave/react-navigation-bottom-sheet">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/th3rdwave/react-navigation-bottom-sheet/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/th3rdwave/react-navigation-bottom-sheet)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @th3rdwave/react-navigation-bottom-sheet@0.3.2
+```
+
+#### **yarn**
+
+```bash
+yarn add @th3rdwave/react-navigation-bottom-sheet@0.3.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!TIP] 本示例依赖 react-native-gesture-handler 库，参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入。
+
+```js
+import * as React from 'react';
+import { StyleSheet, Dimensions, View, Button, Text } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import {
+  BottomSheetBackdrop,
+  BottomSheetBackdropProps,
+} from '@gorhom/bottom-sheet';
+import { NavigationContainer } from '@react-navigation/native';
+import {
+  BottomSheetScreenProps,
+  createBottomSheetNavigator,
+} from '@th3rdwave/react-navigation-bottom-sheet';
+
+
+type BottomSheetParams = {
+  Home: undefined;
+  Sheet: { id: number };
+  BigSheet: { id: number };
+};
+
+const BottomSheet = createBottomSheetNavigator<BottomSheetParams>();
+
+function HomeScreen({
+  navigation,
+}: BottomSheetScreenProps<BottomSheetParams, 'Home'>) {
+  return (
+    <View style={styles.container}>
+      <Text style={{ color: 'black' }}>Home Screen</Text>
+      <View style={styles.spacer} />
+      <Button
+        title="Open sheet"
+        onPress={() => {
+          navigation.navigate('Sheet', { id: 1 });
+        }}
+      />
+      <View style={styles.spacer} />
+      <Button
+        title="Open a big sheet"
+        onPress={() => {
+          navigation.navigate('BigSheet', { id: 1 });
+        }}
+      />
+    </View>
+  );
+}
+
+function SheetScreen({
+  route,
+  navigation,
+}: BottomSheetScreenProps<BottomSheetParams, 'Sheet'>) {
+  let timer: any = null
+
+  React.useEffect(() => {
+    return () => {
+      clearTimeout(timer)
+    }
+  })
+
+  return (
+    <View style={[styles.container, styles.content]}>
+      <Text>Sheet Screen {route.params.id}</Text>
+      <View style={styles.spacer} />
+      <Button
+        title="Open new sheet"
+        onPress={() => {
+          navigation.navigate('Sheet', { id: route.params.id + 1 });
+        }}
+      />
+      <View style={styles.spacer} />
+      <Button
+        title="Open new big sheet"
+        onPress={() => {
+          navigation.navigate('BigSheet', { id: route.params.id + 1 });
+        }}
+      />
+      <View style={styles.spacer} />
+      <Button
+        title="Close this sheet"
+        onPress={() => {
+          navigation.goBack();
+        }}
+      />
+      <View style={styles.spacer} />
+      {route.name === ('BigSheet' as unknown) && (
+        <>
+          <Button
+            title="Snap to top"
+            onPress={() => {
+              timer = setTimeout(() => {
+                navigation.snapTo(1);
+              })
+            }}
+          />
+        </>
+      )}
+    </View>
+  );
+}
+
+const renderBackdrop = (props: BottomSheetBackdropProps) => (
+  <BottomSheetBackdrop {...props} appearsOnIndex={0} disappearsOnIndex={-1} />
+);
+
+function SimpleExample() {
+  return (
+    <NavigationContainer>
+      <BottomSheet.Navigator
+        screenOptions={{
+          backdropComponent: renderBackdrop,
+        }}
+      >
+        <BottomSheet.Screen name="Home" component={HomeScreen} />
+        <BottomSheet.Screen
+          name="Sheet"
+          component={SheetScreen}
+          getId={({ params }) => `sheet-${params.id}`}
+        />
+        <BottomSheet.Screen
+          name="BigSheet"
+          component={SheetScreen}
+          options={{
+            snapPoints: ['70%', '90%'],
+          }}
+          getId={({ params }) => `sheet-${params.id}`}
+        />
+      </BottomSheet.Navigator>
+    </NavigationContainer>
+  );
+}
+
+export function BottomExample() {
+  return (
+    <GestureHandlerRootView style={styles.container1}>
+        <SimpleExample />
+    </GestureHandlerRootView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container1: {
+    flex: 1,
+  },
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  content: {
+    marginVertical: 20,
+  },
+  spacer: {
+    margin: 5,
+  },
+  bottom: {
+    display: 'flex',
+    flexDirection: 'row'
+  }
+});
+
+```
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.29; SDK: HarmonyOS-NEXT-DB6 5.0.0.61 (API Version 12 Beta6); IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+### Navigation options
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| snapPoints  | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number and string.    | Array<string>  | YES | ALL      | YES |
+| backgroundStyle  | View style to be applied to the background component.    | ViewStyle  | NO | ALL      | YES |
+| index  | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state.    | number  | NO | ALL      | YES |
+| detached  | Defines whether the bottom sheet is attached to the bottom or no.  | boolean  | NO | ALL      | YES |
+| overDragResistanceFactor  | Defines how violently sheet has to be stopped while over dragging.  | number  | NO |   ALL    | YES |
+| enableOverDrag  | Enable over drag for the sheet.  | boolean  | NO |   ALL    | YES |
+| enablePanDownToClose  | Enable pan down gesture to close the sheet.  | boolean  | NO |ALL| YES |
+| enableHandlePanningGesture  | Enable handle panning gesture interaction.  | boolean  | NO |ALL| YES |
+| enableContentPanningGesture  | Enable content panning gesture interaction. | boolean  | NO |ALL| YES |
+| enableDynamicSizing  | Enable dynamic sizing for content view and scrollable content size.  | boolean  | NO | ALL      | YES |
+| animateOnMount  | This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index.  | boolean  | NO | ALL      | YES |
+| style  | View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet.  | ViewStyle  | NO | ALL      | YES |
+| handleStyle  | View style to be applied to the handle component. | ViewStyle   | NO | ALL      | YES |
+| handleIndicatorStyle  | View style to be applied to the handle indicator component. | ViewStyle  | NO | ALL      | YES |
+| handleHeight  | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.| number  | NO | ALL      | YES |
+| contentHeight  | Content height helps dynamic snap points calculation.| number  | NO | ALL      | YES |
+| topInset  | Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.| number  | NO | ALL      | YES |
+| bottomInset  |Bottom inset to be added to the bottom sheet container.| number  | NO | ALL      | YES |
+| maxDynamicContentSize  |Max dynamic content size height to limit the bottom sheet height from exceeding a provided size.| number  | NO |    ALL     | YES |
+| keyboardBehavior  |Defines the keyboard appearance behavior.| 'extend' or 'fillParent' or 'interactive'  | NO |NO| NO |
+| keyboardBlurBehavior  |Defines the keyboard blur behavior.| 'none' or 'restore'  | NO |    NO   | NO |
+| animationConfigs  |Animation configs, this could be created by:|function  | NO |   ALL    | YES |
+| handleComponent  |Component to be placed as a sheet handle.|React.FC\<BottomSheetHandleProps>  | NO | ALL      | YES |
+| backdropComponent  |Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually.|React.FC\<BottomSheetBackgroundProps>  | NO | ALL      | YES |
+| backgroundComponent  |Component to be placed as a sheet background.|React.FC\<BottomSheetBackgroundProps> | NO | ALL      | YES |
+| footerComponent  |Component to be placed as a sheet footer.|React.FC\<BottomSheetFooterProps>  | NO | ALL      | YES |
+
+
+### Navigation helpers
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| snapTo  | Snaps the current sheet to index.    | (index: number) => void  | NO | ALL      | YES |
+
+
+## 遗留问题
+
+## 其他
+- keyboardBehavior属性暂不支持，与iOS表现一致。[issue#24](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/24)
+- keyboardBlurBehavior属性暂不支持，与iOS表现一致。[issue#25](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/25)
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT )](https://github.com/th3rdwave/react-navigation-bottom-sheet/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-bottom-tabs.md b/en/react-navigation-bottom-tabs.md
new file mode 100644
index 00000000..32c9511f
--- /dev/null
+++ b/en/react-navigation-bottom-tabs.md
@@ -0,0 +1,165 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/bottom-tabs</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/bottom-tabs/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/bottom-tabs@6.5.20
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/bottom-tabs@6.5.20
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Text, View } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+
+function HomeScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home!</Text>
+        </View>
+    );
+}
+
+function SettingsScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Settings!</Text>
+        </View>
+    );
+}
+
+const Tab = createBottomTabNavigator();
+
+export function NavigationBottomTabs() {
+    return (
+        <NavigationContainer>
+            <Tab.Navigator>
+                <Tab.Screen name="Home" component={HomeScreen} />
+                <Tab.Screen name="Settings" component={SettingsScreen} />
+            </Tab.Navigator>
+        </NavigationContainer>
+    );
+}
+```
+
+## Link
+
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/elements](/zh-cn/react-navigation-elements.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.11; SDK: OpenHarmony(api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52;
+2. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
+3. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+4. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多属性详情请查看 [react-navigation/bottom-tabs 的文档介绍](https://reactnavigation.org/docs/bottom-tab-navigator)
+
+**Props**
+| Name                  | Description                                                                                                                                                                        | Type                                                                     | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| id                    | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.                                                  | string                                                                   | no       | all         | yes               |
+| initialRouteName      | The name of the route to render on first load of the navigator.                                                                                                                    | string                                                                   | no       | all         | yes               |
+| screenOptions         | Default options to use for the screens in the navigator.                                                                                                                           | object                                                                   | no       | all         | yes               |
+| backBehavior          | This controls what happens when goBack is called in the navigator. This includes pressing the device's back button or back gesture on Android.                                     | 'firstRoute'&#124;'initialRoute'&#124;'order'&#124;'history'&#124;'none' | no       | Android     | yes               |
+| detachInactiveScreens | Boolean used to indicate whether inactive screens should be detached from the view hierarchy to save memory. This enables integration with react-native-screens. Defaults to true. | boolean                                                                  | no       | Android,iOS | no                |
+| sceneContainerStyle   | Style object for the component wrapping the screen content.                                                                                                                        | object                                                                   | no       | all         | yes               |
+| tabBar                | tabBar                                                                                                                                                                             | function                                                                 | no       | all         | yes               |
+
+**Options & screenOptions**
+
+| Name                          | Description                                                                                                                                                                                               | Type                            | Required | Platform    | HarmonyOS Support |
+| ----------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | -------- | ----------- | ----------------- |
+| title                         | Generic title that can be used as a fallback for headerTitle and tabBarLabel.                                                                                                                             | string                          | no       | all         | yes               |
+| tabBarLabel                   | Title string of a tab displayed in the tab bar or a function that given { focused: boolean, color: string } returns a React.Node,                                                                         | function                        | no       | all         | yes               |
+| tabBarShowLabel               | Whether the tab label should be visible. Defaults to true.                                                                                                                                                | boolean                         | no       | all         | yes               |
+| tabBarLabelPosition           | Whether the label is shown below the icon or beside the icon.                                                                                                                                             | 'below-icon'&#124;'beside-icon' | no       | all         | yes               |
+| tabBarLabelStyle              | Style object for the tab label.                                                                                                                                                                           | object                          | no       | all         | yes               |
+| tabBarIcon                    | Function that given { focused: boolean, color: string, size: number } returns a React.Node, to display in the tab bar.                                                                                    | function                        | no       | all         | yes               |
+| tabBarIconStyle               | Style object for the tab icon.                                                                                                                                                                            | object                          | no       | all         | yes               |
+| tabBarBadge                   | Text to show in a badge on the tab icon. Accepts a string or a number.                                                                                                                                    | string&#124;number              | no       | all         | yes               |
+| tabBarBadgeStyle              | Style for the badge on the tab icon. You can specify a background color or text color here.                                                                                                               | object                          | no       | all         | yes               |
+| tabBarAccessibilityLabel      | Accessibility label for the tab button.                                                                                                                                                                   | string                          | no       | all         | yes               |
+| tabBarButton                  | Function which returns a React element to render as the tab bar button.                                                                                                                                   | function                        | no       | all         | yes               |
+| tabBarActiveTintColor         | Color for the icon and label in the active tab.                                                                                                                                                           | string                          | no       | all         | yes               |
+| tabBarInactiveTintColor       | Color for the icon and label in the inactive tabs.                                                                                                                                                        | string                          | no       | all         | yes               |
+| tabBarActiveBackgroundColor   | Background color for the active tab.                                                                                                                                                                      | string                          | no       | all         | yes               |
+| tabBarInactiveBackgroundColor | Background color for the inactive tabs.                                                                                                                                                                   | string                          | no       | all         | yes               |
+| tabBarHideOnKeyboard          | Whether the tab bar is hidden when the keyboard opens. Defaults to false.                                                                                                                                 | boolean                         | no       | all         | yes               |
+| tabBarItemStyle               | Style object for the tab item container.                                                                                                                                                                  | object                          | no       | all         | yes               |
+| tabBarStyle                   | Style object for the tab bar. You can configure styles such as background color here.                                                                                                                     | object                          | no       | all         | yes               |
+| tabBarBackground              | Function which returns a React Element to use as background for the tab bar.                                                                                                                              | function                        | no       | all         | yes               |
+| lazy                          | Whether this screens should render the first time it's accessed.                                                                                                                                          | boolean                         | no       | all         | yes               |
+| unmountOnBlur                 | Whether this screen should be unmounted when navigating away from it.                                                                                                                                     | boolean                         | no       | all         | yes               |
+| freezeOnBlur                  | Boolean indicating whether to prevent inactive screens from re-rendering. Defaults to false. Defaults to true when enableFreeze() from react-native-screens package is run at the top of the application. | boolean                         | no       | Android,iOS | no                |  |
+
+**Header related options**
+| Name        | Description                                                                                                                | Type     | Required | Platform | HarmonyOS Support |
+| ----------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| header      | Custom header to use instead of the default header.                                                                        | function | no       | all      | yes               |
+| headerShown | Whether to show or hide the header for the screen. The header is shown by default. Setting this to false hides the header. | boolean  | no       | all      | yes               |
+
+**Events**
+| Name         | Description                                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+| ------------ | ---------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| tabPress     | This event is fired when the user presses the tab button for the current screen in the tab bar.                        | function | no       | all      | yes               |
+| tabLongPress | This event is fired when the user presses the tab button for the current screen in the tab bar for an extended period. | function | no       | all      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/bottom-tabs/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-core.md b/en/react-navigation-core.md
new file mode 100644
index 00000000..fe39bfce
--- /dev/null
+++ b/en/react-navigation-core.md
@@ -0,0 +1,136 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/core</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/core">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+> [!TIP] # 处替换为 tgz 包的路径
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/core@6.4.16
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/core@6.4.16
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Button, View, Text } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+import { useNavigation } from '@react-navigation/core';
+
+function MyBackButton() {
+    const navigation = useNavigation();
+
+    return (
+        <Button
+            title="Back"
+            onPress={() => {
+                navigation.goBack();
+            }}
+        />
+    );
+}
+
+function HomeScreen({ navigation: { navigate } }) {
+    return (
+        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+            <Text>This is the home screen of the app</Text>
+            <Button title="Go to Profile" onPress={() => navigate('Profile')} />
+        </View>
+    );
+}
+
+function ProfileScreen() {
+    return (
+        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+            <Text>Profile Screen</Text>
+            <MyBackButton />
+        </View>
+    );
+}
+
+const Stack = createStackNavigator();
+
+function App() {
+    return (
+        <NavigationContainer>
+            <Stack.Navigator initialRouteName="Home">
+                <Stack.Screen name="Home" component={HomeScreen} />
+                <Stack.Screen name="Profile" component={ProfileScreen} />
+            </Stack.Navigator>
+        </NavigationContainer>
+    );
+}
+
+export default App;
+
+```
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过: 
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下方法已验证，更多使用详情请查看 [react-navigation 的文档介绍](https://reactnavigation.org/docs/getting-started/)
+
+| Name                 | Description                                                                                                         | Type     | Required | Platform | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| useNavigationBuilder | hook to build custom navigators                                                                                     | function | no       | all      | yes               |
+| useNavigation        | useNavigation is a hook which gives access to navigation object                                                     | function | no       | all      | yes               |
+| useNavigationState   | useNavigationState is a hook which gives access to the navigation state of the navigator which contains the screen. | function | no       | all      | yes               |
+| useRoute             | useRoute is a hook which gives access to route object.                                                              | function | no       | all      | yes               |
+| useFocusEffect       | hook to run side-effects when a screen is focused                                                                   | function | no       | all      | yes               |
+| useIsFocused         | the current focus state of the screen                                                                               | function | no       | all      | yes               |
+
+
+## 遗留问题
+
+## 其他
+
+示例代码依赖以下三方库，请查看对应文档：
++ [@react-navigation/stack](/zh-cn/react-navigation-stack.md)
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-devtools.md b/en/react-navigation-devtools.md
new file mode 100644
index 00000000..d4b5d246
--- /dev/null
+++ b/en/react-navigation-devtools.md
@@ -0,0 +1,84 @@
+> 模板版本: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/devtools</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/devtools/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令: 
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/devtools@6.0.26
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/devtools@6.0.26
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景，更多请参考[官方文档](https://reactnavigation.org/docs/devtools/#usereduxdevtoolsextension): 
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import {
+  NavigationContainer,
+  useNavigationContainerRef,
+} from '@react-navigation/native';
+import { useReduxDevToolsExtension } from '@react-navigation/devtools';
+
+export default function App() {
+  const navigationRef = useNavigationContainerRef();
+
+  useReduxDevToolsExtension(navigationRef);
+
+  return (
+    <NavigationContainer ref={navigationRef}>{/* ... */}</NavigationContainer>
+  );
+}
+```
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                      | Description                                                                                | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| useFlipper                | 此hook提供了filpper的方法                                                                  | function | no       | all      | yes               |
+| useReduxDevToolsExtension | 此hook提供了Redux DevTools Extension的融合方法，也工作在包含了React Native Debugger 的 app | function | no       | all      | yes               |
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过: 
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/devtools/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-drawer.md b/en/react-navigation-drawer.md
new file mode 100644
index 00000000..492e872d
--- /dev/null
+++ b/en/react-navigation-drawer.md
@@ -0,0 +1,201 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/drawer</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/drawer">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/drawer/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)
+
+## 安装与使用
+
+> [!TIP] drawer的tgz包在react-navigation Releases。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载drawer适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为tgz包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/drawer@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/drawer@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { View, Text, Button } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import {
+    createDrawerNavigator,
+    DrawerContentScrollView,
+    DrawerItemList,
+    DrawerItem,
+} from '@react-navigation/drawer';
+
+function Feed({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Feed Screen</Text>
+            <Button title="Open drawer" onPress={() => navigation.openDrawer()} />
+            <Button title="Toggle drawer" onPress={() => navigation.toggleDrawer()} />
+        </View>
+    );
+}
+
+function Notifications() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Notifications Screen</Text>
+        </View>
+    );
+}
+
+function CustomDrawerContent(props) {
+    return (
+        <DrawerContentScrollView {...props}>
+            <DrawerItemList {...props} />
+            <DrawerItem
+                label="Close drawer"
+                onPress={() => props.navigation.closeDrawer()}
+            />
+            <DrawerItem
+                label="Toggle drawer"
+                onPress={() => props.navigation.toggleDrawer()}
+            />
+        </DrawerContentScrollView>
+    );
+}
+
+const Drawer = createDrawerNavigator();
+
+function MyDrawer() {
+    return (
+        <Drawer.Navigator
+            drawerContent={(props) => <CustomDrawerContent {...props} />}
+            initialRouteName='Feed'
+        >
+            <Drawer.Screen name="Feed" component={Feed} />
+            <Drawer.Screen name="Notifications" component={Notifications} />
+        </Drawer.Navigator>
+    );
+}
+
+export default function NavigationDrawer() {
+    return (
+        <NavigationContainer>
+            <MyDrawer />
+        </NavigationContainer>
+    );
+}
+
+export { NavigationDrawer }
+```
+
+## Link
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档的 Link 章节](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)、[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)
+  
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多使用详情请查看 [@react-navigation/drawer 的文档介绍](https://reactnavigation.org/docs/drawer-navigator)
+
+**Props**
+
+| Name                    | Description                                                                                                                                                                                                           | Type                                                                    | Required | Platform    | HarmonyOS Support |
+|-------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|-------------|-------------------|
+| id                      | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.                                                                                     | string                                                                  | no       | all         | yes               |
+| initialRouteName        | The name of the route to render on the first load of the navigator.                                                                                                                                                   | string                                                                  | no       | all         | yes               |
+| screenOptions           | Default options to use for the screens in the navigator.                                                                                                                                                              | object                                                                  | no       | all         | yes               |
+| backBehavior            | This controls what happens when goBack is called in the navigator. This includes pressing the device's back button or back gesture on Android.                                                                        | 'firstRoute'&#124;'initialRoute'&#124;'order'&#124;'history'&#124;'none' | no       | all         | yes               |
+| defaultStatus           | The default status of the drawer                                                                                                                                                                                      | 'open'&#124;'close'                                                      | no       | all         | yes               |
+| detachInactiveScreens   | Boolean used to indicate whether inactive screens should be detached from the view hierarchy to save memory. This enables integration with react-native-screens. Defaults to true.                                    | boolean                                                                 | no       | Android，iOS | no                |
+| useLegacyImplementation | Whether to use the legacy implementation based on Reanimated 1. The new implementation based on Reanimated 2 will perform better, but you need additional configuration and need to use Hermes with Flipper to debug. | boolean                                                                 | no       | all         | no                |
+| drawerContent           | Function that returns React element to render as the content of the drawer, for example, navigation items                                                                                                             | function                                                                | no       | all         | yes               |
+
+**Options & screenOptions**
+| Name                          | Description                                                                                                                                                                                               | Type                                             | Required | Platform    | HarmonyOS Support |
+|-------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------|----------|-------------|-------------------|
+| title                         | A generic title that can be used as a fallback for headerTitle and drawerLabel.                                                                                                                           | string                                           | no       | all         | yes               |
+| lazy                          | Whether this screen should render the first time it's accessed. Defaults to true. Set it to false if you want to render the screen on initial render.                                                     | boolean                                          | no       | all         | yes               |
+| drawerLabel                   | String or a function that given { focused: boolean, color: string } returns a React.Node, to display in drawer sidebar. When undefined, scene title is used.                                              | string&#124;function                             | no       | all         | yes               |
+| drawerIcon                    | React.Node to display in drawer sidebar.                                                                                                                                                                  | function                                         | no       | all         | yes               |
+| drawerActiveTintColor         | Color for the icon and label in the active item in the drawer.                                                                                                                                            | string                                           | no       | all         | yes               |
+| drawerActiveBackgroundColor   | Background color for the active item in the drawer.                                                                                                                                                       | string                                           | no       | all         | yes               |
+| drawerInactiveTintColor       | Color for the icon and label in the inactive items in the drawer.                                                                                                                                         | string                                           | no       | all         | yes               |
+| drawerInactiveBackgroundColor | Background color for the inactive items in the drawer.                                                                                                                                                    | string                                           | no       | all         | yes               |
+| drawerItemStyle               | Style object for the single item, which can contain an icon and/or a label.                                                                                                                               | object                                           | no       | all         | yes               |
+| drawerLabelStyle              | Style object to apply to the Text style inside content section which renders a label.                                                                                                                     | object                                           | no       | all         | yes               |
+| drawerContentContainerStyle   | Style object for the content section inside the ScrollView.                                                                                                                                               | object                                           | no       | all         | yes               |
+| drawerContentStyle            | Style object for the wrapper view.                                                                                                                                                                        | object                                           | no       | all         | yes               |
+| drawerStyle                   | Style object for the drawer component. You can pass a custom background color for a drawer or a custom width here.                                                                                        | object                                           | no       | all         | yes               |
+| drawerPosition                | Options are left or right. Defaults to left for LTR languages and right for RTL languages.                                                                                                                | 'left'&#124;'right'                               | no       | all         | yes               |
+| drawerType                    | Type of the drawer. It determines how the drawer looks and animates.                                                                                                                                      | 'front'&#124;'back'&#124;'slide'&#124;'permanent' | no       | all         | yes               |
+| drawerHideStatusBarOnOpen     | When set to true, Drawer will hide the OS status bar whenever the drawer is pulled or when it's in an "open" state.                                                                                       | boolean                                          | no       | all         | yes               |
+| drawerStatusBarAnimation      | Animation of the statusbar when hiding it. use in combination with hideStatusBar.                                                                                                                         | 'slide'&#124;'fade'&#124;'none'                  | no       | iOS         | no                |
+| overlayColor                  | Color overlay to be displayed on top of the content view when drawer gets open. The opacity is animated from 0 to 1 when the drawer opens.                                                                | string                                           | no       | all         | yes               |
+| sceneContainerStyle           | Style object for the component wrapping the screen content.                                                                                                                                               | string                                           | no       | all         | yes               |
+| gestureHandlerProps           | Props to pass to the underlying pan gesture handler.                                                                                                                                                      | object                                           | no       | Android，iOS | no               |
+| swipeEnabled                  | Whether you can use swipe gestures to open or close the drawer. Defaults to true.                                                                                                                         | boolean                                          | no       | Android，iOS | no               |
+| swipeEdgeWidth                | Allows for defining how far from the edge of the content view the swipe gesture should activate.                                                                                                          | number                                           | no       | Android，iOS | no               |
+| swipeMinDistance              | Minimum swipe distance threshold that should activate opening the drawer.                                                                                                                                 | number                                           | no       | Android，iOS | no               |
+| keyboardDismissMode           | Whether the keyboard should be dismissed when the swipe gesture begins. Defaults to 'on-drag'. Set to 'none' to disable keyboard handling.                                                                | 'on-drag'&#124;'none'                             | no       | all         | no               |
+| unmountOnBlur                 | Whether this screen should be unmounted when navigating away from it. Unmounting a screen resets any local state in the screen as well as state of nested navigators in the screen. Defaults to false.    |                boolean                                  | no       | all         | yes               |
+| freezeOnBlur                  | Boolean indicating whether to prevent inactive screens from re-rendering. Defaults to false. Defaults to true when enableFreeze() from react-native-screens package is run at the top of the application. | boolean                                          | no       | Android，iOS | no                |
+
+**Events**
+| Name            | Description                                                                         | Type     | Required | Platform | HarmonyOS Support |
+|-----------------|-------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| drawerItemPress | This event is fired when the user presses the button for the screen in the drawer.  | function | no       | all      | yes               |
+
+
+## 遗留问题
+
+ - [ ] swipeEnabled等手势相关属性不生效，因为依赖的手势库有问题，待修复：[issue #12](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/12)
+  
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/drawer/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-elements.md b/en/react-navigation-elements.md
new file mode 100644
index 00000000..4dded92f
--- /dev/null
+++ b/en/react-navigation-elements.md
@@ -0,0 +1,155 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/elements</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/elements/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/elements Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/elements@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/elements@file:#
+```
+
+<!-- tabs:end -->
+
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { Header, getHeaderTitle } from "@react-navigation/elements";
+import { createStackNavigator } from "@react-navigation/stack"
+import { NavigationContainer } from "@react-navigation/native";
+import { Text, View } from 'react-native';
+
+
+const Stack = createStackNavigator();
+
+function HomeScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home Screen</Text>
+        </View>
+    );
+}
+
+export function NavigationElements() {
+    return (
+        <NavigationContainer>
+            <Stack.Navigator
+                screenOptions={{
+                    header: ({ options, route }) => (
+                        <Header {...options} title={getHeaderTitle(options, route.name)} headerStyle={{ backgroundColor: 'red' }} />
+                    ),
+                }}
+            >
+                <Stack.Screen name="Home" component={HomeScreen} />
+            </Stack.Navigator>
+        </NavigationContainer>
+    );
+}
+
+export default NavigationElements;
+```
+
+## 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases?q=elements&expanded=true)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多使用详情请查看 [react-navigation/elements 的文档介绍](https://reactnavigation.org/docs/elements)
+
+**Header Props**
+| Name                           | Description                                                                                                                | Type                | Required | Platform | HarmonyOS Support |
+|--------------------------------|----------------------------------------------------------------------------------------------------------------------------|---------------------|----------|----------|-------------------|
+| headerTitle                    | String or a function that returns a React Element to be used by the header.                                                |              string       | no       | all      | yes               |
+| headerTitleAlign               | How to align the header title                                                                                              | 'left'&#124;'center' | no       | all      | yes               |
+| headerTitleAllowFontScaling    | Whether header title font should scale to respect Text Size accessibility settings.                                        | boolean             | no       | all      | yes               |
+| headerLeft                     | Function which returns a React Element to display on the left side of the header.                                          | function            | no       | all      | yes               |
+| headerRight                    | Function which returns a React Element to display on the right side of the header.                                         | function            | no       | all      | yes               |
+| headerShadowVisible            | Whether to hide the elevation shadow (Android) or the bottom border (iOS) on the header.                                   | boolean             | no       | all      | yes               |
+| headerStyle                    | Style object for the header. You can specify a custom background color here                                                | object              | no       | all      | yes               |
+| headerTitleStyle               | Style object for the title component                                                                                       | object              | no       | all      | yes               |
+| headerLeftContainerStyle       | Customize the style for the container of the headerLeft component, for example to add padding.                             | object              | no       | all      | yes               |
+| headerRightContainerStyle      | Customize the style for the container of the headerRight component, for example to add padding.                            | object              | no       | all      | yes               |
+| headerTitleContainerStyle      | Customize the style for the container of the headerTitle component, for example to add padding.                            | object              | no       | all      | yes               |
+| headerBackgroundContainerStyle | Style object for the container of the headerBackground element.                                                            | object              | no       | all      | yes               |
+| headerTintColor                | Tint color for the header                                                                                                  | string              | no       | all      | yes               |
+| headerPressColor               | Color for material ripple (Android >= 5.0 only)                                                                            | string              | no       | Android  | no                |
+| headerPressOpacity             | Press opacity for the buttons in header (Android < 5.0, and iOS)                                                           | number              | no       | all      | yes               |
+| headerTransparent              | Defaults to false. If true, the header will not have a background unless you explicitly provide it with headerBackground.  | boolean             | no       | all      | yes               |
+| headerBackground               | Function which returns a React Element to render as the background of the header.                                          | function            | no       | all      | yes               |
+| headerStatusBarHeight          | Extra padding to add at the top of header to account for translucent status bar.                                           | number              | no       | all      | yes               |
+
+
+**Header Components Props**
+
+| Name               | Description                                                                                                                  | Type     | Required | Platform | HarmonyOS Support |
+|--------------------|------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| HeaderBackground   | A component containing the styles used in the background of the header, such as the background color and shadow.             | function | no       | all      | yes               |
+| HeaderTitle        | A component used to show the title text in header. It's the default for headerTitle. It accepts the same props as a Text.    | function | no       | all      | yes               |
+| HeaderBackButton   | A component used to show the back button header. It's the default for headerLeft in the stack navigator.                     | function | no       | all      | yes               |
+| MissingIcon        | A component that renders a missing icon symbol. It can be used as a fallback for icons to show that there's a missing icon.  | function | no       | all      | yes               |
+| PlatformPressable  | A component which provides an abstraction on top of Pressable to handle platform differences.                                | function | no       | all      | yes               |
+| ResourceSavingView | A component which aids in improving performance for inactive screens by utilizing removeClippedSubviews.                     | function | no       | all      | yes               |
+
+**Utilities**
+| Name                   | Description                                                                                                       | Type     | Required | Platform | HarmonyOS Support |
+|------------------------|-------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| SafeAreaProviderCompat | A wrapper over the SafeAreaProvider component from `react-native-safe-area-context which includes initial values. | function | no       | all      | yes               |
+| HeaderBackContext      | React context that can be used to get the back title of the parent screen.                                        | function | no       | all      | yes               |
+| HeaderShownContext     | React context that can be used to check if a header is visible in a parent screen.                                | function | no       | all      | yes               |
+| HeaderHeightContext    | React context that can be used to get the height of the nearest visible header in a parent screen.                | function | no       | all      | yes               |
+| useHeaderHeight        | Hook that returns the height of the nearest visible header in the parent screen.                                  | function | no       | all      | yes               |
+| getDefaultHeaderHeight | Helper that returns the default header height.                                                                    | function | no       | all      | yes               |
+| getHeaderTitle         | Helper that returns the title text to use in header.                                                              | function | no       | all      | yes               |    
+
+
+## 遗留问题
+
+## 其他
+
+示例代码依赖以下三方库，请查看对应文档：
++ [@react-navigation/stack](/zh-cn/react-navigation-stack.md)
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+  
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/elements/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-header-buttons.md b/en/react-navigation-header-buttons.md
new file mode 100644
index 00000000..489a9a69
--- /dev/null
+++ b/en/react-navigation-header-buttons.md
@@ -0,0 +1,225 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-navigation-header-buttons</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/vonovak/react-navigation-header-buttons">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/vonovak/react-navigation-header-buttons/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/vonovak/react-navigation-header-buttons)
+
+## 安装与使用
+
+<!-- tabs:start -->
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm i react-navigation-header-buttons@12.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add react-navigation-header-buttons@12.0.0
+```
+
+
+在tsconfig.json文件中添加如下代码:
+```json
+"compilerOptions": {
+  ...
+    "paths": {
+    ...
+      "react-navigation-header-buttons":[
+        "./node_modules/react-navigation-header-buttons/lib/module/index.js"
+      ]
+    },
+  }
+
+```
+在metro.config.js文件中添加如下代码:
+```js
+const config = {
+...
+  resolver: {
+    unstable_enablePackageExports: true,
+  },
+};
+module.exports = mergeConfig(
+  ...
+  config,
+);
+
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import MaterialIcons from '@expo/vector-icons/MaterialIcons';
+import {
+  HeaderButtons,
+  Item,
+  HiddenItem,
+  OverflowMenu,
+  Divider,
+  ItemProps,
+  HiddenItemProps,
+  HeaderButtonProps,
+  HeaderButton,
+} from 'react-navigation-header-buttons';
+import { Text } from 'react-native';
+
+const MaterialHeaderButton = (props: HeaderButtonProps) => (
+  <HeaderButton IconComponent={MaterialIcons} iconSize={23} {...props} />
+);
+
+const EditItem = ({ onPress }: Pick<ItemProps, 'onPress'>) => {
+  return <Item title="edit" onPress={onPress} />;
+};
+
+const ReusableHiddenItem = ({ onPress }: Pick<HiddenItemProps, 'onPress'>) => (
+  <HiddenItem title="hidden2" onPress={onPress} disabled />
+);
+
+export function UsageWithIcons({ navigation }) {
+  React.useLayoutEffect(() => {
+    navigation.setOptions({
+      title: 'Demo',
+      headerRight: () => (
+        <HeaderButtons HeaderButtonComponent={MaterialHeaderButton}>
+          <Item
+            title="search"
+            iconName="search"
+            onPress={() => alert('search')}
+          />
+          <EditItem onPress={() => alert('Edit')} />
+          <OverflowMenu
+            OverflowIcon={({ color }) => (
+              <MaterialIcons name="more-horiz" size={23} color={color} />
+            )}
+          >
+            <HiddenItem title="hidden1" onPress={() => alert('hidden1')} />
+            <Divider />
+            <ReusableHiddenItem onPress={() => alert('hidden2')} />
+          </OverflowMenu>
+        </HeaderButtons>
+      ),
+    });
+  }, [navigation]);
+
+  return <Text>demo!</Text>;
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24(Canary3);
+
+## 属性
+
+### HeaderButtons
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| HeaderButtonComponent            | component that renders the buttons, HeaderButton by default  |`ComponentType`| no   | iOS/Android       | yes | 
+| children            | 	whatever you want to render inside  |`ReactNode`| yes   | iOS/Android       | yes | 
+| left            | 	whether the HeaderButtons are on the left from header title  |boolean| no   | iOS/Android       | yes | 
+| preset            | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing.  |`’tabHeader’/‘stackHeader’`| no   | iOS/Android       | yes | 
+
+
+
+### Item
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| title            | 	title for the button, required  |string| no   | iOS/Android       | yes | 
+| onPress            | 	function to call on press |function| no   | iOS/Android       | yes | 
+| iconName            | 	icon name, used together with the IconComponent prop  |string| no   | iOS/Android       | yes | 
+| style            | style to apply to the touchable element that wraps the button  |` ViewStyle`| no   | iOS/Android       | yes | 
+| buttonStyle            | style to apply to the text / icon |` ViewStyle`| no   | iOS/Android       | yes | 
+
+### OverflowMenu
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| OverflowIcon            | React element or component for the overflow icon  |` ReactElement / ComponentType`| no   | iOS/Android       | yes | 
+| style            | 	optional styles for overflow button|`ViewStyle`| no   | iOS/Android       | yes | 
+| onPress            | 	function that is called when overflow menu is pressed.  |function| no   | iOS/Android       | yes | 
+| left              | whether the OverflowMenu is on the left from header title |boolean| no   | iOS/Android       | yes |
+| children              | the overflow items|`ReactNode`| yes   | iOS/Android       | yes |
+| preset              |	headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. |` 'tabHeader' / 'stackHeader'`| no   | iOS/Android       | yes |
+
+### HiddenItem
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| title            |title for the button, required  |string| no   | iOS/Android       | yes | 
+| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes | 
+| titleStyle            | style to apply to the text |`TextStyle`| no   | iOS/Android       | yes | 
+| onPress            |function to call on press  |function| no   | iOS/Android       | yes | 
+| disabled              | disabled 'item' is greyed out and onPress is not called on touch |boolean| no   | iOS/Android       | yes |
+
+
+### HeaderButton
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
+| title            |title for the button, required  |string| no   | iOS/Android       | yes | 
+| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes | 
+| onPress            |function to call on press  |function| no   | iOS/Android       | yes | 
+| renderButton              |You can fully customize what it renders inside of the PlatformPressable using the renderButton |ReactNode | no   | iOS/Android       | yes |
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-navigation-header-buttons/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-navigation-material-bottom-tabs.md b/en/react-navigation-material-bottom-tabs.md
new file mode 100644
index 00000000..2a146f1c
--- /dev/null
+++ b/en/react-navigation-material-bottom-tabs.md
@@ -0,0 +1,145 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/material-bottom-tabs</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/material-bottom-tabs/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)
+
+## 安装与使用
+
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/material-bottom-tabs@6.2.28
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/material-bottom-tabs@6.2.28
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';
+import { View, Text } from 'react-native'
+import { NavigationContainer } from '@react-navigation/native';
+import * as React from 'react';
+
+const Tab = createMaterialBottomTabNavigator();
+
+
+function HomeScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home Screen</Text>
+        </View>
+    );
+}
+
+
+function SettingsScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Settings Screen</Text>
+        </View>
+    );
+}
+
+
+export function NavigationMaterialBottomTabs() {
+    return (
+        <NavigationContainer>
+            <Tab.Navigator >
+                <Tab.Screen name="Home" component={HomeScreen} />
+                <Tab.Screen name="Settings" component={SettingsScreen} />
+            </Tab.Navigator>
+        </NavigationContainer>
+    );
+}   
+
+```
+
+## Link
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/elements](/zh-cn/react-navigation-elements.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多属性详情请查看 [@react-navigation/material-bottom-tabs 的文档介绍](https://reactnavigation.org/docs/material-bottom-tab-navigator)
+
+**Props**
+
+| Name             | Description                                                                                                                                    | Type                                                                     | Required | Platform | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| id               | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.              | string                                                                   | no       | all      | yes               |
+| initialRouteName | The name of the route to render on first load of the navigator.                                                                                | string                                                                   | no       | all      | yes               |
+| screenOptions    | Default options to use for the screens in the navigator.                                                                                       | object                                                                   | no       | all      | yes               |
+| backBehavior     | This controls what happens when goBack is called in the navigator. This includes pressing the device's back button or back gesture on Android. | 'firstRoute'&#124;'initialRoute'&#124;'order'&#124;'history'&#124;'none' | no       | Android  | yes               |
+| shifting         | Whether the shifting style is used, the active tab icon shifts up to show the label and the inactive tabs won't have a label.                  | boolean                                                                  | no       | all      | yes               |
+| labeled          | Whether to show labels in tabs. When false, only icons will be displayed.                                                                      | boolean                                                                  | no       | all      | yes               |
+| activeColor      | Custom color for icon and label in the active tab.                                                                                             | string                                                                   | no       | all      | yes               |
+| inactiveColor    | Custom color for icon and label in the inactive tab.                                                                                           | string                                                                   | no       | all      | yes               |
+| barStyle         | Style for the bottom navigation bar.                                                                                                           | object                                                                   | no       | all      | yes               |
+
+**Options & screenOptions**
+
+| Name                     | Description                                                                                                                                                               | Type                         | Required | Platform | HarmonyOS Support |
+|--------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------|----------|----------|-------------------|
+| title                    | Generic title that can be used as a fallback for headerTitle and tabBarLabel.                                                                                             | string                       | no       | all      | yes               |
+| tabBarIcon               | Function that given { focused: boolean, color: string } returns a React.Node, to display in the tab bar.                                                                  | function                     | no       | all      | yes               |
+| tabBarColor              | Color for the tab bar when the tab corresponding to the screen is active. Used for the ripple effect. This is only supported when shifting is true.                       | string                       | no       | no      | no                |
+| tabBarLabel              | Title string of a tab displayed in the tab bar. When undefined, scene title is used. To hide, see labeled option in the previous section.                                 | string                       | no       | all      | yes               |
+| tabBarBadge              | Badge to show on the tab icon, can be true to show a dot, string or number to show text.                                                                                  | true&#124;number&#124;string | no       | all      | yes               |
+| tabBarAccessibilityLabel | Accessibility label for the tab button. This is read by the screen reader when the user taps the tab. It's recommended to set this if you don't have a label for the tab. | string                       | no       | all      | yes               |
+
+**Events**
+| Name     | Description                                                                                      | Type     | Required | Platform | HarmonyOS Support |
+|----------|--------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| tabPress | This event is fired when the user presses the tab button for the current screen in the tab bar.  | function | no       | all      | yes               |
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/material-bottom-tabs/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-material-top-tabs.md b/en/react-navigation-material-top-tabs.md
new file mode 100644
index 00000000..b2698b03
--- /dev/null
+++ b/en/react-navigation-material-top-tabs.md
@@ -0,0 +1,170 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/material-top-tabs</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/material-top-tabs/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/material-top-tabs@6.6.13
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/material-top-tabs@6.6.13
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
+import { View, Text,SafeAreaView } from 'react-native'
+import { NavigationContainer } from '@react-navigation/native';
+import * as React from 'react';
+
+const Tab = createMaterialTopTabNavigator();
+
+
+function HomeScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home Screen</Text>
+        </View>
+    );
+}
+
+
+function SettingsScreen() {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Settings Screen</Text>
+        </View>
+    );
+}
+
+
+export function NavigationMaterialTopTabs() {
+    return (
+        <SafeAreaView style={{ flex: 1 }}>
+            <NavigationContainer>
+                <Tab.Navigator >
+                    <Tab.Screen name="Home" component={HomeScreen} options={{ title: '家' }} />
+                    <Tab.Screen name="Settings" component={SettingsScreen} options={{ title: '设置' }} />
+                </Tab.Navigator>
+            </NavigationContainer>
+        </SafeAreaView>
+    );
+}
+
+```
+
+
+## Link
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-tab-view](/zh-cn/react-native-tab-view.md)
++ [@react-native-oh-tpl/react-native-pager-view](/zh-cn/react-native-pager-view.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-tab-view、@react-native-oh-tpl/react-native-pager-view  的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-tab-view 文档的 Link 章节](/zh-cn/react-native-tab-view.md#link)，[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](/zh-cn/react-native-pager-view.md#link)，进行引入
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1 B.0.18; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多属性详情请查看 [@react-navigation/material-top-tabs 的文档介绍](https://reactnavigation.org/docs/material-top-tab-navigator)
+
+**Props**
+| Name                | Description                                                                                                                                    | Type                                                                    | Required | Platform | HarmonyOS Support |
+|---------------------|------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|----------|-------------------|
+| id                  | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.              | string                                                                  | no       | all      | yes               |
+| initialRouteName    | The name of the route to render on first load of the navigator.                                                                                | string                                                                  | no       | all      | yes               |
+| screenOptions       | Default options to use for the screens in the navigator.                                                                                       | object                                                                  | no       | all      | yes               |
+| backBehavior        | This controls what happens when goBack is called in the navigator. This includes pressing the device's back button or back gesture on Android. | 'firstRoute'&#124;'initialRoute'&#124;'order'&#124;'history'&#124;'none' | no       | Android  | yes               |
+| tabBarPosition      | Position of the tab bar in the tab view. Possible values are 'top' and 'bottom'. Defaults to 'top'.                                            | 'top'&#124;'bottom'                                                      | no       | all      | yes               |
+| keyboardDismissMode | String indicating whether the keyboard gets dismissed in response to a drag gesture.                                                           | 'auto'&#124;'on-drag'&#124;'none'                                        | no       | all      | yes               |
+| initialLayout       | Object containing the initial height and width of the screens.                                                                                 | object                                                                  | no       | all      | yes               |
+| sceneContainerStyle | Style to apply to the view wrapping each screen. You can pass this to override some default styles such as overflow clipping.                  | object                                                                  | no       | all      | yes               |
+| style               | Style to apply to the tab view container.                                                                                                      | object                                                                  | no       | all      | yes               |
+| tabBar              | Function that returns a React element to display as the tab bar.                                                                               | function                                                                | no       | all      | yes               |
+
+**Options & screenOptions**
+| Name                          | Description                                                                                                                                                                                        | Type                 | Required | Platform    | HarmonyOS Support |
+|-------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------|----------|-------------|-------------------|
+| title                         | Generic title that can be used as a fallback for headerTitle and tabBarLabel.                                                                                                                      | string               | no       | all         | yes               |
+| tabBarLabel                   | Title string of a tab displayed in the tab bar or a function                                                                                                                                       | string&#124;function | no       | all         | yes               |
+| tabBarAccessibilityLabel      | Accessibility label for the tab button. This is read by the screen reader when the user taps the tab.                                                                                              | string               | no       | all         | yes               |
+| tabBarAllowFontScaling        | Whether label font should scale to respect Text Size accessibility settings.                                                                                                                       | boolean              | no       | all         | yes               |
+| tabBarShowLabel               | Whether the tab label should be visible. Defaults to true.                                                                                                                                         | boolean              | no       | all         | yes               |
+| tabBarIcon                    | Function that given { focused: boolean, color: string } returns a React.Node,                                                                                                                      | function             | no       | all         | yes               |
+| tabBarShowIcon                | Whether the tab icon should be visible. Defaults to false.                                                                                                                                         | boolean              | no       | all         | yes               |
+| tabBarBadge                   | Function that returns a React element to use as a badge for the tab.                                                                                                                               | function             | no       | all         | yes               |
+| tabBarIndicator               | Function that returns a React element as the tab bar indicator.                                                                                                                                    | function             | no       | all         | yes               |
+| tabBarIndicatorStyle          | Style object for the tab bar indicator.                                                                                                                                                            | object               | no       | all         | yes               |
+| tabBarIndicatorContainerStyle | Style object for the view containing the tab bar indicator.                                                                                                                                        | object               | no       | all         | yes               |
+| tabBarActiveTintColor         | Color for the icon and label in the active tab.                                                                                                                                                    | string               | no       | all         | yes               |
+| tabBarInactiveTintColor       | Color for the icon and label in the inactive tabs.                                                                                                                                                 | string               | no       | all         | yes               |
+| tabBarGap                     | Spacing between the tab items in the tab bar.                                                                                                                                                      | number               | no       | all         | yes               |
+| tabBarAndroidRipple           | Allows to customize the Android ripple effect.                                                                                                                                                     | object               | no       | Android     | no                |
+| tabBarPressColor              | Color for material ripple.                                                                                                                                                                         | string               | no       | Android     | no                |
+| tabBarPressOpacity            | Opacity for pressed tab.                                                                                                                                                                           | string               | no       | Android，iOS | yes               |
+| tabBarBounces                 | Boolean indicating whether the tab bar bounces when overscrolling.                                                                                                                                 | boolean              | no       | iOS         | no                |
+| tabBarScrollEnabled           | Boolean indicating whether to make the tab bar scrollable.                                                                                                                                         | boolean              | no       | all         | yes               |
+| tabBarIconStyle               | Style object for the tab icon container.                                                                                                                                                           | object               | no       | all         | yes               |
+| tabBarLabelStyle              | Style object for the tab label.                                                                                                                                                                    | object               | no       | all         | yes               |
+| tabBarItemStyle               | Style object for the individual tab items.                                                                                                                                                         | object               | no       | all         | yes               |
+| tabBarContentContainerStyle   | Style object for the view containing the tab items.                                                                                                                                                | object               | no       | all         | yes               |
+| tabBarStyle                   | Style object for the tab bar.                                                                                                                                                                      | object               | no       | all         | yes               |
+| swipeEnabled                  | Boolean indicating whether to enable swipe gestures. Swipe gestures are enabled by default. Passing false will disable swipe gestures, but the user can still switch tabs by pressing the tab bar. | boolean              | no       | all         | yes               |
+| lazy                          | Whether this screen should be lazily rendered.                                                                                                                                                     | boolean              | no       | all         | yes               |
+| lazyPreloadDistance           | When lazy is enabled, you can specify how many adjacent screens should be preloaded in advance with this prop.                                                                                     | number               | no       | all         | yes               |
+| lazyPlaceholder               | Function that returns a React element to render if this screen hasn't been rendered yet.                                                                                                           | function             | no       | all         | yes               |
+
+**Events**
+| Name         | Description                                                                                                            | Type     | Required | Platform | HarmonyOS Support |
+|--------------|------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| tabPress     | This event is fired when the user presses the tab button for the current screen in the tab bar.                        | function | no       | all      | yes               |
+| tabLongPress | This event is fired when the user presses the tab button for the current screen in the tab bar for an extended period. | function | no       | all      | yes               |
+
+## 遗留问题
+
+## 其他
+  
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/material-top-tabs/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-native-stack.md b/en/react-navigation-native-stack.md
new file mode 100644
index 00000000..d14c574d
--- /dev/null
+++ b/en/react-navigation-native-stack.md
@@ -0,0 +1,222 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/native-stack</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/native-stack">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/native-stack/LICENSE">
+         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)
+
+## 安装与使用
+
+> [!TIP] native-stack的tgz包在react-navigation Releases。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载native-stack适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为tgz包的路径
+
+<!-- tabs:start -->
+
+### **npm**
+
+```bash
+npm install @react-native-oh-tpl/native-stack@file:#
+```
+
+### **yarn**
+
+```bash
+yarn install @react-native-oh-tpl/native-stack@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```tsx
+import * as React from 'react';
+import { Button, View } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { enableScreens } from "react-native-screens";
+enableScreens(false);
+
+function HomeScreen({ navigation }) {
+  return (
+    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+      <Button
+        title="Go to Profile"
+        onPress={() => navigation.navigate('Profile')}
+      />
+    </View>
+  );
+}
+
+function ProfileScreen({ navigation }) {
+  return (
+    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+      <Button
+        title="Go to Notifications"
+        onPress={() => navigation.navigate('Notifications')}
+      />
+      <Button title="Go back" onPress={() => navigation.goBack()} />
+    </View>
+  );
+}
+
+function NotificationsScreen({ navigation }) {
+  return (
+    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+      <Button
+        title="Go to Settings"
+        onPress={() => navigation.navigate('Settings')}
+      />
+      <Button title="Go back" onPress={() => navigation.goBack()} />
+    </View>
+  );
+}
+
+function SettingsScreen({ navigation }) {
+  return (
+    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+      <Button title="Go back" onPress={() => navigation.goBack()} />
+    </View>
+  );
+}
+
+const Stack = createNativeStackNavigator();
+
+function MyStack() {
+  return (
+    <Stack.Navigator
+      initialRouteName="Home"
+      screenOptions={{
+        headerTintColor: 'white',
+        headerStyle: { backgroundColor: 'tomato' },
+      }}
+    >
+      <Stack.Screen name="Home" component={HomeScreen} />
+      <Stack.Screen name="Notifications" component={NotificationsScreen} />
+      <Stack.Screen name="Profile" component={ProfileScreen} />
+      <Stack.Screen name="Settings" component={SettingsScreen} />
+    </Stack.Navigator>
+  );
+}
+
+export default function App() {
+  return (
+    <NavigationContainer>
+      <MyStack />
+    </NavigationContainer>
+  );
+}
+
+```
+
+## Link
+
+本库依赖以下三方库，请查看对应文档：
++ [react-native-screens](/zh-cn/react-native-screens.md)
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-library/elements](/zh-cn/react-native-elements.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多属性详情请查看 [react-navigation/native-stack 的文档介绍](https://reactnavigation.org/docs/native-stack-navigator)
+
+**Props**
+| Name             | Description                                                                                                                       | Type   | Required | Platform | HarmonyOS Support |
+|------------------|-----------------------------------------------------------------------------------------------------------------------------------|--------|----------|----------|-------------------|
+| id               | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator. | string | no       | all      | yes               |
+| initialRouteName | The name of the route to render on first load of the navigator.                                                                   | string | no       | all      | yes               |
+| screenOptions    | Default options to use for the screens in the navigator.                                                                          | object | no       | all      | yes               |
+
+
+**Options & screenOptions**
+| Name                          | Description                                                                                                                                                                                                                                                                                                                                  | Type                                                                                                                                     | Required | Platform    | HarmonyOS Support |
+|-------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------|----------|-------------|-------------------|
+| title                         | String that can be used as a fallback for headerTitle.                                                                                                                                                                                                                                                                                       | string                                                                                                                                   | no       | all         | yes               |
+| headerBackButtonMenuEnabled   | Boolean indicating whether to show the menu on longPress of iOS >= 14 back button. Defaults to true.                                                                                                                                                                                                                                         | boolean                                                                                                                                  | no       | iOS         | no                |
+| headerBackVisible             | Whether the back button is visible in the header. You can use it to show a back button alongside headerLeft if you have specified it.                                                                                                                                                                                                        | boolean                                                                                                                                  | no       | Android,iOS | no                |
+| headerBackTitle               | Title string used by the back button on iOS. Defaults to the previous scene's title, or "Back" if there's not enough space. Use headerBackTitleVisible: false to hide it.                                                                                                                                                                    | string                                                                                                                                   | no       | iOS         | no                |
+| headerBackTitleStyle          | Style object for header back title.                                                                                                                                                                                                                                                                                                          | object                                                                                                                                   | no       | iOS         | no                |
+| headerBackImageSource         | Image to display in the header as the icon in the back button.                                                                                                                                                                                                                                                                               | string                                                                                                                                   | no       | all         | yes               |
+| headerLargeStyle              | Style of the header when a large title is shown.                                                                                                                                                                                                                                                                                             | object                                                                                                                                   | no       | iOS         | no                |
+| headerLargeTitle              | Whether to enable header with large title which collapses to regular header on scroll.                                                                                                                                                                                                                                                       | string                                                                                                                                   | no       | iOS         | no                |
+| headerLargeTitleShadowVisible | Whether drop shadow of header is visible when a large title is shown.                                                                                                                                                                                                                                                                        | boolean                                                                                                                                  | no       | iOS         | no                |
+| headerLargeTitleStyle         | Style object for large title in header.                                                                                                                                                                                                                                                                                                      | object                                                                                                                                   | no       | iOS         | no                |
+| headerShown                   | Whether to show the header. The header is shown by default. Setting this to false hides the header.                                                                                                                                                                                                                                          | boolean                                                                                                                                  | no       | all         | yes               |
+| headerStyle                   | Style object for header.                                                                                                                                                                                                                                                                                             | object                                                                                                                                   | no       | all         | yes               |
+| headerShadowVisible           | Whether to hide the elevation shadow (Android) or the bottom border (iOS) on the header.                                                                                                                                                                                                                                                     | object                                                                                                                                   | no       | Android，iOS | yes               |
+| headerTransparent             | Boolean indicating whether the navigation bar is translucent.                                                                                                                                                                                                                                                                                | boolean                                                                                                                                  | no       | all         | yes               |
+| headerBlurEffect              | Blur effect for the translucent header. The headerTransparent option needs to be set to true for this to work.                                                                                                                                                                                                                               | string                                                                                                                                   | no       | iOS         | no                |
+| headerBackground              | Function which returns a React Element to render as the background of the header. This is useful for using backgrounds such as an image or a gradient.                                                                                                                                                                                       | function                                                                                                                                 | no       | all         | yes               |
+| headerTintColor               | Tint color for the header. Changes the color of back button and title.                                                                                                                                                                                                                                                                       | string                                                                                                                                   | no       | all         | yes               |
+| headerLeft                    | Function which returns a React Element to display on the left side of the header. This replaces the back button. See headerBackVisible to show the back button along side left element.                                                                                                                                                      | function                                                                                                                                 | no       | all         | yes               |
+| headerRight                   | Function which returns a React Element to display on the right side of the header.                                                                                                                                                                                                                                                           | function                                                                                                                                 | no       | all         | yes               |
+| headerTitle                   | String or a function that returns a React Element to be used by the header. Defaults to title or name of the screen.                                                                                                                                                                                                                         | string&#124;function                                                                                                                          | no       | all         | yes               |
+| headerTitleAlign              | How to align the header title.Defaults to left on platforms other than iOS.Not supported on iOS. It's always center on iOS and cannot be changed.                                                                                                                                                                                            | 'left'&#124;'right'                                                                                                                            | no       | Android     | yes               |
+| headerTitleStyle              | Style object for header title.                                                                                                                                                                                                                                                                                                               | object                                                                                                                                   | no       | all         | yes               |
+| headerSearchBarOptions        | Options to render a native search bar on iOS.                                                                                                                                                                                                                                                                                                | object                                                                                                                                   | no       | Android，iOS | no                |
+| header                        | Custom header to use instead of the default header.                                                                                                                                                                                                                                                                                          | function                                                                                                                                 | no       | all         | no                |
+| statusBarAnimation            | Sets the status bar animation (similar to the StatusBar component). Defaults to fade on iOS and none on Android.                                                                                                                                                                                                                             | 'fade'&#124;'none'&#124;'slide'                                                                                                           | no       | Android，iOS | no                |
+| statusBarHidden               | Whether the status bar should be hidden on this screen.                                                                                                                                                                                                                                                                                      | boolean                                                                                                                                  | no       | Android，iOS | no                |
+| statusBarStyle                | Sets the status bar color (similar to the StatusBar component). Defaults to auto.                                                                                                                                                                                                                                                            | string                                                                                                                                   | no       | Android，iOS | no                |
+| statusBarColor                | Sets the status bar color (similar to the StatusBar component). Defaults to initial status bar color.                                                                                                                                                                                                                                        | string                                                                                                                                   | no       | Android     | no                |
+| statusBarTranslucent          | Sets the translucency of the status bar (similar to the StatusBar component). Defaults to false.                                                                                                                                                                                                                                             | boolean                                                                                                                                  | no       | Android     | no                |
+| contentStyle                  | Style object for the scene content.                                                                                                                                                                                                                                                                                                          | object                                                                                                                                   | no       | all         | yes               |
+| customAnimationOnGesture      | Whether the gesture to dismiss should use animation provided to animation prop. Defaults to false.                                                                                                                                                                                                                                           | boolean                                                                                                                                  | no       | iOS         | no                |
+| fullScreenGestureEnabled      | Whether the gesture to dismiss should work on the whole screen. Using gesture to dismiss with this option results in the same transition animation as simple_push. This behavior can be changed by setting customAnimationOnGesture prop. Achieving the default iOS animation isn't possible due to platform limitations. Defaults to false. | boolean                                                                                                                                  | no       | iOS         | no                |
+| gestureEnabled                | Whether you can use gestures to dismiss this screen. Defaults to true.                                                                                                                                                                                                                                                                       | boolean                                                                                                                                  | no       | iOS         | no                |
+| animationTypeForReplace       | The type of animation to use when this screen replaces another screen. Defaults to pop.                                                                                                                                                                                                                                                      | 'push'&#124;'pop'                                                                                                                         | no       | Android，iOS | no                |
+| animation                     | How the screen should animate when pushed or popped.                                                                                                                                                                                                                                                                                         | 'default'&#124;'fade'&#124;'fade_from_bottom'&#124;'fade_from_bottom'&#124;'simple_push'&#124;'slide_from_bottom'&#124;'slide_from_right'&#124;'slide_from_left'&#124;'none'      | no       | Android,iOS | no                |
+| presentation                  | How should the screen be presented.                                                                                                                                                                                                                                                                                                          | 'card'&#124;'modal'&#124;'transparentModal'&#124;'containedModal'&#124;'containedModal'&#124;'fullScreenModal'&#124;'formSheet'           | no       | Android，iOS | partially         |
+| orientation                   | The display orientation to use for the screen.                                                                                                                                                                                                                                                                                               | 'default'&#124;'all'&#124;'portrait'&#124;'portrait_up'&#124;'portrait_down'&#124;'landscape'&#124;'landscape_left'&#124;'landscape_left' | no       | Android，iOS | no                |
+| autoHideHomeIndicator         | Boolean indicating whether the home indicator should prefer to stay hidden. Defaults to false.                                                                                                                                                                                                                                               | boolean                                                                                                                                  | no       | iOS         | no                |
+| gestureDirection              | Sets the direction in which you should swipe to dismiss the screen.                                                                                                                                                                                                                                                                          | 'vertical '&#124;'horizontal '                                                                                                            | no       | iOS         | no                |
+| animationDuration             | Changes the duration (in milliseconds) of slide_from_bottom, fade_from_bottom, fade and simple_push transitions on iOS. Defaults to 350.                                                                                                                                                                                                     | number                                                                                                                                  | no       | iOS         | no                |
+| navigationBarColor            | Sets the navigation bar color. Defaults to initial status bar color.                                                                                                                                                                                                                                                                         | string                                                                                                                                   | no       | Android     | no                |
+| navigationBarHidden           | Boolean indicating whether the navigation bar should be hidden. Defaults to false.                                                                                                                                                                                                                                                           | boolean                                                                                                                                  | no       | Android     | no                |
+| freezeOnBlur                  | Boolean indicating whether to prevent inactive screens from re-rendering. Defaults to false. Defaults to true when enableFreeze() from react-native-screens package is run at the top of the application.                                                                                                                                    | boolean                                                                                                                                  | no       | Android,iOS | no                |
+
+**Events**
+| Name            | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
+|-----------------|----------------------------------------------------------------------------------|----------|----------|----------|-------------------|
+| transitionStart | This event is fired when the transition animation starts for the current screen. | function | no       | all      | no                |
+| transitionEnd   | This event is fired when the transition animation ends for the current screen.   | function | no       | all      | no                |
+
+## 遗留问题
+
+- [ ] react-native-screens功能缺失，导致headerSearchBarOptions等属性功能无法实现：[issue#25](https://github.com/react-native-oh-library/react-navigation/issues/25)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/main/packages/native-stack/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-native.md b/en/react-navigation-native.md
new file mode 100644
index 00000000..34887d25
--- /dev/null
+++ b/en/react-navigation-native.md
@@ -0,0 +1,118 @@
+> 模板版本：v0.2.2
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/native</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/native">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/native/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/native@6.1.17
+```
+#### **yarn**
+
+```bash
+yarn add @react-navigation/native@6.1.17
+```
+
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+```js
+import * as React from 'react';
+import { Text, View } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+
+const Tab = createBottomTabNavigator();
+
+function HomeScreen({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home screen</Text>
+        </View>
+    );
+}
+
+function DetailsScreen({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Details!</Text>
+        </View>
+    );
+}
+
+export default function App() {
+    return (
+        <NavigationContainer>
+            <Tab.Navigator>
+                <Tab.Screen name="Home" component={HomeScreen} />
+                <Tab.Screen name="Details" component={DetailsScreen} />
+            </Tab.Navigator>
+        </NavigationContainer>
+    );
+}
+
+export {App}
+```
+
+## 约束与限制
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.11; SDK: OpenHarmony(api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52;
+2. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
+3. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+4. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**NavigationContainer**：
+
+| Name                      | Description                                                                                                          | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------- | -------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| useNavigationContainerRef | A ref link to navigation                                                                                             | function | no       | all      | yes               |
+| onStateChange             | Function that gets called every time navigation state changes. It receives the new navigation state as the argument. | function | no       | all      | yes               |
+| onReady                   | Function which is called after the navigation container and all its children finish mounting for the first time.     | function | no       | all      | yes               |
+
+**Hooks**
+| Name           | Description                                                                                                                                                                                    | Type     | Required | Platform | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| useScrollToTop | The expected native behavior of scrollable components is to respond to events from navigation that will scroll to top when tapping on the active tab as you would expect from native tab bars. | function | no       | all      | yes               |
+
+## 遗留问题
+
+## 其他
+
+示例代码依赖以下三方库，请查看对应文档：
++ [@react-navigation/bottom-tabs](/zh-cn/react-navigation-bottom-tabs.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/native/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-navigation-routers.md b/en/react-navigation-routers.md
new file mode 100644
index 00000000..03d19b53
--- /dev/null
+++ b/en/react-navigation-routers.md
@@ -0,0 +1,137 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/routers</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/routers/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-navigation/routers@6.1.9
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-navigation/routers@6.1.9
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import { Button, Text, View } from 'react-native';
+import { CommonActions } from '@react-navigation/routers';
+import { NavigationContainer } from '@react-navigation/native'
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
+
+function HomeScreen({ navigation, route }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home!</Text>
+            <Button
+                title="Go to Settings"
+                onPress={() => navigation.dispatch(CommonActions.navigate('Settings', {
+                    id: Math.floor(Math.random() * 100)
+                }))}
+            />
+        </View>
+    );
+}
+
+function SettingsScreen({ navigation, route }) {
+
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Settings!</Text>
+            <Text>params: {JSON.stringify(route.params || {})} </Text>
+            <Button title="Go Back" onPress={() => navigation.dispatch(CommonActions.goBack())} />
+        </View>
+    );
+}
+
+const Tab = createBottomTabNavigator()
+
+export default function App() {
+    return (
+        <NavigationContainer>
+            <Tab.Navigator>
+                <Tab.Screen name="Home" component={HomeScreen} />
+                <Tab.Screen name="Settings" component={SettingsScreen} />
+            </Tab.Navigator>
+        </NavigationContainer>
+    );
+}
+
+export {App}
+```
+
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下方法已验证，更多使用详情请查看 [react-navigation 的文档介绍](https://reactnavigation.org/docs/getting-started/)
+
+**CommenActions**
+| Name      | Description                                                                   | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ----------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| navigate  | The navigate action allows to navigate to a specific route.                   | function | no       | all      | yes               |
+| reset     | The reset action allows to reset the navigation state to the given state.     | function | no       | all      | yes               |
+| goBack    | The goBack action creator allows to go back to the previous route in history. | function | no       | all      | yes               |
+| setParams | The setParams action allows to update params for a certain route.             | function | no       | all      | yes               |
+
+**StackRouter**: Standard router.
+
+**TabRouter**: Standard router.
+
+**StackRouter**: Standard router.
+
+
+
+## 遗留问题
+
+## 其他
+
+示例代码依赖以下三方库，请查看对应文档：
++ [@react-navigation/bottom-tabs](/zh-cn/react-navigation-bottom-tabs.md)
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/routers/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-navigation-shared-element.md b/en/react-navigation-shared-element.md
new file mode 100644
index 00000000..304652bd
--- /dev/null
+++ b/en/react-navigation-shared-element.md
@@ -0,0 +1,256 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-navigation-shared-element</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/IjzerenHein/react-navigation-shared-element">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/IjzerenHein/react-navigation-shared-element/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/IjzerenHein/react-navigation-shared-element)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-navigation-shared-element@3.1.2 
+npm install react-native-shared-element@0.8.9
+```
+
+#### **yarn**
+
+```bash
+yarn add react-navigation-shared-element@3.1.2 
+yarn add react-native-shared-element@0.8.9 
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import  React, { Component } from "react";
+import {
+  View,
+  StyleSheet,
+  Animated,
+  Dimensions,
+  TouchableOpacity,
+  Button
+} from "react-native";
+import {
+  SharedElement,
+  SharedElementTransition,
+  nodeFromRef,
+} from "react-native-shared-element";
+
+export class Rativesharedelement extends Component {
+  state = {
+    progress: new Animated.Value(0),
+    isScene2Visible: false,
+    isInProgress: false,
+    scene1Ancestor: null,
+    scene1Node: null,
+    scene2Ancestor: null,
+    scene2Node: null,
+  };
+
+  onPressNavigate = () => {
+    this.setState({ isScene2Visible: true, isInProgress: true });
+    Animated.timing(this.state.progress, {
+      toValue: 1,
+      duration: 1000,
+      useNativeDriver: true,
+    }).start(() => this.setState({ isInProgress: false }));
+  };
+
+  onPressBack = () => {
+    this.setState({ isInProgress: true });
+    Animated.timing(this.state.progress, {
+      toValue: 0,
+      duration: 1000,
+      useNativeDriver: true,
+    }).start(() =>
+      this.setState({ isScene2Visible: false, isInProgress: false })
+    );
+  };
+
+  onSetScene1Ref = (ref: View | null) => {
+    this.setState({ scene1Ancestor: nodeFromRef(ref) });
+  };
+
+  onSetScene2Ref = (ref: View | null) => {
+    this.setState({ scene2Ancestor: nodeFromRef(ref) });
+  };
+
+  render() {
+    const { state } = this;
+    const { width } = Dimensions.get("window");
+    return (
+      <>
+        <TouchableOpacity
+          style={styles.container}
+          activeOpacity={0.5}
+          onPress={
+            state.isScene2Visible ? this.onPressBack : this.onPressNavigate
+          }
+        >
+
+          <Animated.View
+            style={{
+              ...StyleSheet.absoluteFillObject,
+              transform: [
+                { translateX: Animated.multiply(-200, state.progress) },
+              ],
+            }}
+          >
+            <View style={styles.scene} ref={this.onSetScene1Ref}>
+              <SharedElement
+                onNode={(node) => this.setState({ scene1Node: node })}
+              >
+                <Button title="页面1" color="#39b362" />
+              </SharedElement>
+            </View>
+          </Animated.View>
+
+          {state.isScene2Visible ? (
+            <Animated.View
+              style={{
+                ...StyleSheet.absoluteFillObject,
+                transform: [
+                  {
+                    translateX: Animated.multiply(
+                      -width,
+                      Animated.add(state.progress, -1)
+                    ),
+                  },
+                ],
+              }}
+            >
+              <View style={styles.scene2} ref={this.onSetScene2Ref}>
+                <SharedElement
+                  onNode={(node) => this.setState({ scene2Node: node })}
+                >
+                  <Button title="页面2" color="#841584" />
+                </SharedElement>
+              </View>
+            </Animated.View>
+          ) : undefined}
+        </TouchableOpacity>
+
+        {state.isInProgress ? (
+          <View style={styles.sharedElementOverlay} pointerEvents="none">
+            <SharedElementTransition
+              start={{
+                node: state.scene1Node,
+                ancestor: state.scene1Ancestor,
+              }}
+              end={{
+                node: state.scene2Node,
+                ancestor: state.scene2Ancestor,
+              }}
+              position={state.progress}
+              animation="move"
+              resize="auto"
+              align="auto"
+            />
+          </View>
+        ) : undefined}
+      </>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#ecf0f1",
+  },
+  scene: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: "white",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  scene2: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: "#00d8ff",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  image1: {
+    resizeMode: "cover",
+    width: 160,
+    height: 160,
+  },
+  image2: {
+    resizeMode: "cover",
+    width: 300,
+    height: 300,
+    borderRadius: 0,
+  },
+  sharedElementOverlay: {
+    ...StyleSheet.absoluteFillObject,
+  }
+});
+
+```
+## 约束与限制
+
+### Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS-NEXT-Developer-Beta1 5.0.0.22；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+**SharedElement**
+
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `children`  |A single child component, which must map to a real view in the native view hierarchy. |  element | no     | All  | yes      |
+| `onNode`  | Event handler that sets or unsets the node-handle. | function |  no     | All   | yes      |
+
+**SharedElementTransition**
+| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ----- | -------- | -------- | -------- | -------- |
+| `start`  | Start node- and ancestor. |  node: SharedElementNode, ancestor: SharedElementNode  | no     | All  | yes      |
+| `end`  | End node- and ancestor. |node: SharedElementNode, ancestor: SharedElementNode |  no     | All   | yes      |
+| `position`  |Interpolated position (0..1), between the start- and end nodes| number or Animated.Value or Reanimated.Value | no     | All | yes      |
+| `animation`  | Type of animation, e.g move start element or cross-fade between start- and end elements (default = move).| move or fade or fade-in or fade-out  |  no     | All   | yes      |
+| `resize`  | 	Resize behavior (default = auto).| 	auto or stretch or clip or none   |  no     | All   | yes      |
+| `align`  | 	Align behavior of the transition (default = auto).| 	auto or top-left    |  no     | All   | yes      |
+| `debug`  | 	Renders debug overlays for diagnosing measuring and animations.| 	boolean |  no     | All   | yes      |
+| `onMeasure`  | Event handler that is called when nodes have been measured and snapshotted.| function |  no     | All   | yes      |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/IjzerenHein/react-navigation-shared-element/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-navigation-stack.md b/en/react-navigation-stack.md
new file mode 100644
index 00000000..6f500911
--- /dev/null
+++ b/en/react-navigation-stack.md
@@ -0,0 +1,184 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-navigation/stack</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/stack/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)
+
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] stack的tgz包在react-navigation Releases。
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases),并下载stack适用版本的 tgz 包。
+
+> [!TIP] # 处替换为tgz包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/stack@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/stack@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+```js
+import * as React from 'react';
+import { Button, Text, View } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+
+
+
+const HomeStack = createStackNavigator();
+
+function HomeScreen({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Home screen</Text>
+            <Button
+                title="Go to Details"
+                onPress={() => navigation.navigate('Details')}
+            />
+        </View>
+    );
+}
+
+function DetailsScreen({ navigation }) {
+    return (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+            <Text>Details!</Text>
+            <Button
+                title="Go back"
+                onPress={() => navigation.goBack()}
+            />
+        </View>
+    );
+}
+
+
+
+export default function App() {
+    return (
+        <NavigationContainer>
+            <HomeStack.Navigator>
+                <HomeStack.Screen name="Home" component={HomeScreen} />
+                <HomeStack.Screen name="Details" component={DetailsScreen} />
+            </HomeStack.Navigator>
+        </NavigationContainer>
+    );
+}
+```
+
+## Link
+本库依赖以下三方库，请查看对应文档：
++ [@react-navigation/native](/zh-cn/react-navigation-native.md)
++ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
++ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
++ [react-native-screens](/zh-cn/react-native-screens.md)
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-library/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+
+
+
+## 约束与限制
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+以下属性已验证，更多属性详情请查看 [react-navigation/stack 的文档介绍](https://reactnavigation.org/docs/stack-navigator)
+
+
+**Props**
+
+| Name                  | Description                                                                                                                                                                        | Type    | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| id                    | Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator.                                                  | string  | no       | all         | yes               |
+| initialRouteName      | The name of the route to render on first load of the navigator.                                                                                                                    | string  | no       | all         | yes               |
+| screenOptions         | Default options to use for the screens in the navigator.                                                                                                                           | object  | no       | all         | yes               |
+| detachInactiveScreens | Boolean used to indicate whether inactive screens should be detached from the view hierarchy to save memory. This enables integration with react-native-screens. Defaults to true. | boolean | no       | Android,iOS | no                |
+
+
+**Options & screenOptions**
+
+| Name                         | Description                                                                                                                                                                                                                                                                                                               | Type                                        | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | -------- | ----------- | ----------------- |
+| title                        | String that can be used as a fallback for headerTitle.                                                                                                                                                                                                                                                                    | string                                      | no       | all         | yes               |
+| cardShadowEnabled            | Use this prop to have visible shadows during transitions. Defaults to true.                                                                                                                                                                                                                                               | boolean                                     | no       | all         | yes               |
+| cardOverlayEnabled           | Use this prop to have a semi-transparent dark overlay visible under the card during transitions. Defaults to true on Android and false on iOS.                                                                                                                                                                            | boolean                                     | no       | all         | yes               |
+| cardOverlay                  | Function which returns a React Element to display as the overlay for the card. Make sure to set cardOverlayEnabled to true when using this.                                                                                                                                                                               | fucntion                                    | no       | all         | yes               |
+| cardStyle                    | Style object for the card in stack. You can provide a custom background color to use instead of the default background here.                                                                                                                                                                                              | object                                      | no       | all         | yes               |
+| presentation                 | This is shortcut option which configures several options to configure the style for rendering and transitions.                                                                                                                                                                                                            | 'card'&#124;'modal'&#124;'transparentModal' | no       | all         | yes               |
+| animationEnabled             | Whether transition animation should be enabled on the screen. If you set it to false, the screen won't animate when pushing or popping. Defaults to true on iOS and Android, false on Web.                                                                                                                                | boolean                                     | no       | all         | yes               |
+| animationTypeForReplace      | The type of animation to use when this screen replaces another screen.                                                                                                                                                                                                                                                    | 'push'&#124;'pop'                           | no       | all         | yes               |
+| gestureEnabled               | Whether you can use gestures to dismiss this screen.                                                                                                                                                                                                                                                                      | boolean                                     | no       | Android,iOS | yes               |
+| gestureResponseDistance      | Number to override the distance of touch start from the edge of the screen to recognize gestures.                                                                                                                                                                                                                         | number                                      | no       | Android,iOS | yes               |
+| gestureVelocityImpact        | Number which determines the relevance of velocity for the gesture. Defaults to 0.3.                                                                                                                                                                                                                                       | number                                      | no       | Android,iOS | yes               |
+| gestureDirection             | Direction of the gestures.                                                                                                                                                                                                                                                                                                | string                                      | no       | Android,iOS | yes               |
+| transitionSpec               | Configuration object for the screen transition.                                                                                                                                                                                                                                                                           | object                                      | no       | all         | yes               |
+| cardStyleInterpolator        | Interpolated styles for various parts of the card.                                                                                                                                                                                                                                                                        | object                                      | no       | all         | yes               |
+| headerStyleInterpolator      | Interpolated styles for various parts of the header.                                                                                                                                                                                                                                                                      | object                                      | no       | all         | yes               |
+| keyboardHandlingEnabled      | If false, the keyboard will NOT automatically dismiss when navigating to a new screen from this screen. Defaults to true.                                                                                                                                                                                                 | boolean                                     | no       | all         | yes               |
+| detachPreviousScreen         | Boolean used to indicate whether to detach the previous screen from the view hierarchy to save memory. Set it to false if you need the previous screen to be seen through the active screen. Only applicable if detachInactiveScreens isn't set to false.                                                                 | boolean                                     | no       | all         | no                |
+| freezeOnBlur                 | Boolean indicating whether to prevent inactive screens from re-rendering. Defaults to false. Defaults to true when enableFreeze() from react-native-screens package is run at the top of the application.                                                                                                                 | boolean                                     | no       | all         | no                |
+| header                       | Custom header to use instead of the default header.                                                                                                                                                                                                                                                                       | function                                    | no       | all         | yes               |
+| headerMode                   | Specifies how the header should be rendered.                                                                                                                                                                                                                                                                              | 'float'&#124;'screen'                       | no       | all         | yes               |
+| headerShown                  | Whether to show or hide the header for the screen. The header is shown by default. Setting this to false hides the header.                                                                                                                                                                                                | boolean                                     | no       | all         | yes               |
+| headerBackAllowFontScaling   | Whether back button title font should scale to respect Text Size accessibility settings. Defaults to false.                                                                                                                                                                                                               | boolean                                     | no       | all         | yes               |
+| headerBackAccessibilityLabel | Accessibility label for the header back button.                                                                                                                                                                                                                                                                           | string                                      | no       | all         | yes               |
+| headerBackImage              | Function which returns a React Element to display custom image in header's back button. When a function is used, it receives the tintColor in it's argument object. Defaults to Image component with back image source, which is the default back icon image for the platform (a chevron on iOS and an arrow on Android). | function                                    | no       | all         | yes               |
+| headerBackTitle              | Title string used by the back button on iOS. Defaults to the previous scene's headerTitle.                                                                                                                                                                                                                                | string                                      | no       | all         | yes               |
+| headerBackTitleVisible       | A reasonable default is supplied for whether the back button title should be visible or not, but if you want to override that you can use true or false in this option.                                                                                                                                                   | boolean                                     | no       | all         | yes               |
+| headerTruncatedBackTitle     | Title string used by the back button when headerBackTitle doesn't fit on the screen. "Back" by default.                                                                                                                                                                                                                   | string                                      | no       | all         | yes               |
+| headerBackTitleStyle         | Style object for the back title.                                                                                                                                                                                                                                                                                          | object                                      | no       | all         | yes               |
+
+**Events**
+| Name            | Description                                                                                                                    | Type     | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| transitionStart | This event is fired when the transition animation starts for the current screen.                                               | function | no       | all      | yes               |
+| transitionEnd   | This event is fired when the transition animation ends for the current screen.                                                 | function | no       | all      | yes               |
+| gestureStart    | This event is fired when the swipe gesture starts for the current screen.                                                      | function | no       | all      | yes               |
+| gestureEnd      | This event is fired when the swipe gesture ends for the current screen. e.g. a screen was successfully dismissed.              | function | no       | all      | yes               |
+| gestureCancel   | This event is fired when the swipe gesture is cancelled for the current screen. e.g. a screen wasn't dismissed by the gesture. | function | no       | all      | yes               |
+## 遗留问题
+
+- [ ] TextInput组件可以穿透下个页面点击。[issues#37](https://github.com/react-native-oh-library/react-navigation/issues/37)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/stack/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-navigation.md b/en/react-navigation.md
new file mode 100644
index 00000000..8a30e65e
--- /dev/null
+++ b/en/react-navigation.md
@@ -0,0 +1,44 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-navigation</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-navigation/react-navigation/tree/6.x/">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation)
+
+
+## Packages
+
+| 序号 | 原库名                                                                                                                                       | 原库基线版本 | HarmonyOSReleases                                                                                                  | 文档链接（相对路径）                                       |
+|----|-------------------------------------------------------------------------------------------------------------------------------------------|--------|--------------------------------------------------------------------------------------------------------------------|--------------------------------------------------|
+| 1  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)                       | 6.5.20 | -                                                                                                                  | [链接](/zh-cn/react-navigation-bottom-tabs.md)          |
+| 2  | [@react-navigation/core](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)                                     | 6.4.16 | -                                                                                                                  | [链接](/zh-cn/react-navigation-core.md)                 |
+| 3  | [@react-navigation/devtools](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)                             | 6.0.26 | -                                                                                                                  | [链接](/zh-cn/react-navigation-devtools.md)             |
+| 4  | [@react-navigation/drawer](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)                          | 6.7.1  | [@react-native-oh-tpl/drawer](https://github.com/react-native-oh-library/react-navigation/releases)                | [链接](/zh-cn/react-navigation-drawer.md)               |
+| 5  | [@react-navigation/elements](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)                      | 1.3.21 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)              | [链接](/zh-cn/react-navigation-elements.md)             |
+| 6  | [@react-navigation/material-bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)     | 6.2.28 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-bottom-tabs.md) |
+| 7  | [@react-navigation/material-top-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)           | 6.6.13 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-top-tabs.md)    |
+| 8  | [@react-navigation/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)              | 6.9.26 | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)          | [链接](/zh-cn/react-navigation-native-stack.md)         |
+| 9  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                                 | 6.1.17 | -                                                                                                                  | [链接](/zh-cn/react-navigation-native.md)               |
+| 10 | [@react-navigation/routers](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)                               | 6.1.9  | -                                                                                                                  | [链接](/zh-cn/react-navigation-routers.md)              |
+| 11 | [@react-navigation/stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)                            | 6.4.0  | [@react-native-oh-tpl/stack](https://github.com/react-native-oh-library/react-navigation/releases)                 | [链接](/zh-cn/react-navigation-stack.md)                |
+| 12 | [react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/react-native-tab-view)              | 3.5.2  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases) | [链接](/zh-cn/react-native-tab-view.md)                 |
+| 13 | [flipper-plugin-react-navigation](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation) | 1.3.32 | -                                                                                                                  | [链接](/zh-cn/flipper-plugin-react-navigation.md)       |
+
+## 依赖关系
+
+![image](/img/react-navigation-dependency.png)
+
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/react-redux.md b/en/react-redux.md
new file mode 100644
index 00000000..8bf2cc06
--- /dev/null
+++ b/en/react-redux.md
@@ -0,0 +1,180 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>react-redux</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/reduxjs/react-redux/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/reduxjs/react-redux?tab=readme-ov-file)
+
+## 安装与使用
+
+#### **yarn**
+
+```bash
+yarn add react-redux@^9.1.0
+```
+
+#### **npm**
+
+```bash
+npm install react-redux@^9.1.0
+```
+
+<!-- tabs:end -->
+
+下面展示了这个库的基本使用场景：
+
+1.创建一个命名为store.ts的文件
+
+```ts
+import { configureStore } from "@reduxjs/toolkit";
+import counterReducer from "./action/counterSlice";
+import inputReducer from "./action/inputInfoReducer";
+import userReducer from "./action/UserReducer";
+
+export const store = configureStore({
+  reducer: {
+    user: userReducer,
+  },
+});
+
+//从store 本身推断 `RootState` 和 `AppDispatch` 类型
+export type RootState = ReturnType<typeof store.getState>;
+// 推断类型：{posts: PostsState, comments: CommentsState, users: UsersState}
+export type AppDispatch = typeof store.dispatch;
+```
+
+2.创建store.ts的文件后，在<code>&lt;App&gt;</code>的外层放置一个<code>&lt;Provider&gt;</code>，并将 store 作为 prop 传递
+
+```ts
+// 导出组件
+export default function TestPage() {
+  return (
+    <Provider store={store}> // 将store作为props传递给组件，这样组件就能访问到store和dispatch方法了。
+      <View style={styles.container}>
+        <UserInfo></UserInfo>
+        <FromData></FromData>
+      </View>
+    </Provider>
+  );
+}
+```
+
+3.创建一个命名为Hooks.ts的文件,虽然可以将 RootState 和 AppDispatch 类型导入每个组件，但最好创建 useDispatch 和 useSelector hooks 类型化版本以供在应用程序中使用。
+
+```ts
+import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
+import type { RootState, AppDispatch } from "./store";
+
+// 在整个应用程序中使用，而不是简单的 `useDispatch` 和 `useSelector`
+export const useAppDispatch: () => AppDispatch = useDispatch;
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
+```
+
+4.定义 Slice State 和 Action Types。每个 slice 文件都应该为其初始 state 值定义一个类型，以便 createSlice 能够推断每个案例 reducer 中的 state 类型。
+
+```ts
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+import type { RootState } from "../store";
+
+//定义 slice state 的类型
+interface CounterState {
+  user: {};
+}
+//使用该类型定义初始 state
+const initialState: CounterState = {
+  user: {
+    name: "zhangsna",
+    date: "2000-9-30",
+    email: "130xxxxxxx@qq.com",
+    height: "180",
+    hobby: "study",
+  },
+};
+const counterSlice = createSlice({
+  name: "initInfo",
+  initialState,
+  reducers: {
+    addUser: (state, action: PayloadAction<object>) => {
+      state.user = action.payload;
+    },
+  },
+});
+
+export const { addUser } = counterSlice.actions;
+
+// selectors 等其他代码可以使用导入的 `RootState` 类型
+export const selectCount = (state: RootState) => state.user.user;
+
+export default counterSlice.reducer;
+```
+
+生成的 action creators 将根据你为 reducer 提供的 PayloadAction<T> 类型正确输入以接收 payload 参数。例如，incrementByAmount 需要一个 number 作为其参数。
+
+在某些情况下，TypeScript 可能会不必要地收紧初始 state 的类型。如果发生这种情况，你可以通过使用 as 转换初始 state 来解决它，而不是声明变量的类型：
+
+```ts
+//定义 slice state 的类型
+interface CounterState {
+  user: {};
+}
+```
+
+5.在 React 组件中使用 Redux State 和 Actions
+
+```ts
+import React, { useState } from "react";
+
+import { useAppSelector, useAppDispatch } from "app/hooks";
+
+import { decrement, increment } from "./counterSlice";
+
+export function Counter() {
+  // `state` arg 已经正确被键入 `RootState`
+  const count = useAppSelector((state) => state.counter.value);
+  const dispatch = useAppDispatch();
+
+  // 省略渲染逻辑
+}
+```
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.11;
+   SDK：OpenHarmony(api11) 4.1.0.53;
+   IDE：DevEco Studio 4.1.3.412;
+   ROM：2.0.0.52;
+2. RNOH：0.72.13;
+   SDK：HarmonyOS NEXT Developer Preview1;
+   IDE：DevEco Studio 4.1.3.500;
+   ROM：2.0.0.58;
+
+## 静态方法
+
+详情查看[React Redux官方文档](https://cn.react-redux.js.org/introduction/getting-started)
+
+#### **Hooks**
+
+| Name          | Description                                                                                                                | Type     | Required | HarmonyOS Support |
+| ------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| useSelector() | From there, you may import any of the listed React Redux hooks APIs and use them within your function components.          | function | NO       | yes               |
+| useDispatch() | This hook returns a reference to the dispatch function from the Redux store. You may use it to dispatch actions as needed. | function | NO       | yes               |
+| useStore()    | This hook returns a reference to the same Redux store that was passed in to the <Provider> component.                      | function | NO       | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/react-redux/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-router-dom.md b/en/react-router-dom.md
new file mode 100644
index 00000000..cea28d25
--- /dev/null
+++ b/en/react-router-dom.md
@@ -0,0 +1,410 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-router-dom</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/remix-run/react-router/tree/main/packages/react-router-dom">
+        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/remix-run/react-router/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!Tip] [Github 地址](https://github.com/remix-run/react-router/tree/main/packages/react-router-dom)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+#### **npm**
+
+```bash
+npm i react-router-dom@6.22.3
+```
+#### **yarn**
+
+```bash
+yarn add react-router-dom@6.22.3
+```
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { Platform, StyleSheet, Text, TextInput, View, Button, ScrollView } from 'react-native';
+import {
+    Route, Routes, Navigate, Outlet, useLocation,
+    useNavigate,
+    useOutlet,
+    useRoutes,
+    MemoryRouter as Router
+} from 'react-router-dom';
+
+const Home = () => {
+    const navigate = useNavigate();
+    const outlet = useOutlet();
+    const [messages, setMessages] = React.useState(false);
+    const [tasks, setTasks] = React.useState(false);
+    return (
+        <View>
+            <Text>Welcome to the Home page!</Text>
+            <Button title={`To Login by navigate("/login")`} onPress={() => {
+                navigate("/login");
+            }} />
+            <Button title={"To Login by navigate(1)"} onPress={() => {
+                navigate(1);
+            }} />
+
+            <Button title={"To detail by navigate(2)"} onPress={() => {
+                navigate(2);
+            }} />
+
+            <Button title={"To Index3 by navigate(3) initialEntries下标"} onPress={() => {
+                navigate(3);
+                // 
+            }} />
+
+            <Button title={`To Index3 by navigate("/index3")`} onPress={() => {
+                navigate("/index3");
+            }} />
+            <Button title={"Show messages by Navigate"} onPress={() => {
+                setMessages(true)
+                setTasks(false)
+            }} />
+            <Button title={`Show Tasks by navigate("/messages")`} onPress={() => {
+                setTasks(true)
+                setMessages(false)
+                navigate("/messages", {
+                    state: {
+                    },
+                    replace: false,
+                    relative: 'route',
+                    preventScrollReset: false,
+                });
+            }} />
+            <Button title={`Show Tasks by navigate("/tasks")`} onPress={() => {
+                setTasks(true)
+                setMessages(false)
+                navigate("/tasks", {
+                    state: {
+                    },
+                    replace: false,
+                    relative: 'route',
+                    preventScrollReset: true,
+                });
+            }} />
+
+            {messages && (<Navigate to="/messages" replace={false} />)}
+            {tasks && (<Text>下面由Outlet生成</Text>)}
+            {tasks && (<Outlet />)}
+            {messages && (<Text>下面由useOutlet生成</Text>)}
+            {messages && (outlet)}
+        </View>
+    );
+};
+
+const HomeMessages = () => {
+    return (
+        <View style={{ height: 200, backgroundColor: 'yellow' }}>
+            <Text>Outlet Demo: HomeMessages page!</Text>
+        </View>
+    );
+};
+
+const HomeTasks = () => {
+    return (
+        <View style={{ height: 200, backgroundColor: 'red' }}>
+            <Text>Outlet Demo: HomeTasks page!</Text>
+        </View>
+    );
+};
+
+const Login = () => {
+    const navigate = useNavigate();
+    const [login, setLogin] = React.useState(false);
+    const [warning, setWarning] = React.useState(false);
+    const [username, setUsername] = React.useState('');
+    const location = useLocation();
+
+    return (
+        <View>
+            <Text>Welcome to the Login page!</Text>
+            <Text>{location.state?.stateTest} </Text>
+            <TextInput placeholder="Input your username" style={{
+                color: 'black', height: 40, fontSize: 16, backgroundColor: 'white', borderColor: "blue", borderWidth: 1, borderRadius: 20, paddingLeft: 20
+            }}
+                onChangeText={(value) => {
+                    setUsername(value);
+                    setWarning(value.length == 0)
+                }} />
+            {warning && (<Text style={{ color: 'red' }}>username is empty.</Text>)}
+            <Button title={"Login by <Navigate/>"} onPress={() => {
+                if (username.length == 0) {
+                    setWarning(true)
+                    return
+                }
+                setLogin(true)
+            }} />
+            {login && (<Navigate to="/detail" state={{ name: username }} replace={false} />)}
+
+            <Button title={`Login by navigate("/detail")`} onPress={() => {
+                if (username.length == 0) {
+                    setWarning(true)
+                    return
+                }
+                navigate("/detail", {
+                    state: {
+                        name: username
+                    },
+                    replace: false,
+                    relative: 'route',
+                    preventScrollReset: true,
+                });
+
+            }} />
+            <Button title={"Back Home by navigate(-1)"} onPress={() => {
+                navigate(-1);
+            }} />
+        </View>
+    );
+};
+
+
+const LocationTest = () => {
+    const location = useLocation();
+    return (
+        <View>
+            <Text>---- {location.key.length == 0 ? "LocationTest page!" : location.key} ----</Text>
+            <Text>pathname:{location.pathname} search:{location.search} hash:{location.hash} </Text>
+        </View>
+    );
+};
+
+const UseRoutesTestHome = () => {
+    const location = useLocation();
+    return (
+        <View>
+            <Text>---- UseRoutesTestHome home page! ----</Text>
+            <Text>pathname:{location.pathname} search:{location.search} hash:{location.hash} </Text>
+        </View>
+    );
+};
+
+
+const Index3 = () => {
+    const navigate = useNavigate();
+    const location = useLocation();
+    return (
+        <View>
+            <Text>---- Index3 page! ----</Text>
+            <Text>`---- 如果跳转由navigate("/index3") navigate(-1),回返回上一个页面；如果由navigate(3)，则返回initialEntries 下标为2的页面 ----`</Text>
+            <Button title={"Back Home by navigate(-1)"} onPress={() => {
+                navigate(-1);
+            }} />
+            <Button title={"Back Home by navigate(-2)"} onPress={() => {
+                navigate(-2);
+            }} />
+            <Button title={"Back Home by navigate(-3)"} onPress={() => {
+                navigate(-3);
+            }} />
+        </View>
+    );
+};
+
+
+
+const Detail = () => {
+    const navigate = useNavigate();
+    const location = useLocation();
+    return (
+        <View>
+            <Text>{location.state?.name}  logged in successfully! Detail page!</Text>
+            <Button title={"Logout"} onPress={() => {
+                navigate(-1)
+            }} />
+            <Button title={"Back Home navigate(-2)"} onPress={() => {
+                // seHome(true)
+                // 返回上两个  replace={false} 需要
+                navigate(-2);
+            }} />
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        marginTop: Platform.OS === 'ios' ? 50 : 5, margin: 10,
+    },
+    root: {
+        flex: 1,
+    },
+    webView: {
+        flex: 1,
+    },
+    link: {
+        padding: 10,
+        backgroundColor: 'lightblue',
+    },
+});
+
+function UseRoutesTest() {
+    let element = useRoutes([
+        {
+            path: "/",
+            element: <UseRoutesTestHome />,
+        },
+        { path: "/locationTest", element: <LocationTest /> },
+    ]);
+    return element;
+}
+
+function UseRoutesTest2() {
+    const location = {
+        pathname: '/locationTest',
+        search: '?id=1&name=test',
+        hash: '#section1',
+        key: "UseRoutesTest2 page",
+    };
+    let element = useRoutes([
+        { path: "/locationTest", element: <LocationTest /> },
+    ], location);
+    return element;
+}
+
+const DomDemo = () => {
+    const initialEntries = [
+        "/",
+        { pathname: "/login", state: { stateTest: "stateTestContent" } },
+        { pathname: "/detail", state: { stateTest: "stateTestContent" } },
+        "/index3",
+    ];
+    const location = {
+        pathname: '/locationTest',
+        search: '?id=1&name=test',
+        hash: '#section1',
+        key: "locationTest page",
+    };
+    const initialIndex = 0;
+    return (
+        <ScrollView style={styles.container}>
+            <Router>
+                <Routes location={location}>
+                    <Route path="/locationTest" element={<LocationTest />} />
+                </Routes>
+            </Router>
+
+            <Router>
+                <UseRoutesTest />
+            </Router>
+            <Router>
+                <UseRoutesTest2 />
+            </Router>
+            <Router initialEntries={initialEntries} initialIndex={initialIndex} future={{ v7_startTransition: true }}>
+                <Routes>
+                    <Route path="/" element={<Home />} >
+                        <Route path="messages" element={<HomeMessages />} />
+                        <Route path="tasks" element={<HomeTasks />} />
+                    </Route>
+                    <Route path="/login" element={<Login />} />
+                    <Route path="/detail" element={<Detail />} />
+                    <Route path="/index3" element={<Index3 />} />
+                </Routes>
+            </Router>
+        </ScrollView>
+    );
+};
+export default DomDemo;
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.28; SDK:HarmonyOS-Next-DB6 5.0.0.61 SDK; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
+
+## 属性
+
+> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Component
+
+| Name        | Description       | Type     | Required | Platform | HarmonyOS Support |
+| ----------- | ----------------- | -------- | -------- | -------- | ----------------- |
+| Route   | Routes are perhaps the most important part of a React Router app. They couple URL segments to components, data loading and data mutations. Through route nesting, complex application layouts and data dependencies become simple and declarative. | Component | no       |All      | yes               |
+| Routes   | Rendered anywhere in the app, <Routes> will match a set of child routes from the current location. | Component | no       |All  | yes               |
+| Navigate   | A <Navigate> element changes the current location when it is rendered. It's a component wrapper around useNavigate, and accepts all the same arguments as props.<docs-info>Having a component-based version of the useNavigate hook makes it easier to use this feature in a React.Component subclass where hooks are not able to be used.</docs-info> | Component | no       |All     | yes               |
+| Outlet   | An <Outlet> should be used in parent route elements to render their child route elements. This allows nested UI to show up when child routes are rendered. If the parent route matched exactly, it will render a child index route or nothing if there is no index route. | Component | no       |All      | yes               |
+| MemoryRouter   | A <MemoryRouter> stores its locations internally in an array. Unlike <BrowserHistory> and <HashHistory>, it isn't tied to an external source, like the history stack in a browser. This makes it ideal for scenarios where you need complete control over the history stack, like testing. | Component | no       |All     | yes               |
+| BrowserRouter   |  A <BrowserRouter> stores the current location in the browser's address bar using clean URLs and navigates using the browser's built-in history stack.    | Component | no       | web   | no        |
+| Form   |   The Form component is a wrapper around a plain HTML form that emulates the browser for client side routing and data mutations. It is not a form validation/state management library like you might be used to in the React ecosystem (for that, we recommend the browser's built in HTML Form Validation and data validation on your backend server).   | Component | no       | web   | no        |
+| HashRouter   |   <HashRouter> is for use in web browsers when the URL should not (or cannot) be sent to the server for some reason.    | Component | no       | web   | no        |
+| Link   |   A <Link> is an element that lets the user navigate to another page by clicking or tapping on it.   | Component | no       | web   | no        |
+| NavLink   |  A <NavLink> is a special kind of <Link> that knows whether or not it is "active", "pending", or "transitioning".     | Component | no       | web   | no        |
+| RouterProvider   | All data router objects are passed to this component to render your app and enable the rest of the data APIs.     | Component | no       | web   | no        |
+| ScrollRestoration   |     This component will emulate the browser's scroll restoration on location changes after loaders have completed to ensure the scroll position is restored to the right spot, even across domains. | Component | no       | web   | no        |
+
+### Hooks
+| Name                            | Description       | Type     | Required | Platform | HarmonyOS Support |
+|---------------------------------| ----------------- |----------|----------|----------|-------------------|
+| useLocation                     | This hook returns the current [`location`](https://reactrouter.com/en/main/utils/location) object. This can be useful if you'd like to perform some side effect whenever the current location changes. | Function | no       | All      | yes               |
+| useNavigate                     | The `useNavigate` hook returns a function that lets you navigate programmatically, for example in an effect:  | Function | no       | All      | yes               |
+| useOutlet                       | Returns the element for the child route at this level of the route hierarchy. This hook is used internally by < Outlet > to render child routes.   | Function | no       | All      | yes               |
+| useRoutes                       | The useRoutes hook is the functional equivalent of < Routes >, but it uses JavaScript objects instead of < Route > elements to define your routes. These objects have the same properties as normal < Route > elements, but they don't require JSX. | Function | no       | All      | yes               |
+| createBrowserRouter             |  This is the recommended router for all React Router web projects. It uses the DOM History API to update the URL and manage the history stack.    | Function | no       | web      | no                |
+| createHashRouter                |     This router is useful if you are unable to configure your web server to direct all traffic to your React Router application. Instead of using normal URLs, it will use the hash (#) portion of the URL to manage the "application URL". | Function | no       | web      | no                |
+| createSearchParams              |   createSearchParams is a thin wrapper around new URLSearchParams(init) that adds support for using objects with array values.    | Function | no       | web      | no                |
+| unstable_useprompt              |   The unstable_usePrompt hook allows you to prompt the user for confirmation via window.confirm prior to navigating away from the current location.   | Function | no       | web      | no                |
+| unstable_useViewTransitionState |    This hook returns true when there is an active View Transition to the specified location. This can be used to apply finer-grained styles to elements to further customize the view transition. This requires that view transitions have been enabled for the given navigation via the unstable_viewTransition prop on the Link (or the Form, navigate, or submit call). | Function | no       | web      | no                |
+| useBeforeUnload                 |  This hook is just a helper around window.onbeforeunload. It can be useful to save important application state on the page (to something like the browser's local storage), before the user navigates away from your page. That way if they come back you can restore any stateful information (restore form input values, etc.) | Function | no       | web      | no                |
+| useFetcher                      |   In HTML/HTTP, data mutations and loads are modeled with navigation: <a href> and <form action>. Both cause a navigation in the browser. The React Router equivalents are <Link> and <Form>.   | Function | no       | web      | no                |
+| useFetchers                     |  Returns an array of all inflight fetchers without their load, submit, or Form properties (can't have parent components trying to control the behavior of their children! We know from IRL experience that this is a fool's errand.) | Function | no       | web      | no                |
+| useFormAction                   |  This hook is used internally in <Form> to automatically resolve default and relative actions to the current route in context.     | Function | no       | web      | no                |
+| useLinkClickHandler             | The useLinkClickHandler hook returns a click event handler for navigation when building a custom <Link> in react-router-dom.     | Function | no       | web      | no                |
+| useSearchParams                 | The useSearchParams hook is used to read and modify the query string in the URL for the current location. Like React's own useState hook, useSearchParams returns an array of two values: the current location's search params and a function that may be used to update them. Just as React's useState hook, setSearchParams also supports functional updates. | Function | no       | web      | no                |
+| useSubmit                       |   The imperative version of <Form> that lets you, the programmer, submit a form instead of the user.   | Function | no       | web      | no                |
+| useNavigation                   |  This hook tells you everything you need to know about a page navigation to build pending navigation indicators and optimistic UI on data mutations.  | Function | no       | web      | no                |
+| useParams                       | The useParams hook returns an object of key/value pairs of the dynamic params from the current URL that were matched by the <Route path>. Child routes inherit all params from their parent routes. | Function | no       | All      | yes               |
+| useRouteError                   |Inside of an errorElement, this hook returns anything thrown during an action, loader, or rendering. Note that thrown responses have special treatment, see isRouteErrorResponse for more information.| Function | no       | web      | no                |
+| useAsyncError                   |Returns the rejection value from the nearest `<Await>` component.                                                                                                                                | Function | no       | All      | yes               |
+| useAsyncValue                   |Returns the resolved data from the nearest `<Await>` ancestor component.                                                                                                                         | Function | no       | All      | yes               |
+| useBlocker                      | The useBlocker hook allows you to prevent the user from navigating away from the current location, and present them with a custom UI to allow them to confirm the navigation.                   | Function | no       | web      | no                |
+| useHref                         | The `useHref` hook returns a URL that may be used to link to the given `to` location, even outside of React Router.                                                                             | Function | no       | All      | yes               |
+| useInRouterContext              | The `useInRouterContext` hooks returns `true` if the component is being rendered in the context of a `<Router>`, `false` otherwise. This can be useful for some 3rd-party extensions that need to know if they are being rendered in the context of a React Router app. | Function | no       | All      | yes               |
+| useLoaderData                   | This hook provides the value returned from your route loader.                                                                                                                                   | Function | no       | web      | no                |
+| useMatches                      | Returns the current route matches on the page. This is most useful for creating abstractions in parent layouts to get access to their child route's data.                                       | Function | no       | web      | no                |
+| useNavigationType               | This hook returns the current type of navigation or how the user came to the current page; either via a pop, push, or replace action on the history stack.                                      | Function | no       | All      | yes               |
+| useOutletContext                | parent routes manage state or other values you want shared with child routes.                                                                                                                   | Function | no       | All      | yes               |
+| useResolvedPath                 | This hook resolves the `pathname` of the location in the given `to` value against the pathname of the current location.                                                                         | Function | no       | web      | no                |
+| useRevalidator                  | This hook allows you to revalidate the data for any reason. React Router automatically revalidates the data after actions are called, but you may want to revalidate for other reasons like when focus returns to the window. | Function | no       | web      | no                |
+| useRouteLoaderData              | This hook makes the data at any currently rendered route available anywhere in the tree. This is useful for components deep in the tree needing data from routes much farther up, as well as parent routes needing the data of child routes deeper in the tree. | Function | no       | web      | no                |
+| useActionData                   | This hook provides the returned value from the previous navigation's `action` result, or `undefined` if there was no submission.                                                                | Function | no       | web      | no                |
+
+### Utilities
+| Name               | Description                                                                                                                                                                                                                                                                                               | Type      | Required | Platform | HarmonyOS Support |
+|--------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|----------|----------|-------------------|
+| redirect           | Because you can return or throw responses in loaders and actions, you can use redirect to redirect to another route..                                                                                                                                                                                     | Function  | no       | web      | no                |
+| isRouteErrorResponse | This returns true if a route error is a route error response.                                                                                                                                                                                                                                             | Function  | no       | web      | no                |
+| matchPath          | `matchPath` matches a route path pattern against a URL pathname and returns information about the match. This is useful whenever you need to manually run the router's matching algorithm to determine if a route path matches or not. It returns `null` if the pattern does not match the given pathname. | Function  | no       | web      | no                |
+| matchRoutes        | `matchRoutes` runs the route matching algorithm for a set of routes against a given [`location`][location] to see which routes (if any) match. If it finds a match, an array of `RouteMatch` objects is returned, one for each route that matched.                                                        | Function  | no       | web      | no                |
+| parsePath          | Parses a string as a URL                                                                                                                                                                                                                                                                                  | Function  | no       | All      | yes               |
+| redirectDocument   | This is a small wrapper around `redirect` that will trigger a document-level redirect to the new location instead of a client-side navigation.                                                                                                                                                            | Function  | no       | web      | no                |
+| renderMatches      | `renderMatches` renders the result of `matchRoutes()` into a React element.                                                                                                                                                                                                                               | Function  | no       | web      | no                |
+| resolvePath        | `resolvePath` resolves a given `To` value into an actual `Path` object with an absolute `pathname`. This is useful whenever you need to know the exact path for a relative `To` value.                                                                                                                    | Function  | no       | web      | no                |
+| generatePath       | `generatePath` interpolates a set of params into a route path string with `:id` and `*` placeholders. This can be useful when you want to eliminate placeholders from a route path so it matches statically instead of using a dynamic parameter.                                                         | Function  | no       | web      | no                |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/remix-run/react-router/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
diff --git a/en/react-subscribe.md b/en/react-subscribe.md
new file mode 100644
index 00000000..44ca9d8b
--- /dev/null
+++ b/en/react-subscribe.md
@@ -0,0 +1,313 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-subscribe</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/tdzl2003/react-subscribe">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.isc.org/licenses/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/tdzl2003/react-subscribe)
+
+## 安装与使用
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install react-subscribe@1.3.2
+```
+
+#### **yarn**
+
+```bash
+yarn add react-subscribe@1.3.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了Timer这个组件的基本使用场景：
+
+```js
+import React from 'react';
+import { Timer } from 'react-subscribe';
+import { Text, View,Button} from 'react-native'
+
+export class ReactSubscribeTimerTest extends React.Component {
+  state = {
+    cd: this.props.cd,
+    listening:false
+  };
+  onTimer = () => {
+    this.setState({ cd: this.state.cd - this.props.interval/1000,listening:true });
+  };
+  timeClick = () => {
+    this.setState({cd: this.props.cd,listening: true});
+  };
+  render() {
+    if (this.state.cd <= 0) {
+      return (
+        <View>
+          <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+          <Text>Cooldown is over and onTimer will not be called again!</Text>
+        </View>
+      );
+    }
+    return (
+      <View>
+        <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+        {this.state.listening && <Timer interval={this.props.interval} onTimer={this.onTimer}><Text>There is still {this.state.cd} seconds to go.</Text></Timer>}
+        <Text>点击按钮启动倒计时</Text>
+      </View>
+    );
+  }
+}
+```
+下面的代码展示了Subscribe这个组件的基本使用场景：
+> [!WARNING] 使用时 target一般配合fbemitter组件使用
+```js
+import React from 'react';
+import { Subscribe } from 'react-subscribe';
+import { TextInput, Text, View,Button} from 'react-native'
+
+export class ReactSubscribeSubscribeTest extends React.Component {
+  state = {
+    listening : true
+  }
+
+  eventName='test1';
+  message = '';
+  eventType = 1;
+
+  test1Message;
+  test2Message;
+  test3Message;
+
+
+  onChangeText(eventName){
+    this.eventName = eventName;
+  }
+
+  onChangeMessage(message){
+    this.message = message;
+  }
+
+  eventNameEvent = (ev) => {
+    this.setState({
+      listening : true
+    })
+    this.test1Message = ev.message;
+  };
+
+  otherEvent = (ev) => {
+    this.setState({
+      listening : true
+    })
+    this.test2Message = ev.message;
+  };
+
+  sendMessage(){
+    if(this.eventName === 'test1'){
+      this.props.eventEmitter1.emit(this.eventName, { message: this.message});
+    }else{
+      this.props.eventEmitter2.emit(this.eventName, { message: this.message});
+    }
+  }
+
+  render() {
+    return (
+      <View>
+        <TextInput
+          placeholder="请输入内容eventName（只有test1和test2输入其他无效）"
+          style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+          onChangeText={text => this.onChangeText(text)}
+          value={111}
+        />
+        <TextInput
+          placeholder="请输入内容发送内容"
+          style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+          onChangeText={text => this.onChangeMessage(text)}
+          value={111}
+        />
+        <Button title='点击发送' onPress={() => this.sendMessage()}>点击</Button>
+        <Text>'1.监听test1'</Text>
+        <Subscribe target={this.props.eventEmitter1} eventName="test1" listener={this.eventNameEvent} />
+        {this.test1Message !== null && <Text>test1监听数据:{this.test1Message}</Text>}
+        <Text>'2.监听test2'</Text>
+        <Subscribe target={this.props.eventEmitter2} eventName="test2" listener={this.otherEvent} >
+          <Text>test2监听数据:{this.test2Message}</Text>
+        </Subscribe>
+      </View>
+    );
+  }
+}
+```
+使用样例
+
+``` 
+import { EventEmitter } from 'fbemitter';
+
+<ReactSubscribeSubscribeTest eventEmitter1={eventEmitter1} eventEmitter2={eventEmitter1}/>
+
+```
+下面的代码展示了Fetch这个组件的基本使用场景：
+```js
+import React from 'react';
+import { View,StyleSheet,Text,TouchableOpacity,Button } from 'react-native';
+import { Fetch } from 'react-subscribe';
+import axios from 'axios';
+
+export class ReactSubscribeFetchTest extends React.Component {
+
+  state = {
+    listening:false
+  };
+
+  timeClick = () => {
+    this.setState({listening: true});
+  };
+
+  fetch_option = {
+    timeout: 5000,
+    method: this.props.method,
+    headers: {
+      'X-AccessToken': 'some_token',
+      "Content-Type":this.props.contentType
+    },
+    body:this.props.body,
+    credentials: 'include', // Default credentials is 'same-origin' in `Fetch`
+  };
+  
+  render (){
+    if(this.props.manners === 1){
+      return(
+        <View>
+         <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+          {this.state.listening && <Fetch doFetch={customRequest} url={this.props.url}>
+          <SomeComponent2/>
+        </Fetch>}
+      </View>
+      )
+    }
+    return(
+      <View>
+       <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+        {this.state.listening && <Fetch url={this.props.url} type={this.props.type} options={this.fetch_option}>
+        <SomeComponent/>
+      </Fetch>}
+    </View>
+    )
+  };
+}
+
+function SomeComponent({ data, loading, error, reload, statusCode }) {
+  if (loading) {
+    return <View><Text>loading...</Text></View>;
+  }
+  if (error) {
+    return (
+      <View>
+        <Text>error:{error.message}</Text>
+        <Button title='点击重新请求' onPress={() => reload()}>点击</Button>
+      </View>
+    );
+  }
+
+  return (
+    <View>
+      <Text>Status Code: {statusCode}</Text>
+      <Text>{JSON.stringify(data)}</Text>
+    </View>
+  );
+}
+
+async function customRequest(url) {
+  return axios.get(url,{params:{
+    value:'自定义组件请求',
+  }});
+}
+
+function SomeComponent2({ data, loading, error, reload }) {
+  if (loading) {
+    return <View><Text>loading...</Text></View>;
+  }
+  if (error) {
+    return (
+      <View>
+        <Text>Error: {error.message}</Text>
+        <Button title='点击重新请求' onPress={() => reload}>点击</Button>
+      </View>
+    );
+  }
+  return (
+    <View>
+      <Text>Status Code: {data.status}</Text>
+      <Text>{JSON.stringify(data.data)}</Text>
+    </View>
+  );
+}
+```
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.26; SDK：HarmonyOS-Next-DB1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+
+## 属性
+
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### react-subscribe:
+Fetch组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Fetch.js)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| url  | 请求接口url | string  | no | Android/iOS      | yes |
+| options  | 请求参数（如果使用doFetch，参数不生效） | object  | no | Android/iOS | yes |
+| doFetch  | 自定义的请求服务端方法，方法接收参数为组件url | function  | no | Android/iOS | yes |
+| type  | 请求返回数据处理的类型(值只能为'text'或 'json'或'blob')  | string | yes | Android/iOS | yes |
+| children| 子组件，接收请求返回数据处理,接收参数有(loading:是否在请求中,statusCode：请求状态码（自定义请求不设置该值）,data:返回业务数据,error:请求错误信息（例：请求超时）,reload:刷新当前请求方法) | element | no | Android/iOS | yes |
+
+Timer组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Timer.js)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| interval | 执行间隔时间（毫秒）       | number  | no | Android/iOS | yes |
+| onTimer  | 定时执行方法 | function   | no | Android/iOS | yes |
+| children | 子组件   | element  | no | Android/iOS  | yes |
+
+Subscribe组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Subscribe.js)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| target  | 发射器（一般配合fbemitter组件使用） | object  | no | Android/iOS  | yes |
+| eventName | 事件名称 | string  | no | Android/iOS  | yes |
+| listener  | 监听方法（当发射器触发当前事件时执行的方法） | function  | no | Android/iOS  | yes |
+| children | 子组件 | element  | no | Android/iOS  | yes |
+
+SubscribeDOM组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/SubscribeDOM.js)
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| target  | 发射器（一般配合web中document使用） | object  | no | webOnly  | no |
+| eventName | 事件名称 | string  | no | webOnly  | no |
+| listener  | 监听方法（当发射器触发当前事件时执行的方法） | function  | no | webOnly  | no |
+| children | 子组件 | element  | no | webOnly  | no |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-use.md b/en/react-use.md
new file mode 100644
index 00000000..573f47af
--- /dev/null
+++ b/en/react-use.md
@@ -0,0 +1,181 @@
+<!-- {% raw %} -->
+模板版本：v0.2.1
+
+<p align="center">
+  <h1 align="center"> <code>react-use</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/streamich/react-use">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/streamich/react-use/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/streamich/react-use)
+
+## 安装与使用
+进入到工程目录并输入以下命令：
+<!-- tabs:start -->
+#### **npm**
+```bash
+npm install react-use@17.5.0
+```
+#### **yarn**
+```bash
+yarn add react-use@17.5.0
+```
+> [!TIP] 如果依赖安装报错，请执行：
+```bash
+npm install react-use@17.5.0 --legacy-peer-deps
+```
+> [!TIP] 如果要体验全部demo效果，还需要安装以下依赖：
+```bash
+npm install @types/lodash --legacy-peer-deps
+npm install rxjs --legacy-peer-deps
+npm install rebound --legacy-peer-deps
+```
+<!-- tabs:end -->
+## 兼容性
+在以下版本验证通过
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.29; ROM：3.0.0.18;
+## API
+>[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+>[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情请查看[react-use 官方文档](https://github.com/streamich/react-use/blob/master/README.md)
+
+### Sensors
+| Name                                                     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| :------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| useMotion                                                | tracks state of device's motion sensor                       | Function | NO       | Android/ios | YES               |
+| useBattery                                               | tracks device battery state                                  | Function | NO       | web         | NO                |
+| useGeolocation                                           | tracks geo location state of user's device                   | Function | NO       | web         | NO                |
+| useHover and useHoverDirty                               | tracks mouse hover state of some element                     | Function | NO       | web         | NO                |
+| useHash                                                  | tracks location hash value                                   | Function | NO       | web         | NO                |
+| useIdle                                                  | tracks whether user is being inactive                        | Function | NO       | web         | NO                |
+| useIntersection                                          | tracks an HTML element's intersection                        | Function | NO       | web         | NO                |
+| useKey, useKeyPress, useKeyboardJs, and useKeyPressEvent | track keys                                                   | Function | NO       | web         | NO                |
+| useLocation and useSearchParam                           | tracks page navigation bar location state                    | Function | NO       | web         | NO                |
+| useLongPress                                             | tracks long press gesture of some element                    | Function | NO       | web         | NO                |
+| useMedia                                                 | tracks state of a CSS media query                            | Function | NO       | web         | NO                |
+| useMediaDevices                                          | tracks state of connected hardware devices                   | Function | NO       | web         | NO                |
+| useMouse and useMouseHovered                             | tracks state of mouse position                               | Function | NO       | web         | NO                |
+| useMouseWheel                                            | tracks deltaY of scrolled mouse wheel                        | Function | NO       | web         | NO                |
+| useNetworkState                                          | tracks the state of browser's network connection             | Function | NO       | web         | NO                |
+| useOrientation                                           | tracks state of device's screen orientation                  | Function | NO       | web         | NO                |
+| usePageLeave                                             | triggers when mouse leaves page boundaries                   | Function | NO       | web         | NO                |
+| useScratch                                               | tracks mouse click-and-scrub state                           | Function | NO       | web         | NO                |
+| useScroll                                                | tracks an HTML element's scroll position                     | Function | NO       | web         | NO                |
+| useScrolling                                             | tracks whether HTML element is scrolling                     | Function | NO       | web         | NO                |
+| useStartTyping                                           | detects when user starts typing                              | Function | NO       | web         | NO                |
+| useWindowScroll                                          | tracks `Window` scroll position                              | Function | NO       | web         | NO                |
+| useWindowSize                                            | tracks `Window` dimensions                                   | Function | NO       | web         | NO                |
+| useMeasure and useSize                                   | tracks an HTML element's dimensions                          | Function | NO       | web         | NO                |
+| createBreakpoint                                         | tracks `innerWidth`                                          | Function | NO       | web         | NO                |
+| useScrollbarWidth                                        | detects browser's native scrollbars width                    | Function | NO       | web         | NO                |
+| usePinchZoom                                             | tracks pointer events to detect pinch zoom in and out status | Function | NO       | web         | NO                |
+
+
+### UI
+| Name                                                     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| :------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| useAudio                                                 | plays audio and exposes its controls                         | Function | NO       | web         | NO                |
+| useClickAway                                             | triggers callback when user clicks outside target area       | Function | NO       | web         | NO                |
+| useCss                                                   | dynamically adjusts CSS                                      | Function | NO       | web         | NO                |
+| useDrop and useDropArea                                  | tracks file, link and copy-paste drops                       | Function | NO       | web         | NO                |
+| useFullscreen                                            | display an element or video full-screen                      | Function | NO       | web         | NO                |
+| useSlider                                                | provides slide behavior over any HTML element                | Function | NO       | web         | NO                |
+| useSpeech                                                | synthesizes speech from a text string                        | Function | NO       | web         | NO                |
+| useVibrate                                               | provide physical feedback using the [Vibration API](https://developer.mozilla.org/en-US/docs/Web/API/Vibration_API) | Function | NO       | web         | NO                |
+| useVideo                                                 | plays video, tracks its state, and exposes playback controls | Function | NO       | web         | NO                |
+
+### Animations
+| Name                                                     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| :------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| useRaf                                                   | re-renders component on each `requestAnimationFrame`         | Function | NO       | Android/ios | YES               |
+| useInterval and useHarmonicIntervalFn                    | re-renders component on a set interval using `setInterval`   | Function | NO       | Android/ios | YES               |
+| useSpring                                                | interpolates number over time according to spring dynamics   | Function | NO       | Android/ios | YES               |
+| useTimeout                                               | re-renders component after a timeout                         | Function | NO       | Android/ios | YES               |
+| useTimeoutFn                                             | calls given function after a timeout                         | Function | NO       | Android/ios | YES               |
+| useTween                                                 | re-renders component, while tweening a number from 0 to 1    | Function | NO       | Android/ios | YES               |
+| useUpdate                                                | returns a callback, which re-renders component when called.  | Function | NO       | Android/ios | YES               |
+
+
+### Side-effects
+| Name                                                     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| :------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| useAsync useAsyncFn and useAsyncRetry                    | resolves an `async` function                                 | Function | NO       | Android/ios | YES               |
+| useBeforeUnload                                          | shows browser alert when user try to reload or close the page | Function | NO       | Android/ios | YES               |
+| useCookie                                                | provides way to read, update and delete a cookie             | Function | NO       | Android/ios | YES               |
+| useDebounce                                              | debounces a function                                         | Function | NO       | Android/ios | YES               |
+| useError                                                 | error dispatcher                                             | Function | NO       | Android/ios | YES               |
+| useRafLoop                                               | calls given function inside the RAF loop                     | Function | NO       | Android/ios | YES               |
+| useThrottle`and`useThrottleFn                            | throttles a function                                         | Function | NO       | Android/ios | YES               |
+| useCopyToClipboard                                       | copies text to clipboard                                     | Function | NO       | web         | NO                |
+| useFavicon                                               | sets favicon of the page                                     | Function | NO       | web         | NO                |
+| useLocalStorage                                          | manages a value in `localStorage`                            | Function | NO       | web         | NO                |
+| useLockBodyScroll                                        | lock scrolling of the body element                           | Function | NO       | web         | NO                |
+| useSessionStorage                                        | manages a value in `sessionStorage`                          | Function | NO       | web         | NO                |
+| useTitle                                                 | sets title of the page                                       | Function | NO       | web         | NO                |
+| usePermission                                            | query permission status for browser APIs                     | Function | NO       | web         | NO                |
+
+### Lifecycles
+| Name                                                     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| :------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| useEffectOnce                                            | a modified [`useEffect`](https://reactjs.org/docs/hooks-reference.html#useeffect) hook that only runs once | Function | NO       | Android/ios | YES               |
+| useLifecycles                                            | calls `mount` and `unmount` callbacks                        | Function | NO       | Android/ios | YES               |
+| useMountedState and useUnmountPromise                    | track if component is mounted                                | Function | NO       | Android/ios | YES               |
+| useLogger                                                | logs in console as component goes through life-cycles        | Function | NO       | Android/ios | YES               |
+| useMount                                                 | calls `mount` callbacks                                      | Function | NO       | Android/ios | YES               |
+| useUnmount                                               | calls `unmount` callbacks                                    | Function | NO       | Android/ios | YES               |
+| useUpdateEffect                                          | run an `effect` only on updates                              | Function | NO       | Android/ios | YES               |
+| useIsomorphicLayoutEffect                                | `useLayoutEffect` that that works on server                  | Function | NO       | Android/ios | YES               |
+| usePromise                                               | resolves promise only while component is mounted             | Function | NO       | web         | NO                |
+| useEvent                                                 | subscribe to events                                          | Function | NO       | web         | NO                |
+| useDeepCompareEffect and useCustomCompareEffect          | run an `effect` depending on deep comparison of its dependencies | Function | NO       | Android/ios | YES               |
+
+### State 
+| Name                                                     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| :------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| createMemo                                               | factory of memoized hooks                                    | Function | NO       | Android/ios | YES               |
+| createReducerContext and createStateContext              | factory of hooks for a sharing state between components      | Function | NO       | Android/ios | YES               |
+| useDefault                                               | returns the default value when state is `null` or `undefined` | Function | NO       | Android/ios | YES               |
+| useGetSet                                                | as if [`useGetSet`](https://github.com/streamich/react-use/blob/master/docs/useGetSet.md) and [`useSetState`](https://github.com/streamich/react-use/blob/master/docs/useSetState.md) had a baby | Function | NO       | Android/ios | YES               |
+| useGetSetState                                           | as if [`useGetSet`](https://github.com/streamich/react-use/blob/master/docs/useGetSet.md) and [`useSetState`](https://github.com/streamich/react-use/blob/master/docs/useSetState.md) had a baby. | Function | NO       | Android/ios | YES               |
+| useLatest                                                | returns the latest state or props                            | Function | NO       | Android/ios | YES               |
+| usePrevious                                              | returns the previous state or props                          | Function | NO       | Android/ios | YES               |
+| usePreviousDistinct                                      | like `usePrevious` but with a predicate to determine if `previous` should update | Function | NO       | Android/ios | YES               |
+| useObservable                                            | tracks latest value of an `Observable`                       | Function | NO       | Android/ios | YES               |
+| useRafState                                              | creates `setState` method which only updates after `requestAnimationFrame` | Function | NO       | Android/ios | YES               |
+| useSetState                                              | creates `setState` method which works like `this.setState`   | Function | NO       | Android/ios | YES               |
+| useStateList                                             | circularly iterates over an array                            | Function | NO       | Android/ios | YES               |
+| useToggle                                                | tracks state of a boolean                                    | Function | NO       | Android/ios | YES               |
+| useCounter                                               | tracks state of a number                                     | Function | NO       | Android/ios | YES               |
+| useList                                                  | tracks state of an array                                     | Function | NO       | Android/ios | YES               |
+| useMap                                                   | tracks state of an object                                    | Function | NO       | Android/ios | YES               |
+| useSet                                                   | tracks state of a Set                                        | Function | NO       | Android/ios | YES               |
+| useQueue                                                 | implements simple queue                                      | Function | NO       | Android/ios | YES               |
+| useStateValidator                                        | tracks state of an object                                    | Function | NO       | Android/ios | YES               |
+| useStateWithHistory                                      | stores previous state values and provides handles to travel through them | Function | NO       | Android/ios | YES               |
+| useMultiStateValidator                                   | alike the `useStateValidator`, but tracks multiple states at a time | Function | NO       | Android/ios | YES               |
+| useMediatedState                                         | like the regular `useState` but with mediation by custom function | Function | NO       | Android/ios | YES               |
+| useFirstMountState                                       | check if current render is first                             | Function | NO       | Android/ios | YES               |
+| useRendersCount                                          | count component renders                                      | Function | NO       | Android/ios | YES               |
+| createGlobalState                                        | cross component shared state                                 | Function | NO       | Android/ios | YES               |
+| useMethods                                               | neat alternative to `useReducer`                             | Function | NO       | Android/ios | YES               |
+| createReducer                                            | factory of reducer hooks with custom middleware              | Function | NO       | web         | NO                |
+
+### Miscellaneous
+| Name                                                     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| :------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| useEnsuredForwardedRef                                   | use a React.forwardedRef safely                              | Function | NO       | Android/ios | YES               |
+
+## 遗留问题
+## 其他
+## 开源协议
+本项目基于 [The MIT License (MIT)](https://github.com/streamich/react-use/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/reanimated-props-backup.md b/en/reanimated-props-backup.md
new file mode 100644
index 00000000..f616895b
--- /dev/null
+++ b/en/reanimated-props-backup.md
@@ -0,0 +1,173 @@
+<!-- {% raw %} -->
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> 
+### Components
+
+This Animated object wraps React Native built-ins such as View,Text,ScrollView,Image or FlatList.
+
+| Name                | Description                                                          | Type      | Required | Platform        | HarmonyOS Support |
+| ------------------- | -------------------------------------------------------------------- | --------- | -------- | --------------- | ----------------- |
+| Animated.View       | This Animated object wraps React Native built-ins such as View       | component | No       | iOS Android Web | No                |
+| Animated.Text       | This Animated object wraps React Native built-ins such as Text       | component | No       | iOS Android Web | No                |
+| Animated.ScrollView | This Animated object wraps React Native built-ins such as ScrollView | component | No       | iOS Android Web | No                |
+| Animated.Image      | This Animated object wraps React Native built-ins such as Image      | component | No       | iOS Android Web | No                |
+| Animated.FlatList   | This Animated object wraps React Native built-ins such as FlatList   | component | No       | iOS Android Web | No                |
+
+### Animations
+
+| Name         | Description                                                                                                                                                                                                 | Type     | Required | Platform        | HarmonyOS Support |
+| ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------- | ----------------- |
+| withTiming   | lets you create an animation based on duration and easing.                                                                                                                                                  | Function | No       | iOS Android Web | No                |
+| withSpring   | lets you create spring-based animations.                                                                                                                                                                    | Function | No       | iOS Android Web | No                |
+| withDecay    | lets you create animations that mimic objects in motion with friction. The animation will start with the provided velocity and slow down over time according to the given deceleration rate until it stops. | Function | No       | iOS Android Web | No                |
+| withSequence | withSequence is an animation modifier that lets you run animations in a sequence.                                                                                                                           | Function | No       | iOS Android Web | No                |
+| withRepeat   | withRepeat is an animation modifier that lets you repeat an animation given number of times or run it indefinitely.                                                                                         | Function | No       | iOS Android Web | No                |
+| withDelay    | withDelay is an animation modifier that lets you start an animation with a delay.                                                                                                                           | Function | No       | iOS Android Web | No                |
+| withClamp    | withClamp is an animation modifier that lets you limit the scope of movement of your animation to make it stay within some predefined range. Use it with withSpring animation.                              | Function | No       | iOS Android Web | No                |
+
+### Core
+
+| Name                    | Description                                                                                                                                                                                                                 | Type     | Required | Platform        | HarmonyOS Support |
+| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------- | ----------------- |
+| useSharedValue          | useSharedValue lets you define shared values in your components.                                                                                                                                                            | Function | No       | iOS Android Web | No                |
+| useAnimatedStyle        | useAnimatedStyle lets you create a styles object, similar to StyleSheet styles, which can be animated using shared values.                                                                                                  | Function | No       | iOS Android Web | No                |
+| useAnimatedProps        | useAnimatedProps lets you create an animated props object which can be animated using shared values. This object is used to animate properties of third-party components.                                                   | Function | No       | iOS Android Web | No                |
+| useAnimatedRef          | useAnimatedRef lets you get a reference of a view. Used alongside measure, scrollTo, and useScrollViewOffset functions.                                                                                                     | Function | No       | iOS Android Web | No                |
+| useDerivedValue         | useDerivedValue lets you create new shared values based on existing ones while keeping them reactive.                                                                                                                       | Function | No       | iOS Android Web | No                |
+| createAnimatedComponent | createAnimatedComponent lets you create an Animated version of any React Native component. Wrapping a component with createAnimatedComponent allows Reanimated to animate any prop or style associated with that component. | Function | No       | iOS Android Web | No                |
+| cancelAnimation         | cancelAnimation lets you cancel a running animation paired to a shared value.                                                                                                                                               | Function | No       | iOS Android Web | No                |
+
+### Scroll
+
+| Name                     | Description                                                                                                                                                        | Type     | Required | Platform        | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | --------------- | ----------------- |
+| scrollTo                 | scrollTo lets you synchronously scroll to a given X or Y offset.                                                                                                   | Function | No       | iOS Android Web | No                |
+| useScrollViewOffset      | useScrollViewOffset lets you to create animations based on the offset of a ScrollView. The hook automatically detects if the ScrollView is horizontal or vertical. | Function | No       | iOS Android Web | No                |
+| useAnimatedScrollHandler | This is a convenience hook that returns an event handler reference which can be used with React Native's scrollable components.                                    | Function | No       | iOS Android Web | No                |
+
+### Device
+
+| Name                | Description                                                                                      | Type     | Required | Platform        | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------------------------------------------ | -------- | -------- | --------------- | ----------------- |
+| useAnimatedKeyboard | With the useAnimatedKeyboard hook, you can create animations based on current keyboard position. | Function | No       | iOS Android Web | No                |
+| useAnimatedSensor   | lets you create animations based on data from the device's sensors.                              | Function | No       | iOS Android Web | No                |
+| useReducedMotion    | lets you query the reduced motion system setting. You can use it to disable animations.          | Function | No       | iOS Android Web | No                |
+
+### Layout Animations
+
+| Name                  | Description                                                                                                        | Type                                                  | Required | Platform        | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------- | -------- | --------------- | ----------------- |
+| FadeIn                | FadeIn lets you create a fading animation.                                                                         | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FadeInRight           | FadeInRight lets you create a fading animation.                                                                    | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FadeInLeft            | FadeInLeft lets you create a fading animation.                                                                     | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FadeInUp              | FadeInUp lets you create a fading animation.                                                                       | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FadeInDown            | FadeInDown lets you create a fading animation.                                                                     | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FadeOut               | FadeOut lets you create a fading animation.                                                                        | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FadeOutRight          | FadeOutRight lets you create a fading animation.                                                                   | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FadeOutLeft           | FadeOutLeft lets you create a fading animation.                                                                    | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FadeOutUp             | FadeOutUp lets you create a fading animation.                                                                      | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FadeOutDown           | FadeOutDown lets you create a fading animation.                                                                    | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceIn              | BounceIn lets you create a bouncing animation.                                                                     | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceInRight         | BounceInRight lets you create a bouncing animation.                                                                | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceInLeft          | BounceInLeft lets you create a bouncing animation.                                                                 | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceInUp            | BounceInUp lets you create a bouncing animation.                                                                   | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceInDown          | BounceInDown lets you create a bouncing animation.                                                                 | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceOut             | BounceOut lets you create a bouncing animation.                                                                    | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceOutRight        | BounceOutRight lets you create a bouncing animation.                                                               | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceOutLeft         | BounceOutLeft lets you create a bouncing animation.                                                                | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceOutUp           | BounceOutUp lets you create a bouncing animation.                                                                  | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| BounceOutDown         | BounceOutDown lets you create a bouncing animation.                                                                | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipInEasyX           | FlipInEasyX lets you create animation based on rotation over specific axis.                                        | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipInEasyY           | FlipInEasyY lets you create animation based on rotation over specific axis.                                        | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipInXDown           | FlipInXDown lets you create animation based on rotation over specific axis.                                        | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipInXUp             | FlipInXUp lets you create animation based on rotation over specific axis.                                          | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipInYLeft           | FlipInYLeft lets you create animation based on rotation over specific axis.                                        | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipInYRight          | FlipInYRight lets you create animation based on rotation over specific axis.                                       | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipOutEasyX          | FlipOutEasyX lets you create animation based on rotation over specific axis.                                       | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipOutEasyY          | FlipOutEasyY lets you create animation based on rotation over specific axis.                                       | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipOutXDown          | FlipOutXDown lets you create animation based on rotation over specific axis.                                       | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipOutXUp            | FlipOutXUp lets you create animation based on rotation over specific axis.                                         | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipOutYLeft          | FlipOutYLeft lets you create animation based on rotation over specific axis.                                       | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| FlipOutYRight         | FlipOutYRight lets you create animation based on rotation over specific axis.                                      | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| LightSpeedInRight     | LightSpeedInRight lets you create an animation of a horizontally moving object with a change of opacity and skew.  | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| LightSpeedInLeft      | LightSpeedInLeft lets you create an animation of a horizontally moving object with a change of opacity and skew.   | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| LightSpeedOutRight    | LightSpeedOutRight lets you create an animation of a horizontally moving object with a change of opacity and skew. | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| LightSpeedOutLeft     | LightSpeedOutLeft lets you create an animation of a horizontally moving object with a change of opacity and skew.  | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| PinwheelIn            | PinwheelIn lets you create an animation based on rotation, scale, and opacity.                                     | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| PinwheelOut           | PinwheelOut lets you create an animation based on rotation, scale, and opacity.                                    | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RollInRight           | RollInRight lets you create an animation of a horizontally moving object with a rotation.                          | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RollInLeft            | RollInLeft lets you create an animation of a horizontally moving object with a rotation.                           | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RollOutRight          | RollOutRight lets you create an animation of a horizontally moving object with a rotation.                         | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RollOutLeft           | RollOutLeft lets you create an animation of a horizontally moving object with a rotation.                          | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RotateInDownLeft      | RotateInDownLeft lets you create a rotation animation.                                                             | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RotateInDownRight     | RotateInDownRight lets you create a rotation animation.                                                            | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RotateInUpLeft        | RotateInUpLeft lets you create a rotation animation.                                                               | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RotateInUpRight       | RotateInUpRight lets you create a rotation animation.                                                              | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RotateOutDownLeft     | RotateOutDownLeft lets you create a rotation animation.                                                            | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RotateOutDownRight    | RotateOutDownRight lets you create a rotation animation.                                                           | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RotateOutUpLeft       | RotateOutUpLeft lets you create a rotation animation.                                                              | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| RotateOutUpRight      | RotateOutUpRight lets you create a rotation animation.                                                             | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| SlideInRight          | SlideInRight lets you create an animation of horizontal or vertical moving object.                                 | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| SlideInLeft           | SlideInLeft lets you create an animation of horizontal or vertical moving object.                                  | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| SlideInUp             | SlideInUp lets you create an animation of horizontal or vertical moving object.                                    | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| SlideInDown           | SlideInDown lets you create an animation of horizontal or vertical moving object.                                  | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| SlideOutRight         | SlideOutRight lets you create an animation of horizontal or vertical moving object.                                | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| SlideOutLeft          | SlideOutLeft lets you create an animation of horizontal or vertical moving object.                                 | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| SlideOutUp            | SlideOutUp lets you create an animation of horizontal or vertical moving object.                                   | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| SlideOutDown          | SlideOutDown lets you create an animation of horizontal or vertical moving object.                                 | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| StretchInX            | StretchInX lets you create an animation based on scaling in X or Y axis.                                           | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| StretchInY            | StretchInY lets you create an animation based on scaling in X or Y axis.                                           | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| StretchOutX           | StretchOutX lets you create an animation based on scaling in X or Y axis.                                          | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| StretchOutY           | StretchOutY lets you create an animation based on scaling in X or Y axis.                                          | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomIn                | ZoomIn lets you create an animation based on scale.                                                                | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomInDown            | ZoomInDown lets you create an animation based on scale.                                                            | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomInEasyDown        | ZoomInEasyDown lets you create an animation based on scale.                                                        | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomInEasyUp          | ZoomInEasyUp lets you create an animation based on scale.                                                          | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomInLeft            | ZoomInLeft lets you create an animation based on scale.                                                            | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomInRight           | ZoomInRight lets you create an animation based on scale.                                                           | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomInRotate          | ZoomInRotate lets you create an animation based on scale.                                                          | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomInUp              | ZoomInUp lets you create an animation based on scale.                                                              | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomOut               | ZoomOut lets you create an animation based on scale.                                                               | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomOutDown           | ZoomOutDown lets you create an animation based on scale.                                                           | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomOutEasyDown       | ZoomOutEasyDown lets you create an animation based on scale.                                                       | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomOutEasyUp         | ZoomOutEasyUp lets you create an animation based on scale.                                                         | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomOutLeft           | ZoomOutLeft lets you create an animation based on scale.                                                           | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomOutRight          | ZoomOutRight lets you create an animation based on scale.                                                          | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomOutRotate         | ZoomOutRotate lets you create an animation based on scale.                                                         | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| ZoomOutUp             | ZoomOutUp lets you create an animation based on scale.                                                             | BaseAnimationBuilder                                  | No       | iOS Android Web | No                |
+| Keyframe              | define complex animation using simple and popular animation definitions schema                                     | InnerKeyframe as unknown as typeof ReanimatedKeyframe | No       | iOS Android Web | No                |
+| LayoutAnimationConfig | LayoutAnimationConfig is a component that lets you skip entering and exiting animations.                           | Component                                             | No       | iOS Android Web | No                |
+
+### Threading
+
+| Name                 | Description                                                                                                                                 | Type     | Required | Platform        | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------- | ----------------- |
+| runOnJS              | runOnJS lets you asynchronously run non-workletized functions that couldn't otherwise run on the UI thread.                                 | Function | No       | iOS Android Web | No                |
+| runOnUI              | runOnUI lets you asynchronously run workletized functions on the UI thread.                                                                 | Function | No       | iOS Android Web | No                |
+| createWorkletRuntime | createWorkletRuntime lets you create a new JS runtime which can be used to run worklets possibly on different threads than JS or UI thread. | Function | No       | iOS Android     | No                |
+
+### Utilities
+
+| Name              | Description                                                                                                                                                                               | Type     | Required | Platform        | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------- | ----------------- |
+| interpolate       | interpolate lets you map a value from one range to another using linear interpolation.                                                                                                    | Function | No       | iOS Android Web | Yes               |
+| clamp             | clamp lets you limit a value within a specified range.                                                                                                                                    | Function | No       | iOS Android Web | Yes               |
+| interpolateColor  | Maps input range to output colors using linear interpolation.                                                                                                                             | Function | No       | iOS Android Web | No                |
+| getRelativeCoords | Determines the location on the screen, relative to the given view. It might be useful when there are only absolute coordinates available and you need coordinates relative to the parent. | Function | No       | iOS Android Web | No                |
+
+### Advanced APIs
+
+| Name                | Description                                                                                                                                                                                                                           | Type     | Required | Platform        | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------- | ----------------- |
+| measure             | measure lets you synchronously get the dimensions and position of a view on the screen, all on the UI thread.                                                                                                                         | Function | No       | iOS Android Web | No                |
+| useAnimatedReaction | useAnimatedReaction allows you to respond to changes in a shared value. It's especially useful when comparing values previously stored in the shared value with the current one.                                                      | Function | No       | iOS Android Web | No                |
+| useFrameCallback    | useFrameCallback lets you run a function on every frame update.                                                                                                                                                                       | Function | No       | iOS Android Web | No                |
+| useEvent            | This is low-level hook returning event handler that will be invoked with native events, which should be used in order to create custom event handler hook like useAnimatedGestureHandler or useAnimatedScrollHandler.                 | Function | No       | iOS Android Web | No                |
+| useHandler          | This is low-level hook returning context object and value indicating whether worklet should be rebuilt, which should be used in order to create custom event handler hook like useAnimatedGestureHandler or useAnimatedScrollHandler. | Function | No       | iOS Android Web | No                |
+| dispatchCommand     | Allows to dispatch command on a native component synchronously from the UI thread.                                                                                                                                                    | Function | No       | iOS Android Web | No                |
+| setNativeProps      | setNativeProps lets you imperatively update component properties.                                                                                                                                                                     | Function | No       | iOS Android Web | No                |
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/reassure.md b/en/reassure.md
new file mode 100644
index 00000000..5a0b0ddd
--- /dev/null
+++ b/en/reassure.md
@@ -0,0 +1,195 @@
+
+
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>reassure</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/callstack/reassure">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20Windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/callstack/reassure/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/callstack/reassure)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install reassure@1.0.0
+```
+
+#### **yarn**
+
+```bash
+yarn add reassure@1.0.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+文件名称结尾必须包含`.perf-test.`，比如：MeasureFunction.perf-test.tsx
+
+```js
+import {measureFunction} from 'reassure';
+import {test} from '@jest/globals';
+
+function fib(n: number): number {
+  if (n <= 1) {
+    return n;
+  }
+
+  return fib(n - 1) + fib(n - 2);
+}
+
+test('MeasureFunction runs 10', async () => {
+  await measureFunction(() => fib(20), {runs: 10});
+});
+
+test('MeasureFunction runs 20', async () => {
+  await measureFunction(() => fib(30), {runs: 20});
+});
+
+test('MeasureFunction warmupRuns 10', async () => {
+  await measureFunction(() => fib(30), {warmupRuns: 10});
+});
+
+test('MeasureFunction warmupRuns 20', async () => {
+  await measureFunction(() => fib(30), {warmupRuns: 20});
+});
+
+test('MeasureFunction writeFile false', async () => {
+  await measureFunction(() => fib(30), {writeFile: false});
+});
+
+test('MeasureFunction writeFile true', async () => {
+  await measureFunction(() => fib(30), {writeFile: true});
+});
+
+```
+
+## 基础配置
+
+### 配置 jest.config.js
+
+```js
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: 'react-native',
+  setupFilesAfterEnv: ['./jest-setup.js'],
+};
+```
+
+### 配置 jest-setup.js
+
+```js
+/* eslint-disable no-undef */
+import {configure} from 'reassure';
+
+configure({testingLibrary: 'react-native'});
+
+```
+
+### 安装 jest
+
+如已安装 jest，可忽略
+
+```shell
+npm install --save-dev jest@29.2.1
+```
+
+###  安装 babel-jest
+
+如已安装 babel-jest，可忽略
+
+```shell
+npm instal --save-dev babel-jest@29.2.1
+```
+
+### 安装 @testing-library/react-native
+
+```shell
+npm install --save-dev @testing-library/react-native@12.5.2
+```
+
+## 生成性能报告
+
+```shell
+npx reassure
+```
+
+性能报告默认在当前工程根目录的`.reassure`文件夹中
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25 (API Version 12 Canary4); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+## API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| measureRenders  | rendering the passed screen inside a `React.Profiler` component, measuring its performance and writing results to the output file | async function measureRenders(<br/>  ui: React.ReactElement,<br/>  options?: MeasureRendersOptions,<br/>): Promise<MeasureResults> { | no       | all      | yes               |
+| measureFunction | Allows you to wrap any synchronous function, measure its performance and write results to the output file | async function measureFunction(<br/>  fn: () => void,<br/>  options?: MeasureFunctionOptions,<br/>): Promise<MeasureResults> { | no       | all      | yes               |
+| resetToDefaults | Reset current config to the original `defaultConfig` object  | Function                                                     | no       | all      | yes               |
+
+**MeasureRendersOptions**
+
+| Name       | Description                                                  | Type                                                | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | --------------------------------------------------- | -------- | -------- | ----------------- |
+| runs       | number of runs per series for the particular test            | number                                              | no       | all      | yes               |
+| warmupRuns | number of additional warmup runs that will be done and discarded before the actual runs | number                                              | no       | all      | yes               |
+| wrapper    | React component, such as a Provider, which the ui will be wrapped with | React.ComponentType<{children: React.ReactElement}> | no       | all      | yes               |
+| scenario   | a custom async function, which defines user interaction within the ui by utilized RNTL functions | (screen: any) => Promise<any>                       | no       | all      | yes               |
+| writeFile  | should write output to file                                  | boolean                                             | no       | all      | yes               |
+
+**MeasureFunctionOptions**
+
+| Name       | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| runs       | number of runs per series for the particular test            | number  | no       | all      | yes               |
+| warmupRuns | number of additional warmup runs that will be done and discarded before the actual runs | number  | no       | all      | yes               |
+| writeFile  | should write output to file                                  | boolean | no       | all      | yes               |
+
+**configure**
+
+| Name           | Description                                                  | Type           | Required | Platform | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | -------------- | -------- | -------- | ----------------- |
+| runs           | number of runs per series for the particular test            | number         | no       | all      | yes               |
+| warmupRuns     | number of additional warmup runs that will be done and discarded before the actual runs | number         | no       | all      | yes               |
+| outputFile     | should write output to file                                  | boolean        | no       | all      | yes               |
+| verbose | make Reassure log more, e.g. for debugging purposes | boolean | no | all | yes   |
+| testingLibrary | where to look for `render` and `cleanup` functions           | TestingLibrary | no       | all      | yes               |
+
+**dangerReassure**
+
+| Name          | Description                | Type   | Required | Platform | HarmonyOS Support |
+| ------------- | -------------------------- | ------ | -------- | -------- | ----------------- |
+| inputFilePath | Enter the path to the file | number | no       | all      | yes               |
+| debug         | Enable the debug mode.     | number | no       | all      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/callstack/reassure/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/recyclerListView.md b/en/recyclerListView.md
new file mode 100644
index 00000000..3b523209
--- /dev/null
+++ b/en/recyclerListView.md
@@ -0,0 +1,223 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>RecyclerListView</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Flipkart/recyclerlistview">
+        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Flipkart/recyclerlistview/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/Flipkart/recyclerlistview)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install recyclerlistview@4.2.0
+```
+
+#### **yarn**
+
+```bash
+yarn add recyclerlistview@4.2.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, {useState} from 'react';
+import {View, Dimensions, Alert, Text} from 'react-native';
+import {RecyclerListView, DataProvider} from 'recyclerlistview';
+import {LayoutProvider} from 'recyclerlistview';
+
+const ViewTypes = {
+  FIRST: 0,
+  SECOND: 1,
+  THIRD: 2,
+};
+
+class LayoutUtil {
+  static getWindowWidth() {
+    // To deal with precision issues on android
+    return Math.round(Dimensions.get('window').width * 1000) / 1000 - 6; //Adjustment for margin given to RLV;
+  }
+  static getLayoutProvider(type) {
+    return new LayoutProvider(
+      index => {
+        if (index % 3 === 0) {
+          return ViewTypes.FIRST;
+        } else if (index % 2 === 0) {
+          return ViewTypes.SECOND;
+        } else {
+          return ViewTypes.THIRD;
+        }
+      },
+      (type, dim, index) => {
+        const columnWidth = LayoutUtil.getWindowWidth() / 3;
+        if (index % 3 === 0) {
+          dim.width = 3 * columnWidth;
+          dim.height = 150;
+        } else if (index % 2 === 0) {
+          dim.width = 2 * columnWidth;
+          dim.height = 100;
+        } else {
+          dim.width = columnWidth;
+          dim.height = 100;
+        }
+      },
+    );
+  }
+}
+
+const generateArray = n => {
+  let arr = new Array(n);
+  for (let i = 0; i < n; i++) {
+    arr[i] = i;
+  }
+  return arr;
+};
+
+export const RecyclerListViewBaseDemo = () => {
+  let {width} = Dimensions.get('window');
+
+  let dataProviderInit = new DataProvider((r1, r2) => {
+    return r1 !== r2;
+  });
+
+  const [dataProvider, setDataProvider] = useState(
+    dataProviderInit.cloneWithRows(generateArray(300)),
+  );
+
+  const rowRenderer = (type, data) => {
+    switch (type) {
+      case ViewTypes.FIRST:
+        return (
+          <View style={styles.containerFirst}>
+            <Text style={styles.centerText}>{data}</Text>
+          </View>
+        );
+      case ViewTypes.SECOND:
+        return (
+          <View style={styles.containerSecond}>
+            <Text style={styles.centerText}>{data}</Text>
+          </View>
+        );
+      case ViewTypes.THIRD:
+        return (
+          <View style={styles.containerThree}>
+            <Text style={styles.centerText}>{data}</Text>
+          </View>
+        );
+      default:
+        return null;
+    }
+  };
+
+  return (
+    <RecyclerListView
+      layoutProvider={LayoutUtil.getLayoutProvider(0)}
+      dataProvider={dataProvider}
+      rowRenderer={rowRenderer}
+    />
+  );
+};
+
+export default RecyclerListViewBaseDemo;
+
+const styles = {
+  containerFirst: {
+    justifyContent: 'space-around',
+    alignItems: 'center',
+    flex: 1,
+    backgroundColor: '#00a1f1',
+  },
+  containerSecond: {
+    justifyContent: 'space-around',
+    alignItems: 'center',
+    flex: 1,
+    backgroundColor: '#ffbb00',
+  },
+  containerThree: {
+    justifyContent: 'space-around',
+    alignItems: 'center',
+    flex: 1,
+    backgroundColor: '#7cbb00',
+  },
+  centerText: {
+    fontSize: 30,
+    fontWeight: 'bold',
+    color: '#000000',
+  },
+};
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name            | Description                                                                                                                                         | Type                                                                                                                       | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| layoutProvider | Constructor function that <br>defines the layout (height /<br> width) of each element | BaseLayoutProvider | Yes      | iOS Android | Yes |
+| dataProvider | Constructor function the <br>defines the data for each element | DataProvider | Yes | iOS Android | Yes |
+| contextProvider | Used to maintain scroll position <br>in case view gets destroyed,  which <br>often happens with back navigation | ContextProvider | No | iOS Android | Yes |
+| rowRenderer | Method that returns react <br>component to be rendered.<br> You get the type, data, index <br>and extendedState of the view <br>in the callback | function | Yes | iOS Android | Yes               |
+| initialOffset | Initial offset you want to start<br> rendering from; This is very useful<br> if you want to maintain scroll context<br> across pages. | number | No | iOS Android | Yes              |
+| renderAheadOffset | specify how many pixels in <br>advance you want views to <br>be rendered. Increasing this<br> value can help reduce blanks <br>(if any).However, keeping this<br> as low as possible .should be <br>the intent Higher values also .<br>increase re-render compute | number | No | iOS Android | Yes |
+| isHorizontal | If true, the list will operate<br> horizontally .rather than vertically | boolean | No | iOS Android | Yes               |
+| onScroll | On scroll callback function that <br>executes. as a user scrolls | function | No | iOS Android | Yes             |
+| onRecreate | callback function that gets <br>executed. when recreating the <br>recycler view from context provider | function | No | iOS Android | Yes                |
+| externalScrollView | Use this to pass your on<br> implementation of BaseScrollView | { new (props: ScrollViewDefaultProps): BaseScrollView } | No | iOS Android | Yes               |
+| onEndReached | Callback function executed <br>when the end of the view is hit <br>(minus onEndThreshold if defined) | function | No | iOS Android | Yes               |
+| onEndReachedThreshold | Specify how many pixels in advance <br>for the onEndReached callback | number | No | iOS Android | Yes |
+| onEndReachedThresholdRelative | Specify how far from the end <br>(in units of visible length of the list)<br> the bottom edge of the list must be  <br>from theend of the content to trigger  <br>the onEndReached callback | number | No | iOS Android | Yes               |
+| onVisibleIndicesChanged | Provides visible index; <br> helpful in sending impression events | TOnItemStatusChanged | No | iOS Android | Yes              |
+| renderFooter | Provide this method if you want to <br>render a footer. Helpful in showing <br>a loader while doing incremental loads | function | No | iOS Android | Yes               |
+| initialRenderIndex | Specify the initial item index you<br> want rendering to start from. Preferred <br>over initialOffset if both specified | number | No | iOS Android | Yes          |
+| scrollThrottle | iOS only; Scroll throttle duration | number | No | iOS | No |
+| canChangeSize | Specify if size can change | boolean | No | iOS Android | Yes               |
+| applyWindowCorrection | (Enhancement/replacement to <br>distanceFromWindow API) Allows  <br>updation of the visible windowBounds <br> to based on correctional values passed. <br>User can specify windowShift; in case <br>entire RecyclerListWindow needs to <br>shift down/up, startCorrection; in case <br>when top window bound needs to be <br>shifted for e.x. top window bound to be <br> shifted down is a content overlapping <br>the top edge of RecyclerListView,<br> endCorrection: to alter bottom window<br>  bound for a similar use-case. | function | No | iOS Android | Yes |
+| disableRecycling | Turns off recycling | boolean| No | iOS Android | Yes               |
+| forceNonDeterministicRendering | Default is false; <br> if enabled dimensions<br> provided in layout  provider <br>will not be strictly enforced.<br> Use  this if item dimensions <br>cannot be accurately determined | boolean | No | iOS Android | Yes |
+| extendedState | In some cases the data passed at row <br>level may not contain all the info that <br>the item depends upon,you can keep <br>all other info outside and pass it down <br>via this prop. Changing this object <br> willcause everything to re-render. Make sureyou don't change it often to ensure<br> performance. Re-renders are heavy. | object | No | iOS Android | Yes |
+| itemAnimator | Enables animating RecyclerListView<br> item cells (shift, add, remove, etc) | ItemAnimator | No | iOS Android | Yes                |
+| style | To pass down style to inner ScrollView | object | No | iOS Android  | Yes  |
+| scrollViewProps | For all props that need to be proxied <br>to inner/external scrollview. Put them <br>in an object and they'll be spread and passed down. | object | No | iOS Android | Yes    |
+| layoutSize | Will prevent the initial empty render <br>required to compute the size of the<br> listview and use these dimensions to <br>render list items in the first render <br>itself. This is useful for cases such<br> as server side rendering. The prop canChangeSize has to be set to true<br> if the size can be changed after <br>rendering. Note that this is not the scroll view size and is used solely for layouting. | Dimension | No | iOS Android | Yes              |
+| onItemLayout | A callback function that is executed<br> when an item of the recyclerListView<br> (at an index) has been layout. This can also be used as a proxy to itemsRendered kind of callbacks. | number | No | iOS Android | Yes          |
+| windowCorrectionConfig | Used to specify is window<br> correction config and whether<br> it should be applied to some <br>scroll events | object | No | iOS Android | Yes               |
+
+## 遗留问题
+
+- [ ] 接口scrollThrottle不支持: [issue#785](https://github.com/Flipkart/recyclerlistview/issues/785)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License 2.0](https://github.com/Flipkart/recyclerlistview/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-actions.md b/en/redux-actions.md
new file mode 100644
index 00000000..c4b3d926
--- /dev/null
+++ b/en/redux-actions.md
@@ -0,0 +1,309 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>redux-actions</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/redux-utilities/redux-actions">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/redux-utilities/redux-actions/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/redux-utilities/redux-actions)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install redux-actions@2.6.5
+
+// typescript 项目需下载对应包的类型声明
+npm i @types/redux-actions -D
+```
+
+#### **yarn**
+
+```bash
+yarn add redux-actions@2.6.5
+
+// typescript 项目需下载对应包的类型声明
+yarn add @types/redux-actions -D
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+运行demo还需安装以下依赖：
+
+```bash
+npm install redux@^5.0.1
+npm install react-redux@^9.1.0
+```
+
+1.定义state的类型
+
+// LoginType.ts
+
+```ts
+export interface IAppUser {
+  id: string;
+  name: string;
+}
+```
+
+2.定义action
+
+// loginAction.ts
+
+```ts
+import { IAppUser } from "./loginType";
+import { createActions } from "redux-actions";
+
+export const LOGIN_ACTION = {
+  LOGIN: "login",
+  LOGOUT: "logout",
+  CHANGENAME: "changName",
+};
+
+export default createActions({
+  [LOGIN_ACTION.LOGIN]: (appUser: IAppUser) => appUser,
+  [LOGIN_ACTION.LOGOUT]: () => null,
+  [LOGIN_ACTION.CHANGENAME]: (appUser: IAppUser) => appUser,
+});
+```
+
+3.定义reducer
+
+// loginReducer.ts
+
+```ts
+import { LOGIN_ACTION } from "./loginAction";
+import {
+  Action,
+  handleActions as createReducers,
+  combineActions,
+} from "redux-actions";
+import { IAppUser } from "./loginType";
+
+const defaultState = {
+  // defautl value 不能为null
+  appUser: {},
+};
+
+export default createReducers(
+  {
+    // payload 参数名固定，类型推导
+    [LOGIN_ACTION.LOGIN]: (state, { payload }: Action<IAppUser>) => {
+      console.log("createReducers LOGIN_ACTION.LOGIN", JSON.stringify(payload));
+      return {
+        ...state,
+        appUser: payload,
+      };
+    },
+    // 异常处理
+    [LOGIN_ACTION.LOGOUT]: {
+      next(state) {
+        console.log("createReducers LOGIN_ACTION.LOGOUT", JSON.stringify({}));
+        return {
+          ...state,
+          appUser: {},
+        };
+      },
+      throw(state) {
+        return state;
+      },
+    },
+    [`${combineActions(LOGIN_ACTION.LOGIN, LOGIN_ACTION.CHANGENAME)}`]: (
+      state,
+      { payload }: Action<IAppUser>,
+    ) => {
+      console.log(
+        "createReducers combineActions",
+        JSON.stringify(state.appUser),
+        "action" + JSON.stringify(payload),
+      );
+      return {
+        ...state,
+        appUser: payload,
+      };
+    },
+  },
+  defaultState,
+);
+```
+
+4.定义store
+
+// loginStore.ts
+
+```ts
+import { legacy_createStore as createStore, combineReducers } from "redux";
+import loginReducer from "./loginReducer";
+
+export const rootReducer = combineReducers({
+  login: loginReducer,
+});
+
+const store = createStore(rootReducer);
+
+export type RootState = ReturnType<typeof rootReducer>;
+export type AppDispatch = typeof store.dispatch;
+export default store;
+```
+
+5.通过connector将state和action挂载到组件
+
+// loginDemo.tsx
+
+```tsx
+import { connect, ConnectedProps } from "react-redux";
+import { Button, View, Text, StyleSheet } from "react-native";
+import { RootState } from "./loginStore";
+import actions, { LOGIN_ACTION } from "./loginAction";
+
+const mapState = (state: RootState) => ({
+  appUser: state.login.appUser,
+});
+
+const mapDispatch = {
+  onLogin: actions[LOGIN_ACTION.LOGIN],
+  onLogout: actions[LOGIN_ACTION.LOGOUT],
+  onChangeName: actions[LOGIN_ACTION.CHANGENAME],
+};
+
+const connector = connect(mapState, mapDispatch);
+type PropsFromRedux = ConnectedProps<typeof connector>;
+
+const Login = (props: PropsFromRedux) => {
+  return (
+    <View style={styles.viewStyle}>
+      <View style={styles.viewTextStyle}>
+        <Text style={styles.textStyle}>
+          appUser：{JSON.stringify(props.appUser)}
+        </Text>
+      </View>
+      <View style={styles.viewTextStyle}>
+        <Button
+          title="修改appUser"
+          onPress={() => {
+            props.onLogin({ id: "1", userName: "123" });
+          }}
+        />
+      </View>
+      <View style={styles.viewTextStyle}>
+        <Button
+          title="修改appUser name"
+          onPress={() => {
+            props.onChangeName({ id: "1", userName: "456" });
+          }}
+        />
+      </View>
+      <Button title="清空appUser" onPress={props.onLogout} />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  viewStyle: {
+    display: "flex",
+    flexDirection: "column",
+    width: 300,
+  },
+  viewTextStyle: {
+    marginBottom: 10,
+  },
+  textStyle: {
+    fontSize: 20,
+  },
+});
+
+export default connector(Login);
+```
+
+6.使用
+
+// index.tsx
+
+```tsx
+import { Provider } from "react-redux";
+import { StyleSheet, View } from "react-native";
+import store from "./loginStore";
+import Login from "./loginDemo";
+
+// 导出组件
+export default function ReduxDemo() {
+  return (
+    <Provider store={store}>
+      <View style={styles.container}>
+        <Login />
+      </View>
+    </Provider>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
+  },
+
+  counterViewStyle: {
+    backgroundColor: "pink",
+    width: 200,
+    height: 60,
+
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-around",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                                               | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| createAction(type, payloadCreator, metaCreator)                    | Calling createAction with a type will return an action creator for dispatching actions. type must implement toString and is the only required parameter for createAction.payloadCreator must be a function, undefined, or null. If payloadCreator is undefined or null, the identity function is used. metaCreator is an optional function that creates metadata for the payload. It receives the same arguments as the payload creator, but its result becomes the meta field of the resulting action. If metaCreator is undefined or not a function, the meta field is omitted. | Function | no       | android/ios | yes               |
+| createActions(actionMap[, options], ...identityActions[, options]) | Returns an object mapping action types to action creators. Returns an object mapping action types to action creators. actionMap is an object which can optionally have a recursive data structure, with action types as keys, and whose values must be either. identityActions is an optional list of positional string arguments that are action type strings; these action types will use the identity payload creator.                                                                                                                                                         | Function | no       | android/ios | yes               |
+| handleAction(type, reducer\|reducerMap, defaultState)              | Wraps a reducer so that it only handles Flux Standard Actions of a certain type. If a reducer function is passed, it is used to handle both normal actions and failed actions.You can use this form if you know a certain type of action will never fail, like the increment example above. if the reducer argument (reducer) is undefined, then the identity function is used. The third parameter defaultState is required, and is used when undefined is passed to the reducer.                                                                                                | Function | no       | android/ios | yes               |
+| handleActions(reducerMap, defaultState[, options])                 | Creates multiple reducers using handleAction() and combines them into a single reducer that handles multiple actions. Accepts a map where the keys are passed as the first parameter to handleAction() (the action type), and the values are passed as the second parameter (either a reducer or reducer map). The map must not be empty.                                                                                                                                                                                                                                         | Function | no       | android/ios | yes               |
+| combineActions(...types)                                           | Combine any number of action types or action creators. types is a list of positional arguments which can be action type strings, symbols, or action creators.                                                                                                                                                                                                                                                                                                                                                                                                                     | Function | no       | android/ios | yes               |
+
+## 遗留问题
+
+当前推荐使用2.6.5版本，若更新到3.0.0版本原库会有如下已知问题：
+
+- [ ] 编译错误：this package itself specifies a `main` module field that could not be resolved[issue#1967](https://github.com/pmndrs/zustand/discussions/1967)
+- [ ] 运行错误：import.meta' is currently unsupported Buffer size 12286 starts with[issue#394](https://github.com/redux-utilities/redux-actions/issues/394)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/redux-utilities/redux-actions/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-logger.md b/en/redux-logger.md
new file mode 100644
index 00000000..06992b9e
--- /dev/null
+++ b/en/redux-logger.md
@@ -0,0 +1,89 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>redux-logger</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/LogRocket/redux-logger">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/TehShrike/deepmerge/blob/master/license.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/LogRocket/redux-logger)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install redux-logger@^3.0.6
+```
+
+#### **yarn**
+
+```bash
+yarn add redux-logger@^3.0.6
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+场景一：
+
+```js
+import { applyMiddleware, createStore } from "redux";
+// Logger with default options
+import logger from "redux-logger";
+const store = createStore(reducer, applyMiddleware(logger));
+```
+
+场景二：
+
+```js
+import { applyMiddleware, createStore } from "redux";
+import { createLogger } from "redux-logger";
+
+const logger = createLogger({
+  // ...options
+});
+
+const store = createStore(reducer, applyMiddleware(logger));
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name         | Description    | Type     | Required | Platform    | HarmonyOS Support |
+| ------------ | -------------- | -------- | -------- | ----------- | ----------------- |
+| logger       | default logger | Function | no       | ios/android | yes               |
+| createLogger | options logger | Function | no       | ios/android | yes               |
+
+## 遗留问题s
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/LogRocket/redux-logger/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-persist.md b/en/redux-persist.md
new file mode 100644
index 00000000..be913e39
--- /dev/null
+++ b/en/redux-persist.md
@@ -0,0 +1,160 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>redux-persist</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/rt2zz/redux-persist/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/rt2zz/redux-persist)
+
+## 安装与使用
+
+#### **yarn**
+
+```bash
+yarn add redux-persist@6.0.0
+```
+
+#### **npm**
+
+```bash
+npm install redux-persist@6.0.0
+```
+
+实现持久化效果还需依赖` HarmonyOS 化的async-storage` 库用于原生数据库读写，安装使用文档如下：
+
+> [async-storage 安装使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-async-storage-async-storage.md)
+
+<!-- tabs:end -->
+
+下面展示了这个库的基本使用场景：
+
+1.创建一个命名为store.ts的文件
+
+```ts
+import { configureStore, combineReducers } from "@reduxjs/toolkit";
+
+import {
+  persistStore,
+  persistReducer,
+  FLUSH,
+  REHYDRATE,
+  PAUSE,
+  PERSIST,
+  PURGE,
+  REGISTER,
+  createTransform,
+} from "redux-persist";
+
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { cartTransform } from "./cartTransform";
+
+import productReducer from "./product";
+import commentsReducer from "./comments";
+import uiControlReducer from "./uiControl";
+import shoppingCartReducer from "./shoppingCart";
+
+// 持久化配置
+const persistConfig = {
+  key: "root",
+  storage: AsyncStorage,
+  // 如下配置为不持久化 评论数据
+  blacklist: ["comments", "shoppingCart"],
+  // 持久化的 reducer
+  // whitelist: [ 'products', 'uiControl', 'shoppingCart']
+  // debug: false,
+  throttle: 50,
+  // keyPrefix: '',
+  // serialize: false
+};
+
+// 购物车持久化配置
+const cartPersistConfig = {
+  key: "cart",
+  storage: AsyncStorage,
+  transforms: [cartTransform],
+};
+
+const reducers = combineReducers({
+  products: productReducer, // 商品
+  comments: commentsReducer, // 商品评论
+  uiControl: uiControlReducer, // 页面跳转配置
+  shoppingCart: persistReducer(cartPersistConfig, shoppingCartReducer), // 购物车数据
+});
+
+const rootStore = configureStore({
+  reducer: persistReducer(persistConfig, reducers),
+  // 忽略 redux-persist 的action，不配置会报错。
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware({
+      serializableCheck: {
+        ignoredActions: [FLUSH, REHYDRATE, REGISTER, PAUSE, PERSIST, PURGE],
+      },
+    }),
+});
+
+export type AppStore = typeof rootStore;
+
+export type RootState = ReturnType<typeof rootStore.getState>;
+export type AppDispatch = typeof rootStore.dispatch;
+
+export const persistRootStore = persistStore(rootStore);
+
+export default rootStore;
+```
+
+2.创建store.ts的文件后，在<code>&lt;App&gt;</code>的外层放置一个<code>&lt;PersistGate&gt;</code>，并将 persistRootStore 作为 prop 传递
+
+```ts
+import store, {persistRootStore} from './store'
+    ...
+    <Provider store={store}>
+      <PersistGate loading={null} persistor={persistRootStore}>
+        <App />
+      </PersistGate>
+    </Provider>
+```
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.11;
+   SDK：OpenHarmony(api11) 4.1.0.53;
+   IDE：DevEco Studio 4.1.3.412;
+   ROM：2.0.0.52;
+2. RNOH：0.72.13;
+   SDK：HarmonyOS NEXT Developer Preview1;
+   IDE：DevEco Studio 4.1.3.500;
+   ROM：2.0.0.58;
+3. RNOH：0.72.13;
+   SDK：HarmonyOS NEXT Developer Preview1;
+   IDE：DevEco Studio 4.1.3.500;
+   ROM：2.0.0.59;
+
+## 静态方法
+
+详情查看[redux-persist 官方文档](https://github.com/rt2zz/redux-persist/blob/master/README.md#api)
+
+#### **Hooks**
+
+| Name                            | Description                                                                               | Type     | Required | HarmonyOS Support |
+| ------------------------------- | ----------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| persistReducer(config, reducer) | returns an enhanced reducer                                                               | function | NO       | yes               |
+| persistStore(store)             | returns persistor object with the following methods .purge() .flush() .pause() .persist() | function | NO       | yes               |
+| createMigrate(migrations)       | Create a new version of the store                                                         | function | NO       | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/rt2zz/redux-persist/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-thunk.md b/en/redux-thunk.md
new file mode 100644
index 00000000..04c01309
--- /dev/null
+++ b/en/redux-thunk.md
@@ -0,0 +1,160 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>redux-thunk</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/reduxjs/redux-thunk?tab=readme-ov-file">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/reduxjs/redux-thunk?tab=MIT-1-ov-file">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/reduxjs/redux-thunk)
+
+## 安装与使用
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install redux-thunk@3.1.0
+```
+
+#### **yarn**
+
+```bash
+yarn add redux-thunk@3.1.0
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+1.在Redux store中引入redux-thunk中间件
+
+```js
+import React from "react";
+import { Provider } from "react-redux";
+import reducers from "./reducers";
+import { thunk } from "redux-thunk";
+import { legacy_createStore as createStore, applyMiddleware } from "redux";
+import App from "./components/App";
+
+const store = createStore(reducers, applyMiddleware(thunk));
+
+export const TodosExample = () => {
+  return (
+    <Provider store={store}>
+      <App />
+    </Provider>
+  );
+};
+```
+
+2.编写一个异步操作的action creator
+
+```
+//使用定时器
+export const addTodoasync=(text) =>{
+    return dispatch => {
+      setTimeout(() => {
+        dispatch(addTodo(text))
+      }, 3000)
+    }
+  }
+
+  //发起网路请求
+export const fetchUser = () => {
+  return (dispatch) => {
+    dispatch({ type: 'FETCH_USER_REQUEST' });
+    fetch('https://github.com/service/https://jsonplaceholder.typicode.com/users/1')
+      .then((response) => response.json())
+      .then((user) => {
+        dispatch({ type: 'FETCH_USER_SUCCESS', payload: user });
+      }).catch((error) => {
+        dispatch({ type: 'FETCH_USER_FAILURE', payload: error.message });
+      });
+  };
+  ...
+```
+
+3.在组件中dispatch这个action
+
+```
+...
+let AddTodo = ({ dispatch }) => {
+    let input;
+    return (
+        <View style={styles.container}>
+ ...
+			<View style={styles.inputContainer}>
+                <TextInput style={styles.input}
+                    onChangeText={text => {
+                        input = text
+                    }}
+                />
+            </View>
+            <TouchableOpacity style={styles.btn}
+                onPress={() => {
+                    dispatch(addTodoasync(input))
+                }}
+            >
+                <Text style={styles.search}>异步添加</Text>
+            </TouchableOpacity>
+        </View>
+    )
+}
+...
+AddTodo = connect()(AddTodo);
+export default AddTodo
+```
+
+## 约束与限制
+
+## 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
+2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+> 详情见 [redux-thunk 源库地址](https://github.com/reduxjs/redux-thunk)
+
+| Name                | Description                              | Type            | Required | Platform | HarmonyOS Support |
+| ------------------- | ---------------------------------------- | --------------- | -------- | -------- | ----------------- |
+| thunk               | Thunk中间件实例                          | ThunkMiddleware | yes      | All      | yes               |
+| ThunkAction         | ThunkAction类型继承自Redux Action        | Action          | no       | All      | yes               |
+| ThunkActionDispatch | 接受一个thunk action创建器并返回一个函数 | Any             | no       | All      | yes               |
+| ThunkDispatch       | Thunk重载的dispatch接口                  | Interface       | no       | All      | yes               |
+| ThunkMiddleware     | TThunk中间件类型                         | Middleware      | no       | All      | yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                             | Description         | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------------------------------ | ------------------- | -------- | -------- | -------- | ----------------- |
+| withExtraArgument(extraArgument?: ExtraThunkArg) | 创建Thunk中间件方法 | function | no       | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux-thunk?tab=MIT-1-ov-file)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-toolkit.md b/en/redux-toolkit.md
new file mode 100644
index 00000000..337da3dc
--- /dev/null
+++ b/en/redux-toolkit.md
@@ -0,0 +1,230 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>redux-toolkit</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/reduxjs/redux-toolkit?tab=readme-ov-file">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/reduxjs/redux-toolkit?tab=MIT-1-ov-file">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/reduxjs/redux-toolkit)
+
+## 安装与使用
+
+> [!tip] 该库依赖react-redux，可参考[react-redux文档](./react-redux.md)安装
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[redux-toolkit Releases](https://github.com/reduxjs/redux-toolkit/releases)，并下载适用版本的 tgz 包。
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @reduxjs/toolkit@2.2.1
+```
+
+#### **yarn**
+
+```bash
+yarn add @reduxjs/toolkit@2.2.1
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+1.在index.js入口文件引入provider组件，并添加sotre属性
+
+```js
+// index.js
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.css";
+import App from "./App";
+import { store } from "./app/store";
+import { Provider } from "react-redux";
+
+ReactDOM.render(
+  <Provider store={store}>
+    <App />
+  </Provider>,
+  document.getElementById("root"),
+);
+```
+
+2.创建一个createSlice切片，并将reducer属性导出：
+
+```js
+// features/counter/counterSlice.js
+import { createSlice } from '@reduxjs/toolkit'
+import type { PayloadAction } from '@reduxjs/toolkit'
+
+export interface CounterState {
+  value: number
+}
+
+const initialState: CounterState = {
+  value: 0,
+}
+
+export const counterSlice = createSlice({
+  name: 'counter',
+  initialState,
+  reducers: {
+    increment: (state) => {
+      state.value += 1
+    },
+    decrement: (state) => {
+      state.value -= 1
+    },
+    incrementByAmount: (state, action: PayloadAction<number>) => {
+      state.value += action.payload
+    },
+  },
+})
+
+export const { increment, decrement, incrementByAmount } = counterSlice.actions
+
+export default counterSlice.reducer
+```
+
+3.创建store.js使用configureStore引入上面导出的reducer
+
+```js
+// app/store.js
+import { configureStore } from '@reduxjs/toolkit'
+import counterReducer from '../features/counter/counterSlice'
+
+export const store = configureStore({
+  reducer: {
+    counter: counterReducer,
+  },
+})
+
+export type RootState = ReturnType<typeof store.getState>
+
+export type AppDispatch = typeof store.dispatch
+```
+
+4.编写conter组件实现简单的增加减少计数
+
+```js
+// features/counter/Counter.js
+import React from 'react'
+import {View, Button, Text} from 'react-native'
+import type { RootState } from '../../app/store'
+import { useSelector, useDispatch } from 'react-redux'
+import { decrement, increment } from './counterSlice'
+
+export function Counter() {
+  const count = useSelector((state: RootState) => state.counter.value)
+  const dispatch = useDispatch()
+
+  return (
+    <View>
+      <View>
+        <Button
+          title="Increment value"
+          onClick={() => dispatch(increment())}
+        >
+        </Button>
+        <Text>{count}</Text>
+        <Button
+          title="Decrement value"
+          onClick={() => dispatch(decrement())}
+        >
+          Decrement
+        </Button>
+      </View>
+    </View>
+  )
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+
+## 方法和属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>
+> 详情见 [redux-toolkit 源库地址](https://github.com/reduxjs/redux-toolkit)
+
+| Name                     | Description                                       | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| configureStore           | 创建store的方法                                   | Function | yes      | All      | yes               |
+| reducer                  | configureStore参数，reducer对象                   | Object   | yes      | All      | yes               |
+| middleware               | configureStore参数，存放中间件的数组              | Array    | yes      | All      | yes               |
+| devTools                 | configureStore参数，浏览器调试用具                | Boolean  | yes      | Web      | no                |
+| preloadedState           | configureStore参数，默认的state值                 | Object   | yes      | All      | yes               |
+| enhancers                | configureStore参数，存放增强功能数组              | Array    | yes      | All      | yes               |
+| getDefaultMiddleware     | 获取默认中间件列表                                | Function | yes      | All      | yes               |
+| immutableCheck           | getDefaultMiddleware对象参数属性                  | Boolean  | yes      | All      | yes               |
+| serializableCheck        | getDefaultMiddleware对象参数属性                  | Boolean  | yes      | All      | yes               |
+| actionCreatorCheck       | getDefaultMiddleware对象参数属性                  | Boolean  | yes      | All      | yes               |
+| createListenerMiddleware | 创建中间件监听函数                                | Function | yes      | All      | yes               |
+| middleware               | createListenerMiddleware属性，中间件列表          | Array    | yes      | All      | yes               |
+| startListening           | createListenerMiddleware属性，添加一个监听        | Function | yes      | All      | yes               |
+| stopListening            | createListenerMiddleware属性，暂停一个监听        | Function | yes      | All      | yes               |
+| clearListeners           | createListenerMiddleware属性，清除所有监听        | Function | yes      | All      | yes               |
+| addListener              | createListenerMiddleware属性，添加一个监听        | Function | yes      | All      | yes               |
+| removeListener           | createListenerMiddleware属性，暂停一个监听        | Function | yes      | All      | yes               |
+| clearAllListeners        | createListenerMiddleware属性，清除所有监听        | Function | yes      | All      | yes               |
+| createDynamicMiddleware  | 创建一个中间件                                    | Function | yes      | All      | yes               |
+| getDefaultEnhancers      | 获取默认增强功能组件                              | Function | yes      | All      | yes               |
+| createReducer            | 创建reducer                                       | Function | yes      | All      | yes               |
+| addCase                  | createReducer函数返回对象参数方法，添加action     | Function | yes      | All      | yes               |
+| addMatcher               | createReducer函数返回对象参数方法，添加过滤条件   | Function | yes      | All      | yes               |
+| addDefaultCase           | createReducer函数返回对象参数方法，添加默认action | Function | yes      | All      | yes               |
+| createAction             | 创建action                                        | Function | yes      | All      | yes               |
+| createSlice              | 创建slice切片                                     | Function | yes      | All      | yes               |
+| name                     | createSlice属性，store名字                        | String   | yes      | All      | yes               |
+| initialState             | createSlice属性，store默认值                      | object   | yes      | All      | yes               |
+| reducers                 | createSlice属性，reducer对象                      | Object   | yes      | All      | yes               |
+| extraReducers            | createSlice属性，额外的reducer对象                | Object   | yes      | All      | yes               |
+| createAsyncThunk         | 创建异步action                                    | Function | yes      | All      | yes               |
+| createEntityAdapter      | 创建适配器                                        | Function | yes      | All      | yes               |
+| selectId                 | createEntityAdapter属性，表示唯一ID               | String   | yes      | All      | yes               |
+| sortComparer             | createEntityAdapter属性，排序方法                 | Function | yes      | All      | yes               |
+| getInitialState          | createEntityAdapter属性，默认状态                 | Object   | yes      | All      | yes               |
+| combineSlices            | 结合两个Slice切片                                 | Function | yes      | All      | yes               |
+| createSelector           | 创建select选择器                                  | Function | yes      | All      | yes               |
+| combineSlices            | 结合两个Slice切片                                 | Function | yes      | All      | yes               |
+
+## 工具方法
+
+| Name                | Description                    | Type     | Required | Platform | HarmonyOS Support |
+| ------------------- | ------------------------------ | -------- | -------- | -------- | ----------------- |
+| isAllOf             | 判断action是否全部通过         | Function | yes      | All      | yes               |
+| isAnyOf             | 判断action是否有一个通过       | Function | yes      | All      | yes               |
+| isAsyncThunkAction  | 判断action是否是异步           | Function | yes      | All      | yes               |
+| isPending           | 判断action是否在执行中         | Function | yes      | All      | yes               |
+| isRejected          | 判断action是否执行完成         | Function | yes      | All      | yes               |
+| isFulfilled         | 判断action是否执行失败         | Function | yes      | All      | yes               |
+| isRejectedWithValue | 判断action是否执行失败并返回值 | Function | yes      | All      | yes               |
+| nanoid              | 生成随机字符串                 | Function | yes      | All      | yes               |
+| miniSerializeError  | 打印错误信息                   | Function | yes      | All      | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux-toolkit?tab=readme-ov-file)，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux.md b/en/redux.md
new file mode 100644
index 00000000..021b5b64
--- /dev/null
+++ b/en/redux.md
@@ -0,0 +1,163 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>redux</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/reduxjs/redux/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/reduxjs/redux)
+
+## 安装与使用
+
+#### **yarn**
+
+```bash
+yarn add redux@^5.0.1
+```
+
+#### **npm**
+
+```bash
+npm install redux@^5.0.1
+```
+
+<!-- tabs:end -->
+
+下面展示了这个库的基本使用场景：
+
+1.编写子reducer，负责state具体变化的过程
+
+```ts
+const defaultState = {
+  number: 100,
+};
+type State = {
+  counterState: {
+    number: number;
+  };
+};
+
+const counterReducer = (state = defaultState, action: { type: any }) => {
+  switch (action.type) {
+    case "ADD_NUMBER":
+      return {
+        ...state,
+        number: state.number + 1,
+      };
+    default:
+      return state;
+  }
+};
+
+const rootReducer = combineReducers({
+  // 这个对象就是应用State
+  // 应用State赋值
+  counterState: counterReducer,
+});
+```
+
+2.定义 Slice State 和 Action Types。每个 slice 文件都应该为其初始 state 值定义一个类型，以便 createSlice 能够推断每个案例 reducer 中的 state 类型。
+
+```ts
+const rootReducer = combineReducers({ counterState: counterReducerfun });
+const store = createStore(rootReducer);
+const addNumberAction = { type: "ADD_NUMBER" };
+```
+
+3.在<code>&lt;App&gt;</code>的外层放置一个<code>&lt;Provider&gt;</code>，并将 store 作为 prop 传递
+
+```ts
+// 导出组件
+export default function TestPage() {
+  return (
+    <Provider store={store}> // 将store作为props传递给组件，这样组件就能访问到store和dispatch方法了。
+      <View style={styles.container}>
+        <Counter></Counter>
+      </View>
+    </Provider>
+  );
+}
+```
+
+4.在 React 组件中使用 Redux State 和 Actions
+
+```ts
+import React, { useState } from "react";
+
+import { useSelector, useDispatch } from "react-redux";
+
+import { decrement, increment } from "./counterSlice";
+
+export function Counter() {
+  // `state` arg 已经正确被键入 `RootState`
+  const number = useAppSelector((state: State) => state.counter.number);
+  const dispatch = useAppDispatch();
+
+  // 省略渲染逻辑
+}
+```
+
+### 兼容性
+
+在下述版本验证通过:
+
+1. RNOH：0.72.11;
+   SDK：OpenHarmony(api11) 4.1.0.53;
+   IDE：DevEco Studio 4.1.3.412;
+   ROM：2.0.0.52;
+2. RNOH：0.72.13;
+   SDK：HarmonyOS NEXT Developer Preview1;
+   IDE：DevEco Studio 4.1.3.500;
+   ROM：2.0.0.59;
+
+## 静态方法
+
+详情查看[Redux官方文档](https://www.redux.org.cn/api/compose.html)
+
+#### **createStore**
+
+| Name          | Description                                                                                                        | Type     | Required | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| createStore() | Create a Redux store that contains the complete state tree of your program. The application should have a storage. | function | NO       | yes               |
+
+#### **Store**
+
+| Name                        | Description                                                                                                        | Type     | Required | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| getState()                  | Returns the current state tree of the application. It is the same value returned by the last reducer of the store. | function | NO       | yes               |
+| dispatch(action)            | This is the only way to trigger state changes                                                                      | function | NO       | yes               |
+| subscribe(listener)         | Add a change listener                                                                                              | function | NO       | yes               |
+| replaceReducer(nextReducer) | Replace the reducer currently used by the store to calculate state                                                 | function | NO       | yes               |
+
+#### **combineReducers**
+
+| Name              | Description                                                                                                                                                                                            | Type     | Required | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| combineReducers() | The combineReducers auxiliary function is to combine an object with multiple different reducer functions as value into a final reducer function, and then call the createStore method on this reducer. | function | NO       | yes               |
+
+#### **bindActionCreators**
+
+| Name              | Description                                                                                   | Type     | Required | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| combineReducers() | Convert an object whose value is a different action creator into an object with the same key. | function | NO       | yes               |
+
+#### **compose**
+
+| Name      | Description                                    | Type     | Required | HarmonyOS Support |
+| --------- | ---------------------------------------------- | -------- | -------- | ----------------- |
+| compose() | Combine multiple functions from right to left. | function | NO       | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/remobile-react-native-toast.md b/en/remobile-react-native-toast.md
new file mode 100644
index 00000000..88553926
--- /dev/null
+++ b/en/remobile-react-native-toast.md
@@ -0,0 +1,227 @@
+<!--{%raw%}-->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@remobile/react-native-toast</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/remobile/react-native-toast">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/remobile/react-native-toast/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-toast)
+
+## 安装与使用
+
+请到三方库的 Releases
+发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases)，并下载适用版本的tgz包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-toast@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-toast@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, {Component} from 'react';
+import {Text, View, Button} from 'react-native';
+import Toast from '@remobile/react-native-toast';
+
+function ToastMasterDemo() {
+    return (
+        <View style={{flex: 2, justifyContent: 'center', alignItems: 'center'}}>
+            <Text>Tosat !</Text>
+            <Button
+                title={'show toast'}
+                onPress={() => {
+                    Toast.show('This is a toast.');
+                }}
+            />
+            <Button
+                title={'short top toast'}
+                onPress={() => {
+                    Toast.showShortTop('This is a top toast.');
+                }}
+            />
+            <Button
+                title={'short center toast'}
+                onPress={() => {
+                    Toast.showShortCenter('This is a center toast.');
+                }}
+            />
+            <Button
+                title={'short bottom toast'}
+                onPress={() => {
+                    Toast.showShortBottom('This is a bottom toast.');
+                }}
+            />
+            <Button
+                title={'long top toast'}
+                onPress={() => {
+                    Toast.showLongTop('This is a long top toast.');
+                }}
+            />
+            <Button
+                title={'long center toast'}
+                onPress={() => {
+                    Toast.showLongCenter('This is a long center toast.');
+                }}
+            />
+            <Button
+                title={'long bottom toast'}
+                onPress={() => {
+                    Toast.showLongBottom('This is a long bottom toast.');
+                }}
+            />
+        </View>
+    );
+}
+
+export default ToastMasterDemo;
+
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以Link步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony": "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+"@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+"@react-native-oh-tpl/react-native-toast": "file:../../node_modules/@react-native-oh-tpl/react-native-toast/harmony/rn_toast.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 ToastPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {ToastPackage} from '@react-native-oh-tpl/react-native-toast/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ToastPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release
+配套的版本信息：[@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases)
+
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| show()  | Displays the location of the toast, its duration, the content of the message | function  | yes | android      | yes |
+| showShortTop()  | Display the top Toast for a short time | function  | yes | android      | yes |
+| showShortCenter()  | Display the center Toast for a short time | function  | yes | android      | yes |
+| showShortBottom()  | Display the bottom Toast for a short time | function  | yes | android      | yes |
+| showLongTop()  | Display the top Toast for a long time | function  | yes | android      | yes |
+| showLongCenter()  | Display the center Toast for a long time | function  | yes | android      | yes |
+| showLongBottom()  | Display the bottom Toast for a long time | function  | yes | android      | yes |
+| hide()  | Hide the toast that is being displayed         | function  | yes | android      | no |
+
+## 遗留问题
+
+- arkui侧的toast的hide()方法暂时没有[issue#3](https://github.com/react-native-oh-library/react-native-toast/issues/3)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License](https://github.com/remobile/react-native-toast/blob/master/LICENSE)，请自由地享受和参与开源。
+
+<!--{%endraw%}-->
diff --git a/en/rn-emoji-keyboard.md b/en/rn-emoji-keyboard.md
new file mode 100644
index 00000000..1067d4c4
--- /dev/null
+++ b/en/rn-emoji-keyboard.md
@@ -0,0 +1,278 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>rn-emoji-keyboard</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/TheWidlarzGroup/rn-emoji-keyboard">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/TheWidlarzGroup/rn-emoji-keyboard/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/rn-emoji-keyboard)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/rn-emoji-keyboard@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/rn-emoji-keyboard@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 本示例依赖@react-native-async-storage/async-storage库，参照[@react-native-async-storage/async-storage文档](/zh-cn/react-native-async-storage-async-storage.md)进行引入
+```ts
+import React from "react";
+import { StyleSheet, Button, Text } from "react-native";
+import EmojiPicker, {
+  emojisByCategory,
+  type EmojiType,
+  type EmojisByCategory,
+  useRecentPicksPersistence,
+} from "rn-emoji-keyboard";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+
+type CurrentlySelected = {
+  name: EmojiType["name"];
+  emoji: EmojiType["emoji"];
+};
+
+export default function () {
+  const [isOpen, setIsOpen] = React.useState<boolean>(false);
+  const [currentlySelected, setCurrentlySelected] = React.useState<
+    CurrentlySelected[]
+  >([]);
+
+  const STORAGE_KEY = "RN-EMOJI-KEYBOARD_RECENT";
+
+  useRecentPicksPersistence({
+    initialization: () =>
+      AsyncStorage.getItem(STORAGE_KEY).then((value) =>
+        JSON.parse(value || "[]")
+      ),
+    onStateChange: (next) =>
+      AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(next)),
+  });
+
+  const getCustomEmojis = () => {
+    const newEmojiSet: EmojisByCategory[] = [];
+    for (const [, value] of Object.entries(emojisByCategory)) {
+      if (
+        value.title === "smileys_emotion" &&
+        !value.data.some((emoji) => emoji.name == "banana")
+      ) {
+        value.data.push({
+          emoji: "🍌",
+          name: "banana",
+          v: "11",
+          toneEnabled: false,
+        });
+      }
+
+      newEmojiSet.push({
+        title: value.title,
+        data: value.data,
+      });
+    }
+
+    return newEmojiSet;
+  };
+  const handlePick = (e: EmojiType) => {
+    if (e.alreadySelected) {
+      setCurrentlySelected((prev) =>
+        prev.filter((item) => item.name !== e.name)
+      );
+    } else {
+      setCurrentlySelected((prev) => [
+        ...prev,
+        { name: e.name, emoji: e.emoji },
+      ]);
+    }
+  };
+  const currSelectedEmojis = currentlySelected.map((item) => item.emoji);
+
+  return (
+    <>
+      <Text style={styles.textIcon}>{currSelectedEmojis.join(" ")}</Text>
+      <Button onPress={() => setIsOpen(true)} title="open emoji" />
+      <EmojiPicker
+        emojisByCategory={getCustomEmojis()}
+        enableRecentlyUsed
+        onEmojiSelected={handlePick}
+        open={isOpen}
+        onClose={() => setIsOpen(false)}
+      />
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  textIcon: {
+    marginHorizontal: 16,
+    marginVertical: 32,
+    textAlign: "center",
+    fontSize: 42,
+    color: "#000",
+  },
+});
+```
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)
+
+## 属性
+详细请查看 [rn-emoji-keyboard 的文档介绍](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                            | Description                                                                                                                                                                                                                                            | Type                                                                     | Required | Platform    | HarmonyOS Support |
+| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| `open`                          | Required props which indicates whether the modal should be displayed on the screen.(dafault:false)                                                                                                                                                     | boolean                                                                  | yes      | iOS/Android | yes               |
+| `onClose`                       | Callback fired when the component is to be closed.(dafault:undefined)                                                                                                                                                                                  | () => void                                                               | yes      | iOS/Android | yes               |
+| `onEmojiSelected`               | Callback fired when the emoji is selected. The passed function expose an object with selected emoji data. It also returns alreadySelected boolean indicating whether pressed emoji is already selected or not (see selectedEmojis).(dafault:undefined) | (emoji: { emoji, name, slug, unicode_version, alreadySelected }) => void | yes      | iOS/Android | yes               |
+| `allowMultipleSelections`       | Allow select multiple emoji without dismiss keyboard.(default:false)                                                                                                                                                                                   | boolean                                                                  | no       | iOS/Android | yes               |
+| `categoryPosition`              | Allow to change the position of available emoji categories container.(default:floating)                                                                                                                                                                | floating \| top \| bottom                                                | no       | iOS/Android | yes               |
+| `categoryOrder`                 | Allow to change order of available emoji categories container.(default:[])                                                                                                                                                                             | CategoryTypes[]                                                          | no       | iOS/Android | yes               |
+| `defaultHeight`                 | Specify collapsed container height. It can be either a number in points or a string in a percentage of the screen.(default:40%)                                                                                                                        | number \| string                                                         | no       | iOS/Android | yes               |
+| `disabledCategories`            | Allow to hide specific categories by passing an array with their slugs.(default:[])                                                                                                                                                                    | CategoryTypes[]                                                          | no       | iOS/Android | yes               |
+| `disableSafeArea`               | Allow to disable SafeAreaView inside the emoji keyboard.(default:false)                                                                                                                                                                                | Boolean                                                                  | no       | iOS/Android | yes               |
+| `emojisByCategory`              | Set of emojis that can be displayed in the app. You can pass your own emojis set or use the one that we have prepared.(default:emojisByCategory)                                                                                                       | EmojisByCategory[]                                                       | no       | iOS/Android | yes               |
+| `emojiSize`                     | Set size of the single emoji.(default:28)                                                                                                                                                                                                              | number                                                                   | no       | iOS/Android | yes               |
+| `enableRecentlyUsed`            | Reveal extra category with recently used emojis.(default:false)                                                                                                                                                                                        | boolean                                                                  | no       | iOS/Android | yes               |
+| `enableSearchBar`               | Reveal the search bar, used to find specific emoji.(default:false)                                                                                                                                                                                     | boolean                                                                  | no       | iOS/Android | yes               |
+| `hideSearchBarClearIcon`        | Hide the search bar clear icon inside the search input.(default:false)                                                                                                                                                                                 | boolean                                                                  | no       | iOS/Android | yes               |
+| `customButtons`                 | Inject custom buttons into the component.(default:null)                                                                                                                                                                                                | React.ReactNode                                                          | no       | iOS/Android | yes               |
+| `enableCategoryChangeAnimation` | Allow to turn off FlatList scrolling animation when category is changed. Setting this to false will also overwrite enableSearchAnimation value.(default:true)                                                                                          | boolean                                                                  | no       | iOS/Android | yes               |
+| `enableCategoryChangeGesture`   | Allow to use horizontal swipe gesture to change emoji category.(default:true)                                                                                                                                                                          | boolean                                                                  | no       | iOS/Android | yes               |
+| `enableSearchAnimation`         | Allow to turn off FlatList scrolling animation when search results are updated.(default:true)                                                                                                                                                          | boolean                                                                  | no       | iOS/Android | yes               |
+| `expandable`                    | Show knob and enable expand on swipe up.(default:true)                                                                                                                                                                                                 | boolean                                                                  | no       | iOS/Android | yes               |
+| `expandedHeight`                | Specify expanded container height. It can be either a number in points or a string in a percentage of the screen.expandedHeight works only if expandable props is set to true.(default:80%)                                                            | number \| string                                                         | no       | iOS/Android | yes               |
+| `hideHeader`                    | Hide labels with category names.(default:false)                                                                                                                                                                                                        | boolean                                                                  | no       | iOS/Android | yes               |
+| `theme`                         | This is the name of property that has every component styles inside.(default:defaultTheme)                                                                                                                                                             | Record<string, string \| object>                                         | no       | iOS/Android | yes               |
+| `styles`                        | This is the name of property that has every component styles inside.(default:{})                                                                                                                                                                       | Record<string, ViewStyle>                                                | no       | iOS/Android | yes               |
+| `onCategoryChangeFailed`        | Callback fired when the category change failed.(default:warn(info))                                                                                                                                                                                    | ( info: {index, highestMeasuredFrameIndex, averageItemLength} ) => void  | no       | iOS/Android | yes               |
+| `onRequestClose`                | Callback fired when emoji keyboard is closing.(default:undefined)                                                                                                                                                                                      | () => void                                                               | no       | iOS/Android | yes               |
+| `selectedEmojis`                | Array of currently selected emojis. It must contain emoji's name.(default:undefined)                                                                                                                                                                   | emoji.name[]                                                             | no       | iOS/Android | yes               |
+
+### Full list of theme properties
+
+| Name                       | Description                                                                                   | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------------- | --------------------------------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| `backdrop`                 | Set background-color of the modal backdrop.(default:#00000055)                                | string | no       | iOS/Android | yes               |
+| `knob`                     | Set background-color of the modal knob.(default:#ffffff)                                      | string | no       | iOS/Android | yes               |
+| `container`                | Set background-color of the whole modal container.(default:#ffffff)                           | string | no       | iOS/Android | yes               |
+| `header`                   | Set category name text color.(default:#00000099)                                              | string | no       | iOS/Android | yes               |
+| `skinTonesContainer`       | Set background-color of the skin tones container.(default:#e3dbcd)                            | string | no       | iOS/Android | yes               |
+| `category.icon`            | color of the icon.(default:#000000)                                                           | string | no       | iOS/Android | yes               |
+| `category.iconActive`      | color of the icon if it's active.(default:#005b96)                                            | string | no       | iOS/Android | yes               |
+| `category.container`       | background-color of the categories container.(default:#e3dbcd)                                | string | no       | iOS/Android | yes               |
+| `category.containerActive` | background-color of the currently active category.(default:#ffffff)                           | string | no       | iOS/Android | yes               |
+| `search.text`              | color of the search bar text.(default:#000000cc)                                              | string | no       | iOS/Android | yes               |
+| `search.placeholder`       | color of the search bar placeholder text.(default:#00000055)                                  | string | no       | iOS/Android | yes               |
+| `search.icon`              | color of the search bar icon.(default:#00000055)                                              | string | no       | iOS/Android | yes               |
+| `search.background`        | background-color of the search bar.(default:#00000011)                                        | string | no       | iOS/Android | yes               |
+| `emoji.selected`           | color of the selected emoji background.Works only with selectedEmojis prop. (default:#e3dbcd) | string | no       | iOS/Android | yes               |
+
+### Full list of styles properties
+
+| Name        | Description                                                                                                                               | Type                                      | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | -------- | ----------- | ----------------- |
+| `container` | Set styles of the whole modal container.(default:{})                                                                                      | ViewStyle                                 | no       | iOS/Android | yes               |
+| `header`    | Set styles of header text. Header is the component containing category name.(default:{})                                                  | TextStyle                                 | no       | iOS/Android | yes               |
+| `knob`      | Set styles of the modal knob.Works only in the modal mode with knob enabled.(default:{})                                                  | ViewStyle                                 | no       | iOS/Android | yes               |
+| `category`  | SSet styles of the category component. You can pass different styles for the container and the icon.(default:{ container: {}, icon: {} }) | { container: ViewStyle, icon: TextStyle } | no       | iOS/Android | yes               |
+| `searchBar` | Set styles of the searchBar component. You can pass different styles for the container and the text.(default:{ container: {}, text: {} }) | { container: ViewStyle, text: TextStyle } | no       | iOS/Android | yes               |
+| `emoji`     | Set styles of the emoji component. You can pass styles for selected state.(default:{ selected: {} })                                      | { selected: ViewStyle }                   | no       | iOS/Android | yes               |
+
+### Full list of EmojisByCategory type
+
+| Name  | Description | Type          | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------------- | -------- | ----------- | ----------------- |
+| title | EmojisByCategory  title       | CategoryTypes | yes      | iOS/Android | yes               |
+| data  | EmojisByCategory emoji data        | JsonEmoji[]   | yes      | iOS/Android | yes               |
+
+### Full list of CategoryTypes type
+
+| Name  | Description | Type          | Required | Platform    | HarmonyOS Support |
+| ----- | ----------- | ------------- | -------- | ----------- | ----------------- |
+| `CategoryTypes` | CategoryTypes type | "search" \| "smileys_emotion" \| "people_body" \| "animals_nature" \| "food_drink" \| "travel_places" \| "activities" \| "objects" \| "symbols" \| "flags" \| "recently_used" | no       | iOS/Android | yes               |
+
+### Full list of JsonEmoji type
+
+| Name        | Description | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------- | -------- | -------- | ----------- | ----------------- |
+| emoji       | JsonEmoji   emoji      | string   | yes      | iOS/Android | yes               |
+| name        | JsonEmoji     name    | string   | yes      | iOS/Android | yes               |
+| v           | JsonEmoji   version     | string   | yes      | iOS/Android | yes               |
+| toneEnabled | JsonEmoji    toneEnabled     | boolean  | yes      | iOS/Android | yes               |
+| keywords    | JsonEmoji  keywords       | string[] | no      | iOS/Android | yes               |
+
+### Full list of EmojiType type
+
+| Name        | Description | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------- | -------- | -------- | ----------- | ----------------- |
+| emoji       | EmojiType   emoji      | string   | yes      | iOS/Android | yes               |
+| name        | EmojiType     name    | string   | yes      | iOS/Android | yes               |
+| slug           | EmojiType   slug     | string   | yes      | iOS/Android | yes               |
+| unicode_version | EmojiType   version     | string  | yes      | iOS/Android | yes               |
+| toneEnabled    | EmojiType  toneEnabled       | boolean | yes      | iOS/Android | yes               |
+| alreadySelected    | EmojiType alreadySelected     | boolean | no      | iOS/Android | yes               |
+
+## 静态方法
+
+### useRecentPicksPersistence
+
+The library gives you the possibility to persists recent emoji picks by your own. This mean that you can use for that reason whatever you want.
+
+Async storage? - sure. Backend as store - no problem. Choose how you want to handle it, we only require a Promise
+
+> [!TIP] This functionality requires to enable enableRecentlyUsed in your emoji keyboard component
+
+> [!TIP] This hook will have impact on every rn-emoji-keyboard instance used in app that have enabled recent picks.
+
+> [!TIP] To ensure smooth experience we recommend that you use it as high as possible in the React structure. eg. App.tsx file
+
+| Name             | Description                                                                                                | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `initialization` | This property is used at the very beginning to restore previous state.                                     | Function | yes      | iOS/Android | yes               |
+| `onStateChange`  | This property is used every time when user selects emoji and keyboard has enabled enableRecentlyUsed props | Function | yes      | iOS/Android | yes               |
+
+## 遗留问题
+
+- [x] rn-emoji-keyboard 的键盘弹出后回弹默认高度表情键盘无法点击: [issue#1](https://github.com/react-native-oh-library/rn-emoji-keyboard/issues/1)
+- [ ] rn-emoji-keyboard 展开旋钮动画卡顿: [issue#2](https://github.com/react-native-oh-library/rn-emoji-keyboard/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/TheWidlarzGroup/rn-emoji-keyboard/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/rn-placeholder.md b/en/rn-placeholder.md
new file mode 100644
index 00000000..e0d905d2
--- /dev/null
+++ b/en/rn-placeholder.md
@@ -0,0 +1,133 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>rn-placeholder</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mfrachet/rn-placeholder">
+        <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mfrachet/rn-placeholder/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/rn-placeholder)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-placeholder Releases](https://github.com/react-native-oh-library/rn-placeholder/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/rn-placeholder@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/rn-placeholder@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import {
+  Placeholder,
+  PlaceholderMedia,
+  PlaceholderLine,
+  Fade,
+} from "@react-native-oh-tpl/rn-placeholder";
+
+const App = () => (
+  <Placeholder
+    Animation={Fade}
+    Left={PlaceholderMedia}
+    Right={PlaceholderMedia}
+  >
+    <PlaceholderLine width={80} />
+    <PlaceholderLine />
+    <PlaceholderLine width={30} />
+  </Placeholder>
+);
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [rn-placeholder 源库地址](https://github.com/mfrachet/rn-placeholder)
+
+**组件 Placeholder**
+
+It's the wrapper around all of the other components. Using alone will not produce anything interesting. You have put some line or media inside to make it powerful.It accepts all the props of a React Native View plus:
+
+| Name      | Description                                         | Type          | Required | Platform | HarmonyOS Support |
+| --------- | --------------------------------------------------- | ------------- | -------- | -------- | ----------------- |
+| Animation | An optional component that animates the placeholder | Animations    | no       | All      | Yes               |
+| Left      | An optional component to display on the left        | ComponentType | no       | All      | Yes               |
+| Right     | An optional component to display on the right       | ComponentType | no       | All      | Yes               |
+
+**_Animations_**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| --------- | -------------------------------------------------- | ------------- | -------- | -------- | -------- |
+| Fade | This is the base animation that makes the placeholder become clearer on a specified interval| ComponentType | no | All | Yes |
+| ShineOverlay | This applies a tiny overlay from left to right of the placeholder. It's pretty neat but it has the drawback to only work without style customization: only on white background with gray lines |ComponentType| no | All | Yes |
+| Shine | The shine animation is an attempt to overcome the overlay problem of the ShineOverlay animation by animating only the differnt part of the placeholder | ComponentType | no | All | Yes |
+| Loader | A simple placeholder animation based on the standard loader (ActivityIndicator) of each platforms | ComponentType | no | All | Yes |
+| Progressive | A progressive loading animation effect | ComponentType | no | All | Yes |
+| Tweaking existing animations | It's possible to tweak a specific animation by passing it additional props. However keep in mind that it's important to spread the props from the Animation render function. Else you will be in strange behaviors| ComponentType | no | All | Yes |
+
+**组件 PlaceholderLine**
+
+A PlaceholderLine is one of the two basic and visual components of a placeholder.
+
+| Name     | Description                                                            | Type    | Required | Platform | HarmonyOS Support |
+| -------- | ---------------------------------------------------------------------- | ------- | -------- | -------- | ----------------- |
+| height   | The line height, default is 12                                         | number  | no       | All      | Yes               |
+| color    | The line color, default is #efefef                                     | string  | no       | All      | Yes               |
+| width    | The line width in percent, default is 100(%)                           | number  | no       | All      | Yes               |
+| noMargin | Defines if a line should have a margin bottom or not, default is false | boolean | no       | All      | Yes               |
+| style    | Customize the style of the underlying View component                   | object  | no       | All      | Yes               |
+
+**组件 PlaceholderMedia**
+
+A PlaceholderMedia is the second of the two basic and visual components of a placeholder. It can be used a single placeholder like following:
+
+| Name    | Description                                              | Type    | Required | Platform | HarmonyOS Support |
+| ------- | -------------------------------------------------------- | ------- | -------- | -------- | ----------------- |
+| size    | The media size (height / width), default is 40           | number  | no       | All      | Yes               |
+| isRound | Defines if the media is rounded or not, default is false | boolean | no       | All      | Yes               |
+| color   | The media color, default is #efefef                      | string  | no       | All      | Yes               |
+| style   | Customize the style of the underlying View component     | object  | no       | All      | Yes               |
+
+## 遗留问题
+
+- [ ] package.json 中 peerDependencies 依赖 react 版本与项目 react 版本不一致会产生依赖冲突，此问题只会导致 npm 安装依赖报错，不对组件功能造成影响。源库此问题 issues: [issue#226](https://github.com/mfrachet/rn-placeholder/issues/226)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/mfrachet/rn-placeholder/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/rn-sliding-up-panel.md b/en/rn-sliding-up-panel.md
new file mode 100644
index 00000000..97eb827a
--- /dev/null
+++ b/en/rn-sliding-up-panel.md
@@ -0,0 +1,228 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>rn-sliding-up-panel</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/octopitus/rn-sliding-up-panel">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/octopitus/rn-sliding-up-panel/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/octopitus/rn-sliding-up-panel)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install rn-sliding-up-panel@2.4.6
+```
+
+#### **yarn**
+
+```bash
+yarn add rn-sliding-up-panel@2.4.6
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { createRef } from 'react';
+import { StyleSheet, Text, View, Dimensions, Animated } from 'react-native';
+import SlidingUpPanel from 'rn-sliding-up-panel';
+
+const { height } = Dimensions.get('window')
+
+export function SlidingUpPanelExample() {
+  const panelRef = createRef<SlidingUpPanel>();
+  const draggableRange = { top: height + 180 - 64, bottom: 180 }
+  const _draggedValue = new Animated.Value(180);
+
+  const { top, bottom } = draggableRange;
+
+  const backgoundOpacity = _draggedValue.interpolate({
+    inputRange: [height - 48, height],
+    outputRange: [1, 0],
+    extrapolate: "clamp"
+  });
+
+  const iconTranslateY = _draggedValue.interpolate({
+    inputRange: [height - 56, height, top],
+    outputRange: [0, 56, 180 - 32],
+    extrapolate: "clamp"
+  });
+
+  const textTranslateY = _draggedValue.interpolate({
+    inputRange: [bottom, top],
+    outputRange: [0, 8],
+    extrapolate: "clamp"
+  });
+
+  const textTranslateX = _draggedValue.interpolate({
+    inputRange: [bottom, top],
+    outputRange: [0, -112],
+    extrapolate: "clamp"
+  });
+
+  const textScale = _draggedValue.interpolate({
+    inputRange: [bottom, top],
+    outputRange: [1, 0.7],
+    extrapolate: "clamp"
+  });
+
+  return (
+    <View style={styles.container}>
+      <Text onPress={() => panelRef.current!.show(360)}>Show panel</Text>
+      <SlidingUpPanel
+        ref={panelRef}
+        draggableRange={draggableRange}
+        animatedValue={_draggedValue}
+        snappingPoints={[360]}
+        height={height + 180}
+        friction={0.5}
+      >
+        <View style={styles.panel}>
+          <Animated.View
+            style={[
+              styles.iconBg,
+              {
+                opacity: backgoundOpacity,
+                transform: [{ translateY: iconTranslateY }]
+              }
+            ]}
+          />
+          <View style={styles.panelHeader}>
+            <Animated.View
+              style={{
+                transform: [
+                  { translateY: textTranslateY },
+                  { translateX: textTranslateX },
+                  { scale: textScale }
+                ]
+              }}
+            >
+              <Text style={styles.textHeader}>Sliding Up Panel</Text>
+            </Animated.View>
+          </View>
+          <View style={styles.container}>
+            <Text>Bottom sheet content</Text>
+          </View>
+        </View>
+      </SlidingUpPanel>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#f8f9fa",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  panel: {
+    flex: 1,
+    backgroundColor: "white",
+    position: "relative"
+  },
+  panelHeader: {
+    height: 180,
+    backgroundColor: "#b197fc",
+    justifyContent: "flex-end",
+    padding: 24
+  },
+  textHeader: {
+    fontSize: 28,
+    color: "#FFF"
+  },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center",
+    position: "absolute",
+    top: -24,
+    right: 18,
+    width: 48,
+    height: 48,
+    zIndex: 1
+  },
+  iconBg: {
+    backgroundColor: "#2b8a3e",
+    position: "absolute",
+    top: -24,
+    right: 18,
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    zIndex: 1
+  }
+});
+
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Props
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| animatedValue | An **Animated.Value** number between the top and bottom of draggable range. This number represents the position of the panel. If you update this prop, the panel will correspondingly update to the frame at that progress value. Default to **Animated.Value(0)** (Hidden at bottom of screen). | Animated.Value | 0 | No | All | yes |
+| draggableRange | Boundary limits for draggable area. `top` default to visible height of device, `bottom` default to 0. | {top: number, bottom: number} | 0 | No | All | yes |
+| snappingPoints | Must be an incremental array of number and all values must be within the `top` & `bottom` of draggableRange. | number[] | null | No | All | yes |
+| minimumVelocityThreshold | Velocity threshold in **pixel/s** to trigger the fling animation after you release finger. Default is 0.1. | number | 0.1 | No | All | yes |
+| minimumDistanceThreshold | Distance threshold in **pixel** (virtual, not physical) to trigger the fling animation after you release finger. Default is 0.24. | number | 0.24 | No | All | yes |
+| height | Height of panel. Typically this should equal to the top value of `draggablerange.` | number | null | No | All | yes |
+| friction | Determines how quickly the fling animation settles down and stops. The higher the value, the faster the velocity decreases. Default is 0.998. | number | 0.998 | No | All | yes |
+| backdropOpacity | Opacity of the backdrop when the panel is active. Default is 0.75. | number | 0.75 | No | All | yes |
+| containerStyle | Custom style for the container. | Style | null | No | All | yes |
+| backdropStyle | Custom style for the backdrop. | Style | null | No | All | yes |
+| showBackdrop | Controls the visibility of backdrop. Default `true`. | boolean | true | No | All | yes |
+| allowMomentum | If `false`, panel will not continue to move when you release your finger. | boolean | null | No | All | yes |
+| allowDragging | Default `true`. Setting this to `false` to disable dragging. | boolean | true | No | All | yes |
+| avoidKeyboard | If `true` every time animated value changes keyboard will be dismissed. Default `true`. | boolean | true | No | All | yes |
+| onBackButtonPress | By default when you press back button (Android) the panel will be closed (Move to `bottom` position of `draggableRange`). Implement this function if you want to custom the behavior. Returning `true` means the event has been handled. | () => boolean | null | No | All | yes |
+| onDragStart | Called when the panel is about to start dragging. | (position: number, gestureState: GestureState) => void | null | No | All | yes |
+| onDragEnd | Called when you release your finger. | (position: number: gestureState: GestureState) => void | null | No | All | yes |
+| onMomentumDragStart | Called when the momentum drag starts. Works exactly the same way of [ScrollView#onMomentumScrollBegin](https://facebook.github.io/react-native/docs/scrollview#onmomentumscrollbegin). | (position: number) => void | null | No | All | yes |
+| onMomentumDragEnd | Called when the momentum drag ends. Works exactly the same way of [ScrollView#onMomentumScrollEnd](https://facebook.github.io/react-native/docs/scrollview#onmomentumscrollend). | (position: number) => void | null | No | All | yes |
+| onBottomReached | Called when the panel is hidden / reaches the bottom of the screen. | () => void | null | No | All | yes |
+| children | Accepts passing a function as component. Invoked with `dragHandlers` (that can be passed into another View like this `<View {...dragHandlers}>`) when the panel is mounted. Useful when you want only a part of your content becomes the drag handler. | React.Element \| Function | null | No | All | yes |
+
+### Methods
+
+| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
+| --- | --- | --- | --- | --- | --- | --- |
+| show | Calling `show()` without any parameter will showmove the panel to top position (of draggableRange). | Function(value?: number \| Object) | null | No | All | yes |
+| hide | Move the panel to the bottom position of draggable range. Note: This method is triggered if you touch the backdrop (If it's visible). | Function | null | No | All | yes |
+| scrollIntoView | Typically you don't need to use this method, But if an element is stuck under the keyboard or out of view, you can use this ensure it is visible within the viewable area. | Function(node: number) | null | No | All | yes |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/octopitus/rn-sliding-up-panel/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/en/rn-tourguide.md b/en/rn-tourguide.md
new file mode 100644
index 00000000..0feb92d6
--- /dev/null
+++ b/en/rn-tourguide.md
@@ -0,0 +1,307 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>rn-tourguide</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/xcarpentier/rn-tourguide">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/xcarpentier/rn-tourguide/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/rn-tourguide)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/rn-tourguide Releases](https://github.com/react-native-oh-library/rn-tourguide/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/rn-tourguide@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/rn-tourguide@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import * as React from 'react'
+import {
+  Image,
+  Platform,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native'
+import {
+  TourGuideProvider,
+  TourGuideZone,
+  TourGuideZoneByPosition,
+  useTourGuideController
+} from 'rn-tourguide'
+
+const uri =
+  'https://pbs.twimg.com/profile_images/1223192265969016833/U8AX9Lfn_400x400.jpg'
+
+export default function () {
+  return (
+    <TourGuideProvider {...{ borderRadius: 16, androidStatusBarVisible: true }}>
+      <AppContent />
+    </TourGuideProvider>
+  )
+}
+
+const AppContent = () => {
+  const iconProps = { size: 40, color: '#888' }
+
+  const { start, canStart, stop, eventEmitter } = useTourGuideController()
+
+  React.useEffect(() => {
+    if (canStart) {
+      start()
+    }
+  }, [canStart]) 
+
+  React.useEffect(() => {
+    eventEmitter.on('start', () => console.log('start'))
+    eventEmitter.on('stop', () => console.log('stop'))
+    eventEmitter.on('stepChange', () => console.log(`stepChange`))
+    return () => eventEmitter.off('*', null)
+  }, [])
+  return (
+    <View style={styles.container}>
+      <TourGuideZone
+        keepTooltipPosition
+        zone={1}
+        text={'A react-native-copilot remastered! 🎉'}
+        borderRadius={16}
+      >
+        <Text style={styles.title}>
+          {'Welcome to the demo of\n"rn-tourguide"'}
+        </Text>
+      </TourGuideZone>
+      <View style={styles.middleView}>
+        <TouchableOpacity style={styles.button} onPress={() => start()}>
+          <Text style={styles.buttonText}>START THE TUTORIAL!</Text>
+        </TouchableOpacity>
+
+        <TourGuideZone zone={2} shape={'rectangle_and_keep'}>
+          <TouchableOpacity style={styles.button} onPress={() => start(4)}>
+            <Text style={styles.buttonText}>Step 4</Text>
+          </TouchableOpacity>
+        </TourGuideZone>
+        <TouchableOpacity style={styles.button} onPress={() => start(2)}>
+          <Text style={styles.buttonText}>Step 2</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={styles.button} onPress={stop}>
+          <Text style={styles.buttonText}>Stop</Text>
+        </TouchableOpacity>
+        <TourGuideZone
+          zone={6}
+          shape='circle'
+          text={'With animated SVG morphing with awesome flubber 🍮💯'}
+        >
+          <Image source={{uri}} style={styles.profilePhoto} />
+        </TourGuideZone>
+      </View>
+      <View style={styles.row}>
+        <TourGuideZone zone={3} shape={'circle'} tooltipBottomOffset={200}>
+          <Text style={styles.text}>Text1</Text>
+        </TourGuideZone>
+        <Text style={styles.text}>Text2</Text>
+        <Text style={styles.text}>Text3</Text>
+     
+        <TourGuideZone zone={4} shape={'rectangle'}>
+          <Text style={styles.text}>Text4</Text>
+        </TourGuideZone>
+        <TourGuideZone zone={5} shape={'circle'}>
+          <Text style={styles.text}>Text5</Text>
+        </TourGuideZone>
+      </View>
+      {Platform.OS !== 'web' ? (
+        <TourGuideZoneByPosition
+          zone={1}
+          shape={'circle'}
+          isTourGuide
+          top={250}
+          left={50}
+          width={64}
+          height={64}
+        />
+      ) : null}
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    paddingTop: 40,
+  },
+  title: {
+    fontSize: 24,
+    textAlign: 'center',
+  },
+  profilePhoto: {
+    width: 140,
+    height: 140,
+    borderRadius: 70,
+    marginVertical: 20,
+  },
+  middleView: {
+    flex: 1,
+    alignItems: 'center',
+  },
+  button: {
+    backgroundColor: '#2980b9',
+    paddingVertical: 10,
+    paddingHorizontal: 15,
+    margin: 2,
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+  },
+  row: {
+    width: '100%',
+    padding: 15,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
+  text: {
+    fontSize: 20,
+  }
+})
+
+```
+
+## Link
+
+本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/rn-tourguide Releases](https://github.com/react-native-oh-library/rn-tourguide/releases)
+
+## 属性
+
+详情见[rn-tourguide](https://github.com/xcarpentier/rn-tourguide)
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### TourGuideProvider
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| tooltipComponent  |  tooltip component       | React.ComponentType<TooltipProps>  | YES | ALL      | YES |
+| tooltipStyle  |   tooltip style      | StyleProp<ViewStyle>  | YES | ALL      | YES |
+| labels  |   Button text display in tooltip(skip、previous、next、finish)      | Labels | YES | ALL      | YES |
+| startAtMount  |         | boolean/string | YES | ALL      | YES |
+| androidStatusBarVisible  | android status bar visible        | boolean | YES | Android      | NO |
+| backdropColor  |   background color | string | YES | ALL      | YES |
+| verticalOffset |  vertical offset | number | YES | ALL      | YES |
+| wrapperStyle  |   wrap style    | StyleProp<ViewStyle> | YES | ALL      | YES |
+| maskOffset  |  offset around zone | number | YES | ALL      | YES |
+| borderRadius  |    round corner when rectangle | number | YES | ALL      | YES |
+| animationDuration  |  Animation duration | number | YES | ALL      | YES |
+| children  |  React.ReactNode components      | React.ReactNode | YES | ALL      | YES |
+| dismissOnPress  |  whether to display touchable | boolean | YES | ALL      | YES |
+| preventOutsideInteraction  |    Block default events | boolean | YES | ALL      | YES |
+
+### TourGuideZone
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| zone  | A positive number indicating the order of the step in the entire walkthrough.        | number  | YES | ALL      | YES |
+| tourKey  |        | string  | YES | ALL      | YES |
+| isTourGuide  |  return children without wrapping id false        | boolean  | YES | ALL      | YES |
+| text  |     text in tooltip     | string  | YES | ALL      | YES |
+| shape  |     which shape     | Shape  | YES | ALL      | YES |
+| maskOffset  |   offset around zone    | number  | YES | ALL      | YES |
+| borderRadius  |   round corner when rectangle      | number  | YES | ALL      | YES |
+| children  |   React.ReactNode components       | React.ReactNode  | YES | ALL      | YES |
+| style  |         | StyleProp<ViewStyle>  | YES | ALL      | YES |
+| keepTooltipPosition  |  tooltip positioning    | boolean  | YES | ALL      | YES |
+| tooltipBottomOffset  |   The distance between the tooltip and the bottom of the container      | number  | YES | ALL      | YES |
+| borderRadiusObject  |   Mask layer highlight area rounded corner settings      | BorderRadiusObject  | YES | ALL      | YES |
+
+### Tooltip
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| isFirstStep  | Is it the first step | boolean  | YES | ALL      | YES |
+| isLastStep  |  Is it the last step   | boolean  | YES | ALL      | YES |
+| currentStep  |  current step | IStep  | YES | ALL      | YES |
+| labels  |     Button text display in tooltip(skip、previous、next、finish)     | Labels  | YES | ALL      | YES |
+| handleNext  |  A function that handle next step  | Function  | YES | ALL      | YES
+| handlePrev  |  A function that handle prev step     | Function  | YES | ALL      | YES
+| handleStop  |  A function that handle stop       | Function  | YES | ALL      | YES
+
+### TourGuideZoneByPosition
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| zone  |         | number  | YES | ALL      | YES |
+| tourKey  |         | string  | YES | ALL      | YES |
+| isTourGuide  |  return children without wrapping id false        | boolean  | YES | ALL      | YES |
+| top  |   tour guide zone distance from top    | number/string  | YES | ALL      | YES |
+| left  | tour guide zone distance from left        | number/string  | YES | ALL      | YES |
+| right  |   tour guide zone distance from right      | number/string  | YES | ALL      | YES |
+| bottom  |  tour guide zone distance from bottom       | number/string  | YES | ALL      | YES |
+| width  |   The width of the highlight area of ​​the mask layer  | number/string  | YES | ALL      | YES |
+| height  |     The height of the highlight area of ​​the mask layer    | number/string  | YES | ALL      | YES |
+| shape  |   which shape      | Shape  | YES | ALL      | YES |
+| borderRadiusObject  |   Mask layer highlight area rounded corner settings      | BorderRadiusObject  | YES | ALL      | YES |
+| containerStyle  |   Mask layer wrapping layer style      | StyleProp<ViewStyle>  | YES | ALL      | YES |
+| keepTooltipPosition  |   tooltip positioning       | boolean  | YES | ALL      | YES |
+| tooltipBottomOffset  |   The distance between the tooltip and the bottom of the container      | number  | YES | ALL      | YES |
+| text  |    text in tooltip     | string  | YES | ALL      | YES |
+
+### useTourGuideController
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| start  | start tour guide         | Funtion  | YES | ALL      | YES |
+| eventEmitter  | event emitter           | Funtion/undefined  | YES | ALL      | YES |
+| getCurrentStep  | Get the mask layer pop-up component         | Funtion/undefined  | YES | ALL      | YES |
+| canStart  | whether to support  tour guide         | boolean/undefined  | YES | ALL      | YES |
+| tourKey  | tour guide key         | string  | YES | ALL      | YES |
+| TourGuideZone  | boot area         | Funtion  | YES | ALL      | YES |
+| TourGuideZoneByPosition  | tourGuide area location | Funtion  | YES | ALL      | YES |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/xcarpentier/rn-tourguide/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/sentry-react-native.md b/en/sentry-react-native.md
new file mode 100644
index 00000000..32135d28
--- /dev/null
+++ b/en/sentry-react-native.md
@@ -0,0 +1,268 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@sentry/react-native</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/getsentry/sentry-react-native">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/getsentry/sentry-react-native/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/getsentry/sentry-react-native)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+
+<!-- tabs:start -->
+
+####  npm
+
+```bash
+npm install @sentry/react-native@5.22.2
+```
+
+#### yarn
+
+```bash
+yarn add @sentry/react-native@5.22.2
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```tsx
+
+// ============ index.js ==============
+import * as Sentry from "@sentry/react-native";
+Sentry.init({
+  // 该参数为官网申请的
+  dsn: "__DSN__",  
+  // 暂不支持捕获harmony侧error
+  autoInitializeNativeSdk: false, 
+  enableNative: false,
+  // ... 更多初始化参数参考官方文档
+});
+
+// 包裹App（项目根）组件
+Sentry.wrap(App);
+
+
+// ============ sentryDemo.tsx =============
+import React, { useEffect } from 'react';
+import { Button, View, GestureResponderEvent,
+   ScrollView, ToastAndroid as Toast, StyleSheet } from 'react-native';
+import * as Sentry from "@sentry/react-native";
+
+interface ButtonWithClickCb {
+  title: string;
+  pressCallback: (ev: GestureResponderEvent) => void
+}
+const user: Sentry.User = {
+    username: 'wangml',
+    email: 'tester@xxx.com',
+    id: 10
+};
+
+export default function SentryDemo() {
+
+  useEffect(() => {
+    // 添加面包屑
+    Sentry.addBreadcrumb({
+      category: 'auth_110',
+      message: 'Authenticated user Wml',
+      level: 'info'
+    });
+    // 设置用户
+    Sentry.setUser(user);
+    // 设置 context
+    Sentry.setContext('character', {
+      name: 'Mighty Fighter',
+      age: 19,
+      attack_type: 'melee',
+    });
+    // 设置标签
+    Sentry.setTag('wmlTag', 'ook');
+    // 设置附件
+    Sentry.getCurrentScope().addAttachment({
+      filename: 'attachment.txt',
+      data: 'Some content',
+    });
+    
+    return () => {
+      Sentry.getCurrentScope().clearAttachments();
+    };
+  }, []);
+
+  const btnWithCbList: ButtonWithClickCb[] = [
+    {
+      title: 'Sentry Crash',
+      pressCallback: () => {
+        throw new Error('rnoh error!');
+      }
+    },
+    {
+      title: 'Sentry Native Crash',
+      pressCallback: () => {
+        Sentry.nativeCrash();
+      }
+    },
+    {
+      title: 'captureMessage',
+      pressCallback: () => {
+        Toast.show('rnoh captureMessage', 2000);
+        Sentry.captureMessage('rnoh captureMessage!');
+      }
+    },
+    {
+      title: 'captureException',
+      pressCallback: () => {
+        try {
+          throw new Error('rnoh captureException!')
+        } catch (err) {
+          Sentry.captureException(err);
+        }
+      }
+    },
+    {
+      title: 'captureUserFeedBack',
+      pressCallback: () => {
+        const eventId = Sentry.captureMessage('User Feedback');
+        const userFeedback = {
+          event_id: eventId,
+          name: 'John Doe',
+          email: 'john@doe.com',
+          comments: 'I really like your App, thanks!',
+        };
+        Sentry.captureUserFeedback(userFeedback);
+      }
+    },
+    {
+      title: 'configStore',
+      pressCallback: () => {
+        Sentry.configureScope(scope => {
+          scope.setExtra( 'extData', 'abccc');
+          scope.setTag('testScope', 'wmltest');
+          scope.setUser({
+            id: 110, email: 'wangml@xxx.com'
+          })
+        });
+        Sentry.withScope(scope => {
+          scope.setExtra( 'extData', 'abccc');
+          scope.setTag('testScope', 'wmltest');
+          scope.setUser({
+            id: 110, email: 'wangml@xxx.com'
+          })
+          Sentry.captureMessage('test configStore');
+        })
+      }
+    },
+  ];
+
+  return (
+    <ScrollView>
+      <View style={{ height: '100%', backgroundColor: 'white', padding: 20 }}>
+        {
+          btnWithCbList.map((bv) =>
+            <View style={{ width: 300, height: 50, alignSelf: "center" }} key={bv.title}>
+              <Button onPress={bv.pressCallback} title={bv.title} />
+            </View>
+          )
+        }
+      </View>
+    </ScrollView>
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+常用api如下，详细请参考sentry官网: [https://docs.sentry.io/platforms/react-native/](https://docs.sentry.io/platforms/react-native/)
+
+| Name                | Description      | Type     | Required | Platform    | HarmonyOS Support |
+|---------------------|------------------|----------|----------|-------------|-------------------|
+| addBreadcrumb       | 错误详情面板添加面包屑.     | function | No       | IOS/Android | yes               |
+| setUser             | 设置用户信息.          | function | No       | IOS/Android | yes               |
+| setContext          | 错误详情面板设置context. | function | No       | IOS/Android | yes               |
+| setTag              | 设置标签.            | function | No       | IOS/Android | yes               |
+| captureMessage      | 主动上报消息.          | function | No       | IOS/Android | yes               |
+| captureException    | 主动上报错误.          | function | No       | IOS/Android | yes               |
+| captureUserFeedBack | 上报用户反馈信息.        | function | No       | IOS/Android | yes               |
+| withScope           | 隔离上下文环境.         | function | No       | IOS/Android | yes               |
+| addAttachment       | 设置附件.            | function | No       | IOS/Android | no                |
+| nativeCrash         | 抛出一个原生层错误.       | function | No       | IOS/Android | no                |
+
+
+官网功能说明：[sentry-react-native features](https://docs.sentry.io/platforms/react-native/features/)
+
+功能清单和支持情况如下表：
+
+| Features                                                                                                 | support(yes/no） |
+|----------------------------------------------------------------------------------------------------------|-----------------|
+| Automatic Native Crash Error Tracking (js)                                                               | yes             |
+| Source Context shows snippets of your code around the location of stack frames. (js)                     | yes             |
+| Events enriched with device data.                                                                        | yes             |
+| User Interaction events (touch, gesture).                                                                | yes             |
+| User Feedback provides the ability to collect user information when an event occurs.                     | yes             |
+| hermes support                                                                                           | yes             |
+| Automatic Native Crash Error Tracking (HarmonyOs)                                                        | no              |
+| Source Context shows snippets of your code around the location of stack frames. (HarmonyOs)              | no              |
+| Offline caching when a device is offline; we send a report once the application is restarted             | no              |
+| Breadcrumbs created for outgoing http request with XHR and Fetch; UI and system events; and console logs | no              |
+| Attachments enrich your event by storing additional files, such as config or log files.                  | no              |
+| View Hierarchy shows the structure of native components at the time an error occurred.                   | no              |
+| Frame count, cpu, memory analysis                                                                        | no              |
+
+## 遗留问题
+
+- [ ] 暂不支持harmony层Error捕获: [issue#1](https://github.com/react-native-oh-library/sentry-react-native/issues/1) 
+- [ ] addAttachment添加附件无效果: [issue#2](https://github.com/react-native-oh-library/sentry-react-native/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/getsentry/sentry-react-native/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/shopify-flash-list.md b/en/shopify-flash-list.md
new file mode 100644
index 00000000..9e4c3653
--- /dev/null
+++ b/en/shopify-flash-list.md
@@ -0,0 +1,265 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@shopify/flash-list</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/Shopify/flash-list">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Shopify/flash-list/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" /> 
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/flash-list)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/flash-list@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/flash-list@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import { View, Text } from "react-native";
+import { FlashList } from "@shopify/flash-list";
+
+const DATA = [
+  {
+    title: "First Item",
+  },
+  {
+    title: "Second Item",
+  },
+];
+
+const MyList = () => {
+  return (
+    <FlashList
+      data={DATA}
+      renderItem={({ item }) => <Text>{item.title}</Text>}
+      estimatedItemSize={200}
+    />
+  );
+};
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/flash-list": "file:../../node_modules/@react-native-oh-tpl/flash-list/harmony/flash_list.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 FlashListPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/flash-list/src/main/cpp" ./flah-list)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_flash_list)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "FlashListPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<FlashListPackage>(ctx)
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases)
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| contentContainerStyle                  | You can use contentContainerStyle to apply padding that will be applied to the whole content itself.                                                                                                                                                           | ContentStyle        | No       | All      | Yes                |
+| estimatedListSize                      | Estimated visible height and width of the list. It is not the scroll content size. Defining this prop will enable the list to be rendered immediately. Without it, the list first needs to measure its size, leading to a small delay during the first render. | object              | No       | All      | Yes                |
+| horizontal                             | If true, renders items next to each other horizontally instead of stacked vertically. Default is false.                                                                                                                                                        | boolean             | No       | All      | Yes |
+| keyExtractor                           | Used to extract a unique key for a given item at the specified index. Key is used for optimizing performance.                                                                                                                                                  | function            | No       | All      | Yes                |
+| numColumns                             | Multiple columns can only be rendered with horizontal={false} and will zig-zag like a flexWrap layout. Items should all be the same height - masonry layouts are not supported.                                                                                | number              | No       | All      | Yes                |
+| extraData                              | A marker property for telling the list to re-render (since it implements PureComponent)                                                                                                                                                                        | any                 | No       | All      | Yes                |
+| drawDistance                           | Draw distance for advanced rendering (in dp/px).                                                                                                                                                                                                               | number              | No       | All      | Yes                |
+| estimatedItemSize                      | estimatedItemSize is a single numeric value that hints FlashList about the approximate size of the items before they're rendered.                                                                                                                              | number              | No       | All      | Yes                |
+| viewabilityConfig                      | viewabilityConfig is a default configuration for determining whether items are viewable.                                                                                                                                                                       | object              | No       | All      | Yes                |
+| renderItem                             | Takes an item from data and renders it into the list.                                                                                                                                                                                                          | function            | Yes      | All      | Yes                |
+| data                                   | For simplicity, data is a plain array of items of a given type.                                                                                                                                                                                                | ItemT[]             | Yes      | All      | Yes                |
+| CellRendererComponent                  | Each cell is rendered using this element. Can be a React Component Class, or a render function                                                                                                                                                                 | JXS Element         | No       | All      | Yes                |
+| ListFooterComponent                    | Rendered at the bottom of all the items                                                                                                                                                                                                                        | JXS Element         | No       | All      | Yes                |
+| ListHeaderComponent                    | Rendered at the top of all the items                                                                                                                                                                                                                           | JXS Element         | No       | All      | Yes                |
+| refreshControl                         | A custom refresh control element.                                                                                                                                                                                                                              | JXS Element         | No       | All      | Yes                |
+| renderScrollComponent                  | Rendered as the main scrollview.                                                                                                                                                                                                                               | JXS Element         | No       | All      | Yes                |
+| onEndReached                           | Called once when the scroll position gets within onEndReachedThreshold of the rendered content.                                                                                                                                                                | callback            | No       | All      | Yes                |
+| onEndReachedThreshold                  | How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback                                                                                             | number              | No       | All      | Yes                |
+| onViewableItemsChanged                 | Called when the viewability of rows changes, as defined by the viewabilityConfig prop.                                                                                                                                                                         | callback            | No       | All      | Yes                |
+| getItemType                            | Allows developers to specify item types.                                                                                                                                                                                                                       | function            | No       | All      | Yes                |
+| overrideItemLayout                     | This method can be used to provide explicit size estimates or change column span of an item.                                                                                                                                                                   | function            | No       | All      | Yes                |
+| ItemSeparatorComponent                 | Rendered in between each item, but not at the top or bottom.                                                                                                                                                                                                   | JXS Element         | No       | All      | Yes                |
+| ListEmptyComponent                     | Rendered when the list is empty                                                                                                                                                                                                                                | JXS Element         | No       | All      |Yes               |
+| ListFooterComponentStyle               | Styling for internal View for ListFooterComponent.                                                                                                                                                                                                             | React.ComponentType | No       | All      | Yes                |
+| ListHeaderComponentStyle               | Styling for internal View for ListHeaderComponent.                                                                                                                                                                                                             | StyleProp           | No       | All      | Yes                |
+| disableAutoLayout                      | FlashList applies some fixes to layouts of its children which can conflict with custom CellRendererComponent implementations. You can disable this behavior by setting this to true.                                                                           | boolean             | No       | All      | Yes                |
+| disableHorizontalListHeightMeasurement | When set to true the list's rendered size needs to be deterministic (i.e., height and width greater than 0) as FlashList will skip rendering the extra item for measurement. Default value is false.                                                           | boolean             | No       | All      | Yes                |
+| estimatedFirstItemOffset               | estimatedFirstItemOffset specifies how far the first item is drawn from start of the list window or offset of the first item of the list (not the header).                                                                                                     | number              | No       | All      | Yes               |
+| initialScrollIndex                     | Instead of starting at the top with the first item, start at initialScrollIndex                                                                                                                                                                                | number              | No       | All      | Yes               |
+| inverted                               | Reverses the direction of scroll. Uses scale transforms of -1.                                                                                                                                                                                                 | boolean             | No       | All      | Yes                |
+| onBlankArea                            | FlashList computes blank space that is visible to the user during scrolling or the initial loading of the list.                                                                                                                                                | callback            | No       | All      | Yes                 |
+| onLoad                                 | This event is raised once the list has drawn items on the screen.                                                                                                                                                                                              | callback            | No       | All      | Yes               |
+| onRefresh                              | If provided, a standard RefreshControl will be added for "Pull to Refresh" functionality. Make sure to also set the refreshing prop correctly.                                                                                                                 | callback            | No       | All      | Yes                |
+| overrideProps                          | We do not recommend using this prop for anything else than debugging. Internal props of the list will be overriden with the provided values.                                                                                                                   | object              | No       | All      | Yes               |
+| progressViewOffset                     | Set this when offset is needed for the loading indicator to show correctly.                                                                                                                                                                                    | number              | No       | All      | Yes                |
+| refreshing                             | Set this true while waiting for new data from a refresh.                                                                                                                                                                                                       | boolean             | No       | All      | Yes                 |
+| viewabilityConfigCallbackPairs         | List of ViewabilityConfig/onViewableItemsChanged pairs. A specific onViewableItemsChanged will be called when its corresponding ViewabilityConfig's conditions are met.                                                                                        | object              | No       | All      | Yes                 |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| prepareForLayoutAnimationRender | Run this method before running layout animations, such as when animating an element when deleting it.                                                         | function | No       | All      | Yes               |
+| recordInteraction               | Tells the list an interaction has occurred, which should trigger viewability calculations, e.g. if waitForInteractions is true and the user has not scrolled. | function | No       | All      | Yes              |
+| scrollToEnd                     | Scrolls to the end of the content.                                                                                                                            | function | No       | All      | Yes               |
+| scrollToIndex                   | Scroll to a given index.                                                                                                                                      | function | No       | All      | Yes               |
+| scrollToItem                    | Scroll to a given item.                                                                                                                                       | function | No       | All      | Yes              |
+| scrollToOffset                  | Scroll to a specific content pixel offset in the list.                                                                                                        | function | No       | All      | Yes              |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/Shopify/flash-list/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/styled-components.md b/en/styled-components.md
new file mode 100644
index 00000000..088583d4
--- /dev/null
+++ b/en/styled-components.md
@@ -0,0 +1,121 @@
+<!-- {% raw %} -->
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>styled-components</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/styled-components/styled-components/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/styled-components/styled-components)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install styled-components@6.1.8
+```
+
+#### **yarn**
+
+```bash
+yarn add styled-components@6.1.8
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React, { useState } from 'react';
+import styled from 'styled-components/native';
+
+// 使用 styled-components 创建一个带样式的容器
+const Container = styled.View`
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  background-color: #f5fcff;
+`;
+
+// 使用 styled-components 创建一个带样式的文本组件
+const StyledText = styled.Text`
+  font-size: 24px;
+  color: ${(props) => (props.children === 'Highlighted!' ? 'tomato' : 'black')};
+  margin-bottom: 20px;
+`;
+
+// 使用 styled-components 创建一个带样式的按钮
+const StyledButton = styled.TouchableOpacity`
+  background-color: #3498db;
+  padding: 10px 20px;
+  border-radius: 5px;
+`;
+
+const ButtonText = styled.Text`
+  color: white;
+  font-size: 18px;
+`;
+
+const App = () => {
+  const [text, setText] = useState('Normal Text');
+
+  const toggleText = () => {
+    setText(text === 'Normal Text' ? 'Highlighted!' : 'Normal Text');
+  };
+
+  return (
+    <Container>
+      <StyledText>{text}</StyledText>
+      <StyledButton onPress={toggleText}>
+        <ButtonText>Toggle Text</ButtonText>
+      </StyledButton>
+    </Container>
+  );
+};
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
+
+## 属性
+
+详情见 [styled-components 源库地址](https://github.com/styled-components/styled-components)
+
+| 名称              | 说明                                                                                                                                                                                  | 类型          | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | -------- | -------- |
+| ThemeProvider     | A helper component for theming.                                                                                                                                                       | component     | No       | /        | Yes      |
+| css               | The css prop is a convenient way to iterate on your components without settling on fixed component boundaries yet                                                                     | prop          | No       | /        | Yes      |
+| toStyleSheet      | convert a style object to a stylesheet object                                                                                                                                         | function      | No       | /        | Yes      |
+| ThemeContext      | access the theme object and pass the theme object to the style component                                                                                                              | jsx component | No       | /        | Yes      |
+| isStyledComponent | A utility to help identify styled components.                                                                                                                                         | function      | No       | /        | Yes      |
+| withTheme         | This is a higher order component factory to get the current theme from a ThemeProvider and pass it to your component as a theme prop.                                                 | function      | No       | /        | Yes      |
+| useTheme          | This is a custom hook to get the current theme from a ThemeProvider.                                                                                                                  | function      | No       | /        | Yes      |
+| ThemeConsumer     | It passes the current theme (based on a ThemeProvider higher in your component tree) as an argument to the child function. From this function, you may return further JSX or nothing. | jsx component | No       | /        | Yes      |
+| createGlobalstyle | A helper function to generate a special StyledComponent that handles global styles                                                                                                    | function      | No       | Web      | No       |
+| keyframes         | A helper method to create keyframes for animations.                                                                                                                                   | function      | No       | Web      | No       |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/styled-components/styled-components/blob/main/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/styled-system.md b/en/styled-system.md
new file mode 100644
index 00000000..904ca00d
--- /dev/null
+++ b/en/styled-system.md
@@ -0,0 +1,186 @@
+<!-- {% raw %} -->
+
+> 模板版本：v0.1.3
+
+<p align="center">
+  <h1 align="center"> <code>styled-system</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/styled-system/styled-system/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/styled-system/styled-system)
+
+## 安装与使用
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install styled-system@5.1.5
+```
+
+#### **yarn**
+
+```bash
+yarn add styled-system@5.1.5
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+```js
+import React from "react";
+import styled from "styled-components/native";
+import { space, layout, color } from "styled-system";
+
+// 创建一个基础的 Box 组件
+const Box = styled.View`
+  ${space}
+  ${layout}
+  ${color}
+`;
+
+// 使用 Box 组件并应用不同的样式属性
+const App = () => {
+  return (
+    <Box
+      width="100%"
+      height={200}
+      padding={3}
+      margin={4}
+      backgroundColor="lightblue"
+    >
+      <Box
+        width={100}
+        height={100}
+        padding={2}
+        margin={2}
+        backgroundColor="blue"
+      />
+    </Box>
+  );
+};
+
+export default App;
+```
+
+## 约束与限制
+
+### 兼容性
+
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+详情见 [styled-system 源库地址](https://github.com/styled-system/styled-system)
+
+**API space**
+
+| Name          | Description | Type | Required | HarmonyOS Support |
+| ------------- | ----------- | ---- | -------- | ----------------- |
+| margin        | 外边距      | prop | no       | yes               |
+| marginTop     | 上外边距    | prop | no       | yes               |
+| marginRight   | 右外边距    | prop | no       | yes               |
+| marginLeft    | 左外边距    | prop | no       | yes               |
+| marginX       | X 轴外边距  | prop | no       | yes               |
+| marginY       | Y 轴外边距  | prop | no       | yes               |
+| padding       | 内边距      | prop | no       | yes               |
+| paddingTop    | 上内边距    | prop | no       | yes               |
+| paddingRight  | 右内边距    | prop | no       | yes               |
+| paddingLeft   | 左内边距    | prop | no       | yes               |
+| paddingBottom | 下内边距    | prop | no       | yes               |
+| paddingX      | X 轴内边距  | prop | no       | yes               |
+| paddingY      | Y 轴内边距  | prop | no       | yes               |
+
+**API color**
+
+| Name  | Description | Type | Required | HarmonyOS Support |
+| ----- | ----------- | ---- | -------- | ----------------- |
+| color | 颜色        | prop | no       | yes               |
+| bg    | 背景色      | prop | no       | yes               |
+
+**API typography**
+
+| Name          | Description | Type | Required | HarmonyOS Support | Notes |
+| ------------- | ----------- | ---- | -------- | ----------------- | ----- |
+| fontSize      | 字号大小    | prop | no       | yes               |       |
+| fontWeight    | 字体权重    | prop | no       | yes               |       |
+| lineHeight    | 行高        | prop | no       | yes               |       |
+| letterSpacing | 字符间距    | prop | no       | yes               |       |
+| textAlign     | 文本对齐    | prop | no       | yes               |       |
+| fontStyle     | 字体样式    | prop | no       | yes               |       |
+
+**API layout**
+
+| Name      | Description | Type | Required | HarmonyOS Support | Notes |
+| --------- | ----------- | ---- | -------- | ----------------- | ----- |
+| width     | 宽度        | prop | no       | yes               |       |
+| height    | 高度        | prop | no       | yes               |       |
+| minHeight | 最小高度    | prop | no       | yes               |       |
+| maxHeight | 最大高度    | prop | no       | yes               |       |
+| size      | 大小        | prop | no       | yes               |       |
+
+**API flexbox**
+
+| Name           | Description      | Type | Required | HarmonyOS Support | Notes |
+| -------------- | ---------------- | ---- | -------- | ----------------- | ----- |
+| alignItems     | 列内轴对齐项     | prop | no       | yes               |       |
+| justifyContent | 行内轴对齐内容   | prop | no       | yes               |       |
+| flexWrap       | 换行             | prop | no       | yes               |       |
+| flexDirection  | 弹性方向         | prop | no       | yes               |       |
+| flex           | 弹性布局         | prop | no       | yes               |       |
+| flexGrow       | 分配剩余空间比例 | prop | no       | yes               |       |
+| flexShrink     | 弹性收缩         | prop | no       | yes               |       |
+| flexBasis      | 弹性初始长度     | prop | no       | yes               |       |
+
+**API border**
+
+| Name                    | Description  | Type | Required | HarmonyOS Support | Notes |
+| ----------------------- | ------------ | ---- | -------- | ----------------- | ----- |
+| border                  | 边框         | prop | no       | yes               |       |
+| borderWidth             | 边框宽度     | prop | no       | yes               |       |
+| borderStyle             | 边框样式     | prop | no       | yes               |       |
+| borderColor             | 边框颜色     | prop | no       | yes               |       |
+| borderRadius            | 边框圆角     | prop | no       | yes               |       |
+| borderTopWidth          | 上边框宽度   | prop | no       | yes               |       |
+| borderTopColor          | 上边框颜色   | prop | no       | yes               |       |
+| borderTopLeftRadius     | 上左边框圆角 | prop | no       | yes               |       |
+| borderTopRightRadius    | 上右边框圆角 | prop | no       | yes               |       |
+| borderRightWidth        | 右边框宽度   | prop | no       | yes               |       |
+| borderRightColor        | 右边框颜色   | prop | no       | yes               |       |
+| borderBottomWidth       | 下边框宽度   | prop | no       | yes               |       |
+| borderBottomColor       | 下边框颜色   | prop | no       | yes               |       |
+| borderBottomLeftRadius  | 左下边框圆角 | prop | no       | yes               |       |
+| borderBottomRightRadius | 右下边框圆角 | prop | no       | yes               |       |
+| borderLeftWidth         | 左边框宽度   | prop | no       | yes               |       |
+| borderLeftColor         | 左边框颜色   | prop | no       | yes               |       |
+
+**API position**
+
+| Name | Description | Type | Required | HarmonyOS Support |
+| ---- | ----------- | ---- | -------- | ----------------- |
+| top  | 上偏移量    | prop | no       | yes               |
+| left | 左偏移量    | prop | no       | yes               |
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
diff --git a/en/usage-docs-checklist.md b/en/usage-docs-checklist.md
new file mode 100644
index 00000000..b34f3be2
--- /dev/null
+++ b/en/usage-docs-checklist.md
@@ -0,0 +1,33 @@
+# 文档 Checklist
+
+### 简介
+
+在提交 usage-docs 文档时，请自行对照如下表格进行检查。
+
+### Checklist
+
+| 序号 | 内容                                                                                                                                      |
+| ---- | ----------------------------------------------------------------------------------------------------------------------------------------- |
+| 1    | 是否按[最新模板](/zh-cn/model.md)修改                                                                                                    |
+| 2    | 是否修改模板号，当前最新版本为 v0.2.2                                                                                                     |
+| 3    | 是否填写 github 地址，位于模板版本下面:[!tip] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址                 |
+| 4    | 无修改的库是否指定版本，直接可复用社区代码，不涉及各类平台判断（platfrom、文件平台后缀等）的库，npm install & yarn add 需要指定验证的版本 |
+| 5    | Link 路径是否配套                                                                                                                         |
+| 6    | ArkTs 引入是否配套版本                                                                                                                    |
+| 7    | 有引入原生端代码和依赖是否和 npm 的包名一致；                                                                                             |
+| 8    | 是否添加权限限制（如有）                                                                                                                  |
+| 9    | 属性章节是否平台说明                                                                                                                      |
+| 10   | 属性章节表格头是否使用英文头                                                                                                              |
+| 11   | 属性章节 Description 是否补充平台描述                                                                                                     |
+| 12   | 是否列全所有暴露属性和接口（含不支持的）                                                                                                  |
+| 13   | 不支持属性是否有做问题遗留；                                                                                                              |
+| 14   | 遗留问题是否有 issue 跟踪                                                                                                                 |
+| 15   | 开源协议是否和原库一致（LICENSE）                                                                                                         |
+| 16   | 有引入原生端代码和依赖是否和 npm 的包名一致                                                                                               |
+| 17   | API、静态方法、属性的表格是否按照模板的格式                                                                                               |
+| 18   | release 超链接的载体是否为完整库名 + Release                                                                                              |
+| 19   | 使用 codegen 和直接链接源码的文档链接是否是相对路径                                                                                       |
+| 20   | 文档里面的 demo 是否没有代码代码错误，直接可跑通                                                                                          |
+| 21   | 文档名字是否以 npm 包名为准                                                                                                               |
+| 22   | fabric 库是否有 “在 ArkTS 侧引入 xxx 组件”                                                                                                |
+| 23   | 文档是否使用了 prettier 格式化                                                                                                            |
diff --git a/en/victory-native-xl.md b/en/victory-native-xl.md
new file mode 100644
index 00000000..f5b93794
--- /dev/null
+++ b/en/victory-native-xl.md
@@ -0,0 +1,227 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>victory-native-xl</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/FormidableLabs/victory-native-xl">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/victory-native-xl)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases)，并下载适用版本的 tgz 包
+
+进入到工程目录并输入以下命令：
+
+>[!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/victory-native-xl@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/victory-native-xl@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```jsx
+import * as React from "react";
+import { useState } from "react";
+import { View, Text } from "react-native";
+import { CartesianChart, Line } from "victory-native";
+
+function randomNumber() {
+  return Math.floor(Math.random() * 26) + 12;
+}
+const DATA = (numberPoints = 13) =>
+  Array.from({ length: numberPoints }, (_, index) => ({
+    day: index + 1,
+    highTmp: randomNumber(),
+  }));
+
+const [data, setData] = useState(DATA());
+
+export default function LineChartExample() {
+  return (
+    <>
+      <View style={{height: 300}}>
+      <Text>Line Chart</Text>
+      <CartesianChart
+        data={data}
+        xKey="day"
+        yKeys={["highTmp"]}
+      >
+        {({ points }) => (
+          <>
+          <Line 
+            points={points.highTmp} 
+            color="red" 
+            strokeWidth={3} 
+            curveType="catmullRom"
+            animate={{ type: "timing", duration: 300}}
+            connectMissingData={true}
+          />
+          </>
+        )}
+      </CartesianChart>
+      </View>
+      </>
+  );
+}
+```
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、 @react-native-oh-tpl/react-native-skia的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-skia](/zh-cn/react-native-skia.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases)
+
+## 属性
+
+详情见 [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl) Props tables
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### Cartesian Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data  | An array of objects to be used as data points for the chart | array[]  | yes     | all | yes
+| xKey  | A string value indicating the key of each data[number] object to be used on the independent (x) axis for charting. E.g. "day" if you want to use the "day" field of the data points for the x-axis |  string | yes  | all | yes
+| yKeys   | A string[] array of string indicating the keys of each data[number] object to be used on the dependent (y) axis for charting. E.g. yKeys={["lowTmp", "highTmp"]} if you want to chart both high and low temperatures on the y-axis and those values have keys of lowTmp and highTmp respectively | string[] | yes  | all | yes
+| children  | The children prop is a render function whose sole argument is an object that exposes transformed data for you to use in your drawing operations. For example, the children render function's argument has a points field that exposes a version of your input data that's transformed to be plotted on the Canvas (see the Example section above for an example of this)| function | yes  | all | yes
+| padding | A number or an object of shape { left?: number; right?: number; top?: number; bottom?: number; } that specifies that padding between the outer bounds of the Skia canvas and where the charting bounds will occur | number | no  | all | yes
+| domain | An object of shape { x?: [number] \| [number, number]; y?: [number] \| [number, number] } that can be specified to control the upper and lower bounds of each axis. It defaults to the min and max of each range respectively | object | no  | all | yes
+| domainPadding | A number or an object of shape { left?: number; right?: number; top?: number; bottom?: number; } that specifies that padding between the outer bounds of the charting area (e.g. where the axes lie) and where chart elements will be plotted | object  | no  | all | yes
+| axisOptions | The axisOptions is an optional prop allows you to configure the axes and grid of the chart. If it is not present then the chart will not render any axes or grid | object  | no  | all | yes
+| chartPressState | The chartPressState prop allows you to pass in Reanimated SharedValues that will be used to track the user's "press" gesture on the chart. This is generally used for creating some sort of tooltip/active value indicator. See the Chart Gestures page for more in-depth information on how to use this prop | object  | no  | all | yes
+| renderOutside | The renderOutside prop is identical to the children prop in form, but it will render elements at the root of the Skia canvas (not inside of a clipping group). This allows you to render elements outside of the bounds of any axes that you have configured | object  | no  | all | yes
+| onChartBoundsChange | The onChartBoundsChange prop is a function of the shape onChartBoundsChange?: (bounds: ChartBounds) => void; that exposes the chart bounds, useful if you need access to the chart's bounds for your own custom drawing purposes | function   | no  | all | yes
+| gestureLongPressDelay | The gestureLongPressDelay prop allows you to set the delay in milliseconds before the pan gesture is activated. Defaults to 100 | number   | no  | all | yes
+
+
+### Line Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points  | A PointsArray array that comes from a field of the points object exposed the children render function of CartesianChart, as illustrated in the example above | array[]  | no     | all | yes
+| animate  | The animate prop takes a PathAnimationConfig object and will animate the path when the points changes |  object | no  | all | yes
+| curveType   | A CurveType value that indicates the type of curve should be drawn (e.g. linear or natural) | string | no  | all | yes
+| connectMissingData  | The connectMissingData: boolean value that indicates whether missing data should be interpolated for the resulting Path. If set to true, the output will be a single, connected line chart path (even if there are missing data values). If set to false, if there is missing data values – the path will consist of multiple disconnected "parts"| boolean | no  | all | yes
+| children | A children pass-thru that will be rendered inside of the Skia Path element, useful if you'd like to make e.g. a gradient path | object | no  | all | yes
+| strokeWidth| Set the width of the line | number| no  | all | yes
+| color| Set the color of the line | string| no  | all | yes
+
+
+### Area Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points | A PointsArray array that comes from a field of the points object exposed the children render function of CartesianChart, as illustrated in the example above  | array[]   | no  | all | yes
+| y0  | A number that indicates where the "bottom" of the area path should run. This number should be in canvas coordinates | number  | no  | all | yes
+| animate | The animate prop takes a PathAnimationConfig object and will animate the path when the points changes | object  | no  | all | yes
+| curveType | A CurveType value that indicates the type of curve should be drawn (e.g. linear or natural) | string   | no  | all | yes
+| connectMissingData | The connectMissingData: boolean value that indicates whether missing data should be interpolated for the resulting Path. If set to true, the output will be a single, connected area chart path (even if there are missing data values). If set to false, if there is missing data values – the path will consist of multiple disconnected "parts"  | boolean | no  | all | yes
+| children  | A children pass-thru that will be rendered inside of the Skia Path element, useful if you'd like to make e.g. a gradient path | object   | no  | all | yes
+| color| Set the color of the area | string| no  | all | yes
+
+
+### Bar Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points | A PointsArray array that comes from a field of the points object exposed the children render function of CartesianChart, as illustrated in the example above | array[]  | no  | all | yes
+| chartBounds | A ChartBounds object needed to appropriately draw the bars. This generally comes from the chartBounds render argument of CartesianChart | object  | no  | all | yes
+| innerPadding | An optional number between 0 and 1 that represents what fraction of the horizontal space between the first and last bars should be "white space". Defaults to 0.2. Use 0 for no gap between bars, and values closer to 1 to make bars increasingly narrow | number | no  | all | yes
+| animate | The animate prop takes a PathAnimationConfig object and will animate the path when the points change | object   | no  | all | yes
+| roundedCorners | The roundedCorners prop allows you to customize the roundedness of each corner of the Bar component. It's an object type that defines the radii for the top-left, top-right, bottom-right, and bottom-left corners | object  | no  | all | yes
+| barWidth | The barWidth prop takes a number and sets the width of the bar to that number. If not provided, the default is determined by the chartBounds and number of data points. Takes precendence over the barCount prop. Use this for the most fine grained control of bar width | number    | no  | all | yes
+| barCount | The barCount prop takes a number and sets the width of the bar as if there X data points. If not provided, the default is determined by the chartBounds and number of data points. Useful for getting a fixed bar width regardless of the number of data points. Use this for a more general control of bar width | number  | no  | all | yes
+| children | A children pass-thru that will be rendered inside of the Skia Path element, useful if you'd like to make e.g. a gradient path  | object | no  | all | yes
+| color| Set the color of the bar| string| no  | all | yes
+
+
+### BarGroup Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| chartBounds | A ChartBounds object needed to appropriately draw the bars. This generally comes from the chartBounds render argument of CartesianChart | object  | no  | all | yes
+| betweenGroupPadding | An optional number between 0 and 1 that represents what fraction of the horizontal space between the first and last bar groups should be "white space". Defaults to 0.2. Use 0 for no gap between groups, and values closer to 1 to make bars increasingly narrow  | number  | no  | all | yes
+| withinGroupPadding | An optional number between 0 and 1 that represents what fraction of the horizontal space between the first and last bars within a group should be "white space". Defaults to 0.2. Use 0 for no gap between bars within a group, and values closer to 1 to make bars increasingly narrow | number   | no  | all | yes
+| barWidth | The barWidth prop takes a number and sets the width of the bar to that number. If not provided, the default is determined by a combination of the total available width for the group of bars, the number of bars in the group, and the padding between the bars within the group. Takes precedence over barCount prop. Use this for the most fine grained control of bar width | number   | no  | all | yes
+| barCount | The barCount prop takes a number and sets the width of the bar as if there X data points. If not provided, the default is determined by the chartBounds and number of data points. Useful for getting a fixed bar width regardless of the number of data points. Use this for a more general control of bar width | number   | no  | all | yes
+| onBarSizeChange | That alerts the consumer when the size of the bars/groups changes, useful for if you're building a custom tooltip and need to know the size of the groups/bars | function  | no  | all | yes
+| roundedCorners | The roundedCorners prop allows you to customize the roundedness of each corner of a BarGroup.Bar component. It's an object type that defines the radii for the top-left, top-right, bottom-right, and bottom-left corners | object   | no  | all | yes
+| children | An array of BarGroup.Bar elements (see below) that represent the bars to add to the bar group | object  | no  | all | yes
+| color| Set the color of the bar | string| no  | all | yes
+
+
+### Scatter Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| points | TA PointsArray array that comes from a field of the points object exposed the children render function of CartesianChart, as illustrated in the example above | array[]   | no  | all | yes
+| radius |  radius of the circle, half the width of the square | number  | no  | all | yes
+| shape   | One of the following ScatterShape values that determines the shape of each point to be drawn  | ScatterShape   | no  | all | yes
+| animate | The animate prop takes a PathAnimationConfig object and will animate the path when the points change | object   | no  | all | yes
+| children | An array of BarGroup.Bar elements (see below) that represent the bars to add to the bar group | object  | no  | all | yes
+| style| set style stroke or fill  | string| no  | all | yes
+| strokeWidth| Set the width of the line | number| no  | all | yes
+| color| Set the color of the bar| string| no  | all | yes
+
+### Polar Chart
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| data | An array of objects to be used as data points for the chart  | array[]   | yes  | all | yes
+| labelKey | A string value indicating the key of each data[number] object to be used. Currently only used on the legend part of the chart. In the future we may add support for a variety of labels within the chart  | string   | yes  | all | yes
+| valueKey | A string value indicating the key of each data[number] object to be used to draw a slice of the Pie  | string   | yes  | all | yes
+| colorKey | A string value indicating the key of each data[number] object to be used to draw a slice of the Pie  | string   | yes  | all | yes
+| children | The only supported children of a PolarChart is currently a Pie.Chart See the Pie Chart for more details  | object   | no  | all | yes
+| containerStyle | A StyleProp<ViewStyle> that styles the View which wraps the Canvas of the Polar chart  | object   | no  | all | yes
+| canvasStyle | A StyleProp<ViewStyle> that styles the Canvas upon which the Polar chart is drawn  | object   | no  | all | yes
+
+### Pie.Chart
+
+**Bar related props for making Capped Bar chart**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| innerRadius | A number or string (as a percentage) which turns the Pie chart into a Donut chart. The innerRadius prop is the radius of the inner circle of the donut chart. If not provided, the chart will remain a Pie chart   | number  | no  | all | yes
+| circleSweepDegrees | A number which defines how many degrees of the chart should be drawn. The default is 360 which will draw a full circle. If you want to draw a partial circle, you can set this prop to a value between 0 and 360  | number   | no  | all | yes
+| startAngle | A number which defines the starting angle of the chart. Changing this prop will rotate the chart     | number   | no  | all | yes
+| children | The children prop is a render function which maps through the data and whose sole argument is each individual slice of the pie, allowing you to customize each slice as needed. E.g. this slice will have all the data needed to render a Pie.Slice    | function  | no  | all | yes
+| angularStrokeWidth | A number which turns width of the Pie chart slice    | number  | no  | all | yes
+| angularStrokeColor |  A string which turns color of the Pie chart slice    | string  | no  | all | yes
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)]( https://www.mit-license.org/) ，请自由地享受和参与开源。

From d8accae44c20819acadb0e68492b2582056dd7ad Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Wed, 9 Oct 2024 08:22:17 +0000
Subject: [PATCH 639/966] =?UTF-8?q?!1626=20docs:=20[#IAVP25]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-blob-util=EF=BC=88nocodegen=EF=BC=89?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAVP25]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-blob-util=EF=BC=88nocodegen?=
 =?UTF-8?q?=EF=BC=89=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...-util\357\274\210nocodegen\357\274\211.md" | 116 ++++++++++--------
 1 file changed, 65 insertions(+), 51 deletions(-)

diff --git "a/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md" "b/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
index 78861a58..a1c4cf49 100644
--- "a/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
+++ "b/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
@@ -9,7 +9,6 @@
     </a>
     <a href="https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
@@ -56,7 +55,7 @@ import {
 import ReactNativeBlobUtil from "react-native-blob-util";
 
 export default function BlobUtilDemo() {
-  const [result, setResult] = (useState < string) | (null > null);
+  const [result, setResult] = useState < string | null > (null);
   const [mkdirParam, setMkdirParam] = useState("");
 
   const createFile = async () => {
@@ -562,90 +561,105 @@ ohpm install
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Fetch API
+
+##### ReactNativeBlobUtil.fetch
+
+| Name    | Description|Type | Required | Platform    | HarmonyOS Support |
+| ------- | --------|--- | -------- | ----------- | ----------------- |
+| progress | 进度   | Function    | No       | iOS/Android | yes                |
+| uploadProgress | 上传进度  | Function        | No       | iOS/Android | yes                |
+| cancel | 取消   | Function       | No       | iOS/Android | yes                |
+
+
 
 #### Android API
 
 ##### ReactNativeBlobUtil.android
 
-|        Name         | Description  | Required | Platform | HarmonyOS Support |
-| :-----------------: | :----------: | :------: | :------: | :---------------: |
-|  actionViewIntent   | 动作视图意图 |    No    | Android  |        No         |
-|  getContentIntent   | 获取内容意图 |    No    | Android  |        No         |
-| addCompleteDownload | 添加完整下载 |    No    | Android  |        No         |
+|        Name         | Description| Type   | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------|----: | :------: | :------: | :---------------: |
+|  actionViewIntent   | 动作视图意图| Function  |    No    | Android  |        No         |
+|  getContentIntent   | 获取内容意图| Function  |    No    | Android  |        No         |
+| addCompleteDownload | 添加完整下载| Function  |    No    | Android  |        No         |
 
 #### File System Access API
 
 ##### ReactNativeBlobUtil.fs
 
-|    Name     |            Description             | Required |  Platform   | HarmonyOS Support |
-| :---------: | :--------------------------------: | :------: | :---------: | :---------------: |
-|    dirs     |                目录                |    NO    | iOS/Android |        Yes        |
-| createFile  |              创建文件              |    NO    | iOS/Android |        Yes        |
-|  writeFile  |               写文件               |    NO    | iOS/Android |        Yes        |
-| writeStream |                写流                |    NO    | iOS/Android |        Yes        |
-| appendFile  |              追加文件              |    NO    | iOS/Android |        Yes        |
-|  readFile   |              读取文件              |    NO    | iOS/Android |        Yes        |
-|    hash     |                哈希                |    NO    | iOS/Android |        Yes        |
-| readStream  |                读流                |    NO    | iOS/Android |        Yes        |
-|    mkdir    |              创建目录              |    NO    | iOS/Android |        Yes        |
-|     ls      |        查看当下的文件和目录        |    NO    | iOS/Android |        Yes        |
-|     mv      |            移动文件位置            |    NO    | iOS/Android |        Yes        |
-|     cp      |              复制文件              |    NO    | iOS/Android |        Yes        |
-|   exists    |          检查文件是否存在          |    NO    | iOS/Android |        Yes        |
-|    isDir    |             是否是目录             |    NO    | iOS/Android |        Yes        |
-|   unlink    |              删除文件              |    NO    | iOS/Android |        Yes        |
-|    lstat    |      获取目录下文件的统计数据      |    NO    | iOS/Android |        Yes        |
-|    stat     |   类似地获取数据或目录的统计信息   |    NO    | iOS/Android |        Yes        |
-|  scanFile   |              扫描文件              |    NO    |   Android   |        No         |
-|    asset    |                资产                |    NO    | iOS/Android |        Yes        |
-|     df      | 获取设备的可用磁盘空间和总磁盘空间 |    NO    | iOS/Android |        Yes        |
+|    Name     |            Description  | Type             | Required |  Platform   | HarmonyOS Support |
+| :---------: | :---------------------| -----------: | :------: | :---------: | :---------------: |
+|    dirs     |                目录 | Function               |    NO    | iOS/Android |        yes        |
+| createFile  |              创建文件 | Function             |    NO    | iOS/Android |        yes        |
+|  writeFile  |               写文件   | Function            |    NO    | iOS/Android |        yes        |
+| writeStream |                写流    | Function            |    NO    | iOS/Android |        yes        |
+| appendFile  |              追加文件   | Function           |    NO    | iOS/Android |        yes        |
+|  readFile   |              读取文件  | Function            |    NO    | iOS/Android |        yes        |
+|    hash     |                哈希   | Function             |    NO    | iOS/Android |        yes        |
+| readStream  |                读流    | Function            |    NO    | iOS/Android |        yes        |
+|    mkdir    |              创建目录   | Function           |    NO    | iOS/Android |        yes        |
+|     ls      |        查看当下的文件和目录| Function        |    NO    | iOS/Android |        yes        |
+|     mv      |            移动文件位置  | Function          |    NO    | iOS/Android |        yes        |
+|     cp      |              复制文件   | Function           |    NO    | iOS/Android |        yes        |
+|   exists    |          检查文件是否存在 | Function         |    NO    | iOS/Android |        yes        |
+|    isDir    |             是否是目录  | Function           |    NO    | iOS/Android |        yes        |
+|   unlink    |              删除文件   | Function           |    NO    | iOS/Android |        yes        |
+|    lstat    |      获取目录下文件的统计数据 | Function     |    NO    | iOS/Android |        yes        |
+|    stat     |   类似地获取数据或目录的统计信息| Function   |    NO    | iOS/Android |        yes        |
+|  scanFile   |              扫描文件    | Function          |    NO    |   Android   |        no         |
+|    asset    |                资产      | Function          |    NO    | iOS/Android |        yes        |
+|     df      | 获取设备的可用磁盘空间和总磁盘空间| Function |    NO    | iOS/Android |        yes        |
 
 #### iOS API
 
 #### ReactNativeBlobUtil.ios
 
-| Name            | Description                            | Required | Platform | HarmonyOS Support |
-| --------------- | -------------------------------------- | -------- | -------- | ----------------- |
-| previewDocument | 文档查看器--需要系统权限               | No       | iOS      | No                |
-| openDocument    | 显示与文件交互的选项菜单--需要系统权限 | No       | iOS      | No                |
+| Name            | Description      | Type                      | Required | Platform | HarmonyOS Support |
+| --------------- | ----------------------| ---------------- | -------- | -------- | ----------------- |
+| previewDocument | 文档查看器--需要系统权限  | Function             | No       | iOS      | yes                |
+| openDocument    | 显示与文件交互的选项菜单--需要系统权限| Function | No       | iOS      | yes                |
 
 #### Network Utils
 
 ##### ReactNativeBlobUtil.net
 
-| Name          | Description | Required | Platform    | HarmonyOS Support |
-| ------------- | ----------- | -------- | ----------- | ----------------- |
-| getCookies    | 获取 cookie | No       | iOS/Android | No                |
-| removeCookies | 删除 cookie | No       | iOS/Android | No                |
+| Name          | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------- | ---| ----- | ----------- | ----------------- |
+| getCookies    | 获取 cookie| Function | No       | iOS/Android | no                |
+| removeCookies | 删除 cookie| Function | No       | iOS/Android | no               |
 
 #### Session API
 
 ##### ReactNativeBlobUtil.session
 
-| Name    | Description | Required | Platform    | HarmonyOS Support |
-| ------- | ----------- | -------- | ----------- | ----------------- |
-| session | 会话        | No       | iOS/Android | No                |
+| Name    | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | --| ------ | ----------- | ----------------- |
+| add | 向此会话添加文件路径   | Function     | No       | iOS/Android | yes                |
+| remove | 从此会话中删除会话条目而不删除文件  | Function      | No       | iOS/Android | yes                |
+| list | 返回包含此会话中的文件路径的数组   | Function     | No       | iOS/Android | yes                |
+| dispose | 删除会话中的所有文件  | Function      | No       | iOS/Android | yes                |
 
 #### MediaStore(Android Media Storage)
 
 ##### ReactNativeBlobUtil.MediaCollection
 
-| Name             | Description    | Required | Platform | HarmonyOS Support |
-| ---------------- | -------------- | -------- | -------- | ----------------- |
-| CopyToMediaStore | 复制到媒体存储 | No       | Android  | No                |
-| createMediaFile  | 创建媒体文件   | No       | Android  | No                |
-| writeMediaFile   | 写媒体文件     | No       | Android  | No                |
-| copyToInternal   | 复制到内部     | No       | Android  | No                |
+| Name             | Description | Type   | Required | Platform | HarmonyOS Support |
+| ---------------- | --------| ------ | -------- | -------- | ----------------- |
+| CopyToMediaStore | 复制到媒体存储| Function | No       | Android  | no                |
+| createMediaFile  | 创建媒体文件| Function   | No       | Android  | no                |
+| writeMediaFile   | 写媒体文件 | Function    | No       | Android  | no                |
+| copyToInternal   | 复制到内部 | Function    | No       | Android  | no                |
 
 #### Utils API
 
-| Name   | Description | Required | Platform    | HarmonyOS Support |
-| ------ | ----------- | -------- | ----------- | ----------------- |
-| wrap   |             | No       | iOS/Android | No                |
-| base64 |             | No       | iOS/Android | No                |
+| Name   | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------ | ----------- | ---| ----- | ----------- | ----------------- |
+| wrap   |  使文件路径可以被识别| Function           | No       | iOS/Android | yes                |
+| base64 |   使用base64编码解码| Function          | No       | iOS/Android | yes                |
+| session |  用于管理缓存文件 | Function          | No       | iOS/Android | yes                |
 
 ## 遗留问题
-
+ - [ ] blob-util在使用getCookies、removeCookies	在Android、iOS、Harmony OS 上使用都会报错: [issue#381](https://github.com/RonRadtke/react-native-blob-util/issues/381)
 ## 其他
 
 ## 开源协议

From a2991376dcfccebb545215e457fa7e84d973c9d4 Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Thu, 10 Oct 2024 01:29:50 +0000
Subject: [PATCH 640/966] =?UTF-8?q?!1625=20docs:=20[#IAVP00]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-camera-kit=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAVP00]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-camera-kit=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-camera-kit.md | 67 ++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)

diff --git a/zh-cn/react-native-camera-kit.md b/zh-cn/react-native-camera-kit.md
index c09c909f..2a06b7d7 100644
--- a/zh-cn/react-native-camera-kit.md
+++ b/zh-cn/react-native-camera-kit.md
@@ -278,6 +278,73 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
 
+### 权限要求
+
+以下权限中有`system_basic` 权限，而默认的应用权限是 `normal` ，只能使用 `normal` 等级的权限，所以可能会在安装hap包时报错**9568289**，请参考 [文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) 修改应用等级为 `system_basic`
+
+####  在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.CAMERA",
++    "reason": "$string:camera_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"inuse"
++    }
++  },
++  {
++    "name": "ohos.permission.MICROPHONE",
++    "reason": "$string:microphone_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"inuse"
++    }
++  },
++  {
++    "name": "ohos.permission.APPROXIMATELY_LOCATION",
++    "reason": "$string:location_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"inuse"
++    }
++  }
+]
+```
+
+#### 在 entry 目录下添加申请以上权限的原因
+
+打开 `entry/src/main/resources/base/element/string.json`，添加：
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "camera_reason",
++      "value": "使用相机"
++    },
++    {
++      "name": "location_reason",
++      "value": "获取当前位置"
++    },
++    {
++      "name": "microphone_reason",
++      "value": "使用麦克风"
++    },
+  ]
+}
+```
 
 ## 属性
 

From 011c6545d08984b5ce249274105553e8baa64d67 Mon Sep 17 00:00:00 2001
From: xiong <10038940+wx997659@user.noreply.gitee.com>
Date: Thu, 10 Oct 2024 02:11:51 +0000
Subject: [PATCH 641/966] =?UTF-8?q?!1632=20docs:=20[#IAVVDA]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-inappbrowser=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAVVDA]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-inappbrowser=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-inappbrowser.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-inappbrowser.md b/zh-cn/react-native-inappbrowser.md
index c816a7ab..183aacd7 100644
--- a/zh-cn/react-native-inappbrowser.md
+++ b/zh-cn/react-native-inappbrowser.md
@@ -277,7 +277,7 @@ export const tryDeepLinking = async () => {
 }
 ```
 
-### 配置Entry
+### 1.配置Entry
 
 **1.在 entry/src/main/ets/entryability 下创建 BrowserManagerAbility.ets**
 
@@ -330,9 +330,9 @@ export default class BrowserManagerAbility extends UIAbility {
 **2.在 entry/src/main/module.json5注册BrowserManagerAbility**
 
 ```
-"ablilities":[{
+"abilities":[{
     "name": "BrowserManagerAbility",
-    "srcEntrance": "./ets/entryability/BrowserManagerAbility.ets",
+    "srcEntry": "./ets/entryability/BrowserManagerAbility.ets",
     "description": "$string:EntryAbility_desc",
     "icon": "$media:icon",
     "startWindowIcon": "$media:startIcon",

From 1833a9e13c94216186b5d1fd45cdabf61bca8cd4 Mon Sep 17 00:00:00 2001
From: zm_code <2232592+zm_android_code@user.noreply.gitee.com>
Date: Thu, 10 Oct 2024 02:20:37 +0000
Subject: [PATCH 642/966] =?UTF-8?q?!1631=20docs:=E4=BF=AE=E6=94=B9react-na?=
 =?UTF-8?q?tive-audio-toolkit=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAVT33]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-audio-toolkit=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-audio-toolkit.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-audio-toolkit.md b/zh-cn/react-native-audio-toolkit.md
index 059cd5f1..e8d4c5d8 100644
--- a/zh-cn/react-native-audio-toolkit.md
+++ b/zh-cn/react-native-audio-toolkit.md
@@ -394,7 +394,7 @@ const styles = StyleSheet.create({
 
 ## 使用 Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/codegen.md)。
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 
@@ -461,7 +461,7 @@ ohpm install
 
 方法二：直接链接源码
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/link-source-code.md)
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 ### 4.运行
 

From c22e03b3359c887f35340dc6fcbf1e8298a1c90d Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Thu, 10 Oct 2024 03:24:28 +0000
Subject: [PATCH 643/966] =?UTF-8?q?!1630=20docs:=20[Issues:=20#IAVRNV]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAVRNV]=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?react-native-elements=E5=BA=93=E7=BB=84=E4=BB=B6=E4=B8=8D?=
 =?UTF-8?q?=E5=AD=98=E5=9C=A8=E7=9A=84=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-elements.md | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index 0382db6b..2dadb125 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -364,7 +364,6 @@ export default Avatars;
 |      onPressOut       |      Called when a touch is released before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
 | overlayContainerStyle |          Style for the view outside image or icon.           |                     Text Style                      |    No    |   All    |        Yes        |
 |    pressableProps     |             PressableProps except click handlers             |                   PressableProps                    |    No    |   All    |        Yes        |
-|  renderCustomContent  | Custom element inside the avatar (by default, it's the title). | ReactElement<{}, string,JSXElementConstructor<any>> |    No    |   All    |        Yes        |
 |        rounded        |                  Makes the avatar circular.                  |                       boolean                       |    No    |   All    |        Yes        |
 |         size          |                     Size of the avatar.                      |     `number`,`small`,`medium`,`large`,`xlarge`      |    No    |   All    |        Yes        |
 |        source         |           Image source to be displayed on avatar.            |                 ImageSourcePropType                 |    No    |   All    |        Yes        |
@@ -419,7 +418,6 @@ export default Avatars;
 |        color        |                       Color of Button                        | `string`,`primary`,`secondary`,`success` | No | All | Yes |
 |   containerStyle    |               Styling for Component container.               |                          View Style                          |    No    |   All    |        Yes        |
 |      disabled       |                  Disables user interaction.                  |                           boolean                            |    No    |   All    |        Yes        |
-|       boolean       |              Style of the button when disabled.              |                          View Style                          |    No    |   All    |        Yes        |
 | disabledTitleStyle  |              Style of the title when disabled.               |                      disabledTitleStyle                      |    No    |   All    |        Yes        |
 |        icon         | Displays a centered icon (when no title) or to the left (with text). (can be used along with iconRight as well). Can be an object or a custom component. |                           IconNode                           |    No    |   All    |        Yes        |
 | iconContainerStyle  |            Styling for Icon Component container.             |                          View Style                          |    No    |   All    |        Yes        |
@@ -599,9 +597,7 @@ export default Avatars;
 |               centerContainerStyle                |      Styling for container around the centerComponent.       |              View Style              |    No    |   All    |        Yes        |
 | Styling for container around the centerComponent. |            Add children component to the header.             | `(Element`，`Element[]) & ReactNode` |    No    |   All    |        Yes        |
 |                  containerStyle                   |              Styling around the main container.              |              View Style              |    No    |   All    |        Yes        |
-|                       edges                       |                 SafeAreaView edges control.                  |                Edge[]                |    No    |   All    |        Yes        |
 |                     elevated                      |                     Elevation for header                     |               boolean                |    No    |    No    |        No         |
-|                   hideStatusBar                   |               Accepts all props for StatusBar.               |               boolean                |    No    |   All    |        Yes        |
 |                   leftComponent                   |               Define your left component here.               |          HeaderSubComponent          |    No    |   All    |        Yes        |
 |                leftContainerStyle                 |       Styling for container around the leftComponent.        |              View Style              |    No    |   All    |        Yes        |
 |                linearGradientProps                | Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/header#lineargradient-usage). |                Object                |    No    |    No    |        No         |
@@ -654,7 +650,6 @@ export default Avatars;
 
 |          Name           |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
 | :---------------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
-|     ErrorComponent      | component that will be rendered in place of the error message | React Component |    No    |   All    |        Yes        |
 |     InputComponent      | component that will be rendered in place of the React Native TextInput | React Component |    No    |   All    |        Yes        |
 |     containerStyle      |                      Style for containe                      |   View Style    |    No    |   All    |        Yes        |
 |        disabled         |                 disables the input component                 |     boolean     |    No    |   All    |        Yes        |
@@ -755,7 +750,6 @@ export default Avatars;
 |  leftContent  |                Left Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
 |   leftStyle   |          Style of left container.           |               View Style                |    No    |   All    |        Yes        |
 |   leftWidth   |       Width of swipe left container.        |                 number                  |    No    |   All    |        Yes        |
-| minSlideWidth | minimum horizontal distance to open content |                 number                  |    No    |    No    |        No         |
 | onSwipeBegin  |    Handler for swipe in either direction    | `(direction: left`,`right) => unknown`  |    No    |   All    |        Yes        |
 |  onSwipeEnd   |           Handler for swipe end.            |              () => unknown              |    No    |   All    |        Yes        |
 | rightContent  |               Right Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |

From 80bc7024ac7f23a2e347248c3353593d09657483 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E5=98=89=E8=BE=89?= <961978925@qq.com>
Date: Thu, 10 Oct 2024 06:47:13 +0000
Subject: [PATCH 644/966] =?UTF-8?q?!1633=20=20=20=20docs:=20[Issue:=20#IAV?=
 =?UTF-8?q?Z7Q]=E4=BF=AE=E6=94=B9push-notification-ios=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAVZ7Q]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9push-notification-ios=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-push-notification-ios.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index 9632f52c..2174973b 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -351,10 +351,10 @@ _NotificationRequest:_
 | `subtitle` | A secondary description of the reason for the notification        | string  | no       | All      | no               |
 | `body`     | The message displayed in the notificatio                          | string  | yes      | All      | yes               |
 | `badge`    | The number to display as the app's icon badge                     | number  | no       | All      | yes               |
-| `fireDate` | The date and time when the system should deliver the notification | object  | no       | All      | yes               |
+| `fireDate` | The date and time when the system should deliver the notification | object  | no       | All      | no               |
 | `repeats`  | Sets notification to repeat                                       | boolean | no       | All      | no               |
 | `repeatsComponent`  | An object indicating which parts of fireDate should be repeated                                       | object | no       | All      | no               |
-| `sound`  | The sound played when the notification is fired                                       | string | no       | All      | yes               |
+| `sound`  | The sound played when the notification is fired                                       | string | no       | All      | no               |
 | `category`  | The category of this notification, required for actionable notifications                                       | string | no       | All      | no               |
 | `isSilent` | If true, the notification will appear without sound               | boolean | no       | All      | yes               |
 | `isCritical` |  If true, the notification sound be played even when the device is locked, muted, or has Do Not Disturb enabled               | boolean | no       | All      | no               |

From 3f438cc13fed1114b0b6f01333be72b4ce6b7e13 Mon Sep 17 00:00:00 2001
From: leehom <9290617+leehom6666@user.noreply.gitee.com>
Date: Fri, 11 Oct 2024 01:31:50 +0000
Subject: [PATCH 645/966] =?UTF-8?q?!1634=20docs:=20[#IAVZ9B]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9deepmerge,i18next,parse5=E7=AD=89=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAVZ9B]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?deepmerge=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/deepmerge.md                            | 32 ++++++------
 en/i18next.md                              | 40 +++++++--------
 en/parse5.md                               | 30 +++++------
 en/prop-types.md                           | 31 ++++++-----
 en/qrcode-generator.md                     | 34 ++++++------
 en/react-i18next.md                        | 30 +++++------
 en/react-native-animate-number.md          | 26 +++++-----
 en/react-native-canvas.md                  | 47 +++++++++--------
 en/react-native-confirmation-code-field.md | 38 +++++++-------
 en/react-native-echarts-pro.md             | 38 +++++++-------
 en/react-native-pull.md                    | 60 +++++++++++-----------
 en/react-native-scrollable-tab-view.md     | 46 ++++++++---------
 en/react-native-swiper.md                  | 30 +++++------
 13 files changed, 240 insertions(+), 242 deletions(-)

diff --git a/en/deepmerge.md b/en/deepmerge.md
index 2284de0c..9d330671 100644
--- a/en/deepmerge.md
+++ b/en/deepmerge.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>deepmerge</code> </h1>
@@ -10,11 +10,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/TehShrike/deepmerge)
+> [!tip] [Github address](https://github.com/TehShrike/deepmerge)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -32,7 +32,7 @@ yarn add deepmerge@4.3.1
 
 <!-- tabs:end -->
 
-快速使用：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React from 'react';
@@ -40,7 +40,7 @@ import { View, Text, StyleSheet, ScrollView } from 'react-native';
 import deepmerge from 'deepmerge';
 
 const App = () => {
-  // 定义两个需要合并的对象
+  // Define two objects that need to be merged
   const object1 = {
     name: 'John',
     age: 30,
@@ -58,7 +58,7 @@ const App = () => {
     hobbies: ['Reading', 'Hiking'],
   };
 
-  // 使用 deepmerge 合并两个对象
+  // Merge two objects using deepmerge
   const mergedObject = deepmerge(object1, object2);
 
   return (
@@ -99,32 +99,32 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 
 ## API
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见 [deepmerge源库地址](https://github.com/TehShrike/deepmerge)
+For details, see [deepmerge Source Code](https://github.com/TehShrike/deepmerge)
 
 | Name                                     | Description                                                                                          | Type     | Required | HarmonyOS Support |
 | ---------------------------------------- | ---------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
 | deepmerge(x, y, [options])               | Merge two objects x and y deeply, returning a new merged object with the elements from both x and y. | function | no       | yes               |
 | deepmerge.all(arrayOfObjects, [options]) | Merges any number of objects into a single result object.                                            | function | no       | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/TehShrike/deepmerge/blob/master/license.txt) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/TehShrike/deepmerge/blob/master/license.txt).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/i18next.md b/en/i18next.md
index fb978f48..d71142f2 100644
--- a/en/i18next.md
+++ b/en/i18next.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>i18next</code> </h1>
@@ -9,12 +9,12 @@
     </a>
 </p>
 
->[!tip] [Github 地址](https://github.com/i18next/i18next)
+>[!tip] [Github address](https://github.com/i18next/i18next)
 
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -32,9 +32,9 @@ yarn add i18next@23.7.16
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!tip] 在下面的 demo 中，本库需要与 react-i18next 一起使用，react-i18next 的使用方式请见[react-i18next 文档](/zh-cn/react-i18next.md)
+> [!tip] In the following demo, this library needs to be used together with react-i18next，Please refer to the [react-i18next documentation] for instructions on how to use react-i18next(/zh-cn/react-i18next.md)
 
 ```js
 import React from 'react';  
@@ -42,9 +42,9 @@ import { View, Text, Button, StyleSheet } from 'react-native';
 import i18n from 'i18next';  
 import { initReactI18next, useTranslation } from 'react-i18next';  
 
-// 初始化 i18next  
+// initialization i18next  
 i18n  
-  .use(initReactI18next) // 将 i18next 绑定到 react-i18next  
+  .use(initReactI18next) // Bind i18next to react-i18next  
   .init({  
     resources: {  
       en: {  
@@ -60,10 +60,10 @@ i18n
         },  
       },  
     },  
-    lng: "en", // 默认语言  
+    lng: "en", // default language  
     fallbackLng: "en",  
     interpolation: {  
-      escapeValue: false, // React 已经安全处理了  
+      escapeValue: false, // React It has been safely processed  
     },  
   });  
 
@@ -106,22 +106,22 @@ const styles = StyleSheet.create({
 export default I18NextDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
- 在下述版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 2. RNOH: 0.72.28; SDK: HarmonyOS-Next-DB5 5.0.0.60; IDE: DevEco Studio 5.0.3.655; ROM: 5.0.0.60;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见 [i18next源库地址](https://github.com/i18next/i18next)
+details [i18next address](https://github.com/i18next/i18next)
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ---- | ---- | -------- | -------- | -------- |
@@ -155,10 +155,10 @@ export default I18NextDemo;
 | getResourceBundle | Returns a resource bundle. | function | no | / | yes |
 | removeResourceBundle | Removes an existing bundle. | function | no | / | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/i18next/i18next/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/i18next/i18next/blob/master/LICENSE).
diff --git a/en/parse5.md b/en/parse5.md
index 49f8772e..73a29a29 100644
--- a/en/parse5.md
+++ b/en/parse5.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>parse5</code> </h1>
@@ -10,11 +10,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/inikulin/parse5)
+> [!tip] [Github address](https://github.com/inikulin/parse5)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -32,7 +32,7 @@ yarn add parse5@7.1.2
 
 <!-- tabs:end -->
 
-直接使用：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useEffect, useState } from 'react';
@@ -132,22 +132,22 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过：
+This document is verified based on the following versions：
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见 [parse5文档地址](https://parse5.js.org/index.html)
+For details, see [parse5 Document address](https://parse5.js.org/index.html)
 
 | Name                                           | Description                                                                   | Type     | Required | HarmonyOS Support |
 | ---------------------------------------------- | ----------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -156,12 +156,12 @@ export default App;
 | serialize(node, options?)                      | Serializes an AST node to an HTML string.                                     | function | no       | yes               |
 | serializeOuter(node, options?)                 | Serializes an AST element node to an HTML string, including the element node. | function | no       | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/inikulin/parse5/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/inikulin/parse5/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/prop-types.md b/en/prop-types.md
index b4daf627..81df0ef8 100644
--- a/en/prop-types.md
+++ b/en/prop-types.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>prop-types</code> </h1>
@@ -10,9 +10,9 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/facebook/prop-types/tree/v15.8.1)
+> [!tip] [Github address](https://github.com/facebook/prop-types/tree/v15.8.1)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -30,7 +30,7 @@ yarn add prop-types
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React from 'react';
@@ -46,13 +46,12 @@ const Greeting = ({ name, age }) => {
   );
 };
 
-// 使用prop-types进行props类型验证
+
 Greeting.propTypes = {
-  name: PropTypes.string.isRequired, // name 必须是字符串且是必填项
-  age: PropTypes.number,             // age 是可选的且必须是数字
+  name: PropTypes.string.isRequired, 
+  age: PropTypes.number,             
 };
 
-// 默认props值
 Greeting.defaultProps = {
   age: 0,
 };
@@ -84,16 +83,16 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 
-#### 属性
+#### Properties
 
-| 名称        | 说明                                                 | 类型      | 是否必填 |  HarmonyOS 支持 |
+| Name        | Description                                                 | Type      | Required |  HarmonyOS Support |
 | ----------- | ---------------------------------------------------- | --------- | -------- | -------- |
 | any         | 约束属性为任意类型                                   | Attribute | NO       | yes      |
 | array       | 约束属性为数组类型                                   | Attribute | NO       | yes      |
@@ -114,12 +113,12 @@ export default App;
 | shape       | 约束属性为指定构成方式的对象                         | function  | NO       | yes      |
 | exact       | 约束属性包含指定属性                                 | function  | NO       | yes      |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/qrcode-generator.md b/en/qrcode-generator.md
index 27a59066..553b400e 100644
--- a/en/qrcode-generator.md
+++ b/en/qrcode-generator.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>qrcode-generator</code> </h1>
@@ -15,13 +15,13 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/kazuhikoarase/qrcode-generator)
+> [!TIP] [Github address](https://github.com/kazuhikoarase/qrcode-generator)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -35,7 +35,7 @@ npm install qrcode-generator@1.4.4
 yarn add qrcode-generator@1.4.4
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useState, useEffect } from "react";
@@ -63,19 +63,19 @@ export const CustomQrCode = ({ text, style }) => {
 };
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                                | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------- | ---------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -90,11 +90,11 @@ export const CustomQrCode = ({ text, style }) => {
 | margin               | default: cellSize \* 4                                     | function | No       | iOS/Android | Yes               |
 | alt                  | (optional)                                                 | function | No       | iOS/Android | Yes               |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                      | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | ----------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
@@ -110,12 +110,12 @@ export const CustomQrCode = ({ text, style }) => {
 | QRCode.createTableTag(cellSize, margin)   | Generate QR codes for table tags,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
 | QRCode.createASCII(cellSize, margin)      | Generate ASCII code,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | iOS/Android | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-i18next.md b/en/react-i18next.md
index 48b8167a..e2c5bd60 100644
--- a/en/react-i18next.md
+++ b/en/react-i18next.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-i18next</code> </h1>
@@ -10,11 +10,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/i18next/react-i18next)
+> [!tip] [Github address](https://github.com/i18next/react-i18next)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -38,7 +38,7 @@ yarn add react-i18next@^14.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React from "react";
@@ -78,22 +78,22 @@ const root = createRoot(document.getElementById("root"));
 root.render(<App />);
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见 [react-i18next源库地址](https://github.com/i18next/react-i18next)
+For details, see [react-i18next Source Code](https://github.com/i18next/react-i18next)
 
 | Name             | Description                                                                                                                                                             | Type     | Required | Platform | HarmonyOS Support |
 | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -104,12 +104,12 @@ root.render(<App />);
 | Trans            | The Trans component is the best way to translate a JSX tree in one translation. This enables you to eg. easily translate text containing a link component or formatting | function | no       | /        | yes               |
 | I18nextProvider  | The I18nextProvider does take an i18next instance via prop i18n and passes that down using the context API.                                                             | function | no       | /        | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/i18next/react-i18next/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/i18next/react-i18next/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-animate-number.md b/en/react-native-animate-number.md
index f704570e..29ea9e0d 100644
--- a/en/react-native-animate-number.md
+++ b/en/react-native-animate-number.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-animate-number</code> </h1>
@@ -15,11 +15,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/wkh237/react-native-animate-number)
+> [!TIP] [Github address](https://github.com/wkh237/react-native-animate-number)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,7 +37,7 @@ yarn add react-native-animate-number@0.1.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
 import React, { useState } from "react";
@@ -143,15 +143,15 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 
-## 属性
+## Properties
 
 | Name         | Description                                                                                                                                                 | Type     | Required | Platform    | HarmonyOS Support |
 | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -164,12 +164,12 @@ export default App;
 | `onProgress` | Either updated height or width will trigger onSizeUpdated.                                                                                                  | function | No       | Android IOS | YES               |
 | `onFinish`   | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView.                                                                | function | No       | Android IOS | YES               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-canvas.md b/en/react-native-canvas.md
index b77fb6bf..07fbb659 100644
--- a/en/react-native-canvas.md
+++ b/en/react-native-canvas.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-canvas</code> </h1>
@@ -15,11 +15,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/iddan/react-native-canvas)
+> [!TIP] [Github address](https://github.com/iddan/react-native-canvas)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,16 +35,16 @@ npm install react-native-canvas@0.1.39
 yarn add react-native-canvas@0.1.39
 ```
 
-[!TIP] 如果依赖未完全安装，请执行：
+[!TIP] If the dependency is not fully installed, please perform:
 ```bash
 npm install --save-dev @type/react-native-canvas@0.1.39
 ```
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useRef, useEffect } from "react";
@@ -65,33 +65,33 @@ const CanvasDemo = () => {
       canvas.height = 500;
       const context = canvas.getContext("2d") as CanvasRenderingContext2D;
 
-      // 绘制背景
+      // draw Background
       context.fillStyle = "gray";
       context.fillRect(0, 0, 1000, 1000);
 
-      //绘制矩形
+      //draw rectangle
       context.fillStyle = "blue";
       context.fillRect(10, 10, 100, 100);
 
-      //绘制椭圆
+      //draw an ellipse
       const ellipse = new Path2D(canvas);
       ellipse.ellipse(200, 60, 50, 30, 0, 0, 2 * Math.PI);
       context.fillStyle = "green";
       context.fill(ellipse);
 
-      //绘制线条
+      //draw lines
       context.beginPath();
       context.moveTo(10, 150);
       context.lineTo(150, 150);
       context.strokeStyle = "red";
       context.stroke();
 
-      // 绘制文字
+      // draw Text
       context.font = "bold 24px Arial";
       context.fillStyle = "orange";
       context.fillText("Hello World", 20, 200);
 
-      //绘制图片
+      //draw a picture
       const image = new CanvasImage(canvas);
       image.src =
         "https://upload.wikimedia.org/wikipedia/commons/6/63/Biho_Takashi._Bat_Before_the_Moon%2C_ca._1910.jpg";
@@ -136,19 +136,19 @@ export default CanvasDemo;
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-webview，If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview ](react-native-webview.md)文档的 Link 章节进行引入
+If not introduced, please refer to the Link section of the document[@react-native-oh-tpl/react-native-webview ](react-native-webview.md)for introduction.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 属性
+## Properties
 
 | Name           | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
 | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -158,12 +158,11 @@ export default CanvasDemo;
 | `Image()`      | WebView Image constructor. Unlike in the browsers accepts canvas as first argument. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image)                            | function | No       | Android IOS | YES               |
 | `Path2D()`     | Path2D API constructor. Unlike in the browsers, this requires the canvas as first argument. See also https://developer.mozilla.org/en-US/docs/Web/API/Path2D/Path2D..                         | function | No       | Android IOS | YES               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/iddan/react-native-canvas/blob/master/license.txt) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The MIT License (MIT)](https://github.com/iddan/react-native-canvas/blob/master/license.txt).
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-confirmation-code-field.md b/en/react-native-confirmation-code-field.md
index 1ca90342..dbde650c 100644
--- a/en/react-native-confirmation-code-field.md
+++ b/en/react-native-confirmation-code-field.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-confirmation-code-field</code> </h1>
@@ -13,9 +13,9 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/retyui/react-native-confirmation-code-field)
+> [!tip] [Github address](https://github.com/retyui/react-native-confirmation-code-field)
 
-## 安装与使用
+## Installation and Usage
 
 #### **npm**
 
@@ -31,9 +31,9 @@ yarn add react-native-confirmation-code-field@7.3.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -104,30 +104,30 @@ const App = () => {
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 组件
+## component
 
-> [!tip] "Platform"列表示该组件在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name        | Description                                                                                                                                                                                          | Type      | Platform | HarmonyOS Support |
 | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------------- |
 | `CodeField` | This a base component that render RootComponent (default: View) with cells that would be returned by renderCell() and a <TextInput/> that will be invisible and over all cells within root component | component | All      | yes               |
 | `Cursor`    | It's a help component for simulation a cursor blinking animation in <Cell/> components                                                                                                               | component | All      | yes               |
 
-## CodeField属性
+## CodeField Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                                | Type                     | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------- | ------------------------ | -------- | -------- | ----------------- |
@@ -141,19 +141,19 @@ export default App;
 
 ## Hooks
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Type           | Required | Platform | HarmonyOS Support |
 | --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
 | `useClearByFocusCell` | Simple hook that add functionality that trim value by pressed cell,After invoke this hook wil return array with two values `[props,getCellOnLayout]`;<br/> -`props`- an object that you should spreed to ` <CodeField/>` <br/> - `getCellOnLayout(index: number): Function` - helper method that returns `onLayout` handler <br/> - If you need to style only one borderX (example `borderBottom`) you need to know about React Native issue with [border styles for `<Text/>` on iOS](https://github.com/facebook/react-native/issues/23537).<br/> - To fix it need `<View/>` wrapper for Cell, but don't forger to move `onLayout={getCellOnLayoutHandler(index)` to `<View/>` | Function       | yes      | All      | yes               |
 | `useBlurOnFulfill`    | This hook include a logic to blurring`<TextInput/>`when value fulfilled You should pass two params: <br/> - `value?: string` - a string value that;<br/> - `cellCount: number`;<br/>Returned value will be a TextInput ref that you should pass to`<CodeField/>`component.And when a value length would equal cellCount will be called `.blur()` method.It work perfectly with `useClearByFocusCell` hook                                                                                                                                                                                                                                                                        | Ref<TextInput> | yes      | All      | yes               |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-echarts-pro.md b/en/react-native-echarts-pro.md
index c8c4dafa..45c70fea 100644
--- a/en/react-native-echarts-pro.md
+++ b/en/react-native-echarts-pro.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-echarts-pro</code> </h1>
@@ -10,13 +10,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/supervons/react-native-echarts-pro)
+> [!TIP] [Github address](https://github.com/supervons/react-native-echarts-pro)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add react-native-echarts-pro@^1.9.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React from "react";
@@ -83,23 +83,23 @@ export default function RNEPDemo() {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-webview，If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](/zh-cn/react-native-webview.md)进行引入
+If not introduced, please refer to the Link section of the document[@react-native-oh-tpl/react-native-webview ](react-native-webview.md)for introduction.
 
-## 兼容性
+## Constraints
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见[react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro/tree/master)
+For details, see [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro/tree/master)
 
 ### Properties for all react-native-echarts-pro components:
 
@@ -118,14 +118,14 @@ export default function RNEPDemo() {
 | fontFamilies              | Custom font families.                                                                                        | Array    | Android/ios | N        | No                |
 | enableParseStringFunction | If enabled, function are parse as strings                                                                    | Boolean  | All         | N        | Yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] fontFamilies自定义字体属性未生效，该属性需要将字体文件转为base64字符串，拼接在html中的style标签中使用，经验证，这种用法在react-native-webview的最小化demo也不生效，一旦有base64字体加载，就会白屏并无法触发loadEnd，而原生 HarmonyOS webview上显示正常 [issues#20](https://github.com/react-native-oh-library/react-native-webview/issues/20)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-pull.md b/en/react-native-pull.md
index 9748d297..d2fbf00b 100644
--- a/en/react-native-pull.md
+++ b/en/react-native-pull.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
 <h1 align="center"> <code>react-native-pull</code> </h1>
@@ -15,15 +15,15 @@
 
 
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-pull)
+> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-pull)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)，并下载适用版本的 tgz 包。
+Please visit the address of the third-party library to view the supporting version information:[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)，And download the applicable version of the TGZ package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] # Replace with the path of the tgz package
 
 <!-- tabs:start -->
 
@@ -41,13 +41,13 @@ yarn add @react-native-oh-tpl/react-native-pull@file:#
 
 <!-- tabs:end -->
 
-下面的demo代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The library name imported during use remains unchanged.
 
 **PullViewDemo**
 
-> 代码示例
+> code example
 
 ```js
 import React, { Component, useState } from 'react';
@@ -149,7 +149,7 @@ const styles = StyleSheet.create({
 
 **PullListDemo**
 
-> 代码示例
+> code example
 
 ```jsx
 import React, { Component, useState } from 'react';
@@ -363,21 +363,21 @@ const PullListDemo = () => {
 
     const [refreshing, setRefreshing] = useState(false)
     const onRefresh = () => {
-      // 加载数据的逻辑
+      // Logic for loading data
       setRefreshing(true)
-      // 数据加载完成后
+      // After data loading is completed
       setTimeout(() => {
         setRefreshing(false)
-      }, 2000); // 假设数据加载需要2秒
+      }, 2000); // Assuming that data loading takes 2 seconds
     };
     const refreshControl = (
       <RefreshControl
         refreshing={refreshing}
         onRefresh={onRefresh}
-        tintColor="#ff0000" // 可选，设置刷新指示器的颜色
-        title="Loading..." // 可选，设置刷新时显示的文本
-        colors={['#ff0000', '#00ff00', '#0000ff']} // 可选，设置刷新指示器的颜色数组
-        progressBackgroundColor="#ffffff" // 可选，设置进度背景色
+        tintColor="#ff0000" // Optional, set the color of the refresh indicator
+        title="Loading..." // Optional, set the text displayed when refreshing
+        colors={['#ff0000', '#00ff00', '#0000ff']} // Optional, set the color array for the refresh indicator
+        progressBackgroundColor="#ffffff" // Optional, set progress background color
       />
     );
 
@@ -393,7 +393,7 @@ const PullListDemo = () => {
             topIndicatorHeight={60}
             pageSize={5}
             scrollViewProps={{
-                scrollEventThrottle: 16, // 减少滚动事件的延迟，提高滚动的响应性
+                scrollEventThrottle: 16, // Reduce the delay of scrolling events and improve the responsiveness of scrolling
               }}
             initialListSize={5}
             onEndReached={loadMore}
@@ -433,21 +433,21 @@ export default PullListDemo;
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**`PullView` & `PullList` 下拉效果属性**
+**`PullView` & `PullList` Pull down effect attribute**
 
 | Name                 | Description                                                                                                                                                                | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -462,12 +462,12 @@ export default PullListDemo;
 | `onRefresh`          | 开始刷新时调用的方法                                                                                                                                                       | function | no       | android,ios | yes               |
 | `refreshing`         | 指示是否正在刷新                                                                                                                                                           | function | no       | android,ios | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/greatbsky/react-native-pull/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/greatbsky/react-native-pull/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-scrollable-tab-view.md b/en/react-native-scrollable-tab-view.md
index 80efc515..6251298f 100644
--- a/en/react-native-scrollable-tab-view.md
+++ b/en/react-native-scrollable-tab-view.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-scrollable-tab-view</code> </h1>
@@ -15,15 +15,14 @@
 
 
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
+> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)，并下载适用版本的 tgz 包。
+Please visit the Release release address of the third-party library to view the corresponding version information：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)，And download the applicable version of the TGZ package.
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] # Replace with the path of the tgz package
 
 <!-- tabs:start -->
 
@@ -41,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The library name imported during use remains unchanged.
 
 ```js
 import React from "react";
@@ -68,23 +67,24 @@ export default () => {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-pager-view 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](react-native-pager-view.md#link)进行引入
+The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-pager-view，If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
+
+If not introduced, please refer to the Link section of the document[@react-native-oh-tpl/react-native-pager-view](react-native-pager-view.md#link)for introduction.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                                                  | Type                 | Required | Platform     | HarmonyOS Support |
 | -------------------------- | ------------------------------------------------------------ | -------------------- | -------- | ------------ | ----------------- |
@@ -106,14 +106,14 @@ export default () => {
 | scrollWithoutAnimation     | 设置点击Tab时，视图切换是否有动画，默认为false（即：有动画效果）。 | Bool                 | no       | android,ios  | yes               |
 | prerenderingSiblingsNumber | 预渲染附近的同级，Infinity===渲染所有同级，默认为0===渲染当前页面。 | Integer              | no       | android,ios  | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [x] `原库已知问题RN组件ScrollView里面的scrollTo()报undefined(已修复)`[#I95OVM](https://gitee.com/react-native-oh-library/usage-docs/issues/I95OVM)
+- [x] `Known issue in the original library: the scrollTo() in the RN component's ScrollView reports undefined (fixed)`[#I95OVM](https://gitee.com/react-native-oh-library/usage-docs/issues/I95OVM)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-swiper.md b/en/react-native-swiper.md
index 243cc561..52ba12e0 100644
--- a/en/react-native-swiper.md
+++ b/en/react-native-swiper.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-swiper</code> </h1>
@@ -14,9 +14,9 @@
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/leecade/react-native-swiper)
+> [!tip] [Github address](https://github.com/leecade/react-native-swiper)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -34,7 +34,7 @@ yarn add react-native-swiper@1.6.0
 
 <!-- tabs:end -->
 
-快速使用：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { Component } from "react";
@@ -90,19 +90,19 @@ export default class SwiperComponent extends Component {
 AppRegistry.registerComponent("myproject", () => SwiperComponent);
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions:
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### basics
 
@@ -210,7 +210,7 @@ var swiper = React.createClass({
 })
 ```
 
-### 方法
+### Static Methods
 
 #### scrollBy(index, animated)
 
@@ -219,17 +219,17 @@ var swiper = React.createClass({
 | index    | offset index | `number` | `undefined` | All      | YES               |
 | animated | offset index |  `bool`  |   `true`    | All      | YES               |
 
-### 遗留问题
+### Known Issues
 
 - [ ] 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持
 - [ ] 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持
 - [ ] 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持
 - [ ] 组件轮播图RNOH版本为0.72.13暂时有不居中问题，在RNOH版本为0.72.19上解决
 
-### 其他
+### Others
 
-### 开源协议
+### License
 
-本项目基于 [The MIT License (MIT)](https://github.com/leecade/react-native-swiper/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/leecade/react-native-swiper/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 9d47051392ec0d8e5ff707e048ff75494d6defbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Fri, 11 Oct 2024 02:10:53 +0000
Subject: [PATCH 646/966] =?UTF-8?q?!1638=20docs:=20[#IAW23W]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9NativeBase=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20[#IAW23W]=20=E4=BF=AE=E6=94=B9NativeBase=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/NativeBase.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/NativeBase.md b/zh-cn/NativeBase.md
index 8bc1b653..acd24283 100644
--- a/zh-cn/NativeBase.md
+++ b/zh-cn/NativeBase.md
@@ -649,7 +649,7 @@ const styles = StyleSheet.create({
 |        _image         |           图片参数    |        Object       |    No    |   All    |        Yes        |
 |        wrapperRef         |             获取节点    |        Boolean        |    No    |   All    |        Yes        |
 
-**Icon**: 显示用户头像或图像
+**Icon**: 展示图标
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        as         |            接收矢量图标    |        Any        |    No    |   All    |        Yes        |
@@ -658,7 +658,7 @@ const styles = StyleSheet.create({
 |        children         |             子元素    |   JSX.Element             |    No    |   All    |        Yes        |
 |        name         |             名称    |   String            |    No    |   All    |        Yes        |
 |        viewBox         |             icon盒子参数    |   String            |    No    |   All    |        Yes        |
-|        path         |             icon地址    |   JSX.Element[] | JSX.Element            |    No    |   All    |        Yes        |
+|        path         |             icon地址    |   JSX.Element[]            |    No    |   All    |        Yes        |
 |        d         |             SVG图标的路径    |   String            |    No    |   All    |        Yes        |
 
 **Image**: 图片

From cc9af32c269e818bc1bf3b87de4fb70c261a1f64 Mon Sep 17 00:00:00 2001
From: xiong <10038940+wx997659@user.noreply.gitee.com>
Date: Fri, 11 Oct 2024 05:49:20 +0000
Subject: [PATCH 647/966] =?UTF-8?q?!1637=20docs:=20[Issues:=20#IAUQOL]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-paper=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAUQOL]=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-paper=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-paper.md | 338 +++++++++++++++++++++++++++++++++---
 1 file changed, 313 insertions(+), 25 deletions(-)

diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index e433629c..72d62879 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-paper</code> </h1>
@@ -154,25 +154,26 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **ActivityIndicator**：Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  animating  |  Whether to show the indicator or hide it   | boolean | Yes      | All      | Yes               |
 | color  |  The color of the spinner   | string | Yes      | All      | Yes               |
 | size |  Size of the indicator   |      small \| large \| number     | No       | All      | Yes               |
 |  hidesWhenStopped  |    Whether the indicator should hide when not animating     |     boolean      | No       | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
+|  style   |  style | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
 
 **Appbar**：A component to display action items in a bar. It can be placed at the top or bottom
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children   |  Content of the Appbar   | React.ReactNode | Yes      | All      | Yes               |
 | mode   |  Mode of the Appbar.   | small \| medium \| large \| center-aligned | Yes      | All      | Yes               |
 | elevated  |  Whether Appbar background should have the elevation along with primary color pigment.   |     boolean      | No       | All      | Yes               |
 |  safeAreaInsets   |   Safe area insets for the Appbar     |     { bottom?: number; top?: number; left?: number; right?: number; }      | No       | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
+|  style   |  style | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
 
 **Appbar.Action**：A component used to display an action item in the appbar.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  color   |  Custom color for action icon   | string | Yes      | All      | Yes               |
@@ -181,74 +182,97 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  size    | Optional icon size   | number | Yes      | All      | Yes               |
 |  disabled    | Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch.   | boolean | Yes      | All      | Yes               |
 |  accessibilityLabel    | Accessibility label for the button. This is read by the screen reader when the user taps the button   | string | Yes      | All      | Yes               |
+|  onPress    | Whether it's the leading button.   | fuction | Yes      | All      | Yes               |
+|  isLeading (Available in v5.x with theme version 3)    | Whether it's the leading button.   | boolean | Yes      | All      | NO               |
+|  style   |  Style for Appbar.Action container | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
 
 **Appbar.BackAction**：A component used to display a back button in the appbar.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  color   |  Custom color for action icon   | string | Yes      | All      | Yes               |
 |  size    | Optional icon size   | number | Yes      | All      | Yes               |
 |  disabled    | Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch.   | boolean | Yes      | All      | Yes               |
 |  accessibilityLabel    | Accessibility label for the button. This is read by the screen reader when the user taps the button   | string | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press.   | fuction | Yes      | All      | Yes               |
+|  isLeading (Available in v5.x with theme version 3)    | Whether it's the leading button.   | boolean | Yes      | All      | Yes               |
+|  style   |  Style for Appbar.BackAction container | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
 
 **Appbar.Content**：A component used to display a title and optional subtitle in an appbar
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  title (required)   |  Text or component for the title.  | React.ReactNode | Yes      | All      | Yes               |
 |  titleStyle    | Style for the title, if title is a string.   | StyleProp<TextStyle> | Yes      | All      | Yes               |
 |  titleRef    | Reference for the title.   | React.RefObject<TextRef> | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press.   | fuction | Yes      | All      | Yes               |
 |  disabled    | If true, disable all interactions for this component.   | boolean | Yes      | All      | Yes               |
 |  color    | Custom color for the text   | string | Yes      | All      | Yes               |
 |  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach   | number | Yes      | All      | Yes               |
+|  style   |  Style for Appbar.Content container | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
+|  testID   |  testID to be used on tests. | string | Yes      | All      | Yes               |
 
 **Appbar.Header**：A component to use as a header at the top of the screen. It can contain the screen title, controls such as navigation buttons, menu button etc.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  dark  |  Whether the background color is a dark color. A dark header will render light text and vice-versa  | boolean | Yes      | All      | Yes               |
 |  statusBarHeight    | Extra padding to add at the top of header to account for translucent status bar   | number | Yes      | All      | Yes               |
 |  children (required)    | Reference for the title.   | React.ReactNode | Yes      | All      | Yes               |
-|  disabled    | Content of the header   | boolean | Yes      | All      | Yes               |
-|  color    | Custom color for the text   | string | Yes      | All      | Yes               |
 |  mode     | Mode of the Appbar.   | small \| medium \| large \| center-aligned | Yes      | All      | Yes               |
 |  elevated      | Whether Appbar background should have the elevation along with primary color pigment   | boolean | Yes      | All      | Yes               |
+|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
+|  testID   |  testID to be used on tests. | string | Yes      | All      | Yes               |
 
 **Avatar.Icon**：Avatars can be used to represent people in a graphical way.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  icon (required)  | Icon to display for the Avatar.  | IconSource | Yes      | All      | Yes               |
 |  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
 |  color  | Custom color for the icon.  | string | Yes      | All      | Yes               |
+|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
 
 **Avatar.Image**：Avatars can be used to represent people in a graphical way.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  source (required)  | Image to display for the Avatar. It accepts a standard React Native Image source prop Or a function that returns an Image  | ImageSourcePropType  | Yes      | All      | Yes               |
 |  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
+|  style   |  style | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  onError   |  Invoked on load error. | fuction | Yes      | All      | Yes               |
+|  onLayout   |  Invoked on mount and on layout changes. | fuction | Yes      | All      | Yes               |
+|  onLoad   |  Invoked when load completes successfully. | fuction | Yes      | All      | Yes               |
+|  onLoadEnd   |  Invoked when load either succeeds or fails. | fuction | Yes      | All      | Yes               |
+|  onLoadStart   |  Invoked on load start. | fuction | Yes      | All      | Yes               |
+|  onProgress   |  Invoked on download progress. | fuction | Yes      | All      | Yes               |
+|  theme   | theme  | ThemeProp | Yes      | All      | Yes               |
 
 **Avatar.Text**：Avatars can be used to represent people in a graphical way.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  label (required)  | Initials to show as the text in the Avatar.  | string  | Yes      | All      | Yes               |
 |  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
 |  color  | Custom color for the text.  | string | Yes      | All      | Yes               |
+|  style  | Style for text container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
 |  labelStyle  | Style for the title.  | StyleProp<TextStyle> | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach.  | number | Yes      | All      | Yes               |
+|  theme   | theme  | ThemeProp | Yes      | All      | Yes               |
 
 **Badge**：Badges are small status descriptors for UI elements
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  visible  | Whether the badge is visible  | boolean  | Yes      | All      | Yes               |
 |  children  | Content of the Badge  | string  \| number | Yes      | All      | Yes               |
 |  size  | Size of the Badge  |  number | Yes      | All      | Yes               |
+|  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  ref  | ref  | React.RefObject<typeof Animated.Text> | Yes      | All      | Yes               |
+|  theme   | theme  | ThemeProp | Yes      | All      | Yes               |
 
 **Banner**：Banner displays a prominent message and related actions.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  visible  | Whether the badge is visible  | boolean  | Yes      | All      | Yes               |
@@ -260,9 +284,11 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  maxFontSizeMultiplier   | Specifies the largest possible scale a text font can reach.|   number | Yes      | All      | Yes               |
 |  onShowAnimationFinished   | Optional callback that will be called after the opening animation finished running normally|   Animated.EndCallback | Yes      | All      | Yes               |
 |  onHideAnimationFinished   | Optional callback that will be called after the closing animation finished running normally|   Animated.EndCallback | Yes      | All      | Yes               |
+|  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  ref  | ref  | React.RefObject<typeof Animated.Text> | Yes      | All      | Yes               |
+|  theme   | theme  | ThemeProp | Yes      | All      | Yes               |
 
 **BottomNavigation**：BottomNavigation provides quick navigation between top-level views of an app with a bottom navigation bar.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  shifting  | Whether the shifting style is used, the active tab icon shifts up to show the label and the inactive tabs won't have a label.  | boolean  | Yes      | All      | Yes               |
@@ -278,6 +304,35 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  getBadge  | Get badge for the tab, uses route.badge by default. | (props: { route: Route }) => boolean \| number \| string \| undefined \| null | Yes      | All      | Yes               |
 |  getColor  | Get color for the tab, uses route.color by default. | (props: { route: Route }) => string \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
 |  getLabelText  | Get label text for the tab, uses route.title by default. Use renderLabel to replace label component. | (props: { route: Route }) => string \| undefined \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
+|  getTestID  | Get the id to locate this tab button in tests, uses route.testID by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
+|  onTabPress  | Function to execute on tab press. It receives the route for the pressed tab, useful for things like scroll to top. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
+|  onTabLongPress  | Function to execute on tab long press. It receives the route for the pressed tab, useful for things like custom action when longed pressed. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
+|  activeColor  | Custom color for icon and label in the active tab. | string | Yes      | All      | Yes               |
+|  inactiveColor  | Custom color for icon and label in the inactive tab. | string | Yes      | All      | Yes               |
+|  animationEasing  | The scene animation Easing. | EasingFunction \| undefined | Yes      | All      | Yes               |
+|  keyboardHidesNavigationBar  | Whether the bottom navigation bar is hidden when keyboard is shown | boolean | Yes      | All      | Yes               |
+|  safeAreaInsets  | Safe area insets for the tab bar | { top?: number; right?: number; bottom?: number; left?: number; } | Yes      | All      | Yes               |
+|  activeIndicatorStyle  | Style for the bottom navigation bar. You can pass a custom background color here | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. | number | Yes      | All      | Yes               |
+|  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  ref  | ref  | React.RefObject<typeof Animated.Text> | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string | Yes      | All      | Yes               |
+
+**BottomNavigation.Bar**：A navigation bar which can easily be integrated with React Navigation's Bottom Tabs Navigator.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  shifting  | Whether the shifting style is used, the active tab icon shifts up to show the label and the inactive tabs won't have a label.  | boolean  | Yes      | All      | Yes               |
+|  labeled  | Whether to show labels in tabs. When false, only icons will be displayed.  |boolean | Yes      | All      | Yes               |
+|  compact  | Whether tabs should be spread across the entire width.  |  boolean | Yes      | All      | Yes               |
+|  navigationState (required)  | State for the bottom navigation. The state should contain the following properties|  { index: number; routes: Route[]; } | Yes      | All      | Yes               |
+|  renderScene (required)  | Callback which returns a react element to render as the page for the tab |  (props: { route: Route; jumpTo: (key: string) => void; }) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  renderIcon  | Callback which returns a React Element to be used as tab icon. | (props: { route: Route; focused: boolean; color: string; }) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  renderLabel  | Callback which React Element to be used as tab label. | (props: { route: Route; focused: boolean; color: string; }) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  renderTouchable  | Callback which returns a React element to be used as the touchable for the tab item. | (props: TouchableProps<Route>) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  getAccessibilityLabel  | Get accessibility label for the tab button. | (props: { route: Route }) => string \| undefined \| null | Yes      | All      | Yes               |
+|  getBadge  | Get badge for the tab, uses route.badge by default. | (props: { route: Route }) => boolean \| number \| string \| undefined \| null | Yes      | All      | Yes               |
+|  getColor  | Get color for the tab, uses route.color by default. | (props: { route: Route }) => string \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
+|  getLabelText  | Get label text for the tab, uses route.title by default. Use renderLabel to replace label component. | (props: { route: Route }) => string \| undefined \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
 |  getLazy  | Get lazy for the current screen. Uses true by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
 |  getTestID  | Get the id to locate this tab button in tests, uses route.testID by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
 |  onTabPress  | Function to execute on tab press. It receives the route for the pressed tab, useful for things like scroll to top. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
@@ -291,13 +346,15 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  safeAreaInsets  | Safe area insets for the tab bar | { top?: number; right?: number; bottom?: number; left?: number; } | Yes      | All      | Yes               |
 |  barStyle  | Style for the bottom navigation bar. You can pass a custom background color here | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. | number | Yes      | All      | Yes               |
+|  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  ref  | ref  | React.RefObject<typeof Animated.Text> | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string | Yes      | All      | Yes               |
 
 **Button**：A button is component that the user can press to trigger an action.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  mode  | Mode of the button. You can change the mode to adjust the styling to give it desired emphasis  | text \| outlined \| contained \| elevated \| contained-tonal | Yes      | All      | Yes               |
-|  mode  | Whether the color is a dark color. A dark button will render light text and vice-versa. Only applicable for  | boolean | Yes      | All      | Yes               |
+|  dark  | Whether the color is a dark color. A dark button will render light text and vice-versa. Only applicable for  | boolean | Yes      | All      | Yes               |
 |  compact  | Use a compact look, useful for text buttons in a row.  | boolean | Yes      | All      | Yes               |
 |  buttonColor  | Custom button's background color. | string | Yes      | All      | Yes               |
 |  textColor  | Custom button's text color. | string | Yes      | All      | Yes               |
@@ -318,9 +375,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  delayLongPress  | The number of milliseconds a user must touch the element before executing onLongPress. | number | Yes      | All      | Yes               |
 |  contentStyle  | Style of button's inner content. Use this prop to apply custom height and width and to set the icon on the right with flexDirection: 'row-reverse'. | StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach. | number | Yes      | All      | Yes               |
+|  style  | Style for Badge Button | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  labelStyle  | Style for the button text. | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  theme  | theme | ThemeProp | Yes      | All      | Yes               |
+|  touchableRef  | Reference for the touchable | React.RefObject<View> | Yes      | All      | Yes               |
+|  testID  | string | testID to be used on tests. | Yes      | All      | Yes               |
 
 **Card**：A card is a sheet of material that serves as an entry point to more detailed information.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  mode  | Mode of the Card.  |  outlined \| contained \| elevated | Yes      | All      | Yes               |
@@ -333,8 +394,51 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  disabled  | TIf true, disable all interactions for this component. | boolean | Yes      | All      | Yes               |
 |  elevation  | Changes Card shadow and background on iOS and Android. | Animated.Value | Yes      | All      | Yes               |
 |  contentStyle  | Style of card's inner content. | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  style  | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme  | theme | ThemeProp | Yes      | All      | Yes               |
+|  testID  | Pass down testID from card props to touchable | string | Yes      | All      | Yes               |
 |  accessible  | Pass down accessible from card props to touchable | boolean | Yes      | All      | Yes               |
 
+**Card.Actions**：A component to show a list of actions inside a Card.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Items inside the CardActions. |  React.ReactNode | Yes      | All      | Yes               |
+|  style  | style |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme  | theme |  ThemeProp | Yes      | All      | Yes               |
+
+**Card.Content**：A component to show content inside a Card.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Items inside the Card.Content. |  React.ReactNode | Yes      | All      | Yes               |
+|  style  | style |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+
+**Card.Cover**：A component to show a cover image inside a Card.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  Image props  | Extends: ...Image props |  props | Yes      | All      | Yes               |
+|  style  | style |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme  | theme |  ThemeProp | Yes      | All      | Yes               |
+
+**Card.Title**：A component to show a title, subtitle and an avatar inside a Card.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  title (required)  | Text for the title. Note that this will only accept a string or <Text>-based node.|  React.ReactNode | Yes      | All      | Yes               |
+|  titleStyle  | StyleProp<TextStyle> |  Style for the title. | Yes      | All      | Yes               |
+|  titleNumberOfLines  | Number of lines for the title. |  number | Yes      | All      | Yes               |
+|  titleVariant(Available in v5.x with theme version 3)   | Title text variant defines appropriate text styles for type role and its size. Available variants: |  unknown | Yes      | All      | Yes               |
+|  subtitle   | Text for the subtitle. Note that this will only accept a string or <Text>-based node. |  React.ReactNode | Yes      | All      | Yes               |
+|  subtitleStyle   | Style for the subtitle. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  subtitleNumberOfLines   | Number of lines for the subtitle. |  number | Yes      | All      | Yes               |
+|  subtitleVariant (Available in v5.x with theme version 3)   | Subtitle text variant defines appropriate text styles for type role and its size. Available variants |  unknown | Yes      | All      | Yes               |
+|  left   | Callback which returns a React element to display on the left side. |  (props: { size: number }) => React.ReactNode | Yes      | All      | Yes               |
+|  leftStyle   | Style for the left element wrapper. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  right   | Callback which returns a React element to display on the right side. |  (props: { size: number }) => React.ReactNode | Yes      | All      | Yes               |
+|  rightStyle   |Style for the right element wrapper. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  titleMaxFontSizeMultiplier   |Specifies the largest possible scale a title font can reach.|  number | Yes      | All      | Yes               |
+|  subtitleMaxFontSizeMultiplier   |Specifies the largest possible scale a subtitle font can reach.|  number | Yes      | All      | Yes               |
+|  style   |style|  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme   |theme|  ThemeProp | Yes      | All      | Yes               |
+
 **Checkbox**：Checkboxes allow the selection of multiple options from a set.
 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -344,6 +448,31 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onPress  | Function to execute on press.  |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
 |  uncheckedColor  | Custom color for unchecked checkbox.  |  string | Yes      | All      | Yes               |
 |  color  | Custom color for checkbox.  |  string | Yes      | All      | Yes               |
+|  theme  | theme  |  ThemeProp | Yes      | All      | Yes               |
+|  testID  | theme  |  string | Yes      | All      | Yes               |
+
+**Checkbox.Item**：Checkbox.Item allows you to press the whole row (item) instead of only the Checkbox.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  status (required)  | Status of checkbox.  |  checked \| unchecked \| indeterminate | Yes      | All      | Yes               |
+|  disabled  | Whether checkbox is disabled.  |  boolean | Yes      | All      | Yes               |
+|  label (required)  | Label to be displayed on the item. |  string | Yes      | All      | Yes               |
+|  onPress  | Function to execute on press. |  fuction | Yes      | All      | Yes               |
+|  onLongPress  | Function to execute on long press. |  fuction | Yes      | All      | Yes               |
+|  background  | Type of background drawabale to display the feedback (Android). https://reactnative.dev/docs/pressable#rippleconfig |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  accessibilityLabel  | Accessibility label for the touchable. This is read by the screen reader when the user taps the touchable. |  string | Yes      | All      | Yes               |
+|  uncheckedColor  | Custom color for unchecked checkbox. |  string | Yes      | All      | Yes               |
+|  color  | Custom color for checkbox. |  string | Yes      | All      | Yes               |
+|  rippleColor  | Color of the ripple effect. |  ColorValue | Yes      | All      | Yes               |
+|  style  | Additional styles for container View. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. |  number | Yes      | All      | Yes               |
+|  labelStyle  | Style that is passed to Label element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  labelVariant( Available in v5.x with theme version 3)   | Label text variant defines appropriate text styles for type role and its size. Available variants. |  unknown | Yes      | All      | Yes               |
+|  theme   | theme |  ThemeProp | Yes      | All      | Yes               |
+|  testID   | string |  ThemeProp | Yes      | All      | Yes               |
+|  position   | Checkbox control position. |  leading \| trailing | Yes      | All      | Yes               |
+|  mode   | Whether <Checkbox.Android /> or <Checkbox.IOS /> should be used. Left undefined <Checkbox /> will be used. |  android \| ios | Yes      | All      | Yes               |
 
 **Chip**：Chips are compact elements that can represent inputs, attributes, or actions
 
@@ -372,14 +501,19 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  compact    | Sets smaller horizontal paddings 12dp around label, when there is only label.  |   boolean | Yes      | All      | Yes               |
 |  elevated     | Whether chip should have the elevation.  |   boolean | Yes      | All      | Yes               |
 |  textStyle     | Style of chip's text  |   StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  style     | style  |   Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | 
+|  theme     | theme  |   ThemeProp | Yes      | All      | Yes               |
+|  testID     | Pass down testID from chip props to touchable for Detox tests.  |   string | Yes      | All      | Yes               |
 |  ellipsizeMode     | Ellipsize Mode for the children text  |   EllipsizeProp | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier     | Specifies the largest possible scale a text font can reach.  |   number | Yes      | All      | Yes               |
+|  accessibilityRole     | Default value: 'button'  |  string | Yes      | All      | Yes               |
 
 **DataTable**：Data tables allow displaying sets of data.
 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DataTable  |  React.ReactNode  | Yes      | All      | Yes               |
+|  style     | style  |    StyleProp<ViewStyle> | Yes      | All      | 
 
 **DataTable.Cell**：A component to show a single cell inside of a table.
 
@@ -388,14 +522,18 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)  | Content of the DataTableCell.  |  React.ReactNode  | Yes      | All      | Yes               |
 |  numeric  | Align the text to the right. Generally monetary or number fields are aligned to right.  |  boolean  | Yes      | All      | Yes               |
 |  onPress  | Function to execute on press.  |  (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  style     | Text content style of the DataTableCell.  |    StyleProp<ViewStyle> | Yes      | All      | 
 |  textStyle  | Text content style of the DataTableCell.  |   StyleProp<TextStyle>  | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach. |   number  | Yes      | All      | Yes               |
+|  testID     | testID to be used on tests.  | string | Yes      | All      | 
 
 **DataTable.Header**：A component to display title in table header.
 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DataTableHeader.  |  React.ReactNode  | Yes      | All      | Yes               |
+|  style     | Text content style of the DataTable.Header.  |    StyleProp<ViewStyle> | Yes      | All      | 
+|  theme     | theme  | ThemeProp | Yes      | All      | 
 
 **DataTable.Pagination**：A component to show pagination for data table.
 
@@ -406,6 +544,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onPageChange (required)  | Function to execute on page change. | (page: number) => void  | Yes      | All      | Yes               |
 |  showFastPaginationControls  | Whether to show fast forward and fast rewind buttons in pagination. False by default. | boolean  | Yes      | All      | Yes               |
 |  paginationControlRippleColor  | Color of the pagination control ripple effect. | ColorValue  | Yes      | All      | Yes               |
+|  theme     | theme  | ThemeProp | Yes      | All      | 
 |  numberOfItemsPerPage  | The current number of rows per page. | number  | Yes      | All      | Yes               |
 |  numberOfItemsPerPageList  | Options for a number of rows per page to choose from. | Array<number>  | Yes      | All      | Yes               |
 |  onItemsPerPageChange  | The function to set the number of rows per page. | (numberOfItemsPerPage: number) => void  | Yes      | All      | Yes               |
@@ -415,14 +554,21 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  selectPageDropdownAccessibilityLabel  | AccessibilityLabel for selectPageDropdownLabel | string  | Yes      | All      | Yes               |
 |  label  | Label text to display which indicates current pagination. | React.ReactNode  | Yes      | All      | Yes               |
 |  accessibilityLabel  | AccessibilityLabel for label. | string  | Yes      | All      | Yes               |
+|  style     | Text content style of the DataTable.Pagination.  |    StyleProp<ViewStyle> | Yes      | All      | 
 
 **DataTable.Row**：A component to show a single row inside of a table.
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  TouchableRipple | Extends: ...TouchableRipple props  | props  | Yes      | All      | Yes               |
 |  children (required)  | Content of the DataTableRow.  | React.ReactNode  | Yes      | All      | Yes               |
 |  onPress  | Function to execute on press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  style     | Text content style of the DataTable.Pagination.  |    StyleProp<ViewStyle> | Yes      | All      |
+|  theme     | theme  |  ThemeProp | Yes      | All      | 
+|  pointerEvents     | pointerEvents passed to the View container, which is wrapping children within TouchableRipple.  |  ViewProps['pointerEvents'] | Yes      | All      | 
 
 **DataTable.Title**：A component to display title in table header.
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Text content of the DataTableTitle.  | React.ReactNode  | Yes      | All      | Yes               |
@@ -430,10 +576,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  sortDirection  | Direction of sorting. An arrow indicating the direction is displayed when this is given.  | boolean  | Yes      | All      | Yes               |
 |  numberOfLines  | The number of lines to show.  | number  | Yes      | All      | Yes               |
 |  onPress  | Function to execute on press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
-|  textStyle  | Text content style of the DataTableTitle.  | Type: StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  style  | Text content style of the DataTableTitle.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  textStyle  | Text content style of the DataTableTitle.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach.  | maxFontSizeMultiplier  | Yes      | All      | Yes               |
+|  theme  |theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Dialog**：Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  dismissable  | Determines whether clicking outside the dialog dismiss it.  | boolean  | Yes      | All      | Yes               |
@@ -441,32 +590,42 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onDismiss  | Callback that is called when the user dismisses the dialog.  | () => void  | Yes      | All      | Yes               |
 |  visible  | Determines Whether the dialog is visible.  | boolean  | Yes      | All      | Yes               |
 |  children (required)  | Content of the Dialog  | React.ReactNode  | Yes      | All      | Yes               |
+|  style  | Text content style of the Dialog.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | testID to be used on tests.  | string  | Yes      | All      | Yes               |
 
 **Dialog.Actions**：A component to show a list of actions in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DialogActions.  | React.ReactNode  | Yes      | All      | Yes               |
+|  style  | Text content style of the Dialog.Actions.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Dialog.Content**：A component to show content in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DialogContent.  | React.ReactNode  | Yes      | All      | Yes               |
+|  style  | Text content style of the Dialog.Content.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
 
 **Dialog.Icon**：@supported Available in v5.x with theme version 3 A component to show an icon in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  color  | Custom color for action icon.  | IconSource  | Yes      | All      | Yes               |
+|  icon (required)  | Name of the icon to show. | IconSource  | Yes      | All      | Yes               |
 |  size  | Optional icon size.  | number  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Dialog.ScrollArea**：A component to show a scrollable content in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DialogScrollArea.  | React.ReactNode  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Dialog.Title**：A component to show a title in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Title text for the DialogTitle.  | React.ReactNode  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Divider**：A divider is a thin, lightweight separator that groups content in lists and page layouts.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -474,6 +633,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  leftInset   | Whether divider has a left inset.  | boolean  | Yes      | All      | Yes               |
 |  horizontalInset    |Whether divider has a horizontal inset on both sides.  | boolean  | Yes      | All      | Yes               |
 |  bold     | Whether divider should be bolded.  | boolean  | Yes      | All      | Yes               |
+|  style  | Text content style of the Divider.  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Drawer.CollapsedItem**：Collapsed component used to show an action item with an icon and optionally label in a navigation drawer.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -487,6 +648,9 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onPress     | Function to execute on press.  |  (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier     | Specifies the largest possible scale a label font can reach.  |  number  | Yes      | All      | Yes               |
 |  accessibilityLabel     | Accessibility label for the button. This is read by the screen reader when the user taps the button.  |  string  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **Drawer.Item**：A component used to show an action item with an icon and a label in a navigation drawer.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -501,6 +665,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  right   | Callback which returns a React element to display on the right side. For instance a Badge.  |  (props: { color: string }) => React.ReactNode  | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier   | Specifies the largest possible scale a label font can reach.  |  number  | Yes      | All      | Yes               |
 |  rippleColor   | Color of the ripple effect.  |  ColorValue  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Drawer.Section**：A component to group content inside a navigation drawer.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -509,6 +675,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)   | Content of the Drawer.Section.  | React.ReactNode  | Yes      | All      | Yes               |
 |  showDivider  | Whether to show Divider at the end of the section. True by default.  | boolean  | Yes      | All      | Yes               |
 |  titleMaxFontSizeMultiplier  | Specifies the largest possible scale a title font can reach. True by default.  | number  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **AnimatedFAB**：An animated, extending horizontally floating action button represents the primary action in an application.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -531,6 +699,9 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  extended   | Whether FAB should start animation to extend.  | boolean  | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier   | Specifies the largest possible scale a label font can reach.  | number  | Yes      | All      | Yes               |
 |  variant    | Color mappings variant for combinations of container and icon colors.  | primary\| secondary \| tertiary \| surface | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **FAB.Group**：A component to display a stack of FABs with related actions in a speed dial.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -548,6 +719,9 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  open (required)   | Whether the speed dial is open.  | boolean  | Yes      | All      | Yes               |
 |  onStateChange (required)   | Callback which is called on opening and closing the speed dial. The open state needs to be updated when it's called, otherwise the change is dropped.  | (state: { open: boolean }) => void  | Yes      | All      | Yes               |
 |  visible (required)   | Whether FAB is currently visible.  | boolean  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **HelperText**：Helper text is used in conjuction with input elements to provide additional hints for the user.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -557,13 +731,19 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  visible   | Whether to display the helper text.  | boolean | Yes      | All      | Yes               |
 |  padding   | Whether to apply padding to the helper text.  | none\| normal | Yes      | All      | Yes               |
 |  disabled   | Whether the text input tied with helper text is disabled.  | boolean | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **Icon**：An icon component which renders icon from vector library.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  size    | Size of icon.  | number | Yes      | All      | Yes               |
+|  allowFontScaling    | allowFontScaling  | boolean | Yes      | All      | Yes               |
 |  source (required)    | Icon to display.  | any | Yes      | All      | Yes               |
 |  color    | Color of the icon.  | any | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **IconButton**：An icon button is a button which displays only an icon without a label.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -579,6 +759,10 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  animated       | Whether an icon change is animated.  | boolean | contained-tonal  | Yes      | All      | Yes               |
 |  accessibilityLabel       | Accessibility label for the button. This is read by the screen reader when the user taps the button.  | string | contained-tonal  | Yes      | All      | Yes               |
 |  onPress       | Function to execute on press. | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  ref  | ref  | React.RefObject<View>  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 |  loading       | Whether to show a loading indicator. | boolean  | Yes      | All      | Yes               |
 
 **List.Accordion**：A component used to display an expandable list item.
@@ -593,6 +777,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onLongPress    | Function to execute on long press.  | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
 |  delayLongPress    | The number of milliseconds a user must touch the element before executing onLongPress.  | number | Yes      | All      | Yes               |
 |  children (required)    | Content of the section.  | React.ReactNode | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 |  background    | Type of background drawabale to display the feedback (Android). | PressableAndroidRippleConfig | Yes      | All      | Yes               |
 |  style    | Style that is passed to the wrapping TouchableRipple element. | StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  titleStyle    | Style that is passed to Title element. | StyleProp<TextStyle> | Yes      | All      | Yes               |
@@ -618,6 +803,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  icon (required)    | Icon to show. | IconSource | Yes      | All      | Yes               |
 |  color    | Color for the icon. | string | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **ListItem**：A component to show tiles inside a List.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -627,6 +814,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  left    | Callback which returns a React element to display on the left side. | (props: { color: string; style: Style }) => React.ReactNode | Yes      | All      | Yes               |
 |  right    | Callback which returns a React element to display on the right side. | (props: { color: string; style?: Style }) => React.ReactNode | Yes      | All      | Yes               |
 |  onPress    | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 |  style    | Style that is passed to the wrapping TouchableRipple element. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  contentStyle    | Style that is passed to the container wrapping title and descripton. |   StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  titleStyle    | Style that is passed to Title element. |   StyleProp<TextStyle> | Yes      | All      | Yes               |
@@ -644,10 +832,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  title    | Title text for the section. |  string | Yes      | All      | Yes               |
 |  children (required)    | Content of the section. |  React.ReactNode | Yes      | All      | Yes               |
 |  titleStyle    | Style that is passed to Title element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **List.Subheader**：A component used to display a header in lists.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 |  style    | Style that is passed to Text element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier    | Specifies the largest possible scale a text font can reach. |  number | Yes      | All      | Yes               |
 
@@ -658,21 +849,31 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  anchor (required)    | The anchor to open the menu from. In most cases, it will be a button that opens the menu. |  React.ReactNode | { x: number; y: number } | Yes      | All      | Yes               |
 |  anchorPosition    | Whether the menu should open at the top of the anchor or at its bottom. | top \| bottom | Yes      | All      | Yes               |
 |  statusBarHeight    | Extra margin to add at the top of the menu to account for translucent status bar on Android. If you are using Expo, we assume translucent status bar and set a height for status bar automatically. | number | Yes      | All      | Yes               |
-|  onDismiss    | Callback called when Menu is dismissed.  |  () => void | Yes      | All      | Yes               |
+|  onDismiss    | Callback called when Menu is dismissed.  |  fuction | Yes      | All      | Yes               |
 |  overlayAccessibilityLabel    | Accessibility label for the overlay. This is read by the screen reader when the user taps outside the menu.  |  string | Yes      | All      | Yes               |
 |  children (required)    | Content of the Menu  |  React.ReactNode | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
 |  contentStyle    | Style of menu's inner content.  |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  theme   | theme   | InternalTheme  | Yes      | All      | Yes               |
 |  keyboardShouldPersistTaps    | Inner ScrollView prop  | crollViewProps['keyboardShouldPersistTaps'] | Yes      | All      | Yes               |
+|  testID  | testID to be used on tests.  | string  | Yes      | All      | Yes               |
 
 **Menu.Item**：A component to show a single list item inside a Menu.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  title (required)    | Title text for the MenuItem. |  React.ReactNode | Yes      | All      | Yes               |
 |  leadingIcon    | Leading icon to display for the MenuItem. |  IconSource | Yes      | All      | Yes               |
+|  trailingIcon(Available in v5.x with theme version 3)    | Trailing icon to display for the MenuItem. |  IconSource | Yes      | All      | Yes               |
 |  disabled    | Whether the 'item' is disabled. A disabled 'item' is greyed out and onPress is not called on touch. |  boolean | Yes      | All      | Yes               |
+|  dense (Available in v5.x with theme version 3)    | Sets min height with densed layout. |  boolean | Yes      | All      | Yes               |
 |  background    | Type of background drawabale to display the feedback (Android). |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
 |  onPress    | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
 |  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach. |  number | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  contentStyle  | contentStyle  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  titleStyle  | titleStyle  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  rippleColor  | titleStyle  | ColorValue  | Yes      | All      | Yes               |
+|  theme   | Color of the ripple effect.   | InternalTheme  | Yes      | All      | Yes               |
 |  testID    | TestID used for testing purposes|  string | Yes      | All      | Yes               |
 |  accessibilityLabel    | Accessibility label for the Touchable. |  string | Yes      | All      | Yes               |
 |  accessibilityState    | Accessibility state for the Touchable.  |  accessibilityState | Yes      | All      | Yes               |
@@ -687,16 +888,32 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  visible    | Determines Whether the modal is visible. |  boolean | Yes      | All      | Yes               |
 |  children (required)    | Content of the Modal. |  React.ReactNode | Yes      | All      | Yes               |
 |  contentContainerStyle    | Style for the content of the modal |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  style    | Style for the wrapper of the modal. Use this prop to change the default wrapper style or to override safe area insets with marginTop and marginBottom. |  StyleProp<TextStyle> | Yes      | All      | 
 |  testID    | testID to be used on tests. |  string | Yes      | All      | Yes               |
 
+**Portal**：Portal allows rendering a component at a different place in the parent tree.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)    | Content of the Portal. |  React.ReactNode | Yes      | All      | Yes               |
+|  theme (required)    | theme |  InternalTheme | Yes      | All      | Yes               |
+
+**Portal.Host**：Portal host renders all of its children Portal elements. 
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)    | Content of the Portal. |  React.ReactNode | Yes      | All      | Yes               |
+
 **ProgressBar**：Progress bar is an indicator used to present progress of some activity in the app.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  animatedValue    |Animated value (between 0 and 1). This tells the progress bar to rely on this value to animate it. Note: It should not be used in parallel with the progress prop. |  number | Yes      | All      | Yes               |
 |  progress    | Progress value (between 0 and 1). Note: It should not be used in parallel with the animatedValue prop. |  number | Yes      | All      | Yes               |
 |  color    | Color of the progress bar. The background color will be calculated based on this but you can change it by passing backgroundColor to style prop. |  string | Yes      | All      | Yes               |
 |  indeterminate    | If the progress bar will show indeterminate progress. |  boolean | Yes      | All      | Yes               |
 |  visible    | Whether to show the ProgressBar (true, the default) or hide it (false). |  boolean | Yes      | All      | Yes               |
 |  fillStyle    | Style of filled part of the ProgresBar. |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  style    | style |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme |  ThemeProp | Yes      | All      | Yes               |
 |  testID    | testID to be used on tests. |  string | Yes      | All      | Yes               |
 
 **RadioButton**：Radio buttons allow the selection a single option from a set.
@@ -708,7 +925,38 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onPress    | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
 |  uncheckedColor    | Custom color for unchecked radio. |  string | Yes      | All      | Yes               |
 |  color    | Custom color for radio. |  string | Yes      | All      | Yes               |
+|  theme    | theme |  ThemeProp | Yes      | All      | Yes               |
+|  testID    | testID to be used on tests. |  string | Yes      | All      | Yes               |
 
+**RadioButton.Group**：Radio button group allows to control a group of radio buttons.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  onValueChange (required)    | Function to execute on selection change. |  fuction | Yes      | All      | Yes               |
+|  value (required)    | Value of the currently selected radio button. |  string | Yes      | All      | Yes               |
+|  children (required) | React elements containing radio buttons.|  string | Yes      | All      | Yes               |
+
+**RadioButton.Item**：RadioButton.Item allows you to press the whole row (item) instead of only the RadioButton.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  value (required)    | Value of the radio button. |  string | Yes      | All      | Yes               |
+|  label (required)    | Label to be displayed on the item. |  string | Yes      | All      | Yes  |           
+|  disabled    | Whether radio is disabled. |  boolean | Yes      | All      | Yes               |
+|  background    | Type of background drawabale to display the feedback (Android). https://reactnative.dev/docs/pressable#rippleconfig |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press. |  Function | Yes      | All      | Yes               |
+|  onLongPress    | Function to execute on long press. |  Function | Yes      | All      | Yes               |
+|  accessibilityLabel    | Accessibility label for the touchable. This is read by the screen reader when the user taps the touchable. |  Function | Yes      | All      | Yes               |
+|  uncheckedColor    | Custom color for unchecked radio. |  string | Yes      | All      | Yes               |
+|  color    | Custom color for radio. |  string | Yes      | All      | Yes               |
+|  rippleColor    | Color of the ripple effect. |  ColorValue | Yes      | All      | Yes               |
+|  status    | Status of radio button. |  checked \| unchecked | Yes      | All      | Yes               |
+|  style    | Additional styles for container View. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  labelStyle    | Style that is passed to Label element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  labelVariant(Available in v5.x with theme version 3)   | Label text variant defines appropriate text styles for type role and its size. Available variants: |  unknown | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. |  number | Yes      | All      | Yes               |
+|  theme  | theme |  ThemeProp | Yes      | All      | Yes               |
+|  testID  | testID to be used on tests. |  string | Yes      | All      | Yes               |
+|  mode  | Whether <RadioButton.Android /> or <RadioButton.IOS /> should be used. Left undefined <RadioButton /> will be used. |  android \| ios | Yes      | All      | Yes               |
+|  position  | Radio button control position. |  leading \| trailing | Yes      | All      | Yes               |
 
 **Searchbar**：Searchbar is a simple input box where users can type search queries.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -716,6 +964,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  placeholder    | Hint text shown when the input is empty. |  string | Yes      | All      | Yes               |
 |  value (required)    | The value of the text input. |  string | Yes      | All      | Yes               |
 |  onChangeText    | Callback that is called when the text input's text changes. |  (query: string) => void | Yes      | All      | Yes               |
+|  mode(Available in v5.x with theme version 3)    | Search layout mode, the default value is "bar". |  bar \| view | Yes      | All      | Yes               |
 |  icon    | Icon name for the left icon button (see onIconPress). |  (query: string) => void | Yes      | All      | Yes               |
 |  onChangeText    | Callback that is called when the text input's text changes. |  IconSource | Yes      | All      | Yes               |
 |  iconColor    | Custom color for icon, default will be derived from theme |  string | Yes      | All      | Yes               |
@@ -732,13 +981,20 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  traileringIconAccessibilityLabel    | Accessibility label for the right trailering icon button. This is read by the screen reader when the user taps the button.  |  string | Yes      | All      | Yes               |
 |  right     | Callback which returns a React element to display on the right side. Works only when mode is set to "bar".  |   (props: { color: string; style: Style; testID: string; }) => React.ReactNode | Yes      | All      | Yes               |
 |  showDivider    | Whether to show Divider at the bottom of the search. Works only when mode is set to "view". True by default. |  boolean | Yes      | All      | Yes               |
+|  elevation     | Changes Searchbar shadow and background on iOS and Android. |  Animated.Value | Yes      | All      | Yes               |
 |  inputStyle    | Set style of the TextInput component inside the searchbar | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  style    | style | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  loading    | Custom flag for replacing clear button with activity indicator. | Boolean | Yes      | All      | Yes               |
+|  testID    | TestID used for testing purposes | string | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **SegmentedButtons**：Segmented buttons can be used to select options, switch views or sort elements.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  buttons (required)    | Buttons to display as options in toggle button. Button should contain the following properties: |  { value: string; icon?: IconSource; disabled?: boolean; accessibilityLabel?: string; checkedColor?: string; uncheckedColor?: string; onPress?: (event: GestureResponderEvent) => void; label?: string; showSelectedCheck?: boolean; style?: StyleProp<ViewStyle>; labelStyle?: StyleProp<TextStyle>; testID?: string; }[] | Yes      | All      | Yes               |
 |  density    | Density is applied to the height, to allow usage in denser UIs |  regular | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **Snackbar**：Snackbars provide brief feedback about an operation through a message rendered at the bottom of the container in which it's wrapped.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -754,6 +1010,10 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)    | Text content of the Snackbar. | React.ReactNode | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier    | Specifies the largest possible scale a text font can reach. | number | Yes      | All      | Yes               |
 |  wrapperStyle    | Style for the wrapper of the snackbar | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
+|  ref    | ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  testID    | string | TestID used for testing purposes | Yes      | All      | Yes               |
 
 **Surface**：Surface is a basic container that can give depth to an element with elevation shadow. 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -761,6 +1021,9 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)    | Content of the Surface. |  React.ReactNode | Yes      | All      | Yes               |
 |  elevation    | Changes shadows and background on iOS and Android. Used to create UI hierarchy between components. |  Animated.Value | Yes      | All      | Yes               |
 |  mode    | Mode of the Surface. |  flat \| elevated | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
+|  ref    | ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  testID    | string | TestID used for testing purposes | Yes      | All      | Yes               |
 
 **Switch**：Switch is a visual toggle between two mutually exclusive states — on and off.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -769,17 +1032,24 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  value    | Value of the switch, true means 'on', false means 'off'. |  boolean | Yes      | All      | Yes               |
 |  color    | Custom color for switch. |  string | Yes      | All      | Yes               |
 |  onValueChange    | Callback called with the new value when it changes. |  Function | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **Text**：Typography component showing styles complied with passed variant prop and supported by the type system.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  Text props    |  Extends: ...Text props |  props | Yes      | All      | Yes               |
 |  variant    | Variant defines appropriate text styles for type role and its size. Available variants: |  VariantProp<T> | Yes      | All      | Yes               |
 |  children (required)    |  Content of the Text. |  React.ReactNode | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **TextInput**：A component to allow users to input text.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
-|  mode    | Mode of the TextInput. |  flat \| outlined | Yes      | All      | 
+|  mode    | Mode of the TextInput. |  flat \| outlined | Yes      | All      | Yes      |
+|  left    | left | React.ReactNode | Yes      | All      | Yes      |
+|  right    | right | React.ReactNode | Yes      | All      | Yes      |
 |  disabled    | If true, user won't be able to interact with the component. |  boolean | Yes      | All      |  Yes      |
 |  label    | The text or component to use for the floating label. |  TextInputLabelProp | Yes      | All      |  Yes      |
 |  placeholder    | Placeholder for the input. |  string | Yes      | All      |  Yes      |
@@ -798,6 +1068,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onBlur    | Callback that is called when the text input is blurred.  |   (args: any) => void | Yes      | All      |  Yes      |
 |  render    | Callback to render a custom input component such as react-native-text-input-mask instead of the default TextInput component from react-native.  |   (props: RenderProps) => React.ReactNode | Yes      | All      |  Yes      |
 |  value    | Value of the text input.  | string | Yes      | All      |  Yes      |
+|  style    | Pass fontSize prop to modify the font size inside TextInput  |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+|  theme    | theme  |  ThemeProp | Yes      | All      |  Yes      |
+|  testID    | testID to be used on tests.  |  string | Yes      | All      |  Yes      |
+|  contentStyle    | Pass custom style directly to the input itself. Overrides input style Example: paddingLeft, backgroundColor  |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+|  outlineStyle    | Pass style to override the default style of outlined wrapper. Overrides style when mode is set to outlined Example: borderRadius, borderColor  | StyleProp<ViewStyle> | Yes      | All      |  Yes      |
+|  underlineStyle    | Pass style to override the default style of underlined wrapper. Overrides style when mode is set to flat Example: borderRadius, borderColor  | StyleProp<ViewStyle> | Yes      | All      |  Yes      |
+|  editable    | editable  | boolean | Yes      | All      |  Yes      |
 
 **TextInput.Affix**：A component to allow users to input text.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -805,13 +1082,18 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  text (required)    | Text to show. |  string | Yes      | All      |  Yes      |
 |  accessibilityLabel    | Accessibility label for the affix. This is read by the screen reader when the user taps the affix. |  string | Yes      | All      | Yes      | 
 |  textStyle    | Style that is passed to the Text element. |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **TextInput.Icon**：A component to render a leading / trailing icon in the TextInput
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  icon (required)    | Icon to show. |   IconSource | Yes      | All      |  Yes      |
 |  onPress   | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
-|  textStyle    | Style that is passed to the Text element. |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+|  forceTextInputFocus    | Whether the TextInput will focus after onPress. |  boolean | Yes      | All      |  Yes      |
+|  color    | Color of the icon or a function receiving a boolean indicating whether the TextInput is focused and returning the color. | (isTextInputFocused: boolean) => string  | Yes      | All      | Yes               |
+|  rippleColor    | Color of the ripple effect. | ColorValue | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **ToggleButton**：Toggle buttons can be used to group related options. 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -822,9 +1104,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  rippleColor    | Color of the ripple effect. |   string | Yes      | All      |  Yes      |
 |  disabled    | Whether the button is disabled. |   boolean | Yes      | All      |  Yes      |
 |  accessibilityLabel    | Accessibility label for the ToggleButton. This is read by the screen reader when the user taps the button. |   string | Yes      | All      |  Yes      |
-|  onPress    | Function to execute on press. |   (value?: GestureResponderEvent | string) => void | Yes      | All      |  Yes      |
+|  onPress    | Function to execute on press. |  fuction  | Yes      | All      |  Yes      |
 |  value    | Value of button. |   string | Yes      | All      |  Yes      |
 |  status    | Status of button. |   checked \| unchecked | Yes      | All      |  Yes      |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
+|  ref    | ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  testID    | string | testID to be used on tests. | Yes      | All      | Yes               |
 
 **ToggleButton.Group**：Toggle group allows to control a group of toggle buttons. 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -839,6 +1125,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onValueChange (required)    | Function to execute on selection change. |   (value: Value) => void | Yes      | All      |  Yes      |
 |  value (required)    | Value of the currently selected toggle button. |   string | Yes      | All      |  Yes      |
 |  children (required)    | React elements containing toggle buttons. |   React.ReactNode | Yes      | All      |  Yes      |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
 
 **Tooltip**：Tooltips display informative text when users hover over, focus on, or tap an element.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -848,6 +1135,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  leaveTouchDelay   | The number of milliseconds after the user stops touching an element before hiding the tooltip. |   number | Yes      | All      |  Yes      |
 |  title (required)   | Tooltip title |   string | Yes      | All      |  Yes      |
 |  titleMaxFontSizeMultiplier   | Specifies the largest possible scale a title font can reach. |   number | Yes      | All      |  Yes      |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **TouchableRipple**：A wrapper for views that should respond to touches. 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -863,8 +1151,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  rippleColor   | Color of the ripple effect. |   ColorValue | Yes      | All      |  Yes      |
 |  underlayColor   | Color of the underlay for the highlight effect. |   string | Yes      | All      |  Yes      |
 |  children (required)   | Content of the TouchableRipple. |   ((state: PressableStateCallbackType) => React.ReactNode) \| React.ReactNode | Yes      | All      |  Yes      |
-
-
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 ## 遗留问题
 

From d019cad05db1f53ed874f60f00a1d3d4904ddda4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Fri, 11 Oct 2024 06:32:18 +0000
Subject: [PATCH 648/966] =?UTF-8?q?!1628=20docs:=20[#IAVR4M]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-mmkv-storage=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-mmkv-sto?=
 =?UTF-8?q?rage=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-mmkv-storage.md | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-mmkv-storage.md b/zh-cn/react-native-mmkv-storage.md
index 0ec1a9f3..36d95e17 100644
--- a/zh-cn/react-native-mmkv-storage.md
+++ b/zh-cn/react-native-mmkv-storage.md
@@ -254,7 +254,7 @@ project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules/@rnoh/react-native-openharmony/src/main/cpp")
 set(LOG_VERBOSITY_LEVEL 1)
@@ -286,6 +286,10 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 
 ```
 
+```
+> [!Tip] 注意：上面NODE_MODULES定义，为源库的安装路径，用户可以根据安装源库的路径定义NODE_MODULES
+```
+
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
@@ -342,6 +346,22 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)
 
+### 权限要求
+
+由于此库部分功能与接口需要Store Persistent Data权限：ohos.permission.STORE_PERSISTENT_DATA，权限需要配置在entry/src/main目录下module.json5文件中
+
+####  在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.STORE_PERSISTENT_DATA",
++  },
++  
+]
+```
 
 ## API
 
@@ -374,13 +394,15 @@ ohpm install
 | getArrayAsync                | Sets an array to storage for the given key.                  | Function | no       | All      | yes               |
 | setMultipleItemsAsync        | Sets multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object. | Function | no       | All      | yes               |
 | getMultipleItemsAsync        | Retrieve multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object. | Function | no       | All      | yes               |
+| initialize                   | Initialize the MMKV Instance with the selected properties. Returns an MMKV Instance that you can use. | Function | no       | All      | yes               |
 | withInstanceID               | Specifies that the MMKV Instance should be created with the given ID. This way multiple intances can be created. | Function | no       | All      | yes               |
+| withEncryption               | Encrypt the MMKV instance on initialization.                 | Function | no       | All      | yes               |
+| encryptWithCustomKey         | You can also specify your own password to encrypt the storage. | Function | no       | All      | yes               |
 | setAccessibleMode (iOS only) | Choose the accessibility mode for secure key storage (IOS ONLY); | Function | no       | iOS      | no                |
 | withServiceName (iOS only)   | Sets the [kSecAttrService](https://developer.apple.com/documentation/security/ksecattrservice) option for secure key storage (IOS ONLY); | Function | no       | iOS      | no                |
 | removeItem                   | Remove an item for a given key.                              | Function | no       | All      | yes               |
 | clearStore                   | Clear the storage.                                           | Function | no       | All      | yes               |
 | clearMemoryCache             | Clear the storage from memory.                               | Function | no       | All      | yes               |
-| getAllMMKVInstanceIDs        | Returns a list of all the MMKV Instance IDs created.         | Function | no       | All      | yes               |
 | getCurrentMMKVInstances      | get the currently initialized instance IDs.                  | Function | no       | All      | yes               |
 | hasKey                       | Check if any data exists for a given key.                    | Function | no       | All      | yes               |
 | getKey                       | get the encryption key for the current MMKV instance         | Function | no       | All      | yes               |

From 3c4593e8596d48dc3a15a67c9b0b0e98f44c5b09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Fri, 11 Oct 2024 09:31:57 +0000
Subject: [PATCH 649/966] =?UTF-8?q?!1640=20docs:=20[Issues:=20#IAW72P]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-graph=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAW72P]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-graph=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-graph.md    | 8 +++++---
 zh-cn/react-native-graph.md | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/en/react-native-graph.md b/en/react-native-graph.md
index e099d660..d5264d4b 100644
--- a/en/react-native-graph.md
+++ b/en/react-native-graph.md
@@ -22,13 +22,13 @@
 #### **npm**
 
 ```bash
-npm install react-natvie-graph@1.1.0
+npm install react-native-graph@1.1.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-natvie-graph@1.1.0
+yarn add react-native-graph@1.1.0
 ```
 
 下面的代码展示了这个库的基本使用场景：
@@ -119,6 +119,8 @@ const styles = StyleSheet.create({
 
 1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta5 5.0.0.60; IDE：DevEco Studio 5.0.3.655; ROM：3.0.0.60
 
+2. RNOH：0.72.31; SDK：HarmonyOS NEXT Beta1 SDK 5.0.0.68; IDE：DevEco Studio 5.0.3.810; ROM：5.0.0.60
+
 ## 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
@@ -152,7 +154,7 @@ const styles = StyleSheet.create({
 ## 遗留问题
 
 ## 其他
-
+- react-native-graph 的animated属性 原库代码现在有问题 无论是false还是true，数据变化都是静态变化，没有动画效果，原库中有使用者提issue和PR，添加合入相应PR代码后才能动画正常[issue#111](https://github.com/margelo/react-native-graph/pull/111)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/margelo/react-native-graph/blob/main/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-graph.md b/zh-cn/react-native-graph.md
index e099d660..d5264d4b 100644
--- a/zh-cn/react-native-graph.md
+++ b/zh-cn/react-native-graph.md
@@ -22,13 +22,13 @@
 #### **npm**
 
 ```bash
-npm install react-natvie-graph@1.1.0
+npm install react-native-graph@1.1.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-natvie-graph@1.1.0
+yarn add react-native-graph@1.1.0
 ```
 
 下面的代码展示了这个库的基本使用场景：
@@ -119,6 +119,8 @@ const styles = StyleSheet.create({
 
 1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta5 5.0.0.60; IDE：DevEco Studio 5.0.3.655; ROM：3.0.0.60
 
+2. RNOH：0.72.31; SDK：HarmonyOS NEXT Beta1 SDK 5.0.0.68; IDE：DevEco Studio 5.0.3.810; ROM：5.0.0.60
+
 ## 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
@@ -152,7 +154,7 @@ const styles = StyleSheet.create({
 ## 遗留问题
 
 ## 其他
-
+- react-native-graph 的animated属性 原库代码现在有问题 无论是false还是true，数据变化都是静态变化，没有动画效果，原库中有使用者提issue和PR，添加合入相应PR代码后才能动画正常[issue#111](https://github.com/margelo/react-native-graph/pull/111)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/margelo/react-native-graph/blob/main/LICENSE) ，请自由地享受和参与开源。

From 2735ebc50d021d21d5956ed6cbab718e90878b35 Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Fri, 11 Oct 2024 10:01:22 +0000
Subject: [PATCH 650/966] =?UTF-8?q?!1641=20docs:=20[Issues:=20#IAWB5N]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-aria=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E6=9B=B4=E6=96=B0react-native?=
 =?UTF-8?q?-aria=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-aria.md    | 1 +
 zh-cn/react-native-aria.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-aria.md b/en/react-native-aria.md
index 9c314d2a..5ba693ee 100644
--- a/en/react-native-aria.md
+++ b/en/react-native-aria.md
@@ -18,6 +18,7 @@
 ## 安装与使用
 
 React Native ARIA是可增量采用的。每个组件都作为单独的包发布，因此您可以在单个组件中使用它，并随着时间的推移逐渐添加更多组件。所有这些包都在npm上的@react-native-aria范围内发布。
+> [!TIP] 该库已经不再维护，如果执行总包命令，项目运行缺失模块，就需要卸载旧包，在命令后增加--legacy-peer-deps，然后再次下载包文件
 
 进入到工程目录并输入以下命令：
 
diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md
index 9c314d2a..5ba693ee 100644
--- a/zh-cn/react-native-aria.md
+++ b/zh-cn/react-native-aria.md
@@ -18,6 +18,7 @@
 ## 安装与使用
 
 React Native ARIA是可增量采用的。每个组件都作为单独的包发布，因此您可以在单个组件中使用它，并随着时间的推移逐渐添加更多组件。所有这些包都在npm上的@react-native-aria范围内发布。
+> [!TIP] 该库已经不再维护，如果执行总包命令，项目运行缺失模块，就需要卸载旧包，在命令后增加--legacy-peer-deps，然后再次下载包文件
 
 进入到工程目录并输入以下命令：
 

From 8c5f9ef8e5b8eda2790373b1f941e8e0ef5c8b3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E5=98=89=E8=BE=89?= <961978925@qq.com>
Date: Sat, 12 Oct 2024 02:01:54 +0000
Subject: [PATCH 651/966] =?UTF-8?q?!1643=20docs:=20[Issue:=20#IAWGPB]?=
 =?UTF-8?q?=E5=90=8C=E6=AD=A5push-notification-ios=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAWGPB]?=
 =?UTF-8?q?=E5=90=8C=E6=AD=A5push-notification-ios=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-push-notification-ios.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-community-push-notification-ios.md b/en/react-native-community-push-notification-ios.md
index 9632f52c..2174973b 100644
--- a/en/react-native-community-push-notification-ios.md
+++ b/en/react-native-community-push-notification-ios.md
@@ -351,10 +351,10 @@ _NotificationRequest:_
 | `subtitle` | A secondary description of the reason for the notification        | string  | no       | All      | no               |
 | `body`     | The message displayed in the notificatio                          | string  | yes      | All      | yes               |
 | `badge`    | The number to display as the app's icon badge                     | number  | no       | All      | yes               |
-| `fireDate` | The date and time when the system should deliver the notification | object  | no       | All      | yes               |
+| `fireDate` | The date and time when the system should deliver the notification | object  | no       | All      | no               |
 | `repeats`  | Sets notification to repeat                                       | boolean | no       | All      | no               |
 | `repeatsComponent`  | An object indicating which parts of fireDate should be repeated                                       | object | no       | All      | no               |
-| `sound`  | The sound played when the notification is fired                                       | string | no       | All      | yes               |
+| `sound`  | The sound played when the notification is fired                                       | string | no       | All      | no               |
 | `category`  | The category of this notification, required for actionable notifications                                       | string | no       | All      | no               |
 | `isSilent` | If true, the notification will appear without sound               | boolean | no       | All      | yes               |
 | `isCritical` |  If true, the notification sound be played even when the device is locked, muted, or has Do Not Disturb enabled               | boolean | no       | All      | no               |

From 139d24577d0ebf5b6febfb5005eb766dd02eb775 Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Sat, 12 Oct 2024 02:10:17 +0000
Subject: [PATCH 652/966] =?UTF-8?q?!1644=20docs:=20[Issues:=20#IAWGP1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9en=E7=9B=AE=E5=BD=95=E4=B8=8B=E7=9A=84react-n?=
 =?UTF-8?q?ative-blob-util=EF=BC=88nocodegen=EF=BC=89=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWGP1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9en=E7=9B=AE=E5=BD=95=E4=B8=8B=E7=9A=84react-n?=
 =?UTF-8?q?ative-blob-util=EF=BC=88nocodegen=EF=BC=89=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...-util\357\274\210nocodegen\357\274\211.md" | 116 ++++++++++--------
 1 file changed, 65 insertions(+), 51 deletions(-)

diff --git "a/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md" "b/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
index 78861a58..a1c4cf49 100644
--- "a/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
+++ "b/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
@@ -9,7 +9,6 @@
     </a>
     <a href="https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
@@ -56,7 +55,7 @@ import {
 import ReactNativeBlobUtil from "react-native-blob-util";
 
 export default function BlobUtilDemo() {
-  const [result, setResult] = (useState < string) | (null > null);
+  const [result, setResult] = useState < string | null > (null);
   const [mkdirParam, setMkdirParam] = useState("");
 
   const createFile = async () => {
@@ -562,90 +561,105 @@ ohpm install
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Fetch API
+
+##### ReactNativeBlobUtil.fetch
+
+| Name    | Description|Type | Required | Platform    | HarmonyOS Support |
+| ------- | --------|--- | -------- | ----------- | ----------------- |
+| progress | 进度   | Function    | No       | iOS/Android | yes                |
+| uploadProgress | 上传进度  | Function        | No       | iOS/Android | yes                |
+| cancel | 取消   | Function       | No       | iOS/Android | yes                |
+
+
 
 #### Android API
 
 ##### ReactNativeBlobUtil.android
 
-|        Name         | Description  | Required | Platform | HarmonyOS Support |
-| :-----------------: | :----------: | :------: | :------: | :---------------: |
-|  actionViewIntent   | 动作视图意图 |    No    | Android  |        No         |
-|  getContentIntent   | 获取内容意图 |    No    | Android  |        No         |
-| addCompleteDownload | 添加完整下载 |    No    | Android  |        No         |
+|        Name         | Description| Type   | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------|----: | :------: | :------: | :---------------: |
+|  actionViewIntent   | 动作视图意图| Function  |    No    | Android  |        No         |
+|  getContentIntent   | 获取内容意图| Function  |    No    | Android  |        No         |
+| addCompleteDownload | 添加完整下载| Function  |    No    | Android  |        No         |
 
 #### File System Access API
 
 ##### ReactNativeBlobUtil.fs
 
-|    Name     |            Description             | Required |  Platform   | HarmonyOS Support |
-| :---------: | :--------------------------------: | :------: | :---------: | :---------------: |
-|    dirs     |                目录                |    NO    | iOS/Android |        Yes        |
-| createFile  |              创建文件              |    NO    | iOS/Android |        Yes        |
-|  writeFile  |               写文件               |    NO    | iOS/Android |        Yes        |
-| writeStream |                写流                |    NO    | iOS/Android |        Yes        |
-| appendFile  |              追加文件              |    NO    | iOS/Android |        Yes        |
-|  readFile   |              读取文件              |    NO    | iOS/Android |        Yes        |
-|    hash     |                哈希                |    NO    | iOS/Android |        Yes        |
-| readStream  |                读流                |    NO    | iOS/Android |        Yes        |
-|    mkdir    |              创建目录              |    NO    | iOS/Android |        Yes        |
-|     ls      |        查看当下的文件和目录        |    NO    | iOS/Android |        Yes        |
-|     mv      |            移动文件位置            |    NO    | iOS/Android |        Yes        |
-|     cp      |              复制文件              |    NO    | iOS/Android |        Yes        |
-|   exists    |          检查文件是否存在          |    NO    | iOS/Android |        Yes        |
-|    isDir    |             是否是目录             |    NO    | iOS/Android |        Yes        |
-|   unlink    |              删除文件              |    NO    | iOS/Android |        Yes        |
-|    lstat    |      获取目录下文件的统计数据      |    NO    | iOS/Android |        Yes        |
-|    stat     |   类似地获取数据或目录的统计信息   |    NO    | iOS/Android |        Yes        |
-|  scanFile   |              扫描文件              |    NO    |   Android   |        No         |
-|    asset    |                资产                |    NO    | iOS/Android |        Yes        |
-|     df      | 获取设备的可用磁盘空间和总磁盘空间 |    NO    | iOS/Android |        Yes        |
+|    Name     |            Description  | Type             | Required |  Platform   | HarmonyOS Support |
+| :---------: | :---------------------| -----------: | :------: | :---------: | :---------------: |
+|    dirs     |                目录 | Function               |    NO    | iOS/Android |        yes        |
+| createFile  |              创建文件 | Function             |    NO    | iOS/Android |        yes        |
+|  writeFile  |               写文件   | Function            |    NO    | iOS/Android |        yes        |
+| writeStream |                写流    | Function            |    NO    | iOS/Android |        yes        |
+| appendFile  |              追加文件   | Function           |    NO    | iOS/Android |        yes        |
+|  readFile   |              读取文件  | Function            |    NO    | iOS/Android |        yes        |
+|    hash     |                哈希   | Function             |    NO    | iOS/Android |        yes        |
+| readStream  |                读流    | Function            |    NO    | iOS/Android |        yes        |
+|    mkdir    |              创建目录   | Function           |    NO    | iOS/Android |        yes        |
+|     ls      |        查看当下的文件和目录| Function        |    NO    | iOS/Android |        yes        |
+|     mv      |            移动文件位置  | Function          |    NO    | iOS/Android |        yes        |
+|     cp      |              复制文件   | Function           |    NO    | iOS/Android |        yes        |
+|   exists    |          检查文件是否存在 | Function         |    NO    | iOS/Android |        yes        |
+|    isDir    |             是否是目录  | Function           |    NO    | iOS/Android |        yes        |
+|   unlink    |              删除文件   | Function           |    NO    | iOS/Android |        yes        |
+|    lstat    |      获取目录下文件的统计数据 | Function     |    NO    | iOS/Android |        yes        |
+|    stat     |   类似地获取数据或目录的统计信息| Function   |    NO    | iOS/Android |        yes        |
+|  scanFile   |              扫描文件    | Function          |    NO    |   Android   |        no         |
+|    asset    |                资产      | Function          |    NO    | iOS/Android |        yes        |
+|     df      | 获取设备的可用磁盘空间和总磁盘空间| Function |    NO    | iOS/Android |        yes        |
 
 #### iOS API
 
 #### ReactNativeBlobUtil.ios
 
-| Name            | Description                            | Required | Platform | HarmonyOS Support |
-| --------------- | -------------------------------------- | -------- | -------- | ----------------- |
-| previewDocument | 文档查看器--需要系统权限               | No       | iOS      | No                |
-| openDocument    | 显示与文件交互的选项菜单--需要系统权限 | No       | iOS      | No                |
+| Name            | Description      | Type                      | Required | Platform | HarmonyOS Support |
+| --------------- | ----------------------| ---------------- | -------- | -------- | ----------------- |
+| previewDocument | 文档查看器--需要系统权限  | Function             | No       | iOS      | yes                |
+| openDocument    | 显示与文件交互的选项菜单--需要系统权限| Function | No       | iOS      | yes                |
 
 #### Network Utils
 
 ##### ReactNativeBlobUtil.net
 
-| Name          | Description | Required | Platform    | HarmonyOS Support |
-| ------------- | ----------- | -------- | ----------- | ----------------- |
-| getCookies    | 获取 cookie | No       | iOS/Android | No                |
-| removeCookies | 删除 cookie | No       | iOS/Android | No                |
+| Name          | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------- | ---| ----- | ----------- | ----------------- |
+| getCookies    | 获取 cookie| Function | No       | iOS/Android | no                |
+| removeCookies | 删除 cookie| Function | No       | iOS/Android | no               |
 
 #### Session API
 
 ##### ReactNativeBlobUtil.session
 
-| Name    | Description | Required | Platform    | HarmonyOS Support |
-| ------- | ----------- | -------- | ----------- | ----------------- |
-| session | 会话        | No       | iOS/Android | No                |
+| Name    | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | --| ------ | ----------- | ----------------- |
+| add | 向此会话添加文件路径   | Function     | No       | iOS/Android | yes                |
+| remove | 从此会话中删除会话条目而不删除文件  | Function      | No       | iOS/Android | yes                |
+| list | 返回包含此会话中的文件路径的数组   | Function     | No       | iOS/Android | yes                |
+| dispose | 删除会话中的所有文件  | Function      | No       | iOS/Android | yes                |
 
 #### MediaStore(Android Media Storage)
 
 ##### ReactNativeBlobUtil.MediaCollection
 
-| Name             | Description    | Required | Platform | HarmonyOS Support |
-| ---------------- | -------------- | -------- | -------- | ----------------- |
-| CopyToMediaStore | 复制到媒体存储 | No       | Android  | No                |
-| createMediaFile  | 创建媒体文件   | No       | Android  | No                |
-| writeMediaFile   | 写媒体文件     | No       | Android  | No                |
-| copyToInternal   | 复制到内部     | No       | Android  | No                |
+| Name             | Description | Type   | Required | Platform | HarmonyOS Support |
+| ---------------- | --------| ------ | -------- | -------- | ----------------- |
+| CopyToMediaStore | 复制到媒体存储| Function | No       | Android  | no                |
+| createMediaFile  | 创建媒体文件| Function   | No       | Android  | no                |
+| writeMediaFile   | 写媒体文件 | Function    | No       | Android  | no                |
+| copyToInternal   | 复制到内部 | Function    | No       | Android  | no                |
 
 #### Utils API
 
-| Name   | Description | Required | Platform    | HarmonyOS Support |
-| ------ | ----------- | -------- | ----------- | ----------------- |
-| wrap   |             | No       | iOS/Android | No                |
-| base64 |             | No       | iOS/Android | No                |
+| Name   | Description| Type | Required | Platform    | HarmonyOS Support |
+| ------ | ----------- | ---| ----- | ----------- | ----------------- |
+| wrap   |  使文件路径可以被识别| Function           | No       | iOS/Android | yes                |
+| base64 |   使用base64编码解码| Function          | No       | iOS/Android | yes                |
+| session |  用于管理缓存文件 | Function          | No       | iOS/Android | yes                |
 
 ## 遗留问题
-
+ - [ ] blob-util在使用getCookies、removeCookies	在Android、iOS、Harmony OS 上使用都会报错: [issue#381](https://github.com/RonRadtke/react-native-blob-util/issues/381)
 ## 其他
 
 ## 开源协议

From d3b51df9dfe4f74d46bd4a86527527e292247eac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Sat, 12 Oct 2024 09:05:54 +0000
Subject: [PATCH 653/966] =?UTF-8?q?!1652=20docs:=20[Issues:=20#IAWHYZ]=20?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4react-native-ssl-pinning=E7=9A=84usage-docs?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAWHYZ]=20=E6=8F=90=E4=BA=A4react-na?=
 =?UTF-8?q?tive-ssl-pinning=E7=9A=84usage-docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-ssl-pinning.md    | 359 ++++++++++++++++++++++++++++
 zh-cn/react-native-ssl-pinning.md | 376 ++++++++++++++++++++++++++++++
 2 files changed, 735 insertions(+)
 create mode 100644 en/react-native-ssl-pinning.md
 create mode 100644 zh-cn/react-native-ssl-pinning.md

diff --git a/en/react-native-ssl-pinning.md b/en/react-native-ssl-pinning.md
new file mode 100644
index 00000000..9e470369
--- /dev/null
+++ b/en/react-native-ssl-pinning.md
@@ -0,0 +1,359 @@
+> Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center">react-native-ssl-pinning</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/MaxToyberman/react-native-ssl-pinning">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/MaxToyberman/react-native-ssl-pinning/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ssl-pinning)
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-safe-ssl-pinning Releases](https://github.com//releases).
+
+Go to the project directory and execute the following instruction:
+
+[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-spring-scrollview@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-spring-scrollview@file:#
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+> [!TIP] This example relies on react-native-file-selector and is introduced by referring to document [@react-native-oh-tpl/react-native-file-selector](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-file-selector.md).
+
+```js
+
+import React from 'react';
+import {
+    SafeAreaView,
+    StyleSheet,
+    ScrollView,
+    View,
+    Text,
+    StatusBar,
+    Button,
+    Alert,
+} from 'react-native';
+import {Colors} from 'react-native/Libraries/NewAppScreen';
+import {getCookies, fetch, removeCookieByName} from 'react-native-ssl-pinning';
+import FileSelector from '@react-native-oh-tpl/react-native-file-selector';
+function SslPingDemo() : React.JSX.Element{
+    return (
+        <>
+        <StatusBar barStyle="dark-content" />
+            <SafeAreaView>
+                <ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.scrollView}>
+                    <View style={styles.body}>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>fetch bY Public Key</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={() => {
+                                        fetch("https://github.com/service/https://jsnjlq.cn/", {
+                                            method: "GET" ,
+                                            timeoutInterval: 10000, // milliseconds
+                                            pkPinning: true,
+                                            sslPinning: {
+                                                certs: ["sha256/kPwnudZVhc+iC/fTd3OPph8uugk1YN5ZsJDAeM2P4UU="]
+                                            },
+                                            headers: {
+                                                Accept: "application/json; charset=utf-8", "Access-Control-Allow-Origin": "*", "e_platform": "mobile",
+                                            }
+                                        }).then(
+                                            (result) => {
+                                                Alert.alert(JSON.stringify(result));
+                                            },
+                                        );
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>fetch bY Certificate</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={() => {
+                                        fetch("https://github.com/service/https://jsnjlq.cn/", {
+                                            method: "POST" ,
+                                            timeoutInterval: 10000, // milliseconds
+                                            sslPinning: {
+                                                certs: ["cert"]
+                                            },
+                                            headers: {
+                                                Accept: "application/json; charset=utf-8", "Access-Control-Allow-Origin": "*", "e_platform": "mobile",
+                                            }
+                                        }).then(response => {
+                                            Alert.alert(JSON.stringify(response));
+                                        }).catch(err => {
+                                            console.log(`error: ${err}`)
+                                        })
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <FileSelector
+                                onDone={(path: string[]) => {
+                                    filePath = path
+                                }}
+                                onCancel={() => {console.log("cancelled");}}
+                            />
+                            <Text style={styles.sectionTitle} >Multipart request</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={() => {
+                                        let formData = new FormData()
+                                        formData.append('username', 'Chris');
+                                        let filePathArray = filePath.length > 0 ?filePath[0].split("/") : ["test"]
+                                        Alert.alert(JSON.stringify(filePathArray[filePathArray.length - 1]));
+                                        formData.append('file', {
+                                            name: encodeURIComponent(filePathArray[filePathArray.length - 1]),
+                                            fileName: encodeURIComponent(filePathArray[filePathArray.length - 1]),
+                                            type: "multipart/form-data",
+                                            uri: filePath[0]
+                                        })
+                                        fetch("https://github.com/service/http://123.249.28.4:8888/handerOkhttpRequest/parse", {
+                                            method: "POST" ,
+                                            timeoutInterval: 10000, // milliseconds
+                                            body: {
+                                                formData: formData,
+                                            },
+                                            sslPinning: {
+                                                certs: ["cert"]
+                                            },
+                                            headers: {
+                                                accept: 'application/json, text/plain, /',
+                                            }
+                                        })
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>getCookies</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={async () => {
+                                        getCookies("jsnjlq.cn").then(
+                                            (result) => {
+                                                Alert.alert(JSON.stringify(result));
+                                            },
+                                        );
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>remove Cookie</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={async () => {
+                                        removeCookieByName("jsnjlq.cn").then(
+                                            (result) => {
+                                                Alert.alert(JSON.stringify(result));
+                                            },
+                                        );
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                    </View>
+                </ScrollView>
+            </SafeAreaView>
+        </>
+    );
+};
+
+const styles = StyleSheet.create({
+    scrollView: {
+        backgroundColor: Colors.lighter,
+    },
+    engine: {
+        position: 'absolute',
+        right: 0,
+    },
+    body: {
+        backgroundColor: Colors.white,
+    },
+    sectionContainer: {
+        marginTop: 32,
+        paddingHorizontal: 24,
+    },
+    sectionTitle: {
+        fontSize: 24,
+        fontWeight: '600',
+        color: Colors.black,
+    },
+    sectionDescription: {
+        marginTop: 8,
+        fontSize: 18,
+        fontWeight: '400',
+        color: Colors.dark,
+    },
+    highlight: {
+        fontWeight: '700',
+    },
+    footer: {
+        color: Colors.dark,
+        fontSize: 12,
+        fontWeight: '600',
+        padding: 4,
+        paddingRight: 12,
+        textAlign: 'right',
+    },
+});
+
+export default SslPingDemo;
+```
+
+## Use Codegen
+
+If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see Codegen Usage Guide.
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the harmony directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.Introducing Native Code
+
+Currently, two methods are available:
+
+1. Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the harmony directory in the installation path of the third-party library.
+
+Open entry/oh-package.json5 file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-ssl-pinning": "file:../../node_modules/@react-native-oh-tpl/react-native-ssl-pinning/harmony/ssl_pinning.har"
+  }
+```
+
+Click the sync button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code.](/zh-cn/link-source-code.md)
+
+### 3.Introducing SslPinningPackage Package to ArkTS
+
+Open the entry/src/main/ets/RNPackagesFactory.ts file and add the following code:
+
+```diff
+  ...
++ import { SslPinningPackage } from "@react-native-oh-tpl/react-native-ssl-pinning/ts"
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SslPinningPackage(ctx),,
+  ];
+}
+```
+
+### 4.Running
+
+Click the sync button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library:：[@react-native-oh-tpl/react-native-ssl-pinning Releases](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)
+
+### Permission Requirements
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.INTERNET",
++  }
+]
+```
+
+## APIs
+
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                                | Description                                    | Type      | Required | Platform   | HarmonyOS Support                     |
+|-------------------------------------|------------------------------------------------|-----------| -------- |------------|---------------------------------------|
+| removeCookieByName(cookieName)      | remove Cookies by cookieName                   | function  | No       | All        | yes                                   |
+| getCookies(domain)                  | query cookies by domain                        | function  | No       | All        | yes                                   |
+| fetch(hostname, options, callback)  | Initiate a fetch request with the certificate. | function  | No       | All        | 1:目前只支持key-value格式 2：文件格式存在bug，还在解决   |
+
+
+## Known Issues
+- [ ] fetch interface, file upload is not supported at present. [issue#1](https://github.com/react-native-oh-library/react-native-ssl-pinning/issues/4)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/MaxToyberman/react-native-ssl-pinning/blob/master/LICENSE)
diff --git a/zh-cn/react-native-ssl-pinning.md b/zh-cn/react-native-ssl-pinning.md
new file mode 100644
index 00000000..93659f87
--- /dev/null
+++ b/zh-cn/react-native-ssl-pinning.md
@@ -0,0 +1,376 @@
+<!-- {% raw %} -->
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-ssl-pinning</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/MaxToyberman/react-native-ssl-pinning">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/MaxToyberman/react-native-ssl-pinning/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-ssl-pinning)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ssl-pinning Releases](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-ssl-pinning@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-ssl-pinning@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [!TIP] 本示例依赖 react-native-file-selector 库，参照 [@react-native-oh-tpl/react-native-file-selector](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-file-selector.md) 文档进行引入。
+
+```js
+
+import React from 'react';
+import {
+    SafeAreaView,
+    StyleSheet,
+    ScrollView,
+    View,
+    Text,
+    StatusBar,
+    Button,
+    Alert,
+} from 'react-native';
+import {Colors} from 'react-native/Libraries/NewAppScreen';
+import {getCookies, fetch, removeCookieByName} from 'react-native-ssl-pinning';
+import FileSelector from '@react-native-oh-tpl/react-native-file-selector';
+function SslPingDemo() : React.JSX.Element{
+    return (
+        <>
+        <StatusBar barStyle="dark-content" />
+            <SafeAreaView>
+                <ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.scrollView}>
+                    <View style={styles.body}>
+                         <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>fetch bY Public Key</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={() => {
+                                        fetch("https://github.com/service/https://jsnjlq.cn/", {
+                                            method: "GET" ,
+                                            timeoutInterval: 10000, // milliseconds
+                                            pkPinning: true,
+                                            sslPinning: {
+                                                certs: ["sha256/kPwnudZVhc+iC/fTd3OPph8uugk1YN5ZsJDAeM2P4UU="]
+                                            },
+                                            headers: {
+                                                Accept: "application/json; charset=utf-8", "Access-Control-Allow-Origin": "*", "e_platform": "mobile",
+                                            }
+                                        }).then(
+                                            (result) => {
+                                                Alert.alert(JSON.stringify(result));
+                                            },
+                                        );
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>fetch bY Certificate</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={() => {
+                                        fetch("https://github.com/service/https://jsnjlq.cn/", {
+                                            method: "POST" ,
+                                            timeoutInterval: 10000, // milliseconds
+                                            sslPinning: {
+                                                certs: ["cert"]
+                                            },
+                                            headers: {
+                                                Accept: "application/json; charset=utf-8", "Access-Control-Allow-Origin": "*", "e_platform": "mobile",
+                                            }
+                                        }).then(response => {
+                                            Alert.alert(JSON.stringify(response));
+                                        }).catch(err => {
+                                            console.log(`error: ${err}`)
+                                        })
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <FileSelector
+                                onDone={(path: string[]) => {
+                                    filePath = path
+                                }}
+                                onCancel={() => {console.log("cancelled");}}
+                            />
+                            <Text style={styles.sectionTitle} >Multipart request</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={() => {
+                                        let formData = new FormData()
+                                        formData.append('username', 'Chris');
+                                        let filePathArray = filePath.length > 0 ?filePath[0].split("/") : ["test"]
+                                        Alert.alert(JSON.stringify(filePathArray[filePathArray.length - 1]));
+                                        formData.append('file', {
+                                            name: encodeURIComponent(filePathArray[filePathArray.length - 1]),
+                                            fileName: encodeURIComponent(filePathArray[filePathArray.length - 1]),
+                                            type: "multipart/form-data",
+                                            uri: filePath[0]
+                                        })
+                                        fetch("https://github.com/service/http://123.249.28.4:8888/handerOkhttpRequest/parse", {
+                                            method: "POST" ,
+                                            timeoutInterval: 10000, // milliseconds
+                                            body: {
+                                                formData: formData,
+                                            },
+                                            sslPinning: {
+                                                certs: ["cert"]
+                                            },
+                                            headers: {
+                                                accept: 'application/json, text/plain, /',
+                                            }
+                                        })
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>getCookies</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={async () => {
+                                        getCookies("jsnjlq.cn").then(
+                                            (result) => {
+                                                Alert.alert(JSON.stringify(result));
+                                            },
+                                        );
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                        <View style={styles.sectionContainer}>
+                            <Text style={styles.sectionTitle}>remove Cookie</Text>
+                            <Text style={styles.sectionDescription}>
+                                <Button
+                                    title="fetch"
+                                    onPress={async () => {
+                                        removeCookieByName("jsnjlq.cn").then(
+                                            (result) => {
+                                                Alert.alert(JSON.stringify(result));
+                                            },
+                                        );
+                                    }}
+                                />
+                            </Text>
+                        </View>
+                    </View>
+                </ScrollView>
+            </SafeAreaView>
+        </>
+    );
+};
+
+const styles = StyleSheet.create({
+    scrollView: {
+        backgroundColor: Colors.lighter,
+    },
+    engine: {
+        position: 'absolute',
+        right: 0,
+    },
+    body: {
+        backgroundColor: Colors.white,
+    },
+    sectionContainer: {
+        marginTop: 32,
+        paddingHorizontal: 24,
+    },
+    sectionTitle: {
+        fontSize: 24,
+        fontWeight: '600',
+        color: Colors.black,
+    },
+    sectionDescription: {
+        marginTop: 8,
+        fontSize: 18,
+        fontWeight: '400',
+        color: Colors.dark,
+    },
+    highlight: {
+        fontWeight: '700',
+    },
+    footer: {
+        color: Colors.dark,
+        fontSize: 12,
+        fontWeight: '600',
+        padding: 4,
+        paddingRight: 12,
+        textAlign: 'right',
+    },
+});
+
+export default SslPingDemo;
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-ssl-pinning": "file:../../node_modules/@react-native-oh-tpl/react-native-ssl-pinning/harmony/ssl_pinning.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+打开终端，执行：
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 3.在 ArkTs 侧引入 SslPinningPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { SslPinningPackage } from "@react-native-oh-tpl/react-native-ssl-pinning/ts"
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new SslPinningPackage(ctx),,
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ssl-pinning Releases](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)
+
+### 权限要求
+
+#### 在 entry 目录下的module.json5中添加权限
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.INTERNET",
++  }
+]
+```
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                | Description                                    | Type      | Required | Platform   | HarmonyOS Support                     |
+|-------------------------------------|------------------------------------------------|-----------| -------- |------------|---------------------------------------|
+| removeCookieByName(cookieName)      | remove Cookies by cookieName                   | function  | No       | All        | yes                                   |
+| getCookies(domain)                  | query cookies by domain                        | function  | No       | All        | yes                                   |
+| fetch(hostname, options, callback)  | Initiate a fetch request with the certificate. | function  | No       | All        | 1:目前只支持key-value格式 2：文件格式存在bug，还在解决   |
+
+
+## 遗留问题
+- [ ] fetch接口，目前文件上传还不支持 [issue#1](https://github.com/react-native-oh-library/react-native-ssl-pinning/issues/4)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/MaxToyberman/react-native-ssl-pinning/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+<!-- {% endraw %} -->
\ No newline at end of file

From d1a79487cc3686faee165ffc86a7cbcade0b1013 Mon Sep 17 00:00:00 2001
From: zhyx2 <zhuyongxiang2@h-partners.com>
Date: Sat, 12 Oct 2024 12:03:24 +0000
Subject: [PATCH 654/966] =?UTF-8?q?!1622=20docs:=20[Issues:#IAUT2Z]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Erealm-js=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:#IAUT2Z]=20=E6=96=B0=E5=A2=9Erealm-js?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/realm-js.md | 318 +++++++++++++++++++++++++++++++++++++++++++++
 zh-en/realm-js.md | 320 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 638 insertions(+)
 create mode 100644 zh-cn/realm-js.md
 create mode 100644 zh-en/realm-js.md

diff --git a/zh-cn/realm-js.md b/zh-cn/realm-js.md
new file mode 100644
index 00000000..c25c0acc
--- /dev/null
+++ b/zh-cn/realm-js.md
@@ -0,0 +1,318 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>realm-js</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/realm/realm-js">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/realm/realm-js/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-green.svg" alt="License" /> 
+    </a>
+</p>
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/realm-js)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/realm@file:#
+npm install @react-native-oh-tpl/realm-react@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/realm@file:#
+yarn add @react-native-oh-tpl/realm-react@file:#
+```
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from "react";
+import { SafeAreaView, View, Text, TextInput, FlatList, Pressable } from "react-native";
+import { Realm, RealmProvider, useRealm, useQuery } from '@realm/react'
+
+class Task extends Realm.Object {
+  _id!: Realm.BSON.ObjectId;
+  description!: string;
+  isComplete!: boolean;
+  createdAt!: Date;
+
+  static generate(description: string) {
+    return {
+      _id: new Realm.BSON.ObjectId(),
+      description,
+      createdAt: new Date(),
+    };
+  }
+
+  static schema = {
+    name: 'Task',
+    primaryKey: '_id',
+    properties: {
+      _id: 'objectId',
+      description: 'string',
+      isComplete: { type: 'bool', default: false },
+      createdAt: 'date'
+    },
+  };
+}
+
+export default function AppWrapper() {
+  return (
+    <RealmProvider schema={[Task]}><TaskApp /></RealmProvider>
+  )
+}
+
+function TaskApp() {
+  const realm = useRealm();
+  const tasks = useQuery(Task);
+  const [newDescription, setNewDescription] = useState("")
+
+  return (
+    <SafeAreaView>
+      <View style={{ flexDirection: 'row', justifyContent: 'center', margin: 10 }}>
+        <TextInput
+          value={newDescription}
+          placeholder="Enter new task description"
+          onChangeText={setNewDescription}
+        />
+        <Pressable
+          onPress={() => {
+            realm.write(() => {
+              realm.create("Task", Task.generate(newDescription));
+            });
+            setNewDescription("")
+          }}><Text>➕</Text></Pressable>
+      </View>
+      <FlatList data={tasks.sorted("createdAt")} keyExtractor={(item) => item._id.toHexString()} renderItem={({ item }) => {
+        return (
+          <View style={{ flexDirection: 'row', justifyContent: 'center', margin: 10 }}>
+            <Pressable
+              onPress={() =>
+                realm.write(() => {
+                  item.isComplete = !item.isComplete
+                })
+              }><Text>{item.isComplete ? "✅" : "☑️"}</Text></Pressable>
+            <Text style={{ paddingHorizontal: 10 }} >{item.description}</Text>
+            <Pressable
+              onPress={() => {
+                realm.write(() => {
+                  realm.delete(item)
+                })
+              }} ><Text>{"🗑️"}</Text></Pressable>
+          </View>
+        );
+      }} ></FlatList>
+    </SafeAreaView >
+  );
+}
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/realm": "file:../../node_modules/@react-native-oh-tpl/realm/binding/harmony/realm.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RealmPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/realm/src/main/cpp" ./realm)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_realm)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RealmPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RealmPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNRealmPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNRealmPackage} from '@react-native-oh-tpl/realm/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNRealmPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- |-------- | -------- | ------------------ |
+| useRealm() | Returns the instance of the Realm opened by the `RealmProvider` | function  |No       | All      | Yes      |
+| useObject(type, primaryKey) | Returns a Realm.Object from a given type and value of primary key | function  |No       | All      | Yes      |
+| useQuery() | Returns a Realm.Collection of Realm.Objects from a given type. | function  |No       | All      | Yes      |
+| useUser() | Hook to access the currently authenticated Realm user from the UserProvider context. | function  |No | All | Yes |
+| useAuth() | Hook providing operations and corresponding state for authenticating with an Atlas App. | function  |No | All | Yes |
+| logIn(credentials) | Log in with a Realm.Credentials instance. This allows login with any authentication mechanism supported by Realm. | function  |No | All | Yes |
+| logInWithAnonymous() | Log in with the Anonymous authentication provider | function  |No | All | Yes |
+| logInWithApiKey(key) | Log in with an API key. | function  |No | All | Yes |
+| logInWithEmailPassword(credentials) | Log in with Email / Password. | function  |No | All | Yes |
+| logInWithJWT(credentials) | Log in with a JSON Web Token (JWT). | function  |No | All | Yes |
+| logInWithGoogle(credentials) | Log in with Google. | function  |No | All | Yes |
+| logInWithApple(idToken) | Log in with Apple. | function  |No | All | Yes |
+| logInWithFacebook(accessToken) | Log in with Facebook. | function  |No | All | Yes |
+| logInWithFunction(payload) | Log in with a custom function. | function  |No | All | Yes |
+| logOut() | Log out the current user. | function  |No | All | Yes |
+| useEmailPasswordAuth() | Hook providing operations and corresponding state for authenticating with an Atlas App with Email/Password. | function  |No | All | Yes |
+| logIn(credentials) | Convenience function to log in a user with an email and password - users. | function  |No | All | Yes |
+| logOut() | Log out the current user. | function  |No | All | Yes |
+| register(args) | Register a new user. | function  |No | All | Yes |
+| Confirm(args) | Confirm a user's account by providing the `token` and `tokenId` received. | function  |No | All | Yes |
+| resendConfirmationEmail(args) | Resend a user's confirmation email. | function  |No | All | Yes |
+| retryCustomConfirmation(args) | Retry the custom confirmation function for a given user. | function  |No | All | Yes |
+| sendResetPasswordEmail(args) | Send a password reset email for a given user. | function  |No | All | Yes |
+| resetPassword(args) | Complete resetting a user's password. | function  |No | All | Yes |
+| callResetPasswordFunction(args, restArgs) | Call the configured password reset function, passing in any additional arguments to the function. | function  |No | All | Yes |
+| useApp() | Hook to access the current Realm.App from the AppProvider context. | function  |No | All | Yes |
+
+## 遗留问题
+
+- [ ] Realm-js库的get_synchronized_realm、sync_session、get_latest_subscription_set方法问题：目前暂不能使用，需要依赖的realm-core三方库提供后再做支持。[issue#1](https://github.com/react-native-oh-library/realm-js/issues/1)
+- [ ] realm-js库目前只能在root后的手机上使用。[issue#2](https://github.com/react-native-oh-library/realm-js/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The Apache License (Apache)](https://github.com/realm/realm-js/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-en/realm-js.md b/zh-en/realm-js.md
new file mode 100644
index 00000000..ddbbf99f
--- /dev/null
+++ b/zh-en/realm-js.md
@@ -0,0 +1,320 @@
+> Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>realm-js</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/realm/realm-js%3E">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/realm/realm-js/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-Apache-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/realm-js)
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases).
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/realm@file:#
+npm install @react-native-oh-tpl/realm-react@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/realm@file:#
+yarn add @react-native-oh-tpl/realm-react@file:#
+```
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+import React, { useState } from "react";
+import { SafeAreaView, View, Text, TextInput, FlatList, Pressable } from "react-native";
+import { Realm, RealmProvider, useRealm, useQuery } from '@realm/react'
+
+class Task extends Realm.Object {
+  _id!: Realm.BSON.ObjectId;
+  description!: string;
+  isComplete!: boolean;
+  createdAt!: Date;
+
+  static generate(description: string) {
+    return {
+      _id: new Realm.BSON.ObjectId(),
+      description,
+      createdAt: new Date(),
+    };
+  }
+
+  static schema = {
+    name: 'Task',
+    primaryKey: '_id',
+    properties: {
+      _id: 'objectId',
+      description: 'string',
+      isComplete: { type: 'bool', default: false },
+      createdAt: 'date'
+    },
+  };
+}
+
+export default function AppWrapper() {
+  return (
+    <RealmProvider schema={[Task]}><TaskApp /></RealmProvider>
+  )
+}
+
+function TaskApp() {
+  const realm = useRealm();
+  const tasks = useQuery(Task);
+  const [newDescription, setNewDescription] = useState("")
+
+  return (
+    <SafeAreaView>
+      <View style={{ flexDirection: 'row', justifyContent: 'center', margin: 10 }}>
+        <TextInput
+          value={newDescription}
+          placeholder="Enter new task description"
+          onChangeText={setNewDescription}
+        />
+        <Pressable
+          onPress={() => {
+            realm.write(() => {
+              realm.create("Task", Task.generate(newDescription));
+            });
+            setNewDescription("")
+          }}><Text>➕</Text></Pressable>
+      </View>
+      <FlatList data={tasks.sorted("createdAt")} keyExtractor={(item) => item._id.toHexString()} renderItem={({ item }) => {
+        return (
+          <View style={{ flexDirection: 'row', justifyContent: 'center', margin: 10 }}>
+            <Pressable
+              onPress={() =>
+                realm.write(() => {
+                  item.isComplete = !item.isComplete
+                })
+              }><Text>{item.isComplete ? "✅" : "☑️"}</Text></Pressable>
+            <Text style={{ paddingHorizontal: 10 }} >{item.description}</Text>
+            <Pressable
+              onPress={() => {
+                realm.write(() => {
+                  realm.delete(item)
+                })
+              }} ><Text>{"🗑️"}</Text></Pressable>
+          </View>
+        );
+      }} ></FlatList>
+    </SafeAreaView >
+  );
+}
+```
+
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Currently, two methods are available:
+
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/realm": "file:../../node_modules/@react-native-oh-tpl/realm/binding/harmony/realm.har"
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+
+### 3. Configuring CMakeLists and Introducing RealmPackage Package
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/realm/src/main/cpp" ./realm)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_realm)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RealmPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RealmPackage>(ctx)
+    };
+}
+```
+
+### 4. Introducing RNRealmPackage Package to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
+
+```diff
+  ...
++ import {RNRealmPackage} from '@react-native-oh-tpl/realm/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNRealmPackage(ctx),
+  ];
+}
+```
+
+### 5. Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases)
+
+
+
+## APIs (TurboModules, If Any)
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| useRealm() | Returns the instance of the Realm opened by the `RealmProvider` | function  | yes | All      | yes |
+| useObject(type, primaryKey) | Returns a Realm.Object from a given type and value of primary key | function  | yes | All      | yes |
+| useQuery() | Returns a Realm.Collection of Realm.Objects from a given type. | function  | yes | All      | yes |
+| useUser() | Hook to access the currently authenticated Realm user from the UserProvider context.| function  | yes | All      | yes |
+| useAuth() | Hook providing operations and corresponding state for authenticating with an Atlas App. | function  | yes | All      | yes |
+| logIn(credentials) | Log in with a Realm.Credentials instance. This allows login with any authentication mechanism supported by Realm. | function  | yes | All      | yes |
+| logInWithAnonymous() | Log in with the Anonymous authentication provider | function  | yes | All      | yes |
+| logInWithApiKey(key) | Log in with an API key. | function  | yes | All      | yes |
+| logInWithEmailPassword(credentials) | Log in with Email / Password.| function  | yes | All      | yes |
+| logInWithJWT(credentials) | Log in with a JSON Web Token (JWT). | function  | yes | All      | yes |
+| logInWithGoogle(credentials) | Log in with Google. | function  | yes | All      | yes |
+| logInWithApple(idToken) | Log in with Apple. | function  | yes | All      | yes |
+| logInWithFacebook(accessToken) | Log in with Facebook. |function  | yes | All      | yes |
+| logInWithFunction(payload) | Log in with a custom function. | function  | yes | All      | yes |
+| logOut() | Log out the current user. | function  | yes | All      | yes |
+| useEmailPasswordAuth() | Hook providing operations and corresponding state for authenticating with an Atlas App with Email/Password. | function  | yes | All      | yes |
+| logIn(credentials) | Convenience function to log in a user with an email and password - users. | function  | yes | All      | yes |
+| logOut() | Log out the current user.| function  | yes | All      | yes |
+| register(args) | Register a new user. | function  | yes | All      | yes |
+| Confirm(args) | Confirm a user's account by providing the `token` and `tokenId` received. | function  | yes | All      | yes |
+| resendConfirmationEmail(args) | Resend a user's confirmation email. | function  | yes | All      | yes |
+| retryCustomConfirmation(args) | Retry the custom confirmation function for a given user. | function  | yes | All      | yes |
+| sendResetPasswordEmail(args) | Send a password reset email for a given user. | function  | yes | All      | yes |
+| resetPassword(args) | Complete resetting a user's password. | function  | yes | All      | yes |
+| callResetPasswordFunction(args, restArgs) | Call the configured password reset function, passing in any additional arguments to the function. | function  | yes | All      | yes |
+| useApp() | Hook to access the current Realm.App from the AppProvider context. | function  | yes | All      | yes |
+
+## Known Issues
+- [ ] Problem with the get_synchronized_realm, sync_session and get_latest_subscription_set methods in the Realm-js library: Currently unavailable, support will need to be provided by the dependent realm-core third-party library before implementation. [issue#1](https://github.com/react-native-oh-library/realm-js/issues/1)
+- [ ] The realm-js library can currently only be used on rooted phones. [issue#2](https://github.com/react-native-oh-library/realm-js/issues/2)
+
+## Others
+
+## License
+
+This project is licensed under [Apache License (Apache)](https://github.com/realm/realm-js/blob/main/LICENSE).
+

From c6bb21c755ce531bef84d4364de852959d092854 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Sun, 13 Oct 2024 06:35:22 +0000
Subject: [PATCH 655/966] =?UTF-8?q?!1653=20docs:=20=E4=BF=AE=E6=94=B9Nativ?=
 =?UTF-8?q?eBase=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAWMY?=
 =?UTF-8?q?A]=20=E4=BF=AE=E6=94=B9NativeBase=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/NativeBase.md    | 18 ++++++++----------
 zh-cn/NativeBase.md | 14 ++++++--------
 2 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/en/NativeBase.md b/en/NativeBase.md
index 8bc1b653..663a9e35 100644
--- a/en/NativeBase.md
+++ b/en/NativeBase.md
@@ -18,7 +18,7 @@
 
 
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-oh-tpl-native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)，并下载适用版本的 tgz 包。
 
 
 进入到工程目录并输入以下命令：
@@ -28,13 +28,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-oh-tpl-native-base@file:#
+npm install @react-native-oh-tpl/native-base@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-oh-tpl-native-base@file:#
+yarn add @react-native-oh-tpl/native-base@file:#
 ```
 
 <!-- tabs:end -->
@@ -506,7 +506,7 @@ const styles = StyleSheet.create({
 |        endColor         |           结束颜色    |        String         |    No    |   All    |        Yes        |
 |        lines         |            文本中的行数   |        Number         |    No    |   All    |        Yes        |
 |        _line         |            文本中的行数样式参数   |        String         |    No    |   All    |        Yes        |
-|        _stack         |            尺寸   |        String         |    No    |   All    |        Yes        |
+|        _stack         |            要传递给按钮内部使用的 HStack 的参数    |        String         |    No    |   All    |        Yes        |
 
 **Spinner**: 加载等待中
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -572,7 +572,7 @@ const styles = StyleSheet.create({
 |        initialFocusRef         |           打开时焦点元素节点    |       Object        |    No    |   All    |        Yes        |
 |        finalFocusRef         |           关闭时焦点元素节点    |       Boolean        |    No    |   All    |        Yes        |
 |        avoidKeyboard         |           键盘打开，则 AlertDialog 将向上移动相当于键盘高度     |       Boolean        |    No    |   All    |        Yes        |
-|        closeOnOverlayClick         |           点击找找关闭    |       Boolean        |    No    |   All    |        Yes        |
+|        closeOnOverlayClick         |           点击关闭    |       Boolean        |    No    |   All    |        Yes        |
 |        isKeyboardDismissable         |           Esc关闭    |       Boolean        |    No    |   No    |        No        |
 |        overlayVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
 |        backdropVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
@@ -649,7 +649,7 @@ const styles = StyleSheet.create({
 |        _image         |           图片参数    |        Object       |    No    |   All    |        Yes        |
 |        wrapperRef         |             获取节点    |        Boolean        |    No    |   All    |        Yes        |
 
-**Icon**: 显示用户头像或图像
+**Icon**: 展示图标
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        as         |            接收矢量图标    |        Any        |    No    |   All    |        Yes        |
@@ -658,7 +658,7 @@ const styles = StyleSheet.create({
 |        children         |             子元素    |   JSX.Element             |    No    |   All    |        Yes        |
 |        name         |             名称    |   String            |    No    |   All    |        Yes        |
 |        viewBox         |             icon盒子参数    |   String            |    No    |   All    |        Yes        |
-|        path         |             icon地址    |   JSX.Element[] | JSX.Element            |    No    |   All    |        Yes        |
+|        path         |             icon地址    |   JSX.Element[]            |    No    |   All    |        Yes        |
 |        d         |             SVG图标的路径    |   String            |    No    |   All    |        Yes        |
 
 **Image**: 图片
@@ -668,7 +668,6 @@ const styles = StyleSheet.create({
 |        alt         |            未展示文字    |         String       |    No    |   All    |        Yes        |
 |        _alt         |            未展示文字样式参数    |         Object       |    No    |   All    |        Yes        |
 |        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
-|        color         |           颜色    |        String       |    No    |   All    |        Yes        |
 |        src         |             图片地址    |   String             |    No    |   All    |        Yes        |
 |        fallbackSource         |             指定当主图像源无法加载时显示的备用图像源    |   String            |    No    |   All    |        Yes        |
 |        ignoreFallback         |             是否忽略备用图像源    |   Boolean            |    No    |   All    |        Yes        |
@@ -699,7 +698,6 @@ const styles = StyleSheet.create({
 |        animate         |            动画最终状态的属性    |         Object       |    No    |   All    |        Yes        |
 |        exit         |           组件在隐藏时的状态    |        Boolean        |    No    |   All    |        Yes        |
 |        visible         |           是否打开    |        Boolean       |    No    |   All    |        Yes        |
-|        animationExited         |             过渡动画已经完全退出   |   Boolean             |    No    |   All    |        Yes        |
 |        children         |             子集   |   any             |    No    |   All    |        Yes        |
 |        as         |             包裹在过渡效果中的元素的类型   |   any             |    No    |   All    |        Yes        |
 
@@ -715,7 +713,7 @@ const styles = StyleSheet.create({
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        in         |            显示隐藏    |        Boolean       |    No    |   All    |        Yes        |
-|        duration         |            动画事件    |         Number       |    No    |   All    |        Yes        |
+|        duration         |            动画时长    |         Number       |    No    |   All    |        Yes        |
 |        placement         |           位置    |        String        |    No    |   All    |        Yes        |
 
 **FAB**: 浮动按钮
diff --git a/zh-cn/NativeBase.md b/zh-cn/NativeBase.md
index acd24283..663a9e35 100644
--- a/zh-cn/NativeBase.md
+++ b/zh-cn/NativeBase.md
@@ -18,7 +18,7 @@
 
 
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-oh-tpl-native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)，并下载适用版本的 tgz 包。
 
 
 进入到工程目录并输入以下命令：
@@ -28,13 +28,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-oh-tpl-native-base@file:#
+npm install @react-native-oh-tpl/native-base@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-oh-tpl-native-base@file:#
+yarn add @react-native-oh-tpl/native-base@file:#
 ```
 
 <!-- tabs:end -->
@@ -506,7 +506,7 @@ const styles = StyleSheet.create({
 |        endColor         |           结束颜色    |        String         |    No    |   All    |        Yes        |
 |        lines         |            文本中的行数   |        Number         |    No    |   All    |        Yes        |
 |        _line         |            文本中的行数样式参数   |        String         |    No    |   All    |        Yes        |
-|        _stack         |            尺寸   |        String         |    No    |   All    |        Yes        |
+|        _stack         |            要传递给按钮内部使用的 HStack 的参数    |        String         |    No    |   All    |        Yes        |
 
 **Spinner**: 加载等待中
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -572,7 +572,7 @@ const styles = StyleSheet.create({
 |        initialFocusRef         |           打开时焦点元素节点    |       Object        |    No    |   All    |        Yes        |
 |        finalFocusRef         |           关闭时焦点元素节点    |       Boolean        |    No    |   All    |        Yes        |
 |        avoidKeyboard         |           键盘打开，则 AlertDialog 将向上移动相当于键盘高度     |       Boolean        |    No    |   All    |        Yes        |
-|        closeOnOverlayClick         |           点击找找关闭    |       Boolean        |    No    |   All    |        Yes        |
+|        closeOnOverlayClick         |           点击关闭    |       Boolean        |    No    |   All    |        Yes        |
 |        isKeyboardDismissable         |           Esc关闭    |       Boolean        |    No    |   No    |        No        |
 |        overlayVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
 |        backdropVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
@@ -668,7 +668,6 @@ const styles = StyleSheet.create({
 |        alt         |            未展示文字    |         String       |    No    |   All    |        Yes        |
 |        _alt         |            未展示文字样式参数    |         Object       |    No    |   All    |        Yes        |
 |        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
-|        color         |           颜色    |        String       |    No    |   All    |        Yes        |
 |        src         |             图片地址    |   String             |    No    |   All    |        Yes        |
 |        fallbackSource         |             指定当主图像源无法加载时显示的备用图像源    |   String            |    No    |   All    |        Yes        |
 |        ignoreFallback         |             是否忽略备用图像源    |   Boolean            |    No    |   All    |        Yes        |
@@ -699,7 +698,6 @@ const styles = StyleSheet.create({
 |        animate         |            动画最终状态的属性    |         Object       |    No    |   All    |        Yes        |
 |        exit         |           组件在隐藏时的状态    |        Boolean        |    No    |   All    |        Yes        |
 |        visible         |           是否打开    |        Boolean       |    No    |   All    |        Yes        |
-|        animationExited         |             过渡动画已经完全退出   |   Boolean             |    No    |   All    |        Yes        |
 |        children         |             子集   |   any             |    No    |   All    |        Yes        |
 |        as         |             包裹在过渡效果中的元素的类型   |   any             |    No    |   All    |        Yes        |
 
@@ -715,7 +713,7 @@ const styles = StyleSheet.create({
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        in         |            显示隐藏    |        Boolean       |    No    |   All    |        Yes        |
-|        duration         |            动画事件    |         Number       |    No    |   All    |        Yes        |
+|        duration         |            动画时长    |         Number       |    No    |   All    |        Yes        |
 |        placement         |           位置    |        String        |    No    |   All    |        Yes        |
 
 **FAB**: 浮动按钮

From 4792614d8ff15d0b6d8070b7b5fe20ad0289ce73 Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Mon, 14 Oct 2024 08:12:23 +0000
Subject: [PATCH 656/966] =?UTF-8?q?!1647=20docs:=20[Issues:=20#IAWI66]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWI66]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWI66]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-elements=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-elements.md    | 260 +++++++++++++++------------------
 zh-cn/react-native-elements.md |  61 +++-----
 2 files changed, 141 insertions(+), 180 deletions(-)

diff --git a/en/react-native-elements.md b/en/react-native-elements.md
index 0382db6b..f2fb6999 100644
--- a/en/react-native-elements.md
+++ b/en/react-native-elements.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-elements</code> </h1>
@@ -16,11 +16,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-elements/react-native-elements)
+> [!TIP] [Github address](https://github.com/react-native-elements/react-native-elements)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction：
 
 <!-- tabs:start -->
 
@@ -40,7 +40,7 @@ yarn add @rneui/base@4.0.0-rc.7
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
 ```tsx
 import React from 'react';
@@ -253,83 +253,66 @@ export default Avatars;
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-safe-area-context. If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md#link)进行引入。
+If not introduced, please refer to [Link section of @react-native-oh-tpl/react-native-safe-area-context  documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md#link) for introduction.
 
-### 在 ArkTs 侧引入和注册字体文件
+### Introduce and register font files on the ArkTs side
 
-步骤一：
-    复制字体文件到  `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+Step 1:
+          Copy the font file to the 'entry/src/main/ets/assets/fonts' directory (if an external font file is used, the *. ttf file needs to be copied over)
 
-步骤二：
-    打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+Step 2:
+         Open 'entry/src/main/ets/pages/Index. ets' and add the following code
 
 ```ts
-    import font from '@ohos.font';
-    //...
-    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
-    const fonts: font.FontOptions[] = [
-      {
-        familyName: 'StintUltraCondensed-Regular',
-        familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
-      },
-      {
-        familyName: 'FontAwesome',
-        familySrc: '/assets/fonts/FontAwesome.ttf'
-      },
-      {
-        familyName: 'FontAwesome5_Brands',
-        familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
-      },
-      {
-        familyName: 'FontAwesome5_Regular',
-        familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
-      },
-      {
-        familyName: 'FontAwesome5_Solid',
-        familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
-      }
-    ]
-
-    @Entry
-    @Component
-    struct Index {
-        //...
-        aboutToAppear() {
-            //...
-
-            //注册字体文件
-            for (const customFont of fonts) {
-                font.registerFont(customFont)
-            }
+   //Special note: The familyName of fonts in the FontAwesome series needs to be understood through code logic
+  build() {
+    Column() {
+      if (this.rnohCoreContext && this.shouldShow) {
+        if (this.rnohCoreContext?.isDebugModeEnabled) {
+          RNOHErrorDialog({ ctx: this.rnohCoreContext })
         }
-        //...
+        RNApp({
+          rnInstanceConfig: {
+            fontResourceByFontFamily:{
+              "FontAwesome": $rawfile("fonts/FontAwesome.ttf"),
+              "FontAwesome5_Brands": $rawfile("fonts/FontAwesome5_Brands.ttf"),
+              "FontAwesome5_Regular": $rawfile("fonts/FontAwesome5_Regular.ttf"),
+              "FontAwesome5_Solid": $rawfile("fonts/FontAwesome5_Solid.ttf"),
+              "Pacifico-Regular": $rawfile("fonts/Pacifico-Regular.ttf"),
+              "StintUltraCondensed-Regular": $rawfile("fonts/StintUltraCondensed-Regular.ttf") }
+          },
+        })
+      }
     }
+    .height('100%')
+    .width('100%')
+  }
 ```
 
-> [!TIP] Demo中字体属于IconFont文件；自定义字体也需要用统一的方法在此注册。
 
-## 约束与限制
 
-### 兼容性
+## Constraints
+
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
 1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.700; ROM：3.0.0.60;
 
-## 组件
+## Component
 
-详细请查看 [react-native-elements的文档介绍](https://reactnativeelements.com)
+For details, see [react-native-elements Source Code](https://reactnativeelements.com)
 
-以下为目前已支持的组件属性：
+The following are currently supported component properties:
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**AirbnbRating**：爱彼迎风格的评级组件
+**AirbnbRating**：Airbnb style rating component
 
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
@@ -347,7 +330,7 @@ export default Avatars;
 |  starContainerStyle  |           Style for star containerDefault is none            |      View Style       |    No    |   All    |        Yes        |
 |      starImage       |              Pass in a custom base image source              |        string         |    No    |    No    |        No         |
 
-**Avatar**：一个头像、Icon、字母渲染组件
+**Avatar**：A component for rendering avatars, icons, and letters
 
 |         Name          |                         Description                          |                        Type                         | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------: | :-------------------------------------------------: | :------: | :------: | :---------------: |
@@ -364,14 +347,13 @@ export default Avatars;
 |      onPressOut       |      Called when a touch is released before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
 | overlayContainerStyle |          Style for the view outside image or icon.           |                     Text Style                      |    No    |   All    |        Yes        |
 |    pressableProps     |             PressableProps except click handlers             |                   PressableProps                    |    No    |   All    |        Yes        |
-|  renderCustomContent  | Custom element inside the avatar (by default, it's the title). | ReactElement<{}, string,JSXElementConstructor<any>> |    No    |   All    |        Yes        |
 |        rounded        |                  Makes the avatar circular.                  |                       boolean                       |    No    |   All    |        Yes        |
 |         size          |                     Size of the avatar.                      |     `number`,`small`,`medium`,`large`,`xlarge`      |    No    |   All    |        Yes        |
 |        source         |           Image source to be displayed on avatar.            |                 ImageSourcePropType                 |    No    |   All    |        Yes        |
 |  ImageSourcePropType  |              Renders title in the placeholder.               |                       string                        |    No    |   All    |        Yes        |
 |      titleStyle       |                     Style for the title.                     |                     Text Style                      |    No    |   All    |        Yes        |
 
-**Avatar.Accessory**：Avatar组件的子组件，接收所有 [Icon](https://reactnativeelements.com/docs/components/icon#props), [Image](https://reactnativeelements.com/docs/components/image#props), [Text](https://reactnative.dev/docs/text#props) 的 props
+**Avatar.Accessory**：The subcomponent of Avatar component, which receives all props of  [Icon](https://reactnativeelements.com/docs/components/icon#props), [Image](https://reactnativeelements.com/docs/components/image#props), [Text](https://reactnative.dev/docs/text#props) 
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -381,7 +363,7 @@ export default Avatars;
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**Badge**：徽章组件，通常用于向用户传达数值或指示物品的状态
+**Badge**：Badge component, typically used to convey numerical values or indicate the status of items to users
 
 |      Name      |                        Description                        |                  Type                  | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------------------------------------: | :------------------------------------: | :------: | :------: | :---------------: |
@@ -398,7 +380,7 @@ export default Avatars;
 |   textStyle    |             Extra styling for icon component.             |               Text Style               |    No    |   All    |        Yes        |
 |     value      |  Text value to be displayed by badge, defaults to empty.  |               ReactNode                |    No    |   All    |        Yes        |
 
-**BottomSheet**：从屏幕底部显示内容的组件，依赖react-native-safe-area-context三方库
+**BottomSheet**： A component that displays content from the bottom of the screen, relying on a third-party library called react-native-safe-area-context 
 
 |      Name       |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
 | :-------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
@@ -409,7 +391,7 @@ export default Avatars;
 | onBackdropPress |                 Handler for backdrop press.                  |    Function     |    No    |   All    |        Yes        |
 | scrollViewProps |              Used to add props to Scroll view.               | ScrollViewProps |    No    |   All    |        Yes        |
 
-**Button**：按钮组件，接收所有 [TouchableOpacityProps](https://reactnative.dev/docs/touchableopacity#props) 的 props
+**Button**：Button component that receives all [TouchableOpacityProps](https://reactnative.dev/docs/touchableopacity#props)  props
 
 |        Name         |                         Description                          |                             Type                             | Required | Platform | HarmonyOS Support |
 | :-----------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -419,7 +401,6 @@ export default Avatars;
 |        color        |                       Color of Button                        | `string`,`primary`,`secondary`,`success` | No | All | Yes |
 |   containerStyle    |               Styling for Component container.               |                          View Style                          |    No    |   All    |        Yes        |
 |      disabled       |                  Disables user interaction.                  |                           boolean                            |    No    |   All    |        Yes        |
-|       boolean       |              Style of the button when disabled.              |                          View Style                          |    No    |   All    |        Yes        |
 | disabledTitleStyle  |              Style of the title when disabled.               |                      disabledTitleStyle                      |    No    |   All    |        Yes        |
 |        icon         | Displays a centered icon (when no title) or to the left (with text). (can be used along with iconRight as well). Can be an object or a custom component. |                           IconNode                           |    No    |   All    |        Yes        |
 | iconContainerStyle  |            Styling for Icon Component container.             |                          View Style                          |    No    |   All    |        Yes        |
@@ -438,7 +419,7 @@ export default Avatars;
 |        type         |                       Type of button.                        | `solid`,`clear`,`outline` |    No    |   All    |        Yes        |
 |      uppercase      |                    Uppercase button title                    |                           boolean                            |    No    |   All    |        Yes        |
 
-**ButtonGroup**：按钮组组件
+**ButtonGroup**：Button component
 
 |           Name            |                         Description                          |                       Type                        | Required | Platform | HarmonyOS Support |
 | :-----------------------: | :----------------------------------------------------------: | :-----------------------------------------------: | :------: | :------: | :---------------: |
@@ -472,20 +453,20 @@ export default Avatars;
 |       underlayColor       |        Specify underlayColor for TouchableHighlight.         |                        ng                         |    No    |   No  |        No        |
 |         vertical          |             Display the ButtonGroup vertically.              |                      boolean                      |    No    |   All    |        Yes        |
 
-**Card**：卡片组件
+**Card**：Card component
 
 |      Name      |      Description       |    Type    | Required | Platform | HarmonyOS Support |
 | :------------: | :--------------------: | :--------: | :------: | :------: | :---------------: |
 | containerStyle | Outer container style. | View Style |    No    |   All    |        Yes        |
 |  wrapperStyle  | Inner container style. | View Style |    No    |   All    |        Yes        |
 
-**Card.Divider**：卡片分割线组件，接收所有 [Divider](https://reactnativeelements.com/docs/components/divider#props) 组件的 Props
+**Card.Divider**：Card dividing line component, receiving Props from all [Divider](https://reactnativeelements.com/docs/components/divider#props) components 
 
-**Card.FeaturedSubtitle**：卡片功能字幕组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+**Card.FeaturedSubtitle**：Card function subtitle component, receiving Props from all  [Text](https://reactnativeelements.com/docs/components/text#props)  components 
 
-**Card.FeaturedTitle**：卡片功能标题组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+**Card.FeaturedTitle**：Card function title component, receiving Props from all  [Text](https://reactnativeelements.com/docs/components/text#props)  components
 
-**Card.Image**：卡片图片组件，接收所有 [Image](https://reactnativeelements.com/docs/components/image#props) 组件的 Props
+**Card.Image**：Card image component, receiving Props for all [Image](https://reactnativeelements.com/docs/components/image#props) components 
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -495,9 +476,9 @@ export default Avatars;
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**Card.Title**：卡片标题组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+**Card.Title**：Card title component, receiving Props for all  [Text](https://reactnativeelements.com/docs/components/text#props) components
 
-**CheckBox**：选择框组件，接收所有 [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props) 的 props.
+**CheckBox**：CheckBox component to receive all [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props) props 
 
 |        Name        |                   Description                   |                             Type                             | Required | Platform | HarmonyOS Support |
 | :----------------: | :---------------------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -516,13 +497,13 @@ export default Avatars;
 |     titleProps     | Additional props for the title Text component.  |                          TextProps                           |    No    |   All    |        Yes        |
 |    wrapperStyle    |       Style for the wrapper of checkbox.        |                          View Style                          |    No    |   All    |        Yes        |
 
-**Chip**：显示触摸区组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的props
+**Chip**：Display touch area component, receive all  [Button](https://reactnativeelements.com/docs/components/button#props)  props 
 
 | Name |      Description       |        Type        | Required | Platform | HarmonyOS Support |
 | :--: | :--------------------: | :----------------: | :------: | :------: | :---------------: |
 | type | Outer container style. | `solid`，`outline` |    No    |   All    |        Yes        |
 
-**Dialog**：对话框组件，接收所有 [Overlay](https://reactnativeelements.com/docs/components/overlay#props) 的props
+**Dialog**：Dialogue box component , receive all  [Overlay](https://reactnativeelements.com/docs/components/overlay#props)  props  
 
 |      Name      |                        Description                        |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -533,28 +514,28 @@ export default Avatars;
 |  overlayStyle  | Add additional styling to the internal Overlay component. |          View Style          |    No    |   All    |        Yes        |
 | pressableProps |                   except click handlers                   |        PressableProps        |    No    |   All    |        Yes        |
 
-**Dialog.Actions**：定义对话框操作组件
+**Dialog.Actions**：Define dialog box operation components
 
 |   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
 | :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
 | children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
 
-**Dialog.Button**：定义对话框按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的props
+**Dialog.Button**：Define dialog box button components , receive all  [Button](https://reactnativeelements.com/docs/components/button#props)  props 
 
-**Dialog.Actions**：对话框加载组件
+**Dialog.Actions**：Dialog box loading component
 
 |   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
 | :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
 | children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
 
-**Dialog.Loading**：定义对话框操作组件
+**Dialog.Loading**：Define dialog box operation components
 
 |     Name     |                     Description                      |          Type          | Required | Platform | HarmonyOS Support |
 | :----------: | :--------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
 | loadingProps | Add additional props for ActivityIndicator component | ActivityIndicatorProps |    No    |   All    |        Yes        |
 | loadingStyle |    Add additional styling for loading component.     |       View Style       |    No    |   All    |        Yes        |
 
-**Dialog.Title**：定义对话框标题组件
+**Dialog.Title**：Define dialog box title component
 
 |    Name    |                 Description                 |    Type    | Required | Platform | HarmonyOS Support |
 | :--------: | :-----------------------------------------: | :--------: | :------: | :------: | :---------------: |
@@ -562,7 +543,7 @@ export default Avatars;
 | titleProps |  Add additional props for Text component.   | TextProps  |    No    |   All    |        Yes        |
 | titleStyle | Add additional styling for title component. | Text Style |    No    |   All    |        Yes        |
 
-**Divider**：分割线组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props.
+**Divider**：Split line component, receive all   [View](https://reactnative.dev/docs/view#props)   props 
 
 |      Name      |                      Description                      |            Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :---------------------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
@@ -575,7 +556,7 @@ export default Avatars;
 | subHeaderStyle |    Adds style to the subHeader text of the divider    |         Text Style          |    No    |   All    |        Yes        |
 |     width      |                        number                         | Apply width to the divider. |    No    |   All    |        Yes        |
 
-**FAB**：浮动操作按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的props.
+**FAB**：Floating operation button component , receive all  [Button](https://reactnativeelements.com/docs/components/button#props)  props 
 
 |   Name    |                         Description                          |       Type        | Required | Platform | HarmonyOS Support |
 | :-------: | :----------------------------------------------------------: | :---------------: | :------: | :------: | :---------------: |
@@ -586,7 +567,7 @@ export default Avatars;
 | upperCase |         Transform Extended Label text to uppercase.          |      boolean      |    No    |   All    |        Yes        |
 |  visible  |              Decide the visibility of the FAB.               |      boolean      |    No    |   All    |        Yes        |
 
-**Header**：浮动操作按钮组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+**Header**： Floating operation button component ，receive all [View](https://reactnative.dev/docs/view#props)  props 
 
 |                       Name                        |                         Description                          |                 Type                 | Required | Platform | HarmonyOS Support |
 | :-----------------------------------------------: | :----------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
@@ -599,9 +580,7 @@ export default Avatars;
 |               centerContainerStyle                |      Styling for container around the centerComponent.       |              View Style              |    No    |   All    |        Yes        |
 | Styling for container around the centerComponent. |            Add children component to the header.             | `(Element`，`Element[]) & ReactNode` |    No    |   All    |        Yes        |
 |                  containerStyle                   |              Styling around the main container.              |              View Style              |    No    |   All    |        Yes        |
-|                       edges                       |                 SafeAreaView edges control.                  |                Edge[]                |    No    |   All    |        Yes        |
 |                     elevated                      |                     Elevation for header                     |               boolean                |    No    |    No    |        No         |
-|                   hideStatusBar                   |               Accepts all props for StatusBar.               |               boolean                |    No    |   All    |        Yes        |
 |                   leftComponent                   |               Define your left component here.               |          HeaderSubComponent          |    No    |   All    |        Yes        |
 |                leftContainerStyle                 |       Styling for container around the leftComponent.        |              View Style              |    No    |   All    |        Yes        |
 |                linearGradientProps                | Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/header#lineargradient-usage). |                Object                |    No    |    No    |        No         |
@@ -610,7 +589,7 @@ export default Avatars;
 |                rightContainerStyle                |       Styling for container around the rightComponent.       |              View Style              |    No    |   All    |        Yes        |
 |                  statusBarProps                   |               Accepts all props for StatusBar.               |            StatusBarProps            |    No    |   All    |        Yes        |
 
-**Icon**：字体图标组件，接收所有 [Text](https://reactnative.dev/docs/text#props) 的props.
+**Icon**：Font icon component ，receive all  [Text](https://reactnative.dev/docs/text#props)  props  
 
 |      Name      |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -632,7 +611,7 @@ export default Avatars;
 |     testID     |                       Test ID of icon.                       |            string            |    No    |   All    |        Yes        |
 |      type      | Type of icon set. [Supported sets here](https://reactnativeelements.com/docs/components/icon#available-icon-sets). |            string            |    No    |   All    |        Yes        |
 
-**Image**：图片组件，接收所有 [React Native Image](https://reactnative.dev/docs/image#props) 的props.
+**Image**：Image component ，receive all  [React Native Image](https://reactnative.dev/docs/image#props)  props  
 
 |          Name          |                      Description                      |                           Type                            | Required | Platform | HarmonyOS Support |
 | :--------------------: | :---------------------------------------------------: | :-------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -650,11 +629,10 @@ export default Avatars;
 |       transition       |        Perform fade transition on image load.         |                          boolean                          |    No    |   All    |        Yes        |
 |   transitionDuration   |        Perform fade transition on image load.         |                          number                           |    No    |   All    |        Yes        |
 
-**Input**：表单组件，接收所有 [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props) 的props.
+**Input**：Form component，receive all   [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props) props 
 
 |          Name           |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
 | :---------------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
-|     ErrorComponent      | component that will be rendered in place of the error message | React Component |    No    |   All    |        Yes        |
 |     InputComponent      | component that will be rendered in place of the React Native TextInput | React Component |    No    |   All    |        Yes        |
 |     containerStyle      |                      Style for containe                      |   View Style    |    No    |   All    |        Yes        |
 |        disabled         |                 disables the input component                 |     boolean     |    No    |   All    |        Yes        |
@@ -674,7 +652,7 @@ export default Avatars;
 | rightIconContainerStyle |          styling for right Icon Component container          |   View Style    |    No    |   All    |        Yes        |
 |          shake          |                         Shake method                         |    Function     |    No    |   All    |        Yes        |
 
-**LinearProgress**：加载条组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props.
+**LinearProgress**：Load bar component ，receive all  [View](https://reactnative.dev/docs/view#props)  props 
 
 |    Name    |                         Description                          |                 Type                 | Required | Platform | HarmonyOS Support |
 | :--------: | :----------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
@@ -685,7 +663,7 @@ export default Avatars;
 |   value    | The value of the progress indicator for the determinate variant. Value between 0 and 1. |                number                |    No    |   All    |        Yes        |
 |  variant   |                       Type of button.                        |    `determinate`，`indeterminate`    |    No    |   All    |        Yes        |
 
-**ListItem**：列表渲染组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props.
+**ListItem**：List rendering component，receive all   [View](https://reactnative.dev/docs/view#props)   props 
 
 |                          Name                           |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
 | :-----------------------------------------------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
@@ -699,7 +677,7 @@ export default Avatars;
 |                           pad                           | Adds spacing between the leftComponent, the title component & right component. |     number      |    No    |   All    |        Yes        |
 |                       topDivider                        |           Add divider at the top of the list item.           |     boolean     |    No    |   All    |        Yes        |
 
-**ListItem.Accordion**：列表渲染折叠组件，接收所有 [ListItem](https://reactnativeelements.com/docs/components/listitem#props) 的props.
+**ListItem.Accordion**：List rendering folding component ，receive all  [ListItem](https://reactnativeelements.com/docs/components/listitem#props)  props  
 
 |    Name    |                         Description                          |              Type              | Required | Platform | HarmonyOS Support |
 | :--------: | :----------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
@@ -712,7 +690,7 @@ export default Avatars;
 |   noIcon   |                  Don't show accordion icon.                  |            boolean             |    No    |   All    |        Yes        |
 | noRotation |           Don't rotate when Accordion is expanded.           |            boolean             |    No    |   All    |        Yes        |
 
-**ListItem.ButtonGroup**：列表渲染按钮组组件，接收所有 [ButtonGroup](https://reactnativeelements.com/docs/components/buttongroup#props) 的props.
+**ListItem.ButtonGroup**：List rendering button group component，receive all [ButtonGroup](https://reactnativeelements.com/docs/components/buttongroup#props)  props 
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -721,9 +699,9 @@ export default Avatars;
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**ListItem.CheckBox**：列表渲染选择框组件，接收所有 [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props) 的props.
+**ListItem.CheckBox**：List rendering CheckBox component,  receive all  [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props)  props
 
-**ListItem.Chevron**：列表渲染字体图标组件，接收所有 [Icon](https://reactnativeelements.com/docs/components/icon#props) 的props.
+**ListItem.Chevron**：List rendering font icon component，receive all  [Icon](https://reactnativeelements.com/docs/components/icon#props)  props
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -733,21 +711,21 @@ export default Avatars;
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**ListItem.Content**：列表渲染内容组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的props.
+**ListItem.Content**：List rendering content component，receive all  [Text](https://reactnativeelements.com/docs/components/text#props)  props 
 
 | Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
 | right | Start content from the right. | boolean |    No    |   All    |        Yes        |
 
-**ListItem.Input**：列表渲染表单组件，接收所有 [Input](https://reactnativeelements.com/docs/components/input#props) 的props.
+**ListItem.Input**：List rendering form component，receive all  [Input](https://reactnativeelements.com/docs/components/input#props) props 
 
-**ListItem.Subtitle**：列表渲染字幕组件，接收所有 [Text](https://reactnative.dev/docs/text#props) 的props.
+**ListItem.Subtitle**：List rendering subtitle component，receive all [Text](https://reactnative.dev/docs/text#props) props  
 
 | Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
 | right | Start content from the right. | boolean |    No    |   All    |        Yes        |
 
-**ListItem.Swipeable**：列表渲染滑动框组件，接收所有 [ListItem](https://reactnativeelements.com/docs/components/listitem#props) 的props.
+**ListItem.Swipeable**：List rendering slider component,  receive all  [ListItem](https://reactnativeelements.com/docs/components/listitem#props) props 
 
 |     Name      |                 Description                 |                  Type                   | Required | Platform | HarmonyOS Support |
 | :-----------: | :-----------------------------------------: | :-------------------------------------: | :------: | :------: | :---------------: |
@@ -755,20 +733,19 @@ export default Avatars;
 |  leftContent  |                Left Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
 |   leftStyle   |          Style of left container.           |               View Style                |    No    |   All    |        Yes        |
 |   leftWidth   |       Width of swipe left container.        |                 number                  |    No    |   All    |        Yes        |
-| minSlideWidth | minimum horizontal distance to open content |                 number                  |    No    |    No    |        No         |
 | onSwipeBegin  |    Handler for swipe in either direction    | `(direction: left`,`right) => unknown`  |    No    |   All    |        Yes        |
 |  onSwipeEnd   |           Handler for swipe end.            |              () => unknown              |    No    |   All    |        Yes        |
 | rightContent  |               Right Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
 |  rightStyle   |          Style of right container.          |               View Style                |    No    |   All    |        Yes        |
 |  rightWidth   |       Width of swipe right container.       |                 number                  |    No    |   All    |        Yes        |
 
-**ListItem.Title**：列表渲染标题组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+**ListItem.Title**：List rendering title component，receive all   [View](https://reactnative.dev/docs/view#props)  props
 
 | Name  |   Description    |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :--------------: | :-----: | :------: | :------: | :---------------: |
 | right | Add right title. | boolean |    No    |    No    |        No         |
 
-**Overlay**：弹窗组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的props
+**Overlay**：Popup component，receive all [Text](https://reactnativeelements.com/docs/components/text#props) props  
 
 |      Name       |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
 | :-------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -783,7 +760,7 @@ export default Avatars;
 |  overlayStyle   |                 Style of the actual overlay.                 |          View Style          |    No    |   All    |        Yes        |
 | pressableProps  |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
 
-**PricingCard**：价格卡组件
+**PricingCard**：Price Card component
 
 |      Name      |                Description                 |                Type                | Required | Platform | HarmonyOS Support |
 | :------------: | :----------------------------------------: | :--------------------------------: | :------: | :------: | :---------------: |
@@ -799,7 +776,7 @@ export default Avatars;
 |   titleStyle   |         Specify title text style.          |             Text Style             |    No    |   All    |        Yes        |
 |  wrapperStyle  |      Inner wrapper component styling.      |             View Style             |    No    |   All    |        Yes        |
 
-**Ratings**：评分组件
+**Ratings**：Rating  component
 
 |         Name          |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
@@ -823,7 +800,7 @@ export default Avatars;
 |       tintColor       |                Color used for the background                 |        string         |    No    |    No    |        No         |
 |         type          |     Graphic used for represent a ratingDefault is 'star'     |        string         |    No    |    No    |        No         |
 
-**SearchBar**：搜索框组件，接收所有 [Input](https://reactnativeelements.com/docs/components/input#props) 的 props
+**SearchBar**：SearchBox component ，receive all  [Input](https://reactnativeelements.com/docs/components/input#props) props 
 
 |          Name           |              Description               |            Type             | Required | Platform | HarmonyOS Support |
 | :---------------------: | :------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
@@ -846,7 +823,7 @@ export default Avatars;
 |       showCancel        |              Show cancel               |           boolean           |    No    |    No    |        No         |
 |       showLoading       |              Show loading              |           boolean           |    No    |   All    |        Yes        |
 
-**Slider**：滑动条组件
+**Slider**：Slider component
 
 |         Name          |                         Description                          |                       Type                       | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------: | :----------------------------------------------: | :------: | :------: | :---------------: |
@@ -874,7 +851,7 @@ export default Avatars;
 |      trackStyle       |               The style applied to the track.                |                    View Style                    |    No    |   All    |        Yes        |
 |         value         |                 Initial value of the slider.                 |                      number                      |    No    |   All    |        Yes        |
 
-**Skeleton**：骨架屏组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+**Skeleton**：Skeleton screen component，receive all  [View](https://reactnative.dev/docs/view#props) props 
 
 |          Name           |            Description             |           Type            | Required | Platform | HarmonyOS Support |
 | :---------------------: | :--------------------------------: | :-----------------------: | :------: | :------: | :---------------: |
@@ -885,7 +862,7 @@ export default Avatars;
 |      skeletonStyle      | Custom style for skeleton gradient |        View Style         |    No    |   All    |        Yes        |
 |          width          |       Width of Skeleton View       |     `string`,`number`     |    No    |   All    |        Yes        |
 
-**SocialIcon**：社交字体图标组件
+**SocialIcon**：Social font icon component
 
 |          Name          |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
 | :--------------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -914,7 +891,7 @@ export default Avatars;
 |          type          |                      Social media type.                      |       SocialMediaType        |    No    |   All    |        Yes        |
 |     underlayColor      |                     Add Underlay color.                      |            string            |    No    |    No    |        No         |
 
-**SpeedDial**：浮动快速操作按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props)  的props
+**SpeedDial**：Floating Quick Operation Button Component，receive all  [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props) props  
 
 |          Name          |                       Description                        |       Type       | Required | Platform | HarmonyOS Support |
 | :--------------------: | :------------------------------------------------------: | :--------------: | :------: | :------: | :---------------: |
@@ -928,19 +905,19 @@ export default Avatars;
 |      overlayColor      |           Add overlay color to the speed dial.           |      string      |    No    |   All    |        Yes        |
 |   transitionDuration   |    The duration for the transition, in milliseconds.     |      number      |    No    |   All    |        Yes        |
 
-**SpeedDial.Action**：浮动快速操作子按钮组件，接收所有 [FAB](https://reactnativeelements.com/docs/components/fab#props) 的props
+**SpeedDial.Action**：Floating quick operation sub button component，receive all [FAB](https://reactnativeelements.com/docs/components/fab#props) props  
 
 |      Name      |      Description       |  Type   | Required | Platform | HarmonyOS Support |
 | :------------: | :--------------------: | :-----: | :------: | :------: | :---------------: |
 | labelPressable | onPress on Label Press | boolean |    No    |   All    |        Yes        |
 
-**Switch**：滑动开关组件，接收所有 [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) 的props
+**Switch**：Switch component，receive all [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) props   
 
 | Name  |            Description             |  Type  | Required | Platform | HarmonyOS Support |
 | :---: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
 | color | The color of the Switch component. | string |    No    |   All    |        Yes        |
 
-**Tab**：导航栏组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+**Tab**：Navigation bar component，receive all  [View](https://reactnative.dev/docs/view#props)  props 
 
 |       Name       |               Description                |                     Type                      | Required | Platform | HarmonyOS Support |
 | :--------------: | :--------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -956,7 +933,7 @@ export default Avatars;
 |      value       |       Child position index value.        |                    number                     |    No    |   All    |        Yes        |
 |     variant      |      Define the background Variant.      |             `primary`，`default`              |    No    |   All    |        Yes        |
 
-**Tab.Item**：导航栏子组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的props
+**Tab.Item**：Navigation bar subcomponent，receive all [Button](https://reactnativeelements.com/docs/components/button#props) props 
 
 |        Name        |                   Description                    |                     Type                      | Required | Platform | HarmonyOS Support |
 | :----------------: | :----------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -968,7 +945,7 @@ export default Avatars;
 |     titleStyle     |          Additional button title style           | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
 |      variant       |          Define the background Variant.          |             `primary`，`default`              |    No    |    No    |        No         |
 
-**TabView**：滑动开关内容组件
+**TabView**： TabView content component
 
 |         Name          |                         Description                          |          Type          | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
@@ -984,9 +961,9 @@ export default Avatars;
 | tabItemContainerStyle |        Styling for TabView.Item Component container.         |       View Style       |    No    |   All    |        Yes        |
 |         value         |                 Child position index value.                  |         number         |    No    |   All    |        Yes        |
 
-**TabView.Item**：滑动开关内容子组件，接受所有 [View](https://reactnative.dev/docs/view#props) 的 props
+**TabView.Item**： TabView content sub component，receive all  [View](https://reactnative.dev/docs/view#props)  props 
 
-**Text**：文本内容组件组件
+**Text**：Text Content component 
 
 |  Name   |           Description            |    Type    | Required | Platform | HarmonyOS Support |
 | :-----: | :------------------------------: | :--------: | :------: | :------: | :---------------: |
@@ -1000,7 +977,7 @@ export default Avatars;
 | h4Style |     Styling when h4 is set.      | Text Style |    No    |   All    |        Yes        |
 |  style  | Add additional styling for Text. | Text Style |    No    |   All    |        Yes        |
 
-**Tile**：卡片图块组件
+**Tile**：Card Block component
 
 |         Name          |                         Description                          |              Type              | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
@@ -1023,7 +1000,7 @@ export default Avatars;
 |      titleStyle       |                    Styling for the title.                    |           Text Style           |    No    |   All    |        Yes        |
 |         width         |                     Width for the tile.                      |             number             |    No    |   All    |        Yes        |
 
-**Tooltip**：文本提示组件
+**Tooltip**：Text prompt component
 
 |           Name           |                         Description                          |                           Type                           | Required | Platform | HarmonyOS Support |
 | :----------------------: | :----------------------------------------------------------: | :------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -1048,24 +1025,25 @@ export default Avatars;
 |       withOverlay        | Flag to determine whether or not display overlay shadow when tooltip is open. |                         boolean                          |    No    |   All    |        Yes        |
 |       withPointer        |   Flag to determine whether or not to display the pointer.   |                         boolean                          |    No    |   All    |        Yes        |
 
-## 遗留问题
-## 其他
-- [ ] Rating组件的readonly、onFinishRating等属性无法生效，与Android/iOS一致：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
-- [ ] AirbnbRatings组件的startImage属性无法生效，与Android/iOS一致：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
-- [ ] ButtonGroups组件的activeOpacity、button等属性无法生效，与Android/iOS一致：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
-- [ ] Dialog组件的onLongPress、onpressIn等属性无法生效，与Android/iOS一致：[issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
-- [ ] Header组件的barStyle、elevated等属性无法生效，与Android、iOS一致：[issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
-- [ ] Input组件的renderErrorMessage属性无法生效，与Android、iOS一致：[issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
-- [ ] ListItem.Swipeable组件的minSlideWidth属性无法生效，与Android、iOS一致：[issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
-- [ ] ListItem.Title组件的right属性无法生效，与Android、iOS一致：[issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
-- [ ] SearchBar组件的cancelButtonProps、showCancel等属性无法生效，与Android、iOS一致：[issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
-- [ ] SocialIcon组件的fontFamily、fontWeight等属性无法生效，与Android、iOS一致：[issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
-- [ ] SpeedDial组件的backdropPressableProps属性无法生效，与Android、iOS一致：[issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
-- [ ] Tab组件的containerStyle、dense等属性无法生效，与Android、iOS一致：[issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
-- [ ] Tab.Item组件的active、dense等属性无法生效，与Android、iOS一致：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
-- [ ] Tile组件的activeOpacity等属性无法生效，与Android、iOS一致：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
-- [ ] Tooltip组件的closeOnlyOnBackdropPress属性无法生效，与Android、iOS一致：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
+## Known Issues
+## Others
+
+- [ ] The readonly and onFinishRating properties of the Rating component cannot take effect, consistent with Android/iOS：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+- [ ] The startImage property of the Airbnb Ratings component cannot take effect, consistent with Android/iOS：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+- [ ] The activeOpacity, button, and other properties of the buttonGroups component cannot take effect, consistent with Android/iOS：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
+- [ ] The onLongPress, onpressIn and other properties of the Dialog component cannot take effect, consistent with Android/iOS：[issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
+- [ ] The barStyle, elevated, and other properties of the Header component cannot take effect, consistent with Android and iOS：[issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
+- [ ] The renderError Message property of the Input component cannot take effect, consistent with Android and iOS：[issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
+- [ ] The minSlideWidth property of ListItem.Swipeable component cannot take effect, consistent with Android and iOS：[issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
+- [ ] The right property of ListItem.Title component cannot take effect, consistent with Android and iOS：[issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
+- [ ] The properties such as cancelButtons Props and showCancel of the SearchBar component cannot take effect, consistent with Android and iOS：[issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
+- [ ] The fontFamily, fontWeight, and other properties of the SocialIcon component cannot take effect, consistent with Android and iOS：[issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
+- [ ] The backdropPresableProps property of the SpeedDial component cannot take effect, consistent with Android and iOS：[issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
+- [ ] The containerStyle, density, and other properties of the Tab component cannot take effect, consistent with Android and iOS：[issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
+- [ ] The active, dense, and other properties of the Tab.Item component cannot take effect, consistent with Android and iOS：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
+- [ ] The activeOpacity and other properties of Tile components cannot take effect, consistent with Android and iOS：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
+- [ ] The closeOnlyOnBackdropPress property of the Tooltip component cannot take effect, consistent with Android and iOS：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)
\ No newline at end of file
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index 2dadb125..424ffc97 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -260,52 +260,35 @@ export default Avatars;
 ### 在 ArkTs 侧引入和注册字体文件
 
 步骤一：
-    复制字体文件到  `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+    复制字体文件到  `entry\src\main\resources\rawfile\fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
 
 步骤二：
     打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
 
 ```ts
-    import font from '@ohos.font';
-    //...
-    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
-    const fonts: font.FontOptions[] = [
-      {
-        familyName: 'StintUltraCondensed-Regular',
-        familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
-      },
-      {
-        familyName: 'FontAwesome',
-        familySrc: '/assets/fonts/FontAwesome.ttf'
-      },
-      {
-        familyName: 'FontAwesome5_Brands',
-        familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
-      },
-      {
-        familyName: 'FontAwesome5_Regular',
-        familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
-      },
-      {
-        familyName: 'FontAwesome5_Solid',
-        familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
-      }
-    ]
-
-    @Entry
-    @Component
-    struct Index {
-        //...
-        aboutToAppear() {
-            //...
-
-            //注册字体文件
-            for (const customFont of fonts) {
-                font.registerFont(customFont)
-            }
+  //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
+  build() {
+    Column() {
+      if (this.rnohCoreContext && this.shouldShow) {
+        if (this.rnohCoreContext?.isDebugModeEnabled) {
+          RNOHErrorDialog({ ctx: this.rnohCoreContext })
         }
-        //...
+        RNApp({
+          rnInstanceConfig: {
+            fontResourceByFontFamily:{
+              "FontAwesome": $rawfile("fonts/FontAwesome.ttf"),
+              "FontAwesome5_Brands": $rawfile("fonts/FontAwesome5_Brands.ttf"),
+              "FontAwesome5_Regular": $rawfile("fonts/FontAwesome5_Regular.ttf"),
+              "FontAwesome5_Solid": $rawfile("fonts/FontAwesome5_Solid.ttf"),
+              "Pacifico-Regular": $rawfile("fonts/Pacifico-Regular.ttf"),
+              "StintUltraCondensed-Regular": $rawfile("fonts/StintUltraCondensed-Regular.ttf") }
+          },
+        })
+      }
     }
+    .height('100%')
+    .width('100%')
+  }
 ```
 
 > [!TIP] Demo中字体属于IconFont文件；自定义字体也需要用统一的方法在此注册。

From 87ed176c52644205de934ee26c3af3540c9fa0b3 Mon Sep 17 00:00:00 2001
From: sunshinezjb <zhengjunbo68@163.com>
Date: Mon, 14 Oct 2024 08:13:24 +0000
Subject: [PATCH 657/966] =?UTF-8?q?!1651=20docs:=20=E4=BF=AE=E6=94=B9en?=
 =?UTF-8?q?=E7=9B=AE=E5=BD=95=E4=B8=8B=E7=9A=84react-native-audio-toolkit?=
 =?UTF-8?q?=E7=9A=84codegen=E9=93=BE=E6=8E=A5=E5=9C=B0=E5=9D=80=20*=20docs?=
 =?UTF-8?q?:=20=E4=BF=AE=E6=94=B9react-native-audio-toolkit=E7=9A=84codege?=
 =?UTF-8?q?n=E9=93=BE=E6=8E=A5=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-audio-toolkit.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-audio-toolkit.md b/en/react-native-audio-toolkit.md
index 059cd5f1..980e78e2 100644
--- a/en/react-native-audio-toolkit.md
+++ b/en/react-native-audio-toolkit.md
@@ -394,7 +394,7 @@ const styles = StyleSheet.create({
 
 ## 使用 Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/codegen.md)。
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/en/codegen.md)。
 
 ## Link
 
@@ -461,7 +461,7 @@ ohpm install
 
 方法二：直接链接源码
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/link-source-code.md)
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/en/link-source-code.md)
 
 ### 4.运行
 

From 9821ae09e98452996df9b78d6cce9c7c61b683f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B8=A9=E6=98=8A=E4=B8=9C?= <dvaj@qq.com>
Date: Mon, 14 Oct 2024 08:21:27 +0000
Subject: [PATCH 658/966] =?UTF-8?q?!1648=20docs:=20[Issues:=20#IAWJPO]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20react-native-mmkv-storage=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWJPO]?=
 =?UTF-8?q?=20=E7=BF=BB=E8=AF=91=20react-native-mmkv-storage=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-mmkv-storage.md | 111 +++++++++++++++++++-------------
 1 file changed, 65 insertions(+), 46 deletions(-)

diff --git a/en/react-native-mmkv-storage.md b/en/react-native-mmkv-storage.md
index 0ec1a9f3..90943dd8 100644
--- a/en/react-native-mmkv-storage.md
+++ b/en/react-native-mmkv-storage.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-mmkv-storage</code> </h1>
@@ -15,15 +15,15 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-mmkv-storage)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-mmkv-storage)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-mmkv-storage@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import React, {useCallback} from 'react';
@@ -197,11 +197,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -212,18 +212,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -232,29 +229,29 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 RNOHMMKVStoragePackage
+### 3. Configuring CMakeLists and Introducing xxx Package
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules/@rnoh/react-native-openharmony/src/main/cpp")
 set(LOG_VERBOSITY_LEVEL 1)
@@ -286,7 +283,11 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+```
+> [!Tip] Note: NODE_MODULES is the installation path of the source database. You can define NODE_MODULES based on the installation path of the source database.
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -305,9 +306,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNMMKVStoragePackage
+### 4. Introducing RNMMKVStoragePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import {RNMMKVStoragePackage} from '@react-native-oh-tpl/react-native-mmkv-storage'
@@ -321,33 +322,49 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)
+### Permission Requirements
 
+Some functions and interfaces of this library require the Store Persistent Data permission ohos.permission.STORE_PERSISTENT_DATA. The permission must be configured in the module.json5 file in entry/src/main.
+
+####  Add permissions to the module.json5 file in the entry directory.
+
+Open `entry/src/main/module.json5` and add the following information:
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.STORE_PERSISTENT_DATA",
++  },
++  
+]
+```
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                         | Description                                                  | type     | Required | Platform | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
@@ -374,22 +391,24 @@ ohpm install
 | getArrayAsync                | Sets an array to storage for the given key.                  | Function | no       | All      | yes               |
 | setMultipleItemsAsync        | Sets multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object. | Function | no       | All      | yes               |
 | getMultipleItemsAsync        | Retrieve multiple Objects for a given array of keys. Currently will work only if data for all keys is an Object. | Function | no       | All      | yes               |
+| initialize                   | Initialize the MMKV Instance with the selected properties. Returns an MMKV Instance that you can use. | Function | no       | All      | yes               |
 | withInstanceID               | Specifies that the MMKV Instance should be created with the given ID. This way multiple intances can be created. | Function | no       | All      | yes               |
+| withEncryption               | Encrypt the MMKV instance on initialization.                 | Function | no       | All      | yes               |
+| encryptWithCustomKey         | You can also specify your own password to encrypt the storage. | Function | no       | All      | yes               |
 | setAccessibleMode (iOS only) | Choose the accessibility mode for secure key storage (IOS ONLY); | Function | no       | iOS      | no                |
 | withServiceName (iOS only)   | Sets the [kSecAttrService](https://developer.apple.com/documentation/security/ksecattrservice) option for secure key storage (IOS ONLY); | Function | no       | iOS      | no                |
 | removeItem                   | Remove an item for a given key.                              | Function | no       | All      | yes               |
 | clearStore                   | Clear the storage.                                           | Function | no       | All      | yes               |
 | clearMemoryCache             | Clear the storage from memory.                               | Function | no       | All      | yes               |
-| getAllMMKVInstanceIDs        | Returns a list of all the MMKV Instance IDs created.         | Function | no       | All      | yes               |
 | getCurrentMMKVInstances      | get the currently initialized instance IDs.                  | Function | no       | All      | yes               |
 | hasKey                       | Check if any data exists for a given key.                    | Function | no       | All      | yes               |
 | getKey                       | get the encryption key for the current MMKV instance         | Function | no       | All      | yes               |
 
 ## HOOKS
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name           | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
@@ -399,10 +418,10 @@ ohpm install
 
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ammarahm-ed/react-native-mmkv-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/ammarahm-ed/react-native-mmkv-storage/blob/master/LICENSE). 
\ No newline at end of file

From 560509d6c213d4b4d69426b230e87b1dd697800d Mon Sep 17 00:00:00 2001
From: zhyx2 <zhuyongxiang2@h-partners.com>
Date: Mon, 14 Oct 2024 10:13:18 +0000
Subject: [PATCH 659/966] =?UTF-8?q?!1656=20docs:=20[Issues:#IAX1DJ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9realm-js=E8=8B=B1=E6=96=87=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E5=AD=98=E6=94=BE=E4=BD=8D=E7=BD=AE=20*=20do?=
 =?UTF-8?q?cs:=20[Issues:#IAX1DJ]=20=E4=BF=AE=E6=94=B9realm-js=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E5=AD=98=E6=94=BE?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 {zh-en => en}/realm-js.md | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename {zh-en => en}/realm-js.md (100%)

diff --git a/zh-en/realm-js.md b/en/realm-js.md
similarity index 100%
rename from zh-en/realm-js.md
rename to en/realm-js.md

From 5e21d6b564cae7482f49ba440bff197394217a23 Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Tue, 15 Oct 2024 02:45:17 +0000
Subject: [PATCH 660/966] =?UTF-8?q?!1655=20docs:=20[Issues:=20#IAX08U]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-crop-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAX08U]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-image-crop-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-crop-picker.md    | 11 +++++------
 zh-cn/react-native-image-crop-picker.md | 11 +++++------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md
index 70b5f58f..836ea0ce 100644
--- a/en/react-native-image-crop-picker.md
+++ b/en/react-native-image-crop-picker.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -1004,7 +1003,7 @@ ohpm install
 | Name                                      | Type                             | Description                                               | Required | Platform | HarmonyOS Support |
 | ----------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | -------- |
 | cropping                                  | bool (default false)                                         | Enable or disable cropping                                   | no       | All      | yes      |
-| `width`                                   | number                                                       | Width of result image when used with `cropping` option       | no       | All      | yes      |
+| width                                   | number                                                       | Width of result image when used with `cropping` option       | no       | All      | yes      |
 | height                                    | number                                                       | Height of result image when used with `cropping` option      | no       | All      | yes      |
 | multiple                                  | bool (default false)                                         | Enable or disable multiple image selection                   | no       | All      | yes      |
 | writeTempFile (iOS only)               | bool (default true)                                          | When set to false, does not write temporary files for the selected images. This is useful to improve performance when you are retrieving file contents with the `includeBase64` option and don't need to read files from disk. | no       | iOS   | yes      |
@@ -1019,7 +1018,7 @@ ohpm install
 | cropperToolbarTitle                       | string (default `Edit Photo`)                                | When cropping image, determines the title of Toolbar.        | no       | All      | yes      |
 | cropperCircleOverlay                      | bool (default false)                                         | Enable or disable circular cropping mask.                    | no       | All      | yes      |
 | disableCropperColorSetters (Android only) | bool (default false)                                         | When cropping image, disables the color setters for cropping library. | no       | Android | no       |
-| minFiles (iOS only)                    | number (default 1)                                           | Min number of files to select when using `multiple` option   | no       | iOS   | yes      |
+| minFiles (iOS only)                    | number (default 1)                                           | Min number of files to select when using `multiple` option   | no       | iOS   | no      |
 | maxFiles (iOS only)                    | number (default 5)                                           | Max number of files to select when using `multiple` option   | no       | iOS   | yes      |
 | waitAnimationEnd (iOS only)            | bool (default true)                                          | Promise will resolve/reject once ViewController `completion` block is called | no       | iOS   | no       |
 | smartAlbums (iOS only)                 | array ([supported values](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fblob%2Fmaster%2FREADME.md%23smart-album-types-ios)) (default ['UserLibrary', 'PhotoStream', 'Panoramas', 'Videos', 'Bursts']) | List of smart albums to choose from                          | no       | iOS   | no       |
@@ -1030,7 +1029,7 @@ ohpm install
 | compressImageQuality                      | number (default 1 (Android)/0.8 (iOS))                       | Compress image with quality (from 0 to 1, where 1 is best quality). On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images, while a value of 0.8 will reduce the file size by about half or less compared to a value of 1. | no       | All      | yes      |
 | loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | yes      |
 | mediaType                                 | string (default any)                                         | Accepted mediaType for image selection, can be one of: 'photo', 'video', or 'any' | no       | All      | yes      |
-| showsSelectedCount (iOS only)          | bool (default true)                                          | Whether to show the number of selected assets                | no       | iOS   | yes      |
+| showsSelectedCount (iOS only)          | bool (default true)                                          | Whether to show the number of selected assets                | no       | iOS   | no      |
 | sortOrder (iOS only)                   | string (default 'none', supported values: 'asc', 'desc', 'none') | Applies a sort order on the creation date on how media is displayed within the albums/detail photo views when opening the image picker | no       | iOS   | no       |
 | forceJpg (iOS only)                    | bool (default false)                                         | Whether to convert photos to JPG. This will also convert any Live Photo into its JPG representation | no       | iOS   | yes      |
 | showCropGuidelines (Android only) | bool (default true)                                          | Whether to show the 3x3 grid on top of the image during cropping | no       | Android | yes      |
@@ -1056,11 +1055,11 @@ ohpm install
 - [ ] iOS视频压缩的预设 [#12](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/12)
 - [ ] iOS智能相册排序  [#13](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/13)
 - [ ] Android Demo 设置是否显示底部控件 [#14](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/14)
+- [ ] 使用multiple选项时无法设置最小文件数 [#39](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/39)
+- [ ] 使用multiple选项时无法设置是否显示选中的资产数量 [#40](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/40)
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 70b5f58f..836ea0ce 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -1004,7 +1003,7 @@ ohpm install
 | Name                                      | Type                             | Description                                               | Required | Platform | HarmonyOS Support |
 | ----------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | -------- |
 | cropping                                  | bool (default false)                                         | Enable or disable cropping                                   | no       | All      | yes      |
-| `width`                                   | number                                                       | Width of result image when used with `cropping` option       | no       | All      | yes      |
+| width                                   | number                                                       | Width of result image when used with `cropping` option       | no       | All      | yes      |
 | height                                    | number                                                       | Height of result image when used with `cropping` option      | no       | All      | yes      |
 | multiple                                  | bool (default false)                                         | Enable or disable multiple image selection                   | no       | All      | yes      |
 | writeTempFile (iOS only)               | bool (default true)                                          | When set to false, does not write temporary files for the selected images. This is useful to improve performance when you are retrieving file contents with the `includeBase64` option and don't need to read files from disk. | no       | iOS   | yes      |
@@ -1019,7 +1018,7 @@ ohpm install
 | cropperToolbarTitle                       | string (default `Edit Photo`)                                | When cropping image, determines the title of Toolbar.        | no       | All      | yes      |
 | cropperCircleOverlay                      | bool (default false)                                         | Enable or disable circular cropping mask.                    | no       | All      | yes      |
 | disableCropperColorSetters (Android only) | bool (default false)                                         | When cropping image, disables the color setters for cropping library. | no       | Android | no       |
-| minFiles (iOS only)                    | number (default 1)                                           | Min number of files to select when using `multiple` option   | no       | iOS   | yes      |
+| minFiles (iOS only)                    | number (default 1)                                           | Min number of files to select when using `multiple` option   | no       | iOS   | no      |
 | maxFiles (iOS only)                    | number (default 5)                                           | Max number of files to select when using `multiple` option   | no       | iOS   | yes      |
 | waitAnimationEnd (iOS only)            | bool (default true)                                          | Promise will resolve/reject once ViewController `completion` block is called | no       | iOS   | no       |
 | smartAlbums (iOS only)                 | array ([supported values](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fblob%2Fmaster%2FREADME.md%23smart-album-types-ios)) (default ['UserLibrary', 'PhotoStream', 'Panoramas', 'Videos', 'Bursts']) | List of smart albums to choose from                          | no       | iOS   | no       |
@@ -1030,7 +1029,7 @@ ohpm install
 | compressImageQuality                      | number (default 1 (Android)/0.8 (iOS))                       | Compress image with quality (from 0 to 1, where 1 is best quality). On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images, while a value of 0.8 will reduce the file size by about half or less compared to a value of 1. | no       | All      | yes      |
 | loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | yes      |
 | mediaType                                 | string (default any)                                         | Accepted mediaType for image selection, can be one of: 'photo', 'video', or 'any' | no       | All      | yes      |
-| showsSelectedCount (iOS only)          | bool (default true)                                          | Whether to show the number of selected assets                | no       | iOS   | yes      |
+| showsSelectedCount (iOS only)          | bool (default true)                                          | Whether to show the number of selected assets                | no       | iOS   | no      |
 | sortOrder (iOS only)                   | string (default 'none', supported values: 'asc', 'desc', 'none') | Applies a sort order on the creation date on how media is displayed within the albums/detail photo views when opening the image picker | no       | iOS   | no       |
 | forceJpg (iOS only)                    | bool (default false)                                         | Whether to convert photos to JPG. This will also convert any Live Photo into its JPG representation | no       | iOS   | yes      |
 | showCropGuidelines (Android only) | bool (default true)                                          | Whether to show the 3x3 grid on top of the image during cropping | no       | Android | yes      |
@@ -1056,11 +1055,11 @@ ohpm install
 - [ ] iOS视频压缩的预设 [#12](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/12)
 - [ ] iOS智能相册排序  [#13](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/13)
 - [ ] Android Demo 设置是否显示底部控件 [#14](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/14)
+- [ ] 使用multiple选项时无法设置最小文件数 [#39](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/39)
+- [ ] 使用multiple选项时无法设置是否显示选中的资产数量 [#40](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/40)
 
 ## 其他
 
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 57f2ef4eeb79ef23345ab6d20827524d8e2da89d Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Tue, 15 Oct 2024 03:13:43 +0000
Subject: [PATCH 661/966] =?UTF-8?q?!1627=20docs:=20[Issues:=20#IAVPCB]=20?=
 =?UTF-8?q?=E5=B0=86EN=E7=9B=AE=E5=BD=95=E4=B8=8B=E7=9A=84=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=BD=AC=E4=B8=BA?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=20*=20docs:=20[Issues:=20#IAVPCB]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=8B=B1=E6=96=87readme=E7=9A=84=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/EventBus.md                            | 114 +++++++++++-----------
 en/dayJs.md                               |  61 ++++++------
 en/react-ahooks.md                        |  61 ++++++------
 en/react-lifecycles-compat.md             |  54 +++++-----
 en/react-native-drawer-layout-polyfill.md |  87 +++++++++--------
 en/react-native-fit-Image.md              |  40 ++++----
 en/react-native-markdown-display.md       |  47 ++++-----
 en/react-native-reanimated-table.md       |  36 +++----
 en/react-use.md                           |  31 +++---
 en/redux-actions.md                       |  68 ++++++-------
 en/redux-logger.md                        |  33 ++++---
 en/redux-persist.md                       |  50 +++++-----
 en/redux-thunk.md                         |  36 +++----
 13 files changed, 366 insertions(+), 352 deletions(-)

diff --git a/en/EventBus.md b/en/EventBus.md
index da1ad330..031a44e4 100644
--- a/en/EventBus.md
+++ b/en/EventBus.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>EventBus</code> </h1>
@@ -10,11 +10,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/krasimir/EventBus)
+> [!TIP] [GitHub address](https://github.com/krasimir/EventBus)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction：
 
 <!-- tabs:start -->
 
@@ -32,7 +32,7 @@ yarn add eventbusjs@0.2.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
 ```tsx
 import { useState, createContext } from "react";
@@ -89,7 +89,7 @@ const styles = StyleSheet.create({
 });
 
 function eventTest() {
-  console.warn(`${TAG}-----,成功派发test_event类型的eventTest事件`);
+  console.warn(`${TAG}-----,The eventTest event of type test_event is successfully dispatched`);
 }
 
 var TestParamsClass1 = function (this: any) {
@@ -100,7 +100,7 @@ var TestParamsClass1 = function (this: any) {
     param2: number | string,
   ) {
     console.warn(
-      `${TAG},className=${this.className},event=${JSON.stringify(event)},params=${param1}--${param2}`,
+      `${TAG}, className=${this.className},event=${JSON.stringify(event)},params=${param1}--${param2}`,
     );
   };
 };
@@ -122,12 +122,12 @@ function EventBusDemo() {
   function handleAdd() {
     const has = EventBus.hasEventListener("test_event", eventTest, 0);
     if (has) {
-      setMsg("eventBus中已经存在test_evnt类型的eventTest事件");
-      console.log(`${TAG},eventBus中已经存在test_evnt类型的eventTest事件`);
+      setMsg("There are already test_evnt types of eventTest events in eventBus");
+      console.log(`${TAG}, There are already test_evnt types of eventTest events in eventBus`);
     } else {
       EventBus.addEventListener("test_event", eventTest, 0);
-      setMsg("成功添加test_event类型的eventTest事件");
-      console.log(`${TAG},成功添加test_event类型的eventTest事件`);
+      setMsg("The eventTest event of type test_event is successfully added");
+      console.log(`${TAG}, The eventTest event of type test_event is successfully added`);
     }
   }
 
@@ -135,11 +135,11 @@ function EventBusDemo() {
     let has = EventBus.hasEventListener("test_event", eventTest, 0);
     setMsg(
       has
-        ? "已存在test_event类型的eventTest事件"
-        : "不存在test_event类型的eventTest事件",
+        ? "An eventTest of type test_event exists"
+        : "There is no eventTest event of type test_event",
     );
     console.log(
-      `${TAG},${has ? "已存在test_event类型的eventTest事件" : "不存在test_event类型的eventTest事件"}`,
+      `${TAG}, ${has ? "An eventTest of type test_event exists" : "There is no eventTest event of type test_event"}`,
     );
   }
 
@@ -147,11 +147,11 @@ function EventBusDemo() {
     let has = EventBus.hasEventListener("test_event", eventTest, 0);
     if (has) {
       EventBus.removeEventListener("test_event", eventTest, 0);
-      setMsg("已删除test_event类型的eventTest事件");
-      console.log(`${TAG},已删除test_event类型的eventTest事件`);
+      setMsg("The EventTest event of test_event type has been deleted");
+      console.log(`${TAG}, The EventTest event of test_event type has been deleted`);
     } else {
-      setMsg("未找到test_event类型的eventTest事件");
-      console.log(`${TAG},未找到test_event类型的eventTest事件`);
+      setMsg("No eventTest event of Test_event type");
+      console.log(`${TAG}, No eventTest event of Test_event type`);
     }
   }
 
@@ -159,33 +159,33 @@ function EventBusDemo() {
     let has = EventBus.hasEventListener("test_event", eventTest, 0);
     if (has) {
       EventBus.dispatch("test_event");
-      setMsg("成功执行test_event类型的eventTest事件");
-      console.log(`${TAG},成功执行test_event类型的eventTest事件`);
+      setMsg("The eventTest event of type test_event is successfully executed");
+      console.log(`${TAG}, The eventTest event of type test_event is successfully executed`);
     } else {
-      setMsg("test_event类型的eventTest事件已被删除或未找到事件");
-      console.log(`${TAG},test_event类型的eventTest事件已被删除或未找到事件`);
+      setMsg("test_event type of eventTest event has been deleted or no event found");
+      console.log(`${TAG}, test_event type of eventTest event has been deleted or no event found`);
     }
   }
 
   function handleGet() {
     setMsg(`${JSON.stringify(EventBus.getEvents())}`);
-    console.log(`${TAG},${JSON.stringify(EventBus.getEvents())}`);
+    console.log(`${TAG}, ${JSON.stringify(EventBus.getEvents())}`);
   }
 
   function handleAddForParams() {
     let has = EventBus3.hasEventListener("custom_event", p1.doSomeThing, p1);
     if (has) {
-      setMsgParams("eventBus中已存在custom_event类型的p1.doSomeThing事件");
+      setMsgParams("P1.dosomething events in EventBus exist in P1.dosomething");
       console.log(
-        `${TAG},eventBus中已存在custom_event类型的p1.doSomeThing事件`,
+        `${TAG}, P1.dosomething events in EventBus exist in P1.dosomething`,
       );
     } else {
       if (firstVal.length <= 1 || secondVal.length <= 1) {
-        console.error("参数长度不符合预期");
+        console.error("Parameter length does not meet expectations");
       } else {
         EventBus3.addEventListener("custom_event", p1.doSomeThing, p1);
-        setMsgParams("成功添加custom_event类型的p1.doSomeThing事件");
-        console.log(`${TAG},'成功添加custom_event类型的p1.doSomeThing事件'`);
+        setMsgParams("Successfully add the P1.dosomething event of Custom_Event type");
+        console.log(`${TAG}, 'Successfully add the P1.dosomething event of Custom_Event type'`);
         setOnOff(true);
       }
     }
@@ -195,22 +195,22 @@ function EventBusDemo() {
       let has = EventBus3.hasEventListener("custom_event", p1.doSomeThing, p1);
       if (has) {
         p2.ready(firstVal, secondVal);
-        setMsgParams(`派发事件成功，param1=${firstVal},param2=${secondVal}`);
+        setMsgParams(`Dispatching the event succeeded，param1=${firstVal},param2=${secondVal}`);
         console.log(
-          `${TAG},派发事件成功，param1=${firstVal},param2=${secondVal}`,
+          `${TAG}, Dispatching the event succeeded，param1=${firstVal},param2=${secondVal}`,
         );
         setOnOff(false);
       } else {
         setMsgParams(
-          "custom_event类型的p1.doSomeThing事件已被删除或未找到事件",
+          "The P1.Dosomething event of Custom_event type has been deleted or found not found",
         );
         console.log(
-          `${TAG},custom_event类型的p1.doSomeThing事件已被删除或未找到事件`,
+          `${TAG}, The P1.Dosomething event of Custom_event type has been deleted or found not found`,
         );
       }
     } else {
-      setMsgParams("请先移除旧的p1.doSomeThing事件");
-      console.log(`${TAG},请先移除旧的p1.doSomeThing事件`);
+      setMsgParams("Please remove the old P1.Dosomething event first");
+      console.log(`${TAG}, Please remove the old P1.Dosomething event first`);
     }
   }
   function handleRemoveForParams() {
@@ -218,39 +218,39 @@ function EventBusDemo() {
     let has = EventBus3.hasEventListener("custom_event", p1.doSomeThing, p1);
     if (has) {
       EventBus3.removeEventListener("custom_event", p1.doSomeThing, p1);
-      setMsgParams("成功删除custom_event类型的p1.doSomeThing事件");
-      console.log(`${TAG},成功删除custom_event类型的p1.doSomeThing事件`);
+      setMsgParams("Successfully delete the P1.dosomething event of Custom_Event type");
+      console.log(`${TAG}, Successfully delete the P1.dosomething event of Custom_Event type`);
     } else {
-      setMsgParams("未找到custom_event类型的p1.doSomeThing事件");
-      console.log(`${TAG},未找到custom_event类型的p1.doSomeThing事件`);
+      setMsgParams("The P1.dosomething event that did not find the Custom_Event type");
+      console.log(`${TAG}, The P1.dosomething event that did not find the Custom_Event type`);
     }
   }
   return (
     <MyContext.Provider value={{ myGlobalVar: "" }}>
       <ScrollView style={styles.main}>
         <View style={styles.mainItem}>
-          <Text style={styles.title}>基础使用 & Keeping the scope</Text>
+          <Text style={styles.title}>Basic use & Keeping the scope</Text>
           <View style={styles.container}>
-            <Button title="添加 eventTest 事件" onPress={handleAdd}></Button>
+            <Button title="Add eventTest event" onPress={handleAdd}></Button>
           </View>
           <View style={styles.container}>
             <Button
-              title="派发 eventTest 事件"
+              title="Distribute Eventtest event"
               onPress={handleDispatch}
             ></Button>
           </View>
           <View style={styles.container}>
-            <Button title="移除 eventTest 事件" onPress={handleRemove}></Button>
+            <Button title="Remove the EventTest event" onPress={handleRemove}></Button>
           </View>
           <View style={styles.container}>
             <Button
-              title="判断是否存在 eventTest 事件"
+              title="Determine whether there is an eventTest event"
               onPress={handleHas}
             ></Button>
           </View>
           <View style={styles.container}>
             <Button
-              title="获取所有事件（常用于调试相关）"
+              title="Get all events (commonly used for debugging related)"
               onPress={handleGet}
             ></Button>
           </View>
@@ -266,29 +266,29 @@ function EventBusDemo() {
               <TextInput
                 onChangeText={(text) => setFirstVal(text)}
                 style={styles.inputText}
-                placeholder="请输入长度大于1的参数"
+                placeholder="Please enter a parameter with a length greater than 1"
                 maxLength={12}
               />
               <TextInput
                 onChangeText={(text) => setSecondVal(text)}
                 style={styles.inputText}
-                placeholder="请输入长度大于1的参数"
+                placeholder="Please enter a parameter with a length greater than 1"
                 maxLength={12}
               />
             </View>
-            <Button title="添加 doSomeThing 事件" onPress={handleAddForParams}>
+            <Button title="Add Dosomething event" onPress={handleAddForParams}>
               'add'
             </Button>
           </View>
           <View style={styles.container}>
             <Button
-              title="派发 doSomeThing 事件"
+              title="Distribute Dosomething event"
               onPress={handleDispatchForParams}
             ></Button>
           </View>
           <View style={styles.container}>
             <Button
-              title="移除 doSomeThing 事件"
+              title="Remove Dosomething incident"
               onPress={handleRemoveForParams}
             ></Button>
           </View>
@@ -303,15 +303,15 @@ function EventBusDemo() {
 export default EventBusDemo;
 ```
 
-## 兼容性
+## Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 方法
+## API
 
-详情见 [EventBus](https://github.com/krasimir/EventBus/blob/master/README.md)
+See for details [EventBus](https://github.com/krasimir/EventBus/blob/master/README.md)
 
 | Name                | Description | Required | HarmonyOS Support |
 | ------------------- | ----------- | -------- | ----------------- |
@@ -321,8 +321,12 @@ export default EventBusDemo;
 | dispatch            | -           | -        | YES               |
 | getEvents           | -           | -        | YES               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/dayJs.md b/en/dayJs.md
index 9427191f..64dbaf95 100644
--- a/en/dayJs.md
+++ b/en/dayJs.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>DayJs</code> </h1>
@@ -10,11 +10,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/iamkun/dayjs?tab=readme-ov-file)
+> [!tip] [GitHub address](https://github.com/iamkun/dayjs?tab=readme-ov-file)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction：
 
 <!-- tabs:start -->
 
@@ -40,25 +40,25 @@ import dayjs from 'dayjs'
 dayjs().format()
 ```
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
 
 ## API
 
-详情请查看[DayJs官方文档](https://day.js.org/docs/zh-CN/installation/installation)
+For details, please refer to [DayJs Official Documentation](https://day.js.org/docs/zh-CN/installation/installation)
 
-以下dayjs为day.js导出的对象，即：
+The following dayjs are day.js exported objects, ie：
 
 ```bash
 import dayjs from 'dayjs';
 ```
 
-下面的代码展示了这个库的基本使用示例：
+The following code shows the basic use scenario of the repository：
 
 ```tsx
 import React, { useState, useEffect, useRef } from "react";
@@ -71,29 +71,29 @@ const DayJsDemo = () => {
 
   return (
     <View style={styles.container}>
-      <Text style={styles.componentTitle}>ValueAssignmentDemo: 取值/赋值</Text>
+      <Text style={styles.componentTitle}>ValueAssignmentDemo: Value/assignment</Text>
       <Text style={styles.textCommon}>
-        获取或设置毫秒：{dayjs().millisecond()}
+        Get or set milliseconds：{dayjs().millisecond()}
       </Text>
-      <Text style={styles.textCommon}>获取或设置秒：{dayjs().second()}</Text>
-      <Text style={styles.textCommon}>获取或设置分钟：{dayjs().minute()}</Text>
-      <Text style={styles.textCommon}>获取或设置小时：{dayjs().hour()}</Text>
+      <Text style={styles.textCommon}>Get or set seconds：{dayjs().second()}</Text>
+      <Text style={styles.textCommon}>Get or set minutes：{dayjs().minute()}</Text>
+      <Text style={styles.textCommon}>Get or set the hour：{dayjs().hour()}</Text>
       <Text style={styles.textCommon}>
-        获取或设置月份里的日期：{dayjs().date()}
+        Get or set the day of the month：{dayjs().date()}
       </Text>
-      <Text style={styles.textCommon}>获取或设置星期几：{dayjs().day()}</Text>
-      <Text style={styles.textCommon}>获取或设置月份：{dayjs().month()}</Text>
-      <Text style={styles.textCommon}>获取或设置年份。：{dayjs().year()}</Text>
+      <Text style={styles.textCommon}>Get or set the day of the week：{dayjs().day()}</Text>
+      <Text style={styles.textCommon}>Get or set the month：{dayjs().month()}</Text>
+      <Text style={styles.textCommon}>Get or set the year：{dayjs().year()}</Text>
       <Text style={styles.textCommon}>
-        从Dayjs对象中获取相应信息的 getter：年{dayjs().get("year")} 月
+        The getter that gets the appropriate information from the Dayjs object: year{dayjs().get("year")} month
         {dayjs().get("month")}
       </Text>
       <Text style={styles.textCommon}>
-        格式化{dayjs().format("YYYY-MM-DD")}
+        format{dayjs().format("YYYY-MM-DD")}
       </Text>
-      <Text style={styles.textCommon}>时长{dayjs.duration(100)}</Text>
+      <Text style={styles.textCommon}>Duration{dayjs.duration(100)}</Text>
       <Text style={styles.textCommon}>
-        时间比较{dayjs().isSame("2011-01-01", "year") ? "相等" : "不相等"}
+        Time Comparison {dayjs().isSame("2011-01-01", "year") ? "Equal" : "Unequal"}
       </Text>
     </View>
   );
@@ -166,9 +166,10 @@ const styles = StyleSheet.create({
 export default DayJsDemo;
 ```
 
-如下是已验证接口展示:
+## APIs:
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### **Get + Set**
 
@@ -248,7 +249,7 @@ export default DayJsDemo;
 
 #### **Plugins**
 
-加载插件：
+Loading plugins:
 
 ```bash
 import duration from 'dayjs/plugin/duration'
@@ -292,7 +293,7 @@ dayjs.extend(duration)
 | weekYear          | WeekYear adds .weekYear() API to get locale aware week of the year.                                                                                                                                                             | no       | yes               |
 | weekday           | Weekday adds .weekday() API to get or set locale aware day of the week.                                                                                                                                                         | no       | yes               |
 
-#### **格式化时间**
+#### **Formatting time**
 
 | **Format** | **Description**                                           | **Output**            |
 | ---------- | --------------------------------------------------------- | --------------------- |
@@ -337,10 +338,10 @@ dayjs.extend(duration)
 | z          | Abbreviated named offset ( dependent Timezone plugin )    | EST                   |
 | zzz        | Unabbreviated named offset ( dependent Timezone plugin )  | Eastern Standard Time |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/iamkun/dayjs/blob/dev/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/iamkun/dayjs/blob/dev/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-ahooks.md b/en/react-ahooks.md
index 60d359d3..9b9e17dd 100644
--- a/en/react-ahooks.md
+++ b/en/react-ahooks.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <a href="https://ahooks.js.org/">
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/alibaba/hooks)
+> [!tip] [GitHub address](https://github.com/alibaba/hooks)
 
 ## 📚 文档
 
@@ -28,7 +28,7 @@
 - 包含丰富的基础 Hooks
 - 使用 TypeScript 构建，提供完整的类型定义文件
 
-## 📦 安装
+## 📦 Installation
 
 ```bash
 $ npm install --save ahooks
@@ -46,7 +46,7 @@ $ npm install @ahooksjs/use-url-state --legacy-peer-deps
 $ npm install react-json-view@1.21.3
 ```
 
-## 使用
+## Usage
 
 ```tsx
 /**
@@ -107,19 +107,20 @@ export function WhyDidYouUpdate() {
 
 
 
-## 兼容性
+## Compatibility
 
-在以下版本验证通过：
+This document is verified based on the following versions：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-以下属性已验证，详情见 [ahooks官方文档](https://ahooks.js.org/zh-CN/)
+
+以下Properties已验证，详情见 [ahooks官方文档](https://ahooks.js.org/zh-CN/)
 
 |            Name            |                                                                                                                        Description                                                                                                                        |   Type   | Platform | HarmonyOS Support |
 | :------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -175,34 +176,34 @@ export function WhyDidYouUpdate() {
 |      useEventEmitter       |                                                                                                在组件中调用 `useEventEmitter` 可以获得一个 `EventEmitter`                                                                                                 | Function |   All    |        yes        |
 |         useLatest          |                                                                                                          返回当前最新值的 Hook，可以避免闭包问题                                                                                                          | Function |   All    |        yes        |
 |       useMemoizedFn        |                                                 持久化 function 的 Hook，一般情况下，可以使用 useMemoizedFn 完全代替 useCallback，特殊情况见 [FAQ](https://ahooks.js.org/zh-CN/hooks/use-memoized-fn#faq)                                                 | Function |   All    |        yes        |
-|        useReactive         |                                                                                  提供一种数据响应式的操作体验，定义数据状态不需要写`useState`，直接修改属性即可刷新视图                                                                                   | Function |   All    |        yes        |
+|        useReactive         |                                                                                  提供一种数据响应式的操作体验，定义数据状态不需要写`useState`，直接修改Properties即可刷新视图                                                                                   | Function |   All    |        yes        |
 |      useTrackedEffect      |                                                                                                        追踪是哪个依赖变化触发了 `useEffect` 的执行                                                                                                        | Function |   All    |        yes        |
-|     useWhyDidYouUpdate     |                                                                                                     帮助开发者排查是哪个属性改变导致了组件的 rerender                                                                                                     | Function |   All    |        yes        |
+|     useWhyDidYouUpdate     |                                                                                                     帮助开发者排查是哪个Properties改变导致了组件的 rerender                                                                                                     | Function |   All    |        yes        |
 
 ## 手机端不支持方法澄清
 
 | title    | hook-name             | 解释                                                                                                    | 问题描述                                                                                                                                                          | HarmonyOS Support |
 | -------- | --------------------- | ------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------: |
-| Dom      | useDrop & useDrag     | 处理元素拖拽的 Hook                                                                                     | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useDrop & useDrag     | 处理元素拖拽的 Hook                                                                                     | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
 | Dom      | useEventListener      | 优雅的使用 addEventListener                                                                             | 基础用法：无报错 监听 keydown 事件：无物理键盘                                                                                                                    |        NO         |
 | Dom      | useEventListener      | 优雅的使用 addEventListener                                                                             | 报错，无物理键盘                                                                                                                                                  |        NO         |
-| Dom      | useClickAway          | 监听目标元素外的点击事件                                                                                | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useClickAway          | 监听目标元素外的点击事件                                                                                | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
 | Dom      | useDocumentVisibility | 监听页面是否可见                                                                                        | 无报错，无法监听到state状态变化，获取不到手机窗口                                                                                                                 |        NO         |
 | Dom      | useEventTarget        | 常见表单控件(通过 e.target.value 获取表单值) 的 onChange 跟 value 逻辑封装，支持自定义值转换和重置功能  | Cannot read property ‘value’of undefined                                                                                                                          |        NO         |
-| Dom      | useExternal           | 动态注入 JS 或 CSS 资源，useExternal 可以保证资源全局唯一                                               | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
-| Dom      | useTitle              | 用于设置页面标题                                                                                        | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
-| Dom      | useFavicon            | 设置页面的 favicon                                                                                      | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
-| Dom      | useFullscreen         | 管理 DOM 全屏的 Hook                                                                                    | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
-| Dom      | useHover              | 监听 DOM 元素是否有鼠标悬停                                                                             | 无报错，点击按钮无反应，监听不到属性变化                                                                                                                          |        NO         |
-| Dom      | useInViewport         | 观察元素是否在可见区域，以及元素可见比例                                                                | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
-| Dom      | useKeyPress           | 监听键盘按键，支持组合键，支持按键别名                                                                  | 无报错，没有物理键盘，无法操作属性                                                                                                                                |        NO         |
-| Dom      | useLongPress          | 监听目标元素的长按事件                                                                                  | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
-| Dom      | useMouse              | 监听鼠标位置                                                                                            | 无报错，点击按钮无反应，监听不到属性变化                                                                                                                          |        NO         |
+| Dom      | useExternal           | 动态注入 JS 或 CSS 资源，useExternal 可以保证资源全局唯一                                               | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
+| Dom      | useTitle              | 用于设置页面标题                                                                                        | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
+| Dom      | useFavicon            | 设置页面的 favicon                                                                                      | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
+| Dom      | useFullscreen         | 管理 DOM 全屏的 Hook                                                                                    | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
+| Dom      | useHover              | 监听 DOM 元素是否有鼠标悬停                                                                             | 无报错，点击按钮无反应，监听不到Properties变化                                                                                                                          |        NO         |
+| Dom      | useInViewport         | 观察元素是否在可见区域，以及元素可见比例                                                                | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
+| Dom      | useKeyPress           | 监听键盘按键，支持组合键，支持按键别名                                                                  | 无报错，没有物理键盘，无法操作Properties                                                                                                                                |        NO         |
+| Dom      | useLongPress          | 监听目标元素的长按事件                                                                                  | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
+| Dom      | useMouse              | 监听鼠标位置                                                                                            | 无报错，点击按钮无反应，监听不到Properties变化                                                                                                                          |        NO         |
 | Dom      | useResponsive         | 获取响应式信息                                                                                          | Cannot convert undefined value to object                                                                                                                          |        NO         |
-| Dom      | useScroll             | 监听元素的滚动位置                                                                                      | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
+| Dom      | useScroll             | 监听元素的滚动位置                                                                                      | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
 | Dom      | useSize               | 监听 DOM 节点尺寸变化的 Hook                                                                            | 无报错，无法获取到document                                                                                                                                        |        NO         |
 | Dom      | useFocusWithin        | 监听当前焦点是否在某个区域之内                                                                          | 无报错，无法监听到state变化                                                                                                                                       |        NO         |
-| Advanced | useReactive           | 提供一种数据响应式的操作体验，定义数据状态不需要写useState，直接修改属性即可刷新视图                    | input输入框中无法输入文字，只能输入数字 Cannot read property 'map' of undefined                                                                                   |        NO         |
+| Advanced | useReactive           | 提供一种数据响应式的操作体验，定义数据状态不需要写useState，直接修改Properties即可刷新视图                    | input输入框中无法输入文字，只能输入数字 Cannot read property 'map' of undefined                                                                                   |        NO         |
 | State    | useUrlState           | 通过 url query 来管理 state 的 Hook                                                                     | 无报错，不生效                                                                                                                                                    |        NO         |
 | State    | useLocalStorageState  | 将状态存储在 localStorage 中的 Hook                                                                     | 无报错，不生效                                                                                                                                                    |        NO         |
 | Scene    | useAntdTable          | useAntdTable 会自动管理 Table 分页数据，你只需要把返回的 tableProps 传递给 Table 组件                   | ui组件无法使用，document”不存在                                                                                                                                   |        NO         |
@@ -212,13 +213,13 @@ export function WhyDidYouUpdate() {
 | Scene    | useDynamicList        | 一个帮助你管理动态列表状态，并能生成唯一 key 的 Hook                                                    | 报错，Render ErrorView config getter callback for component path mustbe a function (recelved undefined). Make sure to startcomponent names with a capital letter. |        NO         |
 | Scene    | useVirtualList        | 提供虚拟化列表能力的 Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题                         | 无报错，不生效                                                                                                                                                    |        NO         |
 | Scene    | useNetwork            | 管理网络连接状态的 Hook                                                                                 | 报错,window.addEventListener is not a function                                                                                                                    |        NO         |
-| Scene    | useSelections         | 常见联动 Checkbox 逻辑封装，支持多选，单选，全选逻辑，还提供了是否选择，是否全选，是否半选的状态        | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
-| Scene    | useTextSelection      | 实时获取用户当前鼠标选取的文本内容及位置                                                                | 无报错，没有鼠标，无法操作属性                                                                                                                                    |        NO         |
+| Scene    | useSelections         | 常见联动 Checkbox 逻辑封装，支持多选，单选，全选逻辑，还提供了是否选择，是否全选，是否半选的状态        | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
+| Scene    | useTextSelection      | 实时获取用户当前鼠标选取的文本内容及位置                                                                | 无报错，没有鼠标，无法操作Properties                                                                                                                                    |        NO         |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Foblador%2Freact-native-progress%2Fblob%2Fmaster%2FLICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Foblador%2Freact-native-progress%2Fblob%2Fmaster%2FLICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-lifecycles-compat.md b/en/react-lifecycles-compat.md
index e952c0dd..2f7cd899 100644
--- a/en/react-lifecycles-compat.md
+++ b/en/react-lifecycles-compat.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-lifecycles-compat</code> </h1>
@@ -16,13 +16,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/reactjs/react-lifecycles-compat)
+> [!TIP] [GitHub address](https://github.com/reactjs/react-lifecycles-compat)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+Go to the project directory and execute the following instruction：
 
 <!-- tabs:start -->
 
@@ -40,7 +38,7 @@ yarn add react-lifecycles-compat@3.0.4
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
 ```js
 import React from "react";
@@ -62,7 +60,7 @@ class ShowComponent extends React.Component {
             borderRadius: 30,
           }}
         >
-          新组件
+          New component
         </Text>
       </View>
     );
@@ -70,15 +68,15 @@ class ShowComponent extends React.Component {
 }
 class ExampleComponent extends React.Component {
   state = {
-    Text1: "未执行",
+    Text1: "Not Executed ",
     count1: 0,
-    Text2: "未执行",
+    Text2: "Not Executed ",
     visible: false,
   };
   static getDerivedStateFromProps = (nextProps, prevState) => {
     // Normally this method would only work for React 16.3 and newer,
     // But the polyfill will make it work for older versions also!
-    return { Text1: "已执行", count1: prevState.count1 + 1 };
+    return { Text1: "Executed ", count1: prevState.count1 + 1 };
   };
 
   getSnapshotBeforeUpdate(prevProps, prevState) {
@@ -88,9 +86,9 @@ class ExampleComponent extends React.Component {
   }
   componentDidUpdate(prevProps, prevState, snapshot) {
     if (snapshot) {
-      if (this.state.Text2 !== "已执行") {
+      if (this.state.Text2 !== "Executed ") {
         this.setState({
-          Text2: "已执行",
+          Text2: "Executed ",
         });
       }
     }
@@ -107,12 +105,12 @@ class ExampleComponent extends React.Component {
           {visible ? <ShowComponent></ShowComponent> : <Text>{visible}</Text>}
         </View>
         <Text style={{ backgroundColor: "#F5F5F5", margin: 5 }}>
-          getDerivedStateFromProps生命周期会在React初始化挂载和后续更新时调用render之前调用，返回一个对象来更新state，或者返回null就不更新任何内容
+          GetderivedateFromprops Life cycle will call before react initialization and mounting and subsequent updates. Back a object to update the state, or return NULL to update any content without updating any content
         </Text>
         <Text style={{ backgroundColor: "#F5F5F5", margin: 5 }}>
-          getSnapshotBeforeUpdate生命周期会在React更新DOM之前时直接调用，使你的组件能够在DOM发生更改之前捕获一些信息
+          GetsnapshotBeForeupDate will be called directly before react update DOM, so that your component can capture some information before the DOM changes changes.
         </Text>
-        <Button title="点击创建组件！" onPress={this.handleClick} />
+        <Button title="Click to create components!" onPress={this.handleClick} />
         <Text
           style={{
             width: "100%",
@@ -124,7 +122,7 @@ class ExampleComponent extends React.Component {
             fontSize: 16,
           }}
         >
-          生命周期getDerivedStateFromProps{this.state.Text1}+{this.state.count1}
+          life cycle getDerivedStateFromProps{this.state.Text1}+{this.state.count1}
         </Text>
         <Text
           style={{
@@ -137,7 +135,7 @@ class ExampleComponent extends React.Component {
             fontSize: 16,
           }}
         >
-          生命周期getSnapshotBeforeUpdate{this.state.Text2}
+          life cycle getSnapshotBeforeUpdate{this.state.Text2}
         </Text>
       </View>
     );
@@ -150,11 +148,11 @@ polyfill(ExampleComponent);
 export default ExampleComponent;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
@@ -163,18 +161,18 @@ export default ExampleComponent;
 | getDerivedStateFromProps | Initialize the mount.                  | NO       | Android  | YES               |
 | getSnapshotBeforeUpdate  | Call directly before updating the DOM. | NO       | Android  | YES               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-以下事项与原库保持一致需注意遵循：
+The following matters should be consistent with the original library：
 
-为了使polyfill工作，您的组件不能定义以下生命周期：componentWillMount，componentWillReceiveProps，componentWillUpdate.
+In order to make Polyfill work, your component cannot define the following life cycle: componentWillMount，componentWillReceiveProps，componentWillUpdate.
 
-如果您的组件包含getSnapshotBeforeUpdate，那么也必须定义componentDidUpdate，如果不满足上述任何条件，将抛出错误.
+If your component contains GetsnapshotBeForeupDate, then it must also define componentDidUpdate. If it does not meet any of the above conditions, you will throw an error.
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-drawer-layout-polyfill.md b/en/react-native-drawer-layout-polyfill.md
index c920a240..ba213cda 100644
--- a/en/react-native-drawer-layout-polyfill.md
+++ b/en/react-native-drawer-layout-polyfill.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drawer-layout-polyfill</code> </h1>
@@ -14,11 +14,11 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)
+> [!TIP] [GitHub address](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction：
 
 <!-- tabs:start -->
 
@@ -36,7 +36,7 @@ yarn add react-native-drawer-layout-polyfill@2.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
 ```tsx
 import React, { useState, useRef } from "react";
@@ -48,7 +48,7 @@ const App = () => {
   const [drawerPosition, setDrawerPosition] = useState("left");
   const [keyboardDismissMode, setKeyboardDismissMode] = useState("none");
   const [drawerLockMode, setDrawerLockMode] = useState("unlocked ");
-  const [isOpen, setIsOpen] = useState("关闭 ");
+  const [isOpen, setIsOpen] = useState("closure ");
   const [drawerSlideOutput, setDrawerSlideOutput] = useState("");
   const [drawerStateChangedOutput, setDrawerStateChangedOutput] = useState("");
   const [drawerWidth, setDrawerWidth] = useState(300);
@@ -63,7 +63,7 @@ const App = () => {
   };
 
   const changeDrawerPosition = () => {
-    console.log("drawerPosition-修改弹框位置", drawerPosition);
+    console.log("drawerPosition-Modify the bomb frame position", drawerPosition);
     if (drawerPosition === "left") {
       setDrawerPosition("right");
     } else {
@@ -72,7 +72,7 @@ const App = () => {
   };
 
   const changeDrawerHideKeyboard = () => {
-    console.log("keyboardDismissMode-是否隐藏软键盘", keyboardDismissMode);
+    console.log("keyboardDismissMode-Whether to hide the soft keyboard", keyboardDismissMode);
     if (keyboardDismissMode === "none") {
       setKeyboardDismissMode("on-drag");
     } else {
@@ -81,50 +81,50 @@ const App = () => {
   };
 
   const changeDrawerWidth = () => {
-    console.log("drawerWidth-修改弹框宽度", drawerWidth);
+    console.log("drawerWidth-Modify the width of the bullet box", drawerWidth);
     if (value && Number(value) >= 100) {
       setDrawerWidth(Number(value));
     }
   };
 
   const changeDrawerLockMode = (type) => {
-    console.log("drawerLockMode-修改弹框锁定模式", type);
+    console.log("drawerLockMode-Modify the lock mode of the pop-up box", type);
     setDrawerLockMode(type);
   };
 
   const handleDrawerOpen = (e) => {
-    console.log("onDrawerOpen-打开弹框的回调");
-    setIsOpen("打开");
+    console.log("onDrawerOpen-Open the callback in the pop-up box");
+    setIsOpen("Open");
   };
 
   const handleDrawerClose = (e) => {
-    console.log("onDrawerClose-关闭弹框的回调");
-    setIsOpen("关闭");
+    console.log("onDrawerClose-Turn off the bomb frame");
+    setIsOpen("closure");
   };
 
   const handleDrawerSlide = (e) => {
-    console.log("onDrawerSlide-导航视图发生交互时的回调函数");
+    console.log("onDrawerSlide-The callback function when navigation view occurs when interacting");
     setDrawerSlideOutput(JSON.stringify(e.nativeEvent));
   };
 
   const handleDrawerStateChanged = (e) => {
-    console.log("onDrawerStateChanged-导航视图的状态发生变化时的回调函数");
+    console.log("onDrawerStateChanged-The recovery function when the state of the navigation view changes");
     setDrawerStateChangedOutput(JSON.stringify(e));
   };
 
   const navigationView = (
     <View style={styles.navigationContainer}>
       <Text style={styles.textCommon}>I'm in the Drawer!</Text>
-      <Text style={styles.textCommon}>弹框状态:{isOpen}</Text>
+      <Text style={styles.textCommon}>Bomb state:{isOpen}</Text>
       <Text style={styles.textCommon}>
-        弹框打开关闭过程中触发:{drawerSlideOutput}
+        Triggered during the bomb frame opening and closing process:{drawerSlideOutput}
       </Text>
       <Text style={styles.textCommon}>
-        弹框状态切换触发:{drawerStateChangedOutput}
+        Bullet frame state switch trigger:{drawerStateChangedOutput}
       </Text>
       <Button
         style={styles.buttonMargin}
-        title="关闭弹框"
+        title="Turn off the bomb frame"
         onPress={() => close()}
       />
     </View>
@@ -147,39 +147,39 @@ const App = () => {
     >
       <View style={styles.container}>
         <Text style={styles.textCommon}>
-          设置导航视图的锁定模式:{drawerLockMode}
+          Set the lock mode of the navigation view:{drawerLockMode}
         </Text>
         <Text style={styles.textCommon}>
-          是否隐藏软键盘:{keyboardDismissMode}
+          Whether to hide the soft service:{keyboardDismissMode}
         </Text>
         <Text style={styles.textCommon}>弹框状态:{isOpen}</Text>
         <Text style={styles.textCommon}>
-          弹框打开关闭过程中触发:{drawerSlideOutput}
+          Triggered during the bomb frame opening and closing process:{drawerSlideOutput}
         </Text>
         <Text style={styles.textCommon}>
-          弹框状态切换触发:{drawerStateChangedOutput}
+          Bullet frame state switch trigger:{drawerStateChangedOutput}
         </Text>
-        <Button title="打开弹框" onPress={() => open()} />
+        <Button title="Open the bomb frame" onPress={() => open()} />
         <View style={styles.buttonMargin}></View>
-        <Button title="改变弹框位置" onPress={() => changeDrawerPosition()} />
+        <Button title="Change the bomb frame position" onPress={() => changeDrawerPosition()} />
         <View style={styles.buttonMargin}></View>
         <Button
-          title="弹框动画过程中是否隐藏键盘"
+          title="Whether the keyboard is hidden during the bomb frame animation process"
           onPress={() => changeDrawerHideKeyboard()}
         />
         <View style={styles.buttonMargin}></View>
         <Button
-          title="设置导航视图的锁定模式- unlocked "
+          title="Set the lock mode of the navigation view- unlocked "
           onPress={() => changeDrawerLockMode("unlocked")}
         />
         <View style={styles.buttonMargin}></View>
         <Button
-          title="设置导航视图的锁定模式- locked-closed"
+          title="Set the lock mode of the navigation view- locked-closed"
           onPress={() => changeDrawerLockMode("locked-closed")}
         />
         <View style={styles.buttonMargin}></View>
         <Button
-          title="设置导航视图的锁定模式- locked-open"
+          title="Set the lock mode of the navigation view- locked-open"
           onPress={() => changeDrawerLockMode("locked-open")}
         />
         <View style={styles.buttonMargin}></View>
@@ -194,7 +194,7 @@ const App = () => {
           value={value}
         />
         <View style={styles.buttonMargin}></View>
-        <Button title="修改弹框宽度" onPress={() => changeDrawerWidth()} />
+        <Button title="Modify the width of the bullet box" onPress={() => changeDrawerWidth()} />
       </View>
     </DrawerLayout>
   );
@@ -225,19 +225,20 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见[react-native-drawer-layout-polyfill](https://reactnative.dev/docs/drawerlayoutandroid)
 
@@ -255,21 +256,21 @@ export default App;
 | onDrawerSlide            | Function called whenever there is an interaction with the navigation view.                                                                                                                                                                                                                                                                                                                                                         | function | NO       | Android IOS | YES               |                                                        |
 | onDrawerStateChanged     | Function called when the drawer state has changed. The drawer can be in 3 states: idle, meaning there is no interaction with the navigation view happening at the time                                                                                                                                                                                                                                                             | function | NO       | Android IOS | YES               |                                                        |
 
-## 方法
+## API
 
 | Name        | Description        | Required | Platform    | HarmonyOS Support |
 | ----------- | ------------------ | -------- | ----------- | ----------------- |
 | openDrawer  | Closes the drawer. | NO       | Android IOS | YES               |
 | closeDrawer | Opens the drawer.  | NO       | Android IOS | YES               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] 属性statusBarBackgroundColor 鸿蒙暂不支持。[issue#10](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/issues/10)
+- [ ] The property statusbarbackgroundcolor is temporarily not supported by HarmonyOS. [issue#10](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/issues/10)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-fit-Image.md b/en/react-native-fit-Image.md
index 9b8cd57e..6b75d970 100644
--- a/en/react-native-fit-Image.md
+++ b/en/react-native-fit-Image.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fit-image</code> </h1>
@@ -16,11 +16,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/huiseoul/react-native-fit-image)
+> [!TIP] [GitHub address](https://github.com/huiseoul/react-native-fit-image)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction：
 
 <!-- tabs:start -->
 
@@ -38,7 +38,7 @@ yarn add react-native-fit-image@1.5.5
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
 ```tsx
 import React,{useState,useEffect} from 'react'
@@ -121,7 +121,7 @@ const FitImageDemo=()=>{
                              />
                      </View>
                      <View>
-                         <Text>测试属性originalWidth，originalHeight（在不加宽度高度的情况下）</Text>
+                         <Text>测试PropertiesoriginalWidth，originalHeight（在不加宽度高度的情况下）</Text>
                          <FitImage
                              source={require('./assets/expo.png')}
                              originalWidth={400}
@@ -281,25 +281,25 @@ const FitImageDemo=()=>{
 export default FitImageDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
 
-## 属性
+## Properties
 
-[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                                                                                                                                                                                                                                                                                                                                                     | Type          | Required | Platform                      | HarmonyOS Support | Remark                                                       |
 | ------------------ |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------------- | -------- | ----------------------------- | ----------------- | ------------------------------------------------------------ |
-| `style`            | 图片宽(width)高(height)，边框等样式                                                                                                                                                                                                                                                                                                                                                                                       | object        | yes      | Android IOS                   | YES               | 在不加orginalWidth与orginalHeight属性时，style里面必须设置宽width，高height才能把图片加载出来 |
+| `style`            | 图片宽(width)高(height)，边框等样式                                                                                                                                                                                                                                                                                                                                                                                       | object        | yes      | Android IOS                   | YES               | 在不加orginalWidth与orginalHeightProperties时，style里面必须设置宽width，高height才能把图片加载出来 |
 | `source`           | 图片文件源：                                                                                               本地图片 source={require('./assets/expo.png')}；<br />网络图片 source={{uri:"xxx"}}                                                                                                                                                                                                                                 | string        | yes      | Android IOS                   | YES               |                                                              |
-| `width`            | 图片style中属性                                                                                                                                                                                                                                                                                                                                                                                                      | number        | yes      | Android IOS                   | YES               |                                                              |
-| `height`           | 图片style中属性                                                                                                                                                                                                                                                                                                                                                                                                      | number        | yes      | Android IOS                   | YES               |                                                              |
-| `borderRadius`     | 图片样式（圆角）                                                                                                                                                                                                                                                                                                                                                                                                        | number        | No       | Android IOS HarmonyOS都不支持 | NO                | 此属性在HarmonyOS，Android ，IOS均不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
+| `width`            | 图片style中Properties                                                                                                                                                                                                                                                                                                                                                                                                      | number        | yes      | Android IOS                   | YES               |                                                              |
+| `height`           | 图片style中Properties                                                                                                                                                                                                                                                                                                                                                                                                      | number        | yes      | Android IOS                   | YES               |                                                              |
+| `borderRadius`     | 图片样式（圆角）                                                                                                                                                                                                                                                                                                                                                                                                        | number        | No       | Android IOS HarmonyOS都不支持 | NO                | 此Properties在HarmonyOS，Android ，IOS均不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
 | `indicator`        | 加载器值为true/false (默认true)                                                                                                                                                                                                                                                                                                                                                                                        | boolean       | No       | Android IOS                   | YES               |                                                              |
 | `indicatorColor`   | 加载器颜色                                                                                                                                                                                                                                                                                                                                                                                                           | string        | No       | Android IOS                   | YES               |                                                              |
 | `indicatorSize`    | 加载器大小  值：`large`  `small` number(例: indicatorSize={20} )                                                                                                                                                                                                                                                                                                                                                        | string/number | No       | Android IOS                   | YES               |                                                              |
@@ -314,15 +314,15 @@ export default FitImageDemo;
 | orginalWidth       | 图片原始宽度                                                                                                                                                                                                                                                                                                                                                                                                          | number        | NO       | Android IOS                   | YES               |                                                              |
 | orginalHeight      | 图片原始高度                                                                                                                                                                                                                                                                                                                                                                                                          | number        | NO       | Android IOS                   | YES               |                                                              |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 在react-native-fit-image三方库中`onError`.`onLoadStart`.`onLayout`回调方法，在原库文档（react-native-fit-image）作者已说明并没有适配（Some props are not working），有待开发：[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
-- [ ] `borderRadius`图片圆角属性，在 HarmonyOS ，ios，安卓均不支持，官方文档互动有提到borderRadius不生效：[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
+- [ ] `borderRadius`图片圆角Properties，在 HarmonyOS ，ios，安卓均不支持，官方文档互动有提到borderRadius不生效：[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [THE BEER-WARE LICENSE](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fhuiseoul%2Freact-native-fit-image%2Fblob%2Fmaster%2FLICENSE) ，请自由地享受和参与开源。
+This project is licensed under [THE BEER-WARE LICENSE](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fhuiseoul%2Freact-native-fit-image%2Fblob%2Fmaster%2FLICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-markdown-display.md b/en/react-native-markdown-display.md
index d56ae79a..4a4d3b76 100644
--- a/en/react-native-markdown-display.md
+++ b/en/react-native-markdown-display.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-markdown-display</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)
+> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction：
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-markdown-display@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -79,30 +79,31 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持` AutoLink`，所以` Link` 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 `DevEco Studio` 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions
 
 - RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
 - RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请查看[react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display/blob/master/README.md)
 
-如下是已经 HarmonyOS 化的属性：
+Please check for details [react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display/blob/master/README.md)
 
-> [!tip] " HarmonyOS 支持"列为 yes 的属性表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+The following are the HarmonyOS properties：
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      | Description                                                                                                                                                                                           | Default                                                                                                                    | Required | Platform | HarmonyOS Support |
 | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -119,12 +120,12 @@ export default App;
 | `allowedImageHandlers`    | Any image that does not start with one of these will have the `defaultImageHandler` value prepended to it (unless `defaultImageHandler` is null in which case it won't try to render anything)        | `['data:image/png;base64', 'data:image/gif;base64', 'data:image/jpeg;base64', 'https://', 'http://']`                      | No       | All      | yes               |
 | `defaultImageHandler`     | Will be prepended to an image url if it does not start with something in the `allowedImageHandlers` array, if this is set to null, it won't try to recover but will just not render anything instead. | `http://`                                                                                                                  | No       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/iamacup/react-native-markdown-display/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/iamacup/react-native-markdown-display/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-reanimated-table.md b/en/react-native-reanimated-table.md
index ff07f512..369f016e 100644
--- a/en/react-native-reanimated-table.md
+++ b/en/react-native-reanimated-table.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reanimated-table</code> </h1>
@@ -15,11 +15,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/dohooo/react-native-reanimated-table)
+> [!TIP] [GitHub address](https://github.com/dohooo/react-native-reanimated-table)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction：
 
 <!-- tabs:start -->
 
@@ -37,9 +37,9 @@ yarn add react-native-reanimated-table@^0.0.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { Component } from 'react';
@@ -89,21 +89,22 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见[react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)
+
+Please check for details [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)
 
 ### Properties for all react-native-reanimated-table components:
 
@@ -119,11 +120,12 @@ const styles = StyleSheet.create({
 | ...props                  | more props                                                   | any     | Yes  | All         | Yes               |
 
 
-## 其他
+## Others
+
+## Known Issues
 
-## 遗留问题
+## License
 
-## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE).
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-use.md b/en/react-use.md
index 573f47af..3edcc8d5 100644
--- a/en/react-use.md
+++ b/en/react-use.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.1
+Template version: v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>react-use</code> </h1>
@@ -13,10 +13,10 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/streamich/react-use)
+> [!TIP] [GitHub address](https://github.com/streamich/react-use)
 
-## 安装与使用
-进入到工程目录并输入以下命令：
+## Installation and Usage
+Go to the project directory and execute the following instruction：
 <!-- tabs:start -->
 #### **npm**
 ```bash
@@ -26,26 +26,26 @@ npm install react-use@17.5.0
 ```bash
 yarn add react-use@17.5.0
 ```
-> [!TIP] 如果依赖安装报错，请执行：
+> [!TIP] If an error occurs during the dependent installation, execute the command：
 ```bash
 npm install react-use@17.5.0 --legacy-peer-deps
 ```
-> [!TIP] 如果要体验全部demo效果，还需要安装以下依赖：
+> [!TIP] If you want to experience the full demo effect, you need to install the following dependencies：
 ```bash
 npm install @types/lodash --legacy-peer-deps
 npm install rxjs --legacy-peer-deps
 npm install rebound --legacy-peer-deps
 ```
 <!-- tabs:end -->
-## 兼容性
-在以下版本验证通过
+## Compatibility
+This document is verified based on the following versions
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.29; ROM：3.0.0.18;
 ## API
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请查看[react-use 官方文档](https://github.com/streamich/react-use/blob/master/README.md)
+Please check for details [react-use Official documentation](https://github.com/streamich/react-use/blob/master/README.md)
 
 ### Sensors
 | Name                                                     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
@@ -173,9 +173,10 @@ npm install rebound --legacy-peer-deps
 | :------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
 | useEnsuredForwardedRef                                   | use a React.forwardedRef safely                              | Function | NO       | Android/ios | YES               |
 
-## 遗留问题
-## 其他
-## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/streamich/react-use/blob/master/LICENSE) ，请自由地享受和参与开源。
+## Known Issues
+## Others
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/streamich/react-use/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-actions.md b/en/redux-actions.md
index c4b3d926..9b5b6987 100644
--- a/en/redux-actions.md
+++ b/en/redux-actions.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.1.3
 
 <p align="center">
   <h1 align="center"> <code>redux-actions</code> </h1>
@@ -14,9 +14,9 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/redux-utilities/redux-actions)
+> [!tip] [GitHub address](https://github.com/redux-utilities/redux-actions)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -25,7 +25,7 @@
 ```bash
 npm install redux-actions@2.6.5
 
-// typescript 项目需下载对应包的类型声明
+// The TypeScript project needs to download the type declaration for the corresponding package
 npm i @types/redux-actions -D
 ```
 
@@ -34,22 +34,22 @@ npm i @types/redux-actions -D
 ```bash
 yarn add redux-actions@2.6.5
 
-// typescript 项目需下载对应包的类型声明
+// The TypeScript project needs to download the type declaration for the corresponding package
 yarn add @types/redux-actions -D
 ```
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
-运行demo还需安装以下依赖：
+To run the demo, you need to install the following dependencies：
 
 ```bash
 npm install redux@^5.0.1
 npm install react-redux@^9.1.0
 ```
 
-1.定义state的类型
+1.Define the type of state
 
 // LoginType.ts
 
@@ -60,7 +60,7 @@ export interface IAppUser {
 }
 ```
 
-2.定义action
+2.Define actions
 
 // loginAction.ts
 
@@ -81,7 +81,7 @@ export default createActions({
 });
 ```
 
-3.定义reducer
+3.Define reducer
 
 // loginReducer.ts
 
@@ -95,13 +95,13 @@ import {
 import { IAppUser } from "./loginType";
 
 const defaultState = {
-  // defautl value 不能为null
+  // Default Value cannot be null
   appUser: {},
 };
 
 export default createReducers(
   {
-    // payload 参数名固定，类型推导
+    // The payload parameter name is fixed, and the type is derived
     [LOGIN_ACTION.LOGIN]: (state, { payload }: Action<IAppUser>) => {
       console.log("createReducers LOGIN_ACTION.LOGIN", JSON.stringify(payload));
       return {
@@ -109,7 +109,7 @@ export default createReducers(
         appUser: payload,
       };
     },
-    // 异常处理
+    // Exception handling
     [LOGIN_ACTION.LOGOUT]: {
       next(state) {
         console.log("createReducers LOGIN_ACTION.LOGOUT", JSON.stringify({}));
@@ -141,7 +141,7 @@ export default createReducers(
 );
 ```
 
-4.定义store
+4.Define the store
 
 // loginStore.ts
 
@@ -160,7 +160,7 @@ export type AppDispatch = typeof store.dispatch;
 export default store;
 ```
 
-5.通过connector将state和action挂载到组件
+5.Mount state and action to components through Connector
 
 // loginDemo.tsx
 
@@ -193,7 +193,7 @@ const Login = (props: PropsFromRedux) => {
       </View>
       <View style={styles.viewTextStyle}>
         <Button
-          title="修改appUser"
+          title="Modify the Appuser"
           onPress={() => {
             props.onLogin({ id: "1", userName: "123" });
           }}
@@ -201,13 +201,13 @@ const Login = (props: PropsFromRedux) => {
       </View>
       <View style={styles.viewTextStyle}>
         <Button
-          title="修改appUser name"
+          title="Modify the Appuser Name"
           onPress={() => {
             props.onChangeName({ id: "1", userName: "456" });
           }}
         />
       </View>
-      <Button title="清空appUser" onPress={props.onLogout} />
+      <Button title="Clear Appuser" onPress={props.onLogout} />
     </View>
   );
 };
@@ -229,7 +229,7 @@ const styles = StyleSheet.create({
 export default connector(Login);
 ```
 
-6.使用
+6.use
 
 // index.tsx
 
@@ -239,7 +239,7 @@ import { StyleSheet, View } from "react-native";
 import store from "./loginStore";
 import Login from "./loginDemo";
 
-// 导出组件
+// Export component
 export default function ReduxDemo() {
   return (
     <Provider store={store}>
@@ -270,20 +270,21 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                                               | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -293,17 +294,18 @@ const styles = StyleSheet.create({
 | handleActions(reducerMap, defaultState[, options])                 | Creates multiple reducers using handleAction() and combines them into a single reducer that handles multiple actions. Accepts a map where the keys are passed as the first parameter to handleAction() (the action type), and the values are passed as the second parameter (either a reducer or reducer map). The map must not be empty.                                                                                                                                                                                                                                         | Function | no       | android/ios | yes               |
 | combineActions(...types)                                           | Combine any number of action types or action creators. types is a list of positional arguments which can be action type strings, symbols, or action creators.                                                                                                                                                                                                                                                                                                                                                                                                                     | Function | no       | android/ios | yes               |
 
-## 遗留问题
+## Known Issues
+
+It is currently recommended to use version 2.6.5. If it is updated to version 3.0.0, the original library will have the following known problems：
 
-当前推荐使用2.6.5版本，若更新到3.0.0版本原库会有如下已知问题：
+- [ ] Compile error：this package itself specifies a `main` module field that could not be resolved[issue#1967](https://github.com/pmndrs/zustand/discussions/1967)
+- [ ] Run an error：import.meta' is currently unsupported Buffer size 12286 starts with[issue#394](https://github.com/redux-utilities/redux-actions/issues/394)
 
-- [ ] 编译错误：this package itself specifies a `main` module field that could not be resolved[issue#1967](https://github.com/pmndrs/zustand/discussions/1967)
-- [ ] 运行错误：import.meta' is currently unsupported Buffer size 12286 starts with[issue#394](https://github.com/redux-utilities/redux-actions/issues/394)
+## Others
 
-## 其他
+## License
 
-## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/redux-utilities/redux-actions/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/redux-utilities/redux-actions/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-logger.md b/en/redux-logger.md
index 06992b9e..dc4f790c 100644
--- a/en/redux-logger.md
+++ b/en/redux-logger.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.1.3
 
 <p align="center">
   <h1 align="center"> <code>redux-logger</code> </h1>
@@ -14,9 +14,9 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/LogRocket/redux-logger)
+> [!tip] [GitHub address](https://github.com/LogRocket/redux-logger)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add redux-logger@^3.0.6
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
-场景一：
+Scene one：
 
 ```js
 import { applyMiddleware, createStore } from "redux";
@@ -45,7 +45,7 @@ import logger from "redux-logger";
 const store = createStore(reducer, applyMiddleware(logger));
 ```
 
-场景二：
+Scene two：
 
 ```js
 import { applyMiddleware, createStore } from "redux";
@@ -58,32 +58,33 @@ const logger = createLogger({
 const store = createStore(reducer, applyMiddleware(logger));
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name         | Description    | Type     | Required | Platform    | HarmonyOS Support |
 | ------------ | -------------- | -------- | -------- | ----------- | ----------------- |
 | logger       | default logger | Function | no       | ios/android | yes               |
 | createLogger | options logger | Function | no       | ios/android | yes               |
 
-## 遗留问题s
+## Known Issuess
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/LogRocket/redux-logger/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/LogRocket/redux-logger/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-persist.md b/en/redux-persist.md
index be913e39..a12b23ac 100644
--- a/en/redux-persist.md
+++ b/en/redux-persist.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.1.3
 
 <p align="center">
   <h1 align="center"> <code>redux-persist</code> </h1>
@@ -10,9 +10,9 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/rt2zz/redux-persist)
+> [!tip] [GitHub address](https://github.com/rt2zz/redux-persist)
 
-## 安装与使用
+## Installation and Usage
 
 #### **yarn**
 
@@ -26,15 +26,15 @@ yarn add redux-persist@6.0.0
 npm install redux-persist@6.0.0
 ```
 
-实现持久化效果还需依赖` HarmonyOS 化的async-storage` 库用于原生数据库读写，安装使用文档如下：
+To achieve persistence, you also need to rely on the 'HarmonyOS-enabled async-storage' library for native database reading and writing, as shown in the installation and use documents below：
 
-> [async-storage 安装使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-async-storage-async-storage.md)
+> [async-storage Installation and use documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-async-storage-async-storage.md)
 
 <!-- tabs:end -->
 
-下面展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-1.创建一个命名为store.ts的文件
+1.Create a file named store.ts
 
 ```ts
 import { configureStore, combineReducers } from "@reduxjs/toolkit";
@@ -59,13 +59,13 @@ import commentsReducer from "./comments";
 import uiControlReducer from "./uiControl";
 import shoppingCartReducer from "./shoppingCart";
 
-// 持久化配置
+// Persistent configuration
 const persistConfig = {
   key: "root",
   storage: AsyncStorage,
-  // 如下配置为不持久化 评论数据
+  // The following configuration is set to not persist comment data
   blacklist: ["comments", "shoppingCart"],
-  // 持久化的 reducer
+  // Persistent reducer
   // whitelist: [ 'products', 'uiControl', 'shoppingCart']
   // debug: false,
   throttle: 50,
@@ -73,7 +73,7 @@ const persistConfig = {
   // serialize: false
 };
 
-// 购物车持久化配置
+// Persistent configuration of shopping cart
 const cartPersistConfig = {
   key: "cart",
   storage: AsyncStorage,
@@ -81,15 +81,15 @@ const cartPersistConfig = {
 };
 
 const reducers = combineReducers({
-  products: productReducer, // 商品
-  comments: commentsReducer, // 商品评论
-  uiControl: uiControlReducer, // 页面跳转配置
-  shoppingCart: persistReducer(cartPersistConfig, shoppingCartReducer), // 购物车数据
+  products: productReducer, // goods
+  comments: commentsReducer, // Product Review
+  uiControl: uiControlReducer, //Page jump configuration
+  shoppingCart: persistReducer(cartPersistConfig, shoppingCartReducer), //Shopping cart data
 });
 
 const rootStore = configureStore({
   reducer: persistReducer(persistConfig, reducers),
-  // 忽略 redux-persist 的action，不配置会报错。
+  //Ignoring the action of redux reverse and not configuring it will result in an error.
   middleware: (getDefaultMiddleware) =>
     getDefaultMiddleware({
       serializableCheck: {
@@ -108,7 +108,7 @@ export const persistRootStore = persistStore(rootStore);
 export default rootStore;
 ```
 
-2.创建store.ts的文件后，在<code>&lt;App&gt;</code>的外层放置一个<code>&lt;PersistGate&gt;</code>，并将 persistRootStore 作为 prop 传递
+2.Once the store.ts file is created, place a <code>&lt;PersistGate&gt;</code> on the outer layer of the &gt; of the <code>&lt;App</code> and pass the persistRootStore as a prop
 
 ```ts
 import store, {persistRootStore} from './store'
@@ -120,9 +120,9 @@ import store, {persistRootStore} from './store'
     </Provider>
 ```
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11;
    SDK：OpenHarmony(api11) 4.1.0.53;
@@ -137,9 +137,9 @@ import store, {persistRootStore} from './store'
    IDE：DevEco Studio 4.1.3.500;
    ROM：2.0.0.59;
 
-## 静态方法
+## Static Methods
 
-详情查看[redux-persist 官方文档](https://github.com/rt2zz/redux-persist/blob/master/README.md#api)
+Please check for details [redux-persist official documentation](https://github.com/rt2zz/redux-persist/blob/master/README.md#api)
 
 #### **Hooks**
 
@@ -149,12 +149,12 @@ import store, {persistRootStore} from './store'
 | persistStore(store)             | returns persistor object with the following methods .purge() .flush() .pause() .persist() | function | NO       | yes               |
 | createMigrate(migrations)       | Create a new version of the store                                                         | function | NO       | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/rt2zz/redux-persist/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/rt2zz/redux-persist/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-thunk.md b/en/redux-thunk.md
index 04c01309..92ad81a6 100644
--- a/en/redux-thunk.md
+++ b/en/redux-thunk.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.1.3
 
 <p align="center">
   <h1 align="center"> <code>redux-thunk</code> </h1>
@@ -13,9 +13,9 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/reduxjs/redux-thunk)
+> [!tip] [GitHub address](https://github.com/reduxjs/redux-thunk)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -33,7 +33,7 @@ yarn add redux-thunk@3.1.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
 1.在Redux store中引入redux-thunk中间件
 
@@ -114,20 +114,21 @@ AddTodo = connect()(AddTodo);
 export default AddTodo
 ```
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+## Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 >
 > 详情见 [redux-thunk 源库地址](https://github.com/reduxjs/redux-thunk)
 
@@ -139,22 +140,23 @@ export default AddTodo
 | ThunkDispatch       | Thunk重载的dispatch接口                  | Interface       | no       | All      | yes               |
 | ThunkMiddleware     | TThunk中间件类型                         | Middleware      | no       | All      | yes               |
 
-## 静态方法
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                             | Description         | Type     | Required | Platform | HarmonyOS Support |
 | ------------------------------------------------ | ------------------- | -------- | -------- | -------- | ----------------- |
 | withExtraArgument(extraArgument?: ExtraThunkArg) | 创建Thunk中间件方法 | function | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux-thunk?tab=MIT-1-ov-file)，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/reduxjs/redux-thunk?tab=MIT-1-ov-file).
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 8c02339d8b3ecbcf044d5dfcf0b3f1ccd021a99b Mon Sep 17 00:00:00 2001
From: lihonggang <lihonggang11@h-partners.com>
Date: Tue, 15 Oct 2024 04:17:59 +0000
Subject: [PATCH 662/966] =?UTF-8?q?!1636=20docs:=20[Issues:#IAW1IM]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ejpush-react-native=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:#IAW1IM]=E6=96=B0=E5=A2=9Ejpush?=
 =?UTF-8?q?-react-native=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/jpush-react-native.md    | 245 ++++++++++++++++++++++++++++++++++++
 zh-cn/jpush-react-native.md | 245 ++++++++++++++++++++++++++++++++++++
 2 files changed, 490 insertions(+)
 create mode 100644 en/jpush-react-native.md
 create mode 100644 zh-cn/jpush-react-native.md

diff --git a/en/jpush-react-native.md b/en/jpush-react-native.md
new file mode 100644
index 00000000..831f28aa
--- /dev/null
+++ b/en/jpush-react-native.md
@@ -0,0 +1,245 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>jpush-react-native</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jpush/jpush-react-native">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jpush/jpush-react-native/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/jpush-react-native)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/jpush-react-native@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/jpush-react-native@file:#
+```
+<!-- tabs:end -->
+
+另外还需按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)完成极光推送相关的配置
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { Text, View, Button } from 'react-native';
+import JPush from 'jpush-react-native';
+
+function App() {
+    let localNotification = { messageID: '1', title: 'add local notification', content: '测试添加一个本地通知', broadcastTime: new Date().getTime(), extras: { content: '附加内容' } };
+    return (
+        <View>
+                <Text style={{
+                    color: "#555",
+                    fontSize: 25,
+                    marginTop: 100,
+                    padding:20,
+                    fontWeight: "500"
+                }}>jpush-react-native</Text>
+                <Text style={{
+                    color: "#999",
+                    fontSize: 15,
+                    marginBottom:20,
+                    padding:20,
+                }}>请先前往手机"设置"-->"通知和状态栏"打开测试应用的通知</Text>
+                <View>
+                     <Button
+                        key="addLocalNotification"
+                        title="addLocalNotification"
+                        onPress={async () => {
+                          JPush.addLocalNotification(localNotification);
+                        }}
+                     />
+                </View>
+        </View>
+    );
+}
+export default App;
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1. 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+     "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/jpush-react-native": "file:../../node_modules/@react-native-oh-tpl/jpush-react-native/harmony/jpush_react_native.har"
+}
+
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3. 在 ArkTs 侧引入 RNJPushPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，由于引入的是ets文件，请将RNPackagesFactory.ts文件名后缀  ts 修改为 ets，添加：
+
+```diff
++ import {RNJPushPackage} from  "@react-native-oh-tpl/jpush-react-native/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNJPushPackage(ctx)
+  ];
+}
+```
+
+### 4. 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases)
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| -------------------- | ------------------- | ------ | ------ | ---------- | ----------- |
+|   setLoggerEnable(enable: boolean): void  |   设置调试模式，默认关闭状态，RN侧调用不起作用，请按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)调用    | function   | no | iOS,Android      | yes |
+|  init(params: {appKey: string;channel:string;production:string;}): void  |初始化极光推送，RN侧调用不起作用，请按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)文档中集成调用  |  function   | yes | iOS,Android      | yes |
+|  getRegistrationID(callback: Callback<{ registerID: string }>): void  |  调用此 API 来取得应用程序对应的 RegistrationID。   | function   | no | iOS,Android      | yes |
+|  addTags(params: {"sequence":number,"tags":string[]}): void  |   新增标签   |function   | no | iOS,Android      | yes |
+|   updateTags(params: {"sequence":number,"tags":string[]}): void  | 覆盖标签  | function   | no | iOS,Android      |yes |
+|  deleteTag(params: {"sequence":number,"tags":string[]}): void  | 删除指定标签  | function  | no | iOS,Android      |yes |
+|  deleteTags(params: {"sequence":number}): void  | 清除所有标签  | function  | no | iOS,Android      |yes |
+|   queryTag(params:{"sequence":number,"tag":string}): void  | 查询指定 tag 与当前用户绑定的状态  | function  | no | iOS,Android      |yes |
+|  queryTags(params: {"sequence":number}): void  | 查询所有标签  | function  | no | iOS,Android      |yes |
+|  setAlias(params: {"sequence":number,"alias":string}): void  | 设置别名  | function  | no | iOS,Android      |yes |
+|  deleteAlias({"sequence":number}): void  | 删除别名  | function  | no | iOS,Android      |yes |
+|  queryAlias(params: {"sequence":number}): void  | 查询别名  | function  | no | iOS,Android      |yes |
+|   setProperties(params:{pros:any}):void; |   设置推送个性化属性/更新用户指定推送个性化属性   |function   | no | iOS,Android     | no |
+|   deleteProperties(params:{pros:any}):void; |   删除指定推送个性化属性   |function   | no | iOS,Android     | no |
+|  cleanProperties():void; |   清除所有推送个性化属性  |function   | no | iOS,Android     | no |
+|  pageEnterTo(pageName: string): void  | 进入页面  | function  | no | iOS,Android      |no |
+|  pageLeave(pageName: string): void  | 离开页面  | function  | no | iOS,Android      |no |
+|  setMobileNumber(params: {"sequence":number,"mobileNumber":string}): void  | 设置手机号码。该接口会控制调用频率,频率为 10s 之内最多 3 次  | function  | no | iOS,Android      |yes |
+|  initCrashHandler(): void  | 开启 CrashLog 上报  | function  | no | iOS,Android      |no |
+|  setPowerSaveMode(enable: boolean):void  | Push SDK 开启和关闭省电模式，默认为关闭  | function  | no | Android      |no |
+|  isNotificationEnabled(callback: Callback<boolean>): void  | 检查当前应用的通知开关是否开启  | function  | no | iOS,Android      |yes |
+|  addLocalNotification(params:{messageID: stringtitle: string;content: string;extras: Extra}): void  | 添加一个本地通知  | function  | no | iOS,Android      |yes |
+|   removeLocalNotification(params: { messageID: string }): void  | 移除指定的本地通知  | function  | no | iOS,Android      |yes |
+|  clearLocalNotifications(): void  | 移除所有的本地通知  | function  | no | iOS,Android      |yes |
+|  clearAllNotifications():void  | 清除所有 JPush 展现的通知（不包括非 JPush SDK 展现的）  | function  | no | Android      |no |
+|  clearNotificationById(params: {notificationId:number}):void  | 删除指定的通知  | function  | no | iAndroid      |no |
+|  setMaxGeofenceNumber(params: {geoFenceMaxNumber:number}): void  | 设置最多允许保存的地理围栏数量,超过最大限制后,如果继续创建先删除最早创建的地理围栏。 默认数量为10个,允许设置最小1个,最大100个。  | function  | no | iOS,Android      |no |
+|  deleteGeofence(params: { geoFenceID: string }): void |  删除指定id的地理围栏  | function  | no | iOS,Android      |no |
+|  addConnectEventListener(callback: Callback<{connectEnable: boolean }>): void  | 监听连接状态  | function  | no | iOS,Android      |yes |
+|  addCommandEventListener(callback: Callback<{ cmd:number, errorCode:number,msg:string,extra:Extra}>): void  | CommandEvent 事件回调  | function  | no | iOS,Android      |yes |
+|   addNotificationListener(callback: Callback <{messageID:string;title:string;content:string;extras:Extra;notificationEventType: "notificationArrived" "notificationOpened"}>):void  | 远程通知事件  | function  | no | iOS,Android      |no |
+|  addLocalNotificationListener(callback: Callback <{messageID:string;title:string;content:string;extras:Extra;notificationEventType: "notificationArrived" "notificationOpened"}>  | 本地通知事件  | function  | no | iOS,Android      |yes |
+|  addCustomMessageListener(callback: Callback<{messageID: string;content: string;extras: Extra;title:string}>):void  | 自定义信息通知回调  | function  | no | iOS,Android      |yes |
+| addInappMessageListener(callback: Callback<{mesageId: string;title: string;content: string;target:string;clickAction: string;extras:Extra:inappEventType: "inappShow"  "inappClick"}>):void| inapp消息事件  | function  | no | iOS,Android      |no |
+|  addTagAliasListener(callback: Callback<{ code: number;tagEnable: boolean;Tags:string[];alias:string;sequence:number}>): void  | tag alias事件  | function  | no | iOS,Android      |yes |
+|  addMobileNumberListener(callback: Callback<{ code: number;sequence:number }>): void  | 手机号码事件  | function  | no | iOS,Android      |yes |
+|  removeListener(callback: Function): void  | 移除事件  | function  | no | iOS,Android      |yes |
+|  requestPermission(): void  | 在 Android 6.0 及以上的系统上,需要去请求一些用到的权限  | function  | no | Android   |no |
+|  stopPush(): void  | 停止推送服务  | function  | no | Android      |yes |
+|  resumePush(): void  | 恢复推送服务  | function  | no | iAndroid      |yes |
+|  isPushStopped(callback: Callback<boolean>): void | 用来检查 Push Service 是否已经被停止  | function  | no | Android      |yes |
+|  setPushTime(params: {pushTimeDays: number[];pushTimeStartHour: number;pushTimeEndHour: number;}):void  | 设置允许推送时间  | function  | no | Android      |no |
+|  setSilenceTime(params: {silenceTimeStartHour: number;silenceTimeStartMinute: number;silenceTimeEndHour: number; silenceTimeEndMinute: number;}): void | 设置保留最近通知条数  | function  | no | Android    |no |
+|  setLatestNotificationNumber(params: {notificationMaxNumber: number;}): void  |   设置保留最近通知条数   |function   | no | Android      | no |
+|  setChannel(params: { channel: string }): void  |   动态配置 channel,优先级比 AndroidManifest 里配置的高   |function   | no | Android      | no |
+|  setBadge(params: {badge: number;appBadge: number;}):void  |   设置 Badge   |function   | no | iOS,Android     | yes |
+|  setChannelAndSound(params: {channel:string;sound:string;channelId:string}):void  |   设置通知渠道声音   |function   | no | Android     | no |
+|  setLinkMergeEnable(enable:boolean):void |   是否开启通知合并   |function   | no | Android     | no |
+|  setSmartPushEnable(enable:boolean):void |   是否开启智能推送   |function   | no | iOS,Android     | no |
+|  setGeofenceEnable(enable:boolean):void |   是否开启地理围栏   |function   | no |Android     | no |
+|  setCollectControl(enable:boolean):void |   是否开启集中控制   |function   | no | iOS、Android     | no |
+
+## 遗留问题
+- [ ] setProperties、deleteProperties、cleanProperties、pageEnterTo、pageLeave、initCrashHandler、setMaxGeofenceNumber、deleteGeofence、addNotificationListener、addInappMessageListener，setCollectControl、setSmartPushEnable这些方法在极光推送harmonyOS-SDK中暂未支持[issue#1](https://github.com/react-native-oh-library/jpush-react-native/issues/1)
+
+## 其他
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jpush/jpush-react-native/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/jpush-react-native.md b/zh-cn/jpush-react-native.md
new file mode 100644
index 00000000..831f28aa
--- /dev/null
+++ b/zh-cn/jpush-react-native.md
@@ -0,0 +1,245 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>jpush-react-native</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/jpush/jpush-react-native">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/jpush/jpush-react-native/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/jpush-react-native)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/jpush-react-native@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/jpush-react-native@file:#
+```
+<!-- tabs:end -->
+
+另外还需按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)完成极光推送相关的配置
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import { Text, View, Button } from 'react-native';
+import JPush from 'jpush-react-native';
+
+function App() {
+    let localNotification = { messageID: '1', title: 'add local notification', content: '测试添加一个本地通知', broadcastTime: new Date().getTime(), extras: { content: '附加内容' } };
+    return (
+        <View>
+                <Text style={{
+                    color: "#555",
+                    fontSize: 25,
+                    marginTop: 100,
+                    padding:20,
+                    fontWeight: "500"
+                }}>jpush-react-native</Text>
+                <Text style={{
+                    color: "#999",
+                    fontSize: 15,
+                    marginBottom:20,
+                    padding:20,
+                }}>请先前往手机"设置"-->"通知和状态栏"打开测试应用的通知</Text>
+                <View>
+                     <Button
+                        key="addLocalNotification"
+                        title="addLocalNotification"
+                        onPress={async () => {
+                          JPush.addLocalNotification(localNotification);
+                        }}
+                     />
+                </View>
+        </View>
+    );
+}
+export default App;
+```
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1. 在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+     "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/jpush-react-native": "file:../../node_modules/@react-native-oh-tpl/jpush-react-native/harmony/jpush_react_native.har"
+}
+
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3. 在 ArkTs 侧引入 RNJPushPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，由于引入的是ets文件，请将RNPackagesFactory.ts文件名后缀  ts 修改为 ets，添加：
+
+```diff
++ import {RNJPushPackage} from  "@react-native-oh-tpl/jpush-react-native/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNJPushPackage(ctx)
+  ];
+}
+```
+
+### 4. 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases)
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| -------------------- | ------------------- | ------ | ------ | ---------- | ----------- |
+|   setLoggerEnable(enable: boolean): void  |   设置调试模式，默认关闭状态，RN侧调用不起作用，请按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)调用    | function   | no | iOS,Android      | yes |
+|  init(params: {appKey: string;channel:string;production:string;}): void  |初始化极光推送，RN侧调用不起作用，请按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)文档中集成调用  |  function   | yes | iOS,Android      | yes |
+|  getRegistrationID(callback: Callback<{ registerID: string }>): void  |  调用此 API 来取得应用程序对应的 RegistrationID。   | function   | no | iOS,Android      | yes |
+|  addTags(params: {"sequence":number,"tags":string[]}): void  |   新增标签   |function   | no | iOS,Android      | yes |
+|   updateTags(params: {"sequence":number,"tags":string[]}): void  | 覆盖标签  | function   | no | iOS,Android      |yes |
+|  deleteTag(params: {"sequence":number,"tags":string[]}): void  | 删除指定标签  | function  | no | iOS,Android      |yes |
+|  deleteTags(params: {"sequence":number}): void  | 清除所有标签  | function  | no | iOS,Android      |yes |
+|   queryTag(params:{"sequence":number,"tag":string}): void  | 查询指定 tag 与当前用户绑定的状态  | function  | no | iOS,Android      |yes |
+|  queryTags(params: {"sequence":number}): void  | 查询所有标签  | function  | no | iOS,Android      |yes |
+|  setAlias(params: {"sequence":number,"alias":string}): void  | 设置别名  | function  | no | iOS,Android      |yes |
+|  deleteAlias({"sequence":number}): void  | 删除别名  | function  | no | iOS,Android      |yes |
+|  queryAlias(params: {"sequence":number}): void  | 查询别名  | function  | no | iOS,Android      |yes |
+|   setProperties(params:{pros:any}):void; |   设置推送个性化属性/更新用户指定推送个性化属性   |function   | no | iOS,Android     | no |
+|   deleteProperties(params:{pros:any}):void; |   删除指定推送个性化属性   |function   | no | iOS,Android     | no |
+|  cleanProperties():void; |   清除所有推送个性化属性  |function   | no | iOS,Android     | no |
+|  pageEnterTo(pageName: string): void  | 进入页面  | function  | no | iOS,Android      |no |
+|  pageLeave(pageName: string): void  | 离开页面  | function  | no | iOS,Android      |no |
+|  setMobileNumber(params: {"sequence":number,"mobileNumber":string}): void  | 设置手机号码。该接口会控制调用频率,频率为 10s 之内最多 3 次  | function  | no | iOS,Android      |yes |
+|  initCrashHandler(): void  | 开启 CrashLog 上报  | function  | no | iOS,Android      |no |
+|  setPowerSaveMode(enable: boolean):void  | Push SDK 开启和关闭省电模式，默认为关闭  | function  | no | Android      |no |
+|  isNotificationEnabled(callback: Callback<boolean>): void  | 检查当前应用的通知开关是否开启  | function  | no | iOS,Android      |yes |
+|  addLocalNotification(params:{messageID: stringtitle: string;content: string;extras: Extra}): void  | 添加一个本地通知  | function  | no | iOS,Android      |yes |
+|   removeLocalNotification(params: { messageID: string }): void  | 移除指定的本地通知  | function  | no | iOS,Android      |yes |
+|  clearLocalNotifications(): void  | 移除所有的本地通知  | function  | no | iOS,Android      |yes |
+|  clearAllNotifications():void  | 清除所有 JPush 展现的通知（不包括非 JPush SDK 展现的）  | function  | no | Android      |no |
+|  clearNotificationById(params: {notificationId:number}):void  | 删除指定的通知  | function  | no | iAndroid      |no |
+|  setMaxGeofenceNumber(params: {geoFenceMaxNumber:number}): void  | 设置最多允许保存的地理围栏数量,超过最大限制后,如果继续创建先删除最早创建的地理围栏。 默认数量为10个,允许设置最小1个,最大100个。  | function  | no | iOS,Android      |no |
+|  deleteGeofence(params: { geoFenceID: string }): void |  删除指定id的地理围栏  | function  | no | iOS,Android      |no |
+|  addConnectEventListener(callback: Callback<{connectEnable: boolean }>): void  | 监听连接状态  | function  | no | iOS,Android      |yes |
+|  addCommandEventListener(callback: Callback<{ cmd:number, errorCode:number,msg:string,extra:Extra}>): void  | CommandEvent 事件回调  | function  | no | iOS,Android      |yes |
+|   addNotificationListener(callback: Callback <{messageID:string;title:string;content:string;extras:Extra;notificationEventType: "notificationArrived" "notificationOpened"}>):void  | 远程通知事件  | function  | no | iOS,Android      |no |
+|  addLocalNotificationListener(callback: Callback <{messageID:string;title:string;content:string;extras:Extra;notificationEventType: "notificationArrived" "notificationOpened"}>  | 本地通知事件  | function  | no | iOS,Android      |yes |
+|  addCustomMessageListener(callback: Callback<{messageID: string;content: string;extras: Extra;title:string}>):void  | 自定义信息通知回调  | function  | no | iOS,Android      |yes |
+| addInappMessageListener(callback: Callback<{mesageId: string;title: string;content: string;target:string;clickAction: string;extras:Extra:inappEventType: "inappShow"  "inappClick"}>):void| inapp消息事件  | function  | no | iOS,Android      |no |
+|  addTagAliasListener(callback: Callback<{ code: number;tagEnable: boolean;Tags:string[];alias:string;sequence:number}>): void  | tag alias事件  | function  | no | iOS,Android      |yes |
+|  addMobileNumberListener(callback: Callback<{ code: number;sequence:number }>): void  | 手机号码事件  | function  | no | iOS,Android      |yes |
+|  removeListener(callback: Function): void  | 移除事件  | function  | no | iOS,Android      |yes |
+|  requestPermission(): void  | 在 Android 6.0 及以上的系统上,需要去请求一些用到的权限  | function  | no | Android   |no |
+|  stopPush(): void  | 停止推送服务  | function  | no | Android      |yes |
+|  resumePush(): void  | 恢复推送服务  | function  | no | iAndroid      |yes |
+|  isPushStopped(callback: Callback<boolean>): void | 用来检查 Push Service 是否已经被停止  | function  | no | Android      |yes |
+|  setPushTime(params: {pushTimeDays: number[];pushTimeStartHour: number;pushTimeEndHour: number;}):void  | 设置允许推送时间  | function  | no | Android      |no |
+|  setSilenceTime(params: {silenceTimeStartHour: number;silenceTimeStartMinute: number;silenceTimeEndHour: number; silenceTimeEndMinute: number;}): void | 设置保留最近通知条数  | function  | no | Android    |no |
+|  setLatestNotificationNumber(params: {notificationMaxNumber: number;}): void  |   设置保留最近通知条数   |function   | no | Android      | no |
+|  setChannel(params: { channel: string }): void  |   动态配置 channel,优先级比 AndroidManifest 里配置的高   |function   | no | Android      | no |
+|  setBadge(params: {badge: number;appBadge: number;}):void  |   设置 Badge   |function   | no | iOS,Android     | yes |
+|  setChannelAndSound(params: {channel:string;sound:string;channelId:string}):void  |   设置通知渠道声音   |function   | no | Android     | no |
+|  setLinkMergeEnable(enable:boolean):void |   是否开启通知合并   |function   | no | Android     | no |
+|  setSmartPushEnable(enable:boolean):void |   是否开启智能推送   |function   | no | iOS,Android     | no |
+|  setGeofenceEnable(enable:boolean):void |   是否开启地理围栏   |function   | no |Android     | no |
+|  setCollectControl(enable:boolean):void |   是否开启集中控制   |function   | no | iOS、Android     | no |
+
+## 遗留问题
+- [ ] setProperties、deleteProperties、cleanProperties、pageEnterTo、pageLeave、initCrashHandler、setMaxGeofenceNumber、deleteGeofence、addNotificationListener、addInappMessageListener，setCollectControl、setSmartPushEnable这些方法在极光推送harmonyOS-SDK中暂未支持[issue#1](https://github.com/react-native-oh-library/jpush-react-native/issues/1)
+
+## 其他
+
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/jpush/jpush-react-native/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 7ef8d2a7d5d895eb42f72a59562a604259a26b3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E4=BE=84=E5=85=88?= <yangzx_00@qq.com>
Date: Tue, 15 Oct 2024 06:54:33 +0000
Subject: [PATCH 663/966] =?UTF-8?q?!1635=20docs:=20[Issues:=20#IAW0AO]=20?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85EN=E7=9B=AE=E5=BD=95=E4=B8=8B=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E7=9A=84=E8=8B=B1=E6=96=87=E4=BD=BF=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAW0AO]=20=E7=AE=80?=
 =?UTF-8?q?=E7=9F=AD=E4=B8=AD=E6=96=87=E8=87=AA=E8=A1=8C=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAW0AO]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E8=AF=84=E8=AE=BA=E9=97=AE=E9=A2=98=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAW0AO]=20=E4=BF=AE=E6=94=B9=E8=AF=84=E8=AE=BA=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=20*=20docs:=20[Issues:=20#IAW0AO]=20=E5=8E=BB?=
 =?UTF-8?q?=E9=99=A4=E7=A4=BA=E4=BE=8B=E4=BB=A3=E7=A0=81=E4=B8=AD=E7=9A=84?=
 =?UTF-8?q?=E4=B8=AD=E6=96=87=E6=B3=A8=E9=87=8A=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAVPCB]=20=E5=B0=86EN=E7=9B=AE=E5=BD=95=E4=B8=8B=E7=9A=84?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=BD=AC?=
 =?UTF-8?q?=E4=B8=BA=E8=8B=B1=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/js-beautify.md                        | 133 ++++++++++-------------
 en/react-native-image-zoom-viewer.md     |  41 ++++---
 en/react-native-intersection-observer.md |  44 ++++----
 en/react-native-map-linking.md           |  43 ++++----
 en/react-native-marquee.md               |  39 ++++---
 en/react-native-popover-view.md          |  38 +++----
 en/react-native-popup-menu.md            |  32 +++---
 en/react-native-stickyheader.md          |  38 +++----
 en/react-native-swipe-list-view.md       |  40 +++----
 en/react-redux.md                        |  36 +++---
 en/redux.md                              |  31 +++---
 en/styled-components.md                  |  33 +++---
 en/styled-system.md                      |  64 ++++++-----
 13 files changed, 285 insertions(+), 327 deletions(-)

diff --git a/en/js-beautify.md b/en/js-beautify.md
index a32908ec..6dcc7fa0 100644
--- a/en/js-beautify.md
+++ b/en/js-beautify.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>js-beautify</code> </h1>
@@ -11,9 +11,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/beautifier/js-beautify)
+> [!TIP] [GitHub address](https://github.com/beautifier/js-beautify)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -31,11 +31,11 @@ ynpm install js-beautify@^1.15.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-详情可见[js-beautify 官方演示](https://beautifier.io/)
+For details, see [js-beautify Official demo](https://beautifier.io/)
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -52,20 +52,17 @@ import {
 
 import {js_beautify, html_beautify, css_beautify} from 'js-beautify';
 
-//js_beautify的测试
 var uglyJs = "function(){console.log('Hello, World!');}";
 var prettyJs = js_beautify(uglyJs);
 console.log(uglyJs);
 console.log(prettyJs);
 
-//html_beautify的测试
 var uglyHtml =
   '<!DOCTYPE html><head><title>Simple HTML5 Website</title></head><body><p>Welcome to My Website</p></body></html>';
 var prettyHtml = html_beautify(uglyHtml);
 console.log(uglyHtml);
 console.log(prettyHtml);
 
-//css_beautify的测试
 var uglyCss =
   '<style>header{background-color: #333;color: #fff;padding: 10px 0;text-align: center;}</style>';
 var prettyCss = css_beautify(uglyCss);
@@ -75,24 +72,24 @@ console.log(prettyCss);
 ('use strict');
 
 var code = 'x=3.14;myFunction();function myFunction() {y=3.14,z=1024}';
-var code1 = js_beautify(code, {indent_size: 8}); // 一个缩进级别的空格数。默认为 4。
-var code2 = js_beautify(code, {indent_char: '\t'}); // 用于缩进的字符。默认为" "（空格）\t 跳格(移至下一列)
-var code3 = js_beautify(code, {indent_with_tabs: true}); // 是否应该使用制表符(tab)进行缩进。默认为 false。
+var code1 = js_beautify(code, {indent_size: 8}); 
+var code2 = js_beautify(code, {indent_char: '\t'});
+var code3 = js_beautify(code, {indent_with_tabs: true});
 console.log(code);
 console.log(code1);
 console.log(code2);
 console.log(code3);
 
-//"end_with_newline": false, // 是否应以新行结束输出。默认为 false。
+//"end_with_newline": false, 
 var obj1 = {completed: false, id: 1, title: 'delectus aut autem', userId: 1};
 var dataJson1 = JSON.stringify(obj1);
 var prettyObj1 = js_beautify(dataJson1, {
-  end_with_newline: false, // 是否应以新行结束输出。默认为 false。
+  end_with_newline: false,
 });
 console.log(dataJson1);
 console.log(prettyObj1);
 
-//"max_preserve_newlines": 2,// 允许保留连续新行的最大数量。
+//"max_preserve_newlines": 2,
 var text1 = `Is there any
 
 
@@ -101,32 +98,31 @@ var text1 = `Is there any
 
 available space here`;
 var prettyText1 = js_beautify(text1, {
-  max_preserve_newlines: 2, // 允许保留连续新行的最大数量。
+  max_preserve_newlines: 2,
 });
 console.log(text1);
 console.log(prettyText1);
 
-// "space_after_anon_function": true, 测试
+// "space_after_anon_function": true
 var text2 = `(function(){
   alert(1);
 })();`;
 var prettyText2 = js_beautify(text2, {
-  space_after_anon_function: true, // 在函数关键字（如function或=>）后面和函数名或括号之间是否加空格。默认为 false。
+  space_after_anon_function: true, 
 });
 console.log(text2);
 console.log(prettyText2);
 
-//keep-array-indentation保留数组缩进
 var text3 = `[{id:1,title:"潮流女装"},
   {id:2,title:"品牌男装"},
   {id:3,title:"手机电脑"}] `;
 var prettyText3 = js_beautify(text3, {
-  keep_array_indentation: true, //保持数组缩进，默认false
+  keep_array_indentation: true,
 });
 console.log(text3);
 console.log(prettyText3);
 
-//e4x测试
+//e4x test
 var text4 = `<book>
   <title>Catch 22</title>
   <author>Joseph Heller</author>
@@ -134,22 +130,21 @@ var text4 = `<book>
   <publisher>Simon & Schuster</publisher>
 </book>`;
 var prettyText4 = js_beautify(text4, {
-  e4x: false, //  是否应忽略XML元素。默认为 false（在处理时：错误！未知的表达式类型：e4x）。
+  e4x: false, 
 });
 console.log(text4);
 console.log(prettyText4);
 
-// "space-after-named-function": true, 测试
+// "space-after-named-function": true
 var text5 = ` function foo(){
     return true;
   }`;
 var prettyText5 = js_beautify(text5, {
-  'space-after-named-function': true, //在命名函数的括号前添加一个空格，例如,function example ()。
+  'space-after-named-function': true, 
 });
 console.log(text5);
 console.log(prettyText5);
 
-//"unindent-chained-methods"测试,不缩进链式方法调用。
 var text6 = `const array = [1, 2, 3, 4, 5];
     const newArray = array
         .map(item => item * 2)
@@ -157,42 +152,39 @@ var text6 = `const array = [1, 2, 3, 4, 5];
         .reduce((acc, cur) => acc + cur, 0);`;
 
 var prettyText6 = js_beautify(text6, {
-  'unindent-chained-methods': false, //不缩进链式方法调用。
+  'unindent-chained-methods': false,
 });
 console.log(text6);
 console.log(prettyText6);
 
-// "break-chained-methods": true, 测试,将链式方法调用分布在多行
+// "break-chained-methods": true
 var text7 = `var arr = [1, 2, 3, 4, 5];
   var sum = arr.map(x => x * 2).filter(x => x > 5).reduce((a, b) => a + b);
   console.log(sum);`;
 
 var prettyText7 = js_beautify(text7, {
-  'break-chained-methods': true, //将链式方法调用分布在多行
+  'break-chained-methods': true,
 });
 console.log(text7);
 console.log(prettyText7);
 
-// "space_in_paren": true, 测试,是否应在括号内加上一个空格。默认为 false。
 var text8 = "function hello(name){return 'Hello, '+name+'!';}";
 var prettyText8 = js_beautify(text8, {
-  space_in_paren: true, //是否应在括号内加上一个空格。默认为 false
+  space_in_paren: true, 
 });
 console.log(text8);
 console.log(prettyText8);
 
-//"space_in_empty_paren": false,  测试 // 是否应在空的括号和括号内只有空白的情况下加上一个空格。默认为 false。
 var text9 = `function greet(){
     console.log('Hello, world!');
 }
 greet();`;
 var prettyText9 = js_beautify(text9, {
-  space_in_empty_paren: true, // 是否应在空的括号和括号内只有空白的情况下加上一个空格。默认为 false。
+  space_in_empty_paren: true,
 });
 console.log(text9);
 console.log(prettyText9);
 
-// "keep_array_indentation": false, 测试 // 在美化和新行/缩进时，是否应保留数组的缩进。
 var text10 = `var arr = [1,2,3,
   4,
   5, 6,     7,
@@ -221,7 +213,7 @@ console.log(prettyText12);
 console.log(prettyCode13);
 console.log(prettyCode14);
 
-// "indent-empty-lines": false, //保留空行上的缩进
+
 var text13 = `function() {
 
   return 'Hello world!';
@@ -231,7 +223,7 @@ var prettyText13 = js_beautify(text13, {indent_empty_lines: true});
 console.log(text13);
 console.log('indent_empty_lines:' + prettyText13);
 
-//"wrap_line_length": 0, // 代码的最大行长度。默认为 0（表示忽略换行）。
+
 var text14 =
   "This is a very long string that definitely.exceeds the typical line length you'd see in most code editors. It should be automatically wrapped by js-beautify.";
 var prettyText14 = js_beautify(text14, {indent_size: 2, wrap_line_length: 20});
@@ -240,41 +232,41 @@ console.log(prettyText14);
 
 var sourceCode =
   'h1 {color: red; font-size: 20px;} h2 {color: blue; font-size: 18px;}';
-// "indent_size": 0,   // 一个缩进级别的空格数。默认为4。
+
 var prettySourceCode1 = css_beautify(sourceCode, {indent_size: 2});
 console.log(prettySourceCode1);
 
-// "indent_char": " ", // 用于缩进的字符。默认为" "（空格）\t 跳格(移至下一列)
+
 var prettySourceCode2 = css_beautify(sourceCode, {indent_char: ' '});
 console.log(prettySourceCode2);
 
-// "indent_with_tabs": true, // 是否应该使用制表符(tab)进行缩进。默认为 false。
+
 var prettySourceCode3 = css_beautify(sourceCode, {indent_with_tabs: true});
 console.log(prettySourceCode3);
 
-// "eol": "\n", // 结束行的字符。默认为"\n"。
+
 var prettySourceCode4 = css_beautify(sourceCode, {eol: '\n'});
 console.log(prettySourceCode4);
 
-// "end_with_newline": false, // 是否应以新行结束输出。默认为 false。
+
 var prettySourceCode5 = css_beautify(sourceCode, {end_with_newline: false});
 var prettySourceCode55 = css_beautify(sourceCode, {end_with_newline: true});
 console.log(prettySourceCode5);
 console.log(prettySourceCode55);
 
-// "brace_style": "collapse", //  设置括号样式。可选值包括"collapse"（默认）、"expand"、"end-expand"和"none"。
+
 var prettySourceCode6 = css_beautify(sourceCode, {brace_style: 'expand'});
 console.log(prettySourceCode6);
 
 var sourceCode1 = 'div, p, span { color: red; }';
-// selector-separator-newline在多个选择器之间添加换行符
+
 var prettySourceCode7 = css_beautify(sourceCode1, {
   selector_separator_newline: 'true',
 });
 console.log(prettySourceCode7);
 
 var sourceCode2 = '.class1 {color: red;} .class2 {background-color: blue;}';
-// newline-between-rules在CSS规则之间添加换行符
+
 var prettySourceCode8 = css_beautify(sourceCode2, {
   newline_between_rules: 'true',
 });
@@ -282,27 +274,21 @@ console.log(prettySourceCode8);
 
 var sourceCode3 =
   '<html><head><title>My Title</title></head><body></body></html>';
-// "indent_size": 4,   // 一个缩进级别的空格数。默认为4。
 var prettySourceCode9 = html_beautify(sourceCode3, {indent_size: 10});
 console.log(prettySourceCode9);
 
-// "indent_char": " ", // 用于缩进的字符。默认为" "（空格）\t 跳格(移至下一列)
 var prettySourceCode10 = html_beautify(sourceCode3, {indent_char: ' '});
 console.log(prettySourceCode10);
 
-// "indent_with_tabs": true, // 是否应该使用制表符(tab)进行缩进。默认为 false。
 var prettySourceCode11 = html_beautify(sourceCode3, {indent_with_tabs: false});
 console.log(prettySourceCode11);
 
-// "eol": "\n", // 结束行的字符。默认为"\n"。"\n"为换行
 var prettySourceCode12 = html_beautify(sourceCode3, {eol: '\n'});
 console.log(prettySourceCode12);
 
-// "end_with_newline": false, // 是否应以新行结束输出。默认为 false
 var prettySourceCode13 = html_beautify(sourceCode3, {end_with_newline: false});
 console.log(prettySourceCode13);
 
-//indent-inner-html缩进<head>和<body>部分,默认值为false。
 var prettySourceCode14 = html_beautify(sourceCode3, {
   'indent-inner-html': true,
 });
@@ -310,7 +296,6 @@ console.log(prettySourceCode14);
 
 var sourceCode4 =
   '<html><head><title>My \nTitle</title></head><body></body></html>';
-//preserve_newlines 是否在输出中保留原始HTML代码中的换行,默认为false
 var prettySourceCode15 = html_beautify(sourceCode4, {preserve_newlines: true});
 console.log(prettySourceCode15);
 
@@ -324,17 +309,15 @@ var sourceCode5 = `<html><head></head>
 
 <p>More content!</p>
 </body></html>`;
-//max_preserve_newlines 要保留在一个块中的最大换行数[10]
 var options = {
   indent_size: '4',
   indent_char: ' ',
-  max_preserve_newlines: 2, // 设置要保留的最大换行数
-  preserve_newlines: true, // 启用换行保持功能
+  max_preserve_newlines: 2,
+  preserve_newlines: true,
 };
 var prettySourceCode16 = html_beautify(sourceCode5, options);
 console.log(prettySourceCode16);
 
-//brace-style 设置花括号样式，可选值包括"collapse"（默认）、"expand"、"end-expand"和"none"。
 var sourceCode6 = `<!DOCTYPE html>
 <html>
   <head>
@@ -349,7 +332,7 @@ var sourceCode6 = `<!DOCTYPE html>
 var prettySourceCode17 = html_beautify(sourceCode6, {brace_style: 'collapse'});
 console.log(prettySourceCode17);
 
-//indent_scripts 控制script 标签内的内容应该如何缩进的,可选值"keep"（保持原有缩进）、"separate"（使得内容更深的缩进）和 "normal"默认值（使其与其它标签保持相同的缩进）
+
 var sourceCode7 = `
 <html>
 <head>
@@ -364,18 +347,18 @@ var b = 2;</script>
 var prettySourceCode18 = html_beautify(sourceCode7, {indent_scripts: 'normal'});
 console.log(prettySourceCode18);
 
-//wrap-line-length 控制每行的最大字符数,默认值250
+
 var options1 = {
-  indent_size: '2', //每个缩进级别的空格数
-  indent_char: ' ', //用作缩进的字符
-  wrap_line_length: '50', //每行的最大字符数，超出则换行
+  indent_size: '2', 
+  indent_char: ' ', 
+  wrap_line_length: '50',
 };
 var sourceCode8 =
   '<p>这是一个非常长的段落，它包含了大量的文字和标签，导致不易在一行内进行清晰展示。</p><div><h1>标题</h1><p>内容</p></div>';
 var prettySourceCode19 = html_beautify(sourceCode8, options1);
 console.log(prettySourceCode19);
 
-//wrap_attributes 将属性换到新行 有5个值：“auto”(不换行)、“force”(第2个起换行)、 “force-aligned”(第2个起换行，与第1个属性对齐)、 “force-expand-multiline(所有属性都换行)，默认：“auto”
+
 var sourceCode9 = `<a href="http://example.com/" id="someid" class="someclass" style="color:blue;">Link</a>`;
 console.log('Original HTML:');
 console.log(sourceCode9);
@@ -418,23 +401,21 @@ var prettySourceCode25 = html_beautify(sourceCode9, options4);
 console.log("\n'wrap_attributes_min_attrs':6");
 console.log(prettySourceCode25);
 
-//wrap-attributes-indent-size 属性换行缩进大小 默认值为4
 var prettySourceCode26 = html_beautify(sourceCode9, {
-  wrap_attributes: 'force-expand-multiline', // 强制换行属性
-  wrap_attributes_indent_size: 10, // 在切换到新行后，属性应该缩进5个字符
+  wrap_attributes: 'force-expand-multiline', 
+  wrap_attributes_indent_size: 10, 
 });
 console.log("\n'wrap_attributes_indent_size':10");
 console.log(prettySourceCode26);
 
-//Inline，[],指定哪些元素为内联元素，内联元素不会产生新的行
 var sourceCode10 = '<p><span>Hello</span></p><p><span>World</span></p>';
-var prettySourceCode27 = html_beautify(sourceCode10, {inline: ['span']}); //设置<span>标签为一个内联元素
+var prettySourceCode27 = html_beautify(sourceCode10, {inline: ['span']});
 console.log('原始代码');
 console.log(sourceCode10);
 console.log("\n'inline': ['span']");
 console.log(prettySourceCode27);
 
-//inline_custom_elements，设置自定义组件为内联元素 默认为true                (安卓重点关注)
+
 var sourceCode11 = `<button-component>lorem ipsum</button-component>`;
 var prettySourceCode28 = html_beautify(sourceCode11, {
   nline_custom_elements: true,
@@ -444,7 +425,7 @@ console.log(sourceCode11);
 console.log("\n'nline_custom_elements':true");
 console.log(prettySourceCode28);
 
-//unformatted []不会被重新格式化的标签列表（默认为内联）
+
 var sourceCode12 =
   '<div><span>This is a test</span><b>test<b/><i>test<i/></div>';
 var prettySourceCode29 = html_beautify(sourceCode12, {
@@ -455,7 +436,7 @@ console.log(sourceCode12);
 console.log("\n''unformatted': ['span', 'b', 'i']");
 console.log(prettySourceCode29);
 
-//content_unformatted：[]数组中标签的内容不会重新格式化，默认为pre
+
 var sourceCode13 = `
 <pre>
 This is some preformatted text.
@@ -473,7 +454,7 @@ console.log(sourceCode13);
 console.log("\n'content_unformatted': ['pre']");
 console.log(prettySourceCode30);
 
-//extra_liners,数组内的标签列表（默认为[head，body，/html/），其前面应该有一个额外的换行符。
+
 var sourceCode14 = `<div><p>Hello World!</p></div>`;
 var prettySourceCode31 = html_beautify(sourceCode14, {extra_liners: ['p']});
 console.log('原始代码');
@@ -716,16 +697,16 @@ const styles = StyleSheet.create({
 export default BeautifyDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
 
-## 静态方法
+## Static Methods
 
-具体详情可见[js-beautify 官方文档](https://github.com/beautifier/js-beautify)
+For details, see [js-beautify document](https://github.com/beautifier/js-beautify)
 
 ### js_beautify
 
@@ -769,10 +750,10 @@ options对应的参数如下所示，当对应属性未指定时，均为如下
 }
 ```
 
-## 遗留问题
+## Known Issues
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/beautifier/js-beautify/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/beautifier/js-beautify/blob/main/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-zoom-viewer.md b/en/react-native-image-zoom-viewer.md
index 09d79af6..6667130e 100644
--- a/en/react-native-image-zoom-viewer.md
+++ b/en/react-native-image-zoom-viewer.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-zoom-viewer</code> </h1>
@@ -16,15 +16,15 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-viewer)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-viewer)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -42,7 +42,7 @@ yarn add @react-native-oh-tpl/react-native-image-zoom-viewer@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
 import React, { useState } from "react";
@@ -57,11 +57,8 @@ import {
 import ImageViewer from "react-native-image-zoom-viewer";
 
 const ReactImageZoon = () => {
-  // 向下滑动的阈值
   const [flipThreshold, setFlipThreshold] = useState(0);
-  // 页脚位置
   const [footerContainerStyle, setFlexooterContainerStyle] = useState(100);
-  // 翻页动画时间
   const [pageAnimateTimeA, setPageAnimateTime] = useState(0);
 
   const [changeStatus, setChangeStatus] = useState("");
@@ -203,7 +200,7 @@ const ReactImageZoon = () => {
             title="页脚位置"
             onPress={() => setFlexooterContainerStyle(200)}
           />
-          <Button title="清空" onPress={clearBtn} />
+          <Button title="Clear" onPress={clearBtn} />
         </View>
         <Text></Text>
         <Button
@@ -224,19 +221,19 @@ const styles = StyleSheet.create({
 export default ReactImageZoon;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                                  | Type                                                         | Platform    | HarmonyOS Support | Remark                                   |
 | ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ----------- | ----------------- | ---------------------------------------- |
@@ -274,17 +271,17 @@ export default ReactImageZoon;
 | menus                  | Custom menus, with 2 methods:`cancel` to hide menus and `saveToLocal` to save image to camera | function<br />({cancel,saveToLocal}) => React.ReactElement<any> | Android iOS | YES               |                                          |
 | menuContext            | Custom menu context.                                         | object<br />{someKey: someValue}                             | Android iOS | YES               |                                          |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 本库 CameraRoll.saveToCameraRoll 还未完全 HarmonyOS 化，暂不支持调起相册 （未解决）[issues#1](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
 - [ ] 本库依赖 react-native-image-zoom ,enableImageZoom属性还未完全 HarmonyOS 化（未解决）[issues#2](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
 - [ ] 本库依赖 react-native-image-zoom ,长按触发框架图片拖拽，应用崩溃（未解决）[issues#3](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ascoders/react-native-image-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/ascoders/react-native-image-viewer/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
 
diff --git a/en/react-native-intersection-observer.md b/en/react-native-intersection-observer.md
index 55908461..de3434e3 100644
--- a/en/react-native-intersection-observer.md
+++ b/en/react-native-intersection-observer.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-intersection-observer</code> </h1>
@@ -15,15 +15,15 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-intersection-observer/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-intersection-observer/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +41,9 @@ yarn add @react-native-oh-library/react-native-intersection-observer@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useRef } from "react";
@@ -77,23 +77,23 @@ function App() {
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-#### 兼容性
+#### Compatibility
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请查看[react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer/blob/master/README.md)
+For details, see [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer/blob/master/README.md)
 
-#### **IOScrollView** **组件**
+#### **IOScrollView** **Component**
 
 Props: Inherits [ScrollView Props](https://reactnative.dev/docs/scrollview#props)
 
@@ -103,7 +103,7 @@ Props: Inherits [ScrollView Props](https://reactnative.dev/docs/scrollview#props
 
 Methods: Inherits [ScrollView Methods](https://reactnative.dev/docs/scrollview#methods)
 
-#### **IOFlatList** **组件**
+#### **IOFlatList** **Component**
 
 Props: Inherits [FlatList Props](https://reactnative.dev/docs/flatlist#props)
 
@@ -113,7 +113,7 @@ Props: Inherits [FlatList Props](https://reactnative.dev/docs/flatlist#props)
 
 Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#methods)
 
-#### **InView** **组件**
+#### **InView** **Component**
 
 | Name        | Description                                                  | Type                        | Required | HarmonyOS Support |
 | ----------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------------- |
@@ -122,12 +122,12 @@ Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#metho
 | triggerOnce | Only trigger this method once.                               | boolean                     | false    | yes               |
 | onChange    | Call this function whenever the in view state changes. It will receive the `inView` boolean, alongside the current `IntersectionObserverEntry`. | `(inView: boolean) => void` | false    | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-map-linking.md b/en/react-native-map-linking.md
index cbde0111..dcf13fe4 100644
--- a/en/react-native-map-linking.md
+++ b/en/react-native-map-linking.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-map-linking</code> </h1>
@@ -15,16 +15,16 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-map-linking)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-map-linking)
 
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 
 <!-- tabs:start -->
@@ -43,9 +43,9 @@ yarn add @react-native-oh-tpl/react-native-map-linking@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from 'react';
@@ -65,7 +65,7 @@ class MapLinkingDemo extends Component {
         <TouchableOpacity
           onPress={() => {MapLinking.markLocation({lat: 39.9901079, lng:116.1887467},'香山公园','bbb')}}>
           <View style={styles.button}>
-            <Text style={styles.text}>在地图上标记位置</Text>
+            <Text style={styles.text}>Mark the location on the map</Text>
           </View>
         </TouchableOpacity>
         <TouchableOpacity
@@ -77,7 +77,7 @@ class MapLinkingDemo extends Component {
         <TouchableOpacity
           onPress={() => {MapLinking.navigate({lat:40.0382556, lng:116.3144536, title:'清河站'} )}}>
           <View style={styles.button}>
-            <Text style={styles.text}>导航</Text>
+            <Text style={styles.text}>navigation</Text>
           </View>
         </TouchableOpacity>
       </View>
@@ -106,19 +106,20 @@ export default MapLinkingDemo;
 
 
 
-## 约束与限制
+## Constraints
 
-### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)
 
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 Name | Description | Optional | Required | Platform | HarmonyOS   Support
 -- | -- | -- | -- | -- | --
@@ -126,12 +127,12 @@ markLocation(location, title, content) | 在地图上标记一个点的位置 |
 planRoute(srcLocation, distLocation, mode) | 规划两点之间的线路 | srcLocation 起始位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **title** - 起始位置名称 distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 mode 路线模式  drive - 驾车 bus - 公交 walk - 步行 | no | all | yes
 navigate(distLocation) | 启动当前位置到目标位置的导航 | distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 | no | all | yes
 
-## 遗留问题
+## Known Issues
 
 - [ ] react-native-map-link目前无法唤起百度地图，未提供应用市场地址和具体参数供react-native-map-link调用 [issue#1](https://github.com/react-native-oh-library/react-native-map-linking/issues/1)
 - [ ] react-native-map-link目前无法唤起高德地图，未提供具体参数供react-native-map-link调用 [issue#2](https://github.com/react-native-oh-library/react-native-map-linking/issues/2)
 
-## 其他
+## Others
 
 - 如果系统内没有可用的地图, 组件会推荐下载高德地图、百度地图。
 
@@ -161,9 +162,9 @@ iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:
 </array>
  ```
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE).
 
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-marquee.md b/en/react-native-marquee.md
index 9540e220..309072e2 100644
--- a/en/react-native-marquee.md
+++ b/en/react-native-marquee.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-marquee</code> </h1>
@@ -14,17 +14,16 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-marquee)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-marquee)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
-进入到工程目录并输入以下命令：
 
 #### **npm**
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-marquee@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { Component } from "react";
@@ -76,19 +75,19 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 MarqueText组件基本上继承了[TextProps](https://reactnative.dev/docs/text)，以下是附加组件：
 
@@ -101,12 +100,12 @@ MarqueText组件基本上继承了[TextProps](https://reactnative.dev/docs/text)
 | onMarqueeComplete | function | true     | void    | 字幕完成动画并停止时的回调                                   | All      | yes               |
 | consecutive       | boolean  | true     | false   | 一个标志，用于启用模仿HTML字幕元素默认行为的连续模式。如果循环为false，则不生效 | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/kyo504/react-native-marquee/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/kyo504/react-native-marquee/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-popover-view.md b/en/react-native-popover-view.md
index 65f78425..98b44e08 100644
--- a/en/react-native-popover-view.md
+++ b/en/react-native-popover-view.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-oh-tpl/react-native-popover-view</code> </h1>
@@ -14,15 +14,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-popover-view)
+> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-popover-view)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-popover-view> Releases](https://github.com/react-native-oh-library/react-native-popover-view/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [<@react-native-oh-tpl/react-native-popover-view> Releases](https://github.com/react-native-oh-library/react-native-popover-view/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,7 +40,7 @@ yarn add @react-native-oh-tpl/react-native-popover-view@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+The following code shows the basic use scenario of the repository:
 
 ```typescript
 import React, { useState } from 'react';
@@ -139,19 +139,19 @@ const PopoverDemo = () => {
 export default PopoverDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-#### 兼容性
+#### Compatibility     
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-**属性&方法**
+**Properties**
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                                                                                                                                                                                                                                                                                                                                                    | Type                  | Required | Platform | HarmonyOS Support | remark         |
 | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- | -------------- |
@@ -174,16 +174,16 @@ export default PopoverDemo;
 | animationConfig      | An object containing any configuration options that can be passed to Animated.timing (e.g. { duration: 600, easing: Easing.inOut(Easing.quad) }). The configuration options you pass will override the defaults for all animations.                                                                                                                                            | object                | no       | All      | yes               |
 | displayArea          | Area where the popover is allowed to be displayed. By default, this will be automatically calculated to be the size of the display, or the size of the parent component if mode is not 'rn-modal'.                                                                                                                                                                             | rect                  | no       | All      | yes               |
 | displayAreaInsets    | Insets to apply to the display area. The Popover will not be allowed to go beyond the display area minus the insets.                                                                                                                                                                                                                                                           | object                | no       | All      | yes               |
-| statusBarTranslucent | For 'rn-modal' mode on Android only. Determines whether the background should go under the status bar. Passed through to RN Modal component, see their docs as well.                                                                                                                                                                                                           | bool                  | no       | Android  | no                | 原库仅支持安卓 |
-| verticalOffset       | The amount to vertically shift the popover on the screen, for use in correcting an occasional issue on Android. In certain Android configurations, you may need to apply a verticalOffset of -StatusBar.currentHeight for the popover to originate from the correct place. For shifting the popover in other situations, the offset prop should be used.                       | number                | no       | Android  | no                | 原库仅支持安卓 |
+| statusBarTranslucent | For 'rn-modal' mode on Android only. Determines whether the background should go under the status bar. Passed through to RN Modal component, see their docs as well.                                                                                                                                                                                                           | bool                  | no       | Android  | no                | Android only |
+| verticalOffset       | The amount to vertically shift the popover on the screen, for use in correcting an occasional issue on Android. In certain Android configurations, you may need to apply a verticalOffset of -StatusBar.currentHeight for the popover to originate from the correct place. For shifting the popover in other situations, the offset prop should be used.                       | number                | no       | Android  | no                | Android only |
 | debug                | Set this to true to turn on debug logging to the console. This is useful for figuring out why a Popover isn't showing.                                                                                                                                                                                                                                                         | bool                  | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-popover-view/blob/sig/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/react-native-oh-library/react-native-popover-view/blob/sig/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-popup-menu.md b/en/react-native-popup-menu.md
index d1e691be..fb30717b 100644
--- a/en/react-native-popup-menu.md
+++ b/en/react-native-popup-menu.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-popup-menu</code> </h1>
@@ -15,11 +15,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/instea/react-native-popup-menu)
+> [!TIP] [GitHub address](https://github.com/instea/react-native-popup-menu)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,7 +37,7 @@ yarn add react-native-popup-menu@0.16.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 // your entry point
@@ -78,21 +78,21 @@ export const YourComponent = () => (
 );
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见[react-native-popup-menu](https://github.com/instea/react-native-popup-menu/blob/master/doc/api.md)
+For details, see [react-native-popup-menu](https://github.com/instea/react-native-popup-menu/blob/master/doc/api.md)
 
 #### MenuProvider
 
@@ -150,12 +150,12 @@ export const YourComponent = () => (
 | testID           | Used for e2e testing to get Touchable element. If disableTouchable=true, it is not available                                                                                                                   | String   | No       | IOS/Android | Yes               |
 | onSelect         | Triggered when option is selected. When event handler returns false, the popup menu remains open. Note: If this event handler is defined, it suppress onSelect handler of <Menu />                             | Function | No       | IOS/Android | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The ISC License (ISC)](https://github.com/instea/react-native-popup-menu/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The ISC License (ISC)](https://github.com/instea/react-native-popup-menu/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-stickyheader.md b/en/react-native-stickyheader.md
index 1390b514..4326544f 100644
--- a/en/react-native-stickyheader.md
+++ b/en/react-native-stickyheader.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-stickyheader</code> </h1>
@@ -15,15 +15,15 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-stickyheader/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-stickyheader/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-stickyheader@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useState, useCallback, useRef, useEffect } from "react";
@@ -93,7 +93,7 @@ function App() {
         <Text>文字</Text>
         <Text>文字</Text>
         <StickyHeader
-          stickyHeaderY={60} // 滑动到多少悬浮
+          stickyHeaderY={60} 
           stickyScrollY={scrollY.current}
         >
           <View style={{ height: 60, backgroundColor: "#d22222" }} />
@@ -119,19 +119,19 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-#### 兼容性
+#### Compatibility
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 此组件有以下属性:
 
@@ -140,13 +140,13 @@ export default App;
 | StickyHeaderY | number | NO       | 滑动到多少悬浮    | Android <br/>IOS | YES                    |
 | StickyScrollY | any    | Yes      | 动画的ScrollY回调 | Android <br/>IOS | YES                    |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
 
diff --git a/en/react-native-swipe-list-view.md b/en/react-native-swipe-list-view.md
index 0c2b4559..362503fa 100644
--- a/en/react-native-swipe-list-view.md
+++ b/en/react-native-swipe-list-view.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-swipe-list-view</code> </h1>
@@ -15,15 +15,15 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-swipe-list-view)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-swipe-list-view)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-swipe-list-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import { SwipeListView } from 'react-native-swipe-list-view';
@@ -79,7 +79,7 @@ render() {
 }
 ```
 
-完整使用案例如下：
+Complete usage example:
 
 ```jsx
 import React, { useState } from "react";
@@ -208,19 +208,19 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。**SwipeListView**
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                 | Description                                                                                                                                                                                                                                                                                                                                                                                      | Type     | Required | Platform      | HarmonyOS Support |
 | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ------------- | ----------------- |
@@ -304,15 +304,15 @@ const styles = StyleSheet.create({
 | swipeKey                           | Optional key to identify a standalone row, used in the onSwipeValueChange callback                                                                                                                                                                                                                                                                                                             | string | NO       | Android iOS | YES               |
 | onPreviewEnd                       | Callback that runs after row swipe preview is finished                                                                                                                                                                                                                                                                                                                                           | func   | NO       | Android iOS | YES               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 属性leftActivationValue在鸿蒙暂时未适配 [issue#4](https://github.com/react-native-oh-library/react-native-swipe-list-view/issues/4) 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE).
 
 
 
diff --git a/en/react-redux.md b/en/react-redux.md
index 8bf2cc06..223b2f24 100644
--- a/en/react-redux.md
+++ b/en/react-redux.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-redux</code> </h1>
@@ -10,9 +10,9 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/reduxjs/react-redux?tab=readme-ov-file)
+> [!tip] [GitHub address](https://github.com/reduxjs/react-redux?tab=readme-ov-file)
 
-## 安装与使用
+## Installation and Usage
 
 #### **yarn**
 
@@ -28,7 +28,7 @@ npm install react-redux@^9.1.0
 
 <!-- tabs:end -->
 
-下面展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 1.创建一个命名为store.ts的文件
 
@@ -44,19 +44,16 @@ export const store = configureStore({
   },
 });
 
-//从store 本身推断 `RootState` 和 `AppDispatch` 类型
 export type RootState = ReturnType<typeof store.getState>;
-// 推断类型：{posts: PostsState, comments: CommentsState, users: UsersState}
 export type AppDispatch = typeof store.dispatch;
 ```
 
 2.创建store.ts的文件后，在<code>&lt;App&gt;</code>的外层放置一个<code>&lt;Provider&gt;</code>，并将 store 作为 prop 传递
 
 ```ts
-// 导出组件
 export default function TestPage() {
   return (
-    <Provider store={store}> // 将store作为props传递给组件，这样组件就能访问到store和dispatch方法了。
+    <Provider store={store}>
       <View style={styles.container}>
         <UserInfo></UserInfo>
         <FromData></FromData>
@@ -72,7 +69,6 @@ export default function TestPage() {
 import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
 import type { RootState, AppDispatch } from "./store";
 
-// 在整个应用程序中使用，而不是简单的 `useDispatch` 和 `useSelector`
 export const useAppDispatch: () => AppDispatch = useDispatch;
 export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
 ```
@@ -83,11 +79,9 @@ export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 import type { RootState } from "../store";
 
-//定义 slice state 的类型
 interface CounterState {
   user: {};
 }
-//使用该类型定义初始 state
 const initialState: CounterState = {
   user: {
     name: "zhangsna",
@@ -109,7 +103,6 @@ const counterSlice = createSlice({
 
 export const { addUser } = counterSlice.actions;
 
-// selectors 等其他代码可以使用导入的 `RootState` 类型
 export const selectCount = (state: RootState) => state.user.user;
 
 export default counterSlice.reducer;
@@ -120,7 +113,6 @@ export default counterSlice.reducer;
 在某些情况下，TypeScript 可能会不必要地收紧初始 state 的类型。如果发生这种情况，你可以通过使用 as 转换初始 state 来解决它，而不是声明变量的类型：
 
 ```ts
-//定义 slice state 的类型
 interface CounterState {
   user: {};
 }
@@ -136,17 +128,15 @@ import { useAppSelector, useAppDispatch } from "app/hooks";
 import { decrement, increment } from "./counterSlice";
 
 export function Counter() {
-  // `state` arg 已经正确被键入 `RootState`
   const count = useAppSelector((state) => state.counter.value);
   const dispatch = useAppDispatch();
 
-  // 省略渲染逻辑
 }
 ```
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11;
    SDK：OpenHarmony(api11) 4.1.0.53;
@@ -157,9 +147,9 @@ export function Counter() {
    IDE：DevEco Studio 4.1.3.500;
    ROM：2.0.0.58;
 
-## 静态方法
+## Static Methods
 
-详情查看[React Redux官方文档](https://cn.react-redux.js.org/introduction/getting-started)
+For details, see [React Redux Official Documents](https://cn.react-redux.js.org/introduction/getting-started)
 
 #### **Hooks**
 
@@ -169,12 +159,12 @@ export function Counter() {
 | useDispatch() | This hook returns a reference to the dispatch function from the Redux store. You may use it to dispatch actions as needed. | function | NO       | yes               |
 | useStore()    | This hook returns a reference to the same Redux store that was passed in to the <Provider> component.                      | function | NO       | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/react-redux/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/reduxjs/react-redux/blob/master/LICENSE.md).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux.md b/en/redux.md
index 021b5b64..84805953 100644
--- a/en/redux.md
+++ b/en/redux.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux</code> </h1>
@@ -10,9 +10,9 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/reduxjs/redux)
+> [!tip] [GitHub address](https://github.com/reduxjs/redux)
 
-## 安装与使用
+## Installation and Usage
 
 #### **yarn**
 
@@ -28,7 +28,7 @@ npm install redux@^5.0.1
 
 <!-- tabs:end -->
 
-下面展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 1.编写子reducer，负责state具体变化的过程
 
@@ -55,8 +55,6 @@ const counterReducer = (state = defaultState, action: { type: any }) => {
 };
 
 const rootReducer = combineReducers({
-  // 这个对象就是应用State
-  // 应用State赋值
   counterState: counterReducer,
 });
 ```
@@ -72,10 +70,9 @@ const addNumberAction = { type: "ADD_NUMBER" };
 3.在<code>&lt;App&gt;</code>的外层放置一个<code>&lt;Provider&gt;</code>，并将 store 作为 prop 传递
 
 ```ts
-// 导出组件
 export default function TestPage() {
   return (
-    <Provider store={store}> // 将store作为props传递给组件，这样组件就能访问到store和dispatch方法了。
+    <Provider store={store}> 
       <View style={styles.container}>
         <Counter></Counter>
       </View>
@@ -94,17 +91,15 @@ import { useSelector, useDispatch } from "react-redux";
 import { decrement, increment } from "./counterSlice";
 
 export function Counter() {
-  // `state` arg 已经正确被键入 `RootState`
   const number = useAppSelector((state: State) => state.counter.number);
   const dispatch = useAppDispatch();
 
-  // 省略渲染逻辑
 }
 ```
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11;
    SDK：OpenHarmony(api11) 4.1.0.53;
@@ -115,9 +110,9 @@ export function Counter() {
    IDE：DevEco Studio 4.1.3.500;
    ROM：2.0.0.59;
 
-## 静态方法
+## Static Methods
 
-详情查看[Redux官方文档](https://www.redux.org.cn/api/compose.html)
+For details, see [Redux Official Documents](https://www.redux.org.cn/api/compose.html)
 
 #### **createStore**
 
@@ -152,12 +147,12 @@ export function Counter() {
 | --------- | ---------------------------------------------- | -------- | -------- | ----------------- |
 | compose() | Combine multiple functions from right to left. | function | NO       | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/reduxjs/redux/blob/master/LICENSE.md).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/styled-components.md b/en/styled-components.md
index 088583d4..edb0a476 100644
--- a/en/styled-components.md
+++ b/en/styled-components.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>styled-components</code> </h1>
@@ -10,11 +10,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/styled-components/styled-components)
+> [!tip] [GitHub address](https://github.com/styled-components/styled-components)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -32,13 +32,12 @@ yarn add styled-components@6.1.8
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useState } from 'react';
 import styled from 'styled-components/native';
 
-// 使用 styled-components 创建一个带样式的容器
 const Container = styled.View`
   flex: 1;
   justify-content: center;
@@ -46,14 +45,12 @@ const Container = styled.View`
   background-color: #f5fcff;
 `;
 
-// 使用 styled-components 创建一个带样式的文本组件
 const StyledText = styled.Text`
   font-size: 24px;
   color: ${(props) => (props.children === 'Highlighted!' ? 'tomato' : 'black')};
   margin-bottom: 20px;
 `;
 
-// 使用 styled-components 创建一个带样式的按钮
 const StyledButton = styled.TouchableOpacity`
   background-color: #3498db;
   padding: 10px 20px;
@@ -85,19 +82,19 @@ const App = () => {
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
 
-## 属性
+## Properties
 
-详情见 [styled-components 源库地址](https://github.com/styled-components/styled-components)
+For details, see [styled-components GitHub](https://github.com/styled-components/styled-components)
 
-| 名称              | 说明                                                                                                                                                                                  | 类型          | 是否必填 | 原库平台 |  HarmonyOS 支持 |
+| Name              | Description                                                                                                                                                                                  | Type          | Required | Platform |  HarmonyOS Support |
 | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | -------- | -------- | -------- |
 | ThemeProvider     | A helper component for theming.                                                                                                                                                       | component     | No       | /        | Yes      |
 | css               | The css prop is a convenient way to iterate on your components without settling on fixed component boundaries yet                                                                     | prop          | No       | /        | Yes      |
@@ -110,12 +107,12 @@ export default App;
 | createGlobalstyle | A helper function to generate a special StyledComponent that handles global styles                                                                                                    | function      | No       | Web      | No       |
 | keyframes         | A helper method to create keyframes for animations.                                                                                                                                   | function      | No       | Web      | No       |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/styled-components/styled-components/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/styled-components/styled-components/blob/main/LICENSE)
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/styled-system.md b/en/styled-system.md
index 904ca00d..863acbb7 100644
--- a/en/styled-system.md
+++ b/en/styled-system.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>styled-system</code> </h1>
@@ -11,11 +11,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/styled-system/styled-system)
+> [!tip] [GitHub address](https://github.com/styled-system/styled-system)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -33,21 +33,19 @@ yarn add styled-system@5.1.5
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React from "react";
 import styled from "styled-components/native";
 import { space, layout, color } from "styled-system";
 
-// 创建一个基础的 Box 组件
 const Box = styled.View`
   ${space}
   ${layout}
   ${color}
 `;
 
-// 使用 Box 组件并应用不同的样式属性
 const App = () => {
   return (
     <Box
@@ -71,21 +69,21 @@ const App = () => {
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+## Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见 [styled-system 源库地址](https://github.com/styled-system/styled-system)
+For details, see [styled-system GitHub](https://github.com/styled-system/styled-system)
 
 **API space**
 
@@ -109,29 +107,29 @@ export default App;
 
 | Name  | Description | Type | Required | HarmonyOS Support |
 | ----- | ----------- | ---- | -------- | ----------------- |
-| color | 颜色        | prop | no       | yes               |
-| bg    | 背景色      | prop | no       | yes               |
+| color | color        | prop | no       | yes               |
+| bg    | background color      | prop | no       | yes               |
 
 **API typography**
 
 | Name          | Description | Type | Required | HarmonyOS Support | Notes |
 | ------------- | ----------- | ---- | -------- | ----------------- | ----- |
-| fontSize      | 字号大小    | prop | no       | yes               |       |
-| fontWeight    | 字体权重    | prop | no       | yes               |       |
-| lineHeight    | 行高        | prop | no       | yes               |       |
-| letterSpacing | 字符间距    | prop | no       | yes               |       |
-| textAlign     | 文本对齐    | prop | no       | yes               |       |
-| fontStyle     | 字体样式    | prop | no       | yes               |       |
+| fontSize      | fontSize    | prop | no       | yes               |       |
+| fontWeight    | fontWeight    | prop | no       | yes               |       |
+| lineHeight    | lineHeight        | prop | no       | yes               |       |
+| letterSpacing | letterSpacing    | prop | no       | yes               |       |
+| textAlign     | textAlign    | prop | no       | yes               |       |
+| fontStyle     | fontStyle    | prop | no       | yes               |       |
 
 **API layout**
 
 | Name      | Description | Type | Required | HarmonyOS Support | Notes |
 | --------- | ----------- | ---- | -------- | ----------------- | ----- |
-| width     | 宽度        | prop | no       | yes               |       |
-| height    | 高度        | prop | no       | yes               |       |
-| minHeight | 最小高度    | prop | no       | yes               |       |
-| maxHeight | 最大高度    | prop | no       | yes               |       |
-| size      | 大小        | prop | no       | yes               |       |
+| width     | width        | prop | no       | yes               |       |
+| height    | height        | prop | no       | yes               |       |
+| minHeight | minHeight    | prop | no       | yes               |       |
+| maxHeight | maxHeight    | prop | no       | yes               |       |
+| size      | size        | prop | no       | yes               |       |
 
 **API flexbox**
 
@@ -172,15 +170,15 @@ export default App;
 
 | Name | Description | Type | Required | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | ----------------- |
-| top  | 上偏移量    | prop | no       | yes               |
-| left | 左偏移量    | prop | no       | yes               |
+| top  | top offset    | prop | no       | yes               |
+| left | left offset  | prop | no       | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md)
 
 <!-- {% endraw %} -->

From 363b125a39cecd67c682843d5d1807932043b359 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Tue, 15 Oct 2024 08:11:20 +0000
Subject: [PATCH 664/966] =?UTF-8?q?!1661=20docs:=20[Issues:=20#IAX61W]=20?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4redux-thunk=E7=BB=84=E4=BB=B6=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E7=9A=84=E5=B1=9E=E6=80=A7=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAX61W]=20=E5=88=A0=E9=99=A4redux-thunk=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E7=9A=84=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/redux-thunk.md    | 4 ----
 zh-cn/redux-thunk.md | 4 ----
 2 files changed, 8 deletions(-)

diff --git a/en/redux-thunk.md b/en/redux-thunk.md
index 92ad81a6..087ed8d1 100644
--- a/en/redux-thunk.md
+++ b/en/redux-thunk.md
@@ -135,10 +135,6 @@ This document is verified based on the following versions:
 | Name                | Description                              | Type            | Required | Platform | HarmonyOS Support |
 | ------------------- | ---------------------------------------- | --------------- | -------- | -------- | ----------------- |
 | thunk               | Thunk中间件实例                          | ThunkMiddleware | yes      | All      | yes               |
-| ThunkAction         | ThunkAction类型继承自Redux Action        | Action          | no       | All      | yes               |
-| ThunkActionDispatch | 接受一个thunk action创建器并返回一个函数 | Any             | no       | All      | yes               |
-| ThunkDispatch       | Thunk重载的dispatch接口                  | Interface       | no       | All      | yes               |
-| ThunkMiddleware     | TThunk中间件类型                         | Middleware      | no       | All      | yes               |
 
 ## Static Methods
 
diff --git a/zh-cn/redux-thunk.md b/zh-cn/redux-thunk.md
index 04c01309..9f633166 100644
--- a/zh-cn/redux-thunk.md
+++ b/zh-cn/redux-thunk.md
@@ -134,10 +134,6 @@ export default AddTodo
 | Name                | Description                              | Type            | Required | Platform | HarmonyOS Support |
 | ------------------- | ---------------------------------------- | --------------- | -------- | -------- | ----------------- |
 | thunk               | Thunk中间件实例                          | ThunkMiddleware | yes      | All      | yes               |
-| ThunkAction         | ThunkAction类型继承自Redux Action        | Action          | no       | All      | yes               |
-| ThunkActionDispatch | 接受一个thunk action创建器并返回一个函数 | Any             | no       | All      | yes               |
-| ThunkDispatch       | Thunk重载的dispatch接口                  | Interface       | no       | All      | yes               |
-| ThunkMiddleware     | TThunk中间件类型                         | Middleware      | no       | All      | yes               |
 
 ## 静态方法
 

From 8a17e9ae4afb4feb2b066b1e8025e6283cf3db33 Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Tue, 15 Oct 2024 08:28:40 +0000
Subject: [PATCH 665/966] =?UTF-8?q?!1658=20docs:=20[Issues:=20#IAWHFK]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20react-native-camera-kit=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20react-native-camera-kit=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-camera-kit.md | 183 +++++++++++++++++++++++-----------
 1 file changed, 126 insertions(+), 57 deletions(-)

diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md
index c09c909f..b62c5b45 100644
--- a/en/react-native-camera-kit.md
+++ b/en/react-native-camera-kit.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-camera-kit</code> </h1>
@@ -14,15 +14,15 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-camera-kit)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-camera-kit)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
->[!TIP] # 处替换为 tgz 包的路径
+>[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-camera-kit@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 ### camera example
 ``` js
 import React, {useRef, useState} from 'react';
@@ -82,7 +82,7 @@ export const CameraDemo: React.FC = (): JSX.Element => {
         />
       </View>
       <View>
-        <Button title="拍照" onPress={onPhoto} />
+        <Button title="onPhoto" onPress={onPhoto} />
         <Text style={styles.text}>zoom:{zoom}</Text>
         <Text style={styles.text}>error:{errorStr}</Text>
         <Text style={styles.text}>photo:{photo}</Text>
@@ -164,11 +164,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -179,18 +179,16 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入 (推荐)
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -199,22 +197,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RTNCameraKitView 组件
+### 3. Configuring CMakeLists and Introducing xxx Package
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
   ...
@@ -232,18 +230,22 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 }
 ...
-```
-在`entry/src/main/ets/pages/index.ets`中，如果当前文件中存在`arkTsComponentNames`数组(后续版本新增内容)，则需要在其中追加：`RTNCameraKitView.NAME`;
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.  
 
-```ts
-  ...
- const arkTsComponentNames: Array<string> = [..., RTNCameraKitView.NAME]; 
-  ...
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RTNCameraKitView.NAME
+  ];
 ```
 
-### 4.在 ArkTs 侧引入 RTNCameraKitPackage
+### 4. Introducing RTNCameraKitPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -257,35 +259,102 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
+Check the release version information in the release address of the third-party library：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
 
+### Permission Requirements
+
+The following permissions include the `system_basic` permission, but the default application permission is `normal`. Only the `normal` permission can be used. Therefore, the error * 9568289 * * * may be reported during the installation of the HAP package. For details, see [Document](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) Change the application level to `system_basic`.
+
+#### Add permissions to the module.json5 file in the entry directory.
+
+Open `entry/src/main/module.json5` and add the following information:
+
+```diff
+...
+"requestPermissions": [
++  {
++    "name": "ohos.permission.CAMERA",
++    "reason": "$string:camera_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"inuse"
++    }
++  },
++  {
++    "name": "ohos.permission.MICROPHONE",
++    "reason": "$string:microphone_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"inuse"
++    }
++  },
++  {
++    "name": "ohos.permission.APPROXIMATELY_LOCATION",
++    "reason": "$string:location_reason",
++    "usedScene": {
++      "abilities": [
++        "EntryAbility"
++      ],
++      "when":"inuse"
++    }
++  }
+]
+```
+
+#### Add the reason for applying for the preceding permission to the entry directory.
+
+Open `entry/src/main/resources/base/element/string.json` and add the following information:
+
+```diff
+...
+{
+  "string": [
++    {
++      "name": "camera_reason",
++      "value": "camera_reason"
++    },
++    {
++      "name": "location_reason",
++      "value": "location_reason"
++    },
++    {
++      "name": "microphone_reason",
++      "value": "microphone_reason"
++    },
+  ]
+}
+```
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**Camera**：相机组件
+**Camera**：CameraComponent
 
 | Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
 |-----------------|----------------------|----------|----------|-------------|-------------------|
@@ -310,7 +379,7 @@ ohpm install
 | onCaptureButtonPressIn  | Callback when iPhone capture button is pressed in. Ex: onCaptureButtonPressIn={() => console.log("volume button pressed in")}    | Function | no       | iOS | yes          |
 | onCaptureButtonPressOut  | Callback when iPhone capture button is released. Ex: onCaptureButtonPressOut={() => console.log("volume button released")}     | Function | no       | iOS | no             |
 
-**ScanCode**：扫码组件
+**ScanCode**：ScanCodeComponent
 
 | Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
 |-----------------|----------------------|----------|----------|-------------|-------------------|
@@ -333,7 +402,7 @@ ohpm install
 | frameColor  | Color of barcode scanner frame visualization. Default: `yellow`     | string | no       | All | yes               |
 | onReadCode  | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)}     | Function | no       | All | yes               |
 
-## 静态方法
+## Methods
 
 | Name  | Description         | Type       | Required | Platform | HarmonyOS Support |
 | ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
@@ -342,17 +411,17 @@ ohpm install
 | checkDeviceCameraAuthorizationStatus  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | All      | Yes               |Yes|
 
 
-## 遗留问题
+## Known Issues
 
-- [ ] 不支持查询传感器旋转角度 [issue#1](https://github.com/react-native-oh-library/react-native-camera-kit/issues/1) 
-- [ ] 不支持使用前置相机进行扫码 [issue#2](https://github.com/react-native-oh-library/react-native-camera-kit/issues/2) 
-- [ ] 不能同时设置flashMode和torchMode属性 [issue#3](https://github.com/react-native-oh-library/react-native-camera-kit/issues/3)
-- [ ] 暂不支持onCaptureButtonPressOut属性 [issue#4](https://github.com/react-native-oh-library/react-native-camera-kit/issues/4)
-- [ ] 暂不支持resetFocusWhenMotionDetected属性 [issue#5](https://github.com/react-native-oh-library/react-native-camera-kit/issues/5)
-- [ ] 暂不支持resizeMode属性 [issue#6](https://github.com/react-native-oh-library/react-native-camera-kit/issues/6)
+- [ ] The sensor rotation angle cannot be queried. [issue#1](https://github.com/react-native-oh-library/react-native-camera-kit/issues/1) 
+- [ ] The front camera cannot be used for code scanning. [issue#2](https://github.com/react-native-oh-library/react-native-camera-kit/issues/2) 
+- [ ] The flashMode and torchMode attributes cannot be set at the same time. [issue#3](https://github.com/react-native-oh-library/react-native-camera-kit/issues/3)
+- [ ] The onCaptureButtonPressOut attribute is not supported. [issue#4](https://github.com/react-native-oh-library/react-native-camera-kit/issues/4)
+- [ ] The resetFocusWhenMotionDetected attribute is not supported. [issue#5](https://github.com/react-native-oh-library/react-native-camera-kit/issues/5)
+- [ ] The resizeMode attribute is not supported currently. [issue#6](https://github.com/react-native-oh-library/react-native-camera-kit/issues/6)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/teslamotors/react-native-camera-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/teslamotors/react-native-camera-kit/blob/master/LICENSE).

From 601c6913117f104932fee7500af70d397978d4e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E4=BE=84=E5=85=88?= <yangzx_00@qq.com>
Date: Tue, 15 Oct 2024 08:44:33 +0000
Subject: [PATCH 666/966] =?UTF-8?q?!1663=20docs:=20[Issues:=20#IAX7OW]=20j?=
 =?UTF-8?q?s=E5=BA=93=E5=85=BC=E5=AE=B9=E6=80=A7=E6=9B=B4=E6=96=B0=20*=20d?=
 =?UTF-8?q?ocs:=20[Issues:=20#IAX7OW]=20js=E5=BA=93=E5=85=BC=E5=AE=B9?=
 =?UTF-8?q?=E6=80=A7=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/EventBus.md                                | 1 +
 en/Immer.md                                   | 1 +
 en/axios.md                                   | 1 +
 en/crypto-js.md                               | 1 +
 en/dayJs.md                                   | 1 +
 en/deepmerge.md                               | 1 +
 en/htmlparser2.md                             | 1 +
 en/i18next.md                                 | 1 +
 en/js-beautify.md                             | 1 +
 en/jsbarcode.md                               | 1 +
 en/lodash.md                                  | 1 +
 en/mobx-react.md                              | 1 +
 en/mobx.md                                    | 1 +
 en/moment.md                                  | 1 +
 en/parse5.md                                  | 1 +
 en/prop-types.md                              | 1 +
 en/qrcode-generator.md                        | 1 +
 en/react-ahooks.md                            | 1 +
 en/react-i18next.md                           | 1 +
 en/react-lifecycles-compat.md                 | 1 +
 en/react-native-animate-number.md             | 1 +
 en/react-native-confirmation-code-field.md    | 1 +
 en/react-native-drawer-layout-polyfill.md     | 1 +
 en/react-native-fit-Image.md                  | 1 +
 en/react-native-intersection-observer.md      | 1 +
 en/react-native-popup-menu.md                 | 1 +
 en/react-native-reanimated-table.md           | 1 +
 en/react-native-swiper.md                     | 1 +
 en/react-redux.md                             | 1 +
 en/react-use.md                               | 2 ++
 en/redux-actions.md                           | 1 +
 en/redux-logger.md                            | 1 +
 en/redux-persist.md                           | 1 +
 en/redux-thunk.md                             | 1 +
 en/redux-toolkit.md                           | 1 +
 en/redux.md                                   | 1 +
 en/styled-components.md                       | 1 +
 en/styled-system.md                           | 2 ++
 zh-cn/EventBus.md                             | 1 +
 zh-cn/Immer.md                                | 1 +
 zh-cn/axios.md                                | 1 +
 zh-cn/crypto-js.md                            | 1 +
 zh-cn/dayJs.md                                | 1 +
 zh-cn/deepmerge.md                            | 1 +
 zh-cn/htmlparser2.md                          | 1 +
 zh-cn/i18next.md                              | 1 +
 zh-cn/js-beautify.md                          | 1 +
 zh-cn/jsbarcode.md                            | 1 +
 zh-cn/lodash.md                               | 1 +
 zh-cn/mobx-react.md                           | 1 +
 zh-cn/mobx.md                                 | 1 +
 zh-cn/moment.md                               | 1 +
 zh-cn/parse5.md                               | 1 +
 zh-cn/prop-types.md                           | 1 +
 zh-cn/qrcode-generator.md                     | 1 +
 zh-cn/react-ahooks.md                         | 1 +
 zh-cn/react-i18next.md                        | 1 +
 zh-cn/react-lifecycles-compat.md              | 1 +
 zh-cn/react-native-animate-number.md          | 1 +
 zh-cn/react-native-confirmation-code-field.md | 1 +
 zh-cn/react-native-drawer-layout-polyfill.md  | 1 +
 zh-cn/react-native-fit-Image.md               | 1 +
 zh-cn/react-native-intersection-observer.md   | 1 +
 zh-cn/react-native-popup-menu.md              | 1 +
 zh-cn/react-native-reanimated-table.md        | 1 +
 zh-cn/react-native-swiper.md                  | 1 +
 zh-cn/react-redux.md                          | 1 +
 zh-cn/react-use.md                            | 2 ++
 zh-cn/redux-actions.md                        | 1 +
 zh-cn/redux-logger.md                         | 1 +
 zh-cn/redux-persist.md                        | 1 +
 zh-cn/redux-thunk.md                          | 1 +
 zh-cn/redux-toolkit.md                        | 1 +
 zh-cn/redux.md                                | 1 +
 zh-cn/styled-components.md                    | 1 +
 zh-cn/styled-system.md                        | 1 +
 76 files changed, 79 insertions(+)

diff --git a/en/EventBus.md b/en/EventBus.md
index 031a44e4..5bdda962 100644
--- a/en/EventBus.md
+++ b/en/EventBus.md
@@ -308,6 +308,7 @@ export default EventBusDemo;
 This document is verified based on the following versions
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/Immer.md b/en/Immer.md
index 11ef4155..8cda5ad2 100644
--- a/en/Immer.md
+++ b/en/Immer.md
@@ -776,6 +776,7 @@ export default MyComponent;
 在以下版本验证通过
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/axios.md b/en/axios.md
index 6fb9a187..b302a4a3 100644
--- a/en/axios.md
+++ b/en/axios.md
@@ -105,6 +105,7 @@ async function getUser() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/crypto-js.md b/en/crypto-js.md
index b99b5546..02d5af5a 100644
--- a/en/crypto-js.md
+++ b/en/crypto-js.md
@@ -118,6 +118,7 @@ export default CryptoJSDemo;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API列表
 
diff --git a/en/dayJs.md b/en/dayJs.md
index 64dbaf95..d5624c42 100644
--- a/en/dayJs.md
+++ b/en/dayJs.md
@@ -47,6 +47,7 @@ dayjs().format()
 This document is verified based on the following versions：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/deepmerge.md b/en/deepmerge.md
index 9d330671..ce6a09b9 100644
--- a/en/deepmerge.md
+++ b/en/deepmerge.md
@@ -107,6 +107,7 @@ This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/htmlparser2.md b/en/htmlparser2.md
index d746877d..2d514f43 100644
--- a/en/htmlparser2.md
+++ b/en/htmlparser2.md
@@ -118,6 +118,7 @@ export default HtmlParser;
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/en/i18next.md b/en/i18next.md
index d71142f2..7ba90e5d 100644
--- a/en/i18next.md
+++ b/en/i18next.md
@@ -114,6 +114,7 @@ This document is verified based on the following versions:
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 2. RNOH: 0.72.28; SDK: HarmonyOS-Next-DB5 5.0.0.60; IDE: DevEco Studio 5.0.3.655; ROM: 5.0.0.60;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/js-beautify.md b/en/js-beautify.md
index 6dcc7fa0..4a0345ab 100644
--- a/en/js-beautify.md
+++ b/en/js-beautify.md
@@ -703,6 +703,7 @@ export default BeautifyDemo;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Static Methods
 
diff --git a/en/jsbarcode.md b/en/jsbarcode.md
index e52aee52..0ea50a1e 100644
--- a/en/jsbarcode.md
+++ b/en/jsbarcode.md
@@ -286,6 +286,7 @@ JsBarcode("#barcode", "29012343", {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## **All Options**
 
diff --git a/en/lodash.md b/en/lodash.md
index 54e5843c..1a93dd25 100644
--- a/en/lodash.md
+++ b/en/lodash.md
@@ -80,6 +80,7 @@ export default LodashDemo;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/en/mobx-react.md b/en/mobx-react.md
index 5fb65ca4..19bea709 100644
--- a/en/mobx-react.md
+++ b/en/mobx-react.md
@@ -132,6 +132,7 @@ export default App;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/mobx.md b/en/mobx.md
index dcd20aff..b375d92a 100644
--- a/en/mobx.md
+++ b/en/mobx.md
@@ -122,6 +122,7 @@ export default App;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/moment.md b/en/moment.md
index 059ccdc9..d76dcfd8 100644
--- a/en/moment.md
+++ b/en/moment.md
@@ -54,6 +54,7 @@ moment.locale('zh-cn');
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/parse5.md b/en/parse5.md
index 73a29a29..b1af8ae2 100644
--- a/en/parse5.md
+++ b/en/parse5.md
@@ -140,6 +140,7 @@ This document is verified based on the following versions：
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/prop-types.md b/en/prop-types.md
index 81df0ef8..defcbb2e 100644
--- a/en/prop-types.md
+++ b/en/prop-types.md
@@ -89,6 +89,7 @@ This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 #### Properties
 
diff --git a/en/qrcode-generator.md b/en/qrcode-generator.md
index 553b400e..5bab78d4 100644
--- a/en/qrcode-generator.md
+++ b/en/qrcode-generator.md
@@ -70,6 +70,7 @@ export const CustomQrCode = ({ text, style }) => {
 This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/react-ahooks.md b/en/react-ahooks.md
index 9b9e17dd..f4b4c84d 100644
--- a/en/react-ahooks.md
+++ b/en/react-ahooks.md
@@ -112,6 +112,7 @@ export function WhyDidYouUpdate() {
 This document is verified based on the following versions：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/react-i18next.md b/en/react-i18next.md
index e2c5bd60..422dcedf 100644
--- a/en/react-i18next.md
+++ b/en/react-i18next.md
@@ -86,6 +86,7 @@ This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/react-lifecycles-compat.md b/en/react-lifecycles-compat.md
index 2f7cd899..98f2754e 100644
--- a/en/react-lifecycles-compat.md
+++ b/en/react-lifecycles-compat.md
@@ -155,6 +155,7 @@ export default ExampleComponent;
 This document is verified based on the following versions
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 | Name                     | Description                            | Required | Platform | HarmonyOS Support |
 | ------------------------ | -------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-animate-number.md b/en/react-native-animate-number.md
index 29ea9e0d..e0b777f2 100644
--- a/en/react-native-animate-number.md
+++ b/en/react-native-animate-number.md
@@ -150,6 +150,7 @@ export default App;
 This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/react-native-confirmation-code-field.md b/en/react-native-confirmation-code-field.md
index dbde650c..96e263d7 100644
--- a/en/react-native-confirmation-code-field.md
+++ b/en/react-native-confirmation-code-field.md
@@ -111,6 +111,7 @@ export default App;
 This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## component
 
diff --git a/en/react-native-drawer-layout-polyfill.md b/en/react-native-drawer-layout-polyfill.md
index ba213cda..7703df2e 100644
--- a/en/react-native-drawer-layout-polyfill.md
+++ b/en/react-native-drawer-layout-polyfill.md
@@ -232,6 +232,7 @@ export default App;
 This document is verified based on the following versions
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/react-native-fit-Image.md b/en/react-native-fit-Image.md
index 6b75d970..be5a7c15 100644
--- a/en/react-native-fit-Image.md
+++ b/en/react-native-fit-Image.md
@@ -288,6 +288,7 @@ export default FitImageDemo;
 This document is verified based on the following versions
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/react-native-intersection-observer.md b/en/react-native-intersection-observer.md
index de3434e3..6c3180d6 100644
--- a/en/react-native-intersection-observer.md
+++ b/en/react-native-intersection-observer.md
@@ -84,6 +84,7 @@ export default App;
 This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/react-native-popup-menu.md b/en/react-native-popup-menu.md
index fb30717b..1b0df1ec 100644
--- a/en/react-native-popup-menu.md
+++ b/en/react-native-popup-menu.md
@@ -85,6 +85,7 @@ export const YourComponent = () => (
 This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/react-native-reanimated-table.md b/en/react-native-reanimated-table.md
index 369f016e..a905aa34 100644
--- a/en/react-native-reanimated-table.md
+++ b/en/react-native-reanimated-table.md
@@ -96,6 +96,7 @@ const styles = StyleSheet.create({
 This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/react-native-swiper.md b/en/react-native-swiper.md
index 52ba12e0..44607014 100644
--- a/en/react-native-swiper.md
+++ b/en/react-native-swiper.md
@@ -97,6 +97,7 @@ AppRegistry.registerComponent("myproject", () => SwiperComponent);
 This document is verified based on the following versions:
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/react-redux.md b/en/react-redux.md
index 223b2f24..b2ba99aa 100644
--- a/en/react-redux.md
+++ b/en/react-redux.md
@@ -146,6 +146,7 @@ This document is verified based on the following versions:
    SDK：HarmonyOS NEXT Developer Preview1;
    IDE：DevEco Studio 4.1.3.500;
    ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Static Methods
 
diff --git a/en/react-use.md b/en/react-use.md
index 3edcc8d5..fe0aed40 100644
--- a/en/react-use.md
+++ b/en/react-use.md
@@ -40,6 +40,8 @@ npm install rebound --legacy-peer-deps
 ## Compatibility
 This document is verified based on the following versions
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.29; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
 ## API
 > [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
diff --git a/en/redux-actions.md b/en/redux-actions.md
index 9b5b6987..a94bf61c 100644
--- a/en/redux-actions.md
+++ b/en/redux-actions.md
@@ -278,6 +278,7 @@ This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Static Methods
 
diff --git a/en/redux-logger.md b/en/redux-logger.md
index dc4f790c..1c2ac056 100644
--- a/en/redux-logger.md
+++ b/en/redux-logger.md
@@ -66,6 +66,7 @@ This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Static Methods
 
diff --git a/en/redux-persist.md b/en/redux-persist.md
index a12b23ac..e00f5821 100644
--- a/en/redux-persist.md
+++ b/en/redux-persist.md
@@ -136,6 +136,7 @@ This document is verified based on the following versions:
    SDK：HarmonyOS NEXT Developer Preview1;
    IDE：DevEco Studio 4.1.3.500;
    ROM：2.0.0.59;
+4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Static Methods
 
diff --git a/en/redux-thunk.md b/en/redux-thunk.md
index 087ed8d1..d67e7e17 100644
--- a/en/redux-thunk.md
+++ b/en/redux-thunk.md
@@ -122,6 +122,7 @@ This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/redux-toolkit.md b/en/redux-toolkit.md
index 337da3dc..3bfe0330 100644
--- a/en/redux-toolkit.md
+++ b/en/redux-toolkit.md
@@ -155,6 +155,7 @@ export function Counter() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 方法和属性
 
diff --git a/en/redux.md b/en/redux.md
index 84805953..f1d9d9e2 100644
--- a/en/redux.md
+++ b/en/redux.md
@@ -109,6 +109,7 @@ This document is verified based on the following versions:
    SDK：HarmonyOS NEXT Developer Preview1;
    IDE：DevEco Studio 4.1.3.500;
    ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Static Methods
 
diff --git a/en/styled-components.md b/en/styled-components.md
index edb0a476..00086bbc 100644
--- a/en/styled-components.md
+++ b/en/styled-components.md
@@ -89,6 +89,7 @@ export default App;
 This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
diff --git a/en/styled-system.md b/en/styled-system.md
index 863acbb7..f5f6da44 100644
--- a/en/styled-system.md
+++ b/en/styled-system.md
@@ -76,6 +76,7 @@ export default App;
 This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
@@ -85,6 +86,7 @@ This document is verified based on the following versions:
 
 For details, see [styled-system GitHub](https://github.com/styled-system/styled-system)
 
+
 **API space**
 
 | Name          | Description | Type | Required | HarmonyOS Support |
diff --git a/zh-cn/EventBus.md b/zh-cn/EventBus.md
index da1ad330..dad71c7a 100644
--- a/zh-cn/EventBus.md
+++ b/zh-cn/EventBus.md
@@ -308,6 +308,7 @@ export default EventBusDemo;
 在以下版本验证通过
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 方法
 
diff --git a/zh-cn/Immer.md b/zh-cn/Immer.md
index 11ef4155..8cda5ad2 100644
--- a/zh-cn/Immer.md
+++ b/zh-cn/Immer.md
@@ -776,6 +776,7 @@ export default MyComponent;
 在以下版本验证通过
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/axios.md b/zh-cn/axios.md
index 6fb9a187..b302a4a3 100644
--- a/zh-cn/axios.md
+++ b/zh-cn/axios.md
@@ -105,6 +105,7 @@ async function getUser() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/crypto-js.md b/zh-cn/crypto-js.md
index b99b5546..02d5af5a 100644
--- a/zh-cn/crypto-js.md
+++ b/zh-cn/crypto-js.md
@@ -118,6 +118,7 @@ export default CryptoJSDemo;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API列表
 
diff --git a/zh-cn/dayJs.md b/zh-cn/dayJs.md
index 9427191f..cc21c287 100644
--- a/zh-cn/dayJs.md
+++ b/zh-cn/dayJs.md
@@ -47,6 +47,7 @@ dayjs().format()
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/deepmerge.md b/zh-cn/deepmerge.md
index 2284de0c..e568dafd 100644
--- a/zh-cn/deepmerge.md
+++ b/zh-cn/deepmerge.md
@@ -107,6 +107,7 @@ export default App;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/htmlparser2.md b/zh-cn/htmlparser2.md
index d746877d..2d514f43 100644
--- a/zh-cn/htmlparser2.md
+++ b/zh-cn/htmlparser2.md
@@ -118,6 +118,7 @@ export default HtmlParser;
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/zh-cn/i18next.md b/zh-cn/i18next.md
index fb978f48..6147d35d 100644
--- a/zh-cn/i18next.md
+++ b/zh-cn/i18next.md
@@ -114,6 +114,7 @@ export default I18NextDemo;
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 2. RNOH: 0.72.28; SDK: HarmonyOS-Next-DB5 5.0.0.60; IDE: DevEco Studio 5.0.3.655; ROM: 5.0.0.60;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/js-beautify.md b/zh-cn/js-beautify.md
index a32908ec..2f15347c 100644
--- a/zh-cn/js-beautify.md
+++ b/zh-cn/js-beautify.md
@@ -722,6 +722,7 @@ export default BeautifyDemo;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/zh-cn/jsbarcode.md b/zh-cn/jsbarcode.md
index e52aee52..0ea50a1e 100644
--- a/zh-cn/jsbarcode.md
+++ b/zh-cn/jsbarcode.md
@@ -286,6 +286,7 @@ JsBarcode("#barcode", "29012343", {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## **All Options**
 
diff --git a/zh-cn/lodash.md b/zh-cn/lodash.md
index 54e5843c..1a93dd25 100644
--- a/zh-cn/lodash.md
+++ b/zh-cn/lodash.md
@@ -80,6 +80,7 @@ export default LodashDemo;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/zh-cn/mobx-react.md b/zh-cn/mobx-react.md
index 5fb65ca4..19bea709 100644
--- a/zh-cn/mobx-react.md
+++ b/zh-cn/mobx-react.md
@@ -132,6 +132,7 @@ export default App;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/mobx.md b/zh-cn/mobx.md
index dcd20aff..b375d92a 100644
--- a/zh-cn/mobx.md
+++ b/zh-cn/mobx.md
@@ -122,6 +122,7 @@ export default App;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/moment.md b/zh-cn/moment.md
index 059ccdc9..d76dcfd8 100644
--- a/zh-cn/moment.md
+++ b/zh-cn/moment.md
@@ -54,6 +54,7 @@ moment.locale('zh-cn');
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/parse5.md b/zh-cn/parse5.md
index 49f8772e..6f4c17e2 100644
--- a/zh-cn/parse5.md
+++ b/zh-cn/parse5.md
@@ -140,6 +140,7 @@ export default App;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index b4daf627..0fa566da 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -90,6 +90,7 @@ export default App;
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 #### 属性
 
diff --git a/zh-cn/qrcode-generator.md b/zh-cn/qrcode-generator.md
index 27a59066..ba2ce870 100644
--- a/zh-cn/qrcode-generator.md
+++ b/zh-cn/qrcode-generator.md
@@ -70,6 +70,7 @@ export const CustomQrCode = ({ text, style }) => {
 在下述版本验证通过:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-ahooks.md b/zh-cn/react-ahooks.md
index 60d359d3..65ee2dc0 100644
--- a/zh-cn/react-ahooks.md
+++ b/zh-cn/react-ahooks.md
@@ -112,6 +112,7 @@ export function WhyDidYouUpdate() {
 在以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-i18next.md b/zh-cn/react-i18next.md
index 48b8167a..e249b533 100644
--- a/zh-cn/react-i18next.md
+++ b/zh-cn/react-i18next.md
@@ -86,6 +86,7 @@ root.render(<App />);
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/react-lifecycles-compat.md
index e952c0dd..beab449f 100644
--- a/zh-cn/react-lifecycles-compat.md
+++ b/zh-cn/react-lifecycles-compat.md
@@ -157,6 +157,7 @@ export default ExampleComponent;
 在以下版本验证通过
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 | Name                     | Description                            | Required | Platform | HarmonyOS Support |
 | ------------------------ | -------------------------------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index f704570e..964eae63 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -150,6 +150,7 @@ export default App;
 在以下版本验证通过
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-confirmation-code-field.md b/zh-cn/react-native-confirmation-code-field.md
index 1ca90342..2e05776b 100644
--- a/zh-cn/react-native-confirmation-code-field.md
+++ b/zh-cn/react-native-confirmation-code-field.md
@@ -111,6 +111,7 @@ export default App;
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 组件
 
diff --git a/zh-cn/react-native-drawer-layout-polyfill.md b/zh-cn/react-native-drawer-layout-polyfill.md
index c920a240..678f5c59 100644
--- a/zh-cn/react-native-drawer-layout-polyfill.md
+++ b/zh-cn/react-native-drawer-layout-polyfill.md
@@ -232,6 +232,7 @@ export default App;
 在以下版本验证通过
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index 9b8cd57e..16bb713c 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -288,6 +288,7 @@ export default FitImageDemo;
 在以下版本验证通过
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index 55908461..9d422167 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -84,6 +84,7 @@ export default App;
 在下述版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-popup-menu.md b/zh-cn/react-native-popup-menu.md
index d1e691be..61778587 100644
--- a/zh-cn/react-native-popup-menu.md
+++ b/zh-cn/react-native-popup-menu.md
@@ -85,6 +85,7 @@ export const YourComponent = () => (
 在以下版本验证通过
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-reanimated-table.md b/zh-cn/react-native-reanimated-table.md
index ff07f512..1fdc1060 100644
--- a/zh-cn/react-native-reanimated-table.md
+++ b/zh-cn/react-native-reanimated-table.md
@@ -96,6 +96,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-swiper.md b/zh-cn/react-native-swiper.md
index 243cc561..3ee63ac6 100644
--- a/zh-cn/react-native-swiper.md
+++ b/zh-cn/react-native-swiper.md
@@ -97,6 +97,7 @@ AppRegistry.registerComponent("myproject", () => SwiperComponent);
 在以下版本验证通过
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-redux.md b/zh-cn/react-redux.md
index 8bf2cc06..9edc631b 100644
--- a/zh-cn/react-redux.md
+++ b/zh-cn/react-redux.md
@@ -156,6 +156,7 @@ export function Counter() {
    SDK：HarmonyOS NEXT Developer Preview1;
    IDE：DevEco Studio 4.1.3.500;
    ROM：2.0.0.58;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/zh-cn/react-use.md b/zh-cn/react-use.md
index 573f47af..cf3434ee 100644
--- a/zh-cn/react-use.md
+++ b/zh-cn/react-use.md
@@ -40,6 +40,8 @@ npm install rebound --legacy-peer-deps
 ## 兼容性
 在以下版本验证通过
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.29; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
 ## API
 >[!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
diff --git a/zh-cn/redux-actions.md b/zh-cn/redux-actions.md
index c4b3d926..a3305c52 100644
--- a/zh-cn/redux-actions.md
+++ b/zh-cn/redux-actions.md
@@ -278,6 +278,7 @@ const styles = StyleSheet.create({
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/zh-cn/redux-logger.md b/zh-cn/redux-logger.md
index 06992b9e..3d79ecbd 100644
--- a/zh-cn/redux-logger.md
+++ b/zh-cn/redux-logger.md
@@ -66,6 +66,7 @@ const store = createStore(reducer, applyMiddleware(logger));
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/zh-cn/redux-persist.md b/zh-cn/redux-persist.md
index be913e39..afb9d7d6 100644
--- a/zh-cn/redux-persist.md
+++ b/zh-cn/redux-persist.md
@@ -136,6 +136,7 @@ import store, {persistRootStore} from './store'
    SDK：HarmonyOS NEXT Developer Preview1;
    IDE：DevEco Studio 4.1.3.500;
    ROM：2.0.0.59;
+4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/zh-cn/redux-thunk.md b/zh-cn/redux-thunk.md
index 9f633166..c2c2393e 100644
--- a/zh-cn/redux-thunk.md
+++ b/zh-cn/redux-thunk.md
@@ -122,6 +122,7 @@ export default AddTodo
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/redux-toolkit.md b/zh-cn/redux-toolkit.md
index 337da3dc..3bfe0330 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/redux-toolkit.md
@@ -155,6 +155,7 @@ export function Counter() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 方法和属性
 
diff --git a/zh-cn/redux.md b/zh-cn/redux.md
index 021b5b64..575197f6 100644
--- a/zh-cn/redux.md
+++ b/zh-cn/redux.md
@@ -114,6 +114,7 @@ export function Counter() {
    SDK：HarmonyOS NEXT Developer Preview1;
    IDE：DevEco Studio 4.1.3.500;
    ROM：2.0.0.59;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index 088583d4..884fa9b0 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -92,6 +92,7 @@ export default App;
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index 904ca00d..a843390b 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -78,6 +78,7 @@ export default App;
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 4c7188020c1de1d531ba397f129719bea5021a5e Mon Sep 17 00:00:00 2001
From: wangshizhao001 <13406653+wangshizhao001@user.noreply.gitee.com>
Date: Tue, 15 Oct 2024 09:15:53 +0000
Subject: [PATCH 667/966] =?UTF-8?q?!1657=20docs:=20[#IAX4N0]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9lottie-react-native=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAX4N0]=20=E4=BF=AE=E6=94=B9lottie-re?=
 =?UTF-8?q?act-native=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/lottie-react-native.md    | 8 +++++++-
 zh-cn/lottie-react-native.md | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/en/lottie-react-native.md b/en/lottie-react-native.md
index 26ace53b..6551c088 100644
--- a/en/lottie-react-native.md
+++ b/en/lottie-react-native.md
@@ -44,6 +44,8 @@ yarn add @react-native-oh-tpl/lottie-react-native@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+> [!TIP] 以下 demo 中使用的是本地文件。
+
 ```js
 import React from "react";
 import { View } from "react-native";
@@ -52,7 +54,11 @@ import LottieView from "lottie-react-native";
 const App = () => {
   return (
     <View style={{ flex: 1 }}>
-      <LottieView source={require("./assets/xxx.json")} autoPlay loop />
+      <LottieView 
+        style={{ width: 300, height: 300 }} 
+        source={require("./assets/xxx.json")} 
+        autoPlay 
+        loop />
     </View>
   );
 };
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 26ace53b..044fe46b 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -44,6 +44,8 @@ yarn add @react-native-oh-tpl/lottie-react-native@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
+> [!TIP] 以下 demo 中使用的是本地文件。
+
 ```js
 import React from "react";
 import { View } from "react-native";
@@ -52,7 +54,11 @@ import LottieView from "lottie-react-native";
 const App = () => {
   return (
     <View style={{ flex: 1 }}>
-      <LottieView source={require("./assets/xxx.json")} autoPlay loop />
+      <LottieView 
+        style={{ width: 300, height: 300 }} 
+        source={require("./assets/xxx.json")}   
+        autoPlay 
+        loop />
     </View>
   );
 };

From 86109d62eaa6812d22084dea34d1f47eac848808 Mon Sep 17 00:00:00 2001
From: Ycode <3259980649@qq.com>
Date: Tue, 15 Oct 2024 11:13:56 +0000
Subject: [PATCH 668/966] =?UTF-8?q?!1659=20docs:=20[Issues:=20#IAX4WL]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-fs=20nc=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAX4WL]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-fs=20nc=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-fs(nocodegen).md | 352 ++++++++++++++++++++++++++++
 1 file changed, 352 insertions(+)
 create mode 100644 zh-cn/react-native-fs(nocodegen).md

diff --git a/zh-cn/react-native-fs(nocodegen).md b/zh-cn/react-native-fs(nocodegen).md
new file mode 100644
index 00000000..735c2235
--- /dev/null
+++ b/zh-cn/react-native-fs(nocodegen).md
@@ -0,0 +1,352 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-fs</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/itinance/react-native-fs">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-fs/blob/sig/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fs)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-fs@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-fs@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState } from "react";
+import {
+  SafeAreaView,
+  StyleSheet,
+  ScrollView,
+  View,
+  Text,
+  StatusBar,
+  TextInput,
+  Button,
+} from "react-native";
+import FS from "react-native-fs";
+import { Colors } from "react-native/Libraries/NewAppScreen";
+function App(): React.JSX.Element {
+  const [mkdirParam, setMkdirParam] = useState("");
+  const mkdirExample = () => {
+    FS.mkdir(FS.DocumentDirectoryPath + "/" + mkdirParam).then(
+      (result) => {
+        console.log("file mkdirParam： " + mkdirParam);
+        console.log("file Successfully created directory.");
+      },
+      (err) => {
+        console.error("file mkdir: " + err.message);
+      }
+    );
+  };
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView>
+        <ScrollView
+          contentInsetAdjustmentBehavior="automatic"
+          style={styles.scrollView}
+        >
+          <Text style={styles.sectionTitle}>
+            {"React Native File Harmony Demo App"}
+          </Text>
+          <View style={styles.body}>
+            <View style={styles.sectionContainer}>
+              <Text style={styles.sectionTitle}>{"mkdir"}</Text>
+              <View style={styles.sectionDescription}>
+                <TextInput
+                  style={styles.input}
+                  placeholder="Folder Path"
+                  onChangeText={(mkdirParam) => setMkdirParam(mkdirParam)}
+                  placeholderTextColor="#9a73ef"
+                  autoCapitalize="none"
+                />
+              </View>
+              <Button
+                title="Create Directory"
+                color="#9a73ef"
+                onPress={mkdirExample}
+              />
+            </View>
+          </View>
+        </ScrollView>
+      </SafeAreaView>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  scrollView: {
+    backgroundColor: Colors.black,
+  },
+  engine: {
+    position: "absolute",
+    right: 0,
+  },
+  body: {
+    backgroundColor: Colors.dark,
+  },
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: "600",
+    color: Colors.white,
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: "400",
+    color: Colors.dark,
+  },
+  input: {
+    marginTop: 12,
+  },
+});
+
+export default App;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-fs": "file:../../node_modules/@react-native-oh-tpl/react-native-fs/harmony/fs.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.配置 CMakeLists 和引入 FsPackge
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+txtproject(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULE "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE}/@react-native-oh-tpl//react-native-fs/src/main/cpp" ./fs)
+# RNOH_END: add_package_subdirectories
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_fs)
+# RNOH_END: link_packages
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "FsPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<FsPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 FsPackage
+
+```diff
+import type { RNPackageContext, RNPackage } from 'rnoh/ts';
+...
++ import { FsPackage } from '@react-native-oh-tpl/react-native-fs/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new FsPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
+| :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
+| DocumentDirectoryPath        | System Path | string | No       | IOS/Android     | yes               |                          |
+| CachesDirectoryPath          | System Path | string | No       | IOS/Android     | yes               |                          |
+| MainBundlePath               | System Path | string | No       | iOS             | yes               |                          |
+| ExternalCachesDirectoryPath  | System Path | string | No       | Android         | No                | Android only             |
+| DownloadDirectoryPath        | System Path | string | No       | Android/Windows | No                | not available on Harmony |
+| TemporaryDirectoryPath       | System Path | string | No       | IOS/Android     | yes               |                          |
+| LibraryDirectoryPath         | System Path | string | No       | iOS             | yes               |                          |
+| ExternalDirectoryPath        | System Path | string | No       | Android         | No                | Android only             |
+| ExternalStorageDirectoryPath | System Path | string | No       | Android         | No                | Android only             |
+| PicturesDirectoryPath        | System Path | string | No       | Windows         | No                | Windows only             |
+| RoamingDirectoryPath         | System Path | string | No       | Windows         | No                | Windows only             |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
+| ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
+| mkdir                   | Create a directory at `filepath`.                            | function | Android     | No       | yes               |                   |
+| exists                  | Check if the item exists at `filepath`.                      | function | iOS/Android | No       | yes               |                   |
+| readFile                | Reads the file at `path` and return contents.                | function | iOS/Android | No       | yes               |                   |
+| readFileAssets          | Reads the file at `path` in the harmony app's assets folder and return contents. | function | Android     | No       | yes               |                   |
+| writeFile               | Write the `contents` to `filepath`.                          | function | iOS/Android | No       | yes               |                   |
+| appendFile              | Append the `contents` to `filepath`.                         | function | iOS/Android | No       | yes               |                   |
+| copyFile                | Copies the file located at `filepath` to `destPath`.         | function | iOS         | No       | yes               |                   |
+| unlink                  | Unlinks the item at `filepath`.                              | function | iOS/Android | No       | yes               |                   |
+| hash                    | Reads the file at `path` and returns its checksum as determined by `algorithm`, which can be one of `md5`, `sha1`, `sha256`. | function | iOS/Android | No       | partially         |                   |
+| moveFile                | Moves the file located at `filepath` to `destPath`.          | function | iOS/Android | No       | yes               |                   |
+| read                    | Reads `length` bytes from the given `position` of the file at `path` and returns contents. | function | iOS/Android | No       | yes               |                   |
+| write                   | Write the `contents` to `filepath` at the given random access position. | function | iOS/Android | No       | yes               |                   |
+| touch                   | Sets the modification timestamp `mtime`of the file at `filepath`. | function | iOS/Android | No       | partially         |                   |
+| stat                    | Stats an item at `filepath`.                                 | function | iOS/Android | No       | yes               |                   |
+| readDir                 | Reads the contents of `path`.                                | function | iOS/Android | No       | yes               |                   |
+| readDirAssets           | Reads the contents of `dirpath ` in the Android app's assets folder. | function | Android     | No       | No                | Android only      |
+| readdir                 | Node.js style version of `readDir` that returns only the names. | function | iOS/Android | No       | No                | No API on Harmony |
+| readFileRes             | Reads the file named `filename` in the Android app's `res` folder and return contents. | function | Android     | No       | No                | Android only      |
+| copyFolder              | Copies the contents located at `srcFolderPath` to `destFolderPath`. | function | Windows     | No       | No                | Windows only      |
+| copyFileAssets          | Copies the file at `filepath` in the Android app's assets folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
+| copyFileRes             | Copies the file named `filename` in the Android app's res folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
+| copyAssetsFileIOS       | Reads an image file from Camera Roll and writes to `destPath`. | function | iOS         | No       | No                | iOS only          |
+| copyAssetsVideoIOS      | Copies a video from assets-library, that is prefixed with 'assets-library://asset/asset.MOV?...' to a specific destination. | function | iOS         | No       | No                | iOS only          |
+| existsAssets            | Check in the Android assets folder if the item exists.       | function | Android     | No       | yes               |                   |
+| existsRes               | Check in the Android res folder if the item named `filename` exists. | function | Android     | No       | No                | Android only      |
+| downloadFile            | Abort the current download job with this ID.                 | function | iOS/Android | No       | yes               |                   |
+| stopDownload            | Abort the current download job with this ID.                 | function | iOS/Android | No       | No                | No API on Harmony |
+| resumeDownload          | Resume the current download job with this ID.                | function | iOS         | No       | No                | iOS only          |
+| isResumable             | Check if the the download job with this ID is resumable with `resumeDownload()`. | function | iOS         | No       | No                | iOS only          |
+| completeHandlerIOS      | For use when using background downloads, tell iOS you are done handling a completed download. | function | iOS         | No       | No                | iOS only          |
+| uploadFiles             | Percentage can be computed easily by dividing `totalBytesSent` by `totalBytesExpectedToSend`. | function | iOS/Android | No       | No                | No API on Harmony |
+| stopUpload              | Abort the current upload job with this ID.                   | function | iOS         | No       | No                | iOS only          |
+| getFSInfo               | Returns an object with the following properties.             | function | iOS/Android | No       | No                | No API on Harmony |
+| scanFile                | Scan the file using [Media Scanner](https://developer.android.com/reference/android/media/MediaScannerConnection). | function | Android     | No       | No                | Android only      |
+| getAllExternalFilesDirs | Returns an array with the absolute paths to application-specific directories on all shared/external storage devices where the application can place persistent files it owns. | function | Android     | No       | No                | Android only      |
+| pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier. | function | iOS         | No       | No                | iOS only          |
+
+## 遗留问题
+
+- [ ] HarmonyOS 的 hash 哈希 API 中关于算法参数 algorithm 目前仅支持"md5"、"sha1"、 "sha256"，其他相关算法参数目前不支持，问题: [issue#1](https://github.com/react-native-oh-library/react-native-fs/issues/1)
+- [ ] 原库部分接口在 HarmonyOS 中没有对应文件路径常量及接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-fs/issues/2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE) ，请自由地享受和参与开源。

From a8c6f568910b480f8c46403d64bac4c5d540e9dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Wed, 16 Oct 2024 01:21:29 +0000
Subject: [PATCH 669/966] =?UTF-8?q?!1666=20docs:=20[Issues:=20#IAXCAP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-linear-gradient=E7=9A=84?=
 =?UTF-8?q?=E4=B8=AD=E6=96=87=E6=96=87=E6=A1=A3=E5=92=8C=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAXCAP]=20=E4=BF=AE=E6=94=B9react-native-linear-gradient?=
 =?UTF-8?q?=E7=9A=84=E4=B8=AD=E6=96=87=E6=96=87=E6=A1=A3=E5=92=8C=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-linear-gradient.md    | 116 +++++++++++++-------------
 zh-cn/react-native-linear-gradient.md |  35 ++++----
 2 files changed, 78 insertions(+), 73 deletions(-)

diff --git a/en/react-native-linear-gradient.md b/en/react-native-linear-gradient.md
index 518aea60..bda32f49 100644
--- a/en/react-native-linear-gradient.md
+++ b/en/react-native-linear-gradient.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> Template version: v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>react-native-linear-gradient</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-linear-gradient)
+> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-linear-gradient)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] # Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-linear-gradient@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { ReactNode } from 'react';
@@ -71,30 +70,35 @@ function LinearGradientDemo() {
 export default LinearGradientDemo;
 // Later on in your styles..
 var styles = StyleSheet.create({
-  linearGradient: {
-    flex: 1,
-    paddingLeft: 15,
-    paddingRight: 15,
-    borderRadius: 5,
-  },
-  buttonText: {
-    fontSize: 18,
-    fontFamily: "Gill Sans",
-    textAlign: "center",
-    margin: 10,
-    color: "#ffffff",
-    backgroundColor: "transparent",
-  },
+    container: {
+        backgroundColor: '#fff',
+        flex: 1,
+        paddingTop: 24,
+    },
+    linearGradient: {
+        flex: 1,
+        paddingLeft: 15,
+        paddingRight: 15,
+        borderRadius: 5,
+    },
+    buttonText: {
+        fontSize: 18,
+        fontFamily: "Gill Sans",
+        textAlign: "center",
+        margin: 10,
+        color: "#ffffff",
+        backgroundColor: "transparent",
+    },
 });
 ```
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the harmony directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -105,18 +109,15 @@ var styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the harmony directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open entry/oh-package.json5 file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -126,22 +127,22 @@ var styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code.](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 LinearGradientPackage
+### 3.Configuring CMakeLists and Introducing LinearGradientPackage Package
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open entry/src/main/cpp/CMakeLists.txt and add the following code:
 
 ```diff
 project(rnapp)
@@ -179,7 +180,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open entry/src/main/cpp/PackageProvider.cpp and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -198,35 +199,35 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+## Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.228; ROM: 3.0.0.23;
 
-## 属性
+## Properties
 
-> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name        | Description                                              | Type                   | Required | Platform | HarmonyOS Support (ArkTS) | HarmonyOS Support (CAPI) |
 | ----------- | -------------------------------------------------------- | ---------------------- | -------- | -------- |---------------------------|--------------------------|
@@ -238,11 +239,10 @@ ohpm install
 | start       | Starting point coordinates (default value: {x: 0.5,1})   | { x: number,y: number} | NO       | All      | partial                   | yes                      |
 | end         | End point coordinates (default value: {x: 0.5,1})        | { x: number,y: number} | NO       | All      | partial                   | yes                      |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE).
\ No newline at end of file
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 518aea60..715a566f 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -63,7 +63,7 @@ function LinearGradientDemo() {
                 colors={["#4c669f", "#3b5998", "#192f6a"]}
                 style={styles.linearGradient}
             >
-            <Text style={styles.buttonText}>Sign in with Facebook</Text>
+                <Text style={styles.buttonText}>Sign in with Facebook</Text>
             </LinearGradient>;
         </View>
     );
@@ -71,20 +71,25 @@ function LinearGradientDemo() {
 export default LinearGradientDemo;
 // Later on in your styles..
 var styles = StyleSheet.create({
-  linearGradient: {
-    flex: 1,
-    paddingLeft: 15,
-    paddingRight: 15,
-    borderRadius: 5,
-  },
-  buttonText: {
-    fontSize: 18,
-    fontFamily: "Gill Sans",
-    textAlign: "center",
-    margin: 10,
-    color: "#ffffff",
-    backgroundColor: "transparent",
-  },
+    container: {
+        backgroundColor: '#fff',
+        flex: 1,
+        paddingTop: 24, 
+    },
+    linearGradient: {
+        flex: 1,
+        paddingLeft: 15,
+        paddingRight: 15,
+        borderRadius: 5,
+    },
+    buttonText: {
+        fontSize: 18,
+        fontFamily: "Gill Sans",
+        textAlign: "center",
+        margin: 10,
+        color: "#ffffff",
+        backgroundColor: "transparent",
+    },
 });
 ```
 

From bfd55b85c436227cd791b6a91690bbe3ad32265e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=98=89=E8=AF=9A?= <linjiacheng1@huawei.com>
Date: Wed, 16 Oct 2024 03:24:52 +0000
Subject: [PATCH 670/966] !1668 docs: [IAXEMB]update
 react-native-scrollable-tab-view demo * docs: [IAXEMB]update demo

---
 en/react-native-scrollable-tab-view.md    | 30 +++++++++++------------
 zh-cn/react-native-scrollable-tab-view.md | 30 +++++++++++------------
 2 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/en/react-native-scrollable-tab-view.md b/en/react-native-scrollable-tab-view.md
index 6251298f..92109890 100644
--- a/en/react-native-scrollable-tab-view.md
+++ b/en/react-native-scrollable-tab-view.md
@@ -45,24 +45,24 @@ The following code shows the basic use scenario of the repository:
 > [!WARNING] The library name imported during use remains unchanged.
 
 ```js
-import React from "react";
-import { Text, View } from "react-native";
+import React from 'react';
+import {
+  Text,
+} from 'react-native';
 
-import ScrollableTabView from "react-native-scrollable-tab-view";
+import ScrollableTabView, { DefaultTabBar } from 'react-native-scrollable-tab-view';
 
 export default () => {
-  return (
-    <View>
-      <ScrollableTabView>
-        <Text tabLabel="Tab #1">My</Text>
-        <Text tabLabel="Tab #2 word word">favorite</Text>
-        <Text tabLabel="Tab #3 word word word">project</Text>
-        <Text tabLabel="Tab #4 word word word word">favorite</Text>
-        <Text tabLabel="Tab #5">project</Text>
-      </ScrollableTabView>
-    </View>
-  );
-};
+  return <ScrollableTabView
+    style={{ marginTop: 20 }}
+    initialPage={1}
+    renderTabBar={() => <DefaultTabBar />}
+  >
+    <Text tabLabel='Tab #1'>My</Text>
+    <Text tabLabel='Tab #2'>favorite</Text>
+    <Text tabLabel='Tab #3'>project</Text>
+  </ScrollableTabView>;
+}
 ```
 
 ## Link
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index 80efc515..12e46008 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -46,24 +46,24 @@ yarn add @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React from "react";
-import { Text, View } from "react-native";
+import React from 'react';
+import {
+  Text,
+} from 'react-native';
 
-import ScrollableTabView from "react-native-scrollable-tab-view";
+import ScrollableTabView, { DefaultTabBar } from 'react-native-scrollable-tab-view';
 
 export default () => {
-  return (
-    <View>
-      <ScrollableTabView>
-        <Text tabLabel="Tab #1">My</Text>
-        <Text tabLabel="Tab #2 word word">favorite</Text>
-        <Text tabLabel="Tab #3 word word word">project</Text>
-        <Text tabLabel="Tab #4 word word word word">favorite</Text>
-        <Text tabLabel="Tab #5">project</Text>
-      </ScrollableTabView>
-    </View>
-  );
-};
+  return <ScrollableTabView
+    style={{ marginTop: 20 }}
+    initialPage={1}
+    renderTabBar={() => <DefaultTabBar />}
+  >
+    <Text tabLabel='Tab #1'>My</Text>
+    <Text tabLabel='Tab #2'>favorite</Text>
+    <Text tabLabel='Tab #3'>project</Text>
+  </ScrollableTabView>;
+}
 ```
 
 ## Link

From 0b77f2646c03da7e421915e98f0e4c4be90b85cb Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Wed, 16 Oct 2024 09:12:38 +0000
Subject: [PATCH 671/966] =?UTF-8?q?!1669=20docs:=20[Issue:=20#IAXG5P]?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-drax=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXG5P]=E6=B7=BB=E5=8A=A0rea?=
 =?UTF-8?q?ct-native-drax=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-drax.md    | 228 +++++++++++++++++++++++++++++++++++++
 zh-cn/react-native-drax.md | 228 +++++++++++++++++++++++++++++++++++++
 2 files changed, 456 insertions(+)
 create mode 100644 en/react-native-drax.md
 create mode 100644 zh-cn/react-native-drax.md

diff --git a/en/react-native-drax.md b/en/react-native-drax.md
new file mode 100644
index 00000000..18531952
--- /dev/null
+++ b/en/react-native-drax.md
@@ -0,0 +1,228 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-drax</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/nuclearpasta/react-native-drax">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/nuclearpasta/react-native-drax/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-drax)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-drax@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-drax@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { DraxProvider, DraxView } from 'react-native-drax';
+
+
+export const GestureHandleExample = () => {
+  const viewPropsExtractor = (data: any) => {
+    return {
+      style: {
+        backgroundColor: data.isDragging ? 'lightblue' : 'white',
+      },
+    };
+  };
+  return (
+    <DraxProvider>
+      <GestureHandlerRootView>
+        <View style={styles.container}>
+          <DraxView
+            style={styles.draggable}
+            onDragStart={() => {
+              console.log('start drag');
+            }}
+            payload="world"
+          />
+          <DraxView
+            style={styles.receiver}
+            onReceiveDragEnter={({ dragged: { payload } }) => {
+              console.log(`hello ${payload}`);
+            }}
+            onReceiveDragExit={({ dragged: { payload } }) => {
+              console.log(`goodbye ${payload}`);
+            }}
+            onReceiveDragDrop={({ dragged: { payload } }) => {
+              console.log(`received ${payload}`);
+            }}
+          />
+        </View>
+      </GestureHandlerRootView>
+    </DraxProvider>
+  );
+};
+
+const styles = StyleSheet.create({
+  box: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'blue',
+    marginTop: 100,
+    marginLeft: 100
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    height: 800,
+    paddingTop: 500
+  },
+  draggable: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'blue',
+  },
+  receiver: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'green',
+  },
+});
+```
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在鸿蒙工程中引入过这个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-gesture-handler.md)  进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### DraxView
+
+|               Name                |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
+| :-------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|            onDragStart            |     Called in the dragged view when a drag action begins     | function |    no    | iOS/Android |        Yes        |
+|              onDrag               | Called in the dragged view repeatedly while dragged, not over any receiver | function |    no    | iOS/Android |        Yes        |
+|            onDragEnter            | Called in the dragged view when initially dragged over a new receiver | function |    no    | iOS/Android |        Yes        |
+|            onDragOver             | Called in the dragged view repeatedly while dragged over a receiver. | function |    no    | iOS/Android |        Yes        |
+|            onDragExit             |  Called in the dragged view when dragged off of a receiver   | function |    no    | iOS/Android |        Yes        |
+|             onDragEnd             | Called in the dragged view when drag ends not over any receiver or is cancelled | function |    no    | iOS/Android |        Yes        |
+|            onDragDrop             |  Called in the dragged view when drag ends over a receiver   | function |    no    | iOS/Android |        Yes        |
+|           onSnapbackEnd           |  Called in the dragged view when drag release snapback ends  | function |    no    | iOS/Android |        Yes        |
+|        onReceiveDragEnter         | Called in the receiver view each time an item is initially dragged over it | function |    no    | iOS/Android |        Yes        |
+|         onReceiveDragOver         | Called in the receiver view repeatedly while an item is dragged over it | function |    no    | iOS/Android |        Yes        |
+|         onReceiveDragExit         | Called in the receiver view when item is dragged off of it or drag is cancelled | function |    no    | iOS/Android |        Yes        |
+|         onReceiveDragDrop         |      Called in the receiver view when drag ends over it      | function |    no    | iOS/Android |        Yes        |
+|        onMonitorDragStart         | Called in the monitor view when a drag action begins over it | function |    no    | iOS/Android |        Yes        |
+|        onMonitorDragEnter         | Called in the monitor view each time an item is initially dragged over it | function |    no    | iOS/Android |        Yes        |
+|         onMonitorDragOver         | Called in the monitor view repeatedly while an item is dragged over it | function |    no    | iOS/Android |        Yes        |
+|         onMonitorDragExit         |  Called in the monitor view when item is dragged off of it   | function |    no    | iOS/Android |        Yes        |
+|         onMonitorDragEnd          | Called in the monitor view when drag ends over it while not over any receiver or drag is cancelled | function |    no    | iOS/Android |        Yes        |
+|         onMonitorDragDrop         | Called in the monitor view when drag ends over it while over a receiver | function |    no    | iOS/Android |        Yes        |
+|          animateSnapback          | Whether or not to animate hover view snapback after drag release, defaults to true | boolean  |    no    | iOS/Android |        Yes        |
+|              payload              | Convenience prop to provide one value for both `dragPayload` and `receiverPayload` |   any    |    no    | iOS/Android |        Yes        |
+|            dragPayload            | Payload that will be delivered to receiver views when this view is dragged; overrides `payload` |   any    |    no    | iOS/Android |        Yes        |
+|          receiverPayload          | Payload that will be delievered to dragged views when this view receives them; overrides `payload` |   any    |    no    | iOS/Android |        Yes        |
+|         dragInactiveStyle         | Additional view style applied while this view is not being dragged or released |  object  |    no    | iOS/Android |        Yes        |
+|           draggingStyle           | Additional view style applied while this view is being dragged |  object  |    no    | iOS/Android |        Yes        |
+|     draggingWithReceiverStyle     | Additional view style applied while this view is being dragged over a receiver |  object  |    no    | iOS/Android |        Yes        |
+|   draggingWithoutReceiverStyle    | Additional view style applied while this view is being dragged NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
+|         dragReleasedStyle         | Additional view style applied while this view has just been released from a drag |  object  |    no    | iOS/Android |        Yes        |
+|            hoverStyle             | Additional view style applied to the hovering copy of this view during drag/release |  object  |    no    | iOS/Android |        Yes        |
+|        hoverDraggingStyle         | Additional view style applied to the hovering copy of this view while dragging |  object  |    no    | iOS/Android |        Yes        |
+|  hoverDraggingWithReceiverStyle   | Additional view style applied to the hovering copy of this view while dragging over a receiver |  object  |    no    | iOS/Android |        Yes        |
+| hoverDraggingWithoutReceiverStyle | Additional view style applied to the hovering copy of this view while dragging NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
+|      hoverDragReleasedStyle       | Additional view style applied to the hovering copy of this view when just released |  object  |    no    | iOS/Android |        Yes        |
+|       receiverInactiveStyle       | Additional view style applied while this view is not receiving a drag |  object  |    no    | iOS/Android |        Yes        |
+|          receivingStyle           | Additional view style applied while this view is receiving a drag |  object  |    no    | iOS/Android |        Yes        |
+|        otherDraggingStyle         | Additional view style applied to this view while any other view is being dragged |  object  |    no    | iOS/Android |        Yes        |
+|  otherDraggingWithReceiverStyle   | Additional view style applied to this view while any other view is being dragged over a receiver |  object  |    no    | iOS/Android |        Yes        |
+| otherDraggingWithoutReceiverStyle | Additional view style applied to this view while any other view is being dragged NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
+|           renderContent           |       Custom render function for content of this view        |    /     |    no    | iOS/Android |        Yes        |
+|        renderHoverContent         | Custom render function for content of hovering copy of this view, defaults to renderContent |    /     |    no    | iOS/Android |        Yes        |
+|           registration            | For external registration of this view, to access internal methods, similar to a ref | function |    no    | iOS/Android |        Yes        |
+|             onMeasure             |          For receiving view measurements externally          | function |    no    | iOS/Android |        Yes        |
+|         lockDragXPosition         |               If true, lock drag's x-position                | boolean  |    no    | iOS/Android |        Yes        |
+|         lockDragYPosition         |               If true, lock drag's y position                | boolean  |    no    | iOS/Android |        Yes        |
+|             children              |                React children of the DraxView                |    /     |    no    | iOS/Android |        Yes        |
+|              noHover              | If true, do not render hover view copies for this view when dragging | boolean  |    no    | iOS/Android |        Yes        |
+|          longPressDelay           | Time in milliseconds view needs to be pressed before drag starts |  number  |    no    | iOS/Android |        Yes        |
+|             draggable             |               Whether the view can be dragged                | boolean  |    no    | iOS/Android |        Yes        |
+
+###  DraxScrollView
+
+|   Name   |                  Description                   |   Type   | Required |  Platform   | HarmonyOS Support |
+| :------: | :--------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+| children |         React children of the DraxView         |    /     |    no    | iOS/Android |        Yes        |
+| onScroll | Callback generated when scrolling is triggered | function |    no    | iOS/Android |        Yes        |
+
+### DraxList
+
+|           Name           |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
+| :----------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|           data           |      Transforms the first character in a capital letter      | boolean  |    no    | iOS/Android |        Yes        |
+|      flatListStyle       |            Style prop for the underlying FlatList            |  object  |    no    | iOS/Android |        Yes        |
+|        itemStyles        |    Style props to apply to all DraxView items in the list    |  object  |    no    | iOS/Android |        Yes        |
+|    renderItemContent     |      Render function for content of an item's DraxView       |    /     |    no    | iOS/Android |        Yes        |
+|  renderItemHoverContent  | Render function for content of an item's hovering copy, defaults to renderItemContent |    /     |    no    | iOS/Android |        Yes        |
+|     onItemDragStart      | Callback handler for when a list item reorder drag action begins | function |    no    | iOS/Android |        Yes        |
+| onItemDragPositionChange | Callback handler for when a list item position (index) changes during a reorder drag | function |    no    | iOS/Android |        Yes        |
+|      onItemDragEnd       | Callback handler for when a list item reorder drag action ends | function |    no    | iOS/Android |        Yes        |
+|      onItemReorder       | Callback handler for when a list item is moved within the list, reordering the list | function |    no    | iOS/Android |        Yes        |
+|       reorderable        | Can the list be reordered by dragging items? Defaults to true if onItemReorder is set | boolean  |    no    | iOS/Android |        Yes        |
+|    viewPropsExtractor    | Function that receives an item and returns a list of DraxViewProps to apply to that item's DraxView | function |    no    | iOS/Android |        Yes        |
+|         onScroll         |        Callback generated when scrolling is triggered        | function |    no    | iOS/Android |        Yes        |
+|      itemsDraggable      |          Can the items be dragged? Defaults to true          | boolean  |    no    | iOS/Android |        Yes        |
+| lockItemDragsToMainAxis  |       If true, lock item drags to the list's main axis       | boolean  |    no    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+- [ ] DraxList和DraxScrollView组件存在拖拽不流畅的情况，[issue#1](https://github.com/react-native-oh-library/react-native-drax/issues/1)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License(MIT)](https://github.com/nuclearpasta/react-native-drax/blob/main/LICENSE.md)，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-drax.md b/zh-cn/react-native-drax.md
new file mode 100644
index 00000000..18531952
--- /dev/null
+++ b/zh-cn/react-native-drax.md
@@ -0,0 +1,228 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-drax</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/nuclearpasta/react-native-drax">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/nuclearpasta/react-native-drax/blob/main/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-drax)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-drax@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-drax@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { DraxProvider, DraxView } from 'react-native-drax';
+
+
+export const GestureHandleExample = () => {
+  const viewPropsExtractor = (data: any) => {
+    return {
+      style: {
+        backgroundColor: data.isDragging ? 'lightblue' : 'white',
+      },
+    };
+  };
+  return (
+    <DraxProvider>
+      <GestureHandlerRootView>
+        <View style={styles.container}>
+          <DraxView
+            style={styles.draggable}
+            onDragStart={() => {
+              console.log('start drag');
+            }}
+            payload="world"
+          />
+          <DraxView
+            style={styles.receiver}
+            onReceiveDragEnter={({ dragged: { payload } }) => {
+              console.log(`hello ${payload}`);
+            }}
+            onReceiveDragExit={({ dragged: { payload } }) => {
+              console.log(`goodbye ${payload}`);
+            }}
+            onReceiveDragDrop={({ dragged: { payload } }) => {
+              console.log(`received ${payload}`);
+            }}
+          />
+        </View>
+      </GestureHandlerRootView>
+    </DraxProvider>
+  );
+};
+
+const styles = StyleSheet.create({
+  box: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'blue',
+    marginTop: 100,
+    marginLeft: 100
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    height: 800,
+    paddingTop: 500
+  },
+  draggable: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'blue',
+  },
+  receiver: {
+    width: 100,
+    height: 100,
+    backgroundColor: 'green',
+  },
+});
+```
+
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在鸿蒙工程中引入过这个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-gesture-handler.md)  进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### DraxView
+
+|               Name                |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
+| :-------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|            onDragStart            |     Called in the dragged view when a drag action begins     | function |    no    | iOS/Android |        Yes        |
+|              onDrag               | Called in the dragged view repeatedly while dragged, not over any receiver | function |    no    | iOS/Android |        Yes        |
+|            onDragEnter            | Called in the dragged view when initially dragged over a new receiver | function |    no    | iOS/Android |        Yes        |
+|            onDragOver             | Called in the dragged view repeatedly while dragged over a receiver. | function |    no    | iOS/Android |        Yes        |
+|            onDragExit             |  Called in the dragged view when dragged off of a receiver   | function |    no    | iOS/Android |        Yes        |
+|             onDragEnd             | Called in the dragged view when drag ends not over any receiver or is cancelled | function |    no    | iOS/Android |        Yes        |
+|            onDragDrop             |  Called in the dragged view when drag ends over a receiver   | function |    no    | iOS/Android |        Yes        |
+|           onSnapbackEnd           |  Called in the dragged view when drag release snapback ends  | function |    no    | iOS/Android |        Yes        |
+|        onReceiveDragEnter         | Called in the receiver view each time an item is initially dragged over it | function |    no    | iOS/Android |        Yes        |
+|         onReceiveDragOver         | Called in the receiver view repeatedly while an item is dragged over it | function |    no    | iOS/Android |        Yes        |
+|         onReceiveDragExit         | Called in the receiver view when item is dragged off of it or drag is cancelled | function |    no    | iOS/Android |        Yes        |
+|         onReceiveDragDrop         |      Called in the receiver view when drag ends over it      | function |    no    | iOS/Android |        Yes        |
+|        onMonitorDragStart         | Called in the monitor view when a drag action begins over it | function |    no    | iOS/Android |        Yes        |
+|        onMonitorDragEnter         | Called in the monitor view each time an item is initially dragged over it | function |    no    | iOS/Android |        Yes        |
+|         onMonitorDragOver         | Called in the monitor view repeatedly while an item is dragged over it | function |    no    | iOS/Android |        Yes        |
+|         onMonitorDragExit         |  Called in the monitor view when item is dragged off of it   | function |    no    | iOS/Android |        Yes        |
+|         onMonitorDragEnd          | Called in the monitor view when drag ends over it while not over any receiver or drag is cancelled | function |    no    | iOS/Android |        Yes        |
+|         onMonitorDragDrop         | Called in the monitor view when drag ends over it while over a receiver | function |    no    | iOS/Android |        Yes        |
+|          animateSnapback          | Whether or not to animate hover view snapback after drag release, defaults to true | boolean  |    no    | iOS/Android |        Yes        |
+|              payload              | Convenience prop to provide one value for both `dragPayload` and `receiverPayload` |   any    |    no    | iOS/Android |        Yes        |
+|            dragPayload            | Payload that will be delivered to receiver views when this view is dragged; overrides `payload` |   any    |    no    | iOS/Android |        Yes        |
+|          receiverPayload          | Payload that will be delievered to dragged views when this view receives them; overrides `payload` |   any    |    no    | iOS/Android |        Yes        |
+|         dragInactiveStyle         | Additional view style applied while this view is not being dragged or released |  object  |    no    | iOS/Android |        Yes        |
+|           draggingStyle           | Additional view style applied while this view is being dragged |  object  |    no    | iOS/Android |        Yes        |
+|     draggingWithReceiverStyle     | Additional view style applied while this view is being dragged over a receiver |  object  |    no    | iOS/Android |        Yes        |
+|   draggingWithoutReceiverStyle    | Additional view style applied while this view is being dragged NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
+|         dragReleasedStyle         | Additional view style applied while this view has just been released from a drag |  object  |    no    | iOS/Android |        Yes        |
+|            hoverStyle             | Additional view style applied to the hovering copy of this view during drag/release |  object  |    no    | iOS/Android |        Yes        |
+|        hoverDraggingStyle         | Additional view style applied to the hovering copy of this view while dragging |  object  |    no    | iOS/Android |        Yes        |
+|  hoverDraggingWithReceiverStyle   | Additional view style applied to the hovering copy of this view while dragging over a receiver |  object  |    no    | iOS/Android |        Yes        |
+| hoverDraggingWithoutReceiverStyle | Additional view style applied to the hovering copy of this view while dragging NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
+|      hoverDragReleasedStyle       | Additional view style applied to the hovering copy of this view when just released |  object  |    no    | iOS/Android |        Yes        |
+|       receiverInactiveStyle       | Additional view style applied while this view is not receiving a drag |  object  |    no    | iOS/Android |        Yes        |
+|          receivingStyle           | Additional view style applied while this view is receiving a drag |  object  |    no    | iOS/Android |        Yes        |
+|        otherDraggingStyle         | Additional view style applied to this view while any other view is being dragged |  object  |    no    | iOS/Android |        Yes        |
+|  otherDraggingWithReceiverStyle   | Additional view style applied to this view while any other view is being dragged over a receiver |  object  |    no    | iOS/Android |        Yes        |
+| otherDraggingWithoutReceiverStyle | Additional view style applied to this view while any other view is being dragged NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
+|           renderContent           |       Custom render function for content of this view        |    /     |    no    | iOS/Android |        Yes        |
+|        renderHoverContent         | Custom render function for content of hovering copy of this view, defaults to renderContent |    /     |    no    | iOS/Android |        Yes        |
+|           registration            | For external registration of this view, to access internal methods, similar to a ref | function |    no    | iOS/Android |        Yes        |
+|             onMeasure             |          For receiving view measurements externally          | function |    no    | iOS/Android |        Yes        |
+|         lockDragXPosition         |               If true, lock drag's x-position                | boolean  |    no    | iOS/Android |        Yes        |
+|         lockDragYPosition         |               If true, lock drag's y position                | boolean  |    no    | iOS/Android |        Yes        |
+|             children              |                React children of the DraxView                |    /     |    no    | iOS/Android |        Yes        |
+|              noHover              | If true, do not render hover view copies for this view when dragging | boolean  |    no    | iOS/Android |        Yes        |
+|          longPressDelay           | Time in milliseconds view needs to be pressed before drag starts |  number  |    no    | iOS/Android |        Yes        |
+|             draggable             |               Whether the view can be dragged                | boolean  |    no    | iOS/Android |        Yes        |
+
+###  DraxScrollView
+
+|   Name   |                  Description                   |   Type   | Required |  Platform   | HarmonyOS Support |
+| :------: | :--------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+| children |         React children of the DraxView         |    /     |    no    | iOS/Android |        Yes        |
+| onScroll | Callback generated when scrolling is triggered | function |    no    | iOS/Android |        Yes        |
+
+### DraxList
+
+|           Name           |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
+| :----------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|           data           |      Transforms the first character in a capital letter      | boolean  |    no    | iOS/Android |        Yes        |
+|      flatListStyle       |            Style prop for the underlying FlatList            |  object  |    no    | iOS/Android |        Yes        |
+|        itemStyles        |    Style props to apply to all DraxView items in the list    |  object  |    no    | iOS/Android |        Yes        |
+|    renderItemContent     |      Render function for content of an item's DraxView       |    /     |    no    | iOS/Android |        Yes        |
+|  renderItemHoverContent  | Render function for content of an item's hovering copy, defaults to renderItemContent |    /     |    no    | iOS/Android |        Yes        |
+|     onItemDragStart      | Callback handler for when a list item reorder drag action begins | function |    no    | iOS/Android |        Yes        |
+| onItemDragPositionChange | Callback handler for when a list item position (index) changes during a reorder drag | function |    no    | iOS/Android |        Yes        |
+|      onItemDragEnd       | Callback handler for when a list item reorder drag action ends | function |    no    | iOS/Android |        Yes        |
+|      onItemReorder       | Callback handler for when a list item is moved within the list, reordering the list | function |    no    | iOS/Android |        Yes        |
+|       reorderable        | Can the list be reordered by dragging items? Defaults to true if onItemReorder is set | boolean  |    no    | iOS/Android |        Yes        |
+|    viewPropsExtractor    | Function that receives an item and returns a list of DraxViewProps to apply to that item's DraxView | function |    no    | iOS/Android |        Yes        |
+|         onScroll         |        Callback generated when scrolling is triggered        | function |    no    | iOS/Android |        Yes        |
+|      itemsDraggable      |          Can the items be dragged? Defaults to true          | boolean  |    no    | iOS/Android |        Yes        |
+| lockItemDragsToMainAxis  |       If true, lock item drags to the list's main axis       | boolean  |    no    | iOS/Android |        Yes        |
+
+## 遗留问题
+
+- [ ] DraxList和DraxScrollView组件存在拖拽不流畅的情况，[issue#1](https://github.com/react-native-oh-library/react-native-drax/issues/1)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License(MIT)](https://github.com/nuclearpasta/react-native-drax/blob/main/LICENSE.md)，请自由地享受和参与开源。

From 19a65cba336969914338f50abdfff52b2913e1bb Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Wed, 16 Oct 2024 09:38:32 +0000
Subject: [PATCH 672/966] =?UTF-8?q?!1675=20docs:=20=20[Issue:=20#IAXKRB]?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9js=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E5=A2=9E=E5=8A=A0=E5=85=B6=E5=85=BC=E5=AE=B9=E6=80=A7?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20?=
 =?UTF-8?q?[Issue:=20#IAXKRB]=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9js?=
 =?UTF-8?q?=E4=B8=89=E6=96=B9=E5=BA=93=E5=A2=9E=E5=8A=A0=E5=85=B6=E5=85=BC?=
 =?UTF-8?q?=E5=AE=B9=E6=80=A7=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/galio-framework.md                    |  1 +
 en/react-native-autoLink.md              |  5 +-
 en/react-native-flip-card.md             |  7 +--
 en/react-native-typing-animation.md      |  7 ++-
 en/react-navigation-header-buttons.md    | 61 ++++++++++++------------
 zh-cn/galio-framework.md                 |  1 +
 zh-cn/react-native-autoLink.md           |  5 +-
 zh-cn/react-native-flip-card.md          |  7 +--
 zh-cn/react-native-typing-animation.md   |  7 ++-
 zh-cn/react-navigation-header-buttons.md | 61 ++++++++++++------------
 10 files changed, 76 insertions(+), 86 deletions(-)

diff --git a/en/galio-framework.md b/en/galio-framework.md
index 902143fc..a5ef49b6 100644
--- a/en/galio-framework.md
+++ b/en/galio-framework.md
@@ -156,6 +156,7 @@ export default CardDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS NEXT Developer Beta1 5.0.0.25(API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-native-autoLink.md b/en/react-native-autoLink.md
index 69397aa6..c9617a19 100644
--- a/en/react-native-autoLink.md
+++ b/en/react-native-autoLink.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -101,6 +99,7 @@ export default AutolinkDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -140,5 +139,3 @@ export default AutolinkDemo;
 ## 开源协议
 
 本项目基于 [The MIT License](https://github.com/joshswan/react-native-autolink/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-flip-card.md b/en/react-native-flip-card.md
index ca693e07..592bcf4a 100644
--- a/en/react-native-flip-card.md
+++ b/en/react-native-flip-card.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -211,7 +209,8 @@ export const FlipCardExample = () => {
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24;
+1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -244,5 +243,3 @@ export const FlipCardExample = () => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/moschan/react-native-flip-card/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
diff --git a/en/react-native-typing-animation.md b/en/react-native-typing-animation.md
index 380fba88..200e61da 100644
--- a/en/react-native-typing-animation.md
+++ b/en/react-native-typing-animation.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-typing-animation</code> </h1>
@@ -211,6 +210,8 @@ export default TypingAnimationDemos;
 
 1.RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 
+2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -238,5 +239,3 @@ export default TypingAnimationDemos;
 
 本项目基于  [The MIT License (MIT)](https://github.com/watadarkstar/react-native-typing-animation/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-navigation-header-buttons.md b/en/react-navigation-header-buttons.md
index 489a9a69..131c8f00 100644
--- a/en/react-navigation-header-buttons.md
+++ b/en/react-navigation-header-buttons.md
@@ -131,7 +131,8 @@ export function UsageWithIcons({ navigation }) {
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24(Canary3);
+1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24(Canary3);
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -143,12 +144,12 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| HeaderButtonComponent            | component that renders the buttons, HeaderButton by default  |`ComponentType`| no   | iOS/Android       | yes | 
-| children            | 	whatever you want to render inside  |`ReactNode`| yes   | iOS/Android       | yes | 
-| left            | 	whether the HeaderButtons are on the left from header title  |boolean| no   | iOS/Android       | yes | 
-| preset            | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing.  |`’tabHeader’/‘stackHeader’`| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| HeaderButtonComponent            | component that renders the buttons, HeaderButton by default  |`ComponentType`| no   | iOS/Android       | yes |
+| children            | 	whatever you want to render inside  |`ReactNode`| yes   | iOS/Android       | yes |
+| left            | 	whether the HeaderButtons are on the left from header title  |boolean| no   | iOS/Android       | yes |
+| preset            | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing.  |`’tabHeader’/‘stackHeader’`| no   | iOS/Android       | yes |
 
 
 
@@ -160,13 +161,13 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| title            | 	title for the button, required  |string| no   | iOS/Android       | yes | 
-| onPress            | 	function to call on press |function| no   | iOS/Android       | yes | 
-| iconName            | 	icon name, used together with the IconComponent prop  |string| no   | iOS/Android       | yes | 
-| style            | style to apply to the touchable element that wraps the button  |` ViewStyle`| no   | iOS/Android       | yes | 
-| buttonStyle            | style to apply to the text / icon |` ViewStyle`| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| title            | 	title for the button, required  |string| no   | iOS/Android       | yes |
+| onPress            | 	function to call on press |function| no   | iOS/Android       | yes |
+| iconName            | 	icon name, used together with the IconComponent prop  |string| no   | iOS/Android       | yes |
+| style            | style to apply to the touchable element that wraps the button  |` ViewStyle`| no   | iOS/Android       | yes |
+| buttonStyle            | style to apply to the text / icon |` ViewStyle`| no   | iOS/Android       | yes |
 
 ### OverflowMenu
 
@@ -176,11 +177,11 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| OverflowIcon            | React element or component for the overflow icon  |` ReactElement / ComponentType`| no   | iOS/Android       | yes | 
-| style            | 	optional styles for overflow button|`ViewStyle`| no   | iOS/Android       | yes | 
-| onPress            | 	function that is called when overflow menu is pressed.  |function| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| OverflowIcon            | React element or component for the overflow icon  |` ReactElement / ComponentType`| no   | iOS/Android       | yes |
+| style            | 	optional styles for overflow button|`ViewStyle`| no   | iOS/Android       | yes |
+| onPress            | 	function that is called when overflow menu is pressed.  |function| no   | iOS/Android       | yes |
 | left              | whether the OverflowMenu is on the left from header title |boolean| no   | iOS/Android       | yes |
 | children              | the overflow items|`ReactNode`| yes   | iOS/Android       | yes |
 | preset              |	headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. |` 'tabHeader' / 'stackHeader'`| no   | iOS/Android       | yes |
@@ -193,12 +194,12 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| title            |title for the button, required  |string| no   | iOS/Android       | yes | 
-| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes | 
-| titleStyle            | style to apply to the text |`TextStyle`| no   | iOS/Android       | yes | 
-| onPress            |function to call on press  |function| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| title            |title for the button, required  |string| no   | iOS/Android       | yes |
+| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes |
+| titleStyle            | style to apply to the text |`TextStyle`| no   | iOS/Android       | yes |
+| onPress            |function to call on press  |function| no   | iOS/Android       | yes |
 | disabled              | disabled 'item' is greyed out and onPress is not called on touch |boolean| no   | iOS/Android       | yes |
 
 
@@ -210,11 +211,11 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| title            |title for the button, required  |string| no   | iOS/Android       | yes | 
-| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes | 
-| onPress            |function to call on press  |function| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| title            |title for the button, required  |string| no   | iOS/Android       | yes |
+| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes |
+| onPress            |function to call on press  |function| no   | iOS/Android       | yes |
 | renderButton              |You can fully customize what it renders inside of the PlatformPressable using the renderButton |ReactNode | no   | iOS/Android       | yes |
 ## 遗留问题
 
diff --git a/zh-cn/galio-framework.md b/zh-cn/galio-framework.md
index 902143fc..a5ef49b6 100644
--- a/zh-cn/galio-framework.md
+++ b/zh-cn/galio-framework.md
@@ -156,6 +156,7 @@ export default CardDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS NEXT Developer Beta1 5.0.0.25(API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-autoLink.md b/zh-cn/react-native-autoLink.md
index 69397aa6..c9617a19 100644
--- a/zh-cn/react-native-autoLink.md
+++ b/zh-cn/react-native-autoLink.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -101,6 +99,7 @@ export default AutolinkDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -140,5 +139,3 @@ export default AutolinkDemo;
 ## 开源协议
 
 本项目基于 [The MIT License](https://github.com/joshswan/react-native-autolink/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-flip-card.md b/zh-cn/react-native-flip-card.md
index ca693e07..592bcf4a 100644
--- a/zh-cn/react-native-flip-card.md
+++ b/zh-cn/react-native-flip-card.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -211,7 +209,8 @@ export const FlipCardExample = () => {
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24;
+1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -244,5 +243,3 @@ export const FlipCardExample = () => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/moschan/react-native-flip-card/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-typing-animation.md b/zh-cn/react-native-typing-animation.md
index 380fba88..200e61da 100644
--- a/zh-cn/react-native-typing-animation.md
+++ b/zh-cn/react-native-typing-animation.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-typing-animation</code> </h1>
@@ -211,6 +210,8 @@ export default TypingAnimationDemos;
 
 1.RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 
+2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -238,5 +239,3 @@ export default TypingAnimationDemos;
 
 本项目基于  [The MIT License (MIT)](https://github.com/watadarkstar/react-native-typing-animation/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-navigation-header-buttons.md b/zh-cn/react-navigation-header-buttons.md
index 489a9a69..131c8f00 100644
--- a/zh-cn/react-navigation-header-buttons.md
+++ b/zh-cn/react-navigation-header-buttons.md
@@ -131,7 +131,8 @@ export function UsageWithIcons({ navigation }) {
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24(Canary3);
+1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24(Canary3);
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -143,12 +144,12 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| HeaderButtonComponent            | component that renders the buttons, HeaderButton by default  |`ComponentType`| no   | iOS/Android       | yes | 
-| children            | 	whatever you want to render inside  |`ReactNode`| yes   | iOS/Android       | yes | 
-| left            | 	whether the HeaderButtons are on the left from header title  |boolean| no   | iOS/Android       | yes | 
-| preset            | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing.  |`’tabHeader’/‘stackHeader’`| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| HeaderButtonComponent            | component that renders the buttons, HeaderButton by default  |`ComponentType`| no   | iOS/Android       | yes |
+| children            | 	whatever you want to render inside  |`ReactNode`| yes   | iOS/Android       | yes |
+| left            | 	whether the HeaderButtons are on the left from header title  |boolean| no   | iOS/Android       | yes |
+| preset            | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing.  |`’tabHeader’/‘stackHeader’`| no   | iOS/Android       | yes |
 
 
 
@@ -160,13 +161,13 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| title            | 	title for the button, required  |string| no   | iOS/Android       | yes | 
-| onPress            | 	function to call on press |function| no   | iOS/Android       | yes | 
-| iconName            | 	icon name, used together with the IconComponent prop  |string| no   | iOS/Android       | yes | 
-| style            | style to apply to the touchable element that wraps the button  |` ViewStyle`| no   | iOS/Android       | yes | 
-| buttonStyle            | style to apply to the text / icon |` ViewStyle`| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| title            | 	title for the button, required  |string| no   | iOS/Android       | yes |
+| onPress            | 	function to call on press |function| no   | iOS/Android       | yes |
+| iconName            | 	icon name, used together with the IconComponent prop  |string| no   | iOS/Android       | yes |
+| style            | style to apply to the touchable element that wraps the button  |` ViewStyle`| no   | iOS/Android       | yes |
+| buttonStyle            | style to apply to the text / icon |` ViewStyle`| no   | iOS/Android       | yes |
 
 ### OverflowMenu
 
@@ -176,11 +177,11 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| OverflowIcon            | React element or component for the overflow icon  |` ReactElement / ComponentType`| no   | iOS/Android       | yes | 
-| style            | 	optional styles for overflow button|`ViewStyle`| no   | iOS/Android       | yes | 
-| onPress            | 	function that is called when overflow menu is pressed.  |function| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| OverflowIcon            | React element or component for the overflow icon  |` ReactElement / ComponentType`| no   | iOS/Android       | yes |
+| style            | 	optional styles for overflow button|`ViewStyle`| no   | iOS/Android       | yes |
+| onPress            | 	function that is called when overflow menu is pressed.  |function| no   | iOS/Android       | yes |
 | left              | whether the OverflowMenu is on the left from header title |boolean| no   | iOS/Android       | yes |
 | children              | the overflow items|`ReactNode`| yes   | iOS/Android       | yes |
 | preset              |	headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. |` 'tabHeader' / 'stackHeader'`| no   | iOS/Android       | yes |
@@ -193,12 +194,12 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| title            |title for the button, required  |string| no   | iOS/Android       | yes | 
-| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes | 
-| titleStyle            | style to apply to the text |`TextStyle`| no   | iOS/Android       | yes | 
-| onPress            |function to call on press  |function| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| title            |title for the button, required  |string| no   | iOS/Android       | yes |
+| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes |
+| titleStyle            | style to apply to the text |`TextStyle`| no   | iOS/Android       | yes |
+| onPress            |function to call on press  |function| no   | iOS/Android       | yes |
 | disabled              | disabled 'item' is greyed out and onPress is not called on touch |boolean| no   | iOS/Android       | yes |
 
 
@@ -210,11 +211,11 @@ export function UsageWithIcons({ navigation }) {
 
 
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| title            |title for the button, required  |string| no   | iOS/Android       | yes | 
-| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes | 
-| onPress            |function to call on press  |function| no   | iOS/Android       | yes | 
+| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
+| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
+| title            |title for the button, required  |string| no   | iOS/Android       | yes |
+| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes |
+| onPress            |function to call on press  |function| no   | iOS/Android       | yes |
 | renderButton              |You can fully customize what it renders inside of the PlatformPressable using the renderButton |ReactNode | no   | iOS/Android       | yes |
 ## 遗留问题
 

From ab133be2ba7291ab028739012f1fe98d7ea80d0e Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 01:48:10 +0000
Subject: [PATCH 673/966] =?UTF-8?q?!1686=20docs:=20[#IAXL4V]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9rn-sliding-up-panel=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAXL4V]=20=E4=BF=AE=E6=94=B9rn-slidin?=
 =?UTF-8?q?g-up-panel=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/rn-sliding-up-panel.md    | 1 +
 zh-cn/rn-sliding-up-panel.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/rn-sliding-up-panel.md b/en/rn-sliding-up-panel.md
index 97eb827a..e20cb438 100644
--- a/en/rn-sliding-up-panel.md
+++ b/en/rn-sliding-up-panel.md
@@ -178,6 +178,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/rn-sliding-up-panel.md b/zh-cn/rn-sliding-up-panel.md
index 97eb827a..e20cb438 100644
--- a/zh-cn/rn-sliding-up-panel.md
+++ b/zh-cn/rn-sliding-up-panel.md
@@ -178,6 +178,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 39dab443c2699e344e5e8b6dadf4f961624ce9eb Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Thu, 17 Oct 2024 01:52:34 +0000
Subject: [PATCH 674/966] =?UTF-8?q?!1674=20=E6=89=B9=E9=87=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9reassure=E3=80=81react-native-swipeable-list=E3=80=81r?=
 =?UTF-8?q?eact-native-parsed-text=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAXK4M]=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-parsed-text=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAXK4M]=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-swipeable-list=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20?=
 =?UTF-8?q?*=20docs:=20[Issues:=20#IAXK4M]=20=E4=BF=AE=E6=94=B9reassure?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-parsed-text.md       | 2 +-
 en/react-native-swipeable-list.md    | 1 +
 en/reassure.md                       | 1 +
 zh-cn/react-native-parsed-text.md    | 2 +-
 zh-cn/react-native-swipeable-list.md | 1 +
 zh-cn/reassure.md                    | 1 +
 6 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/en/react-native-parsed-text.md b/en/react-native-parsed-text.md
index d5e76114..0673785d 100644
--- a/en/react-native-parsed-text.md
+++ b/en/react-native-parsed-text.md
@@ -174,7 +174,7 @@ const styles = StyleSheet.create({
 在下述版本验证通过:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
-2. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：HYM-W5821 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-native-swipeable-list.md b/en/react-native-swipeable-list.md
index 93e42194..5095acf5 100644
--- a/en/react-native-swipeable-list.md
+++ b/en/react-native-swipeable-list.md
@@ -429,6 +429,7 @@ export default App;
 在下述版本验证通过:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/reassure.md b/en/reassure.md
index 5a0b0ddd..4dbccfc6 100644
--- a/en/reassure.md
+++ b/en/reassure.md
@@ -138,6 +138,7 @@ npx reassure
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25 (API Version 12 Canary4); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-native-parsed-text.md b/zh-cn/react-native-parsed-text.md
index d5e76114..0673785d 100644
--- a/zh-cn/react-native-parsed-text.md
+++ b/zh-cn/react-native-parsed-text.md
@@ -174,7 +174,7 @@ const styles = StyleSheet.create({
 在下述版本验证通过:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
-2. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：HYM-W5821 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-swipeable-list.md b/zh-cn/react-native-swipeable-list.md
index 93e42194..5095acf5 100644
--- a/zh-cn/react-native-swipeable-list.md
+++ b/zh-cn/react-native-swipeable-list.md
@@ -429,6 +429,7 @@ export default App;
 在下述版本验证通过:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/reassure.md b/zh-cn/reassure.md
index 5a0b0ddd..4dbccfc6 100644
--- a/zh-cn/reassure.md
+++ b/zh-cn/reassure.md
@@ -138,6 +138,7 @@ npx reassure
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25 (API Version 12 Canary4); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 

From 18cde1f3a0a3953417bf414352fce5bea24291e9 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Thu, 17 Oct 2024 01:53:35 +0000
Subject: [PATCH 675/966] =?UTF-8?q?!1673=20docs:=20[Issues:=20#IAXK6Z]=20?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9react-native-phone-number-i?=
 =?UTF-8?q?nput=E3=80=81react-subscribe=E3=80=81react-native-masked-text?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAXK6Z]=20=E4=BF=AE=E6=94=B9react-subscribe=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXK6Z]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-phone-number-input=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXK6Z]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-masked-text=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-masked-text.md           | 1 +
 en/react-native-phone-number-input.md    | 1 +
 en/react-subscribe.md                    | 1 +
 zh-cn/react-native-masked-text.md        | 1 +
 zh-cn/react-native-phone-number-input.md | 1 +
 zh-cn/react-subscribe.md                 | 1 +
 6 files changed, 6 insertions(+)

diff --git a/en/react-native-masked-text.md b/en/react-native-masked-text.md
index 4c6f3680..78d67b2d 100644
--- a/en/react-native-masked-text.md
+++ b/en/react-native-masked-text.md
@@ -82,6 +82,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-native-phone-number-input.md b/en/react-native-phone-number-input.md
index 42f777fa..81ac5b7b 100644
--- a/en/react-native-phone-number-input.md
+++ b/en/react-native-phone-number-input.md
@@ -159,6 +159,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-subscribe.md b/en/react-subscribe.md
index 44ca9d8b..03b64ead 100644
--- a/en/react-subscribe.md
+++ b/en/react-subscribe.md
@@ -260,6 +260,7 @@ function SomeComponent2({ data, loading, error, reload }) {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.26; SDK：HarmonyOS-Next-DB1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-masked-text.md b/zh-cn/react-native-masked-text.md
index 4c6f3680..78d67b2d 100644
--- a/zh-cn/react-native-masked-text.md
+++ b/zh-cn/react-native-masked-text.md
@@ -82,6 +82,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-phone-number-input.md b/zh-cn/react-native-phone-number-input.md
index 42f777fa..81ac5b7b 100644
--- a/zh-cn/react-native-phone-number-input.md
+++ b/zh-cn/react-native-phone-number-input.md
@@ -159,6 +159,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-subscribe.md b/zh-cn/react-subscribe.md
index 44ca9d8b..03b64ead 100644
--- a/zh-cn/react-subscribe.md
+++ b/zh-cn/react-subscribe.md
@@ -260,6 +260,7 @@ function SomeComponent2({ data, loading, error, reload }) {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.26; SDK：HarmonyOS-Next-DB1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 2fd179bf36fffe0777e1d986590d6987bd7b739f Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Thu, 17 Oct 2024 01:58:32 +0000
Subject: [PATCH 676/966] =?UTF-8?q?!1684=20docs:=20[Issue:=20#IAXJCK]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-zoomable-view=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXJCK]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-zoomable-view=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/openspacelabs-react-native-zoomable-view.md    | 1 +
 zh-cn/openspacelabs-react-native-zoomable-view.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/openspacelabs-react-native-zoomable-view.md b/en/openspacelabs-react-native-zoomable-view.md
index b1527464..aaf821d8 100644
--- a/en/openspacelabs-react-native-zoomable-view.md
+++ b/en/openspacelabs-react-native-zoomable-view.md
@@ -128,6 +128,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/openspacelabs-react-native-zoomable-view.md b/zh-cn/openspacelabs-react-native-zoomable-view.md
index b1527464..aaf821d8 100644
--- a/zh-cn/openspacelabs-react-native-zoomable-view.md
+++ b/zh-cn/openspacelabs-react-native-zoomable-view.md
@@ -128,6 +128,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 30aa093b749a9201fb85f771db9821848999c29b Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Thu, 17 Oct 2024 02:09:40 +0000
Subject: [PATCH 677/966] =?UTF-8?q?!1700=20docs:=20[#IAXOR5]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-vector-icons=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-vector-i?=
 =?UTF-8?q?cons=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-vector-icons.md    | 4 ++++
 zh-cn/react-native-vector-icons.md | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/en/react-native-vector-icons.md b/en/react-native-vector-icons.md
index b430d7aa..e5a38672 100644
--- a/en/react-native-vector-icons.md
+++ b/en/react-native-vector-icons.md
@@ -352,6 +352,10 @@ RNApp({
 
 请使用 Api 11 及以上版本，低版本会导致 font 注册不成功，图标显示不出来。
 
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
 ## 遗留问题
 
 - [ ] getImageSource 和 getImageSourceSync 原生方法可以将字体文件绘制成 Bitmap 位图供 `Image` 组件使用，Harmony OS 侧暂时不支持
diff --git a/zh-cn/react-native-vector-icons.md b/zh-cn/react-native-vector-icons.md
index b430d7aa..e5a38672 100644
--- a/zh-cn/react-native-vector-icons.md
+++ b/zh-cn/react-native-vector-icons.md
@@ -352,6 +352,10 @@ RNApp({
 
 请使用 Api 11 及以上版本，低版本会导致 font 注册不成功，图标显示不出来。
 
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
 ## 遗留问题
 
 - [ ] getImageSource 和 getImageSourceSync 原生方法可以将字体文件绘制成 Bitmap 位图供 `Image` 组件使用，Harmony OS 侧暂时不支持

From 31bf0f6f168dee2e7b7c37c03218889b68166014 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=AE=87?= <478110507@qq.com>
Date: Thu, 17 Oct 2024 02:18:23 +0000
Subject: [PATCH 678/966] =?UTF-8?q?!1690=20docs:=20[Issue:=20#IAXLJS]?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9react-native-mqtt,react-nat?=
 =?UTF-8?q?ive-offline,react-native-vconsole=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[IAXLJS]=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?vconsole=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20docs?=
 =?UTF-8?q?:=20[IAXLJS]=E4=BF=AE=E6=94=B9react-native-offline=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[IAXLJS]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-mqtt=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-mqtt.md        | 1 +
 en/react-native-offline.md     | 1 +
 en/react-native-vconsole.md    | 1 +
 zh-cn/react-native-mqtt.md     | 1 +
 zh-cn/react-native-offline.md  | 1 +
 zh-cn/react-native-vconsole.md | 1 +
 6 files changed, 6 insertions(+)

diff --git a/en/react-native-mqtt.md b/en/react-native-mqtt.md
index a4ab3b2d..34e3472a 100644
--- a/en/react-native-mqtt.md
+++ b/en/react-native-mqtt.md
@@ -130,6 +130,7 @@ function sendMessage() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ##  属性
 
diff --git a/en/react-native-offline.md b/en/react-native-offline.md
index 54baa210..7759c445 100644
--- a/en/react-native-offline.md
+++ b/en/react-native-offline.md
@@ -113,6 +113,7 @@ export const offlineDemoTest = () => {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-native-vconsole.md b/en/react-native-vconsole.md
index 3366fbab..f64fc763 100644
--- a/en/react-native-vconsole.md
+++ b/en/react-native-vconsole.md
@@ -100,6 +100,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.65;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-mqtt.md b/zh-cn/react-native-mqtt.md
index a4ab3b2d..34e3472a 100644
--- a/zh-cn/react-native-mqtt.md
+++ b/zh-cn/react-native-mqtt.md
@@ -130,6 +130,7 @@ function sendMessage() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ##  属性
 
diff --git a/zh-cn/react-native-offline.md b/zh-cn/react-native-offline.md
index 54baa210..7759c445 100644
--- a/zh-cn/react-native-offline.md
+++ b/zh-cn/react-native-offline.md
@@ -113,6 +113,7 @@ export const offlineDemoTest = () => {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-vconsole.md b/zh-cn/react-native-vconsole.md
index 3366fbab..f64fc763 100644
--- a/zh-cn/react-native-vconsole.md
+++ b/zh-cn/react-native-vconsole.md
@@ -100,6 +100,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.65;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 2b4d84ecef454bc5f734b1a9814b7df0e74e3679 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E5=98=89=E8=BE=89?= <961978925@qq.com>
Date: Thu, 17 Oct 2024 02:25:12 +0000
Subject: [PATCH 679/966] =?UTF-8?q?!1662=20docs:=20[Issue:=20#IAX7O9]?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0react-native-community/progress-view=20capi?=
 =?UTF-8?q?=E5=8C=96=E7=89=88=E6=9C=AC=E6=96=87=E6=A1=A3=20*=20docs:=20[Is?=
 =?UTF-8?q?sue:=20#IAX7O9]=E6=B7=BB=E5=8A=A0react-native-community/progres?=
 =?UTF-8?q?s-view=20capi=E5=8C=96=E7=89=88=E6=9C=AC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...act-native-community-progress-view-capi.md | 215 ++++++++++++++++++
 ...act-native-community-progress-view-capi.md | 215 ++++++++++++++++++
 2 files changed, 430 insertions(+)
 create mode 100644 en/react-native-community-progress-view-capi.md
 create mode 100644 zh-cn/react-native-community-progress-view-capi.md

diff --git a/en/react-native-community-progress-view-capi.md b/en/react-native-community-progress-view-capi.md
new file mode 100644
index 00000000..da63b051
--- /dev/null
+++ b/en/react-native-community-progress-view-capi.md
@@ -0,0 +1,215 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/progress-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-progress-view/progress-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/progress-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/progress-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { ProgressView } from "@react-native-community/progress-view";
+
+export default function ProgressViewExample() {
+  return (
+    <ProgressView
+    
+      progressTintColor="orange"
+      progress={0.7}
+    />
+  )
+}
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/progress-view": "file:../../node_modules/@react-native-oh-tpl/progress-view/harmony/progress_view.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ProgressViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/progress-view/src/main/cpp" ./progress-view)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_progress_view)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ProgressViewCapiPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ProgressViewCapiPackage>(ctx)
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)
+
+## 属性
+
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
+| ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `progress`          | The progress value (between 0 and 1).      | number | No       | All      | Yes               |
+| `progressTintColor` | The tint color of the progress bar itself. | string | No       | All      | Yes               |
+| `trackTintColor`    | The tint color of the progress bar track.  | string | No       | All      | No               |
+| `progressImage`     | A stretchable image to display as the progress bar.      | Image.propTypes.source | No       | All      | No               |
+| `trackImage` | A stretchable image to display behind the progress bar. Network images only work on Windows.| Image.propTypes.source | No       | All      | No               |
+| `progressViewStyle`    | The progress bar style. Network images only work on Windows.  | enum('default', 'bar') | No       | All      | Partially               |
+| `isIndeterminate`    | Turns progress bar into an indeterminate progress bar.  | bool | No       | Windows      | No               |
+
+## 遗留问题
+
+- [ ] 原库接口progressImage，trackImage，isIndeterminate，trackTintColor在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/10)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-community-progress-view-capi.md b/zh-cn/react-native-community-progress-view-capi.md
new file mode 100644
index 00000000..da63b051
--- /dev/null
+++ b/zh-cn/react-native-community-progress-view-capi.md
@@ -0,0 +1,215 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>@react-native-community/progress-view</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-progress-view/progress-view">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-view)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/progress-view@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/progress-view@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { ProgressView } from "@react-native-community/progress-view";
+
+export default function ProgressViewExample() {
+  return (
+    <ProgressView
+    
+      progressTintColor="orange"
+      progress={0.7}
+    />
+  )
+}
+```
+
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/progress-view": "file:../../node_modules/@react-native-oh-tpl/progress-view/harmony/progress_view.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 ProgressViewPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/progress-view/src/main/cpp" ./progress-view)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_progress_view)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "ProgressViewCapiPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ProgressViewCapiPackage>(ctx)
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)
+
+## 属性
+
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
+| ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `progress`          | The progress value (between 0 and 1).      | number | No       | All      | Yes               |
+| `progressTintColor` | The tint color of the progress bar itself. | string | No       | All      | Yes               |
+| `trackTintColor`    | The tint color of the progress bar track.  | string | No       | All      | No               |
+| `progressImage`     | A stretchable image to display as the progress bar.      | Image.propTypes.source | No       | All      | No               |
+| `trackImage` | A stretchable image to display behind the progress bar. Network images only work on Windows.| Image.propTypes.source | No       | All      | No               |
+| `progressViewStyle`    | The progress bar style. Network images only work on Windows.  | enum('default', 'bar') | No       | All      | Partially               |
+| `isIndeterminate`    | Turns progress bar into an indeterminate progress bar.  | bool | No       | Windows      | No               |
+
+## 遗留问题
+
+- [ ] 原库接口progressImage，trackImage，isIndeterminate，trackTintColor在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/10)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE) ，请自由地享受和参与开源。

From b8e79d777bb45c460284cba5b1d7dbc23358878c Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 02:44:47 +0000
Subject: [PATCH 680/966] =?UTF-8?q?!1685=20docs:=20[#IAXL4N]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-responsive-fontsize=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAXL4N]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-responsive-fontsize=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-responsive-fontsize.md    | 5 ++---
 zh-cn/react-native-responsive-fontsize.md | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/en/react-native-responsive-fontsize.md b/en/react-native-responsive-fontsize.md
index 7a300a2c..b2ae3ab6 100644
--- a/en/react-native-responsive-fontsize.md
+++ b/en/react-native-responsive-fontsize.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -77,7 +76,8 @@ export default App;
 
 本文档内容基于以下版本验证通过：
 
-RNOH：0.72.27; SDK：HarmonyOS-NEXT-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-NEXT-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
@@ -109,4 +109,3 @@ RNOH：0.72.27; SDK：HarmonyOS-NEXT-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/heyman333/react-native-responsive-fontSize/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-responsive-fontsize.md b/zh-cn/react-native-responsive-fontsize.md
index 7a300a2c..b2ae3ab6 100644
--- a/zh-cn/react-native-responsive-fontsize.md
+++ b/zh-cn/react-native-responsive-fontsize.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -77,7 +76,8 @@ export default App;
 
 本文档内容基于以下版本验证通过：
 
-RNOH：0.72.27; SDK：HarmonyOS-NEXT-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-NEXT-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
@@ -109,4 +109,3 @@ RNOH：0.72.27; SDK：HarmonyOS-NEXT-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/heyman333/react-native-responsive-fontSize/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file

From ecba1ada5304fb682297a063946212094ade29ae Mon Sep 17 00:00:00 2001
From: wangshizhao001 <13406653+wangshizhao001@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 02:46:11 +0000
Subject: [PATCH 681/966] =?UTF-8?q?!1672=20docs:=20[#IAXK7M]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-render-html=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAXK7M]=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-render-html=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-render-html.md    | 3 ++-
 zh-cn/react-native-render-html.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-render-html.md b/en/react-native-render-html.md
index ef26266e..680e6438 100644
--- a/en/react-native-render-html.md
+++ b/en/react-native-render-html.md
@@ -65,7 +65,8 @@ export default function App() {
 ### 兼容性
 本文档内容基于以下版本验证通过：
 
-1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.403; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 
diff --git a/zh-cn/react-native-render-html.md b/zh-cn/react-native-render-html.md
index ef26266e..680e6438 100644
--- a/zh-cn/react-native-render-html.md
+++ b/zh-cn/react-native-render-html.md
@@ -65,7 +65,8 @@ export default function App() {
 ### 兼容性
 本文档内容基于以下版本验证通过：
 
-1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.403; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 

From 9bbb1e230029dc24c2a7db7a1b7b935e954c0c1a Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Thu, 17 Oct 2024 03:13:17 +0000
Subject: [PATCH 682/966] =?UTF-8?q?!1681=20docs:=20[Issue:=20#IAXJCW]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-recaptcha-that-works=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXJCW]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-recaptcha-that-works=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-recaptcha-that-works.md    | 1 +
 zh-cn/react-native-recaptcha-that-works.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-recaptcha-that-works.md b/en/react-native-recaptcha-that-works.md
index 3579f2d7..fbf7b022 100644
--- a/en/react-native-recaptcha-that-works.md
+++ b/en/react-native-recaptcha-that-works.md
@@ -123,6 +123,7 @@ const App = () => {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.28; OH SDK: HarmonyOS-Next-DB2 5.0.0.31 (API Version 12 Beta2); IDE: DevEco Studio: 5.0.3.500; ROM: 3.0.0.31;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-recaptcha-that-works.md b/zh-cn/react-native-recaptcha-that-works.md
index 3579f2d7..fbf7b022 100644
--- a/zh-cn/react-native-recaptcha-that-works.md
+++ b/zh-cn/react-native-recaptcha-that-works.md
@@ -123,6 +123,7 @@ const App = () => {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.28; OH SDK: HarmonyOS-Next-DB2 5.0.0.31 (API Version 12 Beta2); IDE: DevEco Studio: 5.0.3.500; ROM: 3.0.0.31;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From fda3d34fa9f0c2c20244268a4fb1c4d966e4140f Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Thu, 17 Oct 2024 03:16:12 +0000
Subject: [PATCH 683/966] =?UTF-8?q?!1682=20docs:=20[Issue:=20#IAXJDM]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-md5=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXJDM]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-md5=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-md5.md    | 1 +
 zh-cn/react-native-md5.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-md5.md b/en/react-native-md5.md
index 8422ce27..0a086bbb 100644
--- a/en/react-native-md5.md
+++ b/en/react-native-md5.md
@@ -100,6 +100,7 @@ export function md5TestExample() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-native-md5.md b/zh-cn/react-native-md5.md
index 8422ce27..0a086bbb 100644
--- a/zh-cn/react-native-md5.md
+++ b/zh-cn/react-native-md5.md
@@ -100,6 +100,7 @@ export function md5TestExample() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 

From ef2164e3ea9338240aca8902fd56114a5f8dfb61 Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 03:16:38 +0000
Subject: [PATCH 684/966] =?UTF-8?q?!1678=20docs:=20[#IAXL4G]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-mask-text=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAXL4G]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-mask-text=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-mask-text.md    | 1 +
 zh-cn/react-native-mask-text.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-mask-text.md b/en/react-native-mask-text.md
index 06ea0feb..c36b0483 100644
--- a/en/react-native-mask-text.md
+++ b/en/react-native-mask-text.md
@@ -125,6 +125,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-mask-text.md b/zh-cn/react-native-mask-text.md
index 06ea0feb..c36b0483 100644
--- a/zh-cn/react-native-mask-text.md
+++ b/zh-cn/react-native-mask-text.md
@@ -125,6 +125,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From b927d4a6480b7bef730cb6a4abda0e303238f14a Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Thu, 17 Oct 2024 06:35:52 +0000
Subject: [PATCH 685/966] =?UTF-8?q?!1706=20docs:=20[Issue:=20#IAXQKN]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9@react-native-community/blur=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXQKN]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9@react-native-community/blur=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-blur.md    | 15 +++++++--------
 zh-cn/react-native-community-blur.md | 16 ++++++++--------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/en/react-native-community-blur.md b/en/react-native-community-blur.md
index 59382687..69b7c868 100644
--- a/en/react-native-community-blur.md
+++ b/en/react-native-community-blur.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -374,6 +373,8 @@ ohpm install
 
 #### blurType
 
+> [!TIP] 如果要使用自适应模糊效果需要配置深色模式[配置文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-light-dark-color-adaptation-V5#section1421172621111)如果不配置深色模式则自适应模糊效果将没有深色模式，只有浅色模式。
+
 | Name                     | Description                                                                                            | Platform              | HarmonyOS Support |
 | ------------------------ | ------------------------------------------------------------------------------------------------------ |-----------------------| ----------------- |
 | `xlight`                 | extra light blur type                                                                                  | iOS,Android                   | yes                |
@@ -404,10 +405,10 @@ ohpm install
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name           | Description                                                                                | Type      | Platform | HarmonyOS Support |
-| -------------- | ------------------------------------------------------------------------------------------ | --------- |----------| ----------------- |
-| `BlurView`     | Preload images to display later. e.g.                                                      | component | iOS,Android      | yes               |
-| `VibrancyView` | The vibrancy effect lets the content underneath a blurred view show through more vibrantly | component | iOS      | no                |
+| Name           | Description                                                                                | Type |Required     | Platform | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------------------------------------ | ----|----- |----------| ----------------- |
+| `BlurView`     | Preload images to display later. e.g.                                                      | component|no | iOS,Android      | yes               |
+| `VibrancyView` | The vibrancy effect lets the content underneath a blurred view show through more vibrantly | component|no | iOS      | no                |
 
 ## 遗留问题
 
@@ -419,6 +420,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index 59382687..e563480a 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -374,6 +373,8 @@ ohpm install
 
 #### blurType
 
+> [!TIP] 如果要使用自适应模糊效果需要配置深色模式[配置文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-light-dark-color-adaptation-V5#section1421172621111)如果不配置深色模式则自适应模糊效果将没有深色模式，只有浅色模式。
+
 | Name                     | Description                                                                                            | Platform              | HarmonyOS Support |
 | ------------------------ | ------------------------------------------------------------------------------------------------------ |-----------------------| ----------------- |
 | `xlight`                 | extra light blur type                                                                                  | iOS,Android                   | yes                |
@@ -404,10 +405,11 @@ ohpm install
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name           | Description                                                                                | Type      | Platform | HarmonyOS Support |
-| -------------- | ------------------------------------------------------------------------------------------ | --------- |----------| ----------------- |
-| `BlurView`     | Preload images to display later. e.g.                                                      | component | iOS,Android      | yes               |
-| `VibrancyView` | The vibrancy effect lets the content underneath a blurred view show through more vibrantly | component | iOS      | no                |
+
+| Name           | Description                                                                                | Type  | Required    | Platform | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------------------------------------ | ---|------ |----------| ----------------- |
+| `BlurView`     | Preload images to display later. e.g.                                                      | component|no | iOS,Android      | yes               |
+| `VibrancyView` | The vibrancy effect lets the content underneath a blurred view show through more vibrantly | component|no | iOS      | no                |
 
 ## 遗留问题
 
@@ -419,6 +421,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From ba148f931f23e15dace30b69bc913636c413ce3b Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 07:02:30 +0000
Subject: [PATCH 686/966] =?UTF-8?q?!1677=20docs:=20[#IAXL3V]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-loading-spinner-overlay=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAXL3V]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-loading-spinner-overlay=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-loading-spinner-overlay.md    | 1 +
 zh-cn/react-native-loading-spinner-overlay.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-loading-spinner-overlay.md b/en/react-native-loading-spinner-overlay.md
index 4dbf5b0f..64d4a7e9 100644
--- a/en/react-native-loading-spinner-overlay.md
+++ b/en/react-native-loading-spinner-overlay.md
@@ -88,6 +88,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-loading-spinner-overlay.md b/zh-cn/react-native-loading-spinner-overlay.md
index 4dbf5b0f..64d4a7e9 100644
--- a/zh-cn/react-native-loading-spinner-overlay.md
+++ b/zh-cn/react-native-loading-spinner-overlay.md
@@ -88,6 +88,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From a5aef4223233f04f48cc47a7ae6a09919ce23757 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Thu, 17 Oct 2024 07:03:03 +0000
Subject: [PATCH 687/966] =?UTF-8?q?!1680=20docs:=20[Issue:=20#IAXJDT]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BF=AE=E6=94=B9react-native-hyperlink?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#I?=
 =?UTF-8?q?AXJDT]=E4=BF=AE=E6=94=B9=E4=BF=AE=E6=94=B9react-native-hyperlin?=
 =?UTF-8?q?k=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-hyperlink.md    | 1 +
 zh-cn/react-native-hyperlink.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-hyperlink.md b/en/react-native-hyperlink.md
index 007b0f4b..52edab46 100644
--- a/en/react-native-hyperlink.md
+++ b/en/react-native-hyperlink.md
@@ -83,6 +83,7 @@ export default function App() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-hyperlink.md b/zh-cn/react-native-hyperlink.md
index 007b0f4b..52edab46 100644
--- a/zh-cn/react-native-hyperlink.md
+++ b/zh-cn/react-native-hyperlink.md
@@ -83,6 +83,7 @@ export default function App() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 82aff7b6afbfd4378b812819f6ae959efa801834 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=86=B2?=
 <9521422+jx-is-hard@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 07:04:01 +0000
Subject: [PATCH 688/966] =?UTF-8?q?!1687=20docs:=20[Issue:=20#IAXKSC]?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9react-native-gifted-chat,re?=
 =?UTF-8?q?act-native-waterfall-flow=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issue:=20#IAXKSC]=E6=89=B9=E9=87=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-gifted-chat,react-native-waterf=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-gifted-chat.md       | 3 ++-
 en/react-native-waterfall-flow.md    | 1 +
 zh-cn/react-native-gifted-chat.md    | 3 ++-
 zh-cn/react-native-waterfall-flow.md | 5 ++---
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/en/react-native-gifted-chat.md b/en/react-native-gifted-chat.md
index 9db75999..e46e686f 100644
--- a/en/react-native-gifted-chat.md
+++ b/en/react-native-gifted-chat.md
@@ -96,7 +96,8 @@ export function App() {
 
 本文档内容基于以下版本验证通过：
 
-RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-native-waterfall-flow.md b/en/react-native-waterfall-flow.md
index 9b938039..804ca8d4 100644
--- a/en/react-native-waterfall-flow.md
+++ b/en/react-native-waterfall-flow.md
@@ -165,6 +165,7 @@ export default App;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65; 
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 
diff --git a/zh-cn/react-native-gifted-chat.md b/zh-cn/react-native-gifted-chat.md
index 9db75999..e46e686f 100644
--- a/zh-cn/react-native-gifted-chat.md
+++ b/zh-cn/react-native-gifted-chat.md
@@ -96,7 +96,8 @@ export function App() {
 
 本文档内容基于以下版本验证通过：
 
-RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-waterfall-flow.md b/zh-cn/react-native-waterfall-flow.md
index 9b938039..43d0d2df 100644
--- a/zh-cn/react-native-waterfall-flow.md
+++ b/zh-cn/react-native-waterfall-flow.md
@@ -164,9 +164,8 @@ export default App;
 
 本文档内容基于以下版本验证通过：
 
-1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65; 
-
-
+1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 43d91521bc7585c63d00d38ac4dfeb0d6851e1f8 Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Thu, 17 Oct 2024 07:04:46 +0000
Subject: [PATCH 689/966] =?UTF-8?q?!1670=20docs:=20[#IAXJRC]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-element-dropdown=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAXJRC]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-element-dropdown=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-element-dropdown.md    | 1 +
 zh-cn/react-native-element-dropdown.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-element-dropdown.md b/en/react-native-element-dropdown.md
index e881364b..12695c9f 100644
--- a/en/react-native-element-dropdown.md
+++ b/en/react-native-element-dropdown.md
@@ -326,6 +326,7 @@ yarn add react-native-element-dropdown@2.12.1
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71
 
 ## 属性
 
diff --git a/zh-cn/react-native-element-dropdown.md b/zh-cn/react-native-element-dropdown.md
index e881364b..12695c9f 100644
--- a/zh-cn/react-native-element-dropdown.md
+++ b/zh-cn/react-native-element-dropdown.md
@@ -326,6 +326,7 @@ yarn add react-native-element-dropdown@2.12.1
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71
 
 ## 属性
 

From 558c3105d6043c00f115db8dd4a6c9fa5572d42a Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Thu, 17 Oct 2024 07:05:22 +0000
Subject: [PATCH 690/966] =?UTF-8?q?!1679=20docs:=20[Issue:=20#IAXJDV]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-collapsible=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXJDV]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-collapsible=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-collapsible.md    | 8 +++-----
 zh-cn/react-native-collapsible.md | 8 +++-----
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/en/react-native-collapsible.md b/en/react-native-collapsible.md
index 6161a96b..e5b8f8bf 100644
--- a/en/react-native-collapsible.md
+++ b/en/react-native-collapsible.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-collapsible</code> </h1>
@@ -91,6 +90,7 @@ const CONTENT = [
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -141,6 +141,4 @@ const CONTENT = [
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-collapsible/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-collapsible/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-collapsible.md b/zh-cn/react-native-collapsible.md
index 6161a96b..e5b8f8bf 100644
--- a/zh-cn/react-native-collapsible.md
+++ b/zh-cn/react-native-collapsible.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-collapsible</code> </h1>
@@ -91,6 +90,7 @@ const CONTENT = [
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -141,6 +141,4 @@ const CONTENT = [
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-collapsible/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-collapsible/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From d370a02257a4fe6d7e9036bd844a6e8b959535fb Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Thu, 17 Oct 2024 07:27:39 +0000
Subject: [PATCH 691/966] =?UTF-8?q?!1639=20docs:=20[Issue:=20#IAW4JD]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9EIDE=E7=89=88=E6=9C=AC5.0.3.810=E5=8F=8A?=
 =?UTF-8?q?=E5=85=B6=E4=B9=8B=E5=90=8E=E7=9A=84=E7=89=88=E6=9C=AC=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5=E7=9A=84=E8=B7=AF=E5=BE=84=E8=BF=87=E9=95=BF=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E7=9A=84=E8=A7=A3=E5=86=B3=E6=96=B9=E6=A1=88=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20[Issue:=20#IAW4JD]=E6=96=B0=E5=A2=9EIDE?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC5.0.3.810=E5=8F=8A=E5=85=B6=E4=B9=8B=E5=90=8E?=
 =?UTF-8?q?=E7=9A=84=E7=89=88=E6=9C=AC=E5=BC=95=E5=85=A5=E7=9A=84=E8=B7=AF?=
 =?UTF-8?q?=E5=BE=84=E8=BF=87=E9=95=BF=E9=97=AE=E9=A2=98=E7=9A=84=E8=A7=A3?=
 =?UTF-8?q?=E5=86=B3=E6=96=B9=E6=A1=88=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-gesture-handler.md    | 142 +++++++++++++-------------
 zh-cn/react-native-gesture-handler.md |   5 +
 2 files changed, 77 insertions(+), 70 deletions(-)

diff --git a/en/react-native-gesture-handler.md b/en/react-native-gesture-handler.md
index 7a8c69ce..4ffe25d0 100644
--- a/en/react-native-gesture-handler.md
+++ b/en/react-native-gesture-handler.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-gesture-handler</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler)
+> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP]  Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-gesture-handler@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from "react";
@@ -103,17 +103,17 @@ export default function App() {
 }
 ```
 
-## 使用Codegen
+## Use Codegen
 
-本库未带rc.x的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+this repository  release package that end with rc.x has been adapted to `Codegen` , generate the bridge code of the third-party library by using the `Codegen`. For details, see[ Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -124,18 +124,20 @@ export default function App() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+> [!TIP] 引入原生代码之前请确认IDE版本，5.0.3.810及其之后的版本需要在harmony工程中的hvigor-config.json5文件中新增如下配置以解决路径过长导致的编译报错问题
+> "properties":{
+>      "ohos.nativeResolver":false
+> }
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP]  The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -145,22 +147,22 @@ export default function App() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 GestureHandlerPackage
+### 3. Configuring CMakeLists and Introducing GestureHandlerPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -198,7 +200,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -215,9 +217,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 Gesture Handler Package
+### 4. Introducing Gesture Handler Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the`entry/src/main/ets/RNPackagesFactory.ts ` file and add the following code:
 
 ```diff
 + import { GestureHandlerPackage } from '@react-native-oh-tpl/react-native-gesture-handler/ts';
@@ -230,49 +232,49 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)
 
-> [!tip] [官方文档](https://docs.swmansion.com/react-native-gesture-handler/docs/)
+> [!tip] [Official Documentation](https://docs.swmansion.com/react-native-gesture-handler/docs/)
 
 ## Gestures
 
 ### Gesture detector
 
-GestureDetector 是 Gesture Handler 库 2.x 版本的一个主要组件。
+GestureDetector is a major component of the Gesture Handler library version 2.x.
 
-#### Gesture detector 属性
+#### Gesture detector Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                                                  | Type                             | Required | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- | -------- |
 | gesture    | A gesture object containing the configuration and callbacks.                                     | base gestures or any ComposedGesture | yes      | All      | yes      |
 
-#### Gesture 的方法
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+#### Gesture Method
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | method | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
@@ -297,7 +299,7 @@ Gesture Handler 库提供了一种基于原生按钮的 React Native touchable 
 
 ### Buttons
 
-BaseButton 属性
+BaseButton Properties
 | Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
 | onActiveStateChange | that gets triggered when button changes from inactive to active and vice versa. | function | All   | yes   |
@@ -306,14 +308,14 @@ BaseButton 属性
 | exclusive | defines if more than one button could be pressed simultaneously. By default set `true`. | boolean | All   | yes   |
 | delayLongPress | defines the delay, in milliseconds, after which the `onLongPress` callback gets called. By default set to 600. | number | All   | yes   |
 
-ReactButton 属性
+ReactButton Properties
 | Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
 | underlayColor | this is the background color that will be dimmed when button is in active state. | Color | All   | yes   |
 
 ### Drawer Layout
 
-属性
+Properties
 | Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
 | drawerType | A gesture object                                     | 'front'\|'back'\|'slide' | All | yes |
@@ -330,7 +332,7 @@ ReactButton 属性
 
 ### Swipeable
 
-属性
+Properties
 | Name | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
 | friction | a number that specifies how much the visual interaction will be delayed compared to the gesture distance. | number | All | yes |
@@ -355,10 +357,10 @@ ReactButton 属性
 
 > [!WARNING] Consider using the new [gestures API](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/gesture) instead. The old API is not actively supported and is not receiving the new features. Check out [RNGH 2.0 section in Introduction](https://docs.swmansion.com/react-native-gesture-handler/docs/#rngh-20) for more information.
 
-### Gesture handlers 通用属性
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+### Gesture handlers General Properties
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME                | Description                                                                                                                                   | TYPE                     | Required | Platform | HarmonyOS Support |
 | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------- | -------- | -------- |
@@ -367,12 +369,12 @@ ReactButton 属性
 | onGestureEvent          | Takes a callback that is going to be triggered for each subsequent touch event while the handler is in an ACTIVE state.                           | callback                     | no       | All      | yes      |
 | onHandlerStateChange    | Takes a callback that is going to be triggered when state of the given handler changes.                                                           | callback                     | no       | All      | yes      |
 
-### Gesture handlers 通用事件数据
+### Gesture handlers common event data
 
-以下是提供给 `onGestureEvent` 和 `onHandlerStateChange` 回调的通用事件数据:
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+The following is the common event data for the `onGestureEvent` and `onHandlerStateChange` callbacks.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME         | Description                                                             | TYPE | Platform | HarmonyOS Support |
 | ---------------- | --------------------------------------------------------------------------- | ------ | -------- | -------- |
@@ -381,10 +383,10 @@ ReactButton 属性
 
 ### PanGestureHandler
 
-#### PanGestureHandler 属性
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+#### PanGestureHandler Properties
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME                       | Description                                                                                                                                                                             | TYPE | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | -------- | -------- |
@@ -394,9 +396,9 @@ ReactButton 属性
 | activeOffsetX                  | Range along X axis (in points) where fingers travels without activation of handler.                                                                                                         | number  | no       | All      | yes      |
 | activeOffsetY                  | Range along Y axis (in points) where fingers travels without activation of handler.                                                                                                         | number  | no       | All      | yes      |
 
-#### PanGestureHandler 事件数据
+#### PanGestureHandler event data
 
-请到查看[基础 handler 类的通用事件数据](#gesture-handlers-通用事件数据)。以下是 PanGestureHandler 特有的事件数据。
+Please refer to the [common event data for the basic handler class](#gesture-handlers-通用事件数据). The following is the event data specific to the  PanGestureHandler.
 
 `translationX`
 
@@ -424,10 +426,10 @@ Y coordinate of the current position of the pointer (finger or a leading pointer
 
 ### TapGestureHandler
 
-#### TapGestureHandler 属性
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+#### TapGestureHandler Properties
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME      | Description                                                                                                                    | TYPE | Required | Platform | HarmonyOS Support |
 | ------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
@@ -438,9 +440,9 @@ Y coordinate of the current position of the pointer (finger or a leading pointer
 | maxDeltaY     | Maximum distance, expressed in points, that defines how far the finger is allowed to travel along the Y axis during a tap gesture. | number | no       | All      | yes      |
 | maxDist       | Maximum distance, expressed in points, that defines how far the finger is allowed to travel during a tap gesture.                  | number | no       | All      | yes      |
 
-#### TapGestureHandler 事件数据
+#### TapGestureHandler event data
 
-请到查看[基础 handler 类的通用事件数据](#gesture-handlers-通用事件数据)。以下是 TapGestureHandler 特有的事件数据。
+Please refer to the [common event data for the basic handler class](#gesture-handlers-通用事件数据). The following is the event data specific to the TapGestureHandler.
 
 `x`
 
@@ -458,12 +460,12 @@ X coordinate, expressed in points, of the current position of the pointer (finge
 
 Y coordinate, expressed in points, of the current position of the pointer (finger or a leading pointer when there are multiple fingers placed) relative to the window. It is recommended to use absoluteY instead of y in cases when the view attached to the handler can be transformed as an effect of the gesture.
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index 7a8c69ce..e03776e6 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -126,6 +126,11 @@ export default function App() {
 
 ### 2.引入原生端代码
 
+> [!TIP] 引入原生代码之前请确认IDE版本，5.0.3.810及其之后的版本需要在harmony工程中的hvigor-config.json5文件中新增如下配置以解决路径过长导致的编译报错问题
+> "properties":{
+          "ohos.nativeResolver":false
+}
+
 目前有两种方法：
 
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；

From 1737df9c8039ce17bbdeca0f67408c13dd193c73 Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Thu, 17 Oct 2024 08:05:13 +0000
Subject: [PATCH 692/966] =?UTF-8?q?!1708=20docs:=20=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9recyclerListView=E3=80=81react-native-drag-so?=
 =?UTF-8?q?rt=E3=80=81react-native-aria=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXQCK]=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0recyclerListView=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAXQCK]=20=E6=9B=B4=E6=96=B0react-na?=
 =?UTF-8?q?tive-drag-sort=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IAXQCK]=20=E6=9B=B4=E6=96=B0react-native-aria?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-aria.md         | 1 +
 en/react-native-drag-sort.md    | 1 +
 en/recyclerListView.md          | 1 +
 zh-cn/react-native-aria.md      | 1 +
 zh-cn/react-native-drag-sort.md | 1 +
 zh-cn/recyclerListView.md       | 1 +
 6 files changed, 6 insertions(+)

diff --git a/en/react-native-aria.md b/en/react-native-aria.md
index 5ba693ee..03a91dff 100644
--- a/en/react-native-aria.md
+++ b/en/react-native-aria.md
@@ -521,6 +521,7 @@ export default TriggerWrapper
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
 2. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 3. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Hooks
 
diff --git a/en/react-native-drag-sort.md b/en/react-native-drag-sort.md
index 07dc83df..ab5aa98d 100644
--- a/en/react-native-drag-sort.md
+++ b/en/react-native-drag-sort.md
@@ -560,6 +560,7 @@ const styles = StyleSheet.create({
 
 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/recyclerListView.md b/en/recyclerListView.md
index 3b523209..f0d3ba7d 100644
--- a/en/recyclerListView.md
+++ b/en/recyclerListView.md
@@ -172,6 +172,7 @@ const styles = {
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md
index 5ba693ee..03a91dff 100644
--- a/zh-cn/react-native-aria.md
+++ b/zh-cn/react-native-aria.md
@@ -521,6 +521,7 @@ export default TriggerWrapper
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
 2. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 3. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Hooks
 
diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index 07dc83df..ab5aa98d 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -560,6 +560,7 @@ const styles = StyleSheet.create({
 
 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerListView.md
index 3b523209..f0d3ba7d 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerListView.md
@@ -172,6 +172,7 @@ const styles = {
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From e3a47fcdd73c5a55ff1f848c168c87c1b8db44f1 Mon Sep 17 00:00:00 2001
From: dark-v <1083847332@qq.com>
Date: Thu, 17 Oct 2024 08:12:11 +0000
Subject: [PATCH 693/966] =?UTF-8?q?!1703=20docs:=20=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-error-boundary=E3=80=81react-nat?=
 =?UTF-8?q?ive-material-design-style=E3=80=81react-native-switch=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXP3E]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-switch=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXP3E]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-material-design-style=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXP3E]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-error-boundary=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-error-boundary.md           | 1 +
 en/react-native-material-design-style.md    | 1 +
 en/react-native-switch.md                   | 1 +
 zh-cn/react-native-error-boundary.md        | 1 +
 zh-cn/react-native-material-design-style.md | 1 +
 zh-cn/react-native-switch.md                | 1 +
 6 files changed, 6 insertions(+)

diff --git a/en/react-native-error-boundary.md b/en/react-native-error-boundary.md
index 92ef7f33..d613bff8 100644
--- a/en/react-native-error-boundary.md
+++ b/en/react-native-error-boundary.md
@@ -86,6 +86,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-native-material-design-style.md b/en/react-native-material-design-style.md
index 63d8eeea..481df503 100644
--- a/en/react-native-material-design-style.md
+++ b/en/react-native-material-design-style.md
@@ -121,6 +121,7 @@ const styles = StyleSheet.create({
 
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 
diff --git a/en/react-native-switch.md b/en/react-native-switch.md
index bc35d848..769a55c0 100644
--- a/en/react-native-switch.md
+++ b/en/react-native-switch.md
@@ -100,6 +100,7 @@ export function SwitchDemo(){
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-error-boundary.md b/zh-cn/react-native-error-boundary.md
index 92ef7f33..d613bff8 100644
--- a/zh-cn/react-native-error-boundary.md
+++ b/zh-cn/react-native-error-boundary.md
@@ -86,6 +86,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-material-design-style.md b/zh-cn/react-native-material-design-style.md
index 63d8eeea..481df503 100644
--- a/zh-cn/react-native-material-design-style.md
+++ b/zh-cn/react-native-material-design-style.md
@@ -121,6 +121,7 @@ const styles = StyleSheet.create({
 
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 
diff --git a/zh-cn/react-native-switch.md b/zh-cn/react-native-switch.md
index bc35d848..769a55c0 100644
--- a/zh-cn/react-native-switch.md
+++ b/zh-cn/react-native-switch.md
@@ -100,6 +100,7 @@ export function SwitchDemo(){
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 6788ce8900b846a1334d940e4ad99ad878dc5dc2 Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 08:12:40 +0000
Subject: [PATCH 694/966] =?UTF-8?q?!1692=20docs:=20[Issue:=20#IAXM5Q]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-step-indicator=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXM5Q]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-step-indicator=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-step-indicator.md    | 1 +
 zh-cn/react-native-step-indicator.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-step-indicator.md b/en/react-native-step-indicator.md
index 72fbabf4..4407e588 100644
--- a/en/react-native-step-indicator.md
+++ b/en/react-native-step-indicator.md
@@ -259,6 +259,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; OH SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-step-indicator.md b/zh-cn/react-native-step-indicator.md
index 72fbabf4..4407e588 100644
--- a/zh-cn/react-native-step-indicator.md
+++ b/zh-cn/react-native-step-indicator.md
@@ -259,6 +259,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; OH SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 143561031d680797b726dbcba46f824ee7d6a042 Mon Sep 17 00:00:00 2001
From: yh989899 <15535906080@163.com>
Date: Thu, 17 Oct 2024 08:13:03 +0000
Subject: [PATCH 695/966] =?UTF-8?q?!1702=20docs:=20=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-size-matters=E3=80=81react-nativ?=
 =?UTF-8?q?e-dotenv=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Iss?=
 =?UTF-8?q?ues:=20#IAXOOL]=20=E4=BF=AE=E6=94=B9react-native-dotenv?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAXOOL]=20=E4=BF=AE=E6=94=B9react-native-size-matters=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-dotenv.md          | 1 +
 en/react-native-size-matters.md    | 1 +
 zh-cn/react-native-dotenv.md       | 1 +
 zh-cn/react-native-size-matters.md | 1 +
 4 files changed, 4 insertions(+)

diff --git a/en/react-native-dotenv.md b/en/react-native-dotenv.md
index c0068365..9352f90b 100644
--- a/en/react-native-dotenv.md
+++ b/en/react-native-dotenv.md
@@ -293,6 +293,7 @@ module.exports = {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.1.430; ROM：3.0.0.26;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 遗留问题
 
diff --git a/en/react-native-size-matters.md b/en/react-native-size-matters.md
index 30cbb8a6..a06f9360 100644
--- a/en/react-native-size-matters.md
+++ b/en/react-native-size-matters.md
@@ -216,6 +216,7 @@ export default class sizeMattersDemo {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-native-dotenv.md b/zh-cn/react-native-dotenv.md
index c0068365..9352f90b 100644
--- a/zh-cn/react-native-dotenv.md
+++ b/zh-cn/react-native-dotenv.md
@@ -293,6 +293,7 @@ module.exports = {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.1.430; ROM：3.0.0.26;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 遗留问题
 
diff --git a/zh-cn/react-native-size-matters.md b/zh-cn/react-native-size-matters.md
index 30cbb8a6..a06f9360 100644
--- a/zh-cn/react-native-size-matters.md
+++ b/zh-cn/react-native-size-matters.md
@@ -216,6 +216,7 @@ export default class sizeMattersDemo {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 

From d594ffbe86325febd7707739ce9fb98679861b58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E5=98=89=E8=BE=89?= <961978925@qq.com>
Date: Thu, 17 Oct 2024 08:16:20 +0000
Subject: [PATCH 696/966] =?UTF-8?q?!1704=20=20=20=20docs:=20[#IAXQC7]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-section-list-get-item-layout?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAXQC7]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-section-list-get-item-layout?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-section-list-get-item-layout.md    | 1 +
 zh-cn/react-native-section-list-get-item-layout.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-section-list-get-item-layout.md b/en/react-native-section-list-get-item-layout.md
index 50c1d1bd..4514337e 100644
--- a/en/react-native-section-list-get-item-layout.md
+++ b/en/react-native-section-list-get-item-layout.md
@@ -72,6 +72,7 @@ export default MyComponent
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-native-section-list-get-item-layout.md b/zh-cn/react-native-section-list-get-item-layout.md
index 50c1d1bd..4514337e 100644
--- a/zh-cn/react-native-section-list-get-item-layout.md
+++ b/zh-cn/react-native-section-list-get-item-layout.md
@@ -72,6 +72,7 @@ export default MyComponent
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 

From 7c1bdbb38be705d1175834cfafcd9fd2be2ef25e Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Thu, 17 Oct 2024 08:17:28 +0000
Subject: [PATCH 697/966] =?UTF-8?q?!1683=20docs:=20[Issue:=20#IAXJCQ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-root-toast=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXJCQ]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-root-toast=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-root-toast.md    | 40 +++-----------------------------
 zh-cn/react-native-root-toast.md | 40 +++-----------------------------
 2 files changed, 6 insertions(+), 74 deletions(-)

diff --git a/en/react-native-root-toast.md b/en/react-native-root-toast.md
index cffa9bbb..f9f57bc5 100644
--- a/en/react-native-root-toast.md
+++ b/en/react-native-root-toast.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-root-toast</code> </h1>
@@ -38,8 +37,6 @@ yarn add react-native-root-toast@3.5.1
 
 下面的代码展示了这个库的基本使用场景：
 
-#### Calling api
-
 ```js
 import React, { useState } from "react";
 import {
@@ -84,36 +81,6 @@ export function ReactNativeRootToastExample() {
 }
 ```
 
-#### Using a Component
-
-```json
-import { RootSiblingParent } from 'react-native-root-siblings';
-import React,{ useState } from 'react';
-import { Button } from 'react-native';
-import Toast from 'react-native-root-toast';
-
-export function ReactNativeRootToastExample() {
-	const [visible,setvisible] = useState(true);
-    function c(){ setvisible(false) }
-    function d(){ setvisible(true) }
-    return (
-        <RootSiblingParent>
-            <Toast
-            visible={visible}
-            position={90}
-            shadow={false}
-            animation={false}
-            hideOnPress={true}
-                >This is a message</Toast>
-            <View >
-                <Button title = "开一个组件弹窗" onPress = {d} />
-                <Button title = "关掉这个组件弹窗" onPress = {c} />
-            </View>
-        </RootSiblingParent>
-    );
-}
-```
-
 ## 约束与限制
 
 ### 兼容性
@@ -121,6 +88,7 @@ export function ReactNativeRootToastExample() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -152,6 +120,4 @@ export function ReactNativeRootToastExample() {
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-root-toast.md b/zh-cn/react-native-root-toast.md
index cffa9bbb..f9f57bc5 100644
--- a/zh-cn/react-native-root-toast.md
+++ b/zh-cn/react-native-root-toast.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-root-toast</code> </h1>
@@ -38,8 +37,6 @@ yarn add react-native-root-toast@3.5.1
 
 下面的代码展示了这个库的基本使用场景：
 
-#### Calling api
-
 ```js
 import React, { useState } from "react";
 import {
@@ -84,36 +81,6 @@ export function ReactNativeRootToastExample() {
 }
 ```
 
-#### Using a Component
-
-```json
-import { RootSiblingParent } from 'react-native-root-siblings';
-import React,{ useState } from 'react';
-import { Button } from 'react-native';
-import Toast from 'react-native-root-toast';
-
-export function ReactNativeRootToastExample() {
-	const [visible,setvisible] = useState(true);
-    function c(){ setvisible(false) }
-    function d(){ setvisible(true) }
-    return (
-        <RootSiblingParent>
-            <Toast
-            visible={visible}
-            position={90}
-            shadow={false}
-            animation={false}
-            hideOnPress={true}
-                >This is a message</Toast>
-            <View >
-                <Button title = "开一个组件弹窗" onPress = {d} />
-                <Button title = "关掉这个组件弹窗" onPress = {c} />
-            </View>
-        </RootSiblingParent>
-    );
-}
-```
-
 ## 约束与限制
 
 ### 兼容性
@@ -121,6 +88,7 @@ export function ReactNativeRootToastExample() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -152,6 +120,4 @@ export function ReactNativeRootToastExample() {
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
\ No newline at end of file

From b6ac78be593a225ad99ac7584c475e81561ace89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=B8=E5=85=88=E7=94=9F?= <qinyiscl@foxmail.com>
Date: Thu, 17 Oct 2024 08:30:06 +0000
Subject: [PATCH 698/966] =?UTF-8?q?!1698=20docs:=20[Issue:=20#IAXOLW]?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9js=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E5=A2=9E=E5=8A=A0=E5=85=B6=E5=85=BC=E5=AE=B9=E6=80=A7?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Is?=
 =?UTF-8?q?sue:=20#IAXOLW]=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9js=E4=B8=89?=
 =?UTF-8?q?=E6=96=B9=E5=BA=93=E5=A2=9E=E5=8A=A0=E5=85=B6=E5=85=BC=E5=AE=B9?=
 =?UTF-8?q?=E6=80=A7=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-action-sheet.md        | 1 +
 en/react-native-dismiss-keyboard.md    | 1 +
 en/react-native-dynamic.md             | 1 +
 en/react-native-multiple-select.md     | 1 +
 zh-cn/react-native-action-sheet.md     | 1 +
 zh-cn/react-native-dismiss-keyboard.md | 1 +
 zh-cn/react-native-dynamic.md          | 1 +
 zh-cn/react-native-multiple-select.md  | 1 +
 8 files changed, 8 insertions(+)

diff --git a/en/react-native-action-sheet.md b/en/react-native-action-sheet.md
index 705c2302..af96b18c 100644
--- a/en/react-native-action-sheet.md
+++ b/en/react-native-action-sheet.md
@@ -197,6 +197,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-native-dismiss-keyboard.md b/en/react-native-dismiss-keyboard.md
index a0b9c4ec..c52d90c7 100644
--- a/en/react-native-dismiss-keyboard.md
+++ b/en/react-native-dismiss-keyboard.md
@@ -137,6 +137,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-native-dynamic.md b/en/react-native-dynamic.md
index 01d7c6f8..719ee79b 100644
--- a/en/react-native-dynamic.md
+++ b/en/react-native-dynamic.md
@@ -182,6 +182,7 @@ const dynamicStyles = new DynamicStyleSheet({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.24;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/en/react-native-multiple-select.md b/en/react-native-multiple-select.md
index 894f2221..8ea91e75 100644
--- a/en/react-native-multiple-select.md
+++ b/en/react-native-multiple-select.md
@@ -149,6 +149,7 @@ RNApp({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-action-sheet.md b/zh-cn/react-native-action-sheet.md
index 705c2302..af96b18c 100644
--- a/zh-cn/react-native-action-sheet.md
+++ b/zh-cn/react-native-action-sheet.md
@@ -197,6 +197,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-dismiss-keyboard.md b/zh-cn/react-native-dismiss-keyboard.md
index a0b9c4ec..c52d90c7 100644
--- a/zh-cn/react-native-dismiss-keyboard.md
+++ b/zh-cn/react-native-dismiss-keyboard.md
@@ -137,6 +137,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-dynamic.md b/zh-cn/react-native-dynamic.md
index 01d7c6f8..719ee79b 100644
--- a/zh-cn/react-native-dynamic.md
+++ b/zh-cn/react-native-dynamic.md
@@ -182,6 +182,7 @@ const dynamicStyles = new DynamicStyleSheet({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.24;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-multiple-select.md b/zh-cn/react-native-multiple-select.md
index 894f2221..8ea91e75 100644
--- a/zh-cn/react-native-multiple-select.md
+++ b/zh-cn/react-native-multiple-select.md
@@ -149,6 +149,7 @@ RNApp({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From dba1cd12dbc338823aab1e462dd5c94a536bc310 Mon Sep 17 00:00:00 2001
From: Magic-Neko <xiaoyange1@h-partners.com>
Date: Thu, 17 Oct 2024 08:39:55 +0000
Subject: [PATCH 699/966] =?UTF-8?q?!1688=20docs:=20[IAXL34]=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E4=BF=AE=E6=94=B9react-native-animatable,react-native?=
 =?UTF-8?q?-deck-swiper,react-native-htmlview,react-native-ratings,react-n?=
 =?UTF-8?q?ative-scrollable-tabview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20?=
 =?UTF-8?q?*=20docs:=20[IAXL34]=E4=BF=AE=E6=94=B9react-native-scrollable-t?=
 =?UTF-8?q?abview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[IAXL3?=
 =?UTF-8?q?4]=E4=BF=AE=E6=94=B9react-native-ratings=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[IAXL34]=E4=BF=AE=E6=94=B9reac?=
 =?UTF-8?q?t-native-htmlview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20doc?=
 =?UTF-8?q?s:=20[IAXL34]=E4=BF=AE=E6=94=B9react-native-deck-swiper?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[IAXL34]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-animatable=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-animatable.md            |  68 +++++------
 en/react-native-deck-swiper.md           | 117 +++++++-----------
 en/react-native-htmlview.md              |  36 +++---
 en/react-native-ratings.md               |  39 +++---
 en/react-native-scrollable-tabview.md    | 146 +++++++++++------------
 zh-cn/react-native-animatable.md         |  11 +-
 zh-cn/react-native-deck-swiper.md        |   5 +-
 zh-cn/react-native-htmlview.md           |   6 +-
 zh-cn/react-native-ratings.md            |   9 +-
 zh-cn/react-native-scrollable-tabview.md |   8 +-
 10 files changed, 195 insertions(+), 250 deletions(-)

diff --git a/en/react-native-animatable.md b/en/react-native-animatable.md
index 56c7580a..6b168df6 100644
--- a/en/react-native-animatable.md
+++ b/en/react-native-animatable.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-animatable</code> </h1>
@@ -13,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/oblador/react-native-animatable)
+> [!TIP] [GitHub address](https://github.com/oblador/react-native-animatable)
 
 
-## 安装与使用
+## Installation and Usage
 
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,9 +37,9 @@ yarn add react-native-animatable@1.4.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { useState } from 'react';
@@ -68,7 +67,7 @@ export default function ExampleView() {
                     style={{ textAlign: 'center', marginTop: 50, color: 'white', fontSize: textFontSize || 10 }}
                     onTransitionBegin={() => { console.log('test onTransitionBegin') }}
                     onTransitionEnd={() => { console.log('test onTransitionEnd') }}
-                >O(∩_∩)O哈哈~</Animatable.Text>
+                >test</Animatable.Text>
             </TouchableOpacity>
         </Animatable.View>
     )
@@ -77,48 +76,45 @@ export default function ExampleView() {
 
 
 
-## 约束与限制
+## Constraints
 
-### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑ROM。
+### Compatibility
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18； IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 Name | Description | Type | Required | Platform | HarmonyOS   Support
 -- | -- | -- | -- | -- | --
-animation | 动画的名称，请参见下面的可用动画 | string/undefined | / | all | yes
-duration | 动画将运行的时间（毫秒） | number/undefined | / | all | yes
-delay | （可选）延迟动画（毫秒） | number/undefined | / | all | yes
-direction | 动画的方向，特别适用于重复动画。有效值：正常、反向、交替、交替反向 | string/undefined | / | all | yes
-easing | 动画的计时功能。有效值：自定义函数或线性、易进、易出、易入 | string/undefined | / | all | yes
-iterationCount | 运行动画的次数，对于循环动画使用无穷大。 | number/undefined | / | all | yes
-iterationDelay | 关于动画迭代之间的暂停时间（毫秒） | number/undefined | / | all | yes
-transition | 要转换的样式属性，例如不透明度、旋转或字体大小。对多个属性使用数组。 | string/array/undefined | / | all | yes
-onAnimationBegin | 启动动画时调用的函数。 | Function/undefined | / | all | yes
-onAnimationEnd | 当动画成功完成或取消时调用的函数。函数是用endState参数调用的，请参阅endState.finished以查看动画是否已完成。 | Function/undefined | / | all | yes
-onTransitionBegin | 在样式转换开始时调用的函数。使用属性参数调用函数以区分样式。 | Function/undefined | / | all | yes
-onTransitionEnd | 当样式转换成功完成或取消时调用的函数。使用属性参数调用函数以区分样式。 | Function/undefined | / | all | yes
-useNativeDriver | 是否使用本机或JavaScript动画驱动程序。本机驱动程序可以帮助提高性能，但不能处理所有类型的样式。 | Function/undefined | / | all | yes
-isInteraction | 此动画是否在交互管理器上创建“交互控制柄”。 | Boolean | / | all | yes
+animation | The name of the animation, see Available Animations below    | string/undefined | / | all | yes
+duration | Time (milliseconds) the animation will run | number/undefined | / | all | yes
+delay | (Optional) Delay animation (milliseconds) | number/undefined | / | all | yes
+direction | The direction of the animation, especially for repeated animations. Valid values: Normal, Reverse, Alternate, Alternate Reverse | string/undefined | / | all | yes
+easing | The timing function of the animation. Valid values: user-defined function or linear, easy-in, easy-out, easy-in | string/undefined | / | all | yes
+iterationCount | The number of times the animation is run, using infinity for loop animation. | number/undefined | / | all | yes
+iterationDelay | About Pause Time Between Animation Iterations (milliseconds) | number/undefined | / | all | yes
+transition | The style attribute to convert, such as opacity, rotation, or font size. Use an array for multiple properties. | string/array/undefined | / | all | yes
+onAnimationBegin | The function that is called when the animation is started.   | Function/undefined | / | all | yes
+onAnimationEnd | Function that is called when the animation is successfully completed or cancelled. The function is called with the endState parameter, see endState.finished to see if the animation is complete. | Function/undefined | / | all | yes
+onTransitionBegin | The function that is called at the beginning of the style conversion. Call functions with property arguments to distinguish styles. | Function/undefined | / | all | yes
+onTransitionEnd | Function that is called when the style conversion is successfully completed or canceled. Call functions with property arguments to distinguish styles. | Function/undefined | / | all | yes
+useNativeDriver | Whether to use native or JavaScript animation drivers. Native drivers can help improve performance, but cannot handle all types of styles. | Function/undefined | / | all | yes
+isInteraction | Whether this animation creates an Interaction Handle on the Interaction Manager. | Boolean | / | all | yes
 
 
 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-animatable/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/oblador/react-native-animatable/blob/master/LICENSE) .
diff --git a/en/react-native-deck-swiper.md b/en/react-native-deck-swiper.md
index 745e90e6..67d27e72 100644
--- a/en/react-native-deck-swiper.md
+++ b/en/react-native-deck-swiper.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-deck-swiper</code> </h1>
@@ -14,9 +12,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/alexbrillant/react-native-deck-swiper)
+> [!TIP] [GitHub address](https://github.com/alexbrillant/react-native-deck-swiper)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -34,9 +32,9 @@ yarn add react-native-deck-swiper@2.0.17
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component, useState } from 'react'
@@ -56,15 +54,13 @@ export default class DeckSwiperExample extends Component {
     this.state = {
       cards: [...range(1, 10)],
       swipedAllCards: false,
-      swipeDirection: '操作卡片滑动，此处显示滑动方向',
+      swipeDirection: 'Slide the operation card. The sliding direction is displayed here.',
       cardIndex: 0,
-      //是否显示下一张卡片
       showSecondCardState:true,
-      //卡片移动时候的索引
-      indexWhenmove:'请移动卡片',
-      positionWhenmove:'请移动卡片',
-      dragStartState:'拖动开始触发',
-      dragEndState:'拖动结束触发'
+      indexWhenmove:'Please move the card',
+      positionWhenmove:'Please move the card',
+      dragStartState:'Drag Start Trigger',
+      dragEndState:'Triggered by the end of dragging'
     }
   }
 
@@ -86,7 +82,6 @@ export default class DeckSwiperExample extends Component {
     })
   };
 
-  //轻触时，卡片滑动的方向
   swipeLeft = () => {
     this.swiper.swipeLeft()
   };
@@ -99,7 +94,6 @@ export default class DeckSwiperExample extends Component {
   swipeBottom = () => {
     this.swiper.swipeBottom()
   };
-  //卡片拖动时，调用的函数
   Swiping = (index, position) => {
     this.setState({
       ...this.props,
@@ -107,36 +101,32 @@ export default class DeckSwiperExample extends Component {
       positionWhenmove:position
     })
   };
-  //拖动开始时候要调用的函数
   dragStart = () => {
     this.setState({
       ...this.props,
-      dragStartState:'拖动已经开始了！！！！'
+      dragStartState:'The drag has started！！！！'
     })
   } 
-  //拖动结束时候要调用的函数
   dragEnd = () => {
     this.setState({
       ...this.props,
-      dragEndState:'拖动已经结束了！！！！'
+      dragEndState:'The drag is over！！！！'
     })
   } 
 
-  //显示堆叠卡片
   useShowSecondCard = () =>{
     this.setState({
       ...this.props,
       showSecondCardState:true
     })
   }
-  //不显示堆叠卡片
   disuseShowSecondCard = () =>{
     this.setState({
       ...this.props,
       showSecondCardState:false
     })
   }
-  //显示堆叠卡片
+  //Display Stacking Cards
   useShowSecondCard = () =>{
       this.setState({
         ...this.props,
@@ -146,54 +136,39 @@ export default class DeckSwiperExample extends Component {
 
   render() {
     return (
-              <Text>该整体效果涉及属性和接口</Text>
-              <Text>onSwiped,滑动方向：{this.state.swipeDirection}</Text>
-              <Text>onTapCard,轻触时，卡片调用的函数:这里设置的是swipeLeft向左滑动</Text>
-              <Text>onSwipedAllCards,刷卡时候调用的函数,刷卡完毕置位true.刷卡完毕的情况下使用'回退按键',该状态不会重置:{JSON.stringify(this.state.swipedAllCards)}</Text>
-              <Text>onSwiping,卡片移动时触发的回调: Swiping card at index {this.state.indexWhenmove}, position: {this.state.positionWhenmove}</Text>
-              <Text>dragStart,卡片开始拖动时候触发的回调:{this.state.dragStartState}</Text>
-              <Text>dragEnd,卡片拖动结束时候触发的回调:{this.state.dragEndState}</Text>
+              <Text>The overall effect involves attributes and interfaces.</Text>
+              <Text>onSwiped,Sliding direction：{this.state.swipeDirection}</Text>
+              <Text>onTapCard,When lightly touched，Function called by the card: SwipeLeft is set to slide left.</Text>
+              <Text>onSwipedAllCards,Function invoked when the card is swiped. After the card is swiped, the value is set to true. After the card is swiped, the status will not be reset when the'Back button' is used:{JSON.stringify(this.state.swipedAllCards)}</Text>
+              <Text>onSwiping,Callback triggered when a card is moved: Swiping card at index {this.state.indexWhenmove}, position: {this.state.positionWhenmove}</Text>
+              <Text>dragStart,Callback triggered when the card starts to drag:{this.state.dragStartState}</Text>
+              <Text>dragEnd,Callback triggered when the card drag ends:{this.state.dragEndState}</Text>
               <View style={styles.container}>
                 <Swiper
                   ref={swiper => {
                     this.swiper = swiper
                   }}
-                  //滑动方向
                   onSwiped={() => this.setState({ swipeDirection: this.state.swipeDirection = 'general' })}
                   onSwipedLeft={() => this.setState({ swipeDirection: this.state.swipeDirection = 'left' })}
                   onSwipedRight={() => this.setState({ swipeDirection: this.state.swipeDirection = 'right' })}
                   onSwipedTop={() => this.setState({ swipeDirection: this.state.swipeDirection = 'top' })}
                   onSwipedBottom={() => this.setState({ swipeDirection: this.state.swipeDirection = 'bottom' })}
-                  //轻触卡时要调用的函数，这里是向左滑动
                   onTapCard={this.swipeLeft}
-                  //需要渲染的卡片组，必填
                   cards={this.state.cards}
-                  //首张卡片，这里为设置为0
                   cardIndex={this.state.cardIndex}
-                  //卡片的垂直边距，默认为60
                   cardVerticalMargin={200}
-                  //卡片的水平边距，默认为20
                   cardHorizontalMargin={80}
-                  //卡片渲染的参数，必填
                   renderCard={this.renderCard}
-                  //卡片移动时触发的回调
                   onSwiping={this.Swiping}
-                  //当卡片滑完后触发的回调
                   onSwipedAll={this.onSwipedAllCards}
-                  //拖动开始触发的函数
                   dragStart={this.dragStart}
-                  //拖动结束触发的函数
                   dragEnd={this.dragEnd}
-                  //显示堆叠卡片,只有当showSecondCard为true的时候,才会生效
                   stackSize={3}
-                  //卡之间的垂直间隔f,具体表现为卡片的堆叠样式,例如此处为-100，成多米诺形式
                   stackSeparation={20}
-                  //是否显示第二张卡
                   showSecondCard={this.state.showSecondCardState}
-                  //滑动覆盖标签，滑动时候卡片上的覆盖样式
                   overlayLabels={{
                     bottom: {
-                      title: '向下',
+                      title: 'Downward',
                       style: {
                         label: {
                           backgroundColor: 'black',
@@ -209,7 +184,7 @@ export default class DeckSwiperExample extends Component {
                       }
                     },
                     left: {
-                      title: '向左',
+                      title: 'To the left',
                       style: {
                         label: {
                           backgroundColor: 'black',
@@ -227,7 +202,7 @@ export default class DeckSwiperExample extends Component {
                       }
                     },
                     right: {
-                      title: '向右',
+                      title: 'To the right',
                       style: {
                         label: {
                           backgroundColor: 'black',
@@ -245,7 +220,7 @@ export default class DeckSwiperExample extends Component {
                       }
                     },
                     top: {
-                      title: '向上',
+                      title: 'Upward',
                       style: {
                         label: {
                           backgroundColor: 'black',
@@ -261,12 +236,9 @@ export default class DeckSwiperExample extends Component {
                       }
                     }
                   }}
-                  //动画卡覆盖标签不透明度，默认为false
                   animateOverlayLabelsOpacity
                   animateCardOpacity
-                  //回退卡片动画
                   swipeBackCard
-                  //背景图
                   containerStyle={
                     {
                         height: 700,
@@ -277,8 +249,8 @@ export default class DeckSwiperExample extends Component {
                     }}
                 >
                   <Button onPress={() => this.swiper.swipeBack()} title='Swipe Back' />
-                  <Button onPress={() => this.useShowSecondCard()} title='显示堆叠卡片(默认为堆叠；重置后，需要滑动一张卡片生效)' />
-                  <Button onPress={() => this.disuseShowSecondCard()} title='不显示堆叠卡片(点击后，需要滑动一张卡片生效)' />
+                  <Button onPress={() => this.useShowSecondCard()} title='Display stacking cards (stacked by default. After reset, slide one card to take effect.)' />
+                  <Button onPress={() => this.disuseShowSecondCard()} title='The stacked card is not displayed. (After you click this button, you need to slide one card to take effect.)' />
                 </Swiper>
               </View>
     )
@@ -318,19 +290,20 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+1. RNOH：0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Card props
 
@@ -433,11 +406,11 @@ export default App;
 | stackAnimationTension        | spring animation tension (speed)                            | number | no       | iOS/Android | yes               |
 | swipeBackCard                | renders swipe back card, in order to animate it             | bool   | no       | iOS/Android | yes               |
 
-## 事件回调
+## Event callback
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                  | Type | Required | Platform    | HarmonyOS Support |
 | ----------------- | ------------------------------------------------------------ | ---- | -------- | ----------- | ----------------- |
@@ -454,11 +427,11 @@ export default App;
 | onTapCard         | function to be called when tapping a card. it receives the tapped card index | func | no       | iOS/Android | yes               |
 | onTapCardDeadZone | maximum amount of movement before a tap is no longer recognized as a tap | func | no       | iOS/Android | yes               |
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP]  If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                           | Type     | Required | Platform    | HarmonyOS Support |
 | --------------- | ------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -469,12 +442,10 @@ export default App;
 | swipeBottom     | swipe bottom to the next card         | callback | no       | iOS/Android | yes               |
 | jumpToCardIndex | set the current card index            | callback | no       | iOS/Android | yes               |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The ISC License (ISC)](https://github.com/alexbrillant/react-native-deck-swiper/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The ISC License (ISC)](https://github.com/alexbrillant/react-native-deck-swiper/blob/master/LICENSE) .
diff --git a/en/react-native-htmlview.md b/en/react-native-htmlview.md
index 3f85facb..77e1ddd7 100644
--- a/en/react-native-htmlview.md
+++ b/en/react-native-htmlview.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-htmlview</code> </h1>
@@ -15,11 +14,11 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/jsdf/react-native-htmlview)
+> [!TIP] [GitHub address](https://github.com/jsdf/react-native-htmlview)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,9 +36,9 @@ yarn add react-native-htmlview@0.17.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -86,21 +85,22 @@ const styles = StyleSheet.create({
 export default HtmlViewExample;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
+1. RNOH：0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] 该库为UI组件库，可以在该库的标签下，使原本无法在RN框架生效的Html写法，可以实现对应的功能。
+> [!tip] This library is a UI component library. Under the label of this library, HTML writing that cannot take effect in the RN framework can implement corresponding functions.
 
 | Name            | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | --------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
@@ -114,8 +114,6 @@ export default HtmlViewExample;
 | lineBreak       | text which appears after text elements which create a new line | string | no       | All      | yes               |
 | addLineBreaks   | when explicitly , effectively sets                           | string | no       | All      | yes               |
 
-## 开源协议
+## License
 
-本项目基于 [The ISC License (ISC)](https://github.com/jsdf/react-native-htmlview/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The ISC License (ISC)](https://github.com/jsdf/react-native-htmlview/blob/master/LICENSE) .
diff --git a/en/react-native-ratings.md b/en/react-native-ratings.md
index f4477410..5aa8c4ae 100644
--- a/en/react-native-ratings.md
+++ b/en/react-native-ratings.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-ratings</code> </h1>
@@ -14,9 +13,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/Monte9/react-native-ratings)
+> [!TIP] [GitHub address](https://github.com/Monte9/react-native-ratings)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -34,7 +33,7 @@ yarn add react-native-ratings@8.1.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
 import React, { useState } from 'react';
@@ -119,20 +118,21 @@ export function RatingsDemo () {
 
 ```
 
-## 约束与限制
+## Constraints
 
-#### 兼容性
+### Compatibility
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
-RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-### 此组件有以下属性:
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+### This component has the following properties:
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.。
 
 |           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -156,9 +156,9 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 |     **onFinishRating**     |       Callback method when the user finishes rating. Gives you the final rating value as a whole number (required)         |                         function                           |    No    | iOS/Android |        Yes        |
 
 ## **API（AirbnbRating）**
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -178,11 +178,10 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 |     **starImage**  |   Pass in a custom base image source (optional)  |                         string                           |    No    | iOS/Android |        Yes        |
 |     **starStyle**  |   Custom styles applied to the star (optional)  |                         object                           |    No    | iOS/Android |        Yes        |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/Monte9/react-native-ratings/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [MIT License](https://github.com/Monte9/react-native-ratings/blob/master/LICENSE) .
\ No newline at end of file
diff --git a/en/react-native-scrollable-tabview.md b/en/react-native-scrollable-tabview.md
index 6d822cad..700851fe 100644
--- a/en/react-native-scrollable-tabview.md
+++ b/en/react-native-scrollable-tabview.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-scrollable-tabview</code> </h1>
@@ -13,12 +12,12 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/itenl/react-native-scrollable-tabview)
+> [!TIP] [GitHub address](https://github.com/itenl/react-native-scrollable-tabview)
 
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +35,9 @@ yarn add @itenl/react-native-scrollable-tabview@1.1.7
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useEffect, useRef } from 'react';
@@ -114,96 +113,93 @@ export default function ScrollTabsDemo() {
 
 
 
-## 约束与限制
+## Constraints
 
-### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑ROM。
+### Compatibility
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
 2. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
-## 属性
+## Properties 
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required |   HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- |  ------------------ |
-stacks | 页面栈 < [阅读 Stack Property](#StackProperty) >| Array | / | yes
-mappingProps | 将映射数据关联到   Stack / Sticky | Object | / | yes
-badges | 针对每个Tab的徽章 < [阅读 Badge Property](#BadgeProperty) >| Array | / | yes
-tabsStyle | 整个Tabs样式 | Object | / | yes
-tabWrapStyle | 单Tab换行样式（函数参数提供item、index，需要返回样式对象，eg。return   index == 1 && {zIndex:10}| Object   / Function | / | yes
-tabInnerStyle | 单Tab内部样式 | Object | / | yes
-tabActiveOpacity | 单击   Tab 按钮后的透明度 | Number | / | yes
-tabStyle | 单标签样式 | Object | / | yes
-textStyle | 选项卡中的文本样式 | Object | / | yes
-textActiveStyle | 选择活动文本样式 | Object | / | yes
-tabUnderlineStyle | 选择活动下划线样式 | Object | / | yes
-firstIndex | 设置 firstIndex 的栈为活动状态 (请在设定 firstIndex 值的时候确保 stacks 的个数大于 firstIndex ) | Number   / Null | / | yes
-syncToSticky | 是否同步（render在Screen中触发componentDidUpdate会更新Sticky） | Boolean | / | yes
-onEndReachedThreshold | 底部回调阈值 | Number | / | yes
-onBeforeRefresh | 下拉刷新前置函数，executenext执行onRefreshScreen中的函数，executetoggled切换系统加载，可以通过true/false来指定（回调包含next,toggled两个形参） | Function | / | yes
-onBeforeEndReached | 向上滑动加载更多前置函数，execute   next将执行onEndReachedScreen中的函数（回调包含next形参） | Function | / | yes
-onTabviewChanged | Tab切换完成回调（回调包含index, tabLabel,isFirst参数） | Function | / | yes
-screenScrollThrottle | Screen 横向滑动时节流参数,单位 (毫秒) | Number | / | yes
-header | 顶部组件（如果函数需要返回Element） | Function   / JSX Element / Class Component | / | yes
-stickyHeader | 	顶部带吸顶效果组件 (若是函数需要返回 Element) | Function   / JSX Element / Class Component | / | yes
-oneTabHidden | 当只有一个Tab时隐藏自身 | Boolean | / | yes
-enableCachePage | 是否持久化页面切换后不销毁 | Boolean | / | yes
-carouselProps | 传递给 Carousel 的剩余属性 < [阅读 Carousel](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/PROPS_METHODS_AND_GETTERS.md) >| Object | / | yes
-sectionListProps | 传递给 SectionList 的剩余属性 < [阅读 SectionList](https://reactnative.dev/docs/sectionlist) >| Object | / | yes
-toHeaderOnTab | 点击触发激活的Tab会滚动到Header（高优先级） | Boolean | / | yes
-toTabsOnTab | 点击触发激活的Tab会滚动到Tabs | Boolean | / | yes
-tabsShown | 配置选项卡的显示和隐藏 | Boolean | / | yes
-fixedTabs | true时enableCachePage，滑动切换Screen设置最小高度，保证Header和Tabs不会弹起 | Boolean | / | yes
-fixedHeader | 与Tabs一起渲染，固定顶部Header，不跟随滚动 | Boolean | / | yes
-useScroll | Tabs是否支持水平滚动（有多个类别Tab时需要启用，建议tabStyle传入固定宽度） | Boolean | / | yes
-useScrollStyle | 设置contentContainerStyle为滚动Tabs，通常会在左右两侧添加边距paddingLeft paddingHorizontal | Object | / | yes
-fillScreen | 填满整个屏幕 | Boolean | / | yes
-title | 动画标题 | Function   / JSX Element / Class Component | / | yes
-titleArgs | 标题配置 < [阅读 interpolate](https://reactnative.dev/docs/animations#interpolation) >| Object | / | yes
-onScroll | 滚动事件监听 | Function | / | yes
-onScroll2Horizontal | 水平滚动事件监听 | Function | / | yes
-tabsEnableAnimated | 为Tabs启用滑动效果，需要为 tabStyle   指定 width | Boolean | / | yes
-tabsEnableAnimatedUnderlineWidth | 要为选项卡下划线设置固定宽度并添加跳跃动画，需要启用tabsEnableAnimated=true。   （建议传入三分之一tabStyle.width或者固定的30px） | Number | / | yes
-errorToThrow | console.error会抛出错误throw new   Error() | Boolean | / | yes
-
-## stack 属性
+stacks | Page stack < [Read Stack Property](#StackProperty) >| Array | / | yes
+mappingProps | Associate mapped data to Stack / Sticky | Object | / | yes
+badges | Badge for each tab< [Read Badge Property](#BadgeProperty) >| Array | / | yes
+tabsStyle |The entire Tabs style | Object | / | yes
+tabWrapStyle | Single Tab wrap style (The function parameters provide item, index, and need to return the style object, eg. **`return index == 1 && {zIndex: 10}`**)| Object   / Function | / | yes
+tabInnerStyle | Single Tab inner style | Object | / | yes
+tabActiveOpacity | Transparency after Tab button click | Number | / | yes
+tabStyle | Single Tab style | Object | / | yes
+textStyle | Text style in Tab | Object | / | yes
+textActiveStyle | Select the active text style | Object | / | yes
+tabUnderlineStyle | Select the active underline style | Object | / | yes
+firstIndex | Set the stack of **`firstIndex`** to active (make sure that the number of **`stacks`** is greater than to **`firstIndex`** when setting the **`firstIndex`** value) | Number   / Null | / | yes
+syncToSticky | Whether it is synchronized (**`render`** triggered in the Screen **`componentDidUpdate`** will update Sticky) | Boolean | / | yes
+onEndReachedThreshold | Bottom callback threshold | Number | / | yes
+onBeforeRefresh | Pull down to refresh the pre-functions, execute **`next`** to execute **`onRefresh`** function in Screen, execute **`toggled`** to switch system loading, you can pass true / false to specify (callback contains **`next`**, **`toggled`** two formal parameters) | Function | / | yes
+onBeforeEndReached |  Slide up to load more pre-functions, execute next will execute the **`onEndReached`** function in the Screen (callback contains **`next`** formal parameters) | Function | / | yes
+onTabviewChanged |Tab switch completion callback (callback contains **`index`**, **`tabLabel`**, **`isFirst`** parameters) | Function | / | yes
+screenScrollThrottle | **`Screen`** Throttle parameters during lateral sliding, Unit (ms)| Number | / | yes
+header | Top component (if the function needs to return Element)| Function   / JSX Element / Class Component | / | yes
+stickyHeader | Top component (if the function needs to return Element) for sticky| Function   / JSX Element / Class Component | / | yes
+oneTabHidden | Hide itself when there is only one Tab | Boolean | / | yes
+enableCachePage |  Whether the persistent page will not be destroyed after switching | Boolean | / | yes
+carouselProps | The remaining attributes passed to Carousel< [Read Carousel](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/PROPS_METHODS_AND_GETTERS.md) >| Object | / | yes
+sectionListProps | Remaining attributes passed to SectionList< [Read SectionList](https://reactnative.dev/docs/sectionlist) >| Object | / | yes
+toHeaderOnTab | Click to trigger the activated Tab will scroll to Header (high priority) | Boolean | / | yes
+toTabsOnTab | Click to trigger the activated Tab will scroll to Tabs| Boolean | / | yes
+tabsShown |  Configure Tabs display and hide | Boolean | / | yes
+fixedTabs | When **`enableCachePage`** is true, slide to switch Screen to set the minimum height to ensure that the Header and Tabs will not bounce | Boolean | / | yes
+fixedHeader | Render together with Tabs, fix the top Header, do not follow the scroll | Boolean | / | yes
+useScroll | Does Tabs support horizontal scrolling (it needs to be enabled when there are multiple category Tabs, it is recommended that **`tabStyle`** pass in a fixed width)| Boolean | / | yes
+useScrollStyle |Set **`contentContainerStyle`** for scrolling **`Tabs`**, usually add margins to the left and right sides **`paddingLeft`** **`paddingHorizontal`** | Object | / | yes
+fillScreen | Fill the entire Screen | Boolean | / | yes
+title | Animation title | Function   / JSX Element / Class Component | / | yes
+titleArgs | Title parameter configuration < [Read interpolate](https://reactnative.dev/docs/animations#interpolation) >| Object | / | yes
+onScroll | Scroll event monitoring | Function | / | yes
+onScroll2Horizontal | Scroll event monitoring for orizontal | Function | / | yes
+tabsEnableAnimated | Enable sliding effect for Tabs, Need to specify **`width`** for **`tabStyle`** | Boolean for TabStyle | / | yes
+tabsEnableAnimatedUnderlineWidth | To set a fixed width for the Tabs Underline and add a jumping animation, you need to enable **`tabsEnableAnimated=true`**. (It is recommended to pass in one third of **`tabStyle.width`** or a fixed 30px) | Number | / | yes
+errorToThrow |**`console.error`** will throw an error **`throw new Error()`** | Boolean | / | yes
+
+## stack Properties 
 Name | Description | Type | Required | HarmonyOS   Support
 -- | -- | -- | -- | --
-screen | Screen   类组件 | Class   Component | / | yes |  
-sticky | 吸顶类组件,   实例内将返回该类组件的上下文 | Class   Component | / | yes |  
-tabLabel | Tab   昵称 | String | / | yes |  
-tabLabelRender | 自定义   Tab渲染函数，优先级高于 tabLabel | Function | / | yes |  
-badge | 针对当前 Tab   的徽章，与 badges 属性互斥，优先级高于最外层属性 badges < 阅读 Badge   Property > | Array | / | yes |  
-toProps | toProps 仅传递给 Screen，不作数据关联 | Object | / | yes |  
+screen | Screen components | Class   Component | / | yes 
+sticky | Ceiling component. The context of the component is returned in the instance. | Class   Component | / | yes 
+tabLabel | Tab Nickname                                                 | String | / | yes 
+tabLabelRender | Customized tab rendering function, which has a higher priority than tabLabel. | Function | / | yes 
+badge | Badge for the current tab, which is mutually exclusive with the badges attribute and has a higher priority than the outermost attribute badges | Array | / | yes 
+toProps | toProps is transferred only to the screen and is not associated with data | Object | / | yes 
 
-## 方法
+## Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 Name | Description | Type | Required | HarmonyOS   Support
 -- | -- | -- | -- | --
-getCurrentRef(index:   number.optional) | 获取当前活动的视图的实例，可传 index 获取指定实例 | Function | / | yes |  
-toTabView(index:   number.required / label: string.required) | 跳到指定 Screen | Function | / | yes |  
-scrollTo(index:   number.required) | 上下滑动至指定位置 (传入   0 默认定位至 tabs / 传入负数则置顶) | Function | / | yes |  
-clearStacks(callback:   function.optional) | 清空栈以及相关状态   (Tabs / Badge / Stacks)) | Function | / | yes | 
+getCurrentRef(index:   number.optional) | Obtains the instance of the current active view. You can transfer the index to obtain the specified instance | Function | / | yes 
+toTabView(index:   number.required / label: string.required) | Go to the specified screen.                                  | Function | / | yes 
+scrollTo(index:   number.required) | Slide up and down to the specified position (By default, if 0 is input, the tab is located./If a negative number is input, the tab is pinned to the top) | Function | / | yes 
+clearStacks(callback:   function.optional) | Clear the stack and related status (Tabs / Badge / Stacks) | Function | / | yes 
 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/itenl/react-native-scrollable-tabview/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under  [The MIT License (MIT)](https://github.com/itenl/react-native-scrollable-tabview/blob/main/LICENSE) .
diff --git a/zh-cn/react-native-animatable.md b/zh-cn/react-native-animatable.md
index 56c7580a..9c829f91 100644
--- a/zh-cn/react-native-animatable.md
+++ b/zh-cn/react-native-animatable.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-animatable</code> </h1>
@@ -21,7 +20,6 @@
 
 进入到工程目录并输入以下命令：
 
-
 <!-- tabs:start -->
 
 #### **npm**
@@ -68,7 +66,7 @@ export default function ExampleView() {
                     style={{ textAlign: 'center', marginTop: 50, color: 'white', fontSize: textFontSize || 10 }}
                     onTransitionBegin={() => { console.log('test onTransitionBegin') }}
                     onTransitionEnd={() => { console.log('test onTransitionEnd') }}
-                >O(∩_∩)O哈哈~</Animatable.Text>
+                >test</Animatable.Text>
             </TouchableOpacity>
         </Animatable.View>
     )
@@ -85,6 +83,7 @@ export default function ExampleView() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18； IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 ## 属性
@@ -118,7 +117,3 @@ isInteraction | 此动画是否在交互管理器上创建“交互控制柄”
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-animatable/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-deck-swiper.md b/zh-cn/react-native-deck-swiper.md
index 745e90e6..52f58530 100644
--- a/zh-cn/react-native-deck-swiper.md
+++ b/zh-cn/react-native-deck-swiper.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -325,6 +323,7 @@ export default App;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -476,5 +475,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://github.com/alexbrillant/react-native-deck-swiper/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-htmlview.md b/zh-cn/react-native-htmlview.md
index 3f85facb..b6686563 100644
--- a/zh-cn/react-native-htmlview.md
+++ b/zh-cn/react-native-htmlview.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-htmlview</code> </h1>
@@ -93,6 +92,7 @@ export default HtmlViewExample;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -117,5 +117,3 @@ export default HtmlViewExample;
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://github.com/jsdf/react-native-htmlview/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-ratings.md b/zh-cn/react-native-ratings.md
index f4477410..cb25f3e5 100644
--- a/zh-cn/react-native-ratings.md
+++ b/zh-cn/react-native-ratings.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-ratings</code> </h1>
@@ -125,7 +124,8 @@ export function RatingsDemo () {
 
 在下述版本验证通过：
 
-RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -184,5 +184,4 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/Monte9/react-native-ratings/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/Monte9/react-native-ratings/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-scrollable-tabview.md b/zh-cn/react-native-scrollable-tabview.md
index 6d822cad..b4cf95cd 100644
--- a/zh-cn/react-native-scrollable-tabview.md
+++ b/zh-cn/react-native-scrollable-tabview.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-scrollable-tabview</code> </h1>
@@ -123,6 +122,7 @@ export default function ScrollTabsDemo() {
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
 2. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 ## 属性
@@ -203,7 +203,3 @@ clearStacks(callback:   function.optional) | 清空栈以及相关状态   (Tabs
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/itenl/react-native-scrollable-tabview/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 7b29b039396c645da4ae42cbfc1cfa908d4b1a6c Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Thu, 17 Oct 2024 08:43:09 +0000
Subject: [PATCH 700/966] =?UTF-8?q?!1721=20docs:=20[Issue:=20#IAXUU7]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9@react-native-community/blur=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXUU7]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9@react-native-community/blur=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-blur.md    | 2 +-
 zh-cn/react-native-community-blur.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-community-blur.md b/en/react-native-community-blur.md
index 69b7c868..5ac3f439 100644
--- a/en/react-native-community-blur.md
+++ b/en/react-native-community-blur.md
@@ -116,7 +116,7 @@ export const Blurs = () => {
   );
 };
 
-export default const BlurDemo = () => {
+export const BlurDemo = () => {
   const [showBlurs, setShowBlurs] = React.useState(false);
   return (
     <View style={styles.container}>
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index e563480a..ea70c9ad 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -116,7 +116,7 @@ export const Blurs = () => {
   );
 };
 
-export default const BlurDemo = () => {
+export  const BlurDemo = () => {
   const [showBlurs, setShowBlurs] = React.useState(false);
   return (
     <View style={styles.container}>

From c365709bfc986a08953201cef231845b079f227e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 08:51:16 +0000
Subject: [PATCH 701/966] =?UTF-8?q?!1709=20docs:=20[Issue:#IAXQVH]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-better-banner=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:#IAXQVH]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-better-banner=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-better-banner.md    | 4 ++--
 zh-cn/react-native-better-banner.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-better-banner.md b/en/react-native-better-banner.md
index 2deb5259..08bec6c3 100644
--- a/en/react-native-better-banner.md
+++ b/en/react-native-better-banner.md
@@ -136,7 +136,7 @@ export default App;
 | indicatorWidth                    | 指示器宽度                                                   | Number   | 10                    | All      | Yes               |
 | indicatorHeight                   | 指示器高度                                                   | Number   | 6                     | All      | Yes               |
 | indicatorColor                    | 指示器颜色                                                   | String   | rgba(255,255,255,0.6) | All      | Yes               |
-| indicatorStyle                    | 指示器样式，您也可以直接使用此属性一次性设置指示器宽、高、颜色和圆角等，它会覆盖以上`indicatorWidth`,`indicatorHeight`，`indicatorColor`属性 | Object   | {}                    | All      | Yes               |
+| indicatorStyle                    | 指示器样式，您也可以直接使用此属性一次性设置指示器宽、高、颜色和圆角等，它会覆盖以上`indicatorWidth`,`indicatorHeight`，`indicatorColor`属性 | Object   | {}                    | No      | No               |
 | indicatorGap                      | 指示器之间的间隔                                             | Number   | 6                     | All      | Yes               |
 | activeIndicatorColor              | 活动指示器颜色                                               | String   | #fff                  | All      | Yes               |
 | indicatorGroupPosition            | 指示器组的位置，可设置`left`,`center`,`right`。如果您设置了`bannerTitles`,则此属性只能是`right` | String   | right                 | All      | Yes               |
@@ -147,7 +147,7 @@ export default App;
 | onScrollEnd()                     | 滚动完每张轮播图的回调函数，等同于`ScrollView`的`onMomentumScrollEnd` | Function | ()=>{}                | All      | Yes               |
 
 ## 遗留问题
-
+- [ ] indicatorStyle属性问题：源码逻辑有问题导致属性失效。[issue#11](https://github.com/react-native-oh-library/better-banner/issues/11)
 
 ## 其他
 
diff --git a/zh-cn/react-native-better-banner.md b/zh-cn/react-native-better-banner.md
index 2deb5259..08bec6c3 100644
--- a/zh-cn/react-native-better-banner.md
+++ b/zh-cn/react-native-better-banner.md
@@ -136,7 +136,7 @@ export default App;
 | indicatorWidth                    | 指示器宽度                                                   | Number   | 10                    | All      | Yes               |
 | indicatorHeight                   | 指示器高度                                                   | Number   | 6                     | All      | Yes               |
 | indicatorColor                    | 指示器颜色                                                   | String   | rgba(255,255,255,0.6) | All      | Yes               |
-| indicatorStyle                    | 指示器样式，您也可以直接使用此属性一次性设置指示器宽、高、颜色和圆角等，它会覆盖以上`indicatorWidth`,`indicatorHeight`，`indicatorColor`属性 | Object   | {}                    | All      | Yes               |
+| indicatorStyle                    | 指示器样式，您也可以直接使用此属性一次性设置指示器宽、高、颜色和圆角等，它会覆盖以上`indicatorWidth`,`indicatorHeight`，`indicatorColor`属性 | Object   | {}                    | No      | No               |
 | indicatorGap                      | 指示器之间的间隔                                             | Number   | 6                     | All      | Yes               |
 | activeIndicatorColor              | 活动指示器颜色                                               | String   | #fff                  | All      | Yes               |
 | indicatorGroupPosition            | 指示器组的位置，可设置`left`,`center`,`right`。如果您设置了`bannerTitles`,则此属性只能是`right` | String   | right                 | All      | Yes               |
@@ -147,7 +147,7 @@ export default App;
 | onScrollEnd()                     | 滚动完每张轮播图的回调函数，等同于`ScrollView`的`onMomentumScrollEnd` | Function | ()=>{}                | All      | Yes               |
 
 ## 遗留问题
-
+- [ ] indicatorStyle属性问题：源码逻辑有问题导致属性失效。[issue#11](https://github.com/react-native-oh-library/better-banner/issues/11)
 
 ## 其他
 

From 772ae9dbce8e28f71a020638f497e70ecb0def75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Thu, 17 Oct 2024 08:57:05 +0000
Subject: [PATCH 702/966] =?UTF-8?q?!1697=20docs:=20[Issue:=20#IAXOCF]?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9js=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E5=A2=9E=E5=8A=A0=E5=85=B6=E5=85=BC=E5=AE=B9=E6=80=A7?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Is?=
 =?UTF-8?q?sue:=20#IAXOCF]=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9js=E4=B8=89?=
 =?UTF-8?q?=E6=96=B9=E5=BA=93=E5=A2=9E=E5=8A=A0=E5=85=B6=E5=85=BC=E5=AE=B9?=
 =?UTF-8?q?=E6=80=A7=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-autocomplete-input.md    | 4 +++-
 en/react-native-material-ripple.md       | 1 +
 zh-cn/react-native-autocomplete-input.md | 4 +++-
 zh-cn/react-native-material-ripple.md    | 1 +
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/en/react-native-autocomplete-input.md b/en/react-native-autocomplete-input.md
index c7889418..793a4208 100644
--- a/en/react-native-autocomplete-input.md
+++ b/en/react-native-autocomplete-input.md
@@ -155,7 +155,9 @@ export default App;
 
 本文档内容基于以下版本验证通过：
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/en/react-native-material-ripple.md b/en/react-native-material-ripple.md
index 1ef7e3a5..135c4ee3 100644
--- a/en/react-native-material-ripple.md
+++ b/en/react-native-material-ripple.md
@@ -133,6 +133,7 @@ export const MateriaRippleExample = () => {
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
 2. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta3 5.0.0.36; IDE：DevEco Studio 5.0.3.535; ROM：5.0.0.36
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-autocomplete-input.md b/zh-cn/react-native-autocomplete-input.md
index c7889418..793a4208 100644
--- a/zh-cn/react-native-autocomplete-input.md
+++ b/zh-cn/react-native-autocomplete-input.md
@@ -155,7 +155,9 @@ export default App;
 
 本文档内容基于以下版本验证通过：
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/zh-cn/react-native-material-ripple.md b/zh-cn/react-native-material-ripple.md
index 1ef7e3a5..135c4ee3 100644
--- a/zh-cn/react-native-material-ripple.md
+++ b/zh-cn/react-native-material-ripple.md
@@ -133,6 +133,7 @@ export const MateriaRippleExample = () => {
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
 2. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta3 5.0.0.36; IDE：DevEco Studio 5.0.3.535; ROM：5.0.0.36
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 69ed38bfc7bef696efa04e306668ded7f028cfd3 Mon Sep 17 00:00:00 2001
From: zxh <2504211630@qq.com>
Date: Thu, 17 Oct 2024 08:57:34 +0000
Subject: [PATCH 703/966] =?UTF-8?q?!1705=20docs:=20[Issue:=20#IAXPJY]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-marquee-ab=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXPJY]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-marquee-ab=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-marquee-ab.md    | 1 +
 zh-cn/react-native-marquee-ab.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-marquee-ab.md b/en/react-native-marquee-ab.md
index 0217d667..196fecb2 100644
--- a/en/react-native-marquee-ab.md
+++ b/en/react-native-marquee-ab.md
@@ -84,6 +84,7 @@ export default class TestPage extends Component {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
+1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-marquee-ab.md b/zh-cn/react-native-marquee-ab.md
index 0217d667..196fecb2 100644
--- a/zh-cn/react-native-marquee-ab.md
+++ b/zh-cn/react-native-marquee-ab.md
@@ -84,6 +84,7 @@ export default class TestPage extends Component {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
+1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 5bbd6882342af8354f58240a6798b44eb16d92e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=92=9F=E6=96=87=E8=BF=9B?= <491438425@qq.com>
Date: Thu, 17 Oct 2024 09:00:04 +0000
Subject: [PATCH 704/966] =?UTF-8?q?!1712=20docs:(Issues:=20#IAXQZ0)=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-easy-toast=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXQZ0]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-easy-toast=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-easy-toast.md    | 1 +
 zh-cn/react-native-easy-toast.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-easy-toast.md b/en/react-native-easy-toast.md
index 2c35bec9..94e11596 100644
--- a/en/react-native-easy-toast.md
+++ b/en/react-native-easy-toast.md
@@ -76,6 +76,7 @@ export default class App extends Component {
 在下述版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2(B.0.73); IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.58;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 ## 属性
diff --git a/zh-cn/react-native-easy-toast.md b/zh-cn/react-native-easy-toast.md
index 2c35bec9..94e11596 100644
--- a/zh-cn/react-native-easy-toast.md
+++ b/zh-cn/react-native-easy-toast.md
@@ -76,6 +76,7 @@ export default class App extends Component {
 在下述版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2(B.0.73); IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.58;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 ## 属性

From c100f8f0932eaa9a428d8f36b385e6c8ff659674 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 09:21:02 +0000
Subject: [PATCH 705/966] =?UTF-8?q?!1699=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-indicators=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3,?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-lightbox=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-indicators=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-lightbox=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-indicators.md    | 2 ++
 en/react-native-lightbox.md      | 1 +
 zh-cn/react-native-indicators.md | 2 ++
 zh-cn/react-native-lightbox.md   | 1 +
 4 files changed, 6 insertions(+)

diff --git a/en/react-native-indicators.md b/en/react-native-indicators.md
index cd834c6b..0d887c37 100644
--- a/en/react-native-indicators.md
+++ b/en/react-native-indicators.md
@@ -166,6 +166,8 @@ const styles = {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
 ## 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/en/react-native-lightbox.md b/en/react-native-lightbox.md
index 9b8135ac..49c8f521 100644
--- a/en/react-native-lightbox.md
+++ b/en/react-native-lightbox.md
@@ -165,6 +165,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/zh-cn/react-native-indicators.md b/zh-cn/react-native-indicators.md
index cd834c6b..0d887c37 100644
--- a/zh-cn/react-native-indicators.md
+++ b/zh-cn/react-native-indicators.md
@@ -166,6 +166,8 @@ const styles = {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
 ## 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/zh-cn/react-native-lightbox.md b/zh-cn/react-native-lightbox.md
index 9b8135ac..49c8f521 100644
--- a/zh-cn/react-native-lightbox.md
+++ b/zh-cn/react-native-lightbox.md
@@ -165,6 +165,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。

From e5320a4794ab412f52229dd8fb6f15663a460b0a Mon Sep 17 00:00:00 2001
From: lihonggang <lihonggang11@h-partners.com>
Date: Thu, 17 Oct 2024 09:27:30 +0000
Subject: [PATCH 706/966] =?UTF-8?q?!1693=20docs:=20[Issues:#IAXM8G]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-easy-grid=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAXM8G]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-easy-grid=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-easy-grid.md    | 2 +-
 zh-cn/react-native-easy-grid.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-easy-grid.md b/en/react-native-easy-grid.md
index 0921921b..ad983a82 100644
--- a/en/react-native-easy-grid.md
+++ b/en/react-native-easy-grid.md
@@ -75,7 +75,7 @@ export default App;
 
 本文档内容基于以下版本验证通过：
 
-RNOH: 0.72.27; SDK: HarmonyOS-NEXT Developer Beta1 5.0.0.25  ; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 ## 属性
diff --git a/zh-cn/react-native-easy-grid.md b/zh-cn/react-native-easy-grid.md
index 0921921b..ad983a82 100644
--- a/zh-cn/react-native-easy-grid.md
+++ b/zh-cn/react-native-easy-grid.md
@@ -75,7 +75,7 @@ export default App;
 
 本文档内容基于以下版本验证通过：
 
-RNOH: 0.72.27; SDK: HarmonyOS-NEXT Developer Beta1 5.0.0.25  ; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 ## 属性

From db5e88e8f5444e95189afc4d6af3d4b50439f67d Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 09:27:53 +0000
Subject: [PATCH 707/966] =?UTF-8?q?!1691=20docs:=20[Issue:=20#IAXM43]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-confetti-cannon=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXM43]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-confetti-cannon=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-confetti-cannon.md    | 1 +
 zh-cn/react-native-confetti-cannon.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-confetti-cannon.md b/en/react-native-confetti-cannon.md
index 218ae593..46c82e19 100644
--- a/en/react-native-confetti-cannon.md
+++ b/en/react-native-confetti-cannon.md
@@ -64,6 +64,7 @@ export default function ConfettiCannonExample() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; OH SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-confetti-cannon.md b/zh-cn/react-native-confetti-cannon.md
index 218ae593..46c82e19 100644
--- a/zh-cn/react-native-confetti-cannon.md
+++ b/zh-cn/react-native-confetti-cannon.md
@@ -64,6 +64,7 @@ export default function ConfettiCannonExample() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; OH SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 6cf91e2cc9acbcf9252e9b5aa8fb37b32bff2a5b Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Thu, 17 Oct 2024 09:28:28 +0000
Subject: [PATCH 708/966] =?UTF-8?q?!1701=20docs:=20[#IAXOXL]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-action-button=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAXOXL]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-action-button=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-action-button.md    | 4 +---
 zh-cn/react-native-action-button.md | 4 +---
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/en/react-native-action-button.md b/en/react-native-action-button.md
index 3942f097..f91bb0a1 100644
--- a/en/react-native-action-button.md
+++ b/en/react-native-action-button.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -91,6 +90,7 @@ const styles = StyleSheet.create({
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -149,5 +149,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/mastermoo/react-native-action-button/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-action-button.md b/zh-cn/react-native-action-button.md
index 3942f097..f91bb0a1 100644
--- a/zh-cn/react-native-action-button.md
+++ b/zh-cn/react-native-action-button.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -91,6 +90,7 @@ const styles = StyleSheet.create({
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -149,5 +149,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/mastermoo/react-native-action-button/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file

From 7b2bf7a413053f49834a1518265c2ee76c61771c Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Thu, 17 Oct 2024 09:40:04 +0000
Subject: [PATCH 709/966] =?UTF-8?q?!1696=20docs:=20=20[Issues:=20#IAXO2I]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-dropdown-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IAXO2I?=
 =?UTF-8?q?]=20=E4=BF=AE=E6=94=B9react-native-dropdown-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-dropdown-picker.md    | 2 +-
 zh-cn/react-native-dropdown-picker.md | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/en/react-native-dropdown-picker.md b/en/react-native-dropdown-picker.md
index 3d409d12..1c069d3c 100644
--- a/en/react-native-dropdown-picker.md
+++ b/en/react-native-dropdown-picker.md
@@ -93,7 +93,7 @@ export default function App() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
-
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 ## 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/zh-cn/react-native-dropdown-picker.md b/zh-cn/react-native-dropdown-picker.md
index 3d409d12..93e6c7fe 100644
--- a/zh-cn/react-native-dropdown-picker.md
+++ b/zh-cn/react-native-dropdown-picker.md
@@ -93,6 +93,7 @@ export default function App() {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 48e9a317dafa234acdb9275da146520436e244ae Mon Sep 17 00:00:00 2001
From: Gyzztzj <gyzztzj@163.com>
Date: Thu, 17 Oct 2024 09:44:48 +0000
Subject: [PATCH 710/966] =?UTF-8?q?!1723=20docs:=20[Issues:=20#IAXV20]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-drag-sort=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXV20]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0react-native-drag-sort=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                       |  2 +-
 en/README_EN.md                 |  2 +-
 en/react-native-drag-sort.md    | 16 ++++++++++------
 zh-cn/README.md                 |  2 +-
 zh-cn/react-native-drag-sort.md | 16 ++++++++++------
 5 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/README.md b/README.md
index b25ff88b..b4813805 100644
--- a/README.md
+++ b/README.md
@@ -85,7 +85,7 @@
 | 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                        | 7.4.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
 | 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                                 | 1.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
 | 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                                    | 3.4.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
-| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
+| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          |否                  |    [@react-native-oh-tpl/react-native-drag-sort](https://github.com/react-native-oh-library/react-native-drag-sort/releases)                                                | [链接](/zh-cn/react-native-drag-sort.md)                       |
 | 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                     | 2.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
 | 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                             | 1.9.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
 | 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                      | 2.10.10        | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
diff --git a/en/README_EN.md b/en/README_EN.md
index a61fab6d..80f79f8e 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -85,7 +85,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                        | 7.4.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-confirmation-code-field.md)         |
 | 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                                 | 1.0.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-crypto-js.md)                       |
 | 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                                    | 3.4.9          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-dotenv.md)                          |
-| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-drag-sort.md)                       |
+| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          | No                | [@react-native-oh-tpl/react-native-drag-sort](https://github.com/react-native-oh-library/react-native-drag-sort/releases)  | [Link](/zh-cn/react-native-drag-sort.md)                       |
 | 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                     | 2.0.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-drawer-layout-polyfill.md)          |
 | 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                             | 1.9.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-echarts-pro.md)                     |
 | 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                      | 2.10.10        | No                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [Link](/zh-cn/react-native-exception-handler.md)               |
diff --git a/en/react-native-drag-sort.md b/en/react-native-drag-sort.md
index ab5aa98d..e3084790 100644
--- a/en/react-native-drag-sort.md
+++ b/en/react-native-drag-sort.md
@@ -18,18 +18,24 @@
 
 ## 安装与使用
 
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases)，并下载适用版本的 tgz 包。
+
 进入到工程目录并输入以下命令：
 
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
 #### **yarn**
 
 ```bash
-yarn add react-native-drag-sort@2.4.4
+yarn add @react-native-oh-tpl/react-native-drag-sort@file:#
 ```
 
 #### **npm**
 
 ```bash
-npm i react-native-drag-sort@2.4.4
+npm install @react-native-oh-tpl/react-native-drag-sort@file:#
 ```
 
 ### Tip
@@ -556,11 +562,9 @@ const styles = StyleSheet.create({
 
 ### 兼容性
 
-在下述版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
-2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases)
 
 ## 属性
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index f8b6a05f..4cc204ac 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -85,7 +85,7 @@
 | 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                        | 7.4.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
 | 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                                 | 1.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
 | 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                                    | 3.4.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
-| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drag-sort.md)                       |
+| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          | 否                 | [@react-native-oh-tpl/react-native-drag-sort](https://github.com/react-native-oh-library/react-native-drag-sort/releases)       | [链接](/zh-cn/react-native-drag-sort.md)                       |
 | 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                     | 2.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
 | 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                             | 1.9.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
 | 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                      | 2.10.10        | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index ab5aa98d..e3084790 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -18,18 +18,24 @@
 
 ## 安装与使用
 
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases)，并下载适用版本的 tgz 包。
+
 进入到工程目录并输入以下命令：
 
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
 #### **yarn**
 
 ```bash
-yarn add react-native-drag-sort@2.4.4
+yarn add @react-native-oh-tpl/react-native-drag-sort@file:#
 ```
 
 #### **npm**
 
 ```bash
-npm i react-native-drag-sort@2.4.4
+npm install @react-native-oh-tpl/react-native-drag-sort@file:#
 ```
 
 ### Tip
@@ -556,11 +562,9 @@ const styles = StyleSheet.create({
 
 ### 兼容性
 
-在下述版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
-2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases)
 
 ## 属性
 

From 7b39a0e96a0a81cd2dbf4d6e7b19a99d78c7f214 Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Thu, 17 Oct 2024 12:48:37 +0000
Subject: [PATCH 711/966] =?UTF-8?q?!1726=20docs:=20[Issues:=20#IAXX0A]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAXX0A]=20=E4=BF=AE=E6=94=B9react-native-image-header-scroll-vi?=
 =?UTF-8?q?ew=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-header-scroll-view.md   | 45 ++++++++++---------
 .../react-native-image-header-scroll-view.md  | 15 +++----
 2 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/en/react-native-image-header-scroll-view.md b/en/react-native-image-header-scroll-view.md
index 2dcedc3d..3619fae8 100644
--- a/en/react-native-image-header-scroll-view.md
+++ b/en/react-native-image-header-scroll-view.md
@@ -16,12 +16,12 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/bamlab/react-native-image-header-scroll-view)
-> 因 v1.0.0 中存在无法触发 TriggeringView 组件回调的问题，以下基于 v0.10.3 版本验证
+> [!TIP] [Github address](https://github.com/bamlab/react-native-image-header-scroll-view)
+> Due to an issue in v1.0.0 where the TriggeringView component callback cannot be triggered, the following verification is based on v0.10.3 version
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction：
 
 <!-- tabs:start -->
 
@@ -39,7 +39,7 @@ yarn add react-native-image-header-scroll-view@0.10.3
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
 ```tsx
 import React, { useEffect, useState } from 'react';
@@ -153,7 +153,6 @@ function HeaderImageExample () {
             useNativeDriver: true,
           }).start();
         } else {
-          // 如果当前是不可见的，则执行淡出动画
           Animated.timing(fadeAnim, {
             toValue: 0,
             duration: 100,
@@ -174,7 +173,7 @@ function HeaderImageExample () {
           fadeOutForeground={true} 
           foregroundParallaxRatio={1}
           overlayColor={'blue'} 
-          renderHeader={() => <Image source={'请输入本地图片路径'} style={styles.image} />} 
+          renderHeader={() => <Image source={'Please enter the local image path'} style={styles.image} />} 
           renderFixedForeground={() => (
             <Animated.View
                     style={[styles.navTitleView,{ opacity: fadeAnim}]}  >
@@ -223,20 +222,22 @@ function HeaderImageExample () {
 export default HeaderImageExample;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：Next0.0.66;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### **Header**
 
@@ -251,7 +252,7 @@ export default HeaderImageExample;
 | `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
 | `useNativeDriver`           | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean | No       | All      | Yes               |
 | `headerContainerStyle`           | Optional styles to be passed to the container of the header component | Object | No       | All      | Yes               |
-| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | Yes               |
+| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | No              |
 
 
 #### **Foreground**
@@ -287,15 +288,15 @@ export default HeaderImageExample;
 | `onTouchTop`           | 	Called when the Top of the component touch the Top of the ScrollView. (onDisplay + onBeginHidden) | function | No       | All      | Yes               |
 | `onTouchBottom`           | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
 
-## 遗留问题
-## 其他
+## Known Issues
+
+- disableHeaderGrow property on iOS allows for the control of dropdown zooming in on the background image, but it does not have this effect on Harmony [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/76 )
+## Others
+- [ ] The foregroundExtrapolar property cannot take effect, consistent with Android and iOS：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
+- [ ] The ScrollViewComponent property cannot be scrolled, consistent with Android and iOS：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。
+
 
-- 如何去除图片阴影蒙层？  
-  可通过设置 maxOverlayOpacity、minOverlayOpacity 属性为 0，去除图片阴影蒙层。
-- 如何禁止滑动回弹效果？
-  - 方法 1：设置 disableHeaderGrow 属性为 true
-  - 方法 2：设置 bounces 属性为 false
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE) 
\ No newline at end of file
diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index 2dcedc3d..3a915572 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -231,6 +231,7 @@ export default HeaderImageExample;
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：Next0.0.66;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
@@ -251,7 +252,7 @@ export default HeaderImageExample;
 | `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
 | `useNativeDriver`           | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean | No       | All      | Yes               |
 | `headerContainerStyle`           | Optional styles to be passed to the container of the header component | Object | No       | All      | Yes               |
-| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | Yes               |
+| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | No              |
 
 
 #### **Foreground**
@@ -284,17 +285,15 @@ export default HeaderImageExample;
 | `onHide`               | Called when the component is not displayed any more after scroll up             | function | No       | All      | Yes               |
 | `onBeginDisplayed`                | Called when the component begin to be displayed again after scroll down | function | No       | All      | Yes               |
 | `onDisplay`                | Called when the component finished to be displayed again.            | function | No       | All      | Yes               |
-| `onTouchTop`           | 	Called when the Top of the component touch the Top of the ScrollView. (onDisplay + onBeginHidden) | function | No       | All      | Yes               |
-| `onTouchBottom`           | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
+| `onTouchTop`           | 	Called when the component finished to be displayed again.   (onDisplay + onBeginHidden) | function | No       | All      | Yes               |
+| `onTouchBottom`           | Called when the component is not displayed any more after scroll up   (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
 
 ## 遗留问题
+- disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 在harmony上无此效果 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/76 )
 ## 其他
+- [ ] foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
+- [ ] ScrollViewComponent属性无法滚动，与Android、iOS一致：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。
 
-- 如何去除图片阴影蒙层？  
-  可通过设置 maxOverlayOpacity、minOverlayOpacity 属性为 0，去除图片阴影蒙层。
-- 如何禁止滑动回弹效果？
-  - 方法 1：设置 disableHeaderGrow 属性为 true
-  - 方法 2：设置 bounces 属性为 false
 
 ## 开源协议
 

From 4d854d306d2a14ec9fef5210da057c06ec35ac6b Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Fri, 18 Oct 2024 01:55:16 +0000
Subject: [PATCH 712/966] =?UTF-8?q?!1671=20docs:=20=20[#IAXJW9]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-walkthrough-tooltip=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-walkthrough-tooltip=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-walkthro?=
 =?UTF-8?q?ugh-tooltip=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-walkthrough-tooltip.md    | 2 +-
 zh-cn/react-native-walkthrough-tooltip.md | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/en/react-native-walkthrough-tooltip.md b/en/react-native-walkthrough-tooltip.md
index 8a31923c..de3b7d1a 100644
--- a/en/react-native-walkthrough-tooltip.md
+++ b/en/react-native-walkthrough-tooltip.md
@@ -60,7 +60,7 @@ export const TestTooltip = ({ text, style }) => {
 本文档内容基于以下版本验证通过:
 
 1. RNOH: 0.72.5; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
-
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ### 属性
 [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
diff --git a/zh-cn/react-native-walkthrough-tooltip.md b/zh-cn/react-native-walkthrough-tooltip.md
index 8a31923c..41147d2a 100644
--- a/zh-cn/react-native-walkthrough-tooltip.md
+++ b/zh-cn/react-native-walkthrough-tooltip.md
@@ -60,6 +60,7 @@ export const TestTooltip = ({ text, style }) => {
 本文档内容基于以下版本验证通过:
 
 1. RNOH: 0.72.5; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 ### 属性

From a6f8c5ae960b52b84f7ec1fb4f65a9525d4886da Mon Sep 17 00:00:00 2001
From: "pan.lichen" <pan.lichen@qq.com>
Date: Fri, 18 Oct 2024 01:56:12 +0000
Subject: [PATCH 713/966] =?UTF-8?q?!1665=20docs:=20[Issues:=20#IAXBR0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-json-tree=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXBR0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-json-tree=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-json-tree.md    | 165 +++++++++++++++++++-------------
 zh-cn/react-native-json-tree.md | 165 +++++++++++++++++++-------------
 2 files changed, 194 insertions(+), 136 deletions(-)

diff --git a/en/react-native-json-tree.md b/en/react-native-json-tree.md
index bac33fda..ab5a81b2 100644
--- a/en/react-native-json-tree.md
+++ b/en/react-native-json-tree.md
@@ -12,7 +12,6 @@
     </a>
 </p>
 
-
 > [!TIP] [Github 地址](https://github.com/Dean177/react-native-json-tree)
 
 ## 安装与使用
@@ -36,20 +35,19 @@ yarn add react-native-json-tree@^1.3.0
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React from 'react';
-import { View, ScrollView, Text } from 'react-native';
-import JSONTree from 'react-native-json-tree';
+import React from "react";
+import { View, ScrollView, Text } from "react-native";
+import JSONTree from "react-native-json-tree";
 
 export default () => {
-
   const data = {
-    name: 'John Doe',
+    name: "John Doe",
     age: 30,
     address: {
-      city: 'New York',
-      country: 'USA',
+      city: "New York",
+      country: "USA",
     },
-    hobbies: ['reading', 'gaming', 'hiking']
+    hobbies: ["reading", "gaming", "hiking"],
   };
 
   const data1 = {
@@ -62,7 +60,7 @@ export default () => {
     age: 35,
     info: {
       height: 180,
-      weight: 120
+      weight: 120,
     },
     address: {
       street: "123 Elm St",
@@ -71,30 +69,30 @@ export default () => {
   };
 
   const theme = {
-    scheme: 'monokai',
-    author: 'wimer hazenberg (http://www.monokai.nl)',
-    base00: '#272822',
-    base01: '#383830',
-    base02: '#49483e',
-    base03: '#75715e',
-    base04: '#a59f85',
-    base05: '#f8f8f2',
-    base06: '#f5f4f1',
-    base07: '#f9f8f5',
-    base08: '#f92672',
-    base09: '#fd971f',
-    base0A: '#f4bf75',
-    base0B: '#a6e22e',
-    base0C: '#a1efe4',
-    base0D: '#66d9ef',
-    base0E: '#ae81ff',
-    base0F: '#cc6633'
+    scheme: "monokai",
+    author: "wimer hazenberg (http://www.monokai.nl)",
+    base00: "#272822",
+    base01: "#383830",
+    base02: "#49483e",
+    base03: "#75715e",
+    base04: "#a59f85",
+    base05: "#f8f8f2",
+    base06: "#f5f4f1",
+    base07: "#f9f8f5",
+    base08: "#f92672",
+    base09: "#fd971f",
+    base0A: "#f4bf75",
+    base0B: "#a6e22e",
+    base0C: "#a1efe4",
+    base0D: "#66d9ef",
+    base0E: "#ae81ff",
+    base0F: "#cc6633",
   };
 
   const shouldExpandNode = (key: any) => {
     const shouldExpandNodeKey = key.some((item: any) => {
-      return item === 'address';
-    })
+      return item === "address";
+    });
     return shouldExpandNodeKey;
   };
 
@@ -106,41 +104,44 @@ export default () => {
   const data4 = {
     name: "Wx",
     task: {
-      weekday: 'ro to work',
-      weekend: 'play'
+      weekday: "ro to work",
+      weekend: "play",
     },
-    beliked: 'xiao mei',
+    beliked: "xiao mei",
     age: 18,
   };
 
   const data5 = {
     user: {
-      name: 'Alice',
+      name: "Alice",
       age: 25,
       address: {
-        street: '123 Main St',
-        city: 'Somewhere',
-        country: 'Wonderland'
-      }
-    }
+        street: "123 Main St",
+        city: "Somewhere",
+        country: "Wonderland",
+      },
+    },
   };
 
   const data6 = {
-    users: Array.from({ length: 100 }, (_, i) => ({ id: i, name: `User ${i}` })),
+    users: Array.from({ length: 100 }, (_, i) => ({
+      id: i,
+      name: `User ${i}`,
+    })),
   };
 
   const data7 = {
     date: new Date(),
     number: 123456.789,
-    name: 'moon'
+    name: "moon",
   };
 
   // 格式化日期
   const formatDate = (date: any) => {
-    if (!(date instanceof Date)) return '';
+    if (!(date instanceof Date)) return "";
     const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const day = String(date.getDate()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
     return `${year}-${month}-${day}`;
   };
 
@@ -149,7 +150,7 @@ export default () => {
     if (value instanceof Date) {
       return formatDate(value);
     }
-    if (typeof value === 'number') {
+    if (typeof value === "number") {
       return value.toFixed(2);
     }
     return value;
@@ -159,16 +160,18 @@ export default () => {
     name: "John Doe",
     age: 30,
     job: "Developer",
-    salary: 100000
+    salary: 100000,
   };
 
   const isCustomNode = (value: any) => {
     // 如果节点值是数字，则使用自定义渲染
-    return typeof value === 'number';
+    return typeof value === "number";
   };
 
   return (
-    <ScrollView style={{ height: '100%', marginBottom: 20, backgroundColor: 'pink' }}>
+    <ScrollView
+      style={{ height: "100%", marginBottom: 20, backgroundColor: "pink" }}
+    >
       <View style={{ marginBottom: 20 }}>
         <Text>要展示的 JSON 数据对象</Text>
         <JSONTree data={data} />
@@ -193,23 +196,47 @@ export default () => {
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>自定义节点的显示文本</Text>
-        <JSONTree data={data3} getItemString={(type, data, itemType, itemString) => { return <Text>{itemType}&&{itemString}           </Text> }} />
+        <JSONTree
+          data={data3}
+          getItemString={(type, data, itemType, itemString) => {
+            return (
+              <Text>
+                {itemType}&&{itemString}{" "}
+              </Text>
+            );
+          }}
+        />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>自定义节点标签的渲染函数</Text>
-        <JSONTree data={data3} labelRenderer={(raw: any) => <Text style={{ fontWeight: 'bold' }}>{raw}</Text>} />
+        <JSONTree
+          data={data3}
+          labelRenderer={(raw: any) => (
+            <Text style={{ fontWeight: "bold" }}>{raw}</Text>
+          )}
+        />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>自定义节点值的渲染函数</Text>
-        <JSONTree data={data3} valueRenderer={(raw: any) => <Text style={{ fontStyle: 'italic' }}>{raw}</Text>} />
+        <JSONTree
+          data={data3}
+          valueRenderer={(raw: any) => (
+            <Text style={{ fontStyle: "italic" }}>{raw}</Text>
+          )}
+        />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>对 JSON 对象的键进行排序</Text>
-        <JSONTree data={data4} sortObjectKeys={(a: any, b: any) => { return a.localeCompare(b); }} />
+        <JSONTree
+          data={data4}
+          sortObjectKeys={(a: any, b: any) => {
+            return a.localeCompare(b);
+          }}
+        />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>用于在 JSON 树中标识和定制特定路径的数据节点</Text>
-        <JSONTree data={data5} keyPath={['information']} />
+        <JSONTree data={data5} keyPath={["information"]} />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>用于控制在 JSON 树中显示的集合的元素最大数量</Text>
@@ -226,7 +253,6 @@ export default () => {
     </ScrollView>
   );
 };
-
 ```
 
 ## 约束与限制
@@ -238,6 +264,7 @@ export default () => {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.36;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -247,26 +274,28 @@ export default () => {
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name               | Description                                                  | Type         | Required | Platform | HarmonyOS Support |
-| ------------------ | ------------------------------------------------------------ | ------------ | -------- | -------- | ----------------- |
-| `data`             | `JSON data object to be displayed`.                          | `Object`     | Yes      | All      | Yes               |
-| `theme`            | `Theme style of the tree view.`                              | `Object`     | No       | All      | Yes               |
-| `shouldExpandNode` | `Function that controls whether a node is expanded`.         | `() => bool` | No       | All      | Yes               |
-| `hideRoot`         | `Whether to hide the root node of the tree`.                 | `bool`       | No       | All      | Yes               |
-| `invertTheme`      | `Indicates whether to reverse the theme color.`              | `bool`       | No       | All      | Yes               |
-| `getItemString`    | `Customize the display of arrays, objects, and iterable nodes.` | `()=>void`   | No       | All      | Yes               |
-| `labelRenderer`    | `Rendering function for custom node labels`.                 | `()=>void`   | No       | All      | Yes               |
-| `valueRenderer`    | `Rendering function for custom node values`.                 | `()=>void`   | No       | All      | Yes               |
-| `sortObjectKeys`   | `Sort the keys of JSON objects`.                             | `()=>void`   | No       | All      | Yes               |
-| `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`. | `['']`       | No       | All      | Yes               |
+| Name               | Description                                                                               | Type         | Required | Platform | HarmonyOS Support |
+| ------------------ | ----------------------------------------------------------------------------------------- | ------------ | -------- | -------- | ----------------- |
+| `data`             | `JSON data object to be displayed`.                                                       | `Object`     | Yes      | All      | Yes               |
+| `theme`            | `Theme style of the tree view.`                                                           | `Object`     | No       | All      | Yes               |
+| `shouldExpandNode` | `Function that controls whether a node is expanded`.                                      | `() => bool` | No       | All      | Yes               |
+| `hideRoot`         | `Whether to hide the root node of the tree`.                                              | `bool`       | No       | All      | Yes               |
+| `invertTheme`      | `Indicates whether to reverse the theme color.`                                           | `bool`       | No       | All      | Yes               |
+| `getItemString`    | `Customize the display of arrays, objects, and iterable nodes.`                           | `()=>void`   | No       | All      | Yes               |
+| `labelRenderer`    | `Rendering function for custom node labels`.                                              | `()=>void`   | No       | All      | Yes               |
+| `valueRenderer`    | `Rendering function for custom node values`.                                              | `()=>void`   | No       | All      | Yes               |
+| `sortObjectKeys`   | `Sort the keys of JSON objects`.                                                          | `()=>void`   | No       | All      | Yes               |
+| `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`.              | `['']`       | No       | All      | Yes               |
 | `collectionLimit`  | `Use to control the maximum number of elements of a collection displayed in a JSON tree`. | `number`     | No       | All      | Yes               |
-| `postprocessValue` | `For customizing values before they are rendered`.           | `()=>void`   | No       | All      | Yes               |
-| `isCustomNode`     | `Specify which nodes should use custom rendered properties.` | `()=>bool`   | No       | All      | Yes               |
+| `postprocessValue` | `For customizing values before they are rendered`.                                        | `()=>void`   | No       | All      | Yes               |
+| `isCustomNode`     | `Specify which nodes should use custom rendered properties.`                              | `()=>bool`   | No       | All      | Yes               |
 
 ## 遗留问题
 
 ## 其他
 
+- JSONTree 组件的 collectionLimit 属性不生效，与 iOS 一致 [issue#163](https://github.com/Dean177/react-native-json-tree/issues/163)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-json-tree.md b/zh-cn/react-native-json-tree.md
index e9c2aeb0..6cd5ea50 100644
--- a/zh-cn/react-native-json-tree.md
+++ b/zh-cn/react-native-json-tree.md
@@ -12,7 +12,6 @@
     </a>
 </p>
 
-
 > [!TIP] [Github 地址](https://github.com/Dean177/react-native-json-tree)
 
 ## 安装与使用
@@ -36,20 +35,19 @@ yarn add react-native-json-tree@^1.3.0
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React from 'react';
-import { View, ScrollView, Text } from 'react-native';
-import JSONTree from 'react-native-json-tree';
+import React from "react";
+import { View, ScrollView, Text } from "react-native";
+import JSONTree from "react-native-json-tree";
 
 export default () => {
-
   const data = {
-    name: 'John Doe',
+    name: "John Doe",
     age: 30,
     address: {
-      city: 'New York',
-      country: 'USA',
+      city: "New York",
+      country: "USA",
     },
-    hobbies: ['reading', 'gaming', 'hiking']
+    hobbies: ["reading", "gaming", "hiking"],
   };
 
   const data1 = {
@@ -62,7 +60,7 @@ export default () => {
     age: 35,
     info: {
       height: 180,
-      weight: 120
+      weight: 120,
     },
     address: {
       street: "123 Elm St",
@@ -71,30 +69,30 @@ export default () => {
   };
 
   const theme = {
-    scheme: 'monokai',
-    author: 'wimer hazenberg (http://www.monokai.nl)',
-    base00: '#272822',
-    base01: '#383830',
-    base02: '#49483e',
-    base03: '#75715e',
-    base04: '#a59f85',
-    base05: '#f8f8f2',
-    base06: '#f5f4f1',
-    base07: '#f9f8f5',
-    base08: '#f92672',
-    base09: '#fd971f',
-    base0A: '#f4bf75',
-    base0B: '#a6e22e',
-    base0C: '#a1efe4',
-    base0D: '#66d9ef',
-    base0E: '#ae81ff',
-    base0F: '#cc6633'
+    scheme: "monokai",
+    author: "wimer hazenberg (http://www.monokai.nl)",
+    base00: "#272822",
+    base01: "#383830",
+    base02: "#49483e",
+    base03: "#75715e",
+    base04: "#a59f85",
+    base05: "#f8f8f2",
+    base06: "#f5f4f1",
+    base07: "#f9f8f5",
+    base08: "#f92672",
+    base09: "#fd971f",
+    base0A: "#f4bf75",
+    base0B: "#a6e22e",
+    base0C: "#a1efe4",
+    base0D: "#66d9ef",
+    base0E: "#ae81ff",
+    base0F: "#cc6633",
   };
 
   const shouldExpandNode = (key: any) => {
     const shouldExpandNodeKey = key.some((item: any) => {
-      return item === 'address';
-    })
+      return item === "address";
+    });
     return shouldExpandNodeKey;
   };
 
@@ -106,41 +104,44 @@ export default () => {
   const data4 = {
     name: "Wx",
     task: {
-      weekday: 'ro to work',
-      weekend: 'play'
+      weekday: "ro to work",
+      weekend: "play",
     },
-    beliked: 'xiao mei',
+    beliked: "xiao mei",
     age: 18,
   };
 
   const data5 = {
     user: {
-      name: 'Alice',
+      name: "Alice",
       age: 25,
       address: {
-        street: '123 Main St',
-        city: 'Somewhere',
-        country: 'Wonderland'
-      }
-    }
+        street: "123 Main St",
+        city: "Somewhere",
+        country: "Wonderland",
+      },
+    },
   };
 
   const data6 = {
-    users: Array.from({ length: 100 }, (_, i) => ({ id: i, name: `User ${i}` })),
+    users: Array.from({ length: 100 }, (_, i) => ({
+      id: i,
+      name: `User ${i}`,
+    })),
   };
 
   const data7 = {
     date: new Date(),
     number: 123456.789,
-    name: 'moon'
+    name: "moon",
   };
 
   // 格式化日期
   const formatDate = (date: any) => {
-    if (!(date instanceof Date)) return '';
+    if (!(date instanceof Date)) return "";
     const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const day = String(date.getDate()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
     return `${year}-${month}-${day}`;
   };
 
@@ -149,7 +150,7 @@ export default () => {
     if (value instanceof Date) {
       return formatDate(value);
     }
-    if (typeof value === 'number') {
+    if (typeof value === "number") {
       return value.toFixed(2);
     }
     return value;
@@ -159,16 +160,18 @@ export default () => {
     name: "John Doe",
     age: 30,
     job: "Developer",
-    salary: 100000
+    salary: 100000,
   };
 
   const isCustomNode = (value: any) => {
     // 如果节点值是数字，则使用自定义渲染
-    return typeof value === 'number';
+    return typeof value === "number";
   };
 
   return (
-    <ScrollView style={{ height: '100%', marginBottom: 20, backgroundColor: 'pink' }}>
+    <ScrollView
+      style={{ height: "100%", marginBottom: 20, backgroundColor: "pink" }}
+    >
       <View style={{ marginBottom: 20 }}>
         <Text>要展示的 JSON 数据对象</Text>
         <JSONTree data={data} />
@@ -193,23 +196,47 @@ export default () => {
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>自定义节点的显示文本</Text>
-        <JSONTree data={data3} getItemString={(type, data, itemType, itemString) => { return <Text>{itemType}&&{itemString}           </Text> }} />
+        <JSONTree
+          data={data3}
+          getItemString={(type, data, itemType, itemString) => {
+            return (
+              <Text>
+                {itemType}&&{itemString}{" "}
+              </Text>
+            );
+          }}
+        />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>自定义节点标签的渲染函数</Text>
-        <JSONTree data={data3} labelRenderer={(raw: any) => <Text style={{ fontWeight: 'bold' }}>{raw}</Text>} />
+        <JSONTree
+          data={data3}
+          labelRenderer={(raw: any) => (
+            <Text style={{ fontWeight: "bold" }}>{raw}</Text>
+          )}
+        />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>自定义节点值的渲染函数</Text>
-        <JSONTree data={data3} valueRenderer={(raw: any) => <Text style={{ fontStyle: 'italic' }}>{raw}</Text>} />
+        <JSONTree
+          data={data3}
+          valueRenderer={(raw: any) => (
+            <Text style={{ fontStyle: "italic" }}>{raw}</Text>
+          )}
+        />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>对 JSON 对象的键进行排序</Text>
-        <JSONTree data={data4} sortObjectKeys={(a: any, b: any) => { return a.localeCompare(b); }} />
+        <JSONTree
+          data={data4}
+          sortObjectKeys={(a: any, b: any) => {
+            return a.localeCompare(b);
+          }}
+        />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>用于在 JSON 树中标识和定制特定路径的数据节点</Text>
-        <JSONTree data={data5} keyPath={['information']} />
+        <JSONTree data={data5} keyPath={["information"]} />
       </View>
       <View style={{ marginBottom: 20 }}>
         <Text>用于控制在 JSON 树中显示的集合的元素最大数量</Text>
@@ -226,7 +253,6 @@ export default () => {
     </ScrollView>
   );
 };
-
 ```
 
 ## 约束与限制
@@ -238,6 +264,7 @@ export default () => {
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.36;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -247,26 +274,28 @@ export default () => {
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name               | Description                                                  | Type         | Required | Platform | HarmonyOS Support |
-| ------------------ | ------------------------------------------------------------ | ------------ | -------- | -------- | ----------------- |
-| `data`             | `JSON data object to be displayed`.                          | `Object`     | Yes      | All      | Yes               |
-| `theme`            | `Theme style of the tree view.`                              | `Object`     | No       | All      | Yes               |
-| `shouldExpandNode` | `Function that controls whether a node is expanded`.         | `() => bool` | No       | All      | Yes               |
-| `hideRoot`         | `Whether to hide the root node of the tree`.                 | `bool`       | No       | All      | Yes               |
-| `invertTheme`      | `Indicates whether to reverse the theme color.`              | `bool`       | No       | All      | Yes               |
-| `getItemString`    | `Customize the display of arrays, objects, and iterable nodes.` | `()=>void`   | No       | All      | Yes               |
-| `labelRenderer`    | `Rendering function for custom node labels`.                 | `()=>void`   | No       | All      | Yes               |
-| `valueRenderer`    | `Rendering function for custom node values`.                 | `()=>void`   | No       | All      | Yes               |
-| `sortObjectKeys`   | `Sort the keys of JSON objects`.                             | `()=>void`   | No       | All      | Yes               |
-| `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`. | `['']`       | No       | All      | Yes               |
+| Name               | Description                                                                               | Type         | Required | Platform | HarmonyOS Support |
+| ------------------ | ----------------------------------------------------------------------------------------- | ------------ | -------- | -------- | ----------------- |
+| `data`             | `JSON data object to be displayed`.                                                       | `Object`     | Yes      | All      | Yes               |
+| `theme`            | `Theme style of the tree view.`                                                           | `Object`     | No       | All      | Yes               |
+| `shouldExpandNode` | `Function that controls whether a node is expanded`.                                      | `() => bool` | No       | All      | Yes               |
+| `hideRoot`         | `Whether to hide the root node of the tree`.                                              | `bool`       | No       | All      | Yes               |
+| `invertTheme`      | `Indicates whether to reverse the theme color.`                                           | `bool`       | No       | All      | Yes               |
+| `getItemString`    | `Customize the display of arrays, objects, and iterable nodes.`                           | `()=>void`   | No       | All      | Yes               |
+| `labelRenderer`    | `Rendering function for custom node labels`.                                              | `()=>void`   | No       | All      | Yes               |
+| `valueRenderer`    | `Rendering function for custom node values`.                                              | `()=>void`   | No       | All      | Yes               |
+| `sortObjectKeys`   | `Sort the keys of JSON objects`.                                                          | `()=>void`   | No       | All      | Yes               |
+| `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`.              | `['']`       | No       | All      | Yes               |
 | `collectionLimit`  | `Use to control the maximum number of elements of a collection displayed in a JSON tree`. | `number`     | No       | All      | Yes               |
-| `postprocessValue` | `For customizing values before they are rendered`.           | `()=>void`   | No       | All      | Yes               |
-| `isCustomNode`     | `Specify which nodes should use custom rendered properties.` | `()=>bool`   | No       | All      | Yes               |
+| `postprocessValue` | `For customizing values before they are rendered`.                                        | `()=>void`   | No       | All      | Yes               |
+| `isCustomNode`     | `Specify which nodes should use custom rendered properties.`                              | `()=>bool`   | No       | All      | Yes               |
 
 ## 遗留问题
 
 ## 其他
 
+- JSONTree 组件的 collectionLimit 属性不生效，与 iOS 一致 [issue#163](https://github.com/Dean177/react-native-json-tree/issues/163)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md) ，请自由地享受和参与开源。

From 997d0e07c622c3c8fe36cc8de553ce60c967dac5 Mon Sep 17 00:00:00 2001
From: zogpap <zhangchuang38@h-partners.com>
Date: Fri, 18 Oct 2024 02:06:39 +0000
Subject: [PATCH 714/966] =?UTF-8?q?!1642=20docs=EF=BC=9A[Issues:=20#IAWCRP?=
 =?UTF-8?q?]=E6=96=B0=E5=A2=9Eop-engineering-op-sqlite=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWCRP]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9E@OP-Engineering-op-sqlite=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                         |   2 +-
 en/README_EN.md                   |   2 +-
 en/op-engineering-op-sqlite.md    | 342 ++++++++++++++++++++++++++++++
 zh-cn/README.md                   |   2 +-
 zh-cn/op-engineering-op-sqlite.md | 342 ++++++++++++++++++++++++++++++
 5 files changed, 687 insertions(+), 3 deletions(-)
 create mode 100644 en/op-engineering-op-sqlite.md
 create mode 100644 zh-cn/op-engineering-op-sqlite.md

diff --git a/README.md b/README.md
index b4813805..fca84adc 100644
--- a/README.md
+++ b/README.md
@@ -385,7 +385,7 @@
 | 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 是                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [链接](/zh-cn/react-native-mlkit-ocr.md)                                                          |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 6.2.11         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | 是                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [链接](/zh-cn/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control)                                           | 6.0.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
diff --git a/en/README_EN.md b/en/README_EN.md
index 80f79f8e..dad90ff6 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -385,7 +385,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | Yes                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [Link](/zh-cn/react-native-mlkit-ocr.md)                                                          |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 6.2.11         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | Yes                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [Link](/en/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control)                                           | 6.0.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
diff --git a/en/op-engineering-op-sqlite.md b/en/op-engineering-op-sqlite.md
new file mode 100644
index 00000000..ddc5f2e8
--- /dev/null
+++ b/en/op-engineering-op-sqlite.md
@@ -0,0 +1,342 @@
+Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> 
+    <code>@op-engineering/op-sqlite</code> 
+  </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/OP-Engineering/op-sqlite">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/OP-Engineering/op-sqlite/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/op-sqlite)
+
+
+## Installation and Usage
+
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/op-sqlite Releases](https://github.com/react-native-oh-library/op-sqlite/releases)
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/op-sqlite@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/op-sqlite@file:#
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+
+```js
+
+import React, { useEffect, useState } from 'react';
+import {
+    SafeAreaView,
+    Text,
+    TouchableOpacity,
+    View,
+} from 'react-native';
+
+import {
+    open,
+    type DB
+} from '@op-engineering/op-sqlite';
+import { HARMONY_DATABASE_PATH } from '@react-native-oh-tpl/op-sqlite';
+
+export default function OpSqliteExample() {
+    
+    return (
+        <SafeAreaView style={{ flex: 1, backgroundColor: '#fff' }}>
+            <View style={{ flex: 1, backgroundColor: '#fff' }}>
+                <TouchableOpacity
+                    style={{ padding: 5 }}
+                    onPress={() => {
+                        let db:DB = open({
+                            name: 'helloDb.sqlite',
+                            encryptionKey: 'test',
+                            location: HARMONY_DATABASE_PATH
+                        });
+                    }}>
+                    <Text style={{ color: 'red' }}>
+                       tap to {'openDB'}
+                    </Text>
+                </TouchableOpacity>
+            </View>
+
+        </SafeAreaView>
+    );
+}
+
+
+```
+
+#### **Change and set plugin package.json of root project dir**
+
+```json
+{
+...
+  "op-sqlite": {
+    ...
+    "sqlcipher": false,
+    "libsql": false,
+  },
+}
+```
+For details, see [Source Repository Document Address](https://ospfranco.notion.site/OP-SQLite-Documentation-a279a52102464d0cb13c3fa230d2f2dc?pvs=4)
+
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/op-sqlite": "file:../../node_modules/@react-native-oh-tpl/op-sqlite/harmony/rn_op_sqlite.har"
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+
+### 3. Configuring CMakeLists and Introducing xxx Package
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/op-sqlite/src/main/cpp" ./rn_op_sqlite)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_rn_op_sqlite)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNOpSqlitePackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNOpSqlitePackage>(ctx)
+    };
+}
+```
+
+### 4. Introducing RNOpSqlitePackage to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
+
+```diff
++ import { RNOpSqlitePackage } from '@react-native-oh-tpl/op-sqlite/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNOpSqlitePackage(ctx),
+  ];
+}
+```
+
+### 5. Introducing opSqlitePlugin to ArkTS
+
+Open the `entry/hvigorfile.ts` file and add the following code:
+
+```diff
++ import { hapTasks, OhosHapContext, OhosPluginId, Target } from '@ohos/hvigor-ohos-plugin';
++ import { HvigorPlugin, HvigorNode, getNode } from '@ohos/hvigor';
++ import { opSqlitePlugin } from './oh_modules/@react-native-oh-tpl/op-sqlite/hvigorfile.ts';
+
+export default {
+    system: hapTasks,
++   plugins: [opSqlitePlugin()]
+}
+```
+
+### 6. Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+
+## Constraints
+
+### Compatibility
+
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/op-sqlite Releases](https://github.com/react-native-oh-library/op-sqlite/releases)
+
+
+### Permission Requirements
+
+#### Include applicable permissions in the module.json5 file within the entry directory.
+
+Open the `YourProject/entry/src/main/module.json5` file and add the following code:
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+
+  ···
+
+    "requestPermissions": [
++     { "name": "ohos.permission.INTERNET" },
+    ]
+  }
+}
+```
+
+
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getConstants  | Return the corresponding database/file storage sandbox path.         |  () => {IOS_DOCUMENT_PATH,IOS_LIBRARY_PATH,ANDROID_DATABASE_PATH,ANDROID_FILES_PATH,ANDROID_EXTERNAL_FILES_PATH,HARMONY_DATABASE_PATH,HARMONY_FILES_PATH,}  | no | all      | yes |
+| openSync  | Synchronize the local database to the remote database and open the database.         | (options: {url: string;authToken: string;name: string;location?: string;}) => DB; | no | all      | yes |
+| openRemote  | Open the remote database. | (options: { url: string; authToken: string }) => DB;  | no | all      | yes |
+| open  | Open the database.encryptionKey indicates the key string required for using sqlcipher.After sqlcipher is enabled, encryptionKey is supported.         | (options: {name: string;location?: string;encryptionKey?: string;}) => DB;  | no | all      | yes |
+| isSQLCipher  | Whether SQL cipher is enabled.(SQLCipher is an open source SQLite extension that provides transparent 256-bit AES full database encryption.)         | () => boolean;  | no | all      | yes |
+| isLibsql  | Indicates whether to enable isLibsql. After isLibsql is enabled, the remote database and database synchronization interface can be enabled         | () => boolean;  | no | all      | yes |
+| moveAssetsDatabase  | Copy the database to the specified path.         | async (args: {filename: string;path?: string;overwrite?: boolean;}) => Promise<boolean>  | no | all      | yes |
+
+### DB
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| close  | Shut down the database.         | () => void;  | no | all      | yes |
+| delete  | Deleting a database         | (location?: string) => void;  | no | all      | yes |
+| attach  | Attaching other databases to the primary database by aliasing          | (mainDbName: string,dbNameToAttach: string,alias: string,location?: string) => void;  | no | all      | yes |
+| detach  | Detaching Other Databases from the Primary Database by Alias         | (mainDbName: string, alias: string) => void;  | no | all      | yes |
+| transaction  | Operate through database transactions         | (fn: (tx: Transaction) => Promise<void>) => Promise<void>;  | no | all      | yes |
+| execute  | Execute SQL statements in the database.         | (query: string, params?: any[]) => QueryResult;  | no | all      | yes |
+| executeWithHostObjects  | The database query statement is used to quickly query a large amount of data. However, the return attribute access speed is slow.         | (query: string,params?: any[]) => Promise<QueryResult>;  | no | all      | yes |
+| executeBatch  | Query and execute a large number of statements.         | (commands: SQLBatchTuple[]) => BatchQueryResult;  | no | all      | yes |
+| loadFile  | Load the local SQL file.         | (location: string) => Promise<FileLoadResult>;  | no | all      | yes |
+| updateHook  | Database update hook callback         | (callback?:((params: \{table: string;operation: UpdateHookOperation;row?: any;rowId: number;}) => void) \| null) => void;  | no | all      | yes |
+| commitHook  | Database commit hook callback.         | (callback?: (() => void) \| null) => void;  | no | all      | yes |
+| rollbackHook  | Database rollback hook callback.         | (callback?: (() => void) \| null) => void;  | no | all      | yes |
+| prepareStatement  | You can reuse a query statement, use bind to change parameters, and execute the execution result.        | (query: string) => PreparedStatementObj;  | no | all      | yes |
+| loadExtension  | Load SQL extension.         | (path: string, entryPoint?: string) => void;  | no | all      | yes |
+| executeRaw  | If you do not care about the key, you can use this API to simplify the execution and return a component array.This should be much faster than the normal operation because you don't need to create objects with the same key.         | (query: string,params?: any[]) => Promise<any[]>;  | no | all      | yes |
+| getDbPath  | Obtaining the Database Path.         | (location?: string) => string;  | no | all      | yes |
+| reactiveExecute  | Responsive statement query         | (params: {query: string;arguments: any[];fireOn: {table: string;ids?: number[];}[];callback: (response: any) => void;}) => () => void;  | no | all      | yes |
+| sync  | Database synchronization operation, which is supported after isLibsql is enabled.         | () => void | no | all      | yes |
+
+
+## Known Issues
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/OP-Engineering/op-sqlite/blob/main/LICENSE)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 4cc204ac..010f24ce 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -385,7 +385,7 @@
 | 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 是                | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [链接](/zh-cn/react-native-mlkit-ocr.md)                                                         |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 6.2.11         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | 是                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [链接](/zh-cn/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control)                                           | 6.0.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
diff --git a/zh-cn/op-engineering-op-sqlite.md b/zh-cn/op-engineering-op-sqlite.md
new file mode 100644
index 00000000..cb4c7ea1
--- /dev/null
+++ b/zh-cn/op-engineering-op-sqlite.md
@@ -0,0 +1,342 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> 
+    <code>@op-engineering/op-sqlite</code> 
+  </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/OP-Engineering/op-sqlite">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/OP-Engineering/op-sqlite/blob/main/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/op-sqlite)
+
+
+## 安装与使用
+
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/op-sqlite Releases](https://github.com/react-native-oh-library/op-sqlite/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/op-sqlite@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/op-sqlite@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+
+```js
+
+import React, { useEffect, useState } from 'react';
+import {
+    SafeAreaView,
+    Text,
+    TouchableOpacity,
+    View,
+} from 'react-native';
+
+import {
+    open,
+    type DB
+} from '@op-engineering/op-sqlite';
+import { HARMONY_DATABASE_PATH } from '@react-native-oh-tpl/op-sqlite';
+
+export default function OpSqliteExample() {
+    
+    return (
+        <SafeAreaView style={{ flex: 1, backgroundColor: '#fff' }}>
+            <View style={{ flex: 1, backgroundColor: '#fff' }}>
+                <TouchableOpacity
+                    style={{ padding: 5 }}
+                    onPress={() => {
+                        let db:DB = open({
+                            name: 'helloDb.sqlite',
+                            encryptionKey: 'test',
+                            location: HARMONY_DATABASE_PATH
+                        });
+                    }}>
+                    <Text style={{ color: 'red' }}>
+                       tap to {'openDB'}
+                    </Text>
+                </TouchableOpacity>
+            </View>
+
+        </SafeAreaView>
+    );
+}
+
+
+```
+
+#### **在项目根目录package.json,设置插件**
+
+```json
+{
+...
+  "op-sqlite": {
+    ...
+    "sqlcipher": false,
+    "libsql": false,
+  },
+}
+```
+详细参考[源库文档地址](https://ospfranco.notion.site/OP-SQLite-Documentation-a279a52102464d0cb13c3fa230d2f2dc?pvs=4)
+
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1. 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. 引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/op-sqlite": "file:../../node_modules/@react-native-oh-tpl/op-sqlite/harmony/rn_op_sqlite.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3. 配置 CMakeLists 和引入 RNOpSqlitePackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/op-sqlite/src/main/cpp" ./rn_op_sqlite)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_rn_op_sqlite)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNOpSqlitePackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNOpSqlitePackage>(ctx)
+    };
+}
+```
+
+### 4. 在 ArkTs 侧引入 RNOpSqlitePackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，或者`entry/src/main/ets/rn/RNPackagesFactory.ts`，添加：
+
+```diff
++ import { RNOpSqlitePackage } from '@react-native-oh-tpl/op-sqlite/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNOpSqlitePackage(ctx),
+  ];
+}
+```
+
+### 5. 在 ArkTs 侧引入 opSqlitePlugin
+
+打开 `entry/hvigorfile.ts`，添加：
+
+```diff
++ import { hapTasks, OhosHapContext, OhosPluginId, Target } from '@ohos/hvigor-ohos-plugin';
++ import { HvigorPlugin, HvigorNode, getNode } from '@ohos/hvigor';
++ import { opSqlitePlugin } from './oh_modules/@react-native-oh-tpl/op-sqlite/hvigorfile.ts';
+
+export default {
+    system: hapTasks,
++   plugins: [opSqlitePlugin()]
+}
+```
+
+### 6. 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+
+## 约束与限制
+### 兼容性
+
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/op-sqlite Releases](https://github.com/react-native-oh-library/op-sqlite/releases)
+
+
+### 应用权限申请
+
+#### 在 entry 目录下的module.json5中添加权限
+在 `YourProject/entry/src/main/module.json5`补上配置
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+
+  ···
+
+    "requestPermissions": [
++     { "name": "ohos.permission.INTERNET" },
+    ]
+  }
+}
+```
+
+
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| getConstants  | Return the corresponding database/file storage sandbox path.         |  () => {IOS_DOCUMENT_PATH,IOS_LIBRARY_PATH,ANDROID_DATABASE_PATH,ANDROID_FILES_PATH,ANDROID_EXTERNAL_FILES_PATH,HARMONY_DATABASE_PATH,HARMONY_FILES_PATH,}  | no | all      | yes |
+| openSync  | Synchronize the local database to the remote database and open the database.         | (options: {url: string;authToken: string;name: string;location?: string;}) => DB; | no | all      | yes |
+| openRemote  | Open the remote database. | (options: { url: string; authToken: string }) => DB;  | no | all      | yes |
+| open  | Open the database.encryptionKey indicates the key string required for using sqlcipher.After sqlcipher is enabled, encryptionKey is supported.         | (options: {name: string;location?: string;encryptionKey?: string;}) => DB;  | no | all      | yes |
+| isSQLCipher  | Whether SQL cipher is enabled.(SQLCipher is an open source SQLite extension that provides transparent 256-bit AES full database encryption.)         | () => boolean;  | no | all      | yes |
+| isLibsql  | Indicates whether to enable isLibsql. After isLibsql is enabled, the remote database and database synchronization interface can be enabled         | () => boolean;  | no | all      | yes |
+| moveAssetsDatabase  | Copy the database to the specified path.         | async (args: {filename: string;path?: string;overwrite?: boolean;}) => Promise<boolean>  | no | all      | yes |
+
+### DB
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| close  | Shut down the database.         | () => void;  | no | all      | yes |
+| delete  | Deleting a database         | (location?: string) => void;  | no | all      | yes |
+| attach  | Attaching other databases to the primary database by aliasing          | (mainDbName: string,dbNameToAttach: string,alias: string,location?: string) => void;  | no | all      | yes |
+| detach  | Detaching Other Databases from the Primary Database by Alias         | (mainDbName: string, alias: string) => void;  | no | all      | yes |
+| transaction  | Operate through database transactions         | (fn: (tx: Transaction) => Promise<void>) => Promise<void>;  | no | all      | yes |
+| execute  | Execute SQL statements in the database.         | (query: string, params?: any[]) => QueryResult;  | no | all      | yes |
+| executeWithHostObjects  | The database query statement is used to quickly query a large amount of data. However, the return attribute access speed is slow.         | (query: string,params?: any[]) => Promise<QueryResult>;  | no | all      | yes |
+| executeBatch  | Query and execute a large number of statements.         | (commands: SQLBatchTuple[]) => BatchQueryResult;  | no | all      | yes |
+| loadFile  | Load the local SQL file.         | (location: string) => Promise<FileLoadResult>;  | no | all      | yes |
+| updateHook  | Database update hook callback         | (callback?:((params: \{table: string;operation: UpdateHookOperation;row?: any;rowId: number;}) => void) \| null) => void;  | no | all      | yes |
+| commitHook  | Database commit hook callback.         | (callback?: (() => void) \| null) => void;  | no | all      | yes |
+| rollbackHook  | Database rollback hook callback.         | (callback?: (() => void) \| null) => void;  | no | all      | yes |
+| prepareStatement  | You can reuse a query statement, use bind to change parameters, and execute the execution result.        | (query: string) => PreparedStatementObj;  | no | all      | yes |
+| loadExtension  | Load SQL extension.         | (path: string, entryPoint?: string) => void;  | no | all      | yes |
+| executeRaw  | If you do not care about the key, you can use this API to simplify the execution and return a component array.This should be much faster than the normal operation because you don't need to create objects with the same key.         | (query: string,params?: any[]) => Promise<any[]>;  | no | all      | yes |
+| getDbPath  | Obtaining the Database Path.         | (location?: string) => string;  | no | all      | yes |
+| reactiveExecute  | Responsive statement query         | (params: {query: string;arguments: any[];fireOn: {table: string;ids?: number[];}[];callback: (response: any) => void;}) => () => void;  | no | all      | yes |
+| sync  | Database synchronization operation, which is supported after isLibsql is enabled.         | () => void | no | all      | yes |
+
+
+## 遗留问题
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/OP-Engineering/op-sqlite/blob/main/LICENSE) ，请自由地享受和参与开源。

From 0b6a9de3a1d0b39935f5ea94b1f409bb48f9ce23 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Fri, 18 Oct 2024 02:11:31 +0000
Subject: [PATCH 715/966] =?UTF-8?q?!1729=20docs:=20[Issues:=20#IAXZG0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-router-dom=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXZG0]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-router-dom=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-router-dom.md    | 1 +
 zh-cn/react-router-dom.md | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/en/react-router-dom.md b/en/react-router-dom.md
index cea28d25..e38e4a14 100644
--- a/en/react-router-dom.md
+++ b/en/react-router-dom.md
@@ -326,6 +326,7 @@ export default DomDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.28; SDK:HarmonyOS-Next-DB6 5.0.0.61 SDK; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-router-dom.md b/zh-cn/react-router-dom.md
index cea28d25..5e03d178 100644
--- a/zh-cn/react-router-dom.md
+++ b/zh-cn/react-router-dom.md
@@ -326,7 +326,7 @@ export default DomDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.28; SDK:HarmonyOS-Next-DB6 5.0.0.61 SDK; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
-
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 ## 属性
 
 > [!Tip] "Platform"列表示该属性在原三方库上支持的平台。

From a05024f854433367e00ddf34cba89c7a485fe6ed Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Fri, 18 Oct 2024 03:38:31 +0000
Subject: [PATCH 716/966] =?UTF-8?q?!1730=20docs:=20[Issues:=20#IAXZJ7]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9callstack-react-theme-provider=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXZJ7]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9callstack-react-theme-provider=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/callstack-react-theme-provider.md    | 1 +
 zh-cn/callstack-react-theme-provider.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/callstack-react-theme-provider.md b/en/callstack-react-theme-provider.md
index 75e074cd..62e272bb 100644
--- a/en/callstack-react-theme-provider.md
+++ b/en/callstack-react-theme-provider.md
@@ -110,6 +110,7 @@ export default RNThemeProvider;
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 组件
 
diff --git a/zh-cn/callstack-react-theme-provider.md b/zh-cn/callstack-react-theme-provider.md
index 75e074cd..62e272bb 100644
--- a/zh-cn/callstack-react-theme-provider.md
+++ b/zh-cn/callstack-react-theme-provider.md
@@ -110,6 +110,7 @@ export default RNThemeProvider;
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 组件
 

From d131bfccba67e09c383981871b122de16a641bb2 Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Fri, 18 Oct 2024 03:38:59 +0000
Subject: [PATCH 717/966] =?UTF-8?q?!1731=20docs:=20[Issues:=20#IAXZHZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-communications=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXZHZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-communications=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-communications.md    | 1 +
 zh-cn/react-native-communications.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-communications.md b/en/react-native-communications.md
index 936eaaab..cff9fe5f 100644
--- a/en/react-native-communications.md
+++ b/en/react-native-communications.md
@@ -109,6 +109,7 @@ export default RNCommunications;
 本文档内容基于以下版本验证通过：
 
 1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 ## 静态方法
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/zh-cn/react-native-communications.md b/zh-cn/react-native-communications.md
index 936eaaab..cff9fe5f 100644
--- a/zh-cn/react-native-communications.md
+++ b/zh-cn/react-native-communications.md
@@ -109,6 +109,7 @@ export default RNCommunications;
 本文档内容基于以下版本验证通过：
 
 1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 ## 静态方法
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。

From ab54653627d3d3fd84cf301b4e4f376cc3647b20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Fri, 18 Oct 2024 03:39:34 +0000
Subject: [PATCH 718/966] =?UTF-8?q?!1716=20docs:=20[Issues:=20#IAXTV9]=20?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9react-native-crypto-js?=
 =?UTF-8?q?=E3=80=81react-native-base64=E3=80=81react-native-check-box?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAXTV9]=20=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9=20react-native-c?=
 =?UTF-8?q?rypto-js=E3=80=81react-native-base6=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-base64.md       | 1 +
 en/react-native-check-box.md    | 6 ++----
 en/react-native-crypto-js.md    | 1 +
 zh-cn/react-native-base64.md    | 1 +
 zh-cn/react-native-check-box.md | 6 ++----
 zh-cn/react-native-crypto-js.md | 1 +
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/en/react-native-base64.md b/en/react-native-base64.md
index de662780..67187da4 100644
--- a/en/react-native-base64.md
+++ b/en/react-native-base64.md
@@ -108,6 +108,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法:
 
diff --git a/en/react-native-check-box.md b/en/react-native-check-box.md
index df56e23f..617db5fd 100644
--- a/en/react-native-check-box.md
+++ b/en/react-native-check-box.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -79,6 +78,7 @@ const styles = StyleSheet.create({
 在以下版本验证通过
 
 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -109,6 +109,4 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-crypto-js.md b/en/react-native-crypto-js.md
index b5b5ca6e..db31bdd0 100644
--- a/en/react-native-crypto-js.md
+++ b/en/react-native-crypto-js.md
@@ -137,6 +137,7 @@ export const ReactNativeCryptoJsExample = () => {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-native-base64.md b/zh-cn/react-native-base64.md
index de662780..67187da4 100644
--- a/zh-cn/react-native-base64.md
+++ b/zh-cn/react-native-base64.md
@@ -108,6 +108,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法:
 
diff --git a/zh-cn/react-native-check-box.md b/zh-cn/react-native-check-box.md
index df56e23f..617db5fd 100644
--- a/zh-cn/react-native-check-box.md
+++ b/zh-cn/react-native-check-box.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -79,6 +78,7 @@ const styles = StyleSheet.create({
 在以下版本验证通过
 
 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -109,6 +109,4 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-crypto-js.md b/zh-cn/react-native-crypto-js.md
index b5b5ca6e..db31bdd0 100644
--- a/zh-cn/react-native-crypto-js.md
+++ b/zh-cn/react-native-crypto-js.md
@@ -137,6 +137,7 @@ export const ReactNativeCryptoJsExample = () => {
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 

From a934560e1d79350c1a9c1f69b15f281a1fefed56 Mon Sep 17 00:00:00 2001
From: huangzz <huangzongzheng@h-partners.com>
Date: Fri, 18 Oct 2024 03:47:24 +0000
Subject: [PATCH 719/966] =?UTF-8?q?!1732=20docs:=E4=BF=AE=E6=94=B9react-na?=
 =?UTF-8?q?tive-ezswiper,react-native-community-hooks=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXZBR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-ezswiper,react-native-community-?=
 =?UTF-8?q?hooks=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-hooks.md    | 1 +
 en/react-native-ezswiper.md           | 1 +
 zh-cn/react-native-community-hooks.md | 1 +
 zh-cn/react-native-ezswiper.md        | 1 +
 4 files changed, 4 insertions(+)

diff --git a/en/react-native-community-hooks.md b/en/react-native-community-hooks.md
index 7ede9913..2cb72a17 100644
--- a/en/react-native-community-hooks.md
+++ b/en/react-native-community-hooks.md
@@ -129,6 +129,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/en/react-native-ezswiper.md b/en/react-native-ezswiper.md
index 322b71ef..3b24a22a 100644
--- a/en/react-native-ezswiper.md
+++ b/en/react-native-ezswiper.md
@@ -326,6 +326,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
  1.RNOH: 0.72.29; SDK：OpenHarmony-5.0.0.65; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
+ 2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-community-hooks.md b/zh-cn/react-native-community-hooks.md
index 7ede9913..2cb72a17 100644
--- a/zh-cn/react-native-community-hooks.md
+++ b/zh-cn/react-native-community-hooks.md
@@ -129,6 +129,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
 1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-native-ezswiper.md b/zh-cn/react-native-ezswiper.md
index 322b71ef..3b24a22a 100644
--- a/zh-cn/react-native-ezswiper.md
+++ b/zh-cn/react-native-ezswiper.md
@@ -326,6 +326,7 @@ const styles = StyleSheet.create({
 本文档内容基于以下版本验证通过：
 
  1.RNOH: 0.72.29; SDK：OpenHarmony-5.0.0.65; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
+ 2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 2f511f6dcc7b92f890c6dfda0e831704fa2cd174 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Fri, 18 Oct 2024 03:48:02 +0000
Subject: [PATCH 720/966] =?UTF-8?q?!1727=20docs:=20[#IAXZ08]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-flash-message=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAXZ08]=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-flash-message=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-flash-message.md    | 3 ++-
 zh-cn/react-native-flash-message.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-flash-message.md b/en/react-native-flash-message.md
index b1e6f798..5798bfe2 100644
--- a/en/react-native-flash-message.md
+++ b/en/react-native-flash-message.md
@@ -110,7 +110,8 @@ const styles = StyleSheet.create({
 
 本文档内容基于以下版本验证通过：
 
-1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 方法
 
diff --git a/zh-cn/react-native-flash-message.md b/zh-cn/react-native-flash-message.md
index b1e6f798..5798bfe2 100644
--- a/zh-cn/react-native-flash-message.md
+++ b/zh-cn/react-native-flash-message.md
@@ -110,7 +110,8 @@ const styles = StyleSheet.create({
 
 本文档内容基于以下版本验证通过：
 
-1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 方法
 

From 48c388747849189e29e7b9a9ba2b107ed7c733da Mon Sep 17 00:00:00 2001
From: zogpap <zhangchuang38@h-partners.com>
Date: Fri, 18 Oct 2024 03:48:32 +0000
Subject: [PATCH 721/966] =?UTF-8?q?!1719=20docs:=20=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-modals=E3=80=81react-native-mate?=
 =?UTF-8?q?rial-menu=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E4=BF=AE=E6=94=B9react-native-modals?=
 =?UTF-8?q?=E3=80=81react-native-material-menu=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-material-menu.md | 3 ++-
 zh-cn/react-native-modals.md        | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-material-menu.md b/zh-cn/react-native-material-menu.md
index 809bbc63..3ff5b395 100644
--- a/zh-cn/react-native-material-menu.md
+++ b/zh-cn/react-native-material-menu.md
@@ -81,7 +81,8 @@ export default function App() {
 
 本文档内容基于以下版本验证通过：
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
 ## 属性
diff --git a/zh-cn/react-native-modals.md b/zh-cn/react-native-modals.md
index 4a12725d..e20883a8 100644
--- a/zh-cn/react-native-modals.md
+++ b/zh-cn/react-native-modals.md
@@ -103,8 +103,8 @@ export default ModalsDemo = () => {
 
 本文档内容基于以下版本验证通过：
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
-
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From e68df997229ce5d2850bfdae3df855580668d17f Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Fri, 18 Oct 2024 03:48:50 +0000
Subject: [PATCH 722/966] =?UTF-8?q?!1714=20docs:=20[Issue:#IAXTUH]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-reconnecting-websocket=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E5=85=BC=E5=AE=B9=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=20*=20docs:=20[Issue:#IAXTUH]=E4=BF=AE=E6=94=B9=20rea?=
 =?UTF-8?q?ct-native-reconnecting-websocket=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E5=85=BC=E5=AE=B9=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-reconnecting-websocket.md    | 1 +
 zh-cn/react-native-reconnecting-websocket.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-reconnecting-websocket.md b/en/react-native-reconnecting-websocket.md
index e0794398..20f3123e 100644
--- a/en/react-native-reconnecting-websocket.md
+++ b/en/react-native-reconnecting-websocket.md
@@ -121,6 +121,7 @@ export default ReconnectingWebsocketDemo;
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.60;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-native-reconnecting-websocket.md b/zh-cn/react-native-reconnecting-websocket.md
index e0794398..20f3123e 100644
--- a/zh-cn/react-native-reconnecting-websocket.md
+++ b/zh-cn/react-native-reconnecting-websocket.md
@@ -121,6 +121,7 @@ export default ReconnectingWebsocketDemo;
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.60;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 

From 7aa91d68eeb15bbb9eea90d71903ecf147fb791b Mon Sep 17 00:00:00 2001
From: wangyizhou <wangyizhou6@h-partners.com>
Date: Fri, 18 Oct 2024 03:49:22 +0000
Subject: [PATCH 723/966] =?UTF-8?q?!1713=20docs:=20[Issue:#IAXTPK]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-switch-selector=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=E5=85=BC=E5=AE=B9=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=20*=20docs:=20[Issue:#IAXTPK]=E4=BF=AE=E6=94=B9=20react-native?=
 =?UTF-8?q?-switch-selector=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E5=85=BC=E5=AE=B9=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-switch-selector.md    | 9 +++++----
 zh-cn/react-native-switch-selector.md | 9 +++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/en/react-native-switch-selector.md b/en/react-native-switch-selector.md
index 4aea6ead..1df2baf7 100644
--- a/en/react-native-switch-selector.md
+++ b/en/react-native-switch-selector.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-switch-selector</code> </h1>
@@ -42,7 +42,7 @@ yarn add react-native-switch-selector@2.3.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```js
+```jsx
 import SwitchSelector from "react-native-switch-selector";
 import React from 'react';
 import { ScrollView } from 'react-native';
@@ -73,12 +73,13 @@ export default SwitchSelectorDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                         | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-switch-selector.md b/zh-cn/react-native-switch-selector.md
index 146811b5..cb103872 100644
--- a/zh-cn/react-native-switch-selector.md
+++ b/zh-cn/react-native-switch-selector.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-switch-selector</code> </h1>
@@ -42,7 +42,7 @@ yarn add react-native-switch-selector@2.3.0
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```js
+```jsx
 import SwitchSelector from "react-native-switch-selector";
 import React from 'react';
 import { ScrollView } from 'react-native';
@@ -73,12 +73,13 @@ export default SwitchSelectorDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                         | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |

From c44801033976088ce3f3f708a197674a0e478986 Mon Sep 17 00:00:00 2001
From: baofeng <baofeng6@h-partners.com>
Date: Fri, 18 Oct 2024 03:49:41 +0000
Subject: [PATCH 724/966] =?UTF-8?q?!1715=20docs:=20[Issues:=20#IAXTS0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-testing-library=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXTS0]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-testing-library=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-testing-library.md    | 3 ++-
 zh-cn/react-native-testing-library.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-testing-library.md b/en/react-native-testing-library.md
index d2dbfdcc..6bbaa1ba 100644
--- a/en/react-native-testing-library.md
+++ b/en/react-native-testing-library.md
@@ -126,7 +126,8 @@ test('form submits two answers', async () => {
 
 本文档内容基于以下版本验证通过：
 
-1.RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25; 
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-native-testing-library.md b/zh-cn/react-native-testing-library.md
index d2dbfdcc..6bbaa1ba 100644
--- a/zh-cn/react-native-testing-library.md
+++ b/zh-cn/react-native-testing-library.md
@@ -126,7 +126,8 @@ test('form submits two answers', async () => {
 
 本文档内容基于以下版本验证通过：
 
-1.RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25; 
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 

From 582cd27c556b1a72e417cfc8dcf3188193a2b42b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=83=A1=E9=87=91=E4=BA=91?= <hujinyun4@h-partners.com>
Date: Fri, 18 Oct 2024 03:50:00 +0000
Subject: [PATCH 725/966] =?UTF-8?q?!1722=20docs:=20[Issues:#IAXV19]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-url-polyfill=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAXV19]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-url-polyfill=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-url-polyfill.md    | 1 +
 zh-cn/react-native-url-polyfill.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-url-polyfill.md b/en/react-native-url-polyfill.md
index 2a0259bc..6fedb375 100644
--- a/en/react-native-url-polyfill.md
+++ b/en/react-native-url-polyfill.md
@@ -139,6 +139,7 @@ export default URLPolyfillDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
diff --git a/zh-cn/react-native-url-polyfill.md b/zh-cn/react-native-url-polyfill.md
index 2a0259bc..6fedb375 100644
--- a/zh-cn/react-native-url-polyfill.md
+++ b/zh-cn/react-native-url-polyfill.md
@@ -139,6 +139,7 @@ export default URLPolyfillDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 

From 17789e690b5f63918affbbf72bff8cb8ac2caab1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Fri, 18 Oct 2024 03:50:32 +0000
Subject: [PATCH 726/966] =?UTF-8?q?!1718=20docs:=20[Issues:#IAXUN7]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9Shopify-restyle=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E5=85=BC=E5=AE=B9=E7=89=88=E6=9C=AC=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:#IAXUN7]=20=E4=BF=AE=E6=94=B9Shopify-restyle=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=E5=85=BC=E5=AE=B9=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/Shopify-restyle.md    | 1 +
 zh-cn/Shopify-restyle.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/Shopify-restyle.md b/en/Shopify-restyle.md
index 44673c11..bb821c3e 100644
--- a/en/Shopify-restyle.md
+++ b/en/Shopify-restyle.md
@@ -107,6 +107,7 @@ export const App = () => (
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Hooks
 
diff --git a/zh-cn/Shopify-restyle.md b/zh-cn/Shopify-restyle.md
index 44673c11..bb821c3e 100644
--- a/zh-cn/Shopify-restyle.md
+++ b/zh-cn/Shopify-restyle.md
@@ -107,6 +107,7 @@ export const App = () => (
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Hooks
 

From 29b18ad89cc951c3aef11ba102e73c6bc7e1fb14 Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Fri, 18 Oct 2024 08:31:28 +0000
Subject: [PATCH 727/966] =?UTF-8?q?!1733=20docs:=20[Issues:#IAXT647]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-element=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAXT647]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-element=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAXT64]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-elements.md    | 50 +++++++++++++-------------------
 zh-cn/react-native-elements.md | 52 +++++++++++++---------------------
 2 files changed, 38 insertions(+), 64 deletions(-)

diff --git a/en/react-native-elements.md b/en/react-native-elements.md
index f2fb6999..6775bdb8 100644
--- a/en/react-native-elements.md
+++ b/en/react-native-elements.md
@@ -300,7 +300,8 @@ Step 2:
 This document is verified based on the following versions：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
-1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.700; ROM：3.0.0.60;
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.700; ROM：3.0.0.60;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Component
 
@@ -346,11 +347,9 @@ The following are currently supported component properties:
 |       onPressIn       |       Called when a touch is engaged before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
 |      onPressOut       |      Called when a touch is released before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
 | overlayContainerStyle |          Style for the view outside image or icon.           |                     Text Style                      |    No    |   All    |        Yes        |
-|    pressableProps     |             PressableProps except click handlers             |                   PressableProps                    |    No    |   All    |        Yes        |
 |        rounded        |                  Makes the avatar circular.                  |                       boolean                       |    No    |   All    |        Yes        |
 |         size          |                     Size of the avatar.                      |     `number`,`small`,`medium`,`large`,`xlarge`      |    No    |   All    |        Yes        |
 |        source         |           Image source to be displayed on avatar.            |                 ImageSourcePropType                 |    No    |   All    |        Yes        |
-|  ImageSourcePropType  |              Renders title in the placeholder.               |                       string                        |    No    |   All    |        Yes        |
 |      titleStyle       |                     Style for the title.                     |                     Text Style                      |    No    |   All    |        Yes        |
 
 **Avatar.Accessory**：The subcomponent of Avatar component, which receives all props of  [Icon](https://reactnativeelements.com/docs/components/icon#props), [Image](https://reactnativeelements.com/docs/components/image#props), [Text](https://reactnative.dev/docs/text#props) 
@@ -361,7 +360,6 @@ The following are currently supported component properties:
 |    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
 **Badge**：Badge component, typically used to convey numerical values or indicate the status of items to users
 
@@ -374,7 +372,6 @@ The following are currently supported component properties:
 |    onPress     |       Called when a single tap gesture is detected.       |                Function                |    No    |   All    |        Yes        |
 |   onPressIn    |     Called when a touch is engaged before `onPress`.      |      GestureResponderEventHandler      |    No    |   All    |        Yes        |
 |   onPressOut   |     Called when a touch is released before `onPress`.     |      GestureResponderEventHandler      |    No    |   All    |        Yes        |
-| pressableProps |           PressableProps except click handlers            |             PressableProps             |    No    |   All    |        Yes        |
 |     status     |            Determines color of the indicator.             | `primary`,`success`,`warning` ,`error` |    No    |   All    |        Yes        |
 |   textProps    |              Extra props for text component.              |               TextProps                |    No    |   All    |        Yes        |
 |   textStyle    |             Extra styling for icon component.             |               Text Style               |    No    |   All    |        Yes        |
@@ -442,7 +439,6 @@ The following are currently supported component properties:
 |         onPressIn         |       Called when a touch is engaged before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
 |        onPressOut         |      Called when a touch is released before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
 |      onShowUnderlay       |             Function called on showing underlay.             |                     Function                      |    No    |   All    |        Yes        |
-|      pressableProps       |             PressableProps except click handlers             |                  PressableProps                   |    No    |   All    |        Yes        |
 |      selectMultiple       |         Allows the user to select multiple buttons.          |                      boolean                      |    No    |   All    |        Yes        |
 |    selectedButtonStyle    |             Specify styling for selected button.             |                    View Style                     |    No    |   All    |        Yes        |
 |       selectedIndex       |         Current selected index of array of buttons.          |                      number                       |    No    |   All    |        Yes        |
@@ -474,11 +470,10 @@ The following are currently supported component properties:
 |    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
 **Card.Title**：Card title component, receiving Props for all  [Text](https://reactnativeelements.com/docs/components/text#props) components
 
-**CheckBox**：CheckBox component to receive all [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props) props 
+**CheckBox**：CheckBox component to receive all [View](https://reactnative.dev/docs/view#props) props 
 
 |        Name        |                   Description                   |                             Type                             | Required | Platform | HarmonyOS Support |
 | :----------------: | :---------------------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -512,7 +507,6 @@ The following are currently supported component properties:
 |   onPressIn    |     Called when a touch is engaged before `onPress`.      | GestureResponderEventHandler |    No    |    No    |        No         |
 |   onPressOut   |     Called when a touch is released before `onPress`.     | GestureResponderEventHandler |    No    |    No    |        No         |
 |  overlayStyle  | Add additional styling to the internal Overlay component. |          View Style          |    No    |   All    |        Yes        |
-| pressableProps |                   except click handlers                   |        PressableProps        |    No    |   All    |        Yes        |
 
 **Dialog.Actions**：Define dialog box operation components
 
@@ -603,7 +597,6 @@ The following are currently supported component properties:
 |    onPress     |        Called when a single tap gesture is detected.         | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
 |     raised     |                  Adds box shadow to button.                  |           boolean            |    No    |   All    |        Yes        |
 |    reverse     |                    Reverses color scheme.                    |           boolean            |    No    |   All    |        Yes        |
 |  reverseColor  |                 Specify reverse icon color.                  |            string            |    No    |   All    |        Yes        |
@@ -625,7 +618,6 @@ The following are currently supported component properties:
 |       onPressIn        |   Called when a touch is engaged before `onPress`.    |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
 |       onPressOut       |   Called when a touch is released before `onPress`.   |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
 |    placeholderStyle    |   Additional styling for the placeholder container.   |                        View Style                         |    No    |   All    |        Yes        |
-|     pressableProps     |         PressableProps except click handlers          |                      PressableProps                       |    No    |   All    |        Yes        |
 |       transition       |        Perform fade transition on image load.         |                          boolean                          |    No    |   All    |        Yes        |
 |   transitionDuration   |        Perform fade transition on image load.         |                          number                           |    No    |   All    |        Yes        |
 
@@ -697,7 +689,6 @@ The following are currently supported component properties:
 |  onLongPress   |    Called when a long-tap gesture is detected.    | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
 **ListItem.CheckBox**：List rendering CheckBox component,  receive all  [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props)  props
 
@@ -709,7 +700,6 @@ The following are currently supported component properties:
 |    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
 **ListItem.Content**：List rendering content component，receive all  [Text](https://reactnativeelements.com/docs/components/text#props)  props 
 
@@ -758,7 +748,6 @@ The following are currently supported component properties:
 |    onPressIn    |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut    |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |  overlayStyle   |                 Style of the actual overlay.                 |          View Style          |    No    |   All    |        Yes        |
-| pressableProps  |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
 
 **PricingCard**：Price Card component
 
@@ -883,7 +872,6 @@ The following are currently supported component properties:
 |        onPress         |        Called when a single tap gesture is detected.         | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |       onPressIn        |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |       onPressOut       |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|     pressableProps     |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
 |         raised         |      Raised adds a drop shadow, set to false to remove.      |           boolean            |    No    |    No    |        No         |
 |         small          |         Decides the size of the activity indicator.          |            string            |    No    |    No    |        No         |
 |         style          |                 Adds styling to the button.                  |          View Style          |    No    |   All    |        Yes        |
@@ -911,7 +899,7 @@ The following are currently supported component properties:
 | :------------: | :--------------------: | :-----: | :------: | :------: | :---------------: |
 | labelPressable | onPress on Label Press | boolean |    No    |   All    |        Yes        |
 
-**Switch**：Switch component，receive all [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) props   
+**Switch**：Switch component，receive all [View](https://reactnative.dev/docs/view#props) props   
 
 | Name  |            Description             |  Type  | Required | Platform | HarmonyOS Support |
 | :---: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
@@ -1028,21 +1016,21 @@ The following are currently supported component properties:
 ## Known Issues
 ## Others
 
-- [ ] The readonly and onFinishRating properties of the Rating component cannot take effect, consistent with Android/iOS：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
-- [ ] The startImage property of the Airbnb Ratings component cannot take effect, consistent with Android/iOS：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
-- [ ] The activeOpacity, button, and other properties of the buttonGroups component cannot take effect, consistent with Android/iOS：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
-- [ ] The onLongPress, onpressIn and other properties of the Dialog component cannot take effect, consistent with Android/iOS：[issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
-- [ ] The barStyle, elevated, and other properties of the Header component cannot take effect, consistent with Android and iOS：[issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
-- [ ] The renderError Message property of the Input component cannot take effect, consistent with Android and iOS：[issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
-- [ ] The minSlideWidth property of ListItem.Swipeable component cannot take effect, consistent with Android and iOS：[issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
-- [ ] The right property of ListItem.Title component cannot take effect, consistent with Android and iOS：[issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
-- [ ] The properties such as cancelButtons Props and showCancel of the SearchBar component cannot take effect, consistent with Android and iOS：[issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
-- [ ] The fontFamily, fontWeight, and other properties of the SocialIcon component cannot take effect, consistent with Android and iOS：[issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
-- [ ] The backdropPresableProps property of the SpeedDial component cannot take effect, consistent with Android and iOS：[issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
-- [ ] The containerStyle, density, and other properties of the Tab component cannot take effect, consistent with Android and iOS：[issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
-- [ ] The active, dense, and other properties of the Tab.Item component cannot take effect, consistent with Android and iOS：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
-- [ ] The activeOpacity and other properties of Tile components cannot take effect, consistent with Android and iOS：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
-- [ ] The closeOnlyOnBackdropPress property of the Tooltip component cannot take effect, consistent with Android and iOS：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
+-  The readonly and onFinishRating properties of the Rating component cannot take effect, consistent with Android/iOS：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+-  The startImage property of the Airbnb Ratings component cannot take effect, consistent with Android/iOS：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+-  The activeOpacity, button, and other properties of the buttonGroups component cannot take effect, consistent with Android/iOS：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
+-  The onLongPress, onpressIn and other properties of the Dialog component cannot take effect, consistent with Android/iOS：[issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
+-  The barStyle, elevated, and other properties of the Header component cannot take effect, consistent with Android and iOS：[issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
+-  The renderError Message property of the Input component cannot take effect, consistent with Android and iOS：[issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
+-  The minSlideWidth property of ListItem.Swipeable component cannot take effect, consistent with Android and iOS：[issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
+-  The right property of ListItem.Title component cannot take effect, consistent with Android and iOS：[issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
+-  The properties such as cancelButtons Props and showCancel of the SearchBar component cannot take effect, consistent with Android and iOS：[issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
+-  The fontFamily, fontWeight, and other properties of the SocialIcon component cannot take effect, consistent with Android and iOS：[issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
+-  The backdropPresableProps property of the SpeedDial component cannot take effect, consistent with Android and iOS：[issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
+-  The containerStyle, density, and other properties of the Tab component cannot take effect, consistent with Android and iOS：[issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
+-  The active, dense, and other properties of the Tab.Item component cannot take effect, consistent with Android and iOS：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
+-  The activeOpacity and other properties of Tile components cannot take effect, consistent with Android and iOS：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
+-  The closeOnlyOnBackdropPress property of the Tooltip component cannot take effect, consistent with Android and iOS：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
 
 ## License
 
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index 424ffc97..baf477ec 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -291,7 +291,6 @@ export default Avatars;
   }
 ```
 
-> [!TIP] Demo中字体属于IconFont文件；自定义字体也需要用统一的方法在此注册。
 
 ## 约束与限制
 
@@ -300,8 +299,8 @@ export default Avatars;
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
-1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.700; ROM：3.0.0.60;
-
+2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.700; ROM：3.0.0.60;
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 ## 组件
 
 详细请查看 [react-native-elements的文档介绍](https://reactnativeelements.com)
@@ -346,11 +345,9 @@ export default Avatars;
 |       onPressIn       |       Called when a touch is engaged before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
 |      onPressOut       |      Called when a touch is released before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
 | overlayContainerStyle |          Style for the view outside image or icon.           |                     Text Style                      |    No    |   All    |        Yes        |
-|    pressableProps     |             PressableProps except click handlers             |                   PressableProps                    |    No    |   All    |        Yes        |
 |        rounded        |                  Makes the avatar circular.                  |                       boolean                       |    No    |   All    |        Yes        |
 |         size          |                     Size of the avatar.                      |     `number`,`small`,`medium`,`large`,`xlarge`      |    No    |   All    |        Yes        |
 |        source         |           Image source to be displayed on avatar.            |                 ImageSourcePropType                 |    No    |   All    |        Yes        |
-|  ImageSourcePropType  |              Renders title in the placeholder.               |                       string                        |    No    |   All    |        Yes        |
 |      titleStyle       |                     Style for the title.                     |                     Text Style                      |    No    |   All    |        Yes        |
 
 **Avatar.Accessory**：Avatar组件的子组件，接收所有 [Icon](https://reactnativeelements.com/docs/components/icon#props), [Image](https://reactnativeelements.com/docs/components/image#props), [Text](https://reactnative.dev/docs/text#props) 的 props
@@ -361,7 +358,6 @@ export default Avatars;
 |    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
 **Badge**：徽章组件，通常用于向用户传达数值或指示物品的状态
 
@@ -374,7 +370,6 @@ export default Avatars;
 |    onPress     |       Called when a single tap gesture is detected.       |                Function                |    No    |   All    |        Yes        |
 |   onPressIn    |     Called when a touch is engaged before `onPress`.      |      GestureResponderEventHandler      |    No    |   All    |        Yes        |
 |   onPressOut   |     Called when a touch is released before `onPress`.     |      GestureResponderEventHandler      |    No    |   All    |        Yes        |
-| pressableProps |           PressableProps except click handlers            |             PressableProps             |    No    |   All    |        Yes        |
 |     status     |            Determines color of the indicator.             | `primary`,`success`,`warning` ,`error` |    No    |   All    |        Yes        |
 |   textProps    |              Extra props for text component.              |               TextProps                |    No    |   All    |        Yes        |
 |   textStyle    |             Extra styling for icon component.             |               Text Style               |    No    |   All    |        Yes        |
@@ -442,7 +437,6 @@ export default Avatars;
 |         onPressIn         |       Called when a touch is engaged before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
 |        onPressOut         |      Called when a touch is released before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
 |      onShowUnderlay       |             Function called on showing underlay.             |                     Function                      |    No    |   All    |        Yes        |
-|      pressableProps       |             PressableProps except click handlers             |                  PressableProps                   |    No    |   All    |        Yes        |
 |      selectMultiple       |         Allows the user to select multiple buttons.          |                      boolean                      |    No    |   All    |        Yes        |
 |    selectedButtonStyle    |             Specify styling for selected button.             |                    View Style                     |    No    |   All    |        Yes        |
 |       selectedIndex       |         Current selected index of array of buttons.          |                      number                       |    No    |   All    |        Yes        |
@@ -474,11 +468,10 @@ export default Avatars;
 |    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
 **Card.Title**：卡片标题组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
 
-**CheckBox**：选择框组件，接收所有 [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props) 的 props.
+**CheckBox**：选择框组件，接收所有[View](https://reactnative.dev/docs/view#props) 的 props.
 
 |        Name        |                   Description                   |                             Type                             | Required | Platform | HarmonyOS Support |
 | :----------------: | :---------------------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -512,7 +505,6 @@ export default Avatars;
 |   onPressIn    |     Called when a touch is engaged before `onPress`.      | GestureResponderEventHandler |    No    |    No    |        No         |
 |   onPressOut   |     Called when a touch is released before `onPress`.     | GestureResponderEventHandler |    No    |    No    |        No         |
 |  overlayStyle  | Add additional styling to the internal Overlay component. |          View Style          |    No    |   All    |        Yes        |
-| pressableProps |                   except click handlers                   |        PressableProps        |    No    |   All    |        Yes        |
 
 **Dialog.Actions**：定义对话框操作组件
 
@@ -603,7 +595,6 @@ export default Avatars;
 |    onPress     |        Called when a single tap gesture is detected.         | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
 |     raised     |                  Adds box shadow to button.                  |           boolean            |    No    |   All    |        Yes        |
 |    reverse     |                    Reverses color scheme.                    |           boolean            |    No    |   All    |        Yes        |
 |  reverseColor  |                 Specify reverse icon color.                  |            string            |    No    |   All    |        Yes        |
@@ -625,7 +616,6 @@ export default Avatars;
 |       onPressIn        |   Called when a touch is engaged before `onPress`.    |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
 |       onPressOut       |   Called when a touch is released before `onPress`.   |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
 |    placeholderStyle    |   Additional styling for the placeholder container.   |                        View Style                         |    No    |   All    |        Yes        |
-|     pressableProps     |         PressableProps except click handlers          |                      PressableProps                       |    No    |   All    |        Yes        |
 |       transition       |        Perform fade transition on image load.         |                          boolean                          |    No    |   All    |        Yes        |
 |   transitionDuration   |        Perform fade transition on image load.         |                          number                           |    No    |   All    |        Yes        |
 
@@ -697,7 +687,6 @@ export default Avatars;
 |  onLongPress   |    Called when a long-tap gesture is detected.    | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
 **ListItem.CheckBox**：列表渲染选择框组件，接收所有 [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props) 的props.
 
@@ -709,7 +698,6 @@ export default Avatars;
 |    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
-| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
 **ListItem.Content**：列表渲染内容组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的props.
 
@@ -758,7 +746,6 @@ export default Avatars;
 |    onPressIn    |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut    |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |  overlayStyle   |                 Style of the actual overlay.                 |          View Style          |    No    |   All    |        Yes        |
-| pressableProps  |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
 
 **PricingCard**：价格卡组件
 
@@ -883,7 +870,6 @@ export default Avatars;
 |        onPress         |        Called when a single tap gesture is detected.         | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |       onPressIn        |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |       onPressOut       |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|     pressableProps     |             PressableProps except click handlers             |        PressableProps        |    No    |   All    |        Yes        |
 |         raised         |      Raised adds a drop shadow, set to false to remove.      |           boolean            |    No    |    No    |        No         |
 |         small          |         Decides the size of the activity indicator.          |            string            |    No    |    No    |        No         |
 |         style          |                 Adds styling to the button.                  |          View Style          |    No    |   All    |        Yes        |
@@ -911,7 +897,7 @@ export default Avatars;
 | :------------: | :--------------------: | :-----: | :------: | :------: | :---------------: |
 | labelPressable | onPress on Label Press | boolean |    No    |   All    |        Yes        |
 
-**Switch**：滑动开关组件，接收所有 [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) 的props
+**Switch**：滑动开关组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
 
 | Name  |            Description             |  Type  | Required | Platform | HarmonyOS Support |
 | :---: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
@@ -1027,21 +1013,21 @@ export default Avatars;
 
 ## 遗留问题
 ## 其他
-- [ ] Rating组件的readonly、onFinishRating等属性无法生效，与Android/iOS一致：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
-- [ ] AirbnbRatings组件的startImage属性无法生效，与Android/iOS一致：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
-- [ ] ButtonGroups组件的activeOpacity、button等属性无法生效，与Android/iOS一致：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
-- [ ] Dialog组件的onLongPress、onpressIn等属性无法生效，与Android/iOS一致：[issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
-- [ ] Header组件的barStyle、elevated等属性无法生效，与Android、iOS一致：[issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
-- [ ] Input组件的renderErrorMessage属性无法生效，与Android、iOS一致：[issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
-- [ ] ListItem.Swipeable组件的minSlideWidth属性无法生效，与Android、iOS一致：[issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
-- [ ] ListItem.Title组件的right属性无法生效，与Android、iOS一致：[issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
-- [ ] SearchBar组件的cancelButtonProps、showCancel等属性无法生效，与Android、iOS一致：[issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
-- [ ] SocialIcon组件的fontFamily、fontWeight等属性无法生效，与Android、iOS一致：[issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
-- [ ] SpeedDial组件的backdropPressableProps属性无法生效，与Android、iOS一致：[issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
-- [ ] Tab组件的containerStyle、dense等属性无法生效，与Android、iOS一致：[issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
-- [ ] Tab.Item组件的active、dense等属性无法生效，与Android、iOS一致：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
-- [ ] Tile组件的activeOpacity等属性无法生效，与Android、iOS一致：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
-- [ ] Tooltip组件的closeOnlyOnBackdropPress属性无法生效，与Android、iOS一致：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
+-  Rating组件的readonly、onFinishRating等属性无法生效，与Android/iOS一致：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+-  AirbnbRatings组件的startImage属性无法生效，与Android/iOS一致：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+-  ButtonGroups组件的activeOpacity、button等属性无法生效，与Android/iOS一致：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
+-  Dialog组件的onLongPress、onpressIn等属性无法生效，与Android/iOS一致：[issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
+-  Header组件的barStyle、elevated等属性无法生效，与Android、iOS一致：[issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
+-  Input组件的renderErrorMessage属性无法生效，与Android、iOS一致：[issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
+-  ListItem.Swipeable组件的minSlideWidth属性无法生效，与Android、iOS一致：[issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
+-  ListItem.Title组件的right属性无法生效，与Android、iOS一致：[issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
+-  SearchBar组件的cancelButtonProps、showCancel等属性无法生效，与Android、iOS一致：[issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
+-  SocialIcon组件的fontFamily、fontWeight等属性无法生效，与Android、iOS一致：[issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
+-  SpeedDial组件的backdropPressableProps属性无法生效，与Android、iOS一致：[issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
+-  Tab组件的containerStyle、dense等属性无法生效，与Android、iOS一致：[issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
+-  Tab.Item组件的active、dense等属性无法生效，与Android、iOS一致：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
+-  Tile组件的activeOpacity等属性无法生效，与Android、iOS一致：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
+-  Tooltip组件的closeOnlyOnBackdropPress属性无法生效，与Android、iOS一致：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
 
 ## 开源协议
 

From eaabf8c0faffeb6892984c31ad7856fe79c4482a Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Fri, 18 Oct 2024 08:32:31 +0000
Subject: [PATCH 728/966] =?UTF-8?q?!1734=20docs:=20[Issues:#IAY2G6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAY?=
 =?UTF-8?q?2G6]=20=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAY?=
 =?UTF-8?q?2G6]=20=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-header-scroll-view.md    | 14 +++++++-------
 zh-cn/react-native-image-header-scroll-view.md |  8 ++++----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/en/react-native-image-header-scroll-view.md b/en/react-native-image-header-scroll-view.md
index 3619fae8..803fa7d1 100644
--- a/en/react-native-image-header-scroll-view.md
+++ b/en/react-native-image-header-scroll-view.md
@@ -1,10 +1,10 @@
-> 模板版本：v0.2.2
+> Template version：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-header-scroll-view</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/meliorence/react-native-render-html">
+    <a href="https://github.com/bamlab/react-native-image-header-scroll-view">
         <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE">
@@ -17,7 +17,7 @@
 
 
 > [!TIP] [Github address](https://github.com/bamlab/react-native-image-header-scroll-view)
-> Due to an issue in v1.0.0 where the TriggeringView component callback cannot be triggered, the following verification is based on v0.10.3 version
+> 因 v1.0.0 中存在无法触发 TriggeringView 组件回调的问题，以下基于 v0.10.3 版本验证
 
 ## Installation and Usage
 
@@ -173,7 +173,7 @@ function HeaderImageExample () {
           fadeOutForeground={true} 
           foregroundParallaxRatio={1}
           overlayColor={'blue'} 
-          renderHeader={() => <Image source={'Please enter the local image path'} style={styles.image} />} 
+          renderHeader={() => <Image source={'请输入本地图片路径'} style={styles.image} />} 
           renderFixedForeground={() => (
             <Animated.View
                     style={[styles.navTitleView,{ opacity: fadeAnim}]}  >
@@ -289,11 +289,11 @@ This document is verified based on the following versions：
 | `onTouchBottom`           | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
 
 ## Known Issues
+- [ ] disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 在harmony上无此效果 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/76 )
 
-- disableHeaderGrow property on iOS allows for the control of dropdown zooming in on the background image, but it does not have this effect on Harmony [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/76 )
 ## Others
-- [ ] The foregroundExtrapolar property cannot take effect, consistent with Android and iOS：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
-- [ ] The ScrollViewComponent property cannot be scrolled, consistent with Android and iOS：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。
+-  foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
+-  ScrollViewComponent属性无法滚动，与Android、iOS一致：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。
 
 
 
diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index 3a915572..7d464692 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -4,7 +4,7 @@
   <h1 align="center"> <code>react-native-image-header-scroll-view</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/meliorence/react-native-render-html">
+    <a href="https://github.com/bamlab/react-native-image-header-scroll-view">
         <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE">
@@ -289,10 +289,10 @@ export default HeaderImageExample;
 | `onTouchBottom`           | Called when the component is not displayed any more after scroll up   (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
 
 ## 遗留问题
-- disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 在harmony上无此效果 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/76 )
+- [ ] disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 在harmony上无此效果 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/76 )
 ## 其他
-- [ ] foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
-- [ ] ScrollViewComponent属性无法滚动，与Android、iOS一致：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。
+-  foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
+-  ScrollViewComponent属性无法滚动，与Android、iOS一致：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。
 
 
 ## 开源协议

From 91db1a7d00cf488d8ad111b139c2f20d352c90c2 Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Fri, 18 Oct 2024 10:14:23 +0000
Subject: [PATCH 729/966] =?UTF-8?q?!1735=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?file-access=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3,=E8=A1=A5?=
 =?UTF-8?q?=E5=85=85=E9=81=97=E7=95=99=E9=97=AE=E9=A2=98=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=20*=20docs:=20[Issues:#IAY3BS]=20=E4=BF=AE=E6=94=B9react-nativ?=
 =?UTF-8?q?e-file-access=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3,=E8=A1=A5?=
 =?UTF-8?q?=E5=85=85=E9=81=97=E7=95=99=E9=97=AE=E9=A2=98=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-file-access.md    | 2 ++
 zh-cn/react-native-file-access.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/en/react-native-file-access.md b/en/react-native-file-access.md
index 966fda52..4d29e0dd 100644
--- a/en/react-native-file-access.md
+++ b/en/react-native-file-access.md
@@ -443,6 +443,8 @@ ohpm install
 
 ## 遗留问题
 
+- [ ] getAppGroupDir method (Get application directory permissions, iOS, Mac iOS only) This is a dependency problem. Currently, the Harmony side does not provide support. [issue#4](https://github.com/react-native-oh-library/react-native-file-access/issues/4)
+
 ## 其他
 
 ## 开源协议
diff --git a/zh-cn/react-native-file-access.md b/zh-cn/react-native-file-access.md
index 8deeb942..d4ff30f6 100644
--- a/zh-cn/react-native-file-access.md
+++ b/zh-cn/react-native-file-access.md
@@ -443,6 +443,8 @@ ohpm install
 
 ## 遗留问题
 
+- [ ] getAppGroupDir方法（获取应用程序目录权限,仅iOS、Mac iOS）依赖问题，目前Harmony侧未提供支持 [issue#4](https://github.com/react-native-oh-library/react-native-file-access/issues/4)
+
 ## 其他
 
 ## 开源协议

From dea065a2cb8a77d9aa70a9de188a4d6adb17e2a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=A5=8E=E6=9C=AA?= <394138184@qq.com>
Date: Sat, 19 Oct 2024 01:37:08 +0000
Subject: [PATCH 730/966] =?UTF-8?q?!1724=20docs:=20[Issues:=20#IAVPCB]=20?=
 =?UTF-8?q?=E5=B0=86EN=E7=9B=AE=E5=BD=95=E4=B8=8B=E7=9A=84=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=BD=AC=E4=B8=BA?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=20*=20docs:=20[Issues:=20#IAWHFK]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20react-native-sensors.md=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]?=
 =?UTF-8?q?=20=E7=BF=BB=E8=AF=91=20react-native-image-sequence-2.md=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAWHFK]=20=E7=BF=BB=E8=AF=91=20mobx-react.md=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]?=
 =?UTF-8?q?=20=E7=BF=BB=E8=AF=91=20redux-toolkit.md=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20react-native-sensors.md=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]?=
 =?UTF-8?q?=20=E7=BF=BB=E8=AF=91=20react-native-image-sequence-2.md=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAWHFK]=20=E7=BF=BB=E8=AF=91=20react-native-image-editor.md=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAWHFK]=20=E7=BF=BB=E8=AF=91=20react-native-audio.md=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAWHFK]=20=E7=BF=BB=E8=AF=91=20Moment.md=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20mobx.md=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=20mobx-react.md=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=20lodash.md=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20?=
 =?UTF-8?q?*=20docs:=20[Issues:=20#IAWHFK]=20=E7=BF=BB=E8=AF=91=20JsBarCod?=
 =?UTF-8?q?e.md=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issu?=
 =?UTF-8?q?es:=20#IAWHFK]=20=E7=BF=BB=E8=AF=91=20crypto-js.md=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]?=
 =?UTF-8?q?=20=E7=BF=BB=E8=AF=91=20axios.md=20=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAWHFK]=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=20immer.md=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/Immer.md                         |  25 ++++---
 en/axios.md                         |  25 ++++---
 en/crypto-js.md                     |  25 ++++---
 en/jsbarcode.md                     |  33 +++++----
 en/lodash.md                        |  25 ++++---
 en/mobx-react.md                    |  36 +++++-----
 en/mobx.md                          |  37 +++++-----
 en/moment.md                        |  27 ++++---
 en/react-native-audio.md            |  82 +++++++++++----------
 en/react-native-image-editor.md     |  86 +++++++++++-----------
 en/react-native-image-sequence-2.md | 108 ++++++++++++++--------------
 en/react-native-sensors.md          | 104 +++++++++++++--------------
 en/redux-toolkit.md                 |  44 ++++++------
 13 files changed, 323 insertions(+), 334 deletions(-)

diff --git a/en/Immer.md b/en/Immer.md
index 8cda5ad2..0450f3d9 100644
--- a/en/Immer.md
+++ b/en/Immer.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.1
+Template version: v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>immer</code> </h1>
@@ -16,9 +16,9 @@
 
 > [!TIP] [Github 地址](https://github.com/immerjs/immer)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -37,7 +37,7 @@ yarn add immer@10.0.4
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, {useState, useEffect, Component} from 'react';
@@ -771,18 +771,17 @@ export default MyComponent;
 
 ```
 
-## 兼容性
+## Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > | Name                      | Description                                                                                                                                               | Required | Type | Platform    | HarmonyOS Support |
 > | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- | ----------------- |
@@ -810,12 +809,12 @@ export default MyComponent;
 > | setAutoFreeze           | Enable/disable recursive automatic freezing. Default enabled                                                                                                                         | NO       | Function | Android IOS | YES               |
 > | setUseStrictShallowCopy | Can be used to enable strict shallow copying, if enabled, the importer will replicate as many non enumerable attributes as possible                                                                                         | NO       | Function | Android IOS | YES               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/immerjs/immer/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/immerjs/immer/blob/main/LICENSE), Please enjoy and participate freely in open source.
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/axios.md b/en/axios.md
index b302a4a3..19f1a492 100644
--- a/en/axios.md
+++ b/en/axios.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.1.3
+> Template version: v0.1.3
 
 <p align="center">
   <h1 align="center"> <code>axios</code> </h1>
@@ -11,7 +11,7 @@
 
 > [!tip] [Github 地址](https://github.com/axios/axios)
 
-## 安装与使用
+## Installation and Usage
 
 #### **npm**
 
@@ -47,9 +47,9 @@ console.log(axios.isCancel("something"));
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import axios from "axios";
@@ -98,20 +98,19 @@ async function getUser() {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+## Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                               | Description                |   Type   | Required | HarmonyOS Support |
 | :--------------------------------- | -------------------------- | :------: | :------: | :---------------: |
@@ -147,8 +146,8 @@ async function getUser() {
 | AbortController                    | 中止控制器                 | function |    /     |        yes        |
 | CancelToken                        | 取消令牌                   | function |    /     |        yes        |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under  [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE), Please enjoy and participate freely in open source.
diff --git a/en/crypto-js.md b/en/crypto-js.md
index 02d5af5a..546c9321 100644
--- a/en/crypto-js.md
+++ b/en/crypto-js.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.1.3
 
 <p align="center">
   <h1 align="center"> <code>crypto-js</code> </h1>
@@ -10,11 +10,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/brix/crypto-js/tree/4.2.0)
+> [!tip] [Github address](https://github.com/brix/crypto-js/tree/4.2.0)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,7 +34,7 @@ yarn add @types/crypto-js@^4.2.1
 
 <!-- tabs:end -->
 
-快速使用：
+Quick use:
 
 ```typescript
 import React, { useState } from 'react';
@@ -110,17 +110,16 @@ function CryptoJSDemo() {
 export default CryptoJSDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-#### 兼容性
+#### Compatibility
 
 在下述版本验证通过：
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## API列表
+## API List
 
 **以下 `C` 均为crypto-js导出的对象，即：**
 
@@ -616,12 +615,12 @@ import C from "crypto-js";
 | C.enc.Base64url.stringify | 将字节数组转换为Base64url格式字符串。 | function | no       | yes               |
 | C.enc.Base64url.parse     | 将Base64url格式字符串转换为字节数组。 | function | no       | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/brix/crypto-js/blob/4.2.0/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/brix/crypto-js/blob/4.2.0/LICENSE), Please enjoy and participate freely in open source.
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/jsbarcode.md b/en/jsbarcode.md
index 0ea50a1e..372b4e26 100644
--- a/en/jsbarcode.md
+++ b/en/jsbarcode.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>JsBarCode</code> </h1>
@@ -10,11 +10,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/lindell/JsBarcode)
+> [!tip] [Github address](https://github.com/lindell/JsBarcode)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -32,15 +32,15 @@ yarn add jsbarcode@3.11.6
 
 <!-- tabs:end -->
 
-快速使用：
+quick-access：
 
 ```bash
 import JsBarCode from 'jsbarcode';
 ```
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-下面的代码展示了这个库的基本使用示例：
+The following code shows the basic use scenario of the repository:
 
 ### **With svg:**
 
@@ -190,7 +190,7 @@ var canvas = createCanvas();
 JsBarcode(canvas, "Hello");
 ```
 
-如下是Options使用示例展示:
+Here is an example of using Options:
 
 ```js
 // format
@@ -279,18 +279,17 @@ JsBarcode("#barcode", "29012343", {
   flat: true,
 });
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## **All Options**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name         | Description       | Type               | Required | HarmonyOS Support | Remark                                                                |
 | ------------ | ----------------- | ------------------ | -------- | ----------------- | --------------------------------------------------------------------- |
@@ -315,14 +314,14 @@ JsBarcode("#barcode", "29012343", {
 | flat         | false             | Boolean            | no       | yes               | 仅支持format：EAN8/EAN13                                              |
 | valid        | function(valid){} | Function           | no       | yes               |                                                                       |
 
-## 遗留问题
+## Known Issues
 
 jsbarcode库依赖react-native-svg库进行条形码展示, 因svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化，目前在HarmonyOS上条形码的文本位置效果不对，fontSize显示比较小。
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/lindell/JsBarcode/blob/master/MIT-LICENSE.txt) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/lindell/JsBarcode/blob/master/MIT-LICENSE.txt), Please enjoy and participate freely in open source.
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/lodash.md b/en/lodash.md
index 1a93dd25..cb5c06d9 100644
--- a/en/lodash.md
+++ b/en/lodash.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.1.3
 
 <p align="center">
   <h1 align="center"> <code>lodash</code> </h1>
@@ -12,7 +12,7 @@
 
 > [!tip] [Github 地址](https://github.com/lodash/lodash/tree/4.17.21)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -30,7 +30,7 @@ yarn add lodash@4.17.21
 
 <!-- tabs:end -->
 
-直接使用：
+direct use：
 
 ```js
 import React, { useState } from 'react';
@@ -74,19 +74,18 @@ const LodashDemo = () => {
 export default LodashDemo;
 ```
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+Verified in the following version:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 静态方法
+## static method
 
-详情查看[lodash 官方文档](https://lodash.com/docs/4.17.15)
+View details[lodash Official document](https://lodash.com/docs/4.17.15)
 
-如下是已验证接口展示:
+The following is a display of validated interfaces:
 
 #### **Collection**
 
@@ -186,12 +185,12 @@ export default LodashDemo;
 | ----- | ----------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
 | chain | Creates a lodash wrapper instance that wraps value with explicit method chain sequences enabled | function | NO       | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/lodash/lodash/blob/4.17.21/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/lodash/lodash/blob/4.17.21/LICENSE) ，Please enjoy and participate freely in open source.
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/mobx-react.md b/en/mobx-react.md
index 19bea709..defa089c 100644
--- a/en/mobx-react.md
+++ b/en/mobx-react.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.1.3
 
 <p align="center">
   <h1 align="center"> <code>mobx-react</code> </h1>
@@ -12,9 +12,9 @@
 
 > [!tip] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -32,7 +32,7 @@ yarn add mobx-react@7.6.0
 
 <!-- tabs:end -->
 
-快速使用：
+Quick use:
 
 ```js
 module.exports = {
@@ -44,7 +44,7 @@ module.exports = {
 };
 ```
 
-安装babel相关依赖:
+Install Babel related dependencies:
 
 ```bash
 npm install @babel/core
@@ -54,7 +54,7 @@ npm install @babel/plugin-proposal-decorators --save-dev
 npm install @babel/plugin-transform-class-properties --save-dev
 ```
 
-下面的代码展示了这个库的基本使用场景：
+mobx-react is used as an example.
 
 ```js
 import React from 'react';
@@ -84,7 +84,7 @@ class CounterStore {
 
 const counterStore = new CounterStore();
 
-// Counter 组件，使用 @inject 和 @observer 进行连接
+// Counter component, connect using @inject and @observer
 @inject('counterStore')
 @observer
 class Counter extends React.Component {
@@ -126,23 +126,22 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+The following is a display of validated interfaces:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## attribute
 
-详情查看[mobx-react官方文档](https://github.com/mobxjs/mobx-react)
+View details[Official documentation of mobx-react](https://github.com/mobxjs/mobx-react)
 
-如下是已验证接口展示:
+The following is a display of validated interfaces:
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                                                                                                | Type     | Required | HarmonyOS Support |
 | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -150,10 +149,11 @@ export default App;
 | Provider | is a component that can pass stores (or other stuff) using React's context mechanism to child components                                                   | function | no       | yes               |
 | inject   | can be used to pick up those stores. It is a higher order component that takes a list of strings and makes those stores available to the wrapped component | function | no       | yes               |
 
-## 其他
+## Others
 
-## 开源协议
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx-react%407.6.0/LICENSE), Please enjoy and participate freely in open source.
 
-本项目基于 [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx-react%407.6.0/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/mobx.md b/en/mobx.md
index b375d92a..f586bcb4 100644
--- a/en/mobx.md
+++ b/en/mobx.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> Template version: v0.1.3
 
 <p align="center">
   <h1 align="center"> <code>mobx</code> </h1>
@@ -12,9 +12,9 @@
 
 > [!tip] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx%406.10.0)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -32,7 +32,7 @@ yarn add mobx@6.10.0
 
 <!-- tabs:end -->
 
-快速使用：
+Quick use:
 
 ```js
 module.exports = {
@@ -44,7 +44,7 @@ module.exports = {
 };
 ```
 
-安装babel相关依赖:
+Install Babel related dependencies:
 
 ```bash
 npm install @babel/core
@@ -54,7 +54,7 @@ npm install @babel/plugin-proposal-decorators --save-dev
 npm install @babel/plugin-transform-class-properties --save-dev
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React from 'react';
@@ -78,10 +78,10 @@ class CounterStore {
   }
 }
 
-// 创建一个store的实例
+// Create an instance of a store
 const counterStore = new CounterStore();
 
-// 使用observer包裹组件，监听状态变化
+// Use observer to package components and listen for status changes
 const Counter = observer(() => {
   return (
     <View style={styles.container}>
@@ -116,23 +116,22 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+Verified in the following version:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## attribute
 
-详情查看[mobx官方文档](https://mobx.js.org/api.html)
+View details[MOBX official documentation](https://mobx.js.org/api.html)
 
-如下是已验证接口展示:
+The following is a display of validated interfaces:
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### **Creating observables**
 
@@ -189,10 +188,10 @@ export default App;
 | ---- | ---------------------------------------------------------------- | -------- | -------- | ----------------- |
 | toJS | Recursively converts an observable object to a JavaScript object | function | no       | yes               |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx%406.10.0/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under  [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx%406.10.0/LICENSE), Please enjoy and participate freely in open source.
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/moment.md b/en/moment.md
index d76dcfd8..f59da2a8 100644
--- a/en/moment.md
+++ b/en/moment.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>Moment</code> </h1>
@@ -10,11 +10,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/moment/moment)
+> [!tip] [Github address](https://github.com/moment/moment)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -32,29 +32,28 @@ yarn add moment@2.30.1
 
 <!-- tabs:end -->
 
-快速使用：
+quick use：
 
 ```bash
 import moment from 'moment';
 moment().format();
 ```
 
-设定moment区域：
+Set the moment area:
 
 ```bash
-// import 方式
+// Import method
 import 'moment/locale/zh-cn';
 moment.locale('zh-cn');
 ```
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+## Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
@@ -66,7 +65,7 @@ moment.locale('zh-cn');
 import moment from 'moment';
 ```
 
-下面的代码展示了这个库的基本使用示例：
+The following code shows the basic use scenario of the repository:
 
 ```js
 // 获取今天0时0分0秒
@@ -257,8 +256,8 @@ moment().format("hh:mm:ss a");
 | ss           | 有前导零的描述             | 01到59                     |
 | X            | Unix时间戳                 | 1411572969                 |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-audio.md b/en/react-native-audio.md
index 1bf3918e..ae46a476 100644
--- a/en/react-native-audio.md
+++ b/en/react-native-audio.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-audio</code> </h1>
@@ -14,16 +14,16 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-audio/)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-audio/)
 
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-audio@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { AudioRecorder, AudioUtils } from "@react-native-oh-tpl/react-native-audio";
@@ -100,17 +100,17 @@ AudioRecorder.onFinished = (data) => {
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -121,18 +121,15 @@ AudioRecorder.onFinished = (data) => {
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -141,23 +138,24 @@ AudioRecorder.onFinished = (data) => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
+### 3. Introducing AudioPackage Component to ArkTS
 
-### 3.在 ArkTs 侧引入 AudioPackage
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -171,34 +169,34 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases)
+Check the release version information in the release address of the third-party library: [react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip]  The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -210,10 +208,10 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 | resumeRecording  | Resume recording  | function  | no | Android/IOS | yes |
 | stopRecording  | stop recording   | function  | no | Android/IOS | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
-### 不同系统支持的编码格式
+## Others
+### Encoding formats supported by different systems
 
 Encodings supported on iOS: lpcm, ima4, aac, MAC3, MAC6, ulaw, alaw, mp1, mp2, alac, amr.
 
@@ -223,7 +221,7 @@ Encodings supported on Harmony: aac.
 
 AudioQuality、MeteringEnabled、MeasurementMode is only for ios now.
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE), Please enjoy and participate freely in open source.
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-editor.md b/en/react-native-image-editor.md
index 9e78f22e..09103c18 100644
--- a/en/react-native-image-editor.md
+++ b/en/react-native-image-editor.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：V0.2.2
+> Template version: V0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/image-editor</code> </h1>
@@ -14,11 +14,11 @@
     </a>
 </p>
 
-> [Github 地址](https://github.com/react-native-oh-library/react-native-image-editor)
+> [Github address](https://github.com/react-native-oh-library/react-native-image-editor)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases).
 
 #### **npm**
 
@@ -32,9 +32,9 @@ npm install @react-native-oh-tpl/image-editor@file:#
 yarn add @react-native-oh-tpl/image-editor@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+@react-native-community/image-editor is used as an example.
 
-> [!TIP] 使用时 import 的库名不变。
+> [!TIP] The library name imported during use remains unchanged.
 
 ```js
 import React, { Component } from "react";
@@ -153,11 +153,11 @@ export default class ImageEditor extends Component<Props, State> {
               />
             </ScrollView>
           ) : (
-            <Text>未生成图片</Text>
+            <Text>No image generated</Text>
           )}
           <View style={styles.button}>
             <Text>{croppedImageURI}</Text>
-            <Button title="确定" onPress={() => this._crop()} />
+            <Button title="OK" onPress={() => this._crop()} />
           </View>
         </ScrollView>
       </KeyboardAvoidingView>
@@ -181,17 +181,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -202,18 +202,16 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -222,22 +220,23 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 ImageEditorPackage
+### 3.Introducing ImageEditorPackage Component to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -251,42 +250,43 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip]  If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Type    | Description                                                  | Platform    | HarmonyOS Support |
 | --------- | -------- | ------------------------------------------------------------ | ----------- | ----------------- |
 | cropImage | function | Crop the image specified by the URI param. If URI points to a remote image, it will be downloaded automatically. If the image cannot be loaded/downloaded, the promise will be rejected.<br/><br/>If the cropping process is successful, the resultant cropped image will be stored in the cache path, and the CropResult returned in the promise will point to the image in the cache path. ⚠️ Remember to delete the cropped image from the cache path when you are done with it. | ios/Android | yes               |
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **cropData**
 
@@ -299,11 +299,11 @@ ohpm install
 | `quality`     | 0.0 - 1.0                         | number | A value in range `0.0` - `1.0` specifying compression level of the result image. `1` means no compression (highest quality) and `0` the highest compression (lowest quality)<br/>**Default value**: `0.9` | no       | All      | yes               |
 | `format`      | 'jpeg' \| 'png' \| 'webp'         | string | The format of the resulting image.<br/>**Default value**: based on the provided image;<br/>if value determination is not possible, `'jpeg'` will be used as a fallback.                                   | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under  [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE), Please enjoy and participate freely in open source.
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-sequence-2.md b/en/react-native-image-sequence-2.md
index 3115b5b0..b2bca419 100644
--- a/en/react-native-image-sequence-2.md
+++ b/en/react-native-image-sequence-2.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-sequence</code> </h1>
@@ -13,15 +13,15 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-sequence)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-image-sequence)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-image-sequence-2@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 TestDemo.tsx
 
@@ -78,7 +78,7 @@ const ImageSequenceDemo = (props: any) => {
   const [downsampleWidth, setDownSampleWidth] = useState(-1);
   const [downsampleHeight, setDownSampleHeight] = useState(-1);
 
-  // 设置采样宽度
+  // Set Sampling Width
   const inputSampleWidth = (value: string) => {
     if (isNaN(Number(value))) {
       return;
@@ -86,7 +86,7 @@ const ImageSequenceDemo = (props: any) => {
     setDownSampleWidth(Number(value));
   };
 
-  // 设置采样高度
+  // Set Sampling Height
   const inputSampleHeight = (value: string) => {
     if (isNaN(Number(value))) {
       return;
@@ -94,7 +94,7 @@ const ImageSequenceDemo = (props: any) => {
     setDownSampleHeight(Number(value));
   };
 
-  // 设置起始位置
+  // Set Starting Position
   const [startFrameIndex, setFrameIndex] = useState(0);
   const inputStartFrameIndex = (value: string) => {
     if (isNaN(Number(value))) {
@@ -107,7 +107,7 @@ const ImageSequenceDemo = (props: any) => {
     setFrameIndex(_value);
   };
 
-  // 设置速率
+  // Set Rate
   const [framesPerSecond, setFramesPerSecond] = useState(24);
   const inputFramesPerSecond = (value: string) => {
     if (isNaN(Number(value))) {
@@ -146,10 +146,10 @@ const ImageSequenceDemo = (props: any) => {
             Current view size:width: {winWidth}, height:{winHeight}
           </Text>
           <Text>
-            开启循环：<Switch onValueChange={(value) => setLoopData(value)}></Switch>
+            Activate Loop:<Switch onValueChange={(value) => setLoopData(value)}></Switch>
           </Text>
           <View>
-            <Text>图片宽度/高度：</Text>
+            <Text>Image Width/Height:</Text>
             <View style={styles.box}>
               <TextInput
                 style={[styles.input, styles.input1]}
@@ -165,14 +165,14 @@ const ImageSequenceDemo = (props: any) => {
               />
             </View>
           </View>
-          <Text>开始位置：</Text>
+          <Text>Initial Position:</Text>
           <TextInput
             style={styles.input}
             onChangeText={(value) => inputStartFrameIndex(value)}
             defaultValue="0"
             keyboardType="numeric"
           />
-          <Text>播放速度：</Text>
+          <Text>Playback Speed:</Text>
           <TextInput
             style={styles.input}
             onChangeText={(value) => inputFramesPerSecond(value)}
@@ -180,7 +180,7 @@ const ImageSequenceDemo = (props: any) => {
             keyboardType="numeric"
           />
           <View>
-             <Text>采样宽度/高度：</Text>
+             <Text>Sampling Width/Height:</Text>
              <View style={styles.box}>
                 <TextInput style={[styles.input, styles.input1]} onChangeText={value => inputSampleWidth(value)} defaultValue='-1' keyboardType='default' />
                  <TextInput style={[styles.input, styles.input1]} onChangeText={value => inputSampleHeight(value)} defaultValue='-1' keyboardType='default' />
@@ -188,9 +188,9 @@ const ImageSequenceDemo = (props: any) => {
            </View>
         </View>
         {!isShow ? (
-          <Button title="显示" onPress={() => buttonIsShow()} />
+          <Button title="display" onPress={() => buttonIsShow()} />
         ) : (
-          <Button title="返回" onPress={() => buttonIsShow()} />
+          <Button title="return" onPress={() => buttonIsShow()} />
         )}
         {isShow ? (
           <TestDemo2
@@ -281,12 +281,11 @@ export default TestDemo2
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 ```json
 {
   ...
@@ -296,18 +295,16 @@ export default TestDemo2
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -316,22 +313,23 @@ export default TestDemo2
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
+
+> [!TIP]For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+### 3. Introducing RNImageSequence Component to ArkTS
 
-### 3.在 ArkTs 侧引入  RNImageSequence组件
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+(If the code of the repository is written through CAPI, delete this section.)<br>Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -357,9 +355,10 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-### 4.在 ArkTs 侧引入 ImageSequencePackage
+### 4. Introducing ImageSequencePackage Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts`，file and add the following code:
 
 ```diff
   ...
@@ -373,36 +372,37 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases)
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
 | ---------------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
@@ -413,10 +413,10 @@ ohpm install
 | downsampleWidth  | The width to use for optional downsampling. Both `downsampleWidth` and `downsampleHeight` must be set to a positive number to enable downsampling. Default: -1 | number  | No       | All      | Yes               |
 | downsampleHeight | The height to use for optional downsampling. Both `downsampleWidth` and `downsampleHeight` must be set to a positive number to enable downsampling. Default: -1 | number  | No       | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE), Please enjoy and participate freely in open source.
diff --git a/en/react-native-sensors.md b/en/react-native-sensors.md
index cff9a825..5ab68383 100644
--- a/en/react-native-sensors.md
+++ b/en/react-native-sensors.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sensors</code> </h1>
@@ -13,15 +13,16 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sensors)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-sensors)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases).
 
-进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-sensors@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+react-native-sensors is used as an example.
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import {
@@ -54,32 +55,32 @@ import {
   gravity,
 } from "react-native-sensors";
 
-//accelerometer  加速度计 accelerometer: Observable<{x: number, y: number, z: number, timestamp: string}>
+//accelerometer  accelerometer: Observable<{x: number, y: number, z: number, timestamp: string}>
 accelerometer.subscribe(({ x, y, z, timestamp }) =>
   console.log("accelerometer", { x, y, z, timestamp })
 );
 
-//gyroscope  陀螺仪 gyroscope: Observable<{x: number, y: number, z: number, timestamp: string}>
+//gyroscope  gyroscope: Observable<{x: number, y: number, z: number, timestamp: string}>
 gyroscope
   .pipe(filter((speed) => speed.x > 1))
   .subscribe(({ x, y, z, timestamp }) =>
     console.log("gyroscope", { x, y, z, timestamp })
   );
 
-//magnetometer 磁力计 magnetometer: Observable<{x: number, y: number, z: number, timestamp: string}>
+//magnetometer magnetometer: Observable<{x: number, y: number, z: number, timestamp: string}>
 magnetometer.subscribe(({ x, y, z, timestamp }) =>
   console.log("magnetometer", { x, y, z, timestamp })
 );
 
-//barometer 气压计 barometer: Observable<{pressure: number}>
+//barometer barometer: Observable<{pressure: number}>
 barometer.subscribe(({ pressure }) => console.log("barometer", { pressure }));
 
-//orientation 方向 orientation: Observable<{x: number, y: number, z: number, timestamp: string}>
+//orientation orientation: Observable<{x: number, y: number, z: number, timestamp: string}>
 orientation.subscribe(({ x, y, z, timestamp }) =>
   console.log("orientation", { x, y, z, timestamp })
 );
 
-//gravity 重力 gravity: Observable<{x: number, y: number, z: number, timestamp: string}>
+//gravity gravity: Observable<{x: number, y: number, z: number, timestamp: string}>
 gravity.subscribe(({ x, y, z, timestamp }) =>
   console.log("gravity", { x, y, z, timestamp })
 );
@@ -87,17 +88,17 @@ gravity.subscribe(({ x, y, z, timestamp }) =>
 setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -108,18 +109,15 @@ setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -128,22 +126,23 @@ setUpdateIntervalForType(SensorTypes.accelerometer, 100);
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 SensorsPackage
+### 3. Introducing SensorsPackage Component to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -157,44 +156,45 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases)
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-### 权限要求
+### Permission Requirements (If Any)
 
-在 module.json5 中配置所需要的权限
+Configure the required permissions in module. json 5
 
-accelerometer 需要的权限：ohos.permission.ACCELEROMETER
+accelerometer Required permissions: ohos.permission.ACCELEROMETER
 
-gyroscope 需要的权限：ohos.permission.GYROSCOPE
+gyroscope Required permissions: ohos.permission.GYROSCOPE
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                     | Description  | Type       | Required | Platform    | HarmonyOS Support |
 | ------------------------ | ------------ | ---------- | -------- | ----------- | ----------------- |
@@ -207,12 +207,12 @@ gyroscope 需要的权限：ohos.permission.GYROSCOPE
 | setUpdateIntervalForType | setUpdateIntervalForType     | function   | no       | ios/Android | yes               |
 | setLogLevelForType       | setLogLevelForType | function   | no       | ios/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE), Please enjoy and participate freely in open source.
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-toolkit.md b/en/redux-toolkit.md
index 3bfe0330..ac96e828 100644
--- a/en/redux-toolkit.md
+++ b/en/redux-toolkit.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-toolkit</code> </h1>
@@ -13,14 +13,13 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/reduxjs/redux-toolkit)
+> [!tip] [Github address](https://github.com/reduxjs/redux-toolkit)
 
-## 安装与使用
+## Installation and Usage
 
-> [!tip] 该库依赖react-redux，可参考[react-redux文档](./react-redux.md)安装
+> [!tip] This library depends on react-redux，Can be referred to[react-redux documentation](./react-redux.md)install
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[redux-toolkit Releases](https://github.com/reduxjs/redux-toolkit/releases)，并下载适用版本的 tgz 包。
-进入到工程目录并输入以下命令：
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [redux-toolkit Releases](redux-toolkit Releases](https://github.com/reduxjs/redux-toolkit/releases).
 
 <!-- tabs:start -->
 
@@ -38,9 +37,9 @@ yarn add @reduxjs/toolkit@2.2.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-1.在index.js入口文件引入provider组件，并添加sotre属性
+1.Introduce the provider component into the index.js entry file and add the sotre attribute
 
 ```js
 // index.js
@@ -59,7 +58,7 @@ ReactDOM.render(
 );
 ```
 
-2.创建一个createSlice切片，并将reducer属性导出：
+2.Create a created Slice slice and export the reducer attribute:
 
 ```js
 // features/counter/counterSlice.js
@@ -95,7 +94,7 @@ export const { increment, decrement, incrementByAmount } = counterSlice.actions
 export default counterSlice.reducer
 ```
 
-3.创建store.js使用configureStore引入上面导出的reducer
+3.Create store.js and use configurationStore to import the reducer exported above
 
 ```js
 // app/store.js
@@ -113,7 +112,7 @@ export type RootState = ReturnType<typeof store.getState>
 export type AppDispatch = typeof store.dispatch
 ```
 
-4.编写conter组件实现简单的增加减少计数
+4.Write a conter component to implement simple counting increases and decreases
 
 ```js
 // features/counter/Counter.js
@@ -148,22 +147,21 @@ export function Counter() {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 方法和属性
+## Properties And Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 >
-> 详情见 [redux-toolkit 源库地址](https://github.com/reduxjs/redux-toolkit)
+> See details [redux-toolkit Source library address](https://github.com/reduxjs/redux-toolkit)
 
 | Name                     | Description                                       | Type     | Required | Platform | HarmonyOS Support |
 | ------------------------ | ------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -220,12 +218,12 @@ export function Counter() {
 | nanoid              | 生成随机字符串                 | Function | yes      | All      | yes               |
 | miniSerializeError  | 打印错误信息                   | Function | yes      | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux-toolkit?tab=readme-ov-file)，请自由地享受和参与开源。
+This project is licensed under  [The MIT License (MIT)](https://github.com/reduxjs/redux-toolkit?tab=readme-ov-file), Please enjoy and participate freely in open source.
 
 <!-- {% endraw %} -->
\ No newline at end of file

From 8a2a406cc52f693f9663d61a2816b174ee614785 Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Sat, 19 Oct 2024 08:20:48 +0000
Subject: [PATCH 731/966] =?UTF-8?q?!1737=20docs:=20[#IAY8IM]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-picker=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-picker?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-picker.md    | 2 +-
 zh-cn/react-native-picker.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-picker.md b/en/react-native-picker.md
index 0e82c915..0a86b6b1 100644
--- a/en/react-native-picker.md
+++ b/en/react-native-picker.md
@@ -226,7 +226,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
   ...
-+ import { PickerViewPackage } from "@react-native-oh-tpl/react-native-picker"
++ import { PickerViewPackage } from "@react-native-oh-tpl/react-native-picker/ts"
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
diff --git a/zh-cn/react-native-picker.md b/zh-cn/react-native-picker.md
index 0e82c915..0a86b6b1 100644
--- a/zh-cn/react-native-picker.md
+++ b/zh-cn/react-native-picker.md
@@ -226,7 +226,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
   ...
-+ import { PickerViewPackage } from "@react-native-oh-tpl/react-native-picker"
++ import { PickerViewPackage } from "@react-native-oh-tpl/react-native-picker/ts"
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [

From c07a4b8086e661f0f1e28018141c01ffd6d8036f Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Mon, 21 Oct 2024 03:25:46 +0000
Subject: [PATCH 732/966] =?UTF-8?q?!1711=20=E6=89=B9=E9=87=8F=E8=A1=A5?=
 =?UTF-8?q?=E5=85=85js=E5=85=BC=E5=AE=B9=E6=80=A7=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=E4=BB=A5=E5=8F=8A=E5=9B=BD=E9=99=85=E5=8C=96=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E7=9A=84js=E5=85=BC=E5=AE=B9=E6=80=A7=E8=AF=B4=E6=98=8E=20*=20?=
 =?UTF-8?q?docs:=20[Issue:=20#IAXQWS]waterflow-list=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E5=A2=9E=E5=8A=A0=E5=85=B6=E5=85=BC=E5=AE=B9=E6=80=A7?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Is?=
 =?UTF-8?q?sue:=20#IAXQWS]root-siblings=E4=B8=89=E6=96=B9=E5=BA=93?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=85=B6=E5=85=BC=E5=AE=B9=E6=80=A7=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#I?=
 =?UTF-8?q?AXQWS]flexi-radio-button=E4=B8=89=E6=96=B9=E5=BA=93=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E5=85=B6=E5=85=BC=E5=AE=B9=E6=80=A7=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IAXQWS]dro?=
 =?UTF-8?q?p-shadow=E4=B8=89=E6=96=B9=E5=BA=93=E5=A2=9E=E5=8A=A0=E5=85=B6?=
 =?UTF-8?q?=E5=85=BC=E5=AE=B9=E6=80=A7=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-drop-shadow.md           | 42 ++++++++++++------------
 en/react-native-flexi-radio-button.md    | 35 ++++++++++----------
 en/react-native-root-siblings.md         | 35 ++++++++++----------
 en/react-native-waterflow-list.md        | 42 ++++++++++++------------
 zh-cn/react-native-drop-shadow.md        |  8 ++---
 zh-cn/react-native-flexi-radio-button.md |  7 ++--
 zh-cn/react-native-root-siblings.md      |  7 ++--
 zh-cn/react-native-waterflow-list.md     |  6 ++--
 8 files changed, 89 insertions(+), 93 deletions(-)

diff --git a/en/react-native-drop-shadow.md b/en/react-native-drop-shadow.md
index f81a099b..a6038a66 100644
--- a/en/react-native-drop-shadow.md
+++ b/en/react-native-drop-shadow.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drop-shadow</code> </h1>
@@ -14,9 +13,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/hoanglam10499/react-native-drop-shadow)
+> [!TIP] [Github address](https://github.com/hoanglam10499/react-native-drop-shadow)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -34,9 +33,9 @@ yarn add react-native-drop-shadow@1.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import DropShadow from "react-native-drop-shadow";
@@ -62,7 +61,7 @@ export default function usage() {
 }
 ```
 
- 与 FlatList 一起使用
+ Usage with `FlatList`
 
 ```js
 export default function withFlatList() {
@@ -91,9 +90,9 @@ export default function withFlatList() {
 }
 ```
 
-与动画视图一起使用
+Usage with `Animated.View`
 
-要使它代替 ，您需要用来创建 的可动画版本。例如：Animated.ViewAnimated.createAnimatedComponentDropShadow。
+To make this work in place of an `Animated.View`, you need to use `Animated.createAnimatedComponent` to create an animatable version of `DropShadow`. For example: Animated.ViewAnimated.createAnimatedComponentDropShadow
 
 ```js
 const AnimatedDropShadow = Animated.createAnimatedComponent(DropShadow);
@@ -116,23 +115,25 @@ export default function withAnimatedViews() {
   );
 }
 ```
-然后，您可以使用`AnimatedDropShadow`来代替`Animated.View` 。
+You can then use `AnimatedDropShadow` in place of `Animated.View`.
 
-## 约束与限制
+## Constraints
 - Android 的位图限制为 2048x2048，但这可能取决于 API 版本。
 - 使用位图渲染来模拟阴影，如果同时渲染多个阴影和动画，则阴影可能会影响性能。
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
 
-## 属性
+react-native-harmony: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71;
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -142,11 +143,10 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 | shadowOpacity  | 设置阴影的不透明度，取值范围为0到1之间，0表示完全透明，1表示完全不透明  | number  | no | Android/IOS  | yes |
 | shadowRadius  | 设置阴影的模糊半径，用于控制阴影的模糊程度  | number  | no | Android/IOS  | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/hoanglam10499/react-native-drop-shadow/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/hoanglam10499/react-native-drop-shadow/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-flexi-radio-button.md b/en/react-native-flexi-radio-button.md
index ae616d43..c61b2651 100644
--- a/en/react-native-flexi-radio-button.md
+++ b/en/react-native-flexi-radio-button.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-flexi-radio-button</code> </h1>
@@ -14,9 +13,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/thegamenicorus/react-native-flexi-radio-button)
+> [!TIP] [Github address](https://github.com/thegamenicorus/react-native-flexi-radio-button)
 
-## 安装与使用
+## Installation and Usage
 <!-- tabs:start -->
 
 #### **npm**
@@ -33,9 +32,9 @@ yarn add react-native-flexi-radio-button@0.2.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ### Basic Example
 [see full basic example](https://github.com/thegamenicorus/react-native-flexi-radio-button/blob/master/examples/BasicExample/app.js)
@@ -133,19 +132,21 @@ modify in render()
 </RadioGroup>
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
 
-## 属性
+react-native-harmony: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71;
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ##### Radio Group:
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -168,12 +169,10 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 | color  | 按钮颜色  | string  | no       | Android/IOS | yes             |
 | disabled  | 如果为 true，则禁用此组件的所有交互  | bool  | no       | Android/IOS | yes    |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/thegamenicorus/react-native-flexi-radio-button/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/thegamenicorus/react-native-flexi-radio-button/blob/master/LICENSE).
diff --git a/en/react-native-root-siblings.md b/en/react-native-root-siblings.md
index f0fa1b91..bb7b0046 100644
--- a/en/react-native-root-siblings.md
+++ b/en/react-native-root-siblings.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-root-siblings</code> </h1>
@@ -14,9 +13,9 @@
     </a>
 </p>
 
-> [! TIP] [Github 地址](https://github.com/magicismight/react-native-root-siblings)
+> [! TIP] [Github address](https://github.com/magicismight/react-native-root-siblings)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -34,9 +33,9 @@ yarn add react-native-root-siblings@5.0.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [! WARNING] 使用时 import 的库名不变。
+> [! WARNING] The name of the imported repository remains unchanged.
 
 The easiest way to create overlays( `Modal` , `Popover` , `Dialog` etc) for both `react` and `react-native` . 
 
@@ -264,19 +263,21 @@ var styles = StyleSheet.create({
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19; 
 
-## 静态方法
+RNOH: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71;
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Static Methods
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -287,12 +288,10 @@ RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27
 | RootSiblingPortal(props: { children: ReactNode;})  | 允许将子组件渲染到应用的根组件之外的任意位置  | null  | no | Android/IOS  | yes |
 | setSiblingWrapper(wrapper: (sibling: ReactNode) => ReactNode)  | 设置全局组件的包装器  | void  | no | Android/IOS  | yes |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-siblings/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/magicismight/react-native-root-siblings/blob/master/LICENSE).
diff --git a/en/react-native-waterflow-list.md b/en/react-native-waterflow-list.md
index a9159784..38d09ba4 100644
--- a/en/react-native-waterflow-list.md
+++ b/en/react-native-waterflow-list.md
@@ -1,5 +1,4 @@
-<!--{%raw%}-->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-waterflow-list</code> </h1>
@@ -13,31 +12,31 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/ZakZheng/react-native-waterflow-list)
+> [!TIP] [Github address](https://github.com/ZakZheng/react-native-waterflow-list)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令:
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm i react-native-waterflow-list@1.2.2
+npm i react-native-waterflow-list@1.2.3
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-waterflow-list@1.2.2
+yarn add react-native-waterflow-list@1.2.3
 ```
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from 'react';
@@ -103,7 +102,7 @@ export default () => {
       keyForItem={item => item.id}
       numColumns={2}
       onEndReached={onLoadMore}
-      //自定义滚动监听(需要的话)
+      //Custom Scroll Listener(if needed)
       onScroll={(e) => {console.log(e)}}
       columnFlatListProps={{
         style: { marginHorizontal: 5, },
@@ -131,19 +130,20 @@ export default () => {
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH:0.72.29; SDK:HarmonyOS NEXT Developer Beta6 SDK; IDE:DevEco Studio 5.0.3.706; ROM:NEXT.0.0.60;
+1. RNOH: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > 详情见 [react-native-waterflow-list 源库地址](https://github.com/ZakZheng/react-native-waterflow-list)
 
@@ -159,16 +159,16 @@ export default () => {
 | **columnsFlatListProps** | 外层 FlatList 参数           | FlatListProps                                      | No       | All  | Yes           |
 | **columnFlatListProps**                 | 列 FlatList 参数 | FlatListProps                                          | No       | All  | Yes           |
 
-## 静态方法
+## Static Methods
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ----- | :-----------| :--: |:--------:| :------: |:-----------------:|
 | **clear** | 清空渲染列表, 一般用于下拉刷新获取到数据化,清空之前的数据 | function |    No    | All |        Yes        |
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ZakZheng/react-native-waterflow-list/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/ZakZheng/react-native-waterflow-list/blob/master/LICENSE).
\ No newline at end of file
diff --git a/zh-cn/react-native-drop-shadow.md b/zh-cn/react-native-drop-shadow.md
index f81a099b..baddd93a 100644
--- a/zh-cn/react-native-drop-shadow.md
+++ b/zh-cn/react-native-drop-shadow.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drop-shadow</code> </h1>
@@ -128,6 +127,8 @@ export default function withAnimatedViews() {
 
 react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
 
+react-native-harmony: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71;
+
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -148,5 +149,4 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/hoanglam10499/react-native-drop-shadow/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/hoanglam10499/react-native-drop-shadow/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-flexi-radio-button.md b/zh-cn/react-native-flexi-radio-button.md
index ae616d43..b2c2a481 100644
--- a/zh-cn/react-native-flexi-radio-button.md
+++ b/zh-cn/react-native-flexi-radio-button.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-flexi-radio-button</code> </h1>
@@ -141,6 +140,8 @@ modify in render()
 
 react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
 
+react-native-harmony: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71;
+
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -175,5 +176,3 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/thegamenicorus/react-native-flexi-radio-button/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-root-siblings.md b/zh-cn/react-native-root-siblings.md
index f0fa1b91..3a253814 100644
--- a/zh-cn/react-native-root-siblings.md
+++ b/zh-cn/react-native-root-siblings.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-root-siblings</code> </h1>
@@ -272,6 +271,8 @@ var styles = StyleSheet.create({
 
 RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19; 
 
+RNOH: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71;
+
 ## 静态方法
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -294,5 +295,3 @@ RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-siblings/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-waterflow-list.md b/zh-cn/react-native-waterflow-list.md
index a9159784..d76bb5a8 100644
--- a/zh-cn/react-native-waterflow-list.md
+++ b/zh-cn/react-native-waterflow-list.md
@@ -1,4 +1,3 @@
-<!--{%raw%}-->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -24,13 +23,13 @@
 #### **npm**
 
 ```bash
-npm i react-native-waterflow-list@1.2.2
+npm i react-native-waterflow-list@1.2.3
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-waterflow-list@1.2.2
+yarn add react-native-waterflow-list@1.2.3
 ```
 
 <!-- tabs:end -->
@@ -138,6 +137,7 @@ export default () => {
 在以下版本验证通过：
 
 1. RNOH:0.72.29; SDK:HarmonyOS NEXT Developer Beta6 SDK; IDE:DevEco Studio 5.0.3.706; ROM:NEXT.0.0.60;
+1. RNOH: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71;
 
 ## 属性
 

From 6c08c141c7009424ff9e3efd2bf5f3b2311f80c6 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Mon, 21 Oct 2024 08:21:34 +0000
Subject: [PATCH 733/966] =?UTF-8?q?!1725=20=E6=96=B0=E5=A2=9Ereact-native-?=
 =?UTF-8?q?text-input-mask=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20do?=
 =?UTF-8?q?cs:=20[#IAXW56]=20=E6=96=B0=E5=A2=9Ereact-native-text-input-mas?=
 =?UTF-8?q?k=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-text-input-mask.md    | 366 ++++++++++++++++++++++++++
 zh-cn/react-native-text-input-mask.md | 366 ++++++++++++++++++++++++++
 2 files changed, 732 insertions(+)
 create mode 100644 en/react-native-text-input-mask.md
 create mode 100644 zh-cn/react-native-text-input-mask.md

diff --git a/en/react-native-text-input-mask.md b/en/react-native-text-input-mask.md
new file mode 100644
index 00000000..b1ba5a73
--- /dev/null
+++ b/en/react-native-text-input-mask.md
@@ -0,0 +1,366 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-text-input-mask</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-text-input-mask/react-native-text-input-mask">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-text-input-mask/react-native-text-input-mask/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-text-input-mask)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-text-input-mask@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-text-input-mask@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState, useRef } from "react";
+import { StyleSheet, Text, View, ScrollView, Button, TextInput } from "react-native";
+import TextInputMask, { mask, unmask, setMask } from 'react-native-text-input-mask'
+import { Colors } from "react-native/Libraries/NewAppScreen";
+export const TextInputTest = () => {
+    const [maskTest, maskValue] = useState('');
+    const maskDemo = () => {
+        mask("+1 ([000]) [000] [00] [00]", "13343469915", true).then(res => {
+            maskValue(res)
+        }).catch(err => {
+            console.log('error', err)
+        })
+    }
+
+    const [unmaskTest, unmaskValue] = useState('');
+    const unmaskDemo = () => {
+        unmask("+1 ([000]) [000] [00] [00]", "13343469915", true).then(res => {
+            unmaskValue(res)
+        }).catch(err => {
+            console.log('error', err)
+        })
+    }
+    const customNotations = [{ "character": 's', "characterSet": "$€", "isOptional": true }]
+    const [onChangeTextTest_formatted, setonChangeTextValue_formatted] = useState('');
+    const [onChangeTextTest_extracted, setonChangeTextValue_extracted] = useState('');
+    const componentDemo = (formatted: string, extracted: string | undefined) => {
+        console.log("formatted", formatted)
+        setonChangeTextValue_formatted(formatted)
+        console.log("extracted", extracted)
+        if (extracted) {
+            setonChangeTextValue_extracted(extracted)
+        }
+    }
+    return (
+        <ScrollView style={{ flex: 1 }}>
+            <View style={styles.container}>
+                <TextInputMask
+                    rightToLeft= {true}
+                    onChangeText={componentDemo}
+                    affinityCalculationStrategy="CAPACITY"
+                    style={styles.input}
+                    autocomplete={true}
+                    customNotations={customNotations}
+                    mask={"[s][9999]"}
+                    placeholder="Enter phone number"
+                />
+                <Text style={styles.input}>{onChangeTextTest_formatted}</Text>
+                <Text style={styles.input}>{onChangeTextTest_extracted}</Text>
+            </View>
+            <View style={styles.container}>
+                <Text style={styles.label}>Phone Number:</Text>
+                <Button
+                    title="mask"
+                    onPress={maskDemo}
+                />
+                <Text style={styles.input}>
+                    {maskTest}
+                </Text>
+            </View>
+            <View style={styles.container}>
+                <Text style={styles.label}>Phone Number:</Text>
+                <Button
+                    title="unmask"
+                    onPress={unmaskDemo}
+                />
+                <Text style={styles.input}>
+                    {unmaskTest}
+                </Text>
+            </View> 
+        </ScrollView>
+    );
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        padding: 16,
+    },
+    label: {
+        color: Colors.white,
+        fontSize: 16,
+        marginBottom: 8,
+    },
+    input: {
+        height: 40,
+        color: Colors.white,
+        borderColor: '#ccc',
+        borderWidth: 1,
+        paddingHorizontal: 8,
+    },
+});
+
+```
+
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+  "dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-text-input-mask": "file:../../node_modules/@react-native-oh-tpl/react-native-text-input-mask/harmony/text_input_mask.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNTextInputMaskPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+ ```	diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(RNOH_CPP_DIR "${OH_MODULE_DIR}/@rnoh/react-native-openharmony/src/main/cpp")
+set(RNOH_GENERATED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/generated")
+
+file(GLOB GENERATED_CPP_FILES "${CMAKE_CURRENT_SOURCE_DIR}/generated/*.cpp")
+
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-text-input-mask/src/main/cpp" ./RNTextInputMask)
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
++ target_link_libraries(rnoh_app PUBLIC text_input_mask)
+ ```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```	diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "RNTextInputMaskPackage.h"
+ using namespace rnoh;
+
+ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+     return {std::make_shared<RNOHGeneratedPackage>(ctx),
++            std::make_shared<RNTextInputMaskPackage>(ctx)
+     };
+ }
+```
+
+### 4.在 ArkTs 侧引入 RNTextInputMaskPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNTextInputMaskPackage } from '@react-native-oh-tpl/react-native-text-input-mask/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new RNTextInputMaskPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)
+
+
+
+
+##  API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description            | Type     | Platform    | HarmonyOS Support |
+| ------- | ---------------------- | -------- | ----------- | ----------------- |
+| mask   | 字符串格式化，返回格式化后的字符串 | function | Android/iOS | yes               |
+| unmask | 将格式化后的字符串还原，返回还原后的字符串 | function | Android/iOS | yes               |
+| setMask | 给组件设置监听，对输入框内容进行格式化，配合TextInputMask组件使用 | function | Android/iOS | yes |
+| TextInputMask | 输入框组件 | component | Android/iOS | yes |
+
+#### mask参数说明
+
+```js
+mask(mask: string, value: string, autocomplete: boolean) : Promise<string>
+```
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| mask | 字符串格式化的格式 | string | yes      | iOS/Android | yes               |
+| value | 需要格式化的字符 | string | yes   | iOS/Android | yes               |
+| autocomplete | 字符自动补全 | boolean | no     | iOS/Android | yes               |
+
+#### unmask参数说明
+
+```json
+unmask(mask: string, value: string, autocomplete: boolean) : Promise<string>
+```
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| mask         | 字符串格式化的格式 | string  | yes      | iOS/Android | yes               |
+| value        | 需要还原的字符     | string  | yes      | iOS/Android | yes               |
+| autocomplete | 字符自动补全       | boolean | no       | iOS/Android | yes               |
+
+#### setMask参数说明
+
+```
+setMask (reactNode: number, primaryFormat: string, options?: MaskOptions) : void
+```
+
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| :-------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| reactNode | 组件id | string | yes      | iOS/Android | yes               |
+| primaryFormat | 格式化的格式 | string | yes | iOS/Android | yes               |
+| options | 格式化相关属性 | MaskOptions | no   | iOS/Android | yes               |
+
+##### MaskOptions
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| affineFormats | 备用格式 | string[] | no    | iOS/Android | yes               |
+| customNotations | 自定义转义字符 | Natation[] | no      | iOS/Android | yes            |
+| affinityCalculationStrategy | 亲和度计算策略 | AffinityCalculationStrategy 枚举 | no      | iOS/Android | yes               |
+| autocomplete | 是否自动补全       | boolean                          | no      | iOS/Android | yes               |
+| autoskip | 是否自动跳过 | boolean | no      | iOS/Android | yes               |
+| rightToLeft | 是否从右到左格式化 | boolean | no      | iOS/Android | yes               |
+
+##### Natation
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| character | 格式字符串中的符号。 | string | yes      | iOS/Android | yes               |
+| characterSet | 可接受输入字符的关联字符集。 | string | yes      | iOS/Android | yes               |
+| isOptional |是可选符号还是必选符号      | boolean | yes      | iOS/Android | yes               |
+
+##### AffinityCalculationStrategy
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| WHOLE_STRING             | 默认的计算策略                                               | string | no       | iOS/Android | yes               |
+| PREFIX                   | 查找原始文本和相同文本之间的最长公共前缀                     | string | no       | iOS/Android | yes               |
+| CAPACITY                 | 亲和性是输入的长度和当前掩码可以容纳的文本总量之间的容差。   | string | no       | iOS/Android | yes               |
+| EXTRACTED_VALUE_CAPACITY | 亲和性是提取值的长度与当前掩码可以容纳的总提取值长度之间的容差。 | string | no       | iOS/Android | yes               |
+
+## 其他
+
+## 开源协议
+
+本项目基于[The MIT License(MIT)](https://github.com/react-native-text-input-mask/react-native-text-input-mask/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+
diff --git a/zh-cn/react-native-text-input-mask.md b/zh-cn/react-native-text-input-mask.md
new file mode 100644
index 00000000..b1ba5a73
--- /dev/null
+++ b/zh-cn/react-native-text-input-mask.md
@@ -0,0 +1,366 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-text-input-mask</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-text-input-mask/react-native-text-input-mask">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-text-input-mask/react-native-text-input-mask/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-text-input-mask)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-text-input-mask@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-text-input-mask@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```tsx
+import React, { useState, useRef } from "react";
+import { StyleSheet, Text, View, ScrollView, Button, TextInput } from "react-native";
+import TextInputMask, { mask, unmask, setMask } from 'react-native-text-input-mask'
+import { Colors } from "react-native/Libraries/NewAppScreen";
+export const TextInputTest = () => {
+    const [maskTest, maskValue] = useState('');
+    const maskDemo = () => {
+        mask("+1 ([000]) [000] [00] [00]", "13343469915", true).then(res => {
+            maskValue(res)
+        }).catch(err => {
+            console.log('error', err)
+        })
+    }
+
+    const [unmaskTest, unmaskValue] = useState('');
+    const unmaskDemo = () => {
+        unmask("+1 ([000]) [000] [00] [00]", "13343469915", true).then(res => {
+            unmaskValue(res)
+        }).catch(err => {
+            console.log('error', err)
+        })
+    }
+    const customNotations = [{ "character": 's', "characterSet": "$€", "isOptional": true }]
+    const [onChangeTextTest_formatted, setonChangeTextValue_formatted] = useState('');
+    const [onChangeTextTest_extracted, setonChangeTextValue_extracted] = useState('');
+    const componentDemo = (formatted: string, extracted: string | undefined) => {
+        console.log("formatted", formatted)
+        setonChangeTextValue_formatted(formatted)
+        console.log("extracted", extracted)
+        if (extracted) {
+            setonChangeTextValue_extracted(extracted)
+        }
+    }
+    return (
+        <ScrollView style={{ flex: 1 }}>
+            <View style={styles.container}>
+                <TextInputMask
+                    rightToLeft= {true}
+                    onChangeText={componentDemo}
+                    affinityCalculationStrategy="CAPACITY"
+                    style={styles.input}
+                    autocomplete={true}
+                    customNotations={customNotations}
+                    mask={"[s][9999]"}
+                    placeholder="Enter phone number"
+                />
+                <Text style={styles.input}>{onChangeTextTest_formatted}</Text>
+                <Text style={styles.input}>{onChangeTextTest_extracted}</Text>
+            </View>
+            <View style={styles.container}>
+                <Text style={styles.label}>Phone Number:</Text>
+                <Button
+                    title="mask"
+                    onPress={maskDemo}
+                />
+                <Text style={styles.input}>
+                    {maskTest}
+                </Text>
+            </View>
+            <View style={styles.container}>
+                <Text style={styles.label}>Phone Number:</Text>
+                <Button
+                    title="unmask"
+                    onPress={unmaskDemo}
+                />
+                <Text style={styles.input}>
+                    {unmaskTest}
+                </Text>
+            </View> 
+        </ScrollView>
+    );
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        padding: 16,
+    },
+    label: {
+        color: Colors.white,
+        fontSize: 16,
+        marginBottom: 8,
+    },
+    input: {
+        height: 40,
+        color: Colors.white,
+        borderColor: '#ccc',
+        borderWidth: 1,
+        paddingHorizontal: 8,
+    },
+});
+
+```
+
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+  "dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-text-input-mask": "file:../../node_modules/@react-native-oh-tpl/react-native-text-input-mask/harmony/text_input_mask.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNTextInputMaskPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+ ```	diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(RNOH_CPP_DIR "${OH_MODULE_DIR}/@rnoh/react-native-openharmony/src/main/cpp")
+set(RNOH_GENERATED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/generated")
+
+file(GLOB GENERATED_CPP_FILES "${CMAKE_CURRENT_SOURCE_DIR}/generated/*.cpp")
+
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-text-input-mask/src/main/cpp" ./RNTextInputMask)
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
++ target_link_libraries(rnoh_app PUBLIC text_input_mask)
+ ```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```	diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "RNTextInputMaskPackage.h"
+ using namespace rnoh;
+
+ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+     return {std::make_shared<RNOHGeneratedPackage>(ctx),
++            std::make_shared<RNTextInputMaskPackage>(ctx)
+     };
+ }
+```
+
+### 4.在 ArkTs 侧引入 RNTextInputMaskPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNTextInputMaskPackage } from '@react-native-oh-tpl/react-native-text-input-mask/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++    new RNTextInputMaskPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)
+
+
+
+
+##  API
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Description            | Type     | Platform    | HarmonyOS Support |
+| ------- | ---------------------- | -------- | ----------- | ----------------- |
+| mask   | 字符串格式化，返回格式化后的字符串 | function | Android/iOS | yes               |
+| unmask | 将格式化后的字符串还原，返回还原后的字符串 | function | Android/iOS | yes               |
+| setMask | 给组件设置监听，对输入框内容进行格式化，配合TextInputMask组件使用 | function | Android/iOS | yes |
+| TextInputMask | 输入框组件 | component | Android/iOS | yes |
+
+#### mask参数说明
+
+```js
+mask(mask: string, value: string, autocomplete: boolean) : Promise<string>
+```
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| mask | 字符串格式化的格式 | string | yes      | iOS/Android | yes               |
+| value | 需要格式化的字符 | string | yes   | iOS/Android | yes               |
+| autocomplete | 字符自动补全 | boolean | no     | iOS/Android | yes               |
+
+#### unmask参数说明
+
+```json
+unmask(mask: string, value: string, autocomplete: boolean) : Promise<string>
+```
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| mask         | 字符串格式化的格式 | string  | yes      | iOS/Android | yes               |
+| value        | 需要还原的字符     | string  | yes      | iOS/Android | yes               |
+| autocomplete | 字符自动补全       | boolean | no       | iOS/Android | yes               |
+
+#### setMask参数说明
+
+```
+setMask (reactNode: number, primaryFormat: string, options?: MaskOptions) : void
+```
+
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| :-------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| reactNode | 组件id | string | yes      | iOS/Android | yes               |
+| primaryFormat | 格式化的格式 | string | yes | iOS/Android | yes               |
+| options | 格式化相关属性 | MaskOptions | no   | iOS/Android | yes               |
+
+##### MaskOptions
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| affineFormats | 备用格式 | string[] | no    | iOS/Android | yes               |
+| customNotations | 自定义转义字符 | Natation[] | no      | iOS/Android | yes            |
+| affinityCalculationStrategy | 亲和度计算策略 | AffinityCalculationStrategy 枚举 | no      | iOS/Android | yes               |
+| autocomplete | 是否自动补全       | boolean                          | no      | iOS/Android | yes               |
+| autoskip | 是否自动跳过 | boolean | no      | iOS/Android | yes               |
+| rightToLeft | 是否从右到左格式化 | boolean | no      | iOS/Android | yes               |
+
+##### Natation
+
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| character | 格式字符串中的符号。 | string | yes      | iOS/Android | yes               |
+| characterSet | 可接受输入字符的关联字符集。 | string | yes      | iOS/Android | yes               |
+| isOptional |是可选符号还是必选符号      | boolean | yes      | iOS/Android | yes               |
+
+##### AffinityCalculationStrategy
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| WHOLE_STRING             | 默认的计算策略                                               | string | no       | iOS/Android | yes               |
+| PREFIX                   | 查找原始文本和相同文本之间的最长公共前缀                     | string | no       | iOS/Android | yes               |
+| CAPACITY                 | 亲和性是输入的长度和当前掩码可以容纳的文本总量之间的容差。   | string | no       | iOS/Android | yes               |
+| EXTRACTED_VALUE_CAPACITY | 亲和性是提取值的长度与当前掩码可以容纳的总提取值长度之间的容差。 | string | no       | iOS/Android | yes               |
+
+## 其他
+
+## 开源协议
+
+本项目基于[The MIT License(MIT)](https://github.com/react-native-text-input-mask/react-native-text-input-mask/blob/master/LICENSE) ，请自由地享受和参与开源。
+
+
+

From b1ff7758079b9f48cd345af7387468821ed91a02 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Mon, 21 Oct 2024 08:52:09 +0000
Subject: [PATCH 734/966] =?UTF-8?q?!1739=20docs:=20=20[Issues:=20#IAYL7D]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-reanimated-bottom-sheet?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:?=
 =?UTF-8?q?=20#IAYL7D]=20=E4=BF=AE=E6=94=B9react-native-reanimated-bottom-?=
 =?UTF-8?q?sheet=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-reanimated-bottom-sheet.md    | 3 ++-
 zh-cn/react-native-reanimated-bottom-sheet.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-reanimated-bottom-sheet.md b/en/react-native-reanimated-bottom-sheet.md
index d80ed103..5a65aca5 100644
--- a/en/react-native-reanimated-bottom-sheet.md
+++ b/en/react-native-reanimated-bottom-sheet.md
@@ -149,7 +149,7 @@ export default function () {
 | enabledInnerScrolling | Defines whether it's possible to scroll inner content of bottom sheet. | boolean | no | all | yes
 | callbackNode | reanimated node which holds position of bottom sheet, where 0 it the highest snap point and 1 is the lowest.  | boolean | no | all | yes
 | contentPosition | reanimated node which holds position of bottom sheet's content (in dp) | reanimated node | no | all | yes
-| headerPosition | reanimated node which holds position of bottom sheet's header (in dp) | reanimated node | no | all | yes
+| headerPosition | reanimated node which holds position of bottom sheet's header (in dp) | reanimated node | no | all | no
 | overdragResistanceFactor | `Defines how violently sheet has to stopped while overdragging. 0 means no overdrag |  number | no | all | yes
 | springConfig | Overrides config for spring animation | object | no | all | yes
 | innerGestureHandlerRefs | Refs for gesture handlers used for building bottom sheet. The array consists fo three refs. The first for PanGH used for inner content scrolling. The second for PanGH used for header. The third for TapGH used for stopping scrolling the content. |  array | no | all | no
@@ -168,6 +168,7 @@ export default function () {
 - [ ] simultaneousHandlers 暂不支持。 [issues#3](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/3)
 - [ ] innerGestureHandlerRefs 暂不支持。 [issues#4](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/4)
 - [ ] callbackThreshold 暂不支持。[issues#6](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/6)
+- [ ] headerPosition 暂不支持。[issues#7](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/7)
 
 ## 其他
 - 本库基于[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)实现，若想实现完全可配置选项的高性能交互式bottomSheet，建议优先使用[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)。
diff --git a/zh-cn/react-native-reanimated-bottom-sheet.md b/zh-cn/react-native-reanimated-bottom-sheet.md
index d80ed103..5a65aca5 100644
--- a/zh-cn/react-native-reanimated-bottom-sheet.md
+++ b/zh-cn/react-native-reanimated-bottom-sheet.md
@@ -149,7 +149,7 @@ export default function () {
 | enabledInnerScrolling | Defines whether it's possible to scroll inner content of bottom sheet. | boolean | no | all | yes
 | callbackNode | reanimated node which holds position of bottom sheet, where 0 it the highest snap point and 1 is the lowest.  | boolean | no | all | yes
 | contentPosition | reanimated node which holds position of bottom sheet's content (in dp) | reanimated node | no | all | yes
-| headerPosition | reanimated node which holds position of bottom sheet's header (in dp) | reanimated node | no | all | yes
+| headerPosition | reanimated node which holds position of bottom sheet's header (in dp) | reanimated node | no | all | no
 | overdragResistanceFactor | `Defines how violently sheet has to stopped while overdragging. 0 means no overdrag |  number | no | all | yes
 | springConfig | Overrides config for spring animation | object | no | all | yes
 | innerGestureHandlerRefs | Refs for gesture handlers used for building bottom sheet. The array consists fo three refs. The first for PanGH used for inner content scrolling. The second for PanGH used for header. The third for TapGH used for stopping scrolling the content. |  array | no | all | no
@@ -168,6 +168,7 @@ export default function () {
 - [ ] simultaneousHandlers 暂不支持。 [issues#3](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/3)
 - [ ] innerGestureHandlerRefs 暂不支持。 [issues#4](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/4)
 - [ ] callbackThreshold 暂不支持。[issues#6](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/6)
+- [ ] headerPosition 暂不支持。[issues#7](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/7)
 
 ## 其他
 - 本库基于[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)实现，若想实现完全可配置选项的高性能交互式bottomSheet，建议优先使用[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)。

From bcfc786ca270fcc9659fe0d8500b1179c99299bb Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Tue, 22 Oct 2024 07:16:39 +0000
Subject: [PATCH 735/966] =?UTF-8?q?!1736=20docs:=20[Issues:#IAY685]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAY?=
 =?UTF-8?q?685]=20=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAY?=
 =?UTF-8?q?685]=20=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-header-scroll-view.md    | 2 +-
 zh-cn/react-native-image-header-scroll-view.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-image-header-scroll-view.md b/en/react-native-image-header-scroll-view.md
index 803fa7d1..012ec3ad 100644
--- a/en/react-native-image-header-scroll-view.md
+++ b/en/react-native-image-header-scroll-view.md
@@ -289,7 +289,7 @@ This document is verified based on the following versions：
 | `onTouchBottom`           | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
 
 ## Known Issues
-- [ ] disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 在harmony上无此效果 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/76 )
+- [ ] disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 ，在harmony上无此效果， 是因为源库的overscrollMode="never"属性导致， issue里面有解决方案 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/134 )
 
 ## Others
 -  foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index 7d464692..50da803a 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -289,7 +289,7 @@ export default HeaderImageExample;
 | `onTouchBottom`           | Called when the component is not displayed any more after scroll up   (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
 
 ## 遗留问题
-- [ ] disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 在harmony上无此效果 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/76 )
+- [ ] disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 ，在harmony上无此效果， 是因为源库的overscrollMode="never"属性导致， issue里面有解决方案 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/134 )
 ## 其他
 -  foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
 -  ScrollViewComponent属性无法滚动，与Android、iOS一致：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。

From bd79983a2c789fd24e17fdd922a8f20a6cf328a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=93=AA=E9=83=BD=E9=80=9A?= <amiz21@qq.com>
Date: Wed, 23 Oct 2024 08:25:35 +0000
Subject: [PATCH 736/966] =?UTF-8?q?!1752=20docs:=20[Issues:=20#IAZ8SB]=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20en/model.md=20=E7=9B=B8=E5=85=B3=E7=9A=84?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=20model.md=20=E6=96=87=E6=A1=A3=E8=B6=85=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E6=8C=87=E5=90=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/codegen.md          | 49 +++++++++++++++++++-----------------------
 en/link-source-code.md | 24 ++++++++++-----------
 en/model.md            |  4 ++--
 3 files changed, 35 insertions(+), 42 deletions(-)

diff --git a/en/codegen.md b/en/codegen.md
index 76ff9a3c..cec2d95d 100644
--- a/en/codegen.md
+++ b/en/codegen.md
@@ -1,24 +1,22 @@
-<!-- {% raw %} -->
+# Usage Guide for Codegen
 
-# Codegen 使用指导
+## Introduction
 
-## 简介
+`CodeGen` is a tool within React Native designed for simplifying and automating the process of code generation. It aids developers in generating bridge code, making it easier for React Native applications to interact with native code.
 
-`CodeGen` 是 React Native 中的一项工具，用于简化和自动化代码生成。它可以帮助开发者生成桥接代码，使得 React Native 应用能够更方便地与原生代码进行交互。
-
-在 Harmony OS RN 中已支持 codegen，并且大部分 Arkts 三方库已支持，因此在使用这些三方库之前需要通过 codegen 生成桥接代码，否则可能会出现如下报错：
+Support for codegen has been implemented in Harmony OS RN, and most third-party libraries (Arkts) have also incorporated support. Therefore, before utilizing these third-party libraries, it's necessary to generate the bridging code via codegen; otherwise, an error like the following may occur:
 
 ```
 cannot find module '@rnoh/react-native-openharmony/generated/ts' or its corresponding type declarations.
 ```
 
-## 使用方式
+## Usage
 
-### 运行 RN 工程 `MyProject/package.json` 的 codegen 脚本
+### Run the codegen script specified in `MyProject/package.json` of the RN project
 
-> [!TIP] 运行前请确保三方库已经正确安装！
+> [!TIP] Ensure that the third-party libraries are correctly installed before running!
 
-配置 codegen 脚本：
+Configure the codegen script:
 
 ```json
 ...
@@ -29,41 +27,40 @@ cannot find module '@rnoh/react-native-openharmony/generated/ts' or its correspo
   ...
 ```
 
-codegen-harmony 参数介绍：
+Parameters for codegen-harmony:
 
-- `rnoh-module-path`: Native 工程内， RNOH SDK 模块的相对路径（如果通过 har 包安装，则需指向安装后的地址，如：xxx/oh_modules/@rnoh/react-native-openharmony）
-- `cpp-output-path`:` 指定⽤于存储⽣成的 C++ 文件的输出⽬录的相对路径，默认./harmony/entry/src/main/cpp/generated
-- `project-root-path`: Native 工程根⽬录的相对路径
+- `rnoh-module-path`: The relative path within the native project to the RNOH SDK module (if installed via a har package, it must point to the installed location, e.g., xxx/oh_modules/@rnoh/react-native-openharmony)
+- `cpp-output-path`: Specifies the relative path of the directory where generated C++ files will be stored; defaults to ./harmony/entry/src/main/cpp/generated
+- `project-root-path`: The relative path to the root directory of the native project
 
-执行 codegen
+Run codegen
 
 ```bash
 npm run codegen
 ```
 
-运行后，会在 `cpp-output-path` 参数指定的路径下生成 C++ 代码（若未指定则生成至默认路径），在 `rnoh-module-path`路径下生成 ArkTS/TS 代码（必须生成在 RN SDK 下）。
+After execution, C++ code will be generated in the path specified by the `cpp-output-path` parameter (if not specified, it will generate at the default path), and ArkTS/TS code will be generated in the `rnoh-module-path`(must be generated under the RN SDK).
 
-**注意事项**
+**Precautions**
 
-脚本生成的代码需在项目工程中，否则会报如下错误：
+The code generated by the script must be included in the project; otherwise, an error like the following may occur:
 
 ```
 [ERROR] Tried to remove files in path/generated and that path is outside current working directory
 ```
 
-因此建议将原生工程置于 `RN` 工程内
-
+Therefore, it is recommended to place the native project inside the `RN` project.
 ```
 .
-├── ReactNativeProject // RN 工程
+├── ReactNativeProject // RN project
 │   ├── android
 │   ├── ios
-│   ├── harmony // HarmonyOS 原生工程
+│   ├── harmony // HarmonyOS native project
 ```
 
-### 配置 CMakeLists 和引入 RNOHGeneratedPackage（C++）
+### Configure CMakeLists and introduce RNOHGeneratedPackage (C++)
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add:
 
 ```diff
 ...
@@ -84,7 +81,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 ...
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+open `entry/src/main/cpp/PackageProvider.cpp` and add:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -98,5 +95,3 @@ PackageProvider::getPackages(Package::Context ctx) {
     };
 }
 ```
-
-<!-- {% endraw %} -->
diff --git a/en/link-source-code.md b/en/link-source-code.md
index 48889911..ed13aea5 100644
--- a/en/link-source-code.md
+++ b/en/link-source-code.md
@@ -1,15 +1,14 @@
-<!-- {% raw %} -->
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-#### 直接链接源码情况说明
+#### Direct Linking of Source Code
 
-目前 DevEco Studio 不支持通过源码引入外部 module，我们推荐使用 har 包的方式引入，如需要直接链接源码，请按照以下步骤操作，将源码通过操作改成 harmony 工程的内部模块。
+Currently, DevEco Studio does not support the introduction of external modules through source code. We recommend using the HAR package method for this purpose. However, if you need to directly link source code, please follow the steps below to integrate the source code into an internal module of the Harmony project.
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The source code is located in the `harmony` folder under the installation path of the third-party library.
 
-把`<RN工程>/node_modules/@react-native-oh-tpl/<Package_Name>/harmony/`目录下的源码`<xxx>`复制到`harmony`工程根目录下
+Copy the source code `<xxx>` from the `<RN Project>/node_modules/@react-native-oh-tpl/<Package_Name>/harmony/` directory to the root directory of the `harmony` project.
 
-在`harmony`工程根目录的 `build-profile.template.json5`（若存在）和`build-profile.json5` 添加以下模块
+Add the following module to the `build-profile.template.json5` (if exists) and `build-profile.json5` at the root directory of the `harmony` project:
 
 ```json
 modules:[
@@ -18,14 +17,15 @@ modules:[
     name: '<xxx>',
     srcPath: './<xxx>',
   }
-  //提示：{
+  // example:
+  //      {
   //        name: 'safe_area',
   //        srcPath: './safe_area',
   //      } 
 ]
 ```
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` and add the following dependency:
 
 ```json
 "dependencies": {
@@ -35,13 +35,11 @@ modules:[
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click on the `sync` button in the upper right corner.
 
-或者在终端执行：
+Or run the following in the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/model.md b/en/model.md
index 00a543fe..54950cc2 100644
--- a/en/model.md
+++ b/en/model.md
@@ -80,7 +80,7 @@ export default App;
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -129,7 +129,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Configuring CMakeLists and Introducing xxx Package
 

From 2719b3c1fbefd595ff8ae8c480ec959fd02bab1d Mon Sep 17 00:00:00 2001
From: YMXSDLBQ <3205777270@qq.com>
Date: Wed, 23 Oct 2024 10:36:43 +0000
Subject: [PATCH 737/966] =?UTF-8?q?!1751=20docs:=20[Issues:#IAZ8B3]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Emixpanel-react-native=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAZ8B3]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Emixpanel-react-native=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:#IAZ8B3]=20=E6=96=B0=E5=A2=9Emi?=
 =?UTF-8?q?xpanel-react-native=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20[Issues:#IAZ8B3]=20=E6=96=B0=E5=A2=9Emixpanel-react-nati?=
 =?UTF-8?q?ve=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#I?=
 =?UTF-8?q?AZ8B3]=20=E6=96=B0=E5=A2=9Emixpanel-react-native=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/mixpanel-react-native.md    | 237 +++++++++++++++++++++++++++++++++
 zh-cn/mixpanel-react-native.md | 237 +++++++++++++++++++++++++++++++++
 2 files changed, 474 insertions(+)
 create mode 100644 en/mixpanel-react-native.md
 create mode 100644 zh-cn/mixpanel-react-native.md

diff --git a/en/mixpanel-react-native.md b/en/mixpanel-react-native.md
new file mode 100644
index 00000000..c40057b9
--- /dev/null
+++ b/en/mixpanel-react-native.md
@@ -0,0 +1,237 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>mixpanel-react-native</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mixpanel/mixpanel-react-native/tree/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mixpanel/mixpanel-react-native/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/mixpanel-react-native)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/mixpanel-react-native@file:#
+```
+
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/mixpanel-react-native@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {Button, SafeAreaView} from 'react-native';
+import {Mixpanel} from 'mixpanel-react-native';
+
+const trackAutomaticEvents = false;
+const token = 'Your Project Token';
+const mixpanel = new Mixpanel(token, trackAutomaticEvents);
+mixpanel.init();
+
+export default function MixpanelDemo() {
+    return (
+    <SafeAreaView>
+        <Button
+    title="Select Premium Plan"
+    onPress={() => mixpanel.track('Plan Selected', {Plan: 'Premium'})}
+/>
+    </SafeAreaView>
+);
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+"@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+"@react-native-oh-tpl/mixpanel-react-native": "file:../../node_modules/@react-native-oh-tpl/mixpanel-react-native/harmony/mixpanel.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 MixpanelPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { MixpanelPackage } from '@react-native-oh-tpl/mixpanel-react-native/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new MixpanelPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### Mixpanel
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- |----------| -------- |-------------------|
+| init(): void; | 初始化Mixpanel实例 | function | yes      | iOS,Android | yes               |
+| setServerURL(serverURL: string): void; | 设置Mixpanel API请求使用的基本URL | function | no       | iOS,Android | yes               |
+| setLoggingEnabled(loggingEnabled: boolean): void; | 是否开启日志记录 | function | no       | iOS,Android | yes               |
+| setFlushOnBackground(flushOnBackground: boolean): void; | 当应用程序在iOS上进入后台时,允许启用或禁用Mixpanel是否刷新事件 | function | no       | iOS | no                |
+| setUseIpAddressForGeolocation(useIpAddressForGeolocation: boolean): void; | 是否发送ip作为地理定位的依据 | function | no       | iOS,Android | yes               |
+| setFlushBatchSize(flushBatchSize: number): void; | 设置单个网络请求发送到mixpanel的事件数量 | function | no       | iOS,Android | yes               |
+| hasOptedOutTracking(): Promise<boolean>; | 获取用户是否选择退出追踪 | function | no       | iOS,Android | yes               |
+| optInTracking(): void; | 用户已选择跟踪 | function | no       | iOS,Android | yes               |
+| optOutTracking(): void; | 用户已选择退出跟踪 | function | no       | iOS,Android | yes               |
+| identify(distinctId: string): Promise<void>; | 将来的track调用都由以下的用户标识关联 | function | no       | iOS,Android | yes               |
+| alias(alias: string, distinctId: string): void; | 创建一个映射，将新的标识与用户的原始distinct_id关联起来 | function | no       | iOS,Android | yes               |
+| track(eventName: string, properties?: MixpanelProperties): void; | 发送事件 | function | yes      | iOS,Android | yes               |
+| getPeople(): People; | 获取People实例 | function | no       | iOS,Android | yes               |
+| trackWithGroups(eventName: string, properties?: MixpanelProperties, groups?: MixpanelProperties): void; | 追踪特定群体事件 | function | no       | iOS,Android | no                |
+| setGroup(groupKey: string, groupID: MixpanelType): void; | 设置用户所属的组 | function | no       | iOS,Android | no                |
+| getGroup(groupKey: string, groupID: MixpanelType): MixpanelGroup; | 获取Group实例 | function | no       | iOS,Android | yes               |
+| addGroup(groupKey: string, groupID: MixpanelType): void; | 添加组 | function | no       | iOS,Android | no                |
+| removeGroup(groupKey: string, groupID: MixpanelType): void; | 移除组 | function | no       | iOS,Android | no                |
+| deleteGroup(groupKey: string, groupID: MixpanelType): void; | 删除组 | function | no       | iOS,Android | no                |
+| registerSuperProperties(properties: MixpanelProperties): void; | 注册全局属性，这些属性通用于所有用户 | function | no       | iOS,Android | yes               |
+| registerSuperPropertiesOnce(properties: MixpanelProperties): void; | 注册全局属性，这些属性通用于所有用户，但不会覆盖已有的属性 | function | no       | iOS,Android | yes               |
+| unregisterSuperProperty(propertyName: string): void; | 删除指定的注册的全局属性 | function | no       | iOS,Android | yes               |
+| getSuperProperties(): Promise<MixpanelProperties>; | 获取注册的全局属性 | function | no       | iOS,Android | yes               |
+| clearSuperProperties(): void; | 删除所有注册的全局属性 | function | no       | iOS,Android | yes               |
+| timeEvent(eventName: string): void; | 发送计时事件 | function | no       | iOS,Android | yes               |
+| eventElapsedTime(eventName: string): Promise<number>; | 获取指定事件的当前计时 | function | no       | iOS,Android | yes               |
+| reset(): void; | 重置用户的相关信息 | function | no       | iOS,Android | yes               |
+| getDistinctId(): Promise<string>; | 获取唯一标识 | function | no       | iOS,Android | yes               |
+| getDeviceId(): Promise<string>; | 获取设备标识 | function | no       | iOS,Android | yes               |
+| flush(): void; | 推送所有事件及用户信息到服务器 | function | no       | iOS,Android | yes               |
+
+
+#### People
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| set(prop: string, to: MixpanelType): void; | 设置用户的属性 | function | no | iOS,Android | yes |
+| set(properties: MixpanelProperties): void; | 设置用户的属性 | function | no | iOS,Android | yes |
+| setOnce(prop: string, to: MixpanelType): void; | 设置用户的属性，但不会覆盖已有的属性 | function | no | iOS,Android | yes |
+| setOnce(properties: MixpanelProperties): void; | 设置用户的属性，但不会覆盖已有的属性 | function | no | iOS,Android | yes |
+| increment(prop: string, by: number): void; | 增加用户的某个数值属性的值，通常用于计数或累计某个行为的发生次数。 | function | no | iOS,Android | yes |
+| increment(properties: MixpanelProperties): void; | 增加用户的某个数值属性的值，通常用于计数或累计某个行为的发生次数。 | function | no | iOS,Android | yes |
+| append(name: string, value: MixpanelType): void; | 添加用户的某个属性的值，将值追加到用户属性中 | function | no | iOS,Android | yes |
+| union(name: string, value: Array<MixpanelType>): void; | 添加用户的某个属性的值，如果属性已经存在值，则新添加的数据会与现有值合并 | function | no | iOS,Android | yes |
+| remove(name: string, value: MixpanelType): void; | 删除用户的某个属性的指定值 | function | no | iOS,Android | yes |
+| unset(name: string): void; | 删除用户的某个属性及属性的值 | function | no | iOS,Android | yes |
+| trackCharge(charge: number, properties: MixpanelProperties): void; | 追踪用户的交易 | function | no | iOS,Android | yes |
+| clearCharges(): void; | 永久清除用户的历史交易记录 | function | no | iOS,Android | yes |
+| deleteUser(): void; | 从人员分析中永久删除用户 | function | no | iOS,Android | yes |
+
+
+#### MixpanelGroup
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| set(prop: string, to: MixpanelType): void; | 设置组的属性 | function | no | iOS,Android | no |
+| setOnce(prop: string, to: MixpanelType): void; | 设置组的属性，但不会覆盖已有的属性 | function | no | iOS,Android | no |
+| unset(prop: string): void; | 删除组的属性 | function | no | iOS,Android | no |
+| remove(name: string, value: MixpanelType): void; | 删除组的属性的值，删除指定值 | function | no | iOS,Android | no |
+| union(name: string, value: MixpanelType): void; | 添加组的属性的值，将值合并到组属性中 | function | no | iOS,Android | no |
+
+
+## 遗留问题
+- [ ] 部分接口暂未开发：[issue#5](https://github.com/react-native-oh-library/mixpanel-react-native/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License2.0](https://github.com/mixpanel/mixpanel-react-native/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
diff --git a/zh-cn/mixpanel-react-native.md b/zh-cn/mixpanel-react-native.md
new file mode 100644
index 00000000..fff11f78
--- /dev/null
+++ b/zh-cn/mixpanel-react-native.md
@@ -0,0 +1,237 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>mixpanel-react-native</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/mixpanel/mixpanel-react-native/tree/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/mixpanel/mixpanel-react-native/blob/master/LICENSE.md">
+        <img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/mixpanel-react-native)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+> [!TIP] # 处替换为 tgz 包的路径。
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/mixpanel-react-native@file:#
+```
+
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/mixpanel-react-native@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {Button, SafeAreaView} from 'react-native';
+import {Mixpanel} from 'mixpanel-react-native';
+
+const trackAutomaticEvents = false;
+const token = 'Your Project Token';
+const mixpanel = new Mixpanel(token, trackAutomaticEvents);
+mixpanel.init();
+
+export default function MixpanelDemo() {
+    return (
+    <SafeAreaView>
+        <Button
+    title="Select Premium Plan"
+    onPress={() => mixpanel.track('Plan Selected', {Plan: 'Premium'})}
+/>
+    </SafeAreaView>
+);
+}
+```
+
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+"@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+"@react-native-oh-tpl/mixpanel-react-native": "file:../../node_modules/@react-native-oh-tpl/mixpanel-react-native/harmony/mixpanel.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.在 ArkTs 侧引入 MixpanelPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { MixpanelPackage } from '@react-native-oh-tpl/mixpanel-react-native/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new MixpanelPackage(ctx)
+  ];
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### Mixpanel
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---- | ----------- | ---- |----------| -------- |-------------------|
+| init(): void; | 初始化Mixpanel实例 | function | yes      | iOS,Android | yes               |
+| setServerURL(serverURL: string): void; | 设置Mixpanel API请求使用的基本URL | function | no       | iOS,Android | yes               |
+| setLoggingEnabled(loggingEnabled: boolean): void; | 是否开启日志记录 | function | no       | iOS,Android | yes               |
+| setFlushOnBackground(flushOnBackground: boolean): void; | 当应用程序在iOS上进入后台时,允许启用或禁用Mixpanel是否刷新事件 | function | no       | iOS | no                |
+| setUseIpAddressForGeolocation(useIpAddressForGeolocation: boolean): void; | 是否发送ip作为地理定位的依据 | function | no       | iOS,Android | yes               |
+| setFlushBatchSize(flushBatchSize: number): void; | 设置单个网络请求发送到mixpanel的事件数量 | function | no       | iOS,Android | yes               |
+| hasOptedOutTracking(): Promise<boolean>; | 获取用户是否选择退出追踪 | function | no       | iOS,Android | yes               |
+| optInTracking(): void; | 用户已选择跟踪 | function | no       | iOS,Android | yes               |
+| optOutTracking(): void; | 用户已选择退出跟踪 | function | no       | iOS,Android | yes               |
+| identify(distinctId: string): Promise<void>; | 将来的track调用都由以下的用户标识关联 | function | no       | iOS,Android | yes               |
+| alias(alias: string, distinctId: string): void; | 创建一个映射，将新的标识与用户的原始distinct_id关联起来 | function | no       | iOS,Android | yes               |
+| track(eventName: string, properties?: MixpanelProperties): void; | 发送事件 | function | yes      | iOS,Android | yes               |
+| getPeople(): People; | 获取People实例 | function | no       | iOS,Android | yes               |
+| trackWithGroups(eventName: string, properties?: MixpanelProperties, groups?: MixpanelProperties): void; | 追踪特定群体事件 | function | no       | iOS,Android | no                |
+| setGroup(groupKey: string, groupID: MixpanelType): void; | 设置用户所属的组 | function | no       | iOS,Android | no                |
+| getGroup(groupKey: string, groupID: MixpanelType): MixpanelGroup; | 获取Group实例 | function | no       | iOS,Android | yes               |
+| addGroup(groupKey: string, groupID: MixpanelType): void; | 添加组 | function | no       | iOS,Android | no                |
+| removeGroup(groupKey: string, groupID: MixpanelType): void; | 移除组 | function | no       | iOS,Android | no                |
+| deleteGroup(groupKey: string, groupID: MixpanelType): void; | 删除组 | function | no       | iOS,Android | no                |
+| registerSuperProperties(properties: MixpanelProperties): void; | 注册全局属性，这些属性通用于所有用户 | function | no       | iOS,Android | yes               |
+| registerSuperPropertiesOnce(properties: MixpanelProperties): void; | 注册全局属性，这些属性通用于所有用户，但不会覆盖已有的属性 | function | no       | iOS,Android | yes               |
+| unregisterSuperProperty(propertyName: string): void; | 删除指定的注册的全局属性 | function | no       | iOS,Android | yes               |
+| getSuperProperties(): Promise<MixpanelProperties>; | 获取注册的全局属性 | function | no       | iOS,Android | yes               |
+| clearSuperProperties(): void; | 删除所有注册的全局属性 | function | no       | iOS,Android | yes               |
+| timeEvent(eventName: string): void; | 发送计时事件 | function | no       | iOS,Android | yes               |
+| eventElapsedTime(eventName: string): Promise<number>; | 获取指定事件的当前计时 | function | no       | iOS,Android | yes               |
+| reset(): void; | 重置用户的相关信息 | function | no       | iOS,Android | yes               |
+| getDistinctId(): Promise<string>; | 获取唯一标识 | function | no       | iOS,Android | yes               |
+| getDeviceId(): Promise<string>; | 获取设备标识 | function | no       | iOS,Android | yes               |
+| flush(): void; | 推送所有事件及用户信息到服务器 | function | no       | iOS,Android | yes               |
+
+
+#### People
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| set(prop: string, to: MixpanelType): void; | 设置用户的属性 | function | no | iOS,Android | yes |
+| set(properties: MixpanelProperties): void; | 设置用户的属性 | function | no | iOS,Android | yes |
+| setOnce(prop: string, to: MixpanelType): void; | 设置用户的属性，但不会覆盖已有的属性 | function | no | iOS,Android | yes |
+| setOnce(properties: MixpanelProperties): void; | 设置用户的属性，但不会覆盖已有的属性 | function | no | iOS,Android | yes |
+| increment(prop: string, by: number): void; | 增加用户的某个数值属性的值，通常用于计数或累计某个行为的发生次数。 | function | no | iOS,Android | yes |
+| increment(properties: MixpanelProperties): void; | 增加用户的某个数值属性的值，通常用于计数或累计某个行为的发生次数。 | function | no | iOS,Android | yes |
+| append(name: string, value: MixpanelType): void; | 添加用户的某个属性的值，将值追加到用户属性中 | function | no | iOS,Android | yes |
+| union(name: string, value: Array<MixpanelType>): void; | 添加用户的某个属性的值，如果属性已经存在值，则新添加的数据会与现有值合并 | function | no | iOS,Android | yes |
+| remove(name: string, value: MixpanelType): void; | 删除用户的某个属性的指定值 | function | no | iOS,Android | yes |
+| unset(name: string): void; | 删除用户的某个属性及属性的值 | function | no | iOS,Android | yes |
+| trackCharge(charge: number, properties: MixpanelProperties): void; | 追踪用户的交易 | function | no | iOS,Android | yes |
+| clearCharges(): void; | 永久清除用户的历史交易记录 | function | no | iOS,Android | yes |
+| deleteUser(): void; | 从人员分析中永久删除用户 | function | no | iOS,Android | yes |
+
+
+#### MixpanelGroup
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| set(prop: string, to: MixpanelType): void; | 设置组的属性 | function | no | iOS,Android | no |
+| setOnce(prop: string, to: MixpanelType): void; | 设置组的属性，但不会覆盖已有的属性 | function | no | iOS,Android | no |
+| unset(prop: string): void; | 删除组的属性 | function | no | iOS,Android | no |
+| remove(name: string, value: MixpanelType): void; | 删除组的属性的值，删除指定值 | function | no | iOS,Android | no |
+| union(name: string, value: MixpanelType): void; | 添加组的属性的值，将值合并到组属性中 | function | no | iOS,Android | no |
+
+
+## 遗留问题
+- [ ] 部分接口暂未开发：[issue#5](https://github.com/react-native-oh-library/mixpanel-react-native/issues/5)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [Apache License2.0](https://github.com/mixpanel/mixpanel-react-native/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+

From 580931de159938d8bf14066b46376d447b3e8027 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=AE=87?= <478110507@qq.com>
Date: Wed, 23 Oct 2024 10:37:15 +0000
Subject: [PATCH 738/966] =?UTF-8?q?!1750=20docs:=20[Issues:=20#IAZ835]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-zip-archive=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZ835]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-zip-archive=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-zip-archive.md    | 2 +-
 zh-cn/react-native-zip-archive.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-zip-archive.md b/en/react-native-zip-archive.md
index 67ac5b5c..407f4411 100644
--- a/en/react-native-zip-archive.md
+++ b/en/react-native-zip-archive.md
@@ -546,7 +546,7 @@ ohpm install
 | unzipWithPassword   | Extract files or folders with a password                     | string  | no       | All      | yes               |
 | isPasswordProtected | Check if the password exists during password decompression   | boolean | no       | All      | yes               |
 | unzipAssets         | Pass in the specified directory during decompression         | string  | no       | All      | yes               |
-| getUncompressedSize | Check the size of the compressed file during decompression   | number  | no       | All      | yes               |
+| getUncompressedSize | File size after decompression                                | number  | no       | All      | yes               |
 | subscribe           | Display progress bar during compression and password decompression | void    | no       | All      | yes               |
 
 ## 遗留问题
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index 67ac5b5c..407f4411 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -546,7 +546,7 @@ ohpm install
 | unzipWithPassword   | Extract files or folders with a password                     | string  | no       | All      | yes               |
 | isPasswordProtected | Check if the password exists during password decompression   | boolean | no       | All      | yes               |
 | unzipAssets         | Pass in the specified directory during decompression         | string  | no       | All      | yes               |
-| getUncompressedSize | Check the size of the compressed file during decompression   | number  | no       | All      | yes               |
+| getUncompressedSize | File size after decompression                                | number  | no       | All      | yes               |
 | subscribe           | Display progress bar during compression and password decompression | void    | no       | All      | yes               |
 
 ## 遗留问题

From 4d8538ba88303d73f5e27d4855ca53963f7589f3 Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Wed, 23 Oct 2024 10:37:43 +0000
Subject: [PATCH 739/966] =?UTF-8?q?!1744=20docs:=20[Issues:#IAYYGR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-crop-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAYYGR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-crop-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-crop-picker.md    | 6 ++++--
 zh-cn/react-native-image-crop-picker.md | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md
index 836ea0ce..f39ea446 100644
--- a/en/react-native-image-crop-picker.md
+++ b/en/react-native-image-crop-picker.md
@@ -1016,7 +1016,7 @@ ohpm install
 | cropperToolbarWidgetColor (Android only) | string (default `darker orange`)                             | When cropping image, determines the color of Toolbar text and buttons. | no       | Android | no       |
 | freeStyleCropEnabled                      | bool (default false)                                         | Enables user to apply custom rectangle area for cropping     | no       | All      | yes      |
 | cropperToolbarTitle                       | string (default `Edit Photo`)                                | When cropping image, determines the title of Toolbar.        | no       | All      | yes      |
-| cropperCircleOverlay                      | bool (default false)                                         | Enable or disable circular cropping mask.                    | no       | All      | yes      |
+| cropperCircleOverlay                      | bool (default false)                                         | Enable or disable circular cropping mask.                    | no       | All      | no      |
 | disableCropperColorSetters (Android only) | bool (default false)                                         | When cropping image, disables the color setters for cropping library. | no       | Android | no       |
 | minFiles (iOS only)                    | number (default 1)                                           | Min number of files to select when using `multiple` option   | no       | iOS   | no      |
 | maxFiles (iOS only)                    | number (default 5)                                           | Max number of files to select when using `multiple` option   | no       | iOS   | yes      |
@@ -1027,7 +1027,7 @@ ohpm install
 | compressImageMaxWidth                     | number (default none)                                        | Compress image with maximum width                            | no       | All      | yes      |
 | compressImageMaxHeight                    | number (default none)                                        | Compress image with maximum height                           | no       | All      | yes      |
 | compressImageQuality                      | number (default 1 (Android)/0.8 (iOS))                       | Compress image with quality (from 0 to 1, where 1 is best quality). On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images, while a value of 0.8 will reduce the file size by about half or less compared to a value of 1. | no       | All      | yes      |
-| loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | yes      |
+| loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | no      |
 | mediaType                                 | string (default any)                                         | Accepted mediaType for image selection, can be one of: 'photo', 'video', or 'any' | no       | All      | yes      |
 | showsSelectedCount (iOS only)          | bool (default true)                                          | Whether to show the number of selected assets                | no       | iOS   | no      |
 | sortOrder (iOS only)                   | string (default 'none', supported values: 'asc', 'desc', 'none') | Applies a sort order on the creation date on how media is displayed within the albums/detail photo views when opening the image picker | no       | iOS   | no       |
@@ -1057,6 +1057,8 @@ ohpm install
 - [ ] Android Demo 设置是否显示底部控件 [#14](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/14)
 - [ ] 使用multiple选项时无法设置最小文件数 [#39](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/39)
 - [ ] 使用multiple选项时无法设置是否显示选中的资产数量 [#40](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/40)
+- [ ] photoAccessHelper选取完成之后没有loading过渡动画效果 [#45](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/45)
+- [ ] @ohos.multimedia.image无法进行圆形效果裁切 [#46](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/46)
 
 ## 其他
 
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 836ea0ce..f39ea446 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -1016,7 +1016,7 @@ ohpm install
 | cropperToolbarWidgetColor (Android only) | string (default `darker orange`)                             | When cropping image, determines the color of Toolbar text and buttons. | no       | Android | no       |
 | freeStyleCropEnabled                      | bool (default false)                                         | Enables user to apply custom rectangle area for cropping     | no       | All      | yes      |
 | cropperToolbarTitle                       | string (default `Edit Photo`)                                | When cropping image, determines the title of Toolbar.        | no       | All      | yes      |
-| cropperCircleOverlay                      | bool (default false)                                         | Enable or disable circular cropping mask.                    | no       | All      | yes      |
+| cropperCircleOverlay                      | bool (default false)                                         | Enable or disable circular cropping mask.                    | no       | All      | no      |
 | disableCropperColorSetters (Android only) | bool (default false)                                         | When cropping image, disables the color setters for cropping library. | no       | Android | no       |
 | minFiles (iOS only)                    | number (default 1)                                           | Min number of files to select when using `multiple` option   | no       | iOS   | no      |
 | maxFiles (iOS only)                    | number (default 5)                                           | Max number of files to select when using `multiple` option   | no       | iOS   | yes      |
@@ -1027,7 +1027,7 @@ ohpm install
 | compressImageMaxWidth                     | number (default none)                                        | Compress image with maximum width                            | no       | All      | yes      |
 | compressImageMaxHeight                    | number (default none)                                        | Compress image with maximum height                           | no       | All      | yes      |
 | compressImageQuality                      | number (default 1 (Android)/0.8 (iOS))                       | Compress image with quality (from 0 to 1, where 1 is best quality). On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images, while a value of 0.8 will reduce the file size by about half or less compared to a value of 1. | no       | All      | yes      |
-| loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | yes      |
+| loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | no      |
 | mediaType                                 | string (default any)                                         | Accepted mediaType for image selection, can be one of: 'photo', 'video', or 'any' | no       | All      | yes      |
 | showsSelectedCount (iOS only)          | bool (default true)                                          | Whether to show the number of selected assets                | no       | iOS   | no      |
 | sortOrder (iOS only)                   | string (default 'none', supported values: 'asc', 'desc', 'none') | Applies a sort order on the creation date on how media is displayed within the albums/detail photo views when opening the image picker | no       | iOS   | no       |
@@ -1057,6 +1057,8 @@ ohpm install
 - [ ] Android Demo 设置是否显示底部控件 [#14](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/14)
 - [ ] 使用multiple选项时无法设置最小文件数 [#39](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/39)
 - [ ] 使用multiple选项时无法设置是否显示选中的资产数量 [#40](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/40)
+- [ ] photoAccessHelper选取完成之后没有loading过渡动画效果 [#45](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/45)
+- [ ] @ohos.multimedia.image无法进行圆形效果裁切 [#46](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/46)
 
 ## 其他
 

From fc16876e4dd8a131428ba5b2610d59933903e875 Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Wed, 23 Oct 2024 12:39:17 +0000
Subject: [PATCH 740/966] =?UTF-8?q?!1743=20docs:=20[#IAYUGR]=20=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E7=BF=BB=E8=AF=91=E4=B8=89=E6=96=B9=E5=BA=93=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3=20*=20docs:=20fla?=
 =?UTF-8?q?sh-list=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native-toast=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=20*=20docs:=20react-native-text-gradient=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20do?=
 =?UTF-8?q?cs:=20react-native-syan-image-picker=E4=BD=BF=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20rea?=
 =?UTF-8?q?ct-native-switch-pro=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native?=
 =?UTF-8?q?-storage=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native-sqlite-storage?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=20*=20docs:=20react-native-spring-scrollview=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=20*=20docs:=20react-native-splash-screen=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20do?=
 =?UTF-8?q?cs:=20react-native-simple-toast=E4=BD=BF=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20rea?=
 =?UTF-8?q?ct-native-safe-module=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native?=
 =?UTF-8?q?-safe-area-context=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native-root-mod?=
 =?UTF-8?q?al=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native-reanimated?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=20*=20docs:=20react-native-pager-view=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=20*=20docs:=20react-native-nested-scroll-view=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=20*=20docs:=20react-native-masked-view=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20do?=
 =?UTF-8?q?cs:=20react-native-localize=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native?=
 =?UTF-8?q?-largelist=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native-fileuplo?=
 =?UTF-8?q?ad=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native-device-info?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=20*=20docs:=20react-native-color-matrix-image-filters?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=20*=20docs:=20react-native-clippath-capi=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=20*=20docs:=20react-native-cardview=E4=BD=BF=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20rea?=
 =?UTF-8?q?ct-native-calendar-events=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native?=
 =?UTF-8?q?-ble-plx=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native-bindingx=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=20*=20docs:=20react-native-baidu-map=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20do?=
 =?UTF-8?q?cs:=20react-native-amap3d.md=E4=BD=BF=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20rea?=
 =?UTF-8?q?ct-native-amap-geolocation=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native?=
 =?UTF-8?q?-SmartRefreshLayout=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native?=
 =?UTF-8?q?-MJRefresh.md=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20react-native-image-re?=
 =?UTF-8?q?sizer=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/bam-tech-react-native-image-resizer.md     |  82 +++++-----
 en/react-native-MJRefresh.md                  |  97 ++++++-----
 en/react-native-SmartRefreshLayout.md         | 108 ++++++-------
 en/react-native-amap-geolocation.md           |  93 +++++------
 en/react-native-amap3d.md                     | 151 +++++++++---------
 en/react-native-baidu-map.md                  | 132 +++++++--------
 en/react-native-bindingx.md                   |  83 +++++-----
 en/react-native-ble-plx.md                    |  91 +++++------
 en/react-native-calendar-events.md            | 104 +++++-------
 en/react-native-cardview.md                   |  84 +++++-----
 en/react-native-clippath-capi.md              |  87 +++++-----
 en/react-native-color-matrix-image-filters.md |  98 +++++-------
 en/react-native-device-info.md                | 142 ++++++++--------
 en/react-native-fileupload.md                 |  83 +++++-----
 en/react-native-gesture-handler.md            |   7 +-
 en/react-native-largelist.md                  |  58 +++----
 en/react-native-linear-gradient.md            |   8 +-
 en/react-native-localize.md                   |  82 +++++-----
 en/react-native-masked-view-masked-view.md    |  79 +++++----
 en/react-native-nested-scroll-view.md         |  55 +++----
 en/react-native-pager-view.md                 | 121 +++++++-------
 en/react-native-reanimated.md                 |  91 +++++------
 en/react-native-root-modal.md                 |  51 +++---
 en/react-native-safe-area-context.md          |  91 +++++------
 en/react-native-safe-module.md                |  43 +++--
 en/react-native-simple-toast.md               |  72 ++++-----
 en/react-native-splash-screen.md              |  91 +++++------
 en/react-native-spring-scrollview.md          |  95 ++++++-----
 en/react-native-sqlite-storage.md             |  78 +++++----
 en/react-native-storage.md                    |  31 ++--
 en/react-native-switch-pro.md                 |  46 +++---
 en/react-native-syan-image-picker.md          | 101 ++++++------
 en/react-native-text-gradient.md              |  88 +++++-----
 en/remobile-react-native-toast.md             |  85 +++++-----
 en/shopify-flash-list.md                      |  86 +++++-----
 zh-cn/react-native-amap3d.md                  |   4 +-
 zh-cn/react-native-baidu-map.md               |  15 +-
 zh-cn/react-native-calendar-events.md         |  11 --
 zh-cn/react-native-largelist.md               |   2 -
 zh-cn/react-native-spring-scrollview.md       |   2 +-
 zh-cn/react-native-syan-image-picker.md       |  19 ++-
 41 files changed, 1371 insertions(+), 1576 deletions(-)

diff --git a/en/bam-tech-react-native-image-resizer.md b/en/bam-tech-react-native-image-resizer.md
index 41f15048..61e40a9f 100644
--- a/en/bam-tech-react-native-image-resizer.md
+++ b/en/bam-tech-react-native-image-resizer.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@bam.tech/react-native-image-resizer</code> </h1>
@@ -14,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-resizer)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-image-resizer)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-image-resizer@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useRef, useState } from 'react';
@@ -271,17 +270,17 @@ const styles = StyleSheet.create({
 export default ImageResizerDemo;    
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -292,18 +291,16 @@ export default ImageResizerDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -312,22 +309,22 @@ export default ImageResizerDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 ImageResizerPackage
+### 3. Configuring CMakeLists and Introducing ImageResizerPackage
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open `entry/src/main/ets/RNPackagesFactory.ts` and add the following code:
 
 ```diff
   ...
@@ -341,39 +338,39 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases)
 
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description         | Type     | Required | Platform    | HarmonyOS Support |
 |--------------------|---------------------|----------|----------|-------------|-------------------|
 | createResizedImage | Resize local images | function | No       | Android/iOS | Yes               |
 
-### createResizedImage参数
+### createResizedImage parameters
 
 | Name                 | Description         | Type    | Platform    | HarmonyOS Support |
 |----------------------|---------------------|---------|-------------|-------------------|
@@ -388,11 +385,10 @@ ohpm install
 | options.mode         | Similar to react-native Image's resizeMode: either contain (the default), cover, or stretch. contain will fit the image within width and height, preserving its ratio. cover preserves the aspect ratio, and makes sure the image is at least width wide or height tall. stretch will resize the image to exactly width and height. | string  | Android/iOS | Yes               |
 | options.onlyScaleDown | 	If true, will never enlarge the image, and will only make it smaller. | boolean | Android/iOS | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/bamlab/react-native-image-resizer/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/bamlab/react-native-image-resizer/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-MJRefresh.md b/en/react-native-MJRefresh.md
index 0ac22357..902c64a0 100644
--- a/en/react-native-MJRefresh.md
+++ b/en/react-native-MJRefresh.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-MJRefresh</code> </h1>
@@ -14,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-MJRefresh)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-MJRefresh)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-mjrefresh@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { Component } from "react";
@@ -55,7 +54,7 @@ export default class MjRefreshDemo extends Component {
   }
 
   state = {
-    text: "下拉刷新",
+    text: "Pull to Refresh",
     refreshing: false
   }
   _onRefresh = () => {
@@ -72,7 +71,7 @@ export default class MjRefreshDemo extends Component {
             onRefresh={
               () => {
                 this.setState({
-                  text: '正在刷新'
+                  text: 'Refreshing'
                 })
                 console.log('onRefresh')
                 setTimeout(() => {
@@ -83,14 +82,14 @@ export default class MjRefreshDemo extends Component {
             onRefreshIdle={() => console.log('onRefreshIdle')}
             onReleaseToRefresh={() => {
               this.setState({
-                text: '释放刷新'
+                text: 'Release to Refresh'
               })
             }}
             onPulling={e => {
               console.log('cbdtest onPulling:' + e.nativeEvent.percent)
               if (e.nativeEvent.percent < 0.1) {
                 this.setState({
-                  text: '下拉刷新'
+                  text: 'Pull to Refresh'
                 })
               }
             }}
@@ -114,11 +113,11 @@ export default class MjRefreshDemo extends Component {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -129,18 +128,16 @@ export default class MjRefreshDemo extends Component {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -150,22 +147,22 @@ export default class MjRefreshDemo extends Component {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 MJRefreshPackge
+### 3. Configuring CMakeLists and Introducing MJRefreshPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -203,7 +200,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open  `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -220,34 +217,34 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)
 
-## 属性
+## Properties 
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请见[react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
+For more details, see [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
 
 | Name               | Description | Type     | Required | Platform | HarmonyOS Support (ArkTS) |HarmonyOS Support (CAPI) |
 | :----------------- | ----------- | -------- | -------- | -------- | ----------------- |----------------- |
@@ -256,23 +253,21 @@ ohpm install
 | onReleaseToRefresh | System Path | function | No       | IOS      | yes               |yes               |
 | onPulling          | System Path | function | No       | IOS      | yes               |yes               |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请见[react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
+For more details, see [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
 
 | Name          | Description | Type     | Required | Platform | HarmonyOS Support (ArkTS) | HarmonyOS Support (CAPI) |
 | :------------ | ----------- | -------- | -------- | -------- | ----------------- |----------------- |
 | beginRefresh  | System Path | function | No       | IOS      | yes               |yes               |
 | finishRefresh | System Path | function | No       | IOS      | yes               |yes               |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [Apache License (Apache)](https://github.com/react-native-studio/react-native-MJRefresh/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [Apache License (Apache)](https://github.com/react-native-studio/react-native-MJRefresh/blob/master/LICENSE).
diff --git a/en/react-native-SmartRefreshLayout.md b/en/react-native-SmartRefreshLayout.md
index f49f4956..cb6e3ee7 100644
--- a/en/react-native-SmartRefreshLayout.md
+++ b/en/react-native-SmartRefreshLayout.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-SmartRefreshLayout</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-smartrefreshlayout)
+> [!Tip] [Github address](https://github.com/react-native-oh-library/react-native-smartrefreshlayout)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-smartrefreshlayout@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -58,8 +57,8 @@ import {
 } from "react-native-smartrefreshlayout";
 
 const App = () => {
-  const [text, setText] = useState("状态");
-  const [text1, setText1] = useState("刷新时间");
+  const [text, setText] = useState("Status");
+  const [text1, setText1] = useState("Refresh time");
 
   const [headerHeight, setHeaderHeight] = useState(66);
   const [color, setColor] = useState("#fff000");
@@ -125,7 +124,7 @@ const App = () => {
         }}
       >
         <Text style={{ height: 40, width: "100%", backgroundColor: "green" }}>
-          切换颜色（正在刷新中不支持切换背景色）
+          Switch Color (Background color switching is not supported while refreshing)
         </Text>
       </TouchableOpacity>
 
@@ -144,7 +143,7 @@ const App = () => {
           setText("onHeaderMoving" + JSON.stringify(e.nativeEvent));
         }}
         onRefresh={() => {
-          setText1("时间：" + new Date().getTime() + "onRefresh触发刷新");
+          setText1("Time：" + new Date().getTime() + "onRefresh");
         }}
         HeaderComponent={
           <AnyHeader style = {{ height: 0 }}>
@@ -179,11 +178,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -193,18 +192,16 @@ export default App;
   }
 }
 ```
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入 （推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -214,22 +211,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 SmartRefreshLayoutPackage
+### 3. Configuring CMakeLists and Introducing SmartRefreshLayoutPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open  `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -265,7 +262,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_BEGIN: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp`  and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -282,9 +279,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 SmartRefreshPackage（版本>=0.6.7-0.2.9）
+### 4. Introducing SmartRefreshPackage to ArkTS（Version>=0.6.7-0.2.9）
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the  `entry/src/main/ets/RNPackagesFactory.ts`  file and add the following code:
 
 ```diff
   ...
@@ -298,34 +295,34 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases)
 
-## 属性
+## Properties
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**组件 SmartRefreshControl**
+**SmartRefreshControl**
 
 | Name                  | Description                                                      | Type                                                                         | Required | Platform | HarmonyOS Support |
 | --------------------- | ---------------------------------------------------------------- | ---------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -345,8 +342,7 @@ ohpm install
 | `onHeaderReleased`    | Header 释放时触发                                                | function                                                                     | No       | Android  | Yes                |
 | `onHeaderMoving`      | header 移动过程中触发,包括下拉过程和释放过程。                   | ({nativeEvent: {percent:number, offset:number, headerHeight:number}})=>void; | No       | Android  | Yes               |
 
-
-**组件 AnyHeader**
+**AnyHeader**
 
 当前组件支持
 
@@ -354,7 +350,7 @@ ohpm install
 | -------------- | ------------------------ | ------ | -------- | -------- | -------- |
 | `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | Yes   |
 
-**组件 DefaultHeader/ClassicsHeader**
+**DefaultHeader/ClassicsHeader**
 
 当前组件支持
 
@@ -363,7 +359,7 @@ ohpm install
 | `primaryColor` | 刷新组件 Header 的主调色 | string | No       | Android  | Yes   |
 | `accentColor`  | 刷新组件 Header 的强调色 | string | No       | Android  | Yes   |
 
-**组件 StoreHouseHeader**
+**StoreHouseHeader**
 
 当前组件支持
 
@@ -375,25 +371,23 @@ ohpm install
 
 ---
 
-## 静态方法
+## Static Methods
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | finishRefresh  | complete refresh         | function  | No | Android      | Yes |
 
-## 遗留问题
+## Known Issues
 
 - [X] SmartRefreshLayout 包裹 FlatList 组件，多次下拉刷新，item 会回弹：[Issue #11 ](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/issues/11)
 - [ ] SmartRefreshLayout 的StoreHouseHeader刷新头，暂不支持透明度的变化：[Issue #45 ](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/issues/45)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [Apache License 2.0](https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/0.6.7/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [Apache License 2.0](https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/0.6.7/LICENSE).
diff --git a/en/react-native-amap-geolocation.md b/en/react-native-amap-geolocation.md
index 2c39c5f9..91db2ab4 100644
--- a/en/react-native-amap-geolocation.md
+++ b/en/react-native-amap-geolocation.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-amap-geolocation</code> </h1>
@@ -14,17 +13,15 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-amap-geolocation) 
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-amap-geolocation) 
 
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -42,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-amap-geolocation@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from "react";
@@ -275,18 +272,18 @@ render() {
 export default AmapGeoLocationDemo;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+This repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -297,18 +294,16 @@ export default AmapGeoLocationDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -317,22 +312,22 @@ export default AmapGeoLocationDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 AmapGeolocationPackage
+### 3. Introducing AmapGeolocationPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -346,32 +341,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)
 
-### 权限要求
+### Permission Requirements
 
-#### 在 entry 目录下的module.json5中添加权限
+#### Add permissions in the module.json5 file under the entry directory.
 
-打开 `entry/src/main/module.json5`，添加：
+Open `entry/src/main/module.json5`, add the following permission：
 
 ```
 ...
@@ -396,9 +391,9 @@ ohpm install
 ]
 ```
 
-#### 在 entry 目录下添加位置权限的原因
+#### Adding the description of location permissions in the entry directory
 
-打开 `entry/src/main/resources/base/element/string.json`，添加：
+open `entry/src/main/resources/base/element/string.json`, add the following content：
 
 ```
 ...
@@ -419,9 +414,9 @@ ohpm install
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type          | Required | Platform | HarmonyOS Support |
 | ---- | ----------- |---------------|----------| -------- |-------------------|
@@ -456,7 +451,7 @@ ohpm install
 | Geolocation.watchPosition  | 注册监听器进行持续定位 | void          | no      | iOS/Android      | yes               |
 | Geolocation.clearWatch  | 移除位置监听 | void          | no      | iOS/Android      | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] isStarted()接口获取当前是否正在定位的状态,harmony暂不支持[issue#2](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/2)
 - [ ] setGpsFirst()接口获取当前是否正在定位的状态,harmony暂不支持[issue#3](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/3)
@@ -477,10 +472,8 @@ ohpm install
 - [ ] setAllowsBackgroundLocationUpdates()接口是否允许后台定位,harmony暂不支持[issue#23](https://github.com/react-native-oh-library/react-native-amap-geolocation/issues/23)
 
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/qiuxiang/react-native-amap-geolocation/blob/main/license) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/qiuxiang/react-native-amap-geolocation/blob/main/license).
diff --git a/en/react-native-amap3d.md b/en/react-native-amap3d.md
index bea7e0ab..8fca1617 100644
--- a/en/react-native-amap3d.md
+++ b/en/react-native-amap3d.md
@@ -1,5 +1,4 @@
-<!--{%raw%}-->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-amap3d</code> </h1>
@@ -14,16 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-amap3d)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-amap3d)
 
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-amap3d@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -147,11 +145,11 @@ export default AMapDemo;
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -162,18 +160,16 @@ export default AMapDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -182,22 +178,22 @@ export default AMapDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 MapViewPackge
+### 3. Configuring CMakeLists and Introducing MapViewPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -235,7 +231,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -255,9 +251,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```
 
 
-### 4.在 ArkTs 侧引入 react-native-amap3d 组件
+### 4. Introducing react-native-amap3d Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
 ...
@@ -312,9 +308,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.  
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -329,9 +325,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.在 ArkTs 侧引入 AMap3DPackage
+### 5. Introducing AMap3DPackage to ArkTS 
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 
 ```diff  
@@ -345,33 +341,33 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal: 
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)
 
 
-## 属性
+## Properties 
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 ### MapView
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -436,11 +432,11 @@ ohpm install
 | geodesic  | 是否绘制大地线        | boolean  | yes | iOS      | no |
 | dotted  | 是否绘制虚线        | boolean  | yes | iOS      | yes |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 ### MapView
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -472,9 +468,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -482,42 +478,41 @@ ohpm install
 | getVersion  | 获取版本信息         | Promise<string>  | yes | iOS      | no |
 
 ## 遗留问题
-- [ ] initSDK：hramony暂不支持: [issue#16](https://github.com/react-native-oh-library/react-native-amap3d/issues/16)
-- [ ] getVersion：hramony暂不支持: [issue#17](https://github.com/react-native-oh-library/react-native-amap3d/issues/17)
+- [ ] initSDK: Does not support in hramony: [issue#16](https://github.com/react-native-oh-library/react-native-amap3d/issues/16)
+- [ ] getVersion: Does not support in hramony: [issue#17](https://github.com/react-native-oh-library/react-native-amap3d/issues/17)
 ### MapView
-- [ ] indoorViewEnabled：高德SDK暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-amap3d/issues/6)
-- [ ] compassEnabled：高德SDK暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-amap3d/issues/7)
-- [ ] buildingsEnabled：高德SDK暂不支持: [issue#33](https://github.com/react-native-oh-library/react-native-amap3d/issues/33)
-- [ ] myLocationEnabled：高德SDK暂不支持: [issue#29](https://github.com/react-native-oh-library/react-native-amap3d/issues/29)
-- [ ] distanceFilter：高德SDK暂不支持: [issue#11](https://github.com/react-native-oh-library/react-native-amap3d/issues/11)
-- [ ] anchor:高德SDK暂不支持: [issue#34](https://github.com/react-native-oh-library/react-native-amap3d/issues/34)
-- [ ] centerOffset:高德SDK暂不支持: [issue#35](https://github.com/react-native-oh-library/react-native-amap3d/issues/35)
-- [X] zoomControlsEnabled：高德SDK暂不支持: [issue#8](https://github.com/react-native-oh-library/react-native-amap3d/issues/8)
-- [X] scaleControlsEnabled：高德SDK暂不支持: [issue#9](https://github.com/react-native-oh-library/react-native-amap3d/issues/9)
-- [ ] headingFilter：高德SDK暂不支持: [issue#12](https://github.com/react-native-oh-library/react-native-amap3d/issues/12)
-- [ ] geodesic：高德SDK暂不支持: [issue#36](https://github.com/react-native-oh-library/react-native-amap3d/issues/36)
-- [ ] onCameraMove: 高德SDK暂不支持： [issue#14](https://github.com/react-native-oh-library/react-native-amap3d/issues/14)
-- [ ] onCameraIdle: 高德SDK暂不支持: [issue#15](https://github.com/react-native-oh-library/react-native-amap3d/issues/15)
-- [X] onPressPoi：高德SDK暂不支持: [issue#13](https://github.com/react-native-oh-library/react-native-amap3d/issues/13)
-- [ ] onLocation：高德SDK暂不支持: [issue#10](https://github.com/react-native-oh-library/react-native-amap3d/issues/10)
-- [ ] onCallback：高德SDK部分支持: [issue#21](https://github.com/react-native-oh-library/react-native-amap3d/issues/21)
-- [ ] moveCamera：harmony暂不支持: [issue#19](https://github.com/react-native-oh-library/react-native-amap3d/issues/19)
-- [ ] call：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-amap3d/issues/5)
+- [ ] indoorViewEnabled: Amap SDK is not supported: [issue#6](https://github.com/react-native-oh-library/react-native-amap3d/issues/6)
+- [ ] compassEnabled: Amap SDK is not supported: [issue#7](https://github.com/react-native-oh-library/react-native-amap3d/issues/7)
+- [ ] buildingsEnabled: Amap SDK is not supported: [issue#33](https://github.com/react-native-oh-library/react-native-amap3d/issues/33)
+- [ ] myLocationEnabled: Amap SDK is not supported: [issue#29](https://github.com/react-native-oh-library/react-native-amap3d/issues/29)
+- [ ] distanceFilter: Amap SDK is not supported: [issue#11](https://github.com/react-native-oh-library/react-native-amap3d/issues/11)
+- [ ] anchor: Amap SDK is not supported: [issue#34](https://github.com/react-native-oh-library/react-native-amap3d/issues/34)
+- [ ] centerOffset: Amap SDK is not supported: [issue#35](https://github.com/react-native-oh-library/react-native-amap3d/issues/35)
+- [X] zoomControlsEnabled: Amap SDK is not supported: [issue#8](https://github.com/react-native-oh-library/react-native-amap3d/issues/8)
+- [X] scaleControlsEnabled: Amap SDK is not supported: [issue#9](https://github.com/react-native-oh-library/react-native-amap3d/issues/9)
+- [ ] headingFilter: Amap SDK is not supported: [issue#12](https://github.com/react-native-oh-library/react-native-amap3d/issues/12)
+- [ ] geodesic: Amap SDK is not supported: [issue#36](https://github.com/react-native-oh-library/react-native-amap3d/issues/36)
+- [x] onCameraMove: Amap SDK is not supported: [issue#14](https://github.com/react-native-oh-library/react-native-amap3d/issues/14)
+- [ ] onCameraIdle: Amap SDK is not supported: [issue#15](https://github.com/react-native-oh-library/react-native-amap3d/issues/15)
+- [X] onPressPoi: Amap SDK is not supported: [issue#13](https://github.com/react-native-oh-library/react-native-amap3d/issues/13)
+- [ ] onLocation: Amap SDK is not supported: [issue#10](https://github.com/react-native-oh-library/react-native-amap3d/issues/10)
+- [ ] onCallback: Amap SDK has partial support: [issue#21](https://github.com/react-native-oh-library/react-native-amap3d/issues/21)
+- [x] moveCamera: Does not support in hramony: [issue#19](https://github.com/react-native-oh-library/react-native-amap3d/issues/19)
+- [ ] call: Does not support in hramony: [issue#5](https://github.com/react-native-oh-library/react-native-amap3d/issues/5)
 
 ### Marker
-- [ ] icon：高德SDK暂不支持: [issue#20](https://github.com/react-native-oh-library/react-native-amap3d/issues/20)
-- [ ] update：harmony暂不支持: [issue#18](https://github.com/react-native-oh-library/react-native-amap3d/issues/18)
+- [ ] icon: Amap SDK is not supported yet: [issue#20](https://github.com/react-native-oh-library/react-native-amap3d/issues/20)
+- [ ] update: Amap SDK is not supported yet: [issue#18](https://github.com/react-native-oh-library/react-native-amap3d/issues/18)
 ### Cluster
-- [ ] Cluster：高德SDK暂不支持添加该组件: [issue#2](https://github.com/react-native-oh-library/react-native-amap3d/issues/2)
+- [ ] Cluster: Amap SDK does not currently support adding this component: [issue#2](https://github.com/react-native-oh-library/react-native-amap3d/issues/2)
 ### HeatMap
-- [ ] HeatMap：高德SDK暂不支持添加该组件: [issue#3](https://github.com/react-native-oh-library/react-native-amap3d/issues/3)
+- [ ] HeatMap: Amap SDK does not currently support adding this component: [issue#3](https://github.com/react-native-oh-library/react-native-amap3d/issues/3)
 ### MultiPoint
-- [ ] MultiPoint：高德SDK暂不支持添加该组件: [issue#4](https://github.com/react-native-oh-library/react-native-amap3d/issues/4)
+- [ ] MultiPoint: Amap SDK does not currently support adding this component: [issue#4](https://github.com/react-native-oh-library/react-native-amap3d/issues/4)
 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License (MIT)](https://github.com/qiuxiang/react-native-amap3d/blob/main/license) ，请自由地享受和参与开源。
-<!--{%endraw%}-->
+This project is licensed under [MIT License (MIT)](https://github.com/qiuxiang/react-native-amap3d/blob/main/license).
diff --git a/en/react-native-baidu-map.md b/en/react-native-baidu-map.md
index a665a14e..2b9b3c57 100644
--- a/en/react-native-baidu-map.md
+++ b/en/react-native-baidu-map.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-baidu-map</code> </h1>
@@ -13,17 +12,17 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-baidu-map)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-baidu-map)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases
-发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
-，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:end -->
 
 #### **npm**
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-baidu-map@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from 'react';
@@ -158,11 +157,11 @@ export default App;
 
 ## Link
 
-目前harmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的harmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -173,18 +172,16 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -193,22 +190,22 @@ export default App;
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 BaiduMapPackage
+### 3. Configuring CMakeLists and Introducing BaiduMapPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -246,7 +243,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -265,9 +262,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 BaiduMapPackage
+### 4. Introducing BaiduMapPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -281,10 +278,10 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.在 ArkTs 侧引入 react-native-baidu-map 组件
+### 5. Introducing react-native-baidu-map Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets`
-或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets`
+or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -347,10 +344,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] The repository uses a mixed solution, the component name needs to be added.  
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames`
-在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -366,33 +362,32 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release
-配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
 
-### 权限要求
+### Permission Requirements
 
-#### 在 entry 目录下的module.json5中添加权限
+#### Add permissions in the module.json5 file under the entry directory.
 
-打开 `entry/src/main/module.json5`，添加：
+Open `entry/src/main/module.json5`, add the following permission:
 
 ```diff
 ...
@@ -442,14 +437,13 @@ ohpm install
     ]
 ```
 
-## 属性
+## Properties 
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标
-> iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-#### MapView Props 属性
+#### MapView Props
 
 | Name                    | Description                      | Type     | Required | Platform | HarmonyOS Support |
 |-------------------------|----------------------------------|----------|----------|----------|-------------------|
@@ -472,7 +466,7 @@ ohpm install
 | onMarkerClick           | 地图上的标记被点击时的回调函数                  | Function | no      | All      | no                |
 | onMapPoiClick           | 地图上的兴趣点（POI）被点击时的回调函数            | Function | no      | All      | no                |
 
-#### Marker Props 属性
+#### Marker Props
 
 | Name         | Description                              | Type     | Required | Platform | HarmonyOS Support |
 |--------------|------------------------------------------|----------|----------|----------|-------------------|
@@ -490,7 +484,7 @@ ohpm install
 
 #### Cluster 点聚合
 
-#### Arc Props 属性
+#### Arc Props 
 
 | Name   | Description    | Type    | Required | Platform | HarmonyOS Support |
 |--------|----------------|---------|----------|----------|-------------------|
@@ -498,7 +492,7 @@ ohpm install
 | points | 数值长度必须为        | Object  | yes      | All      | no                |
 | dash   | 是否为虚线    | Boolean | yes      | iOS      | no                |
 
-#### Circle Props 属性
+#### Circle Props
 
 | Name      | Description       | Type   | Required | Platform | HarmonyOS Support |
 |-----------|-------------------|--------|----------|----------|-------------------|
@@ -507,14 +501,14 @@ ohpm install
 | stroke    | 圆的描边样式            | Object | yes       | All      | yes               |
 | center    | 圆的中心点坐标           | Object | yes       | All      | yes               |
 
-#### Polyline Props 属性
+#### Polyline Props
 
 | Name   | Description | Type   | Required | Platform | HarmonyOS Support |
 |--------|-------------|--------|----------|----------|-------------------|
 | points | 折线的顶点坐标数组   | Object | yes      | All      | yes               |
 | stroke | 折线的描边样式     | Object | yes      | All      | no               |
 
-#### Polygon Props 属性
+#### Polygon Props
 
 | Name      | Description          | Type   | Required | Platform | HarmonyOS Support |
 |-----------|----------------------|--------|----------|----------|-------------------|
@@ -522,7 +516,7 @@ ohpm install
 | fillColor | 多边形的填充颜色（十六进制，带透明度）	 | String | no      | All      | yes               |
 | stroke    | 多边形的描边样式             | Object | no      | All      | yes               |
 
-#### Text Props 属性
+#### Text Props
 
 | Name      | Description   | Type   | Required | Platform | HarmonyOS Support |
 |-----------|---------------|--------|----------|----------|-------------------|
@@ -535,7 +529,7 @@ ohpm install
 
 #### MarkerIcon 使用 View 作为 marker 的 icon
 
-#### InfoWindow Props 属性
+#### InfoWindow Props
 
 #### 必须作为 Marker 的子组件
 
@@ -543,19 +537,18 @@ ohpm install
 |---------|--------------------------------|--------|----------|----------|-------------------|
 | offsetY | 相对于 point 在 y 轴的偏移量	 | Object | yes      | Android  | no                |
 
-#### HeatMap Props 属性
+#### HeatMap Props
 
 | Name     | Description | Type   | Required | Platform | HarmonyOS Support |
 |----------|-------------|--------|----------|----------|-------------------|
 | points   | 绘制热度图的点     | array  | yes      | All      | no                |
 | gradient | 颜色渐变对象      | object | yes      | All      | no                |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标
-> iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### BaiduMapManager
 
@@ -589,7 +582,7 @@ ohpm install
 | openTransitRoute | 调起百度地图公交路线  | void | no       | All      | yes               |
 | openWalkNavi     | 调起百度地图步行路线  | void | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 - [ ] Arc覆盖物未实现 [#15](https://github.com/react-native-oh-library/react-native-baidu-map/issues/15)
 - [ ] infoWindow覆盖物未实现 [#16](https://github.com/react-native-oh-library/react-native-baidu-map/issues/16)
 - [ ] HeatMap覆盖物未实现 [#17](https://github.com/react-native-oh-library/react-native-baidu-map/issues/17)
@@ -602,9 +595,8 @@ ohpm install
 - [ ] Polyline的stroke属性未实现 [#21](https://github.com/react-native-oh-library/react-native-baidu-map/issues/29)
 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/lovebing/react-native-baidu-map/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/lovebing/react-native-baidu-map/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-bindingx.md b/en/react-native-bindingx.md
index 789a037a..1ab4a924 100644
--- a/en/react-native-bindingx.md
+++ b/en/react-native-bindingx.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-bindingx</code> </h1>
@@ -13,16 +12,16 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bindingx)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-bindingx)
 
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-bindingx@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, {Component} from 'react';
@@ -158,11 +157,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -175,16 +174,16 @@ const styles = StyleSheet.create({
 
 ### 2.引入原生端代码
 
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+Method 1 (recommended): Use the HAR file.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -193,22 +192,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ReactBindingXPackge
+### 3. Configuring CMakeLists and Introducing ReactBindingXPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -246,7 +245,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -267,9 +266,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```
 
 
-### 4.在 ArkTs 侧引入 ReactBindingXPackage
+### 4. Introducing ReactBindingXPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -283,32 +282,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
 | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
@@ -318,12 +317,10 @@ ohpm install
 | prepare           | launch bind. This method is only useful for pan type binding.                                                                                                                 | void            | yes      | iOS/Android     |      yes           |
 | getComputedStyle  | get styles of specified view.                                                                                                                                                 | Promise<string> | yes      | iOS/Android     |      yes           |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [Apache License2.0](https://github.com/alibaba/bindingx/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [Apache License2.0](https://github.com/alibaba/bindingx/blob/master/LICENSE.md).
diff --git a/en/react-native-ble-plx.md b/en/react-native-ble-plx.md
index b93aff25..3f8127b3 100644
--- a/en/react-native-ble-plx.md
+++ b/en/react-native-ble-plx.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"><code>react-native-ble-plx</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ble-plx)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-ble-plx)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-ble-plx@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import {
@@ -146,17 +145,17 @@ class BLEServiceInstance {
   }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+This repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -167,18 +166,16 @@ class BLEServiceInstance {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -187,22 +184,22 @@ class BLEServiceInstance {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 BlePlxPackage
+### 3. Introducing  BlePlxPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -216,28 +213,28 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)
 
-### 权限要求
+### Permission Requirements
 
 - 由于此库涉及蓝牙系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
 
@@ -245,9 +242,9 @@ ohpm install
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -294,17 +291,15 @@ ohpm install
 | writeDescriptorForCharacteristic(characteristicIdentifier: number, descriptorUUID: string, valueBase64: string,transactionId: string)  | write identifier characteristic descriptor          | Promise<Object> | yes | iOS/Android      | yes |
 | writeDescriptor(descriptorIdentifier: number, valueBase64: string, transactionId: string)  | write identifier descriptor        | Promise<Object> | yes | iOS/Android      | yes |
 
-## 遗留问题
+## Known Issues
 
-- [ ] cancelTransaction(transactionId: string)接口harmony暂不支持: [issue#2](https://github.com/react-native-oh-library/react-native-ble-plx/issues/2)
-- [ ] setLogLevel(logLevel: string)接口harmony暂不支持: [issue#3](https://github.com/react-native-oh-library/react-native-ble-plx/issues/3)
-- [ ] logLevel()接口harmony暂不支持: [issue#4](https://github.com/react-native-oh-library/react-native-ble-plx/issues/4)
-- [ ] requestConnectionPriorityForDevice(deviceId: string, connectionPriority: number,transactionId: string)接口harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-ble-plx/issues/5)
+- [ ] cancelTransaction(transactionId: string) is not supported in harmony: [issue#2](https://github.com/react-native-oh-library/react-native-ble-plx/issues/2)
+- [ ] setLogLevel(logLevel: string) is not supported in harmony: [issue#3](https://github.com/react-native-oh-library/react-native-ble-plx/issues/3)
+- [ ] logLevel() is not supported in harmony: [issue#4](https://github.com/react-native-oh-library/react-native-ble-plx/issues/4)
+- [ ] requestConnectionPriorityForDevice(deviceId: string, connectionPriority: number,transactionId: string) is not supported in harmony: [issue#5](https://github.com/react-native-oh-library/react-native-ble-plx/issues/5)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [Apache License 2.0](https://github.com/dotintent/react-native-ble-plx/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [Apache License 2.0](https://github.com/dotintent/react-native-ble-plx/blob/master/LICENSE).
diff --git a/en/react-native-calendar-events.md b/en/react-native-calendar-events.md
index 4e795c13..d3b1ccf0 100644
--- a/en/react-native-calendar-events.md
+++ b/en/react-native-calendar-events.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-calendar-events</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-calendar-events)
+> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-calendar-events)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-calendar-events@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 
@@ -234,18 +233,17 @@ const styles = StyleSheet.create({
 export default CalendarDemo;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+This repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -255,22 +253,16 @@ export default CalendarDemo;
   }
 }
 ```
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -279,29 +271,22 @@ export default CalendarDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
-
-打开终端，执行：
+Method 2: Directly link to the source code.
 
-```bash
-cd entry
-ohpm install --no-link
-```
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 CalendarEventPackage
+### 3. Introducing  CalendarEventPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -315,31 +300,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+ Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-### 权限要求
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases)
 
-#### 在 entry 目录下的module.json5中添加权限
+### Permission Requirements
 
-打开 `entry/src/main/module.json5`，添加：
+#### Add permissions in the module.json5 file under the entry directory.
+
+Open `entry/src/main/module.json5`, add the following permission:
 
 ```diff
 ...
@@ -367,9 +353,9 @@ ohpm install
 ]
 ```
 
-#### 在 entry 目录下添加申请日历权限的原因
+#### Add the description for requiring calendar permissions in the entry directory
 
-打开 `entry/src/main/resources/base/element/string.json`，添加：
+Open `entry/src/main/resources/base/element/string.json`, add the following content:
 
 ```diff
 ...
@@ -385,9 +371,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                                                     | Type      | Required | Platform | HarmonyOS Support |
 |-----------------------|-------------------------------------------------------------------------------------------------|-----------| -------- |----------|------------------|
@@ -401,12 +387,10 @@ ohpm install
 | saveEvent(title, details, options)           | Creates or updates a calendar event. To update an event, the event id must be defined.          | function  | No       | All      | yes              |
 | removeEvent(id, options)         | Removes calendar event.                                                                         | function  | No       | All      | yes              |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md).
diff --git a/en/react-native-cardview.md b/en/react-native-cardview.md
index ffec70f3..619bf903 100644
--- a/en/react-native-cardview.md
+++ b/en/react-native-cardview.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-cardview</code> </h1>
@@ -13,15 +12,17 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-cardview)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-cardview)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
 
 #### **npm**
 
@@ -37,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-cardview@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from 'react';
@@ -112,11 +113,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -127,18 +128,16 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -147,22 +146,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 CardViewPackage
+### 3. Configuring CMakeLists and Introducing CardViewPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -200,7 +199,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -219,34 +218,34 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)
+Check the release version information in the release address of the third-party library: [react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)
 
-## 属性
+## Properties 
 
-  cardview组件接收所有[React Native Text](https://reactnative.dev/docs/text)组件的Props。
+  cardview is compatible with all properties of [React Native Text](https://reactnative.dev/docs/text).
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -256,13 +255,12 @@ ohpm install
 | useCompatPadding     | CardView adds additional padding to draw shadows on platforms before Lollipop.         | boolean | No       | Android       | no                |
 | cornerOverlap        | On pre-Lollipop platforms, CardView does not clip the bounds of the Card for the rounded corners. | boolean | No   | Android   | no               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] cornerRadius和cardElevation属性同时调用的时会导致阴影不显示: [#issues14](https://github.com/react-native-oh-library/react-native-cardview/issues/14)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License](https://github.com/Kishanjvaghela/react-native-cardview/blob/master/LICENSE)，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License](https://github.com/Kishanjvaghela/react-native-cardview/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-clippath-capi.md b/en/react-native-clippath-capi.md
index 560ec679..ffeee35a 100644
--- a/en/react-native-clippath-capi.md
+++ b/en/react-native-clippath-capi.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-clippath(CAPI)</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath/tree/capi)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-clippath/tree/capi)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-clippathview@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import { View, Text, ScrollView } from "react-native";
@@ -66,11 +65,11 @@ export default function index() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -81,18 +80,16 @@ export default function index() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open  `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -101,23 +98,23 @@ export default function index() {
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 
-### 3.配置 CMakeLists 和引入 ClipPathViewPackage
+### 3. Configuring CMakeLists and Introducing ClipPathViewPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open  `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -146,7 +143,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_BEGIN: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open  `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -163,9 +160,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ClipPathPackage
+### 4. Introducing  ClipPathPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the  `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -179,32 +176,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)
 
-## 属性
+## Properties 
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                                                                                    | Type              | Required | Platform    | HarmonyOS Support |
 | -------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
@@ -236,14 +233,10 @@ ohpm install
 | scOy                 | 缩放中心点垂直位置                                                                                             | number            | No       | iOS/Android | Yes               |
 | scPercentageValue    | scO、scOx、scOy 使用百分比                                                                                     | boolean           | No       | iOS/Android | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-clippath/blob/capi/LICENSE) ，请自由地享受和参与开源。
-
----
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-clippath/blob/capi/LICENSE).
diff --git a/en/react-native-color-matrix-image-filters.md b/en/react-native-color-matrix-image-filters.md
index 43d720c5..f1d66b66 100644
--- a/en/react-native-color-matrix-image-filters.md
+++ b/en/react-native-color-matrix-image-filters.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-color-matrix-image-filters</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import {
@@ -79,11 +78,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -94,18 +93,16 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -114,38 +111,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-打开 `entry/oh-package.json5`，添加以下依赖
+### 3. Configuring CMakeLists and Introducing ColorMatrixImageFiltersPackage
 
-```json
-"dependencies": {
-"@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-"@react-native-oh-tpl/react-native-color-matrix-image-filters": "file:../../node_modules/@react-native-oh-tpl/react-native-color-matrix-image-filters/harmony/color_matrix_image_filters"
-  }
-```
-
-打开终端，执行：
-
-```bash
-cd entry
-ohpm install --no-link
-```
-
-### 3.配置 CMakeLists 和引入 ColorMatrixImageFiltersPackage
-
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -183,7 +164,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -203,33 +184,33 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```
 
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases)
 
 
-## 属性
+## Properties 
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -278,13 +259,10 @@ ohpm install
 | Achromatomaly    | -                                                                                                               | achromatomaly(): Matrix                          
 
 
-## 遗留问题
-
-## 其他
-
-## 开源协议
+## Known Issues
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/blob/master/LICENSE) ，请自由地享受和参与开源。
+## Others
 
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/blob/master/LICENSE).
diff --git a/en/react-native-device-info.md b/en/react-native-device-info.md
index 84a863f0..f6f7c4d4 100644
--- a/en/react-native-device-info.md
+++ b/en/react-native-device-info.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-device-info</code> </h1>
@@ -13,16 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-device-info)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-device-info)
 
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-device-info@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 
@@ -57,17 +55,17 @@ import DeviceInfo from 'react-native-device-info';
   DeviceInfo.getModel();
   DeviceInfo.getDeviceType();
 ```
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+This repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -78,18 +76,16 @@ import DeviceInfo from 'react-native-device-info';
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -98,23 +94,23 @@ import DeviceInfo from 'react-native-device-info';
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 
-### 3.在 ArkTs 侧引入 RNDeviceInfoPackage
+### 3. Introducing RNDeviceInfoPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -128,33 +124,33 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases)
 
 
-### 权限要求
+### Permission Requirements
 
-#### 在 entry 目录下的module.json5中添加权限
+#### Add permissions in the module.json5 file under the entry directory.
 
-打开 `entry/src/main/module.json5`，添加：
+Open `entry/src/main/module.json5`, add the following permission：
 
 ```diff
 ...
@@ -170,9 +166,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -261,36 +257,34 @@ ohpm install
 | getSupportedMediaTypeList  | This method gets the list of supported media codecs.       | Promise<string[]>  | yes | IOS/Android      | yes |
 
 
-## 遗留问题
-
-- [ ] getDeviceId()接口harmony暂不支持[issue#8](https://github.com/react-native-oh-library/react-native-device-info/issues/8)
-- [ ] getDeviceToken()接口harmony暂不支持[issue#9](https://github.com/react-native-oh-library/react-native-device-info/issues/9)
-- [ ] getFingerprint()接口harmony暂不支持 [issue#10](https://github.com/react-native-oh-library/react-native-device-info/issues/10)
-- [ ] getFreeDiskStorage()接口harmony暂不支持 [issue#11](https://github.com/react-native-oh-library/react-native-device-info/issues/11)
-- [ ] getFreeDiskStorageOld()接口harmony暂不支持 [issue#12](https://github.com/react-native-oh-library/react-native-device-info/issues/12)
-- [ ] getInstallReferrer()接口harmony暂不支持 [issue#13](https://github.com/react-native-oh-library/react-native-device-info/issues/13)
-- [ ] getMacAddress()接口harmony暂不支持 [issue#14](https://github.com/react-native-oh-library/react-native-device-info/issues/14)
-- [ ] getMaxMemory()接口harmony暂不支持 [issue#15](https://github.com/react-native-oh-library/react-native-device-info/issues/15)
-- [ ] getSerialNumber()接口harmony暂不支持 [issue#16](https://github.com/react-native-oh-library/react-native-device-info/issues/16)
-- [ ] getTags()接口harmony暂不支持 [issue#17](https://github.com/react-native-oh-library/react-native-device-info/issues/17)
-- [ ] getTotalDiskCapacity()接口harmony暂不支持 [issue#18](https://github.com/react-native-oh-library/react-native-device-info/issues/18)
-- [ ] getTotalDiskCapacityOld()接口harmony暂不支持 [issue#19](https://github.com/react-native-oh-library/react-native-device-info/issues/19)
-- [ ] getTotalMemory()接口harmony暂不支持 [issue#20](https://github.com/react-native-oh-library/react-native-device-info/issues/20)
-- [ ] getUniqueId()接口harmony暂不支持 [issue#21](https://github.com/react-native-oh-library/react-native-device-info/issues/21)
-- [ ] syncUniqueId()接口harmony暂不支持 [issue#22](https://github.com/react-native-oh-library/react-native-device-info/issues/22)
-- [ ] getUserAgent()接口harmony暂不支持 [issue#23](https://github.com/react-native-oh-library/react-native-device-info/issues/23)
-- [ ] getUserAgentSync()接口harmony暂不支持 [issue#24](https://github.com/react-native-oh-library/react-native-device-info/issues/24) 
-- [ ] hasNotch()接口harmony暂不支持 [issue#25](https://github.com/react-native-oh-library/react-native-device-info/issues/25)
-- [ ] hasDynamicIsland()接口harmony暂不支持 [issue#26](https://github.com/react-native-oh-library/react-native-device-info/issues/26)
-- [ ] hasSystemFeature()接口harmony暂不支持 [issue#27](https://github.com/react-native-oh-library/react-native-device-info/issues/27)
-- [ ] isEmulator()接口harmony暂不支持 [issue#28](https://github.com/react-native-oh-library/react-native-device-info/issues/28) 
-- [ ] isDisplayZoomed()接口harmony暂不支持 [issue#29](https://github.com/react-native-oh-library/react-native-device-info/issues/29)
-- [ ] getBrightness()接口harmony暂不支持 [issue#30](https://github.com/react-native-oh-library/react-native-device-info/issues/30)
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-device-info/react-native-device-info/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+## Known Issues
+
+- [ ] Does not support getDeviceId() in harmony [issue#8](https://github.com/react-native-oh-library/react-native-device-info/issues/8)
+- [ ] Does not support getDeviceToken() in harmony [issue#9](https://github.com/react-native-oh-library/react-native-device-info/issues/9)
+- [ ] Does not support getFingerprint() in harmony [issue#10](https://github.com/react-native-oh-library/react-native-device-info/issues/10)
+- [ ] Does not support getFreeDiskStorage() in harmony [issue#11](https://github.com/react-native-oh-library/react-native-device-info/issues/11)
+- [ ] Does not support getFreeDiskStorageOld() in harmony [issue#12](https://github.com/react-native-oh-library/react-native-device-info/issues/12)
+- [ ] Does not support getInstallReferrer() in harmony [issue#13](https://github.com/react-native-oh-library/react-native-device-info/issues/13)
+- [ ] Does not support getMacAddress() in harmony [issue#14](https://github.com/react-native-oh-library/react-native-device-info/issues/14)
+- [ ] Does not support getMaxMemory() in harmony [issue#15](https://github.com/react-native-oh-library/react-native-device-info/issues/15)
+- [ ] Does not support getSerialNumber() in harmony [issue#16](https://github.com/react-native-oh-library/react-native-device-info/issues/16)
+- [ ] Does not support getTags() in harmony [issue#17](https://github.com/react-native-oh-library/react-native-device-info/issues/17)
+- [ ] Does not support getTotalDiskCapacity() in harmony [issue#18](https://github.com/react-native-oh-library/react-native-device-info/issues/18)
+- [ ] Does not support getTotalDiskCapacityOld() in harmony [issue#19](https://github.com/react-native-oh-library/react-native-device-info/issues/19)
+- [ ] Does not support getTotalMemory() in harmony [issue#20](https://github.com/react-native-oh-library/react-native-device-info/issues/20)
+- [ ] Does not support getUniqueId() in harmony [issue#21](https://github.com/react-native-oh-library/react-native-device-info/issues/21)
+- [ ] Does not support syncUniqueId() in harmony [issue#22](https://github.com/react-native-oh-library/react-native-device-info/issues/22)
+- [ ] Does not support getUserAgent() in harmony [issue#23](https://github.com/react-native-oh-library/react-native-device-info/issues/23)
+- [ ] Does not support getUserAgentSync() in harmony [issue#24](https://github.com/react-native-oh-library/react-native-device-info/issues/24) )
+- [ ] Does not support hasNotch() in harmony [issue#25](https://github.com/react-native-oh-library/react-native-device-info/issues/25)
+- [ ] Does not support hasDynamicIsland() in harmony [issue#26](https://github.com/react-native-oh-library/react-native-device-info/issues/26)
+- [ ] Does not support hasSystemFeature() in harmony [issue#27](https://github.com/react-native-oh-library/react-native-device-info/issues/27)
+- [ ] Does not support isEmulator() in harmony [issue#28](https://github.com/react-native-oh-library/react-native-device-info/issues/28) 
+- [ ] Does not support isDisplayZoomed() in harmony [issue#29](https://github.com/react-native-oh-library/react-native-device-info/issues/29)
+- [ ] Does not support getBrightness() in harmony [issue#30](https://github.com/react-native-oh-library/react-native-device-info/issues/30)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-device-info/react-native-device-info/blob/master/LICENSE).
diff --git a/en/react-native-fileupload.md b/en/react-native-fileupload.md
index eae58a48..317e3ed2 100644
--- a/en/react-native-fileupload.md
+++ b/en/react-native-fileupload.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fileupload</code> </h1>
@@ -14,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fileupload)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-fileupload)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,11 +39,11 @@ yarn add @react-native-oh-tpl/react-native-fileupload@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-此库需要在`entry/src/main/module.json5`下加入：
+This library requires the following permissions to be added in `entry/src/main/module.json5`.
 
 ```json
 "requestPermissions": [ 
@@ -120,17 +119,17 @@ let styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -140,18 +139,16 @@ let styles = StyleSheet.create({
   }
 }
 ```
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -160,22 +157,22 @@ let styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 FileUpLoadPackage
+### 3. Configuring CMakeLists and Introducing FileUpLoadPackage
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open `entry/src/main/ets/RNPackagesFactory.ts` and add the following code:
 
 ```diff
   ...
@@ -189,43 +186,41 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | upload | File upload  | void  | yes | iOS/Android  | yes     |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/PhilippKrone/react-native-fileupload/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under  [The MIT License (MIT)](https://github.com/PhilippKrone/react-native-fileupload/blob/master/LICENSE).
diff --git a/en/react-native-gesture-handler.md b/en/react-native-gesture-handler.md
index 4ffe25d0..20b9bf18 100644
--- a/en/react-native-gesture-handler.md
+++ b/en/react-native-gesture-handler.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -105,7 +104,7 @@ export default function App() {
 
 ## Use Codegen
 
-this repository  release package that end with rc.x has been adapted to `Codegen` , generate the bridge code of the third-party library by using the `Codegen`. For details, see[ Codegen Usage Guide](/zh-cn/codegen.md).
+this repository  release package that end with rc.x has been adapted to `Codegen` , generate the bridge code of the third-party library by using the `Codegen`. For details, see[ Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -158,7 +157,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md)
 
 ### 3. Configuring CMakeLists and Introducing GestureHandlerPackage
 
@@ -467,5 +466,3 @@ Y coordinate, expressed in points, of the current position of the pointer (finge
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-largelist.md b/en/react-native-largelist.md
index 63478d77..d35c48b6 100644
--- a/en/react-native-largelist.md
+++ b/en/react-native-largelist.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-largelist</code> </h1>
@@ -15,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-largelist)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-largelist)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
->[!TIP] # 处替换为 tgz 包的路径
+>[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-largelist@file:#
 ```
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 // Largelist
@@ -123,40 +121,40 @@ const styles = StyleSheet.create({
 });
 ```
 
-更多示例可以查看[largelistExample](https://github.com/bolan9999/react-native-largelist/tree/master/Examples)
+For more examples, see [largelistExample](https://github.com/bolan9999/react-native-largelist/tree/master/Examples)
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-spring-scrollview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The implementation of this library depends on the native code of @react-native-oh-tpl/react-native-spring-scrollview . If you have already included this library in your HarmonyOS project, you do not need to include it again. You can skip this section and  use the library directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-spring-scrollview 文档的 Link 章节](/zh-cn/react-native-spring-scrollview.md#link)进行引入
+If you have not included it, please refer to the [Linking section of the @react-native-oh-tpl/react-native-spring-scrollview ](/zh-cn/react-native-spring-scrollview.md#link)
 
-### 运行
+### Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)
 
-## 属性
+## Properties 
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Largelist:
 | Name                           | Description                                                                                                                                                                                                                           | Type                                                                                                          | Required | Platform    | HarmonyOS Support |
@@ -213,14 +211,10 @@ ohpm install
 | directionalLockEnabled | 当此属性为true时，它会试着锁定只在水平或垂直一个方向上滚动。 | boolean | no       | Android/iOS | no               |
 | headerStickyEnabled    | 将头部吸在StickForm的顶部，Section跟着吸在头部的下边。       | boolean | no       | Android/iOS | no               |
 
-## 遗留问题
-
-## 其他
-
-react-native-largelist组件：[列表数据显示不完整，列表后有空白](https://github.com/bolan9999/react-native-largelist/issues/489)
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-largelist/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License (MIT)](https://github.com/bolan9999/react-native-largelist/blob/master/LICENSE).
diff --git a/en/react-native-linear-gradient.md b/en/react-native-linear-gradient.md
index bda32f49..d1a0887d 100644
--- a/en/react-native-linear-gradient.md
+++ b/en/react-native-linear-gradient.md
@@ -109,7 +109,7 @@ Open the harmony directory of the HarmonyOS project in DevEco Studio.
 }
 ```
 
-### 2.Introducing Native Code
+### 2. Introducing Native Code
 
 Currently, two methods are available:
 
@@ -138,9 +138,9 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code.](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code.](/en/link-source-code.md)
 
-### 3.Configuring CMakeLists and Introducing LinearGradientPackage Package
+### 3. Configuring CMakeLists and Introducing LinearGradientPackage Package
 
 Open entry/src/main/cpp/CMakeLists.txt and add the following code:
 
@@ -199,7 +199,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.Running
+### 4. Running
 
 Click the sync button in the upper right corner.
 
diff --git a/en/react-native-localize.md b/en/react-native-localize.md
index 659628a7..5e8c0b95 100644
--- a/en/react-native-localize.md
+++ b/en/react-native-localize.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-localize</code></h1>
@@ -13,16 +12,16 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-localize)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-localize)
 
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
->[!TIP] # 处替换为 tgz 包的路径
+>[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-localize@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import * as React from "react";
@@ -115,17 +114,17 @@ function LocalizeDemo() {
 export default LocalizeDemo;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -136,18 +135,16 @@ export default LocalizeDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -156,22 +153,22 @@ export default LocalizeDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNLocalizePackage
+### 3. Introducing RNLocalizePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -186,32 +183,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name                      | Description                                    | Required | Platform | HarmonyOS Support |
@@ -229,12 +226,11 @@ ohpm install
 | usesAutoTimeZone()        | Tells if the automatic time zone setting is enabled on the phone. Android only | No       | Android  | No                |
 | findBestLanguageTag()     | Returns the best language tag possible and its reading direction | No       | All      | yes               |
 
-## 遗留问题
-- [ ]  HarmonyOS 侧无法获取温度及长度单位[issue#2](https://github.com/react-native-oh-library/react-native-localize/issues/2)
+## Known Issues
+- [ ]  Temperature and length units cannot be obtained in HarmonyOS  [issue#2](https://github.com/react-native-oh-library/react-native-localize/issues/2)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-localize/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/zoontek/react-native-localize/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-masked-view-masked-view.md b/en/react-native-masked-view-masked-view.md
index 2b36bb92..b33cc191 100644
--- a/en/react-native-masked-view-masked-view.md
+++ b/en/react-native-masked-view-masked-view.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-masked-view/masked-view</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/react-native-oh-library/masked-view)
+> [!Tip] [Github address](https://github.com/react-native-oh-library/masked-view)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/masked-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { StyleSheet, Text, View } from 'react-native';
@@ -105,11 +104,11 @@ export default MaskedDemo
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -120,18 +119,16 @@ export default MaskedDemo
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -141,22 +138,22 @@ export default MaskedDemo
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 MaskedPackage
+### 3. Configuring CMakeLists and Introducing MaskedPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -194,7 +191,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -213,45 +210,43 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-library/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description  | Type               | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------ | ------------------ | -------- | -------- | ----------------- |
 | `maskElement`          | 遮罩元素     | element            | yes      | All      | yes               |
 | `androidRenderingMode` | 安卓渲染模式 | software, hardware | no       | android  | no                |
 
-## 遗留问题
+## Known Issues
 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-masked-view/masked-view/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-masked-view/masked-view/blob/master/LICENSE).
diff --git a/en/react-native-nested-scroll-view.md b/en/react-native-nested-scroll-view.md
index cffdf5ab..d31b60c4 100644
--- a/en/react-native-nested-scroll-view.md
+++ b/en/react-native-nested-scroll-view.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-nested-scroll-view</code> </h1>
@@ -14,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-nested-scroll-view)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-nested-scroll-view)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-nested-scroll-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -99,36 +98,34 @@ const styles = StyleSheet.create({
 export default NestedScrollViewExample;
 ```
 
-### 运行
+### Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)
 
-## 属性
+## Properties 
 
 Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#props) 组件的Props
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-常用属性如下：
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -161,9 +158,9 @@ Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在Re
 
 Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#methods) 组件的Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -172,12 +169,10 @@ Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在Re
 | flashScrollIndicators  | 该方法用于显示滚动指示器，通常在需要提醒用户可以滚动时使用。| function  | no       | Android/IOS  | yes                |
 
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/cesardeazevedo/react-native-nested-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/cesardeazevedo/react-native-nested-scroll-view/blob/master/LICENSE).
diff --git a/en/react-native-pager-view.md b/en/react-native-pager-view.md
index 5c99bcec..52861e56 100644
--- a/en/react-native-pager-view.md
+++ b/en/react-native-pager-view.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-pager-view</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-pager-view)
+> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-pager-view)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-pager-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -70,11 +69,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 ```json
 {
   ...
@@ -84,18 +83,16 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -105,22 +102,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ViewPagerPackage
+### 3. Configuring CMakeLists and Introducing ViewPagerPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -156,7 +153,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: link_packages
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -173,9 +170,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ViewPagerPackage
+### 4. Introducing ViewPagerPackage to ArkTS 
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -191,59 +188,57 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+## Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases)
 
-## 属性
+## Properties 
 
-> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                                     | Description                                                                                                                                                                                                                                                         | Type                           | Required | Platform     | HarmonyOS Support          |
-| ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------ | -------- | ------------ | -------------------------- |
-| initialPage                              | Index of initial page that should be selected                                                                                                                                                                                                                       | number                         | 是       | ios，android | yes                        |
-| scrollEnabled                            | Should pager view scroll, when scroll enabled                                                                                                                                                                                                                       | bool                           | 是       | ios，android | yes                        |
-| onPageScroll                             | Executed when transitioning between pages (ether because the animation for the requested page has changed or when the user is swiping/dragging between pages)                                                                                                       | function                       | 否       | ios，android | yes                        |
-| onPageScrollStateChanged                 | Function called when the page scrolling state has changed                                                                                                                                                                                                           | function                       | 否       | ios，android | yes                        |
-| onPageSelected                           | This callback will be called once the ViewPager finishes navigating to the selected page                                                                                                                                                                            | function                       | 否       | ios，android | yes                        |
-| pageMargin                               | Blank space to be shown between pages                                                                                                                                                                                                                               | number （取值范围:0~屏幕宽度） | 否       | ios，android | 仅支持取 0-368（屏幕宽度） |
-| keyboardDismissMode                      | Determines whether the keyboard gets dismissed in response to a drag                                                                                                                                                                                                | one of 'none' ,'on-drag'       | 否       | ios,android  | yes                        |
-| orientation                              | Set horizontal or vertical scrolling orientation (it does not work dynamically)                                                                                                                                                                                     | one of horizontal vertical     | 否       | ios，android | yes                        |
-| overScrollMode                           | Used to override default value of overScroll mode. Can be auto, always or never. Defaults to auto                                                                                                                                                                   | one of auto, always ,never     | 否       | android      | yes                        |
-| offscreenPageLimit                       | Set the number of pages that should be retained to either side of the currently visible page(s). Pages beyond this limit will be recreated from the adapter when needed. Defaults to RecyclerView's caching strategy. The given value must either be larger than 0. | number                         | 否       | android      | no                         |
-| overdrag                                 | Allows for overscrolling after reaching the end or very beginning or pages. Defaults to false                                                                                                                                                                       | bool                           | 否       | ios          | yes                        |
-| layoutDirection                          | Specifies layout direction. Use ltr or rtl to set explicitly or locale to deduce from the default language script of a locale. Defaults to locale                                                                                                                   | string                         | 否       | android,ios  | yes                        |
-| setPage(index: number)                   | Function to scroll to a specific page in the PagerView. Invalid index is ignored.                                                                                                                                                                                   | function                       | 否       | android,ios  | yes                        |
-| setPageWithoutAnimation(index: number)   | Function to scroll to a specific page in the PagerView. Invalid index is ignored.                                                                                                                                                                                   | function                       | 否       | android,ios  | yes                        |
-| setScrollEnabled(scrollEnabled: boolean) | FA helper function to enable/disable scroll imperatively. The recommended way is using the scrollEnabled prop, however, there might be a case where a imperative solution is more useful (e.g. for not blocking an animation)                                       | function                       | 否       | android,ios  | yes                        |
+| Name                                     | Description                                                  | Type                            | Required | Platform     | HarmonyOS Support                                           |
+| ---------------------------------------- | ------------------------------------------------------------ | ------------------------------- | -------- | ------------ | ----------------------------------------------------------- |
+| initialPage                              | Index of initial page that should be selected                | number                          | yes      | ios，android | yes                                                         |
+| scrollEnabled                            | Should pager view scroll, when scroll enabled                | bool                            | yes      | ios，android | yes                                                         |
+| onPageScroll                             | Executed when transitioning between pages (ether because the animation for the requested page has changed or when the user is swiping/dragging between pages) | function                        | no       | ios，android | yes                                                         |
+| onPageScrollStateChanged                 | Function called when the page scrolling state has changed    | function                        | no       | ios，android | yes                                                         |
+| onPageSelected                           | This callback will be called once the ViewPager finishes navigating to the selected page | function                        | no       | ios，android | yes                                                         |
+| pageMargin                               | Blank space to be shown between pages                        | number (Range: 0 ~ ScreenWidth) | no       | ios，android | Only values between 0 and 368 (screen width) are supported. |
+| keyboardDismissMode                      | Determines whether the keyboard gets dismissed in response to a drag | one of 'none' ,'on-drag'        | no       | ios,android  | yes                                                         |
+| orientation                              | Set horizontal or vertical scrolling orientation (it does not work dynamically) | one of horizontal vertical      | no       | ios，android | yes                                                         |
+| overScrollMode                           | Used to override default value of overScroll mode. Can be auto, always or never. Defaults to auto | one of auto, always ,never      | no       | android      | yes                                                         |
+| offscreenPageLimit                       | Set the number of pages that should be retained to either side of the currently visible page(s). Pages beyond this limit will be recreated from the adapter when needed. Defaults to RecyclerView's caching strategy. The given value must either be larger than 0. | number                          | no       | android      | no                                                          |
+| overdrag                                 | Allows for overscrolling after reaching the end or very beginning or pages. Defaults to false | bool                            | no       | ios          | yes                                                         |
+| layoutDirection                          | Specifies layout direction. Use ltr or rtl to set explicitly or locale to deduce from the default language script of a locale. Defaults to locale | string                          | no       | android,ios  | yes                                                         |
+| setPage(index: number)                   | Function to scroll to a specific page in the PagerView. Invalid index is ignored. | function                        | no       | android,ios  | yes                                                         |
+| setPageWithoutAnimation(index: number)   | Function to scroll to a specific page in the PagerView. Invalid index is ignored. | function                        | no       | android,ios  | yes                                                         |
+| setScrollEnabled(scrollEnabled: boolean) | FA helper function to enable/disable scroll imperatively. The recommended way is using the scrollEnabled prop, however, there might be a case where a imperative solution is more useful (e.g. for not blocking an animation) | function                        | no       | android,ios  | yes                                                         |
 
-## 遗留问题
+## Known Issues
 
-- [ ] offscreenPageLimit 未实现 HarmonyOS 化[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
+- [ ] offscreenPageLimit is not adapted to HarmonyOS[issue#7](https://github.com/react-native-oh-library/react-native-pager-view/issues/7)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pager-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pager-view/blob/harmony/LICENSE).
diff --git a/en/react-native-reanimated.md b/en/react-native-reanimated.md
index 47231db4..1fc4fc44 100644
--- a/en/react-native-reanimated.md
+++ b/en/react-native-reanimated.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reanimated</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-reanimated/tree/sig)
+> [!Tip] [Github address](https://github.com/react-native-oh-library/react-native-harmony-reanimated/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-reanimated@file:#
 
 <!-- tabs:end -->
 
-添加 react-native-reanimated/plugin 插件到 `babel.config.js`:
+Add react-native-reanimated/plugin to `babel.config.js`:
 
-> [!TIP] 为什么需要添加这个？Reanimated Babel 插件会自动转换特殊的 JavaScript 函数（称为 worklet），以便它们可以被传递并在 UI 线程上运行。
+> [!TIP] Why is this needed? The Reanimated Babel plugin automatically converts special JavaScript functions (called worklets) so that they can be passed and run on the UI thread.
 
 ```js
   module.exports = {
@@ -55,7 +54,7 @@ yarn add @react-native-oh-tpl/react-native-reanimated@file:#
   };
 ```
 
-清除 Metro 的缓存（推荐）:
+Clear the Metro cache (recommended):
 
 <!-- tabs:start -->
 
@@ -73,9 +72,9 @@ yarn start --reset-cache
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { Button, View } from "react-native";
@@ -105,11 +104,11 @@ export default function App() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -120,18 +119,16 @@ export default function App() {
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -141,22 +138,22 @@ export default function App() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ReanimatedPackage
+### 3. Configuring CMakeLists and Introducing ReanimatedPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -185,9 +182,9 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_reanimated)
 # RNOH_BEGIN: manual_package_linking_2
 ```
-> [!Tip] 注意：上面NODE_MODULES定义，为源库的安装路径，用户可以根据安装源库的路径定义NODE_MODULES
+> [!Tip] **Note**: The NODE_MODULES path refers to the installation path of the source repository. Users can define NODE_MODULES based on the path where the source repository is installed.
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open`entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -204,9 +201,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ReanimatedPackage
+### 4. Introducing ReanimatedPackage to ArkTS 
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open`entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -220,32 +217,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-该库是基于react-native-reanimated（version=3.6.0）进行适配，要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+This library is adapted based on react-native-reanimated (version=3.6.0). To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                                                                                                                                                                | Type     | Required | Platform | HarmonyOS Support |
 | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -263,12 +260,10 @@ ohpm install
 | `measure`          | measure lets you synchronously get the dimensions and position of a view on the screen, all on the UI thread.                                                                                                              | function | No       | All      | yes               |
 | `Easing`           | easing set motion trajectory                                                                                                                                                                                               | function | No       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/software-mansion/react-native-reanimated/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/software-mansion/react-native-reanimated/blob/main/LICENSE).
diff --git a/en/react-native-root-modal.md b/en/react-native-root-modal.md
index 894d7b13..0b2e700b 100644
--- a/en/react-native-root-modal.md
+++ b/en/react-native-root-modal.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-root-modal</code> </h1>
@@ -14,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-root-modal)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-root-modal)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-root-modal@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import React, {
@@ -152,47 +151,45 @@ class CustomStyleDemo extends Component{
 export default CustomStyleDemo;
 ```
 
-### 运行
+### Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases)
 
 
-## 属性
+## Properties 
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-react-native-root-modal组件接收所有[React Native View](https://reactnative.dev/docs/view#props)组件的Props.
+react-native-root-modal is compatible with all properties of [React Native View](https://reactnative.dev/docs/view#props).
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | visible  | 控制模态框是否可见  | boolean  | no | Android/iOS  | yes |
 | style  | 设置modal的样式，可以使用常规的样式属性  | style  | no | Android/iOS  | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-modal/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/magicismight/react-native-root-modal/blob/master/LICENSE).
diff --git a/en/react-native-safe-area-context.md b/en/react-native-safe-area-context.md
index 09ce09df..a9d7e572 100644
--- a/en/react-native-safe-area-context.md
+++ b/en/react-native-safe-area-context.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-safe-area-context</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-area-context)
+> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-safe-area-context)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-safe-area-context@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -69,11 +68,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -84,18 +83,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -105,22 +101,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 SafeAreaViewPackage
+### 3. Configuring CMakeLists and Introducing SafeAreaViewPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt ` and add the following code:
 
 ```diff
 ```diff
@@ -159,7 +155,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -178,9 +174,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 SafeAreaViewPackage
+### 4. Introducing SafeAreaViewPackage to ArkTS 
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the`entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -195,32 +191,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 兼容性
+## Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**组件 SafeAreaProvider**
+**SafeAreaProvider**
 
 You should add `SafeAreaProvider` in your app root component. You may need to add it in other places like the root of modals and routes when using react-native-screens.
 
@@ -231,7 +227,7 @@ Note that providers should not be inside a View that is animated with Animated o
 | `Props`          | Accepts all View props. Has a default style of {flex: 1}.                                                                                                       | object | no       | All      | yes      |
 | `initialMetrics` | Can be used to provide the initial value for frame and insets, this allows rendering immediatly. See optimization for more information on how to use this prop. | object | no       | All      | yes      |
 
-**组件 SafeAreaView**
+**SafeAreaView**
 
 `SafeAreaView` is a regular View component with the safe area insets applied as padding or margin.
 
@@ -243,9 +239,9 @@ Note that providers should not be inside a View that is animated with Animated o
 
 # API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type     | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- |----------|----------| -------- | ------------------ |
@@ -256,11 +252,10 @@ Note that providers should not be inside a View that is animated with Animated o
 | SafeAreaFrameContext  | React Context with the value of the safe area frame.         | object | no       | All      | yes  |
 | initialWindowMetrics  | Insets and frame of the window on initial render. This can be used with the initialMetrics from SafeAreaProvider  | object | no       | All      | yes   |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/th3rdwave/react-native-safe-area-context/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License (MIT)](https://github.com/th3rdwave/react-native-safe-area-context/blob/main/LICENSE).
diff --git a/en/react-native-safe-module.md b/en/react-native-safe-module.md
index a9d6442f..049cbd83 100644
--- a/en/react-native-safe-module.md
+++ b/en/react-native-safe-module.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-safe-module</code> </h1>
@@ -13,16 +12,16 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-module)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-safe-module)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases).
 
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-safe-module@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -66,27 +65,26 @@ const App = () => {
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 Name | Description | Type | Required | Platform | HarmonyOS   Support
 -- | -- | -- | -- | -- | --
-SafeModule.create(options) | 创建Module | Object | Yes | iOS/Android | Yes |  
+SafeModule.create(options) | create Module | Object | Yes | iOS/Android | Yes 
 
-
-**options**：SafeModule.create(options) 方法的参数
+**options**：SafeModule.create(options)  Parameters
 
 | Name                                                      | Description                                                                                                         | Type     | Required | Platform | HarmonyOS Support |
 | --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -97,12 +95,11 @@ SafeModule.create(options) | 创建Module | Object | Yes | iOS/Android | Yes |
 | options.isEventEmitter                              |  A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.                                                                                                  | bool   | No       | iOS/Android      | Yes                |
 
 
-## 遗留问题
+## Known Issues
 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/lelandrichardson/react-native-safe-module/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [MIT License](https://github.com/lelandrichardson/react-native-safe-module/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-simple-toast.md b/en/react-native-simple-toast.md
index 4fe9b3fe..36c801b0 100644
--- a/en/react-native-simple-toast.md
+++ b/en/react-native-simple-toast.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-simple-toast</code></h1>
@@ -13,16 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-simple-toast)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-simple-toast)
 
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-simple-toast Releases](https://github.com/react-native-oh-library/react-native-simple-toast/releases)
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-simple-toast Releases](https://github.com/react-native-oh-library/react-native-simple-toast/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
->[!TIP] # 处替换为 tgz 包的路径
+>[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-simple-toast@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from 'react';
@@ -115,50 +113,50 @@ export default function App() {
   );
 }
 ```
-## 约束与限制
+## Constraints
+
+### Compatibility
 
-### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.19
+1. RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.19
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
-| Name                   | Description               | Required | Platform | HarmonyOS Support |
-| ---------------------- |---------------------------| -------- |----------|-------------------|
-| show(message, duration, options)        | 吐司                        | No       | All      | partially         |
-| showWithGravity(message, duration, gravity, options)   | 可设置top,bottom和center位置的吐司 | No       | All      | No                |
-| showWithGravityAndOffset(message,duration,gravity,xOffset,yOffset,options,); | 可设置x轴和y轴偏移的吐司             | No       | All      | No                |
+| Name                                                         | Description                                                 | Required | Platform | HarmonyOS Support |
+| ------------------------------------------------------------ | ----------------------------------------------------------- | -------- | -------- | ----------------- |
+| show(message, duration, options)                             | show toast                                                  | No       | All      | partially         |
+| showWithGravity(message, duration, gravity, options)         | Toast that can be set to top, bottom, and center positions. | No       | All      | No                |
+| showWithGravityAndOffset(message,duration,gravity,xOffset,yOffset,options,); | Toast that can be set with x-axis and y-axis offsets.       | No       | All      | No                |
 
 
-## 属性
+## Properties 
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description      | Type             | Required |   HarmonyOS Support  |
 | ---- |------------------|------------------| -------- |  ------------------ |
-LONG  | toast显示时间:LONG   | number           | / | yes
-SHORT | toast显示时间：SHORT       | number | / | yes
-TOP | toast显示位置:TOP    | number | / | no
-BOTTOM | toast显示位置:BOTTOM | number | / | no
-CENTER | toast显示位置:CENTER | number | / | no
+|LONG  | Toast Display Duration: LONG | number           | / | yes|
+|SHORT | Toast Display Duration: SHORT | number | / | yes|
+|TOP | Toast Display Position:TOP | number | / | no|
+|BOTTOM | Toast Display Position: BOTTOM | number | / | no|
+|CENTER | Toast Display Position: CENTER | number | / | no|
 
-## 遗留问题
-- [ ]  HarmonyOS toast不支持修改字体，背景色等样式[issue#3](https://github.com/react-native-oh-library/react-native-simple-toast/issues/3)
-- [ ]  HarmonyOS rn框架toast组件不支持设置位置及偏移[issue#2](https://github.com/react-native-oh-library/react-native-simple-toast/issues/2)
+## Known Issues
+- [ ]  Does not support modifying font, background color in HarmonyOS [issue#3](https://github.com/react-native-oh-library/react-native-simple-toast/issues/3)
+- [ ]  The Toast component in the RNOH framework does not support setting position or offset. [issue#2](https://github.com/react-native-oh-library/react-native-simple-toast/issues/2)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-simple-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/vonovak/react-native-simple-toast/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-splash-screen.md b/en/react-native-splash-screen.md
index 9c20a535..4d070b39 100644
--- a/en/react-native-splash-screen.md
+++ b/en/react-native-splash-screen.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-splash-screen</code> </h1>
@@ -13,16 +12,16 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-splash-screen)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-splash-screen)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases).
 
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,12 +39,12 @@ yarn add @react-native-oh-tpl/react-native-splash-screen@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 
-##### **在 entry/src/main/ets/pages 目录下新建启动页SplashScreenPage.ets**
+##### **Create a launch page `SplashScreenPage.ets` in the entry/src/main/ets/pages directory**
 
 ```ets
 import { SplashScreenView } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreenView'
@@ -61,7 +60,7 @@ export struct SplashScreenPage {
 }
 ```
 
-##### **在 entry/src/resources/base/profile/main_pages.json 内添加 `pages/SplashScreenPage`**
+##### **Add `pages/SplashScreenPage` in entry/src/resources/base/profile/main_pages.json **
 ```json
 {
   "src": [
@@ -70,7 +69,7 @@ export struct SplashScreenPage {
 }
 ```
 
-##### **在 entry/src/main/ets/entryability/EntryAbility.ets 内添加**
+##### **Open the `entry/src/main/ets/entryability/EntryAbility.ets` file and add the following code: **
 ```ets
 import window from '@ohos.window';
 import { SplashScreen } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreen'
@@ -87,27 +86,27 @@ export default class EntryAbility extends RNAbility {
 }
 ```
 
-##### **在适当的时候关闭启动屏幕（如：启动初始化完成后）**
+##### Close the launch screen at the appropriate time (e.g., after initialization is complete).
 ```ets
 import SplashScreen from 'react-native-splash-screen';
 export default class WelcomePage extends Component {
     componentDidMount() {
-        SplashScreen.hide(); // 关闭启动屏幕
+        SplashScreen.hide(); // close launch screen
     }
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+This repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -118,18 +117,16 @@ export default class WelcomePage extends Component {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -138,22 +135,22 @@ export default class WelcomePage extends Component {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 SplashScreenPackage
+### 3. Introducing  SplashScreenPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -167,34 +164,33 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)
 
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 Name | Description | Type | Required | Platform | HarmonyOS Support
@@ -214,14 +210,13 @@ hide() | 隐藏启动屏幕 | function | Yes | iOS/Android | Yes
 | backgroundColor | 启动页背景色 | string |
 | pageUrl | 首页路由 | bool |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
 在 iOS 中，show() 方法的工作原理是： 在入口 application 方法中，首先加载 App 首页，然后使用 while 循环让界面停留在 App 启动屏，此时首页仍然会异步加载，加载完成后，停止 while 循环即可隐藏启动屏，显示首页。
 HarmonyOS 中，在入口 onWindowStageCreate 中调用 windowStage.loadContent 加载首页，如果此时使用 while 循环，首页无法异步加载。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-spring-scrollview.md b/en/react-native-spring-scrollview.md
index f0fc44ed..562ac456 100644
--- a/en/react-native-spring-scrollview.md
+++ b/en/react-native-spring-scrollview.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center">react-native-spring-scrollview</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-spring-scrollview)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-spring-scrollview)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-spring-scrollview@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -99,15 +98,15 @@ export default class ScrollToAndOnScrollExample extends React.Component {
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-本库HarmonyOS侧实现依赖@react-native-oh-tpl/lottie-react-native的原生端代码，如已在HarmonyOS工程中引入过该库，则无需再次引入，可跳过本章步骤，直接使用。
+The implementation of this library depends on the native code of @react-native-oh-tpl/lottie-react-native. If you have already included this library in your HarmonyOS project, you do not need to include it again. You can skip this section and  use the library directly.
 
-如为引入请参考[@react-native-oh-tpl/lottie-react-native文档的link章节](/zh-cn/lottie-react-native.md#link)进行引入
+If you have not included it, please refer to the [Linking section of the @react-native-oh-tpl/lottie-react-native](/zh-cn/lottie-react-native.md#link)
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -118,18 +117,16 @@ export default class ScrollToAndOnScrollExample extends React.Component {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -138,22 +135,22 @@ export default class ScrollToAndOnScrollExample extends React.Component {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 SpringScrollViewPackge
+### 3. Configuring CMakeLists and Introducing SpringScrollViewPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -191,7 +188,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -210,9 +207,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 SpringScrollViewPackage
+### 4. Introducing SpringScrollViewPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -226,39 +223,39 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-打开 `entry/src/main/ets/pages/Index.ets`，添加：
+Open `entry/src/main/ets/pages/Index.ets` file and add the following code:
 ```diff
 ...
 + const arkTsComponentNames: Array<string> =["SampleView","GeneratedSampleView","PropsDisplayer","LottieAnimationView"];
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)
 
 
-## 属性
+## Properties 
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -295,15 +292,13 @@ ohpm install
 | onSizeChange  | The callback when the wrapper view size changed.         | (size: Size) => any | yes | iOS/Android      | yes |
 | onContentSizeChange  | The callback when the content view size changed.         | (size: Size) => any  | yes | iOS/Android      | yes |
 
-## 遗留问题
+## Known Issues
 
-- [ ] showsVerticalScrollIndicator属性harmony暂不支持[issue#3](https://github.com/react-native-oh-library/react-native-spring-scrollview/issues/3)
-- [ ] showsHorizontalScrollIndicator属性harmony暂不支持[issue#4](https://github.com/react-native-oh-library/react-native-spring-scrollview/issues/4)
+- [ ] showsVerticalScrollIndicator is not surported in harmony [issue#3](https://github.com/react-native-oh-library/react-native-spring-scrollview/issues/3)
+- [ ] showsHorizontalScrollIndicator is not surported in harmony [issue#4](https://github.com/react-native-oh-library/react-native-spring-scrollview/issues/4)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/LICENSE).
diff --git a/en/react-native-sqlite-storage.md b/en/react-native-sqlite-storage.md
index efdf9edb..3162ff49 100644
--- a/en/react-native-sqlite-storage.md
+++ b/en/react-native-sqlite-storage.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sqlite-storage</code> </h1>
@@ -13,16 +12,16 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sqlite-storage)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-sqlite-storage)
 
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +37,9 @@ npm install @react-native-oh-tpl/react-native-sqlite-storage@file:#
 yarn add @react-native-oh-tpl/react-native-sqlite-storage@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 /**
@@ -518,17 +517,17 @@ export default SQLiteDemo;
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -539,18 +538,16 @@ export default SQLiteDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -559,23 +556,23 @@ export default SQLiteDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 
-### 3.在 ArkTs 侧引入 SQLitePluginPackage
+### 3. Introducing SQLitePluginPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the  `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -589,28 +586,28 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 兼容性
+## Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)
 
-## 静态方法
+## Static Methods
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -621,11 +618,10 @@ ohpm install
 | attach  | Connects or associates with an external resource or database  |  void  |  yes | All   |  yes|
 | executeSql  |Executes a batch of SQL statements in the background without blocking the current thread or process | void   |  yes |All     |  yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/andpor/react-native-sqlite-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/andpor/react-native-sqlite-storage/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-storage.md b/en/react-native-storage.md
index 068a207c..2cd111aa 100644
--- a/en/react-native-storage.md
+++ b/en/react-native-storage.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-storage</code> </h1>
@@ -13,9 +12,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/sunnylqm/react-native-storage)
+> [!TIP] [Github address](https://github.com/sunnylqm/react-native-storage)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -33,9 +32,9 @@ yarn add react-native-storage@1.0.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from 'react';
@@ -380,20 +379,20 @@ var styles = StyleSheet.create({
   export default StorageDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 RNOH: 0.72.22; SDK: OpenHarmony(api12) 5.0.0.22; IDE: DevEco Studio 5.0.3.228; ROM: 3.0.0.23;
 
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -408,12 +407,10 @@ RNOH: 0.72.22; SDK: OpenHarmony(api12) 5.0.0.22; IDE: DevEco Studio 5.0.3.228; R
 | sync  | 在调用load时，如果本地并没有存储相应的 user，那么会自动触发 storage.sync.user 去远程取回数据并无缝返回        | function  | yes | iOS/Android      | yes |
 | save  | 保存数据，这些数据一般是全局独有的，需要谨慎单独处理的数据       | function  | yes | iOS/Android      | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/sunnylqm/react-native-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/sunnylqm/react-native-storage/blob/master/LICENSE).
diff --git a/en/react-native-switch-pro.md b/en/react-native-switch-pro.md
index a97c4d91..2b35535a 100644
--- a/en/react-native-switch-pro.md
+++ b/en/react-native-switch-pro.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-switch-pro</code> </h1>
@@ -14,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-switch-pro)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-switch-pro)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-switch-pro@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import Switch from 'react-native-switch-pro'
@@ -57,23 +56,23 @@ import Switch from 'react-native-switch-pro'
 ...
 
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases)
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+1. react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -95,7 +94,7 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 * 最好不要同时使用 onSyncPress 和 onAsyncPress，否则只会调用 onSyncPress。
 
 * value 与双向绑定一起使用，可以是 redux、state 等。
-在 onAsyncPress 中，您应该写如下（带有状态）：
+	在 onAsyncPress 中，您应该写如下（带有状态）：
 
 	```javascript
 	<Switch
@@ -107,11 +106,10 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 	```
 	`value => this.setState({value})仅当 result 为 true 时才会调用。
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/poberwong/react-native-switch-pro/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/poberwong/react-native-switch-pro/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-syan-image-picker.md b/en/react-native-syan-image-picker.md
index 0c1f662b..4f1bd435 100644
--- a/en/react-native-syan-image-picker.md
+++ b/en/react-native-syan-image-picker.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-syan-image-picker</code> </h1>
@@ -14,15 +13,17 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-syan-image-picker) 
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-syan-image-picker) 
 
-## 安装与使用
+## Installation and Usage
 
-release未发布。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-syan-image-picker Releases](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
 
 #### **npm**
 
@@ -30,17 +31,17 @@ release未发布。
 npm install @react-native-oh-tpl/react-native-syan-image-picker@file:#
 ```
 
-
-
 #### **yarn**
 
 ```bash
 yarn add @react-native-oh-tpl/react-native-syan-image-picker@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+<!-- tabs:end -->
 
-> [!WARNING] 使用时 import 的库名不变。
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -154,19 +155,17 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
 }
 ```
 
-## 使用 Codegen
-
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
-
+## Use Codegen
 
+This repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmonyOS`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -177,18 +176,16 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -197,22 +194,22 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入SyanImagePickerPackage
+### 3. Introducing SyanImagePickerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -226,39 +223,37 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-release未发布。
-
-本文档内容基于以下版本验证通过：
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-syan-image-picker Releases](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases)
 
+This document is verified based on the following versions:
 
 1.  RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 B.0.22、IDE：DevEco Studio 5.0.3.300SP2; ROM：3.0.0.24;
 
 
 
 ## ImagePickerOption(选择图片或数据的配置项)
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                            | Description                                                  | Type    | Required |  Platform   | HarmonyOS Support |
 | ------------------------------- | ------------------------------------------------------------ | ------- | :------: | :---------: | :---------------: |
@@ -292,9 +287,9 @@ release未发布。
 | showSelectedIndex               | 是否显示序号， 默认不显示                                    | boolean |   yes    | iOS/Android |        no         |
 
 ## SelectedPhoto（选择的图片或视频的返回结果）
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name         | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
 | ------------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
@@ -307,9 +302,9 @@ release未发布。
 | base64       | 图片的 base64 编码，如果 enableBase64 设置 false，则不返回该属性 | string | yes      | iOS/Android | yes               |
 
 ## API
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                        | Type                                                     | Required | Platform    | HarmonyOS Support |
 | -------------------- | ---------------------------------- | -------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -322,7 +317,7 @@ release未发布。
 | removeAllPhoto       | 删除所有已选择的照片               | void                                                     | yes      | iOS/Android | yes               |
 | openVideoPicker      | 打开视频选择器,选择视频            | callback: (err: null \| string, photos: SelectedPhoto[]) | yes      | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ]  isRecordSelected: 是否已选图片[issues#2](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/2)
 - [ ]  CropW: 裁剪宽度，默认屏幕宽度60%[issues#3](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/3)
@@ -345,10 +340,8 @@ release未发布。
 - [ ]  MinSecond: 选择视频最小时长[issues#20](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/20)
 - [ ]  showSelectedIndex: 是否显示序号[issues#21](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/21)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/syanbo/react-native-syan-image-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/syanbo/react-native-syan-image-picker/blob/master/LICENSE).
diff --git a/en/react-native-text-gradient.md b/en/react-native-text-gradient.md
index 8f9df35f..09be8da5 100644
--- a/en/react-native-text-gradient.md
+++ b/en/react-native-text-gradient.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-text-gradient</code> </h1>
@@ -13,17 +12,17 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-text-gradient)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-text-gradient)
 
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases).
 
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-text-gradient@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -93,11 +92,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -108,18 +107,16 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -128,22 +125,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 LinearTextGradientPackge
+### 3. Configuring CMakeLists and Introducing LinearTextGradientPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -181,7 +178,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -200,9 +197,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 LinearTextGradientPackage
+### 4. Introducing  LinearTextGradientPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -216,34 +213,34 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases)
 
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            |                                                                           Description                                                               |  Type  | Required | Platform     | HarmonyOS Support  |
 | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------| ------ | -------- | -------------| ------------------ |
@@ -255,16 +252,15 @@ ohpm install
 | useGlobalCache  |  accessing or managing a cache that is available globally throughout the application.                                                               | boolean  |   yes    | iOS  |       no         |
 
 
-## 遗留问题
+## Known Issues
 
-- [ ] useGlobalCache()接口HarmonyOS暂不支持[issue#7](https://github.com/react-native-oh-library/react-native-text-gradient/issues/7)
-- [ ] useViewFrame()接口HarmonyOS暂不支持[issue#1](https://github.com/react-native-oh-library/react-native-text-gradient/issues/1)
+- [ ] The useGlobalCache() is not supported in HarmonyOS[issue#7](https://github.com/react-native-oh-library/react-native-text-gradient/issues/7)
+- [ ] The useViewFrame() is not supported in HarmonyOS.[issue#1](https://github.com/react-native-oh-library/react-native-text-gradient/issues/1)
 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/iyegoroff/react-native-text-gradient/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/iyegoroff/react-native-text-gradient/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/remobile-react-native-toast.md b/en/remobile-react-native-toast.md
index 88553926..b9ca18f2 100644
--- a/en/remobile-react-native-toast.md
+++ b/en/remobile-react-native-toast.md
@@ -1,5 +1,4 @@
-<!--{%raw%}-->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@remobile/react-native-toast</code> </h1>
@@ -14,16 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-toast)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-toast)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases
-发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases)，并下载适用版本的tgz包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-toast@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, {Component} from 'react';
@@ -104,17 +102,17 @@ export default ToastMasterDemo;
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+This repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以Link步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -125,18 +123,16 @@ export default ToastMasterDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -145,22 +141,22 @@ export default ToastMasterDemo;
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 ToastPackage
+### 3. Introducing  ToastPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -174,34 +170,33 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release
-配套的版本信息：[@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases)
+Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases)
 
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -214,14 +209,12 @@ ohpm install
 | showLongBottom()  | Display the bottom Toast for a long time | function  | yes | android      | yes |
 | hide()  | Hide the toast that is being displayed         | function  | yes | android      | no |
 
-## 遗留问题
+## Known Issues
 
-- arkui侧的toast的hide()方法暂时没有[issue#3](https://github.com/react-native-oh-library/react-native-toast/issues/3)
+- [ ] Does not support hide() function to hide toast:[issue#3](https://github.com/react-native-oh-library/react-native-toast/issues/3)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License](https://github.com/remobile/react-native-toast/blob/master/LICENSE)，请自由地享受和参与开源。
-
-<!--{%endraw%}-->
+This project is licensed under [The MIT License](https://github.com/remobile/react-native-toast/blob/master/LICENSE).
diff --git a/en/shopify-flash-list.md b/en/shopify-flash-list.md
index 9e4c3653..9dc759c2 100644
--- a/en/shopify-flash-list.md
+++ b/en/shopify-flash-list.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@shopify/flash-list</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/flash-list)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/flash-list)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -35,9 +34,9 @@ npm install @react-native-oh-tpl/flash-list@file:#
 yarn add @react-native-oh-tpl/flash-list@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -66,11 +65,11 @@ const MyList = () => {
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -81,18 +80,16 @@ const MyList = () => {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -101,22 +98,22 @@ const MyList = () => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 FlashListPackage
+### 3. Configuring CMakeLists and Introducing FlashListPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -154,7 +151,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -173,32 +170,32 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -240,11 +237,11 @@ ohpm install
 | refreshing                             | Set this true while waiting for new data from a refresh.                                                                                                                                                                                                       | boolean             | No       | All      | Yes                 |
 | viewabilityConfigCallbackPairs         | List of ViewabilityConfig/onViewableItemsChanged pairs. A specific onViewableItemsChanged will be called when its corresponding ViewabilityConfig's conditions are met.                                                                                        | object              | No       | All      | Yes                 |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -255,11 +252,10 @@ ohpm install
 | scrollToItem                    | Scroll to a given item.                                                                                                                                       | function | No       | All      | Yes              |
 | scrollToOffset                  | Scroll to a specific content pixel offset in the list.                                                                                                        | function | No       | All      | Yes              |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/Shopify/flash-list/blob/main/LICENSE.md) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/Shopify/flash-list/blob/main/LICENSE.md).
\ No newline at end of file
diff --git a/zh-cn/react-native-amap3d.md b/zh-cn/react-native-amap3d.md
index bea7e0ab..a8b70ea3 100644
--- a/zh-cn/react-native-amap3d.md
+++ b/zh-cn/react-native-amap3d.md
@@ -496,12 +496,12 @@ ohpm install
 - [X] scaleControlsEnabled：高德SDK暂不支持: [issue#9](https://github.com/react-native-oh-library/react-native-amap3d/issues/9)
 - [ ] headingFilter：高德SDK暂不支持: [issue#12](https://github.com/react-native-oh-library/react-native-amap3d/issues/12)
 - [ ] geodesic：高德SDK暂不支持: [issue#36](https://github.com/react-native-oh-library/react-native-amap3d/issues/36)
-- [ ] onCameraMove: 高德SDK暂不支持： [issue#14](https://github.com/react-native-oh-library/react-native-amap3d/issues/14)
+- [x] onCameraMove: 高德SDK暂不支持： [issue#14](https://github.com/react-native-oh-library/react-native-amap3d/issues/14)
 - [ ] onCameraIdle: 高德SDK暂不支持: [issue#15](https://github.com/react-native-oh-library/react-native-amap3d/issues/15)
 - [X] onPressPoi：高德SDK暂不支持: [issue#13](https://github.com/react-native-oh-library/react-native-amap3d/issues/13)
 - [ ] onLocation：高德SDK暂不支持: [issue#10](https://github.com/react-native-oh-library/react-native-amap3d/issues/10)
 - [ ] onCallback：高德SDK部分支持: [issue#21](https://github.com/react-native-oh-library/react-native-amap3d/issues/21)
-- [ ] moveCamera：harmony暂不支持: [issue#19](https://github.com/react-native-oh-library/react-native-amap3d/issues/19)
+- [x] moveCamera：harmony暂不支持: [issue#19](https://github.com/react-native-oh-library/react-native-amap3d/issues/19)
 - [ ] call：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-amap3d/issues/5)
 
 ### Marker
diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index a665a14e..4a1254c6 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -17,14 +17,14 @@
 
 ## 安装与使用
 
-请到三方库的 Releases
-发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
-，并下载适用版本的 tgz 包。
+请到三方库的 Releases发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
 
 > [!TIP] # 处替换为 tgz 包的路径
 
+<!-- tabs:end -->
+
 #### **npm**
 
 ```bash
@@ -385,8 +385,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release
-配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
+请到三方库相应的 Releases 发布地址查看 Release配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)
 
 ### 权限要求
 
@@ -446,8 +445,7 @@ ohpm install
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标
-> iOS 或 Android 的效果。
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标iOS 或 Android 的效果。
 
 #### MapView Props 属性
 
@@ -554,8 +552,7 @@ ohpm install
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标
-> iOS 或 Android 的效果。
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标iOS 或 Android 的效果。
 
 #### BaiduMapManager
 
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 4e795c13..77dea856 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -255,10 +255,6 @@ export default CalendarDemo;
   }
 }
 ```
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-
 ### 2.引入原生端代码
 
 目前有两种方法：
@@ -292,13 +288,6 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-打开终端，执行：
-
-```bash
-cd entry
-ohpm install --no-link
-```
-
 ### 3.在 ArkTs 侧引入 CalendarEventPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
diff --git a/zh-cn/react-native-largelist.md b/zh-cn/react-native-largelist.md
index 63478d77..6e13828c 100644
--- a/zh-cn/react-native-largelist.md
+++ b/zh-cn/react-native-largelist.md
@@ -217,8 +217,6 @@ ohpm install
 
 ## 其他
 
-react-native-largelist组件：[列表数据显示不完整，列表后有空白](https://github.com/bolan9999/react-native-largelist/issues/489)
-
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-largelist/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
index f0fc44ed..c2bf7a3d 100644
--- a/zh-cn/react-native-spring-scrollview.md
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -105,7 +105,7 @@ export default class ScrollToAndOnScrollExample extends React.Component {
 
 本库HarmonyOS侧实现依赖@react-native-oh-tpl/lottie-react-native的原生端代码，如已在HarmonyOS工程中引入过该库，则无需再次引入，可跳过本章步骤，直接使用。
 
-如为引入请参考[@react-native-oh-tpl/lottie-react-native文档的link章节](/zh-cn/lottie-react-native.md#link)进行引入
+如未引入请参考[@react-native-oh-tpl/lottie-react-native文档的link章节](/zh-cn/lottie-react-native.md#link)进行引入
 
 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index 0c1f662b..76f1619c 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -1,4 +1,5 @@
 <!-- {% raw %} -->
+
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -18,26 +19,28 @@
 
 ## 安装与使用
 
-release未发布。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-syan-image-picker Releases](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases)
 
 进入到工程目录并输入以下命令：
 
 > [!TIP] # 处替换为 tgz 包的路径
 
+<!-- tabs:start -->
+
 #### **npm**
 
 ```bash
 npm install @react-native-oh-tpl/react-native-syan-image-picker@file:#
 ```
 
-
-
 #### **yarn**
 
 ```bash
 yarn add @react-native-oh-tpl/react-native-syan-image-picker@file:#
 ```
 
+<!-- tabs:end -->
+
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
@@ -158,13 +161,11 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
-
-
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmonyOS`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
 
 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
@@ -245,12 +246,10 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-release未发布。
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-syan-image-picker Releases](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases)
 
 本文档内容基于以下版本验证通过：
 
-
-
 1.  RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1 B.0.22、IDE：DevEco Studio 5.0.3.300SP2; ROM：3.0.0.24;
 
 

From 4447aa454a737172ff424c69789be38c10f78c68 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Thu, 24 Oct 2024 01:24:39 +0000
Subject: [PATCH 741/966] =?UTF-8?q?!1746=20docs:=20[Issues:=20#IAWGSR]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91baronha-ting=E7=AD=89=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAWGSR]=20rn-sliding-up-panel.md=20*=20d?=
 =?UTF-8?q?ocs:=20[Issues:=20#IAWGSR]=20rn-emoji-keyboard.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IAWGSR]=20reassure.md=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IAWGSR]=20react-navigation.md=20*=20docs:=20[Issues:=20#IAWGSR]?=
 =?UTF-8?q?=20react-navigation-header-buttons.md=20*=20docs:=20[Issues:=20?=
 =?UTF-8?q?#IAWGSR]=20react-navigation-bottom-sheet.md=20*=20docs:=20[Issu?=
 =?UTF-8?q?es:=20#IAWGSR]=20react-native-walkthrough-tooltip.md=20*=20docs?=
 =?UTF-8?q?:=20[Issues:=20#IAWGSR]=20react-native-voice-voice.md=20*=20doc?=
 =?UTF-8?q?s:=20[Issues:=20#IAWGSR]=20react-native-version-number.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAWGSR]=20react-native-udp.md=20*=20docs?=
 =?UTF-8?q?:=20[Issues:=20#IAWGSR]=20react-native-typography.md=20*=20docs?=
 =?UTF-8?q?:=20[Issues:=20#IAWGSR]=20react-native-tts.md=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IAWGSR]=20react-native-theme-switch-animation.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAWGSR]=20react-native-theme-control.md?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-tcp-socket.md?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-switch.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAWGSR]=20react-native-swipeable-list.md?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-svg-charts.md?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-svg-capi.md?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-sticky-parall?=
 =?UTF-8?q?ax-header.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-s?=
 =?UTF-8?q?tep-indicator.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-nati?=
 =?UTF-8?q?ve-snackbar.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native?=
 =?UTF-8?q?-signature-canvas.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-?=
 =?UTF-8?q?native-shake.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-nativ?=
 =?UTF-8?q?e-sensitive-info.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-n?=
 =?UTF-8?q?ative-send-intent.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-?=
 =?UTF-8?q?native-securerandom.md=20*=20docs:=20[Issues:=20#IAWGSR]=20reac?=
 =?UTF-8?q?t-native-scroll-bottom-sheet.md=20*=20docs:=20[Issues:=20#IAWGS?=
 =?UTF-8?q?R]=20react-native-screenshot-prevent.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IAWGSR]=20react-native-safe-modules.md=20*=20docs:=20[Issue?=
 =?UTF-8?q?s:=20#IAWGSR]=20react-native-responsive-fontsize.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IAWGSR]=20react-native-recaptcha-that-works.md?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-reanimated-bo?=
 =?UTF-8?q?ttom-sheet.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-?=
 =?UTF-8?q?quick-base64.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-nativ?=
 =?UTF-8?q?e-phone-number-input.md=20*=20docs:=20[Issues:=20#IAWGSR]=20rea?=
 =?UTF-8?q?ct-native-parsed-text.md=20*=20docs:=20[Issues:=20#IAWGSR]=20re?=
 =?UTF-8?q?act-native-notifier.md=20*=20docs:=20[Issues:=20#IAWGSR]=20reac?=
 =?UTF-8?q?t-native-network-info.md=20*=20docs:=20[Issues:=20#IAWGSR]=20re?=
 =?UTF-8?q?act-native-multiple-select.md=20*=20docs:=20[Issues:=20#IAWGSR]?=
 =?UTF-8?q?=20react-native-material-ripple.md=20*=20docs:=20[Issues:=20#IA?=
 =?UTF-8?q?WGSR]=20react-native-material-menu.md=20*=20docs:=20[Issues:=20?=
 =?UTF-8?q?#IAWGSR]=20react-native-masked-text.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IAWGSR]=20react-native-mask-text.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IAWGSR]=20react-native-markdown-renderer.md=20*=20docs:=20[?=
 =?UTF-8?q?Issues:=20#IAWGSR]=20react-native-maps-directions.md=20*=20docs?=
 =?UTF-8?q?:=20[Issues:=20#IAWGSR]=20react-native-mail.md=20*=20docs:=20[I?=
 =?UTF-8?q?ssues:=20#IAWGSR]=20react-native-localization-settings.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAWGSR]=20react-native-loading-spinner-o?=
 =?UTF-8?q?verlay.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-keys?=
 =?UTF-8?q?.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-keyboard-a?=
 =?UTF-8?q?ccessory.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-in?=
 =?UTF-8?q?dicators.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-im?=
 =?UTF-8?q?age-viewing.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native?=
 =?UTF-8?q?-image-pan-zoom.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-na?=
 =?UTF-8?q?tive-image-marker.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-?=
 =?UTF-8?q?native-image-colors.md=20*=20docs:=20[Issues:=20#IAWGSR]=20reac?=
 =?UTF-8?q?t-native-image-capinsets-next.md=20*=20docs:=20[Issues:=20#IAWG?=
 =?UTF-8?q?SR]=20react-native-hyperlink.md=20*=20docs:=20[Issues:=20#IAWGS?=
 =?UTF-8?q?R]=20react-native-graph.md=20*=20docs:=20[Issues:=20#IAWGSR]=20?=
 =?UTF-8?q?react-native-gifted-charts.md=20*=20docs:=20[Issues:=20#IAWGSR]?=
 =?UTF-8?q?=20react-native-file-viewer.md=20*=20docs:=20[Issues:=20#IAWGSR?=
 =?UTF-8?q?]=20react-native-file-access.md=20*=20docs:=20[Issues:=20#IAWGS?=
 =?UTF-8?q?R]=20react-native-fast-image.md=20*=20docs:=20[Issues:=20#IAWGS?=
 =?UTF-8?q?R]=20react-native-error-boundary.md=20*=20docs:=20[Issues:=20#I?=
 =?UTF-8?q?AWGSR]=20react-native-email-link.md=20*=20docs:=20[Issues:=20#I?=
 =?UTF-8?q?AWGSR]=20react-native-dismiss-keyboard.md=20*=20docs:=20[Issues?=
 =?UTF-8?q?:=20#IAWGSR]=20react-native-default-preference.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IAWGSR]=20react-native-copilot.md=20*=20docs:=20?=
 =?UTF-8?q?[Issues:=20#IAWGSR]=20react-native-confetti-cannon.md=20*=20doc?=
 =?UTF-8?q?s:=20[Issues:=20#IAWGSR]=20react-native-compass-heading.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAWGSR]=20react-native-ble-manager.md=20?=
 =?UTF-8?q?*=20docs:=20[Issues:=20#IAWGSR]=20react-native-bars.md=20*=20do?=
 =?UTF-8?q?cs:=20[Issues:=20#IAWGSR]=20react-native-barcode-builder.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IAWGSR]=20react-native-background-fetch.?=
 =?UTF-8?q?md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-awesome-gal?=
 =?UTF-8?q?lery.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-autoco?=
 =?UTF-8?q?mplete-input.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-nativ?=
 =?UTF-8?q?e-autoLink.md=20*=20docs:=20[Issues:=20#IAWGSR]=20react-native-?=
 =?UTF-8?q?audio-recorder-player.md=20*=20docs:=20[Issues:=20#IAWGSR]=20re?=
 =?UTF-8?q?act-countdown-circle-timer.md=20*=20docs:=20[Issues:=20#IAWGSR]?=
 =?UTF-8?q?=20react-content-loader.md=20*=20docs:=20[Issues:=20#IAWGSR]=20?=
 =?UTF-8?q?klarna-platform-colors.md=20*=20docs:=20[Issues:=20#IAWGSR]=20g?=
 =?UTF-8?q?alio-framework.md=20*=20docs:=20[Issues:=20#IAWGSR]baronha-ting?=
 =?UTF-8?q?.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/baronha-ting.md                         |  162 +-
 en/galio-framework.md                      |  504 +++---
 en/klarna-platform-colors.md               |   97 +-
 en/react-content-loader.md                 |  137 +-
 en/react-countdown-circle-timer.md         |  124 +-
 en/react-native-audio-recorder-player.md   |  151 +-
 en/react-native-autoLink.md                |  179 +-
 en/react-native-autocomplete-input.md      |  253 +--
 en/react-native-awesome-gallery.md         |   46 +-
 en/react-native-background-fetch.md        |   94 +-
 en/react-native-barcode-builder.md         |   40 +-
 en/react-native-bars.md                    |  182 +--
 en/react-native-ble-manager.md             |  186 +--
 en/react-native-compass-heading.md         |   81 +-
 en/react-native-confetti-cannon.md         |  103 +-
 en/react-native-copilot.md                 |   73 +-
 en/react-native-default-preference.md      |  147 +-
 en/react-native-dismiss-keyboard.md        |  211 ++-
 en/react-native-email-link.md              |   89 +-
 en/react-native-error-boundary.md          |  115 +-
 en/react-native-fast-image.md              |  131 +-
 en/react-native-file-access.md             |  154 +-
 en/react-native-file-viewer.md             |  276 ++--
 en/react-native-gifted-charts.md           | 1722 ++++++++++----------
 en/react-native-graph.md                   |  210 ++-
 en/react-native-hyperlink.md               |   54 +-
 en/react-native-image-capinsets-next.md    |  148 +-
 en/react-native-image-colors.md            |  138 +-
 en/react-native-image-marker.md            |  535 +++---
 en/react-native-image-pan-zoom.md          |  127 +-
 en/react-native-image-viewing.md           |   77 +-
 en/react-native-indicators.md              |   36 +-
 en/react-native-keyboard-accessory.md      |  159 +-
 en/react-native-keys.md                    |  112 +-
 en/react-native-loading-spinner-overlay.md |  122 +-
 en/react-native-localization-settings.md   |   84 +-
 en/react-native-mail.md                    |   79 +-
 en/react-native-maps-directions.md         |  230 +--
 en/react-native-markdown-renderer.md       |   46 +-
 en/react-native-mask-text.md               |  178 +-
 en/react-native-masked-text.md             |   42 +-
 en/react-native-material-menu.md           |   89 +-
 en/react-native-material-ripple.md         |   35 +-
 en/react-native-multiple-select.md         |  165 +-
 en/react-native-network-info.md            |  110 +-
 en/react-native-notifier.md                |  252 +--
 en/react-native-parsed-text.md             |  210 +--
 en/react-native-phone-number-input.md      |   40 +-
 en/react-native-quick-base64.md            |  124 +-
 en/react-native-reanimated-bottom-sheet.md |  145 +-
 en/react-native-recaptcha-that-works.md    |   66 +-
 en/react-native-responsive-fontsize.md     |   59 +-
 en/react-native-safe-modules.md            |  118 +-
 en/react-native-screenshot-prevent.md      |   83 +-
 en/react-native-scroll-bottom-sheet.md     |   54 +-
 en/react-native-securerandom.md            |  170 +-
 en/react-native-send-intent.md             |  272 ++--
 en/react-native-sensitive-info.md          |  197 ++-
 en/react-native-shake.md                   |  141 +-
 en/react-native-signature-canvas.md        |  193 ++-
 en/react-native-snackbar.md                |   89 +-
 en/react-native-step-indicator.md          |   36 +-
 en/react-native-sticky-parallax-header.md  |  158 +-
 en/react-native-svg-capi.md                |  352 ++--
 en/react-native-svg-charts.md              | 1021 ++++++------
 en/react-native-swipeable-list.md          |   31 +-
 en/react-native-switch.md                  |  192 ++-
 en/react-native-tcp-socket.md              |  209 ++-
 en/react-native-theme-control.md           |  116 +-
 en/react-native-theme-switch-animation.md  |  205 ++-
 en/react-native-tts.md                     |  169 +-
 en/react-native-typography.md              |   40 +-
 en/react-native-udp.md                     |  156 +-
 en/react-native-version-number.md          |   79 +-
 en/react-native-voice-voice.md             |  723 ++++----
 en/react-native-walkthrough-tooltip.md     |   89 +-
 en/react-navigation-bottom-sheet.md        |  106 +-
 en/react-navigation-header-buttons.md      |  157 +-
 en/react-navigation.md                     |   41 +-
 en/reassure.md                             |  113 +-
 en/rn-emoji-keyboard.md                    |   88 +-
 en/rn-sliding-up-panel.md                  |   90 +-
 82 files changed, 7198 insertions(+), 7219 deletions(-)

diff --git a/en/baronha-ting.md b/en/baronha-ting.md
index 723d4294..9f5003a6 100644
--- a/en/baronha-ting.md
+++ b/en/baronha-ting.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@baronha/ting</code> </h1>
@@ -12,16 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/ting)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/ting)
 
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/ting@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { View } from "react-native";
@@ -73,17 +72,17 @@ const App = () => {
 export default App;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -94,18 +93,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -114,22 +110,22 @@ export default App;
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNTingPackage
+### 3. Introducing RNTingPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -143,90 +139,90 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### ToastOptions
 
-| Name                 | Description                                             | Type | Required | Platform | HarmonyOS Support   |
-|----------------------|---------------------------------------------------------|------|----------|----------|---------------------|
-| title                | The text for the toast’s title                                       | string   | no        | All      | yes  |
-| message              | The text for the toast’s message                                     | string   | no        | All      | yes  |
-| titleColor           | The color of the title text in hexadecimal format      | string   | no        | All      | yes  |
-| messageColor         | The color of the message text in hexadecimal format    | string   | no        | All      | yes  |
-| preset               |  The preset style of the toast. Options include done (success), error (error), none (no style), or spinner (loading spinner)                                                    | string  | no        | All      | partially |
-| duration             | The lifetime of the toast (seconds)                    | number  | no         | All      | yes  |
-| haptic               | The type of haptic feedback. Options include success (success), warning (warning), error (error), or none (no haptic feedback)                                                     | string  | no         | iOS      | yes                 |
-| shouldDismissByDrag  | Whether the toast can be dismissed by dragging                                                     | boolean  | no        | All      | yes  |
-| position             | Toast is displayed from top or bottom                  | string   | no         | All      |yes                 |
-| backgroundColor      | The background color of the toast in hexadecimal format| string   | no         | All      |yes       |
-| icon                 | A custom icon for the toast                                                     | object  | no        | All      | yes  |
-| progressColor        | The color of the progress spinner for the spinner preset style                                                     | string  | no        | Android   | yes  |
+| Name                | Description                                                                                                                    | Type    | Required | Platform | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| title               | The text for the toast’s title                                                                                                 | string  | no       | All      | yes               |
+| message             | The text for the toast’s message                                                                                               | string  | no       | All      | yes               |
+| titleColor          | The color of the title text in hexadecimal format                                                                              | string  | no       | All      | yes               |
+| messageColor        | The color of the message text in hexadecimal format                                                                            | string  | no       | All      | yes               |
+| preset              | The preset style of the toast. Options include done (success), error (error), none (no style), or spinner (loading spinner)    | string  | no       | All      | partially         |
+| duration            | The lifetime of the toast (seconds)                                                                                            | number  | no       | All      | yes               |
+| haptic              | The type of haptic feedback. Options include success (success), warning (warning), error (error), or none (no haptic feedback) | string  | no       | iOS      | yes               |
+| shouldDismissByDrag | Whether the toast can be dismissed by dragging                                                                                 | boolean | no       | All      | yes               |
+| position            | Toast is displayed from top or bottom                                                                                          | string  | no       | All      | yes               |
+| backgroundColor     | The background color of the toast in hexadecimal format                                                                        | string  | no       | All      | yes               |
+| icon                | A custom icon for the toast                                                                                                    | object  | no       | All      | yes               |
+| progressColor       | The color of the progress spinner for the spinner preset style                                                                 | string  | no       | Android  | yes               |
 
 ### AlertOptions
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| title                | The text for the toast’s title                                       | string   | no        | All      | yes  |
-| message              | The text for the toast’s message                                     | string   | no        | All      | yes  |
-| titleColor           | The color of the title text in hexadecimal format      | string   | no        | All      | yes  |
-| messageColor         | The color of the message text in hexadecimal format    | string   | no        | All      | yes  |
-| preset               |  The preset style of the toast. Options include done (success), error (error), none (no style), or spinner (loading spinner)                                                    | string  | no        | All      | partially |
-| duration             | The lifetime of the toast (seconds)                    | number  | no         | All      | yes  |
-| haptic               | The type of haptic feedback. Options include success (success), warning (warning), error (error), or none (no haptic feedback)                                                     | string  | no         | iOS      | yes                 |
-| shouldDismissByTap  | Whether the toast can be dismissed by tapping                                                     | boolean  | no        | All      | yes  |
-| backgroundColor      | The background color of the toast in hexadecimal format| string   | no         | All      |yes       |
-| borderRadius  | The border radius of the toast box, which determines how rounded the corners are         | number  | no | All      | yes |
-| blurBackdrop  | The intensity of the background blur effect on Android platforms         | number  | no | Android      | no |
-| backdropOpacity  | The opacity of the background blur effect on Android platforms, with a range from 0 (fully transparent) to 1 (fully opaque)         | number  | no | All      | yes |
-| icon                 | A custom icon for the toast                                                     | object  | no        | All      | yes  |
-| progressColor        | The color of the progress spinner for the spinner preset style                                                     | string  | no        | Android   | yes  |
+| Name               | Description                                                                                                                    | Type    | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| title              | The text for the toast’s title                                                                                                 | string  | no       | All      | yes               |
+| message            | The text for the toast’s message                                                                                               | string  | no       | All      | yes               |
+| titleColor         | The color of the title text in hexadecimal format                                                                              | string  | no       | All      | yes               |
+| messageColor       | The color of the message text in hexadecimal format                                                                            | string  | no       | All      | yes               |
+| preset             | The preset style of the toast. Options include done (success), error (error), none (no style), or spinner (loading spinner)    | string  | no       | All      | partially         |
+| duration           | The lifetime of the toast (seconds)                                                                                            | number  | no       | All      | yes               |
+| haptic             | The type of haptic feedback. Options include success (success), warning (warning), error (error), or none (no haptic feedback) | string  | no       | iOS      | yes               |
+| shouldDismissByTap | Whether the toast can be dismissed by tapping                                                                                  | boolean | no       | All      | yes               |
+| backgroundColor    | The background color of the toast in hexadecimal format                                                                        | string  | no       | All      | yes               |
+| borderRadius       | The border radius of the toast box, which determines how rounded the corners are                                               | number  | no       | All      | yes               |
+| blurBackdrop       | The intensity of the background blur effect on Android platforms                                                               | number  | no       | Android  | no                |
+| backdropOpacity    | The opacity of the background blur effect on Android platforms, with a range from 0 (fully transparent) to 1 (fully opaque)    | number  | no       | All      | yes               |
+| icon               | A custom icon for the toast                                                                                                    | object  | no       | All      | yes               |
+| progressColor      | The color of the progress spinner for the spinner preset style                                                                 | string  | no       | Android  | yes               |
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| toast  | Displays a Toast notification         | function  | yes | All      | yes |
-| alert  | Displays an Alert dialog         | function  | yes | All      | yes |
-| dismissAlert  | Closes the currently displayed Alert dialog         | function  | yes | All      | yes |
-| setup  | Configures global settings for Toast and Alert         | function  | yes | All      | yes |
+| Name         | Description                                    | Type     | Required | Platform | HarmonyOS Support |
+| ------------ | ---------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| toast        | Displays a Toast notification                  | function | yes      | All      | yes               |
+| alert        | Displays an Alert dialog                       | function | yes      | All      | yes               |
+| dismissAlert | Closes the currently displayed Alert dialog    | function | yes      | All      | yes               |
+| setup        | Configures global settings for Toast and Alert | function | yes      | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] AlertOptions和ToastOptions中的preset：done，动画效果未实现。[issue#3](https://github.com/react-native-oh-library/ting/issues/3)
+- [ ] AlertOptions 和 ToastOptions 中的 preset：done，动画效果未实现。[issue#3](https://github.com/react-native-oh-library/ting/issues/3)
 
-## 其他
+## Others
 
-- AlertOptions中的blurBackdrop参数配置后，iOS不支持，Android无效果。
+- AlertOptions 中的 blurBackdrop 参数配置后，iOS 不支持，Android 无效果。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/baronha/ting/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/baronha/ting/blob/main/LICENSE).
diff --git a/en/galio-framework.md b/en/galio-framework.md
index a5ef49b6..b1656bf9 100644
--- a/en/galio-framework.md
+++ b/en/galio-framework.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>galio-framework</code> </h1>
@@ -12,12 +12,9 @@
     </a>
 </p>
 
+> [!TIP] [Github address](https://github.com/galio-org/galio)
 
-
-
-> [!TIP] [Github 地址](https://github.com/galio-org/galio)
-
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -35,109 +32,109 @@ yarn add galio-framework@0.8.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import { Card, Block, theme } from 'galio-framework';
-import React, { useState } from 'react';
-import { Image, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { Card, Block, theme } from "galio-framework";
+import React, { useState } from "react";
+import { Image, ScrollView, StyleSheet, Text, View } from "react-native";
 
 const CardDemo = () => {
-    return (
-        <Block style={styles.container}>
-            <Card
-                flex
-                borderless={false}
-                title="Christopher Moon"
-                caption="139 minutes ago"
-                location="Los Angeles, CA"
-                avatar="https://avatars.githubusercontent.com/u/155599655?v=4"
-                image="https://images.unsplash.com/photo-1497802176320-541c8e8de98d?&w=1600&h=900&fit=crop&crop=entropy&q=300"
-                imageStyle={styles.cardImageRadius}
-                locationColor={false}
-                titleColor={'red'}
-                captionColor={'pink'}
-                footerStyle={styles.footerStyle}
-                card={false}
-            />
-         </Block>
-    )
+  return (
+    <Block style={styles.container}>
+      <Card
+        flex
+        borderless={false}
+        title="Christopher Moon"
+        caption="139 minutes ago"
+        location="Los Angeles, CA"
+        avatar="https://avatars.githubusercontent.com/u/155599655?v=4"
+        image="https://images.unsplash.com/photo-1497802176320-541c8e8de98d?&w=1600&h=900&fit=crop&crop=entropy&q=300"
+        imageStyle={styles.cardImageRadius}
+        locationColor={false}
+        titleColor={"red"}
+        captionColor={"pink"}
+        footerStyle={styles.footerStyle}
+        card={false}
+      />
+    </Block>
+  );
 };
 
 const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        backgroundColor: '#fff',
-    },
-    accordion: {
-        borderWidth: 1,
-        borderColor: '#ccc',
-        borderRadius: 5,
-        overflow: 'hidden',
-        shadowRadius: 10
-    },
-    listStyle: {
-        borderTopWidth: 10,
-        borderTopColor: 'red',
-    },
-    headerStyle: {
-        backgroundColor: '#5E72E4',
-        padding: 10,
-    },
-    contentStyle: {
-        paddingVertical: 10,
-        paddingHorizontal: 20,
-        fontWeight: 'bold'
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+  },
+  accordion: {
+    borderWidth: 1,
+    borderColor: "#ccc",
+    borderRadius: 5,
+    overflow: "hidden",
+    shadowRadius: 10,
+  },
+  listStyle: {
+    borderTopWidth: 10,
+    borderTopColor: "red",
+  },
+  headerStyle: {
+    backgroundColor: "#5E72E4",
+    padding: 10,
+  },
+  contentStyle: {
+    paddingVertical: 10,
+    paddingHorizontal: 20,
+    fontWeight: "bold",
+  },
+  inputArea: {
+    width: "100%",
+    height: "15%",
+    borderWidth: 2,
+    borderColor: "#000000",
+    marginTop: 8,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "white",
+  },
+  baseText: {
+    width: "100%",
+    height: "100%",
+    fontWeight: "bold",
+    textAlign: "center",
+    fontSize: 16,
+  },
+  shadow: {
+    shadowColor: "red",
+    shadowOffset: {
+      width: 10,
+      height: 3,
     },
-    inputArea: {
-        width: '100%',
-        height: '15%',
-        borderWidth: 2,
-        borderColor: '#000000',
-        marginTop: 8,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: "white"
-    },
-    baseText: {
-        width: '100%',
-        height: '100%',
-        fontWeight: 'bold',
-        textAlign: 'center',
-        fontSize: 16,
-    },
-    shadow: {
-        shadowColor: "red",
-        shadowOffset: {
-            width: 10,
-            height: 3,
-        },
-    },
-    viewShadow: {
-        elevation: 1.5,
-        shadowColor: "#FF9C09",
-        shadowOffset: { width: 0, height: 0 },
-        shadowOpacity: 1,
-        shadowRadius: 1.5,
-    },
-    cardImageRadius: {
-        borderRadius: 30,
-        opacity:0.5
-    },
-    imageBlockStyle: {
-        borderColor: 'blue',
-        borderWidth: 5,
-        borderBlockColor: 'yellow'
-    },
-    footerStyle: {
-        color: 'yellow',
-        backgroundColor: '#FF7167',
-        fontSize: 10,
-        fontWeight: 'bold',
-        borderRadius:10
-    }
+  },
+  viewShadow: {
+    elevation: 1.5,
+    shadowColor: "#FF9C09",
+    shadowOffset: { width: 0, height: 0 },
+    shadowOpacity: 1,
+    shadowRadius: 1.5,
+  },
+  cardImageRadius: {
+    borderRadius: 30,
+    opacity: 0.5,
+  },
+  imageBlockStyle: {
+    borderColor: "blue",
+    borderWidth: 5,
+    borderBlockColor: "yellow",
+  },
+  footerStyle: {
+    color: "yellow",
+    backgroundColor: "#FF7167",
+    fontSize: 10,
+    fontWeight: "bold",
+    borderRadius: 10,
+  },
 });
 
 export default CardDemo;
@@ -145,43 +142,43 @@ export default CardDemo;
 
 ## Link
 
-本库依赖react-native-vector-icons，如已在鸿蒙工程中引入过该库，则无需再次引入。
+The HarmonyOS implementation of this library depends on the native code from react-native-vector-icons. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)进行引入
+If it is not included, follow the guide provided in [react-native-vector-icons](/en/react-native-vector-icons.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS NEXT Developer Beta1 5.0.0.25(API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-详情请见[galio](https://galio.io/docs/#/components)
+For details, see[galio](https://galio.io/docs/#/components)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### [Accordion](https://galio.io/docs/#/components/accordion?id=accordion)
 
-|       Name       |                         Description                          |   Type    | Required |  Platform   | HarmonyOS Support |
-| :--------------: | :----------------------------------------------------------: | :-------: | :------: | :---------: | :---------------: |
-|      style       | Styling the Block which encapsulates the whole FlatList used for rendering the elements. |  object   |    no    | iOS/Android |        Yes        |
-|    dataArray     | Array of objects with the following keys: title, content, icon: { name, family, size, color, style} |   array   |    no    | iOS/Android |        Yes        |
+|       Name       |                                                   Description                                                    |   Type    | Required |  Platform   | HarmonyOS Support |
+| :--------------: | :--------------------------------------------------------------------------------------------------------------: | :-------: | :------: | :---------: | :---------------: |
+|      style       |             Styling the Block which encapsulates the whole FlatList used for rendering the elements.             |  object   |    no    | iOS/Android |        Yes        |
+|    dataArray     |       Array of objects with the following keys: title, content, icon: { name, family, size, color, style}        |   array   |    no    | iOS/Android |        Yes        |
 |      opened      | Index number representing which of the elements of your array should be opened when the component first renders. |  number   |    no    | iOS/Android |        Yes        |
-|    listStyle     |                     FlatList style prop.                     |  object   |    no    | iOS/Android |        Yes        |
-|       icon       |          Icon for the un-expanded piece of content           | component |    no    | iOS/Android |        Yes        |
-|   expandedIcon   |           Icon used when the content is expanded.            | component |    no    | iOS/Android |        Yes        |
-|   headerStyle    |         Object styling the header of the Accordion.          |  object   |    no    | iOS/Android |        Yes        |
-|   contentStyle   |     Object styling the content section of the Accordion.     |  object   |    no    | iOS/Android |        Yes        |
-| onAccordionClose | Function called when the user closes one of the Accordion's items. | function  |    no    | iOS/Android |        Yes        |
-| onAccordionOpen  | Function called when the user expands one of the Accordion's items. | function  |    no    | iOS/Android |        Yes        |
+|    listStyle     |                                               FlatList style prop.                                               |  object   |    no    | iOS/Android |        Yes        |
+|       icon       |                                    Icon for the un-expanded piece of content                                     | component |    no    | iOS/Android |        Yes        |
+|   expandedIcon   |                                     Icon used when the content is expanded.                                      | component |    no    | iOS/Android |        Yes        |
+|   headerStyle    |                                   Object styling the header of the Accordion.                                    |  object   |    no    | iOS/Android |        Yes        |
+|   contentStyle   |                               Object styling the content section of the Accordion.                               |  object   |    no    | iOS/Android |        Yes        |
+| onAccordionClose |                        Function called when the user closes one of the Accordion's items.                        | function  |    no    | iOS/Android |        Yes        |
+| onAccordionOpen  |                       Function called when the user expands one of the Accordion's items.                        | function  |    no    | iOS/Android |        Yes        |
 
-###  [Block](https://github.com/galio-org/galio/blob/master/LICENSE.md)
+### [Block](https://github.com/galio-org/galio/blob/master/LICENSE.md)
 
 |    Name     |                    Description                     |      Type       | Required |  Platform   | HarmonyOS Support |
 | :---------: | :------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
@@ -204,73 +201,73 @@ export default CardDemo;
 
 ### [Button](https://galio.io/docs/#/components/button?id=button)
 
-|    Name     |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
-| :---------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
-| capitalize  |      Transforms the first character in a capital letter      |     boolean     |    no    | iOS/Android |        Yes        |
-|    color    | your options are: 'primary', 'theme', 'warning', 'succes', 'transparent' or your own color |     string      |    no    | iOS/Android |        Yes        |
-|  disabled   |                     Disables the button                      |     boolean     |    no    | iOS/Android |        Yes        |
-|    icon     |        pick whatever icon you want from Expo's icons         | boolean, string |    no    | iOS/Android |        Yes        |
-|  iconColor  |                    sets the icon's color                     | boolean, string |    no    | iOS/Android |        Yes        |
-| iconFamily  | pick whatever icon family suits the icon you chose from Expo's icons |     number      |    no    | iOS/Android |        Yes        |
-|  iconSize   |                     sets the icon's size                     |     boolean     |    no    | iOS/Android |        Yes        |
-|   loading   |               Uses the for the loading effect                |     boolean     |    no    | iOS/Android |        Yes        |
-| loadingSize |              your options are: 'small', 'large'              |     boolean     |    no    | iOS/Android |        Yes        |
-|  lowercase  |                 makes all letters lowercase                  |     boolean     |    no    | iOS/Android |        Yes        |
-|  onlyIcon   | adds specific styling for using only an icon in your button  |     boolean     |    no    | iOS/Android |        Yes        |
-|   opacity   |                 changes the button's opacity                 |     boolean     |    no    | iOS/Android |        Yes        |
-|   radius    |                 changes the button's radius                  |     string      |    no    |     No      |        No         |
+|    Name     |                                             Description                                              |      Type       | Required |  Platform   | HarmonyOS Support |
+| :---------: | :--------------------------------------------------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+| capitalize  |                          Transforms the first character in a capital letter                          |     boolean     |    no    | iOS/Android |        Yes        |
+|    color    |      your options are: 'primary', 'theme', 'warning', 'succes', 'transparent' or your own color      |     string      |    no    | iOS/Android |        Yes        |
+|  disabled   |                                         Disables the button                                          |     boolean     |    no    | iOS/Android |        Yes        |
+|    icon     |                            pick whatever icon you want from Expo's icons                             | boolean, string |    no    | iOS/Android |        Yes        |
+|  iconColor  |                                        sets the icon's color                                         | boolean, string |    no    | iOS/Android |        Yes        |
+| iconFamily  |                 pick whatever icon family suits the icon you chose from Expo's icons                 |     number      |    no    | iOS/Android |        Yes        |
+|  iconSize   |                                         sets the icon's size                                         |     boolean     |    no    | iOS/Android |        Yes        |
+|   loading   |                                   Uses the for the loading effect                                    |     boolean     |    no    | iOS/Android |        Yes        |
+| loadingSize |                                  your options are: 'small', 'large'                                  |     boolean     |    no    | iOS/Android |        Yes        |
+|  lowercase  |                                     makes all letters lowercase                                      |     boolean     |    no    | iOS/Android |        Yes        |
+|  onlyIcon   |                     adds specific styling for using only an icon in your button                      |     boolean     |    no    | iOS/Android |        Yes        |
+|   opacity   |                                     changes the button's opacity                                     |     boolean     |    no    | iOS/Android |        Yes        |
+|   radius    |                                     changes the button's radius                                      |     string      |    no    |     No      |        No         |
 | shadowColor | the default shadowColor is based on the button's color but you can also write a specific shadowColor |     string      |    no    | iOS/Android |        Yes        |
-| shadowColor |                        removes shadow                        |     boolean     |    no    | iOS/Android |        Yes        |
-|    size     |              your options are: 'large', 'small'              |     number      |    no    | iOS/Android |        Yes        |
-|  uppercase  |                 makes all letters uppercase                  |     boolean     |    no    | iOS/Android |        Yes        |
+| shadowColor |                                            removes shadow                                            |     boolean     |    no    | iOS/Android |        Yes        |
+|    size     |                                  your options are: 'large', 'small'                                  |     number      |    no    | iOS/Android |        Yes        |
+|  uppercase  |                                     makes all letters uppercase                                      |     boolean     |    no    | iOS/Android |        Yes        |
 
 ### [Card](https://galio.io/docs/#/components/card?id=card)
 
-|      Name       |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
-| :-------------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
-|      card       |                 adding the necessary styles                  |     boolean     |    no    | iOS/Android |        Yes        |
-|     shadow      |           adding the necessary styles for shadows            |     boolean     |    no    | iOS/Android |        Yes        |
-|   borderless    |                   adding the card's border                   |     boolean     |    no    | iOS/Android |        Yes        |
-|      image      |         write your relative path or URL to the image         |     string      |    no    | iOS/Android |        Yes        |
-| imageBlockStyle |           styles for the Block wrapping the Image            |     string      |    no    | iOS/Android |        Yes        |
-|   imageStyle    |                     styles for the Image                     |     object      |    no    | iOS/Android |        Yes        |
-|     avatar      |    write your relative path or URL to the avatar's image     |     string      |    no    | iOS/Android |        Yes        |
-|    location     | where is this coming from? write the location of the author  |     string      |    no    | iOS/Android |        Yes        |
+|      Name       |                                           Description                                            |      Type       | Required |  Platform   | HarmonyOS Support |
+| :-------------: | :----------------------------------------------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
+|      card       |                                   adding the necessary styles                                    |     boolean     |    no    | iOS/Android |        Yes        |
+|     shadow      |                             adding the necessary styles for shadows                              |     boolean     |    no    | iOS/Android |        Yes        |
+|   borderless    |                                     adding the card's border                                     |     boolean     |    no    | iOS/Android |        Yes        |
+|      image      |                           write your relative path or URL to the image                           |     string      |    no    | iOS/Android |        Yes        |
+| imageBlockStyle |                             styles for the Block wrapping the Image                              |     string      |    no    | iOS/Android |        Yes        |
+|   imageStyle    |                                       styles for the Image                                       |     object      |    no    | iOS/Android |        Yes        |
+|     avatar      |                      write your relative path or URL to the avatar's image                       |     string      |    no    | iOS/Android |        Yes        |
+|    location     |                   where is this coming from? write the location of the author                    |     string      |    no    | iOS/Android |        Yes        |
 |  locationColor  | the default locationColor is based on themes.COLORS.MUTED, but you can also write your own color | boolean, string |    no    | iOS/Android |        Yes        |
-|      title      |                 write your main card's title                 |     string      |    no    | iOS/Android |        Yes        |
-|   titleColor    |                  change your title's color                   |     string      |    no    | iOS/Android |        Yes        |
-|     caption     |                 write your main card's title                 |     string      |    no    | iOS/Android |        Yes        |
-|  captionColor   |                 change your caption's color                  |     string      |    no    | iOS/Android |        Yes        |
-|   footerStyle   |   styles for the block wrapping the whole author's section   |     object      |    no    | iOS/Android |        Yes        |
+|      title      |                                   write your main card's title                                   |     string      |    no    | iOS/Android |        Yes        |
+|   titleColor    |                                    change your title's color                                     |     string      |    no    | iOS/Android |        Yes        |
+|     caption     |                                   write your main card's title                                   |     string      |    no    | iOS/Android |        Yes        |
+|  captionColor   |                                   change your caption's color                                    |     string      |    no    | iOS/Android |        Yes        |
+|   footerStyle   |                     styles for the block wrapping the whole author's section                     |     object      |    no    | iOS/Android |        Yes        |
 
 ### [Checkbox](https://galio.io/docs/#/components/checkbox?id=checkbox)
 
-|     Name      |                         Description                          |                             Type                             | Required |  Platform   | HarmonyOS Support |
-| :-----------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
-| checkboxStyle | By sending an object you can style the checkbox's color, size and more |                             any                              |    no    | iOS/Android |        Yes        |
-|   disabled    |  This disables the possibility of the checkbox being used.   |                           boolean                            |    no    | iOS/Android |        Yes        |
-| flexDirection | Maybe you need the checkbox to be on top of an image? You can do that with this prop. | oneOf(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
-|   iconColor   |              This prop changes the icon color.               |                            string                            |    no    | iOS/Android |        Yes        |
-|   iconName    |                 This prop changes the icon.                  |                            string                            |    no    | iOS/Android |        Yes        |
-|   iconSize    |           This prop changes the size of the icon.            |                            number                            |    no    | iOS/Android |        Yes        |
-|  iconFamily   | In case you need an icon from a different package, this prop helps you change the icon package. |                            string                            |    no    | iOS/Android |        Yes        |
-|     image     |      This allows you to place an image instead of text.      |                            string                            |    no    | iOS/Android |        Yes        |
-|  imageStyle   |            Style the way your image looks here！             |                             any                              |    no    | iOS/Android |        Yes        |
-| initialValue  | Should the initial state of your checkbox be false or true?  |                           boolean                            |    no    | iOS/Android |        Yes        |
-|     label     |               The text next to your checkbox.                |                            string                            |    no    | iOS/Android |        Yes        |
-|  labelStyle   |                  Style your checkbox's text                  |                             any                              |    no    | iOS/Android |        Yes        |
-|   onChange    | This prop take an arrow function and everytime the user presses the checkbox the function is called. |                           function                           |    no    | iOS/Android |        Yes        |
+|     Name      |                                             Description                                              |                               Type                                | Required |  Platform   | HarmonyOS Support |
+| :-----------: | :--------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------: | :------: | :---------: | :---------------: |
+| checkboxStyle |                By sending an object you can style the checkbox's color, size and more                |                                any                                |    no    | iOS/Android |        Yes        |
+|   disabled    |                      This disables the possibility of the checkbox being used.                       |                              boolean                              |    no    | iOS/Android |        Yes        |
+| flexDirection |        Maybe you need the checkbox to be on top of an image? You can do that with this prop.         | oneOf(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
+|   iconColor   |                                  This prop changes the icon color.                                   |                              string                               |    no    | iOS/Android |        Yes        |
+|   iconName    |                                     This prop changes the icon.                                      |                              string                               |    no    | iOS/Android |        Yes        |
+|   iconSize    |                               This prop changes the size of the icon.                                |                              number                               |    no    | iOS/Android |        Yes        |
+|  iconFamily   |   In case you need an icon from a different package, this prop helps you change the icon package.    |                              string                               |    no    | iOS/Android |        Yes        |
+|     image     |                          This allows you to place an image instead of text.                          |                              string                               |    no    | iOS/Android |        Yes        |
+|  imageStyle   |                                Style the way your image looks here！                                 |                                any                                |    no    | iOS/Android |        Yes        |
+| initialValue  |                     Should the initial state of your checkbox be false or true?                      |                              boolean                              |    no    | iOS/Android |        Yes        |
+|     label     |                                   The text next to your checkbox.                                    |                              string                               |    no    | iOS/Android |        Yes        |
+|  labelStyle   |                                      Style your checkbox's text                                      |                                any                                |    no    | iOS/Android |        Yes        |
+|   onChange    | This prop take an arrow function and everytime the user presses the checkbox the function is called. |                             function                              |    no    | iOS/Android |        Yes        |
 
 ### [Deck Swiper](https://galio.io/docs/#/components/deckswiper?id=deck-swiper)
 
-|        Name         |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
-| :-----------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|        Name         |                              Description                              |   Type   | Required |  Platform   | HarmonyOS Support |
+| :-----------------: | :-------------------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
 |        style        | Styling the Block which encapsulates the components used for swiping. |  object  |    no    | iOS/Android |        Yes        |
-|     components      |      An array of components used for building the deck.      |  array   |    no    | iOS/Android |        Yes        |
-|    onSwipeRight     |         Function called when the user swipes right.          | function |    no    | iOS/Android |        Yes        |
-|     onSwipeLeft     |          Function called when the user swipes left.          | function |    no    | iOS/Android |        Yes        |
-| focusedElementStyle |          Styling for the first element of the deck.          |  object  |    no    | iOS/Android |        Yes        |
-|  nextElementStyle   | Styling for the elements underneath the first element of the deck. |  object  |    no    | iOS/Android |        Yes        |
+|     components      |          An array of components used for building the deck.           |  array   |    no    | iOS/Android |        Yes        |
+|    onSwipeRight     |              Function called when the user swipes right.              | function |    no    | iOS/Android |        Yes        |
+|     onSwipeLeft     |              Function called when the user swipes left.               | function |    no    | iOS/Android |        Yes        |
+| focusedElementStyle |              Styling for the first element of the deck.               |  object  |    no    | iOS/Android |        Yes        |
+|  nextElementStyle   |  Styling for the elements underneath the first element of the deck.   |  object  |    no    | iOS/Android |        Yes        |
 
 ### [Icon](https://galio.io/docs/#/components/icon?id=icon)
 
@@ -283,55 +280,55 @@ export default CardDemo;
 
 ### [Input](https://galio.io/docs/#/components/input?id=input)
 
-|         Name         |                         Description                          |  Type   | Required |  Platform   | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
+|         Name         |                                                                            Description                                                                            |  Type   | Required |  Platform   | HarmonyOS Support |
+| :------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
 |         type         | this is basically the TextInput's keyboardType prop and it has the next options: 'default', 'number-pad', 'decimal-pad', 'numeric', 'email-address', 'phone-pad'. | string  |    no    | iOS/Android |        Yes        |
-|       password       |  Tells the input that this is going to be a password input   | boolean |    no    | iOS/Android |        Yes        |
-| placeholderTextColor |              Sets the placeholder's text color               | string  |    no    | iOS/Android |        Yes        |
-|        label         |                 Sets the label of the input                  | string  |    no    | iOS/Android |        Yes        |
-|       bgColor        |               Sets the Input's backgroundColor               | string  |    no    | iOS/Android |        Yes        |
-|       rounded        |                Sets the corners to be rounded                | boolean |    no    | iOS/Android |        Yes        |
-|      borderless      |              Sets the Input's borderWidth to 0               | boolean |    no    | iOS/Android |        Yes        |
-|       viewPass       | Adds the functionality of pressing a button in order to see your password's letters | boolean |    no    | iOS/Android |        Yes        |
-|         icon         |        Choose your Icon's name from Expo's icon list         | string  |    no    | iOS/Android |        Yes        |
-|      iconColor       |                   Changes the Icon's color                   | string  |    no    | iOS/Android |        Yes        |
-|        family        |         Choose your Icon's family from the same list         | string  |    no    | iOS/Android |        Yes        |
-|        color         |                 Sets the Input's text color.                 | string  |    no    | iOS/Android |        Yes        |
-|         help         | Sets a helper line for more information regarding your input. | string  |    no    | iOS/Android |        Yes        |
-|         left         |           Sets the Icon to the left of the Input.            | boolean |    no    | iOS/Android |        Yes        |
-|        right         |           Sets the Icon to the right of the Input.           | boolean |    no    | iOS/Android |        Yes        |
-|       topHelp        |            Sets the helper line above the input.             | boolean |    no    | iOS/Android |        Yes        |
-|      bottomHelp      |            Sets the helper line below the input.             | boolean |    no    | iOS/Android |        Yes        |
+|       password       |                                                     Tells the input that this is going to be a password input                                                     | boolean |    no    | iOS/Android |        Yes        |
+| placeholderTextColor |                                                                 Sets the placeholder's text color                                                                 | string  |    no    | iOS/Android |        Yes        |
+|        label         |                                                                    Sets the label of the input                                                                    | string  |    no    | iOS/Android |        Yes        |
+|       bgColor        |                                                                 Sets the Input's backgroundColor                                                                  | string  |    no    | iOS/Android |        Yes        |
+|       rounded        |                                                                  Sets the corners to be rounded                                                                   | boolean |    no    | iOS/Android |        Yes        |
+|      borderless      |                                                                 Sets the Input's borderWidth to 0                                                                 | boolean |    no    | iOS/Android |        Yes        |
+|       viewPass       |                                        Adds the functionality of pressing a button in order to see your password's letters                                        | boolean |    no    | iOS/Android |        Yes        |
+|         icon         |                                                           Choose your Icon's name from Expo's icon list                                                           | string  |    no    | iOS/Android |        Yes        |
+|      iconColor       |                                                                     Changes the Icon's color                                                                      | string  |    no    | iOS/Android |        Yes        |
+|        family        |                                                           Choose your Icon's family from the same list                                                            | string  |    no    | iOS/Android |        Yes        |
+|        color         |                                                                   Sets the Input's text color.                                                                    | string  |    no    | iOS/Android |        Yes        |
+|         help         |                                                   Sets a helper line for more information regarding your input.                                                   | string  |    no    | iOS/Android |        Yes        |
+|         left         |                                                              Sets the Icon to the left of the Input.                                                              | boolean |    no    | iOS/Android |        Yes        |
+|        right         |                                                             Sets the Icon to the right of the Input.                                                              | boolean |    no    | iOS/Android |        Yes        |
+|       topHelp        |                                                               Sets the helper line above the input.                                                               | boolean |    no    | iOS/Android |        Yes        |
+|      bottomHelp      |                                                               Sets the helper line below the input.                                                               | boolean |    no    | iOS/Android |        Yes        |
 
 ### [NavBar](https://galio.io/docs/#/components/navbar?id=navbar)
 
-|     Name      |                         Description                          |     Type     | Required |  Platform   | HarmonyOS Support |
-| :-----------: | :----------------------------------------------------------: | :----------: | :------: | :---------: | :---------------: |
-|     back      |             Adds a back button for your navBar.              |   boolean    |    no    | iOS/Android |        Yes        |
-|  transparent  |  Sets the backgroundColor and borderColor to 'transparent'   |   boolean    |    no    | iOS/Android |        Yes        |
-|     title     |                     Title of the NavBar                      | node, string |    no    | iOS/Android |        Yes        |
-|  titleStyle   |                Sets the styling for the title                |    object    |    no    | iOS/Android |        Yes        |
-|     left      |                   Left side of the NavBar                    |     node     |    no    | iOS/Android |        Yes        |
+|     Name      |                          Description                          |     Type     | Required |  Platform   | HarmonyOS Support |
+| :-----------: | :-----------------------------------------------------------: | :----------: | :------: | :---------: | :---------------: |
+|     back      |              Adds a back button for your navBar.              |   boolean    |    no    | iOS/Android |        Yes        |
+|  transparent  |   Sets the backgroundColor and borderColor to 'transparent'   |   boolean    |    no    | iOS/Android |        Yes        |
+|     title     |                      Title of the NavBar                      | node, string |    no    | iOS/Android |        Yes        |
+|  titleStyle   |                Sets the styling for the title                 |    object    |    no    | iOS/Android |        Yes        |
+|     left      |                    Left side of the NavBar                    |     node     |    no    | iOS/Android |        Yes        |
 |   leftStyle   | Sets the styling for the View wrapping the left side element. |    object    |    no    | iOS/Android |        Yes        |
-| leftIconColor |           Sets the color of the left side's icon.            |    string    |    no    | iOS/Android |        Yes        |
-|  onLeftPress  |           Function for the left side of the navbar           |   function   |    no    | iOS/Android |        Yes        |
-|     right     |                   Right side of the NavBar                   |     node     |    no    | iOS/Android |        Yes        |
+| leftIconColor |            Sets the color of the left side's icon.            |    string    |    no    | iOS/Android |        Yes        |
+|  onLeftPress  |           Function for the left side of the navbar            |   function   |    no    | iOS/Android |        Yes        |
+|     right     |                   Right side of the NavBar                    |     node     |    no    | iOS/Android |        Yes        |
 |  rightStyle   | Sets the styling for the View wrapping the left side element. |    object    |    no    | iOS/Android |        Yes        |
 
 ### [Radio](https://galio.io/docs/#/components/radio?id=radio)
 
-|      Name       |                Description                |                             Type                             | Required |  Platform   | HarmonyOS Support |
-| :-------------: | :---------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
-|      color      |                  color.                   |                            string                            |    no    | iOS/Android |        Yes        |
-| containerStyle  |              Container Style              |                             any                              |    no    | iOS/Android |        Yes        |
-| radioOuterStyle |            Title of the NavBar            |                             any                              |    no    | iOS/Android |        Yes        |
-| radioInnerStyle |      Sets the styling for the title       |                             any                              |    no    | iOS/Android |        Yes        |
-|    disabled     |              Prohibited Use               |                           boolean                            |    no    | iOS/Android |        Yes        |
+|      Name       |                Description                |                                 Type                                  | Required |  Platform   | HarmonyOS Support |
+| :-------------: | :---------------------------------------: | :-------------------------------------------------------------------: | :------: | :---------: | :---------------: |
+|      color      |                  color.                   |                                string                                 |    no    | iOS/Android |        Yes        |
+| containerStyle  |              Container Style              |                                  any                                  |    no    | iOS/Android |        Yes        |
+| radioOuterStyle |            Title of the NavBar            |                                  any                                  |    no    | iOS/Android |        Yes        |
+| radioInnerStyle |      Sets the styling for the title       |                                  any                                  |    no    | iOS/Android |        Yes        |
+|    disabled     |              Prohibited Use               |                                boolean                                |    no    | iOS/Android |        Yes        |
 |  flexDirection  | Determines the direction of the main axis | oneOfType(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
-|  initialValue   |               Initial Value               |                           boolean                            |    no    | iOS/Android |        Yes        |
-|      label      |                   Label                   |                            string                            |    no    | iOS/Android |        Yes        |
-|   labelStyle    |               Label Styles                |                             any                              |    no    | iOS/Android |        Yes        |
-|    onChange     |       Change when radio is seleted        |                           function                           |    no    | iOS/Android |        Yes        |
+|  initialValue   |               Initial Value               |                                boolean                                |    no    | iOS/Android |        Yes        |
+|      label      |                   Label                   |                                string                                 |    no    | iOS/Android |        Yes        |
+|   labelStyle    |               Label Styles                |                                  any                                  |    no    | iOS/Android |        Yes        |
+|    onChange     |       Change when radio is seleted        |                               function                                |    no    | iOS/Android |        Yes        |
 
 ### [Text](https://galio.io/docs/#/components/text?id=text)
 
@@ -351,58 +348,57 @@ export default CardDemo;
 
 ### [Toast Notification](https://galio.io/docs/#/components/toastnotification?id=toast-notification)
 
-|       Name        |                         Description                          |    Type     | Required |  Platform   | HarmonyOS Support |
-| :---------------: | :----------------------------------------------------------: | :---------: | :------: | :---------: | :---------------: |
-|       style       |             Styling the Block which encapsulate              |   object    |    no    | iOS/Android |        Yes        |
+|       Name        |                                             Description                                              |    Type     | Required |  Platform   | HarmonyOS Support |
+| :---------------: | :--------------------------------------------------------------------------------------------------: | :---------: | :------: | :---------: | :---------------: |
+|       style       |                                 Styling the Block which encapsulate                                  |   object    |    no    | iOS/Android |        Yes        |
 |     children      | The content of your toast notification. You can even just write a text or create your own component. | node/string |    no    | iOS/Android |        Yes        |
-|      isShow       |         Toggle between the toast being shown or not.         |    bool     |    no    | iOS/Android |        Yes        |
-| positionIndicator |              one of: 'top', 'center', 'bottom'               |   string    |    no    | iOS/Android |        Yes        |
-|  positionOffset   |                  Whether to use positioning                  |   number    |    no    | iOS/Android |        Yes        |
-|  fadeInDuration   |         The number of ms for the fade in animation.          |   number    |    no    | iOS/Android |        Yes        |
-|  fadeOutDuration  |         The number of ms for the fade out animation.         |   number    |    no    | iOS/Android |        Yes        |
-|       color       |   one of: 'primary', 'theme', 'info', 'warning', 'success'   |   string    |    no    | iOS/Android |        Yes        |
-|       round       |         Maybe you want a rounded toast notification?         |   boolean   |    no    | iOS/Android |        Yes        |
-|     textStyle     |     Style object for the children prop used as a string.     |   object    |    no    | iOS/Android |        Yes        |
+|      isShow       |                             Toggle between the toast being shown or not.                             |    bool     |    no    | iOS/Android |        Yes        |
+| positionIndicator |                                  one of: 'top', 'center', 'bottom'                                   |   string    |    no    | iOS/Android |        Yes        |
+|  positionOffset   |                                      Whether to use positioning                                      |   number    |    no    | iOS/Android |        Yes        |
+|  fadeInDuration   |                             The number of ms for the fade in animation.                              |   number    |    no    | iOS/Android |        Yes        |
+|  fadeOutDuration  |                             The number of ms for the fade out animation.                             |   number    |    no    | iOS/Android |        Yes        |
+|       color       |                       one of: 'primary', 'theme', 'info', 'warning', 'success'                       |   string    |    no    | iOS/Android |        Yes        |
+|       round       |                             Maybe you want a rounded toast notification?                             |   boolean   |    no    | iOS/Android |        Yes        |
+|     textStyle     |                         Style object for the children prop used as a string.                         |   object    |    no    | iOS/Android |        Yes        |
 
 ### [Slider](https://galio.io/docs/#/components/slider?id=slider)
 
-|       Name        |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
-| :---------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-|    activeColor    |          This sets the active color of your slider.          |  string  |    no    | iOS/Android |        Yes        |
-|       value       | The initial value at which the thumb of the slider is positioned |  number  |    no    | iOS/Android |        Yes        |
-|     disabled      |       This prop makes the slider unusable to the user.       | boolean  |    no    | iOS/Android |        Yes        |
-|   minimumValue    |            Sets the minimum value for the Slider.            |  number  |    no    | iOS/Android |        Yes        |
-|   maximumValue    |            Sets the maximum value for the Slider.            |  number  |    no    | iOS/Android |        Yes        |
-|    trackStyle     | By passing an object you can style the track of the Slider.  |   any    |    no    | iOS/Android |        Yes        |
-|    thumbStyle     | By passing an object you can style the thumb of the Slider.  |   any    |    no    | iOS/Android |        Yes        |
-|       step        |    This is a stepper. It sets fixed values for the thumb.    |  number  |    no    | iOS/Android |        Yes        |
+|       Name        |                                           Description                                            |   Type   | Required |  Platform   | HarmonyOS Support |
+| :---------------: | :----------------------------------------------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
+|    activeColor    |                            This sets the active color of your slider.                            |  string  |    no    | iOS/Android |        Yes        |
+|       value       |                 The initial value at which the thumb of the slider is positioned                 |  number  |    no    | iOS/Android |        Yes        |
+|     disabled      |                         This prop makes the slider unusable to the user.                         | boolean  |    no    | iOS/Android |        Yes        |
+|   minimumValue    |                              Sets the minimum value for the Slider.                              |  number  |    no    | iOS/Android |        Yes        |
+|   maximumValue    |                              Sets the maximum value for the Slider.                              |  number  |    no    | iOS/Android |        Yes        |
+|    trackStyle     |                   By passing an object you can style the track of the Slider.                    |   any    |    no    | iOS/Android |        Yes        |
+|    thumbStyle     |                   By passing an object you can style the thumb of the Slider.                    |   any    |    no    | iOS/Android |        Yes        |
+|       step        |                      This is a stepper. It sets fixed values for the thumb.                      |  number  |    no    | iOS/Android |        Yes        |
 | onSlidingComplete | By passing an arrow function you can decide what is going to happen when the Sliding is complete | function |    no    | iOS/Android |        Yes        |
-|  onSlidingStart   | By passing an arrow function you can decide what is going to happen when the Sliding starts | function |    no    | iOS/Android |        Yes        |
-|   onValueChange   | By passing an arrow function you can decide what is going to happen when the Sliding is moving. | function |    no    | iOS/Android |        Yes        |
+|  onSlidingStart   |   By passing an arrow function you can decide what is going to happen when the Sliding starts    | function |    no    | iOS/Android |        Yes        |
+|   onValueChange   | By passing an arrow function you can decide what is going to happen when the Sliding is moving.  | function |    no    | iOS/Android |        Yes        |
 
 ### [Switch](https://galio.io/docs/#/components/switch?id=switch)
 
-|        Name         |                 Description                  |                             Type                             | Required |  Platform   | HarmonyOS Support |
-| :-----------------: | :------------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
+|        Name         |                 Description                  |                                      Type                                      | Required |  Platform   | HarmonyOS Support |
+| :-----------------: | :------------------------------------------: | :----------------------------------------------------------------------------: | :------: | :---------: | :---------------: |
 |        color        |                 Switch Color                 | oneOfType(['primary', 'theme', 'error', 'warning', 'success', 'info']), string |    no    |     No      |        No         |
-|      disabled       |        Whether the switch is disabled        |                           boolean                            |    no    | iOS/Android |        Yes        |
-|    initialValue     |                Initial value                 |                           boolean                            |    no    | iOS/Android |        Yes        |
-|     trackColor      |                 track Color                  |                            object                            |    no    | iOS/Android |        Yes        |
-| ios_backgroundColor |             ios background color             |                            string                            |    no    | iOS/Android |        Yes        |
-|      onChange       | Events that occur when the switch is changed |                           function                           |   yes    | iOS/Android |        Yes        |
+|      disabled       |        Whether the switch is disabled        |                                    boolean                                     |    no    | iOS/Android |        Yes        |
+|    initialValue     |                Initial value                 |                                    boolean                                     |    no    | iOS/Android |        Yes        |
+|     trackColor      |                 track Color                  |                                     object                                     |    no    | iOS/Android |        Yes        |
+| ios_backgroundColor |             ios background color             |                                     string                                     |    no    | iOS/Android |        Yes        |
+|      onChange       | Events that occur when the switch is changed |                                    function                                    |   yes    | iOS/Android |        Yes        |
 
 ### [GalioTheme](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=galiotheme-usage)
 
-| Name  |                         Description                          |  Type  | Required |  Platform   | HarmonyOS Support |
-| :---: | :----------------------------------------------------------: | :----: | :------: | :---------: | :---------------: |
+| Name  |                                                    Description                                                     |  Type  | Required |  Platform   | HarmonyOS Support |
+| :---: | :----------------------------------------------------------------------------------------------------------------: | :----: | :------: | :---------: | :---------------: |
 | color | Theme color, [COLORS reference table](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=colors-reference-table) | Object |    no    | iOS/Android |        Yes        |
-| size  | Set Font Size,  [SIZES reference table](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=sizes-reference-table) | Object |    no    | iOS/Android |        Yes        |
-
-## 遗留问题
+| size  | Set Font Size, [SIZES reference table](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=sizes-reference-table) | Object |    no    | iOS/Android |        Yes        |
 
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md).
diff --git a/en/klarna-platform-colors.md b/en/klarna-platform-colors.md
index ad4f4497..db3fd75f 100644
--- a/en/klarna-platform-colors.md
+++ b/en/klarna-platform-colors.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@klarna/platform-colors</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/platform-colors)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/platform-colors)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -37,13 +37,13 @@ npm install @react-native-oh-tpl/platform-colors@file:#
 yarn add @react-native-oh-tpl/platform-colors@file:#
 ```
 
-生成资源文件：
+Generate resource files:
 
 ```bash
 npx @react-native-oh-tpl/platform-colors
 ```
 
-> [!TIP] 第一次运行该命令时，它将提示您要为哪些平台生成文件，确定后将在工程根目录创建具有以下格式的文件：
+> [!TIP] The first time you run the command it will prompt you which platforms you want to generate files for which will create a file with the following format:
 
 ```js
 // platform-colors.config.js
@@ -74,9 +74,9 @@ module.exports = {
 };
 ```
 
-现在检查你的 android, ios 和 harmony 文件夹。您应该在每个平台上都有您的颜色定义。
+Now go ahead and inspect your android, ios and web folders. You should have your color definitions on each platform.
 
-当您需要修改颜色资源时，只需更改`colors`配置，然后再次执行以下命令即可生成最新的颜色资源
+You need to re-run the command after each change to the config to update the generated files.
 
 ```bash
 npx @react-native-oh-tpl/platform-colors
@@ -84,9 +84,9 @@ npx @react-native-oh-tpl/platform-colors
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```ts
 import React from "react";
@@ -171,17 +171,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -192,18 +192,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -212,22 +209,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNPlatformColorsPackage
+### 3. Introducing RNPlatformColorsPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -241,36 +238,36 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases)
 
-## 属性
+## Properties
 
-### platform-colors.config.js 配置文件属性
+### platform-colors.config.js configuration files Properties
 
-> 详情见 [@klarna/platform-colors 文档](https://github.com/klarna-incubator/platform-colors)
+> details [@klarna/platform-colors documentation](https://github.com/klarna-incubator/platform-colors)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                                                                                                                                                           | Type   | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -284,9 +281,9 @@ ohpm install
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description                          | Type     | Required | Platform    | HarmonyOS Support |
 | ---------------- | ------------------------------------ | -------- | -------- | ----------- | ----------------- |
@@ -313,10 +310,10 @@ resolveColor(color: ColorValue): Promise<string>;
 | ----- | -------------------------------------------------------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
 | color | Color value obtained through the PlatformColor interface.<br>Example: resolveColor(PlatformColor('coloeName')) | React.ColorValue | Yes      | iOS/Android | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [Apache License 2.0](https://github.com/klarna-incubator/platform-colors/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [Apache License 2.0](https://github.com/klarna-incubator/platform-colors/blob/master/LICENSE).
diff --git a/en/react-content-loader.md b/en/react-content-loader.md
index 0464395d..e03c3fb5 100644
--- a/en/react-content-loader.md
+++ b/en/react-content-loader.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-content-loader</code> </h1>
@@ -12,16 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-content-loader)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-content-loader)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases).
 
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,84 +38,92 @@ yarn add @react-native-oh-tpl/react-content-loader@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import ContentLoader, { Facebook, Code, List, BulletList, Instagram, Rect, Circle } from 'react-content-loader/native'
-import { View, ScrollView } from "react-native"
+import ContentLoader, {
+  Facebook,
+  Code,
+  List,
+  BulletList,
+  Instagram,
+  Rect,
+  Circle,
+} from "react-content-loader/native";
+import { View, ScrollView } from "react-native";
 
 export function AppExample() {
-    return <View style={{ flex: 1, backgroundColor: 'white' }}>
-        <ScrollView >
-            <ContentLoader
-                width={'100%'}
-                height={80}
-                animate={false}
-                viewBox="0 0 380 70"
-            >
-                <Circle cx="30" cy="30" r="30" />
-                <Rect x="80" y="17" rx="4" ry="4" width="300" height="13" />
-                <Rect x="80" y="40" rx="3" ry="3" width="250" height="10" />
-            </ContentLoader>
-            <Facebook></Facebook>
-            <Code></Code>
-            <List></List>
-            <BulletList></BulletList>
-            <Instagram></Instagram>
-        </ScrollView>
+  return (
+    <View style={{ flex: 1, backgroundColor: "white" }}>
+      <ScrollView>
+        <ContentLoader
+          width={"100%"}
+          height={80}
+          animate={false}
+          viewBox="0 0 380 70"
+        >
+          <Circle cx="30" cy="30" r="30" />
+          <Rect x="80" y="17" rx="4" ry="4" width="300" height="13" />
+          <Rect x="80" y="40" rx="3" ry="3" width="250" height="10" />
+        </ContentLoader>
+        <Facebook></Facebook>
+        <Code></Code>
+        <List></List>
+        <BulletList></BulletList>
+        <Instagram></Instagram>
+      </ScrollView>
     </View>
+  );
 }
-
 ```
+
 ## Link
 
-本库依赖@react-native-oh-tpl/react-native-svg，如已在鸿蒙工程中引入过该库，则无需再次引入。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg](/en/react-native-svg-capi.md) to add it to your project.
 
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases)
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+## Properties
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases)
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-## 属性
+### Options
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+| Name              | Description                                                                                                                                                                                                                                                                               | Type                | Required | Platform       | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------- | -------------- | ----------------- |
+| animate           | Opt-out of animations with false                                                                                                                                                                                                                                                          | boolean             | no       | all            | yes               |
+| speed             | Animation speed in seconds                                                                                                                                                                                                                                                                | number              | no       | all            | yes               |
+| rtl               | Content right-to-left                                                                                                                                                                                                                                                                     | boolean             | no       | all            | yes               |
+| backgroundColor   | Used as background of animation                                                                                                                                                                                                                                                           | string              | no       | all            | yes               |
+| viewBox           | Use viewBox props to set a custom viewBox value,for more information about how to use it,read the article [How to Scale SVG](https://css-tricks.com/scale-svg/)                                                                                                                           | string              | no       | all            | yes               |
+| foregroundColor   | Used as the foreground of animation                                                                                                                                                                                                                                                       | string              | no       | all            | yes               |
+| interval          | Animation interval in seconds                                                                                                                                                                                                                                                             | number              | no       | all            | yes               |
+| beforeMask        | Define custom shapes before content                                                                                                                                                                                                                                                       | JSX.Element         | no       | all            | partially         |
+| uniqueKey         | Use the same value of prop key, that will solve inconsistency on the SSR                                                                                                                                                                                                                  | string              | no       | React DOM only | no                |
+| title             | It's used to describe what element it is. Use '' (empty string) to remove.                                                                                                                                                                                                                | string              | no       | React DOM only | no                |
+| baseUrl           | Required if you're using `<base url="/" />` document `<head/>`. This prop is common used as: `<ContentLoader baseUrl={window.location.pathname} />` which will fill the SVG attribute with the relative path. Related [#93](https://github.com/danilowoz/react-content-loader/issues/93). | string              | no       | React DOM only | no                |
+| backgroundOpacity | Background opacity (0 = transparent, 1 = opaque)used to solve an issue in [Safari](#safari--ios)                                                                                                                                                                                          | number              | no       | React DOM only | no                |
+| foregroundOpacity | Animation opacity (0 = transparent, 1 = opaque)used to solve an issue in [Safari](#safari--ios)                                                                                                                                                                                           | number              | no       | React DOM only | no                |
+| style             | css style                                                                                                                                                                                                                                                                                 | React.CSSProperties | no       | React DOM only | no                |
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+## Known Issues
 
-### Options
+- [ ] beforeMaskProperties 设置非 svg 暴露出来的组件时无效: [issue#256](https://github.com/react-native-oh-library/react-native-harmony-svg/issues/256)
+
+## Others
+
+## License
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| animate  | Opt-out of animations with false         | boolean  | no | all      | yes |
-| speed  | Animation speed in seconds         | number  | no | all      | yes |
-| rtl  | Content right-to-left         | boolean  | no | all      | yes |
-| backgroundColor  | Used as background of animation         | string  | no | all      | yes |
-| viewBox  | Use viewBox props to set a custom viewBox value,for more information about how to use it,read the article [How to Scale SVG](https://css-tricks.com/scale-svg/)         | string  | no | all      | yes |
-| foregroundColor  | Used as the foreground of animation         | string  | no | all      | yes |
-| interval  |  Animation interval in seconds         | number  | no | all      | yes |
-| beforeMask  | Define custom shapes before content         | JSX.Element  | no | all      | partially |
-| uniqueKey  | Use the same value of prop key, that will solve inconsistency on the SSR         | string  | no | React DOM only      | no |
-| title  |  It's used to describe what element it is. Use '' (empty string) to remove.    | string  | no | React DOM only      | no |
-| baseUrl  | Required if you're using `<base url="/" />` document `<head/>`. This prop is common used as: `<ContentLoader baseUrl={window.location.pathname} />` which will fill the SVG attribute with the relative path. Related [#93](https://github.com/danilowoz/react-content-loader/issues/93). | string  | no | React DOM only      | no |
-| backgroundOpacity  |  Background opacity (0 = transparent, 1 = opaque)used to solve an issue in [Safari](#safari--ios)     | number  | no | React DOM only      | no |
-| foregroundOpacity  |  Animation opacity (0 = transparent, 1 = opaque)used to solve an issue in [Safari](#safari--ios)     | number  | no | React DOM only      | no |
-| style  |  css style     | React.CSSProperties  | no | React DOM only      | no |
-
-
-## 遗留问题
-- [ ]  beforeMask属性设置非svg暴露出来的组件时无效: [issue#256](https://github.com/react-native-oh-library/react-native-harmony-svg/issues/256) 
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/danilowoz/react-content-loader/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/danilowoz/react-content-loader/blob/master/LICENSE).
diff --git a/en/react-countdown-circle-timer.md b/en/react-countdown-circle-timer.md
index 326bd8f1..89c715f4 100644
--- a/en/react-countdown-circle-timer.md
+++ b/en/react-countdown-circle-timer.md
@@ -1,5 +1,4 @@
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-countdown-circle-timer</code> </h1>
@@ -13,10 +12,9 @@
     </a>
 </p>
 
+> [!TIP] [ GitHub address](https://github.com/vydimitrov/react-countdown-circle-timer)
 
-> [!TIP] [Github 地址](https://github.com/vydimitrov/react-countdown-circle-timer)
-
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -34,22 +32,21 @@ yarn add react-native-countdown-circle-timer@3.2.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { useState } from 'react'
-import { View, StyleSheet, Button, Text, ScrollView } from 'react-native';
-import { CountdownCircleTimer } from 'react-native-countdown-circle-timer'
+import React, { useState } from "react";
+import { View, StyleSheet, Button, Text, ScrollView } from "react-native";
+import { CountdownCircleTimer } from "react-native-countdown-circle-timer";
 
+export function SwitchDemo() {
+  const [isPlaying, setIsPlaying] = useState(true);
+  const [count, setCount] = useState(15);
 
-export function SwitchDemo(){
-  const [isPlaying, setIsPlaying] = useState(true)
-  const [count, setCount] = useState(15)
-  
-  return(
-    <View  style={styles.container}>
+  return (
+    <View style={styles.container}>
       <CountdownCircleTimer
         isPlaying={isPlaying}
         duration={count}
@@ -57,71 +54,76 @@ export function SwitchDemo(){
         isSmoothColorTransition={false}
         colors="#aabbcc"
         onUpdate={(remainingTime) => {
-          console.log('Counter is ', count)
-          console.log('Remaining time is ', remainingTime)
+          console.log("Counter is ", count);
+          console.log("Remaining time is ", remainingTime);
         }}
         onComplete={() => ({ shouldRepeat: true })}
       >
         {({ remainingTime }) => remainingTime}
       </CountdownCircleTimer>
-      <Button onPress={() => setIsPlaying((prev) => !prev)} title={'Toggle Playing'}></Button>
-      <Button onPress={() => setCount((prev) => (prev += 5))} title={'Count'}></Button>
+      <Button
+        onPress={() => setIsPlaying((prev) => !prev)}
+        title={"Toggle Playing"}
+      ></Button>
+      <Button
+        onPress={() => setCount((prev) => (prev += 5))}
+        title={"Count"}
+      ></Button>
     </View>
-    )
-  }
-  const styles = StyleSheet.create({
-    container: {
-      alignItems: "center",
-      justifyContent: "center",
-      backgroundColor:"#fff",
-      
-    }
-  });
+  );
+}
+const styles = StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#fff",
+  },
+});
 ```
+
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-svg-capi.md#link) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
 
-## 属性
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
-| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
-|     colors      |     colors prop is either:(Single valid color in any format or URL to a gradient;Array of colors in HEX format. At least 2 colors should be provided)    | `string & string[]` |    No    | Android/iOS |        Yes        |
-|       colorsTime        |          Indicates the time when a color should switch to the next color. The first number is the countdown duration and the last one is 0 or goal. Works only when colors is an array of HEX colors         |       	number[]       |    No    | Android/iOS |        Yes        |
-|      isPlaying       | 	Play or pause animation |   boolean  |    No    | Android/iOS |        Yes        |
-|     initialRemainingTime      |        Set the initial remaining time if it is different than the duration    |      number      |    No    | Android/iOS |        Yes        |
-|     updateInterval      | 	Update interval in seconds. Determines how often the timer updates. When set to 0 the value will update on each key frame |      number      |    No    | Android/iOS |        Yes        |
-|      size      | 	Width and height of the SVG element |   number   |    No    | Android/iOS |        Yes        |
-|      strokeWidth       | 	Path stroke width |  number   |    No    | Android/iOS |        Yes        |
-|      trailStrokeWidth       | Trail stroke width |      number       |    No    | Android/iOS |        Yes        |
-|    strokeLinecap     | Path stroke line cap |      `round 、 square 、 butt`       |    No    | Android/iOS |        Yes        |
-|       rotation        | 	Progress path rotation direction|  `clockwise 、 counterclockwise`  |    No    | Android/iOS |        Yes        |
-|     isGrowing     | Indicated if the progress path should be growing instead of shrinking |      boolean       |    No    | Android/iOS |        Yes        |
-|     trailColor     | 	Circle trail color - takes any valid color format|      string       |    No    | Android/iOS |        Yes        |
-|     isSmoothColorTransition      |Indicates if the colors should smoothly transition to the next color |       boolean       |    No    | Android/iOS |        Yes        |
-|    children     | 	Render function to customize the time/content in the center of the circle    |    function  |  No  |         Android/iOS     |Yes
-| onComplete | 	On animation complete event handler |       function    |    No    | Android/iOS |        Yes        |
-|        onUpdate        |        On remaining time update event handler           |       function     |   No    | Android/iOS |        Yes        |
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+|          Name           |                                                                                         Description                                                                                         |              Type               | Required |  Platform   | HarmonyOS Support |
+| :---------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------: | :------: | :---------: | :---------------: |
+|         colors          |                      colors prop is either:(Single valid color in any format or URL to a gradient;Array of colors in HEX format. At least 2 colors should be provided)                      |       `string & string[]`       |    No    | Android/iOS |        Yes        |
+|       colorsTime        | Indicates the time when a color should switch to the next color. The first number is the countdown duration and the last one is 0 or goal. Works only when colors is an array of HEX colors |            number[]             |    No    | Android/iOS |        Yes        |
+|        isPlaying        |                                                                                   Play or pause animation                                                                                   |             boolean             |    No    | Android/iOS |        Yes        |
+|  initialRemainingTime   |                                                             Set the initial remaining time if it is different than the duration                                                             |             number              |    No    | Android/iOS |        Yes        |
+|     updateInterval      |                                  Update interval in seconds. Determines how often the timer updates. When set to 0 the value will update on each key frame                                  |             number              |    No    | Android/iOS |        Yes        |
+|          size           |                                                                             Width and height of the SVG element                                                                             |             number              |    No    | Android/iOS |        Yes        |
+|       strokeWidth       |                                                                                      Path stroke width                                                                                      |             number              |    No    | Android/iOS |        Yes        |
+|    trailStrokeWidth     |                                                                                     Trail stroke width                                                                                      |             number              |    No    | Android/iOS |        Yes        |
+|      strokeLinecap      |                                                                                    Path stroke line cap                                                                                     |    `round 、 square 、 butt`    |    No    | Android/iOS |        Yes        |
+|        rotation         |                                                                              Progress path rotation direction                                                                               | `clockwise 、 counterclockwise` |    No    | Android/iOS |        Yes        |
+|        isGrowing        |                                                            Indicated if the progress path should be growing instead of shrinking                                                            |             boolean             |    No    | Android/iOS |        Yes        |
+|       trailColor        |                                                                      Circle trail color - takes any valid color format                                                                      |             string              |    No    | Android/iOS |        Yes        |
+| isSmoothColorTransition |                                                            Indicates if the colors should smoothly transition to the next color                                                             |             boolean             |    No    | Android/iOS |        Yes        |
+|        children         |                                                          Render function to customize the time/content in the center of the circle                                                          |            function             |    No    | Android/iOS |        Yes        |
+|       onComplete        |                                                                             On animation complete event handler                                                                             |            function             |    No    | Android/iOS |        Yes        |
+|        onUpdate         |                                                                           On remaining time update event handler                                                                            |            function             |    No    | Android/iOS |        Yes        |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/vydimitrov/react-countdown-circle-timer/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/vydimitrov/react-countdown-circle-timer/blob/master/LICENSE).
diff --git a/en/react-native-audio-recorder-player.md b/en/react-native-audio-recorder-player.md
index 50fb1e13..d4b49c16 100644
--- a/en/react-native-audio-recorder-player.md
+++ b/en/react-native-audio-recorder-player.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-audio-recorder-player</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-recorder-player)
+> [!tip] [ GitHub address](https://github.com/react-native-oh-library/react-native-audio-recorder-player)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!tip] # 处替换为 tgz 包的路径
+> [!tip] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -34,9 +34,9 @@ npm install @react-native-oh-tpl/react-native-audio-recorder-player@file:#
 yarn add @react-native-oh-tpl/react-native-audio-recorder-player@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import AudioRecorderPlayer, {
@@ -510,13 +510,14 @@ class Page extends Component<any, State> {
 export default Page;
 
 ```
+
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -526,18 +527,16 @@ export default Page;
   }
 }
 ```
-### 引入原生端代码
 
-目前有两种方法：
+### Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!tip] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!tip] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -546,21 +545,23 @@ export default Page;
     "@react-native-oh-tpl/react-native-audio-recorder-player": "file:../../node_modules/@react-native-oh-tpl/react-native-audio-recorder-player/harmony/audio_recorder_player.har"
   }
 ```
-点击右上角的 `sync` 按钮
 
-或者在终端执行：
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
-方法二：直接链接源码
 
-> [!tip] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+Method 2: Directly link to the source code.
+
+> [!tip] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 配置 CMakeLists 和引入 RNAudioRecorderPlayerPackage
+### Configuring CMakeLists and Introducing RNAudioRecorderPlayerPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -597,7 +598,8 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_audio_recorder_player)
 # RNOH_END: manual_package_linking_2
 ```
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -615,9 +617,10 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
     };
 }
 ```
-### 在 ArkTs 侧引入 react-native-audio-recorder-player Package
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+### Introducing react-native-audio-recorder-player Package to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import {RNAudioRecorderPlayerPackage} from '@react-native-oh-tpl/react-native-audio-recorder-player/ts';
@@ -629,36 +632,38 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
-### 运行
 
-点击右上角的 `sync` 按钮
+### Running
 
-或者在终端执行：
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
-然后编译、运行即可。
 
-## 约束与限制
+Then build and run the code.
+
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)
 
-### 权限要求
+### Permission Requirements
 
-#### 在 entry 目录下的module.json5中添加权限
+#### Include applicable permissions in the module.json5 file within the entry directory.
 
-打开 `entry/src/main/module.json5`，添加：
+Open the `entry/src/main/module.json5` file and add the following code:
 
 ```diff
 ...
 "requestPermissions": [
-+  {"name": "ohos.permission.INTERNET"},//网络播放音频需添加
++  {"name": "ohos.permission.INTERNET"},
 +  {
 +    "name": "ohos.permission.MICROPHONE",
 +    "reason": "$string:Access_Create_Audio",
@@ -672,9 +677,10 @@ ohpm install
  ]
 ]
 ```
-#### 在 entry 目录下添加申请权限的原因
 
-打开 `entry/src/main/resources/base/element/string.json`，添加：
+#### Apply the reasons for applicable permission in the entry directory.
+
+Open the `entry/src/main/resources/base/element/string.json` file and add the following code:
 
 ```diff
 ...
@@ -687,36 +693,37 @@ ohpm install
   ]
 }
 ```
+
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name              | Description                                                                                                                                              | Type                                                                                                                | Required | Platform | HarmonyOS Support |
-| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| `mmss`         | Convert milliseconds to minute:second string                             | function(milliseconds:number): string                                 | No       |  Android，iOS      | yes               |
-| `mmssss`         | Convert milliseconds to minute:second:milliseconds string          | function(milliseconds:number): string                                | No       |  Android，iOS       | yes               |
-| `setSubscriptionDuration`       | Set default callback time when starting recorder or player. Default to 0.5 which is 500ms| function(seconds:float):void     | No       |  Android，iOS       | yes               |
-| `addRecordBackListener`      |Get callback from native module. Will receive currentPosition, currentMetering (if configured in startRecorder).                                                                                      | function(callBack:(value:RecordBackType)=>void): void                                               | No       |  Android，iOS      | yes               |
-| `removeRecordBackListener`      |Removes recordBack listener.            | function(): void                                     | No       |  Android，iOS       | yes               |
-| `addPlayBackListener`        | Get callback from native module. Will receive duration, currentPosition.                  | function(callBack:(value: PlayBackType)=>void): void  | No       |  Android，iOS       | yes               |
-| `removePlayBackListener`        | Removes playback listener.                                                     | function(): void               | No       |  Android，iOS       | yes               |
-| `startRecorder`      |Start recording. Not passing uri will save audio in default location. | function(uri?:string,audioSets?: AudioSet,meteringEnabled?: boolean): Promise< string >               | No       | Android，iOS      | yes         |
-| `pauseRecorder`     | Pause recording.                           | function() : Promise< string >                                        | No       | Android，iOS       | yes               |
-| `resumeRecorder`           | Resume recording.     | function() : Promise< string >                                                                  | No       |  Android，iOS      | yes               |
-| `stopRecorder` | Stop recording.                                        | function() : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
-| `startPlayer` | Start playing. Not passing the param will play audio in default location.                                        | function(uri?:string,httpHeaders?:Record<string,string>) : Promise< string >                                                                                                             | No       |  Android，iOS      | yes            |
-| `stopPlayer` | Stop playing.                                      | function() : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
-| `pausePlayer` | Pause playing.                                      | function() : Promise< string >                                                                                                             | No       |  Android，iOS     | yes               |
-| `resumePlayer` | Resume playing.                                       | function() : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
-| `seekToPlayer` | Seek audio.                                   | function(milliseconds:number) : Promise< string >                                                                                                             | No       |  Android，iOS      | yes               |
-| `setVolume` | Set volume of audio player (default 1.0, range: 0.0 ~ 1.0).                                      | function(volume:float) : Promise< string >                                                                                                             | No       |  Android，iOS     | yes               |
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/hyochan/react-native-audio-recorder-player/blob/main/LICENSE) ，请自由地享受和参与开源。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                       | Description                                                                                                      | Type                                                                                    | Required | Platform     | HarmonyOS Support |
+| -------------------------- | ---------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- | -------- | ------------ | ----------------- |
+| `mmss`                     | Convert milliseconds to minute:second string                                                                     | function(milliseconds:number): string                                                   | No       | Android，iOS | yes               |
+| `mmssss`                   | Convert milliseconds to minute:second:milliseconds string                                                        | function(milliseconds:number): string                                                   | No       | Android，iOS | yes               |
+| `setSubscriptionDuration`  | Set default callback time when starting recorder or player. Default to 0.5 which is 500ms                        | function(seconds:float):void                                                            | No       | Android，iOS | yes               |
+| `addRecordBackListener`    | Get callback from native module. Will receive currentPosition, currentMetering (if configured in startRecorder). | function(callBack:(value:RecordBackType)=>void): void                                   | No       | Android，iOS | yes               |
+| `removeRecordBackListener` | Removes recordBack listener.                                                                                     | function(): void                                                                        | No       | Android，iOS | yes               |
+| `addPlayBackListener`      | Get callback from native module. Will receive duration, currentPosition.                                         | function(callBack:(value: PlayBackType)=>void): void                                    | No       | Android，iOS | yes               |
+| `removePlayBackListener`   | Removes playback listener.                                                                                       | function(): void                                                                        | No       | Android，iOS | yes               |
+| `startRecorder`            | Start recording. Not passing uri will save audio in default location.                                            | function(uri?:string,audioSets?: AudioSet,meteringEnabled?: boolean): Promise< string > | No       | Android，iOS | yes               |
+| `pauseRecorder`            | Pause recording.                                                                                                 | function() : Promise< string >                                                          | No       | Android，iOS | yes               |
+| `resumeRecorder`           | Resume recording.                                                                                                | function() : Promise< string >                                                          | No       | Android，iOS | yes               |
+| `stopRecorder`             | Stop recording.                                                                                                  | function() : Promise< string >                                                          | No       | Android，iOS | yes               |
+| `startPlayer`              | Start playing. Not passing the param will play audio in default location.                                        | function(uri?:string,httpHeaders?:Record<string,string>) : Promise< string >            | No       | Android，iOS | yes               |
+| `stopPlayer`               | Stop playing.                                                                                                    | function() : Promise< string >                                                          | No       | Android，iOS | yes               |
+| `pausePlayer`              | Pause playing.                                                                                                   | function() : Promise< string >                                                          | No       | Android，iOS | yes               |
+| `resumePlayer`             | Resume playing.                                                                                                  | function() : Promise< string >                                                          | No       | Android，iOS | yes               |
+| `seekToPlayer`             | Seek audio.                                                                                                      | function(milliseconds:number) : Promise< string >                                       | No       | Android，iOS | yes               |
+| `setVolume`                | Set volume of audio player (default 1.0, range: 0.0 ~ 1.0).                                                      | function(volume:float) : Promise< string >                                              | No       | Android，iOS | yes               |
+
+## Known Issues
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/hyochan/react-native-audio-recorder-player/blob/main/LICENSE).
diff --git a/en/react-native-autoLink.md b/en/react-native-autoLink.md
index c9617a19..01aa6008 100644
--- a/en/react-native-autoLink.md
+++ b/en/react-native-autoLink.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-autolink</code> </h1>
@@ -12,10 +12,9 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/joshswan/react-native-autolink)
 
-> [!TIP] [Github 地址](https://github.com/joshswan/react-native-autolink)
-
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -33,109 +32,107 @@ yarn add react-native-autolink@4.2.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import Autolink from 'react-native-autolink';
+import React from "react";
+import { View, Text, StyleSheet } from "react-native";
+import Autolink from "react-native-autolink";
 
 const AutolinkDemo = () => {
-    return (
-        <View style={styles.container}>
-            <Text style={styles.text}>
-                Here is a demo of react-native-autolink:
-            </Text>
-            <Autolink
-                text="This is the string to parse for urls (https://github.com/joshswan/react-native-autolink), phone numbers (415-555-5555), emails (josh@example.com), mentions/handles (@twitter), and hashtags (#exciting)"
-                email
-                hashtag="instagram"
-                mention="twitter"
-                phone="sms"
-                url
-            />
-        </View>
-    )
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>Here is a demo of react-native-autolink:</Text>
+      <Autolink
+        text="This is the string to parse for urls (https://github.com/joshswan/react-native-autolink), phone numbers (415-555-5555), emails (josh@example.com), mentions/handles (@twitter), and hashtags (#exciting)"
+        email
+        hashtag="instagram"
+        mention="twitter"
+        phone="sms"
+        url
+      />
+    </View>
+  );
 };
 
 const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        padding: 20,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: '#f0f0f0',
-    },
-    text: {
-        fontSize: 18,
-        marginBottom: 10,
-    },
-    autolink: {
-        fontSize: 16,
-        lineHeight: 24,
-    },
-    link: {
-        color: 'blue',
-        textDecorationLine: 'underline',
-    },
-    customLink: {
-        color: 'red',
-        textDecorationLine: 'underline',
-    },
-    customText: {
-        color: 'red',
-    }
+  container: {
+    flex: 1,
+    padding: 20,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#f0f0f0",
+  },
+  text: {
+    fontSize: 18,
+    marginBottom: 10,
+  },
+  autolink: {
+    fontSize: 16,
+    lineHeight: 24,
+  },
+  link: {
+    color: "blue",
+    textDecorationLine: "underline",
+  },
+  customLink: {
+    color: "red",
+    textDecorationLine: "underline",
+  },
+  customText: {
+    color: "red",
+  },
 });
 
 export default AutolinkDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
 2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
-| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
-|     component      |     Override the component used as the output container.     | React.ComponentType |    No    | Android/IOS |        Yes        |
-|       email        |          Whether to link emails (`mailto:{email}`).          |       boolean       |    No    | Android/IOS |        Yes        |
-|      hashtag       | Whether to link hashtags to supplied service. Possible values: `false` (disabled), `"facebook"`, `"instagram"`, `"twitter"`. |  boolean or string  |    No    | Android/IOS |        Yes        |
-|     linkProps      |         Attributes applied to link Text components.          |      TextProps      |    No    | Android/IOS |        Yes        |
-|     linkStyle      | Styles applied to link Text components. *Note:* Will be overriden if `style` supplied in [`linkProps`](https://github.com/joshswan/react-native-autolink#linkprops). |      TextStyle      |    No    | Android/IOS |        Yes        |
-|      matchers      | Array of custom matcher objects with optional press handlers, styling, and text/url extraction. |   CustomMatcher[]   |    No    | Android/IOS |        Yes        |
-|      mention       | Whether to link mentions/handles to supplied service. Possible values: `false` (disabled), `"instagram"`, `"soundcloud"`, `"twitter"`. |  boolean or string  |    No    | Android/IOS |        Yes        |
-|      onPress       | Override default link press behavior. Signature: `(url: string, match: Match) => void`. |      function       |    No    | Android/IOS |        Yes        |
-|    onLongPress     | Handle link long press events. Signature: `(url: string, match: Match) => void`. |      function       |    No    | Android/IOS |        Yes        |
-|       phone        | Whether to link phone numbers. Possible values: `false` (disabled), `true` (`tel:{number}`), `"sms"` or `"text"` (`sms:{number}`). |  boolean or string  |    No    | Android/IOS |        Yes        |
-|     renderLink     | Override default link rendering behavior. Signature: `(text: string, match: Match, index: number) => React.ReactNode`. |      function       |    No    | Android/IOS |        Yes        |
-|     renderText     | Override default text rendering behavior. Signature: `(text: string, index: number) => React.ReactNode`. |      function       |    No    | Android/IOS |        Yes        |
-|     showAlert      | Whether to display an alert before leaving the app (for privacy or accidental clicks). |       boolean       |    No    | Android/IOS |        Yes        |
-|    stripPrefix     | Whether to strip protocol from URL link text (e.g. `https://github.com` -> `github.com`). |       boolean       |    No    | Android/IOS |        Yes        |
-| stripTrailingSlash | Whether to strip trailing slashes from URL link text (e.g. `github.com/` -> `github.com`). |       boolean       |    No    | Android/IOS |        Yes        |
-|        text        |                The string to parse for links.                |       string        |   Yes    | Android/IOS |        Yes        |
-|     textProps      |       Attributes applied to non-link Text components.        |      TextProps      |    No    | Android/IOS |        Yes        |
-|      truncate      | Maximum length of URL link text. Possible values: `0` (disabled), `1+` (maximum length). |       number        |    No    | Android/IOS |        Yes        |
-|   truncateChars    | Characters to replace truncated URL link text segments with (e.g. `github.com/../repo`) |       string        |    No    | Android/IOS |        Yes        |
-|  truncateLocation  | Override truncation location. Possible values: `"smart"`, `"end"`, `"middle"`. |       string        |    No    | Android/IOS |        Yes        |
-|        url         | Whether to link URLs. Possible values: `false` (disabled), `true`, `UrlConfig` (see below). |  boolean or object  |    No    | Android/IOS |        Yes        |
-|  useNativeSchemes  | Whether to use native app schemes (e.g. `twitter://`) rather than web URLs when linking to services for hashtag and mention links. |       boolean       |    No    | Android/IOS |        Yes        |
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License](https://github.com/joshswan/react-native-autolink/blob/master/LICENSE) ，请自由地享受和参与开源。
+## Properties
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+|        Name        |                                                                             Description                                                                              |        Type         | Required |  Platform   | HarmonyOS Support |
+| :----------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
+|     component      |                                                         Override the component used as the output container.                                                         | React.ComponentType |    No    | Android/IOS |        Yes        |
+|       email        |                                                              Whether to link emails (`mailto:{email}`).                                                              |       boolean       |    No    | Android/IOS |        Yes        |
+|      hashtag       |                     Whether to link hashtags to supplied service. Possible values: `false` (disabled), `"facebook"`, `"instagram"`, `"twitter"`.                     |  boolean or string  |    No    | Android/IOS |        Yes        |
+|     linkProps      |                                                             Attributes applied to link Text components.                                                              |      TextProps      |    No    | Android/IOS |        Yes        |
+|     linkStyle      | Styles applied to link Text components. _Note:_ Will be overriden if `style` supplied in [`linkProps`](https://github.com/joshswan/react-native-autolink#linkprops). |      TextStyle      |    No    | Android/IOS |        Yes        |
+|      matchers      |                                   Array of custom matcher objects with optional press handlers, styling, and text/url extraction.                                    |   CustomMatcher[]   |    No    | Android/IOS |        Yes        |
+|      mention       |                Whether to link mentions/handles to supplied service. Possible values: `false` (disabled), `"instagram"`, `"soundcloud"`, `"twitter"`.                |  boolean or string  |    No    | Android/IOS |        Yes        |
+|      onPress       |                                       Override default link press behavior. Signature: `(url: string, match: Match) => void`.                                        |      function       |    No    | Android/IOS |        Yes        |
+|    onLongPress     |                                           Handle link long press events. Signature: `(url: string, match: Match) => void`.                                           |      function       |    No    | Android/IOS |        Yes        |
+|       phone        |                  Whether to link phone numbers. Possible values: `false` (disabled), `true` (`tel:{number}`), `"sms"` or `"text"` (`sms:{number}`).                  |  boolean or string  |    No    | Android/IOS |        Yes        |
+|     renderLink     |                        Override default link rendering behavior. Signature: `(text: string, match: Match, index: number) => React.ReactNode`.                        |      function       |    No    | Android/IOS |        Yes        |
+|     renderText     |                               Override default text rendering behavior. Signature: `(text: string, index: number) => React.ReactNode`.                               |      function       |    No    | Android/IOS |        Yes        |
+|     showAlert      |                                        Whether to display an alert before leaving the app (for privacy or accidental clicks).                                        |       boolean       |    No    | Android/IOS |        Yes        |
+|    stripPrefix     |                                      Whether to strip protocol from URL link text (e.g. `https://github.com` -> `github.com`).                                       |       boolean       |    No    | Android/IOS |        Yes        |
+| stripTrailingSlash |                                      Whether to strip trailing slashes from URL link text (e.g. `github.com/` -> `github.com`).                                      |       boolean       |    No    | Android/IOS |        Yes        |
+|        text        |                                                                    The string to parse for links.                                                                    |       string        |   Yes    | Android/IOS |        Yes        |
+|     textProps      |                                                           Attributes applied to non-link Text components.                                                            |      TextProps      |    No    | Android/IOS |        Yes        |
+|      truncate      |                                       Maximum length of URL link text. Possible values: `0` (disabled), `1+` (maximum length).                                       |       number        |    No    | Android/IOS |        Yes        |
+|   truncateChars    |                                       Characters to replace truncated URL link text segments with (e.g. `github.com/../repo`)                                        |       string        |    No    | Android/IOS |        Yes        |
+|  truncateLocation  |                                            Override truncation location. Possible values: `"smart"`, `"end"`, `"middle"`.                                            |       string        |    No    | Android/IOS |        Yes        |
+|        url         |                                     Whether to link URLs. Possible values: `false` (disabled), `true`, `UrlConfig` (see below).                                      |  boolean or object  |    No    | Android/IOS |        Yes        |
+|  useNativeSchemes  |                  Whether to use native app schemes (e.g. `twitter://`) rather than web URLs when linking to services for hashtag and mention links.                  |       boolean       |    No    | Android/IOS |        Yes        |
+
+## Known Issues
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License](https://github.com/joshswan/react-native-autolink/blob/master/LICENSE).
diff --git a/en/react-native-autocomplete-input.md b/en/react-native-autocomplete-input.md
index 793a4208..5dbf5b40 100644
--- a/en/react-native-autocomplete-input.md
+++ b/en/react-native-autocomplete-input.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-autocomplete-input</code> </h1>
@@ -14,12 +15,13 @@
     </a>
 </p>
 
+> [!TIP] [ GitHub address](https://github.com/byteburgers/react-native-autocomplete-input)
 
-> [!TIP] [Github 地址](https://github.com/byteburgers/react-native-autocomplete-input)
+## Installation and Usage
 
-## 安装与使用
 <!-- tabs:start -->
-进入到工程目录并输入以下命令：
+
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -35,152 +37,163 @@ yarn add react-native-autocomplete-input@5.4.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
-import React, { Component } from 'react';
-import { View, Text, StyleSheet, TouchableOpacity} from 'react-native';
-import AutocompleteInput from 'react-native-autocomplete-input';
-
+import React, { Component } from "react";
+import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
+import AutocompleteInput from "react-native-autocomplete-input";
 
 const styles = StyleSheet.create({
-    containerStyle: {
-        borderColor: "#e0494e",
-        borderWidth: 5,
-        borderRadius: 15,
-        width: '100%'
-    },
-    inputContainerStyle: {
-        borderWidth: 3,
-        borderColor: "green",
-
-    },
-    listContainerStyle: {
-        backgroundColor: "yellow"
-    },
-    itemText: {
-        paddingTop: 10,
-        paddingBottom: 10,
-
-    },
-
+  containerStyle: {
+    borderColor: "#e0494e",
+    borderWidth: 5,
+    borderRadius: 15,
+    width: "100%",
+  },
+  inputContainerStyle: {
+    borderWidth: 3,
+    borderColor: "green",
+  },
+  listContainerStyle: {
+    backgroundColor: "yellow",
+  },
+  itemText: {
+    paddingTop: 10,
+    paddingBottom: 10,
+  },
 });
 
 interface AutocompleteItem {
-    id: number;
-    value: string;
+  id: number;
+  value: string;
 }
 
-const testArray: AutocompleteItem[] = [{ id: 1, value: 'Aabbbbbbb' }, { id: 2, value: 'BBFFFFF' }, { id: 3, value: 'ccccccbbb' }]
+const testArray: AutocompleteItem[] = [
+  { id: 1, value: "Aabbbbbbb" },
+  { id: 2, value: "BBFFFFF" },
+  { id: 3, value: "ccccccbbb" },
+];
 
 function filterData(query: string): AutocompleteItem[] {
-    if (query) {
-        const filteredItems = testArray.filter(item => item.value.toLowerCase().includes(query.toLowerCase()));
-        return filteredItems;
-    } else {
-        return [];
-    }
+  if (query) {
+    const filteredItems = testArray.filter((item) =>
+      item.value.toLowerCase().includes(query.toLowerCase())
+    );
+    return filteredItems;
+  } else {
+    return [];
+  }
 }
 
 function compare(selectName: string, value: string): boolean {
-    return selectName === value;
+  return selectName === value;
 }
 
 class App extends Component {
-    state = {
-        query: '', 
-        isVisible: true,
-        selectName: ''
-    };
-
-    render() {
-        const { query, isVisible } = this.state;
-        const data = filterData(query);
-        return (
-            <View style={{ backgroundColor: '#d1f8f7', height: '100%' ,paddingTop:100}}>
-                <AutocompleteInput
-                    containerStyle={styles.containerStyle} 
-                    inputContainerStyle={styles.inputContainerStyle} 
-                    listContainerStyle={styles.listContainerStyle}
-                    data={data.length === 1 && compare(this.state.selectName, data[0].value) ? [] : data} 
-                    value={query} 
-                    onChangeText={(text) => {
-
-                        if (text.trim() !== this.state.selectName.trim()) {
-                            this.setState({
-                                isVisible: false,
-                                selectName: text
-                            });
-                        } else {
-                            this.setState({
-                                isVisible: false,
-                                selectName: text
-                            });
-                        }
-                        this.setState({ query: text});
-                        console.log("--------onChangeText--++++isVisible:" + isVisible)
-                    }} 
-
-                    onShowResults={() => { console.log("--------+++++++++ onShowResults "); }} 
-                    
-                    hideResults={isVisible} 
-
-                    flatListProps={{
-                        keyExtractor: (_, idx) => String(idx),
-                        keyboardShouldPersistTaps: 'always', 
-                        renderItem: ({ item }) => {
-                            return (
-                                <TouchableOpacity onPress={() => {
-                                    this.setState({ query: item.value, isVisible: true, selectName: item.value });
-                                    console.log("--------onPress--++++isVisible:" + isVisible)
-                                }}>
-                                    <Text style={styles.itemText}>{item.value}</Text>
-                                </TouchableOpacity>
-                            )
-                        },
-                    }} 
-                />
-            </View>
-        );
-    }
+  state = {
+    query: "",
+    isVisible: true,
+    selectName: "",
+  };
+
+  render() {
+    const { query, isVisible } = this.state;
+    const data = filterData(query);
+    return (
+      <View
+        style={{ backgroundColor: "#d1f8f7", height: "100%", paddingTop: 100 }}
+      >
+        <AutocompleteInput
+          containerStyle={styles.containerStyle}
+          inputContainerStyle={styles.inputContainerStyle}
+          listContainerStyle={styles.listContainerStyle}
+          data={
+            data.length === 1 && compare(this.state.selectName, data[0].value)
+              ? []
+              : data
+          }
+          value={query}
+          onChangeText={(text) => {
+            if (text.trim() !== this.state.selectName.trim()) {
+              this.setState({
+                isVisible: false,
+                selectName: text,
+              });
+            } else {
+              this.setState({
+                isVisible: false,
+                selectName: text,
+              });
+            }
+            this.setState({ query: text });
+            console.log("--------onChangeText--++++isVisible:" + isVisible);
+          }}
+          onShowResults={() => {
+            console.log("--------+++++++++ onShowResults ");
+          }}
+          hideResults={isVisible}
+          flatListProps={{
+            keyExtractor: (_, idx) => String(idx),
+            keyboardShouldPersistTaps: "always",
+            renderItem: ({ item }) => {
+              return (
+                <TouchableOpacity
+                  onPress={() => {
+                    this.setState({
+                      query: item.value,
+                      isVisible: true,
+                      selectName: item.value,
+                    });
+                    console.log("--------onPress--++++isVisible:" + isVisible);
+                  }}
+                >
+                  <Text style={styles.itemText}>{item.value}</Text>
+                </TouchableOpacity>
+              );
+            },
+          }}
+        />
+      </View>
+    );
+  }
 }
 
-
-
 export default App;
 ```
-## 约束与限制
 
-### 兼容性
+## Constraints
 
-本文档内容基于以下版本验证通过：
+### Compatibility
 
-1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+This document is verified based on the following versions:
 
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 
-## 属性
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| containerStyle      | These styles will be applied to the container which surrounds the autocomplete component. | style    | no       | Android/iOS | yes               |
-| hideResults         | Set to `true` to hide the suggestion list.                   | bool     | no       | Android/iOS | yes               |
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                | Description                                                                                                                                                                           | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| containerStyle      | These styles will be applied to the container which surrounds the autocomplete component.                                                                                             | style    | no       | Android/iOS | yes               |
+| hideResults         | Set to `true` to hide the suggestion list.                                                                                                                                            | bool     | no       | Android/iOS | yes               |
 | data                | An array with suggestion items to be rendered in `renderItem({ item, i })`. Any array with length > 0 will open the suggestion list and any array with length < 1 will hide the list. | array    | no       | Android/iOS | yes               |
-| inputContainerStyle | These styles will be applied to the container which surrounds the textInput component. | style    | no       | Android/iOS | yes               |
-| listContainerStyle  | These styles will be applied to the container which surrounds the result list. | style    | no       | Android/iOS | yes               |
-| onShowResults       | will be called when the autocomplete suggestions appear or disappear. | function | no       | Android/iOS | yes               |
-| renderTextInput     | render custom TextInput. All props passed to this function.  | function | no       | Android/iOS | yes               |
-| flatListProps       | custom props to FlatList.                                    | object   | no       | Android/iOS | yes               |
-| renderResultList    | render custom result list. Can be used to replace FlatList. All props passed to this function. | function | no       | Android/iOS | yes               |
+| inputContainerStyle | These styles will be applied to the container which surrounds the textInput component.                                                                                                | style    | no       | Android/iOS | yes               |
+| listContainerStyle  | These styles will be applied to the container which surrounds the result list.                                                                                                        | style    | no       | Android/iOS | yes               |
+| onShowResults       | will be called when the autocomplete suggestions appear or disappear.                                                                                                                 | function | no       | Android/iOS | yes               |
+| renderTextInput     | render custom TextInput. All props passed to this function.                                                                                                                           | function | no       | Android/iOS | yes               |
+| flatListProps       | custom props to FlatList.                                                                                                                                                             | object   | no       | Android/iOS | yes               |
+| renderResultList    | render custom result list. Can be used to replace FlatList. All props passed to this function.                                                                                        | function | no       | Android/iOS | yes               |
+
+## Known Issues
 
-## 遗留问题
+## Others
 
-## 其他
+## License
 
-## 开源协议
+This project is licensed under [The MIT License (MIT)](https://github.com/byteburgers/react-native-autocomplete-input/blob/main/LICENSE).
 
-本项目基于 [The MIT License (MIT)](https://github.com/byteburgers/react-native-autocomplete-input/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/en/react-native-awesome-gallery.md b/en/react-native-awesome-gallery.md
index 5ac5a65b..59aca600 100644
--- a/en/react-native-awesome-gallery.md
+++ b/en/react-native-awesome-gallery.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-awesome-gallery</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/Flair-Dev/react-native-awesome-gallery)
+> [!TIP] [GitHub address](https://github.com/Flair-Dev/react-native-awesome-gallery)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,7 +35,7 @@ yarn add react-native-awesome-gallery@0.4.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```ts
 import React from 'react';
@@ -66,25 +66,25 @@ export default function App() {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.28; SDK: HarmonyOS-NEXT-DB5 5.0.0.60; IDE: DevEco Studio  5.0.3.655; ROM: 3.0.0.36;
 
 2. RNOH: 0.72.29; SDK: HarmonyOS-NEXT-DB6 5.0.0.61; IDE: DevEco Studio  5.0.3.706; ROM: 5.0.0.60;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
 | ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
@@ -111,11 +111,11 @@ export default function App() {
 | containerDimensions     | Dimensions object for the View that wraps gallery. | {width: number, height: number}        | No       | iOS/Android | Yes               |
 | style     | Is double tap enabled | Style of container        | No       | iOS/Android | Yes               |
 
-## 事件
+## Event
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
 | ------------------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
@@ -128,23 +128,23 @@ export default function App() {
 | onScaleEnd(scale: number) | Fired when pinch gesture ends. Use case: add haptic feedback when user finished gesture with scale > maxScale or scale < 1                    | function            | No       | iOS/Android | Yes               |
 | onPanStart()           | Fired when pan gesture starts                                    | function            | No       | iOS/Android | Yes               |
 
-## 静态方法
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
 | ------------------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
 | setIndex        | Sets active index                                  | (newIndex: number, animated?: boolean) => void         | No       | iOS/Android | Yes               |
 | reset | Resets scale, translation                         | (animated?: boolean) => void         | No       | iOS/Android | Yes               |
 
-## 遗留问题
+## Known Issues
 - [ ] onTranslationYChange事件设置后，拖动图片会发生异常，iOS 和 Android平台均有该问题: [issue#84](https://github.com/pavelbabenko/react-native-awesome-gallery/issues/84)
 - [x] react-native-gesture-handler库Gesture.Tap()事件无法获取正确的当前坐标和手指数，导致doubleTapScale、doubleTapInterval、doubleTapEnabled、onDoubleTap不生效: [issue#21](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/21)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/pavelbabenko/react-native-awesome-gallery/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/pavelbabenko/react-native-awesome-gallery/blob/main/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-background-fetch.md b/en/react-native-background-fetch.md
index 42e9b6ab..8d90583f 100644
--- a/en/react-native-background-fetch.md
+++ b/en/react-native-background-fetch.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-background-fetch</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-background-fetch)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-background-fetch)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-background-fetch@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -198,17 +198,17 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -219,18 +219,15 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -239,22 +236,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 在 ArkTs 侧引入 RNBackgroundFetchPackage
+### Introducing RNBackgroundFetchPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -268,7 +265,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 在 ArkTs 侧引入 RNBackgroundFetchExtensionAbility
+### Introducing RNBackgroundFetchExtensionAbility to ArkTS
 
 1. 打开 `entry/src/main/ets`，新建目录及 ArkTS 文件，新建一个目录并命名为 WorkSchedulerExtension。在 WorkSchedulerExtension 目录下，新建一个 ArkTS 文件并命名为 WorkSchedulerExtension.ets，用以实现延迟任务回调接口。
 
@@ -277,12 +274,10 @@ import { workScheduler } from "@kit.BackgroundTasksKit";
 import RNBackgroundFetchExtensionAbility from "@react-native-oh-tpl/react-native-background-fetch/src/main/ets/WorkSchedulerExtension/WorkSchedulerExtension";
 
 export default class MyWorkSchedulerExtensionAbility extends RNBackgroundFetchExtensionAbility {
-  // 延迟任务开始回调
   onWorkStart(workInfo: workScheduler.WorkInfo) {
     super.onWorkStart(workInfo);
   }
 
-  // 延迟任务结束回调
   onWorkStop(workInfo: workScheduler.WorkInfo) {
     super.onWorkStop(workInfo);
   }
@@ -305,34 +300,34 @@ export default class MyWorkSchedulerExtensionAbility extends RNBackgroundFetchEx
 }
 ```
 
-### 运行
+### Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases)
 
 ## API
 
 ### BackgroundFetch
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name         | Description                                                                                                                                 | Type     | Params | Required | Platform | HarmonyOS Support |
 | ------------ | ------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------ | -------- | -------- | ----------------- |
@@ -422,18 +417,17 @@ BackgroundFetch.status(callback?: (status: BackgroundFetchStatus) => void): Prom
 | `BackgroundFetchStatus.STATUS_DENIED`     | The user explicitly disabled background behavior for this app or for the whole system.                                                                                        | `BackgroundFetchStatus` | yes      | iOS      | no                |
 | `BackgroundFetchStatus.STATUS_AVAILABLE`  | Background fetch is available and enabled.                                                                                                                                    | `BackgroundFetchStatus` | yes      | all      | yes               |
 
-## 遗留问题
-
-- [ ] configure 接口部分参数不支持harmonyOS。[issue#2](https://github.com/react-native-oh-library/react-native-background-fetch/issues/2)
-- [ ] scheduleTask 接口部分参数不支持harmonyOS。[issue#4](https://github.com/react-native-oh-library/react-native-background-fetch/issues/4)
+## Known Issues
 
-## 其他
+- [ ] configure 接口部分参数不支持 harmonyOS。[issue#2](https://github.com/react-native-oh-library/react-native-background-fetch/issues/2)
+- [ ] scheduleTask 接口部分参数不支持 harmonyOS。[issue#4](https://github.com/react-native-oh-library/react-native-background-fetch/issues/4)
 
-- iOS可能需要数天的时间才能启动机器学习算法并开始触发常规事件。同时，您应该定期将应用程序带到前台，以使用用户的行为训练iOS机器学习算法。之后iOS才会定期执行任务。
-- Android中，不需要机器算法介入，configure函数可以每15分钟调用一次，scheduleTask可以最低每隔1分钟调用一次。
-- HarmonyOS中，系统会根据内存、功耗、设备温度、用户使用习惯等统一调度，如当系统内存资源不足或温度达到一定挡位时，系统将延迟调度该任务。假如你设置20分钟后执行，第一次任务不一定是20分钟就会执行，有可能十几分钟就执行了，往后的任务得起码2小时以后才会执行，更多详情请查看下面的链接内容。https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/work-scheduler-V5
+## Others
 
+- iOS 可能需要数天的时间才能启动机器学习算法并开始触发常规事件。同时，您应该定期将应用程序带到前台，以使用用户的行为训练 iOS 机器学习算法。之后 iOS 才会定期执行任务。
+- Android 中，不需要机器算法介入，configure 函数可以每 15 分钟调用一次，scheduleTask 可以最低每隔 1 分钟调用一次。
+- HarmonyOS 中，系统会根据内存、功耗、设备温度、用户使用习惯等统一调度，如当系统内存资源不足或温度达到一定挡位时，系统将延迟调度该任务。假如你设置 20 分钟后执行，第一次任务不一定是 20 分钟就会执行，有可能十几分钟就执行了，往后的任务得起码 2 小时以后才会执行，更多详情请查看下面的链接内容。https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/work-scheduler-V5
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/transistorsoft/react-native-background-fetch/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/transistorsoft/react-native-background-fetch/blob/master/LICENSE).
diff --git a/en/react-native-barcode-builder.md b/en/react-native-barcode-builder.md
index a2e8b37a..7be6793d 100644
--- a/en/react-native-barcode-builder.md
+++ b/en/react-native-barcode-builder.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-barcode-builder</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-barcode-builder)
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-barcode-builder)
 
-## 安装与使用
+## Installation and Usage
 
-1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-barcode-builder@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useEffect } from "react";
@@ -76,27 +76,27 @@ export const BarcodeBuilderExample = () => {
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg docs](/en/react-native-svg-capi.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder)
 
-## 属性
+## Properties
 
 ### Barcode
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-该库为 UI 组件库，通过配置属性标签，实现对应的功能。
+该库为 UI 组件库，通过配置 Properties 标签，实现对应的功能。
 
 | Name       | Type     | Description                                                                                      | Required | Platform    | HarmonyOS Support |
 | ---------- | -------- | ------------------------------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
@@ -110,6 +110,6 @@ export const BarcodeBuilderExample = () => {
 | background | string   | Background color of the barcode.                                                                 | no       | iOS/Android | yes               |
 | onError    | function | Handler for invalid barcode of selected format.                                                  | no       | iOS/Android | yes               |
 
-## 开源协议
+## License
 
-本项目基于 [The Apache License (Apache)](https://github.com/wonsikin/react-native-barcode-builder/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The Apache License (Apache)](https://github.com/wonsikin/react-native-barcode-builder/blob/master/LICENSE).
diff --git a/en/react-native-bars.md b/en/react-native-bars.md
index d18c2043..b08e7841 100644
--- a/en/react-native-bars.md
+++ b/en/react-native-bars.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-模板版本：v0.2.2
+
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-bars</code> </h1>
@@ -14,17 +15,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-bars)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bars)
-
-
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -42,46 +41,46 @@ yarn add @react-native-oh-tpl/react-native-bars@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import * as React from 'react';
-import { Switch, Text, View } from 'react-native';
-import { StatusBar } from "react-native-bars"; 
+import * as React from "react";
+import { Switch, Text, View } from "react-native";
+import { StatusBar } from "react-native-bars";
 
 export function BarExample() {
-
   const [isEnabled, setIsEnabled] = React.useState(false);
-  const toggleSwitch = () => setIsEnabled(previousState => !previousState);
+  const toggleSwitch = () => setIsEnabled((previousState) => !previousState);
 
   return (
-        <View >
-          <StatusBar
-            barStyle={isEnabled ? "light-content" : "dark-content"}
-          />
-          <Text style={{ color: "white" }}>关 dark-content/ 开 light-content</Text>
-          <Switch
-            trackColor={{ false: "#767577", true: "#81b0ff" }}
-            thumbColor={isEnabled ? "#f5dd4b" : "#f4f3f4"}
-            ios_backgroundColor="#3e3e3e"
-            onValueChange={toggleSwitch}
-            value={isEnabled}
-          />
-        </View>
+    <View>
+      <StatusBar barStyle={isEnabled ? "light-content" : "dark-content"} />
+      <Text style={{ color: "white" }}>close dark-content/ open light-content</Text>
+      <Switch
+        trackColor={{ false: "#767577", true: "#81b0ff" }}
+        thumbColor={isEnabled ? "#f5dd4b" : "#f4f3f4"}
+        ios_backgroundColor="#3e3e3e"
+        onValueChange={toggleSwitch}
+        value={isEnabled}
+      />
+    </View>
   );
 }
-
 ```
 
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
+
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -92,47 +91,40 @@ export function BarExample() {
 }
 ```
 
-## 使用 Codegen
-
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
-
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
     "@react-native-oh-tpl/react-native-bars": "file:../../node_modules/@react-native-oh-tpl/react-native-bars/harmony/bars.har"
-    
+
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
-方法二：直接链接源码
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+Method 2: Directly link to the source code.
 
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNBarsPackage
+### 3. Introducing RNBarsPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -146,77 +138,83 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-### 兼容性
+Then build and run the code.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+## Constraints
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases)
+### Compatibility
 
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### StatusBar
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | ---- | ------------ |
-| barStyle | Status Bar Style     | string  | yes |     all  |       yes|
-| animated | Should transition between status bar property changes be animated? (has no effect on Android)     | boolean  | no |     all  |       yes|
+
+| Name     | Description                                                                                   | Type    | Required | Platform | HarmonyOS Support |
+| -------- | --------------------------------------------------------------------------------------------- | ------- | -------- | -------- | ----------------- |
+| barStyle | Status Bar Style                                                                              | string  | yes      | all      | yes               |
+| animated | Should transition between status bar property changes be animated? (has no effect on Android) | boolean | no       | all      | yes               |
 
 ### NavigationBar
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | ---- | ------------ |
-| barStyle | Navigation Bar Style   | string  | yes |     all  |       no|
+
+| Name     | Description          | Type   | Required | Platform | HarmonyOS Support |
+| -------- | -------------------- | ------ | -------- | -------- | ----------------- |
+| barStyle | Navigation Bar Style | string | yes      | all      | no                |
 
 ### SystemBar
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | ---- | ------------ |
-| barStyle | System Style     | string  | yes |     all  |       no|
-| animated | Should transition between status bar property changes be animated? (has no effect on Android)     | boolean  | no |     all  |       no|
 
-## 静态方法
+| Name     | Description                                                                                   | Type    | Required | Platform | HarmonyOS Support |
+| -------- | --------------------------------------------------------------------------------------------- | ------- | -------- | -------- | ----------------- |
+| barStyle | System Style                                                                                  | string  | yes      | all      | no                |
+| animated | Should transition between status bar property changes be animated? (has no effect on Android) | boolean | no       | all      | no                |
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### StatusBar
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| pushStackEntry  | Add an instance to the heap queue        | StatusBar.pushStackEntry(props)  | no | all      | yes |
-| popStackEntry  | Delete an instance from the heap queue         | StatusBar.popStackEntry(entry/*: StatusBarProps*/): void;  | no | all     | yes |
-| replaceStackEntry  | Replace an instance of the heap queue         | const entry: StatusBarProps = StatusBar.replaceStackEntry(entry ,props )  | no | all      | yes |
+
+| Name              | Description                            | Type                                                                     | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------- | ------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| pushStackEntry    | Add an instance to the heap queue      | StatusBar.pushStackEntry(props)                                          | no       | all      | yes               |
+| popStackEntry     | Delete an instance from the heap queue | StatusBar.popStackEntry(entry/_: StatusBarProps_/): void;                | no       | all      | yes               |
+| replaceStackEntry | Replace an instance of the heap queue  | const entry: StatusBarProps = StatusBar.replaceStackEntry(entry ,props ) | no       | all      | yes               |
 
 ### NavigationBar
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| pushStackEntry  | Add an instance to the heap queue         |NavigationBar.pushStackEntry(props)  | no | all      | no |
-| popStackEntry  | Delete an instance from the heap queue        | NavigationBar.popStackEntry(entry/*: NavigationBarProps*/): void;  | no | all      | no |
-| replaceStackEntry  | Replace an instance of the heap queue         |const entry: NavigationBarProps = NavigationBar.replaceStackEntry(entry ,props )  | no | all      | no|
 
-## 遗留问题
+| Name              | Description                            | Type                                                                             | Required | Platform | HarmonyOS Support |
+| ----------------- | -------------------------------------- | -------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| pushStackEntry    | Add an instance to the heap queue      | NavigationBar.pushStackEntry(props)                                              | no       | all      | no                |
+| popStackEntry     | Delete an instance from the heap queue | NavigationBar.popStackEntry(entry/_: NavigationBarProps_/): void;                | no       | all      | no                |
+| replaceStackEntry | Replace an instance of the heap queue  | const entry: NavigationBarProps = NavigationBar.replaceStackEntry(entry ,props ) | no       | all      | no                |
+
+## Known Issues
+
+- [ ] react-native-bars 不支持 NavigationBar 问题: [issue#16](https://github.com/react-native-oh-library/react-native-bars/issues/16)
 
-- [ ] react-native-bars不支持NavigationBar问题: [issue#16](https://github.com/react-native-oh-library/react-native-bars/issues/16)
+## Others
 
-## 其他
+## License
 
-## 开源协议
+This project is licensed under [The MIT License (MIT)](https://github.com/zoontek/react-native-bars/blob/main/LICENSE).
 
-本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bars/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/en/react-native-ble-manager.md b/en/react-native-ble-manager.md
index fa99ff26..72162f1f 100644
--- a/en/react-native-ble-manager.md
+++ b/en/react-native-ble-manager.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-ble-manager</code> </h1>
@@ -15,17 +15,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-ble-manager)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ble-manager)
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -43,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-ble-manager@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useEffect } from 'react';
@@ -139,14 +137,14 @@ export default function BleManagerDemo() {
                         }}></Button>
                     </View>
                     <View style={{ height: 50, width: 120 }}>
-                        <Button title='获取serves' onPress={() => {
+                        <Button title='get serves' onPress={() => {
                             ReactNativeBleManager.retrieveServices(item.id, ['00001888-0000-1000-8000-00805F9B34FB'])
                         }}></Button>
                     </View>
                     <View style={{ height: 50 }}>
                         <Button title='getBondedPeripherals' onPress={async () => {
                             const list = await ReactNativeBleManager.getBondedPeripherals()
-                            console.log('返回已绑定的设备' + JSON.stringify(list))
+                            console.log('returns bound devices' + JSON.stringify(list))
                         }}></Button>
                     </View>
                     <View style={{ height: 50 }}>
@@ -163,12 +161,12 @@ export default function BleManagerDemo() {
                         }}></Button>
                     </View>
                     <View style={{ height: 50, width: 120 }}>
-                        <Button title='写入value' onPress={() => {
+                        <Button title='write value' onPress={() => {
                             ReactNativeBleManager.write(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB', [1])
                         }}></Button>
                     </View>
                     <View style={{ height: 50, width: 120 }}>
-                        <Button title='写入des' onPress={() => {
+                        <Button title='write des' onPress={() => {
                             ReactNativeBleManager.writeDescriptor(item.id, '00001888-0000-1000-8000-00805F9B34FB', '00001820-0000-1000-8000-00805F9B34FB', '00002902-0000-1000-8000-00805F9B34FB', [1])
 
                         }}></Button>
@@ -226,7 +224,7 @@ export default function BleManagerDemo() {
                     <View style={{ height: 50, width: 120 }}>
                         <Button title='removeBond' onPress={() => {
                             ReactNativeBleManager.removeBond(item.id).then(() => {
-                                Alert.alert('此接口为系统接口，三方库无法调用')
+                                Alert.alert('the interface is system interface and cannot be called by third-party libraries')
                             })
                         }}></Button>
                     </View>
@@ -240,7 +238,7 @@ export default function BleManagerDemo() {
             <View style={styles.titleArea}>
                 <Text style={styles.title}>BleManager</Text>
             </View>
-           
+
             <View style={{ width: '100%', display: 'flex', flexDirection: "row", justifyContent: 'space-around', alignItems: 'center',marginTop:10 }}>
             <View style={{ height: 50, width: 'auto'}}>
                         <Button title='enableBluetooth' onPress={() => {
@@ -429,17 +427,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -450,22 +448,19 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+Open `entry/oh-package.json5` file and add the following dependencies:
 
-打开 `entry/oh-package.json5`，添加以下依赖
+> [!TIP] 因本库需要两台手机去进行对端扫描和连接，所以两台手机各装一个 har 包编译（`ble_managerGatt.har` 和 `ble_managerServers.har`）
 
->[!TIP] 因本库需要两台手机去进行对端扫描和连接，所以两台手机各装一个har包编译（`ble_managerGatt.har` 和 `ble_managerServers.har`）
-
-第一台手机：`ble_managerGatt.har`
+the first mobile phone: `ble_managerGatt.har`
 
 ```json
 "dependencies": {
@@ -474,7 +469,7 @@ const styles = StyleSheet.create({
   }
 ```
 
-第二台手机：`ble_managerServers.har`
+the second mobile phone: `ble_managerServers.har`
 
 ```json
 "dependencies": {
@@ -483,22 +478,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 BlePackage
+### 3. Introducing BlePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -513,98 +508,97 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases)
 
-### 权限要求
+### Permission Requirements
 
-- 由于此库涉及蓝牙系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
+- 由于此库涉及蓝牙系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在 entry/src/main 目录下 module.json5 文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/en/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/en/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
 
-- 此库部分功能与接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH。
+- 此库部分功能与接口需要 normal 权限：ohos.permission.ACCESS_BLUETOOTH。
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                                         | Description                                                  | Required | Platform    | HarmonyOS Support |
-| -------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| start                                        | Init the module. Returns a `Promise` object. Don’t call this multiple times. | No       | IOS/Android | Yes               |
-| scan                                         | Scan for available peripherals                               | No       | IOS/Android | Yes               |
-| stopScan                                     | Stop the scanning                                            | No       | IOS/Android | yes               |
+| Name                                         | Description                                                                                                       | Required | Platform    | HarmonyOS Support |
+| -------------------------------------------- | ----------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| start                                        | Init the module. Returns a `Promise` object. Don’t call this multiple times.                                      | No       | IOS/Android | Yes               |
+| scan                                         | Scan for available peripherals                                                                                    | No       | IOS/Android | Yes               |
+| stopScan                                     | Stop the scanning                                                                                                 | No       | IOS/Android | yes               |
 | connect                                      | Attempts to connect to a peripheral. In many case if you can’t connect you have to scan for the peripheral before | No       | IOS/Android | Yes               |
-| disconnect                                   | Disconnect from a peripheral                                 | No       | IOS/Android | Yes               |
-| enableBluetooth                              | Create the ACTION_REQUEST_ENABLE to ask the user to activate the bluetooth | No       | Android     | Yes               |
-| checkState                                   | Force the module to check the state of the native BLE manager and trigger a BleManagerDidUpdateState event | No       | IOS/Android | Yes               |
-| readRSSI                                     | Read the current value of the RSSI                           | No       | IOS/Android | Yes               |
-| createBond                                   | Start the bonding (pairing) process with the remote device   | No       | Android     | Yes               |
-| retrieveServices                             | Retrieve the peripheral’s services and characteristics       | No       | IOS/Android | Yes               |
-| startNotification                            | Start the notification on the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
-| read                                         | Read the current value of the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
-| write                                        | Write with response to the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
-| readDescriptor                               | Read the current value of the specified descriptor, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
-| writeDescriptor                              | Write a value to the specified descriptor, you need to call `retrieveServices` method before | No       | IOS/Android | Yes               |
-| requestMTU                                   | Request an MTU size used for a given connection              | No       | Android     | Yes               |
-| getConnectedPeripherals                      | Return the connected peripherals                             | No       | IOS/Android | Yes               |
-| getBondedPeripherals                         | Return the bonded peripherals                                | No       | IOS/Android | Yes               |
-| getDiscoveredPeripherals                     | Return the discovered peripherals after a scan               | No       | IOS/Android | Yes               |
-| removeBond                                   | Remove a paired device                                       | No       | Android     | No                |
-| refreshCache                                 | refreshes the peripheral’s services and characteristics cache Returns a `Promise` object. | No       | Android     | No                |
-| requestConnectionPriority                    | Request a connection parameter update                        | No       | Android     | No                |
-| startNotificationUseBuffer                   | Start the notification on the specified characteristic, you need to call `retrieveServices` method before | No       | Android     | No                |
-| removePeripheral                             | Removes a disconnected peripheral from the cached list       | No       | Android     | Yes               |
-| CompanionScan                                | Scan for companion devices                                   | No       | Android     | No                |
-| getAssociatedPeripherals                     | Retrive associated peripherals (from companion manager)      | No       | Android     | No                |
-| removeAssociatedPeripheral                   | Remove a associated peripheral                               | No       | Android     | No                |
-| setName                                      | Create the request to set the name of the bluetooth adapter  | No       | Android     | No                |
-| isScanning                                   | Checks whether the scan is in progress and return `true` or `false` | No       | IOS/Android | Yes               |
-| writeWithoutResponse                         | Write without response to the specified characteristic, you need to call `retrieveServices` method before | No       | IOS/Android | No                |
-| getMaximumWriteValueLengthForWithoutResponse | Return the maximum value length for WriteWithoutResponse     | No       | IOS         | No                |
-| getMaximumWriteValueLengthForWithResponse    | Return the maximum value length for WriteWithResponse        | No       | IOS         | No                |
-| isPeripheralConnected                        | Check whether a specific peripheral is connected and return `true` or `false` | No       | IOS         | Yes               |
-| supportsCompanion                            | Check if current device supports companion device manager    | No       | Android     | No                |
-| stopNotification                             | Stop the notification on the specified characteristic        | No       | IOS/Android | No                |
-
-## 遗留问题
+| disconnect                                   | Disconnect from a peripheral                                                                                      | No       | IOS/Android | Yes               |
+| enableBluetooth                              | Create the ACTION_REQUEST_ENABLE to ask the user to activate the bluetooth                                        | No       | Android     | Yes               |
+| checkState                                   | Force the module to check the state of the native BLE manager and trigger a BleManagerDidUpdateState event        | No       | IOS/Android | Yes               |
+| readRSSI                                     | Read the current value of the RSSI                                                                                | No       | IOS/Android | Yes               |
+| createBond                                   | Start the bonding (pairing) process with the remote device                                                        | No       | Android     | Yes               |
+| retrieveServices                             | Retrieve the peripheral’s services and characteristics                                                            | No       | IOS/Android | Yes               |
+| startNotification                            | Start the notification on the specified characteristic, you need to call `retrieveServices` method before         | No       | IOS/Android | Yes               |
+| read                                         | Read the current value of the specified characteristic, you need to call `retrieveServices` method before         | No       | IOS/Android | Yes               |
+| write                                        | Write with response to the specified characteristic, you need to call `retrieveServices` method before            | No       | IOS/Android | Yes               |
+| readDescriptor                               | Read the current value of the specified descriptor, you need to call `retrieveServices` method before             | No       | IOS/Android | Yes               |
+| writeDescriptor                              | Write a value to the specified descriptor, you need to call `retrieveServices` method before                      | No       | IOS/Android | Yes               |
+| requestMTU                                   | Request an MTU size used for a given connection                                                                   | No       | Android     | Yes               |
+| getConnectedPeripherals                      | Return the connected peripherals                                                                                  | No       | IOS/Android | Yes               |
+| getBondedPeripherals                         | Return the bonded peripherals                                                                                     | No       | IOS/Android | Yes               |
+| getDiscoveredPeripherals                     | Return the discovered peripherals after a scan                                                                    | No       | IOS/Android | Yes               |
+| removeBond                                   | Remove a paired device                                                                                            | No       | Android     | No                |
+| refreshCache                                 | refreshes the peripheral’s services and characteristics cache Returns a `Promise` object.                         | No       | Android     | No                |
+| requestConnectionPriority                    | Request a connection parameter update                                                                             | No       | Android     | No                |
+| startNotificationUseBuffer                   | Start the notification on the specified characteristic, you need to call `retrieveServices` method before         | No       | Android     | No                |
+| removePeripheral                             | Removes a disconnected peripheral from the cached list                                                            | No       | Android     | Yes               |
+| CompanionScan                                | Scan for companion devices                                                                                        | No       | Android     | No                |
+| getAssociatedPeripherals                     | Retrive associated peripherals (from companion manager)                                                           | No       | Android     | No                |
+| removeAssociatedPeripheral                   | Remove a associated peripheral                                                                                    | No       | Android     | No                |
+| setName                                      | Create the request to set the name of the bluetooth adapter                                                       | No       | Android     | No                |
+| isScanning                                   | Checks whether the scan is in progress and return `true` or `false`                                               | No       | IOS/Android | Yes               |
+| writeWithoutResponse                         | Write without response to the specified characteristic, you need to call `retrieveServices` method before         | No       | IOS/Android | No                |
+| getMaximumWriteValueLengthForWithoutResponse | Return the maximum value length for WriteWithoutResponse                                                          | No       | IOS         | No                |
+| getMaximumWriteValueLengthForWithResponse    | Return the maximum value length for WriteWithResponse                                                             | No       | IOS         | No                |
+| isPeripheralConnected                        | Check whether a specific peripheral is connected and return `true` or `false`                                     | No       | IOS         | Yes               |
+| supportsCompanion                            | Check if current device supports companion device manager                                                         | No       | Android     | No                |
+| stopNotification                             | Stop the notification on the specified characteristic                                                             | No       | IOS/Android | No                |
+
+## Known Issues
 
 - [ ] refreshCache 用于清理和刷新蓝牙设备缓存的一部分 [issue#3](https://github.com/react-native-oh-library/react-native-ble-manager/issues/3)
 - [ ] requestConnectionPriority 用于请求蓝牙连接优先级 [issue#4](https://github.com/react-native-oh-library/react-native-ble-manager/issues/4)
 - [ ] startNotificationUseBuffer 用来启动一个带缓冲区的通知服务 [issue#6](https://github.com/react-native-oh-library/react-native-ble-manager/issues/6)
 - [ ] CompanionScan 扫描配套设备[issue#5](https://github.com/react-native-oh-library/react-native-ble-manager/issues/5)
 - [ ] getAssociatedPeripherals 检索相关外围设备（从配套管理器） [issue#7](https://github.com/react-native-oh-library/react-native-ble-manager/issues/7)
-- [ ] removeAssociatedPeripheral 移除相关外围设备  [issue#8](https://github.com/react-native-oh-library/react-native-ble-manager/issues/8)
-- [ ] setName 创建设置蓝牙适配器名称  [issue#9](https://github.com/react-native-oh-library/react-native-ble-manager/issues/9)
+- [ ] removeAssociatedPeripheral 移除相关外围设备 [issue#8](https://github.com/react-native-oh-library/react-native-ble-manager/issues/8)
+- [ ] setName 创建设置蓝牙适配器名称 [issue#9](https://github.com/react-native-oh-library/react-native-ble-manager/issues/9)
 - [ ] supportsCompanion 检查当前设备是否支持配套设备管理器 [issue#10](https://github.com/react-native-oh-library/react-native-ble-manager/issues/10)
 - [ ] stopNotification 停止指定特征的通知 [issue#11](https://github.com/react-native-oh-library/react-native-ble-manager/issues/11)
 - [ ] writeWithoutResponse 写入不响应指定特性 [issue#12](https://github.com/react-native-oh-library/react-native-ble-manager/issues/12)
 - [ ] removeBond 删除已配对的设备 [issue#13](https://github.com/react-native-oh-library/react-native-ble-manager/issues/13)
 - [ ] getMaximumWriteValueLengthForWithoutResponse 用于获取在不带响应的情况下可以写入的最大数据长度 [issue#14](https://github.com/react-native-oh-library/react-native-ble-manager/issues/14)
-- [ ] getMaximumWriteValueLengthForWithResponse 它用于获取在带有响应的情况下可以写入的最大数据长度  [issue#15](https://github.com/react-native-oh-library/react-native-ble-manager/issues/15)
+- [ ] getMaximumWriteValueLengthForWithResponse 它用于获取在带有响应的情况下可以写入的最大数据长度 [issue#15](https://github.com/react-native-oh-library/react-native-ble-manager/issues/15)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于[The MIT License (MIT)](https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under[The MIT License (MIT)](https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
-
diff --git a/en/react-native-compass-heading.md b/en/react-native-compass-heading.md
index 5d3ed377..7be12877 100644
--- a/en/react-native-compass-heading.md
+++ b/en/react-native-compass-heading.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-compass-heading</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-compass-heading)
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-compass-heading)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-compass-heading@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from "react";
@@ -97,17 +97,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -118,18 +118,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -138,22 +135,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNCompassHeadingPackage
+### 3. Introducing RNCompassHeadingPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -167,32 +164,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases)
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description   | Type                                                  | Required | Platform    | HarmonyOS Support |
 | ----- | ------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -206,10 +203,10 @@ ohpm install
 | degree_update_rate | compass refresh frequency | number                                        | yes      | Android/iOS | yes               |
 | callback           | compass callback          | ({heading: number;accuracy: number;}) => void | yes      | Android/iOS | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/firofame/react-native-compass-heading/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/firofame/react-native-compass-heading/blob/master/LICENSE).
diff --git a/en/react-native-confetti-cannon.md b/en/react-native-confetti-cannon.md
index 46c82e19..51e549e0 100644
--- a/en/react-native-confetti-cannon.md
+++ b/en/react-native-confetti-cannon.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-confetti-cannon</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/VincentCATILLON/react-native-confetti-cannon)
+> [!TIP] [ GitHub address](https://github.com/VincentCATILLON/react-native-confetti-cannon)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,84 +35,79 @@ yarn add react-native-confetti-cannon@1.5.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 #### Using a Component
 
 ```js
-import * as React from 'react';
-import { StyleSheet, View, Text } from 'react-native';
-import ConfettiCannon from 'react-native-confetti-cannon';
+import * as React from "react";
+import { StyleSheet, View, Text } from "react-native";
+import ConfettiCannon from "react-native-confetti-cannon";
 
 export default function ConfettiCannonExample() {
-
   return (
-    <View style={{width: '100%', height: '100%'}}>
-      <ConfettiCannon
-        count={50}
-        origin={{x: -10, y: -10}}
-      />
+    <View style={{ width: "100%", height: "100%" }}>
+      <ConfettiCannon count={50} origin={{ x: -10, y: -10 }} />
     </View>
-  )
+  );
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; OH SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
-
-## 属性
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| count  | items count to display        | number  |    yes    |  iOS,Android,Web  |         yes        |
-| origin  | animation position origin       | {x: number, y: number}  |    yes    |  iOS,Android,Web  |         yes        |
-| explosionSpeed  | explosion duration (ms) from origin to top        | number  |    no    |  iOS,Android,Web  |         yes        |
-| fallSpeed  | fall duration (ms) from top to bottom        | number  |    no    |  iOS,Android,Web  |         yes        |
-| fadeOut  | make the confettis disappear at the end        | boolean  |    no    |  iOS,Android,Web  |         yes        |
-| colors  | give your own colors to the confettis        | string[]  |    no    |  iOS,Android,Web  |         yes        |
-| autoStart  | auto start the animation        | boolean  |    no    |  iOS,Android,Web  |         yes        |
-| autoStartDelay  | delay to wait before triggering animation        | number  |    no    |  iOS,Android,Web  |         yes        |
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name           | Description                                | Type                   | Required | Platform        | HarmonyOS Support |
+| -------------- | ------------------------------------------ | ---------------------- | -------- | --------------- | ----------------- |
+| count          | items count to display                     | number                 | yes      | iOS,Android,Web | yes               |
+| origin         | animation position origin                  | {x: number, y: number} | yes      | iOS,Android,Web | yes               |
+| explosionSpeed | explosion duration (ms) from origin to top | number                 | no       | iOS,Android,Web | yes               |
+| fallSpeed      | fall duration (ms) from top to bottom      | number                 | no       | iOS,Android,Web | yes               |
+| fadeOut        | make the confettis disappear at the end    | boolean                | no       | iOS,Android,Web | yes               |
+| colors         | give your own colors to the confettis      | string[]               | no       | iOS,Android,Web | yes               |
+| autoStart      | auto start the animation                   | boolean                | no       | iOS,Android,Web | yes               |
+| autoStartDelay | delay to wait before triggering animation  | number                 | no       | iOS,Android,Web | yes               |
 
-## 事件
+## Event
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  onAnimationStart  |    callback triggered at animation start	    | Function  |    no    |  iOS,Android,Web  |         yes        |
-|  onAnimationResume  |    callback triggered at animation resume	    | Function  |    no    |  iOS,Android,Web  |         yes        |
-|  onAnimationStop  |    callback triggered at animation stop	    | Function  |    no    |  iOS,Android,Web  |         yes        |
-|  onAnimationEnd  |    callback triggered at animation end	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+| Name              | Description                            | Type     | Required | Platform        | HarmonyOS Support |
+| ----------------- | -------------------------------------- | -------- | -------- | --------------- | ----------------- |
+| onAnimationStart  | callback triggered at animation start  | Function | no       | iOS,Android,Web | yes               |
+| onAnimationResume | callback triggered at animation resume | Function | no       | iOS,Android,Web | yes               |
+| onAnimationStop   | callback triggered at animation stop   | Function | no       | iOS,Android,Web | yes               |
+| onAnimationEnd    | callback triggered at animation end    | Function | no       | iOS,Android,Web | yes               |
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  start  |    start the animation programmatically	    | Function  |    no    |  iOS,Android,Web  |         yes        |
-|  resume  |    resume the animation programmatically	    | Function  |    no    |  iOS,Android,Web  |         yes        |
-|  stop  |    stop the animation programmatically	    | Function  |    no    |  iOS,Android,Web  |         yes        |
+| Name   | Description                           | Type     | Required | Platform        | HarmonyOS Support |
+| ------ | ------------------------------------- | -------- | -------- | --------------- | ----------------- |
+| start  | start the animation programmatically  | Function | no       | iOS,Android,Web | yes               |
+| resume | resume the animation programmatically | Function | no       | iOS,Android,Web | yes               |
+| stop   | stop the animation programmatically   | Function | no       | iOS,Android,Web | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/VincentCATILLON/react-native-confetti-cannon/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/VincentCATILLON/react-native-confetti-cannon/blob/master/LICENSE).
diff --git a/en/react-native-copilot.md b/en/react-native-copilot.md
index 742e38f8..82dc3a83 100644
--- a/en/react-native-copilot.md
+++ b/en/react-native-copilot.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-copilot</code> </h1>
@@ -13,12 +13,13 @@
     </a>
 </p>
 
+> [!TIP] [ GitHub address](https://github.com/mohebifar/react-native-copilot)
 
-> [!TIP] [Github 地址](https://github.com/mohebifar/react-native-copilot)
+## Installation and Usage
 
-## 安装与使用
 <!-- tabs:start -->
-进入到工程目录并输入以下命令：
+
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -34,7 +35,7 @@ yarn add react-native-copilot@3.3.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useEffect, useState } from "react";
@@ -93,7 +94,7 @@ function App() {
           name="secondText"
         >
           <WalkthroughableImage
-            source={require('../assets/react-native-copilot-man.jpeg')}
+            source={require("../assets/react-native-copilot-man.jpeg")}
             style={styles.profilePhoto}
           />
         </CopilotStep>
@@ -120,14 +121,28 @@ function App() {
           order={3}
           name="thirdText"
         >
-          <WalkthroughableText >
-            <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-nickname.png')} /></View>
+          <WalkthroughableText>
+            <View style={styles.imageView}>
+              <Image
+                source={require("../assets/react-native-copilot-nickname.png")}
+              />
+            </View>
           </WalkthroughableText>
         </CopilotStep>
-        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-earphone.png')} /></View>
-        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-glass.png')} /></View>
-        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-scan.png')} /></View>
-        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-todo.png')} /></View>
+        <View style={styles.imageView}>
+          <Image
+            source={require("../assets/react-native-copilot-earphone.png")}
+          />
+        </View>
+        <View style={styles.imageView}>
+          <Image source={require("../assets/react-native-copilot-glass.png")} />
+        </View>
+        <View style={styles.imageView}>
+          <Image source={require("../assets/react-native-copilot-scan.png")} />
+        </View>
+        <View style={styles.imageView}>
+          <Image source={require("../assets/react-native-copilot-todo.png")} />
+        </View>
       </View>
     </SafeAreaView>
   );
@@ -145,8 +160,8 @@ const styles = StyleSheet.create({
   imageView: {
     width: 50,
     height: 50,
-    justifyContent: 'space-evenly',
-    alignItems: 'center'
+    justifyContent: "space-evenly",
+    alignItems: "center",
   },
   container: {
     flex: 1,
@@ -179,7 +194,7 @@ const styles = StyleSheet.create({
   },
   row: {
     flexDirection: "row",
-    alignItems: 'center',
+    alignItems: "center",
     justifyContent: "space-between",
   },
   tabItem: {
@@ -198,26 +213,28 @@ const styles = StyleSheet.create({
   },
 });
 ```
+
 ## Link
 
-本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-svg-capi.md#link) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 
-## 属性
-详细请查看 [react-native-copilot](https://github.com/mohebifar/react-native-copilot/blob/master/README.md) 的文档介绍
+## Properties
+
+For details, see [react-native-copilot](https://github.com/mohebifar/react-native-copilot/blob/master/README.md) 的文档介绍
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                       | Type     | Required | Platform    | HarmonyOS Support |
 | --------------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -229,10 +246,10 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400
 | useCopilot      | Use Prompt Style                  | function | no       | Android/iOS | yes               |
 | walkthroughable | Wrappable Components              | function | no       | Android/iOS | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/mohebifar/react-native-copilot/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/mohebifar/react-native-copilot/blob/master/LICENSE).
diff --git a/en/react-native-default-preference.md b/en/react-native-default-preference.md
index 2ea3ed32..125ceab4 100644
--- a/en/react-native-default-preference.md
+++ b/en/react-native-default-preference.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-default-preference</code> </h1>
@@ -12,18 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-default-preference)
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-default-preference)
 
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases)，并下载适用版本的 tgz 包。
-
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,47 +38,57 @@ yarn add @react-native-oh-tpl/react-native-default-preference@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
 import { Text, View } from "react-native";
-import DefaultPreference from 'react-native-default-preference';
+import DefaultPreference from "react-native-default-preference";
 
 const App = () => {
-    const handleSetItem = useCallback((key: string, value:  string) => {
-        RNDefaultPreference.set(key, value)
-    }, []);
-
-    const handleGetItem = useCallback((key: string) => {
-        RNDefaultPreference?.get(key).then(res => {
-            console.log(res)
-        });
-    }, []);
+  const handleSetItem = useCallback((key: string, value: string) => {
+    RNDefaultPreference.set(key, value);
+  }, []);
+
+  const handleGetItem = useCallback((key: string) => {
+    RNDefaultPreference?.get(key).then((res) => {
+      console.log(res);
+    });
+  }, []);
   return (
-      <View>
-        <Button onPress={async () => { handleSetItem('key1', 'value1') }} title={'Add item using setItem'}></Button>
-        <Button onPress={async () => { handleGetItem('key1') }} title={'Add item using setItem'}></Button>
-     </View>
+    <View>
+      <Button
+        onPress={async () => {
+          handleSetItem("key1", "value1");
+        }}
+        title={"Add item using setItem"}
+      ></Button>
+      <Button
+        onPress={async () => {
+          handleGetItem("key1");
+        }}
+        title={"Add item using setItem"}
+      ></Button>
+    </View>
   );
 };
 
 export default App;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -92,18 +99,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -112,23 +116,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
+### 3. Introducing RNDefaultPreferencePackage to ArkTS
 
-### 3.在 ArkTs 侧引入 RNDefaultPreferencePackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -143,53 +146,51 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：
+Check the release version information in the release address of the third-party library:
 [@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases)
 
-
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| get  | Take out key-value pairs         | function  | yes | Android、iOS     | yes |
-| set  | Set key-value pairs         | function  | yes | Android、iOS     | yes |
-| clear  | Clear key-value pairs         | function  | yes | Android、iOS     | yes |
-| getMultiple  | Take out multiple  key-value pairs         | function  | yes | Android、iOS     | yes |
-| setMultiple  | Set multiple key-value pairs           | function  | yes | Android、iOS     | yes |
-| clearMultiple  | Clear multiple key-value pairs         | function  | yes | Android、iOS     | yes |
-| getAll  | Take out all key-value pairs         | function  | no | Android、iOS     | yes |
-| clearAll  | Clear all key-value pairs         | function  | no | Android、iOS     | yes |
-| getName  | Gets the name of the Preferences instance.        | function  | no | Android、iOS     | yes |
-| setName  | Sets the name of the Preferences instance.         | function  | yes | Android、iOS     | yes |
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name          | Description                                | Type     | Required | Platform     | HarmonyOS Support |
+| ------------- | ------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| get           | Take out key-value pairs                   | function | yes      | Android、iOS | yes               |
+| set           | Set key-value pairs                        | function | yes      | Android、iOS | yes               |
+| clear         | Clear key-value pairs                      | function | yes      | Android、iOS | yes               |
+| getMultiple   | Take out multiple key-value pairs          | function | yes      | Android、iOS | yes               |
+| setMultiple   | Set multiple key-value pairs               | function | yes      | Android、iOS | yes               |
+| clearMultiple | Clear multiple key-value pairs             | function | yes      | Android、iOS | yes               |
+| getAll        | Take out all key-value pairs               | function | no       | Android、iOS | yes               |
+| clearAll      | Clear all key-value pairs                  | function | no       | Android、iOS | yes               |
+| getName       | Gets the name of the Preferences instance. | function | no       | Android、iOS | yes               |
+| setName       | Sets the name of the Preferences instance. | function | yes      | Android、iOS | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/kevinresol/react-native-default-preference/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/kevinresol/react-native-default-preference/blob/master/LICENSE).
diff --git a/en/react-native-dismiss-keyboard.md b/en/react-native-dismiss-keyboard.md
index c52d90c7..9d580cbd 100644
--- a/en/react-native-dismiss-keyboard.md
+++ b/en/react-native-dismiss-keyboard.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-dismiss-keyboard</code> </h1>
@@ -13,13 +14,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)
-
+> [!TIP] [GitHub address](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)
 
-## 安装与使用
-
-进入到工程目录并输入以下命令：
+## Installation and Usage
 
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,126 +36,126 @@ yarn add react-native-dismiss-keyboard@1.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { Component } from 'react';
+import React, { Component } from "react";
 import {
-    AppRegistry,
-    StyleSheet,
-    TextInput,
-    View,
-    Text,
-    Keyboard
-} from 'react-native';
+  AppRegistry,
+  StyleSheet,
+  TextInput,
+  View,
+  Text,
+  Keyboard,
+} from "react-native";
 
 export default class ReactNativeDismissKeyboardExample extends Component {
-
-    keyboardDidShowListener = null;
-    keyboardDidHideListener = null;
-    state = { KeyboardShown: false };
-
-    constructor(props) {
-        super(props);
-        this.keyboardDidShowListener = null;
-        this.keyboardDidHideListener = null;
-        this.state = { KeyboardShown: false };
-    }
-
-    //键盘弹出事件响应
-    keyboardDidShowHandler(event) {
-        this.setState({ KeyboardShown: true });
-        console.log(event.endCoordinates.height);
-    }
-
-    //键盘隐藏事件响应
-    keyboardDidHideHandler(event) {
-        this.setState({ KeyboardShown: false });
-    }
-
-    //强制隐藏键盘
-    dissmissKeyboard() {
-        Keyboard.dismiss();
-        console.log("输入框当前焦点状态：" + this.refs.bottomInput.isFocused());
-    }
-
-    render() {
-        return (
-            <View style={[styles.container]}>
-                <View style={[styles.flexDirection, styles.inputHeight]}>
-                    <TextInput style={styles.textInputStyle} ref="bottomInput" />
-                    <Text style={styles.buttonStyle}
-                        onPress={this.dissmissKeyboard.bind(this)}>
-                        收起键盘
-                    </Text>
-                </View>
-            </View>
-        )
-    }
+  keyboardDidShowListener = null;
+  keyboardDidHideListener = null;
+  state = { KeyboardShown: false };
+
+  constructor(props) {
+    super(props);
+    this.keyboardDidShowListener = null;
+    this.keyboardDidHideListener = null;
+    this.state = { KeyboardShown: false };
+  }
+
+  keyboardDidShowHandler(event) {
+    this.setState({ KeyboardShown: true });
+    console.log(event.endCoordinates.height);
+  }
+
+  keyboardDidHideHandler(event) {
+    this.setState({ KeyboardShown: false });
+  }
+
+  dissmissKeyboard() {
+    Keyboard.dismiss();
+    console.log("the current focus state of the input box" + this.refs.bottomInput.isFocused());
+  }
+
+  render() {
+    return (
+      <View style={[styles.container]}>
+        <View style={[styles.flexDirection, styles.inputHeight]}>
+          <TextInput style={styles.textInputStyle} ref="bottomInput" />
+          <Text
+            style={styles.buttonStyle}
+            onPress={this.dissmissKeyboard.bind(this)}
+          >
+            close keyboard
+          </Text>
+        </View>
+      </View>
+    );
+  }
 }
 
 const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        paddingTop: 15,
-        backgroundColor: '#ffffff'
-    },
-    flexDirection: {
-        flexDirection: 'row'
-    },
-    inputHeight: {
-        height: 35,
-        alignItems: 'center'
-    },
-    textInputStyle: {
-        flex: 1,
-        height: 35,
-        fontSize: 18,
-        borderWidth: 1,
-        borderColor: '#4CAF50',
-        borderRadius: 8,
-        marginRight: 8
-    },
-    buttonStyle: {
-        fontSize: 20,
-        color: 'white',
-        width: 100,
-        textAlign: 'center',
-        backgroundColor: '#4CA300'
-    },
+  container: {
+    flex: 1,
+    paddingTop: 15,
+    backgroundColor: "#ffffff",
+  },
+  flexDirection: {
+    flexDirection: "row",
+  },
+  inputHeight: {
+    height: 35,
+    alignItems: "center",
+  },
+  textInputStyle: {
+    flex: 1,
+    height: 35,
+    fontSize: 18,
+    borderWidth: 1,
+    borderColor: "#4CAF50",
+    borderRadius: 8,
+    marginRight: 8,
+  },
+  buttonStyle: {
+    fontSize: 20,
+    color: "white",
+    width: 100,
+    textAlign: "center",
+    backgroundColor: "#4CA300",
+  },
 });
 ```
-## 约束与限制
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑ROM。
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+| Prop                      | Description                                                                                                                     | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `addListener`             | Register a JavaScript function that listens to handle native keyboard notification events.                                      | function | no       | All      | yes               |
+| `dismiss`                 | Retract the pop-up keyboard and make the current text box lose focus.                                                           | function | no       | All      | yes               |
+| `scheduleLayoutAnimation` | Used to synchronize changes in the size or position of a TextInput (or other keyboard attachment view) with keyboard movements. | function | no       | All      | yes               |
+| `isVisible`               | Whether the keyboard is currently displayed.                                                                                    | function | no       | All      | yes               |
+| `metrics`                 | If a soft keyboard is displayed, return the size of the soft keyboard.                                                          | function | no       | All      | yes               |
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+## Known Issues
 
-| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
-| ----- | ----- | -------- | -------- | -------- | -------- |
-| `addListener`  | Register a JavaScript function that listens to handle native keyboard notification events. | function  | no     | All  | yes      |
-| `dismiss`  | Retract the pop-up keyboard and make the current text box lose focus. | function  |  no     | All   | yes      |
-| `scheduleLayoutAnimation`  |Used to synchronize changes in the size or position of a TextInput (or other keyboard attachment view) with keyboard movements.| function | no     | All | yes      |
-| `isVisible`  | Whether the keyboard is currently displayed.| function      |  no     | All   | yes      |
-| `metrics`  | If a soft keyboard is displayed, return the size of the soft keyboard.| function      |  no     | All   | yes      |
+## Others
 
-## 遗留问题
+## License
 
-## 其他
+This project is licensed under [The MIT License (MIT)](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard/blob/master/LICENSE).
 
-## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/en/react-native-email-link.md b/en/react-native-email-link.md
index 499b18c5..030b73f1 100644
--- a/en/react-native-email-link.md
+++ b/en/react-native-email-link.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-email-link</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-email-link)
+> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-email-link)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-email-link@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -60,7 +60,7 @@ import {
 
 export function EmailLinkExample() {
   const [emailClients, setEmailClients] = useState(
-    "点击getEmailClients按钮获取邮箱信息"
+    "click button getEmailClients to get email information"
   );
   return (
     <SafeAreaView style={styles.container}>
@@ -147,17 +147,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -168,18 +168,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -188,22 +185,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNEmailLinkPackage
+### 3. Introducing RNEmailLinkPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -217,32 +214,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
 | ----------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
@@ -250,7 +247,7 @@ ohpm install
 | `openComposer`    | Used to open a new email authoring interface that allows users to create emails directly from the app. | function | No       | All      | yes               |
 | `getEmailClients` | Get a list of all supported mail client applications installed on the device.                          | function | No       | All      | yes               |
 
-**openInbox 方法参数**
+**openInbox method parameters**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
 | `title` | Text for the top of the ActionSheet or Intent | string | no | All | no |
@@ -260,7 +257,7 @@ ohpm install
 | `defaultEmailLabel` | Text for first button of the ActionSheet | function | no | iOS | no |
 | `newTask` | If true, the email Intent will be started in a new Android task. Else, the Intent will be launched in the current task | boolean | no | Android | no |
 
-**openComposer 方法参数**
+**openComposer method parameters**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
 | `app` | App to open the composer with| string | no | All | yes |
@@ -276,14 +273,14 @@ ohpm install
 | `body` | Email's body | string | no | All | yes |
 | `encodeBody` | Apply encodeURIComponent to the email's body | boolean | no | All | yes |
 
-## 遗留问题
+## Known Issues
 
-- [ ] 目前只支持 harmonyOS 系统自带邮箱，本库支持邮箱均未适配harmonyOS Next。[issues#5](https://github.com/react-native-oh-library/react-native-email-link/issues/5)
+- [ ] 目前只支持 harmonyOS 系统自带邮箱，本库支持邮箱均未适配 harmonyOS Next。[issues#5](https://github.com/react-native-oh-library/react-native-email-link/issues/5)
 
-## 其他
+## Others
 
-- title、message、cancelLabel、 removeText、defaultEmailLabel、newTask属性暂不支持，与iOS表现一致。[issue#141](https://github.com/tschoffelen/react-native-email-link/issues/141)。
+- title、message、cancelLabel、 removeText、defaultEmailLabel、newTaskProperties 暂不支持，与 iOS 表现一致。[issue#141](https://github.com/tschoffelen/react-native-email-link/issues/141)。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/tschoffelen/react-native-email-link/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/tschoffelen/react-native-email-link/blob/master/LICENSE).
diff --git a/en/react-native-error-boundary.md b/en/react-native-error-boundary.md
index d613bff8..02f03b83 100644
--- a/en/react-native-error-boundary.md
+++ b/en/react-native-error-boundary.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-error-boundary</code> </h1>
@@ -15,11 +15,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/carloscuesta/react-native-error-boundary)
+> [!TIP] [ GitHub address](https://github.com/carloscuesta/react-native-error-boundary)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,92 +37,95 @@ yarn add react-native-error-boundary@1.2.4
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```ts
-import React, { PropsWithChildren, useState } from 'react';
-import { StyleSheet, Button } from 'react-native';
-import ErrorBoundary from 'react-native-error-boundary';
+import React, { PropsWithChildren, useState } from "react";
+import { StyleSheet, Button } from "react-native";
+import ErrorBoundary from "react-native-error-boundary";
 
 export const ErrorBoundaryDefaultExample = () => {
-    const [shouldThrow, setShouldThrow] = useState(false);
-
-    return (
-        <ErrorBoundary>
-            <Button
-                title="Click the button, it will throw a exception and show a default error page"
-                onPress={() => {
-                    setShouldThrow(true);
-                }}
-            />
-            {shouldThrow && (<MaybeThrows>Content</MaybeThrows>)}
-        </ErrorBoundary>
-    );
+  const [shouldThrow, setShouldThrow] = useState(false);
+
+  return (
+    <ErrorBoundary>
+      <Button
+        title="Click the button, it will throw a exception and show a default error page"
+        onPress={() => {
+          setShouldThrow(true);
+        }}
+      />
+      {shouldThrow && <MaybeThrows>Content</MaybeThrows>}
+    </ErrorBoundary>
+  );
 };
 
 function MaybeThrows({ children }: PropsWithChildren) {
-    const valueToThrow = new Error("Throw a new exception");
-    throw valueToThrow;
+  const valueToThrow = new Error("Throw a new exception");
+  throw valueToThrow;
 }
 
 const styles = StyleSheet.create({
-    buttonContainer: {
-        width: 80,
-        height: 80,
-    },
-    box: {
-        height: 100,
-        width: 50,
-    },
+  buttonContainer: {
+    width: 80,
+    height: 80,
+  },
+  box: {
+    height: 100,
+    width: 50,
+  },
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### ErrorBoundary
 
-| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
-| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
-| Children        | Any children that can throw an error       | React.Children | Yes       | iOS/Android | Yes               |
-| FallbackComponent       | The fallback component that will be rendered after catching an error. By default the library comes with a built-in component.         | React.Component | No       | iOS/Android | Yes               |
-| onError | A function to log the errors that happen in your application  | Function | No       | iOS/Android | Yes               |
+| Name              | Description                                                                                                                   | Type            | Required | Platform    | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------- | ----------------- |
+| Children          | Any children that can throw an error                                                                                          | React.Children  | Yes      | iOS/Android | Yes               |
+| FallbackComponent | The fallback component that will be rendered after catching an error. By default the library comes with a built-in component. | React.Component | No       | iOS/Android | Yes               |
+| onError           | A function to log the errors that happen in your application                                                                  | Function        | No       | iOS/Android | Yes               |
 
 #### FallbackComponent
-| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
-| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
-| error        | The error object       | Error | Yes       | iOS/Android | Yes               |
-| resetError       | A function to reset the error state. You'll want to call this function to recover from the error state.         | Function | Yes       | iOS/Android | Yes               |
+
+| Name       | Description                                                                                             | Type     | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| error      | The error object                                                                                        | Error    | Yes      | iOS/Android | Yes               |
+| resetError | A function to reset the error state. You'll want to call this function to recover from the error state. | Function | Yes      | iOS/Android | Yes               |
 
 #### onError
+
 ```js
 onError(error: Error, stackTrace: string): void
 ```
-| Name              | Description                     | Type           | Required | Platform    | HarmonyOS Support |
-| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
-| error        | The error catched by the component       | Error | Yes       | iOS/Android | Yes               |
-| stackTrace       | The stacktrace of the error         | string | Yes       | iOS/Android | Yes               |
 
-## 遗留问题
+| Name       | Description                        | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ---------------------------------- | ------ | -------- | ----------- | ----------------- |
+| error      | The error catched by the component | Error  | Yes      | iOS/Android | Yes               |
+| stackTrace | The stacktrace of the error        | string | Yes      | iOS/Android | Yes               |
+
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/carloscuesta/react-native-error-boundary/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/carloscuesta/react-native-error-boundary/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
diff --git a/en/react-native-fast-image.md b/en/react-native-fast-image.md
index a1b18b6c..bf186ec4 100644
--- a/en/react-native-fast-image.md
+++ b/en/react-native-fast-image.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fast-image</code> </h1>
@@ -14,15 +14,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fast-image)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-fast-image)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-fast-image@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -105,11 +105,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -120,18 +120,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -140,22 +137,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 FastImagePackage
+### 3. Configuring CMakeLists and Introducing FastImagePackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -193,7 +190,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -212,9 +209,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 FastImagePackage
+### 4. Introducing FastImagePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -228,69 +225,69 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                           | Description                                                                               | Type             | Required | Platform | HarmonyOS Support |
-| ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
-| `source.uri`                   | Source for the remote image to load.                                                      | string           | yes      | All      | yes               |
-| `source.headers?`              | Headers to load the image with. e.g. { Authorization: 'someAuthToken' }.                  | object           | yes      | All      | yes               |
-| `source.priority?`             | loading url priority                                                                      | enum             | no       | All      | no                |
-| `source.cache?`                | setting loading url cache mode                                                            | enum             | no       | All      | no                |
-| `defaultSource?`               | An asset loaded with require(...).                                                        | number           | yes      | All      | yes               |
-| `resizeMode?`                  | loading image for scale mode                                                              | enum             | yes      | All      | yes               |
-| `onLoadStart`                  | Called when the image starts to load.                                                     | function         | yes      | All      | yes               |
-| `onProgress`                   | Called when the image is loading.                                                         | function         | yes      | All      | yes               |
-| `onLoad`                       | Called on a successful image fetch. Called with the width and height of the loaded image. | function         | yes      | All      | yes               |
-| `onError`                      | Called on an image fetching error.                                                        | function         | yes      | All      | yes               |
-| `onLoadEnd`                    | Called when the image finishes loading, whether it was successful or an error.            | function         | yes      | All      | yes               |
-| `tintColor?`                   | If supplied, changes the color of all the non-transparent pixels to the given color.      | number \| string | yes      | All      | yes               |
+| Name               | Description                                                                               | Type             | Required | Platform | HarmonyOS Support |
+| ------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
+| `source.uri`       | Source for the remote image to load.                                                      | string           | yes      | All      | yes               |
+| `source.headers?`  | Headers to load the image with. e.g. { Authorization: 'someAuthToken' }.                  | object           | yes      | All      | yes               |
+| `source.priority?` | loading url priority                                                                      | enum             | no       | All      | no                |
+| `source.cache?`    | setting loading url cache mode                                                            | enum             | no       | All      | no                |
+| `defaultSource?`   | An asset loaded with require(...).                                                        | number           | yes      | All      | yes               |
+| `resizeMode?`      | loading image for scale mode                                                              | enum             | yes      | All      | yes               |
+| `onLoadStart`      | Called when the image starts to load.                                                     | function         | yes      | All      | yes               |
+| `onProgress`       | Called when the image is loading.                                                         | function         | yes      | All      | yes               |
+| `onLoad`           | Called on a successful image fetch. Called with the width and height of the loaded image. | function         | yes      | All      | yes               |
+| `onError`          | Called on an image fetching error.                                                        | function         | yes      | All      | yes               |
+| `onLoadEnd`        | Called when the image finishes loading, whether it was successful or an error.            | function         | yes      | All      | yes               |
+| `tintColor?`       | If supplied, changes the color of all the non-transparent pixels to the given color.      | number \| string | yes      | All      | yes               |
 
-## 静态方法
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                                              | Description                                | Type     | Required | Platform | HarmonyOS Support |
-| ------------------------------------------------- | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
-| `FastImage.preload`          | Preload images to display later. e.g.      | function | no       | All      | yes                |
-| `FastImage.clearMemoryCache` | Clear all images from memory cache.        | function | no       | All      | yes                |
-| `FastImage.clearDiskCache`   | Clear all images from disk cache. priority | function | no       | All      | yes                |
+| Name                         | Description                                | Type     | Required | Platform | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `FastImage.preload`          | Preload images to display later. e.g.      | function | no       | All      | yes               |
+| `FastImage.clearMemoryCache` | Clear all images from memory cache.        | function | no       | All      | yes               |
+| `FastImage.clearDiskCache`   | Clear all images from disk cache. priority | function | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] 不支持属性 source.cache.  [issue#57](https://github.com/react-native-oh-library/react-native-fast-image/issues/57)
-- [ ] 不支持属性 source.priority.  [issue#56](https://github.com/react-native-oh-library/react-native-fast-image/issues/56)
+- [ ] 不支持 Properties source.cache. [issue#57](https://github.com/react-native-oh-library/react-native-fast-image/issues/57)
+- [ ] 不支持 Properties source.priority. [issue#56](https://github.com/react-native-oh-library/react-native-fast-image/issues/56)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/DylanVann/react-native-fast-image/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/DylanVann/react-native-fast-image/blob/main/LICENSE).
 
 <!-- {% endraw %} -->
diff --git a/en/react-native-file-access.md b/en/react-native-file-access.md
index 4d29e0dd..0e92082d 100644
--- a/en/react-native-file-access.md
+++ b/en/react-native-file-access.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-file-access</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-access)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-file-access)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-file-access@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 > [!TIP] 以下 demo 中使用的是本地文件。
 
@@ -65,24 +65,20 @@ export function FileAccessDemo() {
   const [concatBeyts, setConcatBeyts] = useState<number>();
   const [dirOrNot, setDirOrNot] = useState<any>('');
 
-  // 将内容写入文件
   const wirteFile = () => {
     FileSystem.writeFile(Dirs.DocumentDir + '/0801' + '/text1.txt', "DDDD", "utf8")
   };
 
-  // 读取文件的内容
   const readFile = () => {
     FileSystem.readFile(Dirs.DocumentDir + "/0801.txt").then((res) => {
       setFileContent(res);
     })
   };
 
-  // 删除文件
   const unlink = () => {
     FileSystem.unlink(Dirs.DocumentDir + '/0812.txt');
   };
 
-  // 创建一个新目录，返回创建目录的路径
   const mkdir = () => {
     FileSystem.mkdir(Dirs.DocumentDir + "/wxwx").then((res) => {
       setMkdirParam(res);
@@ -91,17 +87,14 @@ export function FileAccessDemo() {
     });
   };
 
-  // 移动文件
   const mv = () => {
     FileSystem.mv(Dirs.DocumentDir + "/text.txt", Dirs.DocumentDir + "/text1.txt");
   };
 
-  // 解压一个 zip 档案
   const unzip = () => {
     FileSystem.unzip(Dirs.DocumentDir + "/wxwx.zip", Dirs.DocumentDir);
   };
 
-  // 读取文件元数据
   const stat = () => {
     FileSystem.stat(Dirs.DocumentDir + "/text1.txt").then((res) => {
       setStatInfo(JSON.stringify(res));
@@ -110,7 +103,6 @@ export function FileAccessDemo() {
     })
   };
 
-  // 检查路径是否存在
   const exists = () => {
     FileSystem.exists(Dirs.DocumentDir + "/text1.txt").then((res) => {
       setExists(res);
@@ -119,12 +111,10 @@ export function FileAccessDemo() {
     });
   };
 
-  // 复制文件
   const cp = async () => {
     await FileSystem.cp(Dirs.DocumentDir + "/text1.txt", Dirs.DocumentDir + "/text4.txt")
   };
 
-  // 对文件内容进行哈希处理
   const hash = () => {
     FileSystem.hash(Dirs.DocumentDir + "/text1.txt", 'SHA-256').then((res) => {
       setHashValue(res);
@@ -133,13 +123,11 @@ export function FileAccessDemo() {
     });
   };
 
-  // 检查路径是否是目录
   const isDir = async () => {
     let res = await FileSystem.isDir(Dirs.DocumentDir + '/text1.txt');
     setDirOrNot(res);
   };
 
-  // 列出目录中的文件
   const ls = async () => {
     await FileSystem.ls(Dirs.DocumentDir).then((res) => {
       setLsList(res.join('、'));
@@ -148,7 +136,6 @@ export function FileAccessDemo() {
     });
   };
 
-  // 检查设备可用空间
   const df = async () => {
     await FileSystem.df().then(res => {
       setFreeSize(res?.internal_free);
@@ -156,7 +143,6 @@ export function FileAccessDemo() {
     })
   };
 
-  // 读取目录中所有文件的元数据
   const statDir = () => {
     FileSystem.statDir(Dirs.DocumentDir).then(res => {
       setStatDirInfo(res);
@@ -165,7 +151,6 @@ export function FileAccessDemo() {
     });
   };
 
-  // 读取文件的一大块内容，从位于的字节开始offset，读取length字节
   const readFileChunk = () => {
     FileSystem.readFileChunk(Dirs.DocumentDir + "/text2.txt", 1, 1, 'utf8').then((res) => {
       setReadFileChunkInfo(res);
@@ -174,12 +159,10 @@ export function FileAccessDemo() {
     });
   };
 
-  // 将内容附加到文件
   const appendFile = async () => {
     await FileSystem.appendFile(Dirs.DocumentDir + "/text3.txt", "AAAAAA", 'utf8');
   }
 
-  // 将一个文件附加到另一个文件。返回写入的字节数
   const concatFiles = async () => {
     await FileSystem.concatFiles(Dirs.DocumentDir + "/text3.txt", Dirs.DocumentDir + "/text4.txt").then((res) => {
       setConcatBeyts(res)
@@ -192,106 +175,106 @@ export function FileAccessDemo() {
     <ScrollView>
       <View style={styles.baseArea}>
         <Text style={{ flex: 1 }}>FileAccess.wirteFile()</Text>
-        <Button title="运行" color="#841584" onPress={wirteFile}></Button>
+        <Button title=" Running" color="#841584" onPress={wirteFile}></Button>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.readFile()</Text>
-          <Button title="运行" color="#841584" onPress={readFile}></Button>
+          <Button title=" Running" color="#841584" onPress={readFile}></Button>
         </View>
-        <Text>读取的文件内容：{fileContent}</Text>
+        <Text>read the file contents: {fileContent}</Text>
       </View>
       <View style={styles.baseArea}>
         <Text style={{ flex: 1 }}>FileAccess.unlink()</Text>
-        <Button title="运行" color="#841584" onPress={unlink}></Button>
+        <Button title=" Running" color="#841584" onPress={unlink}></Button>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.mkdir()</Text>
-          <Button title="运行" color="#841584" onPress={mkdir}></Button>
+          <Button title=" Running" color="#841584" onPress={mkdir}></Button>
         </View>
-        <Text>新目录路径：{mkdirParam}</Text>
+        <Text>new directory path: {mkdirParam}</Text>
       </View>
       <View style={styles.baseArea}>
         <Text style={{ flex: 1 }}>FileAccess.mv()</Text>
-        <Button title="运行" color="#841584" onPress={mv}></Button>
+        <Button title=" Running" color="#841584" onPress={mv}></Button>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.stat()</Text>
-          <Button title="运行" color="#841584" onPress={stat}></Button>
+          <Button title=" Running" color="#841584" onPress={stat}></Button>
         </View>
-        <Text>文件信息：{statInfo}</Text>
+        <Text>file information: {statInfo}</Text>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.exists()</Text>
-          <Button title="运行" color="#841584" onPress={exists}></Button>
+          <Button title=" Running" color="#841584" onPress={exists}></Button>
         </View>
-        <Text>文件是否存在：{isExists === '' ? '' : isExists ? '存在' : '不存在'}</Text>
+        <Text>does the file exist: {isExists === '' ? '' : isExists ? 'exist' : 'does not exist'}</Text>
       </View>
       <View style={styles.baseArea}>
         <Text style={{ flex: 1 }}>FileAccess.cp()</Text>
-        <Button title="运行" color="#841584" onPress={cp}></Button>
+        <Button title=" Running" color="#841584" onPress={cp}></Button>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.isDir()</Text>
-          <Button title="运行" color="#841584" onPress={isDir}></Button>
+          <Button title=" Running" color="#841584" onPress={isDir}></Button>
         </View>
-        <Text>是否是目录：{dirOrNot === '' ? '' : dirOrNot ? '是' : '不是'}</Text>
+        <Text>is it a directory: {dirOrNot === '' ? '' : dirOrNot ? 'yes' : 'no'}</Text>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.ls()</Text>
-          <Button title="运行" color="#841584" onPress={ls}></Button>
+          <Button title=" Running" color="#841584" onPress={ls}></Button>
         </View>
-        <Text>目录中的文件：{lsList}</Text>
+        <Text>files in the directory: {lsList}</Text>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.df()</Text>
-          <Button title="运行" color="#841584" onPress={df}></Button>
+          <Button title=" Running" color="#841584" onPress={df}></Button>
         </View>
-        <Text>可用空间：{freeSize ? (freeSize / (1024 * 1024 * 1024)).toFixed(2) : ''}GB</Text>
-        <Text>总空间：{totalSize ? (totalSize / (1024 * 1024 * 1024)).toFixed(2) : ''}GB</Text>
+        <Text>available space: {freeSize ? (freeSize / (1024 * 1024 * 1024)).toFixed(2) : ''}GB</Text>
+        <Text>total space: {totalSize ? (totalSize / (1024 * 1024 * 1024)).toFixed(2) : ''}GB</Text>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.hash()</Text>
-          <Button title="运行" color="#841584" onPress={hash}></Button>
+          <Button title=" Running" color="#841584" onPress={hash}></Button>
         </View>
-        <Text>哈希值：{hashValue}</Text>
+        <Text>hash value: {hashValue}</Text>
       </View>
       <View style={styles.baseArea}>
         <Text style={{ flex: 1 }}>FileAccess.unzip()</Text>
-        <Button title="运行" color="#841584" onPress={unzip}></Button>
+        <Button title=" Running" color="#841584" onPress={unzip}></Button>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.statDir()</Text>
-          <Button title="运行" color="#841584" onPress={statDir}></Button>
+          <Button title=" Running" color="#841584" onPress={statDir}></Button>
         </View>
-        <Text>以下为目录下的文件信息：</Text>
+        <Text>the following is the file information in the directory</Text>
         {statDirInfo.map((item, index) => (<Text key={index}>{JSON.stringify(item)}</Text>))}
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.readFileChunk()</Text>
-          <Button title="运行" color="#841584" onPress={readFileChunk}></Button>
+          <Button title=" Running" color="#841584" onPress={readFileChunk}></Button>
         </View>
-        <Text>读取的部分文件内容：{readFileChunkInfo}</Text>
+        <Text>read part of the file content: {readFileChunkInfo}</Text>
       </View>
       <View style={styles.baseArea}>
         <Text style={{ flex: 1 }}>FileAccess.appendFile()</Text>
-        <Button title="运行" color="#841584" onPress={appendFile}></Button>
+        <Button title=" Running" color="#841584" onPress={appendFile}></Button>
       </View>
       <View style={{ height: 'auto', backgroundColor: "#FFF", marginTop: 6 }}>
         <View style={styles.baseArea}>
           <Text style={{ flex: 1 }}>FileAccess.concatFiles()</Text>
-          <Button title="运行" color="#841584" onPress={concatFiles}></Button>
+          <Button title=" Running" color="#841584" onPress={concatFiles}></Button>
         </View>
-        <Text>写入的字节数：{concatBeyts}</Text>
+        <Text>number of bytes written: {concatBeyts}</Text>
       </View>
     </ScrollView>
   );
@@ -318,17 +301,17 @@ const styles = StyleSheet.create({
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```
 {
@@ -339,18 +322,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -359,22 +339,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNFileAccessPackage
+### 3. Introducing RNFileAccessPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -388,32 +368,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### File System Access API
 
@@ -441,12 +421,12 @@ ohpm install
 | unzip          | Extract a zip archive.                                                                         | Function | No       | iOS/Android | Yes               |
 | writeFile      | Write content to a file.                                                                       | Function | No       | iOS/Android | Yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] getAppGroupDir method (Get application directory permissions, iOS, Mac iOS only) This is a dependency problem. Currently, the Harmony side does not provide support. [issue#4](https://github.com/react-native-oh-library/react-native-file-access/issues/4)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/alpha0010/react-native-file-access/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/alpha0010/react-native-file-access/blob/master/LICENSE).
diff --git a/en/react-native-file-viewer.md b/en/react-native-file-viewer.md
index 130d2429..34a632af 100644
--- a/en/react-native-file-viewer.md
+++ b/en/react-native-file-viewer.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-file-viewer
@@ -15,15 +15,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-viewer)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-file-viewer)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-file-viewer@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { StyleSheet, ScrollView, Text, TouchableOpacity } from "react-native";
@@ -51,99 +51,120 @@ import DocumentPicker from "react-native-document-picker";
 import FileViewer from "react-native-file-viewer";
 
 export function FlieViewerExample() {
-	const FileViewerTest = async (option?: any) => {
-		try {
-			// 使用react-native-document-picker来选择本地文件进行打开
-			const res: any = await DocumentPicker.pick({
-				type: [DocumentPicker.types.allFiles]
-			});
-			// uri 为本地文件绝对路径
-			await FileViewer?.open(res[0].uri, option);
-		} catch (e) {
-			// error
-		}
-	};
-
-	const onDismissCb = () => {
-		// do sth ...
-	};
-
-	return (
-		<ScrollView style={{ backgroundColor: "skyblue" }}>
-			<TouchableOpacity onPress={() => FileViewerTest()} style={styles.btn}>
-				<Text style={styles.btnText}>Toogle Status Bar</Text>
-			</TouchableOpacity>
-			<TouchableOpacity onPress={() => FileViewerTest("show_displayName string")} style={styles.btn}>
-				<Text style={styles.btnText}>Toogle Status Bar (displayName str)</Text>
-			</TouchableOpacity>
-			<TouchableOpacity onPress={() => FileViewerTest({ displayName: "show_displayName option" })} style={styles.btn}>
-				<Text style={styles.btnText}>Toogle Status Bar (displayName opt)</Text>
-			</TouchableOpacity>
-			<TouchableOpacity onPress={() => FileViewerTest({ showOpenWithDialog: true, onDismiss: onDismissCb })} style={styles.btn}>
-				<Text style={styles.btnText}>Toogle Status Bar (onDismiss)</Text>
-			</TouchableOpacity>
-			<TouchableOpacity onPress={() => FileViewerTest({ showOpenWithDialog: true })} style={styles.btn}>
-				<Text style={styles.btnText}>Toogle Status Bar (showOpenWithDialog)</Text>
-			</TouchableOpacity>
-			<TouchableOpacity onPress={() => FileViewerTest({ showAppsSuggestions: true })} style={styles.btn}>
-				<Text style={styles.btnText}>Toogle Status Bar (showAppsSuggestions)</Text>
-			</TouchableOpacity>
-		</ScrollView>
-	);
+  const FileViewerTest = async (option?: any) => {
+    try {
+      const res: any = await DocumentPicker.pick({
+        type: [DocumentPicker.types.allFiles],
+      });
+      await FileViewer?.open(res[0].uri, option);
+    } catch (e) {
+      // error
+    }
+  };
+
+  const onDismissCb = () => {
+    // do sth ...
+  };
+
+  return (
+    <ScrollView style={{ backgroundColor: "skyblue" }}>
+      <TouchableOpacity onPress={() => FileViewerTest()} style={styles.btn}>
+        <Text style={styles.btnText}>Toogle Status Bar</Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        onPress={() => FileViewerTest("show_displayName string")}
+        style={styles.btn}
+      >
+        <Text style={styles.btnText}>Toogle Status Bar (displayName str)</Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        onPress={() =>
+          FileViewerTest({ displayName: "show_displayName option" })
+        }
+        style={styles.btn}
+      >
+        <Text style={styles.btnText}>Toogle Status Bar (displayName opt)</Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        onPress={() =>
+          FileViewerTest({ showOpenWithDialog: true, onDismiss: onDismissCb })
+        }
+        style={styles.btn}
+      >
+        <Text style={styles.btnText}>Toogle Status Bar (onDismiss)</Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        onPress={() => FileViewerTest({ showOpenWithDialog: true })}
+        style={styles.btn}
+      >
+        <Text style={styles.btnText}>
+          Toogle Status Bar (showOpenWithDialog)
+        </Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        onPress={() => FileViewerTest({ showAppsSuggestions: true })}
+        style={styles.btn}
+      >
+        <Text style={styles.btnText}>
+          Toogle Status Bar (showAppsSuggestions)
+        </Text>
+      </TouchableOpacity>
+    </ScrollView>
+  );
 }
 
 const styles = StyleSheet.create({
-	TextInput: {
-		height: 40,
-		borderColor: "#ccc",
-		borderWidth: 1,
-		borderRadius: 4,
-		width: "90%"
-	},
-	btn: {
-		borderRadius: 10,
-		display: "flex",
-		justifyContent: "center",
-		alignItems: "center",
-		padding: 10,
-		margin: 10,
-		backgroundColor: "blue"
-	},
-	btnText: {
-		fontWeight: "bold",
-		color: "#fff",
-		fontSize: 20
-	},
-	selectBtn: {
-		padding: 8,
-		margin: 3,
-		fontSize: 18,
-		borderWidth: 1,
-		borderRadius: 8,
-		borderColor: "#753c13"
-	},
-	selectBtnActive: {
-		padding: 8,
-		margin: 3,
-		backgroundColor: "#e2803b",
-		fontSize: 18,
-		borderRadius: 8,
-		borderWidth: 1
-	}
+  TextInput: {
+    height: 40,
+    borderColor: "#ccc",
+    borderWidth: 1,
+    borderRadius: 4,
+    width: "90%",
+  },
+  btn: {
+    borderRadius: 10,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 10,
+    margin: 10,
+    backgroundColor: "blue",
+  },
+  btnText: {
+    fontWeight: "bold",
+    color: "#fff",
+    fontSize: 20,
+  },
+  selectBtn: {
+    padding: 8,
+    margin: 3,
+    fontSize: 18,
+    borderWidth: 1,
+    borderRadius: 8,
+    borderColor: "#753c13",
+  },
+  selectBtnActive: {
+    padding: 8,
+    margin: 3,
+    backgroundColor: "#e2803b",
+    fontSize: 18,
+    borderRadius: 8,
+    borderWidth: 1,
+  },
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -154,18 +175,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -174,22 +192,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNFileViewerTurboModule Package
+### 3. Introducing RNFileViewerTurboModule Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -203,58 +221,58 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### `open(filepath: string, options?: Object): Promise<void>`
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| --- | --- | --- | --- | --- | --- |
-| **filepath** | The absolute path where the file is stored. The file needs to have a valid extension to be successfully detected. Use [react-native-fs constants](https://github.com/itinance/react-native-fs#constants) to determine the absolute path correctly. | string | yes | All | yes |
-| **options** (optional) | Some options to customize the behaviour. See below. | Object | no | All | yes |
+| Name                   | Description                                                                                                                                                                                                                                        | Type   | Required | Platform | HarmonyOS Support |
+| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | ----------------- |
+| **filepath**           | The absolute path where the file is stored. The file needs to have a valid extension to be successfully detected. Use [react-native-fs constants](https://github.com/itinance/react-native-fs#constants) to determine the absolute path correctly. | string | yes      | All      | yes               |
+| **options** (optional) | Some options to customize the behaviour. See below.                                                                                                                                                                                                | Object | no       | All      | yes               |
 
 #### Options
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| --- | --- | --- | --- | --- | --- |
-| **displayName** (optional) | Customize the QuickLook title. | string | no | iOS | yes |
-| **onDismiss** (optional) | Callback invoked when the viewer is being dismissed. | function | no | All | partially |
-| **showOpenWithDialog** (optional) | If there is more than one app that can open the file, show an _Open With_ dialogue box. | boolean | no | Android | yes |
-| **showAppsSuggestions** (optional) | If there is not an installed app that can open the file, open the Play Store with suggested apps. | boolean | no | Android | partially |
+| Name                               | Description                                                                                       | Type     | Required | Platform | HarmonyOS Support |
+| ---------------------------------- | ------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| **displayName** (optional)         | Customize the QuickLook title.                                                                    | string   | no       | iOS      | yes               |
+| **onDismiss** (optional)           | Callback invoked when the viewer is being dismissed.                                              | function | no       | All      | partially         |
+| **showOpenWithDialog** (optional)  | If there is more than one app that can open the file, show an _Open With_ dialogue box.           | boolean  | no       | Android  | yes               |
+| **showAppsSuggestions** (optional) | If there is not an installed app that can open the file, open the Play Store with suggested apps. | boolean  | no       | Android  | partially         |
 
-## 遗留问题
+## Known Issues
 
-- [x] HarmonyOS端暂不支持关闭预览窗口的回调函数调用: [issue#1](https://github.com/react-native-oh-library/react-native-file-viewer/issues/4)
-- [x] HarmonyOS端无法直接跳转到应用市场的推荐应用页，目前只能跳转到应用市场首页: [issue#2](https://github.com/react-native-oh-library/react-native-file-viewer/issues/5)
+- [x] HarmonyOS 端暂不支持关闭预览窗口的回调函数调用: [issue#1](https://github.com/react-native-oh-library/react-native-file-viewer/issues/4)
+- [x] HarmonyOS 端无法直接跳转到应用市场的推荐应用页，目前只能跳转到应用市场首页: [issue#2](https://github.com/react-native-oh-library/react-native-file-viewer/issues/5)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/vinzscam/react-native-file-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/vinzscam/react-native-file-viewer/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
diff --git a/en/react-native-gifted-charts.md b/en/react-native-gifted-charts.md
index 48077a16..f3fd38d5 100644
--- a/en/react-native-gifted-charts.md
+++ b/en/react-native-gifted-charts.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-gifted-charts</code> </h1>
@@ -14,15 +14,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-gifted-charts)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-gifted-charts)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,12 +40,17 @@ yarn add @react-native-oh-tpl/react-native-gifted-charts@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
-import { BarChart, LineChart, PieChart, PopulationPyramid } from "react-native-gifted-charts";
+import {
+  BarChart,
+  LineChart,
+  PieChart,
+  PopulationPyramid,
+} from "react-native-gifted-charts";
 
 export default function () {
   const data = [{ value: 50 }, { value: 80 }, { value: 90 }, { value: 70 }];
@@ -55,958 +60,961 @@ export default function () {
       <BarChart data={data} />
       <LineChart data={data} />
       <PieChart data={data} />
-      <PopulationPyramid data={[{ left: 10, right: 12 }, { left: 9, right: 8 }]} />
+      <PopulationPyramid
+        data={[
+          { left: 10, right: 12 },
+          { left: 9, right: 8 },
+        ]}
+      />
       <BarChart data={data} horizontal />
       <LineChart data={data} areaChart />
       <PieChart data={data} donut />
     </>
-  )
+  );
 }
 ```
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-svg、@react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg、@react-native-oh-tpl/react-native-linear-gradient. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)、[@react-native-oh-tpl/react-native-linear-gradient 文档](/zh-cn/react-native-linear-gradient.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg](/en/react-native-svg-capi.md)、[@react-native-oh-tpl/react-native-linear-gradient](/en/react-native-linear-gradient.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)
 
-## 属性
+## Properties
 
-详情见 [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts) Props tables
+For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts) Props tables
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### BarChart, Horizontal BarChart and Stacked Bar Chart
 
 **Basic props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | An item object represents a bar in the bar chart. It is described in the next table. | barDataItem[]  | no     | all | yes
-| width  | Width of the Bar chart |  number | no  | all | yes
-| height   | Height of the Bar chart (excluding the bottom label)  | number | no  | all | yes
-| onPress  | Callback function called on press of a Bar (takes item and index as parameter)    | Function | no  | all | yes
-| onLongPress | Callback function called on long press of a Bar (takes item and index as parameter) | Function | no  | all | yes
-| onPressOut   | Callback function called on press out of a Bar (takes item and index as parameter) | Function | no  | all | yes        
-| focusBarOnPress  | used to focus a bar on press by applying styles defined in focusedBarConfig | boolean | no  | all | yes   
-| focusedBarConfig  | styles for the focused bar including color, width, opacity, borderRadius etc   | FocusedBarConfig | no  | all | yes     
-| focusedBarIndex    | index of the initially focused bar, works only when focusBarOnPress is  | number  | no  | all | yes     
-| maxValue  | Maximum value shown in the Y axis   | number  | no  | all | yes     
-| yAxisOffset   | Starting (minimum) value in the Y axis (value at the origin)  | number | no  | all | yes
-| mostNegativeValue  | The most negative value shown in the Y axis (to be used only if the data set has negative values too)  | number | no  | all | yes     
-| noOfSections | Number of sections in the Y axis   | number  | no  | all | yes
-| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)       | number  | no  | all | yes
-| stepValue | Value of 1 step/section in the Y axis | number  | no  | all | yes
-| stepHeight | Height of 1 step/section in the Yaxis | number  | no  | all | yes
-| negativeStepValue| Value of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no  | all | yes
-| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant)  | number  | no  | all | yes
-| spacing   | Distance between 2 consecutive bars in the Bar chart  | number | no  | all | yes
-| backgroundColor | Background color of the Bar chart  | ColorValue | no  | all | yes
-| sectionColors | Background color of the horizontal sections of the chart | ColorValue  | no  | all | yes
-| scrollref   | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any  | no  | all | yes
-| scrollToIndex  | scroll to a particular index on chart load | number | no  | all | yes
-| disableScroll | To disable horizontal scroll | boolean | no  | all | yes
-| showScrollIndicator | To show horizontal scroll indicator| boolean | no  | all | yes
-| indicatorColor  |  (iOS only) The color of the scroll indicators - ('black', 'white' or 'default') | String  | no  | iOS | yes
-| showLine  | To show a Line chart over the Bar chart with the same data  | boolean | no  | all | yes
-| lineData   | The data object for the line chart (use only when showLine is true). To hide any datapoint pass hideDataPoint prop as true in specific data item. | Array of items | no  | all | yes
-| lineConfig  | Properties of the Line chart shown over the Bar chart (lineConfigType) is described below  | lineConfigType  | no  | all | yes
-| lineData2  | The data object for the second line chart (use only when showLine is true)  | Array of items | no  | all | yes
-| lineConfig2   | Properties of the second Line chart shown over the Bar chart (lineConfigType) is described below  | lineConfigType  | no  | all | yes
-| lineBehindBars  | When set to true, the line chart will appear behind the Bars in case of overlap    | boolean  | no  | all | yes
-| autoShiftLabels  | When set to true, automatically shifts the X axis labels for negative values | boolean  | no  | all | yes
-| scrollToEnd  | When set to true, the chart automatically scrolls to the rightmost bar  | boolean  | no  | all | yes
-| scrollAnimation   | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost bar | boolean | no  | all | yes
-| scrollEventThrottle  | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios| number | no  | iOS | yes
-| onScroll  | callback function called when the chart is scrolled horizontally    | Function | no  | all | yes
-| onMomentumScrollEnd    | callback function called when scroll is completed       | Function  | no  | all | yes
-| initialSpacing  | distance of the first bar from the Y axis | number  | no  | all | yes
-| renderTooltip    | tooltip component appearing above the bar when it is pressed, takes item and index as parameters     | Function  | no  | all | yes
-| leftShiftForTooltip  | The distance by which the tooltip component should shift towards left | number | no  | all | yes
-| leftShiftForLastIndexTooltip | The distance by which the tooltip component of the last bar should shift towards left | number  | no  | all | yes
-| adjustToWidth   | When set to true, it auto-computes the barWidth and spacing to fit the chart in the available width / parentWidth  | boolean   | no  | all | yes
-| parentWidth  | The width of the parent View or the width that the chart should auto-fit into when `adjustToWidth` is true | number | no  | all | yes 
+| data | An item object represents a bar in the bar chart. It is described in the next table. | barDataItem[] | no | all | yes
+| width | Width of the Bar chart | number | no | all | yes
+| height | Height of the Bar chart (excluding the bottom label) | number | no | all | yes
+| onPress | Callback function called on press of a Bar (takes item and index as parameter) | Function | no | all | yes
+| onLongPress | Callback function called on long press of a Bar (takes item and index as parameter) | Function | no | all | yes
+| onPressOut | Callback function called on press out of a Bar (takes item and index as parameter) | Function | no | all | yes  
+| focusBarOnPress | used to focus a bar on press by applying styles defined in focusedBarConfig | boolean | no | all | yes  
+| focusedBarConfig | styles for the focused bar including color, width, opacity, borderRadius etc | FocusedBarConfig | no | all | yes  
+| focusedBarIndex | index of the initially focused bar, works only when focusBarOnPress is | number | no | all | yes  
+| maxValue | Maximum value shown in the Y axis | number | no | all | yes  
+| yAxisOffset | Starting (minimum) value in the Y axis (value at the origin) | number | no | all | yes
+| mostNegativeValue | The most negative value shown in the Y axis (to be used only if the data set has negative values too) | number | no | all | yes  
+| noOfSections | Number of sections in the Y axis | number | no | all | yes
+| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too) | number | no | all | yes
+| stepValue | Value of 1 step/section in the Y axis | number | no | all | yes
+| stepHeight | Height of 1 step/section in the Yaxis | number | no | all | yes
+| negativeStepValue| Value of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no | all | yes
+| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no | all | yes
+| spacing | Distance between 2 consecutive bars in the Bar chart | number | no | all | yes
+| backgroundColor | Background color of the Bar chart | ColorValue | no | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | ColorValue | no | all | yes
+| scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any | no | all | yes
+| scrollToIndex | scroll to a particular index on chart load | number | no | all | yes
+| disableScroll | To disable horizontal scroll | boolean | no | all | yes
+| showScrollIndicator | To show horizontal scroll indicator| boolean | no | all | yes
+| indicatorColor | (iOS only) The color of the scroll indicators - ('black', 'white' or 'default') | String | no | iOS | yes
+| showLine | To show a Line chart over the Bar chart with the same data | boolean | no | all | yes
+| lineData | The data object for the line chart (use only when showLine is true). To hide any datapoint pass hideDataPoint prop as true in specific data item. | Array of items | no | all | yes
+| lineConfig | Properties of the Line chart shown over the Bar chart (lineConfigType) is described below | lineConfigType | no | all | yes
+| lineData2 | The data object for the second line chart (use only when showLine is true) | Array of items | no | all | yes
+| lineConfig2 | Properties of the second Line chart shown over the Bar chart (lineConfigType) is described below | lineConfigType | no | all | yes
+| lineBehindBars | When set to true, the line chart will appear behind the Bars in case of overlap | boolean | no | all | yes
+| autoShiftLabels | When set to true, automatically shifts the X axis labels for negative values | boolean | no | all | yes
+| scrollToEnd | When set to true, the chart automatically scrolls to the rightmost bar | boolean | no | all | yes
+| scrollAnimation | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost bar | boolean | no | all | yes
+| scrollEventThrottle | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios| number | no | iOS | yes
+| onScroll | callback function called when the chart is scrolled horizontally | Function | no | all | yes
+| onMomentumScrollEnd | callback function called when scroll is completed | Function | no | all | yes
+| initialSpacing | distance of the first bar from the Y axis | number | no | all | yes
+| renderTooltip | tooltip component appearing above the bar when it is pressed, takes item and index as parameters | Function | no | all | yes
+| leftShiftForTooltip | The distance by which the tooltip component should shift towards left | number | no | all | yes
+| leftShiftForLastIndexTooltip | The distance by which the tooltip component of the last bar should shift towards left | number | no | all | yes
+| adjustToWidth | When set to true, it auto-computes the barWidth and spacing to fit the chart in the available width / parentWidth | boolean | no | all | yes
+| parentWidth | The width of the parent View or the width that the chart should auto-fit into when `adjustToWidth` is true | number | no | all | yes
 
 **Combine Line Chart using showLine**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| initialSpacing | distance of the first data point from the Y axis  | number   | no  | all | yes
-| curved  | To show curved line joining the data points | boolean  | no  | all | yes
-| isAnimated | To show animates Line Chart | boolean  | no  | all | yes
-| delay | Delay (in milliseconds) before starting the animation of the line | number   | no  | all | yes
-| thickness | Thickness of the Line  | number | no  | all | yes
-| color  | Color of the Line | ColorValue   | no  | all | yes
-| hideDataPoints  | To hide data points along the Line chart | boolean   | no  | all | yes
-| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_) | String   | no  | all | yes
-| dataPointsWidth | Width of data points (when data points' shape is rectangular) | number   | no  | all | yes
-| dataPointsHeight | Height of data points (when data points' shape is rectangular) | number    | no  | all | yes
-| dataPointsColor  | Color of the data points | ColorValue  | no  | all | yes
-| dataPointsRadius | Radius of data points (when data points' shape is _circular_)  | number   | no  | all | yes
-| textColor | Color of the dataPointText  | ColorValue    | no  | all | yes
-| textFontSize | Font size of the dataPointText | number  | no  | all | yes
-| textShiftX | To shift the dataPointText text horizontally | number    | no  | all | yes
-| textShiftY | To shift the dataPointText text vertically | number   | no  | all | yes
-| shiftY | To shift the Line chart up or down by the given quantity m  | number   | no  | all | yes
-| startIndex | Start index for data line (used to display data lines having breaks) | number   | no  | all | yes
-| endIndex | End index for data line (used to display data lines having breaks) | number   | no  | all | yes
+| initialSpacing | distance of the first data point from the Y axis | number | no | all | yes
+| curved | To show curved line joining the data points | boolean | no | all | yes
+| isAnimated | To show animates Line Chart | boolean | no | all | yes
+| delay | Delay (in milliseconds) before starting the animation of the line | number | no | all | yes
+| thickness | Thickness of the Line | number | no | all | yes
+| color | Color of the Line | ColorValue | no | all | yes
+| hideDataPoints | To hide data points along the Line chart | boolean | no | all | yes
+| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_) | String | no | all | yes
+| dataPointsWidth | Width of data points (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsHeight | Height of data points (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsColor | Color of the data points | ColorValue | no | all | yes
+| dataPointsRadius | Radius of data points (when data points' shape is _circular_) | number | no | all | yes
+| textColor | Color of the dataPointText | ColorValue | no | all | yes
+| textFontSize | Font size of the dataPointText | number | no | all | yes
+| textShiftX | To shift the dataPointText text horizontally | number | no | all | yes
+| textShiftY | To shift the dataPointText text vertically | number | no | all | yes
+| shiftY | To shift the Line chart up or down by the given quantity m | number | no | all | yes
+| startIndex | Start index for data line (used to display data lines having breaks) | number | no | all | yes
+| endIndex | End index for data line (used to display data lines having breaks) | number | no | all | yes
 
 **Item description (barDataItem)**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| value | Value of the item representing height of the bar | number  | no  | all | yes
-| barWidth | Width of the bar | number  | no  | all | yes
-| onPress | Function called on pressing the bar | function | no  | all | yes
-| onLongPress | Function called on long pressing the bar | function   | no  | all | yes
-| onPressOut | Callback function called on press out of a bar | Function  | no  | all | yes
-| disablePress | Prop to disable the press action, defaults to false | boolean    | no  | all | yes
-| frontColor | Color of the bar | ColorValue  | no  | all | yes
-| sideColor | Color of the side view of the bar, only for 3 D | ColorValue | no  | all | yes
-| sideWidth | Width of the side view of the bar, only for 3 D  | number | no  | all | yes
-| topColor | Color of the top view of the bar, only for 3 D | ColorValue | no  | all | yes
-| barStyle | style object for the Bars | object  | no  | all | yes
-| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean  | no  | all | yes
-| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient | ColorValue | no  | all | yes
-| label | Label text appearing below the bar (under the X axis)  | string   | no  | all | yes
-| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number | no  | all | yes
-| labelTextStyle | Style object for the label text appearing below the bar | object | no  | all | yes
-| labelComponent | Custom label component appearing below the bar | Component | no  | all | yes
-| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis | number  | no  | all | yes
-| topLabelComponent | Custom component appearing above the bar  | Component | no  | all | yes
-| topLabelContainerStyle | Style object for the container of the custom component appearing above the bar| object  | no  | all | yes
-| cappedBars | To show caps on the top of bar | boolean | no  | all | yes
-| capThickness | Thickness of the bar cap | number | no  | all | yes
-| capColor | Color of the bar cap | ColorValue | no  | all | yes
-| capRadius | Border radius of the bar cap | number  | no  | all | yes
-| barBorderRadius | Border radius of the bar | number | no  | all | yes
-| barBorderTopLeftRadius | Top left border radius of the bar | number| no  | all | yes
-| barBorderTopRightRadius | Top right border radius of the bar | number   | no  | all | yes
-| barBorderBottomLeftRadius | Bottom left border radius of the bar | number  | no  | all | yes
-| barBorderBottomRightRadius | Bottom right border radius of the bar| number | no  | all | yes
-| barMarginBottom  | margin at the bottom of the bar (above X axis)   | number  | no  | all | yes
-| spacing  | Distance of the next Bar from the currennt Bar  | number  | no  | all | yes
-| barBackgroundPattern  | A svg component containing the background pattern for bars | Component | no  | all | yes
-| patternId  | ID of the pattern component  | String | no  | all | yes
-| leftShiftForTooltip | The distance by which the tooltip component should shift towards left | number | no  | all | yes
-| showXAxisIndex  | show small graduation at the X axis for the corresponding bar  | boolean  | no  | all | yes
+| value | Value of the item representing height of the bar | number | no | all | yes
+| barWidth | Width of the bar | number | no | all | yes
+| onPress | Function called on pressing the bar | function | no | all | yes
+| onLongPress | Function called on long pressing the bar | function | no | all | yes
+| onPressOut | Callback function called on press out of a bar | Function | no | all | yes
+| disablePress | Prop to disable the press action, defaults to false | boolean | no | all | yes
+| frontColor | Color of the bar | ColorValue | no | all | yes
+| sideColor | Color of the side view of the bar, only for 3 D | ColorValue | no | all | yes
+| sideWidth | Width of the side view of the bar, only for 3 D | number | no | all | yes
+| topColor | Color of the top view of the bar, only for 3 D | ColorValue | no | all | yes
+| barStyle | style object for the Bars | object | no | all | yes
+| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean | no | all | yes
+| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient | ColorValue | no | all | yes
+| label | Label text appearing below the bar (under the X axis) | string | no | all | yes
+| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number | no | all | yes
+| labelTextStyle | Style object for the label text appearing below the bar | object | no | all | yes
+| labelComponent | Custom label component appearing below the bar | Component | no | all | yes
+| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis | number | no | all | yes
+| topLabelComponent | Custom component appearing above the bar | Component | no | all | yes
+| topLabelContainerStyle | Style object for the container of the custom component appearing above the bar| object | no | all | yes
+| cappedBars | To show caps on the top of bar | boolean | no | all | yes
+| capThickness | Thickness of the bar cap | number | no | all | yes
+| capColor | Color of the bar cap | ColorValue | no | all | yes
+| capRadius | Border radius of the bar cap | number | no | all | yes
+| barBorderRadius | Border radius of the bar | number | no | all | yes
+| barBorderTopLeftRadius | Top left border radius of the bar | number| no | all | yes
+| barBorderTopRightRadius | Top right border radius of the bar | number | no | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of the bar | number | no | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of the bar| number | no | all | yes
+| barMarginBottom | margin at the bottom of the bar (above X axis) | number | no | all | yes
+| spacing | Distance of the next Bar from the currennt Bar | number | no | all | yes
+| barBackgroundPattern | A svg component containing the background pattern for bars | Component | no | all | yes
+| patternId | ID of the pattern component | String | no | all | yes
+| leftShiftForTooltip | The distance by which the tooltip component should shift towards left | number | no | all | yes
+| showXAxisIndex | show small graduation at the X axis for the corresponding bar | boolean | no | all | yes
 
 **Axes and rules related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| xAxisLength | X axis length | number  | no  | all | yes
-| xAxisColor | X axis color  | ColorValue  | no  | all | yes
-| xAxisThickness | X axis thickness | number   | no  | all | yes
-| yAxisColor | Y axis color | ColorValue   | no  | all | yes
-| yAxisThickness | Y axis thickness | number   | no  | all | yes
-| yAxisExtraHeight | Extra length of Y axis at the top | number  | no  | all | yes
-| xAxisType | solid or dotted/dashed | RuleType   | no  | all | yes
-| yAxisLabelWidth | Width of the Y axis Label container | number  | no  | all | yes
-| yAxisTextStyle | Style object for the Y axis text style | object | no  | all | yes
-| yAxisTextNumberOfLines | Number of lines for y axis label text | number  | no  | all | yes
-| yAxisLabelContainerStyle | Style object for the Y axis label container | object   | no  | all |  yes
-| trimYAxisAtTop  | Removes the extra length of the Y axis from the top  | boolean   | no  | all | yes
-| horizontalRulesStyle | Style object for the horizontal rules container | object   | no  | all | yes
-| showFractionalValues | Allow fractional values for the Y axis label | boolean   | no  | all | yes
-| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number   | no  | all | yes
-| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$') | String  | no  | all | yes
-| yAxisLabelSuffix | The String appended to the y axis label text | String   | no  | all | yes
-| hideYAxisText | To hide Y axis label text | boolean   | no  | all | yes  
-| formatYLabel | a callback function that takes the label generated by the library and modifies it. | (label: string) => string |  no  | all | yes
-| yAxisSide | Tells which side of the chart, should the y axis be present, defaults to 'left' | String  | no  | all |  yes
-| rulesLength | Length of the horizontal rules | number   | no  | all | yes
-| rulesColor  | Color of the horizontal rules   | ColorValue   | no  | all | yes
-| rulesThickness | Thickness of the horizontal rules | number  | no  | all | yes
-| hideRules | To hide the horizontal rules | boolean   | no  | all | yes
-| rulesType  | solid or dotted/dashed | RuleType   | no  | all | yes
-| dashWidth | width of each dash | number  | no  | all | yes
-| dashGap | gap between 2 dashes | number   | no  | all | yes
-| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no  | all | yes
-| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType   | no  | all | yes
-| referenceLine1Position | position of reference line | number    | no  | all | yes
-| showReferenceLine2 | show second reference line | boolean  | no  | all | yes
-| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType  | no  | all | yes
-| referenceLine2Position | position of second reference line | number   | no  | all | yes
-| showReferenceLine3 | show third reference line  | boolean     | no  | all | yes
-| referenceLine3Config | properties of reference line like thickness, color etc (described below the table)    | referenceConfigType   | no  | all | yes
-| referenceLine3Position | position of third reference line | number   | no  | all | yes
-| referenceLinesOverChartContent | used to render the reference lines over the rest of the chart content. | boolean   | no  | all | yes
-| showVerticalLines | To show vertical lines | boolean   | no  | all | yes
-| verticalLinesColor | Color of the vertical lines  | ColorValue  | no  | all | yes
-| verticallinesThickness  | Thickness of the vertical lines | number    | no  | all | yes
-| verticalLinesHeight | Height of the vertical lines | number   | no  | all | yes
-| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line  | Array<number>   | no  | all | yes
-| verticalLinesShift | vertical lines are aligned with bars. Shift them left or right using +ve or -ve value of verticalLinesShift  | number   | no  | all | yes
-| verticalLinesZIndex | Z index of the vertical lines | number  | no  | all | yes
-| noOfVerticalLines | Number of vertical lines displayed | number  | no  | all | yes
-| verticalLinesSpacing  | Distance between consecutive vertical lines | number    | no  | all | yes
-| showXAxisIndices | To show the pointers on the X axis  | boolean   | no  | all | yes
-| xAxisIndicesHeight | Height of the pointers on the X axis | number   | no  | all | yes
-| xAxisIndicesWidth | Width of the pointers on the X axis | number   | no  | all | yes
-| xAxisIndicesColor | Color of the pointers on the X axis  | ColorValue   | no  | all | yes
-| showYAxisIndices  | To show the pointers on the Y axis  | boolean     | no  | all | yes
-| yAxisIndicesHeight  | Height of the pointers on the Y axis  | number   | no  | all | yes
-| yAxisIndicesWidth | Width of the pointers on the Y axis | number   | no  | all | yes
-| yAxisIndicesColor | Color of the pointers on the X axis  | ColorValue  | no  | all | yes
-| yAxisLabelTexts  | Array of label texts to be displayed along y axis | Array<string>   | no  | all | yes
-| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>   | no  | all | yes
-| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object  | no  | all | yes
-| rotateLabel | To rotate the X axis labels (by 60deg) | boolean   | no  | all | yes
-| hideAxesAndRules | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
-| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean   | no  | all | yes
-| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number   | no  | all | yes
-| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis  | number   | no  | all | yes
-| xAxisTextNumberOfLines | Number of lines for x axis label text | number  | no  | all | yes
-| xAxisLabelsHeight | Height of X axis labels container    | number   | no  | all | yes
-| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down)     | number  | no  | all | yes
-| labelsExtraHeight | used to display large rotated labels on X-axis (use this only when using the **rotateLabel** prop) | number   | no  | all | yes
-| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType  | no  | all | yes
-| secondaryData | the secondary data that will be rendered along the secondary Y axis  | Array of items   | no  | all | yes           
+| xAxisLength | X axis length | number | no | all | yes
+| xAxisColor | X axis color | ColorValue | no | all | yes
+| xAxisThickness | X axis thickness | number | no | all | yes
+| yAxisColor | Y axis color | ColorValue | no | all | yes
+| yAxisThickness | Y axis thickness | number | no | all | yes
+| yAxisExtraHeight | Extra length of Y axis at the top | number | no | all | yes
+| xAxisType | solid or dotted/dashed | RuleType | no | all | yes
+| yAxisLabelWidth | Width of the Y axis Label container | number | no | all | yes
+| yAxisTextStyle | Style object for the Y axis text style | object | no | all | yes
+| yAxisTextNumberOfLines | Number of lines for y axis label text | number | no | all | yes
+| yAxisLabelContainerStyle | Style object for the Y axis label container | object | no | all | yes
+| trimYAxisAtTop | Removes the extra length of the Y axis from the top | boolean | no | all | yes
+| horizontalRulesStyle | Style object for the horizontal rules container | object | no | all | yes
+| showFractionalValues | Allow fractional values for the Y axis label | boolean | no | all | yes
+| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number | no | all | yes
+| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$') | String | no | all | yes
+| yAxisLabelSuffix | The String appended to the y axis label text | String | no | all | yes
+| hideYAxisText | To hide Y axis label text | boolean | no | all | yes  
+| formatYLabel | a callback function that takes the label generated by the library and modifies it. | (label: string) => string | no | all | yes
+| yAxisSide | Tells which side of the chart, should the y axis be present, defaults to 'left' | String | no | all | yes
+| rulesLength | Length of the horizontal rules | number | no | all | yes
+| rulesColor | Color of the horizontal rules | ColorValue | no | all | yes
+| rulesThickness | Thickness of the horizontal rules | number | no | all | yes
+| hideRules | To hide the horizontal rules | boolean | no | all | yes
+| rulesType | solid or dotted/dashed | RuleType | no | all | yes
+| dashWidth | width of each dash | number | no | all | yes
+| dashGap | gap between 2 dashes | number | no | all | yes
+| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no | all | yes
+| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine1Position | position of reference line | number | no | all | yes
+| showReferenceLine2 | show second reference line | boolean | no | all | yes
+| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine2Position | position of second reference line | number | no | all | yes
+| showReferenceLine3 | show third reference line | boolean | no | all | yes
+| referenceLine3Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine3Position | position of third reference line | number | no | all | yes
+| referenceLinesOverChartContent | used to render the reference lines over the rest of the chart content. | boolean | no | all | yes
+| showVerticalLines | To show vertical lines | boolean | no | all | yes
+| verticalLinesColor | Color of the vertical lines | ColorValue | no | all | yes
+| verticallinesThickness | Thickness of the vertical lines | number | no | all | yes
+| verticalLinesHeight | Height of the vertical lines | number | no | all | yes
+| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line | Array<number> | no | all | yes
+| verticalLinesShift | vertical lines are aligned with bars. Shift them left or right using +ve or -ve value of verticalLinesShift | number | no | all | yes
+| verticalLinesZIndex | Z index of the vertical lines | number | no | all | yes
+| noOfVerticalLines | Number of vertical lines displayed | number | no | all | yes
+| verticalLinesSpacing | Distance between consecutive vertical lines | number | no | all | yes
+| showXAxisIndices | To show the pointers on the X axis | boolean | no | all | yes
+| xAxisIndicesHeight | Height of the pointers on the X axis | number | no | all | yes
+| xAxisIndicesWidth | Width of the pointers on the X axis | number | no | all | yes
+| xAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no | all | yes
+| showYAxisIndices | To show the pointers on the Y axis | boolean | no | all | yes
+| yAxisIndicesHeight | Height of the pointers on the Y axis | number | no | all | yes
+| yAxisIndicesWidth | Width of the pointers on the Y axis | number | no | all | yes
+| yAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no | all | yes
+| yAxisLabelTexts | Array of label texts to be displayed along y axis | Array<string> | no | all | yes
+| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string> | no | all | yes
+| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no | all | yes
+| rotateLabel | To rotate the X axis labels (by 60deg) | boolean | no | all | yes
+| hideAxesAndRules | To hide axes, rules, labels altogether | boolean | no | all | yes
+| hideOrigin | To hide the y Axis label at origin (i.e. 0) | boolean | no | all | yes
+| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number | no | all | yes
+| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis | number | no | all | yes
+| xAxisTextNumberOfLines | Number of lines for x axis label text | number | no | all | yes
+| xAxisLabelsHeight | Height of X axis labels container | number | no | all | yes
+| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no | all | yes
+| labelsExtraHeight | used to display large rotated labels on X-axis (use this only when using the **rotateLabel** prop) | number | no | all | yes
+| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no | all | yes
+| secondaryData | the secondary data that will be rendered along the secondary Y axis | Array of items | no | all | yes
 
 **Bar related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| barWidth | Width of the bar | number    | no  | all | yes
-| barStyle | style object for the Bars | object    | no  | all | yes
-| isThreeD | Prop to render 3 dimensional bars | boolean   | no  | all | yes
-| frontColor | Color of the bar | ColorValue   | no  | all | yes
-| sideColor | Color of the side view of the bar, only for 3 D | ColorValue    | no  | all | yes
-| topColor | Color of the top view of the bar, only for 3 D | ColorValue   | no  | all | yes
-| sideWidth | Width of the side view of the bar, only for 3 D  | number   | no  | all | yes
-| showGradient | Prop to enable linear gradient for the bar color | boolean    | no  | all | yes
-| gradientColor | Along with frontColor, gradientColor constitutes the 2 colors for gradient | ColorValue    | no  | all | yes
-| roundedTop | To show rounded top | boolean     | no  | all | yes
-| roundedBottom | To show rounded bottom  | boolean   | no  | all | yes
-| activeOpacity  | activeOpacity on pressing the bar | number    | no  | all | yes
-| disablePress | Prop to disable the bar press action | boolean    | no  | all | yes
-| barBorderWidth | Border width of the bar | number    | no  | all | yes
-| barBorderColor | Border color of the bar  | ColorValue | no  | all | yes
-| barBorderRadius | Border radius of the bar | number | no  | all | yes
-| barBorderTopLeftRadius | Top left border radius of the bar | number | no  | all | yes
-| barBorderTopRightRadius | Top right border radius of the bar   | number | no  | all | yes
-| barBorderBottomLeftRadius | Bottom left border radius of the bar | number | no  | all | yes
-| barBorderBottomRightRadius | Bottom right border radius of the bar | number | no  | all | yes
-| barMarginBottom | margin at the bottom of the bar (above X axis)  | number | no  | all | yes
-| barBackgroundPattern | A svg component containing the background pattern for bars | Component  | no  | all | yes
-| patternId  | ID of the pattern component | String  | no  | all | yes
-| minHeight | Minimum height of the Bars | number  | no  | all | yes
+| barWidth | Width of the bar | number | no | all | yes
+| barStyle | style object for the Bars | object | no | all | yes
+| isThreeD | Prop to render 3 dimensional bars | boolean | no | all | yes
+| frontColor | Color of the bar | ColorValue | no | all | yes
+| sideColor | Color of the side view of the bar, only for 3 D | ColorValue | no | all | yes
+| topColor | Color of the top view of the bar, only for 3 D | ColorValue | no | all | yes
+| sideWidth | Width of the side view of the bar, only for 3 D | number | no | all | yes
+| showGradient | Prop to enable linear gradient for the bar color | boolean | no | all | yes
+| gradientColor | Along with frontColor, gradientColor constitutes the 2 colors for gradient | ColorValue | no | all | yes
+| roundedTop | To show rounded top | boolean | no | all | yes
+| roundedBottom | To show rounded bottom | boolean | no | all | yes
+| activeOpacity | activeOpacity on pressing the bar | number | no | all | yes
+| disablePress | Prop to disable the bar press action | boolean | no | all | yes
+| barBorderWidth | Border width of the bar | number | no | all | yes
+| barBorderColor | Border color of the bar | ColorValue | no | all | yes
+| barBorderRadius | Border radius of the bar | number | no | all | yes
+| barBorderTopLeftRadius | Top left border radius of the bar | number | no | all | yes
+| barBorderTopRightRadius | Top right border radius of the bar | number | no | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of the bar | number | no | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of the bar | number | no | all | yes
+| barMarginBottom | margin at the bottom of the bar (above X axis) | number | no | all | yes
+| barBackgroundPattern | A svg component containing the background pattern for bars | Component | no | all | yes
+| patternId | ID of the pattern component | String | no | all | yes
+| minHeight | Minimum height of the Bars | number | no | all | yes
 
 **Animation related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| isAnimated | To show animates BarChart. Animation occurs onLoad and on value change | boolean   | no  | all | yes
-| animationDuration | Duration of the animations | number  | no  | all | yes
-| animationEasing   | Easing applied to the animation  | Easing  | no  | all | yes
+| isAnimated | To show animates BarChart. Animation occurs onLoad and on value change | boolean | no | all | yes
+| animationDuration | Duration of the animations | number | no | all | yes
+| animationEasing | Easing applied to the animation | Easing | no | all | yes
 
 **Pagination related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| onEndReached | Callback function called when the chart is scrolled upto end  | Function   | no  | all | yes
-| onStartReached | Callback function called when the chart is scrolled upto start   | Function   | no  | all | yes
+| onEndReached | Callback function called when the chart is scrolled upto end | Function | no | all | yes
+| onStartReached | Callback function called when the chart is scrolled upto start | Function | no | all | yes
 
 **Bar related props for making Capped Bar chart**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| cappedBars | To show caps on the top of bars   | boolean  | no  | all | yes
-| capThickness | Thickness of the bar caps  | number   | no  | all | yes
-| capColor | Color of the bar caps     | ColorValue   | no  | all | yes
-| capRadius | Border radius of the bar caps   | number  | no  | all | yes
+| cappedBars | To show caps on the top of bars | boolean | no | all | yes
+| capThickness | Thickness of the bar caps | number | no | all | yes
+| capColor | Color of the bar caps | ColorValue | no | all | yes
+| capRadius | Border radius of the bar caps | number | no | all | yes
 
 **pointerConfig**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| height | Height of the pointer |  number  | no  | all | yes
-| width  | width of the pointer |  number  | no  | all | yes
-| radius  | radius of the pointer   |  number  | no  | all | yes
-| pointerColor  |  pointer color   |  ColorValue  | no  | all | yes
-| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values.  |  ColorValue[]  | no  | all | yes
-| secondaryPointerColor | Secondary pointer color  |  ColorValue  | no  | all | yes
-| pointerComponent | is a function that returns the component to be rendered as a pointer  |  Function  | no  | all | yes
-| showPointerStrip | show pointer bar |  boolean  | no  | all | yes
-| pointerStripWidth  | width of the pointer bar |  number  | no  | all | yes
-| pointerStripHeight  | height of the pointer bar  |  number  | no  | all | yes
-| pointerStripColor  | color of the pointer bar   |  ColorValue  | no  | all | yes
-| pointerStripUptoDataPoint | Pointer stripped to data point  |  boolean  | no  | all | yes
-| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 |  Function  | no  | all | yes
-| stripOverPointer | strip to over pointer  |  boolean  | no  | all | yes
-| autoAdjustPointerLabelPosition | Adjust the position of the pointer  |  boolean  | no  | all | yes
-| shiftPointerLabelX | x-axis displacement pointer label  |  number  | no  | all | yes
-| shiftPointerLabelY | y-axis displacement pointer label  |  number  | no  | all | yes
-| pointerLabelWidth  | pointer label width |  number  | no  | all | yes
-| pointerLabelHeight | pointer label height |  number  | no  | all | yes
-| pointerVanishDelay | Pointer disappearance delay |  number  | no  | all | yes
-| activatePointersOnLongPress |Long press to activate pointer  |  boolean  | no  | all | yes
-| activatePointersDelay | activation pointer delay |  number  | no  | all | yes
-| persistPointer | persistent pointer |  boolean  | no  | all | yes
-| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer |  number[]  | no  | all | yes
-| barTouchable  | touchable bar |  boolean  | no  | all | yes
-| pointerEvents | pointer event in Bars |  PointerEvents  | no  | all | yes
-| stripBehindBars | hide the strip in Bars |  boolean  | no  | all | yes
+| height | Height of the pointer | number | no | all | yes
+| width | width of the pointer | number | no | all | yes
+| radius | radius of the pointer | number | no | all | yes
+| pointerColor | pointer color | ColorValue | no | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values. | ColorValue[] | no | all | yes
+| secondaryPointerColor | Secondary pointer color | ColorValue | no | all | yes
+| pointerComponent | is a function that returns the component to be rendered as a pointer | Function | no | all | yes
+| showPointerStrip | show pointer bar | boolean | no | all | yes
+| pointerStripWidth | width of the pointer bar | number | no | all | yes
+| pointerStripHeight | height of the pointer bar | number | no | all | yes
+| pointerStripColor | color of the pointer bar | ColorValue | no | all | yes
+| pointerStripUptoDataPoint | Pointer stripped to data point | boolean | no | all | yes
+| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 | Function | no | all | yes
+| stripOverPointer | strip to over pointer | boolean | no | all | yes
+| autoAdjustPointerLabelPosition | Adjust the position of the pointer | boolean | no | all | yes
+| shiftPointerLabelX | x-axis displacement pointer label | number | no | all | yes
+| shiftPointerLabelY | y-axis displacement pointer label | number | no | all | yes
+| pointerLabelWidth | pointer label width | number | no | all | yes
+| pointerLabelHeight | pointer label height | number | no | all | yes
+| pointerVanishDelay | Pointer disappearance delay | number | no | all | yes
+| activatePointersOnLongPress |Long press to activate pointer | boolean | no | all | yes
+| activatePointersDelay | activation pointer delay | number | no | all | yes
+| persistPointer | persistent pointer | boolean | no | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer | number[] | no | all | yes
+| barTouchable | touchable bar | boolean | no | all | yes
+| pointerEvents | pointer event in Bars | PointerEvents | no | all | yes
+| stripBehindBars | hide the strip in Bars | boolean | no | all | yes
 
 **Props for horizontal BarChart**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| horizontal | Render horizontal        | boolean   | no  | all | yes
-| rtl | Render the chart from right to left | boolean   | no  | all | yes
-| shiftX  | Shift the chart towards left or right by given value (only in horizontal charts) | number  | no  | all | yes
-| shiftY  | Shift the chart upwards or downwards by given value (only in horizontal charts)  | number  | no  | all | yes
-| rotateYAxisTexts | angle by which the Y axis label texts should rotate in horizontal charts | number   | no  | all | yes
-| yAxisAtTop | In horizontal BarCharts the Y axis appears at bottom by default. Set it to true for otherwise | boolean  | no  | all | yes
-| intactTopLabel | To rotate the top label component to make it intact with the Bars    | boolean   | no  | all | yes
+| horizontal | Render horizontal | boolean | no | all | yes
+| rtl | Render the chart from right to left | boolean | no | all | yes
+| shiftX | Shift the chart towards left or right by given value (only in horizontal charts) | number | no | all | yes
+| shiftY | Shift the chart upwards or downwards by given value (only in horizontal charts) | number | no | all | yes
+| rotateYAxisTexts | angle by which the Y axis label texts should rotate in horizontal charts | number | no | all | yes
+| yAxisAtTop | In horizontal BarCharts the Y axis appears at bottom by default. Set it to true for otherwise | boolean | no | all | yes
+| intactTopLabel | To rotate the top label component to make it intact with the Bars | boolean | no | all | yes
 
 **Props for Stacked Bar Charts**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| stackData   | A stack array represents a stack of bars in the bar chart. It is described in the next table  | Array of stack arrays | no  | all | yes
-| barBorderRadius | Border radius of each bar of the stack  | number| no  | all | yes
-| barBorderTopLeftRadius | Top left border radius of each bar of the stack | number| no  | all | yes
-| barBorderTopRightRadius | Top right border radius of each bar of the stack | number | no  | all | yes
-| barBorderBottomLeftRadius | Bottom left border radius of each bar of the stack | number | no  | all | yes
-| barBorderBottomRightRadius | Bottom right border radius of each bar of the stack | number | no  | all | yes
-| stackBorderRadius | Border radius of the top and bottom bars of the stack  | number | no  | all | yes
-| stackBorderTopLeftRadius | Top left border radius of the top bar of the stack | number| no  | all | yes
-| stackBorderTopRightRadius | Top right border radius of the top bar of the stack  | number | no  | all | yes
-| stackBorderBottomLeftRadius  | Bottom left border radius of the bottom bar of the stack      | number  | no  | all | yes
-| stackBorderBottomRightRadius  | Bottom right border radius of the bottom bar of the stack     | number | no  | all | yes
-| autoShiftLabelsForNegativeStacks | Whether the x axis labels should auto shift to a position below the bar, if the bar is under x-axis due to negative value | boolean| no  | all | yes
+| stackData | A stack array represents a stack of bars in the bar chart. It is described in the next table | Array of stack arrays | no | all | yes
+| barBorderRadius | Border radius of each bar of the stack | number| no | all | yes
+| barBorderTopLeftRadius | Top left border radius of each bar of the stack | number| no | all | yes
+| barBorderTopRightRadius | Top right border radius of each bar of the stack | number | no | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of each bar of the stack | number | no | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of each bar of the stack | number | no | all | yes
+| stackBorderRadius | Border radius of the top and bottom bars of the stack | number | no | all | yes
+| stackBorderTopLeftRadius | Top left border radius of the top bar of the stack | number| no | all | yes
+| stackBorderTopRightRadius | Top right border radius of the top bar of the stack | number | no | all | yes
+| stackBorderBottomLeftRadius | Bottom left border radius of the bottom bar of the stack | number | no | all | yes
+| stackBorderBottomRightRadius | Bottom right border radius of the bottom bar of the stack | number | no | all | yes
+| autoShiftLabelsForNegativeStacks | Whether the x axis labels should auto shift to a position below the bar, if the bar is under x-axis due to negative value | boolean| no | all | yes
 
 **Stack Array description**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| stacks array | A stack is made of 1 or more objects of the type described in the next table |  Array of stack items| no  | all | yes                                      
-| label | Label text appearing below the stack (under the X axis) | string | no  | all | yes
-| labelTextStyle  | Style object for the label text appearing below the stack | object| no  | all | yes
-| barWidth     | Width of the stack bar | number| no  | all | yes
-| spacing | Distance between 2 consecutive bars in the stack Bar chart | number| no  | all | yes
-| borderRadius | Border radius of each bar of the stack | number| no  | all | yes
-| borderTopLeftRadius | Top left border radius of the top bar of the stack     | number| no  | all | yes
-| borderTopRightRadius | Top right border radius of the top bar of the stack   | number| no  | all | yes
-| borderBottomLeftRadius  | Bottom left border radius of the bottom bar of the stack  | number| no  | all | yes
-| borderBottomRightRadius | Bottom right border radius of the bottom bar of the stack | number| no  | all | yes
+| stacks array | A stack is made of 1 or more objects of the type described in the next table | Array of stack items| no | all | yes  
+| label | Label text appearing below the stack (under the X axis) | string | no | all | yes
+| labelTextStyle | Style object for the label text appearing below the stack | object| no | all | yes
+| barWidth | Width of the stack bar | number| no | all | yes
+| spacing | Distance between 2 consecutive bars in the stack Bar chart | number| no | all | yes
+| borderRadius | Border radius of each bar of the stack | number| no | all | yes
+| borderTopLeftRadius | Top left border radius of the top bar of the stack | number| no | all | yes
+| borderTopRightRadius | Top right border radius of the top bar of the stack | number| no | all | yes
+| borderBottomLeftRadius | Bottom left border radius of the bottom bar of the stack | number| no | all | yes
+| borderBottomRightRadius | Bottom right border radius of the bottom bar of the stack | number| no | all | yes
 
 **Stack item description**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| value   | Value of the item representing height of the stack item | number | no  | all | yes
-| color | Color of the stack item | ColorValue | no  | all | yes
-| onPress |  Function called on pressing the stack item | function | no  | all | yes
-| onLongPress    | Function called on long pressing the stack item | function | no  | all | yes
-| onPressOut   | Callback function called on press out of a bar | Function  | no  | all | yes
-| marginBottom | margin below a particular stack sectio | number     n   | no  | all | yes
-| barBorderRadius   | Border radius of a stack section  | number  | no  | all | yes
-| borderTopLeftRadius   | borderTopLeftRadius for a stack section  | number | no  | all | yes
-| borderTopRightRadius  | borderTopRightRadius for a stack section    | number | no  | all | yes
-| borderBottomLeftRadius | borderBottomLeftRadius for a stack section  | number   | no  | all | yes
-| borderBottomRightRadius | borderBottomRightRadius for a stack section | number  | no  | all | yes
-| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean | no  | all | yes
-| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient| ColorValue | no  | all | yes
-| barWidth | Width of the bar | number | no  | all | yes
-| showXAxisIndex | show small graduation at the X axis for the corresponding stack  | boolean  | no  | all | yes
+| value | Value of the item representing height of the stack item | number | no | all | yes
+| color | Color of the stack item | ColorValue | no | all | yes
+| onPress | Function called on pressing the stack item | function | no | all | yes
+| onLongPress | Function called on long pressing the stack item | function | no | all | yes
+| onPressOut | Callback function called on press out of a bar | Function | no | all | yes
+| marginBottom | margin below a particular stack sectio | number n | no | all | yes
+| barBorderRadius | Border radius of a stack section | number | no | all | yes
+| borderTopLeftRadius | borderTopLeftRadius for a stack section | number | no | all | yes
+| borderTopRightRadius | borderTopRightRadius for a stack section | number | no | all | yes
+| borderBottomLeftRadius | borderBottomLeftRadius for a stack section | number | no | all | yes
+| borderBottomRightRadius | borderBottomRightRadius for a stack section | number | no | all | yes
+| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean | no | all | yes
+| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient| ColorValue | no | all | yes
+| barWidth | Width of the bar | number | no | all | yes
+| showXAxisIndex | show small graduation at the X axis for the corresponding stack | boolean | no | all | yes
 
 ### LineChart and AreaChart
 
 **Basic props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data | An item object represents a point in the line chart. It is described in the next table.   | Array <lineDataItem>  | no  | all | yes
-| data2 | Second set of dataPoint for the second line | Array <lineDataItem> | no  | all | yes
-| data3 | Third set of dataPoint for the third line | Array <lineDataItem>| no  | all | yes
-| data4 | Fourth set of dataPoint for the fourth line | Array <lineDataItem> | no  | all | yes
-| data5 | Fifth set of dataPoint for the third line| Array <lineDataItem> | no  | all | yes
-| dataSet | Array of data sets (used instead of using `data2`, `data3`, `data4` etc)  | Array<DataSet>| no  | all | yes
-| width | Width of the Bar chart  | number  | no  | all | yes
-| height| Height of the Bar chart (excluding the bottom label)   | number  | no  | all | yes
-| overflowTop | Extra space at the top of the chart to make room for dataPointText | number  | no  | all | yes
-| overflowBottom | Extra space at the bottom of the chart to make room for dataPoints or dataPointText | number | no  | all | yes
-| maxValue | Maximum value shown in the Y axis | number  | no  | all | yes
-| mostNegativeValue | The most negative value shown in the Y axis (to be used only if the data set has negative values too)  | number  | no  | all | yes
-| noOfSections | Number of sections in the Y axis | number  | no  | all | yes
-| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)| number | no  | all | yes
-| stepValue | Value of 1 step/section in the Y axis  | number  | no  | all | yes
-| stepHeight | Height of 1 step/section in the Y axis| number | no  | all | yes
-| negativeStepValue | Value of 1 step/section in the Y axis for negative values (in the 4th quadrant)| number | no  | all | yes
-| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number  | no  | all | yes
-| spacing | Distance between 2 consecutive bars in the Bar chart | number  | no  | all | yes
-| adjustToWidth | When set to true, it auto computes the spacing value to fit the Line chart in the available width | boolean  | no  | all | yes
-| backgroundColor | Background color of the Bar chart | ColorValue | no  | all | yes
-| sectionColors | Background color of the horizontal sections of the chart | ColorValue | no  | all | yes
-| scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any    | no  | all | yes
-| scrollToIndex | scroll to a particular index on chart load  | number  | no  | all | yes
-| disableScroll  | To disable horizontal scroll | boolean | no  | all | yes
-| showScrollIndicator | To show horizontal scroll indicator | boolean  | no  | all | yes
-| indicatorColor | (iOS only) The color of the scroll indicators - ('black', 'white' or 'default')  | String  | no  | all | yes
-| isAnimated | To show animated Line or Area Chart. Animation occurs when the chart load for the first time | boolean  | no  | all | yes
-| animateOnDataChange  | To show animation on change in data. A smooth transition takes place between the iold and new line | boolean  | no  | all | yes
-| onDataChangeAnimationDuration | Duration (milliseconds) in which the transition animation takes place on a change in data | number   | no  | all | yes
-| onPress | The callback function that handles the press event. `item` and `index` are received as props | Function          | no  | all | yes
-| scrollToEnd  | When set to true, the chart automatically scrolls to the rightmost data point  | boolean | no  | all | yes
-| scrollAnimation | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost data point | boolean | no  | all | yes
-| scrollEventThrottle | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios | number  | no  | iOS | yes
-| onScroll | callback function called when the chart is scrolled horizontally| Function | no  | all | yes
-| onMomentumScrollEnd | callback function called when scroll is completed   | Function| no  | all | yes
-| initialSpacing | distance of the first data point from the Y axis| number | no  | all | yes
-| endSpacing | distance/padding left at the end of the line chart | number  | no  | all | yes
+| data | An item object represents a point in the line chart. It is described in the next table. | Array <lineDataItem> | no | all | yes
+| data2 | Second set of dataPoint for the second line | Array <lineDataItem> | no | all | yes
+| data3 | Third set of dataPoint for the third line | Array <lineDataItem>| no | all | yes
+| data4 | Fourth set of dataPoint for the fourth line | Array <lineDataItem> | no | all | yes
+| data5 | Fifth set of dataPoint for the third line| Array <lineDataItem> | no | all | yes
+| dataSet | Array of data sets (used instead of using `data2`, `data3`, `data4` etc) | Array<DataSet>| no | all | yes
+| width | Width of the Bar chart | number | no | all | yes
+| height| Height of the Bar chart (excluding the bottom label) | number | no | all | yes
+| overflowTop | Extra space at the top of the chart to make room for dataPointText | number | no | all | yes
+| overflowBottom | Extra space at the bottom of the chart to make room for dataPoints or dataPointText | number | no | all | yes
+| maxValue | Maximum value shown in the Y axis | number | no | all | yes
+| mostNegativeValue | The most negative value shown in the Y axis (to be used only if the data set has negative values too) | number | no | all | yes
+| noOfSections | Number of sections in the Y axis | number | no | all | yes
+| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)| number | no | all | yes
+| stepValue | Value of 1 step/section in the Y axis | number | no | all | yes
+| stepHeight | Height of 1 step/section in the Y axis| number | no | all | yes
+| negativeStepValue | Value of 1 step/section in the Y axis for negative values (in the 4th quadrant)| number | no | all | yes
+| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no | all | yes
+| spacing | Distance between 2 consecutive bars in the Bar chart | number | no | all | yes
+| adjustToWidth | When set to true, it auto computes the spacing value to fit the Line chart in the available width | boolean | no | all | yes
+| backgroundColor | Background color of the Bar chart | ColorValue | no | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | ColorValue | no | all | yes
+| scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any | no | all | yes
+| scrollToIndex | scroll to a particular index on chart load | number | no | all | yes
+| disableScroll | To disable horizontal scroll | boolean | no | all | yes
+| showScrollIndicator | To show horizontal scroll indicator | boolean | no | all | yes
+| indicatorColor | (iOS only) The color of the scroll indicators - ('black', 'white' or 'default') | String | no | all | yes
+| isAnimated | To show animated Line or Area Chart. Animation occurs when the chart load for the first time | boolean | no | all | yes
+| animateOnDataChange | To show animation on change in data. A smooth transition takes place between the iold and new line | boolean | no | all | yes
+| onDataChangeAnimationDuration | Duration (milliseconds) in which the transition animation takes place on a change in data | number | no | all | yes
+| onPress | The callback function that handles the press event. `item` and `index` are received as props | Function | no | all | yes
+| scrollToEnd | When set to true, the chart automatically scrolls to the rightmost data point | boolean | no | all | yes
+| scrollAnimation | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost data point | boolean | no | all | yes
+| scrollEventThrottle | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios | number | no | iOS | yes
+| onScroll | callback function called when the chart is scrolled horizontally| Function | no | all | yes
+| onMomentumScrollEnd | callback function called when scroll is completed | Function| no | all | yes
+| initialSpacing | distance of the first data point from the Y axis| number | no | all | yes
+| endSpacing | distance/padding left at the end of the line chart | number | no | all | yes
 
 **Item description (lineDataItem)**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| value| Value of the item representing representing its position | number | no  | all | yes
-| onPress | Function called on pressing the data point | function | no  | all | yes
-| label | Label text appearing under the X axis | string   | no  | all | yes
-| labelTextStyle | Style object for the label text appearing under the X axis | object | no  | all | yes
-| labelComponent | custom label component appearing under the X axis | Function | no  | all | yes
-| yAxisLabelText | Y axis label text | string  | no  | all | yes
-| dataPointText  | Text appearing near the data points | string | no  | all | yes
-| textShiftX | To shift the dataPointText text horizontally  | number | no  | all | yes
-| textShiftY | To shift the dataPointText text vertically    | number | no  | all | yes
-| textColor | Color of the dataPointText | ColorValue| no  | all | yes
-| textFontSize  | Font size of the dataPointText   | number | no  | all | yes
-| dataPointHeight | Height of the data point (when data point's shape is rectangular)  | number | no  | all | yes
-| dataPointWidth | Width of the data point (when data point's shape is rectangular)  | number | no  | all | yes
-| dataPointRadius | Radius of the data point (when data points' shape is circular) | number| no  | all | yes
-| dataPointColor  | Color of the data point  | ColorValue  | no  | all | yes
-| dataPointShape | Shape of the data point (rectangular or circular) defaults to circular  | string  | no  | all | yes
-| hideDataPoint | To hide the data point   | boolean  | no  | all | yes
-| showVerticalLine | When set to true, a vertical line will be displayed along that data point | boolean   | no  | all | yes
-| verticalLineUptoDataPoint | When set to true, it sets the height of the vertical line upto the corresponding data point | boolean | no  | all | yes
-| verticalLineColor | Color of the vertical Line displayed along the data point | ColorValue | no  | all | yes 
-| verticalLineThickness | Thickness of the vertical Line displayed along the data point | number| no  | all | yes 
-| dataPointLabelWidth | width of the label shown beside a data point  | number  | no  | all | yes
-| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point  | number | no  | all | yes 
-| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no  | all | yes 
-| dataPointLabelComponent | custom component rendered above a data point| Function | no  | all | yes
-| focusedDataPointLabelComponent | custom component rendered above a data point only when focused/selected (when the user presses) | Function  | no  | all | yes 
-| showStrip | To show a vertical strip along the data point (even if it's not focused/selected) | boolean  | no  | all | yes 
-| stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true  | number| no  | all | yes 
-| stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true  | number| no  | all | yes 
-| stripColor | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | ColorValue| no  | all | yes 
-| stripOpacity | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no  | all | yes 
-| pointerShiftX  | Shifts the pointer for that item horizontally by given quantity (used only when pointerConfig prop is passed) | number| no  | all | yes 
-| pointerShiftY | Shifts the pointer for that item vertically by given quantity (used only when pointerConfig prop is passed)  | number | no  | all | yes 
+| value| Value of the item representing representing its position | number | no | all | yes
+| onPress | Function called on pressing the data point | function | no | all | yes
+| label | Label text appearing under the X axis | string | no | all | yes
+| labelTextStyle | Style object for the label text appearing under the X axis | object | no | all | yes
+| labelComponent | custom label component appearing under the X axis | Function | no | all | yes
+| yAxisLabelText | Y axis label text | string | no | all | yes
+| dataPointText | Text appearing near the data points | string | no | all | yes
+| textShiftX | To shift the dataPointText text horizontally | number | no | all | yes
+| textShiftY | To shift the dataPointText text vertically | number | no | all | yes
+| textColor | Color of the dataPointText | ColorValue| no | all | yes
+| textFontSize | Font size of the dataPointText | number | no | all | yes
+| dataPointHeight | Height of the data point (when data point's shape is rectangular) | number | no | all | yes
+| dataPointWidth | Width of the data point (when data point's shape is rectangular) | number | no | all | yes
+| dataPointRadius | Radius of the data point (when data points' shape is circular) | number| no | all | yes
+| dataPointColor | Color of the data point | ColorValue | no | all | yes
+| dataPointShape | Shape of the data point (rectangular or circular) defaults to circular | string | no | all | yes
+| hideDataPoint | To hide the data point | boolean | no | all | yes
+| showVerticalLine | When set to true, a vertical line will be displayed along that data point | boolean | no | all | yes
+| verticalLineUptoDataPoint | When set to true, it sets the height of the vertical line upto the corresponding data point | boolean | no | all | yes
+| verticalLineColor | Color of the vertical Line displayed along the data point | ColorValue | no | all | yes
+| verticalLineThickness | Thickness of the vertical Line displayed along the data point | number| no | all | yes
+| dataPointLabelWidth | width of the label shown beside a data point | number | no | all | yes
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point | number | no | all | yes
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no | all | yes
+| dataPointLabelComponent | custom component rendered above a data point| Function | no | all | yes
+| focusedDataPointLabelComponent | custom component rendered above a data point only when focused/selected (when the user presses) | Function | no | all | yes
+| showStrip | To show a vertical strip along the data point (even if it's not focused/selected) | boolean | no | all | yes
+| stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no | all | yes
+| stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no | all | yes
+| stripColor | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | ColorValue| no | all | yes
+| stripOpacity | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no | all | yes
+| pointerShiftX | Shifts the pointer for that item horizontally by given quantity (used only when pointerConfig prop is passed) | number| no | all | yes
+| pointerShiftY | Shifts the pointer for that item vertically by given quantity (used only when pointerConfig prop is passed) | number | no | all | yes
 
 **Pagination related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| onEndReached     | Callback function called when the chart is scrolled upto end | Function | no  | all | yes 
-| onStartReached   | Callback function called when the chart is scrolled upto start | Function | no  | all | yes 
+| onEndReached | Callback function called when the chart is scrolled upto end | Function | no | all | yes
+| onStartReached | Callback function called when the chart is scrolled upto start | Function | no | all | yes
 
 **Axes and rules related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| xAxisLength | X axis length   | number | no  | all | yes
-| xAxisColor| X axis color | ColorValue  | no  | all | yes
-| xAxisThickness | X axis thickness  | number | no  | all | yes
-| xAxisType  | solid or dotted/dashed  | RuleType | no  | all | yes
-| yAxisColor | Y axis color  | ColorValue | no  | all | yes
-| yAxisThickness | Y axis thickness  | number  | no  | all | yes
-| yAxisLabelWidth | Width of the Y axis Label container | number   | no  | all | ye
-| yAxisTextStyle | Style object for the Y axis text style | object   | no  | all | yes
-| yAxisTextNumberOfLines | Number of lines for y axis label text | number  | no  | all | yes
-| yAxisLabelContainerStyle | Style object for the Y axis label container  | object | no  | all | yes
-| trimYAxisAtTop | Removes the extra length of the Y axis from the top  | boolean | no  | all | yes
-| yAxisExtraHeight | Extra length of Y axis at the top  | number | no  | all | yes 
-| yAxisOffset | Starting value on Y Axis | number | no  | all | yes 
-| horizontalRulesStyle | Style object for the horizontal rules container | object  | no  | all | yes
-| showFractionalValues | Allow fractional values for the Y axis label | boolean  | no  | all | yes 
-| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number | no  | all | yes 
-| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$')  | String| no  | all | yes 
-| yAxisLabelSuffix   |The String appended to the y axis label text | String| no  | all | yes 
-| hideYAxisText | To hide Y axis label text  | boolean | no  | all | yes
-| formatYLabel | a callback function that takes the label generated by the library and modifies it.  | (label: string) => string | no  | all | yes 
-| yAxisSide  | Tells which side of the chart, should the y axis be present, defaults to 'left'  | String | no  | all | yes 
-| rulesLength | Length of the horizontal    | number | no  | all | yes
-| rulesColor | Color of the horizontal rules | ColorValue  | no  | all | yes    |
-| rulesThickness | Thickness of the horizontal | number | no  | all | yes 
-| hideRules  | To hide the horizontal | boolean  | no  | all | yes
-| rulesType | solid or dotted/dashed | RuleType | no  | all | yes
-| dashWidth | width of each dash | number | no  | all | yes 
-| dashGap  | gap between 2     | number | no  | all | yes
-| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules   | Array<RulesConfig> | no  | all | yes 
-| showReferenceLine1   | show reference line       | boolean   | no  | all | yes
-| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no  | all | yes 
-| referenceLine1Position  | position of reference     | number | no  | all | yes
-| showReferenceLine2  | show second reference         | boolean  | no  | all | yes
-| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType| no  | all | yes 
-| referenceLine2Position | position of second reference  | number | no  | all | yes
-| showReferenceLine3  | show third reference  | boolean   | no  | all | yes 
-| referenceLine3Config  | properties of reference line like thickness, color etc (described below the table)  | referenceConfigType | no  | all | yes 
-| referenceLine3Position | position of third reference line  | number| no  | all | yes
-| showVerticalLines | To show vertical lines | boolean  | no  | all | yes
-| verticalLinesUptoDataPoint | To set the height of the vertical lines upto the corresponding data point| boolean | no  | all | yes 
-| verticallinesThickness | Thickness of the vertical lines | number  | no  | all | yes
-| verticalLinesHeight  | Height of the vertical lines  | number   | no  | all | yes 
-| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line | Array<number>| no  | all   |yes
-| verticalLinesShift  | vertical lines are aligned with data point. Shift them left or right using +ve or -ve value of verticalLinesShift| number| no  | all   |yes 
-| verticalLinesZIndex | Z index of the vertical lines | number   | no  | all | yes
-| noOfVerticalLines  | Number of vertical lines displayed  | number      | no  | all | yes 
-| verticalLinesSpacing | Distance between consecutive vertical lines | number    | no  | all | yes
-| showXAxisIndices | To show the pointers on the X axis| boolean | no  | all | yes
-| xAxisIndicesHeight | Height of the pointers on the X axis | number  | no  | all | yes 
-| xAxisIndicesWidth | Width of the pointers on the X axis  | number  | no  | all | yes
-| xAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no  | all | yes
-| showYAxisIndices | To show the pointers on the Y axis | boolean | no  | all | yes
-| yAxisIndicesHeight | Height of the pointers on the Y axis | number   | no  | all | yes
-| yAxisIndicesWidth | Width of the pointers on the Y axis | number   | no  | all | yes
-| yAxisIndicesColor | Color of the pointers on the X axis | ColorValue   | no  | all | yes
-| yAxisIndicesColor | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
-| yAxisLabelTexts | Array of label texts to be displayed along y axis  | Array<string>| no  | all   |yes
-| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>| no  | all   |yes
-| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no  | all | yes
-| xAxisTextNumberOfLines | Number of lines for x axis label text | number  | no  | all | yes
-| xAxisLabelsHeight | Height of X axis labels container   | number   | no  | all | yes
-| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no  | all   |yes
-| rotateLabel | To rotate the X axis labels (by 60deg) | boolean  | no  | all | yes
-| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean  | no  | all | ye
-| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no  | all   |yes
-| secondaryData | the secondary data that will be rendered along the secondary Y axis  | Array of items | no  | all   |yes
-| secondaryLineConfig | properties of the secondary data line (secondaryLineConfigType is described below) | secondaryLineConfigType| no  | all   |yes
+| xAxisLength | X axis length | number | no | all | yes
+| xAxisColor| X axis color | ColorValue | no | all | yes
+| xAxisThickness | X axis thickness | number | no | all | yes
+| xAxisType | solid or dotted/dashed | RuleType | no | all | yes
+| yAxisColor | Y axis color | ColorValue | no | all | yes
+| yAxisThickness | Y axis thickness | number | no | all | yes
+| yAxisLabelWidth | Width of the Y axis Label container | number | no | all | ye
+| yAxisTextStyle | Style object for the Y axis text style | object | no | all | yes
+| yAxisTextNumberOfLines | Number of lines for y axis label text | number | no | all | yes
+| yAxisLabelContainerStyle | Style object for the Y axis label container | object | no | all | yes
+| trimYAxisAtTop | Removes the extra length of the Y axis from the top | boolean | no | all | yes
+| yAxisExtraHeight | Extra length of Y axis at the top | number | no | all | yes
+| yAxisOffset | Starting value on Y Axis | number | no | all | yes
+| horizontalRulesStyle | Style object for the horizontal rules container | object | no | all | yes
+| showFractionalValues | Allow fractional values for the Y axis label | boolean | no | all | yes
+| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number | no | all | yes
+| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$') | String| no | all | yes
+| yAxisLabelSuffix |The String appended to the y axis label text | String| no | all | yes
+| hideYAxisText | To hide Y axis label text | boolean | no | all | yes
+| formatYLabel | a callback function that takes the label generated by the library and modifies it. | (label: string) => string | no | all | yes
+| yAxisSide | Tells which side of the chart, should the y axis be present, defaults to 'left' | String | no | all | yes
+| rulesLength | Length of the horizontal | number | no | all | yes
+| rulesColor | Color of the horizontal rules | ColorValue | no | all | yes |
+| rulesThickness | Thickness of the horizontal | number | no | all | yes
+| hideRules | To hide the horizontal | boolean | no | all | yes
+| rulesType | solid or dotted/dashed | RuleType | no | all | yes
+| dashWidth | width of each dash | number | no | all | yes
+| dashGap | gap between 2 | number | no | all | yes
+| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no | all | yes
+| showReferenceLine1 | show reference line | boolean | no | all | yes
+| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine1Position | position of reference | number | no | all | yes
+| showReferenceLine2 | show second reference | boolean | no | all | yes
+| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType| no | all | yes
+| referenceLine2Position | position of second reference | number | no | all | yes
+| showReferenceLine3 | show third reference | boolean | no | all | yes
+| referenceLine3Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine3Position | position of third reference line | number| no | all | yes
+| showVerticalLines | To show vertical lines | boolean | no | all | yes
+| verticalLinesUptoDataPoint | To set the height of the vertical lines upto the corresponding data point| boolean | no | all | yes
+| verticallinesThickness | Thickness of the vertical lines | number | no | all | yes
+| verticalLinesHeight | Height of the vertical lines | number | no | all | yes
+| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line | Array<number>| no | all |yes
+| verticalLinesShift | vertical lines are aligned with data point. Shift them left or right using +ve or -ve value of verticalLinesShift| number| no | all |yes
+| verticalLinesZIndex | Z index of the vertical lines | number | no | all | yes
+| noOfVerticalLines | Number of vertical lines displayed | number | no | all | yes
+| verticalLinesSpacing | Distance between consecutive vertical lines | number | no | all | yes
+| showXAxisIndices | To show the pointers on the X axis| boolean | no | all | yes
+| xAxisIndicesHeight | Height of the pointers on the X axis | number | no | all | yes
+| xAxisIndicesWidth | Width of the pointers on the X axis | number | no | all | yes
+| xAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no | all | yes
+| showYAxisIndices | To show the pointers on the Y axis | boolean | no | all | yes
+| yAxisIndicesHeight | Height of the pointers on the Y axis | number | no | all | yes
+| yAxisIndicesWidth | Width of the pointers on the Y axis | number | no | all | yes
+| yAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no | all | yes
+| yAxisIndicesColor | To hide axes, rules, labels altogether | boolean | no | all | yes
+| yAxisLabelTexts | Array of label texts to be displayed along y axis | Array<string>| no | all |yes
+| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>| no | all |yes
+| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no | all | yes
+| xAxisTextNumberOfLines | Number of lines for x axis label text | number | no | all | yes
+| xAxisLabelsHeight | Height of X axis labels container | number | no | all | yes
+| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no | all |yes
+| rotateLabel | To rotate the X axis labels (by 60deg) | boolean | no | all | yes
+| hideOrigin | To hide the y Axis label at origin (i.e. 0) | boolean | no | all | ye
+| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no | all |yes
+| secondaryData | the secondary data that will be rendered along the secondary Y axis | Array of items | no | all |yes
+| secondaryLineConfig | properties of the secondary data line (secondaryLineConfigType is described below) | secondaryLineConfigType| no | all |yes
 
 **Line related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| curved | To show curved line joining the data points  | boolean| no  | all   |yes
-| color | Color of the lines joining the data points   | ColorValue | no  | all | yes
-| color1| Color of the lines joining the first set of data points  | ColorValue | no  | all | yes
-| color2 | Color of the lines joining the second set of data points  | ColorValue| no  | all | yes
-| color3 | Color of the lines joining the third set of data points  | ColorValue| no  | all | yes
-| color4 | Color of the lines joining the fourth set of data points  | ColorValue| no  | all | yes
-| color5 | Color of the lines joining the fifth set of data points  | ColorValue| no  | all | yes
-| thickness | Thickness of the lines joining the data points  | number| no  | all | yes
-| thickness1 | Thickness of the lines joining the first set of data points | number | no  | all | yes
-| thickness2 | Thickness of the lines joining the second set of data points | number | no  | all | yes
-| thickness3 | Thickness of the lines joining the third set of data points | number     | no  | all | yes
-| thickness4 | Thickness of the lines joining the fourth set of data points | number| no  | all | yes
-| thickness5 | Thickness of the lines joining the fifth set of data points  | number | no  | all | yes
-| zIndex1 | zIndex of the lines joining the first set of data points | number | no  | all | yes
-| zIndex2 | zIndex of the lines joining the second set of data points  | number | no  | all | yes
-| zIndex3 | zIndex of the lines joining the third set of data points| number | no  | all | yes
-| zIndex4  | zIndex of the lines joining the fourth set of data points | number | no  | all | yes
-| zIndex5 | zIndex of the lines joining the fifth set of data points | number | no  | all | yes
-| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
-| strokeDashArray1 | Array of 2 numbers denoting the dashWidth and dashGap of line1. Used to render dashed/dotted line chart| Array<number> | no  | all | yes
-| strokeDashArray2| Array of 2 numbers denoting the dashWidth and dashGap of line2. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
-| strokeDashArray3 | Array of 2 numbers denoting the dashWidth and dashGap of line3. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
-| strokeDashArray4 | Array of 2 numbers denoting the dashWidth and dashGap of line4. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
-| strokeDashArray5 | Array of 2 numbers denoting the dashWidth and dashGap of line5. Used to render dashed/dotted line chart | Array<number> | no  | all | yes
-| lineSegments | Array of objects used to customize segments (parts) of line | Array<LineSegment> | no  | all | yes
-| lineSegments2 | Array of objects used to customize segments (parts) of line2 | Array<LineSegment>      | no  | all | yes
-| lineSegments3 | Array of objects used to customize segments (parts) of line3 | Array<LineSegment> | no  | all | yes
-| lineSegments4 | Array of objects used to customize segments (parts) of line4  | Array<LineSegment> | no  | all | yes
-| lineSegments5 | Array of objects used to customize segments (parts) of line5  | Array<LineSegment> | no  | all | yes
-| highlightedRange | renders the parts of lines lying in a given data range with a different style (color, thickness,type)| HighlightedRange | no  | all | yes
-| startIndex | Start index for data line (used to display data lines having breaks)  | number   | no  | all | yes
-| startIndex1 | Start index for data line 1 (used to display data lines having breaks) | number| no  | all | yes
-| startIndex2 | Start index for data line 2 (used to display data lines having breaks) | number | no  | all | yes
-| startIndex3 | Start index for data line 3 (used to display data lines having breaks) | number | no  | all | yes
-| startIndex4 | Start index for data line 4 (used to display data lines having breaks) | number | no  | all | yes
-| startIndex5 | Start index for data line 5 (used to display data lines having breaks) | number| no  | all | yes
-| endIndex | End index for data line (used to display data lines having breaks) | number| no  | all | yes
-| endIndex1 | End index for data line 1 (used to display data lines having breaks) | number | no  | all | yes
-| endIndex2 | End index for data line 2 (used to display data lines having breaks) | number| no  | all | yes
-| endIndex3 | End index for data line 3 (used to display data lines having breaks)  | number| no  | all | yes
-| endIndex4 | End index for data line 4 (used to display data lines having breaks) | number | no  | all | yes
-| endIndex5 | End index for data line 5 (used to display data lines having breaks)  | number| no  | all | yes
-| lineGradient | this prop is used to render the line with a gradient blend of colors | boolean| no  | all | yes
-| lineGradientComponent  | this prop defines the svg gradient that should be applied to the line (requires lineGradient to be truthy) | Function| no  | all | yes
-| lineGradientId | id of the <LinearGradient> (needed along with lineGradientComponent prop) | string| no  | all | yes
-| lineGradientDirection  | 'vertical'/'horizontal' | string  | no  | all | yes 
-| lineGradientStartColor | Start gradient color for the line (requires lineGradient to be truthy) | string| no  | all | yes
-| lineGradientEndColor | End gradient color for the line (requires lineGradient to be truthy)  | string | no  | all | yes
+| curved | To show curved line joining the data points | boolean| no | all |yes
+| color | Color of the lines joining the data points | ColorValue | no | all | yes
+| color1| Color of the lines joining the first set of data points | ColorValue | no | all | yes
+| color2 | Color of the lines joining the second set of data points | ColorValue| no | all | yes
+| color3 | Color of the lines joining the third set of data points | ColorValue| no | all | yes
+| color4 | Color of the lines joining the fourth set of data points | ColorValue| no | all | yes
+| color5 | Color of the lines joining the fifth set of data points | ColorValue| no | all | yes
+| thickness | Thickness of the lines joining the data points | number| no | all | yes
+| thickness1 | Thickness of the lines joining the first set of data points | number | no | all | yes
+| thickness2 | Thickness of the lines joining the second set of data points | number | no | all | yes
+| thickness3 | Thickness of the lines joining the third set of data points | number | no | all | yes
+| thickness4 | Thickness of the lines joining the fourth set of data points | number| no | all | yes
+| thickness5 | Thickness of the lines joining the fifth set of data points | number | no | all | yes
+| zIndex1 | zIndex of the lines joining the first set of data points | number | no | all | yes
+| zIndex2 | zIndex of the lines joining the second set of data points | number | no | all | yes
+| zIndex3 | zIndex of the lines joining the third set of data points| number | no | all | yes
+| zIndex4 | zIndex of the lines joining the fourth set of data points | number | no | all | yes
+| zIndex5 | zIndex of the lines joining the fifth set of data points | number | no | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted line chart | Array<number>| no | all | yes
+| strokeDashArray1 | Array of 2 numbers denoting the dashWidth and dashGap of line1. Used to render dashed/dotted line chart| Array<number> | no | all | yes
+| strokeDashArray2| Array of 2 numbers denoting the dashWidth and dashGap of line2. Used to render dashed/dotted line chart | Array<number>| no | all | yes
+| strokeDashArray3 | Array of 2 numbers denoting the dashWidth and dashGap of line3. Used to render dashed/dotted line chart | Array<number>| no | all | yes
+| strokeDashArray4 | Array of 2 numbers denoting the dashWidth and dashGap of line4. Used to render dashed/dotted line chart | Array<number>| no | all | yes
+| strokeDashArray5 | Array of 2 numbers denoting the dashWidth and dashGap of line5. Used to render dashed/dotted line chart | Array<number> | no | all | yes
+| lineSegments | Array of objects used to customize segments (parts) of line | Array<LineSegment> | no | all | yes
+| lineSegments2 | Array of objects used to customize segments (parts) of line2 | Array<LineSegment> | no | all | yes
+| lineSegments3 | Array of objects used to customize segments (parts) of line3 | Array<LineSegment> | no | all | yes
+| lineSegments4 | Array of objects used to customize segments (parts) of line4 | Array<LineSegment> | no | all | yes
+| lineSegments5 | Array of objects used to customize segments (parts) of line5 | Array<LineSegment> | no | all | yes
+| highlightedRange | renders the parts of lines lying in a given data range with a different style (color, thickness,type)| HighlightedRange | no | all | yes
+| startIndex | Start index for data line (used to display data lines having breaks) | number | no | all | yes
+| startIndex1 | Start index for data line 1 (used to display data lines having breaks) | number| no | all | yes
+| startIndex2 | Start index for data line 2 (used to display data lines having breaks) | number | no | all | yes
+| startIndex3 | Start index for data line 3 (used to display data lines having breaks) | number | no | all | yes
+| startIndex4 | Start index for data line 4 (used to display data lines having breaks) | number | no | all | yes
+| startIndex5 | Start index for data line 5 (used to display data lines having breaks) | number| no | all | yes
+| endIndex | End index for data line (used to display data lines having breaks) | number| no | all | yes
+| endIndex1 | End index for data line 1 (used to display data lines having breaks) | number | no | all | yes
+| endIndex2 | End index for data line 2 (used to display data lines having breaks) | number| no | all | yes
+| endIndex3 | End index for data line 3 (used to display data lines having breaks) | number| no | all | yes
+| endIndex4 | End index for data line 4 (used to display data lines having breaks) | number | no | all | yes
+| endIndex5 | End index for data line 5 (used to display data lines having breaks) | number| no | all | yes
+| lineGradient | this prop is used to render the line with a gradient blend of colors | boolean| no | all | yes
+| lineGradientComponent | this prop defines the svg gradient that should be applied to the line (requires lineGradient to be truthy) | Function| no | all | yes
+| lineGradientId | id of the <LinearGradient> (needed along with lineGradientComponent prop) | string| no | all | yes
+| lineGradientDirection | 'vertical'/'horizontal' | string | no | all | yes
+| lineGradientStartColor | Start gradient color for the line (requires lineGradient to be truthy) | string| no | all | yes
+| lineGradientEndColor | End gradient color for the line (requires lineGradient to be truthy) | string | no | all | yes
 
 **The arrow**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| showArrows | To show an arrow at the end of each data line  | boolean | no  | all | yes
-| arrowConfig  | Object describing the properties of the arrows like length, width, strokeWidth, strokeColor, fillColor | arrowType  | no  | all | yes
-| showArrow1   | To show an arrow at the end of the first data line | boolean | no  | all | yes
-| arrowConfig1  | Object describing the properties of the first arrow | arrowType| no  | all | yes
-| showArrow2  | To show an arrow at the end of the second data line | boolean | no  | all | yes
-| arrowConfig2 | Object describing the properties of the second arrow | arrowType | no  | all | yes
-| showArrow3   | To show an arrow at the end of the third data line | boolean | no  | all | yes
-| arrowConfig3 | Object describing the properties of the third arrow | arrowType | no  | all | yes
-| showArrow4   | To show an arrow at the end of the fourth data line| boolean   | no  | all | yes
-| arrowConfig4 | Object describing the properties of the fourth arrow| arrowType | no  | all | yes
-| showArrow5  | To show an arrow at the end of the fifth data line | boolean  | no  | all | yes
-| arrowConfig5| Object describing the properties of the fifth arrow | arrowType | no  | all | yes
+| showArrows | To show an arrow at the end of each data line | boolean | no | all | yes
+| arrowConfig | Object describing the properties of the arrows like length, width, strokeWidth, strokeColor, fillColor | arrowType | no | all | yes
+| showArrow1 | To show an arrow at the end of the first data line | boolean | no | all | yes
+| arrowConfig1 | Object describing the properties of the first arrow | arrowType| no | all | yes
+| showArrow2 | To show an arrow at the end of the second data line | boolean | no | all | yes
+| arrowConfig2 | Object describing the properties of the second arrow | arrowType | no | all | yes
+| showArrow3 | To show an arrow at the end of the third data line | boolean | no | all | yes
+| arrowConfig3 | Object describing the properties of the third arrow | arrowType | no | all | yes
+| showArrow4 | To show an arrow at the end of the fourth data line| boolean | no | all | yes
+| arrowConfig4 | Object describing the properties of the fourth arrow| arrowType | no | all | yes
+| showArrow5 | To show an arrow at the end of the fifth data line | boolean | no | all | yes
+| arrowConfig5| Object describing the properties of the fifth arrow | arrowType | no | all | yes
 
 **Data points related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| hideDataPoints  | To hide data points   | boolean | no  | all | yes
-| dataPointsHeight  | Height of data points (when data points' shape is rectangular) | number | no  | all | yes
-| dataPointsWidth | Width of data points (when data points' shape is rectangular)  | number| no  | all | yes
-| dataPointsRadius | Radius of data points (when data points' shape is circular)  | number| no  | all | yes
-| dataPointsColor  | Color of the data points  | ColorValue  | no  | all | yes
-| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_)  | string| no  | all | yes
-| hideDataPoints1 | To hide data points for the first set of data  | boolean | no  | all | yes
-| dataPointsHeight1 | Height of data points for the first dataset (when data points' shape is rectangular)  | number | no  | all | yes
-| dataPointsWidth1  | Width of data points for the first dataset (when data points' shape is rectangular) | number| no  | all | yes
-| dataPointsRadius1  | Radius of data points for the first dataset (when data points' shape is circular) | number| no  | all | yes
-| dataPointsColor1 | Color of data points for the first dataset | ColorValue | no  | all | yes
-| dataPointsShape1 | Shape of data points for the first dataset   | string | no  | all | yes
-| hideDataPoints2 | To hide data points for the second set of data   | boolean | no  | all | yes
-| dataPointsHeight2 | Height of data points for the second dataset (when data points' shape is rectangular)  | number| no  | all | yes
-| dataPointsWidth2  | Width of data points for the second dataset (when data points' shape is rectangular)  | number | no  | all | yes
-| dataPointsRadius2  | Radius of data points for the second dataset (when data points' shape is circular) | number| no  | all | yes
-| dataPointsColor2   | Color of data points for the second dataset   | ColorValue| no  | all | yes
-| dataPointsShape2 | Shape of data points for the second dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
-| hideDataPoints3   | To hide data points for the third set of data | boolean | no  | all | yes
-| dataPointsHeight3  | Height of data points for the third dataset (when data points' shape is rectangular)        | number | no  | all | yes
-| dataPointsWidth3  | Width of data points for the third dataset (when data points' shape is rectangular)  | number | no  | all | yes
-| dataPointsRadius3 | Radius of data points for the third dataset (when data points' shape is circular) | number | no  | all | yes
-| dataPointsColor3   | Color of data points for the third dataset  | ColorValue| no  | all | yes
-| dataPointsShape3 | Shape of data points for the third dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
-| hideDataPoints4 | To hide data points for the fourth set of data  | boolean | no  | all | yes
-| dataPointsHeight4 | Height of data points for the fourth dataset (when data points' shape is rectangular) | number | no  | all | yes
-| dataPointsWidth4  | Width of data points for the fourth dataset (when data points' shape is rectangular)  | number | no  | all | yes
-| dataPointsRadius4 | Radius of data points for the fourth dataset (when data points' shape is circular)  | number| no  | all | yes
-| dataPointsColor4 | Color of data points for the fourth dataset  | ColorValue| no  | all | yes
-| dataPointsShape4  | Shape of data points for the fourth dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
-| hideDataPoints5  | To hide data points for the fifth set of data  | boolean | no  | all | yes
-| dataPointsHeight5 | Height of data points for the fifth dataset (when data points' shape is rectangular) | number | no  | all | yes
-| dataPointsWidth5 | Width of data points for the fifth dataset (when data points' shape is rectangular) | number| no  | all | yes
-| dataPointsRadius5  | Radius of data points for the fifth dataset (when data points' shape is circular)   | number | no  | all | yes
-| dataPointsColor5 | Color of data points for the fifth dataset | ColorValue| no  | all | yes
-| dataPointsShape5  | Shape of data points for the fifth dataset (_'rectangular'_ or _'circular'_)        | string| no  | all | yes
-| focusedDataPointIndex | Index of the focused data point, works only when focusEnabled prop is used     | number | no  | all | yes
-| focusedDataPointShape    | Shape of the data points when focused due to press event   | String | no  | all | yes
-| focusedDataPointWidth | Width of the data points when focused due to press event     | number | no  | all | yes
-| focusedDataPointHeight | Height of the data points when focused due to press event    | number | no  | all | yes
-| focusedDataPointColor  | Color of the data points when focused due to press event     | ColorValue | no  | all | yes
-| focusedDataPointRadius | Radius of the data points when focused due to press event  | number| no  | all | yes
-| focusedCustomDataPoint | Custom data point when focused due to press event| Function| no  | all | yes
-| textColor  | Color of the dataPointText  | ColorValue | no  | all | yes
-| textFontSize | Font size of the dataPointText  | number  | no  | all | yes
-| textShiftX | To shift the dataPointText text horizontally   | number  | no  | all | yes
-| textShiftY | To shift the dataPointText text vertically | number | no  | all | yes
-| customDataPoint | A callback function to render a custom component as the data points  | Function  | no  | all | yes
-| dataPointLabelWidth | width of the label shown beside a data point | number | no  | all | yes
-| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point  | number | no  | all | yes
-| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no  | all | yes
-| showValuesAsDataPointsText | When set to true, the data item value will be shown as a label text near data point | boolean  | no  | all | yes
-| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using this array   | ColorValue[] | no  | all | yes
-
+| hideDataPoints | To hide data points | boolean | no | all | yes
+| dataPointsHeight | Height of data points (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth | Width of data points (when data points' shape is rectangular) | number| no | all | yes
+| dataPointsRadius | Radius of data points (when data points' shape is circular) | number| no | all | yes
+| dataPointsColor | Color of the data points | ColorValue | no | all | yes
+| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| hideDataPoints1 | To hide data points for the first set of data | boolean | no | all | yes
+| dataPointsHeight1 | Height of data points for the first dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth1 | Width of data points for the first dataset (when data points' shape is rectangular) | number| no | all | yes
+| dataPointsRadius1 | Radius of data points for the first dataset (when data points' shape is circular) | number| no | all | yes
+| dataPointsColor1 | Color of data points for the first dataset | ColorValue | no | all | yes
+| dataPointsShape1 | Shape of data points for the first dataset | string | no | all | yes
+| hideDataPoints2 | To hide data points for the second set of data | boolean | no | all | yes
+| dataPointsHeight2 | Height of data points for the second dataset (when data points' shape is rectangular) | number| no | all | yes
+| dataPointsWidth2 | Width of data points for the second dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsRadius2 | Radius of data points for the second dataset (when data points' shape is circular) | number| no | all | yes
+| dataPointsColor2 | Color of data points for the second dataset | ColorValue| no | all | yes
+| dataPointsShape2 | Shape of data points for the second dataset (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| hideDataPoints3 | To hide data points for the third set of data | boolean | no | all | yes
+| dataPointsHeight3 | Height of data points for the third dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth3 | Width of data points for the third dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsRadius3 | Radius of data points for the third dataset (when data points' shape is circular) | number | no | all | yes
+| dataPointsColor3 | Color of data points for the third dataset | ColorValue| no | all | yes
+| dataPointsShape3 | Shape of data points for the third dataset (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| hideDataPoints4 | To hide data points for the fourth set of data | boolean | no | all | yes
+| dataPointsHeight4 | Height of data points for the fourth dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth4 | Width of data points for the fourth dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsRadius4 | Radius of data points for the fourth dataset (when data points' shape is circular) | number| no | all | yes
+| dataPointsColor4 | Color of data points for the fourth dataset | ColorValue| no | all | yes
+| dataPointsShape4 | Shape of data points for the fourth dataset (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| hideDataPoints5 | To hide data points for the fifth set of data | boolean | no | all | yes
+| dataPointsHeight5 | Height of data points for the fifth dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth5 | Width of data points for the fifth dataset (when data points' shape is rectangular) | number| no | all | yes
+| dataPointsRadius5 | Radius of data points for the fifth dataset (when data points' shape is circular) | number | no | all | yes
+| dataPointsColor5 | Color of data points for the fifth dataset | ColorValue| no | all | yes
+| dataPointsShape5 | Shape of data points for the fifth dataset (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| focusedDataPointIndex | Index of the focused data point, works only when focusEnabled prop is used | number | no | all | yes
+| focusedDataPointShape | Shape of the data points when focused due to press event | String | no | all | yes
+| focusedDataPointWidth | Width of the data points when focused due to press event | number | no | all | yes
+| focusedDataPointHeight | Height of the data points when focused due to press event | number | no | all | yes
+| focusedDataPointColor | Color of the data points when focused due to press event | ColorValue | no | all | yes
+| focusedDataPointRadius | Radius of the data points when focused due to press event | number| no | all | yes
+| focusedCustomDataPoint | Custom data point when focused due to press event| Function| no | all | yes
+| textColor | Color of the dataPointText | ColorValue | no | all | yes
+| textFontSize | Font size of the dataPointText | number | no | all | yes
+| textShiftX | To shift the dataPointText text horizontally | number | no | all | yes
+| textShiftY | To shift the dataPointText text vertically | number | no | all | yes
+| customDataPoint | A callback function to render a custom component as the data points | Function | no | all | yes
+| dataPointLabelWidth | width of the label shown beside a data point | number | no | all | yes
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point | number | no | all | yes
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no | all | yes
+| showValuesAsDataPointsText | When set to true, the data item value will be shown as a label text near data point | boolean | no | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using this array | ColorValue[] | no | all | yes
 
 **pointerConfig**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| height | Height of the pointer |  number  | no  | all | yes
-| width  | width of the pointer |  number  | no  | all | yes
-| radius  | radius of the pointer   |  number  | no  | all | yes
-| pointerColor  |  pointer color   |  ColorValue  | no  | all | yes
-| pointer1Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointer2Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointer3Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointer4Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointer5Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values.  |  ColorValue[]  | no  | all | yes
-| secondaryPointerColor | Secondary pointer color  |  ColorValue  | no  | all | yes
-| pointerComponent | is a function that returns the component to be rendered as a pointer  |  Function  | no  | all | yes
-| showPointerStrip | show pointer bar |  boolean  | no  | all | yes
-| pointerStripWidth  | width of the pointer bar |  number  | no  | all | yes
-| pointerStripHeight  | height of dthe pointer bar  |  number  | no  | all | yes
-| pointerStripColor  | color of the pointer bar   |  ColorValue  | no  | all | yes
-| pointerStripUptoDataPoint | Pointer stripped to data point  |  boolean  | no  | all | yes
-| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 |  Function  | no  | all | yes
-| stripOverPointer | strip to over pointer  |  boolean  | no  | all | yes
-| autoAdjustPointerLabelPosition | Adjust the position of the pointer  |  boolean  | no  | all | yes
-| shiftPointerLabelX | x-axis displacement pointer label  |  number  | no  | all | yes
-| shiftPointerLabelY | y-axis displacement pointer label  |  number  | no  | all | yes
-| pointerLabelWidth  | pointer label width |  number  | no  | all | yes
-| pointerLabelHeight | pointer label height |  number  | no  | all | yes
-| pointerVanishDelay | Pointer disappearance delay |  number  | no  | all | yes
-| activatePointersOnLongPress |Long press to activate pointer  |  boolean  | no  | all | yes
-| activatePointersDelay | activation pointer delay |  number  | no  | all | yes
-| persistPointer | persistent pointer |  boolean  | no  | all | yes
-| hidePointer1 | hidden pointer |  boolean  | no  | all | yes
-| hidePointer2 | hidden pointer |  boolean  | no  | all | yes
-| hidePointer3 | hidden pointer |  boolean  | no  | all | yes
-| hidePointer4 | hidden pointer | boolean  | no  | all | yes
-| hidePointer5 | hidden pointer |  boolean  | no  | all | yes
-| hideSecondaryPointer | Hide auxiliary pointer |  boolean  | no  | all | yes
-| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer |  number[]  | no  | all | yes
-
+| height | Height of the pointer | number | no | all | yes
+| width | width of the pointer | number | no | all | yes
+| radius | radius of the pointer | number | no | all | yes
+| pointerColor | pointer color | ColorValue | no | all | yes
+| pointer1Color | pointer color | ColorValue | no | all | yes
+| pointer2Color | pointer color | ColorValue | no | all | yes
+| pointer3Color | pointer color | ColorValue | no | all | yes
+| pointer4Color | pointer color | ColorValue | no | all | yes
+| pointer5Color | pointer color | ColorValue | no | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values. | ColorValue[] | no | all | yes
+| secondaryPointerColor | Secondary pointer color | ColorValue | no | all | yes
+| pointerComponent | is a function that returns the component to be rendered as a pointer | Function | no | all | yes
+| showPointerStrip | show pointer bar | boolean | no | all | yes
+| pointerStripWidth | width of the pointer bar | number | no | all | yes
+| pointerStripHeight | height of dthe pointer bar | number | no | all | yes
+| pointerStripColor | color of the pointer bar | ColorValue | no | all | yes
+| pointerStripUptoDataPoint | Pointer stripped to data point | boolean | no | all | yes
+| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 | Function | no | all | yes
+| stripOverPointer | strip to over pointer | boolean | no | all | yes
+| autoAdjustPointerLabelPosition | Adjust the position of the pointer | boolean | no | all | yes
+| shiftPointerLabelX | x-axis displacement pointer label | number | no | all | yes
+| shiftPointerLabelY | y-axis displacement pointer label | number | no | all | yes
+| pointerLabelWidth | pointer label width | number | no | all | yes
+| pointerLabelHeight | pointer label height | number | no | all | yes
+| pointerVanishDelay | Pointer disappearance delay | number | no | all | yes
+| activatePointersOnLongPress |Long press to activate pointer | boolean | no | all | yes
+| activatePointersDelay | activation pointer delay | number | no | all | yes
+| persistPointer | persistent pointer | boolean | no | all | yes
+| hidePointer1 | hidden pointer | boolean | no | all | yes
+| hidePointer2 | hidden pointer | boolean | no | all | yes
+| hidePointer3 | hidden pointer | boolean | no | all | yes
+| hidePointer4 | hidden pointer | boolean | no | all | yes
+| hidePointer5 | hidden pointer | boolean | no | all | yes
+| hideSecondaryPointer | Hide auxiliary pointer | boolean | no | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer | number[] | no | all | yes
 
 **onFocus and strip related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| focusEnabled  | If set true, allows users to press on the chart and focuses the nearest data point (focus event can be then handled using the `onFocus` prop) | boolean| no  | all | yes
-| onFocus  | The callback function that handles the focus event. `item` and `index` are received as props | Function| no  | all | yes
-| focusedDataPointIndex  | Index of the focused data point, used to set initially focused data point and to override the focus behaviour on onFocus    | number| no  | all | yes
-| showDataPointOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolean    | no  | all | yes
-| showStripOnFocus | If set true, it shows a vertical strip corresponding to the focused area of the chart   | boolean | no  | all | yes
-| showTextOnFocus  | If set true, it shows the data point text corresponding to the focused area of the chart  | boolean | no  | all | yes
-| showDataPointLabelOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolea| no  | all | yes
-| stripHeight  | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no  | all | yes
-| stripWidth    | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart            | number | no  | all | yes
-| stripColor   | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart             | ColorValue| no  | all | yes
-| stripOpacity  | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart             | number | no  | all | yes
-| unFocusOnPressOut     | If set true, it unselects/unfocuses the focused/selected data point     | boolean| no  | all | yes
-| delayBeforeUnFocus   | Delay (in milliseconds) between the release of the press and ghe unfocusing of the data point  | number | no  | all | yes
-| focusedDataPointShape | Shape of the data points when focused due to press    | String | no  | all | yes
-| focusedDataPointWidth  | Width of the data points when focused due to press    | number  | no  | all  | yes
-| focusedDataPointHeight | Height of the data points when focused due to press    | number  | no  | all  | yes
-| focusedDataPointColor | Color of the data points when focused due to press    | ColorValue | no  | all  | yes
-| focusedDataPointRadius  | Radius of the data points when focused due to press   | number   | no  | all  | yes
-| focusedCustomDataPoint | Custom data point when focused due to press event    | Function  | no  | all   | yes
+| focusEnabled | If set true, allows users to press on the chart and focuses the nearest data point (focus event can be then handled using the `onFocus` prop) | boolean| no | all | yes
+| onFocus | The callback function that handles the focus event. `item` and `index` are received as props | Function| no | all | yes
+| focusedDataPointIndex | Index of the focused data point, used to set initially focused data point and to override the focus behaviour on onFocus | number| no | all | yes
+| showDataPointOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolean | no | all | yes
+| showStripOnFocus | If set true, it shows a vertical strip corresponding to the focused area of the chart | boolean | no | all | yes
+| showTextOnFocus | If set true, it shows the data point text corresponding to the focused area of the chart | boolean | no | all | yes
+| showDataPointLabelOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolea| no | all | yes
+| stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no | all | yes
+| stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no | all | yes
+| stripColor | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart | ColorValue| no | all | yes
+| stripOpacity | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no | all | yes
+| unFocusOnPressOut | If set true, it unselects/unfocuses the focused/selected data point | boolean| no | all | yes
+| delayBeforeUnFocus | Delay (in milliseconds) between the release of the press and ghe unfocusing of the data point | number | no | all | yes
+| focusedDataPointShape | Shape of the data points when focused due to press | String | no | all | yes
+| focusedDataPointWidth | Width of the data points when focused due to press | number | no | all | yes
+| focusedDataPointHeight | Height of the data points when focused due to press | number | no | all | yes
+| focusedDataPointColor | Color of the data points when focused due to press | ColorValue | no | all | yes
+| focusedDataPointRadius | Radius of the data points when focused due to press | number | no | all | yes
+| focusedCustomDataPoint | Custom data point when focused due to press event | Function | no | all | yes
 
 **Props for Area Chart**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| areaChart | If set true, renders area chart instead of line chart  | boolean| no  | all | yes
-| areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no  | all | yes
-| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean  | no  | all | yes
-| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no  | all | yes
-| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no  | all | yes
-| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no  | all | yes
-| startFillColor | Start gradient color for the area chart | ColorValue | no  | all | yes
-| endFillColor | End gradient color for the area chart | ColorValue | no  | all | yes
-| startOpacity | Start gradient opacity for the area chart | number | no  | all | yes
-| endOpacity | End gradient opacity for the area chart  | number  | no  | all | yes
-| startFillColor1 | Start gradient color for the first dataset of the area chart | ColorValue| no  | all | yes
-| endFillColor1 | End gradient color for the first dataset of the area chart | ColorValue  | no  | all | yes
-| startOpacity1 | Start gradient opacity for the first dataset of the area chart | number  | no  | all | yes
-| endOpacity1  | End gradient opacity for the first dataset of the area chart   | number | no  | all | yes
-| startFillColor2 | Start gradient color for the second dataset of the area chart | ColorValue | no  | all | yes
-| endFillColor2 | End gradient color for the second dataset of the area chart  | ColorValue  | no  | all | yes
-| startOpacity2 | Start gradient color for the second dataset of the area chart | number    | no  | all | yes
-| endOpacity2 | End gradient opacity for the second dataset of the area chart  | number   | no  | all | yes
-| startFillColor3 | Start gradient color for the third dataset of the area chart | ColorValue| no  | all | yes
-| endFillColor3 | End gradient color for the third dataset of the area chart  | ColorValue | no  | all | yes
-| startOpacity3 | Start gradient color for the third dataset of the area chart | number  | no  | all | yes
-| endOpacity3 | End gradient opacity for the third dataset of the area chart   | number  | no  | all | yes
-| startFillColor4 | Start gradient color for the fourth dataset of the area chart | ColorValue | no  | all | yes
-| endFillColor4 | End gradient color for the fourth dataset of the area chart   | ColorValue | no  | all | yes
-| startOpacity4  | Start gradient color for the fourth dataset of the area chart       | number | no  | all | yes
-| endOpacity4  | End gradient opacity for the fourth dataset of the area chart         | number | no  | all | yes
-| startFillColor5 | Start gradient color for the fifth dataset of the area chart      | ColorValue         | no  | all | yes
-| endFillColor5 | End gradient color for the fifth dataset of the area chart        | ColorValue          | no  | all | yes
-| startOpacity5 | Start gradient color for the fifth dataset of the area chart        | number   | no  | all | yes
-| endOpacity5 | End gradient opacity for the fifth dataset of the area chart          | number | no  | all | yes
-| gradientDirection | Direction of the gradient (_'horizontal'_ or _'vertical'_)    | string  | no  | all | yes
-| areaGradientComponent | this prop defines the svg gradient that should be applied to the area (requires areaChart to be truthy) | Function| no  | all | yes
-| areaGradientId  | id of the <LinearGradient> (needed along with areaGradientComponent prop)      | string | no  | all | yes
+| areaChart | If set true, renders area chart instead of line chart | boolean| no | all | yes
+| areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no | all | yes
+| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean | no | all | yes
+| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no | all | yes
+| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no | all | yes
+| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no | all | yes
+| startFillColor | Start gradient color for the area chart | ColorValue | no | all | yes
+| endFillColor | End gradient color for the area chart | ColorValue | no | all | yes
+| startOpacity | Start gradient opacity for the area chart | number | no | all | yes
+| endOpacity | End gradient opacity for the area chart | number | no | all | yes
+| startFillColor1 | Start gradient color for the first dataset of the area chart | ColorValue| no | all | yes
+| endFillColor1 | End gradient color for the first dataset of the area chart | ColorValue | no | all | yes
+| startOpacity1 | Start gradient opacity for the first dataset of the area chart | number | no | all | yes
+| endOpacity1 | End gradient opacity for the first dataset of the area chart | number | no | all | yes
+| startFillColor2 | Start gradient color for the second dataset of the area chart | ColorValue | no | all | yes
+| endFillColor2 | End gradient color for the second dataset of the area chart | ColorValue | no | all | yes
+| startOpacity2 | Start gradient color for the second dataset of the area chart | number | no | all | yes
+| endOpacity2 | End gradient opacity for the second dataset of the area chart | number | no | all | yes
+| startFillColor3 | Start gradient color for the third dataset of the area chart | ColorValue| no | all | yes
+| endFillColor3 | End gradient color for the third dataset of the area chart | ColorValue | no | all | yes
+| startOpacity3 | Start gradient color for the third dataset of the area chart | number | no | all | yes
+| endOpacity3 | End gradient opacity for the third dataset of the area chart | number | no | all | yes
+| startFillColor4 | Start gradient color for the fourth dataset of the area chart | ColorValue | no | all | yes
+| endFillColor4 | End gradient color for the fourth dataset of the area chart | ColorValue | no | all | yes
+| startOpacity4 | Start gradient color for the fourth dataset of the area chart | number | no | all | yes
+| endOpacity4 | End gradient opacity for the fourth dataset of the area chart | number | no | all | yes
+| startFillColor5 | Start gradient color for the fifth dataset of the area chart | ColorValue | no | all | yes
+| endFillColor5 | End gradient color for the fifth dataset of the area chart | ColorValue | no | all | yes
+| startOpacity5 | Start gradient color for the fifth dataset of the area chart | number | no | all | yes
+| endOpacity5 | End gradient opacity for the fifth dataset of the area chart | number | no | all | yes
+| gradientDirection | Direction of the gradient (_'horizontal'_ or _'vertical'_) | string | no | all | yes
+| areaGradientComponent | this prop defines the svg gradient that should be applied to the area (requires areaChart to be truthy) | Function| no | all | yes
+| areaGradientId | id of the <LinearGradient> (needed along with areaGradientComponent prop) | string | no | all | yes
 
 ### PieChart and DonutChart
 
 **Basic props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | An item object represents a section in the Pie chart. Descibed in the next table  | pieDataItem[]  | no  | all | yes
-| radius  | Radius of the Pie | number   | no  | all | yes
-| initialAngle | Starting angle in radians (illustrated below this table)| number | no  | all | yes
-| isThreeD  | If set to true, it rotates and translates the chart to give it a 3D effect  | boolean  | no  | all | yes
-| showGradient | Prop to enable radial gradient for the Pie sections  | boolean  | no  | all | yes
-| gradientCenterColor | Gradient color at the center of the Pie chart | ColorValue            | no  | all | yes
-| onPress   | Callback function called on press of Pie sections (takes item and index as parameter) | Function                | no  | all | yes
-| focusOnPress  | When set to true, the pressed section of the Pie chart will have a bigger radius, hence appear focused   | boolean  | no  | all | yes
-| toggleFocusOnPress | When set to true, if the user presses an already focused pie section, it will be unfocused  | boolean  | no  | all | yes
-| extraRadiusForFocused  | Extra radius for the focused Pie section  | number | no  | all | yes
-| inwardExtraLengthForFocused | Extra length of focused Pie section towards the center (only for donut charts) | number  | no  | all | yes
-| sectionAutoFocus | In case you don't want focusOnPress but want a particular section to autofocus, this prop will be needed | boolean | no  | all | yes
-| onLabelPress | Callback function called on press of a Label (takes item and index as parameter) | Function               | no  | all | yes
-| tiltAngle | The angle by which the chart should be tilted  | Angle in deg           | no  | all | yes
-| shadow  | Shadow to the Pie chart, when set to true, it enhances the 3D effect | boolean  | no  | all | yes
-| shadowColor  | Color of the shadow   | ColorValue  | no  | all | yes
-| shadowWidth  | Width of the shadow   | number  | no  | all | yes
-| strokeWidth  | Stroke (line) width for the Pie chart and its section | number | no  | all | yes
-| strokeColor | Stroke (line) color | ColorValue | no  | all | yes
-| backgroundColor | Background color of the container that contains the Pie chart  | ColorValue | no  | all | yes
-| showText  | When set to true, displays text on the Pie sections | boolean | no  | all | yes
-| textColor  | Color of the label texts | ColorValue  | no  | all | yes
-| textSize  | Size of the label texts (max allowed: radius / 5) | number | no  | all | yes
-| fontStyle | Style of the text - 'normal', 'italic' or 'oblique'| string| no  | all | yes
-| fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no  | all | yes
-| font  | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no  | all | yes
-| showTextBackground | When set to true, displays background for text on the Pie sections | boolean | no  | all | yes
-| textBackgroundColor | Background color for the label texts  | ColorValue | no  | all | yes
-| textBackgroundRadius | Radius for the background of the text labels   | number | no  | all | yes
-| showValuesAsLabels  | When set to true, the values of the Pie sections are displayed as labels   | boolean  | no  | all | yes
-| centerLabelComponent | Component to be rendered at the center of the Pie chart  | Function | no  | all | yes
-| semiCircle  | When set to true, renders the Pie Chart in a semi-circle. donut semiCircle charts look like a speed-meter  | boolean  | no  | all | yes
-| labelsPosition  | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid' | string | no  | all | yes
-| pieInnerComponent | Svg element to be rendered inside each Pie like a label (position controlled by 'labelsPosition' )  | () => svg element       | no  | all | yes
-| paddingHorizontal | horizontal padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no  | all | yes
-| paddingVertical  | vertical padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no  | all | yes
-| isAnimated | To show animates PieProChart. Animation occurs onLoad and on value change | boolean  | no  | all | yes
-| animationDuration  | Duration of the animations, only fro PieProChart  | number| no  | all | yes
-| curvedStartEdges  | Bend start edge, only fro PieProChart  | boolean | no  | all | yes
-| curvedEndEdges  | Bend end edge, only fro PieProChart  | boolean | no  | all | yes
-| edgesRadius  | Bend radius, only fro PieProChart | number | no  | all | yes
+| data | An item object represents a section in the Pie chart. Descibed in the next table | pieDataItem[] | no | all | yes
+| radius | Radius of the Pie | number | no | all | yes
+| initialAngle | Starting angle in radians (illustrated below this table)| number | no | all | yes
+| isThreeD | If set to true, it rotates and translates the chart to give it a 3D effect | boolean | no | all | yes
+| showGradient | Prop to enable radial gradient for the Pie sections | boolean | no | all | yes
+| gradientCenterColor | Gradient color at the center of the Pie chart | ColorValue | no | all | yes
+| onPress | Callback function called on press of Pie sections (takes item and index as parameter) | Function | no | all | yes
+| focusOnPress | When set to true, the pressed section of the Pie chart will have a bigger radius, hence appear focused | boolean | no | all | yes
+| toggleFocusOnPress | When set to true, if the user presses an already focused pie section, it will be unfocused | boolean | no | all | yes
+| extraRadiusForFocused | Extra radius for the focused Pie section | number | no | all | yes
+| inwardExtraLengthForFocused | Extra length of focused Pie section towards the center (only for donut charts) | number | no | all | yes
+| sectionAutoFocus | In case you don't want focusOnPress but want a particular section to autofocus, this prop will be needed | boolean | no | all | yes
+| onLabelPress | Callback function called on press of a Label (takes item and index as parameter) | Function | no | all | yes
+| tiltAngle | The angle by which the chart should be tilted | Angle in deg | no | all | yes
+| shadow | Shadow to the Pie chart, when set to true, it enhances the 3D effect | boolean | no | all | yes
+| shadowColor | Color of the shadow | ColorValue | no | all | yes
+| shadowWidth | Width of the shadow | number | no | all | yes
+| strokeWidth | Stroke (line) width for the Pie chart and its section | number | no | all | yes
+| strokeColor | Stroke (line) color | ColorValue | no | all | yes
+| backgroundColor | Background color of the container that contains the Pie chart | ColorValue | no | all | yes
+| showText | When set to true, displays text on the Pie sections | boolean | no | all | yes
+| textColor | Color of the label texts | ColorValue | no | all | yes
+| textSize | Size of the label texts (max allowed: radius / 5) | number | no | all | yes
+| fontStyle | Style of the text - 'normal', 'italic' or 'oblique'| string| no | all | yes
+| fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no | all | yes
+| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no | all | yes
+| showTextBackground | When set to true, displays background for text on the Pie sections | boolean | no | all | yes
+| textBackgroundColor | Background color for the label texts | ColorValue | no | all | yes
+| textBackgroundRadius | Radius for the background of the text labels | number | no | all | yes
+| showValuesAsLabels | When set to true, the values of the Pie sections are displayed as labels | boolean | no | all | yes
+| centerLabelComponent | Component to be rendered at the center of the Pie chart | Function | no | all | yes
+| semiCircle | When set to true, renders the Pie Chart in a semi-circle. donut semiCircle charts look like a speed-meter | boolean | no | all | yes
+| labelsPosition | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid' | string | no | all | yes
+| pieInnerComponent | Svg element to be rendered inside each Pie like a label (position controlled by 'labelsPosition' ) | () => svg element | no | all | yes
+| paddingHorizontal | horizontal padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no | all | yes
+| paddingVertical | vertical padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no | all | yes
+| isAnimated | To show animates PieProChart. Animation occurs onLoad and on value change | boolean | no | all | yes
+| animationDuration | Duration of the animations, only fro PieProChart | number| no | all | yes
+| curvedStartEdges | Bend start edge, only fro PieProChart | boolean | no | all | yes
+| curvedEndEdges | Bend end edge, only fro PieProChart | boolean | no | all | yes
+| edgesRadius | Bend radius, only fro PieProChart | number | no | all | yes
 
 **Item description (pieDataItem)**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| value   | Value of the item, representing a section of the Pie chart | number  | no  | all | yes
-| shiftX  | Translates (shifts) the particular section horizontally by given value  | number | no  | all | yes
-| shiftY | Translates (shifts) the particular section vertically by given value | number | no  | all | yes
-| shiftTextX | Translates (shifts) the position of label text horizontally          | number  | no  | all | yes
-| shiftTextY  | Translates (shifts) the position of label text vertically | number | no  | all | yes
-| shiftTextBackgroundX | Shifts the background of label text horizontally (default value is shiftTextX) | number  | no  | all | yes
-| shiftTextBackgroundY | Shifts the background of label text vertically (default value is shiftTextY) | number | no  | all | yes
-| color | Color (background color) of the section | ColorValue  | no  | all | yes
-| text  | Label text for the sections | string  | no  | all | yes
-| textColor  | Color of the text (label) inside the section | ColorValue   | no  | all | yes
-| textSize  | Size of the text (label) inside the section | number   | no  | all | yes
-| fontStyle | Style of the text - 'normal', 'italic' or 'oblique' | string | no  | all | yes
-| fontWeight  | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string   | no  | all | yes
-| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no  | all | yes
-| textBackgroundColor | Background color for the label text | ColorValue  | no  | all | yes
-| textBackgroundRadius  | Radius for the background of the text label| number   | no  | all | yes
-| labelPosition | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid'  | string  | no  | all | yes
-| onPress  | Callback function called on press of Pie sections (takes item and index as parameter) | Function  | no  | all | yes
-| onLabelPress | Callback function called on press of a Label (takes item and index as parameter)         | Function | no  | all | yes
-| strokeWidth | Stroke (line) width for the Pie chart and its section       | number  | no  | all | yes
-| strokeColor   | Stroke (line) color  | ColorValue | no  | all | yes
-| focused  | When set to true, the section for that item is focused, sectionAutoFocus must be set true in order to use this property | boolean  | no  | all | yes
-| pieInnerComponent  | Svg element to be rendered inside the Pie like a label (position controlled by 'labelsPosition' )    | () => svg element  | no  | all | yes
+| value | Value of the item, representing a section of the Pie chart | number | no | all | yes
+| shiftX | Translates (shifts) the particular section horizontally by given value | number | no | all | yes
+| shiftY | Translates (shifts) the particular section vertically by given value | number | no | all | yes
+| shiftTextX | Translates (shifts) the position of label text horizontally | number | no | all | yes
+| shiftTextY | Translates (shifts) the position of label text vertically | number | no | all | yes
+| shiftTextBackgroundX | Shifts the background of label text horizontally (default value is shiftTextX) | number | no | all | yes
+| shiftTextBackgroundY | Shifts the background of label text vertically (default value is shiftTextY) | number | no | all | yes
+| color | Color (background color) of the section | ColorValue | no | all | yes
+| text | Label text for the sections | string | no | all | yes
+| textColor | Color of the text (label) inside the section | ColorValue | no | all | yes
+| textSize | Size of the text (label) inside the section | number | no | all | yes
+| fontStyle | Style of the text - 'normal', 'italic' or 'oblique' | string | no | all | yes
+| fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no | all | yes
+| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no | all | yes
+| textBackgroundColor | Background color for the label text | ColorValue | no | all | yes
+| textBackgroundRadius | Radius for the background of the text label| number | no | all | yes
+| labelPosition | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid' | string | no | all | yes
+| onPress | Callback function called on press of Pie sections (takes item and index as parameter) | Function | no | all | yes
+| onLabelPress | Callback function called on press of a Label (takes item and index as parameter) | Function | no | all | yes
+| strokeWidth | Stroke (line) width for the Pie chart and its section | number | no | all | yes
+| strokeColor | Stroke (line) color | ColorValue | no | all | yes
+| focused | When set to true, the section for that item is focused, sectionAutoFocus must be set true in order to use this property | boolean | no | all | yes
+| pieInnerComponent | Svg element to be rendered inside the Pie like a label (position controlled by 'labelsPosition' ) | () => svg element | no | all | yes
 
 **Donut chart related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| donut | When set to true, renders a Donut chart (makes an inner ring) | boolean | no  | all | yes
-| innerRadius   | Radius of the inner ring | number | no  | all | yes
-| innerCircleColor | Color of the inner ring | ColorValue| no  | all | yes
-| innerCircleBorderWidth | Stroke (border) width of the inner ring | number  | no  | all | yes
-| innerCircleBorderColor | Stroke (border) color of the inner ring | ColorValue  | no  | all | yes
-| shiftInnerCenterX   | Shifts the inner ring horizontally to enhance the 3D effect | number   | no  | all | yes 
-| shiftInnerCenterY  | Shifts the inner ring vertically to enhance the 3D effect  | number  | no  | all | yes
+| donut | When set to true, renders a Donut chart (makes an inner ring) | boolean | no | all | yes
+| innerRadius | Radius of the inner ring | number | no | all | yes
+| innerCircleColor | Color of the inner ring | ColorValue| no | all | yes
+| innerCircleBorderWidth | Stroke (border) width of the inner ring | number | no | all | yes
+| innerCircleBorderColor | Stroke (border) color of the inner ring | ColorValue | no | all | yes
+| shiftInnerCenterX | Shifts the inner ring horizontally to enhance the 3D effect | number | no | all | yes
+| shiftInnerCenterY | Shifts the inner ring vertically to enhance the 3D effect | number | no | all | yes
 
 ### Population Pyramid
 
 **base props**
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| height  | height of chart body (excluding x-axis labels)  | number | no  | all | yes
-| width | width of chart body   | number   | no  | all | yes
-| data | array of objects, each object is described by **popnPyramidDataItem**  | Array<popnPyramidDataItem>  | no  | all | yes
-| hideRules  | when set to true, hides horizontal rules (which are displayed in the background of the charts)  | boolean     | no  | all | yes
-| rulesThickness | thickness of the horizontal rules | number  | no  | all | yes    
-| rulesColor | color of the horizontal rules | ColorValue   | no  | all | yes
-| rulesType| type of the horizontal rules - SOLID or DASHED/DOTTED | RuleTypes   | no  | all | yes
-| dashWidth | width of each dash in the horizontal rules | number  | no  | all | yes
-| dashGap | gap between each dash in the horizontal rules | number | no | all | yes
-| stepHeight| height of each step/horizontal section in the chart body | number   | no  | all | yes
-| verticalMarginBetweenBars| self explanatory | number    | no  | all | yes
-| hideYAxisText | hide Y axis labels, when not set to true, a gap will be left to the left of the chart | boolean   | no  | all | yes
-| yAxisLabelWidth | self explanatory  | number     | no  | all | yes
-| yAxisColor  | self explanatory  | ColorValue  | no  | all | yes
-| yAxisThickness | self explanatory  | number    | no  | all | yes
-| yAxisStrokeDashArray | used to render a dashed or dotted Y axis line ([dashWidth,dashGap]) | Array<number>    | no  | all | yes
-| xAxisColor | self explanatory  | ColorValue   | no  | all | yes
-| xAxisThickness | self explanatory  | number   | no  | all | yes
-| xAxisType | type of X-axis- SOLID, DASHED or DOTTED  | RuleTypes  | no  | all | yes
-| xAxisNoOfSections | number of sections in X-axis (in both left and right parts)  | number     | no  | all | yes
-| showXAxisIndices | when set to true, shows small lines (indices) at each section of x-axis | boolean    | no  | all | yes
-| xAxisIndicesWidth | width of x axis indices | number   | no  | all | yes
-| xAxisIndicesHeight | height of x axis indices | number   | no  | all | yes
-| xAxisIndicesColor | color of of x axis indices | ColorValue  | no  | all | yes
-| xAxisIndicesShiftY | used to shift x axis indices downwards or upwards | number   | no  | all | yes
-| showXAxisLabelTexts | self explanatory | boolean      | no  | all | yes
-| xAxisLabelFontSize | self explanatory | number    | no  | all | yes
-| xAxisLabelColor | self explanatory  | ColorValue      | no  | all | yes
-| xAxisLabelFontStyle | self explanatory | FontStyle  | no  | all | yes
-| xAxisLabelFontWeight | self explanatory  | FontWeight  | no  | all | yes
-| xAxisLabelFontFamily | self explanatory  | string   | no  | all | yes
-| xAxisLabelShiftX  | horizontally shifts the x axis labels by given value | number | no  | all | yes
-| xAxisLabelShiftY | vertically shifts the x axis labels by given value | number  | no  | all | yes
-| xAxisRoundToDigits | number of decimal places upto which x axis labels will be displayed   | number | no  | all | yes
-| xAxisLabelPrefix  | The String prepended to the x axis label text (for example- '$') | string | no  | all | yes
-| xAxisLabelSuffix  | The String appended to the x axis label text | string  | no  | all | yes
-| formatXAxisLabels | a callback function that takes the label generated by the library and modifies it | (label: string) => string   | no  | all | yes
-| showVerticalLines | show vertical lines (similar to horiz rules) in background of the chart | boolean  | no  | all | yes
-| verticalLinesColor | Color of the vertical lines  | ColorValue  | no  | all | yes
-| verticalLinesThickness | Thickness of the vertical lines | number  | no  | all | yes
-| verticalLinesStrokeDashArray | used to render dashed or dotted vertical lines ([dashWidth,dashGap]) | Array<number> | no  | all | yes
-| noOfSections | Number of sections (and horiz rules) in the Y axis | number | no  | all | yes
-| barsMapToYAxisSections | this prop tells whether the number of sections in the Y axis is equal to the length of data array      | boolean  | no  | all | yes
-| showYAxisIndices | when set to true, shows small lines (indices) at each section of y-axis  | boolean   | no  | all | yes
-| yAxisIndicesWidth | width of y axis indices | number  | no  | all | yes
-| yAxisIndicesHeight | height of y axis indices          | number   | no  | all | yes
-| yAxisIndicesColor | color of of x axis indices | ColorValue   | no  | all | yes
-| yAxisLabelColor | color of of x axis label text | ColorValue   | no  | all | yes
-| yAxisLabelFontSize | font size of of of x axis label text =| number   | no  | all | yes
-| yAxisLabelTextMarginRight | space left between the y axis labels and the y axis line | number | no  | all | yes
-| yAxisLabelTexts | An array of string labels to be rendered as Y axis labels (top to bottom) | Array<string>    | no  | all | yes
-| yAxisLabelFontStyle | self explanatory | FontStyle    | no  | all | yes
-| yAxisLabelFontWeight | self explanatory | FontWeight   | no  | all | yes
-| yAxisLabelFontFamily   | self explanatory  | string    | no  | all | yes
-| showValuesAsBarLabels | when set to true, displays the left and right values as labels beside the respective bars | boolean | no  | all | yes
-| showMidAxis  | when set to true, displays an axis in the mid - between the left and right halves of the pyramid | boolean   | no  | all | yes
-| midAxisThickness  | thickness of the mid axis lines | number    | no  | all | yes
-| midAxisLabelWidth | width of the mid axis | number    | no  | all | yes
-| midAxisColor  | color of the mid axis lines | ColorValue    | no  | all | yes
-| midAxisLeftColor | color of the left mid axis line | ColorValue    | no  | all | yes
-| midAxisRightColor  | color of the right mid axis line | ColorValue    | no  | all | yes
-| midAxisStrokeDashArray | used to render dashed or dotted mid axis lines ([dashWidth,dashGap])  | Array<number>   | no  | all | yes
-| midAxisLabelFontSize   | self explanatory | number    | no  | all | yes
-| midAxisLabelColor | self explanatory  | ColorValue     | no  | all | yes
-| midAxisLabelFontStyle  | self explanatory | FontStyle    | no  | all | yes
-| midAxisLabelFontWeight  | self explanatory | FontWeight    | no  | all | yes
-| midAxisLabelFontFamily | self explanatory | string    | no  | all | yes
-| barLabelWidth  | width of the labels displayed behind the bars (both left and right bars) | number    | no  | all | yes
-| barLabelFontSize  | font size of the labels displayed behind the bars (both left and right bars) | number    | no  | all | yes
-| barLabelColor | color of the of the labels displayed behind the bars (both left and right bars) | ColorValue    | no  | all | yes
-| barLabelFontStyle  | font style of the labels displayed behind the bars (both left and right bars) | FontStyle    | no  | all | yes
-| barLabelFontWeight  | font weight of the labels displayed behind the bars (both left and right bars) | FontWeight   | no  | all | yes
-| barLabelFontFamily | font family of the labels displayed behind the bars (both left and right bars) | string    | no  | all | yes
-| leftBarLabelWidth  | width of the labels displayed behind the left bars  | number    | no  | all | yes
-| leftBarLabelFontSize   | font size of the labels displayed behind the left bars | number    | no  | all | yes
-| leftBarLabelColor | color of the labels displayed behind the left bars | ColorValue    | no  | all | yes
-| leftBarLabelFontStyle | font style of the labels displayed behind the left bars | FontStyle     | no  | all | yes
-| leftBarLabelFontWeight  | font weight of the labels displayed behind the left bars  | FontWeight    | no  | all | yes
-| leftBarLabelFontFamily | font family of the labels displayed behind the left bars | string    | no  | all | yes
-| leftBarLabelShift | value by which the left bar labels should be shifted horizontally (kind of margin b/w label and bar) | number | no  | all | yes
-| leftBarLabelPrefix | The String prepended to the left bar label text (for example- '$')  | string     | no  | all | yes
-| leftBarLabelSuffix | The String appended to the left bar label text | string     | no  | all | yes
-| rightBarLabelWidth | width of the labels displayed behind the right bars | number    | no  | all | yes
-| rightBarLabelFontSize | font size of the labels displayed behind the right bars | number    | no  | all | yes
-| rightBarLabelColor | color of the labels displayed behind the right bars  | ColorValue    | no  | all | yes
-| rightBarLabelFontStyle  | font style of the labels displayed behind the right bars | FontStyle    | no  | all | yes
-| rightBarLabelFontWeight | font weight of the labels displayed behind the right bars | FontWeight    | no  | all | yes
-| rightBarLabelFontFamily | font family of the labels displayed behind the right bars | string    | no  | all | yes
-| rightBarLabelShift  | value by which the right bar labels should be shifted horizontally (kind of margin b/w label and bar) | number   | no  | all | yes
-| rightBarLabelPrefix  | The String prepended to the right bar label text (for example- '$') | string    | no  | all | yes
-| rightBarLabelSuffix | The String appended to the right bar label text | string    | no  | all | yes
-| formatBarLabels  | a callback function that takes the label generated by the library and modifies it | (label: string) => string    | no  | all | yes
-| leftBarColor | color of the bars displayed in the left half of the pyramid  | ColorValue    | no  | all | yes
-| rightBarColor | color of the bars displayed in the right half of the pyramid  | ColorValue    | no  | all | yes
-| leftBarBorderColor | border color of the bars displayed in the left half of the pyramid | ColorValue    | no  | all | yes
-| rightBarBorderColor  | border color of the bars displayed in the right half of the pyramid | ColorValue   | no  | all | yes
-| barBorderWidth | boder width of the bars (both left and right bars) | number     | no  | all | yes
-| leftBarBorderWidth | boder width of the bars displayed in the left half of the pyramid  | number    | no  | all | yes
-| rightBarBorderWidth | boder width of the bars displayed in the right half of the pyramid  | number   | no  | all | yes
-| barBorderRadius  | boder radius of the bars | number    | no  | all | yes
-| leftBarBorderRadius | boder width of the bars displayed in the left half of the pyramid | number     | no  | all | yes
-| rightBarBorderRadius | boder width of the bars displayed in the right half of the pyramid| number    | no  | all | yes
-| allCornersRounded | when set to true, border radius will apply to all the four corners of the bars, else applied only on outer edges | boolean   | no  | all | yes
-| showSurplus  | shows surplus values on the edges in highlighted colors (extra width of the bigger bar is highlighted )  | boolean    | no  | all | yes
-| showSurplusLeft  | shows surplus values on the left edges in highlighted colors (extra width of the bigger bar is highlighted )  | boolean    | no  | all | yes
-| showSurplusRight | shows surplus values on the right edges in highlighted colors (extra width of the bigger bar is highlighted ) | boolean    | no  | all | yes
-| leftSurplusColor | highlight color of the left surplus  | ColorValue | no  | all | yes
-| leftSurplusBorderColor | border color of the left surplus | ColorValue   | no  | all | yes
-| rightSurplusColor  | highlight color of the right surplus | ColorValue    | no  | all | yes
-| rightSurplusBorderColor | border color of the right surplus | ColorValue    | no  | all | yes
-| leftSurplusBorderWidth | border width of the left surplus | number    | no  | all | yes
-| rightSurplusBorderWidth | border width of the right surplus | number    | no  | all | yes
-
-## 遗留问题
-
-- [ ] PieChart设置圆环设置为3D，中间圆环显示问题，svg问题。 [issue#7](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/7)
-- [X] BarChart设置barBackgroundPattern显示问题，svg问题。 [issue#6](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/6)
-- [ ] LineChart设置customDataPoint不显示，svg问题。 [issue#8](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/8)
-- [ ] PieChartPro饼图设置animated为true，动画会卡顿，RN框架问题。 [issue#9](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/9)
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/blob/master/LICENSE) ，请自由地享受和参与开源。
+| Name                         | Description                                                                                                      | Type                       | Required | Platform | HarmonyOS Support |
+| ---------------------------- | ---------------------------------------------------------------------------------------------------------------- | -------------------------- | -------- | -------- | ----------------- |
+| height                       | height of chart body (excluding x-axis labels)                                                                   | number                     | no       | all      | yes               |
+| width                        | width of chart body                                                                                              | number                     | no       | all      | yes               |
+| data                         | array of objects, each object is described by **popnPyramidDataItem**                                            | Array<popnPyramidDataItem> | no       | all      | yes               |
+| hideRules                    | when set to true, hides horizontal rules (which are displayed in the background of the charts)                   | boolean                    | no       | all      | yes               |
+| rulesThickness               | thickness of the horizontal rules                                                                                | number                     | no       | all      | yes               |
+| rulesColor                   | color of the horizontal rules                                                                                    | ColorValue                 | no       | all      | yes               |
+| rulesType                    | type of the horizontal rules - SOLID or DASHED/DOTTED                                                            | RuleTypes                  | no       | all      | yes               |
+| dashWidth                    | width of each dash in the horizontal rules                                                                       | number                     | no       | all      | yes               |
+| dashGap                      | gap between each dash in the horizontal rules                                                                    | number                     | no       | all      | yes               |
+| stepHeight                   | height of each step/horizontal section in the chart body                                                         | number                     | no       | all      | yes               |
+| verticalMarginBetweenBars    | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| hideYAxisText                | hide Y axis labels, when not set to true, a gap will be left to the left of the chart                            | boolean                    | no       | all      | yes               |
+| yAxisLabelWidth              | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| yAxisColor                   | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
+| yAxisThickness               | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| yAxisStrokeDashArray         | used to render a dashed or dotted Y axis line ([dashWidth,dashGap])                                              | Array<number>              | no       | all      | yes               |
+| xAxisColor                   | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
+| xAxisThickness               | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| xAxisType                    | type of X-axis- SOLID, DASHED or DOTTED                                                                          | RuleTypes                  | no       | all      | yes               |
+| xAxisNoOfSections            | number of sections in X-axis (in both left and right parts)                                                      | number                     | no       | all      | yes               |
+| showXAxisIndices             | when set to true, shows small lines (indices) at each section of x-axis                                          | boolean                    | no       | all      | yes               |
+| xAxisIndicesWidth            | width of x axis indices                                                                                          | number                     | no       | all      | yes               |
+| xAxisIndicesHeight           | height of x axis indices                                                                                         | number                     | no       | all      | yes               |
+| xAxisIndicesColor            | color of of x axis indices                                                                                       | ColorValue                 | no       | all      | yes               |
+| xAxisIndicesShiftY           | used to shift x axis indices downwards or upwards                                                                | number                     | no       | all      | yes               |
+| showXAxisLabelTexts          | self explanatory                                                                                                 | boolean                    | no       | all      | yes               |
+| xAxisLabelFontSize           | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| xAxisLabelColor              | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
+| xAxisLabelFontStyle          | self explanatory                                                                                                 | FontStyle                  | no       | all      | yes               |
+| xAxisLabelFontWeight         | self explanatory                                                                                                 | FontWeight                 | no       | all      | yes               |
+| xAxisLabelFontFamily         | self explanatory                                                                                                 | string                     | no       | all      | yes               |
+| xAxisLabelShiftX             | horizontally shifts the x axis labels by given value                                                             | number                     | no       | all      | yes               |
+| xAxisLabelShiftY             | vertically shifts the x axis labels by given value                                                               | number                     | no       | all      | yes               |
+| xAxisRoundToDigits           | number of decimal places upto which x axis labels will be displayed                                              | number                     | no       | all      | yes               |
+| xAxisLabelPrefix             | The String prepended to the x axis label text (for example- '$')                                                 | string                     | no       | all      | yes               |
+| xAxisLabelSuffix             | The String appended to the x axis label text                                                                     | string                     | no       | all      | yes               |
+| formatXAxisLabels            | a callback function that takes the label generated by the library and modifies it                                | (label: string) => string  | no       | all      | yes               |
+| showVerticalLines            | show vertical lines (similar to horiz rules) in background of the chart                                          | boolean                    | no       | all      | yes               |
+| verticalLinesColor           | Color of the vertical lines                                                                                      | ColorValue                 | no       | all      | yes               |
+| verticalLinesThickness       | Thickness of the vertical lines                                                                                  | number                     | no       | all      | yes               |
+| verticalLinesStrokeDashArray | used to render dashed or dotted vertical lines ([dashWidth,dashGap])                                             | Array<number>              | no       | all      | yes               |
+| noOfSections                 | Number of sections (and horiz rules) in the Y axis                                                               | number                     | no       | all      | yes               |
+| barsMapToYAxisSections       | this prop tells whether the number of sections in the Y axis is equal to the length of data array                | boolean                    | no       | all      | yes               |
+| showYAxisIndices             | when set to true, shows small lines (indices) at each section of y-axis                                          | boolean                    | no       | all      | yes               |
+| yAxisIndicesWidth            | width of y axis indices                                                                                          | number                     | no       | all      | yes               |
+| yAxisIndicesHeight           | height of y axis indices                                                                                         | number                     | no       | all      | yes               |
+| yAxisIndicesColor            | color of of x axis indices                                                                                       | ColorValue                 | no       | all      | yes               |
+| yAxisLabelColor              | color of of x axis label text                                                                                    | ColorValue                 | no       | all      | yes               |
+| yAxisLabelFontSize           | font size of of of x axis label text =                                                                           | number                     | no       | all      | yes               |
+| yAxisLabelTextMarginRight    | space left between the y axis labels and the y axis line                                                         | number                     | no       | all      | yes               |
+| yAxisLabelTexts              | An array of string labels to be rendered as Y axis labels (top to bottom)                                        | Array<string>              | no       | all      | yes               |
+| yAxisLabelFontStyle          | self explanatory                                                                                                 | FontStyle                  | no       | all      | yes               |
+| yAxisLabelFontWeight         | self explanatory                                                                                                 | FontWeight                 | no       | all      | yes               |
+| yAxisLabelFontFamily         | self explanatory                                                                                                 | string                     | no       | all      | yes               |
+| showValuesAsBarLabels        | when set to true, displays the left and right values as labels beside the respective bars                        | boolean                    | no       | all      | yes               |
+| showMidAxis                  | when set to true, displays an axis in the mid - between the left and right halves of the pyramid                 | boolean                    | no       | all      | yes               |
+| midAxisThickness             | thickness of the mid axis lines                                                                                  | number                     | no       | all      | yes               |
+| midAxisLabelWidth            | width of the mid axis                                                                                            | number                     | no       | all      | yes               |
+| midAxisColor                 | color of the mid axis lines                                                                                      | ColorValue                 | no       | all      | yes               |
+| midAxisLeftColor             | color of the left mid axis line                                                                                  | ColorValue                 | no       | all      | yes               |
+| midAxisRightColor            | color of the right mid axis line                                                                                 | ColorValue                 | no       | all      | yes               |
+| midAxisStrokeDashArray       | used to render dashed or dotted mid axis lines ([dashWidth,dashGap])                                             | Array<number>              | no       | all      | yes               |
+| midAxisLabelFontSize         | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| midAxisLabelColor            | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
+| midAxisLabelFontStyle        | self explanatory                                                                                                 | FontStyle                  | no       | all      | yes               |
+| midAxisLabelFontWeight       | self explanatory                                                                                                 | FontWeight                 | no       | all      | yes               |
+| midAxisLabelFontFamily       | self explanatory                                                                                                 | string                     | no       | all      | yes               |
+| barLabelWidth                | width of the labels displayed behind the bars (both left and right bars)                                         | number                     | no       | all      | yes               |
+| barLabelFontSize             | font size of the labels displayed behind the bars (both left and right bars)                                     | number                     | no       | all      | yes               |
+| barLabelColor                | color of the of the labels displayed behind the bars (both left and right bars)                                  | ColorValue                 | no       | all      | yes               |
+| barLabelFontStyle            | font style of the labels displayed behind the bars (both left and right bars)                                    | FontStyle                  | no       | all      | yes               |
+| barLabelFontWeight           | font weight of the labels displayed behind the bars (both left and right bars)                                   | FontWeight                 | no       | all      | yes               |
+| barLabelFontFamily           | font family of the labels displayed behind the bars (both left and right bars)                                   | string                     | no       | all      | yes               |
+| leftBarLabelWidth            | width of the labels displayed behind the left bars                                                               | number                     | no       | all      | yes               |
+| leftBarLabelFontSize         | font size of the labels displayed behind the left bars                                                           | number                     | no       | all      | yes               |
+| leftBarLabelColor            | color of the labels displayed behind the left bars                                                               | ColorValue                 | no       | all      | yes               |
+| leftBarLabelFontStyle        | font style of the labels displayed behind the left bars                                                          | FontStyle                  | no       | all      | yes               |
+| leftBarLabelFontWeight       | font weight of the labels displayed behind the left bars                                                         | FontWeight                 | no       | all      | yes               |
+| leftBarLabelFontFamily       | font family of the labels displayed behind the left bars                                                         | string                     | no       | all      | yes               |
+| leftBarLabelShift            | value by which the left bar labels should be shifted horizontally (kind of margin b/w label and bar)             | number                     | no       | all      | yes               |
+| leftBarLabelPrefix           | The String prepended to the left bar label text (for example- '$')                                               | string                     | no       | all      | yes               |
+| leftBarLabelSuffix           | The String appended to the left bar label text                                                                   | string                     | no       | all      | yes               |
+| rightBarLabelWidth           | width of the labels displayed behind the right bars                                                              | number                     | no       | all      | yes               |
+| rightBarLabelFontSize        | font size of the labels displayed behind the right bars                                                          | number                     | no       | all      | yes               |
+| rightBarLabelColor           | color of the labels displayed behind the right bars                                                              | ColorValue                 | no       | all      | yes               |
+| rightBarLabelFontStyle       | font style of the labels displayed behind the right bars                                                         | FontStyle                  | no       | all      | yes               |
+| rightBarLabelFontWeight      | font weight of the labels displayed behind the right bars                                                        | FontWeight                 | no       | all      | yes               |
+| rightBarLabelFontFamily      | font family of the labels displayed behind the right bars                                                        | string                     | no       | all      | yes               |
+| rightBarLabelShift           | value by which the right bar labels should be shifted horizontally (kind of margin b/w label and bar)            | number                     | no       | all      | yes               |
+| rightBarLabelPrefix          | The String prepended to the right bar label text (for example- '$')                                              | string                     | no       | all      | yes               |
+| rightBarLabelSuffix          | The String appended to the right bar label text                                                                  | string                     | no       | all      | yes               |
+| formatBarLabels              | a callback function that takes the label generated by the library and modifies it                                | (label: string) => string  | no       | all      | yes               |
+| leftBarColor                 | color of the bars displayed in the left half of the pyramid                                                      | ColorValue                 | no       | all      | yes               |
+| rightBarColor                | color of the bars displayed in the right half of the pyramid                                                     | ColorValue                 | no       | all      | yes               |
+| leftBarBorderColor           | border color of the bars displayed in the left half of the pyramid                                               | ColorValue                 | no       | all      | yes               |
+| rightBarBorderColor          | border color of the bars displayed in the right half of the pyramid                                              | ColorValue                 | no       | all      | yes               |
+| barBorderWidth               | boder width of the bars (both left and right bars)                                                               | number                     | no       | all      | yes               |
+| leftBarBorderWidth           | boder width of the bars displayed in the left half of the pyramid                                                | number                     | no       | all      | yes               |
+| rightBarBorderWidth          | boder width of the bars displayed in the right half of the pyramid                                               | number                     | no       | all      | yes               |
+| barBorderRadius              | boder radius of the bars                                                                                         | number                     | no       | all      | yes               |
+| leftBarBorderRadius          | boder width of the bars displayed in the left half of the pyramid                                                | number                     | no       | all      | yes               |
+| rightBarBorderRadius         | boder width of the bars displayed in the right half of the pyramid                                               | number                     | no       | all      | yes               |
+| allCornersRounded            | when set to true, border radius will apply to all the four corners of the bars, else applied only on outer edges | boolean                    | no       | all      | yes               |
+| showSurplus                  | shows surplus values on the edges in highlighted colors (extra width of the bigger bar is highlighted )          | boolean                    | no       | all      | yes               |
+| showSurplusLeft              | shows surplus values on the left edges in highlighted colors (extra width of the bigger bar is highlighted )     | boolean                    | no       | all      | yes               |
+| showSurplusRight             | shows surplus values on the right edges in highlighted colors (extra width of the bigger bar is highlighted )    | boolean                    | no       | all      | yes               |
+| leftSurplusColor             | highlight color of the left surplus                                                                              | ColorValue                 | no       | all      | yes               |
+| leftSurplusBorderColor       | border color of the left surplus                                                                                 | ColorValue                 | no       | all      | yes               |
+| rightSurplusColor            | highlight color of the right surplus                                                                             | ColorValue                 | no       | all      | yes               |
+| rightSurplusBorderColor      | border color of the right surplus                                                                                | ColorValue                 | no       | all      | yes               |
+| leftSurplusBorderWidth       | border width of the left surplus                                                                                 | number                     | no       | all      | yes               |
+| rightSurplusBorderWidth      | border width of the right surplus                                                                                | number                     | no       | all      | yes               |
+
+## Known Issues
+
+- [ ] PieChart 设置圆环设置为 3D，中间圆环显示问题，svg 问题。 [issue#7](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/7)
+- [x] BarChart 设置 barBackgroundPattern 显示问题，svg 问题。 [issue#6](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/6)
+- [ ] LineChart 设置 customDataPoint 不显示，svg 问题。 [issue#8](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/8)
+- [ ] PieChartPro 饼图设置 animated 为 true，动画会卡顿，RN 框架问题。 [issue#9](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/9)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/blob/master/LICENSE).
diff --git a/en/react-native-graph.md b/en/react-native-graph.md
index d5264d4b..5f2ff895 100644
--- a/en/react-native-graph.md
+++ b/en/react-native-graph.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-graph</code> </h1>
@@ -12,150 +12,146 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/margelo/react-native-graph)
+> [!TIP] [ GitHub address](https://github.com/margelo/react-native-graph)
 
-## 安装与使用
+## Installation and Usage
 
-
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
 ```bash
-npm install react-native-graph@1.1.0
+npm install react-natvie-graph@1.1.0
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-graph@1.1.0
+yarn add react-natvie-graph@1.1.0
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```ts
-import React, {  useState } from 'react'
-import { View, StyleSheet, Text, Button } from 'react-native'
-import { LineGraph } from 'react-native-graph'
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import React, { useState } from "react";
+import { View, StyleSheet, Text, Button } from "react-native";
+import { LineGraph } from "react-native-graph";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
 
 interface GraphPoint {
-    value: number
-    date: Date
-  }
+  value: number;
+  date: Date;
+}
 interface GraphXRange {
-    min: Date;
-    max: Date;
+  min: Date;
+  max: Date;
 }
 interface GraphYRange {
-    min: number;
-    max: number;
+  min: number;
+  max: number;
 }
 interface GraphPathRange {
-    x: GraphXRange;
-    y: GraphYRange;
+  x: GraphXRange;
+  y: GraphYRange;
 }
 type GraphRange = Partial<GraphPathRange>;
 type Color = string | Float32Array | number | number[];
 
-export default function() {
-    const generateRandomGraphData=(length: number): GraphPoint[]=>{
-        return Array<number>(length)
-          .fill(0)
-          .map((_, index) => ({
-            date: new Date(
-              new Date(2000, 0, 1).getTime() + 1000 * 60 * 60 * 24 * index
-            ),
-            value: Math.random()*10,
-          }))
-      }
-    const POINT_COUNT=50
-      const POINTS = generateRandomGraphData(POINT_COUNT)
-      const [points, setPoints] = useState(POINTS)
-      const [isAnimated, setIsAnimated] = useState(true)
-      const [enablePanGesture, setEnablePanGesture] = useState(false)
-
-      const color='#dd4400'
-  
-      
-    return (
-        <View style={{ flex: 1 }}>
-    <GestureHandlerRootView style={{ flex: 1 }}>
+export default function () {
+  const generateRandomGraphData = (length: number): GraphPoint[] => {
+    return Array<number>(length)
+      .fill(0)
+      .map((_, index) => ({
+        date: new Date(
+          new Date(2000, 0, 1).getTime() + 1000 * 60 * 60 * 24 * index
+        ),
+        value: Math.random() * 10,
+      }));
+  };
+  const POINT_COUNT = 50;
+  const POINTS = generateRandomGraphData(POINT_COUNT);
+  const [points, setPoints] = useState(POINTS);
+  const [isAnimated, setIsAnimated] = useState(true);
+  const [enablePanGesture, setEnablePanGesture] = useState(false);
+
+  const color = "#dd4400";
+
+  return (
+    <View style={{ flex: 1 }}>
+      <GestureHandlerRootView style={{ flex: 1 }}>
         <Text>{`enablePanGesture value is ${enablePanGesture}`}</Text>
-        <LineGraph 
-        style={styles.graph}
-        animated={isAnimated}
-        color={color}
-        points={points}
-        enablePanGesture={enablePanGesture}
+        <LineGraph
+          style={styles.graph}
+          animated={isAnimated}
+          color={color}
+          points={points}
+          enablePanGesture={enablePanGesture}
+        />
+        <Button
+          title="change enablePanGesture"
+          onPress={() => setEnablePanGesture(!enablePanGesture)}
         />
-        <Button title='change enablePanGesture' onPress={()=>setEnablePanGesture(!enablePanGesture)} />
-     </GestureHandlerRootView>
+      </GestureHandlerRootView>
     </View>
-    )
-
+  );
 }
 
 const styles = StyleSheet.create({
-
-    graph: {
-        alignSelf: 'center',
-        width: '100%',
-        aspectRatio: 1.4,
-        marginVertical: 20,
-      },
-})
+  graph: {
+    alignSelf: "center",
+    width: "100%",
+    aspectRatio: 1.4,
+    marginVertical: 20,
+  },
+});
 ```
-## Link
-
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated , @react-native-oh-tpl/react-native-gesture-handler , @react-native-oh-tpl/react-native-skia 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
-
-如未引入请参照[@react-native-oh-tpl/react-native-reanimated文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-skia文档](/zh-cn/react-native-skia.md)、进行引入
-## 约束与限制
-
-### 兼容性
 
-本文档内容基于以下版本验证通过：
-
-1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta5 5.0.0.60; IDE：DevEco Studio 5.0.3.655; ROM：3.0.0.60
-
-2. RNOH：0.72.31; SDK：HarmonyOS NEXT Beta1 SDK 5.0.0.68; IDE：DevEco Studio 5.0.3.810; ROM：5.0.0.60
-
-## 属性
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+## Link
 
-| Name                          | Description                                     | Type     | Required | Platform    | HarmonyOS Support |
-| ----------------------------- | ----------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| `animated` | Whether to animate between data changes             | Boolean   | yes       | iOS/Android | yes               |
-| `points` | All points to be marked in the graph. Coordinate system will adjust to scale automatically.                   | GraphPoint[]   | yes       | iOS/Android | yes               |
-| `color`| Color of the graph line (path)              | String   | yes       | iOS/Android | yes               |
-| `enableFadeInMask` |Enable the Fade-In Gradient Effect at the beginning of the Graph| Boolean| no       | iOS/Android | yes               |
-| `lineThickness` |The width of the graph line (path)| Number | no       | iOS/Android | yes               |
-| `gradientFillColors` |(Optional) Colors for the fill gradient below the graph line| Color[] | no       | iOS/Android | yes               |
-| `range` |Range of the graph's x and y-axis. The range must be greaterthan the range given by the points| GraphRange | no       | iOS/Android | yes               |
-| `enablePanGesture`| Whether to enable the pan gesture.(animated Property must be true)              | Boolean   | no       | iOS/Android | yes               |
-| `horizontalPadding` | Horizontal padding applied to graph, so the pan gesture dot doesn't get cut off horizontally(animated Property must be true)      | Number   | no       | iOS/Android | yes               |
-| `verticalPadding`| Vertical padding applied to graph, so the pan gesture dot doesn't get cut off vertically(animated Property must be true) | Number  | no       | iOS/Android | yes               |
-| `enableIndicator`| Enables an indicator which is displayed at the end of the graph(animated Property must be true)  | Boolean  | no       | iOS/Android | yes               |
-| `indicatorPulsating`  | Let's the indicator pulsate(animated GraphEnableIndicator Property must be true) | Boolean  | no       | iOS/Android | yes               |
-| `panGestureDelay`| Delay after which the pan gesture starts(animated enablePanGesture Property must be true)`}| Number  | no       | iOS/Android | yes               |
-| `onPointSelected`  | Called for each point while the user is scrubbing/panning through the graph(animated enablePanGesture Property must be true)| (point: GraphPoint) => void | no       | iOS/Android | yes               |
-| `onGestureStart` |Called once the user starts scrubbing/panning through the graph (animated enablePanGesture Property must be true)|  () => void | no       | iOS/Android | yes               |
-| `onGestureEnd` |Called once the user stopped scrubbing/panning through the graph (animated enablePanGesture Property must be true)| () => void | no       | iOS/Android | yes               |
-| `SelectionDot`|The element that renders the selection dot(animated enablePanGesture Property must be true)| React.ComponentType\<SelectionDotProps> \| null | no       | iOS/Android | yes               |
-| `TopAxisLabel` |The element that gets rendered above the Graph (usually the "max" point/value of the Graph)(animated Property must be true)| React.ReactElement \| null | no       | iOS/Android | yes               |
-| `BottomAxisLabel` |The element that gets rendered below the Graph (usually the "min" point/value of the Graph)(animated Property must be true)| React.ReactElement \| null | no       | iOS/Android | yes               |
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated , @react-native-oh-tpl/react-native-gesture-handler , @react-native-oh-tpl/react-native-skia. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
+If it is not included, follow the guide provided in[@react-native-oh-tpl/react-native-reanimated docs](/en/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler docs](/en/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-skia docs](/en/react-native-skia.md) to add it to your project.
 
+## Constraints
 
-## 遗留问题
+### Compatibility
 
-## 其他
-- react-native-graph 的animated属性 原库代码现在有问题 无论是false还是true，数据变化都是静态变化，没有动画效果，原库中有使用者提issue和PR，添加合入相应PR代码后才能动画正常[issue#111](https://github.com/margelo/react-native-graph/pull/111)
-## 开源协议
+This document is verified based on the following versions:
 
-本项目基于 [The MIT License (MIT)](https://github.com/margelo/react-native-graph/blob/main/LICENSE) ，请自由地享受和参与开源。
+1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta5 5.0.0.60; IDE：DevEco Studio 5.0.3.655; ROM：3.0.0.60
 
+## Properties
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                 | Description                                                                                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| `animated`           | Whether to animate between data changes                                                                                      | Boolean                                         | yes      | iOS/Android | yes               |
+| `points`             | All points to be marked in the graph. Coordinate system will adjust to scale automatically.                                  | GraphPoint[]                                    | yes      | iOS/Android | yes               |
+| `color`              | Color of the graph line (path)                                                                                               | String                                          | yes      | iOS/Android | yes               |
+| `enableFadeInMask`   | Enable the Fade-In Gradient Effect at the beginning of the Graph                                                             | Boolean                                         | no       | iOS/Android | yes               |
+| `lineThickness`      | The width of the graph line (path)                                                                                           | Number                                          | no       | iOS/Android | yes               |
+| `gradientFillColors` | (Optional) Colors for the fill gradient below the graph line                                                                 | Color[]                                         | no       | iOS/Android | yes               |
+| `range`              | Range of the graph's x and y-axis. The range must be greaterthan the range given by the points                               | GraphRange                                      | no       | iOS/Android | yes               |
+| `enablePanGesture`   | Whether to enable the pan gesture.(animated Property must be true)                                                           | Boolean                                         | no       | iOS/Android | yes               |
+| `horizontalPadding`  | Horizontal padding applied to graph, so the pan gesture dot doesn't get cut off horizontally(animated Property must be true) | Number                                          | no       | iOS/Android | yes               |
+| `verticalPadding`    | Vertical padding applied to graph, so the pan gesture dot doesn't get cut off vertically(animated Property must be true)     | Number                                          | no       | iOS/Android | yes               |
+| `enableIndicator`    | Enables an indicator which is displayed at the end of the graph(animated Property must be true)                              | Boolean                                         | no       | iOS/Android | yes               |
+| `indicatorPulsating` | Let's the indicator pulsate(animated GraphEnableIndicator Property must be true)                                             | Boolean                                         | no       | iOS/Android | yes               |
+| `panGestureDelay`    | Delay after which the pan gesture starts(animated enablePanGesture Property must be true)`}                                  | Number                                          | no       | iOS/Android | yes               |
+| `onPointSelected`    | Called for each point while the user is scrubbing/panning through the graph(animated enablePanGesture Property must be true) | (point: GraphPoint) => void                     | no       | iOS/Android | yes               |
+| `onGestureStart`     | Called once the user starts scrubbing/panning through the graph (animated enablePanGesture Property must be true)            | () => void                                      | no       | iOS/Android | yes               |
+| `onGestureEnd`       | Called once the user stopped scrubbing/panning through the graph (animated enablePanGesture Property must be true)           | () => void                                      | no       | iOS/Android | yes               |
+| `SelectionDot`       | The element that renders the selection dot(animated enablePanGesture Property must be true)                                  | React.ComponentType\<SelectionDotProps> \| null | no       | iOS/Android | yes               |
+| `TopAxisLabel`       | The element that gets rendered above the Graph (usually the "max" point/value of the Graph)(animated Property must be true)  | React.ReactElement \| null                      | no       | iOS/Android | yes               |
+| `BottomAxisLabel`    | The element that gets rendered below the Graph (usually the "min" point/value of the Graph)(animated Property must be true)  | React.ReactElement \| null                      | no       | iOS/Android | yes               |
+
+## Known Issues
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/margelo/react-native-graph/blob/main/LICENSE).
diff --git a/en/react-native-hyperlink.md b/en/react-native-hyperlink.md
index 52edab46..c1ccd99d 100644
--- a/en/react-native-hyperlink.md
+++ b/en/react-native-hyperlink.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-hyperlink</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/obipawan/react-native-hyperlink)
+> [!TIP] [ GitHub address](https://github.com/obipawan/react-native-hyperlink)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -33,7 +33,7 @@ npm install react-native-hyperlink@0.0.22
 yarn add react-native-hyperlink@0.0.22
 ```
 
-使用时,还需在项目下的module.json5处配置querySchemes
+使用时,还需在项目下的 module.json5 处配置 querySchemes
 
 ```diff
 {
@@ -46,9 +46,9 @@ yarn add react-native-hyperlink@0.0.22
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -76,35 +76,35 @@ export default function App() {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name            | Description                                                                       | Type                     | Required | Platform | HarmonyOS Support |
-| --------------- | --------------------------------------------------------------------------------- | ------------------------ | -------- | -------- | ----------------- |
-| linkify         | linkify-it object, for custom schema                                              | object                   | no       | all      | yes               |
-| linkStyle       | highlight clickable text with styles                                              | object                   | no       | all      | yes               |
-| linkText        | A string or a func to replace parsed text                                         | string   &#124; function | no       | all      | yes               |
-| onPress         | Func to handle click over a clickable text with parsed text as arg                | function                 | no       | all      | yes               |
-| onLongPress     | Func to handle long click over a clickable text with parsed text as arg           | function                 | no       | all      | yes               |
-| linkDefault     | A platform specific fallback to handle onPress. Uses Linking. Disabled by default | boolean                  | no       | all      | yes               |
-| injectViewProps | Func with url as a param to inject props to the clickable component               | function                 | no       | all      | yes               |
+| Name            | Description                                                                       | Type                   | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------- | ---------------------- | -------- | -------- | ----------------- |
+| linkify         | linkify-it object, for custom schema                                              | object                 | no       | all      | yes               |
+| linkStyle       | highlight clickable text with styles                                              | object                 | no       | all      | yes               |
+| linkText        | A string or a func to replace parsed text                                         | string &#124; function | no       | all      | yes               |
+| onPress         | Func to handle click over a clickable text with parsed text as arg                | function               | no       | all      | yes               |
+| onLongPress     | Func to handle long click over a clickable text with parsed text as arg           | function               | no       | all      | yes               |
+| linkDefault     | A platform specific fallback to handle onPress. Uses Linking. Disabled by default | boolean                | no       | all      | yes               |
+| injectViewProps | Func with url as a param to inject props to the clickable component               | function               | no       | all      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/obipawan/react-native-hyperlink/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/obipawan/react-native-hyperlink/blob/master/LICENSE).
diff --git a/en/react-native-image-capinsets-next.md b/en/react-native-image-capinsets-next.md
index 61c121d4..388762bf 100644
--- a/en/react-native-image-capinsets-next.md
+++ b/en/react-native-image-capinsets-next.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-capinsets-next</code> </h1>
@@ -14,15 +14,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-capinsets-next)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-capinsets-next)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,21 +40,20 @@ yarn add @react-native-oh-tpl/react-native-image-capinsets-next@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import ImageCapInset from 'react-native-image-capinsets-next';
-import React, {useState} from 'react';
-import {View, StyleSheet, Text, Switch} from 'react-native';
+import ImageCapInset from "react-native-image-capinsets-next";
+import React, { useState } from "react";
+import { View, StyleSheet, Text, Switch } from "react-native";
 
 const YourImage = () => {
-  // 以下图片资源可在img文件夹中获取
-  const img1 = require('./capinset_bg.png');
-  const img2 = require('./capinset_bg2.png');
-  const initInset = JSON.stringify({top: 4, right: 3, bottom: 4, left: 12});
-  const initInset2 = JSON.stringify({top: 1, right: 1, bottom: 1, left: 5});
+  const img1 = require("./capinset_bg.png");
+  const img2 = require("./capinset_bg2.png");
+  const initInset = JSON.stringify({ top: 4, right: 3, bottom: 4, left: 12 });
+  const initInset2 = JSON.stringify({ top: 1, right: 1, bottom: 1, left: 5 });
   const [currentImg, setCurrentImg] = useState(img1);
   const [currentCapInset, setCurrentCapInset] = useState(JSON.parse(initInset));
 
@@ -74,23 +73,24 @@ const YourImage = () => {
       <ImageCapInset
         style={styles.imgStyle}
         source={currentImg}
-        capInsets={currentCapInset}>
-        <Text>图片内容2</Text>
+        capInsets={currentCapInset}
+      >
+        <Text>image content 2</Text>
       </ImageCapInset>
       <View style={styles.switchItem}>
-        <Text>切换图片: </Text>
+        <Text>switch image: </Text>
         <Switch
-          trackColor={{false: '#767577', true: '#81b0ff'}}
-          thumbColor={currentImg === img1 ? '#f5dd4b' : '#f4f3f4'}
+          trackColor={{ false: "#767577", true: "#81b0ff" }}
+          thumbColor={currentImg === img1 ? "#f5dd4b" : "#f4f3f4"}
           ios_backgroundColor="#3e3e3e"
           onValueChange={onChangeUrl}
           value={currentImg === img1 ? true : false}
         />
       </View>
       <View style={styles.switchItem}>
-        <Text>切换Inset: </Text>
+        <Text>switch Inset: </Text>
         <Switch
-          thumbColor={currentCapInset === initInset ? '#f5dd4b' : '#f4f3f4'}
+          thumbColor={currentCapInset === initInset ? "#f5dd4b" : "#f4f3f4"}
           onValueChange={onChangeInset}
           value={JSON.stringify(currentCapInset) === initInset ? true : false}
         />
@@ -102,38 +102,38 @@ const YourImage = () => {
 const styles = StyleSheet.create({
   container: {
     paddingTop: 50,
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
   },
   imgStyle: {
     width: 200,
     height: 40,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'lightblue',
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "lightblue",
   },
   switchItem: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
   },
 });
 
 export default YourImage;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -144,18 +144,15 @@ export default YourImage;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -164,22 +161,22 @@ export default YourImage;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNCImageCapInsets 组件
+### 3. Introducing RNCImageCapInsets Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+(If the code of the repository is written through CAPI, delete this section.)<br>Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -199,9 +196,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -212,9 +209,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 4.在 ArkTs 侧引入 xxx Package
+### 4. Introducing RNCImageCapInsetsPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -228,45 +225,42 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
-
-### 兼容性
-
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Then build and run the code.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)
+## Constraints
 
+### Compatibility
 
-## 属性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+## Properties
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| source  | Image source data         | [ImageSource](https://reactnative.cn/docs/next/image#imagesource)  | yes | All      | yes |
-| capInsets  | When the image is scaled, the size of the corners specified by the capInsets is fixed without scaling, while the rest of the middle and sides are stretched. This is useful for making variable-size rounded button shadows and other resources         | [Rect](https://reactnative.cn/docs/next/rect)   | no | All      | yes |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-## 其他
+| Name      | Description                                                                                                                                                                                                                                     | Type                                                              | Required | Platform | HarmonyOS Support |
+| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | -------- | -------- | ----------------- |
+| source    | Image source data                                                                                                                                                                                                                               | [ImageSource](https://reactnative.cn/docs/next/image#imagesource) | yes      | All      | yes               |
+| capInsets | When the image is scaled, the size of the corners specified by the capInsets is fixed without scaling, while the rest of the middle and sides are stretched. This is useful for making variable-size rounded button shadows and other resources | [Rect](https://reactnative.cn/docs/next/rect)                     | no       | All      | yes               |
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/en/react-native-image-colors.md b/en/react-native-image-colors.md
index bcee4091..3d2056dd 100644
--- a/en/react-native-image-colors.md
+++ b/en/react-native-image-colors.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-colors</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-colors)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-colors)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-image-colors@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useEffect, useState } from 'react'
@@ -113,7 +113,7 @@ export default function demo() {
     <View style={styles.container}>
       <SafeAreaView style={styles.resultContainer}>
         <Text style={styles.loading}>Result:</Text>
-        <Button title='按钮' onPress={() => fetchColors() }></Button>
+        <Button title='button' onPress={() => fetchColors() }></Button>
         <Text style={styles.result}>{colors.rawResult}</Text>
       </SafeAreaView>
       <Image
@@ -197,17 +197,17 @@ const styles = StyleSheet.create({
 })
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -218,18 +218,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -238,22 +235,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNImageColorsPackage
+### 3. Introducing RNImageColorsPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -267,63 +264,61 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases)
 
 ## API
 
 ### ImageColors.getColors(uri: string, config?: Config): Promise
 
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                           | Type     | Required | Platform | HarmonyOS Support |
 | --------- | ------------------------------------- | -------- | -------- | -------- | ----------------- |
 | getColors | Fetch prominent colors from an image. | Function | yes      | all      | yes               |
 
-
 ### Uri
 
 A string which can be:
 
-| Name      | Description                           | Type     | Required | Platform | HarmonyOS Support |
-| --------- | ------------------------------------- | -------- | -------- | -------- | ----------------- |
-| uri |  1. URL: [`https://i.imgur.com/O3XSdU7.jpg`](https://i.imgur.com/O3XSdU7.jpg);<br>2. Local file: const catImg = require('./images/cat.jpg');<br>3. Base64: const catImgBase64 = 'data:image/jpeg;base64,/9j/4Ri...' | string | yes      | all | yes               |
+| Name | Description                                                                                                                                                                                                        | Type   | Required | Platform | HarmonyOS Support |
+| ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| uri  | 1. URL: [`https://i.imgur.com/O3XSdU7.jpg`](https://i.imgur.com/O3XSdU7.jpg);<br>2. Local file: const catImg = require('./images/cat.jpg');<br>3. Base64: const catImgBase64 = 'data:image/jpeg;base64,/9j/4Ri...' | string | yes      | all      | yes               |
 
-  > The mime type prefix for base64 is required (e.g. data:image/png;base64).
+> The mime type prefix for base64 is required (e.g. data:image/png;base64).
 
 ### Config
 
 The config object is optional.
 
-| Name       | Description                                                                                                                                                                                    | Type                                                   | Required                                           | Default     | Supported | HarmonyOS Support |
-| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | ----------- | ------------------- | ----------------- | ----------------- |
-| `fallback`     | If a color property couldn't be retrieved, it will default to this hex color string                                                         | `string`                                               | no                                             | `"#000000"` | all              | yes |
-| `cache`        | Enables in-memory caching of the result - skip downloading the same image next time.                                                                                                           | `boolean`                                              | no                                            | `false`     | all              | yes |
-| `key`          | Unique key to use for the cache entry. The image URI is used as the unique key by default. You should explicitly pass a key if you enable caching and you're using a base64 string as the URI. | `string`                                               | no                                             | `undefined` | all              | yes |
-| `headers`      | HTTP headers to be sent along with the GET request to download the image                                                                                                                       | `Record<string, string>`                               | no                             | `undefined` | iOS, Android        | yes |
-| `pixelSpacing` | How many pixels to skip when iterating over image pixels. Higher means better performance (**note**: value cannot be lower than 1).                                                            | `number`                                               | no                                             | `5`         | Android             | no |
-| `quality`      | Highest implies no downscaling and very good colors.                                                                                                                                           | `'lowest'` <br> `'low'` <br> `'high'` <br> `'highest'` | no | `'low'`     | iOS, Web          | no |
+| Name           | Description                                                                                                                                                                                    | Type                                                   | Required | Default     | Supported    | HarmonyOS Support |
+| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ------------ | ----------------- |
+| `fallback`     | If a color property couldn't be retrieved, it will default to this hex color string                                                                                                            | `string`                                               | no       | `"#000000"` | all          | yes               |
+| `cache`        | Enables in-memory caching of the result - skip downloading the same image next time.                                                                                                           | `boolean`                                              | no       | `false`     | all          | yes               |
+| `key`          | Unique key to use for the cache entry. The image URI is used as the unique key by default. You should explicitly pass a key if you enable caching and you're using a base64 string as the URI. | `string`                                               | no       | `undefined` | all          | yes               |
+| `headers`      | HTTP headers to be sent along with the GET request to download the image                                                                                                                       | `Record<string, string>`                               | no       | `undefined` | iOS, Android | yes               |
+| `pixelSpacing` | How many pixels to skip when iterating over image pixels. Higher means better performance (**note**: value cannot be lower than 1).                                                            | `number`                                               | no       | `5`         | Android      | no                |
+| `quality`      | Highest implies no downscaling and very good colors.                                                                                                                                           | `'lowest'` <br> `'low'` <br> `'high'` <br> `'highest'` | no       | `'low'`     | iOS, Web     | no                |
 
 ### ImageColorsResult
 
@@ -331,35 +326,34 @@ Every result object contains a respective `platform` key to help narrow down the
 
 HarmonyImageColors
 
-| Name                     | Description                                         | Type        | Required | Platform  | HarmonyOS Support |
-| ------------------------ | --------------------------------------------------- | ----------- | -------- | --------- | ----------------- |
-| `mainColor`              | The main colors of the image.                       | `string`    | no       | harmonyOS | yes               |
-| `largestProportionColor` | The color with the highest proportion in the image. | `string`    | no       | harmonyOS | yes               |
-| `highestSaturationColor` | The color with the highest saturation in the image. | `string`    | no       | harmonyOS | yes               |
-| `averageColor`           | The average color of the image.                     | `string`    | no       | harmonyOS | yes               |
-| `platform`               | The platform is HarmonyOS.                | `string` | no       | all | yes               |
+| Name                     | Description                                         | Type     | Required | Platform  | HarmonyOS Support |
+| ------------------------ | --------------------------------------------------- | -------- | -------- | --------- | ----------------- |
+| `mainColor`              | The main colors of the image.                       | `string` | no       | harmonyOS | yes               |
+| `largestProportionColor` | The color with the highest proportion in the image. | `string` | no       | harmonyOS | yes               |
+| `highestSaturationColor` | The color with the highest saturation in the image. | `string` | no       | harmonyOS | yes               |
+| `averageColor`           | The average color of the image.                     | `string` | no       | harmonyOS | yes               |
+| `platform`               | The platform is HarmonyOS.                          | `string` | no       | all       | yes               |
 
 ### ImageColors.cache
 
-| Name      | Description                           | Type     | Required | Params | Platform | HarmonyOS Support |
-| --------- | ------------------------------------- | -------- | -------- | -------- | -------- | ----------------- |
-| getItem | Read cache result. | Function | no      | key: string      | all      | yes               |
-| setItem | Set a cached result. | Function | no      | key: string, value: ImageColorsResult      | all      | yes               |
-| removeItem | Delete a cached result. | Function | no      | key: string      | all      | yes               |
-| clear | Clearing the cache. | Function | no      |                  | all      | yes               |
-
+| Name       | Description             | Type     | Required | Params                                | Platform | HarmonyOS Support |
+| ---------- | ----------------------- | -------- | -------- | ------------------------------------- | -------- | ----------------- |
+| getItem    | Read cache result.      | Function | no       | key: string                           | all      | yes               |
+| setItem    | Set a cached result.    | Function | no       | key: string, value: ImageColorsResult | all      | yes               |
+| removeItem | Delete a cached result. | Function | no       | key: string                           | all      | yes               |
+| clear      | Clearing the cache.     | Function | no       |                                       | all      | yes               |
 
 ### Notes
+
 - Since the implementation of each platform is different you can get **different color results for each**.
 - This module is a wrapper around the [Palette](https://developer.android.com/reference/androidx/palette/graphics/Palette) class on Android, [UIImageColors](https://github.com/jathu/UIImageColors) on iOS and [node-vibrant](https://github.com/Vibrant-Colors/node-vibrant) for the web and [@ohos.effectKit](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-effectkit-V5) on harmonyOS.
 
+## Known Issues
 
-## 遗留问题
-
-- [x] harmonyOS获取颜色值暂时只能得到固定的一种颜色，暂不支持通过传入`pixelSpacing`或`quality`参数来计算获取不同精确度的颜色值。[issue链接](https://github.com/react-native-oh-library/react-native-image-colors/issues/16) 
+- [x] harmonyOS 获取颜色值暂时只能得到固定的一种颜色，暂不支持通过传入`pixelSpacing`或`quality`参数来计算获取不同精确度的颜色值。[issue 链接](https://github.com/react-native-oh-library/react-native-image-colors/issues/16)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/osamaqarem/react-native-image-colors/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/osamaqarem/react-native-image-colors/blob/master/LICENSE).
diff --git a/en/react-native-image-marker.md b/en/react-native-image-marker.md
index be1f7462..e4242cda 100644
--- a/en/react-native-image-marker.md
+++ b/en/react-native-image-marker.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-marker</code> </h1>
@@ -12,16 +12,15 @@
     </a>
 </p>
 
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-image-marker)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-marker)
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,164 +38,175 @@ yarn add @react-native-oh-tpl/react-native-image-marker@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import Marker, {
-    Position, ImageMarkOptions,  TextMarkOptions
-  } from 'react-native-image-marker'
+  Position,
+  ImageMarkOptions,
+  TextMarkOptions,
+} from "react-native-image-marker";
 import React, { useState } from "react";
-import { StyleSheet, ScrollView, Text, View, Button, Image } from "react-native";
-import { Colors } from 'react-native/Libraries/NewAppScreen';
+import {
+  StyleSheet,
+  ScrollView,
+  Text,
+  View,
+  Button,
+  Image,
+} from "react-native";
+import { Colors } from "react-native/Libraries/NewAppScreen";
 
 export const ImageMarkerText = () => {
-    const [texturl, setTextMarkUrl] = useState('');
-    const [imageurl,setImageMarkUrl] = useState('');
-    const text_options: TextMarkOptions = {
-      backgroundImage: { src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yuekan/xintexing00.jpg' },
-      watermarkTexts: [{
-        text: 'hello world \n 你好',
+  const [texturl, setTextMarkUrl] = useState("");
+  const [imageurl, setImageMarkUrl] = useState("");
+  const text_options: TextMarkOptions = {
+    backgroundImage: {
+      src: "https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yuekan/xintexing00.jpg",
+    },
+    watermarkTexts: [
+      {
+        text: "hello world \n hello",
         position: {
           position: Position.topLeft,
         },
         style: {
-          color: '#FFFF00',
+          color: "#FFFF00",
           fontSize: 30,
-          fontName: 'Arial',
+          fontName: "Arial",
           rotate: 30,
           textBackgroundStyle: {
-            padding: '10% 10%',
-            color: '#02B96B',
+            padding: "10% 10%",
+            color: "#02B96B",
           },
           shadowStyle: {
             dx: 10,
             dy: 10,
             radius: 10,
-            color: '#008F6D',
+            color: "#008F6D",
           },
           strikeThrough: true,
           underline: true,
         },
-      }, {
-        text: 'hello world \n 你好',
+      },
+      {
+        text: "hello world \n hello",
         position: {
           position: Position.center,
         },
         style: {
-          color: '#FFFF00',
+          color: "#FFFF00",
           fontSize: 30,
-          fontName: 'Arial',
+          fontName: "Arial",
           textBackgroundStyle: {
-            padding: '10% 10%',
-            color: '#0FFF00',
+            padding: "10% 10%",
+            color: "#0FFF00",
           },
           strikeThrough: true,
           underline: true,
         },
-      }],
-    }
+      },
+    ],
+  };
 
-    const image_options: ImageMarkOptions = {
-      backgroundImage: { src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yuekan/xintexing00.jpg' },
-      watermarkImages: [{
-        src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yingyongicon.png',
-        rotate:20,
+  const image_options: ImageMarkOptions = {
+    backgroundImage: {
+      src: "https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yuekan/xintexing00.jpg",
+    },
+    watermarkImages: [
+      {
+        src: "https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yingyongicon.png",
+        rotate: 20,
         position: {
           position: Position.topLeft,
         },
       },
       {
-        src: 'https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yingyongicon.png',
-        rotate:50,
+        src: "https://developer.huawei.com/allianceCmsResource/resource/HUAWEI_Developer_VUE/images/yingyongicon.png",
+        rotate: 50,
         position: {
           position: Position.bottomCenter,
         },
-      }
+      },
     ],
-    }
+  };
 
-    const markText = () => {
-      Marker.markText(text_options).then((result) => {
-        setTextMarkUrl(result)
-      }).catch(error => {
-        console.log('error', error)
+  const markText = () => {
+    Marker.markText(text_options)
+      .then((result) => {
+        setTextMarkUrl(result);
       })
-    }
-    
-    const markImage = () => {
-      Marker.markImage(image_options).then((result) => {
-        setImageMarkUrl(result)
-      }).catch(error => {
-        console.log('error', error)
+      .catch((error) => {
+        console.log("error", error);
+      });
+  };
+
+  const markImage = () => {
+    Marker.markImage(image_options)
+      .then((result) => {
+        setImageMarkUrl(result);
       })
-    }
-    return (
-        <ScrollView style={{flex: 1}}>
-          <View style={styles.body}>
-              <View style={styles.sectionContainer}>
-                <Text style={styles.sectionTitle}>
-                  {"image marker"}
-                </Text>
-                <Button
-                  title="Mark image "
-                  color="#9a73ef"
-                  onPress={markImage}
-                />
-                <Text style={styles.sectionTitle}>
-                  {imageurl}
-                </Text>
-                <Image resizeMode='contain' source={{ uri: imageurl, width: 300, height: 300 }} />
-              </View>
-            </View>
-            <View style={styles.body}>
-              <View style={styles.sectionContainer}>
-                <Text style={styles.sectionTitle}>
-                  {"image marker"}
-                </Text>
-                <Button
-                  title="mark text "
-                  color="#9a73ef"
-                  onPress={markText}
-                />
-                <Text style={styles.sectionTitle}>
-                  {texturl}
-                </Text>
-                <Image resizeMode='contain' source={{ uri: texturl, width: 300, height: 300 }} />
-              </View>
-            </View>
-      </ScrollView>
-      );
-  }
-  const styles = StyleSheet.create({
-    body: {
-      backgroundColor: Colors.dark,
-    },
-    sectionContainer: {
-      marginTop: 32,
-      paddingHorizontal: 24,
-    },
-    sectionTitle: {
-      marginBottom: 30,
-      fontSize: 12,
-      fontWeight: '600',
-      color: Colors.white,
-    }
-  });
+      .catch((error) => {
+        console.log("error", error);
+      });
+  };
+  return (
+    <ScrollView style={{ flex: 1 }}>
+      <View style={styles.body}>
+        <View style={styles.sectionContainer}>
+          <Text style={styles.sectionTitle}>{"image marker"}</Text>
+          <Button title="Mark image " color="#9a73ef" onPress={markImage} />
+          <Text style={styles.sectionTitle}>{imageurl}</Text>
+          <Image
+            resizeMode="contain"
+            source={{ uri: imageurl, width: 300, height: 300 }}
+          />
+        </View>
+      </View>
+      <View style={styles.body}>
+        <View style={styles.sectionContainer}>
+          <Text style={styles.sectionTitle}>{"image marker"}</Text>
+          <Button title="mark text " color="#9a73ef" onPress={markText} />
+          <Text style={styles.sectionTitle}>{texturl}</Text>
+          <Image
+            resizeMode="contain"
+            source={{ uri: texturl, width: 300, height: 300 }}
+          />
+        </View>
+      </View>
+    </ScrollView>
+  );
+};
+const styles = StyleSheet.create({
+  body: {
+    backgroundColor: Colors.dark,
+  },
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    marginBottom: 30,
+    fontSize: 12,
+    fontWeight: "600",
+    color: Colors.white,
+  },
+});
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -207,18 +217,15 @@ export const ImageMarkerText = () => {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -227,22 +234,22 @@ export const ImageMarkerText = () => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNImageMarkerPackage
+### 3. Introducing RNImageMarkerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -257,32 +264,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)
 
-### 权限要求
+### Permission Requirements
 
 如果用到了网络图片，需要在 entry 目录下的 module.json5 中添加网络信息权限
 
-打开entry/src/main/module.json5，添加：
+Open the `entry/src/main/module.json5` file and add the following code:
 
 ```js
 ...
@@ -293,183 +300,181 @@ ohpm install
 ]
 ```
 
+## API
 
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-##  API
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name    | Description            | Type     | Required | Platform    | HarmonyOS Support |
-| ------- | ---------------------- | -------- | -------- | ----------- | ----------------- |
-| markImage   | mark icons on background image  | string | no  | Android/iOS | yes               |
-| markText | mark texts on background image | string | no   | Android/iOS | yes               |
+| Name      | Description                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ------------------------------ | ------ | -------- | ----------- | ----------------- |
+| markImage | mark icons on background image | string | no       | Android/iOS | yes               |
+| markText  | mark texts on background image | string | no       | Android/iOS | yes               |
 
 #### markImage
+
 ```js
 markImage(options: ImageMarkOptions): Promise<string>;
 ```
+
 ##### ImageMarkOptions
 
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage  | background image options | ImageOptions | yes      | iOS/Android | yes               |
-| quality | image quality `0-100`, `100` is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
-| filename | save image name | string | no      | iOS/Android | yes               |
-| saveFormat | save image format 'png','jpg','base64',default 'png' | ImageFormat | no      | iOS/Android | yes               |
-| watermarkImages | watermark images | Array\<WatermarkImageOptions> | yes      | iOS/Android | yes  |
+| Name            | Description                                                    | Type                          | Required | Platform    | HarmonyOS Support |
+| --------------- | -------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
+| backgroundImage | background image options                                       | ImageOptions                  | yes      | iOS/Android | yes               |
+| quality         | image quality `0-100`, `100` is best quality. defaultValue 100 | number                        | no       | iOS/Android | yes               |
+| filename        | save image name                                                | string                        | no       | iOS/Android | yes               |
+| saveFormat      | save image format 'png','jpg','base64',default 'png'           | ImageFormat                   | no       | iOS/Android | yes               |
+| watermarkImages | watermark images                                               | Array\<WatermarkImageOptions> | yes      | iOS/Android | yes               |
 
 ##### ImageOptions
 
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| src  | image src, local image | string | yes      | iOS/Android | yes               |
-| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
-| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
-| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
+| Name   | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| src    | image src, local image                      | string | yes      | iOS/Android | yes               |
+| scale  | image scale `>0`.defaultValue 1             | number | no       | iOS/Android | yes               |
+| rotate | rotate image rotate `0-360`.defaultValue 0  | number | no       | iOS/Android | yes               |
+| alpha  | transparent of image `0 - 1`.defaultValue 1 | number | no       | iOS/Android | yes               |
 
 ##### ImageFormat
 
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| png  | iamge type png | string | no      | iOS/Android | yes               |
-| jpg | iamge type jpg | string | no      | iOS/Android | yes               |
-| base64 | iamge type base64 | string | no      | iOS/Android | yes               |
-
-
-##### WatermarkImageOptions 
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| src  | image src, local image | string | yes      | iOS/Android | yes               |
-| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
-| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
-| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
-| position  | the position of icon on background image | PositionOptions | no      | iOS/Android | yes               |
-
-##### PositionOptions 
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| X  | horizontal coordinate on background image | number / string | no      | iOS/Android | yes |
-| Y  | vertical coordinate on background image | number / string | no      | iOS/Android | yes |
-| position  | position enum | Position | no | iOS/Android | yes |
-
-##### Position 
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| topLeft  | top left on background image |  string | no      | iOS/Android | yes |
-| topCenter  | top center on background image | string | no      | iOS/Android | yes |
-| topRight  |top right on background image | string | no | iOS/Android | yes |
-| bottomLeft  | bottom left on background image | string | no | iOS/Android | yes |
-| bottomCenter  | bottom center on background image | string | no | iOS/Android | yes |
-| bottomRight  | bottom right on background image| string | no | iOS/Android | yes |
-| center  | center on background image | string | no | iOS/Android | yes |
+| Name   | Description       | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ----------------- | ------ | -------- | ----------- | ----------------- |
+| png    | iamge type png    | string | no       | iOS/Android | yes               |
+| jpg    | iamge type jpg    | string | no       | iOS/Android | yes               |
+| base64 | iamge type base64 | string | no       | iOS/Android | yes               |
+
+##### WatermarkImageOptions
+
+| Name     | Description                                 | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------- | --------------- | -------- | ----------- | ----------------- |
+| src      | image src, local image                      | string          | yes      | iOS/Android | yes               |
+| scale    | image scale `>0`.defaultValue 1             | number          | no       | iOS/Android | yes               |
+| rotate   | rotate image rotate `0-360`.defaultValue 0  | number          | no       | iOS/Android | yes               |
+| alpha    | transparent of image `0 - 1`.defaultValue 1 | number          | no       | iOS/Android | yes               |
+| position | the position of icon on background image    | PositionOptions | no       | iOS/Android | yes               |
+
+##### PositionOptions
+
+| Name     | Description                               | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------------------- | --------------- | -------- | ----------- | ----------------- |
+| X        | horizontal coordinate on background image | number / string | no       | iOS/Android | yes               |
+| Y        | vertical coordinate on background image   | number / string | no       | iOS/Android | yes               |
+| position | position enum                             | Position        | no       | iOS/Android | yes               |
+
+##### Position
+
+| Name         | Description                       | Type   | Required | Platform    | HarmonyOS Support |
+| ------------ | --------------------------------- | ------ | -------- | ----------- | ----------------- |
+| topLeft      | top left on background image      | string | no       | iOS/Android | yes               |
+| topCenter    | top center on background image    | string | no       | iOS/Android | yes               |
+| topRight     | top right on background image     | string | no       | iOS/Android | yes               |
+| bottomLeft   | bottom left on background image   | string | no       | iOS/Android | yes               |
+| bottomCenter | bottom center on background image | string | no       | iOS/Android | yes               |
+| bottomRight  | bottom right on background image  | string | no       | iOS/Android | yes               |
+| center       | center on background image        | string | no       | iOS/Android | yes               |
 
 #### markText
 
 ```json
 markText(options: TextMarkOptions): Promise<string>;
 ```
+
 ##### TextMarkOptions
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage | background image options | ImageOptions | yes      | iOS/Android | yes               |
-| watermarkTexts      | text options      | Array\<TextOptions> | yes      | iOS/Android | yes               |
-| quality      | image quality 0-100, 100 is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
-| filename      | save image name          | string | no      | iOS/Android | yes               |
-| saveFormat      | save image format 'png','jpg','base64',default 'png'           | ImageFormat | no      | iOS/Android | yes               |
+
+| Name            | Description                                                | Type                | Required | Platform    | HarmonyOS Support |
+| --------------- | ---------------------------------------------------------- | ------------------- | -------- | ----------- | ----------------- |
+| backgroundImage | background image options                                   | ImageOptions        | yes      | iOS/Android | yes               |
+| watermarkTexts  | text options                                               | Array\<TextOptions> | yes      | iOS/Android | yes               |
+| quality         | image quality 0-100, 100 is best quality. defaultValue 100 | number              | no       | iOS/Android | yes               |
+| filename        | save image name                                            | string              | no       | iOS/Android | yes               |
+| saveFormat      | save image format 'png','jpg','base64',default 'png'       | ImageFormat         | no       | iOS/Android | yes               |
 
 ##### TextOptions
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| text | text content | string | yes      | iOS/Android | yes               |
-| position      | text position options | PositionOptions | no      | iOS/Android | yes               |
-| style      | text style         | TextStyle | no      | iOS/Android | yes               |
+
+| Name     | Description           | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | --------------------- | --------------- | -------- | ----------- | ----------------- |
+| text     | text content          | string          | yes      | iOS/Android | yes               |
+| position | text position options | PositionOptions | no       | iOS/Android | yes               |
+| style    | text style            | TextStyle       | no       | iOS/Android | yes               |
 
 ##### TextStyle
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| color | font color | string | yes      | iOS/Android | yes               |
-| fontName      | font name | string | no      | iOS/Android | yes            |
-| fontSize      | font size        | number | no      | iOS/Android | yes               |
-| shadowStyle | text shadow style | ShadowLayerStyle | no      | iOS/Android | yes               |
-| textBackgroundStyle      | text background style | TextBackgroundStyle  | no      | iOS/Android | yes               |
-| underline      | text underline style        | boolean | no      | iOS/Android | yes               |
-| skewX | css italic with degree, you can use italic instead | number | no      | iOS/Android | yes         |
-| strikeThrough      | text stroke | boolean | no      | iOS/Android | yes               |
-| textAlign      | text align . 'left' / 'center' / 'right'       | string | no      | iOS/Android | yes               |
-| italic | text italic | boolean | no      | iOS/Android | yes            |
-| bold      | text bold | boolean | no      | iOS/Android | yes               |
-| rotate      | rotate text       | number | no      | iOS/Android | yes               |
+| Name                | Description                                        | Type                | Required | Platform    | HarmonyOS Support |
+| ------------------- | -------------------------------------------------- | ------------------- | -------- | ----------- | ----------------- |
+| color               | font color                                         | string              | yes      | iOS/Android | yes               |
+| fontName            | font name                                          | string              | no       | iOS/Android | yes               |
+| fontSize            | font size                                          | number              | no       | iOS/Android | yes               |
+| shadowStyle         | text shadow style                                  | ShadowLayerStyle    | no       | iOS/Android | yes               |
+| textBackgroundStyle | text background style                              | TextBackgroundStyle | no       | iOS/Android | yes               |
+| underline           | text underline style                               | boolean             | no       | iOS/Android | yes               |
+| skewX               | css italic with degree, you can use italic instead | number              | no       | iOS/Android | yes               |
+| strikeThrough       | text stroke                                        | boolean             | no       | iOS/Android | yes               |
+| textAlign           | text align . 'left' / 'center' / 'right'           | string              | no       | iOS/Android | yes               |
+| italic              | text italic                                        | boolean             | no       | iOS/Android | yes               |
+| bold                | text bold                                          | boolean             | no       | iOS/Android | yes               |
+| rotate              | rotate text                                        | number              | no       | iOS/Android | yes               |
 
 ##### ShadowLayerStyle
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| dx      | shadow offset x       | number | yes      | iOS/Android | yes               |
-| dy      | shadow offset y     | number | yes      | iOS/Android | yes               |
-| radius      |shadow radius      | number | yes      | iOS/Android | yes               |
-| color      | shadow color       | string | yes      | iOS/Android | yes               |
+| Name   | Description     | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | --------------- | ------ | -------- | ----------- | ----------------- |
+| dx     | shadow offset x | number | yes      | iOS/Android | yes               |
+| dy     | shadow offset y | number | yes      | iOS/Android | yes               |
+| radius | shadow radius   | number | yes      | iOS/Android | yes               |
+| color  | shadow color    | string | yes      | iOS/Android | yes               |
 
 ##### TextBackgroundStyle
+
 extends Padding
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| type      | background type .TextBackgroundType enum      | TextBackgroundType | no      | iOS/Android | yes               |
-| color      | background color    | string | yes      | iOS/Android | yes               |
-| cornerRadius      |background corner radius     | CornerRadius | no      | iOS/Android | yes               |
-| padding      | padding for text background，Up to four values, separated by spaces   | number / string | no      | iOS/Android | yes               |
-| paddingLeft      |  padding left for text background  | number / string | no      | iOS/Android | yes               |
-| paddingRight      | padding right for text background    | number / string | no      | iOS/Android | yes               |
-| paddingTop      | padding top for text background    | number / string | no      | iOS/Android | yes               |
-| paddingBottom      | padding bottom for text background   | number / string  | no      | iOS/Android | yes               |
-| paddingHorizontal      | padding left and right (horizontal) for text background    | number / string | no      | iOS/Android | yes               |
-| paddingVertical      | padding top and bottom (vertical) for text background    | number / string | no      | iOS/Android | yes               |
-| paddingX      |padding x, alias of paddingHorizontal    | number / string | no      | iOS/Android | yes               |
-| paddingY      | padding y, alias of paddingVertical  | number / string | no      | iOS/Android | yes               |
+| type | background type .TextBackgroundType enum | TextBackgroundType | no | iOS/Android | yes |
+| color | background color | string | yes | iOS/Android | yes |
+| cornerRadius |background corner radius | CornerRadius | no | iOS/Android | yes |
+| padding | padding for text background，Up to four values, separated by spaces | number / string | no | iOS/Android | yes |
+| paddingLeft | padding left for text background | number / string | no | iOS/Android | yes |
+| paddingRight | padding right for text background | number / string | no | iOS/Android | yes |
+| paddingTop | padding top for text background | number / string | no | iOS/Android | yes |
+| paddingBottom | padding bottom for text background | number / string | no | iOS/Android | yes |
+| paddingHorizontal | padding left and right (horizontal) for text background | number / string | no | iOS/Android | yes |
+| paddingVertical | padding top and bottom (vertical) for text background | number / string | no | iOS/Android | yes |
+| paddingX |padding x, alias of paddingHorizontal | number / string | no | iOS/Android | yes |
+| paddingY | padding y, alias of paddingVertical | number / string | no | iOS/Android | yes |
 
 ##### TextBackgroundType
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| stretchX      | background type stretchX     | string | no      | iOS/Android | yes               |
-| stretchY      |  background type  stretchY   | string | no      | iOS/Android | yes               |
-| none      | background type fit    | string | no      | iOS/Android | yes               |
-
+| Name     | Description              | Type   | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------ | ------ | -------- | ----------- | ----------------- |
+| stretchX | background type stretchX | string | no       | iOS/Android | yes               |
+| stretchY | background type stretchY | string | no       | iOS/Android | yes               |
+| none     | background type fit      | string | no       | iOS/Android | yes               |
 
 ##### CornerRadius
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| topLeft      | topLeft Radius     | RadiusValue | no      | iOS/Android | yes               |
-| topRight      | topRight Radius   | RadiusValue | no      | iOS/Android | yes               |
-| bottomLeft      |bottomLeft Radius  | RadiusValue | no      | iOS/Android | yes               |
-| bottomRight      |bottomRight Radius   | RadiusValue | no      | iOS/Android | yes               |
-| all      | all Radius    | RadiusValue | no      | iOS/Android | yes               |
+| Name        | Description        | Type        | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------ | ----------- | -------- | ----------- | ----------------- |
+| topLeft     | topLeft Radius     | RadiusValue | no       | iOS/Android | yes               |
+| topRight    | topRight Radius    | RadiusValue | no       | iOS/Android | yes               |
+| bottomLeft  | bottomLeft Radius  | RadiusValue | no       | iOS/Android | yes               |
+| bottomRight | bottomRight Radius | RadiusValue | no       | iOS/Android | yes               |
+| all         | all Radius         | RadiusValue | no       | iOS/Android | yes               |
 
 ##### RadiusValue
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| x      | radius value for x     | number / string | no      | iOS/Android | yes               |
-| y      | radius value for y  | number / string  | no      | iOS/Android | yes               |
+| Name | Description        | Type            | Required | Platform    | HarmonyOS Support |
+| ---- | ------------------ | --------------- | -------- | ----------- | ----------------- |
+| x    | radius value for x | number / string | no       | iOS/Android | yes               |
+| y    | radius value for y | number / string | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [x]  Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7) 
-- [x] Harmony OS is not support font skewX feature  now: [issue#8](https://github.com/react-native-oh-library/react-native-image-marker/issues/8)
+- [x] Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7)
+- [x] Harmony OS is not support font skewX feature now: [issue#8](https://github.com/react-native-oh-library/react-native-image-marker/issues/8)
 - [x] Harmony OS is not support font italic feature now:[issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
 
-## 其他
-
-## 开源协议
-
-本项目基于[The MIT License(MIT)](https://github.com/JimmyDaddy/react-native-image-marker/blob/master/LICENSE) ，请自由地享受和参与开源。
-
+## Others
 
+## License
 
+This project is licensed under[The MIT License(MIT)](https://github.com/JimmyDaddy/react-native-image-marker/blob/master/LICENSE).
diff --git a/en/react-native-image-pan-zoom.md b/en/react-native-image-pan-zoom.md
index 1cf726f7..236587a1 100644
--- a/en/react-native-image-pan-zoom.md
+++ b/en/react-native-image-pan-zoom.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-pan-zoom</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-zoom)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-zoom)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,18 +38,18 @@ yarn add @react-native-oh-tpl/react-native-image-zoom@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
-import React from "react"
-import { Image, Text, Button } from "react-native"
-import ImageZoom from "react-native-image-pan-zoom"
+import React from "react";
+import { Image, Text, Button } from "react-native";
+import ImageZoom from "react-native-image-pan-zoom";
 export default function () {
-  const [cropWidth, setCropWidth] = React.useState<number>(300)
-  const [cropHeight, setCropHeight] = React.useState<number>(300)
-  const [imageWidth, setImageWidth] = React.useState<number>(600)
-  const [imageHeight, setImageHeight] = React.useState<number>(600)
-  const [panToMove, setPanToMove] = React.useState<boolean>(false)
+  const [cropWidth, setCropWidth] = React.useState<number>(300);
+  const [cropHeight, setCropHeight] = React.useState<number>(300);
+  const [imageWidth, setImageWidth] = React.useState<number>(600);
+  const [imageHeight, setImageHeight] = React.useState<number>(600);
+  const [panToMove, setPanToMove] = React.useState<boolean>(false);
 
   return (
     <>
@@ -79,78 +79,77 @@ export default function () {
         onPress={() => setPanToMove(!panToMove)}
       />
     </>
-  )
+  );
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见[react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)
+For details, see [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)
 
 ImageZoom
 
-| Name   | Description          | Type          | Required | Platform | HarmonyOS Support |   
-| ---- | ------------------ | ----------------------- | -------- | -------- | ----------------- | 
-| **cropWidth**   | operating area width              | number      | YES      | ALL      | YES    |           
-| **cropHeight**           | operating area height                                                                                                                                                 | number                                                                                                                             | YES      | ALL      | YES               |                                                                                            
-| **imageWidth**           | picture width                                                                                                                                                         | number                                                                                                                             | YES      | ALL      | YES                                                                                                           
-| **imageHeight**          | picture height                                                                                                                                                        | number                                                                                                                             | YES      | ALL      | YES                                                                                                           |
-| `onClick`                          | onClick                                                                                                                                                               | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES                                                                                                           |
-| `onDoubleClick`                    | onDoubleClick                                                                                                                                                         | (eventParams: IOnClick)=>void                                                                                                      | NO       | ALL      | YES               |                                                                                            
-| `panToMove`                        | allow to move picture with one finger                                                                                                                                 | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
-| `pinchToZoom`                      | allow scale with two fingers                                                                                                                                          | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
-| `enableDoubleClickZoom`            | allow double-click to enlarge                                                                                                                                         | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
-| `clickDistance`                    | how many finger movement can also trigger `onClick`                                                                                                                   | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
-| `horizontalOuterRangeOffset`       | horizontal beyond the distance, the parent to do picture switching, you can listen to this function. When this function is triggered, you can do the switch operation | (offsetX?: number)=>void                                                                                                           | NO       | ALL      | YES               |                                                                                            
-| `onDragLeft`                       | trigger to switch to the left of the graph, the left sliding speed exceeds the threshold when triggered                                                               | ()=>void                                                                                                                           | NO       | \        | NO                | 
-| `responderRelease`                 | let go but do not cancel                                                                                                                                              | (vx: number)=>void                                                                                                                 | NO       | ALL      | YES               |                                                                                            
-| `maxOverflow`                      | maximum sliding threshold                                                                                                                                             | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
-| `longPressTime`                    | long press threshold                                                                                                                                                  | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
-| `onLongPress`                      | on longPress                                                                                                                                                          | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES               |                                                                                            
-| `doubleClickInterval	`              | time allocated for second click to be considered as doublClick event                                                                                                  | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
-| `onMove`                           | reports movement position data (helpful to build overlays)                                                                                                            | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void   | NO       | ALL      | YES               |                                                                                            
-| `centerOn`                         | if given this will cause the map to pan and zoom to the desired location                                                                                              | { x: number, y: number, scale: number, duration: number }                                                                          | NO       | ALL      | YES               |                                                                                            
-| `enableSwipeDown`                  | for enabling vertical movement if user doesn't want it                                                                                                                | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
-| `enableCenterFocus`                | for disabling focus on image center if user doesn't want it                                                                                                           | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
-| `onSwipeDown`                      | function that fires when user swipes down                                                                                                                             | () => void                                                                                                                         | NO       | ALL      | YES               |                                                                                            
-| `swipeDownThreshold`               | threshold for firing swipe down function                                                                                                                              | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
-| `minScale`                         | minimum zoom scale                                                                                                                                                    | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
-| `maxScale`                         | maximum zoom scale                                                                                                                                                    | number                                                                                                                             | NO       | ALL      | YES               |                                                                                            
-| `useNativeDriver`                  | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver)                                                         | boolean                                                                                                                            | NO       | ALL      | YES               |                                                                                            
-| `onStartShouldSetPanResponder`     | Override onStartShouldSetPanResponder behavior                                                                                                                        | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            
-| `onMoveShouldSetPanResponder`      | Override onMoveShouldSetPanResponder behavior                                                                                                                         | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            
-| `onPanResponderTerminationRequest` | Override onPanResponderTerminationRequest behavior                                                                                                                    | () => boolean                                                                                                                      | NO       | ALL      | YES               |                                                                                            
-| `useHardwareTextureAndroid`        | for disabling rendering to hardware texture on Android                                                                                                                | boolean                                                                                                                            | NO       | Android  | NO                |                                                                      
-
-## 遗留问题
+| Name                               | Description                                                                                                                                                           | Type                                                                                                                               | Required | Platform | HarmonyOS Support |
+| ---------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| **cropWidth**                      | operating area width                                                                                                                                                  | number                                                                                                                             | YES      | ALL      | YES               |
+| **cropHeight**                     | operating area height                                                                                                                                                 | number                                                                                                                             | YES      | ALL      | YES               |
+| **imageWidth**                     | picture width                                                                                                                                                         | number                                                                                                                             | YES      | ALL      | YES               |
+| **imageHeight**                    | picture height                                                                                                                                                        | number                                                                                                                             | YES      | ALL      | YES               |
+| `onClick`                          | onClick                                                                                                                                                               | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES               |
+| `onDoubleClick`                    | onDoubleClick                                                                                                                                                         | (eventParams: IOnClick)=>void                                                                                                      | NO       | ALL      | YES               |
+| `panToMove`                        | allow to move picture with one finger                                                                                                                                 | boolean                                                                                                                            | NO       | ALL      | YES               |
+| `pinchToZoom`                      | allow scale with two fingers                                                                                                                                          | boolean                                                                                                                            | NO       | ALL      | YES               |
+| `enableDoubleClickZoom`            | allow double-click to enlarge                                                                                                                                         | boolean                                                                                                                            | NO       | ALL      | YES               |
+| `clickDistance`                    | how many finger movement can also trigger `onClick`                                                                                                                   | number                                                                                                                             | NO       | ALL      | YES               |
+| `horizontalOuterRangeOffset`       | horizontal beyond the distance, the parent to do picture switching, you can listen to this function. When this function is triggered, you can do the switch operation | (offsetX?: number)=>void                                                                                                           | NO       | ALL      | YES               |
+| `onDragLeft`                       | trigger to switch to the left of the graph, the left sliding speed exceeds the threshold when triggered                                                               | ()=>void                                                                                                                           | NO       | \        | NO                |
+| `responderRelease`                 | let go but do not cancel                                                                                                                                              | (vx: number)=>void                                                                                                                 | NO       | ALL      | YES               |
+| `maxOverflow`                      | maximum sliding threshold                                                                                                                                             | number                                                                                                                             | NO       | ALL      | YES               |
+| `longPressTime`                    | long press threshold                                                                                                                                                  | number                                                                                                                             | NO       | ALL      | YES               |
+| `onLongPress`                      | on longPress                                                                                                                                                          | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO       | ALL      | YES               |
+| `doubleClickInterval	`              | time allocated for second click to be considered as doublClick event                                                                                                  | number                                                                                                                             | NO       | ALL      | YES               |
+| `onMove`                           | reports movement position data (helpful to build overlays)                                                                                                            | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void   | NO       | ALL      | YES               |
+| `centerOn`                         | if given this will cause the map to pan and zoom to the desired location                                                                                              | { x: number, y: number, scale: number, duration: number }                                                                          | NO       | ALL      | YES               |
+| `enableSwipeDown`                  | for enabling vertical movement if user doesn't want it                                                                                                                | boolean                                                                                                                            | NO       | ALL      | YES               |
+| `enableCenterFocus`                | for disabling focus on image center if user doesn't want it                                                                                                           | boolean                                                                                                                            | NO       | ALL      | YES               |
+| `onSwipeDown`                      | function that fires when user swipes down                                                                                                                             | () => void                                                                                                                         | NO       | ALL      | YES               |
+| `swipeDownThreshold`               | threshold for firing swipe down function                                                                                                                              | number                                                                                                                             | NO       | ALL      | YES               |
+| `minScale`                         | minimum zoom scale                                                                                                                                                    | number                                                                                                                             | NO       | ALL      | YES               |
+| `maxScale`                         | maximum zoom scale                                                                                                                                                    | number                                                                                                                             | NO       | ALL      | YES               |
+| `useNativeDriver`                  | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver)                                                         | boolean                                                                                                                            | NO       | ALL      | YES               |
+| `onStartShouldSetPanResponder`     | Override onStartShouldSetPanResponder behavior                                                                                                                        | () => boolean                                                                                                                      | NO       | ALL      | YES               |
+| `onMoveShouldSetPanResponder`      | Override onMoveShouldSetPanResponder behavior                                                                                                                         | () => boolean                                                                                                                      | NO       | ALL      | YES               |
+| `onPanResponderTerminationRequest` | Override onPanResponderTerminationRequest behavior                                                                                                                    | () => boolean                                                                                                                      | NO       | ALL      | YES               |
+| `useHardwareTextureAndroid`        | for disabling rendering to hardware texture on Android                                                                                                                | boolean                                                                                                                            | NO       | Android  | NO                |
+
+## Known Issues
 
 - [x] 双指缩放在 harmony 框架侧不支持使用 [issues#1](https://github.com/react-native-oh-library/react-native-image-zoom/issues/1)
 
-- [x] 长按图片后，rn 框架图片拖拽属性导致程序崩溃 [issues#2](https://github.com/react-native-oh-library/react-native-image-zoom/issues/2)
+- [x] 长按图片后，rn 框架图片拖拽 Properties 导致程序崩溃 [issues#2](https://github.com/react-native-oh-library/react-native-image-zoom/issues/2)
 
 - [x] onPanResponderTerminationRequest 方法，harmony 端与 android 端表现不一致 [issues#3](https://github.com/react-native-oh-library/react-native-image-zoom/issues/3)
 
-
-## 其他
+## Others
 
 - 下滑图片，然后双击放大，再次下滑表现异常，已在源库基础上修改[上库地址](https://github.com/react-native-oh-library/react-native-image-zoom)，源库已被存档，不能新建 issue，特此记录
 
 - onDragLeft 此回调函数源码未实现，详见:[issues#103](https://github.com/ascoders/react-native-image-zoom/issues/103)
 
-- useHardwareTextureAndroid 此属性仅 Android 生效
+- useHardwareTextureAndroid 此 Properties 仅 Android 生效
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ascoders/react-native-image-zoom/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/ascoders/react-native-image-zoom/blob/master/LICENSE).
diff --git a/en/react-native-image-viewing.md b/en/react-native-image-viewing.md
index 852be281..82d4f134 100644
--- a/en/react-native-image-viewing.md
+++ b/en/react-native-image-viewing.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-viewing</code> </h1>
@@ -12,20 +12,19 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-viewing)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-viewing)
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### npm
 
@@ -39,7 +38,7 @@ npm install @react-native-oh-tpl/react-native-image-viewing@file:#
 yarn add @react-native-oh-tpl/react-native-image-viewing@file:#
 ```
 
-快速使用：
+quick use:
 
 ```js
 import React, { useState } from "react";
@@ -186,46 +185,46 @@ const styles = StyleSheet.create({
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)
 
-## 属性
+## Properties
 
-> [!TIP]  "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                   | Description                                                  | Type                                                        | Platform | Required | HarmonyOS Support |
-| ---------------------- | ------------------------------------------------------------ | ----------------------------------------------------------- | -------- | -------- | ----------------- |
-| images                 | Array of images to display                                   | ImageSource[]                                               | All      | Yes      | Yes               |
-| keyExtractor           | Uniqely identifying each image                               | (imageSrc: ImageSource, index: number) => string            | All      | No       | Yes               |
-| imageIndex             | Current index of image to display                            | number                                                      | All      | Yes      | Yes               |
-| visible                | Is modal shown or not                                        | boolean                                                     | All      | No       | Yes               |
-| onRequestClose         | Function called to close the modal                           | function                                                    | All      | Yes      | Yes               |
-| onImageIndexChange     | Function called when image index has been changed            | function                                                    | All      | No       | Yes               |
-| onLongPress            | Function called when image long pressed                      | function (event: GestureResponderEvent, image: ImageSource) | All      | No       | Yes               |
-| delayLongPress         | Delay in ms, before onLongPress is called: default           | number                                                      | All      | No       | Yes               |
-| animationType          | Animation modal presented with: default                      | none, fade, slide                                           | All      | No       | Yes               |
+| Name                   | Description                                                                                 | Type                                                        | Platform | Required | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | -------- | -------- | ----------------- |
+| images                 | Array of images to display                                                                  | ImageSource[]                                               | All      | Yes      | Yes               |
+| keyExtractor           | Uniqely identifying each image                                                              | (imageSrc: ImageSource, index: number) => string            | All      | No       | Yes               |
+| imageIndex             | Current index of image to display                                                           | number                                                      | All      | Yes      | Yes               |
+| visible                | Is modal shown or not                                                                       | boolean                                                     | All      | No       | Yes               |
+| onRequestClose         | Function called to close the modal                                                          | function                                                    | All      | Yes      | Yes               |
+| onImageIndexChange     | Function called when image index has been changed                                           | function                                                    | All      | No       | Yes               |
+| onLongPress            | Function called when image long pressed                                                     | function (event: GestureResponderEvent, image: ImageSource) | All      | No       | Yes               |
+| delayLongPress         | Delay in ms, before onLongPress is called: default                                          | number                                                      | All      | No       | Yes               |
+| animationType          | Animation modal presented with: default                                                     | none, fade, slide                                           | All      | No       | Yes               |
 | presentationStyle      | Modal presentation style: default: fullScreen Android: Use overFullScreen to hide StatusBar | fullScreen, pageSheet, formSheet, overFullScreen            | All      | No       | Yes               |
-| backgroundColor        | Background color of the modal in HEX                         | string                                                      | All      | No       | Yes               |
-| swipeToCloseEnabled    | Close modal with swipe up or down: default                   | boolean                                                     | All      | No       | No                |
-| doubleTapToZoomEnabled | Zoom image by double tap on it: default                      | boolean                                                     | All      | No       | No                |
-| HeaderComponent        | Header component, gets current imageIndex as a prop          | component, function                                         | All      | No       | Yes               |
-| FooterComponent        | Footer component, gets current imageIndex as a prop          | component, function                                         | All      | No       | Yes               |
+| backgroundColor        | Background color of the modal in HEX                                                        | string                                                      | All      | No       | Yes               |
+| swipeToCloseEnabled    | Close modal with swipe up or down: default                                                  | boolean                                                     | All      | No       | No                |
+| doubleTapToZoomEnabled | Zoom image by double tap on it: default                                                     | boolean                                                     | All      | No       | No                |
+| HeaderComponent        | Header component, gets current imageIndex as a prop                                         | component, function                                         | All      | No       | Yes               |
+| FooterComponent        | Footer component, gets current imageIndex as a prop                                         | component, function                                         | All      | No       | Yes               |
 
-## 遗留问题
+## Known Issues
 
-- [x] 组件上下滑动关闭暂未实现，由于 scrollView的naticeEvent.velocity属性HarmonyOS暂不支持 [issue#6](https://github.com/react-native-oh-library/react-native-image-viewing/issues/6)
-- [x] 组件双击放大方法暂未实现，由于doubleTapToZoomEnabled属性HarmonyOS暂不支持 [issue#7](https://github.com/react-native-oh-library/react-native-image-viewing/issues/7)
-- [x] 组件animationType淡入淡出效果暂未实现，由于modal组件未适配 [issue#8](https://github.com/react-native-oh-library/react-native-image-viewing/issues/8)
+- [x] 组件上下滑动关闭暂未实现，由于 scrollView 的 naticeEvent.velocityPropertiesHarmonyOS 暂不支持 [issue#6](https://github.com/react-native-oh-library/react-native-image-viewing/issues/6)
+- [x] 组件双击放大方法暂未实现，由于 doubleTapToZoomEnabledPropertiesHarmonyOS 暂不支持 [issue#7](https://github.com/react-native-oh-library/react-native-image-viewing/issues/7)
+- [x] 组件 animationType 淡入淡出效果暂未实现，由于 modal 组件未适配 [issue#8](https://github.com/react-native-oh-library/react-native-image-viewing/issues/8)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/jobtoday/react-native-image-viewing/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/jobtoday/react-native-image-viewing/blob/master/LICENSE).
diff --git a/en/react-native-indicators.md b/en/react-native-indicators.md
index 0d887c37..69b6b364 100644
--- a/en/react-native-indicators.md
+++ b/en/react-native-indicators.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-indicators</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/n4kz/react-native-indicators)
+> [!TIP] [GitHub address](https://github.com/n4kz/react-native-indicators)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -36,9 +36,9 @@ yarn add react-native-indicators@0.17.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from 'react';
@@ -157,22 +157,22 @@ const styles = {
 };
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 ### Common properties
@@ -260,10 +260,10 @@ const styles = {
 | waveFactor  | Wave base number   | Number  | NO | ALL      | YES |
 | waveMode  | Wave appearance    | String  | NO | ALL      | YES |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The BSD License (BSD)](https://github.com/n4kz/react-native-indicators/blob/master/license.txt) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The BSD License (BSD)](https://github.com/n4kz/react-native-indicators/blob/master/license.txt).
\ No newline at end of file
diff --git a/en/react-native-keyboard-accessory.md b/en/react-native-keyboard-accessory.md
index 9402236d..d811f4d8 100644
--- a/en/react-native-keyboard-accessory.md
+++ b/en/react-native-keyboard-accessory.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-keyboard-accessory</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-accessory)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-keyboard-accessory)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径。
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).。
 
 #### **npm**
 
@@ -35,9 +35,9 @@ npm install @react-native-oh-tpl/react-native-keyboard-accessory@file:#
 yarn add @react-native-oh-tpl/react-native-keyboard-accessory@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from "react";
@@ -46,17 +46,18 @@ import { KeyboardAccessoryView } from "react-native-keyboard-accessory";
 
 class ViewExample extends Component {
   state = {
-    text: '',
+    text: "",
   };
   render() {
-	const { text } = this.state;
+    const { text } = this.state;
     return (
       <View style={styles.container}>
         <ScrollView>
-        	<TextInput
-                placeholder="Write your message"
-                underlineColorAndroid="transparent"
-                style={styles.input}/>
+          <TextInput
+            placeholder="Write your message"
+            underlineColorAndroid="transparent"
+            style={styles.input}
+          />
         </ScrollView>
         <KeyboardAccessoryView alwaysVisible={true} androidAdjustResize>
           {({ isKeyboardVisible }) => (
@@ -65,8 +66,8 @@ class ViewExample extends Component {
                 placeholder="Write your message"
                 underlineColorAndroid="transparent"
                 style={styles.textInput}
-				value={text}
-				onChangeText={text => this.setState({ text })}
+                value={text}
+                onChangeText={(text) => this.setState({ text })}
                 multiline={true}
               />
               {isKeyboardVisible && (
@@ -112,9 +113,9 @@ const styles = StyleSheet.create({
     margin: 20,
     paddingVertical: 10,
     paddingHorizontal: 20,
-    borderColor: 'gray',
+    borderColor: "gray",
     borderWidth: 1,
-    backgroundColor: '#FFF',
+    backgroundColor: "#FFF",
   },
   textInputButton: {
     flexShrink: 1,
@@ -124,86 +125,86 @@ const styles = StyleSheet.create({
 export default ViewExample;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### KeyboardAccessoryView属性
+### KeyboardAccessoryViewProperties
 
-用于在键盘上方显示一个自定义的工具栏或附加内容，允许用户在输入内容时操作工具栏中的按钮或其他控件
+用于在键盘上方显示一个自定义的工具栏或附加内容，允许用户在输入内容时操作工具栏中的按钮或 Others 控件
 
-| Name                  | **Description**                                              | **Type**               | Required | **Default** | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | ---------------------- | -------- | ----------- | ----------- | ----------------- |
-| `style`               | Style `object` or `StyleSheet` reference which will be applied to Accessory `View` | `object`               | no       | `null`      | iOS/Android | yes               |
-| `animateOn`           | Enables show/hide animation on given platform. Values: `['ios', 'android', 'all', 'none','harmony']`. | `enum:string`          | no       | `ios`       | iOS/Android | yes               |
+| Name                  | **Description**                                                                                                                                                                                                                                                                         | **Type**               | Required | **Default** | Platform    | HarmonyOS Support |
+| --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | -------- | ----------- | ----------- | ----------------- |
+| `style`               | Style `object` or `StyleSheet` reference which will be applied to Accessory `View`                                                                                                                                                                                                      | `object`               | no       | `null`      | iOS/Android | yes               |
+| `animateOn`           | Enables show/hide animation on given platform. Values: `['ios', 'android', 'all', 'none','harmony']`.                                                                                                                                                                                   | `enum:string`          | no       | `ios`       | iOS/Android | yes               |
 | `animationConfig`     | For passing custom animations to show/hide. If given prop is function, `duration` and `easing` parameters from `Keyboard` event will be passed to the function, function should return `LayoutAnimation` compatible animation config. Or you can directly pass animation config object. | `function` or `object` | no       | `null`      | iOS/Android | yes               |
-| `alwaysVisible`       | When set to `true` Accessory View will be always visible at the bottom of the screen. Good for sticky `TextInput`'s | `boolean`              | no       | `false`     | iOS/Android | yes               |
-| `bumperHeight`        | Bumper height to prevent visual glitches if animation couldn't keep up with the keyboard animation. | `number`               | no       | 15          | iOS/Android | yes               |
-| `visibleOpacity`      | Opacity of the Accessory when it is visible. *Note:* Opacity is used for hiding the accessory to prevent render delays. | `number`               | no       | 1           | iOS/Android | yes               |
-| `heightProperty`      | Control how the component manages its height. The component listens for children changes and automatically adjusts its height, so `height` is usually sufficient. For use with a multiline, autogrowing `TextInput`, `minHeight` is recommended. Values: `['height', 'minHeight']` | `enum:string`          | no       | `height`    | iOS/Android | yes               |
-| `hiddenOpacity`       | Opacity of the Accessory when it is hidden.                  | `number`               | no       | 0           | iOS/Android | yes               |
-| `hideBorder`          | Set true if you want to hide top border of the Accessory     | `boolean`              | no       | false       | iOS/Android | yes               |
-| `inSafeAreaView`      | Set true if you want to adapt SafeAreaView on iPhone X       | `boolean`              | no       | false       | iOS         | no                |
-| `androidAdjustResize` | Set true in ejected apps to adjust resize                    | `boolean`              | no       | false       | Android     | no                |
-| `avoidKeyboard`       | Set true if you want accessory to maintain KeyboardAvoidingView behavior. You shouldn't use any other Keyboard Avoiding library when you set this to `true` | `boolean`              | no       | false       | iOS/Android | yes               |
-
-### KeyboardAccessoryNavigation属性
+| `alwaysVisible`       | When set to `true` Accessory View will be always visible at the bottom of the screen. Good for sticky `TextInput`'s                                                                                                                                                                     | `boolean`              | no       | `false`     | iOS/Android | yes               |
+| `bumperHeight`        | Bumper height to prevent visual glitches if animation couldn't keep up with the keyboard animation.                                                                                                                                                                                     | `number`               | no       | 15          | iOS/Android | yes               |
+| `visibleOpacity`      | Opacity of the Accessory when it is visible. _Note:_ Opacity is used for hiding the accessory to prevent render delays.                                                                                                                                                                 | `number`               | no       | 1           | iOS/Android | yes               |
+| `heightProperty`      | Control how the component manages its height. The component listens for children changes and automatically adjusts its height, so `height` is usually sufficient. For use with a multiline, autogrowing `TextInput`, `minHeight` is recommended. Values: `['height', 'minHeight']`      | `enum:string`          | no       | `height`    | iOS/Android | yes               |
+| `hiddenOpacity`       | Opacity of the Accessory when it is hidden.                                                                                                                                                                                                                                             | `number`               | no       | 0           | iOS/Android | yes               |
+| `hideBorder`          | Set true if you want to hide top border of the Accessory                                                                                                                                                                                                                                | `boolean`              | no       | false       | iOS/Android | yes               |
+| `inSafeAreaView`      | Set true if you want to adapt SafeAreaView on iPhone X                                                                                                                                                                                                                                  | `boolean`              | no       | false       | iOS         | no                |
+| `androidAdjustResize` | Set true in ejected apps to adjust resize                                                                                                                                                                                                                                               | `boolean`              | no       | false       | Android     | no                |
+| `avoidKeyboard`       | Set true if you want accessory to maintain KeyboardAvoidingView behavior. You shouldn't use any other Keyboard Avoiding library when you set this to `true`                                                                                                                             | `boolean`              | no       | false       | iOS/Android | yes               |
+
+### KeyboardAccessoryNavigationProperties
 
 用于处理键盘导航的组件
 
-| Name                      | **Description**                                              | **Type**      | Required | **Default**                              | Platform    | HarmonyOS Support |
-| ------------------------- | ------------------------------------------------------------ | ------------- | -------- | ---------------------------------------- | ----------- | ----------------- |
-| `doneButtonTitle`         | Title text to show on the right Button of Navigation View    | `string`      | no       | `'Done'`                                 | iOS/Android | yes               |
-| `tintColor`               | Tint color for the arrows and done button                    | `string`      | no       | `'#007AFF'`                              | iOS/Android | yes               |
-| `doneButton`              | Replace default Done Button. Non-Touchable node should be provided. | `node`        | no       | `null`                                   | iOS/Android | yes               |
-| `nextButton`              | Replace default Next Button. Non-Touchable node should be provided. | `node`        | no       | `null`                                   | iOS/Android | yes               |
-| `previousButton`          | Replace default Previous Button. Non-Touchable node should be provided. | `node`        | no       | `null`                                   | iOS/Android | yes               |
-| `doneDisabled`            | Disables Done Button                                         | `boolean`     | no       | false                                    | no          | no                |
-| `nextDisabled`            | Disables Next Button                                         | `boolean`     | no       | false                                    | iOS/Android | yes               |
-| `previousDisabled`        | Disables Previous Button                                     | `boolean`     | no       | false                                    | iOS/Android | yes               |
-| `doneHidden`              | Hides Done Button                                            | `boolean`     | no       | false                                    | no          | no                |
-| `nextHidden`              | Hides Next Button                                            | `boolean`     | no       | false                                    | iOS/Android | yes               |
-| `previousHidden`          | Hides Previous Button                                        | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| Name                      | **Description**                                                                            | **Type**      | Required | **Default**                              | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------ | ------------- | -------- | ---------------------------------------- | ----------- | ----------------- |
+| `doneButtonTitle`         | Title text to show on the right Button of Navigation View                                  | `string`      | no       | `'Done'`                                 | iOS/Android | yes               |
+| `tintColor`               | Tint color for the arrows and done button                                                  | `string`      | no       | `'#007AFF'`                              | iOS/Android | yes               |
+| `doneButton`              | Replace default Done Button. Non-Touchable node should be provided.                        | `node`        | no       | `null`                                   | iOS/Android | yes               |
+| `nextButton`              | Replace default Next Button. Non-Touchable node should be provided.                        | `node`        | no       | `null`                                   | iOS/Android | yes               |
+| `previousButton`          | Replace default Previous Button. Non-Touchable node should be provided.                    | `node`        | no       | `null`                                   | iOS/Android | yes               |
+| `doneDisabled`            | Disables Done Button                                                                       | `boolean`     | no       | false                                    | no          | no                |
+| `nextDisabled`            | Disables Next Button                                                                       | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `previousDisabled`        | Disables Previous Button                                                                   | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `doneHidden`              | Hides Done Button                                                                          | `boolean`     | no       | false                                    | no          | no                |
+| `nextHidden`              | Hides Next Button                                                                          | `boolean`     | no       | false                                    | iOS/Android | yes               |
+| `previousHidden`          | Hides Previous Button                                                                      | `boolean`     | no       | false                                    | iOS/Android | yes               |
 | `accessoryStyle`          | Style object or StyleSheet reference which will be applied to Navigation Accessory `View`. | `object`      | no       | null                                     | iOS/Android | yes               |
-| `doneButtonStyle`         | Style object or StyleSheet reference which will be applied to Done Button `View` | `object`      | no       | null                                     | iOS/Android | yes               |
-| `doneButtonTitleStyle`    | Style object or StyleSheet reference which will be applied to Done Button `Text` | `object`      | no       | null                                     | iOS/Android | yes               |
-| `doneButtonHitslop`       | This defines how far your touch can start away from the doneButton | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
-| `previousButtonStyle`     | Style object or StyleSheet reference which will be applied to Previous Button `View` | `object`      | no       | 0                                        | iOS/Android | yes               |
-| `nextButtonStyle`         | Style object or StyleSheet reference which will be applied to Next Button `View` | `object`      | no       | 0                                        | iOS/Android | yes               |
-| `nextButtonDirection`     | Arrow direction for the Next Button. Values: `['down', 'up', 'right', 'left']`. | `enum:string` | no       | `'down'`                                 | iOS/Android | yes               |
-| `nextButtonHitslop`       | This defines how far your touch can start away from the nextButton | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
-| `previousButtonDirection` | Arrow direction for the Previous Button. Values: `['down', 'up', 'right', 'left']`. | `enum:string` | no       | `'up'`                                   | iOS/Android | yes               |
-| `previousButtonHitslop`   | This defines how far your touch can start away from the previousButton | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
-| `onDone`                  | Triggered on Done Button `press`                             | `function`    | no       | null                                     | iOS/Android | yes               |
-| `onNext`                  | Triggered on Next Button `press`                             | `function`    | no       | null                                     | iOS/Android | yes               |
-| `onPrevious`              | Triggered on Previous Button `press`                         | `function`    | no       | null                                     | iOS/Android | yes               |
-
-### KeyboardAwareTabBarComponent属性
-
-| Name              | **Description**                                              | **Type**           | Required | **Default** | Platform    | HarmonyOS Support |
-| ----------------- | ------------------------------------------------------------ | ------------------ | -------- | ----------- | ----------- | ----------------- |
+| `doneButtonStyle`         | Style object or StyleSheet reference which will be applied to Done Button `View`           | `object`      | no       | null                                     | iOS/Android | yes               |
+| `doneButtonTitleStyle`    | Style object or StyleSheet reference which will be applied to Done Button `Text`           | `object`      | no       | null                                     | iOS/Android | yes               |
+| `doneButtonHitslop`       | This defines how far your touch can start away from the doneButton                         | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
+| `previousButtonStyle`     | Style object or StyleSheet reference which will be applied to Previous Button `View`       | `object`      | no       | 0                                        | iOS/Android | yes               |
+| `nextButtonStyle`         | Style object or StyleSheet reference which will be applied to Next Button `View`           | `object`      | no       | 0                                        | iOS/Android | yes               |
+| `nextButtonDirection`     | Arrow direction for the Next Button. Values: `['down', 'up', 'right', 'left']`.            | `enum:string` | no       | `'down'`                                 | iOS/Android | yes               |
+| `nextButtonHitslop`       | This defines how far your touch can start away from the nextButton                         | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
+| `previousButtonDirection` | Arrow direction for the Previous Button. Values: `['down', 'up', 'right', 'left']`.        | `enum:string` | no       | `'up'`                                   | iOS/Android | yes               |
+| `previousButtonHitslop`   | This defines how far your touch can start away from the previousButton                     | `Insets`      | no       | { left: 0, top: 0, right: 0, bottom: 0 } | iOS/Android | yes               |
+| `onDone`                  | Triggered on Done Button `press`                                                           | `function`    | no       | null                                     | iOS/Android | yes               |
+| `onNext`                  | Triggered on Next Button `press`                                                           | `function`    | no       | null                                     | iOS/Android | yes               |
+| `onPrevious`              | Triggered on Previous Button `press`                                                       | `function`    | no       | null                                     | iOS/Android | yes               |
+
+### KeyboardAwareTabBarComponentProperties
+
+| Name              | **Description**                                                    | **Type**           | Required | **Default** | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------ | ------------------ | -------- | ----------- | ----------- | ----------------- |
 | `TabBarComponent` | Provide TabBarComponent to render. Usually from `react-navigation` | `node`, `function` | no       |             | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-- inSafeAreaView 是专为适配ios的刘海和底部横条布局设计的，HarmonyOS没有此类问题，只支持默认设置false。
+- inSafeAreaView 是专为适配 ios 的刘海和底部横条布局设计的，HarmonyOS 没有此类问题，只支持默认设置 false。
 
-- androidAdjustResize 是为适配安卓键盘弹出时窗口的布局，HarmonyOS键盘弹出没有该问题，无需设置该属性。
+- androidAdjustResize 是为适配安卓键盘弹出时窗口的布局，HarmonyOS 键盘弹出没有该问题，无需设置该 Properties。
 
-- doneDisabled和doneHidden属性在iOS,Android不生效，HarmonyOS与其表现一致: [issue#99](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/99)
+- doneDisabled 和 doneHiddenProperties 在 iOS,Android 不生效，HarmonyOS 与其表现一致: [issue#99](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/99)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ardaogulcan/react-native-keyboard-accessory/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/ardaogulcan/react-native-keyboard-accessory/blob/master/LICENSE).
diff --git a/en/react-native-keys.md b/en/react-native-keys.md
index 8465074f..ba51987a 100644
--- a/en/react-native-keys.md
+++ b/en/react-native-keys.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-keys</code> </h1>
@@ -12,21 +12,19 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-keys)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keys)
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-keys@file:#
@@ -40,12 +38,12 @@ yarn add @react-native-oh-tpl/react-native-keys@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 1. Create a new file keys.development.json in the root of your React Native app and add Envs in secure object for protected envs variables and add Envs in public for public usage this:
- 
+
 ```json
 {
   "secure": {
@@ -59,30 +57,28 @@ yarn add @react-native-oh-tpl/react-native-keys@file:#
     "PACKAGE_ID": "com.example.rnkeys.dev"
   }
 }
-
 ```
 
 2. Use Public Keys & Secure Keys
 
-``` js
-import Keys from 'react-native-keys';
+```js
+import Keys from "react-native-keys";
 
 Keys.API_URL;
 Keys.URI_SCHEME;
 
-Keys.secureFor('API_TOKEN');
-Keys.secureFor('GOOGLE_API_KEY');
-Keys.secureFor('SECRET_KEY');
-
+Keys.secureFor("API_TOKEN");
+Keys.secureFor("GOOGLE_API_KEY");
+Keys.secureFor("SECRET_KEY");
 ```
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -93,18 +89,15 @@ Keys.secureFor('SECRET_KEY');
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入 (推荐)
+Method 1 (recommended): Use the HAR file. (推荐)
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -113,22 +106,22 @@ Keys.secureFor('SECRET_KEY');
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 RNOHKeysPackage
+### 3. Configuring CMakeLists and Introducing RNOHKeysPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -166,7 +159,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -185,9 +178,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNKeysPackage
+### 4. Introducing RNKeysPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -201,56 +194,53 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.在 DevEco 创建运行前script（生成加解密代码和编译配置文件）
+### 5.在 DevEco 创建 Running 前 script（生成加解密代码和编译配置文件）
 
-> [!TIP] 如下步骤中添加配置完成时记得点击Apply按钮让配置生效
+> [!TIP] 如下步骤中添加配置完成时记得点击 Apply 按钮让配置生效
 
 1. 点击右上角 entry -> Edit Configurations... 打开配置面板
-2. 点击面板左上角 + , 选择Shell Script, 打开新建 script的配置面板, 按如下图片提示进行配置  
+2. 点击面板左上角 + , 选择 Shell Script, 打开新建 script 的配置面板, 按如下图片提示进行配置  
    ![shell script config](../img/rnkeys/RNKeys_Script_Config.PNG)
-3. 配置entry -> Before Lunch，点击加号选择 Run Another Configuration， 选择上一步配置的 Shell Script, 并将配置拖动到Hvigor-Build Make上方  
+3. 配置 entry -> Before Lunch，点击加号选择 Run Another Configuration， 选择上一步配置的 Shell Script, 并将配置拖动到 Hvigor-Build Make 上方  
    ![entry config](../img/rnkeys/entry_config.PNG)
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)
 
-   
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
-|-----------------|----------------------|----------|----------|-------------|-------------------|
+| --------------- | -------------------- | -------- | -------- | ----------- | ----------------- |
 | Keys attributes | Get public value     | object   | no       | iOS/Android | yes               |
 | Keys.publicKeys | Get all public value | function | no       | iOS/Android | yes               |
 | Keys.secureFor  | Get secret value     | function | no       | iOS/Android | yes               |
 
+## Known Issues
 
-## 遗留问题
-
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/numandev1/react-native-keys/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/numandev1/react-native-keys/blob/main/LICENSE).
diff --git a/en/react-native-loading-spinner-overlay.md b/en/react-native-loading-spinner-overlay.md
index 64d4a7e9..8be69728 100644
--- a/en/react-native-loading-spinner-overlay.md
+++ b/en/react-native-loading-spinner-overlay.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-loading-spinner-overlay</code> </h1>
@@ -14,11 +14,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/ladjs/react-native-loading-spinner-overlay)
+> [!TIP] [GitHub address](https://github.com/ladjs/react-native-loading-spinner-overlay)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +36,9 @@ yarn add react-native-loading-spinner-overlay@3.0.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from "react";
@@ -47,77 +47,81 @@ import Spinner from "react-native-loading-spinner-overlay";
 
 type Props = {};
 export default class App extends Component<Props> {
-	state = {
-		spinner: false
-	};
-
-	componentDidMount() {
-		setInterval(() => {
-			this.setState({
-				spinner: !this.state.spinner
-			});
-		}, 3000);
-	}
-
-	render() {
-		return (
-			<View style={styles.container}>
-				<Spinner visible={this.state.spinner} textContent={"Loading..."} textStyle={styles.spinnerTextStyle} />
-			</View>
-		);
-	}
+  state = {
+    spinner: false,
+  };
+
+  componentDidMount() {
+    setInterval(() => {
+      this.setState({
+        spinner: !this.state.spinner,
+      });
+    }, 3000);
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <Spinner
+          visible={this.state.spinner}
+          textContent={"Loading..."}
+          textStyle={styles.spinnerTextStyle}
+        />
+      </View>
+    );
+  }
 }
 
 const styles = StyleSheet.create({
-	spinnerTextStyle: {
-		color: "#FFF"
-	},
-	container: {
-		flex: 1,
-		justifyContent: "center",
-		alignItems: "center",
-		backgroundColor: "#F5FCFF"
-	}
+  spinnerTextStyle: {
+    color: "#FFF",
+  },
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
+  },
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
-| --- | --- | --- | --- | --- | --- | --- |
-| cancelable | If set to false, it will prevent spinner from hiding when pressing the hardware back button. If set to true, it will allow spinner to hide if the hardware back button is pressed. | Boolean | `false` | no | Android | yes |
-| color | Changes the spinner's color (example values are `red`, `#ff0000`, etc). For adjusting the contrast see `overlayColor` prop below. | String | `"white"` | no | All | yes |
-| animation | Changes animation on show and hide spinner's view. | String (enum) `none`, `slide`, `fade` | `"none"` | no | All | yes |
-| overlayColor | Changes the color of the overlay. | String | `rgba(0, 0, 0, 0.25)` | no | All | yes |
-| size | Sets the spinner's size. No other cross-platform sizes are supported right now. | String (enum) `small`, `normal`, `large` | `"large"` | no | All | yes |
-| textContent | Optional text field to be shown. | String | `""` | no | All | yes |
-| textStyle | The style to be applied to the `<Text>` that displays the `textContent`. | StyleSheet | `-` | no | All | yes |
-| visible | Controls the visibility of the spinner. | Boolean | `false` | yes | All | yes |
-| indicatorStyle | Additional styles for the [ActivityIndicator](https://facebook.github.io/react-native/docs/activityindicator) to inherit | StyleSheet | `undefined` | no | All | yes |
-| customIndicator | An alternative, custom component to use instead of the default `<ActivityIndicator />` | Element | `undefined` | no | All | yes |
-| children | Children element(s) to nest inside the spinner | Element | `undefined` | no | All | yes |
+| Name            | Description                                                                                                                                                                        | Type                                     | Default               | Required | Platform | HarmonyOS Support |
+| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | --------------------- | -------- | -------- | ----------------- |
+| cancelable      | If set to false, it will prevent spinner from hiding when pressing the hardware back button. If set to true, it will allow spinner to hide if the hardware back button is pressed. | Boolean                                  | `false`               | no       | Android  | yes               |
+| color           | Changes the spinner's color (example values are `red`, `#ff0000`, etc). For adjusting the contrast see `overlayColor` prop below.                                                  | String                                   | `"white"`             | no       | All      | yes               |
+| animation       | Changes animation on show and hide spinner's view.                                                                                                                                 | String (enum) `none`, `slide`, `fade`    | `"none"`              | no       | All      | yes               |
+| overlayColor    | Changes the color of the overlay.                                                                                                                                                  | String                                   | `rgba(0, 0, 0, 0.25)` | no       | All      | yes               |
+| size            | Sets the spinner's size. No other cross-platform sizes are supported right now.                                                                                                    | String (enum) `small`, `normal`, `large` | `"large"`             | no       | All      | yes               |
+| textContent     | Optional text field to be shown.                                                                                                                                                   | String                                   | `""`                  | no       | All      | yes               |
+| textStyle       | The style to be applied to the `<Text>` that displays the `textContent`.                                                                                                           | StyleSheet                               | `-`                   | no       | All      | yes               |
+| visible         | Controls the visibility of the spinner.                                                                                                                                            | Boolean                                  | `false`               | yes      | All      | yes               |
+| indicatorStyle  | Additional styles for the [ActivityIndicator](https://facebook.github.io/react-native/docs/activityindicator) to inherit                                                           | StyleSheet                               | `undefined`           | no       | All      | yes               |
+| customIndicator | An alternative, custom component to use instead of the default `<ActivityIndicator />`                                                                                             | Element                                  | `undefined`           | no       | All      | yes               |
+| children        | Children element(s) to nest inside the spinner                                                                                                                                     | Element                                  | `undefined`           | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] 在RNOH框架中引入RN组件`Modal`和`ActivityIndicator`嵌套使用(`ActivityIndicator`作为`Modal`的 children)时会出现`ActivityIndicator`无法正常运作，导致当前库也无法在HarmonyOS中正常运行。
+- [ ] 在 RNOH 框架中引入 RN 组件`Modal`和`ActivityIndicator`嵌套使用(`ActivityIndicator`作为`Modal`的 children)时会出现`ActivityIndicator`无法正常运作，导致当前库也无法在 HarmonyOS 中正常 Running。
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ladjs/react-native-loading-spinner-overlay/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/ladjs/react-native-loading-spinner-overlay/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
diff --git a/en/react-native-localization-settings.md b/en/react-native-localization-settings.md
index 44374f06..adf57546 100644
--- a/en/react-native-localization-settings.md
+++ b/en/react-native-localization-settings.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-localization-settings</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-localization-settings)
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-localization-settings)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-library/react-native-localization-settings/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-library/react-native-localization-settings/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,11 +39,11 @@ yarn add @react-native-oh-tpl/react-native-localization-settings@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-> [!TIP] 本示例依赖i18next react-i18next库，参照[react-i18next文档](https://react.i18next.com/guides/quick-start)进行引入
+> [!TIP] 本示例依赖 i18next react-i18next 库，参照[react-i18next](https://react.i18next.com/guides/quick-start)进行引入
 
 ```js
 import * as React from "react";
@@ -116,18 +116,17 @@ const styles = StyleSheet.create({
 });
 ```
 
+## Use Codegen
 
-## 使用 Codegen
-
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -138,18 +137,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -158,22 +154,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNLocalizationSettingsPackage
+### 3. Introducing RNLocalizationSettingsPackage Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -187,32 +183,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-tpl/react-native-localization-settings/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-tpl/react-native-localization-settings/releases)
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > [!TIP] 在设置改变语言之前，确保手机系统添加相应语言
 
@@ -222,10 +218,10 @@ ohpm install
 | getLanguage()              | Function to get current language.     | function | no       | iOS/Android | yes               |
 | setLanguage()              | Function to set the current language. | function | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/jakex7/react-native-localization-settings/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/jakex7/react-native-localization-settings/blob/main/LICENSE).
diff --git a/en/react-native-mail.md b/en/react-native-mail.md
index 60d221eb..2a7106f6 100644
--- a/en/react-native-mail.md
+++ b/en/react-native-mail.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-mail</code> </h1>
@@ -14,15 +14,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-mail)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-mail)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-mail@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import React, { Component } from "react";
@@ -107,17 +107,17 @@ export default class App extends Component {
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -128,18 +128,15 @@ export default class App extends Component {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -148,22 +145,22 @@ export default class App extends Component {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNMailPackage
+### 3. Introducing RNMailPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -177,32 +174,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-mail Releases](https://github.com/react-native-oh-library/react-native-mail/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description                                                                        | Type                       | Required | Platform | HarmonyOS Support |
 | ---- | ---------------------------------------------------------------------------------- | -------------------------- | -------- | -------- | ----------------- |
@@ -221,14 +218,14 @@ ohpm install
 | isHTML             | 邮件内容是否为 html | boolean  | no       | all      | yes               |
 | attachments        | 附件信息            | object[] | no       | all      | no                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 不支持 attachments 附件传递: [issue#1](https://github.com/react-native-oh-library/react-native-mail/issues/1)
 - [ ] 不支持 customChooserTitle: [issue#4](https://github.com/react-native-oh-library/react-native-mail/issues/4)
 - [x] 邮箱应用上 body 显示异常: [issue#2](https://github.com/react-native-oh-library/react-native-mail/issues/2)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/chirag04/react-native-mail/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/chirag04/react-native-mail/blob/master/LICENSE).
diff --git a/en/react-native-maps-directions.md b/en/react-native-maps-directions.md
index 404346a0..e8be7716 100644
--- a/en/react-native-maps-directions.md
+++ b/en/react-native-maps-directions.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-maps-directions</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-maps-directions)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-maps-directions)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -35,23 +35,23 @@ npm install @react-native-oh-tpl/react-native-maps-directions@file:#
 yarn add @react-native-oh-tpl/react-native-maps-directions@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { Component } from 'react';
-import { Dimensions, StyleSheet, View, Text } from 'react-native';
-import MapViewDirections from 'react-native-maps-directions';
+import React, { Component } from "react";
+import { Dimensions, StyleSheet, View, Text } from "react-native";
+import MapViewDirections from "react-native-maps-directions";
 import MapView, { Marker } from "react-native-maps";
 
-const { width, height } = Dimensions.get('window');
+const { width, height } = Dimensions.get("window");
 const ASPECT_RATIO = width / height;
 const LATITUDE = 37.771707;
 const LONGITUDE = -122.4053769;
 const LATITUDE_DELTA = 0.0922;
 const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO;
-const MAPS_APIKEY = 'xxxxxx';
+const MAPS_APIKEY = "xxxxxx";
 
 class MapExample extends Component {
   constructor(props) {
@@ -73,61 +73,62 @@ class MapExample extends Component {
 
   onMapPress = (e) => {
     this.setState({
-      coordinates: [
-        ...this.state.coordinates,
-        e.nativeEvent.coordinate,
-      ],
+      coordinates: [...this.state.coordinates, e.nativeEvent.coordinate],
     });
-  }
+  };
 
   render() {
-    const { coordinates} = this.state;
+    const { coordinates } = this.state;
     return (
       <View style={styles.container}>
-      <MapView
-        initialRegion={{
-          latitude: LATITUDE,
-          longitude: LONGITUDE,
-          latitudeDelta: LATITUDE_DELTA,
-          longitudeDelta: LONGITUDE_DELTA,
-        }}
-        style={StyleSheet.absoluteFill}
-        ref={c => this.mapView = c}
-        onPress={this.onMapPress}>
-      
-        {this.state.coordinates.map((coordinate, index) =>
-          <Marker key={`coordinate_${index}`} coordinate={coordinate} />
-        )}
-        {(this.state.coordinates.length >= 2) && (
-          <MapViewDirections
-            origin={this.state.coordinates[0]}
-            destination={this.state.coordinates[this.state.coordinates.length-1]}
-            apikey={MAPS_APIKEY}
-            mode='BICYCLING'
-            strokeWidth={6}
-            strokeColor={"#0000FF"}
-            resetOnChange={true}
-            onStart={(params) => {
-              console.log(`Started routing between "${params.origin}" and "${params.destination}"`);
-            }}
-            onReady={result => {
-              console.log(`Distance: ${result.distance} km`)
-              console.log(`Duration: ${result.duration} min.`)
-              this.mapView.fitToCoordinates(result.coordinates, {
-                edgePadding: {
-                  right: (width / 20),
-                  bottom: (height / 20),
-                  left: (width / 20),
-                  top: (height / 20),
-                }
-              });
-            }}
-            onError={(errorMessage) => {
-              console.log('GOT AN ERROR');
-            }}
-          />
-         )} 
-      </MapView>
+        <MapView
+          initialRegion={{
+            latitude: LATITUDE,
+            longitude: LONGITUDE,
+            latitudeDelta: LATITUDE_DELTA,
+            longitudeDelta: LONGITUDE_DELTA,
+          }}
+          style={StyleSheet.absoluteFill}
+          ref={(c) => (this.mapView = c)}
+          onPress={this.onMapPress}
+        >
+          {this.state.coordinates.map((coordinate, index) => (
+            <Marker key={`coordinate_${index}`} coordinate={coordinate} />
+          ))}
+          {this.state.coordinates.length >= 2 && (
+            <MapViewDirections
+              origin={this.state.coordinates[0]}
+              destination={
+                this.state.coordinates[this.state.coordinates.length - 1]
+              }
+              apikey={MAPS_APIKEY}
+              mode="BICYCLING"
+              strokeWidth={6}
+              strokeColor={"#0000FF"}
+              resetOnChange={true}
+              onStart={(params) => {
+                console.log(
+                  `Started routing between "${params.origin}" and "${params.destination}"`
+                );
+              }}
+              onReady={(result) => {
+                console.log(`Distance: ${result.distance} km`);
+                console.log(`Duration: ${result.duration} min.`);
+                this.mapView.fitToCoordinates(result.coordinates, {
+                  edgePadding: {
+                    right: width / 20,
+                    bottom: height / 20,
+                    left: width / 20,
+                    top: height / 20,
+                  },
+                });
+              }}
+              onError={(errorMessage) => {
+                console.log("GOT AN ERROR");
+              }}
+            />
+          )}
+        </MapView>
       </View>
     );
   }
@@ -146,55 +147,54 @@ const styles = StyleSheet.create({
 });
 
 export default MapExample;
-
 ```
 
 ## Link
 
-本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-maps 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-maps. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-maps 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-maps.md#link)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-maps](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-maps.md#link) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 >
-> 由于渲染在屏幕上的结果是 `MapView.Polyline` 组件，因此也支持 `MapView.Polyline` 属性，`MapView.Polyline`属性参见[**react-native-maps**](/zh-cn/react-native-maps.md#polyline)。
-
-| Name                     | **Description**                                              | Type                   | Required | **Default** | Platform    | HarmonyOS Support                                           |
-| ------------------------ | ------------------------------------------------------------ | ---------------------- | -------- | ----------- | ----------- | ----------------------------------------------------------- |
-| `origin`                 | The origin location to start routing from.                   | LatLng` or `String     | true     |             | iOS/Android | yes                                                         |
-| destination              | The destination location to start routing to.                | LatLng` or `String     | true     |             | iOS/Android | yes                                                         |
-| apikey                   | Your Google Maps API Key or HUWEI Map API Key. HUWEI Map API Key see [here](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428) | String                 | true     |             | iOS/Android | yes                                                         |
-| waypoints                | Array of waypoints to use between origin and destination.    | [`LatLng` or `String`] | false    | []          | iOS/Android | no                                                          |
-| language                 | The language to use when calculating directions. See [here](https://developers.google.com/maps/documentation/javascript/localization) for more info. | String                 | false    | en          | iOS/Android | no                                                          |
-| mode                     | Which transportation mode to use when calculating directions. Allowed values are `"DRIVING"`, `"BICYCLING"`, `"WALKING"`, and `"TRANSIT"`. | String                 | false    | "DRIVING"   | iOS/Android | partially (Support `"DRIVING"`, `"BICYCLING"`, `"WALKING"`) |
-| resetOnChange            | Tweak if the rendered `MapView.Polyline` should reset or not when calculating the route between `origin` and `destionation`. Set to `false` if you see the directions line glitching. | boolean                | false    | true        | iOS/Android | yes                                                         |
-| optimizeWaypoints        | Set it to true if you would like Google Maps to re-order all the waypoints to optimize the route for the fastest route. Please be aware that if this option is enabled, you will be billed at a higher rate by Google as stated [here](https://developers.google.com/maps/documentation/javascript/directions#Waypoints). | boolean                | false    | false       | iOS/Android | no                                                          |
+> 由于渲染在屏幕上的结果是 `MapView.Polyline` 组件，因此也支持 `MapView.Polyline` Properties，`MapView.Polyline`Properties 参见[**react-native-maps**](/en/react-native-maps.md#polyline)。
+
+| Name                     | **Description**                                                                                                                                                                                                                                                                                                                                                                                           | Type                   | Required | **Default** | Platform    | HarmonyOS Support                                           |
+| ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | -------- | ----------- | ----------- | ----------------------------------------------------------- |
+| `origin`                 | The origin location to start routing from.                                                                                                                                                                                                                                                                                                                                                                | LatLng`or`String       | true     |             | iOS/Android | yes                                                         |
+| destination              | The destination location to start routing to.                                                                                                                                                                                                                                                                                                                                                             | LatLng`or`String       | true     |             | iOS/Android | yes                                                         |
+| apikey                   | Your Google Maps API Key or HUWEI Map API Key. HUWEI Map API Key see [here](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428)                                                                                                                                                                                                                | String                 | true     |             | iOS/Android | yes                                                         |
+| waypoints                | Array of waypoints to use between origin and destination.                                                                                                                                                                                                                                                                                                                                                 | [`LatLng` or `String`] | false    | []          | iOS/Android | no                                                          |
+| language                 | The language to use when calculating directions. See [here](https://developers.google.com/maps/documentation/javascript/localization) for more info.                                                                                                                                                                                                                                                      | String                 | false    | en          | iOS/Android | no                                                          |
+| mode                     | Which transportation mode to use when calculating directions. Allowed values are `"DRIVING"`, `"BICYCLING"`, `"WALKING"`, and `"TRANSIT"`.                                                                                                                                                                                                                                                                | String                 | false    | "DRIVING"   | iOS/Android | partially (Support `"DRIVING"`, `"BICYCLING"`, `"WALKING"`) |
+| resetOnChange            | Tweak if the rendered `MapView.Polyline` should reset or not when calculating the route between `origin` and `destionation`. Set to `false` if you see the directions line glitching.                                                                                                                                                                                                                     | boolean                | false    | true        | iOS/Android | yes                                                         |
+| optimizeWaypoints        | Set it to true if you would like Google Maps to re-order all the waypoints to optimize the route for the fastest route. Please be aware that if this option is enabled, you will be billed at a higher rate by Google as stated [here](https://developers.google.com/maps/documentation/javascript/directions#Waypoints).                                                                                 | boolean                | false    | false       | iOS/Android | no                                                          |
 | splitWaypoints           | Directions API has a [limit](https://developers.google.com/maps/documentation/directions/usage-and-billing#directions-advanced) of 10 or 25 (depends on the billing plan) waypoints per route. When exceeding this limit you will be billed at a higher reate by Google. Set this to `true` if you would like to automatically split waypoints into multiple routes, thus bypassing this waypoints limit. | boolean                | false    | false       | iOS/Android | no                                                          |
-| directionsServiceBaseUrl | Base URL of the Directions Service (API) you are using.      | string                 | false    | (Google's)  | iOS/Android | yes                                                         |
-| region                   | If you are using strings for **origin** or **destination**, sometimes you will get an incorrect route because Google Maps API needs the region where this places belong to. See [here](https://developers.google.com/maps/documentation/javascript/localization#Region) for more info. | String                 | false    |             | iOS/Android | no                                                          |
-| precision                | The precision level of detail of the drawn polyline. Allowed values are "high", and "low". Setting to "low" will yield a polyline that is an approximate (smoothed) path of the resulting directions. Setting to "high" may cause a hit in performance in case a complex route is returned. | String                 | false    | "low"       | iOS/Android | no                                                          |
-| timePrecision            | The timePrecision to get Realtime traffic info. Allowed values are "none", and "now". Defaults to "none". | String                 | false    | "none"      | iOS/Android | no                                                          |
-| channel                  | If you include the channel parameter in your requests, you can generate a Successful Requests report that shows a breakdown of your application's API requests across different applications that use the same client ID (such as externally facing access vs. internally facing access). | String                 | false    | null        | iOS/Android | no                                                          |
+| directionsServiceBaseUrl | Base URL of the Directions Service (API) you are using.                                                                                                                                                                                                                                                                                                                                                   | string                 | false    | (Google's)  | iOS/Android | yes                                                         |
+| region                   | If you are using strings for **origin** or **destination**, sometimes you will get an incorrect route because Google Maps API needs the region where this places belong to. See [here](https://developers.google.com/maps/documentation/javascript/localization#Region) for more info.                                                                                                                    | String                 | false    |             | iOS/Android | no                                                          |
+| precision                | The precision level of detail of the drawn polyline. Allowed values are "high", and "low". Setting to "low" will yield a polyline that is an approximate (smoothed) path of the resulting directions. Setting to "high" may cause a hit in performance in case a complex route is returned.                                                                                                               | String                 | false    | "low"       | iOS/Android | no                                                          |
+| timePrecision            | The timePrecision to get Realtime traffic info. Allowed values are "none", and "now". Defaults to "none".                                                                                                                                                                                                                                                                                                 | String                 | false    | "none"      | iOS/Android | no                                                          |
+| channel                  | If you include the channel parameter in your requests, you can generate a Successful Requests report that shows a breakdown of your application's API requests across different applications that use the same client ID (such as externally facing access vs. internally facing access).                                                                                                                 | String                 | false    | null        | iOS/Android | no                                                          |
 
-### 事件和返回
+### Event and Returns
 
-| Event Name | **Description**                                              | Type     | Required | Platform    | HarmonyOS Support |
-| ---------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| `onStart`  | Callback that is called when the routing has started.        | Function | false    | iOS/Android | yes               |
+| Event Name | **Description**                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
+| ---------- | --------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| `onStart`  | Callback that is called when the routing has started.                                                                             | Function | false    | iOS/Android | yes               |
 | `onReady`  | Callback that is called when the routing has succesfully finished. note: distance returned in kilometers and duration in minutes. | Function | false    | iOS/Android | yes               |
-| `onError`  | Callback that is called in case the routing has failed.      | Function | false    | iOS/Android | yes               |
+| `onError`  | Callback that is called in case the routing has failed.                                                                           | Function | false    | iOS/Android | yes               |
 
 #### onStart
 
@@ -202,8 +202,8 @@ export default MapExample;
  onStart(params:Object):void
 ```
 
-| Name   | **Description**                                              | Type   | Required | Platform    | HarmonyOS Support |
-| ------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| Name   | **Description**                                                                                        | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
 | params | 回调函数返回值，包含起点、终点和中间点的经纬度信息。数据格式为：{ origin, destination, waypoints: [] } | Object | True     | iOS/Android | yes               |
 
 #### onReady
@@ -212,8 +212,8 @@ export default MapExample;
  onReady(result:Object):void
 ```
 
-| Name   | **Description**                                              | Type   | Required | Platform    | HarmonyOS Support |
-| ------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| Name   | **Description**                                                                                                                                                                | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
 | result | 回调函数返回值，包含起点到终点的距离、路程时间、和途径路径的经纬度等信息。数据格式：{ distance: Number, duration: Number, coordinates: [], fare: Object, waypointOrder: [[]] } | Object | True     | iOS/Android | yes               |
 
 #### onError
@@ -222,25 +222,25 @@ export default MapExample;
  onError(errorMessage:Object):void
 ```
 
-| Name         | **Description**                                   | Type   | Required | Platform    | HarmonyOS Support |
-| ------------ | ------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| errorMessage | 回调函数返回值，访问directions rest api的报错信息 | Object | True     | iOS/Android | yes               |
+| Name         | **Description**                                     | Type   | Required | Platform    | HarmonyOS Support |
+| ------------ | --------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| errorMessage | 回调函数返回值，访问 directions rest api 的报错信息 | Object | True     | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] waypoints属性不支持，不支持的原因是由于华为侧Directions API不支持中间点参数查询：[issue#13](https://github.com/react-native-oh-library/react-native-maps-directions/issues/13)
-- [ ] language属性不支持，不支持的原因是由于华为侧Directions API只支持文字指引的语种和谷歌地图api的语言本地化本地化功能不一样：[issue#14](https://github.com/react-native-oh-library/react-native-maps-directions/issues/14)
-- [ ] optimizeWaypoints属性不支持，不支持的原因是由于华为侧Directions API不支持中间点优化，获取更快路线：[issue#15](https://github.com/react-native-oh-library/react-native-maps-directions/issues/15)
-- [ ] splitWaypoints属性不支持，不支持的原因是由于华为侧Directions API不支持将中间点个数设置，将其分割成多条路线：[issue#16](https://github.com/react-native-oh-library/react-native-maps-directions/issues/16)
-- [ ] region属性不支持，不支持的原因是由于华为侧Directions API不支持地区代码和地点的映射：[issue#17](https://github.com/react-native-oh-library/react-native-maps-directions/issues/17)
-- [ ] precision属性不支持，不支持的原因是由于华为侧Directions API不支持更精细的绘画路程线路：[issue#18](https://github.com/react-native-oh-library/react-native-maps-directions/issues/18)
-- [ ] timePrecision属性不支持，不支持的原因是由于华为侧Directions API不支持实时查询路线：[issue#19](https://github.com/react-native-oh-library/react-native-maps-directions/issues/19)
-- [ ] channel属性不支持，不支持的原因是由于华为侧Directions API不支持渠道查询：[issue#20](https://github.com/react-native-oh-library/react-native-maps-directions/issues/20)
+- [ ] waypointsProperties 不支持，不支持的原因是由于华为侧 Directions API 不支持中间点参数查询：[issue#13](https://github.com/react-native-oh-library/react-native-maps-directions/issues/13)
+- [ ] languageProperties 不支持，不支持的原因是由于华为侧 Directions API 只支持文字指引的语种和谷歌地图 api 的语言本地化本地化功能不一样：[issue#14](https://github.com/react-native-oh-library/react-native-maps-directions/issues/14)
+- [ ] optimizeWaypointsProperties 不支持，不支持的原因是由于华为侧 Directions API 不支持中间点优化，获取更快路线：[issue#15](https://github.com/react-native-oh-library/react-native-maps-directions/issues/15)
+- [ ] splitWaypointsProperties 不支持，不支持的原因是由于华为侧 Directions API 不支持将中间点个数设置，将其分割成多条路线：[issue#16](https://github.com/react-native-oh-library/react-native-maps-directions/issues/16)
+- [ ] regionProperties 不支持，不支持的原因是由于华为侧 Directions API 不支持地区代码和地点的映射：[issue#17](https://github.com/react-native-oh-library/react-native-maps-directions/issues/17)
+- [ ] precisionProperties 不支持，不支持的原因是由于华为侧 Directions API 不支持更精细的绘画路程线路：[issue#18](https://github.com/react-native-oh-library/react-native-maps-directions/issues/18)
+- [ ] timePrecisionProperties 不支持，不支持的原因是由于华为侧 Directions API 不支持实时查询路线：[issue#19](https://github.com/react-native-oh-library/react-native-maps-directions/issues/19)
+- [ ] channelProperties 不支持，不支持的原因是由于华为侧 Directions API 不支持渠道查询：[issue#20](https://github.com/react-native-oh-library/react-native-maps-directions/issues/20)
 
-## 其他
+## Others
 
-华为地图apikey申请参见[获取API key](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428)
+华为地图 apikey 申请参见[获取 API key](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/bramus/react-native-maps-directions/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/bramus/react-native-maps-directions/blob/master/LICENSE.md).
diff --git a/en/react-native-markdown-renderer.md b/en/react-native-markdown-renderer.md
index 57d9b4db..ad3bdb1f 100644
--- a/en/react-native-markdown-renderer.md
+++ b/en/react-native-markdown-renderer.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-markdown-renderer</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-markdown-renderer)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-markdown-renderer)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-markdown-renderer@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import react from "react";
@@ -66,28 +66,28 @@ export default class Page extends PureComponent {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases).
 
-## Markdown 组件
+## Markdown components
 
 默认导出 Markdown 组件
 
 Markdown 组件核心功能就是支持 Markdowm 语法格式的渲染，语法格式为（说明:`copy`为符合 Markdown 语法的字符串）：`<Markdown>{copy}</Markdown>`。
 说明：`copy`为组件支持的满足 Markdown 语法格式的字符串，具体支持的语法格式，详见：[Syntax Support](https://github.com/mientjan/react-native-markdown-renderer/blob/master/README.md)
 
-### 组件属性
+### Components Properties
 
 Markdown 组件的 Props
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                                                                      | Type     | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
@@ -97,11 +97,11 @@ Markdown 组件的 Props
 
 ## 库相关变量、封装类及工具函数
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-改库导出了一系列内部定义的常量、封装类及工具函数
+该库导出了一系列内部定义的常量、封装类及工具函数
 
 ### 内部定义的常量
 
@@ -131,10 +131,10 @@ Markdown 组件的 Props
 | tokensToAST    | 将 token 数组转换为 AST 抽象树（内部方法，不应直接调用）                                       | function | yes      | iOS/Android | yes               |
 | blockPlugin    | js 插件方法,用于提供对 Markdown 中 Blockquotes 语法的支持                                      | function | yes      | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/killserver/react-native-markdown-renderer/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/killserver/react-native-markdown-renderer/blob/main/LICENSE).
diff --git a/en/react-native-mask-text.md b/en/react-native-mask-text.md
index c36b0483..9bd4860b 100644
--- a/en/react-native-mask-text.md
+++ b/en/react-native-mask-text.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-mask-text</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/akinncar/react-native-mask-text)
+> [!TIP] [ GitHub address](https://github.com/akinncar/react-native-mask-text)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add react-native-mask-text@0.14.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -44,99 +44,99 @@ import { StyleSheet, Text, View } from "react-native";
 import { MaskedTextInput, MaskedText } from "react-native-mask-text";
 
 export default function App() {
-	const [maskedValue, setMaskedValue] = useState("");
-	const [unMaskedValue, setUnmaskedValue] = useState("");
-
-	const [currencyMaskedValue, setCurrencyMaskedValue] = useState("");
-	const [currencyUnMaskedValue, setCurrencyUnmaskedValue] = useState("");
-
-	return (
-		<View style={styles.container}>
-			<Text style={styles.title}>MaskedTextInput Component:</Text>
-			<MaskedTextInput
-				mask="AAA-999"
-				onChangeText={(text, rawText) => {
-					setMaskedValue(text);
-					setUnmaskedValue(rawText);
-				}}
-				style={styles.input}
-				keyboardType="numeric"
-			/>
-			<Text style={styles.paragraph}>Raw Text: {unMaskedValue}</Text>
-			<Text style={styles.paragraph}>Masked Text: {maskedValue}</Text>
-
-			<Text style={styles.title}>MaskedTextInput Component with Currency:</Text>
-			<MaskedTextInput
-				type="currency"
-				options={{
-					prefix: "$",
-					decimalSeparator: ".",
-					groupSeparator: ",",
-					precision: 2
-				}}
-				onChangeText={(text, rawText) => {
-					setCurrencyMaskedValue(text);
-					setCurrencyUnmaskedValue(rawText);
-				}}
-				style={styles.input}
-				keyboardType="numeric"
-			/>
-			<Text style={styles.paragraph}>Raw Text: {currencyUnMaskedValue}</Text>
-			<Text style={styles.paragraph}>Masked Text: {currencyMaskedValue}</Text>
-
-			<Text style={styles.title}>MaskedText Component:</Text>
-			<MaskedText mask="99/99/9999" style={styles.paragraph}>
-				30081990
-			</MaskedText>
-		</View>
-	);
+  const [maskedValue, setMaskedValue] = useState("");
+  const [unMaskedValue, setUnmaskedValue] = useState("");
+
+  const [currencyMaskedValue, setCurrencyMaskedValue] = useState("");
+  const [currencyUnMaskedValue, setCurrencyUnmaskedValue] = useState("");
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>MaskedTextInput Component:</Text>
+      <MaskedTextInput
+        mask="AAA-999"
+        onChangeText={(text, rawText) => {
+          setMaskedValue(text);
+          setUnmaskedValue(rawText);
+        }}
+        style={styles.input}
+        keyboardType="numeric"
+      />
+      <Text style={styles.paragraph}>Raw Text: {unMaskedValue}</Text>
+      <Text style={styles.paragraph}>Masked Text: {maskedValue}</Text>
+
+      <Text style={styles.title}>MaskedTextInput Component with Currency:</Text>
+      <MaskedTextInput
+        type="currency"
+        options={{
+          prefix: "$",
+          decimalSeparator: ".",
+          groupSeparator: ",",
+          precision: 2,
+        }}
+        onChangeText={(text, rawText) => {
+          setCurrencyMaskedValue(text);
+          setCurrencyUnmaskedValue(rawText);
+        }}
+        style={styles.input}
+        keyboardType="numeric"
+      />
+      <Text style={styles.paragraph}>Raw Text: {currencyUnMaskedValue}</Text>
+      <Text style={styles.paragraph}>Masked Text: {currencyMaskedValue}</Text>
+
+      <Text style={styles.title}>MaskedText Component:</Text>
+      <MaskedText mask="99/99/9999" style={styles.paragraph}>
+        30081990
+      </MaskedText>
+    </View>
+  );
 }
 
 const styles = StyleSheet.create({
-	container: {
-		flex: 1,
-		justifyContent: "center",
-		backgroundColor: "#ecf0f1",
-		padding: 8
-	},
-	title: {
-		margin: 24,
-		fontSize: 24,
-		textAlign: "center",
-		fontWeight: "bold"
-	},
-	paragraph: {
-		margin: 24,
-		fontSize: 18,
-		textAlign: "center"
-	},
-	input: {
-		height: 40,
-		margin: 12,
-		borderWidth: 1
-	}
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    backgroundColor: "#ecf0f1",
+    padding: 8,
+  },
+  title: {
+    margin: 24,
+    fontSize: 24,
+    textAlign: "center",
+    fontWeight: "bold",
+  },
+  paragraph: {
+    margin: 24,
+    fontSize: 18,
+    textAlign: "center",
+  },
+  input: {
+    height: 40,
+    margin: 12,
+    borderWidth: 1,
+  },
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
-| --- | --- | --- | --- | --- | --- | --- |
-| type | Show type | String (enum) `custom`, `date`, `time`,`currency` | custom | no | All | yes |
-| mask | Custom Mask. Pattern used in masked components | `9` - accept digit. `A` - accept alpha. `S` - accept alphanumeric. | null | no | All | yes |
+| Name | Description                                    | Type                                                               | Default | Required | Platform | HarmonyOS Support |
+| ---- | ---------------------------------------------- | ------------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| type | Show type                                      | String (enum) `custom`, `date`, `time`,`currency`                  | custom  | no       | All      | yes               |
+| mask | Custom Mask. Pattern used in masked components | `9` - accept digit. `A` - accept alpha. `S` - accept alphanumeric. | null    | no       | All      | yes               |
 
 ### Date Mask
 
@@ -170,10 +170,10 @@ These options only are used if you use prop `type="currency"` in your component:
 | fractionGroupSize      | Grouping size of the fraction part          | number | null    | No       | All      | yes               |
 | suffix                 | String to append                            | string | null    | No       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/akinncar/react-native-mask-text/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/akinncar/react-native-mask-text/blob/main/LICENSE).
diff --git a/en/react-native-masked-text.md b/en/react-native-masked-text.md
index 78d67b2d..67d6d415 100644
--- a/en/react-native-masked-text.md
+++ b/en/react-native-masked-text.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-masked-text</code> </h1>
@@ -14,9 +14,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/bhrott/react-native-masked-text)
+> [!TIP] [GitHub address](https://github.com/bhrott/react-native-masked-text)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -34,7 +34,7 @@ yarn add react-native-masked-text@1.13.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useState } from "react";
@@ -75,22 +75,22 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> 详情见 [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
+> For details, see [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
 
 | Name                        | Description                                               | Type     | Required | Platform    | HarmonyOS Support |
 | --------------------------- | --------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -103,7 +103,7 @@ const styles = StyleSheet.create({
 | customTextInputProps        | the props to be passed to the custom text input           | object   | NO       | Android IOS | YES               |
 | includeRawValueInChangeText | provide the masked and the raw text in every text change. | boolean  | NO       | Android IOS | YES               |
 
-#### 目前 type 支持
+#### currently type supports
 
 | Name         | Description                                                                                                                          | required | Type   | Platform    | HarmonyOS Support |
 | ------------ | ------------------------------------------------------------------------------------------------------------------------------------ | -------- | ------ | ----------- | ----------------- |
@@ -117,7 +117,7 @@ const styles = StyleSheet.create({
 | only-numbers | accept only numbers                                                                                                                  | YES      | string | Android IOS | YES               |
 | zip-code     | Mask: 99999-999                                                                                                                      | YES      | string | Android IOS | YES               |
 
-##### 不同 type 支持的 options
+##### options supported by different type
 
 - Money type:
 
@@ -161,11 +161,11 @@ const styles = StyleSheet.create({
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> 详情见 [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
+> For details, see [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
 
 ##### MaskService
 
@@ -193,12 +193,12 @@ const styles = StyleSheet.create({
   - `value` (String, required): the value to be masked
   - `settings` (Object, optional): if the mask type accepts options, pass it in the settings parameter
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License](https://github.com/bhrott/react-native-masked-text/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License](https://github.com/bhrott/react-native-masked-text/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
diff --git a/en/react-native-material-menu.md b/en/react-native-material-menu.md
index 809bbc63..c8448e3b 100644
--- a/en/react-native-material-menu.md
+++ b/en/react-native-material-menu.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> 
@@ -15,11 +15,9 @@
     </a>
 </p>
 
+> [!TIP] [ GitHub address](https://github.com/mxck/react-native-material-menu)
 
-> [!TIP] [Github 地址](https://github.com/mxck/react-native-material-menu)
-
-
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -37,16 +35,15 @@ yarn add react-native-material-menu@2.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
-
-> [!WARNING] 使用时 import 的库名不变。
+The following code shows the basic use scenario of the repository:
 
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { useState } from 'react';
+import React, { useState } from "react";
 
-import { View, Text } from 'react-native';
-import { Menu, MenuItem, MenuDivider } from 'react-native-material-menu';
+import { View, Text } from "react-native";
+import { Menu, MenuItem, MenuDivider } from "react-native-material-menu";
 
 export default function App() {
   const [visible, setVisible] = useState(false);
@@ -56,7 +53,9 @@ export default function App() {
   const showMenu = () => setVisible(true);
 
   return (
-    <View style={{ height: '100%', alignItems: 'center', justifyContent: 'center' }}>
+    <View
+      style={{ height: "100%", alignItems: "center", justifyContent: "center" }}
+    >
       <Menu
         visible={visible}
         anchor={<Text onPress={showMenu}>Show menu</Text>}
@@ -71,61 +70,55 @@ export default function App() {
     </View>
   );
 }
-
-
 ```
 
+## Constraints
 
-## 约束与限制
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 
+## Properties
 
-## 属性
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Menu
 
-| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
-| ----  | ----------- | ---- | -------- | ---- | ------------ |
-| children | Components rendered in menu (required)   | ReactNode  | yes |     all  |       yes|
-| anchor | Button component (required)   |  ReactNode  | yes |     all  |       yes|
-| visible | Whether the Menu is currently visible   | Boolean  | no |     all  |       yes|
-| style | Menu style.   | [ViewStyle](https://reactnative.dev/docs/view-style-props)  | no |     all  |       yes|
-| onRequestClose | Callback when menu has become hidden	   | () => void  | no |     all  |       yes|
-| animationDuration | Changes show/hide animation duration. default is 300   | Number  | no |     all  |       yes|
-
+| Name              | Description                                          | Type                                                       | Required | Platform | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------- | ---------------------------------------------------------- | -------- | -------- | ----------------- |
+| children          | Components rendered in menu (required)               | ReactNode                                                  | yes      | all      | yes               |
+| anchor            | Button component (required)                          | ReactNode                                                  | yes      | all      | yes               |
+| visible           | Whether the Menu is currently visible                | Boolean                                                    | no       | all      | yes               |
+| style             | Menu style.                                          | [ViewStyle](https://reactnative.dev/docs/view-style-props) | no       | all      | yes               |
+| onRequestClose    | Callback when menu has become hidden                 | () => void                                                 | no       | all      | yes               |
+| animationDuration | Changes show/hide animation duration. default is 300 | Number                                                     | no       | all      | yes               |
 
 ### MenuItem
 
-| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
-| ----  | ----------- | ---- | -------- | ---- | ------------ |
-| children | Rendered children (required)   | ReactNode  | yes |     all  |       yes|
-| disabled | Disabled flag. default is false.   | Boolean  | no |     all  |       yes|
-| disabledTextColor | Disabled text color. default is #bdbdbd.   | String  | no |     all  |       yes|
-| onPress | Called function on press | ()=>void  | no |     all  |       yes|
-| style | Container style | [ViewStyle](https://reactnative.dev/docs/view-style-props)  | no |     all  |       yes|
-| textStyle | Text style | [TextStyle](https://reactnative.dev/docs/text-style-props)  | no |     all  |       yes|
-| pressColor | Pressed color. default is #e0e0e0.   | String  | no |     all  |       yes|
-
+| Name              | Description                              | Type                                                       | Required | Platform | HarmonyOS Support |
+| ----------------- | ---------------------------------------- | ---------------------------------------------------------- | -------- | -------- | ----------------- |
+| children          | Rendered children (required)             | ReactNode                                                  | yes      | all      | yes               |
+| disabled          | Disabled flag. default is false.         | Boolean                                                    | no       | all      | yes               |
+| disabledTextColor | Disabled text color. default is #bdbdbd. | String                                                     | no       | all      | yes               |
+| onPress           | Called function on press                 | ()=>void                                                   | no       | all      | yes               |
+| style             | Container style                          | [ViewStyle](https://reactnative.dev/docs/view-style-props) | no       | all      | yes               |
+| textStyle         | Text style                               | [TextStyle](https://reactnative.dev/docs/text-style-props) | no       | all      | yes               |
+| pressColor        | Pressed color. default is #e0e0e0.       | String                                                     | no       | all      | yes               |
 
 ### MenuDivider
 
-| Name  | Description | Type | Required | Platform | HarmonyOS Support  |
-| ----  | ----------- | ---- | -------- | ---- | ------------ |
-| color | Line color. default is 'rgba(0,0,0,0.12)'   | String  | no |     all  |       yes|
-
+| Name  | Description                               | Type   | Required | Platform | HarmonyOS Support |
+| ----- | ----------------------------------------- | ------ | -------- | -------- | ----------------- |
+| color | Line color. default is 'rgba(0,0,0,0.12)' | String | no       | all      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/mxck/react-native-material-menu/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/mxck/react-native-material-menu/blob/master/LICENSE).
diff --git a/en/react-native-material-ripple.md b/en/react-native-material-ripple.md
index 135c4ee3..e62b4c9c 100644
--- a/en/react-native-material-ripple.md
+++ b/en/react-native-material-ripple.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-material-ripple</code> </h1>
@@ -12,12 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/n4kz/react-native-material-ripple)
+> [!TIP] [ GitHub address](https://github.com/n4kz/react-native-material-ripple)
 
-## 安装与使用
-
-进入到工程目录并输入以下命令：
+## Installation and Usage
 
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -31,7 +30,7 @@ npm install react-native-material-ripple@0.9.1
 yarn add react-native-material-ripple@0.9.1
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```ts
 import React, { useState } from "react";
@@ -125,21 +124,20 @@ export const MateriaRippleExample = () => {
 };
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
 2. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta3 5.0.0.36; IDE：DevEco Studio 5.0.3.535; ROM：5.0.0.36
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                          | Description                                     | Type     | Required | Platform    | HarmonyOS Support |
 | ----------------------------- | ----------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -154,17 +152,16 @@ export const MateriaRippleExample = () => {
 | `disabled`                    | Ripple should ignore touches(default:false)     | Boolean  | no       | iOS/Android | yes               |
 | `onPressIn`                   | Touch moved in or started callback              | Function | no       | iOS/Android | yes               |
 | `onPressOut`                  | Touch moved out or terminated callback          | Function | no       | iOS/Android | yes               |
-| `onPress`                     | Touch up inside bounds callback                  | Function | no       | iOS/Android | yes               |
+| `onPress`                     | Touch up inside bounds callback                 | Function | no       | iOS/Android | yes               |
 | `onLongPress`                 | Touch delayed after onPressIn callback          | Function | no       | iOS/Android | yes               |
 | `onRippleAnimation`           | Animation start callback                        | Function | no       | iOS/Android | yes               |
 
 Other [TouchableWithoutFeedback](https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html) properties will also work
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The BSD License (BSD)](https://github.com/n4kz/react-native-material-ripple/blob/master/license.txt) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The BSD License (BSD)](https://github.com/n4kz/react-native-material-ripple/blob/master/license.txt).
diff --git a/en/react-native-multiple-select.md b/en/react-native-multiple-select.md
index 8ea91e75..38b289a7 100644
--- a/en/react-native-multiple-select.md
+++ b/en/react-native-multiple-select.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-multiple-select</code> </h1>
@@ -12,12 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/toystars/react-native-multiple-select)
+> [!TIP] [ GitHub address](https://github.com/toystars/react-native-multiple-select)
 
+## Installation and Usage
 
-## 安装与使用
-
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,9 +34,9 @@ yarn add react-native-multiple-select@0.5.12
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from 'react';
@@ -126,13 +125,14 @@ export {MultiSelectExample}
 
 
 ```
-## 约束与限制
+
+## Constraints
 
 ### 注意事项
 
 本库 HarmonyOS 侧需要引入字体包，如下所示。如已引用，则无需再次引入，可跳过本章节步骤，直接使用。
 
-在HarmonyOS工程中的entry/src/main/ets/pages/index.ets中添加如下代码：
+在 HarmonyOS 工程中的 entry/src/main/ets/pages/index.ets 中添加如下代码：
 
 ```diff
   ...
@@ -144,79 +144,80 @@ RNApp({
     },
 })
 ```
-### 兼容性
 
-本文档内容基于以下版本验证通过：
+### Compatibility
+
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
-
-## 属性
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
-| ----- | ----- | -------- | -------- | -------- | -------- |
-| `altFontFamily`  | Font family for searchInputPlaceholderText |  String | no     | All  | yes      |
-| `canAddItems`  | Defaults to "false". This allows a user to add items to the list of items provided. You need to handle adding the new items in the onAddItem function prop. Items may be added with the return key on the native keyboard| Boolean  |  no     | All   | yes      |
-| `displayKey`  | Defaults to "name". This string will be used to select the key to display the objects in the items array| String  |  no     | All   | yes      |
-| `fixedHeight`  | Defaults to false. Specifies if select dropdown take height of content or a fixed height with a scrollBar (There is an issue with this behavior when component is nested in a ScrollView in which scroll event will only be dispatched to parent ScrollView and select component won't be scrollable). See this issue for more info| Boolean  |  no     | All   | yes      |
-| `filterMethod`  | Defaults to "partial". options: ["partial", "full"] Choose the logic on how the system filters items based on searchTerm. partial: checks all individual words and if at least one word matches will include that item. full: checks to ensure the item contains the full substring of searchterm in order minus any leading or trailing spaces| String  |  no     | All   | yes      |
-| `flatListProps`  | Properties for the FlatList. Pass any property that is required on the FlatList of the dropdown menu| Object  |  no     | All   | yes      |
-| `fontFamily`  | Custom font family to be used in component (affects all text except searchInputPlaceholderText described above)| String  |  no     | All   | yes      |
-| `fontSize`  | Font size for selected item name displayed as label for multiselect.| Number  |  no     | All   | yes      |
-| `hideDropdown`  |  Defaults false. Hide dropdown menu with a cancel, and use arrow-back| Boolean  |  no     | All   | yes      |
-| `hideSubmitButton`  | Defaults to false. Hide submit button from dropdown, and rather use arrow-button in search field| Boolean  |  no     | All   | yes      |
-| `hideTags`  | Defaults to false. Hide tokenized selected items, in case selected items are to be shown somewhere else in view (check below for more info)| Boolean  |  no     | All   | yes      |
-| `searchIcon`  | Element or functional component to change the Search Icon| Element, Object, boolean, Function |  no     | All   | yes      |
-| `itemFontFamily`  | Font family for each non-selected item in multi-select drop-down| String  |  no     | All   | yes      |
-| `itemFontSize`  |Font size used for each item in the multi-select drop-down| Number  |  no     | All   | yes      |
-| `itemTextColor`  |  Text color for each non-selected item in multi-select drop-down| String  |  no     | All   | yes      |
-| `items`  |List of items to display in the multi-select component. JavaScript Array of objects. Each object must contain a name and unique identifier (Check sample above)| Array, control prop  |  	yes     | All   | yes      |
-| `noItemsText`  |  Text that replace default "no items to display"| String  |  no     | All   | yes      |
-| `onAddItem`  | JavaScript function passed in as an argument. The function is called everytime a new item is added, and receives the entire list of items. Here you should ensure that the new items are added to your provided list of items in addition to any other consequences of new items being added| function  |  no     | All   | yes      |
-| `onChangeInput`  | JavaScript function passed in as an argument. The function is called everytime TextInput is changed with the value| function  |  no     | All   | yes      |
-| `onClearSelector`  | JavaScript function passeed in as an argument. The function is called everytime back button is pressed| function  |  no     | All   | yes      |
-| `onSelectedItemsChange`  | JavaScript function passed in as an argument. The function is to be defined with an argument (selectedItems). Triggered when Submit button is clicked (for multi select) or item is clicked (for single select). (Check sample above)| function  |  yes     | All   | yes      |
-| `onToggleList`  | JavaScript function passed in as an argument. The function is called everytime the multiselect component is pressed| function  |  no     | All   | yes      |
-| `searchInputPlaceholderText`  | Placeholder text displayed in multi-select filter input| String  |  no     | All   | yes      |
-| `searchInputStyle`  | Style object for multi-select input element| Object  |  no     | All   | yes      |
-| `selectText`  | Text displayed in main component| String  |  no     | All   | yes      |
-| `selectedText`  | Text displayed when an item is selected can be replaced by any string| String  |  no     | All   | yes      |
-| `selectedItemFontFamily`  |  Font family for each selected item in multi-select drop-down| String  |  no     | All   | yes      |
-| `selectedItemIconColor`  | Color for selected check icon for each selected item in multi-select drop-down| String  |  no     | All   | yes      |
-| `selectedItemTextColor`  |Text color for each selected item in multi-select drop-down| String  |  no     | All   | yes      |
-| `single`  | Toggles select component between single option and multi option| Boolean  |  no     | All   | yes      |
-| `styleDropdownMenu`  | Style the view of the dropdown menu| Style  |  no     | All   | yes      |
-| `styleDropdownMenuSubsection`  |Style the inner view of the dropdown menu| Style  |  no     | All   | yes      |
-| `styleIndicator`  | Style the Icon for indicator| Style  |  no     | All   | yes      |
-| `styleInputGroup`  | Style the Container of the Text Input Group| Style  |  no     | All   | yes      |
-| `styleItemsContainer`  |Style the Container of the items that are displayed in a list| Style  |  no     | All   | yes      |
-| `styleListContainer`  | Style the Container of main list| Style  |  no     | All   | yes      |
-| `styleMainWrapper`  | Style the Main Container of the MultiSelector| Style  |  no     | All   | yes      |
-| `styleRowList`  | Style the Row that is displayed after you| Style  |  no     | All   | yes      |
-| `styleSelectorContainer`  | Style the Container of the Selector when user clicks on the dropdown| Style  |  no     | All   | yes      |
-| `styleTextDropdown`  | Style text of the Dropdown| Text Style  |  no     | All   | yes      |
-| `styleTextDropdownSelected`  | Style text of the Dropdown selected| Text Style  |  no     | All   | yes      |
-| `styleTextTag`  | Style text of the tag| Text Style  |  no     | All   | yes      |
-| `submitButtonColor`  | Background color for submit button| String  |  no     | All   | yes      |
-| `submitButtonText`  |Text displayed on submit button| String  |  no     | All   | yes      |
-| `tagBorderColor`  |  Border color for each selected item| String  |  no     | All   | yes      |
-| `tagContainerStyle`  | Style the container of the tag view| Style  |  no     | All   | yes      |
-| `tagRemoveIconColor`  | Color to be used for the remove icon in selected items list| String  |  no     | All   | yes      |
-| `tagTextColor`  | Text color for selected items list| String  |  no     | All   | yes      |
-| `textColor`  | Color for selected item name displayed as label for multiselect| String  |  no     | All   | yes      |
-| `textInputProps`  | Properties for the Text Input. Pass any property that is required on the text input| Object  |  no     | All   | yes      |
-| `uniqueKey`  | Unique identifier that is part of each item's properties. Used internally as means of identifying each item (Check sample below)| String  |  yes     | All   | yes      |
-| `selectedItems`  | List of selected items keys . JavaScript Array of strings, that can be instantiated with the component| Array, control prop  |  no     | All   | yes      |
-| `removeSelected`  | Filter selected items from list to be shown in List| Boolean  |  no     | All   | yes      |
-
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/toystars/react-native-multiple-select/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
+## Properties
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Prop                          | Description                                                                                                                                                                                                                                                                                                                                     | Type                               | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | -------- | -------- | ----------------- |
+| `altFontFamily`               | Font family for searchInputPlaceholderText                                                                                                                                                                                                                                                                                                      | String                             | no       | All      | yes               |
+| `canAddItems`                 | Defaults to "false". This allows a user to add items to the list of items provided. You need to handle adding the new items in the onAddItem function prop. Items may be added with the return key on the native keyboard                                                                                                                       | Boolean                            | no       | All      | yes               |
+| `displayKey`                  | Defaults to "name". This string will be used to select the key to display the objects in the items array                                                                                                                                                                                                                                        | String                             | no       | All      | yes               |
+| `fixedHeight`                 | Defaults to false. Specifies if select dropdown take height of content or a fixed height with a scrollBar (There is an issue with this behavior when component is nested in a ScrollView in which scroll event will only be dispatched to parent ScrollView and select component won't be scrollable). See this issue for more info             | Boolean                            | no       | All      | yes               |
+| `filterMethod`                | Defaults to "partial". options: ["partial", "full"] Choose the logic on how the system filters items based on searchTerm. partial: checks all individual words and if at least one word matches will include that item. full: checks to ensure the item contains the full substring of searchterm in order minus any leading or trailing spaces | String                             | no       | All      | yes               |
+| `flatListProps`               | Properties for the FlatList. Pass any property that is required on the FlatList of the dropdown menu                                                                                                                                                                                                                                            | Object                             | no       | All      | yes               |
+| `fontFamily`                  | Custom font family to be used in component (affects all text except searchInputPlaceholderText described above)                                                                                                                                                                                                                                 | String                             | no       | All      | yes               |
+| `fontSize`                    | Font size for selected item name displayed as label for multiselect.                                                                                                                                                                                                                                                                            | Number                             | no       | All      | yes               |
+| `hideDropdown`                | Defaults false. Hide dropdown menu with a cancel, and use arrow-back                                                                                                                                                                                                                                                                            | Boolean                            | no       | All      | yes               |
+| `hideSubmitButton`            | Defaults to false. Hide submit button from dropdown, and rather use arrow-button in search field                                                                                                                                                                                                                                                | Boolean                            | no       | All      | yes               |
+| `hideTags`                    | Defaults to false. Hide tokenized selected items, in case selected items are to be shown somewhere else in view (check below for more info)                                                                                                                                                                                                     | Boolean                            | no       | All      | yes               |
+| `searchIcon`                  | Element or functional component to change the Search Icon                                                                                                                                                                                                                                                                                       | Element, Object, boolean, Function | no       | All      | yes               |
+| `itemFontFamily`              | Font family for each non-selected item in multi-select drop-down                                                                                                                                                                                                                                                                                | String                             | no       | All      | yes               |
+| `itemFontSize`                | Font size used for each item in the multi-select drop-down                                                                                                                                                                                                                                                                                      | Number                             | no       | All      | yes               |
+| `itemTextColor`               | Text color for each non-selected item in multi-select drop-down                                                                                                                                                                                                                                                                                 | String                             | no       | All      | yes               |
+| `items`                       | List of items to display in the multi-select component. JavaScript Array of objects. Each object must contain a name and unique identifier (Check sample above)                                                                                                                                                                                 | Array, control prop                | yes      | All      | yes               |
+| `noItemsText`                 | Text that replace default "no items to display"                                                                                                                                                                                                                                                                                                 | String                             | no       | All      | yes               |
+| `onAddItem`                   | JavaScript function passed in as an argument. The function is called everytime a new item is added, and receives the entire list of items. Here you should ensure that the new items are added to your provided list of items in addition to any other consequences of new items being added                                                    | function                           | no       | All      | yes               |
+| `onChangeInput`               | JavaScript function passed in as an argument. The function is called everytime TextInput is changed with the value                                                                                                                                                                                                                              | function                           | no       | All      | yes               |
+| `onClearSelector`             | JavaScript function passeed in as an argument. The function is called everytime back button is pressed                                                                                                                                                                                                                                          | function                           | no       | All      | yes               |
+| `onSelectedItemsChange`       | JavaScript function passed in as an argument. The function is to be defined with an argument (selectedItems). Triggered when Submit button is clicked (for multi select) or item is clicked (for single select). (Check sample above)                                                                                                           | function                           | yes      | All      | yes               |
+| `onToggleList`                | JavaScript function passed in as an argument. The function is called everytime the multiselect component is pressed                                                                                                                                                                                                                             | function                           | no       | All      | yes               |
+| `searchInputPlaceholderText`  | Placeholder text displayed in multi-select filter input                                                                                                                                                                                                                                                                                         | String                             | no       | All      | yes               |
+| `searchInputStyle`            | Style object for multi-select input element                                                                                                                                                                                                                                                                                                     | Object                             | no       | All      | yes               |
+| `selectText`                  | Text displayed in main component                                                                                                                                                                                                                                                                                                                | String                             | no       | All      | yes               |
+| `selectedText`                | Text displayed when an item is selected can be replaced by any string                                                                                                                                                                                                                                                                           | String                             | no       | All      | yes               |
+| `selectedItemFontFamily`      | Font family for each selected item in multi-select drop-down                                                                                                                                                                                                                                                                                    | String                             | no       | All      | yes               |
+| `selectedItemIconColor`       | Color for selected check icon for each selected item in multi-select drop-down                                                                                                                                                                                                                                                                  | String                             | no       | All      | yes               |
+| `selectedItemTextColor`       | Text color for each selected item in multi-select drop-down                                                                                                                                                                                                                                                                                     | String                             | no       | All      | yes               |
+| `single`                      | Toggles select component between single option and multi option                                                                                                                                                                                                                                                                                 | Boolean                            | no       | All      | yes               |
+| `styleDropdownMenu`           | Style the view of the dropdown menu                                                                                                                                                                                                                                                                                                             | Style                              | no       | All      | yes               |
+| `styleDropdownMenuSubsection` | Style the inner view of the dropdown menu                                                                                                                                                                                                                                                                                                       | Style                              | no       | All      | yes               |
+| `styleIndicator`              | Style the Icon for indicator                                                                                                                                                                                                                                                                                                                    | Style                              | no       | All      | yes               |
+| `styleInputGroup`             | Style the Container of the Text Input Group                                                                                                                                                                                                                                                                                                     | Style                              | no       | All      | yes               |
+| `styleItemsContainer`         | Style the Container of the items that are displayed in a list                                                                                                                                                                                                                                                                                   | Style                              | no       | All      | yes               |
+| `styleListContainer`          | Style the Container of main list                                                                                                                                                                                                                                                                                                                | Style                              | no       | All      | yes               |
+| `styleMainWrapper`            | Style the Main Container of the MultiSelector                                                                                                                                                                                                                                                                                                   | Style                              | no       | All      | yes               |
+| `styleRowList`                | Style the Row that is displayed after you                                                                                                                                                                                                                                                                                                       | Style                              | no       | All      | yes               |
+| `styleSelectorContainer`      | Style the Container of the Selector when user clicks on the dropdown                                                                                                                                                                                                                                                                            | Style                              | no       | All      | yes               |
+| `styleTextDropdown`           | Style text of the Dropdown                                                                                                                                                                                                                                                                                                                      | Text Style                         | no       | All      | yes               |
+| `styleTextDropdownSelected`   | Style text of the Dropdown selected                                                                                                                                                                                                                                                                                                             | Text Style                         | no       | All      | yes               |
+| `styleTextTag`                | Style text of the tag                                                                                                                                                                                                                                                                                                                           | Text Style                         | no       | All      | yes               |
+| `submitButtonColor`           | Background color for submit button                                                                                                                                                                                                                                                                                                              | String                             | no       | All      | yes               |
+| `submitButtonText`            | Text displayed on submit button                                                                                                                                                                                                                                                                                                                 | String                             | no       | All      | yes               |
+| `tagBorderColor`              | Border color for each selected item                                                                                                                                                                                                                                                                                                             | String                             | no       | All      | yes               |
+| `tagContainerStyle`           | Style the container of the tag view                                                                                                                                                                                                                                                                                                             | Style                              | no       | All      | yes               |
+| `tagRemoveIconColor`          | Color to be used for the remove icon in selected items list                                                                                                                                                                                                                                                                                     | String                             | no       | All      | yes               |
+| `tagTextColor`                | Text color for selected items list                                                                                                                                                                                                                                                                                                              | String                             | no       | All      | yes               |
+| `textColor`                   | Color for selected item name displayed as label for multiselect                                                                                                                                                                                                                                                                                 | String                             | no       | All      | yes               |
+| `textInputProps`              | Properties for the Text Input. Pass any property that is required on the text input                                                                                                                                                                                                                                                             | Object                             | no       | All      | yes               |
+| `uniqueKey`                   | Unique identifier that is part of each item's properties. Used internally as means of identifying each item (Check sample below)                                                                                                                                                                                                                | String                             | yes      | All      | yes               |
+| `selectedItems`               | List of selected items keys . JavaScript Array of strings, that can be instantiated with the component                                                                                                                                                                                                                                          | Array, control prop                | no       | All      | yes               |
+| `removeSelected`              | Filter selected items from list to be shown in List                                                                                                                                                                                                                                                                                             | Boolean                            | no       | All      | yes               |
+
+## Known Issues
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/toystars/react-native-multiple-select/blob/master/LICENSE).
diff --git a/en/react-native-network-info.md b/en/react-native-network-info.md
index d68b387a..9040ab50 100644
--- a/en/react-native-network-info.md
+++ b/en/react-native-network-info.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-network-info</code> </h1>
@@ -13,16 +13,15 @@
     </a>
 </p>
 
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-network-info)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-network-info)
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-network-info@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, {useState} from 'react';
@@ -153,17 +152,17 @@ const styles = StyleSheet.create({
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -174,18 +173,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -194,26 +190,26 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNNetworkInfoPackage
+### 3. Introducing RNNetworkInfoPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
-  
+
 +  import { RNNetworkInfoPackage } from '@react-native-oh-tpl/react-native-network-info/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -224,32 +220,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases)
 
-### 权限要求
+### Permission Requirements
 
-在 entry 目录下的 module.json5 中添加wifi和网络信息权限
+在 entry 目录下的 module.json5 中添加 wifi 和网络信息权限
 
-打开entry/src/main/module.json5，添加：
+Open the `entry/src/main/module.json5` file and add the following code:
 
 ```json
 ...
@@ -263,27 +259,27 @@ ohpm install
 ]
 ```
 
-## 静态方法
+## Static Methods
 
-> [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP]The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP]If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-Name | Description | Type | Required | Platform | HarmonyOS   Support
--- | -- | -- | -- | -- | --
-getSSID | Get   SSID | Function | no | All | yes
-getBSSID | Get   BSSID | Function | no | All | yes
-getBroadcast | Get   Broadcast | Function | no | All | yes
-getIPAddress | Get   Local IP | Function | no | All | yes
-getIPV4Address | Get   IPv4 IP (priority: WiFi first, cellular second) | Function | no | All | yes
-getSubnet | Get   Subnet | Function | no | All | yes
-getGatewayIPAddress | Get   Default Gateway IP | Function | no | All | yes
-getFrequency | Get   frequency | Function | no | Android | yes
+| Name                | Description                                         | Type     | Required | Platform | HarmonyOS Support |
+| ------------------- | --------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| getSSID             | Get SSID                                            | Function | no       | All      | yes               |
+| getBSSID            | Get BSSID                                           | Function | no       | All      | yes               |
+| getBroadcast        | Get Broadcast                                       | Function | no       | All      | yes               |
+| getIPAddress        | Get Local IP                                        | Function | no       | All      | yes               |
+| getIPV4Address      | Get IPv4 IP (priority: WiFi first, cellular second) | Function | no       | All      | yes               |
+| getSubnet           | Get Subnet                                          | Function | no       | All      | yes               |
+| getGatewayIPAddress | Get Default Gateway IP                              | Function | no       | All      | yes               |
+| getFrequency        | Get frequency                                       | Function | no       | Android  | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/pusherman/react-native-network-info/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/pusherman/react-native-network-info/blob/master/LICENSE).
diff --git a/en/react-native-notifier.md b/en/react-native-notifier.md
index 789d66f4..1e05af49 100644
--- a/en/react-native-notifier.md
+++ b/en/react-native-notifier.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-notifier</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/seniv/react-native-notifier)
 
->[!TIP] [Github 地址](https://github.com/seniv/react-native-notifier)
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -31,130 +31,134 @@ npm install react-native-notifier@2.0.0
 yarn add react-native-notifier@2.0.0
 ```
 
-
-
-下面的代码展示了这个库的基本使用场景：
-
+The following code shows the basic use scenario of the repository:
 
 ```js
-import * as React from 'react';
-import { View, Text,SafeAreaView,TouchableOpacity } from "react-native";
+import * as React from "react";
+import { View, Text, SafeAreaView, TouchableOpacity } from "react-native";
 
-import {Notifier, NotifierWrapper  } from 'react-native-notifier';
+import { Notifier, NotifierWrapper } from "react-native-notifier";
 
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { GestureHandlerRootView } from "react-native-gesture-handler";
 
 export const Notifier = () => {
   return (
- <>
-<SafeAreaView style={{ flex: 1 }}>
- <GestureHandlerRootView style={{ flex: 1 }}>
-   <NotifierWrapper>
-     <TouchableOpacity  
-         style={{
-         alignItems: 'center',
-         borderRadius: 5,
-         marginHorizontal: 10,
-         backgroundColor: '#007BFF',
-         padding: 15,
-         marginTop: 10,
-         marginBottom:10
-         }}
-         onPress={() =>
-         Notifier.showNotification({
-         title: '基本测试',
-         description: '基本测试',
-        })
-    }>
-       <Text >onPress</Text>
-     </TouchableOpacity>
-   </NotifierWrapper>
- </GestureHandlerRootView>
-</SafeAreaView>
- </>
-)
+    <>
+      <SafeAreaView style={{ flex: 1 }}>
+        <GestureHandlerRootView style={{ flex: 1 }}>
+          <NotifierWrapper>
+            <TouchableOpacity
+              style={{
+                alignItems: "center",
+                borderRadius: 5,
+                marginHorizontal: 10,
+                backgroundColor: "#007BFF",
+                padding: 15,
+                marginTop: 10,
+                marginBottom: 10,
+              }}
+              onPress={() =>
+                Notifier.showNotification({
+                  title: "basic tests",
+                  description: "basic tests",
+                })
+              }
+            >
+              <Text>onPress</Text>
+            </TouchableOpacity>
+          </NotifierWrapper>
+        </GestureHandlerRootView>
+      </SafeAreaView>
+    </>
+  );
 };
 ```
+
 ## Link
 
-本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
-## 约束与限制
-### 兼容性
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md) to add it to your project.
 
-本文档内容基于以下版本验证通过:
+## Constraints
+
+### Compatibility
+
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.28; SDK: HarmonyOS-NEXT-DB1 5.0.0.31; IDE: DevEco Studio 5.0.3.500; ROM: 3.0.0.25;
 
-## 属性
+## Properties
 
-详细请查看 [react-native-notifier 的文档介绍](https://github.com/seniv/react-native-notifier)
+For details, see [react-native-notifier docs](https://github.com/seniv/react-native-notifier)
 
 Both `NotifierWrapper` and `NotifierRoot` receive the same props.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| omitGlobalMethodsHookup  | If set to `true`, global `Notifier` methods will not control this component. It's useful in case you have more than one `NotifierWrapper` or `NotifierRoot` rendered. If enabled, the only way to display notifications is using refs. | Boolean  | yes | All      | No |
-| useRNScreensOverlay  | use `FullWindowOverlay` component from `react-native-screens` library. If `true`, Notifier will be rendered above NativeStackNavigation modals and RN Modal on iOS. This Option will work only if `react-native-screens` library is installed. iOS Only. | Boolean  | yes | iOS      | No |
-| rnScreensOverlayViewStyle  | Style that will be used for RN View that is inside of FullWindowOverlay. iOS Only. | ViewStyle  | yes | iOS      | No |
+| Name                      | Description                                                                                                                                                                                                                                              | Type      | Required | Platform | HarmonyOS Support |
+| ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | -------- | ----------------- |
+| omitGlobalMethodsHookup   | If set to `true`, global `Notifier` methods will not control this component. It's useful in case you have more than one `NotifierWrapper` or `NotifierRoot` rendered. If enabled, the only way to display notifications is using refs.                   | Boolean   | yes      | All      | No                |
+| useRNScreensOverlay       | use `FullWindowOverlay` component from `react-native-screens` library. If `true`, Notifier will be rendered above NativeStackNavigation modals and RN Modal on iOS. This Option will work only if `react-native-screens` library is installed. iOS Only. | Boolean   | yes      | iOS      | No                |
+| rnScreensOverlayViewStyle | Style that will be used for RN View that is inside of FullWindowOverlay. iOS Only.                                                                                                                                                                       | ViewStyle | yes      | iOS      | No                |
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| showNotification  | Show notification with params. | Function  | yes | All      | yes |
-| hideNotification  |Hide notification and run callback function when notification completely hidden. | Function  | yes | All      | yes |
-| clearQueue  |Clear [notifications queue](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) and optionally hide currently displayed notification. Might be useful to run after logout, after which queued notifications should not be displayed.| Function  | yes | All      | yes |
+| Name             | Description                                                                                                                                                                                                                                                              | Type     | Required | Platform | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| showNotification | Show notification with params.                                                                                                                                                                                                                                           | Function | yes      | All      | yes               |
+| hideNotification | Hide notification and run callback function when notification completely hidden.                                                                                                                                                                                         | Function | yes      | All      | yes               |
+| clearQueue       | Clear [notifications queue](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) and optionally hide currently displayed notification. Might be useful to run after logout, after which queued notifications should not be displayed. | Function | yes      | All      | yes               |
 
 ### `showNotification`
+
 ```
 Notifier.showNotification(params: object);
 ```
 
 `params`
 
-| Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| title  | Title of notification. Passed to Component. | String| Yes | All  |Yes  |
-| description |Description of notification. Passed to Component. | String | Yes | All    | Yes    |
-| duration |Time after notification will disappear. Set to 0 to not hide notification automatically  | Number | No |All    | Yes   
-| Component |Component of the notification body. You can use one of the [bin components](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components), or your [custom component](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-component).  | Component | No |All    | Yes   
-| componentProps | Additional props that are passed to Component. See all available props of built-in components in the [components section](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components).  | Object | No |All    | Yes   
-| containerStyle |tyles Object or a Function that will receive translateY: Animated.Value as first parameter and should return Styles that will be used in container. Using this parameter it is possible to create[ your own animations of the notification](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-animations).   | bool |No | All    | Yes   
-| containerProps | 	Props of Animated Container  | Object |No | All    | Yes  
-| queueMode | Determines the order in which notifications are shown. Read more in the [Queue Mode](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) section.  | String |No | All    | Yes  
-| swipeEnabled |Can notification be hidden by swiping it out | bool |No | All    | Yes  
-| animationDuration | How fast notification will appear/disappear | Number |No | All    | Yes  
-| showAnimationDuration | How fast notification will appear.   | Number |No | All    | Yes  
-| hideAnimationDuration	 | How fast notification will disappear.| Number |No | All    | Yes 
-| easing | Animation easing. Details:[easing](https://reactnative.dev/docs/easing)  | Easing |No | All    | Yes   
-| showEasing | Show Animation easing.| Easing |No | All    | Yes   
-| hideEasing |Hide Animation easing. | Easing |No | All    | Yes   
-| onShown | Function called when entering animation is finished | () => void |No | All    | Yes  
-| onStartHiding | Function called when notification started hiding | () => void |No | All    | Yes  
-| onHidden |Function called when notification completely hidden | () => void |No | All    | Yes  
-| onPress | Function called when user press on notification | () => void |No | All    | Yes  
-| hideOnPress | Should notification hide when user press on it| Boolean |No | All    | Yes  
-| swipePixelsToClose	 | How many pixels user should swipe-up notification to dismiss it | Number |No | All    | Yes  
-| swipeEasing	 | Animation easing after user finished swiping | Easing |No | All    | Yes  
-| swipeAnimationDuration	 | How fast should be animation after user finished swiping | Number |No | All    | Yes  
-| translucentStatusBar	 | Add additional top padding that equals to StatusBar.currentHeight. Android Only. | Number |No | Android    | No  
+| Name                   | Description                                                                                                                                                                                                                                                                                                                                 | Type       | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | -------- | ----------------- |
+| title                  | Title of notification. Passed to Component.                                                                                                                                                                                                                                                                                                 | String     | Yes      | All      | Yes               |
+| description            | Description of notification. Passed to Component.                                                                                                                                                                                                                                                                                           | String     | Yes      | All      | Yes               |
+| duration               | Time after notification will disappear. Set to 0 to not hide notification automatically                                                                                                                                                                                                                                                     | Number     | No       | All      | Yes               |
+| Component              | Component of the notification body. You can use one of the [bin components](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components), or your [custom component](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-component).                                              | Component  | No       | All      | Yes               |
+| componentProps         | Additional props that are passed to Component. See all available props of built-in components in the [components section](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components).                                                                                                                          | Object     | No       | All      | Yes               |
+| containerStyle         | tyles Object or a Function that will receive translateY: Animated.Value as first parameter and should return Styles that will be used in container. Using this parameter it is possible to create[ your own animations of the notification](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-animations). | bool       | No       | All      | Yes               |
+| containerProps         | Props of Animated Container                                                                                                                                                                                                                                                                                                                 | Object     | No       | All      | Yes               |
+| queueMode              | Determines the order in which notifications are shown. Read more in the [Queue Mode](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) section.                                                                                                                                                       | String     | No       | All      | Yes               |
+| swipeEnabled           | Can notification be hidden by swiping it out                                                                                                                                                                                                                                                                                                | bool       | No       | All      | Yes               |
+| animationDuration      | How fast notification will appear/disappear                                                                                                                                                                                                                                                                                                 | Number     | No       | All      | Yes               |
+| showAnimationDuration  | How fast notification will appear.                                                                                                                                                                                                                                                                                                          | Number     | No       | All      | Yes               |
+| hideAnimationDuration  | How fast notification will disappear.                                                                                                                                                                                                                                                                                                       | Number     | No       | All      | Yes               |
+| easing                 | Animation easing. Details:[easing](https://reactnative.dev/docs/easing)                                                                                                                                                                                                                                                                     | Easing     | No       | All      | Yes               |
+| showEasing             | Show Animation easing.                                                                                                                                                                                                                                                                                                                      | Easing     | No       | All      | Yes               |
+| hideEasing             | Hide Animation easing.                                                                                                                                                                                                                                                                                                                      | Easing     | No       | All      | Yes               |
+| onShown                | Function called when entering animation is finished                                                                                                                                                                                                                                                                                         | () => void | No       | All      | Yes               |
+| onStartHiding          | Function called when notification started hiding                                                                                                                                                                                                                                                                                            | () => void | No       | All      | Yes               |
+| onHidden               | Function called when notification completely hidden                                                                                                                                                                                                                                                                                         | () => void | No       | All      | Yes               |
+| onPress                | Function called when user press on notification                                                                                                                                                                                                                                                                                             | () => void | No       | All      | Yes               |
+| hideOnPress            | Should notification hide when user press on it                                                                                                                                                                                                                                                                                              | Boolean    | No       | All      | Yes               |
+| swipePixelsToClose     | How many pixels user should swipe-up notification to dismiss it                                                                                                                                                                                                                                                                             | Number     | No       | All      | Yes               |
+| swipeEasing            | Animation easing after user finished swiping                                                                                                                                                                                                                                                                                                | Easing     | No       | All      | Yes               |
+| swipeAnimationDuration | How fast should be animation after user finished swiping                                                                                                                                                                                                                                                                                    | Number     | No       | All      | Yes               |
+| translucentStatusBar   | Add additional top padding that equals to StatusBar.currentHeight. Android Only.                                                                                                                                                                                                                                                            | Number     | No       | Android  | No                |
 
 ### `hideNotification`
+
 ```
 Notifier.hideNotification(onHiddenCallback?: (result: Animated.EndResult) => void);
 ```
 
 ### `clearQueue`
+
 ```
 Notifier.clearQueue(hideDisplayedNotification?: boolean);
 ```
@@ -170,57 +174,61 @@ By default, `reset` mode is used, which means every new notification clears the
 In most cases, you will probably use only `reset` or `standby` modes.
 
 All possible modes:
-| Mode                |   Effect                                          |                
-| ------------------- | ------------------------------------ | 
+| Mode | Effect |  
+| ------------------- | ------------------------------------ |
 | reset | Clear notification queue and immediately display the new notification. Used by default.
 | standby | Add notification to the end of the queue.
 | next | Put notification in the first place in the queue. Will be shown right after the current notification disappears.
 | immediate | Similar to next, but also it will hide currently displayed notification.
 
-## 静态方法
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### `NotifierComponents.Notifications`
+
 Currently, there are 2 components out of the box. If none of them fits your needs, then you can easily create your [Custom Component].
 
-| Name | Type | Default |  Description |  Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- |  -------- |  ---- |  -------- | 
-| title  | String | null  | Title of notification. | All | Yes
-| description  | String | null  | Description of notification. | All | Yes
-| componentProps.titleStyle  | TextStyle | null  | The style to use for rendering title. | All | Yes
-| componentProps.descriptionStyle  | TextStyle | null  |The style to use for rendering description. | All | Yes
-| componentProps.imageSource  | Object | null  | Passed to <Image /> as source param. | All | Yes
-| componentProps.imageStyle  | ImageStyle | null  | The style to use for rendering image. | All | Yes
-| componentProps.containerStyle  | ViewStyle | null  | The style to use for notification container. | All | Yes
-| componentProps.ContainerComponent  | Component | SafeAreaView  | A container of the component. Set it in case you use different SafeAreaView than the standard | All | Yes
-| componentProps.maxTitleLines  | number | null  | The maximum number of lines to use for rendering title. | All | Yes
-| componentProps.maxDescriptionLines  | number | null  | The maximum number of lines to use for rendering description. | All | Yes
+| Name                               | Type       | Default      | Description                                                                                   | Platform | HarmonyOS Support |
+| ---------------------------------- | ---------- | ------------ | --------------------------------------------------------------------------------------------- | -------- | ----------------- |
+| title                              | String     | null         | Title of notification.                                                                        | All      | Yes               |
+| description                        | String     | null         | Description of notification.                                                                  | All      | Yes               |
+| componentProps.titleStyle          | TextStyle  | null         | The style to use for rendering title.                                                         | All      | Yes               |
+| componentProps.descriptionStyle    | TextStyle  | null         | The style to use for rendering description.                                                   | All      | Yes               |
+| componentProps.imageSource         | Object     | null         | Passed to <Image /> as source param.                                                          | All      | Yes               |
+| componentProps.imageStyle          | ImageStyle | null         | The style to use for rendering image.                                                         | All      | Yes               |
+| componentProps.containerStyle      | ViewStyle  | null         | The style to use for notification container.                                                  | All      | Yes               |
+| componentProps.ContainerComponent  | Component  | SafeAreaView | A container of the component. Set it in case you use different SafeAreaView than the standard | All      | Yes               |
+| componentProps.maxTitleLines       | number     | null         | The maximum number of lines to use for rendering title.                                       | All      | Yes               |
+| componentProps.maxDescriptionLines | number     | null         | The maximum number of lines to use for rendering description.                                 | All      | Yes               |
 
 ### `NotifierComponents.Alert`
 
-| Name | Type | Default |  Description | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- |  -------- | ---- |  -------- |
-| title  | String | null  | Title of notification. |  All | Yes
-| description  | String | null  | Description of notification. |  All | Yes
-| componentProps.titleStyle  | TextStyle | null  | The style to use for rendering title. |  All | Yes
-| componentProps.descriptionStyle  | TextStyle | null  |The style to use for rendering description. |  All | Yes
-|componentProps.alertType  | String | 'success'  |Background color will be changed depending on the type. Available values: error(red), success(green), warn(orange) and info(blue). |  All | Yes
-| componentProps.backgroundColor | String | null  | While the background of the alert depends on alertType, you can also set the other color you want. |  All | Yes
-| componentProps.textColor  | String | 'white'  | Color of title and description. |  All | Yes
-| componentProps.ContainerComponent  | Component | SafeAreaView  | A container of the component. Set it in case you use different SafeAreaView than the standard |  All | Yes
-| componentProps.maxTitleLines  | number | null  | The maximum number of lines to use for rendering title. |  All | Yes
-| componentProps.maxDescriptionLines  | number | null  | The maximum number of lines to use for rendering description. | All | Yes
+| Name                               | Type      | Default      | Description                                                                                                                        | Platform | HarmonyOS Support |
+| ---------------------------------- | --------- | ------------ | ---------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------- |
+| title                              | String    | null         | Title of notification.                                                                                                             | All      | Yes               |
+| description                        | String    | null         | Description of notification.                                                                                                       | All      | Yes               |
+| componentProps.titleStyle          | TextStyle | null         | The style to use for rendering title.                                                                                              | All      | Yes               |
+| componentProps.descriptionStyle    | TextStyle | null         | The style to use for rendering description.                                                                                        | All      | Yes               |
+| componentProps.alertType           | String    | 'success'    | Background color will be changed depending on the type. Available values: error(red), success(green), warn(orange) and info(blue). | All      | Yes               |
+| componentProps.backgroundColor     | String    | null         | While the background of the alert depends on alertType, you can also set the other color you want.                                 | All      | Yes               |
+| componentProps.textColor           | String    | 'white'      | Color of title and description.                                                                                                    | All      | Yes               |
+| componentProps.ContainerComponent  | Component | SafeAreaView | A container of the component. Set it in case you use different SafeAreaView than the standard                                      | All      | Yes               |
+| componentProps.maxTitleLines       | number    | null         | The maximum number of lines to use for rendering title.                                                                            | All      | Yes               |
+| componentProps.maxDescriptionLines | number    | null         | The maximum number of lines to use for rendering description.                                                                      | All      | Yes               |
+
+## Known Issues
+
+- [ ] translucentStatusBar 状态栏透明在 HarmonyOS 不支持,useRNScreensOverlay,rnScreensOverlayViewStyle 两个 Properties 依赖于 react-native-screens，暂未适配 harmonyOS
 
-## 遗留问题
+## Others
 
-- [ ] translucentStatusBar状态栏透明在HarmonyOS不支持,useRNScreensOverlay,rnScreensOverlayViewStyle两个属性依赖于react-native-screens，暂未适配harmonyOS  
+- omitGlobalMethodsHookup 源库 Properties 未生效 问题：[issues#102](https://github.com/seniv/react-native-notifier/issues/102)
 
-## 其他
+## License
 
-- omitGlobalMethodsHookup源库属性未生效 问题：[issues#102](https://github.com/seniv/react-native-notifier/issues/102) 
-## 开源协议
+This project is licensed under [The MIT License (MIT)](https://github.com/seniv/react-native-notifier/blob/main/LICENSE).
 
-本项目基于 [The MIT License (MIT)](https://github.com/seniv/react-native-notifier/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/en/react-native-parsed-text.md b/en/react-native-parsed-text.md
index 0673785d..6b036e75 100644
--- a/en/react-native-parsed-text.md
+++ b/en/react-native-parsed-text.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-parsed-text</code> </h1>
@@ -15,10 +15,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/taskrabbit/react-native-parsed-text)
+> [!TIP] [GitHub address](https://github.com/taskrabbit/react-native-parsed-text)
 
-
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -36,13 +35,13 @@ yarn add react-native-parsed-text@0.0.22
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import {Tester, Filter} from '@rnoh/testerino';
-import React from 'react';
+import { Tester, Filter } from "@rnoh/testerino";
+import React from "react";
 import {
   SafeAreaView,
   ScrollView,
@@ -53,158 +52,166 @@ import {
   View,
   Button,
   Alert,
-  Linking
-} from 'react-native';
-import ParsedText from 'react-native-parsed-text';
+  Linking,
+} from "react-native";
+import ParsedText from "react-native-parsed-text";
 
-export function TestNativeParsedText({ filter }: { filter: Filter }){
-  
-  const handleUrlPress=(url, matchIndex /*: number*/)=>{
+export function TestNativeParsedText({ filter }: { filter: Filter }) {
+  const handleUrlPress = (url, matchIndex /*: number*/) => {
     Linking.openURL(url);
-  }
+  };
 
-  const handlePhonePress=(phone, matchIndex /*: number*/)=> {
+  const handlePhonePress = (phone, matchIndex /*: number*/) => {
     Alert.alert(`${phone} has been pressed!`);
-  }
+  };
 
-  const handleNamePress=(name, matchIndex /*: number*/)=> {
+  const handleNamePress = (name, matchIndex /*: number*/) => {
     Alert.alert(`Hello ${name}`);
-  }
+  };
 
-  const handleEmailPress=(email, matchIndex /*: number*/)=> {
+  const handleEmailPress = (email, matchIndex /*: number*/) => {
     Alert.alert(`send email to ${email}`);
-  }
-  const handleIDPress=(name, matchIndex /*: number*/)=> {
+  };
+  const handleIDPress = (name, matchIndex /*: number*/) => {
     Alert.alert(`Hello ${name}`);
-  }
-  const renderText=(matchingString, matches)=> {
+  };
+  const renderText = (matchingString, matches) => {
     let pattern = /\[(@[^:]+):([^\]]+)\]/i;
     let match = matchingString.match(pattern);
     return `^^${match[0]}^^`;
-  }
-
-    return (
-      <View style={{width: '100%', height: '100%'}}>
-        <Tester style={{flex: 1}} filter={filter}>
-          <View style={styles.container}>
-            <ParsedText
-              style={styles.text}
-              parse={
-                [
-                  {type: 'url',                       style: styles.url, onPress: handleUrlPress},
-                  {type: 'phone',                     style: styles.phone, onPress: handlePhonePress},
-                  {type: 'email',                     style: styles.email, onPress: handleEmailPress},
-                  {pattern: /Bob|David/,              style: styles.name, onPress: handleNamePress},
-                  {pattern: /\[(@[^:]+):([^\]]+)\]/i, style: styles.username, onPress: handleNamePress, renderText: renderText},
-                  {pattern: /42/,                     style: styles.magicNumber},
-                  {pattern: /#(\w+)/,                 style: styles.hashTag},
-                ]
-              }
-              childrenProps={{allowFontScaling: false}}
-            >
-                Hello this is an example of the ParsedText, links like http://www.google.com or http://www.facebook.com are clickable and phone number 444-555-6666 can call too.
-          But you can also do more with this package, for example Bob will change style and David too. username like [@^^:^^] has been replaced.
-          And the magic number is 42!
-          #react #react-native
-            </ParsedText>
-          </View>
-        </Tester>
-      </View>
-    );
-  
+  };
+
+  return (
+    <View style={{ width: "100%", height: "100%" }}>
+      <Tester style={{ flex: 1 }} filter={filter}>
+        <View style={styles.container}>
+          <ParsedText
+            style={styles.text}
+            parse={[
+              { type: "url", style: styles.url, onPress: handleUrlPress },
+              { type: "phone", style: styles.phone, onPress: handlePhonePress },
+              { type: "email", style: styles.email, onPress: handleEmailPress },
+              {
+                pattern: /Bob|David/,
+                style: styles.name,
+                onPress: handleNamePress,
+              },
+              {
+                pattern: /\[(@[^:]+):([^\]]+)\]/i,
+                style: styles.username,
+                onPress: handleNamePress,
+                renderText: renderText,
+              },
+              { pattern: /42/, style: styles.magicNumber },
+              { pattern: /#(\w+)/, style: styles.hashTag },
+            ]}
+            childrenProps={{ allowFontScaling: false }}
+          >
+            Hello this is an example of the ParsedText, links like
+            http://www.google.com or http://www.facebook.com are clickable and
+            phone number 444-555-6666 can call too. But you can also do more
+            with this package, for example Bob will change style and David too.
+            username like [@^^:^^] has been replaced. And the magic number is
+            42! #react #react-native
+          </ParsedText>
+        </View>
+      </Tester>
+    </View>
+  );
 }
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
   },
-  idnumber:{
-    color: 'yellow'
+  idnumber: {
+    color: "yellow",
   },
 
   url: {
-    color: 'red',
-    textDecorationLine: 'underline',
+    color: "red",
+    textDecorationLine: "underline",
   },
 
   email: {
-    textDecorationLine: 'underline',
+    textDecorationLine: "underline",
   },
 
   text: {
-    color: 'black',
+    color: "black",
     fontSize: 15,
   },
 
   phone: {
-    color: 'blue',
-    textDecorationLine: 'underline',
+    color: "blue",
+    textDecorationLine: "underline",
   },
 
   name: {
-    color: 'red',
+    color: "red",
   },
 
   username: {
-    color: 'green',
-    fontWeight: 'bold'
+    color: "green",
+    fontWeight: "bold",
   },
 
   magicNumber: {
     fontSize: 42,
-    color: 'pink',
+    color: "pink",
   },
 
   hashTag: {
-    fontStyle: 'italic',
-    color:'green',
-    fontSize:42
+    fontStyle: "italic",
+    color: "green",
+    fontSize: 42,
   },
-
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：HYM-W5821 3.0.0.25;
 
-## 属性
+## Properties
 
-ParsedText组件接收所有[React Native Text](https://reactnative.dev/docs/text.html)组件的Props
+ParsedText 组件接收所有[React Native Text](https://reactnative.dev/docs/text.html)组件的 Props
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| parse  | Array of parsed text.    | array  | yes | IOS/Android   | yes |
-| renderText  | Function called to change the displayed children.     | function  | yes | IOS/Android   | yes |
-| childrenProps | Properties to pass to the children elements generated by react-native-parsed-text.     | object  | no | IOS/Android   | yes |
+| Name          | Description                                                                        | Type     | Required | Platform    | HarmonyOS Support |
+| ------------- | ---------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| parse         | Array of parsed text.                                                              | array    | yes      | IOS/Android | yes               |
+| renderText    | Function called to change the displayed children.                                  | function | yes      | IOS/Android | yes               |
+| childrenProps | Properties to pass to the children elements generated by react-native-parsed-text. | object   | no       | IOS/Android | yes               |
 
 eg:
 
 parse: Array of parsed text.
-* to use the predefined type: `{type: 'url'}、{type: 'phone'} or {type: 'email'}`.
-* to use your own `RegExp`: `{pattern: /something/}`
-* to change the style of the matched text your own `RegExp`: `{type: 'phone',style:styles.phoneStyle}`
-* to add the onPress event(one of Text Props，and others are supported) of the matched text:`{type: 'url',onPress:this.handlePress}`.
-* to add the onLongPress event(one of Text Props，and others are supported) of your own `RegExp` matched text:`{pattern: /something/,onLongPress:this.handleLongPress}`.
-* to limit how many matches are found of your own `RegExp` matched text:`{pattern: /something/,nonExhaustiveModeMaxMatchCount:number}`.
+
+- to use the predefined type: `{type: 'url'}、{type: 'phone'} or {type: 'email'}`.
+- to use your own `RegExp`: `{pattern: /something/}`
+- to change the style of the matched text your own `RegExp`: `{type: 'phone',style:styles.phoneStyle}`
+- to add the onPress event(one of Text Props，and others are supported) of the matched text:`{type: 'url',onPress:this.handlePress}`.
+- to add the onLongPress event(one of Text Props，and others are supported) of your own `RegExp` matched text:`{pattern: /something/,onLongPress:this.handleLongPress}`.
+- to limit how many matches are found of your own `RegExp` matched text:`{pattern: /something/,nonExhaustiveModeMaxMatchCount:number}`.
 
 renderText: Function called to change the displayed children.
 
-Your str is ```'Mention [@michel:5455345]'``` where 5455345 is ID of this user and @michel the value to display on interface.
-Your pattern for ID & username extraction : ```/\[(@[^:]+):([^\]]+)\]/i```
+Your str is `'Mention [@michel:5455345]'` where 5455345 is ID of this user and @michel the value to display on interface.
+Your pattern for ID & username extraction : `/\[(@[^:]+):([^\]]+)\]/i`
 Your renderText method :
+
 ```
 renderText(matchingString, matches) {
   // matches => ["[@michel:5455345]", "@michel", "5455345"]
@@ -213,14 +220,15 @@ renderText(matchingString, matches) {
   return `^^${match[1]}^^`;
 }
 ```
-Displayed text will be : ```Mention ^^@michel^^```
 
-## 遗留问题
+Displayed text will be : `Mention ^^@michel^^`
+
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [TTHE MIT License (MIT)](https://github.com/taskrabbit/react-native-parsed-text/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
+This project is licensed under [TTHE MIT License (MIT)](https://github.com/taskrabbit/react-native-parsed-text/blob/master/LICENSE.txt).
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/en/react-native-phone-number-input.md b/en/react-native-phone-number-input.md
index 81ac5b7b..0af9ebe1 100644
--- a/en/react-native-phone-number-input.md
+++ b/en/react-native-phone-number-input.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-phone-number-input</code> </h1>
@@ -12,9 +12,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/garganurag893/react-native-phone-number-input)
+> [!TIP] [GitHub address](https://github.com/garganurag893/react-native-phone-number-input)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -32,9 +32,9 @@ yarn add react-native-phone-number-input@2.1.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useRef } from "react";
@@ -152,20 +152,20 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                     | Description                           | Type                                                                                                          | Required | Platform    | HarmonyOS Support |
 | ------------------------ | ------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -193,11 +193,11 @@ const styles = StyleSheet.create({
 | filterProps              | filter the props                      | CountryFilterProps                                                                                            | no       | Android iOS | yes               |
 | countryPickerProps       | the countryPicker Props               | any                                                                                                           | no       | Android iOS | yes               |
 
-## 静态方法
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                  | Description                                 | Type                                                                                                                | Required | Platform    | HarmonyOS Support |
 | ------------------------------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -206,12 +206,12 @@ const styles = StyleSheet.create({
 | getNumberAfterPossiblyEliminatingZero | get the initial value and generated number. | () => {number: string , formattedNumber: string }                                                                   | no       | Android iOS | yes               |
 | isValidNumber                         | Verifying whether a number is valid         | (number: string)=>boolean                                                                                           | no       | Android iOS | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-- 在 HarmonyOS NEXT 上，withDarkTheme 只能让国家选择器的主题色更改，无法更改键盘的颜色。因为 iOS 提供给开发者设置键盘深浅模式的选项，一旦开发者设置错误会导致输入法键盘和应用出现颜色错层，在 HarmonyOS NEXT 上输入法键盘做了自适应应用颜色模式的能力，故不需要再提供该属性。
+- 在 HarmonyOS NEXT 上，withDarkTheme 只能让国家选择器的主题色更改，无法更改键盘的颜色。因为 iOS 提供给开发者设置键盘深浅模式的选项，一旦开发者设置错误会导致输入法键盘和应用出现颜色错层，在 HarmonyOS NEXT 上输入法键盘做了自适应应用颜色模式的能力，故不需要再提供该Properties。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/garganurag893/react-native-phone-number-input/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/garganurag893/react-native-phone-number-input/blob/master/LICENSE.md).
diff --git a/en/react-native-quick-base64.md b/en/react-native-quick-base64.md
index 4b605dc8..9c64e1ea 100644
--- a/en/react-native-quick-base64.md
+++ b/en/react-native-quick-base64.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-quick-base64</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-quick-base64)
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-quick-base64)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-quick-base64@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from 'react';
@@ -190,7 +190,7 @@ export function QuickBase64Test() {
   }
 
   /**
-   * @param text 
+   * @param text
    * base64FromArrayBuffer方法接受一个Base64编码的字符串或ArrayBuffer，
    * 以及一个可选的布尔值参数，该参数决定是否生成的Base64字符串是URL安全的。
    * 这个方法将ArrayBuffer对象转换为Base64编码的字符串。
@@ -202,11 +202,11 @@ export function QuickBase64Test() {
     }
   }
 
-  /** 
+  /**
   * @description base64转换Unit8Array 去除换行符
   * @param text
   * @param removeLinebreaks true
-  * 
+  *
   */
   const onPressNBFABUrlSafe = (text: string | ArrayBuffer, urlSafe: boolean = false) => {
     if (nativeModule?.base64FromArrayBuffer) {
@@ -215,13 +215,13 @@ export function QuickBase64Test() {
     }
   }
 
-  /** 
+  /**
    * @description base64转换Unit8Array
    * base64ToArrayBuffer方法接受一个Base64编码的字符串和一个可选的布尔值参数，
    * 该参数决定是否在转换过程中删除换行符。这个方法将Base64编码的字符串转换为ArrayBuffer对象。
    * @param text
    * @param removeLinebreaks 默认值 false
-   * 
+   *
    */
   const onPressNBTAB = (text: string) => {
     if (nativeModule?.base64ToArrayBuffer) {
@@ -230,11 +230,11 @@ export function QuickBase64Test() {
     }
   }
 
-  /** 
+  /**
    * @description base64转换Unit8Array 去除换行符
    * @param text
    * @param removeLinebreaks true
-   * 
+   *
    */
   const onPressNBTABRemoveLinebreaks = (text: string, removeLinebreaks: boolean = false) => {
     if (nativeModule?.base64ToArrayBuffer) {
@@ -421,17 +421,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用Codegen
+## Use Codegen
 
-本库未带rc.x的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+本库未带 rc.x 的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/en/codegen.md)。
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -442,18 +442,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
  "dependencies": {
@@ -463,22 +460,22 @@ const styles = StyleSheet.create({
  }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 GestureHandlerPackage
+### 3. Configuring CMakeLists and Introducing GestureHandlerPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -516,7 +513,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -533,9 +530,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 Gesture Handler Package
+### 4. Introducing Gesture Handler Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import { RNQuickBase64Package } from '@react-native-oh-tpl/react-native-quick-base64/ts';
@@ -548,51 +545,50 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)
 
-> [!TIP] [官方文档](https://github.com/craftzdog/react-native-quick-base64)
+> [!TIP] [Official Documenttation](https://github.com/craftzdog/react-native-quick-base64)
 
-## 静态方法
+## Static Methods
 
-以下是提供的静态方法数据:
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| NAME         | Description                                                             | TYPE | Required | Platform | HarmonyOS Support |
-| ---------------- | --------------------------------------------------------------------------- | ------ | ------ | -------- | -------- |
-| btoa            | Encodes a string in base64.                                               | Function | no | All      | yes      |
-| atob | Decodes a base64 encoded string. | Function | no | All      | yes      |
-| toByteArray | Takes a base64 string and returns a byte array. Optional `removeLinebreaks` removes all `\n` characters. | Function | no | All      | yes      |
-| byteLength | Takes a base64 string and returns length of byte array. | Function | no | All      | yes      |
-| fromByteArray | Takes a byte array and returns a base64 string. Optional `urlSafe` flag `true` will use [the URL-safe dictionary](https://github.com/craftzdog/react-native-quick-base64/blob/9d02dfd02599ca104d2ed6c1e2d938ddd9d6cd15/cpp/base64.h#L75). | Function | no | All      | yes      |
-| shim | Adds `btoa` and `atob` functions to `global`. | Function | no | All      | yes      |
-| trimBase64Padding | Trims the `=` padding character(s) off of the end of a base64 encoded string. Also, for base64url encoded strings, it will trim off the trailing `.` character(s). | Function | no | All      | yes      |
-| getNative | Obtain the native base64ToArrayBuffer and base64FromArrayBuffer functions. | Function | no | All      | yes      |
+| NAME              | Description                                                                                                                                                                                                                               | TYPE     | Required | Platform | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| btoa              | Encodes a string in base64.                                                                                                                                                                                                               | Function | no       | All      | yes               |
+| atob              | Decodes a base64 encoded string.                                                                                                                                                                                                          | Function | no       | All      | yes               |
+| toByteArray       | Takes a base64 string and returns a byte array. Optional `removeLinebreaks` removes all `\n` characters.                                                                                                                                  | Function | no       | All      | yes               |
+| byteLength        | Takes a base64 string and returns length of byte array.                                                                                                                                                                                   | Function | no       | All      | yes               |
+| fromByteArray     | Takes a byte array and returns a base64 string. Optional `urlSafe` flag `true` will use [the URL-safe dictionary](https://github.com/craftzdog/react-native-quick-base64/blob/9d02dfd02599ca104d2ed6c1e2d938ddd9d6cd15/cpp/base64.h#L75). | Function | no       | All      | yes               |
+| shim              | Adds `btoa` and `atob` functions to `global`.                                                                                                                                                                                             | Function | no       | All      | yes               |
+| trimBase64Padding | Trims the `=` padding character(s) off of the end of a base64 encoded string. Also, for base64url encoded strings, it will trim off the trailing `.` character(s).                                                                        | Function | no       | All      | yes               |
+| getNative         | Obtain the native base64ToArrayBuffer and base64FromArrayBuffer functions.                                                                                                                                                                | Function | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-quick-base64/blob/sig/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-quick-base64/blob/sig/LICENSE).
diff --git a/en/react-native-reanimated-bottom-sheet.md b/en/react-native-reanimated-bottom-sheet.md
index 5a65aca5..f503f15c 100644
--- a/en/react-native-reanimated-bottom-sheet.md
+++ b/en/react-native-reanimated-bottom-sheet.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>reanimated-bottom-sheet</code> </h1>
@@ -14,13 +14,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -38,25 +38,25 @@ yarn add  @react-native-oh-tpl/reanimated-bottom-sheet@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import React from "react";
-import { View, Button, Text,Dimensions } from "react-native";
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { View, Button, Text, Dimensions } from "react-native";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
 import BottomSheet from "reanimated-bottom-sheet";
 
-
 export default function () {
-  const WINDOW_HEIGHT = Dimensions.get('window').height;
+  const WINDOW_HEIGHT = Dimensions.get("window").height;
   const sheetRef = React.useRef(null);
   const renderContent = () => (
     <View
       style={{
         padding: 16,
-      }}>
+      }}
+    >
       <Text>this is content</Text>
     </View>
   );
@@ -65,21 +65,23 @@ export default function () {
     <View
       style={{
         padding: 16,
-      }}>
+      }}
+    >
       <Text>title</Text>
     </View>
-  )
+  );
 
   return (
-    <GestureHandlerRootView style={{ height:WINDOW_HEIGHT, }}>
+    <GestureHandlerRootView style={{ height: WINDOW_HEIGHT }}>
       <View
         style={{
-          height:WINDOW_HEIGHT,
-          backgroundColor: 'papayawhip',
-          alignItems: 'center',
-          justifyContent: 'center',
-        }}>
-        <View style={{ flex: 1, gap: 10, justifyContent: 'center' }}>
+          height: WINDOW_HEIGHT,
+          backgroundColor: "papayawhip",
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        <View style={{ flex: 1, gap: 10, justifyContent: "center" }}>
           <Button
             title="sheetRef?.current.snapTo(2)"
             onPress={() => sheetRef?.current.snapTo(2)}
@@ -99,70 +101,70 @@ export default function () {
         snapPoints={[200, 100, 0]}
         initialSnap={0}
         renderHeader={renderHeader}
-        renderContent={renderContent} />
+        renderContent={renderContent}
+      />
     </GestureHandlerRootView>
-  )
+  );
 }
-
 ```
 
 ## Link
 
-本库依赖以下三方库，请查看对应文档：
-+ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
-+ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
-+ [@react-native-oh-tpl/bottom-sheet](/zh-cn/react-native-bottom-sheet.md)
+This repository depends on the following libraries, please refer to the corresponding documentation:
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+- [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)
+- [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)
+- [@react-native-oh-tpl/bottom-sheet](/en/react-native-bottom-sheet.md)
 
-如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-## 约束与限制
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md) to add it to your project.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-## 属性
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)
 
-详情见[react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+For details, see [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| snapPoints | E.g. [300, 200, 0]. Points for snapping of bottom sheet coomponent. They define distance from bottom of the screen. Might be number or percent (as string e.g. '20%') for points or percents of screen height from bottom. Note: Array values must be in descending order. | array<string\|number> | yes | all | yes 
-| initialSnap | Determines initial snap point of bottom sheet. The value is the index from snapPoints. | number | no | all | yes
-| renderContent | Method for rendering scrollable content of bottom sheet.| React.ReactNode | no | all | yes
-| renderHeader | Method for rendering non-scrollable header of bottom sheet. | React.ReactNode | no | all | yes
-|enabledGestureInteraction | Defines if bottom sheet could be scrollable by gesture. | boolean | no | all | yes
-| enabledHeaderGestureInteraction | Defines if bottom sheet header could be scrollable by gesture.| boolean | no | all | yes
-|enabledContentGestureInteraction|Defines if bottom sheet content could be scrollable by gesture.| boolean | no | all | yes
-| enabledContentTapInteraction | Defines whether bottom sheet content could be tapped. Note: If you use Touchable* components inside your renderContent, you'll have to switch this to false to make handlers like onPress work. (See this comment.) | boolean | no | all | no
-| enabledManualSnapping | If false blocks snapping using snapTo method. | boolean | no | no | no
-| enabledBottomClamp | If true block movement is clamped from bottom to minimal snapPoint. | boolean | no | all | yes
-| enabledBottomInitialAnimation | If true sheet will grows up from bottom to initial snapPoint.| boolean | no | all | yes
-| enabledInnerScrolling | Defines whether it's possible to scroll inner content of bottom sheet. | boolean | no | all | yes
-| callbackNode | reanimated node which holds position of bottom sheet, where 0 it the highest snap point and 1 is the lowest.  | boolean | no | all | yes
-| contentPosition | reanimated node which holds position of bottom sheet's content (in dp) | reanimated node | no | all | yes
-| headerPosition | reanimated node which holds position of bottom sheet's header (in dp) | reanimated node | no | all | no
-| overdragResistanceFactor | `Defines how violently sheet has to stopped while overdragging. 0 means no overdrag |  number | no | all | yes
-| springConfig | Overrides config for spring animation | object | no | all | yes
-| innerGestureHandlerRefs | Refs for gesture handlers used for building bottom sheet. The array consists fo three refs. The first for PanGH used for inner content scrolling. The second for PanGH used for header. The third for TapGH used for stopping scrolling the content. |  array | no | all | no
-| simultaneousHandlers | OAccepts a react ref object or an array of refs to handler components. | Array<React.RefObject<any>> | no | all | yes
-| onOpenStart |Accepts a function to be called when the bottom sheet starts to open.| function | no | all | no
-| onOpenEnd | Accepts a function to be called when the bottom sheet is almost fully openned. | function | no | all | yes
-| onCloseStart | Accepts a function to be called when the bottom sheet starts to close. | function | no | all | yes
-| onCloseEnd | Accepts a function to be called when the bottom sheet is almost closing. | function | no | all | yes
-| callbackThreshold | Accepts a float value from 0 to 1 indicating the percentage (of the gesture movement) when the callbacks are gonna be called. | number | no | all | no
-| borderRadius | Border radius of content wrapper (excluding header). | number | no | all | yes
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name                             | Description                                                                                                                                                                                                                                                                | Type                        | Required | Platform | HarmonyOS Support |
+| -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------- | -------- | ----------------- |
+| snapPoints                       | E.g. [300, 200, 0]. Points for snapping of bottom sheet coomponent. They define distance from bottom of the screen. Might be number or percent (as string e.g. '20%') for points or percents of screen height from bottom. Note: Array values must be in descending order. | array<string\|number>       | yes      | all      | yes               |
+| initialSnap                      | Determines initial snap point of bottom sheet. The value is the index from snapPoints.                                                                                                                                                                                     | number                      | no       | all      | yes               |
+| renderContent                    | Method for rendering scrollable content of bottom sheet.                                                                                                                                                                                                                   | React.ReactNode             | no       | all      | yes               |
+| renderHeader                     | Method for rendering non-scrollable header of bottom sheet.                                                                                                                                                                                                                | React.ReactNode             | no       | all      | yes               |
+| enabledGestureInteraction        | Defines if bottom sheet could be scrollable by gesture.                                                                                                                                                                                                                    | boolean                     | no       | all      | yes               |
+| enabledHeaderGestureInteraction  | Defines if bottom sheet header could be scrollable by gesture.                                                                                                                                                                                                             | boolean                     | no       | all      | yes               |
+| enabledContentGestureInteraction | Defines if bottom sheet content could be scrollable by gesture.                                                                                                                                                                                                            | boolean                     | no       | all      | yes               |
+| enabledContentTapInteraction     | Defines whether bottom sheet content could be tapped. Note: If you use Touchable\* components inside your renderContent, you'll have to switch this to false to make handlers like onPress work. (See this comment.)                                                       | boolean                     | no       | all      | no                |
+| enabledManualSnapping            | If false blocks snapping using snapTo method.                                                                                                                                                                                                                              | boolean                     | no       | no       | no                |
+| enabledBottomClamp               | If true block movement is clamped from bottom to minimal snapPoint.                                                                                                                                                                                                        | boolean                     | no       | all      | yes               |
+| enabledBottomInitialAnimation    | If true sheet will grows up from bottom to initial snapPoint.                                                                                                                                                                                                              | boolean                     | no       | all      | yes               |
+| enabledInnerScrolling            | Defines whether it's possible to scroll inner content of bottom sheet.                                                                                                                                                                                                     | boolean                     | no       | all      | yes               |
+| callbackNode                     | reanimated node which holds position of bottom sheet, where 0 it the highest snap point and 1 is the lowest.                                                                                                                                                               | boolean                     | no       | all      | yes               |
+| contentPosition                  | reanimated node which holds position of bottom sheet's content (in dp)                                                                                                                                                                                                     | reanimated node             | no       | all      | yes               |
+| headerPosition                   | reanimated node which holds position of bottom sheet's header (in dp)                                                                                                                                                                                                      | reanimated node             | no       | all      | no                |
+| overdragResistanceFactor         | `Defines how violently sheet has to stopped while overdragging. 0 means no overdrag                                                                                                                                                                                        | number                      | no       | all      | yes               |
+| springConfig                     | Overrides config for spring animation                                                                                                                                                                                                                                      | object                      | no       | all      | yes               |
+| innerGestureHandlerRefs          | Refs for gesture handlers used for building bottom sheet. The array consists fo three refs. The first for PanGH used for inner content scrolling. The second for PanGH used for header. The third for TapGH used for stopping scrolling the content.                       | array                       | no       | all      | no                |
+| simultaneousHandlers             | OAccepts a react ref object or an array of refs to handler components.                                                                                                                                                                                                     | Array<React.RefObject<any>> | no       | all      | yes               |
+| onOpenStart                      | Accepts a function to be called when the bottom sheet starts to open.                                                                                                                                                                                                      | function                    | no       | all      | no                |
+| onOpenEnd                        | Accepts a function to be called when the bottom sheet is almost fully openned.                                                                                                                                                                                             | function                    | no       | all      | yes               |
+| onCloseStart                     | Accepts a function to be called when the bottom sheet starts to close.                                                                                                                                                                                                     | function                    | no       | all      | yes               |
+| onCloseEnd                       | Accepts a function to be called when the bottom sheet is almost closing.                                                                                                                                                                                                   | function                    | no       | all      | yes               |
+| callbackThreshold                | Accepts a float value from 0 to 1 indicating the percentage (of the gesture movement) when the callbacks are gonna be called.                                                                                                                                              | number                      | no       | all      | no                |
+| borderRadius                     | Border radius of content wrapper (excluding header).                                                                                                                                                                                                                       | number                      | no       | all      | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] enabledContentTapInteraction 暂不支持。 [issues#2](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/2)
 - [ ] simultaneousHandlers 暂不支持。 [issues#3](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/3)
@@ -170,10 +172,11 @@ export default function () {
 - [ ] callbackThreshold 暂不支持。[issues#6](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/6)
 - [ ] headerPosition 暂不支持。[issues#7](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/issues/7)
 
-## 其他
-- 本库基于[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)实现，若想实现完全可配置选项的高性能交互式bottomSheet，建议优先使用[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)。
-- enabledManualSnapping原库未实现该属性。
+## Others
+
+- 本库基于[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)实现，若想实现完全可配置选项的高性能交互式 bottomSheet，建议优先使用[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)。
+- enabledManualSnapping 原库未实现该属性。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/LICENSE.md).
diff --git a/en/react-native-recaptcha-that-works.md b/en/react-native-recaptcha-that-works.md
index fbf7b022..f685a86a 100644
--- a/en/react-native-recaptcha-that-works.md
+++ b/en/react-native-recaptcha-that-works.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-recaptcha-that-works</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/douglasjunior/react-native-recaptcha-that-works)
+> [!TIP] [ GitHub address](https://github.com/douglasjunior/react-native-recaptcha-that-works)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,10 +35,10 @@ yarn add react-native-recaptcha-that-works@2.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
-import React, {useRef, useCallback, useState} from 'react';
+import React, { useRef, useCallback, useState } from "react";
 import {
   SafeAreaView,
   StyleSheet,
@@ -47,27 +47,27 @@ import {
   StatusBar,
   Button,
   Alert,
-} from 'react-native';
+} from "react-native";
 
-import Recaptcha, { RecaptchaRef } from 'react-native-recaptcha-that-works';
+import Recaptcha, { RecaptchaRef } from "react-native-recaptcha-that-works";
 
 const styles = StyleSheet.create({
   safeArea: {
     flex: 1,
   },
   container: {
-    backgroundColor: '#00ff00',
-    justifyContent: 'center',
-    alignItems: 'center',
+    backgroundColor: "#00ff00",
+    justifyContent: "center",
+    alignItems: "center",
     flex: 1,
   },
 });
 
 const App = () => {
-  const size = 'invisible';
-  const [token, setToken] = useState('<none>');
+  const size = "invisible";
+  const [token, setToken] = useState("<none>");
 
-  const $recaptcha = useRef<RecaptchaRef | null>(null);
+  const $recaptcha = (useRef < RecaptchaRef) | (null > null);
 
   const handleOpenPress = useCallback(() => {
     $recaptcha.current?.open();
@@ -97,15 +97,15 @@ const App = () => {
         baseUrl="http://127.0.0.1/"
         size={size}
         theme="dark"
-        onLoad={() => Alert.alert('onLoad event')}
-        onClose={() => Alert.alert('onClose event')}
+        onLoad={() => Alert.alert("onLoad event")}
+        onClose={() => Alert.alert("onClose event")}
         onError={(err) => {
-          Alert.alert('onError event');
+          Alert.alert("onError event");
           console.warn(err);
         }}
-        onExpire={() => Alert.alert('onExpire event')}
+        onExpire={() => Alert.alert("onExpire event")}
         onVerify={(token) => {
-          Alert.alert('onVerify event');
+          Alert.alert("onVerify event");
           setToken(token);
         }}
         enterprise={false}
@@ -116,20 +116,20 @@ const App = () => {
 };
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.28; OH SDK: HarmonyOS-Next-DB2 5.0.0.31 (API Version 12 Beta2); IDE: DevEco Studio: 5.0.3.500; ROM: 3.0.0.31;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description                                                                                                                                                                                                                                                                                        | Type                                                                                                       | Required | Platform    | HarmonyOS Support |
 | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -153,21 +153,21 @@ const App = () => {
 | hideBadge        | When `size = 'invisible'`, you are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. [See detail](https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed).                                          | `boolean`                                                                                                  | no       | iOS,Android | yes               |
 | enterprise       | Use the new [reCAPTCHA Enterprise API](https://cloud.google.com/recaptcha-enterprise/docs/using-features). Note: for enterprise you need to choose the `size` [when creating the `siteKey`](https://github.com/douglasjunior/react-native-recaptcha-that-works/issues/55#issuecomment-2107089307). | `boolean` (enterprise)                                                                                     | no       | iOS,Android | yes               |
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description                | Type       | Required | Platform    | HarmonyOS Support |
 | ----- | -------------------------- | ---------- | -------- | ----------- | ----------------- |
 | open  | Open the reCAPTCHA Modal.  | `function` | no       | iOS,Android | yes               |
 | close | Close the reCAPTCHA Modal. | `function` | no       | iOS,Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE).
diff --git a/en/react-native-responsive-fontsize.md b/en/react-native-responsive-fontsize.md
index b2ae3ab6..ad774e50 100644
--- a/en/react-native-responsive-fontsize.md
+++ b/en/react-native-responsive-fontsize.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-responsive-fontsize</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/heyman333/react-native-responsive-fontSize)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/heyman333/react-native-responsive-fontSize)
-
-## 安装与使用
 <!-- tabs:start -->
-进入到工程目录并输入以下命令：
+
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -35,11 +35,11 @@ $ yarn add react-native-responsive-fontsize@0.5.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import { RFPercentage, RFValue } from "react-native-responsive-fontsize";
-import { View, Text, StyleSheet } from 'react-native';
+import { View, Text, StyleSheet } from "react-native";
 
 const styles = StyleSheet.create({
   welcome: {
@@ -55,7 +55,14 @@ const styles = StyleSheet.create({
 });
 const App = () => {
   return (
-    <View style={{ height: '100%', width: '100%', backgroundColor: '#ffffff',marginTop:50}}>
+    <View
+      style={{
+        height: "100%",
+        width: "100%",
+        backgroundColor: "#ffffff",
+        marginTop: 50,
+      }}
+    >
       <View style={{ height: 200 }}>
         <Text>fontSize used RFValue(24, 580):</Text>
         <Text style={styles.welcome}>Hello World1</Text>
@@ -65,47 +72,49 @@ const App = () => {
         <Text style={styles.instructions}>Hello World2</Text>
       </View>
     </View>
-  )
-}
+  );
+};
 
 export default App;
 ```
-## 约束与限制
 
-### 兼容性
+## Constraints
 
-本文档内容基于以下版本验证通过：
+### Compatibility
+
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS-NEXT-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 静态方法
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Static Methods
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name         | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
-| ------------ | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| Name         | Description                                                                                         | Type     | Required | Platform    | HarmonyOS Support |
+| ------------ | --------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
 | RFPercentage | The font size is calculated as a percentage of the height(`width` in landscape mode) of the device. | function | no       | Android/iOS | yes               |
-| RFValue      | The font size is calculated based on standardScreenHeight and passed value | function | no       | Android/iOS | yes               |
+| RFValue      | The font size is calculated based on standardScreenHeight and passed value                          | function | no       | Android/iOS | yes               |
 
-**RFPercentage参数**
+**RFPercentage parameter**
 
 | Name    | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ------- | ----------- | ------ | -------- | ----------- | ----------------- |
 | percent | font size   | number | yes      | Android/iOS | yes               |
 
-**RFValue参数**
+**RFValue parameter**
 
 | Name                 | Description            | Type   | Required | Platform    | HarmonyOS Support |
 | -------------------- | ---------------------- | ------ | -------- | ----------- | ----------------- |
 | value                | font size              | number | yes      | Android/iOS | yes               |
 | standardScreenHeight | standard screen height | number | no       | Android/iOS | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/heyman333/react-native-responsive-fontSize/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/heyman333/react-native-responsive-fontSize/blob/master/LICENSE).
diff --git a/en/react-native-safe-modules.md b/en/react-native-safe-modules.md
index f2164016..c2510ca1 100644
--- a/en/react-native-safe-modules.md
+++ b/en/react-native-safe-modules.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-safe-modules</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-modules)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-safe-modules)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,33 +39,33 @@ yarn add @react-native-oh-tpl/react-native-safe-modules@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from 'react';
-import { View, Button } from 'react-native';
-import SafeModule from 'react-native-safe-modules';
+import React from "react";
+import { View, Button } from "react-native";
+import SafeModule from "react-native-safe-modules";
 
 const App = () => {
   const myModule = SafeModule.create({
-    moduleName: 'MyNativemodule',
+    moduleName: "MyNativemodule",
     mock: {
-      someAPI: () => 'doSomething'
-    }
-  })
-  myModule.someAPI()
-  
+      someAPI: () => "doSomething",
+    },
+  });
+  myModule.someAPI();
+
   const NativeLottieView = SafeModule.component({
-    viewName: 'LottieAnimationView',
+    viewName: "LottieAnimationView",
     mockComponent: View,
   });
-  
+
   return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
       <NativeLottieView
-        style={{ backgroundColor: 'red', width: 100, height: 100 }}
+        style={{ backgroundColor: "red", width: 100, height: 100 }}
       />
     </View>
   );
@@ -74,67 +74,65 @@ const App = () => {
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases)
 
 ## API
 
 ### SafeModule.create(options)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| options.moduleName  |     the name, or array of names, to look for the module at on the NativeModules namespace.     | string/string[]  |    yes    |  iOS,Android  |         yes        |
-| options.mock  |   The mock implementation of the native module.     | object  |    yes    |  iOS,Android  |         yes        |
-| options.getVersion  |   A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.   | Function  |    no    |  iOS,Android  |         yes        |
-| options.versionOverrides  |    A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...).    | object  |    no    |  iOS,Android  |         yes        |
-| options.isEventEmitter  |   A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.     | boolean  |    no    |  iOS,Android  |         yes        |
+| Name                     | Description                                                                                                                                                                                                                                                                                                                                                                                                  | Type            | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- | -------- | ----------- | ----------------- |
+| options.moduleName       | the name, or array of names, to look for the module at on the NativeModules namespace.                                                                                                                                                                                                                                                                                                                       | string/string[] | yes      | iOS,Android | yes               |
+| options.mock             | The mock implementation of the native module.                                                                                                                                                                                                                                                                                                                                                                | object          | yes      | iOS,Android | yes               |
+| options.getVersion       | A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.                                                                                                                                                                                                                | Function        | no       | iOS,Android | yes               |
+| options.versionOverrides | A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...). | object          | no       | iOS,Android | yes               |
+| options.isEventEmitter   | A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.                                                                                                                                                                                                                               | boolean         | no       | iOS,Android | yes               |
 
 ### SafeModule.module(options)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| options.moduleName  |     the name, or array of names, to look for the module at on the NativeModules namespace.     | string/string[]  |    yes    |  iOS,Android  |         yes        |
-| options.mock  |   The mock implementation of the native module.     | object  |    yes    |  iOS,Android  |         yes        |
-| options.getVersion  |   A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.   | Function  |    no    |  iOS,Android  |         yes        |
-| options.versionOverrides  |    A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...).    | object  |    no    |  iOS,Android  |         yes        |
-| options.isEventEmitter  |   A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.     | boolean  |    no    |  iOS,Android  |         yes        |
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name                     | Description                                                                                                                                                                                                                                                                                                                                                                                                  | Type            | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- | -------- | ----------- | ----------------- |
+| options.moduleName       | the name, or array of names, to look for the module at on the NativeModules namespace.                                                                                                                                                                                                                                                                                                                       | string/string[] | yes      | iOS,Android | yes               |
+| options.mock             | The mock implementation of the native module.                                                                                                                                                                                                                                                                                                                                                                | object          | yes      | iOS,Android | yes               |
+| options.getVersion       | A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION.                                                                                                                                                                                                                | Function        | no       | iOS,Android | yes               |
+| options.versionOverrides | A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...). | object          | no       | iOS,Android | yes               |
+| options.isEventEmitter   | A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false.                                                                                                                                                                                                                               | boolean         | no       | iOS,Android | yes               |
 
 ### SafeModule.component(options)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-|              Name              | Description |         Type        | Required | Platform | HarmonyOS Support  |
-| ------------------------------ | ----------- | ------------------- | -------- | -------- | ------------------ |
-|   options.viewName             |  传入的组件名称  |  string/string[]    |   yes    | iOS,Android |         yes        |
-|   options.mockComponent        |  传入一个模拟的组件，当viewName查找不到的时候，component会返回这个模拟的组件  |  React.ComponentType\<T>    |   yes    | iOS,Android |         yes        |
-|   options.componentOverrides   |  根据版本获取其中定义的组件，如果和viewName相同，覆盖原生组件的React组件，需要确保返回的React组件是有效的  |  object             |   no     | no         |         no        |
-|   options.propOverrides        |  根据版本获取其中定义的组件属性，如果是相同组件的相同属性，根据版本覆盖原生组件的属性，需要确保覆盖的属性在原生组件中存在  |  object             |   no     | no         |         no        |
-|   options.mock                 |  原生模块的模拟实现，原生模块中存在什么成员，可使用该属性自己模拟编写  |  object             |   no     | no         |         no        |
-|   options.getVersion           |  返回本机模块版本的函数。仅在指定替代且不导出本机模块上的版本属性时才需要。默认值为x => x.VERSION。  |  Function           |   no     | no         |         no        |
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name                       | Description                                                                                                                                           | Type                    | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- | -------- | ----------- | ----------------- |
+| options.viewName           | 传入的组件名称                                                                                                                                        | string/string[]         | yes      | iOS,Android | yes               |
+| options.mockComponent      | 传入一个模拟的组件，当 viewName 查找不到的时候，component 会返回这个模拟的组件                                                                        | React.ComponentType\<T> | yes      | iOS,Android | yes               |
+| options.componentOverrides | 根据版本获取其中定义的组件，如果和 viewName 相同，覆盖原生组件的 React 组件，需要确保返回的 React 组件是有效的                                        | object                  | no       | no          | no                |
+| options.propOverrides      | 根据版本获取其中定义的组件 Properties，如果是相同组件的相同 Properties，根据版本覆盖原生组件的 Properties，需要确保覆盖的 Properties 在原生组件中存在 | object                  | no       | no          | no                |
+| options.mock               | 原生模块的模拟实现，原生模块中存在什么成员，可使用该 Properties 自己模拟编写                                                                          | object                  | no       | no          | no                |
+| options.getVersion         | 返回本机模块版本的函数。仅在指定替代且不导出本机模块上的版本 Properties 时才需要。默认值为 x => x.VERSION。                                           | Function                | no       | no          | no                |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-- component接口问题： 该接口在iOS和Android上均无法正常使用，不管输入的viewName是什么，都只会返回用户传递的mockComponent，无法获得封装后的组件，HarmonyOS与其表现一致:[issue#19](https://github.com/emilioicai/react-native-safe-modules/issues/19)。
+- component 接口问题： 该接口在 iOS 和 Android 上均无法正常使用，不管输入的 viewName 是什么，都只会返回用户传递的 mockComponent，无法获得封装后的组件，HarmonyOS 与其表现一致:[issue#19](https://github.com/emilioicai/react-native-safe-modules/issues/19)。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/emilioicai/react-native-safe-modules/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/emilioicai/react-native-safe-modules/blob/master/LICENSE).
diff --git a/en/react-native-screenshot-prevent.md b/en/react-native-screenshot-prevent.md
index 932d6d9d..86ad77cb 100644
--- a/en/react-native-screenshot-prevent.md
+++ b/en/react-native-screenshot-prevent.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-screenshot-prevent</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-screenshot-prevent)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-screenshot-prevent)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-screenshot-prevent@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useEffect } from "react";
@@ -66,17 +66,17 @@ useEffect(() => {
 }, []);
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -87,18 +87,15 @@ useEffect(() => {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -107,22 +104,22 @@ useEffect(() => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNScreenShotPreventPackage
+### 3. Introducing RNScreenShotPreventPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -136,28 +133,28 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)
 
-### 权限要求
+### Permission Requirements
 
 - 由于此库涉及开启窗口隐私模式，调用对应接口时则需要配置对应的权限，权限需配置在 entry/src/main 目录下 module.json5 文件中。需要打开 `entry/src/main/ets/module.json5`，添加：
 
@@ -180,11 +177,11 @@ ohpm install
 
 默认导出 RNScreenshotPrevent 对象
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-#### RNScreenshotPrevent 方法
+#### RNScreenshotPrevent method
 
 | Name              | Description                                                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
 | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -193,14 +190,14 @@ ohpm install
 | enableSecureView  | creates a hidden secureTextField which prevents Application UI capture on screenshots and allow uses imgUri as the source of the background image (can be both https://, file:///) | function | no       | iOS         | no                |
 | disableSecureView | remove a hidden secureTextField which prevents Application UI capture on screenshots                                                                                               | function | no       | iOS         | no                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] iOS 支持创建隐藏的安全文本字段，防止应用程序 UI 捕获屏幕截图 [issue#3](https://github.com/react-native-oh-library/react-native-screenshot-prevent/issues/3)
 - [ ] iOS 支持创建一个隐藏的安全文本字段，防止应用程序 UI 捕获屏幕截图，并使用 imgUri 作为背景图像的来源（可以是 https://, file:///） [issue#2](https://github.com/react-native-oh-library/react-native-screenshot-prevent/issues/2)
 - [ ] iOS 支持移除隐藏的安全文本字段，允许应用程序 UI 捕获屏幕截图 [issue#1](https://github.com/react-native-oh-library/react-native-screenshot-prevent/issues/1)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/killserver/react-native-screenshot-prevent/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/killserver/react-native-screenshot-prevent/blob/main/LICENSE).
diff --git a/en/react-native-scroll-bottom-sheet.md b/en/react-native-scroll-bottom-sheet.md
index 3dc49932..b071e8cd 100644
--- a/en/react-native-scroll-bottom-sheet.md
+++ b/en/react-native-scroll-bottom-sheet.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-scroll-bottom-sheet</code> </h1>
@@ -14,13 +14,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add  @react-native-oh-tpl/react-native-scroll-bottom-sheet@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import React, { useCallback, useMemo, useRef } from "react";
@@ -146,31 +146,31 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库依赖以下三方库，请查看对应文档：
+This repository depends on the following libraries, please refer to the corresponding documentation: 
 
-- [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
-- [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
-- [@react-native-oh-tpl/bottom-sheet](/zh-cn/react-native-bottom-sheet.md)
+- [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)
+- [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)
+- [@react-native-oh-tpl/bottom-sheet](/en/react-native-bottom-sheet.md)
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases)
 
-## 属性
+## Properties
 
-详情见[react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)
+For details, see [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description                                                                                                                                                                                                                                                                                                                                                                                                                              | Type                                                                                                                  | Required | Platform | HarmonyOS Support |
 | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -188,19 +188,19 @@ const styles = StyleSheet.create({
 | friction         | Friction is the damping coefficient (0 to 1). The closer the damping coefficient is to 1, the more obvious the sliding trend is when the finger continues to slide to the bottom node.                                                                                                                                                                                                                                                   | number                                                                                                                | no       | all      | yes               |
 | enableOverScroll | Allow drawer to be dragged beyond lowest snap point                                                                                                                                                                                                                                                                                                                                                                                      | boolean                                                                                                               | no       | all      | yes               |
 
-## Methods 方法
+## Static Methods
 
 | Name          | Description                                                                 | Type     | Required | Platform    | HarmonyOS Support |
 | ------------- | --------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| snapTo(index) | bottomSheetRef refers to the ref passed to the ScrollBottomSheet component. | function | no       | iOS/Android | yes                |
+| snapTo(index) | bottomSheetRef refers to the ref passed to the ScrollBottomSheet component. | function | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
 - 本库基于[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)实现，详见[issue#2](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/pull/2)
 - 若想实现完全可配置选项的高性能交互式 ScrollBottomSheet，建议优先使用[@gorhom/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE).
diff --git a/en/react-native-securerandom.md b/en/react-native-securerandom.md
index d7dcf317..8aa64981 100644
--- a/en/react-native-securerandom.md
+++ b/en/react-native-securerandom.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-securerandom</code> </h1>
@@ -13,19 +13,19 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-securerandom)
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-securerandom)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-securerandom@file:#
@@ -39,60 +39,87 @@ yarn add @react-native-oh-tpl/react-native-securerandom@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
-
 import React, { useState } from "react";
-import { Text, TouchableOpacity, View, TextInput, StyleSheet } from 'react-native';
-import { generateSecureRandom } from 'react-native-securerandom';
+import {
+  Text,
+  TouchableOpacity,
+  View,
+  TextInput,
+  StyleSheet,
+} from "react-native";
+import { generateSecureRandom } from "react-native-securerandom";
 
 export default function secureRandomDemo(): JSX.Element {
-
-    const [secureRandom, setSecureRandom] = useState('')
-    const [size, setSize] = useState('30');
-
-    return <View>
-        <ScrollView style={{ height: 60 }}>
-                <Text>{secureRandom}</Text>
-        </ScrollView>
-
-        <TextInput style={styles.TextInput} value={size} onChangeText={(s) => {
-            setSize(s);
-        }}></TextInput>
-        <TouchableOpacity onPress={() => {
-          generateSecureRandom(Number(size)).then((myRandom:any) => {
-                setSecureRandom(`${JSON.stringify(myRandom?.data)}`)
-          }).catch((err)=>{
-              console.log(err,'err')
+  const [secureRandom, setSecureRandom] = useState("");
+  const [size, setSize] = useState("30");
+
+  return (
+    <View>
+      <ScrollView style={{ height: 60 }}>
+        <Text>{secureRandom}</Text>
+      </ScrollView>
+
+      <TextInput
+        style={styles.TextInput}
+        value={size}
+        onChangeText={(s) => {
+          setSize(s);
+        }}
+      ></TextInput>
+      <TouchableOpacity
+        onPress={() => {
+          generateSecureRandom(Number(size))
+            .then((myRandom: any) => {
+              setSecureRandom(`${JSON.stringify(myRandom?.data)}`);
             })
-        }} style={styles.btn}>
-        <Text
-          style={styles.btnText}>
-          secureRandom
-        </Text>
+            .catch((err) => {
+              console.log(err, "err");
+            });
+        }}
+        style={styles.btn}
+      >
+        <Text style={styles.btnText}>secureRandom</Text>
       </TouchableOpacity>
     </View>
+  );
 }
 const styles = StyleSheet.create({
-  TextInput: { height: 40, borderColor: '#ccc', borderWidth: 1, borderRadius: 4, width: '90%' },
-  btn: { borderRadius: 10, display: 'flex', justifyContent: 'center', alignItems: 'center', padding: 10, margin: 10, backgroundColor: 'blue' },
-  btnText: { fontWeight: 'bold', color: '#fff', fontSize: 20 }
+  TextInput: {
+    height: 40,
+    borderColor: "#ccc",
+    borderWidth: 1,
+    borderRadius: 4,
+    width: "90%",
+  },
+  btn: {
+    borderRadius: 10,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 10,
+    margin: 10,
+    backgroundColor: "blue",
+  },
+  btnText: { fontWeight: "bold", color: "#fff", fontSize: 20 },
 });
 ```
-### 使用 Codegen 
 
-本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen](/zh-cn/link-source-code.md) 使用文档。
+### Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -103,18 +130,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入(推荐)
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -123,22 +147,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 SecureRandomPackage
+### 3. Introducing SecureRandomPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -152,41 +176,39 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases)
 
 ## API
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| generateSecureRandom    | A library to generate cryptographically-secure random byte. | Function | No       | ios/Android | yes               |
+| Name                 | Description                                                 | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | ----------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| generateSecureRandom | A library to generate cryptographically-secure random byte. | Function | No       | ios/Android | yes               |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/robhogan/react-native-securerandom/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/robhogan/react-native-securerandom/blob/main/LICENSE).
diff --git a/en/react-native-send-intent.md b/en/react-native-send-intent.md
index 7597c5f6..44b420ac 100644
--- a/en/react-native-send-intent.md
+++ b/en/react-native-send-intent.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-send-intent</code> </h1>
@@ -12,19 +12,19 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-send-intent)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-send-intent)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-send-intent@file:#
@@ -38,117 +38,119 @@ yarn add @react-native-oh-tpl/react-native-send-intent@file:#
 
 <!-- tabs:end -->
 
+The following code shows the basic use scenario of the repository:
 
-下面的代码展示了这个库的基本使用场景：
-
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
-import React, { useState, useEffect } from 'react';
-import {Button, Text} from 'react-native';
-import NativeSendIntent from 'react-native-send-intent'
+import React, { useState, useEffect } from "react";
+import { Button, Text } from "react-native";
+import NativeSendIntent from "react-native-send-intent";
 
 function SendIntent() {
-
-    return (
-        <>
-            <>
-                <Text style={{ color: "red" }}>NativeSendIntent.sendPhoneDial</Text>
-                <Button
-                    onPress={() => {
-                        NativeSendIntent.sendPhoneDial('10086', false);
-                    }}
-                    title=""
-                    color="#841584"
-                />
-            </>
-            <>
-                <Text style={{ color: "red" }}>NativeSendIntent.sendSms</Text>
-                <Button
-                    onPress={() => {
-                        NativeSendIntent.sendSms('100010', 'text SMS');
-                    }}
-                    title=""
-                    color="#DC143C"
-                />
-            </>
-            <>
-                <Text style={{ color: "red" }}>NativeSendIntent.openCalendar</Text>
-                <Button
-                    onPress={() => {
-                        NativeSendIntent.openCalendar();
-                    }}
-                    title=""
-                    color="#D2691E"
-                />
-            </>
-            <>
-                <Text style={{ color: "red" }}>NativeSendIntent.sendMail</Text>
-                <Button
-                    onPress={() => {
-                        NativeSendIntent.sendMail('mailto:someone@example.com', 'This%20is%20the%20subject', 'This%20is%20the%20body');
-                    }}
-                    title=""
-                    color="#B8860B"
-                />
-            </>
-            <>
-                <Text style={{ color: "red" }}>NativeSendIntent.openMaps</Text>
-                <Button
-                    onPress={() => {
-                        NativeSendIntent.openMaps('武昌火车站');
-                    }}
-                    title=""
-                    color="#FF0000"
-                />
-            </>
-            <>
-                <Text style={{ color: "red" }}>NativeSendIntent.openCamera</Text>
-                <Button
-                    onPress={() => {
-                        NativeSendIntent.openCamera();
-                    }}
-                    title=""
-                    color="#FF1493"
-                />
-            </>
-            <>
-                <Text style={{ color: "red" }}>NativeSendIntent.openSettings</Text>
-                <Button
-                    onPress={() => {
-                        NativeSendIntent.openSettings('bluetooth_entry');
-                    }}
-                    title=""
-                    color="#8B4513"
-                />
-            </>
-            <>
-                <Text style={{ color: "red" }}>NativeSendIntent.gotoHomeScreen</Text>
-                <Button
-                    onPress={() => {
-                        NativeSendIntent.gotoHomeScreen();
-                    }}
-                    title=""
-                    color="#006400"
-                />
-            </>
-        </>
-    );
-};
+  return (
+    <>
+      <>
+        <Text style={{ color: "red" }}>NativeSendIntent.sendPhoneDial</Text>
+        <Button
+          onPress={() => {
+            NativeSendIntent.sendPhoneDial("10086", false);
+          }}
+          title=""
+          color="#841584"
+        />
+      </>
+      <>
+        <Text style={{ color: "red" }}>NativeSendIntent.sendSms</Text>
+        <Button
+          onPress={() => {
+            NativeSendIntent.sendSms("100010", "text SMS");
+          }}
+          title=""
+          color="#DC143C"
+        />
+      </>
+      <>
+        <Text style={{ color: "red" }}>NativeSendIntent.openCalendar</Text>
+        <Button
+          onPress={() => {
+            NativeSendIntent.openCalendar();
+          }}
+          title=""
+          color="#D2691E"
+        />
+      </>
+      <>
+        <Text style={{ color: "red" }}>NativeSendIntent.sendMail</Text>
+        <Button
+          onPress={() => {
+            NativeSendIntent.sendMail(
+              "mailto:someone@example.com",
+              "This%20is%20the%20subject",
+              "This%20is%20the%20body"
+            );
+          }}
+          title=""
+          color="#B8860B"
+        />
+      </>
+      <>
+        <Text style={{ color: "red" }}>NativeSendIntent.openMaps</Text>
+        <Button
+          onPress={() => {
+            NativeSendIntent.openMaps("Wuchang Railway Station");
+          }}
+          title=""
+          color="#FF0000"
+        />
+      </>
+      <>
+        <Text style={{ color: "red" }}>NativeSendIntent.openCamera</Text>
+        <Button
+          onPress={() => {
+            NativeSendIntent.openCamera();
+          }}
+          title=""
+          color="#FF1493"
+        />
+      </>
+      <>
+        <Text style={{ color: "red" }}>NativeSendIntent.openSettings</Text>
+        <Button
+          onPress={() => {
+            NativeSendIntent.openSettings("bluetooth_entry");
+          }}
+          title=""
+          color="#8B4513"
+        />
+      </>
+      <>
+        <Text style={{ color: "red" }}>NativeSendIntent.gotoHomeScreen</Text>
+        <Button
+          onPress={() => {
+            NativeSendIntent.gotoHomeScreen();
+          }}
+          title=""
+          color="#006400"
+        />
+      </>
+    </>
+  );
+}
 export default SendIntent;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -159,18 +161,15 @@ export default SendIntent;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入 (推荐)
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -178,22 +177,23 @@ export default SendIntent;
     "@react-native-oh-tpl/react-native-send-intent": "file:../../node_modules/@react-native-oh-tpl/react-native-send-intent/harmony/send_intent.har"
   }
 ```
-点击右上角的 `sync` 按钮
 
-或者在终端执行：
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNSendIntentPackage
+### 3. Introducing RNSendIntentPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -208,26 +208,26 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases)
 
 ## API
 
@@ -265,16 +265,18 @@ ohpm install
 | gotoHomeScreen                         | Jump to main screen                                    | Function | no       | Android  | yes               |
 | openAppWithUri                         | Open the app and go to the app store                   | Function | no       | Android  | yes               |
 
-## 遗留问题
- - [ ] react-native-send-intent部分方法未实现HarmonyOS化 [issue#2](https://github.com/react-native-oh-library/react-native-send-intent/issues/2) 
+## Known Issues
+
+- [ ] react-native-send-intent 部分方法未实现 HarmonyOS 化 [issue#2](https://github.com/react-native-oh-library/react-native-send-intent/issues/2)
+
+## Others
 
-## 其他
 - installRemoteApp(); 不支持通过一个链接下载一个包，进行安装，只能通过应用市场
-- shareTextToLine(); 共享的应用android源码为海外应用,无法打开
-- shareImageToInstagram(); Instagram为海外应用,无法打开
-- getVoiceMailNumber(); ICCID和号码信息为敏感数据，不开放(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-sim-V5)
-- getPhoneNumber(); ICCID和号码信息为敏感数据，不开放(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-sim-V5)
+- shareTextToLine(); 共享的应用 android 源码为海外应用,无法打开
+- shareImageToInstagram(); Instagram 为海外应用,无法打开
+- getVoiceMailNumber(); ICCID 和号码信息为敏感数据，不开放(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-sim-V5)
+- getPhoneNumber(); ICCID 和号码信息为敏感数据，不开放(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-sim-V5)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/lucasferreira/react-native-send-intent?tab=readme-ov-file#license) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/lucasferreira/react-native-send-intent?tab=readme-ov-file#license).
diff --git a/en/react-native-sensitive-info.md b/en/react-native-sensitive-info.md
index af4f2a39..730ea722 100644
--- a/en/react-native-sensitive-info.md
+++ b/en/react-native-sensitive-info.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sensitive-info</code> </h1>
@@ -13,17 +13,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-sensitive-info)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sensitive-info)
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,62 +39,61 @@ yarn add @react-native-oh-tpl/react-native-sensitive-info@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { useCallback, useState } from 'react';
-import { Alert, Button, SafeAreaView, Text } from 'react-native';
-import SInfo from 'react-native-sensitive-info';
+import React, { useCallback, useState } from "react";
+import { Alert, Button, SafeAreaView, Text } from "react-native";
+import SInfo from "react-native-sensitive-info";
 
 const SensitiveInfoDemo = () => {
   const handleAddUsingSetItemOnPress = useCallback(() => {
-    SInfo.setItem('key1', 'value1', {
-      sharedPreferencesName: 'exampleApp',
-      keychainService: 'exampleApp',
+    SInfo.setItem("key1", "value1", {
+      sharedPreferencesName: "exampleApp",
+      keychainService: "exampleApp",
     }).catch((err) => {
-      Alert.alert('Error', err);
+      Alert.alert("Error", err);
     });
   }, []);
 
   const handleReadingDataWithoutFingerprint = useCallback(async () => {
     try {
-      const data = await SInfo.getItem('key1', {
-        sharedPreferencesName: 'exampleApp',
-        keychainService: 'exampleApp',
+      const data = await SInfo.getItem("key1", {
+        sharedPreferencesName: "exampleApp",
+        keychainService: "exampleApp",
       });
-      Alert.alert('Data stored:', data);
+      Alert.alert("Data stored:", data);
     } catch (err) {
-      Alert.alert('Error', String(err));
+      Alert.alert("Error", String(err));
     }
   }, []);
 
-
-  const [logText, setLogText] = useState('');
+  const [logText, setLogText] = useState("");
   async function runTest() {
     const options = {
-      sharedPreferencesName: 'exampleAppTest',
-      keychainService: 'exampleAppTest',
+      sharedPreferencesName: "exampleAppTest",
+      keychainService: "exampleAppTest",
     };
-    let dbgText = '';
+    let dbgText = "";
     dbgText += `setItem(key1, value1): ${await SInfo.setItem(
-      'key1',
-      'value1',
-      options,
+      "key1",
+      "value1",
+      options
     )}\n`;
     dbgText += `setItem(key2, value2): ${await SInfo.setItem(
-      'key2',
-      'value2',
-      options,
+      "key2",
+      "value2",
+      options
     )}\n`;
     dbgText += `setItem(key3, value3): ${await SInfo.setItem(
-      'key3',
-      'value3',
-      options,
+      "key3",
+      "value3",
+      options
     )}\n`;
-    dbgText += `getItem(key2): ${await SInfo.getItem('key2', options)}\n`;
-    dbgText += `delItem(key2): ${await SInfo.deleteItem('key2', options)}\n`;
+    dbgText += `getItem(key2): ${await SInfo.getItem("key2", options)}\n`;
+    dbgText += `delItem(key2): ${await SInfo.deleteItem("key2", options)}\n`;
     dbgText += `getAllItems():\n`;
     const allItems = await SInfo.getAllItems(options);
     for (const key in allItems) {
@@ -121,20 +118,19 @@ const SensitiveInfoDemo = () => {
   );
 };
 export default SensitiveInfoDemo;
-
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -145,18 +141,15 @@ export default SensitiveInfoDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -165,27 +158,26 @@ export default SensitiveInfoDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
-
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNSensitiveInfoPackage 
+### 3. Introducing RNSensitiveInfoPackage to ArkTS
 
-打开 entry/src/main/ets/组件RNPackagesFactory.ts，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
- 
+
 + import { RNSensitiveInfoPackage } from '@react-native-oh-tpl/react-native-sensitive-info/ts';
 
 @Builder
@@ -197,79 +189,76 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
+## Constraints
 
+### Compatibility
 
-## 约束与限制
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-### 兼容性
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Permission Requirements
 
+在 YourProject/entry/src/main/module.json5 补上配置
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)
-
-
-### 权限要求
-在  YourProject/entry/src/main/module.json5补上配置
 ```js
 "requestPermissions": [ { "name": "ohos.permission.ACCESS_BIOMETRIC" }, ]
 ```
 
 ## API
-[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name        |    Description              | Type     | Required | Platform     | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
-| isSensorAvailable()    |  Indicates the overall availability of fingerprint sensor. It will resolve to true or false   |  function | no      | Android、iOS | yes               |
-| cancelFingerprintAuth ()                   | Canceling fingerprint authentication  | function | no      | Android、iOS | yes               |
-| hasEnrolledFingerprints ()         | It will return true if detected otherwise returns false  | function | no      | Android、iOS | yes               |
-| setItem() | Insert new data into the storage. |  function | yes      | Android、iOS | yes               |
-| getItem() | Get an item from storage |  function | yes      | Android、iOS | yes               |
-| getAllItems() | Get all items from storage. |  function | yes      | Android、iOS | yes               |
-| deleteItem() | Delete an item from storage |  function | yes      | Android、iOS | yes               |
-| setInvalidatedByBiometricEnrollment() | Set invalid enrollment by biometrics |  function | yes      | Android | yes               |
+[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name                                  | Description                                                                                | Type     | Required | Platform     | HarmonyOS Support |
+| ------------------------------------- | ------------------------------------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| isSensorAvailable()                   | Indicates the overall availability of fingerprint sensor. It will resolve to true or false | function | no       | Android、iOS | yes               |
+| cancelFingerprintAuth ()              | Canceling fingerprint authentication                                                       | function | no       | Android、iOS | yes               |
+| hasEnrolledFingerprints ()            | It will return true if detected otherwise returns false                                    | function | no       | Android、iOS | yes               |
+| setItem()                             | Insert new data into the storage.                                                          | function | yes      | Android、iOS | yes               |
+| getItem()                             | Get an item from storage                                                                   | function | yes      | Android、iOS | yes               |
+| getAllItems()                         | Get all items from storage.                                                                | function | yes      | Android、iOS | yes               |
+| deleteItem()                          | Delete an item from storage                                                                | function | yes      | Android、iOS | yes               |
+| setInvalidatedByBiometricEnrollment() | Set invalid enrollment by biometrics                                                       | function | yes      | Android      | yes               |
 
 #### **Options**
-[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-| Name        |    Description              | Type     | Required | Platform     | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
-| kSecAccessControl | A secure storage area provided for storing sensitive information such as passwords, keys, etc |  object    | no      | iOS | no               |
-| kSecAttrAccessible | Used to enhance data security |  object    | no      | iOS | no               |
-| kSecAttrSynchronizable | Set when adding or querying Keychain data items |  boolean | no      |    iOS | no               |
-| keychainService | A tool provided for securely storing sensitive information |  string | no      | iOS | no               |
-| sharedPreferencesName |The name parameter used to specify the file name |  string | no      | Android | yes               |
-| touchID | Unlock devices, verify identities, and make secure payments |  boolean | no      | Android、iOS | no               |
-| showModal | display a dialog box |  boolean | no      | iOS | no               |
-| kSecUseOperationPrompt | Use constants related to authentication |  string | no      | iOS | no               |
-| kLocalizedFallbackTitle | Handling biometric authentication attributes such as Touch ID and Face ID |  string | no      | iOS | no               |
-| strings | Android stores information |  object            | no      | Android | no               |
 
+[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-## 遗留问题
+[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| kSecAccessControl | A secure storage area provided for storing sensitive information such as passwords, keys, etc | object | no | iOS | no |
+| kSecAttrAccessible | Used to enhance data security | object | no | iOS | no |
+| kSecAttrSynchronizable | Set when adding or querying Keychain data items | boolean | no | iOS | no |
+| keychainService | A tool provided for securely storing sensitive information | string | no | iOS | no |
+| sharedPreferencesName |The name parameter used to specify the file name | string | no | Android | yes |
+| touchID | Unlock devices, verify identities, and make secure payments | boolean | no | Android、iOS | no |
+| showModal | display a dialog box | boolean | no | iOS | no |
+| kSecUseOperationPrompt | Use constants related to authentication | string | no | iOS | no |
+| kLocalizedFallbackTitle | Handling biometric authentication attributes such as Touch ID and Face ID | string | no | iOS | no |
+| strings | Android stores information | object | no | Android | no |
 
+## Known Issues
 
-## 其他
-由于iOS用的Keychain系统，kSecAccessControl、 kSecAttrAccessible、 kSecAttrSynchronizable、keychainService、showModal、kSecUseOperationPrompt、kLocalizedFallbackTitle 这些属性是该系统独有，strings里面的header、description、hint、success、notRecognized、cancel、cancelled、这些是Android的Keystore系统所需要的，所以这里的属性HarmonyOS不能统一支持
+## Others
 
-## 开源协议
+由于 iOS 用的 Keychain 系统，kSecAccessControl、 kSecAttrAccessible、 kSecAttrSynchronizable、keychainService、showModal、kSecUseOperationPrompt、kLocalizedFallbackTitle 这些 Properties 是该系统独有，strings 里面的 header、description、hint、success、notRecognized、cancel、cancelled、这些是 Android 的 Keystore 系统所需要的，所以这里的 PropertiesHarmonyOS 不能统一支持
 
-本项目基于 [The MIT License (MIT)](https://github.com/mCodex/react-native-sensitive-info) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The MIT License (MIT)](https://github.com/mCodex/react-native-sensitive-info).
diff --git a/en/react-native-shake.md b/en/react-native-shake.md
index 46720912..51f23553 100644
--- a/en/react-native-shake.md
+++ b/en/react-native-shake.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-shake</code> </h1>
@@ -12,16 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-shake)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-shake)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases).
 
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,49 +38,51 @@ yarn add @react-native-oh-tpl/react-native-shake@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { useState } from 'react';
-import { Text, View } from 'react-native'
-import RNShake from 'react-native-shake';
+import React, { useState } from "react";
+import { Text, View } from "react-native";
+import RNShake from "react-native-shake";
 
 export function ShakeExample() {
-    const [result, setResult] = useState<string>('')
-    myComponent(setResult)
-    return (
-        <View style={{backgroundColor:'white',width:'100%'}}>
-            <Text>shake（摇晃手机）</Text>
-            <Text>{result}</Text>
-        </View>
-    )
+  const [result, setResult] = useState < string > "";
+  myComponent(setResult);
+  return (
+    <View style={{ backgroundColor: "white", width: "100%" }}>
+      <Text>shake your phone</Text>
+      <Text>{result}</Text>
+    </View>
+  );
 }
 
-export const myComponent = (setResult: React.Dispatch<React.SetStateAction<string>>) => {
-    React.useEffect(() => {
-        const subscription = RNShake.addListener(() => {
-            setResult('shake listen success')
-        })
-        return () => {
-            subscription.remove()
-        }
-    }, [])
-}
+export const myComponent = (
+  setResult: React.Dispatch<React.SetStateAction<string>>
+) => {
+  React.useEffect(() => {
+    const subscription = RNShake.addListener(() => {
+      setResult("shake listen success");
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+};
+```
 
+## Use Codegen
 
-```
-## 使用 Codegen
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -92,18 +93,15 @@ export const myComponent = (setResult: React.Dispatch<React.SetStateAction<strin
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -112,23 +110,22 @@ export const myComponent = (setResult: React.Dispatch<React.SetStateAction<strin
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)。
+Method 2: Directly link to the source code.
 
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).。
 
-### 3.在 ArkTs 侧引入 ShakePackage
+### 3. Introducing ShakePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -143,32 +140,30 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
-
-### 兼容性
+Then build and run the code.
 
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases)
 
-### 权限要求
+### Permission Requirements
 
-此库接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH，权限需配置在entry/src/main目录下module.json5文件中
+此库接口需要 normal 权限：ohos.permission.ACCESS_BLUETOOTH，权限需配置在 entry/src/main 目录下 module.json5 文件中
 
 ```
  "requestPermissions": [
@@ -180,19 +175,19 @@ ohpm install
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| addListener  | add shake event listening         | function  | yes | ios/andriod      | yes |
-| removeAllListeners  | remove event listening         | function  | yes | ios/andriod      | yes |
+| Name               | Description               | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------ | ------------------------- | -------- | -------- | ----------- | ----------------- |
+| addListener        | add shake event listening | function | yes      | ios/andriod | yes               |
+| removeAllListeners | remove event listening    | function | yes      | ios/andriod | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/Doko-Demo-Doa/react-native-shake/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/Doko-Demo-Doa/react-native-shake/blob/main/LICENSE).
diff --git a/en/react-native-signature-canvas.md b/en/react-native-signature-canvas.md
index 1a1b865a..7be41606 100644
--- a/en/react-native-signature-canvas.md
+++ b/en/react-native-signature-canvas.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-signature-canvas</code> </h1>
@@ -13,9 +13,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/YanYuanFE/react-native-signature-canvas)
+> [!TIP] [GitHub address](https://github.com/YanYuanFE/react-native-signature-canvas)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -33,9 +33,9 @@ yarn add react-native-signature-canvas@4.7.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -105,108 +105,99 @@ const styles = StyleSheet.create({
   },
 });
 ```
+
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-webview. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-webview](/en/react-native-webview.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM:3.0.0.25;
 
-## 属性
-
-### SignatureScreen 
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-
-
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| autoClear  | should auto clear the signature after clicking the Confirm button  |boolean| no   | iOS/Android       | yes | 
-| backgroundColor            | default is "rgba(255,255,255,0)" (transparent), background color of the canvas |string| no   | iOS/Android       | yes | 
-| bgHeight            | 	height of the background image  |number| no   | iOS/Android       | yes | 
-| bgWidth            |width of the background image |number| no   | iOS/Android       | yes | 
-| bgSrc            |	background image source uri (url) |string| no   | iOS/Android       | yes | 
-| clearText            |clear button text|string| no   | iOS/Android       | yes | 
-| confirmText            |save button text |string| no   | iOS/Android       | yes | 
-| customHtml            |html string that lets you modify things like the layout or elements |(injectedJavaScript: string) => string| no   | iOS/Android       | yes | 
-| dataURL            |default is "", Base64 string, draws saved signature from dataURL. |string| no   | iOS/Android       | yes | 
-| descriptionText            |description text for signature |string| no   | iOS/Android       | yes | 
-| dotSize            |radius of a single dot (not stroke width) |number| no   | iOS/Android       | yes | 
-| imageType            |"image/png" (default), "image/jpeg"、"image/svg+xml", imageType of exported signature|string| no   | iOS/Android       | yes | 
-| minWidth            |minimum width of a line. Defaults to 0.5 |number| no   | iOS/Android       | yes | 
-| maxWidth            |maximum width of a line. Defaults to 2.5 |number| no   | iOS/Android       | yes | 
-| onOK            |callback function after saving non-empty signature|function| no   | iOS/Android       | yes | 
-| onEmpty            |callback function after trying to save an empty signature|function| no   | iOS/Android       | yes | 
-| onClear            |callback function after clearing the signature|function| no   | iOS/Android       | yes | 
-| onGetData            |callback function when getData() is called |function| no   | iOS/Android       | yes | 
-| onBegin            |callback function when a new stroke is started |function| no   | iOS/Android       | yes | 
-| onEnd            |callback function when the stroke has ended |function| no   | iOS/Android       | yes | 
-| onLoadEnd            |callback function when the webview canvas load ended |function| no   | iOS/Android       | yes | 
-| onUndo            |callback function when undo() is called |function| no   | iOS/Android       | yes | 
-| onRedo	            |callback function when redo() is called |function| no   | iOS/Android       | yes | 
-| onDraw            |callback function when drawing is enabled |function| no   | iOS/Android       | yes | 
-| onErase            |callback function when erasing is enabled |function| no   | iOS/Android       | yes | 
-| onChangePenColor            |callback function after changing the pen color|function| no   | iOS/Android       | yes | 
-| onChangePenSize            |callback function after changing the pen size |function| no   | iOS/Android       | yes | 
-| overlayHeight            |height of the overlay image |number| no   | iOS/Android       | yes | 
-| overlayWidth            |width of the overlay image |number| no   | iOS/Android       | yes | 
-| overlaySrc            |overlay image source uri (url) must be .png with a transparent background |string| no   | iOS/Android       | yes | 
-| penColor            |default is "black", color of pen|string| no   | iOS/Android       | yes | 
-| rotated            |rotate signature pad 90 degrees |boolean| no   | iOS/Android       | yes | 
-| style            |style of wrapper view|object| no   | iOS/Android       | yes | 
-| trimWhitespace           |trim image whitespace|boolean| no   | iOS/Android       | yes | 
-| webStyle            |webview style for overwrite default style, all style: https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/h5/css/signature-pad.css |string| no   | iOS/Android       | yes | 
-| androidLayerType            |Sets the android webview layerType |none、software、hardware| no   | Android       | no | 
-| androidHardwareAccelerationDisabled           |androidHardwareAccelerationDisabled for react-native-webview. Default is false |boolean| no   | Android       | no | 
-| showsVerticalScrollIndicator            |Boolean value that determines whether a vertical scroll indicator is shown in the WebView, The default value is true.|boolean| no   | iOS/Android       | no | 
-| nestedScrollEnabled            |enable nested scrolling for use inside of a scrollview|boolean| no   | no      | no | 
-
-
-
-
-## 静态方法
-
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-
-
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    | 
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | 
-| clearSignature  |Clear the current signature  |function| no   | iOS/Android       | yes | 
-| changePenColor  |Change pen color |function| no   | iOS/Android       | yes | 
-| changePenSize |Change pen size  |function| no   | iOS/Android       | yes | 
-| draw  |Enable drawing signature  |function| no   | iOS/Android       | yes | 
-| erase  |Enable erasing signature  |function| no   | iOS/Android       | yes | 
-| getData  |riggers the onGetData callback with a single data JSON string  |function| no   | iOS/Android       | yes | 
-| readSignature  |Reads the current signature on the canvas and triggers either the onOK or onEmpty callbacks  |function| no   | iOS/Android       | yes | 
-| undo  |Undo last stroke  |function| no   | iOS/Android       | yes | 
-| redo  |Redo last stroke |function| no   | iOS/Android       | yes | 
-
-
-
-## 遗留问题
-- [ ] showsVerticalScrollIndicator属性不生效: [issue#137](https://github.com/react-native-oh-library/react-native-webview/issues/137)
-
-## 其他
-
- 1、minDistance属性版本问题: 此属性在4.7.3版本生效，npm包最新版本为4.7.2，如需使用，请从[Github](https://github.com/YanYuanFE/react-native-signature-canvas)下载最新代码使用；
-
- 2、nestedScrollEnabled属性在 iOS,Android 不生效，harmonyOS与其表现一致；[issue#363](https://github.com/YanYuanFE/react-native-signature-canvas/issues/363)
-
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/LICENSE) ，请自由地享受和参与开源。
+## Properties
+
+### SignatureScreen
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                                | Description                                                                                                                                           | Type                                   | Required | Platform    | HarmonyOS Support |
+| ----------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | -------- | ----------- | ----------------- |
+| autoClear                           | should auto clear the signature after clicking the Confirm button                                                                                     | boolean                                | no       | iOS/Android | yes               |
+| backgroundColor                     | default is "rgba(255,255,255,0)" (transparent), background color of the canvas                                                                        | string                                 | no       | iOS/Android | yes               |
+| bgHeight                            | height of the background image                                                                                                                        | number                                 | no       | iOS/Android | yes               |
+| bgWidth                             | width of the background image                                                                                                                         | number                                 | no       | iOS/Android | yes               |
+| bgSrc                               | background image source uri (url)                                                                                                                     | string                                 | no       | iOS/Android | yes               |
+| clearText                           | clear button text                                                                                                                                     | string                                 | no       | iOS/Android | yes               |
+| confirmText                         | save button text                                                                                                                                      | string                                 | no       | iOS/Android | yes               |
+| customHtml                          | html string that lets you modify things like the layout or elements                                                                                   | (injectedJavaScript: string) => string | no       | iOS/Android | yes               |
+| dataURL                             | default is "", Base64 string, draws saved signature from dataURL.                                                                                     | string                                 | no       | iOS/Android | yes               |
+| descriptionText                     | description text for signature                                                                                                                        | string                                 | no       | iOS/Android | yes               |
+| dotSize                             | radius of a single dot (not stroke width)                                                                                                             | number                                 | no       | iOS/Android | yes               |
+| imageType                           | "image/png" (default), "image/jpeg"、"image/svg+xml", imageType of exported signature                                                                 | string                                 | no       | iOS/Android | yes               |
+| minWidth                            | minimum width of a line. Defaults to 0.5                                                                                                              | number                                 | no       | iOS/Android | yes               |
+| maxWidth                            | maximum width of a line. Defaults to 2.5                                                                                                              | number                                 | no       | iOS/Android | yes               |
+| onOK                                | callback function after saving non-empty signature                                                                                                    | function                               | no       | iOS/Android | yes               |
+| onEmpty                             | callback function after trying to save an empty signature                                                                                             | function                               | no       | iOS/Android | yes               |
+| onClear                             | callback function after clearing the signature                                                                                                        | function                               | no       | iOS/Android | yes               |
+| onGetData                           | callback function when getData() is called                                                                                                            | function                               | no       | iOS/Android | yes               |
+| onBegin                             | callback function when a new stroke is started                                                                                                        | function                               | no       | iOS/Android | yes               |
+| onEnd                               | callback function when the stroke has ended                                                                                                           | function                               | no       | iOS/Android | yes               |
+| onLoadEnd                           | callback function when the webview canvas load ended                                                                                                  | function                               | no       | iOS/Android | yes               |
+| onUndo                              | callback function when undo() is called                                                                                                               | function                               | no       | iOS/Android | yes               |
+| onRedo                              | callback function when redo() is called                                                                                                               | function                               | no       | iOS/Android | yes               |
+| onDraw                              | callback function when drawing is enabled                                                                                                             | function                               | no       | iOS/Android | yes               |
+| onErase                             | callback function when erasing is enabled                                                                                                             | function                               | no       | iOS/Android | yes               |
+| onChangePenColor                    | callback function after changing the pen color                                                                                                        | function                               | no       | iOS/Android | yes               |
+| onChangePenSize                     | callback function after changing the pen size                                                                                                         | function                               | no       | iOS/Android | yes               |
+| overlayHeight                       | height of the overlay image                                                                                                                           | number                                 | no       | iOS/Android | yes               |
+| overlayWidth                        | width of the overlay image                                                                                                                            | number                                 | no       | iOS/Android | yes               |
+| overlaySrc                          | overlay image source uri (url) must be .png with a transparent background                                                                             | string                                 | no       | iOS/Android | yes               |
+| penColor                            | default is "black", color of pen                                                                                                                      | string                                 | no       | iOS/Android | yes               |
+| rotated                             | rotate signature pad 90 degrees                                                                                                                       | boolean                                | no       | iOS/Android | yes               |
+| style                               | style of wrapper view                                                                                                                                 | object                                 | no       | iOS/Android | yes               |
+| trimWhitespace                      | trim image whitespace                                                                                                                                 | boolean                                | no       | iOS/Android | yes               |
+| webStyle                            | webview style for overwrite default style, all style: https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/h5/css/signature-pad.css | string                                 | no       | iOS/Android | yes               |
+| androidLayerType                    | Sets the android webview layerType                                                                                                                    | none、software、hardware               | no       | Android     | no                |
+| androidHardwareAccelerationDisabled | androidHardwareAccelerationDisabled for react-native-webview. Default is false                                                                        | boolean                                | no       | Android     | no                |
+| showsVerticalScrollIndicator        | Boolean value that determines whether a vertical scroll indicator is shown in the WebView, The default value is true.                                 | boolean                                | no       | iOS/Android | no                |
+| nestedScrollEnabled                 | enable nested scrolling for use inside of a scrollview                                                                                                | boolean                                | no       | no          | no                |
+
+## Properties
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name           | Description                                                                                 | Type     | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| clearSignature | Clear the current signature                                                                 | function | no       | iOS/Android | yes               |
+| changePenColor | Change pen color                                                                            | function | no       | iOS/Android | yes               |
+| changePenSize  | Change pen size                                                                             | function | no       | iOS/Android | yes               |
+| draw           | Enable drawing signature                                                                    | function | no       | iOS/Android | yes               |
+| erase          | Enable erasing signature                                                                    | function | no       | iOS/Android | yes               |
+| getData        | riggers the onGetData callback with a single data JSON string                               | function | no       | iOS/Android | yes               |
+| readSignature  | Reads the current signature on the canvas and triggers either the onOK or onEmpty callbacks | function | no       | iOS/Android | yes               |
+| undo           | Undo last stroke                                                                            | function | no       | iOS/Android | yes               |
+| redo           | Redo last stroke                                                                            | function | no       | iOS/Android | yes               |
+
+## Known Issues
+
+- [ ] showsVerticalScrollIndicatorProperties 不生效: [issue#137](https://github.com/react-native-oh-library/react-native-webview/issues/137)
+
+## Others
+
+1、minDistanceProperties 版本问题: 此 Properties 在 4.7.3 版本生效，npm 包最新版本为 4.7.2，如需使用，请从[Github](https://github.com/YanYuanFE/react-native-signature-canvas)下载最新代码使用；
+
+2、nestedScrollEnabledProperties 在 iOS,Android 不生效，harmonyOS 与其表现一致；[issue#363](https://github.com/YanYuanFE/react-native-signature-canvas/issues/363)
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/YanYuanFE/react-native-signature-canvas/blob/master/LICENSE).
diff --git a/en/react-native-snackbar.md b/en/react-native-snackbar.md
index 2942fbf6..5be1cada 100644
--- a/en/react-native-snackbar.md
+++ b/en/react-native-snackbar.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-snackbar</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-snackbar)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-snackbar)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-snackbar@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -59,7 +59,7 @@ export const SnackbarTest = () => {
     >
       <ScrollView style={styles.container}>
         <Button
-          title="点击显示组件"
+          title="click to display components"
           onPress={() => {
             Snackbar.show({
               text: "Hello harmony",
@@ -85,17 +85,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -106,18 +106,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -126,22 +123,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNSnackbarPackage
+### 3. Introducing RNSnackbarPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -155,32 +152,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Snackbar.show(options)
 
@@ -255,11 +252,11 @@ Where event is one of the following options :
 | `Snackbar.DISMISS_EVENT_CONSECUTIVE` | `number` | 4     | Indicates that the Snackbar was dismissed from a new Snackbar being shown. | Android iOS | no                |
 | `Snackbar.SHOW_EVENT`                | `number` | 5     | Indicates that Snackbar appears                                            | Android iOS | no                |
 
-## 静态方法
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                       | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -272,14 +269,14 @@ Where event is one of the following options :
 | ------- | ----------- | ------ | -------- | ----------- | ----------------- |
 | options | options     | object | yes      | Android iOS | partially         |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 不支持 duration、numberOfLines、textColor、backgroundColor、fontFamily、rtl、action 等参数以及 dismiss()接口: [issue#1](https://github.com/react-native-oh-library/react-native-snackbar/issues/1)
 - [ ] 与 Android 和 iOS 的样式有一定的差异: [issue#2](https://github.com/react-native-oh-library/react-native-snackbar/issues/2)
 - [ ] 无法实现 Snackbar events：[issue#3](https://github.com/react-native-oh-library/react-native-snackbar/issues/3)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/cooperka/react-native-snackbar/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/cooperka/react-native-snackbar/blob/main/LICENSE).
diff --git a/en/react-native-step-indicator.md b/en/react-native-step-indicator.md
index 4407e588..7d4de35b 100644
--- a/en/react-native-step-indicator.md
+++ b/en/react-native-step-indicator.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-step-indicator</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/24ark/react-native-step-indicator)
+> [!TIP] [ GitHub address](https://github.com/24ark/react-native-step-indicator)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,7 +35,7 @@ yarn add react-native-step-indicator@1.0.3
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 #### Using a Component
 
@@ -121,7 +121,7 @@ export default function App() {
   };
 
   const renderStepIndicator = (params: any) => (
-    <Text>棒</Text>
+    <Text>good</Text>
   );
 
   const renderLabel = ({
@@ -218,7 +218,7 @@ const styles = StyleSheet.create({
 
 ### 在 ArkTs 侧引入和注册字体文件(非必选配置项)
 
-> [!TIP] 本项非必配项，当使用 customStyles 自定义属性中的 labelFontFamily 属性指定字体时才需配置
+> [!TIP] 本项非必配项，当使用 customStyles 自定义Properties中的 labelFontFamily Properties指定字体时才需配置
 
 步骤一：
 复制字体文件到 `entry/src/main/resources/rawfile/assets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
@@ -252,20 +252,20 @@ const styles = StyleSheet.create({
       }
     }
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; OH SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio: 5.0.3.400; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Default | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |------------ |
@@ -308,10 +308,10 @@ const styles = StyleSheet.create({
 | labelFontFamily  |    Label fontFamily for custom fonts    | string  |    no    |   |  iOS,Android  |         yes        |
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [Apache License 2.0](https://github.com/24ark/react-native-step-indicator/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [Apache License 2.0](https://github.com/24ark/react-native-step-indicator/blob/master/LICENSE).
diff --git a/en/react-native-sticky-parallax-header.md b/en/react-native-sticky-parallax-header.md
index e1042e86..1889d979 100644
--- a/en/react-native-sticky-parallax-header.md
+++ b/en/react-native-sticky-parallax-header.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sticky-parallax-header</code></h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sticky-parallax-header)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-sticky-parallax-header)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-sticky-parallax-header@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from "react";
@@ -139,37 +139,39 @@ const TabbedHeaderPagerExample: React.FC = () => {
   );
 };
 ```
+
 ## Link
 
-本库依赖以下三方库，请查看对应文档：
-+ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
-+ [@react-native-oh-tpl/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+This repository depends on the following libraries, please refer to the corresponding documentation: 
+
+- [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)
+- [@react-native-oh-tpl/react-native-safe-area-context](/en/react-native-safe-area-context.md)
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-safe-area-context ](/en/react-native-safe-area-context.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases).
 
 ## Headers
 
 包含 Tabbed Header Pager、Tabbed Header List、Details Header、Avatar Header、Custom Sticky Header 以及 FlashList Headers 几个大类
 
-### Tabbed Header Pager 组件
+### Tabbed Header Pager components
 
-Tabbed Header Pager 属性
+Tabbed Header Pager Properties
 
 Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                           | Description                             | Type                                                   | Required | Platform    | HarmonyOS Support |
 | ------------------------------ | --------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
@@ -216,21 +218,21 @@ Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)
 | titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
 | titleTestID                    | 标题测试 ID                             | string                                                 | no       | iOS/Android | yes               |
 
-### Methods 方法
+### Static Methods
 
 | Name     | Description                             | Type     | Required | Platform    | HarmonyOS Support |
 | -------- | --------------------------------------- | -------- | -------- | ----------- | ----------------- |
 | goToPage | function - (pageNumber: number) => void | function | no       | iOS/Android | no                |
 
-### Tabbed Header List 组件
+### Tabbed Header List components
 
-Tabbed Header List 属性
+Tabbed Header List Properties
 
 Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                           | Description                             | Type                                              | Required | Platform    | HarmonyOS Support |
 | ------------------------------ | --------------------------------------- | ------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -276,28 +278,28 @@ Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props
 
 包含 DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList 三个组件。
 
-### Details Header ScrollView 组件
+### Details Header ScrollView components
 
-Details Header ScrollView 属性
-Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared DetailsHeader props 属性。
+Details Header ScrollView Properties
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared DetailsHeader props Properties。
 
-### Details Header FlatList 组件
+### Details Header FlatList components
 
-Details Header FlatList 属性
-Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared DetailsHeader props 属性。
+Details Header FlatList Properties
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared DetailsHeader props Properties。
 
-### Details Header SectionList 组件
+### Details Header SectionList components
 
-Details Header SectionList 属性
-Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared DetailsHeader props 属性。
+Details Header SectionList Properties
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared DetailsHeader props Properties。
 
-### Shared DetailsHeader props 属性
+### Shared DetailsHeader props Properties
 
-DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList 三个组件共享属性。
+DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList 三个组件共享 Properties。
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                           | Description                             | Type                                                  | Required | Platform    | HarmonyOS Support |
 | ------------------------------ | --------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -349,28 +351,28 @@ DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList
 
 包含 AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三个组件。
 
-### Avatar Header ScrollView 组件
+### Avatar Header ScrollView components
 
-Avatar Header ScrollView 属性
-Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared AvatarHeader props 属性。
+Avatar Header ScrollView Properties
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared AvatarHeader props Properties。
 
-### Avatar Header FlatList 组件
+### Avatar Header FlatList components
 
-Avatar Header FlatList 属性
-Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared AvatarHeader props 属性。
+Avatar Header FlatList Properties
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared AvatarHeader props Properties。
 
-### Avatar Header SectionList 组件
+### Avatar Header SectionList components
 
-Avatar Header SectionList 属性
-Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared AvatarHeader props 属性。
+Avatar Header SectionList Properties
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared AvatarHeader props Properties。
 
-### Shared AvatarHeader props 属性
+### Shared AvatarHeader props Properties
 
-AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三个组件共享属性。
+AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三个组件共享 Properties。
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                           | Description                             | Type                                                  | Required | Platform    | HarmonyOS Support |
 | ------------------------------ | --------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -415,28 +417,28 @@ AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三
 
 包含 StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三个组件。
 
-### Sticky Header ScrollView 组件
+### Sticky Header ScrollView components
 
-Sticky Header ScrollView 属性
-Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared StickyHeader props 属性。
+Sticky Header ScrollView Properties
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared StickyHeader props Properties。
 
-### Sticky Header FlatList 组件
+### Sticky Header FlatList components
 
-Sticky Header FlatList 属性
-Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared StickyHeader props 属性。
+Sticky Header FlatList Properties
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared StickyHeader props Properties。
 
-### Sticky Header SectionList 组件
+### Sticky Header SectionList components
 
-Avatar Header SectionList 属性
-Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared StickyHeader props 属性。
+Avatar Header SectionList Properties
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared StickyHeader props Properties。
 
-### Shared StickyHeader props 属性
+### Shared StickyHeader props Properties
 
-StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三个组件共享属性。
+StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三个组件共享 Properties。
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                         | Type                                              | Required | Platform    | HarmonyOS Support |
 | --------------------- | ----------------------------------- | ------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -458,27 +460,27 @@ StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三
 
 ### Avatar Header FlashList 组件
 
-Avatar Header FlashList 属性
-Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared AvatarHeader props 属性。
+Avatar Header FlashList Properties
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared AvatarHeader props Properties。
 
 ### Details Header FlashList 组件
 
-Details Header FlashList 属性
-Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared DetailsHeader props 属性。
+Details Header FlashList Properties
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared DetailsHeader props Properties。
 
 ### Tabbed Header FlashList 组件
 
-Tabbed Header FlashList 属性
-Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Tabbed Header List props 属性。
+Tabbed Header FlashList Properties
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Tabbed Header List props Properties。
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-- [ ] 原库TabbedHeaderPager组件部分属性不生效[issue#415](https://github.com/netguru/sticky-parallax-header/issues/415)
-- [ ] 原库DetailHeader、AvatarHeader组件部分属性不生效 [issue#416](https://github.com/netguru/sticky-parallax-header/issues/416)
-- [ ] 原库ref.current.goToPage方法不存在 [issue#412](https://github.com/netguru/sticky-parallax-header/issues/412)
+- [ ] 原库 TabbedHeaderPager 组件部分 Properties 不生效[issue#415](https://github.com/netguru/sticky-parallax-header/issues/415)
+- [ ] 原库 DetailHeader、AvatarHeader 组件部分 Properties 不生效 [issue#416](https://github.com/netguru/sticky-parallax-header/issues/416)
+- [ ] 原库 ref.current.goToPage 方法不存在 [issue#412](https://github.com/netguru/sticky-parallax-header/issues/412)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/netguru/sticky-parallax-header/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/netguru/sticky-parallax-header/blob/master/LICENSE).
diff --git a/en/react-native-svg-capi.md b/en/react-native-svg-capi.md
index 2cde05c5..a95f8cb9 100644
--- a/en/react-native-svg-capi.md
+++ b/en/react-native-svg-capi.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.2
+
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-svg(CAPI)</code> </h1>
@@ -13,15 +14,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-svg)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-harmony-svg)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,14 +42,14 @@ yarn add @react-native-oh-tpl/react-native-svg@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from 'react';
-import { StyleSheet,SafeAreaView } from 'react-native';
-import { Svg,Path } from 'react-native-svg';
+import React from "react";
+import { StyleSheet, SafeAreaView } from "react-native";
+import { Svg, Path } from "react-native-svg";
 
 export default function App() {
   return (
@@ -62,19 +63,19 @@ export default function App() {
 
 const styles = StyleSheet.create({
   container: {
-    flex:1,
-    backgroundColor: 'grey',
+    flex: 1,
+    backgroundColor: "grey",
   },
 });
 ```
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -85,18 +86,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -105,22 +103,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 SVGPackage
+### 3. Configuring CMakeLists and Introducing SVGPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -158,7 +156,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: link_packages
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -177,9 +175,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 SvgPackage
+### 4. Introducing SvgPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -193,29 +191,28 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
 ### 在 ArkTs 侧引入和注册字体文件(非必选配置项)
 
-> [!TIP] 本项非必配项，当使用 Text 组件的 fontFamily 属性指定字体时才需配置
+> [!TIP] 本项非必配项，当使用 Text 组件的 fontFamily Properties 指定字体时才需配置
 
 步骤一：
-    复制字体文件到  `entry/src/main/resources/rawfile/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+复制字体文件到 `entry/src/main/resources/rawfile/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
 
 步骤二：
-    打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
-
+打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
 
     const fonts: Record<string, Resource> = {
         "Noto Sans Pau Cin Hau": $rawfile("assets/fonts/Noto Sans Pau Cin Hau.ttf") ,
@@ -240,29 +237,28 @@ ohpm install
                 },
                 //...
             }
-            
+
         }
         //...
     }
 
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)
+## Properties
 
-## 属性
+For details, see [react-native-svg](https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md)
 
-详细请查看 [react-native-svg 的文档介绍](https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md)
+以下为目前已支持的组件 Properties：
 
-以下为目前已支持的组件属性：
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **Svg**：绘制组件的父组件
 
@@ -275,7 +271,7 @@ ohpm install
 |        title        |      组件标题名      |     string      |    No    |   All    |        Yes        |
 | preserveAspectRatio | 是否强制进行统一缩放 |     string      |    No    |   All    |        Yes        |
 
-**G**：该元素是用于对其他 SVG 元素进行分组的容器
+**G**：该元素是用于对 Others SVG 元素进行分组的容器
 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
@@ -340,9 +336,9 @@ ohpm install
 | points  | 定义多段线每个端点的 x 和 y 坐标 | string\| array | Yes      | All      | Yes               |
 | opacity |              透明度              |     number     | No       | All      | Yes               |
 
-**Defs**：该元素是用于对其他 SVG 元素进行分组的容器
+**Defs**：该元素是用于对 Others SVG 元素进行分组的容器
 
-> 注： 该组件无属性
+> 注： 该组件无 Properties
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :--: | :---------: | :--: | -------- | -------- | ----------------- |
@@ -356,7 +352,7 @@ ohpm install
 |        y1         |           在 y 轴上平移距离            |             number\| string             | No       | All      | Yes               |
 |        x2         |           在 x 轴上平移距离            |             number\| string             | No       | All      | Yes               |
 |        y2         |           在 y 轴上平移距离            |             number\| string             | No       | All      | Yes               |
-|   gradientUnits   |        指定元素属性使用的坐标系        | 'userSpaceOnUse' \| 'objectBoundingBox' | No       | All      | Yes               |
+|   gradientUnits   |    指定元素 Properties 使用的坐标系    | 'userSpaceOnUse' \| 'objectBoundingBox' | No       | All      | Yes               |
 | gradientTransform | 指定从元素当前坐标系到目标坐标系的转换 |  ColumnMajorTransformMatrix \| string   | No       | All      | Yes               |
 
 **RadialGradient**：用于定义线性渐变
@@ -374,7 +370,7 @@ ohpm install
 |        cx         |           终止圆的 x 轴坐标            |             number\| string             | No       | All      | Yes               |
 |        cy         |           终止圆的 y 轴坐标            |             number\| string             | No       | All      | Yes               |
 |         r         |              终止圆的半径              |             number\| string             | No       | All      | Yes               |
-|   gradientUnits   |        指定元素属性使用的坐标系        | 'userSpaceOnUse' \| 'objectBoundingBox' | No       | All      | Yes               |
+|   gradientUnits   |    指定元素 Properties 使用的坐标系    | 'userSpaceOnUse' \| 'objectBoundingBox' | No       | All      | Yes               |
 | gradientTransform | 指定从元素当前坐标系到目标坐标系的转换 |  ColumnMajorTransformMatrix \| string   | No       | All      | Yes               |
 
 **Stop**：定义渐变上的颜色坡度
@@ -421,14 +417,14 @@ ohpm install
 
 **Symbol**： 该元素用来定义一个图形模板对象，它可以用一个<use>元素实例化
 
-|        Name         |     Description      |      Type       | Required | Platform | HarmonyOS Support |
-| :-----------------: | :------------------: | :-------------: | -------- | -------- | ----------------- |
-| preserveAspectRatio | 是否强制进行统一缩放 |     string      | No       | All      | Yes               |
-|       viewBox       |       组件视区       |     string      | No       | All      | Yes               |
+|        Name         |     Description      |  Type  | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------------------: | :----: | -------- | -------- | ----------------- |
+| preserveAspectRatio | 是否强制进行统一缩放 | string | No       | All      | Yes               |
+|       viewBox       |       组件视区       | string | No       | All      | Yes               |
 
-**ClipPath**：该元素定义一条剪切路径，可作为其他元素的 clipPath 属性的值
+**ClipPath**：该元素定义一条剪切路径，可作为 Others 元素的 clipPath Properties 的值
 
-> 注： 该组件无属性
+> 注： 该组件无 Properties
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :--: | :---------: | :--: | -------- | -------- | ----------------- |
@@ -436,16 +432,16 @@ ohpm install
 
 **Marker**：用于在绘制类组件上添加标记
 
-|        Name         |                      Description                       |      Type       | Required | Platform | HarmonyOS Support |
-| :-----------------: | :----------------------------------------------------: | :-------------: | -------- | -------- | ----------------- |
-|         id          |                  为元素分配唯一的名称                  |     string      | Yes      | All      | Yes               |
-|       viewBox       |              视窗在用户空间中的位置和尺寸              |     string      | No       | All      | Yes               |
-|        refX         |                  标记参考点的 x 坐标                   | number\| string | No       | All      | Yes               |
-|        refY         |                  标记参考点的 y 坐标                   | number\| string | No       | All      | Yes               |
-|     markerUnits     | markerWidth 和 markerHeight 属性的坐标系以及标记的内容 |     string      | No       | All      | Yes               |
-|       orient        |         将标记放置在形状上的相应位置时如何旋转         |     string      | No       | All      | Yes               |
-|     markerWidth     |                表示标记进入的视窗的宽度                | number\| string | No       | All      | Yes               |
-|    markerHeight     |                表示标记进入的视窗的高度                | number\| string | No       | All      | Yes               |
+|     Name     |                          Description                          |      Type       | Required | Platform | HarmonyOS Support |
+| :----------: | :-----------------------------------------------------------: | :-------------: | -------- | -------- | ----------------- |
+|      id      |                     为元素分配唯一的名称                      |     string      | Yes      | All      | Yes               |
+|   viewBox    |                 视窗在用户空间中的位置和尺寸                  |     string      | No       | All      | Yes               |
+|     refX     |                      标记参考点的 x 坐标                      | number\| string | No       | All      | Yes               |
+|     refY     |                      标记参考点的 y 坐标                      | number\| string | No       | All      | Yes               |
+| markerUnits  | markerWidth 和 markerHeight Properties 的坐标系以及标记的内容 |     string      | No       | All      | Yes               |
+|    orient    |            将标记放置在形状上的相应位置时如何旋转             |     string      | No       | All      | Yes               |
+| markerWidth  |                   表示标记进入的视窗的宽度                    | number\| string | No       | All      | Yes               |
+| markerHeight |                   表示标记进入的视窗的高度                    | number\| string | No       | All      | Yes               |
 
 **Pattern**：用于定义一个图形对象，可以被引用以平铺重绘该图形对象以覆盖某个区域。
 
@@ -456,19 +452,19 @@ ohpm install
 |          y          |                            标记参考点的 y 坐标                            | number\| string | No       | All      | Yes               |
 |        width        |                         表示标记进入的视窗的宽度                          | number\| string | No       | All      | Yes               |
 |       height        |                         表示标记进入的视窗的高度                          | number\| string | No       | All      | Yes               |
-|    patternUnits     |              属性指示 pattern 元素的几何属性使用哪个坐标系。              |     string      | No       | All      | Yes               |
-| patternContentUnit  |              属性指示 pattern 元素的几何属性使用哪个坐标系。              |     string      | No       | All      | Yes               |
+|    patternUnits     |      Properties 指示 pattern 元素的几何 Properties 使用哪个坐标系。       |     string      | No       | All      | Yes               |
+| patternContentUnit  |      Properties 指示 pattern 元素的几何 Properties 使用哪个坐标系。       |     string      | No       | All      | Yes               |
 |  patternTransform   |                   定义了应用于图案图块的变换定义的列表                    |     string      | No       | All      | Yes               |
 |       viewBox       |                     定义视窗在用户空间中的位置和尺寸                      |     string      | No       | All      | Yes               |
 | preserveAspectRatio | 指示具有提供给定宽高比的 viewBox 的元素必须如何适应具有不同宽高比的视口。 |     string      | No       | All      | Yes               |
 
 **Symbol**：用于定义可由 use 元素实例化的图形模板对象。
 
-|        Name         |                                Description                                |      Type       | Required | Platform | HarmonyOS Support |
-| :-----------------: | :-----------------------------------------------------------------------: | :-------------: | -------- | -------- | ----------------- |
-|         id          |                           为元素分配唯一的名称                            |     string      | Yes      | All      | Yes               |
-|       viewBox       |                     定义视窗在用户空间中的位置和尺寸                      |     string      | No       | All      | Yes               |
-| preserveAspectRatio | 指示具有提供给定宽高比的 viewBox 的元素必须如何适应具有不同宽高比的视口。 |     string      | No       | All      | Yes               |
+|        Name         |                                Description                                |  Type  | Required | Platform | HarmonyOS Support |
+| :-----------------: | :-----------------------------------------------------------------------: | :----: | -------- | -------- | ----------------- |
+|         id          |                           为元素分配唯一的名称                            | string | Yes      | All      | Yes               |
+|       viewBox       |                     定义视窗在用户空间中的位置和尺寸                      | string | No       | All      | Yes               |
+| preserveAspectRatio | 指示具有提供给定宽高比的 viewBox 的元素必须如何适应具有不同宽高比的视口。 | string | No       | All      | Yes               |
 
 **Line**：SVG 基本形状，用于创建连接两点的线。
 
@@ -482,19 +478,19 @@ ohpm install
 
 **Text**：绘制由文本组成的图形元素
 
-|    Name    |           Description            |      Type       | Required | Platform | HarmonyOS Support |
-| :--------: | :------------------------------: | :-------------: | -------- | -------- | ----------------- |
-|     x      |      文本基线起点的 x 坐标       |  number\string  | No       | All      | Yes               |
-|     y      |      文本基线起点的 y 坐标       |  number\string  | No       | All      | Yes               |
-|     dx     | 从前一个文本元素水平移动文本位置 |  number\string  | No       | All      | Yes               |
-|     dy     | 从前一个文本元素垂直移动文本位置 | number\| string | No       | All      | Yes               |
-|   rotate   |      旋转每个单独字形的方向      |      array      | No       | All      | Yes               |
-|  opacity   |              透明度              |     number      | No       | All      | Yes               |
-| inlineSize |          水平或垂直尺寸          |     number      | No       | All      | No               |
-| alignmentBaseline | 指定文本的对齐基线        |      string      | NO       | ALL      | Yes               |
-| baselineShift | 设置垂直位置调整              | number\| string  | No       | All      | Yes               |
-| lengthAdjust | 调整文本以适应特定的布局约束    |      string      | No       | All      | Yes               |
-| textLength | 指定文本应该被渲染的长度          |     number       | No       | All      | Yes               |
+|       Name        |           Description            |      Type       | Required | Platform | HarmonyOS Support |
+| :---------------: | :------------------------------: | :-------------: | -------- | -------- | ----------------- |
+|         x         |      文本基线起点的 x 坐标       |  number\string  | No       | All      | Yes               |
+|         y         |      文本基线起点的 y 坐标       |  number\string  | No       | All      | Yes               |
+|        dx         | 从前一个文本元素水平移动文本位置 |  number\string  | No       | All      | Yes               |
+|        dy         | 从前一个文本元素垂直移动文本位置 | number\| string | No       | All      | Yes               |
+|      rotate       |      旋转每个单独字形的方向      |      array      | No       | All      | Yes               |
+|      opacity      |              透明度              |     number      | No       | All      | Yes               |
+|    inlineSize     |          水平或垂直尺寸          |     number      | No       | All      | No                |
+| alignmentBaseline |        指定文本的对齐基线        |     string      | NO       | ALL      | Yes               |
+|   baselineShift   |         设置垂直位置调整         | number\| string | No       | All      | Yes               |
+|   lengthAdjust    |   调整文本以适应特定的布局约束   |     string      | No       | All      | Yes               |
+|    textLength     |     指定文本应该被渲染的长度     |     number      | No       | All      | Yes               |
 
 **TSpan**：绘制文本或 Text 内的子文本
 
@@ -508,45 +504,45 @@ ohpm install
 |  opacity   |              透明度              |     number      | No       | All      | Yes               |
 | inlineSize |          水平或垂直尺寸          |     number      | No       | All      | Yes               |
 
-**TextPath**：若要沿路径形状呈现文本，将文本括在具有 href 属性的 TextPath 元素中，并引用 Path 元素。
+**TextPath**：若要沿路径形状呈现文本，将文本括在具有 href Properties 的 TextPath 元素中，并引用 Path 元素。
 
 |    Name     |            Description             |      Type       | Required | Platform | HarmonyOS Support |
 | :---------: | :--------------------------------: | :-------------: | -------- | -------- | ----------------- |
-|    href     | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | No               |
-|  xlinkHref  | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | No               |
-|   method    |      沿路径渲染各个字形的方法      |     string      | No       | All      | No               |
-|   spacing   |         绘制字符之间的间距         |     string      | No       | All      | No               |
-|    side     |      文本应呈现在路径的哪一侧      |     string      | No       | All      | No               |
-|   midLine   |                中线                |     string      | No       | All      | No               |
-| startOffset |  文本开始被沿着路径绘制时的偏移量  | number\| string | No       | All      | No               |
+|    href     | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | No                |
+|  xlinkHref  | 用于呈现文本的路径或基本形状的 URL |     string      | No       | All      | No                |
+|   method    |      沿路径渲染各个字形的方法      |     string      | No       | All      | No                |
+|   spacing   |         绘制字符之间的间距         |     string      | No       | All      | No                |
+|    side     |      文本应呈现在路径的哪一侧      |     string      | No       | All      | No                |
+|   midLine   |                中线                |     string      | No       | All      | No                |
+| startOffset |  文本开始被沿着路径绘制时的偏移量  | number\| string | No       | All      | No                |
 
 **SvgAst**：该组件通过传入 ast 来渲染出 svg
 
-|   Name   |         Description          |   Type   | Required | Platform | HarmonyOS Support |
-| :------: | :--------------------------: | :------: | :------: | :------: | :---------------: |
-|   ast    | 解析 svg 字符串得到的 ast 树 |  JsxAST  |   Yes    |   All    |        Yes        |
-| override |    覆盖 svg 样式，如宽高     |  object  |    No    |   All    |        Yes        |
+|   Name   |         Description          |  Type  | Required | Platform | HarmonyOS Support |
+| :------: | :--------------------------: | :----: | :------: | :------: | :---------------: |
+|   ast    | 解析 svg 字符串得到的 ast 树 | JsxAST |   Yes    |   All    |        Yes        |
+| override |    覆盖 svg 样式，如宽高     | object |    No    |   All    |        Yes        |
 
 **SvgFromUri**：该组件通过传入 uri 地址来渲染出 svg
 
-|   Name   |      Description      |   Type   | Required | Platform | HarmonyOS Support |
-| :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
-|   uri    |     svg 资源地址      |  string  |   Yes    |   All    |        Yes        |
-| override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
+|   Name   |      Description      |  Type  | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------: | :----: | :------: | :------: | :---------------: |
+|   uri    |     svg 资源地址      | string |   Yes    |   All    |        Yes        |
+| override | 覆盖 svg 样式，如宽高 | object |    No    |   All    |        Yes        |
 
 **SvgFromXml**：该组件通过传入字符串来渲染出 svg
 
-|   Name   |      Description      |   Type   | Required | Platform | HarmonyOS Support |
-| :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
-|   xml    |   svg 代码的字符串    |  string  |   Yes    |   All    |        Yes        |
-| override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
+|   Name   |      Description      |  Type  | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------: | :----: | :------: | :------: | :---------------: |
+|   xml    |   svg 代码的字符串    | string |   Yes    |   All    |        Yes        |
+| override | 覆盖 svg 样式，如宽高 | object |    No    |   All    |        Yes        |
 
 **SvgXml**：该组件通过传入字符串来渲染出 svg
 
-|   Name   |      Description      |   Type   | Required | Platform | HarmonyOS Support |
-| :------: | :-------------------: | :------: | :------: | :------: | :---------------: |
-|   xml    |   svg 代码的字符串    |  string  |   Yes    |   All    |        Yes        |
-| override | 覆盖 svg 样式，如宽高 |  object  |    No    |   All    |        Yes        |
+|   Name   |      Description      |  Type  | Required | Platform | HarmonyOS Support |
+| :------: | :-------------------: | :----: | :------: | :------: | :---------------: |
+|   xml    |   svg 代码的字符串    | string |   Yes    |   All    |        Yes        |
+| override | 覆盖 svg 样式，如宽高 | object |    No    |   All    |        Yes        |
 
 **SvgUri**：该组件通过传入 uri 地址来渲染出 svg
 
@@ -567,57 +563,57 @@ ohpm install
 | camelCase |    字符串首字母转成大写    | function |    No    |   All    |        Yes        |
 | fetchText | 将 svg 字符串解析成 JsxAST | function |    No    |   All    |        Yes        |
 
-**公共属性**：
-
-Common props 组件属性 HarmonyOS 侧支持情况
-
-|       Name       |                 Description                 |    Type     |  Default  | Required | Platform |
-| :--------------: | :-----------------------------------------: | :---------: | :-------: | :------: | :------: |
-|       fill       |              设置填充区域颜色               |   string    |  '#000'   |    No    |   All    |
-|   fillOpacity    |             设置填充区域透明度              |   number    |     1     |    No    |   All    |
-|     fillRule     |                设置填充规则                 |   number    |     1     |    No    |   All    |
-|     clipRule     |                设置裁剪规则                 |   string    | 'evenodd' |    No    |   All    |
-|     clipPath     |           指定、关联一条裁剪路径            |   string    |  'none'   |    No    |   All    |
-|      stroke      |    设置边框颜色，不设置时，默认没有边框     |   string    |   none    |    No    |   All    |
-|   strokeWidth    |                设置边框宽度                 |   number    |     1     |    No    |   All    |
-|  strokeOpacity   |                 边框透明度                  |   number    |     1     |    No    |   All    |
-| strokeDasharray  |         用来描边的点划线的图案范式          |   number    |   none    |    No    |   All    |
-| strokeDashoffset |      指定了 dash 模式到路径开始的距离       |   number    |     1     |    No    |   All    |
-|  strokeLinecap   |             设置路径两端的形状              |   string    |   butt    |    No    |   All    |
-|  strokeLinejoin  |         指明路径的转角处使用的形状          |   string    |   miter   |    No    |   All    |
-| strokeMiterlimit | 对斜接长度和 stroke-width 的比率设置极限 值 |   number    |     4     |    No    |   All    |
-|   vectorEffect   |       指明绘制对象时要使用的矢量效果        |   string    |   none    |    No    |   All    |
-|    translate     |                  设置位移                   | numberArray |    0,0    |    No    |   All    |
-|    translateX    |                设置 x 轴位移                |   number    |     0     |    No    |   All    |
-|    translateY    |                设置 y 轴位移                |   number    |     0     |    No    |   All    |
-|      origin      |           更改一个元素变形的原点            | numberArray |    0,0    |    No    |   All    |
-|     originX      |        更改一个元素变形的原点 x 坐标（单独使用无效，需配合其他属性如 rotation 使用）        |   number    |     0     |    No    |   All    |
-|     originY      |        更改一个元素变形的原点 y 坐标（单独使用无效，需配合其他属性如 rotation 使用）       |   number    |     0     |    No    |   All    |
-|      scale       |                定义缩放大小                 | numberArray |   1，1    |    No    |   All    |
-|      scaleX      |              定义 x 轴缩放大小              |   number    |     1     |    No    |   All    |
-|      scaleY      |              定义 y 轴缩放大小              |   number    |     1     |    No    |   All    |
-|     rotation     |                设置旋转角度                 |   number    |   0，0    |    No    |   All    |
-|        x         |              标识一个 x 轴坐标              |   number    |     0     |    No    |   All    |
-|        y         |              标识一个 y 轴坐标              |   number    |     0     |    No    |   All    |
-|    transform     |   定义应用于元素及其子元素的变换规则列表    |   string    |     -     |    No    |   All    |
-|      marker      |         指定路径所有顶点的路标样式          |   string    |     -     |    No    |   All    |
-|   markerStart    |        指定路径起点所采用的路标样式         |   string    |     -     |    No    |   All    |
-|    markerMid     |      指定路径中间顶点所采用的路标样式       |   string    |     -     |    No    |   All    |
-|    markerEnd     |        指定路径终点所采用的路标样式         |   string    |     -     |    No    |   All    |
-|       mask       |    给元素指定使用 Mask 元素实现遮罩效果     |   string    |     -     |    No    |   All    |
-|        id        |                 设置节点 id                 |   string    |     -     |    No    |   All    |
-|     opacity      |                 设置透明度                  |   number    |     1     |    No    |   All    |
-|    transform     |   定义应用于元素及其子元素的变换规则列表    |   string    |     -     |    No    |   All    |
-|     display      |             控制元素展示的方式              |   string    |   block   |    No    |   All    |
-|  pointerEvents   |          设置元素如何响应点击事件           |   string    |           |    No    |   All    |
-|   vectorEffect   |       指明绘制对象时要使用的矢量效果        |     Int     |     0     |    No    |   All    |
-
-FontProps 组件属性 HarmonyOS 侧支持情况
+**公共 Properties**：
+
+Common props 组件 Properties HarmonyOS 侧支持情况
+
+|       Name       |                                       Description                                       |    Type     |  Default  | Required | Platform |
+| :--------------: | :-------------------------------------------------------------------------------------: | :---------: | :-------: | :------: | :------: |
+|       fill       |                                    设置填充区域颜色                                     |   string    |  '#000'   |    No    |   All    |
+|   fillOpacity    |                                   设置填充区域透明度                                    |   number    |     1     |    No    |   All    |
+|     fillRule     |                                      设置填充规则                                       |   number    |     1     |    No    |   All    |
+|     clipRule     |                                      设置裁剪规则                                       |   string    | 'evenodd' |    No    |   All    |
+|     clipPath     |                                 指定、关联一条裁剪路径                                  |   string    |  'none'   |    No    |   All    |
+|      stroke      |                          设置边框颜色，不设置时，默认没有边框                           |   string    |   none    |    No    |   All    |
+|   strokeWidth    |                                      设置边框宽度                                       |   number    |     1     |    No    |   All    |
+|  strokeOpacity   |                                       边框透明度                                        |   number    |     1     |    No    |   All    |
+| strokeDasharray  |                               用来描边的点划线的图案范式                                |   number    |   none    |    No    |   All    |
+| strokeDashoffset |                            指定了 dash 模式到路径开始的距离                             |   number    |     1     |    No    |   All    |
+|  strokeLinecap   |                                   设置路径两端的形状                                    |   string    |   butt    |    No    |   All    |
+|  strokeLinejoin  |                               指明路径的转角处使用的形状                                |   string    |   miter   |    No    |   All    |
+| strokeMiterlimit |                       对斜接长度和 stroke-width 的比率设置极限 值                       |   number    |     4     |    No    |   All    |
+|   vectorEffect   |                             指明绘制对象时要使用的矢量效果                              |   string    |   none    |    No    |   All    |
+|    translate     |                                        设置位移                                         | numberArray |    0,0    |    No    |   All    |
+|    translateX    |                                      设置 x 轴位移                                      |   number    |     0     |    No    |   All    |
+|    translateY    |                                      设置 y 轴位移                                      |   number    |     0     |    No    |   All    |
+|      origin      |                                 更改一个元素变形的原点                                  | numberArray |    0,0    |    No    |   All    |
+|     originX      | 更改一个元素变形的原点 x 坐标（单独使用无效，需配合 OthersProperties 如 rotation 使用） |   number    |     0     |    No    |   All    |
+|     originY      | 更改一个元素变形的原点 y 坐标（单独使用无效，需配合 OthersProperties 如 rotation 使用） |   number    |     0     |    No    |   All    |
+|      scale       |                                      定义缩放大小                                       | numberArray |   1，1    |    No    |   All    |
+|      scaleX      |                                    定义 x 轴缩放大小                                    |   number    |     1     |    No    |   All    |
+|      scaleY      |                                    定义 y 轴缩放大小                                    |   number    |     1     |    No    |   All    |
+|     rotation     |                                      设置旋转角度                                       |   number    |   0，0    |    No    |   All    |
+|        x         |                                    标识一个 x 轴坐标                                    |   number    |     0     |    No    |   All    |
+|        y         |                                    标识一个 y 轴坐标                                    |   number    |     0     |    No    |   All    |
+|    transform     |                         定义应用于元素及其子元素的变换规则列表                          |   string    |     -     |    No    |   All    |
+|      marker      |                               指定路径所有顶点的路标样式                                |   string    |     -     |    No    |   All    |
+|   markerStart    |                              指定路径起点所采用的路标样式                               |   string    |     -     |    No    |   All    |
+|    markerMid     |                            指定路径中间顶点所采用的路标样式                             |   string    |     -     |    No    |   All    |
+|    markerEnd     |                              指定路径终点所采用的路标样式                               |   string    |     -     |    No    |   All    |
+|       mask       |                          给元素指定使用 Mask 元素实现遮罩效果                           |   string    |     -     |    No    |   All    |
+|        id        |                                       设置节点 id                                       |   string    |     -     |    No    |   All    |
+|     opacity      |                                       设置透明度                                        |   number    |     1     |    No    |   All    |
+|    transform     |                         定义应用于元素及其子元素的变换规则列表                          |   string    |     -     |    No    |   All    |
+|     display      |                                   控制元素展示的方式                                    |   string    |   block   |    No    |   All    |
+|  pointerEvents   |                                设置元素如何响应点击事件                                 |   string    |           |    No    |   All    |
+|   vectorEffect   |                             指明绘制对象时要使用的矢量效果                              |     Int     |     0     |    No    |   All    |
+
+FontProps 组件 Properties HarmonyOS 侧支持情况
 
 |         Name          |                          Description                           |        Type        | Default | Required | Platform |
 | :-------------------: | :------------------------------------------------------------: | :----------------: | :-----: | :------: | :------: |
 |       fontSize        | 在多行布局环境中将多行文本设置为实线时，从基线到基线的字体大小 |       string       | medium  |    No    |   All    |
-|      fontWeight       |   用于呈现文本的字形相对于同一字体族中的其他字体的粗度或亮度   |       string       | normal  |    No    |   All    |
+|      fontWeight       | 用于呈现文本的字形相对于同一字体族中的 Others 字体的粗度或亮度 |       string       | normal  |    No    |   All    |
 |         font          |                   设置一个用于文字布局的字体                   | FontObject（对象） |  none   |    No    |   All    |
 |       fontStyle       |                        指定文本渲染样式                        |       string       | normal  |    No    |   All    |
 |      fontVariant      |                        设置文本字体变体                        |                    |         |    No    |   All    |
@@ -632,25 +628,25 @@ FontProps 组件属性 HarmonyOS 侧支持情况
 | fontVariantLigatures  |                         控制文本中连字                         |       string       | normal  |    No    |   All    |
 | fontVariationSettings |                 设置字体的宽度、高度、倾斜度等                 |       string       | normal  |    No    |   All    |
 
-## 遗留问题
+## Known Issues
 
-- [ ] isPointInFill 判断点位坐标是否在fill上 未实现
-- [ ] isPointInStroke 判断点位坐标是否在stroke上 未实现
-- [ ] getTotalLength 获取总path的长度 未实现
-- [ ] getPointAtLength 获取点位坐标在path上的信息 未实现
+- [ ] isPointInFill 判断点位坐标是否在 fill 上 未实现
+- [ ] isPointInStroke 判断点位坐标是否在 stroke 上 未实现
+- [ ] getTotalLength 获取总 path 的长度 未实现
+- [ ] getPointAtLength 获取点位坐标在 path 上的信息 未实现
 - [ ] getBBox 获取组件的边界信息 未实现
-- [ ] getCTM 获取相对于父组件的matrix矩阵信息 未实现
-- [ ] getScreenCTM 获取组件的matrix矩阵信息 未实现
-- [ ] getRawResource 获取android中的资源文件 未实现
-- [ ] foreignObject 该组件允许svg使用外部组件 未实现
+- [ ] getCTM 获取相对于父组件的 matrix 矩阵信息 未实现
+- [ ] getScreenCTM 获取组件的 matrix 矩阵信息 未实现
+- [ ] getRawResource 获取 android 中的资源文件 未实现
+- [ ] foreignObject 该组件允许 svg 使用外部组件 未实现
 - [ ] filter 该组件可以为 SVG 图形添加各种视觉效果 未实现
 - [ ] TextPath 功能未完全实现
-- [ ] Text,TSpan组件的rotate,fontFamily,wordSpacing属性 未实现 
+- [ ] Text,TSpan 组件的 rotate,fontFamily,wordSpacingProperties 未实现
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE).
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/en/react-native-svg-charts.md b/en/react-native-svg-charts.md
index d170cc33..b8ce91f9 100644
--- a/en/react-native-svg-charts.md
+++ b/en/react-native-svg-charts.md
@@ -1,5 +1,6 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+
+> Template version：v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>react-native-svg-charts</code> </h1>
@@ -15,15 +16,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-svg-charts)
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-svg-charts)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases)，并下载适用版本的 tgz 包
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,596 +42,614 @@ yarn add  @react-native-oh-tpl/react-naitve-svg-charts@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 areaChart：
+
 ```jsx
-import React from 'react'
-import { Path } from 'react-native-svg'
-import { AreaChart, Grid } from 'react-native-svg-charts'
-import * as shape from 'd3-shape'
+import React from "react";
+import { Path } from "react-native-svg";
+import { AreaChart, Grid } from "react-native-svg-charts";
+import * as shape from "d3-shape";
 
 class AreaChartExample extends React.PureComponent {
-
-    render() {
-
-        const data = [50, 10, 40, 95, -4, -24, 85, 91, 35, 53, -53, 24, 50, -20, -80]
-
-        const Line = ({ line }) => (
-            <Path
-                key={'line'}
-                d={line}
-                stroke={'rgb(134, 65, 244)'}
-                fillOpacity={0}
-            />
-        )
-
-        return (
-            <AreaChart
-                style={{ height: 200 }}
-                data={data}
-                contentInset={{ top: 30, bottom: 30 }}
-                curve={shape.curveNatural}
-                svg={{ fill: 'rgba(134, 65, 244, 0.2)' }}
-                animate={true}
-                animationDuration={2000}
-            >
-                <Grid />
-                <Line />
-            </AreaChart>
-        )
-    }
+  render() {
+    const data = [
+      50, 10, 40, 95, -4, -24, 85, 91, 35, 53, -53, 24, 50, -20, -80,
+    ];
+
+    const Line = ({ line }) => (
+      <Path
+        key={"line"}
+        d={line}
+        stroke={"rgb(134, 65, 244)"}
+        fillOpacity={0}
+      />
+    );
+
+    return (
+      <AreaChart
+        style={{ height: 200 }}
+        data={data}
+        contentInset={{ top: 30, bottom: 30 }}
+        curve={shape.curveNatural}
+        svg={{ fill: "rgba(134, 65, 244, 0.2)" }}
+        animate={true}
+        animationDuration={2000}
+      >
+        <Grid />
+        <Line />
+      </AreaChart>
+    );
+  }
 }
 
-export default AreaChartExample
+export default AreaChartExample;
 ```
+
 barChart:
+
 ```jsx
-import React from 'react'
-import { BarChart, Grid } from 'react-native-svg-charts'
+import React from "react";
+import { BarChart, Grid } from "react-native-svg-charts";
 
 class GroupedBarChartExample extends React.PureComponent {
-
-    render() {
-
-        const data1 = [ 14, -1, 100, -95, -94, -24, -8, 85, -91, 35, -53, 53, -78, 66, 96, 33, -26, -32, 73, 8 ]
-            .map((value) => ({ value }))
-        const data2 = [ 24, 28, 93, 77, -42, -62, 52, -87, 21, 53, -78, -62, -72, -6, 89, -70, -94, 10, 86, 84 ]
-            .map((value) => ({ value }))
-
-        const barData = [
-            {
-                data: data1,
-                svg: {
-                    fill: 'rgb(134, 65, 244)',
-                },
-            },
-            {
-                data: data2,
-            },
-        ]
-
-        return (
-            <BarChart
-                style={ { height: 200 } }
-                data={ barData }
-                yAccessor={({ item }) => item.value}
-                svg={{
-                    fill: 'green',
-                }}
-                contentInset={ { top: 30, bottom: 30 } }
-                { ...this.props }
-            >
-                <Grid/>
-            </BarChart>
-        )
-    }
-
+  render() {
+    const data1 = [
+      14, -1, 100, -95, -94, -24, -8, 85, -91, 35, -53, 53, -78, 66, 96, 33,
+      -26, -32, 73, 8,
+    ].map((value) => ({ value }));
+    const data2 = [
+      24, 28, 93, 77, -42, -62, 52, -87, 21, 53, -78, -62, -72, -6, 89, -70,
+      -94, 10, 86, 84,
+    ].map((value) => ({ value }));
+
+    const barData = [
+      {
+        data: data1,
+        svg: {
+          fill: "rgb(134, 65, 244)",
+        },
+      },
+      {
+        data: data2,
+      },
+    ];
+
+    return (
+      <BarChart
+        style={{ height: 200 }}
+        data={barData}
+        yAccessor={({ item }) => item.value}
+        svg={{
+          fill: "green",
+        }}
+        contentInset={{ top: 30, bottom: 30 }}
+        {...this.props}
+      >
+        <Grid />
+      </BarChart>
+    );
+  }
 }
 
-export default GroupedBarChartExample
+export default GroupedBarChartExample;
 ```
 
 StackedBarChart：
+
 ```jsx
-import React from 'react'
-import { Grid, StackedBarChart } from 'react-native-svg-charts'
+import React from "react";
+import { Grid, StackedBarChart } from "react-native-svg-charts";
 
-const colors = ['#33691E', '#689F38', '#9CCC65', '#DCEDC8']
+const colors = ["#33691E", "#689F38", "#9CCC65", "#DCEDC8"];
 const data = [
-    {
-        broccoli: {
-            value: 3840,
-            svg: {
-                onPress: () => console.log('onPress => 0:broccoli:3840'),
-            },
-        },
-        celery: {
-            value: 1920,
-            svg: {
-                onPress: () => console.log('onPress => 0:celery:1920'),
-            },
-        },
-        onions: {
-            value: 960,
-            svg: {
-                onPress: () => console.log('onPress => 0:onions:960'),
-            },
-        },
-        tomato: {
-            value: 400,
-            svg: {
-                onPress: () => console.log('onPress => 0:tomato:400'),
-            },
-        },
+  {
+    broccoli: {
+      value: 3840,
+      svg: {
+        onPress: () => console.log("onPress => 0:broccoli:3840"),
+      },
     },
-    {
-        broccoli: {
-            value: 1600,
-            svg: {
-                onPress: () => console.log('onPress => 1:broccoli:1600'),
-            },
-        },
-        celery: {
-            value: 1440,
-            svg: {
-                onPress: () => console.log('onPress => 1:celery:1440'),
-            },
-        },
-        onions: {
-            value: 960,
-            svg: {
-                onPress: () => console.log('onPress => 1:onions:960'),
-            },
-        },
-        tomato: {
-            value: 400,
-            svg: {
-                onPress: () => console.log('onPress => 1:tomato:400'),
-            },
-        },
+    celery: {
+      value: 1920,
+      svg: {
+        onPress: () => console.log("onPress => 0:celery:1920"),
+      },
     },
-    {
-        broccoli: {
-            value: 640,
-            svg: {
-                onPress: () => console.log('onPress => 2:broccoli:640'),
-            },
-        },
-        celery: {
-            value: 960,
-            svg: {
-                onPress: () => console.log('onPress => 2:celery:960'),
-            },
-        },
-        onions: {
-            value: 3640,
-            svg: {
-                onPress: () => console.log('onPress => 2:onions:3640'),
-            },
-        },
-        tomato: {
-            value: 400,
-            svg: {
-                onPress: () => console.log('onPress => 2:tomato:400'),
-            },
-        },
+    onions: {
+      value: 960,
+      svg: {
+        onPress: () => console.log("onPress => 0:onions:960"),
+      },
     },
-    {
-        broccoli: {
-            value: 3320,
-            svg: {
-                onPress: () => console.log('onPress => 3:broccoli:3320'),
-            },
-        },
-        celery: {
-            value: 480,
-            svg: {
-                onPress: () => console.log('onPress => 3:celery:480'),
-            },
-        },
-        onions: {
-            value: 640,
-            svg: {
-                onPress: () => console.log('onPress => 3:onions:640'),
-            },
-        },
-        tomato: {
-            value: 400,
-            svg: {
-                onPress: () => console.log('onPress => 3:tomato:400'),
-            },
-        },
+    tomato: {
+      value: 400,
+      svg: {
+        onPress: () => console.log("onPress => 0:tomato:400"),
+      },
+    },
+  },
+  {
+    broccoli: {
+      value: 1600,
+      svg: {
+        onPress: () => console.log("onPress => 1:broccoli:1600"),
+      },
+    },
+    celery: {
+      value: 1440,
+      svg: {
+        onPress: () => console.log("onPress => 1:celery:1440"),
+      },
+    },
+    onions: {
+      value: 960,
+      svg: {
+        onPress: () => console.log("onPress => 1:onions:960"),
+      },
+    },
+    tomato: {
+      value: 400,
+      svg: {
+        onPress: () => console.log("onPress => 1:tomato:400"),
+      },
+    },
+  },
+  {
+    broccoli: {
+      value: 640,
+      svg: {
+        onPress: () => console.log("onPress => 2:broccoli:640"),
+      },
+    },
+    celery: {
+      value: 960,
+      svg: {
+        onPress: () => console.log("onPress => 2:celery:960"),
+      },
+    },
+    onions: {
+      value: 3640,
+      svg: {
+        onPress: () => console.log("onPress => 2:onions:3640"),
+      },
     },
-]
+    tomato: {
+      value: 400,
+      svg: {
+        onPress: () => console.log("onPress => 2:tomato:400"),
+      },
+    },
+  },
+  {
+    broccoli: {
+      value: 3320,
+      svg: {
+        onPress: () => console.log("onPress => 3:broccoli:3320"),
+      },
+    },
+    celery: {
+      value: 480,
+      svg: {
+        onPress: () => console.log("onPress => 3:celery:480"),
+      },
+    },
+    onions: {
+      value: 640,
+      svg: {
+        onPress: () => console.log("onPress => 3:onions:640"),
+      },
+    },
+    tomato: {
+      value: 400,
+      svg: {
+        onPress: () => console.log("onPress => 3:tomato:400"),
+      },
+    },
+  },
+];
 
-const keys = ['broccoli', 'celery', 'onions', 'tomato']
+const keys = ["broccoli", "celery", "onions", "tomato"];
 
 class StackedBarChartWithOnPressExample extends React.PureComponent {
-    render() {
-        return (
-            <StackedBarChart
-                style={{ height: 300 }}
-                colors={colors}
-                contentInset={{ top: 30, bottom: 30 }}
-                data={data}
-                keys={keys}
-                valueAccessor={({ item, key }) => item[key].value}
-            >
-                <Grid />
-            </StackedBarChart>
-        )
-    }
+  render() {
+    return (
+      <StackedBarChart
+        style={{ height: 300 }}
+        colors={colors}
+        contentInset={{ top: 30, bottom: 30 }}
+        data={data}
+        keys={keys}
+        valueAccessor={({ item, key }) => item[key].value}
+      >
+        <Grid />
+      </StackedBarChart>
+    );
+  }
 }
 
-export default StackedBarChartWithOnPressExample
+export default StackedBarChartWithOnPressExample;
 ```
 
 lineChart：
+
 ```jsx
-import React from 'react'
-import { LineChart, Path, Grid } from 'react-native-svg-charts'
+import React from "react";
+import { LineChart, Path, Grid } from "react-native-svg-charts";
 
 class LineChartExample extends React.PureComponent {
-
-    render() {
-
-        const data = [50, 10, 40, 95, -4, -24, 85, 91, 35, 53, -53, 24, 50, -20, -80]
-
-        const Shadow = ({ line }) => (
-            <Path
-                key={'shadow'}
-                y={2}
-                d={line}
-                fill={'none'}
-                fillOpacity={0}
-                strokeWidth={4}
-                stroke={'rgba(134, 65, 244, 0.2)'}
-            />
-        )
-
-        return (
-            <LineChart
-                style={{ height: 200, position: 'relative', zIndex: 0 }}
-                data={data}
-                svg={{ stroke: 'rgb(134, 65, 244)', fillOpacity: 0 }}
-                contentInset={{ top: 20, bottom: 20 }}
-            >
-                <Grid />
-                <Shadow />
-            </LineChart>
-        )
-    }
-
+  render() {
+    const data = [
+      50, 10, 40, 95, -4, -24, 85, 91, 35, 53, -53, 24, 50, -20, -80,
+    ];
+
+    const Shadow = ({ line }) => (
+      <Path
+        key={"shadow"}
+        y={2}
+        d={line}
+        fill={"none"}
+        fillOpacity={0}
+        strokeWidth={4}
+        stroke={"rgba(134, 65, 244, 0.2)"}
+      />
+    );
+
+    return (
+      <LineChart
+        style={{ height: 200, position: "relative", zIndex: 0 }}
+        data={data}
+        svg={{ stroke: "rgb(134, 65, 244)", fillOpacity: 0 }}
+        contentInset={{ top: 20, bottom: 20 }}
+      >
+        <Grid />
+        <Shadow />
+      </LineChart>
+    );
+  }
 }
 
-export default LineChartExample
+export default LineChartExample;
 ```
 
 StackedAreaChart：
+
 ```jsx
-import React from 'react'
-import { StackedAreaChart, YAxis, Grid } from 'react-native-svg-charts'
-import * as shape from 'd3-shape'
-import { View } from 'react-native'
+import React from "react";
+import { StackedAreaChart, YAxis, Grid } from "react-native-svg-charts";
+import * as shape from "d3-shape";
+import { View } from "react-native";
 
 class AreaStackWithAxisExample extends React.PureComponent {
-
-    render() {
-
-        const data = [
-            {
-                month: new Date(2015, 0, 1),
-                apples: 3840,
-                bananas: 1920,
-                cherries: 960,
-                dates: 400,
-            },
-            {
-                month: new Date(2015, 1, 1),
-                apples: 1600,
-                bananas: 1440,
-                cherries: 960,
-                dates: 400,
-            },
-            {
-                month: new Date(2015, 2, 1),
-                apples: 640,
-                bananas: 960,
-                cherries: 3640,
-                dates: 400,
-            },
-            {
-                month: new Date(2015, 3, 1),
-                apples: 3320,
-                bananas: 480,
-                cherries: 640,
-                dates: 400,
-            },
-        ]
-
-        const colors = ['rgba(138, 0, 230, 0.8)', 'rgba(173, 51, 255, 0.8)', 'rgba(194, 102, 255, 0.8)', 'rgba(214, 153, 255, 0.8)']
-        const keys = ['apples', 'bananas', 'cherries', 'dates']
-
-        return (
-            <View style={{ flexDirection: 'row', height: 200 }}>
-                <StackedAreaChart
-                    style={{ flex: 1 }}
-                    contentInset={{ top: 10, bottom: 10 }}
-                    data={data}
-                    keys={keys}
-                    colors={colors}
-                    curve={shape.curveNatural}
-                >
-                    <Grid />
-                </StackedAreaChart>
-                <YAxis
-                    style={{ position: 'absolute', top: -10, bottom: 10, width: 40 }}
-                    data={StackedAreaChart.extractDataPoints(data, keys)}
-                    contentInset={{ top: 10, bottom: 10 }}
-                    numberOfTicks={8}
-                    svg={{
-                        fontSize: 8,
-                        fill: 'white',
-                        stroke: 'black',
-                        strokeWidth: 0.1,
-                        alignmentBaseline: 'baseline',
-                        baselineShift: '3'
-                    }}
-                />
-            </View>
-        )
-    }
+  render() {
+    const data = [
+      {
+        month: new Date(2015, 0, 1),
+        apples: 3840,
+        bananas: 1920,
+        cherries: 960,
+        dates: 400,
+      },
+      {
+        month: new Date(2015, 1, 1),
+        apples: 1600,
+        bananas: 1440,
+        cherries: 960,
+        dates: 400,
+      },
+      {
+        month: new Date(2015, 2, 1),
+        apples: 640,
+        bananas: 960,
+        cherries: 3640,
+        dates: 400,
+      },
+      {
+        month: new Date(2015, 3, 1),
+        apples: 3320,
+        bananas: 480,
+        cherries: 640,
+        dates: 400,
+      },
+    ];
+
+    const colors = [
+      "rgba(138, 0, 230, 0.8)",
+      "rgba(173, 51, 255, 0.8)",
+      "rgba(194, 102, 255, 0.8)",
+      "rgba(214, 153, 255, 0.8)",
+    ];
+    const keys = ["apples", "bananas", "cherries", "dates"];
+
+    return (
+      <View style={{ flexDirection: "row", height: 200 }}>
+        <StackedAreaChart
+          style={{ flex: 1 }}
+          contentInset={{ top: 10, bottom: 10 }}
+          data={data}
+          keys={keys}
+          colors={colors}
+          curve={shape.curveNatural}
+        >
+          <Grid />
+        </StackedAreaChart>
+        <YAxis
+          style={{ position: "absolute", top: -10, bottom: 10, width: 40 }}
+          data={StackedAreaChart.extractDataPoints(data, keys)}
+          contentInset={{ top: 10, bottom: 10 }}
+          numberOfTicks={8}
+          svg={{
+            fontSize: 8,
+            fill: "white",
+            stroke: "black",
+            strokeWidth: 0.1,
+            alignmentBaseline: "baseline",
+            baselineShift: "3",
+          }}
+        />
+      </View>
+    );
+  }
 }
 
-export default AreaStackWithAxisExample
+export default AreaStackWithAxisExample;
 ```
 
 ProgressCircle：
+
 ```jsx
-import React from 'react'
-import { ProgressCircle } from 'react-native-svg-charts'
+import React from "react";
+import { ProgressCircle } from "react-native-svg-charts";
 
 class ProgressCircleExample extends React.PureComponent {
-
-    render() {
-
-        return (
-            <ProgressCircle
-                style={ { height: 200 } }
-                progress={ 0.7 }
-                progressColor={'rgb(134, 65, 244)'}
-                startAngle={ -Math.PI * 0.8 }
-                endAngle={ Math.PI * 0.8 }
-            />
-        )
-    }
-
+  render() {
+    return (
+      <ProgressCircle
+        style={{ height: 200 }}
+        progress={0.7}
+        progressColor={"rgb(134, 65, 244)"}
+        startAngle={-Math.PI * 0.8}
+        endAngle={Math.PI * 0.8}
+      />
+    );
+  }
 }
 
-export default ProgressCircleExample
+export default ProgressCircleExample;
 ```
 
 PieChart：
+
 ```jsx
-import React from 'react'
-import { PieChart } from 'react-native-svg-charts'
-import { Circle, G, Line } from 'react-native-svg'
+import React from "react";
+import { PieChart } from "react-native-svg-charts";
+import { Circle, G, Line } from "react-native-svg";
 
 class PieChartWithLabelExample extends React.PureComponent {
-
-    render() {
-
-        const data = [ 50, 10, 40, 95, -4, -24, 85, 91 ]
-
-        const randomColor = () => ('#' + (Math.random() * 0xFFFFFF << 0).toString(16) + '000000').slice(0, 7)
-
-        const pieData = data
-            .filter(value => value > 0)
-            .map((value, index) => ({
-                value,
-                svg: { fill: randomColor() },
-                key: `pie-${index}`,
-            }))
-
-        const Labels = ({ slices }) => {
-            return slices.map((slice, index) => {
-                const { labelCentroid, pieCentroid, data } = slice;
-                return (
-                    <G key={ index }>
-                        <Line
-                            x1={ labelCentroid[ 0 ] }
-                            y1={ labelCentroid[ 1 ] }
-                            x2={ pieCentroid[ 0 ] }
-                            y2={ pieCentroid[ 1 ] }
-                            stroke={ data.svg.fill }
-                        />
-                        <Circle
-                            cx={ labelCentroid[ 0 ] }
-                            cy={ labelCentroid[ 1 ] }
-                            r={ 15 }
-                            fill={ data.svg.fill }
-                        />
-                    </G>
-                )
-            })
-        }
-
+  render() {
+    const data = [50, 10, 40, 95, -4, -24, 85, 91];
+
+    const randomColor = () =>
+      ("#" + ((Math.random() * 0xffffff) << 0).toString(16) + "000000").slice(
+        0,
+        7
+      );
+
+    const pieData = data
+      .filter((value) => value > 0)
+      .map((value, index) => ({
+        value,
+        svg: { fill: randomColor() },
+        key: `pie-${index}`,
+      }));
+
+    const Labels = ({ slices }) => {
+      return slices.map((slice, index) => {
+        const { labelCentroid, pieCentroid, data } = slice;
         return (
-            <PieChart
-                style={ { height: 200 } }
-                data={ pieData }
-                innerRadius={ 20 }
-                outerRadius={ 55 }
-                labelRadius={ 80 }
-            >
-                <Labels/>
-            </PieChart>
-        )
-    }
-
+          <G key={index}>
+            <Line
+              x1={labelCentroid[0]}
+              y1={labelCentroid[1]}
+              x2={pieCentroid[0]}
+              y2={pieCentroid[1]}
+              stroke={data.svg.fill}
+            />
+            <Circle
+              cx={labelCentroid[0]}
+              cy={labelCentroid[1]}
+              r={15}
+              fill={data.svg.fill}
+            />
+          </G>
+        );
+      });
+    };
+
+    return (
+      <PieChart
+        style={{ height: 200 }}
+        data={pieData}
+        innerRadius={20}
+        outerRadius={55}
+        labelRadius={80}
+      >
+        <Labels />
+      </PieChart>
+    );
+  }
 }
 
-export default PieChartWithLabelExample
+export default PieChartWithLabelExample;
 ```
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-svg-capi.md#link) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+This document is verified based on the following versions:
 
 1. react-native-harmony: 0.72.26-CAPI; SDK：HarmonyOS NEXT Developer Cannary3 SP2; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22(Canary3);
 
-## 属性
-
-详情见[react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)
-
-### 共有属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | An array of arbitrary data - use prop xAccessor/yAccessorto tell the chart about the data structure         | array  | YES | ALL      | YES |
-yAccessor | A function that takes each entry of data (named "item") as well as the index and returns the y-value of that entry |  function | YES | ALL | YES |
-xAccessor | Same as yAccessor but returns the x-value of that entry | function | YES | ALL | YES |
-yScale | A function that determines the scale of said axis (only tested with scaleLinear, scaleTime & scaleBand ) | d3Scale.scaleLinear | YES | ALL | YES |
-xScale | Same as yScale but for the x axis | d3Scale.scaleLinear | YES | ALL | YES |
-svg | an object containing all the props that should be passed down to the underlying react-native-svg component. See available props | object | YES | ALL | YES |
-animate | PropTypes.bool | boolean |   YES | ALL | YES |
-animationDuration | PropTypes.number | number |   YES | ALL | YES |
-style | Supports all ViewStyleProps | ViewStyleProps |   YES | ALL | YES |
-curve | A function like this | d3.curveLinear  |   YES | ALL | YES |
-contentInset | An object that specifies how much fake "margin" to use inside of the SVG canvas. This is particularly helpful on Android where overflow: "visible" isn't supported and might cause clipping. Note: important to have same contentInset on axis's and chart | object |   YES | ALL | YES |
-numberOfTicks | We use d3-array to evenly distribute the grid and dataPoints on the yAxis. This prop specifies how many "ticks" we should try to render. Note: important that this prop is the same on both the chart and on the yAxis | number/undefined |   YES | ALL | YES |
-showGrid | Whether or not to show the grid lines  | boolean |   YES | ALL | YES |
-yMin | Alter how the chart bounds are calculated  | number/undefined |   YES | ALL | YES |
-yMax | Alter how the chart bounds are calculated  |  number/undefined |   YES | ALL | YES |
-xMin | Alter how the chart bounds are calculated  |  number/undefined |   YES | ALL | YES |
-xMax | Alter how the chart bounds are calculated  |  number/undefined |   YES | ALL | YES |
-children | One or many react-native-svg components that will be used to enhance your chart |  ReactNode |   YES | ALL | YES |
-
-### 属性children
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| x  | a function that normally accepts the index of a data point an returns its 'x' location on the canvas         |  nunmber/string  | YES | ALL      | YES |
-| y  | a function that normally accepts the value of a data point an returns its 'y' location on the canvas        |  nunmber/string  | YES | ALL      | YES |
-| width  | the width of the canvas in pixels        |  number/srting  | YES | ALL      | YES |
-| height  | the height of the canvas in pixels        |   number/srting  | YES | ALL      | YES |
-| data  | the same data array provided to the chart, use this to map over your data points if you want decorators on each point        |  array  | YES | ALL      | YES |
-| ticks  | if numberOfTicks has been provided to the chart this array will include the calculated tick values (useful for grids)       |  array  | YES | ALL      | YES |
-
-### 组件特有属性
+## Properties
+
+details[react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)
+
+### Total Properties
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name              | Description                                                                                                                                                                                                                                                | Type                | Required | Platform | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------- | -------- | ----------------- |
+| data              | An array of arbitrary data - use prop xAccessor/yAccessorto tell the chart about the data structure                                                                                                                                                        | array               | YES      | ALL      | YES               |
+| yAccessor         | A function that takes each entry of data (named "item") as well as the index and returns the y-value of that entry                                                                                                                                         | function            | YES      | ALL      | YES               |
+| xAccessor         | Same as yAccessor but returns the x-value of that entry                                                                                                                                                                                                    | function            | YES      | ALL      | YES               |
+| yScale            | A function that determines the scale of said axis (only tested with scaleLinear, scaleTime & scaleBand )                                                                                                                                                   | d3Scale.scaleLinear | YES      | ALL      | YES               |
+| xScale            | Same as yScale but for the x axis                                                                                                                                                                                                                          | d3Scale.scaleLinear | YES      | ALL      | YES               |
+| svg               | an object containing all the props that should be passed down to the underlying react-native-svg component. See available props                                                                                                                            | object              | YES      | ALL      | YES               |
+| animate           | PropTypes.bool                                                                                                                                                                                                                                             | boolean             | YES      | ALL      | YES               |
+| animationDuration | PropTypes.number                                                                                                                                                                                                                                           | number              | YES      | ALL      | YES               |
+| style             | Supports all ViewStyleProps                                                                                                                                                                                                                                | ViewStyleProps      | YES      | ALL      | YES               |
+| curve             | A function like this                                                                                                                                                                                                                                       | d3.curveLinear      | YES      | ALL      | YES               |
+| contentInset      | An object that specifies how much fake "margin" to use inside of the SVG canvas. This is particularly helpful on Android where overflow: "visible" isn't supported and might cause clipping. Note: important to have same contentInset on axis's and chart | object              | YES      | ALL      | YES               |
+| numberOfTicks     | We use d3-array to evenly distribute the grid and dataPoints on the yAxis. This prop specifies how many "ticks" we should try to render. Note: important that this prop is the same on both the chart and on the yAxis                                     | number/undefined    | YES      | ALL      | YES               |
+| showGrid          | Whether or not to show the grid lines                                                                                                                                                                                                                      | boolean             | YES      | ALL      | YES               |
+| yMin              | Alter how the chart bounds are calculated                                                                                                                                                                                                                  | number/undefined    | YES      | ALL      | YES               |
+| yMax              | Alter how the chart bounds are calculated                                                                                                                                                                                                                  | number/undefined    | YES      | ALL      | YES               |
+| xMin              | Alter how the chart bounds are calculated                                                                                                                                                                                                                  | number/undefined    | YES      | ALL      | YES               |
+| xMax              | Alter how the chart bounds are calculated                                                                                                                                                                                                                  | number/undefined    | YES      | ALL      | YES               |
+| children          | One or many react-native-svg components that will be used to enhance your chart                                                                                                                                                                            | ReactNode           | YES      | ALL      | YES               |
+
+### Propertieschildren
+
+| Name   | Description                                                                                                           | Type           | Required | Platform | HarmonyOS Support |
+| ------ | --------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
+| x      | a function that normally accepts the index of a data point an returns its 'x' location on the canvas                  | nunmber/string | YES      | ALL      | YES               |
+| y      | a function that normally accepts the value of a data point an returns its 'y' location on the canvas                  | nunmber/string | YES      | ALL      | YES               |
+| width  | the width of the canvas in pixels                                                                                     | number/srting  | YES      | ALL      | YES               |
+| height | the height of the canvas in pixels                                                                                    | number/srting  | YES      | ALL      | YES               |
+| data   | the same data array provided to the chart, use this to map over your data points if you want decorators on each point | array          | YES      | ALL      | YES               |
+| ticks  | if numberOfTicks has been provided to the chart this array will include the calculated tick values (useful for grids) | array          | YES      | ALL      | YES               |
+
+### 组件特有 Properties
 
 #### Area
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| start  | The value of which the area should start (will always end on the data point)    |  number/undefined  | YES | ALL      | YES |
+
+| Name  | Description                                                                  | Type             | Required | Platform | HarmonyOS Support |
+| ----- | ---------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
+| start | The value of which the area should start (will always end on the data point) | number/undefined | YES      | ALL      | YES               |
 
 #### StackedAreaChart
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | An array of the data entries    |  array  | YES | ALL      | YES |
-| keys  | This array should contain the object keys of interest (see above example)    |  array  | YES | ALL      | YES |
-| colors  | An array of equal size as keys with the color for each key    |  array  | YES | ALL      | YES |
-| order  | The order in which to sort the areas    |  d3.stackOrderNone  | YES | ALL      | YES |
-| offset  | A function to determine the offset of the areas    |  d3.stackOffsetNone  | YES | ALL  | YES |
+
+| Name   | Description                                                               | Type               | Required | Platform | HarmonyOS Support |
+| ------ | ------------------------------------------------------------------------- | ------------------ | -------- | -------- | ----------------- |
+| data   | An array of the data entries                                              | array              | YES      | ALL      | YES               |
+| keys   | This array should contain the object keys of interest (see above example) | array              | YES      | ALL      | YES               |
+| colors | An array of equal size as keys with the color for each key                | array              | YES      | ALL      | YES               |
+| order  | The order in which to sort the areas                                      | d3.stackOrderNone  | YES      | ALL      | YES               |
+| offset | A function to determine the offset of the areas                           | d3.stackOffsetNone | YES      | ALL      | YES               |
 
 #### BarChart
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | The data prop in a barChart can look exactly like in a Line- or AreaChart, i.e an array of just numbers or complex objects. It can however also be an array with several data sets. A data object can contain a svg property which allows you two override styles on that specific object.     |  array  | YES | ALL      | YES |
-| horizontal  | Boolean whether or not the bars should be horizontal   |  boolean  | YES | ALL      | YES |
-| svg  | Default svg props for all bars. Supports all svg props an svg path normally supports. This styles will be overriden if there are specific styles for a given data object   |  object  | YES | ALL      | YES |
-| spacingInner  | Spacing between the bars (or groups of bars)    |  number/undefined   | YES | ALL      | YES |
-| spacingOuter  | Spacing outside of the bars (or groups of bars). Percentage of one bars width    |  number/undefined   | YES | ALL      | YES |
-| contentInset  | PropTypes.shape    |  object  | YES | ALL      | YES |
-| children.bandwidth  | the width of a band (a.k.a bar)    |  number  | YES | ALL      | YES |
+
+| Name               | Description                                                                                                                                                                                                                                                                                | Type             | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | -------- | -------- | ----------------- |
+| data               | The data prop in a barChart can look exactly like in a Line- or AreaChart, i.e an array of just numbers or complex objects. It can however also be an array with several data sets. A data object can contain a svg property which allows you two override styles on that specific object. | array            | YES      | ALL      | YES               |
+| horizontal         | Boolean whether or not the bars should be horizontal                                                                                                                                                                                                                                       | boolean          | YES      | ALL      | YES               |
+| svg                | Default svg props for all bars. Supports all svg props an svg path normally supports. This styles will be overriden if there are specific styles for a given data object                                                                                                                   | object           | YES      | ALL      | YES               |
+| spacingInner       | Spacing between the bars (or groups of bars)                                                                                                                                                                                                                                               | number/undefined | YES      | ALL      | YES               |
+| spacingOuter       | Spacing outside of the bars (or groups of bars). Percentage of one bars width                                                                                                                                                                                                              | number/undefined | YES      | ALL      | YES               |
+| contentInset       | PropTypes.shape                                                                                                                                                                                                                                                                            | object           | YES      | ALL      | YES               |
+| children.bandwidth | the width of a band (a.k.a bar)                                                                                                                                                                                                                                                            | number           | YES      | ALL      | YES               |
 
 #### StackedBarChart
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | An array of the data entries: each value can be a number or a complex object with custom svg props for example    |  array  | YES | ALL      | YES |
-| keys  | This array should contain the object keys of interest (see above example)    |  array  | YES | ALL      | YES |
-| colors  | An array of equal size as keys with the color for each key    |  array  | YES | ALL      | YES |
-| valueAccessor  | Very similar to the yAccessor of the other charts, usually needed when using complex objects as values    |  function  | YES | ALL      | YES |
-| horizontal  | Boolean whether or not the bars should be horizontal   |  boolean  | YES | ALL      | YES |
-| order  | The order in which to sort the areas    |  d3.stackOrderNone  | YES | ALL      | YES |
-| offset  | A function to determine the offset of the areas    |  d3.stackOffsetNone | YES | ALL  | YES |
+
+| Name          | Description                                                                                                    | Type               | Required | Platform | HarmonyOS Support |
+| ------------- | -------------------------------------------------------------------------------------------------------------- | ------------------ | -------- | -------- | ----------------- |
+| data          | An array of the data entries: each value can be a number or a complex object with custom svg props for example | array              | YES      | ALL      | YES               |
+| keys          | This array should contain the object keys of interest (see above example)                                      | array              | YES      | ALL      | YES               |
+| colors        | An array of equal size as keys with the color for each key                                                     | array              | YES      | ALL      | YES               |
+| valueAccessor | Very similar to the yAccessor of the other charts, usually needed when using complex objects as values         | function           | YES      | ALL      | YES               |
+| horizontal    | Boolean whether or not the bars should be horizontal                                                           | boolean            | YES      | ALL      | YES               |
+| order         | The order in which to sort the areas                                                                           | d3.stackOrderNone  | YES      | ALL      | YES               |
+| offset        | A function to determine the offset of the areas                                                                | d3.stackOffsetNone | YES      | ALL      | YES               |
 
 #### PieChart
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | Very similar to the data prop of our other charts, the only exception is that the PieChart only accepts complex objects (not just numbers). An item can also contain the arc property which allows you two override settings on that specific arc    |  array  | YES | ALL      | YES |
-| valueAccessor  | Very similar to the yAccessor of the other charts    |  function  | YES | ALL      | YES |
-| outerRadius  | The outer radius, use this to tweak how close your pie is to the edge of it's container. Takes either percentages or absolute numbers (pixels)    |  number/string/undefined  | YES | ALL      | YES |
-| innerRadius  | The inner radius, use this to create a donut. Takes either percentages or absolute numbers (pixels)    |  number/string/undefined  | YES | ALL      | YES |
-| labelRadius  | The radius of the circle that will help you layout your labels. Takes either percentages or absolute numbers (pixels)    |  number/string/undefined  | YES | ALL      | YES |
-| padAngle  | The angle between the slices    |  number/undefined  | YES | ALL      | YES |
-| startAngle  | The start angle in radians of the entire pie    |  number/undefined  | YES | ALL      | YES |
-| endAngle  | The end angle in radians of the entire pie    |  number/undefined  | YES | ALL      | YES |
-| sort  | Like any normal sort function it expects either 0, a positive or negative return value. The arguments are each an object from the dataPoints array   |  function  | YES | ALL      | YES |
-| children.slices  | an array of the pie chart slices. See source code and examples for what it includes    |  array  | YES | ALL      | YES |
+
+| Name            | Description                                                                                                                                                                                                                                       | Type                    | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- | -------- | -------- | ----------------- |
+| data            | Very similar to the data prop of our other charts, the only exception is that the PieChart only accepts complex objects (not just numbers). An item can also contain the arc property which allows you two override settings on that specific arc | array                   | YES      | ALL      | YES               |
+| valueAccessor   | Very similar to the yAccessor of the other charts                                                                                                                                                                                                 | function                | YES      | ALL      | YES               |
+| outerRadius     | The outer radius, use this to tweak how close your pie is to the edge of it's container. Takes either percentages or absolute numbers (pixels)                                                                                                    | number/string/undefined | YES      | ALL      | YES               |
+| innerRadius     | The inner radius, use this to create a donut. Takes either percentages or absolute numbers (pixels)                                                                                                                                               | number/string/undefined | YES      | ALL      | YES               |
+| labelRadius     | The radius of the circle that will help you layout your labels. Takes either percentages or absolute numbers (pixels)                                                                                                                             | number/string/undefined | YES      | ALL      | YES               |
+| padAngle        | The angle between the slices                                                                                                                                                                                                                      | number/undefined        | YES      | ALL      | YES               |
+| startAngle      | The start angle in radians of the entire pie                                                                                                                                                                                                      | number/undefined        | YES      | ALL      | YES               |
+| endAngle        | The end angle in radians of the entire pie                                                                                                                                                                                                        | number/undefined        | YES      | ALL      | YES               |
+| sort            | Like any normal sort function it expects either 0, a positive or negative return value. The arguments are each an object from the dataPoints array                                                                                                | function                | YES      | ALL      | YES               |
+| children.slices | an array of the pie chart slices. See source code and examples for what it includes                                                                                                                                                               | array                   | YES      | ALL      | YES               |
 
 #### ProgressCircle
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| progress  | PropTypes.number.isRequired    |  number  | YES | ALL  | YES |
-| progressColor  | PPropTypes.any    |  string/undefined  | YES | ALL  | YES |
-| backgroundColor  | PropTypes.any    |  string/undefined  | YES | ALL  | YES |
-| startAngle  | PropTypes.number    |  number/undefined  | YES | ALL  | YES |
-| endAngle  | PropTypes.number    |  number/undefined  | YES | ALL  | YES |
-| strokeWidth  | PropTypes.number    |  number/undefined  | YES | ALL  | YES |
-| cornerRadius  | PropTypes.number    |  number/undefined | YES | ALL  | YES |
+
+| Name            | Description                 | Type             | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------- | ---------------- | -------- | -------- | ----------------- |
+| progress        | PropTypes.number.isRequired | number           | YES      | ALL      | YES               |
+| progressColor   | PPropTypes.any              | string/undefined | YES      | ALL      | YES               |
+| backgroundColor | PropTypes.any               | string/undefined | YES      | ALL      | YES               |
+| startAngle      | PropTypes.number            | number/undefined | YES      | ALL      | YES               |
+| endAngle        | PropTypes.number            | number/undefined | YES      | ALL      | YES               |
+| strokeWidth     | PropTypes.number            | number/undefined | YES      | ALL      | YES               |
+| cornerRadius    | PropTypes.number            | number/undefined | YES      | ALL      | YES               |
 
 #### YAxis
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| scale  | Should be the same as passed into the charts yScale, or d3Scale.scaleBand if used in conjunction with a horizontal BarChart   |  d3Scale.scaleLinear  | YES | ALL  | YES |
-| svg  | supports all svg props an svg text normally supports   |  object  | YES | ALL      | YES |
-| spacingInner  | Spacing between the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingInner prop on the actual BarChart   |  number/undefined   | YES | ALL      | YES |
-| spacingOuter  | 	Spacing outside of the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingOuter prop on the actual BarChart   |  number/undefined  | YES | ALL      | YES |
-| formatLabel  | A utility function to format the text before it is displayed, e.g `value => "$" + value   |  function|undefined  | YES | ALL      | YES |
-| contentInset  | Used to sync layout with chart (if same prop used there)   |  object  | YES | ALL      | YES |
-| min  | Used to sync layout with chart (if gridMin is used there)  | number/undefined | YES | ALL      | YES |
-| max  | Used to sync layout with chart (if gridMax is used there)  | number/undefined | YES | ALL      | YES |
+
+| Name         | Description                                                                                                                                    | Type                | Required  | Platform | HarmonyOS Support |
+| ------------ | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | --------- | -------- | ----------------- | --- |
+| scale        | Should be the same as passed into the charts yScale, or d3Scale.scaleBand if used in conjunction with a horizontal BarChart                    | d3Scale.scaleLinear | YES       | ALL      | YES               |
+| svg          | supports all svg props an svg text normally supports                                                                                           | object              | YES       | ALL      | YES               |
+| spacingInner | Spacing between the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingInner prop on the actual BarChart    | number/undefined    | YES       | ALL      | YES               |
+| spacingOuter | Spacing outside of the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingOuter prop on the actual BarChart | number/undefined    | YES       | ALL      | YES               |
+| formatLabel  | A utility function to format the text before it is displayed, e.g `value => "$" + value                                                        | function            | undefined | YES      | ALL               | YES |
+| contentInset | Used to sync layout with chart (if same prop used there)                                                                                       | object              | YES       | ALL      | YES               |
+| min          | Used to sync layout with chart (if gridMin is used there)                                                                                      | number/undefined    | YES       | ALL      | YES               |
+| max          | Used to sync layout with chart (if gridMax is used there)                                                                                      | number/undefined    | YES       | ALL      | YES               |
 
 #### XAxis
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | An array of values or objects to render on the xAxis. Should preferably have the same length as the chart's dataPoints. If a complex object is used instead of a simple value, a xAccessor prop is required to calculate the axis' extent. A data object can contain a svg property which allows you to override styles on that specific object  |  array  | YES | ALL      | YES |
-| scale  | Should be the same as passed into the charts xScale   |  d3Scale.scaleLinear  | YES | ALL  | YES |
-| spacingInner  | Spacing between the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingInner prop on the actual BarChart   |  number/undefined   | YES | ALL      | YES |
-| spacingOuter  | 	Spacing between the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingOuter prop on the actual BarChart   |  number/undefined  | YES | ALL      | YES |
-| svg  | Default svg props for all labels. Supports all svg props an svg text normally supports. This styles will be overriden if there are specific styles for a given data object   |  object  | YES | ALL      | YES |
-| formatLabel  | A utility function to format the text before it is displayed, e.g value => "day" + value. Passes back the value provided by the xAccessor   |  function  | YES | ALL      | YES |
-| contentInset  | Used to sync layout with chart (if same prop used there)  |  object  | YES | ALL      | YES |
 
+| Name         | Description                                                                                                                                                                                                                                                                                                                                     | Type                | Required | Platform | HarmonyOS Support |
+| ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------- | -------- | ----------------- |
+| data         | An array of values or objects to render on the xAxis. Should preferably have the same length as the chart's dataPoints. If a complex object is used instead of a simple value, a xAccessor prop is required to calculate the axis' extent. A data object can contain a svg property which allows you to override styles on that specific object | array               | YES      | ALL      | YES               |
+| scale        | Should be the same as passed into the charts xScale                                                                                                                                                                                                                                                                                             | d3Scale.scaleLinear | YES      | ALL      | YES               |
+| spacingInner | Spacing between the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingInner prop on the actual BarChart                                                                                                                                                                                                     | number/undefined    | YES      | ALL      | YES               |
+| spacingOuter | Spacing between the labels. Only applicable if scale=d3Scale.scaleBand and should then be equal to spacingOuter prop on the actual BarChart                                                                                                                                                                                                     | number/undefined    | YES      | ALL      | YES               |
+| svg          | Default svg props for all labels. Supports all svg props an svg text normally supports. This styles will be overriden if there are specific styles for a given data object                                                                                                                                                                      | object              | YES      | ALL      | YES               |
+| formatLabel  | A utility function to format the text before it is displayed, e.g value => "day" + value. Passes back the value provided by the xAccessor                                                                                                                                                                                                       | function            | YES      | ALL      | YES               |
+| contentInset | Used to sync layout with chart (if same prop used there)                                                                                                                                                                                                                                                                                        | object              | YES      | ALL      | YES               |
 
 #### Grid
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| svg  | an object containing all the props that should be passed down to the underlying react-native-svg component.   |  object  | YES | ALL      | YES |
-| direction  | The direction of the grid lines.  |  Grid.Direction  | YES | ALL      | YES |
-| belowChart  | whether or not to render below the chart.  |  boolean  | YES | ALL      | YES |
 
-## 遗留问题
+| Name       | Description                                                                                                 | Type           | Required | Platform | HarmonyOS Support |
+| ---------- | ----------------------------------------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
+| svg        | an object containing all the props that should be passed down to the underlying react-native-svg component. | object         | YES      | ALL      | YES               |
+| direction  | The direction of the grid lines.                                                                            | Grid.Direction | YES      | ALL      | YES               |
+| belowChart | whether or not to render below the chart.                                                                   | boolean        | YES      | ALL      | YES               |
+
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/JesperLekland/react-native-svg-charts/blob/dev/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/JesperLekland/react-native-svg-charts/blob/dev/LICENSE).
 
-<!-- {% endraw %} -->
\ No newline at end of file
+<!-- {% endraw %} -->
diff --git a/en/react-native-swipeable-list.md b/en/react-native-swipeable-list.md
index 5095acf5..b10b00a3 100644
--- a/en/react-native-swipeable-list.md
+++ b/en/react-native-swipeable-list.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-swipeable-list</code> </h1>
@@ -15,9 +15,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/esthor/react-native-swipeable-list)
+> [!TIP] [ GitHub address](https://github.com/esthor/react-native-swipeable-list)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -35,9 +35,9 @@ yarn add react-native-swipeable-list@0.1.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -422,22 +422,21 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过:
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
 SwipeableFlatList 组件接收所有[React Native FlatList](https://facebook.github.io/react-native/docs/flatlist)组件的 Props.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                                                                                                                                                                  | Type      | Required | Platform    | HarmonyOS Support |
 | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
@@ -447,12 +446,12 @@ SwipeableFlatList 组件接收所有[React Native FlatList](https://facebook.git
 | maxSwipeDistance    | Maximum distance to open to after a swipe.                                                                                                                                                   | number    | no       | iOS/Android | yes               |
 | renderQuickActions  | Callback method to render the view that will be unveiled on swipe. Type `renderItemType` (which provides `index` and `item`, which will be very useful for performing actions on your items. | function  | yes      | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/esthor/react-native-swipeable-list/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/esthor/react-native-swipeable-list/blob/main/LICENSE).
 
 <!-- {% endraw %} -->
diff --git a/en/react-native-switch.md b/en/react-native-switch.md
index 769a55c0..f18b9d22 100644
--- a/en/react-native-switch.md
+++ b/en/react-native-switch.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-switch</code> </h1>
@@ -14,10 +14,9 @@
     </a>
 </p>
 
+> [!TIP] [ GitHub address](https://github.com/shahen94/react-native-switch)
 
-> [!TIP] [Github 地址](https://github.com/shahen94/react-native-switch)
-
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -35,40 +34,48 @@ yarn add react-native-switch@1.5.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
 import { Switch } from "react-native-switch";
-import {SafeAreaView, StyleSheet,Button, Text, View, Alert} from 'react-native';
-
-
-export function SwitchDemo(){
+import {
+  SafeAreaView,
+  StyleSheet,
+  Button,
+  Text,
+  View,
+  Alert,
+} from "react-native";
+
+export function SwitchDemo() {
   const [isEnabled, setIsEnabled] = useState(false);
-  const toggleSwitch = (val:boolean) => {setIsEnabled(val) };
-  
-  return(
-    <View  style={styles.container}>
-      <Text style={{fontSize:32}}>Welcome to React Native !</Text>
+  const toggleSwitch = (val: boolean) => {
+    setIsEnabled(val);
+  };
+
+  return (
+    <View style={styles.container}>
+      <Text style={{ fontSize: 32 }}>Welcome to React Native !</Text>
       <Switch
         value={isEnabled}
-        onValueChange={(val) => toggleSwitch((val))}
+        onValueChange={(val) => toggleSwitch(val)}
         disabled={false}
-        activeText={'On'}
-        inActiveText={'Off'}
+        activeText={"On"}
+        inActiveText={"Off"}
         circleSize={30}
         barHeight={30}
         circleBorderWidth={3}
-        backgroundActive={'green'}
-        backgroundInactive={'gray'}
-        circleActiveColor={'#30a566'}
-        circleInActiveColor={'#fff'}
-        renderInsideCircle={() => ''} // custom component to render inside the Switch circle (Text, Image, etc.)
+        backgroundActive={"green"}
+        backgroundInactive={"gray"}
+        circleActiveColor={"#30a566"}
+        circleInActiveColor={"#fff"}
+        renderInsideCircle={() => ""} // custom component to render inside the Switch circle (Text, Image, etc.)
         changeValueImmediately={true} // if rendering inside circle, change state immediately or wait for animation to complete
         innerCircleStyle={{ alignItems: "center", justifyContent: "center" }} // style for inner animated circle for what you (may) be rendering inside the circle
-        outerCircleStyle={{ }} // style for outer animated circle
+        outerCircleStyle={{}} // style for outer animated circle
         renderActiveText={true}
         renderInActiveText={true}
         switchLeftPx={2} // denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider
@@ -76,76 +83,81 @@ export function SwitchDemo(){
         switchWidthMultiplier={3} // multiplied by the `circleSize` prop to calculate total width of the Switch
         switchBorderRadius={50} // Sets the border Radius of the switch slider. If unset, it remains the circleSize.
       />
-      <Text style={{color:'gray',fontSize:20,marginBottom:10}}>To get started,edit index.harmony.js</Text>
-      <Text style={{color:'gray',fontSize:20}}>Press Cmd +R to reload,</Text>
-      <Text style={{color:'gray',fontSize:20}}>Cmd+D or shake for dev menu</Text>
+      <Text style={{ color: "gray", fontSize: 20, marginBottom: 10 }}>
+        To get started,edit index.harmony.js
+      </Text>
+      <Text style={{ color: "gray", fontSize: 20 }}>
+        Press Cmd +R to reload,
+      </Text>
+      <Text style={{ color: "gray", fontSize: 20 }}>
+        Cmd+D or shake for dev menu
+      </Text>
     </View>
-    )
-  }
-  const styles = StyleSheet.create({
-    container: {
-      flex: 1,
-      alignItems: "center",
-      justifyContent: "center",
-      backgroundColor:"#fff",
-      
-    }
-  });
+  );
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#fff",
+  },
+});
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
-
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
-| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
-|     onValueChange      |     when to change value(value: `boolean`)    | function |    No    | Android/IOS |        Yes        |
-|       disabled        |          Display or not         |       boolean       |    No    | Android/IOS |        Yes        |
-|      activeText       | active text |   string  |    No    | Android/IOS |        Yes        |
-|     inActiveText      |         in Active Text    |      string      |    No    | Android/IOS |        Yes        |
-|     backgroundActive      | background active |      string      |    No    | Android/IOS |        Yes        |
-|      backgroundInactive      | background in active |   string   |    No    | Android/IOS |        Yes        |
-|      value       | swtich value |  boolean   |    No    | Android/IOS |        Yes        |
-|      circleActiveColor       | circle active color |      string       |    No    | Android/IOS |        Yes        |
-|    circleInActiveColor     | circle in active color |      string       |    No    | Android/IOS |        Yes        |
-|       circleSize        | circle Size|  number  |    No    | Android/IOS |        Yes        |
-|     circleBorderWidth     | circle Border Width |      function       |    No    | Android/IOS |        Yes        |
-|     circleBorderactiveColor     | circle Border Active Color|      function       |    No    | Android/IOS |        Yes        |
-|     circleBorderInactiveColor      |circle Border Inactive Color |       boolean       |    No    | Android/IOS |        Yes        |
-|    activeTextStyle     | active Text Style    |    StyleProp`<TextStyle> `  |  No  |         Android/IOS     |Yes
-| inactiveTextStyle | in Active Text Style. |       StyleProp`<TextStyle> `       |    No    | Android/IOS |        Yes        |
-|        containerStyle        |         container Style             |       StyleProp`<TextStyle> `        |   No    | Android/IOS |        Yes        |
-|     barHeight      |      Bar Height        |      number      |    No    | Android/IOS |        Yes        |
-|      circleBorderWidth      | circle Border Width |       number        |    No    | Android/IOS |        Yes        |
-|   renderInsideCircle    | custom component to render inside the Switch circle (Text, Image, etc.)      |    function  | No | Android/IOS |        Yes        |
-|  changeValueImmediately  | if rendering inside circle, change state immediately or wait for animation to complete |       boolean        |    No    | Android/IOS |        Yes        |
-|        innerCircleStyle         | style for inner animated circle for what you (may) be rendering inside the circle|   StyleProp`<TextStyle> `   |    No   | Android/IOS |        Yes        |
-|  outerCircleStyle  | style for outer animated circle |       StyleProp`<TextStyle> `       |    No    | Android/IOS |        Yes        |
-renderActiveText  | render Active Text |       boolean     |    No    | Android/IOS |        Yes        |
-renderInActiveText  | render In Active Text |       boolean     |    No    | Android/IOS |        Yes        |
-switchLeftPx  | denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider |       number     |    No    | Android/IOS |        Yes        |
-switchRightPx  |  denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider |       number     |    No    | Android/IOS |        Yes        |
-switchWidthMultiplier  |  multiplied by the `circleSize` prop to calculate total width of the Switch |       number     |    No    | Android/IOS |        Yes        |
-switchBorderRadius  |  Sets the border Radius of the switch slider. If unset, it remains the circleSize. |       number     |    No    | Android/IOS |        Yes        |
-testID  |  swtich test ID |       string     |    No    | Android/IOS |        Yes        |
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/shahen94/react-native-switch/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
+## Properties
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+|           Name            |                                                             Description                                                             |          Type           | Required |  Platform   | HarmonyOS Support |
+| :-----------------------: | :---------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | :------: | :---------: | :---------------: |
+|       onValueChange       |                                               when to change value(value: `boolean`)                                                |        function         |    No    | Android/IOS |        Yes        |
+|         disabled          |                                                           Display or not                                                            |         boolean         |    No    | Android/IOS |        Yes        |
+|        activeText         |                                                             active text                                                             |         string          |    No    | Android/IOS |        Yes        |
+|       inActiveText        |                                                           in Active Text                                                            |         string          |    No    | Android/IOS |        Yes        |
+|     backgroundActive      |                                                          background active                                                          |         string          |    No    | Android/IOS |        Yes        |
+|    backgroundInactive     |                                                        background in active                                                         |         string          |    No    | Android/IOS |        Yes        |
+|           value           |                                                            swtich value                                                             |         boolean         |    No    | Android/IOS |        Yes        |
+|     circleActiveColor     |                                                         circle active color                                                         |         string          |    No    | Android/IOS |        Yes        |
+|    circleInActiveColor    |                                                       circle in active color                                                        |         string          |    No    | Android/IOS |        Yes        |
+|        circleSize         |                                                             circle Size                                                             |         number          |    No    | Android/IOS |        Yes        |
+|     circleBorderWidth     |                                                         circle Border Width                                                         |        function         |    No    | Android/IOS |        Yes        |
+|  circleBorderactiveColor  |                                                     circle Border Active Color                                                      |        function         |    No    | Android/IOS |        Yes        |
+| circleBorderInactiveColor |                                                    circle Border Inactive Color                                                     |         boolean         |    No    | Android/IOS |        Yes        |
+|      activeTextStyle      |                                                          active Text Style                                                          | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
+|     inactiveTextStyle     |                                                        in Active Text Style.                                                        | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
+|      containerStyle       |                                                           container Style                                                           | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
+|         barHeight         |                                                             Bar Height                                                              |         number          |    No    | Android/IOS |        Yes        |
+|     circleBorderWidth     |                                                         circle Border Width                                                         |         number          |    No    | Android/IOS |        Yes        |
+|    renderInsideCircle     |                               custom component to render inside the Switch circle (Text, Image, etc.)                               |        function         |    No    | Android/IOS |        Yes        |
+|  changeValueImmediately   |                       if rendering inside circle, change state immediately or wait for animation to complete                        |         boolean         |    No    | Android/IOS |        Yes        |
+|     innerCircleStyle      |                          style for inner animated circle for what you (may) be rendering inside the circle                          | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
+|     outerCircleStyle      |                                                   style for outer animated circle                                                   | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
+|     renderActiveText      |                                                         render Active Text                                                          |         boolean         |    No    | Android/IOS |        Yes        |
+|    renderInActiveText     |                                                        render In Active Text                                                        |         boolean         |    No    | Android/IOS |        Yes        |
+|       switchLeftPx        |    denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider    |         number          |    No    | Android/IOS |        Yes        |
+|       switchRightPx       | denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider |         number          |    No    | Android/IOS |        Yes        |
+|   switchWidthMultiplier   |                             multiplied by the `circleSize` prop to calculate total width of the Switch                              |         number          |    No    | Android/IOS |        Yes        |
+|    switchBorderRadius     |                          Sets the border Radius of the switch slider. If unset, it remains the circleSize.                          |         number          |    No    | Android/IOS |        Yes        |
+|          testID           |                                                           swtich test ID                                                            |         string          |    No    | Android/IOS |        Yes        |
+
+## Known Issues
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/shahen94/react-native-switch/blob/master/LICENSE).
+
+<!-- {% endraw %} -->
diff --git a/en/react-native-tcp-socket.md b/en/react-native-tcp-socket.md
index 7bfd7c83..27dee4b6 100644
--- a/en/react-native-tcp-socket.md
+++ b/en/react-native-tcp-socket.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-tcp-socket</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tcp-socket)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-tcp-socket)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-tcp-socket@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, {useState} from 'react';
@@ -509,28 +509,28 @@ export const TcpSocketDemo = () => {
         keyExtractor={item => item.id.toString()}
       />
       <TouchableOpacity onPress={createTcpServer} style={styles.moduleButton}>
-        <Text style={styles.buttonText}>创建TCP服务器</Text>
+        <Text style={styles.buttonText}>creating a tcp server</Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={createTcpClient} style={styles.moduleButton}>
-        <Text style={styles.buttonText}>创建TCP客户端</Text>
+        <Text style={styles.buttonText}>creating a tcp client</Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={tcpSendData} style={styles.moduleButton}>
-        <Text style={styles.buttonText}>客户端和服务器通信</Text>
+        <Text style={styles.buttonText}>client and server communication</Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={tcpPauseResume} style={styles.moduleButton}>
-        <Text style={styles.buttonText}>数据的暂停与恢复</Text>
+        <Text style={styles.buttonText}>pause and resume of data</Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={tcpLongData} style={styles.moduleButton}>
-        <Text style={styles.buttonText}>长数据传输</Text>
+        <Text style={styles.buttonText}>long data transmission</Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={tcpClose} style={styles.moduleButton}>
-        <Text style={styles.buttonText}>关闭连接</Text>
+        <Text style={styles.buttonText}>close link</Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={createTlsServer} style={styles.moduleButton}>
-        <Text style={styles.buttonText}>创建TLS服务器</Text>
+        <Text style={styles.buttonText}>creating a TLS server</Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={createTlsClient} style={styles.moduleButton}>
-        <Text style={styles.buttonText}>创建TLS客户端</Text>
+        <Text style={styles.buttonText}>creating a TLS client</Text>
       </TouchableOpacity>
     </View>
   );
@@ -567,17 +567,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -588,18 +588,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -608,22 +605,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 TcpSocketPackage
+### 3. Introducing TcpSocketPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -636,28 +633,28 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases)
 
-### 权限要求
+### Permission Requirements
 
 需要获取网络信息权限："ohos.permission.GET_NETWORK_INFO"和使用网络权限："ohos.permission.INTERNET"，配置方法如下：
 
@@ -677,9 +674,9 @@ ohpm install
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                         | Description                                         | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------------------------------- | --------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -698,79 +695,79 @@ ohpm install
 
 ### Server
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| address() | Returns the bound `address`, the address `family` name, and `port` of the server as reported by the operating system if listening | function | no | Android,iOS | yes |
-| listen(options, callback) | Start a server listening for connections | function | no | Android,iOS | yes |
-| close(callback) | Stops the server from accepting new connections and keeps existing connections | function |no | Android,iOS | yes |
-| getConnections(callback) | Asynchronously get the number of concurrent connections on the server | function | no | Android,iOS | yes |
-| listening | whether to enable the listening | boolean | no | Android,iOS | yes |
-| on('close') | Triggered when the server is shut down | event | no | Android,iOS | yes |
-| on('connection') | Triggered when the server receives a new connection | event | no | Android,iOS | yes |
-| on('error') | Triggered when an error occurs on the server | event | no | Android,iOS | yes |
-| on('listening') | Triggered when the server starts listening | event | no | Android,iOS | yes |
-
+| Name                      | Description                                                                                                                       | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------- | --------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| address()                 | Returns the bound `address`, the address `family` name, and `port` of the server as reported by the operating system if listening | function | no       | Android,iOS | yes               |
+| listen(options, callback) | Start a server listening for connections                                                                                          | function | no       | Android,iOS | yes               |
+| close(callback)           | Stops the server from accepting new connections and keeps existing connections                                                    | function | no       | Android,iOS | yes               |
+| getConnections(callback)  | Asynchronously get the number of concurrent connections on the server                                                             | function | no       | Android,iOS | yes               |
+| listening                 | whether to enable the listening                                                                                                   | boolean  | no       | Android,iOS | yes               |
+| on('close')               | Triggered when the server is shut down                                                                                            | event    | no       | Android,iOS | yes               |
+| on('connection')          | Triggered when the server receives a new connection                                                                               | event    | no       | Android,iOS | yes               |
+| on('error')               | Triggered when an error occurs on the server                                                                                      | event    | no       | Android,iOS | yes               |
+| on('listening')           | Triggered when the server starts listening                                                                                        | event    | no       | Android,iOS | yes               |
 
 ### Socket
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| address() | Returns the bound `address`, the address `family` name and `port` of the socket as reported | function | no | Android,iOS | yes |
-| destroy() | Ensures that no more I/O activity happens on this socket. Destroys the stream and closes the connection | function | no | Android,iOS | yes |
-| end() | Half-closes the socket. i.e., it sends a FIN packet. It is possible the server will still send some data | function | no | Android,iOS | yes |
-| setEncoding(encoding) | Set the encoding for the socket as a Readable Stream. By default, no encoding is assigned and stream data will be returned as `Buffer` objects | function | no | Android,iOS | yes |
-| setNoDelay(noDelay) | Set no delay                                                 | function | no | Android,iOS | yes |
-| setTimeout() | Sets the socket to timeout after `timeout` milliseconds of inactivity on the socket. By default `TcpSocket` do not have a timeout | function | no | Android,iOS | yes |
-| write(buffer, encoding, cb) | Sends data on the socket. The second parameter specifies the encoding in the case of a string — it defaults to UTF8 encoding | function | no | Android,iOS | yes |
-| pause() | Pauses the reading of data. That is, `'data'` events will not be emitted. Useful to throttle back an upload | function | no | Android,iOS | yes |
-| resume() | Resumes reading after a call to `socket.pause()` | function | no | Android,iOS | yes |
-| writableNeedDrain | whether need to wait for data to be written to the socket | boolean | no | Android,iOS | yes |
-| bytesRead | Indicates the number of bytes of data that have been read from the socket | number | no | Android,iOS | yes |
-| bytesWritten | get the number of bytes last written to the socket | number | no | Android,iOS | yes |
-| connecting | whether the current socket is being connected | boolean | no | Android,iOS | yes |
-| destroyed | Whether the socket has been destroyed | boolean | no | Android,iOS | yes |
-| localAddress | Local ip address | string | no | Android,iOS | yes |
-| localPort | Local port | number | no | Android,iOS | yes |
-| remoteAddress | remote server IP address | string | no | Android,iOS | yes |
-| remoteFamily | remote server IP address type | string | no | Android,iOS | yes |
-| remotePort | remote server port | number | no | Android,iOS | yes |
-| pending | Whether  has pending data to be sent to the remote server | boolean | no | Android,iOS | yes |
-| timeout | The timeout period for the socket, in milliseconds. The default timeout period is 30 seconds | number | no | Android,iOS | yes |
-| readyState | the state of socket,`0`: not connected,`1`:connected,2:  closing,3:closed | number | no | Android,iOS | yes |
-| on('pause') | Triggered when pauses the reading of data | event | no | Android,iOS | yes |
-| on('resume') | Triggered when Resumes the reading of data | event | no | Android,iOS | yes |
-| on('close') | Triggered when socket is  closed | event | no | Android,iOS | yes |
-| on('connect') | Triggered when socket is  connected | event | no | Android,iOS | yes |
-| on('data') | Triggered when socket  receives data | event | no | Android,iOS | yes |
-| on('drain') | Triggered when the buffer becomes empty, indicating that data can be written to the socke | event | no | Android,iOS | yes |
-| on('error') | Triggered when an error occurs on the socket | event | no | Android,iOS | yes |
-| on('timeout') | Triggered When the connection or data transmission times out | event | no | Android,iOS | yes |
+
+| Name                        | Description                                                                                                                                    | Type     | Required | Platform    | HarmonyOS Support |
+| --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| address()                   | Returns the bound `address`, the address `family` name and `port` of the socket as reported                                                    | function | no       | Android,iOS | yes               |
+| destroy()                   | Ensures that no more I/O activity happens on this socket. Destroys the stream and closes the connection                                        | function | no       | Android,iOS | yes               |
+| end()                       | Half-closes the socket. i.e., it sends a FIN packet. It is possible the server will still send some data                                       | function | no       | Android,iOS | yes               |
+| setEncoding(encoding)       | Set the encoding for the socket as a Readable Stream. By default, no encoding is assigned and stream data will be returned as `Buffer` objects | function | no       | Android,iOS | yes               |
+| setNoDelay(noDelay)         | Set no delay                                                                                                                                   | function | no       | Android,iOS | yes               |
+| setTimeout()                | Sets the socket to timeout after `timeout` milliseconds of inactivity on the socket. By default `TcpSocket` do not have a timeout              | function | no       | Android,iOS | yes               |
+| write(buffer, encoding, cb) | Sends data on the socket. The second parameter specifies the encoding in the case of a string — it defaults to UTF8 encoding                   | function | no       | Android,iOS | yes               |
+| pause()                     | Pauses the reading of data. That is, `'data'` events will not be emitted. Useful to throttle back an upload                                    | function | no       | Android,iOS | yes               |
+| resume()                    | Resumes reading after a call to `socket.pause()`                                                                                               | function | no       | Android,iOS | yes               |
+| writableNeedDrain           | whether need to wait for data to be written to the socket                                                                                      | boolean  | no       | Android,iOS | yes               |
+| bytesRead                   | Indicates the number of bytes of data that have been read from the socket                                                                      | number   | no       | Android,iOS | yes               |
+| bytesWritten                | get the number of bytes last written to the socket                                                                                             | number   | no       | Android,iOS | yes               |
+| connecting                  | whether the current socket is being connected                                                                                                  | boolean  | no       | Android,iOS | yes               |
+| destroyed                   | Whether the socket has been destroyed                                                                                                          | boolean  | no       | Android,iOS | yes               |
+| localAddress                | Local ip address                                                                                                                               | string   | no       | Android,iOS | yes               |
+| localPort                   | Local port                                                                                                                                     | number   | no       | Android,iOS | yes               |
+| remoteAddress               | remote server IP address                                                                                                                       | string   | no       | Android,iOS | yes               |
+| remoteFamily                | remote server IP address type                                                                                                                  | string   | no       | Android,iOS | yes               |
+| remotePort                  | remote server port                                                                                                                             | number   | no       | Android,iOS | yes               |
+| pending                     | Whether has pending data to be sent to the remote server                                                                                       | boolean  | no       | Android,iOS | yes               |
+| timeout                     | The timeout period for the socket, in milliseconds. The default timeout period is 30 seconds                                                   | number   | no       | Android,iOS | yes               |
+| readyState                  | the state of socket,`0`: not connected,`1`:connected,2: closing,3:closed                                                                       | number   | no       | Android,iOS | yes               |
+| on('pause')                 | Triggered when pauses the reading of data                                                                                                      | event    | no       | Android,iOS | yes               |
+| on('resume')                | Triggered when Resumes the reading of data                                                                                                     | event    | no       | Android,iOS | yes               |
+| on('close')                 | Triggered when socket is closed                                                                                                                | event    | no       | Android,iOS | yes               |
+| on('connect')               | Triggered when socket is connected                                                                                                             | event    | no       | Android,iOS | yes               |
+| on('data')                  | Triggered when socket receives data                                                                                                            | event    | no       | Android,iOS | yes               |
+| on('drain')                 | Triggered when the buffer becomes empty, indicating that data can be written to the socke                                                      | event    | no       | Android,iOS | yes               |
+| on('error')                 | Triggered when an error occurs on the socket                                                                                                   | event    | no       | Android,iOS | yes               |
+| on('timeout')               | Triggered When the connection or data transmission times out                                                                                   | event    | no       | Android,iOS | yes               |
 
 ### TLSServer
 
-[!TIP] TLSServer继承自Server对象，拥有Server对象的所有属性、方法和事件，以下仅列出其独有的属性。
+[!TIP] TLSServer 继承自 Server 对象，拥有 Server 对象的所有 Properties、方法和事件，以下仅列出其独有的 Properties。
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| setSecureContext(options) | Set Security Context | function | no | Android,iOS | yes |
-| on('secureConnection') | Triggered When a secure TLS connection is established | event | no | Android,iOS | yes |
+| Name                      | Description                                           | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ----------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| setSecureContext(options) | Set Security Context                                  | function | no       | Android,iOS | yes               |
+| on('secureConnection')    | Triggered When a secure TLS connection is established | event    | no       | Android,iOS | yes               |
 
 ### TLSSocket
 
-[!TIP] TLSSocket继承自Socket对象，拥有Socket对象的所有属性、方法和事件，以下仅列出其独有的属性。
+[!TIP] TLSSocket 继承自 Socket 对象，拥有 Socket 对象的所有 Properties、方法和事件，以下仅列出其独有的 Properties。
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| getCertificate() | Get a Local Certificate Information | function | no | Android | yes |
-| getPeerCertificate() | Get the Certificate Information of the Remote Server | function | no | Android | yes |
-| on('secureConnect') | Triggered When a secure connection is established | event | no | Android,iOS | yes |
+| Name                 | Description                                          | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| getCertificate()     | Get a Local Certificate Information                  | function | no       | Android     | yes               |
+| getPeerCertificate() | Get the Certificate Information of the Remote Server | function | no       | Android     | yes               |
+| on('secureConnect')  | Triggered When a secure connection is established    | event    | no       | Android,iOS | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 目前无法实现多线程: [issue#3](https://github.com/react-native-oh-library/react-native-tcp-socket/issues/3)
-- [ ] 获取证书只有异步接口，目前返回值是一个promise，与安卓上同步接口不一致: [issue#4](https://github.com/react-native-oh-library/react-native-tcp-socket/issues/4)
+- [ ] 获取证书只有异步接口，目前返回值是一个 promise，与安卓上同步接口不一致: [issue#4](https://github.com/react-native-oh-library/react-native-tcp-socket/issues/4)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/Rapsssito/react-native-tcp-socket/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/Rapsssito/react-native-tcp-socket/blob/master/LICENSE).
diff --git a/en/react-native-theme-control.md b/en/react-native-theme-control.md
index 6e9a0495..4341f3ac 100644
--- a/en/react-native-theme-control.md
+++ b/en/react-native-theme-control.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-theme-control</code> </h1>
@@ -12,17 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-theme-control)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-theme-control)
 
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-theme-control/Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-theme-control/Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,11 +38,11 @@ yarn add @react-native-oh-tpl/react-native-theme-control@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-```js   
+```js
 import * as React from 'react';
 
 import { Text, useColorScheme, View } from 'react-native';
@@ -101,17 +99,17 @@ useThemePreference(): {themePreference}
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -122,44 +120,40 @@ useThemePreference(): {themePreference}
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
     "@react-native-oh-tpl/react-native-theme-control": "file:../../node_modules/@react-native-oh-tpl/react-native-theme-control/harmony/themecontrol.har",
-        
+
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
+### 3. Introducing RNThemeControlPackage to ArkTS
 
-### 3.在 ArkTs 侧引入 RNThemeControlPackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -173,9 +167,10 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.在 entry/src/main/ets/abilityStage   新建MyAbilityStage.ets
+### 4.在 entry/src/main/ets/abilityStage 新建 MyAbilityStage.ets
+
+Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the following code:
 
-打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
 ```diff
 import appRecovery from '@ohos.app.ability.appRecovery';
 import AbilityStage from '@ohos.app.ability.AbilityStage';
@@ -198,9 +193,11 @@ export default class MyAbilityStage extends AbilityStage {
   }
 }
 ```
-### 5.在 entry/src/main/ets/entryability/EntryAbility.ets  配置生命周期调用 
 
-打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
+### 5.在 entry/src/main/ets/entryability/EntryAbility.ets 配置生命周期调用
+
+Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the following code:
+
 ```diff
 + import {RNAbility} from 'rnoh';
 + import Want from '@ohos.app.ability.Want';
@@ -217,50 +214,45 @@ export default class MyAbilityStage extends AbilityStage {
 }
 ```
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
-
-### 兼容性
+Then build and run the code.
 
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-theme-control Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)
-
+### Compatibility
 
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-theme-control Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name                    | Description                         | Type      | Required | Platform     | HarmonyOS Support |
-|-------------------------|-------------------------------------|-----------|----------|--------------|-------------------|
-| getThemePreference      | Get Theme Preferences               | function  | No       | IOS/Android  | yes               |
-| setNavbarAppearance     | Set Navigation Bar Appearance       | function  | No       | IOS/Android  | yes               |
-| setAppBackground        | Set the background color of the app | function  | No       | IOS/Android  | yes               |
-| setTheme                | Set Theme                           | function  | No       | IOS/Android  | yes               |
-| recoverApplicationTheme | Restoring Theme Storage             | function  | No       | IOS/Android  | yes               |
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-## 遗留问题
+| Name                    | Description                         | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------------- | ----------------------------------- | -------- | -------- | ----------- | ----------------- |
+| getThemePreference      | Get Theme Preferences               | function | No       | IOS/Android | yes               |
+| setNavbarAppearance     | Set Navigation Bar Appearance       | function | No       | IOS/Android | yes               |
+| setAppBackground        | Set the background color of the app | function | No       | IOS/Android | yes               |
+| setTheme                | Set Theme                           | function | No       | IOS/Android | yes               |
+| recoverApplicationTheme | Restoring Theme Storage             | function | No       | IOS/Android | yes               |
 
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-theme-control/blob/main/LICENSE) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The MIT License (MIT)](https://github.com/vonovak/react-native-theme-control/blob/main/LICENSE).
diff --git a/en/react-native-theme-switch-animation.md b/en/react-native-theme-switch-animation.md
index c05d1c1f..af107c51 100644
--- a/en/react-native-theme-switch-animation.md
+++ b/en/react-native-theme-switch-animation.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-theme-switch-animation</code> </h1>
@@ -12,12 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-theme-switch-animation)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-theme-switch-animation)
 
+## Installation and Usage
 
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases).
 
 <!-- tabs:start -->
 
@@ -35,71 +34,71 @@ yarn add @react-native-oh-tpl/react-native-theme-switch-animation@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import * as React from 'react';
-import { StyleSheet, View, Button, Text } from 'react-native';
-import switchTheme from 'react-native-theme-switch-animation';
+import * as React from "react";
+import { StyleSheet, View, Button, Text } from "react-native";
+import switchTheme from "react-native-theme-switch-animation";
 
 export function ReactNativeThemeSwitchAnimationDemo() {
-  const [theme, setTheme] = React.useState('light');
-  
+  const [theme, setTheme] = React.useState("light");
+
   return (
+    <View
+      style={{
+        ...styles.container,
+        backgroundColor: theme === "light" ? "white" : "black",
+      }}
+    >
       <View
         style={{
-          ...styles.container,
-          backgroundColor: theme === 'light' ? 'white' : 'black',
+          borderWidth: 1,
+          borderColor: theme === "light" ? "black" : "white",
+          borderRadius: 1.4,
+          padding: 50,
         }}
       >
-        <View
+        <Text
           style={{
-            borderWidth: 1,
-            borderColor: theme === 'light' ? 'black' : 'white',
-            borderRadius: 1.4,
-            padding: 50,
+            color: theme === "light" ? "black" : "white",
           }}
         >
-          <Text
-            style={{
-              color: theme === 'light' ? 'black' : 'white',
-            }}
-          >
-            tests
-          </Text>
-        </View>
-
-        <View style={{ marginTop: 10 }}>
-          <Button
-            title="start"
-            onPress={() => {
-              switchTheme({
-                switchThemeFunction: () => {
-                  setTheme(theme === 'light' ? 'dark' : 'light');
-                },
-                animationConfig: {
-                  type: 'inverted-circular',
-                  duration: 2000,
-                  startingPoint: {
-                    cxRatio: 0.5,
-                    cyRatio: 0.5,
-                  },
+          tests
+        </Text>
+      </View>
+
+      <View style={{ marginTop: 10 }}>
+        <Button
+          title="start"
+          onPress={() => {
+            switchTheme({
+              switchThemeFunction: () => {
+                setTheme(theme === "light" ? "dark" : "light");
+              },
+              animationConfig: {
+                type: "inverted-circular",
+                duration: 2000,
+                startingPoint: {
+                  cxRatio: 0.5,
+                  cyRatio: 0.5,
                 },
-              });
-            }}
-          />
-        </View>
+              },
+            });
+          }}
+        />
       </View>
+    </View>
   );
 }
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
   },
   box: {
     width: 60,
@@ -107,21 +106,19 @@ const styles = StyleSheet.create({
     marginVertical: 20,
   },
 });
-
 ```
 
-## 使用 Codegen
-
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+## Use Codegen
 
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -132,18 +129,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -153,21 +147,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
-### 3.在 ArkTs 侧引入 RNThemeSwitch Package
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+### 3. Introducing RNThemeSwitch Package to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -181,68 +176,70 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 
 ```
-### 4.运行
 
-点击右上角的 `sync` 按钮
+### 4. Running
+
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 注意事项
+### Precautions
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-safe-area-context. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-safe-area-context](/en/react-native-safe-area-context.md) to add it to your project.
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **switchTheme Function Props**
 
-| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
-| ----- | ----- | -------- | -------- | -------- | -------- |
-| `switchThemeFunction`  |Adds the function you use in your app to switch themes, doesn't matter if you use redux/context/zustand/mobx or any other way |  () => void | no     | All  | yes      |
-| `animationConfig`  | Configuration for the animation -> type, duration, starting point | AnimationConfig |  no     | All   | yes      |
+| Prop                  | Description                                                                                                                   | Type            | Required | Platform | HarmonyOS Support |
+| --------------------- | ----------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | -------- | ----------------- |
+| `switchThemeFunction` | Adds the function you use in your app to switch themes, doesn't matter if you use redux/context/zustand/mobx or any other way | () => void      | no       | All      | yes               |
+| `animationConfig`     | Configuration for the animation -> type, duration, starting point                                                             | AnimationConfig | no       | All      | yes               |
 
 **animationConfig options**
 
-| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
-| ----- | ----- | -------- | -------- | -------- | -------- |
-| `type`  | Specifies animation type | fade circular inverted-circular |  no     | All   | yes      |
-| `duration`  | Specifies duration in milliseconds | number |  no     | All   | yes      |
-| `startingPoint`  | Configuration for the circular animation, where does the animation start in the screen | 	StartingPointConfig |  no     | All   | yes      |
+| Prop            | Description                                                                            | Type                            | Required | Platform | HarmonyOS Support |
+| --------------- | -------------------------------------------------------------------------------------- | ------------------------------- | -------- | -------- | ----------------- |
+| `type`          | Specifies animation type                                                               | fade circular inverted-circular | no       | All      | yes               |
+| `duration`      | Specifies duration in milliseconds                                                     | number                          | no       | All      | yes               |
+| `startingPoint` | Configuration for the circular animation, where does the animation start in the screen | StartingPointConfig             | no       | All      | yes               |
 
 **startingPoint options**
 
-| Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
-| ----- | ----- | -------- | -------- | -------- | -------- |
-| `cx`  | Specifies starting x point for circular and inverted-circular animation (should not exceed your screen width) |number|  no     | All   | yes      |
-| `cy`  | Specifies starting y point for circular and inverted-circular animation (should not exceed your screen height) |number|  no     | All   | yes      |
-| `cxRatio`  | Specifies starting percentage of x point for circular and inverted-circular animation (should be number between -1 and 1) |number|  no     | All   | yes      |
-| `cyRatio`  | Specifies starting percentage of y point for circular and inverted-circular animation (should be number between -1 and 1) |number|  no     | All   | yes      |
+| Prop      | Description                                                                                                               | Type   | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | ----------------- |
+| `cx`      | Specifies starting x point for circular and inverted-circular animation (should not exceed your screen width)             | number | no       | All      | yes               |
+| `cy`      | Specifies starting y point for circular and inverted-circular animation (should not exceed your screen height)            | number | no       | All      | yes               |
+| `cxRatio` | Specifies starting percentage of x point for circular and inverted-circular animation (should be number between -1 and 1) | number | no       | All      | yes               |
+| `cyRatio` | Specifies starting percentage of y point for circular and inverted-circular animation (should be number between -1 and 1) | number | no       | All      | yes               |
+
+## Known Issues
 
-## 遗留问题
+- [ ] circular 动画效果动画开始前有一个闪屏的问题，后续需要提供在图片上剪裁出一个圆形，透过圆形可以看到下方节点的接口或方法。[issue#6](https://github.com/react-native-oh-library/react-native-theme-switch-animation/issues/6)
 
-- [ ] circular动画效果动画开始前有一个闪屏的问题，后续需要提供在图片上剪裁出一个圆形，透过圆形可以看到下方节点的接口或方法。[issue#6](https://github.com/react-native-oh-library/react-native-theme-switch-animation/issues/6)
+## Others
 
-## 其他
+## License
 
-## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/WadhahEssam/react-native-theme-switch-animation/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/WadhahEssam/react-native-theme-switch-animation/blob/main/LICENSE).
diff --git a/en/react-native-tts.md b/en/react-native-tts.md
index 2295efcb..1153ea64 100644
--- a/en/react-native-tts.md
+++ b/en/react-native-tts.md
@@ -1,4 +1,4 @@
->  模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-tts</code> </h1>
@@ -13,16 +13,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-tts)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tts)
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,29 +39,29 @@ yarn add @react-native-oh-tpl/react-native-tts@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import {useState, useCallback} from 'react';
-import {Text, View, StyleSheet, SafeAreaView} from 'react-native';
-import Tts from 'react-native-tts';
+import { useState, useCallback } from "react";
+import { Text, View, StyleSheet, SafeAreaView } from "react-native";
+import Tts from "react-native-tts";
 
 const cnText = `炎炎夏日，阳光如烈火般炙烤大地，空气中弥漫着热浪的气息。树荫下，蝉鸣声如同热浪中跳跃的音符，微风吹过，带来一丝清凉。远处的田野上，金黄的麦浪随风起伏，仿佛在舞动着夏天的节奏。天空湛蓝如洗，白云悠然飘过，似是一幅宁静而美丽的夏日画卷。`;
 
 export function TTSDemo() {
-  const [speakText, setSpeakText] = useState<string>(cnText);
+  const [speakText, setSpeakText] = useState < string > cnText;
 
   const addEvent = useCallback(() => {
-    Tts.addEventListener('tts-start', res => {
-      console.log('tts-start', res);
+    Tts.addEventListener("tts-start", (res) => {
+      console.log("tts-start", res);
     });
   }, []);
 
   const removeEvent = useCallback(() => {
-    Tts.addEventListener('tts-start', res => {
-      console.log('tts-start', res);
+    Tts.addEventListener("tts-start", (res) => {
+      console.log("tts-start", res);
     });
   }, []);
 
@@ -76,7 +75,7 @@ export function TTSDemo() {
 
   const getInitStatus = useCallback(() => {
     Tts.getInitStatus().then(() => {
-      console.log('初始化已完成');
+      console.log("initialization completed");
     });
   }, []);
 
@@ -97,7 +96,7 @@ export function TTSDemo() {
   }, []);
 
   const queryVoices = useCallback(() => {
-    Tts.voices().then(res => {
+    Tts.voices().then((res) => {
       const resTr = JSON.stringify(res);
       setSpeakText(resTr);
     });
@@ -106,7 +105,7 @@ export function TTSDemo() {
   return (
     <>
       <SafeAreaView style={styles.constainer}>
-        <Text style={styles.title}>react-native-tts功能验证</Text>
+        <Text style={styles.title}>react-native-tts functional verification</Text>
         <View style={styles.content}>
           <View style={styles.btnWrap}>
             <Text style={styles.button} onPress={getInitStatus}>
@@ -152,14 +151,14 @@ const styles = StyleSheet.create({
   },
   content: {
     flex: 1,
-    display: 'flex',
+    display: "flex",
   },
   btnWrap: {
-    width: 'auto',
-    backgroundColor: 'gray',
-    display: 'flex',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
+    width: "auto",
+    backgroundColor: "gray",
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
     paddingLeft: 20,
   },
   text: {
@@ -169,30 +168,29 @@ const styles = StyleSheet.create({
   title: {
     padding: 10,
     fontSize: 30,
-    textAlign: 'center',
+    textAlign: "center",
   },
   button: {
     paddingVertical: 6,
     paddingHorizontal: 12,
-    backgroundColor: 'hsl(193, 95%, 68%)',
+    backgroundColor: "hsl(193, 95%, 68%)",
     borderWidth: 2,
-    borderColor: 'hsl(193, 95%, 30%)',
+    borderColor: "hsl(193, 95%, 30%)",
   },
 });
-
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -203,18 +201,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -223,22 +218,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNTTSPackage
+### 3. Introducing RNTTSPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -253,66 +248,66 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases)
 
-## 静态方法
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                             | Type     | Required | Platform | HarmonyOS Support |
 | --------------------- | ----------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| getInitStatus         | Returns a promise that resolves when the TTS engine is initialized.     | Function | no     | All    | yes            |
-| requestInstallEngine  | Requests installation of the TTS engine if not already installed.       | Function | no     | Android | no                |
-| requestInstallData    | Requests installation of the TTS data if not already installed.         | Function | no     | Android | no                |
-| setDucking            | Sets whether the TTS engine should duck other audio when speaking.      | Function | no     | All      | no                |
-| setDefaultEngine      | Sets the default TTS engine.                                            | Function | no     | Android | no                |
-| setDefaultVoice       | Sets the default voice for the TTS engine.                              | Function | no     | All      | no                |
-| setDefaultRate        | Sets the default speech rate for the TTS engine.                        | Function | no     | All      | yes               |
-| setDefaultPitch       | Sets the default pitch for the TTS engine.                              | Function | no     | All      | yes               |
-| setDefaultLanguage    | Sets the default language for the TTS engine.                           | Function | no     | All      | no                |
-| setIgnoreSilentSwitch | Sets whether to ignore the silent button.                 | Function | no    | iOS |no|
-| voices                | Retrieves a list of available voices from the TTS engine.               | Function | no     | All      | yes               |
-| engines               | Retrieves a list of available TTS engines.                              | Function | no     | Android | no                |
-| speak                 | Speaks the given utterance and returns a promise with the utterance ID. | Function | no     | All      | yes               |
-| stop                  | Stops the current TTS utterance.                                        | Function | no     | All      | yes               |
-| pause                 | Pause the current TTS utterance.                                        | Function | no     | All      | yes               |
-| resume                | Resume the current TTS utterance.                                       | Function | no     | All      | yes               |
-| addEventListener      | Adding an Event Listener                                                | Function | no     | All      | yes               |
-| removeEventListener   | Remove Event Listener                                                   | Function | no     | All      | yes               |
-
-## 遗留问题
+| getInitStatus         | Returns a promise that resolves when the TTS engine is initialized.     | Function | no       | All      | yes               |
+| requestInstallEngine  | Requests installation of the TTS engine if not already installed.       | Function | no       | Android  | no                |
+| requestInstallData    | Requests installation of the TTS data if not already installed.         | Function | no       | Android  | no                |
+| setDucking            | Sets whether the TTS engine should duck other audio when speaking.      | Function | no       | All      | no                |
+| setDefaultEngine      | Sets the default TTS engine.                                            | Function | no       | Android  | no                |
+| setDefaultVoice       | Sets the default voice for the TTS engine.                              | Function | no       | All      | no                |
+| setDefaultRate        | Sets the default speech rate for the TTS engine.                        | Function | no       | All      | yes               |
+| setDefaultPitch       | Sets the default pitch for the TTS engine.                              | Function | no       | All      | yes               |
+| setDefaultLanguage    | Sets the default language for the TTS engine.                           | Function | no       | All      | no                |
+| setIgnoreSilentSwitch | Sets whether to ignore the silent button.                               | Function | no       | iOS      | no                |
+| voices                | Retrieves a list of available voices from the TTS engine.               | Function | no       | All      | yes               |
+| engines               | Retrieves a list of available TTS engines.                              | Function | no       | Android  | no                |
+| speak                 | Speaks the given utterance and returns a promise with the utterance ID. | Function | no       | All      | yes               |
+| stop                  | Stops the current TTS utterance.                                        | Function | no       | All      | yes               |
+| pause                 | Pause the current TTS utterance.                                        | Function | no       | All      | yes               |
+| resume                | Resume the current TTS utterance.                                       | Function | no       | All      | yes               |
+| addEventListener      | Adding an Event Listener                                                | Function | no       | All      | yes               |
+| removeEventListener   | Remove Event Listener                                                   | Function | no       | All      | yes               |
+
+## Known Issues
 
 - [ ] 三方引擎相关功能无法实现的问题：[issue#2](https://github.com/react-native-oh-library/react-native-tts/issues/2)
 - [ ] 语言类型只支持中文的问题：[issue#3](https://github.com/react-native-oh-library/react-native-tts/issues/3)
-- [ ] setDucking无法实现的问题：[issue#4](https://github.com/react-native-oh-library/react-native-tts/issues/4)
-- [ ] setIgnoreSilentSwitch无法实现的问题：[issue#5](https://github.com/react-native-oh-library/react-native-tts/issues/5)
-- [ ] setDefaultVoice无法实现的问题：[issue#6](https://github.com/react-native-oh-library/react-native-tts/issues/6)
+- [ ] setDucking 无法实现的问题：[issue#4](https://github.com/react-native-oh-library/react-native-tts/issues/4)
+- [ ] setIgnoreSilentSwitch 无法实现的问题：[issue#5](https://github.com/react-native-oh-library/react-native-tts/issues/5)
+- [ ] setDefaultVoice 无法实现的问题：[issue#6](https://github.com/react-native-oh-library/react-native-tts/issues/6)
 - [ ] 边合成边播放的问题：[issue#7](https://github.com/react-native-oh-library/react-native-tts/issues/7)
-- [ ] 参数skipTransform、onWordBoundary无效的问题：[issue#8](https://github.com/react-native-oh-library/react-native-tts/issues/8)
+- [ ] 参数 skipTransform、onWordBoundary 无效的问题：[issue#8](https://github.com/react-native-oh-library/react-native-tts/issues/8)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ak1394/react-native-tts/blob/master/README.md#license)，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/ak1394/react-native-tts/blob/master/README.md#license).
diff --git a/en/react-native-typography.md b/en/react-native-typography.md
index 3e710d97..df15fa85 100644
--- a/en/react-native-typography.md
+++ b/en/react-native-typography.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-typography</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-typography)
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-typography)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-typography@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { View, Text } from "react-native";
@@ -58,19 +58,19 @@ export function TypographyExample1() {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                                                                                                                                                                                                                                                                                                                                                  | Type   | Required | Platform | HarmonyOS Support |
 | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | ----------------- |
@@ -87,15 +87,15 @@ export function TypographyExample1() {
 | systemDenseWeights  | systemWeights`s Dense scripts                                                                                                                                                                                                                                                                                                                                                | object | no       | All      | yes               |
 | systemTallWeights   | systemWeights`s Tall scripts                                                                                                                                                                                                                                                                                                                                                 | object | no       | All      | yes               |
 | sanFranciscoWeights | San Francisco typeface                                                                                                                                                                                                                                                                                                                                                       | object | no       | iOS      | yes               |
-| robotoWeights       | These weights are **only intended for Android**, as they directly reference the native Roboto typeface.                                                                                                                                                                                                                                                                      | object | no       | Android      | yes               |
+| robotoWeights       | These weights are **only intended for Android**, as they directly reference the native Roboto typeface.                                                                                                                                                                                                                                                                      | object | no       | Android  | yes               |
 | webWeights          | These weights are **only intended for the web**, and render [react-native-web](https://github.com/necolas/react-native-web)'s system font stack.                                                                                                                                                                                                                             | object | no       | Web      | yes               |
 | iOSColors           | Colors iOS                                                                                                                                                                                                                                                                                                                                                                   | object | no       | iOS      | yes               |
 | materialColors      | Colors Material                                                                                                                                                                                                                                                                                                                                                              | object | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/hectahertz/react-native-typography/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/hectahertz/react-native-typography/blob/master/LICENSE).
diff --git a/en/react-native-udp.md b/en/react-native-udp.md
index ade3443c..40afe8c6 100644
--- a/en/react-native-udp.md
+++ b/en/react-native-udp.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-udp</code> </h1>
@@ -13,16 +13,15 @@
     </a>
 </p>
 
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-udp)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-udp)
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -36,15 +35,15 @@ npm install @react-native-oh-tpl/react-native-udp@file:#
 yarn add @react-native-oh-tpl/react-native-udp@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, {Component} from 'react';
-import {ScrollView, StyleSheet, Text, View} from 'react-native';
+import React, { Component } from "react";
+import { ScrollView, StyleSheet, Text, View } from "react-native";
 
-import dgram from 'react-native-udp';
+import dgram from "react-native-udp";
 
 function randomPort() {
   return (Math.random() * 60536) | (0 + 5000); // 60536-65536
@@ -64,7 +63,7 @@ class App extends Component {
     super(props);
 
     this.updateChatter = this.updateChatter.bind(this);
-    this.state = {chatter: []};
+    this.state = { chatter: [] };
   }
 
   updateChatter(msg) {
@@ -76,45 +75,45 @@ class App extends Component {
   componentDidMount() {
     let self = this;
 
-    let a = dgram.createSocket('udp4');
+    let a = dgram.createSocket("udp4");
     let aPort = randomPort();
-    a.bind(aPort, function(err) {
+    a.bind(aPort, function (err) {
       if (err) throw err;
-      self.updateChatter('a bound to ' + JSON.stringify(a.address()));
+      self.updateChatter("a bound to " + JSON.stringify(a.address()));
     });
 
-    let b = dgram.createSocket('udp4');
+    let b = dgram.createSocket("udp4");
     var bPort = randomPort();
-    b.bind(bPort, function(err) {
+    b.bind(bPort, function (err) {
       if (err) throw err;
-      self.updateChatter('b bound to ' + JSON.stringify(b.address()));
+      self.updateChatter("b bound to " + JSON.stringify(b.address()));
     });
 
-    a.on('message', function(data, rinfo) {
+    a.on("message", function (data, rinfo) {
       var str = String.fromCharCode.apply(null, new Uint8Array(data));
       self.updateChatter(
-        'a received echo ' + str + ' ' + JSON.stringify(rinfo),
+        "a received echo " + str + " " + JSON.stringify(rinfo)
       );
       a.close();
       b.close();
     });
 
-    b.on('message', function(data, rinfo) {
+    b.on("message", function (data, rinfo) {
       var str = String.fromCharCode.apply(null, new Uint8Array(data));
-      self.updateChatter('b received ' + str + ' ' + JSON.stringify(rinfo));
+      self.updateChatter("b received " + str + " " + JSON.stringify(rinfo));
 
       // echo back
-      b.send(data, 0, data.length, aPort, '127.0.0.1', function(err) {
+      b.send(data, 0, data.length, aPort, "127.0.0.1", function (err) {
         if (err) throw err;
-        self.updateChatter('b echoed data');
+        self.updateChatter("b echoed data");
       });
     });
 
-    b.once('listening', function() {
-      var msg = toByteArray('hello');
-      a.send(msg, 0, msg.length, bPort, '127.0.0.1', function(err) {
+    b.once("listening", function () {
+      var msg = toByteArray("hello");
+      a.send(msg, 0, msg.length, bPort, "127.0.0.1", function (err) {
         if (err) throw err;
-        self.updateChatter('a sent data');
+        self.updateChatter("a sent data");
       });
     });
   }
@@ -139,18 +138,18 @@ class App extends Component {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
   },
   welcome: {
     fontSize: 20,
-    textAlign: 'center',
+    textAlign: "center",
     margin: 10,
   },
   instructions: {
-    textAlign: 'center',
-    color: '#333333',
+    textAlign: "center",
+    color: "#333333",
     marginBottom: 5,
   },
 });
@@ -158,17 +157,17 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -179,18 +178,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -199,24 +195,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+Method 2: Directly link to the source code.
 
+> [!TIP] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
+### 3. Introducing RNUdpPackage to ArkTS
 
-### 3.在 ArkTs 侧引入 RNUdpPackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -231,53 +225,47 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases)
+### Compatibility
 
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name           | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
-| -------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| createSocket   | Creates a Socket object.                                     | Function | false    | Android/iOS | yes               |
-| bind           | For UDP sockets, causes the `UdpSocket` to listen for datagram messages on a named `port`. | Function | false    | Android/iOS | yes               |
-| send           | Broadcasts a datagram on the socket.                         | Function | false    | Android/iOS | yes               |
-| address        | Returns an object containing the address information for a socket. | Function | false    | Android/iOS | yes               |
-| setBroadcast   | Sets or clears the `SO_BROADCAST` socket option.             | Function | false    | Android/iOS | yes               |
+| Name           | Description                                                                                                                                      | Type     | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| createSocket   | Creates a Socket object.                                                                                                                         | Function | false    | Android/iOS | yes               |
+| bind           | For UDP sockets, causes the `UdpSocket` to listen for datagram messages on a named `port`.                                                       | Function | false    | Android/iOS | yes               |
+| send           | Broadcasts a datagram on the socket.                                                                                                             | Function | false    | Android/iOS | yes               |
+| address        | Returns an object containing the address information for a socket.                                                                               | Function | false    | Android/iOS | yes               |
+| setBroadcast   | Sets or clears the `SO_BROADCAST` socket option.                                                                                                 | Function | false    | Android/iOS | yes               |
 | addMembership  | Tells the kernel to join a multicast group at the given `multicastAddress` and `multicastInterface` using the `IP_ADD_MEMBERSHIP` socket option. | Function | false    | Android/iOS | yes               |
-| dropMembership | Instructs the kernel to leave a multicast group at `multicastAddress` using the `IP_DROP_MEMBERSHIP` socket option. | Function | false    | Android/iOS | yes               |
-
-
-
-
+| dropMembership | Instructs the kernel to leave a multicast group at `multicastAddress` using the `IP_DROP_MEMBERSHIP` socket option.                              | Function | false    | Android/iOS | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/tradle/react-native-udp/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/tradle/react-native-udp/blob/master/LICENSE).
diff --git a/en/react-native-version-number.md b/en/react-native-version-number.md
index 9dbad354..ee5a7a97 100644
--- a/en/react-native-version-number.md
+++ b/en/react-native-version-number.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-version-number</code> </h1>
@@ -14,15 +14,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-version-number)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-version-number)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-version-number@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import { Text, View } from "react-native";
@@ -59,17 +59,17 @@ export default function () {
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -80,18 +80,15 @@ export default function () {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -101,22 +98,22 @@ export default function () {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNVersionNumberPackage
+### 3. Introducing RNVersionNumberPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -130,32 +127,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description  | Type   | Required | Platform | HarmonyOS Support |
 | ---------------- | ------------ | ------ | -------- | -------- | ----------------- |
@@ -163,10 +160,10 @@ ohpm install
 | buildVersion     | 构建版本     | string | yes      | all      | yes               |
 | bundleIdentifier | 应用标识符   | string | yes      | all      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/APSL/react-native-version-number/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/APSL/react-native-version-number/blob/master/LICENSE).
diff --git a/en/react-native-voice-voice.md b/en/react-native-voice-voice.md
index b1159d29..7b3ed1f8 100644
--- a/en/react-native-voice-voice.md
+++ b/en/react-native-voice-voice.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-voice/voice</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/voice)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/voice)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,338 +38,345 @@ yarn add @react-native-oh-tpl/voice@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, {Component} from 'react';
+import React, { Component } from "react";
 import {
-    StyleSheet,
-    Text,
-    View,
-    Image,
-    TouchableHighlight,
-    ScrollView,
-    Button,
-} from 'react-native';
+  StyleSheet,
+  Text,
+  View,
+  Image,
+  TouchableHighlight,
+  ScrollView,
+  Button,
+} from "react-native";
 import Voice, {
-    SpeechRecognizedEvent,
-    SpeechResultsEvent,
-    SpeechErrorEvent,
-} from '@react-native-voice/voice';
+  SpeechRecognizedEvent,
+  SpeechResultsEvent,
+  SpeechErrorEvent,
+} from "@react-native-voice/voice";
 
 type Props = {};
 type State = {
-    recognized: string;
-    error: string;
-    end: string;
-    started: string;
-    results: string[];
-    partialResults: string[];
-    isAvailable: number;
-    isRecognizing: number;
+  recognized: string,
+  error: string,
+  end: string,
+  started: string,
+  results: string[],
+  partialResults: string[],
+  isAvailable: number,
+  isRecognizing: number,
 };
 
 class VoiceTest extends Component<Props, State> {
-    state = {
-        recognized: '',
-        error: '',
-        end: '',
-        started: '',
-        results: [],
-        partialResults: [],
-        isAvailable: 0,
-        isRecognizing: 0,
-    };
-
-    constructor(props: Props) {
-        super(props);
-        Voice.onSpeechStart = this.onSpeechStart;
-        Voice.onSpeechRecognized = this.onSpeechRecognized;
-        Voice.onSpeechEnd = this.onSpeechEnd;
-        Voice.onSpeechError = this.onSpeechError;
-        Voice.onSpeechResults = this.onSpeechResults;
-        Voice.onSpeechPartialResults = this.onSpeechPartialResults;
-    }
-
-    componentWillUnmount() {
-        Voice.destroy().then(Voice.removeAllListeners);
-    }
-
-    onSpeechStart = (e: any) => {
-        console.log('onSpeechStart: ', e);
-        this.setState({
-            started: '√',
-        });
-    };
-
-    onSpeechRecognized = (e: SpeechRecognizedEvent) => {
-        console.log('onSpeechRecognized: ', e);
-        this.setState({
-            recognized: '√',
-        });
-    };
-
-    onSpeechEnd = (e: any) => {
-        console.log('onSpeechEnd: ', e);
-        this.setState({
-            end: '√',
-        });
-    };
+  state = {
+    recognized: "",
+    error: "",
+    end: "",
+    started: "",
+    results: [],
+    partialResults: [],
+    isAvailable: 0,
+    isRecognizing: 0,
+  };
+
+  constructor(props: Props) {
+    super(props);
+    Voice.onSpeechStart = this.onSpeechStart;
+    Voice.onSpeechRecognized = this.onSpeechRecognized;
+    Voice.onSpeechEnd = this.onSpeechEnd;
+    Voice.onSpeechError = this.onSpeechError;
+    Voice.onSpeechResults = this.onSpeechResults;
+    Voice.onSpeechPartialResults = this.onSpeechPartialResults;
+  }
 
-    onSpeechError = (e: SpeechErrorEvent) => {
-        console.log('onSpeechError: ', e);
-        this.setState({
-            error: JSON.stringify(e.error),
-        });
-    };
+  componentWillUnmount() {
+    Voice.destroy().then(Voice.removeAllListeners);
+  }
 
-    onSpeechResults = (e: SpeechResultsEvent) => {
-        console.log('onSpeechResults: ', e);
-        this.setState({
-            results: e.value,
-        });
-    };
+  onSpeechStart = (e: any) => {
+    console.log("onSpeechStart: ", e);
+    this.setState({
+      started: "√",
+    });
+  };
+
+  onSpeechRecognized = (e: SpeechRecognizedEvent) => {
+    console.log("onSpeechRecognized: ", e);
+    this.setState({
+      recognized: "√",
+    });
+  };
+
+  onSpeechEnd = (e: any) => {
+    console.log("onSpeechEnd: ", e);
+    this.setState({
+      end: "√",
+    });
+  };
+
+  onSpeechError = (e: SpeechErrorEvent) => {
+    console.log("onSpeechError: ", e);
+    this.setState({
+      error: JSON.stringify(e.error),
+    });
+  };
+
+  onSpeechResults = (e: SpeechResultsEvent) => {
+    console.log("onSpeechResults: ", e);
+    this.setState({
+      results: e.value,
+    });
+  };
+
+  onSpeechPartialResults = (e: SpeechResultsEvent) => {
+    console.log("onSpeechPartialResults: ", e);
+    this.setState({
+      partialResults: e.value,
+    });
+  };
+
+  _startRecognizing = async () => {
+    this.setState({
+      recognized: "",
+      error: "",
+      started: "",
+      results: [],
+      partialResults: [],
+      end: "",
+    });
+
+    try {
+      await Voice.start("en-US");
+    } catch (e) {
+      console.error(e);
+    }
+  };
 
-    onSpeechPartialResults = (e: SpeechResultsEvent) => {
-        console.log('onSpeechPartialResults: ', e);
-        this.setState({
-            partialResults: e.value,
-        });
-    };
+  _stopRecognizing = async () => {
+    try {
+      await Voice.stop();
+    } catch (e) {
+      console.error(e);
+    }
+  };
+
+  _cancelRecognizing = async () => {
+    try {
+      await Voice.cancel();
+      Voice.start;
+    } catch (e) {
+      console.error(e);
+    }
+  };
 
-    _startRecognizing = async () => {
+  _destroyRecognizer = async () => {
+    try {
+      await Voice.destroy();
+    } catch (e) {
+      console.error(e);
+    }
+    this.setState({
+      recognized: "",
+      error: "",
+      started: "",
+      results: [],
+      partialResults: [],
+      end: "",
+    });
+  };
+
+  _isAvailable = async () => {
+    try {
+      Voice.isAvailable().then((available: 0 | 1) => {
         this.setState({
-            recognized: '',
-            error: '',
-            started: '',
-            results: [],
-            partialResults: [],
-            end: '',
+          isAvailable: available ? 1 : 0,
         });
+      });
+    } catch (e) {
+      console.error(e);
+      this.setState({
+        isAvailable: 0,
+      });
+    }
+  };
 
-        try {
-            await Voice.start('en-US');
-        } catch (e) {
-            console.error(e);
-        }
-    };
-
-    _stopRecognizing = async () => {
-        try {
-            await Voice.stop();
-        } catch (e) {
-            console.error(e);
-        }
-    };
-
-    _cancelRecognizing = async () => {
-        try {
-            await Voice.cancel();
-            Voice.start;
-        } catch (e) {
-            console.error(e);
-        }
-    };
-
-    _destroyRecognizer = async () => {
-        try {
-            await Voice.destroy();
-        } catch (e) {
-            console.error(e);
-        }
+  _isRecognizing = async () => {
+    try {
+      Voice.isRecognizing().then((isRecognizing: 0 | 1) => {
         this.setState({
-            recognized: '',
-            error: '',
-            started: '',
-            results: [],
-            partialResults: [],
-            end: '',
+          isRecognizing: isRecognizing ? 1 : 0,
         });
-    };
-
-    _isAvailable = async () => {
-        try {
-            Voice.isAvailable().then((available: 0 | 1) => {
-                this.setState({
-                    isAvailable: available ? 1 : 0,
-                });
-            });
-        } catch (e) {
-            console.error(e);
-            this.setState({
-                isAvailable: 0,
-            });
-        }
-    };
-
-    _isRecognizing = async () => {
-        try {
-            Voice.isRecognizing().then((isRecognizing: 0 | 1) => {
-                this.setState({
-                    isRecognizing: isRecognizing ? 1 : 0,
-                });
-            });
-        } catch (e) {
-            console.error(e);
-        }
-    };
-
-    render() {
-        return (
-            <ScrollView>
-                <View style={{height: 20, marginBottom: 20, backgroundColor: '#fff'}}>
-                    <Text style={styles.stat}>{`${this.state.started}`}</Text>
-                </View>
-
-                <View style={{height: 20, marginBottom: 20, backgroundColor: '#fff'}}>
-                    <Text style={styles.stat}>{`${this.state.recognized}`}</Text>
-                </View>
-
-                <View style={{height: 30, marginBottom: 20, backgroundColor: '#fff'}}>
-                    <Text style={styles.stat}>{`${this.state.error}`}</Text>
-                </View>
-
-                <View
-                    style={{minHeight: 30, marginBottom: 20, backgroundColor: '#fff'}}>
-                    {this.state.results.map((result, index) => {
-                        return (
-                            <Text key={`result-${index}`} style={styles.stat}>
-                                {result}
-                            </Text>
-                        );
-                    })}
-                </View>
-
-                <View
-                    style={{minHeight: 50, marginBottom: 20, backgroundColor: '#fff'}}>
-                    {this.state.partialResults.map((result, index) => {
-                        return (
-                            <Text key={`partial-result-${index}`} style={styles.stat}>
-                                {result}
-                            </Text>
-                        );
-                    })}
-                </View>
-
-                <View style={{height: 30, marginBottom: 20, backgroundColor: '#fff'}}>
-                    <Text style={styles.stat}>{` ${this.state.end}`}</Text>
-                </View>
-
-                <View style={styles.baseArea}>
-                    <Text style={{flex: 1}}>{`${this.state.isAvailable}`}</Text>
-                    <Button
-                        title="isAvailable"
-                        color="#841584"
-                        onPress={this._isAvailable}></Button>
-                </View>
-
-                <View style={styles.baseArea}>
-                    <Text style={{flex: 1}}>{`${this.state.isRecognizing}`}</Text>
-                    <Button
-                        title="isRecognizing"
-                        color="#841584"
-                        onPress={this._isRecognizing}></Button>
-                </View>
-
-                <View style={{marginBottom: 10}}>
-                    <Button
-                        title="start"
-                        color="#841584"
-                        onPress={this._startRecognizing}
-                    />
-                </View>
-                <View style={{marginBottom: 10}}>
-                    <Button
-                        title="stop"
-                        color="#841584"
-                        onPress={this._stopRecognizing}
-                    />
-                </View>
-
-                <View style={{padding: 5}}>
-                    <Button
-                        title="cancel"
-                        color="#841584"
-                        onPress={() => {
-                            this._cancelRecognizing();
-                        }}></Button>
-                </View>
-
-                <View style={{padding: 5}}>
-                    <Button
-                        title="destroy"
-                        color="#841584"
-                        onPress={() => {
-                            this._destroyRecognizer();
-                        }}></Button>
-                </View>
-            </ScrollView>
-        );
+      });
+    } catch (e) {
+      console.error(e);
     }
+  };
+
+  render() {
+    return (
+      <ScrollView>
+        <View style={{ height: 20, marginBottom: 20, backgroundColor: "#fff" }}>
+          <Text style={styles.stat}>{`${this.state.started}`}</Text>
+        </View>
+
+        <View style={{ height: 20, marginBottom: 20, backgroundColor: "#fff" }}>
+          <Text style={styles.stat}>{`${this.state.recognized}`}</Text>
+        </View>
+
+        <View style={{ height: 30, marginBottom: 20, backgroundColor: "#fff" }}>
+          <Text style={styles.stat}>{`${this.state.error}`}</Text>
+        </View>
+
+        <View
+          style={{ minHeight: 30, marginBottom: 20, backgroundColor: "#fff" }}
+        >
+          {this.state.results.map((result, index) => {
+            return (
+              <Text key={`result-${index}`} style={styles.stat}>
+                {result}
+              </Text>
+            );
+          })}
+        </View>
+
+        <View
+          style={{ minHeight: 50, marginBottom: 20, backgroundColor: "#fff" }}
+        >
+          {this.state.partialResults.map((result, index) => {
+            return (
+              <Text key={`partial-result-${index}`} style={styles.stat}>
+                {result}
+              </Text>
+            );
+          })}
+        </View>
+
+        <View style={{ height: 30, marginBottom: 20, backgroundColor: "#fff" }}>
+          <Text style={styles.stat}>{` ${this.state.end}`}</Text>
+        </View>
+
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>{`${this.state.isAvailable}`}</Text>
+          <Button
+            title="isAvailable"
+            color="#841584"
+            onPress={this._isAvailable}
+          ></Button>
+        </View>
+
+        <View style={styles.baseArea}>
+          <Text style={{ flex: 1 }}>{`${this.state.isRecognizing}`}</Text>
+          <Button
+            title="isRecognizing"
+            color="#841584"
+            onPress={this._isRecognizing}
+          ></Button>
+        </View>
+
+        <View style={{ marginBottom: 10 }}>
+          <Button
+            title="start"
+            color="#841584"
+            onPress={this._startRecognizing}
+          />
+        </View>
+        <View style={{ marginBottom: 10 }}>
+          <Button
+            title="stop"
+            color="#841584"
+            onPress={this._stopRecognizing}
+          />
+        </View>
+
+        <View style={{ padding: 5 }}>
+          <Button
+            title="cancel"
+            color="#841584"
+            onPress={() => {
+              this._cancelRecognizing();
+            }}
+          ></Button>
+        </View>
+
+        <View style={{ padding: 5 }}>
+          <Button
+            title="destroy"
+            color="#841584"
+            onPress={() => {
+              this._destroyRecognizer();
+            }}
+          ></Button>
+        </View>
+      </ScrollView>
+    );
+  }
 }
 
 const styles = StyleSheet.create({
-    button: {
-        width: 50,
-        height: 50,
-    },
-    container: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: '#F5FCFF',
-    },
-    welcome: {
-        fontSize: 20,
-        textAlign: 'center',
-        margin: 10,
-    },
-    action: {
-        textAlign: 'center',
-        color: '#0000FF',
-        marginVertical: 5,
-        fontWeight: 'bold',
-    },
-    instructions: {
-        textAlign: 'center',
-        color: '#333333',
-        marginBottom: 5,
-    },
-    stat: {
-        textAlign: 'center',
-        color: '#B0171F',
-        marginBottom: 1,
-    },
-    baseArea: {
-        width: '100%',
-        height: 30,
-        borderRadius: 4,
-        borderColor: '#000000',
-        marginTop: 6,
-        backgroundColor: '#FFFFFF',
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingLeft: 8,
-        paddingRight: 8,
-        marginBottom: 20,
-    },
+  button: {
+    width: 50,
+    height: 50,
+  },
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: "center",
+    margin: 10,
+  },
+  action: {
+    textAlign: "center",
+    color: "#0000FF",
+    marginVertical: 5,
+    fontWeight: "bold",
+  },
+  instructions: {
+    textAlign: "center",
+    color: "#333333",
+    marginBottom: 5,
+  },
+  stat: {
+    textAlign: "center",
+    color: "#B0171F",
+    marginBottom: 1,
+  },
+  baseArea: {
+    width: "100%",
+    height: 30,
+    borderRadius: 4,
+    borderColor: "#000000",
+    marginTop: 6,
+    backgroundColor: "#FFFFFF",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8,
+    paddingRight: 8,
+    marginBottom: 20,
+  },
 });
 
 export default VoiceTest;
 ```
-## 使用 Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -380,18 +387,15 @@ export default VoiceTest;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -400,22 +404,22 @@ export default VoiceTest;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNVoicePackage
+### 3. Introducing RNVoicePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -430,29 +434,30 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)
+### Permission Requirements
 
-### 权限要求
-由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在entry/src目录下module.json5和entry/src/main/resources/base/element目录下string.json文件
+由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在 entry/src 目录下 module.json5 和 entry/src/main/resources/base/element 目录下 string.json 文件
 
 打开 `module.json5`，添加：
 
@@ -472,6 +477,7 @@ ohpm install
 +      }
     ]
 ```
+
 打开 `string.json`，添加权限申请原因：
 
 ```diff
@@ -490,45 +496,46 @@ ohpm install
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> 详情见 [react-native-voice/voice](https://github.com/react-native-voice/voice)
+> For details, see  [react-native-voice/voice](https://github.com/react-native-voice/voice)
 
-| Name                        | Description                                                                       | Type              | Required | Platform | HarmonyOS Support |
-|-----------------------------|-----------------------------------------------------------------------------------|-------------------|----------|----------|-------------------|
-| Voice.isAvailable()| Checks whether a speech recognition service is available on the system. | Promise<0 \| 1>   | no      | Android, iOS  | yes               |
-| Voice.start(locale) | Starts listening for speech for a specific locale. Returns null if no error occurs. | Promise<unknown>  | no       | Android, iOS | yes               |
-| Voice.stop() | Stops listening for speech. Returns null if no error occurs.   | Promise<unknown>  | no      | Android, iOS | yes               |
-| Voice.cancel() | Cancels the speech recognition. Returns null if no error occurs.    | Promise<unknown>  | no       | Android, iOS     | yes               |
-| Voice.destroy() | Destroys the current SpeechRecognizer instance. Returns null if no error occurs. | Promise<unknown>  | no      | Android, iOS | yes               |
-| Voice.removeAllListeners() | Cleans/nullifies overridden Voice static methods.   | void              | no       | Android, iOS  | yes               |
-| Voice.isRecognizing() | Return if the SpeechRecognizer is recognizing.  | Promise<0 \| 1>   | no      | Android, iOS  | yes               |
-| Voice.getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | Promise<string[]> | no   | Android  | no  |
+| Name                                 | Description                                                                                                                                                           | Type              | Required | Platform     | HarmonyOS Support |
+| ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ------------ | ----------------- |
+| Voice.isAvailable()                  | Checks whether a speech recognition service is available on the system.                                                                                               | Promise<0 \| 1>   | no       | Android, iOS | yes               |
+| Voice.start(locale)                  | Starts listening for speech for a specific locale. Returns null if no error occurs.                                                                                   | Promise<unknown>  | no       | Android, iOS | yes               |
+| Voice.stop()                         | Stops listening for speech. Returns null if no error occurs.                                                                                                          | Promise<unknown>  | no       | Android, iOS | yes               |
+| Voice.cancel()                       | Cancels the speech recognition. Returns null if no error occurs.                                                                                                      | Promise<unknown>  | no       | Android, iOS | yes               |
+| Voice.destroy()                      | Destroys the current SpeechRecognizer instance. Returns null if no error occurs.                                                                                      | Promise<unknown>  | no       | Android, iOS | yes               |
+| Voice.removeAllListeners()           | Cleans/nullifies overridden Voice static methods.                                                                                                                     | void              | no       | Android, iOS | yes               |
+| Voice.isRecognizing()                | Return if the SpeechRecognizer is recognizing.                                                                                                                        | Promise<0 \| 1>   | no       | Android, iOS | yes               |
+| Voice.getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | Promise<string[]> | no       | Android      | no                |
 
 ## 事件回调
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+| Name                                  | Description                                            | Type     | Required | Platform     | HarmonyOS Support |
+| ------------------------------------- | ------------------------------------------------------ | :------- | -------- | ------------ | ----------------- |
+| `Voice.onSpeechStart(event)`          | Invoked when .start() is called without error.         | function | no       | Android, iOS | yes               |
+| `Voice.onSpeechRecognized(event)`     | Invoked when speech is recognized.                     | function | no       | Android, iOS | yes               |
+| `Voice.onSpeechEnd(event)`            | Invoked when SpeechRecognizer stops recognition.       | function | no       | Android, iOS | yes               |
+| `Voice.onSpeechError(event)`          | Invoked when an error occurs.                          | function | no       | Android, iOS | yes               |
+| `Voice.onSpeechResults(event)`        | Invoked when SpeechRecognizer is finished recognizing. | function | no       | Android, iOS | yes               |
+| `Voice.onSpeechPartialResults(event)` | Invoked when any results are computed.                 | function | no       | Android, iOS | yes               |
+| `Voice.onSpeechVolumeChanged(event)`  | Invoked when pitch that is recognized changed.         | function | no       | Android      | no                |
 
-| Name                | Description                                                                                                                       | Type     | Required | Platform                                       | HarmonyOS Support |
-| ------------------- | --------------------------------------------------------------------------------------------------------------------------------- | :------- |--------| ---------------------------------------------- |-----------------|
-| `Voice.onSpeechStart(event)` | Invoked when .start() is called without error. | function | no | Android, iOS   | yes |
-| `Voice.onSpeechRecognized(event)` | Invoked when speech is recognized.  | function | no | Android, iOS   | yes |
-| `Voice.onSpeechEnd(event)` | Invoked when SpeechRecognizer stops recognition. | function | no | Android, iOS | yes |
-| `Voice.onSpeechError(event)` | Invoked when an error occurs. | function | no | Android, iOS   | yes |
-| `Voice.onSpeechResults(event)`  | Invoked when SpeechRecognizer is finished recognizing.  | function | no | Android, iOS   | yes |
-| `Voice.onSpeechPartialResults(event)`  | Invoked when any results are computed.  | function | no  | Android, iOS     | yes |
-| `Voice.onSpeechVolumeChanged(event)` | Invoked when pitch that is recognized changed.   | function | no | Android | no  |
+## Known Issues
 
-## 遗留问题
+- [ ] 原库支持在线和离线模式，HarmonyOS 侧暂只支持离线 问题: [issue#2](https://github.com/react-native-oh-library/voice/issues/2)
+- [ ] 原库支持多种区域和语言，HarmonyOS 侧暂只支持中文 问题: [issue#3](https://github.com/react-native-oh-library/voice/issues/3)
 
-- [ ] 原库支持在线和离线模式，HarmonyOS侧暂只支持离线 问题: [issue#2](https://github.com/react-native-oh-library/voice/issues/2)
-- [ ] 原库支持多种区域和语言，HarmonyOS侧暂只支持中文 问题: [issue#3](https://github.com/react-native-oh-library/voice/issues/3)
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-voice/voice/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-voice/voice/blob/master/LICENSE).
diff --git a/en/react-native-walkthrough-tooltip.md b/en/react-native-walkthrough-tooltip.md
index de3b7d1a..eaad6250 100644
--- a/en/react-native-walkthrough-tooltip.md
+++ b/en/react-native-walkthrough-tooltip.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-walkthrough-tooltip</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/jasongaare/react-native-walkthrough-tooltip)
 
->[!TIP] [Github 地址](https://github.com/jasongaare/react-native-walkthrough-tooltip)
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -30,7 +30,8 @@ npm install react-native-walkthrough-tooltip@1.6.0
 ```bash
 yarn add react-native-walkthrough-tooltip@1.6.0
 ```
-下面的代码展示了这个库的基本使用场景：
+
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useState } from "react";
@@ -53,46 +54,50 @@ export const TestTooltip = ({ text, style }) => {
 </Tooltip>
 };
 ```
-## 约束与限制
 
-### 兼容性
+## Constraints
+
+### Compatibility
 
-本文档内容基于以下版本验证通过:
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.5; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-### 属性
-[!TIP]"Platform"列表示该属性在原三方库上支持的平台。
-
-[!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果
-| Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| accessible  | Set this to false if you do not want the root touchable element to be accessible. [See docs on accessible here](https://reactnative.dev/docs/accessibility#accessibility-properties) | bool| No | All  |Yes  |
-| allowChildInteraction |By default, the user can touch and interact with the child element. When this prop is false, the user cannot interact with the child element while the tooltip is visible.  | bool | No | All    | Yes    |
-| arrowSize |The dimensions of the arrow on the bubble pointing to the highlighted element   | Size | No |All    | Yes   
-| backgroundColor |Color of the fullscreen background beneath the tooltip. Overrides the backgroundStyle prop   | string | No |All    | Yes   
-| childContentSpacing | The distance between the tooltip-rendered child and the arrow pointing to it   | number | No |All    | Yes   
-| closeOnChildInteraction | When child interaction is allowed, this prop determines if onClose should be called when the user interacts with the child element. Default is true (usually means the tooltip will dismiss once the user touches the element highlighted)   | bool |  No |All    | Yes  
-| closeOnContentInteraction |this prop determines if onClose should be called when the user interacts with the content element. Default is true (usually means the tooltip will dismiss once the user touches the content element)   | bool |No | All    | Yes   
-| content | 	This is the view displayed in the tooltip popover bubble  | function/Element |Yes | All    | Yes  
-| displayInsets | The number of pixels to inset the tooltip on the screen (think of it like padding). The tooltip bubble should never render outside of these insets, so you may need to adjust your content accordingly   | object |No | All    | Yes  
-| disableShadow | 	When true, tooltips will not appear elevated. Disabling shadows will remove the warning: RCTView has a shadow set but cannot calculate shadow efficiently on IOS devices.  | bool |No | All    | Yes  
-| isVisible | When true, tooltip is displayed   | bool |Yes | All    | Yes  
-| onClose | Callback fired when the user taps the tooltip background overlay    | function |Yes | All    | Yes  
-| placement | Where to position the tooltip - options: top, bottom, left, right, center. Default is top for tooltips rendered with children Default is center for tooltips rendered without children.NOTE: center is only available with a childless placement, and the content will be centered within the bounds defined by the displayInsets. | string |Yes | All    | Yes 
-| showChildInTooltip | Set this to false if you do NOT want to display the child alongside the tooltip when the tooltip is visible    | bool |No | All    | Yes   
-| supportedOrientations |This prop allows you to control the supported orientations the tooltip modal can be displayed. It correlates directly with [the prop for React Native's Modal component](https://reactnative.dev/docs/modal#supportedorientations) (has no effect if useReactNativeModal is false)    | bool |No | iOS    | No  
-| topAdjustment | Value which provides additional vertical offest for the child element displayed in a tooltip. Commonly set to: Platform.OS === 'android' ? -StatusBar.currentHeight : 0 due to an issue with React Native's measure function on Android| number |No | All    | Yes   
-| horizontalAdjustment |Value which provides additional horizontal offest for the child element displayed in a tooltip. This is useful for adjusting the horizontal positioning of a highlighted child element if needed | number |No | All    | Yes   
-| useInteractionManager | Set this to true if you want the tooltip to wait to become visible until the callback for InteractionManager.runAfterInteractions is executed. Can be useful if you need to wait for navigation transitions to complete, etc.[ See docs on InteractionManager here](https://reactnative.dev/docs/interactionmanager) | bool |No | All    | Yes  
-| useReactNativeModal | By default, this library uses a <Modal> component from React Native. If you need to disable this, and simply render an absolutely positioned full-screen view, set useReactNativeModal={false}. This is especially useful if you desire to render a Tooltip while you have a different Modal rendered. | bool |No | All    | Yes  
-## 遗留问题
-
-- [ ]  supportedOrientations在HarmonyOS不支持
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/jasongaare/react-native-walkthrough-tooltip/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+### Properties
+
+[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
+
+[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                      | Description                                                                                                                                                                                                                                                                                                                        | Type             | Required | Platform | HarmonyOS Support |
+| ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
+| accessible                | Set this to false if you do not want the root touchable element to be accessible. [See docs on accessible here](https://reactnative.dev/docs/accessibility#accessibility-properties)                                                                                                                                               | bool             | No       | All      | Yes               |
+| allowChildInteraction     | By default, the user can touch and interact with the child element. When this prop is false, the user cannot interact with the child element while the tooltip is visible.                                                                                                                                                         | bool             | No       | All      | Yes               |
+| arrowSize                 | The dimensions of the arrow on the bubble pointing to the highlighted element                                                                                                                                                                                                                                                      | Size             | No       | All      | Yes               |
+| backgroundColor           | Color of the fullscreen background beneath the tooltip. Overrides the backgroundStyle prop                                                                                                                                                                                                                                         | string           | No       | All      | Yes               |
+| childContentSpacing       | The distance between the tooltip-rendered child and the arrow pointing to it                                                                                                                                                                                                                                                       | number           | No       | All      | Yes               |
+| closeOnChildInteraction   | When child interaction is allowed, this prop determines if onClose should be called when the user interacts with the child element. Default is true (usually means the tooltip will dismiss once the user touches the element highlighted)                                                                                         | bool             | No       | All      | Yes               |
+| closeOnContentInteraction | this prop determines if onClose should be called when the user interacts with the content element. Default is true (usually means the tooltip will dismiss once the user touches the content element)                                                                                                                              | bool             | No       | All      | Yes               |
+| content                   | This is the view displayed in the tooltip popover bubble                                                                                                                                                                                                                                                                           | function/Element | Yes      | All      | Yes               |
+| displayInsets             | The number of pixels to inset the tooltip on the screen (think of it like padding). The tooltip bubble should never render outside of these insets, so you may need to adjust your content accordingly                                                                                                                             | object           | No       | All      | Yes               |
+| disableShadow             | When true, tooltips will not appear elevated. Disabling shadows will remove the warning: RCTView has a shadow set but cannot calculate shadow efficiently on IOS devices.                                                                                                                                                          | bool             | No       | All      | Yes               |
+| isVisible                 | When true, tooltip is displayed                                                                                                                                                                                                                                                                                                    | bool             | Yes      | All      | Yes               |
+| onClose                   | Callback fired when the user taps the tooltip background overlay                                                                                                                                                                                                                                                                   | function         | Yes      | All      | Yes               |
+| placement                 | Where to position the tooltip - options: top, bottom, left, right, center. Default is top for tooltips rendered with children Default is center for tooltips rendered without children.NOTE: center is only available with a childless placement, and the content will be centered within the bounds defined by the displayInsets. | string           | Yes      | All      | Yes               |
+| showChildInTooltip        | Set this to false if you do NOT want to display the child alongside the tooltip when the tooltip is visible                                                                                                                                                                                                                        | bool             | No       | All      | Yes               |
+| supportedOrientations     | This prop allows you to control the supported orientations the tooltip modal can be displayed. It correlates directly with [the prop for React Native's Modal component](https://reactnative.dev/docs/modal#supportedorientations) (has no effect if useReactNativeModal is false)                                                 | bool             | No       | iOS      | No                |
+| topAdjustment             | Value which provides additional vertical offest for the child element displayed in a tooltip. Commonly set to: Platform.OS === 'android' ? -StatusBar.currentHeight : 0 due to an issue with React Native's measure function on Android                                                                                            | number           | No       | All      | Yes               |
+| horizontalAdjustment      | Value which provides additional horizontal offest for the child element displayed in a tooltip. This is useful for adjusting the horizontal positioning of a highlighted child element if needed                                                                                                                                   | number           | No       | All      | Yes               |
+| useInteractionManager     | Set this to true if you want the tooltip to wait to become visible until the callback for InteractionManager.runAfterInteractions is executed. Can be useful if you need to wait for navigation transitions to complete, etc.[ See docs on InteractionManager here](https://reactnative.dev/docs/interactionmanager)               | bool             | No       | All      | Yes               |
+| useReactNativeModal       | By default, this library uses a <Modal> component from React Native. If you need to disable this, and simply render an absolutely positioned full-screen view, set useReactNativeModal={false}. This is especially useful if you desire to render a Tooltip while you have a different Modal rendered.                             | bool             | No       | All      | Yes               |
+
+## Known Issues
+
+- [ ] supportedOrientations 在 HarmonyOS 不支持
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/jasongaare/react-native-walkthrough-tooltip/blob/master/LICENSE).
diff --git a/en/react-navigation-bottom-sheet.md b/en/react-navigation-bottom-sheet.md
index 5202d304..93c280cc 100644
--- a/en/react-navigation-bottom-sheet.md
+++ b/en/react-navigation-bottom-sheet.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@th3rdwave/react-navigation-bottom-sheet</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/th3rdwave/react-navigation-bottom-sheet)
+> [!TIP] [GitHub address](https://github.com/th3rdwave/react-navigation-bottom-sheet)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add @th3rdwave/react-navigation-bottom-sheet@0.3.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!TIP] 本示例依赖 react-native-gesture-handler 库，参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入。
+> [!TIP] 本示例依赖 react-native-gesture-handler 库，参照[@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)进行引入。
 
 ```js
 import * as React from 'react';
@@ -199,73 +199,71 @@ const styles = StyleSheet.create({
 });
 
 ```
-## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+## Link
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-## 约束与限制
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md) to add it to your project.
 
-### 兼容性
+## Constraints
 
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.29; SDK: HarmonyOS-NEXT-DB6 5.0.0.61 (API Version 12 Beta6); IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
-## 属性
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Navigation options
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| snapPoints  | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number and string.    | Array<string>  | YES | ALL      | YES |
-| backgroundStyle  | View style to be applied to the background component.    | ViewStyle  | NO | ALL      | YES |
-| index  | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state.    | number  | NO | ALL      | YES |
-| detached  | Defines whether the bottom sheet is attached to the bottom or no.  | boolean  | NO | ALL      | YES |
-| overDragResistanceFactor  | Defines how violently sheet has to be stopped while over dragging.  | number  | NO |   ALL    | YES |
-| enableOverDrag  | Enable over drag for the sheet.  | boolean  | NO |   ALL    | YES |
-| enablePanDownToClose  | Enable pan down gesture to close the sheet.  | boolean  | NO |ALL| YES |
-| enableHandlePanningGesture  | Enable handle panning gesture interaction.  | boolean  | NO |ALL| YES |
-| enableContentPanningGesture  | Enable content panning gesture interaction. | boolean  | NO |ALL| YES |
-| enableDynamicSizing  | Enable dynamic sizing for content view and scrollable content size.  | boolean  | NO | ALL      | YES |
-| animateOnMount  | This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index.  | boolean  | NO | ALL      | YES |
-| style  | View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet.  | ViewStyle  | NO | ALL      | YES |
-| handleStyle  | View style to be applied to the handle component. | ViewStyle   | NO | ALL      | YES |
-| handleIndicatorStyle  | View style to be applied to the handle indicator component. | ViewStyle  | NO | ALL      | YES |
-| handleHeight  | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.| number  | NO | ALL      | YES |
-| contentHeight  | Content height helps dynamic snap points calculation.| number  | NO | ALL      | YES |
-| topInset  | Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.| number  | NO | ALL      | YES |
-| bottomInset  |Bottom inset to be added to the bottom sheet container.| number  | NO | ALL      | YES |
-| maxDynamicContentSize  |Max dynamic content size height to limit the bottom sheet height from exceeding a provided size.| number  | NO |    ALL     | YES |
-| keyboardBehavior  |Defines the keyboard appearance behavior.| 'extend' or 'fillParent' or 'interactive'  | NO |NO| NO |
-| keyboardBlurBehavior  |Defines the keyboard blur behavior.| 'none' or 'restore'  | NO |    NO   | NO |
-| animationConfigs  |Animation configs, this could be created by:|function  | NO |   ALL    | YES |
-| handleComponent  |Component to be placed as a sheet handle.|React.FC\<BottomSheetHandleProps>  | NO | ALL      | YES |
-| backdropComponent  |Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually.|React.FC\<BottomSheetBackgroundProps>  | NO | ALL      | YES |
-| backgroundComponent  |Component to be placed as a sheet background.|React.FC\<BottomSheetBackgroundProps> | NO | ALL      | YES |
-| footerComponent  |Component to be placed as a sheet footer.|React.FC\<BottomSheetFooterProps>  | NO | ALL      | YES |
-
+| Name                        | Description                                                                                                                                                                                                  | Type                                      | Required | Platform | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------- | -------- | -------- | ----------------- |
+| snapPoints                  | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number and string.                                                                                   | Array<string>                             | YES      | ALL      | YES               |
+| backgroundStyle             | View style to be applied to the background component.                                                                                                                                                        | ViewStyle                                 | NO       | ALL      | YES               |
+| index                       | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state.                                                                                                                      | number                                    | NO       | ALL      | YES               |
+| detached                    | Defines whether the bottom sheet is attached to the bottom or no.                                                                                                                                            | boolean                                   | NO       | ALL      | YES               |
+| overDragResistanceFactor    | Defines how violently sheet has to be stopped while over dragging.                                                                                                                                           | number                                    | NO       | ALL      | YES               |
+| enableOverDrag              | Enable over drag for the sheet.                                                                                                                                                                              | boolean                                   | NO       | ALL      | YES               |
+| enablePanDownToClose        | Enable pan down gesture to close the sheet.                                                                                                                                                                  | boolean                                   | NO       | ALL      | YES               |
+| enableHandlePanningGesture  | Enable handle panning gesture interaction.                                                                                                                                                                   | boolean                                   | NO       | ALL      | YES               |
+| enableContentPanningGesture | Enable content panning gesture interaction.                                                                                                                                                                  | boolean                                   | NO       | ALL      | YES               |
+| enableDynamicSizing         | Enable dynamic sizing for content view and scrollable content size.                                                                                                                                          | boolean                                   | NO       | ALL      | YES               |
+| animateOnMount              | This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index.                                                                        | boolean                                   | NO       | ALL      | YES               |
+| style                       | View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet.                                                                              | ViewStyle                                 | NO       | ALL      | YES               |
+| handleStyle                 | View style to be applied to the handle component.                                                                                                                                                            | ViewStyle                                 | NO       | ALL      | YES               |
+| handleIndicatorStyle        | View style to be applied to the handle indicator component.                                                                                                                                                  | ViewStyle                                 | NO       | ALL      | YES               |
+| handleHeight                | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.            | number                                    | NO       | ALL      | YES               |
+| contentHeight               | Content height helps dynamic snap points calculation.                                                                                                                                                        | number                                    | NO       | ALL      | YES               |
+| topInset                    | Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.                             | number                                    | NO       | ALL      | YES               |
+| bottomInset                 | Bottom inset to be added to the bottom sheet container.                                                                                                                                                      | number                                    | NO       | ALL      | YES               |
+| maxDynamicContentSize       | Max dynamic content size height to limit the bottom sheet height from exceeding a provided size.                                                                                                             | number                                    | NO       | ALL      | YES               |
+| keyboardBehavior            | Defines the keyboard appearance behavior.                                                                                                                                                                    | 'extend' or 'fillParent' or 'interactive' | NO       | NO       | NO                |
+| keyboardBlurBehavior        | Defines the keyboard blur behavior.                                                                                                                                                                          | 'none' or 'restore'                       | NO       | NO       | NO                |
+| animationConfigs            | Animation configs, this could be created by:                                                                                                                                                                 | function                                  | NO       | ALL      | YES               |
+| handleComponent             | Component to be placed as a sheet handle.                                                                                                                                                                    | React.FC\<BottomSheetHandleProps>         | NO       | ALL      | YES               |
+| backdropComponent           | Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually. | React.FC\<BottomSheetBackgroundProps>     | NO       | ALL      | YES               |
+| backgroundComponent         | Component to be placed as a sheet background.                                                                                                                                                                | React.FC\<BottomSheetBackgroundProps>     | NO       | ALL      | YES               |
+| footerComponent             | Component to be placed as a sheet footer.                                                                                                                                                                    | React.FC\<BottomSheetFooterProps>         | NO       | ALL      | YES               |
 
 ### Navigation helpers
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| snapTo  | Snaps the current sheet to index.    | (index: number) => void  | NO | ALL      | YES |
-
+| Name   | Description                       | Type                    | Required | Platform | HarmonyOS Support |
+| ------ | --------------------------------- | ----------------------- | -------- | -------- | ----------------- |
+| snapTo | Snaps the current sheet to index. | (index: number) => void | NO       | ALL      | YES               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
-- keyboardBehavior属性暂不支持，与iOS表现一致。[issue#24](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/24)
-- keyboardBlurBehavior属性暂不支持，与iOS表现一致。[issue#25](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/25)
+## Others
 
+- keyboardBehaviorProperties 暂不支持，与 iOS 表现一致。[issue#24](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/24)
+- keyboardBlurBehaviorProperties 暂不支持，与 iOS 表现一致。[issue#25](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/25)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT )](https://github.com/th3rdwave/react-navigation-bottom-sheet/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT )](https://github.com/th3rdwave/react-navigation-bottom-sheet/blob/main/LICENSE).
diff --git a/en/react-navigation-header-buttons.md b/en/react-navigation-header-buttons.md
index 131c8f00..35e2c06a 100644
--- a/en/react-navigation-header-buttons.md
+++ b/en/react-navigation-header-buttons.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-navigation-header-buttons</code> </h1>
@@ -13,12 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/vonovak/react-navigation-header-buttons)
+> [!TIP] [GitHub address](https://github.com/vonovak/react-navigation-header-buttons)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
-进入到工程目录并输入以下命令：
+
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -32,8 +33,8 @@ npm i react-navigation-header-buttons@12.0.0
 yarn add react-navigation-header-buttons@12.0.0
 ```
 
+在 tsconfig.json 文件中添加如下代码:
 
-在tsconfig.json文件中添加如下代码:
 ```json
 "compilerOptions": {
   ...
@@ -46,7 +47,9 @@ yarn add react-navigation-header-buttons@12.0.0
   }
 
 ```
-在metro.config.js文件中添加如下代码:
+
+在 metro.config.js 文件中添加如下代码:
+
 ```js
 const config = {
 ...
@@ -63,13 +66,13 @@ module.exports = mergeConfig(
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import * as React from 'react';
-import MaterialIcons from '@expo/vector-icons/MaterialIcons';
+import * as React from "react";
+import MaterialIcons from "@expo/vector-icons/MaterialIcons";
 import {
   HeaderButtons,
   Item,
@@ -80,41 +83,41 @@ import {
   HiddenItemProps,
   HeaderButtonProps,
   HeaderButton,
-} from 'react-navigation-header-buttons';
-import { Text } from 'react-native';
+} from "react-navigation-header-buttons";
+import { Text } from "react-native";
 
 const MaterialHeaderButton = (props: HeaderButtonProps) => (
   <HeaderButton IconComponent={MaterialIcons} iconSize={23} {...props} />
 );
 
-const EditItem = ({ onPress }: Pick<ItemProps, 'onPress'>) => {
+const EditItem = ({ onPress }: Pick<ItemProps, "onPress">) => {
   return <Item title="edit" onPress={onPress} />;
 };
 
-const ReusableHiddenItem = ({ onPress }: Pick<HiddenItemProps, 'onPress'>) => (
+const ReusableHiddenItem = ({ onPress }: Pick<HiddenItemProps, "onPress">) => (
   <HiddenItem title="hidden2" onPress={onPress} disabled />
 );
 
 export function UsageWithIcons({ navigation }) {
   React.useLayoutEffect(() => {
     navigation.setOptions({
-      title: 'Demo',
+      title: "Demo",
       headerRight: () => (
         <HeaderButtons HeaderButtonComponent={MaterialHeaderButton}>
           <Item
             title="search"
             iconName="search"
-            onPress={() => alert('search')}
+            onPress={() => alert("search")}
           />
-          <EditItem onPress={() => alert('Edit')} />
+          <EditItem onPress={() => alert("Edit")} />
           <OverflowMenu
             OverflowIcon={({ color }) => (
               <MaterialIcons name="more-horiz" size={23} color={color} />
             )}
           >
-            <HiddenItem title="hidden1" onPress={() => alert('hidden1')} />
+            <HiddenItem title="hidden1" onPress={() => alert("hidden1")} />
             <Divider />
-            <ReusableHiddenItem onPress={() => alert('hidden2')} />
+            <ReusableHiddenItem onPress={() => alert("hidden2")} />
           </OverflowMenu>
         </HeaderButtons>
       ),
@@ -125,102 +128,90 @@ export function UsageWithIcons({ navigation }) {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24(Canary3);
 2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
 ### HeaderButtons
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-
-
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
-| HeaderButtonComponent            | component that renders the buttons, HeaderButton by default  |`ComponentType`| no   | iOS/Android       | yes |
-| children            | 	whatever you want to render inside  |`ReactNode`| yes   | iOS/Android       | yes |
-| left            | 	whether the HeaderButtons are on the left from header title  |boolean| no   | iOS/Android       | yes |
-| preset            | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing.  |`’tabHeader’/‘stackHeader’`| no   | iOS/Android       | yes |
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
 
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name                  | Description                                                                                                                                                     | Type                        | Required | Platform    | HarmonyOS Support |
+| --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------- | ----------- | ----------------- |
+| HeaderButtonComponent | component that renders the buttons, HeaderButton by default                                                                                                     | `ComponentType`             | no       | iOS/Android | yes               |
+| children              | whatever you want to render inside                                                                                                                              | `ReactNode`                 | yes      | iOS/Android | yes               |
+| left                  | whether the HeaderButtons are on the left from header title                                                                                                     | boolean                     | no       | iOS/Android | yes               |
+| preset                | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. | `’tabHeader’/‘stackHeader’` | no       | iOS/Android | yes               |
 
 ### Item
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
 
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
-| title            | 	title for the button, required  |string| no   | iOS/Android       | yes |
-| onPress            | 	function to call on press |function| no   | iOS/Android       | yes |
-| iconName            | 	icon name, used together with the IconComponent prop  |string| no   | iOS/Android       | yes |
-| style            | style to apply to the touchable element that wraps the button  |` ViewStyle`| no   | iOS/Android       | yes |
-| buttonStyle            | style to apply to the text / icon |` ViewStyle`| no   | iOS/Android       | yes |
+| Name        | Description                                                   | Type         | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------- | ------------ | -------- | ----------- | ----------------- |
+| title       | title for the button, required                                | string       | no       | iOS/Android | yes               |
+| onPress     | function to call on press                                     | function     | no       | iOS/Android | yes               |
+| iconName    | icon name, used together with the IconComponent prop          | string       | no       | iOS/Android | yes               |
+| style       | style to apply to the touchable element that wraps the button | ` ViewStyle` | no       | iOS/Android | yes               |
+| buttonStyle | style to apply to the text / icon                             | ` ViewStyle` | no       | iOS/Android | yes               |
 
 ### OverflowMenu
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
 
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
-| OverflowIcon            | React element or component for the overflow icon  |` ReactElement / ComponentType`| no   | iOS/Android       | yes |
-| style            | 	optional styles for overflow button|`ViewStyle`| no   | iOS/Android       | yes |
-| onPress            | 	function that is called when overflow menu is pressed.  |function| no   | iOS/Android       | yes |
-| left              | whether the OverflowMenu is on the left from header title |boolean| no   | iOS/Android       | yes |
-| children              | the overflow items|`ReactNode`| yes   | iOS/Android       | yes |
-| preset              |	headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. |` 'tabHeader' / 'stackHeader'`| no   | iOS/Android       | yes |
+| Name         | Description                                                                                                                                                     | Type                            | Required | Platform    | HarmonyOS Support |
+| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | -------- | ----------- | ----------------- |
+| OverflowIcon | React element or component for the overflow icon                                                                                                                | ` ReactElement / ComponentType` | no       | iOS/Android | yes               |
+| style        | optional styles for overflow button                                                                                                                             | `ViewStyle`                     | no       | iOS/Android | yes               |
+| onPress      | function that is called when overflow menu is pressed.                                                                                                          | function                        | no       | iOS/Android | yes               |
+| left         | whether the OverflowMenu is on the left from header title                                                                                                       | boolean                         | no       | iOS/Android | yes               |
+| children     | the overflow items                                                                                                                                              | `ReactNode`                     | yes      | iOS/Android | yes               |
+| preset       | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. | ` 'tabHeader' / 'stackHeader'`  | no       | iOS/Android | yes               |
 
 ### HiddenItem
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
 
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
-| title            |title for the button, required  |string| no   | iOS/Android       | yes |
-| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes |
-| titleStyle            | style to apply to the text |`TextStyle`| no   | iOS/Android       | yes |
-| onPress            |function to call on press  |function| no   | iOS/Android       | yes |
-| disabled              | disabled 'item' is greyed out and onPress is not called on touch |boolean| no   | iOS/Android       | yes |
-
+| Name       | Description                                                      | Type        | Required | Platform    | HarmonyOS Support |
+| ---------- | ---------------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| title      | title for the button, required                                   | string      | no       | iOS/Android | yes               |
+| style      | style to apply to the touchable element that wraps the text      | `ViewStyle` | no       | iOS/Android | yes               |
+| titleStyle | style to apply to the text                                       | `TextStyle` | no       | iOS/Android | yes               |
+| onPress    | function to call on press                                        | function    | no       | iOS/Android | yes               |
+| disabled   | disabled 'item' is greyed out and onPress is not called on touch | boolean     | no       | iOS/Android | yes               |
 
 ### HeaderButton
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.。
 
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name         | Description                                                                                    | Type        | Required | Platform    | HarmonyOS Support |
+| ------------ | ---------------------------------------------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| title        | title for the button, required                                                                 | string      | no       | iOS/Android | yes               |
+| style        | style to apply to the touchable element that wraps the text                                    | `ViewStyle` | no       | iOS/Android | yes               |
+| onPress      | function to call on press                                                                      | function    | no       | iOS/Android | yes               |
+| renderButton | You can fully customize what it renders inside of the PlatformPressable using the renderButton | ReactNode   | no       | iOS/Android | yes               |
 
-| Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
-| --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
-| title            |title for the button, required  |string| no   | iOS/Android       | yes |
-| style            | style to apply to the touchable element that wraps the text|`ViewStyle`| no   | iOS/Android       | yes |
-| onPress            |function to call on press  |function| no   | iOS/Android       | yes |
-| renderButton              |You can fully customize what it renders inside of the PlatformPressable using the renderButton |ReactNode | no   | iOS/Android       | yes |
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-navigation-header-buttons/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/vonovak/react-navigation-header-buttons/blob/master/LICENSE).
diff --git a/en/react-navigation.md b/en/react-navigation.md
index 8a30e65e..6e08d8bb 100644
--- a/en/react-navigation.md
+++ b/en/react-navigation.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-navigation</code> </h1>
@@ -12,33 +12,30 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation)
-
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-navigation)
 
 ## Packages
 
-| 序号 | 原库名                                                                                                                                       | 原库基线版本 | HarmonyOSReleases                                                                                                  | 文档链接（相对路径）                                       |
-|----|-------------------------------------------------------------------------------------------------------------------------------------------|--------|--------------------------------------------------------------------------------------------------------------------|--------------------------------------------------|
-| 1  | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)                       | 6.5.20 | -                                                                                                                  | [链接](/zh-cn/react-navigation-bottom-tabs.md)          |
-| 2  | [@react-navigation/core](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)                                     | 6.4.16 | -                                                                                                                  | [链接](/zh-cn/react-navigation-core.md)                 |
-| 3  | [@react-navigation/devtools](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)                             | 6.0.26 | -                                                                                                                  | [链接](/zh-cn/react-navigation-devtools.md)             |
-| 4  | [@react-navigation/drawer](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)                          | 6.7.1  | [@react-native-oh-tpl/drawer](https://github.com/react-native-oh-library/react-navigation/releases)                | [链接](/zh-cn/react-navigation-drawer.md)               |
-| 5  | [@react-navigation/elements](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)                      | 1.3.21 | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)              | [链接](/zh-cn/react-navigation-elements.md)             |
-| 6  | [@react-navigation/material-bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)     | 6.2.28 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-bottom-tabs.md) |
-| 7  | [@react-navigation/material-top-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)           | 6.6.13 | -                                                                                                                  | [链接](/zh-cn/react-navigation-material-top-tabs.md)    |
-| 8  | [@react-navigation/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)              | 6.9.26 | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)          | [链接](/zh-cn/react-navigation-native-stack.md)         |
-| 9  | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                                 | 6.1.17 | -                                                                                                                  | [链接](/zh-cn/react-navigation-native.md)               |
-| 10 | [@react-navigation/routers](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)                               | 6.1.9  | -                                                                                                                  | [链接](/zh-cn/react-navigation-routers.md)              |
-| 11 | [@react-navigation/stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)                            | 6.4.0  | [@react-native-oh-tpl/stack](https://github.com/react-native-oh-library/react-navigation/releases)                 | [链接](/zh-cn/react-navigation-stack.md)                |
-| 12 | [react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/react-native-tab-view)              | 3.5.2  | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases) | [链接](/zh-cn/react-native-tab-view.md)                 |
-| 13 | [flipper-plugin-react-navigation](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation) | 1.3.32 | -                                                                                                                  | [链接](/zh-cn/flipper-plugin-react-navigation.md)       |
+| 序号 | 原库名                                                                                                                                    | 原库基线版本 | HarmonyOSReleases                                                                                                  | 文档链接（相对路径）                                    |
+| ---- | ----------------------------------------------------------------------------------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------- |
+| 1    | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)                       | 6.5.20       | -                                                                                                                  | [链接](/en/react-navigation-bottom-tabs.md)          |
+| 2    | [@react-navigation/core](https://github.com/react-navigation/react-navigation/tree/6.x/packages/core)                                     | 6.4.16       | -                                                                                                                  | [链接](/en/react-navigation-core.md)                 |
+| 3    | [@react-navigation/devtools](https://github.com/react-navigation/react-navigation/tree/6.x/packages/devtools)                             | 6.0.26       | -                                                                                                                  | [链接](/en/react-navigation-devtools.md)             |
+| 4    | [@react-navigation/drawer](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/drawer)                          | 6.7.1        | [@react-native-oh-tpl/drawer](https://github.com/react-native-oh-library/react-navigation/releases)                | [链接](/en/react-navigation-drawer.md)               |
+| 5    | [@react-navigation/elements](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/elements)                      | 1.3.21       | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases)              | [链接](/en/react-navigation-elements.md)             |
+| 6    | [@react-navigation/material-bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-bottom-tabs)     | 6.2.28       | -                                                                                                                  | [链接](/en/react-navigation-material-bottom-tabs.md) |
+| 7    | [@react-navigation/material-top-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/material-top-tabs)           | 6.6.13       | -                                                                                                                  | [链接](/en/react-navigation-material-top-tabs.md)    |
+| 8    | [@react-navigation/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack)              | 6.9.26       | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/releases)          | [链接](/en/react-navigation-native-stack.md)         |
+| 9    | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                                 | 6.1.17       | -                                                                                                                  | [链接](/en/react-navigation-native.md)               |
+| 10   | [@react-navigation/routers](https://github.com/react-navigation/react-navigation/tree/6.x/packages/routers)                               | 6.1.9        | -                                                                                                                  | [链接](/en/react-navigation-routers.md)              |
+| 11   | [@react-navigation/stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)                            | 6.4.0        | [@react-native-oh-tpl/stack](https://github.com/react-native-oh-library/react-navigation/releases)                 | [链接](/en/react-navigation-stack.md)                |
+| 12   | [react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/react-native-tab-view)              | 3.5.2        | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases) | [链接](/en/react-native-tab-view.md)                 |
+| 13   | [flipper-plugin-react-navigation](https://github.com/react-navigation/react-navigation/tree/6.x/packages/flipper-plugin-react-navigation) | 1.3.32       | -                                                                                                                  | [链接](/en/flipper-plugin-react-navigation.md)       |
 
 ## 依赖关系
 
 ![image](/img/react-navigation-dependency.png)
 
+## License
 
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/core/LICENSE).
diff --git a/en/reassure.md b/en/reassure.md
index 4dbccfc6..922551c8 100644
--- a/en/reassure.md
+++ b/en/reassure.md
@@ -1,6 +1,4 @@
-
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>reassure</code> </h1>
@@ -15,9 +13,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/callstack/reassure)
+> [!TIP] [GitHub address](https://github.com/callstack/reassure)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -35,15 +33,15 @@ yarn add reassure@1.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 文件名称结尾必须包含`.perf-test.`，比如：MeasureFunction.perf-test.tsx
 
 ```js
-import {measureFunction} from 'reassure';
-import {test} from '@jest/globals';
+import { measureFunction } from "reassure";
+import { test } from "@jest/globals";
 
 function fib(n: number): number {
   if (n <= 1) {
@@ -53,30 +51,29 @@ function fib(n: number): number {
   return fib(n - 1) + fib(n - 2);
 }
 
-test('MeasureFunction runs 10', async () => {
-  await measureFunction(() => fib(20), {runs: 10});
+test("MeasureFunction runs 10", async () => {
+  await measureFunction(() => fib(20), { runs: 10 });
 });
 
-test('MeasureFunction runs 20', async () => {
-  await measureFunction(() => fib(30), {runs: 20});
+test("MeasureFunction runs 20", async () => {
+  await measureFunction(() => fib(30), { runs: 20 });
 });
 
-test('MeasureFunction warmupRuns 10', async () => {
-  await measureFunction(() => fib(30), {warmupRuns: 10});
+test("MeasureFunction warmupRuns 10", async () => {
+  await measureFunction(() => fib(30), { warmupRuns: 10 });
 });
 
-test('MeasureFunction warmupRuns 20', async () => {
-  await measureFunction(() => fib(30), {warmupRuns: 20});
+test("MeasureFunction warmupRuns 20", async () => {
+  await measureFunction(() => fib(30), { warmupRuns: 20 });
 });
 
-test('MeasureFunction writeFile false', async () => {
-  await measureFunction(() => fib(30), {writeFile: false});
+test("MeasureFunction writeFile false", async () => {
+  await measureFunction(() => fib(30), { writeFile: false });
 });
 
-test('MeasureFunction writeFile true', async () => {
-  await measureFunction(() => fib(30), {writeFile: true});
+test("MeasureFunction writeFile true", async () => {
+  await measureFunction(() => fib(30), { writeFile: true });
 });
-
 ```
 
 ## 基础配置
@@ -86,8 +83,8 @@ test('MeasureFunction writeFile true', async () => {
 ```js
 /** @type {import('ts-jest').JestConfigWithTsJest} */
 module.exports = {
-  preset: 'react-native',
-  setupFilesAfterEnv: ['./jest-setup.js'],
+  preset: "react-native",
+  setupFilesAfterEnv: ["./jest-setup.js"],
 };
 ```
 
@@ -95,10 +92,9 @@ module.exports = {
 
 ```js
 /* eslint-disable no-undef */
-import {configure} from 'reassure';
-
-configure({testingLibrary: 'react-native'});
+import { configure } from "reassure";
 
+configure({ testingLibrary: "react-native" });
 ```
 
 ### 安装 jest
@@ -109,7 +105,7 @@ configure({testingLibrary: 'react-native'});
 npm install --save-dev jest@29.2.1
 ```
 
-###  安装 babel-jest
+### 安装 babel-jest
 
 如已安装 babel-jest，可忽略
 
@@ -131,54 +127,53 @@ npx reassure
 
 性能报告默认在当前工程根目录的`.reassure`文件夹中
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25 (API Version 12 Canary4); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name            | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
-| measureRenders  | rendering the passed screen inside a `React.Profiler` component, measuring its performance and writing results to the output file | async function measureRenders(<br/>  ui: React.ReactElement,<br/>  options?: MeasureRendersOptions,<br/>): Promise<MeasureResults> { | no       | all      | yes               |
-| measureFunction | Allows you to wrap any synchronous function, measure its performance and write results to the output file | async function measureFunction(<br/>  fn: () => void,<br/>  options?: MeasureFunctionOptions,<br/>): Promise<MeasureResults> { | no       | all      | yes               |
-| resetToDefaults | Reset current config to the original `defaultConfig` object  | Function                                                     | no       | all      | yes               |
+| Name            | Description                                                                                                                       | Type                                                                                                                               | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| measureRenders  | rendering the passed screen inside a `React.Profiler` component, measuring its performance and writing results to the output file | async function measureRenders(<br/> ui: React.ReactElement,<br/> options?: MeasureRendersOptions,<br/>): Promise<MeasureResults> { | no       | all      | yes               |
+| measureFunction | Allows you to wrap any synchronous function, measure its performance and write results to the output file                         | async function measureFunction(<br/> fn: () => void,<br/> options?: MeasureFunctionOptions,<br/>): Promise<MeasureResults> {       | no       | all      | yes               |
+| resetToDefaults | Reset current config to the original `defaultConfig` object                                                                       | Function                                                                                                                           | no       | all      | yes               |
 
 **MeasureRendersOptions**
 
-| Name       | Description                                                  | Type                                                | Required | Platform | HarmonyOS Support |
-| ---------- | ------------------------------------------------------------ | --------------------------------------------------- | -------- | -------- | ----------------- |
-| runs       | number of runs per series for the particular test            | number                                              | no       | all      | yes               |
-| warmupRuns | number of additional warmup runs that will be done and discarded before the actual runs | number                                              | no       | all      | yes               |
-| wrapper    | React component, such as a Provider, which the ui will be wrapped with | React.ComponentType<{children: React.ReactElement}> | no       | all      | yes               |
+| Name       | Description                                                                                      | Type                                                | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------------------------------------------ | --------------------------------------------------- | -------- | -------- | ----------------- |
+| runs       | number of runs per series for the particular test                                                | number                                              | no       | all      | yes               |
+| warmupRuns | number of additional warmup runs that will be done and discarded before the actual runs          | number                                              | no       | all      | yes               |
+| wrapper    | React component, such as a Provider, which the ui will be wrapped with                           | React.ComponentType<{children: React.ReactElement}> | no       | all      | yes               |
 | scenario   | a custom async function, which defines user interaction within the ui by utilized RNTL functions | (screen: any) => Promise<any>                       | no       | all      | yes               |
-| writeFile  | should write output to file                                  | boolean                                             | no       | all      | yes               |
+| writeFile  | should write output to file                                                                      | boolean                                             | no       | all      | yes               |
 
 **MeasureFunctionOptions**
 
-| Name       | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
-| ---------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
-| runs       | number of runs per series for the particular test            | number  | no       | all      | yes               |
+| Name       | Description                                                                             | Type    | Required | Platform | HarmonyOS Support |
+| ---------- | --------------------------------------------------------------------------------------- | ------- | -------- | -------- | ----------------- |
+| runs       | number of runs per series for the particular test                                       | number  | no       | all      | yes               |
 | warmupRuns | number of additional warmup runs that will be done and discarded before the actual runs | number  | no       | all      | yes               |
-| writeFile  | should write output to file                                  | boolean | no       | all      | yes               |
+| writeFile  | should write output to file                                                             | boolean | no       | all      | yes               |
 
 **configure**
 
-| Name           | Description                                                  | Type           | Required | Platform | HarmonyOS Support |
-| -------------- | ------------------------------------------------------------ | -------------- | -------- | -------- | ----------------- |
-| runs           | number of runs per series for the particular test            | number         | no       | all      | yes               |
+| Name           | Description                                                                             | Type           | Required | Platform | HarmonyOS Support |
+| -------------- | --------------------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
+| runs           | number of runs per series for the particular test                                       | number         | no       | all      | yes               |
 | warmupRuns     | number of additional warmup runs that will be done and discarded before the actual runs | number         | no       | all      | yes               |
-| outputFile     | should write output to file                                  | boolean        | no       | all      | yes               |
-| verbose | make Reassure log more, e.g. for debugging purposes | boolean | no | all | yes   |
-| testingLibrary | where to look for `render` and `cleanup` functions           | TestingLibrary | no       | all      | yes               |
+| outputFile     | should write output to file                                                             | boolean        | no       | all      | yes               |
+| verbose        | make Reassure log more, e.g. for debugging purposes                                     | boolean        | no       | all      | yes               |
+| testingLibrary | where to look for `render` and `cleanup` functions                                      | TestingLibrary | no       | all      | yes               |
 
 **dangerReassure**
 
@@ -187,10 +182,10 @@ npx reassure
 | inputFilePath | Enter the path to the file | number | no       | all      | yes               |
 | debug         | Enable the debug mode.     | number | no       | all      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/reassure/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/callstack/reassure/blob/main/LICENSE).
diff --git a/en/rn-emoji-keyboard.md b/en/rn-emoji-keyboard.md
index 1067d4c4..30650c21 100644
--- a/en/rn-emoji-keyboard.md
+++ b/en/rn-emoji-keyboard.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>rn-emoji-keyboard</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/rn-emoji-keyboard)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/rn-emoji-keyboard)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,11 +38,12 @@ yarn add @react-native-oh-tpl/rn-emoji-keyboard@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
+
+> [!TIP] 本示例依赖@react-native-async-storage/async-storage 库，参照[@react-native-async-storage/async-storage](/en/react-native-async-storage-async-storage.md)进行引入
 
-> [!TIP] 本示例依赖@react-native-async-storage/async-storage库，参照[@react-native-async-storage/async-storage文档](/zh-cn/react-native-async-storage-async-storage.md)进行引入
 ```ts
 import React from "react";
 import { StyleSheet, Button, Text } from "react-native";
@@ -139,20 +140,21 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
+
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)
+## Properties
 
-## 属性
-详细请查看 [rn-emoji-keyboard 的文档介绍](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)
+For details, see [rn-emoji-keyboard docs](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                            | Description                                                                                                                                                                                                                                            | Type                                                                     | Required | Platform    | HarmonyOS Support |
 | ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
@@ -215,39 +217,39 @@ const styles = StyleSheet.create({
 
 ### Full list of EmojisByCategory type
 
-| Name  | Description | Type          | Required | Platform    | HarmonyOS Support |
-| ----- | ----------- | ------------- | -------- | ----------- | ----------------- |
-| title | EmojisByCategory  title       | CategoryTypes | yes      | iOS/Android | yes               |
-| data  | EmojisByCategory emoji data        | JsonEmoji[]   | yes      | iOS/Android | yes               |
+| Name  | Description                 | Type          | Required | Platform    | HarmonyOS Support |
+| ----- | --------------------------- | ------------- | -------- | ----------- | ----------------- |
+| title | EmojisByCategory title      | CategoryTypes | yes      | iOS/Android | yes               |
+| data  | EmojisByCategory emoji data | JsonEmoji[]   | yes      | iOS/Android | yes               |
 
 ### Full list of CategoryTypes type
 
-| Name  | Description | Type          | Required | Platform    | HarmonyOS Support |
-| ----- | ----------- | ------------- | -------- | ----------- | ----------------- |
+| Name            | Description        | Type                                                                                                                                                                          | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
 | `CategoryTypes` | CategoryTypes type | "search" \| "smileys_emotion" \| "people_body" \| "animals_nature" \| "food_drink" \| "travel_places" \| "activities" \| "objects" \| "symbols" \| "flags" \| "recently_used" | no       | iOS/Android | yes               |
 
 ### Full list of JsonEmoji type
 
-| Name        | Description | Type     | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------- | -------- | -------- | ----------- | ----------------- |
-| emoji       | JsonEmoji   emoji      | string   | yes      | iOS/Android | yes               |
-| name        | JsonEmoji     name    | string   | yes      | iOS/Android | yes               |
-| v           | JsonEmoji   version     | string   | yes      | iOS/Android | yes               |
-| toneEnabled | JsonEmoji    toneEnabled     | boolean  | yes      | iOS/Android | yes               |
-| keywords    | JsonEmoji  keywords       | string[] | no      | iOS/Android | yes               |
+| Name        | Description           | Type     | Required | Platform    | HarmonyOS Support |
+| ----------- | --------------------- | -------- | -------- | ----------- | ----------------- |
+| emoji       | JsonEmoji emoji       | string   | yes      | iOS/Android | yes               |
+| name        | JsonEmoji name        | string   | yes      | iOS/Android | yes               |
+| v           | JsonEmoji version     | string   | yes      | iOS/Android | yes               |
+| toneEnabled | JsonEmoji toneEnabled | boolean  | yes      | iOS/Android | yes               |
+| keywords    | JsonEmoji keywords    | string[] | no       | iOS/Android | yes               |
 
 ### Full list of EmojiType type
 
-| Name        | Description | Type     | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------- | -------- | -------- | ----------- | ----------------- |
-| emoji       | EmojiType   emoji      | string   | yes      | iOS/Android | yes               |
-| name        | EmojiType     name    | string   | yes      | iOS/Android | yes               |
-| slug           | EmojiType   slug     | string   | yes      | iOS/Android | yes               |
-| unicode_version | EmojiType   version     | string  | yes      | iOS/Android | yes               |
-| toneEnabled    | EmojiType  toneEnabled       | boolean | yes      | iOS/Android | yes               |
-| alreadySelected    | EmojiType alreadySelected     | boolean | no      | iOS/Android | yes               |
+| Name            | Description               | Type    | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------- | ------- | -------- | ----------- | ----------------- |
+| emoji           | EmojiType emoji           | string  | yes      | iOS/Android | yes               |
+| name            | EmojiType name            | string  | yes      | iOS/Android | yes               |
+| slug            | EmojiType slug            | string  | yes      | iOS/Android | yes               |
+| unicode_version | EmojiType version         | string  | yes      | iOS/Android | yes               |
+| toneEnabled     | EmojiType toneEnabled     | boolean | yes      | iOS/Android | yes               |
+| alreadySelected | EmojiType alreadySelected | boolean | no       | iOS/Android | yes               |
 
-## 静态方法
+## Properties
 
 ### useRecentPicksPersistence
 
@@ -266,13 +268,13 @@ Async storage? - sure. Backend as store - no problem. Choose how you want to han
 | `initialization` | This property is used at the very beginning to restore previous state.                                     | Function | yes      | iOS/Android | yes               |
 | `onStateChange`  | This property is used every time when user selects emoji and keyboard has enabled enableRecentlyUsed props | Function | yes      | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [x] rn-emoji-keyboard 的键盘弹出后回弹默认高度表情键盘无法点击: [issue#1](https://github.com/react-native-oh-library/rn-emoji-keyboard/issues/1)
 - [ ] rn-emoji-keyboard 展开旋钮动画卡顿: [issue#2](https://github.com/react-native-oh-library/rn-emoji-keyboard/issues/2)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/TheWidlarzGroup/rn-emoji-keyboard/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/TheWidlarzGroup/rn-emoji-keyboard/blob/master/LICENSE).
diff --git a/en/rn-sliding-up-panel.md b/en/rn-sliding-up-panel.md
index e20cb438..d7e3a6fa 100644
--- a/en/rn-sliding-up-panel.md
+++ b/en/rn-sliding-up-panel.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>rn-sliding-up-panel</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/octopitus/rn-sliding-up-panel)
+> [!TIP] [ GitHub address](https://github.com/octopitus/rn-sliding-up-panel)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add rn-sliding-up-panel@2.4.6
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { createRef } from 'react';
@@ -171,59 +171,59 @@ const styles = StyleSheet.create({
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Props
 
-| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
-| --- | --- | --- | --- | --- | --- | --- |
-| animatedValue | An **Animated.Value** number between the top and bottom of draggable range. This number represents the position of the panel. If you update this prop, the panel will correspondingly update to the frame at that progress value. Default to **Animated.Value(0)** (Hidden at bottom of screen). | Animated.Value | 0 | No | All | yes |
-| draggableRange | Boundary limits for draggable area. `top` default to visible height of device, `bottom` default to 0. | {top: number, bottom: number} | 0 | No | All | yes |
-| snappingPoints | Must be an incremental array of number and all values must be within the `top` & `bottom` of draggableRange. | number[] | null | No | All | yes |
-| minimumVelocityThreshold | Velocity threshold in **pixel/s** to trigger the fling animation after you release finger. Default is 0.1. | number | 0.1 | No | All | yes |
-| minimumDistanceThreshold | Distance threshold in **pixel** (virtual, not physical) to trigger the fling animation after you release finger. Default is 0.24. | number | 0.24 | No | All | yes |
-| height | Height of panel. Typically this should equal to the top value of `draggablerange.` | number | null | No | All | yes |
-| friction | Determines how quickly the fling animation settles down and stops. The higher the value, the faster the velocity decreases. Default is 0.998. | number | 0.998 | No | All | yes |
-| backdropOpacity | Opacity of the backdrop when the panel is active. Default is 0.75. | number | 0.75 | No | All | yes |
-| containerStyle | Custom style for the container. | Style | null | No | All | yes |
-| backdropStyle | Custom style for the backdrop. | Style | null | No | All | yes |
-| showBackdrop | Controls the visibility of backdrop. Default `true`. | boolean | true | No | All | yes |
-| allowMomentum | If `false`, panel will not continue to move when you release your finger. | boolean | null | No | All | yes |
-| allowDragging | Default `true`. Setting this to `false` to disable dragging. | boolean | true | No | All | yes |
-| avoidKeyboard | If `true` every time animated value changes keyboard will be dismissed. Default `true`. | boolean | true | No | All | yes |
-| onBackButtonPress | By default when you press back button (Android) the panel will be closed (Move to `bottom` position of `draggableRange`). Implement this function if you want to custom the behavior. Returning `true` means the event has been handled. | () => boolean | null | No | All | yes |
-| onDragStart | Called when the panel is about to start dragging. | (position: number, gestureState: GestureState) => void | null | No | All | yes |
-| onDragEnd | Called when you release your finger. | (position: number: gestureState: GestureState) => void | null | No | All | yes |
-| onMomentumDragStart | Called when the momentum drag starts. Works exactly the same way of [ScrollView#onMomentumScrollBegin](https://facebook.github.io/react-native/docs/scrollview#onmomentumscrollbegin). | (position: number) => void | null | No | All | yes |
-| onMomentumDragEnd | Called when the momentum drag ends. Works exactly the same way of [ScrollView#onMomentumScrollEnd](https://facebook.github.io/react-native/docs/scrollview#onmomentumscrollend). | (position: number) => void | null | No | All | yes |
-| onBottomReached | Called when the panel is hidden / reaches the bottom of the screen. | () => void | null | No | All | yes |
-| children | Accepts passing a function as component. Invoked with `dragHandlers` (that can be passed into another View like this `<View {...dragHandlers}>`) when the panel is mounted. Useful when you want only a part of your content becomes the drag handler. | React.Element \| Function | null | No | All | yes |
+| Name                     | Description                                                                                                                                                                                                                                                                                      | Type                                                   | Default | Required | Platform | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| animatedValue            | An **Animated.Value** number between the top and bottom of draggable range. This number represents the position of the panel. If you update this prop, the panel will correspondingly update to the frame at that progress value. Default to **Animated.Value(0)** (Hidden at bottom of screen). | Animated.Value                                         | 0       | No       | All      | yes               |
+| draggableRange           | Boundary limits for draggable area. `top` default to visible height of device, `bottom` default to 0.                                                                                                                                                                                            | {top: number, bottom: number}                          | 0       | No       | All      | yes               |
+| snappingPoints           | Must be an incremental array of number and all values must be within the `top` & `bottom` of draggableRange.                                                                                                                                                                                     | number[]                                               | null    | No       | All      | yes               |
+| minimumVelocityThreshold | Velocity threshold in **pixel/s** to trigger the fling animation after you release finger. Default is 0.1.                                                                                                                                                                                       | number                                                 | 0.1     | No       | All      | yes               |
+| minimumDistanceThreshold | Distance threshold in **pixel** (virtual, not physical) to trigger the fling animation after you release finger. Default is 0.24.                                                                                                                                                                | number                                                 | 0.24    | No       | All      | yes               |
+| height                   | Height of panel. Typically this should equal to the top value of `draggablerange.`                                                                                                                                                                                                               | number                                                 | null    | No       | All      | yes               |
+| friction                 | Determines how quickly the fling animation settles down and stops. The higher the value, the faster the velocity decreases. Default is 0.998.                                                                                                                                                    | number                                                 | 0.998   | No       | All      | yes               |
+| backdropOpacity          | Opacity of the backdrop when the panel is active. Default is 0.75.                                                                                                                                                                                                                               | number                                                 | 0.75    | No       | All      | yes               |
+| containerStyle           | Custom style for the container.                                                                                                                                                                                                                                                                  | Style                                                  | null    | No       | All      | yes               |
+| backdropStyle            | Custom style for the backdrop.                                                                                                                                                                                                                                                                   | Style                                                  | null    | No       | All      | yes               |
+| showBackdrop             | Controls the visibility of backdrop. Default `true`.                                                                                                                                                                                                                                             | boolean                                                | true    | No       | All      | yes               |
+| allowMomentum            | If `false`, panel will not continue to move when you release your finger.                                                                                                                                                                                                                        | boolean                                                | null    | No       | All      | yes               |
+| allowDragging            | Default `true`. Setting this to `false` to disable dragging.                                                                                                                                                                                                                                     | boolean                                                | true    | No       | All      | yes               |
+| avoidKeyboard            | If `true` every time animated value changes keyboard will be dismissed. Default `true`.                                                                                                                                                                                                          | boolean                                                | true    | No       | All      | yes               |
+| onBackButtonPress        | By default when you press back button (Android) the panel will be closed (Move to `bottom` position of `draggableRange`). Implement this function if you want to custom the behavior. Returning `true` means the event has been handled.                                                         | () => boolean                                          | null    | No       | All      | yes               |
+| onDragStart              | Called when the panel is about to start dragging.                                                                                                                                                                                                                                                | (position: number, gestureState: GestureState) => void | null    | No       | All      | yes               |
+| onDragEnd                | Called when you release your finger.                                                                                                                                                                                                                                                             | (position: number: gestureState: GestureState) => void | null    | No       | All      | yes               |
+| onMomentumDragStart      | Called when the momentum drag starts. Works exactly the same way of [ScrollView#onMomentumScrollBegin](https://facebook.github.io/react-native/docs/scrollview#onmomentumscrollbegin).                                                                                                           | (position: number) => void                             | null    | No       | All      | yes               |
+| onMomentumDragEnd        | Called when the momentum drag ends. Works exactly the same way of [ScrollView#onMomentumScrollEnd](https://facebook.github.io/react-native/docs/scrollview#onmomentumscrollend).                                                                                                                 | (position: number) => void                             | null    | No       | All      | yes               |
+| onBottomReached          | Called when the panel is hidden / reaches the bottom of the screen.                                                                                                                                                                                                                              | () => void                                             | null    | No       | All      | yes               |
+| children                 | Accepts passing a function as component. Invoked with `dragHandlers` (that can be passed into another View like this `<View {...dragHandlers}>`) when the panel is mounted. Useful when you want only a part of your content becomes the drag handler.                                           | React.Element \| Function                              | null    | No       | All      | yes               |
 
 ### Methods
 
-| Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
-| --- | --- | --- | --- | --- | --- | --- |
-| show | Calling `show()` without any parameter will showmove the panel to top position (of draggableRange). | Function(value?: number \| Object) | null | No | All | yes |
-| hide | Move the panel to the bottom position of draggable range. Note: This method is triggered if you touch the backdrop (If it's visible). | Function | null | No | All | yes |
-| scrollIntoView | Typically you don't need to use this method, But if an element is stuck under the keyboard or out of view, you can use this ensure it is visible within the viewable area. | Function(node: number) | null | No | All | yes |
+| Name           | Description                                                                                                                                                                | Type                               | Default | Required | Platform | HarmonyOS Support |
+| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ------- | -------- | -------- | ----------------- |
+| show           | Calling `show()` without any parameter will showmove the panel to top position (of draggableRange).                                                                        | Function(value?: number \| Object) | null    | No       | All      | yes               |
+| hide           | Move the panel to the bottom position of draggable range. Note: This method is triggered if you touch the backdrop (If it's visible).                                      | Function                           | null    | No       | All      | yes               |
+| scrollIntoView | Typically you don't need to use this method, But if an element is stuck under the keyboard or out of view, you can use this ensure it is visible within the viewable area. | Function(node: number)             | null    | No       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/octopitus/rn-sliding-up-panel/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/octopitus/rn-sliding-up-panel/blob/master/LICENSE).

From 96ebb5fec3e5b9fe4aa44d28433422e314159dd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Thu, 24 Oct 2024 01:30:12 +0000
Subject: [PATCH 742/966] =?UTF-8?q?!1748=20docs:=20[Issues:=20#IAZ4UZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-material-ui=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZ4UZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-material-ui=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-material-ui.md    | 176 +++++++++++-------------------
 zh-cn/react-native-material-ui.md | 176 +++++++++++-------------------
 2 files changed, 122 insertions(+), 230 deletions(-)

diff --git a/en/react-native-material-ui.md b/en/react-native-material-ui.md
index f8659387..dd0af696 100644
--- a/en/react-native-material-ui.md
+++ b/en/react-native-material-ui.md
@@ -43,10 +43,6 @@ yarn add react-native-material-ui@file:#
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
- 
-### 外部字体使用
-> [!ATTENTION] 使用外部字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件，否则图标不能正常显示
-使用外部字体时，不管是用户自己制作的字体文件还是从网站下载的字体文件，都需要有 *.ttf 和 *.json 文件(文件目录不固定，能引用到就可以了)
 
 ```js
 
@@ -144,100 +140,54 @@ export default ActionButtonDemo
 ```
 ### 在 ArkTs 侧引入和注册字体文件
 
-步骤一： 复制字体文件到 `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+步骤一： 复制字体文件到 `entry/src/main/resources/rawfile/assets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf 文件复制过来)
 
 步骤二： 打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
 
 ```
-    import font from '@ohos.font';
-    //...
-    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
-   const fonts: font.FontOptions[] = [
-  {
-    familyName: 'Material Icons',
-    familySrc: '/assets/fonts/MaterialIcons.ttf'
-  },
-  {
-    familyName: 'Pacifico-Regular',
-    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
-  },
-  {
-    familyName: 'StintUltraCondensed-Regular',
-    familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
-  },
-  {
-    familyName: 'Entypo',
-    familySrc: '/assets/fonts/Entypo.ttf'
-  },
-  {
-    familyName: 'EvilIcons',
-    familySrc: '/assets/fonts/EvilIcons.ttf'
-  },
-  {
-    familyName: 'Feather',
-    familySrc: '/assets/fonts/Feather.ttf'
-  },
-  {
-    familyName: 'FontAwesome5_Brands',
-    familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
-  },
-  {
-    familyName: 'FontAwesome5_Regular',
-    familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
-  },
-  {
-    familyName: 'FontAwesome5_Solid',
-    familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
-  },
-  {
-    familyName: 'Foundation',
-    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
-  },
-  {
-    familyName: 'Ionicons',
-    familySrc: '/assets/fonts/Ionicons.ttf'
-  },
-  {
-    familyName: 'Foundation',
-    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
-  },
-  {
-    familyName: 'MaterialCommunityIcons',
-    familySrc: '/assets/fonts/MaterialCommunityIcons.ttf'
-  },
-  {
-    familyName: 'Octicons',
-    familySrc: '/assets/fonts/Octicons.ttf'
-  },
-  {
-    familyName: 'SimpleLineIcons',
-    familySrc: '/assets/fonts/SimpleLineIcons.ttf'
-  },
-  {
-    familyName: 'Octicons',
-    familySrc: '/assets/fonts/Octicons.ttf'
-  },
-  {
-    familyName: 'Zocial',
-    familySrc: '/assets/fonts/Zocial.ttf'
-  },
-
-]
-
-    @Entry
-    @Component
-    struct Index {
-        //...
-        aboutToAppear() {
-            //...
-
-            //注册字体文件
-            for (const customFont of fonts) {
-                font.registerFont(customFont)
-            }
-        }
+ const fonts: Record<string, Resource> = {
+   "Pacifico-Regular": $rawfile("assets/assets/fonts/Pacifico-Regular.ttf"),
+   "StintUltraCondensed-Regular": $rawfile("assets/assets/fonts/StintUltraCondensed-Regular.ttf"),
+   'Entypo': $rawfile('assets/assets/fonts/Entypo.ttf'),
+   'EvilIcons': $rawfile('assets/assets/fonts/EvilIcons.ttf'),
+   'Feather': $rawfile('assets/assets/fonts/Feather.ttf'),
+   'FontAwesome': $rawfile('assets/assets/fonts/FontAwesome.ttf'),
+   'FontAwesome5Brands-Regular': $rawfile('assets/assets/fonts/FontAwesome5_Brands.ttf'),
+   'FontAwesome5Free-Regular': $rawfile('assets/assets/fonts/FontAwesome5_Regular.ttf'),
+   'FontAwesome5Free-Solid': $rawfile('assets/assets/fonts/FontAwesome5_Solid.ttf'),
+   'FontAwesome6Brands-Regular': $rawfile('assets/assets/fonts/FontAwesome6_Brands.ttf'),
+   'FontAwesome6Free-Regular': $rawfile('assets/assets/fonts/FontAwesome6_Regular.ttf'),
+   'FontAwesome6Free-Solid': $rawfile('assets/assets/fonts/FontAwesome6_Solid.ttf'),
+   'fontcustom': $rawfile('assets/assets/fonts/Foundation.ttf'),
+   'Ionicons': $rawfile('assets/assets/fonts/Ionicons.ttf'),
+   'Material Design Icons': $rawfile('assets/assets/fonts/MaterialCommunityIcons.ttf'),
+   'Material Icons': $rawfile('assets/assets/fonts/MaterialIcons.ttf'),
+   'Octicons': $rawfile('assets/assets/fonts/Octicons.ttf'),
+   'simple-line-icons': $rawfile('assets/assets/fonts/SimpleLineIcons.ttf'),
+   'zocial': $rawfile('assets/assets/fonts/Zocial.ttf'),
+ }
+
+@Entry
+@Component
+struct Index {
+  //...
+  build() {
+    Column(){
+      //...
+
+      //注册字体文件
+      RNApp({
+        rnInstanceConfig: {
+          //...
+          fontResourceByFontFamily: fonts
+        },
         //...
+      })
+
     }
+    //...
+  }
+}
 ```
 
 ## 约束与限制
@@ -322,7 +272,7 @@ export default ActionButtonDemo
 |:---------|:-----------------------------------------------:|:-------------------------------:|:--------:|:-----------:|:-----------------:|
 | active   |         The key of selected/active tab          |        PropTypes.string         |    no    | iOS/Android |        yes        |
 | children |          BottomNavigation.Action nodes          |    PropTypes.node.isRequired    |   yes    | iOS/Android |        yes        |
-| hidden   | Whether or not the BottomNavigation should show |         PropTypes.bool          |    no    | iOS/Android |        yes        |
+| hidden   | Whether or not the BottomNavigation should show |         PropTypes.bool          |    no    | iOS/Android |        No         |
 | style    |        Inline style of bottom navigation        | container: View.propTypes.style |    no    | iOS/Android |        yes        |
 
 ### BottomNavigation.Action
@@ -396,7 +346,7 @@ export default ActionButtonDemo
 | Name            |                    Description                    |                                                  Type                                                   | Required |  Platform   | HarmonyOS Support |
 |:----------------|:-------------------------------------------------:|:-------------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
 | image           |              image for Drawer.header              |                           PropTypes.shape({ type: PropTypes.oneOf([Image]) })                           |    no    | iOS/Android |        yes        |
-| backgroundColor |      Background image of the drawer header.       |                                            PropTypes.string                                             |    no    | iOS/Android |        yes        |
+| backgroundColor |      Background image of the drawer header.       |                                            PropTypes.string                                             |    no    | iOS/Android |        No         |
 | children        |           Subnodes in the drawer.header           |                                             PropTypes.node                                              |    no    | iOS/Android |        yes        |
 | style           | You can override any style for this drawer.header | style: PropTypes.shape({contentContainer: View.propTypes.style,container: View.propTypes.style,     }), |    no    | iOS/Android |        yes        |
 
@@ -427,7 +377,7 @@ export default ActionButtonDemo
 | title   |             title of drawers:sections              |               PropTypes.string               |   yes    | iOS/Android |        yes        |
 | items   |             tems of drawers:isections              |          **Drawer:Section  items**           |   yes    | iOS/Android |        yes        |
 | divider |             dividerof drawers:sections             |                PropTypes.bool                |    no    | iOS/Android |        yes        |
-| style   | You can override any style for this Drawer:Section | PropTypes.shape({**Drawer:Section  style**}) |    no    | iOS/Android |        yes        |
+| style   | You can override any style for this Drawer:Section | PropTypes.shape({**Drawer:Section  style**}) |    no    | iOS/Android |        No         |
 
 ##### Drawer:Section  items
 
@@ -437,21 +387,11 @@ export default ActionButtonDemo
 | value       | PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired | yes      | iOS/Android | yes               |
 | label       | PropTypes.string                                                      | no       | iOS/Android | yes               |
 | onPress     | PropTypes.func                                                        | no       | iOS/Android | yes               |
-| onLongPress | PropTypes.func                                                        | no       | iOS/Android | yes               |
+| onLongPress | PropTypes.func                                                        | no       | iOS/Android | No                |
 | active      | PropTypes.bool                                                        | no       | iOS/Android | yes               |
-| disabled    | PropTypes.bool                                                        | no       | iOS/Android | yes               |
-
-##### Drawer:Section  style
+| disabled    | PropTypes.bool                                                        | no       | iOS/Android | No                |
 
-| name      | Type                 | Required | Platform    | HarmonyOS Support |
-|-----------|----------------------|----------|-------------|-------------------|
-| container | View.propTypes.style | no       | iOS/Android | yes               |
-| item      | View.propTypes.style | no       | iOS/Android | yes               |
-| subheader | View.propTypes.style | no       | iOS/Android | yes               |
-| icon      | View.propTypes.style | no       | iOS/Android | yes               |
-| value     | View.propTypes.style | no       | iOS/Android | yes               |
-| label     | View.propTypes.style | no       | iOS/Android | yes               |
-| disabled  | View.propTypes.style | no       | iOS/Android | yes               |
+##### 
 
 ### ListItem
 
@@ -463,7 +403,7 @@ export default ActionButtonDemo
 | numberOfLines       |                   line number                    |                                                                               PropTypes.oneOf([1, 2, 3, 'dynamic'])                                                                               |    no    | iOS/Android |        yes        |
 | style               |   You can override any style for this Listltem   |                                                                                          ListItem  style                                                                                          |    no    | iOS/Android |        yes        |
 | leftElement         |                    left side                     |                                                                PropTypes.oneOfType([         PropTypes.element,PropTypes.string ]                                                                 |    no    | iOS/Android |        yes        |
-| onLeftElementPress  | Event triggered when the left button is pressed  |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
+| onLeftElementPress  | Event triggered when the left button is pressed  |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        No         |
 | centerElement       |                   center side                    | PropTypes.oneOfType([PropTypes.element,         PropTypes.string,  PropTypes.shape({primaryText: PropTypes.string.isRequired,secondaryText: PropTypes.string,tertiaryText: PropTypes.string }) ]) |   yes    | iOS/Android |        yes        |
 | rightElement        |                    right side                    |                          PropTypes.element, PropTypes.string,         PropTypes.shape({ menu: PropTypes.shape({                 labels: PropTypes.array.isRequired}) })                           |    no    | iOS/Android |        yes        |
 | onRightElementPress | Event triggered when the right button is pressed |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
@@ -518,7 +458,7 @@ export default ActionButtonDemo
 | searchable          | When you want to activate search feature you have to pass this object with config of search. | **searchable props** |   yes    |   iOS/Android    |        yes        |
 | size                |                        This size is used for each icon on the toolbar                        |   PropTypes.number   |    no    |   iOS/Android    |        yes        |
 | style               |                  You can override any style for the component via this prop                  |  **Toolbar style**   |    no    |   iOS/Android    |        yes        |
-| hidden              |                            Wether or not the Toolbar should show                             |    PropTypes.bool    |    no    |   iOS/Android    |        yes        |
+| hidden              |                            Wether or not the Toolbar should show                             |    PropTypes.bool    |    no    |   iOS/Android    |        No         |
 | onPress             |                            Called when centerElement was pressed.                            |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
 | leftElement         |                               Will be shown on the left side.                                |  PropTypes.element   |    no    |   iOS/Android    |        yes        |
 | onLeftElementPress  |                             Called when leftElement was pressed.                             |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
@@ -537,8 +477,8 @@ export default ActionButtonDemo
 | onSubmitEditing        | Called when user press submit button on hw keyboard                | PropTypes.func   | no       | iOS/Android | yes               |
 | placeholder            | Will shown as placeholder for search input.                        | PropTypes.string | no       | iOS/Android | yes               |
 | autoFocus              | Indicates when input should be focused after the search is opened. | PropTypes.bool   | no       | iOS/Android | yes               |
-| autoCapitalize         | Enable auto-capitalize for search input                            | PropTypes.string | no       | iOS/Android | yes               |
-| autoCorrect            | Enable auto-correct for search input                               | PropTypes.bool   | no       | iOS/Android | yes               |
+| autoCapitalize         | Enable auto-capitalize for search input                            | PropTypes.string | no       | iOS/Android | No                |
+| autoCorrect            | Enable auto-correct for search input                               | PropTypes.bool   | no       | iOS/Android | No                |
 | icon                   | Override default search icon                                       | PropTypes.string | no       | iOS/Android | yes               |
 
 ##### rightElement props
@@ -602,9 +542,15 @@ class Main extends Component {
 
 ## 其他
 
-- [ ] RadioButton组件功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/25)
+- RadioButton组件功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/25)
+-  BottomNavigation和Toolbar组件hidden属性功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/357)
+-  Toolbar组件autoCapitalize属性和autoCorrect功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/520)
+-  Drawer:Section组件中的style属性设置样式在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/160)
+-  Drawer:Section组件中itmes属性对象中的onLongPress属性和disabled属性在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/521)
+-  ListItem组件中onLeftElementPress属性在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/522)
+-  Drawer:Header组件中backgroundColor属性与子元素中的Style属性冲突在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/523)
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE)
-，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE)，请自由地享受和参与开源。
+
diff --git a/zh-cn/react-native-material-ui.md b/zh-cn/react-native-material-ui.md
index f8659387..dd0af696 100644
--- a/zh-cn/react-native-material-ui.md
+++ b/zh-cn/react-native-material-ui.md
@@ -43,10 +43,6 @@ yarn add react-native-material-ui@file:#
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
- 
-### 外部字体使用
-> [!ATTENTION] 使用外部字体时，请确保entry/src/main/ets/assets/fonts和entry/src/main/resource/rawfile/assets/assets/fonts下同时拥有要使用的ttf文件，否则图标不能正常显示
-使用外部字体时，不管是用户自己制作的字体文件还是从网站下载的字体文件，都需要有 *.ttf 和 *.json 文件(文件目录不固定，能引用到就可以了)
 
 ```js
 
@@ -144,100 +140,54 @@ export default ActionButtonDemo
 ```
 ### 在 ArkTs 侧引入和注册字体文件
 
-步骤一： 复制字体文件到 `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf文件复制过来)
+步骤一： 复制字体文件到 `entry/src/main/resources/rawfile/assets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf 文件复制过来)
 
 步骤二： 打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
 
 ```
-    import font from '@ohos.font';
-    //...
-    //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
-   const fonts: font.FontOptions[] = [
-  {
-    familyName: 'Material Icons',
-    familySrc: '/assets/fonts/MaterialIcons.ttf'
-  },
-  {
-    familyName: 'Pacifico-Regular',
-    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
-  },
-  {
-    familyName: 'StintUltraCondensed-Regular',
-    familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
-  },
-  {
-    familyName: 'Entypo',
-    familySrc: '/assets/fonts/Entypo.ttf'
-  },
-  {
-    familyName: 'EvilIcons',
-    familySrc: '/assets/fonts/EvilIcons.ttf'
-  },
-  {
-    familyName: 'Feather',
-    familySrc: '/assets/fonts/Feather.ttf'
-  },
-  {
-    familyName: 'FontAwesome5_Brands',
-    familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
-  },
-  {
-    familyName: 'FontAwesome5_Regular',
-    familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
-  },
-  {
-    familyName: 'FontAwesome5_Solid',
-    familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
-  },
-  {
-    familyName: 'Foundation',
-    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
-  },
-  {
-    familyName: 'Ionicons',
-    familySrc: '/assets/fonts/Ionicons.ttf'
-  },
-  {
-    familyName: 'Foundation',
-    familySrc: '/assets/fonts/Pacifico-Regular.ttf'
-  },
-  {
-    familyName: 'MaterialCommunityIcons',
-    familySrc: '/assets/fonts/MaterialCommunityIcons.ttf'
-  },
-  {
-    familyName: 'Octicons',
-    familySrc: '/assets/fonts/Octicons.ttf'
-  },
-  {
-    familyName: 'SimpleLineIcons',
-    familySrc: '/assets/fonts/SimpleLineIcons.ttf'
-  },
-  {
-    familyName: 'Octicons',
-    familySrc: '/assets/fonts/Octicons.ttf'
-  },
-  {
-    familyName: 'Zocial',
-    familySrc: '/assets/fonts/Zocial.ttf'
-  },
-
-]
-
-    @Entry
-    @Component
-    struct Index {
-        //...
-        aboutToAppear() {
-            //...
-
-            //注册字体文件
-            for (const customFont of fonts) {
-                font.registerFont(customFont)
-            }
-        }
+ const fonts: Record<string, Resource> = {
+   "Pacifico-Regular": $rawfile("assets/assets/fonts/Pacifico-Regular.ttf"),
+   "StintUltraCondensed-Regular": $rawfile("assets/assets/fonts/StintUltraCondensed-Regular.ttf"),
+   'Entypo': $rawfile('assets/assets/fonts/Entypo.ttf'),
+   'EvilIcons': $rawfile('assets/assets/fonts/EvilIcons.ttf'),
+   'Feather': $rawfile('assets/assets/fonts/Feather.ttf'),
+   'FontAwesome': $rawfile('assets/assets/fonts/FontAwesome.ttf'),
+   'FontAwesome5Brands-Regular': $rawfile('assets/assets/fonts/FontAwesome5_Brands.ttf'),
+   'FontAwesome5Free-Regular': $rawfile('assets/assets/fonts/FontAwesome5_Regular.ttf'),
+   'FontAwesome5Free-Solid': $rawfile('assets/assets/fonts/FontAwesome5_Solid.ttf'),
+   'FontAwesome6Brands-Regular': $rawfile('assets/assets/fonts/FontAwesome6_Brands.ttf'),
+   'FontAwesome6Free-Regular': $rawfile('assets/assets/fonts/FontAwesome6_Regular.ttf'),
+   'FontAwesome6Free-Solid': $rawfile('assets/assets/fonts/FontAwesome6_Solid.ttf'),
+   'fontcustom': $rawfile('assets/assets/fonts/Foundation.ttf'),
+   'Ionicons': $rawfile('assets/assets/fonts/Ionicons.ttf'),
+   'Material Design Icons': $rawfile('assets/assets/fonts/MaterialCommunityIcons.ttf'),
+   'Material Icons': $rawfile('assets/assets/fonts/MaterialIcons.ttf'),
+   'Octicons': $rawfile('assets/assets/fonts/Octicons.ttf'),
+   'simple-line-icons': $rawfile('assets/assets/fonts/SimpleLineIcons.ttf'),
+   'zocial': $rawfile('assets/assets/fonts/Zocial.ttf'),
+ }
+
+@Entry
+@Component
+struct Index {
+  //...
+  build() {
+    Column(){
+      //...
+
+      //注册字体文件
+      RNApp({
+        rnInstanceConfig: {
+          //...
+          fontResourceByFontFamily: fonts
+        },
         //...
+      })
+
     }
+    //...
+  }
+}
 ```
 
 ## 约束与限制
@@ -322,7 +272,7 @@ export default ActionButtonDemo
 |:---------|:-----------------------------------------------:|:-------------------------------:|:--------:|:-----------:|:-----------------:|
 | active   |         The key of selected/active tab          |        PropTypes.string         |    no    | iOS/Android |        yes        |
 | children |          BottomNavigation.Action nodes          |    PropTypes.node.isRequired    |   yes    | iOS/Android |        yes        |
-| hidden   | Whether or not the BottomNavigation should show |         PropTypes.bool          |    no    | iOS/Android |        yes        |
+| hidden   | Whether or not the BottomNavigation should show |         PropTypes.bool          |    no    | iOS/Android |        No         |
 | style    |        Inline style of bottom navigation        | container: View.propTypes.style |    no    | iOS/Android |        yes        |
 
 ### BottomNavigation.Action
@@ -396,7 +346,7 @@ export default ActionButtonDemo
 | Name            |                    Description                    |                                                  Type                                                   | Required |  Platform   | HarmonyOS Support |
 |:----------------|:-------------------------------------------------:|:-------------------------------------------------------------------------------------------------------:|:--------:|:-----------:|:-----------------:|
 | image           |              image for Drawer.header              |                           PropTypes.shape({ type: PropTypes.oneOf([Image]) })                           |    no    | iOS/Android |        yes        |
-| backgroundColor |      Background image of the drawer header.       |                                            PropTypes.string                                             |    no    | iOS/Android |        yes        |
+| backgroundColor |      Background image of the drawer header.       |                                            PropTypes.string                                             |    no    | iOS/Android |        No         |
 | children        |           Subnodes in the drawer.header           |                                             PropTypes.node                                              |    no    | iOS/Android |        yes        |
 | style           | You can override any style for this drawer.header | style: PropTypes.shape({contentContainer: View.propTypes.style,container: View.propTypes.style,     }), |    no    | iOS/Android |        yes        |
 
@@ -427,7 +377,7 @@ export default ActionButtonDemo
 | title   |             title of drawers:sections              |               PropTypes.string               |   yes    | iOS/Android |        yes        |
 | items   |             tems of drawers:isections              |          **Drawer:Section  items**           |   yes    | iOS/Android |        yes        |
 | divider |             dividerof drawers:sections             |                PropTypes.bool                |    no    | iOS/Android |        yes        |
-| style   | You can override any style for this Drawer:Section | PropTypes.shape({**Drawer:Section  style**}) |    no    | iOS/Android |        yes        |
+| style   | You can override any style for this Drawer:Section | PropTypes.shape({**Drawer:Section  style**}) |    no    | iOS/Android |        No         |
 
 ##### Drawer:Section  items
 
@@ -437,21 +387,11 @@ export default ActionButtonDemo
 | value       | PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired | yes      | iOS/Android | yes               |
 | label       | PropTypes.string                                                      | no       | iOS/Android | yes               |
 | onPress     | PropTypes.func                                                        | no       | iOS/Android | yes               |
-| onLongPress | PropTypes.func                                                        | no       | iOS/Android | yes               |
+| onLongPress | PropTypes.func                                                        | no       | iOS/Android | No                |
 | active      | PropTypes.bool                                                        | no       | iOS/Android | yes               |
-| disabled    | PropTypes.bool                                                        | no       | iOS/Android | yes               |
-
-##### Drawer:Section  style
+| disabled    | PropTypes.bool                                                        | no       | iOS/Android | No                |
 
-| name      | Type                 | Required | Platform    | HarmonyOS Support |
-|-----------|----------------------|----------|-------------|-------------------|
-| container | View.propTypes.style | no       | iOS/Android | yes               |
-| item      | View.propTypes.style | no       | iOS/Android | yes               |
-| subheader | View.propTypes.style | no       | iOS/Android | yes               |
-| icon      | View.propTypes.style | no       | iOS/Android | yes               |
-| value     | View.propTypes.style | no       | iOS/Android | yes               |
-| label     | View.propTypes.style | no       | iOS/Android | yes               |
-| disabled  | View.propTypes.style | no       | iOS/Android | yes               |
+##### 
 
 ### ListItem
 
@@ -463,7 +403,7 @@ export default ActionButtonDemo
 | numberOfLines       |                   line number                    |                                                                               PropTypes.oneOf([1, 2, 3, 'dynamic'])                                                                               |    no    | iOS/Android |        yes        |
 | style               |   You can override any style for this Listltem   |                                                                                          ListItem  style                                                                                          |    no    | iOS/Android |        yes        |
 | leftElement         |                    left side                     |                                                                PropTypes.oneOfType([         PropTypes.element,PropTypes.string ]                                                                 |    no    | iOS/Android |        yes        |
-| onLeftElementPress  | Event triggered when the left button is pressed  |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
+| onLeftElementPress  | Event triggered when the left button is pressed  |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        No         |
 | centerElement       |                   center side                    | PropTypes.oneOfType([PropTypes.element,         PropTypes.string,  PropTypes.shape({primaryText: PropTypes.string.isRequired,secondaryText: PropTypes.string,tertiaryText: PropTypes.string }) ]) |   yes    | iOS/Android |        yes        |
 | rightElement        |                    right side                    |                          PropTypes.element, PropTypes.string,         PropTypes.shape({ menu: PropTypes.shape({                 labels: PropTypes.array.isRequired}) })                           |    no    | iOS/Android |        yes        |
 | onRightElementPress | Event triggered when the right button is pressed |                                                                                          PropTypes.func                                                                                           |    no    | iOS/Android |        yes        |
@@ -518,7 +458,7 @@ export default ActionButtonDemo
 | searchable          | When you want to activate search feature you have to pass this object with config of search. | **searchable props** |   yes    |   iOS/Android    |        yes        |
 | size                |                        This size is used for each icon on the toolbar                        |   PropTypes.number   |    no    |   iOS/Android    |        yes        |
 | style               |                  You can override any style for the component via this prop                  |  **Toolbar style**   |    no    |   iOS/Android    |        yes        |
-| hidden              |                            Wether or not the Toolbar should show                             |    PropTypes.bool    |    no    |   iOS/Android    |        yes        |
+| hidden              |                            Wether or not the Toolbar should show                             |    PropTypes.bool    |    no    |   iOS/Android    |        No         |
 | onPress             |                            Called when centerElement was pressed.                            |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
 | leftElement         |                               Will be shown on the left side.                                |  PropTypes.element   |    no    |   iOS/Android    |        yes        |
 | onLeftElementPress  |                             Called when leftElement was pressed.                             |    PropTypes.func    |    no    |   iOS/Android    |        yes        |
@@ -537,8 +477,8 @@ export default ActionButtonDemo
 | onSubmitEditing        | Called when user press submit button on hw keyboard                | PropTypes.func   | no       | iOS/Android | yes               |
 | placeholder            | Will shown as placeholder for search input.                        | PropTypes.string | no       | iOS/Android | yes               |
 | autoFocus              | Indicates when input should be focused after the search is opened. | PropTypes.bool   | no       | iOS/Android | yes               |
-| autoCapitalize         | Enable auto-capitalize for search input                            | PropTypes.string | no       | iOS/Android | yes               |
-| autoCorrect            | Enable auto-correct for search input                               | PropTypes.bool   | no       | iOS/Android | yes               |
+| autoCapitalize         | Enable auto-capitalize for search input                            | PropTypes.string | no       | iOS/Android | No                |
+| autoCorrect            | Enable auto-correct for search input                               | PropTypes.bool   | no       | iOS/Android | No                |
 | icon                   | Override default search icon                                       | PropTypes.string | no       | iOS/Android | yes               |
 
 ##### rightElement props
@@ -602,9 +542,15 @@ class Main extends Component {
 
 ## 其他
 
-- [ ] RadioButton组件功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/25)
+- RadioButton组件功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/25)
+-  BottomNavigation和Toolbar组件hidden属性功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/357)
+-  Toolbar组件autoCapitalize属性和autoCorrect功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/520)
+-  Drawer:Section组件中的style属性设置样式在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/160)
+-  Drawer:Section组件中itmes属性对象中的onLongPress属性和disabled属性在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/521)
+-  ListItem组件中onLeftElementPress属性在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/522)
+-  Drawer:Header组件中backgroundColor属性与子元素中的Style属性冲突在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/523)
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE)
-，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE)，请自由地享受和参与开源。
+

From 88a38052ccda88b01afeec5e569c43739cc6b224 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=8E=A5?=
 <2077100+wangyue6@user.noreply.gitee.com>
Date: Thu, 24 Oct 2024 03:54:25 +0000
Subject: [PATCH 743/966] =?UTF-8?q?!1754=20docs:=20[Issues:=20#IAYQ4B]=20r?=
 =?UTF-8?q?eadme.md=E6=9B=B4=E6=96=B0=E9=83=A8=E5=88=86=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E6=96=87=E6=A1=A3=E9=93=BE=E6=8E=A5=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IAYQ4B]=20readme.md=E6=9B=B4=E6=96=B0=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E4=B8=89=E6=96=B9=E5=BA=93=E6=96=87=E6=A1=A3=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 30 +++++++++++++++---------------
 en/README_EN.md | 28 ++++++++++++++--------------
 zh-cn/README.md | 30 +++++++++++++++---------------
 3 files changed, 44 insertions(+), 44 deletions(-)

diff --git a/README.md b/README.md
index fca84adc..73baffc4 100644
--- a/README.md
+++ b/README.md
@@ -315,11 +315,11 @@
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
 | 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                                                    | 4.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
 | 293  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
@@ -328,8 +328,8 @@
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 297  | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                                        | 0.12.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-image-colors.md)                                                           |
+| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [链接](/zh-cn/react-content-loader.md)                                                         |
 | 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -338,7 +338,7 @@
 | 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 307  | [react-native-notifier](https://github.com/seniv/react-native-notifier)                                                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mask-text.md)                                                         |
 | 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 311  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -347,22 +347,22 @@
 | 315  | [react-native-mail](https://github.com/chirag04/react-native-mail)                                                            | 6.1.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 316  | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile) | 3.2.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 317  | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                                                       | 2.4.6          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 318  | [react-native-tts](https://github.com/ak1394/react-native-tts)                                                                | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 318  | [react-native-tts](https://github.com/ak1394/react-native-tts)                                                                | 4.1.1          | 是                 | [@react-native-oh-tpl/react-native-tts](https://github.com/react-native-oh-library/react-native-tts/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-tts.md)                                                         |
 | 319  | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                                 | 12.0.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 323  | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                                               | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 324  | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                                         | 4.3.14         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | -                                                                                                                                                      | [链接](/zh-cn/react-native-signature-canvas.md)                                                          |
 | 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-multiple-select.md)                                                         |
 | 328  | [react-native-switch](https://github.com/shahen94/react-native-switch)                                                        | 1.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu)                                              | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-menu.md)                   |
-| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-swipeable-list.md)                                                         |
 | 331  | [galio-framework](https://github.com/galio-org/galio)                                                                         | 0.8.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | 否                 | [@react-native-oh-tpl/react-native-incall-manager](https://github.com/react-native-oh-library/react-native-incall-manager/releases)                               | [链接](/zh-cn/react-native-incall-manager.md)                                                         |
-| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | [@react-native-oh-library/react-native-securerandom](https://github.com/react-native-oh-library/react-native-securerandom/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-securerandom.md)                                      |
 | 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)                                               | 6.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)                              | 0.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent)                                         | 1.3.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -375,7 +375,7 @@
 | 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color)                           | 2.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript)                | 0.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-network-info.md)                                                         |
 | 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)                              | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dismiss-keyboard.md)                |
@@ -387,18 +387,18 @@
 | 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | 是                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [链接](/zh-cn/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | [@react-native-oh-library/react-native-keys](https://github.com/react-native-oh-library/react-native-keys/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-keys.md)                                                         |
 | 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control)                                           | 6.0.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 360  | [@baronha/ting](https://github.com/baronha/ting)                                                                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings)                            | 1.0.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors)                                                | 0.4.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [链接](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | 否                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [链接](/zh-cn/react-native-neomorph-shadows.md)                |
-| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | -                                                                                                                                                      | [链接](/zh-cn/ant-design-react-native.md)                                                         |
 | 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-iconfont-cli.md)                                                         |
+| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-video-cache.md)                                                         |
 | 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
diff --git a/en/README_EN.md b/en/README_EN.md
index dad90ff6..d25670bf 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -319,7 +319,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                                                    | 4.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-error-boundary.md)                  |
 | 293  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | No                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [Link](/zh-cn/react-native-ble-manager.md)                     |
@@ -328,8 +328,8 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 297  | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                                        | 0.12.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | No                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-image-colors.md)                                                         |
+| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [Link](/zh-cn/react-content-loader.md)                                                         |
 | 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -338,7 +338,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 307  | [react-native-notifier](https://github.com/seniv/react-native-notifier)                                                       | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-mask-text.md)                                                         |
 | 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 311  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                                                     | 5.6.2          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -347,22 +347,22 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 315  | [react-native-mail](https://github.com/chirag04/react-native-mail)                                                            | 6.1.1          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 316  | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile) | 3.2.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 317  | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                                                       | 2.4.6          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 318  | [react-native-tts](https://github.com/ak1394/react-native-tts)                                                                | 4.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 318  | [react-native-tts](https://github.com/ak1394/react-native-tts)                                                                | 4.1.1          | Yes                 | [@react-native-oh-tpl/react-native-tts](https://github.com/react-native-oh-library/react-native-tts/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-tts.md)                                                         |
 | 319  | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                                 | 12.0.0         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 323  | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                                               | 5.0.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 324  | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                                         | 4.3.14         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | Yes                 | -                                                                                                                                                      | [Link](/zh-cn/react-native-signature-canvas.md)                                                       |
 | 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-multiple-select.md)                                                        |
 | 328  | [react-native-switch](https://github.com/shahen94/react-native-switch)                                                        | 1.5.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu)                                              | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-material-menu.md)                   |
-| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-swipeable-list.md)                                                         |
 | 331  | [galio-framework](https://github.com/galio-org/galio)                                                                         | 0.8.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | No                 | [@react-native-oh-tpl/react-native-incall-manager](https://github.com/react-native-oh-library/react-native-incall-manager/releases)                               | [Link](/zh-cn/react-native-incall-manager.md)                                                         |
-| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | No                 | [@react-native-oh-library/react-native-securerandom](https://github.com/react-native-oh-library/react-native-securerandom/releases)                                                                                                                                                        | [Link](/zh-cn/react-native-securerandom.md)                                                       |
 | 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)                                               | 6.2.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)                              | 0.7.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent)                                         | 1.3.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -375,7 +375,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color)                           | 2.0.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript)                | 0.0.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | Yes                | [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-network-info.md)                             |
 | 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)                              | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-dismiss-keyboard.md)                |
@@ -387,18 +387,18 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | Yes                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [Link](/en/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | Yes                | [@react-native-oh-library/react-native-keys](https://github.com/react-native-oh-library/react-native-keys/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-keys.md)                       |
 | 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control)                                           | 6.0.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 360  | [@baronha/ting](https://github.com/baronha/ting)                                                                              | 1.2.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings)                            | 1.0.2          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors)                                                | 0.4.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [Link](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | No                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [Link](/zh-cn/react-native-neomorph-shadows.md)                |
-| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                       | -                                                                                                                                                      | [Link](/zh-cn/ant-design-react-native.md)                                                 |
 | 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-iconfont-cli.md)                                                            |
+| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-video-cache.md)                                           |
 | 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [Link](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 010f24ce..628282e2 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -315,11 +315,11 @@
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
 | 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                                                    | 4.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
 | 293  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
@@ -328,8 +328,8 @@
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 297  | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                                        | 0.12.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-image-colors.md)                                                         |
+| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                   | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [链接](/zh-cn/react-content-loader.md)                                                         |
 | 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -338,7 +338,7 @@
 | 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 307  | [react-native-notifier](https://github.com/seniv/react-native-notifier)                                                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mask-text.md)                                                         |
 | 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 311  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -347,22 +347,22 @@
 | 315  | [react-native-mail](https://github.com/chirag04/react-native-mail)                                                            | 6.1.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 316  | [react-native-countdown-circle-timer](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile) | 3.2.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 317  | [rn-sliding-up-panel](https://github.com/octopitus/rn-sliding-up-panel)                                                       | 2.4.6          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 318  | [react-native-tts](https://github.com/ak1394/react-native-tts)                                                                | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 318  | [react-native-tts](https://github.com/ak1394/react-native-tts)                                                                | 4.1.1          | 是                 | [@react-native-oh-tpl/react-native-tts](https://github.com/react-native-oh-library/react-native-tts/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-tts.md)                                                         |
 | 319  | [react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)                                 | 12.0.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 323  | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                                               | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 324  | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                                         | 4.3.14         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | -                                                                                                                                                      | [链接](/zh-cn/react-native-signature-canvas.md)                                                         |
 | 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-multiple-select.md)                                                         |
 | 328  | [react-native-switch](https://github.com/shahen94/react-native-switch)                                                        | 1.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 329  | [react-native-material-menu](https://github.com/mxck/react-native-material-menu)                                              | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-menu.md)                   |
-| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-swipeable-list.md)                                                         |
 | 331  | [galio-framework](https://github.com/galio-org/galio)                                                                         | 0.8.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | 否                 | [@react-native-oh-tpl/react-native-incall-manager](https://github.com/react-native-oh-library/react-native-incall-manager/releases)                               | [链接](/zh-cn/react-native-incall-manager.md)                                                         |
-| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | [@react-native-oh-library/react-native-securerandom](https://github.com/react-native-oh-library/react-native-securerandom/releases)                                                                                                                                                        | [链接](/zh-cn/react-native-securerandom.md)                                         |
 | 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)                                               | 6.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)                              | 0.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent)                                         | 1.3.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -375,7 +375,7 @@
 | 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color)                           | 2.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript)                | 0.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-network-info.md)                                                        |
 | 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)                              | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dismiss-keyboard.md)                |
@@ -387,18 +387,18 @@
 | 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | 是                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [链接](/zh-cn/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | [@react-native-oh-library/react-native-keys](https://github.com/react-native-oh-library/react-native-keys/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-keys.md)                                                         |
 | 359  | [react-native-theme-control](https://github.com/vonovak/react-native-theme-control)                                           | 6.0.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 360  | [@baronha/ting](https://github.com/baronha/ting)                                                                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 361  | [react-native-localization-settings](https://github.com/jakex7/react-native-localization-settings)                            | 1.0.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 362  | [@klarna/platform-colors](https://github.com/klarna-incubator/platform-colors)                                                | 0.4.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [链接](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | 否                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [链接](/zh-cn/react-native-neomorph-shadows.md)                |
-| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | -                                                                                                                                                      | [链接](/zh-cn/ant-design-react-native.md)                                                         |
 | 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-iconfont-cli.md)                                                         |
+| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-video-cache.md)                                                         |
 | 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |

From b2afbd1d90835ea30e7fff2cf6da20c88e68ddae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Thu, 24 Oct 2024 07:15:47 +0000
Subject: [PATCH 744/966] =?UTF-8?q?!1740=20docs:=20[#IAYLDT]=20=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E7=BF=BB=E8=AF=91=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-exception-handler=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20do?=
 =?UTF-8?q?cs:=20=E7=BF=BB=E8=AF=91rn-placeholder=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91recyclerList?=
 =?UTF-8?q?View=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-router-dom=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-webview?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-view-shot=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-video?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-vector-icons=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-transluc?=
 =?UTF-8?q?ent-modal=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-transitiongroup=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91rea?=
 =?UTF-8?q?ct-native-text-size=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20d?=
 =?UTF-8?q?ocs:=20=E7=BF=BB=E8=AF=91react-native-tab-view=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91rea?=
 =?UTF-8?q?ct-native-sound=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:?=
 =?UTF-8?q?=20=E7=BF=BB=E8=AF=91react-native-snap-carousel=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91rea?=
 =?UTF-8?q?ct-native-screens=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20doc?=
 =?UTF-8?q?s:=20=E7=BF=BB=E8=AF=91react-native-render-html=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91rea?=
 =?UTF-8?q?ct-native-redash=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs?=
 =?UTF-8?q?:=20=E7=BF=BB=E8=AF=91react-native-progress=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-picker=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-permissions=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-maps=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-image-picker=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-fs=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-drag-sort=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-crypto-j?=
 =?UTF-8?q?s=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-cookies-cookies=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-community-slider=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20doc?=
 =?UTF-8?q?s:=20=E7=BF=BB=E8=AF=91react-native-community-segmented-control?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-community-push-notification-ios=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91rea?=
 =?UTF-8?q?ct-native-community-progress-bar-android=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-community-datetimepicker=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-community-checkbo?=
 =?UTF-8?q?x=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-community-blur=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-cameraro?=
 =?UTF-8?q?ll=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-blob-util=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-base64?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-autoheight-webview=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-async-storage-async-storage=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-aria?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91lottie-react-native=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91htmlparser2=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/htmlparser2.md                             |  46 ++--
 en/lottie-react-native.md                     | 101 ++++----
 en/react-native-aria.md                       |  32 +--
 ...eact-native-async-storage-async-storage.md |  89 ++++----
 en/react-native-autoheight-webview.md         |  47 ++--
 en/react-native-base64.md                     |  44 ++--
 en/react-native-blob-util.md                  |  86 ++++---
 en/react-native-cameraroll.md                 |  87 ++++---
 en/react-native-community-blur.md             | 216 +++++++++++++-----
 en/react-native-community-checkbox.md         |  96 ++++----
 en/react-native-community-datetimepicker.md   | 154 ++++++-------
 ...t-native-community-progress-bar-android.md |  88 ++++---
 ...-native-community-push-notification-ios.md |  91 ++++----
 ...eact-native-community-segmented-control.md |  42 ++--
 en/react-native-community-slider.md           |  89 ++++----
 en/react-native-cookies-cookies.md            |  89 ++++----
 en/react-native-crypto-js.md                  |  32 +--
 en/react-native-drag-sort.md                  |  42 ++--
 en/react-native-exception-handler.md          |  90 ++++----
 en/react-native-fs.md                         |  86 ++++---
 en/react-native-image-picker.md               |  88 +++----
 en/react-native-maps.md                       | 173 +++++++-------
 en/react-native-permissions.md                |  89 ++++----
 en/react-native-picker.md                     |  97 ++++----
 en/react-native-progress.md                   |  44 ++--
 en/react-native-redash.md                     |  55 +++--
 en/react-native-render-html.md                | 123 +++++-----
 en/react-native-screens.md                    |  45 ++--
 en/react-native-snap-carousel.md              |  58 ++---
 en/react-native-sound.md                      |  93 ++++----
 en/react-native-tab-view.md                   |  44 ++--
 en/react-native-text-size.md                  |  84 ++++---
 en/react-native-transitiongroup.md            |  41 ++--
 en/react-native-translucent-modal.md          |  41 ++--
 en/react-native-vector-icons.md               |  36 +--
 en/react-native-video.md                      | 110 +++++----
 en/react-native-view-shot.md                  |  91 ++++----
 en/react-native-webview.md                    | 101 ++++----
 en/react-router-dom.md                        |  39 ++--
 en/recyclerListView.md                        |  34 +--
 en/rn-placeholder.md                          |  39 ++--
 41 files changed, 1613 insertions(+), 1559 deletions(-)

diff --git a/en/htmlparser2.md b/en/htmlparser2.md
index 2d514f43..633c0297 100644
--- a/en/htmlparser2.md
+++ b/en/htmlparser2.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>htmlparser2</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/fb55/htmlparser2)
+> [!TIP] [GitHub address](https://github.com/fb55/htmlparser2)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -38,16 +38,16 @@ yarn add circular-json@0.5.9
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useEffect, useState } from 'react';
 import * as htmlparser2 from 'htmlparser2';
 import { View, Text } from 'react-native';
 
-// 使用htmlparser2来解析HTML文本
+// Use htmlparser2 to parse HTML text
 function HtmlParser() {
     const [parsedContent, setParsedContent] = useState('');
 
@@ -95,7 +95,7 @@ import { parseDocument } from "htmlparser2";
 import CircularJSON from "circular-json";
 import { View, Text } from 'react-native';
 
-// 将html解析为DOM树
+// html to DOM
 function HtmlParser() {
     const dom = parseDocument(
         '<div data-foo="In the end, it doesn\'t really matter."></div><div data-foo="Indeed-that\'s a delicate matter.">',
@@ -109,35 +109,35 @@ function HtmlParser() {
 export default HtmlParser; 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| parseDocument  | 解析DOM树         | function  | no | ios,android      | yes |
-| createDocumentStream  | 创建一个可读流         | function  | no | ios,android      | yes |
-| parseFeed  | 解析RSS 或 Atom feed          | function  | no | ios,android      | yes |
+| Name                 | Description       | Type     | Required | Platform    | HarmonyOS Support |
+|----------------------|-------------------|----------|----------|-------------|-------------------|
+| parseDocument        | 解析DOM树            | function | no       | ios,android | yes               |
+| createDocumentStream | 创建一个可读流           | function | no       | ios,android | yes               |
+| parseFeed            | 解析RSS 或 Atom feed | function | no       | ios,android | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 解析器错误地将（小于）识别为起始标签问题: [issue#1](https://github.com/fb55/htmlparser2/issues/1620)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/fb55/htmlparser2/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/fb55/htmlparser2/blob/master/LICENSE).
diff --git a/en/lottie-react-native.md b/en/lottie-react-native.md
index 6551c088..ac6c111c 100644
--- a/en/lottie-react-native.md
+++ b/en/lottie-react-native.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>lottie-react-native</code> </h1>
@@ -14,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/lottie-react-native)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/lottie-react-native)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +38,9 @@ yarn add @react-native-oh-tpl/lottie-react-native@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 > [!TIP] 以下 demo 中使用的是本地文件。
 
@@ -68,11 +66,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -83,18 +81,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -103,22 +98,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 LottieAnimationViewPackage
+### 3. Configuring CMakeLists and Introducing LottieAnimationViewPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -156,7 +151,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -173,9 +168,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 Lottie 组件
+### 4.Introducing Lottie Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -195,9 +190,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -208,32 +203,32 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases)
 
-### 权限要求
+### Permission Requirements
 
 - 如果 source 使用网络 url 应用需要申请网络权限
 
-  在`entry/src/main/module.json5`中添加
+Include applicable permissions in the module.json5 file within the entry directory.
 
 ```json
 requestPermissions: [
@@ -247,11 +242,11 @@ requestPermissions: [
 
 rawfile 路径：`entry/src/main/resources/rawfile`
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                                                                                                                                                                                                                                                                                                    | Type                                        | Default   | Required | Platform              | HarmonyOS Support |
 | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | --------- | -------- | --------------------- |-------------------|
@@ -278,11 +273,11 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 | hover              | Only Web, a boolean denoting whether to play on mouse hover.                                                                                                                                                                                                                                                                                                   | boolean                                     | false     | No       | Web                   | No                |
 | direction          | Only Web a number from 1 or -1 denoting playing direction.                                                                                                                                                                                                                                                                                                     | 1\| -1                                      | 1         | No       | Web                   | No                |
 
-## 静态方法 (Imperative API)
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                                                                                                                                             | Type     | Required | Platform | HarmonyOS Support |
 | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -291,14 +286,12 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 | pause  | Pauses the animation.                                                                                                                                                                   | function | No       | All      | Yes               |
 | resume | Resumes the paused animation.                                                                                                                                                           | function | No       | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#18](https://github.com/react-native-oh-library/lottie-react-native/issues/18)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [Apache License 2.0](https://github.com/lottie-react-native/lottie-react-native/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [Apache License 2.0](https://github.com/lottie-react-native/lottie-react-native/blob/master/LICENSE).
diff --git a/en/react-native-aria.md b/en/react-native-aria.md
index 03a91dff..73b8b73a 100644
--- a/en/react-native-aria.md
+++ b/en/react-native-aria.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-aria</code> </h1>
@@ -13,14 +12,14 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/gluestack/react-native-aria/tree/main)
+> [!TIP] [GitHub address](https://github.com/gluestack/react-native-aria/tree/main)
 
-## 安装与使用
+## Installation and Usage
 
 React Native ARIA是可增量采用的。每个组件都作为单独的包发布，因此您可以在单个组件中使用它，并随着时间的推移逐渐添加更多组件。所有这些包都在npm上的@react-native-aria范围内发布。
 > [!TIP] 该库已经不再维护，如果执行总包命令，项目运行缺失模块，就需要卸载旧包，在命令后增加--legacy-peer-deps，然后再次下载包文件
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### **yarn**
 
@@ -56,7 +55,9 @@ npm install @react-native-aria/button@0.2.7
 
 <!-- tabs:end -->
 
-下面的代码展示了useToggleButton的基本使用场景：
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -512,11 +513,11 @@ export default TriggerWrapper
 
 更多hooks请参考[react-native-aria官方文档](https://geekyants.github.io/react-native-aria/docs/)
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59;
 2. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
@@ -525,9 +526,9 @@ export default TriggerWrapper
 
 ## Hooks
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
 |--------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
@@ -539,12 +540,11 @@ export default TriggerWrapper
 | OverlayContainer   | Provides React Portal like functionality for React Native apps which can be useful for displaying absolutely positioned components like Menu, Tooltip, Popover.                                               | Function | no       | iOS,Android      | yes               |
 | useOverlayPosition | Handles positioning overlays like popovers and menus relative to a trigger element, and updating the position when the window resizes.                                                                        | Function | no       | iOS,Android      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/gluestack/react-native-aria/blob/main/LICENSE)，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/gluestack/react-native-aria/blob/main/LICENSE).
 
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-async-storage-async-storage.md b/en/react-native-async-storage-async-storage.md
index 134f7a1d..d43b0f87 100644
--- a/en/react-native-async-storage-async-storage.md
+++ b/en/react-native-async-storage-async-storage.md
@@ -1,5 +1,4 @@
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-async-storage/async-storage</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/async-storage)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/async-storage)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/async-storage@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import AsyncStorage from "@react-native-async-storage/async-storage";
@@ -67,9 +66,10 @@ const getData = async () => {
   }
 };
 ```
+
 下面的代码展示了这个库的Hooks使用场景：
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useEffect } from "react";
@@ -111,11 +111,11 @@ export default function App() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -126,18 +126,15 @@ export default function App() {
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -147,22 +144,22 @@ export default function App() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 AsynStoragePackge
+### 3. Configuring CMakeLists and Introducing AsynStoragePackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -200,7 +197,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -217,9 +214,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 AsynStorage Package
+### 4.Introducing AsynStoragePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -231,33 +228,34 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 +   new AsyncStoragePackage(ctx)
   ];
 }
-
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases)
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                                                              | Type                                                                                                                | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -273,13 +271,12 @@ ohpm install
 | `clear`           | Removes whole AsyncStorage data, for all clients, libraries, etc. You probably want to use removeItem or multiRemove to clear only your App's keys.      | function([callback]: ?(error: ?Error) => void): Promise                                                             | No       | All      | yes               |
 | `useAsyncStorage` | The useAsyncStorage returns an object that exposes all methods that allow you to interact with the stored value.                                         | hooks                                                                                                               | No       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] Harmony 的 taskpool 支持类型有限，无法用 taskpool 实现，仅用简单的线程锁替代,无法设置指定的存储大小: [issue#8](https://github.com/react-native-oh-library/async-storage/issues/8)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-async-storage/async-storage/blob/main/LICENSE) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-async-storage/async-storage/blob/main/LICENSE).
diff --git a/en/react-native-autoheight-webview.md b/en/react-native-autoheight-webview.md
index 933d94dd..38c10a17 100644
--- a/en/react-native-autoheight-webview.md
+++ b/en/react-native-autoheight-webview.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-autoheight-webview</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-autoheight-webview)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-autoheight-webview)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-autoheight-webview@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -78,23 +77,22 @@ export function WebviewExample() {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-webview. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-webview](/en/react-native-webview.md) to add it to your project.
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [ @react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)
+## Properties
 
-## 属性
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                              | Description                                                                                                                                                                                                                                                                                                  | Type                                                               | Required | Platform | HarmonyOS Support                                                                                                 |
 |-----------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------------------------------------------------------------------------------------------------------|
@@ -111,8 +109,7 @@ export function WebviewExample() {
 | `scrollEnabledWithZoomedin?`      | Making the webview scrollable<br /> on iOS when zoomed in even <br />if scrollEnabled is false.                                                                                                                                                                                                              | boolean                                                            | No       | iOS      | yes                                                                                                                |
 | `viewportContent?`                | Please note that<br /> 'width=device-width'<br/> with scalesPageToFit<br/>  may cause some layout issues <br/> on Android and harmony, <br/>for these conditions, <br/>using customScript prop<br /> to apply custom viewport meta.                                                                          | string                                                             | No       | iOS,Android      | yes                                                                                                               |
 
-## 遗留问题
-
+## Known Issues
 
 - [ ] AutoHeightWebview 的originWhitelist属性依赖webview的originWhitelist属性暂未实现HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
 - [ ] AutoHeightWebview 的source属性依赖webview的source属性只是部分实现HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
@@ -120,10 +117,8 @@ export function WebviewExample() {
 - [x] AutoHeightWebview 的scrollEnabledWithZoomedin属性未实现 HarmonyOS 化[issue#1](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/1)
 - [x] 中文乱码[issue#2](https://github.com/react-native-oh-library/react-native-autoheight-webview/issues/2)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The ISC License (ISC)](https://github.com/iou90/react-native-autoheight-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The ISC License (ISC)](https://github.com/iou90/react-native-autoheight-webview/blob/master/LICENSE).
diff --git a/en/react-native-base64.md b/en/react-native-base64.md
index 67187da4..83f23192 100644
--- a/en/react-native-base64.md
+++ b/en/react-native-base64.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-base64</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/eranbo/react-native-base64)
+> [!TIP] [GitHub address](https://github.com/eranbo/react-native-base64)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add react-native-base64@0.2.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from 'react';
@@ -59,7 +59,7 @@ export function Base64Page(): JSX.Element {
    const [word, setWord] = useState('react native');
    const encodeWord = base64.encode(word);
    const decodeWord = base64.decode(encodeWord);
-   const wordEqualDecodeWord = `word equal decode word: ${word === decodeWord}`；
+   const wordEqualDecodeWord = `word equal decode word: ${word === decodeWord}`;
    const byteArrayWord = Uint8Array.from(word.split(''), w => w.charCodeAt(0));
    const encodeWordFromByteArray = base64.encodeFromByteArray(byteArrayWord);
    const decodeFromByteArray = base64.decode(encodeWordFromByteArray);
@@ -101,31 +101,31 @@ const styles = StyleSheet.create({
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 静态方法:
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| encode  | encode from string  | string  | no | Android、iOS | yes |
-| decode  | decode base64 strings   | string  | no | Android、iOS | yes |
-| encodeFromByteArray  | encode from Unit8Array  | Unit8Array  | no | Android、iOS | yes |
+| Name | Description | Type | Required | Platform    | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- |-------------| ------------------ |
+| encode  | encode from string  | string  | no | Android iOS | yes |
+| decode  | decode base64 strings   | string  | no | Android iOS | yes |
+| encodeFromByteArray  | encode from Unit8Array  | Unit8Array  | no | Android iOS | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/eranbo/react-native-base64/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/eranbo/react-native-base64/blob/master/LICENSE).
diff --git a/en/react-native-blob-util.md b/en/react-native-blob-util.md
index 7ce24a58..bfe1aa72 100644
--- a/en/react-native-blob-util.md
+++ b/en/react-native-blob-util.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-blob-util</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blob-util)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-blob-util)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-blob-util@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -410,17 +410,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```
 {
@@ -431,18 +431,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -451,22 +448,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 BlobUtilPackage
+### 3.Introducing BlobUtilPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import {BlobUtilPackage} from '@react-native-oh-tpl/react-native-blob-util/ts';
@@ -478,32 +475,33 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)
+## APIs
 
-## API
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 #### Fetch API
 
 ##### ReactNativeBlobUtil.fetch
@@ -514,8 +512,6 @@ ohpm install
 | uploadProgress | 上传进度  | Function        | No       | iOS/Android | yes                |
 | cancel | 取消   | Function       | No       | iOS/Android | yes                |
 
-
-
 #### Android API
 
 ##### ReactNativeBlobUtil.android
@@ -601,10 +597,12 @@ ohpm install
 | base64 |   使用base64编码解码| Function          | No       | iOS/Android | yes                |
 | session |  用于管理缓存文件 | Function          | No       | iOS/Android | yes                |
 
-## 遗留问题
+## Known Issues
+
  - [ ] blob-util在使用getCookies、removeCookies	在Android、iOS、Harmony OS 上使用都会报错: [issue#381](https://github.com/RonRadtke/react-native-blob-util/issues/381)
-## 其他
 
-## 开源协议
+## Others
+
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/RonRadtke/react-native-blob-util/blob/master/LICENSE).
diff --git a/en/react-native-cameraroll.md b/en/react-native-cameraroll.md
index 674dcee8..6ac87f1e 100644
--- a/en/react-native-cameraroll.md
+++ b/en/react-native-cameraroll.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-cameraroll</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-cameraroll)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-cameraroll)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/camera-roll@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { View, Button } from "react-native";
@@ -64,17 +64,17 @@ export default function App() {
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -85,18 +85,15 @@ export default function App() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -105,22 +102,22 @@ export default function App() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 CameraRollPackage
+### 3.Introducing CameraRollPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -134,32 +131,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/camera-roll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/camera-roll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > [!tip] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
 
@@ -176,11 +173,11 @@ ohpm install
 | iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
 | getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                       | Description  | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
 | :----------------------------------------- | :----------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
@@ -193,15 +190,15 @@ ohpm install
 | `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
 | `harmonyRefreshGallerySelection`           | 图片列表刷新 | function | no       | harmony  | no                |                                                              |
 
-## 遗留问题
+## Known Issues
 
 - [ ] deletePhotos删除图片/视频，未实现 HarmonyOS 化: [issue#5](https://github.com/react-native-oh-library/react-native-cameraroll/issues/5)
 - [ ] harmonyRefreshGallerySelection，HarmonyOS 暂无对应图片列表刷新的接口：[issue#8](https://github.com/react-native-oh-library/react-native-cameraroll/issues/8)
 - [ ] 部分接口由于Harmony OS安全策略调整无法使用: [issue#25](https://github.com/react-native-oh-library/react-native-cameraroll/issues/25)
 - [ ] saveAsset接口未完全支持: [issue#26](https://github.com/react-native-oh-library/react-native-cameraroll/issues/26)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-cameraroll/react-native-cameraroll/blob/master/LICENCE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-cameraroll/react-native-cameraroll/blob/master/LICENCE).
diff --git a/en/react-native-community-blur.md b/en/react-native-community-blur.md
index 5ac3f439..431d7ffd 100644
--- a/en/react-native-community-blur.md
+++ b/en/react-native-community-blur.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/blur</code> </h1>
@@ -12,15 +12,17 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blur)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-blur)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)，并下载适用版本的 tgz 包。
+本库已经适配`C-API版本`从版本`4.4.0-0.1.0`开始的版本为`C-API版本`，`C-API版本`在性能和速度上都优于`ArkTS版本`。
 
-进入到工程目录并输入以下命令：
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases).
 
-> [!TIP] # 处替换为 tgz 包的路径
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,8 +40,9 @@ yarn add @react-native-oh-tpl/blur@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState} from 'react';
@@ -118,9 +121,9 @@ export const Blurs = () => {
 
 export const BlurDemo = () => {
   const [showBlurs, setShowBlurs] = React.useState(false);
+    //'../assets/bgimage.jpeg' 此路径的图片为本地图片，在使用demo时将此图片的路径换为自己本地图片路径
   return (
     <View style={styles.container}>
-    //'../assets/bgimage.jpeg' 此路径的图片为本地图片，在使用demo时将此图片的路径换为自己本地图片路径
       <Image
       
         source={require('../assets/bgimage.jpeg')}
@@ -199,13 +202,13 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Link
+## Link (ArkTS版本的引入方式)
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```js
  {
@@ -216,18 +219,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -237,22 +237,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 BlurPackage
+### 3. Configuring CMakeLists and Introducing BlurPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -281,7 +281,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: link_packages
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 
 ```diff
@@ -299,10 +299,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 BlurView 组件
-
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+### 4.Introducing BlurView Component to ArkTS
 
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
 + import {  BlurView, BLUR_TYPE } from "@react-native-oh-tpl/blur"
@@ -320,11 +319,9 @@ function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 }
 ```
 
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
-
->[!TIP] 本库使用了混合方案，需要添加组件名。
-
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -335,32 +332,144 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.运行
+### 5.Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Link (C-API版本的引入方式)
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```js
+ {
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Currently, two methods are available:
+
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/blur": "file:../../node_modules/@react-native-oh-tpl/blur/harmony/blur.har"
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-点击右上角的 `sync` 按钮
+### 3. Configuring CMakeLists and Introducing BlurPackage
 
-或者在终端执行：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/blur/src/main/cpp" ./blur)
+# RNOH_END: add_package_subdirectories
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC blur)
+# RNOH_END: link_packages
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "BlurViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<BlurViewPackage>(ctx)
+    };
+}
+```
+
+### 4.Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
-````
+```
+
+Then build and run the code.
 
-然后编译、运行即可。
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                | Description                                                                               | Type      | Required | Platform | HarmonyOS Support |
 | ----------------------------------- | ----------------------------------------------------------------------------------------- | --------- |----------| ------- | ----------------- |
@@ -399,25 +508,24 @@ ohpm install
 | `thinMaterialLight`      | An adaptable blur effect that creates the appearance of a thin material                                | iOS 13 only           | yes               |
 | `ultraThinMaterialLight` | An adaptable blur effect that creates the appearance of an ultra-thin material                         | iOS 13 only           | yes                |
 
-## API
+## APIs
 
-> [!TIP] "Platform"列表示该组件在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name           | Description                                                                                | Type |Required     | Platform | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------------------------------------ | ----|----- |----------| ----------------- |
 | `BlurView`     | Preload images to display later. e.g.                                                      | component|no | iOS,Android      | yes               |
 | `VibrancyView` | The vibrancy effect lets the content underneath a blurred view show through more vibrantly | component|no | iOS      | no                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] @react-native-community/blur的 VibrancyView组件未实现HarmonyOS化 [issue#7](https://github.com/react-native-oh-library/react-native-blur/issues/7)
 - [ ] @react-native-community/blur的reducedTransparencyFallbackColor属性未实现 HarmonyOS化[issue#8](https://github.com/react-native-oh-library/react-native-blur/issues/8)
 
+## Others
 
-## 其他
-
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE).
diff --git a/en/react-native-community-checkbox.md b/en/react-native-community-checkbox.md
index b262a795..e443a316 100644
--- a/en/react-native-community-checkbox.md
+++ b/en/react-native-community-checkbox.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/checkbox</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-checkbox)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-checkbox)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/checkbox@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import CheckBox from "@react-native-community/checkbox";
@@ -69,11 +69,11 @@ export default function CheckBoxExample() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -84,18 +84,16 @@ export default function CheckBoxExample() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -105,22 +103,22 @@ export default function CheckBoxExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 CheckboxPackge
+### 3. Configuring CMakeLists and Introducing CheckboxPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -150,7 +148,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -167,9 +165,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 Checkbox 组件
+### 4.Introducing Checkbox Component to ArkTS
 
-找到 `function buildCustomComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
     ...
@@ -189,9 +187,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -202,32 +200,32 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
 |---------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -------- | -------- |-------------|------------------|
@@ -247,18 +245,20 @@ ohpm install
 | `animationDuration` | The duration in seconds of the animations. Defaults to 0.5.                                                                                                                                   | number   | No       | iOS     | No              |
 | `onAnimationType`   | The type of animation to use when the checkbox gets checked. Default to 'stroke'.                                                                                                             | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
 | `offAnimationType`   | The type of animation to use when the checkbox gets unchecked. 'stroke'.                                                                                                                      | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
-## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Static Methods
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                                                                                                                                                                                    | Type     | Required | Platform      | HarmonyOS Support |
 | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
 | `onChange`      | Invoked on change with the native event.                                                                                                                                                       | function | No       | Android、iOS   | yes               |
 | `onValueChange` | Invoked with the new boolean value when it changes.                                                                                                                                            | function | No       | Android、iOS   | yes               |
 
-## 遗留问题
+## Known Issues
+
 - [ ] 设置lineWidth属性，该属性用来控制复选框的线条宽度，未实现HarmonyOS化: [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3)
 - [ ] 设置hideBox属性，该属性用来控制复选框的显示与隐藏，未实现HarmonyOS化: [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4)
 - [ ] 设置onTintColor属性，该属性用来控制复选框的选中时边框的颜色，未实现HarmonyOS化: [issue#5](https://github.com/react-native-oh-library/react-native-checkbox/issues/5)
@@ -266,8 +266,10 @@ ohpm install
 - [ ] 设置animationDuration属性，该属性用来控制选中和取消选中的动画持续时间，未实现HarmonyOS化: [issue#6](https://github.com/react-native-oh-library/react-native-checkbox/issues/6)
 - [ ] 设置onAnimationType属性，该属性用来控制选中时的动画类型，未实现 HarmonyOS化: [issue#7](https://github.com/react-native-oh-library/react-native-checkbox/issues/7)
 - [ ] 设置offAnimationType属性，该属性用来控制取消选中时的动画类型，未实现 HarmonyOS化: [issue#8](https://github.com/react-native-oh-library/react-native-checkbox/issues/8)
-## 其他
 
-## 开源协议
+## Others
+
+## License
+
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-checkbox/blob/harmony/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-checkbox/blob/harmony/LICENSE).
diff --git a/en/react-native-community-datetimepicker.md b/en/react-native-community-datetimepicker.md
index 8a8b3601..149b5440 100644
--- a/en/react-native-community-datetimepicker.md
+++ b/en/react-native-community-datetimepicker.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/datetimepicker</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/datetimepicker)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/datetimepicker)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/datetimepicker@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from 'react'
@@ -96,13 +95,11 @@ export const MDatetimepicker = () => {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -113,18 +110,16 @@ export const MDatetimepicker = () => {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -134,22 +129,22 @@ export const MDatetimepicker = () => {
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 datetimepicker
+### 3. Configuring CMakeLists and Introducing datetimepicker
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -187,7 +182,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -206,9 +201,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 DateTimePicker 组件
+### 4.Introducing DateTimePicker Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -228,9 +223,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
- 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
+
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -240,74 +235,73 @@ const arkTsComponentNames: Array<string> = [
 + DATETIME_PICKER_VIEW_TYPE
 ];
 ```
-### 5.运行
 
-点击右上角的 `sync` 按钮
+### 5.Running
 
-或者在终端执行：
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情请查看[datetimepicker 官方文档](https://github.com/react-native-datetimepicker/datetimepicker)
 
-| Name        | Description                                              | Type     | Required | Platform                 | HarmonyOS Support                                 |
-| ----------- | -------------------------------------------------------- | -------- | -------- | ------------------------ | ------------------------------------------------- |
-| mode        | Defines the type of the picker                           | string   | 否       | All                      | partially (仅支持 date/time 模式)                      |
-| style       | Sets style directly on picker component.                 | object   | 否       | IOS only                 | yes                                               |
-| display     | Defines the visual display of the picker. The default value is "default". | string   | 否       | All                      | partially (支持"default"，<br/>"spinner"，"compact"，"inline") |
-| onChange    | Date change handler.                                     | function | 否       | All                      | partially (仅支持 type 为 set 类型)                     |
-| value       | Defines the date or time value used in the component.    | Date     | 是       | All                      | partially (仅 mode=date 且 <br/>display=spinner 时支持动态设置) |
-| is24Hour    | Allows changing of the time picker to a 24-hour format.  | bool     | 否       | Windows and Android only | yes                                               |
-| maximumDate | Defines the maximum date that can be selected            | Date     | 否       | All                      | partially (仅支持在 mode=date 且 <br/>display=spinner 时设置) |
-| minimumDate | Defines the minimum date that can be selected.           | Date     | 否       | All                      | partially (仅支持在 mode=date 且 <br/>display=spinner 时设置) |
-| disabled    | If true, the user won't be able to interact with the view. | bool     | 否       | IOS only                 | yes                                               |
-| textColor   | Allows changing of the textColor of the date picker.     | string   | 否       | IOS only                 | partially (仅支持在 mode=date 且 <br/>display=compact 时设置) |
-| timeZoneName   | Allows changing of the time zone of the date picker. By default, <br/>it uses the device's time zone.<br/> Use the time zone name from the IANA (TZDB) database name in https://en.wikipedia.org/wiki/List_of_tz_database_time_zones. | string   | 否       | iOS and Android only                 |  No  |
-| timeZoneOffsetInMinutes    | Allows changing of the time zone of the date picker.<br/> By default, it uses the device's time zone.<br/> We strongly recommend using timeZoneName prop instead; <br/>this prop has known issues in the android implementation (eg. #528). | number   | 否       | iOS and Android only                 |  No  |
-| timeZoneOffsetInSeconds    | Allows changing of the time zone of the date picker. <br/>By default, it uses the device's time zone. | number  | 否       |  Windows only                |  No  |
-| dayOfWeekFormat   | Sets the display format for the day of the week headers.<br/> Reference: https://docs.microsoft.com/en-us/uwp/api/windows.<br/>ui.xaml.controls.calendarview.dayofweekformat?view=winrt-18362#remarks    | string   | 否       | Windows only                 |  No  |
-| dateFormat   | Sets the display format for the date value in the picker's <br/>text box. Reference: https://docs.microsoft.com/en-us/uwp/api/windows.globalization.datetimeformatting.datetimeformatter?view=winrt-18362#examples    | string   | 否       | Windows only                 |  No  |
-| firstDayOfWeek    | Indicates which day is shown as the first day of the week.    | number   | 否 | Android and Windows only                 |  No  |
-| accentColor    | Allows changing the accentColor (tintColor) of the date picker. <br/>Has no effect when display is "spinner".    | string   | 否       | iOS only                 |  No  |
-| themeVariant    | Allows overriding system theme variant (dark or light mode) <br/>used by the date picker. However,<br/> we recommend that you instead control the theme of the whole application using react-native-theme-control.   | string   | 否       | iOS only                |  No  |
-| locale    | Allows changing the locale of the component. <br/>This affects the displayed text and the date / time formatting. <br/>By default, the device's locale is used.<br/> Please note using this prop is discouraged due to not working <br/>reliably in all picker modes. Prefer localization as documented in Localization note. | string   | 否       | iOS only                 |  No  |
-| positiveButton    | Set the positive button label and text color.            | Object   | 否       | Android only                 | No   |
-| neutralButton    | Allows displaying neutral button on picker dialog. <br/>Pressing button can be observed in onChange handler<br/> as event.type === 'neutralButtonPressed'    | Object   | 否       | Android only                 |  No  |
-| negativeButton     | Set the negative button label and text color.            | Object   | 否       | Android only                 |  No  |
-| minuteInterval     | The interval at which minutes can be selected. <br/>Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30On<br/> Windows, this can be any number between 0-59.    | number   | 否       | All                 |  No  |
-| testID     | Usually used by app automation frameworks. <br/>Fully supported on iOS.<br/> On Android, only supported for mode="date".    | string   | 否       | All                 |  Yes  |
-| ViewProps     | On iOS, you can pass any View props to the component.<br/> Given that the underlying component is a native view, <br/>not all of them are guaranteed to be supported,<br/> but testID and onLayout are known to work.   | Object   | 否       | iOS only                 |  No  |
-| onError     | Callback that is called when an error occurs inside <br/>the date picker native code (such as null activity). | function   | 否       | Android only                 |  No  |
-
-
-## 遗留问题
+| Name                    | Description                                                                                                                                                                                                                                                                                                                   | Type     | Required | Platform                 | HarmonyOS Support                                         |
+|-------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------|--------------------------|-----------------------------------------------------------|
+| mode                    | Defines the type of the picker                                                                                                                                                                                                                                                                                                | string   | No       | All                      | partially (仅支持 date/time 模式)                              |
+| style                   | Sets style directly on picker component.                                                                                                                                                                                                                                                                                      | object   | No       | IOS only                 | yes                                                       |
+| display                 | Defines the visual display of the picker. The default value is "default".                                                                                                                                                                                                                                                     | string   | No       | All                      | partially (支持"default"，<br/>"spinner"，"compact"，"inline") |
+| onChange                | Date change handler.                                                                                                                                                                                                                                                                                                          | function | No       | All                      | partially (仅支持 type 为 set 类型)                             |
+| value                   | Defines the date or time value used in the component.                                                                                                                                                                                                                                                                         | Date     | Yes      | All                      | partially (仅 mode=date 且 <br/>display=spinner 时支持动态设置)    |
+| is24Hour                | Allows changing of the time picker to a 24-hour format.                                                                                                                                                                                                                                                                       | bool     | No       | Windows and Android only | yes                                                       |
+| maximumDate             | Defines the maximum date that can be selected                                                                                                                                                                                                                                                                                 | Date     | No       | All                      | partially (仅支持在 mode=date 且 <br/>display=spinner 时设置)     |
+| minimumDate             | Defines the minimum date that can be selected.                                                                                                                                                                                                                                                                                | Date     | No       | All                      | partially (仅支持在 mode=date 且 <br/>display=spinner 时设置)     |
+| disabled                | If true, the user won't be able to interact with the view.                                                                                                                                                                                                                                                                    | bool     | No       | IOS only                 | yes                                                       |
+| textColor               | Allows changing of the textColor of the date picker.                                                                                                                                                                                                                                                                          | string   | No       | IOS only                 | partially (仅支持在 mode=date 且 <br/>display=compact 时设置)     |
+| timeZoneName            | Allows changing of the time zone of the date picker. By default, <br/>it uses the device's time zone.<br/> Use the time zone name from the IANA (TZDB) database name in https://en.wikipedia.org/wiki/List_of_tz_database_time_zones.                                                                                         | string   | No       | iOS and Android only     | No                                                        |
+| timeZoneOffsetInMinutes | Allows changing of the time zone of the date picker.<br/> By default, it uses the device's time zone.<br/> We strongly recommend using timeZoneName prop instead; <br/>this prop has known issues in the android implementation (eg. #528).                                                                                   | number   | No       | iOS and Android only     | No                                                        |
+| timeZoneOffsetInSeconds | Allows changing of the time zone of the date picker. <br/>By default, it uses the device's time zone.                                                                                                                                                                                                                         | number   | No       | Windows only             | No                                                        |
+| dayOfWeekFormat         | Sets the display format for the day of the week headers.<br/> Reference: https://docs.microsoft.com/en-us/uwp/api/windows.<br/>ui.xaml.controls.calendarview.dayofweekformat?view=winrt-18362#remarks                                                                                                                         | string   | No       | Windows only             | No                                                        |
+| dateFormat              | Sets the display format for the date value in the picker's <br/>text box. Reference: https://docs.microsoft.com/en-us/uwp/api/windows.globalization.datetimeformatting.datetimeformatter?view=winrt-18362#examples                                                                                                            | string   | No       | Windows only             | No                                                        |
+| firstDayOfWeek          | Indicates which day is shown as the first day of the week.                                                                                                                                                                                                                                                                    | number   | No       | Android and Windows only | No                                                        |
+| accentColor             | Allows changing the accentColor (tintColor) of the date picker. <br/>Has no effect when display is "spinner".                                                                                                                                                                                                                 | string   | No       | iOS only                 | No                                                        |
+| themeVariant            | Allows overriding system theme variant (dark or light mode) <br/>used by the date picker. However,<br/> we recommend that you instead control the theme of the whole application using react-native-theme-control.                                                                                                            | string   | No       | iOS only                 | No                                                        |
+| locale                  | Allows changing the locale of the component. <br/>This affects the displayed text and the date / time formatting. <br/>By default, the device's locale is used.<br/> Please note using this prop is discouraged due to not working <br/>reliably in all picker modes. Prefer localization as documented in Localization note. | string   | No       | iOS only                 | No                                                        |
+| positiveButton          | Set the positive button label and text color.                                                                                                                                                                                                                                                                                 | Object   | No       | Android only             | No                                                        |
+| neutralButton           | Allows displaying neutral button on picker dialog. <br/>Pressing button can be observed in onChange handler<br/> as event.type === 'neutralButtonPressed'                                                                                                                                                                     | Object   | No       | Android only             | No                                                        |
+| negativeButton          | Set the negative button label and text color.                                                                                                                                                                                                                                                                                 | Object   | No       | Android only             | No                                                        |
+| minuteInterval          | The interval at which minutes can be selected. <br/>Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30On<br/> Windows, this can be any number between 0-59.                                                                                                                                                            | number   | No       | All                      | No                                                        |
+| testID                  | Usually used by app automation frameworks. <br/>Fully supported on iOS.<br/> On Android, only supported for mode="date".                                                                                                                                                                                                      | string   | No       | All                      | Yes                                                       |
+| ViewProps               | On iOS, you can pass any View props to the component.<br/> Given that the underlying component is a native view, <br/>not all of them are guaranteed to be supported,<br/> but testID and onLayout are known to work.                                                                                                         | Object   | No       | iOS only                 | No                                                        |
+| onError                 | Callback that is called when an error occurs inside <br/>the date picker native code (such as null activity).                                                                                                                                                                                                                 | function | No       | Android only             | No                                                        |
+
+
+## Known Issues
 
 - [x] 已解决：textColor 属性在 compact 和 inline 模式改变值后使用禁用操作，颜色会变白色[issue#17](https://github.com/react-native-oh-library/datetimepicker/issues/17)
 - [ ] 部分接口，未适配: [issue#20](https://github.com/react-native-oh-library/datetimepicker/issues/20#issue-2390348970)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-datetimepicker/datetimepicker/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-datetimepicker/datetimepicker/blob/master/LICENSE.md).
diff --git a/en/react-native-community-progress-bar-android.md b/en/react-native-community-progress-bar-android.md
index 26446721..fd36efd1 100644
--- a/en/react-native-community-progress-bar-android.md
+++ b/en/react-native-community-progress-bar-android.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/progress-bar-android</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-bar-android)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/progress-bar-android)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ npm install @react-native-oh-tpl/progress-bar-android@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { ProgressBar } from '@react-native-community/progress-bar-android';
@@ -57,11 +57,11 @@ export default function ProgressBarExample() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```diff
 {
@@ -73,18 +73,15 @@ export default function ProgressBarExample() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -94,22 +91,22 @@ export default function ProgressBarExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ProgressBarAndroidPackage
+### 3. Configuring CMakeLists and Introducing ProgressBarAndroidPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 
@@ -148,7 +145,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -167,9 +164,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ProgressBarAndroid 组件
+### 4.Introducing ProgressBarAndroid Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -189,9 +186,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -202,33 +199,32 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
+### 5.Running
 
-### 5.运行
-
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                                                                                                                                         | Type                                                                                                                       | Required | Platform | HarmonyOS Support |
 | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -238,12 +234,12 @@ ohpm install
 | `progress`      | The progress value (between 0 and 1).                                                                                                               | number                                                                                                                     | No       | Android  | yes               |
 | `styleAttr`     | Style of the ProgressBar.                                                                                                                           | One of:<br />Horizontal <br />Normal (default) <br />Small <br />Large <br />Inverse <br />SmallInverse <br />LargeInverse | No       | Android  | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [x] styleAttr 为 Horizontal 时无法铺满全屏 [issues#4](https://github.com/react-native-oh-library/progress-bar-android/issues/4)。
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-bar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-bar-android/blob/master/LICENSE).
diff --git a/en/react-native-community-push-notification-ios.md b/en/react-native-community-push-notification-ios.md
index 2174973b..57a5923b 100644
--- a/en/react-native-community-push-notification-ios.md
+++ b/en/react-native-community-push-notification-ios.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/push-notification-ios</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-push-notification-ios)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-push-notification-ios)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/push-notification-ios@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -169,11 +169,11 @@ export const App = () => {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -184,18 +184,15 @@ export const App = () => {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -205,22 +202,23 @@ export const App = () => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+### 3. Configuring CMakeLists and Introducing PushNotificationPackage
 
-### 3.配置 CMakeLists 和引入 PushNotificationPackage
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
@@ -257,7 +255,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -274,9 +272,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 PushNotificationPackage
+### 4.Introducing PushNotificationPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -290,33 +288,33 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)
 
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                            | Description                                                                                                       | Type     | Required | Platform      | HarmonyOS Support |
 | ------------------------------- | ----------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
@@ -333,12 +331,11 @@ ohpm install
 | getInitialNotification   | This method returns a promise. If the app was launched by a push notification, this promise resolves to an object of type PushNotificationIOS. Otherwise, it resolves to null.                                                         | function | no       | iOS           | no               |
 | getScheduledLocalNotifications   | Gets the local notifications that are currently scheduled                                                         | function | no       | iOS           | no               |
 
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **Parameters:**
 
@@ -363,13 +360,13 @@ _NotificationRequest:_
 | `isTimeZoneAgnostic` | If true, fireDate adjusted automatically upon time zone changes (e.g. for an alarm clock)                 | boolean  | no       | All      | no               |
 | `interruptionLevel` | A string specifying the interruption level. Valid values are `'active'`, `'passive'`, `'timeSensitive'`, or `'critical'`                 | string  | no       | All      | no               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] HarmonyOS 的 NotificationManager 的规格和 IOS 不一致，其 NotificationRequest 所含参数，在 HarmonyOS 上部分没有适配对应参数，问题: [issue#1](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/4)
 - [ ] 原库部分接口在 HarmonyOS 中没有对应接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/3)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE).
diff --git a/en/react-native-community-segmented-control.md b/en/react-native-community-segmented-control.md
index f2992a57..5db69fc3 100644
--- a/en/react-native-community-segmented-control.md
+++ b/en/react-native-community-segmented-control.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-segmented-control/segmented-control</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/segmented-control)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/segmented-control)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/segmented-control Releases](https://github.com/react-native-oh-library/segmented-control/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/segmented-control Releases](https://github.com/react-native-oh-library/segmented-control/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/segmented-control@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useEffect } from "react";
@@ -62,23 +61,23 @@ export const MSegmentedControl: React.FC = (): JSX.Element => {
     />;
 }
 ```
- 
-## 约束与限制
 
-### 兼容性
+## Constraints
 
-本文档内容基于以下版本验证通过：
+### Compatibility
+
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
 3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 4. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情见 [react-native-community/segmented-control 源库地址](https://github.com/react-native-segmented-control/segmented-control)
 
@@ -97,14 +96,13 @@ export const MSegmentedControl: React.FC = (): JSX.Element => {
 | activeFontStyle | An object container,color: overrides color of selected segment text;fontSize: overrides font-size of selected segment text;fontFamily: overrides font-family of selected segment text;fontWeight: overrides font-weight of selected segment text | object          | No       | All          | Yes               | 
 | tabStyle        | Styles the clickable surface which is responsible to change tabs                                                                                                                                                                                 | object          | No       | Android, Web | Yes               |
 
-## 遗留问题
+## Known Issues
+
 - [X] @react-native-segmented-control/segmented-control 的fontFamily属性未实现 HarmonyOS 化: [issue#858](https://github.com/react-native-segmented-control/segmented-control/issues/858)
 - [X] @react-native-segmented-control/segmented-control 的momentary属性未实现 HarmonyOS 化: [issue#868](https://github.com/react-native-segmented-control/segmented-control/issues/868)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE).
diff --git a/en/react-native-community-slider.md b/en/react-native-community-slider.md
index ad3254dc..b926ea86 100644
--- a/en/react-native-community-slider.md
+++ b/en/react-native-community-slider.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/slider</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-slider)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-slider)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/slider@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 > [!TIP] 使用thumbImage属性时请确保引入的图片路径地址正确，可检查harmony/entry/src/main/resources/rawfile/assets目录下是否被打包至静态资源目录，如若不存在则图片放置文件目录不对
 
@@ -61,16 +61,15 @@ export default function SliderExample() {
         </View>
     );
 };
-
 ```
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-## 在工程根目录的 oh-package.json5 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -82,18 +81,15 @@ export default function SliderExample() {
 
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -103,22 +99,22 @@ export default function SliderExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 SliderPackge
+### 3. Configuring CMakeLists and Introducing SliderPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -147,7 +143,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: link_packages
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -164,9 +160,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 slider 组件
+### 4.Introducing slider Component to ArkTS
 
-找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -185,9 +181,10 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 }
 ...
 ```
-> [!TIP] 本库使用了混合方案，需要添加组件名。
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
+
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -198,30 +195,32 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description       | Type     | Required | Platform     | HarmonyOS Support |
 | ----------------------- | ------------------------ | -------------------------------------------- | ---- | ------------ | ----------------- |
@@ -249,15 +248,15 @@ ohpm install
 | `ref`           | Reference object. | MutableRefObject                     | No   | web      | no        |
 | `View`          | [Inherited `View` props...](https://github.com/facebook/react-native-website/blob/master/docs/view.md#props)      |         |      |      |  |
 
-## 遗留问题
+## Known Issues
 
 - [x] upperLimit 和 lowerLimit 只对数值生效，滑动限制不生效: [issue#2](https://github.com/react-native-oh-library/react-native-slider/issues/2)
 - [ ] 不支持滑轨设置图片: [issue#3](https://github.com/react-native-oh-library/react-native-slider/issues/3)
 - [ ] 未适配无障碍: [issue#9](https://github.com/react-native-oh-library/react-native-slider/issues/9)
 - [ ] 不支持点击滑块轨道来设置拇指位置，不支持指定最大轨迹图像，不支持分配最小轨道图像: [issue#10](https://github.com/react-native-oh-library/react-native-slider/issues/10)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/callstack/react-native-slider/blob/main/LICENSE.md).
diff --git a/en/react-native-cookies-cookies.md b/en/react-native-cookies-cookies.md
index 7462114e..1e118edc 100644
--- a/en/react-native-cookies-cookies.md
+++ b/en/react-native-cookies-cookies.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-cookies/cookies</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-cookies/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-cookies/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,11 +38,11 @@ yarn add @react-native-oh-tpl/cookies@file:#
 
 <!-- tabs:end -->
 
-HarmonyOS 中使用 react-native-cookies 需要配合 react-native-webview 使用，具体请参考[@react-native-oh-tpl/react-native-webview](/zh-cn/react-native-webview.md)
+HarmonyOS 中使用 react-native-cookies 需要配合 react-native-webview 使用，具体请参考[@react-native-oh-tpl/react-native-webview](/en/react-native-webview.md)
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useRef } from "react";
@@ -189,10 +188,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -203,18 +203,16 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -224,22 +222,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 CookiesPackage
+### 3. Configuring CMakeLists and Introducing CookiesPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -273,7 +271,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 ...
@@ -290,9 +288,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 CookiesPackage
+### 4.Introducing CookiesPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -306,31 +304,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases)
+## Static Methods
 
-## 静态方法
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                   | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------- | --------------------------------------------- | ---------|----------| ------------|-------------------|
@@ -344,14 +343,12 @@ ohpm install
 | setFromResponse      |  Set cookies from a response header           |function  |     NO   | iOS         | no                |
 | getFromResponse      |  Get cookies from a response header           |function  |     NO   | iOS         | no                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 这四个方法getAll,setFromResponse,getFromResponse,flush 在ios是可用的andriod不可用，Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-cookies/issues/1)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-cookies/cookies/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-cookies/cookies/blob/master/LICENSE).
diff --git a/en/react-native-crypto-js.md b/en/react-native-crypto-js.md
index db31bdd0..fcc0e72a 100644
--- a/en/react-native-crypto-js.md
+++ b/en/react-native-crypto-js.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-crypto-js</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/imchintan/react-native-crypto-js)
+> [!TIP] [GitHub address](https://github.com/imchintan/react-native-crypto-js)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add react-native-crypto-js@1.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from 'react';
@@ -130,20 +130,20 @@ export const ReactNativeCryptoJsExample = () => {
 };
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description | Type | Required | Platform | HarmonyOS Support |
 | -------------------- | --------------- | -------- | -------- | -------- | ----------------- |
@@ -152,12 +152,12 @@ export const ReactNativeCryptoJsExample = () => {
 | CryptoJS.MD5         | MD5 encryption | string   | yes      | Android、iOS      | yes               |
 | CryptoJS.HmacMD5     | HmacMD5 encryption | string   | yes      | no       | no                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 原库使用CryptoJS.HmacMD5会报错"cannot readproperty ‘init’ of underfined"，如果需要使用HmacMD5算法可以安装使用rn-crypto-js库，用法与react-native-crypto-js相同: [issue#4](https://github.com/imchintan/react-native-crypto-js/issues/3)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/imchintan/react-native-crypto-js/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/imchintan/react-native-crypto-js/blob/master/LICENSE).
diff --git a/en/react-native-drag-sort.md b/en/react-native-drag-sort.md
index e3084790..777362b8 100644
--- a/en/react-native-drag-sort.md
+++ b/en/react-native-drag-sort.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drag-sort</code> </h1>
@@ -14,15 +13,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/mochixuan/react-native-drag-sort)
+> [!TIP] [GitHub address](https://github.com/mochixuan/react-native-drag-sort)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -46,7 +45,9 @@ npm install @react-native-oh-tpl/react-native-drag-sort@file:#
 - 2、If the width and height are fixed and you need to slide, use AutoDragSortableView.
 - 3、If the width and height are arbitrary and need to slide, please use AnySizeDragSortableView.
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ##### DragSortableView组件使用
 
@@ -558,22 +559,21 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases)
 
-## 属性
+## Properties
 
 ### DragSortableView
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
->
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |           Name           |                               Description                               |   Type   | Required |  Platform   | HarmonyOS Support |
 | :----------------------: | :---------------------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
@@ -665,14 +665,12 @@ const styles = StyleSheet.create({
 |     **dataSource**        |          DataSource array for list                |                          array                           |   Yes    | iOS/Android |        Yes        |
 |     **keyExtractor**      |        item's unique key                          |                   (item,index) => key                    |   Yes    | iOS/Android |        Yes        |
 
-## 遗留问题
+## Known Issues
 
 - [ ] scrollIndicatorInsets属性不生效: [issue#179](https://github.com/mochixuan/react-native-drag-sort/issues/179)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The Apache License (Apache)](https://github.com/mochixuan/react-native-drag-sort/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The Apache License (Apache)](https://github.com/mochixuan/react-native-drag-sort/blob/master/LICENSE).
diff --git a/en/react-native-exception-handler.md b/en/react-native-exception-handler.md
index 68650638..bc946683 100644
--- a/en/react-native-exception-handler.md
+++ b/en/react-native-exception-handler.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-exception-handler</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-exception-handler)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-exception-handler)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-exception-handler@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 To catch <b>JS_Exceptions</b>
 
@@ -119,11 +119,11 @@ export const ReactNativeExceptionHandler = () => {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -134,18 +134,15 @@ export const ReactNativeExceptionHandler = () => {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -155,22 +152,22 @@ export const ReactNativeExceptionHandler = () => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ExceptionHandlerPackage
+### 3. Configuring CMakeLists and Introducing ExceptionHandlerPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -208,7 +205,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -225,9 +222,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ExceptionHandlerPackage
+### 4.Introducing ExceptionHandlerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
     ...
@@ -241,51 +238,52 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
-然后编译、运行即可。
 
-## 约束与限制
+Then build and run the code.
+
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/reace-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/reace-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases)
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description          | Type     | Required | Platform | HarmonyOS Support |
 | ----------------------- | -------------------- | -------- | -------- | -------- | ----------------- |
 | `setJSExceptionHandler` | 设置 JS 异常处理方法 | function | no       | Android, iOS      | yes               |
 | `getJSExceptionHandler` | 获取 JS 异常处理方法 | function | no       | Android, iOS      | yes               |
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                        | Description              | Type     | Required | Platform | HarmonyOS Support |
 | --------------------------- | ------------------------ | -------- | -------- | -------- | ----------------- |
 | `setNativeExceptionHandler` | 设置 native 异常处理方法 | function | no       | Android, iOS      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/a7ul/react-native-exception-handler/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/a7ul/react-native-exception-handler/blob/master/LICENSE).
diff --git a/en/react-native-fs.md b/en/react-native-fs.md
index a36ab700..ae9aa422 100644
--- a/en/react-native-fs.md
+++ b/en/react-native-fs.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fs</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fs)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-fs)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-fs@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useState } from "react";
@@ -141,17 +141,17 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -162,18 +162,16 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -182,23 +180,23 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 
-### 3.在 ArkTs 侧引入 FsPackage
+### 3.Introducing FsPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 import type { RNPackageContext, RNPackage } from 'rnoh/ts';
@@ -213,32 +211,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
 | :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
@@ -254,11 +252,11 @@ ohpm install
 | PicturesDirectoryPath        | System Path | string | No       | Windows         | No                | Windows only             |
 | RoamingDirectoryPath         | System Path | string | No       | Windows         | No                | Windows only             |
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
 | ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
@@ -299,13 +297,13 @@ ohpm install
 | getAllExternalFilesDirs | Returns an array with the absolute paths to application-specific directories on all shared/external storage devices where the application can place persistent files it owns. | function | Android     | No       | No                | Android only      |
 | pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier. | function | IOS         | No       | No                | IOS only          |
 
-## 遗留问题
+## Known Issues
 
 - [ ] HarmonyOS 的 hash 哈希 API 中关于算法参数 algorithm 目前仅支持"md5"、"sha1"、 "sha256"，其他相关算法参数目前不支持，问题: [issue#1](https://github.com/react-native-oh-library/react-native-fs/issues/1)
 - [ ] 原库部分接口在 HarmonyOS 中没有对应文件路径常量及接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-fs/issues/2)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE).
diff --git a/en/react-native-image-picker.md b/en/react-native-image-picker.md
index bad79111..7075777f 100644
--- a/en/react-native-image-picker.md
+++ b/en/react-native-image-picker.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-picker</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-image-picker)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-picker)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-image-picker@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -77,11 +77,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -92,18 +92,16 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -113,22 +111,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ImagePickerViewPackage
+### 3. Configuring CMakeLists and Introducing ImagePickerViewPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -166,7 +164,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -185,9 +183,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ImagePickerViewPackage
+### 4.Introducing ImagePickerViewPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -201,32 +199,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Options
 
@@ -273,20 +271,24 @@ ohpm install
 | timestamp    | Timestamp of the asset. Only included if 'includeExtra' is true                                                                                                                                                                                                            | string | no       | iOS Android     | no                |
 | id           | local identifier of the photo or video. On Android & HarmonyOS, this is the same as | string | no       | iOS Android     | yes                |
 
-## 静态方法
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                            | Type     | Required | Platform        | HarmonyOS Support |
 | ------------------ | -------------------------------------- | -------- | -------- | --------------- | ----------------- |
 | launchCamera       | Launch camera to take photo or video.  | function | yes      | iOS Android Web | yes                |
 | launchImageLibrary | Launch gallery to pick image or video. | function | yes      | iOS Android Web | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] image-picker部分属性未实现 HarmonyOS 化: [issue#14](https://github.com/react-native-oh-library/react-native-image-picker/issues/14)
 - [x] 只实现了选择图库的接口属性，相机功能暂未适配: [issue#13](https://github.com/react-native-oh-library/react-native-image-picker/issues/13)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-image-picker/react-native-image-picker/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under  [The MIT License (MIT)](https://github.com/react-native-image-picker/react-native-image-picker/blob/main/LICENSE.md).
diff --git a/en/react-native-maps.md b/en/react-native-maps.md
index 293a28c2..747d41ed 100644
--- a/en/react-native-maps.md
+++ b/en/react-native-maps.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-maps</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-maps)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-maps)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-maps@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -197,11 +196,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -212,18 +211,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -232,22 +228,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 MapsPackge
+### 3. Configuring CMakeLists and Introducing MapsPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -285,7 +281,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -305,9 +301,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```
 
 
-### 4.在 ArkTs 侧引入 AIRMap 等组件
+### 4.Introducing AIRMap Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -393,9 +389,10 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 }
 ...
 ```
-[!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
+
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
-在entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets 找到常量 arkTsComponentNames 在其数组里添加组件名
 ```diff
 const arkTsComponentNames: Array<string> = [
   SampleView.NAME,
@@ -414,9 +411,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.在 ArkTs 侧引入 MapsPackage
+### 5.Introducing MapsPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -430,28 +427,28 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 6.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-natvie-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases)
+Check the release version information in the release address of the third-party library: [react-natvie-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases)
 
-### 权限要求
+### Permission Requirements
 
 > [!tip] 如需自建项目使用华为地图可以跳过以下第一步，并前往[华为开发者联盟](https://developer.huawei.com/consumer/cn/wiki/index.php)平台申请对应项目和应用程序
 
@@ -540,11 +537,11 @@ ohpm install
 
 ## MapView
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
 | Name                            | Description                                                                                                                                                                                                                                                                                      | Type                                    | Default    | Required | Platform    | HarmonyOS Support |
 | ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -600,11 +597,13 @@ ohpm install
 
 'none' \ 'standard' \ 'terrain'
 
-### 静态方法
+注：HarmonyOS 侧的双击放大由 zoomEnabled 开启，zoomTapEnabled 不能单独关闭该功能。
+
+### Static Methods
 
 | Name     | Description | Type     | Required | Platform    | HarmonyOS Support |
-| -------- | ----------- | -------- | -------- | ----------- | ----------------- |
-| Animated | 动画        | Animated | no       | ios/android | no                |
+|----------|-------------|----------|----------|-------------|-------------------|
+| Animated | Animation   | Animated | no       | ios/android | no                |
 
 ### API
 
@@ -628,11 +627,11 @@ ohpm install
 
 ## Marker
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
 | Name                    | Description                                                                                                                                                                                                                                                                                                                                                              | Type            | Default  | Required | Platform    | HarmonyOS Support |
 | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------- | -------- | -------- | ----------- | ----------------- |
@@ -658,11 +657,11 @@ ohpm install
 | isPreselected           | When true, the marker will be pre-selected. Setting this to true allows the user to drag the marker without needing to tap on it once to focus on it. **Note**: iOS Apple Maps only.                                                                                                                                                                                     | Boolean         | false    | no       | ios         | no                |
 | key                     | If no key or non-unique `key` is specified, the `<Marker />` will be reused, therefore there is an animation when the position is changed. If you want to disable the animation, add a `key` prop with a unique value like `key_${item.longitude}_${item.latitude}`. **Note**: iOS only.                                                                                 |                 |          | no       | ios         | no                |
 
-### 静态方法
+### Static Methods
 
 | Name     | Description | Type     | Required | Platform    | HarmonyOS Support |
-| -------- | ----------- | -------- | -------- | ----------- | ----------------- |
-| Animated | 动画        | Animated | no       | ios/android | no                |
+|----------|-------------|----------|----------|-------------|-------------------|
+| Animated | Animation   | Animated | no       | ios/android | no                |
 
 ### API
 
@@ -676,11 +675,11 @@ ohpm install
 
 ## Polyline
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
 | Name            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type          | Default               | Required | Platform    | HarmonyOS Support |
 | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | --------------------- | -------- | ----------- | ----------------- |
@@ -702,11 +701,11 @@ ohpm install
 
 ## Polygon
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
 | Name            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type                 | Default                 | Required | Platform    | HarmonyOS Support |
 | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | ----------------------- | -------- | ----------- | ----------------- |
@@ -730,11 +729,11 @@ ohpm install
 
 ## Circle
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
 | Name            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type          | Default                 | Required | Platform    | HarmonyOS Support |
 | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | ----------------------- | -------- | ----------- | ----------------- |
@@ -752,11 +751,11 @@ ohpm install
 
 ## Overlay
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
 | Name     | Description                                                                                                                                      | Type          | Default | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | ------- | -------- | ----------- | ----------------- |
@@ -766,19 +765,19 @@ ohpm install
 | tappable | `Android only` Boolean to allow an overlay to be tappable and use the onPress function.                                                          | Bool          | false   | no       | ios/android | yes               |
 | opacity  | `Google maps only` The opacity of the overlay.                                                                                                   | Number        | 1.0     | no       | ios/android | yes               |
 
-### 静态方法
+### Static Methods
 
 | Name     | Description | Type     | Required | Platform    | HarmonyOS Support |
-| -------- | ----------- | -------- | -------- | ----------- | ----------------- |
-| Animated | 动画        | Animated | no       | ios/android | no                |
+|----------|-------------|----------|----------|-------------|-------------------|
+| Animated | Animation   | Animated | no       | ios/android | no                |
 
 ## UrlTile & WMSTile
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
 | Name                    | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | Type    | Default | Required | Platform    | HarmonyOS Support |
 | ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------- | -------- | ----------- | ----------------- |
@@ -798,11 +797,11 @@ ohpm install
 
 ## Callout
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
 | Name         | Description                                                                                                                                                                                     | Type    | Default | Required | Platform    | HarmonyOS Support |
 | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------- | -------- | ----------- | ----------------- |
@@ -811,11 +810,11 @@ ohpm install
 
 ## Geojson
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
 | Name              | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type                        | Default                                            | Required | Platform    | HarmonyOS Support |
 | ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -840,12 +839,12 @@ ohpm install
 ## Heatmap
 
 > **Note**: Supported on Google Maps only.
->
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-### 属性
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+### Properties
 
 | Name     | Description                                                       | Type                  | Default | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------------------------------------------------- | --------------------- | ------- | -------- | ----------- | ----------------- |
@@ -864,7 +863,7 @@ ohpm install
 | startPoints  | Array of floating point values from 0 to 1 representing where each color starts. Array length must be equal to `colors` array length. | Array<Number> |         | yes      | ios/android | no                |
 | colorMapSize | Resolution of color map -- number corresponding to the number of steps colors are interpolated into.                                  | Number        | 256     | yes      | ios/android | no                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] AIRMap 和 AIRMapMarker 中 Animated 未实现 [issues#1](https://github.com/react-native-oh-library/react-native-maps/issues/1)
 - [X] AIRMapOverlay 组件目前华为地图中不支持往地图组件中添加自定义 view [issues#2](https://github.com/react-native-oh-library/react-native-maps/issues/2)
@@ -873,7 +872,9 @@ ohpm install
 - [ ] AIRMapUrlTile AIRMapWMSTile 瓦片地图加载方式华为地图不支持 [issues#5](https://github.com/react-native-oh-library/react-native-maps/issues/5)
 - [ ] Heatmap 华为地图不支持 [issues#6](https://github.com/react-native-oh-library/react-native-maps/issues/6)
 
-## 开源协议
+## Others
+
+## License
+
+This project is licensed under [MIT License (MIT)](https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE).
 
-本项目基于 [MIT License (MIT)](https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-permissions.md b/en/react-native-permissions.md
index ca396516..1a3ff335 100644
--- a/en/react-native-permissions.md
+++ b/en/react-native-permissions.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-permissions</code> </h1>
@@ -13,13 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-permissions)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-permissions)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -37,7 +38,7 @@ yarn add @react-native-oh-tpl/react-native-permissions@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 > [!WARNING] 在使用import...from "react-native-permissions" 导入时因为原库没有抛出关于HarmonyOS有关字段,在使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH编辑器会报ts类型错误没有HARMONY字段（使用可以正常编译运行），所以想要使用PERMISSIONS.HARMONY.ACCESS_BLUETOOTH，可以使用 import...from "@react-native-oh-tpl/react-native-permissions"
 
@@ -117,11 +118,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -132,18 +133,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -153,22 +151,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 PermissionsPackage
+### 3. Configuring CMakeLists and Introducing PermissionsPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -204,14 +202,9 @@ target_link_libraries(rnoh_app PUBLIC rnoh)
 target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_permissions)
 # RNOH_END: manual_package_linking_2
-
-
-
 ```
 
-
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -228,9 +221,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 PermissionsPackage
+### 4.Introducing PermissionsPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -243,26 +236,26 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases)
 
 ### 权限申请使用的工作流程
 
@@ -428,7 +421,11 @@ ohos.permission.LOCATION_IN_BACKGROUND 允许应用在后台运行时获取设
 当用户点击弹窗授予前台位置权限后，应用通过弹窗、提示窗等形式告知用户前往设置界面授予后台位置权限。
 用户在设置界面中的选择“始终允许”应用访问位置信息权限，完成手动授予。
 
-## API
+## APIs
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description    | Type           | Required | Platform    | HarmonyOS Support        |
 | ----------------------- | ------------------|----|---------| ----------- | ------------------------ |
@@ -443,12 +440,10 @@ ohos.permission.LOCATION_IN_BACKGROUND 允许应用在后台运行时获取设
 | requestLocationAccuracy | 请求访问设备位置的权限  | Function          | no      | iOS         | no(使用 request()设置权限) |
 | openPhotoPicker         | 打开图片选择 | Function          | no      | iOS         | yes( iOS 需要在`PhotoLibrary`权限为`limited`才能调用，HarmonyOS不需要任何权限直接调用) |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-permissions/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-permissions/blob/master/LICENSE).
diff --git a/en/react-native-picker.md b/en/react-native-picker.md
index 0a86b6b1..782bb12c 100644
--- a/en/react-native-picker.md
+++ b/en/react-native-picker.md
@@ -1,7 +1,7 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-picker </h1>
+  <h1 align="center"> <code>react-native-picker</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/beefe/react-native-picker">
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-picker)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-picker)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-picker@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -111,13 +111,14 @@ const MyPicker = () => {
 
 export default MyPicker;
 ```
+
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -128,18 +129,15 @@ export default MyPicker;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -148,22 +146,22 @@ export default MyPicker;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 PickerPackage
+### 3. Configuring CMakeLists and Introducing PickerPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -201,7 +199,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -220,9 +218,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 PickerViewPackage
+### 4.Introducing PickerViewPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -235,38 +233,37 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
-| --- |----------|---------| ------ | ----------- |-------------------|
+| --- |---------|---------| ------ | ----------- |-------------------|
 |isLoop                | 列的内容是否可以循环 | boolean      | yes   |    Android   | yes               |
-|pickerTextEllipsisLen | 文本的省略长度的 | number       | yes   |    Android   | no                |
+|pickerTextEllipsisLen | 文本的起始省略长度 | number       | yes   |    Android   | no                |
 |pickerConfirmBtnText  | 确认按钮的文本内容 | string       | yes   |iOS/Android  | yes               |
 |pickerCancelBtnText   | 取消按钮的文本内容 | string       | yes   |iOS/Android  | yes               |
 |pickerTitleText       | 顶部标题的文本内容 | string       | yes   |iOS/Android  | yes               |
@@ -287,11 +284,11 @@ ohpm install
 |onPickerCancel        | 点击取消按钮触发的回调函数 | function     | no    |iOS/Android  | yes               |
 |onPickerSelect        | 当picker的选择内容发生改变时触发的回调函数 | function     | no    |iOS/Android   | yes               |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type     | Required | Platform    | HarmonyOS Support |
 | --- |----------|----------|----------|-------------|-------------------|
@@ -302,13 +299,13 @@ ohpm install
 |select      |select a row                            | function | no       | iOS/Android | yes                |
 |isPickerShow|get status of picker, return a boolean  | function | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 当前picker是使用的TextPicker实现，TextPicker并未提供每列设置宽度的方法，因此暂不能支持wheelFlex。[issue#6](https://github.com/react-native-oh-library/react-native-picker/issues/6)
 - [ ] 当前TextPicker的字体设置目前只支持大小和字体粗细，不支持pickerFontFamily。[issue#7](https://github.com/react-native-oh-library/react-native-picker/issues/7)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://mit-license.org/) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://mit-license.org/).
diff --git a/en/react-native-progress.md b/en/react-native-progress.md
index 95ca2bc8..9ea0109a 100644
--- a/en/react-native-progress.md
+++ b/en/react-native-progress.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-progress</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-progress)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-progress)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-progress@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useEffect } from "react";
@@ -131,23 +130,23 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-svg to add it to your project.
 
-如未引入请参照[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 进行引入 
+[react-native-svg-capi](/en/react-native-svg-capi.md)
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情见[react-native-progress](https://github.com/oblador/react-native-progress)
 
@@ -216,7 +215,7 @@ All of the props under _Properties_ in addition to the following:
 | strokeCap        | Stroke Cap style for the circle `butt`, `square` or `round`.                              | 'butt' \| 'square' \| 'round'      | No       | All      | Yes               |
 | direction        | Direction in which the circle spins, either "clockwise" or "counter-clockwise" (default). | 'clockwise' \| 'counter-clockwise' | No       | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
 - [x] 已解决：1、Progress.Circle 中的属性 fill 在 HarmonyOS 上默认显示黑色和默认无色不一致，定位是 svg 的属性配置有问题，当前通过修改 Circle.js 中默认 fill 的属性进行规避，后续 svg 修复该问题[issue#6](https://github.com/react-native-oh-library/react-native-svg/issues/6)后，修改的代码会移除。
 
@@ -224,10 +223,9 @@ All of the props under _Properties_ in addition to the following:
 
 - [x] 已解决：3、Progress.pie中的属性color,borderWith,borderColor中内圆的颜色，在进行静态配置的时候颜色显示正常，在使用Button进行动态改变的时候，中间的圆会显示黑色和默认的颜色不一致，定位是svg的属性有问题，pie传入给svg的值是正常的，svg处理逻辑有问题，修改svg修复该问题[issue#8](https://github.com/react-native-oh-library/react-native-svg/issues/8)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-redash.md b/en/react-native-redash.md
index 9429bd0e..ca31167e 100644
--- a/en/react-native-redash.md
+++ b/en/react-native-redash.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-redash</code> </h1>
@@ -12,9 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/wcandillon/react-native-redash/)
+> [!TIP] [GitHub address](https://github.com/wcandillon/react-native-redash/)
 
-## 安装与使用
+## Installation and Usage
+
+Go to the project directory and execute the following instruction:
 
 #### **yarn**
 
@@ -30,9 +32,7 @@ npm install react-native-redash@^18.1.3
 
 <!-- tabs:end -->
 
-> [!TIP] redash库依赖react-native-reanimated动画库， 请参照文档的Link章节进行引进。
-
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import { mix,
@@ -538,31 +538,35 @@ export default function RadashDemo() {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-webview. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md#link) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过:
+This document is verified based on the following versions:
 
 1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta6 SDK 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
 
-## 静态方法
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 如下是已验证接口展示:
 
 ### **Animations**
+
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | withPause()                   | Make an animation pausable. The state of the animation (paused or not) is controlled by a boolean shared value.                                               | function | No       | iOS/Android               | yes               |
 | withBouncing()                | Add a bouncing behavior to a physics-based animation. An animation is defined as being physics-based if it contains a velocity in its state.                  | function | No       | iOS/Android               | yes               |
+
 ### **Coordinates**
+
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | canvas2Cartesian() | Convert plane coordinate system to Cadir coordinate system         | function | No       | iOS/Android               | yes               |
@@ -571,11 +575,15 @@ export default function RadashDemo() {
 | polar2Cartesian()  | Convert polar coordinate system to Cadir coordinate system         | function | No       | iOS/Android               | yes               |
 | polar2Canvas()     | Convert polar coordinate system to plane coordinate system         | function | No       | iOS/Android               | yes               |
 | canvas2Polar()     | Convert plane coordinate system to polar coordinate system         | function | No       | iOS/Android               | yes               |
+
 ### **Strings**
+
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | ReText | This component is like <Text> but accepts a string animation node as property. Behind the scene, <ReText> is using <TextInput> with some default styling. Therefore there might be some slight inconsistencies with <Text>. | function | No       | iOS/Android               | yes               |
+
 ### **Math**
+
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | mix()              | mix performs a linear interpolation between x and y using a to weight between them. The return value is computed as x _ (1 - value) + y _ value   | function       | No       | iOS/Android               | yes               |
@@ -588,16 +596,22 @@ export default function RadashDemo() {
 | round()            | Computes animation node rounded to precision  | function | No       | iOS/Android               | yes               |
 | cubicBezier()      | Returns the coordinate of a cubic bezier curve. t is the length of the curve from 0 to 1. cubicBezier(0, p0, p1, p2, p3) equals p0 and cubicBezier(1, p0, p1, p2, p3) equals p3. p0 and p3 are respectively the starting and ending point of the curve. p1 and p2 are the control points. | function | No       | iOS/Android               | yes               |
 | cubicBezierYForX() | Given a cubic Bèzier curve, return the y value for x  | function | No       | iOS/Android               | yes               |
+
 ### **Transitions**
+
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | useTiming() | Transitions can attach an animation value to a change of React state. | function | No       | iOS/Android               | yes               |
 | useSpring() | Transitions can attach an animation value to a change of React state. | function | No       | iOS/Android               | yes               |
+
 ### **Vectors**
+
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | useVector() | Returns a vector of shared values. | function | No       | iOS/Android               | yes               |
+
 ### **Paths**
+
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | createPath(path, {x, y})                             | Create a new path  | function | No       | iOS/Android               | yes               |
@@ -606,20 +620,23 @@ export default function RadashDemo() {
 | parse(path)                                          | Parse an SVG path into a sequence of Bèzier curves. The SVG is normalized to have absolute values and to be approximated to a sequence of Bèzier curves. | function | No       | iOS/Android               | yes               |
 | serialize(path)                                      | Serialize a path into an SVG path string | function | No       | iOS/Android               | yes               |
 | interpolatePath()                                    | Interpolate between paths | function | No       | iOS/Android               | yes               |
+
 ### **Physics**
+
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | snapPoint() | Select a point where the animation should snap to given the value of the gesture and it's velocity. | function | No       | iOS/Android               | yes               |
+
 ### **Colors**
+
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
 | mixColor() | Identical to interpolateColor() but with an animation value that goes from 0 to 1. | function | No       | iOS/Android               | yes               |
 
+## Known Issues
 
-## 遗留问题
-
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/wcandillon/react-native-redash/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/wcandillon/react-native-redash/blob/master/LICENSE).
diff --git a/en/react-native-render-html.md b/en/react-native-render-html.md
index 680e6438..6fa8ba6a 100644
--- a/en/react-native-render-html.md
+++ b/en/react-native-render-html.md
@@ -1,5 +1,4 @@
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-render-html</code> </h1>
@@ -13,13 +12,11 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/meliorence/react-native-render-html)
-
-## 安装与使用
+> [!TIP] [GitHub address](https://github.com/meliorence/react-native-render-html)
 
-进入到工程目录并输入以下命令：
+## Installation and Usage
 
-> [!TIP] # 处替换为 tgz 包的路径
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,9 +34,9 @@ yarn add react-native-render-html@6.3.4
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -59,63 +56,63 @@ export default function App() {
 }
 ```
 
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.403; ROM：3.0.0.25;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-
-
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-**组件 RenderHtml**
-
-| Name                                   | Description                                                                                                                                                                                                       | Type                                               | Required | Platform      | HarmonyOS Support |
-|----------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------|----------|---------------|-------------------|
-| allowedStyles                          | Whitelist specific inline CSS style properties and ignore the others.                                                                                                                                             | CSSPropertyNameList                                | NO       | Android、iOS   | Yes               |
-| baseStyle                              | The default style for the document (root). Inheritable styles will be transferred to children. That works also for textual styles.                                                                                | MixedStyleDeclaration                              | NO       | Android、iOS   | Yes               |
-| classesStyles                          | Provide mixed styles to target elements selected by CSS classes.                                                                                                                                                  | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes               |
-| computeEmbeddedMaxWidth                | A function which takes contentWidth and tagName as arguments and returns a new width. Can return Infinity to denote unconstrained widths.                                                                         | (contentWidth: number, tagName: string) => number  | NO       | Android、iOS   | Yes               |
-| contentWidth                           | The width of the HTML content to display. The recommended practice is to pass useWindowDimensions().width minus any padding or margins.                                                                           | number                                             | NO       | Android、iOS   | Yes               |
-| customHTMLElementModels                | Customize element models for target tags.                                                                                                                                                                         | HTMLElementModelRecord                             | NO       | Android、iOS   | Yes               |
-| dangerouslyDisableHoisting             | Disable hoisting. Especially useful for rendering with react-native-web.Note that your layout might break in native!                                                                                              | boolean                                            | NO       | Android、iOS   | Yes               |
-| dangerouslyDisableWhitespaceCollapsing | Disable whitespace collapsing. Especially useful if your html is being pre-processed server-side with a minifier.                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes               |
-| debug                                  | Log to the console a snapshot of the rendered TDocument after each transient render tree invalidation.                                                                                                            | boolean                                            | NO       | Android、iOS   | Yes               |
-| defaultTextProps                       | Default props for Text elements in the render tree.                                                                                                                                                               | TextProps                                          | NO       | Android、iOS   | Yes               |
-| defaultViewProps                       | Default props for View elements in the render tree.                                                                                                                                                               | ViewProps                                          | NO       | Android、iOS   | Yes               |
-| domVisitors                            | An object which callbacks will be invoked when a DOM element or text node has been parsed and its children attached. This is great to tamper the dom, remove children, insert nodes, change text nodes data... etc. | DomVisitorCallbacks                                | NO       | Android、iOS   | Yes               |
-| emSize                                 | The default value in pixels for 1em.                                                                                                                                                                              | number                                             | NO       | Android、iOS   | Yes               |
-| enableCSSInlineProcessing              | Enable or disable inline CSS processing of inline styles.                                                                                                                                                         | boolean                                            | NO       | Android、iOS   | Yes               |
-| enableExperimentalBRCollapsing         | Recommended value is `true` on non-web platforms. Also note that this is an experimental feature, thus subject to behavioral instability.                                                                         | boolean                                            | NO       | Android、iOS   | Yes               |
-| enableExperimentalMarginCollapsing     | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes               |
-| idsStyles                              | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android、iOS   | Yes               |
-| ignoreDomNode                          | Ignore specific DOM nodes.                                                                                                                                                                                        | (node: Node, parent: NodeWithChildren) => unknown  | NO       | Android、iOS   | Yes               |
-| ignoredDomTags                         | A list of lowercase tags which should not be included in the DOM.                                                                                                                                                 | Array<string>                                      | NO       | Android、iOS   | Yes               |
-| ignoredStyles                          | Blacklist specific inline CSS style properties and allow the others.                                                                                                                                              | CSSPropertyNameList                                | NO       | Android、iOS   | Yes               |
-| bypassAnonymousTPhrasingNodes          | The most simple one is that itsimplifies the render tree                                                                                                                                                          | boolean                                            | NO       | Android、iOS   | Yes               |
-| onDocumentMetadataLoaded               | Handler invoked when the document metadata is available. It will re-trigger on HTML content changes.                                                                                                              | (documentMetadata: DocumentMetadata) => void       | NO       | Android、iOS   | Yes               |
-| onHTMLLoaded                           | Triggered when HTML is available to the RenderHTML component.                                                                                                                                                     | (html: string) => void                             | NO       | Android、iOS   | Yes               |
-| onTTreeChange                          | Triggered when the transient render tree changes. Useful for debugging.                                                                                                                                           | (ttree: TDocument) => void                         | NO       | Android、iOS   | Yes               |
-| renderers                              | Your custom renderers.                                                                                                                                                                                            | CustomTagRendererRecor                             | NO       | Android、iOS   | Yes               |
-| selectDomRoot                          | Select the DOM root before TTree generation. For example, you could iterate over children until you reach an article element and return this element.                                                             | TRenderEngineOptions                               | NO       | Android、iOS   | Yes               |
-| setMarkersForTNode                     | Set custom markers from a TNode and all its descendants. Markers will be accessible in custom renderers via `tnode.markers` prop.                                                                                 | SetMarkersForTNode                                 | NO       | Android、iOS   | Yes               |
-| source                                 | The object source to render (either { uri }, { html } or { dom }).                                                                                                                                                | HTMLSource                                         | Yes      | Android、iOS   | Yes               |
-| renderersProps                         | Props to use in custom renderers with useRendererProps.                                                                                                                                                           | Partial<RenderersProps>                            | NO       | Android、iOS   | Yes               |
-| systemFonts                            | A list of fonts available in the current platform. These fonts will be used to select the first match in CSS `fontFamily` property, which supports a comma-separated list of fonts. By default, a handful of fonts are selected per platform. | Array<string>                                      | No       | Android、iOS   | Yes               |
-| tagsStyles                             | Provide mixed styles to target HTML tag names.                                                                                                                                                                    | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android、iOS   | Yes               |
-
-## 遗留问题
-
-## 其他
--  img 的宽度不会随着 contentWidth 的动态修改而更改,接口属性原库本身不支持（与iOS/Android表现一致）（由 RN 基座引起，RNImage 组件更新状态时 this.descriptorWrapper 没有重新赋值） [issue#638](https://github.com/meliorence/react-native-render-html/issues/638)
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/meliorence/react-native-render-html/blob/master/LICENSE) ，请自由地享受和参与开源。
+## Properties
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+**RenderHtml**
+
+| Name                                   | Description                                                                                                                                                                                                       | Type                                               | Required | Platform    | HarmonyOS Support |
+|----------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------|----------|-------------|-------------------|
+| allowedStyles                          | Whitelist specific inline CSS style properties and ignore the others.                                                                                                                                             | CSSPropertyNameList                                | NO       | Android iOS | Yes               |
+| baseStyle                              | The default style for the document (root). Inheritable styles will be transferred to children. That works also for textual styles.                                                                                | MixedStyleDeclaration                              | NO       | Android iOS | Yes               |
+| classesStyles                          | Provide mixed styles to target elements selected by CSS classes.                                                                                                                                                  | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android iOS | Yes               |
+| computeEmbeddedMaxWidth                | A function which takes contentWidth and tagName as arguments and returns a new width. Can return Infinity to denote unconstrained widths.                                                                         | (contentWidth: number, tagName: string) => number  | NO       | Android iOS | Yes               |
+| contentWidth                           | The width of the HTML content to display. The recommended practice is to pass useWindowDimensions().width minus any padding or margins.                                                                           | number                                             | NO       | Android iOS | Yes               |
+| customHTMLElementModels                | Customize element models for target tags.                                                                                                                                                                         | HTMLElementModelRecord                             | NO       | Android iOS | Yes               |
+| dangerouslyDisableHoisting             | Disable hoisting. Especially useful for rendering with react-native-web.Note that your layout might break in native!                                                                                              | boolean                                            | NO       | Android iOS | Yes               |
+| dangerouslyDisableWhitespaceCollapsing | Disable whitespace collapsing. Especially useful if your html is being pre-processed server-side with a minifier.                                                                                                 | boolean                                            | NO       | Android iOS | Yes               |
+| debug                                  | Log to the console a snapshot of the rendered TDocument after each transient render tree invalidation.                                                                                                            | boolean                                            | NO       | Android iOS | Yes               |
+| defaultTextProps                       | Default props for Text elements in the render tree.                                                                                                                                                               | TextProps                                          | NO       | Android iOS | Yes               |
+| defaultViewProps                       | Default props for View elements in the render tree.                                                                                                                                                               | ViewProps                                          | NO       | Android iOS | Yes               |
+| domVisitors                            | An object which callbacks will be invoked when a DOM element or text node has been parsed and its children attached. This is great to tamper the dom, remove children, insert nodes, change text nodes data... etc. | DomVisitorCallbacks                                | NO       | Android iOS | Yes               |
+| emSize                                 | The default value in pixels for 1em.                                                                                                                                                                              | number                                             | NO       | Android iOS | Yes               |
+| enableCSSInlineProcessing              | Enable or disable inline CSS processing of inline styles.                                                                                                                                                         | boolean                                            | NO       | Android iOS | Yes               |
+| enableExperimentalBRCollapsing         | Recommended value is `true` on non-web platforms. Also note that this is an experimental feature, thus subject to behavioral instability.                                                                         | boolean                                            | NO       | Android iOS | Yes               |
+| enableExperimentalMarginCollapsing     | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android iOS | Yes               |
+| idsStyles                              | Enable or disable margin collapsing CSS behavior (experimental!).                                                                                                                                                 | boolean                                            | NO       | Android iOS | Yes               |
+| ignoreDomNode                          | Ignore specific DOM nodes.                                                                                                                                                                                        | (node: Node, parent: NodeWithChildren) => unknown  | NO       | Android iOS | Yes               |
+| ignoredDomTags                         | A list of lowercase tags which should not be included in the DOM.                                                                                                                                                 | Array<string>                                      | NO       | Android iOS | Yes               |
+| ignoredStyles                          | Blacklist specific inline CSS style properties and allow the others.                                                                                                                                              | CSSPropertyNameList                                | NO       | Android iOS | Yes               |
+| bypassAnonymousTPhrasingNodes          | The most simple one is that itsimplifies the render tree                                                                                                                                                          | boolean                                            | NO       | Android iOS | Yes               |
+| onDocumentMetadataLoaded               | Handler invoked when the document metadata is available. It will re-trigger on HTML content changes.                                                                                                              | (documentMetadata: DocumentMetadata) => void       | NO       | Android iOS | Yes               |
+| onHTMLLoaded                           | Triggered when HTML is available to the RenderHTML component.                                                                                                                                                     | (html: string) => void                             | NO       | Android iOS | Yes               |
+| onTTreeChange                          | Triggered when the transient render tree changes. Useful for debugging.                                                                                                                                           | (ttree: TDocument) => void                         | NO       | Android iOS | Yes               |
+| renderers                              | Your custom renderers.                                                                                                                                                                                            | CustomTagRendererRecor                             | NO       | Android iOS | Yes               |
+| selectDomRoot                          | Select the DOM root before TTree generation. For example, you could iterate over children until you reach an article element and return this element.                                                             | TRenderEngineOptions                               | NO       | Android iOS | Yes               |
+| setMarkersForTNode                     | Set custom markers from a TNode and all its descendants. Markers will be accessible in custom renderers via `tnode.markers` prop.                                                                                 | SetMarkersForTNode                                 | NO       | Android iOS | Yes               |
+| source                                 | The object source to render (either { uri }, { html } or { dom }).                                                                                                                                                | HTMLSource                                         | Yes      | Android iOS | Yes               |
+| renderersProps                         | Props to use in custom renderers with useRendererProps.                                                                                                                                                           | Partial<RenderersProps>                            | NO       | Android iOS | Yes               |
+| systemFonts                            | A list of fonts available in the current platform. These fonts will be used to select the first match in CSS `fontFamily` property, which supports a comma-separated list of fonts. By default, a handful of fonts are selected per platform. | Array<string>                                      | No       | Android iOS | Yes               |
+| tagsStyles                             | Provide mixed styles to target HTML tag names.                                                                                                                                                                    | Readonly<Record<string, MixedStyleDeclaration>>    | NO       | Android iOS | Yes               |
+
+## Known Issues
+
+## Others
+
+- [ ] img 的宽度不会随着 contentWidth 的动态修改而更改,接口属性原库本身不支持（与iOS/Android表现一致）（由 RN 基座引起，RNImage 组件更新状态时 this.descriptorWrapper 没有重新赋值） [issue#638](https://github.com/meliorence/react-native-render-html/issues/638)
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/meliorence/react-native-render-html/blob/master/LICENSE).
diff --git a/en/react-native-screens.md b/en/react-native-screens.md
index e84fdcbf..9319e333 100644
--- a/en/react-native-screens.md
+++ b/en/react-native-screens.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-screens</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/software-mansion/react-native-screens)
+> [!TIP] [GitHub address](https://github.com/software-mansion/react-native-screens)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -40,9 +40,9 @@ yarn add react-native-screens
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -68,7 +68,7 @@ function Home({navigation}) {
 function Detail({navigation}) {
     return (
         <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
-            <Text>我是Details Screen</Text>
+            <Text>Details Screen</Text>
             <Button title="To Home" onPress={() => navigation.goBack()} />
         </View>
     );
@@ -83,12 +83,12 @@ function NativeNavigation() {
                 <Stack.Screen
                     name="Home"
                     component={Home}
-                    options={{title: '我是Home的title'}}
+                    options={{title: 'Home的title'}}
                 />
                 <Stack.Screen
                     name="Detail"
                     component={Detail}
-                    options={{title: '我是Detail的title'}}
+                    options={{title: 'Detail的title'}}
                 />
             </Stack.Navigator>
         </NavigationContainer>
@@ -115,22 +115,23 @@ enableScreens(false);
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/stack 与 @react-native-oh-tpl/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/stack and @react-native-oh-tpl/react-native-safe-area-context. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照 [@react-native-oh-tpl/stack 文档的 Link 章节](/zh-cn/react-navigation-stack.md) 与 [@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md)进行引入。
+If it is not included, follow the guide provided in [@react-native-oh-tpl/stack](/en/react-navigation-stack.md) and [@react-native-oh-tpl/react-native-safe-area-context](/en/react-native-safe-area-context.md) to add it to your project.
 
-## 约束与限制
-### 兼容性
+## Constraints
 
-本文档内容基于以下版本验证通过：
+### Compatibility
 
-1.RNOH：0.72.29; SDK：HarmonyOS-NEXT-DB6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.60;
+This document is verified based on the following versions:
 
-## 属性
+1.RNOH:0.72.29; SDK:HarmonyOS-NEXT-DB6 5.0.0.61; IDE:DevEco Studio 5.0.3.706; ROM:3.0.0.60;
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                                      | Description                                                                           | Type     | Required | Platform    | HarmonyOS Support |
 |-----------------------------------------------------------|---------------------------------------------------------------------------------------|----------|----------|-------------|-------------------|
@@ -147,12 +148,12 @@ enableScreens(false);
 | userHeaderHeight                                          | 计算静态标题栏的高度，当屏幕方向发生更改，此值会发生更改                                                          | function | No       | iOS Android | NO                |
 | userAnimatedHeaderHeight                                  | 动态计算标题栏的高度，此值会随着每个视图布局变化而变化                                                           | function | No       | iOS Android | NO                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] ArkUI侧未提供capi接口，容器组件需要capi化，故本库未实现harmonyOS原生化适配，harmonyOS侧仅支持部分属性。
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/software-mansion/react-native-screens/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/software-mansion/react-native-screens/blob/main/LICENSE).
diff --git a/en/react-native-snap-carousel.md b/en/react-native-snap-carousel.md
index f39c4c8d..27086929 100644
--- a/en/react-native-snap-carousel.md
+++ b/en/react-native-snap-carousel.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-snap-carousel</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-snap-carousel)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-snap-carousel)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -36,9 +36,9 @@ yarn add @react-native-oh-tpl/react-native-snap-carousel@file:#
 ```
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -115,19 +115,19 @@ const styles = StyleSheet.create({
   }
 });
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Type                       | Required                                               | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- | ----------------------------------------------------- | -------- | ----------------- |
@@ -152,30 +152,29 @@ const styles = StyleSheet.create({
 | `slideStyle`                  | Optional style for each item's container (the one whose scale and opacity are animated)                                                                                                                                                                                                                                                                                                                                                                                                    | Animated View Style Object | no                                               | iOS/Android      | yes               |
 | `scrollInterpolator`                  | Used to define custom interpolations. See [the dedicated doc](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/CUSTOM_INTERPOLATIONS.md#summary).                                                                                                                                                                                                                                                                                                                                                                                                   | Function | no                                                  | iOS/Android      | yes              |
 | `slideInterpolatedStyle`                  | Used to define custom interpolations. See [the dedicated doc](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/CUSTOM_INTERPOLATIONS.md#summary).                                                                                                                                                                                                                                                                                                                                                                                                   | Function | no                                                 | iOS/Android      | yes          |
-| `activeAnimationOptions`                  | Custom animation options. Note that `useNativeDriver` will be enabled by default and that opacity's easing will always be kept linear. **Setting this prop to something other than `null` will trigger custom animations and will completely change the way items are animated:** rather than having their opacity and scale interpolated based the scroll value (default behavior), they will now play the custom animation you provide as soon as they become active. **This means you cannot use props `layout`, `scrollInterpolator` or `slideInterpolatedStyle` in conjunction with `activeAnimationOptions`.**                                                                                                                                                                                                                                                                                                                                                                                          | Object | no                                                  | iOS/Android      | yes               |
-| `activeAnimationType`                  | Custom [animation type:](https://reactnative.dev/docs/animated.html#configuring-animations) either `'decay'`, `'spring'` or `'timing'`. Note that it will only be applied to the scale animation since opacity's animation type will always be set to `timing` (no one wants the opacity to 'bounce' around).                                                                                                                                                                                 ``````````````                                                                                                                                                                                                            | String | no                                                  | iOS/Android      | yes               |
+| `activeAnimationOptions`                  | Custom animation options. Note that `useNativeDriver` will be enabled by default and that opacity's easing will always be kept linear. **Setting this prop to something other than `null` will trigger custom animations and will completely change the way items are animated:** rather than having their opacity and scale interpolated based the scroll value (default behavior), they will now play the custom animation you provide as soon as they become active. **This means you cannot use props `layout`, `scrollInterpolator` or `slideInterpolatedStyle` in conjunction with `activeAnimationOptions`.**                                                                                                                                                                                                                                                                                                                                                                            | Object | no                                                  | iOS/Android      | yes               |
+| `activeAnimationType`                  | Custom [animation type:](https://reactnative.dev/docs/animated.html#configuring-animations) either `'decay'`, `'spring'` or `'timing'`. Note that it will only be applied to the scale animation since opacity's animation type will always be set to `timing` (no one wants the opacity to 'bounce' around).                                                                                                                                                                                                                                                                                                                                                                                             | String | no                                                  | iOS/Android      | yes               |
 | `activeSlideAlignment`                  | Determine active slide's alignment relative to the carousel. Possible values are: `'start'`, `'center'` and `'end'`. **It is not recommended to use this prop in conjunction with the `layout` one.**                                                                                                                                                                                                                                                                                                                                                                                             | String | no                                                 | iOS/Android      | yes               |
 | `activeSlideOffset`                  | From slider's center, minimum slide distance to be scrolled before being set to active.                                                                                                                                                                                                                                                                                                                                                                                       | Number | no                                               | iOS/Android      | yes               |
-| `apparitionDelay`                  | `FlatList`'s init is a real mess, with lots of unneeded flickers and slides movement. This prop controls the delay during which the carousel will be hidden when mounted. **WARNING: on Android, using it may lead to [rendering issues](https://github.com/meliorence/react-native-snap-carousel/issues/236) (i.e. images not showing up).** Make sure to test thoroughly if you decide on using it.                                                                                                                                                                                                                                                                                                                                                                                       | Number | no                                                | iOS/Android      | yes               |
-| `callbackOffsetMargin`                  | Scroll events might not be triggered often enough to get a precise measure and, therefore, to provide a reliable callback. This usually is an Android issue, which might be linked to the version of React Native you're using (see ["Unreliable callbacks"](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/KNOWN_ISSUES.md#unreliable-callbacks)). To work around this, you can define a small margin that will increase the "sweet spot"'s width. The default value should cover most cases, but **you will want to increase it if you experience missed callbacks.**                                                                                                                                                                                                                                                                                                                                                                                      | Number | no                                               | iOS/Android      | yes               |
+| `apparitionDelay`                  | `FlatList`'s init is a real mess, with lots of unneeded flickers and slides movement. This prop controls the delay during which the carousel will be hidden when mounted. **WARNING: on Android, using it may lead to [rendering issues](https://github.com/meliorence/react-native-snap-carousel/issues/236) (i.e. images not showing up).** Make sure to test thoroughly if you decide on using it.                                                                                                                                                                                                                                                                                                                                                                         | Number | no                                                | iOS/Android      | yes               |
+| `callbackOffsetMargin`                  | Scroll events might not be triggered often enough to get a precise measure and, therefore, to provide a reliable callback. This usually is an Android issue, which might be linked to the version of React Native you're using (see ["Unreliable callbacks"](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/KNOWN_ISSUES.md#unreliable-callbacks)). To work around this, you can define a small margin that will increase the "sweet spot"'s width. The default value should cover most cases, but **you will want to increase it if you experience missed callbacks.**                                                                                                                                                                                                                                                                                                                                                                        | Number | no                                               | iOS/Android      | yes               |
 | `enableMomentum`                  | See [momentum](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/TIPS_AND_TRICKS.md#momentum)                                                                                                                                                                                                                                                                                                                                                                             | Boolean | no                                                  | iOS/Android      | yes              |
 | `enableSnap`                  | If enabled, releasing the touch will scroll to the center of the nearest/active item                                                                                                                                                                                                                                                                                                                                                                             | Boolean | no                                               | iOS/Android      | yes               |
 | `firstItem`                  | Index of the first item to display. ⚠️ **Make sure to use inherited props `[getItemLayout](https://reactnative.dev/docs/flatlist#getitemlayout)` & `[initialScrollIndex](https://reactnative.dev/docs/flatlist#initialscrollindex)` if the prop doesn't seem to work.**                                                                                                                                                                                                                                                                                                                                                     | Number | no                                              | iOS/Android      | yes               |
 | `hasParallaxImages`                  | Whether the carousel contains <ParallaxImage /> components or not. Required for specific data to be passed to children.                                                                                                                                                                                                                                                                                                                                                   | Boolean | no                                                 | iOS/Android      | yes               |
 | `lockScrollTimeoutDuration`                  | This prop works in conjunction with `lockScrollWhileSnapping`. When scroll is locked, a timer is created in order to release the scroll if something goes wrong with the regular callback handling. **Normally, you shouldn't have to use this prop.**                                                                                                                                                                                                                                                                                                                                                | Number | no                                                 | iOS/Android      | yes               |
-| `lockScrollWhileSnapping`                  | Prevent the user from swiping again while the carousel is snapping to a position. This prevents miscellaneous minor issues (inadvertently tapping an item while scrolling, stopping the scrolling animation if the carousel is tapped in the middle of a snap, clunky behavior on Android when short snapping quickly in opposite directions). The only drawback is that enabling the prop hinders the ability to swipe quickly between items as a little pause between swipes is needed. **Note that the prop won't have any effect if `enableMomentum` is set to `true`, since it would otherwise impede the natural and expected behavior.**                                                                                                                                                                                                                                                                                                                                           | Boolean | no                                               | iOS/Android      | yes               |
+| `lockScrollWhileSnapping`                  | Prevent the user from swiping again while the carousel is snapping to a position. This prevents miscellaneous minor issues (inadvertently tapping an item while scrolling, stopping the scrolling animation if the carousel is tapped in the middle of a snap, clunky behavior on Android when short snapping quickly in opposite directions). The only drawback is that enabling the prop hinders the ability to swipe quickly between items as a little pause between swipes is needed. **Note that the prop won't have any effect if `enableMomentum` is set to `true`, since it would otherwise impede the natural and expected behavior.**                                                                                                                                                                                                                                                                                                                             | Boolean | no                                               | iOS/Android      | yes               |
 | `scrollEnabled`                  | When `false`, the view cannot be scrolled via touch interaction ([inherited prop](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/PROPS_METHODS_AND_GETTERS.md#inherited-props))                                                                                                                                                                                                                                                                                                                                         | Boolean | no                                                | iOS/Android      | yes               |
 | `shouldOptimizeUpdates`                  | Whether to implement a `shouldComponentUpdate` strategy to minimize updates                                                                                                                                                                                                                                                                                                                                      | Boolean | no                                                 | iOS/Android      | yes               |
 | `swipeThreshold`                  | Delta x when swiping to trigger the snap                                                                                                                                                                                                                                                                                                                                     | Number | no                                             | iOS/Android      | yes               |
-| `useScrollView`                  | Whether to use a `ScrollView` component instead of the default `FlatList` one. The advantages are to avoid rendering issues that can arise with `FlatList` and to provide compatibility with React Native pre- `0.43`. The major drawbacks are that you won't benefit from any of `FlatList`'s advanced optimizations and that you won't be able to use either VirtualizedList or FlatList's specific props. **We recommend activating it only with a small set of slides and to test performance thoroughly in production mode**. Since version `3.7.6`, this prop also accepts a custom scroll component (see #498 for more info).                                                                                                                                                                                                                                                                                                                                    | Boolean | no                                                | iOS/Android      | yes               |
+| `useScrollView`                  | Whether to use a `ScrollView` component instead of the default `FlatList` one. The advantages are to avoid rendering issues that can arise with `FlatList` and to provide compatibility with React Native pre- `0.43`. The major drawbacks are that you won't benefit from any of `FlatList`'s advanced optimizations and that you won't be able to use either VirtualizedList or FlatList's specific props. **We recommend activating it only with a small set of slides and to test performance thoroughly in production mode**. Since version `3.7.6`, this prop also accepts a custom scroll component (see #498 for more info).                                                                                                                                                                                                                                                                                                                      | Boolean | no                                                | iOS/Android      | yes               |
 | `vertical`                  | Layout slides vertically instead of horizontally                                                                                                                                                                                                                                                                                                                                   | Boolean | no                                             | iOS/Android      | yes               |
 
+## Static Methods
 
-## 静态方法
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Prop                             | Description                                                                        | Type     | Required     | Platform | HarmonyOS Support |
 | -------------------------------- | ---------------------------------------------------------------------------------- | -------- | ----------- | ------- | ----------------- |
@@ -184,11 +183,12 @@ const styles = StyleSheet.create({
 | `onBeforeSnapToItem(slideIndex)` | Callback fired when the new active item has been determined, before snapping to it | Function | `no` | All     | yes               |
 | `onSnapToItem(slideIndex)`       | Callback fired after snapping to an item                                           | Function | `no` | All     | yes               |
 
-## 遗留问题
+## Known Issues
+
 - [ ] enableMomentum属性在ios设备上效果不明显，Harmony上效果使用正常: [issue#1](https://github.com/react-native-oh-library/react-native-snap-carousel/issues/4)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-snap-carousel/blob/sig/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-snap-carousel/blob/sig/LICENSE).
diff --git a/en/react-native-sound.md b/en/react-native-sound.md
index 70fdfb10..c4bf5b75 100644
--- a/en/react-native-sound.md
+++ b/en/react-native-sound.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sound</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sound)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-sound)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-sound@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useState } from "react";
@@ -158,11 +157,11 @@ export default SoundDemo;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -173,18 +172,15 @@ export default SoundDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -193,22 +189,22 @@ export default SoundDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 SoundPackge
+### 3. Configuring CMakeLists and Introducing SoundPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -244,7 +240,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_BEGIN: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -261,9 +257,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 SoundPackage
+### 4.Introducing SoundPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -277,32 +273,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases)
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情请见[react-native-sound](https://github.com/react-native-oh-library/react-native-sound)
 
@@ -315,11 +311,11 @@ ohpm install
 | setMode                  | Set session mode                            | function  | No       | iOS       | no               |
 | setSpeakerphoneOn       | Set up speakers                          | function  | No       | Android       | no               |
 
-## API
+## APIs
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情请见[react-native-sound](https://github.com/react-native-oh-library/react-native-sound)
 
@@ -350,15 +346,12 @@ ohpm install
 | setSystemVolume         | set system volume                        | function  | No       | iOS、Android       | no               |
 | getNumberOfChannels      | get the number of channels              | function  | No       | iOS、Android       | no               |
 
+## Known Issues
 
-
-
-## 遗留问题
 - [ ] 方法getNumberOfChannels,setSystemVolume,getSystemVolume,setPan，getPan，setPitch，getPitch，setSpeakerphoneOn，setMode，enableInSilenceMode，enable，setCategory， setActive 在Harmony没有对应的api 问题: [issue#1](https://github.com/react-native-oh-library/react-native-sound/issues/21)
-## 其他
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/zmxv/react-native-sound/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/zmxv/react-native-sound/blob/master/LICENSE).
diff --git a/en/react-native-tab-view.md b/en/react-native-tab-view.md
index faa5ebee..45b06dc2 100644
--- a/en/react-native-tab-view.md
+++ b/en/react-native-tab-view.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-tab-view</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-navigation/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-tab-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -179,9 +179,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-pager-view 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-webview. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](/zh-cn/react-native-pager-view.md#link)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-pager-view](/en/react-native-pager-view.md#link) to add it to your project.
 
 ## Tip
 本库依赖react-native-pager-view的能力，react-native-pager-view的能力已从ArkTS切换至CAPI。开启CAPI配置后过渡动画功能才能正常生效。
@@ -198,21 +198,22 @@ const styles = StyleSheet.create({
     })
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases/)
+Check the release version information in the release address of the third-party library: [ @react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases/)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **TabView**：选项卡组件
+
 | Name                  | Description                                                                                                                                                                                         | Type                              | Required | Platform | HarmonyOS Support |
 |-----------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------|----------|----------|-------------------|
 | navigationState       | State for the tab view.                                                                                                                                                                             | fucntion                          | yes      | all      | yes               |
@@ -235,6 +236,7 @@ const styles = StyleSheet.create({
 | style                 | Style to apply to the tab view container.                                                                                                                                                           | object                            | no       | all      | yes               |
 
 **TabBar**：选项卡标签栏
+
 | Name                    | Description                                                                                                                                                                                        | Type     | Required | Platform | HarmonyOS Support |
 |-------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
 | getLabelText            | Function which takes an object with the current route and returns the label text for the tab. Uses route.title by default.                                                                         | function | no       | all      | yes               |
@@ -261,15 +263,15 @@ const styles = StyleSheet.create({
 | style (TabBar)          | Style to apply to the tab bar container.                                                                                                                                                           | object   | no       | all      | yes               |
 | gap                     | Define a spacing between tabs.                                                                                                                                                                     | number   | no       | all      | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [x] 已解决： 页面滑动时，有概率卡在中间，无法自动回正[issue#5](https://github.com/react-native-oh-library/react-navigation/issues/5)
 - [ ] TabBar中的bounces属性，不生效，无法实现滚动回弹效果[issue#34](https://github.com/react-native-oh-library/react-navigation/issues/34)
 
-## 其他
+## Others
 
 - TabBar中的pressColor属性，不生效，无法实现按下更改颜色。 pressColor属性，是专门为Android平台设计的，这个属性在PlatformPressable中直接传递，在IOS上，pressColor属性没有直接对应的实现，IOS使用不同的机制来处理触摸反馈。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/satya164/react-native-tab-view/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/satya164/react-native-tab-view/blob/main/LICENSE.md).
diff --git a/en/react-native-text-size.md b/en/react-native-text-size.md
index e9ac3327..e8d0f5cf 100644
--- a/en/react-native-text-size.md
+++ b/en/react-native-text-size.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-text-size</code> </h1>
@@ -13,15 +13,15 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-text-size)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-text-size@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useEffect } from 'react';
@@ -191,11 +191,11 @@ export default function TextSizeExample() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -206,18 +206,15 @@ export default function TextSizeExample() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -226,22 +223,22 @@ export default function TextSizeExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 RNTextSizePackage
+### 3. Configuring CMakeLists and Introducing RNTextSizePackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -277,7 +274,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 ...
@@ -293,9 +290,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNTextSizePackage
+### 4.Introducing RNTextSizePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -309,33 +306,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > [!tip] 参数信息查看 [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
 
@@ -349,13 +345,13 @@ ohpm install
 | fontNamesForFamilyName | Return the data of the corresponding font according to the name                 | string[]                        | No       | All      | yes               |
 
 
-## 遗留问题
+## Known Issues
 
 - [ ] fontFamilyNames&fontNamesForFamilyName 问题:需要依赖手机文件 font 目录下的 json 文件，该文件目前没有预置在手机目录下，会导致该接口调用为空。后续底层框架侧修复该问题 [issue#1](https://github.com/react-native-oh-library/react-native-text-size/issues/1)
 - [ ] measure方法缺少lineInfo的返回处理 [issue#2](https://github.com/react-native-oh-library/react-native-text-size/issues/8)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The BSD 2-Clause License（BSD）](https://github.com/aMarCruz/react-native-text-size/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The BSD 2-Clause License（BSD）](https://github.com/aMarCruz/react-native-text-size/blob/master/LICENSE).
diff --git a/en/react-native-transitiongroup.md b/en/react-native-transitiongroup.md
index c903cfaa..83d0aab7 100644
--- a/en/react-native-transitiongroup.md
+++ b/en/react-native-transitiongroup.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-transitiongroup</code> </h1>
@@ -14,15 +13,15 @@
 </p>
 
 
-> [!Tip] [Github 地址](https://github.com/react-native-oh-library/react-native-transitiongroup)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-transitiongroup)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-transitiongroup@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -143,19 +142,19 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name          | Description                            | type     | Required | Platform | HarmonyOS Support |
 | ------------- | -------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -167,15 +166,13 @@ const styles = StyleSheet.create({
 | pointerEvents | 控制View是否可以成为触摸事件的目标     | string   | no       | All      | yes               |
 | style         | 组件样式                               | style    | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
 - [ ] 原库使用refs方法，现在改为使用react.createRef方法代替。问题: [issue#1](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/1)
 - [ ] 原库中使用的ViewPropTypes，现在改为使用PropTypes方法代替。问题: [issue#2](https://github.com/react-native-oh-library/react-native-transitiongroup/issues/2)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
diff --git a/en/react-native-translucent-modal.md b/en/react-native-translucent-modal.md
index 21222925..2f8328f1 100644
--- a/en/react-native-translucent-modal.md
+++ b/en/react-native-translucent-modal.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-translucent-modal</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-translucent-modal)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-translucent-modal)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-translucent-modal@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -83,19 +82,19 @@ export const E_ReactNativeTranslucentModal: React.FC = (): JSX.Element => {
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)
 
-## 属性
+Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > [!tip] react-native提供的Modal组件，在HarmonyOS、iOS平台一样可以实现状态栏沉浸式效果。
 
@@ -106,12 +105,10 @@ export const E_ReactNativeTranslucentModal: React.FC = (): JSX.Element => {
 | `visible`                     | Controls whether the modal is displayed.            | boolean  | yes      | All      | yes               |
 | `onRequestClose?: () => void` | Called when the model request close.                | function | yes      | ALL      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/23mf/react-native-translucent-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/23mf/react-native-translucent-modal/blob/master/LICENSE.md).
diff --git a/en/react-native-vector-icons.md b/en/react-native-vector-icons.md
index e5a38672..32863dbd 100644
--- a/en/react-native-vector-icons.md
+++ b/en/react-native-vector-icons.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"><code><a href="https://github.com/oblador/react-native-vector-icons">react-native-vector-icons</a></code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/oblador/react-native-vector-icons)
+> [!TIP] [GitHub address](https://github.com/oblador/react-native-vector-icons)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,9 +35,9 @@ yarn add react-native-vector-icons@10.0.3
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 #### 自带字体图标对照网页
 
@@ -140,7 +140,9 @@ const CustomFontIcoMoon = createIconSetFromIcoMoon(
 ></CustomFontIcoMoon.Button>;
 ```
 
-### 以下展示了本库的基本用法
+### The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -297,9 +299,9 @@ export function VectorIconsDemo() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
 ### 在 ArkTs 侧引入和注册字体文件
 
@@ -344,24 +346,24 @@ RNApp({
 
 #### 提醒：自定义字体也需要用同样的方法在此注册
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
 请使用 Api 11 及以上版本，低版本会导致 font 注册不成功，图标显示不出来。
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 遗留问题
+## Known Issues
 
 - [ ] getImageSource 和 getImageSourceSync 原生方法可以将字体文件绘制成 Bitmap 位图供 `Image` 组件使用，Harmony OS 侧暂时不支持
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/oblador/react-native-vector-icons/blob/master/LICENSE).
diff --git a/en/react-native-video.md b/en/react-native-video.md
index fc181999..6ae5844d 100644
--- a/en/react-native-video.md
+++ b/en/react-native-video.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-video</code> </h1>
@@ -14,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-video)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-video)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-video@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useRef } from "react";
@@ -397,11 +395,11 @@ export default RNCVideoDemo;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -412,18 +410,15 @@ export default RNCVideoDemo;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -433,22 +428,22 @@ export default RNCVideoDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 RNCVideoPackage
+### 3. Configuring CMakeLists and Introducing RNCVideoPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -486,7 +481,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -505,9 +500,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNCVideo 组件
+### 4.Introducing RNCVideo Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -527,9 +522,9 @@ function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -538,9 +533,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.在 ArkTs 侧引入 RNCVideoPackage
+### 5.Introducing RNCVideoPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -554,32 +549,34 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 6.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-## 属性
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases)
 
-详情请查看[react-native-video 官方文档](https://github.com/react-native-video/react-native-video/blob/support/5.2.X/README.md)
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+详情请查看[react-native-video 官方文档](https://github.com/react-native-video/react-native-video/blob/support/5.2.X/README.md)
 
 | Name | Descriptio                 | Type   | Required  | Platform | HarmonyOS Support |
 | ---- | -------------------------- | :----- | --------- | -------- |------------------ |
@@ -628,13 +625,11 @@ ohpm install
 | `trackId` |Configure an identifier for the video stream to link the playback context to the events emitted. | string | No  | Android | No |
 | `useTextureView` |Controls whether to output to a TextureView or SurfaceView. | boolean | No  | Android | No |
 
-
-
 ## 事件回调
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                                                                                                          | Type     | Required | Platform                                         | HarmonyOS Support |
 | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | :------- | -------- | ------------------------------------------------ | ----------------- |
@@ -662,14 +657,11 @@ ohpm install
 | `onRestoreUserInterfaceForPictureInPictureStop` |Callback function that corresponds to Apple's restoreUserInterfaceForPictureInPictureStopWithCompletionHandler. Call restoreUserInterfaceForPictureInPictureStopCompleted inside of this function when done restoring the user | function | No       | iOS   | No  |
 | `onTimedMetadata` |Callback function that is called when timed metadata becomes available | function | No       | All   | No  |
 
+## Static Methods
 
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-
-## 静态方法
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
 | -------- | -------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -679,13 +671,13 @@ ohpm install
 | `save()` | Save video to your Photos with current filter prop. Returns promise.| function | No       | iOS      | No              |
 | `restoreUserInterfaceForPictureInPictureStop()` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop.| function | No       | iOS      | No              |
 
-## 遗留问题
+## Known Issues
 
 - [x] source 暂时只支持在线 URL 资源问题： [issue#34](https://github.com/react-native-oh-library/react-native-video/issues/34)。
 - [ ] react-native-video 部分属性和方法未实现 HarmonyOS 化： [issue#60](https://github.com/react-native-oh-library/react-native-video/issues/60)。
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/TheWidlarzGroup/react-native-video/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/TheWidlarzGroup/react-native-video/blob/master/LICENSE).
diff --git a/en/react-native-view-shot.md b/en/react-native-view-shot.md
index 222a9f8f..5694e5fc 100644
--- a/en/react-native-view-shot.md
+++ b/en/react-native-view-shot.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-view-shot</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-view-shot)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-view-shot)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-view-shot@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -114,11 +114,11 @@ export function ViewShotDemo() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -129,18 +129,15 @@ export function ViewShotDemo() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -150,22 +147,22 @@ export function ViewShotDemo() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ViewShotPackage
+### 3. Configuring CMakeLists and Introducing ViewShotPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -194,7 +191,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_BEGIN: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -211,9 +208,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ViewShotPackage
+### 4.Introducing ViewShotPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -226,32 +223,33 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
-### 5.运行
 
-点击右上角的 `sync` 按钮
+### 5.Running
+
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Type                                   | Required | Platform     | HarmonyOS Support |
 | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | -------- | ------------ | ----------------- |
@@ -273,11 +271,11 @@ ohpm install
 | snapshotContentContainer | if true and when view is a ScrollView, the "content container" height will be evaluated instead of the container height. | boolean                              | no       | Android, iOS | no                |
 | useRenderInContext       | change the iOS snapshot strategy to use method renderInContext instead of drawViewHierarchyInRect which may help for some use cases. | boolean                              | no       | Android, iOS | no                |
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description | Type     | Required | Platform     | HarmonyOS Support |
 | ---------------- | ----------- | -------- | -------- | ------------ | ----------------- |
@@ -285,13 +283,14 @@ ohpm install
 | `captureScreen`  | 屏幕截图    | function | no       | Android, iOS | yes               |
 | `releaseCapture` | 资源释放    | function | no       | Android, iOS | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [x] HarmonyOS 资源释放接口验证未通过 [issues#2](https://github.com/react-native-oh-library/react-native-view-shot/issues/2)。
 - [ ] 被截图组件需要设置背景色，否则截图效果全黑 [issues#3](https://github.com/react-native-oh-library/react-native-view-shot/issues/3)。
 - [ ] 截图配置项 snapshotContentContainer 与 useRenderInContext 暂未实现 [issues#34](https://github.com/react-native-oh-library/react-native-view-shot/issues/34)。
 
-## 其他
-## 开源协议
+## Others
+
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/gre/react-native-view-shot/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/gre/react-native-view-shot/blob/master/LICENSE).
diff --git a/en/react-native-webview.md b/en/react-native-webview.md
index 7be4b946..976bcaf4 100644
--- a/en/react-native-webview.md
+++ b/en/react-native-webview.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-webview</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-webview)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-webview)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-webview@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { WebView } from "react-native-webview";
@@ -52,17 +52,17 @@ export default function WebViewDemo() {
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -73,18 +73,16 @@ export default function WebViewDemo() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -94,22 +92,22 @@ export default function WebViewDemo() {
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 webview 组件
+### 3.Introducing webview Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
 + import { WebView, WEB_VIEW } from "@react-native-oh-tpl/react-native-webview"
@@ -127,9 +125,9 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -140,9 +138,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 4.在 ArkTs 侧引入 WebViewPackage
+### 4.Introducing WebViewPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 import type {RNPackageContext, RNPackage} from 'rnoh/ts';
@@ -157,34 +155,35 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)
+Check the release version information in the release address of the third-party library: [ @react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
+
 | Name                                                     | Description                                                  | Type     | Required | Platform            | HarmonyOS Support                                            |
 |----------------------------------------------------------| ------------------------------------------------------------ | -------- |----------|---------------------| ------------------------------------------------------------ |
 | `source`                                                 | Loads static HTML or a URI (with optional headers) in the WebView | object   | yes      | All                 | partially (Only of:  **Load uri :** uri  headers  **Static HTML :** html  baseUrl) |
@@ -251,9 +250,9 @@ ohpm install
 
 ##  事件回调
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
 | ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
@@ -270,11 +269,12 @@ ohpm install
 | `onContentProcessDidTerminate: (event) => void`  | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS and macOS WKWebView | No                |
 | `renderLoading?`                                 | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS     | No                |
 | `onCustomMenuSelection?`                         | Function called when a custom menu item is selected. It receives a Native event, which includes three custom keys: `label`, `key` and `selectedText`. | function | NO       | iOS, Android            | No                |
-## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
@@ -289,14 +289,13 @@ ohpm install
 | `clearCache(status:boolean)`       | Clears the resource cache. Note that the cache is per-application, so this will clear the cache for all WebViews used. | function | No       | All      | yes               |
 | `clearHistory()`                   | Tells this WebView to clear its internal back/forward list.  | function | No       | Android  | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ]  webview 部分属性未实现 HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
 - [X]  中文乱码[issue#18](https://github.com/react-native-oh-library/react-native-webview/issues/18)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE).
diff --git a/en/react-router-dom.md b/en/react-router-dom.md
index e38e4a14..8cad77cf 100644
--- a/en/react-router-dom.md
+++ b/en/react-router-dom.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-router-dom</code> </h1>
@@ -12,25 +12,27 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/remix-run/react-router/tree/main/packages/react-router-dom)
+> [!TIP] [GitHub address](https://github.com/remix-run/react-router/tree/main/packages/react-router-dom)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
 ```bash
 npm i react-router-dom@6.22.3
 ```
+
 #### **yarn**
 
 ```bash
 yarn add react-router-dom@6.22.3
 ```
-下面的代码展示了这个库的基本使用场景：
 
-> [!WARNING] 使用时 import 的库名不变。
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -319,20 +321,21 @@ const DomDemo = () => {
 };
 export default DomDemo;
 ```
-## 约束与限制
 
-### 兼容性
+## Constraints
 
-本文档内容基于以下版本验证通过：
+### Compatibility
+
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.28; SDK:HarmonyOS-Next-DB6 5.0.0.61 SDK; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.61;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Component
 
@@ -352,6 +355,7 @@ export default DomDemo;
 | ScrollRestoration   |     This component will emulate the browser's scroll restoration on location changes after loaders have completed to ensure the scroll position is restored to the right spot, even across domains. | Component | no       | web   | no        |
 
 ### Hooks
+
 | Name                            | Description       | Type     | Required | Platform | HarmonyOS Support |
 |---------------------------------| ----------------- |----------|----------|----------|-------------------|
 | useLocation                     | This hook returns the current [`location`](https://reactrouter.com/en/main/utils/location) object. This can be useful if you'd like to perform some side effect whenever the current location changes. | Function | no       | All      | yes               |
@@ -388,6 +392,7 @@ export default DomDemo;
 | useActionData                   | This hook provides the returned value from the previous navigation's `action` result, or `undefined` if there was no submission.                                                                | Function | no       | web      | no                |
 
 ### Utilities
+
 | Name               | Description                                                                                                                                                                                                                                                                                               | Type      | Required | Platform | HarmonyOS Support |
 |--------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|----------|----------|-------------------|
 | redirect           | Because you can return or throw responses in loaders and actions, you can use redirect to redirect to another route..                                                                                                                                                                                     | Function  | no       | web      | no                |
@@ -400,12 +405,10 @@ export default DomDemo;
 | resolvePath        | `resolvePath` resolves a given `To` value into an actual `Path` object with an absolute `pathname`. This is useful whenever you need to know the exact path for a relative `To` value.                                                                                                                    | Function  | no       | web      | no                |
 | generatePath       | `generatePath` interpolates a set of params into a route path string with `:id` and `*` placeholders. This can be useful when you want to eliminate placeholders from a route path so it matches statically instead of using a dynamic parameter.                                                         | Function  | no       | web      | no                |
 
+## Known Issues
 
-## 遗留问题
-
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/remix-run/react-router/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The MIT License (MIT)](https://github.com/remix-run/react-router/blob/main/LICENSE.md).
diff --git a/en/recyclerListView.md b/en/recyclerListView.md
index f0d3ba7d..d0b895b8 100644
--- a/en/recyclerListView.md
+++ b/en/recyclerListView.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>RecyclerListView</code> </h1>
@@ -13,11 +12,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/Flipkart/recyclerlistview)
+> [!TIP] [GitHub address](https://github.com/Flipkart/recyclerlistview)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,7 +34,9 @@ yarn add recyclerlistview@4.2.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, {useState} from 'react';
@@ -164,21 +165,21 @@ const styles = {
 };
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.61;
 3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                                                                                                                                         | Type                                                                                                                       | Required | Platform | HarmonyOS Support |
 | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -211,14 +212,13 @@ const styles = {
 | onItemLayout | A callback function that is executed<br> when an item of the recyclerListView<br> (at an index) has been layout. This can also be used as a proxy to itemsRendered kind of callbacks. | number | No | iOS Android | Yes          |
 | windowCorrectionConfig | Used to specify is window<br> correction config and whether<br> it should be applied to some <br>scroll events | object | No | iOS Android | Yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 接口scrollThrottle不支持: [issue#785](https://github.com/Flipkart/recyclerlistview/issues/785)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [Apache License 2.0](https://github.com/Flipkart/recyclerlistview/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [Apache License 2.0](https://github.com/Flipkart/recyclerlistview/blob/master/LICENSE.md).
 
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/rn-placeholder.md b/en/rn-placeholder.md
index e0d905d2..62c13476 100644
--- a/en/rn-placeholder.md
+++ b/en/rn-placeholder.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>rn-placeholder</code> </h1>
@@ -13,13 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/rn-placeholder)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/rn-placeholder)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-placeholder Releases](https://github.com/react-native-oh-library/rn-placeholder/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/rn-placeholder Releases](https://github.com/react-native-oh-library/rn-placeholder/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -37,7 +38,9 @@ yarn add @react-native-oh-tpl/rn-placeholder@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import {
@@ -61,19 +64,19 @@ const App = () => (
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情见 [rn-placeholder 源库地址](https://github.com/mfrachet/rn-placeholder)
 
@@ -120,14 +123,12 @@ A PlaceholderMedia is the second of the two basic and visual components of a pla
 | color   | The media color, default is #efefef                      | string  | no       | All      | Yes               |
 | style   | Customize the style of the underlying View component     | object  | no       | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] package.json 中 peerDependencies 依赖 react 版本与项目 react 版本不一致会产生依赖冲突，此问题只会导致 npm 安装依赖报错，不对组件功能造成影响。源库此问题 issues: [issue#226](https://github.com/mfrachet/rn-placeholder/issues/226)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/mfrachet/rn-placeholder/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/mfrachet/rn-placeholder/blob/master/LICENSE.md).

From b3fff3ce30a3aee929d3fd931302d1d544348252 Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Thu, 24 Oct 2024 07:24:15 +0000
Subject: [PATCH 745/966] =?UTF-8?q?!1742=20docs:=20[#IAYUKQ]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-picker=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-picker?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-picker.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-picker.md b/zh-cn/react-native-picker.md
index 0a86b6b1..a3863325 100644
--- a/zh-cn/react-native-picker.md
+++ b/zh-cn/react-native-picker.md
@@ -266,7 +266,7 @@ ohpm install
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | --- |----------|---------| ------ | ----------- |-------------------|
 |isLoop                | 列的内容是否可以循环 | boolean      | yes   |    Android   | yes               |
-|pickerTextEllipsisLen | 文本的省略长度的 | number       | yes   |    Android   | no                |
+|pickerTextEllipsisLen | 文本的起始省略长度 | number       | yes   |    Android   | no                |
 |pickerConfirmBtnText  | 确认按钮的文本内容 | string       | yes   |iOS/Android  | yes               |
 |pickerCancelBtnText   | 取消按钮的文本内容 | string       | yes   |iOS/Android  | yes               |
 |pickerTitleText       | 顶部标题的文本内容 | string       | yes   |iOS/Android  | yes               |

From 02e9dc67fb73ae065bfd281ed85e6c6f442d93ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=81=E5=8D=AB=E4=BA=AE?= <feng049@126.com>
Date: Thu, 24 Oct 2024 07:27:39 +0000
Subject: [PATCH 746/966] =?UTF-8?q?!1745=20docs:=20[issuse:#IAYYP9]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-maps=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-maps?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-maps.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index 293a28c2..2debec2b 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -600,6 +600,8 @@ ohpm install
 
 'none' \ 'standard' \ 'terrain'
 
+注：HarmonyOS 侧的双击放大由 zoomEnabled 开启，zoomTapEnabled 不能单独关闭该功能。
+
 ### 静态方法
 
 | Name     | Description | Type     | Required | Platform    | HarmonyOS Support |

From 9519d77a082f7421c5a87a43f585198dc23edbcb Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Thu, 24 Oct 2024 07:52:14 +0000
Subject: [PATCH 747/966] =?UTF-8?q?!1762=20docs:=20[Issue:=20#IAZHY7]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-drax=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=20[Issue:=20#IAZHY7]=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-drax=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-drax.md    | 2 +-
 zh-cn/react-native-drax.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-drax.md b/en/react-native-drax.md
index 18531952..b9fa3972 100644
--- a/en/react-native-drax.md
+++ b/en/react-native-drax.md
@@ -202,7 +202,7 @@ const styles = StyleSheet.create({
 
 |           Name           |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
 | :----------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-|           data           |      Transforms the first character in a capital letter      | boolean  |    no    | iOS/Android |        Yes        |
+|           data           |                      Each item of data                       |  array   |    no    | iOS/Android |        Yes        |
 |      flatListStyle       |            Style prop for the underlying FlatList            |  object  |    no    | iOS/Android |        Yes        |
 |        itemStyles        |    Style props to apply to all DraxView items in the list    |  object  |    no    | iOS/Android |        Yes        |
 |    renderItemContent     |      Render function for content of an item's DraxView       |    /     |    no    | iOS/Android |        Yes        |
diff --git a/zh-cn/react-native-drax.md b/zh-cn/react-native-drax.md
index 18531952..b9fa3972 100644
--- a/zh-cn/react-native-drax.md
+++ b/zh-cn/react-native-drax.md
@@ -202,7 +202,7 @@ const styles = StyleSheet.create({
 
 |           Name           |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
 | :----------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-|           data           |      Transforms the first character in a capital letter      | boolean  |    no    | iOS/Android |        Yes        |
+|           data           |                      Each item of data                       |  array   |    no    | iOS/Android |        Yes        |
 |      flatListStyle       |            Style prop for the underlying FlatList            |  object  |    no    | iOS/Android |        Yes        |
 |        itemStyles        |    Style props to apply to all DraxView items in the list    |  object  |    no    | iOS/Android |        Yes        |
 |    renderItemContent     |      Render function for content of an item's DraxView       |    /     |    no    | iOS/Android |        Yes        |

From 635b5382ba5df737d3c1f9f1cadca73b54a1c021 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Thu, 24 Oct 2024 08:59:35 +0000
Subject: [PATCH 748/966] =?UTF-8?q?!1749=20docs:=20[issues:=20#IAYMVG]?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0readme.md=E9=83=A8=E5=88=86=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E6=96=87=E6=A1=A3=E9=93=BE=E6=8E=A5=E5=92=8C=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E4=B8=89=E4=B8=AA=E7=BB=84=E4=BB=B6=E7=9A=84=E8=BF=9E?=
 =?UTF-8?q?=E6=8E=A5=20*=20docs:=20[issues:=20#IAYMVG]=E6=9B=B4=E6=96=B0re?=
 =?UTF-8?q?adme.md=E9=83=A8=E5=88=86=E4=B8=89=E6=96=B9=E5=BA=93=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E9=93=BE=E6=8E=A5=E5=92=8C=E6=96=B0=E5=A2=9E=E4=B8=89?=
 =?UTF-8?q?=E4=B8=AA=E7=BB=84=E4=BB=B6=E7=9A=84=E8=BF=9E=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     | 41 ++++++++++---------
 en/README_EN.md                               | 41 ++++++++++---------
 ...unitsyles.md => react-native-unistyles.md} |  0
 zh-cn/README.md                               | 41 ++++++++++---------
 ...unitsyles.md => react-native-unistyles.md} |  0
 5 files changed, 66 insertions(+), 57 deletions(-)
 rename en/{react-native-unitsyles.md => react-native-unistyles.md} (100%)
 rename zh-cn/{react-native-unitsyles.md => react-native-unistyles.md} (100%)

diff --git a/README.md b/README.md
index 73baffc4..46ecf159 100644
--- a/README.md
+++ b/README.md
@@ -160,7 +160,7 @@
 | 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                                | 1.1.8          | 是                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath-capi.md)                   |
 | 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                          | 1.1.5          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
 | 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                     | 0.1.11         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
-| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                     | 0.0.1          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
+| 131  | [react-native-better-banner](https://github.com/tmxiong/better-banner)                                                                     | 0.0.1          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
 | 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                      | 1.3.0          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
 | 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                      | 0.10.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
 | 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                          | 1.2.8          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
@@ -223,7 +223,7 @@
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | 否                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [链接](/zh-cn/react-native-keep-awake.md)                      |
 | 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [链接](/zh-cn/react-navigation.md)                             |
-| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference)                              | 1.4.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [链接](/zh-cn/react-native-default-preference.md)            |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
 | 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                         | [链接](/zh-cn/react-native-sensitive-info.md)                  |
 | 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation)                                | 0.1.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-typing-animation.md)                |
@@ -232,36 +232,36 @@
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [链接](/zh-cn/rn-tourguide.md)                                 |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | 是                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [链接](/zh-cn/react-native-performance.md)                     |
 | 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker)                                  | 5.4.6          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 204  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                | 10.2.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
+| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
 | 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
-| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values)                                    | 1.11.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
 | 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters)                                              | 0.4.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-shadow-2.md)                        |
 | 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind)                                          | 2.0.11         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
 | 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback)                                      | 2.2.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-url-polyfill.md)                    |
-| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder)                               | 2.0.8          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [链接](/zh-cn/react-native-shimmer-placeholder.md)           |
 | 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-ratings.md)                         |
 | 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid)                                                 | 0.2.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
 | 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto)                                                          | 2.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles)                                                   | 2.7.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
+| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | 否                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [链接](/zh-cn/react-native-signature-capture.md)               |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -279,7 +279,7 @@
 | 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser)                                   | 3.7.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
 | 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -289,7 +289,7 @@
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper)                                        | 0.6.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
 | 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -298,7 +298,7 @@
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
-| 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper)                           | 2.1.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-style.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-flip-card.md)                       |
@@ -308,17 +308,17 @@
 | 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-parsed-text.md)                     |
-| 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)               | 3.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                                                  | 0.0.22         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
 | 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
-| 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases) | [链接](/zh-cn/react-native-sensitive-info.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                                                    | 4.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
@@ -413,6 +413,9 @@
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
 | 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                       |
 | 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
+| 384  | [i18next](https://github.com/i18next/i18next)                                            | 23.7.16          | -                  | -                                                                                                                                                          | [链接](/zh-cn/i18next.md)                                      |
+| 385  | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                            | 0.22.3          | -                  | -                                 | [链接](/zh-cn/react-native-modals.md)                          |
+| 386  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                            | 1.0.1          | -                  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)        |
 
 ## 社区
 
diff --git a/en/README_EN.md b/en/README_EN.md
index d25670bf..b87f709a 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -160,7 +160,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                                | 1.1.8          | Yes                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [Link](/zh-cn/react-native-clippath-capi.md)                   |
 | 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                          | 1.1.5          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-waterfall-flow.md)                  |
 | 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                     | 0.1.11         | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-vconsole.md)                        |
-| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                     | 0.0.1          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-better-banner.md)                   |
+| 131  | [react-native-better-banner](https://github.com/tmxiong/better-banner)                                                                     | 0.0.1          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-better-banner.md)                   |
 | 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                      | 1.3.0          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-ezswiper.md)                        |
 | 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                      | 0.10.3         | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-image-header-scroll-view.md)        |
 | 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                          | 1.2.8          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-linear-gradient-text.md)            |
@@ -223,7 +223,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | No                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [Link](/zh-cn/react-native-keep-awake.md)                      |
 | 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [Link](/zh-cn/react-navigation.md)                             |
-| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference)                              | 1.4.4          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 194 | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [链接](/zh-cn/react-native-default-preference.md)            |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | No                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [Link](/zh-cn/react-native-ble-manager.md)                     |
 | 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | No                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                         | [Link](/zh-cn/react-native-sensitive-info.md)                  |
 | 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation)                                | 0.1.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-typing-animation.md)                |
@@ -232,36 +232,36 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [Link](/zh-cn/rn-tourguide.md)                                 |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | Yes                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [Link](/zh-cn/react-native-performance.md)                     |
 | 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker)                                  | 5.4.6          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 204  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                | 10.2.1         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 203 | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
+| 204 | [react-native-share](https://github.com/react-native-share/react-native-share) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
 | 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | Yes                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [Link](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | No                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [Link](/zh-cn/react-native-fingerprint-scanner.md)             |
-| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values)                                    | 1.11.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | No                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [Link](/zh-cn/react-native-orientation-locker.md)              |
 | 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters)                                              | 0.4.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 213 | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-shadow-2.md)                        |
 | 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind)                                          | 2.0.11         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 218 | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
 | 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback)                                      | 2.2.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 220 | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-url-polyfill.md)                    |
-| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder)                               | 2.0.8          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 222 | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [链接](/zh-cn/react-native-shimmer-placeholder.md)           |
 | 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-ratings.md)                         |
 | 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid)                                                 | 0.2.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 227 | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
 | 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto)                                                          | 2.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles)                                                   | 2.7.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 231 | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
+| 232 | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | No                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [Link](/zh-cn/react-native-signature-capture.md)               |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -279,7 +279,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser)                                   | 3.7.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 250 | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
 | 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -289,7 +289,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper)                                        | 0.6.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
 | 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -298,7 +298,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [Link](/zh-cn/react-native-material-textfield.md)              |
-| 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper)                           | 2.1.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-material-design-style.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-flip-card.md)                       |
@@ -308,17 +308,17 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-parsed-text.md)                     |
-| 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)               | 3.0.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 279 | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                                                  | 0.0.22         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 281 | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
 | 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-autocomplete-input.md)              |
-| 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 284 | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases) | [链接](/zh-cn/react-native-sensitive-info.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                                                    | 4.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 289 | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-error-boundary.md)                  |
@@ -413,6 +413,9 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [Link](/zh-cn/react-native-tab-navigator.md)                   |
 | 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-calendars.md)                       |
 | 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [Link](/zh-cn/react-native-doc-viewer.md)                      |
+| 384 | [i18next](https://github.com/i18next/i18next)                                            | 23.7.16          | -                  | -                                                                                                                                                          | [链接](/zh-cn/i18next.md)                                      |
+| 385 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                            | 0.22.3          | -                  | -                                 | [链接](/zh-cn/react-native-modals.md)                          |
+| 386 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                            | 1.0.1          | -                  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)        |
 
 ## Community
 
diff --git a/en/react-native-unitsyles.md b/en/react-native-unistyles.md
similarity index 100%
rename from en/react-native-unitsyles.md
rename to en/react-native-unistyles.md
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 628282e2..7f9d52e8 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -160,7 +160,7 @@
 | 128  | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath)                                                | 1.1.8          | 是                 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases)                                     | [链接](/zh-cn/react-native-clippath-capi.md)                   |
 | 129  | [react-native-waterfall-flow](https://github.com/axerjs/react-native-waterfall-flow)                                          | 1.1.5          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-waterfall-flow.md)                  |
 | 130  | [react-native-vconsole](https://github.com/kafudev/react-native-vconsole)                                                     | 0.1.11         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-vconsole.md)                        |
-| 131  | [better-banner](https://github.com/tmxiong/better-banner)                                                                     | 0.0.1          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
+| 131  | [react-native-better-banner](https://github.com/tmxiong/better-banner)                                                                     | 0.0.1          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-better-banner.md)                   |
 | 132  | [react-native-ezswiper](https://github.com/easyui/react-native-ezswiper)                                                      | 1.3.0          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-ezswiper.md)                        |
 | 133  | [react-native-image-header-scroll-view](https://github.com/bamlab/react-native-image-header-scroll-view)                      | 0.10.3         | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-header-scroll-view.md)        |
 | 134  | [react-native-linear-gradient-text](https://github.com/HMDarkFir3/react-native-linear-gradient-text)                          | 1.2.8          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-linear-gradient-text.md)            |
@@ -223,7 +223,7 @@
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | 否                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [链接](/zh-cn/react-native-keep-awake.md)                      |
 | 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [链接](/zh-cn/react-navigation.md)                             |
-| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference)                              | 1.4.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 194 | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [链接](/zh-cn/react-native-default-preference.md)            |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
 | 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                         | [链接](/zh-cn/react-native-sensitive-info.md)                  |
 | 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation)                                | 0.1.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-typing-animation.md)                |
@@ -232,36 +232,36 @@
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [链接](/zh-cn/rn-tourguide.md)                                 |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | 是                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [链接](/zh-cn/react-native-performance.md)                     |
 | 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker)                                  | 5.4.6          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 204  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                | 10.2.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 203 | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
+| 204 | [react-native-share](https://github.com/react-native-share/react-native-share) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
 | 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
-| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values)                                    | 1.11.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
 | 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters)                                              | 0.4.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 213 | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-shadow-2.md)                        |
 | 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind)                                          | 2.0.11         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 218 | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
 | 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback)                                      | 2.2.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 220 | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-url-polyfill.md)                    |
-| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder)                               | 2.0.8          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 222 | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [链接](/zh-cn/react-native-shimmer-placeholder.md)           |
 | 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-ratings.md)                         |
 | 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid)                                                 | 0.2.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 227 | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
 | 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto)                                                          | 2.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles)                                                   | 2.7.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 231 | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
+| 232 | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | 否                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [链接](/zh-cn/react-native-signature-capture.md)               |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -279,7 +279,7 @@
 | 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser)                                   | 3.7.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 250 | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
 | 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -289,7 +289,7 @@
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper)                                        | 0.6.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
 | 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -298,7 +298,7 @@
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
-| 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper)                           | 2.1.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-style.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-flip-card.md)                       |
@@ -308,17 +308,17 @@
 | 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-parsed-text.md)                     |
-| 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay)               | 3.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 279 | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)                                                  | 0.0.22         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 281 | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
 | 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
-| 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 284 | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases) | [链接](/zh-cn/react-native-sensitive-info.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink)                                                    | 4.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 289 | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
@@ -413,6 +413,9 @@
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
 | 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                        |
 | 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                       |
+| 384 | [i18next](https://github.com/i18next/i18next)                                            | 23.7.16          | -                  | -                                                                                                                                                          | [链接](/zh-cn/i18next.md)                                      |
+| 385 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                            | 0.22.3          | -                  | -                                 | [链接](/zh-cn/react-native-modals.md)                          |
+| 386 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                            | 1.0.1          | -                  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)        |
 
 ## 社区
 
diff --git a/zh-cn/react-native-unitsyles.md b/zh-cn/react-native-unistyles.md
similarity index 100%
rename from zh-cn/react-native-unitsyles.md
rename to zh-cn/react-native-unistyles.md

From 6f32d9372b7a35e3f1313eadb7c6cbc75e62567c Mon Sep 17 00:00:00 2001
From: Ma <2742191065@qq.com>
Date: Thu, 24 Oct 2024 09:06:46 +0000
Subject: [PATCH 749/966] =?UTF-8?q?!1763=20docs:=20[#IAZI6V]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-webview(nocodegen)=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-webview(nocodegen)=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...-webviewr(nocodegen).md => react-native-webview(nocodegen).md} | 0
 ...-webviewr(nocodegen).md => react-native-webview(nocodegen).md} | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 rename en/{react-native-webviewr(nocodegen).md => react-native-webview(nocodegen).md} (100%)
 rename zh-cn/{react-native-webviewr(nocodegen).md => react-native-webview(nocodegen).md} (100%)

diff --git a/en/react-native-webviewr(nocodegen).md b/en/react-native-webview(nocodegen).md
similarity index 100%
rename from en/react-native-webviewr(nocodegen).md
rename to en/react-native-webview(nocodegen).md
diff --git a/zh-cn/react-native-webviewr(nocodegen).md b/zh-cn/react-native-webview(nocodegen).md
similarity index 100%
rename from zh-cn/react-native-webviewr(nocodegen).md
rename to zh-cn/react-native-webview(nocodegen).md

From 23f4261c3a77444be60e90b2dba4a13738c7ff24 Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Thu, 24 Oct 2024 09:33:06 +0000
Subject: [PATCH 750/966] =?UTF-8?q?!1761=20docs:=20[#IAZEQB]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-voice-voice=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-voice-vo?=
 =?UTF-8?q?ice=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-voice-voice.md    | 22 +++++++++++-----------
 zh-cn/react-native-voice-voice.md | 18 +++++++++---------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/en/react-native-voice-voice.md b/en/react-native-voice-voice.md
index 7b3ed1f8..adecb73b 100644
--- a/en/react-native-voice-voice.md
+++ b/en/react-native-voice-voice.md
@@ -457,9 +457,9 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在 entry/src 目录下 module.json5 和 entry/src/main/resources/base/element 目录下 string.json 文件
+Due to the fact that this library involves speech recognition and will use the system recording function, corresponding permissions need to be configured when using it. The permissions need to be configured in the module.json file in the entry/src/main directory and in the stringjson file in the entry/src/main/resources/base/element directory
 
-打开 `module.json5`，添加：
+open `module.json5`，add：
 
 ```diff
 ...
@@ -478,7 +478,7 @@ Check the release version information in the release address of the third-party
     ]
 ```
 
-打开 `string.json`，添加权限申请原因：
+open `string.json`，Reason for adding permission request：
 
 ```diff
 ...
@@ -504,14 +504,14 @@ Check the release version information in the release address of the third-party
 
 | Name                                 | Description                                                                                                                                                           | Type              | Required | Platform     | HarmonyOS Support |
 | ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ------------ | ----------------- |
-| Voice.isAvailable()                  | Checks whether a speech recognition service is available on the system.                                                                                               | Promise<0 \| 1>   | no       | Android, iOS | yes               |
-| Voice.start(locale)                  | Starts listening for speech for a specific locale. Returns null if no error occurs.                                                                                   | Promise<unknown>  | no       | Android, iOS | yes               |
-| Voice.stop()                         | Stops listening for speech. Returns null if no error occurs.                                                                                                          | Promise<unknown>  | no       | Android, iOS | yes               |
-| Voice.cancel()                       | Cancels the speech recognition. Returns null if no error occurs.                                                                                                      | Promise<unknown>  | no       | Android, iOS | yes               |
-| Voice.destroy()                      | Destroys the current SpeechRecognizer instance. Returns null if no error occurs.                                                                                      | Promise<unknown>  | no       | Android, iOS | yes               |
-| Voice.removeAllListeners()           | Cleans/nullifies overridden Voice static methods.                                                                                                                     | void              | no       | Android, iOS | yes               |
-| Voice.isRecognizing()                | Return if the SpeechRecognizer is recognizing.                                                                                                                        | Promise<0 \| 1>   | no       | Android, iOS | yes               |
-| Voice.getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | Promise<string[]> | no       | Android      | no                |
+| isAvailable()：Promise<isAvailable:<0 \| 1 >    | Checks whether a speech recognition service is available on the system.                                                                                               | function   | no       | Android, iOS | yes               |
+| start(locale)(locale: any, options = {})：Promise<unknown> | Starts listening for speech for a specific locale. Returns null if no error occurs.                                                                                   | function | no       | Android, iOS | yes               |
+| stop()：Promise<unknown>    | Stops listening for speech. Returns null if no error occurs.                                                                                                          | function  | no       | Android, iOS | yes               |
+| cancel()：Promise<unknown>    | Cancels the speech recognition. Returns null if no error occurs.                                                                                                      | function  | no       | Android, iOS | yes               |
+| destroy()：Promise<unknown>     | Destroys the current SpeechRecognizer instance. Returns null if no error occurs.                                                                                      | function  | no       | Android, iOS | yes               |
+| removeAllListeners()| Cleans/nullifies overridden Voice static methods.                                                                                                                     | void              | no       | Android, iOS | yes               |
+| isRecognizing()：Promise<isRecognizing:<0 \| 1 > | Return if the SpeechRecognizer is recognizing.                                                                                                                        |function   | no       | Android, iOS | yes               |
+| getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | function | no       | Android      | no                |
 
 ## 事件回调
 
diff --git a/zh-cn/react-native-voice-voice.md b/zh-cn/react-native-voice-voice.md
index b1159d29..5c6991f6 100644
--- a/zh-cn/react-native-voice-voice.md
+++ b/zh-cn/react-native-voice-voice.md
@@ -452,7 +452,7 @@ ohpm install
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)
 
 ### 权限要求
-由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在entry/src目录下module.json5和entry/src/main/resources/base/element目录下string.json文件
+由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在entry/src/main目录下module.json5和entry/src/main/resources/base/element目录下string.json文件
 
 打开 `module.json5`，添加：
 
@@ -498,14 +498,14 @@ ohpm install
 
 | Name                        | Description                                                                       | Type              | Required | Platform | HarmonyOS Support |
 |-----------------------------|-----------------------------------------------------------------------------------|-------------------|----------|----------|-------------------|
-| Voice.isAvailable()| Checks whether a speech recognition service is available on the system. | Promise<0 \| 1>   | no      | Android, iOS  | yes               |
-| Voice.start(locale) | Starts listening for speech for a specific locale. Returns null if no error occurs. | Promise<unknown>  | no       | Android, iOS | yes               |
-| Voice.stop() | Stops listening for speech. Returns null if no error occurs.   | Promise<unknown>  | no      | Android, iOS | yes               |
-| Voice.cancel() | Cancels the speech recognition. Returns null if no error occurs.    | Promise<unknown>  | no       | Android, iOS     | yes               |
-| Voice.destroy() | Destroys the current SpeechRecognizer instance. Returns null if no error occurs. | Promise<unknown>  | no      | Android, iOS | yes               |
-| Voice.removeAllListeners() | Cleans/nullifies overridden Voice static methods.   | void              | no       | Android, iOS  | yes               |
-| Voice.isRecognizing() | Return if the SpeechRecognizer is recognizing.  | Promise<0 \| 1>   | no      | Android, iOS  | yes               |
-| Voice.getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | Promise<string[]> | no   | Android  | no  |
+| isAvailable()：Promise<isAvailable:<0 \| 1 > | Checks whether a speech recognition service is available on the system. | function  | no      | Android, iOS  | yes               |
+| start(locale: any, options = {})：Promise<unknown>| Starts listening for speech for a specific locale. Returns null if no error occurs. | function  | no       | Android, iOS | yes               |
+| stop()：Promise<unknown>  | Stops listening for speech. Returns null if no error occurs.   | function  | no      | Android, iOS | yes               |
+| cancel()：Promise<unknown>  | Cancels the speech recognition. Returns null if no error occurs.    | function | no       | Android, iOS     | yes               |
+| destroy()：Promise<unknown>  | Destroys the current SpeechRecognizer instance. Returns null if no error occurs. | function  | no      | Android, iOS | yes               |
+| removeAllListeners()：Promise<unknown>  | Cleans/nullifies overridden Voice static methods.   | void              | no       | Android, iOS  | yes               |
+| isRecognizing()：Promise<isRecognizing:<0 \| 1 > | Return if the SpeechRecognizer is recognizing.  | function  | no      | Android, iOS  | yes               |
+| getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | function| no   | Android  | no  |
 
 ## 事件回调
 

From d37f28ba364e1c132f43802b14f43e2fd71d2e89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=8E=A5?=
 <2077100+wangyue6@user.noreply.gitee.com>
Date: Thu, 24 Oct 2024 11:06:37 +0000
Subject: [PATCH 751/966] =?UTF-8?q?!1760=20docs:=20[Issue:=20#IAZFJK]=20en?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=A4=B9=E4=B8=8B=E9=83=A8=E5=88=86=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=E6=96=87=E6=A1=A3=E4=B8=AD=E8=AF=91=E8=8B=B1=E9=81=97?=
 =?UTF-8?q?=E7=95=99=E4=BF=AE=E6=94=B9=20*=20docs:=20[Issue:=20#IAZFJK]=20?=
 =?UTF-8?q?en=E6=96=87=E4=BB=B6=E5=A4=B9=E4=B8=8B=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3=E4=B8=AD=E8=AF=91=E8=8B=B1?=
 =?UTF-8?q?=E9=81=97=E7=95=99=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/Immer.md                          | 165 +++++++++++++--------------
 en/js-beautify.md                    |  43 ++++---
 en/lodash.md                         |   7 +-
 en/mobx-react.md                     |   8 +-
 en/mobx.md                           |   7 +-
 en/react-native-image-zoom-viewer.md |  26 ++---
 en/react-native-swipe-list-view.md   |   7 +-
 en/react-redux.md                    |  17 ++-
 en/redux-persist.md                  |   7 +-
 en/redux.md                          |  11 +-
 10 files changed, 132 insertions(+), 166 deletions(-)

diff --git a/en/Immer.md b/en/Immer.md
index 0450f3d9..ac9c42ed 100644
--- a/en/Immer.md
+++ b/en/Immer.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-Template version: v0.2.1
+> Template version: v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>immer</code> </h1>
@@ -14,7 +13,7 @@ Template version: v0.2.1
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/immerjs/immer)
+> [!TIP] [Github address](https://github.com/immerjs/immer)
 
 ## Installation and Usage
 
@@ -97,7 +96,7 @@ const MyComponent = () => {
   const [count, setCount] = useState({age: 0});
   let [baseState, setBaseState] = useState([
     {
-      title: '标题1',
+      title: 'Title1',
       done: true,
     },
   ]);
@@ -113,7 +112,7 @@ const MyComponent = () => {
   const [state, setState] = useState(initialState);
   const [freezeRest, setFreezeRest] = useState({a: 1, b: {c: 2}});
   const [stateRes, setStateRes] = useState({count: 0, text: 'hello-world'});
-  const [texts, setTexts] = useState('请输入内容');
+  const [texts, setTexts] = useState('Please enter your content');
   const [stateNothing, setStateNothing] = useState({
     name: 'John',
     age: 30,
@@ -130,7 +129,7 @@ const MyComponent = () => {
   const [numStatus, setNumStatus] = useState(false);
   const [draftsStatus, setDratfStatus] = useState(false);
   let originalRes = {
-    name: '初始数据1',
+    name: 'Initial data 1',
     age: 18,
   };
   let fork = originalRes;
@@ -174,7 +173,7 @@ const MyComponent = () => {
     if (baseState.length < 3) {
       return setBaseState(
         produce(baseState, draftState => {
-          draftState.push({title: '新增', done: states});
+          draftState.push({title: 'Add', done: states});
           setStates((states = isDraft(draftState)));
         }),
       );
@@ -190,7 +189,7 @@ const MyComponent = () => {
   const onChange = (item: object, e: number) => {
     const res = produce(baseState, draftState => {
       draftState[e].done = !draftState[e].done;
-      draftState[e].title = '更改后数据';
+      draftState[e].title = 'Updated Data';
       setStates((states = isDraft(draftState)));
     });
     setBaseState(res);
@@ -291,28 +290,28 @@ const MyComponent = () => {
     const res = freeze(Object.assign({}, freezeRest), true);
     res.a = 110;
     res.b.c = 220;
-    console.log('调用freeze-deep:', overStates, res);
+    console.log('invoke freeze-deep:', overStates, res);
     setFreezeRest(res);
   };
   const tryToModifyFrozenStateLeft = () => {
     const res = freeze(Object.assign({}, freezeRest), false);
     res.a = 111;
     res.b.c = 222;
-    console.log('调用freeze-deep:', overStates, res);
+    console.log('invoke freeze-deep:', overStates, res);
     setFreezeRest(res);
   };
   const ClickOffFreeze = () => {
     const res1 = Object.assign({}, freezeRest);
     res1.a = 10;
     res1.b.c = 20;
-    console.log('未调用freeze:', res);
+    console.log('not invoke freeze:', res);
     setFreezeRest(res1);
   };
   const ClickOnFreeze = () => {
     const res = freeze(Object.assign({}, freezeRest));
     res.a = 11;
     res.b.c = 22;
-    console.log('调用freeze:', res);
+    console.log('invoke freeze:', res);
     setFreezeRest(res);
   };
   const inputText = e => {
@@ -480,9 +479,9 @@ const MyComponent = () => {
     <ScrollView style={{height: '100%'}}>
       <View style={styles.container}>
         <Text style={styles.text}>Immer</Text>
-        {/* 验证---produce---api */}
+        {/* verify ---produce---api */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证-produce-期望值不可变数据可以更改</Text>
+          <Text style={styles.text}>verify -produce- Expectation immutable data can be changed</Text>
           <View
             style={{
               flexDirection: 'row',
@@ -490,11 +489,11 @@ const MyComponent = () => {
               justifyContent: 'space-between',
               width: '60%',
             }}>
-            <Button title="计数加+" onPress={incrementCount} />
+            <Button title="Count +" onPress={incrementCount} />
             <Text style={{fontSize: 20}}>Count: {count.age}</Text>
-            <Button title="计数减-" onPress={decrement} />
+            <Button title="Count -" onPress={decrement} />
           </View>
-          <Button title="添加" onPress={onAdd} />
+          <Button title="Add" onPress={onAdd} />
           <View
             style={{
               width: '100%',
@@ -510,9 +509,9 @@ const MyComponent = () => {
                 }}
                 key={index}>
                 <View style={{width: '70%'}}>
-                  <Text>标题：{item.title}</Text>
-                  <Text>状态:{item.done ? 'true' : 'false'}</Text>
-                  <Text>isDraft状态:{`${states}`}</Text>
+                  <Text>Title:{item.title}</Text>
+                  <Text>State:{item.done ? 'true' : 'false'}</Text>
+                  <Text>isDraft state:{`${states}`}</Text>
                 </View>
                 <View
                   style={{
@@ -523,13 +522,13 @@ const MyComponent = () => {
                     alignItems: 'center',
                   }}>
                   <Button
-                    title="更改"
+                    title="Update"
                     onPress={() => {
                       onChange(item, index);
                     }}
                   />
                   <Button
-                    title="删除"
+                    title="Delete"
                     onPress={() => {
                       onDelete(index);
                     }}
@@ -539,20 +538,20 @@ const MyComponent = () => {
             ))}
           </View>
         </View>
-        {/* --------验证----createDraft--&--finishDraft---------------- */}
+        {/* --------verify ----createDraft--&--finishDraft---------------- */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证createDraft--&--finishDraft</Text>
+          <Text style={styles.text}>verify createDraft--&--finishDraft</Text>
           <Text>Count: {state.count}</Text>
           <Text>Text: {state.text}</Text>
           <Button title="Increment" onPress={increment} />
           <Button title="Change Text" onPress={changeText} />
         </View>
-        {/* -----------------验证--original-------current--------------- */}
+        {/* -----------------verify --original-------current--------------- */}
         <View style={styles.container}>
           <Text style={styles.text}>
-            验证original--current--期望值验证original:获取修改后的原始状态
+            verify original--current--Expected value verify original: obtains the original state after the modification
           </Text>
-          <Text>初始数据：{JSON.stringify(originals)}</Text>
+          <Text>Initial data：{JSON.stringify(originals)}</Text>
           <Text>original:{res}</Text>
           <Text>res:{originals.users[0].name}</Text>
           <Text>current: {currentText}</Text>
@@ -560,53 +559,53 @@ const MyComponent = () => {
         </View>
         {/* ------enablePatches-----produceWithPatches------------------ */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证enablePatches--produceWithPatches</Text>
+          <Text style={styles.text}>verify enablePatches--produceWithPatches</Text>
           <Text>{text}</Text>
           <Text>result:{JSON.stringify(result)}</Text>
           <Text>patches:{JSON.stringify(patches)}</Text>
           <Text>inversePatches:{JSON.stringify(inversePatches)}</Text>
           <Button title="Add World" onPress={handleClick} />
         </View>
-        {/* ----------验证--enableMapSet------------------------------- */}
+        {/* ----------verify --enableMapSet------------------------------- */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证enableMapSet</Text>
+          <Text style={styles.text}>verify enableMapSet</Text>
           <Text>Current Map:</Text>
           {renderMapEntries()}
           <Button title="Update Map" onPress={updateMap} />
         </View>
-        {/* -----------------验证--freeze----------------------- */}
+        {/* -----------------verify --freeze----------------------- */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证freeze</Text>
+          <Text style={styles.text}>verify freeze</Text>
           <Text>
-            freeze(obj,deep?)obj：要冻结的对象deep（可选）：一个布尔值，默认为false。如果为true，则深度冻结对象（包括其所有嵌套的对象）。如果为false或未提供，则只冻结对象的顶层属性
+            freeze(obj,deep?)obj：Object to be frozen deep (optional): A boolean value, defaults to false. If true, the object is deep frozen, including all of its nested objects. If false or not provided, only the top-level properties of the object are frozen
           </Text>
           <View style={{flexDirection: 'row', justifyContent: 'space-evenly'}}>
             <View style={{alignItems: 'center'}}>
               <Text>init:{JSON.stringify(freezeRest)}</Text>
               <Button
-                title="未调用freeze 改变数据init a=10 c=20"
+                title="not invoke freeze ,changing the data : init a=10 c=20"
                 onPress={ClickOffFreeze}
               />
               <Button
-                title="调用freeze 改变数据init a=11 c=22"
+                title="invoke freeze ,changing the data : init a=11 c=22"
                 onPress={ClickOnFreeze}
               />
               <Button
-                title="当deep状态为false时，改变数据init a=110 c=220"
+                title="when the state of deep is false ,changing the data : init a=110 c=220"
                 onPress={tryToModifyFrozenStateLeft}
               />
               <Button
-                title="当deep状态为true时，改变数据init a=110 c=220"
+                title="when the state of deep is true ,changing the data : init a=110 c=220"
                 onPress={incrementCountLeft}
               />
             </View>
           </View>
         </View>
-        {/* --------------验证--setAutoFreeze------------------- */}
+        {/* --------------verify --setAutoFreeze------------------- */}
         <View style={styles.container}>
-          <Text style={styles.text}>---验证setAutoFreeze----</Text>
+          <Text style={styles.text}>---verify setAutoFreeze----</Text>
           <Text>
-            setAutoFreeze为自动冻结,状态：{JSON.stringify(overStates)}
+            setAutoFreeze is freeze, state：{JSON.stringify(overStates)}
           </Text>
           <Switch onValueChange={toggleSwitch} value={overStates} />
           <TextInput
@@ -614,21 +613,21 @@ const MyComponent = () => {
             onChangeText={inputText}
             value={texts}
           />
-          <Text>你输入的内容是: {stateRes.text}</Text>
+          <Text>What you entered: {stateRes.text}</Text>
           <Text>Current Count: {JSON.stringify(stateRes)}</Text>
         </View>
-        {/* --------------验证---nothing------------------------ */}
+        {/* --------------verify ---nothing------------------------ */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证nothing</Text>
+          <Text style={styles.text}>verify nothing</Text>
           <Text>
-            定义的数据：
+            Defined data:
             {JSON.stringify(stateNothing)}
           </Text>
           <Text>Name: {typeof stateNothing}</Text>
           <View style={{flexDirection: 'row'}}>
             <View style={{marginRight: 10}}>
               <Button
-                title="标记nothing"
+                title="mark nothing"
                 onPress={() => {
                   clickNothing(nothing);
                 }}
@@ -636,7 +635,7 @@ const MyComponent = () => {
             </View>
             <View>
               <Button
-                title="标记undefined"
+                title="mark undefined"
                 onPress={() => {
                   clickNothing(undefined);
                 }}
@@ -644,100 +643,100 @@ const MyComponent = () => {
             </View>
           </View>
         </View>
-        {/* -----------验证----isDraftable---------------------- */}
+        {/* -----------verify ----isDraftable---------------------- */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证isDraftable</Text>
+          <Text style={styles.text}>verify isDraftable</Text>
           {/* <Button title="Check Draftability" onPress={checkDraftability} />
           <Text>{result ? '可变对象' : '不可变对象'}</Text> */}
           <View style={{flexDirection: 'row', alignItems: 'center'}}>
-            <Text>状态--isDraftable({JSON.stringify(obj)})</Text>
+            <Text>state--isDraftable({JSON.stringify(obj)})</Text>
             <Button title="isDraftObj" onPress={isDraftObj} />
-            <Text>状态:{JSON.stringify(objStatus)}</Text>
+            <Text>state:{JSON.stringify(objStatus)}</Text>
           </View>
           <View style={{flexDirection: 'row', alignItems: 'center'}}>
-            <Text>状态--isDraftable({JSON.stringify(arr)})</Text>
+            <Text>state--isDraftable({JSON.stringify(arr)})</Text>
             <Button title="isDraftArr" onPress={isDraftArr} />
-            <Text>状态--{JSON.stringify(arrStatus)}</Text>
+            <Text>state--{JSON.stringify(arrStatus)}</Text>
           </View>
           <View style={{flexDirection: 'row', alignItems: 'center'}}>
-            <Text>状态--isDraftable({JSON.stringify(str)})</Text>
+            <Text>state--isDraftable({JSON.stringify(str)})</Text>
             <Button title="isDraftStr" onPress={isDraftStr} />
-            <Text>状态--{JSON.stringify(strStatus)}</Text>
+            <Text>state--{JSON.stringify(strStatus)}</Text>
           </View>
           <View style={{flexDirection: 'row', alignItems: 'center'}}>
-            <Text>状态--isDraftable({JSON.stringify(num)})</Text>
+            <Text>state--isDraftable({JSON.stringify(num)})</Text>
             <Button title="isDraftNum" onPress={isDraftNum} />
-            <Text>状态--{JSON.stringify(numStatus)}</Text>
+            <Text>state--{JSON.stringify(numStatus)}</Text>
           </View>
           <View style={{flexDirection: 'row', alignItems: 'center'}}>
-            <Text>状态--isDraftable({JSON.stringify(frozenObj)})</Text>
+            <Text>state--isDraftable({JSON.stringify(frozenObj)})</Text>
             <Button title="isDrafts" onPress={isDrafts} />
-            <Text>状态--{JSON.stringify(draftsStatus)}</Text>
+            <Text>state--{JSON.stringify(draftsStatus)}</Text>
           </View>
         </View>
-        {/* -----------验证---immerable-------------------- */}
+        {/* -----------verify ---immerable-------------------- */}
         <View style={styles.container}>
           <Text style={styles.text}>
-            验证---immerable,可以添加到构造函数或原型的符号
+            verify ---immerable,Symbols that can be added to constructors or prototypes
           </Text>
           <Text>NUM:{JSON.stringify(myState)}</Text>
           <Button title="Update Value" onPress={updateValue} />
         </View>
-        {/* -----------------验证--castImmutable----------------------- */}
+        {/* -----------------verify --castImmutable----------------------- */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证castImmutable</Text>
-          <Text>castImmutable,期望值castImmutable为true时数据不可变</Text>
+          <Text style={styles.text}>verify castImmutable</Text>
+          <Text>castImmutable,If the expected castImmune is true, the data is immutable</Text>
           <Text>castImmutable:{produceStatus ? 'true' : 'false'}</Text>
           <Button title="castImmutable status" onPress={Clickfn} />
           <Text>Age: {data.age}</Text>
           <Button title="Update Age" onPress={updateData} />
         </View>
-        {/* -------------------验证--castDraft--- */}
+        {/* -------------------verify --castDraft--- */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证castDraft</Text>
+          <Text style={styles.text}>verify castDraft</Text>
           <Text>
-            castDraft,期望将任何不可变类型转换为其可变对应物。这只是一个转换,实际上并没有做任何事情
+            castDraft, Expect any immutable type to be converted to its mutable counterpart. It's just a conversion and doesn't actually do anything
           </Text>
           <Text>Count: {castDraftState.count}</Text>
           <Button title="AddFn" onPress={AddFn} />
           <Button title="doubleCount" onPress={doubleCount} />
           <Button title="resetCount" onPress={resetCount} />
         </View>
-        {/* ---------------验证--applyPatches-------------- */}
+        {/* ---------------verify --applyPatches-------------- */}
         <View style={styles.container}>
-          <Text style={styles.text}>验证applyPatches</Text>
-          <Text>初始数据：{JSON.stringify(originalRes)}</Text>
+          <Text style={styles.text}>verify applyPatches</Text>
+          <Text>Initial data:{JSON.stringify(originalRes)}</Text>
           <Button title="改变初始值age=10" onPress={ClickChange} />
           <Button title="fn1" onPress={fn1} />
-          <Text>改变后数据：{JSON.stringify(obj1)}</Text>
+          <Text>Updated data:{JSON.stringify(obj1)}</Text>
           <Button title="fn2" onPress={fn2} />
-          <Text>恢复的数据--{JSON.stringify(obj2)}</Text>
+          <Text>Recovered data:{JSON.stringify(obj2)}</Text>
         </View>
         <View style={styles.container}>
           <Text style={styles.text}>
-            验证Draft暴露的 TypeScript 类型以将不可变类型转换为可变类型
+            verify the TypeScript type exposed by Draft to convert an immutable type to a soft type
           </Text>
           <Text>{JSON.stringify(draftRes)}</Text>
-          <Button title="add--使用Draft<T>" onPress={handleAddHobby} />
+          <Button title="add--use Draft<T>" onPress={handleAddHobby} />
         </View>
-        {/* 验证Immutable<T> */}
+        {/* verify Immutable<T> */}
         {/*   <View style={styles.container}>
           <Text style={styles.text}>
-            验证Immutable暴露的 TypeScript 类型以将可变类型转换为不可变类型
+            verify Immutable暴露的 TypeScript 类型以将可变类型转换为不可变类型
           </Text>
           <Text>初始数据：{JSON.stringify(immutableObj1)}</Text>
           <Text>更改后数据:{JSON.stringify(immutableData)}</Text>
           <Button title="change" onPress={changeObj1} />
         </View> */}
-        {/* 验证setUseStrictShallowCopy */}
+        {/* verify setUseStrictShallowCopy */}
         <View style={styles.container}>
           <Text style={styles.text}>
-            验证setUseStrictShallowCopy
-            可用于启用严格浅拷贝，如果启用，immer会确保不会意外的修改原始对象
+            verify setUseStrictShallowCopy
+            It can be used to enable strict shallow copy, and if enabled, immer will ensure that the original object is not accidentally modified
           </Text>
-          <Text>初始数据：{JSON.stringify(setUseStrictShallowCopyRes)}</Text>
-          <Text>更改后数据：{JSON.stringify(setUseStrictShallowCopyInit)}</Text>
-          <Button title="使用" onPress={useSetUseStrictShallowCopy} />
+          <Text>Initial data:{JSON.stringify(setUseStrictShallowCopyRes)}</Text>
+          <Text>Updated data:{JSON.stringify(setUseStrictShallowCopyInit)}</Text>
+          <Button title="use" onPress={useSetUseStrictShallowCopy} />
         </View>
       </View>
     </ScrollView>
@@ -815,6 +814,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/immerjs/immer/blob/main/LICENSE), Please enjoy and participate freely in open source.
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/immerjs/immer/blob/main/LICENSE), Please enjoy and participate freely in open source.
\ No newline at end of file
diff --git a/en/js-beautify.md b/en/js-beautify.md
index 4a0345ab..e8dc3770 100644
--- a/en/js-beautify.md
+++ b/en/js-beautify.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -113,9 +112,9 @@ var prettyText2 = js_beautify(text2, {
 console.log(text2);
 console.log(prettyText2);
 
-var text3 = `[{id:1,title:"潮流女装"},
-  {id:2,title:"品牌男装"},
-  {id:3,title:"手机电脑"}] `;
+var text3 = `[{id:1,title:"Trendy Women's Clothing"},
+  {id:2,title:"Branded menswear"},
+  {id:3,title:"Mobile phone and computer"}] `;
 var prettyText3 = js_beautify(text3, {
   keep_array_indentation: true,
 });
@@ -208,7 +207,7 @@ var prettyText12 = js_beautify(text12, {operator_position: 'before-newline'});
 var prettyCode13 = js_beautify(text12, {operator_position: 'after-newline'});
 var prettyCode14 = js_beautify(text12, {operator_position: 'preserve-newline'});
 
-console.log('原始代码:' + text12);
+console.log('Original code:' + text12);
 console.log(prettyText12);
 console.log(prettyCode13);
 console.log(prettyCode14);
@@ -326,7 +325,7 @@ var sourceCode6 = `<!DOCTYPE html>
     </style>
   </head>
   <body>
-    <p>这个页面的背景色是灰色。</p>
+    <p>The background color of this page is gray.</p>
   </body>
 </html>`;
 var prettySourceCode17 = html_beautify(sourceCode6, {brace_style: 'collapse'});
@@ -354,7 +353,7 @@ var options1 = {
   wrap_line_length: '50',
 };
 var sourceCode8 =
-  '<p>这是一个非常长的段落，它包含了大量的文字和标签，导致不易在一行内进行清晰展示。</p><div><h1>标题</h1><p>内容</p></div>';
+  '<p>This is a very long paragraph, and it contains a lot of text and tags, which makes it difficult to present clearly in one line.</p><div><h1>title</h1><p>content</p></div>';
 var prettySourceCode19 = html_beautify(sourceCode8, options1);
 console.log(prettySourceCode19);
 
@@ -410,7 +409,7 @@ console.log(prettySourceCode26);
 
 var sourceCode10 = '<p><span>Hello</span></p><p><span>World</span></p>';
 var prettySourceCode27 = html_beautify(sourceCode10, {inline: ['span']});
-console.log('原始代码');
+console.log('Original code');
 console.log(sourceCode10);
 console.log("\n'inline': ['span']");
 console.log(prettySourceCode27);
@@ -420,7 +419,7 @@ var sourceCode11 = `<button-component>lorem ipsum</button-component>`;
 var prettySourceCode28 = html_beautify(sourceCode11, {
   nline_custom_elements: true,
 });
-console.log('原始代码');
+console.log('Original code');
 console.log(sourceCode11);
 console.log("\n'nline_custom_elements':true");
 console.log(prettySourceCode28);
@@ -431,7 +430,7 @@ var sourceCode12 =
 var prettySourceCode29 = html_beautify(sourceCode12, {
   unformatted: ['span', 'b', 'i'],
 });
-console.log('原始代码');
+console.log('Original code');
 console.log(sourceCode12);
 console.log("\n''unformatted': ['span', 'b', 'i']");
 console.log(prettySourceCode29);
@@ -449,7 +448,7 @@ The formatting should be improved.
 var prettySourceCode30 = html_beautify(sourceCode13, {
   content_unformatted: ['pre'],
 });
-console.log('原始代码');
+console.log('Original code');
 console.log(sourceCode13);
 console.log("\n'content_unformatted': ['pre']");
 console.log(prettySourceCode30);
@@ -457,7 +456,7 @@ console.log(prettySourceCode30);
 
 var sourceCode14 = `<div><p>Hello World!</p></div>`;
 var prettySourceCode31 = html_beautify(sourceCode14, {extra_liners: ['p']});
-console.log('原始代码');
+console.log('Original code');
 console.log(sourceCode14);
 console.log("\n'extra_liners': ['p']");
 console.log(prettySourceCode31);
@@ -480,7 +479,7 @@ function BeautifyDemo(): JSX.Element {
         <Text>{uglyCss}</Text>
         <Text style={styles.titleStyle}>{'\npretty CSS:'}</Text>
         <Text>{prettyCss}</Text>
-        <Text style={styles.textStyle}>Js细分测试</Text>
+        <Text style={styles.textStyle}>Js TEST</Text>
         <Text style={styles.titleStyle}>{'\nOriginal JS:'}</Text>
         <Text>{code}</Text>
         <Text style={styles.titleStyle}>{"\n'indent_size': 8"}</Text>
@@ -573,7 +572,7 @@ function BeautifyDemo(): JSX.Element {
         <Text>{prettyText14}</Text>
         <Text style={styles.titleStyle}>{"\n'wrap_line_length': 10，："}</Text>
         <Text>{prettyText15}</Text>
-        <Text style={styles.textStyle}>Css细分测试</Text>
+        <Text style={styles.textStyle}>Css TEST</Text>
         <Text style={styles.titleStyle}>{'\npretty CSS:'}</Text>
         <Text>{sourceCode}</Text>
         <Text style={styles.titleStyle}>{"\n'indent_size: 2'"}</Text>
@@ -585,9 +584,9 @@ function BeautifyDemo(): JSX.Element {
         <Text style={styles.titleStyle}>{"\n'eol: \n'"}</Text>
         <Text>{prettySourceCode4}</Text>
         <Text style={styles.titleStyle}>{"\n'end_with_newline': false"}</Text>
-        <Text>{prettySourceCode5}这里为end_with_newline": false,换不了行</Text>
+        <Text>{prettySourceCode5}this use " end_with_newline": false,it can't change the line</Text>
         <Text style={styles.titleStyle}>{"\n'end_with_newline': true"}</Text>
-        <Text>{prettySourceCode55}这里为end_with_newline": true,可换行</Text>
+        <Text>{prettySourceCode55}this use " end_with_newline": true,it can change the line</Text>
         <Text style={styles.titleStyle}>{"\n'brace_style': 'collapse'"}</Text>
         <Text>{prettySourceCode6}</Text>
         <Text style={styles.titleStyle}>{'\npretty CSS:'}</Text>
@@ -603,7 +602,7 @@ function BeautifyDemo(): JSX.Element {
         </Text>
         <Text>{prettySourceCode8}</Text>
 
-        <Text style={styles.textStyle}>html细分测试</Text>
+        <Text style={styles.textStyle}>html TEST</Text>
         <Text style={styles.titleStyle}>{'Original HTML:'}</Text>
         <Text>{sourceCode3}</Text>
         <Text style={styles.titleStyle}>{"\n'indent_size': 10"}</Text>
@@ -615,7 +614,7 @@ function BeautifyDemo(): JSX.Element {
         <Text style={styles.titleStyle}>{"\n'eol': 换行符"}</Text>
         <Text>{prettySourceCode12}</Text>
         <Text style={styles.titleStyle}>{"\n'end_with_newline': false"}</Text>
-        <Text>{prettySourceCode13}这里为end_with_newline": false,换不了行</Text>
+        <Text>{prettySourceCode13}this use " end_with_newline": false,it can't change the line</Text>
         <Text style={styles.titleStyle}>{"\n'indent-inner-html': true"}</Text>
         <Text>{prettySourceCode14}</Text>
         <Text style={styles.titleStyle}>{"\n'preserve_newlines': true"}</Text>
@@ -711,7 +710,7 @@ For details, see [js-beautify document](https://github.com/beautifier/js-beautif
 
 ### js_beautify
 
-该库的接口为`js_beautify`，通过传入不同的`options`，实现对应的功能。
+The interface of the library is 'js_beautify', and different 'options' are passed in to implement the corresponding functions.
 
 | Name        | Description                                                                                                    | Type     | Required | HarmonyOS Support |
 | ----------- | -------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -719,7 +718,7 @@ For details, see [js-beautify document](https://github.com/beautifier/js-beautif
 
 ### options
 
-options对应的参数如下所示，当对应属性未指定时，均为如下默认值。
+The following parameters are used for options, and if the corresponding attributes are not specified, the default values are as follows.
 
 ```
 {
@@ -755,6 +754,4 @@ options对应的参数如下所示，当对应属性未指定时，均为如下
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/beautifier/js-beautify/blob/main/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/beautifier/js-beautify/blob/main/LICENSE).
\ No newline at end of file
diff --git a/en/lodash.md b/en/lodash.md
index cb5c06d9..730ed64d 100644
--- a/en/lodash.md
+++ b/en/lodash.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.1.3
 
 <p align="center">
@@ -10,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/lodash/lodash/tree/4.17.21)
+> [!tip] [Github address](https://github.com/lodash/lodash/tree/4.17.21)
 
 ## Installation and Usage
 
@@ -191,6 +190,4 @@ The following is a display of validated interfaces:
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/lodash/lodash/blob/4.17.21/LICENSE) ，Please enjoy and participate freely in open source.
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/lodash/lodash/blob/4.17.21/LICENSE) ，Please enjoy and participate freely in open source.
\ No newline at end of file
diff --git a/en/mobx-react.md b/en/mobx-react.md
index defa089c..f2b3aee2 100644
--- a/en/mobx-react.md
+++ b/en/mobx-react.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.1.3
 
 <p align="center">
@@ -10,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0)
+> [!tip] [Github address](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0)
 
 ## Installation and Usage
 
@@ -153,7 +152,4 @@ The following is a display of validated interfaces:
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx-react%407.6.0/LICENSE), Please enjoy and participate freely in open source.
-
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx-react%407.6.0/LICENSE), Please enjoy and participate freely in open source.
\ No newline at end of file
diff --git a/en/mobx.md b/en/mobx.md
index f586bcb4..b33f3c91 100644
--- a/en/mobx.md
+++ b/en/mobx.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.1.3
 
 <p align="center">
@@ -10,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx%406.10.0)
+> [!tip] [Github address](https://github.com/mobxjs/mobx/tree/mobx%406.10.0)
 
 ## Installation and Usage
 
@@ -192,6 +191,4 @@ The following is a display of validated interfaces:
 
 ## License
 
-This project is licensed under  [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx%406.10.0/LICENSE), Please enjoy and participate freely in open source.
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under  [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx%406.10.0/LICENSE), Please enjoy and participate freely in open source.
\ No newline at end of file
diff --git a/en/react-native-image-zoom-viewer.md b/en/react-native-image-zoom-viewer.md
index 6667130e..05341aae 100644
--- a/en/react-native-image-zoom-viewer.md
+++ b/en/react-native-image-zoom-viewer.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -66,7 +65,7 @@ const ReactImageZoon = () => {
     return (
       <View style={{ backgroundColor: "red" }}>
         <Text style={{ backgroundColor: "red", color: "#fff", fontSize: 20 }}>
-          自定义页头或页脚
+          Customize the header or footer
         </Text>
       </View>
     );
@@ -150,8 +149,8 @@ const ReactImageZoon = () => {
             renderArrowLeft;pageAnimateTime;renderHeader;renderFooter;
             onClick;footerContainerStyle;failImageSource
           </Text>
-          <Text>保存到相机的回调onSaveToCamera</Text>
-          <Text>查看更改的状态{changeStatus}</Text>
+          <Text>Callbacks saved to the camera: onSaveToCamera</Text>
+          <Text>View the status of the change{changeStatus}</Text>
         </View>
         <View style={{ width: "100%", height: 500 }}>
           <ImageViewer
@@ -191,20 +190,20 @@ const ReactImageZoon = () => {
           />
         </View>
         <View style={styles.container}>
-          <Button title="下一页滑动0" onPress={() => setFlipThreshold(0)} />
+          <Button title="NextSliding thresholds 0" onPress={() => setFlipThreshold(0)} />
           <Button
-            title="下一页滑动阈值1000"
+            title="NextSliding thresholds 1000"
             onPress={() => setFlipThreshold(1000)}
           />
           <Button
-            title="页脚位置"
+            title="Footer position"
             onPress={() => setFlexooterContainerStyle(200)}
           />
           <Button title="Clear" onPress={clearBtn} />
         </View>
         <Text></Text>
         <Button
-          title="翻页动画"
+          title="Flip animation"
           onPress={() => setPageAnimateTime(500)}
         ></Button>
       </ScrollView>
@@ -239,7 +238,7 @@ Check the release version information in the release address of the third-party
 | ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ----------- | ----------------- | ---------------------------------------- |
 | imageUrls              | Image Source                                                 | array                                                        | Android iOS | YES               |                                          |
 | enableImageZoom        | Enable image zoom                                            | boolean                                                      | Android iOS | NO                |                                          |
-| onShowModal            | The callback for show modal                                  | function <br />(content?: JSX.Element) => void               | NO          | NO                | 此属性在HarmonyOS，Android ，iOS均不生效 |
+| onShowModal            | The callback for show modal                                  | function <br />(content?: JSX.Element) => void               | NO          | NO                | This attribute does not take effect on HarmonyOS, Android, or iOS |
 | onCancel               | The callback for cancel modal                                | function <br />() => void                                    | Android iOS | YES               |                                          |
 | flipThreshold          | Swipe threshold of the next page                             | number                                                       | Android iOS | YES               |                                          |
 | maxOverflow            | The X position maximum, that current page can slide to the next page | number                                                       | Android iOS | YES               |                                          |
@@ -273,15 +272,12 @@ Check the release version information in the release address of the third-party
 
 ## Known Issues
 
-- [ ] 本库 CameraRoll.saveToCameraRoll 还未完全 HarmonyOS 化，暂不支持调起相册 （未解决）[issues#1](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
-- [ ] 本库依赖 react-native-image-zoom ,enableImageZoom属性还未完全 HarmonyOS 化（未解决）[issues#2](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
-- [ ] 本库依赖 react-native-image-zoom ,长按触发框架图片拖拽，应用崩溃（未解决）[issues#3](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
+- [ ] CameraRoll.saveToCameraRoll is not yet fully HarmonyOS and does not support recalling albums (Unresolved)[issues#1](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
+- [ ] This library relies on react-native-image-zoom, and the enableImageZoom property is not yet fully HarmonyOS(Unresolved)[issues#2](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
+- [ ] This library relies on react-native-image-zoom, and a long press triggers the frame image to be dragged and dropped, and the application crashes(Unresolved)[issues#3](https://github.com/react-native-oh-library/react-native-image-viewer/issues/1)
 
 ## Others
 
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/ascoders/react-native-image-viewer/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
-
diff --git a/en/react-native-swipe-list-view.md b/en/react-native-swipe-list-view.md
index 362503fa..97fc146c 100644
--- a/en/react-native-swipe-list-view.md
+++ b/en/react-native-swipe-list-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -306,14 +305,10 @@ Check the release version information in the release address of the third-party
 
 ## Known Issues
 
-- [ ] 属性leftActivationValue在鸿蒙暂时未适配 [issue#4](https://github.com/react-native-oh-library/react-native-swipe-list-view/issues/4) 
+- [ ] The leftActivationValue property is not adapted in HarmonyOS for the time being [issue#4](https://github.com/react-native-oh-library/react-native-swipe-list-view/issues/4) 
 
 ## Others
 
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE).
-
-
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-redux.md b/en/react-redux.md
index b2ba99aa..6f3dec7f 100644
--- a/en/react-redux.md
+++ b/en/react-redux.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -30,7 +29,7 @@ npm install react-redux@^9.1.0
 
 The following code shows the basic use scenario of the repository:
 
-1.创建一个命名为store.ts的文件
+1. Create a file named store.ts
 
 ```ts
 import { configureStore } from "@reduxjs/toolkit";
@@ -48,7 +47,7 @@ export type RootState = ReturnType<typeof store.getState>;
 export type AppDispatch = typeof store.dispatch;
 ```
 
-2.创建store.ts的文件后，在<code>&lt;App&gt;</code>的外层放置一个<code>&lt;Provider&gt;</code>，并将 store 作为 prop 传递
+2. Once the store.ts file is created, place a <code>&lt;Provider&gt;</code> on the outer layer of the <code>&lt;App&gt;</code>and pass the store as a prop
 
 ```ts
 export default function TestPage() {
@@ -63,7 +62,7 @@ export default function TestPage() {
 }
 ```
 
-3.创建一个命名为Hooks.ts的文件,虽然可以将 RootState 和 AppDispatch 类型导入每个组件，但最好创建 useDispatch 和 useSelector hooks 类型化版本以供在应用程序中使用。
+3. Create a file named Hooks.ts, and while you can import the RootState and AppDispatch types into each component, it's a good idea to create typed versions of useDispatch and useSelector hooks for use in your application.
 
 ```ts
 import { TypedUseSelectorHook, useDispatch, useSelector } from "react-redux";
@@ -73,7 +72,7 @@ export const useAppDispatch: () => AppDispatch = useDispatch;
 export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
 ```
 
-4.定义 Slice State 和 Action Types。每个 slice 文件都应该为其初始 state 值定义一个类型，以便 createSlice 能够推断每个案例 reducer 中的 state 类型。
+4. Define Slice States and Action Types. Each slice file should define a type for its initial state value so that createSlice can infer the state type in each case reducer.
 
 ```ts
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
@@ -108,9 +107,9 @@ export const selectCount = (state: RootState) => state.user.user;
 export default counterSlice.reducer;
 ```
 
-生成的 action creators 将根据你为 reducer 提供的 PayloadAction<T> 类型正确输入以接收 payload 参数。例如，incrementByAmount 需要一个 number 作为其参数。
+The resulting action creators will be correctly entered to receive the payload parameter based on the PayloadAction<T> type you provided for the reducer. For example, incrementByAmount requires a number as its argument.
 
-在某些情况下，TypeScript 可能会不必要地收紧初始 state 的类型。如果发生这种情况，你可以通过使用 as 转换初始 state 来解决它，而不是声明变量的类型：
+In some cases, TypeScript may unnecessarily tighten the type of the initial state. If this happens, you can work around it by transforming the initial state with as instead of declaring the type of variable:
 
 ```ts
 interface CounterState {
@@ -118,7 +117,7 @@ interface CounterState {
 }
 ```
 
-5.在 React 组件中使用 Redux State 和 Actions
+5. Use Redux States and Actions in your React components
 
 ```ts
 import React, { useState } from "react";
@@ -167,5 +166,3 @@ For details, see [React Redux Official Documents](https://cn.react-redux.js.org/
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/reduxjs/react-redux/blob/master/LICENSE.md).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-persist.md b/en/redux-persist.md
index e00f5821..70216b75 100644
--- a/en/redux-persist.md
+++ b/en/redux-persist.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.1.3
 
 <p align="center">
@@ -34,7 +33,7 @@ To achieve persistence, you also need to rely on the 'HarmonyOS-enabled async-st
 
 The following code shows the basic use scenario of the repository:
 
-1.Create a file named store.ts
+1. Create a file named store.ts
 
 ```ts
 import { configureStore, combineReducers } from "@reduxjs/toolkit";
@@ -108,7 +107,7 @@ export const persistRootStore = persistStore(rootStore);
 export default rootStore;
 ```
 
-2.Once the store.ts file is created, place a <code>&lt;PersistGate&gt;</code> on the outer layer of the &gt; of the <code>&lt;App</code> and pass the persistRootStore as a prop
+2. Once the store.ts file is created, place a <code>&lt;PersistGate&gt;</code> on the outer layer of the <code>&lt;App&gt;</code>and pass the persistRootStore as a prop
 
 ```ts
 import store, {persistRootStore} from './store'
@@ -157,5 +156,3 @@ Please check for details [redux-persist official documentation](https://github.c
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/rt2zz/redux-persist/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux.md b/en/redux.md
index f1d9d9e2..582d033f 100644
--- a/en/redux.md
+++ b/en/redux.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -30,7 +29,7 @@ npm install redux@^5.0.1
 
 The following code shows the basic use scenario of the repository:
 
-1.编写子reducer，负责state具体变化的过程
+1. Write a sub-reducer, which is responsible for the process of specific changes to the state
 
 ```ts
 const defaultState = {
@@ -59,7 +58,7 @@ const rootReducer = combineReducers({
 });
 ```
 
-2.定义 Slice State 和 Action Types。每个 slice 文件都应该为其初始 state 值定义一个类型，以便 createSlice 能够推断每个案例 reducer 中的 state 类型。
+2. Define Slice States and Action Types. Each slice file should define a type for its initial state value so that createSlice can infer the state type in each case reducer.
 
 ```ts
 const rootReducer = combineReducers({ counterState: counterReducerfun });
@@ -67,7 +66,7 @@ const store = createStore(rootReducer);
 const addNumberAction = { type: "ADD_NUMBER" };
 ```
 
-3.在<code>&lt;App&gt;</code>的外层放置一个<code>&lt;Provider&gt;</code>，并将 store 作为 prop 传递
+3. place a <code>&lt;Provider&gt;</code> on the outer layer of the <code>&lt;App&gt;</code>and pass the store as a prop
 
 ```ts
 export default function TestPage() {
@@ -81,7 +80,7 @@ export default function TestPage() {
 }
 ```
 
-4.在 React 组件中使用 Redux State 和 Actions
+4. Use Redux States and Actions in your React components
 
 ```ts
 import React, { useState } from "react";
@@ -155,5 +154,3 @@ For details, see [Redux Official Documents](https://www.redux.org.cn/api/compose
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/reduxjs/redux/blob/master/LICENSE.md).
-
-<!-- {% endraw %} -->
\ No newline at end of file

From b30995c3162cc47bccaec78bdcc28427022f1625 Mon Sep 17 00:00:00 2001
From: wahaha <liangtao50@h-partners.com>
Date: Thu, 24 Oct 2024 11:11:00 +0000
Subject: [PATCH 752/966] =?UTF-8?q?!1771=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-syan-image-picker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-syan-image-picker?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-syan-image-picker.md    | 154 ++++++++++++++++++------
 zh-cn/react-native-syan-image-picker.md | 154 ++++++++++++++++++------
 2 files changed, 240 insertions(+), 68 deletions(-)

diff --git a/en/react-native-syan-image-picker.md b/en/react-native-syan-image-picker.md
index 4f1bd435..067457f6 100644
--- a/en/react-native-syan-image-picker.md
+++ b/en/react-native-syan-image-picker.md
@@ -176,7 +176,108 @@ Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 }
 ```
 
-### 2. Introducing Native Code
+### 2.Configure Entry
+
+**(1)Create ImageCropAbility.ets under entry/src/main/ets/entryability**
+
+```
+import UIAbility from '@ohos.app.ability.UIAbility'
+import window from '@ohos.window'
+
+const TAG = 'ImageEditAbility';
+
+export default class ImageCropAbility.ets extends UIAbility {
+
+  onWindowStageCreate(windowStage: window.WindowStage) {
+    this.setWindowOrientation(windowStage, window.Orientation.PORTRAIT)
+    windowStage.loadContent('pages/ImageEdit', (err, data) => {
+      if (err.code) {
+        console.info(TAG,'Failed to load the content. Cause: %{public}s',
+          JSON.stringify(err) ?? '')
+        return;
+      }
+      console.info(TAG,'Succeeded in loading the content')
+    });
+    try {
+      windowStage.getMainWindowSync().setWindowLayoutFullScreen(true, (err)=>{
+        if (err.code) {
+          console.error('Failed to enable the full-screen mode. Cause: ' + JSON.stringify(err));
+          return;
+        }
+        console.info('Succeeded in enabling the full-screen mode.');
+      })
+    } catch (exception) {
+      console.error('Failed to set the system bar to be invisible. Cause: ' + JSON.stringify(exception));
+    }
+  }
+
+  setWindowOrientation(stage: window.WindowStage, orientation: window.Orientation): void {
+    console.info(TAG,"into setWindowOrientation :")
+    if (!stage || !orientation) {
+      return;
+    }
+    stage.getMainWindow().then(windowInstance => {
+      windowInstance.setPreferredOrientation(orientation);
+    })
+  }
+
+  onBackground() {
+    this.context.terminateSelf();
+  }
+}
+```
+
+**(2)egister ImageCropAbility.ets in entry/src/main/module.json5.**
+
+```
+"abilities":[{
+        "name": "ImageCropAbility.ets",
+        "srcEntry": "./ets/entryability/ImageCropAbility.ets.ets",
+        "description": "$string:EntryAbility_desc",
+        "icon": "$media:icon",
+        "startWindowIcon": "$media:startIcon",
+        "startWindowBackground": "$color:start_window_background",
+        "removeMissionAfterTerminate": true,
+
+}
+...
+]
+
+```
+
+**(3)Create ImageEdit.ets under entry/src/main/ets/pages.**
+
+```
+import { ImageCrop } from '@react-native-oh-tpl/react-native-syan-image-picker';
+
+@Entry
+@Component
+struct ImageEdit {
+
+ build() {
+  Row(){
+   Column(){
+    ImageCrop();
+   }
+   .width('100%')
+  }
+  .height('100%')
+ }
+}
+```
+
+**(4)Add configuration in entry/src/main/resources/base/profile/main_pages.json.**
+
+```
+{
+ "src": [
+  "pages/Index",
+  "pages/ImageEdit"
+ ]
+}
+```
+
+### 3. Introducing Native Code
 
 Currently, two methods are available:
 
@@ -207,7 +308,7 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3. Introducing SyanImagePickerPackage to ArkTS
+### 4. Introducing SyanImagePickerPackage to ArkTS
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
@@ -223,7 +324,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4. Running
+### 5. Running
 
 Click the `sync` button in the upper right corner.
 
@@ -265,25 +366,25 @@ This document is verified based on the following versions:
 | enableBase64                    | 是否返回base64编码，默认不返回                               | boolean |   yes    | iOS/Android |        yes        |
 | videoCount                      | 选择的视频个数                                               | number  |   yes    | iOS/Android |        yes        |
 | allowPickingMultipleVideo       | 允许选择多个视频                                             | boolean |   yes    | iOS/Android |        yes        |
-| isRecordSelected                | 是否已选图片                                                 | bool    |   yes    | iOS/Android |        no         |
-| CropW                           | 裁剪宽度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        no         |
-| CropH                           | 裁剪高度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        no         |
+| isRecordSelected                | 是否已选图片                                                 | bool    |   yes    | iOS/Android |        yes         |
+| CropW                           | 裁剪宽度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        yes         |
+| CropH                           | 裁剪高度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        yes         |
 | isGif                           | 是否允许选择GIF，默认false，暂无回调GIF数据                  | boolean |   yes    | iOS/Android |        no         |
-| showCropCircle                  | 是否显示圆形裁剪区域，默认false                              | boolean |   yes    | iOS/Android |        no         |
-| circleCropRadius                | 圆形裁剪半径，默认屏幕宽度一半                               | number  |   yes    | iOS/Android |        no         |
-| showCropFrame                   | 是否显示裁剪区域，默认true                                   | boolean |   yes    | iOS/Android |        no         |
-| showCropGrid                    | 是否隐藏裁剪区域网格，默认false                              | boolean |   yes    | iOS/Android |        no         |
-| freeStyleCropEnabled            | 裁剪框是否可拖拽                                             | boolean |   yes    | iOS/Android |        no         |
-| rotateEnabled                   | 裁剪是否可旋转图片                                           | boolean |   yes    | iOS/Android |        no         |
-| scaleEnabled                    | 裁剪是否可放大缩小图片                                       | boolean |   yes    | iOS/Android |        no         |
+| showCropCircle                  | 是否显示圆形裁剪区域，默认false                              | boolean |   yes    | iOS/Android |        yes         |
+| circleCropRadius                | 圆形裁剪半径，默认屏幕宽度一半                               | number  |   yes    | iOS/Android |        yes         |
+| showCropFrame                   | 是否显示裁剪区域，默认true                                   | boolean |   yes    | Android |        no         |
+| showCropGrid                    | 是否隐藏裁剪区域网格，默认false                              | boolean |   yes    | Android |        no         |
+| freeStyleCropEnabled            | 裁剪框是否可拖拽                                             | boolean |   yes    | Android |        no         |
+| rotateEnabled                   | 裁剪是否可旋转图片                                           | boolean |   yes    | Android |        no         |
+| scaleEnabled                    | 裁剪是否可放大缩小图片                                       | boolean |   yes    | Android |        no         |
 | compressFocusAlpha              | 压缩时保留图片透明度（开启后png压缩后尺寸会变大但是透明度会保留) | boolean |   yes    | iOS/Android |        no         |
-| minimumCompressSize             | 小于100kb的图片不压缩（Android）                             | number  |   yes    | iOS/Android |        no         |
-| allowPickingOriginalPhoto       | 选择原生图片                                                 | boolean |   yes    | iOS/Android |        no         |
-| MaxSecond                       | 选择视频最大时长，默认是180秒                                | number  |   yes    | iOS/Android |        no         |
-| videoMaximumDuration            | 视频最大拍摄时间，默认是10分钟，单位是秒                     | number  |   yes    | iOS/Android |        no         |
-| isWeChatStyle                   | 是否是微信风格选择界面 Android Only                          | boolean |   yes    | iOS/Android |        no         |
+| minimumCompressSize             | 小于100kb的图片不压缩（Android）                             | number  |   yes    | Android |        no         |
+| allowPickingOriginalPhoto       | 选择原生图片                                                 | boolean |   yes    | iOS/Android |        yes         |
+| MaxSecond                       | 选择视频最大时长，默认是180秒                                | number  |   yes    | Android |        no         |
+| videoMaximumDuration            | 视频最大拍摄时间，默认是10分钟，单位是秒                     | number  |   yes    | iOS/Android |        yes         |
+| isWeChatStyle                   | 是否是微信风格选择界面 Android Only                          | boolean |   yes    | Android |        no         |
 | sortAscendingByModificationDate | 对照片排序，按修改时间升序，默认是YES。如果设置为NO,最新的照片会显示在最前面，内部的拍照按钮会排在第一个 | boolean |   yes    | iOS/Android |        no         |
-| MinSecond                       | 选择视频最小时长，默认是1秒                                  | number  |   yes    | iOS/Android |        no         |
+| MinSecond                       | 选择视频最小时长，默认是1秒                                  | number  |   yes    | Android |        no         |
 | showSelectedIndex               | 是否显示序号， 默认不显示                                    | boolean |   yes    | iOS/Android |        no         |
 
 ## SelectedPhoto（选择的图片或视频的返回结果）
@@ -320,24 +421,9 @@ This document is verified based on the following versions:
 ## Known Issues
 
 - [ ]  isRecordSelected: 是否已选图片[issues#2](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/2)
-- [ ]  CropW: 裁剪宽度，默认屏幕宽度60%[issues#3](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/3)
-- [ ]  CropH: 裁剪高度，默认屏幕宽度60%[issues#4](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/4)
 - [ ]  isGif: 是否允许选择GIF[issues#5](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/5)
-- [ ]  showCropCircle: 是否显示圆形裁剪区域[issues#6](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/6)
-- [ ]  circleCropRadius: 圆形裁剪半径[issues#7](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/7)
-- [ ]  showCropFrame: 是否显示裁剪区域[issues#8](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/8)
-- [ ]  showCropGrid: 是否隐藏裁剪区域网格[issues#9](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/9)
-- [ ]  freeStyleCropEnabled: 裁剪框是否可拖拽[issues#10](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/10)
-- [ ]  rotateEnabled: 裁剪是否可旋转图片[issues#11](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/11)
-- [ ]  scaleEnabled: 裁剪是否可放大缩小图片[issues#12](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/12)
 - [ ]  compressFocusAlpha: 压缩时保留图片透明度[issues#13](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/13)
-- [ ]  minimumCompressSize: 小于100kb的图片不压缩[issues#14](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/14)
-- [ ]  allowPickingOriginalPhoto: 选择原生图片[issues#15](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/15)
-- [ ]  MaxSecond: 选择视频最大时长[issues#16](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/16)
-- [ ]  videoMaximumDuration: 视频最大拍摄时间[issues#17](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/17)
-- [ ]  isWeChatStyle: 是否是微信风格选择界面[issues#18](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/18)
 - [ ]  sortAscendingByModificationDate: 对照片排序，按修改时间升序[issues#19](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/19)
-- [ ]  MinSecond: 选择视频最小时长[issues#20](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/20)
 - [ ]  showSelectedIndex: 是否显示序号[issues#21](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/21)
 
 ## Others
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index 76f1619c..3b483d27 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -178,7 +178,108 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
 }
 ```
 
-### 2.引入原生端代码
+### 2.配置Entry
+
+**(1)在 entry/src/main/ets/entryability 下创建 ImageCropAbility.ets.ets**
+
+```
+import UIAbility from '@ohos.app.ability.UIAbility'
+import window from '@ohos.window'
+
+const TAG = 'ImageEditAbility';
+
+export default class ImageCropAbility.ets extends UIAbility {
+
+  onWindowStageCreate(windowStage: window.WindowStage) {
+    this.setWindowOrientation(windowStage, window.Orientation.PORTRAIT)
+    windowStage.loadContent('pages/ImageEdit', (err, data) => {
+      if (err.code) {
+        console.info(TAG,'Failed to load the content. Cause: %{public}s',
+          JSON.stringify(err) ?? '')
+        return;
+      }
+      console.info(TAG,'Succeeded in loading the content')
+    });
+    try {
+      windowStage.getMainWindowSync().setWindowLayoutFullScreen(true, (err)=>{
+        if (err.code) {
+          console.error('Failed to enable the full-screen mode. Cause: ' + JSON.stringify(err));
+          return;
+        }
+        console.info('Succeeded in enabling the full-screen mode.');
+      })
+    } catch (exception) {
+      console.error('Failed to set the system bar to be invisible. Cause: ' + JSON.stringify(exception));
+    }
+  }
+
+  setWindowOrientation(stage: window.WindowStage, orientation: window.Orientation): void {
+    console.info(TAG,"into setWindowOrientation :")
+    if (!stage || !orientation) {
+      return;
+    }
+    stage.getMainWindow().then(windowInstance => {
+      windowInstance.setPreferredOrientation(orientation);
+    })
+  }
+
+  onBackground() {
+    this.context.terminateSelf();
+  }
+}
+```
+
+**(2)在 entry/src/main/module.json5 注册 ImageCropAbility.ets**
+
+```
+"abilities":[{
+        "name": "ImageCropAbility.ets",
+        "srcEntry": "./ets/entryability/ImageCropAbility.ets.ets",
+        "description": "$string:EntryAbility_desc",
+        "icon": "$media:icon",
+        "startWindowIcon": "$media:startIcon",
+        "startWindowBackground": "$color:start_window_background",
+        "removeMissionAfterTerminate": true,
+
+}
+...
+]
+
+```
+
+**(3)在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
+
+```
+import { ImageCrop } from '@react-native-oh-tpl/react-native-syan-image-picker';
+
+@Entry
+@Component
+struct ImageEdit {
+
+ build() {
+  Row(){
+   Column(){
+    ImageCrop();
+   }
+   .width('100%')
+  }
+  .height('100%')
+ }
+}
+```
+
+**(4)在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+
+```
+{
+ "src": [
+  "pages/Index",
+  "pages/ImageEdit"
+ ]
+}
+```
+
+### 3.引入原生端代码
 
 目前有两种方法：
 
@@ -211,7 +312,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.在 ArkTs 侧引入SyanImagePickerPackage
+### 4.在 ArkTs 侧引入SyanImagePickerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -227,7 +328,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
@@ -269,25 +370,25 @@ ohpm install
 | enableBase64                    | 是否返回base64编码，默认不返回                               | boolean |   yes    | iOS/Android |        yes        |
 | videoCount                      | 选择的视频个数                                               | number  |   yes    | iOS/Android |        yes        |
 | allowPickingMultipleVideo       | 允许选择多个视频                                             | boolean |   yes    | iOS/Android |        yes        |
-| isRecordSelected                | 是否已选图片                                                 | bool    |   yes    | iOS/Android |        no         |
-| CropW                           | 裁剪宽度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        no         |
-| CropH                           | 裁剪高度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        no         |
+| isRecordSelected                | 是否已选图片                                                 | bool    |   yes    | iOS/Android |        yes         |
+| CropW                           | 裁剪宽度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        yes         |
+| CropH                           | 裁剪高度，默认屏幕宽度60%                                    | number  |   yes    | iOS/Android |        yes         |
 | isGif                           | 是否允许选择GIF，默认false，暂无回调GIF数据                  | boolean |   yes    | iOS/Android |        no         |
-| showCropCircle                  | 是否显示圆形裁剪区域，默认false                              | boolean |   yes    | iOS/Android |        no         |
-| circleCropRadius                | 圆形裁剪半径，默认屏幕宽度一半                               | number  |   yes    | iOS/Android |        no         |
-| showCropFrame                   | 是否显示裁剪区域，默认true                                   | boolean |   yes    | iOS/Android |        no         |
-| showCropGrid                    | 是否隐藏裁剪区域网格，默认false                              | boolean |   yes    | iOS/Android |        no         |
-| freeStyleCropEnabled            | 裁剪框是否可拖拽                                             | boolean |   yes    | iOS/Android |        no         |
-| rotateEnabled                   | 裁剪是否可旋转图片                                           | boolean |   yes    | iOS/Android |        no         |
-| scaleEnabled                    | 裁剪是否可放大缩小图片                                       | boolean |   yes    | iOS/Android |        no         |
+| showCropCircle                  | 是否显示圆形裁剪区域，默认false                              | boolean |   yes    | iOS/Android |        yes         |
+| circleCropRadius                | 圆形裁剪半径，默认屏幕宽度一半                               | number  |   yes    | iOS/Android |        yes         |
+| showCropFrame                   | 是否显示裁剪区域，默认true                                   | boolean |   yes    | Android |        no         |
+| showCropGrid                    | 是否隐藏裁剪区域网格，默认false                              | boolean |   yes    | Android |        no         |
+| freeStyleCropEnabled            | 裁剪框是否可拖拽                                             | boolean |   yes    | Android |        no         |
+| rotateEnabled                   | 裁剪是否可旋转图片                                           | boolean |   yes    | Android |        no         |
+| scaleEnabled                    | 裁剪是否可放大缩小图片                                       | boolean |   yes    | Android |        no         |
 | compressFocusAlpha              | 压缩时保留图片透明度（开启后png压缩后尺寸会变大但是透明度会保留) | boolean |   yes    | iOS/Android |        no         |
-| minimumCompressSize             | 小于100kb的图片不压缩（Android）                             | number  |   yes    | iOS/Android |        no         |
-| allowPickingOriginalPhoto       | 选择原生图片                                                 | boolean |   yes    | iOS/Android |        no         |
-| MaxSecond                       | 选择视频最大时长，默认是180秒                                | number  |   yes    | iOS/Android |        no         |
-| videoMaximumDuration            | 视频最大拍摄时间，默认是10分钟，单位是秒                     | number  |   yes    | iOS/Android |        no         |
-| isWeChatStyle                   | 是否是微信风格选择界面 Android Only                          | boolean |   yes    | iOS/Android |        no         |
+| minimumCompressSize             | 小于100kb的图片不压缩（Android）                             | number  |   yes    | Android |        no         |
+| allowPickingOriginalPhoto       | 选择原生图片                                                 | boolean |   yes    | iOS/Android |        yes         |
+| MaxSecond                       | 选择视频最大时长，默认是180秒                                | number  |   yes    | Android |        no         |
+| videoMaximumDuration            | 视频最大拍摄时间，默认是10分钟，单位是秒                     | number  |   yes    | iOS/Android |        yes         |
+| isWeChatStyle                   | 是否是微信风格选择界面 Android Only                          | boolean |   yes    | Android |        no         |
 | sortAscendingByModificationDate | 对照片排序，按修改时间升序，默认是YES。如果设置为NO,最新的照片会显示在最前面，内部的拍照按钮会排在第一个 | boolean |   yes    | iOS/Android |        no         |
-| MinSecond                       | 选择视频最小时长，默认是1秒                                  | number  |   yes    | iOS/Android |        no         |
+| MinSecond                       | 选择视频最小时长，默认是1秒                                  | number  |   yes    | Android |        no         |
 | showSelectedIndex               | 是否显示序号， 默认不显示                                    | boolean |   yes    | iOS/Android |        no         |
 
 ## SelectedPhoto（选择的图片或视频的返回结果）
@@ -324,24 +425,9 @@ ohpm install
 ## 遗留问题
 
 - [ ]  isRecordSelected: 是否已选图片[issues#2](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/2)
-- [ ]  CropW: 裁剪宽度，默认屏幕宽度60%[issues#3](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/3)
-- [ ]  CropH: 裁剪高度，默认屏幕宽度60%[issues#4](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/4)
 - [ ]  isGif: 是否允许选择GIF[issues#5](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/5)
-- [ ]  showCropCircle: 是否显示圆形裁剪区域[issues#6](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/6)
-- [ ]  circleCropRadius: 圆形裁剪半径[issues#7](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/7)
-- [ ]  showCropFrame: 是否显示裁剪区域[issues#8](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/8)
-- [ ]  showCropGrid: 是否隐藏裁剪区域网格[issues#9](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/9)
-- [ ]  freeStyleCropEnabled: 裁剪框是否可拖拽[issues#10](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/10)
-- [ ]  rotateEnabled: 裁剪是否可旋转图片[issues#11](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/11)
-- [ ]  scaleEnabled: 裁剪是否可放大缩小图片[issues#12](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/12)
 - [ ]  compressFocusAlpha: 压缩时保留图片透明度[issues#13](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/13)
-- [ ]  minimumCompressSize: 小于100kb的图片不压缩[issues#14](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/14)
-- [ ]  allowPickingOriginalPhoto: 选择原生图片[issues#15](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/15)
-- [ ]  MaxSecond: 选择视频最大时长[issues#16](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/16)
-- [ ]  videoMaximumDuration: 视频最大拍摄时间[issues#17](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/17)
-- [ ]  isWeChatStyle: 是否是微信风格选择界面[issues#18](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/18)
 - [ ]  sortAscendingByModificationDate: 对照片排序，按修改时间升序[issues#19](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/19)
-- [ ]  MinSecond: 选择视频最小时长[issues#20](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/20)
 - [ ]  showSelectedIndex: 是否显示序号[issues#21](https://github.com/react-native-oh-library/react-native-syan-image-picker/issues/21)
 
 ## 其他

From 2ab5a5fc587c13e75078242a591214b12a59aa70 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Fri, 25 Oct 2024 01:05:15 +0000
Subject: [PATCH 753/966] =?UTF-8?q?!1767=20docs:=20=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-navigation-header-buttons=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=20[Issue:=20#IAZJFA]=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-navigation-header-buttons=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-navigation-header-buttons.md    | 10 ++++++++++
 zh-cn/react-navigation-header-buttons.md | 10 ++++++++++
 2 files changed, 20 insertions(+)

diff --git a/en/react-navigation-header-buttons.md b/en/react-navigation-header-buttons.md
index 35e2c06a..36545771 100644
--- a/en/react-navigation-header-buttons.md
+++ b/en/react-navigation-header-buttons.md
@@ -128,6 +128,16 @@ export function UsageWithIcons({ navigation }) {
 }
 ```
 
+## LINK
+
+This repository depends on the following libraries, please refer to the corresponding documentation: 
+
+- [@react-navigation/native](/en/react-navigation-native.md)
+- [@react-navigation/elements](/en/react-navigation-elements.md)
+- [@react-native-oh-library/react-native-safe-area-context](/en/react-native-safe-area-context.md)
+
+If the library has been imported to the Harmony project, you do not need to import it again. If the library has not been imported, see @react-navigation/native Document、@react-navigation/elements Document、@react-native-oh-library/react-native-safe-area-context Document. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
+
 ## Constraints
 
 ### Compatibility
diff --git a/zh-cn/react-navigation-header-buttons.md b/zh-cn/react-navigation-header-buttons.md
index 131c8f00..557efe65 100644
--- a/zh-cn/react-navigation-header-buttons.md
+++ b/zh-cn/react-navigation-header-buttons.md
@@ -125,6 +125,16 @@ export function UsageWithIcons({ navigation }) {
 }
 ```
 
+## Link
+
+本库依赖以下三方库，请查看对应文档：
+
+- [@react-navigation/native](/zh-cn/react-navigation-native.md)
+- [@react-navigation/elements](/zh-cn/react-navigation-elements.md)
+- [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+
+如已在鸿蒙工程中引入过该库，则无需再次引入，未引入请参照[@react-navigation/native 文档](/zh-cn/react-navigation-native.md)、[@react-navigation/elements 文档](/zh-cn/react-navigation-elements.md)、[@react-native-oh-library/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入 
+
 ## 约束与限制
 
 ### 兼容性

From b8f7f228971076e2f7b7ce074d7ac54e0466253f Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Fri, 25 Oct 2024 01:05:46 +0000
Subject: [PATCH 754/966] =?UTF-8?q?!1758=20docs:=20[Issues:#IAZF10]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-crop-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAZF10]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-crop-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-crop-picker.md    | 5 +++--
 zh-cn/react-native-image-crop-picker.md | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md
index f39ea446..a59cdd30 100644
--- a/en/react-native-image-crop-picker.md
+++ b/en/react-native-image-crop-picker.md
@@ -1024,8 +1024,8 @@ ohpm install
 | smartAlbums (iOS only)                 | array ([supported values](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fblob%2Fmaster%2FREADME.md%23smart-album-types-ios)) (default ['UserLibrary', 'PhotoStream', 'Panoramas', 'Videos', 'Bursts']) | List of smart albums to choose from                          | no       | iOS   | no       |
 | useFrontCamera                            | bool (default false)                                         | Whether to default to the front/'selfie' camera when opened. Please note that not all Android devices handle this parameter, see [issue #1058](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fissues%2F1058) | no       | All      | yes      |
 | compressVideoPreset (iOS only)         | string (default MediumQuality)                               | Choose which preset will be used for video compression       | no       | iOS   | no       |
-| compressImageMaxWidth                     | number (default none)                                        | Compress image with maximum width                            | no       | All      | yes      |
-| compressImageMaxHeight                    | number (default none)                                        | Compress image with maximum height                           | no       | All      | yes      |
+| compressImageMaxWidth                     | number (default none)                                        | Compress image with maximum width                            | no       | All      | no      |
+| compressImageMaxHeight                    | number (default none)                                        | Compress image with maximum height                           | no       | All      | no      |
 | compressImageQuality                      | number (default 1 (Android)/0.8 (iOS))                       | Compress image with quality (from 0 to 1, where 1 is best quality). On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images, while a value of 0.8 will reduce the file size by about half or less compared to a value of 1. | no       | All      | yes      |
 | loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | no      |
 | mediaType                                 | string (default any)                                         | Accepted mediaType for image selection, can be one of: 'photo', 'video', or 'any' | no       | All      | yes      |
@@ -1059,6 +1059,7 @@ ohpm install
 - [ ] 使用multiple选项时无法设置是否显示选中的资产数量 [#40](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/40)
 - [ ] photoAccessHelper选取完成之后没有loading过渡动画效果 [#45](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/45)
 - [ ] @ohos.multimedia.image无法进行圆形效果裁切 [#46](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/46)
+- [ ] @ohos.multimedia.image中PackingOption无法设置宽高属性 [#47](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/47)
 
 ## 其他
 
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index f39ea446..a59cdd30 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -1024,8 +1024,8 @@ ohpm install
 | smartAlbums (iOS only)                 | array ([supported values](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fblob%2Fmaster%2FREADME.md%23smart-album-types-ios)) (default ['UserLibrary', 'PhotoStream', 'Panoramas', 'Videos', 'Bursts']) | List of smart albums to choose from                          | no       | iOS   | no       |
 | useFrontCamera                            | bool (default false)                                         | Whether to default to the front/'selfie' camera when opened. Please note that not all Android devices handle this parameter, see [issue #1058](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker%2Fissues%2F1058) | no       | All      | yes      |
 | compressVideoPreset (iOS only)         | string (default MediumQuality)                               | Choose which preset will be used for video compression       | no       | iOS   | no       |
-| compressImageMaxWidth                     | number (default none)                                        | Compress image with maximum width                            | no       | All      | yes      |
-| compressImageMaxHeight                    | number (default none)                                        | Compress image with maximum height                           | no       | All      | yes      |
+| compressImageMaxWidth                     | number (default none)                                        | Compress image with maximum width                            | no       | All      | no      |
+| compressImageMaxHeight                    | number (default none)                                        | Compress image with maximum height                           | no       | All      | no      |
 | compressImageQuality                      | number (default 1 (Android)/0.8 (iOS))                       | Compress image with quality (from 0 to 1, where 1 is best quality). On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images, while a value of 0.8 will reduce the file size by about half or less compared to a value of 1. | no       | All      | yes      |
 | loadingLabelText (iOS only)            | string (default "Processing assets...")                      | Text displayed while photo is loading in picker              | no       | iOS   | no      |
 | mediaType                                 | string (default any)                                         | Accepted mediaType for image selection, can be one of: 'photo', 'video', or 'any' | no       | All      | yes      |
@@ -1059,6 +1059,7 @@ ohpm install
 - [ ] 使用multiple选项时无法设置是否显示选中的资产数量 [#40](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/40)
 - [ ] photoAccessHelper选取完成之后没有loading过渡动画效果 [#45](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/45)
 - [ ] @ohos.multimedia.image无法进行圆形效果裁切 [#46](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/46)
+- [ ] @ohos.multimedia.image中PackingOption无法设置宽高属性 [#47](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/47)
 
 ## 其他
 

From 9be47081c2cfe6f6cc822fb4a4d497bd19223ab4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Fri, 25 Oct 2024 01:36:22 +0000
Subject: [PATCH 755/966] =?UTF-8?q?!1768=20docs:=20[#IAZJPZ]=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-webview(nocodegen)=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20[#IAZJPZ]=E7=BF=BB=E8=AF=91rea?=
 =?UTF-8?q?ct-native-webview(nocodegen)=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-webview(nocodegen).md | 106 +++++++++++++-------------
 1 file changed, 52 insertions(+), 54 deletions(-)

diff --git a/en/react-native-webview(nocodegen).md b/en/react-native-webview(nocodegen).md
index 6923e145..647fd758 100644
--- a/en/react-native-webview(nocodegen).md
+++ b/en/react-native-webview(nocodegen).md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-webview</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-webview)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-webview)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-webview@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { WebView } from "react-native-webview";
@@ -54,11 +54,11 @@ export default function WebViewDemo() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -69,18 +69,15 @@ export default function WebViewDemo() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -90,22 +87,22 @@ export default function WebViewDemo() {
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 WebViewPackage
+### 3. Configuring CMakeLists and Introducing WebViewPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -145,7 +142,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -162,9 +159,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 webview 组件
+### 4. Introducing webview Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
 + import { WebView, WEB_VIEW } from "@react-native-oh-tpl/react-native-webview"
@@ -182,9 +179,9 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -195,9 +192,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.在 ArkTs 侧引入 WebViewPackage
+### 5. Introducing WebViewPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 import type {RNPackageContext, RNPackage} from 'rnoh/ts';
@@ -212,34 +209,34 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ @react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)
+Check the release version information in the release address of the third-party library: [ @react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
+For details, see [webview official document](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
 
 | Name                                                     | Description                                                  | Type     | Required | Platform            | HarmonyOS Support                                            |
 |----------------------------------------------------------| ------------------------------------------------------------ | -------- |----------|---------------------| ------------------------------------------------------------ |
@@ -305,11 +302,11 @@ ohpm install
 | `applicationNameForUserAgent?` | Append to the existing user-agent. Setting `userAgent` will override this. | string | No | All | yes |
 | `thirdPartyCookiesEnabled?` | Boolean value to enable third party cookies in the `WebView`. Used on Android Lollipop and above only as third party cookies are enabled by default on Android Kitkat and below and on iOS. The default value is `true`. | boolean | No | All | yes |
 
-##  事件回调
+##  Event callback
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
 | ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
@@ -326,11 +323,12 @@ ohpm install
 | `onContentProcessDidTerminate: (event) => void`  | Function that is invoked when the `WebView` content process is terminated. | function | No       | iOS and macOS WKWebView | No                |
 | `renderLoading?`                                 | Function that returns a loading indicator. The `startInLoadingState` prop must be set to `true` in order to use this prop. | function | No       | iOS, Android, macOS     | No                |
 | `onCustomMenuSelection?`                         | Function called when a custom menu item is selected. It receives a Native event, which includes three custom keys: `label`, `key` and `selectedText`. | function | NO       | iOS, Android            | No                |
-## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
@@ -345,14 +343,14 @@ ohpm install
 | `clearCache(status:boolean)`       | Clears the resource cache. Note that the cache is per-application, so this will clear the cache for all WebViews used. | function | No       | All      | yes               |
 | `clearHistory()`                   | Tells this WebView to clear its internal back/forward list.  | function | No       | Android  | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ]  webview 部分属性未实现 HarmonyOS 化[issue#200](https://github.com/react-native-oh-library/react-native-webview/issues/200)
 - [X]  中文乱码[issue#18](https://github.com/react-native-oh-library/react-native-webview/issues/18)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-webview/react-native-webview/blob/master/LICENSE).
 

From abf579805a713d5ba68ec6d08909bf7e87e37801 Mon Sep 17 00:00:00 2001
From: "pan.lichen" <pan.lichen@qq.com>
Date: Fri, 25 Oct 2024 01:51:57 +0000
Subject: [PATCH 756/966] =?UTF-8?q?!1759=20docs:=20[Issues:=20#IAZF8M]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-dropdownalert=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZF8M]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-dropdownalert=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-dropdownalert.md    | 10 +++++++---
 zh-cn/react-native-dropdownalert.md | 10 +++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
index 0ceb6c87..af843659 100644
--- a/en/react-native-dropdownalert.md
+++ b/en/react-native-dropdownalert.md
@@ -391,9 +391,9 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | titleNumberOfLines               | 弹窗标题的最大行数，                                                                                         | number                         | no           | All      | yes               |
 | messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                               | number                         | no           | All      | yes               |
 | elevation                        | 高度                                                                                                         | number                         | no           | All      | yes               |
-| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | yes               |
+| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | no                |
 | panResponderDismissDistance      | 下滑弹窗消失距离                                                                                             | number                         | no           | All      | yes               |
-| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | yes               |
+| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | no                |
 | alertViewStyle                   | DropAlert 对象内部的 alertViewStyle 样式                                                                     | ViewStyle                      | no           | All      | yes               |
 | safeViewStyle                    | DropAlert 对象内部的 safeView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
 | textViewStyle                    | DropAlert 对象内部的 textView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
@@ -410,7 +410,7 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | showCancel                       | 是否显示弹窗的 cancel 模块                                                                                   | boolean                        | no           | All      | yes               |
 | onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                     | boolean                        | no           | All      | yes               |
 | panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                            | boolean                        | no           | All      | yes               |
-| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | yes               |
+| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | no                |
 | updateStatusBar                  | 是否更新状态栏                                                                                               | boolean                        | no           | All      | yes               |
 | activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
 | inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
@@ -437,6 +437,10 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 
 ## 其他
 
+- DropdownAlert 组件的 animatedViewStyle 属性不生效，设置之后弹窗变为黑色，与 iOS/Android 一致 [issue#314](https://github.com/testshallpass/react-native-dropdownalert/issues/314)
+- DropdownAlert 组件的 zindex 属性不生效，层级关系并未体现，与 iOS/Android 一致 [issue#315](https://github.com/testshallpass/react-native-dropdownalert/issues/315)
+- DropdownAlert 组件的 translucent 属性不生效，没有显示出状态栏半透明的效果，与 Android 一致 [issue#316](https://github.com/testshallpass/react-native-dropdownalert/issues/316)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-dropdownalert.md b/zh-cn/react-native-dropdownalert.md
index 0ceb6c87..af843659 100644
--- a/zh-cn/react-native-dropdownalert.md
+++ b/zh-cn/react-native-dropdownalert.md
@@ -391,9 +391,9 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | titleNumberOfLines               | 弹窗标题的最大行数，                                                                                         | number                         | no           | All      | yes               |
 | messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                               | number                         | no           | All      | yes               |
 | elevation                        | 高度                                                                                                         | number                         | no           | All      | yes               |
-| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | yes               |
+| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | no                |
 | panResponderDismissDistance      | 下滑弹窗消失距离                                                                                             | number                         | no           | All      | yes               |
-| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | yes               |
+| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | no                |
 | alertViewStyle                   | DropAlert 对象内部的 alertViewStyle 样式                                                                     | ViewStyle                      | no           | All      | yes               |
 | safeViewStyle                    | DropAlert 对象内部的 safeView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
 | textViewStyle                    | DropAlert 对象内部的 textView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
@@ -410,7 +410,7 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | showCancel                       | 是否显示弹窗的 cancel 模块                                                                                   | boolean                        | no           | All      | yes               |
 | onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                     | boolean                        | no           | All      | yes               |
 | panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                            | boolean                        | no           | All      | yes               |
-| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | yes               |
+| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | no                |
 | updateStatusBar                  | 是否更新状态栏                                                                                               | boolean                        | no           | All      | yes               |
 | activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
 | inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
@@ -437,6 +437,10 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 
 ## 其他
 
+- DropdownAlert 组件的 animatedViewStyle 属性不生效，设置之后弹窗变为黑色，与 iOS/Android 一致 [issue#314](https://github.com/testshallpass/react-native-dropdownalert/issues/314)
+- DropdownAlert 组件的 zindex 属性不生效，层级关系并未体现，与 iOS/Android 一致 [issue#315](https://github.com/testshallpass/react-native-dropdownalert/issues/315)
+- DropdownAlert 组件的 translucent 属性不生效，没有显示出状态栏半透明的效果，与 Android 一致 [issue#316](https://github.com/testshallpass/react-native-dropdownalert/issues/316)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE) ，请自由地享受和参与开源。

From 1cc93a05e7103cd09df14cfbba43cac51d67efc3 Mon Sep 17 00:00:00 2001
From: YMXSDLBQ <3205777270@qq.com>
Date: Fri, 25 Oct 2024 01:57:21 +0000
Subject: [PATCH 757/966] =?UTF-8?q?!1764=20docs:=20=E4=BF=AE=E6=94=B9mixpa?=
 =?UTF-8?q?nel-react-native=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20=20[Issue:=20#IAZIB6]=E4=BF=AE=E6=94=B9mixpanel-?=
 =?UTF-8?q?react-native=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20?=
 =?UTF-8?q?=20[Issue:=20#IAZIB6]=E4=BF=AE=E6=94=B9mixpanel-react-native?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/mixpanel-react-native.md    | 1 +
 zh-cn/mixpanel-react-native.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/mixpanel-react-native.md b/en/mixpanel-react-native.md
index c40057b9..d3fbb648 100644
--- a/en/mixpanel-react-native.md
+++ b/en/mixpanel-react-native.md
@@ -40,6 +40,7 @@ yarn add @react-native-oh-tpl/mixpanel-react-native@file:#
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] 代码使用的 token值 需要在[ mixpanel 官网](https://mixpanel.com)上的项目设置中获取，事件发送后需要在[ mixpanel 官网](https://mixpanel.com)的项目分析中查看相应的数据
 
 ```js
 import React from 'react';
diff --git a/zh-cn/mixpanel-react-native.md b/zh-cn/mixpanel-react-native.md
index fff11f78..0412a744 100644
--- a/zh-cn/mixpanel-react-native.md
+++ b/zh-cn/mixpanel-react-native.md
@@ -40,6 +40,7 @@ yarn add @react-native-oh-tpl/mixpanel-react-native@file:#
 下面的代码展示了这个库的基本使用场景：
 
 > [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] 代码使用的 token值 需要在[ mixpanel 官网](https://mixpanel.com)上的项目设置中获取，事件发送后需要在[ mixpanel 官网](https://mixpanel.com)的项目分析中查看相应的数据
 
 ```js
 import React from 'react';

From 82abc3545ff09d9c6737eafb9ac1ec1190debf2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Fri, 25 Oct 2024 03:19:38 +0000
Subject: [PATCH 758/966] =?UTF-8?q?!1755=20docs:=20[Issues:=20#IAZEO2]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-ssl-pinning=E7=9A=84=E4=B8=AD?=
 =?UTF-8?q?=E6=96=87=E6=96=87=E6=A1=A3=E5=92=8C=E8=8B=B1=E6=96=87=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZEO2]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-ssl-pinning=E7=9A=84=E4=B8=AD=E6=96=87?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E5=92=8C=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-ssl-pinning.md    | 21 ++++++++++-----------
 zh-cn/react-native-ssl-pinning.md | 11 +++++------
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/en/react-native-ssl-pinning.md b/en/react-native-ssl-pinning.md
index 9e470369..ee932662 100644
--- a/en/react-native-ssl-pinning.md
+++ b/en/react-native-ssl-pinning.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ssl-pinning)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-ssl-pinning)
 
 ## Installation and Usage
 
@@ -236,7 +236,7 @@ export default SslPingDemo;
 
 ## Use Codegen
 
-If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see Codegen Usage Guide.
+this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -283,7 +283,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code.](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3.Introducing SslPinningPackage Package to ArkTS
 
@@ -323,9 +323,9 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-#### 在 entry 目录下的module.json5中添加权限
+#### Add permissions to the module.json5 file in the entry directory.
 
-打开 `entry/src/main/module.json5`，添加：
+Open entry/src/main/module.json5 and add the following information:
 
 ```diff
 ...
@@ -342,15 +342,14 @@ Check the release version information in the release address of the third-party
 
 > [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                                | Description                                    | Type      | Required | Platform   | HarmonyOS Support                     |
-|-------------------------------------|------------------------------------------------|-----------| -------- |------------|---------------------------------------|
-| removeCookieByName(cookieName)      | remove Cookies by cookieName                   | function  | No       | All        | yes                                   |
-| getCookies(domain)                  | query cookies by domain                        | function  | No       | All        | yes                                   |
-| fetch(hostname, options, callback)  | Initiate a fetch request with the certificate. | function  | No       | All        | 1:目前只支持key-value格式 2：文件格式存在bug，还在解决   |
+| Name                                | Description                                    | Type      | Required | Platform   | HarmonyOS Support |
+|-------------------------------------|------------------------------------------------|-----------| -------- |------------|-------------------|
+| removeCookieByName(cookieName)      | remove Cookies by cookieName                   | function  | No       | All        | yes               |
+| getCookies(domain)                  | query cookies by domain                        | function  | No       | All        | yes               |
+| fetch(hostname, options, callback)  | Initiate a fetch request with the certificate. | function  | No       | All        | yes               |
 
 
 ## Known Issues
-- [ ] fetch interface, file upload is not supported at present. [issue#1](https://github.com/react-native-oh-library/react-native-ssl-pinning/issues/4)
 
 ## Others
 
diff --git a/zh-cn/react-native-ssl-pinning.md b/zh-cn/react-native-ssl-pinning.md
index 93659f87..b735153a 100644
--- a/zh-cn/react-native-ssl-pinning.md
+++ b/zh-cn/react-native-ssl-pinning.md
@@ -357,15 +357,14 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                                | Description                                    | Type      | Required | Platform   | HarmonyOS Support                     |
-|-------------------------------------|------------------------------------------------|-----------| -------- |------------|---------------------------------------|
-| removeCookieByName(cookieName)      | remove Cookies by cookieName                   | function  | No       | All        | yes                                   |
-| getCookies(domain)                  | query cookies by domain                        | function  | No       | All        | yes                                   |
-| fetch(hostname, options, callback)  | Initiate a fetch request with the certificate. | function  | No       | All        | 1:目前只支持key-value格式 2：文件格式存在bug，还在解决   |
+| Name                                | Description                                    | Type      | Required | Platform   | HarmonyOS Support |
+|-------------------------------------|------------------------------------------------|-----------| -------- |------------|-------------------|
+| removeCookieByName(cookieName)      | remove Cookies by cookieName                   | function  | No       | All        | yes               |
+| getCookies(domain)                  | query cookies by domain                        | function  | No       | All        | yes               |
+| fetch(hostname, options, callback)  | Initiate a fetch request with the certificate. | function  | No       | All        | yes               |
 
 
 ## 遗留问题
-- [ ] fetch接口，目前文件上传还不支持 [issue#1](https://github.com/react-native-oh-library/react-native-ssl-pinning/issues/4)
 
 ## 其他
 

From b4c1649720bdcdb5ba48696b96f1d614b1511493 Mon Sep 17 00:00:00 2001
From: wahaha <liangtao50@h-partners.com>
Date: Fri, 25 Oct 2024 06:52:00 +0000
Subject: [PATCH 759/966] =?UTF-8?q?!1774=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-syan-image-picker=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-syan-ima?=
 =?UTF-8?q?ge-picker=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-syan-image-picker.md    | 4 ++--
 zh-cn/react-native-syan-image-picker.md | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/en/react-native-syan-image-picker.md b/en/react-native-syan-image-picker.md
index 067457f6..a5deb84c 100644
--- a/en/react-native-syan-image-picker.md
+++ b/en/react-native-syan-image-picker.md
@@ -186,7 +186,7 @@ import window from '@ohos.window'
 
 const TAG = 'ImageEditAbility';
 
-export default class ImageCropAbility.ets extends UIAbility {
+export default class ImageCropAbility extends UIAbility {
 
   onWindowStageCreate(windowStage: window.WindowStage) {
     this.setWindowOrientation(windowStage, window.Orientation.PORTRAIT)
@@ -232,7 +232,7 @@ export default class ImageCropAbility.ets extends UIAbility {
 ```
 "abilities":[{
         "name": "ImageCropAbility.ets",
-        "srcEntry": "./ets/entryability/ImageCropAbility.ets.ets",
+        "srcEntry": "./ets/entryability/ImageCropAbility.ets",
         "description": "$string:EntryAbility_desc",
         "icon": "$media:icon",
         "startWindowIcon": "$media:startIcon",
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index 3b483d27..20c06e47 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -180,7 +180,7 @@ SyanImagePicker.openVideoPicker(options, (err, videos) => {
 
 ### 2.配置Entry
 
-**(1)在 entry/src/main/ets/entryability 下创建 ImageCropAbility.ets.ets**
+**(1)在 entry/src/main/ets/entryability 下创建 ImageCropAbility.ets**
 
 ```
 import UIAbility from '@ohos.app.ability.UIAbility'
@@ -188,7 +188,7 @@ import window from '@ohos.window'
 
 const TAG = 'ImageEditAbility';
 
-export default class ImageCropAbility.ets extends UIAbility {
+export default class ImageCropAbility extends UIAbility {
 
   onWindowStageCreate(windowStage: window.WindowStage) {
     this.setWindowOrientation(windowStage, window.Orientation.PORTRAIT)
@@ -234,7 +234,7 @@ export default class ImageCropAbility.ets extends UIAbility {
 ```
 "abilities":[{
         "name": "ImageCropAbility.ets",
-        "srcEntry": "./ets/entryability/ImageCropAbility.ets.ets",
+        "srcEntry": "./ets/entryability/ImageCropAbility.ets",
         "description": "$string:EntryAbility_desc",
         "icon": "$media:icon",
         "startWindowIcon": "$media:startIcon",

From b5cc695df8fdb9160300c8c57cc2ae81c3d918cb Mon Sep 17 00:00:00 2001
From: wahaha <liangtao50@h-partners.com>
Date: Fri, 25 Oct 2024 07:20:35 +0000
Subject: [PATCH 760/966] =?UTF-8?q?!1775=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-syan-image-picker=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-syan-ima?=
 =?UTF-8?q?ge-picker=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-syan-image-picker.md    | 4 ++--
 zh-cn/react-native-syan-image-picker.md | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/en/react-native-syan-image-picker.md b/en/react-native-syan-image-picker.md
index a5deb84c..f9c49a20 100644
--- a/en/react-native-syan-image-picker.md
+++ b/en/react-native-syan-image-picker.md
@@ -227,11 +227,11 @@ export default class ImageCropAbility extends UIAbility {
 }
 ```
 
-**(2)egister ImageCropAbility.ets in entry/src/main/module.json5.**
+**(2)Register ImageCropAbility.ets in entry/src/main/module.json5.**
 
 ```
 "abilities":[{
-        "name": "ImageCropAbility.ets",
+        "name": "ImageCropAbility",
         "srcEntry": "./ets/entryability/ImageCropAbility.ets",
         "description": "$string:EntryAbility_desc",
         "icon": "$media:icon",
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index 20c06e47..cc670972 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -233,7 +233,7 @@ export default class ImageCropAbility extends UIAbility {
 
 ```
 "abilities":[{
-        "name": "ImageCropAbility.ets",
+        "name": "ImageCropAbility",
         "srcEntry": "./ets/entryability/ImageCropAbility.ets",
         "description": "$string:EntryAbility_desc",
         "icon": "$media:icon",

From 08bdf9f4e536716a75ca7309a32d60874d903658 Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Fri, 25 Oct 2024 08:27:39 +0000
Subject: [PATCH 761/966] =?UTF-8?q?!1773=20docs:=20[Issues:#IAZMQ6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-copilot=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IAZMQ6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-copilot=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-copilot.md    | 49 ++++++++++++++----
 zh-cn/react-native-copilot.md | 93 ++++++++++++++++++++++++++---------
 2 files changed, 109 insertions(+), 33 deletions(-)

diff --git a/en/react-native-copilot.md b/en/react-native-copilot.md
index 82dc3a83..d3d30c6b 100644
--- a/en/react-native-copilot.md
+++ b/en/react-native-copilot.md
@@ -226,7 +226,8 @@ If it is not included, follow the guide provided in [@react-native-oh-tpl/react-
 
 This document is verified based on the following versions:
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
@@ -236,19 +237,47 @@ For details, see [react-native-copilot](https://github.com/mohebifar/react-nativ
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name            | Description                       | Type     | Required | Platform    | HarmonyOS Support |
-| --------------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
-| CopilotProps    | Prompt Style Properties           | type     | no       | Android/iOS | yes               |
-| TooltipProps    | Prompt Tool Properties            | type     | no       | Android/iOS | yes               |
-| CopilotProvider | Custom Tooltip Styles             | function | no       | Android/iOS | yes               |
-| CopilotStep     | Customizing Component Step Styles | function | no       | Android/iOS | yes               |
-| DefaultUI       | Default UI Attributes             | object   | no       | Android/iOS | yes               |
-| useCopilot      | Use Prompt Style                  | function | no       | Android/iOS | yes               |
-| walkthroughable | Wrappable Components              | function | no       | Android/iOS | yes               |
+| Name            | Description                       | Type         | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------- | ------------ | -------- | ----------- | ----------------- |
+| CopilotProps    | Prompt Style Properties           | CopilotProps | no       | Android/iOS | partially         |
+| TooltipProps    | Prompt Tool Properties            | TooltipProps | no       | Android/iOS | yes               |
+| CopilotProvider | Custom Tooltip Styles             | function     | no       | Android/iOS | yes               |
+| CopilotStep     | Customizing Component Step Styles | function     | no       | Android/iOS | yes               |
+| DefaultUI       | Default UI Attributes             | object       | no       | Android/iOS | yes               |
+| useCopilot      | Use Prompt Style                  | function     | no       | Android/iOS | yes               |
+| walkthroughable | Wrappable Components              | function     | no       | Android/iOS | yes               |
+
+### CopilotProps
+
+| Name                    | Description                   | Type                                                                    | Required | Platform    | HarmonyOS Support |
+| ----------------------- | ----------------------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| easing                  | The animation display will be smoother            | ((value: number) => number) \| undefined                                | no       | Android/iOS | yes               |
+| overlay                 | Use SVG or View to execute animations | "svg" \| "view"                                                         | no       | Android/iOS | yes               |
+| animationDuration       | Animation execution time                  | number                                                                  | no       | Android/iOS | yes               |
+| tooltipComponent        | 可自定义 tooltip 组件         | React.ComponentType\<TooltipProps\>                                     | no       | Android/iOS | yes               |
+| tooltipStyle            | Customizable tooltip components                | ViewStyle                                                               | no       | Android/iOS | yes               |
+| stepNumberComponent     | Customizable step component            | React.ComponentType\<any\>                                              | no       | Android/iOS | yes               |
+| animated                | Do you want to enable animation                  | boolean                                                                 | no       | Android/iOS | yes               |
+| labels                  | Text of step button                | Partial\<Record\<"skip" \| "previous" \| "next" \| "finish", string\>\> | no       | Android/iOS | yes               |
+| androidStatusBarVisible | Show or hide the StatusBar          | boolean                                                                 | no       | Android     | no                |
+| svgMaskPath             | Custom Modal Box                  | Function                                                                | no       | Android/iOS | yes               |
+| verticalOffset          | The offset of the modal box distance element        | number                                                                  | no       | Android/iOS | yes               |
+| arrowColor              | The color of the arrow                    | string                                                                  | no       | Android/iOS | yes               |
+| arrowSize               | The position of the arrow                    | number                                                                  | no       | Android/iOS | yes               |
+| margin                  | The distance between two modal boxes            | number                                                                  | no       | Android/iOS | yes               |
+| stopOnOutsideClick      | Call stop when clicking on the mask           | boolean                                                                 | no       | Android/iOS | yes               |
+| backdropColor           | The color of the external background                    | string                                                                  | no       | Android/iOS | yes               |
+
+### TooltipProps
+
+| Name         | Description    | Type                                                                    | Required | Platform    | HarmonyOS Support |
+| ------------ | -------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| TooltipProps | Text of step button | Partial\<Record\<"skip" \| "previous" \| "next" \| "finish", string\>\> | no       | Android/iOS | yes               |
 
 ## Known Issues
 
 ## Others
+- The androidStatusBarVisible property is invalid on HarmonyOS. This property is used to calculate the position of the modal box even after hiding the Status Bar on Android. However, when HarmonyOS hides the Status Bar, its height is 0, so this property is invalid on HarmonyOS.
 
 ## License
 
diff --git a/zh-cn/react-native-copilot.md b/zh-cn/react-native-copilot.md
index 742e38f8..5193327d 100644
--- a/zh-cn/react-native-copilot.md
+++ b/zh-cn/react-native-copilot.md
@@ -13,11 +13,12 @@
     </a>
 </p>
 
-
 > [!TIP] [Github 地址](https://github.com/mohebifar/react-native-copilot)
 
 ## 安装与使用
+
 <!-- tabs:start -->
+
 进入到工程目录并输入以下命令：
 
 #### **npm**
@@ -93,7 +94,7 @@ function App() {
           name="secondText"
         >
           <WalkthroughableImage
-            source={require('../assets/react-native-copilot-man.jpeg')}
+            source={require("../assets/react-native-copilot-man.jpeg")}
             style={styles.profilePhoto}
           />
         </CopilotStep>
@@ -120,14 +121,28 @@ function App() {
           order={3}
           name="thirdText"
         >
-          <WalkthroughableText >
-            <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-nickname.png')} /></View>
+          <WalkthroughableText>
+            <View style={styles.imageView}>
+              <Image
+                source={require("../assets/react-native-copilot-nickname.png")}
+              />
+            </View>
           </WalkthroughableText>
         </CopilotStep>
-        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-earphone.png')} /></View>
-        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-glass.png')} /></View>
-        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-scan.png')} /></View>
-        <View style={styles.imageView}><Image source={require('../assets/react-native-copilot-todo.png')} /></View>
+        <View style={styles.imageView}>
+          <Image
+            source={require("../assets/react-native-copilot-earphone.png")}
+          />
+        </View>
+        <View style={styles.imageView}>
+          <Image source={require("../assets/react-native-copilot-glass.png")} />
+        </View>
+        <View style={styles.imageView}>
+          <Image source={require("../assets/react-native-copilot-scan.png")} />
+        </View>
+        <View style={styles.imageView}>
+          <Image source={require("../assets/react-native-copilot-todo.png")} />
+        </View>
       </View>
     </SafeAreaView>
   );
@@ -145,8 +160,8 @@ const styles = StyleSheet.create({
   imageView: {
     width: 50,
     height: 50,
-    justifyContent: 'space-evenly',
-    alignItems: 'center'
+    justifyContent: "space-evenly",
+    alignItems: "center",
   },
   container: {
     flex: 1,
@@ -179,7 +194,7 @@ const styles = StyleSheet.create({
   },
   row: {
     flexDirection: "row",
-    alignItems: 'center',
+    alignItems: "center",
     justifyContent: "space-between",
   },
   tabItem: {
@@ -198,9 +213,10 @@ const styles = StyleSheet.create({
   },
 });
 ```
+
 ## Link
 
-本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库在 HarmonyOS NEXT 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS NEXT 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
 如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
 
@@ -210,29 +226,60 @@ const styles = StyleSheet.create({
 
 本文档内容基于以下版本验证通过：
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
+
 详细请查看 [react-native-copilot](https://github.com/mohebifar/react-native-copilot/blob/master/README.md) 的文档介绍
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name            | Description                       | Type     | Required | Platform    | HarmonyOS Support |
-| --------------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
-| CopilotProps    | Prompt Style Properties           | type     | no       | Android/iOS | yes               |
-| TooltipProps    | Prompt Tool Properties            | type     | no       | Android/iOS | yes               |
-| CopilotProvider | Custom Tooltip Styles             | function | no       | Android/iOS | yes               |
-| CopilotStep     | Customizing Component Step Styles | function | no       | Android/iOS | yes               |
-| DefaultUI       | Default UI Attributes             | object   | no       | Android/iOS | yes               |
-| useCopilot      | Use Prompt Style                  | function | no       | Android/iOS | yes               |
-| walkthroughable | Wrappable Components              | function | no       | Android/iOS | yes               |
+| Name            | Description                       | Type         | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------- | ------------ | -------- | ----------- | ----------------- |
+| CopilotProps    | Prompt Style Properties           | CopilotProps | no       | Android/iOS | partially         |
+| TooltipProps    | Prompt Tool Properties            | TooltipProps | no       | Android/iOS | yes               |
+| CopilotProvider | Custom Tooltip Styles             | function     | no       | Android/iOS | yes               |
+| CopilotStep     | Customizing Component Step Styles | function     | no       | Android/iOS | yes               |
+| DefaultUI       | Default UI Attributes             | object       | no       | Android/iOS | yes               |
+| useCopilot      | Use Prompt Style                  | function     | no       | Android/iOS | yes               |
+| walkthroughable | Wrappable Components              | function     | no       | Android/iOS | yes               |
+
+### CopilotProps
+
+| Name                    | Description                   | Type                                                                    | Required | Platform    | HarmonyOS Support |
+| ----------------------- | ----------------------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| easing                  | 动画显示会缓和一点            | ((value: number) => number) \| undefined                                | no       | Android/iOS | yes               |
+| overlay                 | 使用 svg 或者 view 来执行动画 | "svg" \| "view"                                                         | no       | Android/iOS | yes               |
+| animationDuration       | 动画执行时间                  | number                                                                  | no       | Android/iOS | yes               |
+| tooltipComponent        | 可自定义 tooltip 组件         | React.ComponentType\<TooltipProps\>                                     | no       | Android/iOS | yes               |
+| tooltipStyle            | tooltip 的样式                | ViewStyle                                                               | no       | Android/iOS | yes               |
+| stepNumberComponent     | 可自定义 step 组件            | React.ComponentType\<any\>                                              | no       | Android/iOS | yes               |
+| animated                | 是否启用动画                  | boolean                                                                 | no       | Android/iOS | yes               |
+| labels                  | 步骤按钮的文本                | Partial\<Record\<"skip" \| "previous" \| "next" \| "finish", string\>\> | no       | Android/iOS | yes               |
+| androidStatusBarVisible | 显示或隐藏 StatusBar          | boolean                                                                 | no       | Android     | no                |
+| svgMaskPath             | 自定义模态框                  | Function                                                                | no       | Android/iOS | yes               |
+| verticalOffset          | 模态框距离元素的偏移量        | number                                                                  | no       | Android/iOS | yes               |
+| arrowColor              | 箭头的颜色                    | string                                                                  | no       | Android/iOS | yes               |
+| arrowSize               | 箭头的位置                    | number                                                                  | no       | Android/iOS | yes               |
+| margin                  | 2 个模态框间的距离            | number                                                                  | no       | Android/iOS | yes               |
+| stopOnOutsideClick      | 点击蒙版时调用 stop           | boolean                                                                 | no       | Android/iOS | yes               |
+| backdropColor           | 背景的颜色                    | string                                                                  | no       | Android/iOS | yes               |
+
+### TooltipProps
+
+| Name         | Description    | Type                                                                    | Required | Platform    | HarmonyOS Support |
+| ------------ | -------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| TooltipProps | 步骤按钮的文本 | Partial\<Record\<"skip" \| "previous" \| "next" \| "finish", string\>\> | no       | Android/iOS | yes               |
 
 ## 遗留问题
 
 ## 其他
 
+- androidStatusBarVisible 属性在 harmonyOS 上无效，该属性是在 Android 上隐藏 StatusBar 后，StatusBar还是有高度，用来计算模态框的位置，但是 harmonyOS 隐藏 StatusBar 后，StatusBar 的高度为 0，所以该属性在 harmonyOS 上无效。
+
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/mohebifar/react-native-copilot/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/mohebifar/react-native-copilot/blob/master/LICENSE) ，请自由地享受和参与开源。

From ae8d267b5a01e8db0a7264699f8134e988b1969c Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Fri, 25 Oct 2024 08:28:51 +0000
Subject: [PATCH 762/966] =?UTF-8?q?!1765=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-countdown-circle-timer=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZIQX]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-countdown-circle-timer=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZIQX]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-countdown-circle-timer=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-countdown-circle-timer.md    |  2 +
 zh-cn/react-countdown-circle-timer.md | 92 ++++++++++++++-------------
 2 files changed, 50 insertions(+), 44 deletions(-)

diff --git a/en/react-countdown-circle-timer.md b/en/react-countdown-circle-timer.md
index 89c715f4..a4cffbc9 100644
--- a/en/react-countdown-circle-timer.md
+++ b/en/react-countdown-circle-timer.md
@@ -94,6 +94,7 @@ If it is not included, follow the guide provided in [@react-native-oh-tpl/react-
 This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
 
@@ -103,6 +104,7 @@ This document is verified based on the following versions:
 
 |          Name           |                                                                                         Description                                                                                         |              Type               | Required |  Platform   | HarmonyOS Support |
 | :---------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------: | :------: | :---------: | :---------------: |
+|        duration         |                                                                                Countdown duration in seconds                                                                                |             number              |   Yes    | Android/iOS |        Yes        |
 |         colors          |                      colors prop is either:(Single valid color in any format or URL to a gradient;Array of colors in HEX format. At least 2 colors should be provided)                      |       `string & string[]`       |    No    | Android/iOS |        Yes        |
 |       colorsTime        | Indicates the time when a color should switch to the next color. The first number is the countdown duration and the last one is 0 or goal. Works only when colors is an array of HEX colors |            number[]             |    No    | Android/iOS |        Yes        |
 |        isPlaying        |                                                                                   Play or pause animation                                                                                   |             boolean             |    No    | Android/iOS |        Yes        |
diff --git a/zh-cn/react-countdown-circle-timer.md b/zh-cn/react-countdown-circle-timer.md
index 326bd8f1..b8fe145a 100644
--- a/zh-cn/react-countdown-circle-timer.md
+++ b/zh-cn/react-countdown-circle-timer.md
@@ -1,4 +1,3 @@
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -13,7 +12,6 @@
     </a>
 </p>
 
-
 > [!TIP] [Github 地址](https://github.com/vydimitrov/react-countdown-circle-timer)
 
 ## 安装与使用
@@ -39,17 +37,16 @@ yarn add react-native-countdown-circle-timer@3.2.1
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React, { useState } from 'react'
-import { View, StyleSheet, Button, Text, ScrollView } from 'react-native';
-import { CountdownCircleTimer } from 'react-native-countdown-circle-timer'
+import React, { useState } from "react";
+import { View, StyleSheet, Button, Text, ScrollView } from "react-native";
+import { CountdownCircleTimer } from "react-native-countdown-circle-timer";
 
+export function SwitchDemo() {
+  const [isPlaying, setIsPlaying] = useState(true);
+  const [count, setCount] = useState(15);
 
-export function SwitchDemo(){
-  const [isPlaying, setIsPlaying] = useState(true)
-  const [count, setCount] = useState(15)
-  
-  return(
-    <View  style={styles.container}>
+  return (
+    <View style={styles.container}>
       <CountdownCircleTimer
         isPlaying={isPlaying}
         duration={count}
@@ -57,27 +54,33 @@ export function SwitchDemo(){
         isSmoothColorTransition={false}
         colors="#aabbcc"
         onUpdate={(remainingTime) => {
-          console.log('Counter is ', count)
-          console.log('Remaining time is ', remainingTime)
+          console.log("Counter is ", count);
+          console.log("Remaining time is ", remainingTime);
         }}
         onComplete={() => ({ shouldRepeat: true })}
       >
         {({ remainingTime }) => remainingTime}
       </CountdownCircleTimer>
-      <Button onPress={() => setIsPlaying((prev) => !prev)} title={'Toggle Playing'}></Button>
-      <Button onPress={() => setCount((prev) => (prev += 5))} title={'Count'}></Button>
+      <Button
+        onPress={() => setIsPlaying((prev) => !prev)}
+        title={"Toggle Playing"}
+      ></Button>
+      <Button
+        onPress={() => setCount((prev) => (prev += 5))}
+        title={"Count"}
+      ></Button>
     </View>
-    )
-  }
-  const styles = StyleSheet.create({
-    container: {
-      alignItems: "center",
-      justifyContent: "center",
-      backgroundColor:"#fff",
-      
-    }
-  });
+  );
+}
+const styles = StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#fff",
+  },
+});
 ```
+
 ## Link
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
@@ -91,6 +94,7 @@ export function SwitchDemo(){
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -98,25 +102,25 @@ export function SwitchDemo(){
 
 > [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-|        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
-| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
-|     colors      |     colors prop is either:(Single valid color in any format or URL to a gradient;Array of colors in HEX format. At least 2 colors should be provided)    | `string & string[]` |    No    | Android/iOS |        Yes        |
-|       colorsTime        |          Indicates the time when a color should switch to the next color. The first number is the countdown duration and the last one is 0 or goal. Works only when colors is an array of HEX colors         |       	number[]       |    No    | Android/iOS |        Yes        |
-|      isPlaying       | 	Play or pause animation |   boolean  |    No    | Android/iOS |        Yes        |
-|     initialRemainingTime      |        Set the initial remaining time if it is different than the duration    |      number      |    No    | Android/iOS |        Yes        |
-|     updateInterval      | 	Update interval in seconds. Determines how often the timer updates. When set to 0 the value will update on each key frame |      number      |    No    | Android/iOS |        Yes        |
-|      size      | 	Width and height of the SVG element |   number   |    No    | Android/iOS |        Yes        |
-|      strokeWidth       | 	Path stroke width |  number   |    No    | Android/iOS |        Yes        |
-|      trailStrokeWidth       | Trail stroke width |      number       |    No    | Android/iOS |        Yes        |
-|    strokeLinecap     | Path stroke line cap |      `round 、 square 、 butt`       |    No    | Android/iOS |        Yes        |
-|       rotation        | 	Progress path rotation direction|  `clockwise 、 counterclockwise`  |    No    | Android/iOS |        Yes        |
-|     isGrowing     | Indicated if the progress path should be growing instead of shrinking |      boolean       |    No    | Android/iOS |        Yes        |
-|     trailColor     | 	Circle trail color - takes any valid color format|      string       |    No    | Android/iOS |        Yes        |
-|     isSmoothColorTransition      |Indicates if the colors should smoothly transition to the next color |       boolean       |    No    | Android/iOS |        Yes        |
-|    children     | 	Render function to customize the time/content in the center of the circle    |    function  |  No  |         Android/iOS     |Yes
-| onComplete | 	On animation complete event handler |       function    |    No    | Android/iOS |        Yes        |
-|        onUpdate        |        On remaining time update event handler           |       function     |   No    | Android/iOS |        Yes        |
-
+|          Name           |                                                                                         Description                                                                                         |              Type               | Required |  Platform   | HarmonyOS Support |
+| :---------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------: | :------: | :---------: | :---------------: |
+|        duration         |                                                                                Countdown duration in seconds                                                                                |             number              |   Yes    | Android/iOS |        Yes        |
+|         colors          |                      colors prop is either:(Single valid color in any format or URL to a gradient;Array of colors in HEX format. At least 2 colors should be provided)                      |       `string & string[]`       |    No    | Android/iOS |        Yes        |
+|       colorsTime        | Indicates the time when a color should switch to the next color. The first number is the countdown duration and the last one is 0 or goal. Works only when colors is an array of HEX colors |            number[]             |    No    | Android/iOS |        Yes        |
+|        isPlaying        |                                                                                   Play or pause animation                                                                                   |             boolean             |    No    | Android/iOS |        Yes        |
+|  initialRemainingTime   |                                                             Set the initial remaining time if it is different than the duration                                                             |             number              |    No    | Android/iOS |        Yes        |
+|     updateInterval      |                                  Update interval in seconds. Determines how often the timer updates. When set to 0 the value will update on each key frame                                  |             number              |    No    | Android/iOS |        Yes        |
+|          size           |                                                                             Width and height of the SVG element                                                                             |             number              |    No    | Android/iOS |        Yes        |
+|       strokeWidth       |                                                                                      Path stroke width                                                                                      |             number              |    No    | Android/iOS |        Yes        |
+|    trailStrokeWidth     |                                                                                     Trail stroke width                                                                                      |             number              |    No    | Android/iOS |        Yes        |
+|      strokeLinecap      |                                                                                    Path stroke line cap                                                                                     |    `round 、 square 、 butt`    |    No    | Android/iOS |        Yes        |
+|        rotation         |                                                                              Progress path rotation direction                                                                               | `clockwise 、 counterclockwise` |    No    | Android/iOS |        Yes        |
+|        isGrowing        |                                                            Indicated if the progress path should be growing instead of shrinking                                                            |             boolean             |    No    | Android/iOS |        Yes        |
+|       trailColor        |                                                                      Circle trail color - takes any valid color format                                                                      |             string              |    No    | Android/iOS |        Yes        |
+| isSmoothColorTransition |                                                            Indicates if the colors should smoothly transition to the next color                                                             |             boolean             |    No    | Android/iOS |        Yes        |
+|        children         |                                                          Render function to customize the time/content in the center of the circle                                                          |            function             |    No    | Android/iOS |        Yes        |
+|       onComplete        |                                                                             On animation complete event handler                                                                             |            function             |    No    | Android/iOS |        Yes        |
+|        onUpdate         |                                                                           On remaining time update event handler                                                                            |            function             |    No    | Android/iOS |        Yes        |
 
 ## 遗留问题
 

From 268b5b133f3f6aa924e688f05dd554e88c03a852 Mon Sep 17 00:00:00 2001
From: "pan.lichen" <pan.lichen@qq.com>
Date: Fri, 25 Oct 2024 08:45:42 +0000
Subject: [PATCH 763/966] =?UTF-8?q?!1778=20docs:=20[Issues:=20#IAZSW6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-dropdownalert=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZSW6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-dropdownalert=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-dropdownalert.md    | 5 +++--
 zh-cn/react-native-dropdownalert.md | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
index af843659..c319b12a 100644
--- a/en/react-native-dropdownalert.md
+++ b/en/react-native-dropdownalert.md
@@ -390,7 +390,7 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                     | number                         | no           | All      | yes               |
 | titleNumberOfLines               | 弹窗标题的最大行数，                                                                                         | number                         | no           | All      | yes               |
 | messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                               | number                         | no           | All      | yes               |
-| elevation                        | 高度                                                                                                         | number                         | no           | All      | yes               |
+| elevation                        | 高度                                                                                                         | number                         | no           | All      | no                |
 | zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | no                |
 | panResponderDismissDistance      | 下滑弹窗消失距离                                                                                             | number                         | no           | All      | yes               |
 | animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | no                |
@@ -406,7 +406,7 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                              | function                       | no           | All      | yes               |
 | onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                 | function                       | no           | All      | yes               |
 | onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                            | function                       | no           | All      | yes               |
-| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | yes               |
+| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | no                |
 | showCancel                       | 是否显示弹窗的 cancel 模块                                                                                   | boolean                        | no           | All      | yes               |
 | onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                     | boolean                        | no           | All      | yes               |
 | panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                            | boolean                        | no           | All      | yes               |
@@ -440,6 +440,7 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 - DropdownAlert 组件的 animatedViewStyle 属性不生效，设置之后弹窗变为黑色，与 iOS/Android 一致 [issue#314](https://github.com/testshallpass/react-native-dropdownalert/issues/314)
 - DropdownAlert 组件的 zindex 属性不生效，层级关系并未体现，与 iOS/Android 一致 [issue#315](https://github.com/testshallpass/react-native-dropdownalert/issues/315)
 - DropdownAlert 组件的 translucent 属性不生效，没有显示出状态栏半透明的效果，与 Android 一致 [issue#316](https://github.com/testshallpass/react-native-dropdownalert/issues/316)
+- DropdownAlert 组件绑定的 onDismissProgrammatic 函数无法触发，与 iOS/Android 一致 [issue#317](https://github.com/testshallpass/react-native-dropdownalert/issues/317)
 
 ## 开源协议
 
diff --git a/zh-cn/react-native-dropdownalert.md b/zh-cn/react-native-dropdownalert.md
index af843659..c319b12a 100644
--- a/zh-cn/react-native-dropdownalert.md
+++ b/zh-cn/react-native-dropdownalert.md
@@ -390,7 +390,7 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                     | number                         | no           | All      | yes               |
 | titleNumberOfLines               | 弹窗标题的最大行数，                                                                                         | number                         | no           | All      | yes               |
 | messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                               | number                         | no           | All      | yes               |
-| elevation                        | 高度                                                                                                         | number                         | no           | All      | yes               |
+| elevation                        | 高度                                                                                                         | number                         | no           | All      | no                |
 | zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | no                |
 | panResponderDismissDistance      | 下滑弹窗消失距离                                                                                             | number                         | no           | All      | yes               |
 | animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | no                |
@@ -406,7 +406,7 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                              | function                       | no           | All      | yes               |
 | onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                 | function                       | no           | All      | yes               |
 | onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                            | function                       | no           | All      | yes               |
-| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | yes               |
+| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | no                |
 | showCancel                       | 是否显示弹窗的 cancel 模块                                                                                   | boolean                        | no           | All      | yes               |
 | onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                     | boolean                        | no           | All      | yes               |
 | panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                            | boolean                        | no           | All      | yes               |
@@ -440,6 +440,7 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 - DropdownAlert 组件的 animatedViewStyle 属性不生效，设置之后弹窗变为黑色，与 iOS/Android 一致 [issue#314](https://github.com/testshallpass/react-native-dropdownalert/issues/314)
 - DropdownAlert 组件的 zindex 属性不生效，层级关系并未体现，与 iOS/Android 一致 [issue#315](https://github.com/testshallpass/react-native-dropdownalert/issues/315)
 - DropdownAlert 组件的 translucent 属性不生效，没有显示出状态栏半透明的效果，与 Android 一致 [issue#316](https://github.com/testshallpass/react-native-dropdownalert/issues/316)
+- DropdownAlert 组件绑定的 onDismissProgrammatic 函数无法触发，与 iOS/Android 一致 [issue#317](https://github.com/testshallpass/react-native-dropdownalert/issues/317)
 
 ## 开源协议
 

From c7563e44f34393e312095b9ba15264015ace53a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=B1=AA=E6=9D=B0?= <psyche988@163.com>
Date: Fri, 25 Oct 2024 09:30:13 +0000
Subject: [PATCH 764/966] =?UTF-8?q?!1776=20docs:=20[Issues:=20#IAZRQD]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-theme-control=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZRQD]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-theme-control=E7=9A=84?=
 =?UTF-8?q?=E4=B8=AD=E6=96=87=E6=96=87=E6=A1=A3=E5=92=8C=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-theme-control.md    | 43 +++++++++++++++++++----------
 zh-cn/react-native-theme-control.md | 39 ++++++++++++++++++--------
 2 files changed, 56 insertions(+), 26 deletions(-)

diff --git a/en/react-native-theme-control.md b/en/react-native-theme-control.md
index 4341f3ac..5edfa892 100644
--- a/en/react-native-theme-control.md
+++ b/en/react-native-theme-control.md
@@ -44,7 +44,6 @@ The following code shows the basic use scenario of the repository:
 
 ```js
 import * as React from 'react';
-
 import { Text, useColorScheme, View } from 'react-native';
 import {
     setThemePreference,
@@ -63,11 +62,8 @@ export function SimpleScreen() {
     const textColor = isDarkMode ? 'white' : 'black';
     const barsBackground = isDarkMode ? '#9900F0' : '#A0BCC2';
     const dividerColor = textColor;
-
     const textColorStyle = { color: textColor };
-
     const values: Array<ThemePreference> = ['light', 'dark', 'system'];
-
     return (
         <View
     style={{
@@ -167,7 +163,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.在 entry/src/main/ets/abilityStage 新建 MyAbilityStage.ets
+### 4. Add the `MyAbilityStage.ets` in `entry/src/main/ets/abilityStage` 
 
 Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the following code:
 
@@ -194,7 +190,7 @@ export default class MyAbilityStage extends AbilityStage {
 }
 ```
 
-### 5.在 entry/src/main/ets/entryability/EntryAbility.ets 配置生命周期调用
+### 5. Open the `entry/src/main/ets/entryability/EntryAbility.ets` file and add the following code:
 
 Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the following code:
 
@@ -202,7 +198,7 @@ Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the f
 + import {RNAbility} from 'rnoh';
 + import Want from '@ohos.app.ability.Want';
 + import { RNThemeControlModule } from '@react-native-oh-tpl/react-native-theme-control';
-
+    .....
 +  export default class EntryAbility extends RNAbility {
 +    onCreate(want: Want): void {
 +    super.onCreate(want);
@@ -213,6 +209,22 @@ Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the f
   }
 }
 ```
+Open the `entry/src/main/module.json5` file and add the following code：
+```diff
+"module": {
+    "name": "entry",
++   "srcEntry": "./ets/abilityStage/MyAbilityStage.ets",
+    "type": "entry",
+    .....
+    
+"abilities": [
+  {
+    "name": "EntryAbility",
+     .....
+     "visible": true,
++    "recoverable": true,
+     .....
+```
 
 ### 6. Running
 
@@ -241,13 +253,16 @@ Check the release version information in the release address of the third-party
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                    | Description                         | Type     | Required | Platform    | HarmonyOS Support |
-| ----------------------- | ----------------------------------- | -------- | -------- | ----------- | ----------------- |
-| getThemePreference      | Get Theme Preferences               | function | No       | IOS/Android | yes               |
-| setNavbarAppearance     | Set Navigation Bar Appearance       | function | No       | IOS/Android | yes               |
-| setAppBackground        | Set the background color of the app | function | No       | IOS/Android | yes               |
-| setTheme                | Set Theme                           | function | No       | IOS/Android | yes               |
-| recoverApplicationTheme | Restoring Theme Storage             | function | No       | IOS/Android | yes               |
+| Name                | Description                                                                                                                                                | Type       | Required | Platform     | HarmonyOS Support |
+|---------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------|------------|----------|--------------|-------------------|
+| SystemBars          | Setting the System Status Bar                                                                                                                              | Components | No       | IOS/Android  | Yes               |
+| NavigationBar       | Setting the Navigation Bar                                                                                                                                 | Components | No       | Android      | No                |
+| AppBackground       | Sets the background color of the UIApplication window (iOS) or the current Activity (Android).                                                             | Components | No       | IOS/Android  | Yes               |
+| setNavbarAppearance | Set the appearance of the navigation bar imperatively                                                                                                      | Function   | No       | IOS/Android  | Yes               |
+| setAppBackground    | Set background color                                                                                                                                       | Function   | No       | IOS/Android  | Yes               |
+| setThemePreference  | Set the theme                                                                                                                                              | Function   | No       | IOS/Android  | Yes               |
+| getThemePreference  | Get Subject                                                                                                                                                | Function   | No       | IOS/Android  | Yes               |
+| useThemePreference  | A React hook that returns the current theme preference, which might be dark, light (if you have set the theme before by calling setAppearance) or system.  | Function   | No       | IOS/Android  | Yes               |
 
 ## Known Issues
 
diff --git a/zh-cn/react-native-theme-control.md b/zh-cn/react-native-theme-control.md
index 6e9a0495..4345fb9b 100644
--- a/zh-cn/react-native-theme-control.md
+++ b/zh-cn/react-native-theme-control.md
@@ -46,7 +46,6 @@ yarn add @react-native-oh-tpl/react-native-theme-control@file:#
 
 ```js   
 import * as React from 'react';
-
 import { Text, useColorScheme, View } from 'react-native';
 import {
     setThemePreference,
@@ -65,11 +64,8 @@ export function SimpleScreen() {
     const textColor = isDarkMode ? 'white' : 'black';
     const barsBackground = isDarkMode ? '#9900F0' : '#A0BCC2';
     const dividerColor = textColor;
-
     const textColorStyle = { color: textColor };
-
     const values: Array<ThemePreference> = ['light', 'dark', 'system'];
-
     return (
         <View
     style={{
@@ -200,7 +196,7 @@ export default class MyAbilityStage extends AbilityStage {
 ```
 ### 5.在 entry/src/main/ets/entryability/EntryAbility.ets  配置生命周期调用 
 
-打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
+打开 `entry/src/main/ets/entryability/EntryAbility.ets`，添加：
 ```diff
 + import {RNAbility} from 'rnoh';
 + import Want from '@ohos.app.ability.Want';
@@ -216,6 +212,22 @@ export default class MyAbilityStage extends AbilityStage {
   }
 }
 ```
+打开 `entry/src/main/module.json5`，添加：
+```diff
+"module": {
+    "name": "entry",
++   "srcEntry": "./ets/abilityStage/MyAbilityStage.ets",
+    "type": "entry",
+    .....
+    
+"abilities": [
+  {
+    "name": "EntryAbility",
+     .....
+     "visible": true,
++    "recoverable": true,
+     .....
+```
 
 ### 6.运行
 
@@ -248,13 +260,16 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                    | Description                         | Type      | Required | Platform     | HarmonyOS Support |
-|-------------------------|-------------------------------------|-----------|----------|--------------|-------------------|
-| getThemePreference      | Get Theme Preferences               | function  | No       | IOS/Android  | yes               |
-| setNavbarAppearance     | Set Navigation Bar Appearance       | function  | No       | IOS/Android  | yes               |
-| setAppBackground        | Set the background color of the app | function  | No       | IOS/Android  | yes               |
-| setTheme                | Set Theme                           | function  | No       | IOS/Android  | yes               |
-| recoverApplicationTheme | Restoring Theme Storage             | function  | No       | IOS/Android  | yes               |
+| Name                | Description                                                                                                                                                | Type       | Required | Platform     | HarmonyOS Support |
+|---------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------|------------|----------|--------------|-------------------|
+| SystemBars          | Setting the System Status Bar                                                                                                                              | Components | No       | IOS/Android  | Yes               |
+| NavigationBar       | Setting the Navigation Bar                                                                                                                                 | Components | No       | Android      | No                |
+| AppBackground       | Sets the background color of the UIApplication window (iOS) or the current Activity (Android).                                                             | Components | No       | IOS/Android  | Yes               |
+| setNavbarAppearance | Set the appearance of the navigation bar imperatively                                                                                                      | Function   | No       | IOS/Android  | Yes               |
+| setAppBackground    | Set background color                                                                                                                                       | Function   | No       | IOS/Android  | Yes               |
+| setThemePreference  | Set the theme                                                                                                                                              | Function   | No       | IOS/Android  | Yes               |
+| getThemePreference  | Get Subject                                                                                                                                                | Function   | No       | IOS/Android  | Yes               |
+| useThemePreference  | A React hook that returns the current theme preference, which might be dark, light (if you have set the theme before by calling setAppearance) or system.  | Function   | No       | IOS/Android  | Yes               |
 
 ## 遗留问题
 

From d33155ac7340eb069bdac366469e10288e41263b Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Sat, 26 Oct 2024 07:14:12 +0000
Subject: [PATCH 765/966] =?UTF-8?q?!1772=20docs:=20[#IAZL2N]=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Ereact-native-shared-element=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IAZL2N]=20=E6=96=B0=E5=A2=9Ereact-nat?=
 =?UTF-8?q?ive-shared-element=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-shared-element.md    | 413 ++++++++++++++++++++++++++
 zh-cn/react-native-shared-element.md | 417 +++++++++++++++++++++++++++
 2 files changed, 830 insertions(+)
 create mode 100644 en/react-native-shared-element.md
 create mode 100644 zh-cn/react-native-shared-element.md

diff --git a/en/react-native-shared-element.md b/en/react-native-shared-element.md
new file mode 100644
index 00000000..1d03074f
--- /dev/null
+++ b/en/react-native-shared-element.md
@@ -0,0 +1,413 @@
+> Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-shared-element</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/IjzerenHein/react-native-shared-element">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/IjzerenHein/react-native-shared-element/blob/main/LICENSE.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-shared-element)
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-shared-element Releases](https://github.com/react-native-oh-library/react-native-shared-element/releases).
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-shared-element@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-shared-element@file:#
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+import * as React from 'react';
+import {
+  View,
+  StyleSheet,
+  Animated,
+  Dimensions,
+  TouchableOpacity,
+  Image,
+} from 'react-native';
+import {
+  SharedElement,
+  SharedElementTransition,
+  nodeFromRef,
+} from 'react-native-shared-element';
+
+export default class App extends React.Component {
+  state = {
+    progress: new Animated.Value(0),
+    isScene2Visible: false,
+    isInProgress: false,
+    scene1Ancestor: null,
+    scene1Node: null,
+    scene2Ancestor: null,
+    scene2Node: null,
+  };
+
+  onPressNavigate = () => {
+    this.setState({isScene2Visible: true, isInProgress: true});
+    Animated.timing(this.state.progress, {
+      toValue: 1,
+      duration: 1000,
+      useNativeDriver: true,
+    }).start(() => this.setState({isInProgress: false}));
+  };
+
+  onPressBack = () => {
+    this.setState({isInProgress: true});
+    Animated.timing(this.state.progress, {
+      toValue: 0,
+      duration: 1000,
+      useNativeDriver: true,
+    }).start(() =>
+      this.setState({isScene2Visible: false, isInProgress: false}),
+    );
+  };
+
+  onSetScene1Ref = (ref: View | null) => {
+    this.setState({scene1Ancestor: nodeFromRef(ref)});
+  };
+
+  onSetScene2Ref = (ref: View | null) => {
+    this.setState({scene2Ancestor: nodeFromRef(ref)});
+  };
+
+  render() {
+    const {state} = this;
+    const {width} = Dimensions.get('window');
+    return (
+      <>
+        <TouchableOpacity
+          style={styles.container}
+          activeOpacity={0.5}
+          onPress={
+            state.isScene2Visible ? this.onPressBack : this.onPressNavigate
+          }>
+          {/* Scene 1 */}
+          <Animated.View
+            style={{
+              ...StyleSheet.absoluteFillObject,
+              transform: [
+                {translateX: Animated.multiply(-200, state.progress)},
+              ],
+            }}>
+            <View style={styles.scene} ref={this.onSetScene1Ref}>
+              <SharedElement onNode={node => this.setState({scene1Node: node})}>
+                <Image
+                  style={styles.image1}
+                  source={require('local picture')}
+                />
+              </SharedElement>
+            </View>
+          </Animated.View>
+
+          {/* Scene 2 */}
+          {state.isScene2Visible ? (
+            <Animated.View
+              style={{
+                ...StyleSheet.absoluteFillObject,
+                transform: [
+                  {
+                    translateX: Animated.multiply(
+                      -width,
+                      Animated.add(state.progress, -1),
+                    ),
+                  },
+                ],
+              }}>
+              <View style={styles.scene2} ref={this.onSetScene2Ref}>
+                <SharedElement
+                  onNode={node => this.setState({scene2Node: node})}>
+                  <Image
+                    style={styles.image2}
+                    source={require('local picture')}
+                  />
+                </SharedElement>
+              </View>
+            </Animated.View>
+          ) : undefined}
+        </TouchableOpacity>
+
+        {/* Transition overlay */}
+        {state.isInProgress ? (
+          <View style={styles.sharedElementOverlay}>
+            <SharedElementTransition
+              start={{
+                node: state.scene1Node,
+                ancestor: state.scene1Ancestor,
+              }}
+              end={{
+                node: state.scene2Node,
+                ancestor: state.scene2Ancestor,
+              }}
+              position={state.progress}
+              animation="move"
+              resize="auto"
+              align="auto"
+            />
+          </View>
+        ) : undefined}
+      </>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#ecf0f1',
+  },
+  scene: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: 'white',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  scene2: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: '#00d8ff',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  image1: {
+    width: 160,
+    height: 160,
+  },
+  image2: {
+    width: 300,
+    height: 300,
+  },
+  sharedElementOverlay: {
+    ...StyleSheet.absoluteFillObject,
+  },
+});
+```
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Currently, two methods are available:
+
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-shared-element": "file:../../node_modules/@react-native-oh-tpl/react-native-shared-element/harmony/shared-element.har"
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
+
+### 3. Configuring CMakeLists and Introducing xxx Package
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-shared-element/src/main/cpp" ./shared-element)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_shared_element)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SharedElementPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SharedElementPackage>(ctx),
+    };
+}
+```
+
+### 4. Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-shared-element Releases](https://github.com/react-native-oh-library/react-native-shared-element/releases)
+
+## Components
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+### SharedElement
+
+| Name          | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| children      | A single child component, which must map to a real view in the native view hierarchy | element  | yes      | ALL      | yes               |
+| onNode        | Event handler that sets or unsets the node-handle            | function | yes      | ALL      | yes               |
+| View props... | Other props supported by View                                | NA       | yes      | ALL      | yes               |
+
+### SharedElementTransition
+
+
+| Name      | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| start     | Start node- and ancestor                                     | { node: SharedElementNode, ancestor: SharedElementNode }     | yes      | ALL      | yes               |
+| end       | End node- and ancestor                                       | { node: SharedElementNode, ancestor: SharedElementNode }     | yes      | ALL      | yes               |
+| position  | Interpolated position (0..1), between the start- and end nodes | number\|Animated.Value\|Reanimated.Value                     | yes      | ALL      | yes               |
+| animation | Type of animation, e.g move start element or cross-fade between start- and end elements (default = move) | [SharedElementAnimation](https://github.com/IjzerenHein/react-native-shared-element#SharedElementAnimation) | yes      | ALL      | yes               |
+| resize    | Resize behavior (default = auto)                             | [SharedElementResize](https://github.com/IjzerenHein/react-native-shared-element#SharedElementResize) | yes      | ALL      | yes               |
+| align     | Alignment behavior (default = auto)                          | [SharedElementAlign](https://github.com/IjzerenHein/react-native-shared-element#SharedElementAlign) | yes      | iOS      | yes               |
+| debug     | Renders debug overlays for diagnosing measuring and animations | boolean                                                      | no       | ALL      | yes               |
+| onMeasure | Event handler that is called when nodes have been measured and snapshotted | function                                                     | no       | ALL      | yes               |
+
+## Properties
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+#### SharedElementAnimation
+
+| Name | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| move      | Moves the start- element to the end position                 | string | no       | ALL      | yes               |
+| fade      | Cross-fades between the start- and end elements              | string | no       | ALL      | yes               |
+| fade-in   | Fade-in the end element coming from the start position (start-element is not visible) | string | no       | ALL      | yes               |
+| fade-out  | Fade-out the start element to the end position (end-element is not visible) | string | no       | ALL      | yes               |
+
+#### SharedElementResize
+
+| Name | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| auto      | Automatically selects the default resize behavior. For images this will perform the best possible transition based on the of the image. For other kinds of views, this will default to .`resizeMode` `stretch` | string | no       | ALL      | yes               |
+| stretch   | Stretches the element to the same shape and size of the other element. If the aspect-ratio of the content differs, you may see stretching. In that case consider the or resize options.`clip` `none` | string | no       | ALL      | yes               |
+| clip      | Do not resize, but clip the content to the size of the other content. This option is for instance useful in combination with components, where you want to reveal more text.`<Text>` | string | no       | ALL      | yes               |
+| none      | Do not resize the content. When combined with , this creates a plain cross-fade effect without any resizing or clipping`fade` | string | no       | ALL      | yes               |
+
+#### SharedElementAlign
+
+| Name          | Description                                                      | Type   | Required | Platform | HarmonyOS Support |
+|---------------|------------------------------------------------------------------|--------|----------|----------|-------------------|
+| left-center   | Aligns the shared element to the left-center position            | string | no       | ALL      | yes               |
+| left-top      | Aligns the shared element to the left-top position               | string | no       | ALL      | yes               |
+| left-right    | Aligns the shared element to the left-right position             | string | no       | ALL      | yes               |
+| right-center  | Aligns the shared element to the right-center position          | string | no       | ALL      | yes               |
+| right-top     | Aligns the shared element to the right-top position              | string | no       | ALL      | yes               |
+| right-bottom  | Aligns the shared element to the right-bottom position           | string | no       | ALL      | yes               |
+| center-top    | Aligns the shared element to the center-top position             | string | no       | ALL      | yes               |
+| center-center | Aligns the shared element to the center-center position         | string | no       | ALL      | yes               |
+| center-bottom | Aligns the shared element to the center-bottom position         | string | no       | ALL      | yes               |
+
+## Known Issues
+
+- [ ]The "align" attribute in SharedElementTransition has been implemented in the HarmonyOS counterpart to match iOS, but the effect cannot be observed. issue: [issue#3](https://github.com/react-native-oh-library/react-native-shared-element/issues/3)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/IjzerenHein/react-native-shared-element/blob/main/LICENSE.txt).
\ No newline at end of file
diff --git a/zh-cn/react-native-shared-element.md b/zh-cn/react-native-shared-element.md
new file mode 100644
index 00000000..d89956e5
--- /dev/null
+++ b/zh-cn/react-native-shared-element.md
@@ -0,0 +1,417 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-shared-element</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/IjzerenHein/react-native-shared-element">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/IjzerenHein/react-native-shared-element/blob/main/LICENSE.txt">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-shared-element)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-shared-element Releases](https://github.com/react-native-oh-library/react-native-shared-element/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-shared-element@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-shared-element@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import * as React from 'react';
+import {
+  View,
+  StyleSheet,
+  Animated,
+  Dimensions,
+  TouchableOpacity,
+  Image,
+} from 'react-native';
+import {
+  SharedElement,
+  SharedElementTransition,
+  nodeFromRef,
+} from 'react-native-shared-element';
+
+export default class App extends React.Component {
+  state = {
+    progress: new Animated.Value(0),
+    isScene2Visible: false,
+    isInProgress: false,
+    scene1Ancestor: null,
+    scene1Node: null,
+    scene2Ancestor: null,
+    scene2Node: null,
+  };
+
+  onPressNavigate = () => {
+    this.setState({isScene2Visible: true, isInProgress: true});
+    Animated.timing(this.state.progress, {
+      toValue: 1,
+      duration: 1000,
+      useNativeDriver: true,
+    }).start(() => this.setState({isInProgress: false}));
+  };
+
+  onPressBack = () => {
+    this.setState({isInProgress: true});
+    Animated.timing(this.state.progress, {
+      toValue: 0,
+      duration: 1000,
+      useNativeDriver: true,
+    }).start(() =>
+      this.setState({isScene2Visible: false, isInProgress: false}),
+    );
+  };
+
+  onSetScene1Ref = (ref: View | null) => {
+    this.setState({scene1Ancestor: nodeFromRef(ref)});
+  };
+
+  onSetScene2Ref = (ref: View | null) => {
+    this.setState({scene2Ancestor: nodeFromRef(ref)});
+  };
+
+  render() {
+    const {state} = this;
+    const {width} = Dimensions.get('window');
+    return (
+      <>
+        <TouchableOpacity
+          style={styles.container}
+          activeOpacity={0.5}
+          onPress={
+            state.isScene2Visible ? this.onPressBack : this.onPressNavigate
+          }>
+          {/* Scene 1 */}
+          <Animated.View
+            style={{
+              ...StyleSheet.absoluteFillObject,
+              transform: [
+                {translateX: Animated.multiply(-200, state.progress)},
+              ],
+            }}>
+            <View style={styles.scene} ref={this.onSetScene1Ref}>
+              <SharedElement onNode={node => this.setState({scene1Node: node})}>
+                <Image
+                  style={styles.image1}
+                  source={require('本地图片路径')}
+                />
+              </SharedElement>
+            </View>
+          </Animated.View>
+
+          {/* Scene 2 */}
+          {state.isScene2Visible ? (
+            <Animated.View
+              style={{
+                ...StyleSheet.absoluteFillObject,
+                transform: [
+                  {
+                    translateX: Animated.multiply(
+                      -width,
+                      Animated.add(state.progress, -1),
+                    ),
+                  },
+                ],
+              }}>
+              <View style={styles.scene2} ref={this.onSetScene2Ref}>
+                <SharedElement
+                  onNode={node => this.setState({scene2Node: node})}>
+                  <Image
+                    style={styles.image2}
+                    source={require('本地图片路径')}
+                  />
+                </SharedElement>
+              </View>
+            </Animated.View>
+          ) : undefined}
+        </TouchableOpacity>
+
+        {/* Transition overlay */}
+        {state.isInProgress ? (
+          <View style={styles.sharedElementOverlay}>
+            <SharedElementTransition
+              start={{
+                node: state.scene1Node,
+                ancestor: state.scene1Ancestor,
+              }}
+              end={{
+                node: state.scene2Node,
+                ancestor: state.scene2Ancestor,
+              }}
+              position={state.progress}
+              animation="move"
+              resize="auto"
+              align="auto"
+            />
+          </View>
+        ) : undefined}
+      </>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#ecf0f1',
+  },
+  scene: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: 'white',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  scene2: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: '#00d8ff',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  image1: {
+    width: 160,
+    height: 160,
+  },
+  image2: {
+    width: 300,
+    height: 300,
+  },
+  sharedElementOverlay: {
+    ...StyleSheet.absoluteFillObject,
+  },
+});
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-shared-element": "file:../../node_modules/@react-native-oh-tpl/react-native-shared-element/harmony/shared-element.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SharedElementPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-shared-element/src/main/cpp" ./shared-element)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_shared_element)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "SharedElementPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<SharedElementPackage>(ctx),
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-shared-element Releases](https://github.com/react-native-oh-library/react-native-shared-element/releases)
+
+## 组件
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### SharedElement
+
+| Name          | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| children      | A single child component, which must map to a real view in the native view hierarchy | element  | yes      | ALL      | yes               |
+| onNode        | Event handler that sets or unsets the node-handle            | function | yes      | ALL      | yes               |
+| View props... | Other props supported by View                                | NA       | yes      | ALL      | yes               |
+
+### SharedElementTransition
+
+| Name      | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| start     | Start node- and ancestor                                     | { node: SharedElementNode, ancestor: SharedElementNode }     | yes      | ALL      | yes               |
+| end       | End node- and ancestor                                       | { node: SharedElementNode, ancestor: SharedElementNode }     | yes      | ALL      | yes               |
+| position  | Interpolated position (0..1), between the start- and end nodes | number\|Animated.Value\|Reanimated.Value                     | yes      | ALL      | yes               |
+| animation | Type of animation, e.g move start element or cross-fade between start- and end elements (default = move) | [SharedElementAnimation](https://github.com/IjzerenHein/react-native-shared-element#SharedElementAnimation) | yes      | ALL      | yes               |
+| resize    | Resize behavior (default = auto)                             | [SharedElementResize](https://github.com/IjzerenHein/react-native-shared-element#SharedElementResize) | yes      | ALL      | yes               |
+| align     | Alignment behavior (default = auto)                          | [SharedElementAlign](https://github.com/IjzerenHein/react-native-shared-element#SharedElementAlign) | yes      | ALL      | yes               |
+| debug     | Renders debug overlays for diagnosing measuring and animations | boolean                                                      | no       | ALL      | yes               |
+| onMeasure | Event handler that is called when nodes have been measured and snapshotted | function                                                     | no       | ALL      | yes               |
+
+## 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+#### SharedElementAnimation
+
+| Name | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| move      | Moves the start- element to the end position                 | string | no       | ALL      | yes               |
+| fade      | Cross-fades between the start- and end elements              | string | no       | ALL      | yes               |
+| fade-in   | Fade-in the end element coming from the start position (start-element is not visible) | string | no       | ALL      | yes               |
+| fade-out  | Fade-out the start element to the end position (end-element is not visible) | string | no       | ALL      | yes               |
+
+#### SharedElementResize
+
+| Name | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| auto      | Automatically selects the default resize behavior. For images this will perform the best possible transition based on the of the image. For other kinds of views, this will default to .`resizeMode` `stretch` | string | no       | ALL      | yes               |
+| stretch   | Stretches the element to the same shape and size of the other element. If the aspect-ratio of the content differs, you may see stretching. In that case consider the or resize options.`clip` `none` | string | no       | ALL      | yes               |
+| clip      | Do not resize, but clip the content to the size of the other content. This option is for instance useful in combination with components, where you want to reveal more text.`<Text>` | string | no       | ALL      | yes               |
+| none      | Do not resize the content. When combined with , this creates a plain cross-fade effect without any resizing or clipping`fade` | string | no       | ALL      | yes               |
+
+#### SharedElementAlign
+
+| Name          | Description                                                      | Type   | Required | Platform | HarmonyOS Support |
+|---------------|------------------------------------------------------------------|--------|----------|----------|-------------------|
+| left-center   | Aligns the shared element to the left-center position            | string | no       | ALL      | yes               |
+| left-top      | Aligns the shared element to the left-top position               | string | no       | ALL      | yes               |
+| left-right    | Aligns the shared element to the left-right position             | string | no       | ALL      | yes               |
+| right-center  | Aligns the shared element to the right-center position          | string | no       | ALL      | yes               |
+| right-top     | Aligns the shared element to the right-top position              | string | no       | ALL      | yes               |
+| right-bottom  | Aligns the shared element to the right-bottom position           | string | no       | ALL      | yes               |
+| center-top    | Aligns the shared element to the center-top position             | string | no       | ALL      | yes               |
+| center-center | Aligns the shared element to the center-center position         | string | no       | ALL      | yes               |
+| center-bottom | Aligns the shared element to the center-bottom position         | string | no       | ALL      | yes               |
+
+
+## 遗留问题
+
+- [ ] SharedElementTransition中的align属性，鸿蒙侧对标iOS已实现，无法看出效果。当前实现无效果的原因是因为图片占据容器全部位置，无法体现效果。如果扩大容器，在使用时，图片有可能会移出屏幕外，影响使用效果。[issue#3](https://github.com/react-native-oh-library/react-native-shared-element/issues/3)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/IjzerenHein/react-native-shared-element/blob/main/LICENSE.txt) ，请自由地享受和参与开源。

From 3b95fe4d2fca9c0cf6118f887302354d1a856b86 Mon Sep 17 00:00:00 2001
From: zhyx2 <zhuyongxiang2@h-partners.com>
Date: Sat, 26 Oct 2024 11:29:21 +0000
Subject: [PATCH 766/966] =?UTF-8?q?!1780=20docs:=20[Issues:#IAZZ84]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9realm-js=E7=9A=84=E6=8E=A5=E5=8F=A3=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=20*=20docs:=20[Issues:#IAZZ84]=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?alm-js=E7=9A=84=E6=8E=A5=E5=8F=A3=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/realm-js.md    | 58 +++++++++++++++++++++++++----------------------
 zh-cn/realm-js.md | 54 +++++++++++++++++++++++--------------------
 2 files changed, 60 insertions(+), 52 deletions(-)

diff --git a/en/realm-js.md b/en/realm-js.md
index ddbbf99f..307365d0 100644
--- a/en/realm-js.md
+++ b/en/realm-js.md
@@ -280,33 +280,37 @@ Check the release version information in the release address of the third-party
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| useRealm() | Returns the instance of the Realm opened by the `RealmProvider` | function  | yes | All      | yes |
-| useObject(type, primaryKey) | Returns a Realm.Object from a given type and value of primary key | function  | yes | All      | yes |
-| useQuery() | Returns a Realm.Collection of Realm.Objects from a given type. | function  | yes | All      | yes |
-| useUser() | Hook to access the currently authenticated Realm user from the UserProvider context.| function  | yes | All      | yes |
-| useAuth() | Hook providing operations and corresponding state for authenticating with an Atlas App. | function  | yes | All      | yes |
-| logIn(credentials) | Log in with a Realm.Credentials instance. This allows login with any authentication mechanism supported by Realm. | function  | yes | All      | yes |
-| logInWithAnonymous() | Log in with the Anonymous authentication provider | function  | yes | All      | yes |
-| logInWithApiKey(key) | Log in with an API key. | function  | yes | All      | yes |
-| logInWithEmailPassword(credentials) | Log in with Email / Password.| function  | yes | All      | yes |
-| logInWithJWT(credentials) | Log in with a JSON Web Token (JWT). | function  | yes | All      | yes |
-| logInWithGoogle(credentials) | Log in with Google. | function  | yes | All      | yes |
-| logInWithApple(idToken) | Log in with Apple. | function  | yes | All      | yes |
-| logInWithFacebook(accessToken) | Log in with Facebook. |function  | yes | All      | yes |
-| logInWithFunction(payload) | Log in with a custom function. | function  | yes | All      | yes |
-| logOut() | Log out the current user. | function  | yes | All      | yes |
-| useEmailPasswordAuth() | Hook providing operations and corresponding state for authenticating with an Atlas App with Email/Password. | function  | yes | All      | yes |
-| logIn(credentials) | Convenience function to log in a user with an email and password - users. | function  | yes | All      | yes |
-| logOut() | Log out the current user.| function  | yes | All      | yes |
-| register(args) | Register a new user. | function  | yes | All      | yes |
-| Confirm(args) | Confirm a user's account by providing the `token` and `tokenId` received. | function  | yes | All      | yes |
-| resendConfirmationEmail(args) | Resend a user's confirmation email. | function  | yes | All      | yes |
-| retryCustomConfirmation(args) | Retry the custom confirmation function for a given user. | function  | yes | All      | yes |
-| sendResetPasswordEmail(args) | Send a password reset email for a given user. | function  | yes | All      | yes |
-| resetPassword(args) | Complete resetting a user's password. | function  | yes | All      | yes |
-| callResetPasswordFunction(args, restArgs) | Call the configured password reset function, passing in any additional arguments to the function. | function  | yes | All      | yes |
-| useApp() | Hook to access the current Realm.App from the AppProvider context. | function  | yes | All      | yes |
+| ---- | ----------- | ---- |-------- | -------- | ------------------ |
+| useRealm() | Returns the instance of the Realm opened by the `RealmProvider` | function  |No       | All      | Yes      |
+| useQuery() | Returns a Realm.Collection of Realm.Objects from a given type | function  |No       | All      | Yes      |
+| new Realm(): Realm | Create a new Realm instance, at the default path | function  |No | All | Yes |
+| new Realm(path): Realm | Create a new Realm instance at the provided path | function  |No | All | Yes |
+| new Realm(config): Realm | Create a new Realm instance using the provided  config | function  |No | All | Yes |
+| setLogLevel(level, category?): void | Sets the log level | function  |No | All | Yes |
+| shutdown(): void | Closes all Realms, cancels all pendingRealm.open calls, clears internal caches, resets the logger and collects garbage. | function  |No | All | Yes |
+| exists(path:): boolean | Checks if the Realm already exists on disk | function  |No | All | Yes |
+| exists(config): boolean | Checks if the Realm already exists on disk | function  |No | All | Yes |
+| deleteFile(config): void | Delete the Realm file for the given configuration | function  |No | All | Yes |
+| open(): ProgressRealmPromise | Open the default Realm asynchronously with a promise | function  |No | All | Yes |
+| open(path): ProgressRealmPromise | Open a Realm asynchronously with a promise | function  |No | All | Yes |
+| open(config): ProgressRealmPromise | Open a Realm asynchronously with a promise | function  |No | All | Yes |
+| isEmpty(): boolean | Indicates if this Realm contains any objects                 | function  |No | All | Yes |
+| path(): string | The path to the file where this Realm is stored | function  |No | All | Yes |
+| isReadOnly(): boolean | Indicates if this Realm was opened as read-only | function  |No | All | Yes |
+| isInMemory(): boolean | Indicates if this Realm was opened in-memory | function  |No | All | Yes |
+| schema(): CanonicalObjectSchema[] | A normalized representation of the schema provided in the Configuration when this Realm was constructed | function  |No | All | Yes |
+| schemaVersion(): number | The current schema version of the Realm | function  |No | All | Yes |
+| isInTransaction(): boolean | Indicates if this Realm is in a write transaction | function  |No | All | Yes |
+| isInMigration(): boolean | Indicates if this Realm is in migration | function  |No | All | Yes |
+| isClosed(): boolean | Indicates if this Realm has been closed | function  |No | All | Yes |
+| close(): void | Closes this Realm so it may be re-opened with a newer schema version | function  |No | All | Yes |
+| create() | Create a new RealmObject of the given type and with the specified properties | function  |No | All | Yes |
+| delete() | Deletes the provided Realm object, or each one inside the provided collection | function |No | All | Yes |
+| deleteAll(): void | This will delete **all** objects in the Realm! | function |No | All | Yes |
+| objectForPrimaryKey() | Searches for a Realm object by its primary key | function |No | All | Yes |
+| objects() | Returns all objects of the given type in the Realm | function |No | All | Yes |
+| write(callback) | Synchronously call the provided callback inside a write transaction | function |No | All | Yes |
+| writeCopyTo(config): void | Writes a compacted copy of the Realm with the given configuration | function |No | All | Yes |
 
 ## Known Issues
 - [ ] Problem with the get_synchronized_realm, sync_session and get_latest_subscription_set methods in the Realm-js library: Currently unavailable, support will need to be provided by the dependent realm-core third-party library before implementation. [issue#1](https://github.com/react-native-oh-library/realm-js/issues/1)
diff --git a/zh-cn/realm-js.md b/zh-cn/realm-js.md
index c25c0acc..fc962e1e 100644
--- a/zh-cn/realm-js.md
+++ b/zh-cn/realm-js.md
@@ -280,31 +280,35 @@ ohpm install
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- |-------- | -------- | ------------------ |
 | useRealm() | Returns the instance of the Realm opened by the `RealmProvider` | function  |No       | All      | Yes      |
-| useObject(type, primaryKey) | Returns a Realm.Object from a given type and value of primary key | function  |No       | All      | Yes      |
-| useQuery() | Returns a Realm.Collection of Realm.Objects from a given type. | function  |No       | All      | Yes      |
-| useUser() | Hook to access the currently authenticated Realm user from the UserProvider context. | function  |No | All | Yes |
-| useAuth() | Hook providing operations and corresponding state for authenticating with an Atlas App. | function  |No | All | Yes |
-| logIn(credentials) | Log in with a Realm.Credentials instance. This allows login with any authentication mechanism supported by Realm. | function  |No | All | Yes |
-| logInWithAnonymous() | Log in with the Anonymous authentication provider | function  |No | All | Yes |
-| logInWithApiKey(key) | Log in with an API key. | function  |No | All | Yes |
-| logInWithEmailPassword(credentials) | Log in with Email / Password. | function  |No | All | Yes |
-| logInWithJWT(credentials) | Log in with a JSON Web Token (JWT). | function  |No | All | Yes |
-| logInWithGoogle(credentials) | Log in with Google. | function  |No | All | Yes |
-| logInWithApple(idToken) | Log in with Apple. | function  |No | All | Yes |
-| logInWithFacebook(accessToken) | Log in with Facebook. | function  |No | All | Yes |
-| logInWithFunction(payload) | Log in with a custom function. | function  |No | All | Yes |
-| logOut() | Log out the current user. | function  |No | All | Yes |
-| useEmailPasswordAuth() | Hook providing operations and corresponding state for authenticating with an Atlas App with Email/Password. | function  |No | All | Yes |
-| logIn(credentials) | Convenience function to log in a user with an email and password - users. | function  |No | All | Yes |
-| logOut() | Log out the current user. | function  |No | All | Yes |
-| register(args) | Register a new user. | function  |No | All | Yes |
-| Confirm(args) | Confirm a user's account by providing the `token` and `tokenId` received. | function  |No | All | Yes |
-| resendConfirmationEmail(args) | Resend a user's confirmation email. | function  |No | All | Yes |
-| retryCustomConfirmation(args) | Retry the custom confirmation function for a given user. | function  |No | All | Yes |
-| sendResetPasswordEmail(args) | Send a password reset email for a given user. | function  |No | All | Yes |
-| resetPassword(args) | Complete resetting a user's password. | function  |No | All | Yes |
-| callResetPasswordFunction(args, restArgs) | Call the configured password reset function, passing in any additional arguments to the function. | function  |No | All | Yes |
-| useApp() | Hook to access the current Realm.App from the AppProvider context. | function  |No | All | Yes |
+| useQuery() | Returns a Realm.Collection of Realm.Objects from a given type | function  |No       | All      | Yes      |
+| new Realm(): Realm | Create a new Realm instance, at the default path | function  |No | All | Yes |
+| new Realm(path): Realm | Create a new Realm instance at the provided path | function  |No | All | Yes |
+| new Realm(config): Realm | Create a new Realm instance using the provided  config | function  |No | All | Yes |
+| setLogLevel(level, category?): void | Sets the log level | function  |No | All | Yes |
+| shutdown(): void | Closes all Realms, cancels all pendingRealm.open calls, clears internal caches, resets the logger and collects garbage. | function  |No | All | Yes |
+| exists(path:): boolean | Checks if the Realm already exists on disk | function  |No | All | Yes |
+| exists(config): boolean | Checks if the Realm already exists on disk | function  |No | All | Yes |
+| deleteFile(config): void | Delete the Realm file for the given configuration | function  |No | All | Yes |
+| open(): ProgressRealmPromise | Open the default Realm asynchronously with a promise | function  |No | All | Yes |
+| open(path): ProgressRealmPromise | Open a Realm asynchronously with a promise | function  |No | All | Yes |
+| open(config): ProgressRealmPromise | Open a Realm asynchronously with a promise | function  |No | All | Yes |
+| isEmpty(): boolean | Indicates if this Realm contains any objects                 | function  |No | All | Yes |
+| path(): string | The path to the file where this Realm is stored | function  |No | All | Yes |
+| isReadOnly(): boolean | Indicates if this Realm was opened as read-only | function  |No | All | Yes |
+| isInMemory(): boolean | Indicates if this Realm was opened in-memory | function  |No | All | Yes |
+| schema(): CanonicalObjectSchema[] | A normalized representation of the schema provided in the Configuration when this Realm was constructed | function  |No | All | Yes |
+| schemaVersion(): number | The current schema version of the Realm | function  |No | All | Yes |
+| isInTransaction(): boolean | Indicates if this Realm is in a write transaction | function  |No | All | Yes |
+| isInMigration(): boolean | Indicates if this Realm is in migration | function  |No | All | Yes |
+| isClosed(): boolean | Indicates if this Realm has been closed | function  |No | All | Yes |
+| close(): void | Closes this Realm so it may be re-opened with a newer schema version | function  |No | All | Yes |
+| create() | Create a new RealmObject of the given type and with the specified properties | function  |No | All | Yes |
+| delete() | Deletes the provided Realm object, or each one inside the provided collection | function |No | All | Yes |
+| deleteAll(): void | This will delete **all** objects in the Realm! | function |No | All | Yes |
+| objectForPrimaryKey() | Searches for a Realm object by its primary key | function |No | All | Yes |
+| objects() | Returns all objects of the given type in the Realm | function |No | All | Yes |
+| write(callback) | Synchronously call the provided callback inside a write transaction | function |No | All | Yes |
+| writeCopyTo(config): void | Writes a compacted copy of the Realm with the given configuration | function |No | All | Yes |
 
 ## 遗留问题
 

From 2da01f2344ec2c9575f945eb43a19008c24634f9 Mon Sep 17 00:00:00 2001
From: zhyx2 <zhuyongxiang2@h-partners.com>
Date: Sat, 26 Oct 2024 12:03:14 +0000
Subject: [PATCH 767/966] =?UTF-8?q?!1781=20docs:=20[Issues:#IAZZAR]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0realm-js=E7=9A=84=E9=81=97=E7=95=99=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=20*=20docs:=20[Issues:#IAZZAR]=20=E6=9B=B4=E6=96=B0re?=
 =?UTF-8?q?alm-js=E7=9A=84=E9=81=97=E7=95=99=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/realm-js.md    | 6 +++---
 zh-cn/realm-js.md | 1 -
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/en/realm-js.md b/en/realm-js.md
index 307365d0..547eef15 100644
--- a/en/realm-js.md
+++ b/en/realm-js.md
@@ -125,7 +125,7 @@ function TaskApp() {
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -173,7 +173,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Configuring CMakeLists and Introducing RealmPackage Package
 
@@ -313,7 +313,7 @@ Check the release version information in the release address of the third-party
 | writeCopyTo(config): void | Writes a compacted copy of the Realm with the given configuration | function |No | All | Yes |
 
 ## Known Issues
-- [ ] Problem with the get_synchronized_realm, sync_session and get_latest_subscription_set methods in the Realm-js library: Currently unavailable, support will need to be provided by the dependent realm-core third-party library before implementation. [issue#1](https://github.com/react-native-oh-library/realm-js/issues/1)
+
 - [ ] The realm-js library can currently only be used on rooted phones. [issue#2](https://github.com/react-native-oh-library/realm-js/issues/2)
 
 ## Others
diff --git a/zh-cn/realm-js.md b/zh-cn/realm-js.md
index fc962e1e..b0cf72c6 100644
--- a/zh-cn/realm-js.md
+++ b/zh-cn/realm-js.md
@@ -312,7 +312,6 @@ ohpm install
 
 ## 遗留问题
 
-- [ ] Realm-js库的get_synchronized_realm、sync_session、get_latest_subscription_set方法问题：目前暂不能使用，需要依赖的realm-core三方库提供后再做支持。[issue#1](https://github.com/react-native-oh-library/realm-js/issues/1)
 - [ ] realm-js库目前只能在root后的手机上使用。[issue#2](https://github.com/react-native-oh-library/realm-js/issues/2)
 
 ## 其他

From d5ed27c795c83caaebd838e4affcc74425d827ff Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Mon, 28 Oct 2024 01:28:41 +0000
Subject: [PATCH 768/966] =?UTF-8?q?!1753=20docs:=20[Issues:=20#IB0361]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9@react-native-community/blur=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZ9AA]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9@react-native-community/blur=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-community-blur.md | 121 ++++++++++++++++++++++++++-
 1 file changed, 118 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index ea70c9ad..9d25bcef 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -16,6 +16,8 @@
 
 ## 安装与使用
 
+本库已经适配`C-API版本`从版本`4.4.0-0.1.0`开始的版本为`C-API版本`，`C-API版本`在性能和速度上都优于`ArkTS版本`。
+
 请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
@@ -116,11 +118,11 @@ export const Blurs = () => {
   );
 };
 
-export  const BlurDemo = () => {
+export const BlurDemo = () => {
   const [showBlurs, setShowBlurs] = React.useState(false);
+   //'../assets/bgimage.jpeg' 此路径的图片为本地图片，在使用demo时将此图片的路径换为自己本地图片路径
   return (
     <View style={styles.container}>
-    //'../assets/bgimage.jpeg' 此路径的图片为本地图片，在使用demo时将此图片的路径换为自己本地图片路径
       <Image
       
         source={require('../assets/bgimage.jpeg')}
@@ -199,7 +201,7 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Link
+## Link （ArkTS版本的引入方式）
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
@@ -348,6 +350,119 @@ ohpm install
 
 然后编译、运行即可。
 
+## Link （C-API版本的引入方式）
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```js
+ {
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/blur": "file:../../node_modules/@react-native-oh-tpl/blur/harmony/blur.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 BlurPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/blur/src/main/cpp" ./blur)
+# RNOH_END: add_package_subdirectories
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC blur)
+# RNOH_END: link_packages
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "BlurViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<BlurViewPackage>(ctx)
+    };
+}
+```
+
+### 4.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+````
+
+然后编译、运行即可。
+
 ## 约束与限制
 
 ### 兼容性

From f6aac77701819fd7a3c9c992b269032da32e1f5c Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Mon, 28 Oct 2024 02:16:31 +0000
Subject: [PATCH 769/966] =?UTF-8?q?!1777=20docs:=20[Issues:=20#IAZRUE]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IAZRUE]=20=E4=BF=AE=E6=94=B9react-native-image-header-?=
 =?UTF-8?q?scroll-view=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20?=
 =?UTF-8?q?docs:=20[Issues:=20#IAZRUE]=20=E4=BF=AE=E6=94=B9react-native-im?=
 =?UTF-8?q?age-header-scroll-view=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IAZRUE]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-image-header-scroll-view=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-header-scroll-view.md   | 22 +++++++++----------
 .../react-native-image-header-scroll-view.md  | 20 +++++++++--------
 2 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/en/react-native-image-header-scroll-view.md b/en/react-native-image-header-scroll-view.md
index 012ec3ad..828195b2 100644
--- a/en/react-native-image-header-scroll-view.md
+++ b/en/react-native-image-header-scroll-view.md
@@ -17,24 +17,27 @@
 
 
 > [!TIP] [Github address](https://github.com/bamlab/react-native-image-header-scroll-view)
-> 因 v1.0.0 中存在无法触发 TriggeringView 组件回调的问题，以下基于 v0.10.3 版本验证
 
 ## Installation and Usage
 
-Go to the project directory and execute the following instruction：
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-header-scroll-view Releases](https://github.com/react-native-oh-library/react-native-image-header-scroll-view/releases).
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install react-native-image-header-scroll-view@0.10.3
+npm install @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-image-header-scroll-view@0.10.3
+yarn add @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
 ```
 
 <!-- tabs:end -->
@@ -173,7 +176,7 @@ function HeaderImageExample () {
           fadeOutForeground={true} 
           foregroundParallaxRatio={1}
           overlayColor={'blue'} 
-          renderHeader={() => <Image source={'请输入本地图片路径'} style={styles.image} />} 
+          renderHeader={() => <Image source={'Please enter the local image path'} style={styles.image} />} 
           renderFixedForeground={() => (
             <Animated.View
                     style={[styles.navTitleView,{ opacity: fadeAnim}]}  >
@@ -226,11 +229,9 @@ export default HeaderImageExample;
 
 ### Compatibility
 
-This document is verified based on the following versions：
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
-2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：Next0.0.66;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-header-scroll-view Releases](https://github.com/react-native-oh-library/react-native-image-header-scroll-view/releases)
 
 ## API
 
@@ -252,7 +253,7 @@ This document is verified based on the following versions：
 | `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
 | `useNativeDriver`           | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean | No       | All      | Yes               |
 | `headerContainerStyle`           | Optional styles to be passed to the container of the header component | Object | No       | All      | Yes               |
-| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | No              |
+| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | Yes             |
 
 
 #### **Foreground**
@@ -289,7 +290,6 @@ This document is verified based on the following versions：
 | `onTouchBottom`           | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
 
 ## Known Issues
-- [ ] disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 ，在harmony上无此效果， 是因为源库的overscrollMode="never"属性导致， issue里面有解决方案 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/134 )
 
 ## Others
 -  foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index 50da803a..afd45213 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -17,24 +17,28 @@
 
 
 > [!TIP] [Github 地址](https://github.com/bamlab/react-native-image-header-scroll-view)
-> 因 v1.0.0 中存在无法触发 TriggeringView 组件回调的问题，以下基于 v0.10.3 版本验证
 
 ## 安装与使用
 
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-header-scroll-view Releases](https://github.com/react-native-oh-library/react-native-image-header-scroll-view/releases)，并下载适用版本的 tgz 包。
+
+
 进入到工程目录并输入以下命令：
 
+> [!TIP] # 处替换为 tgz 包的路径
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install react-native-image-header-scroll-view@0.10.3
+npm install @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-image-header-scroll-view@0.10.3
+yarn add @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
 ```
 
 <!-- tabs:end -->
@@ -227,11 +231,9 @@ export default HeaderImageExample;
 
 ### 兼容性
 
-本文档内容基于以下版本验证通过：
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
-2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：Next0.0.66;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-header-scroll-view Releases](https://github.com/react-native-oh-library/react-native-image-header-scroll-view/releases)
 
 ## API
 
@@ -252,7 +254,7 @@ export default HeaderImageExample;
 | `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
 | `useNativeDriver`           | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean | No       | All      | Yes               |
 | `headerContainerStyle`           | Optional styles to be passed to the container of the header component | Object | No       | All      | Yes               |
-| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | No              |
+| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | Yes              |
 
 
 #### **Foreground**
@@ -289,7 +291,7 @@ export default HeaderImageExample;
 | `onTouchBottom`           | Called when the component is not displayed any more after scroll up   (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
 
 ## 遗留问题
-- [ ] disableHeaderGrow 属性在iOS上可以控制下拉放大背景图 ，在harmony上无此效果， 是因为源库的overscrollMode="never"属性导致， issue里面有解决方案 [issue#1](https://github.com/bamlab/react-native-image-header-scroll-view/issues/134 )
+
 ## 其他
 -  foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
 -  ScrollViewComponent属性无法滚动，与Android、iOS一致：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。

From 0057d564aee0faafeb6bdb3034e983fa6b272ef2 Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Mon, 28 Oct 2024 02:43:16 +0000
Subject: [PATCH 770/966] =?UTF-8?q?!1783=20docs:=20[Issues:#IB03TV]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-viewing=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IB03TV]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-viewing=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-viewing.md    | 2 +-
 zh-cn/react-native-image-viewing.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-image-viewing.md b/en/react-native-image-viewing.md
index 82d4f134..618e25c3 100644
--- a/en/react-native-image-viewing.md
+++ b/en/react-native-image-viewing.md
@@ -210,7 +210,7 @@ Check the release version information in the release address of the third-party
 | onLongPress            | Function called when image long pressed                                                     | function (event: GestureResponderEvent, image: ImageSource) | All      | No       | Yes               |
 | delayLongPress         | Delay in ms, before onLongPress is called: default                                          | number                                                      | All      | No       | Yes               |
 | animationType          | Animation modal presented with: default                                                     | none, fade, slide                                           | All      | No       | Yes               |
-| presentationStyle      | Modal presentation style: default: fullScreen Android: Use overFullScreen to hide StatusBar | fullScreen, pageSheet, formSheet, overFullScreen            | All      | No       | Yes               |
+| presentationStyle      | Modal presentation style: default: fullScreen Android: Use overFullScreen to hide StatusBar | fullScreen, pageSheet, formSheet, overFullScreen            | All      | No       | Partially (Support "fullScreen", "overFullScreen")               |
 | backgroundColor        | Background color of the modal in HEX                                                        | string                                                      | All      | No       | Yes               |
 | swipeToCloseEnabled    | Close modal with swipe up or down: default                                                  | boolean                                                     | All      | No       | No                |
 | doubleTapToZoomEnabled | Zoom image by double tap on it: default                                                     | boolean                                                     | All      | No       | No                |
diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index 852be281..e6b10a80 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -211,7 +211,7 @@ const styles = StyleSheet.create({
 | onLongPress            | Function called when image long pressed                      | function (event: GestureResponderEvent, image: ImageSource) | All      | No       | Yes               |
 | delayLongPress         | Delay in ms, before onLongPress is called: default           | number                                                      | All      | No       | Yes               |
 | animationType          | Animation modal presented with: default                      | none, fade, slide                                           | All      | No       | Yes               |
-| presentationStyle      | Modal presentation style: default: fullScreen Android: Use overFullScreen to hide StatusBar | fullScreen, pageSheet, formSheet, overFullScreen            | All      | No       | Yes               |
+| presentationStyle      | Modal presentation style: default: fullScreen Android: Use overFullScreen to hide StatusBar | fullScreen, pageSheet, formSheet, overFullScreen            | All      | No       | Partially (Support "fullScreen", "overFullScreen") |
 | backgroundColor        | Background color of the modal in HEX                         | string                                                      | All      | No       | Yes               |
 | swipeToCloseEnabled    | Close modal with swipe up or down: default                   | boolean                                                     | All      | No       | No                |
 | doubleTapToZoomEnabled | Zoom image by double tap on it: default                      | boolean                                                     | All      | No       | No                |

From 4f0530b367437be2d33dd034e3774bc2bad09949 Mon Sep 17 00:00:00 2001
From: liwang <liwang45@h-partners.com>
Date: Mon, 28 Oct 2024 06:51:00 +0000
Subject: [PATCH 771/966] =?UTF-8?q?!1786=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?skia=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:?=
 =?UTF-8?q?#IB074M]=20=E4=BF=AE=E6=94=B9react-native-skia=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-skia.md    | 436 ++++++++++++++++++++++++++++++++-----
 zh-cn/react-native-skia.md | 436 ++++++++++++++++++++++++++++++++-----
 2 files changed, 774 insertions(+), 98 deletions(-)

diff --git a/en/react-native-skia.md b/en/react-native-skia.md
index a4847e58..ac8debb8 100644
--- a/en/react-native-skia.md
+++ b/en/react-native-skia.md
@@ -246,6 +246,10 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)
 
+> [!tip] [skia 官方文档](https://shopify.github.io/react-native-skia/docs/getting-started/installation)
+
+> [!tip] 使用此库需要配置 [@react-native-oh-tpl/react-native-reanimated](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md)
+
 ## 组件
 
 ### Canvas
@@ -255,14 +259,14 @@ ohpm install
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
->
-> | Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
-> | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
-> | style    | View style                                                                                                                                             | ViewStyle                | no       | android/ios | yes               |
-> | ref      | Reference to the SkiaView object                                                                                                                       | Ref<SkiaView>            | no       | android/ios | yes               |
-> | mode     | By default, the canvas is only updated when the drawing tree or animation values change. With mode="continuous", the canvas will redraw on every frame | default/continuous       | no       | android/ios | yes               |
-> | onSize   | Reanimated value to which the canvas size will be assigned                                                                                             | SharedValue<Size>        | no       | android/ios | yes               |
-> | onLayout | Invoked on mount and on layout changes                                                                                                                 | NativeEvent<LayoutEvent> | no       | android/ios | yes               |
+
+| Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+| style    | View style                                                                                                                                             | ViewStyle                | no       | android/ios | yes               |
+| ref      | Reference to the SkiaView object                                                                                                                       | Ref<SkiaView>            | no       | android/ios | yes               |
+| mode     | By default, the canvas is only updated when the drawing tree or animation values change. With mode="continuous", the canvas will redraw on every frame | default \| continuous    | no       | android/ios | yes               |
+| onSize   | Reanimated value to which the canvas size will be assigned                                                                                             | SharedValue<Size>        | no       | android/ios | yes               |
+| onLayout | Invoked on mount and on layout changes                                                                                                                 | NativeEvent<LayoutEvent> | no       | android/ios | yes               |
 
 ### Group
 
@@ -295,7 +299,7 @@ ohpm install
 | end    | Trims the end of the path. Value is in the range `[0, 1]` (default is 1).                                                                                                                                                                        | number           | no       | android/ios | yes               |
 | stroke | Turns this path into the filled equivalent of the stroked path. This will fail if the path is a hairline. `StrokeOptions` describes how the stroked path should look. It contains three properties: `width`, `strokeMiterLimit` and, `precision` | StrokeOptions    | no       | android/ios | yes               |
 
-### Polygons
+### Rect
 
 #### 属性
 
@@ -303,14 +307,69 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name   | Description              | Type             | Required | Platform    | HarmonyOS Support |
-| ------ | ------------------------ | ---------------- | -------- | ----------- | ----------------- |
-| x      | X coordinate.            | SkPath`or`string | no       | android/ios | yes               |
-| y      | Y coordinate.            | number           | no       | android/ios | yes               |
-| width  | Width of the rectangle.  | number           | no       | android/ios | yes               |
-| height | Height of the rectangle. | StrokeOptions    | no       | android/ios | yes               |
+| Name   | Description              | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------ | ------ | -------- | ----------- | ----------------- |
+| x      | X coordinate.            | number | yes      | android/ios | yes               |
+| y      | Y coordinate.            | number | yes      | android/ios | yes               |
+| width  | Width of the rectangle.  | number | yes      | android/ios | yes               |
+| height | Height of the rectangle. | number | yes      | android/ios | yes               |
 
-### Ellipses
+### RoundedRect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| x      | X coordinate.                                      | SkPath`or`string | yes      | android/ios | yes               |
+| y      | Y coordinate.                                      | number           | yes      | android/ios | yes               |
+| width  | Width of the rectangle.                            | number           | yes      | android/ios | yes               |
+| height | Height of the rectangle.                           | StrokeOptions    | yes      | android/ios | yes               |
+| r      | Corner radius. Defaults to `ry` if specified or 0. | number`or`Vector | no       | android/ios | yes               |
+
+### DiffRect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description      | Type          | Required | Platform    | HarmonyOS Support |
+| ----- | ---------------- | ------------- | -------- | ----------- | ----------------- |
+| outer | Outer rectangle. | Rect \| RRect | yes      | android/ios | yes               |
+| inner | Inner rectangle. | Rect \| RRect | yes      | android/ios | yes               |
+
+### Line
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description  | Type  | Required | Platform    | HarmonyOS Support |
+| ---- | ------------ | ----- | -------- | ----------- | ----------------- |
+| p1   | Start point. | Point | yes      | android/ios | yes               |
+| p2   | End point.   | Point | yes      | android/ios | yes               |
+
+### Points
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                                                                                | Type      | Required | Platform    | HarmonyOS Support |
+| ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| points | Points to draw.                                                                                                                                            | Point     | yes      | android/ios | yes               |
+| mode   | How should the points be connected. Can be `points` (no connection), `lines` (connect pairs of points), or `polygon` (connect lines). Default is `points`. | PointMode | yes      | android/ios | yes               |
+
+### Circle
 
 #### 属性
 
@@ -320,9 +379,24 @@ ohpm install
 
 | Name | Description  | Type   | Required | Platfor     | HarmonyOS Support |
 | ---- | ------------ | ------ | -------- | ----------- | ----------------- |
-| cx   | Start point. | number | no       | android/ios | yes               |
-| cy   | End point.   | number | no       | android/ios | yes               |
-| r`   | Radius.      | number | no       | android/ios | yes               |
+| cx   | Start point. | number | yes      | android/ios | yes               |
+| cy   | End point.   | number | yes      | android/ios | yes               |
+| r    | Radius.      | number | yes      | android/ios | yes               |
+
+### Oval
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                             | Type   | Required | Platfor     | HarmonyOS Support |
+| ------ | --------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| x      | X coordinate of the bounding rectangle. | number | yes      | android/ios | yes               |
+| y      | Y coordinate of the bounding rectangle. | number | yes      | android/ios | yes               |
+| width  | Width of the bounding rectangle.        | number | yes      | android/ios | yes               |
+| height | Height of the bounding rectangle.       | number | yes      | android/ios | yes               |
 
 ### Atlas
 
@@ -332,13 +406,13 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name       | Type              | Description                                                               | Required | android/ios | HarmonyOS Support |
-| ---------- | ----------------- | ------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| image      | `SkImage or null` | Altas: image containing the sprites.                                      | no       | android/ios | yes               |
-| sprites    | `SkRect[]`        | locations of sprites in atlas.                                            | no       | android/ios | yes               |
-| transforms | `RSXform[]`       | Rotation/scale transforms to be applied for each sprite.                  | no       | android/ios | yes               |
-| colors     | `SkColor[]`       | Optional. Color to blend the sprites with.                                | yes      | android/ios | yes               |
-| blendMode  | `BlendMode`       | Optional. Blend mode used to combine sprites and colors together.\*\*\*\* | yes      | android/ios | yes               |
+| Name       | Type              | Description                                                       | Required | android/ios | HarmonyOS Support |
+| ---------- | ----------------- | ----------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| image      | `SkImage or null` | Altas: image containing the sprites.                              | yes      | android/ios | yes               |
+| sprites    | `SkRect[]`        | locations of sprites in atlas.                                    | yes      | android/ios | yes               |
+| transforms | `RSXform[]`       | Rotation/scale transforms to be applied for each sprite.          | yes      | android/ios | yes               |
+| colors     | `SkColor[]`       | Optional. Color to blend the sprites with.                        | no       | android/ios | yes               |
+| blendMode  | `BlendMode`       | Optional. Blend mode used to combine sprites and colors together. | no       | android/ios | yes               |
 
 ### Vertices
 
@@ -350,12 +424,12 @@ ohpm install
 
 | Name      | Type         | Description                                                                                                                                                           | Required | android/ios | HarmonyOS Support |
 | --------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| vertices  | `Point[]`    | Vertices to draw                                                                                                                                                      | no       | android/ios | yes               |
-| mode      | `VertexMode` | Can be `triangles`, `trianglesStrip` or `triangleFan`. Default is `triangles`                                                                                         | yes      | android/ios | yes               |
-| indices   | `number[]`   | Indices of the vertices that form the triangles. If not provided, the order of the vertices will be taken. Using this property enables you not to duplicate vertices. | yes      | android/ios | yes               |
-| textures  | `Point[]`.   | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint.                                                    | no       | android/ios | yes               |
-| colors    | `string[]`   | Optional colors to be associated to each vertex                                                                                                                       | yes      | android/ios | yes               |
-| blendMode | `BlendMode`  | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not.                       | yes      | android/ios | yes               |
+| vertices  | `Point[]`    | Vertices to draw                                                                                                                                                      | yes      | android/ios | yes               |
+| mode      | `VertexMode` | Can be `triangles`, `trianglesStrip` or `triangleFan`. Default is `triangles`                                                                                         | no       | android/ios | yes               |
+| indices   | `number[]`   | Indices of the vertices that form the triangles. If not provided, the order of the vertices will be taken. Using this property enables you not to duplicate vertices. | no       | android/ios | yes               |
+| textures  | `Point[]`.   | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint.                                                    | yes      | android/ios | yes               |
+| colors    | `string[]`   | Optional colors to be associated to each vertex                                                                                                                       | no       | android/ios | yes               |
+| blendMode | `BlendMode`  | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not.                       | no       | android/ios | yes               |
 
 ### Patch
 
@@ -365,12 +439,86 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name      | Type             | Description                                                                                                                                                 | Required | android/ios | HarmonyOS Support |
-| --------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| cubics    | `CubicBezier[4]` | Specifies four cubic Bezier starting at the top-left corner, in clockwise order, sharing every fourth point. The last cubic Bezier ends at the first point. | no       | android/ios | yes               |
-| textures  | `Point[]`.       | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint                                           | no       | android/ios | yes               |
-| colors    | `string[]`       | Optional colors to be associated to each corner                                                                                                             | yes      | android/ios | yes               |
-| blendMode | `BlendMode`      | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not              | yes      | android/ios | yes               |
+| Name      | Type             | Description                                                  | Required | android/ios | HarmonyOS Support |
+| --------- | ---------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| patch     | `CubicBezier[4]` | Specifies four cubic Bezier starting at the top-left corner, in clockwise order, sharing every fourth point. The last cubic Bezier ends at the first point. | yes      | android/ios | yes               |
+| textures  | `Point[]`.       | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint | yes      | android/ios | yes               |
+| colors    | `string[]`       | Optional colors to be associated to each corner              | no       | android/ios | yes               |
+| blendMode | `BlendMode`      | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not | no       | android/ios | yes               |
+
+### Picture
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Type      | Description       | Required | android/ios | HarmonyOS Support |
+| ------- | --------- | ----------------- | -------- | ----------- | ----------------- |
+| picture | SkPicture | Picture to render | yes      | android/ios | yes               |
+
+### Box
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Type              | Description               | Required | android/ios | HarmonyOS Support |
+| ---- | ----------------- | ------------------------- | -------- | ----------- | ----------------- |
+| box  | SkRRect \| SkRect | The destination rectangle | yes      | android/ios | yes               |
+
+### BoxShadow
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Type    | Description                                     | Required | android/ios | HarmonyOS Support |
+| ------ | ------- | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| dx     | number  | The X offset of the shadow.                     | no       | android/ios | yes               |
+| dy     | number  | The Y offset of the shadow.                     | no       | android/ios | yes               |
+| spread | number  | Optional colors to be associated to each corner | no       | android/ios | yes               |
+| blur   | number  | The blur radius for the shadow                  | yes      | android/ios | yes               |
+| color  | Color   | The color of the drop shadow                    | no       | android/ios | yes               |
+| inner  | boolean | Shadows are drawn within the input content      | no       | android/ios | yes               |
+
+### Shader
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Type                                                                       | Description                   | Required | android/ios | HarmonyOS Support |
+| -------- | -------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
+| source   | RuntimeEffect                                                              | Compiled shaders              | yes      | android/ios | yes               |
+| uniforms | { [name: string]: number \| Vector \| Vector[] \| number[] \| number[][] } | uniform values                | yes      | android/ios | yes               |
+| children | Shader                                                                     | Shaders to be used as uniform | yes      | android/ios | yes               |
+
+### ImageShader
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                                                                              | Type              | Required | android/ios | HarmonyOS Support |
+| --------- | ------------------------------------------------------------------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
+| image     | Image instance.                                                                                                          | SkImage           | yes      | android/ios | yes               |
+| tx        | Can be `clamp`, `repeat`, `mirror`, or `decal`.                                                                          | TileMode shaders  | no       | android/ios | yes               |
+| ty        | Can be `clamp`, `repeat`, `mirror`, or `decal`.                                                                          | TileMode values   | no       | android/ios | yes               |
+| fm        | Can be `linear` or `nearest`.                                                                                            | FilterMode values | no       | android/ios | yes               |
+| mm        | Can be `none` or `last`.                                                                                                 | MipmapMode        | no       | android/ios | yes               |
+| fit       | Calculate the transformation matrix to fit the rectangle defined by `fitRect`.                                           | Fit               | no       | android/ios | yes               |
+| rect      | The destination rectangle to calculate the transformation matrix via the `fit` property.                                 | SkRect            | no       | android/ios | yes               |
+| transform | The origin property is a helper to set the origin of the transformation. This property is not inherited by its children. | Transforms2d      | no       | android/ios | yes               |
 
 ### Gradients 公共属性
 
@@ -455,8 +603,8 @@ ohpm install
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
 | freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
 | freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
-| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
-| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
+| octaves    | octaves                                                                                                                        | number | no       | android/ios | yes               |
+| seed       | seed                                                                                                                           | number | no       | android/ios | yes               |
 | tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
 | tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
 
@@ -472,8 +620,8 @@ ohpm install
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
 | freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
 | freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
-| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
-| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
+| octaves    | octaves                                                                                                                        | number | no       | android/ios | yes               |
+| seed       | seed                                                                                                                           | number | no       | android/ios | yes               |
 | tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
 | tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
 
@@ -514,7 +662,7 @@ ohpm install
 | --------- | ------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
 | length    | length of the subsegments.                                    | number     | yes      | android/ios | yes               |
 | deviation | limit of the movement of the endpoints.                       | number     | yes      | android/ios | yes               |
-| seed      | modifies the randomness. See SkDiscretePathEffect.h for more. | number     | yes      | android/ios | yes               |
+| seed      | modifies the randomness. See SkDiscretePathEffect.h for more. | number     | no       | android/ios | yes               |
 | children  | Optional path effect to apply.                                | PathEffect | no       | android/ios | yes               |
 
 ### DashPathEffect
@@ -528,7 +676,7 @@ ohpm install
 | Name      | Description                                                                                                                             | Type       | Required | Platform    | HarmonyOS Support |
 | --------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
 | intervals | even number of entries with even indices specifying the length of the "on" intervals, and the odd index specifying the length of "off". | number[]   | yes      | android/ios | yes               |
-| phase     | offset into the intervals array. Defaults to 0.                                                                                         | number     | yes      | android/ios | yes               |
+| phase     | offset into the intervals array. Defaults to 0.                                                                                         | number     | no       | android/ios | yes               |
 | children  | Optional path effect to apply.                                                                                                          | PathEffect | no       | android/ios | yes               |
 
 ### CornerPathEffect
@@ -588,6 +736,172 @@ ohpm install
 | matrix   | Matrix to be applied          | IMatrix    | yes      | android/ios | yes               |
 | children | Optional path effect to apply | PathEffect | no       | android/ios | yes               |
 
+### Shadow
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                            | Type        | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| dx         | The X offset of the shadow.                            | number      | yes      | android/ios | yes               |
+| dy         | The Y offset of the shadow.                            | number      | no       | android/ios | yes               |
+| blur       | The blur radius for the shadow                         | number      | no       | android/ios | yes               |
+| color      | The color of the drop shadow                           | Color       | no       | android/ios | yes               |
+| inner      | Shadows are drawn within the input content             | boolean     | no       | android/ios | yes               |
+| shadowOnly | If true, the result does not include the input content | boolean     | no       | android/ios | yes               |
+| children   | Optional image filter to be applied first              | ImageFilter | no       | android/ios | yes               |
+
+### Blur
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                   | Type             | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| blur     | The Gaussian sigma blur value                                 | number`or`Vector | yes      | android/ios | yes               |
+| mode     | `mirror`, `repeat`, `clamp`, or `decal` (default is `decal`). | TileMode         | no       | android/ios | yes               |
+| children | Optional image filter to be applied first.                    | ImageFilter      | no       | android/ios | yes               |
+
+### DisplacementMap
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                          | Type         | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
+| channelX | Color channel to be used along the X axis. Possible values are `r`, `g`, `b`, or `a` | ColorChannel | yes      | android/ios | yes               |
+| channelY | Color channel to be used along the Y axis. Possible values are `r`, `g`, `b`, or `a` | ColorChannel | no       | android/ios | yes               |
+| scale    | Displacement scale factor to be used                                                 | number       | no       | android/ios | yes               |
+| children | Optional image filter to be applied first                                            | ImageFilter  | no       | android/ios | yes               |
+
+### Offset
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| x        | Offset along the X axis.                   | number      | yes      | android/ios | yes               |
+| y        | Offset along the Y axis.                   | number      | yes      | android/ios | yes               |
+| children | Optional image filter to be applied first. | ImageFilter | no       | android/ios | yes               |
+
+### Morphology
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                         | Type             | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| operator | whether to erode (i.e., thin) or dilate (fatten). Default is dilate | erode`or`dilate  | yes      | android/ios | yes               |
+| radius   | Radius of the effect.                                               | number`or`Vector | yes      | android/ios | yes               |
+| children | Optional image filter to be applied first.                          | ImageFilter      | no       | android/ios | yes               |
+
+### RuntimeShader
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | --------------- | -------- | ----------- | ----------------- |
+| source   | Shader to use as an image filter           | SkRuntimeEffect | yes      | android/ios | yes               |
+| children | Optional image filter to be applied first. | ImageFilter     | no       | android/ios | yes               |
+
+### BlurMask
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                           | Type      | Required | Platform    | HarmonyOS Support |
+| ---------- | --------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| blur       | Standard deviation of the Gaussian blur. Must be > 0.                 | number    | yes      | android/ios | yes               |
+| style      | Can be `normal`, `solid`, `outer`, or `inner` (default is `normal`).  | BlurStyle | no       | android/ios | yes               |
+| respectCTM | if true the blur's sigma is modified by the CTM (default is `false`). | bool      | no       | android/ios | yes               |
+
+### ColorMatrix
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| matrix   | Color Matrix (5x4)                         | number[]    | yes      | android/ios | yes               |
+| children | Optional color filter to be applied first. | ColorFilter | no       | android/ios | yes               |
+
+### BlendColor
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                               | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------------------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| color    | Color                                                                                     | Color       | yes      | android/ios | yes               |
+| mode     | Sets the blend mode that is, the mode used to combine source color with destination color | BlendMode   | yes      | android/ios | yes               |
+| children | Optional color filter to be applied first.                                                | ColorFilter | no       | android/ios | yes               |
+
+### Lerp
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| t        | Value between 0 and 1.                     | number      | yes      | android/ios | yes               |
+| children | Optional color filter to be applied first. | ColorFilter | yes      | android/ios | yes               |
+
+### LinearToSRGBGamma
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| children | Optional color filter to be applied first. | ColorFilter | no       | android/ios | yes               |
+
+### SRGBToLinearGamma
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| children | Optional color filter to be applied first. | ColorFilter | no       | android/ios | yes               |
+
 ### Mask
 
 #### 属性
@@ -599,7 +913,7 @@ ohpm install
 | Name     | Description                                          | Type               | Required | Platform    | HarmonyOS Support |
 | -------- | ---------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
 | mode     | Is it a luminance or alpha mask (default is `alpha`) | alpha \| luminance | no       | android/ios | yes               |
-| clip     | clip the mask so it doesn't exceed the content       | bool               | no       | android/ios | yes               |
+| clip     | clip the mask so it doesn't exceed the content       | boolean            | no       | android/ios | yes               |
 | mask     | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
 | children | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
 
@@ -620,7 +934,7 @@ ohpm install
 | height | The height of the destination image.                                                                                                                                       | number  | yes      | android/ios | yes               |
 | fit    | The method used to fit the image into the rectangle. Values can be `contain`, `fill`, `cover`, `fitHeight`, `fitWidth`, `scaleDown`, or `none` (the default is `contain`). | Fit     | no       | android/ios | yes               |
 
-### SVG Image
+### ImageSVG
 
 #### 属性
 
@@ -681,7 +995,7 @@ ohpm install
 | y      | y coordinate of the origin of the entire run. Default is 0 | number  | yno      | android/ios | yes               |
 | font   | Font to use                                                | SkFont  | yes      | android/ios | yes               |
 
-### Text Path
+### TextPath
 
 #### 属性
 
@@ -693,9 +1007,9 @@ ohpm install
 | ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
 | path | Path to draw. Can be a string using the [SVG Path notation](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#line_commands) or an object created with `Skia.Path.Make()` | Path \| string | yes      | android/ios | yes               |
 | text | Text to draw                                                                                                                                                                            | string         | yes      | android/ios | yes               |
-| font | Font to use                                                                                                                                                                             |                |          |             |                   |
+| font | Font to use                                                                                                                                                                             | SkFont         | yes      | android/ios | yes               |
 
-### Text Path
+### TextBlob
 
 #### 属性
 
@@ -709,6 +1023,30 @@ ohpm install
 | x    | x coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
 | y    | y coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
 
+### BackdropFilter
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                             | Type                     | Required | Platform    | HarmonyOS Support |
+| ------ | --------------------------------------------------------------------------------------- | ------------------------ | -------- | ----------- | ----------------- |
+| filter | Applies an image filter to the area behind the canvas or behind a defined clipping mask | ReactNode \| ReactNode[] | yes      | android/ios | yes               |
+
+### BackdropBlur
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| blur | Blur radius | number | yes      | android/ios | yes               |
+
 ## RNSkiaModule API
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/zh-cn/react-native-skia.md b/zh-cn/react-native-skia.md
index a4847e58..ac8debb8 100644
--- a/zh-cn/react-native-skia.md
+++ b/zh-cn/react-native-skia.md
@@ -246,6 +246,10 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)
 
+> [!tip] [skia 官方文档](https://shopify.github.io/react-native-skia/docs/getting-started/installation)
+
+> [!tip] 使用此库需要配置 [@react-native-oh-tpl/react-native-reanimated](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md)
+
 ## 组件
 
 ### Canvas
@@ -255,14 +259,14 @@ ohpm install
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
->
-> | Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
-> | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
-> | style    | View style                                                                                                                                             | ViewStyle                | no       | android/ios | yes               |
-> | ref      | Reference to the SkiaView object                                                                                                                       | Ref<SkiaView>            | no       | android/ios | yes               |
-> | mode     | By default, the canvas is only updated when the drawing tree or animation values change. With mode="continuous", the canvas will redraw on every frame | default/continuous       | no       | android/ios | yes               |
-> | onSize   | Reanimated value to which the canvas size will be assigned                                                                                             | SharedValue<Size>        | no       | android/ios | yes               |
-> | onLayout | Invoked on mount and on layout changes                                                                                                                 | NativeEvent<LayoutEvent> | no       | android/ios | yes               |
+
+| Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+| style    | View style                                                                                                                                             | ViewStyle                | no       | android/ios | yes               |
+| ref      | Reference to the SkiaView object                                                                                                                       | Ref<SkiaView>            | no       | android/ios | yes               |
+| mode     | By default, the canvas is only updated when the drawing tree or animation values change. With mode="continuous", the canvas will redraw on every frame | default \| continuous    | no       | android/ios | yes               |
+| onSize   | Reanimated value to which the canvas size will be assigned                                                                                             | SharedValue<Size>        | no       | android/ios | yes               |
+| onLayout | Invoked on mount and on layout changes                                                                                                                 | NativeEvent<LayoutEvent> | no       | android/ios | yes               |
 
 ### Group
 
@@ -295,7 +299,7 @@ ohpm install
 | end    | Trims the end of the path. Value is in the range `[0, 1]` (default is 1).                                                                                                                                                                        | number           | no       | android/ios | yes               |
 | stroke | Turns this path into the filled equivalent of the stroked path. This will fail if the path is a hairline. `StrokeOptions` describes how the stroked path should look. It contains three properties: `width`, `strokeMiterLimit` and, `precision` | StrokeOptions    | no       | android/ios | yes               |
 
-### Polygons
+### Rect
 
 #### 属性
 
@@ -303,14 +307,69 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name   | Description              | Type             | Required | Platform    | HarmonyOS Support |
-| ------ | ------------------------ | ---------------- | -------- | ----------- | ----------------- |
-| x      | X coordinate.            | SkPath`or`string | no       | android/ios | yes               |
-| y      | Y coordinate.            | number           | no       | android/ios | yes               |
-| width  | Width of the rectangle.  | number           | no       | android/ios | yes               |
-| height | Height of the rectangle. | StrokeOptions    | no       | android/ios | yes               |
+| Name   | Description              | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------ | ------ | -------- | ----------- | ----------------- |
+| x      | X coordinate.            | number | yes      | android/ios | yes               |
+| y      | Y coordinate.            | number | yes      | android/ios | yes               |
+| width  | Width of the rectangle.  | number | yes      | android/ios | yes               |
+| height | Height of the rectangle. | number | yes      | android/ios | yes               |
 
-### Ellipses
+### RoundedRect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
+| ------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| x      | X coordinate.                                      | SkPath`or`string | yes      | android/ios | yes               |
+| y      | Y coordinate.                                      | number           | yes      | android/ios | yes               |
+| width  | Width of the rectangle.                            | number           | yes      | android/ios | yes               |
+| height | Height of the rectangle.                           | StrokeOptions    | yes      | android/ios | yes               |
+| r      | Corner radius. Defaults to `ry` if specified or 0. | number`or`Vector | no       | android/ios | yes               |
+
+### DiffRect
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name  | Description      | Type          | Required | Platform    | HarmonyOS Support |
+| ----- | ---------------- | ------------- | -------- | ----------- | ----------------- |
+| outer | Outer rectangle. | Rect \| RRect | yes      | android/ios | yes               |
+| inner | Inner rectangle. | Rect \| RRect | yes      | android/ios | yes               |
+
+### Line
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description  | Type  | Required | Platform    | HarmonyOS Support |
+| ---- | ------------ | ----- | -------- | ----------- | ----------------- |
+| p1   | Start point. | Point | yes      | android/ios | yes               |
+| p2   | End point.   | Point | yes      | android/ios | yes               |
+
+### Points
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                                                                                                | Type      | Required | Platform    | HarmonyOS Support |
+| ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| points | Points to draw.                                                                                                                                            | Point     | yes      | android/ios | yes               |
+| mode   | How should the points be connected. Can be `points` (no connection), `lines` (connect pairs of points), or `polygon` (connect lines). Default is `points`. | PointMode | yes      | android/ios | yes               |
+
+### Circle
 
 #### 属性
 
@@ -320,9 +379,24 @@ ohpm install
 
 | Name | Description  | Type   | Required | Platfor     | HarmonyOS Support |
 | ---- | ------------ | ------ | -------- | ----------- | ----------------- |
-| cx   | Start point. | number | no       | android/ios | yes               |
-| cy   | End point.   | number | no       | android/ios | yes               |
-| r`   | Radius.      | number | no       | android/ios | yes               |
+| cx   | Start point. | number | yes      | android/ios | yes               |
+| cy   | End point.   | number | yes      | android/ios | yes               |
+| r    | Radius.      | number | yes      | android/ios | yes               |
+
+### Oval
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                             | Type   | Required | Platfor     | HarmonyOS Support |
+| ------ | --------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| x      | X coordinate of the bounding rectangle. | number | yes      | android/ios | yes               |
+| y      | Y coordinate of the bounding rectangle. | number | yes      | android/ios | yes               |
+| width  | Width of the bounding rectangle.        | number | yes      | android/ios | yes               |
+| height | Height of the bounding rectangle.       | number | yes      | android/ios | yes               |
 
 ### Atlas
 
@@ -332,13 +406,13 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name       | Type              | Description                                                               | Required | android/ios | HarmonyOS Support |
-| ---------- | ----------------- | ------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| image      | `SkImage or null` | Altas: image containing the sprites.                                      | no       | android/ios | yes               |
-| sprites    | `SkRect[]`        | locations of sprites in atlas.                                            | no       | android/ios | yes               |
-| transforms | `RSXform[]`       | Rotation/scale transforms to be applied for each sprite.                  | no       | android/ios | yes               |
-| colors     | `SkColor[]`       | Optional. Color to blend the sprites with.                                | yes      | android/ios | yes               |
-| blendMode  | `BlendMode`       | Optional. Blend mode used to combine sprites and colors together.\*\*\*\* | yes      | android/ios | yes               |
+| Name       | Type              | Description                                                       | Required | android/ios | HarmonyOS Support |
+| ---------- | ----------------- | ----------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| image      | `SkImage or null` | Altas: image containing the sprites.                              | yes      | android/ios | yes               |
+| sprites    | `SkRect[]`        | locations of sprites in atlas.                                    | yes      | android/ios | yes               |
+| transforms | `RSXform[]`       | Rotation/scale transforms to be applied for each sprite.          | yes      | android/ios | yes               |
+| colors     | `SkColor[]`       | Optional. Color to blend the sprites with.                        | no       | android/ios | yes               |
+| blendMode  | `BlendMode`       | Optional. Blend mode used to combine sprites and colors together. | no       | android/ios | yes               |
 
 ### Vertices
 
@@ -350,12 +424,12 @@ ohpm install
 
 | Name      | Type         | Description                                                                                                                                                           | Required | android/ios | HarmonyOS Support |
 | --------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| vertices  | `Point[]`    | Vertices to draw                                                                                                                                                      | no       | android/ios | yes               |
-| mode      | `VertexMode` | Can be `triangles`, `trianglesStrip` or `triangleFan`. Default is `triangles`                                                                                         | yes      | android/ios | yes               |
-| indices   | `number[]`   | Indices of the vertices that form the triangles. If not provided, the order of the vertices will be taken. Using this property enables you not to duplicate vertices. | yes      | android/ios | yes               |
-| textures  | `Point[]`.   | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint.                                                    | no       | android/ios | yes               |
-| colors    | `string[]`   | Optional colors to be associated to each vertex                                                                                                                       | yes      | android/ios | yes               |
-| blendMode | `BlendMode`  | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not.                       | yes      | android/ios | yes               |
+| vertices  | `Point[]`    | Vertices to draw                                                                                                                                                      | yes      | android/ios | yes               |
+| mode      | `VertexMode` | Can be `triangles`, `trianglesStrip` or `triangleFan`. Default is `triangles`                                                                                         | no       | android/ios | yes               |
+| indices   | `number[]`   | Indices of the vertices that form the triangles. If not provided, the order of the vertices will be taken. Using this property enables you not to duplicate vertices. | no       | android/ios | yes               |
+| textures  | `Point[]`.   | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint.                                                    | yes      | android/ios | yes               |
+| colors    | `string[]`   | Optional colors to be associated to each vertex                                                                                                                       | no       | android/ios | yes               |
+| blendMode | `BlendMode`  | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not.                       | no       | android/ios | yes               |
 
 ### Patch
 
@@ -365,12 +439,86 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name      | Type             | Description                                                                                                                                                 | Required | android/ios | HarmonyOS Support |
-| --------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| cubics    | `CubicBezier[4]` | Specifies four cubic Bezier starting at the top-left corner, in clockwise order, sharing every fourth point. The last cubic Bezier ends at the first point. | no       | android/ios | yes               |
-| textures  | `Point[]`.       | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint                                           | no       | android/ios | yes               |
-| colors    | `string[]`       | Optional colors to be associated to each corner                                                                                                             | yes      | android/ios | yes               |
-| blendMode | `BlendMode`      | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not              | yes      | android/ios | yes               |
+| Name      | Type             | Description                                                  | Required | android/ios | HarmonyOS Support |
+| --------- | ---------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| patch     | `CubicBezier[4]` | Specifies four cubic Bezier starting at the top-left corner, in clockwise order, sharing every fourth point. The last cubic Bezier ends at the first point. | yes      | android/ios | yes               |
+| textures  | `Point[]`.       | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint | yes      | android/ios | yes               |
+| colors    | `string[]`       | Optional colors to be associated to each corner              | no       | android/ios | yes               |
+| blendMode | `BlendMode`      | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not | no       | android/ios | yes               |
+
+### Picture
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name    | Type      | Description       | Required | android/ios | HarmonyOS Support |
+| ------- | --------- | ----------------- | -------- | ----------- | ----------------- |
+| picture | SkPicture | Picture to render | yes      | android/ios | yes               |
+
+### Box
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Type              | Description               | Required | android/ios | HarmonyOS Support |
+| ---- | ----------------- | ------------------------- | -------- | ----------- | ----------------- |
+| box  | SkRRect \| SkRect | The destination rectangle | yes      | android/ios | yes               |
+
+### BoxShadow
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Type    | Description                                     | Required | android/ios | HarmonyOS Support |
+| ------ | ------- | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| dx     | number  | The X offset of the shadow.                     | no       | android/ios | yes               |
+| dy     | number  | The Y offset of the shadow.                     | no       | android/ios | yes               |
+| spread | number  | Optional colors to be associated to each corner | no       | android/ios | yes               |
+| blur   | number  | The blur radius for the shadow                  | yes      | android/ios | yes               |
+| color  | Color   | The color of the drop shadow                    | no       | android/ios | yes               |
+| inner  | boolean | Shadows are drawn within the input content      | no       | android/ios | yes               |
+
+### Shader
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Type                                                                       | Description                   | Required | android/ios | HarmonyOS Support |
+| -------- | -------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
+| source   | RuntimeEffect                                                              | Compiled shaders              | yes      | android/ios | yes               |
+| uniforms | { [name: string]: number \| Vector \| Vector[] \| number[] \| number[][] } | uniform values                | yes      | android/ios | yes               |
+| children | Shader                                                                     | Shaders to be used as uniform | yes      | android/ios | yes               |
+
+### ImageShader
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name      | Description                                                                                                              | Type              | Required | android/ios | HarmonyOS Support |
+| --------- | ------------------------------------------------------------------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
+| image     | Image instance.                                                                                                          | SkImage           | yes      | android/ios | yes               |
+| tx        | Can be `clamp`, `repeat`, `mirror`, or `decal`.                                                                          | TileMode shaders  | no       | android/ios | yes               |
+| ty        | Can be `clamp`, `repeat`, `mirror`, or `decal`.                                                                          | TileMode values   | no       | android/ios | yes               |
+| fm        | Can be `linear` or `nearest`.                                                                                            | FilterMode values | no       | android/ios | yes               |
+| mm        | Can be `none` or `last`.                                                                                                 | MipmapMode        | no       | android/ios | yes               |
+| fit       | Calculate the transformation matrix to fit the rectangle defined by `fitRect`.                                           | Fit               | no       | android/ios | yes               |
+| rect      | The destination rectangle to calculate the transformation matrix via the `fit` property.                                 | SkRect            | no       | android/ios | yes               |
+| transform | The origin property is a helper to set the origin of the transformation. This property is not inherited by its children. | Transforms2d      | no       | android/ios | yes               |
 
 ### Gradients 公共属性
 
@@ -455,8 +603,8 @@ ohpm install
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
 | freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
 | freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
-| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
-| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
+| octaves    | octaves                                                                                                                        | number | no       | android/ios | yes               |
+| seed       | seed                                                                                                                           | number | no       | android/ios | yes               |
 | tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
 | tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
 
@@ -472,8 +620,8 @@ ohpm install
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
 | freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
 | freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
-| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
-| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
+| octaves    | octaves                                                                                                                        | number | no       | android/ios | yes               |
+| seed       | seed                                                                                                                           | number | no       | android/ios | yes               |
 | tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
 | tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
 
@@ -514,7 +662,7 @@ ohpm install
 | --------- | ------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
 | length    | length of the subsegments.                                    | number     | yes      | android/ios | yes               |
 | deviation | limit of the movement of the endpoints.                       | number     | yes      | android/ios | yes               |
-| seed      | modifies the randomness. See SkDiscretePathEffect.h for more. | number     | yes      | android/ios | yes               |
+| seed      | modifies the randomness. See SkDiscretePathEffect.h for more. | number     | no       | android/ios | yes               |
 | children  | Optional path effect to apply.                                | PathEffect | no       | android/ios | yes               |
 
 ### DashPathEffect
@@ -528,7 +676,7 @@ ohpm install
 | Name      | Description                                                                                                                             | Type       | Required | Platform    | HarmonyOS Support |
 | --------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
 | intervals | even number of entries with even indices specifying the length of the "on" intervals, and the odd index specifying the length of "off". | number[]   | yes      | android/ios | yes               |
-| phase     | offset into the intervals array. Defaults to 0.                                                                                         | number     | yes      | android/ios | yes               |
+| phase     | offset into the intervals array. Defaults to 0.                                                                                         | number     | no       | android/ios | yes               |
 | children  | Optional path effect to apply.                                                                                                          | PathEffect | no       | android/ios | yes               |
 
 ### CornerPathEffect
@@ -588,6 +736,172 @@ ohpm install
 | matrix   | Matrix to be applied          | IMatrix    | yes      | android/ios | yes               |
 | children | Optional path effect to apply | PathEffect | no       | android/ios | yes               |
 
+### Shadow
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                            | Type        | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| dx         | The X offset of the shadow.                            | number      | yes      | android/ios | yes               |
+| dy         | The Y offset of the shadow.                            | number      | no       | android/ios | yes               |
+| blur       | The blur radius for the shadow                         | number      | no       | android/ios | yes               |
+| color      | The color of the drop shadow                           | Color       | no       | android/ios | yes               |
+| inner      | Shadows are drawn within the input content             | boolean     | no       | android/ios | yes               |
+| shadowOnly | If true, the result does not include the input content | boolean     | no       | android/ios | yes               |
+| children   | Optional image filter to be applied first              | ImageFilter | no       | android/ios | yes               |
+
+### Blur
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                   | Type             | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| blur     | The Gaussian sigma blur value                                 | number`or`Vector | yes      | android/ios | yes               |
+| mode     | `mirror`, `repeat`, `clamp`, or `decal` (default is `decal`). | TileMode         | no       | android/ios | yes               |
+| children | Optional image filter to be applied first.                    | ImageFilter      | no       | android/ios | yes               |
+
+### DisplacementMap
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                          | Type         | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
+| channelX | Color channel to be used along the X axis. Possible values are `r`, `g`, `b`, or `a` | ColorChannel | yes      | android/ios | yes               |
+| channelY | Color channel to be used along the Y axis. Possible values are `r`, `g`, `b`, or `a` | ColorChannel | no       | android/ios | yes               |
+| scale    | Displacement scale factor to be used                                                 | number       | no       | android/ios | yes               |
+| children | Optional image filter to be applied first                                            | ImageFilter  | no       | android/ios | yes               |
+
+### Offset
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| x        | Offset along the X axis.                   | number      | yes      | android/ios | yes               |
+| y        | Offset along the Y axis.                   | number      | yes      | android/ios | yes               |
+| children | Optional image filter to be applied first. | ImageFilter | no       | android/ios | yes               |
+
+### Morphology
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                         | Type             | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| operator | whether to erode (i.e., thin) or dilate (fatten). Default is dilate | erode`or`dilate  | yes      | android/ios | yes               |
+| radius   | Radius of the effect.                                               | number`or`Vector | yes      | android/ios | yes               |
+| children | Optional image filter to be applied first.                          | ImageFilter      | no       | android/ios | yes               |
+
+### RuntimeShader
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | --------------- | -------- | ----------- | ----------------- |
+| source   | Shader to use as an image filter           | SkRuntimeEffect | yes      | android/ios | yes               |
+| children | Optional image filter to be applied first. | ImageFilter     | no       | android/ios | yes               |
+
+### BlurMask
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name       | Description                                                           | Type      | Required | Platform    | HarmonyOS Support |
+| ---------- | --------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
+| blur       | Standard deviation of the Gaussian blur. Must be > 0.                 | number    | yes      | android/ios | yes               |
+| style      | Can be `normal`, `solid`, `outer`, or `inner` (default is `normal`).  | BlurStyle | no       | android/ios | yes               |
+| respectCTM | if true the blur's sigma is modified by the CTM (default is `false`). | bool      | no       | android/ios | yes               |
+
+### ColorMatrix
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| matrix   | Color Matrix (5x4)                         | number[]    | yes      | android/ios | yes               |
+| children | Optional color filter to be applied first. | ColorFilter | no       | android/ios | yes               |
+
+### BlendColor
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                                                               | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------------------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| color    | Color                                                                                     | Color       | yes      | android/ios | yes               |
+| mode     | Sets the blend mode that is, the mode used to combine source color with destination color | BlendMode   | yes      | android/ios | yes               |
+| children | Optional color filter to be applied first.                                                | ColorFilter | no       | android/ios | yes               |
+
+### Lerp
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| t        | Value between 0 and 1.                     | number      | yes      | android/ios | yes               |
+| children | Optional color filter to be applied first. | ColorFilter | yes      | android/ios | yes               |
+
+### LinearToSRGBGamma
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| children | Optional color filter to be applied first. | ColorFilter | no       | android/ios | yes               |
+
+### SRGBToLinearGamma
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| children | Optional color filter to be applied first. | ColorFilter | no       | android/ios | yes               |
+
 ### Mask
 
 #### 属性
@@ -599,7 +913,7 @@ ohpm install
 | Name     | Description                                          | Type               | Required | Platform    | HarmonyOS Support |
 | -------- | ---------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
 | mode     | Is it a luminance or alpha mask (default is `alpha`) | alpha \| luminance | no       | android/ios | yes               |
-| clip     | clip the mask so it doesn't exceed the content       | bool               | no       | android/ios | yes               |
+| clip     | clip the mask so it doesn't exceed the content       | boolean            | no       | android/ios | yes               |
 | mask     | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
 | children | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
 
@@ -620,7 +934,7 @@ ohpm install
 | height | The height of the destination image.                                                                                                                                       | number  | yes      | android/ios | yes               |
 | fit    | The method used to fit the image into the rectangle. Values can be `contain`, `fill`, `cover`, `fitHeight`, `fitWidth`, `scaleDown`, or `none` (the default is `contain`). | Fit     | no       | android/ios | yes               |
 
-### SVG Image
+### ImageSVG
 
 #### 属性
 
@@ -681,7 +995,7 @@ ohpm install
 | y      | y coordinate of the origin of the entire run. Default is 0 | number  | yno      | android/ios | yes               |
 | font   | Font to use                                                | SkFont  | yes      | android/ios | yes               |
 
-### Text Path
+### TextPath
 
 #### 属性
 
@@ -693,9 +1007,9 @@ ohpm install
 | ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
 | path | Path to draw. Can be a string using the [SVG Path notation](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#line_commands) or an object created with `Skia.Path.Make()` | Path \| string | yes      | android/ios | yes               |
 | text | Text to draw                                                                                                                                                                            | string         | yes      | android/ios | yes               |
-| font | Font to use                                                                                                                                                                             |                |          |             |                   |
+| font | Font to use                                                                                                                                                                             | SkFont         | yes      | android/ios | yes               |
 
-### Text Path
+### TextBlob
 
 #### 属性
 
@@ -709,6 +1023,30 @@ ohpm install
 | x    | x coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
 | y    | y coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
 
+### BackdropFilter
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name   | Description                                                                             | Type                     | Required | Platform    | HarmonyOS Support |
+| ------ | --------------------------------------------------------------------------------------- | ------------------------ | -------- | ----------- | ----------------- |
+| filter | Applies an image filter to the area behind the canvas or behind a defined clipping mask | ReactNode \| ReactNode[] | yes      | android/ios | yes               |
+
+### BackdropBlur
+
+#### 属性
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
+| blur | Blur radius | number | yes      | android/ios | yes               |
+
 ## RNSkiaModule API
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。

From 8a8517a0854e38fcc7a2cbde64cc493daab6e743 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Mon, 28 Oct 2024 07:11:07 +0000
Subject: [PATCH 772/966] =?UTF-8?q?!1787=20docs:=20=20[Issue:=20#IB07IL]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-drax=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=20[Issue:=20#IB07IL]=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-drax=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-drax.md    | 134 ++++++++++++++++++-------------------
 zh-cn/react-native-drax.md | 134 ++++++++++++++++++-------------------
 2 files changed, 134 insertions(+), 134 deletions(-)

diff --git a/en/react-native-drax.md b/en/react-native-drax.md
index b9fa3972..96818cd7 100644
--- a/en/react-native-drax.md
+++ b/en/react-native-drax.md
@@ -141,81 +141,81 @@ const styles = StyleSheet.create({
 
 ### DraxView
 
-|               Name                |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
-| :-------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-|            onDragStart            |     Called in the dragged view when a drag action begins     | function |    no    | iOS/Android |        Yes        |
-|              onDrag               | Called in the dragged view repeatedly while dragged, not over any receiver | function |    no    | iOS/Android |        Yes        |
-|            onDragEnter            | Called in the dragged view when initially dragged over a new receiver | function |    no    | iOS/Android |        Yes        |
-|            onDragOver             | Called in the dragged view repeatedly while dragged over a receiver. | function |    no    | iOS/Android |        Yes        |
-|            onDragExit             |  Called in the dragged view when dragged off of a receiver   | function |    no    | iOS/Android |        Yes        |
-|             onDragEnd             | Called in the dragged view when drag ends not over any receiver or is cancelled | function |    no    | iOS/Android |        Yes        |
-|            onDragDrop             |  Called in the dragged view when drag ends over a receiver   | function |    no    | iOS/Android |        Yes        |
-|           onSnapbackEnd           |  Called in the dragged view when drag release snapback ends  | function |    no    | iOS/Android |        Yes        |
-|        onReceiveDragEnter         | Called in the receiver view each time an item is initially dragged over it | function |    no    | iOS/Android |        Yes        |
-|         onReceiveDragOver         | Called in the receiver view repeatedly while an item is dragged over it | function |    no    | iOS/Android |        Yes        |
-|         onReceiveDragExit         | Called in the receiver view when item is dragged off of it or drag is cancelled | function |    no    | iOS/Android |        Yes        |
-|         onReceiveDragDrop         |      Called in the receiver view when drag ends over it      | function |    no    | iOS/Android |        Yes        |
-|        onMonitorDragStart         | Called in the monitor view when a drag action begins over it | function |    no    | iOS/Android |        Yes        |
-|        onMonitorDragEnter         | Called in the monitor view each time an item is initially dragged over it | function |    no    | iOS/Android |        Yes        |
-|         onMonitorDragOver         | Called in the monitor view repeatedly while an item is dragged over it | function |    no    | iOS/Android |        Yes        |
-|         onMonitorDragExit         |  Called in the monitor view when item is dragged off of it   | function |    no    | iOS/Android |        Yes        |
-|         onMonitorDragEnd          | Called in the monitor view when drag ends over it while not over any receiver or drag is cancelled | function |    no    | iOS/Android |        Yes        |
-|         onMonitorDragDrop         | Called in the monitor view when drag ends over it while over a receiver | function |    no    | iOS/Android |        Yes        |
-|          animateSnapback          | Whether or not to animate hover view snapback after drag release, defaults to true | boolean  |    no    | iOS/Android |        Yes        |
-|              payload              | Convenience prop to provide one value for both `dragPayload` and `receiverPayload` |   any    |    no    | iOS/Android |        Yes        |
-|            dragPayload            | Payload that will be delivered to receiver views when this view is dragged; overrides `payload` |   any    |    no    | iOS/Android |        Yes        |
-|          receiverPayload          | Payload that will be delievered to dragged views when this view receives them; overrides `payload` |   any    |    no    | iOS/Android |        Yes        |
-|         dragInactiveStyle         | Additional view style applied while this view is not being dragged or released |  object  |    no    | iOS/Android |        Yes        |
-|           draggingStyle           | Additional view style applied while this view is being dragged |  object  |    no    | iOS/Android |        Yes        |
-|     draggingWithReceiverStyle     | Additional view style applied while this view is being dragged over a receiver |  object  |    no    | iOS/Android |        Yes        |
-|   draggingWithoutReceiverStyle    | Additional view style applied while this view is being dragged NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
-|         dragReleasedStyle         | Additional view style applied while this view has just been released from a drag |  object  |    no    | iOS/Android |        Yes        |
-|            hoverStyle             | Additional view style applied to the hovering copy of this view during drag/release |  object  |    no    | iOS/Android |        Yes        |
-|        hoverDraggingStyle         | Additional view style applied to the hovering copy of this view while dragging |  object  |    no    | iOS/Android |        Yes        |
-|  hoverDraggingWithReceiverStyle   | Additional view style applied to the hovering copy of this view while dragging over a receiver |  object  |    no    | iOS/Android |        Yes        |
-| hoverDraggingWithoutReceiverStyle | Additional view style applied to the hovering copy of this view while dragging NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
-|      hoverDragReleasedStyle       | Additional view style applied to the hovering copy of this view when just released |  object  |    no    | iOS/Android |        Yes        |
-|       receiverInactiveStyle       | Additional view style applied while this view is not receiving a drag |  object  |    no    | iOS/Android |        Yes        |
-|          receivingStyle           | Additional view style applied while this view is receiving a drag |  object  |    no    | iOS/Android |        Yes        |
-|        otherDraggingStyle         | Additional view style applied to this view while any other view is being dragged |  object  |    no    | iOS/Android |        Yes        |
-|  otherDraggingWithReceiverStyle   | Additional view style applied to this view while any other view is being dragged over a receiver |  object  |    no    | iOS/Android |        Yes        |
-| otherDraggingWithoutReceiverStyle | Additional view style applied to this view while any other view is being dragged NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
-|           renderContent           |       Custom render function for content of this view        |    /     |    no    | iOS/Android |        Yes        |
-|        renderHoverContent         | Custom render function for content of hovering copy of this view, defaults to renderContent |    /     |    no    | iOS/Android |        Yes        |
-|           registration            | For external registration of this view, to access internal methods, similar to a ref | function |    no    | iOS/Android |        Yes        |
-|             onMeasure             |          For receiving view measurements externally          | function |    no    | iOS/Android |        Yes        |
-|         lockDragXPosition         |               If true, lock drag's x-position                | boolean  |    no    | iOS/Android |        Yes        |
-|         lockDragYPosition         |               If true, lock drag's y position                | boolean  |    no    | iOS/Android |        Yes        |
-|             children              |                React children of the DraxView                |    /     |    no    | iOS/Android |        Yes        |
-|              noHover              | If true, do not render hover view copies for this view when dragging | boolean  |    no    | iOS/Android |        Yes        |
-|          longPressDelay           | Time in milliseconds view needs to be pressed before drag starts |  number  |    no    | iOS/Android |        Yes        |
-|             draggable             |               Whether the view can be dragged                | boolean  |    no    | iOS/Android |        Yes        |
+|               Name                |                         Description                          |     Type      | Required |  Platform   | HarmonyOS Support |
+| :-------------------------------: | :----------------------------------------------------------: | :-----------: | :------: | :---------: | :---------------: |
+|            onDragStart            |          Callback function at the start of dragging          |   function    |    no    | iOS/Android |        Yes        |
+|              onDrag               |              Callback function during dragging               |   function    |    no    | iOS/Android |        Yes        |
+|            onDragEnter            |           Callback function when a drag is entered           |   function    |    no    | iOS/Android |        Yes        |
+|            onDragOver             |       Callback function when dragging the floating top       |   function    |    no    | iOS/Android |        Yes        |
+|            onDragExit             |            Callback function when the drag exits             |   function    |    no    | iOS/Android |        Yes        |
+|             onDragEnd             |           Callback function at the end of dragging           |   function    |    no    | iOS/Android |        Yes        |
+|            onDragDrop             |        Callback function when dragging and releasing         |   function    |    no    | iOS/Android |        Yes        |
+|           onSnapbackEnd           |    Callback function at the end of the rebound animation     |   function    |    no    | iOS/Android |        Yes        |
+|        onReceiveDragEnter         |           Callback function when a drag is entered           |   function    |    no    | iOS/Android |        Yes        |
+|         onReceiveDragOver         |         Callback function when dragging and hovering         |   function    |    no    | iOS/Android |        Yes        |
+|         onReceiveDragExit         |            Callback function when the drag exits             |   function    |    no    | iOS/Android |        Yes        |
+|         onReceiveDragDrop         |        Callback function when dragging and releasing         |   function    |    no    | iOS/Android |        Yes        |
+|        onMonitorDragStart         |    Callback function when the start of a drag is detected    |   function    |    no    | iOS/Android |        Yes        |
+|        onMonitorDragEnter         |       Callback function when a drag entry is detected        |   function    |    no    | iOS/Android |        Yes        |
+|         onMonitorDragOver         |         Callback function when dragging is detected          |   function    |    no    | iOS/Android |        Yes        |
+|         onMonitorDragExit         |        Callback function when a drag exit is detected        |   function    |    no    | iOS/Android |        Yes        |
+|         onMonitorDragEnd          |    Callback function when the end of dragging is detected    |   function    |    no    | iOS/Android |        Yes        |
+|         onMonitorDragDrop         |      Callback function after a drag release is detected      |   function    |    no    | iOS/Android |        Yes        |
+|          animateSnapback          | Whether to animate hovering view snapshots after drag release |    boolean    |    no    | iOS/Android |        Yes        |
+|              payload              |                  Data passed when dragging                   |      any      |    no    | iOS/Android |        Yes        |
+|            dragPayload            |              Data transferred by the drag party              |      any      |    no    | iOS/Android |        Yes        |
+|          receiverPayload          |               Data transferred by the receiver               |      any      |    no    | iOS/Android |        Yes        |
+|         dragInactiveStyle         |            Style of the drag side before the drag            |    object     |    no    | iOS/Android |        Yes        |
+|           draggingStyle           |      The style applied to the drag side during the drag      |    object     |    no    | iOS/Android |        Yes        |
+|     draggingWithReceiverStyle     | The style applied to the drag side when the drag side is directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|   draggingWithoutReceiverStyle    | The style applied to the drag side when the drag side is not directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|         dragReleasedStyle         | The style applied to the drag side when the drag side is released |    object     |    no    | iOS/Android |        Yes        |
+|            hoverStyle             | Drag sideDrag sideThe style applied to the drag side snapshot when the snapshot is hovered |    object     |    no    | iOS/Android |        Yes        |
+|        hoverDraggingStyle         | Drag side The style applied to the drag side snapshot when dragging |    object     |    no    | iOS/Android |        Yes        |
+|  hoverDraggingWithReceiverStyle   | The style applied to the snapshot of the drager when the drager is directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+| hoverDraggingWithoutReceiverStyle | The style applied to the drag side snapshot when the drag side is not directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|      hoverDragReleasedStyle       | Drag side The style applied to the drag side snapshot when the drag stops |    object     |    no    | iOS/Android |        Yes        |
+|       receiverInactiveStyle       |  The style applied to the recipient before the drag starts   |    object     |    no    | iOS/Android |        Yes        |
+|          receivingStyle           | The style applied to the recipient when the drag is directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|        otherDraggingStyle         |      Styles applied to the drag side during other drags      |    object     |    no    | iOS/Android |        Yes        |
+|  otherDraggingWithReceiverStyle   | The style applied to the drag side when the other drag side is directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+| otherDraggingWithoutReceiverStyle | The style applied to the drag party when the other drag party is not directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|           renderContent           | Renders the content of the internal subnodes of the drag-and-drop component |   function    |    no    | iOS/Android |        Yes        |
+|        renderHoverContent         | Used to render the content of the internal subnodes of the drag-and-drop copy component |   function    |    no    | iOS/Android |        Yes        |
+|           registration            | Callback function, which can receive data transferred within the component |   function    |    no    | iOS/Android |        Yes        |
+|             onMeasure             | Callback function, which can receive data transferred within the component |   function    |    no    | iOS/Android |        Yes        |
+|         lockDragXPosition         | Indicates whether to lock the drag in the horizontal direction (x axis) |    boolean    |    no    | iOS/Android |        Yes        |
+|         lockDragYPosition         | Indicates whether to lock the drag in the vertical direction (y axis) |    boolean    |    no    | iOS/Android |        Yes        |
+|             children              | Renders the content of the internal subnodes of the drag-and-drop component. This parameter is valid only when the renderContent rendering method does not exist | React Element |    no    | iOS/Android |        Yes        |
+|              noHover              |   Sets whether to disable the drag-and-drop copy function    |    boolean    |    no    | iOS/Android |        Yes        |
+|          longPressDelay           | Sets the minimum time (in milliseconds) for the view to recognize touch and hold gestures |    number     |    no    | iOS/Android |        Yes        |
+|             draggable             | Indicates whether dragging is allowed. The default value is true |    boolean    |    no    | iOS/Android |        Yes        |
 
 ###  DraxScrollView
 
-|   Name   |                  Description                   |   Type   | Required |  Platform   | HarmonyOS Support |
-| :------: | :--------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-| children |         React children of the DraxView         |    /     |    no    | iOS/Android |        Yes        |
-| onScroll | Callback generated when scrolling is triggered | function |    no    | iOS/Android |        Yes        |
+|   Name   |          Description          |     Type      | Required |  Platform   | HarmonyOS Support |
+| :------: | :---------------------------: | :-----------: | :------: | :---------: | :---------------: |
+| children | Component React Node subnode  | React Element |    no    | iOS/Android |        Yes        |
+| onScroll | Sliding event callback method |   function    |    no    | iOS/Android |        Yes        |
 
 ### DraxList
 
 |           Name           |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
 | :----------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-|           data           |                      Each item of data                       |  array   |    no    | iOS/Android |        Yes        |
-|      flatListStyle       |            Style prop for the underlying FlatList            |  object  |    no    | iOS/Android |        Yes        |
-|        itemStyles        |    Style props to apply to all DraxView items in the list    |  object  |    no    | iOS/Android |        Yes        |
-|    renderItemContent     |      Render function for content of an item's DraxView       |    /     |    no    | iOS/Android |        Yes        |
-|  renderItemHoverContent  | Render function for content of an item's hovering copy, defaults to renderItemContent |    /     |    no    | iOS/Android |        Yes        |
-|     onItemDragStart      | Callback handler for when a list item reorder drag action begins | function |    no    | iOS/Android |        Yes        |
-| onItemDragPositionChange | Callback handler for when a list item position (index) changes during a reorder drag | function |    no    | iOS/Android |        Yes        |
-|      onItemDragEnd       | Callback handler for when a list item reorder drag action ends | function |    no    | iOS/Android |        Yes        |
-|      onItemReorder       | Callback handler for when a list item is moved within the list, reordering the list | function |    no    | iOS/Android |        Yes        |
-|       reorderable        | Can the list be reordered by dragging items? Defaults to true if onItemReorder is set | boolean  |    no    | iOS/Android |        Yes        |
-|    viewPropsExtractor    | Function that receives an item and returns a list of DraxViewProps to apply to that item's DraxView | function |    no    | iOS/Android |        Yes        |
-|         onScroll         |        Callback generated when scrolling is triggered        | function |    no    | iOS/Android |        Yes        |
-|      itemsDraggable      |          Can the items be dragged? Defaults to true          | boolean  |    no    | iOS/Android |        Yes        |
-| lockItemDragsToMainAxis  |       If true, lock item drags to the list's main axis       | boolean  |    no    | iOS/Android |        Yes        |
+|           data           |            Data source of the DraxList component             |  array   |    no    | iOS/Android |        Yes        |
+|      flatListStyle       |      Sets the style of the internal FlatList component       |  object  |    no    | iOS/Android |        Yes        |
+|        itemStyles        | Sets the style of an item in the internal FlatList component |  object  |    no    | iOS/Android |        Yes        |
+|    renderItemContent     |  Method for Rendering Item Items in the DraxList Component   | function |    no    | iOS/Android |        Yes        |
+|  renderItemHoverContent  | Method of Rendering Item Snapshots in the DraxList Component | function |    no    | iOS/Android |        Yes        |
+|     onItemDragStart      | Callback is executed when an item in the DraxList component starts to be dragged | function |    no    | iOS/Android |        Yes        |
+| onItemDragPositionChange | Callback is executed when the position of an item in the DraxList component changes | function |    no    | iOS/Android |        Yes        |
+|      onItemDragEnd       | Callback when the drag of an item in the DraxList component ends | function |    no    | iOS/Android |        Yes        |
+|      onItemReorder       | Callback for recording the moving index position of an item  | function |    no    | iOS/Android |        Yes        |
+|       reorderable        |           Sets whether to enable automatic sorting           | boolean  |    no    | iOS/Android |        Yes        |
+|    viewPropsExtractor    |     Props can be returned based on the data of each item     | function |    no    | iOS/Android |        Yes        |
+|         onScroll         |                Sliding event callback method                 | function |    no    | iOS/Android |        Yes        |
+|      itemsDraggable      | Indicates whether items in the FlatList component can be dragged | boolean  |    no    | iOS/Android |        Yes        |
+| lockItemDragsToMainAxis  | Indicates whether to lock the drag direction of items in the FlatList component to the main axis direction | boolean  |    no    | iOS/Android |        Yes        |
 
 ## 遗留问题
 
diff --git a/zh-cn/react-native-drax.md b/zh-cn/react-native-drax.md
index b9fa3972..96818cd7 100644
--- a/zh-cn/react-native-drax.md
+++ b/zh-cn/react-native-drax.md
@@ -141,81 +141,81 @@ const styles = StyleSheet.create({
 
 ### DraxView
 
-|               Name                |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
-| :-------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-|            onDragStart            |     Called in the dragged view when a drag action begins     | function |    no    | iOS/Android |        Yes        |
-|              onDrag               | Called in the dragged view repeatedly while dragged, not over any receiver | function |    no    | iOS/Android |        Yes        |
-|            onDragEnter            | Called in the dragged view when initially dragged over a new receiver | function |    no    | iOS/Android |        Yes        |
-|            onDragOver             | Called in the dragged view repeatedly while dragged over a receiver. | function |    no    | iOS/Android |        Yes        |
-|            onDragExit             |  Called in the dragged view when dragged off of a receiver   | function |    no    | iOS/Android |        Yes        |
-|             onDragEnd             | Called in the dragged view when drag ends not over any receiver or is cancelled | function |    no    | iOS/Android |        Yes        |
-|            onDragDrop             |  Called in the dragged view when drag ends over a receiver   | function |    no    | iOS/Android |        Yes        |
-|           onSnapbackEnd           |  Called in the dragged view when drag release snapback ends  | function |    no    | iOS/Android |        Yes        |
-|        onReceiveDragEnter         | Called in the receiver view each time an item is initially dragged over it | function |    no    | iOS/Android |        Yes        |
-|         onReceiveDragOver         | Called in the receiver view repeatedly while an item is dragged over it | function |    no    | iOS/Android |        Yes        |
-|         onReceiveDragExit         | Called in the receiver view when item is dragged off of it or drag is cancelled | function |    no    | iOS/Android |        Yes        |
-|         onReceiveDragDrop         |      Called in the receiver view when drag ends over it      | function |    no    | iOS/Android |        Yes        |
-|        onMonitorDragStart         | Called in the monitor view when a drag action begins over it | function |    no    | iOS/Android |        Yes        |
-|        onMonitorDragEnter         | Called in the monitor view each time an item is initially dragged over it | function |    no    | iOS/Android |        Yes        |
-|         onMonitorDragOver         | Called in the monitor view repeatedly while an item is dragged over it | function |    no    | iOS/Android |        Yes        |
-|         onMonitorDragExit         |  Called in the monitor view when item is dragged off of it   | function |    no    | iOS/Android |        Yes        |
-|         onMonitorDragEnd          | Called in the monitor view when drag ends over it while not over any receiver or drag is cancelled | function |    no    | iOS/Android |        Yes        |
-|         onMonitorDragDrop         | Called in the monitor view when drag ends over it while over a receiver | function |    no    | iOS/Android |        Yes        |
-|          animateSnapback          | Whether or not to animate hover view snapback after drag release, defaults to true | boolean  |    no    | iOS/Android |        Yes        |
-|              payload              | Convenience prop to provide one value for both `dragPayload` and `receiverPayload` |   any    |    no    | iOS/Android |        Yes        |
-|            dragPayload            | Payload that will be delivered to receiver views when this view is dragged; overrides `payload` |   any    |    no    | iOS/Android |        Yes        |
-|          receiverPayload          | Payload that will be delievered to dragged views when this view receives them; overrides `payload` |   any    |    no    | iOS/Android |        Yes        |
-|         dragInactiveStyle         | Additional view style applied while this view is not being dragged or released |  object  |    no    | iOS/Android |        Yes        |
-|           draggingStyle           | Additional view style applied while this view is being dragged |  object  |    no    | iOS/Android |        Yes        |
-|     draggingWithReceiverStyle     | Additional view style applied while this view is being dragged over a receiver |  object  |    no    | iOS/Android |        Yes        |
-|   draggingWithoutReceiverStyle    | Additional view style applied while this view is being dragged NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
-|         dragReleasedStyle         | Additional view style applied while this view has just been released from a drag |  object  |    no    | iOS/Android |        Yes        |
-|            hoverStyle             | Additional view style applied to the hovering copy of this view during drag/release |  object  |    no    | iOS/Android |        Yes        |
-|        hoverDraggingStyle         | Additional view style applied to the hovering copy of this view while dragging |  object  |    no    | iOS/Android |        Yes        |
-|  hoverDraggingWithReceiverStyle   | Additional view style applied to the hovering copy of this view while dragging over a receiver |  object  |    no    | iOS/Android |        Yes        |
-| hoverDraggingWithoutReceiverStyle | Additional view style applied to the hovering copy of this view while dragging NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
-|      hoverDragReleasedStyle       | Additional view style applied to the hovering copy of this view when just released |  object  |    no    | iOS/Android |        Yes        |
-|       receiverInactiveStyle       | Additional view style applied while this view is not receiving a drag |  object  |    no    | iOS/Android |        Yes        |
-|          receivingStyle           | Additional view style applied while this view is receiving a drag |  object  |    no    | iOS/Android |        Yes        |
-|        otherDraggingStyle         | Additional view style applied to this view while any other view is being dragged |  object  |    no    | iOS/Android |        Yes        |
-|  otherDraggingWithReceiverStyle   | Additional view style applied to this view while any other view is being dragged over a receiver |  object  |    no    | iOS/Android |        Yes        |
-| otherDraggingWithoutReceiverStyle | Additional view style applied to this view while any other view is being dragged NOT over a receiver |  object  |    no    | iOS/Android |        Yes        |
-|           renderContent           |       Custom render function for content of this view        |    /     |    no    | iOS/Android |        Yes        |
-|        renderHoverContent         | Custom render function for content of hovering copy of this view, defaults to renderContent |    /     |    no    | iOS/Android |        Yes        |
-|           registration            | For external registration of this view, to access internal methods, similar to a ref | function |    no    | iOS/Android |        Yes        |
-|             onMeasure             |          For receiving view measurements externally          | function |    no    | iOS/Android |        Yes        |
-|         lockDragXPosition         |               If true, lock drag's x-position                | boolean  |    no    | iOS/Android |        Yes        |
-|         lockDragYPosition         |               If true, lock drag's y position                | boolean  |    no    | iOS/Android |        Yes        |
-|             children              |                React children of the DraxView                |    /     |    no    | iOS/Android |        Yes        |
-|              noHover              | If true, do not render hover view copies for this view when dragging | boolean  |    no    | iOS/Android |        Yes        |
-|          longPressDelay           | Time in milliseconds view needs to be pressed before drag starts |  number  |    no    | iOS/Android |        Yes        |
-|             draggable             |               Whether the view can be dragged                | boolean  |    no    | iOS/Android |        Yes        |
+|               Name                |                         Description                          |     Type      | Required |  Platform   | HarmonyOS Support |
+| :-------------------------------: | :----------------------------------------------------------: | :-----------: | :------: | :---------: | :---------------: |
+|            onDragStart            |          Callback function at the start of dragging          |   function    |    no    | iOS/Android |        Yes        |
+|              onDrag               |              Callback function during dragging               |   function    |    no    | iOS/Android |        Yes        |
+|            onDragEnter            |           Callback function when a drag is entered           |   function    |    no    | iOS/Android |        Yes        |
+|            onDragOver             |       Callback function when dragging the floating top       |   function    |    no    | iOS/Android |        Yes        |
+|            onDragExit             |            Callback function when the drag exits             |   function    |    no    | iOS/Android |        Yes        |
+|             onDragEnd             |           Callback function at the end of dragging           |   function    |    no    | iOS/Android |        Yes        |
+|            onDragDrop             |        Callback function when dragging and releasing         |   function    |    no    | iOS/Android |        Yes        |
+|           onSnapbackEnd           |    Callback function at the end of the rebound animation     |   function    |    no    | iOS/Android |        Yes        |
+|        onReceiveDragEnter         |           Callback function when a drag is entered           |   function    |    no    | iOS/Android |        Yes        |
+|         onReceiveDragOver         |         Callback function when dragging and hovering         |   function    |    no    | iOS/Android |        Yes        |
+|         onReceiveDragExit         |            Callback function when the drag exits             |   function    |    no    | iOS/Android |        Yes        |
+|         onReceiveDragDrop         |        Callback function when dragging and releasing         |   function    |    no    | iOS/Android |        Yes        |
+|        onMonitorDragStart         |    Callback function when the start of a drag is detected    |   function    |    no    | iOS/Android |        Yes        |
+|        onMonitorDragEnter         |       Callback function when a drag entry is detected        |   function    |    no    | iOS/Android |        Yes        |
+|         onMonitorDragOver         |         Callback function when dragging is detected          |   function    |    no    | iOS/Android |        Yes        |
+|         onMonitorDragExit         |        Callback function when a drag exit is detected        |   function    |    no    | iOS/Android |        Yes        |
+|         onMonitorDragEnd          |    Callback function when the end of dragging is detected    |   function    |    no    | iOS/Android |        Yes        |
+|         onMonitorDragDrop         |      Callback function after a drag release is detected      |   function    |    no    | iOS/Android |        Yes        |
+|          animateSnapback          | Whether to animate hovering view snapshots after drag release |    boolean    |    no    | iOS/Android |        Yes        |
+|              payload              |                  Data passed when dragging                   |      any      |    no    | iOS/Android |        Yes        |
+|            dragPayload            |              Data transferred by the drag party              |      any      |    no    | iOS/Android |        Yes        |
+|          receiverPayload          |               Data transferred by the receiver               |      any      |    no    | iOS/Android |        Yes        |
+|         dragInactiveStyle         |            Style of the drag side before the drag            |    object     |    no    | iOS/Android |        Yes        |
+|           draggingStyle           |      The style applied to the drag side during the drag      |    object     |    no    | iOS/Android |        Yes        |
+|     draggingWithReceiverStyle     | The style applied to the drag side when the drag side is directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|   draggingWithoutReceiverStyle    | The style applied to the drag side when the drag side is not directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|         dragReleasedStyle         | The style applied to the drag side when the drag side is released |    object     |    no    | iOS/Android |        Yes        |
+|            hoverStyle             | Drag sideDrag sideThe style applied to the drag side snapshot when the snapshot is hovered |    object     |    no    | iOS/Android |        Yes        |
+|        hoverDraggingStyle         | Drag side The style applied to the drag side snapshot when dragging |    object     |    no    | iOS/Android |        Yes        |
+|  hoverDraggingWithReceiverStyle   | The style applied to the snapshot of the drager when the drager is directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+| hoverDraggingWithoutReceiverStyle | The style applied to the drag side snapshot when the drag side is not directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|      hoverDragReleasedStyle       | Drag side The style applied to the drag side snapshot when the drag stops |    object     |    no    | iOS/Android |        Yes        |
+|       receiverInactiveStyle       |  The style applied to the recipient before the drag starts   |    object     |    no    | iOS/Android |        Yes        |
+|          receivingStyle           | The style applied to the recipient when the drag is directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|        otherDraggingStyle         |      Styles applied to the drag side during other drags      |    object     |    no    | iOS/Android |        Yes        |
+|  otherDraggingWithReceiverStyle   | The style applied to the drag side when the other drag side is directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+| otherDraggingWithoutReceiverStyle | The style applied to the drag party when the other drag party is not directly above the recipient |    object     |    no    | iOS/Android |        Yes        |
+|           renderContent           | Renders the content of the internal subnodes of the drag-and-drop component |   function    |    no    | iOS/Android |        Yes        |
+|        renderHoverContent         | Used to render the content of the internal subnodes of the drag-and-drop copy component |   function    |    no    | iOS/Android |        Yes        |
+|           registration            | Callback function, which can receive data transferred within the component |   function    |    no    | iOS/Android |        Yes        |
+|             onMeasure             | Callback function, which can receive data transferred within the component |   function    |    no    | iOS/Android |        Yes        |
+|         lockDragXPosition         | Indicates whether to lock the drag in the horizontal direction (x axis) |    boolean    |    no    | iOS/Android |        Yes        |
+|         lockDragYPosition         | Indicates whether to lock the drag in the vertical direction (y axis) |    boolean    |    no    | iOS/Android |        Yes        |
+|             children              | Renders the content of the internal subnodes of the drag-and-drop component. This parameter is valid only when the renderContent rendering method does not exist | React Element |    no    | iOS/Android |        Yes        |
+|              noHover              |   Sets whether to disable the drag-and-drop copy function    |    boolean    |    no    | iOS/Android |        Yes        |
+|          longPressDelay           | Sets the minimum time (in milliseconds) for the view to recognize touch and hold gestures |    number     |    no    | iOS/Android |        Yes        |
+|             draggable             | Indicates whether dragging is allowed. The default value is true |    boolean    |    no    | iOS/Android |        Yes        |
 
 ###  DraxScrollView
 
-|   Name   |                  Description                   |   Type   | Required |  Platform   | HarmonyOS Support |
-| :------: | :--------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-| children |         React children of the DraxView         |    /     |    no    | iOS/Android |        Yes        |
-| onScroll | Callback generated when scrolling is triggered | function |    no    | iOS/Android |        Yes        |
+|   Name   |          Description          |     Type      | Required |  Platform   | HarmonyOS Support |
+| :------: | :---------------------------: | :-----------: | :------: | :---------: | :---------------: |
+| children | Component React Node subnode  | React Element |    no    | iOS/Android |        Yes        |
+| onScroll | Sliding event callback method |   function    |    no    | iOS/Android |        Yes        |
 
 ### DraxList
 
 |           Name           |                         Description                          |   Type   | Required |  Platform   | HarmonyOS Support |
 | :----------------------: | :----------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
-|           data           |                      Each item of data                       |  array   |    no    | iOS/Android |        Yes        |
-|      flatListStyle       |            Style prop for the underlying FlatList            |  object  |    no    | iOS/Android |        Yes        |
-|        itemStyles        |    Style props to apply to all DraxView items in the list    |  object  |    no    | iOS/Android |        Yes        |
-|    renderItemContent     |      Render function for content of an item's DraxView       |    /     |    no    | iOS/Android |        Yes        |
-|  renderItemHoverContent  | Render function for content of an item's hovering copy, defaults to renderItemContent |    /     |    no    | iOS/Android |        Yes        |
-|     onItemDragStart      | Callback handler for when a list item reorder drag action begins | function |    no    | iOS/Android |        Yes        |
-| onItemDragPositionChange | Callback handler for when a list item position (index) changes during a reorder drag | function |    no    | iOS/Android |        Yes        |
-|      onItemDragEnd       | Callback handler for when a list item reorder drag action ends | function |    no    | iOS/Android |        Yes        |
-|      onItemReorder       | Callback handler for when a list item is moved within the list, reordering the list | function |    no    | iOS/Android |        Yes        |
-|       reorderable        | Can the list be reordered by dragging items? Defaults to true if onItemReorder is set | boolean  |    no    | iOS/Android |        Yes        |
-|    viewPropsExtractor    | Function that receives an item and returns a list of DraxViewProps to apply to that item's DraxView | function |    no    | iOS/Android |        Yes        |
-|         onScroll         |        Callback generated when scrolling is triggered        | function |    no    | iOS/Android |        Yes        |
-|      itemsDraggable      |          Can the items be dragged? Defaults to true          | boolean  |    no    | iOS/Android |        Yes        |
-| lockItemDragsToMainAxis  |       If true, lock item drags to the list's main axis       | boolean  |    no    | iOS/Android |        Yes        |
+|           data           |            Data source of the DraxList component             |  array   |    no    | iOS/Android |        Yes        |
+|      flatListStyle       |      Sets the style of the internal FlatList component       |  object  |    no    | iOS/Android |        Yes        |
+|        itemStyles        | Sets the style of an item in the internal FlatList component |  object  |    no    | iOS/Android |        Yes        |
+|    renderItemContent     |  Method for Rendering Item Items in the DraxList Component   | function |    no    | iOS/Android |        Yes        |
+|  renderItemHoverContent  | Method of Rendering Item Snapshots in the DraxList Component | function |    no    | iOS/Android |        Yes        |
+|     onItemDragStart      | Callback is executed when an item in the DraxList component starts to be dragged | function |    no    | iOS/Android |        Yes        |
+| onItemDragPositionChange | Callback is executed when the position of an item in the DraxList component changes | function |    no    | iOS/Android |        Yes        |
+|      onItemDragEnd       | Callback when the drag of an item in the DraxList component ends | function |    no    | iOS/Android |        Yes        |
+|      onItemReorder       | Callback for recording the moving index position of an item  | function |    no    | iOS/Android |        Yes        |
+|       reorderable        |           Sets whether to enable automatic sorting           | boolean  |    no    | iOS/Android |        Yes        |
+|    viewPropsExtractor    |     Props can be returned based on the data of each item     | function |    no    | iOS/Android |        Yes        |
+|         onScroll         |                Sliding event callback method                 | function |    no    | iOS/Android |        Yes        |
+|      itemsDraggable      | Indicates whether items in the FlatList component can be dragged | boolean  |    no    | iOS/Android |        Yes        |
+| lockItemDragsToMainAxis  | Indicates whether to lock the drag direction of items in the FlatList component to the main axis direction | boolean  |    no    | iOS/Android |        Yes        |
 
 ## 遗留问题
 

From 98d2afc674b71087e11f004aaa7449dca8fa1587 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Tue, 29 Oct 2024 02:06:58 +0000
Subject: [PATCH 773/966] =?UTF-8?q?!1785=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-navigation-bottom-sheet=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20?=
 =?UTF-8?q?*=20docs:=20=E4=BF=AE=E6=94=B9react-navigation-bottom-sheet?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-navigation-bottom-sheet.md    | 4 ++--
 zh-cn/react-navigation-bottom-sheet.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-navigation-bottom-sheet.md b/en/react-navigation-bottom-sheet.md
index 93c280cc..6fc8f818 100644
--- a/en/react-navigation-bottom-sheet.md
+++ b/en/react-navigation-bottom-sheet.md
@@ -202,9 +202,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/bottom-sheet. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md) to add it to your project.
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)、[@react-native-oh-tpl/bottom-sheet](/en/gorhom-bottom-sheet.md) to add it to your project.
 
 ## Constraints
 
diff --git a/zh-cn/react-navigation-bottom-sheet.md b/zh-cn/react-navigation-bottom-sheet.md
index 5202d304..c25653f4 100644
--- a/zh-cn/react-navigation-bottom-sheet.md
+++ b/zh-cn/react-navigation-bottom-sheet.md
@@ -201,9 +201,9 @@ const styles = StyleSheet.create({
 ```
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/bottom-sheet的原生端代码，如已在鸿蒙工程中引入过这三个库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/bottom-sheet 文档](/zh-cn/gorhom-bottom-sheet.md)进行引入
 
 ## 约束与限制
 

From 286f04b7051891b201902b8dfcfcce95c9c72354 Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Tue, 29 Oct 2024 02:07:34 +0000
Subject: [PATCH 774/966] =?UTF-8?q?!1790=20docs:=20[Issue:=20#IB0C4D]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issue:=20#IB0C4D]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-code-push.md    | 4 ----
 zh-cn/react-native-code-push.md | 4 ----
 2 files changed, 8 deletions(-)

diff --git a/en/react-native-code-push.md b/en/react-native-code-push.md
index 0ba8a084..307c5756 100644
--- a/en/react-native-code-push.md
+++ b/en/react-native-code-push.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 
 > 模板版本：v0.2.2
 
@@ -385,7 +384,6 @@ build() {
 | ----------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------------------------------- | ----------------- |
 | sync              | sync方法，自动模式更新                                                                                                                | function | yes      | Android IOS | yes               |
 | getUpdateMetadata | 获取当前已安装更新的元数据(RemotePackage),当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                 | function | no       | Android iOS                             | yes               |
-| DownloadProgress  | 下载中的进度回调，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android iOS                             | yes               |
 | restartApp        | 重启App，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                        | function | no       | Android iOS                             | yes               |
 | getCurrentPackage | 获取应用版本信息，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android iOS                             | yes               |
 | getConfiguration  | 获取应用配置信息，appVersion（版本号），deploymentKey（deploymentKey），serverUrl（服务器地址），clientUniqueId（唯一标识码）,当使用sync方法时，不需要调用本方法，因为sync会自动调用 | function | no       | Android iOS                             | yes               |
@@ -428,5 +426,3 @@ build() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/microsoft/react-native-code-push/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 0ba8a084..307c5756 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 
 > 模板版本：v0.2.2
 
@@ -385,7 +384,6 @@ build() {
 | ----------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------------------------------- | ----------------- |
 | sync              | sync方法，自动模式更新                                                                                                                | function | yes      | Android IOS | yes               |
 | getUpdateMetadata | 获取当前已安装更新的元数据(RemotePackage),当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                 | function | no       | Android iOS                             | yes               |
-| DownloadProgress  | 下载中的进度回调，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android iOS                             | yes               |
 | restartApp        | 重启App，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                        | function | no       | Android iOS                             | yes               |
 | getCurrentPackage | 获取应用版本信息，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android iOS                             | yes               |
 | getConfiguration  | 获取应用配置信息，appVersion（版本号），deploymentKey（deploymentKey），serverUrl（服务器地址），clientUniqueId（唯一标识码）,当使用sync方法时，不需要调用本方法，因为sync会自动调用 | function | no       | Android iOS                             | yes               |
@@ -428,5 +426,3 @@ build() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/microsoft/react-native-code-push/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->

From 8b83ddb963659b2f6ac8760966dbe15d22acc3c4 Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Tue, 29 Oct 2024 07:41:52 +0000
Subject: [PATCH 775/966] =?UTF-8?q?!1794=20docs:=20[Issues:=20#IB0INP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-shared-element=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB0INP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-shared-element=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-shared-element.md    | 3 ++-
 zh-cn/react-native-shared-element.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-shared-element.md b/en/react-native-shared-element.md
index 1d03074f..b821dcf9 100644
--- a/en/react-native-shared-element.md
+++ b/en/react-native-shared-element.md
@@ -392,9 +392,10 @@ Check the release version information in the release address of the third-party
 
 | Name          | Description                                                      | Type   | Required | Platform | HarmonyOS Support |
 |---------------|------------------------------------------------------------------|--------|----------|----------|-------------------|
+| auto          |  the default alignment strategy is used, which is center-center  | string | no       | ALL      | yes               |
 | left-center   | Aligns the shared element to the left-center position            | string | no       | ALL      | yes               |
 | left-top      | Aligns the shared element to the left-top position               | string | no       | ALL      | yes               |
-| left-right    | Aligns the shared element to the left-right position             | string | no       | ALL      | yes               |
+| left-bottom    | Aligns the shared element to the left-bottom position             | string | no       | ALL      | yes               |
 | right-center  | Aligns the shared element to the right-center position          | string | no       | ALL      | yes               |
 | right-top     | Aligns the shared element to the right-top position              | string | no       | ALL      | yes               |
 | right-bottom  | Aligns the shared element to the right-bottom position           | string | no       | ALL      | yes               |
diff --git a/zh-cn/react-native-shared-element.md b/zh-cn/react-native-shared-element.md
index d89956e5..3239d185 100644
--- a/zh-cn/react-native-shared-element.md
+++ b/zh-cn/react-native-shared-element.md
@@ -394,9 +394,10 @@ ohpm install
 
 | Name          | Description                                                      | Type   | Required | Platform | HarmonyOS Support |
 |---------------|------------------------------------------------------------------|--------|----------|----------|-------------------|
+| auto          |  the default alignment strategy is used, which is center-center  | string | no       | ALL      | yes               |
 | left-center   | Aligns the shared element to the left-center position            | string | no       | ALL      | yes               |
 | left-top      | Aligns the shared element to the left-top position               | string | no       | ALL      | yes               |
-| left-right    | Aligns the shared element to the left-right position             | string | no       | ALL      | yes               |
+| left-bottom    | Aligns the shared element to the left-bottom position             | string | no       | ALL      | yes               |
 | right-center  | Aligns the shared element to the right-center position          | string | no       | ALL      | yes               |
 | right-top     | Aligns the shared element to the right-top position              | string | no       | ALL      | yes               |
 | right-bottom  | Aligns the shared element to the right-bottom position           | string | no       | ALL      | yes               |

From 8103d4c6deb40b05c3833a6512bac576fd1811fe Mon Sep 17 00:00:00 2001
From: yangyuchun <1465065939@qq.com>
Date: Tue, 29 Oct 2024 07:56:12 +0000
Subject: [PATCH 776/966] =?UTF-8?q?!1792=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-idfa-aaid=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-idfa-aaid=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-idfa-aaid.md    | 2 +-
 zh-cn/react-native-idfa-aaid.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-idfa-aaid.md b/en/react-native-idfa-aaid.md
index ec5588d1..5fde6d41 100644
--- a/en/react-native-idfa-aaid.md
+++ b/en/react-native-idfa-aaid.md
@@ -302,7 +302,7 @@ ohpm install
 {
   "string": [
 +    {
-+      "name": "name":"page_show",
++      "name": "page_show",
 +      "value": "page from npm package"
 +    }
   ]
diff --git a/zh-cn/react-native-idfa-aaid.md b/zh-cn/react-native-idfa-aaid.md
index ec5588d1..5fde6d41 100644
--- a/zh-cn/react-native-idfa-aaid.md
+++ b/zh-cn/react-native-idfa-aaid.md
@@ -302,7 +302,7 @@ ohpm install
 {
   "string": [
 +    {
-+      "name": "name":"page_show",
++      "name": "page_show",
 +      "value": "page from npm package"
 +    }
   ]

From 171272921c76e454c6931a63361ec85edc9fa480 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Tue, 29 Oct 2024 09:08:22 +0000
Subject: [PATCH 777/966] =?UTF-8?q?!1789=20docs:=20[#IB0B6K]=20=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E7=BF=BB=E8=AF=91=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-date-picker=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-video-cache=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-iconfont-cli=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:?=
 =?UTF-8?q?=20=E7=BF=BB=E8=AF=91react-native-mqtt=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-input-scroll-view=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20do?=
 =?UTF-8?q?cs:=20=E7=BF=BB=E8=AF=91react-native-modals=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91openspacelab?=
 =?UTF-8?q?s-react-native-zoomable-view=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-drax?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91ant-design-react-native=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-communit?=
 =?UTF-8?q?y-toolbar-android=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20doc?=
 =?UTF-8?q?s:=20=E7=BF=BB=E8=AF=91react-native-clipboard-clipboard?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-community-geolocation=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-community-progress-view-capi=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-communit?=
 =?UTF-8?q?y-progress-view=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:?=
 =?UTF-8?q?=20=E7=BF=BB=E8=AF=91react-native-picker-picker(nocodegen)?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-picker-picker=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-communit?=
 =?UTF-8?q?y-netinfo=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-tab-navigator=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native?=
 =?UTF-8?q?-QRCode=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-pickers=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-subscr?=
 =?UTF-8?q?ibe=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-secharts=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-modalbox?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-modal-popover=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-md5?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-dynamic=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-slider?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-keyboard-aware-scroll-view=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91rea?=
 =?UTF-8?q?ct-native-check-box=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20d?=
 =?UTF-8?q?ocs:=20=E7=BF=BB=E8=AF=91react-native-reanimated-carousel?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91react-native-pdf=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=20*=20docs:=20=E7=BF=BB=E8=AF=91react-native-dotenv=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20=E7=BF=BB=E8=AF=91rea?=
 =?UTF-8?q?ct-native-action-button=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*?=
 =?UTF-8?q?=20docs:=20=E7=BF=BB=E8=AF=91react-native-section-list-get-item?=
 =?UTF-8?q?-layout=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E=20*=20docs:=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-qrcode-svg=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/ant-design-react-native.md                 | 210 ++++++++-------
 ...penspacelabs-react-native-zoomable-view.md |  38 ++-
 en/react-native-QRCode.md                     |  52 ++--
 en/react-native-action-button.md              |  39 +--
 en/react-native-check-box.md                  |  72 ++---
 en/react-native-clipboard-clipboard.md        |  96 +++----
 en/react-native-community-geolocation.md      |  95 +++----
 en/react-native-community-netinfo.md          |  90 +++----
 ...act-native-community-progress-view-capi.md |  83 +++---
 en/react-native-community-progress-view.md    |  90 +++----
 en/react-native-community-toolbar-android.md  |  90 +++----
 en/react-native-date-picker.md                | 251 ++++++++----------
 en/react-native-dotenv.md                     |  46 ++--
 en/react-native-drax.md                       |  46 ++--
 en/react-native-dynamic.md                    |  40 ++-
 en/react-native-iconfont-cli.md               |  47 ++--
 en/react-native-input-scroll-view.md          |  41 ++-
 en/react-native-keyboard-aware-scroll-view.md |  45 ++--
 en/react-native-md5.md                        |  37 ++-
 en/react-native-modal-popover.md              |  45 ++--
 en/react-native-modalbox.md                   |  48 ++--
 en/react-native-modals.md                     |  43 ++-
 en/react-native-mqtt.md                       |  92 +++----
 en/react-native-pdf.md                        |  98 ++++---
 en/react-native-picker-picker(nocodegen).md   | 100 ++++---
 en/react-native-picker-picker.md              |  98 ++++---
 en/react-native-pickers.md                    |  58 ++--
 en/react-native-qrcode-svg.md                 |  46 ++--
 en/react-native-reanimated-carousel.md        |  36 ++-
 en/react-native-secharts.md                   |  50 ++--
 ...act-native-section-list-get-item-layout.md |  38 +--
 en/react-native-slider.md                     |  47 ++--
 en/react-native-tab-navigator.md              |  42 ++-
 en/react-native-video-cache.md                | 101 ++++---
 en/react-subscribe.md                         |  74 +++---
 35 files changed, 1203 insertions(+), 1321 deletions(-)

diff --git a/en/ant-design-react-native.md b/en/ant-design-react-native.md
index 047ba9f5..50a6a56a 100644
--- a/en/ant-design-react-native.md
+++ b/en/ant-design-react-native.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@ant-design/react-native</code> </h1>
@@ -14,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/ant-design/ant-design-mobile-rn)
+> [!TIP] [GitHub address](https://github.com/ant-design/ant-design-mobile-rn)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,39 +32,35 @@ npm install @ant-design/react-native@5.2.2
 yarn add @ant-design/react-native@5.2.2
 ```
 
-> [!TIP] 本库还依赖了[@react-native-oh-tpl/slider](/zh-cn/react-native-community-slider.md)、[@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-modal-popover](/zh-cn/react-native-modal-popover.md)、[@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)和[react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md)
-
-> **Warning:**
-> @bang88/react-native-ultimate-listview 这个依赖库还没鸿蒙化，会影响到里面的一个 ListView 组件，如果想暂时解决掉这个报错的话，可以在 node_modules\@bang88\react-native-ultimate-listview\src 目录下添加一个 refreshableScrollView.js 文件。
+> [!WARNING] @bang88/react-native-ultimate-listview 这个依赖库还没鸿蒙化，会影响到里面的一个 ListView 组件，如果想暂时解决掉这个报错的话，可以在 node_modules\@bang88\react-native-ultimate-listview\src 目录下添加一个 refreshableScrollView.js 文件。
 
 ## 链接字体图标
 
+Open `react-native.config.js` and add the following code:
+
 ```bash
-// 配置根目录下的 `react-native.config.js` 文件
 module.exports = {
   assets: ['node_modules/@ant-design/icons-react-native/fonts'],
 };
 ```
 
-然后
+Then, run the following instruction on the terminal:
 
 ```bash
-# 手动执行命令
 npm install react-native-asset && npx react-native-asset
 ```
 
 ### 在 ArkTs 侧引入和注册字体文件
 
-> [!WARNING] 使用时 import 的库名不变。
+Step 1:
 
-步骤一：
 复制字体文件到 `\entry\src\main\resources\rawfile\fonts` 目录下(没有 fonts 文件夹就新建一个，如使用了外部字体文件，需要将\*.ttf 文件复制过来)
 
-步骤二：
-打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+Step 2:
 
-```diff
+Open `entry/src/main/ets/pages/Index.ets` and add the following code:
 
+```diff
     @Entry
     @Component
     struct Index {
@@ -94,7 +88,9 @@ npm install react-native-asset && npx react-native-asset
 
 > [!TIP] Demo 中字体属于 IconFont 文件；自定义字体也需要用统一的方法在此注册。
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import React from "react";
@@ -188,45 +184,45 @@ export default class BasicTagExample extends React.Component {
 
 ## Link
 
-> [!TIP] @react-native-oh-tpl/react-native-gesture-handler 安装 v2.14.7 版本配套使用
+> [!TIP] @react-native-oh-tpl/react-native-gesture-handler Version: v2.14.7
 
-> [!TIP] @react-native-oh-tpl/slider 安装 v4.4.3-0.3.2 版本配套使用
+> [!TIP] @react-native-oh-tpl/slider Version: v4.4.3-0.3.2
 
-> [!TIP] @react-native-oh-tpl/react-native-modal-popover 安装 v2.1.3-0.0.1 版本配套使用
+> [!TIP] @react-native-oh-tpl/react-native-modal-popover Version: v2.1.3-0.0.1
 
-> [!TIP] @react-native-oh-tpl/react-native-reanimated 安装 v3.6.2 版本配套使用
+> [!TIP] @react-native-oh-tpl/react-native-reanimated Version: v3.6.2
 
-本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/slider、@react-native-oh-tpl/react-native-gesture-handler 、@react-native-oh-tpl/react-native-reanimated 和@react-native-oh-tpl/react-native-modal-popover 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/slider @react-native-oh-tpl/react-native-gesture-handler @react-native-oh-tpl/react-native-reanimated and @react-native-oh-tpl/react-native-modal-popover. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照文档进行引入
+If it is not included, follow the guides to add it to your project:
 
-- [@react-native-oh-tpl/slider 引入方法](/zh-cn/react-native-community-slider.md)
+- [@react-native-oh-tpl/slider](/en/react-native-community-slider.md)
 
-- [@react-native-oh-tpl/react-native-gesture-handler 引入方法](/zh-cn/react-native-gesture-handler.md)
+- [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)
 
-- [@react-native-oh-tpl/react-native-modal-popover 引入方法](/zh-cn/react-native-modal-popover.md)
+- [@react-native-oh-tpl/react-native-modal-popover](/en/react-native-modal-popover.md)
 
-- [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
+- [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
-## 组件
+## Component
 
-详细请查看 [ant-design-mobile-rn 的文档介绍](http://rn.mobile.ant.design/docs/react/introduce-cn)
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-以下为目前已支持的组件属性：
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+For details, see [ant-design-mobile-rn](http://rn.mobile.ant.design/docs/react/introduce-cn)
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+以下为目前已支持的组件属性：
 
-**Accordion**：手风琴组件，可以折叠/展开的内容区域。
+**Accordion**: 手风琴组件，可以折叠/展开的内容区域。
 
 |       Name        |              Description               |           Type            | Required | Platform | HarmonyOS Support |
 | :---------------: | :------------------------------------: | :-----------------------: | :------: | :------: | :---------------: |
@@ -235,14 +231,14 @@ export default class BasicTagExample extends React.Component {
 
 更多自定义属性请参考 https://github.com/oblador/react-native-collapsible#properties-1
 
-**Accordion.Panel**：Accordion 子组件。
+**Accordion.Panel**: Accordion 子组件。
 
 |  Name  |  Description   |          Type           | Required | Platform | HarmonyOS Support |
 | :----: | :------------: | :---------------------: | :------: | :------: | :---------------: |
 |  key   | 对应 activeKey |         String          |    No    |   All    |        Yes        |
 | header |   面板头内容   | React.Element or String |   Yes    |   All    |        Yes        |
 
-**ActionSheet**：动作面板组件，从底部弹出的模态框，提供和当前场景相关的 2 个以上的操作动作，也支持提供标题和描述。
+**ActionSheet**: 动作面板组件，从底部弹出的模态框，提供和当前场景相关的 2 个以上的操作动作，也支持提供标题和描述。
 
 |          Name          |                 Description                  |          Type           | Required | Platform | HarmonyOS Support |
 | :--------------------: | :------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
@@ -252,13 +248,13 @@ export default class BasicTagExample extends React.Component {
 |         title          |                   顶部标题                   |         String          |    No    |   All    |        Yes        |
 |        message         |             顶部标题下的简要消息             | String 或 React.element |    No    |   All    |        Yes        |
 
-**Card**：卡片组件，用于组织信息和操作，通常也作为详细信息的入口。
+**Card**: 卡片组件，用于组织信息和操作，通常也作为详细信息的入口。
 
 | Name | Description |  Type   | Required | Platform | HarmonyOS Support |
 | :--: | :---------: | :-----: | :------: | :------: | :---------------: |
 | full |  是否通栏   | boolean |    No    |   All    |        Yes        |
 
-**Card.Header**：卡片子组件。
+**Card.Header**: 卡片子组件。
 
 |    Name    |   Description    |         Type          | Required | Platform | HarmonyOS Support |
 | :--------: | :--------------: | :-------------------: | :------: | :------: | :---------------: |
@@ -267,14 +263,14 @@ export default class BasicTagExample extends React.Component {
 | thumbStyle |   标题图片样式   |        Object         |    No    |   All    |        Yes        |
 |   extra    | 卡片标题辅助内容 | React.Element、String |    No    |   All    |        Yes        |
 
-**Card.Footer**：卡片子组件。
+**Card.Footer**: 卡片子组件。
 
 |  Name   | Description  |         Type          | Required | Platform | HarmonyOS Support |
 | :-----: | :----------: | :-------------------: | :------: | :------: | :---------------: |
 | content |   尾部内容   | React.Element、String |    No    |   All    |        Yes        |
 |  extra  | 尾部辅助内容 | React.Element、String |    No    |   All    |        Yes        |
 
-**Icon**：图标组件。
+**Icon**: 图标组件。
 
 | Name  |     Description     |                Type                | Required | Platform | HarmonyOS Support |
 | :---: | :-----------------: | :--------------------------------: | :------: | :------: | :---------------: |
@@ -282,7 +278,7 @@ export default class BasicTagExample extends React.Component {
 | size  |      图标大小       | 'xxs'/'xs'/'sm'/'md'/'lg' / number |    No    |   All    |        Yes        |
 | color |      图标颜色       |               Color                |    No    |   All    |        Yes        |
 
-**List**：列表组件，单个连续模块垂直排列，显示当前的内容、状态和可进行的操作。eg：联系人列表。
+**List**: 列表组件，单个连续模块垂直排列，显示当前的内容、状态和可进行的操作。eg：联系人列表。
 
 |     Name     |   Description    |                                                              Type                                                              | Required | Platform | HarmonyOS Support |
 | :----------: | :--------------: | :----------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -290,7 +286,7 @@ export default class BasicTagExample extends React.Component {
 | renderFooter |   list footer    |                                                            (): void                                                            |    No    |   All    |        Yes        |
 |    styles    | 语义化结构 style | [ListStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list/index.zh-CN.md#liststyle-语义化样式) |    No    |   All    |        Yes        |
 
-**List.Item**：列表子组件。
+**List.Item**: 列表子组件。
 
 |     Name     |                                         Description                                         |                                                                                      Type                                                                                      | Required | Platform | HarmonyOS Support |
 | :----------: | :-----------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -303,11 +299,11 @@ export default class BasicTagExample extends React.Component {
 |     wrap     |                          是否换行，默认情况下，文字超长会被隐藏，                           |                                                                                    Boolean                                                                                     |    No    |   All    |        Yes        |
 |    styles    |                                      语义化结构 style                                       | [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.0-rc.0/components/list/index.zh-CN.md#listitemstyle-%E8%AF%AD%E4%B9%89%E5%8C%96%E6%A0%B7%E5%BC%8F) |    No    |   All    |        Yes        |
 
-**List.Item.Brief**：列表辅助说明组件。
+**List.Item.Brief**: 列表辅助说明组件。
 
-**ListView**：列表 Experimental 组件，当你需要一个 infinite scroll 列表时，请使用 ListView。[更多文档](https://github.com/gameboyVito/react-native-ultimate-listview)
+**ListView**: 列表 Experimental 组件，当你需要一个 infinite scroll 列表时，请使用 ListView。[更多文档](https://github.com/gameboyVito/react-native-ultimate-listview)
 
-**Modal**：对话框组件，用作显示系统的重要信息，并请求用户进行操作反馈，eg：删除某个重要内容时，弹出 Modal 进行二次确认。
+**Modal**: 对话框组件，用作显示系统的重要信息，并请求用户进行操作反馈，eg：删除某个重要内容时，弹出 Modal 进行二次确认。
 
 |      Name      |                                                                     Description                                                                      |          Type           | Required | Platform | HarmonyOS Support |
 | :------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
@@ -322,7 +318,7 @@ export default class BasicTagExample extends React.Component {
 |     footer     |                                                                       底部内容                                                                       | Array [{text, onPress}] |    No    |   All    |        Yes        |
 | onRequestClose | onRequestClose 回调会在用户按下 Android 设备上的后退按键或是 Apple TV 上的菜单键时触发。返回 true 时会在 modal 处于开启状态时阻止 BackHandler 事件。 |       (): boolean       |    No    |   All    |        No         |
 
-**Modal.alert(title, message, actions?, platform?)**：对话框组件。
+**Modal.alert(title, message, actions?, platform?)**: 对话框组件。
 
 |     Name      |                             Description                             |          Type           | Required | Platform | HarmonyOS Support |
 | :-----------: | :-----------------------------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
@@ -331,7 +327,7 @@ export default class BasicTagExample extends React.Component {
 |    actions    |                  按钮组, [{text, onPress, style}]                   |          Array          |    No    |   All    |        Yes        |
 | onBackHandler | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |       (): boolean       |    No    |   All    |        Yes        |
 
-**Modal.prompt(title, message, callbackOrActions, type?, defaultValue?, placeholders?, platform?)**：对话框组件。
+**Modal.prompt(title, message, callbackOrActions, type?, defaultValue?, placeholders?, platform?)**: 对话框组件。
 
 |       Name        |                             Description                             |                     Type                      | Required | Platform | HarmonyOS Support |
 | :---------------: | :-----------------------------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -343,16 +339,16 @@ export default class BasicTagExample extends React.Component {
 |   placeholders    |                              ['', '']                               |                   String[]                    |    No    |   All    |        Yes        |
 |   onBackHandler   | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 |                  (): boolean                  |    No    |   All    |        No         |
 
-**Modal.operation(actions?, onBackHandler?)**：对话框组件。
+**Modal.operation(actions?, onBackHandler?)**: 对话框组件。
 
 |     Name      |                             Description                             |    Type     | Required | Platform | HarmonyOS Support |
 | :-----------: | :-----------------------------------------------------------------: | :---------: | :------: | :------: | :---------------: |
 |    actions    |                  按钮组, [{text, onPress, style}]                   |    Array    |    No    |   All    |        Yes        |
 | onBackHandler | 返回键的回调(非必须)，返回 true 则关闭 modal，false 阻止 modal 关闭 | (): boolean |    No    |   All    |        Yes        |
 
-**Portal**：Portal 组件，注意：源码复制自 react-native-paper 更多信息请移步https://callstack.github.io/react-native-paper/portal.html。
+**Portal**: Portal 组件，注意：源码复制自 react-native-paper 更多信息请移步https://callstack.github.io/react-native-paper/portal.html。
 
-**Result**：结果页组件，在整张页面中组织插画、图标、文字等内容，向用户反馈操作结果。
+**Result**: 结果页组件，在整张页面中组织插画、图标、文字等内容，向用户反馈操作结果。
 
 |     Name      |          Description          |           Type            | Required | Platform | HarmonyOS Support |
 | :-----------: | :---------------------------: | :-----------------------: | :------: | :------: | :---------------: |
@@ -364,7 +360,7 @@ export default class BasicTagExample extends React.Component {
 |  buttonType   |     请参考 button 的配置      |          string           |    No    |   All    |        Yes        |
 | onButtonClick |         按钮回调函数          |     (e: Object): void     |    No    |   All    |        Yes        |
 
-**Toast**：轻提示组件，一种轻量级反馈/提示，可以用来显示不会打断用户操作的内容，适合用于页面转场、数据交互的等场景中。
+**Toast**: 轻提示组件，一种轻量级反馈/提示，可以用来显示不会打断用户操作的内容，适合用于页面转场、数据交互的等场景中。
 
 |   Name    |          Description           |                                                               Type                                                                | Required | Platform | HarmonyOS Support |
 | :-------: | :----------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -388,7 +384,7 @@ export default class BasicTagExample extends React.Component {
 
 **Toast.removeAll**: 关闭所有显示中的 `Toast`。
 
-**ActivityIndicator**：活动指示器组件，表明某个任务正在进行中。
+**ActivityIndicator**: 活动指示器组件，表明某个任务正在进行中。
 
 |   Name    |          Description           |  Type   | Required | Platform | HarmonyOS Support |
 | :-------: | :----------------------------: | :-----: | :------: | :------: | :---------------: |
@@ -398,7 +394,7 @@ export default class BasicTagExample extends React.Component {
 |   text    |          loading 文本          | string  |    No    |   All    |        Yes        |
 |   color   |          spinner 颜色          | string  |    No    |   All    |        Yes        |
 
-**Badge**：徽标数组件，图标右上角的红点、数字或者文字。用于告知用户，该区域的状态变化或者待处理任务的数量。
+**Badge**: 徽标数组件，图标右上角的红点、数字或者文字。用于告知用户，该区域的状态变化或者待处理任务的数量。
 
 |     Name      |        Description         |       Type       | Required | Platform | HarmonyOS Support |
 | :-----------: | :------------------------: | :--------------: | :------: | :------: | :---------------: |
@@ -408,7 +404,7 @@ export default class BasicTagExample extends React.Component {
 |      dot      | 不展示数字，只有一个小红点 |     boolean      |    No    |   All    |        Yes        |
 | overflowCount |      展示封顶的数字值      |      number      |    No    |   All    |        Yes        |
 
-**Button**：按钮组件，点击后会触发一个操作。
+**Button**: 按钮组件，点击后会触发一个操作。
 
 |      Name       |                     Description                      |       Type        | Required | Platform | HarmonyOS Support |
 | :-------------: | :--------------------------------------------------: | :---------------: | :------: | :------: | :---------------: |
@@ -424,7 +420,7 @@ export default class BasicTagExample extends React.Component {
 | onShowUnderlay  |       同 RN TouchableHighlight onShowUnderlay        | (e: Object): void |    No    |   All    |        Yes        |
 | onHideUnderlay  |       同 RN TouchableHighlight onHideUnderlay        | (e: Object): void |    No    |   All    |        Yes        |
 
-**Carousel**：走马灯组件。
+**Carousel**: 走马灯组件。
 
 |       Name       |      Description       |            Type            | Required | Platform | HarmonyOS Support |
 | :--------------: | :--------------------: | :------------------------: | :------: | :------: | :---------------: |
@@ -446,7 +442,7 @@ export default class BasicTagExample extends React.Component {
 | :--: | :------------: | :---------------------------------------: | :------: | :------: | :---------------: |
 | goTo | 跳转到指定位置 | (index: number, animated?: boolean): void |    No    |   All    |        Yes        |
 
-**Checkbox**：复选框组件。
+**Checkbox**: 复选框组件。
 
 |      Name      |               Description               |        Type        | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------------------: | :----------------: | :------: | :------: | :---------------: |
@@ -456,11 +452,11 @@ export default class BasicTagExample extends React.Component {
 | indeterminate  | 设置 indeterminate 状态，只负责样式控制 |      Boolean       |    No    |   All    |        Yes        |
 |    onChange    |        change 事件触发的回调函数        | (e: Event) => void |    No    |   All    |        Yes        |
 
-**Checkbox.CheckboxItem**：基于 List.Item 对 Checkbox 进行封装,List.Item 的 thumb 属性固定传入 Checkbox,其他属性和 List.Item 一致。 其他 API 和 Checkbox 相同。
+**Checkbox.CheckboxItem**: 基于 List.Item 对 Checkbox 进行封装,List.Item 的 thumb 属性固定传入 Checkbox,其他属性和 List.Item 一致。 其他 API 和 Checkbox 相同。
 
-**Checkbox.AgreeItem**：用于同意协议这种场景的复选框。
+**Checkbox.AgreeItem**: 用于同意协议这种场景的复选框。
 
-**DatePicker**：日期选择组件，用于选择日期或者时间。
+**DatePicker**: 日期选择组件，用于选择日期或者时间。
 
 |     Name      |                                           Description                                            |                                            Type                                             | Required | Platform | HarmonyOS Support |
 | :-----------: | :----------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -475,7 +471,7 @@ export default class BasicTagExample extends React.Component {
 |    locale     |                             国际化，可覆盖全局 LocaleProvider 的配置                             | Object: {okText, dismissText, extra, DatePickerLocale:{ year,month,day,hour,minute,am,pm }} |    No    |   All    |        Yes        |
 |    filter     |                                        过滤可供选择的时间                                        |                                      DatePickerFilter                                       |    No    |   All    |        Yes        |
 
-**DatePickerView**：日期选择器组件，atePickerView 的功能类似于 DatePicker ，但它是直接渲染在区域中，而不是弹出窗口。
+**DatePickerView**: 日期选择器组件，atePickerView 的功能类似于 DatePicker ，但它是直接渲染在区域中，而不是弹出窗口。
 
 |     Name      |                                           Description                                            |                        Type                         | Required | Platform | HarmonyOS Support |
 | :-----------: | :----------------------------------------------------------------------------------------------: | :-------------------------------------------------: | :------: | :------: | :---------------: |
@@ -489,7 +485,7 @@ export default class BasicTagExample extends React.Component {
 |  renderLabel  | 自定义渲染每列展示的内容。其中 type 参数为 precision 中的任意值或 now，data 参数为默认渲染的数字 | (type:Precision / 'now', data: number) => ReactNode |    No    |   All    |        Yes        |
 |    filter     |                                        过滤可供选择的时间                                        |                  DatePickerFilter                   |    No    |   All    |        Yes        |
 
-**InputItem**：文本输入组件，用于接受单行文本。
+**InputItem**: 文本输入组件，用于接受单行文本。
 
 |           Name           |                                                                                                                     Description                                                                                                                     |        Type         | Required | Platform | HarmonyOS Support |
 | :----------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------: | :------: | :------: | :---------------: |
@@ -513,7 +509,7 @@ export default class BasicTagExample extends React.Component {
 |           last           |                                                                                           如果是最后一项，则将移除 borderBottom（默认拥有 borderBottom）                                                                                            |        bool         |    No    |   All    |        Yes        |
 |          locale          |                                                                                                国际化, 当 type 为 money，可以自定义确认按钮的文案。                                                                                                 |        bool         |    No    |   All    |        No         |
 
-**Picker**：选择器组件，在一组预设数据中进行选择，e.g. 省市区选择。
+**Picker**: 选择器组件，在一组预设数据中进行选择，e.g. 省市区选择。
 
 |        Name        |                                                           Description                                                            |                                       Type                                       | Required | Platform | HarmonyOS Support |
 | :----------------: | :------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -550,6 +546,7 @@ export default class BasicTagExample extends React.Component {
 | numberOfLines |                                       允许每列显示行数                                       |         Number         |    No    |   All    |        Yes        |
 
 **Picker 遮罩层**
+
 还支持自定义遮罩样式，如使用渐变组件`<LinearGradient />`。当前默认为白色半透明。
 
 |       Name       |       Description        |                                             Type                                             | Required | Platform | HarmonyOS Support |
@@ -558,7 +555,8 @@ export default class BasicTagExample extends React.Component {
 | renderMaskBottom | 自定义渲染下半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
 
 **Picker 的 Children**
-通常是 [List.Item](/components/list-cn/#List.Item) ，以下属性也是围绕着`List.Item`展开：
+
+通常是 [List.Item](/components/list-cn/#List.Item) ，以下属性也是围绕着`List.Item`展开: 
 
 |    Name     |                  Description                  |          Type           | Required | Platform | HarmonyOS Support |
 | :---------: | :-------------------------------------------: | :---------------------: | :------: | :------: | :---------------: |
@@ -568,7 +566,7 @@ export default class BasicTagExample extends React.Component {
 |  disabled   |                  是否不可用                   |         Boolean         |    No    |   All    |        Yes        |
 |   format    |  格式化选中值的函数，用于回显在 extra 属性上  | (labels: string[]): any |    No    |   All    |        Yes        |
 
-**PickerView**：PickerView 的功能类似于 Picker ，但它是直接渲染在区域中，而不是弹出窗口。
+**PickerView**: PickerView 的功能类似于 Picker ，但它是直接渲染在区域中，而不是弹出窗口。
 
 |      Name      |                              Description                               |                                       Type                                       | Required | Platform | HarmonyOS Support |
 | :------------: | :--------------------------------------------------------------------: | :------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -602,7 +600,7 @@ export default class BasicTagExample extends React.Component {
 |  renderMaskTop   | 自定义渲染上半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
 | renderMaskBottom | 自定义渲染下半部分遮罩层 | `()=> ReactNode` 或 `<View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.8)' }} />` |    No    |   All    |        Yes        |
 
-**Progress**：进度条组件，表明某个任务的当前进度。
+**Progress**: 进度条组件，表明某个任务的当前进度。
 
 |   Name   |                        Description                         |  Type   | Required | Platform | HarmonyOS Support |
 | :------: | :--------------------------------------------------------: | :-----: | :------: | :------: | :---------------: |
@@ -612,7 +610,7 @@ export default class BasicTagExample extends React.Component {
 |  style   |                         进度条样式                         | object  |    No    |   All    |        Yes        |
 | barStyle |                          进度样式                          | object  |    No    |   All    |        Yes        |
 
-**Pagination**：分页器组件。
+**Pagination**: 分页器组件。
 
 |   Name   |                Description                 |             Type             | Required | Platform | HarmonyOS Support |
 | :------: | :----------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -624,7 +622,7 @@ export default class BasicTagExample extends React.Component {
 |  locale  | 国际化, 可以覆盖全局 LocaleProvider 的配置 | Object：{prevText, nextText} |    No    |   All    |        Yes        |
 | onChange |         change 事件触发的回调函数          |      (e: Object): void       |    No    |   All    |        Yes        |
 
-**Radio**：单选框组件。
+**Radio**: 单选框组件。
 
 |      Name      |          Description          |                     Type                      | Required | Platform | HarmonyOS Support |
 | :------------: | :---------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -635,9 +633,10 @@ export default class BasicTagExample extends React.Component {
 |     value      | 携带的标识值，用于 Group 模式 |                  RadioValue                   |    No    |   All    |        Yes        |
 
 **Radio.RadioItem**
+
 基于 List.Item 对 Radio 进行封装,List.Item 的 extra 属性固定传入 Radio,其他属性和 List.Item 一致。 其他 API 和 Radio 相同。
 
-**Radio.Group**：单选框子组件。
+**Radio.Group**: 单选框子组件。
 
 |     Name     |        Description        |                                       Type                                        | Required | Platform | HarmonyOS Support |
 | :----------: | :-----------------------: | :-------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -647,7 +646,7 @@ export default class BasicTagExample extends React.Component {
 |   onChange   | change 事件触发的回调函数 |                   (e: { target: { checked: boolean } }) => void                   |    No    |   All    |        Yes        |
 |    value     |   用于设置当前选中的值    |                                    RadioValue                                     |    No    |   All    |        Yes        |
 
-**Stepper**：步进器，用作增加或者减少当前数值。
+**Stepper**: 步进器，用作增加或者减少当前数值。
 
 |       Name       |                                                      Description                                                      |                                    Type                                    | Required | Platform | HarmonyOS Support |
 | :--------------: | :-------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -669,7 +668,7 @@ export default class BasicTagExample extends React.Component {
 |    stringMode    | 字符值模式，开启后支持高精度小数。开启后 `defaultValue`、`value`、`min`、`max`、`onChange` 等都将转换为 `string` 类型 |                                 `boolean`                                  |    No    |   All    |        Yes        |
 |    inputStyle    |                                               react native 显示数字样式                                               |                           ReactNative StyleSheet                           |    No    |   All    |        Yes        |
 
-**Steps**：步骤条组件，显示一个任务的进度；或者引导用户完成某个复杂任务。
+**Steps**: 步骤条组件，显示一个任务的进度；或者引导用户完成某个复杂任务。
 
 |   Name    |                                 Description                                 |               Type                | Required | Platform | HarmonyOS Support |
 | :-------: | :-------------------------------------------------------------------------: | :-------------------------------: | :------: | :------: | :---------------: |
@@ -678,7 +677,7 @@ export default class BasicTagExample extends React.Component {
 |  status   |             指定当前步骤的状态，可选 wait process finish error              |              string               |    No    |   All    |        Yes        |
 | direction |                     step 样式( RN 目前只支持 vertical )                     | Enum { 'vertical', 'horizontal' } |    No    |   All    |        Yes        |
 
-**Steps.Step**：步骤条组件，步骤条内的每一个步骤。
+**Steps.Step**: 步骤条组件，步骤条内的每一个步骤。
 
 |    Name     |                             Description                              |                                         Type                                          | Required | Platform | HarmonyOS Support |
 | :---------: | :------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -688,7 +687,7 @@ export default class BasicTagExample extends React.Component {
 |    icon     |                            步骤图标，可选                            |                                 object/React.Element                                  |    No    |   All    |        Yes        |
 | renderIcon  |                         自定义步骤图标，可选                         | (params: { starting: boolean; waiting: boolean; error: boolean; }) => React.ReactNode |    No    |   All    |        Yes        |
 
-**Switch**：滑动开关组件，在两个互斥对象进行选择，eg：选择开或关。
+**Switch**: 滑动开关组件，在两个互斥对象进行选择，eg：选择开或关。
 
 |       Name        |                       Description                       |                  Type                   | Required | Platform | HarmonyOS Support |
 | :---------------: | :-----------------------------------------------------: | :-------------------------------------: | :------: | :------: | :---------------: |
@@ -701,7 +700,7 @@ export default class BasicTagExample extends React.Component {
 |  checkedChildren  |                      选中时的内容                       |                ReactNode                |    No    |   All    |        Yes        |
 | unCheckedChildren |                     非选中时的内容                      |                ReactNode                |    No    |   All    |        Yes        |
 
-**Tabs**：标签页组件，用于让用户在不同的视图中进行切换。
+**Tabs**: 标签页组件，用于让用户在不同的视图中进行切换。
 
 |            Name            |        Description         |                          Type                          | Required | Platform | HarmonyOS Support |
 | :------------------------: | :------------------------: | :----------------------------------------------------: | :------: | :------: | :---------------: |
@@ -739,7 +738,7 @@ export default class BasicTagExample extends React.Component {
 |    page    |    Tab 分页尺寸    |                    number                    |    No    |   All    |        Yes        |
 | onTabClick |  tab 被点击的回调  | (tab: Models.TabData, index: number) => void |    No    |   All    |        Yes        |
 
-**Tag**：标签组件，进行标记和分类的小标签，用于标记事物的属性和维度，以及进行分类。
+**Tag**: 标签组件，进行标记和分类的小标签，用于标记事物的属性和维度，以及进行分类。
 
 |    Name     |            Description             |          Type          | Required | Platform | HarmonyOS Support |
 | :---------: | :--------------------------------: | :--------------------: | :------: | :------: | :---------------: |
@@ -752,7 +751,7 @@ export default class BasicTagExample extends React.Component {
 | afterClose  |            关闭后的回调            |        (): void        |    No    |   All    |        Yes        |
 | onLongPress |             长按的回调             |        (): void        |    No    |   All    |        Yes        |
 
-**TextareaItem**：多行输入组件。
+**TextareaItem**: 多行输入组件。
 
 |     Name     |                                                            Description                                                             |        Type         | Required | Platform | HarmonyOS Support |
 | :----------: | :--------------------------------------------------------------------------------------------------------------------------------: | :-----------------: | :------: | :------: | :---------------: |
@@ -771,7 +770,7 @@ export default class BasicTagExample extends React.Component {
 | labelNumber  | 定宽枚举值：num \* @input-label-width: 34px，可用 2-7 之间的数字，一般(不能保证全部)能对应显示出相应个数的中文文字(不考虑英文字符) |       number        |    No    |   All    |        Yes        |
 |     last     |                                   如果是最后一项，则将移除 borderBottom（默认拥有 borderBottom）                                   |        bool         |    No    |   All    |        Yes        |
 
-**Flex**：布局组件，Flex 是 CSS flex 布局的一个封装。
+**Flex**: 布局组件，Flex 是 CSS flex 布局的一个封装。
 
 |   Name    |                               Description                               |  Type  | Required | Platform | HarmonyOS Support |
 | :-------: | :---------------------------------------------------------------------: | :----: | :------: | :------: | :---------------: |
@@ -780,7 +779,7 @@ export default class BasicTagExample extends React.Component {
 |  justify  | 子元素在主轴上的对齐方式，可选`start`,`end`,`center`,`between`,`around` | String |    No    |   All    |        Yes        |
 |   align   |    子元素在交叉轴上的对齐方式，可选`start`,`end`,`center`,`stretch`     | String |    No    |   All    |        Yes        |
 
-**Grid**：宫格组件，在水平和垂直方向，将布局切分成若干等大的区块。
+**Grid**: 宫格组件，在水平和垂直方向，将布局切分成若干等大的区块。
 
 |      Name      |              Description               |               Type                | Required | Platform | HarmonyOS Support |
 | :------------: | :------------------------------------: | :-------------------------------: | :------: | :------: | :---------------: |
@@ -796,33 +795,33 @@ export default class BasicTagExample extends React.Component {
 
 `isCarousel = true` 模式时，还可以传递 [carousel](https://mobile.ant.design/components/carousel) 相关的 API。
 
-**国际化和皮肤配置**：为组件内建文案提供统一的国际化支持。
+**国际化和皮肤配置**: 为组件内建文案提供统一的国际化支持。
 
 |  Name  |                                                                               Description                                                                                |  Type  | Required | Platform | HarmonyOS Support |
 | :----: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----: | :------: | :------: | :---------------: |
 | locale |                                             语言包配置，语言包可到 `@ant-design/react-native/lib/locale-provider/`目录下寻找                                             | object |    No    |   All    |        Yes        |
 | theme  | 主题样式配置，可根据需要覆盖部分或者全部变量，具体变量请查看 [theme](https://github.com/ant-design/ant-design-mobile-rn/blob/master/components/style/themes/default.tsx) | object |    No    |   All    |        Yes        |
 
-**View**：基础组件，更安全的 View 基础组件。
+**View**: 基础组件，更安全的 View 基础组件。
 
 |   Name   | Description |                     Type                     | Required | Platform | HarmonyOS Support |
 | :------: | :---------: | :------------------------------------------: | :------: | :------: | :---------------: |
 | children |   子组件    |      React.ReactNode 或 React.ReactText      |    No    |   All    |        Yes        |
 |  style   |    样式     | StyleProp<ViewStyle> 或 StyleProp<TextStyle> |    No    |   All    |        Yes        |
 
-**WhiteSpace**：上下留白组件。
+**WhiteSpace**: 上下留白组件。
 
 | Name |             Description             |  Type  | Required | Platform | HarmonyOS Support |
 | :--: | :---------------------------------: | :----: | :------: | :------: | :---------------: |
 | size | 上下留白的间距，可选 xs,sm,md,lg,xl | string |    No    |   All    |        Yes        |
 
-**WingBlank**：两翼留白组件。
+**WingBlank**: 两翼留白组件。
 
 | Name |            Description             |  Type  | Required | Platform | HarmonyOS Support |
 | :--: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
 | size | 两翼留白的间距，可选`sm`,`md`,`lg` | string |    No    |   All    |        Yes        |
 
-**NoticeBar**：通告栏组件，在导航栏下方，一般用作系统提醒、活动提醒等通知。
+**NoticeBar**: 通告栏组件，在导航栏下方，一般用作系统提醒、活动提醒等通知。
 
 |     Name     |                   Description                   |                                                                      Type                                                                      | Required | Platform | HarmonyOS Support |
 | :----------: | :---------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -853,7 +852,7 @@ export default class BasicTagExample extends React.Component {
 |    trailing     |             上一次循环后到下一次动画的延迟时间（以毫秒为单位）              |                 `Number`                 |    No    |   All    |        Yes        |
 |    wrapStyle    |                           Marquee 组件外部 style                            |               `ViewStyle`                |    No    |   All    |        Yes        |
 
-**SearchBar**：搜索栏组件，一般可位于 NavBar 下方，通过『取消按钮』退出激活状态。
+**SearchBar**: 搜索栏组件，一般可位于 NavBar 下方，通过『取消按钮』退出激活状态。
 
 |       Name       |                  Description                  |        Type         | Required | Platform | HarmonyOS Support |
 | :--------------: | :-------------------------------------------: | :-----------------: | :------: | :------: | :---------------: |
@@ -869,7 +868,7 @@ export default class BasicTagExample extends React.Component {
 |    cancelText    |             定制`取消`按钮的文字              |       String        |    No    |   All    |        Yes        |
 |     disabled     |                   设置禁用                    |        bool         |    No    |   All    |        Yes        |
 
-**TabBar**：标签栏组件，位于 APP 底部，方便用户在不同功能模块之间进行快速切换。
+**TabBar**: 标签栏组件，位于 APP 底部，方便用户在不同功能模块之间进行快速切换。
 
 |        Name         |   Description    |  Type  | Required | Platform | HarmonyOS Support |
 | :-----------------: | :--------------: | :----: | :------: | :------: | :---------------: |
@@ -877,7 +876,8 @@ export default class BasicTagExample extends React.Component {
 |      tintColor      |  选中的字体颜色  | String |    No    |   All    |        Yes        |
 | unselectedTintColor | 未选中的字体颜色 | String |    No    |   All    |        Yes        |
 
-**TabBar.Item**：TabBar 子组件。
+**TabBar.Item**: TabBar 子组件。
+
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :----------: | :---------------------------------------------------: | :-------------: | :--------------: | :------: | :---------------: |
 | badge | 徽标数 | Number \ String | No | All | Yes |
@@ -889,7 +889,7 @@ export default class BasicTagExample extends React.Component {
 | key | 唯一标识 | String | No | All | Yes |
 | iconStyle | icon 样式 | String | No | All | Yes |
 
-**Slider**：滑动输入条组件，允许用户在一个区间中选择特定值，eg：控制屏幕的显示亮度。
+**Slider**: 滑动输入条组件，允许用户在一个区间中选择特定值，eg：控制屏幕的显示亮度。
 
 |     Name      |                                                                   Description                                                                    |                                                                 Type                                                                 | Required | Platform | HarmonyOS Support |
 | :-----------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -908,7 +908,7 @@ export default class BasicTagExample extends React.Component {
 |   onChange    |                                    当 Slider 的值发生改变时，会触发 onChange 事件，并把改变后的值作为参数传入                                    |                                                               Function                                                               |    No    |   All    |        Yes        |
 | onAfterChange |                                                与 `ontouchend` 触发时机一致，把当前值作为参数传入                                                |                                                               Function                                                               |    No    |   All    |        Yes        |
 
-**Popover**：气泡组件，在点击控件或者某个区域后，浮出一个气泡菜单来做更多的操作。 如果设置了遮罩层，建议通过点击遮罩层的任一位置，进行退出。
+**Popover**: 气泡组件，在点击控件或者某个区域后，浮出一个气泡菜单来做更多的操作。 如果设置了遮罩层，建议通过点击遮罩层的任一位置，进行退出。
 
 |          Name          |                                    Description                                    |                                                            Type                                                             | Required | Platform | HarmonyOS Support |
 | :--------------------: | :-------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -922,7 +922,7 @@ export default class BasicTagExample extends React.Component {
 |    useNativeDriver     |                            动画是否使用 Native Driver                             |                                                           boolean                                                           |    No    |   All    |        Yes        |
 |       onDismiss        |                             Popover 关闭后的回调函数                              |                                                          function                                                           |    No    |   All    |        No         |
 
-**Popover.Item**：气泡子组件。
+**Popover.Item**: 气泡子组件。
 
 |   Name   |     Description     |   Type    | Required | Platform | HarmonyOS Support |
 | :------: | :-----------------: | :-------: | :------: | :------: | :---------------: |
@@ -930,7 +930,7 @@ export default class BasicTagExample extends React.Component {
 |  style   |      item 样式      | ViewStyle |    No    |   All    |        Yes        |
 |  value   | 可作为选中的条目 ID |    any    |   Yes    |   All    |        Yes        |
 
-**SwipeAction**：滑动操作组件。
+**SwipeAction**: 滑动操作组件。
 
 |        Name         |         Description          |                                                                   Type                                                                   | Required | Platform | HarmonyOS Support |
 | :-----------------: | :--------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -942,7 +942,7 @@ export default class BasicTagExample extends React.Component {
 | closeOnTouchOutside | 是否在点击其他区域时自动归位 |                                                                `boolean`                                                                 |    No    |   All    |        Yes        |
 |       styles        |       语义化结构 style       | [SwipeActionStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/swipe-action-cn#swipeactionstyle-语义化样式) |    No    |   All    |        Yes        |
 
-**SwipeAction.Button**：滑动操作组件内的 Button。
+**SwipeAction.Button**: 滑动操作组件内的 Button。
 
 |       Name        |  Description   |                                                      Type                                                      | Required | Platform | HarmonyOS Support |
 | :---------------: | :------------: | :------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -954,7 +954,7 @@ export default class BasicTagExample extends React.Component {
 |      onPress      |  按钮点击事件  |                                                    (): void                                                    |    No    |   All    |        Yes        |
 | actionButtonProps | 其他额外 props | [RectButtonProps](https://docs.swmansion.com/react-native-gesture-handler/docs/components/buttons/#rectbutton) |    No    |   All    |        Yes        |
 
-**Collapse**：折叠面板组件， 可以折叠/展开的内容区域。
+**Collapse**: 折叠面板组件， 可以折叠/展开的内容区域。
 
 |       Name       |                          Description                          |                                                                                                                        Type                                                                                                                        | Required | Platform | HarmonyOS Support |
 | :--------------: | :-----------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -965,7 +965,7 @@ export default class BasicTagExample extends React.Component {
 |     onChange     |                        切换面板时触发                         |                                                                                                         手风琴模式：`(activeKey: string)`                                                                                                          |    No    |   All    |        Yes        |
 |      styles      |                       语义化结构 style                        | 同 [ListStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#liststyle-语义化样式) & [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#listitemstyle-语义化样式) |    No    |   All    |        Yes        |
 
-**Collapse.Panel**：折叠面板子组件。
+**Collapse.Panel**: 折叠面板子组件。
 
 |      Name      |         Description         |                                                             Type                                                              | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------: | :---------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -978,7 +978,7 @@ export default class BasicTagExample extends React.Component {
 |     styles     |      语义化结构 style       | 同 [ListItemStyle](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/list-cn#listitemstyle-语义化样式) |    No    |   All    |        Yes        |
 |     title      |       标题栏左侧内容        |                                                          `ReactNode`                                                          |    No    |   All    |        Yes        |
 
-**Input**：文本输入组件，通过键盘输入内容，是最基础的表单域包装。
+**Input**: 文本输入组件，通过键盘输入内容，是最基础的表单域包装。
 
 |     Name     |                                               Description                                               |                                                               Type                                                                | Required | Platform | HarmonyOS Support |
 | :----------: | :-----------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -999,7 +999,7 @@ export default class BasicTagExample extends React.Component {
 
 **Input.TextArea**
 
-同 `Input` 属性，外加：
+同 `Input` 属性，外加: 
 
 |   Name   |            Description            |                                                               Type                                                                | Required | Platform | HarmonyOS Support |
 | :------: | :-------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -1104,7 +1104,7 @@ export default class BasicTagExample extends React.Component {
 |      submit       |                                                                     提交表单，与点击 `submit` 按钮效果相同                                                                     |                                                                                                                                     () => void                                                                                                                                      |    No    |   All    |        Yes        |
 |  validateFields   |                                                           触发表单验证，设置 `recursive` 时会递归校验所有包含的路径                                                            | (nameList?: [NamePath](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#namepath)[], config?: [ValidateConfig](https://github.com/ant-design/ant-design-mobile-rn/blob/5.2.2/components/form/index.zh-CN.md#validateFields)) => Promise |    No    |   All    |        Yes        |
 
-**Tooltip**：气泡组件，在点击控件或者某个区域后，浮出一个气泡菜单来做更多的操作。
+**Tooltip**: 气泡组件，在点击控件或者某个区域后，浮出一个气泡菜单来做更多的操作。
 
 |      Name       |         Description          |                                                  Type                                                   | Required | Platform | HarmonyOS Support |
 | :-------------: | :--------------------------: | :-----------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -1136,20 +1136,18 @@ export default class BasicTagExample extends React.Component {
 | onPress  |              点击时触发              | `() => void` |    No    |   All    |        Yes        |
 |   text   | 菜单列表，当弹出内容为标准菜单时使用 | `ReactNode`  |    No    |   All    |        Yes        |
 
-## 遗留问题
+## Known Issues
 
 - [ ] PickerView 组件在 harmony 暂不支持，待ArkUI规格升级之后再重新适配
 - [ ] Input.TextArea 组件在 harmony 暂不支持，待ArkUI规格升级之后再重新适配
 
-## 其他
+## Others
 
 - Drawer 组件暂时无法支持，与 Android/IOS 一致[issue#1352](https://github.com/ant-design/ant-design-mobile-rn/issues/1352)、[issue#1338](https://github.com/ant-design/ant-design-mobile-rn/issues/1338)。
 - Tooltip 组件气泡位置异常展示，与 Android/IOS 一致[issue#1376](https://github.com/ant-design/ant-design-mobile-rn/issues/1376)。
 - Radio 组件的 defaultCheck 属性无法正常生效，与 Android/IOS 一致[issue#1380](https://github.com/ant-design/ant-design-mobile-rn/issues/1380)。
 - Picker 组件的 defaultValue 属性无法正常生效，与 Android/IOS 一致[issue#1381](https://github.com/ant-design/ant-design-mobile-rn/issues/1381)。
 
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/ant-design/ant-design-mobile-rn/blob/master/LICENSE)，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License (MIT)](https://github.com/ant-design/ant-design-mobile-rn/blob/master/LICENSE).
diff --git a/en/openspacelabs-react-native-zoomable-view.md b/en/openspacelabs-react-native-zoomable-view.md
index aaf821d8..fdac4892 100644
--- a/en/openspacelabs-react-native-zoomable-view.md
+++ b/en/openspacelabs-react-native-zoomable-view.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@openspacelabs/react-native-zoomable-view</code> </h1>
@@ -14,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/openspacelabs/react-native-zoomable-view)
+> [!TIP] [GitHub address](https://github.com/openspacelabs/react-native-zoomable-view)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +35,9 @@ yarn add @openspacelabs/react-native-zoomable-view@2.1.6
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { View, StyleSheet, Image, Animated } from "react-native";
@@ -121,20 +120,20 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.25;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                             | Type     | Description                                                                                                                                                                                                                                                                                                                          | Required | Platform | HarmonyOS Support |
 | -------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
@@ -180,11 +179,10 @@ const styles = StyleSheet.create({
 | moveTo                           | function | Shifts the zoomed part to a specific point (in px relative to x: 0, y: 0)                                                                                                                                                                                                                                                            | no       | All      | yes               |
 | moveBy                           | function | Shifts the zoomed part by a specific pixel number                                                                                                                                                                                                                                                                                    | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE).
diff --git a/en/react-native-QRCode.md b/en/react-native-QRCode.md
index adcdd780..aeb11482 100644
--- a/en/react-native-QRCode.md
+++ b/en/react-native-QRCode.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-qrcode</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-qrcode)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-qrcode)
 
-## 安装与使用
+## Installation and Usage
 
-1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-qrcode@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -60,14 +60,14 @@ export const QrCodeExamle = () => {
   return (
     <View style={styles.container}>
       <TextInput
-        placeholder="请输入要生成二维码的文本"
+        placeholder="Please enter the text to generate the QR code."
         style={styles.input}
         onChangeText={(text) => setText(text)}
         value={text}
       />
       <View style={{ flexDirection: "row" }}>
-        <Button title="点击生成二维码" onPress={showQRCode} />
-        <Button title="重置" onPress={reset} />
+        <Button title="Click to generate a QR code" onPress={showQRCode} />
+        <Button title="reset" onPress={reset} />
       </View>
 
       {QRCodeValue && (
@@ -102,25 +102,25 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-webview. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-webview](/en/react-native-webview.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)
 
-## 属性
+## Properties
 
-### QRCode
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
- 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+### QRCode
 
 该库为 UI 组件库，通过配置属性标签，实现对应的功能。
 
@@ -131,10 +131,10 @@ const styles = StyleSheet.create({
 | bgColor | string | backgroundColor             | no       | iOS/Android | yes               |
 | fgColor | string | fgColor                     | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-qrcode/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-qrcode/blob/master/LICENSE).
diff --git a/en/react-native-action-button.md b/en/react-native-action-button.md
index f91bb0a1..6dea64d1 100644
--- a/en/react-native-action-button.md
+++ b/en/react-native-action-button.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-action-button</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/mastermoo/react-native-action-button)
+> [!TIP] [GitHub address](https://github.com/mastermoo/react-native-action-button)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,7 +34,7 @@ yarn add react-native-action-button@2.8.5
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { Component } from "react";
@@ -81,22 +81,23 @@ const styles = StyleSheet.create({
   },
 });
 ```
-## 约束与限制
 
-## 兼容性
+## Constraints
 
-在以下版本验证通过
+### Compatibility
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
-3. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
-4. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+This document is verified based on the following versions:
 
-## 属性
+1. RNOH: 0.72.11; SDK: OpenHarmony(api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52;
+2. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
+3. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+4. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      |  Description                                                                                                                                                                                                                                             | Type     | Required | Platform |  HarmonyOS Support |
 | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- |----------| -------- |
@@ -142,10 +143,10 @@ const styles = StyleSheet.create({
 | fixNativeFeedbackRadius   | Android: Activate this to fix TouchableNativeFeedback Ripple UI problems   | boolean  | No       | Android  | No       |
 | nativeFeedbackRippleColor | Android: Pass a color to the Ripple Effect of a TouchableNativeFeedback    | string   | No       | Android  | No       |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/mastermoo/react-native-action-button/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/mastermoo/react-native-action-button/blob/master/LICENSE).
diff --git a/en/react-native-check-box.md b/en/react-native-check-box.md
index 617db5fd..e6601aeb 100644
--- a/en/react-native-check-box.md
+++ b/en/react-native-check-box.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-check-box</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/crazycodeboy/react-native-check-box)
+> [!TIP] [GitHub address](https://github.com/crazycodeboy/react-native-check-box)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -32,7 +32,7 @@ yarn add react-native-check-box@2.1.7
 ```
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, {Component} from 'react';
@@ -73,40 +73,42 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 兼容性
+## Constraints
 
-在以下版本验证通过
+### Compatibility
 
-1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+This document is verified based on the following versions:
 
-## 属性
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                                                                                                  | Type                      | Required | Platform    |  HarmonyOS Support |
-| ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- | ----------- | -------- |
-| style                  | Custom style checkbox                                                                                                 | ViewPropTypes.style       | No       | Android、IOS | Yes      |
-| leftText               | Custom left Text                                                                                                      | PropTypes.string          | No       | Android、IOS | Yes      |
-| leftTextStyle          | Custom left Text style                                                                                                | Text.propTypes.style      | No       | Android、IOS | Yes      |
-| rightText              | Custom right Text                                                                                                     | PropTypes.string          | No       | Android、IOS | Yes      |
-| rightTextView          | Custom right TextView                                                                                                 | PropTypes.element         | No       | Android、IOS | Yes      |
-| rightTextStyle         | Custom right Text style                                                                                               | Text.propTypes.style      | No       | Android、IOS | Yes      |
-| checkedImage           | Custom checked Image                                                                                                  | PropTypes.element         | No       | Android、IOS | Yes      |
-| unCheckedImage         | Custom unchecked Image                                                                                                | PropTypes.element         | No       | Android、IOS | Yes      |
-| isChecked              | checkbox checked state                                                                                                | PropTypes.bool            | Yes      | Android、IOS | Yes      |
-| onClick                | callback function                                                                                                     | PropTypes.func.isRequired | Yes      | Android、IOS | Yes      |
-| disabled               | Disable the checkbox button                                                                                           | PropTypes.bool            | No       | Android、IOS | Yes      |
-| checkBoxColor          | Tint color of the checkbox image (this props is for both checked and unchecked state)                                 | PropTypes.string          | Yes      | Android、IOS | Yes      |
-| checkedCheckBoxColor   | Tint color of the checked state checkbox image (this prop will override value of checkBoxColor for checked state)     | PropTypes.string          | No       | Android、IOS | Yes      |
-| uncheckedCheckBoxColor | Tint color of the unchecked state checkbox image (this prop will override value of checkBoxColor for unchecked state) | PropTypes.string          | No       | Android、IOS | Yes      |
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-
-本项目基于 [MIT License](https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+| ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- |-------------| -------- |
+| style                  | Custom style checkbox                                                                                                 | ViewPropTypes.style       | No       | Android IOS | Yes      |
+| leftText               | Custom left Text                                                                                                      | PropTypes.string          | No       | Android IOS | Yes      |
+| leftTextStyle          | Custom left Text style                                                                                                | Text.propTypes.style      | No       | Android IOS | Yes      |
+| rightText              | Custom right Text                                                                                                     | PropTypes.string          | No       | Android IOS | Yes      |
+| rightTextView          | Custom right TextView                                                                                                 | PropTypes.element         | No       | Android IOS | Yes      |
+| rightTextStyle         | Custom right Text style                                                                                               | Text.propTypes.style      | No       | Android IOS | Yes      |
+| checkedImage           | Custom checked Image                                                                                                  | PropTypes.element         | No       | Android IOS | Yes      |
+| unCheckedImage         | Custom unchecked Image                                                                                                | PropTypes.element         | No       | Android IOS | Yes      |
+| isChecked              | checkbox checked state                                                                                                | PropTypes.bool            | Yes      | Android IOS | Yes      |
+| onClick                | callback function                                                                                                     | PropTypes.func.isRequired | Yes      | Android IOS | Yes      |
+| disabled               | Disable the checkbox button                                                                                           | PropTypes.bool            | No       | Android IOS | Yes      |
+| checkBoxColor          | Tint color of the checkbox image (this props is for both checked and unchecked state)                                 | PropTypes.string          | Yes      | Android IOS | Yes      |
+| checkedCheckBoxColor   | Tint color of the checked state checkbox image (this prop will override value of checkBoxColor for checked state)     | PropTypes.string          | No       | Android IOS | Yes      |
+| uncheckedCheckBoxColor | Tint color of the unchecked state checkbox image (this prop will override value of checkBoxColor for unchecked state) | PropTypes.string          | No       | Android IOS | Yes      |
+
+## Known Issues
+
+## Others
+
+## License
+
+This project is licensed under [MIT License](https://github.com/crazycodeboy/react-native-check-box/blob/master/LICENSE).
diff --git a/en/react-native-clipboard-clipboard.md b/en/react-native-clipboard-clipboard.md
index 008b97e4..3c77f4a5 100644
--- a/en/react-native-clipboard-clipboard.md
+++ b/en/react-native-clipboard-clipboard.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-clipboard/clipboard</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/clipboard/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/clipboard/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/clipboard@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import Clipboard from "@react-native-clipboard/clipboard";
@@ -77,11 +76,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -92,18 +91,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -113,22 +109,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ClipboardPackage
+### 3. Configuring CMakeLists and Introducing ClipboardPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -166,7 +162,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -185,9 +181,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ClipboardPackage
+### 4. Introducing ClipboardPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 import type {RNPackageContext, RNPackage} from 'rnoh/ts';
@@ -203,34 +199,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases)
 
-### 权限要求
+### Permission Requirements
 
 > [!tip] "ohos.permission.READ_PASTEBOARD"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
-#### 在 entry 目录下的module.json5中添加权限
-
-打开 `entry/src/main/module.json5`，添加：
+1. Include applicable permissions in the module.json5 file within the entry directory.
 
 ```diff
 ...
@@ -248,9 +242,9 @@ ohpm install
 ]
 ```
 
-#### 在 entry 目录下添加申请剪切板权限的原因
+2. Apply the reasons for applicable permission in the entry directory.
 
-打开 `entry/src/main/resources/base/element/string.json`，添加：
+Open the `entry/src/main/resources/base/element/string.json` file and add the following code:
 
 ```diff
 ...
@@ -264,11 +258,11 @@ ohpm install
 }
 ```
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name        | Description                                                                                                                                                                                                               | Type     | Required | Platform    | HarmonyOS Support |
 | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -286,12 +280,10 @@ ohpm install
 | getImageJPG | get base64 string of JPG Image                                                                                                                                                                                            | function | NO       | iOS        | yes               |
 | getImagePNG | get base64 string of PNG Image                                                                                                                                                                                            | function | NO       | iOS        | yes               |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-clipboard/clipboard/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-clipboard/clipboard/blob/master/LICENSE).
diff --git a/en/react-native-community-geolocation.md b/en/react-native-community-geolocation.md
index 106e3a04..7c3c12f5 100644
--- a/en/react-native-community-geolocation.md
+++ b/en/react-native-community-geolocation.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> @react-native-community/geolocation</code> </h1>
@@ -14,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-geolocation/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-geolocation/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +38,9 @@ yarn add @react-native-oh-tpl/geolocation@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import Geolocation from "@react-native-community/geolocation";
@@ -65,11 +63,11 @@ export function GeolocationDemo(): JSX.Element {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -80,18 +78,15 @@ export function GeolocationDemo(): JSX.Element {
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -100,22 +95,22 @@ export function GeolocationDemo(): JSX.Element {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 geolocation
+### 3. Configuring CMakeLists and Introducing geolocation
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -154,7 +149,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -171,9 +166,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 GeolocationPackage
+### 4. Introducing GeolocationPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -187,30 +182,30 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)
 
-### 权限要求
+### Permission Requirements
 
-1.打开 `entry/src/main/module.json5`,添加相关配置
+1. Include applicable permissions in the module.json5 file within the entry directory.
 
 ```diff
 ...
@@ -245,9 +240,9 @@ ohpm install
 }
 ```
 
-2.在 entry 目录下添加申请权限的原因
+2. Apply the reasons for applicable permission in the entry directory.
 
-打开 `entry/src/main/resources/base/element/string.json`，添加：
+Open the `entry/src/main/resources/base/element/string.json` file and add the following code:
 
 ```diff
 ...
@@ -261,11 +256,11 @@ ohpm install
 }
 ```
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                                                            | Type                                            | Required | Platform    | HarmonyOS Support | Notes                                                                                                                                                          |
 | -------------------- | -------------------------------------------------------------------------------------- | ----------------------------------------------- | -------- | ----------- | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -275,14 +270,12 @@ ohpm install
 | watchPosition        | Invokes the success callback whenever the location changes. Returns a watchId (number) | function(success(postion),error(error),option)  | NO       | iOS Android | partially         | In position, only altitudeAccuracy is not supported. In error, only code and message are supported. In option, only interval and distanceFilter are supported. |
 | clearWatch           | Clears watch observer by id returned by watchPosition()                                | function(watchID)                               | NO       | iOS Android | yes               | watchID supports only the default value 0.                                                                                                                     |
 
-## 遗留问题
+## Known Issues
 
 - [ ] @react-native-oh-tpl/geolocation 部分属性未完全实现 HarmonyOS 化，maximumAge 延时问题: [issue#6](https://github.com/react-native-oh-library/react-native-geolocation/issues/6)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License(MIT)](https://github.com/michalchudziak/react-native-geolocation/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License(MIT)](https://github.com/michalchudziak/react-native-geolocation/blob/master/LICENSE).
diff --git a/en/react-native-community-netinfo.md b/en/react-native-community-netinfo.md
index ea29d95e..c29374e0 100644
--- a/en/react-native-community-netinfo.md
+++ b/en/react-native-community-netinfo.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/netinfo</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-netinfo)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-netinfo)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/netinfo@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -75,11 +75,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -90,18 +90,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -110,22 +107,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 RNCNetInfoPackage
+### 3. Configuring CMakeLists and Introducing RNCNetInfoPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -163,7 +160,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -182,9 +179,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 NetInfoPackage
+### 4. Introducing NetInfoPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -198,33 +195,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-## 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### NetInfoStateType
 
@@ -291,11 +287,11 @@ ohpm install
 |-------------------------|-------------------------------------------------------------------------------------------------------------|:-------:|:--------:|:-----------:|:-----------------:|
 | `isConnectionExpensive` | If the network connection is considered "expensive". <br/>This could be in either energy or monetary terms. | boolean |   yes    | iOS Android |        yes        |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                                                                                                                                                                                                                                                                                                                                                               |   Type   | Required |  Platform   | HarmonyOS Support |
 |------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|:--------:|:--------:|:-----------:|:-----------------:|
@@ -305,13 +301,13 @@ ohpm install
 | `useNetInfo()`         | A React Hook which can be used to get access to the latest state from the global instance. <br/>It returns a hook with the NetInfoState type.                                                                                                                                                                                                                                             | function |   yes    | iOS Android |        yes        |
 | `useNetInfoInstance()` | A React Hook which can be used to create and manage an isolated instance of a network manager class. <br/>It returns a refresh function and the current NetInfoState.                                                                                                                                                                                                                     | function |   yes    | iOS Android |        yes        |
 
-## 遗留问题
+## Known Issues
 
 - [ ] bluetooth接口属性未适配: [issue#14](https://github.com/react-native-oh-library/react-native-netinfo/issues/14)
 - [ ] wimax接口属性未适配: [issue#15](https://github.com/react-native-oh-library/react-native-netinfo/issues/15)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-netinfo/react-native-netinfo/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-netinfo/react-native-netinfo/blob/master/LICENSE).
diff --git a/en/react-native-community-progress-view-capi.md b/en/react-native-community-progress-view-capi.md
index da63b051..256ff13a 100644
--- a/en/react-native-community-progress-view-capi.md
+++ b/en/react-native-community-progress-view-capi.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/progress-view</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-view)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/progress-view)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/progress-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { ProgressView } from "@react-native-community/progress-view";
@@ -48,7 +48,6 @@ import { ProgressView } from "@react-native-community/progress-view";
 export default function ProgressViewExample() {
   return (
     <ProgressView
-    
       progressTintColor="orange"
       progress={0.7}
     />
@@ -58,11 +57,11 @@ export default function ProgressViewExample() {
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -73,18 +72,15 @@ export default function ProgressViewExample() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -93,24 +89,22 @@ export default function ProgressViewExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
+Method 2: Directly link to the source code.
 
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ProgressViewPackage
-
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+### 3. Configuring CMakeLists and Introducing ProgressViewPackage
 
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -148,7 +142,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -166,33 +160,32 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-## 属性
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)
 
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
 | ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
@@ -204,12 +197,12 @@ ohpm install
 | `progressViewStyle`    | The progress bar style. Network images only work on Windows.  | enum('default', 'bar') | No       | All      | Partially               |
 | `isIndeterminate`    | Turns progress bar into an indeterminate progress bar.  | bool | No       | Windows      | No               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 原库接口progressImage，trackImage，isIndeterminate，trackTintColor在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/10)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE).
diff --git a/en/react-native-community-progress-view.md b/en/react-native-community-progress-view.md
index b61722fc..10692629 100644
--- a/en/react-native-community-progress-view.md
+++ b/en/react-native-community-progress-view.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/progress-view</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-view)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/progress-view)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/progress-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { ProgressView } from "@react-native-community/progress-view";
@@ -59,11 +58,11 @@ export default function ProgressViewExample() {
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -74,18 +73,15 @@ export default function ProgressViewExample() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -94,22 +90,22 @@ export default function ProgressViewExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ProgressViewPackage
+### 3. Configuring CMakeLists and Introducing ProgressViewPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -138,7 +134,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_BEGIN: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -156,9 +152,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ProgressViewPackage 组件
+### 4. Introducing ProgressViewPackage Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
 ...
@@ -179,9 +175,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -192,32 +188,32 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
 | ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
@@ -229,14 +225,12 @@ ohpm install
 | `progressViewStyle`    | The progress bar style. Network images only work on Windows.  | enum('default', 'bar') | No       | All      | No               |
 | `isIndeterminate`    | Turns progress bar into an indeterminate progress bar.  | bool | No       | Windows      | Partially               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/5)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/progress-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/progress-view/blob/harmony/LICENSE).
diff --git a/en/react-native-community-toolbar-android.md b/en/react-native-community-toolbar-android.md
index 852dffb4..4fb1f509 100644
--- a/en/react-native-community-toolbar-android.md
+++ b/en/react-native-community-toolbar-android.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/toolbar-android</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/toolbar-android/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/toolbar-android/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/toolbar-android@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -122,11 +121,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -137,18 +136,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -157,22 +153,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ToolbarAndroidPackage
+### 3. Configuring CMakeLists and Introducing ToolbarAndroidPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -206,7 +202,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: link_packages
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 ...
@@ -222,9 +218,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNCToolbarAndroid 组件
+### 4. Introducing RNCToolbarAndroid Component to ArkTS
 
-找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -244,9 +240,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
   ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -255,32 +251,32 @@ const arkTsComponentNames: Array<string> = [
 ];
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 Inherits [View Props](https://reactnative.dev/docs/view#props).
 
@@ -308,12 +304,10 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
 | width  | the width of the image                                 | number | No       | android  | yes               |
 | height | the height of the image                                | number | No       | android  | yes               |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE).
diff --git a/en/react-native-date-picker.md b/en/react-native-date-picker.md
index 7e0b4ae9..0b5bb297 100644
--- a/en/react-native-date-picker.md
+++ b/en/react-native-date-picker.md
@@ -1,93 +1,98 @@
-模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-date-picker</code> </h1>
+  <h1 align="center"> <code>react-native-video-cache</code> </h1>
 </p>
-
 <p align="center">
-    <a href="https://github.com/henninghall/react-native-date-picker">
+    <a href="https://github.com/zhigang1992/react-native-video-cache">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE">
+    <a href="https://www.mit-license.org/">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-video-cache)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-date-picker)
-
-
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-date-picker@file:#
+npm install @react-native-oh-tpl/react-native-video-cache@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-date-picker@file:#
+yarn add @react-native-oh-tpl/react-native-video-cache@file:#
 ```
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
-
-> [!WARNING] 使用时 import 的库名不变。
-
-```js
-import React, { useState } from 'react'
-import { Button, View } from 'react-native'
-import DatePicker from 'react-native-date-picker'
-
-export default () => {
-  const [date, setDate] = useState(new Date())
-  const [open, setOpen] = useState(false)
-
-  return (
-    <View style={{flex:1, flexDirection:'column', justifyContent:'center'}}>
-      <Button title="Open" onPress={() => setOpen(true)} />
-      <DatePicker
-        mode='date'
-        modal
-        open={open}
-        date={date}
-        onConfirm={(date) => {
-          setOpen(false)
-          setDate(date)
-        }}
-        onCancel={() => {
-          setOpen(false)
-        }}
-      />
-    </View>
-  )
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```tsx
+import React, { useEffect, useState } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import  { convertAsync } from "react-native-video-cache";
+
+export default function App() {
+    const url =
+        "https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4";
+    const [asyncVersion, setAsyncVersion] = useState<string>('');
+    useEffect(() => {
+        convertAsync(url).then(setAsyncVersion);
+    }, [])
+    return (
+        <View style={styles.container}>
+            <Text style={styles.welcome}>☆Original URL☆</Text>
+            <Text style={styles.instructions}>{url}</Text>
+            <Text style={styles.welcome}>☆Async Proxy URL☆</Text>
+            <Text style={styles.instructions}>{asyncVersion}</Text>
+        </View>
+    );
 }
 
-
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "#F5FCFF",
+        padding: 20
+    },
+    welcome: {
+        fontSize: 20,
+        textAlign: "center",
+        margin: 10,
+    },
+    instructions: {
+        textAlign: "center",
+        color: "#333333",
+        marginBottom: 5,
+    },
+});
 ```
 
-## 使用 Codegen
-
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
-
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -98,137 +103,113 @@ export default () => {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-date-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-date-picker/harmony/date_picker.har"
+    "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache.har"
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
+Open `entry/oh-package.json5` file and add the following dependencies:
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache"
+  }
+```
 
-### 3.在 ArkTs 侧引入 NativeDatePickerView 组件
-找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Click the `sync` button in the upper right corner.
 
-```diff
-  ...
-+ import { NativeDatePickerView } from "@react-native-oh-tpl/react-native-date-picker"
+Alternatively, run the following instruction on the terminal:
 
-@Builder
-export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
-  ...
-+ if (ctx.componentName === NativeDatePickerView.NAME) {
-+   NativeDatePickerView({
-+        ctx: ctx.rnComponentContext,
-+        tag: ctx.tag
-+   })
-+ }
- ...
-}
-...
+```bash
+cd entry
+ohpm install --no-link
 ```
-> [!TIP] 本库使用了混合方案，需要添加组件名。
 
-在entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets 找到常量 arkTsComponentNames 在其数组里添加组件名
+### 3. Introducing RNVideoCachePackage to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
-const arkTsComponentNames: Array<string> = [
-  SampleView.NAME,
-  GeneratedSampleView.NAME,
-  PropsDisplayer.NAME,
-+ NativeDatePickerView.NAME, 
++   import { RNVideoCachePackage } from '@react-native-oh-tpl/rnoh-video-cache/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNVideoCachePackage(ctx)
   ];
+}
 ```
-### 4.运行
 
-点击右上角的 `sync` 按钮
+### 4. Running
+
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)
+This document is verified based on the following versions:
 
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
 
+## APIs
 
-## 属性
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+For details, see [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)
 
-| props  | Description | Type | Required | Platform | HarmonyOS Support  |
-| ----  | ----------- | ---- | -------- | ---- | ------------ |
-| date | The currently selected date.   | Date  | no |     all  |       yes|
-| onDateChange | Date change handler ( Inline only )   |  (date: Date) => void  | no |     all  |       yes|
-| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | no |     all  |       yes|
-| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | no |     all  |       yes|
-| mode | The date picker mode. "datetime", "date", "time"   | “'date' \|'time' \| 'datetime'”  | yes |     all  |       yes|
-| onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | no |     all  |       yes|
-| onCancel | Modal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | no |     all  |       yes|
-| is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | no |     all  |       no|
-| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | no |     all  |       yes|
-| open | Modal only: Boolean indicating if modal should be open.   | boolean  | no |     all  |       yes|
-| minuteInterval | The interval at which minutes can be selected.   | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \|  10 \|  12 \| 15 \|  20 \| 30  | no |     all  |       no|
-| title | Modal only: Title text. Can be set to null to remove text.   | string  | no |     all  |       no|
-| confirmText | Modal only: Confirm button text   | string  | no |     all  |       no|
-| cancelText | Modal only: Cancel button text.   | string  | no |     all  |       no|
-| theme | Modal only: The theme of the modal. "light", "dark", "auto". Defaults to "auto".   | 'light' \| 'dark' \| 'auto'  | no |     all  |       no|
-| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | no |     Android  |       no|
-| dividerColor | Color of the divider / separator. (android only)   | string  | no |     Android  |       no|
-| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | no |     Android  |       no|
-| locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a Locale ID.   | string  | no |     all  |       no|
-| timeZoneOffsetInMinutes | imezone offset in minutes (default: device's timezone)   | number  | no |     all  |       no|
+| Name           | Description                                          | Type   | Required | Platform    | HarmonyOS Support |
+| -------------- | ---------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| convertToCache | Return the local proxy cache server URL using sync.  | string | no       | Androis/IOS | no                |
+| convertAsync   | Return the local proxy cache server URL using async. | string | no       | Androis/IOS | yes               |
 
+## Known Issues
+- [ ] 由于 HarmonyOS 侧原生依赖 HarmonyOS 三方库@ohos/video-cache中HttpProxyCacheServer实例化对象方法getProxyUrl暂为异步方法，导致本库同步方法convertToCache暂无法实现，问题：[issue#1](https://github.com/react-native-oh-library/react-native-video-cache/issues/1)
 
-## 遗留问题
- 
-- [ ]  不支持属性confirmText。[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
-- [ ]  不支持属性cancelText。[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
-- [ ]  不支持属性theme。[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
-- [ ]  不支持属性locale。[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
-- [ ]  不支持属性timeZoneOffsetInMinutes。[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
-- [ ]  当属性modal为false，mode属性为datetime时，harmonyOS不支持内联datetime组件。[issue#22](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
-- [ ]  不支持is24hourSource属性。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
-- [ ]  不支持minuteInterval属性。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
diff --git a/en/react-native-dotenv.md b/en/react-native-dotenv.md
index 9352f90b..62ae4e8e 100644
--- a/en/react-native-dotenv.md
+++ b/en/react-native-dotenv.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-dotenv</code> </h1>
@@ -12,13 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/goatandsheep/react-native-dotenv)
+> [!TIP] [GitHub address](https://github.com/goatandsheep/react-native-dotenv)
 
-## 安装与使用
+## Installation and Usage
 
-
-
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +34,9 @@ yarn add -D react-native-dotenv@3.4.9
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import {API_URL, API_TOKEN} from '@env';
@@ -68,9 +66,9 @@ export function TestDotenv() {
 }
 ```
 
-基础配置：
+Basic Configuration:
 
-**.babelrc 或 babel.config.js**
+**`.babelrc` or `babel.config.js`**
 
 ```json
 {
@@ -78,7 +76,7 @@ export function TestDotenv() {
 }
 ```
 
-**.babelrc 或 babel.config.js**
+**`.babelrc` or `babel.config.js`**
 
 > [!TIP] 如果默认值不适合您项目，这里会列出 Babel 配置的可用选项及其各自的默认值，但如果您使用默认设置，则无需添加它们。
 
@@ -232,7 +230,7 @@ declare module "@env" {
 
 把所有你的 `.env` 的变量加入这个 module 内。
 
-最后，在 `tsconfig.json` 文件中添加 `typeRoots` 字段
+Finally, add the `typeRoots` field to the `tsconfig.json` file
 
 ```json
 {
@@ -246,7 +244,7 @@ declare module "@env" {
 }
 ```
 
-### 缓存
+### Cache
 
 > [!WARNING] 请务必查看这一小节
 
@@ -261,7 +259,7 @@ declare module "@env" {
 }
 ```
 
-在 babel config 中添加 `api.cache(false)`，例如
+Add `api.cache(false)` to the `babel.config.js` file, for example:
 
 ```js
 // .babel.config.js
@@ -274,7 +272,7 @@ module.exports = function (api) {
 };
 ```
 
-在 `metro.config.js` 中添加 `resetCache: true`，例如
+Add `resetCache: true` to the `metro.config.js` file, for example:
 
 ```js
 // metro.config.js
@@ -286,19 +284,19 @@ module.exports = {
 
 更多清除缓存的方法请参考 [react-naitve-dotenv 官方指引](https://github.com/goatandsheep/react-native-dotenv)
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.1.430; ROM：3.0.0.26;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.27; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.1.430; ROM: 3.0.0.26;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/goatandsheep/react-native-dotenv/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/goatandsheep/react-native-dotenv/blob/main/LICENSE).
diff --git a/en/react-native-drax.md b/en/react-native-drax.md
index 96818cd7..84c605b4 100644
--- a/en/react-native-drax.md
+++ b/en/react-native-drax.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drax</code> </h1>
@@ -12,19 +12,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-drax)
 
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases).
 
+Go to the project directory and execute the following instruction:
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-drax)
-
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -42,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-drax@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from 'react';
@@ -121,23 +117,23 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在鸿蒙工程中引入过这个库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-gesture-handler.md)  进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-gesture-handler.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### DraxView
 
@@ -217,12 +213,12 @@ const styles = StyleSheet.create({
 |      itemsDraggable      | Indicates whether items in the FlatList component can be dragged | boolean  |    no    | iOS/Android |        Yes        |
 | lockItemDragsToMainAxis  | Indicates whether to lock the drag direction of items in the FlatList component to the main axis direction | boolean  |    no    | iOS/Android |        Yes        |
 
-## 遗留问题
+## Known Issues
 
 - [ ] DraxList和DraxScrollView组件存在拖拽不流畅的情况，[issue#1](https://github.com/react-native-oh-library/react-native-drax/issues/1)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License(MIT)](https://github.com/nuclearpasta/react-native-drax/blob/main/LICENSE.md)，请自由地享受和参与开源。
+This project is licensed under [The MIT License(MIT)](https://github.com/nuclearpasta/react-native-drax/blob/main/LICENSE.md).
diff --git a/en/react-native-dynamic.md b/en/react-native-dynamic.md
index 719ee79b..3ce7d054 100644
--- a/en/react-native-dynamic.md
+++ b/en/react-native-dynamic.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-dynamic</code> </h1>
@@ -13,12 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/codemotionapps/react-native-dynamic)
+> [!TIP] [GitHub address](https://github.com/codemotionapps/react-native-dynamic)
 
+## Installation and Usage
 
-## 安装与使用
-
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +34,9 @@ yarn add react-native-dynamic@1.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from 'react';
@@ -175,20 +173,20 @@ const dynamicStyles = new DynamicStyleSheet({
 })
 
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.24;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.24;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
 | ----- | ----- | -------- | -------- | -------- | -------- |
@@ -200,10 +198,10 @@ const dynamicStyles = new DynamicStyleSheet({
 | `useColorSchemeContext`  | Returns dark or light but reads value from context.| function  |  no     | All   | yes      |
 
 
-## 遗留问题
+## Known Issues
+
+## Others
 
-## 其他
+## License
 
-## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE).
diff --git a/en/react-native-iconfont-cli.md b/en/react-native-iconfont-cli.md
index fc400333..da4f560e 100644
--- a/en/react-native-iconfont-cli.md
+++ b/en/react-native-iconfont-cli.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-iconfont-cli</code> </h1>
@@ -14,11 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/iconfont-cli/react-native-iconfont-cli)
+> [!TIP] [GitHub address](https://github.com/iconfont-cli/react-native-iconfont-cli)
+
+## Installation and Usage
+
+Go to the project directory and execute the following instruction:
 
-## 安装与使用
 <!-- tabs:start -->
-进入到工程目录并输入以下命令：
 
 #### **npm**
 
@@ -33,11 +34,13 @@ yarn add react-native-iconfont-cli --dev
 ```
 
 生成配置文件
+
 ```bash
 npx iconfont-init
 ```
 
 此时项目根目录会生成一个iconfont.json的文件，内容如下：
+
 ```json
 {
     "symbol_url": "symbol_url和local_svgs可以二选一,也可以都填",
@@ -50,18 +53,20 @@ npx iconfont-init
 ```
 
 在配置的"save_dir"下生成React-Native标准组件
+
 ```bash
 npx iconfont-rn
 ```
 
 当您在iconfont.cn中的图标有变更时，只需更改配置symbol_url，然后再次执行以下命令即可生成最新的图标组件
+
 ```bash
 npx iconfont-rn
 ```
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import { Component } from 'react';
@@ -177,24 +182,25 @@ export default function () {
 ```
 ## Link
 
-本库在HarmonyOS NEXT侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS NEXT工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
+
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg](/en/react-native-svg-capi.md) to add it to your project.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+This document is verified based on the following versions:
 
-本文档内容基于以下版本验证通过：
+1. RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.22;
 
-RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+For details, see [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/README.md)
 
-## 属性
-详细请查看 [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/README.md) 的文档介绍
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **IconFont组件属性**
 
@@ -214,11 +220,10 @@ RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 | default_icon_size  | 图标组件默认的字体大小  | string | no   | Android/IOS | yes |
 | local_svgs  | 本地 svg 的路径(暂不支持 color 参数) | string | 和symbol_url可以二选一也可以都用   | Android/IOS | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/LICENSE).
diff --git a/en/react-native-input-scroll-view.md b/en/react-native-input-scroll-view.md
index d75f2767..f1b98942 100644
--- a/en/react-native-input-scroll-view.md
+++ b/en/react-native-input-scroll-view.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-input-scroll-view</code> </h1>
@@ -13,16 +13,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-input-scroll-view)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-input-scroll-view)
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -36,9 +35,9 @@ npm install @react-native-oh-tpl/react-native-input-scroll-view@file:#
 yarn add @react-native-oh-tpl/react-native-input-scroll-view@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from 'react';
@@ -85,19 +84,19 @@ const styles = StyleSheet.create({
 export default keyboardOffsetInput;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      | **Description**                                              | Type   | Required | **Default** | Platform    | HarmonyOS Support |
 | ------------------------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------- | ----------------- |
@@ -109,12 +108,10 @@ export default keyboardOffsetInput;
 | keyboardAvoidingViewProps | `KeyboardAvoidingView` 组件的 Props。详细请查阅: https://facebook.github.io/react-native/docs/keyboardavoidingview | props  | false    | null        | iOS/Android | yes               |
 | ...ScrollView.props       | 继承 `ScrollView` 组件的所有属性。详细请查阅: https://facebook.github.io/react-native/docs/scrollview.html | props  | false    |             | iOS/Android | yes               |
 
-#### 
-
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/baijunjie/react-native-input-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/baijunjie/react-native-input-scroll-view/blob/master/LICENSE).
diff --git a/en/react-native-keyboard-aware-scroll-view.md b/en/react-native-keyboard-aware-scroll-view.md
index ede718e5..cd2d3010 100644
--- a/en/react-native-keyboard-aware-scroll-view.md
+++ b/en/react-native-keyboard-aware-scroll-view.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-keyboard-aware-scroll-view</code> </h1>
@@ -13,17 +12,17 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-<!-- tabs:start -->
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
-> [!TIP] # 处替换为 tgz 包的路径
+<!-- tabs:start -->
 
 #### **npm**
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useState, useRef } from "react";
@@ -96,21 +95,21 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见 [react-native-keyboard-aware-scroll-view 源库地址](https://github.com/APSL/react-native-keyboard-aware-scroll-view)
+For details, see [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)
 
 | Name                      | Description                                                                                    | Type                                                                                                                                                             | Required | Platform | HarmonyOS Support |
 | ------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -131,15 +130,13 @@ const styles = StyleSheet.create({
 | scrollToEnd               | Scroll to end with or without animation.                                                       | (animated?: bool = true) => void                                                                                                                                 | NO       | All      | YES               |
 | scrollIntoView            | Scrolls an element inside a KeyboardAwareScrollView into view.                                 | (element: React.Element<\*>, options: { getScrollPosition: ?(parentLayout, childLayout, contentOffset) => { x: number, y: number, animated: boolean } }) => void | NO       | All      | YES                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] RN0.72.28版本新架构暂未支持UIManager.viewIsDescendantOf() API，该API功能为：判断组件节点嵌套关系，并在callback中返回boolean类型参数: [issue#12](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/12)
 - [ ] 键盘抬起部分生命周期未HarmonyOS化，功能不受影响 问题:[issue#17](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/issues/17)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/APSL/react-native-keyboard-aware-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/APSL/react-native-keyboard-aware-scroll-view/blob/master/LICENSE).
diff --git a/en/react-native-md5.md b/en/react-native-md5.md
index 0a086bbb..5cf819fa 100644
--- a/en/react-native-md5.md
+++ b/en/react-native-md5.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-md5</code> </h1>
@@ -14,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/kmend/react-native-md5)
+> [!TIP] [GitHub address](https://github.com/kmend/react-native-md5)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,7 +35,7 @@ yarn add react-native-md5@1.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import {ScrollView, StyleSheet,View,Text,TextInput,TouchableHighlight} from 'react-native';
@@ -93,20 +92,20 @@ export function md5TestExample() {
 ```
 
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该接口在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -118,12 +117,10 @@ export function md5TestExample() {
 | str_hmac_md5        |    返回格式为字符串的HMAC-md5值  | function | no       | All      | yes               |
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/kmend/react-native-md5/blob/master/README.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/kmend/react-native-md5/blob/master/README.md).
diff --git a/en/react-native-modal-popover.md b/en/react-native-modal-popover.md
index 5f9d655d..4a0f262e 100644
--- a/en/react-native-modal-popover.md
+++ b/en/react-native-modal-popover.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-modal-popover</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-modal-popover)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-modal-popover)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-modal-popover@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 
@@ -263,21 +262,19 @@ export function PopoverCenterExample() {
 };
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases)
 
+## Properties
 
-## 属性
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Popover
 
@@ -298,8 +295,6 @@ export function PopoverCenterExample() {
 | supportedOrientations  | This prop is passed to react-native Modal, see react-native docs. Set this to ['portrait', 'landscape'] if you want your popover to resprect screen orientation.     | array of enum('portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right')  | NO |  iOS    | NO |
 | calculateStatusBar  | Defines if while use status bar height while calculating "Y" origin of anchor.     | bool  | NO |    NO   | NO |
 
-
-
 ### PopoverController
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -310,14 +305,14 @@ export function PopoverCenterExample() {
 | setPopoverAnchor (PopoverController) / touchableRef (usePopover)  | Pass this as ref to popover UI handle. This will bind popover display position to the position of this UI handle.   | ref function  | NO | ALL      | YES |
  | popoverAnchorRect  | Pass this as fromRect prop of Popover component   | Rect  | YES | ALL      | YES |
 
-## 遗留问题
+## Known Issues
+
 - [ ] 不支持属性onDismiss [issue#4](https://github.com/react-native-oh-library/react-native-modal-popover/issues/4)
 - [ ] 不支持属性supportedOrientations [issue#5](https://github.com/react-native-oh-library/react-native-modal-popover/issues/5)
 - [ ]  不支持属性calculateStatusBar [issue#105](https://github.com/doomsower/react-native-modal-popover/issues/105)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [License](https://github.com/doomsower/react-native-modal-popover/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [MIT License](https://github.com/doomsower/react-native-modal-popover/blob/master/LICENSE).
diff --git a/en/react-native-modalbox.md b/en/react-native-modalbox.md
index 89f07d6e..41bf5c60 100644
--- a/en/react-native-modalbox.md
+++ b/en/react-native-modalbox.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-modalbox</code> </h1>
@@ -14,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-modalbox)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-modalbox)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +38,9 @@ yarn add  @react-native-oh-tpl/react-native-modalbox@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import {
@@ -477,19 +475,19 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 |                         Description                          |      Type      | Required |  Platform   | HarmonyOS Support |
 | :------------------- | :----------------------------------------------------------: | :------------: | :------: | :---------: | :---------------: |
@@ -516,23 +514,21 @@ const styles = StyleSheet.create({
 | onOpened       |                                           When the modal is open and the animation is done                                           | `function` |    no    | iOS/Android |        yes        |
 | onClosingState | When the state of the swipe to close feature has changed (usefull to change the content of the modal, display a message for example) | `function` |    no    | iOS/Android |        yes        |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  |   Description   |    Type    | Required |  Platform   | HarmonyOS Support |
 | :---- | :-------------: | :--------: | :------: | :---------: | :---------------: |
 | open  | Open the modal  | `function` |    no    | iOS/Android |        yes        |
 | close | Close the modal | `function` |    no    | iOS/Android |        yes        |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-modalbox/blob/master/License.txt) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License (MIT)](https://github.com/maxs15/react-native-modalbox/blob/master/License.txt).
diff --git a/en/react-native-modals.md b/en/react-native-modals.md
index 4a12725d..0b27062d 100644
--- a/en/react-native-modals.md
+++ b/en/react-native-modals.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-modals</code> </h1>
@@ -13,11 +13,9 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/jacklam718/react-native-modals)
 
-> [!TIP] [Github 地址](https://github.com/jacklam718/react-native-modals)
-
-
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -35,9 +33,9 @@ yarn add react-native-modals@0.22.3
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 // The Component can not be used until ModalPortal is mounted. You should register in your app root. For example (App.tsx):
@@ -56,12 +54,9 @@ const App = () => {
     </View>
   );
 }
-
 ```
 
-
 ```js
-
 // create modalsDemo.tsx in the same directory as the App.tsx file
 
 import React, { useState } from 'react'
@@ -94,23 +89,21 @@ export default ModalsDemo = () => {
     </>
   )
 }
-
-
 ```
 
-## 约束与限制
-### 兼容性
+## Constraints
 
-本文档内容基于以下版本验证通过：
+### Compatibility
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+This document is verified based on the following versions:
 
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Modal/BottomModal
 
@@ -144,7 +137,6 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.
 | swipeThreshold | Set the threshold of the swipe movement.default is 100   | Number  | no |     all  |       yes|
 | footer | for example: <View><Button text=\"DISMISS\" align=\"center\" onPress={() => {}}/></View>  | React Element  | no |     all  |       yes|
 
-
 ### ModalTitle
 
 | Name  | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -162,7 +154,6 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.
 | children | Set Container Subcomponent   | any  | no |     all  |       yes|
 | style | Setting a Custom Container Style   | any  | no |     all  |       yes|
 
-
 ### ModalFooter
 
 | Name  | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -171,7 +162,6 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.
 | bordered | Set the display and close of the container top dividing line.default is true.   | Boolean  | no |     all  |       yes|
 | style | Setting a Custom Container Style   | any  | no |     all  |       yes|
 
-
 ### ModalButton
 
 | Name  | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -185,7 +175,6 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.
 | disabled | Sets whether the button is available.default is false.   | Boolean  | no |     all  |       yes|
 | bordered | Sets whether there is a dividing line on the left of the button.default is false.   | Boolean  | no |     all  |       yes|
 
-
 ### Backdrop
 
 | Name  | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -226,10 +215,10 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.
 | useNativeDriver | Whether to enable the native animation driver. default is true.   | Boolean  | no |     all  |       yes|
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/jacklam718/react-native-modals/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/jacklam718/react-native-modals/blob/master/LICENSE.md).
diff --git a/en/react-native-mqtt.md b/en/react-native-mqtt.md
index 34e3472a..6e6b6cb5 100644
--- a/en/react-native-mqtt.md
+++ b/en/react-native-mqtt.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-mqtt</code> </h1>
@@ -15,11 +13,11 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/Introvertuous/react-native-mqtt)
+> [!TIP] [GitHub address](https://github.com/Introvertuous/react-native-mqtt)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,9 +35,9 @@ yarn add react_native_mqtt@1.3.1
 
 <!-- tabs:end -->
 
-基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。（本组件基于MQTT 3.1.1协议）
+> [!WARNING] The name of the imported repository remains unchanged.(本组件基于MQTT 3.1.1协议)
 
 ```js
 import init from 'react_native_mqtt';
@@ -123,58 +121,56 @@ function sendMessage() {
 }
 ```
 
-## 约束与限制
-
-### 兼容性
+## Constraints
 
-本文档内容基于以下版本验证通过：
+### Compatibility
 
-1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+This document is verified based on the following versions:
 
-##  属性
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name              | Description                                          | Type   | Required | Platform     | HarmonyOS Support |
-| ----------------- | ---------------------------------------------------- | ------ | -------- | ------------ | ----------------- |
-| host              | 服务器地址                                           | string | yes      | Android、iOS | yes               |
-| port              | 服务器端口                                           | number | yes      | Android、iOS | yes               |
-| path              | 服务器路径                                           | string | yes      | Android、iOS | yes               |
-| userName          | 用户名                                               | string | yes      | Android、iOS | yes               |
-| password          | 密码                                                 | string | yes      | Android、iOS | yes               |
-| keepAliveInterval | 会话过期时间（秒）                                   | number | no       | Android、iOS | yes               |
-| cleanSession      | 消息持久化（值为TRUE时，当客户端掉线，清除以前消息） | bool   | no       | Android、iOS | yes               |
-| clientId          | 客户端ID                                             | string | yes      | Android、iOS | yes               |
-| useSSL            | SSL/TLS加密通信                                      | bool   | yes      | Android、iOS | yes               |
-| qos               | 服务级别质量                                         | number | yes      | Android、iOS | yes               |
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-## 静态方法
+| Name              | Description                                          | Type   | Required | Platform    | HarmonyOS Support |
+| ----------------- | ---------------------------------------------------- | ------ | -------- |-------------| ----------------- |
+| host              | 服务器地址                                           | string | yes      | Android iOS | yes               |
+| port              | 服务器端口                                           | number | yes      | Android iOS | yes               |
+| path              | 服务器路径                                           | string | yes      | Android iOS | yes               |
+| userName          | 用户名                                               | string | yes      | Android iOS | yes               |
+| password          | 密码                                                 | string | yes      | Android iOS | yes               |
+| keepAliveInterval | 会话过期时间（秒）                                   | number | no       | Android iOS | yes               |
+| cleanSession      | 消息持久化（值为TRUE时，当客户端掉线，清除以前消息） | bool   | no       | Android iOS | yes               |
+| clientId          | 客户端ID                                             | string | yes      | Android iOS | yes               |
+| useSSL            | SSL/TLS加密通信                                      | bool   | yes      | Android iOS | yes               |
+| qos               | 服务级别质量                                         | number | yes      | Android iOS | yes               |
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Static Methods
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name             | Description        | Type | Required | Platform     | HarmonyOS Support |
-| ---------------- | ------------------ | ---- | -------- | ------------ | ----------------- |
-| client.connect   | 连接MQTT服务器     | func | yes      | Android、iOS | yes               |
-| onConnect        | 连接成功时的回调   | func | no       | Android、iOS | yes               |
-| onFailure        | 连接失败时的回调   | func | no       | Android、iOS | yes               |
-| onConnectionLost | 连接丢失           | func | no       | Android、iOS | yes               |
-| onMessageArrived | 接收消息           | func | no       | Android、iOS | yes               |
-| disconnect       | 取消连接MQTT服务器 | func | no       | Android、iOS | yes               |
-| subscribe        | 订阅主题topic      | func | no       | Android、iOS | yes               |
-| unSubscribe      | 取消订阅topic      | func | no       | Android、iOS | yes               |
-| sendMessage      | 发布消息           | func | no       | Android、iOS | yes               |
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-## 遗留问题
+| Name             | Description        | Type | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------ | ---- | -------- |-------------| ----------------- |
+| client.connect   | 连接MQTT服务器     | func | yes      | Android iOS | yes               |
+| onConnect        | 连接成功时的回调   | func | no       | Android iOS | yes               |
+| onFailure        | 连接失败时的回调   | func | no       | Android iOS | yes               |
+| onConnectionLost | 连接丢失           | func | no       | Android iOS | yes               |
+| onMessageArrived | 接收消息           | func | no       | Android iOS | yes               |
+| disconnect       | 取消连接MQTT服务器 | func | no       | Android iOS | yes               |
+| subscribe        | 订阅主题topic      | func | no       | Android iOS | yes               |
+| unSubscribe      | 取消订阅topic      | func | no       | Android iOS | yes               |
+| sendMessage      | 发布消息           | func | no       | Android iOS | yes               |
 
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/Introvertuous/react-native-mqtt/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/Introvertuous/react-native-mqtt/blob/master/LICENSE).
diff --git a/en/react-native-pdf.md b/en/react-native-pdf.md
index e3b882cd..2e005277 100644
--- a/en/react-native-pdf.md
+++ b/en/react-native-pdf.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-pdf</code> </h1>
@@ -14,13 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-pdf)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-pdf)
+
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-pdf@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -89,11 +89,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -104,18 +104,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -124,22 +121,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 PdfViewPackage
+### 3. Configuring CMakeLists and Introducing PdfViewPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -177,7 +174,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -194,9 +191,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RTNPdfView 组件
+### 4. Introducing RTNPdfView Component to ArkTS
 
-找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -217,9 +214,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -230,32 +227,32 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                           | Description                                                                                                                                                                                     | Type                                                          | Required | Platform      | HarmonyOS Support |
 | ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | -------- | ------------- |-------------------|
@@ -312,22 +309,23 @@ ohpm install
 | {uri:"content://com.example.blobs/xxxxxxxx-...?offset=0&size=xxx"} | load pdf from content URI                                                               | object        | NO       | iOS           | no                |
 | {uri:"blob:xxxxxxxx-...?offset=0&size=xxx"}                        | load pdf from blob URL                                                                  | object        | NO       | Android       | no                |
 
-## 静态方法
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                                                                                                                              | Type                 | Required | Platform      | HarmonyOS Support |
 | ------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | -------- | ------------- | ----------------- |
 | setPage | Set the current page of the PDF component. pageNumber is a positive integer. If pageNumber > numberOfPages, current page is not changed. | function(pageNumber) | NO       | iOS / Android | no                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] onLoadComplete 回调函数参数返回目前仅支持 numberOfPages, path参数：[issue#47](https://github.com/react-native-oh-library/react-native-pdf/issues/47)
 - [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑: [issue#48](https://github.com/react-native-oh-library/react-native-pdf/issues/48)
 
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-pdf/blob/master/LICENSE) ，请自由地享受和参与开源。
+## Others
 
-<!-- {% endraw %} -->
+## License
 
+This project is licensed under [The MIT License (MIT)](https://github.com/wonday/react-native-pdf/blob/master/LICENSE).
diff --git a/en/react-native-picker-picker(nocodegen).md b/en/react-native-picker-picker(nocodegen).md
index 2a8069c8..fc4936aa 100644
--- a/en/react-native-picker-picker(nocodegen).md
+++ b/en/react-native-picker-picker(nocodegen).md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-picker/picker</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/picker)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/picker)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/picker@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from "react";
@@ -66,11 +65,11 @@ export const PickerExample = ()=>{
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -81,18 +80,15 @@ export const PickerExample = ()=>{
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -102,22 +98,22 @@ export const PickerExample = ()=>{
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 PickerPackge
+### 3. Configuring CMakeLists and Introducing PickerPackge
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -155,7 +151,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -174,9 +170,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 picker 组件
+### 4. Introducing picker Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -196,9 +192,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
   ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -209,9 +205,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.在 ArkTs 侧引入 RNCPickerPackage
+### 5. Introducing RNCPickerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -225,32 +221,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### PickerProps
 
@@ -284,28 +280,26 @@ ohpm install
 | `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android  | No                |
 | `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android  | No                |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                     | Type     | Required | Platform | HarmonyOS Support |
 |---------|---------------------------------|----------|----------|----------|-------------------|
 | `blur`  | Programmatically closes picker. | function | No       | Android  | No                |
 | `focus` | Programmatically opens picker.  | function | No       | Android  | No                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] numberOfLines 属性不支持[issue#2](https://github.com/react-native-oh-library/picker/issues/2)
 - [ ] PickerItemProps 的 color 和 fontFamily 不支持（OH 的 Picker 组件不支持单独设置 PickerItem 的样式） [issue#21](https://github.com/react-native-oh-library/picker/issues/21)
 - [ ] themeVariant 属性不支持[issue#22](https://github.com/react-native-oh-library/picker/issues/22)
 - [ ] itemStyle 不支持设置 textAlign（OH 的 Picker 不支持设置）[issue#23](https://github.com/react-native-oh-library/picker/issues/23)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/picker/blob/sig/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/picker/blob/sig/LICENSE).
diff --git a/en/react-native-picker-picker.md b/en/react-native-picker-picker.md
index 5e5881d9..877a0c82 100644
--- a/en/react-native-picker-picker.md
+++ b/en/react-native-picker-picker.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-picker/picker</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/picker)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/picker)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/picker@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from "react";
@@ -64,17 +63,17 @@ export const PickerExample = ()=>{
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 使用文档。](/zh-cn/codegen.md)
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -85,18 +84,15 @@ export const PickerExample = ()=>{
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -106,22 +102,22 @@ export const PickerExample = ()=>{
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 picker 组件
+### 3. Introducing picker Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -141,9 +137,9 @@ ohpm install
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -154,9 +150,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 4.在 ArkTs 侧引入 RNCPickerPackage
+### 4. Introducing RNCPickerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -170,32 +166,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### PickerProps
 
@@ -229,24 +225,26 @@ ohpm install
 | `enabled`            | If set to false, the specific item will be disabled, i.e. the user will not be able to make a selection. | boolean       | No       | Android  | No                |
 | `contentDescription` | Sets the content description to the Picker Item.                                                         | string        | No       | Android  | No                |
 
-## 静态方法
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                     | Type     | Required | Platform | HarmonyOS Support |
 |---------|---------------------------------|----------|----------|----------|-------------------|
 | `blur`  | Programmatically closes picker. | function | No       | Android  | No                |
 | `focus` | Programmatically opens picker.  | function | No       | Android  | No                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] numberOfLines 属性不支持[issue#2](https://github.com/react-native-oh-library/picker/issues/2)
 - [ ] PickerItemProps 的 color 和 fontFamily 不支持（OH 的 Picker 组件不支持单独设置 PickerItem 的样式） [issue#21](https://github.com/react-native-oh-library/picker/issues/21)
 - [ ] themeVariant 属性不支持[issue#22](https://github.com/react-native-oh-library/picker/issues/22)
 - [ ] itemStyle 不支持设置 textAlign（OH 的 Picker 不支持设置）[issue#23](https://github.com/react-native-oh-library/picker/issues/23)
 
-## 其他
-
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-picker/picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-picker/picker/blob/master/LICENSE).
diff --git a/en/react-native-pickers.md b/en/react-native-pickers.md
index 1ca16654..ab7dc1e7 100644
--- a/en/react-native-pickers.md
+++ b/en/react-native-pickers.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-pickers</code> </h1>
@@ -14,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/iberHK/react-native-picker)
+> [!TIP] [GitHub address](https://github.com/iberHK/react-native-picker)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +34,9 @@ yarn add react-native-pickers@2.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { View, Text, TouchableOpacity } from "react-native";
@@ -46,23 +44,23 @@ import { BaseComponent, AreaPicker, DatePicker } from "react-native-pickers";
 
 var AreaJson = [
   {
-    name: "香港",
-    city: [{ name: "香港", area: ["中西區", "灣仔區", "東區", "南區"] }],
+    name: "Hong Kong",
+    city: [{ name: "Hong Kong", area: ["中西區", "灣仔區", "東區", "南區"] }],
   },
   {
-    name: "台灣",
+    name: "Taiwan",
     city: [
       {
-        name: "台灣",
+        name: "Taiwan",
         area: ["臺北市", "高雄市", "臺北縣", "桃園縣", "新竹縣"],
       },
     ],
   },
   {
-    name: "澳門",
+    name: "Macao",
     city: [
       {
-        name: "澳門",
+        name: "Macao",
         area: ["花地瑪堂區", "聖安多尼堂區", "大堂區", "望德堂區"],
       },
     ],
@@ -73,7 +71,7 @@ export default class MainPage extends BaseComponent {
   constructor(props) {
     super(props);
     this.state = {
-      unit: ["年", "月", "日"],
+      unit: ["Year", "Month ", "Day"],
       startYear: 1900,
       active: false,
       modalVisible: false,
@@ -128,7 +126,7 @@ export default class MainPage extends BaseComponent {
             alignItems: "center",
           }}
         >
-          {this.renderButton("行政区域picker", () => {
+          {this.renderButton("Administrative region picker", () => {
             this.AreaPicker.show();
           })}
           {this.renderButton("DatePicker", () => {
@@ -162,23 +160,23 @@ export default class MainPage extends BaseComponent {
 
 ## Link
 
-本库依赖@react-native-oh-tpl/react-native-svg，如已在鸿蒙工程中引入过该库，则无需再次引入。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg](/en/react-native-svg-capi.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
+1. RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.25;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 IOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### AlertDialog
 
@@ -326,12 +324,10 @@ export default class MainPage extends BaseComponent {
 | borderRadius    | 背景圆角             | number | no       | All      | yes               |
 | backgroundColor | 背景颜色             | string | no       | All      | yes               |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The ISC License (ISC)](https://www.isc.org/licenses/).
diff --git a/en/react-native-qrcode-svg.md b/en/react-native-qrcode-svg.md
index 8618af60..eb5dea5c 100644
--- a/en/react-native-qrcode-svg.md
+++ b/en/react-native-qrcode-svg.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-qrcode-svg</code> </h1>
@@ -13,13 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/awesomejerry/react-native-qrcode-svg)
+> [!TIP] [GitHub address](https://github.com/awesomejerry/react-native-qrcode-svg)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,10 +34,11 @@ yarn add react-native-qrcode-svg@6.2.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
-> [!WARNING] 使用时 import 的库名不变。
-> [!TIP] 当报错信息为`Property 'TextEncoder' doesn't exist`[解决方案](https://github.com/awesomejerry/react-native-qrcode-svg/issues/199)
+> [!TIP] If the error message `Property 'TextEncoder' doesn't exist` is displayed. [solution](https://github.com/awesomejerry/react-native-qrcode-svg/issues/199)
 
 
 ```js
@@ -62,23 +60,23 @@ export const SvgDemo = () => {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg-capi 文档的 Link 章节](/zh-cn/react-native-svg-capi.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg-capi](/en/react-native-svg-capi.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在以下版本验证通过
+This document is verified based on the following versions:
 
-1.RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                                                                                               | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -99,12 +97,10 @@ export const SvgDemo = () => {
 | `ecl`                  | Error correction level                                                                                                    | string   | No       | iOS,Android      | yes               |
 | `onError(error)`       | Callback fired when exception happened during the code generating process                                                 | callback | No       | iOS,Android      | yes            |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/awesomejerry/react-native-qrcode-svg/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/awesomejerry/react-native-qrcode-svg/blob/master/LICENSE).
diff --git a/en/react-native-reanimated-carousel.md b/en/react-native-reanimated-carousel.md
index cdde76ca..8463b93d 100644
--- a/en/react-native-reanimated-carousel.md
+++ b/en/react-native-reanimated-carousel.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reanimated-carousel</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/dohooo/react-native-reanimated-carousel)
+> [!TIP] [GitHub address](https://github.com/dohooo/react-native-reanimated-carousel)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,7 @@ yarn add react-native-reanimated-carousel@3.5.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
-
-> [!TIP] 本示例依赖 react-native-gesture-handler、react-native-reanimated 库，参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入。
+The following code shows the basic use scenario of the repository:
 
 ```ts
 import React, { useState, useRef } from "react";
@@ -176,23 +174,23 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated 的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler and @react-native-oh-tpl/react-native-reanimated. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md) and [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.29; SDK: HarmonyOS-Next-DB6 5.0.0.61; IDE: DevEco Studio 5.0.3.706; ROM: NEXT.0.0.61;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Basic Props
 
@@ -259,10 +257,10 @@ const styles = StyleSheet.create({
 | scrollTo | Use count to scroll to a position where relative to the current position, scrollTo({count:-2}) is equivalent to prev(2), scrollTo({count:2}) is equivalent to next(2). And also can jump to specific position, e.g. scrollTo({index:2,animated:false}) | no |  | ({ index: number, count: number, animated: boolean, onFinished?: () => void }) => void | All | yes |
 | getCurrentIndex | Get current item index | no |  | ()=>number | All | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-carousel/blob/main/LICENSE).
diff --git a/en/react-native-secharts.md b/en/react-native-secharts.md
index a0fa37c4..2549c179 100644
--- a/en/react-native-secharts.md
+++ b/en/react-native-secharts.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-secharts</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/shifeng1993/react-native-secharts)
+> [!TIP] [GitHub address](https://github.com/shifeng1993/react-native-secharts)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add react-native-secharts@1.7.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from "react";
@@ -90,8 +90,8 @@ export default class SechartsBar extends Component {
         <View>
           <Text>
             {!this.state.value
-              ? "这里显示被点击的值"
-              : "被点击的值：" + this.state.value}
+              ? "The clicked value is displayed here."
+              : "The clicked value：" + this.state.value}
           </Text>
         </View>
       </View>
@@ -117,25 +117,25 @@ const styles = StyleSheet.create({
 
 ## Link
 
-> [!tip] 本库依赖的@react-native-oh-tpl/react-native-webview 使用的版本为 13.10.2-0.2.0
+> [!tip] This library depends on @react-native-oh-tpl/react-native-webview 13.10.2-0.2.0
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-webview. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](/zh-cn/react-native-webview.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-webview](/en/react-native-webview.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25；IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+1. RNOH: 0.72.27; SDK: HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                                            | Type     | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -146,11 +146,11 @@ const styles = StyleSheet.create({
 | `renderLoading`   | loading 时遮罩，默认不支持自定义，如需自定义，请修改 react-native-secharts 依赖的源码 main/dist/index.js 中 startInLoadingState={true} | function | no       | All      | yes               |
 | `onPress`         | 画布中数据点击事件                                                                                                                     | function | no       | All      | yes               |
 
-## 实例方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Prop        | Description                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
 | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -158,14 +158,14 @@ const styles = StyleSheet.create({
 | `getImage`  | 返回函数的参数 base64，可结合 RNFS 写入相册                                                                                                                                   | function | no       | All      | yes               |
 | `clear`     | 清空 echarts 画布                                                                                                                                                             | function | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
 renderLoading 属性在 Android 和 iOS 设置之后不生效，HarmonyOS 与 Android,iOS 表现一致。 [issue#109](https://github.com/shifeng1993/react-native-secharts/issues/109)
 
 原库使用了在线 CDN，Echarts 组件需在网络支持下才能正常展示，HarmonyOS 与 Android,iOS 表现一致。 [issue#79](https://github.com/shifeng1993/react-native-secharts/issues/79)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/shifeng1993/react-native-secharts/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/shifeng1993/react-native-secharts/blob/master/LICENSE).
diff --git a/en/react-native-section-list-get-item-layout.md b/en/react-native-section-list-get-item-layout.md
index 4514337e..5ae4d33b 100644
--- a/en/react-native-section-list-get-item-layout.md
+++ b/en/react-native-section-list-get-item-layout.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-section-list-get-item-layout</code> </h1>
@@ -13,11 +13,11 @@
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/jsoendermann/rn-section-list-get-item-layout)
+> [!TIP] [GitHub address](https://github.com/jsoendermann/rn-section-list-get-item-layout)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start --> 
 
@@ -35,7 +35,9 @@ yarn add react-native-section-list-get-item-layout@2.2.3
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import sectionListGetItemLayout from "react-native-section-list-get-item-layout";
@@ -65,31 +67,31 @@ class MyComponent extends React.Component {
 export default MyComponent
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.25;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见 [rn-section-list-get-item-layout 源库地址](https://github.com/jsoendermann/rn-section-list-get-item-layout)
+For details, see [rn-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)
 
 | Name                                                         | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
 | sectionListGetItemLayout({getItemHeight, getSeparatorHeight, getSectionHeaderHeight,getSectionFooterHeight,listHeaderHeight}) | This package provides a function that helps you construct the getItemLayout function for your SectionLists. For an explanation of why this exists, see this post. It's meant to be used like this | function | Yes      | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/jsoendermann/rn-section-list-get-item-layout/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/jsoendermann/rn-section-list-get-item-layout/blob/master/LICENSE).
diff --git a/en/react-native-slider.md b/en/react-native-slider.md
index 575c2047..26ac1bfa 100644
--- a/en/react-native-slider.md
+++ b/en/react-native-slider.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-slider</code> </h1>
@@ -13,17 +12,17 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-<!-- tabs:start -->
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
-> [!TIP] # 处替换为 tgz 包的路径
+<!-- tabs:start -->
 
 #### **npm**
 
@@ -39,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-slider@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState} from 'react';
@@ -120,7 +119,7 @@ export function SliderExample() {
         <Button onPress={()=>{
             setValue(0.9);
         }}
-        title="动画测试"
+        title="Animation test"
         color="#841584"
         />
         </View>
@@ -148,19 +147,19 @@ const styles = StyleSheet.create({
   });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
->
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                                                                                                                                                                   | Type                                                                    | Required | Platform    | HarmonyOS Support |
 |-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|-------------|-------------------|
@@ -185,12 +184,10 @@ const styles = StyleSheet.create({
 | animationType         | Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://facebook.github.io/react-native/docs/animations.html).                                | string                                                                  | No       | iOS Android | yes               |
 | animationConfig       | Used to configure the animation parameters. These are the same parameters in the [Animated library](https://facebook.github.io/react-native/docs/animations.html).                                            | object                                                                  | No       | iOS Android | yes               |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/jeanregisser/react-native-slider/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License (MIT)](https://github.com/jeanregisser/react-native-slider/blob/master/LICENSE).
diff --git a/en/react-native-tab-navigator.md b/en/react-native-tab-navigator.md
index 13d150c9..84c3e21d 100644
--- a/en/react-native-tab-navigator.md
+++ b/en/react-native-tab-navigator.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-tab-navigator</code> </h1>
@@ -15,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tab-navigator)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-tab-navigator)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-tab-navigator@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```ts
 import React, { useState } from "react";
@@ -116,19 +114,19 @@ function Profile() {
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### TabNavigator props
 
@@ -158,12 +156,10 @@ export default App;
 | accessibilityLabel | override text for screen readers                   | string           | No       | iOS/Android | Yes               |
 | testID             | used to locate this item in end-to-end-tests       | string           | No       | iOS/Android | Yes               |
 
-## 遗留问题
-
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License (MIT)](https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE).
diff --git a/en/react-native-video-cache.md b/en/react-native-video-cache.md
index 62b4f909..0b5bb297 100644
--- a/en/react-native-video-cache.md
+++ b/en/react-native-video-cache.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-video-cache</code> </h1>
@@ -14,29 +13,25 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-video-cache)
 
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases).
 
+Go to the project directory and execute the following instruction:
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-video-cache)
-
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### **npm**
 
 ```bash
 npm install @react-native-oh-tpl/react-native-video-cache@file:#
 ```
 
-#### yarn
+#### **yarn**
 
 ```bash
 yarn add @react-native-oh-tpl/react-native-video-cache@file:#
@@ -44,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-video-cache@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useEffect, useState } from "react";
@@ -93,11 +88,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -108,18 +103,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -128,20 +120,20 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -150,16 +142,18 @@ ohpm install
   }
 ```
 
-打开终端，执行：
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install --no-link
 ```
 
-### 3.在 ArkTs 侧引入 RNVideoCachePackage
+### 3. Introducing RNVideoCachePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -173,50 +167,49 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases)。
+This document is verified based on the following versions:
 
-本文档内容基于以下版本验证通过：
 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
 
-## API
+## APIs
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请见[react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)
+For details, see [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)
 
 | Name           | Description                                          | Type   | Required | Platform    | HarmonyOS Support |
 | -------------- | ---------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | convertToCache | Return the local proxy cache server URL using sync.  | string | no       | Androis/IOS | no                |
 | convertAsync   | Return the local proxy cache server URL using async. | string | no       | Androis/IOS | yes               |
 
-## 其他
-
-## 遗留问题
-
+## Known Issues
 - [ ] 由于 HarmonyOS 侧原生依赖 HarmonyOS 三方库@ohos/video-cache中HttpProxyCacheServer实例化对象方法getProxyUrl暂为异步方法，导致本库同步方法convertToCache暂无法实现，问题：[issue#1](https://github.com/react-native-oh-library/react-native-video-cache/issues/1)
 
-## 开源协议
+## Others
+
+## License
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
diff --git a/en/react-subscribe.md b/en/react-subscribe.md
index 03b64ead..72fa7c2d 100644
--- a/en/react-subscribe.md
+++ b/en/react-subscribe.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-subscribe</code> </h1>
@@ -13,9 +13,10 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/tdzl2003/react-subscribe)
+> [!TIP] [GitHub address](https://github.com/tdzl2003/react-subscribe)
+
+## Installation and Usage
 
-## 安装与使用
 <!-- tabs:start -->
 
 #### **npm**
@@ -32,7 +33,7 @@ yarn add react-subscribe@1.3.2
 
 <!-- tabs:end -->
 
-下面的代码展示了Timer这个组件的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React from 'react';
@@ -54,23 +55,26 @@ export class ReactSubscribeTimerTest extends React.Component {
     if (this.state.cd <= 0) {
       return (
         <View>
-          <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+          <Button title='click' onPress={() => this.timeClick()}>click</Button>
           <Text>Cooldown is over and onTimer will not be called again!</Text>
         </View>
       );
     }
     return (
       <View>
-        <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+        <Button title='click' onPress={() => this.timeClick()}>click</Button>
         {this.state.listening && <Timer interval={this.props.interval} onTimer={this.onTimer}><Text>There is still {this.state.cd} seconds to go.</Text></Timer>}
-        <Text>点击按钮启动倒计时</Text>
+        <Text>Click the button to start the countdown</Text>
       </View>
     );
   }
 }
 ```
-下面的代码展示了Subscribe这个组件的基本使用场景：
-> [!WARNING] 使用时 target一般配合fbemitter组件使用
+
+The following code shows the basic use scenario of the Subscribe component:
+
+> [!WARNING] Generally, the `target` is used together with the fbemitter component.
+> 
 ```js
 import React from 'react';
 import { Subscribe } from 'react-subscribe';
@@ -130,12 +134,12 @@ export class ReactSubscribeSubscribeTest extends React.Component {
           value={111}
         />
         <TextInput
-          placeholder="请输入内容发送内容"
+          placeholder="Please enter the content to be sent"
           style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
           onChangeText={text => this.onChangeMessage(text)}
           value={111}
         />
-        <Button title='点击发送' onPress={() => this.sendMessage()}>点击</Button>
+        <Button title='send' onPress={() => this.sendMessage()}>click</Button>
         <Text>'1.监听test1'</Text>
         <Subscribe target={this.props.eventEmitter1} eventName="test1" listener={this.eventNameEvent} />
         {this.test1Message !== null && <Text>test1监听数据:{this.test1Message}</Text>}
@@ -148,7 +152,8 @@ export class ReactSubscribeSubscribeTest extends React.Component {
   }
 }
 ```
-使用样例
+
+Example
 
 ``` 
 import { EventEmitter } from 'fbemitter';
@@ -156,7 +161,9 @@ import { EventEmitter } from 'fbemitter';
 <ReactSubscribeSubscribeTest eventEmitter1={eventEmitter1} eventEmitter2={eventEmitter1}/>
 
 ```
-下面的代码展示了Fetch这个组件的基本使用场景：
+
+The following code shows the basic use scenario of the Fetch component:
+
 ```js
 import React from 'react';
 import { View,StyleSheet,Text,TouchableOpacity,Button } from 'react-native';
@@ -188,7 +195,7 @@ export class ReactSubscribeFetchTest extends React.Component {
     if(this.props.manners === 1){
       return(
         <View>
-         <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+         <Button title='click' onPress={() => this.timeClick()}>click</Button>
           {this.state.listening && <Fetch doFetch={customRequest} url={this.props.url}>
           <SomeComponent2/>
         </Fetch>}
@@ -197,7 +204,7 @@ export class ReactSubscribeFetchTest extends React.Component {
     }
     return(
       <View>
-       <Button title='点击' onPress={() => this.timeClick()}>点击</Button>
+       <Button title='click' onPress={() => this.timeClick()}>click</Button>
         {this.state.listening && <Fetch url={this.props.url} type={this.props.type} options={this.fetch_option}>
         <SomeComponent/>
       </Fetch>}
@@ -214,7 +221,7 @@ function SomeComponent({ data, loading, error, reload, statusCode }) {
     return (
       <View>
         <Text>error:{error.message}</Text>
-        <Button title='点击重新请求' onPress={() => reload()}>点击</Button>
+        <Button title='点击重新请求' onPress={() => reload()}>click</Button>
       </View>
     );
   }
@@ -241,7 +248,7 @@ function SomeComponent2({ data, loading, error, reload }) {
     return (
       <View>
         <Text>Error: {error.message}</Text>
-        <Button title='点击重新请求' onPress={() => reload}>点击</Button>
+        <Button title='点击重新请求' onPress={() => reload}>click</Button>
       </View>
     );
   }
@@ -253,23 +260,24 @@ function SomeComponent2({ data, loading, error, reload }) {
   );
 }
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.26; SDK：HarmonyOS-Next-DB1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.26; SDK: HarmonyOS-Next-DB1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.25;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71(API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
-## 属性
+## Properties
 
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### react-subscribe:
-Fetch组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Fetch.js)
+
+For details about the Fetch component, see [react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Fetch.js)
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -279,7 +287,7 @@ Fetch组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscrib
 | type  | 请求返回数据处理的类型(值只能为'text'或 'json'或'blob')  | string | yes | Android/iOS | yes |
 | children| 子组件，接收请求返回数据处理,接收参数有(loading:是否在请求中,statusCode：请求状态码（自定义请求不设置该值）,data:返回业务数据,error:请求错误信息（例：请求超时）,reload:刷新当前请求方法) | element | no | Android/iOS | yes |
 
-Timer组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Timer.js)
+For details about the Timer component, see [react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Timer.js)
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -287,7 +295,7 @@ Timer组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscrib
 | onTimer  | 定时执行方法 | function   | no | Android/iOS | yes |
 | children | 子组件   | element  | no | Android/iOS  | yes |
 
-Subscribe组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Subscribe.js)
+For details about the Subscribe component, see [react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Subscribe.js)
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -296,7 +304,7 @@ Subscribe组件详情见[react-subscribe](https://github.com/tdzl2003/react-subs
 | listener  | 监听方法（当发射器触发当前事件时执行的方法） | function  | no | Android/iOS  | yes |
 | children | 子组件 | element  | no | Android/iOS  | yes |
 
-SubscribeDOM组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/SubscribeDOM.js)
+For details about the SubscribeDOM component, see [react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/SubscribeDOM.js)
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -305,10 +313,10 @@ SubscribeDOM组件详情见[react-subscribe](https://github.com/tdzl2003/react-s
 | listener  | 监听方法（当发射器触发当前事件时执行的方法） | function  | no | webOnly  | no |
 | children | 子组件 | element  | no | webOnly  | no |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The ISC License (ISC)](https://www.isc.org/licenses/).
\ No newline at end of file

From 721081c12ca27c1e520d73f156d67ba3a6dbd1f8 Mon Sep 17 00:00:00 2001
From: goods01 <2047190290@qq.com>
Date: Tue, 29 Oct 2024 09:09:23 +0000
Subject: [PATCH 778/966] =?UTF-8?q?!1795=20docs:=20[Issues:=20#IB0K57]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9@react-native-community/blur=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB0K57]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9@react-native-community/blur=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-blur.md    | 116 +-------------------------
 zh-cn/react-native-community-blur.md | 117 +--------------------------
 2 files changed, 4 insertions(+), 229 deletions(-)

diff --git a/en/react-native-community-blur.md b/en/react-native-community-blur.md
index 431d7ffd..3b5a6f2a 100644
--- a/en/react-native-community-blur.md
+++ b/en/react-native-community-blur.md
@@ -202,7 +202,7 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Link (ArkTS版本的引入方式)
+## Link
 
 Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
@@ -299,7 +299,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.Introducing BlurView Component to ArkTS
+### 4.Introducing BlurView Component to ArkTS (使用4.4.0-0.1.0及之后的版本忽略这步配置)
 
 Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
@@ -345,118 +345,6 @@ ohpm install
 
 Then build and run the code.
 
-## Link (C-API版本的引入方式)
-
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
-
-Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
-
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
-
-```js
- {
-  ...
-  "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
-  }
-}
-```
-
-### 2. Introducing Native Code
-
-Currently, two methods are available:
-
-
-Method 1 (recommended): Use the HAR file.
-
-> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
-
-Open `entry/oh-package.json5` file and add the following dependencies:
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/blur": "file:../../node_modules/@react-native-oh-tpl/blur/harmony/blur.har"
-  }
-```
-
-Click the `sync` button in the upper right corner.
-
-Alternatively, run the following instruction on the terminal:
-
-```bash
-cd entry
-ohpm install
-```
-
-Method 2: Directly link to the source code.
-
-> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
-
-### 3. Configuring CMakeLists and Introducing BlurPackage
-
-Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
-
-```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-+ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: add_package_subdirectories
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/blur/src/main/cpp" ./blur)
-# RNOH_END: add_package_subdirectories
-
-add_library(rnoh_app SHARED
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: link_packages
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC blur)
-# RNOH_END: link_packages
-```
-
-Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
-
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
-+ #include "BlurViewPackage.h"
-
-using namespace rnoh;
-
-std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
-    return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<BlurViewPackage>(ctx)
-    };
-}
-```
-
-### 4.Running
-
-Click the `sync` button in the upper right corner.
-
-Alternatively, run the following instruction on the terminal:
-
-```bash
-cd entry
-ohpm install
-```
-
-Then build and run the code.
-
-
 ## Constraints
 
 ### Compatibility
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index 9d25bcef..dc5b12c9 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -201,7 +201,7 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Link （ArkTS版本的引入方式）
+## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
 
@@ -301,7 +301,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 BlurView 组件
+### 4.在 ArkTs 侧引入 BlurView 组件（使用4.4.0-0.1.0及之后的版本忽略这步配置）
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -350,119 +350,6 @@ ohpm install
 
 然后编译、运行即可。
 
-## Link （C-API版本的引入方式）
-
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
-
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
-
-```js
- {
-  ...
-  "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
-  }
-}
-```
-
-### 2.引入原生端代码
-
-目前有两种方法：
-
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
-
-方法一：通过 har 包引入
-
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/blur": "file:../../node_modules/@react-native-oh-tpl/blur/harmony/blur.har"
-  }
-```
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-```
-
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
-
-### 3.配置 CMakeLists 和引入 BlurPackage
-
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
-
-```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-+ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: add_package_subdirectories
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/blur/src/main/cpp" ./blur)
-# RNOH_END: add_package_subdirectories
-
-add_library(rnoh_app SHARED
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: link_packages
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC blur)
-# RNOH_END: link_packages
-```
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
-
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
-+ #include "BlurViewPackage.h"
-
-using namespace rnoh;
-
-std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
-    return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<BlurViewPackage>(ctx)
-    };
-}
-```
-
-### 4.运行
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```bash
-cd entry
-ohpm install
-````
-
-然后编译、运行即可。
-
 ## 约束与限制
 
 ### 兼容性

From 3bbc4bfaa8782f02cd10136b532988b9c57d0403 Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Tue, 29 Oct 2024 12:11:45 +0000
Subject: [PATCH 779/966] =?UTF-8?q?!1798=20docs:=20[issues:=20#IB0MHD]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[issues:=20#IB0MHD]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-elements.md    | 4 ++--
 zh-cn/react-native-elements.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-elements.md b/en/react-native-elements.md
index 6775bdb8..ff0aa3ef 100644
--- a/en/react-native-elements.md
+++ b/en/react-native-elements.md
@@ -253,9 +253,9 @@ export default Avatars;
 
 ## Link
 
-The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-safe-area-context. If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
+The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-safe-area-context , @react-native-oh-tpl/react-native-linear-gradient If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
 
-If not introduced, please refer to [Link section of @react-native-oh-tpl/react-native-safe-area-context  documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md#link) for introduction.
+If not introduced, please refer to [Link section of @react-native-oh-tpl/react-native-safe-area-context  documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-safe-area-context.md#link), [Link section of @react-native-oh-tpl/react-native-linear-gradient  documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-linear-gradient.md#link) for introduction.
 
 ### Introduce and register font files on the ArkTs side
 
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index baf477ec..27ab7595 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -253,9 +253,9 @@ export default Avatars;
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/react-native-safe-area-context ，@react-native-oh-tpl/react-native-linear-gradient的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md#link)进行引入。
+如未引入请参照[@react-native-oh-tpl/react-native-safe-area-context 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-safe-area-context.md#link)，[@react-native-oh-tpl/react-native-linear-gradient 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-linear-gradient.md#link)进行引入。
 
 ### 在 ArkTs 侧引入和注册字体文件
 

From 87ab2324d321c5fd01ef26ed860eee42e27b3626 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Tue, 29 Oct 2024 12:15:57 +0000
Subject: [PATCH 780/966] =?UTF-8?q?!1799=20docs:=20=20=E4=BF=AE=E6=94=B9ga?=
 =?UTF-8?q?lio-framework=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20=20[Issues:=20#IB0N8S]=20=E4=BF=AE=E6=94=B9galio-framework?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/galio-framework.md    | 4 ++--
 zh-cn/galio-framework.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/galio-framework.md b/en/galio-framework.md
index b1656bf9..58abcdd4 100644
--- a/en/galio-framework.md
+++ b/en/galio-framework.md
@@ -204,7 +204,7 @@ For details, see[galio](https://galio.io/docs/#/components)
 |    Name     |                                             Description                                              |      Type       | Required |  Platform   | HarmonyOS Support |
 | :---------: | :--------------------------------------------------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
 | capitalize  |                          Transforms the first character in a capital letter                          |     boolean     |    no    | iOS/Android |        Yes        |
-|    color    |      your options are: 'primary', 'theme', 'warning', 'succes', 'transparent' or your own color      |     string      |    no    | iOS/Android |        Yes        |
+|    color    |      your options are: 'primary', 'theme', 'warning', 'success', 'transparent' or your own color      |     string      |    no    | iOS/Android |        Yes        |
 |  disabled   |                                         Disables the button                                          |     boolean     |    no    | iOS/Android |        Yes        |
 |    icon     |                            pick whatever icon you want from Expo's icons                             | boolean, string |    no    | iOS/Android |        Yes        |
 |  iconColor  |                                        sets the icon's color                                         | boolean, string |    no    | iOS/Android |        Yes        |
@@ -217,7 +217,7 @@ For details, see[galio](https://galio.io/docs/#/components)
 |   opacity   |                                     changes the button's opacity                                     |     boolean     |    no    | iOS/Android |        Yes        |
 |   radius    |                                     changes the button's radius                                      |     string      |    no    |     No      |        No         |
 | shadowColor | the default shadowColor is based on the button's color but you can also write a specific shadowColor |     string      |    no    | iOS/Android |        Yes        |
-| shadowColor |                                            removes shadow                                            |     boolean     |    no    | iOS/Android |        Yes        |
+| shadowless |                                            removes shadow                                            |     boolean     |    no    | iOS/Android |        Yes        |
 |    size     |                                  your options are: 'large', 'small'                                  |     number      |    no    | iOS/Android |        Yes        |
 |  uppercase  |                                     makes all letters uppercase                                      |     boolean     |    no    | iOS/Android |        Yes        |
 
diff --git a/zh-cn/galio-framework.md b/zh-cn/galio-framework.md
index a5ef49b6..7ba08c5f 100644
--- a/zh-cn/galio-framework.md
+++ b/zh-cn/galio-framework.md
@@ -207,7 +207,7 @@ export default CardDemo;
 |    Name     |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
 | :---------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
 | capitalize  |      Transforms the first character in a capital letter      |     boolean     |    no    | iOS/Android |        Yes        |
-|    color    | your options are: 'primary', 'theme', 'warning', 'succes', 'transparent' or your own color |     string      |    no    | iOS/Android |        Yes        |
+|    color    | your options are: 'primary', 'theme', 'warning', 'success', 'transparent' or your own color |     string      |    no    | iOS/Android |        Yes        |
 |  disabled   |                     Disables the button                      |     boolean     |    no    | iOS/Android |        Yes        |
 |    icon     |        pick whatever icon you want from Expo's icons         | boolean, string |    no    | iOS/Android |        Yes        |
 |  iconColor  |                    sets the icon's color                     | boolean, string |    no    | iOS/Android |        Yes        |
@@ -220,7 +220,7 @@ export default CardDemo;
 |   opacity   |                 changes the button's opacity                 |     boolean     |    no    | iOS/Android |        Yes        |
 |   radius    |                 changes the button's radius                  |     string      |    no    |     No      |        No         |
 | shadowColor | the default shadowColor is based on the button's color but you can also write a specific shadowColor |     string      |    no    | iOS/Android |        Yes        |
-| shadowColor |                        removes shadow                        |     boolean     |    no    | iOS/Android |        Yes        |
+| shadowless  |                        removes shadow                        |     boolean     |    no    | iOS/Android |        Yes        |
 |    size     |              your options are: 'large', 'small'              |     number      |    no    | iOS/Android |        Yes        |
 |  uppercase  |                 makes all letters uppercase                  |     boolean     |    no    | iOS/Android |        Yes        |
 

From c7a058356898168ea617bfc750a03c376a6ea4df Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Wed, 30 Oct 2024 01:30:56 +0000
Subject: [PATCH 781/966] =?UTF-8?q?!1800=20docs:=20[#IAZKLK]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-country-picker-modal=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAZKLK]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-country-picker-modal=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-country-picker-modal.md    | 2 ++
 zh-cn/react-native-country-picker-modal.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/en/react-native-country-picker-modal.md b/en/react-native-country-picker-modal.md
index 101e4a83..0a2a8181 100644
--- a/en/react-native-country-picker-modal.md
+++ b/en/react-native-country-picker-modal.md
@@ -308,6 +308,8 @@ export function CountryPickerTest() {
 
 ## 遗留问题
 
+- [ ] 搜索条件没有按照translation属性进行过滤 [issue#534](https://github.com/xcarpentier/react-native-country-picker-modal/issues/534) 
+
 ## 其他
 
 ## 开源协议
diff --git a/zh-cn/react-native-country-picker-modal.md b/zh-cn/react-native-country-picker-modal.md
index 101e4a83..0a2a8181 100644
--- a/zh-cn/react-native-country-picker-modal.md
+++ b/zh-cn/react-native-country-picker-modal.md
@@ -308,6 +308,8 @@ export function CountryPickerTest() {
 
 ## 遗留问题
 
+- [ ] 搜索条件没有按照translation属性进行过滤 [issue#534](https://github.com/xcarpentier/react-native-country-picker-modal/issues/534) 
+
 ## 其他
 
 ## 开源协议

From 7abcb171a4851870708a3912473854ab7e3a76e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Wed, 30 Oct 2024 02:52:39 +0000
Subject: [PATCH 782/966] =?UTF-8?q?!1801=20=20docs:=20[#IB0PYZ]=20react-na?=
 =?UTF-8?q?tive-svg=20=E6=B7=BB=E5=8A=A0=E7=BB=84=E4=BB=B6=E7=99=BD?=
 =?UTF-8?q?=E5=90=8D=E5=8D=95=20*=20docs:=20[#IB0PYZ]=20react-native-svg?=
 =?UTF-8?q?=20=E6=B7=BB=E5=8A=A0=E7=BB=84=E4=BB=B6=E7=99=BD=E5=90=8D?=
 =?UTF-8?q?=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-svg.md    | 11 +++++++++++
 zh-cn/react-native-svg.md | 11 +++++++++++
 2 files changed, 22 insertions(+)

diff --git a/en/react-native-svg.md b/en/react-native-svg.md
index 0db05f3f..06ff47ea 100644
--- a/en/react-native-svg.md
+++ b/en/react-native-svg.md
@@ -194,6 +194,17 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  ...
++ SVG_VIEW_TYPE_NAME
+  ];
+```
+
 ### 5.运行
 
 点击右上角的 `sync` 按钮
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index 0db05f3f..06ff47ea 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -194,6 +194,17 @@ function buildCustomComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  ...
++ SVG_VIEW_TYPE_NAME
+  ];
+```
+
 ### 5.运行
 
 点击右上角的 `sync` 按钮

From 956f527d8a265172b41812c2b05fc798900d9f43 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Wed, 30 Oct 2024 03:48:17 +0000
Subject: [PATCH 783/966] =?UTF-8?q?!1797=20docs:=20=20[Issues:=20#IB0LGE]?=
 =?UTF-8?q?=20=E6=96=B0=E5=A2=9Ereact-native-date-picker(nocodegen)?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:?=
 =?UTF-8?q?=20#IB0LGE]=20=E6=96=B0=E5=A2=9Ereact-native-date-picker(nocode?=
 =?UTF-8?q?gen)=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-date-picker(nocodegen).md    | 295 ++++++++++++++++++
 zh-cn/react-native-date-picker(nocodegen).md | 296 +++++++++++++++++++
 2 files changed, 591 insertions(+)
 create mode 100644 en/react-native-date-picker(nocodegen).md
 create mode 100644 zh-cn/react-native-date-picker(nocodegen).md

diff --git a/en/react-native-date-picker(nocodegen).md b/en/react-native-date-picker(nocodegen).md
new file mode 100644
index 00000000..7694be50
--- /dev/null
+++ b/en/react-native-date-picker(nocodegen).md
@@ -0,0 +1,295 @@
+Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-date-picker</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/henninghall/react-native-date-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-date-picker)
+
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)。
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-date-picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-date-picker@file:#
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+import React, { useState } from 'react'
+import { Button, View } from 'react-native'
+import DatePicker from 'react-native-date-picker'
+
+export default () => {
+  const [date, setDate] = useState(new Date())
+  const [open, setOpen] = useState(false)
+
+  return (
+    <View style={{flex:1, flexDirection:'column', justifyContent:'center'}}>
+      <Button title="Open" onPress={() => setOpen(true)} />
+      <DatePicker
+        mode='date'
+        modal
+        open={open}
+        date={date}
+        onConfirm={(date) => {
+          setOpen(false)
+          setDate(date)
+        }}
+        onCancel={() => {
+          setOpen(false)
+        }}
+      />
+    </View>
+  )
+}
+
+
+```
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Currently, two methods are available:
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5`， file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-date-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-date-picker/harmony/date_picker.har"
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+
+> [!TIP] For details, see[Directly Linking Source Code](/zh-cn/link-source-code.md).
+
+
+### 3.Configuring CMakeLists and Introducing RNDatePickerPackage
+
+Open `entry/src/main/cpp/CMakeLists.txt`，and add the following code:
+
+```diff
+txtproject(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULE "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE}/@react-native-oh-tpl/react-native-date-picker/src/main/cpp" ./date_picker)
+# RNOH_END: add_package_subdirectories
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_date_picker)
+# RNOH_END: link_packages
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp`，and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "DatePickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<DatePickerPackage>(ctx), 
+    };
+}
+```
+
+### 4.Introducing RNDatePicker Component to ArkTS
+Find  **function buildCustomRNComponent()**，which is usually located in `entry/src/main/ets/pages/index.ets` or  `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
+
+```diff
+  ...
++ import { RNDatePicker } from "@react-native-oh-tpl/react-native-date-picker"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === RNDatePicker.NAME) {
++   RNDatePicker({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++   })
++ }
+ ...
+}
+...
+```
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
+
+Find the constant arkTsComponentNames in entry/src/main/ets/pages/index.ets or entry/src/main/ets/rn/LoadBundle.ets and add the component name to the array.
+
+```diff
+  ...
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RNDatePicker.NAME, 
+  ];
+```
+
+### 5.Introducing RNDatePickerPackage Package to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
+
+```diff
+import type { RNPackageContext, RNPackage } from 'rnoh/ts';
+...
++ import { RNDatePickerPackage} from '@react-native-oh-tpl/react-native-date-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNDatePickerPackage(ctx)
+  ];
+}
+```
+
+
+### 6.Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)
+
+
+## Properties
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| props  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| date | The currently selected date.   | Date  | no |     all  |       yes|
+| onDateChange | Date change handler ( Inline only )   |  (date: Date) => void  | no |     all  |       yes|
+| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | no |     all  |       yes|
+| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | no |     all  |       yes|
+| mode | The date picker mode. "datetime", "date", "time"   | “'date' \|'time' \| 'datetime'”  | yes |     all  |       yes|
+| onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | no |     all  |       yes|
+| onCancel | Modal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | no |     all  |       yes|
+| is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | no |     all  |       no|
+| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | no |     all  |       yes|
+| open | Modal only: Boolean indicating if modal should be open.   | boolean  | no |     all  |       yes|
+| minuteInterval | The interval at which minutes can be selected.   | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \|  10 \|  12 \| 15 \|  20 \| 30  | no |     all  |       no|
+| title | Modal only: Title text. Can be set to null to remove text.   | string  | no |     all  |       no|
+| confirmText | Modal only: Confirm button text   | string  | no |     all  |       no|
+| cancelText | Modal only: Cancel button text.   | string  | no |     all  |       no|
+| theme | Modal only: The theme of the modal. "light", "dark", "auto". Defaults to "auto".   | 'light' \| 'dark' \| 'auto'  | no |     all  |       no|
+| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | no |     Android  |       no|
+| dividerColor | Color of the divider / separator. (android only)   | string  | no |     Android  |       no|
+| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | no |     Android  |       no|
+| locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a Locale ID.   | string  | no |     all  |       no|
+| timeZoneOffsetInMinutes | imezone offset in minutes (default: device's timezone)   | number  | no |     all  |       no|
+
+
+## Known Issues
+ 
+- [ ] Property confirmText is not supported。[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
+- [ ] Property cancelText is not supported。[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
+- [ ] Property theme is not supported。[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
+- [ ] Property locale is not supported。[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
+- [ ] Property timeZoneOffsetInMinutes is not supported。[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
+- [ ] When the modal attribute is false and the mode attribute is datetime, harmonyOS does not support the inline datetime component。[issue#22](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
+- [ ] Property is24hourSource is not supported。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
+- [ ] Property minuteInterval is not supported。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-date-picker(nocodegen).md b/zh-cn/react-native-date-picker(nocodegen).md
new file mode 100644
index 00000000..2d1e38fa
--- /dev/null
+++ b/zh-cn/react-native-date-picker(nocodegen).md
@@ -0,0 +1,296 @@
+模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-date-picker</code> </h1>
+</p>
+
+<p align="center">
+    <a href="https://github.com/henninghall/react-native-date-picker">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-date-picker)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-date-picker@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-date-picker@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState } from 'react'
+import { Button, View } from 'react-native'
+import DatePicker from 'react-native-date-picker'
+
+export default () => {
+  const [date, setDate] = useState(new Date())
+  const [open, setOpen] = useState(false)
+
+  return (
+    <View style={{flex:1, flexDirection:'column', justifyContent:'center'}}>
+      <Button title="Open" onPress={() => setOpen(true)} />
+      <DatePicker
+        mode='date'
+        modal
+        open={open}
+        date={date}
+        onConfirm={(date) => {
+          setOpen(false)
+          setDate(date)
+        }}
+        onCancel={() => {
+          setOpen(false)
+        }}
+      />
+    </View>
+  )
+}
+
+
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-date-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-date-picker/harmony/date_picker.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+
+### 3.配置 CMakeLists 和引入 RNDatePickerPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+txtproject(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULE "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE}/@react-native-oh-tpl/react-native-date-picker/src/main/cpp" ./date_picker)
+# RNOH_END: add_package_subdirectories
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_date_picker)
+# RNOH_END: link_packages
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "DatePickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<DatePickerPackage>(ctx), 
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNDatePicker 组件
+找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { RNDatePicker } from "@react-native-oh-tpl/react-native-date-picker"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === RNDatePicker.NAME) {
++   RNDatePicker({
++        ctx: ctx.rnComponentContext,
++        tag: ctx.tag
++   })
++ }
+ ...
+}
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets 找到常量 arkTsComponentNames 在其数组里添加组件名
+
+```diff
+  ...
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RNDatePicker.NAME, 
+  ];
+```
+
+
+### 5.在 ArkTs 侧引入 RNDatePickerPackage
+
+```diff
+import type { RNPackageContext, RNPackage } from 'rnoh/ts';
+...
++ import { RNDatePickerPackage} from '@react-native-oh-tpl/react-native-date-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNDatePickerPackage(ctx)
+  ];
+}
+```
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)
+
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| props  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| date | The currently selected date.   | Date  | no |     all  |       yes|
+| onDateChange | Date change handler ( Inline only )   |  (date: Date) => void  | no |     all  |       yes|
+| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | no |     all  |       yes|
+| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | no |     all  |       yes|
+| mode | The date picker mode. "datetime", "date", "time"   | “'date' \|'time' \| 'datetime'”  | yes |     all  |       yes|
+| onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | no |     all  |       yes|
+| onCancel | Modal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | no |     all  |       yes|
+| is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | no |     all  |       no|
+| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | no |     all  |       yes|
+| open | Modal only: Boolean indicating if modal should be open.   | boolean  | no |     all  |       yes|
+| minuteInterval | The interval at which minutes can be selected.   | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \|  10 \|  12 \| 15 \|  20 \| 30  | no |     all  |       no|
+| title | Modal only: Title text. Can be set to null to remove text.   | string  | no |     all  |       no|
+| confirmText | Modal only: Confirm button text   | string  | no |     all  |       no|
+| cancelText | Modal only: Cancel button text.   | string  | no |     all  |       no|
+| theme | Modal only: The theme of the modal. "light", "dark", "auto". Defaults to "auto".   | 'light' \| 'dark' \| 'auto'  | no |     all  |       no|
+| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | no |     Android  |       no|
+| dividerColor | Color of the divider / separator. (android only)   | string  | no |     Android  |       no|
+| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | no |     Android  |       no|
+| locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a Locale ID.   | string  | no |     all  |       no|
+| timeZoneOffsetInMinutes | imezone offset in minutes (default: device's timezone)   | number  | no |     all  |       no|
+
+
+## 遗留问题
+ 
+- [ ]  不支持属性confirmText。[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
+- [ ]  不支持属性cancelText。[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
+- [ ]  不支持属性theme。[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
+- [ ]  不支持属性locale。[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
+- [ ]  不支持属性timeZoneOffsetInMinutes。[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
+- [ ]  当属性modal为false，mode属性为datetime时，harmonyOS不支持内联datetime组件。[issue#22](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
+- [ ]  不支持is24hourSource属性。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
+- [ ]  不支持minuteInterval属性。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE) ，请自由地享受和参与开源。

From 089e85724f3a082cdee4c59be131b43dc0cddca8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Wed, 30 Oct 2024 06:16:21 +0000
Subject: [PATCH 784/966] =?UTF-8?q?!1804=20docs:=20[#IAZZF9]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=20react-native-wechat-lib=20=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IAZZF9]=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=20react-native-wechat-lib=20=E4=BD=BF=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-wechat-lib.md    | 360 +++++++++++++++++++++++++++++++
 zh-cn/react-native-wechat-lib.md | 360 +++++++++++++++++++++++++++++++
 2 files changed, 720 insertions(+)
 create mode 100644 en/react-native-wechat-lib.md
 create mode 100644 zh-cn/react-native-wechat-lib.md

diff --git a/en/react-native-wechat-lib.md b/en/react-native-wechat-lib.md
new file mode 100644
index 00000000..bdbad312
--- /dev/null
+++ b/en/react-native-wechat-lib.md
@@ -0,0 +1,360 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-wechat-lib</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/little-snow-fox/react-native-wechat-lib">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/little-snow-fox/react-native-wechat-lib/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-wechat-lib)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-wechat-lib Releases](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)。
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-wechat-lib
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-wechat-lib
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [tips] 下面 demo 在使用的过程中，请将 AppID 改为在[微信开放平台申请鸿蒙应用]([接入指南 / 鸿蒙接入指南 (qq.com)](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/ohos.html))的 AppID 
+
+```js
+import * as React from 'react';
+
+import { StyleSheet, View, Text, Button, Alert } from 'react-native';
+import { getApiVersion, registerApp, openWXApp, sendAuthRequest, shareText } from 'react-native-wechat-lib';
+
+export default function App() {
+  const [versionNumber, setVersionNumber] = React.useState<string | undefined>();
+
+  React.useEffect(() => {
+    registerApp('AppID', 'universalLink').then((res) => {
+      console.log("registerApp: " + res)
+      getApiVersion().then((num) => {
+        console.log("test: " + num)
+        setVersionNumber(num)
+        // openWXApp().then()
+      })
+    });
+
+  }, []);
+
+  function onLogin() {
+    sendAuthRequest('snsapi_userinfo', '')
+      .then((response: any) => {
+        // todo 登录 response.code
+        Alert.alert('登录成功，code: ' + response.code)
+      })
+      .catch(error => {
+        console.log(error)
+        let errorCode = Number(error.code);
+        if (errorCode === -2) {
+          Alert.alert('已取消授权登录')
+        } else {
+          Alert.alert('微信授权登录失败')
+        }
+      });
+
+  }
+
+  function onShareText() {
+    shareText({
+      text: 'test content.',
+      scene: 0
+    }).then()
+  }
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Call wechat SDK demo</Text>
+      <Text style={styles.versionBox}>
+        Version: {versionNumber}
+      </Text>
+      <View style={styles.buttonGroup}>
+        <View style={styles.button}>
+          <Button title={'拉起微信'} onPress={() => { openWXApp().then() }} />
+        </View>
+        <View style={styles.button}>
+          <Button title={'授权登录'} onPress={() => { onLogin() }} />
+        </View>
+        <View style={styles.button}>
+          <Button title={'分享'} onPress={() => { onShareText() }} />
+        </View>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    // flex: 1,
+    alignItems: 'center',
+    // justifyContent: 'center',
+  },
+  box: {
+    width: 60,
+    height: 60,
+    marginVertical: 20,
+  },
+  title: {
+    marginTop: 48,
+    fontSize: 24,
+    color: 'rgba(0, 0, 0, 0.6)',
+  },
+  versionBox: {
+    color: 'rgba(0, 0, 0, 0.6)'
+  },
+  buttonGroup: {
+    width: '100%',
+    padding: 6,
+    marginTop: 24,
+  },
+  button: {
+    margin: 6,
+
+  }
+});
+```
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-wechat-lib": "file:../../node_modules/@react-native-ohos/react-native-wechat-lib/harmony/react_native_wechat_lib.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置EntryAbility
+
+ 鸿蒙工程下EntryAbility，一般位于entry\src\main\ets\entryability\EntryAbility.ets
+
+``` diff
+import {RNAbility} from '@rnoh/react-native-openharmony';
++ import { AbilityConstant, Want } from '@kit.AbilityKit';
++ import { WechatLibTurboModule } from '@react-native-ohos/react-native-wechat-lib';
+
+export default class EntryAbility extends RNAbility {
+
++   onCreate(want: Want) {
++     super.onCreate(want)
++     this.handleWeChatCallIfNeed(want)
++   }
+
+  getPagePath() {
+    return 'pages/Index';
+  }
+
++  onNewWant(want: Want, _launchParam: AbilityConstant.LaunchParam): void {
++    this.handleWeChatCallIfNeed(want)
++  }
+
++  private handleWeChatCallIfNeed(want: Want) {
++    WechatLibTurboModule.handleWant(want)
++  }}
+
+```
+
+###4.配置 CMakeLists 和引入 BaseReactNativeWechatLibPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-wechat-lib/src/main/cpp" ./wechat-lib)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC wechat_lib)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "BaseReactNativeWechatLibPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<BaseReactNativeWechatLibPackage>(ctx),
+    };
+}
+```
+
+### 5.在 ArkTs 侧引入 WechatLibPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { WechatLibPackage } from '@react-native-ohos/react-native-wechat-lib/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new WechatLibPackage(ctx),
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-wechat-lib](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)
+
+## API
+
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                          | Description        | Type     | Required | Platform    | HarmonyOS Support |
+| --------------------------------------------- | ------------------ | -------- | -------- | ----------- | ----------------- |
+| registerApp(appid)                            | 注册               | Function | no       | Android/iOS | yes               |
+| isWXAppInstalled()                            | 判断微信是否已安装 | Function | no       | Android/iOS | no                |
+| isWXAppSupportApi()                           | 检查支持情况       | Function | no       | Android/iOS | no                |
+| getApiVersion()                               | 获取 API 版本号    | Function | no       | Android/iOS | no                |
+| openWXApp()                                   | 打开微信           | Function | no       | Android/iOS | yes               |
+| sendAuthRequest([scope[, state]])             | 微信授权登录       | Function | no       | Android/iOS | yes               |
+| authByScan([scope, nonceStr, onQRGet])        | 微信扫码授权登录   | Function | no       | Android/iOS | yes               |
+| shareText(ShareTextMetadata)                  | 分享/收藏 文本     | Function | no       | Android/iOS | partially         |
+| shareImage(ShareImageMetadata)                | 分享/收藏 图片     | Function | no       | Android/iOS | partially         |
+| shareLocalImage(ShareImageMetadata)           | 分享/收藏 本地图片 | Function | no       | Android/iOS | partially         |
+| shareFile(ShareFileMetadata)                  | 分享文件           | Function | no       | Android/iOS | no                |
+| shareMusic(ShareMusicMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
+| shareVideo(ShareVideoMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
+| shareWebpage (ShareWebpageMetadata)           | 分享网页           | Function | no       | Android/iOS | no                |
+| shareMiniProgram(ShareMiniProgramMetadata)    | 分享小程序         | Function | no       | Android/iOS | no                |
+| launchMiniProgram (LaunchMiniProgramMetadata) | 跳到小程序         | Function | no       | Android/iOS | no                |
+| chooseInvoice (ChooseInvoice)                 | 选择发票           | Function | no       | Android/iOS | no                |
+| pay(payload)                                  | 支付               | Function | no       | Android/iOS | yes               |
+| subscribeMessage(SubscribeMessageMetadata)    | 一次性订阅消息     | Function | no       | Android/iOS | no                |
+
+## 遗留问题
+
+## 其他
+
+- ShareText(ShareTextMetadata),ShareImage(ShareImageMetadata) ,ShareLocalImage(ShareImageMetadata) 只支持分享，不支持收藏，原因为目前微信Open SDK还不支持 HarmonyOS 平台的收藏
+- isWXAppInstalled()不支持原因是 HarmonyOS 不支持获取设备上安装的应用列表数据
+- isWXAppSupportApi(),getApiVersion() ,ShareFile(ShareFileMetadata) ,ShareMusic(ShareMusicMetadata),ShareVideo(ShareVideoMetadata),ShareWebpage (ShareWebpageMetadata) ,ShareMiniProgram(ShareMiniProgramMetadata),LaunchMiniProgram (LaunchMiniProgramMetadata) ,ChooseInvoice (ChooseInvoice),subscribeMessage(SubscribeMessageMetadata) 这些接口目前在 HarmonyOS 微信Open SDK还不支持
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/little-snow-fox/react-native-wechat-lib/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-wechat-lib.md b/zh-cn/react-native-wechat-lib.md
new file mode 100644
index 00000000..bdbad312
--- /dev/null
+++ b/zh-cn/react-native-wechat-lib.md
@@ -0,0 +1,360 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-wechat-lib</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/little-snow-fox/react-native-wechat-lib">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/little-snow-fox/react-native-wechat-lib/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-wechat-lib)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-wechat-lib Releases](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)。
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-wechat-lib
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-wechat-lib
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+> [tips] 下面 demo 在使用的过程中，请将 AppID 改为在[微信开放平台申请鸿蒙应用]([接入指南 / 鸿蒙接入指南 (qq.com)](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/ohos.html))的 AppID 
+
+```js
+import * as React from 'react';
+
+import { StyleSheet, View, Text, Button, Alert } from 'react-native';
+import { getApiVersion, registerApp, openWXApp, sendAuthRequest, shareText } from 'react-native-wechat-lib';
+
+export default function App() {
+  const [versionNumber, setVersionNumber] = React.useState<string | undefined>();
+
+  React.useEffect(() => {
+    registerApp('AppID', 'universalLink').then((res) => {
+      console.log("registerApp: " + res)
+      getApiVersion().then((num) => {
+        console.log("test: " + num)
+        setVersionNumber(num)
+        // openWXApp().then()
+      })
+    });
+
+  }, []);
+
+  function onLogin() {
+    sendAuthRequest('snsapi_userinfo', '')
+      .then((response: any) => {
+        // todo 登录 response.code
+        Alert.alert('登录成功，code: ' + response.code)
+      })
+      .catch(error => {
+        console.log(error)
+        let errorCode = Number(error.code);
+        if (errorCode === -2) {
+          Alert.alert('已取消授权登录')
+        } else {
+          Alert.alert('微信授权登录失败')
+        }
+      });
+
+  }
+
+  function onShareText() {
+    shareText({
+      text: 'test content.',
+      scene: 0
+    }).then()
+  }
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Call wechat SDK demo</Text>
+      <Text style={styles.versionBox}>
+        Version: {versionNumber}
+      </Text>
+      <View style={styles.buttonGroup}>
+        <View style={styles.button}>
+          <Button title={'拉起微信'} onPress={() => { openWXApp().then() }} />
+        </View>
+        <View style={styles.button}>
+          <Button title={'授权登录'} onPress={() => { onLogin() }} />
+        </View>
+        <View style={styles.button}>
+          <Button title={'分享'} onPress={() => { onShareText() }} />
+        </View>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    // flex: 1,
+    alignItems: 'center',
+    // justifyContent: 'center',
+  },
+  box: {
+    width: 60,
+    height: 60,
+    marginVertical: 20,
+  },
+  title: {
+    marginTop: 48,
+    fontSize: 24,
+    color: 'rgba(0, 0, 0, 0.6)',
+  },
+  versionBox: {
+    color: 'rgba(0, 0, 0, 0.6)'
+  },
+  buttonGroup: {
+    width: '100%',
+    padding: 6,
+    marginTop: 24,
+  },
+  button: {
+    margin: 6,
+
+  }
+});
+```
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-wechat-lib": "file:../../node_modules/@react-native-ohos/react-native-wechat-lib/harmony/react_native_wechat_lib.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置EntryAbility
+
+ 鸿蒙工程下EntryAbility，一般位于entry\src\main\ets\entryability\EntryAbility.ets
+
+``` diff
+import {RNAbility} from '@rnoh/react-native-openharmony';
++ import { AbilityConstant, Want } from '@kit.AbilityKit';
++ import { WechatLibTurboModule } from '@react-native-ohos/react-native-wechat-lib';
+
+export default class EntryAbility extends RNAbility {
+
++   onCreate(want: Want) {
++     super.onCreate(want)
++     this.handleWeChatCallIfNeed(want)
++   }
+
+  getPagePath() {
+    return 'pages/Index';
+  }
+
++  onNewWant(want: Want, _launchParam: AbilityConstant.LaunchParam): void {
++    this.handleWeChatCallIfNeed(want)
++  }
+
++  private handleWeChatCallIfNeed(want: Want) {
++    WechatLibTurboModule.handleWant(want)
++  }}
+
+```
+
+###4.配置 CMakeLists 和引入 BaseReactNativeWechatLibPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-wechat-lib/src/main/cpp" ./wechat-lib)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC wechat_lib)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "BaseReactNativeWechatLibPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<BaseReactNativeWechatLibPackage>(ctx),
+    };
+}
+```
+
+### 5.在 ArkTs 侧引入 WechatLibPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { WechatLibPackage } from '@react-native-ohos/react-native-wechat-lib/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new WechatLibPackage(ctx),
+  ];
+}
+```
+
+### 6.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-wechat-lib](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)
+
+## API
+
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                          | Description        | Type     | Required | Platform    | HarmonyOS Support |
+| --------------------------------------------- | ------------------ | -------- | -------- | ----------- | ----------------- |
+| registerApp(appid)                            | 注册               | Function | no       | Android/iOS | yes               |
+| isWXAppInstalled()                            | 判断微信是否已安装 | Function | no       | Android/iOS | no                |
+| isWXAppSupportApi()                           | 检查支持情况       | Function | no       | Android/iOS | no                |
+| getApiVersion()                               | 获取 API 版本号    | Function | no       | Android/iOS | no                |
+| openWXApp()                                   | 打开微信           | Function | no       | Android/iOS | yes               |
+| sendAuthRequest([scope[, state]])             | 微信授权登录       | Function | no       | Android/iOS | yes               |
+| authByScan([scope, nonceStr, onQRGet])        | 微信扫码授权登录   | Function | no       | Android/iOS | yes               |
+| shareText(ShareTextMetadata)                  | 分享/收藏 文本     | Function | no       | Android/iOS | partially         |
+| shareImage(ShareImageMetadata)                | 分享/收藏 图片     | Function | no       | Android/iOS | partially         |
+| shareLocalImage(ShareImageMetadata)           | 分享/收藏 本地图片 | Function | no       | Android/iOS | partially         |
+| shareFile(ShareFileMetadata)                  | 分享文件           | Function | no       | Android/iOS | no                |
+| shareMusic(ShareMusicMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
+| shareVideo(ShareVideoMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
+| shareWebpage (ShareWebpageMetadata)           | 分享网页           | Function | no       | Android/iOS | no                |
+| shareMiniProgram(ShareMiniProgramMetadata)    | 分享小程序         | Function | no       | Android/iOS | no                |
+| launchMiniProgram (LaunchMiniProgramMetadata) | 跳到小程序         | Function | no       | Android/iOS | no                |
+| chooseInvoice (ChooseInvoice)                 | 选择发票           | Function | no       | Android/iOS | no                |
+| pay(payload)                                  | 支付               | Function | no       | Android/iOS | yes               |
+| subscribeMessage(SubscribeMessageMetadata)    | 一次性订阅消息     | Function | no       | Android/iOS | no                |
+
+## 遗留问题
+
+## 其他
+
+- ShareText(ShareTextMetadata),ShareImage(ShareImageMetadata) ,ShareLocalImage(ShareImageMetadata) 只支持分享，不支持收藏，原因为目前微信Open SDK还不支持 HarmonyOS 平台的收藏
+- isWXAppInstalled()不支持原因是 HarmonyOS 不支持获取设备上安装的应用列表数据
+- isWXAppSupportApi(),getApiVersion() ,ShareFile(ShareFileMetadata) ,ShareMusic(ShareMusicMetadata),ShareVideo(ShareVideoMetadata),ShareWebpage (ShareWebpageMetadata) ,ShareMiniProgram(ShareMiniProgramMetadata),LaunchMiniProgram (LaunchMiniProgramMetadata) ,ChooseInvoice (ChooseInvoice),subscribeMessage(SubscribeMessageMetadata) 这些接口目前在 HarmonyOS 微信Open SDK还不支持
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/little-snow-fox/react-native-wechat-lib/blob/master/LICENSE) ，请自由地享受和参与开源。

From c74d5a2ec5d558343dfa79143d999de2abf154e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <891661163@qq.com>
Date: Wed, 30 Oct 2024 06:58:27 +0000
Subject: [PATCH 785/966] =?UTF-8?q?!1805=20=E4=BF=AE=E6=94=B9=20react-nati?=
 =?UTF-8?q?ve-wechat-lib=20=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=20*=20docs?=
 =?UTF-8?q?:=20[#IAZZF9]=20=E4=BF=AE=E6=94=B9=20react-native-wechat-lib=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-wechat-lib.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/zh-cn/react-native-wechat-lib.md b/zh-cn/react-native-wechat-lib.md
index bdbad312..aa622aef 100644
--- a/zh-cn/react-native-wechat-lib.md
+++ b/zh-cn/react-native-wechat-lib.md
@@ -17,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-wechat-lib Releases](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-wechat-lib Releases](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)。
 
 进入到工程目录并输入以下命令：
 
@@ -26,13 +26,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-wechat-lib
+npm install @react-native-ohos/react-native-wechat-lib
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-wechat-lib
+yarn add @react-native-ohos/react-native-wechat-lib
 ```
 
 <!-- tabs:end -->
@@ -175,7 +175,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-wechat-lib": "file:../../node_modules/@react-native-ohos/react-native-wechat-lib/harmony/react_native_wechat_lib.har"
+    "@react-native-ohos/react-native-wechat-lib": "file:../../node_modules/@react-native-ohos/react-native-wechat-lib/harmony/react_native_wechat_lib.har"
   }
 ```
 
@@ -316,7 +316,7 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-wechat-lib](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-wechat-lib](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)
 
 ## API
 

From 16f125e029a01eaedc6c431dada7662863211805 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <891661163@qq.com>
Date: Wed, 30 Oct 2024 09:05:02 +0000
Subject: [PATCH 786/966] =?UTF-8?q?!1807=20=E6=B7=BB=E5=8A=A0=20react-nati?=
 =?UTF-8?q?ve-wechat-lib=20=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3=20*=20docs?=
 =?UTF-8?q?:=20[#IAZZF9]=20=E6=B7=BB=E5=8A=A0=20react-native-wechat-lib=20?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-wechat-lib.md    | 167 +++++++++++++++----------------
 zh-cn/react-native-wechat-lib.md |  23 ++---
 2 files changed, 87 insertions(+), 103 deletions(-)

diff --git a/en/react-native-wechat-lib.md b/en/react-native-wechat-lib.md
index bdbad312..59582712 100644
--- a/en/react-native-wechat-lib.md
+++ b/en/react-native-wechat-lib.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-wechat-lib</code> </h1>
@@ -13,35 +13,35 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-wechat-lib)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-wechat-lib)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-wechat-lib Releases](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)。
+Find the matching version information in the release address of a third-party library：[@react-native-ohos/react-native-wechat-lib Releases](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)。
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:：
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-wechat-lib
+npm install @react-native-ohos/react-native-wechat-lib
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-wechat-lib
+yarn add @react-native-ohos/react-native-wechat-lib
 ```
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository：
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-> [tips] 下面 demo 在使用的过程中，请将 AppID 改为在[微信开放平台申请鸿蒙应用]([接入指南 / 鸿蒙接入指南 (qq.com)](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/ohos.html))的 AppID 
+> [tips] When using the demo below, please change the AppID to the AppID of the HarmonyOS application applied for on the [WeChat open platform](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/ohos.html).
 
 ```js
 import * as React from 'react';
@@ -55,11 +55,6 @@ export default function App() {
   React.useEffect(() => {
     registerApp('AppID', 'universalLink').then((res) => {
       console.log("registerApp: " + res)
-      getApiVersion().then((num) => {
-        console.log("test: " + num)
-        setVersionNumber(num)
-        // openWXApp().then()
-      })
     });
 
   }, []);
@@ -67,16 +62,15 @@ export default function App() {
   function onLogin() {
     sendAuthRequest('snsapi_userinfo', '')
       .then((response: any) => {
-        // todo 登录 response.code
-        Alert.alert('登录成功，code: ' + response.code)
+        Alert.alert('Login successful, code' + response.code)
       })
       .catch(error => {
         console.log(error)
         let errorCode = Number(error.code);
         if (errorCode === -2) {
-          Alert.alert('已取消授权登录')
+          Alert.alert('Authorized login has been canceled')
         } else {
-          Alert.alert('微信授权登录失败')
+          Alert.alert('WeChat authorized login failed')
         }
       });
 
@@ -97,13 +91,13 @@ export default function App() {
       </Text>
       <View style={styles.buttonGroup}>
         <View style={styles.button}>
-          <Button title={'拉起微信'} onPress={() => { openWXApp().then() }} />
+          <Button title={'Open WeChat'} onPress={() => { openWXApp().then() }} />
         </View>
         <View style={styles.button}>
-          <Button title={'授权登录'} onPress={() => { onLogin() }} />
+          <Button title={'Authorized login'} onPress={() => { onLogin() }} />
         </View>
         <View style={styles.button}>
-          <Button title={'分享'} onPress={() => { onShareText() }} />
+          <Button title={'Share Text'} onPress={() => { onShareText() }} />
         </View>
       </View>
     </View>
@@ -144,11 +138,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -159,44 +153,41 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-wechat-lib": "file:../../node_modules/@react-native-ohos/react-native-wechat-lib/harmony/react_native_wechat_lib.har"
+    "@react-native-ohos/react-native-wechat-lib": "file:../../node_modules/@react-native-ohos/react-native-wechat-lib/harmony/react_native_wechat_lib.har"
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置EntryAbility
+### 3. Configuring EntryAbility
 
- 鸿蒙工程下EntryAbility，一般位于entry\src\main\ets\entryability\EntryAbility.ets
+Open `entry\src\main\ets\entryability\EntryAbility.ets` and add the following code:
 
-``` diff
+```diff
 import {RNAbility} from '@rnoh/react-native-openharmony';
 + import { AbilityConstant, Want } from '@kit.AbilityKit';
 + import { WechatLibTurboModule } from '@react-native-ohos/react-native-wechat-lib';
@@ -222,9 +213,9 @@ export default class EntryAbility extends RNAbility {
 
 ```
 
-###4.配置 CMakeLists 和引入 BaseReactNativeWechatLibPackage
+### 4. Configuring CMakeLists and Introducing BaseReactNativeWechatLibPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -262,7 +253,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -281,9 +272,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 5.在 ArkTs 侧引入 WechatLibPackage
+### 5. Introducing WechatLibPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -297,64 +288,64 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-wechat-lib](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)
+Check the release version information in the release address of the third-party library：[@react-native-ohos/react-native-wechat-lib](https://github.com/react-native-oh-library/react-native-wechat-lib/releases)
 
 ## API
 
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                          | Description        | Type     | Required | Platform    | HarmonyOS Support |
 | --------------------------------------------- | ------------------ | -------- | -------- | ----------- | ----------------- |
-| registerApp(appid)                            | 注册               | Function | no       | Android/iOS | yes               |
-| isWXAppInstalled()                            | 判断微信是否已安装 | Function | no       | Android/iOS | no                |
-| isWXAppSupportApi()                           | 检查支持情况       | Function | no       | Android/iOS | no                |
-| getApiVersion()                               | 获取 API 版本号    | Function | no       | Android/iOS | no                |
-| openWXApp()                                   | 打开微信           | Function | no       | Android/iOS | yes               |
-| sendAuthRequest([scope[, state]])             | 微信授权登录       | Function | no       | Android/iOS | yes               |
-| authByScan([scope, nonceStr, onQRGet])        | 微信扫码授权登录   | Function | no       | Android/iOS | yes               |
-| shareText(ShareTextMetadata)                  | 分享/收藏 文本     | Function | no       | Android/iOS | partially         |
-| shareImage(ShareImageMetadata)                | 分享/收藏 图片     | Function | no       | Android/iOS | partially         |
-| shareLocalImage(ShareImageMetadata)           | 分享/收藏 本地图片 | Function | no       | Android/iOS | partially         |
-| shareFile(ShareFileMetadata)                  | 分享文件           | Function | no       | Android/iOS | no                |
-| shareMusic(ShareMusicMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
-| shareVideo(ShareVideoMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
-| shareWebpage (ShareWebpageMetadata)           | 分享网页           | Function | no       | Android/iOS | no                |
-| shareMiniProgram(ShareMiniProgramMetadata)    | 分享小程序         | Function | no       | Android/iOS | no                |
-| launchMiniProgram (LaunchMiniProgramMetadata) | 跳到小程序         | Function | no       | Android/iOS | no                |
-| chooseInvoice (ChooseInvoice)                 | 选择发票           | Function | no       | Android/iOS | no                |
-| pay(payload)                                  | 支付               | Function | no       | Android/iOS | yes               |
-| subscribeMessage(SubscribeMessageMetadata)    | 一次性订阅消息     | Function | no       | Android/iOS | no                |
-
-## 遗留问题
-
-## 其他
-
-- ShareText(ShareTextMetadata),ShareImage(ShareImageMetadata) ,ShareLocalImage(ShareImageMetadata) 只支持分享，不支持收藏，原因为目前微信Open SDK还不支持 HarmonyOS 平台的收藏
-- isWXAppInstalled()不支持原因是 HarmonyOS 不支持获取设备上安装的应用列表数据
-- isWXAppSupportApi(),getApiVersion() ,ShareFile(ShareFileMetadata) ,ShareMusic(ShareMusicMetadata),ShareVideo(ShareVideoMetadata),ShareWebpage (ShareWebpageMetadata) ,ShareMiniProgram(ShareMiniProgramMetadata),LaunchMiniProgram (LaunchMiniProgramMetadata) ,ChooseInvoice (ChooseInvoice),subscribeMessage(SubscribeMessageMetadata) 这些接口目前在 HarmonyOS 微信Open SDK还不支持
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/little-snow-fox/react-native-wechat-lib/blob/master/LICENSE) ，请自由地享受和参与开源。
+| registerApp(appid)                            | register               | Function | no       | Android/iOS | yes               |
+| isWXAppInstalled()                            | Determine whether WeChat is installed | Function | no       | Android/iOS | no                |
+| isWXAppSupportApi()                           | Check support       | Function | no       | Android/iOS | no                |
+| getApiVersion()                               | Get API version number    | Function | no       | Android/iOS | no                |
+| openWXApp()                                   | Open WeChat           | Function | no       | Android/iOS | yes               |
+| sendAuthRequest([scope[, state]])             | WeChat authorized login       | Function | no       | Android/iOS | yes               |
+| authByScan([scope, nonceStr, onQRGet])        | WeChat scan code to authorize login   | Function | no       | Android/iOS | yes               |
+| shareText(ShareTextMetadata)                  | Share/Collect Text     | Function | no       | Android/iOS | partially         |
+| shareImage(ShareImageMetadata)                | Share Image     | Function | no       | Android/iOS | partially         |
+| shareLocalImage(ShareImageMetadata)           | Share LocalImage | Function | no       | Android/iOS | partially         |
+| shareFile(ShareFileMetadata)                  | Share File           | Function | no       | Android/iOS | no                |
+| shareMusic(ShareMusicMetadata)                | Share Music           | Function | no       | Android/iOS | no                |
+| shareVideo(ShareVideoMetadata)                | Share Video           | Function | no       | Android/iOS | no                |
+| shareWebpage (ShareWebpageMetadata)           | Share Webpage           | Function | no       | Android/iOS | no                |
+| shareMiniProgram(ShareMiniProgramMetadata)    | Share MiniProgram         | Function | no       | Android/iOS | no                |
+| launchMiniProgram (LaunchMiniProgramMetadata) | Launch MiniProgram         | Function | no       | Android/iOS | no                |
+| chooseInvoice (ChooseInvoice)                 | Select invoice           | Function | no       | Android/iOS | no                |
+| pay(payload)                                  | pay               | Function | no       | Android/iOS | yes               |
+| subscribeMessage(SubscribeMessageMetadata)    | 
+One-time subscription to messages     | Function | no       | Android/iOS | no                |
+
+## Known Issues
+
+## Others
+
+- ShareText、ShareImage、ShareLocalImage: Only sharing is supported, collection is not supported, because the WeChat Open SDK currently does not support collection on the HarmonyOS platform.
+- isWXAppInstalled: The reason why it is not supported is that HarmonyOS does not support obtaining the application list data installed on the device.
+- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage 、ShareMiniProgram、LaunchMiniProgram、ChooseInvoice、subscribeMessage. These interfaces are currently not supported by HarmonyOS WeChat Open SDK.
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/little-snow-fox/react-native-wechat-lib/blob/master/LICENSE).
diff --git a/zh-cn/react-native-wechat-lib.md b/zh-cn/react-native-wechat-lib.md
index aa622aef..d7437d08 100644
--- a/zh-cn/react-native-wechat-lib.md
+++ b/zh-cn/react-native-wechat-lib.md
@@ -41,7 +41,7 @@ yarn add @react-native-ohos/react-native-wechat-lib
 
 > [!WARNING] 使用时 import 的库名不变。
 
-> [tips] 下面 demo 在使用的过程中，请将 AppID 改为在[微信开放平台申请鸿蒙应用]([接入指南 / 鸿蒙接入指南 (qq.com)](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/ohos.html))的 AppID 
+> [tips] 下面 demo 在使用的过程中，请将 AppID 改为在[微信开放平台申请鸿蒙应用](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/ohos.html)的 AppID
 
 ```js
 import * as React from 'react';
@@ -55,11 +55,6 @@ export default function App() {
   React.useEffect(() => {
     registerApp('AppID', 'universalLink').then((res) => {
       console.log("registerApp: " + res)
-      getApiVersion().then((num) => {
-        console.log("test: " + num)
-        setVersionNumber(num)
-        // openWXApp().then()
-      })
     });
 
   }, []);
@@ -67,7 +62,6 @@ export default function App() {
   function onLogin() {
     sendAuthRequest('snsapi_userinfo', '')
       .then((response: any) => {
-        // todo 登录 response.code
         Alert.alert('登录成功，code: ' + response.code)
       })
       .catch(error => {
@@ -192,11 +186,11 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置EntryAbility
+### 3.配置 EntryAbility
 
- 鸿蒙工程下EntryAbility，一般位于entry\src\main\ets\entryability\EntryAbility.ets
+鸿蒙工程下 EntryAbility，一般位于 `entry\src\main\ets\entryability\EntryAbility.ets`
 
-``` diff
+```diff
 import {RNAbility} from '@rnoh/react-native-openharmony';
 + import { AbilityConstant, Want } from '@kit.AbilityKit';
 + import { WechatLibTurboModule } from '@react-native-ohos/react-native-wechat-lib';
@@ -222,7 +216,7 @@ export default class EntryAbility extends RNAbility {
 
 ```
 
-###4.配置 CMakeLists 和引入 BaseReactNativeWechatLibPackage
+### 4.配置 CMakeLists 和引入 BaseReactNativeWechatLibPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -320,7 +314,6 @@ ohpm install
 
 ## API
 
-
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
@@ -351,9 +344,9 @@ ohpm install
 
 ## 其他
 
-- ShareText(ShareTextMetadata),ShareImage(ShareImageMetadata) ,ShareLocalImage(ShareImageMetadata) 只支持分享，不支持收藏，原因为目前微信Open SDK还不支持 HarmonyOS 平台的收藏
-- isWXAppInstalled()不支持原因是 HarmonyOS 不支持获取设备上安装的应用列表数据
-- isWXAppSupportApi(),getApiVersion() ,ShareFile(ShareFileMetadata) ,ShareMusic(ShareMusicMetadata),ShareVideo(ShareVideoMetadata),ShareWebpage (ShareWebpageMetadata) ,ShareMiniProgram(ShareMiniProgramMetadata),LaunchMiniProgram (LaunchMiniProgramMetadata) ,ChooseInvoice (ChooseInvoice),subscribeMessage(SubscribeMessageMetadata) 这些接口目前在 HarmonyOS 微信Open SDK还不支持
+- ShareText、ShareImage、ShareLocalImage 只支持分享，不支持收藏，原因为目前微信 Open SDK 还不支持 HarmonyOS 平台的收藏
+- isWXAppInstalled 不支持原因是 HarmonyOS 不支持获取设备上安装的应用列表数据
+- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage 、ShareMiniProgram、LaunchMiniProgram、ChooseInvoice、subscribeMessage 这些接口目前在 HarmonyOS 微信 Open SDK 还不支持
 
 ## 开源协议
 

From bc001f4b38c1dd36cde4c1d8bfbc88124e09ac6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Wed, 30 Oct 2024 10:11:01 +0000
Subject: [PATCH 787/966] =?UTF-8?q?!1808=20docs:=20[Issues:=20#IB0ULY]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-fs(nocodegen)=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20[Issues:=20#IB0ULY]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91react-native-fs(nocodegen)=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-fs(nocodegen).md | 348 +++++++++++++++++++++++++++++++
 1 file changed, 348 insertions(+)
 create mode 100644 en/react-native-fs(nocodegen).md

diff --git a/en/react-native-fs(nocodegen).md b/en/react-native-fs(nocodegen).md
new file mode 100644
index 00000000..26116e04
--- /dev/null
+++ b/en/react-native-fs(nocodegen).md
@@ -0,0 +1,348 @@
+> Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-fs</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/itinance/react-native-fs">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/react-native-oh-library/react-native-fs/blob/sig/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-fs)
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases).
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
+
+#### npm
+
+```bash
+npm install @react-native-oh-tpl/react-native-fs@file:#
+```
+
+#### yarn
+
+```bash
+yarn add @react-native-oh-tpl/react-native-fs@file:#
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```tsx
+import React, { useState } from "react";
+import {
+  SafeAreaView,
+  StyleSheet,
+  ScrollView,
+  View,
+  Text,
+  StatusBar,
+  TextInput,
+  Button,
+} from "react-native";
+import FS from "react-native-fs";
+import { Colors } from "react-native/Libraries/NewAppScreen";
+function App(): React.JSX.Element {
+  const [mkdirParam, setMkdirParam] = useState("");
+  const mkdirExample = () => {
+    FS.mkdir(FS.DocumentDirectoryPath + "/" + mkdirParam).then(
+      (result) => {
+        console.log("file mkdirParam： " + mkdirParam);
+        console.log("file Successfully created directory.");
+      },
+      (err) => {
+        console.error("file mkdir: " + err.message);
+      }
+    );
+  };
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView>
+        <ScrollView
+          contentInsetAdjustmentBehavior="automatic"
+          style={styles.scrollView}
+        >
+          <Text style={styles.sectionTitle}>
+            {"React Native File Harmony Demo App"}
+          </Text>
+          <View style={styles.body}>
+            <View style={styles.sectionContainer}>
+              <Text style={styles.sectionTitle}>{"mkdir"}</Text>
+              <View style={styles.sectionDescription}>
+                <TextInput
+                  style={styles.input}
+                  placeholder="Folder Path"
+                  onChangeText={(mkdirParam) => setMkdirParam(mkdirParam)}
+                  placeholderTextColor="#9a73ef"
+                  autoCapitalize="none"
+                />
+              </View>
+              <Button
+                title="Create Directory"
+                color="#9a73ef"
+                onPress={mkdirExample}
+              />
+            </View>
+          </View>
+        </ScrollView>
+      </SafeAreaView>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  scrollView: {
+    backgroundColor: Colors.black,
+  },
+  engine: {
+    position: "absolute",
+    right: 0,
+  },
+  body: {
+    backgroundColor: Colors.dark,
+  },
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: "600",
+    color: Colors.white,
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: "400",
+    color: Colors.dark,
+  },
+  input: {
+    marginTop: 12,
+  },
+});
+
+export default App;
+```
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Currently, two methods are available:
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/react-native-fs": "file:../../node_modules/@react-native-oh-tpl/react-native-fs/harmony/fs.har"
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
+
+### 3. Configuring CMakeLists and Introducing FsPackge
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+txtproject(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULE "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: add_package_subdirectories
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULE}/@react-native-oh-tpl//react-native-fs/src/main/cpp" ./fs)
+# RNOH_END: add_package_subdirectories
+
+add_library(rnoh_app SHARED
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: link_packages
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_fs)
+# RNOH_END: link_packages
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "FsPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<FsPackage>(ctx),
+    };
+}
+```
+
+### 4. Introducing FsPackage to ArkTS
+
+```diff
+import type { RNPackageContext, RNPackage } from 'rnoh/ts';
+...
++ import { FsPackage } from '@react-native-oh-tpl/react-native-fs/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new FsPackage(ctx)
+  ];
+}
+```
+
+### 5. Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)
+
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
+| :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
+| DocumentDirectoryPath        | System Path | string | No       | IOS/Android     | yes               |                          |
+| CachesDirectoryPath          | System Path | string | No       | IOS/Android     | yes               |                          |
+| MainBundlePath               | System Path | string | No       | iOS             | yes               |                          |
+| ExternalCachesDirectoryPath  | System Path | string | No       | Android         | No                | Android only             |
+| DownloadDirectoryPath        | System Path | string | No       | Android/Windows | No                | not available on Harmony |
+| TemporaryDirectoryPath       | System Path | string | No       | IOS/Android     | yes               |                          |
+| LibraryDirectoryPath         | System Path | string | No       | iOS             | yes               |                          |
+| ExternalDirectoryPath        | System Path | string | No       | Android         | No                | Android only             |
+| ExternalStorageDirectoryPath | System Path | string | No       | Android         | No                | Android only             |
+| PicturesDirectoryPath        | System Path | string | No       | Windows         | No                | Windows only             |
+| RoamingDirectoryPath         | System Path | string | No       | Windows         | No                | Windows only             |
+
+## APIs
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
+| ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
+| mkdir                   | Create a directory at `filepath`.                            | function | Android     | No       | yes               |                   |
+| exists                  | Check if the item exists at `filepath`.                      | function | iOS/Android | No       | yes               |                   |
+| readFile                | Reads the file at `path` and return contents.                | function | iOS/Android | No       | yes               |                   |
+| readFileAssets          | Reads the file at `path` in the harmony app's assets folder and return contents. | function | Android     | No       | yes               |                   |
+| writeFile               | Write the `contents` to `filepath`.                          | function | iOS/Android | No       | yes               |                   |
+| appendFile              | Append the `contents` to `filepath`.                         | function | iOS/Android | No       | yes               |                   |
+| copyFile                | Copies the file located at `filepath` to `destPath`.         | function | iOS         | No       | yes               |                   |
+| unlink                  | Unlinks the item at `filepath`.                              | function | iOS/Android | No       | yes               |                   |
+| hash                    | Reads the file at `path` and returns its checksum as determined by `algorithm`, which can be one of `md5`, `sha1`, `sha256`. | function | iOS/Android | No       | partially         |                   |
+| moveFile                | Moves the file located at `filepath` to `destPath`.          | function | iOS/Android | No       | yes               |                   |
+| read                    | Reads `length` bytes from the given `position` of the file at `path` and returns contents. | function | iOS/Android | No       | yes               |                   |
+| write                   | Write the `contents` to `filepath` at the given random access position. | function | iOS/Android | No       | yes               |                   |
+| touch                   | Sets the modification timestamp `mtime`of the file at `filepath`. | function | iOS/Android | No       | partially         |                   |
+| stat                    | Stats an item at `filepath`.                                 | function | iOS/Android | No       | yes               |                   |
+| readDir                 | Reads the contents of `path`.                                | function | iOS/Android | No       | yes               |                   |
+| readDirAssets           | Reads the contents of `dirpath ` in the Android app's assets folder. | function | Android     | No       | No                | Android only      |
+| readdir                 | Node.js style version of `readDir` that returns only the names. | function | iOS/Android | No       | No                | No API on Harmony |
+| readFileRes             | Reads the file named `filename` in the Android app's `res` folder and return contents. | function | Android     | No       | No                | Android only      |
+| copyFolder              | Copies the contents located at `srcFolderPath` to `destFolderPath`. | function | Windows     | No       | No                | Windows only      |
+| copyFileAssets          | Copies the file at `filepath` in the Android app's assets folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
+| copyFileRes             | Copies the file named `filename` in the Android app's res folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
+| copyAssetsFileIOS       | Reads an image file from Camera Roll and writes to `destPath`. | function | iOS         | No       | No                | iOS only          |
+| copyAssetsVideoIOS      | Copies a video from assets-library, that is prefixed with 'assets-library://asset/asset.MOV?...' to a specific destination. | function | iOS         | No       | No                | iOS only          |
+| existsAssets            | Check in the Android assets folder if the item exists.       | function | Android     | No       | yes               |                   |
+| existsRes               | Check in the Android res folder if the item named `filename` exists. | function | Android     | No       | No                | Android only      |
+| downloadFile            | Abort the current download job with this ID.                 | function | iOS/Android | No       | yes               |                   |
+| stopDownload            | Abort the current download job with this ID.                 | function | iOS/Android | No       | No                | No API on Harmony |
+| resumeDownload          | Resume the current download job with this ID.                | function | iOS         | No       | No                | iOS only          |
+| isResumable             | Check if the the download job with this ID is resumable with `resumeDownload()`. | function | iOS         | No       | No                | iOS only          |
+| completeHandlerIOS      | For use when using background downloads, tell iOS you are done handling a completed download. | function | iOS         | No       | No                | iOS only          |
+| uploadFiles             | Percentage can be computed easily by dividing `totalBytesSent` by `totalBytesExpectedToSend`. | function | iOS/Android | No       | No                | No API on Harmony |
+| stopUpload              | Abort the current upload job with this ID.                   | function | iOS         | No       | No                | iOS only          |
+| getFSInfo               | Returns an object with the following properties.             | function | iOS/Android | No       | No                | No API on Harmony |
+| scanFile                | Scan the file using [Media Scanner](https://developer.android.com/reference/android/media/MediaScannerConnection). | function | Android     | No       | No                | Android only      |
+| getAllExternalFilesDirs | Returns an array with the absolute paths to application-specific directories on all shared/external storage devices where the application can place persistent files it owns. | function | Android     | No       | No                | Android only      |
+| pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier. | function | iOS         | No       | No                | iOS only          |
+
+## Known Issues
+
+- [ ] HarmonyOS 的 hash 哈希 API 中关于算法参数 algorithm 目前仅支持"md5"、"sha1"、 "sha256"，其他相关算法参数目前不支持，问题: [issue#1](https://github.com/react-native-oh-library/react-native-fs/issues/1)
+- [ ] 原库部分接口在 HarmonyOS 中没有对应文件路径常量及接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-fs/issues/2)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE).

From f65d0a0bf41bd03332005c8a167e0074f4e1d6f3 Mon Sep 17 00:00:00 2001
From: sunshinezjb <zhengjunbo68@163.com>
Date: Wed, 30 Oct 2024 10:12:45 +0000
Subject: [PATCH 788/966] =?UTF-8?q?!1793=20docs:=20[Issues:=20#IB0GWK]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-file-selector,react-native-image?=
 =?UTF-8?q?-rotate,react-native-alipay,react-native-thumbnail,react-native?=
 =?UTF-8?q?-idle-timer=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E8=8B=B1=E6=96=87=E8=B7=B3=E8=BD=AC=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=20*=20docs:=20=E6=B7=BB=E5=8A=A0link=E5=AD=90=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=E5=BA=8F=E5=8F=B7=EF=BC=8C=E5=8E=BB=E6=8E=89document?=
 =?UTF-8?q?=20template=E6=A0=87=E9=A2=98=20*=20docs:=20=E4=BF=AE=E6=94=B9r?=
 =?UTF-8?q?eact-native-thumbnail=E8=8B=B1=E6=96=87=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-alipay.md         | 99 +++++++++++++++----------------
 en/react-native-file-selector.md  | 98 +++++++++++++++---------------
 en/react-native-idle-timer.md     | 83 +++++++++++++-------------
 en/react-native-image-rotate.md   | 84 +++++++++++++-------------
 en/react-native-thumbnail.md      | 84 +++++++++++++-------------
 en/react-native-user-agent.md     | 98 +++++++++++++++---------------
 en/react-native-video-controls.md | 46 +++++++-------
 7 files changed, 295 insertions(+), 297 deletions(-)

diff --git a/en/react-native-alipay.md b/en/react-native-alipay.md
index 92c5ae60..02a7eafc 100644
--- a/en/react-native-alipay.md
+++ b/en/react-native-alipay.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-alipay</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-alipay/)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-alipay/)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -34,9 +34,9 @@ npm install @react-native-oh-tpl/react-native-alipay@file:#
 yarn add @react-native-oh-tpl/react-native-alipay@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 
@@ -105,17 +105,17 @@ export default App;
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see[ Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the harmony directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -126,18 +126,18 @@ export default App;
 }
 ```
 
-### 引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Use the HAR file.
+2. Directly link to the source code.
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the harmony directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open entry/oh-package.json5 file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -146,23 +146,23 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see[Directly Linking Source Code](/en/link-source-code.md)
 
 
-### 在 ArkTs 侧引入 RNAlipayPackage
+### 3. Introducing RNAlipayPackage Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the entry/src/main/ets/RNPackagesFactory.ts file and add the following code:
 
 ```diff
   ...
@@ -176,9 +176,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 支付宝登录其他配置
+### 4. Alipay login others config
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open entry/oh-package.json5 file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -186,12 +186,11 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   }
 ```
 
-增加协议，打开`entry/src/main/module.json5`，增加 querySchemes
+Add association，open `entry/src/main/module.json5`，add querySchemes
 
 ```
 {
   "module": {
-    // 新增
     "querySchemes": [
       "apmqpdispatch"
     ],
@@ -199,7 +198,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-回调处理,打开`entry\src\main\ets\entryability\EntryAbility.ets`，增加onNewWant回调结果处理
+Callback handle,open `entry\src\main\ets\entryability\EntryAbility.ets`，add onNewWant callback result handling.
 
 ```diff
 + import { AbilityConstant, Want } from '@kit.AbilityKit';
@@ -210,45 +209,45 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   }
 ```
 
-### 运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases)
+Check the release version information in the release address of the third-party library: [react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases)
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  alipay  | 支付宝支付  | function  | no | Android/IOS | yes |
-|  authInfo  | 登录验证  | function  | no | Android/IOS | yes |
+|  alipay  | alipay  | function  | no | Android/IOS | yes |
+|  authInfo  | login verify  | function  | no | Android/IOS | yes |
 |  setAlipayScheme  | scheme  | function  | no | IOS | yes |
-|  getVersion  | 获取SDK版本  | function  | no | Android/IOS | no |
+|  getVersion  | get sdk version  | function  | no | Android/IOS | no |
 
-## 遗留问题
-- [ ]  获取SDK版本号，支付宝鸿蒙sdk里面未实现鸿蒙化[issue#3](https://github.com/react-native-oh-library/react-native-alipay/issues/3)
+## Known Issues
+- [ ]  get sdk version number，alipay harmony sdk unrealize[issue#3](https://github.com/react-native-oh-library/react-native-alipay/issues/3)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/uiwjs/react-native-alipay/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/uiwjs/react-native-alipay/blob/master/LICENSE).
diff --git a/en/react-native-file-selector.md b/en/react-native-file-selector.md
index 79748e50..05d758b1 100644
--- a/en/react-native-file-selector.md
+++ b/en/react-native-file-selector.md
@@ -1,5 +1,5 @@
 
-> 模板版本：v0.2.2
+> Template version：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-file-selector</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-selector)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-file-selector)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 
 #### **npm**
@@ -37,9 +37,9 @@ yarn add @react-native-oh-tpl/react-native-file-selector@file:#
 ```
 
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import FileSelector from 'react-native-file-selector';
@@ -55,17 +55,17 @@ function App(): React.JSX.Element {
 export default App;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see[ Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the harmony directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -76,18 +76,18 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Use the HAR file.（recommended）；
+2. Directly link to the source code.
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the harmony directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open entry/oh-package.json5 file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -96,23 +96,23 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see[Directly Linking Source Code](/en/link-source-code.md)
 
 
-### 3.在 ArkTs 侧引入 RNFileSelectorPackage
+### 3.Introducing RNFileSelectorPackage Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the entry/src/main/ets/RNPackagesFactory.ts file and add the following code:
 
 ```diff
   ...
@@ -127,28 +127,28 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases)
 
-## 属性
+## Properties
 
  FileSelector
 
@@ -165,9 +165,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -190,21 +190,21 @@ Show(filter?: string, path?: string, onDone?: func, onCancel?: func, title?: str
 | hiddenFiles | If true it shows hidden files as well | bool | no | Android | no |
 | filterDirectories | Filter should be applied on directories or not | bool | no | Android | no |
 
-## 遗留问题
+## Known Issues
 
 
-- [ ] FileSelector title：harmony暂不支持: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
-- [ ] FileSelector closeMenu：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
-- [ ] FileSelector hiddenFiles：harmony暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
-- [ ] FileSelector filterDirectories：harmony暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
+- [ ] FileSelector title：harmony issue: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
+- [ ] FileSelector closeMenu：harmony issue: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
+- [ ] FileSelector hiddenFiles：harmony issue: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
+- [ ] FileSelector filterDirectories：harmony issue: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
 
-- [ ] Show title：harmony暂不支持: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
-- [ ] Show closeMenu：harmony暂不支持: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
-- [ ] Show hiddenFiles：harmony暂不支持: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
-- [ ] Show filterDirectories：harmony暂不支持: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
+- [ ] Show title：harmony issue: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
+- [ ] Show closeMenu：harmony issue: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
+- [ ] Show hiddenFiles：harmony issue: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
+- [ ] Show filterDirectories：harmony issue: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
 
-## 其他 
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [Apache License 2.0](https://github.com/prscX/react-native-file-selector/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [Apache License 2.0](https://github.com/prscX/react-native-file-selector/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-idle-timer.md b/en/react-native-idle-timer.md
index ca582488..a19d359d 100644
--- a/en/react-native-idle-timer.md
+++ b/en/react-native-idle-timer.md
@@ -1,6 +1,5 @@
-# 文档模板
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-idle-timer</code> </h1>
@@ -15,15 +14,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-idle-timer)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-idle-timer)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-idle-timer@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useEffect } from 'react';
@@ -70,17 +69,17 @@ const IdleTimerExample = () => {
 export default IdleTimerExample;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see[ Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the harmony directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -91,18 +90,18 @@ export default IdleTimerExample;
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Use the HAR file.
+2. Directly link to the source code.
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the harmony directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open entry/oh-package.json5 file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -111,23 +110,23 @@ export default IdleTimerExample;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md)
 
 
-### 3.在 ArkTs 侧引入 RNIdleTimerPackage
+### 3.Introducing RNIdleTimerPackage Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the entry/src/main/ets/RNPackagesFactory.ts file and add the following code:
 
 ```diff
   ...
@@ -142,41 +141,41 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| setIdleTimerDisabled  | 启用/禁用屏幕空闲计时器         | function  | no | All      | yes |
+| setIdleTimerDisabled  | enable/forbidden screen idle timer | function  | no | All      | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他 
+## Others 
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/marcshilling/react-native-idle-timer/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/marcshilling/react-native-idle-timer/blob/master/LICENSE.md).
diff --git a/en/react-native-image-rotate.md b/en/react-native-image-rotate.md
index 9bc90f53..b462e21b 100644
--- a/en/react-native-image-rotate.md
+++ b/en/react-native-image-rotate.md
@@ -1,6 +1,6 @@
 <!-- {% raw %} -->
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-rotate</code> </h1>
@@ -15,19 +15,19 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-rotate)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-image-rotate)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### npm
 
@@ -41,7 +41,7 @@ npm install @react-native-oh-tpl/react-native-image-rotate@file:#
 yarn add @react-native-oh-tpl/react-native-image-rotate@file:#
 ```
 
-快速使用：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { Component } from 'react';
@@ -137,17 +137,17 @@ const styles = StyleSheet.create({
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see[ Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the harmony directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -158,18 +158,18 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Use the HAR file；
+2. Directly link to the source code.
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the harmony directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open entry/oh-package.json5 file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -178,22 +178,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see[Directly Linking Source Code](/en/link-source-code.md)
 
-### 3.在 ArkTs 侧引入 RNImageRotatePackage
+### 3.Introducing RNImageRotatePackage Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the entry/src/main/ets/RNPackagesFactory.ts file and add the following code:
 
 ```diff
   ...
@@ -208,43 +208,43 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)
 
-## 静态方法
+## Static Method
 
-> [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP]The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP]If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 Name | Description | Type | Required | Platform | HarmonyOS   Support
 -- | -- | -- | -- | -- | --
-rotateImage | 旋转图片 | Function | no | iOS/Android | yes
+rotateImage | rotate picture | Function | no | iOS/Android | yes
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/dgladkov/react-native-image-rotate/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/dgladkov/react-native-image-rotate/blob/master/LICENSE).
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-thumbnail.md b/en/react-native-thumbnail.md
index c854ae72..e6468d88 100644
--- a/en/react-native-thumbnail.md
+++ b/en/react-native-thumbnail.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 <p align="center">
   <h1 align="center"> <code>react-native-thumbnail</code> </h1>
 </p>
@@ -11,15 +11,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-thumbnail)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-thumbnail)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -37,10 +37,10 @@ yarn add @react-native-oh-tpl/react-native-thumbnail@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。<br/>
-> [!TIP] 本示例依赖 react-native-image-picker 库，参照[@react-native-oh-tpl/react-native-image-picker 文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-picker.md)进行引入。
+> [!WARNING] The name of the imported repository remains unchanged.<br/>
+> [!TIP] the example depend on react-native-image-picker library，see [@react-native-oh-tpl/react-native-image-picker document](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-image-picker.md) to introduce.
 ```js
 import React from 'react';
 import { StyleSheet, Text, View, TouchableOpacity, Image } from 'react-native';
@@ -154,17 +154,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/codegen.md)。
+If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see[ Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the harmony directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -175,18 +175,18 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Use the HAR file.
+2. Directly link to the source code.
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the harmony directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open entry/oh-package.json5 file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -195,22 +195,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/link-source-code.md)
+> [!TIP] For details, see[Directly Linking Source Code](/en/link-source-code.md)
 
-### 在 ArkTs 侧引入 RNThumbnailPackage
+### 3. Introducing RNThumbnailPackage Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the entry/src/main/ets/RNPackagesFactory.ts file and add the following code:
 
 ```diff
 import { RNPackageContext, RNPackage } from '@rnoh/react-native-openharmony/ts';
@@ -223,41 +223,41 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases)
+Check the release version information in the release address of the third-party library: [react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| get  | Generates a thumbnail for a video file. | function | no | All      | yes |
+| get  | Generates a thumbnail for a video file. | function | no | All | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/phuochau/react-native-thumbnail/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/phuochau/react-native-thumbnail/blob/master/LICENSE).
diff --git a/en/react-native-user-agent.md b/en/react-native-user-agent.md
index f9329aaa..7f6889ad 100644
--- a/en/react-native-user-agent.md
+++ b/en/react-native-user-agent.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-user-agent</code> </h1>
@@ -14,15 +14,15 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-user-agent)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-user-agent)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,22 +40,22 @@ yarn add @react-native-oh-tpl/react-native-user-agent@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useEffect } from 'react';
 import { View, Text } from 'react-native';
 import UserAgent from 'react-native-user-agent';
 
-// 同步方式：
+// sync method：
 let userAgent: string = UserAgent.getUserAgent();
 
 export default function UserAgentExample() {
   const [webViewUserAgent, setWebViewUserAgent] = useState<string | null>(null);
   useEffect(() => {
-    // 异步方式：
+    // async method：
     UserAgent.getWebViewUserAgent()
       .then(webViewUserAgent => {
         setWebViewUserAgent(webViewUserAgent);
@@ -67,13 +67,13 @@ export default function UserAgentExample() {
   }, []);
   return (
     <View>
-      <Text>同步方式：</Text>
+      <Text>Sync method:</Text>
       <Text>{userAgent}</Text>
 
-      <Text>异步方式：</Text>
+      <Text>Async method</Text>
       <Text>{webViewUserAgent}</Text>
 
-      <Text>属性：</Text>
+      <Text>Property：</Text>
       <Text>systemName: {UserAgent.systemName}</Text>
       <Text>systemVersion: {UserAgent.systemVersion}</Text>
       <Text>applicationName: {UserAgent.applicationName}</Text>
@@ -85,17 +85,17 @@ export default function UserAgentExample() {
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see[ Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the harmony directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -106,18 +106,18 @@ export default function UserAgentExample() {
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1.  (recommended): Use the HAR file.
+2. Directly link to the source code.
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the harmony directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open entry/oh-package.json5 file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -126,22 +126,22 @@ export default function UserAgentExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNUserAgentPackage
+### 3.Introducing RNUserAgentPackage Package  to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the entry/src/main/ets/RNPackagesFactory.ts file and add the following code:
 
 ```diff
   ...
@@ -155,32 +155,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the sync button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases)
+Check the release version information in the release address of the third-party library:   [@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -196,21 +196,21 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | getUserAgent | Get user agent synchronously | string | no | All | yes |
 | getWebViewUserAgent | Get user agent asynchronously  | Promise | no | All | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-根据 HarmonyOS NEXT Developer Beta3 版本默认 UserAgent 定义，字段 ArkWeb VersionCode (ArkWeb 版本号) 暂无获取方式，待后续完善。
+Depending on HarmonyOS NEXT Developer Beta3 version default UserAgent definition，word ArkWeb VersionCode (ArkWeb version number) has no receive method currently，waiting for completion afterwards.
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/bebnev/react-native-user-agent/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/bebnev/react-native-user-agent/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-video-controls.md b/en/react-native-video-controls.md
index 8025ea73..3c1242c2 100644
--- a/en/react-native-video-controls.md
+++ b/en/react-native-video-controls.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-video-controls</code> </h1>
@@ -13,22 +13,22 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/itsnubix/react-native-video-controls)
+> [!TIP] [Github address](https://github.com/itsnubix/react-native-video-controls)
 
-## 安装与使用
+## Installation and Usage
 
-> [!TIP] 需要配套的服务和三方依赖
+> [!TIP] Need matching services and third-party dependencies.
 
-react-native-video-controls依赖于以下三方库
+react-native-video-controls depends on the follow third-party library:
 
 | Dependencies       | Version |
 | :----------------- | :------ |
 | react-native-video | >=2.0.0 |
 | lodash             | ^4.16.4 |
 
-本库依赖[@react-native-oh-tpl/react-native-video](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-video.md#link)以及简化开发的JS工具[lodash](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/lodash.md)
+The library depends on [@react-native-oh-tpl/react-native-video](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-video.md#link) and simplify development JS tool [lodash](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/lodash.md)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -42,9 +42,9 @@ npm install --save react-native-video-controls
 yarn add react-native-video-controls
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -94,25 +94,25 @@ export default App;
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-video代码以及简化开发工具lodash，如已在 HarmonyOS 工程中引入过这些库，且版本无误则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-video. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-video to add it to your project.
 
-如未引入请参照[@react-native-oh-tpl/react-native-video文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-video.md#link)和[lodash文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/lodash.md)进行引入。安装完成后请在终端使用`npm list react-native-video`和`npm list lodash`查看video组件版本和lodash工具版本是否正确
+If not introduce the library, please refer to [@react-native-oh-tpl/react-native-video document](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-video.md#link) and [lodash document](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/lodash.md) for introducing。After finished installation, please use command `npm list react-native-video` and `npm list lodash` in terminal, and check if the component video version and lodash tool version are correct.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.28; SDK: HarmonyOS NEXT Developer Beta3 5.0.0.36(12 Beta3); IDE: DevEco Studio 5.0.3.535; ROM: 5.0.0.31;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip]  If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "Name"列属性navigator在使用时，请参考本文档其他
+> [!tip] While Name column property navigator is in usage, please refer to this document's others.
 
 | Name                         | Description                                                  |     Type     | Required |  Platform   | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | :----------: | :------: | :---------: | :---------------: |
@@ -143,12 +143,12 @@ export default App;
 | onBack                       | Function fired when back button is pressed, override if using custom navigation |    Event     |    no    | iOS/Android |        yes        |
 | onEnd                        | Fired when the video is complete                             |    Event     |    no    | iOS/Android |        yes        |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-+ 源库未提供navigator属性功能实现也未提及该属性的依赖，但可由navigation相关库提供该属性的功能，在使用时请参照[react-navigation-stack文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-navigation-stack.md)和[react-navigation-native文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-navigation-native.md)引入navigation相关库。
++ If Source library doesn't offer navigator property function and not offer this property's dependency, navigation related library can offer this property functions. For the usage please refer to [react-navigation-stack document](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-navigation-stack.md) and [react-navigation-native document](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-navigation-native.md) introducing navigation related library.
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/itsnubix/react-native-video-controls/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/itsnubix/react-native-video-controls/blob/master/LICENSE).
\ No newline at end of file

From 5ee47aa63b88e2c364f2c8ccf38736e6dcaef949 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Wed, 30 Oct 2024 12:39:43 +0000
Subject: [PATCH 789/966] =?UTF-8?q?!1809=20docs:=20=20=E4=BF=AE=E6=94=B9ga?=
 =?UTF-8?q?lio-framework=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20=20[Issues:=20#IB0VFO]=20=E4=BF=AE=E6=94=B9galio-framework?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/galio-framework.md    | 30 +++++++++++++++---------------
 zh-cn/galio-framework.md | 10 +++++-----
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/en/galio-framework.md b/en/galio-framework.md
index 58abcdd4..48968d27 100644
--- a/en/galio-framework.md
+++ b/en/galio-framework.md
@@ -192,7 +192,7 @@ For details, see[galio](https://galio.io/docs/#/components)
 |   middle    |     alignItems: 'center' alignSelf: 'center'.      |     boolean     |    no    | iOS/Android |        Yes        |
 |    right    |              alignItems: 'flex-start'              |     boolean     |    no    | iOS/Android |        Yes        |
 |     row     |                flexDirection: 'row'                |     boolean     |    no    | iOS/Android |        Yes        |
-|    safe     |        Wraps the Block with a SafeAreaView         |     boolean     |    no    | iOS/Android |        Yes        |
+|    safe     |        Wraps the Block with a SafeAreaView         |     boolean     |    no    |     No      |        No         |
 |   shadow    |              adds shadow on the Block              |     boolean     |    no    | iOS/Android |        Yes        |
 | shadowColor |             changes the shadow's color             |     string      |    no    | iOS/Android |        Yes        |
 |    space    | your options are: 'between', 'around' or 'evenly'  |     string      |    no    | iOS/Android |        Yes        |
@@ -348,18 +348,18 @@ For details, see[galio](https://galio.io/docs/#/components)
 
 ### [Toast Notification](https://galio.io/docs/#/components/toastnotification?id=toast-notification)
 
-|       Name        |                                             Description                                              |    Type     | Required |  Platform   | HarmonyOS Support |
-| :---------------: | :--------------------------------------------------------------------------------------------------: | :---------: | :------: | :---------: | :---------------: |
-|       style       |                                 Styling the Block which encapsulate                                  |   object    |    no    | iOS/Android |        Yes        |
+|       Name        |                         Description                          |    Type     | Required |  Platform   | HarmonyOS Support |
+| :---------------: | :----------------------------------------------------------: | :---------: | :------: | :---------: | :---------------: |
+|       style       |             Styling the Block which encapsulate              |   object    |    no    | iOS/Android |        Yes        |
 |     children      | The content of your toast notification. You can even just write a text or create your own component. | node/string |    no    | iOS/Android |        Yes        |
-|      isShow       |                             Toggle between the toast being shown or not.                             |    bool     |    no    | iOS/Android |        Yes        |
-| positionIndicator |                                  one of: 'top', 'center', 'bottom'                                   |   string    |    no    | iOS/Android |        Yes        |
-|  positionOffset   |                                      Whether to use positioning                                      |   number    |    no    | iOS/Android |        Yes        |
-|  fadeInDuration   |                             The number of ms for the fade in animation.                              |   number    |    no    | iOS/Android |        Yes        |
-|  fadeOutDuration  |                             The number of ms for the fade out animation.                             |   number    |    no    | iOS/Android |        Yes        |
-|       color       |                       one of: 'primary', 'theme', 'info', 'warning', 'success'                       |   string    |    no    | iOS/Android |        Yes        |
-|       round       |                             Maybe you want a rounded toast notification?                             |   boolean   |    no    | iOS/Android |        Yes        |
-|     textStyle     |                         Style object for the children prop used as a string.                         |   object    |    no    | iOS/Android |        Yes        |
+|      isShow       |         Toggle between the toast being shown or not.         |    bool     |    no    | iOS/Android |        Yes        |
+| positionIndicator |              one of: 'top', 'center', 'bottom'               |   string    |    no    | iOS/Android |        Yes        |
+|  positionOffset   |                  Whether to use positioning                  |   number    |    no    | iOS/Android |        Yes        |
+|  fadeInDuration   |         The number of ms for the fade in animation.          |   number    |    no    | iOS/Android |        Yes        |
+|  fadeOutDuration  |         The number of ms for the fade out animation.         |   number    |    no    |     No      |        No         |
+|       color       |   one of: 'primary', 'theme', 'info', 'warning', 'success'   |   string    |    no    | iOS/Android |        Yes        |
+|       round       |         Maybe you want a rounded toast notification?         |   boolean   |    no    | iOS/Android |        Yes        |
+|     textStyle     |     Style object for the children prop used as a string.     |   object    |    no    | iOS/Android |        Yes        |
 
 ### [Slider](https://galio.io/docs/#/components/slider?id=slider)
 
@@ -396,9 +396,9 @@ For details, see[galio](https://galio.io/docs/#/components)
 | size  | Set Font Size, [SIZES reference table](https://galio.io/docs/?ref=galio-repo#/GalioTheme?id=sizes-reference-table) | Object |    no    | iOS/Android |        Yes        |
 
 ## Known Issues
-
 ## Others
-
+- fadeOutDuration使用会出现闪退 [issue#264](https://github.com/galio-org/galio/issues/264)
+- Block组件里面使用safe属性没有效果 [issue#265](https://github.com/galio-org/galio/issues/265)
 ## License
 
-This project is licensed under [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md).
+This project is licensed under [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)。
\ No newline at end of file
diff --git a/zh-cn/galio-framework.md b/zh-cn/galio-framework.md
index 7ba08c5f..4b330f5f 100644
--- a/zh-cn/galio-framework.md
+++ b/zh-cn/galio-framework.md
@@ -195,7 +195,7 @@ export default CardDemo;
 |   middle    |     alignItems: 'center' alignSelf: 'center'.      |     boolean     |    no    | iOS/Android |        Yes        |
 |    right    |              alignItems: 'flex-start'              |     boolean     |    no    | iOS/Android |        Yes        |
 |     row     |                flexDirection: 'row'                |     boolean     |    no    | iOS/Android |        Yes        |
-|    safe     |        Wraps the Block with a SafeAreaView         |     boolean     |    no    | iOS/Android |        Yes        |
+|    safe     |        Wraps the Block with a SafeAreaView         |     boolean     |    no    |     No      |        No         |
 |   shadow    |              adds shadow on the Block              |     boolean     |    no    | iOS/Android |        Yes        |
 | shadowColor |             changes the shadow's color             |     string      |    no    | iOS/Android |        Yes        |
 |    space    | your options are: 'between', 'around' or 'evenly'  |     string      |    no    | iOS/Android |        Yes        |
@@ -359,7 +359,7 @@ export default CardDemo;
 | positionIndicator |              one of: 'top', 'center', 'bottom'               |   string    |    no    | iOS/Android |        Yes        |
 |  positionOffset   |                  Whether to use positioning                  |   number    |    no    | iOS/Android |        Yes        |
 |  fadeInDuration   |         The number of ms for the fade in animation.          |   number    |    no    | iOS/Android |        Yes        |
-|  fadeOutDuration  |         The number of ms for the fade out animation.         |   number    |    no    | iOS/Android |        Yes        |
+|  fadeOutDuration  |         The number of ms for the fade out animation.         |   number    |    no    |     no      |        No         |
 |       color       |   one of: 'primary', 'theme', 'info', 'warning', 'success'   |   string    |    no    | iOS/Android |        Yes        |
 |       round       |         Maybe you want a rounded toast notification?         |   boolean   |    no    | iOS/Android |        Yes        |
 |     textStyle     |     Style object for the children prop used as a string.     |   object    |    no    | iOS/Android |        Yes        |
@@ -401,8 +401,8 @@ export default CardDemo;
 ## 遗留问题
 
 ## 其他
-
+- fadeOutDuration使用会出现闪退 [issue#264](https://github.com/galio-org/galio/issues/264)
+- Block组件里面使用safe属性没有效果 [issue#265](https://github.com/galio-org/galio/issues/265)
 ## 开源协议
 
-本项目基于 [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)，请自由地享受和参与开源。
-
+本项目基于 [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)，请自由地享受和参与开源。
\ No newline at end of file

From 761e76432e017a200b6fa8bc35cbe1fdbe50805a Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Wed, 30 Oct 2024 13:14:28 +0000
Subject: [PATCH 790/966] =?UTF-8?q?!1806=20docs:=20=E7=BF=BB=E8=AF=91calls?=
 =?UTF-8?q?tack-react-theme-provider=E7=AD=89=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-wate?=
 =?UTF-8?q?rfall-flow.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-?=
 =?UTF-8?q?view-pdf.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-vc?=
 =?UTF-8?q?onsole.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-url-?=
 =?UTF-8?q?polyfill.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-un?=
 =?UTF-8?q?istyles.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-ui-?=
 =?UTF-8?q?lib.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-track-p?=
 =?UTF-8?q?layer.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-syste?=
 =?UTF-8?q?m-setting.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-s?=
 =?UTF-8?q?kia.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-share.m?=
 =?UTF-8?q?d=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-scrollable-t?=
 =?UTF-8?q?abview.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-prin?=
 =?UTF-8?q?t.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-performan?=
 =?UTF-8?q?ce.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-orientat?=
 =?UTF-8?q?ion.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-orienta?=
 =?UTF-8?q?tion-locker.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native?=
 =?UTF-8?q?-nfc-manager.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-nativ?=
 =?UTF-8?q?e-multi-slider.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-nat?=
 =?UTF-8?q?ive-marquee-ab.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-nat?=
 =?UTF-8?q?ive-lightbox.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-nativ?=
 =?UTF-8?q?e-keyboard-controller.md=20*=20docs:=20[Issues:=20#IB07UG]=20re?=
 =?UTF-8?q?act-native-keep-awake.md=20*=20docs:=20[Issues:=20#IB07UG]=20re?=
 =?UTF-8?q?act-native-json-tree.md=20*=20docs:=20[Issues:=20#IB07UG]=20rea?=
 =?UTF-8?q?ct-native-inappbrowser.md=20*=20docs:=20[Issues:=20#IB07UG]=20r?=
 =?UTF-8?q?eact-native-image-header-scroll-view.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB07UG]=20react-native-htmlview.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB07UG]=20react-native-hole-view.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB07UG]=20react-native-haptic-feedback.md=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IB07UG]=20react-native-gifted-chat.md=20*=20docs:=20[I?=
 =?UTF-8?q?ssues:=20#IB07UG]=20react-native-flash-message.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB07UG]=20react-native-fingerprint-scanner.md=20?=
 =?UTF-8?q?*=20docs:=20[Issues:=20#IB07UG]=20react-native-feather.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IB07UG]=20react-native-exit-app.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IB07UG]=20react-native-elements.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IB07UG]=20react-native-element-dropdown.?=
 =?UTF-8?q?md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-easy-grid.m?=
 =?UTF-8?q?d=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-dropdownaler?=
 =?UTF-8?q?t.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-dropdown-?=
 =?UTF-8?q?picker.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native-docu?=
 =?UTF-8?q?ment-picker.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-native?=
 =?UTF-8?q?-context-menu-view.md=20*=20docs:=20[Issues:=20#IB07UG]=20react?=
 =?UTF-8?q?-native-contacts.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-n?=
 =?UTF-8?q?ative-config.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-nativ?=
 =?UTF-8?q?e-communications.md=20*=20docs:=20[Issues:=20#IB07UG]=20react-n?=
 =?UTF-8?q?ative-charts-wrapper.md=20*=20docs:=20[Issues:=20#IB07UG]=20rea?=
 =?UTF-8?q?ct-native-camera-kit.md=20*=20docs:=20[Issues:=20#IB07UG]=20rea?=
 =?UTF-8?q?ct-native-bootsplash.md=20*=20docs:=20[Issues:=20#IB07UG]=20rea?=
 =?UTF-8?q?ct-native-better-banner.md=20*=20docs:=20[Issues:=20#IB07UG]=20?=
 =?UTF-8?q?react-native-audio-toolkit.md=20*=20docs:=20[Issues:=20#IB07UG]?=
 =?UTF-8?q?=20react-native-apple-authentication.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB07UG]=20react-native-animatable.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB07UG]=20gorhom-bottom-sheet.md=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IB07UG]=20callstack-react-theme-provider.md=20*=20docs:=20[Issu?=
 =?UTF-8?q?es:=20#IB07UG]=20Parse-SDK-JS.md=20*=20docs:=20[Issues:=20#IB07?=
 =?UTF-8?q?UG]=20NativeBase.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/NativeBase.md                            | 1129 ++++++-----
 en/Parse-SDK-JS.md                          |  258 ++-
 en/callstack-react-theme-provider.md        |   92 +-
 en/gorhom-bottom-sheet.md                   |  223 +-
 en/react-native-animatable.md               |  139 +-
 en/react-native-apple-authentication.md     |  176 +-
 en/react-native-audio-toolkit.md            |  376 ++--
 en/react-native-better-banner.md            |  209 +-
 en/react-native-bootsplash.md               |  148 +-
 en/react-native-camera-kit.md               |  225 +--
 en/react-native-charts-wrapper.md           |  170 +-
 en/react-native-communications.md           |   99 +-
 en/react-native-config.md                   |  106 +-
 en/react-native-contacts.md                 |  146 +-
 en/react-native-context-menu-view.md        |  139 +-
 en/react-native-document-picker.md          |  452 +++--
 en/react-native-dropdown-picker.md          |   47 +-
 en/react-native-dropdownalert.md            |   71 +-
 en/react-native-easy-grid.md                |   76 +-
 en/react-native-element-dropdown.md         |  789 ++++----
 en/react-native-elements.md                 | 1114 +++++-----
 en/react-native-exit-app.md                 |  120 +-
 en/react-native-feather.md                  |  105 +-
 en/react-native-fingerprint-scanner.md      |  170 +-
 en/react-native-flash-message.md            |  126 +-
 en/react-native-gifted-chat.md              |   34 +-
 en/react-native-haptic-feedback.md          |  103 +-
 en/react-native-hole-view.md                |   92 +-
 en/react-native-htmlview.md                 |   65 +-
 en/react-native-image-header-scroll-view.md |  298 +--
 en/react-native-inappbrowser.md             |  474 ++---
 en/react-native-json-tree.md                |   41 +-
 en/react-native-keep-awake.md               |  207 +-
 en/react-native-keyboard-controller.md      |  491 +++--
 en/react-native-lightbox.md                 |  329 ++-
 en/react-native-marquee-ab.md               |  164 +-
 en/react-native-multi-slider.md             |  450 +++--
 en/react-native-nfc-manager.md              |  400 ++--
 en/react-native-orientation-locker.md       |  218 +-
 en/react-native-orientation.md              |  199 +-
 en/react-native-performance.md              |  361 ++--
 en/react-native-print.md                    |   99 +-
 en/react-native-scrollable-tabview.md       |  188 +-
 en/react-native-share.md                    |  490 +++--
 en/react-native-skia.md                     |  713 ++-----
 en/react-native-system-setting.md           |  409 ++--
 en/react-native-track-player.md             |  374 ++--
 en/react-native-ui-lib.md                   | 2019 ++++++++++---------
 en/react-native-unistyles.md                |  212 +-
 en/react-native-url-polyfill.md             |  191 +-
 en/react-native-vconsole.md                 |   54 +-
 en/react-native-view-pdf.md                 |   93 +-
 en/react-native-waterfall-flow.md           |  196 +-
 53 files changed, 7761 insertions(+), 7908 deletions(-)

diff --git a/en/NativeBase.md b/en/NativeBase.md
index 663a9e35..4e2a4783 100644
--- a/en/NativeBase.md
+++ b/en/NativeBase.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>NativeBase</code> </h1>
@@ -12,16 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/NativeBase)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/NativeBase)
 
-## 安装与使用
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases).
 
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)，并下载适用版本的 tgz 包。
-
-
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -39,10 +36,9 @@ yarn add @react-native-oh-tpl/native-base@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
-// NativeBaseProvider 是一个使主题可在整个应用中使用的组件。它使用 React 的 Context API。将 NativeBaseProvider 添加到应用的根目录并更新 App.js,要按如下所示使用.
 import React from "react";
 import { SafeAreaView, View } from "react-native";
 import { NativeBaseProvider } from "native-base";
@@ -91,694 +87,695 @@ const styles = StyleSheet.create({
   },
 });
 ```
+
 ## Link
 
-本库依赖以下三方库，请查看对应文档：
-+ [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
-+ [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
-+ [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
-+ [@react-native-oh-tpl/react-native-svg](/zh-cn/react-native-svg.md)
-+ [@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md)
-+ [@react-native-oh-tpl/react-native-tab-view](/zh-cn/react-native-tab-view.md)
-+ [@react-native-oh-tpl/react-native-vector-icons](/zh-cn/react-native-vector-icons.md)
-+ [@react-native-oh-tpl/react-native-pager-view](/zh-cn/react-native-pager-view.md)
-+ [@react-native-oh-tpl/react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md)
+本库依赖以下三方库，请查看对应文档:
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、@react-native-oh-library/react-native-safe-area-context、@react-native-oh-tpl/react-native-svg、@react-native-oh-tpl/react-navigation-drawer、@react-native-oh-tpl/react-native-tab-view、@react-native-oh-tpl/react-native-vector-icons、@react-native-oh-tpl/react-native-pager-view的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+- [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
+- [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
+- [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
+- [@react-native-oh-tpl/react-native-svg](/zh-cn/react-native-svg.md)
+- [@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md)
+- [@react-native-oh-tpl/react-native-tab-view](/zh-cn/react-native-tab-view.md)
+- [@react-native-oh-tpl/react-native-vector-icons](/zh-cn/react-native-vector-icons.md)
+- [@react-native-oh-tpl/react-native-pager-view](/zh-cn/react-native-pager-view.md)
+- [@react-native-oh-tpl/react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md)
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档的 Link 章节](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-tpl/react-native-reanimated 文档的 Link 章节](/zh-cn/react-native-reanimated.md#link)、[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)、[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)、[@react-native-oh-tpl/react-navigation-drawer 文档的 Link 章节](/zh-cn/react-navigation-drawer.md#link)、[@react-native-oh-tpl/react-native-tab-view 文档的 Link 章节](/zh-cn/react-native-tab-view.md#link)、[@react-native-oh-tpl/react-native-vector-icons 文档的 Link 章节](/zh-cn/react-native-vector-icons.md#link)、[@react-native-oh-tpl/react-native-pager-view 文档的 Link 章节](/zh-cn/react-native-pager-view.md#link)进行引入
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、@react-native-oh-library/react-native-safe-area-context、@react-native-oh-tpl/react-native-svg、@react-native-oh-tpl/react-navigation-drawer、@react-native-oh-tpl/react-native-tab-view、@react-native-oh-tpl/react-native-vector-icons、@react-native-oh-tpl/react-native-pager-view. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-## 约束与限制
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md#link)、[@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md#link)、[@react-native-oh-tpl/react-native-svg](/zh-cn/react-native-svg.md#link)、[@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md#link)、[@react-native-oh-tpl/react-native-tab-view](/zh-cn/react-native-tab-view.md#link)、[@react-native-oh-tpl/react-native-vector-icons](/zh-cn/react-native-vector-icons.md#link)、[@react-native-oh-tpl/react-native-pager-view](/zh-cn/react-native-pager-view.md#link) to add it to your project.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-oh-tpl-native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)
 
-## 组件
+## Components
 
-组件使用详情见 [NativeBase 的文档介绍](https://docs.nativebase.io)
+For details, see [NativeBase docs](https://docs.nativebase.io)
 
-以下为目前已支持的组件属性：
+以下为目前已支持的组件属性:
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；Web 表示仅Web支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported; Web indicates only Web support. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **AspectRatio**: AspectRatio 控制节点或子组件未定义维度的大小
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        ratio         |        容器的纵横比。例如 `16/9`、`16/10`、`9/16`、`4/3`        |        Object         |    No    |   All    |        Yes        |
+| ratio | 容器的纵横比。例如 `16/9`、`16/10`、`9/16`、`4/3` | Object | No | All | Yes |
 
-**Box**: 这是一个满足低级布局需求的通用组件。它类似于div在HTML中。 
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+**Box**: 这是一个满足低级布局需求的通用组件。它类似于 div 在 HTML 中。
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        children         |        将组件渲染为 Box 子项。接受 React.Element 或 JSX.Element 数组。 |        React.element         |    No    |   All    |        Yes        |
-|        _text         |       用于为 Box 内的文本提供参数 |        Any         |    No    |   All    |        Yes        |
-|        bg         |   简写设置背景    |        String         |    No    |   All    |        Yes        |
-|        background         |    可以接受各种背景相关的设置，如颜色、图像、渐变等   |        String        |    No    |   All    |        Yes        |
-|        bgColor         |     明确用于设置背景颜色  |        String         |    No    |   All    |        Yes        |
-|        backgroundColor    |   与bgColor类似，专门用于设置背景颜色   |        String         |    No    |   All    |        Yes        |  
+| children | 将组件渲染为 Box 子项。接受 React.Element 或 JSX.Element 数组。 | React.element | No | All | Yes |
+| \_text | 用于为 Box 内的文本提供参数 | Any | No | All | Yes |
+| bg | 简写设置背景 | String | No | All | Yes |
+| background | 可以接受各种背景相关的设置，如颜色、图像、渐变等 | String | No | All | Yes |
+| bgColor | 明确用于设置背景颜色 | String | No | All | Yes |
+| backgroundColor | 与 bgColor 类似，专门用于设置背景颜色 | String | No | All | Yes |
 
 **Center**: 布局组件中心对齐
-[继承了React Native中View参数](https://reactnative.dev/docs/view#props)
+[继承了 React Native 中 View 参数](https://reactnative.dev/docs/view#props)
 
 **Container**: 容器根据当前断点限制内容的宽度，同时保持尺寸的流动性。
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        centerContent         |        它将根据子元素的内容宽度将其置于中心。        |         boolean       |    No    |   All    |        Yes        |
+| centerContent | 它将根据子元素的内容宽度将其置于中心。 | boolean | No | All | Yes |
 
 **Flex**: 布局组件，Flex 是 CSS flex 布局的一个封装
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        direction          |        项目定位方向，值可以为 column,column-reverse,row,row-reverse   |         String       |    No    |   All    |        Yes        |
-|        wrap           |        子元素的换行方式nowrap,wrap,wrap-reverse     |         String       |    No    |   All    |        Yes        |
-|        align           |         子元素在交叉轴上的对齐方式，可选baseline,normal,stretch      |         String       |    No    |   All    |        Yes        |
-|        justify           |         子元素在主轴上的对齐方式，可选left,normal,right       |         String       |    No    |   All    |        Yes        |
-|        basis           |         可选-moz-fit-content,-moz-max-content,-moz-min-content,-webkit-auto,auto,content,fit-content,max-content,min-contents       |         String       |    No    |   All    |        Yes        |
-|        grow           |        可选Globals ,(number & {}) , (string & {})       |         Number       |    No    |   All    |        Yes        |
-|        shrink           |         可选Globals , (number & {}) , (string & {});       |         Number       |    No    |   All    |        Yes        |
+| direction | 项目定位方向，值可以为 column,column-reverse,row,row-reverse | String | No | All | Yes |
+| wrap | 子元素的换行方式 nowrap,wrap,wrap-reverse | String | No | All | Yes |
+| align | 子元素在交叉轴上的对齐方式，可选 baseline,normal,stretch | String | No | All | Yes |
+| justify | 子元素在主轴上的对齐方式，可选 left,normal,right | String | No | All | Yes |
+| basis | 可选-moz-fit-content,-moz-max-content,-moz-min-content,-webkit-auto,auto,content,fit-content,max-content,min-contents | String | No | All | Yes |
+| grow | 可选 Globals ,(number & {}) , (string & {}) | Number | No | All | Yes |
+| shrink | 可选 Globals , (number & {}) , (string & {}); | Number | No | All | Yes |
 
 **HStack / Row**: HStack / Row 布局组件水平对齐
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        direction         |           堆叠项目的方向，可选row,column,column-reverse,row-reverse     |        String         |    No    |   All    |        Yes        |
+| direction | 堆叠项目的方向，可选 row,column,column-reverse,row-reverse | String | No | All | Yes |
 
-**Stack**: 根据方向属性， Stack垂直或水平对齐项目
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+**Stack**: 根据方向属性， Stack 垂直或水平对齐项目
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        divider         |           元素之间使用的分隔元素。     |        ReactElement	         |    No    |   All    |        Yes        |
-|        space         |           每个堆栈项之间的空间。接受响应值 sm,2xs,xs,md,xl,lg,2xl,gutter,SpaceType    |        ReactElement	         |    No    |   All    |        Yes        |
-|        reversed         |           确定是否反转堆叠项目的方向。     |        Boolean	         |    No    |   All    |        Yes        |
-|        direction        |           堆叠项目的方向,可选row，column，column-reverse，row-reverse    |        String	         |    No    |   All    |        Yes        |
-|        isHovered         |           是否悬停     |        Boolean	         |    No    |   Web    |        No        |
-|        isFocused         |           是否聚焦     |        Boolean	         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用     |        Boolean	         |    No    |   All    |        Yes        |
-|        isInvalid         |           是否无效     |        Boolean	         |    No    |   All    |        Yes        |
-|        isReadOnly         |           是否只读,如果为 true，则阻止编辑子项的值。与 FormControls 一起使用     |        Boolean	         |    No    |   All    |        Yes        |
+| divider | 元素之间使用的分隔元素。 | ReactElement | No | All | Yes |
+| space | 每个堆栈项之间的空间。接受响应值 sm,2xs,xs,md,xl,lg,2xl,gutter,SpaceType | ReactElement | No | All | Yes |
+| reversed | 确定是否反转堆叠项目的方向。 | Boolean | No | All | Yes |
+| direction | 堆叠项目的方向,可选 row，column，column-reverse，row-reverse | String | No | All | Yes |
+| isHovered | 是否悬停 | Boolean | No | Web | No |
+| isFocused | 是否聚焦 | Boolean | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| isInvalid | 是否无效 | Boolean | No | All | Yes |
+| isReadOnly | 是否只读,如果为 true，则阻止编辑子项的值。与 FormControls 一起使用 | Boolean | No | All | Yes |
 
 **VStack / Column**: VStack / Column 布局组件垂直对齐
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        direction         |           堆叠项目的方向，可选row,column,column-reverse,row-reverse      |        String         |    No    |   All    |        Yes        |
+| direction | 堆叠项目的方向，可选 row,column,column-reverse,row-reverse | String | No | All | Yes |
 
-**ZStack**: ZStack将元素与 z 轴对齐
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+**ZStack**: ZStack 将元素与 z 轴对齐
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        reversed         |           堆叠项目的方向，是否反转      |        Boolean         |    No    |   All    |        Yes        |
+| reversed | 堆叠项目的方向，是否反转 | Boolean | No | All | Yes |
 
 **Button**: 按钮
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        variant         |           风格，可选link，subtle，solid，ghost，outline，unstyled     |       String          |    No    |   All    |        Yes        |
-|        colorScheme         |           主题      |        String         |    No    |   All    |        Yes        |
-|        size         |           按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
-|        isLoading         |           是否加载中      |        Boolean         |    No    |   All    |        Yes        |
-|        isHovered         |           是否悬停      |        Boolean         |    No    |   Web    |        No        |
-|        isPressed         |           是否按下     |        Boolean         |    No    |   All    |        Yes        |
-|        isFocused         |           是否被聚焦      |        Boolean         |    No    |   All    |        Yes        |
-|        isFocusVisible         |           是否展示焦环      |        Boolean         |    No    |   All    |        Yes        |
-|        startIcon         |           开始图标元素      |        React.element         |    No    |   All    |        Yes        |
-|        endIcon         |           结束图标元素      |        React.element         |    No    |   All    |        Yes        |
-|        isLoadingText         |           正在加载文本      |         String        |    No    |   All    |        Yes        |
-|        spinner         |           是否加载中      |        Boolean         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用      |        Boolean         |    No    |   All    |        Yes        |
-|        _text_         |          用于为框内的文本提供参数      |        Object         |    No    |   All    |        Yes        |
-|        _stack         |           要传递给按钮内部使用的 HStack 的参数      |        Object         |    No    |   All    |        Yes        |
-|        _icon         |            传递给按钮内部使用的图标的参数      |        Object         |    No    |   All    |        Yes        |
-|        spinnerPlacement         |          指定加载指示器（spinner）的位置，可选start，end    |        String         |    No    |   All    |        Yes        |
-|        _isLoading         |           当按钮加载中时传递的参数     |        Object         |    No    |   All    |        Yes        |
-|        _isDisabled         |           当按钮禁用时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
-|        _spinner         |           当按钮加载中时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
-|        _hover        |           当按钮悬停时传递给按钮的参数     |        Object         |    No    |   Web    |        No        |
-|        _pressed        |            当按钮按下时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
-|        _focus        |           当按钮获得焦点时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
-|        rightIcon        |           按钮中使用的右侧图标元素      |        React.element         |    No    |   All    |        Yes        |
-|        leftIcon        |           按钮中使用的左侧图标元素      |        React.element         |    No    |   All    |        Yes        |
-|        direction        |           堆叠项目的方向，可选row,column     |        String         |    No    |   All    |        Yes        |
-|        children        |           将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
-|        isAttached        |           如果为真，按钮将会连接在一起      |       Boolean       |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| variant | 风格，可选 link，subtle，solid，ghost，outline，unstyled | String | No | All | Yes |
+| colorScheme | 主题 | String | No | All | Yes |
+| size | 按钮大小，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
+| isLoading | 是否加载中 | Boolean | No | All | Yes |
+| isHovered | 是否悬停 | Boolean | No | Web | No |
+| isPressed | 是否按下 | Boolean | No | All | Yes |
+| isFocused | 是否被聚焦 | Boolean | No | All | Yes |
+| isFocusVisible | 是否展示焦环 | Boolean | No | All | Yes |
+| startIcon | 开始图标元素 | React.element | No | All | Yes |
+| endIcon | 结束图标元素 | React.element | No | All | Yes |
+| isLoadingText | 正在加载文本 | String | No | All | Yes |
+| spinner | 是否加载中 | Boolean | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| _text_ | 用于为框内的文本提供参数 | Object | No | All | Yes |
+| \_stack | 要传递给按钮内部使用的 HStack 的参数 | Object | No | All | Yes |
+| \_icon | 传递给按钮内部使用的图标的参数 | Object | No | All | Yes |
+| spinnerPlacement | 指定加载指示器（spinner）的位置，可选 start，end | String | No | All | Yes |
+| \_isLoading | 当按钮加载中时传递的参数 | Object | No | All | Yes |
+| \_isDisabled | 当按钮禁用时传递给按钮的参数 | Object | No | All | Yes |
+| \_spinner | 当按钮加载中时传递给按钮的参数 | Object | No | All | Yes |
+| \_hover | 当按钮悬停时传递给按钮的参数 | Object | No | Web | No |
+| \_pressed | 当按钮按下时传递给按钮的参数 | Object | No | All | Yes |
+| \_focus | 当按钮获得焦点时传递给按钮的参数 | Object | No | All | Yes |
+| rightIcon | 按钮中使用的右侧图标元素 | React.element | No | All | Yes |
+| leftIcon | 按钮中使用的左侧图标元素 | React.element | No | All | Yes |
+| direction | 堆叠项目的方向，可选 row,column | String | No | All | Yes |
+| children | 将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。 | React.element | No | All | Yes |
+| isAttached | 如果为真，按钮将会连接在一起 | Boolean | No | All | Yes |
 
 **Pressable**: 创建可触摸交互的元素。
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        onHoverIn         |           鼠标移入调用      |        () => void         |    No    |   Web    |        No        |
-|        onHoverOut         |           鼠标移出调用      |        () => void         |    No    |   Web    |        No        |
-|        onFocus         |           聚焦时调用      |        () => void         |    No    |   All    |        Yes        |
-|        onBlur         |           失焦时调用      |        () => void         |    No    |   All    |        Yes        |
-|        _hover         |           悬停参数      |        Object         |    No    |   Web    |        No        |
-|        _pressed         |           按下禁用时参数      |        Object         |    No    |   All    |        Yes        |
-|        _focus         |           获得焦点时参数      |        Object         |    No    |   All    |        Yes        |
-|        _disabled         |           禁用时参数      |        Object         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用     |        Boolean         |    No    |   All    |        Yes        |
-|        isHovered         |           是否悬停      |        Boolean         |    No    |   Web    |        No        |
-|        isPressed         |           是否按下      |        Boolean         |    No    |   All    |        Yes        |
-|        isFocused         |          是否聚焦      |        Boolean         |    No    |   All    |        Yes        |
-|        isFocusVisible         |           是否展示焦环      |        Boolean         |    No    |   All    |        Yes        |
-|        _focusVisible         |           焦点可见时应用的样式属性。这些样式仅在用户使用键盘与应用交互时应用。（仅限 Web）      |        Object         |    No    |   Web    |        No        |
-|        children         |           将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| onHoverIn | 鼠标移入调用 | () => void | No | Web | No |
+| onHoverOut | 鼠标移出调用 | () => void | No | Web | No |
+| onFocus | 聚焦时调用 | () => void | No | All | Yes |
+| onBlur | 失焦时调用 | () => void | No | All | Yes |
+| \_hover | 悬停参数 | Object | No | Web | No |
+| \_pressed | 按下禁用时参数 | Object | No | All | Yes |
+| \_focus | 获得焦点时参数 | Object | No | All | Yes |
+| \_disabled | 禁用时参数 | Object | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| isHovered | 是否悬停 | Boolean | No | Web | No |
+| isPressed | 是否按下 | Boolean | No | All | Yes |
+| isFocused | 是否聚焦 | Boolean | No | All | Yes |
+| isFocusVisible | 是否展示焦环 | Boolean | No | All | Yes |
+| \_focusVisible | 焦点可见时应用的样式属性。这些样式仅在用户使用键盘与应用交互时应用。（仅限 Web） | Object | No | Web | No |
+| children | 将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。 | React.element | No | All | Yes |
 
 **CheckBox**: 复选框。
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        id         |           唯一标识      |        String         |    No    |   All    |        Yes        |
-|        value         |           复选框的值      |        String         |    No    |   All    |        Yes        |
-|        defaultValue         |           复选框组的初始值      |        String         |    No    |   All    |        Yes        |
-|        colorScheme         |           主题，可选danger，info，orange，purple    |        String         |    No    |   All    |        Yes        |
-|        size         |            按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
-|        onChange         |           选中事件      |        () => void         |    No    |   All    |        Yes        |
-|        _checkbox         |           选中复选框时传递的参数      |        Object        |    No    |   All    |        Yes        |
+| id | 唯一标识 | String | No | All | Yes |
+| value | 复选框的值 | String | No | All | Yes |
+| defaultValue | 复选框组的初始值 | String | No | All | Yes |
+| colorScheme | 主题，可选 danger，info，orange，purple | String | No | All | Yes |
+| size | 按钮大小，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
+| onChange | 选中事件 | () => void | No | All | Yes |
+| \_checkbox | 选中复选框时传递的参数 | Object | No | All | Yes |
 
 **FormControl**: 表单控件
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        nativeID         |           本地ID      |        String         |    No    |   All    |        Yes        |
-|        isInvalid         |           是否无效    |        Boolean         |    No    |   All    |        Yes        |
-|        isRequired         |            是否必须      |        Boolean         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用      |        Boolean         |    No    |   All    |        Yes        |
-|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
-|        _disabled         |           禁用状态下传递参数      |        Object        |    No    |   All    |        Yes        |
-|        htmlFor         |           反映“for”内容属性的值      |        String        |    No    |   All    |        Yes        |
-|        _astrick         |           应用于 astric 文本的道具      |        Object        |    No    |   All    |        Yes        |
-|        rightIcon         |           表单中使用的左侧侧图标元素      |        React.element        |    No    |   All    |        Yes        |
-|        leftIcon         |           表单中使用的右侧图标元素      |        React.element        |    No    |   All    |        Yes        |
-|        startIcon         |           开始图标元素      |        React.element        |    No    |   All    |        Yes        |
-|        endIcon         |           结束图标元素      |        React.element        |    No    |   All    |        Yes        |
-|        _stack         |           要传递给 FormControl.ErrorMessage 内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
-|        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| nativeID | 本地 ID | String | No | All | Yes |
+| isInvalid | 是否无效 | Boolean | No | All | Yes |
+| isRequired | 是否必须 | Boolean | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| isReadOnly | 是否只读 | Boolean | No | All | Yes |
+| \_disabled | 禁用状态下传递参数 | Object | No | All | Yes |
+| htmlFor | 反映“for”内容属性的值 | String | No | All | Yes |
+| \_astrick | 应用于 astric 文本的道具 | Object | No | All | Yes |
+| rightIcon | 表单中使用的左侧侧图标元素 | React.element | No | All | Yes |
+| leftIcon | 表单中使用的右侧图标元素 | React.element | No | All | Yes |
+| startIcon | 开始图标元素 | React.element | No | All | Yes |
+| endIcon | 结束图标元素 | React.element | No | All | Yes |
+| \_stack | 要传递给 FormControl.ErrorMessage 内部使用的 HStack 的参数 | Object | No | All | Yes |
+| \_invalid | 无效状态下传递参数 | Object | No | All | Yes |
 
 **IconButton**: 图标按钮
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        colorScheme         |            主题，可选primary，green，red      |        String         |    No    |   All    |        Yes        |
-|        variant         |           风格，可选link，unstyled，solid，ghost，subtle      |        String         |    No    |   All    |        Yes        |
-|        size         |            按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用    |        Boolean         |    No    |   All    |        Yes        |
-|        icon         |           要使用的图标      |         React.element         |    No    |   All    |        Yes        |
-|        _icon         |           要传递给IconButton内部使用的图标的参数      |        Object        |    No    |   All    |        Yes        |
-|        _hover         |           要传递给IconButton内部使用的悬停的参数      |        Object        |    No    |   Web    |        No        |
-|        _pressed         |           要传递给IconButton内部使用的按压的参数      |        Object        |    No    |   All    |        Yes        |
-|        _focus         |           要传递给IconButton内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| colorScheme | 主题，可选 primary，green，red | String | No | All | Yes |
+| variant | 风格，可选 link，unstyled，solid，ghost，subtle | String | No | All | Yes |
+| size | 按钮大小，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| icon | 要使用的图标 | React.element | No | All | Yes |
+| \_icon | 要传递给 IconButton 内部使用的图标的参数 | Object | No | All | Yes |
+| \_hover | 要传递给 IconButton 内部使用的悬停的参数 | Object | No | Web | No |
+| \_pressed | 要传递给 IconButton 内部使用的按压的参数 | Object | No | All | Yes |
+| \_focus | 要传递给 IconButton 内部使用的聚焦的参数 | Object | No | All | Yes |
 
 **Input**: 输入框
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        isInvalid         |            是否无效      |        Boolean         |    No    |   All    |        Yes        |
-|        variant         |           风格，可选outline，filled，underlined，unstyled，rounded     |        String         |    No    |   All    |        Yes        |
-|        isDisabled         |            是否禁用      |        Boolean         |    No    |   All    |        Yes        |
-|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
-|        isFocused         |           是否聚焦      |         Boolean         |    No    |   All    |        Yes        |
-|        size         |           输入框尺寸，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String        |    No    |   All    |        Yes        |
-|        isRequired         |           是否必传      |        Boolean        |    No    |   No    |        No        |
-|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
-|        InputLeftElement         |           输入框内部左侧元素      |        React.element        |    No    |   All    |        Yes        |
-|        leftElement         |           输入框外部左侧元素      |        React.element        |    No    |   All    |        Yes        |
-|        InputRightElement         |           输入框内部右侧元素      |        React.element        |    No    |   All    |        Yes        |
-|        rightElement         |           输入框外部右侧元素      |        React.element        |    No    |   All    |        Yes        |
-|        type         |           类型，可选text，password      |        String        |    No    |   All    |        Yes        |
-|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   All    |        Yes        |
-|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
-|        _hover         |           要传递给Input内部使用的悬停的参数      |        Object        |    No    |   Web    |        NO        |
-|        _focus         |           要传递给Input内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
-|        _disabled         |           要传递给Input内部使用的禁用的参数      |        Object        |    No    |   All    |        Yes        |
-|        _readOnly         |           要传递给Input内部使用的只读的参数      |        Object        |    No    |   All    |        Yes        |
-|        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
-|        _input         |           传递给InputBase组件参数      |        Object        |    No    |   All    |        Yes        |
-|        _stack         |            要传递给按钮内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
-|        focusOutlineColor         |           当输入框获得焦点时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
-|        invalidOutlineColor         |           当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
-|        ref         |           节点      |        Any        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isInvalid | 是否无效 | Boolean | No | All | Yes |
+| variant | 风格，可选 outline，filled，underlined，unstyled，rounded | String | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| isHovered | 是否悬停 | Boolean | No | Web | No |
+| isFocused | 是否聚焦 | Boolean | No | All | Yes |
+| size | 输入框尺寸，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
+| isRequired | 是否必传 | Boolean | No | No | No |
+| isReadOnly | 是否只读 | Boolean | No | All | Yes |
+| InputLeftElement | 输入框内部左侧元素 | React.element | No | All | Yes |
+| leftElement | 输入框外部左侧元素 | React.element | No | All | Yes |
+| InputRightElement | 输入框内部右侧元素 | React.element | No | All | Yes |
+| rightElement | 输入框外部右侧元素 | React.element | No | All | Yes |
+| type | 类型，可选 text，password | String | No | All | Yes |
+| isFullWidth | 沾满元素 | Boolean | No | All | Yes |
+| wrapperRef | 获取节点(鸿蒙中获取不到，用 ref 可以获取) | Any | No | No | No |
+| \_hover | 要传递给 Input 内部使用的悬停的参数 | Object | No | Web | NO |
+| \_focus | 要传递给 Input 内部使用的聚焦的参数 | Object | No | All | Yes |
+| \_disabled | 要传递给 Input 内部使用的禁用的参数 | Object | No | All | Yes |
+| \_readOnly | 要传递给 Input 内部使用的只读的参数 | Object | No | All | Yes |
+| \_invalid | 无效状态下传递参数 | Object | No | All | Yes |
+| \_input | 传递给 InputBase 组件参数 | Object | No | All | Yes |
+| \_stack | 要传递给按钮内部使用的 HStack 的参数 | Object | No | All | Yes |
+| focusOutlineColor | 当输入框获得焦点时，该属性指定输入框的轮廓颜色 | Boolean | No | All | Yes |
+| invalidOutlineColor | 当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色 | Boolean | No | All | Yes |
+| ref | 节点 | Any | No | All | Yes |
 
 **TextArea**: 文本域
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        isInvalid         |            是否无效      |        Boolean         |    No    |   All    |        Yes        |
-|        variant         |           风格，可选outline，filled，underlined，unstyled，rounded     |        String         |    No    |   All    |        Yes        |
-|        isDisabled         |            是否禁用      |        Boolean         |    No    |   All    |        Yes        |
-|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
-|        isFocused         |           是否聚焦      |         Boolean         |    No    |   All    |        Yes        |
-|        size         |           输入框尺寸，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String        |    No    |   All    |        Yes        |
-|        isRequired         |           是否必传      |        Boolean        |    No    |   No    |        No        |
-|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
-|        InputLeftElement         |           输入框内部左侧元素      |        React.element        |    No    |   All    |        Yes        |
-|        leftElement         |           输入框外部左侧元素      |        React.element        |    No    |   All    |        Yes        |
-|        InputRightElement         |           输入框内部右侧元素      |        React.element        |    No    |   All    |        Yes        |
-|        rightElement         |           输入框外部右侧元素      |        React.element        |    No    |   All    |        Yes        |
-|        type         |           类型，可选text，password      |        String        |    No    |   All    |        Yes        |
-|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   All    |        Yes        |
-|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
-|        _hover         |           要传递给Input内部使用的悬停的参数      |        Object        |    No    |   Web    |        NO        |
-|        _focus         |           要传递给Input内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
-|        _disabled         |           要传递给Input内部使用的禁用的参数      |        Object        |    No    |   All    |        Yes        |
-|        _readOnly         |           要传递给Input内部使用的只读的参数      |        Object        |    No    |   All    |        Yes        |
-|        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
-|        _input         |           传递给InputBase组件参数      |        Object        |    No    |   All    |        Yes        |
-|        _stack         |            要传递给按钮内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
-|        focusOutlineColor         |           当输入框获得焦点时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
-|        invalidOutlineColor         |           当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
-|        ref         |           节点      |        Any        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isInvalid | 是否无效 | Boolean | No | All | Yes |
+| variant | 风格，可选 outline，filled，underlined，unstyled，rounded | String | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| isHovered | 是否悬停 | Boolean | No | Web | No |
+| isFocused | 是否聚焦 | Boolean | No | All | Yes |
+| size | 输入框尺寸，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
+| isRequired | 是否必传 | Boolean | No | No | No |
+| isReadOnly | 是否只读 | Boolean | No | All | Yes |
+| InputLeftElement | 输入框内部左侧元素 | React.element | No | All | Yes |
+| leftElement | 输入框外部左侧元素 | React.element | No | All | Yes |
+| InputRightElement | 输入框内部右侧元素 | React.element | No | All | Yes |
+| rightElement | 输入框外部右侧元素 | React.element | No | All | Yes |
+| type | 类型，可选 text，password | String | No | All | Yes |
+| isFullWidth | 沾满元素 | Boolean | No | All | Yes |
+| wrapperRef | 获取节点(鸿蒙中获取不到，用 ref 可以获取) | Any | No | No | No |
+| \_hover | 要传递给 Input 内部使用的悬停的参数 | Object | No | Web | NO |
+| \_focus | 要传递给 Input 内部使用的聚焦的参数 | Object | No | All | Yes |
+| \_disabled | 要传递给 Input 内部使用的禁用的参数 | Object | No | All | Yes |
+| \_readOnly | 要传递给 Input 内部使用的只读的参数 | Object | No | All | Yes |
+| \_invalid | 无效状态下传递参数 | Object | No | All | Yes |
+| \_input | 传递给 InputBase 组件参数 | Object | No | All | Yes |
+| \_stack | 要传递给按钮内部使用的 HStack 的参数 | Object | No | All | Yes |
+| focusOutlineColor | 当输入框获得焦点时，该属性指定输入框的轮廓颜色 | Boolean | No | All | Yes |
+| invalidOutlineColor | 当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色 | Boolean | No | All | Yes |
+| ref | 节点 | Any | No | All | Yes |
 
 **Link**: 超链接
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        href         |            连接地址      |        String         |    No    |   All    |        Yes        |
-|        size         |           超连接尺寸2xl，xl，lg，md，sm，xsm     |        String         |    No    |   All    |        Yes        |
-|        isUnderlined         |            是否有下横线     |        Boolean         |    No    |   All    |        Yes        |
-|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
-|        onPress         |           按压事件      |          () => void          |    No    |   All    |        Yes        |
-|        isExternal         |           是否直接打开web端      |        String        |    No    |   All    |        Yes        |
-|        _hover         |          悬停参数      |        Object        |    No    |   Web    |        No        |
-|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+| href | 连接地址 | String | No | All | Yes |
+| size | 超连接尺寸 2xl，xl，lg，md，sm，xsm | String | No | All | Yes |
+| isUnderlined | 是否有下横线 | Boolean | No | All | Yes |
+| isHovered | 是否悬停 | Boolean | No | Web | No |
+| onPress | 按压事件 | () => void | No | All | Yes |
+| isExternal | 是否直接打开 web 端 | String | No | All | Yes |
+| \_hover | 悬停参数 | Object | No | Web | No |
+| wrapperRef | 获取节点(鸿蒙中获取不到，用 ref 可以获取) | Any | No | No | No |
 
 **Radio**: 单选框
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        value           |            单选框的值      |        String         |    No    |   All    |        Yes        |
-|        colorScheme         |            主题，可选yellow，green，red      |        String         |    No    |   All    |        Yes        |
-|        isDisabled         |            是否禁用     |        Boolean         |    No    |   All    |        Yes        |
-|        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
-|        isPressed         |           是否按压      |         Boolean         |    No    |   All    |        Yes        |
-|        isFocused         |           是否聚焦      |        Boolean        |    No    |   All    |        Yes        |
-|        isFocusVisible         |           焦点是否可见      |        Boolean        |    No    |   All    |        Yes        |
-|        size         |           单选框尺寸lg，md，sm     |        String        |    No    |   All    |        Yes        |
-|        icon         |           接收图标     |         React.element          |    No    |   All    |        Yes        |
-|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)     |        Any        |    No    |   No    |        No        |
-|        _stack         |           要传递给单选框内部使用的 HStack 的参数     |        Object        |    No    |   All    |        Yes        |
-|        _disabled         |           当禁用时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
-|        _checked         |           当选中时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
-|        _focus         |           当聚焦时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
-|        _hover         |           当悬停时传递给单选框的参数     |        Object        |    No    |   Web    |        No        |
-|        _invalid         |           当失效时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
-|        _pressed         |           当按压时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
-|        _icon         |           当传递图标时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
-|        _readOnly         |           当只读时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
-|        _interactionBox         |           当交互时传递给按钮的参数     |        Object        |    No    |   All    |        Yes        |
-|        ref         |           获取节点数据     |        Object        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| value | 单选框的值 | String | No | All | Yes |
+| colorScheme | 主题，可选 yellow，green，red | String | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| isHovered | 是否悬停 | Boolean | No | Web | No |
+| isPressed | 是否按压 | Boolean | No | All | Yes |
+| isFocused | 是否聚焦 | Boolean | No | All | Yes |
+| isFocusVisible | 焦点是否可见 | Boolean | No | All | Yes |
+| size | 单选框尺寸 lg，md，sm | String | No | All | Yes |
+| icon | 接收图标 | React.element | No | All | Yes |
+| wrapperRef | 获取节点(鸿蒙中获取不到，用 ref 可以获取) | Any | No | No | No |
+| \_stack | 要传递给单选框内部使用的 HStack 的参数 | Object | No | All | Yes |
+| \_disabled | 当禁用时传递给单选框的参数 | Object | No | All | Yes |
+| \_checked | 当选中时传递给单选框的参数 | Object | No | All | Yes |
+| \_focus | 当聚焦时传递给单选框的参数 | Object | No | All | Yes |
+| \_hover | 当悬停时传递给单选框的参数 | Object | No | Web | No |
+| \_invalid | 当失效时传递给单选框的参数 | Object | No | All | Yes |
+| \_pressed | 当按压时传递给单选框的参数 | Object | No | All | Yes |
+| \_icon | 当传递图标时传递给单选框的参数 | Object | No | All | Yes |
+| \_readOnly | 当只读时传递给单选框的参数 | Object | No | All | Yes |
+| \_interactionBox | 当交互时传递给按钮的参数 | Object | No | All | Yes |
+| ref | 获取节点数据 | Object | No | All | Yes |
 
 **Select**: 下拉框
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        placeholder           |            提示文本      |        String         |    No    |   All    |        Yes        |
-|        color         |            选中颜色      |        String         |    No    |   All    |        Yes        |
-|        placeholderTextColor         |            提示文本颜色     |        String         |    No    |   All    |        Yes        |
-|        _item         |           是否悬停    |        Boolean         |    No    |   No    |        No        |
-|        _selectedItem         |           是否按压      |         Boolean         |    No    |   All    |        Yes        |
-|        selectedValue         |           选中值      |        Boolean        |    No    |   All    |        Yes        |
-|        defaultValue         |           初始值      |        Boolean        |    No    |   All    |        Yes        |
-|        onValueChange         |           单选事件     |         () => void         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用     |         React.element          |    No    |   All    |        Yes        |
-|        isHovered         |           是否悬停     |        Any        |    No    |   Web    |        No        |
-|        isFocused         |           是否聚焦     |        Object        |    No    |   All    |        Yes        |
-|        isFocusVisible         |           焦点是否可见     |        Object        |    No    |   All    |        Yes        |
-|        dropdownIcon         |           原有图标     |        React.element        |    No    |   All    |        Yes        |
-|        dropdownOpenIcon         |           打开图标     |        React.element        |    No    |   All    |        Yes        |
-|        dropdownCloseIcon         |           关闭图标     |        React.element        |    No    |   All    |        Yes        |
-|        variant         |           风格，可选outline，filled，underlined，unstyled，rounded    |        String        |    No    |   All    |        Yes        |
-|        onOpen         |           打开下拉事件     |        () => void        |    No    |   All    |        Yes        |
-|        onClose         |           关闭下拉事件     |        () => void        |    No    |   All    |        Yes        |
-|        _actionSheet         |           传递给遮罩层的参数样式     |        Object        |    No    |   All    |        Yes        |
-|        _actionSheetContent         |           传递给内容的参数样式     |        Object        |    No    |   All    |        Yes        |
-|        _actionSheetBody         |           传递给内容Body的参数     |        Object        |    No    |   All    |        Yes        |
-|        wrapperRef         |           获取节点    |        Any        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| placeholder | 提示文本 | String | No | All | Yes |
+| color | 选中颜色 | String | No | All | Yes |
+| placeholderTextColor | 提示文本颜色 | String | No | All | Yes |
+| \_item | 是否悬停 | Boolean | No | No | No |
+| \_selectedItem | 是否按压 | Boolean | No | All | Yes |
+| selectedValue | 选中值 | Boolean | No | All | Yes |
+| defaultValue | 初始值 | Boolean | No | All | Yes |
+| onValueChange | 单选事件 | () => void | No | All | Yes |
+| isDisabled | 是否禁用 | React.element | No | All | Yes |
+| isHovered | 是否悬停 | Any | No | Web | No |
+| isFocused | 是否聚焦 | Object | No | All | Yes |
+| isFocusVisible | 焦点是否可见 | Object | No | All | Yes |
+| dropdownIcon | 原有图标 | React.element | No | All | Yes |
+| dropdownOpenIcon | 打开图标 | React.element | No | All | Yes |
+| dropdownCloseIcon | 关闭图标 | React.element | No | All | Yes |
+| variant | 风格，可选 outline，filled，underlined，unstyled，rounded | String | No | All | Yes |
+| onOpen | 打开下拉事件 | () => void | No | All | Yes |
+| onClose | 关闭下拉事件 | () => void | No | All | Yes |
+| \_actionSheet | 传递给遮罩层的参数样式 | Object | No | All | Yes |
+| \_actionSheetContent | 传递给内容的参数样式 | Object | No | All | Yes |
+| \_actionSheetBody | 传递给内容 Body 的参数 | Object | No | All | Yes |
+| wrapperRef | 获取节点 | Any | No | All | Yes |
 
 **Select.Item**: 下拉框子集
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        label         |            选择提示文本      |        String         |    No    |   All    |        Yes        |
-|        value         |           选中值     |        String         |    No    |   All    |        Yes        |
+| label | 选择提示文本 | String | No | All | Yes |
+| value | 选中值 | String | No | All | Yes |
 
 **Switch**: 开关
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        size         |            开关尺寸，可选lg，md，sm      |        String         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用     |        Boolean         |    No    |   All    |        Yes        |
-|        isHovered         |            是否悬停     |        Boolean         |    No    |   Web    |        No        |
-|        name         |          表单中使用开关的别名      |          String          |    No    |   All    |        Yes        |
-|        onToggle         |           开关事件      |        () => void        |    No    |   All    |        Yes        |
-|        isChecked         |           是否开启      |        Boolean        |    No    |   All    |        Yes        |
-|        defaultIsChecked         |           是否默认开启    |        Boolean        |    No    |   All    |        Yes        |
-|        isInvalid         |           是否失效      |        Boolean        |    No    |   All    |        Yes        |
-|        onTrackColor         |            打开时轨道的颜色      |        Object        |    No    |   All    |        Yes        |
-|        offTrackColor         |           关闭时轨道的颜色      |        Object        |    No    |   All    |        Yes        |
-|        onThumbColor         |           打开时按钮的颜色      |        Object        |    No    |   All    |        Yes        |
-|        offThumbColor         |           关闭时按钮的颜色      |        Object        |    No    |   All    |        Yes        |
-|        colorScheme         |           主题      |        String        |    No    |   All    |        Yes        |
-|        _hover         |           悬停参数      |        String        |    No    |   Web    |        No        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| size | 开关尺寸，可选 lg，md，sm | String | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| isHovered | 是否悬停 | Boolean | No | Web | No |
+| name | 表单中使用开关的别名 | String | No | All | Yes |
+| onToggle | 开关事件 | () => void | No | All | Yes |
+| isChecked | 是否开启 | Boolean | No | All | Yes |
+| defaultIsChecked | 是否默认开启 | Boolean | No | All | Yes |
+| isInvalid | 是否失效 | Boolean | No | All | Yes |
+| onTrackColor | 打开时轨道的颜色 | Object | No | All | Yes |
+| offTrackColor | 关闭时轨道的颜色 | Object | No | All | Yes |
+| onThumbColor | 打开时按钮的颜色 | Object | No | All | Yes |
+| offThumbColor | 关闭时按钮的颜色 | Object | No | All | Yes |
+| colorScheme | 主题 | String | No | All | Yes |
+| \_hover | 悬停参数 | String | No | Web | No |
 
 **Slider**: 滑块
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        value         |            值      |        Number         |    No    |   All    |        Yes        |
-|        defaultValue         |           默认值     |        Number         |    No    |   All    |        Yes        |
-|        onChange         |          滑块事件      |          () => void          |    No    |   All    |        Yes        |
-|        colorScheme         |           主题      |        String        |    No    |   All    |        Yes        |
-|        orientation         |           展示方向，可选horizontal，vertical'     |        String        |    No    |   All    |        Yes        |
-|        accessibilityLabel         |           滑块文本描述      |        String        |    No    |   All    |        Yes        |
-|        isReversed         |           是否反转      |        Boolean        |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用      |        Boolean        |    No    |   All    |        Yes        |
-|        onChangeEnd         |          松开停止移动事件      |         () => void        |    No    |   All    |        Yes        |
-|        minValue         |           最小值      |        Number        |    No    |   All    |        Yes        |
-|        maxValue         |           最大值      |        Number        |    No    |   All    |        Yes        |
-|        step         |           每次用移动的步数      |        Number        |    No    |   All    |        Yes        |
-|        isReadOnly         |           最大值      |        Boolean        |    No    |   All    |        Yes        |
-|        maxValue         |           最大值      |        Number        |    No    |   All    |        Yes        |
-|        _disabled         |           禁用时启用      |        Number        |    No    |   All    |        Yes        |
-|        _readOnly         |           只读时启用      |        Number        |    No    |   All    |        Yes        |
-|        sliderTrackHeight         |           轨道高度      |        Number        |    No    |   All    |        Yes        |
-|        thumbSize         |           滑块大小      |        Number        |    No    |   All    |        Yes        |
-|        _interactionBox         |           交互样式      |        Object        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| value | 值 | Number | No | All | Yes |
+| defaultValue | 默认值 | Number | No | All | Yes |
+| onChange | 滑块事件 | () => void | No | All | Yes |
+| colorScheme | 主题 | String | No | All | Yes |
+| orientation | 展示方向，可选 horizontal，vertical' | String | No | All | Yes |
+| accessibilityLabel | 滑块文本描述 | String | No | All | Yes |
+| isReversed | 是否反转 | Boolean | No | All | Yes |
+| isDisabled | 是否禁用 | Boolean | No | All | Yes |
+| onChangeEnd | 松开停止移动事件 | () => void | No | All | Yes |
+| minValue | 最小值 | Number | No | All | Yes |
+| maxValue | 最大值 | Number | No | All | Yes |
+| step | 每次用移动的步数 | Number | No | All | Yes |
+| isReadOnly | 最大值 | Boolean | No | All | Yes |
+| maxValue | 最大值 | Number | No | All | Yes |
+| \_disabled | 禁用时启用 | Number | No | All | Yes |
+| \_readOnly | 只读时启用 | Number | No | All | Yes |
+| sliderTrackHeight | 轨道高度 | Number | No | All | Yes |
+| thumbSize | 滑块大小 | Number | No | All | Yes |
+| \_interactionBox | 交互样式 | Object | No | All | Yes |
 
 **Badge**: 小标识小标签
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        variant         |            风格      |        Number         |    No    |   All    |        Yes        |
-|        colorScheme         |           主题,可选success，danger，info，coolGray     |        String         |    No    |   All    |        Yes        |
-|        rightIcon         |          组件右侧图标      |          React.element         |    No    |   All    |        Yes        |
-|        leftIcon         |          组件左侧图标      |          React.element          |    No    |   All    |        Yes        |
-|        startIcon         |          开始图标      |          React.element          |    No    |   All    |        Yes        |
-|        endIcon         |          结束图标      |          React.element         |    No    |   All    |        Yes        |
-|        _text         |          组件内的文本提供参数       |          Object         |    No    |   All    |        Yes        |
-|        _icon         |          组件内的图标提供参数      |          Object        |    No    |   All    |        Yes        |
+| variant | 风格 | Number | No | All | Yes |
+| colorScheme | 主题,可选 success，danger，info，coolGray | String | No | All | Yes |
+| rightIcon | 组件右侧图标 | React.element | No | All | Yes |
+| leftIcon | 组件左侧图标 | React.element | No | All | Yes |
+| startIcon | 开始图标 | React.element | No | All | Yes |
+| endIcon | 结束图标 | React.element | No | All | Yes |
+| \_text | 组件内的文本提供参数 | Object | No | All | Yes |
+| \_icon | 组件内的图标提供参数 | Object | No | All | Yes |
 
 **Divider**: 分割线
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        orientation         |            方向,可选vertical，horizontal      |        Number         |    No    |   All    |        Yes        |
-|        thickness         |           分割线宽度    |        String         |    No    |   All    |        Yes        |
+| orientation | 方向,可选 vertical，horizontal | Number | No | All | Yes |
+| thickness | 分割线宽度 | String | No | All | Yes |
 
 **Alert**: 状态提示框
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        status         |            方向,可选info，warning，success，error      |        String         |    No    |   All    |        Yes        |
-|        variant         |           风格    |        String         |    No    |   All    |        Yes        |
-|        colorScheme         |           主题    |        String         |    No    |   All    |        Yes        |
+| status | 方向,可选 info，warning，success，error | String | No | All | Yes |
+| variant | 风格 | String | No | All | Yes |
+| colorScheme | 主题 | String | No | All | Yes |
 
 **Progress**: 进度条
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        value         |            数值     |        Number         |    No    |   All    |        Yes        |
-|        size         |           尺寸    |        String         |    No    |   All    |        Yes        |
-|        colorScheme         |           主题    |        String         |    No    |   All    |        Yes        |
-|        _filledTrack         |           填充的轨道提供参数   |        Object         |    No    |   All    |        Yes        |
-|        min         |           最小值    |        Number         |    No    |   All    |        Yes        |
-|        max         |            最大值   |        Number         |    No    |   All    |        Yes        |
-
+| value | 数值 | Number | No | All | Yes |
+| size | 尺寸 | String | No | All | Yes |
+| colorScheme | 主题 | String | No | All | Yes |
+| \_filledTrack | 填充的轨道提供参数 | Object | No | All | Yes |
+| min | 最小值 | Number | No | All | Yes |
+| max | 最大值 | Number | No | All | Yes |
 
 **Skeleton**: 组件的加载状态
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        fadeDuration         |            加载时长     |        Number         |    No    |   All    |        Yes        |
-|        isLoaded         |           是否加载中    |        Boolean         |    No    |   All    |        Yes        |
-|        speed         |           加载速度    |        Number         |    No    |   All    |        Yes        |
-|        startColor         |           开始颜色   |        String         |    No    |   All    |        Yes        |
-|        endColor         |           结束颜色    |        String         |    No    |   All    |        Yes        |
-|        size         |            尺寸   |        String         |    No    |   All    |        Yes        |
+| fadeDuration | 加载时长 | Number | No | All | Yes |
+| isLoaded | 是否加载中 | Boolean | No | All | Yes |
+| speed | 加载速度 | Number | No | All | Yes |
+| startColor | 开始颜色 | String | No | All | Yes |
+| endColor | 结束颜色 | String | No | All | Yes |
+| size | 尺寸 | String | No | All | Yes |
 
 **Skeleton.Text**: 组件的加载状态文字组件
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        fadeDuration         |            加载时长     |        Number         |    No    |   All    |        Yes        |
-|        isLoaded         |           是否加载中    |        Boolean         |    No    |   All    |        Yes        |
-|        speed         |           加载速度    |        Number         |    No    |   All    |        Yes        |
-|        startColor         |           开始颜色   |        String         |    No    |   All    |        Yes        |
-|        endColor         |           结束颜色    |        String         |    No    |   All    |        Yes        |
-|        lines         |            文本中的行数   |        Number         |    No    |   All    |        Yes        |
-|        _line         |            文本中的行数样式参数   |        String         |    No    |   All    |        Yes        |
-|        _stack         |            要传递给按钮内部使用的 HStack 的参数    |        String         |    No    |   All    |        Yes        |
+| fadeDuration | 加载时长 | Number | No | All | Yes |
+| isLoaded | 是否加载中 | Boolean | No | All | Yes |
+| speed | 加载速度 | Number | No | All | Yes |
+| startColor | 开始颜色 | String | No | All | Yes |
+| endColor | 结束颜色 | String | No | All | Yes |
+| lines | 文本中的行数 | Number | No | All | Yes |
+| \_line | 文本中的行数样式参数 | String | No | All | Yes |
+| \_stack | 尺寸 | String | No | All | Yes |
 
 **Spinner**: 加载等待中
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        color         |            颜色     |        String         |    No    |   All    |        Yes        |
-|        size         |            尺寸，可选lg，md，sm   |        String         |    No    |   All    |        Yes        |
+| color | 颜色 | String | No | All | Yes |
+| size | 尺寸，可选 lg，md，sm | String | No | All | Yes |
 
 **Toast**: 轻提示
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        show         |            消息体     |        Object         |    No    |   All    |        Yes        |
-|        close         |            关闭单个   |       (id: any) => void;        |    No    |   All    |        Yes        |
-|        closeAll         |            关闭所有   |        () => void         |    No    |   All    |        Yes        |
-|        isActive         |            防抖设计   |        (id: any) => boolean;        |    No    |   All    |        Yes        |
+| show | 消息体 | Object | No | All | Yes |
+| close | 关闭单个 | (id: any) => void; | No | All | Yes |
+| closeAll | 关闭所有 | () => void | No | All | Yes |
+| isActive | 防抖设计 | (id: any) => boolean; | No | All | Yes |
 
 **Toast.show**: 轻提示消息体
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        title         |            标题   |       ReactNode        |    No    |   All    |        Yes        |
-|        description         |            内容描述   |      ReactNode         |    No    |   All    |        Yes        |
-|        duration         |            显示时长   |       Number 或 null        |    No    |   All    |        Yes        |
-|        id         |            唯一标识   |       any        |    No    |   All    |        Yes        |
-|        onCloseComplete         |            显示完成关闭回调   |       () => void        |    No    |   All    |        Yes        |
-|        placement         |            位置，可选top，top-right，top-left，bottom，bottom-left，bottom-right   |      String        |    No    |   All    |        Yes        |
-|        render         |            接收子组件   |      (props: any) => ReactNode       |    No    |   All    |        Yes        |
-|        _title         |            标题样式参数   |       () => void        |    No    |   All    |        Yes        |
-|        _description         |            描述样式参数   |       () => void        |    No    |   All    |        Yes        |
-|        accessibilityAnnouncement         |            Toast 打开时屏幕阅读器播报的文本   |       String       |    No    |   Android     |        No        |
-|        accessibilityLiveRegion         |            Toast 打开时屏幕阅读器播报的文本位置   |       String        |    No    |   Android     |        No        |
-|        avoidKeyboard         |         键盘打开，则 Toast 将向上移动相当于键盘高度   |       Boolean        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| title | 标题 | ReactNode | No | All | Yes |
+| description | 内容描述 | ReactNode | No | All | Yes |
+| duration | 显示时长 | Number 或 null | No | All | Yes |
+| id | 唯一标识 | any | No | All | Yes |
+| onCloseComplete | 显示完成关闭回调 | () => void | No | All | Yes |
+| placement | 位置，可选 top，top-right，top-left，bottom，bottom-left，bottom-right | String | No | All | Yes |
+| render | 接收子组件 | (props: any) => ReactNode | No | All | Yes |
+| \_title | 标题样式参数 | () => void | No | All | Yes |
+| \_description | 描述样式参数 | () => void | No | All | Yes |
+| accessibilityAnnouncement | Toast 打开时屏幕阅读器播报的文本 | String | No | Android | No |
+| accessibilityLiveRegion | Toast 打开时屏幕阅读器播报的文本位置 | String | No | Android | No |
+| avoidKeyboard | 键盘打开，则 Toast 将向上移动相当于键盘高度 | Boolean | No | All | Yes |
 
 **Text**: 文本
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        children         |            子集     |        JSX.Element         |    No    |   All    |        Yes        |
-|        fontSize         |            字号   |       String        |    No    |   All    |        Yes        |
-|        letterSpacing         |            间距   |       String         |    No    |   All    |        Yes        |
-|        lineHeight         |            行高   |        String        |    No    |   All    |        Yes        |
-|        fontWeight         |            字宽   |        String        |    No    |   All    |        Yes        |
-|        Fonts         |            字型   |        String        |    No    |   All    |        Yes        |
-|        noOfLines         |            行数   |        Number        |    No    |   All    |        Yes        |
-|        bold         |            加粗   |        Number        |    No    |   All    |        Yes        |
-|        isTruncated         |            超出省略   |        Boolean        |    No    |   All    |        Yes        |
-|        italic         |            斜体   |        Boolean        |    No    |   All    |        Yes        |
-|        underline         |            下横线   |        Boolean        |    No    |   All    |        Yes        |
-|        strikeThrough         |            删除线   |        Boolean        |    No    |   All    |        Yes        |
-|        sub         |            字体缩小（副标题或者辅助说明的文本）   |        Boolean        |    No    |   All    |        Yes        |
-|        highlight         |            突出显示   |        Boolean        |    No    |   All    |        Yes        |
-
-**Heading**: 标题(继承了Text属性)
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        size         |            尺寸，可选lg，md，sm    |       String        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| children | 子集 | JSX.Element | No | All | Yes |
+| fontSize | 字号 | String | No | All | Yes |
+| letterSpacing | 间距 | String | No | All | Yes |
+| lineHeight | 行高 | String | No | All | Yes |
+| fontWeight | 字宽 | String | No | All | Yes |
+| Fonts | 字型 | String | No | All | Yes |
+| noOfLines | 行数 | Number | No | All | Yes |
+| bold | 加粗 | Number | No | All | Yes |
+| isTruncated | 超出省略 | Boolean | No | All | Yes |
+| italic | 斜体 | Boolean | No | All | Yes |
+| underline | 下横线 | Boolean | No | All | Yes |
+| strikeThrough | 删除线 | Boolean | No | All | Yes |
+| sub | 字体缩小（副标题或者辅助说明的文本） | Boolean | No | All | Yes |
+| highlight | 突出显示 | Boolean | No | All | Yes |
+
+**Heading**: 标题(继承了 Text 属性)
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| size | 尺寸，可选 lg，md，sm | String | No | All | Yes |
 
 **AlertDialog**: 警告对话框
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        isOpen         |           是否打开    |       Boolean        |    No    |   All    |        Yes        |
-|        onClose         |           关闭事件    |       () => void        |    No    |   All    |        Yes        |
-|        defaultIsOpen         |           是否打开    |       Boolean        |    No    |   All    |        Yes        |
-|        size         |           尺寸    |       Number        |    No    |   All    |        Yes        |
-|        leastDestructiveRef         |           最小元素节点    |       Object        |    No    |   All    |        Yes        |
-|        initialFocusRef         |           打开时焦点元素节点    |       Object        |    No    |   All    |        Yes        |
-|        finalFocusRef         |           关闭时焦点元素节点    |       Boolean        |    No    |   All    |        Yes        |
-|        avoidKeyboard         |           键盘打开，则 AlertDialog 将向上移动相当于键盘高度     |       Boolean        |    No    |   All    |        Yes        |
-|        closeOnOverlayClick         |           点击关闭    |       Boolean        |    No    |   All    |        Yes        |
-|        isKeyboardDismissable         |           Esc关闭    |       Boolean        |    No    |   No    |        No        |
-|        overlayVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
-|        backdropVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
-|        _backdrop         |           遮罩参数用样式    |       Any        |    No    |   All    |        Yes        |
-|        _backdropFade         |           遮罩动画的参数样式    |       Object        |    No    |   All    |        Yes        |
-|        _fade         |           子集褪色动画的参数样式    |       Object        |    No    |   All    |        Yes        |
-|        _slide         |           子集幻灯片动画的参数样式    |       Object        |    No    |   All    |        Yes        |
-|        animationPreset         |           动画类型    |       Object        |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isOpen | 是否打开 | Boolean | No | All | Yes |
+| onClose | 关闭事件 | () => void | No | All | Yes |
+| defaultIsOpen | 是否打开 | Boolean | No | All | Yes |
+| size | 尺寸 | Number | No | All | Yes |
+| leastDestructiveRef | 最小元素节点 | Object | No | All | Yes |
+| initialFocusRef | 打开时焦点元素节点 | Object | No | All | Yes |
+| finalFocusRef | 关闭时焦点元素节点 | Boolean | No | All | Yes |
+| avoidKeyboard | 键盘打开，则 AlertDialog 将向上移动相当于键盘高度 | Boolean | No | All | Yes |
+| closeOnOverlayClick | 点击找找关闭 | Boolean | No | All | Yes |
+| isKeyboardDismissable | Esc 关闭 | Boolean | No | No | No |
+| overlayVisible | 背景元素是否可见 | Boolean | No | All | Yes |
+| backdropVisible | 背景元素是否可见 | Boolean | No | All | Yes |
+| \_backdrop | 遮罩参数用样式 | Any | No | All | Yes |
+| \_backdropFade | 遮罩动画的参数样式 | Object | No | All | Yes |
+| \_fade | 子集褪色动画的参数样式 | Object | No | All | Yes |
+| \_slide | 子集幻灯片动画的参数样式 | Object | No | All | Yes |
+| animationPreset | 动画类型 | Object | No | All | Yes |
 
 **Menu**: 菜单
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        trigger         |            手动触发显示的元素  |        () => void        |    No    |   All    |        Yes        |
-|        onOpen         |            打开事件    |        () => void        |    No    |   All    |        Yes        |
-|        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
-|        closeOnSelect         |             选择时菜单是否自动关闭    |        Boolean        |    No    |   All    |        Yes        |
-|        defaultIsOpen         |            默认打开   |        Boolean        |    No    |   All    |        Yes        |
-|        isOpen         |            是否打开    |        Boolean       |    No    |   All    |        Yes        |
-|        crossOffset         |            控制菜单相对于触发元素的偏移量    |        Number       |    No    |   All    |        Yes        |
-|        offset         |            菜单弹出位置的偏移量    |        Number       |    No    |   All    |        Yes        |
-|        shouldOverlapWithTrigger         |            控制菜单是否与触发元素重叠显示。    |        boolean       |    No    |   All    |        Yes        |
-|        placement         |            位置，可选top,bottom,left,right等    |        Boolean       |    No    |   All    |        Yes        |
-|        _overlay         |            菜单的覆盖层参数    |        Boolean       |    No    |   All    |        Yes        |
-|        _presenceTransition         |            出现和消失过渡效果参数    |        Boolean       |    No    |   All    |        Yes        |
-|        _backdrop         |            背景遮罩参数    |        Boolean       |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| trigger | 手动触发显示的元素 | () => void | No | All | Yes |
+| onOpen | 打开事件 | () => void | No | All | Yes |
+| onClose | 关闭事件 | () => void | No | All | Yes |
+| closeOnSelect | 选择时菜单是否自动关闭 | Boolean | No | All | Yes |
+| defaultIsOpen | 默认打开 | Boolean | No | All | Yes |
+| isOpen | 是否打开 | Boolean | No | All | Yes |
+| crossOffset | 控制菜单相对于触发元素的偏移量 | Number | No | All | Yes |
+| offset | 菜单弹出位置的偏移量 | Number | No | All | Yes |
+| shouldOverlapWithTrigger | 控制菜单是否与触发元素重叠显示。 | boolean | No | All | Yes |
+| placement | 位置，可选 top,bottom,left,right 等 | Boolean | No | All | Yes |
+| \_overlay | 菜单的覆盖层参数 | Boolean | No | All | Yes |
+| \_presenceTransition | 出现和消失过渡效果参数 | Boolean | No | All | Yes |
+| \_backdrop | 背景遮罩参数 | Boolean | No | All | Yes |
 
 **Modal**: 弹框
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
-|        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
-|        defaultIsOpen         |             默认打开    |        Boolean        |    No    |   All    |        Yes        |
-|        size         |            尺寸   |        String        |    No    |   All    |        Yes        |
-|        initialFocusRef         |            模态框打开时最初获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
-|        finalFocusRef         |            模态框关闭时最终获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
-|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   All    |        Yes        |
-|        isKeyboardDismissable         |            控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框    |        Boolean       |    No    |   All    |        Yes        |
-|        overlayVisible         |            控制模态框的背景覆盖层（overlay）是否可见    |        Boolean       |    No    |   All    |        Yes        |
-|        backdropVisible         |            控制模态框的背景遮罩是否可见    |        Boolean       |    No    |   All    |        Yes        |
-|        animationPreset         |            动画效果    |        String       |    No    |   All    |        Yes        |
-|        _fade         |            动画参数    |        Object       |    No    |   All    |        Yes        |
-|        _slide         |            幻灯片动画参数    |        Object       |    No    |   All    |        Yes        |
-|        _overlay         |            背景覆盖层参数    |        Object       |    No    |   All    |        Yes        |
-|        useRNModal         |          是否使用 React Native 的原生Modal组件来实现模态框      |        Boolean       |    No    |   All    |        Yes        |
-|        _backdropFade         |            背景遮罩参数    |        Boolean       |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isOpen | 是否打开 | Boolean | No | All | Yes |
+| onClose | 关闭事件 | () => void | No | All | Yes |
+| defaultIsOpen | 默认打开 | Boolean | No | All | Yes |
+| size | 尺寸 | String | No | All | Yes |
+| initialFocusRef | 模态框打开时最初获得焦点的元素节点 | Any | No | All | Yes |
+| finalFocusRef | 模态框关闭时最终获得焦点的元素节点 | Any | No | All | Yes |
+| avoidKeyboard | 键盘打开，则 Modal 将向上移动相当于键盘高度 | Boolean | No | All | Yes |
+| isKeyboardDismissable | 控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框 | Boolean | No | All | Yes |
+| overlayVisible | 控制模态框的背景覆盖层（overlay）是否可见 | Boolean | No | All | Yes |
+| backdropVisible | 控制模态框的背景遮罩是否可见 | Boolean | No | All | Yes |
+| animationPreset | 动画效果 | String | No | All | Yes |
+| \_fade | 动画参数 | Object | No | All | Yes |
+| \_slide | 幻灯片动画参数 | Object | No | All | Yes |
+| \_overlay | 背景覆盖层参数 | Object | No | All | Yes |
+| useRNModal | 是否使用 React Native 的原生 Modal 组件来实现模态框 | Boolean | No | All | Yes |
+| \_backdropFade | 背景遮罩参数 | Boolean | No | All | Yes |
 
 **Popover**: 局部弹框
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
-|        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
-|        onOpen         |           打开事件    |        () => void        |    No    |   All    |        Yes        |
-|        defaultIsOpen         |             默认打开    |        Boolean        |    No    |   All    |        Yes        |
-|        size         |            尺寸   |        String        |    No    |   All    |        Yes        |
-|        initialFocusRef         |            模态框打开时最初获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
-|        finalFocusRef         |            模态框关闭时最终获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
-|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   All    |        Yes        |
-|        isKeyboardDismissable         |            控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框    |        Boolean       |    No    |   All    |        Yes        |
-|        overlayVisible         |            控制模态框的背景覆盖层（overlay）是否可见    |        Boolean       |    No    |   All    |        Yes        |
-|        backdropVisible         |            控制模态框的背景遮罩是否可见    |        Boolean       |    No    |   All    |        Yes        |
-|        animationPreset         |            动画效果    |        String       |    No    |   All    |        Yes        |
-|        _fade         |            动画参数    |        Object       |    No    |   All    |        Yes        |
-|        _slide         |            幻灯片动画参数    |        Object       |    No    |   All    |        Yes        |
-|        _overlay         |            背景覆盖层参数    |        Object       |    No    |   All    |        Yes        |
-|        useRNModal         |            是否使用 React Native 的原生Modal组件来实现局部弹框     |        Boolean       |    No    |   All    |        Yes        |
-|        trigger         |            手动触发显示的元素  |        () => void        |    No    |   All    |        Yes        |
-|        shouldOverlapWithTrigger         |            控制菜单是否与触发元素重叠显示。    |        boolean       |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isOpen | 是否打开 | Boolean | No | All | Yes |
+| onClose | 关闭事件 | () => void | No | All | Yes |
+| onOpen | 打开事件 | () => void | No | All | Yes |
+| defaultIsOpen | 默认打开 | Boolean | No | All | Yes |
+| size | 尺寸 | String | No | All | Yes |
+| initialFocusRef | 模态框打开时最初获得焦点的元素节点 | Any | No | All | Yes |
+| finalFocusRef | 模态框关闭时最终获得焦点的元素节点 | Any | No | All | Yes |
+| avoidKeyboard | 键盘打开，则 Modal 将向上移动相当于键盘高度 | Boolean | No | All | Yes |
+| isKeyboardDismissable | 控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框 | Boolean | No | All | Yes |
+| overlayVisible | 控制模态框的背景覆盖层（overlay）是否可见 | Boolean | No | All | Yes |
+| backdropVisible | 控制模态框的背景遮罩是否可见 | Boolean | No | All | Yes |
+| animationPreset | 动画效果 | String | No | All | Yes |
+| \_fade | 动画参数 | Object | No | All | Yes |
+| \_slide | 幻灯片动画参数 | Object | No | All | Yes |
+| \_overlay | 背景覆盖层参数 | Object | No | All | Yes |
+| useRNModal | 是否使用 React Native 的原生 Modal 组件来实现局部弹框 | Boolean | No | All | Yes |
+| trigger | 手动触发显示的元素 | () => void | No | All | Yes |
+| shouldOverlapWithTrigger | 控制菜单是否与触发元素重叠显示。 | boolean | No | All | Yes |
 
 **Avatar**: 显示用户头像或图像
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        source         |            图片地址参数    |        Object        |    No    |   All    |        Yes        |
-|        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
-|        _image         |           图片参数    |        Object       |    No    |   All    |        Yes        |
-|        wrapperRef         |             获取节点    |        Boolean        |    No    |   All    |        Yes        |
+| source | 图片地址参数 | Object | No | All | Yes |
+| size | 尺寸 | String | No | All | Yes |
+| \_image | 图片参数 | Object | No | All | Yes |
+| wrapperRef | 获取节点 | Boolean | No | All | Yes |
 
 **Icon**: 展示图标
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        as         |            接收矢量图标    |        Any        |    No    |   All    |        Yes        |
-|        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
-|        color         |           颜色    |        String       |    No    |   All    |        Yes        |
-|        children         |             子元素    |   JSX.Element             |    No    |   All    |        Yes        |
-|        name         |             名称    |   String            |    No    |   All    |        Yes        |
-|        viewBox         |             icon盒子参数    |   String            |    No    |   All    |        Yes        |
-|        path         |             icon地址    |   JSX.Element[]            |    No    |   All    |        Yes        |
-|        d         |             SVG图标的路径    |   String            |    No    |   All    |        Yes        |
+| as | 接收矢量图标 | Any | No | All | Yes |
+| size | 尺寸 | String | No | All | Yes |
+| color | 颜色 | String | No | All | Yes |
+| children | 子元素 | JSX.Element | No | All | Yes |
+| name | 名称 | String | No | All | Yes |
+| viewBox | icon 盒子参数 | String | No | All | Yes |
+| path | icon 地址 | JSX.Element[] | No | All | Yes |
+| d | SVG 图标的路径 | String | No | All | Yes |
 
 **Image**: 图片
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        source         |            图片地址参数    |        Object        |    No    |   All    |        Yes        |
-|        alt         |            未展示文字    |         String       |    No    |   All    |        Yes        |
-|        _alt         |            未展示文字样式参数    |         Object       |    No    |   All    |        Yes        |
-|        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
-|        src         |             图片地址    |   String             |    No    |   All    |        Yes        |
-|        fallbackSource         |             指定当主图像源无法加载时显示的备用图像源    |   String            |    No    |   All    |        Yes        |
-|        ignoreFallback         |             是否忽略备用图像源    |   Boolean            |    No    |   All    |        Yes        |
-|        fallbackElement         |             指定当主图像源无法加载时显示的备用元素    |   JSX.Element            |    No    |   All    |        Yes        |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| source | 图片地址参数 | Object | No | All | Yes |
+| alt | 未展示文字 | String | No | All | Yes |
+| \_alt | 未展示文字样式参数 | Object | No | All | Yes |
+| size | 尺寸 | String | No | All | Yes |
+| color | 颜色 | String | No | All | Yes |
+| src | 图片地址 | String | No | All | Yes |
+| fallbackSource | 指定当主图像源无法加载时显示的备用图像源 | String | No | All | Yes |
+| ignoreFallback | 是否忽略备用图像源 | Boolean | No | All | Yes |
+| fallbackElement | 指定当主图像源无法加载时显示的备用元素 | JSX.Element | No | All | Yes |
 
 **ActionSheet**: 操作表
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
-|        onClose         |            关闭事件    |         () => void       |    No    |   All    |        Yes        |
-|        disableOverlay         |            是否有遮罩    |         Boolean       |    No    |   All    |        Yes        |
-|        hideDragIndicator         |           是否有拖动    |        Boolean        |    No    |   All    |        Yes        |
-|        _backdrop         |           遮罩参数用样式    |        any       |    No    |   All    |        Yes        |
-|        useRNModal         |             是否使用 React Native 的原生Modal组件来实现ActionSheet   |   Boolean             |    No    |   All    |        Yes        |
+| isOpen | 是否打开 | Boolean | No | All | Yes |
+| onClose | 关闭事件 | () => void | No | All | Yes |
+| disableOverlay | 是否有遮罩 | Boolean | No | All | Yes |
+| hideDragIndicator | 是否有拖动 | Boolean | No | All | Yes |
+| \_backdrop | 遮罩参数用样式 | any | No | All | Yes |
+| useRNModal | 是否使用 React Native 的原生 Modal 组件来实现 ActionSheet | Boolean | No | All | Yes |
 
 **Actionsheet.Content**: 操作表内容
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        _dragIndicatorWrapperOffSet         |            在操作表内容上方区域内容参数    |        Object        |    No    |   All    |        Yes        |
-|        _dragIndicatorWrapper         |            在操作表内容周围区域内容参数    |         Object      |    No    |   All    |        Yes        |
-|        _dragIndicator         |            在拖动指示器上施加的推力    |         Object       |    No    |   All    |        Yes        |
+| \_dragIndicatorWrapperOffSet | 在操作表内容上方区域内容参数 | Object | No | All | Yes |
+| \_dragIndicatorWrapper | 在操作表内容周围区域内容参数 | Object | No | All | Yes |
+| \_dragIndicator | 在拖动指示器上施加的推力 | Object | No | All | Yes |
 
 **PresenceTransition**: 组件的出现和消失添加动画过渡效果
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        onTransitionComplete         |            过渡完成事件    |         () => void         |    No    |   All    |        Yes        |
-|        initial         |            动画初始状态的属性    |        Object       |    No    |   All    |        Yes        |
-|        animate         |            动画最终状态的属性    |         Object       |    No    |   All    |        Yes        |
-|        exit         |           组件在隐藏时的状态    |        Boolean        |    No    |   All    |        Yes        |
-|        visible         |           是否打开    |        Boolean       |    No    |   All    |        Yes        |
-|        children         |             子集   |   any             |    No    |   All    |        Yes        |
-|        as         |             包裹在过渡效果中的元素的类型   |   any             |    No    |   All    |        Yes        |
+| onTransitionComplete | 过渡完成事件 | () => void | No | All | Yes |
+| initial | 动画初始状态的属性 | Object | No | All | Yes |
+| animate | 动画最终状态的属性 | Object | No | All | Yes |
+| exit | 组件在隐藏时的状态 | Boolean | No | All | Yes |
+| visible | 是否打开 | Boolean | No | All | Yes |
+| animationExited | 过渡动画已经完全退出 | Boolean | No | All | Yes |
+| children | 子集 | any | No | All | Yes |
+| as | 包裹在过渡效果中的元素的类型 | any | No | All | Yes |
 
 **Stagger**: 交错动画效果组件
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        initial         |            动画初始状态的属性    |        Object       |    No    |   All    |        Yes        |
-|        animate         |            动画最终状态的属性    |         Object       |    No    |   All    |        Yes        |
-|        exit         |           组件在隐藏时的状态    |        Boolean        |    No    |   All    |        Yes        |
-|        visible         |           是否打开    |        Boolean       |    No    |   All    |        Yes        |
+| initial | 动画初始状态的属性 | Object | No | All | Yes |
+| animate | 动画最终状态的属性 | Object | No | All | Yes |
+| exit | 组件在隐藏时的状态 | Boolean | No | All | Yes |
+| visible | 是否打开 | Boolean | No | All | Yes |
 
 **Slide**: 实现滑动动画
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        in         |            显示隐藏    |        Boolean       |    No    |   All    |        Yes        |
-|        duration         |            动画时长    |         Number       |    No    |   All    |        Yes        |
-|        placement         |           位置    |        String        |    No    |   All    |        Yes        |
+| in | 显示隐藏 | Boolean | No | All | Yes |
+| duration | 动画事件 | Number | No | All | Yes |
+| placement | 位置 | String | No | All | Yes |
 
 **FAB**: 浮动按钮
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        placement         |            位置    |        String       |    No    |   All    |        Yes        |
-|        label         |            文本参数    |         String       |    No    |   All    |        Yes        |
-|        icon         |           图标    |        React.Element        |    No    |   All    |        Yes        |
-|        renderInPortal         |           是否将 FAB 渲染在一个 Portal(Portal 是一种在 React 中用于将子组件渲染到父组件以外的 DOM 节点中的技术)    |        Boolean        |    No    |   All    |        Yes        |
+| placement | 位置 | String | No | All | Yes |
+| label | 文本参数 | String | No | All | Yes |
+| icon | 图标 | React.Element | No | All | Yes |
+| renderInPortal | 是否将 FAB 渲染在一个 Portal(Portal 是一种在 React 中用于将子组件渲染到父组件以外的 DOM 节点中的技术) | Boolean | No | All | Yes |
 
-**Hidden**: 根据colorMode或平台响应性地切换子组件的可见性值
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+**Hidden**: 根据 colorMode 或平台响应性地切换子组件的可见性值
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        from         |            屏幕尺寸的起点，当屏幕尺寸大于等于这个起点时，组件将被隐藏    |        String       |    No    |   All    |        Yes        |
-|        till         |             屏幕尺寸的终点，当屏幕尺寸小于这个终点时，组件将被隐藏    |         String       |    No    |   All    |        Yes        |
-|        only         |           指定一个或多个特定的屏幕尺寸，只有在这些尺寸下组件才会显示，其他尺寸下将被隐藏    |        String        |    No    |   All    |        Yes        |
-|        colorMode         |           组件在不同颜色模式下的显示状态。NativeBase 通常支持多种颜色模式，如 light（浅色模式）、dark（深色模式）等。    |        React.Element        |    No    |   All    |        Yes        |
-|        platform         |           系统平台    |        React.Element        |    No    |   All    |        Yes        |
-|        children         |           子元素    |        React.Element        |    No    |   All    |        Yes        |
-|        isSSR         |           组件是否在服务器端渲染（SSR）环境中    |       Boolean        |    No    |   All    |        Yes        |
+| from | 屏幕尺寸的起点，当屏幕尺寸大于等于这个起点时，组件将被隐藏 | String | No | All | Yes |
+| till | 屏幕尺寸的终点，当屏幕尺寸小于这个终点时，组件将被隐藏 | String | No | All | Yes |
+| only | 指定一个或多个特定的屏幕尺寸，只有在这些尺寸下组件才会显示，其他尺寸下将被隐藏 | String | No | All | Yes |
+| colorMode | 组件在不同颜色模式下的显示状态。NativeBase 通常支持多种颜色模式，如 light（浅色模式）、dark（深色模式）等。 | React.Element | No | All | Yes |
+| platform | 系统平台 | React.Element | No | All | Yes |
+| children | 子元素 | React.Element | No | All | Yes |
+| isSSR | 组件是否在服务器端渲染（SSR）环境中 | Boolean | No | All | Yes |
 
 **KeyboardAvoidingView**: 拉起键盘视图向上移动的垂直偏移量
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        behavior         |            键盘弹出时的行为    |        String 或 Undefined       |    No    |   All    |        Yes        |
-|        contentContainerStyle         |            设置该组件内部内容容器的样式    |         Object       |    No    |   All    |        Yes        |
-|        keyboardVerticalOffset         |           当键盘出现时，视图向上移动的垂直偏移量    |        Number或Undefined        |    No    |   All    |        Yes        |
-|        enabled         |           用于控制KeyboardAvoidingView是否生效    |        Boolean或Undefined        |    No    |   All    |        Yes        |
-
+| behavior | 键盘弹出时的行为 | String 或 Undefined | No | All | Yes |
+| contentContainerStyle | 设置该组件内部内容容器的样式 | Object | No | All | Yes |
+| keyboardVerticalOffset | 当键盘出现时，视图向上移动的垂直偏移量 | Number 或 Undefined | No | All | Yes |
+| enabled | 用于控制 KeyboardAvoidingView 是否生效 | Boolean 或 Undefined | No | All | Yes |
 
-**Other**：包含hooks和外用组件
-| Name                   | Description | Required | Platform | HarmonyOS Support |
+**Other**: 包含 hooks 和外用组件
+| Name | Description | Required | Platform | HarmonyOS Support |
 | ---------------------- | ----------- | -------- | ----------------- | ----------------- |
-| Scrollview    | 导出的是RN原生的Scrollview，可直接用RN的Scrollview | NO        | All               | YES               |
-| View     | 导出的是RN原生的View，可直接用RN的View | NO        | All               | YES               |
-| FlatList     | 导出的是RN原生的FlatList，可直接用RN的FlatList | NO        | All              | YES               |
-| useDisclose     | 处理常见的打开、关闭或切换场景，并可以控制反馈组件，如Modal、AlertDialog、Drawer等。 | NO        | All              | YES               |
-| useBreakpointValue     | 用于呈现分段列表的高性能接口 | NO        | All               | YES               |
-| SectionList     | 导出的是RN原生的SectionList，可直接用RN的SectionList | NO        | All              | YES               |
-| useClipboard     | 使用剪贴板控件并控制将内容复制到剪贴板 | NO        | All               | YES               |
-| useMediaQuery     | 检测单个媒体查询或多个媒体查询之间的匹配。React Native本身不支持媒体查询，因此useMediaQuery仍然有限 | NO        | All               | YES               |
-| useToken     | 解析主题中的设计标记. | NO        | All              | YES               |
-| useColorMode     |设置或检索颜色模式 | NO        | All               | YES               |
-| useColorModeValue     | 基于活动颜色模式值传递的参数中检索值 | NO        | All              | YES               |
-| useContrastText     | 提供与作为参数传递的背景颜色的颜色对比文本颜色（lightText或darkText） | NO        | All               | YES               |
-| useAccessibleColors  | 更新您的颜色配置，以在应用程序中获得更好的颜色和对比度可访问性。默认情况下，可访问的颜色是关闭的如果您想继续使用可访问的文本颜色，可以使用此挂钩。您还可以使用extendTheme在NativeBaseProvider的配置中传递它 | NO        | All               | YES               |
-| Todo-List     | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All              | YES               |
-| AppBar     | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
-| Card     |用本库的组件写的案例，如有业务需要可自行编写适合的组件| NO        | All               | YES               |
-| Drawer Navigation    | 快速地使用 [@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md) | NO        | All               | YES               |
-| Tab View     | 快速地使用 [@react-native-oh-tpl/react-native-tab-view 文档](/zh-cn/react-native-tab-view.md) in NB | NO        | All               | YES               |
-| Swipe List    | 快速地使用 [@react-native-oh-tpl/react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md) | NO        | All              | YES               |
-| Form with Validation    | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All              | YES               |
-| Login/Signup Forms     | 用本库的组件写表单登录的案例，如有业务需要可自行编写适合的组件| NO        | All               | YES               |
-| SearchBar     | 用本库的组件写的搜索案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
-| App drawer     | 使用FlatList创建类似应用程序抽屉的布局非常常见，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
-| Footer     |用本库的组件写的Footer案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
-
-## 遗留问题
-
-## 其他
-
-- 网站文档图标要用@expo/vector-icons（需要用到expo脚手架才可以），如果没有用到expo脚手架的可以用[react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)平替
-- Tooltip 当用户与元素交互时，工具提示会提供简短的信息性消息。工具提示的启动方法包括：通过鼠标悬停手势或键盘悬停手势。这个组件是在web端用的
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/GeekyAnts/NativeBase/blob/master/LICENSE) ，请自由地享受和参与开源。
+| Scrollview | 导出的是 RN 原生的 Scrollview，可直接用 RN 的 Scrollview | NO | All | YES |
+| View | 导出的是 RN 原生的 View，可直接用 RN 的 View | NO | All | YES |
+| FlatList | 导出的是 RN 原生的 FlatList，可直接用 RN 的 FlatList | NO | All | YES |
+| useDisclose | 处理常见的打开、关闭或切换场景，并可以控制反馈组件，如 Modal、AlertDialog、Drawer 等。 | NO | All | YES |
+| useBreakpointValue | 用于呈现分段列表的高性能接口 | NO | All | YES |
+| SectionList | 导出的是 RN 原生的 SectionList，可直接用 RN 的 SectionList | NO | All | YES |
+| useClipboard | 使用剪贴板控件并控制将内容复制到剪贴板 | NO | All | YES |
+| useMediaQuery | 检测单个媒体查询或多个媒体查询之间的匹配。React Native 本身不支持媒体查询，因此 useMediaQuery 仍然有限 | NO | All | YES |
+| useToken | 解析主题中的设计标记. | NO | All | YES |
+| useColorMode |设置或检索颜色模式 | NO | All | YES |
+| useColorModeValue | 基于活动颜色模式值传递的参数中检索值 | NO | All | YES |
+| useContrastText | 提供与作为参数传递的背景颜色的颜色对比文本颜色（lightText 或 darkText） | NO | All | YES |
+| useAccessibleColors | 更新您的颜色配置，以在应用程序中获得更好的颜色和对比度可访问性。默认情况下，可访问的颜色是关闭的如果您想继续使用可访问的文本颜色，可以使用此挂钩。您还可以使用 extendTheme 在 NativeBaseProvider 的配置中传递它 | NO | All | YES |
+| Todo-List | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO | All | YES |
+| AppBar | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO | All | YES |
+| Card |用本库的组件写的案例，如有业务需要可自行编写适合的组件| NO | All | YES |
+| Drawer Navigation | 快速地使用 [@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md) | NO | All | YES |
+| Tab View | 快速地使用 [@react-native-oh-tpl/react-native-tab-view 文档](/zh-cn/react-native-tab-view.md) in NB | NO | All | YES |
+| Swipe List | 快速地使用 [@react-native-oh-tpl/react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md) | NO | All | YES |
+| Form with Validation | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO | All | YES |
+| Login/Signup Forms | 用本库的组件写表单登录的案例，如有业务需要可自行编写适合的组件| NO | All | YES |
+| SearchBar | 用本库的组件写的搜索案例，如有业务需要可自行编写适合的组件 | NO | All | YES |
+| App drawer | 使用 FlatList 创建类似应用程序抽屉的布局非常常见，如有业务需要可自行编写适合的组件 | NO | All | YES |
+| Footer |用本库的组件写的 Footer 案例，如有业务需要可自行编写适合的组件 | NO | All | YES |
+
+## Known Issues
+
+## Others
+
+- 网站文档图标要用@expo/vector-icons（需要用到 expo 脚手架才可以），如果没有用到 expo 脚手架的可以用[react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)平替
+- Tooltip 当用户与元素交互时，工具提示会提供简短的信息性消息。工具提示的启动方法包括: 通过鼠标悬停手势或键盘悬停手势。这个组件是在 web 端用的
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/GeekyAnts/NativeBase/blob/master/LICENSE).
diff --git a/en/Parse-SDK-JS.md b/en/Parse-SDK-JS.md
index 618ec207..c3289697 100644
--- a/en/Parse-SDK-JS.md
+++ b/en/Parse-SDK-JS.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>Parse-SDK-JS</code> </h1>
@@ -12,23 +12,22 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/parse-community/Parse-SDK-JS)
 
-> [!TIP] [Github 地址](https://github.com/parse-community/Parse-SDK-JS)
-
-## 安装与使用
+## Installation and Usage
 
 > [!TIP] 需要配套的服务和三方依赖
 
-Parse JS SDK 兼容以下版本的 Parse Server，Parse Server服务端搭建可参考[https://github.com/parse-community/parse-server/blob/alpha/README.md](https://github.com/parse-community/parse-server/blob/alpha/README.md)。
+Parse JS SDK 兼容以下版本的 Parse Server，Parse Server 服务端搭建可参考[https://github.com/parse-community/parse-server/blob/alpha/README.md](https://github.com/parse-community/parse-server/blob/alpha/README.md)。
 
 |   Parse JS SDK   |   Parse Server   |
 | :--------------: | :--------------: |
 | >= 4.0.0 < 5.0.0 | >= 6.0.0 < 7.0.0 |
 |     >= 5.0.0     |     >= 7.0.0     |
 
-> [!TIP] 本库依赖[@react-native-oh-tpl/async-storage文档](/zh-cn/react-native-async-storage-async-storage.md)  和 [@react-native-oh-tpl/react-native-get-random-values 文档](/zh-cn/react-native-get-random-values.md)
+> [!TIP] This library depends on[@react-native-oh-tpl/async-storage](/zh-cn/react-native-async-storage-async-storage.md)、[@react-native-oh-tpl/react-native-get-random-values](/zh-cn/react-native-get-random-values.md)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -46,24 +45,16 @@ yarn add parse@5.3.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景
+The following code shows the basic use scenario of the repository:
 
 ```jsx
 import React, { useState } from "react";
-import {
-  View,
-  Text,
-  Button,
-  Alert,
-  StyleSheet,
-} from "react-native";
+import { View, Text, Button, Alert, StyleSheet } from "react-native";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import Parse from "parse/react-native";
 
 Parse.setAsyncStorage(AsyncStorage);
-// 初始化Parse，确保appId、javaScriptKey、masterKey与parse server配置一致
 Parse.initialize("your appId", "your javaScriptKey", "your masterKey");
-// parse server服务地址
 Parse.serverURL = "your parse server url";
 Parse.CoreManager.set("REQUEST_HEADERS", {
   "X-Parse-REST-API-Key": "your RESTAPIKEY",
@@ -72,65 +63,65 @@ Parse.CoreManager.set("REQUEST_HEADERS", {
 const ParseExample = () => {
   const [data, setData] = useState < any > [];
 
-  // 添加数据 Example of saving data
   async function saveData() {
     const TestObject = Parse.Object.extend("TestObject");
     const testObject = new TestObject();
-    testObject.set("name", "张三");
-    testObject.set("description", "我是rn使用parse-sdk-js库创建的张三!");
+    testObject.set("name", "Zhang San");
+    testObject.set(
+      "description",
+      "I am Zhang San, created by rn using the parse sdk js library!"
+    );
 
     try {
       const result = await testObject.save();
       if (result) {
-        Alert.alert("添加成功");
+        Alert.alert("Added successfully");
       } else {
-        Alert.alert("添加失败");
+        Alert.alert("Add failed");
       }
       console.log("Object saved successfully:", result);
     } catch (error) {
       console.error("Error while saving object:", error);
     }
   }
-  // 删除数据
   async function deleteData() {
     const TestObject = Parse.Object.extend("TestObject");
     const query = new Parse.Query(TestObject);
-    query.equalTo("name", "李四");
+    query.equalTo("name", "Li Si");
     try {
       const results = await query.first();
       if (results) {
         Parse.Object.destroyAll(results).then((res) => {
-          Alert.alert("删除成功");
+          Alert.alert("Delete successfully");
         });
       } else {
-        Alert.alert("未找到 李四");
+        Alert.alert("Li Si not found");
       }
     } catch (error) {
       console.error("Error while fetching objects:", error);
     }
   }
-  // 修改数据
   async function updateData() {
     const TestObject = Parse.Object.extend("TestObject");
     const query = new Parse.Query(TestObject);
     try {
-      query.equalTo("name", "张三");
+      query.equalTo("name", "Zhang San");
       const results = await query.first();
       if (results) {
         console.log(results, 666);
-        results.set("name", "李四");
-        results.set("description", "我的名字改成了李四");
+        results.set("name", "Li Si");
+        results.set("description", "My name has been changed to Li Si");
         results.save().then((update) => {
-          Alert.alert("修改成功");
+          Alert.alert("Modified successfully");
         });
       } else {
-        Alert.alert("修改失败");
+        Alert.alert("Modified filed");
       }
     } catch (error) {
       console.error("Error while fetching objects:", error);
     }
   }
-  // 查询数据 Example of fetching data
+
   async function fetchData() {
     const TestObject = Parse.Object.extend("TestObject");
     const query = new Parse.Query(TestObject);
@@ -138,7 +129,7 @@ const ParseExample = () => {
     try {
       const results = await query.find();
       const resultJson = results.map((item) => item.toJSON());
-      console.log("查询成功:", resultJson);
+      console.log("query was successful:", resultJson);
       setData(resultJson);
     } catch (error) {
       console.error("Error while fetching objects:", error);
@@ -148,27 +139,36 @@ const ParseExample = () => {
   return (
     <View style={style.mainBox}>
       <Text style={{ fontSize: 18, fontWeight: "bold" }}>
-        模拟数据进行增、删、改、查
+        Simulate data for adding, deleting, modifying, and querying
       </Text>
       <Text style={{ fontSize: 16, fontWeight: "bold" }}>
-        TestObject 类（表）
+        TestObject Class (Table)
       </Text>
       <View style={{ marginTop: 10, marginBottom: 10 }}>
-        <Button title="增加一条张三数据" onPress={saveData} />
+        <Button
+          title="Add one piece of data for Zhang San"
+          onPress={saveData}
+        />
       </View>
       <View style={{ marginBottom: 10 }}>
-        <Button title="删除一条姓名为李四数据" onPress={deleteData} />
+        <Button
+          title="Delete a data entry with the name Li Si"
+          onPress={deleteData}
+        />
       </View>
       <View style={{ marginBottom: 10 }}>
-        <Button title="修改,将一条张三数据改为李四" onPress={updateData} />
+        <Button
+          title="Modify, change one Zhang San data to Li Si"
+          onPress={updateData}
+        />
       </View>
-      <Button title="查询所有数据" onPress={fetchData} />
+      <Button title="Query all data" onPress={fetchData} />
       <View style={style.showBox}>
         {data?.map((item) => {
           return (
             <View style={{ marginTop: 10 }} key={item.objectId}>
-              <Text>姓名：{item?.name}</Text>
-              <Text>描述：{item?.description}</Text>
+              <Text>name: {item?.name}</Text>
+              <Text>description: {item?.description}</Text>
             </View>
           );
         })}
@@ -196,40 +196,36 @@ const style = StyleSheet.create({
 export default ParseExample;
 ```
 
-
-
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/async-storage和@react-native-oh-tpl/react-native-get-random-values 的代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/async-storage、@react-native-oh-tpl/react-native-get-random-values. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/async-storage文档](/zh-cn/react-native-async-storage-async-storage.md) 和  [@react-native-oh-tpl/react-native-get-random-values 文档](/zh-cn/react-native-get-random-values.md) 进行引入。
+If it is not included, follow the guide provided in [@react-native-oh-tpl/async-storage docs](/zh-cn/react-native-async-storage-async-storage.md)、[@react-native-oh-tpl/react-native-get-random-values docs](/zh-cn/react-native-get-random-values.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+## Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
 
-
-
 ## API
 
-不同版本对应的API也不同，详情请查看[Parse-SDK-JS官方文档](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/index.html)。
+不同版本对应的 API 也不同，详情请查看[Parse-SDK-JS 官方文档](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/index.html)。
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**Parse**: Parse是Parse-SDK-JS的核心对象，包含所有 Parse API 类和函数。
+**Parse**: Parse 是 Parse-SDK-JS 的核心对象，包含所有 Parse API 类和函数。
 
-| Name            | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| Name            | Description                                                              | Type                                                                        | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------ | --------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
 | initialize      | 初始化 Parse SDK，设置应用程序的 ID 和密钥。通常在应用程序的入口处调用。 | (applicationId: string, javaScriptKey?: string, masterKey?: string) => void | yes      | iOS/Android | yes               |
-| setAsyncStorage | 设置 Parse SDK 使用的 AsyncStorage 实例，用于存储会话令牌等信息。 | (storage:AsyncStorage) => void                               | yes      | iOS/Android | yes               |
+| setAsyncStorage | 设置 Parse SDK 使用的 AsyncStorage 实例，用于存储会话令牌等信息。        | (storage:AsyncStorage) => void                                              | yes      | iOS/Android | yes               |
 
-**Parse.ACL**：访问权限对象。
+**Parse.ACL**: 访问权限对象。
 
 | Name                 | Description                                    | Type                                       | Required | Platform    | HarmonyOS Support |
 | -------------------- | ---------------------------------------------- | ------------------------------------------ | -------- | ----------- | ----------------- |
@@ -242,56 +238,56 @@ export default ParseExample;
 | getReadAccess        | 获取特定用户是否有读取对象的权限。             | (userId: string) => boolean                | no       | iOS/Android | yes               |
 | getWriteAccess       | 获取特定用户是否有写入对象的权限。             | (userId: string) => boolean                | no       | iOS/Android | yes               |
 
-**Parse.Object**：通常情况下，您不会直接调用此方法。建议您使用 Parse.Object 的子类，通过调用 `extend` 方法创建子类对象。
+**Parse.Object**: 通常情况下，您不会直接调用此方法。建议您使用 Parse.Object 的子类，通过调用 `extend` 方法创建子类对象。
 
-| Name             | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| Name             | Description                                                         | Type                                                                         | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------------- | ---------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
 | set              | 设置数据对象的属性值，其中 `key` 是属性名，`value` 是对应的属性值。 | (key: string\|object, value: string\|object, options: object) => ParseObject | no       | iOS/Android | yes               |
-| get              | 获取数据对象的指定属性值，通过 `key` 指定属性名。            | (attr: string) => any                                        | no       | iOS/Android | yes               |
-| unset            | 移除数据对象的指定属性值，通过 `key` 指定属性名。            | (attr: string) => ParseObject                                | no       | iOS/Android | yes               |
-| increment        | 增加指定属性的数值类型值，`amount` 是增加的数量。            | (attr: String, amount: Number) => ParseObject                | no       | iOS/Android | yes               |
-| add              | 添加一个值到数组类型的属性中，`value` 是要添加的值。         | (attr: string, item) => ParseObject                          | no       | iOS/Android | yes               |
-| remove           | 从数组类型的属性中移除一个值，`value` 是要移除的值。         | (attr: string, item) => ParseObject                          | no       | iOS/Android | yes               |
-| save             | 将数据对象保存到 Parse 服务器上，如果对象不存在则创建，存在则更新。 | () => Promise                                                | no       | iOS/Android | yes               |
-| fetch            | 从 Parse 服务器上获取最新的数据对象信息。                    | (options: object) => Promise                                 | no       | iOS/Android | yes               |
-| destroy          | 从 Parse 服务器上删除当前数据对象。                          | (options: object) => Promise                                 | no       | iOS/Android | yes               |
-| fetchWithInclude | 在获取对象时，包含在查询中指定的关联对象。                   | (keys: string\|Array<string\|Array<string>>, options: object) => Promise | no       | iOS/Android | yes               |
-| saveAll          | 批量保存一组数据对象到 Parse 服务器。                        | (list: Array, options: object) => Array.<Parse.Object>       | no       | iOS/Android | yes               |
-| destroyAll       | 批量删除一组数据对象。                                       | (list: Array, options: object) => Promise                    | no       | iOS/Android | yes               |
-
-**Parse.Query**：Parse.Query 定义了一个用于获取 Parse.Object 的查询。
-
-|         Name         | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| :------------------: | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-|       equalTo        | 添加一个相等条件，查询字段 `key` 的值等于 `value`。          | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|      notEqualTo      | 添加一个不等条件，查询字段 `key` 的值不等于 `value`。        | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|       lessThan       | 添加一个小于条件，查询字段 `key` 的值小于 `value`。          | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|     greaterThan      | 添加一个大于条件，查询字段 `key` 的值大于 `value`。          | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|  lessThanOrEqualTo   | 添加一个小于或等于条件，查询字段 `key` 的值小于或等于 `value`。 | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-| greaterThanOrEqualTo | 添加一个大于或等于条件，查询字段 `key` 的值大于或等于 `value`。 | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|     containedIn      | 添加一个包含于条件，查询字段 `key` 的值包含在 `values` 数组中。 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|    notContainedIn    | 添加一个不包含于条件，查询字段 `key` 的值不包含在 `values` 数组中。 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|        exists        | 添加一个存在条件，查询字段 `key` 的值存在（非 `null` 或 `undefined`）。 | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|     doesNotExist     | 添加一个不存在条件，查询字段 `key` 的值不存在（为 `null` 或 `undefined`）。 | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|     containsAll      | 添加一个包含所有条件，查询字段 `key` 的值必须包含 `values` 数组中的所有元素。 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|      startsWith      | 添加一个以指定前缀开始的条件，查询字段 `key` 的值必须以 `prefix` 字符串开头。 | (key: string, prefix: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|       endsWith       | 添加一个以指定后缀结束的条件，查询字段 `key` 的值必须以 `suffix` 字符串结尾。 | (key: string, suffix: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|         near         | 添加一个接近条件，查询地理位置字段 `key` 的值接近于指定的地理坐标点 `point`。 | (key: string, point: Parse.GeoPoint) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|    withinRadians     | 添加一个在指定弧度内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|     withinMiles      | 添加一个在指定英里内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 英里的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|   withinKilometers   | 添加一个在指定公里内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 公里的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|     withinGeoBox     | 添加一个在指定矩形区域内的条件，查询地理位置字段 `key` 的值必须在由 `southwest` 和 `northeast` 定义的矩形内。 | (key: string, southwest: Parse.GeoPoint, northeast: Parse.GeoPoint) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|       include        | 添加一个包含关联对象条件                                     | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|        select        | 仅返回查询结果中指定字段的信息。                             | (keys: string[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|        limit         | 限制返回结果的数量。                                         | (count: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|         skip         | 跳过指定数量的查询结果。                                     | (count: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|      ascending       | 按照指定字段升序排序查询结果。                               | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|      descending      | 按照指定字段降序排序查询结果。                               | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|         find         | 按照指定字段降序排序查询结果。                               | (options?: Parse.Query.FindOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|        first         | 执行查询并返回符合条件的第一个对象。                         | (options?: Parse.Query.FindOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-|        count         | 计算符合条件的对象的数量。                                   | (options?: Parse.Query.CountOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
-
-**Parse.Role**：表示Parse服务器上的角色对象。
+| get              | 获取数据对象的指定属性值，通过 `key` 指定属性名。                   | (attr: string) => any                                                        | no       | iOS/Android | yes               |
+| unset            | 移除数据对象的指定属性值，通过 `key` 指定属性名。                   | (attr: string) => ParseObject                                                | no       | iOS/Android | yes               |
+| increment        | 增加指定属性的数值类型值，`amount` 是增加的数量。                   | (attr: String, amount: Number) => ParseObject                                | no       | iOS/Android | yes               |
+| add              | 添加一个值到数组类型的属性中，`value` 是要添加的值。                | (attr: string, item) => ParseObject                                          | no       | iOS/Android | yes               |
+| remove           | 从数组类型的属性中移除一个值，`value` 是要移除的值。                | (attr: string, item) => ParseObject                                          | no       | iOS/Android | yes               |
+| save             | 将数据对象保存到 Parse 服务器上，如果对象不存在则创建，存在则更新。 | () => Promise                                                                | no       | iOS/Android | yes               |
+| fetch            | 从 Parse 服务器上获取最新的数据对象信息。                           | (options: object) => Promise                                                 | no       | iOS/Android | yes               |
+| destroy          | 从 Parse 服务器上删除当前数据对象。                                 | (options: object) => Promise                                                 | no       | iOS/Android | yes               |
+| fetchWithInclude | 在获取对象时，包含在查询中指定的关联对象。                          | (keys: string\|Array<string\|Array<string>>, options: object) => Promise     | no       | iOS/Android | yes               |
+| saveAll          | 批量保存一组数据对象到 Parse 服务器。                               | (list: Array, options: object) => Array.<Parse.Object>                       | no       | iOS/Android | yes               |
+| destroyAll       | 批量删除一组数据对象。                                              | (list: Array, options: object) => Promise                                    | no       | iOS/Android | yes               |
+
+**Parse.Query**: Parse.Query 定义了一个用于获取 Parse.Object 的查询。
+
+|         Name         | Description                                                                                                         | Type                                                                                                                                                    | Required | Platform    | HarmonyOS Support |
+| :------------------: | ------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+|       equalTo        | 添加一个相等条件，查询字段 `key` 的值等于 `value`。                                                                 | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                           | no       | iOS/Android | yes               |
+|      notEqualTo      | 添加一个不等条件，查询字段 `key` 的值不等于 `value`。                                                               | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                           | no       | iOS/Android | yes               |
+|       lessThan       | 添加一个小于条件，查询字段 `key` 的值小于 `value`。                                                                 | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                           | no       | iOS/Android | yes               |
+|     greaterThan      | 添加一个大于条件，查询字段 `key` 的值大于 `value`。                                                                 | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                           | no       | iOS/Android | yes               |
+|  lessThanOrEqualTo   | 添加一个小于或等于条件，查询字段 `key` 的值小于或等于 `value`。                                                     | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                           | no       | iOS/Android | yes               |
+| greaterThanOrEqualTo | 添加一个大于或等于条件，查询字段 `key` 的值大于或等于 `value`。                                                     | (key: string, value: any) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                           | no       | iOS/Android | yes               |
+|     containedIn      | 添加一个包含于条件，查询字段 `key` 的值包含在 `values` 数组中。                                                     | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                         | no       | iOS/Android | yes               |
+|    notContainedIn    | 添加一个不包含于条件，查询字段 `key` 的值不包含在 `values` 数组中。                                                 | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                         | no       | iOS/Android | yes               |
+|        exists        | 添加一个存在条件，查询字段 `key` 的值存在（非 `null` 或 `undefined`）。                                             | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                                       | no       | iOS/Android | yes               |
+|     doesNotExist     | 添加一个不存在条件，查询字段 `key` 的值不存在（为 `null` 或 `undefined`）。                                         | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                                       | no       | iOS/Android | yes               |
+|     containsAll      | 添加一个包含所有条件，查询字段 `key` 的值必须包含 `values` 数组中的所有元素。                                       | (key: string, value: any[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                         | no       | iOS/Android | yes               |
+|      startsWith      | 添加一个以指定前缀开始的条件，查询字段 `key` 的值必须以 `prefix` 字符串开头。                                       | (key: string, prefix: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                       | no       | iOS/Android | yes               |
+|       endsWith       | 添加一个以指定后缀结束的条件，查询字段 `key` 的值必须以 `suffix` 字符串结尾。                                       | (key: string, suffix: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                       | no       | iOS/Android | yes               |
+|         near         | 添加一个接近条件，查询地理位置字段 `key` 的值接近于指定的地理坐标点 `point`。                                       | (key: string, point: Parse.GeoPoint) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                | no       | iOS/Android | yes               |
+|    withinRadians     | 添加一个在指定弧度内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 的圆形范围内。     | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)           | no       | iOS/Android | yes               |
+|     withinMiles      | 添加一个在指定英里内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 英里的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)           | no       | iOS/Android | yes               |
+|   withinKilometers   | 添加一个在指定公里内的条件，查询地理位置字段 `key` 的值在以 `point` 为中心、半径为 `maxDistance` 公里的圆形范围内。 | (key: string, point: Parse.GeoPoint, maxDistance: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)           | no       | iOS/Android | yes               |
+|     withinGeoBox     | 添加一个在指定矩形区域内的条件，查询地理位置字段 `key` 的值必须在由 `southwest` 和 `northeast` 定义的矩形内。       | (key: string, southwest: Parse.GeoPoint, northeast: Parse.GeoPoint) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html) | no       | iOS/Android | yes               |
+|       include        | 添加一个包含关联对象条件                                                                                            | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                                       | no       | iOS/Android | yes               |
+|        select        | 仅返回查询结果中指定字段的信息。                                                                                    | (keys: string[]) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                                    | no       | iOS/Android | yes               |
+|        limit         | 限制返回结果的数量。                                                                                                | (count: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                                     | no       | iOS/Android | yes               |
+|         skip         | 跳过指定数量的查询结果。                                                                                            | (count: number) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                                     | no       | iOS/Android | yes               |
+|      ascending       | 按照指定字段升序排序查询结果。                                                                                      | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                                       | no       | iOS/Android | yes               |
+|      descending      | 按照指定字段降序排序查询结果。                                                                                      | (key: string) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                                       | no       | iOS/Android | yes               |
+|         find         | 按照指定字段降序排序查询结果。                                                                                      | (options?: Parse.Query.FindOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                 | no       | iOS/Android | yes               |
+|        first         | 执行查询并返回符合条件的第一个对象。                                                                                | (options?: Parse.Query.FindOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                 | no       | iOS/Android | yes               |
+|        count         | 计算符合条件的对象的数量。                                                                                          | (options?: Parse.Query.CountOptions) => [Parse.Query](https://parseplatform.org/Parse-SDK-JS/api/5.3.0/Parse.Query.html)                                | no       | iOS/Android | yes               |
+
+**Parse.Role**: 表示 Parse 服务器上的角色对象。
 
 | Name           | Description                     | Type                                          | Required | Platform    | HarmonyOS Support |
 | -------------- | ------------------------------- | --------------------------------------------- | -------- | ----------- | ----------------- |
@@ -302,36 +298,32 @@ export default ParseExample;
 | save           | 将角色对象保存到 Parse 服务器。 | (obj: Object) => Promise<Array<Parse.Role>>   | no       | iOS/Android | yes               |
 | destroy        | 从 Parse 服务器上删除角色对象。 | (obj: Object) => Promise<Array<Parse.Role>>   | no       | iOS/Android | yes               |
 
-**Parse.User**：表示Parse服务器上的用户对象，可进行注册、登录、登出等操作。
+**Parse.User**: 表示 Parse 服务器上的用户对象，可进行注册、登录、登出等操作。
 
-| Name    | Description                                               | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ------- | --------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| Name    | Description                                               | Type                                                                         | Required | Platform    | HarmonyOS Support |
+| ------- | --------------------------------------------------------- | ---------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
 | signUp  | 注册新用户到 Parse 服务器。                               | ({username: string, password: string, email: string}) => Promise<Parse.User> | no       | iOS/Android | yes               |
-| logIn   | 注册新用户到 Parse 服务器。                               | (username: string, password: string) => Promise<Parse.User>  | no       | iOS/Android | yes               |
-| current | 获取当前已登录的用户对象，如果没有用户登录则返回 `null`。 | () => Parse.User                                             | no       | iOS/Android | yes               |
-| logOut  | 登出当前用户。                                            | () => Promise<void>                                          | no       | iOS/Android | yes               |
-| become  | 通过会话令牌sessionToken来认证用户。                      | (sessionToken: string) => Promise<Parse.User>                | no       | iOS/Android | yes               |
-| save    | 将用户对象保存到 Parse 服务器。                           | (user: Object) => Promise<Parse.User>                        | no       | iOS/Android | yes               |
-| destroy | 从 Parse 服务器上删除用户对象。                           | (user: Object) => Promise<void>                              | no       | iOS/Android | yes               |
-
-**Parse.Cloud**: 可以通过Cloud API执行自定义的云代码。以下是支持的主要Cloud API及其相关信息：
-
-|     Name     | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| :----------: | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-|     run      | 调用指定名称的云函数并获取其返回值。`functionName` 是云函数的名称，`data` 是传递给云函数的参数对象，`options` 是一个可选的配置对象，用于设置云函数调用的详细选项，如超时等。 | (functionName: string, data?: object, options?: Parse.Cloud.HttpOptions) => Promise | no       | iOS/Android | yes               |
-|  afterSave   | 注册一个在保存对象后触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.AfterSaveRequest` 对象作为参数，可以在保存对象后执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.AfterSaveRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
-|  beforeSave  | 注册一个在保存对象之前触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.BeforeSaveRequest` 对象作为参数，可以在保存对象前执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.BeforeSaveRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
-| afterDelete  | 注册一个在删除对象后触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.AfterDeleteRequest` 对象作为参数，可以在删除对象后执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.AfterDeleteRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
+| logIn   | 注册新用户到 Parse 服务器。                               | (username: string, password: string) => Promise<Parse.User>                  | no       | iOS/Android | yes               |
+| current | 获取当前已登录的用户对象，如果没有用户登录则返回 `null`。 | () => Parse.User                                                             | no       | iOS/Android | yes               |
+| logOut  | 登出当前用户。                                            | () => Promise<void>                                                          | no       | iOS/Android | yes               |
+| become  | 通过会话令牌 sessionToken 来认证用户。                    | (sessionToken: string) => Promise<Parse.User>                                | no       | iOS/Android | yes               |
+| save    | 将用户对象保存到 Parse 服务器。                           | (user: Object) => Promise<Parse.User>                                        | no       | iOS/Android | yes               |
+| destroy | 从 Parse 服务器上删除用户对象。                           | (user: Object) => Promise<void>                                              | no       | iOS/Android | yes               |
+
+**Parse.Cloud**: 可以通过 Cloud API 执行自定义的云代码。以下是支持的主要 Cloud API 及其相关信息:
+
+|     Name     | Description                                                                                                                                                                                      | Type                                                                                                 | Required | Platform    | HarmonyOS Support |
+| :----------: | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+|     run      | 调用指定名称的云函数并获取其返回值。`functionName` 是云函数的名称，`data` 是传递给云函数的参数对象，`options` 是一个可选的配置对象，用于设置云函数调用的详细选项，如超时等。                     | (functionName: string, data?: object, options?: Parse.Cloud.HttpOptions) => Promise                  | no       | iOS/Android | yes               |
+|  afterSave   | 注册一个在保存对象后触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.AfterSaveRequest` 对象作为参数，可以在保存对象后执行自定义逻辑。      | (className: string, func: (request: Parse.Cloud.AfterSaveRequest) => Promise<void>\|void) => void    | no       | iOS/Android | yes               |
+|  beforeSave  | 注册一个在保存对象之前触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.BeforeSaveRequest` 对象作为参数，可以在保存对象前执行自定义逻辑。   | (className: string, func: (request: Parse.Cloud.BeforeSaveRequest) => Promise<void>\|void) => void   | no       | iOS/Android | yes               |
+| afterDelete  | 注册一个在删除对象后触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.AfterDeleteRequest` 对象作为参数，可以在删除对象后执行自定义逻辑。    | (className: string, func: (request: Parse.Cloud.AfterDeleteRequest) => Promise<void>\|void) => void  | no       | iOS/Android | yes               |
 | beforeDelete | 注册一个在删除对象之前触发的云函数。`className` 是对象的类名，`func` 是一个异步函数或返回 void 的函数，接收一个 `Parse.Cloud.BeforeDeleteRequest` 对象作为参数，可以在删除对象前执行自定义逻辑。 | (className: string, func: (request: Parse.Cloud.BeforeDeleteRequest) => Promise<void>\|void) => void | no       | iOS/Android | yes               |
 
+## Known Issues
 
+## Others
 
-## 遗留问题
-
-
-
-## 其他
-
-## 开源协议
+## License
 
-本项目基于 [The Apache License (Apache)](https://github.com/parse-community/Parse-SDK-JS/blob/alpha/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The Apache License (Apache)](https://github.com/parse-community/Parse-SDK-JS/blob/alpha/LICENSE).
diff --git a/en/callstack-react-theme-provider.md b/en/callstack-react-theme-provider.md
index 62e272bb..a15f1e4c 100644
--- a/en/callstack-react-theme-provider.md
+++ b/en/callstack-react-theme-provider.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@callstack/react-theme-provider</code> </h1>
@@ -13,9 +12,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/callstack/react-theme-provider)
+> [!TIP] [GitHub address](https://github.com/callstack/react-theme-provider)
 
-## 安装与使用
+## Installation and Usage
 
 #### **npm**
 
@@ -31,29 +30,24 @@ yarn add @callstack/react-theme-provider@3.0.9
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from 'react';
-import {
-  StyleSheet,
-  Text,
-  Button,
-  View
-} from 'react-native';
+import React from "react";
+import { StyleSheet, Text, Button, View } from "react-native";
 
-import { createTheming } from '@callstack/react-theme-provider';
+import { createTheming } from "@callstack/react-theme-provider";
 
 const theme = {
   lightTheme: {
-    background: '#ffffff',
-    text: '#000000'
+    background: "#ffffff",
+    text: "#000000",
   },
   darkTheme: {
-    background: '#000000',
-    text: '#ffffff'
+    background: "#000000",
+    text: "#ffffff",
   },
 };
 
@@ -65,16 +59,20 @@ const RNThemeProvider = () => {
   const [ptheme, setTheme] = React.useState(theme.lightTheme);
 
   const toggleTheme = () => {
-    setTheme(ptheme => (ptheme === theme.lightTheme ? theme.darkTheme : theme.lightTheme));
+    setTheme((ptheme) =>
+      ptheme === theme.lightTheme ? theme.darkTheme : theme.lightTheme
+    );
   };
 
   const ThemedView = () => {
     return (
       <View style={[styles.container, { backgroundColor: ptheme.background }]}>
-        <Text style={[styles.text, { color: ptheme.text }]}>Hello, Themed World!</Text>
+        <Text style={[styles.text, { color: ptheme.text }]}>
+          Hello, Themed World!
+        </Text>
       </View>
     );
-  }
+  };
   return (
     <ThemeProvider theme={theme}>
       <ThemedView />
@@ -88,16 +86,16 @@ const RNThemeProvider = () => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
   },
   text: {
     fontSize: 20,
   },
   buttonContainer: {
-    position: 'absolute',
-    justifyContent: 'center',
-    alignItems: 'center',
+    position: "absolute",
+    justifyContent: "center",
+    alignItems: "center",
     bottom: 30,
     left: 0,
     right: 0,
@@ -107,39 +105,39 @@ const styles = StyleSheet.create({
 export default RNThemeProvider;
 ```
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
+1. RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.22;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 组件
+## Components
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+| Name          | Description                                        | Type      | Required | Platform | HarmonyOS Support |
+| ------------- | -------------------------------------------------- | --------- | -------- | -------- | ----------------- |
+| ThemeProvider | 接收一个主题对象作为属性，并将该主题提供给其子组件 | component | no       | all      | yes               |
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| ThemeProvider  | 接收一个主题对象作为属性，并将该主题提供给其子组件 | component | no | all      | yes |
+## Static Methods
 
-## 静态方法
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+| Name          | Description                                     | Type     | Required | Platform | HarmonyOS Support |
+| ------------- | ----------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| createTheming | 从库中导入以创建主题对象                        | function | yes      | all      | yes               |
+| useTheme      | 用于在函数组件中访问当前主题,它返回当前主题对象 | function | no       | all      | yes               |
+| withTheme     | 用于将当前主题作为属性传递给包装组件            | function | yes      | all      | yes               |
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| createTheming | 从库中导入以创建主题对象 | function  | yes | all      | yes |
-| useTheme | 用于在函数组件中访问当前主题,它返回当前主题对象 | function | no | all      | yes |
-| withTheme  | 用于将当前主题作为属性传递给包装组件 | function | yes | all      | yes |
+## Known Issues
 
-## 遗留问题
+## Others
 
-## 其他
+## License
 
-## 开源协议
+This project is licensed under [The MIT License (MIT)](https://github.com/callstack/react-theme-provider/blob/master/LICENSE).
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-theme-provider/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/gorhom-bottom-sheet.md b/en/gorhom-bottom-sheet.md
index b174abf7..434c7a93 100644
--- a/en/gorhom-bottom-sheet.md
+++ b/en/gorhom-bottom-sheet.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@gorhom/bottom-sheet</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bottom-sheet)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-bottom-sheet)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/bottom-sheet@file:#
@@ -34,19 +34,18 @@ yarn add @react-native-oh-tpl/bottom-sheet@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
-// bottom-sheet组件
 import React, { useCallback, useRef, useMemo } from "react";
 import { StyleSheet, View, Text, Button } from "react-native";
 import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
 
 const App = () => {
   // hooks
-  const sheetRef = useRef<BottomSheet>(null);
+  const sheetRef = useRef < BottomSheet > null;
 
   // variables
   const snapPoints = useMemo(() => ["25%", "50%", "90%"], []);
@@ -91,29 +90,29 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+
 ```jsx
-// bottom-sheet-modal组件
-import React, { useCallback, useMemo, useRef } from 'react';
-import { View, Text, StyleSheet, Button } from 'react-native';
+import React, { useCallback, useMemo, useRef } from "react";
+import { View, Text, StyleSheet, Button } from "react-native";
 import {
   BottomSheetModal,
   BottomSheetView,
   BottomSheetModalProvider,
-} from '@gorhom/bottom-sheet';
+} from "@gorhom/bottom-sheet";
 
 const App = () => {
   // ref
-  const bottomSheetModalRef = useRef<BottomSheetModal>(null);
+  const bottomSheetModalRef = useRef < BottomSheetModal > null;
 
   // variables
-  const snapPoints = useMemo(() => ['25%', '50%'], []);
+  const snapPoints = useMemo(() => ["25%", "50%"], []);
 
   // callbacks
   const handlePresentModalPress = useCallback(() => {
     bottomSheetModalRef.current?.present();
   }, []);
   const handleSheetChanges = useCallback((index: number) => {
-    console.log('handleSheetChanges', index);
+    console.log("handleSheetChanges", index);
   }, []);
 
   // renders
@@ -144,126 +143,148 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     padding: 24,
-    justifyContent: 'center',
-    backgroundColor: 'grey',
+    justifyContent: "center",
+    backgroundColor: "grey",
   },
   contentContainer: {
     flex: 1,
-    alignItems: 'center',
+    alignItems: "center",
   },
 });
 
 export default App;
 ```
-## 使用codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-reanimated和@react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
+
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-reanimated docs](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler docs](/zh-cn/react-native-gesture-handler.md) to add it to your project.
 
-如未引入请参照[@react-native-oh-tpl/react-native-reanimated 文档](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)进行引入
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+This document is verified based on the following versions:
 
-本文档内容基于以下版本验证通过：
+1.RNOH: 0.72.29; SDK: HarmonyOS-Next-DB1 5.0.0.61; IDE: DevEco Studio 5.0.3.706; ROM: 5.0.0.61;
 
-1.RNOH: 0.72.29; SDK：HarmonyOS-Next-DB1 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：5.0.0.61;
+## Properties
 
-## 属性
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 ### Bottom Sheet
+
 #### Configuration
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| index    | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state. | number | No       | Android / iOS | Yes           |
-| snapPoints    | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number, string or mix. | Array<number\|string>\|  SharedValue<Array<string \| number>> | Yes       | Android / iOS | Yes           |
-| overDragResistanceFactor  |  Defines how violently sheet has to be stopped while over dragging.  | number | No       | Android / iOS | Yes           |
-| detached  |  Defines whether the bottom sheet is attached to the bottom or no.  | boolean | No       | Android / iOS | Yes           |
-| enableContentPanningGesture  |  Enable content panning gesture interaction.  | boolean | No       | Android / iOS | Yes           |
-| enableHandlePanningGesture  |  Enable handle panning gesture interaction.  | boolean | No       | Android / iOS | Yes           |
-| enableOverDrag  |  Enable over drag for the sheet.  | boolean | No       | Android / iOS | Yes           |
-| enablePanDownToClose  |  Enable pan down gesture to close the sheet.  | boolean | No       | Android / iOS | Yes           |
-| enableDynamicSizing  |  Enable dynamic sizing for content view and scrollable content size.  | boolean | No       | Android / iOS | Yes           |
-| animateOnMount  |  This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index.  | boolean | No       | Android / iOS | Yes           |
+
+| Name                        | Description                                                                                                                           | Type                                                         | Required | Platform      | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | ------------- | ----------------- |
+| index                       | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state.                                               | number                                                       | No       | Android / iOS | Yes               |
+| snapPoints                  | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number, string or mix.        | Array<number\|string>\| SharedValue<Array<string \| number>> | Yes      | Android / iOS | Yes               |
+| overDragResistanceFactor    | Defines how violently sheet has to be stopped while over dragging.                                                                    | number                                                       | No       | Android / iOS | Yes               |
+| detached                    | Defines whether the bottom sheet is attached to the bottom or no.                                                                     | boolean                                                      | No       | Android / iOS | Yes               |
+| enableContentPanningGesture | Enable content panning gesture interaction.                                                                                           | boolean                                                      | No       | Android / iOS | Yes               |
+| enableHandlePanningGesture  | Enable handle panning gesture interaction.                                                                                            | boolean                                                      | No       | Android / iOS | Yes               |
+| enableOverDrag              | Enable over drag for the sheet.                                                                                                       | boolean                                                      | No       | Android / iOS | Yes               |
+| enablePanDownToClose        | Enable pan down gesture to close the sheet.                                                                                           | boolean                                                      | No       | Android / iOS | Yes               |
+| enableDynamicSizing         | Enable dynamic sizing for content view and scrollable content size.                                                                   | boolean                                                      | No       | Android / iOS | Yes               |
+| animateOnMount              | This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index. | boolean                                                      | No       | Android / iOS | Yes               |
+
 #### Styles
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| style  |  View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet.  | ViewStyle \| AnimatedStyle | No       | Android / iOS | Yes           |
-| backgroundStyle  |  View style to be applied to the background component.  | ViewStyle | No       | Android / iOS | Yes           |
-| handleStyle  |  View style to be applied to the handle indicator component.  | ViewStyle | No       | Android / iOS | Yes           |
-| handleIndicatorStyle  |  View style to be applied to the handle indicator component.  | ViewStyle | No       | Android / iOS | Yes           |
+
+| Name                 | Description                                                                                                                     | Type                       | Required | Platform      | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------- | -------------------------- | -------- | ------------- | ----------------- |
+| style                | View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet. | ViewStyle \| AnimatedStyle | No       | Android / iOS | Yes               |
+| backgroundStyle      | View style to be applied to the background component.                                                                           | ViewStyle                  | No       | Android / iOS | Yes               |
+| handleStyle          | View style to be applied to the handle indicator component.                                                                     | ViewStyle                  | No       | Android / iOS | Yes               |
+| handleIndicatorStyle | View style to be applied to the handle indicator component.                                                                     | ViewStyle                  | No       | Android / iOS | Yes               |
+
 #### Layout Configuration
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| handleHeight  |  Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.  | number | No       | Android / iOS | Yes           |
-| containerHeight  |  Container height helps to calculate the internal sheet layouts. If containerHeight not provided, the library internally will calculate it, however this will cause an extra re-rendering.  | number | No       | Android / iOS | Yes           |
-| contentHeight  |  Content height helps dynamic snap points calculation.  | number \| Animated.SharedValue\<number> | No       | Android / iOS | Yes           |
-| containerOffset  |  Container offset helps to accurately detect container offsets.  | Animated.SharedValue\<Insets> | No       | Android / iOS | Yes           |
-| topInset  |  Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.  | number | No       | Android / iOS | Yes           |
-| bottomInset  |  Bottom inset to be added to the bottom sheet container.  | number | No       | Android / iOS | Yes           |
-| maxDynamicContentSize  |  Max dynamic content size height to limit the bottom sheet height from exceeding a provided size.  | number | No       | Android / iOS | Yes           |
+
+| Name                  | Description                                                                                                                                                                                       | Type                                    | Required | Platform      | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | -------- | ------------- | ----------------- |
+| handleHeight          | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too. | number                                  | No       | Android / iOS | Yes               |
+| containerHeight       | Container height helps to calculate the internal sheet layouts. If containerHeight not provided, the library internally will calculate it, however this will cause an extra re-rendering.         | number                                  | No       | Android / iOS | Yes               |
+| contentHeight         | Content height helps dynamic snap points calculation.                                                                                                                                             | number \| Animated.SharedValue\<number> | No       | Android / iOS | Yes               |
+| containerOffset       | Container offset helps to accurately detect container offsets.                                                                                                                                    | Animated.SharedValue\<Insets>           | No       | Android / iOS | Yes               |
+| topInset              | Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.                  | number                                  | No       | Android / iOS | Yes               |
+| bottomInset           | Bottom inset to be added to the bottom sheet container.                                                                                                                                           | number                                  | No       | Android / iOS | Yes               |
+| maxDynamicContentSize | Max dynamic content size height to limit the bottom sheet height from exceeding a provided size.                                                                                                  | number                                  | No       | Android / iOS | Yes               |
+
 #### Keyboard Configuration
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| keyboardBehavior  | Defines the keyboard appearance behavior;`extend:` extend the sheet to its maximum snap point;`fillParent:` extend the sheet to fill the parent view;`interactive: `offset the sheet by the size of the keyboard.  | 'extend' \| 'fillParent' \| 'interactive' | No       | Android / iOS | Yes           |
-| keyboardBlurBehavior  | Defines the keyboard blur behavior;none: do nothing;restore: restore sheet position  | 'none' \| 'restore' | No       | Android / iOS | Yes           |
-| android_keyboardInputMode  | Defines keyboard input mode for Android only.  | 'adjustPan' \| 'adjustResize' | No       | Android  | No           |
+
+| Name                      | Description                                                                                                                                                                                                       | Type                                      | Required | Platform      | HarmonyOS Support |
+| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | -------- | ------------- | ----------------- |
+| keyboardBehavior          | Defines the keyboard appearance behavior;`extend:` extend the sheet to its maximum snap point;`fillParent:` extend the sheet to fill the parent view;`interactive: `offset the sheet by the size of the keyboard. | 'extend' \| 'fillParent' \| 'interactive' | No       | Android / iOS | Yes               |
+| keyboardBlurBehavior      | Defines the keyboard blur behavior;none: do nothing;restore: restore sheet position                                                                                                                               | 'none' \| 'restore'                       | No       | Android / iOS | Yes               |
+| android_keyboardInputMode | Defines keyboard input mode for Android only.                                                                                                                                                                     | 'adjustPan' \| 'adjustResize'             | No       | Android       | No                |
+
 #### Animation Configuration
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| animationConfigs  | Animation configs.  | function | No       | Android/iOS  | Yes           |
+
+| Name             | Description        | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------ | -------- | -------- | ----------- | ----------------- |
+| animationConfigs | Animation configs. | function | No       | Android/iOS | Yes               |
+
 #### Gesture Configuration
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| waitFor  | -  | React.Ref \| React.Ref[] | No       | Android/iOS  | Yes           |
-| simultaneousHandlers  | -  | React.Ref \| React.Ref[] | No       | Android/iOS  | Yes           |
-| activeOffsetX  | -  | number[] | No       | Android/iOS  | Yes           |
-| activeOffsetY  | -  | number[] | No       | Android/iOS  | Yes           |
-| failOffsetX  | -  | number[] | No       | Android/iOS  | Yes           |
-| failOffsetY  | -  | number[] | No       | Android/iOS  | Yes           |
-| gestureEventsHandlersHook  | Custom hook to provide pan gesture events handler, which will allow advance and customize handling for pan gesture.  | GestureEventsHandlersHookType | No       | Android/iOS  | Yes           |
+
+| Name                      | Description                                                                                                         | Type                          | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
+| waitFor                   | -                                                                                                                   | React.Ref \| React.Ref[]      | No       | Android/iOS | Yes               |
+| simultaneousHandlers      | -                                                                                                                   | React.Ref \| React.Ref[]      | No       | Android/iOS | Yes               |
+| activeOffsetX             | -                                                                                                                   | number[]                      | No       | Android/iOS | Yes               |
+| activeOffsetY             | -                                                                                                                   | number[]                      | No       | Android/iOS | Yes               |
+| failOffsetX               | -                                                                                                                   | number[]                      | No       | Android/iOS | Yes               |
+| failOffsetY               | -                                                                                                                   | number[]                      | No       | Android/iOS | Yes               |
+| gestureEventsHandlersHook | Custom hook to provide pan gesture events handler, which will allow advance and customize handling for pan gesture. | GestureEventsHandlersHookType | No       | Android/iOS | Yes               |
 
 #### Animated Nodes
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| animatedIndex  | Animated value to be used as a callback for the index node internally.  | Animated.SharedValue\<number> | No       | Android/iOS  | Yes           |
-| animatedPosition  | Animated value to be used as a callback for the position node internally.  | Animated.SharedValue\<number> | No       | Android/iOS  | Yes           |
+
+| Name             | Description                                                               | Type                          | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
+| animatedIndex    | Animated value to be used as a callback for the index node internally.    | Animated.SharedValue\<number> | No       | Android/iOS | Yes               |
+| animatedPosition | Animated value to be used as a callback for the position node internally. | Animated.SharedValue\<number> | No       | Android/iOS | Yes               |
 
 #### Callbacks
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| onChange  | Callback when the sheet position changed.  | function | No       | Android/iOS  | Yes           |
-| onAnimate  | Callback when the sheet about to animate to a new position.  | function | No       | Android/iOS  | Yes           |
+
+| Name      | Description                                                 | Type     | Required | Platform    | HarmonyOS Support |
+| --------- | ----------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| onChange  | Callback when the sheet position changed.                   | function | No       | Android/iOS | Yes               |
+| onAnimate | Callback when the sheet about to animate to a new position. | function | No       | Android/iOS | Yes               |
 
 #### Components
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| handleComponent  | Component to be placed as a sheet handle.  | React.FC\<BottomSheetHandleProps> | No       | Android/iOS  | Yes           |
-| backdropComponent  | Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually.  | React.FC\<BottomSheetBackgroundProps> | No       | Android/iOS  | Yes           |
-| backgroundComponent  | Component to be placed as a sheet background.  | React.FC\<BottomSheetBackgroundProps> | No       | Android/iOS  | Yes           |
-| footerComponent  | Component to be placed as a sheet footer.  | React.FC\<BottomSheetFooterProps> | No       | Android/iOS  | Yes           |
-| children  | Scrollable node or react node to be places as a sheet content.  | () => React.ReactNode \| React.ReactNode[] \| React.ReactNode | No       | Android/iOS  | Yes           |
+
+| Name                | Description                                                                                                                                                                                                  | Type                                                          | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| handleComponent     | Component to be placed as a sheet handle.                                                                                                                                                                    | React.FC\<BottomSheetHandleProps>                             | No       | Android/iOS | Yes               |
+| backdropComponent   | Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually. | React.FC\<BottomSheetBackgroundProps>                         | No       | Android/iOS | Yes               |
+| backgroundComponent | Component to be placed as a sheet background.                                                                                                                                                                | React.FC\<BottomSheetBackgroundProps>                         | No       | Android/iOS | Yes               |
+| footerComponent     | Component to be placed as a sheet footer.                                                                                                                                                                    | React.FC\<BottomSheetFooterProps>                             | No       | Android/iOS | Yes               |
+| children            | Scrollable node or react node to be places as a sheet content.                                                                                                                                               | () => React.ReactNode \| React.ReactNode[] \| React.ReactNode | No       | Android/iOS | Yes               |
+
 ### Bottom Sheet Modal
+
 > [!Tip]Bottom Sheet Modal inherits all [Bottom Sheet props](https://ui.gorhom.dev/components/bottom-sheet/props) except for animateOnMount & containerHeight and also it introduces its own props
 
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| name  | Modal name to help identify the modal for later on.  | string | No       | Android/iOS  | Yes           |
-| stackBehavior  | Defines the stack behavior when modal mounts.  | 'push' \| 'replace' | No       | Android/iOS  | Yes           |
-| enableDismissOnClose  | Dismiss the modal when it is closed, this will unmount the modal.  | boolean | No       | Android/iOS  | Yes           |
-| onDismiss  | Callback when the modal dismissed (unmounted).  | function | No       | Android/iOS  | Yes           |
-| containerComponent  | Component to be placed as a bottom sheet container, this is to place the bottom sheet at the very top layer of your application when using FullWindowOverlay from React Native Screens.  | React.ReactNode | No       | Android/iOS  | Yes           |
-## 遗留问题 
-- [ ] BottomSheetFlatList组件手势滑动存在冲突 [issue#6](https://github.com/react-native-oh-library/react-native-bottom-sheet/issues/6) 
-## 其他
+| Name                 | Description                                                                                                                                                                             | Type                | Required | Platform    | HarmonyOS Support |
+| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------- | ----------- | ----------------- |
+| name                 | Modal name to help identify the modal for later on.                                                                                                                                     | string              | No       | Android/iOS | Yes               |
+| stackBehavior        | Defines the stack behavior when modal mounts.                                                                                                                                           | 'push' \| 'replace' | No       | Android/iOS | Yes               |
+| enableDismissOnClose | Dismiss the modal when it is closed, this will unmount the modal.                                                                                                                       | boolean             | No       | Android/iOS | Yes               |
+| onDismiss            | Callback when the modal dismissed (unmounted).                                                                                                                                          | function            | No       | Android/iOS | Yes               |
+| containerComponent   | Component to be placed as a bottom sheet container, this is to place the bottom sheet at the very top layer of your application when using FullWindowOverlay from React Native Screens. | React.ReactNode     | No       | Android/iOS | Yes               |
+
+## Known Issues
+
+- [ ] BottomSheetFlatList 组件手势滑动存在冲突 [issue#6](https://github.com/react-native-oh-library/react-native-bottom-sheet/issues/6)
+
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](hhttps://github.com/gorhom/react-native-bottom-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](hhttps://github.com/gorhom/react-native-bottom-sheet/blob/master/LICENSE).
diff --git a/en/react-native-animatable.md b/en/react-native-animatable.md
index 6b168df6..8054b8bb 100644
--- a/en/react-native-animatable.md
+++ b/en/react-native-animatable.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-animatable</code> </h1>
@@ -14,13 +14,10 @@
 
 > [!TIP] [GitHub address](https://github.com/oblador/react-native-animatable)
 
-
 ## Installation and Usage
 
-
 Go to the project directory and execute the following instruction:
 
-
 <!-- tabs:start -->
 
 #### **npm**
@@ -39,82 +36,110 @@ yarn add react-native-animatable@1.4.0
 
 The following code shows the basic use scenario of the repository:
 
->[!WARNING] The name of the imported repository remains unchanged.
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import { useState } from 'react';
-import { TouchableOpacity } from 'react-native';
-import * as Animatable from 'react-native-animatable';
+import { useState } from "react";
+import { TouchableOpacity } from "react-native";
+import * as Animatable from "react-native-animatable";
 
 export default function ExampleView() {
-    const [textFontSize, setTextFontSize] = useState(10);
-    return (
-        <Animatable.View style={{ padding: 50, backgroundColor: '#333333' }}>
-            <Animatable.Text
-                animation="slideInDown"
-                iterationCount={5}
-                direction="reverse"
-                style={{ color: 'white', textAlign: 'center' }}
-                duration={2000}
-                onAnimationBegin={() => { console.log('test onAnimationBegin') }}
-                onAnimationEnd={() => { console.log('test onAnimationEnd') }}
-            >Up and down you go</Animatable.Text>
-            <Animatable.Text animation="bounce" easing="ease-out" iterationCount="infinite" iterationDelay={1500} style={{ textAlign: 'center' }} useNativeDriver={true} isInteraction={true}>❤️</Animatable.Text>
-            <Animatable.Text animation="fadeIn" delay={2000} style={{ textAlign: 'center', marginTop: 50, color: 'white' }}>(*^▽^*)</Animatable.Text>
-            <TouchableOpacity onPress={() => setTextFontSize(textFontSize + 5)}>
-                <Animatable.Text
-                    transition="fontSize"
-                    style={{ textAlign: 'center', marginTop: 50, color: 'white', fontSize: textFontSize || 10 }}
-                    onTransitionBegin={() => { console.log('test onTransitionBegin') }}
-                    onTransitionEnd={() => { console.log('test onTransitionEnd') }}
-                >test</Animatable.Text>
-            </TouchableOpacity>
-        </Animatable.View>
-    )
-}   
+  const [textFontSize, setTextFontSize] = useState(10);
+  return (
+    <Animatable.View style={{ padding: 50, backgroundColor: "#333333" }}>
+      <Animatable.Text
+        animation="slideInDown"
+        iterationCount={5}
+        direction="reverse"
+        style={{ color: "white", textAlign: "center" }}
+        duration={2000}
+        onAnimationBegin={() => {
+          console.log("test onAnimationBegin");
+        }}
+        onAnimationEnd={() => {
+          console.log("test onAnimationEnd");
+        }}
+      >
+        Up and down you go
+      </Animatable.Text>
+      <Animatable.Text
+        animation="bounce"
+        easing="ease-out"
+        iterationCount="infinite"
+        iterationDelay={1500}
+        style={{ textAlign: "center" }}
+        useNativeDriver={true}
+        isInteraction={true}
+      >
+        ❤️
+      </Animatable.Text>
+      <Animatable.Text
+        animation="fadeIn"
+        delay={2000}
+        style={{ textAlign: "center", marginTop: 50, color: "white" }}
+      >
+        (*^▽^*)
+      </Animatable.Text>
+      <TouchableOpacity onPress={() => setTextFontSize(textFontSize + 5)}>
+        <Animatable.Text
+          transition="fontSize"
+          style={{
+            textAlign: "center",
+            marginTop: 50,
+            color: "white",
+            fontSize: textFontSize || 10,
+          }}
+          onTransitionBegin={() => {
+            console.log("test onTransitionBegin");
+          }}
+          onTransitionEnd={() => {
+            console.log("test onTransitionEnd");
+          }}
+        >
+          O(∩_∩)O哈哈~
+        </Animatable.Text>
+      </TouchableOpacity>
+    </Animatable.View>
+  );
+}
 ```
 
-
-
 ## Constraints
 
 ### Compatibility
+
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18； IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18； IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-
 ## Properties
 
 > [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-Name | Description | Type | Required | Platform | HarmonyOS   Support
--- | -- | -- | -- | -- | --
-animation | The name of the animation, see Available Animations below    | string/undefined | / | all | yes
-duration | Time (milliseconds) the animation will run | number/undefined | / | all | yes
-delay | (Optional) Delay animation (milliseconds) | number/undefined | / | all | yes
-direction | The direction of the animation, especially for repeated animations. Valid values: Normal, Reverse, Alternate, Alternate Reverse | string/undefined | / | all | yes
-easing | The timing function of the animation. Valid values: user-defined function or linear, easy-in, easy-out, easy-in | string/undefined | / | all | yes
-iterationCount | The number of times the animation is run, using infinity for loop animation. | number/undefined | / | all | yes
-iterationDelay | About Pause Time Between Animation Iterations (milliseconds) | number/undefined | / | all | yes
-transition | The style attribute to convert, such as opacity, rotation, or font size. Use an array for multiple properties. | string/array/undefined | / | all | yes
-onAnimationBegin | The function that is called when the animation is started.   | Function/undefined | / | all | yes
-onAnimationEnd | Function that is called when the animation is successfully completed or cancelled. The function is called with the endState parameter, see endState.finished to see if the animation is complete. | Function/undefined | / | all | yes
-onTransitionBegin | The function that is called at the beginning of the style conversion. Call functions with property arguments to distinguish styles. | Function/undefined | / | all | yes
-onTransitionEnd | Function that is called when the style conversion is successfully completed or canceled. Call functions with property arguments to distinguish styles. | Function/undefined | / | all | yes
-useNativeDriver | Whether to use native or JavaScript animation drivers. Native drivers can help improve performance, but cannot handle all types of styles. | Function/undefined | / | all | yes
-isInteraction | Whether this animation creates an Interaction Handle on the Interaction Manager. | Boolean | / | all | yes
-
-
-
+| Name              | Description                                                                                                     | Type                   | Required | Platform | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------------------------------------------------------- | ---------------------- | -------- | -------- | ----------------- |
+| animation         | 动画的名称，请参见下面的可用动画                                                                                | string/undefined       | /        | all      | yes               |
+| duration          | 动画将运行的时间（毫秒）                                                                                        | number/undefined       | /        | all      | yes               |
+| delay             | （可选）延迟动画（毫秒）                                                                                        | number/undefined       | /        | all      | yes               |
+| direction         | 动画的方向，特别适用于重复动画。有效值: 正常、反向、交替、交替反向                                              | string/undefined       | /        | all      | yes               |
+| easing            | 动画的计时功能。有效值: 自定义函数或线性、易进、易出、易入                                                      | string/undefined       | /        | all      | yes               |
+| iterationCount    | 运行动画的次数，对于循环动画使用无穷大。                                                                        | number/undefined       | /        | all      | yes               |
+| iterationDelay    | 关于动画迭代之间的暂停时间（毫秒）                                                                              | number/undefined       | /        | all      | yes               |
+| transition        | 要转换的样式属性，例如不透明度、旋转或字体大小。对多个属性使用数组。                                            | string/array/undefined | /        | all      | yes               |
+| onAnimationBegin  | 启动动画时调用的函数。                                                                                          | Function/undefined     | /        | all      | yes               |
+| onAnimationEnd    | 当动画成功完成或取消时调用的函数。函数是用 endState 参数调用的，请参阅 endState.finished 以查看动画是否已完成。 | Function/undefined     | /        | all      | yes               |
+| onTransitionBegin | 在样式转换开始时调用的函数。使用属性参数调用函数以区分样式。                                                    | Function/undefined     | /        | all      | yes               |
+| onTransitionEnd   | 当样式转换成功完成或取消时调用的函数。使用属性参数调用函数以区分样式。                                          | Function/undefined     | /        | all      | yes               |
+| useNativeDriver   | 是否使用本机或 JavaScript 动画驱动程序。本机驱动程序可以帮助提高性能，但不能处理所有类型的样式。                | Function/undefined     | /        | all      | yes               |
+| isInteraction     | 此动画是否在交互管理器上创建“交互控制柄”。                                                                      | Boolean                | /        | all      | yes               |
 
 ## Others
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/oblador/react-native-animatable/blob/master/LICENSE) .
+This project is licensed under [The MIT License (MIT)](https://github.com/oblador/react-native-animatable/blob/master/LICENSE).
diff --git a/en/react-native-apple-authentication.md b/en/react-native-apple-authentication.md
index 858b71db..f3ddc5af 100644
--- a/en/react-native-apple-authentication.md
+++ b/en/react-native-apple-authentication.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-apple-authentication</code> </h1>
@@ -12,25 +12,19 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-apple-authentication)
 
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases).
 
+Go to the project directory and execute the following instruction:
 
-
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-apple-authentication)
-
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-apple-authentication@file:#
@@ -43,55 +37,60 @@ yarn add @react-native-oh-tpl/react-native-apple-authentication@file:#
 ```
 
 #### **配置用于 Web 的“通过 Apple 登录”**
-首先需要进行客户端id配置：[Initial Development Environment Setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md)
 
-然后需要进行服务设置：[Services setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md)
+首先需要进行客户端 id 配置: [Initial Development Environment Setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md)
 
-Apple官方配置说明：[Configure Sign in with Apple for the web](https://developer.apple.com/help/account/configure-app-capabilities/configure-sign-in-with-apple-for-the-web)
+然后需要进行服务设置: [Services setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md)
+
+Apple 官方配置说明: [Configure Sign in with Apple for the web](https://developer.apple.com/help/account/configure-app-capabilities/configure-sign-in-with-apple-for-the-web)
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
-import React from 'react';
-import { appleAuthHarmony, AppleButton } from '@invertase/react-native-apple-authentication';
+import React from "react";
+import {
+  appleAuthHarmony,
+  AppleButton,
+} from "@invertase/react-native-apple-authentication";
 
 const AppleAuthenticationDemo: React.FC = (): JSX.Element => {
-    return (
-        <>
-            <AppleButton
-                onPress={async () => {
-                    appleAuthHarmony.configure({
-                        // 以下配置请参考原库AppleId登录文档:
-                        // https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md
-                        // https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md
-                        clientId: 'com.example.client', 
-                        redirectUri: 'https://example.com/'
-                    })
-                    const singInRes = await appleAuthHarmony.signIn()
-                    console.log(singInRes)
-                }}
-            />
-        </>
-    )
-}
+  return (
+    <>
+      <AppleButton
+        onPress={async () => {
+          appleAuthHarmony.configure({
+            // For the following configuration,please refer to the original library AppleId login document:
+            // https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md
+            // https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md
+            clientId: "com.example.client",
+            redirectUri: "https://example.com/",
+          });
+          const singInRes = await appleAuthHarmony.signIn();
+          console.log(singInRes);
+        }}
+      />
+    </>
+  );
+};
 
 export default AppleAuthenticationDemo;
 ```
 
-## 使用 Codegen 
-本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](/zh-cn/codegen.md)。
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -102,18 +101,15 @@ export default AppleAuthenticationDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -122,23 +118,22 @@ export default AppleAuthenticationDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+Method 2: Directly link to the source code.
 
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNAppleAuthPackage
+### 3. Introducing RNAppleAuthPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -152,66 +147,65 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)。
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)。
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**AppleButton**：Apple身份验证按钮组件。
+**AppleButton**: Apple 身份验证按钮组件。
 
-| Name         | Description        | Type                                                         | Required | Platform | HarmonyOS Support |
-| ------------ | ------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
-| style        | 按钮样式           | StyleProp< [ViewStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Fview%23props) > | no       | all      | yes               |
-| textStyle    | 按钮内文字样式     | StyleProp< [TextStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Ftext%23props) > | no       | all      | yes               |
-| cornerRadius | 按钮边框圆角弧度   | number                                                       | no       | all      | yes               |
+| Name         | Description        | Type                                                                                                                                                                              | Required | Platform | HarmonyOS Support |
+| ------------ | ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| style        | 按钮样式           | StyleProp< [ViewStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Fview%23props) >                                                                       | no       | all      | yes               |
+| textStyle    | 按钮内文字样式     | StyleProp< [TextStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Ftext%23props) >                                                                       | no       | all      | yes               |
+| cornerRadius | 按钮边框圆角弧度   | number                                                                                                                                                                            | no       | all      | yes               |
 | buttonStyle  | 按钮样式(预设枚举) | [AppleButtonStyle](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonStyle.md) | no       | all      | yes               |
-| buttonType   | 按钮类型(预设枚举) | [AppleButtonType](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonType.md) | no       | all      | yes               |
-| onPress      | 按钮点击事件       | () => void                                                   | yes      | all      | yes               |
-| leftView     | 按钮内左侧图标     | ReactNode                                                    | no       | all      | yes               |
-| buttonText   | 按钮内文字内容     | string                                                       | no       | all      | yes               |
+| buttonType   | 按钮类型(预设枚举) | [AppleButtonType](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonType.md)   | no       | all      | yes               |
+| onPress      | 按钮点击事件       | () => void                                                                                                                                                                        | yes      | all      | yes               |
+| leftView     | 按钮内左侧图标     | ReactNode                                                                                                                                                                         | no       | all      | yes               |
+| buttonText   | 按钮内文字内容     | string                                                                                                                                                                            | no       | all      | yes               |
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**appleAuthHarmony**：Apple身份验证对象，包含2个方法。
+**appleAuthHarmony**: Apple 身份验证对象，包含 2 个方法。
 
-| Name      | Description                                             | Type                                                         | Required | Platform | HarmonyOS Support |
-| --------- | ------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
-| configure | 配置 Apple 身份验证的信息，此接口必须在 signIn 之前调用 | ([Config](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidConfig.md)) => void | no       | all      | yes               |
+| Name      | Description                                             | Type                                                                                                                                                     | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| configure | 配置 Apple 身份验证的信息，此接口必须在 signIn 之前调用 | ([Config](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidConfig.md)) => void                        | no       | all      | yes               |
 | signIn    | 弹出 webview 以进行 Apple 身份验证                      | () => Promise< [SigninResponse](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidSigninResponse.md) > | no       | all      | no                |
 
-## 其他
-
-## 遗留问题
+## Others
 
-- [ ] 由于 Apple 开发者账户验证问题，HarmonyOS暂无法实现的接口：[issue#1](https://github.com/react-native-oh-library/react-native-apple-authentication/issues/1)
+## Known Issues
 
+- [ ] 由于 Apple 开发者账户验证问题，HarmonyOS 暂无法实现的接口: [issue#1](https://github.com/react-native-oh-library/react-native-apple-authentication/issues/1)
 
-## 开源协议
+## License
 
-本项目基于 [Apache License 2.0](https://github.com/invertase/react-native-apple-authentication/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [Apache License 2.0](https://github.com/invertase/react-native-apple-authentication/blob/main/LICENSE).
diff --git a/en/react-native-audio-toolkit.md b/en/react-native-audio-toolkit.md
index 980e78e2..0a19f9d7 100644
--- a/en/react-native-audio-toolkit.md
+++ b/en/react-native-audio-toolkit.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/audio-toolkit</code> </h1>
@@ -14,16 +12,15 @@
     </a>
 </p>
 
+> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-audio-toolkit)
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-toolkit)
-
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,40 +38,54 @@ yarn add @react-native-oh-tpl/audio-toolkit@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-> [!TIP] # demo使用了三方库[@react-native-oh-tpl/react-native-slider](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-slider.md)
+> [!TIP] # demo 使用了三方库[@react-native-oh-tpl/react-native-slider](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-slider.md)
 
-> [!TIP] # demo使用了权限三方库[@react-native-oh-tpl/react-native-permissions](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-permissions.md)
+> [!TIP] # demo 使用了权限三方库[@react-native-oh-tpl/react-native-permissions](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-permissions.md)
 
 ```tsx
-import React, { Component } from 'react';
-import { Button, PermissionsAndroid, Platform, StyleSheet, Switch, Text, View, ScrollView } from 'react-native';
-import Slider from '@react-native-oh-tpl/react-native-slider';
-import { Player, Recorder, MediaStates } from '@react-native-community/audio-toolkit';
-import RTNPermissions, {RESULTS} from "@react-native-oh-tpl/react-native-permissions";
-
-const filename = 'test.mp4';
-
+import React, { Component } from "react";
+import {
+  Button,
+  PermissionsAndroid,
+  Platform,
+  StyleSheet,
+  Switch,
+  Text,
+  View,
+  ScrollView,
+} from "react-native";
+import Slider from "@react-native-oh-tpl/react-native-slider";
+import {
+  Player,
+  Recorder,
+  MediaStates,
+} from "@react-native-community/audio-toolkit";
+import RTNPermissions, {
+  RESULTS,
+} from "@react-native-oh-tpl/react-native-permissions";
+
+const filename = "test.mp4";
 
 type Props = {};
 
 type State = {
-  playPauseButton: string,
-  recordButton: string,
+  playPauseButton: string;
+  recordButton: string;
 
-  stopButtonDisabled: boolean,
-  playButtonDisabled: boolean | undefined,
-  recordButtonDisabled: boolean,
+  stopButtonDisabled: boolean;
+  playButtonDisabled: boolean | undefined;
+  recordButtonDisabled: boolean;
 
-  recordPauseButtonDisabled: boolean,
+  recordPauseButtonDisabled: boolean;
 
-  loopButtonStatus: boolean,
-  progress: number,
+  loopButtonStatus: boolean;
+  progress: number;
 
-  error: string | null
+  error: string | null;
 };
 
 export default class App extends Component<Props, State> {
@@ -87,18 +98,18 @@ export default class App extends Component<Props, State> {
     super(props);
 
     this.state = {
-      playPauseButton: 'Preparing...',
-      recordButton: 'Preparing...',
+      playPauseButton: "Preparing...",
+      recordButton: "Preparing...",
 
       stopButtonDisabled: true,
       playButtonDisabled: true,
       recordButtonDisabled: true,
-      recordPauseButtonDisabled:true,
+      recordPauseButtonDisabled: true,
 
       loopButtonStatus: false,
       progress: 0,
 
-      error: null
+      error: null,
     };
   }
 
@@ -111,7 +122,8 @@ export default class App extends Component<Props, State> {
 
     this._progressInterval = setInterval(() => {
       if (this.player && this._shouldUpdateProgressBar()) {
-        let currentProgress = Math.max(0, this.player.currentTime) / this.player.duration;
+        let currentProgress =
+          Math.max(0, this.player.currentTime) / this.player.duration;
         if (isNaN(currentProgress)) {
           currentProgress = 0;
         }
@@ -132,16 +144,18 @@ export default class App extends Component<Props, State> {
   }
 
   _updateState() {
-
     this.setState({
-      playPauseButton: this.player && this.player.isPlaying ? 'Pause' : 'Play',
-      recordButton: this.recorder && this.recorder.isRecording ? 'Stop' : 'Record',
+      playPauseButton: this.player && this.player.isPlaying ? "Pause" : "Play",
+      recordButton:
+        this.recorder && this.recorder.isRecording ? "Stop" : "Record",
 
       recordPauseButtonDisabled: !this.recorder || !this.recorder.isRecording,
 
       stopButtonDisabled: !this.player || !this.player.canStop,
-      playButtonDisabled: !this.player || !this.player.canPlay || this.recorder?.isRecording,
-      recordButtonDisabled: (!this.recorder || (this.player && !this.player.isStopped)) ?? true,
+      playButtonDisabled:
+        !this.player || !this.player.canPlay || this.recorder?.isRecording,
+      recordButtonDisabled:
+        (!this.recorder || (this.player && !this.player.isStopped)) ?? true,
     });
   }
 
@@ -149,7 +163,7 @@ export default class App extends Component<Props, State> {
     this.player?.playPause((err, paused) => {
       if (err) {
         this.setState({
-          error: err.message
+          error: err.message,
         });
       }
       this._updateState();
@@ -170,7 +184,7 @@ export default class App extends Component<Props, State> {
     this.lastSeek = Date.now();
     let position = percentage * this.player.duration;
 
-    this.player.seek(position, () => { });
+    this.player.seek(position, () => {});
   }
 
   _getPlayPath() {
@@ -185,10 +199,10 @@ export default class App extends Component<Props, State> {
       this.player.destroy();
     }
     this.player = new Player(this._getPlayPath(), {
-      autoDestroy: false
+      autoDestroy: false,
     }).prepare((err) => {
       if (err) {
-        console.log('error at _reloadPlayer():');
+        console.log("error at _reloadPlayer():");
         console.log(err);
       } else {
         if (this.player) {
@@ -201,10 +215,10 @@ export default class App extends Component<Props, State> {
 
     this._updateState();
 
-    this.player.on('ended', () => {
+    this.player.on("ended", () => {
       this._updateState();
     });
-    this.player.on('pause', () => {
+    this.player.on("pause", () => {
       this._updateState();
     });
   }
@@ -218,44 +232,46 @@ export default class App extends Component<Props, State> {
       bitrate: 256000,
       channels: 2,
       sampleRate: 44100,
-      quality: 'max'
+      quality: "max",
     });
 
     this._updateState();
   }
 
   _toggleRecord() {
-    if(this.recorder && this.recorder.state === MediaStates.PAUSED){
+    if (this.recorder && this.recorder.state === MediaStates.PAUSED) {
       this.recorder?.record((err) => {
         this._updateState();
-      })
-      return
+      });
+      return;
     }
     if (this.player) {
       this.player.destroy();
     }
 
     let recordAudioRequest;
-    if (Platform.OS == 'android') {
+    if (Platform.OS == "android") {
       recordAudioRequest = this._requestRecordAudioPermission();
-    } else if (Platform.OS === 'harmony') {
+    } else if (Platform.OS === "harmony") {
       recordAudioRequest = this._requestRecordAudioPermissionHs();
     } else {
-      recordAudioRequest = new Promise(function (resolve, reject) { resolve(true); });
+      recordAudioRequest = new Promise(function (resolve, reject) {
+        resolve(true);
+      });
     }
 
     recordAudioRequest.then((hasPermission) => {
       if (!hasPermission) {
         this.setState({
-          error: 'Record Audio Permission was denied'
+          error: "Record Audio Permission was denied",
         });
         return;
       }
-     
+
       this.recorder?.toggleRecord((err, stopped) => {
         if (err) {
           this.setState({
-            error: err.message
+            error: err.message,
           });
         }
         if (stopped) {
@@ -267,10 +283,9 @@ export default class App extends Component<Props, State> {
     });
   }
 
-  
   async _requestRecordAudioPermissionHs() {
     try {
-      let check = await RTNPermissions.request('ohos.permission.MICROPHONE');
+      let check = await RTNPermissions.request("ohos.permission.MICROPHONE");
       console.info("RTNPermissions===== request", check);
       if (check === RESULTS.GRANTED) {
         return true;
@@ -288,12 +303,13 @@ export default class App extends Component<Props, State> {
       const granted = await PermissionsAndroid.request(
         PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,
         {
-          title: 'Microphone Permission',
-          message: 'ExampleApp needs access to your microphone to test react-native-audio-toolkit.',
-          buttonNeutral: 'Ask Me Later',
-          buttonNegative: 'Cancel',
-          buttonPositive: 'OK',
-        },
+          title: "Microphone Permission",
+          message:
+            "ExampleApp needs access to your microphone to test react-native-audio-toolkit.",
+          buttonNeutral: "Ask Me Later",
+          buttonNegative: "Cancel",
+          buttonPositive: "OK",
+        }
       );
       if (granted === PermissionsAndroid.RESULTS.GRANTED) {
         return true;
@@ -308,7 +324,7 @@ export default class App extends Component<Props, State> {
 
   _toggleLooping(value: boolean) {
     this.setState({
-      loopButtonStatus: value
+      loopButtonStatus: value,
     });
     if (this.player) {
       this.player.looping = value;
@@ -319,38 +335,56 @@ export default class App extends Component<Props, State> {
     return (
       <ScrollView>
         <View>
-          <Text style={styles.title}>
-            Playback
-          </Text>
+          <Text style={styles.title}>Playback</Text>
         </View>
-        <View >
-          <Button title={this.state.playPauseButton} disabled={this.state.playButtonDisabled} onPress={() => this._playPause()} />
-          <Button title={'Stop'} disabled={this.state.stopButtonDisabled} onPress={() => this._stop()} />
+        <View>
+          <Button
+            title={this.state.playPauseButton}
+            disabled={this.state.playButtonDisabled}
+            onPress={() => this._playPause()}
+          />
+          <Button
+            title={"Stop"}
+            disabled={this.state.stopButtonDisabled}
+            onPress={() => this._stop()}
+          />
         </View>
         <View style={styles.settingsContainer}>
           <Switch
             onValueChange={(value) => this._toggleLooping(value)}
-            value={this.state.loopButtonStatus} />
+            value={this.state.loopButtonStatus}
+          />
           <Text>Toggle Looping</Text>
         </View>
         <View style={styles.slider}>
-          <Slider step={0.0001} disabled={this.state.playButtonDisabled} onValueChange={(percentage) => this._seek(percentage)} value={this.state.progress} />
+          <Slider
+            step={0.0001}
+            disabled={this.state.playButtonDisabled}
+            onValueChange={(percentage) => this._seek(percentage)}
+            value={this.state.progress}
+          />
         </View>
         <View>
-          <Text style={styles.title}>
-            Recording
-          </Text>
+          <Text style={styles.title}>Recording</Text>
         </View>
         <View>
-          <Button title={this.state.recordButton} disabled={this.state.recordButtonDisabled} onPress={() => this._toggleRecord()} />
+          <Button
+            title={this.state.recordButton}
+            disabled={this.state.recordButtonDisabled}
+            onPress={() => this._toggleRecord()}
+          />
         </View>
-        
+
         <View style={styles.recordPause}>
-          <Button title={'Pause recording'} disabled={this.state.recordPauseButtonDisabled} onPress={() => {
-            this.recorder?.pause((err) => {
-              this._updateState();
-            })
-          }} />
+          <Button
+            title={"Pause recording"}
+            disabled={this.state.recordPauseButtonDisabled}
+            onPress={() => {
+              this.recorder?.pause((err) => {
+                this._updateState();
+              });
+            }}
+          />
         </View>
         <View>
           <Text style={styles.errorMessage}>{this.state.error}</Text>
@@ -367,42 +401,42 @@ const styles = StyleSheet.create({
     marginBottom: 30,
   },
   settingsContainer: {
-    alignItems: 'center',
+    alignItems: "center",
   },
   container: {
     borderRadius: 4,
     borderWidth: 0.5,
-    borderColor: '#d6d7da',
+    borderColor: "#d6d7da",
   },
   title: {
     fontSize: 19,
-    fontWeight: 'bold',
-    textAlign: 'center',
+    fontWeight: "bold",
+    textAlign: "center",
     padding: 20,
   },
   errorMessage: {
     fontSize: 15,
-    textAlign: 'center',
+    textAlign: "center",
     padding: 10,
-    color: 'red'
+    color: "red",
+  },
+  recordPause: {
+    marginTop: 15,
   },
-  recordPause:{
-    marginTop:15
-  }
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/en/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -413,18 +447,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -433,9 +464,9 @@ const styles = StyleSheet.create({
   }
 ```
 
-### 3.在 ArkTs 侧引入 AudioModulesPackage
+### 3. Introducing AudioModulesPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -450,45 +481,45 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/en/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases/)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases/)
 
-### 权限要求
+### Permission Requirements
 
 - 如果 source 使用网络 url 应用需要申请网络权限
 
-  在`entry/src/main/module.json5`中添加
+  Open the `entry/src/main/module.json5` file and add the following code:
 
 ```json
 requestPermissions: [
@@ -500,7 +531,7 @@ requestPermissions: [
 
 - 如果使用录音功能，需要申请录音权限
 
-  在`entry/src/main/module.json5`中添加
+  Open the `entry/src/main/module.json5` file and add the following code:
 
 ```json
 requestPermissions: [
@@ -519,71 +550,70 @@ requestPermissions: [
 
 ## Player
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
-| Name                        | Description                                                  | Type               | Default                     | Required | Platform | HarmonyOS Support |
-| --------------------------- | ------------------------------------------------------------ | ------------------ | --------------------------- | -------- | -------- | ----------------- |
-| autoDestroy                 | Boolean to indicate whether the player should self-destruct after playback is finished. If this is not set, you are responsible for destroying the object by calling player.destroy(). | boolean            | True                        | No       | All      | Yes               |
-| continuesToPlayInBackground | (Android only) Should playback continue if app is sent to background?<br />iOS will always pause in this case. | boolean            | False                       | No       | Android  | Yes               |
-| category                    | (iOS only) Define the audio session category<br /> Options: Playback, Ambient and SoloAmbient<br />More info about categories can be found here:<br /> https://developer.apple.com/documentation/avfoundation/avaudiosession/category | PlaybackCategories | PlaybackCategories.Playback | No       | IOS      | No                |
-| mixWithOthers               | Boolean to determine whether other audio sources on the device will mix<br />with sounds being played back by this module. If this is not set, playback<br />of audio will stop other sources | boolean            | False                       | No       | Android<br />IOS   | No                |
-| looping                     | Get/set looping status of the current file. If true, file will loop when playback reaches end of file. | boolean            | False                       | No       | All      | Yes               |
-| volume                      | Get/set playback volume. The scale is from 0.0 (silence) to 1.0 (full volume). | Number             | 1.0                         | No       | All      | Yes               |
-| speed                       | Get/set the playback speed for audio. NOTE: On Android, this is only supported on Android 6.0+. | Number             | 1.0                         | No       | All      | Yes               |
+| Name                        | Description                                                                                                                                                                                                                           | Type               | Default                     | Required | Platform         | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | --------------------------- | -------- | ---------------- | ----------------- |
+| autoDestroy                 | Boolean to indicate whether the player should self-destruct after playback is finished. If this is not set, you are responsible for destroying the object by calling player.destroy().                                                | boolean            | True                        | No       | All              | Yes               |
+| continuesToPlayInBackground | (Android only) Should playback continue if app is sent to background?<br />iOS will always pause in this case.                                                                                                                        | boolean            | False                       | No       | Android          | Yes               |
+| category                    | (iOS only) Define the audio session category<br /> Options: Playback, Ambient and SoloAmbient<br />More info about categories can be found here:<br /> https://developer.apple.com/documentation/avfoundation/avaudiosession/category | PlaybackCategories | PlaybackCategories.Playback | No       | IOS              | No                |
+| mixWithOthers               | Boolean to determine whether other audio sources on the device will mix<br />with sounds being played back by this module. If this is not set, playback<br />of audio will stop other sources                                         | boolean            | False                       | No       | Android<br />IOS | No                |
+| looping                     | Get/set looping status of the current file. If true, file will loop when playback reaches end of file.                                                                                                                                | boolean            | False                       | No       | All              | Yes               |
+| volume                      | Get/set playback volume. The scale is from 0.0 (silence) to 1.0 (full volume).                                                                                                                                                        | Number             | 1.0                         | No       | All              | Yes               |
+| speed                       | Get/set the playback speed for audio. NOTE: On Android, this is only supported on Android 6.0+.                                                                                                                                       | Number             | 1.0                         | No       | All              | Yes               |
 
-### 静态方法
+### Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name      | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
-| --------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| Name      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
 | prepare   | Prepare playback of the file provided during initialization. This method is optional to call but might be useful to preload the file so that the file starts playing immediately when calling play(). Otherwise the file is prepared when calling play() which may result in a small delay.<br />Callback is called with empty first parameter when file is ready for playback with `play()`. If there was an error, the callback is called with an error object as first parameter. See Callbacks for more information. | function | No       | All      | Yes               |
-| play      | Start playback.<br />If callback is given, it is called when playback has started. | function | No       | All      | Yes               |
-| pause     | Pauses playback. Playback can be resumed by calling `play()` with no parameters.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
-| playPause | Helper method for toggling pause.<br />Callback is called after the operation has finished. Callback receives `Object error` as first argument, `Boolean paused` as second argument indicating if the player ended up playing (false) or paused (true). | function | No       | All      | Yes               |
-| stop      | Stop playback.<br />  If `autoDestroy` option was set during initialization, clears all media resources from memory. In this case the player should no longer be used. | function | No       | All      | Yes               |
-| destroy   | Stops playback and destroys the player. The player should no longer be used.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
-| seek      | Seek in currently playing media. `position` is the offset from the start.<br />If callback is given, it is called when the seek operation completes. If another seek operation is performed before the previous has finished, the previous operation gets an error in its callback with the `err` field set to `oldcallback`. The previous operation should likely do nothing in this case. | function | No       | All      | Yes               |
+| play      | Start playback.<br />If callback is given, it is called when playback has started.                                                                                                                                                                                                                                                                                                                                                                                                                                       | function | No       | All      | Yes               |
+| pause     | Pauses playback. Playback can be resumed by calling `play()` with no parameters.<br />Callback is called after the operation has finished.                                                                                                                                                                                                                                                                                                                                                                               | function | No       | All      | Yes               |
+| playPause | Helper method for toggling pause.<br />Callback is called after the operation has finished. Callback receives `Object error` as first argument, `Boolean paused` as second argument indicating if the player ended up playing (false) or paused (true).                                                                                                                                                                                                                                                                  | function | No       | All      | Yes               |
+| stop      | Stop playback.<br /> If `autoDestroy` option was set during initialization, clears all media resources from memory. In this case the player should no longer be used.                                                                                                                                                                                                                                                                                                                                                    | function | No       | All      | Yes               |
+| destroy   | Stops playback and destroys the player. The player should no longer be used.<br />Callback is called after the operation has finished.                                                                                                                                                                                                                                                                                                                                                                                   | function | No       | All      | Yes               |
+| seek      | Seek in currently playing media. `position` is the offset from the start.<br />If callback is given, it is called when the seek operation completes. If another seek operation is performed before the previous has finished, the previous operation gets an error in its callback with the `err` field set to `oldcallback`. The previous operation should likely do nothing in this case.                                                                                                                              | function | No       | All      | Yes               |
 
 ## Recorder
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### 属性
+### Properties
 
-| Name             | Description                                                  | Type   | Default                     | Required | Platform | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | ------ | --------------------------- | -------- | -------- | ----------------- |
-| bitrate          | Set bitrate for the recorder, in bits per second             | Number | 128000                      | No       | All      | Yes               |
-| channels         | Set number of channels                                       | Number | 2                           | No       | All      | Yes               |
-| sampleRate       | Set how many samples per second                              | Number | 48000                       | No       | All      | Yes               |
-| format           | Override format. Possible values:<br /> Cross-platform: 'mp4'<br />Android only: 'ogg', 'webm', 'amr'<br />HarmonyOS only: 'm4a' | String | based on filename extension | No       | All      | Yes               |
-| encoder          | Override encoder. Android only.<br />Possible values:<br />'aac', 'mp4', 'webm', 'ogg', 'amr'<br />HarmonyOS only: 'aac'| String | based on filename extension | No       | Android      | partially               |
-| quality          | Quality of the recording, iOS only.<br />Possible values: 'min', 'low', 'medium', 'high', 'max' | String | medium                      | No       | IOS       | No               |
+| Name       | Description                                                                                                                      | Type   | Default                     | Required | Platform | HarmonyOS Support |
+| ---------- | -------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------------------- | -------- | -------- | ----------------- |
+| bitrate    | Set bitrate for the recorder, in bits per second                                                                                 | Number | 128000                      | No       | All      | Yes               |
+| channels   | Set number of channels                                                                                                           | Number | 2                           | No       | All      | Yes               |
+| sampleRate | Set how many samples per second                                                                                                  | Number | 48000                       | No       | All      | Yes               |
+| format     | Override format. Possible values:<br /> Cross-platform: 'mp4'<br />Android only: 'ogg', 'webm', 'amr'<br />HarmonyOS only: 'm4a' | String | based on filename extension | No       | All      | Yes               |
+| encoder    | Override encoder. Android only.<br />Possible values:<br />'aac', 'mp4', 'webm', 'ogg', 'amr'<br />HarmonyOS only: 'aac'         | String | based on filename extension | No       | Android  | partially         |
+| quality    | Quality of the recording, iOS only.<br />Possible values: 'min', 'low', 'medium', 'high', 'max'                                  | String | medium                      | No       | IOS      | No                |
 
-### 静态方法
+### Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name    | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
-| ------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| Name    | Description                                                                                                                                                                                                                                                                                                                                                       | Type     | Required | Platform | HarmonyOS Support |
+| ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
 | prepare | Prepare recording to the file provided during initialization. This method is optional to call but it may be beneficial to call to make sure that recording begins immediately after calling record(). Otherwise the recording is prepared when calling record() which may result in a small delay. NOTE: Assume that this wipes the destination file immediately. | function | No       | All      | Yes               |
-| record  | Start recording to file in `path`. Callback is called after recording has started or with error object if an error occurred. | function | No       | All      | Yes               |
-| stop    | Stop recording and save the file. Callback is called after recording has stopped or with error object. The recorder is destroyed after calling stop and should no longer be used. | function | No       | All      | Yes               |
-| destroy | Destroy the recorder. Should only be used if a recorder was constructed, and for some reason is now unwanted.<br />Callback is called after the operation has finished. | function | No       | All      | Yes               |
+| record  | Start recording to file in `path`. Callback is called after recording has started or with error object if an error occurred.                                                                                                                                                                                                                                      | function | No       | All      | Yes               |
+| stop    | Stop recording and save the file. Callback is called after recording has stopped or with error object. The recorder is destroyed after calling stop and should no longer be used.                                                                                                                                                                                 | function | No       | All      | Yes               |
+| destroy | Destroy the recorder. Should only be used if a recorder was constructed, and for some reason is now unwanted.<br />Callback is called after the operation has finished.                                                                                                                                                                                           | function | No       | All      | Yes               |
 
 ## 状态 state - Number (read only)
 
-
 ```json
 var MediaStates = {
   DESTROYED: -2,
@@ -598,18 +628,16 @@ var MediaStates = {
 };
 ```
 
-## 遗留问题
-
-- [ ] Recorder的encoder属性问题：目前仅支持aac,待后续底层能力开放增加其他格式。[issue#15](https://github.com/react-native-oh-library/react-native-audio-toolkit/issues/15)
+## Known Issues
 
-## 其他
+- [ ] Recorder 的 encoder 属性问题: 目前仅支持 aac,待后续底层能力开放增加其他格式。[issue#15](https://github.com/react-native-oh-library/react-native-audio-toolkit/issues/15)
 
-- Player的category、mixWithOthers属性 HarmonyOS不支持
+## Others
 
-- Recorder的quality属性 HarmonyOS不支持
+- Player 的 category、mixWithOthers 属性 HarmonyOS 不支持
 
-## 开源协议
+- Recorder 的 quality 属性 HarmonyOS 不支持
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit/tree/master?tab=MIT-1-ov-file#readme) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit/tree/master?tab=MIT-1-ov-file#readme).
diff --git a/en/react-native-better-banner.md b/en/react-native-better-banner.md
index 08bec6c3..d40e5224 100644
--- a/en/react-native-better-banner.md
+++ b/en/react-native-better-banner.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-better-banner</code> </h1>
@@ -12,16 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/better-banner)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/better-banner)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases).
 
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,118 +38,134 @@ yarn add @react-native-oh-tpl/react-native-better-banner@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from 'react';
-import {
-    StyleSheet,
-    View,
-    Text,
-} from 'react-native';
+import React from "react";
+import { StyleSheet, View, Text } from "react-native";
 
-import BetterBanner from 'react-native-better-banner';
+import BetterBanner from "react-native-better-banner";
 
 const App = () => {
-    return (
-        <View style={styles.container}>
-            <BetterBanner
-                bannerComponents={[
-                    <View style={{
-                        width: '100%',
-                        height: '100%',
-                        backgroundColor: '#1997fc',
-                        alignItems: 'center',
-                        justifyContent: 'center'
-                    }}>
-                        <Text style={{fontSize: 35, color: '#fff', marginBottom: 10}}>Page 01</Text>
-                        <Text style={{fontSize: 15, color: '#fff'}}>Welcome! have a good time</Text>
-                    </View>,
-                    <View style={{
-                        width: '100%',
-                        height: '100%',
-                        backgroundColor: '#da578f',
-                        alignItems: 'center',
-                        justifyContent: 'center'
-                    }}>
-                        <Text style={{fontSize: 35, color: '#fff', marginBottom: 10}}>Page 02</Text>
-                        <Text style={{fontSize: 15, color: '#fff'}}>Welcome! have a good time</Text>
-                    </View>,
-                    <View style={{
-                        width: '100%',
-                        height: '100%',
-                        backgroundColor: '#7c3fe4',
-                        alignItems: 'center',
-                        justifyContent: 'center'
-                    }}>
-                        <Text style={{fontSize: 35, color: '#fff', marginBottom: 10}}>Page 03</Text>
-                        <Text style={{fontSize: 15, color: '#fff'}}>Welcome! have a good time</Text>
-                    </View>,
-                ]}
-                bannerTitles={["Page 01 Page 01 Page 01 Page 01 Page 01 Page 01 Page 01 ", "Page 02", "Page 03"]}
-                onPress={(index) => alert('you pressed index is : ' + index)}
-                indicatorContainerBackgroundColor={'rgba(0,0,0,0.3)'}
-                isSeamlessScroll={true}
-            />
-        </View>
-    );
+  return (
+    <View style={styles.container}>
+      <BetterBanner
+        bannerComponents={[
+          <View
+            style={{
+              width: "100%",
+              height: "100%",
+              backgroundColor: "#1997fc",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <Text style={{ fontSize: 35, color: "#fff", marginBottom: 10 }}>
+              Page 01
+            </Text>
+            <Text style={{ fontSize: 15, color: "#fff" }}>
+              Welcome! have a good time
+            </Text>
+          </View>,
+          <View
+            style={{
+              width: "100%",
+              height: "100%",
+              backgroundColor: "#da578f",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <Text style={{ fontSize: 35, color: "#fff", marginBottom: 10 }}>
+              Page 02
+            </Text>
+            <Text style={{ fontSize: 15, color: "#fff" }}>
+              Welcome! have a good time
+            </Text>
+          </View>,
+          <View
+            style={{
+              width: "100%",
+              height: "100%",
+              backgroundColor: "#7c3fe4",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <Text style={{ fontSize: 35, color: "#fff", marginBottom: 10 }}>
+              Page 03
+            </Text>
+            <Text style={{ fontSize: 15, color: "#fff" }}>
+              Welcome! have a good time
+            </Text>
+          </View>,
+        ]}
+        bannerTitles={[
+          "Page 01 Page 01 Page 01 Page 01 Page 01 Page 01 Page 01 ",
+          "Page 02",
+          "Page 03",
+        ]}
+        onPress={(index) => alert("you pressed index is : " + index)}
+        indicatorContainerBackgroundColor={"rgba(0,0,0,0.3)"}
+        isSeamlessScroll={true}
+      />
+    </View>
+  );
 };
 
 const styles = StyleSheet.create({
-   container: {
-       flex: 1
-   }
-
+  container: {
+    flex: 1,
+  },
 });
 
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                              | Description                                                  | Type     | Default               | Platform | HarmonyOS Support |
-| --------------------------------- | ------------------------------------------------------------ | -------- | --------------------- | -------- | ----------------- |
-| bannerImages                      | 用于展示轮播图片, 与`bannerComponents`二选一                 | Array    | []                    | All      | Yes               |
-| bannerComponents                  | 用于展示轮播自定义组件，与`bannerImages`二选一               | Array    | []                    | All      | Yes               |
-| bannerHeight                      | banner的默认高度                                             | Number   | 250                   | All      | Yes               |
-| bannerTitles                      | 每张图片或组件对应的标题                                     | Array    | []                    | All      | Yes               |
-| bannerTitleTextColor              | 每张图片或组件对应的标题的文字颜色                           | String   | #fff                  | All      | Yes               |
-| bannerTitleTextSize               | 每张图片或组件对应的标题的文字大小                           | Number   | 2000                  | All      | Yes               |
-| isAutoScroll                      | 是否开启自动轮播                                             | Boolean  | true                  | All      | Yes               |
-| isSeamlessScroll                  | 是否开启无缝滚动(iOS下正常，安卓某些机型可能出现滚动异常)    | Boolean  | false                 | All      | Yes               |
-| adaptSeamlessScrollValue          | 如果开启无缝滚动在某些机型滚动异常，可针对这些机型设置`true` 或 `false`, 此值实际上是设置是否显示`ScrollView`的`scrollTo`的滚动动画 | Boolean  | false                 | All      | Yes               |
-| indicatorWidth                    | 指示器宽度                                                   | Number   | 10                    | All      | Yes               |
-| indicatorHeight                   | 指示器高度                                                   | Number   | 6                     | All      | Yes               |
-| indicatorColor                    | 指示器颜色                                                   | String   | rgba(255,255,255,0.6) | All      | Yes               |
-| indicatorStyle                    | 指示器样式，您也可以直接使用此属性一次性设置指示器宽、高、颜色和圆角等，它会覆盖以上`indicatorWidth`,`indicatorHeight`，`indicatorColor`属性 | Object   | {}                    | No      | No               |
-| indicatorGap                      | 指示器之间的间隔                                             | Number   | 6                     | All      | Yes               |
-| activeIndicatorColor              | 活动指示器颜色                                               | String   | #fff                  | All      | Yes               |
-| indicatorGroupPosition            | 指示器组的位置，可设置`left`,`center`,`right`。如果您设置了`bannerTitles`,则此属性只能是`right` | String   | right                 | All      | Yes               |
-| indicatorGroupSideOffset          | 指示器组的左右边距                                           | Number   | 10                    | All      | Yes               |
-| indicatorContainerHeight          | 指示器容器高度                                               | Number   | 32                    | All      | Yes               |
-| indicatorContainerBackgroundColor | 指示器容器背景色                                             | String   | transparent           | All      | Yes               |
-| onPress()                         | 点击轮播图后的回调函数，会传回banner的`index`                | Function | ()=>{}                | All      | Yes               |
-| onScrollEnd()                     | 滚动完每张轮播图的回调函数，等同于`ScrollView`的`onMomentumScrollEnd` | Function | ()=>{}                | All      | Yes               |
+| Name                              | Description                                                                                                                                  | Type     | Default               | Platform | HarmonyOS Support |
+| --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------- | --------------------- | -------- | ----------------- |
+| bannerImages                      | 用于展示轮播图片, 与`bannerComponents`二选一                                                                                                 | Array    | []                    | All      | Yes               |
+| bannerComponents                  | 用于展示轮播自定义组件，与`bannerImages`二选一                                                                                               | Array    | []                    | All      | Yes               |
+| bannerHeight                      | banner 的默认高度                                                                                                                            | Number   | 250                   | All      | Yes               |
+| bannerTitles                      | 每张图片或组件对应的标题                                                                                                                     | Array    | []                    | All      | Yes               |
+| bannerTitleTextColor              | 每张图片或组件对应的标题的文字颜色                                                                                                           | String   | #fff                  | All      | Yes               |
+| bannerTitleTextSize               | 每张图片或组件对应的标题的文字大小                                                                                                           | Number   | 2000                  | All      | Yes               |
+| isAutoScroll                      | 是否开启自动轮播                                                                                                                             | Boolean  | true                  | All      | Yes               |
+| isSeamlessScroll                  | 是否开启无缝滚动(iOS 下正常，安卓某些机型可能出现滚动异常)                                                                                   | Boolean  | false                 | All      | Yes               |
+| adaptSeamlessScrollValue          | 如果开启无缝滚动在某些机型滚动异常，可针对这些机型设置`true` 或 `false`, 此值实际上是设置是否显示`ScrollView`的`scrollTo`的滚动动画          | Boolean  | false                 | All      | Yes               |
+| indicatorWidth                    | 指示器宽度                                                                                                                                   | Number   | 10                    | All      | Yes               |
+| indicatorHeight                   | 指示器高度                                                                                                                                   | Number   | 6                     | All      | Yes               |
+| indicatorColor                    | 指示器颜色                                                                                                                                   | String   | rgba(255,255,255,0.6) | All      | Yes               |
+| indicatorStyle                    | 指示器样式，您也可以直接使用此属性一次性设置指示器宽、高、颜色和圆角等，它会覆盖以上`indicatorWidth`,`indicatorHeight`，`indicatorColor`属性 | Object   | {}                    | All      | Yes               |
+| indicatorGap                      | 指示器之间的间隔                                                                                                                             | Number   | 6                     | All      | Yes               |
+| activeIndicatorColor              | 活动指示器颜色                                                                                                                               | String   | #fff                  | All      | Yes               |
+| indicatorGroupPosition            | 指示器组的位置，可设置`left`,`center`,`right`。如果您设置了`bannerTitles`,则此属性只能是`right`                                              | String   | right                 | All      | Yes               |
+| indicatorGroupSideOffset          | 指示器组的左右边距                                                                                                                           | Number   | 10                    | All      | Yes               |
+| indicatorContainerHeight          | 指示器容器高度                                                                                                                               | Number   | 32                    | All      | Yes               |
+| indicatorContainerBackgroundColor | 指示器容器背景色                                                                                                                             | String   | transparent           | All      | Yes               |
+| onPress()                         | 点击轮播图后的回调函数，会传回 banner 的`index`                                                                                              | Function | ()=>{}                | All      | Yes               |
+| onScrollEnd()                     | 滚动完每张轮播图的回调函数，等同于`ScrollView`的`onMomentumScrollEnd`                                                                        | Function | ()=>{}                | All      | Yes               |
 
-## 遗留问题
-- [ ] indicatorStyle属性问题：源码逻辑有问题导致属性失效。[issue#11](https://github.com/react-native-oh-library/better-banner/issues/11)
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
+This project is licensed under [The ISC License (ISC)](https://www.isc.org/licenses/).
diff --git a/en/react-native-bootsplash.md b/en/react-native-bootsplash.md
index 13643d61..7a30e653 100644
--- a/en/react-native-bootsplash.md
+++ b/en/react-native-bootsplash.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-bootsplash</code> </h1>
@@ -13,17 +13,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-bootsplash)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-bootsplash)
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,7 +38,8 @@ yarn add @react-native-oh-tpl/react-native-bootsplash@file:#
 ```
 
 #### 生成配置文件
-为了加快设置速度，我们提供了一个CLI来自动生成配置、创建Android Drawable XML文件、iOS Storyboard文件和HarmonyOS Resources文件
+
+为了加快设置速度，我们提供了一个 CLI 来自动生成配置、创建 Android Drawable XML 文件、iOS Storyboard 文件和 HarmonyOS Resources 文件
 
 ```bash
 $ npx react-native generate-bootsplash --help
@@ -80,6 +79,7 @@ npx react-native generate-bootsplash svgs/light-logo.svg
 ```
 
 命令执行后将创建以下文件:
+
 ```js
 # Without license key
 android/app/src/main/res/drawable-mdpi/bootsplash_logo.png
@@ -114,7 +114,7 @@ assets/bootsplash/logo@3x.png
 assets/bootsplash/logo@4x.png
 ```
 
-编辑您的启动Ability文件, 它通常是配置在entry模块module.json5中abilities属性中配置的第一个abilitie:
+编辑您的启动 Ability 文件, 它通常是配置在 entry 模块 module.json5 中 abilities 属性中配置的第一个 abilitie:
 
 ```diff
 + import { window } from '@kit.ArkUI';
@@ -133,15 +133,23 @@ export default class EntryAbility extends RNAbility {
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-> [!TIP] 示例中logo参数使用了本地图片资源，可以到[react-native-boot-splash demo](https://github.com/react-native-oh-library/RNOHDCS/tree/main/react-native-boot-splash/source)获取该图片
+> [!TIP] 示例中 logo 参数使用了本地图片资源，可以到[react-native-boot-splash demo](https://github.com/react-native-oh-library/RNOHDCS/tree/main/react-native-boot-splash/source)获取该图片
 
 ```js
-import { useState , useEffect} from "react";
-import { Animated, View, Text, Dimensions, Platform, StatusBar, StyleSheet } from "react-native";
+import { useState, useEffect } from "react";
+import {
+  Animated,
+  View,
+  Text,
+  Dimensions,
+  Platform,
+  StatusBar,
+  StyleSheet,
+} from "react-native";
 import BootSplash from "react-native-bootsplash";
 
 const styles = StyleSheet.create({
@@ -162,7 +170,7 @@ const styles = StyleSheet.create({
 });
 
 type Props = {
-  onAnimationEnd: () => void;
+  onAnimationEnd: () => void,
 };
 
 export const AnimatedBootSplash = ({ onAnimationEnd }: Props) => {
@@ -223,7 +231,7 @@ const App = () => {
           <AnimatedBootSplash
             onAnimationEnd={() => {
               BootSplash.isVisible();
-              console.log("--------++++AnimationEnd")
+              console.log("--------++++AnimationEnd");
               setVisible(false);
             }}
           />
@@ -247,17 +255,17 @@ export default App;
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -268,18 +276,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -288,22 +293,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNBootSplashPackage
+### 3. Introducing RNBootSplashPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -317,38 +322,38 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name             | Description                                                  | Type     | Required | Platform     | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
-| hide             | Hide the splash screen.                            | function | no       | Android、IOS | yes               |
-| isVisible        | Return the current visibility status of the native splash screen. | function | no       | Android、IOS | yes               |
-| useHideAnimation     | A hook to easily create a custom hide animation by animating all splash screen elements using Animated, react-native-reanimated or else (similar as the video on top of this documentation).                          | function | no       | Android、IOS | yes               |
+| Name             | Description                                                                                                                                                                                  | Type     | Required | Platform     | HarmonyOS Support |
+| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------ | ----------------- |
+| hide             | Hide the splash screen.                                                                                                                                                                      | function | no       | Android、IOS | yes               |
+| isVisible        | Return the current visibility status of the native splash screen.                                                                                                                            | function | no       | Android、IOS | yes               |
+| useHideAnimation | A hook to easily create a custom hide animation by animating all splash screen elements using Animated, react-native-reanimated or else (similar as the video on top of this documentation). | function | no       | Android、IOS | yes               |
 
 ### hide
 
@@ -356,9 +361,9 @@ ohpm install
 type hide = (config?: { fade?: boolean }) => Promise<void>;
 ```
 
-| Name  | Description                                                | Type             | Required | Platform    | HarmonyOS Support |
-| ----- | ---------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
-| fade | Hide the splash screen (immediately, or with a fade out). | boolean | No      | iOS/Android | partially               |
+| Name | Description                                               | Type    | Required | Platform    | HarmonyOS Support |
+| ---- | --------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| fade | Hide the splash screen (immediately, or with a fade out). | boolean | No       | iOS/Android | partially         |
 
 ### useHideAnimation
 
@@ -366,25 +371,26 @@ type hide = (config?: { fade?: boolean }) => Promise<void>;
 useHideAnimation(config: {UseHideAnimationConfig}) => {container: ContainerProps;logo: LogoProps;brand: BrandProps;};
 ```
 
-| Name  | Description                                                | Type             | Required | Platform    | HarmonyOS Support |
-| ----- | ---------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
-| ready | a boolean flag to delay the animate execution (default: true) | boolean | No      | iOS/Android | partially               |
-| manifest | the manifest file is generated in your assets directory | Manifest | Yes      | iOS/Android | partially               |
-| logo | logo image in animation | ImageRequireSource | No      | iOS/Android | partially               |
-| darkLogo | logo image in animation in dark mode | ImageRequireSource | No      | iOS/Android | partially               |
-| brand | brand image in animation | ImageRequireSource | No      | iOS/Android | partially               |
-| darkBrand | brand image in animation in dark mode | ImageRequireSource | No      | iOS/Android | partially               |
-| statusBarTranslucent | sets whether the status bar is transparent | boolean | No      | iOS/Android | partially               |
-| navigationBarTranslucent | sets whether the navigation bar is transparent | boolean | No      | iOS/Android | partially               |
-| animate | custom hide animation | function | Yes      | iOS/Android | partially               |
+| Name                     | Description                                                   | Type               | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
+| ready                    | a boolean flag to delay the animate execution (default: true) | boolean            | No       | iOS/Android | partially         |
+| manifest                 | the manifest file is generated in your assets directory       | Manifest           | Yes      | iOS/Android | partially         |
+| logo                     | logo image in animation                                       | ImageRequireSource | No       | iOS/Android | partially         |
+| darkLogo                 | logo image in animation in dark mode                          | ImageRequireSource | No       | iOS/Android | partially         |
+| brand                    | brand image in animation                                      | ImageRequireSource | No       | iOS/Android | partially         |
+| darkBrand                | brand image in animation in dark mode                         | ImageRequireSource | No       | iOS/Android | partially         |
+| statusBarTranslucent     | sets whether the status bar is transparent                    | boolean            | No       | iOS/Android | partially         |
+| navigationBarTranslucent | sets whether the navigation bar is transparent                | boolean            | No       | iOS/Android | partially         |
+| animate                  | custom hide animation                                         | function           | Yes      | iOS/Android | partially         |
+
+## Known Issues
 
-## 遗留问题
+- [ ] HarmonyOS 的 window 窗口上不支持设置动画属性，hide 接口 fade 参数设置 true 没有效果 问题: [issue#13](https://github.com/react-native-oh-library/react-native-bootsplash/issues/13)
 
-- [ ] HarmonyOS的window窗口上不支持设置动画属性，hide接口fade参数设置true没有效果 问题: [issue#13](https://github.com/react-native-oh-library/react-native-bootsplash/issues/13)
+## Others
 
-## 其他
-- 执行generate-bootsplash命令行时，由于 `--brand, --brand-width 和 --dark-*` 选项需要购买license才能使用，涉及功能未开源，HarmonyOS平台不支持使用
+- 执行 generate-bootsplash 命令行时，由于 `--brand, --brand-width 和 --dark-*` 选项需要购买 license 才能使用，涉及功能未开源，HarmonyOS 平台不支持使用
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bootsplash/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/zoontek/react-native-bootsplash/blob/master/LICENSE).
diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md
index b62c5b45..4556b80d 100644
--- a/en/react-native-camera-kit.md
+++ b/en/react-native-camera-kit.md
@@ -12,21 +12,19 @@
     </a>
 </p>
 
-
-
-> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-camera-kit)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-camera-kit)
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases).
 
 Go to the project directory and execute the following instruction:
 
->[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-camera-kit@file:#
@@ -43,17 +41,19 @@ yarn add @react-native-oh-tpl/react-native-camera-kit@file:#
 The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
+
 ### camera example
-``` js
-import React, {useRef, useState} from 'react';
-import {Text, StyleSheet, View, Button} from 'react-native';
-import {CameraApi, CameraType,Camera} from 'react-native-camera-kit';
+
+```js
+import React, { useRef, useState } from "react";
+import { Text, StyleSheet, View, Button } from "react-native";
+import { CameraApi, CameraType, Camera } from "react-native-camera-kit";
 
 export const CameraDemo: React.FC = (): JSX.Element => {
-  const nativeRef = useRef<CameraApi>(null);
-  const [zoom, setZoom] = useState<number>(0);
-  const [errorStr, setErrorStr] = useState<string>('');
-  const [photo, setPhoto] = useState<string>('');
+  const nativeRef = useRef < CameraApi > null;
+  const [zoom, setZoom] = useState < number > 0;
+  const [errorStr, setErrorStr] = useState < string > "";
+  const [photo, setPhoto] = useState < string > "";
 
   const onError = (e: any) => {
     setErrorStr(e.nativeEvent.errorMessage);
@@ -72,7 +72,7 @@ export const CameraDemo: React.FC = (): JSX.Element => {
     <>
       <View>
         <Camera
-          style={{width: '100%', height: 500}}
+          style={{ width: "100%", height: 500 }}
           ref={nativeRef}
           maxZoom={10}
           cameraType={CameraType.Back}
@@ -82,7 +82,7 @@ export const CameraDemo: React.FC = (): JSX.Element => {
         />
       </View>
       <View>
-        <Button title="onPhoto" onPress={onPhoto} />
+        <Button title="Photograph" onPress={onPhoto} />
         <Text style={styles.text}>zoom:{zoom}</Text>
         <Text style={styles.text}>error:{errorStr}</Text>
         <Text style={styles.text}>photo:{photo}</Text>
@@ -94,24 +94,25 @@ export const CameraDemo: React.FC = (): JSX.Element => {
 const styles = StyleSheet.create({
   text: {
     fontSize: 20,
-    textAlign: 'center',
-    color: '#000',
+    textAlign: "center",
+    color: "#000",
     marginTop: 10,
   },
 });
-
 ```
+
 ### scanCode example
-``` js
-import React, {useRef, useState} from 'react';
-import {Text, StyleSheet, View} from 'react-native';
-import {CameraApi, CameraType,Camera} from 'react-native-camera-kit';
+
+```js
+import React, { useRef, useState } from "react";
+import { Text, StyleSheet, View } from "react-native";
+import { CameraApi, CameraType, Camera } from "react-native-camera-kit";
 
 export const ScanCodeDemo: React.FC = (): JSX.Element => {
-  const nativeRef = useRef<CameraApi>(null);
-  const [zoomStr, setZoomStr] = useState<number>(0);
-  const [errorStr, setErrorStr] = useState<string>('');
-  const [codeResult, setCodeResult] = useState<string>('');
+  const nativeRef = useRef < CameraApi > null;
+  const [zoomStr, setZoomStr] = useState < number > 0;
+  const [errorStr, setErrorStr] = useState < string > "";
+  const [codeResult, setCodeResult] = useState < string > "";
 
   const onError = (e: any) => {
     setErrorStr(e.nativeEvent.errorMessage);
@@ -129,7 +130,7 @@ export const ScanCodeDemo: React.FC = (): JSX.Element => {
     <>
       <View>
         <Camera
-          style={{width: '100%', height: 400}}
+          style={{ width: "100%", height: 400 }}
           ref={nativeRef}
           maxZoom={50}
           cameraType={CameraType.Back}
@@ -152,16 +153,13 @@ export const ScanCodeDemo: React.FC = (): JSX.Element => {
 const styles = StyleSheet.create({
   text: {
     fontSize: 20,
-    textAlign: 'center',
-    color: '#000',
+    textAlign: "center",
+    color: "#000",
     marginTop: 10,
   },
 });
-
-
 ```
 
-
 ## Link
 
 Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
@@ -183,7 +181,6 @@ Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
 Currently, two methods are available:
 
-
 Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
@@ -210,9 +207,9 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3. Configuring CMakeLists and Introducing xxx Package
+### 3. Introducing RTNCameraKitView Component to ArkTS
 
-Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -230,17 +227,14 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 }
 ...
-> [!TIP] If the repository uses a mixed solution, the component name needs to be added.  
+```
 
-Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
+在`entry/src/main/ets/pages/index.ets`中，如果当前文件中存在`arkTsComponentNames`数组(后续版本新增内容)，则需要在其中追加: `RTNCameraKitView.NAME`;
 
-```diff
-const arkTsComponentNames: Array<string> = [
-  SampleView.NAME,
-  GeneratedSampleView.NAME,
-  PropsDisplayer.NAME,
-+ RTNCameraKitView.NAME
-  ];
+```ts
+  ...
+ const arkTsComponentNames: Array<string> = [..., RTNCameraKitView.NAME];
+  ...
 ```
 
 ### 4. Introducing RTNCameraKitPackage to ArkTS
@@ -278,15 +272,15 @@ Then build and run the code.
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
 
 ### Permission Requirements
 
-The following permissions include the `system_basic` permission, but the default application permission is `normal`. Only the `normal` permission can be used. Therefore, the error * 9568289 * * * may be reported during the installation of the HAP package. For details, see [Document](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) Change the application level to `system_basic`.
+以下权限中有`system_basic` 权限，而默认的应用权限是 `normal` ，只能使用 `normal` 等级的权限，所以可能会在安装 hap 包时报错**9568289**，请参考 [文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) 修改应用等级为 `system_basic`
 
-#### Add permissions to the module.json5 file in the entry directory.
+#### Include applicable permissions in the module.json5 file within the entry directory.
 
-Open `entry/src/main/module.json5` and add the following information:
+Open the `entry/src/main/module.json5` file and add the following code:
 
 ```diff
 ...
@@ -324,9 +318,9 @@ Open `entry/src/main/module.json5` and add the following information:
 ]
 ```
 
-#### Add the reason for applying for the preceding permission to the entry directory.
+#### Apply the reasons for applicable permission in the entry directory.
 
-Open `entry/src/main/resources/base/element/string.json` and add the following information:
+Open the `entry/src/main/resources/base/element/string.json` file and add the following code:
 
 ```diff
 ...
@@ -334,15 +328,15 @@ Open `entry/src/main/resources/base/element/string.json` and add the following i
   "string": [
 +    {
 +      "name": "camera_reason",
-+      "value": "camera_reason"
++      "value": "using the camera"
 +    },
 +    {
 +      "name": "location_reason",
-+      "value": "location_reason"
++      "value": "get current location"
 +    },
 +    {
 +      "name": "microphone_reason",
-+      "value": "microphone_reason"
++      "value": "using a Microphone"
 +    },
   ]
 }
@@ -354,71 +348,70 @@ Open `entry/src/main/resources/base/element/string.json` and add the following i
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**Camera**：CameraComponent
-
-| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
-|-----------------|----------------------|----------|----------|-------------|-------------------|
-| ref | Reference on the camera view     | Ref | no       | All | yes               |
-| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
-| flashMode  | Camera flash mode. Default: `auto` | 'on'`/`'off'`/`'auto' | no       | All | yes               |
-| focusMode  | Camera focus mode. Default: on     | 'on'`/`'off' | no       | All | yes               |
-| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
-| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
-| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
-| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
-| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
-| cameraType  | Choose what camera to use. Default: `CameraType. | 'front'/'back' | no       | All | yes               |
-| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | yes               |
-| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
-| shutterPhotoSound  |Android only. Enable or disable the shutter sound when capturing a photo. Default: `true`     | Boolean | no       | Android | yes   
-| ratioOverlay  | Show a guiding overlay in the camera preview for the selected ratio. Does not crop image as of v9.0. Example: '16:9'     | String | no       | iOS | yes               |
-| ratioOverlayColor  | Any color with alpha. Default: '#ffffff77'     | String | no       | All | yes               |
-| resetFocusTimeout  | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.     | Number | no       | All | yes               |
-| resetFocusWhenMotionDetected	  | Dismiss tap to focus when focus area content changes. Native iOS feature, see documentation: https://developer.apple.com/documentation/avfoundation/avcapturedevice/1624644-subjectareachangemonitoringenabl?language=objc). Default true.     | Boolean | no       | iOS | no             |
-| resizeMode  | Determines the scaling and cropping behavior of content within the view. cover (resizeAspectFill on iOS) scales the content to fill the view completely, potentially cropping content if its aspect ratio differs from the view. contain (resizeAspect on iOS) scales the content to fit within the view's bounds without cropping, ensuring all content is visible but may introduce letterboxing. Default behavior depends on the specific use case.     | 'cover' / 'contain' | no       | iOS | no             |
-| onCaptureButtonPressIn  | Callback when iPhone capture button is pressed in. Ex: onCaptureButtonPressIn={() => console.log("volume button pressed in")}    | Function | no       | iOS | yes          |
-| onCaptureButtonPressOut  | Callback when iPhone capture button is released. Ex: onCaptureButtonPressOut={() => console.log("volume button released")}     | Function | no       | iOS | no             |
-
-**ScanCode**：ScanCodeComponent
-
-| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
-|-----------------|----------------------|----------|----------|-------------|-------------------|
-| ref | Reference on the camera view     | Ref | no       | All      | yes               |
-| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
-| flashMode  | Get secret value     | 'on'`/`'off'`/`'auto' | no       | All | yes          |
-| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
-| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
-| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
-| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
-| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
-| cameraType                   | Choose what camera to use. Default: `CameraType.             | 'front'/'back'        | no       | All | no                |
-| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | no             |
-| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
-| resetFocusTimeout  | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.     | Number | no       | All | yes               |
-| scanThrottleDelay  | Duration between scan detection in milliseconds. Default 2000 (2s)     | Number | no       | All | yes              |
-| scanBarcode  | Enable barcode scanner. Default: `false`     | boolean | no       | All | yes               |
-| showFrame  | Show frame in barcode scanner. Default: `false`     | boolean | no       | All | yes               |
-| laserColor  | Color of barcode scanner laser visualization. Default: `red`     | string | no       | All | yes               |
-| frameColor  | Color of barcode scanner frame visualization. Default: `yellow`     | string | no       | All | yes               |
-| onReadCode  | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)}     | Function | no       | All | yes               |
-
-## Methods
-
-| Name  | Description         | Type       | Required | Platform | HarmonyOS Support |
-| ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
-| capture  | Capture image as JPEG.  | Promise<CaptureData> | No       | All      | Yes               |
-| requestDeviceCameraAuthorization  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | No       | All      | Yes               |
-| checkDeviceCameraAuthorizationStatus  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | All      | Yes               |Yes|
-
+**Camera**: 相机组件
+
+| Name                         | Description                                                                                                                                                                                                                                                                                                                                                                                                                                            | Type                  | Required | Platform | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- |
+| ref                          | Reference on the camera view                                                                                                                                                                                                                                                                                                                                                                                                                           | Ref                   | no       | All      | yes               |
+| style                        | Style to apply on the camera view                                                                                                                                                                                                                                                                                                                                                                                                                      | StyleProp\<ViewStyle> | no       | All      | yes               |
+| flashMode                    | Camera flash mode. Default: `auto`                                                                                                                                                                                                                                                                                                                                                                                                                     | 'on'`/`'off'`/`'auto' | no       | All      | yes               |
+| focusMode                    | Camera focus mode. Default: on                                                                                                                                                                                                                                                                                                                                                                                                                         | 'on'`/`'off'          | no       | All      | yes               |
+| zoomMode                     | Enable the pinch to zoom gesture. Default: on                                                                                                                                                                                                                                                                                                                                                                                                          | 'on'`/`'off'          | no       | All      | yes               |
+| zoom                         | Control the zoom. Default: 1.0                                                                                                                                                                                                                                                                                                                                                                                                                         | Number                | no       | All      | yes               |
+| maxZoom                      | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)                                                                                                                                                                                                                                                                                                                                                      | Number                | no       | All      | yes               |
+| onZoom                       | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.                                                                                                                                                                                                                                                                              | Function              | no       | All      | yes               |
+| torchMode                    | Toggle flash light when camera is active. Default: off                                                                                                                                                                                                                                                                                                                                                                                                 | 'on'`/`'off'          | no       | All      | yes               |
+| cameraType                   | Choose what camera to use. Default: `CameraType.                                                                                                                                                                                                                                                                                                                                                                                                       | 'front'/'back'        | no       | All      | yes               |
+| onOrientationChange          | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value                                                                                                                    | Function              | no       | iOS      | yes               |
+| onError                      | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.                                                                                                                                                                                                                                                                                                                                  | Function              | no       | Android  | yes               |
+| shutterPhotoSound            | Android only. Enable or disable the shutter sound when capturing a photo. Default: `true`                                                                                                                                                                                                                                                                                                                                                              | Boolean               | no       | Android  | yes               |
+| ratioOverlay                 | Show a guiding overlay in the camera preview for the selected ratio. Does not crop image as of v9.0. Example: '16:9'                                                                                                                                                                                                                                                                                                                                   | String                | no       | iOS      | yes               |
+| ratioOverlayColor            | Any color with alpha. Default: '#ffffff77'                                                                                                                                                                                                                                                                                                                                                                                                             | String                | no       | All      | yes               |
+| resetFocusTimeout            | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.                                                                                                                                                                                                                                                                                                                                                   | Number                | no       | All      | yes               |
+| resetFocusWhenMotionDetected | Dismiss tap to focus when focus area content changes. Native iOS feature, see documentation: https://developer.apple.com/documentation/avfoundation/avcapturedevice/1624644-subjectareachangemonitoringenabl?language=objc). Default true.                                                                                                                                                                                                             | Boolean               | no       | iOS      | no                |
+| resizeMode                   | Determines the scaling and cropping behavior of content within the view. cover (resizeAspectFill on iOS) scales the content to fill the view completely, potentially cropping content if its aspect ratio differs from the view. contain (resizeAspect on iOS) scales the content to fit within the view's bounds without cropping, ensuring all content is visible but may introduce letterboxing. Default behavior depends on the specific use case. | 'cover' / 'contain'   | no       | iOS      | no                |
+| onCaptureButtonPressIn       | Callback when iPhone capture button is pressed in. Ex: onCaptureButtonPressIn={() => console.log("volume button pressed in")}                                                                                                                                                                                                                                                                                                                          | Function              | no       | iOS      | yes               |
+| onCaptureButtonPressOut      | Callback when iPhone capture button is released. Ex: onCaptureButtonPressOut={() => console.log("volume button released")}                                                                                                                                                                                                                                                                                                                             | Function              | no       | iOS      | no                |
+
+**ScanCode**: 扫码组件
+
+| Name                | Description                                                                                                                                                                                                                                                                                                                         | Type                  | Required | Platform | HarmonyOS Support |
+| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | -------- | -------- | ----------------- |
+| ref                 | Reference on the camera view                                                                                                                                                                                                                                                                                                        | Ref                   | no       | All      | yes               |
+| style               | Style to apply on the camera view                                                                                                                                                                                                                                                                                                   | StyleProp\<ViewStyle> | no       | All      | yes               |
+| flashMode           | Get secret value                                                                                                                                                                                                                                                                                                                    | 'on'`/`'off'`/`'auto' | no       | All      | yes               |
+| zoomMode            | Enable the pinch to zoom gesture. Default: on                                                                                                                                                                                                                                                                                       | 'on'`/`'off'          | no       | All      | yes               |
+| zoom                | Control the zoom. Default: 1.0                                                                                                                                                                                                                                                                                                      | Number                | no       | All      | yes               |
+| maxZoom             | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)                                                                                                                                                                                                                                   | Number                | no       | All      | yes               |
+| onZoom              | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.                                                                                                                                                           | Function              | no       | All      | yes               |
+| torchMode           | Toggle flash light when camera is active. Default: off                                                                                                                                                                                                                                                                              | 'on'`/`'off'          | no       | All      | yes               |
+| cameraType          | Choose what camera to use. Default: `CameraType.                                                                                                                                                                                                                                                                                    | 'front'/'back'        | no       | All      | no                |
+| onOrientationChange | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value | Function              | no       | iOS      | no                |
+| onError             | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.                                                                                                                                                                                                               | Function              | no       | Android  | yes               |
+| resetFocusTimeout   | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.                                                                                                                                                                                                                                | Number                | no       | All      | yes               |
+| scanThrottleDelay   | Duration between scan detection in milliseconds. Default 2000 (2s)                                                                                                                                                                                                                                                                  | Number                | no       | All      | yes               |
+| scanBarcode         | Enable barcode scanner. Default: `false`                                                                                                                                                                                                                                                                                            | boolean               | no       | All      | yes               |
+| showFrame           | Show frame in barcode scanner. Default: `false`                                                                                                                                                                                                                                                                                     | boolean               | no       | All      | yes               |
+| laserColor          | Color of barcode scanner laser visualization. Default: `red`                                                                                                                                                                                                                                                                        | string                | no       | All      | yes               |
+| frameColor          | Color of barcode scanner frame visualization. Default: `yellow`                                                                                                                                                                                                                                                                     | string                | no       | All      | yes               |
+| onReadCode          | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)}                                                                                                                                           | Function              | no       | All      | yes               |
+
+## Static Methods
+
+| Name                                 | Description                                                                 | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------------------ | --------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| capture                              | Capture image as JPEG.                                                      | Promise<CaptureData> | No       | All      | Yes               |
+| requestDeviceCameraAuthorization     | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean>     | No       | All      | Yes               |
+| checkDeviceCameraAuthorizationStatus | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean>     | All      | Yes      | Yes               |
 
 ## Known Issues
 
-- [ ] The sensor rotation angle cannot be queried. [issue#1](https://github.com/react-native-oh-library/react-native-camera-kit/issues/1) 
-- [ ] The front camera cannot be used for code scanning. [issue#2](https://github.com/react-native-oh-library/react-native-camera-kit/issues/2) 
-- [ ] The flashMode and torchMode attributes cannot be set at the same time. [issue#3](https://github.com/react-native-oh-library/react-native-camera-kit/issues/3)
-- [ ] The onCaptureButtonPressOut attribute is not supported. [issue#4](https://github.com/react-native-oh-library/react-native-camera-kit/issues/4)
-- [ ] The resetFocusWhenMotionDetected attribute is not supported. [issue#5](https://github.com/react-native-oh-library/react-native-camera-kit/issues/5)
-- [ ] The resizeMode attribute is not supported currently. [issue#6](https://github.com/react-native-oh-library/react-native-camera-kit/issues/6)
+- [ ] 不支持查询传感器旋转角度 [issue#1](https://github.com/react-native-oh-library/react-native-camera-kit/issues/1)
+- [ ] 不支持使用前置相机进行扫码 [issue#2](https://github.com/react-native-oh-library/react-native-camera-kit/issues/2)
+- [ ] 不能同时设置 flashMode 和 torchMode 属性 [issue#3](https://github.com/react-native-oh-library/react-native-camera-kit/issues/3)
+- [ ] 暂不支持 onCaptureButtonPressOut 属性 [issue#4](https://github.com/react-native-oh-library/react-native-camera-kit/issues/4)
+- [ ] 暂不支持 resetFocusWhenMotionDetected 属性 [issue#5](https://github.com/react-native-oh-library/react-native-camera-kit/issues/5)
+- [ ] 暂不支持 resizeMode 属性 [issue#6](https://github.com/react-native-oh-library/react-native-camera-kit/issues/6)
 
 ## Others
 
diff --git a/en/react-native-charts-wrapper.md b/en/react-native-charts-wrapper.md
index a3538669..e62795aa 100644
--- a/en/react-native-charts-wrapper.md
+++ b/en/react-native-charts-wrapper.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-charts-wrapper</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-charts-wrapper)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-charts-wrapper)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-charts-wrapper@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { BarChart } from "react-native-charts-wrapper";
@@ -73,17 +73,17 @@ const BarChartDemo = () => {
 export default BarChartDemo;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -94,18 +94,15 @@ export default BarChartDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -114,22 +111,22 @@ export default BarChartDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 BarCharts、LineCharts、HorizontalBarCharts 、BubbleCharts、PieCharts、RadarCharts、ScatterCharts、CandleStickCharts、CombinedCharts 组件
+### 3. Introducing BarCharts、LineCharts、HorizontalBarCharts 、BubbleCharts、PieCharts、RadarCharts、ScatterCharts、CandleStickCharts、CombinedCharts Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -227,9 +224,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 4.在 ArkTs 侧引入 ChartsWrapperPackage
+### 4. Introducing ChartsWrapperPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -243,31 +240,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-## 约束与限制
+Then build and run the code.
+
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Common Props
 
@@ -284,7 +282,7 @@ ohpm install
 #### Legend
 
 | Name                | Description              | Type                                         | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------ | -------------------------------------------- | -------- | ----------- |-------------------|
+| ------------------- | ------------------------ | -------------------------------------------- | -------- | ----------- | ----------------- |
 | enabled             | 是否设置图表图例部件     | bool                                         | No       | iOS/Android | Yes               |
 | text                | 设置要显示为图例的文本   | string                                       | No       | iOS/Android | Yes               |
 | textColor           | 设置图例文本的颜色       | number                                       | No       | iOS/Android | NO                |
@@ -356,7 +354,7 @@ ohpm install
 | Name                         | Description          | Type        | Required | Platform    | HarmonyOS Support |
 | ---------------------------- | -------------------- | ----------- | -------- | ----------- | ----------------- |
 | animation                    | 设置图表动画         | object      | No       | iOS/Android | Yes               |
-| chartBackgroundColor         | 设置图表背景颜色     | number      | No       | iOS/Android | NO               |
+| chartBackgroundColor         | 设置图表背景颜色     | number      | No       | iOS/Android | NO                |
 | logEnabled                   | 启用日志             | bool        | No       | iOS/Android | NO                |
 | noDataText                   | 设置无数据文本       | string      | No       | iOS/Android | Yes               |
 | noDataTextColor              | 设置无数据文本颜色   | number      | No       | iOS/Android | Yes               |
@@ -370,27 +368,27 @@ ohpm install
 
 ### BarLineChartBase
 
-| Name                   | Description                                                 | Type                            | Required | Platform    | HarmonyOS Support |
-|------------------------|-------------------------------------------------------------| ------------------------------- | -------- | ----------- | ----------------- |
-| drawGridBackground     | 是否设置网格背景颜色                                                  | bool                            | No       | iOS/Android | Yes               |
-| gridBackgroundColor    | 设置网格背景颜色                                                    | number                          | No       | iOS/Android | Yes               |
-| drawBorders            | 是否设置边框                                                      | bool                            | No       | iOS/Android | Yes               |
-| borderColor            | 设置边框颜色                                                      | number                          | No       | iOS/Android | Yes               |
-| borderWidth            | 设置边框宽度                                                      | number                          | No       | iOS/Android | Yes               |
-| minOffset              | 设置最小偏移                                                      | number                          | No       | iOS/Android | Yes               |
-| maxVisibleValueCount   | 设置最大条目数                                                     | number                          | No       | iOS/Android | Yes               |
-| visibleRange           | 限制通过捏合和缩放可以看到的最大和最小 x 范围                                    | object                          | No       | iOS/Android | NO                |
-| autoScaleMinMaxEnabled | 是否设置 Y 轴的自动缩放标记                                             | bool                            | No       | iOS/Android | Yes               |
-| keepPositionOnRotation | 设置图表在旋转（方向更改）后是否应保持其位置（缩放/滚动                                | bool                            | No       | iOS/Android | NO                |
-| scaleEnabled           | 是否启用缩放                                                      | bool                            | No       | iOS/Android | Yes               |
-| scaleXEnabled          | 是否启用 X 轴缩放                                                  | bool                            | No       | iOS/Android | Yes               |
-| scaleYEnabled          | 是否启用 Y 轴缩放                                                  | bool                            | No       | iOS/Android | Yes               |
-| dragEnabled            | 是否设置拖动                                                      | bool                            | No       | iOS/Android | Yes               |
-| pinchZoom              | 如果设置为 true，则 x 和 y 轴都可以用 2 个手指同时缩放，如果为 false，x 轴和 y 轴可以单独缩放 | bool                            | No       | iOS/Android | Yes               |
-| doubleTapToZoomEnabled | 将此属性设置为 true 可通过双击图表启用放大功能                                  | bool                            | No       | iOS/Android | Yes               |
-| yAxis                  | 设置 Y 轴                                                      | { left: YAxis, right: YAxis } | No       | iOS/Android | Yes               |
-| zoom                   | 按给定的比例因子放大或缩小                                               | object                          | No       | iOS/Android | Yes               |
-| viewPortOffsets        | 设置当前 ViewPort 的自定义偏移（在视图两侧的偏移）                              | object                          | No       | iOS/Android | Yes               |
+| Name                   | Description                                                                                   | Type                          | Required | Platform    | HarmonyOS Support |
+| ---------------------- | --------------------------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
+| drawGridBackground     | 是否设置网格背景颜色                                                                          | bool                          | No       | iOS/Android | Yes               |
+| gridBackgroundColor    | 设置网格背景颜色                                                                              | number                        | No       | iOS/Android | Yes               |
+| drawBorders            | 是否设置边框                                                                                  | bool                          | No       | iOS/Android | Yes               |
+| borderColor            | 设置边框颜色                                                                                  | number                        | No       | iOS/Android | Yes               |
+| borderWidth            | 设置边框宽度                                                                                  | number                        | No       | iOS/Android | Yes               |
+| minOffset              | 设置最小偏移                                                                                  | number                        | No       | iOS/Android | Yes               |
+| maxVisibleValueCount   | 设置最大条目数                                                                                | number                        | No       | iOS/Android | Yes               |
+| visibleRange           | 限制通过捏合和缩放可以看到的最大和最小 x 范围                                                 | object                        | No       | iOS/Android | NO                |
+| autoScaleMinMaxEnabled | 是否设置 Y 轴的自动缩放标记                                                                   | bool                          | No       | iOS/Android | Yes               |
+| keepPositionOnRotation | 设置图表在旋转（方向更改）后是否应保持其位置（缩放/滚动                                       | bool                          | No       | iOS/Android | NO                |
+| scaleEnabled           | 是否启用缩放                                                                                  | bool                          | No       | iOS/Android | Yes               |
+| scaleXEnabled          | 是否启用 X 轴缩放                                                                             | bool                          | No       | iOS/Android | Yes               |
+| scaleYEnabled          | 是否启用 Y 轴缩放                                                                             | bool                          | No       | iOS/Android | Yes               |
+| dragEnabled            | 是否设置拖动                                                                                  | bool                          | No       | iOS/Android | Yes               |
+| pinchZoom              | 如果设置为 true，则 x 和 y 轴都可以用 2 个手指同时缩放，如果为 false，x 轴和 y 轴可以单独缩放 | bool                          | No       | iOS/Android | Yes               |
+| doubleTapToZoomEnabled | 将此属性设置为 true 可通过双击图表启用放大功能                                                | bool                          | No       | iOS/Android | Yes               |
+| yAxis                  | 设置 Y 轴                                                                                     | { left: YAxis, right: YAxis } | No       | iOS/Android | Yes               |
+| zoom                   | 按给定的比例因子放大或缩小                                                                    | object                        | No       | iOS/Android | Yes               |
+| viewPortOffsets        | 设置当前 ViewPort 的自定义偏移（在视图两侧的偏移）                                            | object                        | No       | iOS/Android | Yes               |
 
 ### Data Config Type
 
@@ -443,9 +441,9 @@ ohpm install
 | ----------------- | --------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
 | drawValueAboveBar | 如果设置为 true，则所有值都绘制在其条形上方，而不是绘制在其顶部下方。 | bool    | No       | iOS/Android | Yes               |
 | drawBarShadow     | 如果设置为 true，则在每个条形后面绘制一个灰色区域，表示最大值         | bool    | No       | iOS/Android | Yes               |
-| barWidth     | 设置每个条形在x轴上应具有的宽度         | number    | No       | iOS/Android | Yes               |
-| topRadius     | 设置顶部圆角半径         | number    | No       | iOS/Android | Yes               |
-| group     | 所有BarDataSet对象组合在一起         | object    | No       | iOS/Android | Yes               |
+| barWidth          | 设置每个条形在 x 轴上应具有的宽度                                     | number  | No       | iOS/Android | Yes               |
+| topRadius         | 设置顶部圆角半径                                                      | number  | No       | iOS/Android | Yes               |
+| group             | 所有 BarDataSet 对象组合在一起                                        | object  | No       | iOS/Android | Yes               |
 | data              | 柱状图数据                                                            | BarData | Yes      | iOS/Android | Yes               |
 
 #### BarData Config
@@ -587,10 +585,10 @@ ohpm install
 | common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
 | barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
 | lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据         | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
-| scatterShapeSize     | 设置绘制的scattershape将具有的大小         | number     | No       | iOS/Android | Yes               |
-| scatterShape     |  设置绘制此DataSet时应使用的散点形状         | string     | No       | iOS/Android | Yes               |
-| scatterShapeHoleColor     | 设置形状中孔的颜色         | number     | No       | iOS/Android | Yes               |
-| scatterShapeHoleRadius     | 设置形状中孔的半径（适用于正方形、圆形和三角形）         | number     | No       | iOS/Android | Yes               |
+| scatterShapeSize           | 设置绘制的 scattershape 将具有的大小                 | number                                                       | No       | iOS/Android | Yes               |
+| scatterShape               | 设置绘制此 DataSet 时应使用的散点形状                | string                                                       | No       | iOS/Android | Yes               |
+| scatterShapeHoleColor      | 设置形状中孔的颜色                                   | number                                                       | No       | iOS/Android | Yes               |
+| scatterShapeHoleRadius     | 设置形状中孔的半径（适用于正方形、圆形和三角形）     | number                                                       | No       | iOS/Android | Yes               |
 
 #### ScatterData Values
 
@@ -665,18 +663,20 @@ ohpm install
 | ----- | ----------- | ------ | -------- | ----------- | ----------------- |
 | value | 数据        | number | Yes      | iOS/Android | Yes               |
 
-## 遗留问题
-
-## 其他
-- 图例的maxSizePercent最大百分比属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/995)
-- 图例的custom属性，设置后会覆盖原有的图例，但自定义图例也不显示在Android和iOS中，属性不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/996)
-- logEnabled 会开启安卓特有的日志logcat和 highlights属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/998)
-- stackLabels 堆叠条形图设置无效果和 drawCubicIntensity 曲线角度属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/997)
-- 在Android和iOS visibleRange 最大大小百分比限制通过缩放和缩放可以看到的最大和最小x范围不起作用， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
-- keepPositionOnRotation旋转后保持图表原始位置属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
-- valueFormatter格式化数据属性在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/935)
-- chartBackgroundColor图表背景颜色在原库中不生效，在原库中网格背景颜色与图表背景颜色设置的内容一样，则已不支持图表背景 HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1001)
-- Legend中的text与data中label效果相同，原库中已不支持该属性。HarmonyOS与Android，ios表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1003)
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://mitlicense.org/) ，请自由地享受和参与开源。
+## Known Issues
+
+## Others
+
+- 图例的 maxSizePercent 最大百分比属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/995)
+- 图例的 custom 属性，设置后会覆盖原有的图例，但自定义图例也不显示在 Android 和 iOS 中，属性不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/996)
+- logEnabled 会开启安卓特有的日志 logcat 和 highlights 属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/998)
+- stackLabels 堆叠条形图设置无效果和 drawCubicIntensity 曲线角度属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/997)
+- 在 Android 和 iOS visibleRange 最大大小百分比限制通过缩放和缩放可以看到的最大和最小 x 范围不起作用， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- keepPositionOnRotation 旋转后保持图表原始位置属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- valueFormatter 格式化数据属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/935)
+- chartBackgroundColor 图表背景颜色在原库中不生效，在原库中网格背景颜色与图表背景颜色设置的内容一样，则已不支持图表背景 HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1001)
+- Legend 中的 text 与 data 中 label 效果相同，原库中已不支持该属性。HarmonyOS 与 Android，ios 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1003)
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://mitlicense.org/).
diff --git a/en/react-native-communications.md b/en/react-native-communications.md
index cff9fe5f..c5df9f6c 100644
--- a/en/react-native-communications.md
+++ b/en/react-native-communications.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-communications</code> </h1>
@@ -13,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/davebeehively/react-native-communications)
+> [!TIP] [GitHub address](https://github.com/davebeehively/react-native-communications)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,35 +34,36 @@ yarn add react-native-communications@2.2.1
 
 <!-- tabs:end -->
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-var React = require('react-native');
-var {
-  StyleSheet,
-  View,
-  TouchableOpacity,
-  Text
-} = React;
+var React = require("react-native");
+var { StyleSheet, View, TouchableOpacity, Text } = React;
 
-import { phonecall, text, textWithoutEncoding, email, web } from 'react-native-communications';
+import {
+  phonecall,
+  text,
+  textWithoutEncoding,
+  email,
+  web,
+} from "react-native-communications";
 
 const RNCommunications = () => {
   const handleButton1Press = () => {
-    phonecall('0123456789', false)
-  }
+    phonecall("0123456789", false);
+  };
   const handleButton2Press = () => {
-    email(['email@xxx.com'], null, null, 'My Subject', 'My body text')
-  }
+    email(["email@xxx.com"], null, null, "My Subject", "My body text");
+  };
   const handleButton3Press = () => {
-    text('0123456789')
-  }
+    text("0123456789");
+  };
   const handleButton4Press = () => {
-    web('https://www.baidu.com/')
-  }
+    web("https://www.baidu.com/");
+  };
   const handleButton5Press = () => {
-    textWithoutEncoding('0123456789', "9999999")
-  }
+    textWithoutEncoding("0123456789", "9999999");
+  };
 
   return (
     <View style={styles.container}>
@@ -89,50 +89,49 @@ const RNCommunications = () => {
 var styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
   },
   button: {
     padding: 10,
     margin: 5,
-    backgroundColor: 'white',
+    backgroundColor: "white",
     borderRadius: 5,
-  }
+  },
 });
 
 export default RNCommunications;
 ```
-## 约束与限制
 
-### 兼容性
+## Constraints
+
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
-2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
-## 静态方法
+1.RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Static Methods
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| phonecall  | 拨打电话         | function  | yes | All      | yes |
-| email  | 发送电子邮件      | function  | yes | All      | no |
-| text  | 发送文本消息          | function  | yes | All      | yes |
-| textWithoutEncoding  | 发送文本消息，但是不进行编码处理       | function  | yes | All      | yes |
-| web  | 打开指定的网页 URL         | function  | yes | All      | yes |
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-## 遗留问题
+| Name                | Description                      | Type     | Required | Platform | HarmonyOS Support |
+| ------------------- | -------------------------------- | -------- | -------- | -------- | ----------------- |
+| phonecall           | 拨打电话                         | function | yes      | All      | yes               |
+| email               | 发送电子邮件                     | function | yes      | All      | no                |
+| text                | 发送文本消息                     | function | yes      | All      | yes               |
+| textWithoutEncoding | 发送文本消息，但是不进行编码处理 | function | yes      | All      | yes               |
+| web                 | 打开指定的网页 URL               | function | yes      | All      | yes               |
 
-- [ ] HarmonyOS 侧没有邮箱应用，导致email方法无法打开发送邮件界面。
-- [ ] text添加body之后，没法在短信界面拆分进短信输入栏，框架侧接口Linking.canOpenURL不支持。
+## Known Issues
 
-## 其他
+- [ ] HarmonyOS 侧没有邮箱应用，导致 email 方法无法打开发送邮件界面。
+- [ ] text 添加 body 之后，没法在短信界面拆分进短信输入栏，框架侧接口 Linking.canOpenURL 不支持。
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/davebeehively/react-native-communications/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/davebeehively/react-native-communications/blob/master/LICENSE).
diff --git a/en/react-native-config.md b/en/react-native-config.md
index 7b294613..b3cc417b 100644
--- a/en/react-native-config.md
+++ b/en/react-native-config.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-config</code> </h1>
@@ -12,29 +12,35 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-config)
-## 基本用法
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-config)
+
+## Basic Usage
+
 在 React Native 应用程序的根目录中创建一个新`.env`文件
+
 ```bash
 API_URL=https://myapi.com
 GOOGLE_MAPS_API_KEY=abcdefgh
 ```
-然后从您的应用程序访问那里定义的变量：
+
+然后从您的应用程序访问那里定义的变量:
+
 ```bash
 import Config from "react-native-config";
 
 Config.API_URL; // 'https://myapi.com/'
 Config.GOOGLE_MAPS_API_KEY; // 'abcdefgh'
 ```
+
 请记住，此模块不会混淆或加密机密以进行打包，因此请勿将敏感密钥存储在`.env`中[基本上不可能阻止用户对移动应用程序机密进行逆向工程](https://rammic.github.io/2015/07/28/hiding-secrets-in-android-apps/)，因此请在设计应用程序（和 API）时牢记这一点。
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### npm
 
@@ -48,10 +54,9 @@ npm install @react-native-oh-tpl/react-native-config@file:#
 yarn add @react-native-oh-tpl/react-native-config@file:#
 ```
 
+The following code shows the basic use scenario of the repository:
 
-下面的代码展示了这个库的基本使用场景：
-
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```
 import React, {Component} from 'react';
@@ -84,17 +89,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -105,7 +110,7 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
 该库仅支持源码形式引入
 
@@ -129,7 +134,7 @@ modules:[
 ]
 ```
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -138,18 +143,18 @@ modules:[
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-### 3.在 ArkTs 侧引入 RNConfigPackage
+### 3. Introducing RNConfigPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 import type { RNPackageContext, RNPackage } from 'rnoh/ts';
@@ -164,45 +169,48 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
 ### 多环境
-将不同环境的配置保存在不同的文件中：`.env.staging`，`.env.production`等等。
-默认情况下，`react-native-config `将从`.env`中读取。最简单的方法是用环境变量告诉它读取什么文件，以命令行中使用IDE下的`hvigor.js`的方式（不推荐）。
+
+将不同环境的配置保存在不同的文件中: `.env.staging`，`.env.production`等等。
+默认情况下，`react-native-config `将从`.env`中读取。最简单的方法是用环境变量告诉它读取什么文件，以命令行中使用 IDE 下的`hvigor.js`的方式（不推荐）。
 
 例如在`CMD`窗口下
 
-首先从RN工程根目录 `cd harmony` 进入harmony目录
+首先从 RN 工程根目录 `cd harmony` 进入 harmony 目录
 
-然后先停止守护进程：
+然后先停止守护进程:
 
 ```bash
 "D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio\tools\hvigor\bin\hvigorw.js" --stop-daemon-all
 ```
 
-*注意，命令中`node.exe`与`hvigor.js`路径为`DevEco Studio`安装目录下的`tools`目录下，需根据实际情况更改。
+\*注意，命令中`node.exe`与`hvigor.js`路径为`DevEco Studio`安装目录下的`tools`目录下，需根据实际情况更改。
 
-然后设置环境变量`ENVFILE`为想要指定的配置文件名（注意：文件名后不要加空格），并用`hvigor.js`构建工程，例如：
+然后设置环境变量`ENVFILE`为想要指定的配置文件名（注意: 文件名后不要加空格），并用`hvigor.js`构建工程，例如:
 
 ```bash
 set ENVFILE=.env.staging&&"D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio\tools\hvigor\bin\hvigorw.js"  --mode module -p module=entry@default -p product=default -p requiredDeviceType=phone assembleHap --analyze=normal --parallel --increm
 ```
-之后可打开`DevEco Studio`构建运行，但此时为保证所设环境变量与工程构建在同一进程，不可在`DevEco Studio`的终端中以hvigor命令构建工程。
+
+之后可打开`DevEco Studio`构建运行，但此时为保证所设环境变量与工程构建在同一进程，不可在`DevEco Studio`的终端中以 hvigor 命令构建工程。
 
 #### 建立映射
 
-或者，您可以定义一个映射来将构建与环境文件关联起来，可以在`harmony`工程根目录的`build-profile.json5`中的`products`中的`buildOption`节点下的`arkOptions`子节点中通过增加`buildProfileFields`字段配置映射，字段中以键值对的方式配置，其中key值为小写的工程构建类型，value为该构建类型下所要读取的文件名
+或者，您可以定义一个映射来将构建与环境文件关联起来，可以在`harmony`工程根目录的`build-profile.json5`中的`products`中的`buildOption`节点下的`arkOptions`子节点中通过增加`buildProfileFields`字段配置映射，字段中以键值对的方式配置，其中 key 值为小写的工程构建类型，value 为该构建类型下所要读取的文件名
+
 ```json
 "products": [
       {
@@ -222,30 +230,28 @@ set ENVFILE=.env.staging&&"D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio
     ]
 ```
 
-## 约束与限制
-
-### 兼容性
-
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+## Constraints
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases)
+### Compatibility
 
-## 属性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases)
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+## Properties
 
-| Name            | Description                       | Type     | Required | Platform    | HarmonyOS Support |
-| --------------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
-| Config    | 类中属性名及其值对应.env文件中所定义的键值对           | Object     | no       | Android/iOS | yes               |
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-## 遗留问题
+| Name   | Description                                   | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | --------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| Config | 类中属性名及其值对应.env 文件中所定义的键值对 | Object | no       | Android/iOS | yes               |
 
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/lugg/react-native-config/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The MIT License (MIT)](https://github.com/lugg/react-native-config/blob/master/LICENSE).
diff --git a/en/react-native-contacts.md b/en/react-native-contacts.md
index 077197af..35bce26b 100644
--- a/en/react-native-contacts.md
+++ b/en/react-native-contacts.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-contacts</code> </h1>
@@ -14,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-contacts)
+> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-contacts)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-contacts@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+Quick use:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -332,17 +330,17 @@ export const ContactsDemo = () => {
 };
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -353,18 +351,15 @@ export const ContactsDemo = () => {
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -373,22 +368,22 @@ export const ContactsDemo = () => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 ContactsPackage
+### 3. Introducing ContactsPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -400,32 +395,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases)
 
-### 权限要求
+### Permission Requirements
 
 [!tip] "ohos.permission.READ_CONTACTS"，"ohos.permission.WRITE_CONTACTS"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
-打开`entry/src/main/module.json5`，添加：
+Open the `entry/src/main/module.json5` file and add the following code:
 
 ```json
 "requestPermissions": [
@@ -455,36 +450,35 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                                              | Description                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
-| ------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| getAll: Promise<Contact[]>  | returns all contacts as an array of objects                                                                                                        | function | no       | android,ios | yes               |
-| getAllWithoutPhotos:Promise<Contact[]>            | same as `getAll` on Android, but on iOS it will not return uris for contact photos (because there's a significant overhead in creating the images) | function | no       | android,ios | yes               |
-| getContactById(contactId): Promise<Contact>       | returns contact with defined contactId (or null if it doesn't exist)人                                                                             | function | no       | android,ios | yes               |
-| getCount(): Promise<number>                       | returns the number of contacts                                                                                                                     | function | no       | android,ios | yes               |
-| getPhotoForId(contactId: string): Promise<string> | Promise - returns a URI (or null) for a contacts photoURL                                                                                          | function | no       | android,ios | yes               |
-| addContact(contact: Partial<Contact>): Promise<Contact>| adds a contact to the AddressBook                                                                                                                                         | function | no       | android,ios | yes               |
-| openContactForm(contact: Partial<Contact>): Promise<Contact \| null> | create a new contact and display in contactsUI面                                                                                                                 | function | no       | android,ios | partially         |
-| openExistingContact(contact: Contact): Promise<Contact>          | open existing contact (edit mode), where contact is an object with a valid recordID                                                                                                                                 | function | no       | android,ios | partially         |
-| viewExistingContact(contact: { recordID: string })                               | open existing contact (view mode), where contact is an object with a valid recordID面                                                                                                                             | function | no       | android,ios | partially         |
-| editExistingContact(contact: Contact): Promise<Contact>                               | add numbers to the contact, where the contact is an object with a valid recordID and an array of phoneNumbers面                                                                                                                         | function | no       | android,ios | no                |
-| updateContact(contact: Partial<Contact> & {recordID: string}): Promise<void>                                     | where contact is an object with a valid recordID                                                                                                                                     | function | no       | android,ios | yes               |
-| deleteContact(contact: Contact): Promise<void>           | where contact is an object with a valid recordID                                                                                                                                         | function | no       | android,ios | yes               |
-| getContactsMatchingString(str: string): Promise<Contact[]>                         | where string is any string to match a name (first, middle, family) to                                                                                                                                 | function | no       | android,ios | yes               |
-| getContactsByPhoneNumber(phoneNumber: string): Promise<Contact[]>                          | where string is a phone number to match to.                                                                                                                                 | function | no       | android,ios | yes               |
-| getContactsByEmailAddress(emailAddress: string): Promise<Contact[]>                         | where string is an email address to match to.                                                                                                                         | function | no       | android,ios | yes               |
-| checkPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>;                                   | checks permission to access Contacts ios only                                                                                                                           | function | no       | ios         | yes               |
-| requestPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>                                 |  request permission to access Contacts ios only                                                                                                                                 | function | no       | ios         | yes               |
-| writePhotoToPath(contactId: string, file: string): Promise<boolean>                                  | writes the contact photo to a given path android only                                                                                                                         | function | no       | android     | no                |
-
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                                                                         | Description                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| getAll: Promise<Contact[]>                                                   | returns all contacts as an array of objects                                                                                                        | function | no       | android,ios | yes               |
+| getAllWithoutPhotos:Promise<Contact[]>                                       | same as `getAll` on Android, but on iOS it will not return uris for contact photos (because there's a significant overhead in creating the images) | function | no       | android,ios | yes               |
+| getContactById(contactId): Promise<Contact>                                  | returns contact with defined contactId (or null if it doesn't exist)人                                                                             | function | no       | android,ios | yes               |
+| getCount(): Promise<number>                                                  | returns the number of contacts                                                                                                                     | function | no       | android,ios | yes               |
+| getPhotoForId(contactId: string): Promise<string>                            | Promise - returns a URI (or null) for a contacts photoURL                                                                                          | function | no       | android,ios | yes               |
+| addContact(contact: Partial<Contact>): Promise<Contact>                      | adds a contact to the AddressBook                                                                                                                  | function | no       | android,ios | yes               |
+| openContactForm(contact: Partial<Contact>): Promise<Contact \| null>         | create a new contact and display in contactsUI 面                                                                                                  | function | no       | android,ios | partially         |
+| openExistingContact(contact: Contact): Promise<Contact>                      | open existing contact (edit mode), where contact is an object with a valid recordID                                                                | function | no       | android,ios | partially         |
+| viewExistingContact(contact: { recordID: string })                           | open existing contact (view mode), where contact is an object with a valid recordID 面                                                             | function | no       | android,ios | partially         |
+| editExistingContact(contact: Contact): Promise<Contact>                      | add numbers to the contact, where the contact is an object with a valid recordID and an array of phoneNumbers 面                                   | function | no       | android,ios | no                |
+| updateContact(contact: Partial<Contact> & {recordID: string}): Promise<void> | where contact is an object with a valid recordID                                                                                                   | function | no       | android,ios | yes               |
+| deleteContact(contact: Contact): Promise<void>                               | where contact is an object with a valid recordID                                                                                                   | function | no       | android,ios | yes               |
+| getContactsMatchingString(str: string): Promise<Contact[]>                   | where string is any string to match a name (first, middle, family) to                                                                              | function | no       | android,ios | yes               |
+| getContactsByPhoneNumber(phoneNumber: string): Promise<Contact[]>            | where string is a phone number to match to.                                                                                                        | function | no       | android,ios | yes               |
+| getContactsByEmailAddress(emailAddress: string): Promise<Contact[]>          | where string is an email address to match to.                                                                                                      | function | no       | android,ios | yes               |
+| checkPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>;         | checks permission to access Contacts ios only                                                                                                      | function | no       | ios         | yes               |
+| requestPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>        | request permission to access Contacts ios only                                                                                                     | function | no       | ios         | yes               |
+| writePhotoToPath(contactId: string, file: string): Promise<boolean>          | writes the contact photo to a given path android only                                                                                              | function | no       | android     | no                |
 
 **Contacts**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| recordID | 联系人id | string | no | android,ios | yes |
+| recordID | 联系人 id | string | no | android,ios | yes |
 | backTitle | 返回键标题 | string | no | android,ios | no |
 | company | 公司 | string|null | no | android,ios | yes |
 | emailAddresses | 电子邮箱地址 | EmailAddress[] | no | android,ios | yes |
@@ -506,7 +500,6 @@ ohpm install
 | urlAddresses | 图片地址 | UrlAddress[] | no | android,ios | no |
 | note | 备注 | string | no | android,ios | yes |
 
-
 **EmailAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -552,19 +545,16 @@ ohpm install
 | url | 路径 | string | no | android,ios | yes |
 | label | 标题 | string | no | android,ios | yes |
 
+## Known Issues
 
-## 遗留问题
-
-- [ ] openContactForm：跳转到系统联系人界面只支持姓名和电话参数传递，需要系统联系人应用支持所有属性，另外创建成功之后无法返回联系人信息，联系人应用目前不支持。[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
-- [ ] openExistingContact：联系人应用新增和编辑是同一个界面，目前参数只支持姓名和电话传递，编辑成功之后也无法拿到联系人信息[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
-- [ ] viewExistingContact：查看界面只有姓名和电话信息，需要联系人应用补齐所有属性[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
-- [ ] editExistingContact：没有单独的只支持编辑电话号码的页面，目前同编辑页面[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
-- [ ] writePhotoToPath：系统联系人应用不支持[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
-
-## 其他
+- [ ] openContactForm: 跳转到系统联系人界面只支持姓名和电话参数传递，需要系统联系人应用支持所有属性，另外创建成功之后无法返回联系人信息，联系人应用目前不支持。[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] openExistingContact: 联系人应用新增和编辑是同一个界面，目前参数只支持姓名和电话传递，编辑成功之后也无法拿到联系人信息[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] viewExistingContact: 查看界面只有姓名和电话信息，需要联系人应用补齐所有属性[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] editExistingContact: 没有单独的只支持编辑电话号码的页面，目前同编辑页面[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] writePhotoToPath: 系统联系人应用不支持[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/morenoh149/react-native-contacts/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [The MIT License (MIT)](https://github.com/morenoh149/react-native-contacts/blob/master/LICENSE).
diff --git a/en/react-native-context-menu-view.md b/en/react-native-context-menu-view.md
index 63154607..2d3ffc1e 100644
--- a/en/react-native-context-menu-view.md
+++ b/en/react-native-context-menu-view.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-context-menu-view</code> </h1>
@@ -12,17 +12,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-context-menu-view)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-context-menu-view)
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-context-menu-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import ContextMenu from "react-native-context-menu-view";
@@ -65,11 +63,11 @@ const Example = () => {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -80,18 +78,15 @@ const Example = () => {
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -100,22 +95,22 @@ const Example = () => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ContextMenuPackage
+### 3. Configuring CMakeLists and Introducing ContextMenuPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -153,7 +148,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -172,9 +167,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ContextMenuPackage
+### 4. Introducing ContextMenuPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ets`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -188,77 +183,77 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                   | Description                                                  | Type     | Required | Platform               | HarmonyOS Support |
-| ---------------------- | ------------------------------------------------------------ | -------- | -------- | ---------------------- | ----------------- |
-| title                  | The title above the popup menu.                              | string   | no       | Android/iOS            | yes               |
-| actions                | Menu props.                                                  | array    | no       | Android(partially)/iOS | partially         |
-| previewBackgroundColor | The background color of the preview.                         | string   | no       | NA                     | no                |
+| Name                   | Description                                                                                | Type     | Required | Platform               | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------------------------------------ | -------- | -------- | ---------------------- | ----------------- |
+| title                  | The title above the popup menu.                                                            | string   | no       | Android/iOS            | yes               |
+| actions                | Menu props.                                                                                | array    | no       | Android(partially)/iOS | partially         |
+| previewBackgroundColor | The background color of the preview.                                                       | string   | no       | NA                     | no                |
 | dropdownMenuMode       | When set to true, the context menu is triggered with a single tap instead of a long press. | boolean  | no       | Android/iOS            | yes               |
-| disabled               | Disable menu interaction.                                    | boolean  | no       | Android/iOS            | yes               |
-| onPress                | When the popup is opened and the user picks an option.       | callback | no       | Android/iOS            | yes               |
-| onPreviewPress         | When the context menu preview is tapped.                     | callback | no       | iOS                    | yes               |
-| onCancel               | When the popup is opened and the user cancels.               | callback | no       | Android/iOS            | yes               |
+| disabled               | Disable menu interaction.                                                                  | boolean  | no       | Android/iOS            | yes               |
+| onPress                | When the popup is opened and the user picks an option.                                     | callback | no       | Android/iOS            | yes               |
+| onPreviewPress         | When the context menu preview is tapped.                                                   | callback | no       | iOS                    | yes               |
+| onCancel               | When the popup is opened and the user cancels.                                             | callback | no       | Android/iOS            | yes               |
 
 ## actions
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name           | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
-| -------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
-| title          | the title of the action                                      | string  | no       | Android/iOS | yes               |
-| subtitle       | the subtitle of the action                                   | string  | no       | iOS 15+     | yes               |
+| Name           | Description                                                                                                                    | Type    | Required | Platform    | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------------------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| title          | the title of the action                                                                                                        | string  | no       | Android/iOS | yes               |
+| subtitle       | the subtitle of the action                                                                                                     | string  | no       | iOS 15+     | yes               |
 | systemIcon     | refers to an icon name within [SF Symbols](https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/) | string  | no       | iOS         | yes               |
-| icon           | Custom Icons.                                                | string  | no       | Android/iOS | yes               |
-| iconColor      | will change the color of the icon provided to the `icon` prop and has no effect on `systemIcon` (default: black) | string  | no       | Android/iOS | yes               |
-| destructive    | items are rendered in red                                    | boolean | no       | iOS         | yes               |
-| selected       | items have a checkmark next to them                          | boolean | no       | iOS         | yes               |
-| disabled       | marks whether the action is disabled or not                  | boolean | no       | Android/iOS | yes               |
-| inlineChildren | marks whether its children (if any) should be rendered inline instead of in their own child menu | boolean | no       | iOS         | partially         |
-| actions        | will provide a one level deep nested menu                    | array   | no       | Android/iOS | partially         |
+| icon           | Custom Icons.                                                                                                                  | string  | no       | Android/iOS | yes               |
+| iconColor      | will change the color of the icon provided to the `icon` prop and has no effect on `systemIcon` (default: black)               | string  | no       | Android/iOS | yes               |
+| destructive    | items are rendered in red                                                                                                      | boolean | no       | iOS         | yes               |
+| selected       | items have a checkmark next to them                                                                                            | boolean | no       | iOS         | yes               |
+| disabled       | marks whether the action is disabled or not                                                                                    | boolean | no       | Android/iOS | yes               |
+| inlineChildren | marks whether its children (if any) should be rendered inline instead of in their own child menu                               | boolean | no       | iOS         | partially         |
+| actions        | will provide a one level deep nested menu                                                                                      | array   | no       | Android/iOS | partially         |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-1.previewBackgroundColor属性，经过验证在iOS和Android均无效果。
+1.previewBackgroundColor 属性，经过验证在 iOS 和 Android 均无效果。
 
-2.actions属性是个结构体函数，所以包含其他上文列举属性，例如previewBackgroundColor等。所以，属于部分支持
+2.actions 属性是个结构体函数，所以包含其他上文列举属性，例如 previewBackgroundColor 等。所以，属于部分支持
 
-3.该库的具体逻辑实现，在不同平台，均为调用平台对应的底层Menu接口进行相关操作。所以，不同平台上，动效展示等会有所不同。
+3.该库的具体逻辑实现，在不同平台，均为调用平台对应的底层 Menu 接口进行相关操作。所以，不同平台上，动效展示等会有所不同。
 
-4.onPress方法的callback参考：{ nativeEvent: { index, indexPath, name } }. 
+4.onPress 方法的 callback 参考: { nativeEvent: { index, indexPath, name } }.
 
-5.当systemIcon和icon同时配置的时候，在Harmony Next平台上，systemIcon的优先级高于icon
+5.当 systemIcon 和 icon 同时配置的时候，在 Harmony Next 平台上，systemIcon 的优先级高于 icon
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/mpiannucci/react-native-context-menu-view/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/mpiannucci/react-native-context-menu-view/blob/main/LICENSE).
diff --git a/en/react-native-document-picker.md b/en/react-native-document-picker.md
index 8da343cc..7afed0c4 100644
--- a/en/react-native-document-picker.md
+++ b/en/react-native-document-picker.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-document-picker</code> </h1>
@@ -13,21 +13,19 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/document-picker)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/document-picker)
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-document-picker@file:#
@@ -41,105 +39,136 @@ yarn add @react-native-oh-tpl/react-native-document-picker@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useState } from "react";
-import { Text, TouchableOpacity, View, StyleSheet, Switch, ScrollView } from 'react-native';
-import { pick, types, pickDirectory, pickSingle, DocumentPickerOptions } from 'react-native-document-picker';
+import {
+  Text,
+  TouchableOpacity,
+  View,
+  StyleSheet,
+  Switch,
+  ScrollView,
+} from "react-native";
+import {
+  pick,
+  types,
+  pickDirectory,
+  pickSingle,
+  DocumentPickerOptions,
+} from "react-native-document-picker";
 
 const typeList = Object.keys(types);
 
 interface MultiSelectProps {
-  onSelectValue?: (val: string[]) => void
+  onSelectValue?: (val: string[]) => void;
 }
 
 interface UiSelItem {
-  label: keyof typeof types,
-  selected: boolean,
-  index: number
+  label: keyof typeof types;
+  selected: boolean;
+  index: number;
 }
 
-type DirType = 'documentDirectory' | 'cachesDirectory'
+type DirType = "documentDirectory" | "cachesDirectory";
 
 interface DirOpt {
-  label: DirType,
-  selected: boolean
+  label: DirType;
+  selected: boolean;
 }
 
 const MultiSelect: React.FC<MultiSelectProps> = ({ onSelectValue }) => {
-
-  const [typeUi, setTypeUi] = useState<UiSelItem[]>(typeList.map((val, index) => ({
-    label: val as keyof typeof types,
-    selected: false,
-    index
-  })))
-
-  const onClickSelLabel = (val: typeof typeUi[0]) => {
-    // 选择allfile不行选择其它的
-    if (typeUi.find(t => t.label === 'allFiles')?.selected && val.label !== 'allFiles') {
+  const [typeUi, setTypeUi] = useState<UiSelItem[]>(
+    typeList.map((val, index) => ({
+      label: val as keyof typeof types,
+      selected: false,
+      index,
+    }))
+  );
+
+  const onClickSelLabel = (val: (typeof typeUi)[0]) => {
+    if (
+      typeUi.find((t) => t.label === "allFiles")?.selected &&
+      val.label !== "allFiles"
+    ) {
       return;
     }
     let newList = [];
-    if (val.label === 'allFiles') {
-      newList = typeUi.map(s => {
-        return s.label === 'allFiles' ? { ...s, selected: !s.selected } : { ...s, selected: false }
-      })
+    if (val.label === "allFiles") {
+      newList = typeUi.map((s) => {
+        return s.label === "allFiles"
+          ? { ...s, selected: !s.selected }
+          : { ...s, selected: false };
+      });
     } else {
-      newList = typeUi.map(s => {
-        return val.index === s.index ? { ...s, selected: !s.selected } : { ...s }
-      })
+      newList = typeUi.map((s) => {
+        return val.index === s.index
+          ? { ...s, selected: !s.selected }
+          : { ...s };
+      });
     }
-    const extList = newList.filter(t => t.selected).map(t => types[t.label]).reduce((res, typeStr) => {
-      res.push(...typeStr.split(' '))
-      return res;
-    }, [] as string[]);
+    const extList = newList
+      .filter((t) => t.selected)
+      .map((t) => types[t.label])
+      .reduce((res, typeStr) => {
+        res.push(...typeStr.split(" "));
+        return res;
+      }, [] as string[]);
     if (onSelectValue) {
-      onSelectValue(extList)
+      onSelectValue(extList);
     }
     setTypeUi(newList);
-  }
+  };
 
-  return <>
-    <View style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'row', rowGap: 14 }}>
-      <View style={{ width: '100%' }}>
-        <Text style={{ fontSize: 20, fontWeight: '600', margin: 6 }}>picker 的文件类型</Text>
-      </View>
-      {
-        typeUi.map(s =>
-          <TouchableOpacity key={s.label} onPress={() => {
-            onClickSelLabel(s);
-          }} >
-            <View style={s.selected ? styles.selectBtnActive : styles.selectBtn} >
-              <Text>
-                {s.label}
-              </Text>
+  return (
+    <>
+      <View
+        style={{
+          display: "flex",
+          flexWrap: "wrap",
+          flexDirection: "row",
+          rowGap: 14,
+        }}
+      >
+        <View style={{ width: "100%" }}>
+          <Text style={{ fontSize: 20, fontWeight: "600", margin: 6 }}>
+            picker 的文件类型
+          </Text>
+        </View>
+        {typeUi.map((s) => (
+          <TouchableOpacity
+            key={s.label}
+            onPress={() => {
+              onClickSelLabel(s);
+            }}
+          >
+            <View
+              style={s.selected ? styles.selectBtnActive : styles.selectBtn}
+            >
+              <Text>{s.label}</Text>
             </View>
           </TouchableOpacity>
-        )
-      }
-    </View>
-  </>
-}
+        ))}
+      </View>
+    </>
+  );
+};
 
 export default function DocumentPickerDemo(): JSX.Element {
-
-  const [pickResult, setPickResult] = useState('');
-  // 是否允许多选
+  const [pickResult, setPickResult] = useState("");
   const [allowMultiSelection, setAllowMultiSelection] = useState(true);
-  // 选择文件类型
   const [fileTypes, setFileTypes] = useState<string[]>([]);
-  // copyTo 文件夹
   const [dirUi, setDirui] = useState<Array<DirOpt>>([
-    { label: 'documentDirectory', selected: false },
-    { label: 'cachesDirectory', selected: false },
+    { label: "documentDirectory", selected: false },
+    { label: "cachesDirectory", selected: false },
   ]);
 
-  const copyTo = dirUi.find(d => d.selected)?.label;
+  const copyTo = dirUi.find((d) => d.selected)?.label;
 
-  const pickOpt: DocumentPickerOptions<'harmony'> = {
+  const pickOpt: DocumentPickerOptions<"harmony"> = {
     allowMultiSelection,
   };
   if (copyTo) {
@@ -150,15 +179,15 @@ export default function DocumentPickerDemo(): JSX.Element {
   }
 
   const onDirSelect = (val: DirOpt) => {
-    const newUiList = dirUi.map(d => {
+    const newUiList = dirUi.map((d) => {
       if (val.label === d.label) {
-        return { ...d, selected: !d.selected }
+        return { ...d, selected: !d.selected };
       } else {
-        return { ...d, selected: false }
+        return { ...d, selected: false };
       }
     });
     setDirui(newUiList);
-  }
+  };
 
   const pickFile = async () => {
     try {
@@ -167,7 +196,7 @@ export default function DocumentPickerDemo(): JSX.Element {
     } catch (err) {
       console.log(err);
     }
-  }
+  };
 
   const pickS = async () => {
     try {
@@ -176,95 +205,127 @@ export default function DocumentPickerDemo(): JSX.Element {
     } catch (err) {
       console.log(err);
     }
-  }
+  };
 
   const pickDir = async () => {
     const res = await pickDirectory();
     console.log(res);
-  }
+  };
 
-  return <ScrollView>
-    <Text>
-      {JSON.stringify(pickOpt)}
-    </Text>
-
-    <MultiSelect onSelectValue={setFileTypes}></MultiSelect>
-
-    <View style={{ width: '100%' }}>
-      <Text style={{ fontSize: 20, fontWeight: '600', margin: 6 }}>是否多选</Text>
-    </View>
-
-    <Switch value={allowMultiSelection} onValueChange={setAllowMultiSelection}></Switch>
-
-    <View style={{ width: '100%' }}>
-      <Text style={{ fontSize: 20, fontWeight: '600', margin: 6 }}>copyTo文件夹</Text>
-    </View>
-
-    <View style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'row', rowGap: 14 }}>
-      {
-        dirUi.map(s =>
-          <TouchableOpacity key={s.label} onPress={() => {
-            onDirSelect(s);
-          }} >
-            <View style={s.selected ? styles.selectBtnActive : styles.selectBtn} >
-              <Text>
-                {s.label}
-              </Text>
-            </View>
-          </TouchableOpacity>
-        )
-      }
-    </View>
+  return (
+    <ScrollView>
+      <Text>{JSON.stringify(pickOpt)}</Text>
 
-    <TouchableOpacity onPress={pickFile} style={styles.btn}>
-      <Text
-        style={styles.btnText}>
-        pick file
+      <MultiSelect onSelectValue={setFileTypes}></MultiSelect>
+
+      <View style={{ width: "100%" }}>
+        <Text style={{ fontSize: 20, fontWeight: "600", margin: 6 }}>
+          是否多选
         </Text>
-    </TouchableOpacity>
-    <TouchableOpacity onPress={pickS} style={styles.btn}>
-      <Text
-        style={styles.btnText}>
-        pick file single
+      </View>
+
+      <Switch
+        value={allowMultiSelection}
+        onValueChange={setAllowMultiSelection}
+      ></Switch>
+
+      <View style={{ width: "100%" }}>
+        <Text style={{ fontSize: 20, fontWeight: "600", margin: 6 }}>
+          copyTo文件夹
         </Text>
-    </TouchableOpacity>
-    <TouchableOpacity onPress={pickDir} style={styles.btn}>
-      <Text
-        style={styles.btnText}>
-        pick Dir
+      </View>
+
+      <View
+        style={{
+          display: "flex",
+          flexWrap: "wrap",
+          flexDirection: "row",
+          rowGap: 14,
+        }}
+      >
+        {dirUi.map((s) => (
+          <TouchableOpacity
+            key={s.label}
+            onPress={() => {
+              onDirSelect(s);
+            }}
+          >
+            <View
+              style={s.selected ? styles.selectBtnActive : styles.selectBtn}
+            >
+              <Text>{s.label}</Text>
+            </View>
+          </TouchableOpacity>
+        ))}
+      </View>
+
+      <TouchableOpacity onPress={pickFile} style={styles.btn}>
+        <Text style={styles.btnText}>pick file</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={pickS} style={styles.btn}>
+        <Text style={styles.btnText}>pick file single</Text>
+      </TouchableOpacity>
+      <TouchableOpacity onPress={pickDir} style={styles.btn}>
+        <Text style={styles.btnText}>pick Dir</Text>
+      </TouchableOpacity>
+      <View style={{ width: "100%" }}>
+        <Text style={{ fontSize: 20, fontWeight: "600", margin: 6 }}>
+          选择结果
         </Text>
-    </TouchableOpacity>
-    <View style={{ width: '100%' }}>
-      <Text style={{ fontSize: 20, fontWeight: '600', margin: 6 }}>选择结果</Text>
-    </View>
-    <Text>
-      {pickResult}
-    </Text>
-  </ScrollView>
+      </View>
+      <Text>{pickResult}</Text>
+    </ScrollView>
+  );
 }
 
 const styles = StyleSheet.create({
-  TextInput: { height: 40, borderColor: '#ccc', borderWidth: 1, borderRadius: 4, width: '90%' },
-  btn: { borderRadius: 10, display: 'flex', justifyContent: 'center', alignItems: 'center', padding: 10, margin: 10, backgroundColor: 'blue' },
-  btnText: { fontWeight: 'bold', color: '#fff', fontSize: 20 },
-  selectBtn: { padding: 8, margin: 3, fontSize: 18, borderWidth: 1, borderRadius: 8, borderColor: '#753c13' },
-  selectBtnActive: { padding: 8, margin: 3, backgroundColor: '#e2803b', fontSize: 18, borderRadius: 8, borderWidth: 1 }
+  TextInput: {
+    height: 40,
+    borderColor: "#ccc",
+    borderWidth: 1,
+    borderRadius: 4,
+    width: "90%",
+  },
+  btn: {
+    borderRadius: 10,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 10,
+    margin: 10,
+    backgroundColor: "blue",
+  },
+  btnText: { fontWeight: "bold", color: "#fff", fontSize: 20 },
+  selectBtn: {
+    padding: 8,
+    margin: 3,
+    fontSize: 18,
+    borderWidth: 1,
+    borderRadius: 8,
+    borderColor: "#753c13",
+  },
+  selectBtnActive: {
+    padding: 8,
+    margin: 3,
+    backgroundColor: "#e2803b",
+    fontSize: 18,
+    borderRadius: 8,
+    borderWidth: 1,
+  },
 });
-
-
 ```
 
-## 使用 Codegen（如本库已适配了 Codegen ）
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -275,18 +336,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -295,22 +353,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 DocumentPickerPackage
+### 3. Introducing DocumentPickerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -324,72 +382,70 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases)
 
-   
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### option pick方法的传参选项
+### option pick 方法的传参选项
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| allowMultiSelection  | Whether selecting multiple files is allowed. For pick, this is false by default. allowMultiSelection is false for pickSingle and cannot be overridden.        | boolean  | no | IOS/Android      | yes |
-| type  | The type or types of documents to allow selection of. An array of strings or single string.   | string or Array<string>  | no | IOS/Android      | yes |
-| copyTo  | Copy the selected file to the specified folder.   | "cachesDirectory" \| "documentDirectory"  | no | IOS/Android  | yes |
-| presentationStyle  | Controls how the picker is presented, e.g. on an iPad you may want to present it fullscreen. Defaults to pageSheet.   | 'fullScreen' \| 'pageSheet' \| 'formSheet' \| 'overFullScreen'  | no | IOS  | no |
-| transitionStyle  | Configure the transition style of the picker. Defaults to coverVertical.   | 'coverVertical' \| 'flipHorizontal' \| 'crossDissolve' \| 'partialCurl'  | no | IOS  | no |
-| mode  | Defaults to import. If mode is set to import the document picker imports the file from outside to inside the sandbox, otherwise if mode is set to open the document picker opens the file in-place.   | "import" \| "open"  | no | IOS  | no |
+| Name                | Description                                                                                                                                                                                         | Type                                                                    | Required | Platform    | HarmonyOS Support |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| allowMultiSelection | Whether selecting multiple files is allowed. For pick, this is false by default. allowMultiSelection is false for pickSingle and cannot be overridden.                                              | boolean                                                                 | no       | IOS/Android | yes               |
+| type                | The type or types of documents to allow selection of. An array of strings or single string.                                                                                                         | string or Array<string>                                                 | no       | IOS/Android | yes               |
+| copyTo              | Copy the selected file to the specified folder.                                                                                                                                                     | "cachesDirectory" \| "documentDirectory"                                | no       | IOS/Android | yes               |
+| presentationStyle   | Controls how the picker is presented, e.g. on an iPad you may want to present it fullscreen. Defaults to pageSheet.                                                                                 | 'fullScreen' \| 'pageSheet' \| 'formSheet' \| 'overFullScreen'          | no       | IOS         | no                |
+| transitionStyle     | Configure the transition style of the picker. Defaults to coverVertical.                                                                                                                            | 'coverVertical' \| 'flipHorizontal' \| 'crossDissolve' \| 'partialCurl' | no       | IOS         | no                |
+| mode                | Defaults to import. If mode is set to import the document picker imports the file from outside to inside the sandbox, otherwise if mode is set to open the document picker opens the file in-place. | "import" \| "open"                                                      | no       | IOS         | no                |
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
-|----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
-| pick    | The method for picking a file. | function | No       | IOS/Android | yes               |
-| pickSingle       | Select a single file       | function | No       | IOS/Android | yes  |
-| pickDirectory       | Opens a directory picker.       | function | No       | IOS/Android | no  |
-| isCancel       | If the user cancels the document picker without choosing a file (by pressing the system back button on Android or the Cancel button on iOS), the Promise will be rejected with a cancellation error. You can check for this error using DocumentPicker.isCancel(err).       | function | No       | IOS/Android | yes  |
-| isInProgress       | If the user somehow manages to open multiple file pickers (e.g. due the app being unresponsive), then only the picked result from the last opened picker will be considered and the promises from previous opened pickers will be rejected with an error that you can check using DocumentPicker.isInProgress()   | function | No       | IOS/Android | yes  |
-| releaseSecureAccess  | If mode is set to open, iOS is giving you secure access to a file located outside from your sandbox. In that case Apple is asking you to release the access as soon as you finish using the resource.   | function | No       | IOS | no  |
-| types       | File type object. eg type.images、types.pdf   | function | No       | IOS/Android | yes  |
-| perPlatformTypes       | Different platforms, file type object map   | function | No       | IOS/Android | yes  |
+| Name                | Description                                                                                                                                                                                                                                                                                                     | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| pick                | The method for picking a file.                                                                                                                                                                                                                                                                                  | function | No       | IOS/Android | yes               |
+| pickSingle          | Select a single file                                                                                                                                                                                                                                                                                            | function | No       | IOS/Android | yes               |
+| pickDirectory       | Opens a directory picker.                                                                                                                                                                                                                                                                                       | function | No       | IOS/Android | no                |
+| isCancel            | If the user cancels the document picker without choosing a file (by pressing the system back button on Android or the Cancel button on iOS), the Promise will be rejected with a cancellation error. You can check for this error using DocumentPicker.isCancel(err).                                           | function | No       | IOS/Android | yes               |
+| isInProgress        | If the user somehow manages to open multiple file pickers (e.g. due the app being unresponsive), then only the picked result from the last opened picker will be considered and the promises from previous opened pickers will be rejected with an error that you can check using DocumentPicker.isInProgress() | function | No       | IOS/Android | yes               |
+| releaseSecureAccess | If mode is set to open, iOS is giving you secure access to a file located outside from your sandbox. In that case Apple is asking you to release the access as soon as you finish using the resource.                                                                                                           | function | No       | IOS         | no                |
+| types               | File type object. eg type.images、types.pdf                                                                                                                                                                                                                                                                     | function | No       | IOS/Android | yes               |
+| perPlatformTypes    | Different platforms, file type object map                                                                                                                                                                                                                                                                       | function | No       | IOS/Android | yes               |
 
+## Known Issues
 
-## 遗留问题
+- [ ] HarmonyOS 端 file picker selectMode 设置选文件夹无效: [issue#1](https://github.com/react-native-oh-library/document-picker/issues/1)
+- [ ] releaseSecureAccess 选择沙箱路径外文件无法实现， HarmonyOS 暂无此能力接口: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2)
 
-- [ ]  HarmonyOS 端file picker selectMode设置选文件夹无效: [issue#1](https://github.com/react-native-oh-library/document-picker/issues/1) 
-- [ ] releaseSecureAccess选择沙箱路径外文件无法实现， HarmonyOS 暂无此能力接口: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2)
+## Others
 
-## 其他
 - 因权限问题无法读写图库资源，文件管理中从图库选择文件暂不支持。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md).
diff --git a/en/react-native-dropdown-picker.md b/en/react-native-dropdown-picker.md
index 1c069d3c..5c863838 100644
--- a/en/react-native-dropdown-picker.md
+++ b/en/react-native-dropdown-picker.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-dropdown-picker</code> </h1>
@@ -13,9 +13,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/hossein-zare/react-native-dropdown-picker)
+> [!TIP] [GitHub address](https://github.com/hossein-zare/react-native-dropdown-picker)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -33,9 +33,9 @@ yarn add react-native-dropdown-picker@5.4.6
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -86,22 +86,23 @@ export default function App() {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
-## 属性
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                                                                                                      | Type                                                               | Required | Platform | HarmonyOS Support |
-|----------------------------|------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------|
+| -------------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ | -------- | -------- | ----------------- |
 | items                      | State variable that holds the items.                                                                             | array                                                              | yes      | All      | yes               |
 | value                      | State variable that specifies the value of the selected item. It's an array of values for multiple item pickers. | string\|string[]                                                   | yes      | All      | yes               |
 | open                       | State variable that specifies whether the picker is open.                                                        | boolean                                                            | yes      | All      | yes               |
@@ -155,7 +156,7 @@ export default function App() {
 | activityIndicatorSize      | Changes the default size of the ActivityIndicator.                                                               | number                                                             | no       | All      | yes               |
 | searchable                 | Enables the search feature in the drop-down menu / modal.                                                        | boolean                                                            | no       | All      | yes               |
 | searchTextInputProps       | Adds native props for the text input.                                                                            | object                                                             | no       | All      | yes               |
-| searchWithRegionalAccents  | Allows searching without typing local accents.                                                                   | boolean                                                            | no       | All      | no               |
+| searchWithRegionalAccents  | Allows searching without typing local accents.                                                                   | boolean                                                            | no       | All      | no                |
 | disableLocalSearch         | Disables search between local items. This comes in handy for remote search.                                      | boolean                                                            | no       | All      | yes               |
 | addCustomItem              | Shows the searched text as an item when there's nothing to show.                                                 | boolean                                                            | no       | All      | yes               |
 | searchPlaceholder          | Changes the placeholder text of the text input. Both of the following properties are available.                  | string                                                             | no       | All      | yes               |
@@ -210,26 +211,26 @@ export default function App() {
 | modalTitleStyle            | Set modalTitleStyle                                                                                              | object                                                             | no       | All      | yes               |
 | rtl                        | Makes the component right to left.                                                                               | boolean                                                            | no       | All      | yes               |
 
+## Static Methods
 
-## 静态方法
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                           | Type     | Required | Platform | HarmonyOS Support |
-|-------------------|-------------------------------------------------------|----------|----------|----------|-------------------|
+| ----------------- | ----------------------------------------------------- | -------- | -------- | -------- | ----------------- |
 | setLanguage       | You can also change the default language globally.    | function | no       | All      | yes               |
 | addTranslation    | You are able to add a new translation to the package. | function | no       | All      | yes               |
 | modifyTranslation | Modify an existing translation                        | function | no       | All      | yes               |
 | addTheme          | Add a theme                                           | function | no       | All      | yes               |
 | setTheme          | Change the default theme​                             | function | no       | All      | yes               |
-## 遗留问题
 
-- [ ] 方法String.prototype.normalize('NFD')在RN框架下有问题，导致属性searchWithRegionalAccents不生效。
+## Known Issues
+
+- [ ] 方法 String.prototype.normalize('NFD')在 RN 框架下有问题，导致属性 searchWithRegionalAccents 不生效。
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/hossein-zare/react-native-dropdown-picker/blob/5.x/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/hossein-zare/react-native-dropdown-picker/blob/5.x/LICENSE).
diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
index c319b12a..9d13c8d7 100644
--- a/en/react-native-dropdownalert.md
+++ b/en/react-native-dropdownalert.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-dropdownalert</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-dropdownalert)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-dropdownalert)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-dropdownalert@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useRef, useState } from "react";
@@ -243,13 +243,13 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)
 
 ## DropdownAlert
 
@@ -257,11 +257,11 @@ export default App;
 
 DropdownAlertType 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的类型。
 
-#### DropdownAlertType 属性
+#### DropdownAlertType Property
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description  | Type   | **Required** | Platform | HarmonyOS Support |
 | ------- | ------------ | ------ | ------------ | -------- | ----------------- |
@@ -274,7 +274,7 @@ DropdownAlertType 是 DropdownAlert 库导出的一个枚举对象，列举了
 
 DropdownAlertDismissAction 是 DropdownAlert 库导出的一个枚举对象，列举了弹框消失的动作类型。
 
-#### DropdownAlertDismissAction 属性
+#### DropdownAlertDismissAction Property
 
 | Name         | Description       | Type   | **Required** | Platform | HarmonyOS Support |
 | ------------ | ----------------- | ------ | ------------ | -------- | ----------------- |
@@ -288,7 +288,7 @@ DropdownAlertDismissAction 是 DropdownAlert 库导出的一个枚举对象，
 
 DropdownAlertColor 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的颜色
 
-#### DropdownAlertColor 属性
+#### DropdownAlertColor Property
 
 | Name    | Description    | Type   | **Required** | Platform | HarmonyOS Support |
 | ------- | -------------- | ------ | ------------ | -------- | ----------------- |
@@ -302,7 +302,7 @@ DropdownAlertColor 是 DropdownAlert 库导出的一个枚举对象，列举了
 
 DropDownAlertImage 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的图片资源。
 
-#### DropDownAlertImage 属性
+#### DropDownAlertImage Property
 
 | Name    | Description                                                            | Type                | **Required** | Platform | HarmonyOS Support |
 | ------- | ---------------------------------------------------------------------- | ------------------- | ------------ | -------- | ----------------- |
@@ -316,7 +316,7 @@ DropDownAlertImage 是 DropdownAlert 库导出的一个枚举对象，列举了
 
 DropdownAlertToValue 是 DropdownAlert 库导出的一个枚举对象，有两种值 Alert 和 Dismiss。
 
-#### DropdownAlertToValue 属性
+#### DropdownAlertToValue Property
 
 | Name    | Description | Type   | **Required** | Platform | HarmonyOS Support |
 | ------- | ----------- | ------ | ------------ | -------- | ----------------- |
@@ -327,7 +327,7 @@ DropdownAlertToValue 是 DropdownAlert 库导出的一个枚举对象，有两
 
 DropDownAlertTestID 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的测试 ID。
 
-#### DropDownAlertTestID 属性
+#### DropDownAlertTestID Property
 
 | Name         | Description       | Type   | **Required** | Platform | HarmonyOS Support |
 | ------------ | ----------------- | ------ | ------------ | -------- | ----------------- |
@@ -345,7 +345,7 @@ DropDownAlertTestID 是 DropdownAlert 库导出的一个枚举对象，列举了
 
 DropdownAlertData 是 DropdownAlert 库导出的一个 class 对象，定义了弹框的数据内容，如标题、提示信息等。
 
-#### DropdownAlertData 属性
+#### DropdownAlertData Property
 
 | Name     | Description                             | Type                | **Required** | Platform | HarmonyOS Support |
 | -------- | --------------------------------------- | ------------------- | ------------ | -------- | ----------------- |
@@ -360,18 +360,18 @@ DropdownAlertData 是 DropdownAlert 库导出的一个 class 对象，定义了
 
 DropdownAlertData 是 DropdownAlert 库导出的一个 class 对象，定义了弹框弹出位置，有顶部弹出和底部弹出两种。
 
-#### DropdownAlertPosition 属性
+#### DropdownAlertPosition Property
 
 | Name   | Description            | Type              | **Required** | Platform | HarmonyOS Support |
 | ------ | ---------------------- | ----------------- | ------------ | -------- | ----------------- |
 | Top    | 顶部弹出，值为'top'    | DropdownAlertType | no           | All      | yes               |
 | Bottom | 底部弹出，值为'bottom' | string            | no           | All      | yes               |
 
-### DropdownAlert 组件
+### DropdownAlert components
 
 DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有属性，与 DropdownAlertProps 属性一致。
 
-#### DropdownAlert 属性
+#### DropdownAlert Property
 
 | Name                             | Description                                                                                                  | Type                           | **Required** | Platform | HarmonyOS Support |
 | -------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------ | ------------ | -------- | ----------------- |
@@ -390,10 +390,10 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                     | number                         | no           | All      | yes               |
 | titleNumberOfLines               | 弹窗标题的最大行数，                                                                                         | number                         | no           | All      | yes               |
 | messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                               | number                         | no           | All      | yes               |
-| elevation                        | 高度                                                                                                         | number                         | no           | All      | no                |
-| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | no                |
+| elevation                        | 高度                                                                                                         | number                         | no           | All      | yes               |
+| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | yes               |
 | panResponderDismissDistance      | 下滑弹窗消失距离                                                                                             | number                         | no           | All      | yes               |
-| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | no                |
+| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | yes               |
 | alertViewStyle                   | DropAlert 对象内部的 alertViewStyle 样式                                                                     | ViewStyle                      | no           | All      | yes               |
 | safeViewStyle                    | DropAlert 对象内部的 safeView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
 | textViewStyle                    | DropAlert 对象内部的 textView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
@@ -406,11 +406,11 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                              | function                       | no           | All      | yes               |
 | onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                 | function                       | no           | All      | yes               |
 | onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                            | function                       | no           | All      | yes               |
-| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | no                |
+| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | yes               |
 | showCancel                       | 是否显示弹窗的 cancel 模块                                                                                   | boolean                        | no           | All      | yes               |
 | onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                     | boolean                        | no           | All      | yes               |
 | panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                            | boolean                        | no           | All      | yes               |
-| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | no                |
+| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | yes               |
 | updateStatusBar                  | 是否更新状态栏                                                                                               | boolean                        | no           | All      | yes               |
 | activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
 | inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
@@ -433,15 +433,10 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 | children                         | 弹窗子元素                                                                                                   | ReactNode                      | no           | All      | yes               |
 | alertPosition                    | top' 或者 'bottom'                                                                                           | string                         | no           | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-- DropdownAlert 组件的 animatedViewStyle 属性不生效，设置之后弹窗变为黑色，与 iOS/Android 一致 [issue#314](https://github.com/testshallpass/react-native-dropdownalert/issues/314)
-- DropdownAlert 组件的 zindex 属性不生效，层级关系并未体现，与 iOS/Android 一致 [issue#315](https://github.com/testshallpass/react-native-dropdownalert/issues/315)
-- DropdownAlert 组件的 translucent 属性不生效，没有显示出状态栏半透明的效果，与 Android 一致 [issue#316](https://github.com/testshallpass/react-native-dropdownalert/issues/316)
-- DropdownAlert 组件绑定的 onDismissProgrammatic 函数无法触发，与 iOS/Android 一致 [issue#317](https://github.com/testshallpass/react-native-dropdownalert/issues/317)
+## License
 
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE).
diff --git a/en/react-native-easy-grid.md b/en/react-native-easy-grid.md
index ad983a82..a276a0db 100644
--- a/en/react-native-easy-grid.md
+++ b/en/react-native-easy-grid.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-easy-grid</code> </h1>
@@ -14,12 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/GeekyAnts/react-native-easy-grid)
-
+> [!TIP] [GitHub address](https://github.com/GeekyAnts/react-native-easy-grid)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -30,74 +27,65 @@ npm install react-native-easy-grid@0.2.2
 #### **yarn**
 
 ```bash
-yarn add react-native-easy-grid@0.2.2 
+yarn add react-native-easy-grid@0.2.2
 ```
 
 <!-- tabs:end -->
 
+The following code shows the basic use scenario of the repository:
 
-下面的代码展示了这个库的基本使用场景：
-
-> [!WARNING] 使用时 import 的库名不变。
-
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-
 import React from "react";
-import { Text } from 'react-native';
+import { Text } from "react-native";
 import { Col, Row, Grid } from "react-native-easy-grid";
 
 const App = () => {
- 
   return (
     <Grid>
-      <Col style={{ backgroundColor: '#9400D3' }}>
-        <Row size={1} style={{ backgroundColor: '#FFB6C1' }}></Row>
-        <Row size={2} style={{ backgroundColor: '#9400D3' }}></Row>
+      <Col style={{ backgroundColor: "#9400D3" }}>
+        <Row size={1} style={{ backgroundColor: "#FFB6C1" }}></Row>
+        <Row size={2} style={{ backgroundColor: "#9400D3" }}></Row>
       </Col>
-      <Col size={2} style={{ backgroundColor: '#FF4500' }}></Col>
+      <Col size={2} style={{ backgroundColor: "#FF4500" }}></Col>
       <Col size={3}>
-        <Row size={1} style={{ backgroundColor: '#FFB6C1' }}></Row>
-        <Row size={2} style={{ backgroundColor: '#9400D3' }}></Row>
-        <Row size={1} style={{ backgroundColor: '#008000' }}></Row>
+        <Row size={1} style={{ backgroundColor: "#FFB6C1" }}></Row>
+        <Row size={2} style={{ backgroundColor: "#9400D3" }}></Row>
+        <Row size={1} style={{ backgroundColor: "#008000" }}></Row>
       </Col>
     </Grid>
-  )
-      
+  );
 };
 
 export default App;
-  
 ```
-## 约束与限制
-
-##### 兼容性
-
-本文档内容基于以下版本验证通过：
 
-RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+## Constraints
 
+##### Compatibility
 
-## 属性
+This document is verified based on the following versions:
 
-Grid、Row、Col组件接收所有 [React Native View](https://reactnative.dev/docs/view#props)组件的Props
+RNOH: 0.72.27; SDK: HarmonyOS-NEXT Developer Beta1 5.0.0.25 ; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+Grid、Row、Col 组件接收所有 [React Native View](https://reactnative.dev/docs/view#props)组件的 Props
 
-**RowProps和ColProps的公共属性：**
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|   size  | 布局占比   | number   | no | iOS,Android      | yes |
-|   onPress：() => void  |  点击事件       | function     | no | iOS,Android      | yes |
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+**RowProps 和 ColProps 的公共属性: **
 
-## 遗留问题
+| Name                | Description | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------- | ----------- | -------- | -------- | ----------- | ----------------- |
+| size                | 布局占比    | number   | no       | iOS,Android | yes               |
+| onPress: () => void | 点击事件    | function | no       | iOS,Android | yes               |
 
-## 开源协议
+## Known Issues
 
-本项目基于 [Apache License 2.0](https://github.com/GeekyAnts/react-native-easy-grid/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
+This project is licensed under [Apache License 2.0](https://github.com/GeekyAnts/react-native-easy-grid/blob/master/LICENSE).
diff --git a/en/react-native-element-dropdown.md b/en/react-native-element-dropdown.md
index 12695c9f..e3fe1325 100644
--- a/en/react-native-element-dropdown.md
+++ b/en/react-native-element-dropdown.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-element-dropdown</code> </h1>
@@ -13,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/hoaphantn7604/react-native-element-dropdown)
+> [!TIP] [GitHub address](https://github.com/hoaphantn7604/react-native-element-dropdown)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,438 +34,442 @@ yarn add react-native-element-dropdown@2.12.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
-### Dropdown example
-```js
- import React, { useState } from 'react';
-  import { StyleSheet, Text, View } from 'react-native';
-  import { Dropdown } from 'react-native-element-dropdown';
-
-  const data = [
-    { label: 'Item 1', value: '1' },
-    { label: 'Item 2', value: '2' },
-    { label: 'Item 3', value: '3' },
-    { label: 'Item 4', value: '4' },
-    { label: 'Item 5', value: '5' },
-    { label: 'Item 6', value: '6' },
-    { label: 'Item 7', value: '7' },
-    { label: 'Item 8', value: '8' },
-  ];
-
-  const DropdownComponent = () => {
-    const [value, setValue] = useState(null);
-    const [isFocus, setIsFocus] = useState(false);
-
-    const renderLabel = () => {
-      if (value || isFocus) {
-        return (
-          <Text style={[styles.label, isFocus && { color: 'blue' }]}>
-            Dropdown label
-          </Text>
-        );
-      }
-      return null;
-    };
-
-    return (
-      <View style={styles.container}>
-        {renderLabel()}
-        <Dropdown
-          style={[styles.dropdown, isFocus && { borderColor: 'blue' }]}
-          placeholderStyle={styles.placeholderStyle}
-          selectedTextStyle={styles.selectedTextStyle}
-          inputSearchStyle={styles.inputSearchStyle}
-          iconStyle={styles.iconStyle}
-          data={data}
-          search
-          maxHeight={300}
-          labelField="label"
-          valueField="value"
-          placeholder={!isFocus ? 'Select item' : '...'}
-          searchPlaceholder="Search..."
-          value={value}
-          onFocus={() => setIsFocus(true)}
-          onBlur={() => setIsFocus(false)}
-          onChange={item => {
-            setValue(item.value);
-            setIsFocus(false);
-          }}
-        />
-      </View>
-    );
-  };
+> [!WARNING] The name of the imported repository remains unchanged.
 
-  export default DropdownComponent;
+### Dropdown example
 
-  const styles = StyleSheet.create({
-    container: {
-      backgroundColor: 'white',
-      padding: 16,
-    },
-    dropdown: {
-      height: 50,
-      borderColor: 'gray',
-      borderWidth: 0.5,
-      borderRadius: 8,
-      paddingHorizontal: 8,
-    },
-    icon: {
-      marginRight: 5,
-    },
-    label: {
-      position: 'absolute',
-      backgroundColor: 'white',
-      left: 22,
-      top: 8,
-      zIndex: 999,
-      paddingHorizontal: 8,
-      fontSize: 14,
-    },
-    placeholderStyle: {
-      fontSize: 16,
-    },
-    selectedTextStyle: {
-      fontSize: 16,
-    },
-    iconStyle: {
-      width: 20,
-      height: 20,
-    },
-    inputSearchStyle: {
-      height: 40,
-      fontSize: 16,
-    },
-  });
-```
-### MultiSelect example
 ```js
-  import React, { useState } from 'react';
-  import { StyleSheet, View } from 'react-native';
-  import { MultiSelect } from 'react-native-element-dropdown';
-
-  const data = [
-    { label: 'Item 1', value: '1' },
-    { label: 'Item 2', value: '2' },
-    { label: 'Item 3', value: '3' },
-    { label: 'Item 4', value: '4' },
-    { label: 'Item 5', value: '5' },
-    { label: 'Item 6', value: '6' },
-    { label: 'Item 7', value: '7' },
-    { label: 'Item 8', value: '8' },
-  ];
-
-  const MultiSelectComponent = () => {
-    const [selected, setSelected] = useState([]);
-
-    return (
-      <View style={styles.container}>
-        <MultiSelect
-          style={styles.dropdown}
-          placeholderStyle={styles.placeholderStyle}
-          selectedTextStyle={styles.selectedTextStyle}
-          inputSearchStyle={styles.inputSearchStyle}
-          iconStyle={styles.iconStyle}
-          search
-          data={data}
-          labelField="label"
-          valueField="value"
-          placeholder="Select item"
-          searchPlaceholder="Search..."
-          value={selected}
-          onChange={item => {
-            setSelected(item);
-          }}
-          selectedStyle={styles.selectedStyle}
-        />
-      </View>
-    );
+import React, { useState } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { Dropdown } from "react-native-element-dropdown";
+
+const data = [
+  { label: "Item 1", value: "1" },
+  { label: "Item 2", value: "2" },
+  { label: "Item 3", value: "3" },
+  { label: "Item 4", value: "4" },
+  { label: "Item 5", value: "5" },
+  { label: "Item 6", value: "6" },
+  { label: "Item 7", value: "7" },
+  { label: "Item 8", value: "8" },
+];
+
+const DropdownComponent = () => {
+  const [value, setValue] = useState(null);
+  const [isFocus, setIsFocus] = useState(false);
+
+  const renderLabel = () => {
+    if (value || isFocus) {
+      return (
+        <Text style={[styles.label, isFocus && { color: "blue" }]}>
+          Dropdown label
+        </Text>
+      );
+    }
+    return null;
   };
 
-  export default MultiSelectComponent;
-
-  const styles = StyleSheet.create({
-    container: { padding: 16 },
-    dropdown: {
-      height: 50,
-      backgroundColor: 'transparent',
-      borderBottomColor: 'gray',
-      borderBottomWidth: 0.5,
-    },
-    placeholderStyle: {
-      fontSize: 16,
-    },
-    selectedTextStyle: {
-      fontSize: 14,
-    },
-    iconStyle: {
-      width: 20,
-      height: 20,
-    },
-    inputSearchStyle: {
-      height: 40,
-      fontSize: 16,
-    },
-    icon: {
-      marginRight: 5,
-    },
-    selectedStyle: {
-      borderRadius: 12,
-    },
-  });
+  return (
+    <View style={styles.container}>
+      {renderLabel()}
+      <Dropdown
+        style={[styles.dropdown, isFocus && { borderColor: "blue" }]}
+        placeholderStyle={styles.placeholderStyle}
+        selectedTextStyle={styles.selectedTextStyle}
+        inputSearchStyle={styles.inputSearchStyle}
+        iconStyle={styles.iconStyle}
+        data={data}
+        search
+        maxHeight={300}
+        labelField="label"
+        valueField="value"
+        placeholder={!isFocus ? "Select item" : "..."}
+        searchPlaceholder="Search..."
+        value={value}
+        onFocus={() => setIsFocus(true)}
+        onBlur={() => setIsFocus(false)}
+        onChange={(item) => {
+          setValue(item.value);
+          setIsFocus(false);
+        }}
+      />
+    </View>
+  );
+};
+
+export default DropdownComponent;
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: "white",
+    padding: 16,
+  },
+  dropdown: {
+    height: 50,
+    borderColor: "gray",
+    borderWidth: 0.5,
+    borderRadius: 8,
+    paddingHorizontal: 8,
+  },
+  icon: {
+    marginRight: 5,
+  },
+  label: {
+    position: "absolute",
+    backgroundColor: "white",
+    left: 22,
+    top: 8,
+    zIndex: 999,
+    paddingHorizontal: 8,
+    fontSize: 14,
+  },
+  placeholderStyle: {
+    fontSize: 16,
+  },
+  selectedTextStyle: {
+    fontSize: 16,
+  },
+  iconStyle: {
+    width: 20,
+    height: 20,
+  },
+  inputSearchStyle: {
+    height: 40,
+    fontSize: 16,
+  },
+});
 ```
-### SelectCountry example
-```js
-  import React, { useState } from 'react';
-  import { StyleSheet } from 'react-native';
-  import { SelectCountry } from 'react-native-element-dropdown';
-
-  const local_data = [
-    {
-      value: '1',
-      lable: 'Country 1',
-      image: {
-        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
-      },
-    },
-    {
-      value: '2',
-      lable: 'Country 2',
-      image: {
-        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
-      },
-    },
-    {
-      value: '3',
-      lable: 'Country 3',
-      image: {
-        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
-      },
-    },
-    {
-      value: '4',
-      lable: 'Country 4',
-      image: {
-        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
-      },
-    },
-    {
-      value: '5',
-      lable: 'Country 5',
-      image: {
-        uri: 'https://www.vigcenter.com/public/all/images/default-image.jpg',
-      },
-    },
-  ];
 
-  const SelectCountryScreen = _props => {
-    const [country, setCountry] = useState('1');
+### MultiSelect example
 
-    return (
-      <SelectCountry
+```js
+import React, { useState } from "react";
+import { StyleSheet, View } from "react-native";
+import { MultiSelect } from "react-native-element-dropdown";
+
+const data = [
+  { label: "Item 1", value: "1" },
+  { label: "Item 2", value: "2" },
+  { label: "Item 3", value: "3" },
+  { label: "Item 4", value: "4" },
+  { label: "Item 5", value: "5" },
+  { label: "Item 6", value: "6" },
+  { label: "Item 7", value: "7" },
+  { label: "Item 8", value: "8" },
+];
+
+const MultiSelectComponent = () => {
+  const [selected, setSelected] = useState([]);
+
+  return (
+    <View style={styles.container}>
+      <MultiSelect
         style={styles.dropdown}
-        selectedTextStyle={styles.selectedTextStyle}
         placeholderStyle={styles.placeholderStyle}
-        imageStyle={styles.imageStyle}
+        selectedTextStyle={styles.selectedTextStyle}
         inputSearchStyle={styles.inputSearchStyle}
         iconStyle={styles.iconStyle}
         search
-        maxHeight={200}
-        value={country}
-        data={local_data}
+        data={data}
+        labelField="label"
         valueField="value"
-        labelField="lable"
-        imageField="image"
-        placeholder="Select country"
+        placeholder="Select item"
         searchPlaceholder="Search..."
-        onChange={e => {
-          setCountry(e.value);
+        value={selected}
+        onChange={(item) => {
+          setSelected(item);
         }}
+        selectedStyle={styles.selectedStyle}
       />
-    );
-  };
+    </View>
+  );
+};
+
+export default MultiSelectComponent;
+
+const styles = StyleSheet.create({
+  container: { padding: 16 },
+  dropdown: {
+    height: 50,
+    backgroundColor: "transparent",
+    borderBottomColor: "gray",
+    borderBottomWidth: 0.5,
+  },
+  placeholderStyle: {
+    fontSize: 16,
+  },
+  selectedTextStyle: {
+    fontSize: 14,
+  },
+  iconStyle: {
+    width: 20,
+    height: 20,
+  },
+  inputSearchStyle: {
+    height: 40,
+    fontSize: 16,
+  },
+  icon: {
+    marginRight: 5,
+  },
+  selectedStyle: {
+    borderRadius: 12,
+  },
+});
+```
 
-  export default SelectCountryScreen;
+### SelectCountry example
 
-  const styles = StyleSheet.create({
-    dropdown: {
-      margin: 16,
-      height: 50,
-      borderBottomColor: 'gray',
-      borderBottomWidth: 0.5,
-    },
-    imageStyle: {
-      width: 24,
-      height: 24,
+```js
+import React, { useState } from "react";
+import { StyleSheet } from "react-native";
+import { SelectCountry } from "react-native-element-dropdown";
+
+const local_data = [
+  {
+    value: "1",
+    lable: "Country 1",
+    image: {
+      uri: "https://www.vigcenter.com/public/all/images/default-image.jpg",
     },
-    placeholderStyle: {
-      fontSize: 16,
+  },
+  {
+    value: "2",
+    lable: "Country 2",
+    image: {
+      uri: "https://www.vigcenter.com/public/all/images/default-image.jpg",
     },
-    selectedTextStyle: {
-      fontSize: 16,
-      marginLeft: 8,
+  },
+  {
+    value: "3",
+    lable: "Country 3",
+    image: {
+      uri: "https://www.vigcenter.com/public/all/images/default-image.jpg",
     },
-    iconStyle: {
-      width: 20,
-      height: 20,
+  },
+  {
+    value: "4",
+    lable: "Country 4",
+    image: {
+      uri: "https://www.vigcenter.com/public/all/images/default-image.jpg",
     },
-    inputSearchStyle: {
-      height: 40,
-      fontSize: 16,
+  },
+  {
+    value: "5",
+    lable: "Country 5",
+    image: {
+      uri: "https://www.vigcenter.com/public/all/images/default-image.jpg",
     },
-  });
+  },
+];
+
+const SelectCountryScreen = (_props) => {
+  const [country, setCountry] = useState("1");
+
+  return (
+    <SelectCountry
+      style={styles.dropdown}
+      selectedTextStyle={styles.selectedTextStyle}
+      placeholderStyle={styles.placeholderStyle}
+      imageStyle={styles.imageStyle}
+      inputSearchStyle={styles.inputSearchStyle}
+      iconStyle={styles.iconStyle}
+      search
+      maxHeight={200}
+      value={country}
+      data={local_data}
+      valueField="value"
+      labelField="lable"
+      imageField="image"
+      placeholder="Select country"
+      searchPlaceholder="Search..."
+      onChange={(e) => {
+        setCountry(e.value);
+      }}
+    />
+  );
+};
+
+export default SelectCountryScreen;
+
+const styles = StyleSheet.create({
+  dropdown: {
+    margin: 16,
+    height: 50,
+    borderBottomColor: "gray",
+    borderBottomWidth: 0.5,
+  },
+  imageStyle: {
+    width: 24,
+    height: 24,
+  },
+  placeholderStyle: {
+    fontSize: 16,
+  },
+  selectedTextStyle: {
+    fontSize: 16,
+    marginLeft: 8,
+  },
+  iconStyle: {
+    width: 20,
+    height: 20,
+  },
+  inputSearchStyle: {
+    height: 40,
+    fontSize: 16,
+  },
+});
 ```
 
+## Constraints
 
-## 约束与限制
-
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71
-
-## 属性
-
-详细请查看 [react-native-element-dropdown的文档介绍](https://github.com/hoaphantn7604/react-native-element-dropdown)
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-**Dropdown**：单选组件
-
-| Name          | Description | Type                                 | Required | Platform                                                 | HarmonyOS Support                                        |
-| ------------------ | ----------------------------------------------- | --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
-| mode               | Mode 'modal' is show the dropdown in the middle of the screen. | 'default' or 'modal' of 'auto'                  | No        | All | Yes |
-| data               | Data is a plain array | Array                                           | Yes       | All | Yes                                            |
-| labelField         | Extract the label from the data item | String                                          | Yes       | All | Yes                             |
-| valueField         | Extract the primary key from the data item | String                                          | Yes       | All | Yes |
-| searchField        | Specify the field of data list you want to search | String                                          | No       | All | Yes |
-| onChange           | Selection callback | (item: object) => void                          | Yes       | All | Yes |
-| onChangeText       | Callback that is called when the text input's text changes | (search: string) => void                        | No       | All | Yes |
-| value              | Set default value | Item                                            | No        | All | Yes |
-| placeholder        | The string that will be rendered before dropdown has been selected | String                                          | No        | All | Yes |
-| placeholderStyle   | Styling for text placeholder | TextStyle                                       | No        | All | Yes |
-| selectedTextStyle  | Styling for selected text | TextStyle                                       | No        | All | Yes |
-| selectedTextProps  | Text Props for selected text. Ex: numberOfLines={1} | TextProps                                       | No        | All | Yes |
-| style              | Styling for view container | ViewStyle                                       | No        | All | Yes |
-| containerStyle     | Styling for list container | ViewStyle                                       | No        | All | Yes |
-| maxHeight          | Customize max height for list container | Number                                          | No        | All | Yes |
-| minHeight          | Customize min height for list container | Number                                          | No        | All | Yes |
-| fontFamily         | Customize font style | String                                          | No        | All | Yes |
-| iconStyle          | Styling for icon | ImageStyle                                      | No        | All | Yes |
-| iconColor          | Color of icons | String                                          | No        | All | Yes |
-| itemContainerStyle | Styling for item container in list | TextStyle                                       | No        | All | Yes |
-| itemTextStyle      | Styling for text item in list | TextStyle                                       | No        | All | Yes |
-| activeColor        | Background color for item selected in list container | String                                          | No        | All | Yes |
-| search             | Show or hide input search | Boolean                                         | No        | All | Yes |
-| searchQuery        | Callback used to filter the list of items | (keyword: string, labelValue: string) => Boolean| No        | All | Yes |
-| inputSearchStyle   | Styling for input search | ViewStyle                                       | No        | All | Yes |
-| searchPlaceholder  | The string that will be rendered before text input has been entered | String                                          | No        | All | Yes |
-| renderInputSearch  | Customize TextInput search | (onSearch: (text:string) => void) => JSX.Element| No        | All | Yes |
-| disable            | Specifies the disabled state of the Dropdown | Boolean                                         | No        | All | Yes |
-| dropdownPosition   | Dropdown list position. Default is 'auto' | 'auto' or 'top' or 'bottom'                     | No        | All | Yes |
-| autoScroll         | Auto scroll to index item selected, default is true | Boolean                                         | No        | All | Yes |
-| showsVerticalScrollIndicator | When true, shows a vertical scroll indicator, default is true | Boolean                               | No        | All | Yes |
-| renderLeftIcon     | Customize left icon for dropdown | (visible?: boolean) => JSX.Element              | No        | All | Yes |
-| renderRightIcon    | Customize right icon for dropdown | (visible?: boolean) => JSX.Element              | No        | All | Yes |
-| renderItem         | Takes an item from data and renders it into the list | (item: object, selected: Boolean) => JSX.Element| No        | All | Yes |
-| flatListProps      | Customize FlatList element | FlatListProps                                   | No        | All | Yes |
-| inverted           | Reverses the direction of scroll on top position mode. Default is true | Boolean                                         | No        | All | Yes |
-| onFocus            | Callback that is called when the dropdown is focused | () => void                                      | No        | All | Yes |
-| onBlur             | Callback that is called when the dropdown is blurred | () => void                                      | No        | All | Yes |
-| keyboardAvoiding   | keyboardAvoiding default is true | Boolean                                         | No        | All | Yes |
-| backgroundColor    | Set background color | String                                          | No        | All | Yes |
-| confirmSelectItem  | Turn On confirm select item. Refer example/src/dropdown/example3 | Boolean                                         | No        | All | Yes |
-| onConfirmSelectItem | Selection callback. Refer example/src/dropdown/example3 | (item: object) => void                         | No        | All | Yes |
-| testID             | Used to locate this view in end-to-end tests | String                                          | No        | All | Yes |
-| itemTestIDField    | Add this field to the input data. Ex: DATA = [{itemTestIDField: '', label: '', value:: ''}] | String                                          | No        | All | Yes |
-| accessibilityLabel | Set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected | String     | No    | All | Yes |
-| itemAccessibilityLabelField | Add this field to the input data. Ex: DATA = [{itemAccessibilityLabelField: '', label: '', value:: ''}] | String                                 | No        | All | Yes |
-| closeModalWhenSelectedItem | By default, closeModalWhenSelectedItem is set to true. When closeModalWhenSelectedItem is set to false, the Modal won't close when an item is selected. | Boolean                                 | No        | All | Yes |
-| excludeItems       | The array containing the items to be excluded. | Item[]                                          | No        | All | Yes |
-| excludeSearchItems | The array containing the items to be excluded. | Item[]                                          | No        | All | Yes |
-
-**MultiSelect**：多选组件
-| Name          | Description   | Type                                         | Required | Platform                                                 | HarmonyOS Support                                        |
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
+## Properties
+
+For details, see [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+**Dropdown**: 单选组件
+
+| Name                         | Description                                                                                                                                             | Type                                             | Required | Platform | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | -------- | -------- | ----------------- |
+| mode                         | Mode 'modal' is show the dropdown in the middle of the screen.                                                                                          | 'default' or 'modal' of 'auto'                   | No       | All      | Yes               |
+| data                         | Data is a plain array                                                                                                                                   | Array                                            | Yes      | All      | Yes               |
+| labelField                   | Extract the label from the data item                                                                                                                    | String                                           | Yes      | All      | Yes               |
+| valueField                   | Extract the primary key from the data item                                                                                                              | String                                           | Yes      | All      | Yes               |
+| searchField                  | Specify the field of data list you want to search                                                                                                       | String                                           | No       | All      | Yes               |
+| onChange                     | Selection callback                                                                                                                                      | (item: object) => void                           | Yes      | All      | Yes               |
+| onChangeText                 | Callback that is called when the text input's text changes                                                                                              | (search: string) => void                         | No       | All      | Yes               |
+| value                        | Set default value                                                                                                                                       | Item                                             | No       | All      | Yes               |
+| placeholder                  | The string that will be rendered before dropdown has been selected                                                                                      | String                                           | No       | All      | Yes               |
+| placeholderStyle             | Styling for text placeholder                                                                                                                            | TextStyle                                        | No       | All      | Yes               |
+| selectedTextStyle            | Styling for selected text                                                                                                                               | TextStyle                                        | No       | All      | Yes               |
+| selectedTextProps            | Text Props for selected text. Ex: numberOfLines={1}                                                                                                     | TextProps                                        | No       | All      | Yes               |
+| style                        | Styling for view container                                                                                                                              | ViewStyle                                        | No       | All      | Yes               |
+| containerStyle               | Styling for list container                                                                                                                              | ViewStyle                                        | No       | All      | Yes               |
+| maxHeight                    | Customize max height for list container                                                                                                                 | Number                                           | No       | All      | Yes               |
+| minHeight                    | Customize min height for list container                                                                                                                 | Number                                           | No       | All      | Yes               |
+| fontFamily                   | Customize font style                                                                                                                                    | String                                           | No       | All      | Yes               |
+| iconStyle                    | Styling for icon                                                                                                                                        | ImageStyle                                       | No       | All      | Yes               |
+| iconColor                    | Color of icons                                                                                                                                          | String                                           | No       | All      | Yes               |
+| itemContainerStyle           | Styling for item container in list                                                                                                                      | TextStyle                                        | No       | All      | Yes               |
+| itemTextStyle                | Styling for text item in list                                                                                                                           | TextStyle                                        | No       | All      | Yes               |
+| activeColor                  | Background color for item selected in list container                                                                                                    | String                                           | No       | All      | Yes               |
+| search                       | Show or hide input search                                                                                                                               | Boolean                                          | No       | All      | Yes               |
+| searchQuery                  | Callback used to filter the list of items                                                                                                               | (keyword: string, labelValue: string) => Boolean | No       | All      | Yes               |
+| inputSearchStyle             | Styling for input search                                                                                                                                | ViewStyle                                        | No       | All      | Yes               |
+| searchPlaceholder            | The string that will be rendered before text input has been entered                                                                                     | String                                           | No       | All      | Yes               |
+| renderInputSearch            | Customize TextInput search                                                                                                                              | (onSearch: (text:string) => void) => JSX.Element | No       | All      | Yes               |
+| disable                      | Specifies the disabled state of the Dropdown                                                                                                            | Boolean                                          | No       | All      | Yes               |
+| dropdownPosition             | Dropdown list position. Default is 'auto'                                                                                                               | 'auto' or 'top' or 'bottom'                      | No       | All      | Yes               |
+| autoScroll                   | Auto scroll to index item selected, default is true                                                                                                     | Boolean                                          | No       | All      | Yes               |
+| showsVerticalScrollIndicator | When true, shows a vertical scroll indicator, default is true                                                                                           | Boolean                                          | No       | All      | Yes               |
+| renderLeftIcon               | Customize left icon for dropdown                                                                                                                        | (visible?: boolean) => JSX.Element               | No       | All      | Yes               |
+| renderRightIcon              | Customize right icon for dropdown                                                                                                                       | (visible?: boolean) => JSX.Element               | No       | All      | Yes               |
+| renderItem                   | Takes an item from data and renders it into the list                                                                                                    | (item: object, selected: Boolean) => JSX.Element | No       | All      | Yes               |
+| flatListProps                | Customize FlatList element                                                                                                                              | FlatListProps                                    | No       | All      | Yes               |
+| inverted                     | Reverses the direction of scroll on top position mode. Default is true                                                                                  | Boolean                                          | No       | All      | Yes               |
+| onFocus                      | Callback that is called when the dropdown is focused                                                                                                    | () => void                                       | No       | All      | Yes               |
+| onBlur                       | Callback that is called when the dropdown is blurred                                                                                                    | () => void                                       | No       | All      | Yes               |
+| keyboardAvoiding             | keyboardAvoiding default is true                                                                                                                        | Boolean                                          | No       | All      | Yes               |
+| backgroundColor              | Set background color                                                                                                                                    | String                                           | No       | All      | Yes               |
+| confirmSelectItem            | Turn On confirm select item. Refer example/src/dropdown/example3                                                                                        | Boolean                                          | No       | All      | Yes               |
+| onConfirmSelectItem          | Selection callback. Refer example/src/dropdown/example3                                                                                                 | (item: object) => void                           | No       | All      | Yes               |
+| testID                       | Used to locate this view in end-to-end tests                                                                                                            | String                                           | No       | All      | Yes               |
+| itemTestIDField              | Add this field to the input data. Ex: DATA = [{itemTestIDField: '', label: '', value:: ''}]                                                             | String                                           | No       | All      | Yes               |
+| accessibilityLabel           | Set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected                                            | String                                           | No       | All      | Yes               |
+| itemAccessibilityLabelField  | Add this field to the input data. Ex: DATA = [{itemAccessibilityLabelField: '', label: '', value:: ''}]                                                 | String                                           | No       | All      | Yes               |
+| closeModalWhenSelectedItem   | By default, closeModalWhenSelectedItem is set to true. When closeModalWhenSelectedItem is set to false, the Modal won't close when an item is selected. | Boolean                                          | No       | All      | Yes               |
+| excludeItems                 | The array containing the items to be excluded.                                                                                                          | Item[]                                           | No       | All      | Yes               |
+| excludeSearchItems           | The array containing the items to be excluded.                                                                                                          | Item[]                                           | No       | All      | Yes               |
+
+**MultiSelect**: 多选组件
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ------------------ | -----------------------------------------------------| --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
-| mode               | Mode 'modal' is show the dropdown in the middle of the screen. | 'default' or 'modal' of 'auto'                       | No        | All   | Yes |
-| data               | Data is a plain array | Array                                                | Yes       | All                                            | Yes |
-| labelField         | Extract the label from the data item | String                                               | Yes       | All                             | Yes |
-| valueField         | Extract the primary key from the data item | String                                               | Yes       | All                       | Yes |
-| searchField        | Specify the field of data list you want to search | String                                               | No       | All                | Yes |
-| onChange           | Selection callback. A array containing the "valueField". | (value[]) => void                                    | Yes       | All         | Yes |
-| onChangeText       | Callback that is called when the text input's text changes | (search: string) => void                             | No       | All       | Yes |
-| value              | Set default value. A array containing the "valueField". | Item[]                                               | No        | All          | Yes |
-| placeholder        | The string that will be rendered before dropdown has been selected | String                                               | No        | All | Yes |
-| placeholderStyle   | Styling for text placeholder | TextStyle                                            | No        | All                                     | Yes |
-| style              | Styling for view container | ViewStyle                                            | No        | All                                       | Yes |
-| containerStyle     | Styling for list container | ViewStyle                                            | No        | All                                       | Yes |
-| maxHeight          | Customize max height for list container | Number                                               | No        | All                          | Yes |
-| minHeight          | Customize min height for list container | Number                                               | No        | All                          | Yes |
-| maxSelect          | maximum number of items that can be selected | Number                                               | No        | All                     | Yes |
-| fontFamily         | Customize font style | String                                               | No        | All                                             | Yes |
-| iconStyle          | Styling for icon | ImageStyle                                           | No        | All                                                 | Yes |
-| iconColor          | Color of icons | String                                               | No        | All                                                   | Yes |
-| activeColor        | Background color for item selected in list container | String                                               | No        | All             | Yes |
-| itemContainerStyle | Styling for item container in list | TextStyle                                            | No        | All                               | Yes |
-| itemTextStyle      | Styling for text item in list | TextStyle                                            | No        | All                                    | Yes |
-| selectedStyle      | Styling for selected view | ViewStyle                                            | No        | All                                        | Yes |
-| selectedTextStyle  | Styling for selected text | TextStyle                                            | No        | All                                        | Yes |
-| selectedTextProps  | Text Props for selected text. Ex: numberOfLines={1} | TextProps                                            | No        | All              | Yes |
-| renderSelectedItem | Takes an item from data and renders it into the list selected | (item: object, unSelect?: () => void) => JSX.Element | No        | All    | Yes |
-| alwaysRenderSelectedItem | Always show the list of selected items | Boolean                                        | No        | All                           | Yes |
-| visibleSelectedItem | Option to hide selected item list, Ẽx: visibleSelectedItem={false} | Boolean                                             | No        | All | Yes |
-| search             | Show or hide input search | Boolean                                              | No        | All                                        | Yes |
-| searchQuery        | Callback used to filter the list of items | (keyword: string, labelValue: string) => Boolean     | No        | All                        | Yes |
-| inputSearchStyle   | Styling for input search | ViewStyle                                            | No        | All                                         | Yes |
-| searchPlaceholder  | The string that will be rendered before text input has been entered | String                                               | No        | All | Yes |
-| renderInputSearch  | Customize TextInput search | (onSearch: (text:string) => void) => JSX.Element     | No        | All                                       | Yes |
-| disable            | Specifies the disabled state of the Dropdown | Boolean                                              | No        | All                     | Yes |
-| dropdownPosition   | Dropdown list position. Default is 'auto' | 'auto' or 'top' or 'bottom'                          | No        | All                        | Yes |
-| showsVerticalScrollIndicator | When true, shows a vertical scroll indicator, default is true | Boolean                                    | No        | All    | Yes |
-| renderLeftIcon     | Customize left icon for dropdown | (visible?: boolean) => JSX.Element                   | No        | All                                 | Yes |
-| renderRightIcon    | Customize right icon for dropdown | (visible?: boolean) => JSX.Element                   | No        | All                                | Yes |
-| renderItem         | Takes an item from data and renders it into the list | (item: object, selected: Boolean) => JSX.Element     | No        | All             | Yes |
-| flatListProps      | Customize FlatList element | FlatListProps                                        | No        | All                                       | Yes |
-| inverted           | Reverses the direction of scroll on top position mode. Default is true | Boolean                                              | No        | All | Yes |
-| onFocus            | Callback that is called when the dropdown is focused | () => void                                           | No        | All             | Yes |
-| onBlur             | Callback that is called when the dropdown is blurred | () => void                                           | No        | All             | Yes |
-| keyboardAvoiding   | keyboardAvoiding default is true | Boolean                                              | No        | All                                 | Yes |
-| inside             | inside default is false | Boolean                                              | No        | All                                          | Yes |
-| backgroundColor    | Set background color | String                                               | No        | All                                             | Yes |
-| confirmSelectItem  | Turn On confirm select item. Refer example/src/dropdown/example7 | Boolean                                              | No        | All | Yes |
-| confirmUnSelectItem | Turn On confirm un-select item. Refer example/src/dropdown/example7 | Boolean                                             | No        | All | Yes |
-| onConfirmSelectItem | Selection callback. Refer example/src/dropdown/example7 | (item: any) => void                                 | No        | All          | Yes |
-| testID             | Used to locate this view in end-to-end tests | String                                               | No        | All                     | Yes |
-| itemTestIDField    | Add this field to the input data. Ex: DATA = [{itemTestIDField: '', label: '', value:: ''}] | String                                               | No        | All | Yes |
-| accessibilityLabel | Set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected | String          | No    | All | Yes |
-| itemAccessibilityLabelField | Add this field to the input data. Ex: DATA = [{itemAccessibilityLabelField: '', label: '', value:: ''}] | String                                      | No        | All | Yes |
-| excludeItems       | The array containing the items to be excluded. | Item[]                                               | No        | All                   |                       |
-| excludeSearchItems | The array containing the items to be excluded. | Item[]                                               | No        | All                   | Yes |
-
-**SelectCountry**：选择国家/地区组件，接收所有Dropdown的props并新增了以下props
+| mode | Mode 'modal' is show the dropdown in the middle of the screen. | 'default' or 'modal' of 'auto' | No | All | Yes |
+| data | Data is a plain array | Array | Yes | All | Yes |
+| labelField | Extract the label from the data item | String | Yes | All | Yes |
+| valueField | Extract the primary key from the data item | String | Yes | All | Yes |
+| searchField | Specify the field of data list you want to search | String | No | All | Yes |
+| onChange | Selection callback. A array containing the "valueField". | (value[]) => void | Yes | All | Yes |
+| onChangeText | Callback that is called when the text input's text changes | (search: string) => void | No | All | Yes |
+| value | Set default value. A array containing the "valueField". | Item[] | No | All | Yes |
+| placeholder | The string that will be rendered before dropdown has been selected | String | No | All | Yes |
+| placeholderStyle | Styling for text placeholder | TextStyle | No | All | Yes |
+| style | Styling for view container | ViewStyle | No | All | Yes |
+| containerStyle | Styling for list container | ViewStyle | No | All | Yes |
+| maxHeight | Customize max height for list container | Number | No | All | Yes |
+| minHeight | Customize min height for list container | Number | No | All | Yes |
+| maxSelect | maximum number of items that can be selected | Number | No | All | Yes |
+| fontFamily | Customize font style | String | No | All | Yes |
+| iconStyle | Styling for icon | ImageStyle | No | All | Yes |
+| iconColor | Color of icons | String | No | All | Yes |
+| activeColor | Background color for item selected in list container | String | No | All | Yes |
+| itemContainerStyle | Styling for item container in list | TextStyle | No | All | Yes |
+| itemTextStyle | Styling for text item in list | TextStyle | No | All | Yes |
+| selectedStyle | Styling for selected view | ViewStyle | No | All | Yes |
+| selectedTextStyle | Styling for selected text | TextStyle | No | All | Yes |
+| selectedTextProps | Text Props for selected text. Ex: numberOfLines={1} | TextProps | No | All | Yes |
+| renderSelectedItem | Takes an item from data and renders it into the list selected | (item: object, unSelect?: () => void) => JSX.Element | No | All | Yes |
+| alwaysRenderSelectedItem | Always show the list of selected items | Boolean | No | All | Yes |
+| visibleSelectedItem | Option to hide selected item list, Ẽx: visibleSelectedItem={false} | Boolean | No | All | Yes |
+| search | Show or hide input search | Boolean | No | All | Yes |
+| searchQuery | Callback used to filter the list of items | (keyword: string, labelValue: string) => Boolean | No | All | Yes |
+| inputSearchStyle | Styling for input search | ViewStyle | No | All | Yes |
+| searchPlaceholder | The string that will be rendered before text input has been entered | String | No | All | Yes |
+| renderInputSearch | Customize TextInput search | (onSearch: (text:string) => void) => JSX.Element | No | All | Yes |
+| disable | Specifies the disabled state of the Dropdown | Boolean | No | All | Yes |
+| dropdownPosition | Dropdown list position. Default is 'auto' | 'auto' or 'top' or 'bottom' | No | All | Yes |
+| showsVerticalScrollIndicator | When true, shows a vertical scroll indicator, default is true | Boolean | No | All | Yes |
+| renderLeftIcon | Customize left icon for dropdown | (visible?: boolean) => JSX.Element | No | All | Yes |
+| renderRightIcon | Customize right icon for dropdown | (visible?: boolean) => JSX.Element | No | All | Yes |
+| renderItem | Takes an item from data and renders it into the list | (item: object, selected: Boolean) => JSX.Element | No | All | Yes |
+| flatListProps | Customize FlatList element | FlatListProps | No | All | Yes |
+| inverted | Reverses the direction of scroll on top position mode. Default is true | Boolean | No | All | Yes |
+| onFocus | Callback that is called when the dropdown is focused | () => void | No | All | Yes |
+| onBlur | Callback that is called when the dropdown is blurred | () => void | No | All | Yes |
+| keyboardAvoiding | keyboardAvoiding default is true | Boolean | No | All | Yes |
+| inside | inside default is false | Boolean | No | All | Yes |
+| backgroundColor | Set background color | String | No | All | Yes |
+| confirmSelectItem | Turn On confirm select item. Refer example/src/dropdown/example7 | Boolean | No | All | Yes |
+| confirmUnSelectItem | Turn On confirm un-select item. Refer example/src/dropdown/example7 | Boolean | No | All | Yes |
+| onConfirmSelectItem | Selection callback. Refer example/src/dropdown/example7 | (item: any) => void | No | All | Yes |
+| testID | Used to locate this view in end-to-end tests | String | No | All | Yes |
+| itemTestIDField | Add this field to the input data. Ex: DATA = [{itemTestIDField: '', label: '', value:: ''}] | String | No | All | Yes |
+| accessibilityLabel | Set an accessibilityLabel on the view, so that people who use VoiceOver know what element they have selected | String | No | All | Yes |
+| itemAccessibilityLabelField | Add this field to the input data. Ex: DATA = [{itemAccessibilityLabelField: '', label: '', value:: ''}] | String | No | All | Yes |
+| excludeItems | The array containing the items to be excluded. | Item[] | No | All | |
+| excludeSearchItems | The array containing the items to be excluded. | Item[] | No | All | Yes |
+
+**SelectCountry**: 选择国家/地区组件，接收所有 Dropdown 的 props 并新增了以下 props
 
 | Name       | Description                          | Type       | Required | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------ | ---------- | -------- | -------- | ----------------- |
 | imageField | Extract the image from the data item | String     | Yes      | All      | Yes               |
 | imageStyle | Styling for image                    | ImageStyle | No       | All      | Yes               |
 
-## **Method**：静态方法
+## **Method**: Static Methods
 
 | Name  | Description         | Type       | Required | Platform | HarmonyOS Support |
 | ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
 | open  | Open dropdown list  | () => void | No       | All      | Yes               |
 | close | Close dropdown list | () => void | No       | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE)，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE)，请自由地享受和参与开源。
diff --git a/en/react-native-elements.md b/en/react-native-elements.md
index ff0aa3ef..b4a9c58f 100644
--- a/en/react-native-elements.md
+++ b/en/react-native-elements.md
@@ -1,4 +1,4 @@
-> Template version：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-elements</code> </h1>
@@ -13,14 +13,11 @@
     </a>
 </p>
 
-
-
-
-> [!TIP] [Github address](https://github.com/react-native-elements/react-native-elements)
+> [!TIP] [GitHub address](https://github.com/react-native-elements/react-native-elements)
 
 ## Installation and Usage
 
-Go to the project directory and execute the following instruction：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -40,13 +37,13 @@ yarn add @rneui/base@4.0.0-rc.7
 
 <!-- tabs:end -->
 
-The following code shows the basic use scenario of the repository：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
-import React from 'react';
-import { View, ScrollView, StyleSheet } from 'react-native';
-import { Avatar } from '@rneui/themed';
-import { Text } from '@rneui/base';
+import React from "react";
+import { View, ScrollView, StyleSheet } from "react-native";
+import { Avatar } from "@rneui/themed";
+import { Text } from "@rneui/base";
 
 type AvatarData = {
   image_url: string;
@@ -54,43 +51,46 @@ type AvatarData = {
 
 const styles = StyleSheet.create({
   titleStyle: {
-    fontWeight: 'bold',
+    fontWeight: "bold",
     fontSize: 24,
   },
   subTitleStyle: {
-    fontWeight: 'bold',
+    fontWeight: "bold",
     fontSize: 18,
   },
   normalTitle: {
-    fontWeight: 'bold',
+    fontWeight: "bold",
     fontSize: 15,
-  }
+  },
 });
 
-const dataList: AvatarData[][] = 
-[
+const dataList: AvatarData[][] = [
   [
     {
-      image_url: 'https://api.uifaces.co/our-content/donated/xZ4wg2Xj.jpg',
+      image_url: "https://api.uifaces.co/our-content/donated/xZ4wg2Xj.jpg",
     },
     {
-      image_url: 'https://randomuser.me/api/portraits/men/36.jpg',
+      image_url: "https://randomuser.me/api/portraits/men/36.jpg",
     },
     {
-      image_url: 'https://cdn.pixabay.com/photo/2019/11/03/20/11/portrait-4599553__340.jpg',
-    }
+      image_url:
+        "https://cdn.pixabay.com/photo/2019/11/03/20/11/portrait-4599553__340.jpg",
+    },
   ],
   [
     {
-      image_url: 'https://cdn.pixabay.com/photo/2014/09/17/20/03/profile-449912__340.jpg',
+      image_url:
+        "https://cdn.pixabay.com/photo/2014/09/17/20/03/profile-449912__340.jpg",
     },
     {
-      image_url: 'https://cdn.pixabay.com/photo/2020/09/18/05/58/lights-5580916__340.jpg',
+      image_url:
+        "https://cdn.pixabay.com/photo/2020/09/18/05/58/lights-5580916__340.jpg",
     },
     {
-      image_url: 'https://cdn.pixabay.com/photo/2016/11/21/12/42/beard-1845166_1280.jpg',
-    }
-  ]
+      image_url:
+        "https://cdn.pixabay.com/photo/2016/11/21/12/42/beard-1845166_1280.jpg",
+    },
+  ],
 ];
 
 type AvatarComponentProps = {};
@@ -104,8 +104,8 @@ const Avatars: React.FunctionComponent<AvatarComponentProps> = () => {
         {dataList.map((chunk, chunkIndex) => (
           <View
             style={{
-              flexDirection: 'row',
-              justifyContent: 'space-around',
+              flexDirection: "row",
+              justifyContent: "space-around",
               marginBottom: 30,
             }}
             key={chunkIndex}
@@ -123,34 +123,34 @@ const Avatars: React.FunctionComponent<AvatarComponentProps> = () => {
         <Text style={styles.subTitleStyle}>Icon Avatars</Text>
         <View
           style={{
-            flexDirection: 'row',
-            justifyContent: 'space-around',
+            flexDirection: "row",
+            justifyContent: "space-around",
             marginBottom: 30,
           }}
         >
           <Avatar
             size={64}
             rounded
-            icon={{ name: 'pencil', type: 'font-awesome' }}
-            containerStyle={{ backgroundColor: '#6733b9' }}
+            icon={{ name: "pencil", type: "font-awesome" }}
+            containerStyle={{ backgroundColor: "#6733b9" }}
           />
           <Avatar
             size={64}
             rounded
-            icon={{ name: 'rocket', type: 'font-awesome' }}
-            containerStyle={{ backgroundColor: '#00a7f7' }}
+            icon={{ name: "rocket", type: "font-awesome" }}
+            containerStyle={{ backgroundColor: "#00a7f7" }}
           />
           <Avatar
             size={64}
             rounded
-            icon={{ name: 'heartbeat', type: 'font-awesome' }}
-            containerStyle={{ backgroundColor: '#eb1561' }}
+            icon={{ name: "heartbeat", type: "font-awesome" }}
+            containerStyle={{ backgroundColor: "#eb1561" }}
           />
         </View>
         <View
           style={{
-            flexDirection: 'row',
-            justifyContent: 'space-around',
+            flexDirection: "row",
+            justifyContent: "space-around",
             marginBottom: 30,
           }}
         >
@@ -158,33 +158,33 @@ const Avatars: React.FunctionComponent<AvatarComponentProps> = () => {
             size={64}
             rounded
             icon={{
-              name: 'users',
-              type: 'font-awesome',
-              color: '#cdde20',
+              name: "users",
+              type: "font-awesome",
+              color: "#cdde20",
             }}
             containerStyle={{
-              borderColor: 'grey',
-              borderStyle: 'solid',
+              borderColor: "grey",
+              borderStyle: "solid",
               borderWidth: 1,
             }}
           />
           <Avatar
             size={64}
             rounded
-            icon={{ name: 'bank', type: 'font-awesome', color: '#009688' }}
+            icon={{ name: "bank", type: "font-awesome", color: "#009688" }}
             containerStyle={{
-              borderColor: 'grey',
-              borderStyle: 'solid',
+              borderColor: "grey",
+              borderStyle: "solid",
               borderWidth: 1,
             }}
           />
           <Avatar
             size={64}
             rounded
-            icon={{ name: 'apple', type: 'font-awesome', color: '#ff5606' }}
+            icon={{ name: "apple", type: "font-awesome", color: "#ff5606" }}
             containerStyle={{
-              borderColor: 'grey',
-              borderStyle: 'solid',
+              borderColor: "grey",
+              borderStyle: "solid",
               borderWidth: 1,
             }}
           />
@@ -193,8 +193,8 @@ const Avatars: React.FunctionComponent<AvatarComponentProps> = () => {
         <Text style={styles.subTitleStyle}>Letter Avatars</Text>
         <View
           style={{
-            flexDirection: 'row',
-            justifyContent: 'space-around',
+            flexDirection: "row",
+            justifyContent: "space-around",
             marginBottom: 30,
           }}
         >
@@ -202,43 +202,43 @@ const Avatars: React.FunctionComponent<AvatarComponentProps> = () => {
             size={64}
             rounded
             title="Fc"
-            containerStyle={{ backgroundColor: '#3d4db7' }}
+            containerStyle={{ backgroundColor: "#3d4db7" }}
           />
           <Avatar
             size={64}
             rounded
             title="P"
-            containerStyle={{ backgroundColor: 'coral' }}
+            containerStyle={{ backgroundColor: "coral" }}
           />
           <Avatar
             size={64}
             rounded
             title="Rd"
-            containerStyle={{ backgroundColor: 'purple' }}
+            containerStyle={{ backgroundColor: "purple" }}
           />
         </View>
 
         <Text style={styles.subTitleStyle}>Badged Avatars</Text>
         <View
           style={{
-            flexDirection: 'row',
-            justifyContent: 'space-around',
+            flexDirection: "row",
+            justifyContent: "space-around",
             marginBottom: 40,
           }}
         >
           <Avatar
             size={64}
             rounded
-            icon={{ name: 'pencil', type: 'font-awesome' }}
-            containerStyle={{ backgroundColor: 'orange' }}
+            icon={{ name: "pencil", type: "font-awesome" }}
+            containerStyle={{ backgroundColor: "orange" }}
           >
             <Avatar.Accessory size={24} />
           </Avatar>
           <Avatar
             size={64}
             rounded
-            source={{ uri: 'https://randomuser.me/api/portraits/women/57.jpg' }}
-            containerStyle={{ backgroundColor: 'grey' }}
+            source={{ uri: "https://randomuser.me/api/portraits/women/57.jpg" }}
+            containerStyle={{ backgroundColor: "grey" }}
           >
             <Avatar.Accessory size={23} />
           </Avatar>
@@ -255,104 +255,122 @@ export default Avatars;
 
 The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-safe-area-context , @react-native-oh-tpl/react-native-linear-gradient If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
 
-If not introduced, please refer to [Link section of @react-native-oh-tpl/react-native-safe-area-context  documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-safe-area-context.md#link), [Link section of @react-native-oh-tpl/react-native-linear-gradient  documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-linear-gradient.md#link) for introduction.
+If not introduced, please refer to Link section of @react-native-oh-tpl/react-native-safe-area-context documentation, Link section of @react-native-oh-tpl/react-native-linear-gradient documentation for introduction.
 
-### Introduce and register font files on the ArkTs side
+### 在 ArkTs 侧引入和注册字体文件
 
-Step 1:
-          Copy the font file to the 'entry/src/main/ets/assets/fonts' directory (if an external font file is used, the *. ttf file needs to be copied over)
+步骤一:
+复制字体文件到 `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
 
-Step 2:
-         Open 'entry/src/main/ets/pages/Index. ets' and add the following code
+步骤二:
+Open the `entry/src/main/ets/pages/Index.ets` file and add the following code:
 
 ```ts
-   //Special note: The familyName of fonts in the FontAwesome series needs to be understood through code logic
-  build() {
-    Column() {
-      if (this.rnohCoreContext && this.shouldShow) {
-        if (this.rnohCoreContext?.isDebugModeEnabled) {
-          RNOHErrorDialog({ ctx: this.rnohCoreContext })
-        }
-        RNApp({
-          rnInstanceConfig: {
-            fontResourceByFontFamily:{
-              "FontAwesome": $rawfile("fonts/FontAwesome.ttf"),
-              "FontAwesome5_Brands": $rawfile("fonts/FontAwesome5_Brands.ttf"),
-              "FontAwesome5_Regular": $rawfile("fonts/FontAwesome5_Regular.ttf"),
-              "FontAwesome5_Solid": $rawfile("fonts/FontAwesome5_Solid.ttf"),
-              "Pacifico-Regular": $rawfile("fonts/Pacifico-Regular.ttf"),
-              "StintUltraCondensed-Regular": $rawfile("fonts/StintUltraCondensed-Regular.ttf") }
-          },
-        })
+    import font from '@ohos.font';
+    //...
+    const fonts: font.FontOptions[] = [
+      {
+        familyName: 'StintUltraCondensed-Regular',
+        familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
+      },
+      {
+        familyName: 'FontAwesome',
+        familySrc: '/assets/fonts/FontAwesome.ttf'
+      },
+      {
+        familyName: 'FontAwesome5_Brands',
+        familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
+      },
+      {
+        familyName: 'FontAwesome5_Regular',
+        familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
+      },
+      {
+        familyName: 'FontAwesome5_Solid',
+        familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
       }
+    ]
+
+    @Entry
+    @Component
+    struct Index {
+        //...
+        aboutToAppear() {
+            //...
+
+            //注册字体文件
+            for (const customFont of fonts) {
+                font.registerFont(customFont)
+            }
+        }
+        //...
     }
-    .height('100%')
-    .width('100%')
-  }
 ```
 
-
+> [!TIP] Demo 中字体属于 IconFont 文件；自定义字体也需要用统一的方法在此注册。
 
 ## Constraints
 
 ### Compatibility
 
-This document is verified based on the following versions：
+This document is verified based on the following versions:
 
-1. RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.22;
-2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.700; ROM：3.0.0.60;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.22;
+1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.700; ROM: 3.0.0.60;
+1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## Component
+## Components
 
-For details, see [react-native-elements Source Code](https://reactnativeelements.com)
+详细请查看 [react-native-elements 的文档介绍](https://reactnativeelements.com)
 
-The following are currently supported component properties:
+以下为目前已支持的组件属性:
 
 > [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**AirbnbRating**：Airbnb style rating component
-
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        count         |        Total number of ratings to displayDefault is 5        |        number         |    No    |   All    |        Yes        |
-|    defaultRating     |           Initial value for the ratingDefault is 3           |        number         |    No    |   All    |        Yes        |
-|      isDisabled      | Whether the rating can be modiefied by the userDefault is false |        boolean        |    No    |   All    |        Yes        |
-|    onFinishRating    | Callback method when the user finishes rating. Gives you the final rating value as a whole number | (number: any) => void |    No    |   All    |        Yes        |
-| ratingContainerStyle |          Style for rating containerDefault is none           |      View Style       |    No    |   All    |        Yes        |
-|     reviewColor      |          Color value for review.Default is #f1c40f           |        string         |    No    |   All    |        Yes        |
-|      reviewSize      |             Size value for review.Default is 40              |        number         |    No    |   All    |        Yes        |
+**AirbnbRating**: 爱彼迎风格的评级组件
+
+|         Name         |                                                                                   Description                                                                                    |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        count         |                                                                  Total number of ratings to displayDefault is 5                                                                  |        number         |    No    |   All    |        Yes        |
+|    defaultRating     |                                                                     Initial value for the ratingDefault is 3                                                                     |        number         |    No    |   All    |        Yes        |
+|      isDisabled      |                                                         Whether the rating can be modiefied by the userDefault is false                                                          |        boolean        |    No    |   All    |        Yes        |
+|    onFinishRating    |                                        Callback method when the user finishes rating. Gives you the final rating value as a whole number                                         | (number: any) => void |    No    |   All    |        Yes        |
+| ratingContainerStyle |                                                                    Style for rating containerDefault is none                                                                     |      View Style       |    No    |   All    |        Yes        |
+|     reviewColor      |                                                                    Color value for review.Default is #f1c40f                                                                     |        string         |    No    |   All    |        Yes        |
+|      reviewSize      |                                                                       Size value for review.Default is 40                                                                        |        number         |    No    |   All    |        Yes        |
 |       reviews        | Labels to show when each value is tappede.g. If the first star is tapped, then value in index 0 will be used as the labelDefault is ['Terrible', 'Bad', 'Okay', 'Good', 'Great'] |       string[]        |    No    |   All    |        Yes        |
-|    selectedColor     |       Color value for filled stars.Default is #004666        |        string         |    No    |   All    |        Yes        |
-|      showRating      | Determines if to show the reviews above the ratingDefault is true |        boolean        |    No    |   All    |        Yes        |
-|         size         |              Size of rating imageDefault is 40               |        number         |    No    |   All    |        Yes        |
-|  starContainerStyle  |           Style for star containerDefault is none            |      View Style       |    No    |   All    |        Yes        |
-|      starImage       |              Pass in a custom base image source              |        string         |    No    |    No    |        No         |
-
-**Avatar**：A component for rendering avatars, icons, and letters
-
-|         Name          |                         Description                          |                        Type                         | Required | Platform | HarmonyOS Support |
-| :-------------------: | :----------------------------------------------------------: | :-------------------------------------------------: | :------: | :------: | :---------------: |
-|       Component       | Component for enclosing element (eg: TouchableHighlight, View, etc). |                   React Component                   |    No    |   All    |        Yes        |
-|    ImageComponent     |              Custom ImageComponent for Avatar.               |               ComponentClass<{}, any>               |    No    |   All    |        Yes        |
-|      avatarStyle      |                   Style for avatar image.                    |                     ImageStyle                      |    No    |   All    |        Yes        |
-|    containerStyle     |                 Styling for outer container.                 |                     View Style                      |    No    |   All    |        Yes        |
-|         icon          | Displays an icon as the main content of the Avatar. **Cannot be used alongside title**. When used with the `source` prop it will be used as the placeholder. |                     AvatarIcon                      |    No    |   All    |        Yes        |
-|       iconStyle       |              Extra styling for icon component.               |                     Text Style                      |    No    |   All    |        Yes        |
-|      imageProps       | Optional properties to pass to the avatar e.g "resizeMode".  |                 ImageProps(Object)                  |    No    |   All    |        Yes        |
-|      onLongPress      |       Callback function when long pressing component.        |                      Function                       |    No    |   All    |        Yes        |
-|        onPress        |          Callback function when pressing component.          |                      Function                       |    No    |   All    |        Yes        |
-|       onPressIn       |       Called when a touch is engaged before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
-|      onPressOut       |      Called when a touch is released before `onPress`.       |            GestureResponderEventHandler             |    No    |   All    |        Yes        |
-| overlayContainerStyle |          Style for the view outside image or icon.           |                     Text Style                      |    No    |   All    |        Yes        |
-|        rounded        |                  Makes the avatar circular.                  |                       boolean                       |    No    |   All    |        Yes        |
-|         size          |                     Size of the avatar.                      |     `number`,`small`,`medium`,`large`,`xlarge`      |    No    |   All    |        Yes        |
-|        source         |           Image source to be displayed on avatar.            |                 ImageSourcePropType                 |    No    |   All    |        Yes        |
-|      titleStyle       |                     Style for the title.                     |                     Text Style                      |    No    |   All    |        Yes        |
-
-**Avatar.Accessory**：The subcomponent of Avatar component, which receives all props of  [Icon](https://reactnativeelements.com/docs/components/icon#props), [Image](https://reactnativeelements.com/docs/components/image#props), [Text](https://reactnative.dev/docs/text#props) 
+|    selectedColor     |                                                                 Color value for filled stars.Default is #004666                                                                  |        string         |    No    |   All    |        Yes        |
+|      showRating      |                                                        Determines if to show the reviews above the ratingDefault is true                                                         |        boolean        |    No    |   All    |        Yes        |
+|         size         |                                                                        Size of rating imageDefault is 40                                                                         |        number         |    No    |   All    |        Yes        |
+|  starContainerStyle  |                                                                     Style for star containerDefault is none                                                                      |      View Style       |    No    |   All    |        Yes        |
+|      starImage       |                                                                        Pass in a custom base image source                                                                        |        string         |    No    |    No    |        No         |
+
+**Avatar**: 一个头像、Icon、字母渲染组件
+
+|         Name          |                                                                         Description                                                                          |                    Type                    | Required | Platform | HarmonyOS Support |
+| :-------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------: | :------: | :------: | :---------------: |
+|       Component       |                                             Component for enclosing element (eg: TouchableHighlight, View, etc).                                             |              React Component               |    No    |   All    |        Yes        |
+|    ImageComponent     |                                                              Custom ImageComponent for Avatar.                                                               |          ComponentClass<{}, any>           |    No    |   All    |        Yes        |
+|      avatarStyle      |                                                                   Style for avatar image.                                                                    |                 ImageStyle                 |    No    |   All    |        Yes        |
+|    containerStyle     |                                                                 Styling for outer container.                                                                 |                 View Style                 |    No    |   All    |        Yes        |
+|         icon          | Displays an icon as the main content of the Avatar. **Cannot be used alongside title**. When used with the `source` prop it will be used as the placeholder. |                 AvatarIcon                 |    No    |   All    |        Yes        |
+|       iconStyle       |                                                              Extra styling for icon component.                                                               |                 Text Style                 |    No    |   All    |        Yes        |
+|      imageProps       |                                                 Optional properties to pass to the avatar e.g "resizeMode".                                                  |             ImageProps(Object)             |    No    |   All    |        Yes        |
+|      onLongPress      |                                                       Callback function when long pressing component.                                                        |                  Function                  |    No    |   All    |        Yes        |
+|        onPress        |                                                          Callback function when pressing component.                                                          |                  Function                  |    No    |   All    |        Yes        |
+|       onPressIn       |                                                       Called when a touch is engaged before `onPress`.                                                       |        GestureResponderEventHandler        |    No    |   All    |        Yes        |
+|      onPressOut       |                                                      Called when a touch is released before `onPress`.                                                       |        GestureResponderEventHandler        |    No    |   All    |        Yes        |
+| overlayContainerStyle |                                                          Style for the view outside image or icon.                                                           |                 Text Style                 |    No    |   All    |        Yes        |
+|    pressableProps     |                                                             PressableProps except click handlers                                                             |               PressableProps               |    No    |   All    |        Yes        |
+|        rounded        |                                                                  Makes the avatar circular.                                                                  |                  boolean                   |    No    |   All    |        Yes        |
+|         size          |                                                                     Size of the avatar.                                                                      | `number`,`small`,`medium`,`large`,`xlarge` |    No    |   All    |        Yes        |
+|        source         |                                                           Image source to be displayed on avatar.                                                            |            ImageSourcePropType             |    No    |   All    |        Yes        |
+|  ImageSourcePropType  |                                                              Renders title in the placeholder.                                                               |                   string                   |    No    |   All    |        Yes        |
+|      titleStyle       |                                                                     Style for the title.                                                                     |                 Text Style                 |    No    |   All    |        Yes        |
+
+**Avatar.Accessory**: Avatar 组件的子组件，接收所有 [Icon](https://reactnativeelements.com/docs/components/icon#props), [Image](https://reactnativeelements.com/docs/components/image#props), [Text](https://reactnative.dev/docs/text#props) 的 props
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -360,8 +378,9 @@ The following are currently supported component properties:
 |    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
+| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**Badge**：Badge component, typically used to convey numerical values or indicate the status of items to users
+**Badge**: 徽章组件，通常用于向用户传达数值或指示物品的状态
 
 |      Name      |                        Description                        |                  Type                  | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------------------------------------: | :------------------------------------: | :------: | :------: | :---------------: |
@@ -372,97 +391,99 @@ The following are currently supported component properties:
 |    onPress     |       Called when a single tap gesture is detected.       |                Function                |    No    |   All    |        Yes        |
 |   onPressIn    |     Called when a touch is engaged before `onPress`.      |      GestureResponderEventHandler      |    No    |   All    |        Yes        |
 |   onPressOut   |     Called when a touch is released before `onPress`.     |      GestureResponderEventHandler      |    No    |   All    |        Yes        |
+| pressableProps |           PressableProps except click handlers            |             PressableProps             |    No    |   All    |        Yes        |
 |     status     |            Determines color of the indicator.             | `primary`,`success`,`warning` ,`error` |    No    |   All    |        Yes        |
 |   textProps    |              Extra props for text component.              |               TextProps                |    No    |   All    |        Yes        |
 |   textStyle    |             Extra styling for icon component.             |               Text Style               |    No    |   All    |        Yes        |
 |     value      |  Text value to be displayed by badge, defaults to empty.  |               ReactNode                |    No    |   All    |        Yes        |
 
-**BottomSheet**： A component that displays content from the bottom of the screen, relying on a third-party library called react-native-safe-area-context 
+**BottomSheet**: 从屏幕底部显示内容的组件，依赖 react-native-safe-area-context 三方库
 
-|      Name       |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
-| :-------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
-|  backdropStyle  |               Style of the backdrop container.               |   View Style    |    No    |   All    |        Yes        |
+|      Name       |                                     Description                                      |      Type       | Required | Platform | HarmonyOS Support |
+| :-------------: | :----------------------------------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
+|  backdropStyle  |                           Style of the backdrop container.                           |   View Style    |    No    |   All    |        Yes        |
 | containerStyle  | Style of the bottom sheet's container. Use this to change the color of the underlay. |   View Style    |    No    |   All    |        Yes        |
-|    isVisible    |                Is the modal component shown.                 |     boolean     |    No    |   All    |        Yes        |
-|   modalProps    |           Additional props handed to the `Modal`.            |   ModalProps    |    No    |   All    |        Yes        |
-| onBackdropPress |                 Handler for backdrop press.                  |    Function     |    No    |   All    |        Yes        |
-| scrollViewProps |              Used to add props to Scroll view.               | ScrollViewProps |    No    |   All    |        Yes        |
-
-**Button**：Button component that receives all [TouchableOpacityProps](https://reactnative.dev/docs/touchableopacity#props)  props
-
-|        Name         |                         Description                          |                             Type                             | Required | Platform | HarmonyOS Support |
-| :-----------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------------: |
-| TouchableComponent  |               Component for user interaction.                |                       typeof Component                       |    No    |   All    |        Yes        |
-|    ViewComponent    |                   Component for container.                   |                       React Component                        |    No    |   All    |        Yes        |
-|     buttonStyle     |         Add additional styling for button component.         |                          View Style                          |    No    |   All    |        Yes        |
-|        color        |                       Color of Button                        | `string`,`primary`,`secondary`,`success` | No | All | Yes |
-|   containerStyle    |               Styling for Component container.               |                          View Style                          |    No    |   All    |        Yes        |
-|      disabled       |                  Disables user interaction.                  |                           boolean                            |    No    |   All    |        Yes        |
-| disabledTitleStyle  |              Style of the title when disabled.               |                      disabledTitleStyle                      |    No    |   All    |        Yes        |
-|        icon         | Displays a centered icon (when no title) or to the left (with text). (can be used along with iconRight as well). Can be an object or a custom component. |                           IconNode                           |    No    |   All    |        Yes        |
-| iconContainerStyle  |            Styling for Icon Component container.             |                          View Style                          |    No    |   All    |        Yes        |
-|    iconPosition     | Displays Icon to the position mentioned. Needs to be used along with `icon` prop. | `left`,`right`,`top`,`bottom` | No | All | Yes           |
-|      iconRight      | Displays Icon to the right of title. Needs to be used along with `icon` prop. |                           boolean                            |    No    |   All    |        Yes        |
-| linearGradientProps | Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/button#linear-gradient). |                            object                            |    No    |   All    |        Yes        |
-|       loading       |              Prop to display a loading spinner.              |                           boolean                            |    No    |   All    |        Yes        |
-|    loadingProps     |    Add additional props for ActivityIndicator component.     |                    ActivityIndicatorProps                    |    No    |   All    |        Yes        |
-|    loadingStyle     |                          View Style                          |                          View Style                          |    No    |   All    |        Yes        |
-|       radius        |                       Radius of button                       | `number`,`sm`,`md`,`lg` | No | All | Yes              |
-|       raised        | Add raised button styling (optional). Has no effect if `type="clear"`. |                           boolean                            |    No    |   All    |        Yes        |
-|        size         |                         Button size                          |            `sm`,`md`,`lg` |    No    |   All    |        Yes        |
-|        title        |                      Add button title.                       | `string`,`ReactElement<{}, string`,`JSXElementConstructor<any>>` | No |   All    |        Yes        |
-|     titleProps      |           Add additional props for Text component.           |                          TextProps                           |    No    |   All    |        Yes        |
-|     titleStyle      |         Add additional styling for title component.          |                          Text Style                          |    No    |   All    |        Yes        |
-|        type         |                       Type of button.                        | `solid`,`clear`,`outline` |    No    |   All    |        Yes        |
-|      uppercase      |                    Uppercase button title                    |                           boolean                            |    No    |   All    |        Yes        |
-
-**ButtonGroup**：Button component
-
-|           Name            |                         Description                          |                       Type                        | Required | Platform | HarmonyOS Support |
-| :-----------------------: | :----------------------------------------------------------: | :-----------------------------------------------: | :------: | :------: | :---------------: |
-|         Component         |   Choose other button component such as TouchableOpacity.    |                  React Component                  |    No    |   All    |        Yes        |
-|       activeOpacity       |       Add active opacity to the button in buttonGroup.       |                      number                       |    No    |   No  |        No        |
-|          button           |                  Button for the component.                   |                      object                       |    No    |   No  |        No        |
-|   buttonContainerStyle    |            Specify styling for button containers.            |                    View Style                     |    No    |   All    |        Yes        |
-|        buttonStyle        |                 Specify styling for button.                  |                    View Style                     |    No    |   All    |        Yes        |
-|          buttons          | Array of buttons for component (required), if returning a component, must be an object with { element: componentName }. | `(string`,`ButtonComponent`,`ButtonObject)[]` | No |   All    |        Yes        |
-|      containerStyle       |          Specify styling for main button container.          |                    View Style                     |    No    |   All    |        Yes        |
-|         disabled          | Controls if buttons are disabled. Setting `true` makes all of them disabled, while using an array only makes those indices disabled. |    `boolean`,`number[]` |No               |   All    |        Yes        |
-|   disabledSelectedStyle   |       Styling for each selected button when disabled.        |                    View Style                     |    No    |   All    |        Yes        |
-| disabledSelectedTextStyle | Styling for the text of each selected button when disabled.  |                    Text Style                     |    No    |   All    |        Yes        |
-|       disabledStyle       |            Styling for each button when disabled.            |                    View Style                     |    No    |   All    |        Yes        |
-|     disabledTextStyle     |      Styling for the text of each button when disabled.      |                    Text Style                     |    No    |   All    |        Yes        |
-|     innerBorderStyle      | Update the styling of the interior border of the list of buttons. |        { color?: string; width?: number; }        |    No    |   All    |        Yes        |
-|      onHideUnderlay       |             Function called on hiding underlay.              |                     Function                      |    No    |   No  |        No        |
-|        onLongPress        |         Called when a long-tap gesture is detected.          |           GestureResponderEventHandler            |    No    |   No  |        No        |
-|          onPress          |             Method to update Button Group Index.             |             (...args: any[]) => void              |    No    |   All    |        Yes        |
-|         onPressIn         |       Called when a touch is engaged before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
-|        onPressOut         |      Called when a touch is released before `onPress`.       |           GestureResponderEventHandler            |    No    |   All    |        Yes        |
-|      onShowUnderlay       |             Function called on showing underlay.             |                     Function                      |    No    |   All    |        Yes        |
-|      selectMultiple       |         Allows the user to select multiple buttons.          |                      boolean                      |    No    |   All    |        Yes        |
-|    selectedButtonStyle    |             Specify styling for selected button.             |                    View Style                     |    No    |   All    |        Yes        |
-|       selectedIndex       |         Current selected index of array of buttons.          |                      number                       |    No    |   All    |        Yes        |
-|      selectedIndexes      |     Current selected indexes from the array of buttons.      |                     number[]                      |    No    |   All    |        Yes        |
-|     selectedTextStyle     |   Specify specific styling for text in the selected state.   |                    Text Style                     |    No    |   All    |        Yes        |
-|       setOpacityTo        |                 Function to set the opacity.                 |              (value: number) => void              |    No    |   No  |        No        |
-|         textStyle         |              Specify specific styling for text.              |                    Text Style                     |    No    |   All    |        Yes        |
-|       underlayColor       |        Specify underlayColor for TouchableHighlight.         |                        ng                         |    No    |   No  |        No        |
-|         vertical          |             Display the ButtonGroup vertically.              |                      boolean                      |    No    |   All    |        Yes        |
-
-**Card**：Card component
+|    isVisible    |                            Is the modal component shown.                             |     boolean     |    No    |   All    |        Yes        |
+|   modalProps    |                       Additional props handed to the `Modal`.                        |   ModalProps    |    No    |   All    |        Yes        |
+| onBackdropPress |                             Handler for backdrop press.                              |    Function     |    No    |   All    |        Yes        |
+| scrollViewProps |                          Used to add props to Scroll view.                           | ScrollViewProps |    No    |   All    |        Yes        |
+
+**Button**: 按钮组件，接收所有 [TouchableOpacityProps](https://reactnative.dev/docs/touchableopacity#props) 的 props
+
+|        Name         |                                                                       Description                                                                        |                               Type                               | Required | Platform | HarmonyOS Support |
+| :-----------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------: | :------: | :------: | :---------------: |
+| TouchableComponent  |                                                             Component for user interaction.                                                              |                         typeof Component                         |    No    |   All    |        Yes        |
+|    ViewComponent    |                                                                 Component for container.                                                                 |                         React Component                          |    No    |   All    |        Yes        |
+|     buttonStyle     |                                                       Add additional styling for button component.                                                       |                            View Style                            |    No    |   All    |        Yes        |
+|        color        |                                                                     Color of Button                                                                      |             `string`,`primary`,`secondary`,`success`             |    No    |   All    |        Yes        |
+|   containerStyle    |                                                             Styling for Component container.                                                             |                            View Style                            |    No    |   All    |        Yes        |
+|      disabled       |                                                                Disables user interaction.                                                                |                             boolean                              |    No    |   All    |        Yes        |
+| disabledTitleStyle  |                                                            Style of the title when disabled.                                                             |                        disabledTitleStyle                        |    No    |   All    |        Yes        |
+|        icon         | Displays a centered icon (when no title) or to the left (with text). (can be used along with iconRight as well). Can be an object or a custom component. |                             IconNode                             |    No    |   All    |        Yes        |
+| iconContainerStyle  |                                                          Styling for Icon Component container.                                                           |                            View Style                            |    No    |   All    |        Yes        |
+|    iconPosition     |                                    Displays Icon to the position mentioned. Needs to be used along with `icon` prop.                                     |                  `left`,`right`,`top`,`bottom`                   |    No    |   All    |        Yes        |
+|      iconRight      |                                      Displays Icon to the right of title. Needs to be used along with `icon` prop.                                       |                             boolean                              |    No    |   All    |        Yes        |
+| linearGradientProps |                     Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/button#linear-gradient).                     |                              object                              |    No    |   All    |        Yes        |
+|       loading       |                                                            Prop to display a loading spinner.                                                            |                             boolean                              |    No    |   All    |        Yes        |
+|    loadingProps     |                                                  Add additional props for ActivityIndicator component.                                                   |                      ActivityIndicatorProps                      |    No    |   All    |        Yes        |
+|    loadingStyle     |                                                                        View Style                                                                        |                            View Style                            |    No    |   All    |        Yes        |
+|       radius        |                                                                     Radius of button                                                                     |                     `number`,`sm`,`md`,`lg`                      |    No    |   All    |        Yes        |
+|       raised        |                                          Add raised button styling (optional). Has no effect if `type="clear"`.                                          |                             boolean                              |    No    |   All    |        Yes        |
+|        size         |                                                                       Button size                                                                        |                          `sm`,`md`,`lg`                          |    No    |   All    |        Yes        |
+|        title        |                                                                    Add button title.                                                                     | `string`,`ReactElement<{}, string`,`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
+|     titleProps      |                                                         Add additional props for Text component.                                                         |                            TextProps                             |    No    |   All    |        Yes        |
+|     titleStyle      |                                                       Add additional styling for title component.                                                        |                            Text Style                            |    No    |   All    |        Yes        |
+|        type         |                                                                     Type of button.                                                                      |                    `solid`,`clear`,`outline`                     |    No    |   All    |        Yes        |
+|      uppercase      |                                                                  Uppercase button title                                                                  |                             boolean                              |    No    |   All    |        Yes        |
+
+**ButtonGroup**: 按钮组组件
+
+|           Name            |                                                             Description                                                              |                     Type                      | Required | Platform | HarmonyOS Support |
+| :-----------------------: | :----------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
+|         Component         |                                       Choose other button component such as TouchableOpacity.                                        |                React Component                |    No    |   All    |        Yes        |
+|       activeOpacity       |                                           Add active opacity to the button in buttonGroup.                                           |                    number                     |    No    |    No    |        No         |
+|          button           |                                                      Button for the component.                                                       |                    object                     |    No    |    No    |        No         |
+|   buttonContainerStyle    |                                                Specify styling for button containers.                                                |                  View Style                   |    No    |   All    |        Yes        |
+|        buttonStyle        |                                                     Specify styling for button.                                                      |                  View Style                   |    No    |   All    |        Yes        |
+|          buttons          |       Array of buttons for component (required), if returning a component, must be an object with { element: componentName }.        | `(string`,`ButtonComponent`,`ButtonObject)[]` |    No    |   All    |        Yes        |
+|      containerStyle       |                                              Specify styling for main button container.                                              |                  View Style                   |    No    |   All    |        Yes        |
+|         disabled          | Controls if buttons are disabled. Setting `true` makes all of them disabled, while using an array only makes those indices disabled. |             `boolean`,`number[]`              |    No    |   All    |        Yes        |
+|   disabledSelectedStyle   |                                           Styling for each selected button when disabled.                                            |                  View Style                   |    No    |   All    |        Yes        |
+| disabledSelectedTextStyle |                                     Styling for the text of each selected button when disabled.                                      |                  Text Style                   |    No    |   All    |        Yes        |
+|       disabledStyle       |                                                Styling for each button when disabled.                                                |                  View Style                   |    No    |   All    |        Yes        |
+|     disabledTextStyle     |                                          Styling for the text of each button when disabled.                                          |                  Text Style                   |    No    |   All    |        Yes        |
+|     innerBorderStyle      |                                  Update the styling of the interior border of the list of buttons.                                   |      { color?: string; width?: number; }      |    No    |   All    |        Yes        |
+|      onHideUnderlay       |                                                 Function called on hiding underlay.                                                  |                   Function                    |    No    |    No    |        No         |
+|        onLongPress        |                                             Called when a long-tap gesture is detected.                                              |         GestureResponderEventHandler          |    No    |    No    |        No         |
+|          onPress          |                                                 Method to update Button Group Index.                                                 |           (...args: any[]) => void            |    No    |   All    |        Yes        |
+|         onPressIn         |                                           Called when a touch is engaged before `onPress`.                                           |         GestureResponderEventHandler          |    No    |   All    |        Yes        |
+|        onPressOut         |                                          Called when a touch is released before `onPress`.                                           |         GestureResponderEventHandler          |    No    |   All    |        Yes        |
+|      onShowUnderlay       |                                                 Function called on showing underlay.                                                 |                   Function                    |    No    |   All    |        Yes        |
+|      pressableProps       |                                                 PressableProps except click handlers                                                 |                PressableProps                 |    No    |   All    |        Yes        |
+|      selectMultiple       |                                             Allows the user to select multiple buttons.                                              |                    boolean                    |    No    |   All    |        Yes        |
+|    selectedButtonStyle    |                                                 Specify styling for selected button.                                                 |                  View Style                   |    No    |   All    |        Yes        |
+|       selectedIndex       |                                             Current selected index of array of buttons.                                              |                    number                     |    No    |   All    |        Yes        |
+|      selectedIndexes      |                                         Current selected indexes from the array of buttons.                                          |                   number[]                    |    No    |   All    |        Yes        |
+|     selectedTextStyle     |                                       Specify specific styling for text in the selected state.                                       |                  Text Style                   |    No    |   All    |        Yes        |
+|       setOpacityTo        |                                                     Function to set the opacity.                                                     |            (value: number) => void            |    No    |    No    |        No         |
+|         textStyle         |                                                  Specify specific styling for text.                                                  |                  Text Style                   |    No    |   All    |        Yes        |
+|       underlayColor       |                                            Specify underlayColor for TouchableHighlight.                                             |                      ng                       |    No    |    No    |        No         |
+|         vertical          |                                                 Display the ButtonGroup vertically.                                                  |                    boolean                    |    No    |   All    |        Yes        |
+
+**Card**: 卡片组件
 
 |      Name      |      Description       |    Type    | Required | Platform | HarmonyOS Support |
 | :------------: | :--------------------: | :--------: | :------: | :------: | :---------------: |
 | containerStyle | Outer container style. | View Style |    No    |   All    |        Yes        |
 |  wrapperStyle  | Inner container style. | View Style |    No    |   All    |        Yes        |
 
-**Card.Divider**：Card dividing line component, receiving Props from all [Divider](https://reactnativeelements.com/docs/components/divider#props) components 
+**Card.Divider**: 卡片分割线组件，接收所有 [Divider](https://reactnativeelements.com/docs/components/divider#props) 组件的 Props
 
-**Card.FeaturedSubtitle**：Card function subtitle component, receiving Props from all  [Text](https://reactnativeelements.com/docs/components/text#props)  components 
+**Card.FeaturedSubtitle**: 卡片功能字幕组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
 
-**Card.FeaturedTitle**：Card function title component, receiving Props from all  [Text](https://reactnativeelements.com/docs/components/text#props)  components
+**Card.FeaturedTitle**: 卡片功能标题组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
 
-**Card.Image**：Card image component, receiving Props for all [Image](https://reactnativeelements.com/docs/components/image#props) components 
+**Card.Image**: 卡片图片组件，接收所有 [Image](https://reactnativeelements.com/docs/components/image#props) 组件的 Props
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -470,35 +491,36 @@ The following are currently supported component properties:
 |    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
-
-**Card.Title**：Card title component, receiving Props for all  [Text](https://reactnativeelements.com/docs/components/text#props) components
-
-**CheckBox**：CheckBox component to receive all [View](https://reactnative.dev/docs/view#props) props 
-
-|        Name        |                   Description                   |                             Type                             | Required | Platform | HarmonyOS Support |
-| :----------------: | :---------------------------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------------: |
-|     Component      | Specify React Native component for main button. |                       React Component                        |    No    |   All    |        Yes        |
-|       center       |           Aligns checkbox to center.            |                           boolean                            |    No    |   All    |        Yes        |
-|    checkedTitle    |        Specify a custom checked message.        |                            string                            |    No    |   All    |        Yes        |
-|   containerStyle   |            Style of main container.             |                          View Style                          |    No    |   All    |        Yes        |
-|      disabled      |           Disables user interaction.            |                           boolean                            |    No    |   All    |        Yes        |
-|   disabledStyle    | Style of the checkbox container when disabled.  |                          View Style                          |    No    |   All    |        Yes        |
-| disabledTitleStyle |        Style of the title when disabled.        |                          Text Style                          |    No    |   All    |        Yes        |
-|     fontFamily     |         Specify different font family.          |                            string                            |    No    |   All    |        Yes        |
-|     iconRight      |          Moves icon to right of text.           |                           boolean                            |    No    |   All    |        Yes        |
-|       right        |            Aligns checkbox to right.            |                           boolean                            |    No    |   All    |        Yes        |
-|     textStyle      |                 Style of text.                  |                          Text Style                          |    No    |   All    |        Yes        |
+| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
+
+**Card.Title**: 卡片标题组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+
+**CheckBox**: 选择框组件，接收所有 [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props) 的 props.
+
+|        Name        |                   Description                   |                                 Type                                 | Required | Platform | HarmonyOS Support |
+| :----------------: | :---------------------------------------------: | :------------------------------------------------------------------: | :------: | :------: | :---------------: |
+|     Component      | Specify React Native component for main button. |                           React Component                            |    No    |   All    |        Yes        |
+|       center       |           Aligns checkbox to center.            |                               boolean                                |    No    |   All    |        Yes        |
+|    checkedTitle    |        Specify a custom checked message.        |                                string                                |    No    |   All    |        Yes        |
+|   containerStyle   |            Style of main container.             |                              View Style                              |    No    |   All    |        Yes        |
+|      disabled      |           Disables user interaction.            |                               boolean                                |    No    |   All    |        Yes        |
+|   disabledStyle    | Style of the checkbox container when disabled.  |                              View Style                              |    No    |   All    |        Yes        |
+| disabledTitleStyle |        Style of the title when disabled.        |                              Text Style                              |    No    |   All    |        Yes        |
+|     fontFamily     |         Specify different font family.          |                                string                                |    No    |   All    |        Yes        |
+|     iconRight      |          Moves icon to right of text.           |                               boolean                                |    No    |   All    |        Yes        |
+|       right        |            Aligns checkbox to right.            |                               boolean                                |    No    |   All    |        Yes        |
+|     textStyle      |                 Style of text.                  |                              Text Style                              |    No    |   All    |        Yes        |
 |       title        |               Title of checkbox.                | `string` ，`ReactElement<{}, string` ，`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
-|     titleProps     | Additional props for the title Text component.  |                          TextProps                           |    No    |   All    |        Yes        |
-|    wrapperStyle    |       Style for the wrapper of checkbox.        |                          View Style                          |    No    |   All    |        Yes        |
+|     titleProps     | Additional props for the title Text component.  |                              TextProps                               |    No    |   All    |        Yes        |
+|    wrapperStyle    |       Style for the wrapper of checkbox.        |                              View Style                              |    No    |   All    |        Yes        |
 
-**Chip**：Display touch area component, receive all  [Button](https://reactnativeelements.com/docs/components/button#props)  props 
+**Chip**: 显示触摸区组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的 props
 
 | Name |      Description       |        Type        | Required | Platform | HarmonyOS Support |
 | :--: | :--------------------: | :----------------: | :------: | :------: | :---------------: |
 | type | Outer container style. | `solid`，`outline` |    No    |   All    |        Yes        |
 
-**Dialog**：Dialogue box component , receive all  [Overlay](https://reactnativeelements.com/docs/components/overlay#props)  props  
+**Dialog**: 对话框组件，接收所有 [Overlay](https://reactnativeelements.com/docs/components/overlay#props) 的 props
 
 |      Name      |                        Description                        |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -507,29 +529,30 @@ The following are currently supported component properties:
 |   onPressIn    |     Called when a touch is engaged before `onPress`.      | GestureResponderEventHandler |    No    |    No    |        No         |
 |   onPressOut   |     Called when a touch is released before `onPress`.     | GestureResponderEventHandler |    No    |    No    |        No         |
 |  overlayStyle  | Add additional styling to the internal Overlay component. |          View Style          |    No    |   All    |        Yes        |
+| pressableProps |                   except click handlers                   |        PressableProps        |    No    |   All    |        Yes        |
 
-**Dialog.Actions**：Define dialog box operation components
+**Dialog.Actions**: 定义对话框操作组件
 
 |   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
 | :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
 | children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
 
-**Dialog.Button**：Define dialog box button components , receive all  [Button](https://reactnativeelements.com/docs/components/button#props)  props 
+**Dialog.Button**: 定义对话框按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的 props
 
-**Dialog.Actions**：Dialog box loading component
+**Dialog.Actions**: 对话框加载组件
 
 |   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
 | :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
 | children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
 
-**Dialog.Loading**：Define dialog box operation components
+**Dialog.Loading**: 定义对话框操作组件
 
 |     Name     |                     Description                      |          Type          | Required | Platform | HarmonyOS Support |
 | :----------: | :--------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
 | loadingProps | Add additional props for ActivityIndicator component | ActivityIndicatorProps |    No    |   All    |        Yes        |
 | loadingStyle |    Add additional styling for loading component.     |       View Style       |    No    |   All    |        Yes        |
 
-**Dialog.Title**：Define dialog box title component
+**Dialog.Title**: 定义对话框标题组件
 
 |    Name    |                 Description                 |    Type    | Required | Platform | HarmonyOS Support |
 | :--------: | :-----------------------------------------: | :--------: | :------: | :------: | :---------------: |
@@ -537,7 +560,7 @@ The following are currently supported component properties:
 | titleProps |  Add additional props for Text component.   | TextProps  |    No    |   All    |        Yes        |
 | titleStyle | Add additional styling for title component. | Text Style |    No    |   All    |        Yes        |
 
-**Divider**：Split line component, receive all   [View](https://reactnative.dev/docs/view#props)   props 
+**Divider**: 分割线组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props.
 
 |      Name      |                      Description                      |            Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :---------------------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
@@ -550,61 +573,62 @@ The following are currently supported component properties:
 | subHeaderStyle |    Adds style to the subHeader text of the divider    |         Text Style          |    No    |   All    |        Yes        |
 |     width      |                        number                         | Apply width to the divider. |    No    |   All    |        Yes        |
 
-**FAB**：Floating operation button component , receive all  [Button](https://reactnativeelements.com/docs/components/button#props)  props 
+**FAB**: 浮动操作按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的 props.
 
-|   Name    |                         Description                          |       Type        | Required | Platform | HarmonyOS Support |
-| :-------: | :----------------------------------------------------------: | :---------------: | :------: | :------: | :---------------: |
-|   color   |                 Change the color of the FAB.                 |      string       |    No    |   All    |        Yes        |
+|   Name    |                                                                Description                                                                |       Type        | Required | Platform | HarmonyOS Support |
+| :-------: | :---------------------------------------------------------------------------------------------------------------------------------------: | :---------------: | :------: | :------: | :---------------: |
+|   color   |                                                       Change the color of the FAB.                                                        |      string       |    No    |   All    |        Yes        |
 | placement | FAB placement at bottom, (optional) use [`style`](https://reactnativeelements.com/docs/components/fab#style) in case of custom placement. | `left`， `right`  |    No    |   All    |        Yes        |
-|   size    |                     Change Size of FAB.                      | `small` ，`large` |    No    |   All    |        Yes        |
-|   style   |                        Style for FAB                         |    View Style     |    No    |   All    |        Yes        |
-| upperCase |         Transform Extended Label text to uppercase.          |      boolean      |    No    |   All    |        Yes        |
-|  visible  |              Decide the visibility of the FAB.               |      boolean      |    No    |   All    |        Yes        |
-
-**Header**： Floating operation button component ，receive all [View](https://reactnative.dev/docs/view#props)  props 
-
-|                       Name                        |                         Description                          |                 Type                 | Required | Platform | HarmonyOS Support |
-| :-----------------------------------------------: | :----------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
-|                   ViewComponent                   |                   Component for container.                   |           React Component            |    No    |   All    |        Yes        |
-|                  backgroundColor                  |        Sets backgroundColor of the parent component.         |                string                |    No    |   All    |        Yes        |
-|                  backgroundImage                  |          Sets backgroundImage for parent component.          |         ImageSourcePropType          |    No    |   All    |        Yes        |
-|               backgroundImageStyle                |      Styling for backgroundImage in the main container.      |              ImageStyle              |    No    |   All    |        Yes        |
-|                     barStyle                      |            Sets the color of the status bar text.            |            StatusBarStyle            |    No    |    No    |        No         |
-|                  centerComponent                  |              Define your center component here.              |          HeaderSubComponent          |    No    |   All    |        Yes        |
-|               centerContainerStyle                |      Styling for container around the centerComponent.       |              View Style              |    No    |   All    |        Yes        |
-| Styling for container around the centerComponent. |            Add children component to the header.             | `(Element`，`Element[]) & ReactNode` |    No    |   All    |        Yes        |
-|                  containerStyle                   |              Styling around the main container.              |              View Style              |    No    |   All    |        Yes        |
-|                     elevated                      |                     Elevation for header                     |               boolean                |    No    |    No    |        No         |
-|                   leftComponent                   |               Define your left component here.               |          HeaderSubComponent          |    No    |   All    |        Yes        |
-|                leftContainerStyle                 |       Styling for container around the leftComponent.        |              View Style              |    No    |   All    |        Yes        |
+|   size    |                                                            Change Size of FAB.                                                            | `small` ，`large` |    No    |   All    |        Yes        |
+|   style   |                                                               Style for FAB                                                               |    View Style     |    No    |   All    |        Yes        |
+| upperCase |                                                Transform Extended Label text to uppercase.                                                |      boolean      |    No    |   All    |        Yes        |
+|  visible  |                                                     Decide the visibility of the FAB.                                                     |      boolean      |    No    |   All    |        Yes        |
+
+**Header**: 浮动操作按钮组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props
+
+|                       Name                        |                                                      Description                                                      |                 Type                 | Required | Platform | HarmonyOS Support |
+| :-----------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
+|                   ViewComponent                   |                                               Component for container.                                                |           React Component            |    No    |   All    |        Yes        |
+|                  backgroundColor                  |                                     Sets backgroundColor of the parent component.                                     |                string                |    No    |   All    |        Yes        |
+|                  backgroundImage                  |                                      Sets backgroundImage for parent component.                                       |         ImageSourcePropType          |    No    |   All    |        Yes        |
+|               backgroundImageStyle                |                                  Styling for backgroundImage in the main container.                                   |              ImageStyle              |    No    |   All    |        Yes        |
+|                     barStyle                      |                                        Sets the color of the status bar text.                                         |            StatusBarStyle            |    No    |    No    |        No         |
+|                  centerComponent                  |                                          Define your center component here.                                           |          HeaderSubComponent          |    No    |   All    |        Yes        |
+|               centerContainerStyle                |                                   Styling for container around the centerComponent.                                   |              View Style              |    No    |   All    |        Yes        |
+| Styling for container around the centerComponent. |                                         Add children component to the header.                                         | `(Element`，`Element[]) & ReactNode` |    No    |   All    |        Yes        |
+|                  containerStyle                   |                                          Styling around the main container.                                           |              View Style              |    No    |   All    |        Yes        |
+|                     elevated                      |                                                 Elevation for header                                                  |               boolean                |    No    |    No    |        No         |
+|                   leftComponent                   |                                           Define your left component here.                                            |          HeaderSubComponent          |    No    |   All    |        Yes        |
+|                leftContainerStyle                 |                                    Styling for container around the leftComponent.                                    |              View Style              |    No    |   All    |        Yes        |
 |                linearGradientProps                | Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/header#lineargradient-usage). |                Object                |    No    |    No    |        No         |
-|                     placement                     |                     Alignment for title.                     |      `center`，`left`，`right`       |    No    |   All    |        Yes        |
-|                  rightComponent                   |              Define your right component here.               |          HeaderSubComponent          |    No    |   All    |        Yes        |
-|                rightContainerStyle                |       Styling for container around the rightComponent.       |              View Style              |    No    |   All    |        Yes        |
-|                  statusBarProps                   |               Accepts all props for StatusBar.               |            StatusBarProps            |    No    |   All    |        Yes        |
-
-**Icon**：Font icon component ，receive all  [Text](https://reactnative.dev/docs/text#props)  props  
-
-|      Name      |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
-| :------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
-|   Component    |                Update React Native Component.                |       React Component        |    No    |   All    |        Yes        |
-|     brand      |          Uses the brands font (FontAwesome5 only).           |           boolean            |    No    |   All    |        Yes        |
-| containerStyle |            Add styling to container holding icon.            |          View Style          |    No    |   All    |        Yes        |
-|    disabled    | Disables onPress events. Only works when `onPress` has a handler. |           boolean            |    No    |   All    |        Yes        |
-| disabledStyle  | Style for the button when disabled. Only works when `onPress` has a handler. |          View Style          |    No    |   All    |        Yes        |
-|   iconProps    |     Provide all props from react-native Icon component.      |          IconProps           |    No    |   All    |        Yes        |
-|  onLongPress   |         Called when a long-tap gesture is detected.          | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|    onPress     |        Called when a single tap gesture is detected.         | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|   onPressIn    |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|   onPressOut   |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|     raised     |                  Adds box shadow to button.                  |           boolean            |    No    |   All    |        Yes        |
-|    reverse     |                    Reverses color scheme.                    |           boolean            |    No    |   All    |        Yes        |
-|  reverseColor  |                 Specify reverse icon color.                  |            string            |    No    |   All    |        Yes        |
-|     solid      |                     Uses the solid font.                     |           boolean            |    No    |   All    |        Yes        |
-|     testID     |                       Test ID of icon.                       |            string            |    No    |   All    |        Yes        |
+|                     placement                     |                                                 Alignment for title.                                                  |      `center`，`left`，`right`       |    No    |   All    |        Yes        |
+|                  rightComponent                   |                                           Define your right component here.                                           |          HeaderSubComponent          |    No    |   All    |        Yes        |
+|                rightContainerStyle                |                                   Styling for container around the rightComponent.                                    |              View Style              |    No    |   All    |        Yes        |
+|                  statusBarProps                   |                                           Accepts all props for StatusBar.                                            |            StatusBarProps            |    No    |   All    |        Yes        |
+
+**Icon**: 字体图标组件，接收所有 [Text](https://reactnative.dev/docs/text#props) 的 props.
+
+|      Name      |                                                    Description                                                     |             Type             | Required | Platform | HarmonyOS Support |
+| :------------: | :----------------------------------------------------------------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|   Component    |                                           Update React Native Component.                                           |       React Component        |    No    |   All    |        Yes        |
+|     brand      |                                     Uses the brands font (FontAwesome5 only).                                      |           boolean            |    No    |   All    |        Yes        |
+| containerStyle |                                       Add styling to container holding icon.                                       |          View Style          |    No    |   All    |        Yes        |
+|    disabled    |                         Disables onPress events. Only works when `onPress` has a handler.                          |           boolean            |    No    |   All    |        Yes        |
+| disabledStyle  |                    Style for the button when disabled. Only works when `onPress` has a handler.                    |          View Style          |    No    |   All    |        Yes        |
+|   iconProps    |                                Provide all props from react-native Icon component.                                 |          IconProps           |    No    |   All    |        Yes        |
+|  onLongPress   |                                    Called when a long-tap gesture is detected.                                     | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|    onPress     |                                   Called when a single tap gesture is detected.                                    | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressIn    |                                  Called when a touch is engaged before `onPress`.                                  | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressOut   |                                 Called when a touch is released before `onPress`.                                  | GestureResponderEventHandler |    No    |   All    |        Yes        |
+| pressableProps |                                        PressableProps except click handlers                                        |        PressableProps        |    No    |   All    |        Yes        |
+|     raised     |                                             Adds box shadow to button.                                             |           boolean            |    No    |   All    |        Yes        |
+|    reverse     |                                               Reverses color scheme.                                               |           boolean            |    No    |   All    |        Yes        |
+|  reverseColor  |                                            Specify reverse icon color.                                             |            string            |    No    |   All    |        Yes        |
+|     solid      |                                                Uses the solid font.                                                |           boolean            |    No    |   All    |        Yes        |
+|     testID     |                                                  Test ID of icon.                                                  |            string            |    No    |   All    |        Yes        |
 |      type      | Type of icon set. [Supported sets here](https://reactnativeelements.com/docs/components/icon#available-icon-sets). |            string            |    No    |   All    |        Yes        |
 
-**Image**：Image component ，receive all  [React Native Image](https://reactnative.dev/docs/image#props)  props  
+**Image**: 图片组件，接收所有 [React Native Image](https://reactnative.dev/docs/image#props) 的 props.
 
 |          Name          |                      Description                      |                           Type                            | Required | Platform | HarmonyOS Support |
 | :--------------------: | :---------------------------------------------------: | :-------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -618,81 +642,83 @@ The following are currently supported component properties:
 |       onPressIn        |   Called when a touch is engaged before `onPress`.    |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
 |       onPressOut       |   Called when a touch is released before `onPress`.   |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
 |    placeholderStyle    |   Additional styling for the placeholder container.   |                        View Style                         |    No    |   All    |        Yes        |
+|     pressableProps     |         PressableProps except click handlers          |                      PressableProps                       |    No    |   All    |        Yes        |
 |       transition       |        Perform fade transition on image load.         |                          boolean                          |    No    |   All    |        Yes        |
 |   transitionDuration   |        Perform fade transition on image load.         |                          number                           |    No    |   All    |        Yes        |
 
-**Input**：Form component，receive all   [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props) props 
-
-|          Name           |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
-| :---------------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
-|     InputComponent      | component that will be rendered in place of the React Native TextInput | React Component |    No    |   All    |        Yes        |
-|     containerStyle      |                      Style for containe                      |   View Style    |    No    |   All    |        Yes        |
-|        disabled         |                 disables the input component                 |     boolean     |    No    |   All    |        Yes        |
-|   disabledInputStyle    | disabled styles that will be passed to the style props of the React Native TextInput |   Text Style    |    No    |   All    |        Yes        |
-|      errorMessage       |     Error message to be displayed under the input field      |     string      |    No    |   All    |        Yes        |
-|       errorProps        | props to be passed to the React Native Text component used to display the error message |     object      |    No    |   All    |        Yes        |
-|       errorStyle        |                 add styling to error message                 |   Text Style    |    No    |   All    |        Yes        |
-|   inputContainerStyle   |            styling for Input Component Container             |   View Style    |    No    |   All    |        Yes        |
-|       inputStyle        |                  Style for Input Component                   |   Text Style    |    No    |   All    |        Yes        |
-|          label          |               add a label on top of the input                |    ReactNode    |    No    |   All    |        Yes        |
-|       labelProps        | props to be passed to the React Native Text component used to display the label or React Component used instead of simple string in label prop |     object      |    No    |   All    |        Yes        |
-|       labelStyle        | styling for the label; You can only use this if label is a string |   Text Style    |    No    |   All    |        Yes        |
-|        leftIcon         |                 displays an icon on the left                 |    IconNode     |    No    |   All    |        Yes        |
-| leftIconContainerStyle  |          styling for left Icon Component container           |   View Style    |    No    |   All    |        Yes        |
+**Input**: 表单组件，接收所有 [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props) 的 props.
+
+|          Name           |                                                                          Description                                                                           |      Type       | Required | Platform | HarmonyOS Support |
+| :---------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
+|     InputComponent      |                                             component that will be rendered in place of the React Native TextInput                                             | React Component |    No    |   All    |        Yes        |
+|     containerStyle      |                                                                       Style for containe                                                                       |   View Style    |    No    |   All    |        Yes        |
+|        disabled         |                                                                  disables the input component                                                                  |     boolean     |    No    |   All    |        Yes        |
+|   disabledInputStyle    |                                      disabled styles that will be passed to the style props of the React Native TextInput                                      |   Text Style    |    No    |   All    |        Yes        |
+|      errorMessage       |                                                      Error message to be displayed under the input field                                                       |     string      |    No    |   All    |        Yes        |
+|       errorProps        |                                    props to be passed to the React Native Text component used to display the error message                                     |     object      |    No    |   All    |        Yes        |
+|       errorStyle        |                                                                  add styling to error message                                                                  |   Text Style    |    No    |   All    |        Yes        |
+|   inputContainerStyle   |                                                             styling for Input Component Container                                                              |   View Style    |    No    |   All    |        Yes        |
+|       inputStyle        |                                                                   Style for Input Component                                                                    |   Text Style    |    No    |   All    |        Yes        |
+|          label          |                                                                add a label on top of the input                                                                 |    ReactNode    |    No    |   All    |        Yes        |
+|       labelProps        |         props to be passed to the React Native Text component used to display the label or React Component used instead of simple string in label prop         |     object      |    No    |   All    |        Yes        |
+|       labelStyle        |                                               styling for the label; You can only use this if label is a string                                                |   Text Style    |    No    |   All    |        Yes        |
+|        leftIcon         |                                                                  displays an icon on the left                                                                  |    IconNode     |    No    |   All    |        Yes        |
+| leftIconContainerStyle  |                                                           styling for left Icon Component container                                                            |   View Style    |    No    |   All    |        Yes        |
 |   renderErrorMessage    | If the error message container should be rendered (take up vertical space). If false, when showing errorMessage, the layout will shift to add it at that time. |     boolean     |    No    |    No    |        No         |
-|        rightIcon        |                displays an icon on the right                 |    IconNode     |    No    |   All    |        Yes        |
-| rightIconContainerStyle |          styling for right Icon Component container          |   View Style    |    No    |   All    |        Yes        |
-|          shake          |                         Shake method                         |    Function     |    No    |   All    |        Yes        |
-
-**LinearProgress**：Load bar component ，receive all  [View](https://reactnative.dev/docs/view#props)  props 
-
-|    Name    |                         Description                          |                 Type                 | Required | Platform | HarmonyOS Support |
-| :--------: | :----------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
-| animation  |                      Animation duration                      | `boolean` , `{ duration?: number; }` |    No    |   All    |        Yes        |
-|   color    |                  Color for linear progress.                  |                string                |    No    |   All    |        Yes        |
-|   style    |    Add additional styling for linear progress component.     |              View Style              |    No    |   All    |        Yes        |
-| trackColor |               Track color for linear progress.               |                string                |    No    |   All    |        Yes        |
+|        rightIcon        |                                                                 displays an icon on the right                                                                  |    IconNode     |    No    |   All    |        Yes        |
+| rightIconContainerStyle |                                                           styling for right Icon Component container                                                           |   View Style    |    No    |   All    |        Yes        |
+|          shake          |                                                                          Shake method                                                                          |    Function     |    No    |   All    |        Yes        |
+
+**LinearProgress**: 加载条组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props.
+
+|    Name    |                                       Description                                       |                 Type                 | Required | Platform | HarmonyOS Support |
+| :--------: | :-------------------------------------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
+| animation  |                                   Animation duration                                    | `boolean` , `{ duration?: number; }` |    No    |   All    |        Yes        |
+|   color    |                               Color for linear progress.                                |                string                |    No    |   All    |        Yes        |
+|   style    |                  Add additional styling for linear progress component.                  |              View Style              |    No    |   All    |        Yes        |
+| trackColor |                            Track color for linear progress.                             |                string                |    No    |   All    |        Yes        |
 |   value    | The value of the progress indicator for the determinate variant. Value between 0 and 1. |                number                |    No    |   All    |        Yes        |
-|  variant   |                       Type of button.                        |    `determinate`，`indeterminate`    |    No    |   All    |        Yes        |
-
-**ListItem**：List rendering component，receive all   [View](https://reactnative.dev/docs/view#props)   props 
-
-|                          Name                           |                         Description                          |      Type       | Required | Platform | HarmonyOS Support |
-| :-----------------------------------------------------: | :----------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
-|                        Component                        |             Replace element with custom element.             | React Component |    No    |   All    |        Yes        |
-|                      ViewComponent                      |                Container for linear gradient.                | React Component |    No    |   All    |        Yes        |
-|                      bottomDivider                      |         Add divider at the bottom of the list item.          |     boolean     |    No    |   All    |        Yes        |
-|                        children                         |                    Add enclosed children.                    |       any       |    No    |   All    |        Yes        |
-|                     containerStyle                      |              Additional main container styling.              |   View Style    |    No    |   All    |        Yes        |
-|                      disabledStyle                      |   Specific styling to be used when list item is disabled.    |   View Style    |    No    |   All    |        Yes        |
-| Specific styling to be used when list item is disabled. |             Props for linear gradient component.             |       any       |    No    |   All    |        Yes        |
+|  variant   |                                     Type of button.                                     |    `determinate`，`indeterminate`    |    No    |   All    |        Yes        |
+
+**ListItem**: 列表渲染组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props.
+
+|                          Name                           |                                  Description                                   |      Type       | Required | Platform | HarmonyOS Support |
+| :-----------------------------------------------------: | :----------------------------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
+|                        Component                        |                      Replace element with custom element.                      | React Component |    No    |   All    |        Yes        |
+|                      ViewComponent                      |                         Container for linear gradient.                         | React Component |    No    |   All    |        Yes        |
+|                      bottomDivider                      |                  Add divider at the bottom of the list item.                   |     boolean     |    No    |   All    |        Yes        |
+|                        children                         |                             Add enclosed children.                             |       any       |    No    |   All    |        Yes        |
+|                     containerStyle                      |                       Additional main container styling.                       |   View Style    |    No    |   All    |        Yes        |
+|                      disabledStyle                      |            Specific styling to be used when list item is disabled.             |   View Style    |    No    |   All    |        Yes        |
+| Specific styling to be used when list item is disabled. |                      Props for linear gradient component.                      |       any       |    No    |   All    |        Yes        |
 |                           pad                           | Adds spacing between the leftComponent, the title component & right component. |     number      |    No    |   All    |        Yes        |
-|                       topDivider                        |           Add divider at the top of the list item.           |     boolean     |    No    |   All    |        Yes        |
+|                       topDivider                        |                    Add divider at the top of the list item.                    |     boolean     |    No    |   All    |        Yes        |
 
-**ListItem.Accordion**：List rendering folding component ，receive all  [ListItem](https://reactnativeelements.com/docs/components/listitem#props)  props  
+**ListItem.Accordion**: 列表渲染折叠组件，接收所有 [ListItem](https://reactnativeelements.com/docs/components/listitem#props) 的 props.
 
-|    Name    |                         Description                          |              Type              | Required | Platform | HarmonyOS Support |
-| :--------: | :----------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
-| animation  |              Decide whether to show animation.               | Animated.TimingAnimationConfig |    No    |   All    |        Yes        |
-|  content   |                 Similar to ListItem's child.                 |           ReactNode            |    No    |   All    |        Yes        |
+|    Name    |                                   Description                                   |              Type              | Required | Platform | HarmonyOS Support |
+| :--------: | :-----------------------------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
+| animation  |                        Decide whether to show animation.                        | Animated.TimingAnimationConfig |    No    |   All    |        Yes        |
+|  content   |                          Similar to ListItem's child.                           |           ReactNode            |    No    |   All    |        Yes        |
 | expandIcon | Icon when Accordion is expanded, if not provided `icon` will be rotated 180deg. |            IconNode            |    No    |   All    |        Yes        |
-|    icon    |                    Add enclosed children.                    |            IconNode            |    No    |   All    |        Yes        |
-| isExpanded |               Decide if Accordion is Expanded.               |            boolean             |    No    |   All    |        Yes        |
-| leftRotate |                    Rotate Icon left side                     |            boolean             |    No    |   All    |        Yes        |
-|   noIcon   |                  Don't show accordion icon.                  |            boolean             |    No    |   All    |        Yes        |
-| noRotation |           Don't rotate when Accordion is expanded.           |            boolean             |    No    |   All    |        Yes        |
+|    icon    |                             Add enclosed children.                              |            IconNode            |    No    |   All    |        Yes        |
+| isExpanded |                        Decide if Accordion is Expanded.                         |            boolean             |    No    |   All    |        Yes        |
+| leftRotate |                              Rotate Icon left side                              |            boolean             |    No    |   All    |        Yes        |
+|   noIcon   |                           Don't show accordion icon.                            |            boolean             |    No    |   All    |        Yes        |
+| noRotation |                    Don't rotate when Accordion is expanded.                     |            boolean             |    No    |   All    |        Yes        |
 
-**ListItem.ButtonGroup**：List rendering button group component，receive all [ButtonGroup](https://reactnativeelements.com/docs/components/buttongroup#props)  props 
+**ListItem.ButtonGroup**: 列表渲染按钮组组件，接收所有 [ButtonGroup](https://reactnativeelements.com/docs/components/buttongroup#props) 的 props.
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
 |  onLongPress   |    Called when a long-tap gesture is detected.    | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
+| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**ListItem.CheckBox**：List rendering CheckBox component,  receive all  [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props)  props
+**ListItem.CheckBox**: 列表渲染选择框组件，接收所有 [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props) 的 props.
 
-**ListItem.Chevron**：List rendering font icon component，receive all  [Icon](https://reactnativeelements.com/docs/components/icon#props)  props
+**ListItem.Chevron**: 列表渲染字体图标组件，接收所有 [Icon](https://reactnativeelements.com/docs/components/icon#props) 的 props.
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -700,56 +726,58 @@ The following are currently supported component properties:
 |    onPress     |   Called when a single tap gesture is detected.   | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressIn    | Called when a touch is engaged before `onPress`.  | GestureResponderEventHandler |    No    |   All    |        Yes        |
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
+| pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**ListItem.Content**：List rendering content component，receive all  [Text](https://reactnativeelements.com/docs/components/text#props)  props 
+**ListItem.Content**: 列表渲染内容组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的 props.
 
 | Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
 | right | Start content from the right. | boolean |    No    |   All    |        Yes        |
 
-**ListItem.Input**：List rendering form component，receive all  [Input](https://reactnativeelements.com/docs/components/input#props) props 
+**ListItem.Input**: 列表渲染表单组件，接收所有 [Input](https://reactnativeelements.com/docs/components/input#props) 的 props.
 
-**ListItem.Subtitle**：List rendering subtitle component，receive all [Text](https://reactnative.dev/docs/text#props) props  
+**ListItem.Subtitle**: 列表渲染字幕组件，接收所有 [Text](https://reactnative.dev/docs/text#props) 的 props.
 
 | Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
 | right | Start content from the right. | boolean |    No    |   All    |        Yes        |
 
-**ListItem.Swipeable**：List rendering slider component,  receive all  [ListItem](https://reactnativeelements.com/docs/components/listitem#props) props 
+**ListItem.Swipeable**: 列表渲染滑动框组件，接收所有 [ListItem](https://reactnativeelements.com/docs/components/listitem#props) 的 props.
 
-|     Name      |                 Description                 |                  Type                   | Required | Platform | HarmonyOS Support |
-| :-----------: | :-----------------------------------------: | :-------------------------------------: | :------: | :------: | :---------------: |
-|   animation   |      Decide whether to show animation.      |     Animated.TimingAnimationConfig      |    No    |   All    |        Yes        |
-|  leftContent  |                Left Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
-|   leftStyle   |          Style of left container.           |               View Style                |    No    |   All    |        Yes        |
-|   leftWidth   |       Width of swipe left container.        |                 number                  |    No    |   All    |        Yes        |
-| onSwipeBegin  |    Handler for swipe in either direction    | `(direction: left`,`right) => unknown`  |    No    |   All    |        Yes        |
-|  onSwipeEnd   |           Handler for swipe end.            |              () => unknown              |    No    |   All    |        Yes        |
-| rightContent  |               Right Content.                | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
-|  rightStyle   |          Style of right container.          |               View Style                |    No    |   All    |        Yes        |
-|  rightWidth   |       Width of swipe right container.       |                 number                  |    No    |   All    |        Yes        |
+|     Name     |              Description              |                  Type                   | Required | Platform | HarmonyOS Support |
+| :----------: | :-----------------------------------: | :-------------------------------------: | :------: | :------: | :---------------: |
+|  animation   |   Decide whether to show animation.   |     Animated.TimingAnimationConfig      |    No    |   All    |        Yes        |
+| leftContent  |             Left Content.             | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
+|  leftStyle   |       Style of left container.        |               View Style                |    No    |   All    |        Yes        |
+|  leftWidth   |    Width of swipe left container.     |                 number                  |    No    |   All    |        Yes        |
+| onSwipeBegin | Handler for swipe in either direction | `(direction: left`,`right) => unknown`  |    No    |   All    |        Yes        |
+|  onSwipeEnd  |        Handler for swipe end.         |              () => unknown              |    No    |   All    |        Yes        |
+| rightContent |            Right Content.             | ReactNode or resetCallback => ReactNode |    No    |   All    |        Yes        |
+|  rightStyle  |       Style of right container.       |               View Style                |    No    |   All    |        Yes        |
+|  rightWidth  |    Width of swipe right container.    |                 number                  |    No    |   All    |        Yes        |
 
-**ListItem.Title**：List rendering title component，receive all   [View](https://reactnative.dev/docs/view#props)  props
+**ListItem.Title**: 列表渲染标题组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props
 
 | Name  |   Description    |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :--------------: | :-----: | :------: | :------: | :---------------: |
 | right | Add right title. | boolean |    No    |    No    |        No         |
 
-**Overlay**：Popup component，receive all [Text](https://reactnativeelements.com/docs/components/text#props) props  
+**Overlay**: 弹窗组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的 props
 
-|      Name       |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
-| :-------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
-| ModalComponent  | Override React Native `Modal` component (usable for web-platform). |       typeof Component       |    No    |   All    |        Yes        |
-|  backdropStyle  |               Style of the backdrop container.               |          iew Style           |    No    |   All    |        Yes        |
+|      Name       |                                Description                                 |             Type             | Required | Platform | HarmonyOS Support |
+| :-------------: | :------------------------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+| ModalComponent  |     Override React Native `Modal` component (usable for web-platform).     |       typeof Component       |    No    |   All    |        Yes        |
+|  backdropStyle  |                      Style of the backdrop container.                      |          iew Style           |    No    |   All    |        Yes        |
 |   fullScreen    | If set to true, the modal will take up the entire screen width and height. |           boolean            |    No    |   All    |        Yes        |
-|    isVisible    |               If true, the overlay is visible.               |           boolean            |    No    |   All    |        Yes        |
-| onBackdropPress | Handler for backdrop press (only works when `fullscreen` is false). |           Function           |    No    |   All    |        Yes        |
-|   onLongPress   |         Called when a long-tap gesture is detected.          | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|    onPressIn    |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|   onPressOut    |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|  overlayStyle   |                 Style of the actual overlay.                 |          View Style          |    No    |   All    |        Yes        |
+|    isVisible    |                      If true, the overlay is visible.                      |           boolean            |    No    |   All    |        Yes        |
+| onBackdropPress |    Handler for backdrop press (only works when `fullscreen` is false).     |           Function           |    No    |   All    |        Yes        |
+|   onLongPress   |                Called when a long-tap gesture is detected.                 | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|    onPressIn    |              Called when a touch is engaged before `onPress`.              | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|   onPressOut    |             Called when a touch is released before `onPress`.              | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|  overlayStyle   |                        Style of the actual overlay.                        |          View Style          |    No    |   All    |        Yes        |
+| pressableProps  |                    PressableProps except click handlers                    |        PressableProps        |    No    |   All    |        Yes        |
 
-**PricingCard**：Price Card component
+**PricingCard**: 价格卡组件
 
 |      Name      |                Description                 |                Type                | Required | Platform | HarmonyOS Support |
 | :------------: | :----------------------------------------: | :--------------------------------: | :------: | :------: | :---------------: |
@@ -765,31 +793,31 @@ The following are currently supported component properties:
 |   titleStyle   |         Specify title text style.          |             Text Style             |    No    |   All    |        Yes        |
 |  wrapperStyle  |      Inner wrapper component styling.      |             View Style             |    No    |   All    |        Yes        |
 
-**Ratings**：Rating  component
-
-|         Name          |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :-------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|       fractions       | The number of decimal places for the rating value; must be between 0 and 20 |        anyany         |    No    |    No    |        No         |
-|       imageSize       |          The size of each rating imageDefault is 50          |        number         |    No    |    No    |        No         |
-|       jumpValue       |    he number to jump per swipeDefault is 0 (not to jump)     |        number         |    No    |    No    |        No         |
-|       minValue        |      The minimum value the user can selectDefault is 0       |        number         |    No    |    No    |        No         |
-|    onFinishRating     | Callback method when the user finishes rating. Gives you the final rating value as a whole number |       Function        |    No    |    No    |        No         |
-|     onStartRating     |         Callback method when the user starts rating.         |       Function        |    No    |    No    |        No         |
-|     onSwipeRating     |          Callback method when the user is swiping.           | (number: any) => void |    No    |    No    |        No         |
+**Ratings**: 评分组件
+
+|         Name          |                                                        Description                                                         |         Type          | Required | Platform | HarmonyOS Support |
+| :-------------------: | :------------------------------------------------------------------------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|       fractions       |                        The number of decimal places for the rating value; must be between 0 and 20                         |        anyany         |    No    |    No    |        No         |
+|       imageSize       |                                         The size of each rating imageDefault is 50                                         |        number         |    No    |    No    |        No         |
+|       jumpValue       |                                   he number to jump per swipeDefault is 0 (not to jump)                                    |        number         |    No    |    No    |        No         |
+|       minValue        |                                     The minimum value the user can selectDefault is 0                                      |        number         |    No    |    No    |        No         |
+|    onFinishRating     |             Callback method when the user finishes rating. Gives you the final rating value as a whole number              |       Function        |    No    |    No    |        No         |
+|     onStartRating     |                                        Callback method when the user starts rating.                                        |       Function        |    No    |    No    |        No         |
+|     onSwipeRating     |                                         Callback method when the user is swiping.                                          | (number: any) => void |    No    |    No    |        No         |
 | ratingBackgroundColor | Pass in a custom background-fill-color for the rating icon; use this along with type='custom' prop aboveDefault is 'white' |        string         |    No    |    No    |        No         |
-|      ratingColor      | Pass in a custom fill-color for the rating icon; use this along with type='custom' prop aboveDefault is '#f1c40f' |        string         |    No    |    No    |        No         |
-|      ratingCount      |        Number of rating images to displayDefault is 5        |        number         |    No    |    No    |        No         |
-|      ratingImage      | Pass in a custom image source; use this along with type='custom' prop above |       ReactNode       |    No    |    No    |        No         |
-|    ratingTextColor    |                Color used for the text labels                |        string         |    No    |    No    |        No         |
-|       readonly        | Whether the rating can be modiefied by the userDefault is false |        boolean        |    No    |    No    |        No         |
-|      showRating       | Displays the Built-in Rating UI to show the rating value in real-timeDefault is false |        boolean        |    No    |    No    |        No         |
-|   showReadOnlyText    |        Whether the text is read onlyDefault is false         |        boolean        |    No    |    No    |        No         |
-|     startingValue     |     The initial rating to renderDefault is ratingCount/2     |        number         |    No    |    No    |        No         |
-|         style         | Exposes style prop to add additonal styling to the container view |      View Style       |    No    |    No    |        No         |
-|       tintColor       |                Color used for the background                 |        string         |    No    |    No    |        No         |
-|         type          |     Graphic used for represent a ratingDefault is 'star'     |        string         |    No    |    No    |        No         |
-
-**SearchBar**：SearchBox component ，receive all  [Input](https://reactnativeelements.com/docs/components/input#props) props 
+|      ratingColor      |     Pass in a custom fill-color for the rating icon; use this along with type='custom' prop aboveDefault is '#f1c40f'      |        string         |    No    |    No    |        No         |
+|      ratingCount      |                                       Number of rating images to displayDefault is 5                                       |        number         |    No    |    No    |        No         |
+|      ratingImage      |                        Pass in a custom image source; use this along with type='custom' prop above                         |       ReactNode       |    No    |    No    |        No         |
+|    ratingTextColor    |                                               Color used for the text labels                                               |        string         |    No    |    No    |        No         |
+|       readonly        |                              Whether the rating can be modiefied by the userDefault is false                               |        boolean        |    No    |    No    |        No         |
+|      showRating       |                   Displays the Built-in Rating UI to show the rating value in real-timeDefault is false                    |        boolean        |    No    |    No    |        No         |
+|   showReadOnlyText    |                                       Whether the text is read onlyDefault is false                                        |        boolean        |    No    |    No    |        No         |
+|     startingValue     |                                    The initial rating to renderDefault is ratingCount/2                                    |        number         |    No    |    No    |        No         |
+|         style         |                             Exposes style prop to add additonal styling to the container view                              |      View Style       |    No    |    No    |        No         |
+|       tintColor       |                                               Color used for the background                                                |        string         |    No    |    No    |        No         |
+|         type          |                                    Graphic used for represent a ratingDefault is 'star'                                    |        string         |    No    |    No    |        No         |
+
+**SearchBar**: 搜索框组件，接收所有 [Input](https://reactnativeelements.com/docs/components/input#props) 的 props
 
 |          Name           |              Description               |            Type             | Required | Platform | HarmonyOS Support |
 | :---------------------: | :------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
@@ -812,74 +840,75 @@ The following are currently supported component properties:
 |       showCancel        |              Show cancel               |           boolean           |    No    |    No    |        No         |
 |       showLoading       |              Show loading              |           boolean           |    No    |   All    |        Yes        |
 
-**Slider**：Slider component
-
-|         Name          |                         Description                          |                       Type                       | Required | Platform | HarmonyOS Support |
-| :-------------------: | :----------------------------------------------------------: | :----------------------------------------------: | :------: | :------: | :---------------: |
-|    allowTouchTrack    | If true, thumb will respond and jump to any touch along the track. |                     boolean                      |    No    |   All    |        Yes        |
-|  animateTransitions   | Set to true if you want to use the default 'spring' animation. |                     boolean                      |    No    |   All    |        Yes        |
-|    animationConfig    | Used to configure the animation parameters. These are the same parameters in the [Animated library](https://reactnative.dev/docs/animations.html). | `TimingAnimationConfig`，`SpringAnimationConfig` |    No    |   All    |        Yes        |
-|     animationType     | Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://reactnative.dev/docs/animations.html). |                `spring`，`timing`                |    No    |   All    |        Yes        |
-|    containerStyle     |         Apply style to the container of the slider.          |                      Style                       |    No    |   All    |        Yes        |
-|    debugTouchArea     | Set this to true to visually see the thumb touch rect in green. |                     boolean                      |    No    |   All    |        Yes        |
-|       disabled        |      If true the user won't be able to move the slider.      |                     boolean                      |    No    |   All    |        Yes        |
-| maximumTrackTintColor |   The color used for the track to the right of the button.   |                      string                      |    No    |   All    |        Yes        |
-|     maximumValue      |             Initial maximum value of the slider.             |                      number                      |    No    |   All    |        Yes        |
-| minimumTrackTintColor |   The color used for the track to the left of the button.    |                      string                      |    No    |   All    |        Yes        |
-|     minimumValue      |             Initial minimum value of the slider.             |                      number                      |    No    |   All    |        Yes        |
-|   onSlidingComplete   | Callback called when the user finishes changing the value (e.g. when the slider is released). |             (value: number) => void              |    No    |   All    |        Yes        |
-|    onSlidingStart     | Callback called when the user starts changing the value (e.g. when the slider is pressed). |             (value: number) => void              |    No    |   All    |        Yes        |
-|     onValueChange     | Callback continuously called while the user is dragging the slider. |             (value: number) => void              |    No    |   All    |        Yes        |
-|      orientation      |              Set the orientation of the slider.              |             `vertical`,`horizontal`              |    No    |   All    |        Yes        |
-|         step          | Step value of the slider. The value should be between 0 and maximumValue - minimumValue). |                      number                      |    No    |   All    |        Yes        |
-|         style         |          The style applied to the slider container.          |                    View Style                    |    No    |   All    |        Yes        |
-|      thumbProps       | The props applied to the thumb. Uses `Component` prop which can accept `Animated` components. |                       any                        |    No    |   All    |        Yes        |
-|      thumbStyle       |               The style applied to the thumb.                |                    View Style                    |    No    |   All    |        Yes        |
-|    thumbTintColor     |                The color used for the thumb.                 |                      string                      |    No    |   All    |        Yes        |
+**Slider**: 滑动条组件
+
+|         Name          |                                                                                                  Description                                                                                                  |                       Type                       | Required | Platform | HarmonyOS Support |
+| :-------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------: | :------: | :------: | :---------------: |
+|    allowTouchTrack    |                                                                      If true, thumb will respond and jump to any touch along the track.                                                                       |                     boolean                      |    No    |   All    |        Yes        |
+|  animateTransitions   |                                                                        Set to true if you want to use the default 'spring' animation.                                                                         |                     boolean                      |    No    |   All    |        Yes        |
+|    animationConfig    |                              Used to configure the animation parameters. These are the same parameters in the [Animated library](https://reactnative.dev/docs/animations.html).                               | `TimingAnimationConfig`，`SpringAnimationConfig` |    No    |   All    |        Yes        |
+|     animationType     |                        Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://reactnative.dev/docs/animations.html).                         |                `spring`，`timing`                |    No    |   All    |        Yes        |
+|    containerStyle     |                                                                                  Apply style to the container of the slider.                                                                                  |                      Style                       |    No    |   All    |        Yes        |
+|    debugTouchArea     |                                                                        Set this to true to visually see the thumb touch rect in green.                                                                        |                     boolean                      |    No    |   All    |        Yes        |
+|       disabled        |                                                                              If true the user won't be able to move the slider.                                                                               |                     boolean                      |    No    |   All    |        Yes        |
+| maximumTrackTintColor |                                                                           The color used for the track to the right of the button.                                                                            |                      string                      |    No    |   All    |        Yes        |
+|     maximumValue      |                                                                                     Initial maximum value of the slider.                                                                                      |                      number                      |    No    |   All    |        Yes        |
+| minimumTrackTintColor |                                                                            The color used for the track to the left of the button.                                                                            |                      string                      |    No    |   All    |        Yes        |
+|     minimumValue      |                                                                                     Initial minimum value of the slider.                                                                                      |                      number                      |    No    |   All    |        Yes        |
+|   onSlidingComplete   |                                                         Callback called when the user finishes changing the value (e.g. when the slider is released).                                                         |             (value: number) => void              |    No    |   All    |        Yes        |
+|    onSlidingStart     |                                                          Callback called when the user starts changing the value (e.g. when the slider is pressed).                                                           |             (value: number) => void              |    No    |   All    |        Yes        |
+|     onValueChange     |                                                                      Callback continuously called while the user is dragging the slider.                                                                      |             (value: number) => void              |    No    |   All    |        Yes        |
+|      orientation      |                                                                                      Set the orientation of the slider.                                                                                       |             `vertical`,`horizontal`              |    No    |   All    |        Yes        |
+|         step          |                                                           Step value of the slider. The value should be between 0 and maximumValue - minimumValue).                                                           |                      number                      |    No    |   All    |        Yes        |
+|         style         |                                                                                  The style applied to the slider container.                                                                                   |                    View Style                    |    No    |   All    |        Yes        |
+|      thumbProps       |                                                         The props applied to the thumb. Uses `Component` prop which can accept `Animated` components.                                                         |                       any                        |    No    |   All    |        Yes        |
+|      thumbStyle       |                                                                                        The style applied to the thumb.                                                                                        |                    View Style                    |    No    |   All    |        Yes        |
+|    thumbTintColor     |                                                                                         The color used for the thumb.                                                                                         |                      string                      |    No    |   All    |        Yes        |
 |    thumbTouchSize     | The size of the touch area that allows moving the thumb. The touch area has the same center as the visible thumb. This allows to have a visually small thumb while still allowing the user to move it easily. |                     Sizable                      |    No    |   All    |        Yes        |
-|      trackStyle       |               The style applied to the track.                |                    View Style                    |    No    |   All    |        Yes        |
-|         value         |                 Initial value of the slider.                 |                      number                      |    No    |   All    |        Yes        |
-
-**Skeleton**：Skeleton screen component，receive all  [View](https://reactnative.dev/docs/view#props) props 
-
-|          Name           |            Description             |           Type            | Required | Platform | HarmonyOS Support |
-| :---------------------: | :--------------------------------: | :-----------------------: | :------: | :------: | :---------------: |
-| LinearGradientComponent |  Custom Linear Gradient Component  |      React Component      |    No    |   All    |        Yes        |
-|        animation        |         Type of animation          | `none`|`wave`|`pulse` | No | No |    No    |
-|         circle          |       show circular variant        |          boolean          |    No    |   All    |        Yes        |
-|         height          |      Height of Skeleton View       |    `string`，`number`     |    No    |   All    |        Yes        |
-|      skeletonStyle      | Custom style for skeleton gradient |        View Style         |    No    |   All    |        Yes        |
-|          width          |       Width of Skeleton View       |     `string`,`number`     |    No    |   All    |        Yes        |
-
-**SocialIcon**：Social font icon component
-
-|          Name          |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
-| :--------------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
-|       Component        |                       Type of button.                        |       React Component        |    No    |   All    |        Yes        |
-| activityIndicatorStyle |            Style to render when in loading state.            |          View Style          |    No    |   All    |        Yes        |
-|         button         |              Creates button with a social icon.              |           boolean            |    No    |   All    |        Yes        |
-|        disabled        |                Disables the button, if true.                 |           boolean            |    No    |   All    |        Yes        |
-|       fontFamily       |                Specify different font family.                |            string            |    No    |    No    |        No         |
-|       fontStyle        |                    Specify text styling.                     |          Text Style          |    No    |   All    |        Yes        |
-|       fontWeight       | Specify font weight of title if set as a button with a title. |            string            |    No    |    No    |        No         |
-|       iconColor        |                Specify the color of the icon.                |            string            |    No    |   All    |        Yes        |
-|        iconSize        |                Specify the size of the icon.                 |            number            |    No    |   All    |        Yes        |
-|       iconStyle        |              Extra styling for icon component.               |          View Style          |    No    |    No    |        No         |
+|      trackStyle       |                                                                                        The style applied to the track.                                                                                        |                    View Style                    |    No    |   All    |        Yes        |
+|         value         |                                                                                         Initial value of the slider.                                                                                          |                      number                      |    No    |   All    |        Yes        |
+
+**Skeleton**: 骨架屏组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props
+
+|          Name           |            Description             |        Type        | Required | Platform | HarmonyOS Support |
+| :---------------------: | :--------------------------------: | :----------------: | :------: | :------: | :---------------: | --- | --- |
+| LinearGradientComponent |  Custom Linear Gradient Component  |  React Component   |    No    |   All    |        Yes        |
+|        animation        |         Type of animation          |       `none`       |  `wave`  | `pulse`  |        No         | No  | No  |
+|         circle          |       show circular variant        |      boolean       |    No    |   All    |        Yes        |
+|         height          |      Height of Skeleton View       | `string`，`number` |    No    |   All    |        Yes        |
+|      skeletonStyle      | Custom style for skeleton gradient |     View Style     |    No    |   All    |        Yes        |
+|          width          |       Width of Skeleton View       | `string`,`number`  |    No    |   All    |        Yes        |
+
+**SocialIcon**: 社交字体图标组件
+
+|          Name          |                                                    Description                                                     |             Type             | Required | Platform | HarmonyOS Support |
+| :--------------------: | :----------------------------------------------------------------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
+|       Component        |                                                  Type of button.                                                   |       React Component        |    No    |   All    |        Yes        |
+| activityIndicatorStyle |                                       Style to render when in loading state.                                       |          View Style          |    No    |   All    |        Yes        |
+|         button         |                                         Creates button with a social icon.                                         |           boolean            |    No    |   All    |        Yes        |
+|        disabled        |                                           Disables the button, if true.                                            |           boolean            |    No    |   All    |        Yes        |
+|       fontFamily       |                                           Specify different font family.                                           |            string            |    No    |    No    |        No         |
+|       fontStyle        |                                               Specify text styling.                                                |          Text Style          |    No    |   All    |        Yes        |
+|       fontWeight       |                           Specify font weight of title if set as a button with a title.                            |            string            |    No    |    No    |        No         |
+|       iconColor        |                                           Specify the color of the icon.                                           |            string            |    No    |   All    |        Yes        |
+|        iconSize        |                                           Specify the size of the icon.                                            |            number            |    No    |   All    |        Yes        |
+|       iconStyle        |                                         Extra styling for icon component.                                          |          View Style          |    No    |    No    |        No         |
 |        iconType        | Type of icon set. [Supported sets here](https://reactnativeelements.com/docs/components/icon#available-icon-sets). |            string            |    No    |   All    |        Yes        |
-|         light          | Reverses icon color scheme, setting background to white and icon to primary color. |           boolean            |    No    |    No    |        No         |
-|        loading         |                   Shows loading indicator.                   |           boolean            |    No    |   All    |        Yes        |
-|      onLongPress       |         Called when a long-tap gesture is detected.          | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|        onPress         |        Called when a single tap gesture is detected.         | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|       onPressIn        |       Called when a touch is engaged before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|       onPressOut       |      Called when a touch is released before `onPress`.       | GestureResponderEventHandler |    No    |   All    |        Yes        |
-|         raised         |      Raised adds a drop shadow, set to false to remove.      |           boolean            |    No    |    No    |        No         |
-|         small          |         Decides the size of the activity indicator.          |            string            |    No    |    No    |        No         |
-|         style          |                 Adds styling to the button.                  |          View Style          |    No    |   All    |        Yes        |
-|         title          |                 Title if made into a button.                 |            string            |    No    |   All    |        Yes        |
-|          type          |                      Social media type.                      |       SocialMediaType        |    No    |   All    |        Yes        |
-|     underlayColor      |                     Add Underlay color.                      |            string            |    No    |    No    |        No         |
-
-**SpeedDial**：Floating Quick Operation Button Component，receive all  [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props) props  
+|         light          |                 Reverses icon color scheme, setting background to white and icon to primary color.                 |           boolean            |    No    |    No    |        No         |
+|        loading         |                                              Shows loading indicator.                                              |           boolean            |    No    |   All    |        Yes        |
+|      onLongPress       |                                    Called when a long-tap gesture is detected.                                     | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|        onPress         |                                   Called when a single tap gesture is detected.                                    | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|       onPressIn        |                                  Called when a touch is engaged before `onPress`.                                  | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|       onPressOut       |                                 Called when a touch is released before `onPress`.                                  | GestureResponderEventHandler |    No    |   All    |        Yes        |
+|     pressableProps     |                                        PressableProps except click handlers                                        |        PressableProps        |    No    |   All    |        Yes        |
+|         raised         |                                 Raised adds a drop shadow, set to false to remove.                                 |           boolean            |    No    |    No    |        No         |
+|         small          |                                    Decides the size of the activity indicator.                                     |            string            |    No    |    No    |        No         |
+|         style          |                                            Adds styling to the button.                                             |          View Style          |    No    |   All    |        Yes        |
+|         title          |                                            Title if made into a button.                                            |            string            |    No    |   All    |        Yes        |
+|          type          |                                                 Social media type.                                                 |       SocialMediaType        |    No    |   All    |        Yes        |
+|     underlayColor      |                                                Add Underlay color.                                                 |            string            |    No    |    No    |        No         |
+
+**SpeedDial**: 浮动快速操作按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props) 的 props
 
 |          Name          |                       Description                        |       Type       | Required | Platform | HarmonyOS Support |
 | :--------------------: | :------------------------------------------------------: | :--------------: | :------: | :------: | :---------------: |
@@ -893,19 +922,19 @@ The following are currently supported component properties:
 |      overlayColor      |           Add overlay color to the speed dial.           |      string      |    No    |   All    |        Yes        |
 |   transitionDuration   |    The duration for the transition, in milliseconds.     |      number      |    No    |   All    |        Yes        |
 
-**SpeedDial.Action**：Floating quick operation sub button component，receive all [FAB](https://reactnativeelements.com/docs/components/fab#props) props  
+**SpeedDial.Action**: 浮动快速操作子按钮组件，接收所有 [FAB](https://reactnativeelements.com/docs/components/fab#props) 的 props
 
 |      Name      |      Description       |  Type   | Required | Platform | HarmonyOS Support |
 | :------------: | :--------------------: | :-----: | :------: | :------: | :---------------: |
 | labelPressable | onPress on Label Press | boolean |    No    |   All    |        Yes        |
 
-**Switch**：Switch component，receive all [View](https://reactnative.dev/docs/view#props) props   
+**Switch**: 滑动开关组件，接收所有 [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) 的 props
 
 | Name  |            Description             |  Type  | Required | Platform | HarmonyOS Support |
 | :---: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
 | color | The color of the Switch component. | string |    No    |   All    |        Yes        |
 
-**Tab**：Navigation bar component，receive all  [View](https://reactnative.dev/docs/view#props)  props 
+**Tab**: 导航栏组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props
 
 |       Name       |               Description                |                     Type                      | Required | Platform | HarmonyOS Support |
 | :--------------: | :--------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -921,7 +950,7 @@ The following are currently supported component properties:
 |      value       |       Child position index value.        |                    number                     |    No    |   All    |        Yes        |
 |     variant      |      Define the background Variant.      |             `primary`，`default`              |    No    |   All    |        Yes        |
 
-**Tab.Item**：Navigation bar subcomponent，receive all [Button](https://reactnativeelements.com/docs/components/button#props) props 
+**Tab.Item**: 导航栏子组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的 props
 
 |        Name        |                   Description                    |                     Type                      | Required | Platform | HarmonyOS Support |
 | :----------------: | :----------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -933,25 +962,25 @@ The following are currently supported component properties:
 |     titleStyle     |          Additional button title style           | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
 |      variant       |          Define the background Variant.          |             `primary`，`default`              |    No    |    No    |        No         |
 
-**TabView**： TabView content component
+**TabView**: 滑动开关内容组件
 
-|         Name          |                         Description                          |          Type          | Required | Platform | HarmonyOS Support |
-| :-------------------: | :----------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
-|    animationConfig    |             Define the animation configurations.             |    AnimationConfig     |    No    |   All    |        Yes        |
+|         Name          |                                           Description                                            |          Type          | Required | Platform | HarmonyOS Support |
+| :-------------------: | :----------------------------------------------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
+|    animationConfig    |                               Define the animation configurations.                               |    AnimationConfig     |    No    |   All    |        Yes        |
 |     animationType     | Choose the animation type among `spring` and `timing`. This is visible when there is tab change. |   `spring`，`timing`   |    No    |   All    |        Yes        |
-|    containerStyle     |               Styling for Component container.               |       View Style       |    No    |   All    |        Yes        |
-|     disableSwipe      |                    Swipe disabled or not                     |        Boolean         |    No    |   All    |        Yes        |
-|   disableTransition   |                     Disables transition                      |        Boolean         |    No    |   All    |        Yes        |
-|     minSwipeRatio     |      Minimum distance to swipe before the view changes.      |         number         |    No    |   All    |        Yes        |
-|     minSwipeSpeed     |       Minimum speed to swipe before the view changes.        |         number         |    No    |   All    |        Yes        |
-|       onChange        |                  On Index Change Callback.                   | (value: number) => any |    No    |   All    |        Yes        |
-|     onSwipeStart      |            Handler when the user swipes the view.            |  (direction) => void   |    No    |   All    |        Yes        |
-| tabItemContainerStyle |        Styling for TabView.Item Component container.         |       View Style       |    No    |   All    |        Yes        |
-|         value         |                 Child position index value.                  |         number         |    No    |   All    |        Yes        |
+|    containerStyle     |                                 Styling for Component container.                                 |       View Style       |    No    |   All    |        Yes        |
+|     disableSwipe      |                                      Swipe disabled or not                                       |        Boolean         |    No    |   All    |        Yes        |
+|   disableTransition   |                                       Disables transition                                        |        Boolean         |    No    |   All    |        Yes        |
+|     minSwipeRatio     |                        Minimum distance to swipe before the view changes.                        |         number         |    No    |   All    |        Yes        |
+|     minSwipeSpeed     |                         Minimum speed to swipe before the view changes.                          |         number         |    No    |   All    |        Yes        |
+|       onChange        |                                    On Index Change Callback.                                     | (value: number) => any |    No    |   All    |        Yes        |
+|     onSwipeStart      |                              Handler when the user swipes the view.                              |  (direction) => void   |    No    |   All    |        Yes        |
+| tabItemContainerStyle |                          Styling for TabView.Item Component container.                           |       View Style       |    No    |   All    |        Yes        |
+|         value         |                                   Child position index value.                                    |         number         |    No    |   All    |        Yes        |
 
-**TabView.Item**： TabView content sub component，receive all  [View](https://reactnative.dev/docs/view#props)  props 
+**TabView.Item**: 滑动开关内容子组件，接受所有 [View](https://reactnative.dev/docs/view#props) 的 props
 
-**Text**：Text Content component 
+**Text**: 文本内容组件组件
 
 |  Name   |           Description            |    Type    | Required | Platform | HarmonyOS Support |
 | :-----: | :------------------------------: | :--------: | :------: | :------: | :---------------: |
@@ -965,73 +994,74 @@ The following are currently supported component properties:
 | h4Style |     Styling when h4 is set.      | Text Style |    No    |   All    |        Yes        |
 |  style  | Add additional styling for Text. | Text Style |    No    |   All    |        Yes        |
 
-**Tile**：Card Block component
+**Tile**: 卡片图块组件
 
-|         Name          |                         Description                          |              Type              | Required | Platform | HarmonyOS Support |
-| :-------------------: | :----------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
-|    ImageComponent     |               Custom ImageComponent for Tile.                |        typeof Component        |    No    |   All    |        Yes        |
-|     activeOpacity     |          Number passed to control opacity on press.          |             number             |    No    |    No    |        No         |
-|        caption        |         Text inside the tilt when tile is featured.          |           ReactNode            |    No    |   All    |        Yes        |
+|         Name          |                                   Description                                   |              Type              | Required | Platform | HarmonyOS Support |
+| :-------------------: | :-----------------------------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
+|    ImageComponent     |                         Custom ImageComponent for Tile.                         |        typeof Component        |    No    |   All    |        Yes        |
+|     activeOpacity     |                   Number passed to control opacity on press.                    |             number             |    No    |    No    |        No         |
+|        caption        |                   Text inside the tilt when tile is featured.                   |           ReactNode            |    No    |   All    |        Yes        |
 |     captionStyle      | Styling for the caption (optional); You only use this if `caption` is a string. |           Text Style           |    No    |   All    |        Yes        |
-|    containerStyle     |            Styling for the outer tile container.             |           View Style           |    No    |   All    |        Yes        |
-| contentContainerStyle |     Styling for bottom container when not featured tile.     |           View Style           |    No    |   All    |        Yes        |
-|       featured        |                Changes the look of the tile.                 |            boolean             |    No    |   All    |        Yes        |
-|        height         |                     Height for the tile.                     |             number             |    No    |   All    |        Yes        |
-|         icon          |                    Icon Component Props.                     |           IconObject           |    No    |   All    |        Yes        |
-|  iconContainerStyle   |            Styling for the outer icon container.             |           View Style           |    No    |   All    |        Yes        |
-|  imageContainerStyle  |                    Styling for the image.                    |           View Style           |    No    |   All    |        Yes        |
-|      imageProps       | Optional properties to pass to the image if provided e.g "resizeMode". |       ImageProps(Object)       |    No    |   All    |        Yes        |
-|       imageSrc        |                    Source for the image.                     | `string`,`ImageSourcePropType` |    No    |   All    |        Yes        |
-| overlayContainerStyle | Styling for the overlay container when using featured tile.  |           View Style           |    No    |    No    |        No         |
-|         title         |                    Text inside the tile.                     |             string             |    No    |   All    |        Yes        |
-|  titleNumberOfLines   |                  Number of lines for Title.                  |             number             |    No    |   All    |        Yes        |
-|      titleStyle       |                    Styling for the title.                    |           Text Style           |    No    |   All    |        Yes        |
-|         width         |                     Width for the tile.                      |             number             |    No    |   All    |        Yes        |
-
-**Tooltip**：Text prompt component
-
-|           Name           |                         Description                          |                           Type                           | Required | Platform | HarmonyOS Support |
-| :----------------------: | :----------------------------------------------------------: | :------------------------------------------------------: | :------: | :------: | :---------------: |
-|      ModalComponent      | Override React Native `Modal` component (usable for web-platform). |                     typeof Component                     |    No    |   All    |        Yes        |
-|      animationType       |                        Animation Type                        |                      `none`,`fade`                       |    No    |   All    |        Yes        |
-|     backgroundColor      |       Sets backgroundColor of the tooltip and pointer.       |                        ColorValue                        |    No    |   All    |        Yes        |
+|    containerStyle     |                      Styling for the outer tile container.                      |           View Style           |    No    |   All    |        Yes        |
+| contentContainerStyle |              Styling for bottom container when not featured tile.               |           View Style           |    No    |   All    |        Yes        |
+|       featured        |                          Changes the look of the tile.                          |            boolean             |    No    |   All    |        Yes        |
+|        height         |                              Height for the tile.                               |             number             |    No    |   All    |        Yes        |
+|         icon          |                              Icon Component Props.                              |           IconObject           |    No    |   All    |        Yes        |
+|  iconContainerStyle   |                      Styling for the outer icon container.                      |           View Style           |    No    |   All    |        Yes        |
+|  imageContainerStyle  |                             Styling for the image.                              |           View Style           |    No    |   All    |        Yes        |
+|      imageProps       |     Optional properties to pass to the image if provided e.g "resizeMode".      |       ImageProps(Object)       |    No    |   All    |        Yes        |
+|       imageSrc        |                              Source for the image.                              | `string`,`ImageSourcePropType` |    No    |   All    |        Yes        |
+| overlayContainerStyle |           Styling for the overlay container when using featured tile.           |           View Style           |    No    |    No    |        No         |
+|         title         |                              Text inside the tile.                              |             string             |    No    |   All    |        Yes        |
+|  titleNumberOfLines   |                           Number of lines for Title.                            |             number             |    No    |   All    |        Yes        |
+|      titleStyle       |                             Styling for the title.                              |           Text Style           |    No    |   All    |        Yes        |
+|         width         |                               Width for the tile.                               |             number             |    No    |   All    |        Yes        |
+
+**Tooltip**: 文本提示组件
+
+|           Name           |                                                                                                                       Description                                                                                                                       |                           Type                           | Required | Platform | HarmonyOS Support |
+| :----------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------: | :------: | :------: | :---------------: |
+|      ModalComponent      |                                                                                           Override React Native `Modal` component (usable for web-platform).                                                                                            |                     typeof Component                     |    No    |   All    |        Yes        |
+|      animationType       |                                                                                                                     Animation Type                                                                                                                      |                      `none`,`fade`                       |    No    |   All    |        Yes        |
+|     backgroundColor      |                                                                                                    Sets backgroundColor of the tooltip and pointer.                                                                                                     |                        ColorValue                        |    No    |   All    |        Yes        |
 | closeOnlyOnBackdropPress | Flag to determine whether to disable auto hiding of tooltip when touching/scrolling anywhere inside the active tooltip popover container. When `true`, Tooltip closes only when overlay backdrop is pressed (or) highlighted tooltip button is pressed. |                         boolean                          |    No    |    No    |        No         |
-|      containerStyle      |           Passes style object to tooltip container           |                        View Style                        |    No    |   All    |        Yes        |
-|          height          | Tooltip container height. Necessary in order to render the container in the correct place. Pass height according to the size of the content rendered inside the container. |                          number                          |    No    |   All    |        Yes        |
-|      highlightColor      |   Color to highlight the item the tooltip is surrounding.    |                        ColorValue                        |    No    |   All    |        Yes        |
-|         onClose          |      Function which gets called on closing the tooltip.      |                         Function                         |    No    |   All    |        Yes        |
-|          onOpen          |      Function which gets called on opening the tooltip.      |                         Function                         |    No    |   All    |        Yes        |
-|       overlayColor       |        Color of overlay shadow when tooltip is open.         |                        ColorValue                        |    No    |   All    |        Yes        |
-|       pointerColor       | Color of tooltip pointer, it defaults to the [`backgroundColor`](https://reactnativeelements.com/docs/components/tooltip#backgroundcolor) if none is passed. |                        ColorValue                        |    No    |   All    |        Yes        |
-|       pointerStyle       |             Style to be applied on the pointer.              |                        View Style                        |    No    |   All    |        Yes        |
-|         popover          |      Component to be rendered as the display container.      | `ReactElement<{}, string`，`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
-|   skipAndroidStatusBar   | Force skip StatusBar height when calculating element position. Pass `true` if Tooltip used inside react-native Modal component. |                         boolean                          |    No    |   All    |        Yes        |
-|       toggleAction       | Define type of action that should trigger tooltip. Available options *onPress*, *onLongPress* |                          string                          |    No    |   All    |        Yes        |
-|      toggleOnPress       |   Flag to determine to toggle or not the tooltip on press.   |                         boolean                          |    No    |   All    |        Yes        |
-|         visible          |                     To show the tooltip.                     |                         boolean                          |    No    |   All    |        Yes        |
-|          width           | Tooltip container width. Necessary in order to render the container in the correct place. |                          number                          |    No    |   All    |        Yes        |
-|       withOverlay        | Flag to determine whether or not display overlay shadow when tooltip is open. |                         boolean                          |    No    |   All    |        Yes        |
-|       withPointer        |   Flag to determine whether or not to display the pointer.   |                         boolean                          |    No    |   All    |        Yes        |
+|      containerStyle      |                                                                                                        Passes style object to tooltip container                                                                                                         |                        View Style                        |    No    |   All    |        Yes        |
+|          height          |                                       Tooltip container height. Necessary in order to render the container in the correct place. Pass height according to the size of the content rendered inside the container.                                        |                          number                          |    No    |   All    |        Yes        |
+|      highlightColor      |                                                                                                 Color to highlight the item the tooltip is surrounding.                                                                                                 |                        ColorValue                        |    No    |   All    |        Yes        |
+|         onClose          |                                                                                                   Function which gets called on closing the tooltip.                                                                                                    |                         Function                         |    No    |   All    |        Yes        |
+|          onOpen          |                                                                                                   Function which gets called on opening the tooltip.                                                                                                    |                         Function                         |    No    |   All    |        Yes        |
+|       overlayColor       |                                                                                                      Color of overlay shadow when tooltip is open.                                                                                                      |                        ColorValue                        |    No    |   All    |        Yes        |
+|       pointerColor       |                                              Color of tooltip pointer, it defaults to the [`backgroundColor`](https://reactnativeelements.com/docs/components/tooltip#backgroundcolor) if none is passed.                                               |                        ColorValue                        |    No    |   All    |        Yes        |
+|       pointerStyle       |                                                                                                           Style to be applied on the pointer.                                                                                                           |                        View Style                        |    No    |   All    |        Yes        |
+|         popover          |                                                                                                   Component to be rendered as the display container.                                                                                                    | `ReactElement<{}, string`，`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
+|   skipAndroidStatusBar   |                                                             Force skip StatusBar height when calculating element position. Pass `true` if Tooltip used inside react-native Modal component.                                                             |                         boolean                          |    No    |   All    |        Yes        |
+|       toggleAction       |                                                                              Define type of action that should trigger tooltip. Available options _onPress_, _onLongPress_                                                                              |                          string                          |    No    |   All    |        Yes        |
+|      toggleOnPress       |                                                                                                Flag to determine to toggle or not the tooltip on press.                                                                                                 |                         boolean                          |    No    |   All    |        Yes        |
+|         visible          |                                                                                                                  To show the tooltip.                                                                                                                   |                         boolean                          |    No    |   All    |        Yes        |
+|          width           |                                                                                Tooltip container width. Necessary in order to render the container in the correct place.                                                                                |                          number                          |    No    |   All    |        Yes        |
+|       withOverlay        |                                                                                      Flag to determine whether or not display overlay shadow when tooltip is open.                                                                                      |                         boolean                          |    No    |   All    |        Yes        |
+|       withPointer        |                                                                                                Flag to determine whether or not to display the pointer.                                                                                                 |                         boolean                          |    No    |   All    |        Yes        |
 
 ## Known Issues
+
 ## Others
 
--  The readonly and onFinishRating properties of the Rating component cannot take effect, consistent with Android/iOS：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
--  The startImage property of the Airbnb Ratings component cannot take effect, consistent with Android/iOS：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
--  The activeOpacity, button, and other properties of the buttonGroups component cannot take effect, consistent with Android/iOS：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
--  The onLongPress, onpressIn and other properties of the Dialog component cannot take effect, consistent with Android/iOS：[issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
--  The barStyle, elevated, and other properties of the Header component cannot take effect, consistent with Android and iOS：[issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
--  The renderError Message property of the Input component cannot take effect, consistent with Android and iOS：[issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
--  The minSlideWidth property of ListItem.Swipeable component cannot take effect, consistent with Android and iOS：[issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
--  The right property of ListItem.Title component cannot take effect, consistent with Android and iOS：[issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
--  The properties such as cancelButtons Props and showCancel of the SearchBar component cannot take effect, consistent with Android and iOS：[issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
--  The fontFamily, fontWeight, and other properties of the SocialIcon component cannot take effect, consistent with Android and iOS：[issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
--  The backdropPresableProps property of the SpeedDial component cannot take effect, consistent with Android and iOS：[issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
--  The containerStyle, density, and other properties of the Tab component cannot take effect, consistent with Android and iOS：[issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
--  The active, dense, and other properties of the Tab.Item component cannot take effect, consistent with Android and iOS：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
--  The activeOpacity and other properties of Tile components cannot take effect, consistent with Android and iOS：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
--  The closeOnlyOnBackdropPress property of the Tooltip component cannot take effect, consistent with Android and iOS：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
+- [ ] Rating 组件的 readonly、onFinishRating 等属性无法生效，与 Android/iOS 一致: [issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+- [ ] AirbnbRatings 组件的 startImage 属性无法生效，与 Android/iOS 一致: [issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+- [ ] ButtonGroups 组件的 activeOpacity、button 等属性无法生效，与 Android/iOS 一致: [issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
+- [ ] Dialog 组件的 onLongPress、onpressIn 等属性无法生效，与 Android/iOS 一致: [issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
+- [ ] Header 组件的 barStyle、elevated 等属性无法生效，与 Android、iOS 一致: [issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
+- [ ] Input 组件的 renderErrorMessage 属性无法生效，与 Android、iOS 一致: [issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
+- [ ] ListItem.Swipeable 组件的 minSlideWidth 属性无法生效，与 Android、iOS 一致: [issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
+- [ ] ListItem.Title 组件的 right 属性无法生效，与 Android、iOS 一致: [issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
+- [ ] SearchBar 组件的 cancelButtonProps、showCancel 等属性无法生效，与 Android、iOS 一致: [issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
+- [ ] SocialIcon 组件的 fontFamily、fontWeight 等属性无法生效，与 Android、iOS 一致: [issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
+- [ ] SpeedDial 组件的 backdropPressableProps 属性无法生效，与 Android、iOS 一致: [issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
+- [ ] Tab 组件的 containerStyle、dense 等属性无法生效，与 Android、iOS 一致: [issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
+- [ ] Tab.Item 组件的 active、dense 等属性无法生效，与 Android、iOS 一致: [issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
+- [ ] Tile 组件的 activeOpacity 等属性无法生效，与 Android、iOS 一致: [issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
+- [ ] Tooltip 组件的 closeOnlyOnBackdropPress 属性无法生效，与 Android、iOS 一致: [issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)，请自由地享受和参与开源。
diff --git a/en/react-native-exit-app.md b/en/react-native-exit-app.md
index f8df062e..b9f4e4af 100644
--- a/en/react-native-exit-app.md
+++ b/en/react-native-exit-app.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-exit-app</code> </h1>
@@ -12,17 +12,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-exit-app)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-exit-app)
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+Go to the project directory and execute the following instruction:
 
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -36,13 +34,12 @@ npm install @react-native-oh-tpl/react-native-exit-app@file:#
 yarn add @react-native-oh-tpl/react-native-exit-app@file:#
 ```
 
+The following code shows the basic use scenario of the repository:
 
-下面的代码展示了这个库的基本使用场景：
-
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from 'react';
+import React from "react";
 import {
   SafeAreaView,
   ScrollView,
@@ -52,43 +49,41 @@ import {
   useColorScheme,
   View,
   Button,
-} from 'react-native';
-import  RNExitApp  from "react-native-exit-app"
-import { Colors } from 'react-native/Libraries/NewAppScreen';
+} from "react-native";
+import RNExitApp from "react-native-exit-app";
+import { Colors } from "react-native/Libraries/NewAppScreen";
 function App(): React.JSX.Element {
-  const isDarkMode = useColorScheme() === 'dark';
+  const isDarkMode = useColorScheme() === "dark";
   const backgroundStyle = {
     backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
   };
   return (
     <SafeAreaView>
-    <StatusBar barStyle={"dark-content"} />
-    <Button
-    title="exitApp"
-    onPress={ () => {
-      RNExitApp.exitApp()
-    }}
-  />
-  </SafeAreaView>
+      <StatusBar barStyle={"dark-content"} />
+      <Button
+        title="exitApp"
+        onPress={() => {
+          RNExitApp.exitApp();
+        }}
+      />
+    </SafeAreaView>
   );
 }
 
 export default App;
-
-
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -99,18 +94,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -119,26 +111,26 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 ExitAppPackage
+### 3. Introducing ExitAppPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
-  
+
 +  import { ExitAppPackage } from '@react-native-oh-tpl/react-native-exit-app/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -149,41 +141,41 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases)
 
-## 静态方法
+## Static Methods
 
-> [!TIP]"Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP]The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP]If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-Name | Description | Type | Required | Platform | HarmonyOS   Support
--- | -- | -- | -- | -- | --
-exitApp | 关闭/退出APP | Function | no | iOS/Android | yes
+| Name    | Description   | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | ------------- | -------- | -------- | ----------- | ----------------- |
+| exitApp | 关闭/退出 APP | Function | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/wumke/react-native-exit-app/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/wumke/react-native-exit-app/blob/master/LICENSE).
diff --git a/en/react-native-feather.md b/en/react-native-feather.md
index f14611d9..043b141b 100644
--- a/en/react-native-feather.md
+++ b/en/react-native-feather.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-feather</code> </h1>
@@ -11,13 +10,9 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/yigithanyucedag/react-native-feather)
 
-
-
-
-> [!TIP] [Github 地址](https://github.com/yigithanyucedag/react-native-feather)
-
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -35,81 +30,85 @@ yarn add react-native-feather@1.1.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 此库可以使用的[图标列表](https://feathericons.com/)
 
->[!WARNING] 使用时 import 的库名不变。且该库强依赖[@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)，请在使用前，安装svg库
+> [!WARNING] The name of the imported repository remains unchanged.且该库强依赖[@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)，请在使用前，安装 svg 库
 
 ```js
-import React from 'react';  
-import {Text, ScrollView } from 'react-native';   
+import React from "react";
+import { Text, ScrollView } from "react-native";
 import * as Icon from "react-native-feather";
-//第二种引入方式，可以直接通过组件名称引入
 import { Check } from "react-native-feather";
 
-
-const FeatherExample = () => {  
+const FeatherExample = () => {
   return (
-  <ScrollView>
-  <Text style={{color:"blue"}}>react-native-feather库只是对svg图进行处理的库,以下展示的demo,均只有图片,没有绑定点击事件</Text>
-  <Text style={{color:"blue"}}>电池,边线红色,绿色填充,width=150,height=150</Text>
-  <Icon.Battery stroke = 'red' width={150} height={150}  fill="green"/>
-  <Text style={{color:"blue"}}>菜单栏,边线绿色,宽高默认为25</Text>
-  <Icon.Menu stroke = 'green'/>
-  <Text style={{color:"blue"}}>播放图标,边线默认为当前颜色,填充色为蓝色,宽高为50</Text>
-  <Icon.Video fill="blue" width={50} height={50} />
-   
-  <Text style={{color:"blue"}}>第二种使用方法：对号,颜色为红色,width和height为32</Text>
-  <Check stroke="red" width={32} height={32} />
-  </ScrollView>
+    <ScrollView>
+      <Text style={{ color: "blue" }}>
+        react-native-feather库只是对svg图进行处理的库,以下展示的demo,均只有图片,没有绑定点击事件
+      </Text>
+      <Text style={{ color: "blue" }}>
+        电池,边线红色,绿色填充,width=150,height=150
+      </Text>
+      <Icon.Battery stroke="red" width={150} height={150} fill="green" />
+      <Text style={{ color: "blue" }}>菜单栏,边线绿色,宽高默认为25</Text>
+      <Icon.Menu stroke="green" />
+      <Text style={{ color: "blue" }}>
+        播放图标,边线默认为当前颜色,填充色为蓝色,宽高为50
+      </Text>
+      <Icon.Video fill="blue" width={50} height={50} />
+
+      <Text style={{ color: "blue" }}>
+        第二种使用方法: 对号,颜色为红色,width和height为32
+      </Text>
+      <Check stroke="red" width={32} height={32} />
+    </ScrollView>
   );
-};  
-  
+};
+
 export default FeatherExample;
 ```
+
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](/zh-cn/react-native-svg.md#link)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg](/zh-cn/react-native-svg.md#link) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
-2. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+1. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 204.1.0.59;
+2. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
 
-## 属性
+## Properties
 
-所有[SVG属性](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)均可使用
+所有[SVG 属性](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)均可使用
 
 ### feather
 
-该库为UI组件库，通过配置属性标签，实现对应的功能。
+该库为 UI 组件库，通过配置属性标签，实现对应的功能。
 
-| Prop        | Description                                                  | Default      | HarmonyOS Support |
-| ----------- | ------------------------------------------------------------ | ------------ | ----------------- |
-| width       | Width of the icon.                                           | 24           | yes               |
-| height      | Height of the icon.                                          | 24           | yes               |
-| stroke      | The stroke prop refers to the color outline the icon.        | currentColor | yes               |
+| Prop        | Description                                                          | Default      | HarmonyOS Support |
+| ----------- | -------------------------------------------------------------------- | ------------ | ----------------- |
+| width       | Width of the icon.                                                   | 24           | yes               |
+| height      | Height of the icon.                                                  | 24           | yes               |
+| stroke      | The stroke prop refers to the color outline the icon.                | currentColor | yes               |
 | strokeWidth | The strokeWidth prop specifies the width of the outline on the icon. | 2            | yes               |
-| fill        | The fill prop refers to the color inside the icon.           | none         | yes               |
-
-
+| fill        | The fill prop refers to the color inside the icon.                   | none         | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-以下事项与原库保持一致需注意遵循：
+以下事项与原库保持一致需注意遵循:
 
 1. 在使用该库前，请保证按照上文"Link"的提示，已经安装 [`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)。
 2. 此组件包含所有 [`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md) 兼容的所有 Feather 图标。
-3. 基于Feather 图标库版本为V4.28.0。
+3. 基于 Feather 图标库版本为 V4.28.0。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
diff --git a/en/react-native-fingerprint-scanner.md b/en/react-native-fingerprint-scanner.md
index 9e8b5d04..5c5e87b1 100644
--- a/en/react-native-fingerprint-scanner.md
+++ b/en/react-native-fingerprint-scanner.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fingerprint-scanner</code> </h1>
@@ -13,15 +12,15 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-fingerprint-scanner)
+> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-fingerprint-scanner)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,64 +38,53 @@ yarn add @react-native-oh-tpl/react-native-fingerprint-scanner@file:#
 
 <!-- tabs:end -->
 
-快速使用：
+Quick use:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { View, Button } from "react-native";
-import FingerprintScanner from 'react-native-fingerprint-scanner';
+import FingerprintScanner from "react-native-fingerprint-scanner";
 
 export default function App() {
-    const handleClick = () => {
-    FingerprintScanner
-      .isSensorAvailable()
-      .then((Biometrics) => {
-      }).catch((err) => {
-      });
-  }
+  const handleClick = () => {
+    FingerprintScanner.isSensorAvailable()
+      .then((Biometrics) => {})
+      .catch((err) => {});
+  };
   const handleScanner = () => {
-    FingerprintScanner.authenticate({title: '1111'})
-      .then(() => {
-      }).catch((err) => {
-      });
-  }
+    FingerprintScanner.authenticate({ title: "1111" })
+      .then(() => {})
+      .catch((err) => {});
+  };
   const handleAttempt = () => {
-    let eror = FingerprintScanner.onAttempt()
-  }
+    let eror = FingerprintScanner.onAttempt();
+  };
   const handleRelease = () => {
-    FingerprintScanner.release()
-  }
+    FingerprintScanner.release();
+  };
   return (
     <View>
-       <Button title="authenticate"
-          onPress={() => handleScanner()}
-        />
-      <Button title="isSensorAvailable"
-          onPress={() => handleClick()}
-        />
-        <Button title="onAttempt"
-          onPress={() => handleAttempt()}
-        />
-        <Button title="release"
-          onPress={() => handleRelease()}
-        />
+      <Button title="authenticate" onPress={() => handleScanner()} />
+      <Button title="isSensorAvailable" onPress={() => handleClick()} />
+      <Button title="onAttempt" onPress={() => handleAttempt()} />
+      <Button title="release" onPress={() => handleRelease()} />
     </View>
   );
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -107,18 +95,15 @@ export default function App() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -127,22 +112,22 @@ export default function App() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
-方法二：直接链接源码
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+Method 2: Directly link to the source code.
 
-### 3.在 ArkTs 侧引入 FingerprintScannerPackage
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
+### 3. Introducing FingerprintScannerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -157,31 +142,31 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)
 
+### Permission Requirements
 
-### 权限要求
 > [!tip] "ohos.permission.ACCESS_BIOMETRIC"权限等级为<B>system_basic</B>
-在 `YourProject/entry/src/main/module.json5`补上配置
+> 在 `YourProject/entry/src/main/module.json5`补上配置
 
 ```diff
 {
@@ -198,40 +183,37 @@ ohpm install
 }
 ```
 
+## Static Methods
 
-## 静态方法
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name                                              | Description                                | Type     | Required | Platform | HarmonyOS Support |
-| ------------------------------------------------- | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
-| `authenticate: (value: authenticate) => Promise<void>;`           | Starts Fingerprint authentication       | function | No       | All      | YES                |
-| `isSensorAvailable: () => Promise<string>` | Checks if Fingerprint Scanner is able to be used by now.        | function | No       | All      | YES                |
-| `release: () => void`   | Stops fingerprint scanner listener, releases cache of internal state in native code | function | No       | All      | YES                |
-| `onAttempt: () => {message?: string}`   | when users are trying to scan their fingerprint but failed | function | No       | HarmonyOS      | YES                |
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-###### authenticate方法参数
-| Name                           | Description                                                                               | Type             | Required | Platform | HarmonyOS Support |
-| ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
-| `title`                   | the title text to display in the native                                                      | string           | no      | Android      | yes               |
-| `subTitle`              | the sub title text to display in the native                  | string           | no      | Android      | no               |
-| `description`             | the description text to display in the native                                                                      | string             | no       | All      | no                |
-| `cancelButton`                | e cancel button text to display in the native                                                             | string             | no       | Android      | no                |
-| `onAttempt`               | a callback function when users are trying to scan their fingerprint but failed.                                                        | function           | no      | Android      | no               |
-| `fallbackEnabled`                  | default to true, whether to display fallback button                                                              | boolean            | no      | IOS      | no               |
+| Name                                                    | Description                                                                         | Type     | Required | Platform  | HarmonyOS Support |
+| ------------------------------------------------------- | ----------------------------------------------------------------------------------- | -------- | -------- | --------- | ----------------- |
+| `authenticate: (value: authenticate) => Promise<void>;` | Starts Fingerprint authentication                                                   | function | No       | All       | YES               |
+| `isSensorAvailable: () => Promise<string>`              | Checks if Fingerprint Scanner is able to be used by now.                            | function | No       | All       | YES               |
+| `release: () => void`                                   | Stops fingerprint scanner listener, releases cache of internal state in native code | function | No       | All       | YES               |
+| `onAttempt: () => {message?: string}`                   | when users are trying to scan their fingerprint but failed                          | function | No       | HarmonyOS | YES               |
 
-## 遗留问题
+###### authenticate 方法参数
 
-- [ ] Harmony的指纹认证只支持title修改，并没有subTitle，description，cancelButton，fallbackEnabled参数， [issue#8](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/8) 
-- [ ] authenticate的参数不支持onAttempt，authenticate的参数onAttempt为回调方法，接口type形式不支持function,所以将onAttempt方法单独抽离出来 [issue#7](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/7) 
+| Name              | Description                                                                     | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `title`           | the title text to display in the native                                         | string   | no       | Android  | yes               |
+| `subTitle`        | the sub title text to display in the native                                     | string   | no       | Android  | no                |
+| `description`     | the description text to display in the native                                   | string   | no       | All      | no                |
+| `cancelButton`    | e cancel button text to display in the native                                   | string   | no       | Android  | no                |
+| `onAttempt`       | a callback function when users are trying to scan their fingerprint but failed. | function | no       | Android  | no                |
+| `fallbackEnabled` | default to true, whether to display fallback button                             | boolean  | no       | IOS      | no                |
 
+## Known Issues
 
+- [ ] Harmony 的指纹认证只支持 title 修改，并没有 subTitle，description，cancelButton，fallbackEnabled 参数， [issue#8](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/8)
+- [ ] authenticate 的参数不支持 onAttempt，authenticate 的参数 onAttempt 为回调方法，接口 type 形式不支持 function,所以将 onAttempt 方法单独抽离出来 [issue#7](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/7)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
diff --git a/en/react-native-flash-message.md b/en/react-native-flash-message.md
index 5798bfe2..05d061b6 100644
--- a/en/react-native-flash-message.md
+++ b/en/react-native-flash-message.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-flash-message</code> </h1>
@@ -13,11 +12,11 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/lucasferreira/react-native-flash-message)
+> [!Tip] [GitHub address](https://github.com/lucasferreira/react-native-flash-message)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,29 +34,26 @@ yarn add react-native-flash-message@0.4.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
-// FlashMessage组件是为全局使用而构建的，因此您必须在主应用程序屏幕中实例化此组件一次，并始终将其作为最后插入的组件
-import React from 'react';
-import {SafeAreaView, View,} from 'react-native';
+import React from "react";
+import { SafeAreaView, View } from "react-native";
 import FlashMessage from "react-native-flash-message";
 function App() {
   return (
-    <View style={{ backgroundColor: 'white' }}>
-      <SafeAreaView>
-      </SafeAreaView>
-      <FlashMessage position="top"/>  
+    <View style={{ backgroundColor: "white" }}>
+      <SafeAreaView></SafeAreaView>
+      <FlashMessage position="top" />
     </View>
   );
 }
 export default App;
-
 ```
 
 ```js
-import {StyleSheet, Text, View, Image, TouchableOpacity} from 'react-native';
-import {showMessage, hideMessage} from 'react-native-flash-message';
+import { StyleSheet, Text, View, Image, TouchableOpacity } from "react-native";
+import { showMessage, hideMessage } from "react-native-flash-message";
 
 export function FlashMessageTest() {
   return (
@@ -66,13 +62,13 @@ export function FlashMessageTest() {
         style={styles.button}
         onPress={() => {
           showMessage({
-            message: 'show message',
-            type: 'info',
+            message: "show message",
+            type: "info",
             onPress: () => {
               hideMessage();
             },
             autoHide: false,
-            renderAfterContent: e => {
+            renderAfterContent: (e) => {
               return (
                 <View>
                   <Text>renderAfterContent</Text>
@@ -80,7 +76,8 @@ export function FlashMessageTest() {
               );
             },
           });
-        }}>
+        }}
+      >
         <Text>renderAfterContent</Text>
       </TouchableOpacity>
     </View>
@@ -89,8 +86,8 @@ export function FlashMessageTest() {
 
 const styles = StyleSheet.create({
   container: {
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
     padding: 10,
     margin: 25,
     borderRadius: 5,
@@ -99,65 +96,60 @@ const styles = StyleSheet.create({
   button: {
     padding: 10,
     margin: 5,
-    backgroundColor: 'red',
+    backgroundColor: "red",
     borderRadius: 5,
   },
 });
-
-
 ```
-## 兼容性
 
-本文档内容基于以下版本验证通过：
+## Compatibility
 
-1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+This document is verified based on the following versions:
 
-## 方法
+1.RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+## Static Methods
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-详情见 [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message/blob/v0.4.0/README.md)
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                   | Description | Required | Platform | HarmonyOS Support |
-| ---------------------- | ----------- | -------- | ----------------- | ----------------- |
-| hideOnPress            | Controls if the flash message can be closed on press      | NO        | iOS/Android               | YES               |
-| onPress                | onPress callback for flash message press           | NO        | iOS/Android               | YES               |
-| onLongPress            | onLongPress callback for flash message press           | NO        | iOS/Android               | YES               |
-| animated               | Controls if the flash message will be shown with animation or not           | NO        | iOS/Android               | YES               |
-| animationDuration      | Animations duration/speed           | NO        | iOS/Android               | YES               |
-| autoHide               | Controls if the flash message can hide itself after some duration time           | NO        | iOS/Android               | YES               |
-| duration               | How many milliseconds the flash message will be shown if the autoHide it's true           | NO        | iOS/Android               | YES               |
-| hideStatusBar          | Controls if the flash message will auto hide the native status bar. Note: Works OK in iOS, not all Android versions support this. | NO | iOS/Android   | YES   |
-| statusBarHeight        | Use this prop to set a custom status bar height that will be add in flash message padding top calc | NO        | iOS/Android               | YES     |
-| floating               | The floating prop unstick the message from the edges and applying some border radius to component  | NO        | iOS/Android               | YES               |
-| position               | The position prop set the position of a flash message. Expected options: "top" (default), "bottom", "center" or a custom object with { top, left, right, bottom } position           | NO        | iOS/Android               | YES               |
-| icon                   | The icon prop could be a render function that return a new JSX Element to be placed in icon position OR a definition of the graphical icon of a flash message. Expected options: "none" (default), "auto" (guided by type), "success", "info", "warning", "danger", a custom icon (render function) or a custom object with icon type/name and position (left or right) attributes, e.g.: { icon: "success", position: "right" }           | NO       | iOS/Android               | YES               |
-| style                  | Apply a custom style object in flash message container | NO       | iOS/Android               | YES               |
-| textStyle              | Apply a custom style object in flash message descript/text text label   | NO       | iOS/Android               | YES               |
-| titleStyle             | Apply a custom style object in flash message title text label           | NO       | iOS/Android               | YES               |
-| titleProps              | Set a custom props object in flash message title text label          | NO       | iOS/Android               | YES               |
-| textProps              | Set a custom props object in flash message all text components          | NO       | iOS/Android               | YES               |
-| iconProps              | Set a custom props object to use inside the renderFlashMessageIcon method as third argument           | NO       | iOS/Android               | YES               |
-| renderBeforeContent    | Render custom JSX before title in flash message.          | NO        | iOS/Android               | YES               |
-| renderCustomContent    | Render custom JSX below title in flash message.           | NO        | iOS/Android               | YES               |
-| renderAfterContent     | Render custom JSX after the title (or description) of a flash message.           | NO        | iOS/Android               | YES               |
-| renderFlashMessageIcon | Set a custom render function for inside message icons           | NO        | iOS/Android               | YES               |
-| transitionConfig       | Set the transition config function used in shown/hide anim interpolations           | NO        | iOS/Android               | YES               |
-| canRegisterAsDefault   | Use to handle if the instance can be registed as default/global instance           | NO        | iOS/Android               | YES               |
-| MessageComponent       | Set the default flash message render component used to show all the messages           | NO       | iOS/Android               | YES               |
+For details, see [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message/blob/v0.4.0/README.md)
 
+| Name                   | Description                                                                                                                                                                                                                                                                                                                                                                                                                      | Required | Platform    | HarmonyOS Support |
+| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| hideOnPress            | Controls if the flash message can be closed on press                                                                                                                                                                                                                                                                                                                                                                             | NO       | iOS/Android | YES               |
+| onPress                | onPress callback for flash message press                                                                                                                                                                                                                                                                                                                                                                                         | NO       | iOS/Android | YES               |
+| onLongPress            | onLongPress callback for flash message press                                                                                                                                                                                                                                                                                                                                                                                     | NO       | iOS/Android | YES               |
+| animated               | Controls if the flash message will be shown with animation or not                                                                                                                                                                                                                                                                                                                                                                | NO       | iOS/Android | YES               |
+| animationDuration      | Animations duration/speed                                                                                                                                                                                                                                                                                                                                                                                                        | NO       | iOS/Android | YES               |
+| autoHide               | Controls if the flash message can hide itself after some duration time                                                                                                                                                                                                                                                                                                                                                           | NO       | iOS/Android | YES               |
+| duration               | How many milliseconds the flash message will be shown if the autoHide it's true                                                                                                                                                                                                                                                                                                                                                  | NO       | iOS/Android | YES               |
+| hideStatusBar          | Controls if the flash message will auto hide the native status bar. Note: Works OK in iOS, not all Android versions support this.                                                                                                                                                                                                                                                                                                | NO       | iOS/Android | YES               |
+| statusBarHeight        | Use this prop to set a custom status bar height that will be add in flash message padding top calc                                                                                                                                                                                                                                                                                                                               | NO       | iOS/Android | YES               |
+| floating               | The floating prop unstick the message from the edges and applying some border radius to component                                                                                                                                                                                                                                                                                                                                | NO       | iOS/Android | YES               |
+| position               | The position prop set the position of a flash message. Expected options: "top" (default), "bottom", "center" or a custom object with { top, left, right, bottom } position                                                                                                                                                                                                                                                       | NO       | iOS/Android | YES               |
+| icon                   | The icon prop could be a render function that return a new JSX Element to be placed in icon position OR a definition of the graphical icon of a flash message. Expected options: "none" (default), "auto" (guided by type), "success", "info", "warning", "danger", a custom icon (render function) or a custom object with icon type/name and position (left or right) attributes, e.g.: { icon: "success", position: "right" } | NO       | iOS/Android | YES               |
+| style                  | Apply a custom style object in flash message container                                                                                                                                                                                                                                                                                                                                                                           | NO       | iOS/Android | YES               |
+| textStyle              | Apply a custom style object in flash message descript/text text label                                                                                                                                                                                                                                                                                                                                                            | NO       | iOS/Android | YES               |
+| titleStyle             | Apply a custom style object in flash message title text label                                                                                                                                                                                                                                                                                                                                                                    | NO       | iOS/Android | YES               |
+| titleProps             | Set a custom props object in flash message title text label                                                                                                                                                                                                                                                                                                                                                                      | NO       | iOS/Android | YES               |
+| textProps              | Set a custom props object in flash message all text components                                                                                                                                                                                                                                                                                                                                                                   | NO       | iOS/Android | YES               |
+| iconProps              | Set a custom props object to use inside the renderFlashMessageIcon method as third argument                                                                                                                                                                                                                                                                                                                                      | NO       | iOS/Android | YES               |
+| renderBeforeContent    | Render custom JSX before title in flash message.                                                                                                                                                                                                                                                                                                                                                                                 | NO       | iOS/Android | YES               |
+| renderCustomContent    | Render custom JSX below title in flash message.                                                                                                                                                                                                                                                                                                                                                                                  | NO       | iOS/Android | YES               |
+| renderAfterContent     | Render custom JSX after the title (or description) of a flash message.                                                                                                                                                                                                                                                                                                                                                           | NO       | iOS/Android | YES               |
+| renderFlashMessageIcon | Set a custom render function for inside message icons                                                                                                                                                                                                                                                                                                                                                                            | NO       | iOS/Android | YES               |
+| transitionConfig       | Set the transition config function used in shown/hide anim interpolations                                                                                                                                                                                                                                                                                                                                                        | NO       | iOS/Android | YES               |
+| canRegisterAsDefault   | Use to handle if the instance can be registed as default/global instance                                                                                                                                                                                                                                                                                                                                                         | NO       | iOS/Android | YES               |
+| MessageComponent       | Set the default flash message render component used to show all the messages                                                                                                                                                                                                                                                                                                                                                     | NO       | iOS/Android | YES               |
 
-## 遗留问题
-- [ ] iOS 和 鸿蒙侧效果有差异，隐藏手机状态栏是通过RN框架的StatusBar组件中的StatusBar.setHidden()方法实现,具体效果有差异，暂未解决。原因：鸿蒙系统手机顶部系统非安全区域块范围底部与前置摄像头挖空区域范围底部高度不一致，在显示和隐藏状态栏的过程中，系统非安全区域范围高度会有（0,136（不同手机不同）两种变化），导致内容组件所在窗口大小顶部位置会在两种状态下分别与前置摄像头挖空区域底部或系统非安全区域底部对齐，造成抖动，状态栏的显隐状态和SystemAvoidView这种类型的非安全区域大小不是强关联的。与IOS不一致原因：IOS的顶部没有非安全区域，未做避让。
+## Known Issues
 
- 
-## 其他
+- [ ] iOS 和 鸿蒙侧效果有差异，隐藏手机状态栏是通过 RN 框架的 StatusBar 组件中的 StatusBar.setHidden()方法实现,具体效果有差异，暂未解决。原因: 鸿蒙系统手机顶部系统非安全区域块范围底部与前置摄像头挖空区域范围底部高度不一致，在显示和隐藏状态栏的过程中，系统非安全区域范围高度会有（0,136（不同手机不同）两种变化），导致内容组件所在窗口大小顶部位置会在两种状态下分别与前置摄像头挖空区域底部或系统非安全区域底部对齐，造成抖动，状态栏的显隐状态和 SystemAvoidView 这种类型的非安全区域大小不是强关联的。与 IOS 不一致原因: IOS 的顶部没有非安全区域，未做避让。
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/lucasferreira/react-native-flash-message/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/lucasferreira/react-native-flash-message/blob/master/LICENSE).
diff --git a/en/react-native-gifted-chat.md b/en/react-native-gifted-chat.md
index e46e686f..9d4f0254 100644
--- a/en/react-native-gifted-chat.md
+++ b/en/react-native-gifted-chat.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-gifted-chat</code> </h1>
@@ -12,15 +12,14 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/FaridSafi/react-native-gifted-chat)
+> [!TIP] [GitHub address](https://github.com/FaridSafi/react-native-gifted-chat)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
-
 #### **npm**
 
 ```bash
@@ -35,7 +34,7 @@ yarn add react-native-gifted-chat@2.4.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
 import React, { useState } from 'react'
@@ -90,20 +89,19 @@ export function App() {
   )
 }
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
 
-## 属性
+## Properties
 
->[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |              Name               |                         Description                          |      Type       | Required |  Platform   | HarmonyOS Support |
 | :-----------------------------: | :----------------------------------------------------------: | :-------------: | :------: | :---------: | :---------------: |
@@ -185,14 +183,14 @@ export function App() {
 |     **shouldUpdateMessage**     | Lets the message component know when to update outside of normal cases. |   *Function*    |    No    | iOS/Android |        Yes        |
 |       **infiniteScroll**        | infinite scroll up when reach the top of messages container, automatically call onLoadEarlier function if exist (not yet supported for the web). You need to add `loadEarlier` prop too. |    *Boolean*    |    No    | iOS/Android |        Yes        |
 
-## 遗留问题
+## Known Issues
  - [ ] iOS 和 HarmonyOS侧效果有差异 RN输入框键盘弹出遮挡了输入框 新建一个项目加一个在屏幕底下的输入框,键盘弹出会默认把输入框顶上来
  - [ ] 输入框最大高 maxComposerHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
  - [ ] 输入工具栏最小高 minInputToolbarHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
  - [ ] 聊天与屏幕底部的距离 bottomOffset 设置无法查看效果,IOS设置后效果为键盘弹出后聊天栏与输入栏之间的距离,RN键盘弹出未把输入框顶上来
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/FaridSafi/react-native-gifted-chat/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/FaridSafi/react-native-gifted-chat/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-haptic-feedback.md b/en/react-native-haptic-feedback.md
index fafc4259..0b365ec2 100644
--- a/en/react-native-haptic-feedback.md
+++ b/en/react-native-haptic-feedback.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-haptic-feedback</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-haptic-feedback)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-haptic-feedback)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -35,18 +35,18 @@ npm install @react-native-oh-tpl/react-native-haptic-feedback@file:#
 yarn add @react-native-oh-tpl/react-native-haptic-feedback@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from "react"
-import { SafeAreaView, ScrollView, Button } from "react-native"
-import ReactNativeHapticFeedback from "react-native-haptic-feedback"
+import React from "react";
+import { SafeAreaView, ScrollView, Button } from "react-native";
+import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 const options = {
   enableVibrateFallback: false,
   ignoreAndroidSystemSettings: false,
-}
+};
 
 const methods = [
   "impactLight",
@@ -71,7 +71,7 @@ const methods = [
   "effectDoubleClick",
   "effectHeavyClick",
   "effectTick",
-]
+];
 
 export const HapticFeedbackExample = () => {
   return (
@@ -84,25 +84,25 @@ export const HapticFeedbackExample = () => {
               onPress={() => ReactNativeHapticFeedback.trigger(item, options)}
               key={item}
             ></Button>
-          )
+          );
         })}
       </ScrollView>
     </SafeAreaView>
-  )
-}
+  );
+};
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -113,18 +113,15 @@ export const HapticFeedbackExample = () => {
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -134,22 +131,22 @@ export const HapticFeedbackExample = () => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNHapticFeedbackPackage
+### 3. Introducing RNHapticFeedbackPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 ...
@@ -164,38 +161,40 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
 
-## 约束与限制
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-### 兼容性
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Permission Requirements
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)
+在 entry/src/main/module.json5 补上配置
 
-### 权限要求
-在 entry/src/main/module.json5补上配置
 ```js
 "requestPermissions": [ { "name": "ohos.permission.VIBRATE" }, ]
 ```
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该方法；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Available Methods
 
@@ -236,12 +235,12 @@ Here's an overview of the available methods and their compatibility
 | `effectHeavyClick` | effectHeavyClick feedback | string |no|Android|yes|
 | `effectTick` | effectTick feedback | string |no|Android|yes|
 
-## 遗留问题
+## Known Issues
 
 - [ ] 自定义振动文件配置问题: [issue#6](https://github.com/react-native-oh-library/react-native-haptic-feedback/issues/6)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/mkuczera/react-native-haptic-feedback/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/mkuczera/react-native-haptic-feedback/blob/master/LICENSE).
diff --git a/en/react-native-hole-view.md b/en/react-native-hole-view.md
index d40de83e..bebc7cd7 100644
--- a/en/react-native-hole-view.md
+++ b/en/react-native-hole-view.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-hole-view</code> </h1>
@@ -12,21 +12,19 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-hole-view)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-hole-view)
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-hole-view@file:#
@@ -40,11 +38,11 @@ yarn add @react-native-oh-tpl/react-native-hole-view@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-``` jsx
+```jsx
 import React, {useCallback, useEffect, useState} from 'react';
 import {
     ScrollView,
@@ -140,11 +138,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -155,18 +153,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入 (推荐)
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -175,22 +170,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 HoleViewPackage
+### 3. Configuring CMakeLists and Introducing HoleViewPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -228,7 +223,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -247,48 +242,45 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases)
 
-   
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                   | Type                                                            | Required | Platform    | HarmonyOS Support |
-|---------------------|-------------------------------|-----------------------------------------------------------------|----------|-------------|-------------------|
+| ------------------- | ----------------------------- | --------------------------------------------------------------- | -------- | ----------- | ----------------- |
 | Holes               | Hole Array                    | Hole[]                                                          | no       | iOS/Android | yes               |
 | animation           | Hole update animation effect  | { duration: number, timingFunction: ERNHoleViewTimingFunction } | no       | iOS/Android | yes               |
 | onAnimationFinished | Animation completion callback | () => void                                                      | no       | iOS/Android | yes               |
 
+## Known Issues
 
-## 遗留问题
-
-- [ ] C API OH_ArkUI_PointerEvent_SetStopPropagation方法阻止事件冒泡，无法控制scrollView。导致scrollView在洞外也能滑动问题: [issue#1](https://github.com/react-native-oh-library/react-native-hole-view/issues/2)
+- [ ] C API OH_ArkUI_PointerEvent_SetStopPropagation 方法阻止事件冒泡，无法控制 scrollView。导致 scrollView 在洞外也能滑动问题: [issue#1](https://github.com/react-native-oh-library/react-native-hole-view/issues/2)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://mitlicense.org/)，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://mitlicense.org/)，请自由地享受和参与开源。
diff --git a/en/react-native-htmlview.md b/en/react-native-htmlview.md
index 77e1ddd7..1a76d3b5 100644
--- a/en/react-native-htmlview.md
+++ b/en/react-native-htmlview.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>react-native-htmlview</code> </h1>
@@ -13,7 +13,6 @@
     </a>
 </p>
 
-
 > [!TIP] [GitHub address](https://github.com/jsdf/react-native-htmlview)
 
 ## Installation and Usage
@@ -41,9 +40,9 @@ The following code shows the basic use scenario of the repository:
 > [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from 'react';
-import {StyleSheet, View, Linking} from 'react-native';
-import HTMLView from 'react-native-htmlview';
+import React from "react";
+import { StyleSheet, View, Linking } from "react-native";
+import HTMLView from "react-native-htmlview";
 
 const HtmlViewExample = () => {
   const htmlContent = `
@@ -53,9 +52,9 @@ const HtmlViewExample = () => {
   `;
 
   return (
-    <View style={{...styles.container,backgroundColor:'white'}} >
-      <HTMLView 
-        value={htmlContent} 
+    <View style={{ ...styles.container, backgroundColor: "white" }}>
+      <HTMLView
+        value={htmlContent}
         stylesheet={styles} // Optional: Pass custom styles for HTML elements
         onLinkPress={(url) => Linking.openURL(url)} // Optional: Handle link presses
       />
@@ -68,18 +67,18 @@ const styles = StyleSheet.create({
     flex: 1,
     padding: 16,
   },
-    // Define custom styles for HTML elements
-    a: {
-      fontWeight: 'bold',
-      color: 'blue',
-      fontSize: 20,
-      borderColor:'#000000',
-      borderWidth:2
-    },
-    img: {
-      width: 200,
-      height: 100,
-    },
+  // Define custom styles for HTML elements
+  a: {
+    fontWeight: "bold",
+    color: "blue",
+    fontSize: 20,
+    borderColor: "#000000",
+    borderWidth: 2,
+  },
+  img: {
+    width: 200,
+    height: 100,
+  },
 });
 
 export default HtmlViewExample;
@@ -91,7 +90,7 @@ export default HtmlViewExample;
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
+1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Properties
@@ -100,20 +99,20 @@ This document is verified based on the following versions:
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] This library is a UI component library. Under the label of this library, HTML writing that cannot take effect in the RN framework can implement corresponding functions.
+> [!tip] 该库为 UI 组件库，可以在该库的标签下，使原本无法在 RN 框架生效的 Html 写法，可以实现对应的功能。
 
-| Name            | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| value           | a string of HTML content to render                           | string | yes      | All      | yes               |
+| Name            | Description                                                                                                              | Type   | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| value           | a string of HTML content to render                                                                                       | string | yes      | All      | yes               |
 | onLinkPress     | a function which will be called with a url when a link is pressed. Passing this prop will override how links are handled | string | no       | All      | yes               |
-| onLinkLongPress | a function which will be called with a url when a link is long pressed. The default is | string | no       | All      | yes               |
-| stylesheet      | a stylesheet object keyed by tag name, which will override the styles applied to those respective tags. | string | no       | All      | yes               |
-| renderNode      | a custom function to render HTML nodes however you see fit.  | string | no       | All      | yes               |
-| bullet          | text which is rendered before every inside a `li``ul`        | string | no       | All      | yes               |
-| paragraphBreak  | text which appears after every element`p`                    | string | no       | All      | yes               |
-| lineBreak       | text which appears after text elements which create a new line | string | no       | All      | yes               |
-| addLineBreaks   | when explicitly , effectively sets                           | string | no       | All      | yes               |
+| onLinkLongPress | a function which will be called with a url when a link is long pressed. The default is                                   | string | no       | All      | yes               |
+| stylesheet      | a stylesheet object keyed by tag name, which will override the styles applied to those respective tags.                  | string | no       | All      | yes               |
+| renderNode      | a custom function to render HTML nodes however you see fit.                                                              | string | no       | All      | yes               |
+| bullet          | text which is rendered before every inside a ` li``ul `                                                                  | string | no       | All      | yes               |
+| paragraphBreak  | text which appears after every element`p`                                                                                | string | no       | All      | yes               |
+| lineBreak       | text which appears after text elements which create a new line                                                           | string | no       | All      | yes               |
+| addLineBreaks   | when explicitly , effectively sets                                                                                       | string | no       | All      | yes               |
 
 ## License
 
-This project is licensed under [The ISC License (ISC)](https://github.com/jsdf/react-native-htmlview/blob/master/LICENSE) .
+This project is licensed under [The ISC License (ISC)](https://github.com/jsdf/react-native-htmlview/blob/master/LICENSE).
diff --git a/en/react-native-image-header-scroll-view.md b/en/react-native-image-header-scroll-view.md
index 828195b2..8a4afe0f 100644
--- a/en/react-native-image-header-scroll-view.md
+++ b/en/react-native-image-header-scroll-view.md
@@ -1,10 +1,10 @@
-> Template version：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-header-scroll-view</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/bamlab/react-native-image-header-scroll-view">
+    <a href="https://github.com/meliorence/react-native-render-html">
         <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE">
@@ -12,46 +12,50 @@
     </a>
 </p>
 
-
-
-
-
-> [!TIP] [Github address](https://github.com/bamlab/react-native-image-header-scroll-view)
+> [!TIP] [GitHub address](https://github.com/bamlab/react-native-image-header-scroll-view)
+> 因 v1.0.0 中存在无法触发 TriggeringView 组件回调的问题，以下基于 v0.10.3 版本验证
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-header-scroll-view Releases](https://github.com/react-native-oh-library/react-native-image-header-scroll-view/releases).
-
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
+npm install react-native-image-header-scroll-view@0.10.3
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
+yarn add react-native-image-header-scroll-view@0.10.3
 ```
 
 <!-- tabs:end -->
 
-The following code shows the basic use scenario of the repository：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, Text, View, Image,Animated,StatusBar, Dimensions ,Easing} from 'react-native';
-import ImageHeaderScrollView ,{TriggeringView}  from 'react-native-image-header-scroll-view';
+import React, { useEffect, useState } from "react";
+import {
+  StyleSheet,
+  Text,
+  View,
+  Image,
+  Animated,
+  StatusBar,
+  Dimensions,
+  Easing,
+} from "react-native";
+import ImageHeaderScrollView, {
+  TriggeringView,
+} from "react-native-image-header-scroll-view";
 const MIN_HEIGHT = 80;
 const MAX_HEIGHT = 250;
 const tvShowContent = {
-  title: 'Doctor Who',
+  title: "Doctor Who",
   overview: `
     The Doctor looks and seems human. He's handsome, witty, and could be mistaken for just another man in the street.
 
@@ -61,144 +65,152 @@ const tvShowContent = {
 
     He's saved us from alien menaces and evil from before time began – but just who is he?`,
   year: 2005,
-  genres: ['Action & Adventure', 'Drama', 'Sci-Fi & Fantasy'],
+  genres: ["Action & Adventure", "Drama", "Sci-Fi & Fantasy"],
   keywords: [
-    'time travel',
-    'time machine',
-    'phone booth',
-    'alien',
-    'time traveler',
-    'police box',
-    'space and aliens',
+    "time travel",
+    "time machine",
+    "phone booth",
+    "alien",
+    "time traveler",
+    "police box",
+    "space and aliens",
   ],
 };
 
 const styles = StyleSheet.create({
   image: {
     height: MAX_HEIGHT,
-    width: Dimensions.get('window').width,
-    alignSelf: 'stretch',
-    resizeMode: 'cover',
+    width: Dimensions.get("window").width,
+    alignSelf: "stretch",
+    resizeMode: "cover",
   },
   title: {
     fontSize: 20,
   },
   name: {
-    fontWeight: 'bold',
+    fontWeight: "bold",
   },
   section: {
     padding: 20,
     borderBottomWidth: 1,
-    borderBottomColor: '#cccccc',
-    backgroundColor: 'white',
+    borderBottomColor: "#cccccc",
+    backgroundColor: "white",
   },
   sectionTitle: {
     fontSize: 18,
-    fontWeight: 'bold',
+    fontWeight: "bold",
   },
   sectionContent: {
     fontSize: 16,
-    textAlign: 'justify',
+    textAlign: "justify",
   },
   keywords: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'flex-start',
-    flexWrap: 'wrap',
+    flexDirection: "row",
+    justifyContent: "flex-start",
+    alignItems: "flex-start",
+    flexWrap: "wrap",
   },
   keywordContainer: {
-    backgroundColor: '#999999',
+    backgroundColor: "#999999",
     borderRadius: 10,
     margin: 10,
     padding: 10,
   },
   keyword: {
     fontSize: 16,
-    color: 'white',
+    color: "white",
   },
   titleContainer: {
     flex: 1,
-    alignSelf: 'stretch',
-    justifyContent: 'center',
-    alignItems: 'center',
+    alignSelf: "stretch",
+    justifyContent: "center",
+    alignItems: "center",
   },
   imageTitle: {
-    color: 'white',
-    backgroundColor: 'transparent',
+    color: "white",
+    backgroundColor: "transparent",
     fontSize: 24,
   },
   navTitleView: {
     height: MIN_HEIGHT,
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
     paddingTop: 16,
     opacity: 0,
   },
   navTitle: {
-    color: 'white',
+    color: "white",
     fontSize: 18,
-    backgroundColor: 'transparent',
+    backgroundColor: "transparent",
   },
   sectionLarge: {
     height: 600,
   },
 });
 
-function HeaderImageExample () {
-    const [visible, setVisible] = useState(false);
-    const fadeAnim = new Animated.Value(0);
-    useEffect(() => {
-        if (visible) {
-          Animated.timing(fadeAnim, {
-            toValue: 1,
-            duration: 100,
-            easing: Easing.bounce,
-            useNativeDriver: true,
-          }).start();
-        } else {
-          Animated.timing(fadeAnim, {
-            toValue: 0,
-            duration: 100,
-            easing: Easing.bounce,
-            useNativeDriver: true,
-          }).start();
-        }
-      }, [visible, fadeAnim]);  
- 
-    return (
-      <View style={{ flex: 1 }}>
-        <StatusBar barStyle="light-content" />
-        <ImageHeaderScrollView
-          maxHeight={MAX_HEIGHT} 
-          minHeight={MIN_HEIGHT}  
-          maxOverlayOpacity={0.8} 
-          minOverlayOpacity={0.2}   
-          fadeOutForeground={true} 
-          foregroundParallaxRatio={1}
-          overlayColor={'blue'} 
-          renderHeader={() => <Image source={'Please enter the local image path'} style={styles.image} />} 
-          renderFixedForeground={() => (
-            <Animated.View
-                    style={[styles.navTitleView,{ opacity: fadeAnim}]}  >
-                    <Text style={styles.navTitle}>
-                        {tvShowContent.title}, ({tvShowContent.year})
-                    </Text>
-            </Animated.View>
-          )} 
-          renderForeground={() => (
+function HeaderImageExample() {
+  const [visible, setVisible] = useState(false);
+  const fadeAnim = new Animated.Value(0);
+  useEffect(() => {
+    if (visible) {
+      Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: 100,
+        easing: Easing.bounce,
+        useNativeDriver: true,
+      }).start();
+    } else {
+      Animated.timing(fadeAnim, {
+        toValue: 0,
+        duration: 100,
+        easing: Easing.bounce,
+        useNativeDriver: true,
+      }).start();
+    }
+  }, [visible, fadeAnim]);
+
+  return (
+    <View style={{ flex: 1 }}>
+      <StatusBar barStyle="light-content" />
+      <ImageHeaderScrollView
+        maxHeight={MAX_HEIGHT}
+        minHeight={MIN_HEIGHT}
+        maxOverlayOpacity={0.8}
+        minOverlayOpacity={0.2}
+        fadeOutForeground={true}
+        foregroundParallaxRatio={1}
+        overlayColor={"blue"}
+        renderHeader={() => (
+          <Image
+            source={"Please enter the local image path"}
+            style={styles.image}
+          />
+        )}
+        renderFixedForeground={() => (
+          <Animated.View style={[styles.navTitleView, { opacity: fadeAnim }]}>
+            <Text style={styles.navTitle}>
+              {tvShowContent.title}, ({tvShowContent.year})
+            </Text>
+          </Animated.View>
+        )}
+        renderForeground={() =>
+          (
             <View style={styles.titleContainer}>
               <Text style={styles.imageTitle}>{tvShowContent.title}</Text>
-            </View> as any
-          )}  
-          useNativeDriver={true}
-          disableHeaderGrow={false}>
-         <>
+            </View>
+          ) as any
+        }
+        useNativeDriver={true}
+        disableHeaderGrow={false}
+      >
+        <>
           <TriggeringView
             onHide={() => setVisible(true)}
             onDisplay={() => setVisible(false)}
           >
             <Text style={styles.title}>
-              <Text style={styles.name}>{tvShowContent.title}</Text>, ({tvShowContent.year})
+              <Text style={styles.name}>{tvShowContent.title}</Text>, (
+              {tvShowContent.year})
             </Text>
           </TriggeringView>
           <View style={styles.section}>
@@ -208,18 +220,17 @@ function HeaderImageExample () {
           <View style={[styles.section, styles.sectionLarge]}>
             <Text style={styles.sectionTitle}>Keywords</Text>
             <View style={styles.keywords}>
-              {tvShowContent.keywords.map(keyword => (
+              {tvShowContent.keywords.map((keyword) => (
                 <View style={styles.keywordContainer} key={keyword}>
                   <Text style={styles.keyword}>{keyword}</Text>
                 </View>
               ))}
             </View>
           </View>
-          </>
-        </ImageHeaderScrollView>
-      </View>
-    );
-  
+        </>
+      </ImageHeaderScrollView>
+    </View>
+  );
 }
 
 export default HeaderImageExample;
@@ -237,66 +248,63 @@ Check the release version information in the release address of the third-party
 
 > [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-
 > [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### **Header**
 
-| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
-| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| `renderHeader` | Function which return the component to use as header. It can return background image for example.           | function | No       | All      | Yes               |
-| `headerImage`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
-| `maxHeight`                | Min height for the header (in navbar mode)     | number | No       | All      | Yes               |
-| `minHeight`                | Sends a ping frame to the server.                            | number | No       | All      | Yes               |
-| `minOverlayOpacity`           | Opacity of a black overlay on the header before any scroll | number | No       | All      | Yes               |
-| `maxOverlayOpacity`           | Opacity of a black overlay on the header when in navbar mode | number | No       | All      | Yes               |
-| `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
-| `useNativeDriver`           | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean | No       | All      | Yes               |
-| `headerContainerStyle`           | Optional styles to be passed to the container of the header component | Object | No       | All      | Yes               |
-| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | Yes             |
-
+| Name                   | Description                                                                                                                                                                                    | Type                                  | Required | Platform | HarmonyOS Support |
+| ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------- | -------- | -------- | ----------------- |
+| `renderHeader`         | Function which return the component to use as header. It can return background image for example.                                                                                              | function                              | No       | All      | Yes               |
+| `headerImage`          | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                                                   | Image source Props (object or number) | No       | All      | Yes               |
+| `maxHeight`            | Min height for the header (in navbar mode)                                                                                                                                                     | number                                | No       | All      | Yes               |
+| `minHeight`            | Sends a ping frame to the server.                                                                                                                                                              | number                                | No       | All      | Yes               |
+| `minOverlayOpacity`    | Opacity of a black overlay on the header before any scroll                                                                                                                                     | number                                | No       | All      | Yes               |
+| `maxOverlayOpacity`    | Opacity of a black overlay on the header when in navbar mode                                                                                                                                   | number                                | No       | All      | Yes               |
+| `overlayColor`         | Color of the overlay on the header                                                                                                                                                             | string                                | No       | All      | Yes               |
+| `useNativeDriver`      | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean                               | No       | All      | Yes               |
+| `headerContainerStyle` | Optional styles to be passed to the container of the header component                                                                                                                          | Object                                | No       | All      | Yes               |
+| `disableHeaderGrow`    | Disable to grow effect on the header                                                                                                                                                           | boolean                               | No       | All      | Yes               |
 
 #### **Foreground**
 
-| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
-| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| `renderForeground` | Function which return the component to use at foreground. The component is render in front of the header and scroll with the ScrollView. It can return a title for example.           | function | No       | All      | Yes               |
-| `renderFixedForeground`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
-| `foregroundExtrapolate`                | Optional prop that allows override extrapolate mode for foreground. Use null to allow extrapolation, which is usefull for using foreground as bottom title   | string | No       | All      | Yes               |
-| `foregroundParallaxRatio`                | Ration for parallax effect of foreground when scrolling. If 2, the header goes up two times faster than the scroll                          | number | No       | All      | Yes               |
-| `fadeOutForeground`           | If set, add a fade out effect on the foreground when scroll up | boolean | No       | All      | Yes               |
-| `renderTouchableFixedForeground`           | Same as renderFixedForeground but allow to use touchable in it. [Can cause performances issues on Android](https://github.com/bamlab/react-native-image-header-scroll-view/issues/6)   | function | No       | All      | Yes               |
-| `fixedForegroundContainerStyles`           | 	Optional styles to be passed to the container of the fixed foreground component | Object | No       | All      | Yes               |
-
+| Name                             | Description                                                                                                                                                                          | Type                                  | Required | Platform | HarmonyOS Support |
+| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------- | -------- | -------- | ----------------- |
+| `renderForeground`               | Function which return the component to use at foreground. The component is render in front of the header and scroll with the ScrollView. It can return a title for example.          | function                              | No       | All      | Yes               |
+| `renderFixedForeground`          | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                                         | Image source Props (object or number) | No       | All      | Yes               |
+| `foregroundExtrapolate`          | Optional prop that allows override extrapolate mode for foreground. Use null to allow extrapolation, which is usefull for using foreground as bottom title                           | string                                | No       | All      | Yes               |
+| `foregroundParallaxRatio`        | Ration for parallax effect of foreground when scrolling. If 2, the header goes up two times faster than the scroll                                                                   | number                                | No       | All      | Yes               |
+| `fadeOutForeground`              | If set, add a fade out effect on the foreground when scroll up                                                                                                                       | boolean                               | No       | All      | Yes               |
+| `renderTouchableFixedForeground` | Same as renderFixedForeground but allow to use touchable in it. [Can cause performances issues on Android](https://github.com/bamlab/react-native-image-header-scroll-view/issues/6) | function                              | No       | All      | Yes               |
+| `fixedForegroundContainerStyles` | Optional styles to be passed to the container of the fixed foreground component                                                                                                      | Object                                | No       | All      | Yes               |
 
 #### **Mixed**
 
-| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
-| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| `ScrollViewComponent` | The component to be used for scrolling. Can be any component with an onScroll props (ie. ListView, FlatList, SectionList or ScrollView)         | Component | No       | All      | Yes               |
-| `scrollViewBackgroundColor`               | Background color of the scrollView content                        | string | No       | All      | Yes               |
-
-
+| Name                        | Description                                                                                                                             | Type      | Required | Platform | HarmonyOS Support |
+| --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | -------- | ----------------- |
+| `ScrollViewComponent`       | The component to be used for scrolling. Can be any component with an onScroll props (ie. ListView, FlatList, SectionList or ScrollView) | Component | No       | All      | Yes               |
+| `scrollViewBackgroundColor` | Background color of the scrollView content                                                                                              | string    | No       | All      | Yes               |
 
 #### **TriggeringView**
 
-| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
-| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| `onBeginHidden` | Called when the component start to be hidden at the top of the scroll view.          | function | No       | All      | Yes               |
-| `onHide`               | Called when the component is not displayed any more after scroll up             | function | No       | All      | Yes               |
-| `onBeginDisplayed`                | Called when the component begin to be displayed again after scroll down | function | No       | All      | Yes               |
-| `onDisplay`                | Called when the component finished to be displayed again.            | function | No       | All      | Yes               |
-| `onTouchTop`           | 	Called when the Top of the component touch the Top of the ScrollView. (onDisplay + onBeginHidden) | function | No       | All      | Yes               |
-| `onTouchBottom`           | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
+| Name               | Description                                                                                          | Type     | Required | Platform | HarmonyOS Support |
+| ------------------ | ---------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| `onBeginHidden`    | Called when the component start to be hidden at the top of the scroll view.                          | function | No       | All      | Yes               |
+| `onHide`           | Called when the component is not displayed any more after scroll up                                  | function | No       | All      | Yes               |
+| `onBeginDisplayed` | Called when the component begin to be displayed again after scroll down                              | function | No       | All      | Yes               |
+| `onDisplay`        | Called when the component finished to be displayed again.                                            | function | No       | All      | Yes               |
+| `onTouchTop`       | Called when the Top of the component touch the Top of the ScrollView. (onDisplay + onBeginHidden)    | function | No       | All      | Yes               |
+| `onTouchBottom`    | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed) | function | No       | All      | Yes               |
 
 ## Known Issues
 
 ## Others
--  foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
--  ScrollViewComponent属性无法滚动，与Android、iOS一致：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。
-
 
+- 如何去除图片阴影蒙层？  
+  可通过设置 maxOverlayOpacity、minOverlayOpacity 属性为 0，去除图片阴影蒙层。
+- 如何禁止滑动回弹效果？
+  - 方法 1: 设置 disableHeaderGrow 属性为 true
+  - 方法 2: 设置 bounces 属性为 false
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE) 
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE).
diff --git a/en/react-native-inappbrowser.md b/en/react-native-inappbrowser.md
index c816a7ab..264a4975 100644
--- a/en/react-native-inappbrowser.md
+++ b/en/react-native-inappbrowser.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-inappbrowser-reborn</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-inappbrowser)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-inappbrowser)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] #处替换为tgz包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -34,110 +34,135 @@ npm install @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
 yarn add @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!TIP] 使用时 import 的库名不变。
+> [!TIP] The name of the imported repository remains unchanged.
 
-```
-import React, {useState } from 'react';
-import {  StyleSheet, Text, Button ,ScrollView,View,StatusBarStyle,} from 'react-native';
-import {InAppBrowser} from 'react-native-inappbrowser-reborn'
-import {tryDeepLinking,openLink} from './utils'
+```tsx
+import React, { useState } from "react";
+import {
+  StyleSheet,
+  Text,
+  Button,
+  ScrollView,
+  View,
+  StatusBarStyle,
+} from "react-native";
+import { InAppBrowser } from "react-native-inappbrowser-reborn";
+import { tryDeepLinking, openLink } from "./utils";
 
 export default function BrowserDemo() {
-  const [text, setText] = useState('');
-  const [url, setUrl] = useState('https://reactnative.dev/');
+  const [text, setText] = useState("");
+  const [url, setUrl] = useState("https://reactnative.dev/");
 
-  const onOpenLink = async() => {
-    let resut = await openLink(url,{});
-    setText(JSON.stringify(resut))
-  }
+  const onOpenLink = async () => {
+    let resut = await openLink(url, {});
+    setText(JSON.stringify(resut));
+  };
 
-  const onTryDeepLinking = async() => {
+  const onTryDeepLinking = async () => {
     let result = await tryDeepLinking();
-    setText(JSON.stringify(result))
+    setText(JSON.stringify(result));
     return result;
-  }
+  };
 
   const onIsAvailable = async () => {
     let isAvailable = await InAppBrowser.isAvailable();
-    return isAvailable
-  }
+    return isAvailable;
+  };
 
-  const close =() => {
+  const close = () => {
     openLink(url, {});
-    setTimeout(function(){
-      console.info('-----------------')
+    setTimeout(function () {
+      console.info("-----------------");
       InAppBrowser.close();
-    },10000)
-  }
+    }, 10000);
+  };
 
-  const closeAuth =() => {
+  const closeAuth = () => {
     tryDeepLinking();
-    setTimeout(function(){
-      console.info('-----------------')
+    setTimeout(function () {
+      console.info("-----------------");
       InAppBrowser.closeAuth();
-    },10000)
-  }
+    }, 10000);
+  };
 
   const warmup = () => {
     InAppBrowser.warmup();
-  }
+  };
 
   const mayLaunchUrl = () => {
-    InAppBrowser.mayLaunchUrl(url,[]);
-  }
-  
+    InAppBrowser.mayLaunchUrl(url, []);
+  };
+
   return (
     <View style={styles.container}>
       <View style={styles.titleArea}>
-        <Text style = {styles.title}>BrowserDemo</Text>
+        <Text style={styles.title}>BrowserDemo</Text>
       </View>
-      <View style = {styles.inputArea}>
-        <Text style={styles.baseText}>
-          {text}
-        </Text>
+      <View style={styles.inputArea}>
+        <Text style={styles.baseText}>{text}</Text>
       </View>
       <ScrollView style={styles.scrollView}>
-        <View style={ { flexDirection: 'column'}}>
-          <View style ={styles.baseArea}>
-             <Text style= {{flex:1}}>onOpenLink</Text>
-             <Button title='运行' color='#841584' onPress={onOpenLink}></Button>
+        <View style={{ flexDirection: "column" }}>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>onOpenLink</Text>
+            <Button
+              title="runing"
+              color="#841584"
+              onPress={onOpenLink}
+            ></Button>
           </View>
 
-          <View style ={styles.baseArea}>
-             <Text style= {{flex:1}}>onTryDeepLinking</Text>
-             <Button title='运行' color='#841584' onPress={onTryDeepLinking}></Button>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>onTryDeepLinking</Text>
+            <Button
+              title="runing"
+              color="#841584"
+              onPress={onTryDeepLinking}
+            ></Button>
           </View>
 
-          <View style ={styles.baseArea}>
-             <Text style= {{flex:1}}>onIsAvailable</Text>
-             <Button title='运行' color='#841584' onPress={onIsAvailable}></Button>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>onIsAvailable</Text>
+            <Button
+              title="runing"
+              color="#841584"
+              onPress={onIsAvailable}
+            ></Button>
           </View>
 
-          <View style ={styles.baseArea}>
-             <Text style= {{flex:1}}>close</Text>
-             <Button title='运行' color='#841584' onPress={close}></Button>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>close</Text>
+            <Button title="runing" color="#841584" onPress={close}></Button>
           </View>
 
-          <View style ={styles.baseArea}>
-             <Text style= {{flex:1}}>tryDeepLinking</Text>
-             <Button title='运行' color='#841584' onPress={tryDeepLinking}></Button>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>tryDeepLinking</Text>
+            <Button
+              title="runing"
+              color="#841584"
+              onPress={tryDeepLinking}
+            ></Button>
           </View>
 
-          <View style ={styles.baseArea}>
-             <Text style= {{flex:1}}>closeAuth</Text>
-             <Button title='运行' color='#841584' onPress={closeAuth}></Button>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>closeAuth</Text>
+            <Button title="runing" color="#841584" onPress={closeAuth}></Button>
           </View>
 
-          <View style ={styles.baseArea}>
-             <Text style= {{flex:1}}>warmup</Text>
-             <Button title='运行' color='#841584' onPress={warmup}></Button>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>warmup</Text>
+            <Button title="runing" color="#841584" onPress={warmup}></Button>
           </View>
 
-          <View style ={styles.baseArea}>
-             <Text style= {{flex:1}}>mayLaunchUrl</Text>
-             <Button title='运行' color='#841584' onPress={mayLaunchUrl}></Button>
+          <View style={styles.baseArea}>
+            <Text style={{ flex: 1 }}>mayLaunchUrl</Text>
+            <Button
+              title="runing"
+              color="#841584"
+              onPress={mayLaunchUrl}
+            ></Button>
           </View>
         </View>
       </ScrollView>
@@ -147,128 +172,124 @@ export default function BrowserDemo() {
 
 const styles = StyleSheet.create({
   container: {
-    width: '100%',
-    height: '100%',
-    flexDirection: 'column',
-    alignItems: 'center',
-    backgroundColor: '#F1F3F5',
-  }, 
+    width: "100%",
+    height: "100%",
+    flexDirection: "column",
+    alignItems: "center",
+    backgroundColor: "#F1F3F5",
+  },
   baseText: {
-    fontWeight: 'bold',
-    textAlign:'center',
-    fontSize:16
+    fontWeight: "bold",
+    textAlign: "center",
+    fontSize: 16,
   },
 
-  titleArea:{
-    width:'90%',
-    height:'8%',
-    alignItems:'center',
-    flexDirection:'row',
+  titleArea: {
+    width: "90%",
+    height: "8%",
+    alignItems: "center",
+    flexDirection: "row",
   },
 
   title: {
-    width:'90%',
-    color:'#000000',
-    textAlign:'left',
+    width: "90%",
+    color: "#000000",
+    textAlign: "left",
     fontSize: 30,
   },
 
   scrollView: {
-    width:'90%',
+    width: "90%",
     marginHorizontal: 20,
   },
 
   inputArea: {
-    width:'90%',
-    height:'10%',
-    borderWidth:2,
-    borderColor:'#000000',
-    marginTop:8,
-    justifyContent:'center',
-    alignItems:'center',
+    width: "90%",
+    height: "10%",
+    borderWidth: 2,
+    borderColor: "#000000",
+    marginTop: 8,
+    justifyContent: "center",
+    alignItems: "center",
   },
   baseArea: {
-    width:'100%',
-    height:60,
-    borderRadius:4,
-    borderColor:'#000000',
-    marginTop:8,
-    backgroundColor:'#FFFFFF',
-    flexDirection: 'row',
-    alignItems:'center',
-    paddingLeft:8,
-    paddingRight:8
-  }
-
+    width: "100%",
+    height: 60,
+    borderRadius: 4,
+    borderColor: "#000000",
+    marginTop: 8,
+    backgroundColor: "#FFFFFF",
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8,
+    paddingRight: 8,
+  },
 });
 
-import {Alert,Platform,} from 'react-native';
-import {InAppBrowser} from 'react-native-inappbrowser-reborn'
+import { Alert, Platform } from "react-native";
+import { InAppBrowser } from "react-native-inappbrowser-reborn";
 
 export interface options {
-  dismissButtonStyle?: 'done' | 'close' | 'cancel',
-  preferredBarTintColor?:string,
-  preferredControlTintColor?:string
+  dismissButtonStyle?: "done" | "close" | "cancel";
+  preferredBarTintColor?: string;
+  preferredControlTintColor?: string;
 }
 
 export const openLink = async (
-url: string,
-statusBarStyle: options,
-animated = true,
+  url: string,
+  statusBarStyle: options,
+  animated = true
 ) => {
-    let result  = await InAppBrowser.open(
-        url,
-        {
-          dismissButtonStyle:statusBarStyle.dismissButtonStyle,
-          preferredBarTintColor:statusBarStyle.preferredBarTintColor,
-          preferredControlTintColor:statusBarStyle.preferredControlTintColor
-        }
-    );
-    Alert.alert('Response', JSON.stringify(result));
-    return result;
-}
+  let result = await InAppBrowser.open(url, {
+    dismissButtonStyle: statusBarStyle.dismissButtonStyle,
+    preferredBarTintColor: statusBarStyle.preferredBarTintColor,
+    preferredControlTintColor: statusBarStyle.preferredControlTintColor,
+  });
+  Alert.alert("Response", JSON.stringify(result));
+  return result;
+};
 
-export const getDeepLink = (path = '') => {
-    const scheme = 'my-demo';
-    const prefix =
-      Platform.OS === 'android' ? `${scheme}://demo/` : `${scheme}://`;
-    return prefix + path;
+export const getDeepLink = (path = "") => {
+  const scheme = "my-demo";
+  const prefix =
+    Platform.OS === "android" ? `${scheme}://demo/` : `${scheme}://`;
+  return prefix + path;
 };
 
 export const tryDeepLinking = async () => {
-    const loginUrl = 'https://proyecto26.github.io/react-native-inappbrowser/';
-    const redirectUrl = getDeepLink();
-    const url = `${loginUrl}?redirect_url=${encodeURIComponent(redirectUrl)}`;
-    try {
-      if (await InAppBrowser.isAvailable()) {
-        const result = await InAppBrowser.openAuth(url, redirectUrl, {
-          // iOS Properties
-          ephemeralWebSession: false,
-        });
-        //await sleep(800);
-        return result
-      } else {
-        return 'InAppBrowser is not supported :/'
-      }
-    } catch (error) {
-      console.error(error);
+  const loginUrl = "https://proyecto26.github.io/react-native-inappbrowser/";
+  const redirectUrl = getDeepLink();
+  const url = `${loginUrl}?redirect_url=${encodeURIComponent(redirectUrl)}`;
+  try {
+    if (await InAppBrowser.isAvailable()) {
+      const result = await InAppBrowser.openAuth(url, redirectUrl, {
+        // iOS Properties
+        ephemeralWebSession: false,
+      });
+      //await sleep(800);
+      return result;
+    } else {
+      return "InAppBrowser is not supported :/";
     }
-    return 'Something’s wrong with the app'
+  } catch (error) {
+    console.error(error);
+  }
+  return "Something’s wrong with the app";
 };
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
 ```
-在工程根目录的 oh-package.json 添加 overrides字段
+Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 {
   ...
   "overrides": {
@@ -277,7 +298,7 @@ export const tryDeepLinking = async () => {
 }
 ```
 
-### 配置Entry
+### 1.配置 Entry
 
 **1.在 entry/src/main/ets/entryability 下创建 BrowserManagerAbility.ets**
 
@@ -327,12 +348,12 @@ export default class BrowserManagerAbility extends UIAbility {
 
 ```
 
-**2.在 entry/src/main/module.json5注册BrowserManagerAbility**
+**2.在 entry/src/main/module.json5 注册 BrowserManagerAbility**
 
 ```
-"ablilities":[{
+"abilities":[{
     "name": "BrowserManagerAbility",
-    "srcEntrance": "./ets/entryability/BrowserManagerAbility.ets",
+    "srcEntry": "./ets/entryability/BrowserManagerAbility.ets",
     "description": "$string:EntryAbility_desc",
     "icon": "$media:icon",
     "startWindowIcon": "$media:startIcon",
@@ -375,7 +396,7 @@ struct ChromeTabsManagerPage {
 }
 ```
 
-**5.如果需要预热应用内浏览器客户端，使其启动速度显著加快，可以将以下内容添加到BrowserManagerAbility**
+**5.如果需要预热应用内浏览器客户端，使其启动速度显著加快，可以将以下内容添加到 BrowserManagerAbility**
 
 ```
 import { RNInAppBrowserModule } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts';
@@ -389,18 +410,15 @@ export default class BrowserManagerAbility extends UIAbility {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入。
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入 (推荐)
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```
 "dependencies": {
@@ -409,22 +427,22 @@ export default class BrowserManagerAbility extends UIAbility {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
 
-### 3.在 ArkTs 侧引入 RNInAppBrowserPackage
+### 3. Introducing RNInAppBrowserPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -438,90 +456,90 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases)
 
 ## API
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name         | Description                                                                                                                                                                                                                                                                                                                                                                             | Type     | Required | Platform    | HarmonyOS Support |
+| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| open         | Opens the url with Safari in a modal on iOS using SFSafariViewController, and Chrome in a new custom tab on Android. On iOS, the modal Safari will not share cookies with the system Safari.                                                                                                                                                                                            | function | no       | iOS/Android | yes               |
+| close        | Dismisses the system's presented web browser.                                                                                                                                                                                                                                                                                                                                           | function | no       | iOS/Android | yes               |
+| openAuth     | Opens the url with Safari in a modal on iOS using SFAuthenticationSession/ASWebAuthenticationSession, and Chrome in a new custom tab on Android. On iOS, the user will be asked whether to allow the app to authenticate using the given url (OAuth flow with deep linking redirection).                                                                                                | function | no       | iOS/Android | yes               |
+| closeAuth    | Dismisses the current authentication session.                                                                                                                                                                                                                                                                                                                                           | function | no       | iOS/Android | yes               |
+| isAvailable  | Detect if the device supports this plugin.                                                                                                                                                                                                                                                                                                                                              | function | no       | iOS/Android | yes               |
+| onStart      | Initialize a bound background service so the application can communicate its intention to the browser. After the service is connected, the client can be used to Warms up the browser to make navigation faster and indicates that a given URL may be loaded in the future. - Android Only.                                                                                             | function | no       | Android     | yes               |
+| warmup       | Warm up the browser process - Android Only.                                                                                                                                                                                                                                                                                                                                             | function | no       | Android     | yes               |
+| mayLaunchUrl | Tells the browser of a likely future navigation to a URL. The most likely URL has to be specified first. Optionally, a list of other likely URLs can be provided. They are treated as less likely than the first one, and have to be sorted in decreasing priority order. These additional URLs may be ignored. All previous calls to this method will be deprioritized - Android Only. | function | no       | Android     | yes               |
 
-| Name        | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
-| ----------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| open  | Opens the url with Safari in a modal on iOS using SFSafariViewController, and Chrome in a new custom tab on Android. On iOS, the modal Safari will not share cookies with the system Safari.                      | function | no       | iOS/Android | yes               |
-| close       | Dismisses the system's presented web browser. | function | no       | iOS/Android | yes               |
-| openAuth |Opens the url with Safari in a modal on iOS using SFAuthenticationSession/ASWebAuthenticationSession, and Chrome in a new custom tab on Android. On iOS, the user will be asked whether to allow the app to authenticate using the given url (OAuth flow with deep linking redirection).                                       | function | no       | iOS/Android | yes               |
-| closeAuth | Dismisses the current authentication session.                                  | function | no       | iOS/Android | yes               |
-| isAvailable  | Detect if the device supports this plugin.                                           | function | no       | iOS/Android | yes               |
-| onStart  | Initialize a bound background service so the application can communicate its intention to the browser. After the service is connected, the client can be used to Warms up the browser to make navigation faster and indicates that a given URL may be loaded in the future. - Android Only.                                           | function | no       | Android | yes               |
-| warmup  | Warm up the browser process - Android Only.                                           | function | no       | Android | yes               |
-| mayLaunchUrl  | Tells the browser of a likely future navigation to a URL. The most likely URL has to be specified first. Optionally, a list of other likely URLs can be provided. They are treated as less likely than the first one, and have to be sorted in decreasing priority order. These additional URLs may be ignored. All previous calls to this method will be deprioritized - Android Only.                                          | function | no       | Android | yes               |
+## Properties
 
-## 属性
 **iOS Options**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| dismissButtonStyle  | The style of the dismiss button. [done/close/cancel]         | String  | NO | iOS      | yes |
-| preferredBarTintColor  | The color to tint the background of the navigation bar and the toolbar. [white/#FFFFFF]         | String  | NO | iOS      | yes |
-| preferredControlTintColor  | The color to tint the control buttons on the navigation bar and the toolbar. [gray/#808080]         | String  | NO | iOS      | yes |
-| readerMode   | A value that specifies whether Safari should enter Reader mode, if it is available. [true/false]         | Boolean  | NO | iOS      | NO |
-| animated    | Animate the presentation. [true/false]        | Boolean  | NO | iOS      | NO |
-| modalPresentationStyle     | The presentation style for modally presented view controllers. [automatic/none/fullScreen/pageSheet/formSheet/currentContext/custom/overFullScreen/overCurrentContext/popover]        | String  | NO | iOS      | NO |
-| modalTransitionStyle      | The transition style to use when presenting the view controller. [coverVertical/flipHorizontal/crossDissolve/partialCurl]        | String  | NO | IOS      | NO |
-| modalEnabled       | Present the SafariViewController modally or as push instead. [true/false]       | Boolean  | NO | iOS      | NO |
-| enableBarCollapsing        | Determines whether the browser's tool bars will collapse or not. [true/false]       | Boolean  | NO | iOS      | NO |
-| ephemeralWebSession         | Prevent re-use cookies of previous session (openAuth only) [true/false]       | Boolean  | NO | iOS      | NO |
-| formSheetPreferredContentSize          | Custom size for iPad formSheet modals [{width: 400, height: 500}]       | Boolean  | NO | iOS      | NO |
-
-**Android  Options**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| dismissButtonStyle | The style of the dismiss button. [done/close/cancel] | String | NO | iOS | yes |
+| preferredBarTintColor | The color to tint the background of the navigation bar and the toolbar. [white/#FFFFFF] | String | NO | iOS | yes |
+| preferredControlTintColor | The color to tint the control buttons on the navigation bar and the toolbar. [gray/#808080] | String | NO | iOS | yes |
+| readerMode | A value that specifies whether Safari should enter Reader mode, if it is available. [true/false] | Boolean | NO | iOS | NO |
+| animated | Animate the presentation. [true/false] | Boolean | NO | iOS | NO |
+| modalPresentationStyle | The presentation style for modally presented view controllers. [automatic/none/fullScreen/pageSheet/formSheet/currentContext/custom/overFullScreen/overCurrentContext/popover] | String | NO | iOS | NO |
+| modalTransitionStyle | The transition style to use when presenting the view controller. [coverVertical/flipHorizontal/crossDissolve/partialCurl] | String | NO | IOS | NO |
+| modalEnabled | Present the SafariViewController modally or as push instead. [true/false] | Boolean | NO | iOS | NO |
+| enableBarCollapsing | Determines whether the browser's tool bars will collapse or not. [true/false] | Boolean | NO | iOS | NO |
+| ephemeralWebSession | Prevent re-use cookies of previous session (openAuth only) [true/false] | Boolean | NO | iOS | NO |
+| formSheetPreferredContentSize | Custom size for iPad formSheet modals [{width: 400, height: 500}] | Boolean | NO | iOS | NO |
+
+**Android Options**
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| showTitle   | Sets whether the title should be shown in the custom tab. [true/false]         | Boolean  | NO | Android      | NO |
-| toolbarColor    | Sets the toolbar color. [gray/#808080]         | String  | NO | Android      | NO |
-| secondaryToolbarColor     | Sets the color of the secondary toolbar. [white/#FFFFFF]         | String  | NO | Android      | NO |
-| navigationBarColor      | Sets the navigation bar color. [gray/#808080]         | String  | NO | Android      | NO |
-| navigationBarDividerColor       | Sets the navigation bar divider color. [white/#FFFFFF]         | String  | NO | Android      | NO |
-| enableUrlBarHiding        | Enables the url bar to hide as the user scrolls down on the page. [true/false]         | String  | NO | Android      | NO |
-| enableDefaultShare         | Adds a default share item to the menu. [true/false]         | String  | NO | Android      | NO |
-| animations          | Sets the start and exit animations. [{ startEnter, startExit, endEnter, endExit }]         | Object  | NO | Android      | NO |
-| headers           | The data are key/value pairs, they will be sent in the HTTP request headers for the provided url. [{ 'Authorization': 'Bearer ...' }]         | Object  | NO | Android      | NO |
-| forceCloseOnRedirection            | Open Custom Tab in a new task to avoid issues redirecting back to app scheme. [true/false]         | Boolean  | NO | Android      | NO |
-| hasBackButton             | Sets a back arrow instead of the default X icon to close the custom tab. [true/false]         | Boolean  | NO | Android      | NO |
-| browserPackage              | Package name of a browser to be used to handle Custom Tabs.         | Boolean  | NO | Android      | NO |
-| showInRecents               | Determining whether browsed website should be shown as separate entry in Android recents/multitasking view. [true/false]         | Boolean  | NO | Android      | NO |
-| includeReferrer           | Determining whether to include your package name as referrer for the website to track. [true/false]       | Boolean  | NO | Android      | NO |
-
-
-## 遗留问题
+| showTitle | Sets whether the title should be shown in the custom tab. [true/false] | Boolean | NO | Android | NO |
+| toolbarColor | Sets the toolbar color. [gray/#808080] | String | NO | Android | NO |
+| secondaryToolbarColor | Sets the color of the secondary toolbar. [white/#FFFFFF] | String | NO | Android | NO |
+| navigationBarColor | Sets the navigation bar color. [gray/#808080] | String | NO | Android | NO |
+| navigationBarDividerColor | Sets the navigation bar divider color. [white/#FFFFFF] | String | NO | Android | NO |
+| enableUrlBarHiding | Enables the url bar to hide as the user scrolls down on the page. [true/false] | String | NO | Android | NO |
+| enableDefaultShare | Adds a default share item to the menu. [true/false] | String | NO | Android | NO |
+| animations | Sets the start and exit animations. [{ startEnter, startExit, endEnter, endExit }] | Object | NO | Android | NO |
+| headers | The data are key/value pairs, they will be sent in the HTTP request headers for the provided url. [{ 'Authorization': 'Bearer ...' }] | Object | NO | Android | NO |
+| forceCloseOnRedirection | Open Custom Tab in a new task to avoid issues redirecting back to app scheme. [true/false] | Boolean | NO | Android | NO |
+| hasBackButton | Sets a back arrow instead of the default X icon to close the custom tab. [true/false] | Boolean | NO | Android | NO |
+| browserPackage | Package name of a browser to be used to handle Custom Tabs. | Boolean | NO | Android | NO |
+| showInRecents | Determining whether browsed website should be shown as separate entry in Android recents/multitasking view. [true/false] | Boolean | NO | Android | NO |
+| includeReferrer | Determining whether to include your package name as referrer for the website to track. [true/false] | Boolean | NO | Android | NO |
+
+## Known Issues
 
 - [ ] 打开浏览器时，不能指定浏览器设置阅读模式 [#1](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/1)
 - [ ] 打开浏览器，无法使文稿动起来 [#2](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/2)
 - [ ] 无法设置浏览器的视图控制器的风格 [#3](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/3)
 - [ ] 无法设置浏览器的过度风格 [#4](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/4)
 - [ ] 无法设置浏览器的推送方式 [#5](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/5)
-- [ ] 浏览器无法设置工具栏进行折叠  [#6](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/6)
-- [ ] 浏览器设置是否重复使用前一次会话的cookie  [#7](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/7)
-- [ ] 浏览器设置模态框的自定义尺寸  [#8](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/8)
+- [ ] 浏览器无法设置工具栏进行折叠 [#6](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/6)
+- [ ] 浏览器设置是否重复使用前一次会话的 cookie [#7](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/7)
+- [ ] 浏览器设置模态框的自定义尺寸 [#8](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/8)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/proyecto26/react-native-inappbrowser/blob/develop/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/proyecto26/react-native-inappbrowser/blob/develop/LICENSE).
diff --git a/en/react-native-json-tree.md b/en/react-native-json-tree.md
index ab5a81b2..3b618556 100644
--- a/en/react-native-json-tree.md
+++ b/en/react-native-json-tree.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-json-tree</code> </h1>
@@ -12,9 +12,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/Dean177/react-native-json-tree)
+> [!TIP] [GitHub address](https://github.com/Dean177/react-native-json-tree)
 
-## 安装与使用
+## Installation and Usage
 
 #### **npm**
 
@@ -30,9 +30,9 @@ yarn add react-native-json-tree@^1.3.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -136,7 +136,6 @@ export default () => {
     name: "moon",
   };
 
-  // 格式化日期
   const formatDate = (date: any) => {
     if (!(date instanceof Date)) return "";
     const year = date.getFullYear();
@@ -145,7 +144,6 @@ export default () => {
     return `${year}-${month}-${day}`;
   };
 
-  // 根据数据类型格式化, 展示经过处理的数据
   const postprocessValue = (value: any) => {
     if (value instanceof Date) {
       return formatDate(value);
@@ -164,7 +162,6 @@ export default () => {
   };
 
   const isCustomNode = (value: any) => {
-    // 如果节点值是数字，则使用自定义渲染
     return typeof value === "number";
   };
 
@@ -255,24 +252,24 @@ export default () => {
 };
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.36;
+1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: NEXT.0.0.36;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-详细请查看 [react-native-json-tree 的文档介绍](https://github.com/Dean177/react-native-json-tree)
+For details, see [react-native-json-tree docs](https://github.com/Dean177/react-native-json-tree)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                               | Type         | Required | Platform | HarmonyOS Support |
 | ------------------ | ----------------------------------------------------------------------------------------- | ------------ | -------- | -------- | ----------------- |
@@ -290,12 +287,10 @@ export default () => {
 | `postprocessValue` | `For customizing values before they are rendered`.                                        | `()=>void`   | No       | All      | Yes               |
 | `isCustomNode`     | `Specify which nodes should use custom rendered properties.`                              | `()=>bool`   | No       | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-- JSONTree 组件的 collectionLimit 属性不生效，与 iOS 一致 [issue#163](https://github.com/Dean177/react-native-json-tree/issues/163)
+## License
 
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md).
diff --git a/en/react-native-keep-awake.md b/en/react-native-keep-awake.md
index 8dbdd99d..116cb07b 100644
--- a/en/react-native-keep-awake.md
+++ b/en/react-native-keep-awake.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-keep-awake</code> </h1>
@@ -14,19 +13,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-keep-awake)
 
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases).
 
+Go to the project directory and execute the following instruction:
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keep-awake)
-
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -44,74 +39,84 @@ yarn add @react-native-oh-tpl/react-native-keep-awake@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { useState, useEffect } from 'react';
-import {
-  Text,
-  Button,
-} from 'react-native';
+import React, { useState, useEffect } from "react";
+import { Text, Button } from "react-native";
 
-import KeepAwake , { activateKeepAwake,deactivateKeepAwake,useKeepAwake} from 'react-native-keep-awake'
+import KeepAwake, {
+  activateKeepAwake,
+  deactivateKeepAwake,
+  useKeepAwake,
+} from "react-native-keep-awake";
 
 export function KeepAwakeExample() {
-    useKeepAwake();
-
-    const handleClick = (buttonId: number) => {
-        switch (buttonId) {
-            case 1:
-                deactivateKeepAwake();
-                break;
-            case 2:
-                activateKeepAwake();
-                break;
-            case 3:
-                deactivateKeepAwake();
-                break;
-            case 4:
-                KeepAwake.activate();
-                break;
-            case 5:
-                KeepAwake.deactivate();
-                break;
-            default:
-                break;
-        }
-    };
-
-    return (
-        <>
-          <Text style={{color:"blue"}}>Button 1:hook默认方法开启(常亮),----useKeepAwake(),点击按键1关闭常亮</Text>
-          <Button title='Button 1' onPress={() => handleClick(1)} ></Button>
-
-          <Text style={{color:"blue"}}>Button 2:functions方法开启----activateKeepAwake()</Text>
-          <Button title='Button 2' onPress={() => handleClick(2)}></Button>
-
-          <Text style={{color:"blue"}}>Button 3:function方法关闭----deactivateKeepAwake()</Text>
-          <Button title='Button 3' onPress={() => handleClick(3)}></Button>
-
-          <Text style={{color:"blue"}}>Button 4:老接口方法----KeepAwake.activate()</Text>
-          <Button title='Button 4' onPress={() => handleClick(4)}></Button>
-
-          <Text style={{color:"blue"}}>Button 5:老接口方法----KeepAwake.deactivate()</Text>
-          <Button title='Button 5' onPress={() => handleClick(5)}></Button>
-        </>
-      );
-
+  useKeepAwake();
+
+  const handleClick = (buttonId: number) => {
+    switch (buttonId) {
+      case 1:
+        deactivateKeepAwake();
+        break;
+      case 2:
+        activateKeepAwake();
+        break;
+      case 3:
+        deactivateKeepAwake();
+        break;
+      case 4:
+        KeepAwake.activate();
+        break;
+      case 5:
+        KeepAwake.deactivate();
+        break;
+      default:
+        break;
+    }
+  };
+
+  return (
+    <>
+      <Text style={{ color: "blue" }}>
+        Button 1: Hook default method enabled (always
+        on),----useKeepAwake(),Click button 1 to turn off the constant light
+      </Text>
+      <Button title="Button 1" onPress={() => handleClick(1)}></Button>
+
+      <Text style={{ color: "blue" }}>
+        Button 2: Enable functions method----activateKeepAwake()
+      </Text>
+      <Button title="Button 2" onPress={() => handleClick(2)}></Button>
+
+      <Text style={{ color: "blue" }}>
+        Button 3: Close the function method----deactivateKeepAwake()
+      </Text>
+      <Button title="Button 3" onPress={() => handleClick(3)}></Button>
+
+      <Text style={{ color: "blue" }}>
+        Button 4: Old interface method----KeepAwake.activate()
+      </Text>
+      <Button title="Button 4" onPress={() => handleClick(4)}></Button>
+
+      <Text style={{ color: "blue" }}>
+        Button 5: Old interface method----KeepAwake.deactivate()
+      </Text>
+      <Button title="Button 5" onPress={() => handleClick(5)}></Button>
+    </>
+  );
 }
-
 ```
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -122,18 +127,15 @@ export function KeepAwakeExample() {
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -142,20 +144,20 @@ export function KeepAwakeExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
 > [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -164,16 +166,16 @@ ohpm install
   }
 ```
 
-打开终端，执行：
+run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install --no-link
 ```
 
-### 3.在 ArkTs 侧引入 RNKeepAwakePackage
+### 3. Introducing RNKeepAwakePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -187,55 +189,52 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases)
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
 
 ## 使用方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!tip] 功能函数形式使用下，新老接口均可使用。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                   | Description             | Required | Platform | HarmonyOS Support |
-| ---------------------- |-------------------------| -------- | -------- | ----------------- |
-| `<KeepAwake/>`         | 组件形式使用，开启当前屏幕常亮模式   | No     | All      | yes           |
+| Name                   | Description                                    | Required | Platform | HarmonyOS Support |
+| ---------------------- | ---------------------------------------------- | -------- | -------- | ----------------- |
+| `<KeepAwake/>`         | 组件形式使用，开启当前屏幕常亮模式             | No       | All      | yes               |
 | KeepAwake.activate()   | 功能函数形式使用，开启当前屏幕常亮模式(老接口) | No       | All      | yes               |
 | KeepAwake.deactivate() | 功能函数形式使用，开启当前屏幕常亮模式(老接口) | No       | All      | yes               |
-| useKeepAwake()         | hooks形式使用               | No       | All      | yes               |
+| useKeepAwake()         | hooks 形式使用                                 | No       | All      | yes               |
 | activateKeepAwake()    | 功能函数形式使用，开启当前屏幕常亮模式(新接口) | No       | All      | yes               |
 | deactivateKeepAwake()  | 功能函数形式使用，关闭当前屏幕常亮模式(新接口) | No       | All      | yes               |
 
-## 遗留问题
-
-## 其他
-
-## 开源协议
+## Known Issues
 
-本项目基于 [The MIT License (MIT)](https://github.com/corbt/react-native-keep-awake/blob/master/LICENCE) ，请自由地享受和参与开源。
+## Others
 
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/corbt/react-native-keep-awake/blob/master/LICENCE).
diff --git a/en/react-native-keyboard-controller.md b/en/react-native-keyboard-controller.md
index b89e5016..f5618375 100644
--- a/en/react-native-keyboard-controller.md
+++ b/en/react-native-keyboard-controller.md
@@ -1,6 +1,4 @@
-
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-keyboard-controller</code> </h1>
@@ -14,16 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-controller)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-keyboard-controller)
 
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,88 +35,105 @@ npm install @react-native-oh-tpl/react-native-keyboard-controller@file:#
 ```bash
 yarn add @react-native-oh-tpl/react-native-keyboard-controller@file:#
 ```
+
 <!-- tabs:end -->
 
-另外本库依赖三方库[react-native-reanimated](https://github.com/react-native-oh-library/react-native-harmony-reanimated)，请按照[react-native-reanimated指导文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md)引入此依赖库。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-下面的代码展示了这个库的基本使用场景：
+If it is not included, follow the guide provided in [react-native-reanimated docs](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md) to add it to your project.
 
-> [!WARNING] 使用时 import 的库名不变。
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from 'react';
-import { Text, View, TextInput, TouchableOpacity } from 'react-native';
-import { KeyboardAvoidingView, KeyboardProvider } from "react-native-keyboard-controller";
+import React from "react";
+import { Text, View, TextInput, TouchableOpacity } from "react-native";
+import {
+  KeyboardAvoidingView,
+  KeyboardProvider,
+} from "react-native-keyboard-controller";
 
 function App() {
-    return (
-        <KeyboardProvider>
-            <KeyboardAvoidingView style={{
-                padding: 22,
-                flex: 1,
-                justifyContent: "space-between",
-            }}>
-                <Text style={{
-                    color: "black",
-                    fontSize: 25,
-                    marginTop: 100,
-                    fontWeight: "500"
-                }}>react-native-keyboard-controller</Text>
-                <View>
-                    <TextInput
-                        placeholder="Username"
-                        placeholderTextColor="#7C7C7C"
-                        style={{
-                            height: 45,
-                            borderColor: "#000000",
-                            borderWidth: 1,
-                            borderRadius: 10,
-                            marginBottom: 36,
-                            paddingLeft: 10,
-                        }}
-                    />
-                    <TextInput
-                        placeholder="Password"
-                        placeholderTextColor="#7C7C7C"
-                        style={{
-                            height: 45,
-                            borderColor: "#000000",
-                            borderWidth: 1,
-                            borderRadius: 10,
-                            marginBottom: 36,
-                            paddingLeft: 10,
-                        }}
-                    />
-                    <TouchableOpacity style={{
-                        marginTop: 40,
-                        height: 45,
-                        borderRadius: 10,
-                        backgroundColor: "rgb(40, 64, 147)",
-                        justifyContent: "center",
-                        alignItems: "center",
-                    }}>
-                        <Text style={{
-                            fontWeight: "500",
-                            fontSize: 16,
-                            color: "white",
-                        }}>Submit</Text>
-                    </TouchableOpacity>
-                </View>
-            </KeyboardAvoidingView>
-        </KeyboardProvider>
-    );
+  return (
+    <KeyboardProvider>
+      <KeyboardAvoidingView
+        style={{
+          padding: 22,
+          flex: 1,
+          justifyContent: "space-between",
+        }}
+      >
+        <Text
+          style={{
+            color: "black",
+            fontSize: 25,
+            marginTop: 100,
+            fontWeight: "500",
+          }}
+        >
+          react-native-keyboard-controller
+        </Text>
+        <View>
+          <TextInput
+            placeholder="Username"
+            placeholderTextColor="#7C7C7C"
+            style={{
+              height: 45,
+              borderColor: "#000000",
+              borderWidth: 1,
+              borderRadius: 10,
+              marginBottom: 36,
+              paddingLeft: 10,
+            }}
+          />
+          <TextInput
+            placeholder="Password"
+            placeholderTextColor="#7C7C7C"
+            style={{
+              height: 45,
+              borderColor: "#000000",
+              borderWidth: 1,
+              borderRadius: 10,
+              marginBottom: 36,
+              paddingLeft: 10,
+            }}
+          />
+          <TouchableOpacity
+            style={{
+              marginTop: 40,
+              height: 45,
+              borderRadius: 10,
+              backgroundColor: "rgb(40, 64, 147)",
+              justifyContent: "center",
+              alignItems: "center",
+            }}
+          >
+            <Text
+              style={{
+                fontWeight: "500",
+                fontSize: 16,
+                color: "white",
+              }}
+            >
+              Submit
+            </Text>
+          </TouchableOpacity>
+        </View>
+      </KeyboardAvoidingView>
+    </KeyboardProvider>
+  );
 }
 export default App;
-
 ```
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1. 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -130,19 +144,15 @@ export default App;
 }
 ```
 
-### 2. 引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+Currently, two methods are available:
 
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 
@@ -153,22 +163,22 @@ export default App;
 
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3. 配置 CMakeLists 和引入 RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage
+### 3. Configuring CMakeLists and Introducing RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -206,7 +216,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -225,9 +235,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4. 在 ArkTs 侧引入 RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage
+### 4. Introducing RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import {RNKeyboardControllerPackage,RNStatusBarManagerCompatPackage} from  "@react-native-oh-tpl/react-native-keyboard-controller/ts";
@@ -241,178 +251,167 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5. 运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **Hooks**:键盘控制器相关的钩子函数
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  useKeyboardAnimation  |  获取键盘动画值的钩子函数   | function   | no | iOS,Android      | yes |
-|  useReanimatedKeyboardAnimation  |  获取键盘动画值的钩子函数   | function   | no | iOS,Android      | yes |
-|  useKeyboardHandler  |  设置键盘回调事件的钩子函数   | function   | no | iOS,Android      | yes |
-|  useKeyboardController  |  设置是否启动键盘监听事件的钩子函数   |function   | no | iOS,Android      | yes |
-|  useFocusedInputHandler  | 设置监听输入框回调事件的钩子函数   | function   | no | iOS,Android      |partially |
-|  useReanimatedFocusedInput  | 当前聚焦的输入控件文本变化事件回调的钩子函数  | function  | no | iOS,Android      |no |
-
-
-**KeyboardController**：键盘控制器
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  setInputMode(mode: number): void  | 设置键盘显示默认模式   | function   | no | Android      | no |
-|  setDefaultMode(): void  | 设置键盘显示默认模式   | function   | no | Android      | no |
-|   dismiss(): void | 设置键盘隐藏   | function   | no | iOS,Android      | yes |
-| setFocusTo(direction: string): void | 设置聚焦的方式   | function   | no | iOS,Android      | no |
-| addListener: (eventName: string) => void  | 添加键盘的监听事件   |  function  | no | iOS,Android      | yes |
-|   removeListeners: (count: number) => void | 删除键盘的监听事件   |  function  | no | iOS,Android      | yes |
-
-**StatusBarManagerCompat**：状态栏控制器
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|   setHidden(hidden: boolean): void | 设置状态栏隐藏不可见   | function   | no | Android      | yes |
-|  setColor(color: number, animated: boolean): void  | 设置状态栏背景颜色   | function   | no | Android      | yes |
-|   setTranslucent(translucent: boolean): void | 设置状态栏是否透明   | function   | no | Android      | yes |
-| setStyle(style: string): void | 设置状态栏的内容颜色  | function   | no | Android      | yes |
-
- **KeyboardEvents**:监听键盘事件   
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  keyboardWillShow  | 键盘将要显示事件    | string   | no | iOS,Android      | no |
-|  keyboardDidShow  | 键盘已经显示事件    | string   | no | iOS,Android      | yes |
-|  keyboardWillHide  | 键盘将要隐藏事件    | string   | no | iOS,Android      | no |
-|  keyboardDidHide  | 键盘已经隐藏事件    | string   | no | iOS,Android      | yes |
-
- **FocusedInputEvents**:监听聚焦输入框事件
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  focusDidSet  | 聚焦输入框事件类型    | string   | no | iOS,Android      | no |
-
- **WindowDimensionsEvents**:监听窗口布局变化事件
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  windowDidResize  | 监听窗口事件    | string   | no | Android      | no |
-
-
-
+| useKeyboardAnimation | 获取键盘动画值的钩子函数 | function | no | iOS,Android | yes |
+| useReanimatedKeyboardAnimation | 获取键盘动画值的钩子函数 | function | no | iOS,Android | yes |
+| useKeyboardHandler | 设置键盘回调事件的钩子函数 | function | no | iOS,Android | yes |
+| useKeyboardController | 设置是否启动键盘监听事件的钩子函数 |function | no | iOS,Android | yes |
+| useFocusedInputHandler | 设置监听输入框回调事件的钩子函数 | function | no | iOS,Android |partially |
+| useReanimatedFocusedInput | 当前聚焦的输入控件文本变化事件回调的钩子函数 | function | no | iOS,Android |no |
+
+**KeyboardController**: 键盘控制器
+
+| Name                                     | Description          | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------------------------------- | -------------------- | -------- | -------- | ----------- | ----------------- |
+| setInputMode(mode: number): void         | 设置键盘显示默认模式 | function | no       | Android     | no                |
+| setDefaultMode(): void                   | 设置键盘显示默认模式 | function | no       | Android     | no                |
+| dismiss(): void                          | 设置键盘隐藏         | function | no       | iOS,Android | yes               |
+| setFocusTo(direction: string): void      | 设置聚焦的方式       | function | no       | iOS,Android | no                |
+| addListener: (eventName: string) => void | 添加键盘的监听事件   | function | no       | iOS,Android | yes               |
+| removeListeners: (count: number) => void | 删除键盘的监听事件   | function | no       | iOS,Android | yes               |
+
+**StatusBarManagerCompat**: 状态栏控制器
+
+| Name                                             | Description          | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------------------------------ | -------------------- | -------- | -------- | -------- | ----------------- |
+| setHidden(hidden: boolean): void                 | 设置状态栏隐藏不可见 | function | no       | Android  | yes               |
+| setColor(color: number, animated: boolean): void | 设置状态栏背景颜色   | function | no       | Android  | yes               |
+| setTranslucent(translucent: boolean): void       | 设置状态栏是否透明   | function | no       | Android  | yes               |
+| setStyle(style: string): void                    | 设置状态栏的内容颜色 | function | no       | Android  | yes               |
+
+**KeyboardEvents**:监听键盘事件
+
+| Name             | Description      | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------- | ---------------- | ------ | -------- | ----------- | ----------------- |
+| keyboardWillShow | 键盘将要显示事件 | string | no       | iOS,Android | no                |
+| keyboardDidShow  | 键盘已经显示事件 | string | no       | iOS,Android | yes               |
+| keyboardWillHide | 键盘将要隐藏事件 | string | no       | iOS,Android | no                |
+| keyboardDidHide  | 键盘已经隐藏事件 | string | no       | iOS,Android | yes               |
+
+**FocusedInputEvents**:监听聚焦输入框事件
+
+| Name        | Description        | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------ | ------ | -------- | ----------- | ----------------- |
+| focusDidSet | 聚焦输入框事件类型 | string | no       | iOS,Android | no                |
+
+**WindowDimensionsEvents**:监听窗口布局变化事件
+
+| Name            | Description  | Type   | Required | Platform | HarmonyOS Support |
+| --------------- | ------------ | ------ | -------- | -------- | ----------------- |
+| windowDidResize | 监听窗口事件 | string | no       | Android  | no                |
 
 ## 组件
 
-**KeyboardControllerView**：键盘控制器
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  enabled  | 是否开启键盘监听事件    | boolean   | no | iOS,Android      | yes |
-|  statusBarTranslucent  | 状态栏是否透明    | boolean   | no | Android      | no |
-|  navigationBarTranslucent  | 导航栏是否透明    | boolean   | no | Android      | no |
-|  onKeyboardMoveStart?: DirectEventHandler < KeyboardMoveEvent >  | 键盘开始移动的监听事件   | function   | no | iOS,Android       | no |
-|  onKeyboardMove?: DirectEventHandler< KeyboardMoveEvent >  | 键盘移动中的监听事件   | function   | no | iOS,Android      | no |
-|   onKeyboardMoveEnd?: DirectEventHandler< KeyboardMoveEvent > | 键盘移动结束的监听事件   | function   | no | iOS,Android      | yes |
-| onKeyboardMoveInteractive?: DirectEventHandler< KeyboardMoveEvent > | 键盘移动交互的监听事件  | function   | no | iOS,Android      | no |
-| onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent >  | 聚焦输入框位置坐标变化的监听事件   |  function  | no | iOS,Android      | no |
-|   onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent> | 聚焦输入框文本变化的监听事件   |  function  | no | iOS,Android      | yes |
-|   onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | 聚焦输入框文本选择的监听事件   |  function  | no | iOS,Android      | no |
-|  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
-
-
-**KeyboardGestureArea**：手势控制键盘组件
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  showOnSwipeUp  | 键盘随手势向上滑动显示    | boolean   | no | Android      | no |
-|  enableSwipeToDismiss  | 键盘随手势向下滑动隐藏   | boolean   | no | Android      | no |
-|  interpolator  | 设置键盘随手势滑动的动画模式    | linear / ios/ linear | no | Android      | no |
-
-
-**KeyboardAvoidingView**：键盘控制器的容器组件
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  behavior  | 指定如何对键盘的存在做出反应   | "height" / "position" / "padding"   | no | iOS,Android      | yes |
-|  contentContainerStyle  | 当`behavior`为position时，内容容器的样式   | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | Android      | yes |
-|  enabled  | 控制这个`KeyboardAvodingView`实例是否应该生效,默认为true  | boolean   | no | Android      | yes |
-|  keyboardVerticalOffset  | 用户屏幕顶部和React Native视图之间的距离,默认为`0`   | number  | no | iOS,Android      | yes |
-|  onLayout  |  在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void   | function/undefined   | no | iOS,Android      | yes |
-|  style  | `KeyboardAvodingView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
-|  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
-
-**KeyboardAwareScrollView**：滚动键盘控制器的容器组件
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  bottomOffset  | 显示键盘时，键盘与焦点`TextInput`之间的距离。默认值为“0”   | number   | no | iOS,Android      | yes |
-|  enabled  | 控制此`KeyboardAwareScrollView`实例是否应生效。默认值为`true`  | boolean   | no | Android      | yes |
-|  disableScrollOnKeyboardHide  |防止键盘隐藏时`ScrollView`自动滚动，保持当前屏幕位置。默认值为`false`。  | boolean   | no | Android      | yes |
-|  extraKeyboardSpace  | 用户屏幕顶部和React Native视图之间的距离,默认为0   | number  | no | iOS,Android      | yes |
-|  onLayout  |  在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void   | function/undefined   | no | iOS,Android      | yes |
-|  style  | `KeyboardAwareScrollView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
-|  children  |  JSX element 子组件   | JSX.Element  | no | iOS,Android      | yes |
-
-**KeyboardStickyView**：滚动键盘控制器的容器组件
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  offset  | 为给定的键盘状态指定视图的附加偏移   | {closed?: number;opened?: number;}   | no | iOS,Android      | yes |
-|  style  | `KeyboardStickyView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
-|  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
-
-**KeyboardToolbar**：是显示在键盘上方的组件，带有`Prev`/`Next`和
-*“完成”按钮。
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  theme  | 工具栏组件使用的一组深色/浅色主题   | {light: Theme; dark: Theme;}   | no | iOS,Android      | yes |
-|  content  |显示在工具栏中间的元素  | JSX.Element   | no | iOS,Android      | yes |
-|  doneText  |  完成按钮的自定义文本   | React.ReactNode   | no | iOS,Android      | yes |
-|  button  |  工具栏的自定义可触摸组件（用于prev/next/done按钮）   | React.ReactNode   | no | iOS,Android      | yes |
-|  icon  |  用于显示next/prev按钮的自定义图标组件   | React.ReactNode   | no | iOS,Android      | yes |
-|  showArrows  |  是否显示下一个和上一个按钮  | boolean   | no | iOS,Android      | yes |
-|  blur  |  对工具栏应用模糊效果的组件   | JSX.Element    | no | iOS,Android      | yes |
-|  opacity  |  十六进制格式的容器不透明度值（例如`ff`）。默认值为`ff`   | HEX   | no | iOS,Android      | yes |
-| onNextCallback?: () => void | 当用户按下“下一步”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | no |
-|  onPrevCallback?: () => void | 用户按下“上一步”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | no |
-| onDoneCallback?: () => void | 当用户按下“完成”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | yes |
-
-
-## 遗留问题
-
-- [ ]  暂不支持KeyboardControllerView中onKeyboardMoveStart，onKeyboardMove，onKeyboardMoveInteractive和KeyboardEvents中keyboardWillShow、keyboardWillHide键盘事件的回调：[ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
- - [ ] 暂不支持KeyboardGestureArea组件：[issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
- - [ ] 暂不支持hook方法useReanimatedFocusedInput，KeyboardController中setFocusTo，KeyboardControllerView中onFocusedInputLayoutChanged、onFocusedInputSelectionChanged，FocusedInputEvents中focusDidSet，KeyboardToolbar中onNextCallback、onPrevCallback关于输入框聚焦的监听方法回调：[issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
-
-
-## 其他
-
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/kirillzyusko/react-native-keyboard-controller/blob/main/LICENSE) ，请自由地享受和参与开源。
-
+**KeyboardControllerView**: 键盘控制器
+
+| Name                                                                                    | Description                      | Type        | Required | Platform    | HarmonyOS Support |
+| --------------------------------------------------------------------------------------- | -------------------------------- | ----------- | -------- | ----------- | ----------------- |
+| enabled                                                                                 | 是否开启键盘监听事件             | boolean     | no       | iOS,Android | yes               |
+| statusBarTranslucent                                                                    | 状态栏是否透明                   | boolean     | no       | Android     | no                |
+| navigationBarTranslucent                                                                | 导航栏是否透明                   | boolean     | no       | Android     | no                |
+| onKeyboardMoveStart?: DirectEventHandler < KeyboardMoveEvent >                          | 键盘开始移动的监听事件           | function    | no       | iOS,Android | no                |
+| onKeyboardMove?: DirectEventHandler< KeyboardMoveEvent >                                | 键盘移动中的监听事件             | function    | no       | iOS,Android | no                |
+| onKeyboardMoveEnd?: DirectEventHandler< KeyboardMoveEvent >                             | 键盘移动结束的监听事件           | function    | no       | iOS,Android | yes               |
+| onKeyboardMoveInteractive?: DirectEventHandler< KeyboardMoveEvent >                     | 键盘移动交互的监听事件           | function    | no       | iOS,Android | no                |
+| onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent >     | 聚焦输入框位置坐标变化的监听事件 | function    | no       | iOS,Android | no                |
+| onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent>           | 聚焦输入框文本变化的监听事件     | function    | no       | iOS,Android | yes               |
+| onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | 聚焦输入框文本选择的监听事件     | function    | no       | iOS,Android | no                |
+| children                                                                                | JSX element 子组件               | JSX.Element | no       | iOS,Android | yes               |
+
+**KeyboardGestureArea**: 手势控制键盘组件
+
+| Name                 | Description                  | Type                 | Required | Platform | HarmonyOS Support |
+| -------------------- | ---------------------------- | -------------------- | -------- | -------- | ----------------- |
+| showOnSwipeUp        | 键盘随手势向上滑动显示       | boolean              | no       | Android  | no                |
+| enableSwipeToDismiss | 键盘随手势向下滑动隐藏       | boolean              | no       | Android  | no                |
+| interpolator         | 设置键盘随手势滑动的动画模式 | linear / ios/ linear | no       | Android  | no                |
+
+**KeyboardAvoidingView**: 键盘控制器的容器组件
+
+| Name                   | Description                                                    | Type                                                   | Required | Platform    | HarmonyOS Support |
+| ---------------------- | -------------------------------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| behavior               | 指定如何对键盘的存在做出反应                                   | "height" / "position" / "padding"                      | no       | iOS,Android | yes               |
+| contentContainerStyle  | 当`behavior`为 position 时，内容容器的样式                     | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | Android     | yes               |
+| enabled                | 控制这个`KeyboardAvodingView`实例是否应该生效,默认为 true      | boolean                                                | no       | Android     | yes               |
+| keyboardVerticalOffset | 用户屏幕顶部和 React Native 视图之间的距离,默认为`0`           | number                                                 | no       | iOS,Android | yes               |
+| onLayout               | 在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void | function/undefined                                     | no       | iOS,Android | yes               |
+| style                  | `KeyboardAvodingView`的 CSS 属性                               | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children               | JSX element 子组件                                             | JSX.Element                                            | no       | iOS,Android | yes               |
+
+**KeyboardAwareScrollView**: 滚动键盘控制器的容器组件
+
+| Name                        | Description                                                             | Type                                                   | Required | Platform    | HarmonyOS Support |
+| --------------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| bottomOffset                | 显示键盘时，键盘与焦点`TextInput`之间的距离。默认值为“0”                | number                                                 | no       | iOS,Android | yes               |
+| enabled                     | 控制此`KeyboardAwareScrollView`实例是否应生效。默认值为`true`           | boolean                                                | no       | Android     | yes               |
+| disableScrollOnKeyboardHide | 防止键盘隐藏时`ScrollView`自动滚动，保持当前屏幕位置。默认值为`false`。 | boolean                                                | no       | Android     | yes               |
+| extraKeyboardSpace          | 用户屏幕顶部和 React Native 视图之间的距离,默认为 0                     | number                                                 | no       | iOS,Android | yes               |
+| onLayout                    | 在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void          | function/undefined                                     | no       | iOS,Android | yes               |
+| style                       | `KeyboardAwareScrollView`的 CSS 属性                                    | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children                    | JSX element 子组件                                                      | JSX.Element                                            | no       | iOS,Android | yes               |
+
+**KeyboardStickyView**: 滚动键盘控制器的容器组件
+
+| Name     | Description                        | Type                                                   | Required | Platform    | HarmonyOS Support |
+| -------- | ---------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| offset   | 为给定的键盘状态指定视图的附加偏移 | {closed?: number;opened?: number;}                     | no       | iOS,Android | yes               |
+| style    | `KeyboardStickyView`的 CSS 属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children | JSX element 子组件                 | JSX.Element                                            | no       | iOS,Android | yes               |
+
+**KeyboardToolbar**: 是显示在键盘上方的组件，带有`Prev`/`Next`和
+\*“完成”按钮。
+
+| Name                        | Description                                            | Type                         | Required | Platform    | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------ | ---------------------------- | -------- | ----------- | ----------------- |
+| theme                       | 工具栏组件使用的一组深色/浅色主题                      | {light: Theme; dark: Theme;} | no       | iOS,Android | yes               |
+| content                     | 显示在工具栏中间的元素                                 | JSX.Element                  | no       | iOS,Android | yes               |
+| doneText                    | 完成按钮的自定义文本                                   | React.ReactNode              | no       | iOS,Android | yes               |
+| button                      | 工具栏的自定义可触摸组件（用于 prev/next/done 按钮）   | React.ReactNode              | no       | iOS,Android | yes               |
+| icon                        | 用于显示 next/prev 按钮的自定义图标组件                | React.ReactNode              | no       | iOS,Android | yes               |
+| showArrows                  | 是否显示下一个和上一个按钮                             | boolean                      | no       | iOS,Android | yes               |
+| blur                        | 对工具栏应用模糊效果的组件                             | JSX.Element                  | no       | iOS,Android | yes               |
+| opacity                     | 十六进制格式的容器不透明度值（例如`ff`）。默认值为`ff` | HEX                          | no       | iOS,Android | yes               |
+| onNextCallback?: () => void | 当用户按下“下一步”按钮时调用的回调以及默认操作。       | function                     | no       | iOS,Android | no                |
+| onPrevCallback?: () => void | 用户按下“上一步”按钮时调用的回调以及默认操作。         | function                     | no       | iOS,Android | no                |
+| onDoneCallback?: () => void | 当用户按下“完成”按钮时调用的回调以及默认操作。         | function                     | no       | iOS,Android | yes               |
+
+## Known Issues
+
+- [ ] 暂不支持 KeyboardControllerView 中 onKeyboardMoveStart，onKeyboardMove，onKeyboardMoveInteractive 和 KeyboardEvents 中 keyboardWillShow、keyboardWillHide 键盘事件的回调: [ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
+- [ ] 暂不支持 KeyboardGestureArea 组件: [issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
+- [ ] 暂不支持 hook 方法 useReanimatedFocusedInput，KeyboardController 中 setFocusTo，KeyboardControllerView 中 onFocusedInputLayoutChanged、onFocusedInputSelectionChanged，FocusedInputEvents 中 focusDidSet，KeyboardToolbar 中 onNextCallback、onPrevCallback 关于输入框聚焦的监听方法回调: [issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/kirillzyusko/react-native-keyboard-controller/blob/main/LICENSE).
diff --git a/en/react-native-lightbox.md b/en/react-native-lightbox.md
index 49c8f521..a2c1b9f3 100644
--- a/en/react-native-lightbox.md
+++ b/en/react-native-lightbox.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-lightbox</code> </h1>
@@ -13,13 +12,11 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/cbbfcd/react-native-lightbox)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/cbbfcd/react-native-lightbox)
-
-## 安装与使用
-
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,178 +34,180 @@ yarn add react-native-lightbox-v2@0.9.0
 
 <!-- tabs:end -->
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```ts
-import React, { useState } from 'react';
+import React, { useState } from "react";
 import {
-    Image,
-    ScrollView,
-    StyleSheet,
-    Text,
-    TouchableOpacity,
-    View,
-    SafeAreaView,
-    Alert,
-} from 'react-native';
-
-import Lightbox from 'react-native-lightbox-v2';
-
+  Image,
+  ScrollView,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+  SafeAreaView,
+  Alert,
+} from "react-native";
+
+import Lightbox from "react-native-lightbox-v2";
 
 const BASE_PADDING = 10;
 
-
 export const ReactNativeLightBoxExample = () => {
-    let [info, setInfo] = useState('')
-
-    const callBack = (type: any) => {
-        setInfo(type)
-        Alert.alert(type)
-    }
-
-    let eventObject = {
-        willClose: () => callBack('willClose'),
-        onClose: () => callBack('onClose'),
-        onOpen: () => callBack('onOpen'),
-        didOpen: () => callBack('didOpen'),
-        onLongPress: () => callBack('onLongPress'),
-        onLayout: () => callBack('onLayout'),
-        doubleTapCallback: () => callBack('doubleTapCallback'),
-        longPressCallback: () => callBack('longPressCallback'),
-    }
-
-    return (
-        <View style={styles.container}>
-            <View>
-                <Text>eventCallBack {info}</Text>
-            </View>
-            <View style={styles.text}>
-                <Text>eventCallBack </Text>
-            </View>
-            <Lightbox {...eventObject}>
-                <View style={styles.customHeaderBox}>
-                    <Text>I have eventCallBack</Text>
-                </View>
-            </Lightbox>
-
-            <View style={styles.text}><Text>renderHeader </Text></View>
-            <Lightbox
-                renderHeader={close => (
-                    <TouchableOpacity onPress={close}>
-                        <Text style={styles.closeButton}>Close</Text>
-                    </TouchableOpacity>
-                )}>
-                <View style={styles.customHeaderBox}>
-                    <Text>I have a custom header</Text>
-                </View>
-            </Lightbox>
-            <View style={styles.text}><Text>renderContent </Text></View>
-            <Lightbox
-                renderContent={() =>
-                    <View style={styles.customHeaderBox}>
-                        <Text style={{ color: 'red' }}>renderContent</Text>
-                    </View>}>
-                <View style={styles.customHeaderBox}>
-                    <Text>I have a custom renderContent</Text>
-                </View>
-            </Lightbox>
+  let [info, setInfo] = useState("");
+
+  const callBack = (type: any) => {
+    setInfo(type);
+    Alert.alert(type);
+  };
+
+  let eventObject = {
+    willClose: () => callBack("willClose"),
+    onClose: () => callBack("onClose"),
+    onOpen: () => callBack("onOpen"),
+    didOpen: () => callBack("didOpen"),
+    onLongPress: () => callBack("onLongPress"),
+    onLayout: () => callBack("onLayout"),
+    doubleTapCallback: () => callBack("doubleTapCallback"),
+    longPressCallback: () => callBack("longPressCallback"),
+  };
+
+  return (
+    <View style={styles.container}>
+      <View>
+        <Text>eventCallBack {info}</Text>
+      </View>
+      <View style={styles.text}>
+        <Text>eventCallBack </Text>
+      </View>
+      <Lightbox {...eventObject}>
+        <View style={styles.customHeaderBox}>
+          <Text>I have eventCallBack</Text>
         </View>
-    )
-
-}
+      </Lightbox>
+
+      <View style={styles.text}>
+        <Text>renderHeader </Text>
+      </View>
+      <Lightbox
+        renderHeader={(close) => (
+          <TouchableOpacity onPress={close}>
+            <Text style={styles.closeButton}>Close</Text>
+          </TouchableOpacity>
+        )}
+      >
+        <View style={styles.customHeaderBox}>
+          <Text>I have a custom header</Text>
+        </View>
+      </Lightbox>
+      <View style={styles.text}>
+        <Text>renderContent </Text>
+      </View>
+      <Lightbox
+        renderContent={() => (
+          <View style={styles.customHeaderBox}>
+            <Text style={{ color: "red" }}>renderContent</Text>
+          </View>
+        )}
+      >
+        <View style={styles.customHeaderBox}>
+          <Text>I have a custom renderContent</Text>
+        </View>
+      </Lightbox>
+    </View>
+  );
+};
 const styles = StyleSheet.create({
-    container: {
-        paddingHorizontal: BASE_PADDING,
-        backgroundColor: 'white'
-    },
-    closeButton: {
-        color: 'white',
-        borderWidth: 1,
-        borderColor: 'white',
-        padding: 8,
-        borderRadius: 3,
-        textAlign: 'center',
-        margin: 10,
-        alignSelf: 'flex-end',
-    },
-    customHeaderBox: {
-        height: 150,
-        backgroundColor: '#6C7A89',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-
-    row: {
-        flexDirection: 'row',
-        marginLeft: -BASE_PADDING,
-        marginRight: -BASE_PADDING,
-    },
-    col: {
-        flex: 1,
-    },
-
-    contain: {
-        flex: 1,
-        height: 150,
-    },
-    text: {
-        marginVertical: BASE_PADDING * 2,
-    }
+  container: {
+    paddingHorizontal: BASE_PADDING,
+    backgroundColor: "white",
+  },
+  closeButton: {
+    color: "white",
+    borderWidth: 1,
+    borderColor: "white",
+    padding: 8,
+    borderRadius: 3,
+    textAlign: "center",
+    margin: 10,
+    alignSelf: "flex-end",
+  },
+  customHeaderBox: {
+    height: 150,
+    backgroundColor: "#6C7A89",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+
+  row: {
+    flexDirection: "row",
+    marginLeft: -BASE_PADDING,
+    marginRight: -BASE_PADDING,
+  },
+  col: {
+    flex: 1,
+  },
+
+  contain: {
+    flex: 1,
+    height: 150,
+  },
+  text: {
+    marginVertical: BASE_PADDING * 2,
+  },
 });
-
 ```
 
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-
-该库为UI组件库，通过配置属性标签，实现对应的功能。
-
-| Name                        | Description        | Type                     |Required           |Platform           | HarmonyOS Support |
-|-----------------------------|------------|---------------------------------|-------------------|-------------------|-------------------|
-| **`activeProps`**           | 可选属性，在lightbox模式下应用于内容组件， 可用于应用自定义样式或更高分辨率的图源。  | `object`                                              |no                 |all               | yes               |
-| **`renderHeader(close)`**   | 自定义header，用于替换默认的 X 按钮| `function`                                                            |  no              |all             | yes               |
-| **`renderContent`**         | 自定义lightbox内容，用于替换默认的子内容| `function`                                                                       |no|all                    | yes               |
-| **`willClose`**             | lightbox关闭前触发 | `function`                                                                 |no|all                                           | yes               |
-| **`onClose`**               | lightbox关闭时触发| `function`                            |no|all                                               | yes               |
-| **`onOpen`**                |lightbox打开时触发| `function`                           |no|all                                                | yes               |
-| **`didOpen`**               | lightbox打开后触发| `function`                                           |no|all                                         | yes               |
-| **`onLongPress`**           | lightbox长按时触发 | `function`                           |no|all                                        | yes               |
-| **`onLayout`**              | lightbox布局完成后触发| `function`                                   |no|all                                   | yes               |
-| **`doubleTapCallback`**     | lightbox双击时触发| `function`                               |no|all                                                 | yes               |
-| **`doubleTapZoomEnabled`**  | 开启双击缩放功能 , 默认为 `true`| `boolean`                         |no|all                       | yes               |
-| **`doubleTapGapTimer`**     | 确定双击的时间间隔，默认为 `500ms` | `number`                                            |no|all     | yes               |
-| **`longPressGapTimer`**     | 确定长按的的时间间隔，默认为 `2000ms`| `number`                                                                                  |no|all          | yes               |
-| **`longPressCallback`**     | 内容长按后触发| `function`                                 |no|all                                    | yes               |
-| **`doubleTapZoomToCenter`** | 双击时缩放到中间| `boolean`                                                                        |no|all                                       | yes               |
-| **`doubleTapMaxZoom`**      | 最大放大系数，默认为 `2`| `number`                                               |no|all                                  | yes               |
-| **`doubleTapZoomStep`**     | 每次双击的缩放比例，默认为 `0.5`| `number`                           |no|all                                          | yes               |
-| **`underlayColor`**         | 可触摸背景的颜色，默认为 `black`| `string`                                                                   |no|all                                 | yes               |
-| **`backgroundColor`**       | lightbox 背景颜色，默认为  `black`| `string`                                                              |no|all                                       | yes               |
-| **`swipeToDismiss`**        | 启用手势以通过向上或向下轻扫来取消全屏模式，默认为 `true`| `bool`                                                 |no|all             | yes               |
-| **`disabled`**              | 禁用lightbox。默认为 `false`| `bool`                                                   |no|all                                                           | yes               |
-| **`style`**                 | lightbox视图包装器的样式| `object`                                 |no|all                                                                     | yes               |
-| **`dragDismissThreshold`**  | 滑动退出的阈值距离，默认为 `150`| `number`                                             |no|all                                                | yes               |
-| **`modalProps`**            | 任何其他你需要的modal属性，默认为 `{}`| `object`                                          |no|all                                                           | yes               |
-| **`useNativeDriver`**       | 是否使用本机驱动程序，默认为 `false`| `bool`                                        |no|all                                                                  | yes               |
-| **`springConfig`**          | [`Animated.spring`](https://facebook.github.io/react-native/docs/animations.html) 配置， 默认为 `{ tension: 30, friction: 7 }`。| `object`       |no|all  | yes               |
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/cbbfcd/react-native-lightbox/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+## Properties
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+该库为 UI 组件库，通过配置属性标签，实现对应的功能。
+
+| Name                        | Description                                                                                                                      | Type       | Required | Platform | HarmonyOS Support |
+| --------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | -------- | ----------------- |
+| **`activeProps`**           | 可选属性，在 lightbox 模式下应用于内容组件， 可用于应用自定义样式或更高分辨率的图源。                                            | `object`   | no       | all      | yes               |
+| **`renderHeader(close)`**   | 自定义 header，用于替换默认的 X 按钮                                                                                             | `function` | no       | all      | yes               |
+| **`renderContent`**         | 自定义 lightbox 内容，用于替换默认的子内容                                                                                       | `function` | no       | all      | yes               |
+| **`willClose`**             | lightbox 关闭前触发                                                                                                              | `function` | no       | all      | yes               |
+| **`onClose`**               | lightbox 关闭时触发                                                                                                              | `function` | no       | all      | yes               |
+| **`onOpen`**                | lightbox 打开时触发                                                                                                              | `function` | no       | all      | yes               |
+| **`didOpen`**               | lightbox 打开后触发                                                                                                              | `function` | no       | all      | yes               |
+| **`onLongPress`**           | lightbox 长按时触发                                                                                                              | `function` | no       | all      | yes               |
+| **`onLayout`**              | lightbox 布局完成后触发                                                                                                          | `function` | no       | all      | yes               |
+| **`doubleTapCallback`**     | lightbox 双击时触发                                                                                                              | `function` | no       | all      | yes               |
+| **`doubleTapZoomEnabled`**  | 开启双击缩放功能 , 默认为 `true`                                                                                                 | `boolean`  | no       | all      | yes               |
+| **`doubleTapGapTimer`**     | 确定双击的时间间隔，默认为 `500ms`                                                                                               | `number`   | no       | all      | yes               |
+| **`longPressGapTimer`**     | 确定长按的的时间间隔，默认为 `2000ms`                                                                                            | `number`   | no       | all      | yes               |
+| **`longPressCallback`**     | 内容长按后触发                                                                                                                   | `function` | no       | all      | yes               |
+| **`doubleTapZoomToCenter`** | 双击时缩放到中间                                                                                                                 | `boolean`  | no       | all      | yes               |
+| **`doubleTapMaxZoom`**      | 最大放大系数，默认为 `2`                                                                                                         | `number`   | no       | all      | yes               |
+| **`doubleTapZoomStep`**     | 每次双击的缩放比例，默认为 `0.5`                                                                                                 | `number`   | no       | all      | yes               |
+| **`underlayColor`**         | 可触摸背景的颜色，默认为 `black`                                                                                                 | `string`   | no       | all      | yes               |
+| **`backgroundColor`**       | lightbox 背景颜色，默认为 `black`                                                                                                | `string`   | no       | all      | yes               |
+| **`swipeToDismiss`**        | 启用手势以通过向上或向下轻扫来取消全屏模式，默认为 `true`                                                                        | `bool`     | no       | all      | yes               |
+| **`disabled`**              | 禁用 lightbox。默认为 `false`                                                                                                    | `bool`     | no       | all      | yes               |
+| **`style`**                 | lightbox 视图包装器的样式                                                                                                        | `object`   | no       | all      | yes               |
+| **`dragDismissThreshold`**  | 滑动退出的阈值距离，默认为 `150`                                                                                                 | `number`   | no       | all      | yes               |
+| **`modalProps`**            | 任何其他你需要的 modal 属性，默认为 `{}`                                                                                         | `object`   | no       | all      | yes               |
+| **`useNativeDriver`**       | 是否使用本机驱动程序，默认为 `false`                                                                                             | `bool`     | no       | all      | yes               |
+| **`springConfig`**          | [`Animated.spring`](https://facebook.github.io/react-native/docs/animations.html) 配置， 默认为 `{ tension: 30, friction: 7 }`。 | `object`   | no       | all      | yes               |
+
+## Known Issues
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/cbbfcd/react-native-lightbox/blob/master/LICENSE).
diff --git a/en/react-native-marquee-ab.md b/en/react-native-marquee-ab.md
index 196fecb2..3544a704 100644
--- a/en/react-native-marquee-ab.md
+++ b/en/react-native-marquee-ab.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-marquee-ab</code> </h1>
@@ -12,12 +12,11 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/ZhangTaoK/react-native-marquee-ab)
 
-> [!TIP] [Github 地址](https://github.com/ZhangTaoK/react-native-marquee-ab)
+## Installation and Usage
 
-## 安装与使用
-
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,95 +34,100 @@ yarn add react-native-marquee-ab@1.2.6
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
-import React, { Component } from 'react';
-import {
-    View,
-    Text,
-    Image,
-    Dimensions,
-} from 'react-native';
-import { MarqueeHorizontal,MarqueeVertical } from 'react-native-marquee-ab';
+import React, { Component } from "react";
+import { View, Text, Image, Dimensions } from "react-native";
+import { MarqueeHorizontal, MarqueeVertical } from "react-native-marquee-ab";
 export default class TestPage extends Component {
-    render() {
-        let mWidth = Dimensions.get('window').width;
-        return (
-            <View style={{ flex: 1, backgroundColor: '#FFFFFF' }}>
-                <View style={{ height: 50, backgroundColor: '#FFFFFF', width: '100%' }} />
-                <MarqueeHorizontal
-                    textList={[
-                        { label: '1', value: 'item1:一闪一闪亮晶晶，满天都是小星星' },
-                        { label: '2', value: 'item2:两只老虎跑的快' },
-                        { label: '3', value: 'item3:蓝蓝的天上白云飘，白云下面小肥羊儿跑' },
-                    ]}
-                    speed={60}
-                    width={mWidth}
-                    height={50}
-                    direction={'left'}
-                    reverse={false}
-                    bgContainerStyle={{ backgroundColor: '#FFFF00' }}
-                    textStyle={{ fontSize: 16, color: '#FF0000' }}
-                    onTextClick={(item) => {
-                        alert('' + JSON.stringify(item));
-                    }}
-                />
-            </View>
-        )
-    }
+  render() {
+    let mWidth = Dimensions.get("window").width;
+    return (
+      <View style={{ flex: 1, backgroundColor: "#FFFFFF" }}>
+        <View
+          style={{ height: 50, backgroundColor: "#FFFFFF", width: "100%" }}
+        />
+        <MarqueeHorizontal
+          textList={[
+            {
+              label: "1",
+              value:
+                "item1:Twinkle.twinkle little star,the sky is full of little stars",
+            },
+            { label: "2", value: "item2:Two tigers run fast" },
+            {
+              label: "3",
+              value:
+                "item3:White clouds float in the blue sky, and little fat sheep run under them",
+            },
+          ]}
+          speed={60}
+          width={mWidth}
+          height={50}
+          direction={"left"}
+          reverse={false}
+          bgContainerStyle={{ backgroundColor: "#FFFF00" }}
+          textStyle={{ fontSize: 16, color: "#FF0000" }}
+          onTextClick={(item) => {
+            alert("" + JSON.stringify(item));
+          }}
+        />
+      </View>
+    );
+  }
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
-1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: NEXT.0.0.65;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **MarqueeHorizontal props**
 
-| Name             | Description                                      | Type           | Required | Platform    | HarmonyOS Support |
-| ---------------- | ------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
-| duration         | 执行完成整个动画所需要的时间(ms)不常用           | number         | yes      | iOS/Android | yes               |
-| speed            | 平均的滚动速度，跑马灯使用这个属性（建议传入60） | number         | no       | iOS/Android | yes               |
-| textList         | 滚动的文字数组，具体数据格式请参照textList.item  | array          | yes      | iOS/Android | yes               |
-| width            | 宽度，不能使用flex                               | number         | yes      | iOS/Android | yes               |
-| height           | 高度，不能使用flex                               | number         | yes      | iOS/Android | yes               |
-| direction        | 动画方向(向左向右滚动)`left` or `right`          | string         | yes      | iOS/Android | yes               |
-| reverse          | 是否将整个文本数据倒叙显示                       | boolean        | yes      | iOS/Android | yes               |
-| separator        | 两个item之间的间隙                               | number         | yes      | iOS/Android | yes               |
-| bgContainerStyle | 背景样式                                         | object         | no       | iOS/Android | yes               |
-| textStyle        | 文本样式                                         | object         | no       | iOS/Android | yes               |
-| onTextClick      | 点击事件回调                                     | (item) => void | yes      | iOS/Android | yes               |
+| Name             | Description                                       | Type           | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| duration         | 执行完成整个动画所需要的时间(ms)不常用            | number         | yes      | iOS/Android | yes               |
+| speed            | 平均的滚动速度，跑马灯使用这个属性（建议传入 60） | number         | no       | iOS/Android | yes               |
+| textList         | 滚动的文字数组，具体数据格式请参照 textList.item  | array          | yes      | iOS/Android | yes               |
+| width            | 宽度，不能使用 flex                               | number         | yes      | iOS/Android | yes               |
+| height           | 高度，不能使用 flex                               | number         | yes      | iOS/Android | yes               |
+| direction        | 动画方向(向左向右滚动)`left` or `right`           | string         | yes      | iOS/Android | yes               |
+| reverse          | 是否将整个文本数据倒叙显示                        | boolean        | yes      | iOS/Android | yes               |
+| separator        | 两个 item 之间的间隙                              | number         | yes      | iOS/Android | yes               |
+| bgContainerStyle | 背景样式                                          | object         | no       | iOS/Android | yes               |
+| textStyle        | 文本样式                                          | object         | no       | iOS/Android | yes               |
+| onTextClick      | 点击事件回调                                      | (item) => void | yes      | iOS/Android | yes               |
 
 **MarqueeVertical props**
 
-| Name             | Description                                                  | Type           | Required | Platform    | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
-| duration         | 执行完成整个动画所需要的时间(ms)                             | number         | yes      | iOS/Android | yes               |
-| textList         | 滚动的文字数组，具体数据格式请参照textList.item              | array          | yes      | iOS/Android | yes               |
-| width            | 宽度，不能使用flex                                           | number         | no       | iOS/Android | yes               |
-| height           | 高度，不能使用flex                                           | number         | no       | iOS/Android | yes               |
-| delay            | 文本停顿时间(ms)                                             | number         | yes      | iOS/Android | yes               |
-| direction        | 动画方向(向上向下滚动)`up` or `down`                         | string         | yes      | iOS/Android | yes               |
-| numberOfLines    | 同一个数据的文本行数                                         | number         | yes      | iOS/Android | yes               |
-| headViews        | 在文本最前面加上一个自定义view，效果如图例所示，用法请参照事例用法，length长度与textList必须一致 | array          | no       | iOS/Android | yes               |
-| viewStyle        | 每一行文本的样式                                             | object         | yes      | iOS/Android | yes               |
-| bgContainerStyle | 背景样式                                                     | object         | no       | iOS/Android | yes               |
-| textStyle        | 文本样式                                                     | object         | no       | iOS/Android | yes               |
-| onTextClick      | 点击事件回调                                                 | (item) => void | yes      | iOS/Android | yes               |
+| Name             | Description                                                                                          | Type           | Required | Platform    | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| duration         | 执行完成整个动画所需要的时间(ms)                                                                     | number         | yes      | iOS/Android | yes               |
+| textList         | 滚动的文字数组，具体数据格式请参照 textList.item                                                     | array          | yes      | iOS/Android | yes               |
+| width            | 宽度，不能使用 flex                                                                                  | number         | no       | iOS/Android | yes               |
+| height           | 高度，不能使用 flex                                                                                  | number         | no       | iOS/Android | yes               |
+| delay            | 文本停顿时间(ms)                                                                                     | number         | yes      | iOS/Android | yes               |
+| direction        | 动画方向(向上向下滚动)`up` or `down`                                                                 | string         | yes      | iOS/Android | yes               |
+| numberOfLines    | 同一个数据的文本行数                                                                                 | number         | yes      | iOS/Android | yes               |
+| headViews        | 在文本最前面加上一个自定义 view，效果如图例所示，用法请参照事例用法，length 长度与 textList 必须一致 | array          | no       | iOS/Android | yes               |
+| viewStyle        | 每一行文本的样式                                                                                     | object         | yes      | iOS/Android | yes               |
+| bgContainerStyle | 背景样式                                                                                             | object         | no       | iOS/Android | yes               |
+| textStyle        | 文本样式                                                                                             | object         | no       | iOS/Android | yes               |
+| onTextClick      | 点击事件回调                                                                                         | (item) => void | yes      | iOS/Android | yes               |
 
 **textList.item props**
 
@@ -133,12 +137,12 @@ export default class TestPage extends Component {
 | value    | 文本显示                         | string   | yes      | iOS/Android | yes               |
 | [object] | 可随意添加数据供自己特殊需求使用 | [object] | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] MarqueeHorizontal的reverse属性在HarmonyOS上只有第一次修改会触发生效，而原库在iOS上该属性已经失效。未实现HarmonyOS化 问题[issue#58](https://github.com/ZhangTaoK/react-native-marquee-ab/issues/58)
+- [ ] MarqueeHorizontal 的 reverse 属性在 HarmonyOS 上只有第一次修改会触发生效，而原库在 iOS 上该属性已经失效。未实现 HarmonyOS 化 问题[issue#58](https://github.com/ZhangTaoK/react-native-marquee-ab/issues/58)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://choosealicense.com/licenses/mit/) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://choosealicense.com/licenses/mit/).
diff --git a/en/react-native-multi-slider.md b/en/react-native-multi-slider.md
index d71ec691..fbfebda8 100644
--- a/en/react-native-multi-slider.md
+++ b/en/react-native-multi-slider.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@ptomasroos/react-native-multi-slider</code> </h1>
@@ -14,16 +13,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-multi-slider)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-multi-slider)
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,15 +39,23 @@ yarn add @react-native-oh-tpl/react-native-multi-slider@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React from 'react';
-
-import { StyleSheet, View, Text, ScrollView, Alert, Animated, Image } from 'react-native';
-import MultiSlider from '@ptomasroos/react-native-multi-slider';
+import React from "react";
+
+import {
+  StyleSheet,
+  View,
+  Text,
+  ScrollView,
+  Alert,
+  Animated,
+  Image,
+} from "react-native";
+import MultiSlider from "@ptomasroos/react-native-multi-slider";
 
 const AnimatedView = Animated.createAnimatedComponent(View);
 
@@ -60,7 +66,7 @@ CustomLabel.defaultProps = {
 const width = 50;
 const pointerWidth = width * 0.47;
 
-function LabelBase(props:any) {
+function LabelBase(props: any) {
   const { position, value, leftDiff, pressed } = props;
   const scaleValue = React.useRef(new Animated.Value(0.1)); // Behaves oddly if set to 0
   const cachedPressed = React.useRef(pressed);
@@ -98,7 +104,7 @@ function LabelBase(props:any) {
   );
 }
 
-function CustomLabel(props:any) {
+function CustomLabel(props: any) {
   const {
     leftDiff,
     oneMarkerValue,
@@ -131,25 +137,33 @@ class CustomMarker extends React.Component<any> {
   render() {
     return (
       <View>
-        <Text style={markerStyles.text}>{this.props.valuePrefix}{this.props.currentValue}</Text>
+        <Text style={markerStyles.text}>
+          {this.props.valuePrefix}
+          {this.props.currentValue}
+        </Text>
         <Image
           style={markerStyles.image}
           source={
-            this.props.pressed ? require('./ruby.png') : require('./diamond.png')
+            this.props.pressed
+              ? require("./ruby.png")
+              : require("./diamond.png")
           }
           resizeMode="contain"
         />
-        <Text style={markerStyles.text}>{this.props.valuePrefix}{this.props.currentValue}{this.props.valueSuffix}</Text>
+        <Text style={markerStyles.text}>
+          {this.props.valuePrefix}
+          {this.props.currentValue}
+          {this.props.valueSuffix}
+        </Text>
       </View>
     );
   }
 }
 
 export default function MultiSliderDemo() {
-  let testRef = React.useRef<View>(null);
-  let [currentTestId, setCurrentTestId] = React.useState('');
+  let testRef = React.useRef < View > null;
+  let [currentTestId, setCurrentTestId] = React.useState("");
 
-  // 滑动指标配置
   const touchDimensionsConfig = {
     height: 60,
     width: 60,
@@ -157,66 +171,68 @@ export default function MultiSliderDemo() {
     slipDisplacement: 200,
   };
 
-  // 当值开始变化时回调
-  const onValuesChangeStart = () => Alert.alert('Success', '值开始变化时回调');
+  const onValuesChangeStart = () =>
+    Alert.alert("Success", "Callback when the value starts to change");
 
-  // 值改变时回调
-  const onValuesChange = () => Alert.alert('Success', '值改变时回调');
+  const onValuesChange = () =>
+    Alert.alert("Success", "Callback when value changes");
 
-  // 当值停止变化时回调
-  const onValuesChangeFinish = () => Alert.alert('Success', '值停止变化时回调');
+  const onValuesChangeFinish = () =>
+    Alert.alert("Success", "Callback when the value stops changing");
 
-  // 第一个光标切换时回调
-  const onToggleOne = () => Alert.alert('Success', '第一个光标切换回调');
+  const onToggleOne = () =>
+    Alert.alert("Success", "The first cursor switch callback");
 
-  // 第二个光标切换时回调
-  const onToggleTwo = () => Alert.alert('Success', '第二个光标切换回调');
+  const onToggleTwo = () =>
+    Alert.alert("Success", "Second cursor switch callback");
 
-  // 获取绑定的testID
   const getCurrentTestId = () => {
-    const testId = testRef.current?.props.testID || '';
+    const testId = testRef.current?.props.testID || "";
     setCurrentTestId(testId);
   };
 
   return (
     <ScrollView>
       <View style={styles.container}>
-        <Text style={styles.title}>MultiSlider功能验证</Text>
+        <Text style={styles.title}>MultiSlider feature validation</Text>
         <View style={styles.sliders}>
-          <Text style={styles.text}>values（设置values，1和6）</Text>
+          <Text style={styles.text}>Values (set values, 1 and 6)</Text>
           <MultiSlider values={[1, 6]} />
 
           <Text style={styles.text}>
-            onValuesChangeStart（值开始变化触发回调）
+            OnValuesChangeStart (triggering callback when value starts to
+            change)
           </Text>
           <MultiSlider onValuesChangeStart={onValuesChangeStart} />
 
           <Text style={styles.text}>
-            onValuesChange（值改变时回调触发回调）
+            OnValuesChange (callback triggered when value changes)
           </Text>
           <MultiSlider onValuesChange={onValuesChange} />
 
           <Text style={styles.text}>
-            onValuesChangeFinish（当值停止变化时回调）
+            OnValuesChangeFinish (callback when value stops changing)
           </Text>
           <MultiSlider onValuesChangeFinish={onValuesChangeFinish} />
 
-          <Text style={styles.text}>sliderLength（滑块长度{100}）</Text>
+          <Text style={styles.text}>sliderLength（Slide length{100}）</Text>
           <MultiSlider sliderLength={100} />
 
           <Text style={styles.text}>
-            touchDimensions（滑动指标borderRadius 50）
+            TouchDimensions (sliding indicator borderRadius 50)
           </Text>
           <MultiSlider touchDimensions={touchDimensionsConfig} />
 
-          <Text style={styles.text}>enableLabel（开启自定义标签）</Text>
+          <Text style={styles.text}>EnableLabel (enable custom labels)</Text>
           <MultiSlider enableLabel customLabel={() => <CustomLabel />} />
 
-          <Text style={styles.text}>customMarker（自定义光标）</Text>
+          <Text style={styles.text}>CustomMarker (custom cursor)</Text>
           <MultiSlider customMarker={CustomMarker} />
 
           <Text style={styles.text}>customMarkerLeft/Right</Text>
-          <Text style={styles.text}>自定义左右光标：默认未启用</Text>
+          <Text style={styles.text}>
+            Custom left and right cursor: not enabled by default
+          </Text>
           <MultiSlider
             values={[0, 10]}
             customMarkerLeft={() => <CustomMarker />}
@@ -224,7 +240,9 @@ export default function MultiSliderDemo() {
           />
 
           <Text style={styles.text}>isMarkersSeparated</Text>
-          <Text style={styles.text}>自定义左右光标：启用</Text>
+          <Text style={styles.text}>
+            Customize left and right cursor: Enable
+          </Text>
           <MultiSlider
             values={[0, 10]}
             isMarkersSeparated={true}
@@ -232,45 +250,61 @@ export default function MultiSliderDemo() {
             customMarkerRight={() => <CustomMarker pressed />}
           />
 
-          <Text style={styles.text}>min（滑块可用最小值3）</Text>
+          <Text style={styles.text}>
+            Min (slider can use a minimum value of 3)
+          </Text>
           <MultiSlider enableLabel min={3} />
 
-          <Text style={styles.text}>max（滑块可用最大值8）</Text>
+          <Text style={styles.text}>
+            Max (maximum available slider value of 8)
+          </Text>
           <MultiSlider enableLabel max={8} />
 
-          <Text style={styles.text}>step（滑块步长5）</Text>
+          <Text style={styles.text}>Step (slider step size 5)</Text>
           <MultiSlider enableLabel step={5} />
 
-          <Text style={styles.text}>optionsArray（节点标记）</Text>
+          <Text style={styles.text}>OptionsArray (Node Tag)</Text>
           <MultiSlider enableLabel optionsArray={[2, 6, 9]} />
 
-          <Text style={styles.text}>containerStyle（滑块容器样式）</Text>
+          <Text style={styles.text}>
+            ContainerStyle (slider container style)
+          </Text>
           <MultiSlider
-            containerStyle={{backgroundColor: 'lightblue', padding: 10}}
+            containerStyle={{ backgroundColor: "lightblue", padding: 10 }}
           />
 
-          <Text style={styles.text}>trackStyle（轨道样式：默认）</Text>
-          <MultiSlider trackStyle={{backgroundColor: 'red', height: 5}} />
+          <Text style={styles.text}>TrackStyle (default track style)</Text>
+          <MultiSlider trackStyle={{ backgroundColor: "red", height: 5 }} />
 
-          <Text style={styles.text}>selectedStyle（轨道样式：滑过后）</Text>
-          <MultiSlider selectedStyle={{backgroundColor: 'green', height: 5}} />
+          <Text style={styles.text}>
+            SelectedStyle (track style: after sliding)
+          </Text>
+          <MultiSlider
+            selectedStyle={{ backgroundColor: "green", height: 5 }}
+          />
 
-          <Text style={styles.text}>unselectedStyle（轨道样式：未滑过）</Text>
-          <MultiSlider unselectedStyle={{backgroundColor: 'red', height: 5}} />
+          <Text style={styles.text}>
+            UnselectdStyle (track style: not slid over)
+          </Text>
+          <MultiSlider
+            unselectedStyle={{ backgroundColor: "red", height: 5 }}
+          />
 
-          <Text style={styles.text}>markerContainerStyle（光标容器样式）</Text>
+          <Text style={styles.text}>
+            MarkerContainerStyle (cursor container style)
+          </Text>
           <MultiSlider
             markerContainerStyle={{
-              backgroundColor: 'transparent',
-              borderColor: 'blue',
+              backgroundColor: "transparent",
+              borderColor: "blue",
               borderWidth: 2,
             }}
           />
 
-          <Text style={styles.text}>markerStyle（光标样式）</Text>
+          <Text style={styles.text}>MarkerStyle (cursor style)</Text>
           <MultiSlider
             markerStyle={{
-              backgroundColor: 'red',
+              backgroundColor: "red",
               width: 20,
               height: 20,
               borderRadius: 10,
@@ -278,19 +312,19 @@ export default function MultiSliderDemo() {
           />
 
           <Text style={styles.text}>
-            pressedMarkerStyle（接触光标后的样式）
+            PressedMarkerStyle (the style after touching the cursor)
           </Text>
-          <MultiSlider pressedMarkerStyle={{backgroundColor: 'darkblue'}} />
+          <MultiSlider pressedMarkerStyle={{ backgroundColor: "darkblue" }} />
 
-          <Text style={styles.text}>valuePrefix（值的前缀 b）</Text>
+          <Text style={styles.text}>Valueprefix (value prefix b)</Text>
           <MultiSlider
             values={[0, 10]}
             customMarker={CustomMarker}
             valuePrefix="b"
           />
 
-          <Text style={{...styles.text, marginTop: 20}}>
-            valueSuffix（值的后缀 a）
+          <Text style={{ ...styles.text, marginTop: 20 }}>
+            ValueSuffix (suffix a for values)
           </Text>
           <MultiSlider
             values={[0, 10]}
@@ -298,80 +332,97 @@ export default function MultiSliderDemo() {
             valueSuffix="a"
           />
 
-          <Text style={styles.text}>enabledOne（禁用第一个光标）</Text>
+          <Text style={styles.text}>EnabledOne (disable the first cursor)</Text>
           <MultiSlider values={[0, 10]} enabledOne={false} />
 
-          <Text style={styles.text}>enabledTwo（禁用第二个光标）</Text>
+          <Text style={styles.text}>
+            EnabledTwo (disable the second cursor)
+          </Text>
           <MultiSlider values={[0, 10]} enabledTwo={false} />
 
           <Text style={styles.text}>stepsAs</Text>
-          <Text style={styles.text}>自定义步骤标签，默认展示</Text>
+          <Text style={styles.text}>
+            Customize step labels, default display
+          </Text>
           <MultiSlider
             values={[0, 10]}
             step={2}
             showSteps
             stepsAs={[
-              {index: 1, stepLabel: 't1', prefix: 'a1', suffix: 'b1'},
-              {index: 2, stepLabel: 't2', prefix: 'a2', suffix: 'b2'},
+              { index: 1, stepLabel: "t1", prefix: "a1", suffix: "b1" },
+              { index: 2, stepLabel: "t2", prefix: "a2", suffix: "b2" },
             ]}
           />
 
           <Text style={styles.text}>showStepLabels</Text>
-          <Text style={styles.text}>隐藏/显示自定义步骤标签，这里隐藏</Text>
+          <Text style={styles.text}>Hide/Show Custom Step Tags, Hide Here</Text>
           <MultiSlider
             values={[0, 10]}
             step={2}
             showSteps
             showStepLabels={false}
             stepsAs={[
-              {index: 1, stepLabel: 't', prefix: 'a', suffix: 'b'},
-              {index: 2, stepLabel: 't', prefix: 'a', suffix: 'b'},
+              { index: 1, stepLabel: "t", prefix: "a", suffix: "b" },
+              { index: 2, stepLabel: "t", prefix: "a", suffix: "b" },
             ]}
           />
 
           <Text style={styles.text}>
-            showStepMarkers（显示步骤对应的刻度点）
+            ShowStepMarkers (display the scale points corresponding to the
+            steps)
           </Text>
           <MultiSlider values={[0, 10]} step={2} showSteps showStepMarkers />
 
           <Text style={styles.text}>onToggleOne</Text>
-          <Text style={styles.text}>点击第一个光标回调</Text>
+          <Text style={styles.text}>
+            Click on the first cursor to call back
+          </Text>
           <MultiSlider values={[0, 10]} onToggleOne={onToggleOne} />
 
           <Text style={styles.text}>onToggleTwo</Text>
-          <Text style={styles.text}>点击第二个光标回调</Text>
+          <Text style={styles.text}>
+            Click on the second cursor to call back
+          </Text>
           <MultiSlider values={[0, 10]} onToggleTwo={onToggleTwo} />
 
           <Text style={styles.text}>allowOverlap</Text>
-          <Text style={styles.text}>允许/禁止光标重叠，默认禁止，这里允许</Text>
+          <Text style={styles.text}>
+            Allow/prohibit cursor overlap, default prohibited, allowed here
+          </Text>
           <MultiSlider values={[0, 10]} enableLabel allowOverlap={true} />
 
-          <Text style={styles.text}>snapped（步进式移动光标）</Text>
+          <Text style={styles.text}>Snapped (Step by Step Moving cursor)</Text>
           <MultiSlider sliderLength={300} step={3} snapped />
 
-          <Text style={styles.text}>smoothSnapped（跳转最近节点）</Text>
+          <Text style={styles.text}>SmoothSnapped (jump to nearest node)</Text>
           <MultiSlider smoothSnapped sliderLength={300} step={3} />
 
-          <View style={{marginTop: 60, marginBottom: 150}}>
-            <Text style={styles.text}>vertical（垂直方向）</Text>
+          <View style={{ marginTop: 60, marginBottom: 150 }}>
+            <Text style={styles.text}>Vertical (vertical direction)</Text>
             <MultiSlider vertical />
           </View>
 
-          <Text style={styles.text}>markerOffsetX（横向偏移20）</Text>
+          <Text style={styles.text}>MarkerOffsetX (lateral offset of 20)</Text>
           <MultiSlider markerOffsetX={20} />
 
-          <Text style={styles.text}>markerOffsetY（纵向偏移20）</Text>
+          <Text style={styles.text}>MarkerOffsetY (vertical offset of 20)</Text>
           <MultiSlider markerOffsetY={20} />
 
-          <Text style={styles.text}>markerSize（光标与边缘的距离）</Text>
+          <Text style={styles.text}>
+            MarkerSize (distance between cursor and edge)
+          </Text>
           <MultiSlider markerSize={50} />
 
           <Text style={styles.text}>minMarkerOverlapDistance</Text>
-          <Text style={styles.text}>避免大光标重叠，间隔100</Text>
+          <Text style={styles.text}>
+            Avoid large cursor overlap, with an interval of 100
+          </Text>
           <MultiSlider values={[0, 10]} minMarkerOverlapDistance={100} />
 
           <Text style={styles.text}>minMarkerOverlapStepDistance</Text>
-          <Text style={styles.text}>避免大光标重叠，间隔2步</Text>
+          <Text style={styles.text}>
+            Avoid overlapping large cursor with an interval of 2 steps
+          </Text>
           <MultiSlider
             values={[0, 300]}
             step={3}
@@ -380,13 +431,13 @@ export default function MultiSliderDemo() {
             minMarkerOverlapStepDistance={2}
           />
 
-          <Text style={styles.text}>imageBackgroundSource（背景图片）</Text>
-          <MultiSlider imageBackgroundSource={require('./logo-og.png')} />
+          <Text style={styles.text}>ImageContextSource (Background Image)</Text>
+          <MultiSlider imageBackgroundSource={require("./logo-og.png")} />
 
-          <Text style={styles.text}>testID（设置testID）</Text>
-          <MultiSlider values={[0, 6]} testID={'666'} ref={testRef} />
+          <Text style={styles.text}>TestID (Set testID)</Text>
+          <MultiSlider values={[0, 6]} testID={"666"} ref={testRef} />
           <Text onPress={getCurrentTestId}>
-            {currentTestId || '点击获取testID'}
+            {currentTestId || "Click to obtain testID"}
           </Text>
         </View>
       </View>
@@ -394,37 +445,36 @@ export default function MultiSliderDemo() {
   );
 }
 
-
 const labelStyles = StyleSheet.create({
   parentView: {
-    position: 'relative',
+    position: "relative",
   },
   sliderLabel: {
-    position: 'absolute',
-    justifyContent: 'center',
-    bottom: '100%',
+    position: "absolute",
+    justifyContent: "center",
+    bottom: "100%",
     width: width,
     height: width,
   },
   sliderLabelText: {
-    textAlign: 'center',
+    textAlign: "center",
     lineHeight: width,
     borderRadius: width / 2,
     borderWidth: 2,
-    borderColor: '#999',
-    backgroundColor: '#fff',
+    borderColor: "#999",
+    backgroundColor: "#fff",
     flex: 1,
     fontSize: 18,
-    color: '#aaa',
+    color: "#aaa",
   },
   pointer: {
-    position: 'absolute',
+    position: "absolute",
     bottom: -pointerWidth / 4,
     left: (width - pointerWidth) / 2,
-    transform: [{ rotate: '45deg' }],
+    transform: [{ rotate: "45deg" }],
     width: pointerWidth,
     height: pointerWidth,
-    backgroundColor: '#999',
+    backgroundColor: "#999",
   },
 });
 
@@ -434,113 +484,111 @@ const markerStyles = StyleSheet.create({
     width: 40,
   },
   text: {
-    alignSelf: 'center',
+    alignSelf: "center",
     paddingVertical: 20,
   },
   title: {
     fontSize: 30,
-  },  
+  },
 });
 
 const styles = StyleSheet.create({
-    container: {
-      flex: 1,
-      flexDirection: 'column',
-      justifyContent: 'center',
-      alignItems: 'center',
-    },
-    sliders: {
-      margin: 20,
-      // width: 280,
-    },
-    text: {
-      alignSelf: 'center',
-      paddingVertical: 20,
-    },
-    title: {
-      fontSize: 30,
-    },
-    sliderOne: {
-      flexDirection: 'row',
-      justifyContent: 'space-around',
-    },
-  });
+  container: {
+    flex: 1,
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  sliders: {
+    margin: 20,
+    // width: 280,
+  },
+  text: {
+    alignSelf: "center",
+    paddingVertical: 20,
+  },
+  title: {
+    fontSize: 30,
+  },
+  sliderOne: {
+    flexDirection: "row",
+    justifyContent: "space-around",
+  },
+});
 ```
 
-## 约束与限制
-
-### 兼容性
-
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases)
-
-本文档内容基于以下版本验证通过：
-
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
-
-## 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。遗留问题
-
-| Name                         | Description                                                  | Type              | Required | Platform | HarmonyOS Support |
-| ---------------------------- | ------------------------------------------------------------ | ----------------- | -------- | -------- | ----------------- |
-| values                       | Prefixed values of the slider.                               | array of numbers  | NO       | All      | YES               |
-| onValuesChangeStart          | Callback when the value starts changing                      | function          | NO       | All      | YES               |
-| onValuesChange               | Callback when the value changes                              | function          | NO       | All      | YES               |
-| onValuesChangeFinish         | Callback when the value stops changing                       | function          | NO       | All      | YES               |
-| sliderLength                 | Length of the slider                                         | number            | NO       | All      | YES               |
-| touchDimensions              | Defines the size of the touch area of the slider             | object            | NO       | All      | YES               |
-| enableLabel                  | Enable the label rendering                                   | function          | NO       | All      | YES               |
-| customLabel                  | Component used for rendering a label above the cursors.      | function          | NO       | All      | YES               |
-| customMarker                 | Component used for the cursor.                               | function          | NO       | All      | YES               |
-| customMarkerLeft             | Component used for the left cursor.                          | function          | NO       | All      | YES               |
-| customMarkerRight            | Component used for the right cursor.                         | function          | NO       | All      | YES               |
-| isMarkersSeparated           | Enable custom left and right cursors                         | boolean           | NO       | All      | YES               |
-| min                          | Minimum value available in the slider.                       | number            | NO       | All      | YES               |
-| max                          | Maximum value available in the slider.                       | number            | NO       | All      | YES               |
-| step                         | Step value of the slider.                                    | number            | NO       | All      | YES               |
-| optionsArray                 | Possible values of the slider. Ignores min and max.          | array of numbers  | NO       | All      | YES               |
-| containerStyle               | The style of the slider container                            | style object      | NO       | All      | YES               |
-| trackStyle                   | track Default Style                                          | style object      | NO       | All      | YES               |
-| selectedStyle                | Style after track sliding                                    | style object      | NO       | All      | YES               |
-| unselectedStyle              | Style when the track is not sliding                          | style object      | NO       | All      | YES               |
-| markerContainerStyle         | Marker container style                                       | style object      | NO       | All      | YES               |
-| markerStyle                  | Marker style                                                 | style object      | NO       | All      | YES               |
-| pressedMarkerStyle           | Marker style after touch                                     | style object      | NO       | All      | YES               |
-| stepStyle                    | Step style                                                   | style object      | NO       | -        | YES               |
-| stepLabelStyle               | Step lable style                                             | style object      | NO       | -        | YES               |
-| stepMarkerStyle              | Step marker style                                            | style object      | NO       | -        | YES               |
-| valuePrefix                  | Prefix added to the value.                                   | string            | NO       | All      | YES               |
-| valueSuffix                  | Suffix added to the value.                                   | string            | NO       | All      | YES               |
-| enabledOne                   | Enables the first cursor                                     | boolean           | NO       | All      | YES               |
-| enabledTwo                   | Enables the second cursor                                    | boolean           | NO       | All      | YES               |
-| stepsAs                      | Use stepsAs when you want to customize the steps-labels. stepsAs expects an array of objects [{index: number, stepLabel: string, prefix: string, suffix: string}]. Where index is for which step you want to customize, and all the other steps will show its index as its stepLabel. Both showSteps and showStepsLabels has to be enabled for stepsAs to be used. | array of objects  | NO       | All      | YES               |
-| showSteps                    | Show steps                                                   | boolean           | NO       | All      | YES               |
-| showStepMarkers              | Show steps-markers on the track, showSteps has to be enabled as well | boolean           | NO       | All      | YES               |
-| showStepLabels               | Show steps-labels underneath the track, showSteps has to be enabled as well | boolean           | NO       | All      | YES               |
-| onToggleOne                  | Listener when first cursor toggles.                          | function callback | NO       | All      | YES               |
-| onToggleTwo                  | Listener when second cursor toggles.                         | function callback | NO       | All      | YES               |
-| allowOverlap                 | Allow the overlap within the cursors.                        | boolean           | NO       | All      | YES               |
-| snapped                      | Use this when you want a fixed position for your markers, this will split the slider in N specific positions | boolean           | NO       | All      | YES               |
-| smoothSnapped                | Same as snapped but you can move the slider as usual. When released it will go to the nearest marker | boolean           | NO       | All      | YES               |
-| vertical                     | Use vertical orientation instead of horizontal.              | boolean           | NO       | All      | YES               |
-| markerOffsetX                | Offset first cursor.                                         | number            | NO       | All      | YES               |
-| markerOffsetY                | Offset second cursor.                                        | number            | NO       | All      | YES               |
-| markerSize                   | It determines the marker margin from the edges of the track, useful to avoid the markers to overflow out of the track. | number            | NO       | All      | YES               |
-| minMarkerOverlapDistance     | if this is > 0 and allowOverlap is false, this value will determine the closest two markers can come to each other. This can be used for cases where you have two markers large cursors and you don't want them to overlap. Note that markers will still overlap at the start if starting values are too near. | number            | NO       | All      | YES               |
+## Constraints
+
+### Compatibility
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases)
+
+This document is verified based on the following versions:
+
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+
+## Properties
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.Known Issues
+
+| Name                         | Description                                                                                                                                                                                                                                                                                                                                                                            | Type              | Required | Platform | HarmonyOS Support |
+| ---------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | -------- | ----------------- |
+| values                       | Prefixed values of the slider.                                                                                                                                                                                                                                                                                                                                                         | array of numbers  | NO       | All      | YES               |
+| onValuesChangeStart          | Callback when the value starts changing                                                                                                                                                                                                                                                                                                                                                | function          | NO       | All      | YES               |
+| onValuesChange               | Callback when the value changes                                                                                                                                                                                                                                                                                                                                                        | function          | NO       | All      | YES               |
+| onValuesChangeFinish         | Callback when the value stops changing                                                                                                                                                                                                                                                                                                                                                 | function          | NO       | All      | YES               |
+| sliderLength                 | Length of the slider                                                                                                                                                                                                                                                                                                                                                                   | number            | NO       | All      | YES               |
+| touchDimensions              | Defines the size of the touch area of the slider                                                                                                                                                                                                                                                                                                                                       | object            | NO       | All      | YES               |
+| enableLabel                  | Enable the label rendering                                                                                                                                                                                                                                                                                                                                                             | function          | NO       | All      | YES               |
+| customLabel                  | Component used for rendering a label above the cursors.                                                                                                                                                                                                                                                                                                                                | function          | NO       | All      | YES               |
+| customMarker                 | Component used for the cursor.                                                                                                                                                                                                                                                                                                                                                         | function          | NO       | All      | YES               |
+| customMarkerLeft             | Component used for the left cursor.                                                                                                                                                                                                                                                                                                                                                    | function          | NO       | All      | YES               |
+| customMarkerRight            | Component used for the right cursor.                                                                                                                                                                                                                                                                                                                                                   | function          | NO       | All      | YES               |
+| isMarkersSeparated           | Enable custom left and right cursors                                                                                                                                                                                                                                                                                                                                                   | boolean           | NO       | All      | YES               |
+| min                          | Minimum value available in the slider.                                                                                                                                                                                                                                                                                                                                                 | number            | NO       | All      | YES               |
+| max                          | Maximum value available in the slider.                                                                                                                                                                                                                                                                                                                                                 | number            | NO       | All      | YES               |
+| step                         | Step value of the slider.                                                                                                                                                                                                                                                                                                                                                              | number            | NO       | All      | YES               |
+| optionsArray                 | Possible values of the slider. Ignores min and max.                                                                                                                                                                                                                                                                                                                                    | array of numbers  | NO       | All      | YES               |
+| containerStyle               | The style of the slider container                                                                                                                                                                                                                                                                                                                                                      | style object      | NO       | All      | YES               |
+| trackStyle                   | track Default Style                                                                                                                                                                                                                                                                                                                                                                    | style object      | NO       | All      | YES               |
+| selectedStyle                | Style after track sliding                                                                                                                                                                                                                                                                                                                                                              | style object      | NO       | All      | YES               |
+| unselectedStyle              | Style when the track is not sliding                                                                                                                                                                                                                                                                                                                                                    | style object      | NO       | All      | YES               |
+| markerContainerStyle         | Marker container style                                                                                                                                                                                                                                                                                                                                                                 | style object      | NO       | All      | YES               |
+| markerStyle                  | Marker style                                                                                                                                                                                                                                                                                                                                                                           | style object      | NO       | All      | YES               |
+| pressedMarkerStyle           | Marker style after touch                                                                                                                                                                                                                                                                                                                                                               | style object      | NO       | All      | YES               |
+| stepStyle                    | Step style                                                                                                                                                                                                                                                                                                                                                                             | style object      | NO       | -        | YES               |
+| stepLabelStyle               | Step lable style                                                                                                                                                                                                                                                                                                                                                                       | style object      | NO       | -        | YES               |
+| stepMarkerStyle              | Step marker style                                                                                                                                                                                                                                                                                                                                                                      | style object      | NO       | -        | YES               |
+| valuePrefix                  | Prefix added to the value.                                                                                                                                                                                                                                                                                                                                                             | string            | NO       | All      | YES               |
+| valueSuffix                  | Suffix added to the value.                                                                                                                                                                                                                                                                                                                                                             | string            | NO       | All      | YES               |
+| enabledOne                   | Enables the first cursor                                                                                                                                                                                                                                                                                                                                                               | boolean           | NO       | All      | YES               |
+| enabledTwo                   | Enables the second cursor                                                                                                                                                                                                                                                                                                                                                              | boolean           | NO       | All      | YES               |
+| stepsAs                      | Use stepsAs when you want to customize the steps-labels. stepsAs expects an array of objects [{index: number, stepLabel: string, prefix: string, suffix: string}]. Where index is for which step you want to customize, and all the other steps will show its index as its stepLabel. Both showSteps and showStepsLabels has to be enabled for stepsAs to be used.                     | array of objects  | NO       | All      | YES               |
+| showSteps                    | Show steps                                                                                                                                                                                                                                                                                                                                                                             | boolean           | NO       | All      | YES               |
+| showStepMarkers              | Show steps-markers on the track, showSteps has to be enabled as well                                                                                                                                                                                                                                                                                                                   | boolean           | NO       | All      | YES               |
+| showStepLabels               | Show steps-labels underneath the track, showSteps has to be enabled as well                                                                                                                                                                                                                                                                                                            | boolean           | NO       | All      | YES               |
+| onToggleOne                  | Listener when first cursor toggles.                                                                                                                                                                                                                                                                                                                                                    | function callback | NO       | All      | YES               |
+| onToggleTwo                  | Listener when second cursor toggles.                                                                                                                                                                                                                                                                                                                                                   | function callback | NO       | All      | YES               |
+| allowOverlap                 | Allow the overlap within the cursors.                                                                                                                                                                                                                                                                                                                                                  | boolean           | NO       | All      | YES               |
+| snapped                      | Use this when you want a fixed position for your markers, this will split the slider in N specific positions                                                                                                                                                                                                                                                                           | boolean           | NO       | All      | YES               |
+| smoothSnapped                | Same as snapped but you can move the slider as usual. When released it will go to the nearest marker                                                                                                                                                                                                                                                                                   | boolean           | NO       | All      | YES               |
+| vertical                     | Use vertical orientation instead of horizontal.                                                                                                                                                                                                                                                                                                                                        | boolean           | NO       | All      | YES               |
+| markerOffsetX                | Offset first cursor.                                                                                                                                                                                                                                                                                                                                                                   | number            | NO       | All      | YES               |
+| markerOffsetY                | Offset second cursor.                                                                                                                                                                                                                                                                                                                                                                  | number            | NO       | All      | YES               |
+| markerSize                   | It determines the marker margin from the edges of the track, useful to avoid the markers to overflow out of the track.                                                                                                                                                                                                                                                                 | number            | NO       | All      | YES               |
+| minMarkerOverlapDistance     | if this is > 0 and allowOverlap is false, this value will determine the closest two markers can come to each other. This can be used for cases where you have two markers large cursors and you don't want them to overlap. Note that markers will still overlap at the start if starting values are too near.                                                                         | number            | NO       | All      | YES               |
 | minMarkerOverlapStepDistance | if this is > 0 and allowOverlap is false, this value will determine the closest two markers can come to each other (in steps, not pixels). This can be used for cases where you have two markers large cursors and you don't want them to overlap. Note that markers will still overlap at the start if starting values are too near. CANNOT be combined with minMarkerOverlapDistance | number            | NO       | All      | YES               |
-| imageBackgroundSource        | Specifies the source required for the ImageBackground        | string            | NO       | All      | YES               |
-| testID                       | Used to locate this view in end-to-end tests                 | string            | NO       | All      | YES               |
-
-## 遗留问题
+| imageBackgroundSource        | Specifies the source required for the ImageBackground                                                                                                                                                                                                                                                                                                                                  | string            | NO       | All      | YES               |
+| testID                       | Used to locate this view in end-to-end tests                                                                                                                                                                                                                                                                                                                                           | string            | NO       | All      | YES               |
 
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于[The MIT License (MIT)](https://github.com/ptomasroos/react-native-multi-slider/blob/master/LICENSE)，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under[The MIT License (MIT)](https://github.com/ptomasroos/react-native-multi-slider/blob/master/LICENSE)，请自由地享受和参与开源。
diff --git a/en/react-native-nfc-manager.md b/en/react-native-nfc-manager.md
index 7e2c0cb9..bfd005a2 100644
--- a/en/react-native-nfc-manager.md
+++ b/en/react-native-nfc-manager.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-nfc-manager</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-nfc-manager)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-nfc-manager)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] #处替换为tgz包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -34,14 +34,14 @@ npm install @react-native-oh-tpl/react-native-nfc-manager@file:#
 yarn add @react-native-oh-tpl/react-native-nfc-manager@file:#
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!TIP] 使用时 import 的库名不变。
+> [!TIP] The name of the imported repository remains unchanged.
 
-```
-import React from 'react';
-import {View, Text, TouchableOpacity, StyleSheet} from 'react-native';
-import NfcManager, {NfcTech} from 'react-native-nfc-manager';
+```tsx
+import React from "react";
+import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
+import NfcManager, { NfcTech } from "react-native-nfc-manager";
 
 // Pre-step, call this before any NFC operations
 NfcManager.start();
@@ -53,9 +53,9 @@ function App() {
       await NfcManager.requestTechnology(NfcTech.Ndef);
       // the resolved tag object will contain `ndefMessage` property
       const tag = await NfcManager.getTag();
-      console.warn('Tag found', tag);
+      console.warn("Tag found", tag);
     } catch (ex) {
-      console.warn('Oops!', ex);
+      console.warn("Oops!", ex);
     } finally {
       // stop the nfc scanning
       NfcManager.cancelTechnologyRequest();
@@ -74,26 +74,26 @@ function App() {
 const styles = StyleSheet.create({
   wrapper: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
+    justifyContent: "center",
+    alignItems: "center",
   },
 });
 
 export default App;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
 ```
-在工程根目录的 oh-package.json 添加 overrides字段
+Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 {
   ...
   "overrides": {
@@ -102,12 +102,14 @@ export default App;
 }
 ```
 
-## 配置Entry
+## 配置 Entry
 
-本库主要用于操作及管理NFC Tag，提供后台读卡和前台应用优先分发两种读卡模式。后台读卡是指不需要打开应用程序，电子设备通过NFC读取标签卡片后，根据标签卡片的类型匹配到一个或多个应用程序。如果仅匹配到一个，则直接拉起应用程序的读卡页面；如果是多个则弹出应用选择器，让用户选择指定的读卡应用。前台读卡是指提前打开应用程序，并进入对应的NFC读卡页面后读卡，只会把读到的标签卡片信息分发给前台应用程序。
+本库主要用于操作及管理 NFC Tag，提供后台读卡和前台应用优先分发两种读卡模式。后台读卡是指不需要打开应用程序，电子设备通过 NFC 读取标签卡片后，根据标签卡片的类型匹配到一个或多个应用程序。如果仅匹配到一个，则直接拉起应用程序的读卡页面；如果是多个则弹出应用选择器，让用户选择指定的读卡应用。前台读卡是指提前打开应用程序，并进入对应的 NFC 读卡页面后读卡，只会把读到的标签卡片信息分发给前台应用程序。
 
 ### 后台读卡方式的声明
-**1.应用程序需要支持后台读卡时，需要在应用的属性配置文件中，声明与NFC相关的属性值。比如，在entry/src/main/module.json5文件中，声明下面属性值：**
+
+**1.应用程序需要支持后台读卡时，需要在应用的属性配置文件中，声明与 NFC 相关的属性值。比如，在 entry/src/main/module.json5 文件中，声明下面属性值: **
+
 ```
 {
     "module": {
@@ -146,19 +148,19 @@ export default App;
     }
 }
 ```
-**2.在对相关Tag类型卡片进行读写之前，必须先获取TagInfo相关属性值，以确认设备读取到的Tag卡片支持哪些技术类型。可以将以下内容添加到EntryAbility**
 
-```
-import {RNAbility} from 'rnoh';
-import Want from '@ohos.app.ability.Want';
-import { RNNfcManagerModule } from '@react-native-oh-tpl/react-native-nfc-manager';
-import AbilityConstant from '@ohos.app.ability.AbilityConstant';
+**2.在对相关 Tag 类型卡片进行读写之前，必须先获取 TagInfo 相关属性值，以确认设备读取到的 Tag 卡片支持哪些技术类型。可以将以下内容添加到 EntryAbility**
 
-export default class EntryAbility extends RNAbility {
+```tsx
+import { RNAbility } from "rnoh";
+import Want from "@ohos.app.ability.Want";
+import { RNNfcManagerModule } from "@react-native-oh-tpl/react-native-nfc-manager";
+import AbilityConstant from "@ohos.app.ability.AbilityConstant";
 
+export default class EntryAbility extends RNAbility {
   onCreate(want: Want): void {
     super.onCreate(want);
-    RNNfcManagerModule.registerAbilityEvents(this.context,'onCreate',want);
+    RNNfcManagerModule.registerAbilityEvents(this.context, "onCreate", want);
   }
 
   onForeground(): void {
@@ -170,12 +172,12 @@ export default class EntryAbility extends RNAbility {
   }
 
   onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
-    super.onNewWant(want,launchParam);
-    RNNfcManagerModule.registerAbilityEvents(this.context,'onNewWant',want);
+    super.onNewWant(want, launchParam);
+    RNNfcManagerModule.registerAbilityEvents(this.context, "onNewWant", want);
   }
 
   getPagePath() {
-    return 'pages/Index';
+    return "pages/Index";
   }
 
   onDestroy(): void {
@@ -183,21 +185,17 @@ export default class EntryAbility extends RNAbility {
     RNNfcManagerModule.unRegisterAbilityEvents(this.context);
   }
 }
-
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入。
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入 (推荐)
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```
 "dependencies": {
@@ -206,22 +204,22 @@ export default class EntryAbility extends RNAbility {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNNfcManagerPackage
+### 3. Introducing RNNfcManagerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -235,29 +233,30 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
+
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)
+### Permission Requirements
 
-### 权限要求
-打开 `entry/src/main/module.json5`，添加以下权限配置
+Open the `entry/src/main/module.json5` file and add the following code:
 
 ```
 "requestPermissions": [
@@ -270,204 +269,207 @@ ohpm install
 
 ## Nfc Compatibility
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name        | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
-| ----------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| Ndef  |   NFC A type Tag object, through which the Ndef technology type Tag can be accessed                   | Technologies | no       | iOS/Android | yes               |
-| NfcA  |   NFC A type Tag object, through which the NfcA technology type Tag can be accessed                   | Technologies | no       | iOS/Android | yes               |
-| IsoDep  |   NFC A type Tag object, through which the IsoDep technology type Tag can be accessed                   | Technologies | no       | iOS/Android | yes               |
-| NfcF  |   NFC A type Tag object, through which the NfcF technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
-| NfcV  |   NFC A type Tag object, through which the NfcV technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
-| NfcB  |   NFC A type Tag object, through which the NfcB technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
-| MifareClassic  |   NFC A type Tag object, through which the MifareClassic technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
-| MifareUltralight  |   NFC A type Tag object, through which the MifareUltralight technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
-| MifareIOS  |   NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed                   | Technologies | no       | iOS | no               |
-| iso15693  |   NFC A type Tag object, through which the iso15693 technology type Tag can be accessed                   | Technologies | no       | iOS | no               |
-| felica  |   NFC A type Tag object, through which the felica technology type Tag can be accessed                   | Technologies | no       | iOS | no               |
-| NdefFormatable  |   NFC A type Tag object, through which the NdefFormatable technology type Tag can be accessed                   | Technologies | no       | Android | yes               |
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name             | Description                                                                                   | Type         | Required | Platform    | HarmonyOS Support |
+| ---------------- | --------------------------------------------------------------------------------------------- | ------------ | -------- | ----------- | ----------------- |
+| Ndef             | NFC A type Tag object, through which the Ndef technology type Tag can be accessed             | Technologies | no       | iOS/Android | yes               |
+| NfcA             | NFC A type Tag object, through which the NfcA technology type Tag can be accessed             | Technologies | no       | iOS/Android | yes               |
+| IsoDep           | NFC A type Tag object, through which the IsoDep technology type Tag can be accessed           | Technologies | no       | iOS/Android | yes               |
+| NfcF             | NFC A type Tag object, through which the NfcF technology type Tag can be accessed             | Technologies | no       | Android     | yes               |
+| NfcV             | NFC A type Tag object, through which the NfcV technology type Tag can be accessed             | Technologies | no       | Android     | yes               |
+| NfcB             | NFC A type Tag object, through which the NfcB technology type Tag can be accessed             | Technologies | no       | Android     | yes               |
+| MifareClassic    | NFC A type Tag object, through which the MifareClassic technology type Tag can be accessed    | Technologies | no       | Android     | yes               |
+| MifareUltralight | NFC A type Tag object, through which the MifareUltralight technology type Tag can be accessed | Technologies | no       | Android     | yes               |
+| MifareIOS        | NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed        | Technologies | no       | iOS         | no                |
+| iso15693         | NFC A type Tag object, through which the iso15693 technology type Tag can be accessed         | Technologies | no       | iOS         | no                |
+| felica           | NFC A type Tag object, through which the felica technology type Tag can be accessed           | Technologies | no       | iOS         | no                |
+| NdefFormatable   | NFC A type Tag object, through which the NdefFormatable technology type Tag can be accessed   | Technologies | no       | Android     | yes               |
 
 ## API
+
 **common tech handler getters for both iOS / Android**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| start  | Start nfc scan       | function | NO | iOS / Android      | yes |
-| isSupported  | Does the device support nfc       | function | NO | iOS / Android      | yes |
-| isEnabled  | Is the nfc switch turned on       | function | NO | iOS / Android      | yes |
-| registerTagEvent  | Register to monitor NFC Tag card reading events to achieve priority distribution of front-end applications. Set the supported card reading technology type through discTech, and obtain the TagInfo information of the read Tag through the Callback method.       | function | NO | iOS / Android      | yes |
-| unregisterTagEvent  | Cancel monitoring of NFC Tag card reading events       | function | NO | iOS / Android      | yes |
-| setEventListener  | Set up monitoring       | function | NO | iOS / Android      | yes |
-| getBackgroundTag  | Start nfc in the background and obtain the Tag data object provided by the NFC service when the Tag is distributed.       | function | NO | iOS / Android      | yes |
-| clearBackgroundTag  | After starting nfc in the background, clear Tag information of different technology types       | function | NO | iOS / Android      | yes |
-| requestTechnology  | Start scanning       | function | NO | iOS / Android      | yes |
-| cancelTechnologyRequest  | Cancel scan       | function | NO | iOS / Android      | yes |
-| getTag  | Get the Tag data object provided by the NFC service when the Tag is distributed       | function | NO | iOS / Android      | yes |
+| start | Start nfc scan | function | NO | iOS / Android | yes |
+| isSupported | Does the device support nfc | function | NO | iOS / Android | yes |
+| isEnabled | Is the nfc switch turned on | function | NO | iOS / Android | yes |
+| registerTagEvent | Register to monitor NFC Tag card reading events to achieve priority distribution of front-end applications. Set the supported card reading technology type through discTech, and obtain the TagInfo information of the read Tag through the Callback method. | function | NO | iOS / Android | yes |
+| unregisterTagEvent | Cancel monitoring of NFC Tag card reading events | function | NO | iOS / Android | yes |
+| setEventListener | Set up monitoring | function | NO | iOS / Android | yes |
+| getBackgroundTag | Start nfc in the background and obtain the Tag data object provided by the NFC service when the Tag is distributed. | function | NO | iOS / Android | yes |
+| clearBackgroundTag | After starting nfc in the background, clear Tag information of different technology types | function | NO | iOS / Android | yes |
+| requestTechnology | Start scanning | function | NO | iOS / Android | yes |
+| cancelTechnologyRequest | Cancel scan | function | NO | iOS / Android | yes |
+| getTag | Get the Tag data object provided by the NFC service when the Tag is distributed | function | NO | iOS / Android | yes |
 
 **NdefHandler**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| writeNdefMessage| Write NDEF Message data object to label        | function  | NO | Android      | yes |
-| getNdefMessage| Get the Message read from the tag when the NDEF tag is found        | function  | NO | iOS / Android      | yes |
-| makeReadOnly| Set NDEF tag to read-only        | function  | NO | iOS / Android      | yes |
-| getNdefStatus| Check if the NDEF tag can be set to read-only and get the maximum data length that can be sent to the tag        | function  | NO | iOS / Android      | yes |
-| getCachedNdefMessageAndroid| Get the Tag data object provided by the NFC service when the Tag is distributed        | function  | NO | iOS / Android      | yes |
+| writeNdefMessage| Write NDEF Message data object to label | function | NO | Android | yes |
+| getNdefMessage| Get the Message read from the tag when the NDEF tag is found | function | NO | iOS / Android | yes |
+| makeReadOnly| Set NDEF tag to read-only | function | NO | iOS / Android | yes |
+| getNdefStatus| Check if the NDEF tag can be set to read-only and get the maximum data length that can be sent to the tag | function | NO | iOS / Android | yes |
+| getCachedNdefMessageAndroid| Get the Tag data object provided by the NFC service when the Tag is distributed | function | NO | iOS / Android | yes |
 
 **NfcAHandler**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| transceive | Send instructions to Tag        | function  | NO | iOS / Android      | yes |
+| transceive | Send instructions to Tag | function | NO | iOS / Android | yes |
 
 **IsoDepHandler**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| transceive | Send instructions to Tag        | function  | NO | iOS / Android      | yes |
+| transceive | Send instructions to Tag | function | NO | iOS / Android | yes |
 
 **iOS only**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| setAlertMessage | Set a warning message for a certain session (possibly an NFC session or similar) | function  | NO | iOS      | NO |
-| getBackgroundNdef | Scan NFC tag from lock screen        | function  | NO | iOS      | NO |
-| invalidateSessionIOS | Initialize tag session        | function  | NO | iOS      | NO |
-| invalidateSessionWithErrorIOS | Initializing the tag session may throw an exception        | function  | NO | iOS      | NO |
-| sendCommandAPDUIOS | Send specific APDU commands        | function  | NO | iOS      | NO |
-| restartTechnologyRequestIOS | Restart NFC session        | function  | NO | iOS      | NO |
+| setAlertMessage | Set a warning message for a certain session (possibly an NFC session or similar) | function | NO | iOS | NO |
+| getBackgroundNdef | Scan NFC tag from lock screen | function | NO | iOS | NO |
+| invalidateSessionIOS | Initialize tag session | function | NO | iOS | NO |
+| invalidateSessionWithErrorIOS | Initializing the tag session may throw an exception | function | NO | iOS | NO |
+| sendCommandAPDUIOS | Send specific APDU commands | function | NO | iOS | NO |
+| restartTechnologyRequestIOS | Restart NFC session | function | NO | iOS | NO |
 
 **MifareIOS**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| sendMifareCommandIOS | Send specific MIFARE commands        | function  | NO | iOS      | NO |
+| sendMifareCommandIOS | Send specific MIFARE commands | function | NO | iOS | NO |
 
 **FelicaIOS**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| sendFelicaCommandIOS | Send specific Felica commands        | function  | NO | iOS      | NO |
+| sendFelicaCommandIOS | Send specific Felica commands | function | NO | iOS | NO |
 
 **Iso15693**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| getSystemInfo | Obtain system information of RFID tags        | function  | NO | iOS      | NO |
-| readSingleBlock | Read the content stored in a block of tags        | function  | NO | iOS      | NO |
-| readMultipleBlocks | Read the content stored in multiple blocks of the tag        | function  | NO | iOS      | NO |
-| writeSingleBlock | Write content to a block in the tag storage        | function  | NO | iOS      | NO |
-| lockBlock | Lock specific data blocks on tags        | function  | NO | iOS      | NO |
-| writeAFI | Write the specified AFI value into the RFID tag        | function  | NO | iOS      | NO |
-| lockAFI | Used to lock the AFI field in RFID tags to prevent it from being altered        | function  | NO | iOS      | NO |
-| writeDSFID | Write the specified DSFID value into the RFID tag        | function  | NO | iOS      | NO |
-| lockDSFID | Used to lock the AFI field in DSFID tags to prevent it from being altered         | function  | NO | iOS      | NO |
-| resetToReady | Reset the RFID tag from the current state to the ready state, ready to receive new commands         | function  | NO | iOS      | NO |
-| select | Place specific RFID tags in the selected state  | function  | NO | iOS      | NO |
-| stayQuite | Put the tag into a quiet state, in which the tag will not respond to any requests with inventory_flag, but will respond to requests with addressing flags  | function  | NO | iOS      | NO |
-| customCommand | Send custom binary data to RFID tags  | function  | NO | iOS      | NO |
-| sendRequest | Send one or more commands or data requests to RFID tags  | function  | NO | iOS      | NO |
-| extendedReadSingleBlock | Read the content of a specified single data block from an RFID tag  | function  | NO | iOS      | NO |
-| extendedWriteSingleBlock | Write the content of a specified single data block from an RFID tag  | function  | NO | iOS      | NO |
-| extendedLockBlock | Lock one or more data blocks in the RFID tag to prevent them from being further written or modified  | function  | NO | iOS      | NO |
+| getSystemInfo | Obtain system information of RFID tags | function | NO | iOS | NO |
+| readSingleBlock | Read the content stored in a block of tags | function | NO | iOS | NO |
+| readMultipleBlocks | Read the content stored in multiple blocks of the tag | function | NO | iOS | NO |
+| writeSingleBlock | Write content to a block in the tag storage | function | NO | iOS | NO |
+| lockBlock | Lock specific data blocks on tags | function | NO | iOS | NO |
+| writeAFI | Write the specified AFI value into the RFID tag | function | NO | iOS | NO |
+| lockAFI | Used to lock the AFI field in RFID tags to prevent it from being altered | function | NO | iOS | NO |
+| writeDSFID | Write the specified DSFID value into the RFID tag | function | NO | iOS | NO |
+| lockDSFID | Used to lock the AFI field in DSFID tags to prevent it from being altered | function | NO | iOS | NO |
+| resetToReady | Reset the RFID tag from the current state to the ready state, ready to receive new commands | function | NO | iOS | NO |
+| select | Place specific RFID tags in the selected state | function | NO | iOS | NO |
+| stayQuite | Put the tag into a quiet state, in which the tag will not respond to any requests with inventory_flag, but will respond to requests with addressing flags | function | NO | iOS | NO |
+| customCommand | Send custom binary data to RFID tags | function | NO | iOS | NO |
+| sendRequest | Send one or more commands or data requests to RFID tags | function | NO | iOS | NO |
+| extendedReadSingleBlock | Read the content of a specified single data block from an RFID tag | function | NO | iOS | NO |
+| extendedWriteSingleBlock | Write the content of a specified single data block from an RFID tag | function | NO | iOS | NO |
+| extendedLockBlock | Lock one or more data blocks in the RFID tag to prevent them from being further written or modified | function | NO | iOS | NO |
 
 **Android only**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| goToNfcSetting | Guide users to the NFC settings interface of the device        | function  | NO | Android      | yes |
-| getLaunchTagEvent | Retrieve events or data when an application is launched (or reactivated) due to NFC tag scanning        | function  | NO | Android      | yes |
-| transceive | Send instructions to Tag         | function  | NO | Android      | yes |
-| getMaxTransceiveLength | Query the maximum data length that can be sent to a label         | function  | NO | Android      | yes |
-| setTimeout | Set the timeout for sending data to Tag         | function  | NO | Android      | yes |
-| connect | Establish a connection with the tag         | function  | NO | Android      | yes |
-| close | Close tag connection        | function  | NO | Android      | yes |
+| goToNfcSetting | Guide users to the NFC settings interface of the device | function | NO | Android | yes |
+| getLaunchTagEvent | Retrieve events or data when an application is launched (or reactivated) due to NFC tag scanning | function | NO | Android | yes |
+| transceive | Send instructions to Tag | function | NO | Android | yes |
+| getMaxTransceiveLength | Query the maximum data length that can be sent to a label | function | NO | Android | yes |
+| setTimeout | Set the timeout for sending data to Tag | function | NO | Android | yes |
+| connect | Establish a connection with the tag | function | NO | Android | yes |
+| close | Close tag connection | function | NO | Android | yes |
 
 **NfcVHandler**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| transceive | Send instructions to Tag        | function  | NO | Android      | yes |
+| transceive | Send instructions to Tag | function | NO | Android | yes |
 
 **MifareClassicHandlerAndroid**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| mifareClassicSectorToBlock | Obtain the sequence number of the first block in a specific sector        | function  | NO | Android      | yes |
-| mifareClassicReadBlock | Read the content stored in a block of tags, with a block size of 16 bytes        | function  | NO | Android      | yes |
-| mifareClassicWriteBlock | Write content to a block in the tag, with a block size of 16 bytes        | function  | NO | Android      | yes |
-| mifareClassicIncrementBlock | Add the specified value to the content of the specified block and store the result in the internal transmission buffer   | function  | NO | Android      | yes |
-| mifareClassicDecrementBlock | Reduce the specified value for the content of the specified block and store the result in an internal transfer buffer    | function  | NO | Android      | yes |
-| mifareClassicTransferBlock | Transfer the value of the temporary register to the specified block   | function  | NO | Android      | yes |
-| mifareClassicGetSectorCount | Get the number of sectors in the MIFARE Classic tag   | function  | NO | Android      | yes |
-| mifareClassicAuthenticateA | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is A   | function  | NO | Android      | yes |
-| mifareClassicAuthenticateB | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is B   | function  | NO | Android      | yes |
+| mifareClassicSectorToBlock | Obtain the sequence number of the first block in a specific sector | function | NO | Android | yes |
+| mifareClassicReadBlock | Read the content stored in a block of tags, with a block size of 16 bytes | function | NO | Android | yes |
+| mifareClassicWriteBlock | Write content to a block in the tag, with a block size of 16 bytes | function | NO | Android | yes |
+| mifareClassicIncrementBlock | Add the specified value to the content of the specified block and store the result in the internal transmission buffer | function | NO | Android | yes |
+| mifareClassicDecrementBlock | Reduce the specified value for the content of the specified block and store the result in an internal transfer buffer | function | NO | Android | yes |
+| mifareClassicTransferBlock | Transfer the value of the temporary register to the specified block | function | NO | Android | yes |
+| mifareClassicGetSectorCount | Get the number of sectors in the MIFARE Classic tag | function | NO | Android | yes |
+| mifareClassicAuthenticateA | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is A | function | NO | Android | yes |
+| mifareClassicAuthenticateB | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is B | function | NO | Android | yes |
 
 **MifareUltralightHandlerAndroid**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| mifareUltralightReadPages | Read 4 pages of data from the tag, totaling 16 bytes of data. Each page has a data size of 4 bytes    | function  | NO | Android      | yes |
-| mifareUltralightWritePage | Write one page of data with a size of 4 bytes   | function  | NO | Android      | yes |
+| mifareUltralightReadPages | Read 4 pages of data from the tag, totaling 16 bytes of data. Each page has a data size of 4 bytes | function | NO | Android | yes |
+| mifareUltralightWritePage | Write one page of data with a size of 4 bytes | function | NO | Android | yes |
 
 **NdefFormatableHandlerAndroid**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| formatNdef | Format tags as NDEF tags and write NDEF messages into NDEF tags   | function  | NO | Android      | yes |
+| formatNdef | Format tags as NDEF tags and write NDEF messages into NDEF tags | function | NO | Android | yes |
+
+## Properties
 
-## 属性
 **RegisterTagEventOpts**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| alertMessage   | Specify a warning or prompt message to be displayed when an NFC tag is read         | string  | NO | iOS      | NO |
-| invalidateAfterFirstRead   | NFC tags should be considered invalid after being read for the first time     | boolean  | NO | iOS      | NO |
-| isReaderModeEnabled   | This option is used to indicate whether NFC's' Reader Mode 'is enabled         | boolean  | NO | Android      | yes |
-| readerModeFlags   | This option allows you to specify the flag for the reader mode         | number  | NO | Android      | yes |
-| readerModeDelay   | This option allows you to specify how long to delay processing an NFC tag after it is detected   | number  | NO | Android      | NO |
+| alertMessage | Specify a warning or prompt message to be displayed when an NFC tag is read | string | NO | iOS | NO |
+| invalidateAfterFirstRead | NFC tags should be considered invalid after being read for the first time | boolean | NO | iOS | NO |
+| isReaderModeEnabled | This option is used to indicate whether NFC's' Reader Mode 'is enabled | boolean | NO | Android | yes |
+| readerModeFlags | This option allows you to specify the flag for the reader mode | number | NO | Android | yes |
+| readerModeDelay | This option allows you to specify how long to delay processing an NFC tag after it is detected | number | NO | Android | NO |
 
 **NfcEvents**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| DiscoverTag   | When the NFC Manager (NfcManager) detects and successfully reads an NFC tag, this event will be triggered     | enum  | NO | iOS/Android      | yes |
-| DiscoverBackgroundTag   | When the application is in the background, the NFC Manager (NfcManager) detects and successfully reads an NFC tag, triggering this event     | enum  | NO | iOS/Android      | yes |
-| SessionClosed   | Trigger this event when NFC session is closed     | enum  | NO | iOS      | NO |
-| StateChanged   | This event is triggered when the enabled state of NFC changes    | enum  | NO | iOS/Android      | yes |
+| DiscoverTag | When the NFC Manager (NfcManager) detects and successfully reads an NFC tag, this event will be triggered | enum | NO | iOS/Android | yes |
+| DiscoverBackgroundTag | When the application is in the background, the NFC Manager (NfcManager) detects and successfully reads an NFC tag, triggering this event | enum | NO | iOS/Android | yes |
+| SessionClosed | Trigger this event when NFC session is closed | enum | NO | iOS | NO |
+| StateChanged | This event is triggered when the enabled state of NFC changes | enum | NO | iOS/Android | yes |
 
 **NfcTech**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| Ndef  |  NDEF (NFC Data Exchange Format) is a standard format used for storing and exchanging data on NFC tags  | enum | no       | iOS/Android | yes               |
-| NfcA  |  NfcA stands for ISO 14443-3 Type A technology, which is a widely used NFC tag type that supports fast data transmission and high security     | enum | no       | iOS/Android | yes               |
-| IsoDep  |  IsoDep represents the ISO/IEC 7816-4 standard, which defines the communication protocol between smart cards and readers     | enum | no       | iOS/Android | yes               |
-| NfcF  |   NfcF stands for ISO 14443-4 Type F technology, which supports high-speed data transmission and more complex encryption functions  | enum | no       | Android | yes               |
-| NfcV  |  NfcV stands for ISO 15693 technology, also known as VICC (Vicinity Integrated Circuit Card), mainly used for low-frequency NFC tags with a longer reading distance.      | enum | no       | Android | yes               |
-| NfcB  |  NfcB stands for ISO 14443-3 Type B technology, similar to NfcA but with different physical characteristics and communication protocols.     | enum | no       | Android | yes               |
-| MifareClassic  |  Mifare Classic is a popular NFC tag type produced by NXP Semiconductors (now renamed NXP), widely used in fields such as access control systems, bus cards, and payment applications | enum | no       | Android | yes               |
-| MifareUltralight  |  Mifare Ultralight is a low-cost NFC tag in the Mifare series, suitable for applications that require fast reading and writing but do not require high security.   | enum | no       | Android | yes               |
-| MifareIOS  |   NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed                   | enum | no       | iOS | no               |
-| iso15693  |   NFC A type Tag object, through which the iso15693 technology type Tag can be accessed                   | enum | no       | iOS | no               |
-| felica  |   NFC A type Tag object, through which the felica technology type Tag can be accessed                   | enum | no       | iOS | no               |
-| NdefFormatable  |  NdefFormatable represents an NFC tag that has not yet been formatted as NDEF   | enum | no       | Android | yes               |
-
-## 返回值
+| Ndef | NDEF (NFC Data Exchange Format) is a standard format used for storing and exchanging data on NFC tags | enum | no | iOS/Android | yes |
+| NfcA | NfcA stands for ISO 14443-3 Type A technology, which is a widely used NFC tag type that supports fast data transmission and high security | enum | no | iOS/Android | yes |
+| IsoDep | IsoDep represents the ISO/IEC 7816-4 standard, which defines the communication protocol between smart cards and readers | enum | no | iOS/Android | yes |
+| NfcF | NfcF stands for ISO 14443-4 Type F technology, which supports high-speed data transmission and more complex encryption functions | enum | no | Android | yes |
+| NfcV | NfcV stands for ISO 15693 technology, also known as VICC (Vicinity Integrated Circuit Card), mainly used for low-frequency NFC tags with a longer reading distance. | enum | no | Android | yes |
+| NfcB | NfcB stands for ISO 14443-3 Type B technology, similar to NfcA but with different physical characteristics and communication protocols. | enum | no | Android | yes |
+| MifareClassic | Mifare Classic is a popular NFC tag type produced by NXP Semiconductors (now renamed NXP), widely used in fields such as access control systems, bus cards, and payment applications | enum | no | Android | yes |
+| MifareUltralight | Mifare Ultralight is a low-cost NFC tag in the Mifare series, suitable for applications that require fast reading and writing but do not require high security. | enum | no | Android | yes |
+| MifareIOS | NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed | enum | no | iOS | no |
+| iso15693 | NFC A type Tag object, through which the iso15693 technology type Tag can be accessed | enum | no | iOS | no |
+| felica | NFC A type Tag object, through which the felica technology type Tag can be accessed | enum | no | iOS | no |
+| NdefFormatable | NdefFormatable represents an NFC tag that has not yet been formatted as NDEF | enum | no | Android | yes |
+
+## Return value
+
 **NdefStatus**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| NotSupported   | When NFC tags do not support NDEF format, this status will be returned   | enum  | NO | iOS/Android      | yes |
-| ReadWrite   | When NFC tags support NDEF format and allow read and write operations, this status will be returned    | enum  | NO | iOS/Android      | yes |
-| ReadOnly   | When NFC tags support NDEF format but only allow read operations, this status will be returned   | enum  | NO | iOS/Android      | yes |
+| NotSupported | When NFC tags do not support NDEF format, this status will be returned | enum | NO | iOS/Android | yes |
+| ReadWrite | When NFC tags support NDEF format and allow read and write operations, this status will be returned | enum | NO | iOS/Android | yes |
+| ReadOnly | When NFC tags support NDEF format but only allow read operations, this status will be returned | enum | NO | iOS/Android | yes |
 
 **TagEvent**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| ndefMessage   | Retrieve all records from NDEF messages   | NdefRecord[]  | NO | iOS/Android      | yes |
-| maxSize   | This attribute represents the maximum number of bytes that can be stored on an NFC tag  | number  | NO | iOS/Android      | yes |
-| type   | The 'type' attribute may be used to identify the type or format of NFC tags   | string  | NO | iOS/Android      | yes |
-| techTypes   | This is an array containing strings used to identify the technology types supported by NFC tags    | string[]  | NO | iOS/Android      | yes |
-| id   | The id attribute represents the unique identifier of the NFC tag | string  | NO | iOS/Android      | yes |
+| ndefMessage | Retrieve all records from NDEF messages | NdefRecord[] | NO | iOS/Android | yes |
+| maxSize | This attribute represents the maximum number of bytes that can be stored on an NFC tag | number | NO | iOS/Android | yes |
+| type | The 'type' attribute may be used to identify the type or format of NFC tags | string | NO | iOS/Android | yes |
+| techTypes | This is an array containing strings used to identify the technology types supported by NFC tags | string[] | NO | iOS/Android | yes |
+| id | The id attribute represents the unique identifier of the NFC tag | string | NO | iOS/Android | yes |
 
 **NdefRecord**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| id   | This is an optional byte array used as an identifier for NDEF records   | number[]  | NO | iOS/Android      | yes |
-| tnf   | TNF (Type Name Format) is an enumeration or type used to indicate the interpretation of the type field   | number  | NO | iOS/Android      | yes |
-| type   | This attribute can be a byte array (number []) or a string, depending on the value of the TNF field   | number[]  | NO | iOS/Android      | yes |
-| payload   | Payload is the actual data portion recorded by NDEF  | number[]  | NO | iOS/Android      | yes |
+| id | This is an optional byte array used as an identifier for NDEF records | number[] | NO | iOS/Android | yes |
+| tnf | TNF (Type Name Format) is an enumeration or type used to indicate the interpretation of the type field | number | NO | iOS/Android | yes |
+| type | This attribute can be a byte array (number []) or a string, depending on the value of the TNF field | number[] | NO | iOS/Android | yes |
+| payload | Payload is the actual data portion recorded by NDEF | number[] | NO | iOS/Android | yes |
 
-## 遗留问题
+## Known Issues
 
+## Others
 
-## 其他
-本库是一个为 React Native 开发者提供的 NFC（近场通信）管理库，它允许开发者在 React Native 应用中轻松集成 NFC 功能。这个库支持 iOS 、 Android 和HarmonyOS NEXT平台,使得开发者可以跨平台地实现 NFC 相关的功能，如读取和写入 NFC 标签、进行智能卡模拟等。因平台不同，iOS 、Android 和HarmonyOS NEXT在NFC（近场通信）技术中对标签和协议类型存在兼容性。本库的设计考虑到了Android 和HarmonyOS NEXT兼容性较高，核心功能在两个平台上都能实现，并且表现一致。该库提供了多种 NFC 技术的支持，包括但不限于 NDEF、NfcA、IsoDep 和 NfcV 等。
+本库是一个为 React Native 开发者提供的 NFC（近场通信）管理库，它允许开发者在 React Native 应用中轻松集成 NFC 功能。这个库支持 iOS 、 Android 和 HarmonyOS NEXT 平台,使得开发者可以跨平台地实现 NFC 相关的功能，如读取和写入 NFC 标签、进行智能卡模拟等。因平台不同，iOS 、Android 和 HarmonyOS NEXT 在 NFC（近场通信）技术中对标签和协议类型存在兼容性。本库的设计考虑到了 Android 和 HarmonyOS NEXT 兼容性较高，核心功能在两个平台上都能实现，并且表现一致。该库提供了多种 NFC 技术的支持，包括但不限于 NDEF、NfcA、IsoDep 和 NfcV 等。
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-nfc-manager/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-nfc-manager/blob/main/LICENSE).
diff --git a/en/react-native-orientation-locker.md b/en/react-native-orientation-locker.md
index 95009e78..3104c31f 100644
--- a/en/react-native-orientation-locker.md
+++ b/en/react-native-orientation-locker.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.1
+> Template version: v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>react-native-orientation-locker</code> </h1>
@@ -13,19 +12,19 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-orientation-locker)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-orientation-locker)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-orientation-locker@file:#
@@ -39,12 +38,11 @@ yarn add @react-native-oh-tpl/react-native-orientation-locker@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
-
 import {
   Alert,
   Button,
@@ -52,8 +50,8 @@ import {
   Text,
   TouchableOpacity,
   View,
-} from 'react-native';
-import {useCallback, useEffect, useState} from 'react';
+} from "react-native";
+import { useCallback, useEffect, useState } from "react";
 import Orientation, {
   OrientationLocker,
   PORTRAIT,
@@ -61,79 +59,65 @@ import Orientation, {
   useOrientationChange,
   useDeviceOrientationChange,
   useLockListener,
-} from 'react-native-orientation-locker';
+} from "react-native-orientation-locker";
 
 export function OrientationLockerExample() {
   const [showVideo, setShowVideo] = useState(true);
   const [orientation, setOrientation] = useState<string>();
   const [isLock, setIsLock] = useState<boolean>(false);
   const updateOrientation = (orientation: string) => {
-    console.info('---orientation-----22222', orientation);
+    console.info("---orientation-----22222", orientation);
     setOrientation(orientation);
   };
 
   const updateDeviceOrientation = (orientation: string) => {
-    console.info('---updateDeviceOrientation-----1111111', orientation);
+    console.info("---updateDeviceOrientation-----1111111", orientation);
     setOrientation(orientation);
   };
 
   const updateLock = (orientation: string) => {
-    console.info('---updateLock-----', orientation);
+    console.info("---updateLock-----", orientation);
   };
 
   useEffect(() => {
-    // 开启方向变化的监听
     getOrientationInt();
   }, []);
 
-
-  //获取方向
   const getOrientationInt = () => {
     Orientation.getOrientation((orientation: string) => {
       updateOrientation(orientation);
       if (orientation) {
-        Alert.alert(`当前屏幕方向为${orientation}`);
+        Alert.alert(`The current screen orientation is${orientation}`);
       } else {
-        Alert.alert('获取当前屏幕方向失败');
+        Alert.alert("Failed to obtain the current screen orientation");
       }
     });
   };
 
-  // 锁定方向为纵向（竖屏）
   const setLockToPortrait = () => {
     Orientation.lockToPortrait();
   };
-  // 锁定方向为横向（横屏）
   const setLockToLandscape = () => {
     Orientation.lockToLandscape();
   };
-  // 锁定方向为横向，并且是向左旋转的方向
   const setLockToLandscapeLeft = () => {
     Orientation.lockToLandscapeLeft();
   };
-  // 锁定方向为横向，并且是向右旋转的方向
   const setLockToLandscapeRight = () => {
     Orientation.lockToLandscapeRight();
   };
-  // 解除方向的锁定，允许自由旋转
   const unlockAllOrientations = () => {
     Orientation.unlockAllOrientations();
   };
-
-  // 锁定上下的方向
   const lockToPortraitUpsideDown = () => {
     Orientation.lockToPortraitUpsideDown();
   };
-
-  // 锁定除了上下的所有方向
   const lockToAllOrientationsButUpsideDown = () => {
     Orientation.lockToAllOrientationsButUpsideDown();
   };
-  // 添加监听a
   const addTisten = () => {
     Orientation.addDeviceOrientationListener(updateDeviceOrientation);
   };
-  // 取消监听
   const cancelAddTisten = () => {
     Orientation.removeDeviceOrientationListener(updateDeviceOrientation);
   };
@@ -143,34 +127,48 @@ export function OrientationLockerExample() {
       <Text>{`Current Orientation----: ${orientation}`}</Text>
       <TouchableOpacity
         onPress={lockToPortraitUpsideDown}
-        style={styles.button}>
-        <Text style={styles.instructions}>锁定上下的方向</Text>
+        style={styles.button}
+      >
+        <Text style={styles.instructions}>Lock the up and down direction</Text>
       </TouchableOpacity>
       <TouchableOpacity
         onPress={lockToAllOrientationsButUpsideDown}
-        style={styles.button}>
-        <Text style={styles.instructions}>锁定除了上下的所有方向</Text>
+        style={styles.button}
+      >
+        <Text style={styles.instructions}>
+          Lock all directions except for up and down
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={setLockToPortrait} style={styles.button}>
-        <Text style={styles.instructions}>锁定当前屏幕为竖屏</Text>
+        <Text style={styles.instructions}>
+          Lock the current screen to portrait mode
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={setLockToLandscape} style={styles.button}>
-        <Text style={styles.instructions}>锁定当前屏幕为横屏</Text>
+        <Text style={styles.instructions}>
+          Lock the current screen to landscape mode
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={setLockToLandscapeLeft} style={styles.button}>
-        <Text style={styles.instructions}>锁定当前屏幕为横屏,左旋转</Text>
+        <Text style={styles.instructions}>
+          Lock the current screen to landscape and rotate it to the left
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={setLockToLandscapeRight} style={styles.button}>
-        <Text style={styles.instructions}>锁定当前屏幕为横屏,右旋转</Text>
+        <Text style={styles.instructions}>
+          Lock the current screen to landscape and rotate it to the right
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={unlockAllOrientations} style={styles.button}>
-        <Text style={styles.instructions}>解锁当前屏幕旋转锁定</Text>
+        <Text style={styles.instructions}>
+          Unlock the current screen rotation lock
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={addTisten} style={styles.button}>
-        <Text style={styles.instructions}>添加监听</Text>
+        <Text style={styles.instructions}>Add monitoring</Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={cancelAddTisten} style={styles.button}>
-        <Text style={styles.instructions}>取消监听</Text>
+        <Text style={styles.instructions}>Cancel monitoring</Text>
       </TouchableOpacity>
     </View>
   );
@@ -179,46 +177,44 @@ export function OrientationLockerExample() {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    justifyContent: "flex-start",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
     marginTop: 20,
   },
   welcome: {
     fontSize: 20,
-    textAlign: 'center',
+    textAlign: "center",
     margin: 10,
   },
   instructions: {
-    textAlign: 'center',
-    color: '#eeeeee',
+    textAlign: "center",
+    color: "#eeeeee",
     marginBottom: 0,
   },
   buttonContainer: {
     flex: 0,
-    flexDirection: 'row',
-    justifyContent: 'space-around',
+    flexDirection: "row",
+    justifyContent: "space-around",
   },
   button: {
     padding: 5,
     margin: 5,
     borderWidth: 1,
-    borderColor: 'white',
+    borderColor: "white",
     borderRadius: 3,
-    backgroundColor: 'grey',
+    backgroundColor: "grey",
   },
 });
-
-
 ```
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-## 在工程根目录的 `oh-package.json5` 添加 `overrides`字段
+## Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -229,40 +225,37 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-orientation-locker":"file：../../node_modules/@react-native-oh-tpl/react-native-orientation-locker/harmony/orientation_locker.har"
+    "@react-native-oh-tpl/react-native-orientation-locker":"file: ../../node_modules/@react-native-oh-tpl/react-native-orientation-locker/harmony/orientation_locker.har"
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
 > [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -271,16 +264,16 @@ ohpm install
   }
 ```
 
-打开终端，执行：
+run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install --no-link
 ```
 
-### 3.在 ArkTs 侧引入 RNOrientationLockerPackage
+### 3. Introducing RNOrientationLockerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -293,70 +286,69 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请见[react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
+For details, see [react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| -------------- | ---------------------------------------- | ------ | ------------------------  | ---------------- | ----------------- |
-| lockToPortrait   |   Lock the orientation of the application to portrait (portrait)         |  function  | No       | IOS/Android | yes               |
-| lockToLandscape  |    Lock the orientation of the application to landscape (landscape)         | function | No       | IOS/Android | yes               |
-| lockToLandscapeLeft  | Lock the orientation of the app to landscape and rotated to the left         | function | No       | IOS/Android | yes               |
-| lockToLandscapeRight  | Lock the orientation of the app to landscape and rotated to the right         | function | No       | IOS/Android | yes               |
-| unlockAllOrientations  | Unlocks the orientation of the app, allowing the device to rotate freely          | function | No       | IOS/Android | yes               |
-| getOrientation  | Get the direction of the current device        | callback | No       | IOS/Android | yes               |
-| getDeviceOrientation  | Obtains the direction of the current device        | callback | No       | IOS/Android | yes               |
+| Name                  | Description                                                              | Type     | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| lockToPortrait        | Lock the orientation of the application to portrait (portrait)           | function | No       | IOS/Android | yes               |
+| lockToLandscape       | Lock the orientation of the application to landscape (landscape)         | function | No       | IOS/Android | yes               |
+| lockToLandscapeLeft   | Lock the orientation of the app to landscape and rotated to the left     | function | No       | IOS/Android | yes               |
+| lockToLandscapeRight  | Lock the orientation of the app to landscape and rotated to the right    | function | No       | IOS/Android | yes               |
+| unlockAllOrientations | Unlocks the orientation of the app, allowing the device to rotate freely | function | No       | IOS/Android | yes               |
+| getOrientation        | Get the direction of the current device                                  | callback | No       | IOS/Android | yes               |
+| getDeviceOrientation  | Obtains the direction of the current device                              | callback | No       | IOS/Android | yes               |
 
 ## Events
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请见[react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
+For details, see [react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
 
-| Name   | Description                              | Type   | Required | Platform    | HarmonyOS Support |
-| -------------- | ---------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| addOrientationListener  | When UI orientation changed, callback function will be called. But if lockToXXX is called , callback function will be not called untill unlockAllOrientations. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN When lockToXXX/unlockAllOrientations, it will force resend UI orientation changed event.| callback | No       | IOS/Android | yes               |
-| addDeviceOrientationListener  | When device orientation changed, callback function will be called. When lockToXXX is called, callback function also can be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN | callback | No       | IOS/Android | yes               |
-| removeOrientationListener  |    | callback | No       | IOS/Android | yes               |
-| removeDeviceOrientationListener  |         | callback | No       | IOS/Android | yes               |
-| addLockListener  | When call lockToXXX/unlockAllOrientations, callback function will be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT UNKNOWN UNKNOWN means not be locked. | callback | No       | IOS/Android | yes               |
-| removeLockListener  |     | callback | No       | IOS/Android | yes              |
-| removeAllListeners  |       | callback | No       | IOS/Android | yes              |
+| Name                            | Description                                                                                                                                                                                                                                                                                                                                      | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| addOrientationListener          | When UI orientation changed, callback function will be called. But if lockToXXX is called , callback function will be not called untill unlockAllOrientations. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN When lockToXXX/unlockAllOrientations, it will force resend UI orientation changed event. | callback | No       | IOS/Android | yes               |
+| addDeviceOrientationListener    | When device orientation changed, callback function will be called. When lockToXXX is called, callback function also can be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN                                                                                                                      | callback | No       | IOS/Android | yes               |
+| removeOrientationListener       |                                                                                                                                                                                                                                                                                                                                                  | callback | No       | IOS/Android | yes               |
+| removeDeviceOrientationListener |                                                                                                                                                                                                                                                                                                                                                  | callback | No       | IOS/Android | yes               |
+| addLockListener                 | When call lockToXXX/unlockAllOrientations, callback function will be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT UNKNOWN UNKNOWN means not be locked.                                                                                                                                                                   | callback | No       | IOS/Android | yes               |
+| removeLockListener              |                                                                                                                                                                                                                                                                                                                                                  | callback | No       | IOS/Android | yes               |
+| removeAllListeners              |                                                                                                                                                                                                                                                                                                                                                  | callback | No       | IOS/Android | yes               |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-orientation-locker/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/wonday/react-native-orientation-locker/blob/master/LICENSE).
diff --git a/en/react-native-orientation.md b/en/react-native-orientation.md
index f90dbd47..fb465dc7 100644
--- a/en/react-native-orientation.md
+++ b/en/react-native-orientation.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-orientation</code> </h1>
@@ -11,22 +10,21 @@
     <a href="https://github.com/react-native-orientation/blob/sig/LICENSE.md">
         <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
     </a>
-   
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-orientation)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-orientation)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-orientation@file:#
@@ -40,74 +38,64 @@ yarn add @react-native-oh-tpl/react-native-orientation@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
-
-import Orientation from 'react-native-orientation';
-import {Alert, StyleSheet, Text, TouchableOpacity, View} from 'react-native';
-import {useEffect, useState} from 'react';
+import Orientation from "react-native-orientation";
+import { Alert, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { useEffect, useState } from "react";
 
 export default function OrientationDemo() {
   const [orientation, setOrientation] = useState<string>();
   const [SpecificOrientation, setSpecificOrientation] = useState<string>();
   const updateOrientation = (orientation: string) => {
-    console.info('orientation', orientation);
+    console.info("orientation", orientation);
     setOrientation(orientation);
   };
   const UpdateSpecificOrientation = (SpecificOrientation: string) => {
-    console.info('SpecificOrientation', SpecificOrientation);
+    console.info("SpecificOrientation", SpecificOrientation);
     setSpecificOrientation(SpecificOrientation);
   };
   useEffect(() => {
-    // 开启方向变化的监听
     Orientation.addOrientationListener(updateOrientation);
     Orientation.addSpecificOrientationListener(UpdateSpecificOrientation);
     return () => {
-     // 移除方向变化的监听
       Orientation.removeOrientationListener(updateOrientation);
       Orientation.removeSpecificOrientationListener(UpdateSpecificOrientation);
     };
   }, []);
-  // 获取方向
   const getOrientationInt = () => {
     Orientation.getOrientation((err: string, orientation: string) => {
       if (orientation) {
-        Alert.alert(`当前屏幕方向为${orientation}`);
+        Alert.alert(`The current screen orientation is${orientation}`);
       } else {
         Alert.alert(err);
       }
     });
   };
-  // 获取具体方向
   const getSpecificOrientationInt = () => {
     Orientation.getSpecificOrientation((err: string, orientation: string) => {
       if (orientation) {
-        Alert.alert(`当前屏幕方向为${orientation}`);
+        Alert.alert(`The current screen orientation is${orientation}`);
       } else {
         Alert.alert(err);
       }
     });
   };
-  // 锁定方向为纵向（竖屏）
   const setLockToPortrait = () => {
     Orientation.lockToPortrait();
   };
-  // 锁定方向为横向（横屏）
   const setLockToLandscape = () => {
     Orientation.lockToLandscape();
   };
-  // 锁定方向为横向，并且是向左旋转的方向
   const setLockToLandscapeLeft = () => {
     Orientation.lockToLandscapeLeft();
   };
-  // 锁定方向为横向，并且是向右旋转的方向
   const setLockToLandscapeRight = () => {
     Orientation.lockToLandscapeRight();
   };
-  // 解除方向的锁定，允许自由旋转
   const unlockAllOrientations = () => {
     Orientation.unlockAllOrientations();
   };
@@ -116,27 +104,42 @@ export default function OrientationDemo() {
       <Text>{`Current Orientation: ${orientation}`}</Text>
       <Text>{`Current SpecificOrientation: ${SpecificOrientation}`}</Text>
       <TouchableOpacity onPress={getOrientationInt} style={styles.button}>
-        <Text style={styles.instructions}>获取当前屏幕的方向</Text>
+        <Text style={styles.instructions}>
+          Get the current screen orientation
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity
         onPress={getSpecificOrientationInt}
-        style={styles.button}>
-        <Text style={styles.instructions}>获取当前屏幕具体的方向</Text>
+        style={styles.button}
+      >
+        <Text style={styles.instructions}>
+          Get the specific direction of the current screen
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={setLockToPortrait} style={styles.button}>
-        <Text style={styles.instructions}>锁定当前屏幕为竖屏</Text>
+        <Text style={styles.instructions}>
+          Lock the current screen to portrait mode
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={setLockToLandscape} style={styles.button}>
-        <Text style={styles.instructions}>锁定当前屏幕为横屏</Text>
+        <Text style={styles.instructions}>
+          Lock the current screen to landscape mode
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={setLockToLandscapeLeft} style={styles.button}>
-        <Text style={styles.instructions}>锁定当前屏幕为横屏,左旋转</Text>
+        <Text style={styles.instructions}>
+          Lock the current screen to landscape and rotate it to the left
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={setLockToLandscapeRight} style={styles.button}>
-        <Text style={styles.instructions}>锁定当前屏幕为横屏,右旋转</Text>
+        <Text style={styles.instructions}>
+          Lock the current screen to landscape and rotate it to the right
+        </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={unlockAllOrientations} style={styles.button}>
-        <Text style={styles.instructions}>解锁当前屏幕旋转锁定</Text>
+        <Text style={styles.instructions}>
+          Unlock the current screen rotation lock
+        </Text>
       </TouchableOpacity>
     </View>
   );
@@ -145,48 +148,48 @@ export default function OrientationDemo() {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    justifyContent: "flex-start",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
     marginTop: 20,
   },
   welcome: {
     fontSize: 20,
-    textAlign: 'center',
+    textAlign: "center",
     margin: 10,
   },
   instructions: {
-    textAlign: 'center',
-    color: '#eeeeee',
+    textAlign: "center",
+    color: "#eeeeee",
     marginBottom: 0,
   },
   buttonContainer: {
     flex: 0,
-    flexDirection: 'row',
-    justifyContent: 'space-around',
+    flexDirection: "row",
+    justifyContent: "space-around",
   },
   button: {
     padding: 5,
     margin: 5,
     borderWidth: 1,
-    borderColor: 'white',
+    borderColor: "white",
     borderRadius: 3,
-    backgroundColor: 'grey',
+    backgroundColor: "grey",
   },
 });
+```
 
+## Use Codegen
 
-```
-## 使用 Codegen 
-本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 在工程根目录的 `oh-package.json5` 添加 overrides字段
+### Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -196,18 +199,16 @@ const styles = StyleSheet.create({
   }
 }
 ```
-### 2.引入原生端代码
 
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）;
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -216,29 +217,29 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-打开终端，执行：
+run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install --no-link
 ```
 
-### 3.在 ArkTs 侧引入 RNOrientationPackage
+### 3. Introducing RNOrientationPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -252,62 +253,62 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请见[react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
+For details, see [react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
 
-| Name           | Description                              | Type   | Required | Platform    | HarmonyOS Support |
-| -------------- | ---------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| lockToPortrait  | Lock the orientation of the application to portrait (portrait)         | function | No       | IOS/Android | yes               |
-| lockToLandscape  | Lock the orientation of the application to landscape (landscape)         | function | No       | IOS/Android | yes               |
-| lockToLandscapeLeft  | Lock the orientation of the app to landscape and rotated to the left         | function | No       | IOS/Android | yes               |
-| lockToLandscapeRight  | Lock the orientation of the app to landscape and rotated to the right         | function | No       | IOS/Android | yes               |
-| unlockAllOrientations  | Unlocks the orientation of the app, allowing the device to rotate freely          | function | No       | IOS/Android | yes               |
-| getOrientation  | Get the direction of the current device        | callback | No       | IOS/Android | yes               |
-| getSpecificOrientation  | Obtains the direction of the current device        | callback | No       | IOS/Android | yes               |
+| Name                   | Description                                                              | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| lockToPortrait         | Lock the orientation of the application to portrait (portrait)           | function | No       | IOS/Android | yes               |
+| lockToLandscape        | Lock the orientation of the application to landscape (landscape)         | function | No       | IOS/Android | yes               |
+| lockToLandscapeLeft    | Lock the orientation of the app to landscape and rotated to the left     | function | No       | IOS/Android | yes               |
+| lockToLandscapeRight   | Lock the orientation of the app to landscape and rotated to the right    | function | No       | IOS/Android | yes               |
+| unlockAllOrientations  | Unlocks the orientation of the app, allowing the device to rotate freely | function | No       | IOS/Android | yes               |
+| getOrientation         | Get the direction of the current device                                  | callback | No       | IOS/Android | yes               |
+| getSpecificOrientation | Obtains the direction of the current device                              | callback | No       | IOS/Android | yes               |
 
 ## Events
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+For details, see [react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
 
-详情请见[react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
+| Name                              | Description                                       | Type     | Required | Platform    | HarmonyOS Support |
+| --------------------------------- | ------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| addOrientationListener            | Enable monitoring of screen orientation changes   | callback | No       | IOS/Android | yes               |
+| addSpecificOrientationListener    | Start to monitor the change of screen orientation | callback | No       | IOS/Android | yes               |
+| removeOrientationListener         | Remove Listen Screen Orientation Change           | callback | No       | IOS/Android | yes               |
+| removeSpecificOrientationListener | Remove Monitor Screen Specific Orientation Change | callback | No       | IOS/Android | yes               |
 
-| Name           | Description                              | Type   | Required | Platform    | HarmonyOS Support |
-| -------------- | ---------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| addOrientationListener  | Enable monitoring of screen orientation changes         | callback | No       | IOS/Android | yes               |
-| addSpecificOrientationListener  | Start to monitor the change of screen orientation | callback | No       | IOS/Android | yes               |
-| removeOrientationListener  | Remove Listen Screen Orientation Change    | callback | No       | IOS/Android | yes               |
-| removeSpecificOrientationListener  | Remove Monitor Screen Specific Orientation Change        | callback | No       | IOS/Android | yes               |
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [ISC License](https://github.com/react-native-oh-library/react-native-orientation/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [ISC License](https://github.com/react-native-oh-library/react-native-orientation/blob/master/LICENSE).
diff --git a/en/react-native-performance.md b/en/react-native-performance.md
index 2078a664..63d777a6 100644
--- a/en/react-native-performance.md
+++ b/en/react-native-performance.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-performance</code> </h1>
@@ -13,16 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-performance)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-performance)
 
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,172 +39,177 @@ yarn add @react-native-oh-tpl/react-native-performance@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { useState,useEffect } from 'react';
+import React, { useState, useEffect } from "react";
 import {
-  ScrollView, StyleSheet, View, Text, Button, Alert, FlatList,
+  ScrollView,
+  StyleSheet,
+  View,
+  Text,
+  Button,
+  Alert,
+  FlatList,
   SafeAreaView,
   StatusBar,
-  TouchableOpacity
-} from 'react-native';
-import performance,{PerformanceObserver,setResourceLoggingEnabled} from '@react-native-oh-tpl/react-native-performance'
+  TouchableOpacity,
+} from "react-native";
+import performance, {
+  PerformanceObserver,
+  setResourceLoggingEnabled,
+} from "@react-native-oh-tpl/react-native-performance";
 export function TestNativePerformance() {
-  const [result1, setResult1] = React.useState(0)
-  const [result2, setResult2] = React.useState('')
-  const [result3, setResult3] = React.useState('')
-  const [result4, setResult4] = React.useState('')
-  const [result5, setResult5] = React.useState('')
-  const [result6, setResult6] = React.useState('')
-  const [result7, setResult7] = React.useState('')
+  const [result1, setResult1] = React.useState(0);
+  const [result2, setResult2] = React.useState("");
+  const [result3, setResult3] = React.useState("");
+  const [result4, setResult4] = React.useState("");
+  const [result5, setResult5] = React.useState("");
+  const [result6, setResult6] = React.useState("");
+  const [result7, setResult7] = React.useState("");
   const handleTimeStampClick1 = () => {
-    performance.mark('entry');
-    let entry=performance.getEntriesByName('entry')[0];
+    performance.mark("entry");
+    let entry = performance.getEntriesByName("entry")[0];
     const timestamp = Date.now() - performance.timeOrigin + entry.startTime;
-    setResult1(timestamp)
-  }
+    setResult1(timestamp);
+  };
   const handleTimeStampClick2 = () => {
-    performance.mark('myMark');
-    performance.measure('myMeasure2', 'myMark');
-    let ms=performance.getEntriesByName('myMeasure2');
-    setResult2(JSON.stringify(ms))
-  }
+    performance.mark("myMark");
+    performance.measure("myMeasure2", "myMark");
+    let ms = performance.getEntriesByName("myMeasure2");
+    setResult2(JSON.stringify(ms));
+  };
   const handleTimeStampClick3 = () => {
-    performance.mark('myMark', {
+    performance.mark("myMark", {
       detail: {
-        screen: 'settings'
-      }
+        screen: "settings",
+      },
     });
-    performance.measure('myMeasure3', {
-      start: 'myMark',
+    performance.measure("myMeasure3", {
+      start: "myMark",
       detail: {
-        category: 'render'
-      }
+        category: "render",
+      },
     });
-    let ms=performance.getEntriesByName('myMeasure3');
-    setResult3(JSON.stringify(ms))
-  }
+    let ms = performance.getEntriesByName("myMeasure3");
+    setResult3(JSON.stringify(ms));
+  };
   const handleTimeStampClick4 = () => {
-    performance.mark('newTimeMark')
-    performance.measure('newTime','newTimeMark')
+    performance.mark("newTimeMark");
+    performance.measure("newTime", "newTimeMark");
     const measureObserver = new PerformanceObserver((list, observer) => {
-      let res=[];
+      let res = [];
       list.getEntries().forEach((entry) => {
         res.push(JSON.stringify(entry));
       });
-      setResult4(res.join(','))
+      setResult4(res.join(","));
     });
-    measureObserver.observe({ type: 'measure', buffered: true });
-  }
+    measureObserver.observe({ type: "measure", buffered: true });
+  };
   const handleTimeStampClick5 = async () => {
     setResourceLoggingEnabled(true);
-    await fetch('https://github.com/service/https://www.baidu.com/');
-    let res=performance.getEntriesByType('resource');
-    setResult5(JSON.stringify(res))
-  }
-  const handleTimeStampClick6 =() => {
-    performance.metric('myMetric', 123);
-    let res=performance.getEntriesByType('metric');
-    setResult6(JSON.stringify(res))
-  }
-  const handleTimeStampClick7 =() => {
-    let res=performance.getEntriesByType('react-native-mark');
-    setResult7(JSON.stringify(res))
-  }
-  
-  
+    await fetch("https://github.com/service/https://www.baidu.com/");
+    let res = performance.getEntriesByType("resource");
+    setResult5(JSON.stringify(res));
+  };
+  const handleTimeStampClick6 = () => {
+    performance.metric("myMetric", 123);
+    let res = performance.getEntriesByType("metric");
+    setResult6(JSON.stringify(res));
+  };
+  const handleTimeStampClick7 = () => {
+    let res = performance.getEntriesByType("react-native-mark");
+    setResult7(JSON.stringify(res));
+  };
+
   return (
     <View style={styles.container}>
-        <ScrollView style={{flex:1}}>
-          <View style={styles.rowStyle}>
-          
+      <ScrollView style={{ flex: 1 }}>
+        <View style={styles.rowStyle}>
           <Button
             onPress={handleTimeStampClick1}
             title="Convert a performance timestamp"
           />
-          <Text style={styles.fontstyle}>{'展示result1：' + result1}</Text>
-          </View>
-          <View style={styles.rowStyle}>
-          
+          <Text style={styles.fontstyle}>
+            {"Exhibition result1: " + result1}
+          </Text>
+        </View>
+        <View style={styles.rowStyle}>
           <Button
             onPress={handleTimeStampClick2}
             title="Basic measure example"
           />
-          <Text style={styles.fontstyle}>{'展示result2：' + result2}</Text>
-          </View>
-          <View style={styles.rowStyle}>
-          
-          <Button
-            onPress={handleTimeStampClick3}
-            title="Meta data"
-          />
-          <Text style={styles.fontstyle}>{'展示result3：' + result3}</Text>
-          </View>
-          <View style={styles.rowStyle}>
-          
+          <Text style={styles.fontstyle}>
+            {"Exhibition result2: " + result2}
+          </Text>
+        </View>
+        <View style={styles.rowStyle}>
+          <Button onPress={handleTimeStampClick3} title="Meta data" />
+          <Text style={styles.fontstyle}>
+            {"Exhibition result3: " + result3}
+          </Text>
+        </View>
+        <View style={styles.rowStyle}>
           <Button
             onPress={handleTimeStampClick4}
             title="Subscribing to entries"
           />
-          <Text style={styles.fontstyle}>{'展示result4：' + result4}</Text>
-          </View>
-          <View style={styles.rowStyle}>
-          
-          <Button
-            onPress={handleTimeStampClick5}
-            title="Network resources"
-          />
-          <Text style={styles.fontstyle}>{'展示result5：' + result5}</Text>
-          </View>
-          <View style={styles.rowStyle}>
-          
-          <Button
-            onPress={handleTimeStampClick6}
-            title="Custom metrics"
-          />
-          <Text style={styles.fontstyle}>{'展示result6：' + result6}</Text>
-          </View>
-          <View style={styles.rowStyle}>
-          
-          <Button
-            onPress={handleTimeStampClick7}
-            title="React Native Marks"
-          />
-          <Text style={styles.fontstyle}>{'展示result7：' + result7}</Text>
-          </View>
-        </ScrollView>
+          <Text style={styles.fontstyle}>
+            {"Exhibition result4: " + result4}
+          </Text>
+        </View>
+        <View style={styles.rowStyle}>
+          <Button onPress={handleTimeStampClick5} title="Network resources" />
+          <Text style={styles.fontstyle}>
+            {"Exhibition result5: " + result5}
+          </Text>
+        </View>
+        <View style={styles.rowStyle}>
+          <Button onPress={handleTimeStampClick6} title="Custom metrics" />
+          <Text style={styles.fontstyle}>
+            {"Exhibition result6: " + result6}
+          </Text>
+        </View>
+        <View style={styles.rowStyle}>
+          <Button onPress={handleTimeStampClick7} title="React Native Marks" />
+          <Text style={styles.fontstyle}>
+            {"Exhibition result7: " + result7}
+          </Text>
+        </View>
+      </ScrollView>
     </View>
   );
 }
 
 const styles = StyleSheet.create({
-  rowStyle:{
-    marginBottom:20
+  rowStyle: {
+    marginBottom: 20,
   },
   fontstyle: {
     fontSize: 32,
-    fontWeight: 600
+    fontWeight: 600,
   },
   container: {
-    width: '100%', height: '100%', backgroundColor: '#fffafa' 
-  }
+    width: "100%",
+    height: "100%",
+    backgroundColor: "#fffafa",
+  },
 });
-
 ```
-## 使用 Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -216,18 +220,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -236,22 +237,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNPerformancePackage
+### 3. Introducing RNPerformancePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -265,81 +266,83 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases)
 
 ## Performance
 
-默认导出Performance对象
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-#### Performance 属性
-
-| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
-| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
-|timeOrigin             | 返回Performance用作性能相关时间戳基线的高分辨率时间戳         | number          | yes      | IOS/Android     |      yes           |
-#### Performance 方法
-
-| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
-| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
-| now          | 返回一个高分辨率时间戳（以毫秒为单位）                                                                                                                 | function            | yes      | IOS/Android     |      yes           |
-| mark            | 根据给出 markName 值，在性能输入缓冲区中创建一个timestamp(时间戳)                                                                                                                                     | function            | yes      | IOS/Android     |      yes           |
-| measure         | 性能记录缓存中使用 measure()创建一个新的测量记录如果仅指定了测量名称，则开始时间戳设置为零，结束时间戳（用于计算持续时间）是Performance.now()返回的值。可以使用字符串将PerformanceMark对象标识为开始标记和结束标记。要只提供一个endMark，您需要提供一个空的测量选项对象：performance.Measure（“myMeasure”，{}，“myEndMarker”）                                                                                                                                                   | function           | yes      | IOS/Android     |      yes           |
-| metric         | 如果您希望收集不基于时间的自定义度量，此模块将提供名为.metric（）的Performance API扩展，该扩展将生成类型为metric的条目   | function           | yes      | IOS/Android     |      yes           |
-| getEntries          | 对于给定的 filter，此方法返回 PerformanceEntry 对象数组，如果不带任何参数，返回全部 entries                                                                                                                 | function            | yes      | IOS/Android     |      yes           |
-| getEntriesByName  | 返回一个给定名称和 name 和 type 属性的PerformanceEntry对象数组                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |
-| getEntriesByType  | 返回一个给定type 属性的PerformanceEntry对象数组                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |
-| clearMarks | 从缓存中移除声明的标记。如果调用这个方法时没有传递参数，则所有带有entry type这类标记的performance entries 将从 performance entry 缓存区中被移除。                                                                                                                                               | function | yes      | IOS/Android     |      yes           |
-| clearMeasures  | 从缓存区中移除声明的测量记录。如果这个方法被调用时没有传入参数，则所有 entry type 标记值为"measure" 的性能实体将被从性能入口缓存区中移除。                                                                                                                                                 | function | yes      | IOS/Android     |      yes           |                                                                                                                                             | function | yes      | IOS/Android     |      yes
+默认导出 Performance 对象
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+#### Performance property
+
+| Name       | Description                                             | Type   | Required | Platform    | HarmonyOS Support |
+| ---------- | ------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| timeOrigin | 返回 Performance 用作性能相关时间戳基线的高分辨率时间戳 | number | yes      | IOS/Android | yes               |
+
+#### Performance method
+
+| Name             | Description                                                                                                                                                                                                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- | --- | -------- | --- | ----------- | --- |
+| now              | 返回一个高分辨率时间戳（以毫秒为单位）                                                                                                                                                                                                                                                                                             | function | yes      | IOS/Android | yes               |
+| mark             | 根据给出 markName 值，在性能输入缓冲区中创建一个 timestamp(时间戳)                                                                                                                                                                                                                                                                 | function | yes      | IOS/Android | yes               |
+| measure          | 性能记录缓存中使用 measure()创建一个新的测量记录如果仅指定了测量名称，则开始时间戳设置为零，结束时间戳（用于计算持续时间）是 Performance.now()返回的值。可以使用字符串将 PerformanceMark 对象标识为开始标记和结束标记。要只提供一个 endMark，您需要提供一个空的测量选项对象: performance.Measure（“myMeasure”，{}，“myEndMarker”） | function | yes      | IOS/Android | yes               |
+| metric           | 如果您希望收集不基于时间的自定义度量，此模块将提供名为.metric（）的 Performance API 扩展，该扩展将生成类型为 metric 的条目                                                                                                                                                                                                         | function | yes      | IOS/Android | yes               |
+| getEntries       | 对于给定的 filter，此方法返回 PerformanceEntry 对象数组，如果不带任何参数，返回全部 entries                                                                                                                                                                                                                                        | function | yes      | IOS/Android | yes               |
+| getEntriesByName | 返回一个给定名称和 name 和 type 属性的 PerformanceEntry 对象数组                                                                                                                                                                                                                                                                   | function | yes      | IOS/Android | yes               |
+| getEntriesByType | 返回一个给定 type 属性的 PerformanceEntry 对象数组                                                                                                                                                                                                                                                                                 | function | yes      | IOS/Android | yes               |
+| clearMarks       | 从缓存中移除声明的标记。如果调用这个方法时没有传递参数，则所有带有 entry type 这类标记的 performance entries 将从 performance entry 缓存区中被移除。                                                                                                                                                                               | function | yes      | IOS/Android | yes               |
+| clearMeasures    | 从缓存区中移除声明的测量记录。如果这个方法被调用时没有传入参数，则所有 entry type 标记值为"measure" 的性能实体将被从性能入口缓存区中移除。                                                                                                                                                                                         | function | yes      | IOS/Android | yes               |     | function | yes | IOS/Android | yes |
 
 ## PerformanceObserver
 
 给定的观察者 callback 生成一个新的 PerformanceObserver 对象。当通过 observe() 方法注册的 条目类型 的 性能条目事件 被记录下来时，调用该观察者回调。
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-#### PerformanceObserver 方法
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
-| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
-| observe  | observe() 方法用于指定PerformanceObserver对象观察的性能条目类型。当记录一个指定类型的性能条目时，性能监测对象的回调函数将会被调用。                                                                                                                                                 | function | yes      | IOS/Android     |      yes|
+#### PerformanceObserver method
 
-## API
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+| Name    | Description                                                                                                                           | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | ------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| observe | observe() 方法用于指定 PerformanceObserver 对象观察的性能条目类型。当记录一个指定类型的性能条目时，性能监测对象的回调函数将会被调用。 | function | yes      | IOS/Android | yes               |
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+## API
 
-| Name              | Description                                                                                                                                                                   | Type            | Required | Platform        | HarmonyOS Support  |
-| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------| ------------------ |
-|setResourceLoggingEnabled             | 默认情况下禁用资源日志记录，并且当前仅fetch/XMLHttpRequest使用,使用时需设置开启。        | function          | yes      | IOS/Android     |      yes           |
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-## 遗留问题
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name                      | Description                                                                         | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ----------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| setResourceLoggingEnabled | 默认情况下禁用资源日志记录，并且当前仅 fetch/XMLHttpRequest 使用,使用时需设置开启。 | function | yes      | IOS/Android | yes               |
 
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-performance/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/oblador/react-native-performance/blob/master/LICENSE).
diff --git a/en/react-native-print.md b/en/react-native-print.md
index a1764322..71aaefbb 100644
--- a/en/react-native-print.md
+++ b/en/react-native-print.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-print</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-print)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-print)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-print@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 > [!TIP] 本示例依赖 react-native-document-picker 库，参照[@react-native-oh-tpl/react-native-document-picker 文档](/zh-cn/react-native-document-picker.md)进行引入。
 
@@ -96,7 +96,7 @@ export default function RNPrint(): JSX.Element {
 
   return (
         <Button
-         title="本地url打印"
+         title="local url printing"
          onPress={async () => {
             const res = await pickFile();
             RNPrint.print({
@@ -110,17 +110,17 @@ export default function RNPrint(): JSX.Element {
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -131,18 +131,15 @@ export default function RNPrint(): JSX.Element {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -151,22 +148,22 @@ export default function RNPrint(): JSX.Element {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNPrintPackage
+### 3. Introducing RNPrintPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -180,32 +177,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases)
 
-### 权限要求
+### Permission Requirements
 
-#### 在 entry 目录下的 module.json5 中添加权限
+#### Include applicable permissions in the module.json5 file within the entry directory.
 
-打开 `entry/src/main/module.json5`，添加：
+Open the `entry/src/main/module.json5` file and add the following code:
 
 ```diff
 ...
@@ -243,9 +240,9 @@ ohpm install
 ]
 ```
 
-#### 在 entry 目录下添加申请以上权限的原因
+#### Apply the reasons for applicable permission in the entry directory.
 
-打开 `entry/src/main/resources/base/element/string.json`，添加：
+Open the `entry/src/main/resources/base/element/string.json` file and add the following code:
 
 ```diff
 ...
@@ -253,25 +250,25 @@ ohpm install
   "string": [
 +    {
 +      "name": "print_reason",
-+      "value": "使用打印机"
++      "value": "Using a printer"
 +    },
 +    {
 +      "name": "fs_reason",
-+      "value": "读取数据"
++      "value": "Read data"
 +    },
 +    {
 +      "name": "internet_reason",
-+      "value": "网络请求数据"
++      "value": "Network request data"
 +    },
   ]
 }
 ```
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### print(options: Object)
 
@@ -291,13 +288,13 @@ ohpm install
 | `x`  | The x position of the popup dialog | number | yes      | iOS      | no                |
 | `y`  | The y position of the popup dialog | number | yes      | iOS      | no                |
 
-## 遗留问题
+## Known Issues
 
 - [ ] HarmonyOS NEXT 上不支持 html、printerURL、isLandscape、baseUrl 等参数，并且不支持打印 word 文档: [issue#1](https://github.com/react-native-oh-library/react-native-print/issues/1)
 - [ ] HarmonyOS NEXT 上不支持 selectPrinter()方法 : [issue#2](https://github.com/react-native-oh-library/react-native-print/issues/4)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/christopherdro/react-native-print/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/christopherdro/react-native-print/blob/master/LICENSE).
diff --git a/en/react-native-scrollable-tabview.md b/en/react-native-scrollable-tabview.md
index 700851fe..afb76af5 100644
--- a/en/react-native-scrollable-tabview.md
+++ b/en/react-native-scrollable-tabview.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-scrollable-tabview</code> </h1>
@@ -14,7 +14,6 @@
 
 > [!TIP] [GitHub address](https://github.com/itenl/react-native-scrollable-tabview)
 
-
 ## Installation and Usage
 
 Go to the project directory and execute the following instruction:
@@ -37,17 +36,16 @@ yarn add @itenl/react-native-scrollable-tabview@1.1.7
 
 The following code shows the basic use scenario of the repository:
 
->[!WARNING] The name of the imported repository remains unchanged.
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { useState, useEffect, useRef } from 'react';
-import { View, Text, Alert, Button } from 'react-native'
-import ScrollableTabView from '@itenl/react-native-scrollable-tabview';
+import React, { useState, useEffect, useRef } from "react";
+import { View, Text, Alert, Button } from "react-native";
+import ScrollableTabView from "@itenl/react-native-scrollable-tabview";
 
 export default function ScrollTabsDemo() {
-
-  let [scrollDate, setScrollDate] = useState(Date.now())
-  const myRef = useRef<any>(null);
+  let [scrollDate, setScrollDate] = useState(Date.now());
+  const myRef = useRef < any > null;
 
   //  console.error('test')
 
@@ -59,12 +57,23 @@ export default function ScrollTabsDemo() {
           {
             screen: ({ onRefresh }: any) => {
               onRefresh((toggled: (arg0: boolean) => void) => {
-                setScrollDate(Date.now())
+                setScrollDate(Date.now());
               });
-              return (<View style={{ flex: 1, backgroundColor: 'blue', height: 2000 }}><Text>one{scrollDate}</Text></View>)
+              return (
+                <View
+                  style={{ flex: 1, backgroundColor: "blue", height: 2000 }}
+                >
+                  <Text>one{scrollDate}</Text>
+                </View>
+              );
             },
-          }, {
-            screen: () => <View style={{ flex: 1, backgroundColor: 'grey', height: 2000 }}><Text>two{scrollDate}</Text></View>,
+          },
+          {
+            screen: () => (
+              <View style={{ flex: 1, backgroundColor: "grey", height: 2000 }}>
+                <Text>two{scrollDate}</Text>
+              </View>
+            ),
           },
           {
             screen: () => {
@@ -75,7 +84,7 @@ export default function ScrollTabsDemo() {
                     backgroundColor: "green",
                     justifyContent: "center",
                     alignItems: "center",
-                    height: 2000
+                    height: 2000,
                   }}
                 >
                   <Text>
@@ -84,26 +93,30 @@ export default function ScrollTabsDemo() {
                 </View>
               );
             },
-          }
+          },
         ]}
         mappingProps={{}}
-        tabsStyle={{ backgroundColor: 'yellow', }}
+        tabsStyle={{ backgroundColor: "yellow" }}
         tabWrapStyle={{ zIndex: 1 }}
         tabInnerStyle={{ paddingLeft: 5 }}
         tabActiveOpacity={0}
-        tabStyle={{ backgroundColor: 'orange', width: 100 }}
-        textStyle={{ textAlign: 'center', color: 'green' }}
+        tabStyle={{ backgroundColor: "orange", width: 100 }}
+        textStyle={{ textAlign: "center", color: "green" }}
         textActiveStyle={{ fontSize: 30 }}
-        tabUnderlineStyle={{ backgroundcolor: 'red', height: 10 }}
+        tabUnderlineStyle={{ backgroundcolor: "red", height: 10 }}
         firstIndex={0}
         syncToSticky={true}
         onEndReachedThreshold={0.4}
         onTabviewChanged={(index: any, tabLabel: any, isFirst: any) => {
-          setScrollDate(index + tabLabel + isFirst)
+          setScrollDate(index + tabLabel + isFirst);
         }}
         screenScrollThrottle={100}
         header={() => {
-          return <View style={{ backgroundColor: 'pink', height: 80 }}><Text>header</Text></View>;
+          return (
+            <View style={{ backgroundColor: "pink", height: 80 }}>
+              <Text>header</Text>
+            </View>
+          );
         }}
       ></ScrollableTabView>
     </View>
@@ -111,95 +124,92 @@ export default function ScrollTabsDemo() {
 }
 ```
 
-
-
 ## Constraints
 
 ### Compatibility
+
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：204.1.0.59;
-2. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.18;
+1. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 204.1.0.59;
+2. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
 3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-
-## Properties 
+## Properties
 
 > [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required |   HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- |  ------------------ |
-stacks | Page stack < [Read Stack Property](#StackProperty) >| Array | / | yes
-mappingProps | Associate mapped data to Stack / Sticky | Object | / | yes
-badges | Badge for each tab< [Read Badge Property](#BadgeProperty) >| Array | / | yes
-tabsStyle |The entire Tabs style | Object | / | yes
-tabWrapStyle | Single Tab wrap style (The function parameters provide item, index, and need to return the style object, eg. **`return index == 1 && {zIndex: 10}`**)| Object   / Function | / | yes
-tabInnerStyle | Single Tab inner style | Object | / | yes
-tabActiveOpacity | Transparency after Tab button click | Number | / | yes
-tabStyle | Single Tab style | Object | / | yes
-textStyle | Text style in Tab | Object | / | yes
-textActiveStyle | Select the active text style | Object | / | yes
-tabUnderlineStyle | Select the active underline style | Object | / | yes
-firstIndex | Set the stack of **`firstIndex`** to active (make sure that the number of **`stacks`** is greater than to **`firstIndex`** when setting the **`firstIndex`** value) | Number   / Null | / | yes
-syncToSticky | Whether it is synchronized (**`render`** triggered in the Screen **`componentDidUpdate`** will update Sticky) | Boolean | / | yes
-onEndReachedThreshold | Bottom callback threshold | Number | / | yes
-onBeforeRefresh | Pull down to refresh the pre-functions, execute **`next`** to execute **`onRefresh`** function in Screen, execute **`toggled`** to switch system loading, you can pass true / false to specify (callback contains **`next`**, **`toggled`** two formal parameters) | Function | / | yes
-onBeforeEndReached |  Slide up to load more pre-functions, execute next will execute the **`onEndReached`** function in the Screen (callback contains **`next`** formal parameters) | Function | / | yes
-onTabviewChanged |Tab switch completion callback (callback contains **`index`**, **`tabLabel`**, **`isFirst`** parameters) | Function | / | yes
-screenScrollThrottle | **`Screen`** Throttle parameters during lateral sliding, Unit (ms)| Number | / | yes
-header | Top component (if the function needs to return Element)| Function   / JSX Element / Class Component | / | yes
-stickyHeader | Top component (if the function needs to return Element) for sticky| Function   / JSX Element / Class Component | / | yes
-oneTabHidden | Hide itself when there is only one Tab | Boolean | / | yes
-enableCachePage |  Whether the persistent page will not be destroyed after switching | Boolean | / | yes
-carouselProps | The remaining attributes passed to Carousel< [Read Carousel](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/PROPS_METHODS_AND_GETTERS.md) >| Object | / | yes
-sectionListProps | Remaining attributes passed to SectionList< [Read SectionList](https://reactnative.dev/docs/sectionlist) >| Object | / | yes
-toHeaderOnTab | Click to trigger the activated Tab will scroll to Header (high priority) | Boolean | / | yes
-toTabsOnTab | Click to trigger the activated Tab will scroll to Tabs| Boolean | / | yes
-tabsShown |  Configure Tabs display and hide | Boolean | / | yes
-fixedTabs | When **`enableCachePage`** is true, slide to switch Screen to set the minimum height to ensure that the Header and Tabs will not bounce | Boolean | / | yes
-fixedHeader | Render together with Tabs, fix the top Header, do not follow the scroll | Boolean | / | yes
-useScroll | Does Tabs support horizontal scrolling (it needs to be enabled when there are multiple category Tabs, it is recommended that **`tabStyle`** pass in a fixed width)| Boolean | / | yes
-useScrollStyle |Set **`contentContainerStyle`** for scrolling **`Tabs`**, usually add margins to the left and right sides **`paddingLeft`** **`paddingHorizontal`** | Object | / | yes
-fillScreen | Fill the entire Screen | Boolean | / | yes
-title | Animation title | Function   / JSX Element / Class Component | / | yes
-titleArgs | Title parameter configuration < [Read interpolate](https://reactnative.dev/docs/animations#interpolation) >| Object | / | yes
-onScroll | Scroll event monitoring | Function | / | yes
-onScroll2Horizontal | Scroll event monitoring for orizontal | Function | / | yes
-tabsEnableAnimated | Enable sliding effect for Tabs, Need to specify **`width`** for **`tabStyle`** | Boolean for TabStyle | / | yes
-tabsEnableAnimatedUnderlineWidth | To set a fixed width for the Tabs Underline and add a jumping animation, you need to enable **`tabsEnableAnimated=true`**. (It is recommended to pass in one third of **`tabStyle.width`** or a fixed 30px) | Number | / | yes
-errorToThrow |**`console.error`** will throw an error **`throw new Error()`** | Boolean | / | yes
-
-## stack Properties 
-Name | Description | Type | Required | HarmonyOS   Support
--- | -- | -- | -- | --
-screen | Screen components | Class   Component | / | yes 
-sticky | Ceiling component. The context of the component is returned in the instance. | Class   Component | / | yes 
-tabLabel | Tab Nickname                                                 | String | / | yes 
-tabLabelRender | Customized tab rendering function, which has a higher priority than tabLabel. | Function | / | yes 
-badge | Badge for the current tab, which is mutually exclusive with the badges attribute and has a higher priority than the outermost attribute badges | Array | / | yes 
-toProps | toProps is transferred only to the screen and is not associated with data | Object | / | yes 
-
-## Methods
+| Name                             | Description                                                                                                                                            | Type                                     | Required | HarmonyOS Support |
+| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | -------- | ----------------- |
+| stacks                           | 页面栈 < [阅读 Stack Property](#StackProperty) >                                                                                                       | Array                                    | /        | yes               |
+| mappingProps                     | 将映射数据关联到 Stack / Sticky                                                                                                                        | Object                                   | /        | yes               |
+| badges                           | 针对每个 Tab 的徽章 < [阅读 Badge Property](#BadgeProperty) >                                                                                          | Array                                    | /        | yes               |
+| tabsStyle                        | 整个 Tabs 样式                                                                                                                                         | Object                                   | /        | yes               |
+| tabWrapStyle                     | 单 Tab 换行样式（函数参数提供 item、index，需要返回样式对象，eg。return index == 1 && {zIndex:10}                                                      | Object / Function                        | /        | yes               |
+| tabInnerStyle                    | 单 Tab 内部样式                                                                                                                                        | Object                                   | /        | yes               |
+| tabActiveOpacity                 | 单击 Tab 按钮后的透明度                                                                                                                                | Number                                   | /        | yes               |
+| tabStyle                         | 单标签样式                                                                                                                                             | Object                                   | /        | yes               |
+| textStyle                        | 选项卡中的文本样式                                                                                                                                     | Object                                   | /        | yes               |
+| textActiveStyle                  | 选择活动文本样式                                                                                                                                       | Object                                   | /        | yes               |
+| tabUnderlineStyle                | 选择活动下划线样式                                                                                                                                     | Object                                   | /        | yes               |
+| firstIndex                       | 设置 firstIndex 的栈为活动状态 (请在设定 firstIndex 值的时候确保 stacks 的个数大于 firstIndex )                                                        | Number / Null                            | /        | yes               |
+| syncToSticky                     | 是否同步（render 在 Screen 中触发 componentDidUpdate 会更新 Sticky）                                                                                   | Boolean                                  | /        | yes               |
+| onEndReachedThreshold            | 底部回调阈值                                                                                                                                           | Number                                   | /        | yes               |
+| onBeforeRefresh                  | 下拉刷新前置函数，executenext 执行 onRefreshScreen 中的函数，executetoggled 切换系统加载，可以通过 true/false 来指定（回调包含 next,toggled 两个形参） | Function                                 | /        | yes               |
+| onBeforeEndReached               | 向上滑动加载更多前置函数，execute next 将执行 onEndReachedScreen 中的函数（回调包含 next 形参）                                                        | Function                                 | /        | yes               |
+| onTabviewChanged                 | Tab 切换完成回调（回调包含 index, tabLabel,isFirst 参数）                                                                                              | Function                                 | /        | yes               |
+| screenScrollThrottle             | Screen 横向滑动时节流参数,单位 (毫秒)                                                                                                                  | Number                                   | /        | yes               |
+| header                           | 顶部组件（如果函数需要返回 Element）                                                                                                                   | Function / JSX Element / Class Component | /        | yes               |
+| stickyHeader                     | 顶部带吸顶效果组件 (若是函数需要返回 Element)                                                                                                          | Function / JSX Element / Class Component | /        | yes               |
+| oneTabHidden                     | 当只有一个 Tab 时隐藏自身                                                                                                                              | Boolean                                  | /        | yes               |
+| enableCachePage                  | 是否持久化页面切换后不销毁                                                                                                                             | Boolean                                  | /        | yes               |
+| carouselProps                    | 传递给 Carousel 的剩余属性 < [阅读 Carousel](https://github.com/meliorence/react-native-snap-carousel/blob/master/doc/PROPS_METHODS_AND_GETTERS.md) >  | Object                                   | /        | yes               |
+| sectionListProps                 | 传递给 SectionList 的剩余属性 < [阅读 SectionList](https://reactnative.dev/docs/sectionlist) >                                                         | Object                                   | /        | yes               |
+| toHeaderOnTab                    | 点击触发激活的 Tab 会滚动到 Header（高优先级）                                                                                                         | Boolean                                  | /        | yes               |
+| toTabsOnTab                      | 点击触发激活的 Tab 会滚动到 Tabs                                                                                                                       | Boolean                                  | /        | yes               |
+| tabsShown                        | 配置选项卡的显示和隐藏                                                                                                                                 | Boolean                                  | /        | yes               |
+| fixedTabs                        | true 时 enableCachePage，滑动切换 Screen 设置最小高度，保证 Header 和 Tabs 不会弹起                                                                    | Boolean                                  | /        | yes               |
+| fixedHeader                      | 与 Tabs 一起渲染，固定顶部 Header，不跟随滚动                                                                                                          | Boolean                                  | /        | yes               |
+| useScroll                        | Tabs 是否支持水平滚动（有多个类别 Tab 时需要启用，建议 tabStyle 传入固定宽度）                                                                         | Boolean                                  | /        | yes               |
+| useScrollStyle                   | 设置 contentContainerStyle 为滚动 Tabs，通常会在左右两侧添加边距 paddingLeft paddingHorizontal                                                         | Object                                   | /        | yes               |
+| fillScreen                       | 填满整个屏幕                                                                                                                                           | Boolean                                  | /        | yes               |
+| title                            | 动画标题                                                                                                                                               | Function / JSX Element / Class Component | /        | yes               |
+| titleArgs                        | 标题配置 < [阅读 interpolate](https://reactnative.dev/docs/animations#interpolation) >                                                                 | Object                                   | /        | yes               |
+| onScroll                         | 滚动事件监听                                                                                                                                           | Function                                 | /        | yes               |
+| onScroll2Horizontal              | 水平滚动事件监听                                                                                                                                       | Function                                 | /        | yes               |
+| tabsEnableAnimated               | 为 Tabs 启用滑动效果，需要为 tabStyle 指定 width                                                                                                       | Boolean                                  | /        | yes               |
+| tabsEnableAnimatedUnderlineWidth | 要为选项卡下划线设置固定宽度并添加跳跃动画，需要启用 tabsEnableAnimated=true。 （建议传入三分之一 tabStyle.width 或者固定的 30px）                     | Number                                   | /        | yes               |
+| errorToThrow                     | console.error 会抛出错误 throw new Error()                                                                                                             | Boolean                                  | /        | yes               |
+
+## stack property
+
+| Name           | Description                                                                                  | Type            | Required | HarmonyOS Support |
+| -------------- | -------------------------------------------------------------------------------------------- | --------------- | -------- | ----------------- |
+| screen         | Screen 类组件                                                                                | Class Component | /        | yes               |
+| sticky         | 吸顶类组件, 实例内将返回该类组件的上下文                                                     | Class Component | /        | yes               |
+| tabLabel       | Tab 昵称                                                                                     | String          | /        | yes               |
+| tabLabelRender | 自定义 Tab 渲染函数，优先级高于 tabLabel                                                     | Function        | /        | yes               |
+| badge          | 针对当前 Tab 的徽章，与 badges 属性互斥，优先级高于最外层属性 badges < 阅读 Badge Property > | Array           | /        | yes               |
+| toProps        | toProps 仅传递给 Screen，不作数据关联                                                        | Object          | /        | yes               |
+
+## Static Methods
 
 > [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-
-Name | Description | Type | Required | HarmonyOS   Support
--- | -- | -- | -- | --
-getCurrentRef(index:   number.optional) | Obtains the instance of the current active view. You can transfer the index to obtain the specified instance | Function | / | yes 
-toTabView(index:   number.required / label: string.required) | Go to the specified screen.                                  | Function | / | yes 
-scrollTo(index:   number.required) | Slide up and down to the specified position (By default, if 0 is input, the tab is located./If a negative number is input, the tab is pinned to the top) | Function | / | yes 
-clearStacks(callback:   function.optional) | Clear the stack and related status (Tabs / Badge / Stacks) | Function | / | yes 
-
+| Name                                                       | Description                                                  | Type     | Required | HarmonyOS Support |
+| ---------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| getCurrentRef(index: number.optional)                      | 获取当前活动的视图的实例，可传 index 获取指定实例            | Function | /        | yes               |
+| toTabView(index: number.required / label: string.required) | 跳到指定 Screen                                              | Function | /        | yes               |
+| scrollTo(index: number.required)                           | 上下滑动至指定位置 (传入 0 默认定位至 tabs / 传入负数则置顶) | Function | /        | yes               |
+| clearStacks(callback: function.optional)                   | 清空栈以及相关状态 (Tabs / Badge / Stacks))                  | Function | /        | yes               |
 
 ## Others
 
 ## License
 
-This project is licensed under  [The MIT License (MIT)](https://github.com/itenl/react-native-scrollable-tabview/blob/main/LICENSE) .
+This project is licensed under [The MIT License (MIT)](https://github.com/itenl/react-native-scrollable-tabview/blob/main/LICENSE).
diff --git a/en/react-native-share.md b/en/react-native-share.md
index 0bbf66c8..98b3f340 100644
--- a/en/react-native-share.md
+++ b/en/react-native-share.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-share</code> </h1>
@@ -14,16 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-share)
-
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-share)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,60 +35,61 @@ npm install @react-native-oh-tpl/react-native-share@file:#
 ```bash
 yarn add @react-native-oh-tpl/react-native-share@file:#
 ```
+
 <!-- tabs:end -->
 
-进入项目的 HarmonyOS 工程 harmony，打开 `entry/src/main/module.json5`，在module中添加：querySchemes字段，表示允许当前应用进行跳转查询的URI schemes，只允许entry类型模块配置，最多50个。例如如需要查询是否可以跳转微博，可以添加
+进入项目的 HarmonyOS 工程 harmony，打开 `entry/src/main/module.json5`，在 module 中添加: querySchemes 字段，表示允许当前应用进行跳转查询的 URI schemes，只允许 entry 类型模块配置，最多 50 个。例如如需要查询是否可以跳转微博，可以添加
 
 ```diff
 
    "querySchemes": [
       "sinaweibo"  //三方APP的所支持的scheme，sinaweibo是测试hap的scheme
     ]
- 
+
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
+import React from "react";
+import { Button } from "react-native";
+import RNShare, { ShareSheet } from "react-native-share";
+
+function App() {
+  return (
+    <ShareSheet style={{ padding: 20 }} visible onCancel={() => {}}>
+      <Button
+        title="share"
+        onPress={() => {
+          RNShare.open({
+            title: "share title",
+            subject: "Share Summary",
+            url: "https://www.baidu.com/",
+          })
+            .then((res) => {})
+            .catch((err) => {});
+        }}
+      ></Button>
+    </ShareSheet>
+  );
+}
 
-    import React from 'react';
-    import { Button } from 'react-native';
-    import RNShare,{ShareSheet} from 'react-native-share';
-
-    function App() {
-    return (
-        <ShareSheet style={{padding:20}} visible onCancel={()=>{}}>
-            <Button title='分享' onPress={()=>{
-                RNShare.open({
-                title:'分享标题',
-                subject:'分享摘要',
-                url:'https://www.baidu.com/'
-                }).then((res) => {
-                
-                }).catch((err) => {
-                })
-            }}></Button>
-        </ShareSheet>
-    );
-    }
-
-    export default App;
-
+export default App;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -102,19 +100,15 @@ yarn add @react-native-oh-tpl/react-native-share@file:#
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
-
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+### 2. Introducing Native Code
 
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 
@@ -125,22 +119,22 @@ yarn add @react-native-oh-tpl/react-native-share@file:#
 
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNSharePackage
+### 3. Introducing RNSharePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import {RNSharePackage} from '@react-native-oh-tpl/react-native-share/ts';
@@ -153,224 +147,218 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
+### Compatibility
 
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases)
+## Properties
 
-## 属性
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+**Overlay**:分享面板弹窗组件
 
- **Overlay**:分享面板弹窗组件
+| Name     | Description | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | ----------- | --------------- | -------- | ----------- | ----------------- |
+| visible  | 是否显示    | boolean         | no       | iOS,Android | yes               |
+| children | JSX element | React.ReactNode | no       | iOS,Android | yes               |
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  visible  | 是否显示    | boolean   | no | iOS,Android      | yes |
-|  children  |  JSX element   | React.ReactNode   | no | iOS,Android      | yes |
+**Button**: 分享按钮
 
-**Button**：分享按钮
+| Name        | Description | Type                                                                  | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------- | --------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| onPress     | 是否显示    | boolean                                                               | no       | iOS,Android | yes               |
+| iconSrc     | icon 属性   | [ImageSourcePropType](https://reactnative.dev/docs/image#imagesource) | no       | iOS,Android | yes               |
+| buttonStyle | button 属性 | [ ViewStyle ](https://reactnative.dev/docs/view#props)                | no       | iOS,Android | yes               |
+| textStyle   | text 属性   | [TextStyle](https://reactnative.dev/docs/text#props)                  | no       | iOS,Android | yes               |
+| children    | JSX element | React.ReactNode                                                       | no       | iOS,Android | yes               |
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  onPress  | 是否显示    | boolean   | no | iOS,Android      | yes |
-|  iconSrc  | icon属性    | [ImageSourcePropType](https://reactnative.dev/docs/image#imagesource)   | no | iOS,Android      | yes |
-|  buttonStyle  | button属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
-|  textStyle  | text属性    | [TextStyle](https://reactnative.dev/docs/text#props)   | no | iOS,Android      | yes |
-|  children  | JSX element   |  React.ReactNode   | no | iOS,Android      | yes |
+**ShareSheet**: 分享面板组件
 
-**ShareSheet**：分享面板组件
+| Name         | Description                  | Type                                                   | Required | Platform    | HarmonyOS Support |
+| ------------ | ---------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| visible      | 是否显示                     | boolean                                                | no       | iOS,Android | yes               |
+| onCancel     | 关闭面板的回调函数           | function                                               | no       | iOS,Android | yes               |
+| style        | 分享面板中 Sheet 的 CSS 属性 | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| overlayStyle | 分享面板 CSS 属性            | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children     | JSX element                  | React.ReactNode                                        | no       | iOS,Android | yes               |
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  visible  | 是否显示    | boolean   | no | iOS,Android      | yes |
-|  onCancel  | 关闭面板的回调函数    | function   | no | iOS,Android      | yes |
-|  style  | 分享面板中Sheet的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)    | no | iOS,Android      | yes |
-|  overlayStyle  | 分享面板CSS属性    |  [ ViewStyle ](https://reactnative.dev/docs/view#props)     | no | iOS,Android      | yes |
-|  children  | JSX element   | React.ReactNode   | no | iOS,Android      | yes |
+**Sheet**: 分享面板组件的子组件，ShareSheet 包含 Sheet
 
-**Sheet**：分享面板组件的子组件，ShareSheet包含Sheet
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  visible  | 是否显示    | boolean   | no | iOS,Android      | yes |
-|  children  |  JSX element   | React.ReactNode   | no | iOS,Android      | yes |
+| Name     | Description | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | ----------- | --------------- | -------- | ----------- | ----------------- |
+| visible  | 是否显示    | boolean         | no       | iOS,Android | yes               |
+| children | JSX element | React.ReactNode | no       | iOS,Android | yes               |
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  Social  | 支持分享的三方APP名称        | object  | yes | iOS,Android      | partially |
-|  open: (options: ShareOptions) => Promise<ShareOpenResult\>  | 系统分享         | fuction  | yes | iOS,Android      | yes |
-|   shareSingle: (options: ShareSingleOptions) => Promise<ShareSingleResult\>  | 三方分APP分享         | fuction  | yes | iOS,Android      | partially |
-|    isPackageInstalled: (packagename: string) => Promise <IsPackageInstalledResult\>  | 三方APP是否已在本机安装        | fuction  | yes | iOS,Android      | no |
-
-**ShareOptions** ：系统分享参数
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|   type  | 分享路径资源类型Mime Typ        | string   | no | iOS,Android      | yes |
-|  urls  | 分享多个路径       | string[]  | no | iOS,Android      | yes |
-|  url  | 分享路径       | string[]  | no | iOS,Android      | yes |
-|  filename  | 分享路径文件名      | string | no | iOS,Android      | yes |
-|  filenames  | 分享多个路径的文件名（不带后缀，如123，要与urls对应）      | Array<string>  | no | iOS,Android      | yes |
-|  message  | 分享短信消息文本      | string  | no | iOS,Android      | yes |
-|  title  | 分享标题      | string  | no | iOS,Android      | yes |
-|  subject  | 分享内容摘要      | string  | no | iOS,Android      | yes |
-|  email  | 收件人邮箱地址      | string  | no | iOS,Android      | no |
-|  recipient  | 接收短信消息的号码     | string  | no | iOS,Android      | yes |
-|  excludedActivityTypes  | 系统分享面板操作区不应显示的能力列表(harmonyOS中传参例如['0','1']，对应解释为： 0:复制到剪切板,1:保存到媒体库,2:保存到文件管理器 ,3:打印,4:保存到中转站)      | ActivityType[] \| string[]  | no | iOS,Android      | partially |
-|  failOnCancel  | 分享失败的是否抛出异      | boolean  | no | iOS,Android      | yes |
-|  showAppsToView  | 是否显示可以预览分享文件的APP     | boolean  | no | Android      | no |
-|  saveToFiles  | 是否保存分享的路径文件到本地    | boolean  | no | iOS,Android       | yes |
-|  activityItemSources  | 系统分享面板中自定义分享数据   | ActivityItemSource[]  | no | iOS      | no |
-|  isNewTask  | 是否开启Activity的启动模式FLAG_ACTIVITY_NEW_TASK    | boolean  | no | Android      | no |
-
-**ShareSingleOptions** ：三方APP分享参数
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|   social  |分享的三方APP名称       | string   | yes | iOS,Android      | partially |
-|   appId  |三方APP上架市场的appid(social为instagramstories,facebookstories时必传)       | string   | no | iOS,Android      | yes |
-|   type  | 分享路径资源类型Mime Typ        | string   | no | iOS,Android      | yes |
-|  urls  | 分享多个路径       | string[]  | no | iOS,Android      | yes |
-|  url  | 分享路径       | string[] | no | iOS,Android      | yes |
-|  filename  | 分享路径文件名（不带后缀，如 123）      | string | no | iOS,Android      | yes |
-|  message  | 分享短信消息文本      | string  | no | iOS,Android      | yes |
-|  title  | 分享标题      | string  | no | iOS,Android      | yes |
-|  subject  | 分享内容摘要      | string  | no | iOS,Android      | yes |
-|  email  | 收件人邮箱地址      | string  | no | iOS,Android      | no |
-|  recipient  | 接收短信消息的号码     | string  | no | iOS,Android      | yes |
-|  forceDialog  | 是否开启三方分享对话框     | boolean  | no | Android      | no |
-|  backgroundImage  |  背景图像（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android      | no |
-|  stickerImage  | 贴纸图像（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android      | no |
-|  backgroundBottomColor  | 背景底部颜色（social为instagramstories,facebookstories传参）  | string  | no | iOS,Android       | no |
-|  attributionURL  | 属性路径（social为instagramstories,facebookstories传参）  | string  | no | iOS,Android     | no |
-|  backgroundVideo  | 背景视频（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android     | no |
-
-**Social**：可支持的三方APP种类
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  FACEBOOK  | facebook | string | yes | iOS,Android      | no |
-| FACEBOOK_STORIES | facebookstories | string | yes | iOS,Android      | no |
-| PAGESMANAGER | pagesmanager  | string  | yes | iOS,Android  | no |
-| TWITTER | twitter | string  | yes | iOS,Android      | no |
-| WHATSAPP | whatsapp | string  | yes | iOS,Android      | no |
-|  WHATSAPPBUSINESS  | whatsappbusiness | string   | yes | iOS,Android      | no |
-| INSTAGRAM | instagram | string    | yes | iOS,Android      | no |
-| INSTAGRAM_STORIES | instagramstories  | string  | yes | iOS,Android      | no |
-| GOOGLEPLUS | googleplus        | string  | yes | iOS,Android      | no |
-| EMAIL | email        | string  | yes | iOS,Android  | no |
-|  PINTEREST  | pinterest | string   | yes | iOS,Android  | no |
-| LINKEDIN | linkedin | string    | yes | iOS,Android      | no |
-| SMS | sms | string  | yes | iOS,Android      | yes |
-| TELEGRAM | telegram | string  | yes | iOS,Android      | no |
-|  SNAPCHAT  | snapchat | string   | yes | iOS,Android      | no |
-| MESSENGER | messenger  | string  | yes | iOS,Android      | no |
-| VIBER | viber | string  | yes | iOS,Android      | no |
-| DISCORD | discord | string  | yes | iOS,Android   | no |
-
-**ShareAsset** ：分享图片、视频数据枚举
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  BackgroundImage  | social为instagramstories,facebookstories时分享的图片 | enum | no | no,Android      | no |
-| BackgroundVideo | social为instagramstories,facebookstories时分享的视频 | enum | no | no,Android      | no |
-| StickerImage | social为instagramstories,facebookstories时分享的贴纸图  | enum  | no | no,Android  | no |
-| BackgroundAndStickerImage | social为instagramstories,facebookstories时分享的背景贴纸 | enum  | no | iOS,Android      | no |
-
-**ActivityType**：系统分享面板上支持的分享操作
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  ActivityType  |  default \| addToReadingList \| airDrop \| assignToContact \| copyToPasteBoard \| mail \| message \|  openInIBooks \| postToFacebook \| postToFlickr \|  postToTencentWeibo \| postToTwitter \| postToVimeo \|  postToWeibo \|  print \| saveToCameraRoll \| markupAsPDF | string | no | iOS,Android      | no |
-
-
-**ShareSingleResult**：调用三方分享接口返回的数据类型
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  message  | 返回的消息 | string | yes | iOS,Android      | yes |
-| success | 是否成功 | boolean | yes | iOS,Android      | yes |
-
-**ShareOpenResult**： 调用系统分享接口返回的数据类型
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  message  | 返回的消息 | string | yes | iOS,Android      | yes |
-| success | 是否成功 | boolean | yes | iOS,Android      | yes |
-
-**IsPackageInstalledResult**：调用是否安装三方应用接口返回的数据类型
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  message  | 返回的消息 | string | yes | iOS,Android      | yes |
-| isInstalled | 三方APP是否已安装 | boolean | yes | iOS,Android      | yes |
-
-**ActivityItem**：系统面板分享类型
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  type  |活动面板类型 text \| url  | string | yes | iOS    | no |
-| content | 内容 | boolean | yes | iOS  | no |
-
-**LinkMetadata**：系统分享中自定义分享操作的元数据
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  originalUrl  | 元数据请求的原始URL | string | no | iOS      | no |
-| url | 元数据的URL | boolean | no | iOS      | no |
-| title | URL代表的标题 | boolean | no | iOS      | no |
-| icon | URL代表的icon | boolean | no | iOS      | no |
-| image | URL的代表性图像数据 | boolean | no | iOS      | no |
-| remoteVideoUrl | URL的代表视频相对应的远程URL | boolean | no | iOS      | no |
-| video | URL的代表视频数据 | boolean | no | iOS      | no |
-
-**ActivityItemSource**：系统分享中自定义分享数据
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  placeholderItem  | 分享数据的占位显示数据 | ActivityItem | yes | iOS      | no |
-| item | 分享操作项 | ActivityItem | yes | iOS      | no |
-| subject | 分享内容 | string | no | iOS      | no |
-| dataTypeIdentifier | 数据类型标识符 | string | no | iOS      | no |
-| thumbnailImage | 分享数据的缩略图 | string | no | iOS      | no |
-| linkMetadata | 分享的数据 | LinkMetadata | no | iOS      | no |
-
-
-## 遗留问题
-
-- [ ] 无法分享三方APP问题：[issue#1](https://github.com/react-native-oh-library/react-native-share/issues/1)
-
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-share/react-native-share/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                                                                             | Description               | Type    | Required | Platform    | HarmonyOS Support |
+| -------------------------------------------------------------------------------- | ------------------------- | ------- | -------- | ----------- | ----------------- |
+| Social                                                                           | 支持分享的三方 APP 名称   | object  | yes      | iOS,Android | partially         |
+| open: (options: ShareOptions) => Promise<ShareOpenResult\>                       | 系统分享                  | fuction | yes      | iOS,Android | yes               |
+| shareSingle: (options: ShareSingleOptions) => Promise<ShareSingleResult\>        | 三方分 APP 分享           | fuction | yes      | iOS,Android | partially         |
+| isPackageInstalled: (packagename: string) => Promise <IsPackageInstalledResult\> | 三方 APP 是否已在本机安装 | fuction | yes      | iOS,Android | no                |
+
+**ShareOptions** : 系统分享参数
+
+| Name                  | Description                                                                                                                                              | Type                       | Required | Platform    | HarmonyOS Support |
+| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- | -------- | ----------- | ----------------- |
+| type                  | 分享路径资源类型 Mime Typ                                                                                                                                | string                     | no       | iOS,Android | yes               |
+| urls                  | 分享多个路径                                                                                                                                             | string[]                   | no       | iOS,Android | yes               |
+| url                   | 分享路径                                                                                                                                                 | string[]                   | no       | iOS,Android | yes               |
+| filename              | 分享路径文件名                                                                                                                                           | string                     | no       | iOS,Android | yes               |
+| filenames             | 分享多个路径的文件名（不带后缀，如 123，要与 urls 对应）                                                                                                 | Array<string>              | no       | iOS,Android | yes               |
+| message               | 分享短信消息文本                                                                                                                                         | string                     | no       | iOS,Android | yes               |
+| title                 | 分享标题                                                                                                                                                 | string                     | no       | iOS,Android | yes               |
+| subject               | 分享内容摘要                                                                                                                                             | string                     | no       | iOS,Android | yes               |
+| email                 | 收件人邮箱地址                                                                                                                                           | string                     | no       | iOS,Android | no                |
+| recipient             | 接收短信消息的号码                                                                                                                                       | string                     | no       | iOS,Android | yes               |
+| excludedActivityTypes | 系统分享面板操作区不应显示的能力列表(harmonyOS 中传参例如['0','1']，对应解释为: 0:复制到剪切板,1:保存到媒体库,2:保存到文件管理器 ,3:打印,4:保存到中转站) | ActivityType[] \| string[] | no       | iOS,Android | partially         |
+| failOnCancel          | 分享失败的是否抛出异                                                                                                                                     | boolean                    | no       | iOS,Android | yes               |
+| showAppsToView        | 是否显示可以预览分享文件的 APP                                                                                                                           | boolean                    | no       | Android     | no                |
+| saveToFiles           | 是否保存分享的路径文件到本地                                                                                                                             | boolean                    | no       | iOS,Android | yes               |
+| activityItemSources   | 系统分享面板中自定义分享数据                                                                                                                             | ActivityItemSource[]       | no       | iOS         | no                |
+| isNewTask             | 是否开启 Activity 的启动模式 FLAG_ACTIVITY_NEW_TASK                                                                                                      | boolean                    | no       | Android     | no                |
+
+**ShareSingleOptions** : 三方 APP 分享参数
+
+| Name                  | Description                                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| social                | 分享的三方 APP 名称                                                          | string   | yes      | iOS,Android | partially         |
+| appId                 | 三方 APP 上架市场的 appid(social 为 instagramstories,facebookstories 时必传) | string   | no       | iOS,Android | yes               |
+| type                  | 分享路径资源类型 Mime Typ                                                    | string   | no       | iOS,Android | yes               |
+| urls                  | 分享多个路径                                                                 | string[] | no       | iOS,Android | yes               |
+| url                   | 分享路径                                                                     | string[] | no       | iOS,Android | yes               |
+| filename              | 分享路径文件名（不带后缀，如 123）                                           | string   | no       | iOS,Android | yes               |
+| message               | 分享短信消息文本                                                             | string   | no       | iOS,Android | yes               |
+| title                 | 分享标题                                                                     | string   | no       | iOS,Android | yes               |
+| subject               | 分享内容摘要                                                                 | string   | no       | iOS,Android | yes               |
+| email                 | 收件人邮箱地址                                                               | string   | no       | iOS,Android | no                |
+| recipient             | 接收短信消息的号码                                                           | string   | no       | iOS,Android | yes               |
+| forceDialog           | 是否开启三方分享对话框                                                       | boolean  | no       | Android     | no                |
+| backgroundImage       | 背景图像（social 为 instagramstories,facebookstories 传参）                  | string   | no       | iOS,Android | no                |
+| stickerImage          | 贴纸图像（social 为 instagramstories,facebookstories 传参）                  | string   | no       | iOS,Android | no                |
+| backgroundBottomColor | 背景底部颜色（social 为 instagramstories,facebookstories 传参）              | string   | no       | iOS,Android | no                |
+| attributionURL        | 属性路径（social 为 instagramstories,facebookstories 传参）                  | string   | no       | iOS,Android | no                |
+| backgroundVideo       | 背景视频（social 为 instagramstories,facebookstories 传参）                  | string   | no       | iOS,Android | no                |
+
+**Social**: 可支持的三方 APP 种类
+
+| Name              | Description      | Type   | Required | Platform    | HarmonyOS Support |
+| ----------------- | ---------------- | ------ | -------- | ----------- | ----------------- |
+| FACEBOOK          | facebook         | string | yes      | iOS,Android | no                |
+| FACEBOOK_STORIES  | facebookstories  | string | yes      | iOS,Android | no                |
+| PAGESMANAGER      | pagesmanager     | string | yes      | iOS,Android | no                |
+| TWITTER           | twitter          | string | yes      | iOS,Android | no                |
+| WHATSAPP          | whatsapp         | string | yes      | iOS,Android | no                |
+| WHATSAPPBUSINESS  | whatsappbusiness | string | yes      | iOS,Android | no                |
+| INSTAGRAM         | instagram        | string | yes      | iOS,Android | no                |
+| INSTAGRAM_STORIES | instagramstories | string | yes      | iOS,Android | no                |
+| GOOGLEPLUS        | googleplus       | string | yes      | iOS,Android | no                |
+| EMAIL             | email            | string | yes      | iOS,Android | no                |
+| PINTEREST         | pinterest        | string | yes      | iOS,Android | no                |
+| LINKEDIN          | linkedin         | string | yes      | iOS,Android | no                |
+| SMS               | sms              | string | yes      | iOS,Android | yes               |
+| TELEGRAM          | telegram         | string | yes      | iOS,Android | no                |
+| SNAPCHAT          | snapchat         | string | yes      | iOS,Android | no                |
+| MESSENGER         | messenger        | string | yes      | iOS,Android | no                |
+| VIBER             | viber            | string | yes      | iOS,Android | no                |
+| DISCORD           | discord          | string | yes      | iOS,Android | no                |
+
+**ShareAsset** : 分享图片、视频数据枚举
+
+| Name                      | Description                                                 | Type | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ----------------------------------------------------------- | ---- | -------- | ----------- | ----------------- |
+| BackgroundImage           | social 为 instagramstories,facebookstories 时分享的图片     | enum | no       | no,Android  | no                |
+| BackgroundVideo           | social 为 instagramstories,facebookstories 时分享的视频     | enum | no       | no,Android  | no                |
+| StickerImage              | social 为 instagramstories,facebookstories 时分享的贴纸图   | enum | no       | no,Android  | no                |
+| BackgroundAndStickerImage | social 为 instagramstories,facebookstories 时分享的背景贴纸 | enum | no       | iOS,Android | no                |
+
+**ActivityType**: 系统分享面板上支持的分享操作
+
+| Name         | Description                                                                                                                                                                                                                                                         | Type   | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| ActivityType | default \| addToReadingList \| airDrop \| assignToContact \| copyToPasteBoard \| mail \| message \| openInIBooks \| postToFacebook \| postToFlickr \| postToTencentWeibo \| postToTwitter \| postToVimeo \| postToWeibo \| print \| saveToCameraRoll \| markupAsPDF | string | no       | iOS,Android | no                |
+
+**ShareSingleResult**: 调用三方分享接口返回的数据类型
+
+| Name    | Description | Type    | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | ------- | -------- | ----------- | ----------------- |
+| message | 返回的消息  | string  | yes      | iOS,Android | yes               |
+| success | 是否成功    | boolean | yes      | iOS,Android | yes               |
+
+**ShareOpenResult**: 调用系统分享接口返回的数据类型
+
+| Name    | Description | Type    | Required | Platform    | HarmonyOS Support |
+| ------- | ----------- | ------- | -------- | ----------- | ----------------- |
+| message | 返回的消息  | string  | yes      | iOS,Android | yes               |
+| success | 是否成功    | boolean | yes      | iOS,Android | yes               |
+
+**IsPackageInstalledResult**: 调用是否安装三方应用接口返回的数据类型
+
+| Name        | Description         | Type    | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------- | ------- | -------- | ----------- | ----------------- |
+| message     | 返回的消息          | string  | yes      | iOS,Android | yes               |
+| isInstalled | 三方 APP 是否已安装 | boolean | yes      | iOS,Android | yes               |
+
+**ActivityItem**: 系统面板分享类型
+
+| Name    | Description              | Type    | Required | Platform | HarmonyOS Support |
+| ------- | ------------------------ | ------- | -------- | -------- | ----------------- |
+| type    | 活动面板类型 text \| url | string  | yes      | iOS      | no                |
+| content | 内容                     | boolean | yes      | iOS      | no                |
+
+**LinkMetadata**: 系统分享中自定义分享操作的元数据
+
+| Name           | Description                    | Type    | Required | Platform | HarmonyOS Support |
+| -------------- | ------------------------------ | ------- | -------- | -------- | ----------------- |
+| originalUrl    | 元数据请求的原始 URL           | string  | no       | iOS      | no                |
+| url            | 元数据的 URL                   | boolean | no       | iOS      | no                |
+| title          | URL 代表的标题                 | boolean | no       | iOS      | no                |
+| icon           | URL 代表的 icon                | boolean | no       | iOS      | no                |
+| image          | URL 的代表性图像数据           | boolean | no       | iOS      | no                |
+| remoteVideoUrl | URL 的代表视频相对应的远程 URL | boolean | no       | iOS      | no                |
+| video          | URL 的代表视频数据             | boolean | no       | iOS      | no                |
+
+**ActivityItemSource**: 系统分享中自定义分享数据
+
+| Name               | Description            | Type         | Required | Platform | HarmonyOS Support |
+| ------------------ | ---------------------- | ------------ | -------- | -------- | ----------------- |
+| placeholderItem    | 分享数据的占位显示数据 | ActivityItem | yes      | iOS      | no                |
+| item               | 分享操作项             | ActivityItem | yes      | iOS      | no                |
+| subject            | 分享内容               | string       | no       | iOS      | no                |
+| dataTypeIdentifier | 数据类型标识符         | string       | no       | iOS      | no                |
+| thumbnailImage     | 分享数据的缩略图       | string       | no       | iOS      | no                |
+| linkMetadata       | 分享的数据             | LinkMetadata | no       | iOS      | no                |
+
+## Known Issues
+
+- [ ] 无法分享三方 APP 问题: [issue#1](https://github.com/react-native-oh-library/react-native-share/issues/1)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-share/react-native-share/blob/main/LICENSE).
diff --git a/en/react-native-skia.md b/en/react-native-skia.md
index ac8debb8..a2d7c03e 100644
--- a/en/react-native-skia.md
+++ b/en/react-native-skia.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-skia</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-skia)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-skia)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-skia@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -67,11 +67,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -82,18 +82,15 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -102,22 +99,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 SkiaPackage
+### 3. Configuring CMakeLists and Introducing SkiaPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -155,7 +152,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -174,9 +171,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 SkiaDomView 组件
+### 4. Introducing SkiaDomView Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -196,9 +193,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -209,9 +206,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.在 ArkTs 侧引入 RNSkiaPackage
+### 5. Introducing RNSkiaPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -225,56 +222,52 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-> [!tip] [skia 官方文档](https://shopify.github.io/react-native-skia/docs/getting-started/installation)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)
 
-> [!tip] 使用此库需要配置 [@react-native-oh-tpl/react-native-reanimated](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md)
-
-## 组件
+## Components
 
 ### Canvas
 
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+#### Properties
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
-| style    | View style                                                                                                                                             | ViewStyle                | no       | android/ios | yes               |
-| ref      | Reference to the SkiaView object                                                                                                                       | Ref<SkiaView>            | no       | android/ios | yes               |
-| mode     | By default, the canvas is only updated when the drawing tree or animation values change. With mode="continuous", the canvas will redraw on every frame | default \| continuous    | no       | android/ios | yes               |
-| onSize   | Reanimated value to which the canvas size will be assigned                                                                                             | SharedValue<Size>        | no       | android/ios | yes               |
-| onLayout | Invoked on mount and on layout changes                                                                                                                 | NativeEvent<LayoutEvent> | no       | android/ios | yes               |
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+>
+> | Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
+> | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
+> | style    | View style                                                                                                                                             | ViewStyle                | no       | android/ios | yes               |
+> | ref      | Reference to the SkiaView object                                                                                                                       | Ref<SkiaView>            | no       | android/ios | yes               |
+> | mode     | By default, the canvas is only updated when the drawing tree or animation values change. With mode="continuous", the canvas will redraw on every frame | default/continuous       | no       | android/ios | yes               |
+> | onSize   | Reanimated value to which the canvas size will be assigned                                                                                             | SharedValue<Size>        | no       | android/ios | yes               |
+> | onLayout | Invoked on mount and on layout changes                                                                                                                 | NativeEvent<LayoutEvent> | no       | android/ios | yes               |
 
 ### Group
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                                                                                                                                                                                            | Type              | Required | Platform    | HarmonyOS Support |
 | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
@@ -286,11 +279,11 @@ ohpm install
 
 ### Path
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                                                                                                                                                                                                      | Type             | Required | Platform    | HarmonyOS Support |
 | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
@@ -299,234 +292,90 @@ ohpm install
 | end    | Trims the end of the path. Value is in the range `[0, 1]` (default is 1).                                                                                                                                                                        | number           | no       | android/ios | yes               |
 | stroke | Turns this path into the filled equivalent of the stroked path. This will fail if the path is a hairline. `StrokeOptions` describes how the stroked path should look. It contains three properties: `width`, `strokeMiterLimit` and, `precision` | StrokeOptions    | no       | android/ios | yes               |
 
-### Rect
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name   | Description              | Type   | Required | Platform    | HarmonyOS Support |
-| ------ | ------------------------ | ------ | -------- | ----------- | ----------------- |
-| x      | X coordinate.            | number | yes      | android/ios | yes               |
-| y      | Y coordinate.            | number | yes      | android/ios | yes               |
-| width  | Width of the rectangle.  | number | yes      | android/ios | yes               |
-| height | Height of the rectangle. | number | yes      | android/ios | yes               |
-
-### RoundedRect
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name   | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
-| ------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
-| x      | X coordinate.                                      | SkPath`or`string | yes      | android/ios | yes               |
-| y      | Y coordinate.                                      | number           | yes      | android/ios | yes               |
-| width  | Width of the rectangle.                            | number           | yes      | android/ios | yes               |
-| height | Height of the rectangle.                           | StrokeOptions    | yes      | android/ios | yes               |
-| r      | Corner radius. Defaults to `ry` if specified or 0. | number`or`Vector | no       | android/ios | yes               |
-
-### DiffRect
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+### Polygons
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Properties
 
-| Name  | Description      | Type          | Required | Platform    | HarmonyOS Support |
-| ----- | ---------------- | ------------- | -------- | ----------- | ----------------- |
-| outer | Outer rectangle. | Rect \| RRect | yes      | android/ios | yes               |
-| inner | Inner rectangle. | Rect \| RRect | yes      | android/ios | yes               |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-### Line
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-#### 属性
+| Name   | Description              | Type             | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------ | ---------------- | -------- | ----------- | ----------------- |
+| x      | X coordinate.            | SkPath`or`string | no       | android/ios | yes               |
+| y      | Y coordinate.            | number           | no       | android/ios | yes               |
+| width  | Width of the rectangle.  | number           | no       | android/ios | yes               |
+| height | Height of the rectangle. | StrokeOptions    | no       | android/ios | yes               |
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+### Ellipses
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Properties
 
-| Name | Description  | Type  | Required | Platform    | HarmonyOS Support |
-| ---- | ------------ | ----- | -------- | ----------- | ----------------- |
-| p1   | Start point. | Point | yes      | android/ios | yes               |
-| p2   | End point.   | Point | yes      | android/ios | yes               |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-### Points
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name   | Description                                                                                                                                                | Type      | Required | Platform    | HarmonyOS Support |
-| ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
-| points | Points to draw.                                                                                                                                            | Point     | yes      | android/ios | yes               |
-| mode   | How should the points be connected. Can be `points` (no connection), `lines` (connect pairs of points), or `polygon` (connect lines). Default is `points`. | PointMode | yes      | android/ios | yes               |
-
-### Circle
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description  | Type   | Required | Platfor     | HarmonyOS Support |
 | ---- | ------------ | ------ | -------- | ----------- | ----------------- |
-| cx   | Start point. | number | yes      | android/ios | yes               |
-| cy   | End point.   | number | yes      | android/ios | yes               |
-| r    | Radius.      | number | yes      | android/ios | yes               |
-
-### Oval
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name   | Description                             | Type   | Required | Platfor     | HarmonyOS Support |
-| ------ | --------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| x      | X coordinate of the bounding rectangle. | number | yes      | android/ios | yes               |
-| y      | Y coordinate of the bounding rectangle. | number | yes      | android/ios | yes               |
-| width  | Width of the bounding rectangle.        | number | yes      | android/ios | yes               |
-| height | Height of the bounding rectangle.       | number | yes      | android/ios | yes               |
+| cx   | Start point. | number | no       | android/ios | yes               |
+| cy   | End point.   | number | no       | android/ios | yes               |
+| r`   | Radius.      | number | no       | android/ios | yes               |
 
 ### Atlas
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name       | Type              | Description                                                       | Required | android/ios | HarmonyOS Support |
-| ---------- | ----------------- | ----------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| image      | `SkImage or null` | Altas: image containing the sprites.                              | yes      | android/ios | yes               |
-| sprites    | `SkRect[]`        | locations of sprites in atlas.                                    | yes      | android/ios | yes               |
-| transforms | `RSXform[]`       | Rotation/scale transforms to be applied for each sprite.          | yes      | android/ios | yes               |
-| colors     | `SkColor[]`       | Optional. Color to blend the sprites with.                        | no       | android/ios | yes               |
-| blendMode  | `BlendMode`       | Optional. Blend mode used to combine sprites and colors together. | no       | android/ios | yes               |
+| Name       | Type              | Description                                                               | Required | android/ios | HarmonyOS Support |
+| ---------- | ----------------- | ------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| image      | `SkImage or null` | Altas: image containing the sprites.                                      | no       | android/ios | yes               |
+| sprites    | `SkRect[]`        | locations of sprites in atlas.                                            | no       | android/ios | yes               |
+| transforms | `RSXform[]`       | Rotation/scale transforms to be applied for each sprite.                  | no       | android/ios | yes               |
+| colors     | `SkColor[]`       | Optional. Color to blend the sprites with.                                | yes      | android/ios | yes               |
+| blendMode  | `BlendMode`       | Optional. Blend mode used to combine sprites and colors together.\*\*\*\* | yes      | android/ios | yes               |
 
 ### Vertices
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Type         | Description                                                                                                                                                           | Required | android/ios | HarmonyOS Support |
 | --------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| vertices  | `Point[]`    | Vertices to draw                                                                                                                                                      | yes      | android/ios | yes               |
-| mode      | `VertexMode` | Can be `triangles`, `trianglesStrip` or `triangleFan`. Default is `triangles`                                                                                         | no       | android/ios | yes               |
-| indices   | `number[]`   | Indices of the vertices that form the triangles. If not provided, the order of the vertices will be taken. Using this property enables you not to duplicate vertices. | no       | android/ios | yes               |
-| textures  | `Point[]`.   | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint.                                                    | yes      | android/ios | yes               |
-| colors    | `string[]`   | Optional colors to be associated to each vertex                                                                                                                       | no       | android/ios | yes               |
-| blendMode | `BlendMode`  | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not.                       | no       | android/ios | yes               |
+| vertices  | `Point[]`    | Vertices to draw                                                                                                                                                      | no       | android/ios | yes               |
+| mode      | `VertexMode` | Can be `triangles`, `trianglesStrip` or `triangleFan`. Default is `triangles`                                                                                         | yes      | android/ios | yes               |
+| indices   | `number[]`   | Indices of the vertices that form the triangles. If not provided, the order of the vertices will be taken. Using this property enables you not to duplicate vertices. | yes      | android/ios | yes               |
+| textures  | `Point[]`.   | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint.                                                    | no       | android/ios | yes               |
+| colors    | `string[]`   | Optional colors to be associated to each vertex                                                                                                                       | yes      | android/ios | yes               |
+| blendMode | `BlendMode`  | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not.                       | yes      | android/ios | yes               |
 
 ### Patch
 
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+#### Properties
 
-| Name      | Type             | Description                                                  | Required | android/ios | HarmonyOS Support |
-| --------- | ---------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| patch     | `CubicBezier[4]` | Specifies four cubic Bezier starting at the top-left corner, in clockwise order, sharing every fourth point. The last cubic Bezier ends at the first point. | yes      | android/ios | yes               |
-| textures  | `Point[]`.       | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint | yes      | android/ios | yes               |
-| colors    | `string[]`       | Optional colors to be associated to each corner              | no       | android/ios | yes               |
-| blendMode | `BlendMode`      | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not | no       | android/ios | yes               |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-### Picture
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name    | Type      | Description       | Required | android/ios | HarmonyOS Support |
-| ------- | --------- | ----------------- | -------- | ----------- | ----------------- |
-| picture | SkPicture | Picture to render | yes      | android/ios | yes               |
-
-### Box
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name | Type              | Description               | Required | android/ios | HarmonyOS Support |
-| ---- | ----------------- | ------------------------- | -------- | ----------- | ----------------- |
-| box  | SkRRect \| SkRect | The destination rectangle | yes      | android/ios | yes               |
-
-### BoxShadow
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name   | Type    | Description                                     | Required | android/ios | HarmonyOS Support |
-| ------ | ------- | ----------------------------------------------- | -------- | ----------- | ----------------- |
-| dx     | number  | The X offset of the shadow.                     | no       | android/ios | yes               |
-| dy     | number  | The Y offset of the shadow.                     | no       | android/ios | yes               |
-| spread | number  | Optional colors to be associated to each corner | no       | android/ios | yes               |
-| blur   | number  | The blur radius for the shadow                  | yes      | android/ios | yes               |
-| color  | Color   | The color of the drop shadow                    | no       | android/ios | yes               |
-| inner  | boolean | Shadows are drawn within the input content      | no       | android/ios | yes               |
-
-### Shader
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Type                                                                       | Description                   | Required | android/ios | HarmonyOS Support |
-| -------- | -------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
-| source   | RuntimeEffect                                                              | Compiled shaders              | yes      | android/ios | yes               |
-| uniforms | { [name: string]: number \| Vector \| Vector[] \| number[] \| number[][] } | uniform values                | yes      | android/ios | yes               |
-| children | Shader                                                                     | Shaders to be used as uniform | yes      | android/ios | yes               |
-
-### ImageShader
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name      | Description                                                                                                              | Type              | Required | android/ios | HarmonyOS Support |
-| --------- | ------------------------------------------------------------------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
-| image     | Image instance.                                                                                                          | SkImage           | yes      | android/ios | yes               |
-| tx        | Can be `clamp`, `repeat`, `mirror`, or `decal`.                                                                          | TileMode shaders  | no       | android/ios | yes               |
-| ty        | Can be `clamp`, `repeat`, `mirror`, or `decal`.                                                                          | TileMode values   | no       | android/ios | yes               |
-| fm        | Can be `linear` or `nearest`.                                                                                            | FilterMode values | no       | android/ios | yes               |
-| mm        | Can be `none` or `last`.                                                                                                 | MipmapMode        | no       | android/ios | yes               |
-| fit       | Calculate the transformation matrix to fit the rectangle defined by `fitRect`.                                           | Fit               | no       | android/ios | yes               |
-| rect      | The destination rectangle to calculate the transformation matrix via the `fit` property.                                 | SkRect            | no       | android/ios | yes               |
-| transform | The origin property is a helper to set the origin of the transformation. This property is not inherited by its children. | Transforms2d      | no       | android/ios | yes               |
+| Name      | Type             | Description                                                                                                                                                 | Required | android/ios | HarmonyOS Support |
+| --------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| cubics    | `CubicBezier[4]` | Specifies four cubic Bezier starting at the top-left corner, in clockwise order, sharing every fourth point. The last cubic Bezier ends at the first point. | no       | android/ios | yes               |
+| textures  | `Point[]`.       | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint                                           | no       | android/ios | yes               |
+| colors    | `string[]`       | Optional colors to be associated to each corner                                                                                                             | yes      | android/ios | yes               |
+| blendMode | `BlendMode`      | If `colors` is provided, colors are blended with the paint using the blend mode. Default is `dstOver` if colors are provided, `srcOver` if not              | yes      | android/ios | yes               |
 
 ### Gradients 公共属性
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                                                                                                                                                                                                                                                                            | Type         | Required | Platform    | HarmonyOS Support |
 | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
@@ -538,11 +387,11 @@ ohpm install
 
 ### LinearGradient
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description                     | Type  | Required | Platform    | HarmonyOS Support |
 | ----- | ------------------------------- | ----- | -------- | ----------- | ----------------- |
@@ -551,11 +400,11 @@ ohpm install
 
 ### RadialGradient
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description             | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | ----------------------- | ------ | -------- | ----------- | ----------------- |
@@ -564,11 +413,11 @@ ohpm install
 
 ### TwoPointConicalGradient
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                 | Type   | Required | Platform    | HarmonyOS Support |
 | ------ | --------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -579,11 +428,11 @@ ohpm install
 
 ### SweepGradient
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description                            | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | -------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -593,45 +442,45 @@ ohpm install
 
 ### FractalNoise
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
 | freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
 | freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
-| octaves    | octaves                                                                                                                        | number | no       | android/ios | yes               |
-| seed       | seed                                                                                                                           | number | no       | android/ios | yes               |
+| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
+| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
 | tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
 | tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
 
 ### Turbulence
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
 | freqX      | base frequency in the X direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
 | freqY      | base frequency in the Y direction; range [0.0, 1.0]                                                                            | number | yes      | android/ios | yes               |
-| octaves    | octaves                                                                                                                        | number | no       | android/ios | yes               |
-| seed       | seed                                                                                                                           | number | no       | android/ios | yes               |
+| octaves    |                                                                                                                                | number | yes      | android/ios | yes               |
+| seed       |                                                                                                                                | number | yes      | android/ios | yes               |
 | tileWidth  | if this and `tileHeight` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size. | number | no       | android/ios | yes               |
 | tileHeight | if this and `tileWidth` are non-zero, the frequencies will be modified so that the noise will be tileable for the given size.  | number | no       | android/ios | yes               |
 
 ### Blend
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                          | Type      | Required | Platform    | HarmonyOS Support |
 | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
@@ -640,11 +489,11 @@ ohpm install
 
 ### ColorShader
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | ----------- | ------ | -------- | ----------- | ----------------- |
@@ -652,40 +501,40 @@ ohpm install
 
 ### DiscretePathEffect
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                                   | Type       | Required | Platform    | HarmonyOS Support |
 | --------- | ------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
 | length    | length of the subsegments.                                    | number     | yes      | android/ios | yes               |
 | deviation | limit of the movement of the endpoints.                       | number     | yes      | android/ios | yes               |
-| seed      | modifies the randomness. See SkDiscretePathEffect.h for more. | number     | no       | android/ios | yes               |
+| seed      | modifies the randomness. See SkDiscretePathEffect.h for more. | number     | yes      | android/ios | yes               |
 | children  | Optional path effect to apply.                                | PathEffect | no       | android/ios | yes               |
 
 ### DashPathEffect
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                                                                                                             | Type       | Required | Platform    | HarmonyOS Support |
 | --------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
 | intervals | even number of entries with even indices specifying the length of the "on" intervals, and the odd index specifying the length of "off". | number[]   | yes      | android/ios | yes               |
-| phase     | offset into the intervals array. Defaults to 0.                                                                                         | number     | no       | android/ios | yes               |
+| phase     | offset into the intervals array. Defaults to 0.                                                                                         | number     | yes      | android/ios | yes               |
 | children  | Optional path effect to apply.                                                                                                          | PathEffect | no       | android/ios | yes               |
 
 ### CornerPathEffect
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                    | Type       | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------ | ---------- | -------- | ----------- | ----------------- |
@@ -694,11 +543,11 @@ ohpm install
 
 ### Path1DPathEffect
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                     | Type              | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
@@ -710,11 +559,11 @@ ohpm install
 
 ### Path2DPathEffect
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -724,11 +573,11 @@ ohpm install
 
 ### Line2DPathEffect
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -736,194 +585,28 @@ ohpm install
 | matrix   | Matrix to be applied          | IMatrix    | yes      | android/ios | yes               |
 | children | Optional path effect to apply | PathEffect | no       | android/ios | yes               |
 
-### Shadow
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name       | Description                                            | Type        | Required | Platform    | HarmonyOS Support |
-| ---------- | ------------------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
-| dx         | The X offset of the shadow.                            | number      | yes      | android/ios | yes               |
-| dy         | The Y offset of the shadow.                            | number      | no       | android/ios | yes               |
-| blur       | The blur radius for the shadow                         | number      | no       | android/ios | yes               |
-| color      | The color of the drop shadow                           | Color       | no       | android/ios | yes               |
-| inner      | Shadows are drawn within the input content             | boolean     | no       | android/ios | yes               |
-| shadowOnly | If true, the result does not include the input content | boolean     | no       | android/ios | yes               |
-| children   | Optional image filter to be applied first              | ImageFilter | no       | android/ios | yes               |
-
-### Blur
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                                   | Type             | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
-| blur     | The Gaussian sigma blur value                                 | number`or`Vector | yes      | android/ios | yes               |
-| mode     | `mirror`, `repeat`, `clamp`, or `decal` (default is `decal`). | TileMode         | no       | android/ios | yes               |
-| children | Optional image filter to be applied first.                    | ImageFilter      | no       | android/ios | yes               |
-
-### DisplacementMap
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                                                          | Type         | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
-| channelX | Color channel to be used along the X axis. Possible values are `r`, `g`, `b`, or `a` | ColorChannel | yes      | android/ios | yes               |
-| channelY | Color channel to be used along the Y axis. Possible values are `r`, `g`, `b`, or `a` | ColorChannel | no       | android/ios | yes               |
-| scale    | Displacement scale factor to be used                                                 | number       | no       | android/ios | yes               |
-| children | Optional image filter to be applied first                                            | ImageFilter  | no       | android/ios | yes               |
-
-### Offset
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
-| x        | Offset along the X axis.                   | number      | yes      | android/ios | yes               |
-| y        | Offset along the Y axis.                   | number      | yes      | android/ios | yes               |
-| children | Optional image filter to be applied first. | ImageFilter | no       | android/ios | yes               |
-
-### Morphology
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                                         | Type             | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
-| operator | whether to erode (i.e., thin) or dilate (fatten). Default is dilate | erode`or`dilate  | yes      | android/ios | yes               |
-| radius   | Radius of the effect.                                               | number`or`Vector | yes      | android/ios | yes               |
-| children | Optional image filter to be applied first.                          | ImageFilter      | no       | android/ios | yes               |
-
-### RuntimeShader
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                | Type            | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------ | --------------- | -------- | ----------- | ----------------- |
-| source   | Shader to use as an image filter           | SkRuntimeEffect | yes      | android/ios | yes               |
-| children | Optional image filter to be applied first. | ImageFilter     | no       | android/ios | yes               |
-
-### BlurMask
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name       | Description                                                           | Type      | Required | Platform    | HarmonyOS Support |
-| ---------- | --------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
-| blur       | Standard deviation of the Gaussian blur. Must be > 0.                 | number    | yes      | android/ios | yes               |
-| style      | Can be `normal`, `solid`, `outer`, or `inner` (default is `normal`).  | BlurStyle | no       | android/ios | yes               |
-| respectCTM | if true the blur's sigma is modified by the CTM (default is `false`). | bool      | no       | android/ios | yes               |
-
-### ColorMatrix
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
-| matrix   | Color Matrix (5x4)                         | number[]    | yes      | android/ios | yes               |
-| children | Optional color filter to be applied first. | ColorFilter | no       | android/ios | yes               |
-
-### BlendColor
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                                                               | Type        | Required | Platform    | HarmonyOS Support |
-| -------- | ----------------------------------------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
-| color    | Color                                                                                     | Color       | yes      | android/ios | yes               |
-| mode     | Sets the blend mode that is, the mode used to combine source color with destination color | BlendMode   | yes      | android/ios | yes               |
-| children | Optional color filter to be applied first.                                                | ColorFilter | no       | android/ios | yes               |
-
-### Lerp
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
-| t        | Value between 0 and 1.                     | number      | yes      | android/ios | yes               |
-| children | Optional color filter to be applied first. | ColorFilter | yes      | android/ios | yes               |
-
-### LinearToSRGBGamma
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
-| children | Optional color filter to be applied first. | ColorFilter | no       | android/ios | yes               |
-
-### SRGBToLinearGamma
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
-| children | Optional color filter to be applied first. | ColorFilter | no       | android/ios | yes               |
-
 ### Mask
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                          | Type               | Required | Platform    | HarmonyOS Support |
 | -------- | ---------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
 | mode     | Is it a luminance or alpha mask (default is `alpha`) | alpha \| luminance | no       | android/ios | yes               |
-| clip     | clip the mask so it doesn't exceed the content       | boolean            | no       | android/ios | yes               |
+| clip     | clip the mask so it doesn't exceed the content       | bool               | no       | android/ios | yes               |
 | mask     | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
 | children | ReactNode                                            | ReactNode[]        | yes      | android/ios | yes               |
 
 ### Image
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                                                                                                                                | Type    | Required | Platform    | HarmonyOS Support |
 | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
@@ -934,13 +617,13 @@ ohpm install
 | height | The height of the destination image.                                                                                                                                       | number  | yes      | android/ios | yes               |
 | fit    | The method used to fit the image into the rectangle. Values can be `contain`, `fill`, `cover`, `fitHeight`, `fitWidth`, `scaleDown`, or `none` (the default is `contain`). | Fit     | no       | android/ios | yes               |
 
-### ImageSVG
+### SVG Image
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
 | ------ | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -952,11 +635,11 @@ ohpm install
 
 ### Paragraph
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                   | Type        | Required | Platform    | HarmonyOS Support |
 | --------- | --------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
@@ -967,11 +650,11 @@ ohpm install
 
 ### Text
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description                                   | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | --------------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -982,11 +665,11 @@ ohpm install
 
 ### Glyphs
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                | Type    | Required | Platform    | HarmonyOS Support |
 | ------ | ---------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
@@ -995,27 +678,27 @@ ohpm install
 | y      | y coordinate of the origin of the entire run. Default is 0 | number  | yno      | android/ios | yes               |
 | font   | Font to use                                                | SkFont  | yes      | android/ios | yes               |
 
-### TextPath
+### Text Path
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description                                                                                                                                                                             | Type           | Required | Platform    | HarmonyOS Support |
 | ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
 | path | Path to draw. Can be a string using the [SVG Path notation](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#line_commands) or an object created with `Skia.Path.Make()` | Path \| string | yes      | android/ios | yes               |
 | text | Text to draw                                                                                                                                                                            | string         | yes      | android/ios | yes               |
-| font | Font to use                                                                                                                                                                             | SkFont         | yes      | android/ios | yes               |
+| font | Font to use                                                                                                                                                                             |                |          |             |                   |
 
-### TextBlob
+### Text Path
 
-#### 属性
+#### Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description                                                | Type     | Required | Platform    | HarmonyOS Support |
 | ---- | ---------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -1023,48 +706,24 @@ ohpm install
 | x    | x coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
 | y    | y coordinate of the origin of the entire run. Default is 0 | number   | no       | android/ios | yes               |
 
-### BackdropFilter
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name   | Description                                                                             | Type                     | Required | Platform    | HarmonyOS Support |
-| ------ | --------------------------------------------------------------------------------------- | ------------------------ | -------- | ----------- | ----------------- |
-| filter | Applies an image filter to the area behind the canvas or behind a defined clipping mask | ReactNode \| ReactNode[] | yes      | android/ios | yes               |
-
-### BackdropBlur
-
-#### 属性
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name | Description | Type   | Required | Platform    | HarmonyOS Support |
-| ---- | ----------- | ------ | -------- | ----------- | ----------------- |
-| blur | Blur radius | number | yes      | android/ios | yes               |
-
 ## RNSkiaModule API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description      | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | ---------------- | -------- | -------- | ----------- | ----------------- |
 | install | initialized skia | function | yes      | android/ios | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [x] Text 组件无法使用 问题: [issue#Text 暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/5)
 - [ ] Video 组件无法使用 问题: [issue#Video 暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/6)
 - [x] Image 组件无法使用 问题: [issue#Image 暂不支持](https://github.com/react-native-oh-library/react-native-skia/issues/7)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-skia/blob/sig/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-skia/blob/sig/LICENSE.md).
diff --git a/en/react-native-system-setting.md b/en/react-native-system-setting.md
index c152a6fc..2085e345 100644
--- a/en/react-native-system-setting.md
+++ b/en/react-native-system-setting.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-system-setting</code> </h1>
@@ -13,22 +13,19 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-system-setting)
 
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases).
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-system-setting)
+Go to the project directory and execute the following instruction:
 
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-####  npm
+#### npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-system-setting@file:#
@@ -42,129 +39,139 @@ yarn add @react-native-oh-tpl/react-native-system-setting@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
-import React, { useEffect, useState } from 'react'
-import SystemSetting, { EmitterSubscription } from 'react-native-system-setting'
-import { ScrollView, Text, View, StyleSheet, TouchableOpacity } from 'react-native'
+import React, { useEffect, useState } from "react";
+import SystemSetting, {
+  EmitterSubscription,
+} from "react-native-system-setting";
+import {
+  ScrollView,
+  Text,
+  View,
+  StyleSheet,
+  TouchableOpacity,
+} from "react-native";
 
 const SystemSettingDemo: React.FC = (): JSX.Element => {
-    const [bluetoothEnabled, setBluetoothEnabled] = useState<boolean>()
-    const isBluetoothEnabled = async () => {
-        const enabled = await SystemSetting.isBluetoothEnabled()
-        setBluetoothEnabled(enabled)
-    }
-    return (
-        <>
-            <ScrollView>
-                <View style={styles.module}>
-                    <Text
-                        style={styles.moduleName}>
-                        Bluetooth(蓝牙模块)
-                    </Text>
-                    <Text
-                        style={styles.moduleContent}>
-                        蓝牙状态:{bluetoothEnabled === true ? '开启' : '关闭'}
-                    </Text>
-                    <TouchableOpacity
-                        onPress={() => {
-                            isBluetoothEnabled()
-                        }}
-                        style={styles.moduleButton}
-                    >
-                        <Text style={styles.buttonText}>获取蓝牙状态</Text>
-                    </TouchableOpacity>
-                    <TouchableOpacity
-                        onPress={() => {
-                            SystemSetting.switchBluetooth(() => {
-                                console.log('跳转完成')
-                            })
-
-                        }}
-                        style={styles.moduleButton}
-                    >
-                        <Text style={styles.buttonText}>切换蓝牙状态(跳转设置)</Text>
-                    </TouchableOpacity>
-                    <TouchableOpacity
-                        onPress={() => {
-                            SystemSetting.switchBluetoothSilence(() => {
-                                console.log('切换完成')
-                            })
-                        }}
-                        style={styles.moduleButton}
-                    >
-                        <Text style={styles.buttonText}>切换蓝牙状态</Text>
-                    </TouchableOpacity>
-                    <TouchableOpacity
-                        onPress={async () => {
-                            bluetoothEvent = await SystemSetting.addBluetoothListener(e => {
-                                console.log(JSON.stringify(e))
-                                setBluetoothEnabled(e)
-                            })
-                        }}
-                        style={styles.moduleButton}
-                    >
-                        <Text style={styles.buttonText}>开启蓝牙状态监听器</Text>
-                    </TouchableOpacity>
-                    <TouchableOpacity
-                        onPress={() => {
-                            SystemSetting.removeListener(bluetoothEvent)
-                        }}
-                        style={styles.moduleButton}
-                    >
-                        <Text style={styles.buttonText}>关闭蓝牙状态监听器</Text>
-                    </TouchableOpacity>
-                </View>
-            </ScrollView>
-        </>
-    )
-}
+  const [bluetoothEnabled, setBluetoothEnabled] = useState<boolean>();
+  const isBluetoothEnabled = async () => {
+    const enabled = await SystemSetting.isBluetoothEnabled();
+    setBluetoothEnabled(enabled);
+  };
+  return (
+    <>
+      <ScrollView>
+        <View style={styles.module}>
+          <Text style={styles.moduleName}>Bluetooth(Bluetooth module)</Text>
+          <Text style={styles.moduleContent}>
+            Bluetooth status:{bluetoothEnabled === true ? "open" : "close"}
+          </Text>
+          <TouchableOpacity
+            onPress={() => {
+              isBluetoothEnabled();
+            }}
+            style={styles.moduleButton}
+          >
+            <Text style={styles.buttonText}>Get Bluetooth status</Text>
+          </TouchableOpacity>
+          <TouchableOpacity
+            onPress={() => {
+              SystemSetting.switchBluetooth(() => {
+                console.log("Jump completed");
+              });
+            }}
+            style={styles.moduleButton}
+          >
+            <Text style={styles.buttonText}>
+              Switch Bluetooth status(Jump settings)
+            </Text>
+          </TouchableOpacity>
+          <TouchableOpacity
+            onPress={() => {
+              SystemSetting.switchBluetoothSilence(() => {
+                console.log("Switching completed");
+              });
+            }}
+            style={styles.moduleButton}
+          >
+            <Text style={styles.buttonText}>Switch Bluetooth status</Text>
+          </TouchableOpacity>
+          <TouchableOpacity
+            onPress={async () => {
+              bluetoothEvent = await SystemSetting.addBluetoothListener((e) => {
+                console.log(JSON.stringify(e));
+                setBluetoothEnabled(e);
+              });
+            }}
+            style={styles.moduleButton}
+          >
+            <Text style={styles.buttonText}>
+              Enable Bluetooth status listener
+            </Text>
+          </TouchableOpacity>
+          <TouchableOpacity
+            onPress={() => {
+              SystemSetting.removeListener(bluetoothEvent);
+            }}
+            style={styles.moduleButton}
+          >
+            <Text style={styles.buttonText}>
+              Turn off Bluetooth status listener
+            </Text>
+          </TouchableOpacity>
+        </View>
+      </ScrollView>
+    </>
+  );
+};
 const styles = StyleSheet.create({
-    module: {
-        margin: 15,
-    },
-    moduleName: {
-        fontSize: 25,
-        fontWeight: '700',
-        marginBottom: 4
-    },
-    moduleContent: {
-        fontSize: 16,
-        fontWeight: '500',
-        marginBottom: 4
-    },
-    moduleButton: {
-        marginBottom: 4,
-        backgroundColor: 'deepskyblue',
-        height: 34,
-        borderRadius: 10
-    },
-    buttonText: {
-        fontSize: 18,
-        fontWeight: '400',
-        color: 'white',
-        textAlign: 'center',
-        lineHeight: 32,
-        verticalAlign: 'middle'
-    }
-})
-
-export default SystemSettingDemo
+  module: {
+    margin: 15,
+  },
+  moduleName: {
+    fontSize: 25,
+    fontWeight: "700",
+    marginBottom: 4,
+  },
+  moduleContent: {
+    fontSize: 16,
+    fontWeight: "500",
+    marginBottom: 4,
+  },
+  moduleButton: {
+    marginBottom: 4,
+    backgroundColor: "deepskyblue",
+    height: 34,
+    borderRadius: 10,
+  },
+  buttonText: {
+    fontSize: 18,
+    fontWeight: "400",
+    color: "white",
+    textAlign: "center",
+    lineHeight: 32,
+    verticalAlign: "middle",
+  },
+});
+
+export default SystemSettingDemo;
 ```
 
-## 使用 Codegen 
-本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](/zh-cn/codegen.md)。
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -175,18 +182,15 @@ export default SystemSettingDemo
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -195,23 +199,22 @@ export default SystemSettingDemo
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+Method 2: Directly link to the source code.
 
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNSystemSettingPackage
+### 3. Introducing RNSystemSettingPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -225,94 +228,94 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases)。
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases)。
 
-### 权限要求
+### Permission Requirements
 
-由于此库涉及蓝牙、亮度等系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在entry/src/main目录下module.json5文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档：[程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
+由于此库涉及蓝牙、亮度等系统控制功能，使用对应接口时则需要配置对应的权限，权限需配置在 entry/src/main 目录下 module.json5 文件中。其中部分权限需弹窗向用户申请授权。具体权限配置见文档: [程序访问控制](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/Readme-CN.md#/openharmony/docs/blob/master/zh-cn/application-dev/security/AccessToken/app-permission-mgmt-overview.md)。
 
-此库部分功能与接口需要normal权限：ohos.permission.ACCESS_BLUETOOTH、ohos.permission.GET_WIFI_INFO。
+此库部分功能与接口需要 normal 权限: ohos.permission.ACCESS_BLUETOOTH、ohos.permission.GET_WIFI_INFO。
 
-此库部分功能与接口需要full sdk与system_basic权限：ohos.permission.MANAGE_SECURE_SETTINGS、ohos.permission.MANAGE_WIFI_CONNECTION等，[full sdk获取地址](https://eco-betaclub.rnd.huawei.com/#/download/DevEco%20Studio/newest)，[system_basic权限获取方式](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/determine-application-mode-0000001774120042-V5)。
+此库部分功能与接口需要 full sdk 与 system_basic 权限: ohos.permission.MANAGE_SECURE_SETTINGS、ohos.permission.MANAGE_WIFI_CONNECTION 等，[full sdk 获取地址](https://eco-betaclub.rnd.huawei.com/#/download/DevEco%20Studio/newest)，[system_basic 权限获取方式](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/determine-application-mode-0000001774120042-V5)。
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请见[react-native-system-setting](https://github.com/c19354837/react-native-system-setting/tree/master)
+For details, see [react-native-system-setting](https://github.com/c19354837/react-native-system-setting/tree/master)
 
-| Name                        | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
-| --------------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
-| getVolume                   | Get the system volume.                                       | string                   | No       | iOS/Android | yes               |
-| setVolume                   | Set the system volume by specified value, from 0 to 1. 0 for mute, and 1 is max volume. | val:float, config:object | No       | iOS/Android | no                |
-| addVolumeListener           | Listen the volume changing, and it will return the listener. | callback                 | No       | iOS/Android | yes               |
-| removeVolumeListener        | Remove listener when it no longer needed.                    | listener                 | No       | iOS/Android | no                |
-| getBrightness               | Get the system brightness.                                   | no                       | No       | iOS/Android | no                |
-| setBrightness               | Set the system brightness by specified value, from 0 to 1. 0 for brightless, and 1 is max. | val:float                | No       | iOS/Android | no                |
-| setBrightnessForce          | In Android, if the screen mode is auto, SystemSetting.setBrightness() will not work. You can call this to change the screen mode to MANUAL first. | val:float                | No       | Android     | no                |
+| Name                        | Description                                                                                                                                                                               | Type                     | Required | Platform    | HarmonyOS Support |
+| --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ | -------- | ----------- | ----------------- |
+| getVolume                   | Get the system volume.                                                                                                                                                                    | string                   | No       | iOS/Android | yes               |
+| setVolume                   | Set the system volume by specified value, from 0 to 1. 0 for mute, and 1 is max volume.                                                                                                   | val:float, config:object | No       | iOS/Android | no                |
+| addVolumeListener           | Listen the volume changing, and it will return the listener.                                                                                                                              | callback                 | No       | iOS/Android | yes               |
+| removeVolumeListener        | Remove listener when it no longer needed.                                                                                                                                                 | listener                 | No       | iOS/Android | no                |
+| getBrightness               | Get the system brightness.                                                                                                                                                                | no                       | No       | iOS/Android | no                |
+| setBrightness               | Set the system brightness by specified value, from 0 to 1. 0 for brightless, and 1 is max.                                                                                                | val:float                | No       | iOS/Android | no                |
+| setBrightnessForce          | In Android, if the screen mode is auto, SystemSetting.setBrightness() will not work. You can call this to change the screen mode to MANUAL first.                                         | val:float                | No       | Android     | no                |
 | setAppBrightness            | For Android and Harmony, `setBrightness()` or `setBrightnessForce()` will change the system's brightness, while this just changes the app's brightness, and it has no permission trouble. | val:float                | No       | Android     | yes               |
-| getAppBrightness            | Get the app brightness, and it will returns system brightness if you haven't call `setAppBrightness(val)` yet. (iOS allways returns system brightness) | no                       | No       | Android     | yes               |
-| getScreenMode               | (Only for Android, iOS and Harmony will return -1). Get the screen mode, 0 is manual, while 1 is automatic. | no                       | No       | Android     | no                |
-| setScreenMode               | (Only for Android, iOS and Harmony cannot change it). Change the screen mode, 0 is manual, while 1 is automatic. | mode:int                 | No       | Android     | no                |
-| grantWriteSettingPermission | open app setting page. It's user-friendly when you need some permission. Normally, you can call it if `setScreenMode()`, `setBrightness()` or `setBrightnessForce()` return false | no                       | No       | iOS/Android | no                |
-| saveBrightness              | It will save current brightness and screen mode.             | no                       | No       | iOS/Android | yes               |
-| restoreBrightness           | Restore brightness and screen mode back to saveBrightness(). While iOS only restore the brightness, Android will restore both, Harmony will restore the app's rightness. | no                       | No       | iOS/Android | yes               |
-| isWifiEnabled               | Get wifi state, true if wifi is on.                          | no                       | No       | iOS/Android | yes               |
-| switchWifi                  | It will open **Wifi Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | iOS/Android | yes               |
-| switchWifiSilence           | It will open wifi if the wifi is off, and close wifi when the wifi is on now. When it has done, the `complete` will be call. | complete                 | No       | Android     | no                |
-| addWifiListener             | Listen the wifi state changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
-| isLocationEnabled           | Get location state, true if location is on.                  | no                       | No       | iOS/Android | yes               |
-| switchLocation              | It will open **System Location Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | iOS/Android | yes               |
-| addLocationListener         | Listen the location state changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
-| getLocationMode             | Get current location mode code: `0` - 'off', `1` - 'gps', `2` - 'network', `3` - 'gps & network'. (Android only) | no                       | No       | Android     | no                |
-| addLocationModeListener     | Listen the location mode changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
-| isBluetoothEnabled          | Get bluetooth state, true if bluetooth is on.                | no                       | No       | iOS/Android | yes               |
-| switchBluetooth             | It will open **System Bluetooth Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call. | complete                 | No       | iOS/Android | yes               |
-| switchBluetoothSilence      | It will open bluetooth if the bluetooth is off, and close bluetooth when the bluetooth is on now. When it has done, the `complete` will be call. In android, it's done programmatically. | complete                 | No       | Android     | yes               |
-| addBluetoothListener        | Listen the bluetooth state changing, and it will return the listener. | callback                 | No       | iOS/Android | yes               |
-| isAirplaneEnabled           | Get airplane state, true if airplane is on.                  | no                       | No       | iOS/Android | no                |
-| switchAirplane              | It will open **System Setting Page**, and you can change it by yourself. | complete                 | No       | iOS/Android | yes               |
-| addAirplaneListener         | Listen the airplane state changing, and it will return the listener. (Android only) | callback                 | No       | Android     | no                |
-| setAppStore                 | `true` means that you'll submit your app to App Store,`false` means that your app will not upload to App Store, and you can use any APIs at will. | isAppStore:bool          | No       | iOS         | no                |
-| removeListener              | you can use this to remove the listener which return by `add*Listener(callback)` | listener                 | No       | iOS/Android | yes               |
-| openAppSystemSettings       | open app's setting page                                      | no                       | No       | iOS/Android | yes               |
-
-## 其他
-
-由于仅支持Android/iOS特有功能，HarmonyOS暂无法实现的接口：[issue#11](https://github.com/react-native-oh-library/react-native-system-setting/issues/11)
-
-## 遗留问题
-
-- [ ] 由于系统音量权限问题，HarmonyOS暂无法实现的接口：[issue#3](https://github.com/react-native-oh-library/react-native-system-setting/issues/3)
-- [ ] 由于系统亮度与亮度模式权限问题，HarmonyOS暂无法实现的接口：[issue#4](https://github.com/react-native-oh-library/react-native-system-setting/issues/4)
-- [ ] 由于系统WiFi权限问题，HarmonyOS暂无法实现的接口：[issue#5](https://github.com/react-native-oh-library/react-native-system-setting/issues/5)
-- [ ] 由于系统未支持删除音量监听器，HarmonyOS暂无法实现的接口：[issue#6](https://github.com/react-native-oh-library/react-native-system-setting/issues/6)
-- [ ] 由于系统未支持位置服务模式监听器相关接口，HarmonyOS暂无法实现的接口：[issue#7](https://github.com/react-native-oh-library/react-native-system-setting/issues/7)
-- [ ] 由于系统未支持位置服务模式获取相关接口，HarmonyOS暂无法实现的接口：[issue#8](https://github.com/react-native-oh-library/react-native-system-setting/issues/8)
-- [ ] 由于系统未支持获取飞行模式状态相关接口，HarmonyOS暂无法实现的接口：[issue#9](https://github.com/react-native-oh-library/react-native-system-setting/issues/9)
-- [ ] 由于系统未支持飞行模式开关监听器相关接口，HarmonyOS暂无法实现的接口：[issue#10](https://github.com/react-native-oh-library/react-native-system-setting/issues/10)
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/c19354837/react-native-system-setting/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
+| getAppBrightness            | Get the app brightness, and it will returns system brightness if you haven't call `setAppBrightness(val)` yet. (iOS allways returns system brightness)                                    | no                       | No       | Android     | yes               |
+| getScreenMode               | (Only for Android, iOS and Harmony will return -1). Get the screen mode, 0 is manual, while 1 is automatic.                                                                               | no                       | No       | Android     | no                |
+| setScreenMode               | (Only for Android, iOS and Harmony cannot change it). Change the screen mode, 0 is manual, while 1 is automatic.                                                                          | mode:int                 | No       | Android     | no                |
+| grantWriteSettingPermission | open app setting page. It's user-friendly when you need some permission. Normally, you can call it if `setScreenMode()`, `setBrightness()` or `setBrightnessForce()` return false         | no                       | No       | iOS/Android | no                |
+| saveBrightness              | It will save current brightness and screen mode.                                                                                                                                          | no                       | No       | iOS/Android | yes               |
+| restoreBrightness           | Restore brightness and screen mode back to saveBrightness(). While iOS only restore the brightness, Android will restore both, Harmony will restore the app's rightness.                  | no                       | No       | iOS/Android | yes               |
+| isWifiEnabled               | Get wifi state, true if wifi is on.                                                                                                                                                       | no                       | No       | iOS/Android | yes               |
+| switchWifi                  | It will open **Wifi Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call.                                                            | complete                 | No       | iOS/Android | yes               |
+| switchWifiSilence           | It will open wifi if the wifi is off, and close wifi when the wifi is on now. When it has done, the `complete` will be call.                                                              | complete                 | No       | Android     | no                |
+| addWifiListener             | Listen the wifi state changing, and it will return the listener. (Android only)                                                                                                           | callback                 | No       | Android     | no                |
+| isLocationEnabled           | Get location state, true if location is on.                                                                                                                                               | no                       | No       | iOS/Android | yes               |
+| switchLocation              | It will open **System Location Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call.                                                 | complete                 | No       | iOS/Android | yes               |
+| addLocationListener         | Listen the location state changing, and it will return the listener. (Android only)                                                                                                       | callback                 | No       | Android     | no                |
+| getLocationMode             | Get current location mode code: `0` - 'off', `1` - 'gps', `2` - 'network', `3` - 'gps & network'. (Android only)                                                                          | no                       | No       | Android     | no                |
+| addLocationModeListener     | Listen the location mode changing, and it will return the listener. (Android only)                                                                                                        | callback                 | No       | Android     | no                |
+| isBluetoothEnabled          | Get bluetooth state, true if bluetooth is on.                                                                                                                                             | no                       | No       | iOS/Android | yes               |
+| switchBluetooth             | It will open **System Bluetooth Setting Page**, and you can change it by yourself. When come back to the app, the `complete` will be call.                                                | complete                 | No       | iOS/Android | yes               |
+| switchBluetoothSilence      | It will open bluetooth if the bluetooth is off, and close bluetooth when the bluetooth is on now. When it has done, the `complete` will be call. In android, it's done programmatically.  | complete                 | No       | Android     | yes               |
+| addBluetoothListener        | Listen the bluetooth state changing, and it will return the listener.                                                                                                                     | callback                 | No       | iOS/Android | yes               |
+| isAirplaneEnabled           | Get airplane state, true if airplane is on.                                                                                                                                               | no                       | No       | iOS/Android | no                |
+| switchAirplane              | It will open **System Setting Page**, and you can change it by yourself.                                                                                                                  | complete                 | No       | iOS/Android | yes               |
+| addAirplaneListener         | Listen the airplane state changing, and it will return the listener. (Android only)                                                                                                       | callback                 | No       | Android     | no                |
+| setAppStore                 | `true` means that you'll submit your app to App Store,`false` means that your app will not upload to App Store, and you can use any APIs at will.                                         | isAppStore:bool          | No       | iOS         | no                |
+| removeListener              | you can use this to remove the listener which return by `add*Listener(callback)`                                                                                                          | listener                 | No       | iOS/Android | yes               |
+| openAppSystemSettings       | open app's setting page                                                                                                                                                                   | no                       | No       | iOS/Android | yes               |
+
+## Others
+
+由于仅支持 Android/iOS 特有功能，HarmonyOS 暂无法实现的接口: [issue#11](https://github.com/react-native-oh-library/react-native-system-setting/issues/11)
+
+## Known Issues
+
+- [ ] 由于系统音量权限问题，HarmonyOS 暂无法实现的接口: [issue#3](https://github.com/react-native-oh-library/react-native-system-setting/issues/3)
+- [ ] 由于系统亮度与亮度模式权限问题，HarmonyOS 暂无法实现的接口: [issue#4](https://github.com/react-native-oh-library/react-native-system-setting/issues/4)
+- [ ] 由于系统 WiFi 权限问题，HarmonyOS 暂无法实现的接口: [issue#5](https://github.com/react-native-oh-library/react-native-system-setting/issues/5)
+- [ ] 由于系统未支持删除音量监听器，HarmonyOS 暂无法实现的接口: [issue#6](https://github.com/react-native-oh-library/react-native-system-setting/issues/6)
+- [ ] 由于系统未支持位置服务模式监听器相关接口，HarmonyOS 暂无法实现的接口: [issue#7](https://github.com/react-native-oh-library/react-native-system-setting/issues/7)
+- [ ] 由于系统未支持位置服务模式获取相关接口，HarmonyOS 暂无法实现的接口: [issue#8](https://github.com/react-native-oh-library/react-native-system-setting/issues/8)
+- [ ] 由于系统未支持获取飞行模式状态相关接口，HarmonyOS 暂无法实现的接口: [issue#9](https://github.com/react-native-oh-library/react-native-system-setting/issues/9)
+- [ ] 由于系统未支持飞行模式开关监听器相关接口，HarmonyOS 暂无法实现的接口: [issue#10](https://github.com/react-native-oh-library/react-native-system-setting/issues/10)
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/c19354837/react-native-system-setting/blob/master/LICENSE.md).
diff --git a/en/react-native-track-player.md b/en/react-native-track-player.md
index 334cd0dc..4296d22d 100644
--- a/en/react-native-track-player.md
+++ b/en/react-native-track-player.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-track-player</code> </h1>
@@ -12,17 +12,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-track-player)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-track-player)
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,110 +38,99 @@ yarn add @react-native-oh-tpl/react-native-track-player@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useEffect } from "react";
-import { ScrollView, Text, Button, View, StyleSheet } from 'react-native';
-import TrackPlayer from 'react-native-track-player';
+import { ScrollView, Text, Button, View, StyleSheet } from "react-native";
+import TrackPlayer from "react-native-track-player";
 
 const TrackPlayerDemo = () => {
-    useEffect(() => {
-        // Set up the player
-        TrackPlayer.setupPlayer();
-    }, []);
-
-    const addExample = () => {
-        TrackPlayer.add([
-            {
-                url: "https://ting8.yymp3.com/new27/chengxiang10/1.mp3",
-                title: "世界这么大还是遇见你",
-                artist: "程响",
-                artwork: "https://rntp.dev/example/Longing.jpeg",
-                duration: 237
-            },
-            {
-                url: "https://ting8.yymp3.com/new18/fhzq4/8.mp3",
-                title: "最炫民族风",
-                artist: "凤凰传奇",
-                artwork: "https://rntp.dev/example/Rhythm%20City%20(Demo).jpeg",
-                duration: 283
-            }, {
-                url: "https://ting8.yymp3.com/new27/jinzhiwen3/1.mp3",
-                title: "远走高飞",
-                artist: "金志文",
-                artwork: "https://rntp.dev/example/Rhythm%20City%20(Demo).jpeg",
-                duration: 235
-            }]);
-    }
-
-    // 开始播放歌曲
-    const startExample = () => {
-        // Start playing it
-        TrackPlayer.play();
-    }
-    // 暂停播放歌曲
-    const pauseExample = () => {
-        TrackPlayer.pause();
-    }
-    return (
-        <ScrollView>
-            <View>
-                <Text style={styles.text}>TrackPlayerDemo </Text>
-                <View>
-                    <Text style={styles.text}>添加Track</Text>
-                    <Button
-                        title="add"
-                        color="#9a73ef"
-                        onPress={addExample}
-                    />
-                </View>
-
-                <View>
-                    <Text style={styles.text}>播放Track</Text>
-                    <Button
-                        title="play"
-                        color="#9a73ef"
-                        onPress={startExample}
-                    />
-                </View>
-
-                <View>
-                    <Text style={styles.text}>暂停Track</Text>
-                    <Button
-                        title="pause"
-                        color="#9a73ef"
-                        onPress={pauseExample}
-                    />
-                </View>
-            </View>
-        </ScrollView>
-    )
+  useEffect(() => {
+    // Set up the player
+    TrackPlayer.setupPlayer();
+  }, []);
+
+  const addExample = () => {
+    TrackPlayer.add([
+      {
+        url: "https://ting8.yymp3.com/new27/chengxiang10/1.mp3",
+        title: "世界这么大还是遇见你",
+        artist: "程响",
+        artwork: "https://rntp.dev/example/Longing.jpeg",
+        duration: 237,
+      },
+      {
+        url: "https://ting8.yymp3.com/new18/fhzq4/8.mp3",
+        title: "最炫民族风",
+        artist: "凤凰传奇",
+        artwork: "https://rntp.dev/example/Rhythm%20City%20(Demo).jpeg",
+        duration: 283,
+      },
+      {
+        url: "https://ting8.yymp3.com/new27/jinzhiwen3/1.mp3",
+        title: "远走高飞",
+        artist: "金志文",
+        artwork: "https://rntp.dev/example/Rhythm%20City%20(Demo).jpeg",
+        duration: 235,
+      },
+    ]);
+  };
+
+  const startExample = () => {
+    // Start playing it
+    TrackPlayer.play();
+  };
+
+  const pauseExample = () => {
+    TrackPlayer.pause();
+  };
+  return (
+    <ScrollView>
+      <View>
+        <Text style={styles.text}>TrackPlayerDemo </Text>
+        <View>
+          <Text style={styles.text}>添加Track</Text>
+          <Button title="add" color="#9a73ef" onPress={addExample} />
+        </View>
+
+        <View>
+          <Text style={styles.text}>播放Track</Text>
+          <Button title="play" color="#9a73ef" onPress={startExample} />
+        </View>
+
+        <View>
+          <Text style={styles.text}>暂停Track</Text>
+          <Button title="pause" color="#9a73ef" onPress={pauseExample} />
+        </View>
+      </View>
+    </ScrollView>
+  );
 };
 
 const styles = StyleSheet.create({
-    text: {
-        fontSize: 18,
-        marginBottom: 10,
-        color: 'red',
-    },
+  text: {
+    fontSize: 18,
+    marginBottom: 10,
+    color: "red",
+  },
 });
 export default TrackPlayerDemo;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -154,18 +141,15 @@ export default TrackPlayerDemo;
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -174,22 +158,22 @@ export default TrackPlayerDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNTrackPlayerPackage
+### 3. Introducing RNTrackPlayerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -203,32 +187,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases)
 
-### 权限要求
+### Permission Requirements
 
-#### 在 entry 目录下的module.json5中添加权限
+#### Include applicable permissions in the module.json5 file within the entry directory.
 
-打开 `entry/src/main/module.json5`，添加：
+Open the `entry/src/main/module.json5` file and add the following code:
 
 ```diff
 ...
@@ -254,185 +238,183 @@ ohpm install
 ]
 ```
 
-
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                     | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
-| ------------------------ | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
-| setupPlayer              | Initializes the player with the specified options.           | promise | yes      | Android/iOS | partially         |
-| isServiceRunning         | This method should not be used, most methods reject when service is not bound. | promise | no       | Android/iOS | yes               |
-| add                      | Adds a track to the queue.                                   | promise | no       | Android/iOS | yes               |
-| load                     | Replaces the current track or loads the track as the first in the queue. | promise | no       | Android/iOS | yes               |
-| move                     | Move a track within the queue.                               | promise | no       | Android/iOS | yes               |
-| remove                   | Removes multiple tracks from the queue by their indexes.     | promise | no       | Android/iOS | yes               |
-| removeUpcomingTracks     | Clears any upcoming tracks from the queue.                   | promise | no       | Android/iOS | yes               |
-| skip                     | Skips to a track in the queue.                               | promise | no       | Android/iOS | yes               |
-| skipToNext               | Skips to the next track in the queue.                        | promise | no       | Android/iOS | yes               |
-| skipToPrevious           | Skips to the previous track in the queue.                    | promise | no       | Android/iOS | yes               |
-| updateOptions            | Updates the configuration for the components.                | promise | no       | Android/iOS | no                |
-| updateMetadataForTrack   | Updates the metadata of a track in the queue. If the current track is updated, the notification and the Now Playing Center will be updated accordingly. | promise | no       | Android/iOS | partially         |
-| clearNowPlayingMetadata  | clear the metadata of a track in the  Now Playing.           | promise | no       | Android/iOS | partially         |
-| updateNowPlayingMetadata | Updates the metadata content of  the Now Playing Center  without affecting the data stored for the current track. | promise | no       | Android/iOS | partially         |
-| reset                    | Resets the player stopping the current track and clearing the queue. | promise | no       | Android/iOS | yes               |
-| play                     | Plays or resumes the current track.                          | promise | no       | Android/iOS | yes               |
-| pause                    | Pauses the current track.                                    | promise | no       | Android/iOS | yes               |
-| stop                     | Stops the current track.                                     | promise | no       | Android/iOS | yes               |
-| setPlayWhenReady         | Sets wether the player will play automatically when it is ready to do so. | promise | no       | Android/iOS | yes               |
-| getPlayWhenReady         | Gets wether the player will play automatically when it is ready to do so. | promise | no       | Android/iOS | yes               |
-| seekTo                   | Seeks to a specified time position in the current track.     | promise | no       | Android/iOS | yes               |
-| seekBy                   | Seeks by a relative time offset in the current track.        | promise | no       | Android/iOS | yes               |
-| setVolume                | Sets the volume of the player.                               | promise | no       | Android/iOS | yes               |
-| setRate                  | Sets the playback rate.                                      | promise | no       | Android/iOS | partially         |
-| setQueue                 | Sets the queue.                                              | promise | no       | Android/iOS | yes               |
-| setRepeatMode            | Sets the queue repeat mode.                                  | promise | no       | Android/iOS | yes               |
-| getVolume                | Gets the volume of the player as a number between 0 and 1.   | promise | no       | Android/iOS | yes               |
-| getRate                  | Gets the playback rate where 0.5 would be half speed, 1 would be regular speed and 2 would be double speed etc. | promise | no       | Android/iOS | yes               |
-| getTrack                 | Gets a track object from the queue.                          | promise | no       | Android/iOS | yes               |
-| getQueue                 | Gets the whole queue.                                        | promise | no       | Android/iOS | yes               |
-| getActiveTrackIndex      | Gets the index of the active track in the queue or undefined if there is no current track. | promise | no       | Android/iOS | yes               |
-| getActiveTrack           | Gets the active track or undefined if there is no current track. | promise | no       | Android/iOS | yes               |
-| getDuration              | Gets the duration of the current track in seconds.           | promise | no       | Android/iOS | yes               |
-| getBufferedPosition      | Gets the buffered position of the current track in seconds.  | promise | no       | Android/iOS | yes               |
-| getPosition              | Gets the playback position of the current track in seconds.  | promise | no       | Android/iOS | yes               |
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                     | Description                                                                                                                                                               | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| setupPlayer              | Initializes the player with the specified options.                                                                                                                        | promise | yes      | Android/iOS | partially         |
+| isServiceRunning         | This method should not be used, most methods reject when service is not bound.                                                                                            | promise | no       | Android/iOS | yes               |
+| add                      | Adds a track to the queue.                                                                                                                                                | promise | no       | Android/iOS | yes               |
+| load                     | Replaces the current track or loads the track as the first in the queue.                                                                                                  | promise | no       | Android/iOS | yes               |
+| move                     | Move a track within the queue.                                                                                                                                            | promise | no       | Android/iOS | yes               |
+| remove                   | Removes multiple tracks from the queue by their indexes.                                                                                                                  | promise | no       | Android/iOS | yes               |
+| removeUpcomingTracks     | Clears any upcoming tracks from the queue.                                                                                                                                | promise | no       | Android/iOS | yes               |
+| skip                     | Skips to a track in the queue.                                                                                                                                            | promise | no       | Android/iOS | yes               |
+| skipToNext               | Skips to the next track in the queue.                                                                                                                                     | promise | no       | Android/iOS | yes               |
+| skipToPrevious           | Skips to the previous track in the queue.                                                                                                                                 | promise | no       | Android/iOS | yes               |
+| updateOptions            | Updates the configuration for the components.                                                                                                                             | promise | no       | Android/iOS | no                |
+| updateMetadataForTrack   | Updates the metadata of a track in the queue. If the current track is updated, the notification and the Now Playing Center will be updated accordingly.                   | promise | no       | Android/iOS | partially         |
+| clearNowPlayingMetadata  | clear the metadata of a track in the Now Playing.                                                                                                                         | promise | no       | Android/iOS | partially         |
+| updateNowPlayingMetadata | Updates the metadata content of the Now Playing Center without affecting the data stored for the current track.                                                           | promise | no       | Android/iOS | partially         |
+| reset                    | Resets the player stopping the current track and clearing the queue.                                                                                                      | promise | no       | Android/iOS | yes               |
+| play                     | Plays or resumes the current track.                                                                                                                                       | promise | no       | Android/iOS | yes               |
+| pause                    | Pauses the current track.                                                                                                                                                 | promise | no       | Android/iOS | yes               |
+| stop                     | Stops the current track.                                                                                                                                                  | promise | no       | Android/iOS | yes               |
+| setPlayWhenReady         | Sets wether the player will play automatically when it is ready to do so.                                                                                                 | promise | no       | Android/iOS | yes               |
+| getPlayWhenReady         | Gets wether the player will play automatically when it is ready to do so.                                                                                                 | promise | no       | Android/iOS | yes               |
+| seekTo                   | Seeks to a specified time position in the current track.                                                                                                                  | promise | no       | Android/iOS | yes               |
+| seekBy                   | Seeks by a relative time offset in the current track.                                                                                                                     | promise | no       | Android/iOS | yes               |
+| setVolume                | Sets the volume of the player.                                                                                                                                            | promise | no       | Android/iOS | yes               |
+| setRate                  | Sets the playback rate.                                                                                                                                                   | promise | no       | Android/iOS | partially         |
+| setQueue                 | Sets the queue.                                                                                                                                                           | promise | no       | Android/iOS | yes               |
+| setRepeatMode            | Sets the queue repeat mode.                                                                                                                                               | promise | no       | Android/iOS | yes               |
+| getVolume                | Gets the volume of the player as a number between 0 and 1.                                                                                                                | promise | no       | Android/iOS | yes               |
+| getRate                  | Gets the playback rate where 0.5 would be half speed, 1 would be regular speed and 2 would be double speed etc.                                                           | promise | no       | Android/iOS | yes               |
+| getTrack                 | Gets a track object from the queue.                                                                                                                                       | promise | no       | Android/iOS | yes               |
+| getQueue                 | Gets the whole queue.                                                                                                                                                     | promise | no       | Android/iOS | yes               |
+| getActiveTrackIndex      | Gets the index of the active track in the queue or undefined if there is no current track.                                                                                | promise | no       | Android/iOS | yes               |
+| getActiveTrack           | Gets the active track or undefined if there is no current track.                                                                                                          | promise | no       | Android/iOS | yes               |
+| getDuration              | Gets the duration of the current track in seconds.                                                                                                                        | promise | no       | Android/iOS | yes               |
+| getBufferedPosition      | Gets the buffered position of the current track in seconds.                                                                                                               | promise | no       | Android/iOS | yes               |
+| getPosition              | Gets the playback position of the current track in seconds.                                                                                                               | promise | no       | Android/iOS | yes               |
 | getProgress              | Gets information on the progress of the currently active track, including its current playback position in seconds, buffered position in seconds and duration in seconds. | promise | no       | Android/iOS | yes               |
-| getPlaybackState         | Gets the playback state of the player.                       | promise | no       | Android/iOS | partially         |
-| getRepeatMode            | Gets the queue repeat mode.                                  | promise | no       | Android/iOS | yes               |
-| retry                    | Retries the current item when the playback state is `State.Error`. | promise | no       | Android/iOS | yes               |
+| getPlaybackState         | Gets the playback state of the player.                                                                                                                                    | promise | no       | Android/iOS | partially         |
+| getRepeatMode            | Gets the queue repeat mode.                                                                                                                                               | promise | no       | Android/iOS | yes               |
+| retry                    | Retries the current item when the playback state is `State.Error`.                                                                                                        | promise | no       | Android/iOS | yes               |
 
-**setupPlayer方法参数**
+**setupPlayer 方法参数**
 
 | Name    | Description                                | Type          | Required | Platform    | HarmonyOS Support |
 | ------- | ------------------------------------------ | ------------- | -------- | ----------- | ----------------- |
 | options | The options to initialize the player with. | PlayerOptions | no       | iOS/Android | no                |
 
-**add方法参数**
+**add 方法参数**
 
 | Name              | Description                           | Type               | Required | Platform    | HarmonyOS Support |
 | ----------------- | ------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
 | track             | The track to add to the queue.        | AddTrack\|ATrack[] | yes      | iOS/Android | yes               |
 | insertBeforeIndex | The index to insert the track before. | number             | no       | iOS/Android | yes               |
 
-**load方法参数**
+**load 方法参数**
 
 | Name  | Description        | Type  | Required | Platform    | HarmonyOS Support |
 | ----- | ------------------ | ----- | -------- | ----------- | ----------------- |
 | track | The track to load. | Track | Yes      | iOS/Android | Yes               |
 
-**move方法参数**
+**move 方法参数**
 
 | Name      | Description                         | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ----------------------------------- | ------ | -------- | ----------- | ----------------- |
 | fromIndex | The index of the track to be moved. | number | Yes      | iOS/Android | Yes               |
 | toIndex   | The index to move the track to.     | number | Yes      | iOS/Android | Yes               |
 
-**remove方法参数**
+**remove 方法参数**
 
 | Name           | Description                           | Type             | Required | Platform    | HarmonyOS Support |
 | -------------- | ------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
 | indexOrIndexes | The index of the track to be removed. | number\|number[] | Yes      | iOS/Android | Yes               |
 
-**skip方法参数**
+**skip 方法参数**
 
 | Name            | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
 | --------------- | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | index           | The index of the track to skip to.          | number | Yes      | iOS/Android | Yes               |
 | initialPosition | The initial position to seek to in seconds. | number | no       | iOS/Android | Yes               |
 
-**skipToNext方法参数**
+**skipToNext 方法参数**
 
 | Name            | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
 | --------------- | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | initialPosition | The initial position to seek to in seconds. | number | no       | iOS/Android | Yes               |
 
-**skipToPrevious方法参数**
+**skipToPrevious 方法参数**
 
 | Name            | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
 | --------------- | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | initialPosition | The initial position to seek to in seconds. | number | no       | iOS/Android | Yes               |
 
-**updateOptions方法参数**
+**updateOptions 方法参数**
 
 | Name                      | Description                 | Type          | Required | Platform    | HarmonyOS Support |
 | ------------------------- | --------------------------- | ------------- | -------- | ----------- | ----------------- |
 | alwaysPauseOnInterruption | always Pause OnInterruption | boolean       | no       | Android     | no                |
 | options                   | The options to update.      | UpdateOptions | no       | iOS/Android | no                |
 
-**updateMetadataForTrack方法参数**
+**updateMetadataForTrack 方法参数**
 
 | Name       | Description                                            | Type              | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
 | trackIndex | The index of the track whose metadata will be updated. | number            | Yes      | iOS/Android | Yes               |
 | metadata   | The metadata to update.                                | TrackMetadataBase | Yes      | iOS/Android | partially         |
 
-**updateNowPlayingMetadata方法参数**
+**updateNowPlayingMetadata 方法参数**
 
 | Name     | Description             | Type               | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------- | ------------------ | -------- | ----------- | ----------------- |
 | metadata | The metadata to update. | NowPlayingMetadata | Yes      | iOS/Android | partially         |
 
-**setPlayWhenReady方法参数**
+**setPlayWhenReady 方法参数**
 
-| Name          | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
-| ------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| Name          | Description                                                                                                                               | Type    | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
 | playWhenReady | This is the equivalent of calling `TrackPlayer.play()` when `playWhenReady = true` or `TrackPlayer.pause()` when `playWhenReady = false`. | boolean | Yes      | iOS/Android | Yes               |
 
-**seekTo方法参数**
+**seekTo 方法参数**
 
 | Name     | Description                         | Type   | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------------------- | ------ | -------- | ----------- | ----------------- |
 | position | The position to seek to in seconds. | number | Yes      | iOS/Android | Yes               |
 
-**seekBy方法参数**
+**seekBy 方法参数**
 
 | Name   | Description                            | Type   | Required | Platform    | HarmonyOS Support |
 | ------ | -------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | offset | The time offset to seek by in seconds. | number | Yes      | iOS/Android | Yes               |
 
-**setVolume方法参数**
+**setVolume 方法参数**
 
 | Name  | Description                             | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | --------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | level | The volume as a number between 0 and 1. | number | Yes      | iOS/Android | Yes               |
 
-**setRate方法参数**
+**setRate 方法参数**
 
-| Name | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
-| ---- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| Name | Description                                                                                                           | Type   | Required | Platform    | HarmonyOS Support |
+| ---- | --------------------------------------------------------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | rate | The playback rate to change to, where 0.5 would be half speed, 1 would be regular speed, 2 would be double speed etc. | number | Yes      | iOS/Android | partially         |
 
-**setQueue方法参数**
+**setQueue 方法参数**
 
 | Name   | Description                     | Type    | Required | Platform    | HarmonyOS Support |
 | ------ | ------------------------------- | ------- | -------- | ----------- | ----------------- |
 | tracks | The tracks to set as the queue. | Track[] | Yes      | iOS/Android | Yes               |
 
-**setRepeatMode方法参数**
+**setRepeatMode 方法参数**
 
 | Name | Description             | Type       | Required | Platform    | HarmonyOS Support |
 | ---- | ----------------------- | ---------- | -------- | ----------- | ----------------- |
 | mode | The repeat mode to set. | RepeatMode | Yes      | iOS/Android | Yes               |
 
-**getTrack方法参数**
+**getTrack 方法参数**
 
 | Name  | Description             | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | ----------------------- | ------ | -------- | ----------- | ----------------- |
 | index | The index of the track. | number | Yes      | iOS/Android | Yes               |
 
-## 遗留问题
-
-- [ ] 目前harmonyOS设置metadata仅支持现有API中参数，对于genre、rating、isLiveStream、elapsedTime四个参数均未适配harmonyOS Next。[issue#3](https://github.com/react-native-oh-library/react-native-track-player/issues/3)
-- [ ] 目前仅支持setupPlayer接口的调用，不支持该接口携带的参数对播放器进行相关的设置，该接口参数均未适配harmonyOS Next。[issue#4](https://github.com/react-native-oh-library/react-native-track-player/issues/4)
-- [ ] 目前harmonyOS中不支持获取buffering状态。[issue#5](https://github.com/react-native-oh-library/react-native-track-player/issues/5)
-- [ ] 目前harmonyOS中支持九种固定的播放速率，其他播放速率均未问题适配harmonyOS Next。[issue#6](https://github.com/react-native-oh-library/react-native-track-player/issues/6)
-- [ ] 目前harmonyOS不支持对播控中心的更新设置，updateOptions接口未适配harmonyOS Next。[issue#7](https://github.com/react-native-oh-library/react-native-track-player/issues/7)
+## Known Issues
 
-## 其他
+- [ ] 目前 harmonyOS 设置 metadata 仅支持现有 API 中参数，对于 genre、rating、isLiveStream、elapsedTime 四个参数均未适配 harmonyOS Next。[issue#3](https://github.com/react-native-oh-library/react-native-track-player/issues/3)
+- [ ] 目前仅支持 setupPlayer 接口的调用，不支持该接口携带的参数对播放器进行相关的设置，该接口参数均未适配 harmonyOS Next。[issue#4](https://github.com/react-native-oh-library/react-native-track-player/issues/4)
+- [ ] 目前 harmonyOS 中不支持获取 buffering 状态。[issue#5](https://github.com/react-native-oh-library/react-native-track-player/issues/5)
+- [ ] 目前 harmonyOS 中支持九种固定的播放速率，其他播放速率均未问题适配 harmonyOS Next。[issue#6](https://github.com/react-native-oh-library/react-native-track-player/issues/6)
+- [ ] 目前 harmonyOS 不支持对播控中心的更新设置，updateOptions 接口未适配 harmonyOS Next。[issue#7](https://github.com/react-native-oh-library/react-native-track-player/issues/7)
 
-## 开源协议
+## Others
 
-本项目基于 [The Apache License(Apache)](https://github.com/doublesymmetry/react-native-track-player/blob/main/LICENSE) ，请自由地享受和参与开源。
+## License
 
+This project is licensed under [The Apache License(Apache)](https://github.com/doublesymmetry/react-native-track-player/blob/main/LICENSE).
diff --git a/en/react-native-ui-lib.md b/en/react-native-ui-lib.md
index 490f1a8b..5f3fa916 100644
--- a/en/react-native-ui-lib.md
+++ b/en/react-native-ui-lib.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-ui-lib</code> </h1>
@@ -12,18 +12,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-ui-lib)
 
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases).
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ui-lib)
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases)，并下载适用版本的 tgz 包。
-
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated和 @react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在 HarmonyOS 工程中引入过这些库，则无需再次引入，可跳过本章节步骤，直接使用。
-
-如未引入请参考[@react-native-oh-tpl/react-native-reanimated文档](/zh-cn/react-native-reanimated.md)和[@react-native-oh-tpl/react-native-gesture-handler文档](/zh-cn/react-native-gesture-handler.md)进行引入。
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-reanimated docs](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler docs](/zh-cn/react-native-gesture-handler.md) to add it to your project.
 
 下面是根据使用组件情况按需引入依赖项:
 
@@ -32,9 +29,9 @@
 - [@react-native-community/datetimepicker](/zh-cn/react-native-community-datetimepicker.md) （DateTimePicker 组件）
 - [@react-native-community/netinfo](/zh-cn/react-native-community-netinfo.md) （ConnectionStatusBar 组件）
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -52,47 +49,56 @@ yarn add @react-native-oh-tpl/react-native-ui-lib@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
-import React, {Component} from 'react';
-import {Colors, Typography, Spacings, ThemeManager, View, Text, Card, Button} from 'react-native-ui-lib';
+import React, { Component } from "react";
+import {
+  Colors,
+  Typography,
+  Spacings,
+  ThemeManager,
+  View,
+  Text,
+  Card,
+  Button,
+} from "react-native-ui-lib";
 
 Colors.loadColors({
-  primaryColor: '#2364AA',
-  secondaryColor: '#81C3D7',
-  textColor: '##221D23',
-  errorColor: '#E63B2E',
-  successColor: '#ADC76F',
-  warnColor: '##FF963C'
+  primaryColor: "#2364AA",
+  secondaryColor: "#81C3D7",
+  textColor: "##221D23",
+  errorColor: "#E63B2E",
+  successColor: "#ADC76F",
+  warnColor: "##FF963C",
 });
 
 Typography.loadTypographies({
-  heading: {fontSize: 36, fontWeight: '600'},
-  subheading: {fontSize: 28, fontWeight: '500'},
-  body: {fontSize: 18, fontWeight: '400'}
+  heading: { fontSize: 36, fontWeight: "600" },
+  subheading: { fontSize: 28, fontWeight: "500" },
+  body: { fontSize: 18, fontWeight: "400" },
 });
 
 Spacings.loadSpacings({
   page: 20,
   card: 12,
-  gridGutter: 16
+  gridGutter: 16,
 });
 
 // with plain object
-ThemeManager.setComponentTheme('Card', {
-  borderRadius: 8
+ThemeManager.setComponentTheme("Card", {
+  borderRadius: 8,
 });
 
 // with a dynamic function
-ThemeManager.setComponentTheme('Button', (props, context) => {
+ThemeManager.setComponentTheme("Button", (props, context) => {
   // 'square' is not an original Button prop, but a custom prop that can
   // be used to create different variations of buttons in your app
   if (props.square) {
     return {
-      borderRadius: 0
+      borderRadius: 0,
     };
   }
 });
@@ -115,17 +121,17 @@ class MyScreen extends Component {
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -136,18 +142,15 @@ class MyScreen extends Component {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -156,22 +159,22 @@ class MyScreen extends Component {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 UiLibPackage
+### 3. Configuring CMakeLists and Introducing UiLibPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -209,7 +212,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -228,9 +231,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 HighlighterView组件
+### 4. Introducing HighlighterView Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -250,9 +253,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -263,9 +266,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.在 ArkTs 侧引入 UiLibPackage
+### 5. Introducing UiLibPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -279,251 +282,249 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases)
 
+## Components
 
-## 组件
+For details, see [react-native-ui-lib docs](https://wix.github.io/react-native-ui-lib/docs/getting-started/setup)
 
-详细请查看 [react-native-ui-lib的文档介绍](https://wix.github.io/react-native-ui-lib/docs/getting-started/setup)
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+**Text**: 文本组件，该组件扩展了[Text](https://reactnative.dev/docs/text)属性。
 
-**Text**：文本组件，该组件扩展了[Text](https://reactnative.dev/docs/text)属性。
-
-| Name            | Description                                                  | Type                                | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
-| animated        | Use Animated.Text as a container                             | boolean                             | no       | iOS/Android | yes               |
-| center          | Whether to center the text (using textAlign)                 | boolean                             | no       | iOS/Android | yes               |
-| color           | Color of the text                                            | string                              | no       | iOS/Android | yes               |
+| Name            | Description                                                                                               | Type                                | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------------------------------------------- | ----------------------------------- | -------- | ----------- | ----------------- |
+| animated        | Use Animated.Text as a container                                                                          | boolean                             | no       | iOS/Android | yes               |
+| center          | Whether to center the text (using textAlign)                                                              | boolean                             | no       | iOS/Android | yes               |
+| color           | Color of the text                                                                                         | string                              | no       | iOS/Android | yes               |
 | highlightString | Substring to highlight. Can be a simple string or a HighlightStringProps object, or an array of the above | HighlightString \|HighlightString[] | no       | iOS/Android | yes               |
-| highlightStyle  | Custom highlight style for highlight string                  | TextStyle                           | no       | iOS/Android | yes               |
-| recorderTag     | Recorder Tag                                                 | 'mask' \|'unmask'                   | no       | iOS/Android | yes               |
-| underline       | Whether to add an underline                                  | boolean                             | no       | iOS/Android | yes               |
-| uppercase       | Whether to change the text to uppercase                      | boolean                             | no       | iOS/Android | yes               |
-
-**TouchableOpacity**：触摸反馈透明度组件，该组件扩展了[TouchableOpacity](https://reactnative.dev/docs/touchableopacity)属性。
-
-| Name                  | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| activeBackgroundColor | Apply background color on TouchableOpacity when active (press is on) | string                                                       | no       | iOS/Android | yes               |
-| backgroundColor       | Background color for TouchableOpacity                        | string                                                       | no       | iOS/Android | yes               |
-| customValue           | Custom value of any type to pass on to TouchableOpacity and receive back in onPress callback | any                                                          | no       | iOS/Android | yes               |
-| onPress               | On press callback                                            | (props?: TouchableOpacityProps & {event: GestureResponderEvent} \|any) => void | no       | iOS/Android | yes               |
-| recorderTag           | Recorder Tag                                                 | 'mask'\|'unmask'                                             | no       | iOS/Android | yes               |
-| style                 | Custom style                                                 | ViewStyle                                                    | no       | iOS/Android | yes               |
-| throttleOptions       | Throttle options                                             | ThrottleOptions                                              | no       | iOS/Android | yes               |
-| throttleTime          | Throttle time in MS for onPress callback                     | number                                                       | no       | iOS/Android | yes               |
-| useNative             | Should use an enhanced native implementation with extra features | boolean                                                      | no       | iOS/Android | yes               |
-
-**View**：容器组件，该组件扩展了[View](https://reactnative.dev/docs/view)属性。
-
-| Name            | Description                                                  | Type             | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
-| animated        | Use Animate.View as a container                              | boolean          | no       | iOS/Android | yes               |
-| backgroundColor | Set background color                                         | string           | no       | iOS/Android | yes               |
-| inaccessible    | Turn off accessibility for this view and its nested children | boolean          | no       | iOS/Android | yes               |
+| highlightStyle  | Custom highlight style for highlight string                                                               | TextStyle                           | no       | iOS/Android | yes               |
+| recorderTag     | Recorder Tag                                                                                              | 'mask' \|'unmask'                   | no       | iOS/Android | yes               |
+| underline       | Whether to add an underline                                                                               | boolean                             | no       | iOS/Android | yes               |
+| uppercase       | Whether to change the text to uppercase                                                                   | boolean                             | no       | iOS/Android | yes               |
+
+**TouchableOpacity**: 触摸反馈透明度组件，该组件扩展了[TouchableOpacity](https://reactnative.dev/docs/touchableopacity)属性。
+
+| Name                  | Description                                                                                  | Type                                                                           | Required | Platform    | HarmonyOS Support |
+| --------------------- | -------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| activeBackgroundColor | Apply background color on TouchableOpacity when active (press is on)                         | string                                                                         | no       | iOS/Android | yes               |
+| backgroundColor       | Background color for TouchableOpacity                                                        | string                                                                         | no       | iOS/Android | yes               |
+| customValue           | Custom value of any type to pass on to TouchableOpacity and receive back in onPress callback | any                                                                            | no       | iOS/Android | yes               |
+| onPress               | On press callback                                                                            | (props?: TouchableOpacityProps & {event: GestureResponderEvent} \|any) => void | no       | iOS/Android | yes               |
+| recorderTag           | Recorder Tag                                                                                 | 'mask'\|'unmask'                                                               | no       | iOS/Android | yes               |
+| style                 | Custom style                                                                                 | ViewStyle                                                                      | no       | iOS/Android | yes               |
+| throttleOptions       | Throttle options                                                                             | ThrottleOptions                                                                | no       | iOS/Android | yes               |
+| throttleTime          | Throttle time in MS for onPress callback                                                     | number                                                                         | no       | iOS/Android | yes               |
+| useNative             | Should use an enhanced native implementation with extra features                             | boolean                                                                        | no       | iOS/Android | yes               |
+
+**View**: 容器组件，该组件扩展了[View](https://reactnative.dev/docs/view)属性。
+
+| Name            | Description                                                    | Type             | Required | Platform    | HarmonyOS Support |
+| --------------- | -------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| animated        | Use Animate.View as a container                                | boolean          | no       | iOS/Android | yes               |
+| backgroundColor | Set background color                                           | string           | no       | iOS/Android | yes               |
+| inaccessible    | Turn off accessibility for this view and its nested children   | boolean          | no       | iOS/Android | yes               |
 | reanimated      | Use Animate.View (from react-native-reanimated) as a container | boolean          | no       | iOS/Android | yes               |
-| recorderTag     | Recorder Tag                                                 | 'mask'\|'unmask' | no       | iOS/Android | yes               |
-| renderDelay     | Experimental: Pass time in ms to delay render                | number           | no       | iOS/Android | yes               |
-| style           | Custom style                                                 | ViewStyle        | no       | iOS/Android | yes               |
-| useSafeArea     | If true, will render as SafeAreaView                         | boolean          | no       | iOS/Android | yes               |
-
-**ActionBar**：快速操作栏，每个操作都支持按钮组件道具，该组件扩展了[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)属性。
-
-| Name            | Description                                                  | Type          | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ------------- | -------- | ----------- | ----------------- |
-| actions         | The actions for the action bar                               | ButtonProps[] | no       | iOS/Android | yes               |
-| backgroundColor | Background color                                             | string        | no       | iOS/Android | yes               |
-| centered        | Should action be equally centered                            | boolean       | no       | iOS/Android | yes               |
-| height          | Height                                                       | number        | no       | iOS/Android | yes               |
+| recorderTag     | Recorder Tag                                                   | 'mask'\|'unmask' | no       | iOS/Android | yes               |
+| renderDelay     | Experimental: Pass time in ms to delay render                  | number           | no       | iOS/Android | yes               |
+| style           | Custom style                                                   | ViewStyle        | no       | iOS/Android | yes               |
+| useSafeArea     | If true, will render as SafeAreaView                           | boolean          | no       | iOS/Android | yes               |
+
+**ActionBar**: 快速操作栏，每个操作都支持按钮组件道具，该组件扩展了[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)属性。
+
+| Name            | Description                                                           | Type          | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------------------------------------------------------------- | ------------- | -------- | ----------- | ----------------- |
+| actions         | The actions for the action bar                                        | ButtonProps[] | no       | iOS/Android | yes               |
+| backgroundColor | Background color                                                      | string        | no       | iOS/Android | yes               |
+| centered        | Should action be equally centered                                     | boolean       | no       | iOS/Android | yes               |
+| height          | Height                                                                | number        | no       | iOS/Android | yes               |
 | keepRelative    | Keep the action bar position relative instead of it absolute position | boolean       | no       | iOS/Android | yes               |
-| style           | Component's style                                            | ViewStyle     | no       | iOS/Android | yes               |
-| useSafeArea     | In iOS, use safe area, in case component attached to the bottom | boolean       | no       | iOS/Android | yes               |
+| style           | Component's style                                                     | ViewStyle     | no       | iOS/Android | yes               |
+| useSafeArea     | In iOS, use safe area, in case component attached to the bottom       | boolean       | no       | iOS/Android | yes               |
 
-**Button**：按钮组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)属性。
+**Button**: 按钮组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)属性。
 
-| Name                     | Description                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
-| :----------------------- | ------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| Name                     | Description                                                                                                                        | Type                                            | Required | Platform    | HarmonyOS Support |
+| :----------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | -------- | ----------- | ----------------- |
 | animateLayout            | should animate layout change. Note: For Android you must set ' setLayoutAnimationEnabledExperimental (true) ' via RN's 'UIManager' | boolean                                         | no       | iOS/Android | yes               |
-| animateTo                | the direction of the animation ('left' and 'right' will effect the button's own alignment) | ButtonAnimationDirection                        | no       | iOS/Android | yes               |
-| avoidInnerPadding        | avoid inner button padding                                   | boolean                                         | no       | iOS/Android | yes               |
-| avoidMinWidth            | avoid minimum width constraints                              | boolean                                         | no       | iOS/Android | yes               |
-| backgroundColor          | Color of the button background                               | string                                          | no       | iOS/Android | yes               |
-| borderRadius             | Custom border radius.                                        | number                                          | no       | iOS/Android | yes               |
-| color                    | The Button text color (inherited from Text component)        | string                                          | no       | iOS/Android | yes               |
-| disabled                 | Disable interactions for the component                       | boolean                                         | no       | iOS/Android | yes               |
-| disabledBackgroundColor  | Color of the disabled button background                      | string                                          | no       | iOS/Android | yes               |
-| enableShadow             | Control shadow visibility (iOS-only)                         | boolean                                         | no       | iOS         | no                |
-| fullWidth                | should the button act as a coast to coast button (no border radius) | boolean                                         | no       | iOS/Android | yes               |
-| getActiveBackgroundColor | callback for getting activeBackgroundColor (e.g. (calculatedBackgroundColor, prop) => {...}). Better set using ThemeManager | (backgroundColor: string, props: any) => string | no       | iOS/Android | yes               |
-| hyperlink                | Button will look like a hyperlink                            | boolean                                         | no       | iOS/Android | yes               |
-| iconOnRight              | Should the icon be right to the label                        | boolean                                         | no       | iOS/Android | yes               |
-| iconProps                | Icon image props                                             | Partial<ImageProps>                             | no       | iOS/Android | yes               |
-| iconSource               | Icon image source or a callback function that returns a source | ImageProps['source']\|Function                  | no       | iOS/Android | yes               |
-| iconStyle                | Icon image style                                             | ImageStyle                                      | no       | iOS/Android | yes               |
-| label                    | Text to show inside the button                               | string                                          | no       | iOS/Android | yes               |
-| labelProps               | Props that will be passed to the button's Text label.        | TextProps                                       | no       | iOS/Android | yes               |
-| labelStyle               | Additional styles for label text                             | TextStyle                                       | no       | iOS/Android | yes               |
-| link                     | Button will look like a link                                 | boolean                                         | no       | iOS/Android | yes               |
-| linkColor                | label color for when it's displayed as link or hyperlink     | string                                          | no       | iOS/Android | yes               |
-| onPress                  | Actions handler                                              | (props: any) => void                            | no       | iOS/Android | yes               |
-| outline                  | Button will have outline style                               | boolean                                         | no       | iOS/Android | yes               |
-| outlineColor             | The outline color                                            | string                                          | no       | iOS/Android | yes               |
-| outlineWidth             | The outline width                                            | number                                          | no       | iOS/Android | yes               |
-| round                    | should the button be a round button                          | boolean                                         | no       | iOS/Android | yes               |
-| size                     | Size of the button [large, medium, small, xSmall]            | ButtonSize                                      | no       | iOS/Android | yes               |
-| supportRTL               | whether the icon should flip horizontally on RTL locals      | boolean                                         | no       | iOS/Android | yes               |
-
-**Checkbox**：复选框组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)属性。
-
-| Name             | Description                                                  | Type                       | Required | Platform    | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | -------------------------- | -------- | ----------- | ----------------- |
-| borderRadius     | The Checkbox border radius                                   | number                     | no       | iOS/Android | yes               |
-| color            | The Checkbox color                                           | string                     | no       | iOS/Android | yes               |
-| containerStyle   | Custom styling for the checkbox and label container          | ViewStyle                  | no       | iOS/Android | yes               |
-| disabled         | Whether the checkbox should be disabled                      | boolean                    | no       | iOS/Android | yes               |
-| iconColor        | The selected icon color                                      | string                     | no       | iOS/Android | yes               |
-| label            | Add a label to the Checkbox                                  | string                     | no       | iOS/Android | yes               |
-| labelProps       | Props to pass on to the label component                      | TextProps                  | no       | iOS/Android | yes               |
-| labelStyle       | Pass to style the label                                      | TextStyle                  | no       | iOS/Android | yes               |
-| onChangeValidity | Callback for when field validity has changed                 | (isValid: boolean) => void | no       | iOS/Android | yes               |
-| onValueChange    | Callback function for value change event                     | (value) => void            | no       | iOS/Android | yes               |
-| outline          | Alternative Checkbox outline style                           | boolean                    | no       | iOS/Android | yes               |
-| required         | Whether the checkbox is required                             | boolean                    | no       | iOS/Android | yes               |
-| selectedIcon     | The icon asset to use for the selected indication            | ImageRequireSource         | no       | iOS/Android | yes               |
-| size             | The Checkbox size, affect both width and height              | number                     | no       | iOS/Android | yes               |
-| style            | Custom styling for the Checkbox                              | ViewStyle                  | no       | iOS/Android | yes               |
+| animateTo                | the direction of the animation ('left' and 'right' will effect the button's own alignment)                                         | ButtonAnimationDirection                        | no       | iOS/Android | yes               |
+| avoidInnerPadding        | avoid inner button padding                                                                                                         | boolean                                         | no       | iOS/Android | yes               |
+| avoidMinWidth            | avoid minimum width constraints                                                                                                    | boolean                                         | no       | iOS/Android | yes               |
+| backgroundColor          | Color of the button background                                                                                                     | string                                          | no       | iOS/Android | yes               |
+| borderRadius             | Custom border radius.                                                                                                              | number                                          | no       | iOS/Android | yes               |
+| color                    | The Button text color (inherited from Text component)                                                                              | string                                          | no       | iOS/Android | yes               |
+| disabled                 | Disable interactions for the component                                                                                             | boolean                                         | no       | iOS/Android | yes               |
+| disabledBackgroundColor  | Color of the disabled button background                                                                                            | string                                          | no       | iOS/Android | yes               |
+| enableShadow             | Control shadow visibility (iOS-only)                                                                                               | boolean                                         | no       | iOS         | no                |
+| fullWidth                | should the button act as a coast to coast button (no border radius)                                                                | boolean                                         | no       | iOS/Android | yes               |
+| getActiveBackgroundColor | callback for getting activeBackgroundColor (e.g. (calculatedBackgroundColor, prop) => {...}). Better set using ThemeManager        | (backgroundColor: string, props: any) => string | no       | iOS/Android | yes               |
+| hyperlink                | Button will look like a hyperlink                                                                                                  | boolean                                         | no       | iOS/Android | yes               |
+| iconOnRight              | Should the icon be right to the label                                                                                              | boolean                                         | no       | iOS/Android | yes               |
+| iconProps                | Icon image props                                                                                                                   | Partial<ImageProps>                             | no       | iOS/Android | yes               |
+| iconSource               | Icon image source or a callback function that returns a source                                                                     | ImageProps['source']\|Function                  | no       | iOS/Android | yes               |
+| iconStyle                | Icon image style                                                                                                                   | ImageStyle                                      | no       | iOS/Android | yes               |
+| label                    | Text to show inside the button                                                                                                     | string                                          | no       | iOS/Android | yes               |
+| labelProps               | Props that will be passed to the button's Text label.                                                                              | TextProps                                       | no       | iOS/Android | yes               |
+| labelStyle               | Additional styles for label text                                                                                                   | TextStyle                                       | no       | iOS/Android | yes               |
+| link                     | Button will look like a link                                                                                                       | boolean                                         | no       | iOS/Android | yes               |
+| linkColor                | label color for when it's displayed as link or hyperlink                                                                           | string                                          | no       | iOS/Android | yes               |
+| onPress                  | Actions handler                                                                                                                    | (props: any) => void                            | no       | iOS/Android | yes               |
+| outline                  | Button will have outline style                                                                                                     | boolean                                         | no       | iOS/Android | yes               |
+| outlineColor             | The outline color                                                                                                                  | string                                          | no       | iOS/Android | yes               |
+| outlineWidth             | The outline width                                                                                                                  | number                                          | no       | iOS/Android | yes               |
+| round                    | should the button be a round button                                                                                                | boolean                                         | no       | iOS/Android | yes               |
+| size                     | Size of the button [large, medium, small, xSmall]                                                                                  | ButtonSize                                      | no       | iOS/Android | yes               |
+| supportRTL               | whether the icon should flip horizontally on RTL locals                                                                            | boolean                                         | no       | iOS/Android | yes               |
+
+**Checkbox**: 复选框组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)属性。
+
+| Name             | Description                                                                      | Type                       | Required | Platform    | HarmonyOS Support |
+| ---------------- | -------------------------------------------------------------------------------- | -------------------------- | -------- | ----------- | ----------------- |
+| borderRadius     | The Checkbox border radius                                                       | number                     | no       | iOS/Android | yes               |
+| color            | The Checkbox color                                                               | string                     | no       | iOS/Android | yes               |
+| containerStyle   | Custom styling for the checkbox and label container                              | ViewStyle                  | no       | iOS/Android | yes               |
+| disabled         | Whether the checkbox should be disabled                                          | boolean                    | no       | iOS/Android | yes               |
+| iconColor        | The selected icon color                                                          | string                     | no       | iOS/Android | yes               |
+| label            | Add a label to the Checkbox                                                      | string                     | no       | iOS/Android | yes               |
+| labelProps       | Props to pass on to the label component                                          | TextProps                  | no       | iOS/Android | yes               |
+| labelStyle       | Pass to style the label                                                          | TextStyle                  | no       | iOS/Android | yes               |
+| onChangeValidity | Callback for when field validity has changed                                     | (isValid: boolean) => void | no       | iOS/Android | yes               |
+| onValueChange    | Callback function for value change event                                         | (value) => void            | no       | iOS/Android | yes               |
+| outline          | Alternative Checkbox outline style                                               | boolean                    | no       | iOS/Android | yes               |
+| required         | Whether the checkbox is required                                                 | boolean                    | no       | iOS/Android | yes               |
+| selectedIcon     | The icon asset to use for the selected indication                                | ImageRequireSource         | no       | iOS/Android | yes               |
+| size             | The Checkbox size, affect both width and height                                  | number                     | no       | iOS/Android | yes               |
+| style            | Custom styling for the Checkbox                                                  | ViewStyle                  | no       | iOS/Android | yes               |
 | value            | The Checkbox value. If true the switch will be turned on. Default value is false | boolean                    | no       | iOS/Android | yes               |
 
-**Chip**：芯片组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)，[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)属性。
-
-| Name                  | Description                                                  | Type                                      | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | ----------------------------------------- | -------- | ----------- | ----------------- |
-| avatarProps           | Avatar props object                                          | AvatarProps                               | no       | iOS/Android | yes               |
-| backgroundColor       | Background color                                             | string                                    | no       | iOS/Android | yes               |
-| badgeProps            | Badge props object                                           | BadgeProps                                | no       | iOS/Android | yes               |
-| borderRadius          | Border radius                                                | number                                    | no       | iOS/Android | yes               |
-| containerStyle        | Component's container style                                  | ViewStyle                                 | no       | iOS/Android | yes               |
-| dismissColor          | Dismiss color                                                | string                                    | no       | iOS/Android | yes               |
-| dismissContainerStyle | Dismiss container style                                      | ImageStyle                                | no       | iOS/Android | yes               |
-| dismissIcon           | Dismiss asset                                                | ImageSourcePropType                       | no       | iOS/Android | yes               |
-| dismissIconStyle      | Dismiss style                                                | ImageStyle                                | no       | iOS/Android | yes               |
-| iconProps             | Additional icon props                                        | Omit<ImageProps, 'source'>                | no       | iOS/Android | yes               |
-| iconSource            | Left icon's source                                           | ImageSourcePropType                       | no       | iOS/Android | yes               |
-| iconStyle             | Icon style                                                   | ImageStyle                                | no       | iOS/Android | yes               |
-| label                 | Main Chip text                                               | string                                    | no       | iOS/Android | yes               |
-| labelStyle            | Label's style                                                | TextStyle                                 | no       | iOS/Android | yes               |
-| leftElement           | Left custom element                                          | JSX.Element                               | no       | iOS/Android | yes               |
-| onDismiss             | Adds a dismiss button and serves as its callback             | (props: any) => void                      | no       | iOS/Android | yes               |
-| onPress               | On Chip press callback                                       | (props: any) => void                      | no       | iOS/Android | yes               |
+**Chip**: 芯片组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)，[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)属性。
+
+| Name                  | Description                                                                  | Type                                      | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------------------------------- | ----------------------------------------- | -------- | ----------- | ----------------- |
+| avatarProps           | Avatar props object                                                          | AvatarProps                               | no       | iOS/Android | yes               |
+| backgroundColor       | Background color                                                             | string                                    | no       | iOS/Android | yes               |
+| badgeProps            | Badge props object                                                           | BadgeProps                                | no       | iOS/Android | yes               |
+| borderRadius          | Border radius                                                                | number                                    | no       | iOS/Android | yes               |
+| containerStyle        | Component's container style                                                  | ViewStyle                                 | no       | iOS/Android | yes               |
+| dismissColor          | Dismiss color                                                                | string                                    | no       | iOS/Android | yes               |
+| dismissContainerStyle | Dismiss container style                                                      | ImageStyle                                | no       | iOS/Android | yes               |
+| dismissIcon           | Dismiss asset                                                                | ImageSourcePropType                       | no       | iOS/Android | yes               |
+| dismissIconStyle      | Dismiss style                                                                | ImageStyle                                | no       | iOS/Android | yes               |
+| iconProps             | Additional icon props                                                        | Omit<ImageProps, 'source'>                | no       | iOS/Android | yes               |
+| iconSource            | Left icon's source                                                           | ImageSourcePropType                       | no       | iOS/Android | yes               |
+| iconStyle             | Icon style                                                                   | ImageStyle                                | no       | iOS/Android | yes               |
+| label                 | Main Chip text                                                               | string                                    | no       | iOS/Android | yes               |
+| labelStyle            | Label's style                                                                | TextStyle                                 | no       | iOS/Android | yes               |
+| leftElement           | Left custom element                                                          | JSX.Element                               | no       | iOS/Android | yes               |
+| onDismiss             | Adds a dismiss button and serves as its callback                             | (props: any) => void                      | no       | iOS/Android | yes               |
+| onPress               | On Chip press callback                                                       | (props: any) => void                      | no       | iOS/Android | yes               |
 | resetSpacings         | Disables all internal elements default spacings. Helps reach a custom design | boolean                                   | no       | iOS/Android | yes               |
-| rightElement          | Right custom element                                         | JSX.Element                               | no       | iOS/Android | yes               |
-| rightIconSource       | Right icon's source                                          | ImageSourcePropType                       | no       | iOS/Android | yes               |
-| size                  | Chip's size. Number or a width and height object             | number\|{{width: number, height: number}} | no       | iOS/Android | yes               |
-| testID                | The test id for e2e tests                                    | string                                    | no       | iOS/Android | yes               |
-| useCounter            | Display badge as counter (no background)                     | boolean                                   | no       | iOS/Android | yes               |
-| useSizeAsMinimum      | Uses size as minWidth and minHeight                          | boolean                                   | no       | iOS/Android | yes               |
-
-**RadioButton**：单选按钮组件。
-
-| Name           | Description                                                  | Type                        | Required | Platform    | HarmonyOS Support |
-| -------------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------- | ----------------- |
-| borderRadius   | The radio button border radius                               | number                      | no       | iOS/Android | yes               |
-| color          | The color of the radio button                                | string                      | no       | iOS/Android | yes               |
-| containerStyle | Additional styling for the container                         | ViewStyle                   | no       | iOS/Android | yes               |
-| contentOnLeft  | Should the content be rendered left to the button            | boolean                     | no       | iOS/Android | yes               |
-| disabled       | Whether the radio button should be disabled                  | boolean                     | no       | iOS/Android | yes               |
-| iconOnRight    | Should the icon be on the right side of the label            | boolean                     | no       | iOS/Android | yes               |
-| iconSource     | Icon image source                                            | ImageSource                 | no       | iOS/Android | yes               |
-| iconStyle      | Icon image style                                             | ImageStyle                  | no       | iOS/Android | yes               |
-| label          | A label for the radio button description                     | string                      | no       | iOS/Android | yes               |
-| labelStyle     | Label style                                                  | TextStyle                   | no       | iOS/Android | yes               |
-| onPress        | Invoked when pressing the button                             | (selected: boolean) => void | no       | iOS/Android | yes               |
-| selected       | When using RadioButton without a RadioGroup, use this prop to toggle selection | boolean                     | no       | iOS/Android | yes               |
-| size           | The size of the radio button, affect both width & height     | number                      | no       | iOS/Android | yes               |
+| rightElement          | Right custom element                                                         | JSX.Element                               | no       | iOS/Android | yes               |
+| rightIconSource       | Right icon's source                                                          | ImageSourcePropType                       | no       | iOS/Android | yes               |
+| size                  | Chip's size. Number or a width and height object                             | number\|{{width: number, height: number}} | no       | iOS/Android | yes               |
+| testID                | The test id for e2e tests                                                    | string                                    | no       | iOS/Android | yes               |
+| useCounter            | Display badge as counter (no background)                                     | boolean                                   | no       | iOS/Android | yes               |
+| useSizeAsMinimum      | Uses size as minWidth and minHeight                                          | boolean                                   | no       | iOS/Android | yes               |
+
+**RadioButton**: 单选按钮组件。
+
+| Name           | Description                                                                                           | Type                        | Required | Platform    | HarmonyOS Support |
+| -------------- | ----------------------------------------------------------------------------------------------------- | --------------------------- | -------- | ----------- | ----------------- |
+| borderRadius   | The radio button border radius                                                                        | number                      | no       | iOS/Android | yes               |
+| color          | The color of the radio button                                                                         | string                      | no       | iOS/Android | yes               |
+| containerStyle | Additional styling for the container                                                                  | ViewStyle                   | no       | iOS/Android | yes               |
+| contentOnLeft  | Should the content be rendered left to the button                                                     | boolean                     | no       | iOS/Android | yes               |
+| disabled       | Whether the radio button should be disabled                                                           | boolean                     | no       | iOS/Android | yes               |
+| iconOnRight    | Should the icon be on the right side of the label                                                     | boolean                     | no       | iOS/Android | yes               |
+| iconSource     | Icon image source                                                                                     | ImageSource                 | no       | iOS/Android | yes               |
+| iconStyle      | Icon image style                                                                                      | ImageStyle                  | no       | iOS/Android | yes               |
+| label          | A label for the radio button description                                                              | string                      | no       | iOS/Android | yes               |
+| labelStyle     | Label style                                                                                           | TextStyle                   | no       | iOS/Android | yes               |
+| onPress        | Invoked when pressing the button                                                                      | (selected: boolean) => void | no       | iOS/Android | yes               |
+| selected       | When using RadioButton without a RadioGroup, use this prop to toggle selection                        | boolean                     | no       | iOS/Android | yes               |
+| size           | The size of the radio button, affect both width & height                                              | number                      | no       | iOS/Android | yes               |
 | value          | The identifier value of the radio button. must be different than other RadioButtons in the same group | string \| number \| boolean | no       | iOS/Android | yes               |
 
-**RadioGroup**：包裹单选按钮组件，和RadioButton配合使用。
+**RadioGroup**: 包裹单选按钮组件，和 RadioButton 配合使用。
 
-| Name          | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| initialValue  | The initial value of the selected radio button               | string \| number \| boolean                                  | no       | iOS/Android | yes               |
+| Name          | Description                                                                         | Type                                                                                                         | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| initialValue  | The initial value of the selected radio button                                      | string \| number \| boolean                                                                                  | no       | iOS/Android | yes               |
 | onValueChange | Invoked once when value changes, by selecting one of the radio buttons in the group | ((value?: string) => void)\|((value?: number) => void)\|((value?: boolean) => void)\|((value?: any) => void) | no       | iOS/Android | yes               |
 
-**Slider**：滑块组件。
-
-| Name                  | Description                                                  | Type                                 | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | ------------------------------------ | -------- | ----------- | ----------------- |
-| accessible            | If true the component will have accessibility features enabled | boolean                              | no       | iOS/Android | yes               |
-| activeThumbStyle      | The active (during press) thumb style                        | ViewStyle                            | no       | iOS/Android | yes               |
-| containerStyle        | The container style                                          | ViewStyle                            | no       | iOS/Android | yes               |
-| disableActiveStyling  | If true the Slider will not change it's style on press       | boolean                              | no       | iOS/Android | yes               |
-| disableRTL            | If true the Slider will stay in LTR mode even if the app is on RTL mode | boolean                              | no       | iOS/Android | yes               |
-| disabled              | If true the Slider will be disabled and will appear in disabled color | boolean                              | no       | iOS/Android | yes               |
-| initialMaximumValue   | Only when `useRange` is true, Initial maximum value          | number                               | no       | iOS/Android | yes               |
-| initialMinimumValue   | Only when `useRange` is true, Initial minimum value          | number                               | no       | iOS/Android | yes               |
-| maximumTrackTintColor | The track color                                              | string                               | no       | iOS/Android | yes               |
-| maximumValue          | Track maximum value                                          | number                               | no       | iOS/Android | yes               |
-| migrate               | Temporary prop required for migration to the Slider's new implementation | boolean                              | no       | iOS/Android | yes               |
-| minimumTrackTintColor | The color used for the track from minimum value to current value | string                               | no       | iOS/Android | yes               |
-| minimumValue          | Track minimum value                                          | number                               | no       | iOS/Android | yes               |
-| onRangeChange         | Callback for onRangeChange. Returns values object with the min and max values | SliderOnRangeChange                  | no       | iOS/Android | yes               |
-| onReset               | Callback that notifies when the reset function was invoked   | () => void                           | no       | iOS/Android | yes               |
-| onSeekEnd             | Callback that notifies about slider seeking is finished      | () => void                           | no       | iOS/Android | yes               |
-| onSeekStart           | Callback that notifies about slider seeking is started       | () => void                           | no       | iOS/Android | yes               |
-| onValueChange         | Callback for onValueChange                                   | SliderOnValueChange                  | no       | iOS/Android | yes               |
-| renderTrack           | Custom render instead of rendering the track                 | () => ReactElement \| ReactElement[] | no       | iOS/Android | yes               |
+**Slider**: 滑块组件。
+
+| Name                  | Description                                                                               | Type                                 | Required | Platform    | HarmonyOS Support |
+| --------------------- | ----------------------------------------------------------------------------------------- | ------------------------------------ | -------- | ----------- | ----------------- |
+| accessible            | If true the component will have accessibility features enabled                            | boolean                              | no       | iOS/Android | yes               |
+| activeThumbStyle      | The active (during press) thumb style                                                     | ViewStyle                            | no       | iOS/Android | yes               |
+| containerStyle        | The container style                                                                       | ViewStyle                            | no       | iOS/Android | yes               |
+| disableActiveStyling  | If true the Slider will not change it's style on press                                    | boolean                              | no       | iOS/Android | yes               |
+| disableRTL            | If true the Slider will stay in LTR mode even if the app is on RTL mode                   | boolean                              | no       | iOS/Android | yes               |
+| disabled              | If true the Slider will be disabled and will appear in disabled color                     | boolean                              | no       | iOS/Android | yes               |
+| initialMaximumValue   | Only when `useRange` is true, Initial maximum value                                       | number                               | no       | iOS/Android | yes               |
+| initialMinimumValue   | Only when `useRange` is true, Initial minimum value                                       | number                               | no       | iOS/Android | yes               |
+| maximumTrackTintColor | The track color                                                                           | string                               | no       | iOS/Android | yes               |
+| maximumValue          | Track maximum value                                                                       | number                               | no       | iOS/Android | yes               |
+| migrate               | Temporary prop required for migration to the Slider's new implementation                  | boolean                              | no       | iOS/Android | yes               |
+| minimumTrackTintColor | The color used for the track from minimum value to current value                          | string                               | no       | iOS/Android | yes               |
+| minimumValue          | Track minimum value                                                                       | number                               | no       | iOS/Android | yes               |
+| onRangeChange         | Callback for onRangeChange. Returns values object with the min and max values             | SliderOnRangeChange                  | no       | iOS/Android | yes               |
+| onReset               | Callback that notifies when the reset function was invoked                                | () => void                           | no       | iOS/Android | yes               |
+| onSeekEnd             | Callback that notifies about slider seeking is finished                                   | () => void                           | no       | iOS/Android | yes               |
+| onSeekStart           | Callback that notifies about slider seeking is started                                    | () => void                           | no       | iOS/Android | yes               |
+| onValueChange         | Callback for onValueChange                                                                | SliderOnValueChange                  | no       | iOS/Android | yes               |
+| renderTrack           | Custom render instead of rendering the track                                              | () => ReactElement \| ReactElement[] | no       | iOS/Android | yes               |
 | step                  | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue) | number                               | no       | iOS/Android | yes               |
-| testID                | The component test id                                        | string                               | no       | iOS/Android | yes               |
-| thumbStyle            | The thumb style                                              | ViewStyle                            | no       | iOS/Android | yes               |
-| thumbTintColor        | Thumb color                                                  | string                               | no       | iOS/Android | yes               |
-| trackStyle            | The track style                                              | ViewStyle                            | no       | iOS/Android | yes               |
-| useGap                | If true the min and max thumbs will not overlap              | boolean                              | no       | iOS/Android | yes               |
-| useRange              | If true the Slider will display a second thumb for the min value | boolean                              | no       | iOS/Android | yes               |
-| value                 | Initial value                                                | number                               | no       | iOS/Android | yes               |
-
-**Switch**：开关切换组件。
-
-| Name          | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
-| ------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
-| disabled      | Whether the switch should be disabled                        | boolean                  | no       | iOS/Android | yes               |
-| disabledColor | The Switch background color when it's disabled               | string                   | no       | iOS/Android | yes               |
-| height        | The Switch height                                            | number                   | no       | iOS/Android | yes               |
-| id            | Component id                                                 | string                   | no       | iOS/Android | yes               |
-| offColor      | The Switch background color when it's turned off             | string                   | no       | iOS/Android | yes               |
-| onColor       | The Switch background color when it's turned on              | string                   | no       | iOS/Android | yes               |
-| onValueChange | Invoked with the new value when the value changes            | (value: boolean) => void | no       | iOS/Android | yes               |
-| style         | Custom style                                                 | ViewStyle                | no       | iOS/Android | yes               |
-| testID        | Component test id                                            | string                   | no       | iOS/Android | yes               |
-| thumbColor    | The Switch's thumb color                                     | string                   | no       | iOS/Android | yes               |
-| thumbSize     | The Switch's thumb size (width & height)                     | number                   | no       | iOS/Android | yes               |
-| thumbStyle    | The Switch's thumb style                                     | ViewStyle                | no       | iOS/Android | yes               |
+| testID                | The component test id                                                                     | string                               | no       | iOS/Android | yes               |
+| thumbStyle            | The thumb style                                                                           | ViewStyle                            | no       | iOS/Android | yes               |
+| thumbTintColor        | Thumb color                                                                               | string                               | no       | iOS/Android | yes               |
+| trackStyle            | The track style                                                                           | ViewStyle                            | no       | iOS/Android | yes               |
+| useGap                | If true the min and max thumbs will not overlap                                           | boolean                              | no       | iOS/Android | yes               |
+| useRange              | If true the Slider will display a second thumb for the min value                          | boolean                              | no       | iOS/Android | yes               |
+| value                 | Initial value                                                                             | number                               | no       | iOS/Android | yes               |
+
+**Switch**: 开关切换组件。
+
+| Name          | Description                                                                           | Type                     | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------------------------------- | ------------------------ | -------- | ----------- | ----------------- |
+| disabled      | Whether the switch should be disabled                                                 | boolean                  | no       | iOS/Android | yes               |
+| disabledColor | The Switch background color when it's disabled                                        | string                   | no       | iOS/Android | yes               |
+| height        | The Switch height                                                                     | number                   | no       | iOS/Android | yes               |
+| id            | Component id                                                                          | string                   | no       | iOS/Android | yes               |
+| offColor      | The Switch background color when it's turned off                                      | string                   | no       | iOS/Android | yes               |
+| onColor       | The Switch background color when it's turned on                                       | string                   | no       | iOS/Android | yes               |
+| onValueChange | Invoked with the new value when the value changes                                     | (value: boolean) => void | no       | iOS/Android | yes               |
+| style         | Custom style                                                                          | ViewStyle                | no       | iOS/Android | yes               |
+| testID        | Component test id                                                                     | string                   | no       | iOS/Android | yes               |
+| thumbColor    | The Switch's thumb color                                                              | string                   | no       | iOS/Android | yes               |
+| thumbSize     | The Switch's thumb size (width & height)                                              | number                   | no       | iOS/Android | yes               |
+| thumbStyle    | The Switch's thumb style                                                              | ViewStyle                | no       | iOS/Android | yes               |
 | value         | The value of the switch. If true the switch will be turned on. Default value is false | boolean                  | no       | iOS/Android | yes               |
-| width         | The Switch width                                             | number                   | no       | iOS/Android | yes               |
+| width         | The Switch width                                                                      | number                   | no       | iOS/Android | yes               |
 
-**ChipsInput**：芯片输入组件，该组件扩展了[TextField](https://wix.github.io/react-native-ui-lib/docs/components/form/TextField)属性。
+**ChipsInput**: 芯片输入组件，该组件扩展了[TextField](https://wix.github.io/react-native-ui-lib/docs/components/form/TextField)属性。
 
 | Name             | Description                                          | Type                                          | Required | Platform    | HarmonyOS Support |
 | ---------------- | ---------------------------------------------------- | --------------------------------------------- | -------- | ----------- | ----------------- |
@@ -532,139 +533,139 @@ ohpm install
 | maxChips         | The maximum chips to allow adding                    | number                                        | no       | iOS/Android | yes               |
 | onChange         | Callback for chips change (adding or removing chip)  | (newChips, changeReason, updatedChip) => void | no       | iOS/Android | yes               |
 
-**ColorPalette**：调色板组件。
-
-| Name            | Description                                                  | Type                                          | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | --------------------------------------------- | -------- | ----------- | ----------------- |
-| animatedIndex   | Default is last，The index of the item to animate at first render | number                                        | no       | iOS/Android | yes               |
-| backgroundColor | The ColorPalette's background color                          | string                                        | no       | iOS/Android | yes               |
-| colors          | Array of colors to render in the palette                     | string[]                                      | no       | iOS/Android | yes               |
-| containerStyle  | Component's container style                                  | ViewStyle                                     | no       | iOS/Android | yes               |
-| containerWidth  | The container margins                                        | number                                        | no       | iOS/Android | yes               |
-| loop            | Whether the colors pagination scrolls in a loop              | boolean                                       | no       | iOS/Android | yes               |
-| numberOfRows    | The number of color rows from 2 to 5                         | number                                        | no       | iOS/Android | yes               |
+**ColorPalette**: 调色板组件。
+
+| Name            | Description                                                                     | Type                                          | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------------------------- | --------------------------------------------- | -------- | ----------- | ----------------- |
+| animatedIndex   | Default is last，The index of the item to animate at first render               | number                                        | no       | iOS/Android | yes               |
+| backgroundColor | The ColorPalette's background color                                             | string                                        | no       | iOS/Android | yes               |
+| colors          | Array of colors to render in the palette                                        | string[]                                      | no       | iOS/Android | yes               |
+| containerStyle  | Component's container style                                                     | ViewStyle                                     | no       | iOS/Android | yes               |
+| containerWidth  | The container margins                                                           | number                                        | no       | iOS/Android | yes               |
+| loop            | Whether the colors pagination scrolls in a loop                                 | boolean                                       | no       | iOS/Android | yes               |
+| numberOfRows    | The number of color rows from 2 to 5                                            | number                                        | no       | iOS/Android | yes               |
 | onValueChange   | Invoked once when value changes by selecting one of the swatches in the palette | (value: string, colorInfo: ColorInfo) => void | no       | iOS/Android | yes               |
-| style           | Component's style                                            | ViewStyle                                     | no       | iOS/Android | yes               |
-| swatchStyle     | Style to pass all the ColorSwatches in the palette           | ViewStyle                                     | no       | iOS/Android | yes               |
-| testID          | The test id for e2e tests                                    | string                                        | no       | iOS/Android | yes               |
-| usePagination   | Whether to use pagination when number of colors exceeds the number of rows | boolean                                       | no       | iOS/Android | yes               |
-| value           | The value of the selected swatch                             | string                                        | no       | iOS/Android | yes               |
-
-**ColorPicker**：选色器组件。
-
-| Name                | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| accessibilityLabels | Accessibility labels as an object of strings                 | { addButton: string, dismissButton: string, doneButton: string, input: string} | no       | iOS/Android | yes               |
-| animatedIndex       | Default is last，The index of the item to animate at first render | number                                                       | no       | iOS/Android | yes               |
-| backgroundColor     | The ColorPicker's background color                           | string                                                       | no       | iOS/Android | yes               |
-| colors              | Array of colors for the picker's color palette (hex values)  | string[]                                                     | no       | iOS/Android | yes               |
-| onValueChange       | Callback for the picker's color palette change               | (value: string, colorInfo: ColorInfo) => void                | no       | iOS/Android | yes               |
-| testID              | The test id for e2e tests                                    | string                                                       | no       | iOS/Android | yes               |
-| value               | The value of the selected swatch                             | string                                                       | no       | iOS/Android | yes               |
-
-**ColorSwatch**：颜色样板组件。
-
-| Name        | Description                                                  | Type                                          | Required | Platform    | HarmonyOS Support |
-| ----------- | ------------------------------------------------------------ | --------------------------------------------- | -------- | ----------- | ----------------- |
-| animated    | Is first render should be animated                           | boolean                                       | no       | iOS/Android | yes               |
-| color       | The color of the ColorSwatch                                 | string                                        | no       | iOS/Android | yes               |
-| index       | The index of the Swatch if in array                          | number                                        | no       | iOS/Android | yes               |
-| onPress     | Callback from press event                                    | (value: string, colorInfo: ColorInfo) => void | no       | iOS/Android | yes               |
-| selected    | Is the initial state is selected                             | boolean                                       | no       | iOS/Android | yes               |
-| size        | Color Swatch size                                            | number                                        | no       | iOS/Android | yes               |
-| style       | Component's style                                            | ViewStyle                                     | no       | iOS/Android | yes               |
-| testID      | The test id for e2e tests                                    | string                                        | no       | iOS/Android | yes               |
-| unavailable | Is the initial state is unavailable                          | boolean                                       | no       | iOS/Android | yes               |
+| style           | Component's style                                                               | ViewStyle                                     | no       | iOS/Android | yes               |
+| swatchStyle     | Style to pass all the ColorSwatches in the palette                              | ViewStyle                                     | no       | iOS/Android | yes               |
+| testID          | The test id for e2e tests                                                       | string                                        | no       | iOS/Android | yes               |
+| usePagination   | Whether to use pagination when number of colors exceeds the number of rows      | boolean                                       | no       | iOS/Android | yes               |
+| value           | The value of the selected swatch                                                | string                                        | no       | iOS/Android | yes               |
+
+**ColorPicker**: 选色器组件。
+
+| Name                | Description                                                       | Type                                                                           | Required | Platform    | HarmonyOS Support |
+| ------------------- | ----------------------------------------------------------------- | ------------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| accessibilityLabels | Accessibility labels as an object of strings                      | { addButton: string, dismissButton: string, doneButton: string, input: string} | no       | iOS/Android | yes               |
+| animatedIndex       | Default is last，The index of the item to animate at first render | number                                                                         | no       | iOS/Android | yes               |
+| backgroundColor     | The ColorPicker's background color                                | string                                                                         | no       | iOS/Android | yes               |
+| colors              | Array of colors for the picker's color palette (hex values)       | string[]                                                                       | no       | iOS/Android | yes               |
+| onValueChange       | Callback for the picker's color palette change                    | (value: string, colorInfo: ColorInfo) => void                                  | no       | iOS/Android | yes               |
+| testID              | The test id for e2e tests                                         | string                                                                         | no       | iOS/Android | yes               |
+| value               | The value of the selected swatch                                  | string                                                                         | no       | iOS/Android | yes               |
+
+**ColorSwatch**: 颜色样板组件。
+
+| Name        | Description                                                                                                                    | Type                                          | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------- | -------- | ----------- | ----------------- |
+| animated    | Is first render should be animated                                                                                             | boolean                                       | no       | iOS/Android | yes               |
+| color       | The color of the ColorSwatch                                                                                                   | string                                        | no       | iOS/Android | yes               |
+| index       | The index of the Swatch if in array                                                                                            | number                                        | no       | iOS/Android | yes               |
+| onPress     | Callback from press event                                                                                                      | (value: string, colorInfo: ColorInfo) => void | no       | iOS/Android | yes               |
+| selected    | Is the initial state is selected                                                                                               | boolean                                       | no       | iOS/Android | yes               |
+| size        | Color Swatch size                                                                                                              | number                                        | no       | iOS/Android | yes               |
+| style       | Component's style                                                                                                              | ViewStyle                                     | no       | iOS/Android | yes               |
+| testID      | The test id for e2e tests                                                                                                      | string                                        | no       | iOS/Android | yes               |
+| unavailable | Is the initial state is unavailable                                                                                            | boolean                                       | no       | iOS/Android | yes               |
 | value       | Must be different than other ColorSwatches in the same group，The identifier value of the ColorSwatch in a ColorSwatch palette | string                                        | no       | iOS/Android | yes               |
 
-**DateTimePicker**：时间选择组件，该组件扩展了[TextField](https://wix.github.io/react-native-ui-lib/docs/components/form/TextField)属性，依赖[@react-native-community/datetimepicker](/zh-cn/react-native-community-datetimepicker)库。
+**DateTimePicker**: 时间选择组件，该组件扩展了[TextField](https://wix.github.io/react-native-ui-lib/docs/components/form/TextField)属性，依赖[@react-native-community/datetimepicker](/zh-cn/react-native-community-datetimepicker)库。
 
-| Name                    | Description                                                  | Type                                              | Required | Platform    | HarmonyOS Support |
-| ----------------------- | ------------------------------------------------------------ | ------------------------------------------------- | -------- | ----------- | ----------------- |
-| dateTimeFormatter       | A callback function to format the time or date               | (value: Date, mode: DateTimePickerMode) => string | no       | iOS/Android | yes               |
-| dialogProps             | Props to pass the Dialog component                           | DialogProps                                       | no       | iOS/Android | yes               |
+| Name                    | Description                                                                                                                                                                                                                                                                                                                                                                             | Type                                              | Required | Platform    | HarmonyOS Support |
+| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| dateTimeFormatter       | A callback function to format the time or date                                                                                                                                                                                                                                                                                                                                          | (value: Date, mode: DateTimePickerMode) => string | no       | iOS/Android | yes               |
+| dialogProps             | Props to pass the Dialog component                                                                                                                                                                                                                                                                                                                                                      | DialogProps                                       | no       | iOS/Android | yes               |
 | display                 | Defines the visual display of the picker. The default value is 'spinner' on iOS and 'default' on Android. The list of all possible values are default, spinner, calendar or clock on Android and default, spinner, compact or inline for iOS. Full list can be found here:[react-native-datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker#display-optional) | string                                            | no       | iOS/Android | yes               |
-| editable                | Should this input be editable or disabled                    | boolean                                           | no       | iOS/Android | yes               |
-| headerStyle             | Style to apply to the iOS dialog header                      | ViewStyle                                         | no       | iOS/Android | yes               |
-| is24Hour                | Android only, Allows changing of the time picker to a 24 hour format | boolean                                           | no       | Android     | no                |
-| locale                  | iOS only, Allows changing of the locale of the component     | string                                            | no       | iOS         | yes               |
-| maximumDate             | The maximum date or time value to use                        | Date                                              | no       | iOS/Android | yes               |
-| minimumDate             | The minimum date or time value to use                        | Date                                              | no       | iOS/Android | yes               |
-| minuteInterval          | iOS only, The interval at which minutes can be selected. Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30 | number                                            | no       | iOS         | yes               |
-| mode                    | The type of picker to display ('date' or 'time')             | DATE \|TIME                                       | no       | iOS/Android | yes               |
-| onChange                | Called when the date/time change                             | () => Date                                        | no       | iOS/Android | yes               |
-| renderInput             | Render custom input                                          | JSX.Element                                       | no       | iOS/Android | yes               |
-| themeVariant            | Override system theme variant (dark or light mode) used by the date picker | LIGHT \|DARK                                      | no       | iOS/Android | yes               |
-| timeZoneOffsetInMinutes | iOS only, Allows changing of the timeZone of the date picker. By default it uses the device's time zone | number                                            | no       | iOS         | yes               |
-| value                   | Defaults to device's date and time, The initial value to set the picker to | Date                                              | no       | iOS/Android | yes               |
-
-**MaskedInput**：掩码输入组件，该组件扩展了[TextInput](https://reactnative.dev/docs/textinput)属性。
-
-| Name             | Description                                                  | Type               | Required | Platform    | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | ------------------ | -------- | ----------- | ----------------- |
-| containerStyle   | container style for the masked input container               | ViewStyle          | no       | iOS/Android | yes               |
+| editable                | Should this input be editable or disabled                                                                                                                                                                                                                                                                                                                                               | boolean                                           | no       | iOS/Android | yes               |
+| headerStyle             | Style to apply to the iOS dialog header                                                                                                                                                                                                                                                                                                                                                 | ViewStyle                                         | no       | iOS/Android | yes               |
+| is24Hour                | Android only, Allows changing of the time picker to a 24 hour format                                                                                                                                                                                                                                                                                                                    | boolean                                           | no       | Android     | no                |
+| locale                  | iOS only, Allows changing of the locale of the component                                                                                                                                                                                                                                                                                                                                | string                                            | no       | iOS         | yes               |
+| maximumDate             | The maximum date or time value to use                                                                                                                                                                                                                                                                                                                                                   | Date                                              | no       | iOS/Android | yes               |
+| minimumDate             | The minimum date or time value to use                                                                                                                                                                                                                                                                                                                                                   | Date                                              | no       | iOS/Android | yes               |
+| minuteInterval          | iOS only, The interval at which minutes can be selected. Possible values are: 1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30                                                                                                                                                                                                                                                                      | number                                            | no       | iOS         | yes               |
+| mode                    | The type of picker to display ('date' or 'time')                                                                                                                                                                                                                                                                                                                                        | DATE \|TIME                                       | no       | iOS/Android | yes               |
+| onChange                | Called when the date/time change                                                                                                                                                                                                                                                                                                                                                        | () => Date                                        | no       | iOS/Android | yes               |
+| renderInput             | Render custom input                                                                                                                                                                                                                                                                                                                                                                     | JSX.Element                                       | no       | iOS/Android | yes               |
+| themeVariant            | Override system theme variant (dark or light mode) used by the date picker                                                                                                                                                                                                                                                                                                              | LIGHT \|DARK                                      | no       | iOS/Android | yes               |
+| timeZoneOffsetInMinutes | iOS only, Allows changing of the timeZone of the date picker. By default it uses the device's time zone                                                                                                                                                                                                                                                                                 | number                                            | no       | iOS         | yes               |
+| value                   | Defaults to device's date and time, The initial value to set the picker to                                                                                                                                                                                                                                                                                                              | Date                                              | no       | iOS/Android | yes               |
+
+**MaskedInput**: 掩码输入组件，该组件扩展了[TextInput](https://reactnative.dev/docs/textinput)属性。
+
+| Name             | Description                                                                            | Type               | Required | Platform    | HarmonyOS Support |
+| ---------------- | -------------------------------------------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
+| containerStyle   | container style for the masked input container                                         | ViewStyle          | no       | iOS/Android | yes               |
 | renderMaskedText | callback for rendering the custom input out of the value returns from the actual input | React.ReactElement | no       | iOS/Android | yes               |
 
-**NumberInput**：数字输入框组件。
-
-| Name              | Description                                                  | Type                            | Required | Platform    | HarmonyOS Support |
-| ----------------- | ------------------------------------------------------------ | ------------------------------- | -------- | ----------- | ----------------- |
-| containerStyle    | Container style of the whole component                       | ViewStyle                       | no       | iOS/Android | yes               |
-| contextMenuHidden | Requires @react-native-community/clipboard to be installed. If true, context menu is hidden. | boolean                         | no       | iOS/Android | yes               |
-| fractionDigits    | Number of digits after the decimal point. Must be in the range 0 - 20, inclusive. | number                          | no       | iOS/Android | yes               |
-| initialNumber     | A valid number (in en locale, i.e. only digits and a decimal point). | number                          | no       | iOS/Android | yes               |
-| leadingText       | A leading text                                               | string                          | no       | iOS/Android | yes               |
-| leadingTextStyle  | The style of the leading text                                | TextStyle                       | no       | iOS/Android | yes               |
-| onChangeNumber    | Callback that is called when the number value has changed.   | (data: NumberInputData) => void | no       | iOS/Android | yes               |
+**NumberInput**: 数字输入框组件。
+
+| Name              | Description                                                                                         | Type                            | Required | Platform    | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------------------------------------------- | ------------------------------- | -------- | ----------- | ----------------- |
+| containerStyle    | Container style of the whole component                                                              | ViewStyle                       | no       | iOS/Android | yes               |
+| contextMenuHidden | Requires @react-native-community/clipboard to be installed. If true, context menu is hidden.        | boolean                         | no       | iOS/Android | yes               |
+| fractionDigits    | Number of digits after the decimal point. Must be in the range 0 - 20, inclusive.                   | number                          | no       | iOS/Android | yes               |
+| initialNumber     | A valid number (in en locale, i.e. only digits and a decimal point).                                | number                          | no       | iOS/Android | yes               |
+| leadingText       | A leading text                                                                                      | string                          | no       | iOS/Android | yes               |
+| leadingTextStyle  | The style of the leading text                                                                       | TextStyle                       | no       | iOS/Android | yes               |
+| onChangeNumber    | Callback that is called when the number value has changed.                                          | (data: NumberInputData) => void | no       | iOS/Android | yes               |
 | textFieldProps    | Most of TextField's props can be applied, except for ones that are passed directly via named props. | TextFieldProps                  | no       | iOS/Android | yes               |
-| trailingText      | A trailing text                                              | string                          | no       | iOS/Android | yes               |
-| trailingTextStyle | The style of the trailing text                               | ViewStyle                       | no       | iOS/Android | yes               |
-
-**Picker**：弹窗选择组件。
-
-| Name               | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| customPickerProps  | Custom picker props (when using renderPicker, will apply on the button wrapper) | object                                                       | no       | iOS/Android | yes               |
-| enableModalBlur    | iOS only，Adds blur effect to picker modal                   | boolean                                                      | no       | iOS         | yes               |
-| fieldType          | Pass for different field type UI (form, filter or settings)  | PickerFieldTypes                                             | no       | iOS/Android | yes               |
-| getLabel           | A function that returns the label to show for the selected Picker value | (value: string \| number) => void                            | no       | iOS/Android | yes               |
-| items              | Data source for Picker                                       | {label: string, value: string \| number}[]                   | no       | iOS/Android | yes               |
-| listProps          | Pass props to the list component that wraps the picker options (allows to control FlatList behavior) | FlatListProps                                                | no       | iOS/Android | yes               |
-| migrate            | Temporary prop required for migration to Picker's new API    | boolean                                                      | no       | iOS/Android | yes               |
-| mode               | SINGLE mode or MULTI mode                                    | SINGLE \| MULTI                                              | no       | iOS/Android | yes               |
-| onChange           | Callback for when picker value change                        | (value: string \| number) => void                            | no       | iOS/Android | yes               |
-| onPress            | Add onPress callback for when pressing the picker            | () => void                                                   | no       | iOS/Android | yes               |
-| onSearchChange     | Callback for picker modal search input text change (only when passing showSearch) | (searchValue: string) => void                                | no       | iOS/Android | yes               |
-| pickerModalProps   | Pass props to the picker modal                               | ModalProps                                                   | no       | iOS/Android | yes               |
-| renderCustomModal  | Render custom picker modal                                   | ({visible, children, toggleModal}) => void)                  | no       | iOS/Android | yes               |
-| renderCustomSearch | Render custom search input (only when passing showSearch)    | (props) => void                                              | no       | iOS/Android | yes               |
-| renderItem         | Render custom picker item                                    | (value, {{...props, isSelected}}, itemLabel) => void         | no       | iOS/Android | yes               |
-| renderPicker       | Render custom picker - input will be value (see above)\Example:\renderPicker = (selectedItem) => {...} | (selectedItem, itemLabel) => void                            | no       | iOS/Android | yes               |
-| searchPlaceholder  | Placeholder text for the search input (only when passing showSearch) | string                                                       | no       | iOS/Android | yes               |
-| searchStyle        | Style object for the search input (only when passing showSearch) | {color: string, placeholderTextColor: string, selectionColor: string} | no       | iOS/Android | yes               |
-| selectionLimit     | Limit the number of selected items                           | number                                                       | no       | iOS/Android | yes               |
-| showSearch         | Show search input to filter picker items by label            | boolean                                                      | no       | iOS/Android | yes               |
-| topBarProps        | The picker modal top bar props                               | Modal's TopBarProps                                          | no       | iOS/Android | yes               |
-| useSafeArea        | Add safe area in the Picker modal view                       | boolean                                                      | no       | iOS/Android | yes               |
-| useWheelPicker     | Use wheel picker instead of a list picker                    | boolean                                                      | no       | iOS/Android | yes               |
-| value              | Picker current value                                         | string \| number                                             | no       | iOS/Android | yes               |
-
-**Picker.Item**：弹窗选择Item组件，配合Picker组件使用。
-
-| Name              | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ----------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| disabled          | Is the item disabled                                         | boolean                                                      | no       | iOS/Android | yes               |
-| getItemLabel      | Custom function for the item label                           | (value: string \| number) => string                          | no       | iOS/Android | yes               |
-| isSelected        | Is the item selected                                         | boolean                                                      | no       | iOS/Android | yes               |
-| label             | Item's label                                                 | string                                                       | no       | iOS/Android | yes               |
-| labelStyle        | Item's label style                                           | ViewStyle                                                    | no       | iOS/Android | yes               |
+| trailingText      | A trailing text                                                                                     | string                          | no       | iOS/Android | yes               |
+| trailingTextStyle | The style of the trailing text                                                                      | ViewStyle                       | no       | iOS/Android | yes               |
+
+**Picker**: 弹窗选择组件。
+
+| Name               | Description                                                                                            | Type                                                                  | Required | Platform    | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| customPickerProps  | Custom picker props (when using renderPicker, will apply on the button wrapper)                        | object                                                                | no       | iOS/Android | yes               |
+| enableModalBlur    | iOS only，Adds blur effect to picker modal                                                             | boolean                                                               | no       | iOS         | yes               |
+| fieldType          | Pass for different field type UI (form, filter or settings)                                            | PickerFieldTypes                                                      | no       | iOS/Android | yes               |
+| getLabel           | A function that returns the label to show for the selected Picker value                                | (value: string \| number) => void                                     | no       | iOS/Android | yes               |
+| items              | Data source for Picker                                                                                 | {label: string, value: string \| number}[]                            | no       | iOS/Android | yes               |
+| listProps          | Pass props to the list component that wraps the picker options (allows to control FlatList behavior)   | FlatListProps                                                         | no       | iOS/Android | yes               |
+| migrate            | Temporary prop required for migration to Picker's new API                                              | boolean                                                               | no       | iOS/Android | yes               |
+| mode               | SINGLE mode or MULTI mode                                                                              | SINGLE \| MULTI                                                       | no       | iOS/Android | yes               |
+| onChange           | Callback for when picker value change                                                                  | (value: string \| number) => void                                     | no       | iOS/Android | yes               |
+| onPress            | Add onPress callback for when pressing the picker                                                      | () => void                                                            | no       | iOS/Android | yes               |
+| onSearchChange     | Callback for picker modal search input text change (only when passing showSearch)                      | (searchValue: string) => void                                         | no       | iOS/Android | yes               |
+| pickerModalProps   | Pass props to the picker modal                                                                         | ModalProps                                                            | no       | iOS/Android | yes               |
+| renderCustomModal  | Render custom picker modal                                                                             | ({visible, children, toggleModal}) => void)                           | no       | iOS/Android | yes               |
+| renderCustomSearch | Render custom search input (only when passing showSearch)                                              | (props) => void                                                       | no       | iOS/Android | yes               |
+| renderItem         | Render custom picker item                                                                              | (value, {{...props, isSelected}}, itemLabel) => void                  | no       | iOS/Android | yes               |
+| renderPicker       | Render custom picker - input will be value (see above)\Example:\renderPicker = (selectedItem) => {...} | (selectedItem, itemLabel) => void                                     | no       | iOS/Android | yes               |
+| searchPlaceholder  | Placeholder text for the search input (only when passing showSearch)                                   | string                                                                | no       | iOS/Android | yes               |
+| searchStyle        | Style object for the search input (only when passing showSearch)                                       | {color: string, placeholderTextColor: string, selectionColor: string} | no       | iOS/Android | yes               |
+| selectionLimit     | Limit the number of selected items                                                                     | number                                                                | no       | iOS/Android | yes               |
+| showSearch         | Show search input to filter picker items by label                                                      | boolean                                                               | no       | iOS/Android | yes               |
+| topBarProps        | The picker modal top bar props                                                                         | Modal's TopBarProps                                                   | no       | iOS/Android | yes               |
+| useSafeArea        | Add safe area in the Picker modal view                                                                 | boolean                                                               | no       | iOS/Android | yes               |
+| useWheelPicker     | Use wheel picker instead of a list picker                                                              | boolean                                                               | no       | iOS/Android | yes               |
+| value              | Picker current value                                                                                   | string \| number                                                      | no       | iOS/Android | yes               |
+
+**Picker.Item**: 弹窗选择 Item 组件，配合 Picker 组件使用。
+
+| Name              | Description                                                           | Type                                                                      | Required | Platform    | HarmonyOS Support |
+| ----------------- | --------------------------------------------------------------------- | ------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| disabled          | Is the item disabled                                                  | boolean                                                                   | no       | iOS/Android | yes               |
+| getItemLabel      | Custom function for the item label                                    | (value: string \| number) => string                                       | no       | iOS/Android | yes               |
+| isSelected        | Is the item selected                                                  | boolean                                                                   | no       | iOS/Android | yes               |
+| label             | Item's label                                                          | string                                                                    | no       | iOS/Android | yes               |
+| labelStyle        | Item's label style                                                    | ViewStyle                                                                 | no       | iOS/Android | yes               |
 | onPress           | Callback for onPress action, will stop selection if false is returned | (selected: boolean \| undefined, props: any) => void \| Promise<boolean>; | no       | iOS/Android | yes               |
-| onSelectedLayout  | Callback for onLayout event                                  | (event: LayoutChangeEvent) => void                           | no       | iOS/Android | yes               |
-| selectedIcon      | Pass to change the selected icon                             | string                                                       | no       | iOS/Android | yes               |
-| selectedIconColor | Pass to change the selected icon color                       | ImageSource                                                  | no       | iOS/Android | yes               |
-| value             | Item's value                                                 | string \| number                                             | no       | iOS/Android | yes               |
+| onSelectedLayout  | Callback for onLayout event                                           | (event: LayoutChangeEvent) => void                                        | no       | iOS/Android | yes               |
+| selectedIcon      | Pass to change the selected icon                                      | string                                                                    | no       | iOS/Android | yes               |
+| selectedIconColor | Pass to change the selected icon color                                | ImageSource                                                               | no       | iOS/Android | yes               |
+| value             | Item's value                                                          | string \| number                                                          | no       | iOS/Android | yes               |
 
-**SectionsWheelPicker**：滚动选择组件。
+**SectionsWheelPicker**: 滚动选择组件。
 
 | Name                | Description                                         | Type             | Required | Platform    | HarmonyOS Support |
 | ------------------- | --------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
@@ -677,7 +678,7 @@ ohpm install
 | testID              | The component test id                               | string           | no       | iOS/Android | yes               |
 | textStyle           | Row text style                                      | TextStyle        | no       | iOS/Android | yes               |
 
-**SegmentedControl**：切换值组件。
+**SegmentedControl**: 切换值组件。
 
 | Name                  | Description                                     | Type                      | Required | Platform    | HarmonyOS Support |
 | --------------------- | ----------------------------------------------- | ------------------------- | -------- | ----------- | ----------------- |
@@ -698,7 +699,7 @@ ohpm install
 | testID                | Component test id                               | string                    | no       | iOS/Android | yes               |
 | throttleTime          | Trailing throttle time of changing index in ms. | number                    | no       | iOS/Android | yes               |
 
-**Stepper**：步进器组件。
+**Stepper**: 步进器组件。
 
 | Name               | Description                                         | Type                                     | Required | Platform    | HarmonyOS Support |
 | ------------------ | --------------------------------------------------- | ---------------------------------------- | -------- | ----------- | ----------------- |
@@ -712,166 +713,166 @@ ohpm install
 | testID             | Test id for component                               | string                                   | no       | iOS/Android | yes               |
 | value              | Stepper value                                       | number                                   | no       | iOS/Android | yes               |
 
-**TextField**：文本域组件，扩展了[TextInput](https://reactnative.dev/docs/textinput)属性。
-
-| Name                      | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| centered                  | Whether to center the TextField - container and label        | boolean                                                      | no       | iOS/Android | yes               |
-| charCounterStyle          | Pass custom style to character counter text                  | TextStyle                                                    | no       | iOS/Android | yes               |
-| color                     | Input color                                                  | ColorType                                                    | no       | iOS/Android | yes               |
-| containerProps            | Container props of the whole component                       | Omit<ViewProps, 'style'>                                     | no       | iOS/Android | yes               |
-| containerStyle            | Container style of the whole component                       | ViewStyle                                                    | no       | iOS/Android | yes               |
-| enableErrors              | Should support showing validation error message              | boolean                                                      | no       | iOS/Android | yes               |
-| fieldStyle                | Internal style for the field container to style the field underline, outline and fill color | ViewStyle \| (context: FieldContextType, props) => ViewStyle | no       | iOS/Android | yes               |
-| floatOnFocus              | Should placeholder float on focus or when start typing       | boolean                                                      | no       | iOS/Android | yes               |
-| floatingPlaceholder       | Pass to add floating placeholder support                     | boolean                                                      | no       | iOS/Android | yes               |
-| floatingPlaceholderColor  | The floating placeholder color                               | ColorType                                                    | no       | iOS/Android | yes               |
-| floatingPlaceholderStyle  | Custom style for the floating placeholder                    | TextStyle                                                    | no       | iOS/Android | yes               |
-| formatter                 | Custom formatter for the input value (used only when input if not focused) | (value) => string \| undefined                               | no       | iOS/Android | yes               |
-| hint                      | A hint text to display when focusing the field               | string                                                       | no       | iOS/Android | yes               |
-| label                     | Field label                                                  | string                                                       | no       | iOS/Android | yes               |
+**TextField**: 文本域组件，扩展了[TextInput](https://reactnative.dev/docs/textinput)属性。
+
+| Name                      | Description                                                                                            | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| centered                  | Whether to center the TextField - container and label                                                  | boolean                                                      | no       | iOS/Android | yes               |
+| charCounterStyle          | Pass custom style to character counter text                                                            | TextStyle                                                    | no       | iOS/Android | yes               |
+| color                     | Input color                                                                                            | ColorType                                                    | no       | iOS/Android | yes               |
+| containerProps            | Container props of the whole component                                                                 | Omit<ViewProps, 'style'>                                     | no       | iOS/Android | yes               |
+| containerStyle            | Container style of the whole component                                                                 | ViewStyle                                                    | no       | iOS/Android | yes               |
+| enableErrors              | Should support showing validation error message                                                        | boolean                                                      | no       | iOS/Android | yes               |
+| fieldStyle                | Internal style for the field container to style the field underline, outline and fill color            | ViewStyle \| (context: FieldContextType, props) => ViewStyle | no       | iOS/Android | yes               |
+| floatOnFocus              | Should placeholder float on focus or when start typing                                                 | boolean                                                      | no       | iOS/Android | yes               |
+| floatingPlaceholder       | Pass to add floating placeholder support                                                               | boolean                                                      | no       | iOS/Android | yes               |
+| floatingPlaceholderColor  | The floating placeholder color                                                                         | ColorType                                                    | no       | iOS/Android | yes               |
+| floatingPlaceholderStyle  | Custom style for the floating placeholder                                                              | TextStyle                                                    | no       | iOS/Android | yes               |
+| formatter                 | Custom formatter for the input value (used only when input if not focused)                             | (value) => string \| undefined                               | no       | iOS/Android | yes               |
+| hint                      | A hint text to display when focusing the field                                                         | string                                                       | no       | iOS/Android | yes               |
+| label                     | Field label                                                                                            | string                                                       | no       | iOS/Android | yes               |
 | labelColor                | Field label color. Either a string or color by state map ({default, focus, error, disabled, readonly}) | ColorType                                                    | no       | iOS/Android | yes               |
-| labelProps                | Pass extra props to the label Text element                   | TextProps                                                    | no       | iOS/Android | yes               |
-| labelStyle                | Custom style for the field label                             | TextStyle                                                    | no       | iOS/Android | yes               |
-| leadingAccessory          | Pass to render a leading element                             | ReactElement                                                 | no       | iOS/Android | yes               |
-| onChangeValidity          | Callback for when field validity has changed                 | (isValid: boolean) => void                                   | no       | iOS/Android | yes               |
-| onValidationFailed        | Callback for when field validated and failed                 | (failedValidatorIndex: number) => void                       | no       | iOS/Android | yes               |
-| placeholder               | The placeholder for the field                                | string                                                       | no       | iOS/Android | yes               |
-| placeholderTextColor      | Placeholder text color                                       | ColorType                                                    | no       | iOS/Android | yes               |
-| preset                    | Predefined preset to use for styling the field               | 'default' \| null \|string                                   | no       | iOS/Android | yes               |
-| readonly                  | A UI preset for read only state                              | boolean                                                      | no       | iOS/Android | yes               |
-| recorderTag               | Recorder Tag                                                 | 'mask' \| 'unmask'                                           | no       | iOS/Android | yes               |
-| retainValidationSpace     | Keep the validation space even if there is no validation message | boolean                                                      | no       | iOS/Android | yes               |
-| showCharCounter           | Should show a character counter (works only with maxLength)  | boolean                                                      | no       | iOS/Android | yes               |
-| showMandatoryIndication   | Whether to show a mandatory field indication                 | boolean                                                      | no       | iOS/Android | yes               |
-| trailingAccessory         | Pass to render a trailing element                            | ReactElement                                                 | no       | iOS/Android | yes               |
-| useGestureHandlerInput    | Use react-native-gesture-handler instead of react-native for the base TextInput | boolean                                                      | no       | iOS/Android | yes               |
-| validate                  | A single or multiple validator. Can be a string (required, email) or custom function. | Validator \| Validator []                                    | no       | iOS/Android | yes               |
-| validateOnBlur            | Should validate when losing focus of TextField               | boolean                                                      | no       | iOS/Android | yes               |
-| validateOnChange          | Should validate when the TextField value changes             | boolean                                                      | no       | iOS/Android | yes               |
-| validateOnStart           | Should validate when the TextField mounts                    | boolean                                                      | no       | iOS/Android | yes               |
-| validationMessage         | The validation message to display when field is invalid (depends on validate) | string \| string[]                                           | no       | iOS/Android | yes               |
-| validationMessagePosition | The position of the validation message (top/bottom)          | ValidationMessagePosition                                    | no       | iOS/Android | yes               |
-| validationMessageStyle    | Custom style for the validation message                      | TextStyle                                                    | no       | iOS/Android | yes               |
-
-**WheelPicker**：轮式拾取器组件。
-
-| Name                | Description                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
-| activeTextColor     | Text color for the focused row                               | string                                          | no       | iOS/Android | yes               |
-| align               | Align the content to center, right ot left                   | WheelPickerAlign                                | no       | iOS/Android | yes               |
-| flatListProps       | Props to be sent to the FlatList.                            | FlatListProps                                   | no       | iOS/Android | yes               |
-| inactiveTextColor   | Text color for other, non-focused rows                       | string                                          | no       | iOS/Android | yes               |
-| initialValue        | Initial value (uncontrolled)                                 | number \| string                                | no       | iOS/Android | yes               |
-| itemHeight          | Height of each item in the WheelPicker                       | number                                          | no       | iOS/Android | yes               |
-| items               | Data source for WheelPicker                                  | WheelPickerItemProps[]                          | no       | iOS/Android | yes               |
-| label               | Additional label to render next to the items text            | string                                          | no       | iOS/Android | yes               |
-| labelProps          | Additional label's props                                     | TextProps                                       | no       | iOS/Android | yes               |
-| labelStyle          | Additional label's style                                     | TextStyle                                       | no       | iOS/Android | yes               |
-| numberOfVisibleRows | Number of rows visible                                       | number                                          | no       | iOS/Android | yes               |
-| onChange            | Change item event callback                                   | (item: string \| number, index: number) => void | no       | iOS/Android | yes               |
-| separatorsStyle     | Extra style for the separators                               | ViewStyle                                       | no       | iOS/Android | yes               |
-| style               | height is computed according to itemHeight * numberOfVisibleRows. Container's custom style | ViewStyle                                       | no       | iOS/Android | yes               |
-| testID              | test identifier                                              | string                                          | no       | iOS/Android | yes               |
-| textStyle           | Row text custom style                                        | TextStyle                                       | no       | iOS/Android | yes               |
-
-**Incubator.Dialog**：弹出对话框组件。
-
-| Name                  | Description                                                  | Type                          | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | ----------------------------- | -------- | ----------- | ----------------- |
-| containerProps        | Extra props for the container                                | ViewProps                     | no       | iOS/Android | yes               |
-| containerStyle        | The Dialog`s container style (it is set to {position: 'absolute'}) `ViewStyle ` | ViewStyle                     | no       | iOS/Android | yes               |
-| direction             | The direction from which and to which the dialog is animating \ panning (default down). | up \|down \|left \|right      | no       | iOS/Android | yes               |
-| headerProps           | The Dialog's header (title, subtitle etc)                    | DialogHeaderProps             | no       | iOS/Android | yes               |
-| ignoreBackgroundPress | Whether or not to ignore background press.                   | boolean                       | no       | iOS/Android | yes               |
-| modalProps            | Pass props to the dialog modal                               | ModalProps                    | no       | iOS/Android | yes               |
-| onDismiss             | Callback that is called after the dialog's dismiss (after the animation has ended). | (props?: DialogProps) => void | no       | iOS/Android | yes               |
+| labelProps                | Pass extra props to the label Text element                                                             | TextProps                                                    | no       | iOS/Android | yes               |
+| labelStyle                | Custom style for the field label                                                                       | TextStyle                                                    | no       | iOS/Android | yes               |
+| leadingAccessory          | Pass to render a leading element                                                                       | ReactElement                                                 | no       | iOS/Android | yes               |
+| onChangeValidity          | Callback for when field validity has changed                                                           | (isValid: boolean) => void                                   | no       | iOS/Android | yes               |
+| onValidationFailed        | Callback for when field validated and failed                                                           | (failedValidatorIndex: number) => void                       | no       | iOS/Android | yes               |
+| placeholder               | The placeholder for the field                                                                          | string                                                       | no       | iOS/Android | yes               |
+| placeholderTextColor      | Placeholder text color                                                                                 | ColorType                                                    | no       | iOS/Android | yes               |
+| preset                    | Predefined preset to use for styling the field                                                         | 'default' \| null \|string                                   | no       | iOS/Android | yes               |
+| readonly                  | A UI preset for read only state                                                                        | boolean                                                      | no       | iOS/Android | yes               |
+| recorderTag               | Recorder Tag                                                                                           | 'mask' \| 'unmask'                                           | no       | iOS/Android | yes               |
+| retainValidationSpace     | Keep the validation space even if there is no validation message                                       | boolean                                                      | no       | iOS/Android | yes               |
+| showCharCounter           | Should show a character counter (works only with maxLength)                                            | boolean                                                      | no       | iOS/Android | yes               |
+| showMandatoryIndication   | Whether to show a mandatory field indication                                                           | boolean                                                      | no       | iOS/Android | yes               |
+| trailingAccessory         | Pass to render a trailing element                                                                      | ReactElement                                                 | no       | iOS/Android | yes               |
+| useGestureHandlerInput    | Use react-native-gesture-handler instead of react-native for the base TextInput                        | boolean                                                      | no       | iOS/Android | yes               |
+| validate                  | A single or multiple validator. Can be a string (required, email) or custom function.                  | Validator \| Validator []                                    | no       | iOS/Android | yes               |
+| validateOnBlur            | Should validate when losing focus of TextField                                                         | boolean                                                      | no       | iOS/Android | yes               |
+| validateOnChange          | Should validate when the TextField value changes                                                       | boolean                                                      | no       | iOS/Android | yes               |
+| validateOnStart           | Should validate when the TextField mounts                                                              | boolean                                                      | no       | iOS/Android | yes               |
+| validationMessage         | The validation message to display when field is invalid (depends on validate)                          | string \| string[]                                           | no       | iOS/Android | yes               |
+| validationMessagePosition | The position of the validation message (top/bottom)                                                    | ValidationMessagePosition                                    | no       | iOS/Android | yes               |
+| validationMessageStyle    | Custom style for the validation message                                                                | TextStyle                                                    | no       | iOS/Android | yes               |
+
+**WheelPicker**: 轮式拾取器组件。
+
+| Name                | Description                                                                                 | Type                                            | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------------------------------------- | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| activeTextColor     | Text color for the focused row                                                              | string                                          | no       | iOS/Android | yes               |
+| align               | Align the content to center, right ot left                                                  | WheelPickerAlign                                | no       | iOS/Android | yes               |
+| flatListProps       | Props to be sent to the FlatList.                                                           | FlatListProps                                   | no       | iOS/Android | yes               |
+| inactiveTextColor   | Text color for other, non-focused rows                                                      | string                                          | no       | iOS/Android | yes               |
+| initialValue        | Initial value (uncontrolled)                                                                | number \| string                                | no       | iOS/Android | yes               |
+| itemHeight          | Height of each item in the WheelPicker                                                      | number                                          | no       | iOS/Android | yes               |
+| items               | Data source for WheelPicker                                                                 | WheelPickerItemProps[]                          | no       | iOS/Android | yes               |
+| label               | Additional label to render next to the items text                                           | string                                          | no       | iOS/Android | yes               |
+| labelProps          | Additional label's props                                                                    | TextProps                                       | no       | iOS/Android | yes               |
+| labelStyle          | Additional label's style                                                                    | TextStyle                                       | no       | iOS/Android | yes               |
+| numberOfVisibleRows | Number of rows visible                                                                      | number                                          | no       | iOS/Android | yes               |
+| onChange            | Change item event callback                                                                  | (item: string \| number, index: number) => void | no       | iOS/Android | yes               |
+| separatorsStyle     | Extra style for the separators                                                              | ViewStyle                                       | no       | iOS/Android | yes               |
+| style               | height is computed according to itemHeight \* numberOfVisibleRows. Container's custom style | ViewStyle                                       | no       | iOS/Android | yes               |
+| testID              | test identifier                                                                             | string                                          | no       | iOS/Android | yes               |
+| textStyle           | Row text custom style                                                                       | TextStyle                                       | no       | iOS/Android | yes               |
+
+**Incubator.Dialog**: 弹出对话框组件。
+
+| Name                  | Description                                                                                                                                                                                                     | Type                          | Required | Platform    | HarmonyOS Support |
+| --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
+| containerProps        | Extra props for the container                                                                                                                                                                                   | ViewProps                     | no       | iOS/Android | yes               |
+| containerStyle        | The Dialog`s container style (it is set to {position: 'absolute'}) `ViewStyle `                                                                                                                                 | ViewStyle                     | no       | iOS/Android | yes               |
+| direction             | The direction from which and to which the dialog is animating \ panning (default down).                                                                                                                         | up \|down \|left \|right      | no       | iOS/Android | yes               |
+| headerProps           | The Dialog's header (title, subtitle etc)                                                                                                                                                                       | DialogHeaderProps             | no       | iOS/Android | yes               |
+| ignoreBackgroundPress | Whether or not to ignore background press.                                                                                                                                                                      | boolean                       | no       | iOS/Android | yes               |
+| modalProps            | Pass props to the dialog modal                                                                                                                                                                                  | ModalProps                    | no       | iOS/Android | yes               |
+| onDismiss             | Callback that is called after the dialog's dismiss (after the animation has ended).                                                                                                                             | (props?: DialogProps) => void | no       | iOS/Android | yes               |
 | testID                | Used to locate this view in end-to-end tests.The container has the original id.Supported inner elements IDs:`${TestID}.modal` - the Modal's id.`${TestID}. overlayFadingBackground` - the fading background id. | string                        | no       | iOS/Android | yes               |
-| visible               | The visibility of the dialog                                 | boolean                       | no       | iOS/Android | yes               |
+| visible               | The visibility of the dialog                                                                                                                                                                                    | boolean                       | no       | iOS/Android | yes               |
 
-**Dialog.Header**：弹窗头部组件。
+**Dialog.Header**: 弹窗头部组件。
 
-| Name                  | Description                                                  | Type                 | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | -------------------- | -------- | ----------- | ----------------- |
-| bottomAccessory       | Pass to render a bottom element below the subtitle           | ReactElement         | no       | iOS/Android | yes               |
+| Name                  | Description                                                                         | Type                 | Required | Platform    | HarmonyOS Support |
+| --------------------- | ----------------------------------------------------------------------------------- | -------------------- | -------- | ----------- | ----------------- |
+| bottomAccessory       | Pass to render a bottom element below the subtitle                                  | ReactElement         | no       | iOS/Android | yes               |
 | contentContainerStyle | Style for the leading + content + trailing components (without the bottomAccessory) | ViewProps['style']   | no       | iOS/Android | yes               |
-| leadingAccessory      | Pass to render a leading element                             | ReactElement         | no       | iOS/Android | yes               |
-| onPress               | onPress callback for the inner content                       | () => void           | no       | iOS/Android | yes               |
-| showDivider           | Show the header's divider                                    | boolean              | no       | iOS/Android | yes               |
-| showKnob              | Show the header's knob                                       | boolean              | no       | iOS/Android | yes               |
-| subtitle              | Subtitle                                                     | string               | no       | iOS/Android | yes               |
-| subtitleProps         | Subtitle extra props                                         | TextProps            | no       | iOS/Android | yes               |
-| subtitleStyle         | Subtitle text style                                          | StyleProp<TextStyle> | no       | iOS/Android | yes               |
-| title                 | Title                                                        | string               | no       | iOS/Android | yes               |
-| titleProps            | Title extra props                                            | TextProps            | no       | iOS/Android | yes               |
-| titleStyle            | Title text style                                             | StyleProp<TextStyle> | no       | iOS/Android | yes               |
-| topAccessory          | Pass to render a top element above the title                 | ReactElement         | no       | iOS/Android | yes               |
-| trailingAccessory     | Pass to render a trailing element                            | ReactElement         | no       | iOS/Android | yes               |
-
-**Incubator.Slider**：滑块组件。
-
-| Name                   | Description                                                  | Type                                  | Required | Platform    | HarmonyOS Support |
-| ---------------------- | ------------------------------------------------------------ | ------------------------------------- | -------- | ----------- | ----------------- |
-| accessible             | If true the component will have accessibility features enabled | boolean                               | no       | iOS/Android | yes               |
-| activeThumbStyle       | The active (during press) thumb style                        | ViewStyle                             | no       | iOS/Android | yes               |
-| containerStyle         | The container style                                          | ViewStyle                             | no       | iOS/Android | yes               |
-| disableActiveStyling   | If true the Slider will not change it's style on press       | boolean                               | no       | iOS/Android | yes               |
-| disableRTL             | If true the Slider will stay in LTR mode even if the app is on RTL mode | boolean                               | no       | iOS/Android | yes               |
-| disabled               | If true the Slider will be disabled and will appear in disabled color | boolean                               | no       | iOS/Android | yes               |
-| disabledThumbTintColor | Disabled thumb color                                         | string                                | no       | iOS/Android | yes               |
-| enableThumbShadow      | Whether the thumb will have a shadow (with 'migrate' true only) | boolean                               | no       | iOS/Android | yes               |
-| initialMaximumValue    | Only when `useRange` is true. Initial maximum value          | number                                | no       | iOS/Android | yes               |
-| initialMinimumValue    | Only when `useRange` is true. Initial minimum value          | number                                | no       | iOS/Android | yes               |
-| maximumTrackTintColor  | The track color                                              | string                                | no       | iOS/Android | yes               |
-| maximumValue           | Track maximum value                                          | number                                | no       | iOS/Android | yes               |
-| minimumTrackTintColor  | The color used for the track from minimum value to current value | string                                | no       | iOS/Android | yes               |
-| minimumValue           | Track minimum value                                          | number                                | no       | iOS/Android | yes               |
-| onRangeChange          | Callback for onRangeChange. Returns values object with the min and max values | SliderOnRangeChange                   | no       | iOS/Android | yes               |
-| onReset                | Callback that notifies when the reset function was invoked   | () => void                            | no       | iOS/Android | yes               |
-| onSeekEnd              | Callback that notifies about slider seeking is finished      | () => void                            | no       | iOS/Android | yes               |
-| onSeekStart            | Callback that notifies about slider seeking is started       | () => void                            | no       | iOS/Android | yes               |
-| onValueChange          | Callback for onValueChange                                   | SliderOnValueChange                   | no       | iOS/Android | yes               |
-| renderTrack            | Custom render instead of rendering the track                 | () => ReactElement  \| ReactElement[] | no       | iOS/Android | yes               |
-| step                   | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue) | number                                | no       | iOS/Android | yes               |
-| testID                 | The component test id                                        | string                                | no       | iOS/Android | yes               |
-| throttleTime           | Control the throttle time of the onValueChange and onRangeChange callbacks | number                                | no       | iOS/Android | yes               |
-| thumbHitSlop           | Defines how far a touch event can start away from the thumb  | number                                | no       | iOS/Android | yes               |
-| thumbStyle             | The thumb style                                              | ViewStyle                             | no       | iOS/Android | yes               |
-| thumbTintColor         | Thumb color                                                  | string                                | no       | iOS/Android | yes               |
-| trackStyle             | The track style                                              | ViewStyle                             | no       | iOS/Android | yes               |
-| useGap                 | If true the min and max thumbs will not overlap              | boolean                               | no       | iOS/Android | yes               |
-| useRange               | If true the Slider will display a second thumb for the min value | boolean                               | no       | iOS/Android | yes               |
-| value                  | Initial value                                                | number                                | no       | iOS/Android | yes               |
-
-**Incubator.Toast**：非中断式弹窗组件。
-
-| Name                 | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| -------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| action               | A single action for the user (showLoader will override this) | ButtonProps                                                  | no       | iOS/Android | yes               |
-| autoDismiss          | Time of milliseconds to automatically invoke the onDismiss callback | number                                                       | no       | iOS/Android | yes               |
-| backgroundColor      | The toast background color                                   | string                                                       | no       | iOS/Android | yes               |
-| centerMessage        | Should message be centered in the toast                      | boolean                                                      | no       | iOS/Android | yes               |
-| containerStyle       | Toast container style                                        | ViewStyle                                                    | no       | iOS/Android | yes               |
-| elevation            | Android only. Custom elevation                               | number                                                       | no       | Android     | no                |
-| enableHapticFeedback | Whether to trigger an haptic feedback once the toast is shown (requires react-native-haptic-feedback dependency) | boolean                                                      | no       | iOS/Android | yes               |
-| icon                 | A custom icon to render on the left side of the toast        | ImageSourcePropType                                          | no       | iOS/Android | yes               |
-| iconColor            | The icon color                                               | string                                                       | no       | iOS/Android | yes               |
-| message              | Toast message                                                | string                                                       | no       | iOS/Android | yes               |
-| messageProps         | Toast message props                                          | TextProps                                                    | no       | iOS/Android | yes               |
-| messageStyle         | Toast message style                                          | StyleProp <TextStyle>                                        | no       | iOS/Android | yes               |
-| onAnimationEnd       | Callback for end of toast animation                          | (visible?: boolean) => void                                  | no       | iOS/Android | yes               |
-| onDismiss            | Callback for the toast dismissal                             | () => void                                                   | no       | iOS/Android | yes               |
-| position             | The position of the toast. 'top' or 'bottom'.                | 'top' \| 'bottom'                                            | no       | iOS/Android | yes               |
-| preset               | Pass to have preset UI                                       | ToastPreset ('success' \| 'failure' \| 'general' \| 'offline') | no       | iOS/Android | yes               |
-| renderAttachment     | Render a custom view that will appear permanently above or below a Toast, depends on the Toast's position and animate with it when the Toast is made visible or dismissed | () => JSX.Element \| undefined                               | no       | iOS/Android | yes               |
-| showLoader           | Whether to show a loader                                     | boolean                                                      | no       | iOS/Android | yes               |
-| style                | Toast style                                                  | ViewStyle                                                    | no       | iOS/Android | yes               |
-| swipeable            | Whether to support dismissing the toast with a swipe gesture. Requires to pass onDismiss method to control visibility | boolean                                                      | no       | iOS/Android | yes               |
-| testID               | The component test id                                        | string                                                       | no       | iOS/Android | yes               |
-| visible              | Whether to show or hide the toast                            | boolean                                                      | no       | iOS/Android | yes               |
-| zIndex               | Custom zIndex for toast                                      | number                                                       | no       | iOS/Android | yes               |
-
-**Dash**：阔折现组件。
+| leadingAccessory      | Pass to render a leading element                                                    | ReactElement         | no       | iOS/Android | yes               |
+| onPress               | onPress callback for the inner content                                              | () => void           | no       | iOS/Android | yes               |
+| showDivider           | Show the header's divider                                                           | boolean              | no       | iOS/Android | yes               |
+| showKnob              | Show the header's knob                                                              | boolean              | no       | iOS/Android | yes               |
+| subtitle              | Subtitle                                                                            | string               | no       | iOS/Android | yes               |
+| subtitleProps         | Subtitle extra props                                                                | TextProps            | no       | iOS/Android | yes               |
+| subtitleStyle         | Subtitle text style                                                                 | StyleProp<TextStyle> | no       | iOS/Android | yes               |
+| title                 | Title                                                                               | string               | no       | iOS/Android | yes               |
+| titleProps            | Title extra props                                                                   | TextProps            | no       | iOS/Android | yes               |
+| titleStyle            | Title text style                                                                    | StyleProp<TextStyle> | no       | iOS/Android | yes               |
+| topAccessory          | Pass to render a top element above the title                                        | ReactElement         | no       | iOS/Android | yes               |
+| trailingAccessory     | Pass to render a trailing element                                                   | ReactElement         | no       | iOS/Android | yes               |
+
+**Incubator.Slider**: 滑块组件。
+
+| Name                   | Description                                                                               | Type                                 | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ----------------------------------------------------------------------------------------- | ------------------------------------ | -------- | ----------- | ----------------- |
+| accessible             | If true the component will have accessibility features enabled                            | boolean                              | no       | iOS/Android | yes               |
+| activeThumbStyle       | The active (during press) thumb style                                                     | ViewStyle                            | no       | iOS/Android | yes               |
+| containerStyle         | The container style                                                                       | ViewStyle                            | no       | iOS/Android | yes               |
+| disableActiveStyling   | If true the Slider will not change it's style on press                                    | boolean                              | no       | iOS/Android | yes               |
+| disableRTL             | If true the Slider will stay in LTR mode even if the app is on RTL mode                   | boolean                              | no       | iOS/Android | yes               |
+| disabled               | If true the Slider will be disabled and will appear in disabled color                     | boolean                              | no       | iOS/Android | yes               |
+| disabledThumbTintColor | Disabled thumb color                                                                      | string                               | no       | iOS/Android | yes               |
+| enableThumbShadow      | Whether the thumb will have a shadow (with 'migrate' true only)                           | boolean                              | no       | iOS/Android | yes               |
+| initialMaximumValue    | Only when `useRange` is true. Initial maximum value                                       | number                               | no       | iOS/Android | yes               |
+| initialMinimumValue    | Only when `useRange` is true. Initial minimum value                                       | number                               | no       | iOS/Android | yes               |
+| maximumTrackTintColor  | The track color                                                                           | string                               | no       | iOS/Android | yes               |
+| maximumValue           | Track maximum value                                                                       | number                               | no       | iOS/Android | yes               |
+| minimumTrackTintColor  | The color used for the track from minimum value to current value                          | string                               | no       | iOS/Android | yes               |
+| minimumValue           | Track minimum value                                                                       | number                               | no       | iOS/Android | yes               |
+| onRangeChange          | Callback for onRangeChange. Returns values object with the min and max values             | SliderOnRangeChange                  | no       | iOS/Android | yes               |
+| onReset                | Callback that notifies when the reset function was invoked                                | () => void                           | no       | iOS/Android | yes               |
+| onSeekEnd              | Callback that notifies about slider seeking is finished                                   | () => void                           | no       | iOS/Android | yes               |
+| onSeekStart            | Callback that notifies about slider seeking is started                                    | () => void                           | no       | iOS/Android | yes               |
+| onValueChange          | Callback for onValueChange                                                                | SliderOnValueChange                  | no       | iOS/Android | yes               |
+| renderTrack            | Custom render instead of rendering the track                                              | () => ReactElement \| ReactElement[] | no       | iOS/Android | yes               |
+| step                   | Step value of the slider. The value should be between 0 and (maximumValue - minimumValue) | number                               | no       | iOS/Android | yes               |
+| testID                 | The component test id                                                                     | string                               | no       | iOS/Android | yes               |
+| throttleTime           | Control the throttle time of the onValueChange and onRangeChange callbacks                | number                               | no       | iOS/Android | yes               |
+| thumbHitSlop           | Defines how far a touch event can start away from the thumb                               | number                               | no       | iOS/Android | yes               |
+| thumbStyle             | The thumb style                                                                           | ViewStyle                            | no       | iOS/Android | yes               |
+| thumbTintColor         | Thumb color                                                                               | string                               | no       | iOS/Android | yes               |
+| trackStyle             | The track style                                                                           | ViewStyle                            | no       | iOS/Android | yes               |
+| useGap                 | If true the min and max thumbs will not overlap                                           | boolean                              | no       | iOS/Android | yes               |
+| useRange               | If true the Slider will display a second thumb for the min value                          | boolean                              | no       | iOS/Android | yes               |
+| value                  | Initial value                                                                             | number                               | no       | iOS/Android | yes               |
+
+**Incubator.Toast**: 非中断式弹窗组件。
+
+| Name                 | Description                                                                                                                                                               | Type                                                           | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| action               | A single action for the user (showLoader will override this)                                                                                                              | ButtonProps                                                    | no       | iOS/Android | yes               |
+| autoDismiss          | Time of milliseconds to automatically invoke the onDismiss callback                                                                                                       | number                                                         | no       | iOS/Android | yes               |
+| backgroundColor      | The toast background color                                                                                                                                                | string                                                         | no       | iOS/Android | yes               |
+| centerMessage        | Should message be centered in the toast                                                                                                                                   | boolean                                                        | no       | iOS/Android | yes               |
+| containerStyle       | Toast container style                                                                                                                                                     | ViewStyle                                                      | no       | iOS/Android | yes               |
+| elevation            | Android only. Custom elevation                                                                                                                                            | number                                                         | no       | Android     | no                |
+| enableHapticFeedback | Whether to trigger an haptic feedback once the toast is shown (requires react-native-haptic-feedback dependency)                                                          | boolean                                                        | no       | iOS/Android | yes               |
+| icon                 | A custom icon to render on the left side of the toast                                                                                                                     | ImageSourcePropType                                            | no       | iOS/Android | yes               |
+| iconColor            | The icon color                                                                                                                                                            | string                                                         | no       | iOS/Android | yes               |
+| message              | Toast message                                                                                                                                                             | string                                                         | no       | iOS/Android | yes               |
+| messageProps         | Toast message props                                                                                                                                                       | TextProps                                                      | no       | iOS/Android | yes               |
+| messageStyle         | Toast message style                                                                                                                                                       | StyleProp <TextStyle>                                          | no       | iOS/Android | yes               |
+| onAnimationEnd       | Callback for end of toast animation                                                                                                                                       | (visible?: boolean) => void                                    | no       | iOS/Android | yes               |
+| onDismiss            | Callback for the toast dismissal                                                                                                                                          | () => void                                                     | no       | iOS/Android | yes               |
+| position             | The position of the toast. 'top' or 'bottom'.                                                                                                                             | 'top' \| 'bottom'                                              | no       | iOS/Android | yes               |
+| preset               | Pass to have preset UI                                                                                                                                                    | ToastPreset ('success' \| 'failure' \| 'general' \| 'offline') | no       | iOS/Android | yes               |
+| renderAttachment     | Render a custom view that will appear permanently above or below a Toast, depends on the Toast's position and animate with it when the Toast is made visible or dismissed | () => JSX.Element \| undefined                                 | no       | iOS/Android | yes               |
+| showLoader           | Whether to show a loader                                                                                                                                                  | boolean                                                        | no       | iOS/Android | yes               |
+| style                | Toast style                                                                                                                                                               | ViewStyle                                                      | no       | iOS/Android | yes               |
+| swipeable            | Whether to support dismissing the toast with a swipe gesture. Requires to pass onDismiss method to control visibility                                                     | boolean                                                        | no       | iOS/Android | yes               |
+| testID               | The component test id                                                                                                                                                     | string                                                         | no       | iOS/Android | yes               |
+| visible              | Whether to show or hide the toast                                                                                                                                         | boolean                                                        | no       | iOS/Android | yes               |
+| zIndex               | Custom zIndex for toast                                                                                                                                                   | number                                                         | no       | iOS/Android | yes               |
+
+**Dash**: 阔折现组件。
 
 | Name           | Description                           | Type      | Required | Platform    | HarmonyOS Support |
 | -------------- | ------------------------------------- | --------- | -------- | ----------- | ----------------- |
@@ -883,7 +884,7 @@ ohpm install
 | thickness      | The thickness of the dashes           | number    | no       | iOS/Android | yes               |
 | vertical       | Is the dashed line should be vertical | boolean   | no       | iOS/Android | yes               |
 
-**ExpandableSection**：展开收起组件。
+**ExpandableSection**: 展开收起组件。
 
 | Name          | Description                                              | Type            | Required | Platform    | HarmonyOS Support |
 | ------------- | -------------------------------------------------------- | --------------- | -------- | ----------- | ----------------- |
@@ -894,16 +895,16 @@ ohpm install
 | testID        | testing identifier                                       | string          | no       | iOS/Android | yes               |
 | top           | Should it open above the 'sectionHeader'                 | boolean         | no       | iOS/Android | yes               |
 
-**Fader**：渐变淡入淡出组件。
+**Fader**: 渐变淡入淡出组件。
 
-| Name      | Description                                        | Type                           | Required | Platform    | HarmonyOS Support |
-| --------- | -------------------------------------------------- | ------------------------------ | -------- | ----------- | ----------------- |
-| position  | The position of the fader (the image is different) | START  \|END \| TOP  \| BOTTOM | no       | iOS/Android | yes               |
-| size      | change the size of the fade view                   | number                         | no       | iOS/Android | yes               |
-| tintColor | Change the tint color of the fade view             | string                         | no       | iOS/Android | yes               |
-| visible   | Whether the fader is visible (default is true)     | boolean                        | no       | iOS/Android | yes               |
+| Name      | Description                                        | Type                         | Required | Platform    | HarmonyOS Support |
+| --------- | -------------------------------------------------- | ---------------------------- | -------- | ----------- | ----------------- |
+| position  | The position of the fader (the image is different) | START \|END \| TOP \| BOTTOM | no       | iOS/Android | yes               |
+| size      | change the size of the fade view                   | number                       | no       | iOS/Android | yes               |
+| tintColor | Change the tint color of the fade view             | string                       | no       | iOS/Android | yes               |
+| visible   | Whether the fader is visible (default is true)     | boolean                      | no       | iOS/Android | yes               |
 
-**Gradient**：渐变色组件。
+**Gradient**: 渐变色组件。
 
 | Name          | Description                       | Type          | Required | Platform    | HarmonyOS Support |
 | ------------- | --------------------------------- | ------------- | -------- | ----------- | ----------------- |
@@ -912,131 +913,131 @@ ohpm install
 | style         | Additional style to the component | ViewStyle     | no       | iOS/Android | yes               |
 | type          | hue \| lightness \| saturation    | GradientTypes | no       | iOS/Android | yes               |
 
-**KeyboardAccessoryView**：键盘附件视图。
+**KeyboardAccessoryView**: 键盘附件视图。
 
-| Name                  | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
-| kbComponent           | The keyboard ID (the componentID sent to KeyboardRegistry)   | string                   | no       | iOS/Android | no                |
-| kbInitialProps        | The props that will be sent to the KeyboardComponent         | any                      | no       | iOS/Android | no                |
+| Name                  | Description                                                                                                | Type                     | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------ | -------- | ----------- | ----------------- |
+| kbComponent           | The keyboard ID (the componentID sent to KeyboardRegistry)                                                 | string                   | no       | iOS/Android | no                |
+| kbInitialProps        | The props that will be sent to the KeyboardComponent                                                       | any                      | no       | iOS/Android | no                |
 | kbInputRef            | iOS only. The reference to the actual text input (or the keyboard may not reset when instructed to, etc.). | any                      | no       | iOS         | no                |
-| onHeightChanged       | A callback for when the height is changed                    | (height: number) => void | no       | iOS/Android | no                |
-| onItemSelected        | Callback that will be called when an item on the keyboard has been pressed. | () => void               | no       | iOS/Android | no                |
-| onKeyboardResigned    | Callback that will be called once the keyboard has been closed | () => void               | no       | iOS/Android | no                |
-| onRequestShowKeyboard | Callback that will be called if KeyboardRegistry.requestShowKeyboard is called. | () => void               | no       | iOS/Android | no                |
-| renderContent         | Content to be rendered above the keyboard                    | () => React.ReactElement | no       | iOS/Android | yes               |
+| onHeightChanged       | A callback for when the height is changed                                                                  | (height: number) => void | no       | iOS/Android | no                |
+| onItemSelected        | Callback that will be called when an item on the keyboard has been pressed.                                | () => void               | no       | iOS/Android | no                |
+| onKeyboardResigned    | Callback that will be called once the keyboard has been closed                                             | () => void               | no       | iOS/Android | no                |
+| onRequestShowKeyboard | Callback that will be called if KeyboardRegistry.requestShowKeyboard is called.                            | () => void               | no       | iOS/Android | no                |
+| renderContent         | Content to be rendered above the keyboard                                                                  | () => React.ReactElement | no       | iOS/Android | yes               |
 
-**KeyboardAwareInsetsView**：用于在使用键盘时添加插入，可能会隐藏部分屏幕，该组件扩展了[KeyboardTrackingView](https://wix.github.io/react-native-ui-lib/docs/components/infra/KeyboardTrackingView)属性，此组件仅适用与iOS。
+**KeyboardAwareInsetsView**: 用于在使用键盘时添加插入，可能会隐藏部分屏幕，该组件扩展了[KeyboardTrackingView](https://wix.github.io/react-native-ui-lib/docs/components/infra/KeyboardTrackingView)属性，此组件仅适用与 iOS。
 
-| Name                    | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
-| ----------------------- | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
+| Name                    | Description                                                                     | Type      | Required | Platform | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------------------------- | --------- | -------- | -------- | ----------------- |
 | KeyboardAwareInsetsView | Used to add an inset when a keyboard is used and might hide part of the screen. | Component | no       | iOS      | no                |
 
-**KeyboardRegistry**：用于注册键盘并在键盘上执行某些操作。
+**KeyboardRegistry**: 用于注册键盘并在键盘上执行某些操作。
 
-| Name                | Description                                                  | Type            | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------------------------------------------ | --------------- | -------- | ----------- | ----------------- |
-| addListener         | Add a listener for a callback. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') callback (function) - the callback to be called when the said event happens | static function | no       | iOS/Android | yes               |
-| getAllKeyboards     | Get all keyboards                                            | static function | no       | iOS/Android | yes               |
-| getKeyboard         | Get a specific keyboard componentID (string) - the ID of the keyboard. | static function | no       | iOS/Android | yes               |
-| getKeyboards        | Get keyboards by IDs componentIDs (string[]) - the ID of the keyboard. | static function | no       | iOS/Android | yes               |
-| notifyListeners     | Notify that an event has occurred. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') args (object) - data to be sent to the listener. | static function | no       | iOS/Android | yes               |
-| onItemSelected      | Default event to be used for when an item on the keyboard has been pressed. componentID (string) - the ID of the keyboard. args (object) - data to be sent to the listener. | static function | no       | iOS/Android | yes               |
+| Name                | Description                                                                                                                                                                                                                                    | Type            | Required | Platform    | HarmonyOS Support |
+| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | -------- | ----------- | ----------------- |
+| addListener         | Add a listener for a callback. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') callback (function) - the callback to be called when the said event happens   | static function | no       | iOS/Android | yes               |
+| getAllKeyboards     | Get all keyboards                                                                                                                                                                                                                              | static function | no       | iOS/Android | yes               |
+| getKeyboard         | Get a specific keyboard componentID (string) - the ID of the keyboard.                                                                                                                                                                         | static function | no       | iOS/Android | yes               |
+| getKeyboards        | Get keyboards by IDs componentIDs (string[]) - the ID of the keyboard.                                                                                                                                                                         | static function | no       | iOS/Android | yes               |
+| notifyListeners     | Notify that an event has occurred. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') args (object) - data to be sent to the listener.                          | static function | no       | iOS/Android | yes               |
+| onItemSelected      | Default event to be used for when an item on the keyboard has been pressed. componentID (string) - the ID of the keyboard. args (object) - data to be sent to the listener.                                                                    | static function | no       | iOS/Android | yes               |
 | registerKeyboard    | Register a new keyboard. componentID (string) - the ID of the keyboard. generator (function) - a function for the creation of the keyboard. params (object) - to be returned when using other methods (i.e. getKeyboards and getAllKeyboards). | static function | no       | iOS/Android | yes               |
-| removeListeners     | Remove a listener for a callback. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected') | static function | no       | iOS/Android | yes               |
-| requestShowKeyboard | Request to show the keyboard componentID (string) - the ID of the keyboard. | static function | no       | iOS/Android | yes               |
-
-**KeyboardTrackingView**：为该视图及其子视图启用“键盘跟踪”的 UI 组件。通常用于该视图内有 TextField 或 TextInput 的情况，该组件仅适用于iOS。
-
-| Name                                 | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
-| ------------------------------------ | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
-| addBottomView                        | Add a view beneath the KeyboardAccessoryView.                | boolean   | no       | iOS      | no                |
-| allowHitsOutsideBounds               | Allow hitting sub-views that are placed beyond the view bounds. | boolean   | no       | iOS      | no                |
-| bottomViewColor                      | The bottom view's color.                                     | string    | no       | iOS      | no                |
-| manageScrollView                     | Set to false to turn off inset management and manage it yourself. | boolean   | no       | iOS      | no                |
-| ref                                  | Ref                                                          | any       | no       | iOS      | no                |
-| requiresSameParentToManageScrollView | Set to true manageScrollView is set to true and still does not work, it means that the ScrollView found is the wrong one and you'll have to have the KeyboardAccessoryView and the ScrollView as siblings and set this to true. | boolean   | no       | iOS      | no                |
-| revealKeyboardInteractive            | Show the keyboard on a negative scroll.                      | boolean   | no       | iOS      | no                |
-| scrollBehavior                       | The scrolling behavior (use KeyboardTrackingView. scrollBehaviors.NONE \|SCROLL_TO_BOTTOM_INVERTED_ONLY \| FIXED_OFFSET) | number    | no       | iOS      | no                |
-| scrollToFocusedInput                 | Should the scrollView scroll to the focused input            | boolean   | no       | iOS      | no                |
-| style                                | Style                                                        | ViewStyle | no       | iOS      | no                |
+| removeListeners     | Remove a listener for a callback. globalID (string) - ID that includes the componentID and the event name (i.e. if componentID='kb1' globalID='kb1.onItemSelected')                                                                            | static function | no       | iOS/Android | yes               |
+| requestShowKeyboard | Request to show the keyboard componentID (string) - the ID of the keyboard.                                                                                                                                                                    | static function | no       | iOS/Android | yes               |
+
+**KeyboardTrackingView**: 为该视图及其子视图启用“键盘跟踪”的 UI 组件。通常用于该视图内有 TextField 或 TextInput 的情况，该组件仅适用于 iOS。
+
+| Name                                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Type      | Required | Platform | HarmonyOS Support |
+| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | -------- | ----------------- |
+| addBottomView                        | Add a view beneath the KeyboardAccessoryView.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | boolean   | no       | iOS      | no                |
+| allowHitsOutsideBounds               | Allow hitting sub-views that are placed beyond the view bounds.                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | boolean   | no       | iOS      | no                |
+| bottomViewColor                      | The bottom view's color.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | string    | no       | iOS      | no                |
+| manageScrollView                     | Set to false to turn off inset management and manage it yourself.                                                                                                                                                                                                                                                                                                                                                                                                                                                               | boolean   | no       | iOS      | no                |
+| ref                                  | Ref                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | any       | no       | iOS      | no                |
+| requiresSameParentToManageScrollView | Set to true manageScrollView is set to true and still does not work, it means that the ScrollView found is the wrong one and you'll have to have the KeyboardAccessoryView and the ScrollView as siblings and set this to true.                                                                                                                                                                                                                                                                                                 | boolean   | no       | iOS      | no                |
+| revealKeyboardInteractive            | Show the keyboard on a negative scroll.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | boolean   | no       | iOS      | no                |
+| scrollBehavior                       | The scrolling behavior (use KeyboardTrackingView. scrollBehaviors.NONE \|SCROLL_TO_BOTTOM_INVERTED_ONLY \| FIXED_OFFSET)                                                                                                                                                                                                                                                                                                                                                                                                        | number    | no       | iOS      | no                |
+| scrollToFocusedInput                 | Should the scrollView scroll to the focused input                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | boolean   | no       | iOS      | no                |
+| style                                | Style                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | ViewStyle | no       | iOS      | no                |
 | trackInteractive                     | Enables tracking of the keyboard when it's dismissed interactively (false by default). Why? When using an external keyboard (BT), you still get the keyboard events and the view just hovers when you focus the input. Also, if you're not using interactive style of dismissing the keyboard (or if you don't have an input inside this view) it doesn't make sense to track it anyway. (This is caused because of the usage of inputAccessory to be able to track the keyboard interactive change and it introduces this bug) | boolean   | no       | iOS      | no                |
-| useSafeArea                          | Whether or not to handle SafeArea.                           | boolean   | no       | iOS      | no                |
-| usesBottomTabs                       | Whether or not to include bottom tab bar inset.              | boolean   | no       | iOS      | no                |
+| useSafeArea                          | Whether or not to handle SafeArea.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | boolean   | no       | iOS      | no                |
+| usesBottomTabs                       | Whether or not to include bottom tab bar inset.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | boolean   | no       | iOS      | no                |
 
-**Overlay**：带类型覆盖视图，为Image组件属性，扩展了[image](https://reactnative.dev/docs/image)组件。
+**Overlay**: 带类型覆盖视图，为 Image 组件属性，扩展了[image](https://reactnative.dev/docs/image)组件。
 
-| Name          | Description                                               | Type                                                  | Required | Platform    | HarmonyOS Support |
-| ------------- | --------------------------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
-| color         | The overlay color                                         | string                                                | no       | iOS/Android | yes               |
-| customContent | Custom overlay content to be rendered on top of the image | JSX.Element                                           | no       | iOS/Android | yes               |
-| intensity     | The intensity of the gradient.                            | low \|medium \|high                                   | no       | iOS/Android | yes               |
-| type          | The type of overlay to set on top of the image            | vertical \| top  \| bottom \| solid (OverlayTypeType) | no       | iOS/Android | yes               |
+| Name          | Description                                               | Type                                                 | Required | Platform    | HarmonyOS Support |
+| ------------- | --------------------------------------------------------- | ---------------------------------------------------- | -------- | ----------- | ----------------- |
+| color         | The overlay color                                         | string                                               | no       | iOS/Android | yes               |
+| customContent | Custom overlay content to be rendered on top of the image | JSX.Element                                          | no       | iOS/Android | yes               |
+| intensity     | The intensity of the gradient.                            | low \|medium \|high                                  | no       | iOS/Android | yes               |
+| type          | The type of overlay to set on top of the image            | vertical \| top \| bottom \| solid (OverlayTypeType) | no       | iOS/Android | yes               |
 
-**Card**：卡片组件，扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)组件，依赖[@react-native-community/blur](/zh-cn/react-native-community-blur.md)。
+**Card**: 卡片组件，扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)组件，依赖[@react-native-community/blur](/zh-cn/react-native-community-blur.md)。
 
-| Name             | Description                                                  | Type                 | Required | Platform    | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | -------------------- | -------- | ----------- | ----------------- |
+| Name             | Description                                                                                             | Type                 | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------------------------------------------------- | -------------------- | -------- | ----------- | ----------------- |
 | blurOptions      | Blur options for blur effect according to @react-native-community/blur lib (make sure enableBlur is on) | object               | no       | iOS/Android | yes               |
-| borderRadius     | Card border radius (will be passed to inner Card.Image component) | number               | no       | iOS/Android | yes               |
-| containerStyle   | Additional styles for the card container                     | ViewStyle            | no       | iOS/Android | yes               |
-| elevation        | Android only. Elevation value                                | number               | no       | Android     | no                |
-| enableBlur       | iOS only. Enable blur effect                                 | boolean              | no       | iOS         | no                |
-| enableShadow     | Whether the card should have shadow or not                   | boolean              | no       | iOS/Android | yes               |
-| height           | Card custom height                                           | number \| string     | no       | iOS/Android | yes               |
-| onPress          | Callback function for card press event                       | function             | no       | iOS/Android | yes               |
-| row              | Should inner card flow direction be horizontal               | boolean              | no       | iOS/Android | yes               |
-| selected         | Adds visual indication that the card is selected             | boolean              | no       | iOS/Android | yes               |
-| selectionOptions | Custom options for styling the selection indication          | CardSelectionOptions | no       | iOS/Android | yes               |
-| width            | Card custom width                                            | number  \| string    | no       | iOS/Android | yes               |
-
-**Card.Image**：Card 组件的内部组件（最好是直接子组件），扩展了[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件。
-
-| Name     | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| height   | Height                                                       | number   | no       | iOS/Android | yes               |
+| borderRadius     | Card border radius (will be passed to inner Card.Image component)                                       | number               | no       | iOS/Android | yes               |
+| containerStyle   | Additional styles for the card container                                                                | ViewStyle            | no       | iOS/Android | yes               |
+| elevation        | Android only. Elevation value                                                                           | number               | no       | Android     | no                |
+| enableBlur       | iOS only. Enable blur effect                                                                            | boolean              | no       | iOS         | no                |
+| enableShadow     | Whether the card should have shadow or not                                                              | boolean              | no       | iOS/Android | yes               |
+| height           | Card custom height                                                                                      | number \| string     | no       | iOS/Android | yes               |
+| onPress          | Callback function for card press event                                                                  | function             | no       | iOS/Android | yes               |
+| row              | Should inner card flow direction be horizontal                                                          | boolean              | no       | iOS/Android | yes               |
+| selected         | Adds visual indication that the card is selected                                                        | boolean              | no       | iOS/Android | yes               |
+| selectionOptions | Custom options for styling the selection indication                                                     | CardSelectionOptions | no       | iOS/Android | yes               |
+| width            | Card custom width                                                                                       | number \| string     | no       | iOS/Android | yes               |
+
+**Card.Image**: Card 组件的内部组件（最好是直接子组件），扩展了[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件。
+
+| Name     | Description                                                                                                                                                                                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| height   | Height                                                                                                                                                                                                                       | number   | no       | iOS/Android | yes               |
 | position | The Image position which determines the appropriate flex-ness of the image and border radius (for Android) this prop derived automatically from Card parent component if it rendered as a direct child of the Card component | string[] | no       | iOS/Android | yes               |
-| width    | Width                                                        | number   | no       | iOS/Android | yes               |
+| width    | Width                                                                                                                                                                                                                        | number   | no       | iOS/Android | yes               |
 
-**Card.Section**：用于在 Card 组件内轻松渲染内容的内部组件，扩展了[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)组件。
+**Card.Section**: 用于在 Card 组件内轻松渲染内容的内部组件，扩展了[View](https://wix.github.io/react-native-ui-lib/docs/components/basic/View)组件。
 
-| Name            | Description                                                  | Type                | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ------------------- | -------- | ----------- | ----------------- |
-| backgroundColor | Background color                                             | string              | no       | iOS/Android | yes               |
+| Name            | Description                                                                              | Type                | Required | Platform    | HarmonyOS Support |
+| --------------- | ---------------------------------------------------------------------------------------- | ------------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Background color                                                                         | string              | no       | iOS/Android | yes               |
 | content         | Text content. Example: content={[{text: 'You’re Invited!', text70: true, grey10: true}]} | ContentType[]       | no       | iOS/Android | yes               |
-| contentStyle    | Component's container style                                  | ViewStyle           | no       | iOS/Android | yes               |
-| imageProps      | Other image props that will be passed to the image           | ImageProps          | no       | iOS/Android | yes               |
-| imageSource     | Will be used for the background when provided                | ImageSourcePropType | no       | iOS/Android | yes               |
-| imageStyle      | The style for the background image                           | ImageStyle          | no       | iOS/Android | yes               |
-| leadingIcon     | Image props for a leading icon to render before the text     | ImageProps          | no       | iOS/Android | yes               |
-| trailingIcon    | Image props for a trailing icon to render after the text     | ImageProps          | no       | iOS/Android | yes               |
-
-**Carousel**：轮播组件，扩展了[ScrollView](https://reactnative.dev/docs/scrollview)组件。
-
-| Name                      | Description                                                  | Type                                    | Required | Platform    | HarmonyOS Support |
-| ------------------------- | ------------------------------------------------------------ | --------------------------------------- | -------- | ----------- | ----------------- |
-| allowAccessibleLayout     | Whether to layout Carousel for accessibility                 | boolean                                 | no       | iOS/Android | yes               |
-| animated                  | Should the container be animated (send the animation style via containerStyle) | boolean                                 | no       | iOS/Android | yes               |
+| contentStyle    | Component's container style                                                              | ViewStyle           | no       | iOS/Android | yes               |
+| imageProps      | Other image props that will be passed to the image                                       | ImageProps          | no       | iOS/Android | yes               |
+| imageSource     | Will be used for the background when provided                                            | ImageSourcePropType | no       | iOS/Android | yes               |
+| imageStyle      | The style for the background image                                                       | ImageStyle          | no       | iOS/Android | yes               |
+| leadingIcon     | Image props for a leading icon to render before the text                                 | ImageProps          | no       | iOS/Android | yes               |
+| trailingIcon    | Image props for a trailing icon to render after the text                                 | ImageProps          | no       | iOS/Android | yes               |
+
+**Carousel**: 轮播组件，扩展了[ScrollView](https://reactnative.dev/docs/scrollview)组件。
+
+| Name                      | Description                                                                                                                              | Type                                    | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | -------- | ----------- | ----------------- |
+| allowAccessibleLayout     | Whether to layout Carousel for accessibility                                                                                             | boolean                                 | no       | iOS/Android | yes               |
+| animated                  | Should the container be animated (send the animation style via containerStyle)                                                           | boolean                                 | no       | iOS/Android | yes               |
 | animatedScrollOffset      | Pass to attach to ScrollView's Animated.event in order to animated elements base on Carousel scroll offset (pass new Animated.ValueXY()) | Animated.ValueXY                        | no       | iOS/Android | yes               |
-| autoplay                  | Enable to switch automatically between the pages             | boolean                                 | no       | iOS/Android | yes               |
-| autoplayInterval          | Time is ms to wait before switching to the next page (requires 'autoplay' to be enabled) | number                                  | no       | iOS/Android | yes               |
-| containerMarginHorizontal | Horizontal margin for the carousel container                 | number                                  | no       | iOS/Android | yes               |
-| containerPaddingVertical  | Vertical padding for the carousel container (Sometimes needed when there are overflows that are cut in Android). | number                                  | no       | iOS/Android | yes               |
-| containerStyle            | The carousel container style                                 | ViewStyle                               | no       | iOS/Android | yes               |
-| counterTextStyle          | The counter's text style                                     | ViewStyle                               | no       | iOS/Android | yes               |
-| horizontal                | Whether pages will be rendered horizontally or vertically    | boolean                                 | no       | iOS/Android | yes               |
-| initialPage               | The initial page to start at                                 | number                                  | no       | iOS/Android | yes               |
-| itemSpacings              | The spacing between the pages                                | number                                  | no       | iOS/Android | yes               |
-| loop                      | If true, will have infinite scroll (works only for horizontal carousel) | boolean                                 | no       | iOS/Android | yes               |
-| onChangePage              | Callback for page change event                               | (pageIndex, oldPageIndex, info) => void | no       | iOS/Android | yes               |
-| onScroll                  | Attach a callback for onScroll event of the internal ScrollView | function                                | no       | iOS/Android | yes               |
-| pageControlPosition       | The position of the PageControl component ['over', 'under'], otherwise it won't display | PageControlPosition                     | no       | iOS/Android | yes               |
-| pageControlProps          | PageControl component props                                  | PageControlProps                        | no       | iOS/Android | yes               |
-| pageHeight                | The page height (all pages should have the same height).     | number                                  | no       | iOS/Android | yes               |
-| pageWidth                 | The page width (all pages should have the same width). Does not work if passing 'loop' prop | number                                  | no       | iOS/Android | yes               |
-| pagingEnabled             | Will block multiple pages scroll (will not work with 'pageWidth' prop) | boolean                                 | no       | iOS/Android | yes               |
-| showCounter               | Whether to show a page counter (will not work with 'pageWidth' prop) | boolean                                 | no       | iOS/Android | yes               |
-
-**LoaderScreen**：全屏显示组件，通常用于页面加载loading，扩展了[Activityindicator](https://reactnative.dev/docs/activityindicator)组件。
+| autoplay                  | Enable to switch automatically between the pages                                                                                         | boolean                                 | no       | iOS/Android | yes               |
+| autoplayInterval          | Time is ms to wait before switching to the next page (requires 'autoplay' to be enabled)                                                 | number                                  | no       | iOS/Android | yes               |
+| containerMarginHorizontal | Horizontal margin for the carousel container                                                                                             | number                                  | no       | iOS/Android | yes               |
+| containerPaddingVertical  | Vertical padding for the carousel container (Sometimes needed when there are overflows that are cut in Android).                         | number                                  | no       | iOS/Android | yes               |
+| containerStyle            | The carousel container style                                                                                                             | ViewStyle                               | no       | iOS/Android | yes               |
+| counterTextStyle          | The counter's text style                                                                                                                 | ViewStyle                               | no       | iOS/Android | yes               |
+| horizontal                | Whether pages will be rendered horizontally or vertically                                                                                | boolean                                 | no       | iOS/Android | yes               |
+| initialPage               | The initial page to start at                                                                                                             | number                                  | no       | iOS/Android | yes               |
+| itemSpacings              | The spacing between the pages                                                                                                            | number                                  | no       | iOS/Android | yes               |
+| loop                      | If true, will have infinite scroll (works only for horizontal carousel)                                                                  | boolean                                 | no       | iOS/Android | yes               |
+| onChangePage              | Callback for page change event                                                                                                           | (pageIndex, oldPageIndex, info) => void | no       | iOS/Android | yes               |
+| onScroll                  | Attach a callback for onScroll event of the internal ScrollView                                                                          | function                                | no       | iOS/Android | yes               |
+| pageControlPosition       | The position of the PageControl component ['over', 'under'], otherwise it won't display                                                  | PageControlPosition                     | no       | iOS/Android | yes               |
+| pageControlProps          | PageControl component props                                                                                                              | PageControlProps                        | no       | iOS/Android | yes               |
+| pageHeight                | The page height (all pages should have the same height).                                                                                 | number                                  | no       | iOS/Android | yes               |
+| pageWidth                 | The page width (all pages should have the same width). Does not work if passing 'loop' prop                                              | number                                  | no       | iOS/Android | yes               |
+| pagingEnabled             | Will block multiple pages scroll (will not work with 'pageWidth' prop)                                                                   | boolean                                 | no       | iOS/Android | yes               |
+| showCounter               | Whether to show a page counter (will not work with 'pageWidth' prop)                                                                     | boolean                                 | no       | iOS/Android | yes               |
+
+**LoaderScreen**: 全屏显示组件，通常用于页面加载 loading，扩展了[Activityindicator](https://reactnative.dev/docs/activityindicator)组件。
 
 | Name            | Description                                                  | Type             | Required | Platform    | HarmonyOS Support |
 | --------------- | ------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
@@ -1048,73 +1049,73 @@ ohpm install
 | messageStyle    | message style                                                | TextStyle        | no       | iOS/Android | yes               |
 | overlay         | Show the screen as an absolute overlay                       | boolean          | no       | iOS/Android | yes               |
 
-**StackAggregator**：堆栈聚合器组件。
-
-| Name                  | Description                                                  | Type                         | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | ---------------------------- | -------- | ----------- | ----------------- |
-| buttonProps           | Props passed to the 'show less' button                       | ButtonProps                  | no       | iOS/Android | yes               |
-| children              | Component Children                                           | JSX.Element \| JSX.Element[] | no       | iOS/Android | yes               |
-| collapsed             | The initial state of the stack                               | boolean                      | no       | iOS/Android | yes               |
-| containerStyle        | The container style                                          | ViewStyle                    | no       | iOS/Android | yes               |
-| contentContainerStyle | The content container style                                  | ViewStyle                    | no       | iOS/Android | yes               |
-| disablePresses        | A setting that disables pressability on cards                | boolean                      | no       | iOS/Android | yes               |
-| itemBorderRadius      | The items border radius                                      | number                       | no       | iOS/Android | yes               |
-| onCollapseChanged     | A callback for collapse state change (value is collapsed state) | (changed: boolean) => void   | no       | iOS/Android | yes               |
+**StackAggregator**: 堆栈聚合器组件。
+
+| Name                  | Description                                                                 | Type                         | Required | Platform    | HarmonyOS Support |
+| --------------------- | --------------------------------------------------------------------------- | ---------------------------- | -------- | ----------- | ----------------- |
+| buttonProps           | Props passed to the 'show less' button                                      | ButtonProps                  | no       | iOS/Android | yes               |
+| children              | Component Children                                                          | JSX.Element \| JSX.Element[] | no       | iOS/Android | yes               |
+| collapsed             | The initial state of the stack                                              | boolean                      | no       | iOS/Android | yes               |
+| containerStyle        | The container style                                                         | ViewStyle                    | no       | iOS/Android | yes               |
+| contentContainerStyle | The content container style                                                 | ViewStyle                    | no       | iOS/Android | yes               |
+| disablePresses        | A setting that disables pressability on cards                               | boolean                      | no       | iOS/Android | yes               |
+| itemBorderRadius      | The items border radius                                                     | number                       | no       | iOS/Android | yes               |
+| onCollapseChanged     | A callback for collapse state change (value is collapsed state)             | (changed: boolean) => void   | no       | iOS/Android | yes               |
 | onCollapseWillChange  | A callback for collapse state will change (value is future collapsed state) | (changed: boolean) => void   | no       | iOS/Android | yes               |
-| onItemPress           | A callback for item press                                    | (index: number) => void      | no       | iOS/Android | yes               |
+| onItemPress           | A callback for item press                                                   | (index: number) => void      | no       | iOS/Android | yes               |
 
-**StateScreen**：显示全屏组件。
+**StateScreen**: 显示全屏组件。
 
-| Name        | Description                                                  | Type           | Required | Platform    | HarmonyOS Support |
-| ----------- | ------------------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
-| ctaLabel    | Text to to show in the CTA button                            | string         | no       | iOS/Android | yes               |
+| Name        | Description                                                                        | Type           | Required | Platform    | HarmonyOS Support |
+| ----------- | ---------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
+| ctaLabel    | Text to to show in the CTA button                                                  | string         | no       | iOS/Android | yes               |
 | imageSource | The image source that's showing at the top. use an image that was required locally | ImageURISource | no       | iOS/Android | yes               |
-| onCtaPress  | Action handler for CTA button                                | () => void     | no       | iOS/Android | yes               |
-| testID      | Use to identify the container in tests                       | string         | no       | iOS/Android | yes               |
-| title       | To to show as the title                                      | string         | no       | iOS/Android | yes               |
+| onCtaPress  | Action handler for CTA button                                                      | () => void     | no       | iOS/Android | yes               |
+| testID      | Use to identify the container in tests                                             | string         | no       | iOS/Android | yes               |
+| title       | To to show as the title                                                            | string         | no       | iOS/Android | yes               |
 
-**Drawer**：抽屉组件，如果您的应用程序与 RNN 配合使用，则您的屏幕必须使用“react-native-gesture-handler”中的gestureHandlerRootHOC 进行包装。请参阅[这里](https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html#with-wix-react-native-navigation-https-githubcom-wix-react-native-navigation)。
+**Drawer**: 抽屉组件，如果您的应用程序与 RNN 配合使用，则您的屏幕必须使用“react-native-gesture-handler”中的 gestureHandlerRootHOC 进行包装。请参阅[这里](https://kmagiera.github.io/react-native-gesture-handler/docs/getting-started.html#with-wix-react-native-navigation-https-githubcom-wix-react-native-navigation)。
 
-| Name                 | Description                                                  | Type                                                  | Required | Platform    | HarmonyOS Support |
-| -------------------- | ------------------------------------------------------------ | ----------------------------------------------------- | -------- | ----------- | ----------------- |
-| bounciness           | The drawer animation bounciness                              | number                                                | no       | iOS/Android | yes               |
+| Name                 | Description                                                                                   | Type                                                  | Required | Platform    | HarmonyOS Support |
+| -------------------- | --------------------------------------------------------------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
+| bounciness           | The drawer animation bounciness                                                               | number                                                | no       | iOS/Android | yes               |
 | customValue          | Custom value of any type to pass on to the component and receive back in the action callbacks | any                                                   | no       | iOS/Android | yes               |
-| disableHaptic        | Whether to disable the haptic                                | boolean                                               | no       | iOS/Android | yes               |
-| fullLeftThreshold    | Threshold for a left full swipe (0-1)                        | number                                                | no       | iOS/Android | yes               |
-| fullRightThreshold   | Threshold for a right full swipe (0-1)                       | number                                                | no       | iOS/Android | yes               |
-| fullSwipeLeft        | Whether to allow a full left swipe                           | boolean                                               | no       | iOS/Android | yes               |
-| fullSwipeRight       | Whether to allow a full right swipe                          | boolean                                               | no       | iOS/Android | yes               |
-| itemsIconSize        | The items' icon size                                         | number                                                | no       | iOS/Android | yes               |
-| itemsMinWidth        | Set a different minimum width                                | number                                                | no       | iOS/Android | yes               |
-| itemsTextStyle       | The items' text style                                        | TextStyle                                             | no       | iOS/Android | yes               |
-| itemsTintColor       | The color for the text and icon tint of the items            | string                                                | no       | iOS/Android | yes               |
-| leftItem             | The bottom layer's item to appear when opened from the left (a single item) | ItemProps                                             | no       | iOS/Android | yes               |
-| onDragStart          | Called when drag gesture starts                              | () => any                                             | no       | iOS/Android | yes               |
-| onFullSwipeLeft      | Callback for left item full swipe                            | () => void                                            | no       | iOS/Android | yes               |
-| onFullSwipeRight     | Callback for right item full swipe                           | () => void                                            | no       | iOS/Android | yes               |
-| onSwipeableWillClose | Callback for close action                                    | () => void                                            | no       | iOS/Android | yes               |
-| onSwipeableWillOpen  | Callback for open action                                     | () => void                                            | no       | iOS/Android | yes               |
-| onToggleSwipeLeft    | Callback for left item toggle swipe                          | () => {rowWidth, leftWidth, dragX, resetItemPosition} | no       | iOS/Android | yes               |
-| onWillFullSwipeLeft  | Callback for just before left item full swipe                | () => void                                            | no       | iOS/Android | yes               |
-| onWillFullSwipeRight | Callback for just before right item full swipe               | () => void                                            | no       | iOS/Android | yes               |
-| rightItems           | The bottom layer's items to appear when opened from the right | ItemProps[]                                           | no       | iOS/Android | yes               |
-| style                | Component's style                                            | ViewStyle                                             | no       | iOS/Android | yes               |
-| testID               | The test id for e2e tests                                    | string                                                | no       | iOS/Android | yes               |
-| useNativeAnimations  | Perform the animation in natively                            | boolean                                               | no       | iOS/Android | yes               |
-
-**GridList**：网格列表组件，扩展了[FlatList](https://reactnative.dev/docs/flatlist)组件。
-
-| Name                  | Description                                                  | Type                                | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
-| containerWidth        | Pass when you want to use a custom container width for calculation | number                              | no       | iOS/Android | yes               |
-| contentContainerStyle | Custom content container style                               | ScrollView[ contentContainerStyle ] | no       | iOS/Android | yes               |
-| itemSpacing           | Spacing between each item                                    | number                              | no       | iOS/Android | yes               |
+| disableHaptic        | Whether to disable the haptic                                                                 | boolean                                               | no       | iOS/Android | yes               |
+| fullLeftThreshold    | Threshold for a left full swipe (0-1)                                                         | number                                                | no       | iOS/Android | yes               |
+| fullRightThreshold   | Threshold for a right full swipe (0-1)                                                        | number                                                | no       | iOS/Android | yes               |
+| fullSwipeLeft        | Whether to allow a full left swipe                                                            | boolean                                               | no       | iOS/Android | yes               |
+| fullSwipeRight       | Whether to allow a full right swipe                                                           | boolean                                               | no       | iOS/Android | yes               |
+| itemsIconSize        | The items' icon size                                                                          | number                                                | no       | iOS/Android | yes               |
+| itemsMinWidth        | Set a different minimum width                                                                 | number                                                | no       | iOS/Android | yes               |
+| itemsTextStyle       | The items' text style                                                                         | TextStyle                                             | no       | iOS/Android | yes               |
+| itemsTintColor       | The color for the text and icon tint of the items                                             | string                                                | no       | iOS/Android | yes               |
+| leftItem             | The bottom layer's item to appear when opened from the left (a single item)                   | ItemProps                                             | no       | iOS/Android | yes               |
+| onDragStart          | Called when drag gesture starts                                                               | () => any                                             | no       | iOS/Android | yes               |
+| onFullSwipeLeft      | Callback for left item full swipe                                                             | () => void                                            | no       | iOS/Android | yes               |
+| onFullSwipeRight     | Callback for right item full swipe                                                            | () => void                                            | no       | iOS/Android | yes               |
+| onSwipeableWillClose | Callback for close action                                                                     | () => void                                            | no       | iOS/Android | yes               |
+| onSwipeableWillOpen  | Callback for open action                                                                      | () => void                                            | no       | iOS/Android | yes               |
+| onToggleSwipeLeft    | Callback for left item toggle swipe                                                           | () => {rowWidth, leftWidth, dragX, resetItemPosition} | no       | iOS/Android | yes               |
+| onWillFullSwipeLeft  | Callback for just before left item full swipe                                                 | () => void                                            | no       | iOS/Android | yes               |
+| onWillFullSwipeRight | Callback for just before right item full swipe                                                | () => void                                            | no       | iOS/Android | yes               |
+| rightItems           | The bottom layer's items to appear when opened from the right                                 | ItemProps[]                                           | no       | iOS/Android | yes               |
+| style                | Component's style                                                                             | ViewStyle                                             | no       | iOS/Android | yes               |
+| testID               | The test id for e2e tests                                                                     | string                                                | no       | iOS/Android | yes               |
+| useNativeAnimations  | Perform the animation in natively                                                             | boolean                                               | no       | iOS/Android | yes               |
+
+**GridList**: 网格列表组件，扩展了[FlatList](https://reactnative.dev/docs/flatlist)组件。
+
+| Name                  | Description                                                                                                                                | Type                                | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
+| containerWidth        | Pass when you want to use a custom container width for calculation                                                                         | number                              | no       | iOS/Android | yes               |
+| contentContainerStyle | Custom content container style                                                                                                             | ScrollView[ contentContainerStyle ] | no       | iOS/Android | yes               |
+| itemSpacing           | Spacing between each item                                                                                                                  | number                              | no       | iOS/Android | yes               |
 | keepItemSize          | whether to keep the items initial size when orientation changes, in which case the apt number of columns will be calculated automatically. | boolean                             | no       | iOS/Android | yes               |
-| listPadding           | List padding (used for item size calculation)                | number                              | no       | iOS/Android | yes               |
-| maxItemWidth          | Allow a responsive item width to the maximum item width      | number                              | no       | iOS/Android | yes               |
-| numColumns            | Number of items to show in a row (ignored when passing maxItemWidth) | number                              | no       | iOS/Android | yes               |
+| listPadding           | List padding (used for item size calculation)                                                                                              | number                              | no       | iOS/Android | yes               |
+| maxItemWidth          | Allow a responsive item width to the maximum item width                                                                                    | number                              | no       | iOS/Android | yes               |
+| numColumns            | Number of items to show in a row (ignored when passing maxItemWidth)                                                                       | number                              | no       | iOS/Android | yes               |
 
-**GridListItem**：单个网格视图/列表项组件。
+**GridListItem**: 单个网格视图/列表项组件。
 
 | Name                      | Description                                                 | Type                               | Required | Platform    | HarmonyOS Support |
 | ------------------------- | ----------------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
@@ -1143,20 +1144,20 @@ ohpm install
 | titleLines                | Title content number of lines                               | number                             | no       | iOS/Android | yes               |
 | titleTypography           | Title content typography                                    | string                             | no       | iOS/Android | yes               |
 
-**GridView**：网格视图组件。
+**GridView**: 网格视图组件。
 
-| Name                 | Description                                                  | Type                                            | Required | Platform    | HarmonyOS Support |
-| -------------------- | ------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
-| itemSpacing          | Spacing between each item                                    | number                                          | no       | iOS/Android | yes               |
-| items                | The list of items based on GridListItem props                | GridListItemProps[]                             | no       | iOS/Android | yes               |
+| Name                 | Description                                                                                                                                | Type                                            | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------- | -------- | ----------- | ----------------- |
+| itemSpacing          | Spacing between each item                                                                                                                  | number                                          | no       | iOS/Android | yes               |
+| items                | The list of items based on GridListItem props                                                                                              | GridListItemProps[]                             | no       | iOS/Android | yes               |
 | keepItemSize         | whether to keep the items initial size when orientation changes, in which case the apt number of columns will be calculated automatically. | boolean                                         | no       | iOS/Android | yes               |
-| lastItemLabel        | overlay label for the last item                              | string \| number                                | no       | iOS/Android | yes               |
-| lastItemOverlayColor | color of overlay label for the last item                     | string                                          | no       | iOS/Android | yes               |
-| numColumns           | Number of items to show in a row                             | number                                          | no       | iOS/Android | yes               |
-| renderCustomItem     | Pass to render a custom item                                 | (item: GridListItemProps) => React.ReactElement | no       | iOS/Android | yes               |
-| viewWidth            | pass the desired grid view width (will improve loading time) | number                                          | no       | iOS/Android | yes               |
+| lastItemLabel        | overlay label for the last item                                                                                                            | string \| number                                | no       | iOS/Android | yes               |
+| lastItemOverlayColor | color of overlay label for the last item                                                                                                   | string                                          | no       | iOS/Android | yes               |
+| numColumns           | Number of items to show in a row                                                                                                           | number                                          | no       | iOS/Android | yes               |
+| renderCustomItem     | Pass to render a custom item                                                                                                               | (item: GridListItemProps) => React.ReactElement | no       | iOS/Android | yes               |
+| viewWidth            | pass the desired grid view width (will improve loading time)                                                                               | number                                          | no       | iOS/Android | yes               |
 
-**ListItem**：列表中列表项组件，该组件扩展了[TouchableOpacity](https://reactnative.dev/docs/touchableopacity)属性。
+**ListItem**: 列表中列表项组件，该组件扩展了[TouchableOpacity](https://reactnative.dev/docs/touchableopacity)属性。
 
 | Name             | Description                                | Type                                                         | Required | Platform    | HarmonyOS Support |
 | ---------------- | ------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
@@ -1169,7 +1170,7 @@ ohpm install
 | testID           | The test id for e2e tests                  | string                                                       | no       | iOS/Android | yes               |
 | underlayColor    | The inner element pressed backgroundColor  | string                                                       | no       | iOS/Android | yes               |
 
-**ListItem.Part**：用于在 ListItem 内进行布局的子 ListItem 组件。
+**ListItem.Part**: 用于在 ListItem 内进行布局的子 ListItem 组件。
 
 | Name           | Description                                   | Type      | Required | Platform    | HarmonyOS Support |
 | -------------- | --------------------------------------------- | --------- | -------- | ----------- | ----------------- |
@@ -1180,38 +1181,38 @@ ohpm install
 | right          | this part content will be aligned to right    | boolean   | no       | iOS/Android | yes               |
 | row            | this part content direction will be row       | boolean   | no       | iOS/Android | yes               |
 
-**SortableGridList**：可排序网格列表组件，该组件扩展了[GridList](https://wix.github.io/react-native-ui-lib/docs/components/lists/GridList)组件属性。
+**SortableGridList**: 可排序网格列表组件，该组件扩展了[GridList](https://wix.github.io/react-native-ui-lib/docs/components/lists/GridList)组件属性。
 
-| Name          | Description                                                  | Type                                         | Required | Platform    | HarmonyOS Support |
-| ------------- | ------------------------------------------------------------ | -------------------------------------------- | -------- | ----------- | ----------------- |
+| Name          | Description                                                                                                                                                                                           | Type                                         | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | -------- | ----------- | ----------------- |
 | data          | Do not update 'data' in 'onOrderChange' (i.e. for each order change); only update it when you change the items (i.g. adding and removing an item). Data of items with an id prop as unique identifier | any[] & {id: string}                         | no       | iOS/Android | yes               |
-| extraData     | Pass any extra data that should trigger a re-render          | any                                          | no       | iOS/Android | yes               |
-| onOrderChange | Order change callback                                        | (newData: T[], newOrder: ItemsOrder) => void | no       | iOS/Android | yes               |
-| renderItem    | Custom render item callback                                  | FlatListProps ['renderItem']                 | no       | iOS/Android | yes               |
-
-**SortableList**：可排序列表组件，该组件扩展了[FlatList](https://reactnative.dev/docs/flatlist)组件属性。
-
-| Name          | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| data          | Do not update 'data' in 'onOrderChange' (i.e. for each order change); only update it when you change the items (i.g. adding and removing an item).The data of the list, with an id prop as unique identifier. | ItemT[] (ItemT extends {id: string})                         | no       | iOS/Android | yes               |
-| enableHaptic  | Whether to enable the haptic feedback. (please note that react-native-haptic-feedback does not support the specific haptic type on Android starting on an unknown version, you can use 1.8.2 for it to work properly) | boolean                                                      | no       | iOS/Android | yes               |
-| itemProps     | Extra props for the item.                                    | {margins?: {marginTop?: number; marginBottom?: number; marginLeft?: number; marginRight?: number}} | no       | iOS/Android | yes               |
-| onOrderChange | A callback to get the new order (or swapped items).          | (data: ItemT[]) => void                                      | no       | iOS/Android | yes               |
-| scale         | Scale the item once dragged.                                 | number                                                       | no       | iOS/Android | yes               |
-
-**Timeline**：时间线组件，该组件扩展了[View](https://reactnative.dev/docs/view)组件属性。
-
-| Name            | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
-| backgroundColor | Background color for the item                                | string                             | no       | iOS/Android | yes               |
-| bottomLine      | The bottom line props                                        | LineProps                          | no       | iOS/Android | yes               |
-| point           | The point props                                              | PointProps                         | no       | iOS/Android | yes               |
-| renderContent   | Custom content to render right to the timeline indicator     | any                                | no       | iOS/Android | yes               |
+| extraData     | Pass any extra data that should trigger a re-render                                                                                                                                                   | any                                          | no       | iOS/Android | yes               |
+| onOrderChange | Order change callback                                                                                                                                                                                 | (newData: T[], newOrder: ItemsOrder) => void | no       | iOS/Android | yes               |
+| renderItem    | Custom render item callback                                                                                                                                                                           | FlatListProps ['renderItem']                 | no       | iOS/Android | yes               |
+
+**SortableList**: 可排序列表组件，该组件扩展了[FlatList](https://reactnative.dev/docs/flatlist)组件属性。
+
+| Name          | Description                                                                                                                                                                                                           | Type                                                                                               | Required | Platform    | HarmonyOS Support |
+| ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| data          | Do not update 'data' in 'onOrderChange' (i.e. for each order change); only update it when you change the items (i.g. adding and removing an item).The data of the list, with an id prop as unique identifier.         | ItemT[] (ItemT extends {id: string})                                                               | no       | iOS/Android | yes               |
+| enableHaptic  | Whether to enable the haptic feedback. (please note that react-native-haptic-feedback does not support the specific haptic type on Android starting on an unknown version, you can use 1.8.2 for it to work properly) | boolean                                                                                            | no       | iOS/Android | yes               |
+| itemProps     | Extra props for the item.                                                                                                                                                                                             | {margins?: {marginTop?: number; marginBottom?: number; marginLeft?: number; marginRight?: number}} | no       | iOS/Android | yes               |
+| onOrderChange | A callback to get the new order (or swapped items).                                                                                                                                                                   | (data: ItemT[]) => void                                                                            | no       | iOS/Android | yes               |
+| scale         | Scale the item once dragged.                                                                                                                                                                                          | number                                                                                             | no       | iOS/Android | yes               |
+
+**Timeline**: 时间线组件，该组件扩展了[View](https://reactnative.dev/docs/view)组件属性。
+
+| Name            | Description                                                                              | Type                               | Required | Platform    | HarmonyOS Support |
+| --------------- | ---------------------------------------------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor | Background color for the item                                                            | string                             | no       | iOS/Android | yes               |
+| bottomLine      | The bottom line props                                                                    | LineProps                          | no       | iOS/Android | yes               |
+| point           | The point props                                                                          | PointProps                         | no       | iOS/Android | yes               |
+| renderContent   | Custom content to render right to the timeline indicator                                 | any                                | no       | iOS/Android | yes               |
 | state           | The state of the timeline. Will affect the color of the indication (use static 'states') | current \| next \| error \|success | no       | iOS/Android | yes               |
-| testID          | The test id for e2e tests                                    | string                             | no       | iOS/Android | yes               |
-| topLine         | The top line props                                           | LineProps                          | no       | iOS/Android | yes               |
+| testID          | The test id for e2e tests                                                                | string                             | no       | iOS/Android | yes               |
+| topLine         | The top line props                                                                       | LineProps                          | no       | iOS/Android | yes               |
 
-**AnimatedImage**：图像加载后以动画淡入的图像组件，该组件扩展了[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件属性。
+**AnimatedImage**: 图像加载后以动画淡入的图像组件，该组件扩展了[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件属性。
 
 | Name              | Description                                              | Type        | Required | Platform    | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
@@ -1219,7 +1220,7 @@ ohpm install
 | containerStyle    | Additional spacing styles for the container              | ViewStyle   | no       | iOS/Android | yes               |
 | loader            | A component to render while the image is loading         | JSX.element | no       | iOS/Android | yes               |
 
-**AnimatedScanner**：该组件扩展了[Animated.View](https://reactnative.dev/docs/animated)组件属性。
+**AnimatedScanner**: 该组件扩展了[Animated.View](https://reactnative.dev/docs/animated)组件属性。
 
 | Name            | Description                                              | Type                         | Required | Platform    | HarmonyOS Support |
 | --------------- | -------------------------------------------------------- | ---------------------------- | -------- | ----------- | ----------------- |
@@ -1232,37 +1233,37 @@ ohpm install
 | progress        | Animated value between 0 and 100                         | number                       | no       | iOS/Android | yes               |
 | testID          | Used as a testing identifier                             | string                       | no       | iOS/Android | yes               |
 
-**Avatar**：头像组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)，[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件属性。
-
-| Name             | Description                                                  | Type                                              | Required | Platform    | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------ | ------------------------------------------------- | -------- | ----------- | ----------------- |
-| animate          | Adds fade in animation when Avatar image loads               | boolean                                           | no       | iOS/Android | yes               |
-| autoColorsConfig | Send this to use the name to infer a backgroundColor         | AutoColorsProps                                   | no       | iOS/Android | yes               |
-| backgroundColor  | Background color for Avatar                                  | string                                            | no       | iOS/Android | yes               |
-| badgePosition    | Badge location on Avatar                                     | TOP_RIGHT \|TOP_LEFT \|BOTTOM_RIGHT \|BOTTOM_LEFT | no       | iOS/Android | yes               |
-| badgeProps       | Badge props passed down to Badge component                   | BadgeProps                                        | no       | iOS/Android | yes               |
-| containerStyle   | Additional spacing styles for the container                  | ViewStyle                                         | no       | iOS/Android | yes               |
-| customRibbon     | Custom ribbon                                                | JSX.Element                                       | no       | iOS/Android | yes               |
-| imageProps       | Image props object                                           | ImageProps                                        | no       | iOS/Android | yes               |
-| imageStyle       | Image style object used to pass additional style props by components which render image | ImageStyle                                        | no       | iOS/Android | yes               |
-| isOnline         | Determine if to show online badge                            | boolean                                           | no       | iOS/Android | yes               |
-| label            | Label that can represent initials                            | string                                            | no       | iOS/Android | yes               |
-| labelColor       | The label color                                              | string                                            | no       | iOS/Android | yes               |
+**Avatar**: 头像组件，该组件扩展了[TouchableOpacity](https://wix.github.io/react-native-ui-lib/docs/components/basic/TouchableOpacity)，[Image](https://wix.github.io/react-native-ui-lib/docs/components/media/Image)组件属性。
+
+| Name             | Description                                                                                                                                                                          | Type                                              | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------- | -------- | ----------- | ----------------- |
+| animate          | Adds fade in animation when Avatar image loads                                                                                                                                       | boolean                                           | no       | iOS/Android | yes               |
+| autoColorsConfig | Send this to use the name to infer a backgroundColor                                                                                                                                 | AutoColorsProps                                   | no       | iOS/Android | yes               |
+| backgroundColor  | Background color for Avatar                                                                                                                                                          | string                                            | no       | iOS/Android | yes               |
+| badgePosition    | Badge location on Avatar                                                                                                                                                             | TOP_RIGHT \|TOP_LEFT \|BOTTOM_RIGHT \|BOTTOM_LEFT | no       | iOS/Android | yes               |
+| badgeProps       | Badge props passed down to Badge component                                                                                                                                           | BadgeProps                                        | no       | iOS/Android | yes               |
+| containerStyle   | Additional spacing styles for the container                                                                                                                                          | ViewStyle                                         | no       | iOS/Android | yes               |
+| customRibbon     | Custom ribbon                                                                                                                                                                        | JSX.Element                                       | no       | iOS/Android | yes               |
+| imageProps       | Image props object                                                                                                                                                                   | ImageProps                                        | no       | iOS/Android | yes               |
+| imageStyle       | Image style object used to pass additional style props by components which render image                                                                                              | ImageStyle                                        | no       | iOS/Android | yes               |
+| isOnline         | Determine if to show online badge                                                                                                                                                    | boolean                                           | no       | iOS/Android | yes               |
+| label            | Label that can represent initials                                                                                                                                                    | string                                            | no       | iOS/Android | yes               |
+| labelColor       | The label color                                                                                                                                                                      | string                                            | no       | iOS/Android | yes               |
 | name             | The name of the avatar user. If no label is provided, the initials will be generated from the name. autoColorsConfig will use the name to create the background color of the Avatar. | string                                            | no       | iOS/Android | yes               |
-| onImageLoadEnd   | Listener-callback for when an image's (uri) loading either succeeds or fails (equiv. to Image.onLoadEnd()). | ImagePropsBase ['onLoadEnd']                      | no       | iOS/Android | yes               |
-| onImageLoadError | Listener-callback for when an image's (uri) loading fails (equiv. to Image.onError()). | ImagePropsBase ['onError']                        | no       | iOS/Android | yes               |
-| onImageLoadStart | Listener-callback for when an image's (uri) loading starts (equiv. to Image.onLoadStart()). | ImagePropsBase ['onLoadStart']                    | no       | iOS/Android | yes               |
-| onPress          | Press handler                                                | (props: any) => void                              | no       | iOS/Android | yes               |
-| ribbonLabel      | Ribbon label to display on the avatar                        | string                                            | no       | iOS/Android | yes               |
-| ribbonLabelStyle | Ribbon label custom style                                    | TextStyle                                         | no       | iOS/Android | yes               |
-| ribbonStyle      | Ribbon custom style                                          | ViewStyle                                         | no       | iOS/Android | yes               |
-| size             | Custom size for the Avatar                                   | number                                            | no       | iOS/Android | yes               |
-| source           | The image source (external or from assets)                   | ImageSourcePropType                               | no       | iOS/Android | yes               |
-| status           | AWAY, ONLINE, OFFLINE or NONE mode (if set to a value other then 'NONE' will override isOnline prop) | StatusModes                                       | no       | iOS/Android | yes               |
-| testID           | Test identifier                                              | string                                            | no       | iOS/Android | yes               |
-| useAutoColors    | Hash the name (or label) to get a color, so each name will have a specific color. Default is false. | boolean                                           | no       | iOS/Android | yes               |
-
-**Icon**：图标组件，该组件扩展了[Image](https://reactnative.dev/docs/image)组件属性。
+| onImageLoadEnd   | Listener-callback for when an image's (uri) loading either succeeds or fails (equiv. to Image.onLoadEnd()).                                                                          | ImagePropsBase ['onLoadEnd']                      | no       | iOS/Android | yes               |
+| onImageLoadError | Listener-callback for when an image's (uri) loading fails (equiv. to Image.onError()).                                                                                               | ImagePropsBase ['onError']                        | no       | iOS/Android | yes               |
+| onImageLoadStart | Listener-callback for when an image's (uri) loading starts (equiv. to Image.onLoadStart()).                                                                                          | ImagePropsBase ['onLoadStart']                    | no       | iOS/Android | yes               |
+| onPress          | Press handler                                                                                                                                                                        | (props: any) => void                              | no       | iOS/Android | yes               |
+| ribbonLabel      | Ribbon label to display on the avatar                                                                                                                                                | string                                            | no       | iOS/Android | yes               |
+| ribbonLabelStyle | Ribbon label custom style                                                                                                                                                            | TextStyle                                         | no       | iOS/Android | yes               |
+| ribbonStyle      | Ribbon custom style                                                                                                                                                                  | ViewStyle                                         | no       | iOS/Android | yes               |
+| size             | Custom size for the Avatar                                                                                                                                                           | number                                            | no       | iOS/Android | yes               |
+| source           | The image source (external or from assets)                                                                                                                                           | ImageSourcePropType                               | no       | iOS/Android | yes               |
+| status           | AWAY, ONLINE, OFFLINE or NONE mode (if set to a value other then 'NONE' will override isOnline prop)                                                                                 | StatusModes                                       | no       | iOS/Android | yes               |
+| testID           | Test identifier                                                                                                                                                                      | string                                            | no       | iOS/Android | yes               |
+| useAutoColors    | Hash the name (or label) to get a color, so each name will have a specific color. Default is false.                                                                                  | boolean                                           | no       | iOS/Android | yes               |
+
+**Icon**: 图标组件，该组件扩展了[Image](https://reactnative.dev/docs/image)组件属性。
 
 | Name        | Description                                              | Type              | Required | Platform    | HarmonyOS Support |
 | ----------- | -------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
@@ -1273,27 +1274,27 @@ ohpm install
 | supportRTL  | whether the image should flip horizontally on RTL locals | boolean           | no       | iOS/Android | yes               |
 | tintColor   | The icon tint                                            | string            | no       | iOS/Android | yes               |
 
-**Image**：图片组件，该组件扩展了[Image](https://reactnative.dev/docs/image)组件属性。
-
-| Name                   | Description                                                  | Type                                | Required | Platform    | HarmonyOS Support |
-| ---------------------- | ------------------------------------------------------------ | ----------------------------------- | -------- | ----------- | ----------------- |
-| aspectRatio            | The aspect ratio for the image                               | number                              | no       | iOS/Android | yes               |
-| assetGroup             | the asset group, default is icons                            | string                              | no       | iOS/Android | yes               |
-| assetName              | if provided image source will be driven from asset name      | string                              | no       | iOS/Android | yes               |
-| cover                  | Show image as a cover, full width, image (according to aspect ratio, default: 16:8) | boolean                             | no       | iOS/Android | yes               |
-| customOverlayContent   | Render an overlay with custom content                        | JSX.Element                         | no       | iOS/Android | yes               |
-| errorSource            | Default image source in case of an error                     | ImageSourcePropType                 | no       | iOS/Android | yes               |
-| imageId                | An imageId that can be used in sourceTransformer logic       | string                              | no       | iOS/Android | yes               |
-| overlayColor           | Pass a custom color for the overlay                          | string                              | no       | iOS/Android | yes               |
-| overlayIntensity       | OverlayIntensityType                                         | LOW \|MEDIUM \|HIGH                 | no       | iOS/Android | yes               |
-| overlayType            | the image MUST have proper size, The type of overlay to place on top of the image. | VERTICAL \|TOP \|BOTTOM \|SOLID     | no       | iOS/Android | yes               |
-| recorderTag            | Recorder Tag                                                 | 'mask' \| 'unmask'                  | no       | iOS/Android | yes               |
-| sourceTransformer      | custom source transform handler for manipulating the image source (great for size control) | (props: any) => ImageSourcePropType | no       | iOS/Android | yes               |
-| supportRTL             | whether the image should flip horizontally on RTL locals     | boolean                             | no       | iOS/Android | yes               |
-| tintColor              | the asset tint                                               | string                              | no       | iOS/Android | yes               |
+**Image**: 图片组件，该组件扩展了[Image](https://reactnative.dev/docs/image)组件属性。
+
+| Name                   | Description                                                                                                                                                       | Type                                | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------- | -------- | ----------- | ----------------- |
+| aspectRatio            | The aspect ratio for the image                                                                                                                                    | number                              | no       | iOS/Android | yes               |
+| assetGroup             | the asset group, default is icons                                                                                                                                 | string                              | no       | iOS/Android | yes               |
+| assetName              | if provided image source will be driven from asset name                                                                                                           | string                              | no       | iOS/Android | yes               |
+| cover                  | Show image as a cover, full width, image (according to aspect ratio, default: 16:8)                                                                               | boolean                             | no       | iOS/Android | yes               |
+| customOverlayContent   | Render an overlay with custom content                                                                                                                             | JSX.Element                         | no       | iOS/Android | yes               |
+| errorSource            | Default image source in case of an error                                                                                                                          | ImageSourcePropType                 | no       | iOS/Android | yes               |
+| imageId                | An imageId that can be used in sourceTransformer logic                                                                                                            | string                              | no       | iOS/Android | yes               |
+| overlayColor           | Pass a custom color for the overlay                                                                                                                               | string                              | no       | iOS/Android | yes               |
+| overlayIntensity       | OverlayIntensityType                                                                                                                                              | LOW \|MEDIUM \|HIGH                 | no       | iOS/Android | yes               |
+| overlayType            | the image MUST have proper size, The type of overlay to place on top of the image.                                                                                | VERTICAL \|TOP \|BOTTOM \|SOLID     | no       | iOS/Android | yes               |
+| recorderTag            | Recorder Tag                                                                                                                                                      | 'mask' \| 'unmask'                  | no       | iOS/Android | yes               |
+| sourceTransformer      | custom source transform handler for manipulating the image source (great for size control)                                                                        | (props: any) => ImageSourcePropType | no       | iOS/Android | yes               |
+| supportRTL             | whether the image should flip horizontally on RTL locals                                                                                                          | boolean                             | no       | iOS/Android | yes               |
+| tintColor              | the asset tint                                                                                                                                                    | string                              | no       | iOS/Android | yes               |
 | useBackgroundContainer | Use a container for the Image, this can solve issues on Android when animation needs to be performed on the same view; i.e. animation related crashes on Android. | boolean                             | no       | iOS/Android | yes               |
 
-**Marquee**：滑动文本组件。
+**Marquee**: 滑动文本组件。
 
 | Name           | Description                             | Type               | Required | Platform    | HarmonyOS Support |
 | -------------- | --------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
@@ -1304,45 +1305,45 @@ ohpm install
 | labelStyle     | Marquee label style                     | TextProps['style'] | no       | iOS/Android | yes               |
 | numberOfReps   | Marquee animation number of repetitions | number             | no       | iOS/Android | yes               |
 
-**ProgressiveImage**：带动画的图像组件，该组件扩展了[AnimatedImage](https://wix.github.io/react-native-ui-lib/docs/components/media/AnimatedImage)组件属性。
+**ProgressiveImage**: 带动画的图像组件，该组件扩展了[AnimatedImage](https://wix.github.io/react-native-ui-lib/docs/components/media/AnimatedImage)组件属性。
 
-| Name            | Description                                                  | Type        | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
+| Name            | Description                                                            | Type        | Required | Platform    | HarmonyOS Support |
+| --------------- | ---------------------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
 | thumbnailSource | Small thumbnail source to display while the full-size image is loading | ImageSource | no       | iOS/Android | yes               |
 
-**PageControl**：页面指示器组件。
-
-| Name            | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
-| color           | Color of the selected page dot and, if inactiveColor not passed, the border of the not selected pages | string                             | no       | iOS/Android | yes               |
-| containerStyle  | Additional styles for the top container                      | ViewStyle                          | no       | iOS/Android | yes               |
-| currentPage     | Zero-based index of the current page                         | number                             | no       | iOS/Android | yes               |
-| enlargeActive   | Whether to enlarge the active page indicator. Irrelevant when limitShownPages is in effect. | boolean                            | no       | iOS/Android | yes               |
-| inactiveColor   | Color of the unselected page dots and the border of the not selected pages | string                             | no       | iOS/Android | yes               |
-| limitShownPages | Limit the number of page indicators shown.\enlargeActive prop is disabled in this state, when set to true there will be maximum of 7 shown.\Only relevant when numOfPages > 5. | boolean                            | no       | iOS/Android | yes               |
-| numOfPages      | Total number of pages                                        | number                             | no       | iOS/Android | yes               |
-| onPagePress     | Action handler for clicking on a page indicator              | (index: number) => void            | no       | iOS/Android | yes               |
+**PageControl**: 页面指示器组件。
+
+| Name            | Description                                                                                                                                                                                                 | Type                               | Required | Platform    | HarmonyOS Support |
+| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
+| color           | Color of the selected page dot and, if inactiveColor not passed, the border of the not selected pages                                                                                                       | string                             | no       | iOS/Android | yes               |
+| containerStyle  | Additional styles for the top container                                                                                                                                                                     | ViewStyle                          | no       | iOS/Android | yes               |
+| currentPage     | Zero-based index of the current page                                                                                                                                                                        | number                             | no       | iOS/Android | yes               |
+| enlargeActive   | Whether to enlarge the active page indicator. Irrelevant when limitShownPages is in effect.                                                                                                                 | boolean                            | no       | iOS/Android | yes               |
+| inactiveColor   | Color of the unselected page dots and the border of the not selected pages                                                                                                                                  | string                             | no       | iOS/Android | yes               |
+| limitShownPages | Limit the number of page indicators shown.\enlargeActive prop is disabled in this state, when set to true there will be maximum of 7 shown.\Only relevant when numOfPages > 5.                              | boolean                            | no       | iOS/Android | yes               |
+| numOfPages      | Total number of pages                                                                                                                                                                                       | number                             | no       | iOS/Android | yes               |
+| onPagePress     | Action handler for clicking on a page indicator                                                                                                                                                             | (index: number) => void            | no       | iOS/Android | yes               |
 | size            | The size of the page indicator.\When setting limitShownPages the medium sized will be 2/3 of size and the small will be 1/3 of size.\An alternative is to send an array [smallSize, mediumSize, largeSize]. | number \| [number, number, number] | no       | iOS/Android | yes               |
-| spacing         | The space between the siblings page indicators               | number                             | no       | iOS/Android | yes               |
-| testID          | Used to identify the pageControl in tests                    | string                             | no       | iOS/Android | yes               |
+| spacing         | The space between the siblings page indicators                                                                                                                                                              | number                             | no       | iOS/Android | yes               |
+| testID          | Used to identify the pageControl in tests                                                                                                                                                                   | string                             | no       | iOS/Android | yes               |
 
-**TabController**：具有延迟加载机制的选项卡控制器组件，该组件基于react-native-gesture-handler，使用react-native-navigation时，请确保使用gestureHandlerRootHOC包裹屏幕。
+**TabController**: 具有延迟加载机制的选项卡控制器组件，该组件基于 react-native-gesture-handler，使用 react-native-navigation 时，请确保使用 gestureHandlerRootHOC 包裹屏幕。
 
-| Name              | Description                                                  | Type                                               | Required | Platform    | HarmonyOS Support |
-| ----------------- | ------------------------------------------------------------ | -------------------------------------------------- | -------- | ----------- | ----------------- |
-| asCarousel        | When using TabController.PageCarousel this should be turned on | boolean                                            | no       | iOS/Android | yes               |
-| carouselPageWidth | Pass for custom carousel page width                          | number                                             | no       | iOS/Android | yes               |
-| initialIndex      | Initial selected index                                       | number                                             | no       | iOS/Android | yes               |
-| items             | The list of tab bar items                                    | TabControllerItemProps []                          | no       | iOS/Android | yes               |
+| Name              | Description                                                              | Type                                               | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------ | -------------------------------------------------- | -------- | ----------- | ----------------- |
+| asCarousel        | When using TabController.PageCarousel this should be turned on           | boolean                                            | no       | iOS/Android | yes               |
+| carouselPageWidth | Pass for custom carousel page width                                      | number                                             | no       | iOS/Android | yes               |
+| initialIndex      | Initial selected index                                                   | number                                             | no       | iOS/Android | yes               |
+| items             | The list of tab bar items                                                | TabControllerItemProps []                          | no       | iOS/Android | yes               |
 | onChangeIndex     | Callback for when index has change (will not be called on ignored items) | (index: number, prevIndex: number \| null) => void | no       | iOS/Android | yes               |
 
-**TabController.PageCarousel**：TabController 的 PageCarousel 组件，该组件扩展了[ScrollView](https://reactnative.dev/docs/scrollview)组件属性。
+**TabController.PageCarousel**: TabController 的 PageCarousel 组件，该组件扩展了[ScrollView](https://reactnative.dev/docs/scrollview)组件属性。
 
-| Name                       | Description                                                  | Type      | Required | Platform    | HarmonyOS Support |
-| -------------------------- | ------------------------------------------------------------ | --------- | -------- | ----------- | ----------------- |
+| Name                       | Description                                                                                                                           | Type      | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
 | TabController.PageCarousel | TabController's PageCarousel component，You must pass asCarousel flag to TabController and render your TabPages inside a PageCarousel | Component | no       | iOS/Android | yes               |
 
-**TabController.TabBar**：TabController的TabBar组件。
+**TabController.TabBar**: TabController 的 TabBar 组件。
 
 | Name                  | Description                                  | Type      | Required | Platform    | HarmonyOS Support |
 | --------------------- | -------------------------------------------- | --------- | -------- | ----------- | ----------------- |
@@ -1366,7 +1367,7 @@ ohpm install
 | testID                | The component test id                        | string    | no       | iOS/Android | yes               |
 | uppercase             | Whether to change the text to uppercase      | boolean   | no       | iOS/Android | yes               |
 
-**TabController.TabBarItem**：TabController的TabBarItem组件。
+**TabController.TabBarItem**: TabController 的 TabBarItem 组件。
 
 | Name                  | Description                                          | Type                    | Required | Platform    | HarmonyOS Support |
 | --------------------- | ---------------------------------------------------- | ----------------------- | -------- | ----------- | ----------------- |
@@ -1392,136 +1393,136 @@ ohpm install
 | uppercase             | Whether to change the text to uppercase              | boolean                 | no       | iOS/Android | yes               |
 | width                 | A fixed width for the item                           | number                  | no       | iOS/Android | yes               |
 
-**TabController.TabPage**：TabController的TabPage 组件。
+**TabController.TabPage**: TabController 的 TabPage 组件。
 
-| Name          | Description                                                  | Type              | Required | Platform    | HarmonyOS Support |
-| ------------- | ------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
-| index         | The index of the the TabPage                                 | number            | no       | iOS/Android | yes               |
-| lazy          | Whether this page should be loaded lazily                    | boolean           | no       | iOS/Android | yes               |
+| Name          | Description                                                                | Type              | Required | Platform    | HarmonyOS Support |
+| ------------- | -------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
+| index         | The index of the the TabPage                                               | number            | no       | iOS/Android | yes               |
+| lazy          | Whether this page should be loaded lazily                                  | boolean           | no       | iOS/Android | yes               |
 | lazyLoadTime  | How long to wait till lazy load complete (good for showing loader screens) | number            | no       | iOS/Android | yes               |
-| renderLoading | Render a custom loading page when lazy loading               | () => JSX.Element | no       | iOS/Android | yes               |
-| testID        | The component test id                                        | string            | no       | iOS/Android | yes               |
+| renderLoading | Render a custom loading page when lazy loading                             | () => JSX.Element | no       | iOS/Android | yes               |
+| testID        | The component test id                                                      | string            | no       | iOS/Android | yes               |
 
-**Wizard**：向导组件。
+**Wizard**: 向导组件。
 
-| Name                 | Description                                                  | Type                    | Required | Platform    | HarmonyOS Support |
-| -------------------- | ------------------------------------------------------------ | ----------------------- | -------- | ----------- | ----------------- |
-| activeConfig         | The configuration of the active step (see Wizard.Step.propTypes) | WizardStepProps         | no       | iOS/Android | yes               |
-| activeIndex          | The active step's index                                      | number                  | no       | iOS/Android | yes               |
-| containerStyle       | Add or override style of the container                       | ViewStyle               | no       | iOS/Android | yes               |
+| Name                 | Description                                                                                                                                 | Type                    | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- | -------- | ----------- | ----------------- |
+| activeConfig         | The configuration of the active step (see Wizard.Step.propTypes)                                                                            | WizardStepProps         | no       | iOS/Android | yes               |
+| activeIndex          | The active step's index                                                                                                                     | number                  | no       | iOS/Android | yes               |
+| containerStyle       | Add or override style of the container                                                                                                      | ViewStyle               | no       | iOS/Android | yes               |
 | onActiveIndexChanged | Callback that is called when the active step is changed (i.e. a step was clicked on). The new activeIndex will be the input of the callback | (index: number) => void | no       | iOS/Android | yes               |
-| testID               | The component test id                                        | string                  | no       | iOS/Android | yes               |
-
-**Wizard.Step**：向导组件中Step组件。
-
-| Name                  | Description                                                  | Type             | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
-| accessibilityInfo     | Extra text to be read in accessibility mode                  | string           | no       | iOS/Android | yes               |
-| circleBackgroundColor | Circle's background color                                    | string           | no       | iOS/Android | yes               |
-| circleColor           | Color of the circle                                          | string           | no       | iOS/Android | yes               |
-| circleSize            | The step's circle size (diameter)                            | number           | no       | iOS/Android | yes               |
-| color                 | Color of the step index (or of the icon, when provided)      | string           | no       | iOS/Android | yes               |
-| connectorStyle        | Additional styles for the connector                          | ViewStyle        | no       | iOS/Android | yes               |
-| enabled               | Whether the step should be enabled                           | boolean          | no       | iOS/Android | yes               |
-| icon                  | Icon to replace the (default) index                          | ImageProps       | no       | iOS/Android | yes               |
+| testID               | The component test id                                                                                                                       | string                  | no       | iOS/Android | yes               |
+
+**Wizard.Step**: 向导组件中 Step 组件。
+
+| Name                  | Description                                                         | Type             | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
+| accessibilityInfo     | Extra text to be read in accessibility mode                         | string           | no       | iOS/Android | yes               |
+| circleBackgroundColor | Circle's background color                                           | string           | no       | iOS/Android | yes               |
+| circleColor           | Color of the circle                                                 | string           | no       | iOS/Android | yes               |
+| circleSize            | The step's circle size (diameter)                                   | number           | no       | iOS/Android | yes               |
+| color                 | Color of the step index (or of the icon, when provided)             | string           | no       | iOS/Android | yes               |
+| connectorStyle        | Additional styles for the connector                                 | ViewStyle        | no       | iOS/Android | yes               |
+| enabled               | Whether the step should be enabled                                  | boolean          | no       | iOS/Android | yes               |
+| icon                  | Icon to replace the (default) index                                 | ImageProps       | no       | iOS/Android | yes               |
 | indexLabelStyle       | Additional styles for the index's label (when icon is not provided) | TextStyle        | no       | iOS/Android | yes               |
-| label                 | The label of the item                                        | string           | no       | iOS/Android | yes               |
-| labelStyle            | Additional styles for the label                              | TextStyle        | no       | iOS/Android | yes               |
-| state                 | The state of the step (Wizard.States.X)                      | WizardStepStates | no       | iOS/Android | yes               |
-
-**ActionSheet**：弹窗选择组件。
-
-| Name                   | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| cancelButtonIndex      | Index of the option represents the cancel action (to be displayed as the separated bottom bold button) | number                                                       | no       | iOS/Android | yes               |
-| containerStyle         | Add or override style of the action sheet (wraps the title and actions) | ViewStyle                                                    | no       | iOS/Android | yes               |
-| destructiveButtonIndex | Index of the option represents the destructive action (will display red text. Usually used for delete or abort actions) | number                                                       | no       | iOS/Android | yes               |
-| dialogStyle            | Add or override style of the dialog wrapping the action sheet | ViewStyle                                                    | no       | iOS/Android | yes               |
-| message                | Message of the action sheet                                  | string                                                       | no       | iOS/Android | yes               |
-| onDismiss              | Called when dismissing the action sheet (usually used for setting 'visible' prop to false) | DialogProps['onDismiss']                                     | no       | iOS/Android | yes               |
-| onModalDismissed       | iOS only, modal only. Called once the modal has been dismissed | DialogProps ['onDialogDismissed']                            | no       | iOS         | no                |
-| options                | List of options for the action sheet, follows the Button prop types (supply 'label' string and 'onPress' function) | Array<ButtonProps>                                           | no       | iOS/Android | yes               |
-| optionsStyle           | Add or override style of the options list                    | ViewStyle                                                    | no       | iOS/Android | yes               |
-| renderAction           | You will need to call 'onOptionPress' so the option's 'onPress' will be called. Render custom action | ( option: ButtonProps, index: number, onOptionPress: ActionSheetOnOptionPress ) => JSX.Element | no       | iOS/Android | yes               |
-| renderTitle            | Render custom title                                          | () => JSX.Element                                            | no       | iOS/Android | yes               |
-| showCancelButton       | When passed (only with useNativeIOS), will display a cancel button at the bottom (overrides cancelButtonIndex) | boolean                                                      | no       | iOS/Android | yes               |
-| testID                 | The test id for e2e tests                                    | string                                                       | no       | iOS/Android | yes               |
-| title                  | If both 'title' and 'message' are not passed will not render the title view at all. Title of the action sheet | string                                                       | no       | iOS/Android | yes               |
-| useNativeIOS           | Should use the native action sheet for iOS                   | boolean                                                      | no       | iOS/Android | yes               |
-| useSafeArea            | In iOS, use safe area, in case component attached to the bottom | boolean                                                      | no       | iOS/Android | yes               |
-| visible                | Whether to show the action sheet or not                      | boolean                                                      | no       | iOS/Android | yes               |
-
-**Dialog**：弹窗组件。
-
-| Name                   | Description                                                  | Type                        | Required | Platform    | HarmonyOS Support |
-| ---------------------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------- | ----------------- |
-| containerStyle         | Component's container style                                  | ViewStyle                   | no       | iOS/Android | yes               |
-| height                 | Height                                                       | string \|number             | no       | iOS/Android | yes               |
-| ignoreBackgroundPress  | Whether or not to ignore background press                    | boolean                     | no       | iOS/Android | yes               |
-| onDialogDismissed      | Called once the dialog has been dismissed completely         | (props: any) => void        | no       | iOS/Android | yes               |
-| onDismiss              | Called when clicking on the background                       | (props?: any) => void       | no       | iOS/Android | yes               |
-| overlayBackgroundColor | The color of the overlay background                          | string                      | no       | iOS/Android | yes               |
-| panDirection           | The direction of the allowed pan                             | UP \|DOWN \|LEFT \|RIGHT    | no       | iOS/Android | yes               |
-| pannableHeaderProps    | The props that will be passed to the pannable header         | any                         | no       | iOS/Android | yes               |
+| label                 | The label of the item                                               | string           | no       | iOS/Android | yes               |
+| labelStyle            | Additional styles for the label                                     | TextStyle        | no       | iOS/Android | yes               |
+| state                 | The state of the step (Wizard.States.X)                             | WizardStepStates | no       | iOS/Android | yes               |
+
+**ActionSheet**: 弹窗选择组件。
+
+| Name                   | Description                                                                                                             | Type                                                                                           | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| cancelButtonIndex      | Index of the option represents the cancel action (to be displayed as the separated bottom bold button)                  | number                                                                                         | no       | iOS/Android | yes               |
+| containerStyle         | Add or override style of the action sheet (wraps the title and actions)                                                 | ViewStyle                                                                                      | no       | iOS/Android | yes               |
+| destructiveButtonIndex | Index of the option represents the destructive action (will display red text. Usually used for delete or abort actions) | number                                                                                         | no       | iOS/Android | yes               |
+| dialogStyle            | Add or override style of the dialog wrapping the action sheet                                                           | ViewStyle                                                                                      | no       | iOS/Android | yes               |
+| message                | Message of the action sheet                                                                                             | string                                                                                         | no       | iOS/Android | yes               |
+| onDismiss              | Called when dismissing the action sheet (usually used for setting 'visible' prop to false)                              | DialogProps['onDismiss']                                                                       | no       | iOS/Android | yes               |
+| onModalDismissed       | iOS only, modal only. Called once the modal has been dismissed                                                          | DialogProps ['onDialogDismissed']                                                              | no       | iOS         | no                |
+| options                | List of options for the action sheet, follows the Button prop types (supply 'label' string and 'onPress' function)      | Array<ButtonProps>                                                                             | no       | iOS/Android | yes               |
+| optionsStyle           | Add or override style of the options list                                                                               | ViewStyle                                                                                      | no       | iOS/Android | yes               |
+| renderAction           | You will need to call 'onOptionPress' so the option's 'onPress' will be called. Render custom action                    | ( option: ButtonProps, index: number, onOptionPress: ActionSheetOnOptionPress ) => JSX.Element | no       | iOS/Android | yes               |
+| renderTitle            | Render custom title                                                                                                     | () => JSX.Element                                                                              | no       | iOS/Android | yes               |
+| showCancelButton       | When passed (only with useNativeIOS), will display a cancel button at the bottom (overrides cancelButtonIndex)          | boolean                                                                                        | no       | iOS/Android | yes               |
+| testID                 | The test id for e2e tests                                                                                               | string                                                                                         | no       | iOS/Android | yes               |
+| title                  | If both 'title' and 'message' are not passed will not render the title view at all. Title of the action sheet           | string                                                                                         | no       | iOS/Android | yes               |
+| useNativeIOS           | Should use the native action sheet for iOS                                                                              | boolean                                                                                        | no       | iOS/Android | yes               |
+| useSafeArea            | In iOS, use safe area, in case component attached to the bottom                                                         | boolean                                                                                        | no       | iOS/Android | yes               |
+| visible                | Whether to show the action sheet or not                                                                                 | boolean                                                                                        | no       | iOS/Android | yes               |
+
+**Dialog**: 弹窗组件。
+
+| Name                   | Description                                                                                                                                                 | Type                        | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------- | ----------- | ----------------- |
+| containerStyle         | Component's container style                                                                                                                                 | ViewStyle                   | no       | iOS/Android | yes               |
+| height                 | Height                                                                                                                                                      | string \|number             | no       | iOS/Android | yes               |
+| ignoreBackgroundPress  | Whether or not to ignore background press                                                                                                                   | boolean                     | no       | iOS/Android | yes               |
+| onDialogDismissed      | Called once the dialog has been dismissed completely                                                                                                        | (props: any) => void        | no       | iOS/Android | yes               |
+| onDismiss              | Called when clicking on the background                                                                                                                      | (props?: any) => void       | no       | iOS/Android | yes               |
+| overlayBackgroundColor | The color of the overlay background                                                                                                                         | string                      | no       | iOS/Android | yes               |
+| panDirection           | The direction of the allowed pan                                                                                                                            | UP \|DOWN \|LEFT \|RIGHT    | no       | iOS/Android | yes               |
+| pannableHeaderProps    | The props that will be passed to the pannable header                                                                                                        | any                         | no       | iOS/Android | yes               |
 | renderPannableHeader   | If this is added only the header will be pannable. Props are transferred to the 'renderPannableHeader'. For scrollable content (the children of the dialog) | (props: any) => JSX.Element | no       | iOS/Android | yes               |
-| testID                 | The test id for e2e tests                                    | string                      | no       | iOS/Android | yes               |
-| useSafeArea            | In iOS, use safe area, in case component attached to the bottom | boolean                     | no       | iOS/Android | yes               |
-| visible                | Control visibility of the component                          | boolean                     | no       | iOS/Android | yes               |
-| width                  | Width                                                        | string \| number            | no       | iOS/Android | yes               |
-
-**FeatureHighlight**：功能发现组件，FeatureHighlight 组件必须是 render() 返回的根视图的直接子级，如果要突出显示的元素没有样式属性，请添加 'style={{opacity: 1}}' 以便 Android 操作系统可以检测到它，FeatureHighlight 使用native库，你需要引入它。
-
-| Name                 | Description                                                  | Type                                      | Required | Platform    | HarmonyOS Support |
-| -------------------- | ------------------------------------------------------------ | ----------------------------------------- | -------- | ----------- | ----------------- |
-| borderColor          | Color of the border around the highlighted element           | string                                    | no       | iOS/Android | yes               |
-| borderRadius         | Border radius for the border corners around the highlighted element | number                                    | no       | iOS/Android | yes               |
-| borderWidth          | Width of the border around the highlighted element           | number                                    | no       | iOS/Android | yes               |
-| confirmButtonProps   | Props that will be passed to the dismiss button              | ButtonProps                               | no       | iOS/Android | yes               |
-| getTarget            | Callback that extract the ref of the element to be highlighted | () => any                                 | no       | iOS/Android | yes               |
-| highlightFrame       | Frame of the area to highlight {x, y, width, height}         | HighlightFrame                            | no       | iOS/Android | yes               |
+| testID                 | The test id for e2e tests                                                                                                                                   | string                      | no       | iOS/Android | yes               |
+| useSafeArea            | In iOS, use safe area, in case component attached to the bottom                                                                                             | boolean                     | no       | iOS/Android | yes               |
+| visible                | Control visibility of the component                                                                                                                         | boolean                     | no       | iOS/Android | yes               |
+| width                  | Width                                                                                                                                                       | string \| number            | no       | iOS/Android | yes               |
+
+**FeatureHighlight**: 功能发现组件，FeatureHighlight 组件必须是 render() 返回的根视图的直接子级，如果要突出显示的元素没有样式属性，请添加 'style={{opacity: 1}}' 以便 Android 操作系统可以检测到它，FeatureHighlight 使用 native 库，你需要引入它。
+
+| Name                 | Description                                                                                                      | Type                                      | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | -------- | ----------- | ----------------- |
+| borderColor          | Color of the border around the highlighted element                                                               | string                                    | no       | iOS/Android | yes               |
+| borderRadius         | Border radius for the border corners around the highlighted element                                              | number                                    | no       | iOS/Android | yes               |
+| borderWidth          | Width of the border around the highlighted element                                                               | number                                    | no       | iOS/Android | yes               |
+| confirmButtonProps   | Props that will be passed to the dismiss button                                                                  | ButtonProps                               | no       | iOS/Android | yes               |
+| getTarget            | Callback that extract the ref of the element to be highlighted                                                   | () => any                                 | no       | iOS/Android | yes               |
+| highlightFrame       | Frame of the area to highlight {x, y, width, height}                                                             | HighlightFrame                            | no       | iOS/Android | yes               |
 | innerPadding         | The padding of the highlight frame around the highlighted element's frame (only when passing ref in 'getTarget') | number                                    | no       | iOS/Android | yes               |
-| message              | Message to be displayed                                      | string                                    | no       | iOS/Android | yes               |
-| messageNumberOfLines | Message's max number of lines                                | number                                    | no       | iOS/Android | yes               |
-| messageStyle         | Message text style                                           | TextStyle                                 | no       | iOS/Android | yes               |
-| minimumRectSize      | Android API 21+, and only when passing a ref in 'getTarget'. The minimum size of the highlighted component | RectSize                                  | no       | iOS/Android | yes               |
-| onBackgroundPress    | Called the background pressed                                | TouchableWithoutFeedbackProps ['onPress'] | no       | iOS/Android | yes               |
-| overlayColor         | Color of the content's background (usually includes alpha for transparency) | string                                    | no       | iOS/Android | yes               |
-| pageControlProps     | PageControl component's props                                | PageControlProps                          | no       | iOS/Android | yes               |
-| testID               | The test id for e2e tests                                    | string                                    | no       | iOS/Android | yes               |
-| textColor            | Color of the content's text                                  | string                                    | no       | iOS/Android | yes               |
-| title                | Title of the content to be displayed                         | string                                    | no       | iOS/Android | yes               |
-| titleNumberOfLines   | Title's max number of lines                                  | number                                    | no       | iOS/Android | yes               |
-| titleStyle           | Title text style                                             | TextStyle                                 | no       | iOS/Android | yes               |
-| visible              | Determines if to present the feature highlight component     | boolean                                   | no       | iOS/Android | yes               |
-
-**FloatingButton**：具有渐变的悬浮按钮。
-
-| Name                  | Description                                                  | Type                  | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------ | --------------------- | -------- | ----------- | ----------------- |
-| bottomMargin          | The bottom margin of the button, or secondary button if passed | number                | no       | iOS/Android | yes               |
-| button                | Props for the Button component                               | ButtonProps           | no       | iOS/Android | yes               |
-| buttonLayout          | Button layout direction: vertical or horizontal              | FloatingButtonLayouts | no       | iOS/Android | yes               |
-| duration              | The duration of the button's animations (show/hide)          | number                | no       | iOS/Android | yes               |
-| fullWidth             | Relevant to vertical layout only. Whether the buttons get the container's full with | boolean               | no       | iOS/Android | yes               |
-| hideBackgroundOverlay | Whether to show background overlay                           | boolean               | no       | iOS/Android | yes               |
-| secondaryButton       | Props for the secondary Button component                     | ButtonProps           | no       | iOS/Android | yes               |
+| message              | Message to be displayed                                                                                          | string                                    | no       | iOS/Android | yes               |
+| messageNumberOfLines | Message's max number of lines                                                                                    | number                                    | no       | iOS/Android | yes               |
+| messageStyle         | Message text style                                                                                               | TextStyle                                 | no       | iOS/Android | yes               |
+| minimumRectSize      | Android API 21+, and only when passing a ref in 'getTarget'. The minimum size of the highlighted component       | RectSize                                  | no       | iOS/Android | yes               |
+| onBackgroundPress    | Called the background pressed                                                                                    | TouchableWithoutFeedbackProps ['onPress'] | no       | iOS/Android | yes               |
+| overlayColor         | Color of the content's background (usually includes alpha for transparency)                                      | string                                    | no       | iOS/Android | yes               |
+| pageControlProps     | PageControl component's props                                                                                    | PageControlProps                          | no       | iOS/Android | yes               |
+| testID               | The test id for e2e tests                                                                                        | string                                    | no       | iOS/Android | yes               |
+| textColor            | Color of the content's text                                                                                      | string                                    | no       | iOS/Android | yes               |
+| title                | Title of the content to be displayed                                                                             | string                                    | no       | iOS/Android | yes               |
+| titleNumberOfLines   | Title's max number of lines                                                                                      | number                                    | no       | iOS/Android | yes               |
+| titleStyle           | Title text style                                                                                                 | TextStyle                                 | no       | iOS/Android | yes               |
+| visible              | Determines if to present the feature highlight component                                                         | boolean                                   | no       | iOS/Android | yes               |
+
+**FloatingButton**: 具有渐变的悬浮按钮。
+
+| Name                  | Description                                                                                                      | Type                  | Required | Platform    | HarmonyOS Support |
+| --------------------- | ---------------------------------------------------------------------------------------------------------------- | --------------------- | -------- | ----------- | ----------------- |
+| bottomMargin          | The bottom margin of the button, or secondary button if passed                                                   | number                | no       | iOS/Android | yes               |
+| button                | Props for the Button component                                                                                   | ButtonProps           | no       | iOS/Android | yes               |
+| buttonLayout          | Button layout direction: vertical or horizontal                                                                  | FloatingButtonLayouts | no       | iOS/Android | yes               |
+| duration              | The duration of the button's animations (show/hide)                                                              | number                | no       | iOS/Android | yes               |
+| fullWidth             | Relevant to vertical layout only. Whether the buttons get the container's full with                              | boolean               | no       | iOS/Android | yes               |
+| hideBackgroundOverlay | Whether to show background overlay                                                                               | boolean               | no       | iOS/Android | yes               |
+| secondaryButton       | Props for the secondary Button component                                                                         | ButtonProps           | no       | iOS/Android | yes               |
 | testID                | Use `testID.button` for the main button or `testID.secondaryButton` for the secondary. The test id for e2e tests | string                | no       | iOS/Android | yes               |
-| visible               | Whether the component is visible                             | boolean               | no       | iOS/Android | yes               |
-| withoutAnimation      | Whether to show/hide the button without animation            | boolean               | no       | iOS/Android | yes               |
+| visible               | Whether the component is visible                                                                                 | boolean               | no       | iOS/Android | yes               |
+| withoutAnimation      | Whether to show/hide the button without animation                                                                | boolean               | no       | iOS/Android | yes               |
 
-**Modal**：模态框组件，该组件扩展了[Modal](https://reactnative.dev/docs/modal)组件属性。
+**Modal**: 模态框组件，该组件扩展了[Modal](https://reactnative.dev/docs/modal)组件属性。
 
-| Name                      | Description                                                  | Type                                   | Required | Platform    | HarmonyOS Support |
-| ------------------------- | ------------------------------------------------------------ | -------------------------------------- | -------- | ----------- | ----------------- |
+| Name                      | Description                                                                                                                                                                                                               | Type                                   | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | -------- | ----------- | ----------------- |
 | accessibilityLabel        | Overrides the text that's read by the screen reader when the user interacts with the element.\By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space. | string                                 | no       | iOS/Android | yes               |
-| blurView                  | A custom view to use as a BlurView instead of the default one | JSX.Element                            | no       | iOS/Android | yes               |
-| enableModalBlur           | iOS only. Blurs the modal background when transparent        | boolean                                | no       | iOS         | no                |
-| onBackgroundPress         | allow dismissing a modal when clicking on its background     | (event: GestureResponderEvent) => void | no       | iOS/Android | yes               |
-| overlayBackgroundColor    | The background color of the overlay                          | string                                 | no       | iOS/Android | yes               |
-| testID                    | The modal's end-to-end test identifier                       | string                                 | no       | iOS/Android | yes               |
-| useGestureHandlerRootView | Android only. Should add a GestureHandlerRootView            | boolean                                | no       | Android     | no                |
+| blurView                  | A custom view to use as a BlurView instead of the default one                                                                                                                                                             | JSX.Element                            | no       | iOS/Android | yes               |
+| enableModalBlur           | iOS only. Blurs the modal background when transparent                                                                                                                                                                     | boolean                                | no       | iOS         | no                |
+| onBackgroundPress         | allow dismissing a modal when clicking on its background                                                                                                                                                                  | (event: GestureResponderEvent) => void | no       | iOS/Android | yes               |
+| overlayBackgroundColor    | The background color of the overlay                                                                                                                                                                                       | string                                 | no       | iOS/Android | yes               |
+| testID                    | The modal's end-to-end test identifier                                                                                                                                                                                    | string                                 | no       | iOS/Android | yes               |
+| useGestureHandlerRootView | Android only. Should add a GestureHandlerRootView                                                                                                                                                                         | boolean                                | no       | Android     | no                |
 
-**Modal.TopBar**：模态框的TopBar组件。
+**Modal.TopBar**: 模态框的 TopBar 组件。
 
 | Name              | Description                                                | Type                                   | Required | Platform    | HarmonyOS Support |
 | ----------------- | ---------------------------------------------------------- | -------------------------------------- | -------- | ----------- | ----------------- |
@@ -1542,33 +1543,33 @@ ohpm install
 | title             | Title to display in the center of the top bar              | string                                 | no       | iOS/Android | yes               |
 | titleStyle        | Title custom style                                         | TextStyle                              | no       | iOS/Android | yes               |
 
-**Toast**：非中断式弹窗组件， 请考虑转向我们新的 Toast 实现并使用 Incubator.Toast 代替。
+**Toast**: 非中断式弹窗组件， 请考虑转向我们新的 Toast 实现并使用 Incubator.Toast 代替。
 
 | Name  | Description                    | Type      | Required | Platform    | HarmonyOS Support |
 | ----- | ------------------------------ | --------- | -------- | ----------- | ----------------- |
 | Toast | A customizable Toast component | Component | no       | iOS/Android | yes               |
 
-**Badge**：圆形彩色徽章组件。
-
-| Name                | Description                                                  | Type                       | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------------------------------------------ | -------------------------- | -------- | ----------- | ----------------- |
-| backgroundColor     | Background color                                             | string                     | no       | iOS/Android | yes               |
-| borderColor         | Color of border around the badge                             | ImageStyle ['borderColor'] | no       | iOS/Android | yes               |
-| borderRadius        | Radius of border around the badge                            | number                     | no       | iOS/Android | yes               |
-| borderWidth         | Width of border around the badge                             | number                     | no       | iOS/Android | yes               |
-| containerStyle      | Additional styles for the top container                      | ViewStyle                  | no       | iOS/Android | yes               |
-| customElement       | Custom element to render instead of an icon                  | JSX.Element                | no       | iOS/Android | yes               |
-| hitSlop             | Defines how far a touch event can start away from the badge  | ViewProps['hitSlop']       | no       | iOS/Android | yes               |
-| icon                | Renders an icon badge                                        | ImageSourcePropType        | no       | iOS/Android | yes               |
-| iconProps           | Additional props passed to icon                              | ImageProps                 | no       | iOS/Android | yes               |
-| iconStyle           | Additional styling to badge icon                             | ImageStyle                 | no       | iOS/Android | yes               |
-| label               | Passing a label (undefined) will present a pimple badge. Text to show inside the badge | string                     | no       | iOS/Android | yes               |
+**Badge**: 圆形彩色徽章组件。
+
+| Name                | Description                                                                                                                                                                                                                                                                                                    | Type                       | Required | Platform    | HarmonyOS Support |
+| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- | -------- | ----------- | ----------------- |
+| backgroundColor     | Background color                                                                                                                                                                                                                                                                                               | string                     | no       | iOS/Android | yes               |
+| borderColor         | Color of border around the badge                                                                                                                                                                                                                                                                               | ImageStyle ['borderColor'] | no       | iOS/Android | yes               |
+| borderRadius        | Radius of border around the badge                                                                                                                                                                                                                                                                              | number                     | no       | iOS/Android | yes               |
+| borderWidth         | Width of border around the badge                                                                                                                                                                                                                                                                               | number                     | no       | iOS/Android | yes               |
+| containerStyle      | Additional styles for the top container                                                                                                                                                                                                                                                                        | ViewStyle                  | no       | iOS/Android | yes               |
+| customElement       | Custom element to render instead of an icon                                                                                                                                                                                                                                                                    | JSX.Element                | no       | iOS/Android | yes               |
+| hitSlop             | Defines how far a touch event can start away from the badge                                                                                                                                                                                                                                                    | ViewProps['hitSlop']       | no       | iOS/Android | yes               |
+| icon                | Renders an icon badge                                                                                                                                                                                                                                                                                          | ImageSourcePropType        | no       | iOS/Android | yes               |
+| iconProps           | Additional props passed to icon                                                                                                                                                                                                                                                                                | ImageProps                 | no       | iOS/Android | yes               |
+| iconStyle           | Additional styling to badge icon                                                                                                                                                                                                                                                                               | ImageStyle                 | no       | iOS/Android | yes               |
+| label               | Passing a label (undefined) will present a pimple badge. Text to show inside the badge                                                                                                                                                                                                                         | string                     | no       | iOS/Android | yes               |
 | labelFormatterLimit | Beyond the max number for that digit length, a '+' will show at the end. If set to a value not included in LABEL_FORMATTER_VALUES, no formatting will occur. Example: labelLengthFormatter={2}, label={124}, label will present '99+' Receives a number from 1 to 4, representing the label's max digit length | LabelFormatterValues       | no       | iOS/Android | yes               |
-| labelStyle          | Additional styles for the badge label                        | TextStyle                  | no       | iOS/Android | yes               |
-| onPress             | Called when the badge is pressed                             | (props: any) => void       | no       | iOS/Android | yes               |
-| size                | Badge's size                                                 | number                     | no       | iOS/Android | yes               |
+| labelStyle          | Additional styles for the badge label                                                                                                                                                                                                                                                                          | TextStyle                  | no       | iOS/Android | yes               |
+| onPress             | Called when the badge is pressed                                                                                                                                                                                                                                                                               | (props: any) => void       | no       | iOS/Android | yes               |
+| size                | Badge's size                                                                                                                                                                                                                                                                                                   | number                     | no       | iOS/Android | yes               |
 
-**ConnectionStatusBar**：顶部栏显示无网络连接状态，该组件依赖[@react-native-community/netinfo](/zh-cn/react-native-community-netinfo.md) 库。
+**ConnectionStatusBar**: 顶部栏显示无网络连接状态，该组件依赖[@react-native-community/netinfo](/zh-cn/react-native-community-netinfo.md) 库。
 
 | Name                | Description                                         | Type                                               | Required | Platform    | HarmonyOS Support |
 | ------------------- | --------------------------------------------------- | -------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -1577,7 +1578,7 @@ ohpm install
 | onConnectionChange  | Handler to get connection change events propagation | (isConnected: boolean, isInitial: boolean) => void | no       | iOS/Android | yes               |
 | useAbsolutePosition | Use absolute position for the component             | boolean                                            | no       | iOS/Android | yes               |
 
-**ProgressBar**：进度条组件。
+**ProgressBar**: 进度条组件。
 
 | Name          | Description                                              | Type        | Required | Platform    | HarmonyOS Support |
 | ------------- | -------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
@@ -1587,46 +1588,46 @@ ohpm install
 | progressColor | Progress color                                           | string      | no       | iOS/Android | yes               |
 | style         | Override container style                                 | ViewStyle   | no       | iOS/Android | yes               |
 
-**SkeletonView**：骨架视图组件，用于内容还未加载临时显示骨架，该组件需要安装[react-native-shimmer-placeholder](/zh-cn/react-native-shimmer-placeholder.md)和[react-native-linear-gradient](/zh-cn/react-native-linear-gradient.md)库。
+**SkeletonView**: 骨架视图组件，用于内容还未加载临时显示骨架，该组件需要安装[react-native-shimmer-placeholder](/zh-cn/react-native-shimmer-placeholder.md)和[react-native-linear-gradient](/zh-cn/react-native-linear-gradient.md)库。
 
-| Name          | Description                                                  | Type                                   | Required | Platform    | HarmonyOS Support |
-| ------------- | ------------------------------------------------------------ | -------------------------------------- | -------- | ----------- | ----------------- |
-| borderRadius  | The border radius of the skeleton view                       | number                                 | no       | iOS/Android | yes               |
-| circle        | Whether the skeleton is a circle (will override the borderRadius) | boolean                                | no       | iOS/Android | yes               |
-| colors        | The colors of the skeleton view, the array length has to be >=2 | string[]                               | no       | iOS/Android | yes               |
-| customValue   | Custom value of any type to pass on to SkeletonView and receive back in the renderContent callback. | any                                    | no       | iOS/Android | yes               |
-| height        | The height of the skeleton view                              | number                                 | no       | iOS/Android | yes               |
-| listProps     | Props that are available when using template={SkeletonView.templates.LIST_ITEM} | SkeletonListProps                      | no       | iOS/Android | yes               |
+| Name          | Description                                                                                                                                                                                      | Type                                   | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------- | -------- | ----------- | ----------------- |
+| borderRadius  | The border radius of the skeleton view                                                                                                                                                           | number                                 | no       | iOS/Android | yes               |
+| circle        | Whether the skeleton is a circle (will override the borderRadius)                                                                                                                                | boolean                                | no       | iOS/Android | yes               |
+| colors        | The colors of the skeleton view, the array length has to be >=2                                                                                                                                  | string[]                               | no       | iOS/Android | yes               |
+| customValue   | Custom value of any type to pass on to SkeletonView and receive back in the renderContent callback.                                                                                              | any                                    | no       | iOS/Android | yes               |
+| height        | The height of the skeleton view                                                                                                                                                                  | number                                 | no       | iOS/Android | yes               |
+| listProps     | Props that are available when using template={SkeletonView.templates.LIST_ITEM}                                                                                                                  | SkeletonListProps                      | no       | iOS/Android | yes               |
 | renderContent | A function that will render the content once the content is ready (i.e. showContent is true). The method will be called with the Skeleton's customValue (i.e. renderContent(props?.customValue)) | (customValue?: any) => React.ReactNode | no       | iOS/Android | yes               |
-| shimmerStyle  | Additional style to the skeleton view                        | ViewStyle                              | no       | iOS/Android | yes               |
-| showContent   | The content has been loaded, start fading out the skeleton and fading in the content | boolean                                | no       | iOS/Android | yes               |
-| style         | Override container styles                                    | ViewStyle                              | no       | iOS/Android | yes               |
-| template      | Accessible through SkeletonView.templates.xxx. The type of the skeleton view. | listItem \|content                     | no       | iOS/Android | yes               |
-| testID        | The component test id                                        | string                                 | no       | iOS/Android | yes               |
-| times         | Generates duplicate skeletons                                | number                                 | no       | iOS/Android | yes               |
-| timesKey      | A key prefix for the duplicated SkeletonViews                | string                                 | no       | iOS/Android | yes               |
-| width         | The width of the skeleton view                               | number                                 | no       | iOS/Android | yes               |
+| shimmerStyle  | Additional style to the skeleton view                                                                                                                                                            | ViewStyle                              | no       | iOS/Android | yes               |
+| showContent   | The content has been loaded, start fading out the skeleton and fading in the content                                                                                                             | boolean                                | no       | iOS/Android | yes               |
+| style         | Override container styles                                                                                                                                                                        | ViewStyle                              | no       | iOS/Android | yes               |
+| template      | Accessible through SkeletonView.templates.xxx. The type of the skeleton view.                                                                                                                    | listItem \|content                     | no       | iOS/Android | yes               |
+| testID        | The component test id                                                                                                                                                                            | string                                 | no       | iOS/Android | yes               |
+| times         | Generates duplicate skeletons                                                                                                                                                                    | number                                 | no       | iOS/Android | yes               |
+| timesKey      | A key prefix for the duplicated SkeletonViews                                                                                                                                                    | string                                 | no       | iOS/Android | yes               |
+| width         | The width of the skeleton view                                                                                                                                                                   | number                                 | no       | iOS/Android | yes               |
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**Color**: 可以进行全局样式预设，通过Color获取预设样式。
+**Color**: 可以进行全局样式预设，通过 Color 获取预设样式。
 
-| Name         | Description                                                  | Type                                             | Required | Platform    | HarmonyOS Support |
-| ------------ | ------------------------------------------------------------ | ------------------------------------------------ | -------- | ----------- | ----------------- |
-| loadColors   | Load a set of colors to be used in the app.                  | ({[key: string]: string}) => void                | no       | iOS/Android | yes               |
-| loadSchemes  | Load a set of scheme colors to support dark/light mode.      | ({[name: string]: {[key: string]: any}}) => void | no       | iOS/Android | yes               |
-| rgba         | Return rgba string with color and transparency               | (color: string, num: number) => string           | no       | iOS/Android | yes               |
-| getColorTint | Get color tint                                               | (color: string, num: number) => string           | no       | iOS/Android | yes               |
+| Name         | Description                                                                      | Type                                             | Required | Platform    | HarmonyOS Support |
+| ------------ | -------------------------------------------------------------------------------- | ------------------------------------------------ | -------- | ----------- | ----------------- |
+| loadColors   | Load a set of colors to be used in the app.                                      | ({[key: string]: string}) => void                | no       | iOS/Android | yes               |
+| loadSchemes  | Load a set of scheme colors to support dark/light mode.                          | ({[name: string]: {[key: string]: any}}) => void | no       | iOS/Android | yes               |
+| rgba         | Return rgba string with color and transparency                                   | (color: string, num: number) => string           | no       | iOS/Android | yes               |
+| getColorTint | Get color tint                                                                   | (color: string, num: number) => string           | no       | iOS/Android | yes               |
 | isDark       | returns `true` if a color is considered dark (bright colors will return `false`) | (color: string) => boolean                       | no       | iOS/Android | yes               |
 
 **ThemeManager**: 使用 ThemeManager 为您的应用程序设置默认的全局行为。
 
-| Name              | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
-| ----------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| Name              | Description                                                          | Type                                                                                                            | Required | Platform    | HarmonyOS Support |
+| ----------------- | -------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
 | setComponentTheme | Set default props for a component by passing an object or a callback | (componentName, defaultPropsObject) => void \| (componentName, componentProps => newDefaultPropsObject) => void | no       | iOS/Android | yes               |
 
 **Typography**: 设置样式属性，可直接通过“属性”的方式给组件设置样式。
@@ -1641,13 +1642,13 @@ ohpm install
 | ---------------- | ----------------------- | ----------------------------------- | -------- | ----------- | ----------------- |
 | loadTypographies | Set space size variable | ({ [key: string]: number }) => void | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] KeyboardTrackingView组件，将输入框子节点保持在键盘上方后点击事件位置异常: [issue#4](https://github.com/react-native-oh-library/react-native-ui-lib/issues/4)
-- [ ]  原生组件KeyboardAccessoryView切换自定义键盘未实现: [issue#3](https://github.com/react-native-oh-library/react-native-ui-lib/issues/3)
+- [ ] KeyboardTrackingView 组件，将输入框子节点保持在键盘上方后点击事件位置异常: [issue#4](https://github.com/react-native-oh-library/react-native-ui-lib/issues/4)
+- [ ] 原生组件 KeyboardAccessoryView 切换自定义键盘未实现: [issue#3](https://github.com/react-native-oh-library/react-native-ui-lib/issues/3)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/wix/react-native-ui-lib/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/wix/react-native-ui-lib/blob/master/LICENSE).
diff --git a/en/react-native-unistyles.md b/en/react-native-unistyles.md
index 36c101c3..4da72efb 100644
--- a/en/react-native-unistyles.md
+++ b/en/react-native-unistyles.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-unistyles</code> </h1>
@@ -13,15 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-unistyles)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-unistyles)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-unistyles@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import {
@@ -90,7 +90,9 @@ export function UnistylesExample() {
     <ScrollView>
       <View style={basic_styles.consta}>
         <StatusBar barStyle="light-content"></StatusBar>
-        <Text style={basic_styles.titleStyle}>{"变更状态栏颜色:"}</Text>
+        <Text style={basic_styles.titleStyle}>
+          {"Change the color of the status bar:"}
+        </Text>
         <Button
           title="status"
           onPress={() => {
@@ -104,18 +106,21 @@ export function UnistylesExample() {
           }}
         ></Button>
 
-        <Text style={basic_styles.titleStyle}>{"变更主题对象:"}</Text>
+        <Text style={basic_styles.titleStyle}>
+          {"Change the theme object:"}
+        </Text>
         <View style={styles.container}>
           <Text style={styles.text}>
             {" "}
-            当前主题:{UnistylesRuntime.themeName} 重新渲染的次数:{renderCount.current++}
+            Current topic:{UnistylesRuntime.themeName} The number of times to re
+            render:{renderCount.current++}
           </Text>
           <Text style={styles.theme}>
             {" "}
             Colors: {JSON.stringify(theme.colors, null, 2)}{" "}
           </Text>
           <Button
-            title="变更light主题"
+            title="Change the light theme"
             onPress={() => {
               anti_shake = !anti_shake;
               if (anti_shake) {
@@ -136,13 +141,13 @@ export function UnistylesExample() {
           />
         </View>
 
-        <Text style={basic_styles.titleStyle}>{"更改页面样式:"}</Text>
+        <Text style={basic_styles.titleStyle}>{"Change page style:"}</Text>
         <Text style={styles.text}>
           {" "}
-          这个页面正在使用 {UnistylesRuntime.themeName} 主题.
+          This page is currently in use {UnistylesRuntime.themeName} .
         </Text>
         <Button
-          title="更改页面主题"
+          title="Change page theme"
           color={theme.colors.accent}
           onPress={() => {
             anti_shake = !anti_shake;
@@ -155,12 +160,12 @@ export function UnistylesExample() {
           }}
         />
 
-        <Text style={basic_styles.titleStyle}>{"自适应主题:"}</Text>
+        <Text style={basic_styles.titleStyle}>{"Adaptive Theme:"}</Text>
         <Text style={styles.container}>
-          {" 系统主题:" + UnistylesRuntime.colorScheme}
+          {" System Theme:" + UnistylesRuntime.colorScheme}
         </Text>
         <Button
-          title="启用自适应主题"
+          title="Enable adaptive themes"
           onPress={() => {
             anti_shake = !anti_shake;
             if (anti_shake) {
@@ -169,14 +174,17 @@ export function UnistylesExample() {
           }}
         />
 
-        <Text style={basic_styles.titleStyle}>{"插件:"}</Text>
+        <Text style={basic_styles.titleStyle}>{"plug-in unit:"}</Text>
         <View style={styles.unscaledBox}></View>
         <Text>
-          前缀为unscaled的样式会被插件跳过,已启用的插件
+          Styles with the prefix unscaled will be skipped by the plugin, while
+          plugins that have already been enabled will be skipped
           {UnistylesRuntime.enabledPlugins}
         </Text>
         <Button
-          title={isAutoGuidelinePluginEnabled ? "关闭插件" : "启用插件"}
+          title={
+            isAutoGuidelinePluginEnabled ? "Close plugin" : "Enable plugins"
+          }
           onPress={() => {
             anti_shake = !anti_shake;
             if (anti_shake) {
@@ -188,16 +196,19 @@ export function UnistylesExample() {
         />
 
         <Text style={basic_styles.titleStyle}>
-          {"在StyleSheets中使用runtime:"}
+          {"Using runtime in StyleSheets:"}
         </Text>
         <View style={styles.box}>
           <Text>
-            占据了屏幕一半大小的方块width:{styles.box.width} 861 height:
+            The width of the square occupying half the size of the screen:
+            {styles.box.width} 861 height:
             {styles.box.height}
           </Text>
         </View>
 
-        <Text style={basic_styles.titleStyle}>{"动态函数式样式表:"}</Text>
+        <Text style={basic_styles.titleStyle}>
+          {"Dynamic functional style sheet:"}
+        </Text>
         <View style={styles.dynamicFunction(2)}>
           <Text>accent</Text>
         </View>
@@ -205,25 +216,28 @@ export function UnistylesExample() {
           <Text>barbie</Text>
         </View>
 
-        <Text style={basic_styles.titleStyle}>{"媒体查询:"}</Text>
+        <Text style={basic_styles.titleStyle}>{"Media inquiry:"}</Text>
         <View style={styles.container1}>
           <Text>
-            你的屏幕大小是:{UnistylesRuntime.screen.width}x
-            {UnistylesRuntime.screen.height};当宽大于500时背景是
-            {theme.colors.backgroundColor}，宽大于900时背景为
+            What is the size of your screen:{UnistylesRuntime.screen.width}x
+            {UnistylesRuntime.screen.height};When the width is greater than 500,
+            the background is
+            {theme.colors.backgroundColor}，When the width is greater than 900, the
+            background is
             {theme.colors.aloes}
           </Text>
         </View>
 
         <Text style={basic_styles.titleStyle}>
-          {"在StyleSheets中使用variants:"}
+          {"Using variables in StyleSheets:"}
         </Text>
         <View style={styles.box_variants}></View>
         <Text style={basic_styles.titleStyle}>{":"}</Text>
 
-        <Text style={basic_styles.titleStyle}>{"字体大小偏好:"}</Text>
+        <Text style={basic_styles.titleStyle}>{"Font size preference:"}</Text>
         <Text>
-          {"现在的字体大小偏好设置为:" + UnistylesRuntime.contentSizeCategory}
+          {"The current font size preference is set to:" +
+            UnistylesRuntime.contentSizeCategory}
         </Text>
       </View>
     </ScrollView>
@@ -377,11 +391,11 @@ const autoGuidelinePlugin: UnistylesPlugin = {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -392,18 +406,15 @@ const autoGuidelinePlugin: UnistylesPlugin = {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -412,22 +423,22 @@ const autoGuidelinePlugin: UnistylesPlugin = {
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 UnistylesPackage
+### 3. Configuring CMakeLists and Introducing UnistylesPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -465,7 +476,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -484,9 +495,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNUnistylesPackage
+### 4. Introducing RNUnistylesPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -500,81 +511,80 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases)
 
 ## Runtime
 
 ### UnistylesRuntime
 
-UnistylesRuntime 是 Unitstyles 库 的一个Host Object。它始终保持最新状态，并允许您与Unistyles的原生层进行交互
+UnistylesRuntime 是 Unitstyles 库 的一个 Host Object。它始终保持最新状态，并允许您与 Unistyles 的原生层进行交互
 
 #### UnistylesRuntime 属性
 
-| Name                 | Description                                                                  | Type                 | Required | Platform        | HarmonyOS Support |
-| -------------------- | ---------------------------------------------------------------------------- | -------------------- | -------- | --------------- | ----------------- |
-| screenWidth          | Screen dimensions Width                                                      | number               | no       | All             | yes               |
-| screenHeight         | Screen dimensions Height                                                     | number               | no       | All             | yes               |
-| enabledPlugins       | Names of currently enabled plugins                                           | boolean              | no       | All             | yes               |
-| hasAdaptiveThemes    | Indicates if you have enabled adaptive themes                                | boolean              | no       | All             | yes               |
-| themeName            | Name of the selected theme or an empty string if you don’t use themes        | string               | no       | All             | yes               |
-| breakpoint           | Current breakpoint or always undefined if you don’t use breakpoints          | UnistylesBreakpoints | no       | All             | yes               |
-| colorScheme          | Get your device’s color scheme. Available options dark, light or unspecified | string               | no       | All             | yes               |
-| contentSizeCategory  | Your device’s content size category                                          | string               | no       | All             | yes               |
-| insets               | Device insets which are safe to put content into                             | inset                | no       | All             | yes               |
-| statusBar.width      | Status bar dimensions width                                                  | number               | no       | All             | yes               |
-| statusBar.height     | Status bar dimensions height                                                 | number               | no       | All             | yes               |
-| navigationBar.height | Navigation bar dimensions height                                             | number               | no       | Android 		  | yes               |
-| navigationBar.width  | Navigation bar dimensions width                                              | number               | no       | Android 		  | yes               |
-| ScreenOrientation    | Your device’s orientation                                                    | ScreenOrientation    | no       | All             | yes               |
-
-目前 UnistylesRuntime 支持：
+| Name                 | Description                                                                  | Type                 | Required | Platform | HarmonyOS Support |
+| -------------------- | ---------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
+| screenWidth          | Screen dimensions Width                                                      | number               | no       | All      | yes               |
+| screenHeight         | Screen dimensions Height                                                     | number               | no       | All      | yes               |
+| enabledPlugins       | Names of currently enabled plugins                                           | boolean              | no       | All      | yes               |
+| hasAdaptiveThemes    | Indicates if you have enabled adaptive themes                                | boolean              | no       | All      | yes               |
+| themeName            | Name of the selected theme or an empty string if you don’t use themes        | string               | no       | All      | yes               |
+| breakpoint           | Current breakpoint or always undefined if you don’t use breakpoints          | UnistylesBreakpoints | no       | All      | yes               |
+| colorScheme          | Get your device’s color scheme. Available options dark, light or unspecified | string               | no       | All      | yes               |
+| contentSizeCategory  | Your device’s content size category                                          | string               | no       | All      | yes               |
+| insets               | Device insets which are safe to put content into                             | inset                | no       | All      | yes               |
+| statusBar.width      | Status bar dimensions width                                                  | number               | no       | All      | yes               |
+| statusBar.height     | Status bar dimensions height                                                 | number               | no       | All      | yes               |
+| navigationBar.height | Navigation bar dimensions height                                             | number               | no       | Android  | yes               |
+| navigationBar.width  | Navigation bar dimensions width                                              | number               | no       | Android  | yes               |
+| ScreenOrientation    | Your device’s orientation                                                    | ScreenOrientation    | no       | All      | yes               |
 
-* `statusBar.setColor`
-Update statusBar color at runtime
+目前 UnistylesRuntime 支持:
 
-* `navigationBar.setColor`
-Update navigationBar color at runtime
+- `statusBar.setColor`
+  Update statusBar color at runtime
 
-* `setAdaptiveThemes`
-Toggle adaptive themes 
+- `navigationBar.setColor`
+  Update navigationBar color at runtime
 
-* `setTheme`
-Change the current theme    
+- `setAdaptiveThemes`
+  Toggle adaptive themes
 
-* `updateTheme`
-Update the theme at runtime
+- `setTheme`
+  Change the current theme
 
-* `removePlugin`
-Disable a plugin 
+- `updateTheme`
+  Update the theme at runtime
 
-* `addPlugin`
-Enable a plugin 
+- `removePlugin`
+  Disable a plugin
 
+- `addPlugin`
+  Enable a plugin
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### global
 
@@ -595,9 +605,9 @@ Enable a plugin
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### UnistylesRegistry
 
@@ -607,10 +617,10 @@ Enable a plugin
 | addBreakpoints | register breakpoints | function | no       | All      | yes               |
 | addConfig      | register config      | function | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/jpudysz/react-native-unistyles/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/jpudysz/react-native-unistyles/blob/main/LICENSE).
diff --git a/en/react-native-url-polyfill.md b/en/react-native-url-polyfill.md
index 6fedb375..048f46e6 100644
--- a/en/react-native-url-polyfill.md
+++ b/en/react-native-url-polyfill.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-url-polyfill</code> </h1>
@@ -14,10 +12,9 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/charpeni/react-native-url-polyfill)
 
-> [!TIP] [Github 地址](https://github.com/charpeni/react-native-url-polyfill)
-
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -35,166 +32,162 @@ yarn add react-native-url-polyfill@2.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
-import { ScrollView, Text, Button, View, StyleSheet } from 'react-native';
-import { URL, URLSearchParams } from 'react-native-url-polyfill';
+import { ScrollView, Text, Button, View, StyleSheet } from "react-native";
+import { URL, URLSearchParams } from "react-native-url-polyfill";
 
 const URLPolyfillDemo = () => {
-  const url = new URL('https://github.com/');
-  const searchParams = new URLSearchParams('abc=456&rn=ReactNative&abc=javascript');
+  const url = new URL("https://github.com/");
+  const searchParams = new URLSearchParams(
+    "abc=456&rn=ReactNative&abc=javascript"
+  );
+
+  const [appendResult, setAppendResult] = useState("");
+  const [setResult, setSetResult] = useState("");
+  const [deleteResult, setDeleteResult] = useState("");
 
-  const [appendResult, setAppendResult] = useState('');
-  const [setResult, setSetResult] = useState('');
-  const [deleteResult, setDeleteResult] = useState('');
-    
   // searchParams.append()
   const appendExample = () => {
-    searchParams.append('q', 'CodeHub');
+    searchParams.append("q", "CodeHub");
     let result = searchParams.toString();
     setAppendResult(result);
-  }
+  };
 
   // searchParams.set()
   const setExample = () => {
-    searchParams.set('abc', 'Gitee');
+    searchParams.set("abc", "Gitee");
     let result = searchParams.toString();
     setSetResult(result);
-  }
+  };
 
   // searchParams.delete()
   const deleteExample = () => {
-    searchParams.delete('abc', 'javascript');
+    searchParams.delete("abc", "javascript");
     let result = searchParams.toString();
     setDeleteResult(result);
-  }
+  };
 
   return (
     <ScrollView>
       <View>
-      	<View>
+        <View>
           <Text style={styles.text}>property: href</Text>
-          <Text style={styles.result} allowFontScaling>{url.href}</Text>
+          <Text style={styles.result} allowFontScaling>
+            {url.href}
+          </Text>
         </View>
 
         <View>
-          <Text style={styles.text}>Method：append（q,CodeHub）</Text>
-          <Button
-            title="append"
-            color="#9a73ef"
-            onPress={appendExample}
-          />
-          <Text style={styles.result} allowFontScaling>{appendResult}</Text>
+          <Text style={styles.text}>Method: append（q,CodeHub）</Text>
+          <Button title="append" color="#9a73ef" onPress={appendExample} />
+          <Text style={styles.result} allowFontScaling>
+            {appendResult}
+          </Text>
         </View>
 
         <View>
-          <Text style={styles.text}>Method：set（abc,Gitee））</Text>
-          <Button
-            title="set"
-            color="#9a73ef"
-            onPress={setExample}
-          />
-          <Text style={styles.result} allowFontScaling>{setResult}</Text>
+          <Text style={styles.text}>Method: set（abc,Gitee））</Text>
+          <Button title="set" color="#9a73ef" onPress={setExample} />
+          <Text style={styles.result} allowFontScaling>
+            {setResult}
+          </Text>
         </View>
 
         <View>
-          <Text style={styles.text}>Method：delete（abc,javascript）</Text>
-          <Button
-            title="delete"
-            color="#9a73ef"
-            onPress={deleteExample}
-          />
-          <Text style={styles.result} allowFontScaling>{deleteResult}</Text>
+          <Text style={styles.text}>Method: delete（abc,javascript）</Text>
+          <Button title="delete" color="#9a73ef" onPress={deleteExample} />
+          <Text style={styles.result} allowFontScaling>
+            {deleteResult}
+          </Text>
         </View>
       </View>
     </ScrollView>
- )
+  );
 };
 
 const styles = StyleSheet.create({
   text: {
     fontSize: 18,
     marginBottom: 10,
-    color: 'red',
+    color: "red",
   },
   result: {
     marginTop: 10,
     fontSize: 18,
     marginBottom: 10,
-    color: 'black',
-  }
+    color: "black",
+  },
 });
 
 export default URLPolyfillDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name         | Description                                                  | Type            | Required | Platform    | HarmonyOS Support |
-| ------------ | ------------------------------------------------------------ | --------------- | -------- | ----------- | :---------------- |
-| hash         | Gets and sets the fragment portion of the URL.               | string          | no       | Android/iOS | yes               |
-| host         | Gets and sets the host portion of the URL.                   | string          | no       | Android/iOS | yes               |
-| hostname     | Gets and sets the host name portion of the URL.              | string          | no       | Android/iOS | yes               |
-| href         | Gets and sets the serialized URL.                            | string          | no       | Android/iOS | yes               |
-| origin       | Gets the read-only serialization of the URL's origin.        | string          | no       | Android/iOS | yes               |
-| password     | Gets and sets the password portion of the URL.               | string          | no       | Android/iOS | yes               |
-| pathname     | Gets and sets the path portion of the URL.                   | string          | no       | Android/iOS | yes               |
-| port         | Gets and sets the port portion of the URL.                   | string          | no       | Android/iOS | yes               |
-| protocol     | Gets and sets the protocol portion of the URL.               | string          | no       | Android/iOS | yes               |
-| search       | Gets and sets the serialized query portion of the URL.       | string          | no       | Android/iOS | yes               |
+| Name         | Description                                                                     | Type            | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------------------------- | --------------- | -------- | ----------- | :---------------- |
+| hash         | Gets and sets the fragment portion of the URL.                                  | string          | no       | Android/iOS | yes               |
+| host         | Gets and sets the host portion of the URL.                                      | string          | no       | Android/iOS | yes               |
+| hostname     | Gets and sets the host name portion of the URL.                                 | string          | no       | Android/iOS | yes               |
+| href         | Gets and sets the serialized URL.                                               | string          | no       | Android/iOS | yes               |
+| origin       | Gets the read-only serialization of the URL's origin.                           | string          | no       | Android/iOS | yes               |
+| password     | Gets and sets the password portion of the URL.                                  | string          | no       | Android/iOS | yes               |
+| pathname     | Gets and sets the path portion of the URL.                                      | string          | no       | Android/iOS | yes               |
+| port         | Gets and sets the port portion of the URL.                                      | string          | no       | Android/iOS | yes               |
+| protocol     | Gets and sets the protocol portion of the URL.                                  | string          | no       | Android/iOS | yes               |
+| search       | Gets and sets the serialized query portion of the URL.                          | string          | no       | Android/iOS | yes               |
 | searchParams | Gets the `URLSearchParams` object representing the query parameters of the URL. | URLSearchParams | no       | Android/iOS | yes               |
-| username     | Gets and sets the username portion of the URL.               | string          | no       | Android/iOS | yes               |
-| size         | The total number of parameter entries on the `URLSearchParams` object. | number          | no       | Android/iOS | yes               |
-
-## 静态方法
-
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name     | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
-| toString | The `toString()` method on the `URL` object returns the serialized URL. | string                             | no       | Android/iOS | yes               |
-| toJSON   | The `toJSON()` method on the `URL` object returns the serialized URL. | string                             | no       | Android/iOS | yes               |
-| append   | Append a new name-value pair to the query string.            | void                               | no       | Android/iOS | yes               |
-| delete   | where name is `name` and value is `value`,removes all name-value pairs. | void                               | no       | Android/iOS | yes               |
-| entries  | Returns an ES6 `Iterator` over each of the name-value pairs in the query. | IterableIterator<[string, string]> | no       | Android/iOS | yes               |
-| forEach  | Iterates over each name-value pair in the query and invokes the given function. | void                               | no       | Android/iOS | yes               |
-| get      | Returns the value of the first name-value pair whose name is `name`. If there are no such pairs, `null` is returned. | string \| null                     | no       | Android/iOS | yes               |
-| getAll   | Returns the values of all name-value pairs whose name is `name`. If there are no such pairs, an empty array is returned. | string[]                           | no       | Android/iOS | yes               |
-| has      | Checks if the `URLSearchParams` object contains key-value pair(s) based on `name` and an optional `value` argument. | boolean                            | no       | Android/iOS | yes               |
-| keys     | Returns an ES6 `Iterator` over the names of each name-value pair. | IterableIterator<string>           | no       | Android/iOS | yes               |
-| set      | Sets the value in the `URLSearchParams` object associated with `name` to `value`. | void                               | no       | Android/iOS | yes               |
-| sort     | Sort all existing name-value pairs in-place by their names.  | void                               | no       | Android/iOS | yes               |
+| username     | Gets and sets the username portion of the URL.                                  | string          | no       | Android/iOS | yes               |
+| size         | The total number of parameter entries on the `URLSearchParams` object.          | number          | no       | Android/iOS | yes               |
+
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name     | Description                                                                                                                             | Type                               | Required | Platform    | HarmonyOS Support |
+| -------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
+| toString | The `toString()` method on the `URL` object returns the serialized URL.                                                                 | string                             | no       | Android/iOS | yes               |
+| toJSON   | The `toJSON()` method on the `URL` object returns the serialized URL.                                                                   | string                             | no       | Android/iOS | yes               |
+| append   | Append a new name-value pair to the query string.                                                                                       | void                               | no       | Android/iOS | yes               |
+| delete   | where name is `name` and value is `value`,removes all name-value pairs.                                                                 | void                               | no       | Android/iOS | yes               |
+| entries  | Returns an ES6 `Iterator` over each of the name-value pairs in the query.                                                               | IterableIterator<[string, string]> | no       | Android/iOS | yes               |
+| forEach  | Iterates over each name-value pair in the query and invokes the given function.                                                         | void                               | no       | Android/iOS | yes               |
+| get      | Returns the value of the first name-value pair whose name is `name`. If there are no such pairs, `null` is returned.                    | string \| null                     | no       | Android/iOS | yes               |
+| getAll   | Returns the values of all name-value pairs whose name is `name`. If there are no such pairs, an empty array is returned.                | string[]                           | no       | Android/iOS | yes               |
+| has      | Checks if the `URLSearchParams` object contains key-value pair(s) based on `name` and an optional `value` argument.                     | boolean                            | no       | Android/iOS | yes               |
+| keys     | Returns an ES6 `Iterator` over the names of each name-value pair.                                                                       | IterableIterator<string>           | no       | Android/iOS | yes               |
+| set      | Sets the value in the `URLSearchParams` object associated with `name` to `value`.                                                       | void                               | no       | Android/iOS | yes               |
+| sort     | Sort all existing name-value pairs in-place by their names.                                                                             | void                               | no       | Android/iOS | yes               |
 | toString | Returns the search parameters serialized as a string on the `URLSearchParams` object, with characters percent-encoded where necessary . | string                             | no       | Android/iOS | yes               |
-| values   | Returns an ES6 `Iterator` over the values of each name-value pair. | IterableIterator<string>           | no       | Android/iOS | yes               |
-
-## 遗留问题
+| values   | Returns an ES6 `Iterator` over the values of each name-value pair.                                                                      | IterableIterator<string>           | no       | Android/iOS | yes               |
 
-## 其他
+## Known Issues
 
-- [ ] 本库在Harmony、iOS、Android都存在的问题，URLSearchParams对象上size属性无法获取对应参数条目的总数，问题: [issue#472](https://github.com/charpeni/react-native-url-polyfill/issues/472)
-- [ ] 本库在Harmony、iOS、Android都存在的问题，URLSearchParams对象上sort方法按名称对现有的key-value进行排序，排序无效果， 问题: [issue#471](https://github.com/charpeni/react-native-url-polyfill/issues/471)
+## Others
 
-## 开源协议
+- [ ] 本库在 Harmony、iOS、Android 都存在的问题，URLSearchParams 对象上 size 属性无法获取对应参数条目的总数，问题: [issue#472](https://github.com/charpeni/react-native-url-polyfill/issues/472)
+- [ ] 本库在 Harmony、iOS、Android 都存在的问题，URLSearchParams 对象上 sort 方法按名称对现有的 key-value 进行排序，排序无效果， 问题: [issue#471](https://github.com/charpeni/react-native-url-polyfill/issues/471)
 
-本项目基于[The MIT License](https://github.com/charpeni/react-native-url-polyfill/blob/main/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under[The MIT License](https://github.com/charpeni/react-native-url-polyfill/blob/main/LICENSE).
diff --git a/en/react-native-vconsole.md b/en/react-native-vconsole.md
index f64fc763..99e94ada 100644
--- a/en/react-native-vconsole.md
+++ b/en/react-native-vconsole.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-vconsole</code> </h1>
@@ -12,13 +12,11 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/kafudev/react-native-vconsole)
 
+## Installation and Usage
 
-> [!TIP] [Github 地址](https://github.com/kafudev/react-native-vconsole)
-
-## 安装与使用
-
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +34,9 @@ yarn add @kafudev/react-native-vconsole@0.1.11
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 
@@ -56,11 +54,11 @@ export const ConsoleDemo = () => {
 
 function PropsType() {
     const appInfo = {
-        原生构建类型: "1",
-        原生版本号: "ConfigReader.VERSION_NAME",
-        原生构建时间: "ConfigReader.BUILD_TIME",
-        热更新版本号: "codePushStore.info.label",
-        热更新详情: "codePushStore.info.desc"
+        Native build type: "1",
+        Native version number: "ConfigReader.VERSION_NAME",
+        Native build time: "ConfigReader.BUILD_TIME",
+        Hot update version number: "codePushStore.info.label",
+        Hot update details: "codePushStore.info.desc"
     }
 
     return (
@@ -72,8 +70,8 @@ function PropsType() {
 
 const styles = StyleSheet.create({
     container: {
-        position: 'absolute', // 绝对定位
-        bottom: 180, // 底部边界与父容器底部对齐
+        position: 'absolute',
+        bottom: 180,
         width: '100%',
         height: 200,
         borderWidth: 1,
@@ -93,20 +91,20 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.29; SDK：HarmonyOS-Next-DB6 5.0.0.61; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.65;
+1. RNOH: 0.72.29; SDK: HarmonyOS-Next-DB6 5.0.0.61; IDE: DevEco Studio 5.0.3.706; ROM: 3.0.0.65;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                              | Type    | Required | Platform | HarmonyOS Support |
 | ------- | ---------------------------------------- | ------- | -------- | -------- | ----------------- |
@@ -115,13 +113,13 @@ const styles = StyleSheet.create({
 | showBtn | Whether to show buttons                  | boolean | no       | All      | yes               |
 | panels  | Custom panels                            | json    | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] 本库在HarmonyOS存在Clipboard无法使用的问题，其已从新版rn框架中移除，依赖Clipboard的相关功能，监控面板network标签页Copy cURL to clipboard、Copy request query to clipboard、Copy response to clipboard均无法正常复制以及粘贴，问题: [issue#2](https://github.com/kafudev/react-native-vconsole/issues/2)
-- [ ] 本库在HarmonyOS存在DevMenu菜单无法启用的问题，新版本rn框架中已经将其从NativeModules移除，DevMenu菜单里的ReLoad、Fps等调试相关功能均无法正常使用， 问题: [issue#3](https://github.com/kafudev/react-native-vconsole/issues/3)
+- [ ] 本库在 HarmonyOS 存在 Clipboard 无法使用的问题，其已从新版 rn 框架中移除，依赖 Clipboard 的相关功能，监控面板 network 标签页 Copy cURL to clipboard、Copy request query to clipboard、Copy response to clipboard 均无法正常复制以及粘贴，问题: [issue#2](https://github.com/kafudev/react-native-vconsole/issues/2)
+- [ ] 本库在 HarmonyOS 存在 DevMenu 菜单无法启用的问题，新版本 rn 框架中已经将其从 NativeModules 移除，DevMenu 菜单里的 ReLoad、Fps 等调试相关功能均无法正常使用， 问题: [issue#3](https://github.com/kafudev/react-native-vconsole/issues/3)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/kafudev/react-native-vconsole/blob/main/LICENSE) ，请自由地享受和参与开源
+This project is licensed under [The MIT License (MIT)](https://github.com/kafudev/react-native-vconsole/blob/main/LICENSE) ，请自由地享受和参与开源
diff --git a/en/react-native-view-pdf.md b/en/react-native-view-pdf.md
index fb55afcc..ebc09b03 100644
--- a/en/react-native-view-pdf.md
+++ b/en/react-native-view-pdf.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-view-pdf</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-PDFView)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-PDFView)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-view-pdf@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from "react";
@@ -60,17 +60,17 @@ export function PdfViewExample() {
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -81,18 +81,15 @@ export function PdfViewExample() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -101,22 +98,22 @@ export function PdfViewExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNPDFView 组件
+### 3. Introducing RNPDFView Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -136,9 +133,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。（如使用混合方案）
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -149,9 +146,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 4.在 ArkTs 侧引入 PDFViewPackage
+### 4. Introducing PDFViewPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -165,30 +162,30 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                                                                                                                                                        | Type     | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -204,23 +201,23 @@ ohpm install
 | onPageChanged     | Callback that is invoked when page is changed. Provides active page and total pages information                                                                                                                                                    | function | no       | Android  | no                |
 | onScrolled        | Callback that is invoked when PDF is scrolled. Provides offset value in a range between 0 and 1. Currently only 0 and 1 are supported.                                                                                                             | function | no       | all      | no                |
 
-### 静态方法
+### Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                                                                                                                                     | Type     | Required | Platform | HarmonyOS Support |
 | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
 | reload | Allows to reload the PDF document. This can be useful in such cases as network issues, document is expired, etc. To reload the document you will need a `ref` to the component: | function | yes      | all      | yes               |
 
-## 遗留问题
+## Known Issues
 
 - [ ] urlProps 属性不支持, HarmonyOS 原生组件 webview 不支持 urlProps。[issue: #5](https://github.com/react-native-oh-library/react-native-PDFView/issues/5)
 - [ ] onScrolled 属性不支持, HarmonyOS 原生组件 webview 加载 pdf 文件时 onScrolled 回调函数不执行。 [issue: #6](https://github.com/react-native-oh-library/react-native-PDFView/issues/6)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/rumax/react-native-PDFView/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/rumax/react-native-PDFView/blob/master/LICENSE).
diff --git a/en/react-native-waterfall-flow.md b/en/react-native-waterfall-flow.md
index 804ca8d4..af48d789 100644
--- a/en/react-native-waterfall-flow.md
+++ b/en/react-native-waterfall-flow.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-waterfall-flow</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
->[!TIP] [Github 地址](https://github.com/axerjs/react-native-waterfall-flow)
+> [!TIP] [GitHub address](https://github.com/axerjs/react-native-waterfall-flow)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,41 +34,91 @@ yarn add react-native-waterfall-flow@1.1.5 --save
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
-import React, { useState, useRef } from 'react';
-import { View, Text, StyleSheet, Button, RefreshControl, Alert } from 'react-native';
-import WaterfallFlow from 'react-native-waterfall-flow';
+import React, { useState, useRef } from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  Button,
+  RefreshControl,
+  Alert,
+} from "react-native";
+import WaterfallFlow from "react-native-waterfall-flow";
 
 const App = () => {
-  const item = ['Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item', 'Item'].map((l, i) => ({ id: l, text: i + ` ${l}` }))
+  const item = [
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+    "Item",
+  ].map((l, i) => ({ id: l, text: i + ` ${l}` }));
   const [data, setData] = useState(item);
   const [refreshing, setRefreshing] = useState(false);
   const waterfallRef = useRef(null);
 
   const renderItem = ({ item }) => {
-
     return (
       <View style={styles.item}>
         <Text>{item.text}</Text>
       </View>
     );
-  }
+  };
 
   const onRefresh = () => {
     setRefreshing(true);
     setTimeout(() => {
-      // 模拟刷新数据
       setData([...item]);
       setRefreshing(false);
     }, 2000);
   };
 
   const onEndReached = () => {
-    // 模拟加载更多数据
-    setData([...data, { id: `${data.length + 1}`, text: `${data.length + 1} Item` }, { id: `${data.length + 2}`, text: `${data.length + 2} Item` }]);
-    // Alert.alert('滚动到底部')
+    setData([
+      ...data,
+      { id: `${data.length + 1}`, text: `${data.length + 1} Item` },
+      { id: `${data.length + 2}`, text: `${data.length + 2} Item` },
+    ]);
   };
 
   return (
@@ -79,15 +129,23 @@ const App = () => {
           renderItem={renderItem}
           data={data}
           numColumns={2}
-          ListHeaderComponent={<Text style={styles.header}>Header Component</Text>}
-          ListFooterComponent={<Text style={styles.footer}>Footer Component</Text>}
-          ListEmptyComponent={<Text style={styles.empty}>No Data Available</Text>}
+          ListHeaderComponent={
+            <Text style={styles.header}>Header Component</Text>
+          }
+          ListFooterComponent={
+            <Text style={styles.footer}>Footer Component</Text>
+          }
+          ListEmptyComponent={
+            <Text style={styles.empty}>No Data Available</Text>
+          }
           onEndReached={onEndReached}
           onRefresh={onRefresh}
           refreshing={refreshing}
           style={styles.waterfall}
           contentContainerStyle={styles.contentContainer}
-          refreshControl={<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />}
+          refreshControl={
+            <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
+          }
         />
       </View>
       <View style={styles.buttonsContainer}>
@@ -97,7 +155,15 @@ const App = () => {
         />
         <Button
           title="Scroll to Index"
-          onPress={() => { data.length >= 20 ? waterfallRef.current.scrollToIndex({ animated: true, index: 20, viewPosition: 0 }) : false }}
+          onPress={() => {
+            data.length >= 20
+              ? waterfallRef.current.scrollToIndex({
+                  animated: true,
+                  index: 20,
+                  viewPosition: 0,
+                })
+              : false;
+          }}
         />
         <Button
           title="Scroll to Offset"
@@ -107,7 +173,9 @@ const App = () => {
       <View style={styles.buttonDelete}>
         <Button
           title="Delete Data"
-          onPress={() => { setData([]) }}
+          onPress={() => {
+            setData([]);
+          }}
         />
       </View>
     </View>
@@ -125,7 +193,7 @@ const styles = StyleSheet.create({
     padding: 10,
   },
   item: {
-    backgroundColor: '#ccc',
+    backgroundColor: "#ccc",
     margin: 5,
     padding: 10,
     borderRadius: 5,
@@ -133,82 +201,76 @@ const styles = StyleSheet.create({
   header: {
     padding: 10,
     fontSize: 18,
-    textAlign: 'center',
+    textAlign: "center",
   },
   footer: {
     padding: 10,
     fontSize: 16,
-    textAlign: 'center',
+    textAlign: "center",
   },
   empty: {
     padding: 10,
     fontSize: 16,
-    textAlign: 'center',
+    textAlign: "center",
   },
   buttonsContainer: {
-    flexDirection: 'row',
-    justifyContent: 'space-around',
+    flexDirection: "row",
+    justifyContent: "space-around",
     padding: 10,
   },
   buttonDelete: {
-    marginBottom: 20
-  }
+    marginBottom: 20,
+  },
 });
 
 export default App;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
-1. RNOH: 0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65; 
+1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: NEXT.0.0.65;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
+## Properties
 
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-## 属性
-
->[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
->[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                  | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- | ----------------- |
-| `renderItem` | 用于将当前`item`渲染到列表中 | function | Yes       | All      | yes               |
-| `data`     | 瀑布流数据源，可以是任意内容的数组            | array | Yes       | All      | yes               |
-| `numColumns` | 瀑布流的列数，默认为2，即两列                    | number | No   | All      | yes               |
-| `ListHeaderComponent` | 头部组件。可以是 React Component 或 render 函数。                          | component`, `function | No       | All      | yes               |
-| `ListFooterComponent` | 尾部组件。可以是 React Component 或 render 函数。 | component`, `function | No       | All      | yes               |
-| `ListEmptyComponent` | 列表为空时渲染该组件。可以是 React Component 或 render 函数 | component`, `function | No       | All      | yes               |
-| `onEndReached`   | 当列表滚动到底部是调用            | function | No       | All      | yes               |
-| `onRefresh`   | 如果设置了此选项，则会在列表头部添加一个标准的[`RefreshControl`](https://www.react-native.cn/docs/refreshcontrol) 控件，以便实现“下拉刷新”的功能。同时你需要正确设置`refreshing`属性。 | function | No       | All      | yes               |
-| `refreshing` | 在等待加载新数据时将此属性设为 true，列表就会显示出一个正在加载的符号。                   | boolean | No       | All      | yes               |
-| `style`     | 用于设置瀑布流外层样式，默认会有`{ flex: 1 }`的样式，即高度充满父容器             | object | No       | All      | yes               |
-| `contentContainerStyle` | 瀑布流内容容器样式                           | object | No   | All      | yes               |
-
-## 静态方法
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+| Name                    | Description                                                                                                                                                                            | Type                  | Required | Platform | HarmonyOS Support |
+| ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | -------- | -------- | ----------------- |
+| `renderItem`            | 用于将当前`item`渲染到列表中                                                                                                                                                           | function              | Yes      | All      | yes               |
+| `data`                  | 瀑布流数据源，可以是任意内容的数组                                                                                                                                                     | array                 | Yes      | All      | yes               |
+| `numColumns`            | 瀑布流的列数，默认为 2，即两列                                                                                                                                                         | number                | No       | All      | yes               |
+| `ListHeaderComponent`   | 头部组件。可以是 React Component 或 render 函数。                                                                                                                                      | component`, `function | No       | All      | yes               |
+| `ListFooterComponent`   | 尾部组件。可以是 React Component 或 render 函数。                                                                                                                                      | component`, `function | No       | All      | yes               |
+| `ListEmptyComponent`    | 列表为空时渲染该组件。可以是 React Component 或 render 函数                                                                                                                            | component`, `function | No       | All      | yes               |
+| `onEndReached`          | 当列表滚动到底部是调用                                                                                                                                                                 | function              | No       | All      | yes               |
+| `onRefresh`             | 如果设置了此选项，则会在列表头部添加一个标准的[`RefreshControl`](https://www.react-native.cn/docs/refreshcontrol) 控件，以便实现“下拉刷新”的功能。同时你需要正确设置`refreshing`属性。 | function              | No       | All      | yes               |
+| `refreshing`            | 在等待加载新数据时将此属性设为 true，列表就会显示出一个正在加载的符号。                                                                                                                | boolean               | No       | All      | yes               |
+| `style`                 | 用于设置瀑布流外层样式，默认会有`{ flex: 1 }`的样式，即高度充满父容器                                                                                                                  | object                | No       | All      | yes               |
+| `contentContainerStyle` | 瀑布流内容容器样式                                                                                                                                                                     | object                | No       | All      | yes               |
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+## Static Methods
 
-| Name                       | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
-| -------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| `scrollToEnd([params])`    | 滚动到瀑布流列表的底部                                       | object | No       | All      | yes               |
-| `scrollToIndex([params])`  | 将位于指定位置的元素滚动到可视区的指定位置，当viewPosition 为 0 时将它滚动到屏幕顶部，为 1 时将它滚动到屏幕底部，为 0.5 时将它滚动到屏幕中央。 | object | Yes      | All      | yes               |
-| `scrollToOffset([params])` | 滚动列表到指定的偏移（以像素为单位），等同于ScrollView的scrollTo方法。 | object | Yes      | All      | yes               |
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-## 遗留问题
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
- 无
+| Name                       | Description                                                                                                                                     | Type   | Required | Platform | HarmonyOS Support |
+| -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | ----------------- |
+| `scrollToEnd([params])`    | 滚动到瀑布流列表的底部                                                                                                                          | object | No       | All      | yes               |
+| `scrollToIndex([params])`  | 将位于指定位置的元素滚动到可视区的指定位置，当 viewPosition 为 0 时将它滚动到屏幕顶部，为 1 时将它滚动到屏幕底部，为 0.5 时将它滚动到屏幕中央。 | object | Yes      | All      | yes               |
+| `scrollToOffset([params])` | 滚动列表到指定的偏移（以像素为单位），等同于 ScrollView 的 scrollTo 方法。                                                                      | object | Yes      | All      | yes               |
 
-## 其他
+## Known Issues
 
-## 开源协议
+## Others
 
-本项目基于 [The MIT License (MIT)](https://github.com/axerjs/react-native-waterfall-flow/blob/HEAD/LICENSE) ，请自由地享受和参与开源。
+## License
 
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/axerjs/react-native-waterfall-flow/blob/HEAD/LICENSE).

From c8b1b889fdbe1e48b0cc06e2d90cd25f0f4ec531 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Thu, 31 Oct 2024 01:02:16 +0000
Subject: [PATCH 791/966] =?UTF-8?q?!1811=20docs:=20=20[Issues:=20#IB0YJT]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-gifted-charts=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB0YJT]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-gifted-charts=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-gifted-charts.md    | 4 ++--
 zh-cn/react-native-gifted-charts.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-gifted-charts.md b/en/react-native-gifted-charts.md
index f3fd38d5..9e71a71e 100644
--- a/en/react-native-gifted-charts.md
+++ b/en/react-native-gifted-charts.md
@@ -565,7 +565,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | yAxisIndicesHeight | Height of the pointers on the Y axis | number | no | all | yes
 | yAxisIndicesWidth | Width of the pointers on the Y axis | number | no | all | yes
 | yAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no | all | yes
-| yAxisIndicesColor | To hide axes, rules, labels altogether | boolean | no | all | yes
+| hideAxesAndRules | To hide axes, rules, labels altogether | boolean | no | all | yes
 | yAxisLabelTexts | Array of label texts to be displayed along y axis | Array<string>| no | all |yes
 | xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>| no | all |yes
 | xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no | all | yes
@@ -573,7 +573,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | xAxisLabelsHeight | Height of X axis labels container | number | no | all | yes
 | xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no | all |yes
 | rotateLabel | To rotate the X axis labels (by 60deg) | boolean | no | all | yes
-| hideOrigin | To hide the y Axis label at origin (i.e. 0) | boolean | no | all | ye
+| hideOrigin | To hide the y Axis label at origin (i.e. 0) | boolean | no | all | yes
 | secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no | all |yes
 | secondaryData | the secondary data that will be rendered along the secondary Y axis | Array of items | no | all |yes
 | secondaryLineConfig | properties of the secondary data line (secondaryLineConfigType is described below) | secondaryLineConfigType| no | all |yes
diff --git a/zh-cn/react-native-gifted-charts.md b/zh-cn/react-native-gifted-charts.md
index 48077a16..0736773f 100644
--- a/zh-cn/react-native-gifted-charts.md
+++ b/zh-cn/react-native-gifted-charts.md
@@ -555,7 +555,7 @@ export default function () {
 | yAxisIndicesHeight | Height of the pointers on the Y axis | number   | no  | all | yes
 | yAxisIndicesWidth | Width of the pointers on the Y axis | number   | no  | all | yes
 | yAxisIndicesColor | Color of the pointers on the X axis | ColorValue   | no  | all | yes
-| yAxisIndicesColor | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
+| hideAxesAndRules | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
 | yAxisLabelTexts | Array of label texts to be displayed along y axis  | Array<string>| no  | all   |yes
 | xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>| no  | all   |yes
 | xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no  | all | yes
@@ -563,7 +563,7 @@ export default function () {
 | xAxisLabelsHeight | Height of X axis labels container   | number   | no  | all | yes
 | xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no  | all   |yes
 | rotateLabel | To rotate the X axis labels (by 60deg) | boolean  | no  | all | yes
-| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean  | no  | all | ye
+| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean  | no  | all | yes
 | secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no  | all   |yes
 | secondaryData | the secondary data that will be rendered along the secondary Y axis  | Array of items | no  | all   |yes
 | secondaryLineConfig | properties of the secondary data line (secondaryLineConfigType is described below) | secondaryLineConfigType| no  | all   |yes

From 2e8bc2cbca00e058594bbc8cda12f7d026ebce96 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Thu, 31 Oct 2024 06:25:13 +0000
Subject: [PATCH 792/966] =?UTF-8?q?!1817=20docs:=20=E4=BF=AE=E6=94=B9galio?=
 =?UTF-8?q?-framework=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20?=
 =?UTF-8?q?=20[Issues:=20#IB11SB]=20=E4=BF=AE=E6=94=B9galio-framework?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/galio-framework.md    | 32 +++++++++++++++++---------------
 zh-cn/galio-framework.md | 31 +++++++++++++++++--------------
 2 files changed, 34 insertions(+), 29 deletions(-)

diff --git a/en/galio-framework.md b/en/galio-framework.md
index 48968d27..a915c9a0 100644
--- a/en/galio-framework.md
+++ b/en/galio-framework.md
@@ -317,18 +317,18 @@ For details, see[galio](https://galio.io/docs/#/components)
 
 ### [Radio](https://galio.io/docs/#/components/radio?id=radio)
 
-|      Name       |                Description                |                                 Type                                  | Required |  Platform   | HarmonyOS Support |
-| :-------------: | :---------------------------------------: | :-------------------------------------------------------------------: | :------: | :---------: | :---------------: |
-|      color      |                  color.                   |                                string                                 |    no    | iOS/Android |        Yes        |
-| containerStyle  |              Container Style              |                                  any                                  |    no    | iOS/Android |        Yes        |
-| radioOuterStyle |            Title of the NavBar            |                                  any                                  |    no    | iOS/Android |        Yes        |
-| radioInnerStyle |      Sets the styling for the title       |                                  any                                  |    no    | iOS/Android |        Yes        |
-|    disabled     |              Prohibited Use               |                                boolean                                |    no    | iOS/Android |        Yes        |
-|  flexDirection  | Determines the direction of the main axis | oneOfType(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
-|  initialValue   |               Initial Value               |                                boolean                                |    no    | iOS/Android |        Yes        |
-|      label      |                   Label                   |                                string                                 |    no    | iOS/Android |        Yes        |
-|   labelStyle    |               Label Styles                |                                  any                                  |    no    | iOS/Android |        Yes        |
-|    onChange     |       Change when radio is seleted        |                               function                                |    no    | iOS/Android |        Yes        |
+|      Name       |                  Description                   |                             Type                             | Required |  Platform   | HarmonyOS Support |
+| :-------------: | :--------------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
+|      color      |                     color.                     |                            string                            |    no    | iOS/Android |        Yes        |
+| containerStyle  |                Container Style                 |                             any                              |    no    | iOS/Android |        Yes        |
+| radioOuterStyle | Sets the style of the outer layer of the radio |                             any                              |    no    | iOS/Android |        Yes        |
+| radioInnerStyle |       Sets the style Inner of the radio        |                             any                              |    no    | iOS/Android |        Yes        |
+|    disabled     |                 Prohibited Use                 |                           boolean                            |    no    | iOS/Android |        Yes        |
+|  flexDirection  |   Determines the direction of the main axis    | oneOfType(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
+|  initialValue   |                 Initial Value                  |                           boolean                            |    no    | iOS/Android |        Yes        |
+|      label      |                     Label                      |                            string                            |    no    | iOS/Android |        Yes        |
+|   labelStyle    |                  Label Styles                  |                             any                              |    no    | iOS/Android |        Yes        |
+|    onChange     |          Change when radio is seleted          |                           function                           |    no    | iOS/Android |        Yes        |
 
 ### [Text](https://galio.io/docs/#/components/text?id=text)
 
@@ -397,8 +397,10 @@ For details, see[galio](https://galio.io/docs/#/components)
 
 ## Known Issues
 ## Others
-- fadeOutDuration使用会出现闪退 [issue#264](https://github.com/galio-org/galio/issues/264)
-- Block组件里面使用safe属性没有效果 [issue#265](https://github.com/galio-org/galio/issues/265)
+
+- Flashback occurs when fadeOutDuration is used [issue#264](https://github.com/galio-org/galio/issues/264)
+- Using the safe attribute in the Block component does not take effect [issue#265](https://github.com/galio-org/galio/issues/265)
+
 ## License
 
-This project is licensed under [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)。
\ No newline at end of file
+This project is licensed under [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)
\ No newline at end of file
diff --git a/zh-cn/galio-framework.md b/zh-cn/galio-framework.md
index 4b330f5f..5c7abe13 100644
--- a/zh-cn/galio-framework.md
+++ b/zh-cn/galio-framework.md
@@ -156,7 +156,7 @@ export default CardDemo;
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS NEXT Developer Beta1 5.0.0.25(API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -320,18 +320,18 @@ export default CardDemo;
 
 ### [Radio](https://galio.io/docs/#/components/radio?id=radio)
 
-|      Name       |                Description                |                             Type                             | Required |  Platform   | HarmonyOS Support |
-| :-------------: | :---------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
-|      color      |                  color.                   |                            string                            |    no    | iOS/Android |        Yes        |
-| containerStyle  |              Container Style              |                             any                              |    no    | iOS/Android |        Yes        |
-| radioOuterStyle |            Title of the NavBar            |                             any                              |    no    | iOS/Android |        Yes        |
-| radioInnerStyle |      Sets the styling for the title       |                             any                              |    no    | iOS/Android |        Yes        |
-|    disabled     |              Prohibited Use               |                           boolean                            |    no    | iOS/Android |        Yes        |
-|  flexDirection  | Determines the direction of the main axis | oneOfType(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
-|  initialValue   |               Initial Value               |                           boolean                            |    no    | iOS/Android |        Yes        |
-|      label      |                   Label                   |                            string                            |    no    | iOS/Android |        Yes        |
-|   labelStyle    |               Label Styles                |                             any                              |    no    | iOS/Android |        Yes        |
-|    onChange     |       Change when radio is seleted        |                           function                           |    no    | iOS/Android |        Yes        |
+|      Name       |                  Description                   |                             Type                             | Required |  Platform   | HarmonyOS Support |
+| :-------------: | :--------------------------------------------: | :----------------------------------------------------------: | :------: | :---------: | :---------------: |
+|      color      |                     color                      |                            string                            |    no    | iOS/Android |        Yes        |
+| containerStyle  |                Container Style                 |                             any                              |    no    | iOS/Android |        Yes        |
+| radioOuterStyle | Sets the style of the outer layer of the radio |                             any                              |    no    | iOS/Android |        Yes        |
+| radioInnerStyle |       Sets the style Inner of the radio        |                             any                              |    no    | iOS/Android |        Yes        |
+|    disabled     |                 Prohibited Use                 |                           boolean                            |    no    | iOS/Android |        Yes        |
+|  flexDirection  |   Determines the direction of the main axis    | oneOfType(['row', 'row-reverse', 'column', 'column-reverse']), string |    no    | iOS/Android |        Yes        |
+|  initialValue   |                 Initial Value                  |                           boolean                            |    no    | iOS/Android |        Yes        |
+|      label      |                     Label                      |                            string                            |    no    | iOS/Android |        Yes        |
+|   labelStyle    |                  Label Styles                  |                             any                              |    no    | iOS/Android |        Yes        |
+|    onChange     |          Change when radio is seleted          |                           function                           |    no    | iOS/Android |        Yes        |
 
 ### [Text](https://galio.io/docs/#/components/text?id=text)
 
@@ -401,8 +401,11 @@ export default CardDemo;
 ## 遗留问题
 
 ## 其他
+
 - fadeOutDuration使用会出现闪退 [issue#264](https://github.com/galio-org/galio/issues/264)
+
 - Block组件里面使用safe属性没有效果 [issue#265](https://github.com/galio-org/galio/issues/265)
+
 ## 开源协议
 
-本项目基于 [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)，请自由地享受和参与开源。

From e98d3a1d06c96503cde8c9ca46d4a7de1ced9a8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=86=B2?=
 <9521422+jx-is-hard@user.noreply.gitee.com>
Date: Thu, 31 Oct 2024 06:54:01 +0000
Subject: [PATCH 793/966] =?UTF-8?q?!1814=20docs:=20[#IB0A43]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-gifted-chat=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IB0A43]=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-gifted-chat=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-gifted-chat.md    | 7 +++----
 zh-cn/react-native-gifted-chat.md | 7 +++----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/en/react-native-gifted-chat.md b/en/react-native-gifted-chat.md
index 9d4f0254..a07923b4 100644
--- a/en/react-native-gifted-chat.md
+++ b/en/react-native-gifted-chat.md
@@ -184,12 +184,11 @@ RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.4
 |       **infiniteScroll**        | infinite scroll up when reach the top of messages container, automatically call onLoadEarlier function if exist (not yet supported for the web). You need to add `loadEarlier` prop too. |    *Boolean*    |    No    | iOS/Android |        Yes        |
 
 ## Known Issues
- - [ ] iOS 和 HarmonyOS侧效果有差异 RN输入框键盘弹出遮挡了输入框 新建一个项目加一个在屏幕底下的输入框,键盘弹出会默认把输入框顶上来
- - [ ] 输入框最大高 maxComposerHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
- - [ ] 输入工具栏最小高 minInputToolbarHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
- - [ ] 聊天与屏幕底部的距离 bottomOffset 设置无法查看效果,IOS设置后效果为键盘弹出后聊天栏与输入栏之间的距离,RN键盘弹出未把输入框顶上来
 
 ## Others
+-  输入框最大高 maxComposerHeight 设置无效果 maxComposerHeight为复杂数据类型,设置后在HarmonyOS侧效果偶发
+-  输入工具栏最小高 minInputToolbarHeight 设置无效,与iOS一致
+-  聊天与屏幕底部的距离 bottomOffset 设置无效,与iOS一致
 
 ## License
 
diff --git a/zh-cn/react-native-gifted-chat.md b/zh-cn/react-native-gifted-chat.md
index e46e686f..01a564ef 100644
--- a/zh-cn/react-native-gifted-chat.md
+++ b/zh-cn/react-native-gifted-chat.md
@@ -186,12 +186,11 @@ export function App() {
 |       **infiniteScroll**        | infinite scroll up when reach the top of messages container, automatically call onLoadEarlier function if exist (not yet supported for the web). You need to add `loadEarlier` prop too. |    *Boolean*    |    No    | iOS/Android |        Yes        |
 
 ## 遗留问题
- - [ ] iOS 和 HarmonyOS侧效果有差异 RN输入框键盘弹出遮挡了输入框 新建一个项目加一个在屏幕底下的输入框,键盘弹出会默认把输入框顶上来
- - [ ] 输入框最大高 maxComposerHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
- - [ ] 输入工具栏最小高 minInputToolbarHeight 设置无效果 监听输入框高度改变 onContentSizeChange未触发
- - [ ] 聊天与屏幕底部的距离 bottomOffset 设置无法查看效果,IOS设置后效果为键盘弹出后聊天栏与输入栏之间的距离,RN键盘弹出未把输入框顶上来
 
 ## 其他
+-  输入框最大高 maxComposerHeight 设置无效果 maxComposerHeight为复杂数据类型,设置后在HarmonyOS侧效果偶发
+-  输入工具栏最小高 minInputToolbarHeight 设置无效,与iOS一致
+-  聊天与屏幕底部的距离 bottomOffset 设置无效,与iOS一致
 
 ## 开源协议
 

From eb90f7f896b15beeb077c3462a5abdb567e28db1 Mon Sep 17 00:00:00 2001
From: lihonggang <lihonggang11@h-partners.com>
Date: Thu, 31 Oct 2024 07:37:52 +0000
Subject: [PATCH 794/966] =?UTF-8?q?!1818=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-natvie-keyboard-controller=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:#IB0L5T]=E4=BF=AE=E6=94=B9react-natvie-k?=
 =?UTF-8?q?eyboard-controller=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-keyboard-controller.md    | 166 +++++++++++-----------
 zh-cn/react-native-keyboard-controller.md |  34 ++---
 2 files changed, 100 insertions(+), 100 deletions(-)

diff --git a/en/react-native-keyboard-controller.md b/en/react-native-keyboard-controller.md
index f5618375..f4faf842 100644
--- a/en/react-native-keyboard-controller.md
+++ b/en/react-native-keyboard-controller.md
@@ -278,137 +278,137 @@ Check the release version information in the release address of the third-party
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**Hooks**:键盘控制器相关的钩子函数
+**Hooks**:Keyboard controller-related hook functions
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| useKeyboardAnimation | 获取键盘动画值的钩子函数 | function | no | iOS,Android | yes |
-| useReanimatedKeyboardAnimation | 获取键盘动画值的钩子函数 | function | no | iOS,Android | yes |
-| useKeyboardHandler | 设置键盘回调事件的钩子函数 | function | no | iOS,Android | yes |
-| useKeyboardController | 设置是否启动键盘监听事件的钩子函数 |function | no | iOS,Android | yes |
-| useFocusedInputHandler | 设置监听输入框回调事件的钩子函数 | function | no | iOS,Android |partially |
-| useReanimatedFocusedInput | 当前聚焦的输入控件文本变化事件回调的钩子函数 | function | no | iOS,Android |no |
+| useKeyboardAnimation | Hook function for obtaining keyboard animation values | function | no | iOS,Android | yes |
+| useReanimatedKeyboardAnimation |Hook function for obtaining keyboard animation values | function | no | iOS,Android | yes |
+| useKeyboardHandler | Sets the hook function of the keyboard callback event. | function | no | iOS,Android | yes |
+| useKeyboardController | Hook function for setting whether to enable keyboard listening events |function | no | iOS,Android | yes |
+| useFocusedInputHandler | Sets the hook function for listening to the input box callback event.( Text change listening is supported in HarmonyOS)  | function | no | iOS,Android |partially |
+| useReanimatedFocusedInput | Hook function for calling back the text change event of the currently focused input control.| function | no | iOS,Android |no |
 
-**KeyboardController**: 键盘控制器
+**KeyboardController**: Keyboard controller
 
 | Name                                     | Description          | Type     | Required | Platform    | HarmonyOS Support |
 | ---------------------------------------- | -------------------- | -------- | -------- | ----------- | ----------------- |
-| setInputMode(mode: number): void         | 设置键盘显示默认模式 | function | no       | Android     | no                |
-| setDefaultMode(): void                   | 设置键盘显示默认模式 | function | no       | Android     | no                |
-| dismiss(): void                          | 设置键盘隐藏         | function | no       | iOS,Android | yes               |
-| setFocusTo(direction: string): void      | 设置聚焦的方式       | function | no       | iOS,Android | no                |
-| addListener: (eventName: string) => void | 添加键盘的监听事件   | function | no       | iOS,Android | yes               |
-| removeListeners: (count: number) => void | 删除键盘的监听事件   | function | no       | iOS,Android | yes               |
+| setInputMode(mode: number): void         | Setting the Keyboard Display Mode | function | no       | Android     | no                |
+| setDefaultMode(): void                   | Setting the Default Keyboard Display Mode| function | no       | Android     | no                |
+| dismiss(): void                          | Set Keyboard Hide        | function | no       | iOS,Android | yes               |
+| setFocusTo(direction: string): void      | Setting the mode of focus      | function | no       | iOS,Android | no                |
+| addListener: (eventName: string) => void | Adding a Keyboard Listening Event   | function | no       | iOS,Android | yes               |
+| removeListeners: (count: number) => void | Delete the listening event of the keyboard.  | function | no       | iOS,Android | yes               |
 
-**StatusBarManagerCompat**: 状态栏控制器
+**StatusBarManagerCompat**: Status Bar Controller
 
 | Name                                             | Description          | Type     | Required | Platform | HarmonyOS Support |
 | ------------------------------------------------ | -------------------- | -------- | -------- | -------- | ----------------- |
-| setHidden(hidden: boolean): void                 | 设置状态栏隐藏不可见 | function | no       | Android  | yes               |
-| setColor(color: number, animated: boolean): void | 设置状态栏背景颜色   | function | no       | Android  | yes               |
-| setTranslucent(translucent: boolean): void       | 设置状态栏是否透明   | function | no       | Android  | yes               |
-| setStyle(style: string): void                    | 设置状态栏的内容颜色 | function | no       | Android  | yes               |
+| setHidden(hidden: boolean): void                 | Set the status bar to be hidden and invisible. | function | no       | Android  | yes               |
+| setColor(color: number, animated: boolean): void | Setting the background color of the status bar   | function | no       | Android  | no               |
+| setTranslucent(translucent: boolean): void       | Sets whether the status bar is transparent.  | function | no       | Android  | no               |
+| setStyle(style: string): void                    | Setting the Content Color of the Status Bar | function | no       | Android  | yes               |
 
-**KeyboardEvents**:监听键盘事件
+**KeyboardEvents**:Listening for keyboard events
 
 | Name             | Description      | Type   | Required | Platform    | HarmonyOS Support |
 | ---------------- | ---------------- | ------ | -------- | ----------- | ----------------- |
-| keyboardWillShow | 键盘将要显示事件 | string | no       | iOS,Android | no                |
-| keyboardDidShow  | 键盘已经显示事件 | string | no       | iOS,Android | yes               |
-| keyboardWillHide | 键盘将要隐藏事件 | string | no       | iOS,Android | no                |
-| keyboardDidHide  | 键盘已经隐藏事件 | string | no       | iOS,Android | yes               |
+| keyboardWillShow | The keyboard is about to display events | string | no       | iOS,Android | no                |
+| keyboardDidShow  | Keyboard has shown events | string | no       | iOS,Android | yes               |
+| keyboardWillHide | Keyboard is about to hide events | string | no       | iOS,Android | no                |
+| keyboardDidHide  | Keyboard has hidden events | string | no       | iOS,Android | yes               |
 
-**FocusedInputEvents**:监听聚焦输入框事件
+**FocusedInputEvents**:Listening to the event of focusing on Input
 
 | Name        | Description        | Type   | Required | Platform    | HarmonyOS Support |
 | ----------- | ------------------ | ------ | -------- | ----------- | ----------------- |
-| focusDidSet | 聚焦输入框事件类型 | string | no       | iOS,Android | no                |
+| focusDidSet | Focus on the event type of Input | string | no       | iOS,Android | no                |
 
-**WindowDimensionsEvents**:监听窗口布局变化事件
+**WindowDimensionsEvents**:Listening to window layout change events
 
 | Name            | Description  | Type   | Required | Platform | HarmonyOS Support |
 | --------------- | ------------ | ------ | -------- | -------- | ----------------- |
-| windowDidResize | 监听窗口事件 | string | no       | Android  | no                |
+| windowDidResize | Listening for window events | string | no       | Android  | no                |
 
-## 组件
+## Component
 
-**KeyboardControllerView**: 键盘控制器
+**KeyboardControllerView**: Keyboard controller View
 
 | Name                                                                                    | Description                      | Type        | Required | Platform    | HarmonyOS Support |
 | --------------------------------------------------------------------------------------- | -------------------------------- | ----------- | -------- | ----------- | ----------------- |
-| enabled                                                                                 | 是否开启键盘监听事件             | boolean     | no       | iOS,Android | yes               |
-| statusBarTranslucent                                                                    | 状态栏是否透明                   | boolean     | no       | Android     | no                |
-| navigationBarTranslucent                                                                | 导航栏是否透明                   | boolean     | no       | Android     | no                |
-| onKeyboardMoveStart?: DirectEventHandler < KeyboardMoveEvent >                          | 键盘开始移动的监听事件           | function    | no       | iOS,Android | no                |
-| onKeyboardMove?: DirectEventHandler< KeyboardMoveEvent >                                | 键盘移动中的监听事件             | function    | no       | iOS,Android | no                |
-| onKeyboardMoveEnd?: DirectEventHandler< KeyboardMoveEvent >                             | 键盘移动结束的监听事件           | function    | no       | iOS,Android | yes               |
-| onKeyboardMoveInteractive?: DirectEventHandler< KeyboardMoveEvent >                     | 键盘移动交互的监听事件           | function    | no       | iOS,Android | no                |
-| onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent >     | 聚焦输入框位置坐标变化的监听事件 | function    | no       | iOS,Android | no                |
-| onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent>           | 聚焦输入框文本变化的监听事件     | function    | no       | iOS,Android | yes               |
-| onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | 聚焦输入框文本选择的监听事件     | function    | no       | iOS,Android | no                |
-| children                                                                                | JSX element 子组件               | JSX.Element | no       | iOS,Android | yes               |
-
-**KeyboardGestureArea**: 手势控制键盘组件
+| enabled                                                                                 | A boolean prop indicating whether the module is enabled. It indicate only initial state, i. e. if you try to change this prop after component mount it will not have any effect. To change the property in runtime use`useKeyboardController` hook and `setEnabled` method.Defaults to `true`.            | boolean     | no       | iOS,Android | yes               |
+| statusBarTranslucent                                                                    | Set the value to `true`, if you use translucent status bar on Android,Defaults to `false`.If you already control status bar translucency via `react-native-screens`or `StatusBar` component from `react-native`, you can ignore it             | boolean     | no       | Android     | no                |
+| navigationBarTranslucent                                                                | Set the value to `true`, if you use translucent navigation bar on Android,Defaults to `false`                  | boolean     | no       | Android     | no                |
+| onKeyboardMoveStart?: DirectEventHandler < KeyboardMoveEvent >                          |Listening event when the keyboard starts to move           | function    | no       | iOS,Android | no                |
+| onKeyboardMove?: DirectEventHandler< KeyboardMoveEvent >                                | Listening events in keyboard movement            | function    | no       | iOS,Android | no                |
+| onKeyboardMoveEnd?: DirectEventHandler< KeyboardMoveEvent >                             | Listening event of the end of keyboard movement          | function    | no       | iOS,Android | yes               |
+| onKeyboardMoveInteractive?: DirectEventHandler< KeyboardMoveEvent >                     | Listening event of keyboard movement interaction          | function    | no       | iOS,Android | no                |
+| onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent >     | Listening event of the coordinate change of the focus text box position | function    | no       | iOS,Android | no                |
+| onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent>           | Listening event that focuses on text changes in Input    | function    | no       | iOS,Android | yes               |
+| onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | Listening event of focusing on text selection in Input     | function    | no       | iOS,Android | no                |
+| children                                                                                |   children of the KeyboardControllerView              | JSX.Element | no       | iOS,Android | yes               |
+
+**KeyboardGestureArea**:Gesture Control Keyboard Assembly
 
 | Name                 | Description                  | Type                 | Required | Platform | HarmonyOS Support |
 | -------------------- | ---------------------------- | -------------------- | -------- | -------- | ----------------- |
-| showOnSwipeUp        | 键盘随手势向上滑动显示       | boolean              | no       | Android  | no                |
-| enableSwipeToDismiss | 键盘随手势向下滑动隐藏       | boolean              | no       | Android  | no                |
-| interpolator         | 设置键盘随手势滑动的动画模式 | linear / ios/ linear | no       | Android  | no                |
+| showOnSwipeUp        | The keyboard slides up with the gesture to display       | boolean              | no       | Android  | no                |
+| enableSwipeToDismiss | The keyboard slides down with the gesture to hide      | boolean              | no       | Android  | no                |
+| interpolator         | Sets the animation mode for the keyboard to slide with gestures. | linear / ios/ linear | no       | Android  | no                |
 
-**KeyboardAvoidingView**: 键盘控制器的容器组件
+**KeyboardAvoidingView**:Container Assembly for Keyboard Controller
 
 | Name                   | Description                                                    | Type                                                   | Required | Platform    | HarmonyOS Support |
 | ---------------------- | -------------------------------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
-| behavior               | 指定如何对键盘的存在做出反应                                   | "height" / "position" / "padding"                      | no       | iOS,Android | yes               |
-| contentContainerStyle  | 当`behavior`为 position 时，内容容器的样式                     | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | Android     | yes               |
-| enabled                | 控制这个`KeyboardAvodingView`实例是否应该生效,默认为 true      | boolean                                                | no       | Android     | yes               |
-| keyboardVerticalOffset | 用户屏幕顶部和 React Native 视图之间的距离,默认为`0`           | number                                                 | no       | iOS,Android | yes               |
-| onLayout               | 在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void | function/undefined                                     | no       | iOS,Android | yes               |
-| style                  | `KeyboardAvodingView`的 CSS 属性                               | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
-| children               | JSX element 子组件                                             | JSX.Element                                            | no       | iOS,Android | yes               |
+| behavior               | Specify how to react to the presence of the keyboard (HarmonyOS now only surpport position)                                  | "height" / "position" / "padding"                     | no       | iOS,Android | partially               |
+| contentContainerStyle  |Style of the content container when `behavior` is 'position'                    | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | Android     | yes               |
+| enabled                | Controls whether this `KeyboardAvoidingView` instance should take effect. This is useful when more than one is on the screen. Defaults to true    | boolean                                                | no       | Android     | yes               |
+| keyboardVerticalOffset | Distance between the top of the user screen and the React Native view. This may be non-zero in some cases. Defaults to 0.         | number                                                 | no       | iOS,Android | yes               |
+| onLayout               | layout change event | function/undefined                                     | no       | iOS,Android | yes               |
+| style                  | Style of the KeyboardAvodingView                              | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children               |   children of the KeyboardAvodingView                                          | JSX.Element                                            | no       | iOS,Android | yes               |
 
-**KeyboardAwareScrollView**: 滚动键盘控制器的容器组件
+**KeyboardAwareScrollView**: Container assembly for scroll keyboard controller
 
 | Name                        | Description                                                             | Type                                                   | Required | Platform    | HarmonyOS Support |
 | --------------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
-| bottomOffset                | 显示键盘时，键盘与焦点`TextInput`之间的距离。默认值为“0”                | number                                                 | no       | iOS,Android | yes               |
-| enabled                     | 控制此`KeyboardAwareScrollView`实例是否应生效。默认值为`true`           | boolean                                                | no       | Android     | yes               |
-| disableScrollOnKeyboardHide | 防止键盘隐藏时`ScrollView`自动滚动，保持当前屏幕位置。默认值为`false`。 | boolean                                                | no       | Android     | yes               |
-| extraKeyboardSpace          | 用户屏幕顶部和 React Native 视图之间的距离,默认为 0                     | number                                                 | no       | iOS,Android | yes               |
-| onLayout                    | 在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void          | function/undefined                                     | no       | iOS,Android | yes               |
-| style                       | `KeyboardAwareScrollView`的 CSS 属性                                    | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
-| children                    | JSX element 子组件                                                      | JSX.Element                                            | no       | iOS,Android | yes               |
+| bottomOffset                | The distance between keyboard and focused `TextInput` when keyboard is shown               | number                                                 | no       | iOS,Android | no               |
+| enabled                     | Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`          | boolean                                                | no       | Android     | no               |
+| disableScrollOnKeyboardHide |    Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false` | boolean                                                | no       | Android     | no               |
+| extraKeyboardSpace          |Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`                  | number                                                 | no       | iOS,Android | no               |
+| onLayout                    |  Layout change event         | function/undefined                                     | no       | iOS,Android | yes               |
+| style                       | component style                                     | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children                    | children element                                                     | JSX.Element                                            | no       | iOS,Android | yes               |
 
-**KeyboardStickyView**: 滚动键盘控制器的容器组件
+**KeyboardStickyView**: Container assembly for scroll keyboard controller
 
 | Name     | Description                        | Type                                                   | Required | Platform    | HarmonyOS Support |
 | -------- | ---------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
-| offset   | 为给定的键盘状态指定视图的附加偏移 | {closed?: number;opened?: number;}                     | no       | iOS,Android | yes               |
-| style    | `KeyboardStickyView`的 CSS 属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
-| children | JSX element 子组件                 | JSX.Element                                            | no       | iOS,Android | yes               |
-
-**KeyboardToolbar**: 是显示在键盘上方的组件，带有`Prev`/`Next`和
-\*“完成”按钮。
+| offset   | Specify additional offset to the view for given keyboard state | {closed?: number;opened?: number;}                     | no       | iOS,Android | yes               |
+| style    | component style   | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children | children element              | JSX.Element                                            | no       | iOS,Android | yes               |
 
+**KeyboardToolbar**: a component that is shown above the keyboard with `Prev`/`Next` and `Done` buttons.
 | Name                        | Description                                            | Type                         | Required | Platform    | HarmonyOS Support |
 | --------------------------- | ------------------------------------------------------ | ---------------------------- | -------- | ----------- | ----------------- |
-| theme                       | 工具栏组件使用的一组深色/浅色主题                      | {light: Theme; dark: Theme;} | no       | iOS,Android | yes               |
-| content                     | 显示在工具栏中间的元素                                 | JSX.Element                  | no       | iOS,Android | yes               |
-| doneText                    | 完成按钮的自定义文本                                   | React.ReactNode              | no       | iOS,Android | yes               |
-| button                      | 工具栏的自定义可触摸组件（用于 prev/next/done 按钮）   | React.ReactNode              | no       | iOS,Android | yes               |
-| icon                        | 用于显示 next/prev 按钮的自定义图标组件                | React.ReactNode              | no       | iOS,Android | yes               |
-| showArrows                  | 是否显示下一个和上一个按钮                             | boolean                      | no       | iOS,Android | yes               |
-| blur                        | 对工具栏应用模糊效果的组件                             | JSX.Element                  | no       | iOS,Android | yes               |
-| opacity                     | 十六进制格式的容器不透明度值（例如`ff`）。默认值为`ff` | HEX                          | no       | iOS,Android | yes               |
-| onNextCallback?: () => void | 当用户按下“下一步”按钮时调用的回调以及默认操作。       | function                     | no       | iOS,Android | no                |
-| onPrevCallback?: () => void | 用户按下“上一步”按钮时调用的回调以及默认操作。         | function                     | no       | iOS,Android | no                |
-| onDoneCallback?: () => void | 当用户按下“完成”按钮时调用的回调以及默认操作。         | function                     | no       | iOS,Android | yes               |
+| theme                       | A set of dark/light colors consumed by toolbar component                     | {light: Theme; dark: Theme;} | no       | iOS,Android | yes               |
+| content                     |    An element that is shown in the middle of the toolbar | JSX.Element                  | no       | iOS,Android | yes               |
+| doneText                    | Custom text for done button                                  | React.ReactNode              | no       | iOS,Android | yes               |
+| button                      | Custom touchable component for toolbar (used for prev/next/done buttons)   | React.ReactNode              | no       | iOS,Android | yes               |
+| icon                        | Custom icon component used to display next/prev buttons                | React.ReactNode              | no       | iOS,Android | yes               |
+| showArrows                  | Whether to show next and previous buttons. Can be useful to set it to `false` if you have only one input and want to show only `Done` button. Default to `true`                             | boolean                      | no       | iOS,Android | yes               |
+| blur                        | A component that applies blur effect to the toolbar                             | JSX.Element                  | no       | iOS,Android | yes               |
+| opacity                     | A value for container opacity in hexadecimal format (e.g. `ff`). Default value is `ff` | HEX                          | no       | iOS,Android | yes               |
+| onNextCallback?: () => void |A callback that is called when the user presses the next button along with the default action       | function                     | no       | iOS,Android | no                |
+| onPrevCallback?: () => void |  A callback that is called when the user presses the previous button along with the default action         | function                     | no       | iOS,Android | no                |
+| onDoneCallback?: () => void | A callback that is called when the user presses the done button along with the default action         | function                     | no       | iOS,Android | yes               |
 
 ## Known Issues
 
-- [ ] 暂不支持 KeyboardControllerView 中 onKeyboardMoveStart，onKeyboardMove，onKeyboardMoveInteractive 和 KeyboardEvents 中 keyboardWillShow、keyboardWillHide 键盘事件的回调: [ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
-- [ ] 暂不支持 KeyboardGestureArea 组件: [issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
-- [ ] 暂不支持 hook 方法 useReanimatedFocusedInput，KeyboardController 中 setFocusTo，KeyboardControllerView 中 onFocusedInputLayoutChanged、onFocusedInputSelectionChanged，FocusedInputEvents 中 focusDidSet，KeyboardToolbar 中 onNextCallback、onPrevCallback 关于输入框聚焦的监听方法回调: [issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
+- [ ] 暂不支持KeyboardControllerView中onKeyboardMoveStart，onKeyboardMove，onKeyboardMoveInteractive和KeyboardEvents中keyboardWillShow、keyboardWillHide键盘事件的回调：[ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
+- [ ] 暂不支持KeyboardGestureArea组件：[issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
+- [ ] 暂不支持hook方法useReanimatedFocusedInput，KeyboardController中setFocusTo，KeyboardControllerView中onFocusedInputLayoutChanged、onFocusedInputSelectionChanged，FocusedInputEvents中focusDidSet，KeyboardToolbar中onNextCallback、onPrevCallback关于输入框聚焦的监听方法回调：[issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
+- [ ] 暂不支持KeyboardAwareScrollView组件属性bottomOffset、enabled、disableScrollOnKeyboardHide、extraKeyboardSpace的设置[#issue#16](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/16)
+- [ ] KeyboardAvoidingView属性behavior支持position， 不支持高度height、padding的样式[#issue#13](https://github.com/react-native-oh-library/react-native-harmony-reanimated/issues/13)
 
 ## Others
 
diff --git a/zh-cn/react-native-keyboard-controller.md b/zh-cn/react-native-keyboard-controller.md
index b89e5016..2da17558 100644
--- a/zh-cn/react-native-keyboard-controller.md
+++ b/zh-cn/react-native-keyboard-controller.md
@@ -276,7 +276,7 @@ ohpm install
 |  useReanimatedKeyboardAnimation  |  获取键盘动画值的钩子函数   | function   | no | iOS,Android      | yes |
 |  useKeyboardHandler  |  设置键盘回调事件的钩子函数   | function   | no | iOS,Android      | yes |
 |  useKeyboardController  |  设置是否启动键盘监听事件的钩子函数   |function   | no | iOS,Android      | yes |
-|  useFocusedInputHandler  | 设置监听输入框回调事件的钩子函数   | function   | no | iOS,Android      |partially |
+|  useFocusedInputHandler  | 设置监听输入框回调事件的钩子函数(HarmonyOS暂支持文本变化的监听)   | function   | no | iOS,Android      |partially |
 |  useReanimatedFocusedInput  | 当前聚焦的输入控件文本变化事件回调的钩子函数  | function  | no | iOS,Android      |no |
 
 
@@ -296,8 +296,8 @@ ohpm install
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 |   setHidden(hidden: boolean): void | 设置状态栏隐藏不可见   | function   | no | Android      | yes |
-|  setColor(color: number, animated: boolean): void  | 设置状态栏背景颜色   | function   | no | Android      | yes |
-|   setTranslucent(translucent: boolean): void | 设置状态栏是否透明   | function   | no | Android      | yes |
+|  setColor(color: number, animated: boolean): void  | 设置状态栏背景颜色   | function   | no | Android      | no |
+|   setTranslucent(translucent: boolean): void | 设置状态栏是否透明   | function   | no | Android      | no |
 | setStyle(style: string): void | 设置状态栏的内容颜色  | function   | no | Android      | yes |
 
  **KeyboardEvents**:监听键盘事件   
@@ -356,10 +356,10 @@ ohpm install
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  behavior  | 指定如何对键盘的存在做出反应   | "height" / "position" / "padding"   | no | iOS,Android      | yes |
-|  contentContainerStyle  | 当`behavior`为position时，内容容器的样式   | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | Android      | yes |
-|  enabled  | 控制这个`KeyboardAvodingView`实例是否应该生效,默认为true  | boolean   | no | Android      | yes |
-|  keyboardVerticalOffset  | 用户屏幕顶部和React Native视图之间的距离,默认为`0`   | number  | no | iOS,Android      | yes |
+|  behavior  | 键盘弹起时视图样式变化的模式(HarmonyOS暂支持position)   | "height" / "position" / "padding"   | no | iOS,Android      | partially |
+|  contentContainerStyle  | 当`behavior`为position时，内容容器的样式   | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android       | yes |
+|  enabled  | 控制这个`KeyboardAvodingView`实例是否应该生效,默认为true  | boolean   | no | iOS,Android       | yes |
+|  keyboardVerticalOffset  | 键盘与React Native视图之间的距离,默认为`0`   | number  | no | iOS,Android      | yes |
 |  onLayout  |  在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void   | function/undefined   | no | iOS,Android      | yes |
 |  style  | `KeyboardAvodingView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
 |  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
@@ -368,10 +368,10 @@ ohpm install
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  bottomOffset  | 显示键盘时，键盘与焦点`TextInput`之间的距离。默认值为“0”   | number   | no | iOS,Android      | yes |
-|  enabled  | 控制此`KeyboardAwareScrollView`实例是否应生效。默认值为`true`  | boolean   | no | Android      | yes |
-|  disableScrollOnKeyboardHide  |防止键盘隐藏时`ScrollView`自动滚动，保持当前屏幕位置。默认值为`false`。  | boolean   | no | Android      | yes |
-|  extraKeyboardSpace  | 用户屏幕顶部和React Native视图之间的距离,默认为0   | number  | no | iOS,Android      | yes |
+|  bottomOffset  | 显示键盘时，键盘与焦点`TextInput`之间的距离。默认值为“0”   | number   | no | iOS,Android      | no |
+|  enabled  | 控制此`KeyboardAwareScrollView`实例是否应生效。默认值为`true`  | boolean   | no | iOS,Android       | no |
+|  disableScrollOnKeyboardHide  |防止键盘隐藏时`ScrollView`自动滚动，保持当前屏幕位置。默认值为`false`。  | boolean   | no | iOS,Android       | no |
+|  extraKeyboardSpace  | KeyboardAwareScrollView的底部间距,默认为0   | number  | no | iOS,Android      | no |
 |  onLayout  |  在安装和布局更改时的回调函数(event: LayoutChangeEvent) => void   | function/undefined   | no | iOS,Android      | yes |
 |  style  | `KeyboardAwareScrollView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
 |  children  |  JSX element 子组件   | JSX.Element  | no | iOS,Android      | yes |
@@ -395,7 +395,7 @@ ohpm install
 |  button  |  工具栏的自定义可触摸组件（用于prev/next/done按钮）   | React.ReactNode   | no | iOS,Android      | yes |
 |  icon  |  用于显示next/prev按钮的自定义图标组件   | React.ReactNode   | no | iOS,Android      | yes |
 |  showArrows  |  是否显示下一个和上一个按钮  | boolean   | no | iOS,Android      | yes |
-|  blur  |  对工具栏应用模糊效果的组件   | JSX.Element    | no | iOS,Android      | yes |
+|  blur  |  工具栏聚焦时标题组件   | JSX.Element    | no | iOS,Android      | yes |
 |  opacity  |  十六进制格式的容器不透明度值（例如`ff`）。默认值为`ff`   | HEX   | no | iOS,Android      | yes |
 | onNextCallback?: () => void | 当用户按下“下一步”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | no |
 |  onPrevCallback?: () => void | 用户按下“上一步”按钮时调用的回调以及默认操作。  | function   | no | iOS,Android      | no |
@@ -404,11 +404,11 @@ ohpm install
 
 ## 遗留问题
 
-- [ ]  暂不支持KeyboardControllerView中onKeyboardMoveStart，onKeyboardMove，onKeyboardMoveInteractive和KeyboardEvents中keyboardWillShow、keyboardWillHide键盘事件的回调：[ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
- - [ ] 暂不支持KeyboardGestureArea组件：[issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
- - [ ] 暂不支持hook方法useReanimatedFocusedInput，KeyboardController中setFocusTo，KeyboardControllerView中onFocusedInputLayoutChanged、onFocusedInputSelectionChanged，FocusedInputEvents中focusDidSet，KeyboardToolbar中onNextCallback、onPrevCallback关于输入框聚焦的监听方法回调：[issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
-
-
+- [ ] 暂不支持KeyboardControllerView中onKeyboardMoveStart，onKeyboardMove，onKeyboardMoveInteractive和KeyboardEvents中keyboardWillShow、keyboardWillHide键盘事件的回调：[ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
+- [ ] 暂不支持KeyboardGestureArea组件：[issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
+- [ ] 暂不支持hook方法useReanimatedFocusedInput，KeyboardController中setFocusTo，KeyboardControllerView中onFocusedInputLayoutChanged、onFocusedInputSelectionChanged，FocusedInputEvents中focusDidSet，KeyboardToolbar中onNextCallback、onPrevCallback关于输入框聚焦的监听方法回调：[issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
+- [ ] 暂不支持KeyboardAwareScrollView组件属性bottomOffset、enabled、disableScrollOnKeyboardHide、extraKeyboardSpace的设置[#issue#16](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/16)
+- [ ] KeyboardAvoidingView属性behavior支持position， 不支持高度height、padding的样式[#issue#13](https://github.com/react-native-oh-library/react-native-harmony-reanimated/issues/13)
 ## 其他
 
 

From 1da1d6790db883a4dace6e11cc67e1fa1b47ff4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=B8=E5=85=88=E7=94=9F?= <qinyiscl@foxmail.com>
Date: Thu, 31 Oct 2024 07:40:01 +0000
Subject: [PATCH 795/966] =?UTF-8?q?!1802=20docs:=20[Issues:=20#IB0R2A]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-keyboard-accessory=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB0R2A]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-keyboard-accessory=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-keyboard-accessory.md    | 8 ++++++--
 zh-cn/react-native-keyboard-accessory.md | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/en/react-native-keyboard-accessory.md b/en/react-native-keyboard-accessory.md
index d811f4d8..1bedca75 100644
--- a/en/react-native-keyboard-accessory.md
+++ b/en/react-native-keyboard-accessory.md
@@ -151,8 +151,8 @@ Check the release version information in the release address of the third-party
 | `alwaysVisible`       | When set to `true` Accessory View will be always visible at the bottom of the screen. Good for sticky `TextInput`'s                                                                                                                                                                     | `boolean`              | no       | `false`     | iOS/Android | yes               |
 | `bumperHeight`        | Bumper height to prevent visual glitches if animation couldn't keep up with the keyboard animation.                                                                                                                                                                                     | `number`               | no       | 15          | iOS/Android | yes               |
 | `visibleOpacity`      | Opacity of the Accessory when it is visible. _Note:_ Opacity is used for hiding the accessory to prevent render delays.                                                                                                                                                                 | `number`               | no       | 1           | iOS/Android | yes               |
-| `heightProperty`      | Control how the component manages its height. The component listens for children changes and automatically adjusts its height, so `height` is usually sufficient. For use with a multiline, autogrowing `TextInput`, `minHeight` is recommended. Values: `['height', 'minHeight']`      | `enum:string`          | no       | `height`    | iOS/Android | yes               |
-| `hiddenOpacity`       | Opacity of the Accessory when it is hidden.                                                                                                                                                                                                                                             | `number`               | no       | 0           | iOS/Android | yes               |
+| `heightProperty`      | Control how the component manages its height. The component listens for children changes and automatically adjusts its height, so `height` is usually sufficient. For use with a multiline, autogrowing `TextInput`, `minHeight` is recommended. Values: `['height', 'minHeight']`      | `enum:string`          | no       | `height`    | iOS/Android | no                |
+| `hiddenOpacity`       | Opacity of the Accessory when it is hidden.                                                                                                                                                                                                                                             | `number`               | no       | 0           | iOS/Android | no                |
 | `hideBorder`          | Set true if you want to hide top border of the Accessory                                                                                                                                                                                                                                | `boolean`              | no       | false       | iOS/Android | yes               |
 | `inSafeAreaView`      | Set true if you want to adapt SafeAreaView on iPhone X                                                                                                                                                                                                                                  | `boolean`              | no       | false       | iOS         | no                |
 | `androidAdjustResize` | Set true in ejected apps to adjust resize                                                                                                                                                                                                                                               | `boolean`              | no       | false       | Android     | no                |
@@ -205,6 +205,10 @@ Check the release version information in the release address of the third-party
 
 - doneDisabled 和 doneHiddenProperties 在 iOS,Android 不生效，HarmonyOS 与其表现一致: [issue#99](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/99)
 
+- heightProperty属性在iOS,Android不生效，HarmonyOS与其表现一致: [issue#100](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/100)
+
+- hiddenOpacity属性在iOS,Android不生效，HarmonyOS与其表现一致: [issue#101](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/101)
+
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/ardaogulcan/react-native-keyboard-accessory/blob/master/LICENSE).
diff --git a/zh-cn/react-native-keyboard-accessory.md b/zh-cn/react-native-keyboard-accessory.md
index 9402236d..5901a5b5 100644
--- a/zh-cn/react-native-keyboard-accessory.md
+++ b/zh-cn/react-native-keyboard-accessory.md
@@ -150,8 +150,8 @@ export default ViewExample;
 | `alwaysVisible`       | When set to `true` Accessory View will be always visible at the bottom of the screen. Good for sticky `TextInput`'s | `boolean`              | no       | `false`     | iOS/Android | yes               |
 | `bumperHeight`        | Bumper height to prevent visual glitches if animation couldn't keep up with the keyboard animation. | `number`               | no       | 15          | iOS/Android | yes               |
 | `visibleOpacity`      | Opacity of the Accessory when it is visible. *Note:* Opacity is used for hiding the accessory to prevent render delays. | `number`               | no       | 1           | iOS/Android | yes               |
-| `heightProperty`      | Control how the component manages its height. The component listens for children changes and automatically adjusts its height, so `height` is usually sufficient. For use with a multiline, autogrowing `TextInput`, `minHeight` is recommended. Values: `['height', 'minHeight']` | `enum:string`          | no       | `height`    | iOS/Android | yes               |
-| `hiddenOpacity`       | Opacity of the Accessory when it is hidden.                  | `number`               | no       | 0           | iOS/Android | yes               |
+| `heightProperty`      | Control how the component manages its height. The component listens for children changes and automatically adjusts its height, so `height` is usually sufficient. For use with a multiline, autogrowing `TextInput`, `minHeight` is recommended. Values: `['height', 'minHeight']` | `enum:string`          | no       | `height`    | iOS/Android | no                |
+| `hiddenOpacity`       | Opacity of the Accessory when it is hidden.                  | `number`               | no       | 0           | iOS/Android | no                |
 | `hideBorder`          | Set true if you want to hide top border of the Accessory     | `boolean`              | no       | false       | iOS/Android | yes               |
 | `inSafeAreaView`      | Set true if you want to adapt SafeAreaView on iPhone X       | `boolean`              | no       | false       | iOS         | no                |
 | `androidAdjustResize` | Set true in ejected apps to adjust resize                    | `boolean`              | no       | false       | Android     | no                |
@@ -204,6 +204,10 @@ export default ViewExample;
 
 - doneDisabled和doneHidden属性在iOS,Android不生效，HarmonyOS与其表现一致: [issue#99](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/99)
 
+- heightProperty属性在iOS,Android不生效，HarmonyOS与其表现一致: [issue#100](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/100)
+
+- hiddenOpacity属性在iOS,Android不生效，HarmonyOS与其表现一致: [issue#101](https://github.com/ardaogulcan/react-native-keyboard-accessory/issues/101)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ardaogulcan/react-native-keyboard-accessory/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From a81665c888d942913c10292de3b77f9f8c5b4e55 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Thu, 31 Oct 2024 10:08:27 +0000
Subject: [PATCH 796/966] =?UTF-8?q?!1822=20docs:=20=20=E4=BF=AE=E6=94=B9ga?=
 =?UTF-8?q?lio-framework=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20=20[Issues:=20#IB16QX]=20=E4=BF=AE=E6=94=B9galio-framework?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/galio-framework.md    | 25 +++++++++++++------------
 zh-cn/galio-framework.md |  2 +-
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/en/galio-framework.md b/en/galio-framework.md
index a915c9a0..0f171d66 100644
--- a/en/galio-framework.md
+++ b/en/galio-framework.md
@@ -302,18 +302,18 @@ For details, see[galio](https://galio.io/docs/#/components)
 
 ### [NavBar](https://galio.io/docs/#/components/navbar?id=navbar)
 
-|     Name      |                          Description                          |     Type     | Required |  Platform   | HarmonyOS Support |
-| :-----------: | :-----------------------------------------------------------: | :----------: | :------: | :---------: | :---------------: |
-|     back      |              Adds a back button for your navBar.              |   boolean    |    no    | iOS/Android |        Yes        |
-|  transparent  |   Sets the backgroundColor and borderColor to 'transparent'   |   boolean    |    no    | iOS/Android |        Yes        |
-|     title     |                      Title of the NavBar                      | node, string |    no    | iOS/Android |        Yes        |
-|  titleStyle   |                Sets the styling for the title                 |    object    |    no    | iOS/Android |        Yes        |
-|     left      |                    Left side of the NavBar                    |     node     |    no    | iOS/Android |        Yes        |
+|     Name      |                         Description                          |     Type     | Required |  Platform   | HarmonyOS Support |
+| :-----------: | :----------------------------------------------------------: | :----------: | :------: | :---------: | :---------------: |
+|     back      |             Adds a back button for your navBar.              |   boolean    |    no    | iOS/Android |        Yes        |
+|  transparent  |  Sets the backgroundColor and borderColor to 'transparent'   |   boolean    |    no    | iOS/Android |        Yes        |
+|     title     |                     Title of the NavBar                      | node, string |    no    | iOS/Android |        Yes        |
+|  titleStyle   |                Sets the styling for the title                |    object    |    no    | iOS/Android |        Yes        |
+|     left      |                   Left side of the NavBar                    |     node     |    no    | iOS/Android |        Yes        |
 |   leftStyle   | Sets the styling for the View wrapping the left side element. |    object    |    no    | iOS/Android |        Yes        |
-| leftIconColor |            Sets the color of the left side's icon.            |    string    |    no    | iOS/Android |        Yes        |
-|  onLeftPress  |           Function for the left side of the navbar            |   function   |    no    | iOS/Android |        Yes        |
-|     right     |                   Right side of the NavBar                    |     node     |    no    | iOS/Android |        Yes        |
-|  rightStyle   | Sets the styling for the View wrapping the left side element. |    object    |    no    | iOS/Android |        Yes        |
+| leftIconColor |           Sets the color of the left side's icon.            |    string    |    no    | iOS/Android |        Yes        |
+|  onLeftPress  |           Function for the left side of the navbar           |   function   |    no    | iOS/Android |        Yes        |
+|     right     |                   Right side of the NavBar                   |     node     |    no    | iOS/Android |        Yes        |
+|  rightStyle   | Sets the styling for the View wrapping the right side element. |    object    |    no    | iOS/Android |        Yes        |
 
 ### [Radio](https://galio.io/docs/#/components/radio?id=radio)
 
@@ -399,8 +399,9 @@ For details, see[galio](https://galio.io/docs/#/components)
 ## Others
 
 - Flashback occurs when fadeOutDuration is used [issue#264](https://github.com/galio-org/galio/issues/264)
+
 - Using the safe attribute in the Block component does not take effect [issue#265](https://github.com/galio-org/galio/issues/265)
 
 ## License
 
-This project is licensed under [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md)
\ No newline at end of file
+This project is licensed under [The MIT License(MIT)](https://github.com/galio-org/galio/blob/master/LICENSE.md).
diff --git a/zh-cn/galio-framework.md b/zh-cn/galio-framework.md
index 5c7abe13..3542ba05 100644
--- a/zh-cn/galio-framework.md
+++ b/zh-cn/galio-framework.md
@@ -316,7 +316,7 @@ export default CardDemo;
 | leftIconColor |           Sets the color of the left side's icon.            |    string    |    no    | iOS/Android |        Yes        |
 |  onLeftPress  |           Function for the left side of the navbar           |   function   |    no    | iOS/Android |        Yes        |
 |     right     |                   Right side of the NavBar                   |     node     |    no    | iOS/Android |        Yes        |
-|  rightStyle   | Sets the styling for the View wrapping the left side element. |    object    |    no    | iOS/Android |        Yes        |
+|  rightStyle   | Sets the styling for the View wrapping the right side element. |    object    |    no    | iOS/Android |        Yes        |
 
 ### [Radio](https://galio.io/docs/#/components/radio?id=radio)
 

From ddfb8afdec10a5fcfe0284fafd8d0cac90098c75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E9=B9=8F=E6=98=8A?= <851828489@qq.com>
Date: Fri, 1 Nov 2024 01:36:27 +0000
Subject: [PATCH 797/966] =?UTF-8?q?!1819=20docs:=20[Issues:=20#IB12SK]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-graph=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IB12SK]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-graph=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-graph.md    | 8 ++++++++
 zh-cn/react-native-graph.md | 3 +++
 2 files changed, 11 insertions(+)

diff --git a/en/react-native-graph.md b/en/react-native-graph.md
index 5f2ff895..840951ad 100644
--- a/en/react-native-graph.md
+++ b/en/react-native-graph.md
@@ -120,6 +120,10 @@ This document is verified based on the following versions:
 
 1. RNOH：0.72.28; SDK：HarmonyOS NEXT Developer Beta5 5.0.0.60; IDE：DevEco Studio 5.0.3.655; ROM：3.0.0.60
 
+2. RNOH：0.72.31; SDK：HarmonyOS NEXT Beta1 SDK 5.0.0.68; IDE：DevEco Studio 5.0.3.810; ROM：5.0.0.60
+
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+
 ## Properties
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
@@ -150,8 +154,12 @@ This document is verified based on the following versions:
 
 ## Known Issues
 
+- [ ] 依赖手势库的三方库，单击图表后会出现手势指示点出现 BUG 的情况，会页面卡住无法点击组件中按钮再次点击回归正常，需要等待手势库更新后正常 [issues#38](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/38)
+
 ## Others
 
+- react-native-graph 的 animated 属性 原库代码现在有问题 无论是 false 还是 true，数据变化都是静态变化，没有动画效果，原库中有使用者提 issue 和 PR，添加合入相应 PR 代码后才能动画正常[issue#111](https://github.com/margelo/react-native-graph/pull/111)
+
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/margelo/react-native-graph/blob/main/LICENSE).
diff --git a/zh-cn/react-native-graph.md b/zh-cn/react-native-graph.md
index d5264d4b..f7117fa6 100644
--- a/zh-cn/react-native-graph.md
+++ b/zh-cn/react-native-graph.md
@@ -121,6 +121,7 @@ const styles = StyleSheet.create({
 
 2. RNOH：0.72.31; SDK：HarmonyOS NEXT Beta1 SDK 5.0.0.68; IDE：DevEco Studio 5.0.3.810; ROM：5.0.0.60
 
+3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 ## 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
@@ -153,6 +154,8 @@ const styles = StyleSheet.create({
 
 ## 遗留问题
 
+- [ ] 依赖手势库的三方库，单击图表后会出现手势指示点出现BUG的情况，会页面卡住无法点击组件中按钮再次点击回归正常，需要等待手势库更新后正常 [issues#38](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/38)
+
 ## 其他
 - react-native-graph 的animated属性 原库代码现在有问题 无论是false还是true，数据变化都是静态变化，没有动画效果，原库中有使用者提issue和PR，添加合入相应PR代码后才能动画正常[issue#111](https://github.com/margelo/react-native-graph/pull/111)
 ## 开源协议

From 9756243a0c638604c0a66ed551a94786c9f4e3bf Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Fri, 1 Nov 2024 02:26:00 +0000
Subject: [PATCH 798/966] =?UTF-8?q?!1782=20docs:=20[issues:=20#IAZZBS]?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=20raw=E5=92=8Cendraw=E5=AD=97=E7=AC=A6?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E5=8F=8A=E6=9B=B4=E6=96=B00.1.3=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E7=9A=84=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=20*=20do?=
 =?UTF-8?q?cs:=20[issues:=20#IAZZBS]=E7=A7=BB=E9=99=A4=20raw=E5=92=8Cendra?=
 =?UTF-8?q?w=E5=AD=97=E7=AC=A6=E4=BB=A3=E7=A0=81=E5=8F=8A=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B00.1.3=E7=89=88=E6=9C=AC=E7=9A=84=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/EventBus.md                                    | 5 +----
 en/axios.md                                       | 2 +-
 en/contribute.md                                  | 3 ---
 en/crypto-js.md                                   | 5 +----
 en/dayJs.md                                       | 3 ---
 en/deepmerge.md                                   | 3 ---
 en/jsbarcode.md                                   | 3 ---
 en/lodash.md                                      | 2 +-
 en/mobx-react.md                                  | 2 +-
 en/mobx.md                                        | 2 +-
 en/moment.md                                      | 3 ---
 en/parse5.md                                      | 3 ---
 en/prop-types.md                                  | 3 ---
 en/qrcode-generator.md                            | 4 ----
 en/react-ahooks.md                                | 3 ---
 en/react-i18next.md                               | 3 ---
 en/react-lifecycles-compat.md                     | 3 ---
 en/react-native-action-sheet.md                   | 3 ---
 en/react-native-animate-number.md                 | 3 ---
 en/react-native-audio.md                          | 4 +---
 en/react-native-autocomplete-input.md             | 3 ---
 en/react-native-background-timer.md               | 4 ----
 en/react-native-bars.md                           | 5 +----
 en/react-native-ble-manager.md                    | 3 ---
 en/react-native-button.md                         | 2 --
 en/react-native-canvas.md                         | 4 +---
 en/react-native-chart-kit.md                      | 4 +---
 en/react-native-clippathview.md                   | 3 ---
 en/react-native-confirmation-code-field.md        | 3 ---
 en/react-native-create-thumbnail.md               | 3 ---
 en/react-native-dismiss-keyboard.md               | 3 ---
 en/react-native-doc-viewer.md                     | 3 ---
 en/react-native-drawer-layout-polyfill.md         | 5 +----
 en/react-native-easy-toast.md                     | 5 -----
 en/react-native-echarts-pro.md                    | 5 +----
 en/react-native-error-boundary.md                 | 3 ---
 en/react-native-fast-image.md                     | 3 ---
 en/react-native-file-viewer.md                    | 3 ---
 en/react-native-fit-Image.md                      | 5 +----
 en/react-native-get-random-values.md              | 3 ---
 en/react-native-image-capinsets-next.md           | 3 ---
 en/react-native-image-editor.md                   | 4 +---
 en/react-native-image-gallery.md                  | 3 ---
 en/react-native-image-rotate.md                   | 4 ----
 en/react-native-intersection-observer.md          | 3 ---
 en/react-native-linear-gradient-text.md           | 2 --
 en/react-native-loading-spinner-overlay.md        | 3 ---
 en/react-native-map-linking.md                    | 3 ---
 en/react-native-markdown-display.md               | 3 ---
 en/react-native-marquee.md                        | 3 ---
 en/react-native-masked-text.md                    | 3 ---
 en/react-native-material-buttons.md               | 4 +---
 en/react-native-material-design-style.md          | 5 -----
 en/react-native-material-textfield.md             | 4 +---
 en/react-native-modal.md                          | 3 ---
 en/react-native-neomorph-shadows.md               | 4 +---
 en/react-native-notifier.md                       | 1 -
 en/react-native-paper.md                          | 3 ---
 en/react-native-parsed-text.md                    | 3 ---
 en/react-native-popover-view.md                   | 3 ---
 en/react-native-popup-menu.md                     | 3 ---
 en/react-native-pull.md                           | 3 ---
 en/react-native-randombytes.md                    | 3 ---
 en/react-native-reanimated-table.md               | 6 ++----
 en/react-native-scrollable-tab-view.md            | 3 ---
 en/react-native-sensors.md                        | 3 ---
 en/react-native-signature-capture.md              | 3 ---
 en/react-native-spinkit.md                        | 5 +----
 en/react-native-stickyheader.md                   | 2 --
 en/react-native-svg-capi.md                       | 3 ---
 en/react-native-svg-charts.md                     | 3 ---
 en/react-native-svg.md                            | 3 ---
 en/react-native-swipe-gestures.md                 | 4 +---
 en/react-native-swipeable-list.md                 | 3 ---
 en/react-native-swiper.md                         | 3 ---
 en/react-native-switch-selector.md                | 4 +---
 en/react-native-switch.md                         | 3 ---
 en/react-native-touch-id.md                       | 3 ---
 en/react-native-view-overflow.md                  | 2 --
 en/react-native-vision-camera.md                  | 3 ---
 en/react-use.md                                   | 5 +----
 en/reanimated-props-backup.md                     | 4 +---
 en/redux-actions.md                               | 5 +----
 en/redux-logger.md                                | 5 +----
 en/redux-persist.md                               | 2 +-
 en/redux-thunk.md                                 | 5 +----
 en/redux-toolkit.md                               | 3 ---
 en/rn-tourguide.md                                | 3 ---
 en/sentry-react-native.md                         | 3 ---
 en/styled-components.md                           | 3 ---
 en/styled-system.md                               | 3 ---
 zh-cn/EventBus.md                                 | 5 +----
 zh-cn/Immer.md                                    | 5 +----
 zh-cn/ant-design-react-native.md                  | 3 ---
 zh-cn/axios.md                                    | 2 +-
 zh-cn/bam-tech-react-native-image-resizer.md      | 4 +---
 zh-cn/callstack-react-theme-provider.md           | 6 +++---
 zh-cn/codegen.md                                  | 2 --
 zh-cn/contribute.md                               | 3 ---
 zh-cn/crypto-js.md                                | 5 +----
 zh-cn/dayJs.md                                    | 3 ---
 zh-cn/deepmerge.md                                | 5 +----
 zh-cn/js-beautify.md                              | 5 +----
 zh-cn/jsbarcode.md                                | 3 ---
 zh-cn/link-source-code.md                         | 3 ---
 zh-cn/lodash.md                                   | 5 +----
 zh-cn/lottie-react-native.md                      | 3 ---
 zh-cn/mobx-react.md                               | 5 +----
 zh-cn/mobx.md                                     | 7 +++----
 zh-cn/moment.md                                   | 3 ---
 zh-cn/openspacelabs-react-native-zoomable-view.md | 4 +---
 zh-cn/parse5.md                                   | 5 +----
 zh-cn/prop-types.md                               | 6 ++----
 zh-cn/qrcode-generator.md                         | 4 ----
 zh-cn/react-ahooks.md                             | 7 ++-----
 zh-cn/react-i18next.md                            | 5 +----
 zh-cn/react-lifecycles-compat.md                  | 3 ---
 zh-cn/react-native-MJRefresh.md                   | 3 ---
 zh-cn/react-native-SmartRefreshLayout.md          | 3 ---
 zh-cn/react-native-action-sheet.md                | 3 ---
 zh-cn/react-native-amap-geolocation.md            | 3 ---
 zh-cn/react-native-animate-number.md              | 5 +----
 zh-cn/react-native-aria.md                        | 3 ---
 zh-cn/react-native-audio-toolkit.md               | 3 ---
 zh-cn/react-native-audio.md                       | 4 +---
 zh-cn/react-native-autocomplete-input.md          | 4 +---
 zh-cn/react-native-autoheight-webview.md          | 3 ---
 zh-cn/react-native-background-timer.md            | 4 ----
 zh-cn/react-native-baidu-map.md                   | 4 +---
 zh-cn/react-native-bars.md                        | 6 ++----
 zh-cn/react-native-bindingx.md                    | 3 ---
 zh-cn/react-native-ble-manager.md                 | 3 ---
 zh-cn/react-native-ble-plx.md                     | 3 ---
 zh-cn/react-native-button.md                      | 2 --
 zh-cn/react-native-calendar-events.md             | 3 ---
 zh-cn/react-native-canvas.md                      | 5 +----
 zh-cn/react-native-cardview.md                    | 4 +---
 zh-cn/react-native-chart-kit.md                   | 4 +---
 zh-cn/react-native-clipboard-clipboard.md         | 3 ---
 zh-cn/react-native-clippath-capi.md               | 3 ---
 zh-cn/react-native-clippathview.md                | 3 ---
 zh-cn/react-native-color-matrix-image-filters.md  | 3 ---
 zh-cn/react-native-communications.md              | 3 ---
 zh-cn/react-native-community-datetimepicker.md    | 3 ---
 zh-cn/react-native-community-geolocation.md       | 3 ---
 zh-cn/react-native-community-progress-view.md     | 2 --
 zh-cn/react-native-community-segmented-control.md | 3 ---
 zh-cn/react-native-community-toolbar-android.md   | 3 ---
 zh-cn/react-native-confirmation-code-field.md     | 3 ---
 zh-cn/react-native-contacts.md                    | 3 ---
 zh-cn/react-native-cookies-cookies.md             | 3 ---
 zh-cn/react-native-create-thumbnail.md            | 3 ---
 zh-cn/react-native-device-info.md                 | 3 ---
 zh-cn/react-native-dismiss-keyboard.md            | 4 +---
 zh-cn/react-native-doc-viewer.md                  | 3 ---
 zh-cn/react-native-drag-sort.md                   | 3 ---
 zh-cn/react-native-drawer-layout-polyfill.md      | 5 +----
 zh-cn/react-native-dynamic.md                     | 4 +---
 zh-cn/react-native-easy-grid.md                   | 3 ---
 zh-cn/react-native-easy-toast.md                  | 5 -----
 zh-cn/react-native-echarts-pro.md                 | 5 +----
 zh-cn/react-native-element-dropdown.md            | 4 +---
 zh-cn/react-native-error-boundary.md              | 3 ---
 zh-cn/react-native-fast-image.md                  | 3 ---
 zh-cn/react-native-feather.md                     | 4 +---
 zh-cn/react-native-file-viewer.md                 | 3 ---
 zh-cn/react-native-fileupload.md                  | 3 ---
 zh-cn/react-native-fingerprint-scanner.md         | 4 +---
 zh-cn/react-native-fit-Image.md                   | 5 +----
 zh-cn/react-native-flash-message.md               | 3 ---
 zh-cn/react-native-gesture-handler.md             | 3 ---
 zh-cn/react-native-get-random-values.md           | 3 ---
 zh-cn/react-native-iconfont-cli.md                | 4 +---
 zh-cn/react-native-image-capinsets-next.md        | 4 ----
 zh-cn/react-native-image-editor.md                | 4 +---
 zh-cn/react-native-image-gallery.md               | 3 ---
 zh-cn/react-native-image-rotate.md                | 4 ----
 zh-cn/react-native-image-zoom-viewer.md           | 2 --
 zh-cn/react-native-intersection-observer.md       | 3 ---
 zh-cn/react-native-keep-awake.md                  | 3 ---
 zh-cn/react-native-keyboard-aware-scroll-view.md  | 3 ---
 zh-cn/react-native-largelist.md                   | 3 ---
 zh-cn/react-native-lightbox.md                    | 4 +---
 zh-cn/react-native-linear-gradient-text.md        | 2 --
 zh-cn/react-native-linear-gradient.md             | 4 +---
 zh-cn/react-native-loading-spinner-overlay.md     | 3 ---
 zh-cn/react-native-localize.md                    | 4 +---
 zh-cn/react-native-map-linking.md                 | 3 ---
 zh-cn/react-native-maps.md                        | 4 +---
 zh-cn/react-native-markdown-display.md            | 3 ---
 zh-cn/react-native-marquee.md                     | 3 ---
 zh-cn/react-native-masked-text.md                 | 3 ---
 zh-cn/react-native-masked-view-masked-view.md     | 3 ---
 zh-cn/react-native-material-buttons.md            | 4 +---
 zh-cn/react-native-material-design-style.md       | 5 -----
 zh-cn/react-native-material-textfield.md          | 4 +---
 zh-cn/react-native-md5.md                         | 3 ---
 zh-cn/react-native-modal-popover.md               | 4 +---
 zh-cn/react-native-modal.md                       | 3 ---
 zh-cn/react-native-modalbox.md                    | 3 ---
 zh-cn/react-native-mqtt.md                        | 6 +-----
 zh-cn/react-native-multi-slider.md                | 3 ---
 zh-cn/react-native-neomorph-shadows.md            | 4 +---
 zh-cn/react-native-nested-scroll-view.md          | 3 ---
 zh-cn/react-native-notifier.md                    | 3 +--
 zh-cn/react-native-orientation-locker.md          | 4 +---
 zh-cn/react-native-orientation.md                 | 4 +---
 zh-cn/react-native-pager-view.md                  | 3 ---
 zh-cn/react-native-paper.md                       | 3 ---
 zh-cn/react-native-parsed-text.md                 | 4 ----
 zh-cn/react-native-pdf.md                         | 3 ---
 zh-cn/react-native-permissions.md                 | 3 ---
 zh-cn/react-native-picker-picker(nocodegen).md    | 3 ---
 zh-cn/react-native-picker-picker.md               | 3 ---
 zh-cn/react-native-pickers.md                     | 3 ---
 zh-cn/react-native-popover-view.md                | 5 +----
 zh-cn/react-native-popup-menu.md                  | 3 ---
 zh-cn/react-native-progress.md                    | 3 ---
 zh-cn/react-native-pull.md                        | 3 ---
 zh-cn/react-native-qrcode-svg.md                  | 3 ---
 zh-cn/react-native-randombytes.md                 | 3 ---
 zh-cn/react-native-reanimated-table.md            | 6 ++----
 zh-cn/react-native-reanimated.md                  | 3 ---
 zh-cn/react-native-root-modal.md                  | 3 ---
 zh-cn/react-native-safe-area-context.md           | 2 --
 zh-cn/react-native-safe-module.md                 | 4 +---
 zh-cn/react-native-scrollable-tab-view.md         | 3 ---
 zh-cn/react-native-sensors.md                     | 3 ---
 zh-cn/react-native-share.md                       | 4 ----
 zh-cn/react-native-signature-capture.md           | 3 ---
 zh-cn/react-native-simple-toast.md                | 4 +---
 zh-cn/react-native-slider.md                      | 2 --
 zh-cn/react-native-sound.md                       | 3 ---
 zh-cn/react-native-spinkit.md                     | 5 +----
 zh-cn/react-native-splash-screen.md               | 4 +---
 zh-cn/react-native-spring-scrollview.md           | 3 ---
 zh-cn/react-native-sqlite-storage.md              | 4 +---
 zh-cn/react-native-ssl-pinning.md                 | 3 ---
 zh-cn/react-native-stickyheader.md                | 2 --
 zh-cn/react-native-storage.md                     | 3 ---
 zh-cn/react-native-svg-capi.md                    | 3 ---
 zh-cn/react-native-svg-charts.md                  | 3 ---
 zh-cn/react-native-svg.md                         | 3 ---
 zh-cn/react-native-swipe-gestures.md              | 4 +---
 zh-cn/react-native-swipe-list-view.md             | 3 ---
 zh-cn/react-native-swipeable-list.md              | 3 ---
 zh-cn/react-native-swiper.md                      | 3 ---
 zh-cn/react-native-switch-pro.md                  | 4 +---
 zh-cn/react-native-switch-selector.md             | 4 +---
 zh-cn/react-native-switch.md                      | 4 ----
 zh-cn/react-native-syan-image-picker.md           | 4 ----
 zh-cn/react-native-tab-navigator.md               | 3 ---
 zh-cn/react-native-text-gradient.md               | 3 ---
 zh-cn/react-native-touch-id.md                    | 3 ---
 zh-cn/react-native-transitiongroup.md             | 3 ---
 zh-cn/react-native-translucent-modal.md           | 3 ---
 zh-cn/react-native-url-polyfill.md                | 4 ----
 zh-cn/react-native-video-cache.md                 | 4 +---
 zh-cn/react-native-video.md                       | 2 --
 zh-cn/react-native-view-overflow.md               | 2 --
 zh-cn/react-native-vision-camera.md               | 3 ---
 zh-cn/react-native-waterfall-flow.md              | 2 --
 zh-cn/react-redux.md                              | 5 +----
 zh-cn/react-use.md                                | 5 +----
 zh-cn/reanimated-props-backup.md                  | 4 +---
 zh-cn/recyclerListView.md                         | 3 ---
 zh-cn/redux-actions.md                            | 5 +----
 zh-cn/redux-logger.md                             | 5 +----
 zh-cn/redux-persist.md                            | 5 +----
 zh-cn/redux-thunk.md                              | 5 +----
 zh-cn/redux-toolkit.md                            | 3 ---
 zh-cn/redux.md                                    | 5 +----
 zh-cn/rn-placeholder.md                           | 3 ---
 zh-cn/rn-tourguide.md                             | 3 ---
 zh-cn/sentry-react-native.md                      | 3 ---
 zh-cn/shopify-flash-list.md                       | 4 +---
 zh-cn/styled-components.md                        | 5 +----
 zh-cn/styled-system.md                            | 5 +----
 278 files changed, 104 insertions(+), 869 deletions(-)

diff --git a/en/EventBus.md b/en/EventBus.md
index 5bdda962..7c4a0e4d 100644
--- a/en/EventBus.md
+++ b/en/EventBus.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-Template version: v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>EventBus</code> </h1>
@@ -329,5 +328,3 @@ See for details [EventBus](https://github.com/krasimir/EventBus/blob/master/READ
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/axios.md b/en/axios.md
index 19f1a492..87f68d50 100644
--- a/en/axios.md
+++ b/en/axios.md
@@ -1,4 +1,4 @@
-> Template version: v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>axios</code> </h1>
diff --git a/en/contribute.md b/en/contribute.md
index 28b7d26b..a23e73dd 100644
--- a/en/contribute.md
+++ b/en/contribute.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 # 贡献文档
 
 非常欢迎您贡献文档，我们鼓励开发者以各种方式参与文档反馈和贡献。您可以对现有文档进行评价、简单更改、反馈文档质量问题、贡献您的原创内容。
@@ -47,5 +46,3 @@ react-native-pager-view -> react-native-pager-view.md
    `commit 信息模板`
    [Issues: #I8K7DK] 新增 react-native-svg 文档
    ```
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/crypto-js.md b/en/crypto-js.md
index 546c9321..0f22c5f2 100644
--- a/en/crypto-js.md
+++ b/en/crypto-js.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> Template version: v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>crypto-js</code> </h1>
@@ -622,5 +621,3 @@ import C from "crypto-js";
 ## License
 
 This project is licensed under [MIT License](https://github.com/brix/crypto-js/blob/4.2.0/LICENSE), Please enjoy and participate freely in open source.
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/dayJs.md b/en/dayJs.md
index d5624c42..6bde34eb 100644
--- a/en/dayJs.md
+++ b/en/dayJs.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.0
 
 <p align="center">
@@ -344,5 +343,3 @@ dayjs.extend(duration)
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/iamkun/dayjs/blob/dev/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/deepmerge.md b/en/deepmerge.md
index ce6a09b9..13ce1f65 100644
--- a/en/deepmerge.md
+++ b/en/deepmerge.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -127,5 +126,3 @@ For details, see [deepmerge Source Code](https://github.com/TehShrike/deepmerge)
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/TehShrike/deepmerge/blob/master/license.txt).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/jsbarcode.md b/en/jsbarcode.md
index 372b4e26..2d5f05e0 100644
--- a/en/jsbarcode.md
+++ b/en/jsbarcode.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.0
 
 <p align="center">
@@ -323,5 +322,3 @@ jsbarcode库依赖react-native-svg库进行条形码展示, 因svg 当前仅实
 ## License
 
 This project is licensed under [MIT License](https://github.com/lindell/JsBarcode/blob/master/MIT-LICENSE.txt), Please enjoy and participate freely in open source.
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/lodash.md b/en/lodash.md
index 730ed64d..73bbaac9 100644
--- a/en/lodash.md
+++ b/en/lodash.md
@@ -1,4 +1,4 @@
-> Template version: v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>lodash</code> </h1>
diff --git a/en/mobx-react.md b/en/mobx-react.md
index f2b3aee2..284ac077 100644
--- a/en/mobx-react.md
+++ b/en/mobx-react.md
@@ -1,4 +1,4 @@
-> Template version: v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>mobx-react</code> </h1>
diff --git a/en/mobx.md b/en/mobx.md
index b33f3c91..13571d49 100644
--- a/en/mobx.md
+++ b/en/mobx.md
@@ -1,4 +1,4 @@
-> Template version: v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>mobx</code> </h1>
diff --git a/en/moment.md b/en/moment.md
index f59da2a8..128cd7ae 100644
--- a/en/moment.md
+++ b/en/moment.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.0
 
 <p align="center">
@@ -259,5 +258,3 @@ moment().format("hh:mm:ss a");
 ## Others
 
 ## License
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/parse5.md b/en/parse5.md
index b1af8ae2..ca8ba67d 100644
--- a/en/parse5.md
+++ b/en/parse5.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -164,5 +163,3 @@ For details, see [parse5 Document address](https://parse5.js.org/index.html)
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/inikulin/parse5/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/prop-types.md b/en/prop-types.md
index defcbb2e..98ac09da 100644
--- a/en/prop-types.md
+++ b/en/prop-types.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -121,5 +120,3 @@ This document is verified based on the following versions:
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/qrcode-generator.md b/en/qrcode-generator.md
index 5bab78d4..18a25612 100644
--- a/en/qrcode-generator.md
+++ b/en/qrcode-generator.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -118,5 +116,3 @@ This document is verified based on the following versions:
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-ahooks.md b/en/react-ahooks.md
index f4b4c84d..e2c6f753 100644
--- a/en/react-ahooks.md
+++ b/en/react-ahooks.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.0
 
 <p align="center">
@@ -222,5 +221,3 @@ This document is verified based on the following versions：
 ## License
 
 This project is licensed under [MIT License](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Foblador%2Freact-native-progress%2Fblob%2Fmaster%2FLICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-i18next.md b/en/react-i18next.md
index 422dcedf..192fa047 100644
--- a/en/react-i18next.md
+++ b/en/react-i18next.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -112,5 +111,3 @@ For details, see [react-i18next Source Code](https://github.com/i18next/react-i1
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/i18next/react-i18next/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-lifecycles-compat.md b/en/react-lifecycles-compat.md
index 98f2754e..31f82f45 100644
--- a/en/react-lifecycles-compat.md
+++ b/en/react-lifecycles-compat.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -175,5 +174,3 @@ If your component contains GetsnapshotBeForeupDate, then it must also define com
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-action-sheet.md b/en/react-native-action-sheet.md
index af96b18c..d16495e5 100644
--- a/en/react-native-action-sheet.md
+++ b/en/react-native-action-sheet.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -241,5 +240,3 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 本项目基于 [The MIT License (MIT)](https://github.com/expo/react-native-action-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-animate-number.md b/en/react-native-animate-number.md
index e0b777f2..2aa8a9c9 100644
--- a/en/react-native-animate-number.md
+++ b/en/react-native-animate-number.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -172,5 +171,3 @@ This document is verified based on the following versions:
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-audio.md b/en/react-native-audio.md
index ae46a476..62278345 100644
--- a/en/react-native-audio.md
+++ b/en/react-native-audio.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -223,5 +222,4 @@ AudioQuality、MeteringEnabled、MeasurementMode is only for ios now.
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE), Please enjoy and participate freely in open source.
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE), Please enjoy and participate freely in open source.
\ No newline at end of file
diff --git a/en/react-native-autocomplete-input.md b/en/react-native-autocomplete-input.md
index 5dbf5b40..3f0269e8 100644
--- a/en/react-native-autocomplete-input.md
+++ b/en/react-native-autocomplete-input.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -196,4 +194,3 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400
 
 This project is licensed under [The MIT License (MIT)](https://github.com/byteburgers/react-native-autocomplete-input/blob/main/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-background-timer.md b/en/react-native-background-timer.md
index 89f77c0c..8bcd68a4 100644
--- a/en/react-native-background-timer.md
+++ b/en/react-native-background-timer.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -346,5 +344,3 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-bars.md b/en/react-native-bars.md
index b08e7841..cb61479c 100644
--- a/en/react-native-bars.md
+++ b/en/react-native-bars.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-Template version: v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-bars</code> </h1>
@@ -217,4 +215,3 @@ Check the release version information in the release address of the third-party
 
 This project is licensed under [The MIT License (MIT)](https://github.com/zoontek/react-native-bars/blob/main/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-ble-manager.md b/en/react-native-ble-manager.md
index 72162f1f..769f0012 100644
--- a/en/react-native-ble-manager.md
+++ b/en/react-native-ble-manager.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -601,4 +599,3 @@ Check the release version information in the release address of the third-party
 
 This project is licensed under[The MIT License (MIT)](https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-button.md b/en/react-native-button.md
index e195e298..46b91fdd 100644
--- a/en/react-native-button.md
+++ b/en/react-native-button.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -125,4 +124,3 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ide/react-native-button/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
diff --git a/en/react-native-canvas.md b/en/react-native-canvas.md
index 07fbb659..b26f138c 100644
--- a/en/react-native-canvas.md
+++ b/en/react-native-canvas.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -164,5 +163,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/iddan/react-native-canvas/blob/master/license.txt).
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/iddan/react-native-canvas/blob/master/license.txt).
\ No newline at end of file
diff --git a/en/react-native-chart-kit.md b/en/react-native-chart-kit.md
index 9e1fa4fe..e549695a 100644
--- a/en/react-native-chart-kit.md
+++ b/en/react-native-chart-kit.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1  
 
   <p align="center">  
@@ -278,5 +277,4 @@ export default MyChart;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-clippathview.md b/en/react-native-clippathview.md
index e14bb33e..90e3839b 100644
--- a/en/react-native-clippathview.md
+++ b/en/react-native-clippathview.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -231,5 +230,3 @@ ohpm install
 本项目基于 [The MIT License (MIT)](https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE) ，请自由地享受和参与开源。
 
 ---
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-confirmation-code-field.md b/en/react-native-confirmation-code-field.md
index 96e263d7..c70acf7a 100644
--- a/en/react-native-confirmation-code-field.md
+++ b/en/react-native-confirmation-code-field.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -156,5 +155,3 @@ This document is verified based on the following versions:
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-create-thumbnail.md b/en/react-native-create-thumbnail.md
index cfdaa4f8..f3f713c2 100644
--- a/en/react-native-create-thumbnail.md
+++ b/en/react-native-create-thumbnail.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -294,5 +293,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/souvik-ghosh/react-native-create-thumbnail/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-dismiss-keyboard.md b/en/react-native-dismiss-keyboard.md
index 9d580cbd..32a22a65 100644
--- a/en/react-native-dismiss-keyboard.md
+++ b/en/react-native-dismiss-keyboard.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.0
 
 <p align="center">
@@ -158,4 +156,3 @@ This document is verified based on the following versions:
 
 This project is licensed under [The MIT License (MIT)](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-doc-viewer.md b/en/react-native-doc-viewer.md
index c758ab37..96d923e0 100644
--- a/en/react-native-doc-viewer.md
+++ b/en/react-native-doc-viewer.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -433,5 +432,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/philipphecht/react-native-doc-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-drawer-layout-polyfill.md b/en/react-native-drawer-layout-polyfill.md
index 7703df2e..0bdf3ad2 100644
--- a/en/react-native-drawer-layout-polyfill.md
+++ b/en/react-native-drawer-layout-polyfill.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-Template version: v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drawer-layout-polyfill</code> </h1>
@@ -273,5 +272,3 @@ This document is verified based on the following versions
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-easy-toast.md b/en/react-native-easy-toast.md
index 94e11596..ebf14d0d 100644
--- a/en/react-native-easy-toast.md
+++ b/en/react-native-easy-toast.md
@@ -1,6 +1,3 @@
-<!-- {% raw %} -->
-
-
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -115,5 +112,3 @@ export default class App extends Component {
 ## 开源协议
 
 本项目基于 [MIT Licensed](https://github.com/crazycodeboy/react-native-easy-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-echarts-pro.md b/en/react-native-echarts-pro.md
index 45c70fea..57813c16 100644
--- a/en/react-native-echarts-pro.md
+++ b/en/react-native-echarts-pro.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-Template version: v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-echarts-pro</code> </h1>
@@ -127,5 +126,3 @@ For details, see [react-native-echarts-pro](https://github.com/supervons/react-n
 ## License
 
 This project is licensed under [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-error-boundary.md b/en/react-native-error-boundary.md
index 02f03b83..92011491 100644
--- a/en/react-native-error-boundary.md
+++ b/en/react-native-error-boundary.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -128,4 +126,3 @@ onError(error: Error, stackTrace: string): void
 
 This project is licensed under [The MIT License (MIT)](https://github.com/carloscuesta/react-native-error-boundary/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-fast-image.md b/en/react-native-fast-image.md
index bf186ec4..40258dce 100644
--- a/en/react-native-fast-image.md
+++ b/en/react-native-fast-image.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -290,4 +288,3 @@ Check the release version information in the release address of the third-party
 
 This project is licensed under [The MIT License (MIT)](https://github.com/DylanVann/react-native-fast-image/blob/main/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-file-viewer.md b/en/react-native-file-viewer.md
index 34a632af..3591d9f6 100644
--- a/en/react-native-file-viewer.md
+++ b/en/react-native-file-viewer.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -275,4 +273,3 @@ Check the release version information in the release address of the third-party
 
 This project is licensed under [The MIT License (MIT)](https://github.com/vinzscam/react-native-file-viewer/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-fit-Image.md b/en/react-native-fit-Image.md
index be5a7c15..a1aeeeb4 100644
--- a/en/react-native-fit-Image.md
+++ b/en/react-native-fit-Image.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-Template version: v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fit-image</code> </h1>
@@ -325,5 +324,3 @@ This document is verified based on the following versions
 ## License
 
 This project is licensed under [THE BEER-WARE LICENSE](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fhuiseoul%2Freact-native-fit-image%2Fblob%2Fmaster%2FLICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-get-random-values.md b/en/react-native-get-random-values.md
index 0b75c55c..e4b3417e 100644
--- a/en/react-native-get-random-values.md
+++ b/en/react-native-get-random-values.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -181,5 +180,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/LinusU/react-native-get-random-values/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-capinsets-next.md b/en/react-native-image-capinsets-next.md
index 388762bf..20753d78 100644
--- a/en/react-native-image-capinsets-next.md
+++ b/en/react-native-image-capinsets-next.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -263,4 +261,3 @@ Check the release version information in the release address of the third-party
 
 This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-image-editor.md b/en/react-native-image-editor.md
index 09103c18..78376604 100644
--- a/en/react-native-image-editor.md
+++ b/en/react-native-image-editor.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: V0.2.2
 
 <p align="center">
@@ -305,5 +304,4 @@ Check the release version information in the release address of the third-party
 
 ## License
 
-This project is licensed under  [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE), Please enjoy and participate freely in open source.
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under  [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE), Please enjoy and participate freely in open source.
\ No newline at end of file
diff --git a/en/react-native-image-gallery.md b/en/react-native-image-gallery.md
index 7a4a4db4..7543e53e 100644
--- a/en/react-native-image-gallery.md
+++ b/en/react-native-image-gallery.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -96,5 +95,3 @@ import Gallery from 'react-native-image-gallery';
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://choosealicense.com/licenses/isc) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-image-rotate.md b/en/react-native-image-rotate.md
index b462e21b..9eb969db 100644
--- a/en/react-native-image-rotate.md
+++ b/en/react-native-image-rotate.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -246,5 +244,3 @@ rotateImage | rotate picture | Function | no | iOS/Android | yes
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/dgladkov/react-native-image-rotate/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-intersection-observer.md b/en/react-native-intersection-observer.md
index 6c3180d6..3e1538d5 100644
--- a/en/react-native-intersection-observer.md
+++ b/en/react-native-intersection-observer.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -130,5 +129,3 @@ Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#metho
 ## License
 
 This project is licensed under [MIT License](https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-linear-gradient-text.md b/en/react-native-linear-gradient-text.md
index c0dd5c59..516e2697 100644
--- a/en/react-native-linear-gradient-text.md
+++ b/en/react-native-linear-gradient-text.md
@@ -104,5 +104,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/HMDarkFir3/react-native-linear-gradient-text/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-loading-spinner-overlay.md b/en/react-native-loading-spinner-overlay.md
index 8be69728..7f2027d2 100644
--- a/en/react-native-loading-spinner-overlay.md
+++ b/en/react-native-loading-spinner-overlay.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -124,4 +122,3 @@ This document is verified based on the following versions:
 
 This project is licensed under [The MIT License (MIT)](https://github.com/ladjs/react-native-loading-spinner-overlay/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-map-linking.md b/en/react-native-map-linking.md
index dcf13fe4..a1f69518 100644
--- a/en/react-native-map-linking.md
+++ b/en/react-native-map-linking.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -166,5 +165,3 @@ iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:
 
 This project is licensed under [The MIT License (MIT)](https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE).
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-markdown-display.md b/en/react-native-markdown-display.md
index 4a4d3b76..40a76fdc 100644
--- a/en/react-native-markdown-display.md
+++ b/en/react-native-markdown-display.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -127,5 +126,3 @@ The following are the HarmonyOS properties：
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/iamacup/react-native-markdown-display/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-marquee.md b/en/react-native-marquee.md
index 309072e2..16b68efe 100644
--- a/en/react-native-marquee.md
+++ b/en/react-native-marquee.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -107,5 +106,3 @@ MarqueText组件基本上继承了[TextProps](https://reactnative.dev/docs/text)
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/kyo504/react-native-marquee/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-masked-text.md b/en/react-native-masked-text.md
index 67d6d415..2f4ac88b 100644
--- a/en/react-native-masked-text.md
+++ b/en/react-native-masked-text.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -201,4 +199,3 @@ This document is verified based on the following versions:
 
 This project is licensed under [The MIT License](https://github.com/bhrott/react-native-masked-text/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-material-buttons.md b/en/react-native-material-buttons.md
index d4e82185..40633d2a 100644
--- a/en/react-native-material-buttons.md
+++ b/en/react-native-material-buttons.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -261,5 +260,4 @@ export default MaterialButtons;
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt) ，请自由地享受和参与开源。 
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt) ，请自由地享受和参与开源。 
\ No newline at end of file
diff --git a/en/react-native-material-design-style.md b/en/react-native-material-design-style.md
index 481df503..9e1deede 100644
--- a/en/react-native-material-design-style.md
+++ b/en/react-native-material-design-style.md
@@ -1,6 +1,3 @@
-<!-- {% raw %} -->
-
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -147,5 +144,3 @@ const styles = StyleSheet.create({
 本项目基于 [MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
 
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-material-textfield.md b/en/react-native-material-textfield.md
index b74e4fe7..88d3d4f2 100644
--- a/en/react-native-material-textfield.md
+++ b/en/react-native-material-textfield.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -278,5 +277,4 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 开源协议
 
-本项目基于 [BSD License](https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [BSD License](https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-modal.md b/en/react-native-modal.md
index 853ced1e..c5d35016 100644
--- a/en/react-native-modal.md
+++ b/en/react-native-modal.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -187,4 +185,3 @@ export default DefaultModal;
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-neomorph-shadows.md b/en/react-native-neomorph-shadows.md
index 04457578..b92b342c 100644
--- a/en/react-native-neomorph-shadows.md
+++ b/en/react-native-neomorph-shadows.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -143,5 +142,4 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE) ，请自由地享受和参与开源。 
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE) ，请自由地享受和参与开源。 
\ No newline at end of file
diff --git a/en/react-native-notifier.md b/en/react-native-notifier.md
index 1e05af49..59b6b222 100644
--- a/en/react-native-notifier.md
+++ b/en/react-native-notifier.md
@@ -231,4 +231,3 @@ Currently, there are 2 components out of the box. If none of them fits your need
 
 This project is licensed under [The MIT License (MIT)](https://github.com/seniv/react-native-notifier/blob/main/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-paper.md b/en/react-native-paper.md
index e433629c..0dc04cd9 100644
--- a/en/react-native-paper.md
+++ b/en/react-native-paper.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -873,5 +872,3 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-paper/blob/main/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-parsed-text.md b/en/react-native-parsed-text.md
index 6b036e75..0cb86f3e 100644
--- a/en/react-native-parsed-text.md
+++ b/en/react-native-parsed-text.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -231,4 +229,3 @@ Displayed text will be : `Mention ^^@michel^^`
 
 This project is licensed under [TTHE MIT License (MIT)](https://github.com/taskrabbit/react-native-parsed-text/blob/master/LICENSE.txt).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-popover-view.md b/en/react-native-popover-view.md
index 98b44e08..de433d23 100644
--- a/en/react-native-popover-view.md
+++ b/en/react-native-popover-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -185,5 +184,3 @@ This document is verified based on the following versions:
 ## License
 
 This project is licensed under [MIT License](https://github.com/react-native-oh-library/react-native-popover-view/blob/sig/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-popup-menu.md b/en/react-native-popup-menu.md
index 1b0df1ec..e776d948 100644
--- a/en/react-native-popup-menu.md
+++ b/en/react-native-popup-menu.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -158,5 +157,3 @@ For details, see [react-native-popup-menu](https://github.com/instea/react-nativ
 ## License
 
 This project is licensed under [The ISC License (ISC)](https://github.com/instea/react-native-popup-menu/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-pull.md b/en/react-native-pull.md
index d2fbf00b..f63b9c9d 100644
--- a/en/react-native-pull.md
+++ b/en/react-native-pull.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -469,5 +468,3 @@ Check the release version information in the release address of the third-party
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/greatbsky/react-native-pull/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-randombytes.md b/en/react-native-randombytes.md
index 1cada9ba..8a1cdc85 100644
--- a/en/react-native-randombytes.md
+++ b/en/react-native-randombytes.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -216,5 +215,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/mvayngrib/react-native-randombytes/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-reanimated-table.md b/en/react-native-reanimated-table.md
index a905aa34..9c6a1d1f 100644
--- a/en/react-native-reanimated-table.md
+++ b/en/react-native-reanimated-table.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-Template version: v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reanimated-table</code> </h1>
@@ -128,5 +127,4 @@ Please check for details [react-native-reanimated-table](https://github.com/doho
 ## License
 
 
-This project is licensed under [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE).
-<!-- {% endraw %} -->
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-scrollable-tab-view.md b/en/react-native-scrollable-tab-view.md
index 92109890..42ba2bc3 100644
--- a/en/react-native-scrollable-tab-view.md
+++ b/en/react-native-scrollable-tab-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -115,5 +114,3 @@ Check the release version information in the release address of the third-party
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-sensors.md b/en/react-native-sensors.md
index 5ab68383..374ded84 100644
--- a/en/react-native-sensors.md
+++ b/en/react-native-sensors.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -214,5 +213,3 @@ gyroscope Required permissions: ohos.permission.GYROSCOPE
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE), Please enjoy and participate freely in open source.
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-signature-capture.md b/en/react-native-signature-capture.md
index dac4267d..ccd8ed9b 100644
--- a/en/react-native-signature-capture.md
+++ b/en/react-native-signature-capture.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -304,5 +303,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/RepairShopr/react-native-signature-capture/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-spinkit.md b/en/react-native-spinkit.md
index a1cd9afb..84262251 100644
--- a/en/react-native-spinkit.md
+++ b/en/react-native-spinkit.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-spinkit</code> </h1>
@@ -229,5 +228,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-spinkit/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-stickyheader.md b/en/react-native-stickyheader.md
index 4326544f..be7689cd 100644
--- a/en/react-native-stickyheader.md
+++ b/en/react-native-stickyheader.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -148,5 +147,4 @@ This document is verified based on the following versions:
 
 This project is licensed under [The MIT License (MIT)](https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
 
diff --git a/en/react-native-svg-capi.md b/en/react-native-svg-capi.md
index a95f8cb9..a9c3d167 100644
--- a/en/react-native-svg-capi.md
+++ b/en/react-native-svg-capi.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -649,4 +647,3 @@ FontProps 组件 Properties HarmonyOS 侧支持情况
 
 This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-svg-charts.md b/en/react-native-svg-charts.md
index b8ce91f9..e2f72ffb 100644
--- a/en/react-native-svg-charts.md
+++ b/en/react-native-svg-charts.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version：v0.2.1
 
 <p align="center">
@@ -652,4 +650,3 @@ details[react-native-svg-charts](https://github.com/JesperLekland/react-native-s
 
 This project is licensed under [The MIT License (MIT)](https://github.com/JesperLekland/react-native-svg-charts/blob/dev/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-svg.md b/en/react-native-svg.md
index 06ff47ea..d23e86be 100644
--- a/en/react-native-svg.md
+++ b/en/react-native-svg.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -345,5 +344,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-swipe-gestures.md b/en/react-native-swipe-gestures.md
index ddca833b..37c7ec85 100644
--- a/en/react-native-swipe-gestures.md
+++ b/en/react-native-swipe-gestures.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -168,5 +167,4 @@ Can be passed within optional `config` property.
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-swipeable-list.md b/en/react-native-swipeable-list.md
index b10b00a3..c507fc43 100644
--- a/en/react-native-swipeable-list.md
+++ b/en/react-native-swipeable-list.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -454,4 +452,3 @@ SwipeableFlatList 组件接收所有[React Native FlatList](https://facebook.git
 
 This project is licensed under [The MIT License (MIT)](https://github.com/esthor/react-native-swipeable-list/blob/main/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-swiper.md b/en/react-native-swiper.md
index 44607014..27c8f453 100644
--- a/en/react-native-swiper.md
+++ b/en/react-native-swiper.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -232,5 +231,3 @@ var swiper = React.createClass({
 ### License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/leecade/react-native-swiper/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-switch-selector.md b/en/react-native-switch-selector.md
index 1df2baf7..aaeecef7 100644
--- a/en/react-native-switch-selector.md
+++ b/en/react-native-switch-selector.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -126,5 +125,4 @@ export default SwitchSelectorDemo;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE)，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-switch.md b/en/react-native-switch.md
index f18b9d22..48ac58c2 100644
--- a/en/react-native-switch.md
+++ b/en/react-native-switch.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -160,4 +158,3 @@ This document is verified based on the following versions:
 
 This project is licensed under [The MIT License (MIT)](https://github.com/shahen94/react-native-switch/blob/master/LICENSE).
 
-<!-- {% endraw %} -->
diff --git a/en/react-native-touch-id.md b/en/react-native-touch-id.md
index bed35161..0b208450 100644
--- a/en/react-native-touch-id.md
+++ b/en/react-native-touch-id.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -229,5 +228,3 @@ In your `module.json5`
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/naoufal/react-native-touch-id?tab=readme-ov-file#license) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-native-view-overflow.md b/en/react-native-view-overflow.md
index a7b1cad4..6c0df0c0 100644
--- a/en/react-native-view-overflow.md
+++ b/en/react-native-view-overflow.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -85,4 +84,3 @@ export function ViewOverflowDemo() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/entria/react-native-view-overflow/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
diff --git a/en/react-native-vision-camera.md b/en/react-native-vision-camera.md
index 186ae4e8..c276124d 100644
--- a/en/react-native-vision-camera.md
+++ b/en/react-native-vision-camera.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -450,5 +449,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/mrousavy/react-native-vision-camera/blob/main/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/react-use.md b/en/react-use.md
index fe0aed40..5b2b61b6 100644
--- a/en/react-use.md
+++ b/en/react-use.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-Template version: v0.2.1
+> Template version: v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>react-use</code> </h1>
@@ -180,5 +179,3 @@ Please check for details [react-use Official documentation](https://github.com/s
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/streamich/react-use/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/reanimated-props-backup.md b/en/reanimated-props-backup.md
index f616895b..26e603d4 100644
--- a/en/reanimated-props-backup.md
+++ b/en/reanimated-props-backup.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -169,5 +168,4 @@ This Animated object wraps React Native built-ins such as View,Text,ScrollView,I
 | useEvent            | This is low-level hook returning event handler that will be invoked with native events, which should be used in order to create custom event handler hook like useAnimatedGestureHandler or useAnimatedScrollHandler.                 | Function | No       | iOS Android Web | No                |
 | useHandler          | This is low-level hook returning context object and value indicating whether worklet should be rebuilt, which should be used in order to create custom event handler hook like useAnimatedGestureHandler or useAnimatedScrollHandler. | Function | No       | iOS Android Web | No                |
 | dispatchCommand     | Allows to dispatch command on a native component synchronously from the UI thread.                                                                                                                                                    | Function | No       | iOS Android Web | No                |
-| setNativeProps      | setNativeProps lets you imperatively update component properties.                                                                                                                                                                     | Function | No       | iOS Android Web | No                |
-<!-- {% endraw %} -->
\ No newline at end of file
+| setNativeProps      | setNativeProps lets you imperatively update component properties.                                                                                                                                                                     | Function | No       | iOS Android Web | No                |
\ No newline at end of file
diff --git a/en/redux-actions.md b/en/redux-actions.md
index a94bf61c..35ff512a 100644
--- a/en/redux-actions.md
+++ b/en/redux-actions.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> Template version: v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-actions</code> </h1>
@@ -308,5 +307,3 @@ It is currently recommended to use version 2.6.5. If it is updated to version 3.
 
 
 This project is licensed under [The MIT License (MIT)](https://github.com/redux-utilities/redux-actions/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-logger.md b/en/redux-logger.md
index 1c2ac056..7b566e44 100644
--- a/en/redux-logger.md
+++ b/en/redux-logger.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> Template version: v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-logger</code> </h1>
@@ -87,5 +86,3 @@ This document is verified based on the following versions:
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/LogRocket/redux-logger/blob/master/LICENSE).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-persist.md b/en/redux-persist.md
index 70216b75..25bb9125 100644
--- a/en/redux-persist.md
+++ b/en/redux-persist.md
@@ -1,4 +1,4 @@
-> Template version: v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-persist</code> </h1>
diff --git a/en/redux-thunk.md b/en/redux-thunk.md
index d67e7e17..aeefc024 100644
--- a/en/redux-thunk.md
+++ b/en/redux-thunk.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> Template version: v0.1.3
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-thunk</code> </h1>
@@ -155,5 +154,3 @@ This document is verified based on the following versions:
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/reduxjs/redux-thunk?tab=MIT-1-ov-file).
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/redux-toolkit.md b/en/redux-toolkit.md
index ac96e828..400d0c17 100644
--- a/en/redux-toolkit.md
+++ b/en/redux-toolkit.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -225,5 +224,3 @@ This document is verified based on the following versions:
 ## License
 
 This project is licensed under  [The MIT License (MIT)](https://github.com/reduxjs/redux-toolkit?tab=readme-ov-file), Please enjoy and participate freely in open source.
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/rn-tourguide.md b/en/rn-tourguide.md
index 0feb92d6..0d9edd9a 100644
--- a/en/rn-tourguide.md
+++ b/en/rn-tourguide.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -303,5 +302,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/xcarpentier/rn-tourguide/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/sentry-react-native.md b/en/sentry-react-native.md
index 32135d28..46a06043 100644
--- a/en/sentry-react-native.md
+++ b/en/sentry-react-native.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -264,5 +263,3 @@ export default function SentryDemo() {
 
 本项目基于 [The MIT License (MIT)](https://github.com/getsentry/sentry-react-native/blob/main/LICENSE.md) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/styled-components.md b/en/styled-components.md
index 00086bbc..3cd1fdc4 100644
--- a/en/styled-components.md
+++ b/en/styled-components.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > Template version: v0.2.2
 
 <p align="center">
@@ -115,5 +114,3 @@ For details, see [styled-components GitHub](https://github.com/styled-components
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/styled-components/styled-components/blob/main/LICENSE)
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/en/styled-system.md b/en/styled-system.md
index f5f6da44..04175c29 100644
--- a/en/styled-system.md
+++ b/en/styled-system.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -183,4 +181,3 @@ For details, see [styled-system GitHub](https://github.com/styled-system/styled-
 
 This project is licensed under [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md)
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/EventBus.md b/zh-cn/EventBus.md
index dad71c7a..a1dd0539 100644
--- a/zh-cn/EventBus.md
+++ b/zh-cn/EventBus.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.0
+> 模板版本：v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>EventBus</code> </h1>
@@ -325,5 +324,3 @@ export default EventBusDemo;
 ## 遗留问题
 
 ## 其他
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/Immer.md b/zh-cn/Immer.md
index 8cda5ad2..0c11b199 100644
--- a/zh-cn/Immer.md
+++ b/zh-cn/Immer.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.1
+> 模板版本：v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>immer</code> </h1>
@@ -817,5 +816,3 @@ export default MyComponent;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/immerjs/immer/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/ant-design-react-native.md b/zh-cn/ant-design-react-native.md
index 047ba9f5..d4ea8614 100644
--- a/zh-cn/ant-design-react-native.md
+++ b/zh-cn/ant-design-react-native.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -1152,4 +1150,3 @@ export default class BasicTagExample extends React.Component {
 
 本项目基于 [The MIT License (MIT)](https://github.com/ant-design/ant-design-mobile-rn/blob/master/LICENSE)，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/axios.md b/zh-cn/axios.md
index b302a4a3..b2ed1898 100644
--- a/zh-cn/axios.md
+++ b/zh-cn/axios.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>axios</code> </h1>
diff --git a/zh-cn/bam-tech-react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
index 41f15048..670b1bdf 100644
--- a/zh-cn/bam-tech-react-native-image-resizer.md
+++ b/zh-cn/bam-tech-react-native-image-resizer.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -394,5 +393,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/bamlab/react-native-image-resizer/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/bamlab/react-native-image-resizer/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/callstack-react-theme-provider.md b/zh-cn/callstack-react-theme-provider.md
index 62e272bb..ac1daa55 100644
--- a/zh-cn/callstack-react-theme-provider.md
+++ b/zh-cn/callstack-react-theme-provider.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -106,6 +105,9 @@ const styles = StyleSheet.create({
 
 export default RNThemeProvider;
 ```
+## 约束与限制
+
+## 兼容性
 
 本文档内容基于以下版本验证通过：
 
@@ -141,5 +143,3 @@ export default RNThemeProvider;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-theme-provider/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/codegen.md b/zh-cn/codegen.md
index 76ff9a3c..a827ffbf 100644
--- a/zh-cn/codegen.md
+++ b/zh-cn/codegen.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 
 # Codegen 使用指导
 
@@ -99,4 +98,3 @@ PackageProvider::getPackages(Package::Context ctx) {
 }
 ```
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/contribute.md b/zh-cn/contribute.md
index 28b7d26b..a23e73dd 100644
--- a/zh-cn/contribute.md
+++ b/zh-cn/contribute.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 # 贡献文档
 
 非常欢迎您贡献文档，我们鼓励开发者以各种方式参与文档反馈和贡献。您可以对现有文档进行评价、简单更改、反馈文档质量问题、贡献您的原创内容。
@@ -47,5 +46,3 @@ react-native-pager-view -> react-native-pager-view.md
    `commit 信息模板`
    [Issues: #I8K7DK] 新增 react-native-svg 文档
    ```
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/crypto-js.md b/zh-cn/crypto-js.md
index 02d5af5a..85a1065a 100644
--- a/zh-cn/crypto-js.md
+++ b/zh-cn/crypto-js.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>crypto-js</code> </h1>
@@ -623,5 +622,3 @@ import C from "crypto-js";
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/brix/crypto-js/blob/4.2.0/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/dayJs.md b/zh-cn/dayJs.md
index cc21c287..e8c8efef 100644
--- a/zh-cn/dayJs.md
+++ b/zh-cn/dayJs.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -343,5 +342,3 @@ dayjs.extend(duration)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/iamkun/dayjs/blob/dev/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/deepmerge.md b/zh-cn/deepmerge.md
index e568dafd..86067ae8 100644
--- a/zh-cn/deepmerge.md
+++ b/zh-cn/deepmerge.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>deepmerge</code> </h1>
@@ -127,5 +126,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/TehShrike/deepmerge/blob/master/license.txt) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/js-beautify.md b/zh-cn/js-beautify.md
index 2f15347c..94d1f2b6 100644
--- a/zh-cn/js-beautify.md
+++ b/zh-cn/js-beautify.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>js-beautify</code> </h1>
@@ -775,5 +774,3 @@ options对应的参数如下所示，当对应属性未指定时，均为如下
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/beautifier/js-beautify/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/jsbarcode.md b/zh-cn/jsbarcode.md
index 0ea50a1e..2bbdd1e4 100644
--- a/zh-cn/jsbarcode.md
+++ b/zh-cn/jsbarcode.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -324,5 +323,3 @@ jsbarcode库依赖react-native-svg库进行条形码展示, 因svg 当前仅实
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/lindell/JsBarcode/blob/master/MIT-LICENSE.txt) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/link-source-code.md b/zh-cn/link-source-code.md
index 48889911..15981ced 100644
--- a/zh-cn/link-source-code.md
+++ b/zh-cn/link-source-code.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 ### 2.引入原生端代码
 
 #### 直接链接源码情况说明
@@ -43,5 +42,3 @@ modules:[
 cd entry
 ohpm install
 ```
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/lodash.md b/zh-cn/lodash.md
index 1a93dd25..266ca354 100644
--- a/zh-cn/lodash.md
+++ b/zh-cn/lodash.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>lodash</code> </h1>
@@ -193,5 +192,3 @@ export default LodashDemo;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/lodash/lodash/blob/4.17.21/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 044fe46b..2369ff66 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -301,4 +299,3 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 
 本项目基于 [Apache License 2.0](https://github.com/lottie-react-native/lottie-react-native/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/mobx-react.md b/zh-cn/mobx-react.md
index 19bea709..aae14008 100644
--- a/zh-cn/mobx-react.md
+++ b/zh-cn/mobx-react.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>mobx-react</code> </h1>
@@ -155,5 +154,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx-react%407.6.0/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/mobx.md b/zh-cn/mobx.md
index b375d92a..457bd258 100644
--- a/zh-cn/mobx.md
+++ b/zh-cn/mobx.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>mobx</code> </h1>
@@ -116,6 +115,8 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
+## 约束与限制
+
 ### 兼容性
 
 在下述版本验证通过:
@@ -194,5 +195,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/mobxjs/mobx/blob/mobx%406.10.0/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/moment.md b/zh-cn/moment.md
index d76dcfd8..a91f645b 100644
--- a/zh-cn/moment.md
+++ b/zh-cn/moment.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -260,5 +259,3 @@ moment().format("hh:mm:ss a");
 ## 其他
 
 ## 开源协议
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/openspacelabs-react-native-zoomable-view.md b/zh-cn/openspacelabs-react-native-zoomable-view.md
index aaf821d8..bc8c10a9 100644
--- a/zh-cn/openspacelabs-react-native-zoomable-view.md
+++ b/zh-cn/openspacelabs-react-native-zoomable-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -186,5 +185,4 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/openspacelabs/react-native-zoomable-view/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/parse5.md b/zh-cn/parse5.md
index 6f4c17e2..c18f5122 100644
--- a/zh-cn/parse5.md
+++ b/zh-cn/parse5.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>parse5</code> </h1>
@@ -164,5 +163,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/inikulin/parse5/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index 0fa566da..2d89aba0 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>prop-types</code> </h1>
@@ -83,6 +82,7 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+## 约束与限制
 
 ### 兼容性
 
@@ -122,5 +122,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/qrcode-generator.md b/zh-cn/qrcode-generator.md
index ba2ce870..7c06e47a 100644
--- a/zh-cn/qrcode-generator.md
+++ b/zh-cn/qrcode-generator.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -118,5 +116,3 @@ export const CustomQrCode = ({ text, style }) => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-ahooks.md b/zh-cn/react-ahooks.md
index 65ee2dc0..e32b260c 100644
--- a/zh-cn/react-ahooks.md
+++ b/zh-cn/react-ahooks.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.0
+> 模板版本：v0.2.0
 
 <p align="center">
   <a href="https://ahooks.js.org/">
@@ -105,7 +104,7 @@ export function WhyDidYouUpdate() {
 };
 ```
 
-
+## 约束与限制
 
 ## 兼容性
 
@@ -221,5 +220,3 @@ export function WhyDidYouUpdate() {
 ## 开源协议
 
 本项目基于 [MIT License](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Foblador%2Freact-native-progress%2Fblob%2Fmaster%2FLICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-i18next.md b/zh-cn/react-i18next.md
index e249b533..3690bc2c 100644
--- a/zh-cn/react-i18next.md
+++ b/zh-cn/react-i18next.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-i18next</code> </h1>
@@ -112,5 +111,3 @@ root.render(<App />);
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/i18next/react-i18next/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/react-lifecycles-compat.md
index beab449f..a6998c98 100644
--- a/zh-cn/react-lifecycles-compat.md
+++ b/zh-cn/react-lifecycles-compat.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -177,5 +176,3 @@ export default ExampleComponent;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index 0ac22357..cea150d9 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -274,5 +273,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [Apache License (Apache)](https://github.com/react-native-studio/react-native-MJRefresh/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index f49f4956..1ea3ec60 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -395,5 +394,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [Apache License 2.0](https://github.com/react-native-studio/react-native-SmartRefreshLayout/blob/0.6.7/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-action-sheet.md b/zh-cn/react-native-action-sheet.md
index af96b18c..d16495e5 100644
--- a/zh-cn/react-native-action-sheet.md
+++ b/zh-cn/react-native-action-sheet.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -241,5 +240,3 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 本项目基于 [The MIT License (MIT)](https://github.com/expo/react-native-action-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-amap-geolocation.md b/zh-cn/react-native-amap-geolocation.md
index 2c39c5f9..eb072777 100644
--- a/zh-cn/react-native-amap-geolocation.md
+++ b/zh-cn/react-native-amap-geolocation.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -482,5 +481,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/qiuxiang/react-native-amap-geolocation/blob/main/license) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index 964eae63..5f113c76 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-animate-number</code> </h1>
@@ -172,5 +171,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md
index 03a91dff..84140172 100644
--- a/zh-cn/react-native-aria.md
+++ b/zh-cn/react-native-aria.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -546,5 +545,3 @@ export default TriggerWrapper
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/gluestack/react-native-aria/blob/main/LICENSE)，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-audio-toolkit.md b/zh-cn/react-native-audio-toolkit.md
index e8d4c5d8..4e052778 100644
--- a/zh-cn/react-native-audio-toolkit.md
+++ b/zh-cn/react-native-audio-toolkit.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -612,4 +610,3 @@ var MediaStates = {
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit/tree/master?tab=MIT-1-ov-file#readme) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 1bf3918e..ee8b681d 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -225,5 +224,4 @@ AudioQuality、MeteringEnabled、MeasurementMode is only for ios now.
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-autocomplete-input.md b/zh-cn/react-native-autocomplete-input.md
index 793a4208..f9bef584 100644
--- a/zh-cn/react-native-autocomplete-input.md
+++ b/zh-cn/react-native-autocomplete-input.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -182,5 +181,4 @@ export default App;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/byteburgers/react-native-autocomplete-input/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/byteburgers/react-native-autocomplete-input/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index 933d94dd..728e97a9 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -125,5 +124,3 @@ export function WebviewExample() {
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://github.com/iou90/react-native-autoheight-webview/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index 89f77c0c..8bcd68a4 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -346,5 +344,3 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index 4a1254c6..c0154674 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -603,5 +602,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/lovebing/react-native-baidu-map/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/lovebing/react-native-baidu-map/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-bars.md b/zh-cn/react-native-bars.md
index d18c2043..53ec537a 100644
--- a/zh-cn/react-native-bars.md
+++ b/zh-cn/react-native-bars.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.2
+>模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-bars</code> </h1>
@@ -218,5 +217,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bars/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-bars/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-bindingx.md b/zh-cn/react-native-bindingx.md
index 789a037a..ac09562c 100644
--- a/zh-cn/react-native-bindingx.md
+++ b/zh-cn/react-native-bindingx.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -325,5 +324,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [Apache License2.0](https://github.com/alibaba/bindingx/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
index fa99ff26..e8285d82 100644
--- a/zh-cn/react-native-ble-manager.md
+++ b/zh-cn/react-native-ble-manager.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -606,5 +604,4 @@ ohpm install
 
 本项目基于[The MIT License (MIT)](https://github.com/innoveit/react-native-ble-manager/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
 
diff --git a/zh-cn/react-native-ble-plx.md b/zh-cn/react-native-ble-plx.md
index b93aff25..040b0141 100644
--- a/zh-cn/react-native-ble-plx.md
+++ b/zh-cn/react-native-ble-plx.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -306,5 +305,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [Apache License 2.0](https://github.com/dotintent/react-native-ble-plx/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-button.md b/zh-cn/react-native-button.md
index e195e298..46b91fdd 100644
--- a/zh-cn/react-native-button.md
+++ b/zh-cn/react-native-button.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -125,4 +124,3 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/ide/react-native-button/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 77dea856..3d2791d5 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -397,5 +396,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/wmcmahan/react-native-calendar-events/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-canvas.md b/zh-cn/react-native-canvas.md
index b77fb6bf..e94b7a53 100644
--- a/zh-cn/react-native-canvas.md
+++ b/zh-cn/react-native-canvas.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-canvas</code> </h1>
@@ -165,5 +164,3 @@ export default CanvasDemo;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/iddan/react-native-canvas/blob/master/license.txt) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-cardview.md b/zh-cn/react-native-cardview.md
index ffec70f3..d8cbbdbb 100644
--- a/zh-cn/react-native-cardview.md
+++ b/zh-cn/react-native-cardview.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -264,5 +263,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License](https://github.com/Kishanjvaghela/react-native-cardview/blob/master/LICENSE)，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License](https://github.com/Kishanjvaghela/react-native-cardview/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-chart-kit.md b/zh-cn/react-native-chart-kit.md
index 9e1fa4fe..e549695a 100644
--- a/zh-cn/react-native-chart-kit.md
+++ b/zh-cn/react-native-chart-kit.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1  
 
   <p align="center">  
@@ -278,5 +277,4 @@ export default MyChart;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index 008b97e4..e4c81732 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -293,5 +292,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-clipboard/clipboard/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
index 560ec679..e0a5fd25 100644
--- a/zh-cn/react-native-clippath-capi.md
+++ b/zh-cn/react-native-clippath-capi.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -245,5 +244,3 @@ ohpm install
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-clippath/blob/capi/LICENSE) ，请自由地享受和参与开源。
 
 ---
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-clippathview.md b/zh-cn/react-native-clippathview.md
index e14bb33e..90e3839b 100644
--- a/zh-cn/react-native-clippathview.md
+++ b/zh-cn/react-native-clippathview.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -231,5 +230,3 @@ ohpm install
 本项目基于 [The MIT License (MIT)](https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE) ，请自由地享受和参与开源。
 
 ---
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index 43d720c5..fb4b3922 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -286,5 +285,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-communications.md b/zh-cn/react-native-communications.md
index cff9fe5f..eb2cc6ff 100644
--- a/zh-cn/react-native-communications.md
+++ b/zh-cn/react-native-communications.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -134,5 +133,3 @@ export default RNCommunications;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/davebeehively/react-native-communications/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index 8a8b3601..73fc6a76 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -309,5 +308,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-datetimepicker/datetimepicker/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-geolocation.md b/zh-cn/react-native-community-geolocation.md
index 106e3a04..549f227e 100644
--- a/zh-cn/react-native-community-geolocation.md
+++ b/zh-cn/react-native-community-geolocation.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -285,4 +283,3 @@ ohpm install
 
 本项目基于 [The MIT License(MIT)](https://github.com/michalchudziak/react-native-geolocation/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index b61722fc..8b984994 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -239,4 +238,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/progress-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-community-segmented-control.md b/zh-cn/react-native-community-segmented-control.md
index f2992a57..e5d35856 100644
--- a/zh-cn/react-native-community-segmented-control.md
+++ b/zh-cn/react-native-community-segmented-control.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -106,5 +105,3 @@ export const MSegmentedControl: React.FC = (): JSX.Element => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-segmented-control/segmented-control/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
index 852dffb4..b57787f0 100644
--- a/zh-cn/react-native-community-toolbar-android.md
+++ b/zh-cn/react-native-community-toolbar-android.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -315,5 +314,3 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-confirmation-code-field.md b/zh-cn/react-native-confirmation-code-field.md
index 2e05776b..3eda328a 100644
--- a/zh-cn/react-native-confirmation-code-field.md
+++ b/zh-cn/react-native-confirmation-code-field.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -156,5 +155,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 077197af..57971fd3 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -567,4 +565,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/morenoh149/react-native-contacts/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index 7462114e..3fbc165f 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -353,5 +352,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-cookies/cookies/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md
index cfdaa4f8..f3f713c2 100644
--- a/zh-cn/react-native-create-thumbnail.md
+++ b/zh-cn/react-native-create-thumbnail.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -294,5 +293,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/souvik-ghosh/react-native-create-thumbnail/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
index 84a863f0..9c9c5de9 100644
--- a/zh-cn/react-native-device-info.md
+++ b/zh-cn/react-native-device-info.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -292,5 +291,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-device-info/react-native-device-info/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-dismiss-keyboard.md b/zh-cn/react-native-dismiss-keyboard.md
index c52d90c7..5bc2e8d5 100644
--- a/zh-cn/react-native-dismiss-keyboard.md
+++ b/zh-cn/react-native-dismiss-keyboard.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -158,5 +157,4 @@ const styles = StyleSheet.create({
 ## 其他
 
 ## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-doc-viewer.md b/zh-cn/react-native-doc-viewer.md
index c758ab37..96d923e0 100644
--- a/zh-cn/react-native-doc-viewer.md
+++ b/zh-cn/react-native-doc-viewer.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -433,5 +432,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/philipphecht/react-native-doc-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index e3084790..4243daed 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -674,5 +673,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The Apache License (Apache)](https://github.com/mochixuan/react-native-drag-sort/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-drawer-layout-polyfill.md b/zh-cn/react-native-drawer-layout-polyfill.md
index 678f5c59..e7dfa6ad 100644
--- a/zh-cn/react-native-drawer-layout-polyfill.md
+++ b/zh-cn/react-native-drawer-layout-polyfill.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drawer-layout-polyfill</code> </h1>
@@ -272,5 +271,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-dynamic.md b/zh-cn/react-native-dynamic.md
index 719ee79b..08cf51f6 100644
--- a/zh-cn/react-native-dynamic.md
+++ b/zh-cn/react-native-dynamic.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -205,5 +204,4 @@ const dynamicStyles = new DynamicStyleSheet({
 ## 其他
 
 ## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/codemotionapps/react-native-dynamic/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-easy-grid.md b/zh-cn/react-native-easy-grid.md
index ad983a82..6ad085d3 100644
--- a/zh-cn/react-native-easy-grid.md
+++ b/zh-cn/react-native-easy-grid.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -100,4 +98,3 @@ Grid、Row、Col组件接收所有 [React Native View](https://reactnative.dev/d
 
 本项目基于 [Apache License 2.0](https://github.com/GeekyAnts/react-native-easy-grid/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-easy-toast.md b/zh-cn/react-native-easy-toast.md
index 94e11596..ebf14d0d 100644
--- a/zh-cn/react-native-easy-toast.md
+++ b/zh-cn/react-native-easy-toast.md
@@ -1,6 +1,3 @@
-<!-- {% raw %} -->
-
-
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -115,5 +112,3 @@ export default class App extends Component {
 ## 开源协议
 
 本项目基于 [MIT Licensed](https://github.com/crazycodeboy/react-native-easy-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-echarts-pro.md b/zh-cn/react-native-echarts-pro.md
index c8c4dafa..d1fdbc3a 100644
--- a/zh-cn/react-native-echarts-pro.md
+++ b/zh-cn/react-native-echarts-pro.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.0
+> 模板版本：v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-echarts-pro</code> </h1>
@@ -127,5 +126,3 @@ export default function RNEPDemo() {
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-element-dropdown.md b/zh-cn/react-native-element-dropdown.md
index 12695c9f..2268b909 100644
--- a/zh-cn/react-native-element-dropdown.md
+++ b/zh-cn/react-native-element-dropdown.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -468,5 +467,4 @@ yarn add react-native-element-dropdown@2.12.1
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE)，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-error-boundary.md b/zh-cn/react-native-error-boundary.md
index d613bff8..cff2fdb4 100644
--- a/zh-cn/react-native-error-boundary.md
+++ b/zh-cn/react-native-error-boundary.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -125,4 +123,3 @@ onError(error: Error, stackTrace: string): void
 
 本项目基于 [The MIT License (MIT)](https://github.com/carloscuesta/react-native-error-boundary/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index a1b18b6c..321c37b8 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -293,4 +291,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/DylanVann/react-native-fast-image/blob/main/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-feather.md b/zh-cn/react-native-feather.md
index f14611d9..75d5e734 100644
--- a/zh-cn/react-native-feather.md
+++ b/zh-cn/react-native-feather.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -111,5 +110,4 @@ export default FeatherExample;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md
index 130d2429..5612bff5 100644
--- a/zh-cn/react-native-file-viewer.md
+++ b/zh-cn/react-native-file-viewer.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -257,4 +255,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/vinzscam/react-native-file-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index eae58a48..758671bd 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -227,5 +226,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/PhilippKrone/react-native-fileupload/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index 9e8b5d04..ad852545 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -233,5 +232,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index 16bb713c..f5d772e7 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fit-image</code> </h1>
@@ -325,5 +324,3 @@ export default FitImageDemo;
 ## 开源协议
 
 本项目基于 [THE BEER-WARE LICENSE](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fhuiseoul%2Freact-native-fit-image%2Fblob%2Fmaster%2FLICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-flash-message.md b/zh-cn/react-native-flash-message.md
index 5798bfe2..5a0142f3 100644
--- a/zh-cn/react-native-flash-message.md
+++ b/zh-cn/react-native-flash-message.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -159,5 +158,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/lucasferreira/react-native-flash-message/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index e03776e6..2abc537c 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -470,5 +469,3 @@ Y coordinate, expressed in points, of the current position of the pointer (finge
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md
index 0b75c55c..e4b3417e 100644
--- a/zh-cn/react-native-get-random-values.md
+++ b/zh-cn/react-native-get-random-values.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -181,5 +180,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/LinusU/react-native-get-random-values/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-iconfont-cli.md b/zh-cn/react-native-iconfont-cli.md
index fc400333..347cfe4e 100644
--- a/zh-cn/react-native-iconfont-cli.md
+++ b/zh-cn/react-native-iconfont-cli.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -220,5 +219,4 @@ RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-image-capinsets-next.md b/zh-cn/react-native-image-capinsets-next.md
index 61c121d4..b6cc618b 100644
--- a/zh-cn/react-native-image-capinsets-next.md
+++ b/zh-cn/react-native-image-capinsets-next.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -268,5 +266,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 9e78f22e..e978d539 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：V0.2.2
 
 <p align="center">
@@ -305,5 +304,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-image-gallery.md b/zh-cn/react-native-image-gallery.md
index 7a4a4db4..7543e53e 100644
--- a/zh-cn/react-native-image-gallery.md
+++ b/zh-cn/react-native-image-gallery.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -96,5 +95,3 @@ import Gallery from 'react-native-image-gallery';
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://choosealicense.com/licenses/isc) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-rotate.md b/zh-cn/react-native-image-rotate.md
index 9bc90f53..b5d7ecf8 100644
--- a/zh-cn/react-native-image-rotate.md
+++ b/zh-cn/react-native-image-rotate.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -246,5 +244,3 @@ rotateImage | 旋转图片 | Function | no | iOS/Android | yes
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/dgladkov/react-native-image-rotate/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-zoom-viewer.md b/zh-cn/react-native-image-zoom-viewer.md
index 09d79af6..f765cb34 100644
--- a/zh-cn/react-native-image-zoom-viewer.md
+++ b/zh-cn/react-native-image-zoom-viewer.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -286,5 +285,4 @@ export default ReactImageZoon;
 
 本项目基于 [The MIT License (MIT)](https://github.com/ascoders/react-native-image-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
 
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index 9d422167..121bc344 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -130,5 +129,3 @@ Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#metho
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index 8dbdd99d..ca67c22e 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -237,5 +236,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/corbt/react-native-keep-awake/blob/master/LICENCE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-keyboard-aware-scroll-view.md b/zh-cn/react-native-keyboard-aware-scroll-view.md
index ede718e5..b544deb6 100644
--- a/zh-cn/react-native-keyboard-aware-scroll-view.md
+++ b/zh-cn/react-native-keyboard-aware-scroll-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -141,5 +140,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/APSL/react-native-keyboard-aware-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-largelist.md b/zh-cn/react-native-largelist.md
index 6e13828c..c576261b 100644
--- a/zh-cn/react-native-largelist.md
+++ b/zh-cn/react-native-largelist.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -221,4 +219,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-largelist/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-lightbox.md b/zh-cn/react-native-lightbox.md
index 49c8f521..d99fb66f 100644
--- a/zh-cn/react-native-lightbox.md
+++ b/zh-cn/react-native-lightbox.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -210,5 +209,4 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/cbbfcd/react-native-lightbox/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/cbbfcd/react-native-lightbox/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-linear-gradient-text.md b/zh-cn/react-native-linear-gradient-text.md
index c0dd5c59..516e2697 100644
--- a/zh-cn/react-native-linear-gradient-text.md
+++ b/zh-cn/react-native-linear-gradient-text.md
@@ -104,5 +104,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/HMDarkFir3/react-native-linear-gradient-text/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 715a566f..7157b302 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -249,5 +248,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-loading-spinner-overlay.md b/zh-cn/react-native-loading-spinner-overlay.md
index 64d4a7e9..eb3b2806 100644
--- a/zh-cn/react-native-loading-spinner-overlay.md
+++ b/zh-cn/react-native-loading-spinner-overlay.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -120,4 +118,3 @@ const styles = StyleSheet.create({
 
 本项目基于 [The MIT License (MIT)](https://github.com/ladjs/react-native-loading-spinner-overlay/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index 659628a7..04016acc 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -236,5 +235,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-localize/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/zoontek/react-native-localize/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index cbde0111..37031243 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -165,5 +164,3 @@ iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:
 
 本项目基于 [The MIT License (MIT)](https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index 2debec2b..aaee0cf6 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -877,5 +876,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [MIT License (MIT)](https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License (MIT)](https://github.com/react-native-maps/react-native-maps/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index d56ae79a..5eafd1eb 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -126,5 +125,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/iamacup/react-native-markdown-display/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-marquee.md b/zh-cn/react-native-marquee.md
index 9540e220..fdcd9340 100644
--- a/zh-cn/react-native-marquee.md
+++ b/zh-cn/react-native-marquee.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -108,5 +107,3 @@ MarqueText组件基本上继承了[TextProps](https://reactnative.dev/docs/text)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/kyo504/react-native-marquee/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-masked-text.md b/zh-cn/react-native-masked-text.md
index 78d67b2d..76f24a23 100644
--- a/zh-cn/react-native-masked-text.md
+++ b/zh-cn/react-native-masked-text.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -201,4 +199,3 @@ const styles = StyleSheet.create({
 
 本项目基于 [The MIT License](https://github.com/bhrott/react-native-masked-text/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index 2b36bb92..c8febe64 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -253,5 +252,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-masked-view/masked-view/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-material-buttons.md b/zh-cn/react-native-material-buttons.md
index d4e82185..40633d2a 100644
--- a/zh-cn/react-native-material-buttons.md
+++ b/zh-cn/react-native-material-buttons.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -261,5 +260,4 @@ export default MaterialButtons;
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt) ，请自由地享受和参与开源。 
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt) ，请自由地享受和参与开源。 
\ No newline at end of file
diff --git a/zh-cn/react-native-material-design-style.md b/zh-cn/react-native-material-design-style.md
index 481df503..9e1deede 100644
--- a/zh-cn/react-native-material-design-style.md
+++ b/zh-cn/react-native-material-design-style.md
@@ -1,6 +1,3 @@
-<!-- {% raw %} -->
-
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -147,5 +144,3 @@ const styles = StyleSheet.create({
 本项目基于 [MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
 
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-material-textfield.md b/zh-cn/react-native-material-textfield.md
index b74e4fe7..88d3d4f2 100644
--- a/zh-cn/react-native-material-textfield.md
+++ b/zh-cn/react-native-material-textfield.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -278,5 +277,4 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 开源协议
 
-本项目基于 [BSD License](https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [BSD License](https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-md5.md b/zh-cn/react-native-md5.md
index 0a086bbb..6489e146 100644
--- a/zh-cn/react-native-md5.md
+++ b/zh-cn/react-native-md5.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -125,5 +124,3 @@ export function md5TestExample() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/kmend/react-native-md5/blob/master/README.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-modal-popover.md b/zh-cn/react-native-modal-popover.md
index 5f9d655d..5fd6c070 100644
--- a/zh-cn/react-native-modal-popover.md
+++ b/zh-cn/react-native-modal-popover.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -319,5 +318,4 @@ export function PopoverCenterExample() {
 
 ## 开源协议
 
-本项目基于 [License](https://github.com/doomsower/react-native-modal-popover/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [License](https://github.com/doomsower/react-native-modal-popover/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-modal.md b/zh-cn/react-native-modal.md
index 853ced1e..c5d35016 100644
--- a/zh-cn/react-native-modal.md
+++ b/zh-cn/react-native-modal.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -187,4 +185,3 @@ export default DefaultModal;
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index 89f07d6e..0f500c32 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -535,4 +533,3 @@ const styles = StyleSheet.create({
 
 本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-modalbox/blob/master/License.txt) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-mqtt.md b/zh-cn/react-native-mqtt.md
index 34e3472a..a063d87a 100644
--- a/zh-cn/react-native-mqtt.md
+++ b/zh-cn/react-native-mqtt.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-模板版本：v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-mqtt</code> </h1>
@@ -176,5 +174,3 @@ function sendMessage() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Introvertuous/react-native-mqtt/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-multi-slider.md b/zh-cn/react-native-multi-slider.md
index d71ec691..fb09b6d8 100644
--- a/zh-cn/react-native-multi-slider.md
+++ b/zh-cn/react-native-multi-slider.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -542,5 +541,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于[The MIT License (MIT)](https://github.com/ptomasroos/react-native-multi-slider/blob/master/LICENSE)，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-neomorph-shadows.md b/zh-cn/react-native-neomorph-shadows.md
index 04457578..b92b342c 100644
--- a/zh-cn/react-native-neomorph-shadows.md
+++ b/zh-cn/react-native-neomorph-shadows.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -143,5 +142,4 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE) ，请自由地享受和参与开源。 
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE) ，请自由地享受和参与开源。 
\ No newline at end of file
diff --git a/zh-cn/react-native-nested-scroll-view.md b/zh-cn/react-native-nested-scroll-view.md
index cffdf5ab..bbf71ddd 100644
--- a/zh-cn/react-native-nested-scroll-view.md
+++ b/zh-cn/react-native-nested-scroll-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -179,5 +178,3 @@ Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在Re
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/cesardeazevedo/react-native-nested-scroll-view/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-notifier.md b/zh-cn/react-native-notifier.md
index 789d66f4..a69e6908 100644
--- a/zh-cn/react-native-notifier.md
+++ b/zh-cn/react-native-notifier.md
@@ -222,5 +222,4 @@ Currently, there are 2 components out of the box. If none of them fits your need
 - omitGlobalMethodsHookup源库属性未生效 问题：[issues#102](https://github.com/seniv/react-native-notifier/issues/102) 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/seniv/react-native-notifier/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/seniv/react-native-notifier/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index 95009e78..b103d4f5 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -358,5 +357,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-orientation-locker/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-orientation-locker/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index f90dbd47..5a3750ee 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -309,5 +308,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [ISC License](https://github.com/react-native-oh-library/react-native-orientation/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [ISC License](https://github.com/react-native-oh-library/react-native-orientation/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index 5c99bcec..ea882db3 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -245,5 +244,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pager-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index 72d62879..71e72b58 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -1161,5 +1160,3 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-paper/blob/main/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-parsed-text.md b/zh-cn/react-native-parsed-text.md
index 0673785d..2101abb4 100644
--- a/zh-cn/react-native-parsed-text.md
+++ b/zh-cn/react-native-parsed-text.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -222,5 +220,3 @@ Displayed text will be : ```Mention ^^@michel^^```
 ## 开源协议
 
 本项目基于 [TTHE MIT License (MIT)](https://github.com/taskrabbit/react-native-parsed-text/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index e3b882cd..fc6bfaee 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -329,5 +327,4 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/wonday/react-native-pdf/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
 
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index ca396516..f115c80d 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -450,5 +449,3 @@ ohos.permission.LOCATION_IN_BACKGROUND 允许应用在后台运行时获取设
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-permissions/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-picker-picker(nocodegen).md b/zh-cn/react-native-picker-picker(nocodegen).md
index 2a8069c8..6558c47b 100644
--- a/zh-cn/react-native-picker-picker(nocodegen).md
+++ b/zh-cn/react-native-picker-picker(nocodegen).md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -307,5 +306,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/picker/blob/sig/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 5e5881d9..0e77a9ac 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -248,5 +247,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-picker/picker/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-pickers.md b/zh-cn/react-native-pickers.md
index 1ca16654..40a614e6 100644
--- a/zh-cn/react-native-pickers.md
+++ b/zh-cn/react-native-pickers.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -334,4 +332,3 @@ export default class MainPage extends BaseComponent {
 
 本项目基于 [The ISC License (ISC)](https://www.isc.org/licenses/) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-popover-view.md b/zh-cn/react-native-popover-view.md
index 65f78425..5ed90939 100644
--- a/zh-cn/react-native-popover-view.md
+++ b/zh-cn/react-native-popover-view.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-oh-tpl/react-native-popover-view</code> </h1>
@@ -185,5 +184,3 @@ export default PopoverDemo;
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-popover-view/blob/sig/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-popup-menu.md b/zh-cn/react-native-popup-menu.md
index 61778587..9e4af30f 100644
--- a/zh-cn/react-native-popup-menu.md
+++ b/zh-cn/react-native-popup-menu.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -158,5 +157,3 @@ export const YourComponent = () => (
 ## 开源协议
 
 本项目基于 [The ISC License (ISC)](https://github.com/instea/react-native-popup-menu/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-progress.md b/zh-cn/react-native-progress.md
index 95ca2bc8..c072bbdd 100644
--- a/zh-cn/react-native-progress.md
+++ b/zh-cn/react-native-progress.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -229,5 +228,3 @@ All of the props under _Properties_ in addition to the following:
 ## 开源协议
 
 本项目基于 [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-pull.md b/zh-cn/react-native-pull.md
index 9748d297..61a09027 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -469,5 +468,3 @@ export default PullListDemo;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/greatbsky/react-native-pull/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-qrcode-svg.md b/zh-cn/react-native-qrcode-svg.md
index 8618af60..7cad98fd 100644
--- a/zh-cn/react-native-qrcode-svg.md
+++ b/zh-cn/react-native-qrcode-svg.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -106,5 +105,3 @@ export const SvgDemo = () => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/awesomejerry/react-native-qrcode-svg/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index 1cada9ba..8a1cdc85 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -216,5 +215,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/mvayngrib/react-native-randombytes/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-reanimated-table.md b/zh-cn/react-native-reanimated-table.md
index 1fdc1060..b6567fb5 100644
--- a/zh-cn/react-native-reanimated-table.md
+++ b/zh-cn/react-native-reanimated-table.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reanimated-table</code> </h1>
@@ -126,5 +125,4 @@ const styles = StyleSheet.create({
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index 47231db4..38ada29d 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -270,5 +269,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/software-mansion/react-native-reanimated/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-root-modal.md b/zh-cn/react-native-root-modal.md
index 894d7b13..46136b11 100644
--- a/zh-cn/react-native-root-modal.md
+++ b/zh-cn/react-native-root-modal.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -194,5 +193,3 @@ react-native-root-modal组件接收所有[React Native View](https://reactnative
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-modal/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index 09ce09df..bddfce0a 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -263,4 +262,3 @@ Note that providers should not be inside a View that is animated with Animated o
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/th3rdwave/react-native-safe-area-context/blob/main/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-safe-module.md b/zh-cn/react-native-safe-module.md
index a9d6442f..7dc28b9e 100644
--- a/zh-cn/react-native-safe-module.md
+++ b/zh-cn/react-native-safe-module.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -104,5 +103,4 @@ SafeModule.create(options) | 创建Module | Object | Yes | iOS/Android | Yes |
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/lelandrichardson/react-native-safe-module/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/lelandrichardson/react-native-safe-module/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index 12e46008..92892544 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -115,5 +114,3 @@ export default () => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index cff9a825..098fc8a4 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -214,5 +213,3 @@ gyroscope 需要的权限：ohos.permission.GYROSCOPE
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-share.md b/zh-cn/react-native-share.md
index 0bbf66c8..73aab6ea 100644
--- a/zh-cn/react-native-share.md
+++ b/zh-cn/react-native-share.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -372,5 +370,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-share/react-native-share/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-signature-capture.md b/zh-cn/react-native-signature-capture.md
index dac4267d..ccd8ed9b 100644
--- a/zh-cn/react-native-signature-capture.md
+++ b/zh-cn/react-native-signature-capture.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -304,5 +303,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/RepairShopr/react-native-signature-capture/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-simple-toast.md b/zh-cn/react-native-simple-toast.md
index 4fe9b3fe..bd931097 100644
--- a/zh-cn/react-native-simple-toast.md
+++ b/zh-cn/react-native-simple-toast.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -160,5 +159,4 @@ CENTER | toast显示位置:CENTER | number | / | no
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-simple-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-simple-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-slider.md b/zh-cn/react-native-slider.md
index 575c2047..24acd978 100644
--- a/zh-cn/react-native-slider.md
+++ b/zh-cn/react-native-slider.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -193,4 +192,3 @@ const styles = StyleSheet.create({
 
 本项目基于 [The MIT License (MIT)](https://github.com/jeanregisser/react-native-slider/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index 70fdfb10..77ed84cb 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -360,5 +359,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/zmxv/react-native-sound/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md
index a1cd9afb..84262251 100644
--- a/zh-cn/react-native-spinkit.md
+++ b/zh-cn/react-native-spinkit.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-spinkit</code> </h1>
@@ -229,5 +228,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-spinkit/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md
index 9c20a535..2b4f2ec9 100644
--- a/zh-cn/react-native-splash-screen.md
+++ b/zh-cn/react-native-splash-screen.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -223,5 +222,4 @@ HarmonyOS 中，在入口 onWindowStageCreate 中调用 windowStage.loadContent
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
index c2bf7a3d..cd13f2a7 100644
--- a/zh-cn/react-native-spring-scrollview.md
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -305,5 +304,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index efdf9edb..488766d6 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -627,5 +626,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/andpor/react-native-sqlite-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/andpor/react-native-sqlite-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-ssl-pinning.md b/zh-cn/react-native-ssl-pinning.md
index b735153a..2fb47ec4 100644
--- a/zh-cn/react-native-ssl-pinning.md
+++ b/zh-cn/react-native-ssl-pinning.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -371,5 +370,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/MaxToyberman/react-native-ssl-pinning/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-stickyheader.md b/zh-cn/react-native-stickyheader.md
index 1390b514..b06d5e85 100644
--- a/zh-cn/react-native-stickyheader.md
+++ b/zh-cn/react-native-stickyheader.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -148,5 +147,4 @@ export default App;
 
 本项目基于 [The MIT License (MIT)](https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
 
diff --git a/zh-cn/react-native-storage.md b/zh-cn/react-native-storage.md
index 068a207c..e7f6d734 100644
--- a/zh-cn/react-native-storage.md
+++ b/zh-cn/react-native-storage.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -415,5 +414,3 @@ RNOH: 0.72.22; SDK: OpenHarmony(api12) 5.0.0.22; IDE: DevEco Studio 5.0.3.228; R
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/sunnylqm/react-native-storage/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 2cde05c5..26e13fa1 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -652,5 +651,3 @@ FontProps 组件属性 HarmonyOS 侧支持情况
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-svg-charts.md b/zh-cn/react-native-svg-charts.md
index d170cc33..7fec629e 100644
--- a/zh-cn/react-native-svg-charts.md
+++ b/zh-cn/react-native-svg-charts.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -632,5 +631,3 @@ children | One or many react-native-svg components that will be used to enhance
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/JesperLekland/react-native-svg-charts/blob/dev/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index 06ff47ea..d23e86be 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -345,5 +344,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-swipe-gestures.md b/zh-cn/react-native-swipe-gestures.md
index ddca833b..37c7ec85 100644
--- a/zh-cn/react-native-swipe-gestures.md
+++ b/zh-cn/react-native-swipe-gestures.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.1
 
 <p align="center">
@@ -168,5 +167,4 @@ Can be passed within optional `config` property.
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-swipe-list-view.md b/zh-cn/react-native-swipe-list-view.md
index 0c2b4559..5af421b4 100644
--- a/zh-cn/react-native-swipe-list-view.md
+++ b/zh-cn/react-native-swipe-list-view.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -315,5 +314,3 @@ const styles = StyleSheet.create({
 本项目基于 [The MIT License (MIT)](https://github.com/jemise111/react-native-swipe-list-view/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-swipeable-list.md b/zh-cn/react-native-swipeable-list.md
index 5095acf5..05a033a4 100644
--- a/zh-cn/react-native-swipeable-list.md
+++ b/zh-cn/react-native-swipeable-list.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -455,4 +453,3 @@ SwipeableFlatList 组件接收所有[React Native FlatList](https://facebook.git
 
 本项目基于 [The MIT License (MIT)](https://github.com/esthor/react-native-swipeable-list/blob/main/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-swiper.md b/zh-cn/react-native-swiper.md
index 3ee63ac6..6f30cc5a 100644
--- a/zh-cn/react-native-swiper.md
+++ b/zh-cn/react-native-swiper.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -232,5 +231,3 @@ var swiper = React.createClass({
 ### 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/leecade/react-native-swiper/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-switch-pro.md b/zh-cn/react-native-switch-pro.md
index a97c4d91..b10d69a2 100644
--- a/zh-cn/react-native-switch-pro.md
+++ b/zh-cn/react-native-switch-pro.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -113,5 +112,4 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/poberwong/react-native-switch-pro/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/poberwong/react-native-switch-pro/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-switch-selector.md b/zh-cn/react-native-switch-selector.md
index cb103872..10172407 100644
--- a/zh-cn/react-native-switch-selector.md
+++ b/zh-cn/react-native-switch-selector.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -126,5 +125,4 @@ export default SwitchSelectorDemo;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE)，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-switch.md b/zh-cn/react-native-switch.md
index 769a55c0..0231eec0 100644
--- a/zh-cn/react-native-switch.md
+++ b/zh-cn/react-native-switch.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -147,5 +145,3 @@ testID  |  swtich test ID |       string     |    No    | Android/IOS |        Y
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/shahen94/react-native-switch/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index cc670972..2e65aa4c 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -435,5 +433,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/syanbo/react-native-syan-image-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-tab-navigator.md b/zh-cn/react-native-tab-navigator.md
index 13d150c9..83c1910e 100644
--- a/zh-cn/react-native-tab-navigator.md
+++ b/zh-cn/react-native-tab-navigator.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -166,4 +164,3 @@ export default App;
 
 本项目基于 [The MIT License (MIT)](https://github.com/ptomasroos/react-native-tab-navigator/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-text-gradient.md b/zh-cn/react-native-text-gradient.md
index 8f9df35f..e200ec7d 100644
--- a/zh-cn/react-native-text-gradient.md
+++ b/zh-cn/react-native-text-gradient.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -266,5 +265,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/iyegoroff/react-native-text-gradient/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index bed35161..0b208450 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -229,5 +228,3 @@ In your `module.json5`
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/naoufal/react-native-touch-id?tab=readme-ov-file#license) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md
index c903cfaa..c66d31d7 100644
--- a/zh-cn/react-native-transitiongroup.md
+++ b/zh-cn/react-native-transitiongroup.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -177,5 +176,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-translucent-modal.md b/zh-cn/react-native-translucent-modal.md
index 21222925..2aceb0dc 100644
--- a/zh-cn/react-native-translucent-modal.md
+++ b/zh-cn/react-native-translucent-modal.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -113,5 +112,3 @@ export const E_ReactNativeTranslucentModal: React.FC = (): JSX.Element => {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/23mf/react-native-translucent-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-url-polyfill.md b/zh-cn/react-native-url-polyfill.md
index 6fedb375..72173ffc 100644
--- a/zh-cn/react-native-url-polyfill.md
+++ b/zh-cn/react-native-url-polyfill.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -196,5 +194,3 @@ export default URLPolyfillDemo;
 ## 开源协议
 
 本项目基于[The MIT License](https://github.com/charpeni/react-native-url-polyfill/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index 62b4f909..eddd1227 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.0
 
 <p align="center">
@@ -218,5 +217,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index fc181999..595a5142 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -1,5 +1,3 @@
-<!-- {% raw %} -->
-
 > 模板版本：v0.2.2
 
 <p align="center">
diff --git a/zh-cn/react-native-view-overflow.md b/zh-cn/react-native-view-overflow.md
index a7b1cad4..6c0df0c0 100644
--- a/zh-cn/react-native-view-overflow.md
+++ b/zh-cn/react-native-view-overflow.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -85,4 +84,3 @@ export function ViewOverflowDemo() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/entria/react-native-view-overflow/blob/master/LICENSE) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index 186ae4e8..c276124d 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -450,5 +449,3 @@ ohpm install
 
 本项目基于 [The MIT License (MIT)](https://github.com/mrousavy/react-native-vision-camera/blob/main/LICENSE) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-waterfall-flow.md b/zh-cn/react-native-waterfall-flow.md
index 43d0d2df..0f0dbdeb 100644
--- a/zh-cn/react-native-waterfall-flow.md
+++ b/zh-cn/react-native-waterfall-flow.md
@@ -208,5 +208,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/axerjs/react-native-waterfall-flow/blob/HEAD/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-redux.md b/zh-cn/react-redux.md
index 9edc631b..9a3963be 100644
--- a/zh-cn/react-redux.md
+++ b/zh-cn/react-redux.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-redux</code> </h1>
@@ -177,5 +176,3 @@ export function Counter() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/react-redux/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-use.md b/zh-cn/react-use.md
index cf3434ee..0699ba44 100644
--- a/zh-cn/react-use.md
+++ b/zh-cn/react-use.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-模板版本：v0.2.1
+> 模板版本：v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>react-use</code> </h1>
@@ -179,5 +178,3 @@ npm install rebound --legacy-peer-deps
 ## 其他
 ## 开源协议
 本项目基于 [The MIT License (MIT)](https://github.com/streamich/react-use/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/reanimated-props-backup.md b/zh-cn/reanimated-props-backup.md
index f616895b..26e603d4 100644
--- a/zh-cn/reanimated-props-backup.md
+++ b/zh-cn/reanimated-props-backup.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 ## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -169,5 +168,4 @@ This Animated object wraps React Native built-ins such as View,Text,ScrollView,I
 | useEvent            | This is low-level hook returning event handler that will be invoked with native events, which should be used in order to create custom event handler hook like useAnimatedGestureHandler or useAnimatedScrollHandler.                 | Function | No       | iOS Android Web | No                |
 | useHandler          | This is low-level hook returning context object and value indicating whether worklet should be rebuilt, which should be used in order to create custom event handler hook like useAnimatedGestureHandler or useAnimatedScrollHandler. | Function | No       | iOS Android Web | No                |
 | dispatchCommand     | Allows to dispatch command on a native component synchronously from the UI thread.                                                                                                                                                    | Function | No       | iOS Android Web | No                |
-| setNativeProps      | setNativeProps lets you imperatively update component properties.                                                                                                                                                                     | Function | No       | iOS Android Web | No                |
-<!-- {% endraw %} -->
\ No newline at end of file
+| setNativeProps      | setNativeProps lets you imperatively update component properties.                                                                                                                                                                     | Function | No       | iOS Android Web | No                |
\ No newline at end of file
diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerListView.md
index f0d3ba7d..a1e62a29 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerListView.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -220,5 +219,3 @@ const styles = {
 ## 开源协议
 
 本项目基于 [Apache License 2.0](https://github.com/Flipkart/recyclerlistview/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-actions.md b/zh-cn/redux-actions.md
index a3305c52..80d7eafc 100644
--- a/zh-cn/redux-actions.md
+++ b/zh-cn/redux-actions.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-actions</code> </h1>
@@ -306,5 +305,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/redux-utilities/redux-actions/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-logger.md b/zh-cn/redux-logger.md
index 3d79ecbd..cf2b65e5 100644
--- a/zh-cn/redux-logger.md
+++ b/zh-cn/redux-logger.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-logger</code> </h1>
@@ -86,5 +85,3 @@ const store = createStore(reducer, applyMiddleware(logger));
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/LogRocket/redux-logger/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-persist.md b/zh-cn/redux-persist.md
index afb9d7d6..3bf1f637 100644
--- a/zh-cn/redux-persist.md
+++ b/zh-cn/redux-persist.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-persist</code> </h1>
@@ -157,5 +156,3 @@ import store, {persistRootStore} from './store'
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/rt2zz/redux-persist/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-thunk.md b/zh-cn/redux-thunk.md
index c2c2393e..867a47cf 100644
--- a/zh-cn/redux-thunk.md
+++ b/zh-cn/redux-thunk.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux-thunk</code> </h1>
@@ -153,5 +152,3 @@ export default AddTodo
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux-thunk?tab=MIT-1-ov-file)，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux-toolkit.md b/zh-cn/redux-toolkit.md
index 3bfe0330..718f7d91 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/redux-toolkit.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -227,5 +226,3 @@ export function Counter() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux-toolkit?tab=readme-ov-file)，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/redux.md b/zh-cn/redux.md
index 575197f6..c121a529 100644
--- a/zh-cn/redux.md
+++ b/zh-cn/redux.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>redux</code> </h1>
@@ -160,5 +159,3 @@ export function Counter() {
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/reduxjs/redux/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md
index e0d905d2..0955cd7c 100644
--- a/zh-cn/rn-placeholder.md
+++ b/zh-cn/rn-placeholder.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -129,5 +128,3 @@ A PlaceholderMedia is the second of the two basic and visual components of a pla
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/mfrachet/rn-placeholder/blob/master/LICENSE.md) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/rn-tourguide.md b/zh-cn/rn-tourguide.md
index 0feb92d6..0d9edd9a 100644
--- a/zh-cn/rn-tourguide.md
+++ b/zh-cn/rn-tourguide.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -303,5 +302,3 @@ const styles = StyleSheet.create({
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/xcarpentier/rn-tourguide/blob/master/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/sentry-react-native.md b/zh-cn/sentry-react-native.md
index 32135d28..46a06043 100644
--- a/zh-cn/sentry-react-native.md
+++ b/zh-cn/sentry-react-native.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -264,5 +263,3 @@ export default function SentryDemo() {
 
 本项目基于 [The MIT License (MIT)](https://github.com/getsentry/sentry-react-native/blob/main/LICENSE.md) ，请自由地享受和参与开源。
 
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index 9e4c3653..01158174 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -1,4 +1,3 @@
-<!-- {% raw %} -->
 > 模板版本：v0.2.2
 
 <p align="center">
@@ -261,5 +260,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/Shopify/flash-list/blob/main/LICENSE.md) ，请自由地享受和参与开源。
-<!-- {% endraw %} -->
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://github.com/Shopify/flash-list/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index 884fa9b0..c1df2c0f 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -1,5 +1,4 @@
-<!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>styled-components</code> </h1>
@@ -118,5 +117,3 @@ export default App;
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/styled-components/styled-components/blob/main/LICENSE) ，请自由地享受和参与开源。
-
-<!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index a843390b..29d159ca 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -1,6 +1,4 @@
-<!-- {% raw %} -->
-
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>styled-system</code> </h1>
@@ -184,4 +182,3 @@ export default App;
 
 本项目基于 [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md) ，请自由地享受和参与开源。
 
-<!-- {% endraw %} -->

From f7dd11cae6027a96dfc4a1c9a09566ae34a8d160 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Fri, 1 Nov 2024 02:52:40 +0000
Subject: [PATCH 799/966] =?UTF-8?q?!1823=20docs:=20[issues:=20#IB1BJA]?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91crypto-js=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E9=83=A8=E5=88=86=20*=20docs:=20[issues:=20#?=
 =?UTF-8?q?IB1BJA]=E7=BF=BB=E8=AF=91crypto-js=E8=8B=B1=E6=96=87=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E6=8F=90=E7=A4=BA=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/crypto-js.md | 153 ++++++++++++++++++++++++------------------------
 1 file changed, 77 insertions(+), 76 deletions(-)

diff --git a/en/crypto-js.md b/en/crypto-js.md
index 0f22c5f2..d57d5047 100644
--- a/en/crypto-js.md
+++ b/en/crypto-js.md
@@ -113,7 +113,7 @@ export default CryptoJSDemo;
 
 #### Compatibility
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
 2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
@@ -128,9 +128,9 @@ import C from "crypto-js";
 
 #### Base
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                      | Type     | Required | HarmonyOS Support |
 | ----------------- | -------------------------------- | -------- | -------- | ----------------- |
@@ -138,7 +138,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                    | Type     | Required | HarmonyOS Support |
 | ------ | ------------------------------ | -------- | -------- | ----------------- |
@@ -148,18 +148,18 @@ import C from "crypto-js";
 
 #### WordArray
 
-**属性**
+**Properties**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description              | Type     | Required | HarmonyOS Support |
 | -------- | ------------------------ | -------- | -------- | ----------------- |
 | words    | 32位的字节数组。         | number[] | no       | yes               |
 | sigBytes | 此字数组中的有效字节数。 | number   | no       | yes               |
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                        | Type     | Required | HarmonyOS Support               |
 | ---------------------- | ---------------------------------- | -------- | -------- | ------------------------------- |
@@ -168,7 +168,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                        | Type     | Required | HarmonyOS Support |
 | -------- | ---------------------------------- | -------- | -------- | ----------------- |
@@ -179,9 +179,9 @@ import C from "crypto-js";
 
 #### CipherParams
 
-**属性**
+**Properties**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                         | Type         | Required | HarmonyOS Support |
 | ---------- | --------------------------------------------------- | ------------ | -------- | ----------------- |
@@ -195,9 +195,9 @@ import C from "crypto-js";
 | blockSize  | 密码的块大小。                                      | number       | no       | yes               |
 | formatter  | 将此cipher params对象转换为字符串的默认格式化策略。 | Format       | no       | yes               |
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      | Description                       | Type     | Required | HarmonyOS Support |
 | ------------------------- | --------------------------------- | -------- | -------- | ----------------- |
@@ -205,7 +205,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                         | Type     | Required | HarmonyOS Support |
 | -------- | ----------------------------------- | -------- | -------- | ----------------- |
@@ -213,9 +213,9 @@ import C from "crypto-js";
 
 #### X64
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description            | Type     | Required | HarmonyOS Support |
 | ----------------- | ---------------------- | -------- | -------- | ----------------- |
@@ -223,18 +223,18 @@ import C from "crypto-js";
 
 #### X64WordArray
 
-**属性**
+**Properties**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                   | Type     | Required | HarmonyOS Support |
 | -------- | ----------------------------- | -------- | -------- | ----------------- |
 | words    | CryptoJS.x64.Word对象的数组。 | number[] | no       | yes               |
 | sigBytes | 此字数组中的有效字节数。      | number   | no       | yes               |
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description              | Type     | Required | HarmonyOS Support |
 | ---------------------- | ------------------------ | -------- | -------- | ----------------- |
@@ -242,7 +242,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description                      | Type     | Required | HarmonyOS Support |
 | ----- | -------------------------------- | -------- | -------- | ----------------- |
@@ -251,9 +251,9 @@ import C from "crypto-js";
 
 #### mode
 
-**属性**
+**Properties**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description      | Type | Required | HarmonyOS Support |
 | ---------- | ---------------- | ---- | -------- | ----------------- |
@@ -265,9 +265,9 @@ import C from "crypto-js";
 
 #### pad.Pkcs7
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                   | Type     | Required | HarmonyOS Support |
 | ----------------- | --------------------------------------------- | -------- | -------- | ----------------- |
@@ -276,9 +276,9 @@ import C from "crypto-js";
 
 #### pad.AnsiX923
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                  | Type     | Required | HarmonyOS Support |
 | -------------------- | -------------------------------------------- | -------- | -------- | ----------------- |
@@ -287,9 +287,9 @@ import C from "crypto-js";
 
 #### pad.Iso10126
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                  | Type     | Required | HarmonyOS Support               |
 | -------------------- | -------------------------------------------- | -------- | -------- | ------------------------------- |
@@ -298,9 +298,9 @@ import C from "crypto-js";
 
 #### pad.ZeroPadding
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                                     | Type     | Required | HarmonyOS Support |
 | ----------------------- | ----------------------------------------------- | -------- | -------- | ----------------- |
@@ -309,9 +309,9 @@ import C from "crypto-js";
 
 #### pad.NoPadding
 
-**属性**
+**Properties**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description      | Type | Required | HarmonyOS Support |
 | --------------- | ---------------- | ---- | -------- | ----------------- |
@@ -319,9 +319,9 @@ import C from "crypto-js";
 
 #### algo
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                         | Type     | Required | HarmonyOS Support |
 | ----------------------- | ----------------------------------- | -------- | -------- | ----------------- |
@@ -344,9 +344,9 @@ import C from "crypto-js";
 
 #### Hasher
 
-**属性**
+**Properties**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                            | Type   | Required | HarmonyOS Support |
 | --------- | ------------------------------------------------------ | ------ | -------- | ----------------- |
@@ -354,7 +354,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description            | Type     | Required | HarmonyOS Support |
 | -------- | ---------------------- | -------- | -------- | ----------------- |
@@ -364,9 +364,9 @@ import C from "crypto-js";
 
 #### HMAC
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description          | Type     | Required | HarmonyOS Support |
 | :----------------- | -------------------- | -------- | -------- | ----------------- |
@@ -382,7 +382,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                | Type     | Required | HarmonyOS Support |
 | :------- | -------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -392,9 +392,9 @@ import C from "crypto-js";
 
 #### AES
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -404,9 +404,9 @@ import C from "crypto-js";
 
 #### DES
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -416,9 +416,9 @@ import C from "crypto-js";
 
 #### TripleDES
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                             | Description                       | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------------- | --------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -428,9 +428,9 @@ import C from "crypto-js";
 
 #### RC4
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -440,9 +440,9 @@ import C from "crypto-js";
 
 #### RC4Drop
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                          | Description                     | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :---------------------------- | ------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -452,9 +452,9 @@ import C from "crypto-js";
 
 #### Rabbit
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                          | Description                    | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :---------------------------- | ------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -464,9 +464,9 @@ import C from "crypto-js";
 
 #### RabbitLegacy
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                | Description                          | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :---------------------------------- | ------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -476,9 +476,9 @@ import C from "crypto-js";
 
 #### Cipher
 
-**属性**
+**Properties**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                          | Type   | Required | HarmonyOS Support |
 | :------ | ------------------------------------ | ------ | -------- | ----------------- |
@@ -487,7 +487,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                    | Type     | Required | HarmonyOS Support |
 | :------- | ------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
@@ -497,9 +497,9 @@ import C from "crypto-js";
 
 #### Blowfish
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description    | Type     | Required | HarmonyOS Support |
 | :----------------- | -------------- | -------- | -------- | ----------------- |
@@ -508,9 +508,9 @@ import C from "crypto-js";
 
 #### SerializableCipher
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                             | Description          | Type     | Required | HarmonyOS Support |
 | :------------------------------- | -------------------- | -------- | -------- | ----------------- |
@@ -519,9 +519,9 @@ import C from "crypto-js";
 
 #### PasswordBasedCipher
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                              | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
 | :-------------------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
@@ -530,9 +530,9 @@ import C from "crypto-js";
 
 #### kdf.OpenSSL
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
 | :-------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
@@ -540,9 +540,9 @@ import C from "crypto-js";
 
 #### kdf.PBKDF2
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                        | Type     | Required | HarmonyOS Support |
 | :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
@@ -551,7 +551,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                        | Type     | Required | HarmonyOS Support |
 | :------ | ---------------------------------- | -------- | -------- | ----------------- |
@@ -559,9 +559,9 @@ import C from "crypto-js";
 
 #### EvpKDF
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                        | Type     | Required | HarmonyOS Support |
 | :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
@@ -570,7 +570,8 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                        | Type     | Required | HarmonyOS Support |
 | :------ | ---------------------------------- | -------- | -------- | ----------------- |
@@ -578,9 +579,9 @@ import C from "crypto-js";
 
 #### format
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                                 | Type     | Required | HarmonyOS Support |
 | :------------------------- | ------------------------------------------- | -------- | -------- | ----------------- |
@@ -591,9 +592,9 @@ import C from "crypto-js";
 
 #### enc/Encoder
 
-**静态方法**
+**Static Methods**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      | Description                           | Type     | Required | HarmonyOS Support |
 | :------------------------ | ------------------------------------- | -------- | -------- | ----------------- |

From 5584028989b3f03381a47aa002969cf4abb06d3e Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Fri, 1 Nov 2024 06:32:25 +0000
Subject: [PATCH 800/966] =?UTF-8?q?!1824=20docs:=20[Issues:=20#IB1EEM]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-reanimated-bottom-sheet=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IB1EEM?=
 =?UTF-8?q?]=20=E4=BF=AE=E6=94=B9react-native-reanimated-bottom-sheet?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-reanimated-bottom-sheet.md    | 2 +-
 zh-cn/react-native-reanimated-bottom-sheet.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-reanimated-bottom-sheet.md b/en/react-native-reanimated-bottom-sheet.md
index f503f15c..f56d388a 100644
--- a/en/react-native-reanimated-bottom-sheet.md
+++ b/en/react-native-reanimated-bottom-sheet.md
@@ -114,7 +114,7 @@ This repository depends on the following libraries, please refer to the correspo
 
 - [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)
 - [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)
-- [@react-native-oh-tpl/bottom-sheet](/en/react-native-bottom-sheet.md)
+- [@react-native-oh-tpl/bottom-sheet](/en/gorhom-bottom-sheet.md)
 
 The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
diff --git a/zh-cn/react-native-reanimated-bottom-sheet.md b/zh-cn/react-native-reanimated-bottom-sheet.md
index 5a65aca5..60d33571 100644
--- a/zh-cn/react-native-reanimated-bottom-sheet.md
+++ b/zh-cn/react-native-reanimated-bottom-sheet.md
@@ -111,7 +111,7 @@ export default function () {
 本库依赖以下三方库，请查看对应文档：
 + [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
 + [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
-+ [@react-native-oh-tpl/bottom-sheet](/zh-cn/react-native-bottom-sheet.md)
++ [@react-native-oh-tpl/bottom-sheet](/zh-cn/gorhom-bottom-sheet.md)
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 

From 9135c50cc221df0c03ef0bd5aae8f4d150ac92c8 Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Fri, 1 Nov 2024 07:35:56 +0000
Subject: [PATCH 801/966] =?UTF-8?q?!1825=20docs:=20[#IB1EMI]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-responsive-fontsize=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IB1EMI]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-responsive-fontsize=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-responsive-fontsize.md    | 4 ++--
 zh-cn/react-native-responsive-fontsize.md | 9 +++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/en/react-native-responsive-fontsize.md b/en/react-native-responsive-fontsize.md
index ad774e50..456884e8 100644
--- a/en/react-native-responsive-fontsize.md
+++ b/en/react-native-responsive-fontsize.md
@@ -24,13 +24,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-$ npm install react-native-responsive-fontsize@0.5.1 --save
+npm install react-native-responsive-fontsize@0.5.1
 ```
 
 #### **yarn**
 
 ```bash
-$ yarn add react-native-responsive-fontsize@0.5.1
+yarn add react-native-responsive-fontsize@0.5.1
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-responsive-fontsize.md b/zh-cn/react-native-responsive-fontsize.md
index b2ae3ab6..b21dfa4a 100644
--- a/zh-cn/react-native-responsive-fontsize.md
+++ b/zh-cn/react-native-responsive-fontsize.md
@@ -13,24 +13,24 @@
     </a>
 </p>
 
-
-
 > [!TIP] [Github 地址](https://github.com/heyman333/react-native-responsive-fontSize)
 
 ## 安装与使用
+
 <!-- tabs:start -->
+
 进入到工程目录并输入以下命令：
 
 #### **npm**
 
 ```bash
-$ npm install react-native-responsive-fontsize@0.5.1 --save
+npm install react-native-responsive-fontsize@0.5.1
 ```
 
 #### **yarn**
 
 ```bash
-$ yarn add react-native-responsive-fontsize@0.5.1
+yarn add react-native-responsive-fontsize@0.5.1
 ```
 
 <!-- tabs:end -->
@@ -80,6 +80,7 @@ export default App;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 静态方法
+
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。

From 74dabfa455fb84d49917a0e2795d6e8250a5a803 Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Fri, 1 Nov 2024 09:03:58 +0000
Subject: [PATCH 802/966] =?UTF-8?q?!1821=20docs:=20[Issue:=20#IB157A]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ern-bugly=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issue:=20#IB157A]=E6=96=B0=E5=A2=9Ern-bugly?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/rn-bugly.md    | 288 +++++++++++++++++++++++++++++++++++++++++++++
 zh-cn/rn-bugly.md | 290 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 578 insertions(+)
 create mode 100644 en/rn-bugly.md
 create mode 100644 zh-cn/rn-bugly.md

diff --git a/en/rn-bugly.md b/en/rn-bugly.md
new file mode 100644
index 00000000..d88b15f5
--- /dev/null
+++ b/en/rn-bugly.md
@@ -0,0 +1,288 @@
+> Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>rn-bugly</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/yz1311/rn-bugly">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/rn-bugly)
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/rn-bugly Releases](https://github.com/react-native-oh-library/rn-bugly/releases).
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/rn-bugly@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/rn-bugly@file:#
+```
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+import React from 'react';
+import {
+    ScrollView,
+    View,
+    Button
+} from 'react-native';
+import RNBugly from 'rn-bugly';
+export default class BuglyExample extends React.Component {
+    _init() {
+        RNBugly.init("appid", "appkey");
+    }
+    _setUserId() {
+        RNBugly.setUserId("123456");
+    }
+    _setDeviceID() {
+        RNBugly.setDeviceID("666666677777");
+    }
+    _setDeviceModel() {
+        RNBugly.setDeviceModel("HUAWEI Mate 60 Pro");
+    }
+    _setAppVersion() {
+        RNBugly.setAppVersion("2.0.2");
+    }
+    _setAppChannel() {
+        RNBugly.setAppChannel("HarmonyOS");
+    }
+    _putUserData() {
+        RNBugly.putUserData("name", "xiaoli");
+    }
+    _postException() {
+        RNBugly.postException({ category: 1, errorType: "test", errorMsg: "throw new err" });
+    }
+    render() {
+        return (
+            <View
+                style={{ flex: 1, backgroundColor: 'green', justifyContent: 'center', alignItems: 'center' }}
+            >
+                <ScrollView
+                    style={{ flex: 1, width: '100%', height: '100%', marginTop: 150 }}
+                >
+                    <Button title='setAppVersion' onPress={this._setAppVersion} />
+                    <Button title='setAppChannel' onPress={this._setAppChannel} />
+                    <Button title='setUserId' onPress={this._setUserId} />
+                    <Button title='setDeviceID' onPress={this._setDeviceID} />
+                    <Button title='setDeviceModel' onPress={this._setDeviceModel} />
+                    <Button title='init' onPress={this._init} />
+                    <Button title='putUserData' onPress={this._putUserData} />
+                    <Button title='postException' onPress={this._postException} />
+                </ScrollView>
+            </View>
+        );
+    }
+}
+```
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Currently, two methods are available:
+
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/rn-bugly": "file:../../node_modules/@react-native-oh-tpl/rn-bugly/harmony/bugly.har"
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
+
+### 3. Configuring CMakeLists and Introducing RNBuglyPackage Package
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/rn-bugly/src/main/cpp" ./bugly)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_bugly)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RNBuglyPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNBuglyPackage>(ctx)
+    };
+}
+```
+
+### 4. Introducing RNBuglyPackage Package to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
+
+```diff
+  ...
++ import {RNBuglyPackage} from '@react-native-oh-tpl/rn-bugly/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNBuglyPackage(ctx),
+  ];
+}
+```
+
+### 5. Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/rn-bugly Releases](https://github.com/react-native-oh-library/rn-bugly/releases)
+
+
+
+## APIs
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- |-------- | -------- | ------------------ |
+| init | Initialize SDK | function  |Yes | Android | Yes |
+| setUserId | Set the current user ID | function  |No       | iOS/Android     | Yes      |
+| setAppVersion | Set custom version information | function  |No       | iOS/Android      | Yes      |
+| setDeviceID | Set device ID | function  |No | Android | Yes |
+| setDeviceModel| Set device model | function  |No | Android | Yes |
+| setAppChannel | Set channel name | function  |No | Android | Yes |
+| setAppPackage | Set custom package name | function  |No | Android | No |
+| setTag | Custom tags | function  |No | iOS/Android | No |
+| startCrashReport | Open CrashReport | function  |No | Android | No |
+| closeCrashReport| Close CrashReport | function  |No | iOS/Android | No |
+| getCurrentTag | Get the current setting label | function  |No | iOS/Android | No |
+| getUserData | Obtain key data | function  |No | iOS/Android | No |
+| getBuglyVersion | Get the version of SDK | function  |No | iOS/Android | No |
+| putUserData | Custom Map parameters can save some custom environment information when a crash occurs | function  |No | iOS/Android | Yes |
+| getUpgradeInfo | Retrieve the existing upgrade strategy locally                 | function  |No | Android | No |
+| checkUpgrade | Check for version updates | function  |No | Android | No |
+| log | Print log | function  |No | Android | No |
+| postException | Report custom exceptions | function  |No | iOS/Android | Yes |
+## Known Issues
+
+- [ ] setAppPackage not support[issue#1](https://github.com/react-native-oh-library/rn-bugly/issues/1)
+- [ ] setTag not support[issue#2](https://github.com/react-native-oh-library/rn-bugly/issues/2)
+- [ ] startCrashReport not support[issue#3](https://github.com/react-native-oh-library/rn-bugly/issues/3)
+- [ ] closeCrashReport not support[issue#4](https://github.com/react-native-oh-library/rn-bugly/issues/4)
+- [ ] getCurrentTag not support[issue#5](https://github.com/react-native-oh-library/rn-bugly/issues/5)
+- [ ] getUserData not support[issue#6](https://github.com/react-native-oh-library/rn-bugly/issues/6)
+- [ ] getBuglyVersion not support[issue#7](https://github.com/react-native-oh-library/rn-bugly/issues/7)
+- [ ] getUpgradeInfo not support[issue#8](https://github.com/react-native-oh-library/rn-bugly/issues/8)
+- [ ] checkUpgrade not support[issue#9](https://github.com/react-native-oh-library/rn-bugly/issues/9)
+- [ ] log not support[issue#10](https://github.com/react-native-oh-library/rn-bugly/issues/10)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://mit-license.org/).
+
diff --git a/zh-cn/rn-bugly.md b/zh-cn/rn-bugly.md
new file mode 100644
index 00000000..6e2c7ebd
--- /dev/null
+++ b/zh-cn/rn-bugly.md
@@ -0,0 +1,290 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>rn-bugly</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/yz1311/rn-bugly">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/rn-bugly)
+
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-bugly Releases](https://github.com/react-native-oh-library/rn-bugly/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/rn-bugly@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/rn-bugly@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+>[!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from 'react';
+import {
+    ScrollView,
+    View,
+    Button
+} from 'react-native';
+import RNBugly from 'rn-bugly';
+export default class BuglyExample extends React.Component {
+    _init() {
+        RNBugly.init("appid", "appkey");
+    }
+    _setUserId() {
+        RNBugly.setUserId("123456");
+    }
+    _setDeviceID() {
+        RNBugly.setDeviceID("666666677777");
+    }
+    _setDeviceModel() {
+        RNBugly.setDeviceModel("HUAWEI Mate 60 Pro");
+    }
+    _setAppVersion() {
+        RNBugly.setAppVersion("2.0.2");
+    }
+    _setAppChannel() {
+        RNBugly.setAppChannel("HarmonyOS");
+    }
+    _putUserData() {
+        RNBugly.putUserData("name", "xiaoli");
+    }
+    _postException() {
+        RNBugly.postException({ category: 1, errorType: "test", errorMsg: "throw new err" });
+    }
+    render() {
+        return (
+            <View
+                style={{ flex: 1, backgroundColor: 'green', justifyContent: 'center', alignItems: 'center' }}
+            >
+                <ScrollView
+                    style={{ flex: 1, width: '100%', height: '100%', marginTop: 150 }}
+                >
+                    <Button title='setAppVersion' onPress={this._setAppVersion} />
+                    <Button title='setAppChannel' onPress={this._setAppChannel} />
+                    <Button title='setUserId' onPress={this._setUserId} />
+                    <Button title='setDeviceID' onPress={this._setDeviceID} />
+                    <Button title='setDeviceModel' onPress={this._setDeviceModel} />
+                    <Button title='init' onPress={this._init} />
+                    <Button title='putUserData' onPress={this._putUserData} />
+                    <Button title='postException' onPress={this._postException} />
+                </ScrollView>
+            </View>
+        );
+    }
+}
+```
+## Link
+
+目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/rn-bugly": "file:../../node_modules/@react-native-oh-tpl/rn-bugly/harmony/bugly.har"
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 RNBuglyPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/rn-bugly/src/main/cpp" ./bugly)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_bugly)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
+#include "SamplePackage.h"
++ #include "RNBuglyPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
+        std::make_shared<SamplePackage>(ctx),
++       std::make_shared<RNBuglyPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNBuglyPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {RNBuglyPackage} from '@react-native-oh-tpl/rn-bugly/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNBuglyPackage(ctx),
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/rn-bugly Releases](https://github.com/react-native-oh-library/rn-bugly/releases)
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- |-------- | -------- | ------------------ |
+| init | Initialize SDK | function  |Yes | Android | Yes |
+| setUserId | Set the current user ID | function  |No       | iOS/Android     | Yes      |
+| setAppVersion | Set custom version information | function  |No       | iOS/Android      | Yes      |
+| setDeviceID | Set device ID | function  |Yes | Android | Yes |
+| setDeviceModel| Set device model | function  |No | Android | Yes |
+| setAppChannel | Set channel name | function  |No | Android | Yes |
+| setAppPackage | Set custom package name | function  |No | Android | No |
+| setTag | Custom tags | function  |No | iOS/Android | No |
+| startCrashReport | Open CrashReport | function  |No | Android | No |
+| closeCrashReport| Close CrashReport | function  |No | iOS/Android | No |
+| getCurrentTag | Get the current setting label | function  |No | iOS/Android | No |
+| getUserData | Obtain key data | function  |No | iOS/Android | No |
+| getBuglyVersion | Get the version of SDK | function  |No | iOS/Android | No |
+| putUserData | Custom Map parameters can save some custom environment information when a crash occurs | function  |No | iOS/Android | Yes |
+| getUpgradeInfo | Retrieve the existing upgrade strategy locally                 | function  |No | Android | No |
+| checkUpgrade | Check for version updates | function  |No | Android | No |
+| log | Print log | function  |No | Android | No |
+| postException | Report custom exceptions | function  |No | iOS/Android | Yes |
+
+## 遗留问题
+
+- [ ] setAppPackage不支持[issue#1](https://github.com/react-native-oh-library/rn-bugly/issues/1)
+- [ ] setTag不支持[issue#2](https://github.com/react-native-oh-library/rn-bugly/issues/2)
+- [ ] startCrashReport不支持[issue#3](https://github.com/react-native-oh-library/rn-bugly/issues/3)
+- [ ] closeCrashReport不支持[issue#4](https://github.com/react-native-oh-library/rn-bugly/issues/4)
+- [ ] getCurrentTag不支持[issue#5](https://github.com/react-native-oh-library/rn-bugly/issues/5)
+- [ ] getUserData不支持[issue#6](https://github.com/react-native-oh-library/rn-bugly/issues/6)
+- [ ] getBuglyVersion不支持[issue#7](https://github.com/react-native-oh-library/rn-bugly/issues/7)
+- [ ] getUpgradeInfo不支持[issue#8](https://github.com/react-native-oh-library/rn-bugly/issues/8)
+- [ ] checkUpgrade不支持[issue#9](https://github.com/react-native-oh-library/rn-bugly/issues/9)
+- [ ] log不支持[issue#10](https://github.com/react-native-oh-library/rn-bugly/issues/10)
+
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://mit-license.org/) ，请自由地享受和参与开源。
\ No newline at end of file

From 4b5b495b56251477a41197b03edd92e011f2988d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=8E=A5?= <294314895@qq.com>
Date: Fri, 1 Nov 2024 10:28:27 +0000
Subject: [PATCH 803/966] =?UTF-8?q?!1830=20docs:=20[Issuse:=20#IB1I9U]=20?=
 =?UTF-8?q?=E4=B8=89=E6=96=B9=E5=BA=93=E6=80=BB=E8=A7=88=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E5=BA=93=E5=85=B3=E8=81=94=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=20*=20docs:=20[Issuse:=20#IB1I9U]=20=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E6=80=BB=E8=A7=88=E6=9B=B4=E6=96=B0=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E5=BA=93=E5=85=B3=E8=81=94=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                               | 24 +++++-----
 en/README_EN.md                         | 60 ++++++++++++-------------
 en/react-native-credit-card-input.md    |  2 +-
 zh-cn/README.md                         | 24 +++++-----
 zh-cn/react-native-credit-card-input.md |  2 +-
 5 files changed, 56 insertions(+), 56 deletions(-)

diff --git a/README.md b/README.md
index 46ecf159..2519696a 100644
--- a/README.md
+++ b/README.md
@@ -238,7 +238,7 @@
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
 | 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
-| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [链接](/zh-cn/NativeBase.md)                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
 | 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -246,7 +246,7 @@
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-shadow-2.md)                        |
-| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | -                                                                                                                                                      | [链接](/zh-cn/Shopify-restyle.md)                                                         |
 | 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
 | 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
@@ -257,15 +257,15 @@
 | 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
-| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  |-                                                                                                                                                     |  [链接](/zh-cn/react-native-offline.md)                                                         |
 | 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input)                                                                                                                                                      | [链接](/zh-cn/react-native-credit-card-input.md)                                                         |
 | 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
 | 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | 否                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [链接](/zh-cn/react-native-signature-capture.md)               |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                                                         |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 | [@react-native-oh-library/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable)                                                                                                                                                      | [链接](/zh-cn/react-native-vector-drawable.md)                                                         |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [链接](/zh-cn/react-native-material-buttons.md)                |
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet)                                          | 4.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-action-sheet.md)                    |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-communications.md)                  |
@@ -274,13 +274,13 @@
 | 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts)                                                  | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases)                                     | [链接](/zh-cn/react-native-contacts.md)                        |
 | 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [链接](/zh-cn/gorhom-bottom-sheet.md)                                                         |
 | 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 248  | [react-native-skia](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | [@react-native-oh-tpl/react-native-skia](https://github.com/react-native-oh-library/react-native-skia)                                                                                                                                                      | [链接](/zh-cn/react-native-skia.md)                                                         |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
-| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | [@react-native-oh-tpl/react-native-picker-select](https://github.com/react-native-oh-library/react-native-picker-select)                                                                                                                                                      | [链接](/zh-cn/react-native-picker-select.md)                                                         |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
@@ -294,7 +294,7 @@
 | 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 264  | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc)                               | 3.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [链接](/zh-cn/react-native-context-menu-view.md)                                                         |
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
@@ -395,8 +395,8 @@
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [链接](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | 否                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [链接](/zh-cn/react-native-neomorph-shadows.md)                |
 | 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | -                                                                                                                                                      | [链接](/zh-cn/ant-design-react-native.md)                                                         |
-| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [链接](/zh-cn/react-native-drax.md)                                                        |
+| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mqtt.md)                                                        |
 | 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-iconfont-cli.md)                                                         |
 | 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-video-cache.md)                                                         |
 | 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
diff --git a/en/README_EN.md b/en/README_EN.md
index b87f709a..73d0ef6d 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -223,7 +223,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | No                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [Link](/zh-cn/react-native-keep-awake.md)                      |
 | 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [Link](/zh-cn/react-navigation.md)                             |
-| 194 | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [链接](/zh-cn/react-native-default-preference.md)            |
+| 194 | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [Link](/zh-cn/react-native-default-preference.md)            |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | No                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [Link](/zh-cn/react-native-ble-manager.md)                     |
 | 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | No                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                         | [Link](/zh-cn/react-native-sensitive-info.md)                  |
 | 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation)                                | 0.1.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-typing-animation.md)                |
@@ -232,40 +232,40 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [Link](/zh-cn/rn-tourguide.md)                                 |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | Yes                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [Link](/zh-cn/react-native-performance.md)                     |
 | 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 203 | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
-| 204 | [react-native-share](https://github.com/react-native-share/react-native-share) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
+| 203 | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [Link](/zh-cn/react-native-dropdown-picker.md)               |
+| 204 | [react-native-share](https://github.com/react-native-share/react-native-share) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [Link](/zh-cn/react-native-shake.md)                         |
 | 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | Yes                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [Link](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | No                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [Link](/zh-cn/react-native-fingerprint-scanner.md)             |
-| 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
-| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [Link](/zh-cn/react-native-get-random-values.md)             |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [Link](/zh-cn/NativeBase.md)                                                           |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | No                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [Link](/zh-cn/react-native-orientation-locker.md)              |
 | 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 213 | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
+| 213 | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [Link](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-shadow-2.md)                        |
-| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 218 | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | -                                                                                                                                                      | [Link](/zh-cn/Shopify-restyle.md)                                                        |
+| 218 | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [Link](/zh-cn/nativewind.md)                                 |
 | 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 220 | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
+| 220 | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [Link](/zh-cn/react-native-haptic-feedback.md)               |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-url-polyfill.md)                    |
-| 222 | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [链接](/zh-cn/react-native-shimmer-placeholder.md)           |
+| 222 | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [Link](/zh-cn/react-native-shimmer-placeholder.md)           |
 | 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-ratings.md)                         |
 | 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 227 | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
-| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 227 | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [Link](/zh-cn/react-native-easy-grid.md)                     |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | -                                                                                                                                                     |  [Link](/zh-cn/react-native-offline.md)                                                       |
 | 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 231 | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
-| 232 | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input)                                                                                                                                                      | [Link](/zh-cn/react-native-credit-card-input.md)                                                          |
+| 231 | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [Link](/zh-cn/react-native-crypto.md)                        |
+| 232 | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [Link](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | No                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [Link](/zh-cn/react-native-signature-capture.md)               |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-autocomplete-dropdown.md)                                                        |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | Yes                 | [@react-native-oh-library/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable)                                                                                                                                                      | [Link](/zh-cn/react-native-vector-drawable.md)                                                         |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | No                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [Link](/zh-cn/react-native-material-buttons.md)                |
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet)                                          | 4.0.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-action-sheet.md)                    |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-communications.md)                  |
@@ -274,13 +274,13 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts)                                                  | 7.0.7          | No                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases)                                     | [Link](/zh-cn/react-native-contacts.md)                        |
 | 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  |  [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [Link](/zh-cn/gorhom-bottom-sheet.md)                                                          |
 | 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 248  | [react-native-skia](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | Yes                 |  [@react-native-oh-tpl/react-native-skia](https://github.com/react-native-oh-library/react-native-skia)                                                                                                                                                      | [Link](/zh-cn/react-native-skia.md)                                                         |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 250 | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
-| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 250 | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [Link](/zh-cn/react-native-inappbrowser.md)                  |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | [@react-native-oh-tpl/react-native-picker-select](https://github.com/react-native-oh-library/react-native-picker-select)                                                                                                                                                      | [Link](/zh-cn/react-native-picker-select.md)                                                                 |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-storage.md)                         |
@@ -289,16 +289,16 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
+| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [Link](/zh-cn/react-native-charts-wrapper.md)                |
 | 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 264  | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc)                               | 3.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | No                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [Link](/zh-cn/react-native-context-menu-view.md)                                                       |
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [Link](/zh-cn/react-native-material-textfield.md)              |
-| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
+| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [Link](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-material-design-style.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-flip-card.md)                       |
@@ -308,17 +308,17 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-parsed-text.md)                     |
-| 279 | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
+| 279 | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [Link](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 281 | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
+| 281 | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [Link](/zh-cn/react-native-hyperlink.md)                     |
 | 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-autocomplete-input.md)              |
-| 284 | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases) | [链接](/zh-cn/react-native-sensitive-info.md)                |
+| 284 | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases) | [Link](/zh-cn/react-native-sensitive-info.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 289 | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
+| 289 | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [Link](/zh-cn/react-native-autoLink.md)                      |
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-error-boundary.md)                  |
@@ -395,8 +395,8 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [Link](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | No                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [Link](/zh-cn/react-native-neomorph-shadows.md)                |
 | 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                       | -                                                                                                                                                      | [Link](/zh-cn/ant-design-react-native.md)                                                 |
-| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [Link](/zh-cn/react-native-drax.md)                                                        |
+| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  |-                                                                                                                                                      | [Link](/zh-cn/react-native-mqtt.md)                                                        |
 | 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-iconfont-cli.md)                                                            |
 | 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-video-cache.md)                                           |
 | 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
diff --git a/en/react-native-credit-card-input.md b/en/react-native-credit-card-input.md
index bac58755..b99a5a61 100644
--- a/en/react-native-credit-card-input.md
+++ b/en/react-native-credit-card-input.md
@@ -16,7 +16,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)，并下载适用版本的 tgz 包
 
 进入到工程目录并输入以下命令：
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 7f9d52e8..edbc4084 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -238,7 +238,7 @@
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
 | 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
-| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [链接](/zh-cn/NativeBase.md)                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
 | 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -246,7 +246,7 @@
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-shadow-2.md)                        |
-| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | -                                                                                                                                                      | [链接](/zh-cn/Shopify-restyle.md)                                                       |
 | 218 | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
 | 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 220 | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
@@ -257,15 +257,15 @@
 | 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 227 | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
-| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | -                                                                                                                                                     |  [链接](/zh-cn/react-native-offline.md)                                                                                                                 |
 | 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  |  [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input)                                                                                                                                                      | [链接](/zh-cn/react-native-credit-card-input.md)                                                           |
 | 231 | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
 | 232 | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | 否                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [链接](/zh-cn/react-native-signature-capture.md)               |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                                                          |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 |  [@react-native-oh-library/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable)                                                                                                                                                      | [链接](/zh-cn/react-native-vector-drawable.md)                                                        |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [链接](/zh-cn/react-native-material-buttons.md)                |
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet)                                          | 4.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-action-sheet.md)                    |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-communications.md)                  |
@@ -274,13 +274,13 @@
 | 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts)                                                  | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases)                                     | [链接](/zh-cn/react-native-contacts.md)                        |
 | 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [链接](/zh-cn/gorhom-bottom-sheet.md)                                                         |
 | 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 248  | [react-native-skia-dev-tools](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 248  | [react-native-skia](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 |  [@react-native-oh-tpl/react-native-skia](https://github.com/react-native-oh-library/react-native-skia)                                                                                                                                                      | [链接](/zh-cn/react-native-skia.md)                                                          |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 250 | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
-| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | [@react-native-oh-tpl/react-native-picker-select](https://github.com/react-native-oh-library/react-native-picker-select)                                                                                                                                                      | [链接](/zh-cn/react-native-picker-select.md)                                                          |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
@@ -294,7 +294,7 @@
 | 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 264  | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc)                               | 3.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [链接](/zh-cn/react-native-context-menu-view.md)                                                           |
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
@@ -395,8 +395,8 @@
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [链接](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | 否                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [链接](/zh-cn/react-native-neomorph-shadows.md)                |
 | 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | -                                                                                                                                                      | [链接](/zh-cn/ant-design-react-native.md)                                                         |
-| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                   | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [链接](/zh-cn/react-native-drax.md)   |
+| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mqtt.md)                                                           |
 | 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-iconfont-cli.md)                                                         |
 | 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-video-cache.md)                                                         |
 | 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
diff --git a/zh-cn/react-native-credit-card-input.md b/zh-cn/react-native-credit-card-input.md
index bac58755..b99a5a61 100644
--- a/zh-cn/react-native-credit-card-input.md
+++ b/zh-cn/react-native-credit-card-input.md
@@ -16,7 +16,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)，并下载适用版本的 tgz 包
 
 进入到工程目录并输入以下命令：
 

From 1fbf4cbcc97c93129e9b8e2e5177472a5426fc85 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Mon, 4 Nov 2024 02:22:04 +0000
Subject: [PATCH 804/966] =?UTF-8?q?!1832=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?paper=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IB1MQ?=
 =?UTF-8?q?V]=20=E4=BF=AE=E6=94=B9react-native-paper=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-paper.md    | 420 +++++++++++++++++++++++++++++++++---
 zh-cn/react-native-paper.md | 138 ++++++++----
 2 files changed, 485 insertions(+), 73 deletions(-)

diff --git a/en/react-native-paper.md b/en/react-native-paper.md
index 0dc04cd9..90885bd2 100644
--- a/en/react-native-paper.md
+++ b/en/react-native-paper.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-paper</code> </h1>
@@ -96,12 +96,14 @@ export default ActivityIndicatorDemo;
 ## 约束与限制
 ### 兼容性
 
-在下述版本验证通过:
-RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 组件
 
-详情查看[Paper官方文档](https://callstack.github.io/react-native-paper/)
+详情查看[Paper官方文档](https://callstack.github.io/react-native-paper)
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -153,22 +155,24 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **ActivityIndicator**：Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  animating  |  Whether to show the indicator or hide it   | boolean | Yes      | All      | Yes               |
 | color  |  The color of the spinner   | string | Yes      | All      | Yes               |
 | size |  Size of the indicator   |      small \| large \| number     | No       | All      | Yes               |
 |  hidesWhenStopped  |    Whether the indicator should hide when not animating     |     boolean      | No       | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
+|  style   |  style | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
 
 **Appbar**：A component to display action items in a bar. It can be placed at the top or bottom
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children   |  Content of the Appbar   | React.ReactNode | Yes      | All      | Yes               |
 | mode   |  Mode of the Appbar.   | small \| medium \| large \| center-aligned | Yes      | All      | Yes               |
 | elevated  |  Whether Appbar background should have the elevation along with primary color pigment.   |     boolean      | No       | All      | Yes               |
 |  safeAreaInsets   |   Safe area insets for the Appbar     |     { bottom?: number; top?: number; left?: number; right?: number; }      | No       | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
+|  style   |  style | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
 
 **Appbar.Action**：A component used to display an action item in the appbar.
 
@@ -180,15 +184,22 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  size    | Optional icon size   | number | Yes      | All      | Yes               |
 |  disabled    | Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch.   | boolean | Yes      | All      | Yes               |
 |  accessibilityLabel    | Accessibility label for the button. This is read by the screen reader when the user taps the button   | string | Yes      | All      | Yes               |
+|  onPress    | Whether it's the leading button.   | fuction | Yes      | All      | Yes               |
+|  isLeading (Available in v5.x with theme version 3)    | Whether it's the leading button.   | boolean | Yes      | All      | NO               |
+|  style   |  Style for Appbar.Action container | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
 
 **Appbar.BackAction**：A component used to display a back button in the appbar.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  color   |  Custom color for action icon   | string | Yes      | All      | Yes               |
 |  size    | Optional icon size   | number | Yes      | All      | Yes               |
 |  disabled    | Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch.   | boolean | Yes      | All      | Yes               |
 |  accessibilityLabel    | Accessibility label for the button. This is read by the screen reader when the user taps the button   | string | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press.   | fuction | Yes      | All      | Yes               |
+|       style        |            Style for Appbar.BackAction container             | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|        ref         |                             ref                              |              React.RefObject<View>               | Yes      | All      | Yes               |
 
 **Appbar.Content**：A component used to display a title and optional subtitle in an appbar
 
@@ -197,36 +208,48 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  title (required)   |  Text or component for the title.  | React.ReactNode | Yes      | All      | Yes               |
 |  titleStyle    | Style for the title, if title is a string.   | StyleProp<TextStyle> | Yes      | All      | Yes               |
 |  titleRef    | Reference for the title.   | React.RefObject<TextRef> | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press.   | fuction | Yes      | All      | Yes               |
 |  disabled    | If true, disable all interactions for this component.   | boolean | Yes      | All      | Yes               |
 |  color    | Custom color for the text   | string | Yes      | All      | Yes               |
 |  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach   | number | Yes      | All      | Yes               |
+|  style   |  Style for Appbar.Content container | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|           theme            |                            theme                            |                    ThemeProp                     | Yes      | All      | Yes               |
+|           testID           |                 testID to be used on tests.                 |                      string                      | Yes      | All      | Yes               |
 
 **Appbar.Header**：A component to use as a header at the top of the screen. It can contain the screen title, controls such as navigation buttons, menu button etc.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  dark  |  Whether the background color is a dark color. A dark header will render light text and vice-versa  | boolean | Yes      | All      | Yes               |
 |  statusBarHeight    | Extra padding to add at the top of header to account for translucent status bar   | number | Yes      | All      | Yes               |
 |  children (required)    | Reference for the title.   | React.ReactNode | Yes      | All      | Yes               |
-|  disabled    | Content of the header   | boolean | Yes      | All      | Yes               |
-|  color    | Custom color for the text   | string | Yes      | All      | Yes               |
 |  mode     | Mode of the Appbar.   | small \| medium \| large \| center-aligned | Yes      | All      | Yes               |
 |  elevated      | Whether Appbar background should have the elevation along with primary color pigment   | boolean | Yes      | All      | Yes               |
+|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
+|  testID   |  testID to be used on tests. | string | Yes      | All      | Yes               |
 
 **Avatar.Icon**：Avatars can be used to represent people in a graphical way.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  icon (required)  | Icon to display for the Avatar.  | IconSource | Yes      | All      | Yes               |
 |  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
 |  color  | Custom color for the icon.  | string | Yes      | All      | Yes               |
+|  style  | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
 
 **Avatar.Image**：Avatars can be used to represent people in a graphical way.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  source (required)  | Image to display for the Avatar. It accepts a standard React Native Image source prop Or a function that returns an Image  | ImageSourcePropType  | Yes      | All      | Yes               |
 |  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
+|  style   |  style | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  onError   |  Invoked on load error. | fuction | Yes      | All      | Yes               |
+|  onLayout   |  Invoked on mount and on layout changes. | fuction | Yes      | All      | Yes               |
+|  onLoad   |  Invoked when load completes successfully. | fuction | Yes      | All      | Yes               |
+|  onLoadEnd   |  Invoked when load either succeeds or fails. | fuction | Yes      | All      | Yes               |
+|  onLoadStart   |  Invoked on load start. | fuction | Yes      | All      | Yes               |
+|  onProgress   |  Invoked on download progress. | fuction | Yes      | All      | Yes               |
+|  theme   | theme  | ThemeProp | Yes      | All      | Yes               |
 
 **Avatar.Text**：Avatars can be used to represent people in a graphical way.
 
@@ -235,19 +258,22 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  label (required)  | Initials to show as the text in the Avatar.  | string  | Yes      | All      | Yes               |
 |  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
 |  color  | Custom color for the text.  | string | Yes      | All      | Yes               |
+|  style  | Style for text container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
 |  labelStyle  | Style for the title.  | StyleProp<TextStyle> | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach.  | number | Yes      | All      | Yes               |
+|  theme   | theme  | ThemeProp | Yes      | All      | Yes               |
 
 **Badge**：Badges are small status descriptors for UI elements
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  visible  | Whether the badge is visible  | boolean  | Yes      | All      | Yes               |
 |  children  | Content of the Badge  | string  \| number | Yes      | All      | Yes               |
 |  size  | Size of the Badge  |  number | Yes      | All      | Yes               |
+|  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  ref  | ref  | React.RefObject<typeof Animated.Text> | Yes      | All      | Yes               |
+|  theme   | theme  | ThemeProp | Yes      | All      | Yes               |
 
 **Banner**：Banner displays a prominent message and related actions.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  visible  | Whether the badge is visible  | boolean  | Yes      | All      | Yes               |
@@ -259,9 +285,11 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  maxFontSizeMultiplier   | Specifies the largest possible scale a text font can reach.|   number | Yes      | All      | Yes               |
 |  onShowAnimationFinished   | Optional callback that will be called after the opening animation finished running normally|   Animated.EndCallback | Yes      | All      | Yes               |
 |  onHideAnimationFinished   | Optional callback that will be called after the closing animation finished running normally|   Animated.EndCallback | Yes      | All      | Yes               |
+|  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  ref  | ref  | React.RefObject<typeof Animated.Text> | Yes      | All      | Yes               |
+|  theme   | theme  | ThemeProp | Yes      | All      | Yes               |
 
 **BottomNavigation**：BottomNavigation provides quick navigation between top-level views of an app with a bottom navigation bar.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  shifting  | Whether the shifting style is used, the active tab icon shifts up to show the label and the inactive tabs won't have a label.  | boolean  | Yes      | All      | Yes               |
@@ -277,26 +305,55 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  getBadge  | Get badge for the tab, uses route.badge by default. | (props: { route: Route }) => boolean \| number \| string \| undefined \| null | Yes      | All      | Yes               |
 |  getColor  | Get color for the tab, uses route.color by default. | (props: { route: Route }) => string \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
 |  getLabelText  | Get label text for the tab, uses route.title by default. Use renderLabel to replace label component. | (props: { route: Route }) => string \| undefined \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
-|  getLazy  | Get lazy for the current screen. Uses true by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
 |  getTestID  | Get the id to locate this tab button in tests, uses route.testID by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
+|  getLazy  | Get lazy for the current screen. Uses true by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
 |  onTabPress  | Function to execute on tab press. It receives the route for the pressed tab, useful for things like scroll to top. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
 |  onTabLongPress  | Function to execute on tab long press. It receives the route for the pressed tab, useful for things like custom action when longed pressed. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
 |  activeColor  | Custom color for icon and label in the active tab. | string | Yes      | All      | Yes               |
 |  inactiveColor  | Custom color for icon and label in the inactive tab. | string | Yes      | All      | Yes               |
-|  sceneAnimationEnabled  | Whether animation is enabled for scenes transitions in shifting mode | boolean | Yes      | All      | Yes               |
-|  sceneAnimationType  | The scene animation effect. Specify 'shifting' for a different effect. By default, 'opacity' will be used. | opacity \| shifting | Yes      | All      | Yes               |
+|  sceneAnimationEnabled  | Whether animation is enabled for scenes transitions in shifting mode. | boolean | Yes      | All      | Yes               |
 |  sceneAnimationEasing  | The scene animation Easing. | EasingFunction \| undefined | Yes      | All      | Yes               |
+|  sceneAnimationType  | The scene animation effect. Specify 'shifting' for a different effect. By default, 'opacity' will be used. | 'opacity' \| 'shifting' | Yes      | All      | Yes               |
+|  keyboardHidesNavigationBar  | Whether the bottom navigation bar is hidden when keyboard is shown | boolean | Yes      | All      | Yes               |
+|  safeAreaInsets  | Safe area insets for the tab bar | { top?: number; right?: number; bottom?: number; left?: number; } | Yes      | All      | Yes               |
+|  activeIndicatorStyle  | Style for the bottom navigation bar. You can pass a custom background color here | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. | number | Yes      | All      | Yes               |
+|  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string | Yes      | All      | Yes               |
+
+**BottomNavigation.Bar**：A navigation bar which can easily be integrated with React Navigation's Bottom Tabs Navigator.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  shifting  | Whether the shifting style is used, the active tab icon shifts up to show the label and the inactive tabs won't have a label.  | boolean  | Yes      | All      | Yes               |
+|  labeled  | Whether to show labels in tabs. When false, only icons will be displayed.  |boolean | Yes      | All      | Yes               |
+|  compact  | Whether tabs should be spread across the entire width.  |  boolean | Yes      | All      | Yes               |
+|  navigationState (required)  | State for the bottom navigation. The state should contain the following properties|  { index: number; routes: Route[]; } | Yes      | All      | Yes               |
+|  renderScene (required)  | Callback which returns a react element to render as the page for the tab |  (props: { route: Route; jumpTo: (key: string) => void; }) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  renderIcon  | Callback which returns a React Element to be used as tab icon. | (props: { route: Route; focused: boolean; color: string; }) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  renderLabel  | Callback which React Element to be used as tab label. | (props: { route: Route; focused: boolean; color: string; }) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  renderTouchable  | Callback which returns a React element to be used as the touchable for the tab item. | (props: TouchableProps<Route>) => React.ReactNode \| null | Yes      | All      | Yes               |
+|  getAccessibilityLabel  | Get accessibility label for the tab button. | (props: { route: Route }) => string \| undefined \| null | Yes      | All      | Yes               |
+|  getBadge  | Get badge for the tab, uses route.badge by default. | (props: { route: Route }) => boolean \| number \| string \| undefined \| null | Yes      | All      | Yes               |
+|  getColor  | Get color for the tab, uses route.color by default. | (props: { route: Route }) => string \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
+|  getLabelText  | Get label text for the tab, uses route.title by default. Use renderLabel to replace label component. | (props: { route: Route }) => string \| undefined \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
+|  getTestID  | Get the id to locate this tab button in tests, uses route.testID by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
+|  onTabPress  | Function to execute on tab press. It receives the route for the pressed tab, useful for things like scroll to top. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
+|  onTabLongPress  | Function to execute on tab long press. It receives the route for the pressed tab, useful for things like custom action when longed pressed. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
+|  activeColor  | Custom color for icon and label in the active tab. | string | Yes      | All      | Yes               |
+|  inactiveColor  | Custom color for icon and label in the inactive tab. | string | Yes      | All      | Yes               |
+|  animationEasing  | The scene animation Easing. | EasingFunction \| undefined | Yes      | All      | Yes               |
 |  keyboardHidesNavigationBar  | Whether the bottom navigation bar is hidden when keyboard is shown | boolean | Yes      | All      | Yes               |
 |  safeAreaInsets  | Safe area insets for the tab bar | { top?: number; right?: number; bottom?: number; left?: number; } | Yes      | All      | Yes               |
 |  barStyle  | Style for the bottom navigation bar. You can pass a custom background color here | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. | number | Yes      | All      | Yes               |
+|  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string | Yes      | All      | Yes               |
 
 **Button**：A button is component that the user can press to trigger an action.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  mode  | Mode of the button. You can change the mode to adjust the styling to give it desired emphasis  | text \| outlined \| contained \| elevated \| contained-tonal | Yes      | All      | Yes               |
-|  mode  | Whether the color is a dark color. A dark button will render light text and vice-versa. Only applicable for  | boolean | Yes      | All      | Yes               |
+|  dark  | Whether the color is a dark color. A dark button will render light text and vice-versa. Only applicable for  | boolean | Yes      | All      | Yes               |
 |  compact  | Use a compact look, useful for text buttons in a row.  | boolean | Yes      | All      | Yes               |
 |  buttonColor  | Custom button's background color. | string | Yes      | All      | Yes               |
 |  textColor  | Custom button's text color. | string | Yes      | All      | Yes               |
@@ -317,9 +374,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  delayLongPress  | The number of milliseconds a user must touch the element before executing onLongPress. | number | Yes      | All      | Yes               |
 |  contentStyle  | Style of button's inner content. Use this prop to apply custom height and width and to set the icon on the right with flexDirection: 'row-reverse'. | StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach. | number | Yes      | All      | Yes               |
+|  style  | Style for Badge Button | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  labelStyle  | Style for the button text. | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  theme  | theme | ThemeProp | Yes      | All      | Yes               |
+|  touchableRef  | Reference for the touchable | React.RefObject<View> | Yes      | All      | Yes               |
+|  testID  | string | testID to be used on tests. | Yes      | All      | Yes               |
 
 **Card**：A card is a sheet of material that serves as an entry point to more detailed information.
-
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  mode  | Mode of the Card.  |  outlined \| contained \| elevated | Yes      | All      | Yes               |
@@ -332,8 +393,51 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  disabled  | TIf true, disable all interactions for this component. | boolean | Yes      | All      | Yes               |
 |  elevation  | Changes Card shadow and background on iOS and Android. | Animated.Value | Yes      | All      | Yes               |
 |  contentStyle  | Style of card's inner content. | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  style  | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme  | theme | ThemeProp | Yes      | All      | Yes               |
+|  testID  | Pass down testID from card props to touchable | string | Yes      | All      | Yes               |
 |  accessible  | Pass down accessible from card props to touchable | boolean | Yes      | All      | Yes               |
 
+**Card.Actions**：A component to show a list of actions inside a Card.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Items inside the CardActions. |  React.ReactNode | Yes      | All      | Yes               |
+|  style  | style |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme  | theme |  ThemeProp | Yes      | All      | Yes               |
+
+**Card.Content**：A component to show content inside a Card.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)  | Items inside the Card.Content. |  React.ReactNode | Yes      | All      | Yes               |
+|  style  | style |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+
+**Card.Cover**：A component to show a cover image inside a Card.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  Image props  | Extends: ...Image props |  props | Yes      | All      | Yes               |
+|  style  | style |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme  | theme |  ThemeProp | Yes      | All      | Yes               |
+
+**Card.Title**：A component to show a title, subtitle and an avatar inside a Card.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  title (required)  | Text for the title. Note that this will only accept a string or <Text>-based node.|  React.ReactNode | Yes      | All      | Yes               |
+|  titleStyle  | StyleProp<TextStyle> |  Style for the title. | Yes      | All      | Yes               |
+|  titleNumberOfLines  | Number of lines for the title. |  number | Yes      | All      | Yes               |
+|  titleVariant(Available in v5.x with theme version 3)   | Title text variant defines appropriate text styles for type role and its size. Available variants: |  unknown | Yes      | All      | Yes               |
+|  subtitle   | Text for the subtitle. Note that this will only accept a string or <Text>-based node. |  React.ReactNode | Yes      | All      | Yes               |
+|  subtitleStyle   | Style for the subtitle. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  subtitleNumberOfLines   | Number of lines for the subtitle. |  number | Yes      | All      | Yes               |
+|  subtitleVariant (Available in v5.x with theme version 3)   | Subtitle text variant defines appropriate text styles for type role and its size. Available variants |  unknown | Yes      | All      | Yes               |
+|  left   | Callback which returns a React element to display on the left side. |  (props: { size: number }) => React.ReactNode | Yes      | All      | Yes               |
+|  leftStyle   | Style for the left element wrapper. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  right   | Callback which returns a React element to display on the right side. |  (props: { size: number }) => React.ReactNode | Yes      | All      | Yes               |
+|  rightStyle   |Style for the right element wrapper. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  titleMaxFontSizeMultiplier   |Specifies the largest possible scale a title font can reach.|  number | Yes      | All      | Yes               |
+|  subtitleMaxFontSizeMultiplier   |Specifies the largest possible scale a subtitle font can reach.|  number | Yes      | All      | Yes               |
+|  style   |style|  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme   |theme|  ThemeProp | Yes      | All      | Yes               |
+
 **Checkbox**：Checkboxes allow the selection of multiple options from a set.
 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -343,6 +447,56 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onPress  | Function to execute on press.  |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
 |  uncheckedColor  | Custom color for unchecked checkbox.  |  string | Yes      | All      | Yes               |
 |  color  | Custom color for checkbox.  |  string | Yes      | All      | Yes               |
+|  theme  | theme  |  ThemeProp | Yes      | All      | Yes               |
+|  testID  | theme  |  string | Yes      | All      | Yes               |
+
+**Checkbox.Android**：Checkboxes allow the selection of multiple options from a set. This component follows platform guidelines for iOS, but can be used on any platform.
+
+|       Name        |             Description              |       TypeTouchableRipple props       | Required | Platform | HarmonyOS Support |
+| :---------------: | :----------------------------------: | :-----------------------------------: | -------- | -------- | ----------------- |
+|  TouchableRipple  |              Touchable               |         TouchableRipple props         | NO       | All      | Yes               |
+| status (required) |         Status of checkbox.          | checked \| unchecked \| indeterminate | Yes      | All      | Yes               |
+|     disabled      |    Whether checkbox is disabled.     |                boolean                | NO       | All      | Yes               |
+|      onPress      |    Function to execute on press.     |  (e: GestureResponderEvent) => void   | NO       | All      | Yes               |
+|  uncheckedColor   | Custom color for unchecked checkbox. |                string                 | NO       | All      | Yes               |
+|       color       |      Custom color for checkbox.      |                string                 | NO       | All      | Yes               |
+|       theme       |                theme                 |               ThemeProp               | NO       | All      | Yes               |
+|      testID       |                theme                 |                string                 | NO       | All      | Yes               |
+
+**Checkbox.IOS**：Checkboxes allow the selection of multiple options from a set. This component follows platform guidelines for iOS, but can be used on any platform.
+
+|       Name        |          Description          |                 Type                  | Required | Platform | HarmonyOS Support |
+| :---------------: | :---------------------------: | :-----------------------------------: | -------- | -------- | ----------------- |
+|  TouchableRipple  |           Touchable           |         TouchableRipple props         | NO       | All      | Yes               |
+| status (required) |      Status of checkbox.      | checked \| unchecked \| indeterminate | Yes      | All      | Yes               |
+|     disabled      | Whether checkbox is disabled. |                boolean                | NO       | All      | Yes               |
+|      onPress      | Function to execute on press. |  (e: GestureResponderEvent) => void   | NO       | All      | Yes               |
+|       color       |  Custom color for checkbox.   |                string                 | NO       | All      | Yes               |
+|       theme       |             theme             |               ThemeProp               | NO       | All      | Yes               |
+|      testID       |             theme             |                string                 | NO       | All      | Yes               |
+
+**Checkbox.Item**：Checkbox.Item allows you to press the whole row (item) instead of only the Checkbox.
+
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  status (required)  | Status of checkbox.  |  checked \| unchecked \| indeterminate | Yes      | All      | Yes               |
+|  disabled  | Whether checkbox is disabled.  |  boolean | Yes      | All      | Yes               |
+|  label (required)  | Label to be displayed on the item. |  string | Yes      | All      | Yes               |
+|  onPress  | Function to execute on press. |  fuction | Yes      | All      | Yes               |
+|  onLongPress  | Function to execute on long press. |  fuction | Yes      | All      | Yes               |
+|  background  | Type of background drawabale to display the feedback (Android). https://reactnative.dev/docs/pressable#rippleconfig |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  accessibilityLabel  | Accessibility label for the touchable. This is read by the screen reader when the user taps the touchable. |  string | Yes      | All      | Yes               |
+|  uncheckedColor  | Custom color for unchecked checkbox. |  string | Yes      | All      | Yes               |
+|  color  | Custom color for checkbox. |  string | Yes      | All      | Yes               |
+|  rippleColor  | Color of the ripple effect. |  ColorValue | Yes      | All      | Yes               |
+|  style  | Additional styles for container View. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. |  number | Yes      | All      | Yes               |
+|  labelStyle  | Style that is passed to Label element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  labelVariant( Available in v5.x with theme version 3)   | Label text variant defines appropriate text styles for type role and its size. Available variants. |  unknown | Yes      | All      | Yes               |
+|  theme   | theme |  ThemeProp | Yes      | All      | Yes               |
+|  testID   | string |  ThemeProp | Yes      | All      | Yes               |
+|  position   | Checkbox control position. |  leading \| trailing | Yes      | All      | Yes               |
+|  mode   | Whether <Checkbox.Android /> or <Checkbox.IOS /> should be used. Left undefined <Checkbox /> will be used. |  android \| ios | Yes      | All      | Yes               |
 
 **Chip**：Chips are compact elements that can represent inputs, attributes, or actions
 
@@ -359,7 +513,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  showSelectedCheck   | Whether to display default check icon on selected chip.  |  boolean | Yes      | All      | Yes               |
 |  rippleColor   | Color of the ripple effect.  |  ColorValue | Yes      | All      | Yes               |
 |  disabled   | Whether the chip is disabled.  |  boolean | Yes      | All      | Yes               |
-|  background   | Type of background drawabale to display the feedback (Android).  |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  background   | Type of background drawabale to display the feedback (Android).  |  PressableAndroidRippleConfig | Yes      | Android      |No               |
 |  accessibilityLabel   | Accessibility label for the chip. This is read by the screen reader when the user taps the chip.  |  string | Yes      | All      | Yes               |
 |  closeIconAccessibilityLabel   | Accessibility label for the close icon. This is read by the screen reader when the user taps the close icon.  |  string | Yes      | All      | Yes               |
 |  onPress   | Function to execute on press.  |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
@@ -371,14 +525,19 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  compact    | Sets smaller horizontal paddings 12dp around label, when there is only label.  |   boolean | Yes      | All      | Yes               |
 |  elevated     | Whether chip should have the elevation.  |   boolean | Yes      | All      | Yes               |
 |  textStyle     | Style of chip's text  |   StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  style     | style  |   Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      |
+|  theme     | theme  |   ThemeProp | Yes      | All      | Yes               |
+|  testID     | Pass down testID from chip props to touchable for Detox tests.  |   string | Yes      | All      | Yes               |
 |  ellipsizeMode     | Ellipsize Mode for the children text  |   EllipsizeProp | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier     | Specifies the largest possible scale a text font can reach.  |   number | Yes      | All      | Yes               |
+|  accessibilityRole     | Default value: 'button'  |  string | Yes      | All      | Yes               |
 
 **DataTable**：Data tables allow displaying sets of data.
 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DataTable  |  React.ReactNode  | Yes      | All      | Yes               |
+|  style     | style  |    StyleProp<ViewStyle> | Yes      | All      |
 
 **DataTable.Cell**：A component to show a single cell inside of a table.
 
@@ -387,14 +546,18 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)  | Content of the DataTableCell.  |  React.ReactNode  | Yes      | All      | Yes               |
 |  numeric  | Align the text to the right. Generally monetary or number fields are aligned to right.  |  boolean  | Yes      | All      | Yes               |
 |  onPress  | Function to execute on press.  |  (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  style     | Text content style of the DataTableCell.  |    StyleProp<ViewStyle> | Yes      | All      |
 |  textStyle  | Text content style of the DataTableCell.  |   StyleProp<TextStyle>  | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach. |   number  | Yes      | All      | Yes               |
+|  testID     | testID to be used on tests.  | string | Yes      | All      |
 
 **DataTable.Header**：A component to display title in table header.
 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DataTableHeader.  |  React.ReactNode  | Yes      | All      | Yes               |
+|  style     | Text content style of the DataTable.Header.  |    StyleProp<ViewStyle> | Yes      | All      |
+|  theme     | theme  | ThemeProp | Yes      | All      |
 
 **DataTable.Pagination**：A component to show pagination for data table.
 
@@ -405,6 +568,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onPageChange (required)  | Function to execute on page change. | (page: number) => void  | Yes      | All      | Yes               |
 |  showFastPaginationControls  | Whether to show fast forward and fast rewind buttons in pagination. False by default. | boolean  | Yes      | All      | Yes               |
 |  paginationControlRippleColor  | Color of the pagination control ripple effect. | ColorValue  | Yes      | All      | Yes               |
+|  theme     | theme  | ThemeProp | Yes      | All      |
 |  numberOfItemsPerPage  | The current number of rows per page. | number  | Yes      | All      | Yes               |
 |  numberOfItemsPerPageList  | Options for a number of rows per page to choose from. | Array<number>  | Yes      | All      | Yes               |
 |  onItemsPerPageChange  | The function to set the number of rows per page. | (numberOfItemsPerPage: number) => void  | Yes      | All      | Yes               |
@@ -414,14 +578,21 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  selectPageDropdownAccessibilityLabel  | AccessibilityLabel for selectPageDropdownLabel | string  | Yes      | All      | Yes               |
 |  label  | Label text to display which indicates current pagination. | React.ReactNode  | Yes      | All      | Yes               |
 |  accessibilityLabel  | AccessibilityLabel for label. | string  | Yes      | All      | Yes               |
+|  style     | Text content style of the DataTable.Pagination.  |    StyleProp<ViewStyle> | Yes      | All      |
 
 **DataTable.Row**：A component to show a single row inside of a table.
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  TouchableRipple | Extends: ...TouchableRipple props  | props  | Yes      | All      | Yes               |
 |  children (required)  | Content of the DataTableRow.  | React.ReactNode  | Yes      | All      | Yes               |
 |  onPress  | Function to execute on press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  style     | Text content style of the DataTable.Pagination.  |    StyleProp<ViewStyle> | Yes      | All      |
+|  theme     | theme  |  ThemeProp | Yes      | All      |
+|  pointerEvents     | pointerEvents passed to the View container, which is wrapping children within TouchableRipple.  |  ViewProps['pointerEvents'] | Yes      | All      |
 
 **DataTable.Title**：A component to display title in table header.
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Text content of the DataTableTitle.  | React.ReactNode  | Yes      | All      | Yes               |
@@ -429,10 +600,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  sortDirection  | Direction of sorting. An arrow indicating the direction is displayed when this is given.  | boolean  | Yes      | All      | Yes               |
 |  numberOfLines  | The number of lines to show.  | number  | Yes      | All      | Yes               |
 |  onPress  | Function to execute on press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
-|  textStyle  | Text content style of the DataTableTitle.  | Type: StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  style  | Text content style of the DataTableTitle.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  textStyle  | Text content style of the DataTableTitle.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach.  | maxFontSizeMultiplier  | Yes      | All      | Yes               |
+|  theme  |theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Dialog**：Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  dismissable  | Determines whether clicking outside the dialog dismiss it.  | boolean  | Yes      | All      | Yes               |
@@ -440,32 +614,42 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onDismiss  | Callback that is called when the user dismisses the dialog.  | () => void  | Yes      | All      | Yes               |
 |  visible  | Determines Whether the dialog is visible.  | boolean  | Yes      | All      | Yes               |
 |  children (required)  | Content of the Dialog  | React.ReactNode  | Yes      | All      | Yes               |
+|  style  | Text content style of the Dialog.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | testID to be used on tests.  | string  | Yes      | All      | Yes               |
 
 **Dialog.Actions**：A component to show a list of actions in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DialogActions.  | React.ReactNode  | Yes      | All      | Yes               |
+|  style  | Text content style of the Dialog.Actions.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Dialog.Content**：A component to show content in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DialogContent.  | React.ReactNode  | Yes      | All      | Yes               |
+|  style  | Text content style of the Dialog.Content.  | StyleProp<TextStyle>  | Yes      | All      | Yes               |
 
 **Dialog.Icon**：@supported Available in v5.x with theme version 3 A component to show an icon in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  color  | Custom color for action icon.  | IconSource  | Yes      | All      | Yes               |
+|  icon (required)  | Name of the icon to show. | IconSource  | Yes      | All      | Yes               |
 |  size  | Optional icon size.  | number  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Dialog.ScrollArea**：A component to show a scrollable content in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DialogScrollArea.  | React.ReactNode  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Dialog.Title**：A component to show a title in a Dialog.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Title text for the DialogTitle.  | React.ReactNode  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Divider**：A divider is a thin, lightweight separator that groups content in lists and page layouts.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -473,6 +657,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  leftInset   | Whether divider has a left inset.  | boolean  | Yes      | All      | Yes               |
 |  horizontalInset    |Whether divider has a horizontal inset on both sides.  | boolean  | Yes      | All      | Yes               |
 |  bold     | Whether divider should be bolded.  | boolean  | Yes      | All      | Yes               |
+|  style  | Text content style of the Divider.  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Drawer.CollapsedItem**：Collapsed component used to show an action item with an icon and optionally label in a navigation drawer.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -486,6 +672,9 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onPress     | Function to execute on press.  |  (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier     | Specifies the largest possible scale a label font can reach.  |  number  | Yes      | All      | Yes               |
 |  accessibilityLabel     | Accessibility label for the button. This is read by the screen reader when the user taps the button.  |  string  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **Drawer.Item**：A component used to show an action item with an icon and a label in a navigation drawer.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -500,6 +689,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  right   | Callback which returns a React element to display on the right side. For instance a Badge.  |  (props: { color: string }) => React.ReactNode  | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier   | Specifies the largest possible scale a label font can reach.  |  number  | Yes      | All      | Yes               |
 |  rippleColor   | Color of the ripple effect.  |  ColorValue  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **Drawer.Section**：A component to group content inside a navigation drawer.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -508,8 +699,39 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)   | Content of the Drawer.Section.  | React.ReactNode  | Yes      | All      | Yes               |
 |  showDivider  | Whether to show Divider at the end of the section. True by default.  | boolean  | Yes      | All      | Yes               |
 |  titleMaxFontSizeMultiplier  | Specifies the largest possible scale a title font can reach. True by default.  | number  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+
+**FAB**：A floating action button represents the primary action on a screen. It appears in front of all screen content.
+
+|            Name            |                         Description                          |                       Type                       | Required | Platform | HarmonyOS Support |
+| :------------------------: | :----------------------------------------------------------: | :----------------------------------------------: | -------- | -------- | ----------------- |
+|      icon (required)       |                 Icon to display for the FAB.                 |                    IconSource                    | Yes      | All      | Yes               |
+|      label (required)      |                   Label for extended FAB.                    |                      string                      | Yes      | All      | Yes               |
+|         uppercase          |               Make the label text uppercased.                |                     boolean                      | Yes      | All      | Yes               |
+|         background         | Type of background drawabale to display the feedback (Android). |           PressableAndroidRippleConfig           | Yes      | All      | Yes               |
+|     accessibilityLabel     | Accessibility label for the FAB. This is read by the screen reader when the user taps the FAB. |                      string                      | Yes      | All      | Yes               |
+|     accessibilityState     | Accessibility state for the FAB. This is read by the screen reader when the user taps the FAB. |                AccessibilityState                | Yes      | All      | Yes               |
+|          animated          |             Whether an icon change is animated.              |                     boolean                      | Yes      | All      | Yes               |
+|           color            |       Custom color for the icon and label of the FAB.        |                      string                      | Yes      | All      | Yes               |
+|        rippleColor         |                 Color of the ripple effect.                  |                    ColorValue                    | Yes      | All      | Yes               |
+|          disabled          | Whether FAB is disabled. A disabled button is greyed out and onPress is not called on touch. |                     boolean                      | Yes      | All      | Yes               |
+|          visible           |              Whether FAB is currently visible.               |                     boolean                      | Yes      | All      | Yes               |
+|          loading           |             Whether to show a loading indicator.             |                     boolean                      | Yes      | All      | Yes               |
+|          onPress           |                Function to execute on press.                 |        (e: GestureResponderEvent) => void        | Yes      | All      | Yes               |
+|        onLongPress         |              Function to execute on long press.              |        (e: GestureResponderEvent) => void        | Yes      | All      | Yes               |
+|       delayLongPress       | The number of milliseconds a user must touch the element before executing onLongPress |                      number                      | Yes      | All      | Yes               |
+|            size            |                  Default value: `'medium'`                   |          'small' \| 'medium' \| 'large'          | Yes      | All      | Yes               |
+|            mode            | Mode of the `FAB`. You can change the mode to adjust the the shadow: |               'flat' \| 'elevated'               | Yes      | All      | Yes               |
+|          variant           | Color mappings variant for combinations of container and icon colors. | 'primary'\|'secondary'  \|'tertiary' \|'surface' | Yes      | All      | Yes               |
+| labelMaxFontSizeMultiplier | Specifies the largest possible scale a label font can reach. |                      number                      | Yes      | All      | Yes               |
+|           style            |                            style                             |               StyleProp<ViewStyle>               | Yes      | All      | Yes               |
+|           theme            |                            theme                             |                    ThemeProp                     | Yes      | All      | Yes               |
+|           testID           |               TestID used for testing purposes               |                      string                      | Yes      | All      | Yes               |
+|            ref             |                             ref                              |              React.RefObject<View>               | Yes      | All      | Yes               |
 
 **AnimatedFAB**：An animated, extending horizontally floating action button represents the primary action in an application.
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  icon (required)   | Icon to display for the FAB.  | IconSource  | Yes      | All      | Yes               |
@@ -530,6 +752,9 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  extended   | Whether FAB should start animation to extend.  | boolean  | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier   | Specifies the largest possible scale a label font can reach.  | number  | Yes      | All      | Yes               |
 |  variant    | Color mappings variant for combinations of container and icon colors.  | primary\| secondary \| tertiary \| surface | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **FAB.Group**：A component to display a stack of FABs with related actions in a speed dial.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -547,6 +772,9 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  open (required)   | Whether the speed dial is open.  | boolean  | Yes      | All      | Yes               |
 |  onStateChange (required)   | Callback which is called on opening and closing the speed dial. The open state needs to be updated when it's called, otherwise the change is dropped.  | (state: { open: boolean }) => void  | Yes      | All      | Yes               |
 |  visible (required)   | Whether FAB is currently visible.  | boolean  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **HelperText**：Helper text is used in conjuction with input elements to provide additional hints for the user.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -556,13 +784,19 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  visible   | Whether to display the helper text.  | boolean | Yes      | All      | Yes               |
 |  padding   | Whether to apply padding to the helper text.  | none\| normal | Yes      | All      | Yes               |
 |  disabled   | Whether the text input tied with helper text is disabled.  | boolean | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **Icon**：An icon component which renders icon from vector library.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  size    | Size of icon.  | number | Yes      | All      | Yes               |
+|  allowFontScaling    | allowFontScaling  | boolean | Yes      | All      | No               |
 |  source (required)    | Icon to display.  | any | Yes      | All      | Yes               |
 |  color    | Color of the icon.  | any | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 
 **IconButton**：An icon button is a button which displays only an icon without a label.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -578,6 +812,10 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  animated       | Whether an icon change is animated.  | boolean | contained-tonal  | Yes      | All      | Yes               |
 |  accessibilityLabel       | Accessibility label for the button. This is read by the screen reader when the user taps the button.  | string | contained-tonal  | Yes      | All      | Yes               |
 |  onPress       | Function to execute on press. | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
+|  ref  | ref  | React.RefObject<View>  | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  testID  | TestID used for testing purposes  | string  | Yes      | All      | Yes               |
 |  loading       | Whether to show a loading indicator. | boolean  | Yes      | All      | Yes               |
 
 **List.Accordion**：A component used to display an expandable list item.
@@ -592,6 +830,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onLongPress    | Function to execute on long press.  | (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
 |  delayLongPress    | The number of milliseconds a user must touch the element before executing onLongPress.  | number | Yes      | All      | Yes               |
 |  children (required)    | Content of the section.  | React.ReactNode | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 |  background    | Type of background drawabale to display the feedback (Android). | PressableAndroidRippleConfig | Yes      | All      | Yes               |
 |  style    | Style that is passed to the wrapping TouchableRipple element. | StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  titleStyle    | Style that is passed to Title element. | StyleProp<TextStyle> | Yes      | All      | Yes               |
@@ -617,6 +856,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  icon (required)    | Icon to show. | IconSource | Yes      | All      | Yes               |
 |  color    | Color for the icon. | string | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **ListItem**：A component to show tiles inside a List.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -626,6 +867,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  left    | Callback which returns a React element to display on the left side. | (props: { color: string; style: Style }) => React.ReactNode | Yes      | All      | Yes               |
 |  right    | Callback which returns a React element to display on the right side. | (props: { color: string; style?: Style }) => React.ReactNode | Yes      | All      | Yes               |
 |  onPress    | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 |  style    | Style that is passed to the wrapping TouchableRipple element. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  contentStyle    | Style that is passed to the container wrapping title and descripton. |   StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  titleStyle    | Style that is passed to Title element. |   StyleProp<TextStyle> | Yes      | All      | Yes               |
@@ -635,6 +877,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  titleEllipsizeMode    | Ellipsize Mode for the Title. One of 'head', 'middle', 'tail', 'clip'. |   EllipsizeProp | Yes      | All      | Yes               |
 |  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach. |   number | Yes      | All      | Yes               |
 |  descriptionMaxFontSizeMultiplier    | Specifies the largest possible scale a description font can reach. |   number | Yes      | All      | Yes               |
+|  descriptionEllipsizeMode    | Ellipsize Mode for the Description. One of 'head', 'middle', 'tail', 'clip'. |   'head' 'middle' 'tail' 'clip' | Yes      | All      | Yes               |
 |  testID    | TestID used for testing purposes |   string | Yes      | All      | Yes               |
 
 **List.Section**：A component used to group list items.
@@ -643,10 +886,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  title    | Title text for the section. |  string | Yes      | All      | Yes               |
 |  children (required)    | Content of the section. |  React.ReactNode | Yes      | All      | Yes               |
 |  titleStyle    | Style that is passed to Title element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
 **List.Subheader**：A component used to display a header in lists.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 |  style    | Style that is passed to Text element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier    | Specifies the largest possible scale a text font can reach. |  number | Yes      | All      | Yes               |
 
@@ -656,22 +902,32 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  visible (required)    | Whether the Menu is currently visible. |  boolean | Yes      | All      | Yes               |
 |  anchor (required)    | The anchor to open the menu from. In most cases, it will be a button that opens the menu. |  React.ReactNode | { x: number; y: number } | Yes      | All      | Yes               |
 |  anchorPosition    | Whether the menu should open at the top of the anchor or at its bottom. | top \| bottom | Yes      | All      | Yes               |
-|  statusBarHeight    | Extra margin to add at the top of the menu to account for translucent status bar on Android. If you are using Expo, we assume translucent status bar and set a height for status bar automatically. | number | Yes      | All      | Yes               |
-|  onDismiss    | Callback called when Menu is dismissed.  |  () => void | Yes      | All      | Yes               |
+|  statusBarHeight    | Extra margin to add at the top of the menu to account for translucent status bar on Android. If you are using Expo, we assume translucent status bar and set a height for status bar automatically. | number | Yes      | Android      | false               |
+|  onDismiss    | Callback called when Menu is dismissed.  |  fuction | Yes      | All      | Yes               |
 |  overlayAccessibilityLabel    | Accessibility label for the overlay. This is read by the screen reader when the user taps outside the menu.  |  string | Yes      | All      | Yes               |
 |  children (required)    | Content of the Menu  |  React.ReactNode | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
 |  contentStyle    | Style of menu's inner content.  |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  theme   | theme   | InternalTheme  | Yes      | All      | Yes               |
 |  keyboardShouldPersistTaps    | Inner ScrollView prop  | crollViewProps['keyboardShouldPersistTaps'] | Yes      | All      | Yes               |
+|  testID  | testID to be used on tests.  | string  | Yes      | All      | Yes               |
 
 **Menu.Item**：A component to show a single list item inside a Menu.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  title (required)    | Title text for the MenuItem. |  React.ReactNode | Yes      | All      | Yes               |
 |  leadingIcon    | Leading icon to display for the MenuItem. |  IconSource | Yes      | All      | Yes               |
+|  trailingIcon(Available in v5.x with theme version 3)    | Trailing icon to display for the MenuItem. |  IconSource | Yes      | All      | Yes               |
 |  disabled    | Whether the 'item' is disabled. A disabled 'item' is greyed out and onPress is not called on touch. |  boolean | Yes      | All      | Yes               |
+|  dense (Available in v5.x with theme version 3)    | Sets min height with densed layout. |  boolean | Yes      | All      | Yes               |
 |  background    | Type of background drawabale to display the feedback (Android). |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
 |  onPress    | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
 |  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach. |  number | Yes      | All      | Yes               |
+|  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  contentStyle  | contentStyle  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  titleStyle  | titleStyle  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
+|  rippleColor  | titleStyle  | ColorValue  | Yes      | All      | Yes               |
+|  theme   | Color of the ripple effect.   | InternalTheme  | Yes      | All      | Yes               |
 |  testID    | TestID used for testing purposes|  string | Yes      | All      | Yes               |
 |  accessibilityLabel    | Accessibility label for the Touchable. |  string | Yes      | All      | Yes               |
 |  accessibilityState    | Accessibility state for the Touchable.  |  accessibilityState | Yes      | All      | Yes               |
@@ -686,16 +942,32 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  visible    | Determines Whether the modal is visible. |  boolean | Yes      | All      | Yes               |
 |  children (required)    | Content of the Modal. |  React.ReactNode | Yes      | All      | Yes               |
 |  contentContainerStyle    | Style for the content of the modal |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
+|  style    | Style for the wrapper of the modal. Use this prop to change the default wrapper style or to override safe area insets with marginTop and marginBottom. |  StyleProp<TextStyle> | Yes      | All      |
 |  testID    | testID to be used on tests. |  string | Yes      | All      | Yes               |
 
+**Portal**：Portal allows rendering a component at a different place in the parent tree.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)    | Content of the Portal. |  React.ReactNode | Yes      | All      | Yes               |
+|  theme (required)    | theme |  InternalTheme | Yes      | All      | Yes               |
+
+**Portal.Host**：Portal host renders all of its children Portal elements. 
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  children (required)    | Content of the Portal. |  React.ReactNode | Yes      | All      | Yes               |
+
 **ProgressBar**：Progress bar is an indicator used to present progress of some activity in the app.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  animatedValue    |Animated value (between 0 and 1). This tells the progress bar to rely on this value to animate it. Note: It should not be used in parallel with the progress prop. |  number | Yes      | All      | Yes               |
 |  progress    | Progress value (between 0 and 1). Note: It should not be used in parallel with the animatedValue prop. |  number | Yes      | All      | Yes               |
 |  color    | Color of the progress bar. The background color will be calculated based on this but you can change it by passing backgroundColor to style prop. |  string | Yes      | All      | Yes               |
 |  indeterminate    | If the progress bar will show indeterminate progress. |  boolean | Yes      | All      | Yes               |
 |  visible    | Whether to show the ProgressBar (true, the default) or hide it (false). |  boolean | Yes      | All      | Yes               |
 |  fillStyle    | Style of filled part of the ProgresBar. |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  style    | style |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme |  ThemeProp | Yes      | All      | Yes               |
 |  testID    | testID to be used on tests. |  string | Yes      | All      | Yes               |
 
 **RadioButton**：Radio buttons allow the selection a single option from a set.
@@ -707,7 +979,38 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onPress    | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
 |  uncheckedColor    | Custom color for unchecked radio. |  string | Yes      | All      | Yes               |
 |  color    | Custom color for radio. |  string | Yes      | All      | Yes               |
+|  theme    | theme |  ThemeProp | Yes      | All      | Yes               |
+|  testID    | testID to be used on tests. |  string | Yes      | All      | Yes               |
+
+**RadioButton.Group**：Radio button group allows to control a group of radio buttons.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  onValueChange (required)    | Function to execute on selection change. |  fuction | Yes      | All      | Yes               |
+|  value (required)    | Value of the currently selected radio button. |  string | Yes      | All      | Yes               |
+|  children (required) | React elements containing radio buttons.|  string | Yes      | All      | Yes               |
 
+**RadioButton.Item**：RadioButton.Item allows you to press the whole row (item) instead of only the RadioButton.
+|  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
+| :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  value (required)    | Value of the radio button. |  string | Yes      | All      | Yes               |
+|  label (required)    | Label to be displayed on the item. |  string | Yes      | All      | Yes  |
+|  disabled    | Whether radio is disabled. |  boolean | Yes      | All      | Yes               |
+|  background    | Type of background drawabale to display the feedback (Android). https://reactnative.dev/docs/pressable#rippleconfig |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  onPress    | Function to execute on press. |  Function | Yes      | All      | Yes               |
+|  onLongPress    | Function to execute on long press. |  Function | Yes      | All      | Yes               |
+|  accessibilityLabel    | Accessibility label for the touchable. This is read by the screen reader when the user taps the touchable. |  Function | Yes      | All      | Yes               |
+|  uncheckedColor    | Custom color for unchecked radio. |  string | Yes      | All      | Yes               |
+|  color    | Custom color for radio. |  string | Yes      | All      | Yes               |
+|  rippleColor    | Color of the ripple effect. |  ColorValue | Yes      | All      | Yes               |
+|  status    | Status of radio button. |  checked \| unchecked | Yes      | All      | Yes               |
+|  style    | Additional styles for container View. |  StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  labelStyle    | Style that is passed to Label element. |  StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  labelVariant(Available in v5.x with theme version 3)   | Label text variant defines appropriate text styles for type role and its size. Available variants: |  unknown | Yes      | All      | Yes               |
+|  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. |  number | Yes      | All      | Yes               |
+|  theme  | theme |  ThemeProp | Yes      | All      | Yes               |
+|  testID  | testID to be used on tests. |  string | Yes      | All      | Yes               |
+|  mode  | Whether <RadioButton.Android /> or <RadioButton.IOS /> should be used. Left undefined <RadioButton /> will be used. |  android \| ios | Yes      | All      | Yes               |
+|  position  | Radio button control position. |  leading \| trailing | Yes      | All      | Yes               |
 
 **Searchbar**：Searchbar is a simple input box where users can type search queries.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -715,6 +1018,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  placeholder    | Hint text shown when the input is empty. |  string | Yes      | All      | Yes               |
 |  value (required)    | The value of the text input. |  string | Yes      | All      | Yes               |
 |  onChangeText    | Callback that is called when the text input's text changes. |  (query: string) => void | Yes      | All      | Yes               |
+|  mode(Available in v5.x with theme version 3)    | Search layout mode, the default value is "bar". |  bar \| view | Yes      | All      | Yes               |
 |  icon    | Icon name for the left icon button (see onIconPress). |  (query: string) => void | Yes      | All      | Yes               |
 |  onChangeText    | Callback that is called when the text input's text changes. |  IconSource | Yes      | All      | Yes               |
 |  iconColor    | Custom color for icon, default will be derived from theme |  string | Yes      | All      | Yes               |
@@ -731,13 +1035,20 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  traileringIconAccessibilityLabel    | Accessibility label for the right trailering icon button. This is read by the screen reader when the user taps the button.  |  string | Yes      | All      | Yes               |
 |  right     | Callback which returns a React element to display on the right side. Works only when mode is set to "bar".  |   (props: { color: string; style: Style; testID: string; }) => React.ReactNode | Yes      | All      | Yes               |
 |  showDivider    | Whether to show Divider at the bottom of the search. Works only when mode is set to "view". True by default. |  boolean | Yes      | All      | Yes               |
+|  elevation     | Changes Searchbar shadow and background on iOS and Android. |  Animated.Value | Yes      | All      | Yes               |
 |  inputStyle    | Set style of the TextInput component inside the searchbar | StyleProp<TextStyle> | Yes      | All      | Yes               |
+|  style    | style | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|  loading    | Custom flag for replacing clear button with activity indicator. | Boolean | Yes      | All      | Yes               |
+|  testID    | TestID used for testing purposes | string | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **SegmentedButtons**：Segmented buttons can be used to select options, switch views or sort elements.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  buttons (required)    | Buttons to display as options in toggle button. Button should contain the following properties: |  { value: string; icon?: IconSource; disabled?: boolean; accessibilityLabel?: string; checkedColor?: string; uncheckedColor?: string; onPress?: (event: GestureResponderEvent) => void; label?: string; showSelectedCheck?: boolean; style?: StyleProp<ViewStyle>; labelStyle?: StyleProp<TextStyle>; testID?: string; }[] | Yes      | All      | Yes               |
 |  density    | Density is applied to the height, to allow usage in denser UIs |  regular | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **Snackbar**：Snackbars provide brief feedback about an operation through a message rendered at the bottom of the container in which it's wrapped.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -753,6 +1064,10 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)    | Text content of the Snackbar. | React.ReactNode | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier    | Specifies the largest possible scale a text font can reach. | number | Yes      | All      | Yes               |
 |  wrapperStyle    | Style for the wrapper of the snackbar | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
+|  ref    | ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  testID    | string | TestID used for testing purposes | Yes      | All      | Yes               |
 
 **Surface**：Surface is a basic container that can give depth to an element with elevation shadow. 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -760,6 +1075,9 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)    | Content of the Surface. |  React.ReactNode | Yes      | All      | Yes               |
 |  elevation    | Changes shadows and background on iOS and Android. Used to create UI hierarchy between components. |  Animated.Value | Yes      | All      | Yes               |
 |  mode    | Mode of the Surface. |  flat \| elevated | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
+|  ref    | ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  testID    | string | TestID used for testing purposes | Yes      | All      | Yes               |
 
 **Switch**：Switch is a visual toggle between two mutually exclusive states — on and off.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -768,17 +1086,24 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  value    | Value of the switch, true means 'on', false means 'off'. |  boolean | Yes      | All      | Yes               |
 |  color    | Custom color for switch. |  string | Yes      | All      | Yes               |
 |  onValueChange    | Callback called with the new value when it changes. |  Function | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **Text**：Typography component showing styles complied with passed variant prop and supported by the type system.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
+|  Text props    |  Extends: ...Text props |  props | Yes      | All      | Yes               |
 |  variant    | Variant defines appropriate text styles for type role and its size. Available variants: |  VariantProp<T> | Yes      | All      | Yes               |
 |  children (required)    |  Content of the Text. |  React.ReactNode | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **TextInput**：A component to allow users to input text.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
-|  mode    | Mode of the TextInput. |  flat \| outlined | Yes      | All      | 
+|  mode    | Mode of the TextInput. |  flat \| outlined | Yes      | All      | Yes      |
+|  left    | left | React.ReactNode | Yes      | All      | Yes      |
+|  right    | right | React.ReactNode | Yes      | All      | Yes      |
 |  disabled    | If true, user won't be able to interact with the component. |  boolean | Yes      | All      |  Yes      |
 |  label    | The text or component to use for the floating label. |  TextInputLabelProp | Yes      | All      |  Yes      |
 |  placeholder    | Placeholder for the input. |  string | Yes      | All      |  Yes      |
@@ -787,30 +1112,42 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  selectionColor    | Selection color of the input. On iOS, it sets both the selection color and cursor color. On Android, it sets only the selection color. |  string | Yes      | All      |  Yes      |
 |  underlineColor    | Inactive underline color of the input. |  string | Yes      | All      |  Yes      |
 |  activeUnderlineColor    | Active underline color of the input. |  string | Yes      | All      |  Yes      |
-|  outlineColor    | Active outline color of the input. |  string | Yes      | All      | 
+|  outlineColor    | Active outline color of the input. |  string | Yes      | All      ||
 |  activeOutlineColor    | Active outline color of the input. |  string | Yes      | All      |  Yes      |
 |  textColor    | Color of the text in the input. |  string | Yes      | All      |  Yes      |
 |  dense    | Sets min height with densed layout.  |  boolean | Yes      | All      |  Yes      |
 |  multiline    | Whether the input can have multiple lines.  |  boolean | Yes      | All      |  Yes      |
-|  numberOfLines    | The number of lines to show in the input (Android only).  |  number | Yes      | All      |  Yes      |
+|  numberOfLines    | The number of lines to show in the input (Android only).  |  number | No    | Android |  No  |
 |  onFocus    | Callback that is called when the text input is focused.  |   (args: any) => void | Yes      | All      |  Yes      |
 |  onBlur    | Callback that is called when the text input is blurred.  |   (args: any) => void | Yes      | All      |  Yes      |
 |  render    | Callback to render a custom input component such as react-native-text-input-mask instead of the default TextInput component from react-native.  |   (props: RenderProps) => React.ReactNode | Yes      | All      |  Yes      |
 |  value    | Value of the text input.  | string | Yes      | All      |  Yes      |
+|  style    | Pass fontSize prop to modify the font size inside TextInput  |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+|  theme    | theme  |  ThemeProp | Yes      | All      |  Yes      |
+|  testID    | testID to be used on tests.  |  string | Yes      | All      |  Yes      |
+|  contentStyle    | Pass custom style directly to the input itself. Overrides input style Example: paddingLeft, backgroundColor  |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+|  outlineStyle    | Pass style to override the default style of outlined wrapper. Overrides style when mode is set to outlined Example: borderRadius, borderColor  | StyleProp<ViewStyle> | Yes      | All      |  Yes      |
+|  underlineStyle    | Pass style to override the default style of underlined wrapper. Overrides style when mode is set to flat Example: borderRadius, borderColor  | StyleProp<ViewStyle> | Yes      | All      |  Yes      |
+|  editable    | editable  | boolean | Yes      | All      |  Yes      |
 
 **TextInput.Affix**：A component to allow users to input text.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  text (required)    | Text to show. |  string | Yes      | All      |  Yes      |
-|  accessibilityLabel    | Accessibility label for the affix. This is read by the screen reader when the user taps the affix. |  string | Yes      | All      | Yes      | 
+|  accessibilityLabel    | Accessibility label for the affix. This is read by the screen reader when the user taps the affix. |  string | Yes      | All      | Yes      |
 |  textStyle    | Style that is passed to the Text element. |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **TextInput.Icon**：A component to render a leading / trailing icon in the TextInput
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  icon (required)    | Icon to show. |   IconSource | Yes      | All      |  Yes      |
 |  onPress   | Function to execute on press. |  (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
-|  textStyle    | Style that is passed to the Text element. |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
+|  forceTextInputFocus    | Whether the TextInput will focus after onPress. |  boolean | Yes      | All      |  Yes      |
+|  color    | Color of the icon or a function receiving a boolean indicating whether the TextInput is focused and returning the color. | (isTextInputFocused: boolean) => string  | Yes      | All      | Yes               |
+|  rippleColor    | Color of the ripple effect. | ColorValue | Yes      | All      | Yes               |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **ToggleButton**：Toggle buttons can be used to group related options. 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -821,9 +1158,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  rippleColor    | Color of the ripple effect. |   string | Yes      | All      |  Yes      |
 |  disabled    | Whether the button is disabled. |   boolean | Yes      | All      |  Yes      |
 |  accessibilityLabel    | Accessibility label for the ToggleButton. This is read by the screen reader when the user taps the button. |   string | Yes      | All      |  Yes      |
-|  onPress    | Function to execute on press. |   (value?: GestureResponderEvent | string) => void | Yes      | All      |  Yes      |
+|  onPress    | Function to execute on press. |  fuction  | Yes      | All      |  Yes      |
 |  value    | Value of button. |   string | Yes      | All      |  Yes      |
 |  status    | Status of button. |   checked \| unchecked | Yes      | All      |  Yes      |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
+|  ref    | ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  testID    | string | testID to be used on tests. | Yes      | All      | Yes               |
 
 **ToggleButton.Group**：Toggle group allows to control a group of toggle buttons. 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -838,6 +1179,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onValueChange (required)    | Function to execute on selection change. |   (value: Value) => void | Yes      | All      |  Yes      |
 |  value (required)    | Value of the currently selected toggle button. |   string | Yes      | All      |  Yes      |
 |  children (required)    | React elements containing toggle buttons. |   React.ReactNode | Yes      | All      |  Yes      |
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
 
 **Tooltip**：Tooltips display informative text when users hover over, focus on, or tap an element.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -847,13 +1189,14 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  leaveTouchDelay   | The number of milliseconds after the user stops touching an element before hiding the tooltip. |   number | Yes      | All      |  Yes      |
 |  title (required)   | Tooltip title |   string | Yes      | All      |  Yes      |
 |  titleMaxFontSizeMultiplier   | Specifies the largest possible scale a title font can reach. |   number | Yes      | All      |  Yes      |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 **TouchableRipple**：A wrapper for views that should respond to touches. 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
-|  borderless   | Whether to render the ripple outside the view bounds. |   boolean | Yes      | All      |  Yes      |
+|  borderless   | Whether to render the ripple outside the view bounds. |   boolean | No     | Android |  No    |
 |  background   | Type of background drawabale to display the feedback. |   Object | Yes      | All      |  Yes      |
-|  centered   | Whether to start the ripple at the center (Web). |   boolean | Yes      | All      |  Yes      |
+|  centered   | Whether to start the ripple at the center (Web). |   boolean | No    | Web   |  No    |
 |  disabled   | Whether to prevent interaction with the touchable. |   boolean | Yes      | All      |  Yes      |
 |  onPress   | Function to execute on press. If not set, will cause the touchable to be disabled. |   (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
 |  onLongPress   | Function to execute on long press. |   (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
@@ -862,12 +1205,19 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  rippleColor   | Color of the ripple effect. |   ColorValue | Yes      | All      |  Yes      |
 |  underlayColor   | Color of the underlay for the highlight effect. |   string | Yes      | All      |  Yes      |
 |  children (required)   | Content of the TouchableRipple. |   ((state: PressableStateCallbackType) => React.ReactNode) \| React.ReactNode | Yes      | All      |  Yes      |
-
-
+|  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
+|  theme    | theme | string | Yes      | All      | Yes               |
 
 ## 遗留问题
 
 ## 其他
+- Icon 组件allowFontScaling不生效, 参看源码传入的此属性并未传入内部icon组件 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Icon.tsx#L153) 
+- Menu组件中的mode属性为[5.12.4版本新增](https://github.com/callstack/react-native-paper/releases/tag/v5.12.4)，当前版本为5.12.3 
+- Menu statusBarHeight 无效果，此属性为Android平台独有 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Menu/Menu.tsx#L447)
+- DataTableRow 组件使用 TouchableRipple 产生的涟漪效果，在Android上生效，iOS无效果 
+- BottomNavigation safeAreaInset top属性无效果，因为在源码中未使用 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/BottomNavigation/BottomNavigationBar.tsx#L580) 
+- BottomNavigation.Bar组件 keyboardHidesNavigationBar属性为父组件BottomNavigation传入，请勿单独使用
+
 
 ## 开源协议
 
diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index 71e72b58..90885bd2 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -96,12 +96,14 @@ export default ActivityIndicatorDemo;
 ## 约束与限制
 ### 兼容性
 
-在下述版本验证通过:
-RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+本文档内容基于以下版本验证通过：
+
+1. RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 组件
 
-详情查看[Paper官方文档](https://callstack.github.io/react-native-paper/)
+详情查看[Paper官方文档](https://callstack.github.io/react-native-paper)
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -173,6 +175,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  style   |  style | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
 
 **Appbar.Action**：A component used to display an action item in the appbar.
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  color   |  Custom color for action icon   | string | Yes      | All      | Yes               |
@@ -195,12 +198,11 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  disabled    | Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch.   | boolean | Yes      | All      | Yes               |
 |  accessibilityLabel    | Accessibility label for the button. This is read by the screen reader when the user taps the button   | string | Yes      | All      | Yes               |
 |  onPress    | Function to execute on press.   | fuction | Yes      | All      | Yes               |
-|  isLeading (Available in v5.x with theme version 3)    | Whether it's the leading button.   | boolean | Yes      | All      | Yes               |
-|  style   |  Style for Appbar.BackAction container | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
-|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
-|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
+|       style        |            Style for Appbar.BackAction container             | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
+|        ref         |                             ref                              |              React.RefObject<View>               | Yes      | All      | Yes               |
 
 **Appbar.Content**：A component used to display a title and optional subtitle in an appbar
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  title (required)   |  Text or component for the title.  | React.ReactNode | Yes      | All      | Yes               |
@@ -211,9 +213,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  color    | Custom color for the text   | string | Yes      | All      | Yes               |
 |  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach   | number | Yes      | All      | Yes               |
 |  style   |  Style for Appbar.Content container | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
-|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
-|  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
-|  testID   |  testID to be used on tests. | string | Yes      | All      | Yes               |
+|           theme            |                            theme                            |                    ThemeProp                     | Yes      | All      | Yes               |
+|           testID           |                 testID to be used on tests.                 |                      string                      | Yes      | All      | Yes               |
 
 **Appbar.Header**：A component to use as a header at the top of the screen. It can contain the screen title, controls such as navigation buttons, menu button etc.
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -233,7 +234,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  icon (required)  | Icon to display for the Avatar.  | IconSource | Yes      | All      | Yes               |
 |  size  | Size of the avatar.  | number | Yes      | All      | Yes               |
 |  color  | Custom color for the icon.  | string | Yes      | All      | Yes               |
-|  ref   |  ref | React.RefObject<View> | Yes      | All      | Yes               |
+|  style  | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  theme   |  theme | ThemeProp | Yes      | All      | Yes               |
 
 **Avatar.Image**：Avatars can be used to represent people in a graphical way.
@@ -251,6 +252,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  theme   | theme  | ThemeProp | Yes      | All      | Yes               |
 
 **Avatar.Text**：Avatars can be used to represent people in a graphical way.
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  label (required)  | Initials to show as the text in the Avatar.  | string  | Yes      | All      | Yes               |
@@ -304,17 +306,19 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  getColor  | Get color for the tab, uses route.color by default. | (props: { route: Route }) => string \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
 |  getLabelText  | Get label text for the tab, uses route.title by default. Use renderLabel to replace label component. | (props: { route: Route }) => string \| undefined \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
 |  getTestID  | Get the id to locate this tab button in tests, uses route.testID by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
+|  getLazy  | Get lazy for the current screen. Uses true by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
 |  onTabPress  | Function to execute on tab press. It receives the route for the pressed tab, useful for things like scroll to top. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
 |  onTabLongPress  | Function to execute on tab long press. It receives the route for the pressed tab, useful for things like custom action when longed pressed. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
 |  activeColor  | Custom color for icon and label in the active tab. | string | Yes      | All      | Yes               |
 |  inactiveColor  | Custom color for icon and label in the inactive tab. | string | Yes      | All      | Yes               |
-|  animationEasing  | The scene animation Easing. | EasingFunction \| undefined | Yes      | All      | Yes               |
+|  sceneAnimationEnabled  | Whether animation is enabled for scenes transitions in shifting mode. | boolean | Yes      | All      | Yes               |
+|  sceneAnimationEasing  | The scene animation Easing. | EasingFunction \| undefined | Yes      | All      | Yes               |
+|  sceneAnimationType  | The scene animation effect. Specify 'shifting' for a different effect. By default, 'opacity' will be used. | 'opacity' \| 'shifting' | Yes      | All      | Yes               |
 |  keyboardHidesNavigationBar  | Whether the bottom navigation bar is hidden when keyboard is shown | boolean | Yes      | All      | Yes               |
 |  safeAreaInsets  | Safe area insets for the tab bar | { top?: number; right?: number; bottom?: number; left?: number; } | Yes      | All      | Yes               |
 |  activeIndicatorStyle  | Style for the bottom navigation bar. You can pass a custom background color here | StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. | number | Yes      | All      | Yes               |
 |  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
-|  ref  | ref  | React.RefObject<typeof Animated.Text> | Yes      | All      | Yes               |
 |  testID  | TestID used for testing purposes  | string | Yes      | All      | Yes               |
 
 **BottomNavigation.Bar**：A navigation bar which can easily be integrated with React Navigation's Bottom Tabs Navigator.
@@ -332,21 +336,17 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  getBadge  | Get badge for the tab, uses route.badge by default. | (props: { route: Route }) => boolean \| number \| string \| undefined \| null | Yes      | All      | Yes               |
 |  getColor  | Get color for the tab, uses route.color by default. | (props: { route: Route }) => string \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
 |  getLabelText  | Get label text for the tab, uses route.title by default. Use renderLabel to replace label component. | (props: { route: Route }) => string \| undefined \| undefined \| number \| string \| undefined \| null | Yes      | All      | Yes               |
-|  getLazy  | Get lazy for the current screen. Uses true by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
 |  getTestID  | Get the id to locate this tab button in tests, uses route.testID by default. | (props: { route: Route }) => string \| undefined | Yes      | All      | Yes               |
 |  onTabPress  | Function to execute on tab press. It receives the route for the pressed tab, useful for things like scroll to top. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
 |  onTabLongPress  | Function to execute on tab long press. It receives the route for the pressed tab, useful for things like custom action when longed pressed. | (props: { route: Route } & TabPressEvent) => void | Yes      | All      | Yes               |
 |  activeColor  | Custom color for icon and label in the active tab. | string | Yes      | All      | Yes               |
 |  inactiveColor  | Custom color for icon and label in the inactive tab. | string | Yes      | All      | Yes               |
-|  sceneAnimationEnabled  | Whether animation is enabled for scenes transitions in shifting mode | boolean | Yes      | All      | Yes               |
-|  sceneAnimationType  | The scene animation effect. Specify 'shifting' for a different effect. By default, 'opacity' will be used. | opacity \| shifting | Yes      | All      | Yes               |
-|  sceneAnimationEasing  | The scene animation Easing. | EasingFunction \| undefined | Yes      | All      | Yes               |
+|  animationEasing  | The scene animation Easing. | EasingFunction \| undefined | Yes      | All      | Yes               |
 |  keyboardHidesNavigationBar  | Whether the bottom navigation bar is hidden when keyboard is shown | boolean | Yes      | All      | Yes               |
 |  safeAreaInsets  | Safe area insets for the tab bar | { top?: number; right?: number; bottom?: number; left?: number; } | Yes      | All      | Yes               |
 |  barStyle  | Style for the bottom navigation bar. You can pass a custom background color here | Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
 |  labelMaxFontSizeMultiplier  | Specifies the largest possible scale a label font can reach. | number | Yes      | All      | Yes               |
 |  style  | Style for Badge container  | StyleProp<TextStyle> | Yes      | All      | Yes               |
-|  ref  | ref  | React.RefObject<typeof Animated.Text> | Yes      | All      | Yes               |
 |  testID  | TestID used for testing purposes  | string | Yes      | All      | Yes               |
 
 **Button**：A button is component that the user can press to trigger an action.
@@ -450,6 +450,31 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  theme  | theme  |  ThemeProp | Yes      | All      | Yes               |
 |  testID  | theme  |  string | Yes      | All      | Yes               |
 
+**Checkbox.Android**：Checkboxes allow the selection of multiple options from a set. This component follows platform guidelines for iOS, but can be used on any platform.
+
+|       Name        |             Description              |       TypeTouchableRipple props       | Required | Platform | HarmonyOS Support |
+| :---------------: | :----------------------------------: | :-----------------------------------: | -------- | -------- | ----------------- |
+|  TouchableRipple  |              Touchable               |         TouchableRipple props         | NO       | All      | Yes               |
+| status (required) |         Status of checkbox.          | checked \| unchecked \| indeterminate | Yes      | All      | Yes               |
+|     disabled      |    Whether checkbox is disabled.     |                boolean                | NO       | All      | Yes               |
+|      onPress      |    Function to execute on press.     |  (e: GestureResponderEvent) => void   | NO       | All      | Yes               |
+|  uncheckedColor   | Custom color for unchecked checkbox. |                string                 | NO       | All      | Yes               |
+|       color       |      Custom color for checkbox.      |                string                 | NO       | All      | Yes               |
+|       theme       |                theme                 |               ThemeProp               | NO       | All      | Yes               |
+|      testID       |                theme                 |                string                 | NO       | All      | Yes               |
+
+**Checkbox.IOS**：Checkboxes allow the selection of multiple options from a set. This component follows platform guidelines for iOS, but can be used on any platform.
+
+|       Name        |          Description          |                 Type                  | Required | Platform | HarmonyOS Support |
+| :---------------: | :---------------------------: | :-----------------------------------: | -------- | -------- | ----------------- |
+|  TouchableRipple  |           Touchable           |         TouchableRipple props         | NO       | All      | Yes               |
+| status (required) |      Status of checkbox.      | checked \| unchecked \| indeterminate | Yes      | All      | Yes               |
+|     disabled      | Whether checkbox is disabled. |                boolean                | NO       | All      | Yes               |
+|      onPress      | Function to execute on press. |  (e: GestureResponderEvent) => void   | NO       | All      | Yes               |
+|       color       |  Custom color for checkbox.   |                string                 | NO       | All      | Yes               |
+|       theme       |             theme             |               ThemeProp               | NO       | All      | Yes               |
+|      testID       |             theme             |                string                 | NO       | All      | Yes               |
+
 **Checkbox.Item**：Checkbox.Item allows you to press the whole row (item) instead of only the Checkbox.
 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -488,7 +513,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  showSelectedCheck   | Whether to display default check icon on selected chip.  |  boolean | Yes      | All      | Yes               |
 |  rippleColor   | Color of the ripple effect.  |  ColorValue | Yes      | All      | Yes               |
 |  disabled   | Whether the chip is disabled.  |  boolean | Yes      | All      | Yes               |
-|  background   | Type of background drawabale to display the feedback (Android).  |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
+|  background   | Type of background drawabale to display the feedback (Android).  |  PressableAndroidRippleConfig | Yes      | Android      |No               |
 |  accessibilityLabel   | Accessibility label for the chip. This is read by the screen reader when the user taps the chip.  |  string | Yes      | All      | Yes               |
 |  closeIconAccessibilityLabel   | Accessibility label for the close icon. This is read by the screen reader when the user taps the close icon.  |  string | Yes      | All      | Yes               |
 |  onPress   | Function to execute on press.  |  (e: GestureResponderEvent) => void | Yes      | All      | Yes               |
@@ -500,7 +525,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  compact    | Sets smaller horizontal paddings 12dp around label, when there is only label.  |   boolean | Yes      | All      | Yes               |
 |  elevated     | Whether chip should have the elevation.  |   boolean | Yes      | All      | Yes               |
 |  textStyle     | Style of chip's text  |   StyleProp<TextStyle> | Yes      | All      | Yes               |
-|  style     | style  |   Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | 
+|  style     | style  |   Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      |
 |  theme     | theme  |   ThemeProp | Yes      | All      | Yes               |
 |  testID     | Pass down testID from chip props to touchable for Detox tests.  |   string | Yes      | All      | Yes               |
 |  ellipsizeMode     | Ellipsize Mode for the children text  |   EllipsizeProp | Yes      | All      | Yes               |
@@ -512,7 +537,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DataTable  |  React.ReactNode  | Yes      | All      | Yes               |
-|  style     | style  |    StyleProp<ViewStyle> | Yes      | All      | 
+|  style     | style  |    StyleProp<ViewStyle> | Yes      | All      |
 
 **DataTable.Cell**：A component to show a single cell inside of a table.
 
@@ -521,18 +546,18 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)  | Content of the DataTableCell.  |  React.ReactNode  | Yes      | All      | Yes               |
 |  numeric  | Align the text to the right. Generally monetary or number fields are aligned to right.  |  boolean  | Yes      | All      | Yes               |
 |  onPress  | Function to execute on press.  |  (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
-|  style     | Text content style of the DataTableCell.  |    StyleProp<ViewStyle> | Yes      | All      | 
+|  style     | Text content style of the DataTableCell.  |    StyleProp<ViewStyle> | Yes      | All      |
 |  textStyle  | Text content style of the DataTableCell.  |   StyleProp<TextStyle>  | Yes      | All      | Yes               |
 |  maxFontSizeMultiplier  | Specifies the largest possible scale a text font can reach. |   number  | Yes      | All      | Yes               |
-|  testID     | testID to be used on tests.  | string | Yes      | All      | 
+|  testID     | testID to be used on tests.  | string | Yes      | All      |
 
 **DataTable.Header**：A component to display title in table header.
 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  children (required)  | Content of the DataTableHeader.  |  React.ReactNode  | Yes      | All      | Yes               |
-|  style     | Text content style of the DataTable.Header.  |    StyleProp<ViewStyle> | Yes      | All      | 
-|  theme     | theme  | ThemeProp | Yes      | All      | 
+|  style     | Text content style of the DataTable.Header.  |    StyleProp<ViewStyle> | Yes      | All      |
+|  theme     | theme  | ThemeProp | Yes      | All      |
 
 **DataTable.Pagination**：A component to show pagination for data table.
 
@@ -543,7 +568,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  onPageChange (required)  | Function to execute on page change. | (page: number) => void  | Yes      | All      | Yes               |
 |  showFastPaginationControls  | Whether to show fast forward and fast rewind buttons in pagination. False by default. | boolean  | Yes      | All      | Yes               |
 |  paginationControlRippleColor  | Color of the pagination control ripple effect. | ColorValue  | Yes      | All      | Yes               |
-|  theme     | theme  | ThemeProp | Yes      | All      | 
+|  theme     | theme  | ThemeProp | Yes      | All      |
 |  numberOfItemsPerPage  | The current number of rows per page. | number  | Yes      | All      | Yes               |
 |  numberOfItemsPerPageList  | Options for a number of rows per page to choose from. | Array<number>  | Yes      | All      | Yes               |
 |  onItemsPerPageChange  | The function to set the number of rows per page. | (numberOfItemsPerPage: number) => void  | Yes      | All      | Yes               |
@@ -553,7 +578,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  selectPageDropdownAccessibilityLabel  | AccessibilityLabel for selectPageDropdownLabel | string  | Yes      | All      | Yes               |
 |  label  | Label text to display which indicates current pagination. | React.ReactNode  | Yes      | All      | Yes               |
 |  accessibilityLabel  | AccessibilityLabel for label. | string  | Yes      | All      | Yes               |
-|  style     | Text content style of the DataTable.Pagination.  |    StyleProp<ViewStyle> | Yes      | All      | 
+|  style     | Text content style of the DataTable.Pagination.  |    StyleProp<ViewStyle> | Yes      | All      |
 
 **DataTable.Row**：A component to show a single row inside of a table.
 
@@ -563,8 +588,8 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)  | Content of the DataTableRow.  | React.ReactNode  | Yes      | All      | Yes               |
 |  onPress  | Function to execute on press.  | (e: GestureResponderEvent) => void  | Yes      | All      | Yes               |
 |  style     | Text content style of the DataTable.Pagination.  |    StyleProp<ViewStyle> | Yes      | All      |
-|  theme     | theme  |  ThemeProp | Yes      | All      | 
-|  pointerEvents     | pointerEvents passed to the View container, which is wrapping children within TouchableRipple.  |  ViewProps['pointerEvents'] | Yes      | All      | 
+|  theme     | theme  |  ThemeProp | Yes      | All      |
+|  pointerEvents     | pointerEvents passed to the View container, which is wrapping children within TouchableRipple.  |  ViewProps['pointerEvents'] | Yes      | All      |
 
 **DataTable.Title**：A component to display title in table header.
 
@@ -677,7 +702,36 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
 |  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
 
+**FAB**：A floating action button represents the primary action on a screen. It appears in front of all screen content.
+
+|            Name            |                         Description                          |                       Type                       | Required | Platform | HarmonyOS Support |
+| :------------------------: | :----------------------------------------------------------: | :----------------------------------------------: | -------- | -------- | ----------------- |
+|      icon (required)       |                 Icon to display for the FAB.                 |                    IconSource                    | Yes      | All      | Yes               |
+|      label (required)      |                   Label for extended FAB.                    |                      string                      | Yes      | All      | Yes               |
+|         uppercase          |               Make the label text uppercased.                |                     boolean                      | Yes      | All      | Yes               |
+|         background         | Type of background drawabale to display the feedback (Android). |           PressableAndroidRippleConfig           | Yes      | All      | Yes               |
+|     accessibilityLabel     | Accessibility label for the FAB. This is read by the screen reader when the user taps the FAB. |                      string                      | Yes      | All      | Yes               |
+|     accessibilityState     | Accessibility state for the FAB. This is read by the screen reader when the user taps the FAB. |                AccessibilityState                | Yes      | All      | Yes               |
+|          animated          |             Whether an icon change is animated.              |                     boolean                      | Yes      | All      | Yes               |
+|           color            |       Custom color for the icon and label of the FAB.        |                      string                      | Yes      | All      | Yes               |
+|        rippleColor         |                 Color of the ripple effect.                  |                    ColorValue                    | Yes      | All      | Yes               |
+|          disabled          | Whether FAB is disabled. A disabled button is greyed out and onPress is not called on touch. |                     boolean                      | Yes      | All      | Yes               |
+|          visible           |              Whether FAB is currently visible.               |                     boolean                      | Yes      | All      | Yes               |
+|          loading           |             Whether to show a loading indicator.             |                     boolean                      | Yes      | All      | Yes               |
+|          onPress           |                Function to execute on press.                 |        (e: GestureResponderEvent) => void        | Yes      | All      | Yes               |
+|        onLongPress         |              Function to execute on long press.              |        (e: GestureResponderEvent) => void        | Yes      | All      | Yes               |
+|       delayLongPress       | The number of milliseconds a user must touch the element before executing onLongPress |                      number                      | Yes      | All      | Yes               |
+|            size            |                  Default value: `'medium'`                   |          'small' \| 'medium' \| 'large'          | Yes      | All      | Yes               |
+|            mode            | Mode of the `FAB`. You can change the mode to adjust the the shadow: |               'flat' \| 'elevated'               | Yes      | All      | Yes               |
+|          variant           | Color mappings variant for combinations of container and icon colors. | 'primary'\|'secondary'  \|'tertiary' \|'surface' | Yes      | All      | Yes               |
+| labelMaxFontSizeMultiplier | Specifies the largest possible scale a label font can reach. |                      number                      | Yes      | All      | Yes               |
+|           style            |                            style                             |               StyleProp<ViewStyle>               | Yes      | All      | Yes               |
+|           theme            |                            theme                             |                    ThemeProp                     | Yes      | All      | Yes               |
+|           testID           |               TestID used for testing purposes               |                      string                      | Yes      | All      | Yes               |
+|            ref             |                             ref                              |              React.RefObject<View>               | Yes      | All      | Yes               |
+
 **AnimatedFAB**：An animated, extending horizontally floating action button represents the primary action in an application.
+
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  icon (required)   | Icon to display for the FAB.  | IconSource  | Yes      | All      | Yes               |
@@ -738,7 +792,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  size    | Size of icon.  | number | Yes      | All      | Yes               |
-|  allowFontScaling    | allowFontScaling  | boolean | Yes      | All      | Yes               |
+|  allowFontScaling    | allowFontScaling  | boolean | Yes      | All      | No               |
 |  source (required)    | Icon to display.  | any | Yes      | All      | Yes               |
 |  color    | Color of the icon.  | any | Yes      | All      | Yes               |
 |  style  | style  | StyleProp<ViewStyle>  | Yes      | All      | Yes               |
@@ -823,6 +877,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  titleEllipsizeMode    | Ellipsize Mode for the Title. One of 'head', 'middle', 'tail', 'clip'. |   EllipsizeProp | Yes      | All      | Yes               |
 |  titleMaxFontSizeMultiplier    | Specifies the largest possible scale a title font can reach. |   number | Yes      | All      | Yes               |
 |  descriptionMaxFontSizeMultiplier    | Specifies the largest possible scale a description font can reach. |   number | Yes      | All      | Yes               |
+|  descriptionEllipsizeMode    | Ellipsize Mode for the Description. One of 'head', 'middle', 'tail', 'clip'. |   'head' 'middle' 'tail' 'clip' | Yes      | All      | Yes               |
 |  testID    | TestID used for testing purposes |   string | Yes      | All      | Yes               |
 
 **List.Section**：A component used to group list items.
@@ -847,7 +902,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  visible (required)    | Whether the Menu is currently visible. |  boolean | Yes      | All      | Yes               |
 |  anchor (required)    | The anchor to open the menu from. In most cases, it will be a button that opens the menu. |  React.ReactNode | { x: number; y: number } | Yes      | All      | Yes               |
 |  anchorPosition    | Whether the menu should open at the top of the anchor or at its bottom. | top \| bottom | Yes      | All      | Yes               |
-|  statusBarHeight    | Extra margin to add at the top of the menu to account for translucent status bar on Android. If you are using Expo, we assume translucent status bar and set a height for status bar automatically. | number | Yes      | All      | Yes               |
+|  statusBarHeight    | Extra margin to add at the top of the menu to account for translucent status bar on Android. If you are using Expo, we assume translucent status bar and set a height for status bar automatically. | number | Yes      | Android      | false               |
 |  onDismiss    | Callback called when Menu is dismissed.  |  fuction | Yes      | All      | Yes               |
 |  overlayAccessibilityLabel    | Accessibility label for the overlay. This is read by the screen reader when the user taps outside the menu.  |  string | Yes      | All      | Yes               |
 |  children (required)    | Content of the Menu  |  React.ReactNode | Yes      | All      | Yes               |
@@ -888,7 +943,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  children (required)    | Content of the Modal. |  React.ReactNode | Yes      | All      | Yes               |
 |  contentContainerStyle    | Style for the content of the modal |  Animated.WithAnimatedValue<StyleProp<ViewStyle>> | Yes      | All      | Yes               |
 |  theme  | theme  | ThemeProp  | Yes      | All      | Yes               |
-|  style    | Style for the wrapper of the modal. Use this prop to change the default wrapper style or to override safe area insets with marginTop and marginBottom. |  StyleProp<TextStyle> | Yes      | All      | 
+|  style    | Style for the wrapper of the modal. Use this prop to change the default wrapper style or to override safe area insets with marginTop and marginBottom. |  StyleProp<TextStyle> | Yes      | All      |
 |  testID    | testID to be used on tests. |  string | Yes      | All      | Yes               |
 
 **Portal**：Portal allows rendering a component at a different place in the parent tree.
@@ -938,7 +993,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  value (required)    | Value of the radio button. |  string | Yes      | All      | Yes               |
-|  label (required)    | Label to be displayed on the item. |  string | Yes      | All      | Yes  |           
+|  label (required)    | Label to be displayed on the item. |  string | Yes      | All      | Yes  |
 |  disabled    | Whether radio is disabled. |  boolean | Yes      | All      | Yes               |
 |  background    | Type of background drawabale to display the feedback (Android). https://reactnative.dev/docs/pressable#rippleconfig |  PressableAndroidRippleConfig | Yes      | All      | Yes               |
 |  onPress    | Function to execute on press. |  Function | Yes      | All      | Yes               |
@@ -1057,12 +1112,12 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  selectionColor    | Selection color of the input. On iOS, it sets both the selection color and cursor color. On Android, it sets only the selection color. |  string | Yes      | All      |  Yes      |
 |  underlineColor    | Inactive underline color of the input. |  string | Yes      | All      |  Yes      |
 |  activeUnderlineColor    | Active underline color of the input. |  string | Yes      | All      |  Yes      |
-|  outlineColor    | Active outline color of the input. |  string | Yes      | All      | 
+|  outlineColor    | Active outline color of the input. |  string | Yes      | All      ||
 |  activeOutlineColor    | Active outline color of the input. |  string | Yes      | All      |  Yes      |
 |  textColor    | Color of the text in the input. |  string | Yes      | All      |  Yes      |
 |  dense    | Sets min height with densed layout.  |  boolean | Yes      | All      |  Yes      |
 |  multiline    | Whether the input can have multiple lines.  |  boolean | Yes      | All      |  Yes      |
-|  numberOfLines    | The number of lines to show in the input (Android only).  |  number | Yes      | All      |  Yes      |
+|  numberOfLines    | The number of lines to show in the input (Android only).  |  number | No    | Android |  No  |
 |  onFocus    | Callback that is called when the text input is focused.  |   (args: any) => void | Yes      | All      |  Yes      |
 |  onBlur    | Callback that is called when the text input is blurred.  |   (args: any) => void | Yes      | All      |  Yes      |
 |  render    | Callback to render a custom input component such as react-native-text-input-mask instead of the default TextInput component from react-native.  |   (props: RenderProps) => React.ReactNode | Yes      | All      |  Yes      |
@@ -1079,7 +1134,7 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
 |  text (required)    | Text to show. |  string | Yes      | All      |  Yes      |
-|  accessibilityLabel    | Accessibility label for the affix. This is read by the screen reader when the user taps the affix. |  string | Yes      | All      | Yes      | 
+|  accessibilityLabel    | Accessibility label for the affix. This is read by the screen reader when the user taps the affix. |  string | Yes      | All      | Yes      |
 |  textStyle    | Style that is passed to the Text element. |  StyleProp<TextStyle> | Yes      | All      |  Yes      |
 |  theme    | theme | string | Yes      | All      | Yes               |
 
@@ -1139,9 +1194,9 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 **TouchableRipple**：A wrapper for views that should respond to touches. 
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
 | :-----: | :---------: | :-------------: | -------- | -------- | ----------------- |
-|  borderless   | Whether to render the ripple outside the view bounds. |   boolean | Yes      | All      |  Yes      |
+|  borderless   | Whether to render the ripple outside the view bounds. |   boolean | No     | Android |  No    |
 |  background   | Type of background drawabale to display the feedback. |   Object | Yes      | All      |  Yes      |
-|  centered   | Whether to start the ripple at the center (Web). |   boolean | Yes      | All      |  Yes      |
+|  centered   | Whether to start the ripple at the center (Web). |   boolean | No    | Web   |  No    |
 |  disabled   | Whether to prevent interaction with the touchable. |   boolean | Yes      | All      |  Yes      |
 |  onPress   | Function to execute on press. If not set, will cause the touchable to be disabled. |   (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
 |  onLongPress   | Function to execute on long press. |   (e: GestureResponderEvent) => void | Yes      | All      |  Yes      |
@@ -1156,6 +1211,13 @@ RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5
 ## 遗留问题
 
 ## 其他
+- Icon 组件allowFontScaling不生效, 参看源码传入的此属性并未传入内部icon组件 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Icon.tsx#L153) 
+- Menu组件中的mode属性为[5.12.4版本新增](https://github.com/callstack/react-native-paper/releases/tag/v5.12.4)，当前版本为5.12.3 
+- Menu statusBarHeight 无效果，此属性为Android平台独有 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Menu/Menu.tsx#L447)
+- DataTableRow 组件使用 TouchableRipple 产生的涟漪效果，在Android上生效，iOS无效果 
+- BottomNavigation safeAreaInset top属性无效果，因为在源码中未使用 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/BottomNavigation/BottomNavigationBar.tsx#L580) 
+- BottomNavigation.Bar组件 keyboardHidesNavigationBar属性为父组件BottomNavigation传入，请勿单独使用
+
 
 ## 开源协议
 

From f3d6cbfc5527355eace02c468f45835d758fbc01 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Mon, 4 Nov 2024 12:57:14 +0000
Subject: [PATCH 805/966] =?UTF-8?q?!1827=20docs:=20[issues:=20#IB1GW7]?=
 =?UTF-8?q?=E4=B8=89=E6=96=B9=E5=BA=93=E6=80=BB=E8=A7=88=E8=A1=A8=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Evictory-native-xl=E3=80=81react-native-swipe-gestures?=
 =?UTF-8?q?=E7=AD=89=E7=BB=84=E4=BB=B6=E7=9A=84=E6=96=87=E6=A1=A3=E8=BF=9E?=
 =?UTF-8?q?=E6=8E=A5=20*=20docs:=20[issues:=20#IB1GW7]=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E6=80=BB=E8=A7=88=E8=A1=A8=E6=96=B0=E5=A2=9Evictory-n?=
 =?UTF-8?q?ative-xl=E3=80=81react-native-swipe-ge=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 25 +++++++++++++++++++------
 en/README_EN.md | 25 +++++++++++++++++++------
 zh-cn/README.md | 25 +++++++++++++++++++------
 3 files changed, 57 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index 2519696a..bd3bcf52 100644
--- a/README.md
+++ b/README.md
@@ -272,7 +272,7 @@
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox)                                                   | 0.9.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-lightbox.md)                        |
 | 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail)                                | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)                     | [链接](/zh-cn/react-native-create-thumbnail.md)                |
 | 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts)                                                  | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases)                                     | [链接](/zh-cn/react-native-contacts.md)                        |
+| 243  | [react-native-picker](https://github.com/beefe/react-native-picker)                                                  | 0.6.1           | -                 | [@react-native-oh-tpl/react-native-picker](https://github.com/react-native-oh-library/react-native-picker/releases)                                     | [链接](/zh-cn/react-native-picker.md)                        |
 | 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [链接](/zh-cn/gorhom-bottom-sheet.md)                                                         |
 | 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -313,7 +313,7 @@
 | 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
 | 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
-| 284  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases) | [链接](/zh-cn/react-native-sensitive-info.md)                |
+| 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[链接](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -322,7 +322,7 @@
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
-| 293  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
+| 293 | [@react-native-community/audio-toolkit](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit)             | 2.0.3         | -                 | [@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)                               | [链接](/zh-cn/react-native-audio-toolkit.md)                     |
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [链接](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | 否                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [链接](/zh-cn/react-native-file-viewer.md)                     |
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -413,9 +413,22 @@
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
 | 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                       |
 | 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
-| 384  | [i18next](https://github.com/i18next/i18next)                                            | 23.7.16          | -                  | -                                                                                                                                                          | [链接](/zh-cn/i18next.md)                                      |
-| 385  | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                            | 0.22.3          | -                  | -                                 | [链接](/zh-cn/react-native-modals.md)                          |
-| 386  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                            | 1.0.1          | -                  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)        |
+| 384 | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [链接](/zh-cn/i18next.md)                                |
+| 385 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-modals.md)                    |
+| 386 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)  |
+| 387 | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-chart-kit.md)                 |
+| 388 | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [链接](/zh-cn/victory-native-xl.md)                      |
+| 389 | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-swipe-gestures.md)            |
+| 390 | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
+| 391 | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
+| 392 | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-bouncy-checkbox.md)           |
+| 393 | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
+| 394 | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
+| 395 | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
+| 396 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
+| 397 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
+| 398 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
+| 399 | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [链接](/zh-cn/react-native-image-capinsets-next.md)      |
 
 ## 社区
 
diff --git a/en/README_EN.md b/en/README_EN.md
index 73d0ef6d..574076f9 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -272,7 +272,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox)                                                   | 0.9.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-lightbox.md)                        |
 | 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail)                                | 2.0.0          | No                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)                     | [Link](/zh-cn/react-native-create-thumbnail.md)                |
 | 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts)                                                  | 7.0.7          | No                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases)                                     | [Link](/zh-cn/react-native-contacts.md)                        |
+| 243  | [react-native-picker](https://github.com/beefe/react-native-picker)                                                  | 0.6.1           | -                 | [@react-native-oh-tpl/react-native-picker](https://github.com/react-native-oh-library/react-native-picker/releases)                                     |  [Link](/zh-cn/react-native-picker.md)                       |
 | 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  |  [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [Link](/zh-cn/gorhom-bottom-sheet.md)                                                          |
 | 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -313,7 +313,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 281 | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [Link](/zh-cn/react-native-hyperlink.md)                     |
 | 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-autocomplete-input.md)              |
-| 284 | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases) | [Link](/zh-cn/react-native-sensitive-info.md)                |
+| 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[Link](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -322,7 +322,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-error-boundary.md)                  |
-| 293  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | No                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [Link](/zh-cn/react-native-ble-manager.md)                     |
+| 293 | [@react-native-community/audio-toolkit](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit)             | 2.0.3         | -                 | [@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)                               | [Link](/zh-cn/react-native-audio-toolkit.md)                     |
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [Link](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | No                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [Link](/zh-cn/react-native-file-viewer.md)                     |
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -413,9 +413,22 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [Link](/zh-cn/react-native-tab-navigator.md)                   |
 | 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-calendars.md)                       |
 | 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [Link](/zh-cn/react-native-doc-viewer.md)                      |
-| 384 | [i18next](https://github.com/i18next/i18next)                                            | 23.7.16          | -                  | -                                                                                                                                                          | [链接](/zh-cn/i18next.md)                                      |
-| 385 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                            | 0.22.3          | -                  | -                                 | [链接](/zh-cn/react-native-modals.md)                          |
-| 386 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                            | 1.0.1          | -                  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)        |
+| 384  | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [Link](/zh-cn/i18next.md)                                |
+| 385  | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-modals.md)                    |
+| 386  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [Link](/zh-cn/react-native-ohos-community-auto-fill.md)  |
+| 387  | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-chart-kit.md)                 |
+| 388  | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [Link](/zh-cn/victory-native-xl.md)                      |
+| 389  | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-swipe-gestures.md)            |
+| 390  | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-button.md)                    |
+| 391  | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [Link](/zh-cn/react-native-textinput-maxlength-fixed.md) |
+| 392  | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-bouncy-checkbox.md)           |
+| 393  | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [Link](/zh-cn/freakycoder-react-native-bounceable.md)    |
+| 394  | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [Link](/zh-cn/react-native-config.md)                    |
+| 395  | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-video-controls.md)            |
+| 396  | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-waterflow-list.md)            |
+| 397  | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [Link](/zh-cn/realm-js.md)                               |
+| 398  | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [Link](/zh-cn/react-native-ssl-pinning.md)               |
+| 399  | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [Link](/zh-cn/react-native-image-capinsets-next.md)      |
 
 ## Community
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index edbc4084..28292620 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -272,7 +272,7 @@
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox)                                                   | 0.9.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-lightbox.md)                        |
 | 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail)                                | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)                     | [链接](/zh-cn/react-native-create-thumbnail.md)                |
 | 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 243  | [react-native-contacts](https://github.com/morenoh149/react-native-contacts)                                                  | 7.0.7          | 否                 | [@react-native-oh-tpl/react-native-contacts](https://github.com/react-native-oh-library/react-native-contacts/releases)                                     | [链接](/zh-cn/react-native-contacts.md)                        |
+| 243  | [react-native-picker](https://github.com/beefe/react-native-picker)                                                  | 0.6.1           | -                 | [@react-native-oh-tpl/react-native-picker](https://github.com/react-native-oh-library/react-native-picker/releases)                                     | [链接](/zh-cn/react-native-picker.md)                        |
 | 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [链接](/zh-cn/gorhom-bottom-sheet.md)                                                         |
 | 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -313,7 +313,7 @@
 | 281 | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
 | 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
-| 284 | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info) | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases) | [链接](/zh-cn/react-native-sensitive-info.md)                |
+| 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[链接](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
 | 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -322,7 +322,7 @@
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
-| 293  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
+| 293 | [@react-native-community/audio-toolkit](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit)             | 2.0.3         | -                 | [@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)                               | [链接](/zh-cn/react-native-audio-toolkit.md)                     |
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [链接](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | 否                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [链接](/zh-cn/react-native-file-viewer.md)                     |
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -413,9 +413,22 @@
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
 | 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                        |
 | 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                       |
-| 384 | [i18next](https://github.com/i18next/i18next)                                            | 23.7.16          | -                  | -                                                                                                                                                          | [链接](/zh-cn/i18next.md)                                      |
-| 385 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                            | 0.22.3          | -                  | -                                 | [链接](/zh-cn/react-native-modals.md)                          |
-| 386 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                            | 1.0.1          | -                  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)        |
+| 384 | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [链接](/zh-cn/i18next.md)                                |
+| 385 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-modals.md)                    |
+| 386 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)  |
+| 387 | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-chart-kit.md)                 |
+| 388 | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [链接](/zh-cn/victory-native-xl.md)                      |
+| 389 | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-swipe-gestures.md)            |
+| 390 | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
+| 391 | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
+| 392 | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-bouncy-checkbox.md)           |
+| 393 | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
+| 394 | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
+| 395 | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
+| 396 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
+| 397 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
+| 398 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
+| 399 | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [链接](/zh-cn/react-native-image-capinsets-next.md)      |
 
 ## 社区
 

From f2b1c45e74384345a2a03facdf401899741354c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=83=A1=E9=87=91=E4=BA=91?= <hujinyun4@h-partners.com>
Date: Tue, 5 Nov 2024 02:02:48 +0000
Subject: [PATCH 806/966] =?UTF-8?q?!1829=20docs:=20[Issuse:=20#IB14QE]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-maps-directions=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issuse:=20#IB14QE]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-maps-directions=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-maps-directions.md    | 4 +++-
 zh-cn/react-native-maps-directions.md | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/en/react-native-maps-directions.md b/en/react-native-maps-directions.md
index e8be7716..877bd0db 100644
--- a/en/react-native-maps-directions.md
+++ b/en/react-native-maps-directions.md
@@ -17,6 +17,8 @@
 
 ## Installation and Usage
 
+> [!tip] This library depends on react-native-maps，Can be referred to [react-native-maps documentation](./react-native-maps.md) install
+
 Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases).
 
 Go to the project directory and execute the following instruction:
@@ -239,7 +241,7 @@ Check the release version information in the release address of the third-party
 
 ## Others
 
-华为地图 apikey 申请参见[获取 API key](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428)
+- 华为地图 apikey 申请参见[获取 API key](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428) ，其中说明的内容请重点关注。
 
 ## License
 
diff --git a/zh-cn/react-native-maps-directions.md b/zh-cn/react-native-maps-directions.md
index 404346a0..02d30408 100644
--- a/zh-cn/react-native-maps-directions.md
+++ b/zh-cn/react-native-maps-directions.md
@@ -17,6 +17,8 @@
 
 ## 安装与使用
 
+> [!tip] 该库依赖react-native-maps，可参考[react-native-maps文档](./react-native-maps.md)安装
+
 请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)，并下载适用版本的 tgz 包。
 
 进入到工程目录并输入以下命令：
@@ -239,7 +241,7 @@ export default MapExample;
 
 ## 其他
 
-华为地图apikey申请参见[获取API key](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428)
+- 华为地图apikey申请参见[获取API key](https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/preparations-0000001185174404#section169441820428)，其中说明的内容请重点关注。
 
 ## 开源协议
 

From fc69f8c46ba2330917fa98a3fe79f33270f52ec9 Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Tue, 5 Nov 2024 02:23:35 +0000
Subject: [PATCH 807/966] =?UTF-8?q?!1836=20docs:=20[#IB22JG]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-scroll-bottom-sheet=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IB22JG]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-scroll-bottom-sheet=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-scroll-bottom-sheet.md    | 4 ++--
 zh-cn/react-native-scroll-bottom-sheet.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-scroll-bottom-sheet.md b/en/react-native-scroll-bottom-sheet.md
index b071e8cd..7ac12bac 100644
--- a/en/react-native-scroll-bottom-sheet.md
+++ b/en/react-native-scroll-bottom-sheet.md
@@ -8,7 +8,7 @@
     <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE.md">
+    <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
          <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
@@ -150,7 +150,7 @@ This repository depends on the following libraries, please refer to the correspo
 
 - [@react-native-oh-tpl/react-native-gesture-handler](/en/react-native-gesture-handler.md)
 - [@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)
-- [@react-native-oh-tpl/bottom-sheet](/en/react-native-bottom-sheet.md)
+- [@react-native-oh-tpl/bottom-sheet](/en/gorhom-bottom-sheet.md)
 
 The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
diff --git a/zh-cn/react-native-scroll-bottom-sheet.md b/zh-cn/react-native-scroll-bottom-sheet.md
index 3dc49932..3228e290 100644
--- a/zh-cn/react-native-scroll-bottom-sheet.md
+++ b/zh-cn/react-native-scroll-bottom-sheet.md
@@ -8,7 +8,7 @@
     <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE.md">
+    <a href="https://github.com/rgommezz/react-native-scroll-bottom-sheet/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
          <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
@@ -150,7 +150,7 @@ const styles = StyleSheet.create({
 
 - [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
 - [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
-- [@react-native-oh-tpl/bottom-sheet](/zh-cn/react-native-bottom-sheet.md)
+- [@react-native-oh-tpl/bottom-sheet](/zh-cn/gorhom-bottom-sheet.md)
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 

From ed8b82bcee87205b79aa23715c4470e1e9941c39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=91=A8=E5=8B=87?=
 <5087156+zy035017@user.noreply.gitee.com>
Date: Tue, 5 Nov 2024 02:30:09 +0000
Subject: [PATCH 808/966] =?UTF-8?q?!1813=20docs:=20[#IAYA05]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9NativeBase=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20[#IAYA05]=20=E4=BF=AE=E6=94=B9NativeBase=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/NativeBase.md    | 1166 ++++++++++++++++++++++---------------------
 zh-cn/NativeBase.md |  223 +++++----
 2 files changed, 734 insertions(+), 655 deletions(-)

diff --git a/en/NativeBase.md b/en/NativeBase.md
index 4e2a4783..9ef57c61 100644
--- a/en/NativeBase.md
+++ b/en/NativeBase.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>NativeBase</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/NativeBase)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/NativeBase)
 
 ## Installation and Usage
 
 Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases).
 
-Go to the project directory and execute the following instruction:
+Go to the project directory and execute the following instruction：
 
 <!-- tabs:start -->
 
@@ -39,6 +39,7 @@ yarn add @react-native-oh-tpl/native-base@file:#
 The following code shows the basic use scenario of the repository:
 
 ```tsx
+// NativeBaseProvider is a component that makes the theme available throughout your app. It uses React's Context API. Add NativeBaseProvider to the root of your app and update App.js as follows:s
 import React from "react";
 import { SafeAreaView, View } from "react-native";
 import { NativeBaseProvider } from "native-base";
@@ -90,21 +91,9 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库依赖以下三方库，请查看对应文档:
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-- [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
-- [@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)
-- [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
-- [@react-native-oh-tpl/react-native-svg](/zh-cn/react-native-svg.md)
-- [@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md)
-- [@react-native-oh-tpl/react-native-tab-view](/zh-cn/react-native-tab-view.md)
-- [@react-native-oh-tpl/react-native-vector-icons](/zh-cn/react-native-vector-icons.md)
-- [@react-native-oh-tpl/react-native-pager-view](/zh-cn/react-native-pager-view.md)
-- [@react-native-oh-tpl/react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md)
-
-The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、@react-native-oh-library/react-native-safe-area-context、@react-native-oh-tpl/react-native-svg、@react-native-oh-tpl/react-navigation-drawer、@react-native-oh-tpl/react-native-tab-view、@react-native-oh-tpl/react-native-vector-icons、@react-native-oh-tpl/react-native-pager-view. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
-
-If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md#link)、[@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md#link)、[@react-native-oh-tpl/react-native-svg](/zh-cn/react-native-svg.md#link)、[@react-native-oh-tpl/react-navigation-drawer](/zh-cn/react-navigation-drawer.md#link)、[@react-native-oh-tpl/react-native-tab-view](/zh-cn/react-native-tab-view.md#link)、[@react-native-oh-tpl/react-native-vector-icons](/zh-cn/react-native-vector-icons.md#link)、[@react-native-oh-tpl/react-native-pager-view](/zh-cn/react-native-pager-view.md#link) to add it to your project.
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler docs](/zh-cn/react-native-gesture-handler.md#link)、[@react-native-oh-tpl/react-native-reanimated docs](/zh-cn/react-native-reanimated.md#link)、[@react-native-oh-library/react-native-safe-area-context docs](/zh-cn/react-native-safe-area-context.md#link)、[@react-native-oh-tpl/react-native-svg docs](/zh-cn/react-native-svg.md#link)、[@react-native-oh-tpl/react-navigation-drawer docs](/zh-cn/react-navigation-drawer.md#link)、[@react-native-oh-tpl/react-native-tab-view docs](/zh-cn/react-native-tab-view.md#link)、[@react-native-oh-tpl/react-native-pager-view docs](/zh-cn/react-native-pager-view.md#link)、[@react-native-oh-tpl/react-native-swipe-list-view docs](/zh-cn/react-native-swipe-list-view.md) to add it to your project.
 
 ## Constraints
 
@@ -112,651 +101,692 @@ If it is not included, follow the guide provided in [@react-native-oh-tpl/react-
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-oh-tpl-native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)
 
 ## Components
 
-For details, see [NativeBase docs](https://docs.nativebase.io)
+For details about component usage, see. [NativeBase](https://docs.nativebase.io)
 
-以下为目前已支持的组件属性:
+The following component attributes are currently supported:
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported; Web indicates only Web support. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**AspectRatio**: AspectRatio 控制节点或子组件未定义维度的大小
+**AspectRatio**: AspectRatio controls the size of the undefined dimension of a node or child component. You can refer mozilla.org for more details.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| ratio | 容器的纵横比。例如 `16/9`、`16/10`、`9/16`、`4/3` | Object | No | All | Yes |
+| ratio | The aspect ratio of the container. Some examples are `16/9`, `16/10`, `9/16`, `4/3` | Object | No | All | Yes |
 
-**Box**: 这是一个满足低级布局需求的通用组件。它类似于 div 在 HTML 中。
+**Box**: This is a generic component for low level layout needs. It is similar to a div in HTML.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| children | 将组件渲染为 Box 子项。接受 React.Element 或 JSX.Element 数组。 | React.element | No | All | Yes |
-| \_text | 用于为 Box 内的文本提供参数 | Any | No | All | Yes |
-| bg | 简写设置背景 | String | No | All | Yes |
-| background | 可以接受各种背景相关的设置，如颜色、图像、渐变等 | String | No | All | Yes |
-| bgColor | 明确用于设置背景颜色 | String | No | All | Yes |
-| backgroundColor | 与 bgColor 类似，专门用于设置背景颜色 | String | No | All | Yes |
+| children | Renders components as Box children. Accepts a JSX.Element or an array of JSX.Element.  | React.element | No | All | Yes |
+| \_text | For providing props to Text inside Box | Any | No | All | Yes |
+| bg | Abbreviation Setting Background | String | No | All | Yes |
+| background | Various background-related settings can be accepted, such as color, image, gradient, etc. | String | No | All | Yes |
+| bgColor | Explicitly used to set the background color | String | No | All | Yes |
+| backgroundColor | Similar to bgColor, it is used to set the background color. | String | No | All | Yes |
 
-**Center**: 布局组件中心对齐
-[继承了 React Native 中 View 参数](https://reactnative.dev/docs/view#props)
+**Center**: Center aligns its contents to the center within itself. It is a layout component.
+[Center implements View](https://reactnative.dev/docs/view#props)
 
-**Container**: 容器根据当前断点限制内容的宽度，同时保持尺寸的流动性。
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| centerContent | 它将根据子元素的内容宽度将其置于中心。 | boolean | No | All | Yes |
+**Container**: The Container restricts a content's width according to current breakpoint, while keeping the size fluid.
+[The container implements the functions of the box. Therefore, all attributes of the box can be transferred to the container.]
 
-**Flex**: 布局组件，Flex 是 CSS flex 布局的一个封装
+**Flex**: Flex provides helpful style shorthand and is a Box with display: flex.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| direction | 项目定位方向，值可以为 column,column-reverse,row,row-reverse | String | No | All | Yes |
-| wrap | 子元素的换行方式 nowrap,wrap,wrap-reverse | String | No | All | Yes |
-| align | 子元素在交叉轴上的对齐方式，可选 baseline,normal,stretch | String | No | All | Yes |
-| justify | 子元素在主轴上的对齐方式，可选 left,normal,right | String | No | All | Yes |
-| basis | 可选-moz-fit-content,-moz-max-content,-moz-min-content,-webkit-auto,auto,content,fit-content,max-content,min-contents | String | No | All | Yes |
-| grow | 可选 Globals ,(number & {}) , (string & {}) | Number | No | All | Yes |
-| shrink | 可选 Globals , (number & {}) , (string & {}); | Number | No | All | Yes |
+| direction | Project positioning direction. Values can be column,column-reverse,row,row-reverse | String | No | All | Yes |
+| wrap | Wrapping mode of child elements nowrap,wrap,wrap-reverse | String | No | All | Yes |
+| align | Alignment mode of the child element on the cross axis. This parameter is optional baseline,normal,stretch | String | No | All | Yes |
+| justify | Alignment mode of the child element on the main axis. This parameter is optional left,normal,right | String | No | All | Yes |
+| basis | This parameter is optional-moz-fit-content,-moz-max-content,-moz-min-content,-webkit-auto,auto,content,fit-content,max-content,min-contents | String | No | All | Yes |
+| grow | This parameter is optional Globals ,(number & {}) , (string & {}) | Number | No | All | Yes |
+| shrink | This parameter is optional Globals , (number & {}) , (string & {}); | Number | No | All | Yes |
 
-**HStack / Row**: HStack / Row 布局组件水平对齐
+**HStack / Row**: HStack aligns items horizontally. Row is also an alias for HStack.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| direction | 堆叠项目的方向，可选 row,column,column-reverse,row-reverse | String | No | All | Yes |
+| direction | The direction of the Stack Items. This parameter is optional row,column,column-reverse,row-reverse | String | No | All | Yes |
 
-**Stack**: 根据方向属性， Stack 垂直或水平对齐项目
+**Stack**: Stack aligns items vertically or horizontally based on the direction prop.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| divider | 元素之间使用的分隔元素。 | ReactElement | No | All | Yes |
-| space | 每个堆栈项之间的空间。接受响应值 sm,2xs,xs,md,xl,lg,2xl,gutter,SpaceType | ReactElement | No | All | Yes |
-| reversed | 确定是否反转堆叠项目的方向。 | Boolean | No | All | Yes |
-| direction | 堆叠项目的方向,可选 row，column，column-reverse，row-reverse | String | No | All | Yes |
-| isHovered | 是否悬停 | Boolean | No | Web | No |
-| isFocused | 是否聚焦 | Boolean | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| isInvalid | 是否无效 | Boolean | No | All | Yes |
-| isReadOnly | 是否只读,如果为 true，则阻止编辑子项的值。与 FormControls 一起使用 | Boolean | No | All | Yes |
+| divider | The divider element to use between elements. | ReactElement | No | All | Yes |
+| space | The space between each stack item. Accepts Responsive values. This parameter is optional sm,2xs,xs,md,xl,lg,2xl,gutter,SpaceType | ReactElement | No | All | Yes |
+| reversed | Determines whether to reverse the direction of Stack Items. | Boolean | No | All | Yes |
+| direction | The direction of the Stack Items,This parameter is optional row，column，column-reverse，row-reverse | String | No | All | Yes |
+| isHovered | If true, the Stack will be in hovered state | Boolean | No | Web | No |
+| isFocused | If true, the Stack will be focused | Boolean | No | No | No |
+| isDisabled | If true, the Stack will be disabled. | Boolean | No | No | No |
+| isInvalid | If true, the Stack will be invalid. | Boolean | No | No | No |
+| isReadOnly | If true, prevents the value of the children from being edited. Used with FormControls. | Boolean | No | No | No |
 
-**VStack / Column**: VStack / Column 布局组件垂直对齐
+**VStack / Column**: VStack aligns items vertically. Column is also an alias for VStack.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| direction | 堆叠项目的方向，可选 row,column,column-reverse,row-reverse | String | No | All | Yes |
+| direction |The direction of the VStack / Column This parameter is optional row,column,column-reverse,row-reverse | String | No | All | Yes |
 
-**ZStack**: ZStack 将元素与 z 轴对齐
+**ZStack**: ZStack aligns items to the z-axis.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| reversed | 堆叠项目的方向，是否反转 | Boolean | No | All | Yes |
+| reversed |Determines whether to reverse the direction of ZStack Items. | Boolean | No | All | Yes |
 
-**Button**: 按钮
+**Button**: The Button component triggers an event or an action. Examples can be submitting forms and deleting a data point.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| variant | 风格，可选 link，subtle，solid，ghost，outline，unstyled | String | No | All | Yes |
-| colorScheme | 主题 | String | No | All | Yes |
-| size | 按钮大小，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
-| isLoading | 是否加载中 | Boolean | No | All | Yes |
-| isHovered | 是否悬停 | Boolean | No | Web | No |
-| isPressed | 是否按下 | Boolean | No | All | Yes |
-| isFocused | 是否被聚焦 | Boolean | No | All | Yes |
-| isFocusVisible | 是否展示焦环 | Boolean | No | All | Yes |
-| startIcon | 开始图标元素 | React.element | No | All | Yes |
-| endIcon | 结束图标元素 | React.element | No | All | Yes |
-| isLoadingText | 正在加载文本 | String | No | All | Yes |
-| spinner | 是否加载中 | Boolean | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| _text_ | 用于为框内的文本提供参数 | Object | No | All | Yes |
-| \_stack | 要传递给按钮内部使用的 HStack 的参数 | Object | No | All | Yes |
-| \_icon | 传递给按钮内部使用的图标的参数 | Object | No | All | Yes |
-| spinnerPlacement | 指定加载指示器（spinner）的位置，可选 start，end | String | No | All | Yes |
-| \_isLoading | 当按钮加载中时传递的参数 | Object | No | All | Yes |
-| \_isDisabled | 当按钮禁用时传递给按钮的参数 | Object | No | All | Yes |
-| \_spinner | 当按钮加载中时传递给按钮的参数 | Object | No | All | Yes |
-| \_hover | 当按钮悬停时传递给按钮的参数 | Object | No | Web | No |
-| \_pressed | 当按钮按下时传递给按钮的参数 | Object | No | All | Yes |
-| \_focus | 当按钮获得焦点时传递给按钮的参数 | Object | No | All | Yes |
-| rightIcon | 按钮中使用的右侧图标元素 | React.element | No | All | Yes |
-| leftIcon | 按钮中使用的左侧图标元素 | React.element | No | All | Yes |
-| direction | 堆叠项目的方向，可选 row,column | String | No | All | Yes |
-| children | 将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。 | React.element | No | All | Yes |
-| isAttached | 如果为真，按钮将会连接在一起 | Boolean | No | All | Yes |
-
-**Pressable**: 创建可触摸交互的元素。
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| onHoverIn | 鼠标移入调用 | () => void | No | Web | No |
-| onHoverOut | 鼠标移出调用 | () => void | No | Web | No |
-| onFocus | 聚焦时调用 | () => void | No | All | Yes |
-| onBlur | 失焦时调用 | () => void | No | All | Yes |
-| \_hover | 悬停参数 | Object | No | Web | No |
-| \_pressed | 按下禁用时参数 | Object | No | All | Yes |
-| \_focus | 获得焦点时参数 | Object | No | All | Yes |
-| \_disabled | 禁用时参数 | Object | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| isHovered | 是否悬停 | Boolean | No | Web | No |
-| isPressed | 是否按下 | Boolean | No | All | Yes |
-| isFocused | 是否聚焦 | Boolean | No | All | Yes |
-| isFocusVisible | 是否展示焦环 | Boolean | No | All | Yes |
-| \_focusVisible | 焦点可见时应用的样式属性。这些样式仅在用户使用键盘与应用交互时应用。（仅限 Web） | Object | No | Web | No |
-| children | 将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。 | React.element | No | All | Yes |
-
-**CheckBox**: 复选框。
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| id | 唯一标识 | String | No | All | Yes |
-| value | 复选框的值 | String | No | All | Yes |
-| defaultValue | 复选框组的初始值 | String | No | All | Yes |
-| colorScheme | 主题，可选 danger，info，orange，purple | String | No | All | Yes |
-| size | 按钮大小，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
-| onChange | 选中事件 | () => void | No | All | Yes |
-| \_checkbox | 选中复选框时传递的参数 | Object | No | All | Yes |
-
-**FormControl**: 表单控件
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| nativeID | 本地 ID | String | No | All | Yes |
-| isInvalid | 是否无效 | Boolean | No | All | Yes |
-| isRequired | 是否必须 | Boolean | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| isReadOnly | 是否只读 | Boolean | No | All | Yes |
-| \_disabled | 禁用状态下传递参数 | Object | No | All | Yes |
-| htmlFor | 反映“for”内容属性的值 | String | No | All | Yes |
-| \_astrick | 应用于 astric 文本的道具 | Object | No | All | Yes |
-| rightIcon | 表单中使用的左侧侧图标元素 | React.element | No | All | Yes |
-| leftIcon | 表单中使用的右侧图标元素 | React.element | No | All | Yes |
-| startIcon | 开始图标元素 | React.element | No | All | Yes |
-| endIcon | 结束图标元素 | React.element | No | All | Yes |
-| \_stack | 要传递给 FormControl.ErrorMessage 内部使用的 HStack 的参数 | Object | No | All | Yes |
-| \_invalid | 无效状态下传递参数 | Object | No | All | Yes |
-
-**IconButton**: 图标按钮
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| colorScheme | 主题，可选 primary，green，red | String | No | All | Yes |
-| variant | 风格，可选 link，unstyled，solid，ghost，subtle | String | No | All | Yes |
-| size | 按钮大小，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| icon | 要使用的图标 | React.element | No | All | Yes |
-| \_icon | 要传递给 IconButton 内部使用的图标的参数 | Object | No | All | Yes |
-| \_hover | 要传递给 IconButton 内部使用的悬停的参数 | Object | No | Web | No |
-| \_pressed | 要传递给 IconButton 内部使用的按压的参数 | Object | No | All | Yes |
-| \_focus | 要传递给 IconButton 内部使用的聚焦的参数 | Object | No | All | Yes |
-
-**Input**: 输入框
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| isInvalid | 是否无效 | Boolean | No | All | Yes |
-| variant | 风格，可选 outline，filled，underlined，unstyled，rounded | String | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| isHovered | 是否悬停 | Boolean | No | Web | No |
-| isFocused | 是否聚焦 | Boolean | No | All | Yes |
-| size | 输入框尺寸，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
-| isRequired | 是否必传 | Boolean | No | No | No |
-| isReadOnly | 是否只读 | Boolean | No | All | Yes |
-| InputLeftElement | 输入框内部左侧元素 | React.element | No | All | Yes |
-| leftElement | 输入框外部左侧元素 | React.element | No | All | Yes |
-| InputRightElement | 输入框内部右侧元素 | React.element | No | All | Yes |
-| rightElement | 输入框外部右侧元素 | React.element | No | All | Yes |
-| type | 类型，可选 text，password | String | No | All | Yes |
-| isFullWidth | 沾满元素 | Boolean | No | All | Yes |
-| wrapperRef | 获取节点(鸿蒙中获取不到，用 ref 可以获取) | Any | No | No | No |
-| \_hover | 要传递给 Input 内部使用的悬停的参数 | Object | No | Web | NO |
-| \_focus | 要传递给 Input 内部使用的聚焦的参数 | Object | No | All | Yes |
-| \_disabled | 要传递给 Input 内部使用的禁用的参数 | Object | No | All | Yes |
-| \_readOnly | 要传递给 Input 内部使用的只读的参数 | Object | No | All | Yes |
-| \_invalid | 无效状态下传递参数 | Object | No | All | Yes |
-| \_input | 传递给 InputBase 组件参数 | Object | No | All | Yes |
-| \_stack | 要传递给按钮内部使用的 HStack 的参数 | Object | No | All | Yes |
-| focusOutlineColor | 当输入框获得焦点时，该属性指定输入框的轮廓颜色 | Boolean | No | All | Yes |
-| invalidOutlineColor | 当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色 | Boolean | No | All | Yes |
-| ref | 节点 | Any | No | All | Yes |
-
-**TextArea**: 文本域
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| isInvalid | 是否无效 | Boolean | No | All | Yes |
-| variant | 风格，可选 outline，filled，underlined，unstyled，rounded | String | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| isHovered | 是否悬停 | Boolean | No | Web | No |
-| isFocused | 是否聚焦 | Boolean | No | All | Yes |
-| size | 输入框尺寸，可选 sm（小尺寸）、md（中等尺寸）、lg（大尺寸） | String | No | All | Yes |
-| isRequired | 是否必传 | Boolean | No | No | No |
-| isReadOnly | 是否只读 | Boolean | No | All | Yes |
-| InputLeftElement | 输入框内部左侧元素 | React.element | No | All | Yes |
-| leftElement | 输入框外部左侧元素 | React.element | No | All | Yes |
-| InputRightElement | 输入框内部右侧元素 | React.element | No | All | Yes |
-| rightElement | 输入框外部右侧元素 | React.element | No | All | Yes |
-| type | 类型，可选 text，password | String | No | All | Yes |
-| isFullWidth | 沾满元素 | Boolean | No | All | Yes |
-| wrapperRef | 获取节点(鸿蒙中获取不到，用 ref 可以获取) | Any | No | No | No |
-| \_hover | 要传递给 Input 内部使用的悬停的参数 | Object | No | Web | NO |
-| \_focus | 要传递给 Input 内部使用的聚焦的参数 | Object | No | All | Yes |
-| \_disabled | 要传递给 Input 内部使用的禁用的参数 | Object | No | All | Yes |
-| \_readOnly | 要传递给 Input 内部使用的只读的参数 | Object | No | All | Yes |
-| \_invalid | 无效状态下传递参数 | Object | No | All | Yes |
-| \_input | 传递给 InputBase 组件参数 | Object | No | All | Yes |
-| \_stack | 要传递给按钮内部使用的 HStack 的参数 | Object | No | All | Yes |
-| focusOutlineColor | 当输入框获得焦点时，该属性指定输入框的轮廓颜色 | Boolean | No | All | Yes |
-| invalidOutlineColor | 当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色 | Boolean | No | All | Yes |
-| ref | 节点 | Any | No | All | Yes |
-
-**Link**: 超链接
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| href | 连接地址 | String | No | All | Yes |
-| size | 超连接尺寸 2xl，xl，lg，md，sm，xsm | String | No | All | Yes |
-| isUnderlined | 是否有下横线 | Boolean | No | All | Yes |
-| isHovered | 是否悬停 | Boolean | No | Web | No |
-| onPress | 按压事件 | () => void | No | All | Yes |
-| isExternal | 是否直接打开 web 端 | String | No | All | Yes |
-| \_hover | 悬停参数 | Object | No | Web | No |
-| wrapperRef | 获取节点(鸿蒙中获取不到，用 ref 可以获取) | Any | No | No | No |
-
-**Radio**: 单选框
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| value | 单选框的值 | String | No | All | Yes |
-| colorScheme | 主题，可选 yellow，green，red | String | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| isHovered | 是否悬停 | Boolean | No | Web | No |
-| isPressed | 是否按压 | Boolean | No | All | Yes |
-| isFocused | 是否聚焦 | Boolean | No | All | Yes |
-| isFocusVisible | 焦点是否可见 | Boolean | No | All | Yes |
-| size | 单选框尺寸 lg，md，sm | String | No | All | Yes |
-| icon | 接收图标 | React.element | No | All | Yes |
-| wrapperRef | 获取节点(鸿蒙中获取不到，用 ref 可以获取) | Any | No | No | No |
-| \_stack | 要传递给单选框内部使用的 HStack 的参数 | Object | No | All | Yes |
-| \_disabled | 当禁用时传递给单选框的参数 | Object | No | All | Yes |
-| \_checked | 当选中时传递给单选框的参数 | Object | No | All | Yes |
-| \_focus | 当聚焦时传递给单选框的参数 | Object | No | All | Yes |
-| \_hover | 当悬停时传递给单选框的参数 | Object | No | Web | No |
-| \_invalid | 当失效时传递给单选框的参数 | Object | No | All | Yes |
-| \_pressed | 当按压时传递给单选框的参数 | Object | No | All | Yes |
-| \_icon | 当传递图标时传递给单选框的参数 | Object | No | All | Yes |
-| \_readOnly | 当只读时传递给单选框的参数 | Object | No | All | Yes |
-| \_interactionBox | 当交互时传递给按钮的参数 | Object | No | All | Yes |
-| ref | 获取节点数据 | Object | No | All | Yes |
-
-**Select**: 下拉框
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| placeholder | 提示文本 | String | No | All | Yes |
-| color | 选中颜色 | String | No | All | Yes |
-| placeholderTextColor | 提示文本颜色 | String | No | All | Yes |
-| \_item | 是否悬停 | Boolean | No | No | No |
-| \_selectedItem | 是否按压 | Boolean | No | All | Yes |
-| selectedValue | 选中值 | Boolean | No | All | Yes |
-| defaultValue | 初始值 | Boolean | No | All | Yes |
-| onValueChange | 单选事件 | () => void | No | All | Yes |
-| isDisabled | 是否禁用 | React.element | No | All | Yes |
-| isHovered | 是否悬停 | Any | No | Web | No |
-| isFocused | 是否聚焦 | Object | No | All | Yes |
-| isFocusVisible | 焦点是否可见 | Object | No | All | Yes |
-| dropdownIcon | 原有图标 | React.element | No | All | Yes |
-| dropdownOpenIcon | 打开图标 | React.element | No | All | Yes |
-| dropdownCloseIcon | 关闭图标 | React.element | No | All | Yes |
-| variant | 风格，可选 outline，filled，underlined，unstyled，rounded | String | No | All | Yes |
-| onOpen | 打开下拉事件 | () => void | No | All | Yes |
-| onClose | 关闭下拉事件 | () => void | No | All | Yes |
-| \_actionSheet | 传递给遮罩层的参数样式 | Object | No | All | Yes |
-| \_actionSheetContent | 传递给内容的参数样式 | Object | No | All | Yes |
-| \_actionSheetBody | 传递给内容 Body 的参数 | Object | No | All | Yes |
-| wrapperRef | 获取节点 | Any | No | All | Yes |
-
-**Select.Item**: 下拉框子集
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| label | 选择提示文本 | String | No | All | Yes |
-| value | 选中值 | String | No | All | Yes |
+| variant | The variant of the button style to use.This parameter is optional link，subtle，solid，ghost，outline，unstyled | String | No | All | Yes |
+| colorScheme | The color of the radio when it's checked. This should be one of the color keys in the theme (e.g."green", "red"). | String | No | All | Yes |
+| size | The size of the button.This parameter is optional s）、md、lg | String | No | All | Yes |
+| isLoading | If true, the button will show a spinner. | Boolean | No | All | Yes |
+| isHovered | If true, the button will be in hovered state. | Boolean | No | Web | No |
+| isPressed | If true, the button will be in pressed state. | Boolean | No | All | Yes |
+| isFocused | If true, the button will be focused. | Boolean | No | All | Yes |
+| isFocusVisible | If true, the button focus ring will be visible. | Boolean | No | No | No |
+| startIcon | The start icon element to use in the button. | React.element | No | All | Yes |
+| endIcon | The end icon element to use in the button. | React.element | No | All | Yes |
+| isLoadingText | Loading text | String | No | All | Yes |
+| spinner | The spinner element to use when isLoading is set to true. | JSX.Element | No | All | Yes |
+| isDisabled | If true, the button will be disabled. | Boolean | No | All | Yes |
+| \_text | Props to style the child text | Object | No | All | Yes |
+| \_stack |  Props to be passed to the HStack used inside of Button. HStack | Object | No | All | Yes |
+| \_icon | Props to be passed to the Icon used inside of Button. | Object | No | All | Yes |
+| spinnerPlacement | Prop to decide placement of spinner.This parameter is optional start，end | String | No | All | Yes |
+| \_loading | Props to be passed to the button when isLoading is true. | Object | No | All | Yes |
+| \_isDisabled | Props to be passed to the button when button is disabled. | Object | No | All | Yes |
+| \_spinner | Props to be passed to the spinner when isLoading is true. | Object | No | All | Yes |
+| \_hover | Props to be passed to the button when button is hovered. | Object | No | Web | No |
+| \_pressed | Props to be passed to the button when button is pressed. | Object | No | All | Yes |
+| \_focus | Props to be passed to the button when button is focused. | Object | No | All | Yes |
+| rightIcon | The right icon element to use in the button. | React.element | No | All | Yes |
+| leftIcon | The left icon element to use in the button. | React.element | No | All | Yes |
+| direction | The direction of the Stack Items.This parameter is optional row,column | String | No | All | Yes |
+| children | Renders components as Button children. Accepts a JSX.Element or an array of JSX.Element. | React.element | No | All | Yes |
+| isAttached | If true, button will be atttached together. | Boolean | No | All | Yes |
+
+**Pressable**: Pressable is a lower level primitive if you need more flexibility than a button and access to hover, pressed and focus events.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| onHoverIn | Called when a mouse enters the Pressable | () => void | No | Web | No |
+| onHoverOut | Called when a mouse leaves the Pressable | () => void | No | Web | No |
+| onFocus | Called when Pressable receives focus | () => void | No | No | No |
+| onBlur | Called when Pressable loses focus | () => void | No | No | No |
+| \_hover | Style props to be applied when hovered | Object | No | Web | No |
+| \_pressed | Style props to be applied when pressed | Object | No | All | Yes |
+| \_focus | Style props to be applied when focus | Object | No | All | Yes |
+| \_disabled | Style props to be applied when disabled | Object | No | All | Yes |
+| isDisabled | If true, the Pressable will be disabled. | Boolean | No | All | Yes |
+| isHovered | If true, the Pressable will be hovered. | Boolean | No | Web | No |
+| isPressed | If true, the Pressable will be pressed. | Boolean | No | All | Yes |
+| isFocused | If true, the Pressable will be focused. | Boolean | No | No | No |
+| isFocusVisible | If true, the focus ring will be visible . | Boolean | No | All | Yes |
+| \_focusVisible | Style props to be applied when focus visible. These styles will be only applied when user is interacting the app using a keyboard. (Web only) | Object | No | Web | No |
+| children | Renders components as Pressable children. Accepts a JSX.Element or an array of JSX.Element. | React.element | No | All | Yes |
+
+**CheckBox**: The Checkbox component allows a user to select multiple values from various options in a form.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| id | assign id to checkbox | String | No | All | Yes |
+| name | The name of the input field in a checkbox. | String | No | All | Yes |
+| value | The value to be used in the checkbox input. This is the value that will be returned on form submission | String | No | All | Yes |
+| defaultValue | The initial value of the checkbox group. | String | No | All | Yes |
+| colorScheme | The color of the radio when it's checked. This should be one of the color keys in the theme (e.g."green", "red"). | String | No | All | Yes |
+| size | The size (width and height) of the checkbox. | String | No | All | Yes |
+| onChange | Function called when the state of the checkbox changes. | () => void | No | All | Yes |
+| \_checkbox | Pass props will be passed to each checkbox. | Object | No | All | Yes |
+
+**FormControl**: FormControl is used to form elements by providing context such as isInvalid, isDisabled, and isRequired.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| nativeID | If provided, this prop is passed to its children. | String | No | All | Yes |
+| isInvalid | If true, the p will be invalid. | Boolean | No | All | Yes |
+| isRequired | If true, the p will be required. | Boolean | No | All | Yes |
+| isDisabled | If true, the p will be disabled. | Boolean | No | No | No |
+| isReadOnly | If true, the p will be readOnly. | Boolean | No | All | Yes |
+| \_disabled | Passed props will be applied on disabled state. | Object | No | All | Yes |
+| htmlFor | Reflects the value of the 'for' content property. | String | No | Web | No |
+| \_astrick | Props applied to astrick text | Object | No | Web | No |
+| rightIcon | The right icon element to use in the FormControl.ErrorMessage. | React.element | No | All | Yes |
+| leftIcon | The left icon element to use in the FormControl.ErrorMessage. | React.element | No | All | Yes |
+| startIcon | The start icon element to use in the FormControl.ErrorMessage. | React.element | No | All | Yes |
+| endIcon | The end icon element to use in the FormControl.ErrorMessage. | React.element | No | All | Yes |
+| \_stack | Props to be passed to the HStack used inside of FormControl.ErrorMessage. FormControl.ErrorMessage 内部使用的 HStack 的参数 | Object | No | All | Yes |
+| \_invalid | Passed props will be applied on invalid state. | Object | No | All | Yes |
+
+**IconButton**: IconButton consists of the Button component. It is generally used to make an Icon pressable.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| colorScheme | The color of the radio when it's checked. This should be one of the color keys in the theme (e.g."green", "red"). | String | No | All | Yes |
+| variant | The variant of the button style to use. | String | No | All | Yes |
+| size | The size of the button. | String | No | All | Yes |
+| isDisabled | If true, the button will be disabled. | Boolean | No | All | Yes |
+| icon | The icon to be used. Refer to the Icon section of the docs for the available icon options. | React.element | No | All | Yes |
+| \_icon | Props to be passed to the icon used inside of IconButton. IconButton 内部使用的图标的参数 | Object | No | All | Yes |
+| \_hover |  Style props to be applied when hovered | Object | No | Web | No |
+| \_pressed |  Style props to be applied when pressed | Object | No | All | Yes |
+| \_focus |  Style props to be applied when focus | Object | No | All | Yes |
+
+**Input**: The Input component allows a user to provide input in a text field.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isInvalid | If true, the p will be invalid. | Boolean | No | All | Yes |
+| variant |The variant of the Input style to use.This parameter is optional outline，filled，underlined，unstyled，rounded | String | No | All | Yes |
+| isDisabled | If true, the button will be disabled. | Boolean | No | All | Yes |
+| isHovered | If true, the Input will be hovered. | Boolean | No | Web | No |
+| isFocused | If true, the Input will be focused. | Boolean | No | All | Yes |
+| size | The size of the button.This parameter is optional sm、md、lg | String | No | All | Yes |
+| isRequired | If true, the Input will be required. | Boolean | No | No | No |
+| isReadOnly | If true, the Input will be readOnly. | Boolean | No | All | Yes |
+| InputLeftElement | If given, adds the provided element to the left of the input. | React.element | No | All | Yes |
+| leftElement | If given, adds the provided element to the left of the input. | React.element | No | All | Yes |
+| InputRightElement | If given, adds the provided element to the right of the input. | React.element | No | All | Yes |
+| rightElement | If given, adds the provided element to the right of the input. | React.element | No | All | Yes |
+| type | Using the type password, user can mask the input. This parameter is optional text，password | String | No | All | Yes |
+| isFullWidth | If true, the input element will span the full width of its parent | Boolean | No | No | No |
+| wrapperRef | Ref to be passed to Icon's wrapper Box | Any | No | No | No |
+| \_hover | Passed props will be applied on hovered state. | Object | No | Web | NO |
+| \_focus | Passed props will be applied on focused state. | Object | No | All | Yes |
+| \_disabled | Passed props will be applied on disabled state. | Object | No | All | Yes |
+| \_readOnly | Passed props will be applied on readOnly state. | Object | No | All | Yes |
+| \_invalid | assed props will be applied on invalid state. | Object | No | All | Yes |
+| \_input | props are passed to InputBase component | Object | No | All | Yes |
+| \_stack | Props to be passed to the Stack used inside. | Object | No | All | Yes |
+| focusOutlineColor | This prop allows you to change outlineColor when input is in the focused state | String | No | All | Yes |
+| invalidOutlineColor | This prop allows you to change outlineColor when input is in invalid state | String | No | All | Yes |
+| ref | Obtain node data | Any | No | All | Yes |
+
+**TextArea**: The Textarea component helps create multi-line text inputs.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isInvalid | If true, the p will be invalid. | Boolean | No | All | Yes |
+| variant | The variant of the Input style to use.This parameter is optional outline，filled，underlined，unstyled，rounded | String | No | All | Yes |
+| isDisabled | If true, the button will be disabled. | Boolean | No | All | Yes |
+| isHovered | If true, the Input will be hovered. | Boolean | No | Web | No |
+| isFocused | If true, the Input will be focused. | Boolean | No | All | Yes |
+| size |The size of the button.This parameter is optional sm、md、lg | String | No | All | Yes |
+| isRequired | If true, the Input will be required. | Boolean | No | No | No |
+| isReadOnly | If true, the Input will be readOnly. | Boolean | No | All | Yes |
+| InputLeftElement | If given, adds the provided element to the left of the input. | React.element | No | All | Yes |
+| leftElement | If given, adds the provided element to the left of the input. | React.element | No | All | Yes |
+| InputRightElement | If given, adds the provided element to the right of the input. | React.element | No | All | Yes |
+| rightElement | If given, adds the provided element to the right of the input. | React.element | No | All | Yes |
+| type |  Using the type password, user can mask the input.This parameter is optional text，password | String | No | All | Yes |
+| isFullWidth | If true, the input element will span the full width of its parent | Boolean | No | No | No |
+| wrapperRef | Ref to be passed to Icon's wrapper Box | Any | No | All | Yes |
+| \_hover | Passed props will be applied on hovered state. | Object | No | Web | NO |
+| \_focus | Passed props will be applied on focused state. | Object | No | All | Yes |
+| \_disabled | Passed props will be applied on disabled state. | Object | No | All | Yes |
+| \_readOnly | Passed props will be applied on readOnly state. | Object | No | All | Yes |
+| \_invalid | Passed props will be applied on invalid state. | Object | No | All | Yes |
+| \_stack | Props to be passed to the Stack used inside. | Object | No | All | Yes |
+| focusOutlineColor | This prop allows you to change outlineColor when input is in the focused state | Boolean | No | All | Yes |
+| invalidOutlineColor | This prop allows you to change outlineColor when input is in invalid state | Boolean | No | All | Yes |
+| placeholder | The string that will be rendered before text input has been entered | String | No | All | Yes |
+
+**Link**: Links are accessible elements used primarily for navigation. This component is styled to resemble a hyperlink.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| href | URL that should be opened on Link press | String | No | All | Yes |
+| size | Size of the link.This parameter is optional 2xl，xl，lg，md，sm，xsm | String | No | All | Yes |
+| isUnderlined | Whether Link text should be underlined | Boolean | No | All | Yes |
+| isHovered | Whether Link text should be hovered | Boolean | No | Web | No |
+| onPress | Callback that will be invoked on Link press | () => void | No | All | Yes |
+| isExternal | If true, link will be opened in new tab on web. It uses _target property to achieve this| String | No | Web | No |
+| \_hover | Hover props. Accepts all styled system props. | Object | No | Web | No |
+| wrapperRef | Ref to be attached to the Link wrapper | Any | No | All | Yes |
+
+**Radio**: Radio limits the selection from a series of options to only one.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| value | The value to be used in the radio input. This is the value that will be returned on form submission | String | No | All | Yes |
+| colorScheme | The color of the radio. This should be one of the color keys in the theme (e.g."green", "red"). | String | No | All | Yes |
+| isDisabled | If true, the radio will be disabled | Boolean | No | All | Yes |
+| isHovered | If true, the radio will be hovered | Boolean | No | Web | No |
+| isPressed | If true, the radio will be pressed | Boolean | No | All | Yes |
+| isFocused | If true, the radio will be focused | Boolean | No | All | Yes |
+| isInvalid | If true, the radio is marked as invalid. Changes style of unchecked state. | Boolean | No | All | Yes |
+| onChange | The callback fired when any children radio is checked or unchecked. | () => void | No | All | Yes |
+| isFocusVisible | If true, the radio focus ring will be visible | Boolean | No | No | No |
+| size | The size (width and height) of the radio. lg，md，sm | String | No | All | Yes |
+| icon | If given, will use this icon instead of the default. | React.element | No | All | Yes |
+| wrapperRef | Ref to be passed to Icon's wrapper Box | Any | No | All | Yes |
+| \_stack | Props to be passed to the Stack used inside. | Object | No | All | Yes |
+| \_disabled | Passed props wilICheckboxGroupProps will be applied on the disabled state. | Object | No | All | Yes |
+| \_checked | Passed props will be applied on checked state. | Object | No | All | Yes |
+| \_focus | Passed props will be applied on focus state. | Object | No | All | Yes |
+| \_hover | Passed props will be applied on hover state. | Object | No | Web | No |
+| \_invalid | Passed props will be applied on invalid state. | Object | No | All | Yes |
+| \_pressed | Passed props will be applied on pressed state on native. | Object | No | All | Yes |
+| \_icon | Icon related props can be passed in _icon. | Object | No | All | Yes |
+| \_readOnly | Passed props will be applied on readonly state. | Object | No | All | Yes |
+| \_interactionBox | You can style interaction box around the checkbox using this. | Object | No | All | Yes |
+| ref | Obtain node data | Object | No | All | Yes |
+
+**Select**: Select creates a dropdown list of items with the selected item in closed view.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| placeholder | The placeholder that describes the Select. | String | No | All | Yes |
+| color | The Selected Item text color. | String | No | No | Yes |
+| placeholderTextColor | The placeholder text color | String | No | iOS | No |
+| \_item | Item props passed here will be passed to each Select.Item component. | Object | No | All | Yes |
+| \_selectedItem | Item props passed here will be passed to the selected Select.Item component. | Object | No | All | Yes |
+| selectedValue | Currently selected value. Useful for controlling the Select state | String | No | All | Yes |
+| defaultValue | Default selected value. | String | No | All | Yes |
+| onValueChange | Callback to be invoked when Select value is changed | () => void | No | All | Yes |
+| isDisabled | Whether Select is disabled | Boolean | No | All | Yes |
+| isHovered | Whether Select is hovered | Boolean | No | Web | No |
+| isFocused | Whether Select is focused | Boolean | No | All | Yes |
+| isFocusVisible | If true, the focus ring of select will be visible. | Boolean | No | No | No |
+| dropdownIcon | If given, updates the dropdown Icon | React.element | No | All | Yes |
+| dropdownOpenIcon | If given, updates the dropdown Icon when opened | React.element | No | All | Yes |
+| dropdownCloseIcon | If given, updates the dropdown Icon when closed | React.element | No | All | Yes |
+| variant |The variant of the button style to use.This parameter is optional outline，filled，underlined，unstyled，rounded | String | No | All | Yes |
+| onOpen | Callback to be invoked when Select Dropdown or BottomSheet is opened. | () => void | No | All | Yes |
+| onClose | Callback to be invoked when Select Dropdown or BottomSheet is closed. | () => void | No | All | Yes |
+| \_actionSheet | props to be passed to underlying ActionSheet. Select uses ActionSheet underneath. | Object | No | All | Yes |
+| \_actionSheetContent | props to be passed to underlying ActionSheet.Content. Select uses ActionSheet underneath. | Object | No | All | Yes |
+| \_actionSheetBody | props to be passed to underlying Flatlist in ActionSheet.Content. Body 的参数 | Object | No | All | Yes |
+| wrapperRef | Ref to be attached to the Select wrapper | Any | No | No | No |
+| accessibilityLabel | Text read when the user interacts with the element | String | No | No | No |
+
+**Select.Item**: Select.Item
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| label | The label which will be displayed. | String | No | All | Yes |
+| value | The value to be used for the item. This is the value that will be returned on form submission. | String | No | All | Yes |
 
 **Switch**: 开关
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| size | 开关尺寸，可选 lg，md，sm | String | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| isHovered | 是否悬停 | Boolean | No | Web | No |
-| name | 表单中使用开关的别名 | String | No | All | Yes |
-| onToggle | 开关事件 | () => void | No | All | Yes |
-| isChecked | 是否开启 | Boolean | No | All | Yes |
-| defaultIsChecked | 是否默认开启 | Boolean | No | All | Yes |
-| isInvalid | 是否失效 | Boolean | No | All | Yes |
-| onTrackColor | 打开时轨道的颜色 | Object | No | All | Yes |
-| offTrackColor | 关闭时轨道的颜色 | Object | No | All | Yes |
-| onThumbColor | 打开时按钮的颜色 | Object | No | All | Yes |
-| offThumbColor | 关闭时按钮的颜色 | Object | No | All | Yes |
-| colorScheme | 主题 | String | No | All | Yes |
-| \_hover | 悬停参数 | String | No | Web | No |
+| size | The size (width and height) of the switch.This parameter is optional lg，md，sm | String | No | All | Yes |
+| isDisabled | If true, set the disabled to the invalid state. | Boolean | No | All | Yes |
+| isHovered | If true, set the hovered state. | Boolean | No | Web | No |
+| name | The input name of the Switch when used in a form. | String | No | All | Yes |
+| onToggle | Function called when the state of the Switch changes. | () => void | No | All | Yes |
+| isChecked | If true, set the Switch to the checked state. | Boolean | No | All | Yes |
+| defaultIsChecked | If true, the checkbox will be initially checked. | Boolean | No | All | Yes |
+| isInvalid | If true, set the switch to the invalid state. | Boolean | No | All | Yes |
+| onTrackColor | The track color of the Switch when on. | Object | No | All | Yes |
+| offTrackColor | The track color of the Switch when off. | Object | No | All | Yes |
+| onThumbColor | The thumb color of the Switch when on. | Object | No | All | Yes |
+| offThumbColor | The thumb color of the Switch when off. | Object | No | All | Yes |
+| colorScheme | Color scheme to be used for the Switch | String | No | All | Yes |
+| \_hover | Props when Switch is hovered. Accepts all the Switch props. | String | No | Web | No |
 
-**Slider**: 滑块
+**Slider**: The Slider allows users to select options from a given range of values.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| value | 值 | Number | No | All | Yes |
-| defaultValue | 默认值 | Number | No | All | Yes |
-| onChange | 滑块事件 | () => void | No | All | Yes |
-| colorScheme | 主题 | String | No | All | Yes |
-| orientation | 展示方向，可选 horizontal，vertical' | String | No | All | Yes |
-| accessibilityLabel | 滑块文本描述 | String | No | All | Yes |
-| isReversed | 是否反转 | Boolean | No | All | Yes |
-| isDisabled | 是否禁用 | Boolean | No | All | Yes |
-| onChangeEnd | 松开停止移动事件 | () => void | No | All | Yes |
-| minValue | 最小值 | Number | No | All | Yes |
-| maxValue | 最大值 | Number | No | All | Yes |
-| step | 每次用移动的步数 | Number | No | All | Yes |
-| isReadOnly | 最大值 | Boolean | No | All | Yes |
-| maxValue | 最大值 | Number | No | All | Yes |
-| \_disabled | 禁用时启用 | Number | No | All | Yes |
-| \_readOnly | 只读时启用 | Number | No | All | Yes |
-| sliderTrackHeight | 轨道高度 | Number | No | All | Yes |
-| thumbSize | 滑块大小 | Number | No | All | Yes |
-| \_interactionBox | 交互样式 | Object | No | All | Yes |
+| value | The current value of the Slider | Number | No | All | Yes |
+| defaultValue | The default value (uncontrolled). | Number | No | All | Yes |
+| onChange | Handler that is called when the value changes. | () => void | No | All | Yes |
+| colorScheme | Color scheme of the slider | String | No | All | Yes |
+| orientation | The orientation of the Slider.This parameter is optional horizontal，vertical' | String | No | All | Yes |
+| accessibilityLabel | Text description of slider. This will be announced by screen reader/ | String | No | No | No |
+| isReversed | If true, the value will be incremented or decremented in reverse. | Boolean | No | All | Yes |
+| isDisabled | Whether the Thumb is disabled | Boolean | No | All | Yes |
+| onChangeEnd | Fired when the slider stops moving, due to being let go. | () => void | No | All | Yes |
+| minValue | The slider's minimum value. | Number | No | All | Yes |
+| maxValue | The slider's maximum value. | Number | No | All | Yes |
+| step | The slider's step value. | Number | No | All | Yes |
+| isReadOnly | Whether the whole Slider is readonly. | Boolean | No | All | Yes |
+| \_disabled | Props applied if isDisabled is true. | Object | No | All | Yes |
+| \_readOnly | Props applied if isReadOnly is true. | Object | No | All | Yes |
+| sliderTrackHeight | Prop applied to change slider track height | Number | No | All | Yes |
+| thumbSize | Prop applied to change size of slider thumb | Number | No | All | Yes |
+| \_interactionBox | You can style interaction box around the checkbox using this. | Object | No | All | Yes |
 
-**Badge**: 小标识小标签
+**Badge**: Badges allow the highlighting of an item’s status. This provides quick recognition.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| variant | 风格 | Number | No | All | Yes |
-| colorScheme | 主题,可选 success，danger，info，coolGray | String | No | All | Yes |
-| rightIcon | 组件右侧图标 | React.element | No | All | Yes |
-| leftIcon | 组件左侧图标 | React.element | No | All | Yes |
-| startIcon | 开始图标 | React.element | No | All | Yes |
-| endIcon | 结束图标 | React.element | No | All | Yes |
-| \_text | 组件内的文本提供参数 | Object | No | All | Yes |
-| \_icon | 组件内的图标提供参数 | Object | No | All | Yes |
+| variant | The style variant of the badge. | String | No | All | Yes |
+| colorScheme | The color scheme to use for the badge. Must be a key in theme.colors.This parameter is optional success，danger，info，coolGray | String | No | All | Yes |
+| rightIcon | The right icon element to use in the button. | React.element | No | All | Yes |
+| leftIcon | The left icon element to use in the button. | React.element | No | All | Yes |
+| startIcon | The start icon element to use in the button. | React.element | No | All | Yes |
+| endIcon | The end icon element to use in the button. | React.element | No | All | Yes |
+| \_text | Props to style the child text | Object | No | All | Yes |
+| \_icon | Props to be passed to the Icon used inside of Button. | Object | No | All | Yes |
 
-**Divider**: 分割线
+**Divider**: Divider can visually separate content in a given list or group.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| orientation | 方向,可选 vertical，horizontal | Number | No | All | Yes |
-| thickness | 分割线宽度 | String | No | All | Yes |
+| orientation | The orientation of the divider.,This parameter is optional vertical，horizontal | Number | No | All | Yes |
+| thickness | The thickness of the divider. | String | No | All | Yes |
 
-**Alert**: 状态提示框
+**Alert**: Alerts convey a state that can influence a system, feature, or page.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| status | 方向,可选 info，warning，success，error | String | No | All | Yes |
-| variant | 风格 | String | No | All | Yes |
-| colorScheme | 主题 | String | No | All | Yes |
+| status | The status of the alert.This parameter is optional info，warning，success，error | String | No | All | Yes |
+| variant | The variant of the alert style to use. | String | No | All | Yes |
+| colorScheme | The color scheme of the Alert. | String | No | All | Yes |
 
-**Progress**: 进度条
+**Progress**: Progress helps show the progress status for a time-consuming task that consists of several steps.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| value | 数值 | Number | No | All | Yes |
-| size | 尺寸 | String | No | All | Yes |
-| colorScheme | 主题 | String | No | All | Yes |
-| \_filledTrack | 填充的轨道提供参数 | Object | No | All | Yes |
-| min | 最小值 | Number | No | All | Yes |
-| max | 最大值 | Number | No | All | Yes |
+| value | Value of Progress. | Number | No | All | Yes |
+| size | Defines height of Progress | String | No | All | Yes |
+| colorScheme | The color scheme of the progress. This should be one of the color keys in the theme (e.g."green", "red"). | String | No | All | Yes |
+| \_filledTrack | Pseudo prop to give Prop to filled track | Object | No | All | Yes |
+| min | Min progress value | Number | No | All | Yes |
+| max | Max progress value | Number | No | All | Yes |
 
-**Skeleton**: 组件的加载状态
+**Skeleton**: Skeleton showcases the loading state of a component.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| fadeDuration | 加载时长 | Number | No | All | Yes |
-| isLoaded | 是否加载中 | Boolean | No | All | Yes |
-| speed | 加载速度 | Number | No | All | Yes |
-| startColor | 开始颜色 | String | No | All | Yes |
-| endColor | 结束颜色 | String | No | All | Yes |
-| size | 尺寸 | String | No | All | Yes |
+| fadeDuration | The fadeIn duration in seconds | Number | No | All | Yes |
+| isLoaded | If true, it will render its children | Boolean | No | All | Yes |
+| speed | The animation speed in seconds | Number | No | All | Yes |
+| startColor | The color at the animation start | String | No | All | Yes |
+| endColor | The color at the animation end | String | No | All | Yes |
+| size | Sizes for Skeleton | String | No | All | Yes |
 
-**Skeleton.Text**: 组件的加载状态文字组件
+**Skeleton.Text**: SkeletonText implements View
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| fadeDuration | 加载时长 | Number | No | All | Yes |
-| isLoaded | 是否加载中 | Boolean | No | All | Yes |
-| speed | 加载速度 | Number | No | All | Yes |
-| startColor | 开始颜色 | String | No | All | Yes |
-| endColor | 结束颜色 | String | No | All | Yes |
-| lines | 文本中的行数 | Number | No | All | Yes |
-| \_line | 文本中的行数样式参数 | String | No | All | Yes |
-| \_stack | 尺寸 | String | No | All | Yes |
+| fadeDuration | The fadeIn duration in seconds | Number | No | All | Yes |
+| isLoaded | If true, it will render its children | Boolean | No | All | Yes |
+| speed | The animation speed in seconds | Number | No | All | Yes |
+| startColor | The color at the animation start | String | No | All | Yes |
+| endColor | The color at the animation end | String | No | All | Yes |
+| lines | Number of Lines in text | Number | No | All | Yes |
+| \_line | Stying for each line | String | No | All | Yes |
+| \_stack | Props to be passed to the Stack used inside. | String | No | No | No |
 
-**Spinner**: 加载等待中
+**Spinner**: Spinners gives visual cues to actions that are processing or awaiting a course change or results.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| color | 颜色 | String | No | All | Yes |
-| size | 尺寸，可选 lg，md，sm | String | No | All | Yes |
+| color | The foreground color of the spinner (default is gray). | String | No | All | Yes |
+| size | Size of the indicator. This parameter is optional lg，md，sm | String | No | All | Yes |
 
-**Toast**: 轻提示
+**Toast**: Toast displays alerts on top of an overlay.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| show | 消息体 | Object | No | All | Yes |
-| close | 关闭单个 | (id: any) => void; | No | All | Yes |
-| closeAll | 关闭所有 | () => void | No | All | Yes |
-| isActive | 防抖设计 | (id: any) => boolean; | No | All | Yes |
+| show | Message body | Object | No | All | Yes |
+| close | Close individual | (id: any) => void; | No | All | Yes |
+| closeAll | Close all | () => void | No | All | Yes |
+| isActive | Anti shake design | (id: any) => boolean; | No | All | Yes |
 
 **Toast.show**: 轻提示消息体
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| title | 标题 | ReactNode | No | All | Yes |
-| description | 内容描述 | ReactNode | No | All | Yes |
-| duration | 显示时长 | Number 或 null | No | All | Yes |
-| id | 唯一标识 | any | No | All | Yes |
-| onCloseComplete | 显示完成关闭回调 | () => void | No | All | Yes |
-| placement | 位置，可选 top，top-right，top-left，bottom，bottom-left，bottom-right | String | No | All | Yes |
-| render | 接收子组件 | (props: any) => ReactNode | No | All | Yes |
-| \_title | 标题样式参数 | () => void | No | All | Yes |
-| \_description | 描述样式参数 | () => void | No | All | Yes |
-| accessibilityAnnouncement | Toast 打开时屏幕阅读器播报的文本 | String | No | Android | No |
-| accessibilityLiveRegion | Toast 打开时屏幕阅读器播报的文本位置 | String | No | Android | No |
-| avoidKeyboard | 键盘打开，则 Toast 将向上移动相当于键盘高度 | Boolean | No | All | Yes |
-
-**Text**: 文本
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| children | 子集 | JSX.Element | No | All | Yes |
-| fontSize | 字号 | String | No | All | Yes |
-| letterSpacing | 间距 | String | No | All | Yes |
-| lineHeight | 行高 | String | No | All | Yes |
-| fontWeight | 字宽 | String | No | All | Yes |
-| Fonts | 字型 | String | No | All | Yes |
-| noOfLines | 行数 | Number | No | All | Yes |
-| bold | 加粗 | Number | No | All | Yes |
-| isTruncated | 超出省略 | Boolean | No | All | Yes |
-| italic | 斜体 | Boolean | No | All | Yes |
-| underline | 下横线 | Boolean | No | All | Yes |
-| strikeThrough | 删除线 | Boolean | No | All | Yes |
-| sub | 字体缩小（副标题或者辅助说明的文本） | Boolean | No | All | Yes |
-| highlight | 突出显示 | Boolean | No | All | Yes |
-
-**Heading**: 标题(继承了 Text 属性)
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| size | 尺寸，可选 lg，md，sm | String | No | All | Yes |
-
-**AlertDialog**: 警告对话框
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| isOpen | 是否打开 | Boolean | No | All | Yes |
-| onClose | 关闭事件 | () => void | No | All | Yes |
-| defaultIsOpen | 是否打开 | Boolean | No | All | Yes |
-| size | 尺寸 | Number | No | All | Yes |
-| leastDestructiveRef | 最小元素节点 | Object | No | All | Yes |
-| initialFocusRef | 打开时焦点元素节点 | Object | No | All | Yes |
-| finalFocusRef | 关闭时焦点元素节点 | Boolean | No | All | Yes |
-| avoidKeyboard | 键盘打开，则 AlertDialog 将向上移动相当于键盘高度 | Boolean | No | All | Yes |
-| closeOnOverlayClick | 点击找找关闭 | Boolean | No | All | Yes |
-| isKeyboardDismissable | Esc 关闭 | Boolean | No | No | No |
-| overlayVisible | 背景元素是否可见 | Boolean | No | All | Yes |
-| backdropVisible | 背景元素是否可见 | Boolean | No | All | Yes |
-| \_backdrop | 遮罩参数用样式 | Any | No | All | Yes |
-| \_backdropFade | 遮罩动画的参数样式 | Object | No | All | Yes |
-| \_fade | 子集褪色动画的参数样式 | Object | No | All | Yes |
-| \_slide | 子集幻灯片动画的参数样式 | Object | No | All | Yes |
-| animationPreset | 动画类型 | Object | No | All | Yes |
-
-**Menu**: 菜单
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| trigger | 手动触发显示的元素 | () => void | No | All | Yes |
-| onOpen | 打开事件 | () => void | No | All | Yes |
-| onClose | 关闭事件 | () => void | No | All | Yes |
-| closeOnSelect | 选择时菜单是否自动关闭 | Boolean | No | All | Yes |
-| defaultIsOpen | 默认打开 | Boolean | No | All | Yes |
-| isOpen | 是否打开 | Boolean | No | All | Yes |
-| crossOffset | 控制菜单相对于触发元素的偏移量 | Number | No | All | Yes |
-| offset | 菜单弹出位置的偏移量 | Number | No | All | Yes |
-| shouldOverlapWithTrigger | 控制菜单是否与触发元素重叠显示。 | boolean | No | All | Yes |
-| placement | 位置，可选 top,bottom,left,right 等 | Boolean | No | All | Yes |
-| \_overlay | 菜单的覆盖层参数 | Boolean | No | All | Yes |
-| \_presenceTransition | 出现和消失过渡效果参数 | Boolean | No | All | Yes |
-| \_backdrop | 背景遮罩参数 | Boolean | No | All | Yes |
-
-**Modal**: 弹框
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| isOpen | 是否打开 | Boolean | No | All | Yes |
-| onClose | 关闭事件 | () => void | No | All | Yes |
-| defaultIsOpen | 默认打开 | Boolean | No | All | Yes |
-| size | 尺寸 | String | No | All | Yes |
-| initialFocusRef | 模态框打开时最初获得焦点的元素节点 | Any | No | All | Yes |
-| finalFocusRef | 模态框关闭时最终获得焦点的元素节点 | Any | No | All | Yes |
-| avoidKeyboard | 键盘打开，则 Modal 将向上移动相当于键盘高度 | Boolean | No | All | Yes |
-| isKeyboardDismissable | 控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框 | Boolean | No | All | Yes |
-| overlayVisible | 控制模态框的背景覆盖层（overlay）是否可见 | Boolean | No | All | Yes |
-| backdropVisible | 控制模态框的背景遮罩是否可见 | Boolean | No | All | Yes |
-| animationPreset | 动画效果 | String | No | All | Yes |
-| \_fade | 动画参数 | Object | No | All | Yes |
-| \_slide | 幻灯片动画参数 | Object | No | All | Yes |
-| \_overlay | 背景覆盖层参数 | Object | No | All | Yes |
-| useRNModal | 是否使用 React Native 的原生 Modal 组件来实现模态框 | Boolean | No | All | Yes |
-| \_backdropFade | 背景遮罩参数 | Boolean | No | All | Yes |
-
-**Popover**: 局部弹框
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| isOpen | 是否打开 | Boolean | No | All | Yes |
-| onClose | 关闭事件 | () => void | No | All | Yes |
-| onOpen | 打开事件 | () => void | No | All | Yes |
-| defaultIsOpen | 默认打开 | Boolean | No | All | Yes |
-| size | 尺寸 | String | No | All | Yes |
-| initialFocusRef | 模态框打开时最初获得焦点的元素节点 | Any | No | All | Yes |
-| finalFocusRef | 模态框关闭时最终获得焦点的元素节点 | Any | No | All | Yes |
-| avoidKeyboard | 键盘打开，则 Modal 将向上移动相当于键盘高度 | Boolean | No | All | Yes |
-| isKeyboardDismissable | 控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框 | Boolean | No | All | Yes |
-| overlayVisible | 控制模态框的背景覆盖层（overlay）是否可见 | Boolean | No | All | Yes |
-| backdropVisible | 控制模态框的背景遮罩是否可见 | Boolean | No | All | Yes |
-| animationPreset | 动画效果 | String | No | All | Yes |
-| \_fade | 动画参数 | Object | No | All | Yes |
-| \_slide | 幻灯片动画参数 | Object | No | All | Yes |
-| \_overlay | 背景覆盖层参数 | Object | No | All | Yes |
-| useRNModal | 是否使用 React Native 的原生 Modal 组件来实现局部弹框 | Boolean | No | All | Yes |
-| trigger | 手动触发显示的元素 | () => void | No | All | Yes |
-| shouldOverlapWithTrigger | 控制菜单是否与触发元素重叠显示。 | boolean | No | All | Yes |
-
-**Avatar**: 显示用户头像或图像
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| source | 图片地址参数 | Object | No | All | Yes |
-| size | 尺寸 | String | No | All | Yes |
-| \_image | 图片参数 | Object | No | All | Yes |
-| wrapperRef | 获取节点 | Boolean | No | All | Yes |
-
-**Icon**: 展示图标
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| as | 接收矢量图标 | Any | No | All | Yes |
-| size | 尺寸 | String | No | All | Yes |
-| color | 颜色 | String | No | All | Yes |
-| children | 子元素 | JSX.Element | No | All | Yes |
-| name | 名称 | String | No | All | Yes |
-| viewBox | icon 盒子参数 | String | No | All | Yes |
-| path | icon 地址 | JSX.Element[] | No | All | Yes |
-| d | SVG 图标的路径 | String | No | All | Yes |
-
-**Image**: 图片
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| source | 图片地址参数 | Object | No | All | Yes |
-| alt | 未展示文字 | String | No | All | Yes |
-| \_alt | 未展示文字样式参数 | Object | No | All | Yes |
-| size | 尺寸 | String | No | All | Yes |
-| color | 颜色 | String | No | All | Yes |
-| src | 图片地址 | String | No | All | Yes |
-| fallbackSource | 指定当主图像源无法加载时显示的备用图像源 | String | No | All | Yes |
-| ignoreFallback | 是否忽略备用图像源 | Boolean | No | All | Yes |
-| fallbackElement | 指定当主图像源无法加载时显示的备用元素 | JSX.Element | No | All | Yes |
+| title | The title to be rendered in the Toast | ReactNode | No | All | Yes |
+| description | The description of the toast | ReactNode | No | All | Yes |
+| duration | The delay before the toast hides (in milliseconds). If set to `null`, toast will never dismiss. | Number 或 null | No | All | Yes |
+| id | The `id` of the toast. Mostly used when you need to prevent duplicate. By default, we generate a unique `id` for each toast | any | No | All | Yes |
+| onCloseComplete | Callback function to run side effects after the toast has closed. | () => void | No | All | Yes |
+| placement | The placement of the toast. Defaults to bottom.This parameter is optional top，top-right，top-left，bottom，bottom-left，bottom-right | String | No | All | Yes |
+| render | Render a component toast component. Any component passed will receive 2 props: `id` and `onClose`. | (props: any) => ReactNode | No | All | Yes |
+| \_title | For providing props to Title inside Toast | Object | No | All | Yes |
+| \_description | For providing props to Description inside Toast | Object | No | All | Yes |
+| accessibilityAnnouncement | The text to be announced by a screen reader when the Toast opens. | String | No | Android | No |
+| accessibilityLiveRegion | Determines the [accessibility announcement tone](https://reactnative.dev/docs/accessibility#accessibilityliveregion-android). | String | No | Android | No |
+| avoidKeyboard | If true and the keyboard is opened, the Toast will move up equivalent to the keyboard height. | Boolean | No | iOS | No |
+
+**Text**: Text
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| children | Renders components as Text children. Accepts a JSX.Element or an array of JSX.Element. | JSX.Element | No | All | Yes |
+| fontSize | The size of font | String | No | All | Yes |
+| letterSpacing | Letter spacing | String | No | All | Yes |
+| lineHeight | Line height | String | No | All | Yes |
+| fontWeight | Font weight | String | No | All | Yes |
+| Fonts | Fonts | String | No | No | No |
+| noOfLines | Used to truncate text at a specific number of lines | Number | No | All | Yes |
+| bold | Used to make the text bold. | Number | No | All | Yes |
+| isTruncated | If true, it will render an ellipsis when the text exceeds the width of the viewport or maxWidth set. | Boolean | No | All | Yes |
+| italic | Used to make the text italic. | Boolean | No | All | Yes |
+| underline | Used to underline the text. | Boolean | No | All | Yes |
+| strikeThrough | A horizontal line through the center of the text. | Boolean | No | All | Yes |
+| sub | Text will have smaller font size. | Boolean | No | All | Yes |
+| highlight | Used to highlight the text with a yellow background. | Boolean | No | All | Yes |
+
+**Heading**: Heading composes Text so one can use all the style props to render headlines.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| size | Sizes for Heading. This parameter is optional lg，md，sm | String | No | All | Yes |
+
+**AlertDialog**: AlertDialog is used when a user needs to be interrupted with a mandatory confirmation or call-to-action. AlertDialog composes Modal so you can use all its props.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isOpen | If true, the AlertDialog will open. Useful for controllable state behaviour | Boolean | No | All | Yes |
+| onClose | Callback invoked when the AlertDialog is closed | () => void | No | All | Yes |
+| defaultIsOpen | If true, the AlertDialog will be opened by default | Boolean | No | All | Yes |
+| size | The size of the AlertDialog | Number | No | All | Yes |
+| leastDestructiveRef | The ref of element that is least destructive child of the AlertDialog. | Object | No | No | No |
+| initialFocusRef | The ref of element to receive focus when the AlertDialog opens. | Object | No | All | Yes |
+| finalFocusRef | The ref of element to receive focus when the AlertDialog closes. | Object | No | All | Yes |
+| avoidKeyboard | If true and the keyboard is opened, the AlertDialog will move up equivalent to the keyboard height. | Boolean | No | iOS | No |
+| closeOnOverlayClick | If true, the AlertDialog will close when the overlay is clicked | Boolean | No | All | Yes |
+| isKeyboardDismissable | If true, the AlertDialog will close when Escape key is pressed | Boolean | No | No | No |
+| overlayVisible | If true, a backdrop element is visible | Boolean | No | All | Yes |
+| backdropVisible | If true, a backdrop element is visible | Boolean | No | All | Yes |
+| \_backdrop | Props applied on Overlay. | Any | No | All | Yes |
+| \_backdropFade | Props applied on Overlay Animation. | Object | No | All | Yes |
+| \_fade | Props applied on Child Fade Animation. | Object | No | All | Yes |
+| \_slide | Props applied on Child Slide Animation. | Object | No | All | Yes |
+| animationPreset | Sets the animation type | String | No | All | Yes |
+
+**Menu**: Menu generates a dropdown menu along with the menu button design pattern.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| trigger | Function that returns a React Element. This element will be used as a Trigger for the menu. | () => void | Yes | All | Yes |
+| onOpen | This function will be invoked when the menu is opened. | () => void | No | All | Yes |
+| onClose | This function will be invoked when menu is closed.  It will also be called when the user attempts to close the menu via Escape key or backdrop press. | () => void | No | All | Yes |
+| closeOnSelect | Whether menu should be closed when a menu item is pressed. | Boolean | No | All | Yes |
+| defaultIsOpen | If true, the menu will be opened by default. | Boolean | No | All | Yes |
+| isOpen | Whether the menu is opened. Useful for controlling the open state. | Boolean | No | All | Yes |
+| crossOffset | The additional offset applied along the cross axis between the element and its trigger element. | Number | No | All | Yes |
+| offset | The additional offset applied along the main axis between the element and its trigger element. | Number | No | All | Yes |
+| shouldOverlapWithTrigger | Determines whether menu content should overlap with the trigger. | boolean | No | All | Yes |
+| placement | menu placement.This parameter is optional top,bottom,left,right | String | No | All | Yes |
+| \_overlay | Overlay related props can be passed in _overlay. | Object | No | All | Yes |
+| \_presenceTransition | PresenceTransition related props can be passed in _presenceTransition. | Object | No | All | Yes |
+| \_backdrop | Backdrop related props can be passed in _backdrop. | Object | No | All | Yes |
+| shouldFlip | Whether the element should flip its orientation (e.g. top to bottom or left to right) when there is insufficient room for it to render completely. | Boolean | No | All | Yes |
+
+**Menu.Item**: Menu.Item
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| children | Children of Menu Item. | JSX.Element | No | All | Yes |
+| isDisabled | Whether menu item is disabled. | Boolean | No | All | Yes |
+| \_text | Props to be passed to Text. | Object | No | All | Yes |
+| textValue | This value will be available for the typeahead menu feature. | String | No | All | Yes |
+
+**Menu.Option**: Menu.Option
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| value | Value of the Menu Item option. | String | No | All | Yes |
+| \_stack | Stack related props can be passed in _stack. | Object | No | All | Yes |
+| \_icon | Icon related props can be passed in _icon. | Object | No | All | Yes |
+| \_text | Text related props can be passed in _text. | Object | No | All | Yes |
+
+**Menu.MenuGroup**: Menu.MenuGroup
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| title | The title of the menu group. | String | No | All | Yes |
+| children | The children of the Menu group. | JSX.Element | No | All | Yes |
+| \_title | Props to pass on to Text. | Object | No | All | Yes |
+
+**Menu.MenuOptionGroup**: Menu.MenuOptionGroup
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| type | Used to add selection type of menu group. | String | No | All | Yes |
+| defaultValue | The initial value of the option group. | String | No | All | Yes |
+| value | The value of the option group. | String | No | All | Yes |
+| onChange | Function called when selection changes. | () => void | No | All | Yes |
+
+**Modal**: A Modal is an overlay on the primary window or another dialog window. Content behind the modal dialog remains inert and users cannot interact with it.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isOpen | If true, the modal will open. Useful for controllable state behavior. | Boolean | No | All | Yes |
+| onClose | Callback invoked when the modal is closed. | () => void | No | All | Yes |
+| defaultIsOpen | If true, the modal will be opened by default. | Boolean | No | All | Yes |
+| size | The size of the modal. | String | No | All | Yes |
+| initialFocusRef | The ref of element to receive focus when the modal opens. | Any | No | All | Yes |
+| finalFocusRef | The ref of element to receive focus when the modal closes. | Any | No | All | Yes |
+| avoidKeyboard | If true and the keyboard is opened, the modal will move up equivalent to the keyboard height. | Boolean | No | iOS | No |
+| isKeyboardDismissable | If true, the modal will close when Escape key is pressed. | Boolean | No | All | Yes |
+| overlayVisible | If true, a backdrop element is visible. | Boolean | No | All | Yes |
+| backdropVisible | If true, a backdrop element is visible. | Boolean | No | All | Yes |
+| animationPreset | Sets the animation type. | String | No | All | Yes |
+| \_backdrop | Props applied on Overlay Animation. | Object | No | All | Yes |
+| \_fade | Props applied on Child Fade Animation. | Object | No | All | Yes |
+| \_slide | Props applied on Child Slide Animation. | Object | No | All | Yes |
+| \_overlay | Props to be passed to the Overlay used inside of Modal. | Object | No | All | Yes |
+| useRNModal | If true, renders react-native native modal | Boolean | No | All | Yes |
+| \_backdropFade | Props applied on Overlay Animation. | Object | No | All | Yes |
+| closeOnOverlayClick | If true, the modal will close when the overlay is clicked. | () => void | No | All | Yes |
+
+**Popover**: Popover floats around a trigger. It is a non-modal dialog used to provide contextual information to the user. It should be paired with a pressable trigger element.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| isOpen | Whether the popover is opened. Useful for controlling the open state. | Boolean | No | All | Yes |
+| onClose | This function will be invoked when popover is closed. It'll also be called when user attempts to close the popover via Escape key or backdrop press. | () => void | No | All | Yes |
+| onOpen | This function will be invoked when popover is opened. | () => void | No | All | Yes |
+| placement | Popover placement | String | No | All | Yes |
+| defaultIsOpen | If true, the popover will be opened by default. | Boolean | No | All | Yes |
+| initialFocusRef | The ref of element to receive focus when the popover opens. | Any | No | All | Yes |
+| finalFocusRef | The ref of element to receive focus when the modal closes. | Any | No | All | Yes |
+| isKeyboardDismissable | If true, the modal will close when Escape key is pressed. | Boolean | No | All | Yes |
+| useRNModal | If true, renders react-native native modal | Boolean | No | All | Yes |
+| trigger | Function that returns a React Element. This element will be used as a Trigger for the popover. | () => void | No | All | Yes |
+| trapFocus | Whether popover should trap focus. | Boolean | No | No | No |
+| crossOffset | The additional offset applied along the cross axis between the element and its trigger element. | Number | No | All | Yes |
+| offset | The additional offset applied along the main axis between the element and its trigger element. | Number | No | All | Yes |
+| shouldOverlapWithTrigger | Determines whether menu content should overlap with the trigger. | boolean | No | All | Yes |
+| children | Popover children. | JSX.Element | No | All | Yes |
+| shouldFlip | Whether the element should flip its orientation (e.g. top to bottom or left to right) when there is insufficient room for it to render completely. | Boolean | No | All | Yes |
+
+**Avatar**: The Avatar component can display profile pictures, initials, or a fallback image to represent a user.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| source | The image source of the avatar. | Object | No | All | Yes |
+| size | The size of the avatar. | String | No | All | Yes |
+| \_image | For providing props to Image component inside the Avatar. | Object | No | All | Yes |
+| wrapperRef | ref to be attached to the Avatar wrapper. | Any | No | All | Yes |
+
+**Icon**: Icon
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| as | Use <a href='https://github.com/expo/vector-icons'>@expo/vector-icons</a> | Any | No | All | Yes |
+| size | The size of the icon. | String | No | All | Yes |
+| color | The color of the icon. | String | No | All | Yes |
+| name | name | String | No | All | Yes |
+| viewBox | The viewBox of the icon. | String | No | All | Yes |
+| path | icon path | JSX.Element[] | No | All | Yes |
+| d | SVG path of the icon | String | No | All | Yes |
+
+**Image**: The Image component allows one to display images.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| source | specify a source for image. | Object | No | All | Yes |
+| alt | The alt text that describes the image. This will be added as accessibilityLabel in android/iOS and alt on web.   | String | No | All | Yes |
+| \_alt | In the event of an error loading the src, specify a fallback source. | Object | No | All | Yes |
+| size | The size of the Image. | String | No | All | Yes |
+| src | specify a source for image. | String | No | All | Yes |
+| fallbackSource | In the event of an error loading the src, specify a fallback source. | String | No | All | Yes |
+| ignoreFallback | Opt out of the fallbackSource logic and show alternative text. | Boolean | No | All | Yes |
+| fallbackElement | In the event of an error loading the src, specify a fallback JSX Element. | JSX.Element | No | All | Yes |
 
 **ActionSheet**: 操作表
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| isOpen | 是否打开 | Boolean | No | All | Yes |
-| onClose | 关闭事件 | () => void | No | All | Yes |
-| disableOverlay | 是否有遮罩 | Boolean | No | All | Yes |
-| hideDragIndicator | 是否有拖动 | Boolean | No | All | Yes |
-| \_backdrop | 遮罩参数用样式 | any | No | All | Yes |
-| useRNModal | 是否使用 React Native 的原生 Modal 组件来实现 ActionSheet | Boolean | No | All | Yes |
+| isOpen | If true, the ActionSheet will open. Useful for controllable state behavior. | Boolean | No | All | Yes |
+| onClose | Callback invoked when the modal is closed. | () => void | No | All | Yes |
+| disableOverlay | If true, disables the overlay. | Boolean | No | All | Yes |
+| hideDragIndicator | If true, hides the drag indicator. | Boolean | No | All | Yes |
+| \_backdrop | Props applied on Overlay. | any | No | All | Yes |
+| useRNModal | If true, renders react-native native modal | Boolean | No | All | Yes |
 
 **Actionsheet.Content**: 操作表内容
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| \_dragIndicatorWrapperOffSet | 在操作表内容上方区域内容参数 | Object | No | All | Yes |
-| \_dragIndicatorWrapper | 在操作表内容周围区域内容参数 | Object | No | All | Yes |
-| \_dragIndicator | 在拖动指示器上施加的推力 | Object | No | All | Yes |
+| \_dragIndicatorWrapperOffSet | Props applied on area above actionsheet content. | Object | No | All | Yes |
+| \_dragIndicatorWrapper | Props applied on area around drag indicator. | Object | No | All | Yes |
+| \_dragIndicator | Props applied on drag indicator. | Object | No | All | Yes |
+
+**PresenceTransition**: PresenceTransition provides a declarative API to add entry and exit transitions.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| onTransitionComplete | Callback invoked when the transition is completed. | () => void | No | All | Yes |
+| initial | Styles before the transition starts. | Object | No | All | Yes |
+| animate | Entry animation styles. | Object | No | All | Yes |
+| exit | Exit animation styles. | Boolean | No | All | Yes |
+| visible | Determines whether to start the animation. | Boolean | No | All | Yes |
+| children | PresenceTransition children. | any | No | All | Yes |
+| as | Accepts a Component to be rendered as Wrapper. Defaults to `View`. | any | No | All | Yes |
+
+**Stagger**: Stagger component provides a declarative API to add staggered transitions.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| initial | Initial styles before the transition starts | Object | No | All | Yes |
+| animate | The styles to which each child should animate to while entering. | Object | No | All | Yes |
+| exit | The styles to which each child should animate to while exiting. | Object | No | All | Yes |
+| visible | Determines whether to start the animation | Boolean | No | All | Yes |
+
+**Slide**: Slide component provides a declarative API to add sliding transitions.
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+| in | Show or hidden | Boolean | No | All | Yes |
+| duration | Slide duration  | Number | No | All | Yes |
+| placement | Slide placement | String | No | All | Yes |
 
-**PresenceTransition**: 组件的出现和消失添加动画过渡效果
+**FAB**: A floating action button (FAB) is a circular icon button that hovers over content to execute a primary action in the application.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| onTransitionComplete | 过渡完成事件 | () => void | No | All | Yes |
-| initial | 动画初始状态的属性 | Object | No | All | Yes |
-| animate | 动画最终状态的属性 | Object | No | All | Yes |
-| exit | 组件在隐藏时的状态 | Boolean | No | All | Yes |
-| visible | 是否打开 | Boolean | No | All | Yes |
-| animationExited | 过渡动画已经完全退出 | Boolean | No | All | Yes |
-| children | 子集 | any | No | All | Yes |
-| as | 包裹在过渡效果中的元素的类型 | any | No | All | Yes |
+| placement | Placement of the Fab. | String | No | All | Yes |
+| label | Text to be displayed in Fab. | String | No | All | Yes |
+| icon | Icon to be displayed in Fab. | React.Element | No | All | Yes |
+| renderInPortal | Determines whether the Fab should be rendered in a Portal. | Boolean | No | All | Yes |
 
-**Stagger**: 交错动画效果组件
+**Hidden**: Hidden is used to toggle the visibility value of child components responsively, based on the colorMode or based on the platform. It does not mount the child components in the restricted values of props.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| initial | 动画初始状态的属性 | Object | No | All | Yes |
-| animate | 动画最终状态的属性 | Object | No | All | Yes |
-| exit | 组件在隐藏时的状态 | Boolean | No | All | Yes |
-| visible | 是否打开 | Boolean | No | All | Yes |
+| from | The from prop takes breakpoint from which the wrapped component is hidden. | String | No | All | Yes |
+| till | The till prop takes breakpoint till which the wrapped component is hidden. | String | No | All | Yes |
+| only | The only prop takes array of breakpoints on which the wrapped component is hidden. | String | No | All | Yes |
+| colorMode | The colormode takes the mode on which the wrapped component must be hidden. | React.Element | No | No | No |
+| platform | The platform takes the platform as string or array for the multiple on which the wrapped component must be hidden. | React.Element | No | All | Yes |
+| children | Hidden children. | React.Element | No | All | Yes |
+| isSSR | Is the component in the server-side rendering (SSR) environment | Boolean | No | No | No |
 
-**Slide**: 实现滑动动画
+**KeyboardAvoidingView**: Provides a view that moves out of the way of virtual keyboard automatically. It solves the common problem of views needing to move out of the way of the virtual keyboard. It can automatically adjust either its height, position, or bottom padding based on the keyboard height.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| in | 显示隐藏 | Boolean | No | All | Yes |
-| duration | 动画事件 | Number | No | All | Yes |
-| placement | 位置 | String | No | All | Yes |
+| children | KeyboardAvoidingView children. | React.element | No | All | Yes |
 
-**FAB**: 浮动按钮
+**Scrollview**: Scrollview
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| placement | 位置 | String | No | All | Yes |
-| label | 文本参数 | String | No | All | Yes |
-| icon | 图标 | React.Element | No | All | Yes |
-| renderInPortal | 是否将 FAB 渲染在一个 Portal(Portal 是一种在 React 中用于将子组件渲染到父组件以外的 DOM 节点中的技术) | Boolean | No | All | Yes |
+| children | Scrollview children. | React.element | No | All | Yes |
+| \_contentContainerStyle | Pass props to contentContainerStyle, and this also resolves NB tokens. | Object | No | All | Yes |
 
-**Hidden**: 根据 colorMode 或平台响应性地切换子组件的可见性值
+**View**: View
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| from | 屏幕尺寸的起点，当屏幕尺寸大于等于这个起点时，组件将被隐藏 | String | No | All | Yes |
-| till | 屏幕尺寸的终点，当屏幕尺寸小于这个终点时，组件将被隐藏 | String | No | All | Yes |
-| only | 指定一个或多个特定的屏幕尺寸，只有在这些尺寸下组件才会显示，其他尺寸下将被隐藏 | String | No | All | Yes |
-| colorMode | 组件在不同颜色模式下的显示状态。NativeBase 通常支持多种颜色模式，如 light（浅色模式）、dark（深色模式）等。 | React.Element | No | All | Yes |
-| platform | 系统平台 | React.Element | No | All | Yes |
-| children | 子元素 | React.Element | No | All | Yes |
-| isSSR | 组件是否在服务器端渲染（SSR）环境中 | Boolean | No | All | Yes |
+| children | View children. | React.element | No | All | Yes |
 
-**KeyboardAvoidingView**: 拉起键盘视图向上移动的垂直偏移量
+**FlatList**: FlatList
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-| behavior | 键盘弹出时的行为 | String 或 Undefined | No | All | Yes |
-| contentContainerStyle | 设置该组件内部内容容器的样式 | Object | No | All | Yes |
-| keyboardVerticalOffset | 当键盘出现时，视图向上移动的垂直偏移量 | Number 或 Undefined | No | All | Yes |
-| enabled | 用于控制 KeyboardAvoidingView 是否生效 | Boolean 或 Undefined | No | All | Yes |
+| \_contentContainerStyle | Pass props to contentContainerStyle, and this also resolves NB tokens. | Object | No | All | Yes |
+| ref | Obtain node data | Object | No | All | Yes |
 
-**Other**: 包含 hooks 和外用组件
+**Other and hooks**：包含 hooks 和外用组件
 | Name | Description | Required | Platform | HarmonyOS Support |
 | ---------------------- | ----------- | -------- | ----------------- | ----------------- |
-| Scrollview | 导出的是 RN 原生的 Scrollview，可直接用 RN 的 Scrollview | NO | All | YES |
-| View | 导出的是 RN 原生的 View，可直接用 RN 的 View | NO | All | YES |
-| FlatList | 导出的是 RN 原生的 FlatList，可直接用 RN 的 FlatList | NO | All | YES |
-| useDisclose | 处理常见的打开、关闭或切换场景，并可以控制反馈组件，如 Modal、AlertDialog、Drawer 等。 | NO | All | YES |
-| useBreakpointValue | 用于呈现分段列表的高性能接口 | NO | All | YES |
+| useDisclose | useDisclose handles common open, close, or toggle scenarios and can control feedback components such as Modal, AlertDialog, Drawer, etc. | NO | All | YES |
+| useBreakpointValue | useBreakpointValue returns the value for the current breakpoint based on the provided responsive values object. It is also responsive to window resizing and returning the appropriate value according to the new window size. | NO | NO | NO |
 | SectionList | 导出的是 RN 原生的 SectionList，可直接用 RN 的 SectionList | NO | All | YES |
-| useClipboard | 使用剪贴板控件并控制将内容复制到剪贴板 | NO | All | YES |
-| useMediaQuery | 检测单个媒体查询或多个媒体查询之间的匹配。React Native 本身不支持媒体查询，因此 useMediaQuery 仍然有限 | NO | All | YES |
-| useToken | 解析主题中的设计标记. | NO | All | YES |
-| useColorMode |设置或检索颜色模式 | NO | All | YES |
-| useColorModeValue | 基于活动颜色模式值传递的参数中检索值 | NO | All | YES |
-| useContrastText | 提供与作为参数传递的背景颜色的颜色对比文本颜色（lightText 或 darkText） | NO | All | YES |
-| useAccessibleColors | 更新您的颜色配置，以在应用程序中获得更好的颜色和对比度可访问性。默认情况下，可访问的颜色是关闭的如果您想继续使用可访问的文本颜色，可以使用此挂钩。您还可以使用 extendTheme 在 NativeBaseProvider 的配置中传递它 | NO | All | YES |
+| useClipboard | useClipboard controls and regulates the copying of content to the clipboard. | NO | All | YES |
+| useMediaQuery | useMediaQuery is a custom hook that helps detect matches between a single media query or multiple media queries. React Native does not natively support media queries, so useMediaQuery is still limited. | NO | All | YES |
+| useToken | useTheme is a custom hook to call theme object from the context. | NO | All | YES |
+| useColorMode |useToken resolves design tokens from the theme. | NO | NO | NO |
+| useTheme |useToken resolves design tokens from the theme. | NO | All | YES |
+| useColorModeValue | useColorModeValue is a custom hook that can retrieve a value from parameters passed based on active color mode value. | NO | NO | NO |
+| useContrastText | useContrastText is a custom hook that provides color contrast text color (either lightText or darkText) against the background color that is passed as a parameter. | NO | All | YES |
+| useAccessibleColors | useContrastText is a custom hook that provides color contrast text color (either lightText or darkText) against the background color that is passed as a parameter. | NO | All | YES |
 | Todo-List | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO | All | YES |
 | AppBar | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO | All | YES |
 | Card |用本库的组件写的案例，如有业务需要可自行编写适合的组件| NO | All | YES |
@@ -771,10 +801,14 @@ For details, see [NativeBase docs](https://docs.nativebase.io)
 
 ## Known Issues
 
+- [ ] FormControl 组件 isDisabled 属性无效: [issue#1](https://github.com/GeekyAnts/NativeBase/issues/5707)
+- [ ] Select 组件 placeholderTextColor 属性无效: [issue#16](https://github.com/react-native-oh-library/NativeBase/issues/16)
+- [ ] Modal,AlertDialog,组件 avoidKeyboard 属性无效: [issue#17](https://github.com/react-native-oh-library/NativeBase/issues/17)
+
 ## Others
 
 - 网站文档图标要用@expo/vector-icons（需要用到 expo 脚手架才可以），如果没有用到 expo 脚手架的可以用[react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)平替
-- Tooltip 当用户与元素交互时，工具提示会提供简短的信息性消息。工具提示的启动方法包括: 通过鼠标悬停手势或键盘悬停手势。这个组件是在 web 端用的
+- Tooltip 当用户与元素交互时，工具提示会提供简短的信息性消息。工具提示的启动方法包括：通过鼠标悬停手势或键盘悬停手势。这个组件是在 web 端用的
 
 ## License
 
diff --git a/zh-cn/NativeBase.md b/zh-cn/NativeBase.md
index 663a9e35..cbe6082c 100644
--- a/zh-cn/NativeBase.md
+++ b/zh-cn/NativeBase.md
@@ -146,9 +146,7 @@ const styles = StyleSheet.create({
 [继承了React Native中View参数](https://reactnative.dev/docs/view#props)
 
 **Container**: 容器根据当前断点限制内容的宽度，同时保持尺寸的流动性。
-|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
-| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        centerContent         |        它将根据子元素的内容宽度将其置于中心。        |         boolean       |    No    |   All    |        Yes        |
+[Container实现了Box的功能，所以所有Box的属性都能传给Container]
 
 **Flex**: 布局组件，Flex 是 CSS flex 布局的一个封装
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -174,10 +172,10 @@ const styles = StyleSheet.create({
 |        reversed         |           确定是否反转堆叠项目的方向。     |        Boolean	         |    No    |   All    |        Yes        |
 |        direction        |           堆叠项目的方向,可选row，column，column-reverse，row-reverse    |        String	         |    No    |   All    |        Yes        |
 |        isHovered         |           是否悬停     |        Boolean	         |    No    |   Web    |        No        |
-|        isFocused         |           是否聚焦     |        Boolean	         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用     |        Boolean	         |    No    |   All    |        Yes        |
-|        isInvalid         |           是否无效     |        Boolean	         |    No    |   All    |        Yes        |
-|        isReadOnly         |           是否只读,如果为 true，则阻止编辑子项的值。与 FormControls 一起使用     |        Boolean	         |    No    |   All    |        Yes        |
+|        isFocused         |           是否聚焦     |        Boolean	         |    No    |   No    |        No        |
+|        isDisabled         |           是否禁用     |        Boolean	         |    No    |   No    |        No        |
+|        isInvalid         |           是否无效     |        Boolean	         |    No    |   No    |        No        |
+|        isReadOnly         |           是否只读,如果为 true，则阻止编辑子项的值。与 FormControls 一起使用     |        Boolean	         |    No    |   No    |        No        |
 
 **VStack / Column**: VStack / Column 布局组件垂直对齐
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -199,17 +197,17 @@ const styles = StyleSheet.create({
 |        isHovered         |           是否悬停      |        Boolean         |    No    |   Web    |        No        |
 |        isPressed         |           是否按下     |        Boolean         |    No    |   All    |        Yes        |
 |        isFocused         |           是否被聚焦      |        Boolean         |    No    |   All    |        Yes        |
-|        isFocusVisible         |           是否展示焦环      |        Boolean         |    No    |   All    |        Yes        |
+|        isFocusVisible         |           是否展示焦环      |        Boolean         |    No    |   No    |        No        |
 |        startIcon         |           开始图标元素      |        React.element         |    No    |   All    |        Yes        |
 |        endIcon         |           结束图标元素      |        React.element         |    No    |   All    |        Yes        |
 |        isLoadingText         |           正在加载文本      |         String        |    No    |   All    |        Yes        |
-|        spinner         |           是否加载中      |        Boolean         |    No    |   All    |        Yes        |
+|        spinner         |           加载中传入的元素      |        JSX.Element         |    No    |   All    |        Yes        |
 |        isDisabled         |           是否禁用      |        Boolean         |    No    |   All    |        Yes        |
-|        _text_         |          用于为框内的文本提供参数      |        Object         |    No    |   All    |        Yes        |
+|        _text        |          用于为框内的文本提供参数      |        Object         |    No    |   All    |        Yes        |
 |        _stack         |           要传递给按钮内部使用的 HStack 的参数      |        Object         |    No    |   All    |        Yes        |
 |        _icon         |            传递给按钮内部使用的图标的参数      |        Object         |    No    |   All    |        Yes        |
 |        spinnerPlacement         |          指定加载指示器（spinner）的位置，可选start，end    |        String         |    No    |   All    |        Yes        |
-|        _isLoading         |           当按钮加载中时传递的参数     |        Object         |    No    |   All    |        Yes        |
+|        _loading         |           当按钮加载中时传递的参数     |        Object         |    No    |   All    |        Yes        |
 |        _isDisabled         |           当按钮禁用时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
 |        _spinner         |           当按钮加载中时传递给按钮的参数      |        Object         |    No    |   All    |        Yes        |
 |        _hover        |           当按钮悬停时传递给按钮的参数     |        Object         |    No    |   Web    |        No        |
@@ -226,16 +224,16 @@ const styles = StyleSheet.create({
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        onHoverIn         |           鼠标移入调用      |        () => void         |    No    |   Web    |        No        |
 |        onHoverOut         |           鼠标移出调用      |        () => void         |    No    |   Web    |        No        |
-|        onFocus         |           聚焦时调用      |        () => void         |    No    |   All    |        Yes        |
-|        onBlur         |           失焦时调用      |        () => void         |    No    |   All    |        Yes        |
+|        onFocus         |           聚焦时调用      |        () => void         |    No    |   No    |        No        |
+|        onBlur         |           失焦时调用      |        () => void         |    No    |   No    |        No        |
 |        _hover         |           悬停参数      |        Object         |    No    |   Web    |        No        |
-|        _pressed         |           按下禁用时参数      |        Object         |    No    |   All    |        Yes        |
+|        _pressed         |           按下时参数      |        Object         |    No    |   All    |        Yes        |
 |        _focus         |           获得焦点时参数      |        Object         |    No    |   All    |        Yes        |
 |        _disabled         |           禁用时参数      |        Object         |    No    |   All    |        Yes        |
 |        isDisabled         |           是否禁用     |        Boolean         |    No    |   All    |        Yes        |
 |        isHovered         |           是否悬停      |        Boolean         |    No    |   Web    |        No        |
 |        isPressed         |           是否按下      |        Boolean         |    No    |   All    |        Yes        |
-|        isFocused         |          是否聚焦      |        Boolean         |    No    |   All    |        Yes        |
+|        isFocused         |          是否聚焦      |        Boolean         |    No    |   No    |        No        |
 |        isFocusVisible         |           是否展示焦环      |        Boolean         |    No    |   All    |        Yes        |
 |        _focusVisible         |           焦点可见时应用的样式属性。这些样式仅在用户使用键盘与应用交互时应用。（仅限 Web）      |        Object         |    No    |   Web    |        No        |
 |        children         |           将组件渲染为 Box 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
@@ -257,11 +255,11 @@ const styles = StyleSheet.create({
 |        nativeID         |           本地ID      |        String         |    No    |   All    |        Yes        |
 |        isInvalid         |           是否无效    |        Boolean         |    No    |   All    |        Yes        |
 |        isRequired         |            是否必须      |        Boolean         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用      |        Boolean         |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用      |        Boolean         |    No    |   No    |        No        |
 |        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
 |        _disabled         |           禁用状态下传递参数      |        Object        |    No    |   All    |        Yes        |
-|        htmlFor         |           反映“for”内容属性的值      |        String        |    No    |   All    |        Yes        |
-|        _astrick         |           应用于 astric 文本的道具      |        Object        |    No    |   All    |        Yes        |
+|        htmlFor         |           反映“for”内容属性的值      |        String        |    No    |   Web    |        No        |
+|        _astrick         |           应用于 astric 文本的道具      |        Object        |    No    |   Web    |        No        |
 |        rightIcon         |           表单中使用的左侧侧图标元素      |        React.element        |    No    |   All    |        Yes        |
 |        leftIcon         |           表单中使用的右侧图标元素      |        React.element        |    No    |   All    |        Yes        |
 |        startIcon         |           开始图标元素      |        React.element        |    No    |   All    |        Yes        |
@@ -274,7 +272,7 @@ const styles = StyleSheet.create({
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        colorScheme         |            主题，可选primary，green，red      |        String         |    No    |   All    |        Yes        |
 |        variant         |           风格，可选link，unstyled，solid，ghost，subtle      |        String         |    No    |   All    |        Yes        |
-|        size         |            按钮大小，可选sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
+|        size         |            按钮大小，可选xs（微小尺寸）、sm（小尺寸）、md（中等尺寸）、lg（大尺寸）      |        String         |    No    |   All    |        Yes        |
 |        isDisabled         |           是否禁用    |        Boolean         |    No    |   All    |        Yes        |
 |        icon         |           要使用的图标      |         React.element         |    No    |   All    |        Yes        |
 |        _icon         |           要传递给IconButton内部使用的图标的参数      |        Object        |    No    |   All    |        Yes        |
@@ -298,8 +296,8 @@ const styles = StyleSheet.create({
 |        InputRightElement         |           输入框内部右侧元素      |        React.element        |    No    |   All    |        Yes        |
 |        rightElement         |           输入框外部右侧元素      |        React.element        |    No    |   All    |        Yes        |
 |        type         |           类型，可选text，password      |        String        |    No    |   All    |        Yes        |
-|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   All    |        Yes        |
-|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   No    |        No        |
+|        wrapperRef         |           获取节点     |        Any        |    No    |   No    |        No        |
 |        _hover         |           要传递给Input内部使用的悬停的参数      |        Object        |    No    |   Web    |        NO        |
 |        _focus         |           要传递给Input内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
 |        _disabled         |           要传递给Input内部使用的禁用的参数      |        Object        |    No    |   All    |        Yes        |
@@ -307,8 +305,8 @@ const styles = StyleSheet.create({
 |        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
 |        _input         |           传递给InputBase组件参数      |        Object        |    No    |   All    |        Yes        |
 |        _stack         |            要传递给按钮内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
-|        focusOutlineColor         |           当输入框获得焦点时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
-|        invalidOutlineColor         |           当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
+|        focusOutlineColor         |           当输入框获得焦点时，该属性指定输入框的轮廓颜色      |        String        |    No    |   All    |        Yes        |
+|        invalidOutlineColor         |           当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色      |        String        |    No    |   All    |        Yes        |
 |        ref         |           节点      |        Any        |    No    |   All    |        Yes        |
 
 **TextArea**: 文本域
@@ -327,18 +325,17 @@ const styles = StyleSheet.create({
 |        InputRightElement         |           输入框内部右侧元素      |        React.element        |    No    |   All    |        Yes        |
 |        rightElement         |           输入框外部右侧元素      |        React.element        |    No    |   All    |        Yes        |
 |        type         |           类型，可选text，password      |        String        |    No    |   All    |        Yes        |
-|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   All    |        Yes        |
-|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+|        isFullWidth         |           沾满元素      |        Boolean        |    No    |   No    |        No        |
+|        wrapperRef         |           获取节点     |        Any        |    No    |   All    |        Yes        |
 |        _hover         |           要传递给Input内部使用的悬停的参数      |        Object        |    No    |   Web    |        NO        |
 |        _focus         |           要传递给Input内部使用的聚焦的参数      |        Object        |    No    |   All    |        Yes        |
 |        _disabled         |           要传递给Input内部使用的禁用的参数      |        Object        |    No    |   All    |        Yes        |
 |        _readOnly         |           要传递给Input内部使用的只读的参数      |        Object        |    No    |   All    |        Yes        |
 |        _invalid         |           无效状态下传递参数      |        Object        |    No    |   All    |        Yes        |
-|        _input         |           传递给InputBase组件参数      |        Object        |    No    |   All    |        Yes        |
 |        _stack         |            要传递给按钮内部使用的 HStack 的参数      |        Object        |    No    |   All    |        Yes        |
 |        focusOutlineColor         |           当输入框获得焦点时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
 |        invalidOutlineColor         |           当输入框中的内容被认为是无效时，该属性指定输入框的轮廓颜色      |        Boolean        |    No    |   All    |        Yes        |
-|        ref         |           节点      |        Any        |    No    |   All    |        Yes        |
+|        placeholder           |            提示文本      |        String         |    No    |   All    |        Yes        |
 
 **Link**: 超链接
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -348,9 +345,9 @@ const styles = StyleSheet.create({
 |        isUnderlined         |            是否有下横线     |        Boolean         |    No    |   All    |        Yes        |
 |        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
 |        onPress         |           按压事件      |          () => void          |    No    |   All    |        Yes        |
-|        isExternal         |           是否直接打开web端      |        String        |    No    |   All    |        Yes        |
+|        isExternal         |           是否直接打开web端      |        String        |    No    |   No    |        No        |
 |        _hover         |          悬停参数      |        Object        |    No    |   Web    |        No        |
-|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)      |        Any        |    No    |   No    |        No        |
+|        wrapperRef         |           获取节点      |        Any        |    No    |   All    |        Yes        |
 
 **Radio**: 单选框
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -361,10 +358,12 @@ const styles = StyleSheet.create({
 |        isHovered         |           是否悬停    |        Boolean         |    No    |   Web    |        No        |
 |        isPressed         |           是否按压      |         Boolean         |    No    |   All    |        Yes        |
 |        isFocused         |           是否聚焦      |        Boolean        |    No    |   All    |        Yes        |
-|        isFocusVisible         |           焦点是否可见      |        Boolean        |    No    |   All    |        Yes        |
+|        isInvalid         |           是否失效      |        Boolean        |    No    |   All    |        Yes        |
+|        onChange         |          改变事件      |          () => void          |    No    |   All    |        Yes        |
+|        isFocusVisible         |           焦点是否可见      |        Boolean        |    No    |   No    |        No        |
 |        size         |           单选框尺寸lg，md，sm     |        String        |    No    |   All    |        Yes        |
 |        icon         |           接收图标     |         React.element          |    No    |   All    |        Yes        |
-|        wrapperRef         |           获取节点(鸿蒙中获取不到，用ref可以获取)     |        Any        |    No    |   No    |        No        |
+|        wrapperRef         |           获取节点     |        Any        |    No    |   All    |        Yes        |
 |        _stack         |           要传递给单选框内部使用的 HStack 的参数     |        Object        |    No    |   All    |        Yes        |
 |        _disabled         |           当禁用时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
 |        _checked         |           当选中时传递给单选框的参数     |        Object        |    No    |   All    |        Yes        |
@@ -381,17 +380,17 @@ const styles = StyleSheet.create({
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        placeholder           |            提示文本      |        String         |    No    |   All    |        Yes        |
-|        color         |            选中颜色      |        String         |    No    |   All    |        Yes        |
-|        placeholderTextColor         |            提示文本颜色     |        String         |    No    |   All    |        Yes        |
-|        _item         |           是否悬停    |        Boolean         |    No    |   No    |        No        |
-|        _selectedItem         |           是否按压      |         Boolean         |    No    |   All    |        Yes        |
-|        selectedValue         |           选中值      |        Boolean        |    No    |   All    |        Yes        |
-|        defaultValue         |           初始值      |        Boolean        |    No    |   All    |        Yes        |
+|        color         |            选中颜色      |        String         |    No    |   No    |        Yes        |
+|        placeholderTextColor         |            提示文本颜色     |        String         |    No    |   iOS    |        No        |
+|        _item         |           每个选项的参数    |        Object         |    No    |   All    |        Yes        |
+|        _selectedItem         |           选中选项的参数      |         Object         |    No    |   All    |        Yes        |
+|        selectedValue         |           选中值      |        String        |    No    |   All    |        Yes        |
+|        defaultValue         |           初始值      |        String        |    No    |   All    |        Yes        |
 |        onValueChange         |           单选事件     |         () => void         |    No    |   All    |        Yes        |
-|        isDisabled         |           是否禁用     |         React.element          |    No    |   All    |        Yes        |
-|        isHovered         |           是否悬停     |        Any        |    No    |   Web    |        No        |
-|        isFocused         |           是否聚焦     |        Object        |    No    |   All    |        Yes        |
-|        isFocusVisible         |           焦点是否可见     |        Object        |    No    |   All    |        Yes        |
+|        isDisabled         |           是否禁用     |         Boolean          |    No    |   All    |        Yes        |
+|        isHovered         |           是否悬停     |        Boolean        |    No    |   Web    |        No        |
+|        isFocused         |           是否聚焦     |        Boolean        |    No    |   All    |        Yes        |
+|        isFocusVisible         |           焦点是否可见     |        Boolean        |    No    |   No    |        No        |
 |        dropdownIcon         |           原有图标     |        React.element        |    No    |   All    |        Yes        |
 |        dropdownOpenIcon         |           打开图标     |        React.element        |    No    |   All    |        Yes        |
 |        dropdownCloseIcon         |           关闭图标     |        React.element        |    No    |   All    |        Yes        |
@@ -401,7 +400,8 @@ const styles = StyleSheet.create({
 |        _actionSheet         |           传递给遮罩层的参数样式     |        Object        |    No    |   All    |        Yes        |
 |        _actionSheetContent         |           传递给内容的参数样式     |        Object        |    No    |   All    |        Yes        |
 |        _actionSheetBody         |           传递给内容Body的参数     |        Object        |    No    |   All    |        Yes        |
-|        wrapperRef         |           获取节点    |        Any        |    No    |   All    |        Yes        |
+|        wrapperRef         |           获取节点    |        Any        |    No    |   No    |        No        |
+|        accessibilityLabel         |           当用户与元素交互时读取的文本    |        String        |    No    |   No    |        No        |
 
 **Select.Item**: 下拉框子集
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -435,17 +435,16 @@ const styles = StyleSheet.create({
 |        onChange         |          滑块事件      |          () => void          |    No    |   All    |        Yes        |
 |        colorScheme         |           主题      |        String        |    No    |   All    |        Yes        |
 |        orientation         |           展示方向，可选horizontal，vertical'     |        String        |    No    |   All    |        Yes        |
-|        accessibilityLabel         |           滑块文本描述      |        String        |    No    |   All    |        Yes        |
+|        accessibilityLabel         |           滑块文本描述      |        String        |    No    |   No    |        No        |
 |        isReversed         |           是否反转      |        Boolean        |    No    |   All    |        Yes        |
 |        isDisabled         |           是否禁用      |        Boolean        |    No    |   All    |        Yes        |
 |        onChangeEnd         |          松开停止移动事件      |         () => void        |    No    |   All    |        Yes        |
 |        minValue         |           最小值      |        Number        |    No    |   All    |        Yes        |
 |        maxValue         |           最大值      |        Number        |    No    |   All    |        Yes        |
 |        step         |           每次用移动的步数      |        Number        |    No    |   All    |        Yes        |
-|        isReadOnly         |           最大值      |        Boolean        |    No    |   All    |        Yes        |
-|        maxValue         |           最大值      |        Number        |    No    |   All    |        Yes        |
-|        _disabled         |           禁用时启用      |        Number        |    No    |   All    |        Yes        |
-|        _readOnly         |           只读时启用      |        Number        |    No    |   All    |        Yes        |
+|        isReadOnly         |           是否只读      |        Boolean        |    No    |   All    |        Yes        |
+|        _disabled         |           禁用时启用      |        Object        |    No    |   All    |        Yes        |
+|        _readOnly         |           只读时启用      |        Object        |    No    |   All    |        Yes        |
 |        sliderTrackHeight         |           轨道高度      |        Number        |    No    |   All    |        Yes        |
 |        thumbSize         |           滑块大小      |        Number        |    No    |   All    |        Yes        |
 |        _interactionBox         |           交互样式      |        Object        |    No    |   All    |        Yes        |
@@ -453,7 +452,7 @@ const styles = StyleSheet.create({
 **Badge**: 小标识小标签
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        variant         |            风格      |        Number         |    No    |   All    |        Yes        |
+|        variant         |            风格      |        String         |    No    |   All    |        Yes        |
 |        colorScheme         |           主题,可选success，danger，info，coolGray     |        String         |    No    |   All    |        Yes        |
 |        rightIcon         |          组件右侧图标      |          React.element         |    No    |   All    |        Yes        |
 |        leftIcon         |          组件左侧图标      |          React.element          |    No    |   All    |        Yes        |
@@ -471,7 +470,7 @@ const styles = StyleSheet.create({
 **Alert**: 状态提示框
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        status         |            方向,可选info，warning，success，error      |        String         |    No    |   All    |        Yes        |
+|        status         |            状态,可选info，warning，success，error      |        String         |    No    |   All    |        Yes        |
 |        variant         |           风格    |        String         |    No    |   All    |        Yes        |
 |        colorScheme         |           主题    |        String         |    No    |   All    |        Yes        |
 
@@ -506,7 +505,7 @@ const styles = StyleSheet.create({
 |        endColor         |           结束颜色    |        String         |    No    |   All    |        Yes        |
 |        lines         |            文本中的行数   |        Number         |    No    |   All    |        Yes        |
 |        _line         |            文本中的行数样式参数   |        String         |    No    |   All    |        Yes        |
-|        _stack         |            要传递给按钮内部使用的 HStack 的参数    |        String         |    No    |   All    |        Yes        |
+|        _stack         |            要传递给按钮内部使用的 HStack 的参数    |        String         |    No    |   No    |        No        |
 
 **Spinner**: 加载等待中
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -532,11 +531,11 @@ const styles = StyleSheet.create({
 |        onCloseComplete         |            显示完成关闭回调   |       () => void        |    No    |   All    |        Yes        |
 |        placement         |            位置，可选top，top-right，top-left，bottom，bottom-left，bottom-right   |      String        |    No    |   All    |        Yes        |
 |        render         |            接收子组件   |      (props: any) => ReactNode       |    No    |   All    |        Yes        |
-|        _title         |            标题样式参数   |       () => void        |    No    |   All    |        Yes        |
-|        _description         |            描述样式参数   |       () => void        |    No    |   All    |        Yes        |
+|        _title         |            标题样式参数   |       Object       |    No    |   All    |        Yes        |
+|        _description         |            描述样式参数   |       Object        |    No    |   All    |        Yes        |
 |        accessibilityAnnouncement         |            Toast 打开时屏幕阅读器播报的文本   |       String       |    No    |   Android     |        No        |
 |        accessibilityLiveRegion         |            Toast 打开时屏幕阅读器播报的文本位置   |       String        |    No    |   Android     |        No        |
-|        avoidKeyboard         |         键盘打开，则 Toast 将向上移动相当于键盘高度   |       Boolean        |    No    |   All    |        Yes        |
+|        avoidKeyboard         |         键盘打开，则 Toast 将向上移动相当于键盘高度   |       Boolean        |    No    |   iOS    |        No        |
 
 **Text**: 文本
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -546,7 +545,7 @@ const styles = StyleSheet.create({
 |        letterSpacing         |            间距   |       String         |    No    |   All    |        Yes        |
 |        lineHeight         |            行高   |        String        |    No    |   All    |        Yes        |
 |        fontWeight         |            字宽   |        String        |    No    |   All    |        Yes        |
-|        Fonts         |            字型   |        String        |    No    |   All    |        Yes        |
+|        Fonts         |            字型   |        String        |    No    |   No    |        No        |
 |        noOfLines         |            行数   |        Number        |    No    |   All    |        Yes        |
 |        bold         |            加粗   |        Number        |    No    |   All    |        Yes        |
 |        isTruncated         |            超出省略   |        Boolean        |    No    |   All    |        Yes        |
@@ -568,10 +567,10 @@ const styles = StyleSheet.create({
 |        onClose         |           关闭事件    |       () => void        |    No    |   All    |        Yes        |
 |        defaultIsOpen         |           是否打开    |       Boolean        |    No    |   All    |        Yes        |
 |        size         |           尺寸    |       Number        |    No    |   All    |        Yes        |
-|        leastDestructiveRef         |           最小元素节点    |       Object        |    No    |   All    |        Yes        |
+|        leastDestructiveRef         |           最小元素节点    |       Object        |    No    |   No    |        No        |
 |        initialFocusRef         |           打开时焦点元素节点    |       Object        |    No    |   All    |        Yes        |
-|        finalFocusRef         |           关闭时焦点元素节点    |       Boolean        |    No    |   All    |        Yes        |
-|        avoidKeyboard         |           键盘打开，则 AlertDialog 将向上移动相当于键盘高度     |       Boolean        |    No    |   All    |        Yes        |
+|        finalFocusRef         |           关闭时焦点元素节点    |       Object        |    No    |   All    |        Yes        |
+|        avoidKeyboard         |           键盘打开，则 AlertDialog 将向上移动相当于键盘高度     |       Boolean        |    No    |   iOS    |        No        |
 |        closeOnOverlayClick         |           点击关闭    |       Boolean        |    No    |   All    |        Yes        |
 |        isKeyboardDismissable         |           Esc关闭    |       Boolean        |    No    |   No    |        No        |
 |        overlayVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
@@ -580,12 +579,12 @@ const styles = StyleSheet.create({
 |        _backdropFade         |           遮罩动画的参数样式    |       Object        |    No    |   All    |        Yes        |
 |        _fade         |           子集褪色动画的参数样式    |       Object        |    No    |   All    |        Yes        |
 |        _slide         |           子集幻灯片动画的参数样式    |       Object        |    No    |   All    |        Yes        |
-|        animationPreset         |           动画类型    |       Object        |    No    |   All    |        Yes        |
+|        animationPreset         |           动画类型    |       String        |    No    |   All    |        Yes        |
 
 **Menu**: 菜单
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        trigger         |            手动触发显示的元素  |        () => void        |    No    |   All    |        Yes        |
+|        trigger         |            手动触发显示的元素  |        () => void        |    Yes    |   All    |        Yes        |
 |        onOpen         |            打开事件    |        () => void        |    No    |   All    |        Yes        |
 |        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
 |        closeOnSelect         |             选择时菜单是否自动关闭    |        Boolean        |    No    |   All    |        Yes        |
@@ -594,10 +593,42 @@ const styles = StyleSheet.create({
 |        crossOffset         |            控制菜单相对于触发元素的偏移量    |        Number       |    No    |   All    |        Yes        |
 |        offset         |            菜单弹出位置的偏移量    |        Number       |    No    |   All    |        Yes        |
 |        shouldOverlapWithTrigger         |            控制菜单是否与触发元素重叠显示。    |        boolean       |    No    |   All    |        Yes        |
-|        placement         |            位置，可选top,bottom,left,right等    |        Boolean       |    No    |   All    |        Yes        |
-|        _overlay         |            菜单的覆盖层参数    |        Boolean       |    No    |   All    |        Yes        |
-|        _presenceTransition         |            出现和消失过渡效果参数    |        Boolean       |    No    |   All    |        Yes        |
-|        _backdrop         |            背景遮罩参数    |        Boolean       |    No    |   All    |        Yes        |
+|        placement         |            位置，可选top,bottom,left,right等    |        String       |    No    |   All    |        Yes        |
+|        _overlay         |            菜单的覆盖层参数    |        Object       |    No    |   All    |        Yes        |
+|        _presenceTransition         |            出现和消失过渡效果参数    |        Object       |    No    |   All    |        Yes        |
+|        _backdrop         |            背景遮罩参数    |        Object       |    No    |   All    |        Yes        |
+|        shouldFlip         |             没有空间时元素是否翻转    |   Boolean            |    No    |   All    |        Yes        |
+
+**Menu.Item**: 菜单子项
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        children         |             子元素    |   JSX.Element             |    No    |   All    |        Yes        |
+|        isDisabled         |             是否禁用    |   Boolean             |    No    |   All    |        Yes        |
+|        _text         |            传给文字的参数    |   Object             |    No    |   All    |        Yes        |
+|        textValue         |             预设的值    |   String             |    No    |   All    |        Yes        |
+
+**Menu.Option**: 菜单选项
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        value         |             值    |   String             |    No    |   All    |        Yes        |
+|        _stack         |             传递给stack的参数    |   Object             |    No    |   All    |        Yes        |
+|        _icon         |             传递给图标的参数    |   Object             |    No    |   All    |        Yes        |
+|        _text         |            传给文字的参数    |   Object             |    No    |   All    |        Yes        |
+
+**Menu.MenuGroup**: 菜单组
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        title         |             标题    |   String             |    No    |   All    |        Yes        |
+|        children         |             子元素    |   JSX.Element             |    No    |   All    |        Yes        |
+|        _title         |            传给标题的参数    |   Object             |    No    |   All    |        Yes        |
+
+**Menu.MenuOptionGroup**: 菜单选项组
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        type         |            类型（可选radio，checkbox）    |   String             |    No    |   All    |        Yes        |
+|        defaultValue         |             默认值    |   String             |    No    |   All    |        Yes        |
+|        value         |            值    |   String             |    No    |   All    |        Yes        |
+|        onChange         |            改变事件    |   () => void             |    No    |   All    |        Yes        |
 
 **Modal**: 弹框
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -608,16 +639,18 @@ const styles = StyleSheet.create({
 |        size         |            尺寸   |        String        |    No    |   All    |        Yes        |
 |        initialFocusRef         |            模态框打开时最初获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
 |        finalFocusRef         |            模态框关闭时最终获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
-|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   All    |        Yes        |
+|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   iOS    |        No        |
 |        isKeyboardDismissable         |            控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框    |        Boolean       |    No    |   All    |        Yes        |
 |        overlayVisible         |            控制模态框的背景覆盖层（overlay）是否可见    |        Boolean       |    No    |   All    |        Yes        |
 |        backdropVisible         |            控制模态框的背景遮罩是否可见    |        Boolean       |    No    |   All    |        Yes        |
 |        animationPreset         |            动画效果    |        String       |    No    |   All    |        Yes        |
+|        _backdrop         |            背景遮罩参数    |        Object       |    No    |   All    |        Yes        |
 |        _fade         |            动画参数    |        Object       |    No    |   All    |        Yes        |
 |        _slide         |            幻灯片动画参数    |        Object       |    No    |   All    |        Yes        |
 |        _overlay         |            背景覆盖层参数    |        Object       |    No    |   All    |        Yes        |
 |        useRNModal         |          是否使用 React Native 的原生Modal组件来实现模态框      |        Boolean       |    No    |   All    |        Yes        |
-|        _backdropFade         |            背景遮罩参数    |        Boolean       |    No    |   All    |        Yes        |
+|        _backdropFade         |            背景遮罩参数    |        Object       |    No    |   All    |        Yes        |
+|        closeOnOverlayClick         |            点击关闭    |        () => void       |    No    |   All    |        Yes        |
 
 **Popover**: 局部弹框
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -625,21 +658,19 @@ const styles = StyleSheet.create({
 |        isOpen         |            是否打开    |        Boolean        |    No    |   All    |        Yes        |
 |        onClose         |           关闭事件    |        () => void        |    No    |   All    |        Yes        |
 |        onOpen         |           打开事件    |        () => void        |    No    |   All    |        Yes        |
+|        placement         |           位置    |        String        |    No    |   All    |        Yes        |
 |        defaultIsOpen         |             默认打开    |        Boolean        |    No    |   All    |        Yes        |
-|        size         |            尺寸   |        String        |    No    |   All    |        Yes        |
 |        initialFocusRef         |            模态框打开时最初获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
 |        finalFocusRef         |            模态框关闭时最终获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
-|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   All    |        Yes        |
 |        isKeyboardDismissable         |            控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框    |        Boolean       |    No    |   All    |        Yes        |
-|        overlayVisible         |            控制模态框的背景覆盖层（overlay）是否可见    |        Boolean       |    No    |   All    |        Yes        |
-|        backdropVisible         |            控制模态框的背景遮罩是否可见    |        Boolean       |    No    |   All    |        Yes        |
-|        animationPreset         |            动画效果    |        String       |    No    |   All    |        Yes        |
-|        _fade         |            动画参数    |        Object       |    No    |   All    |        Yes        |
-|        _slide         |            幻灯片动画参数    |        Object       |    No    |   All    |        Yes        |
-|        _overlay         |            背景覆盖层参数    |        Object       |    No    |   All    |        Yes        |
 |        useRNModal         |            是否使用 React Native 的原生Modal组件来实现局部弹框     |        Boolean       |    No    |   All    |        Yes        |
 |        trigger         |            手动触发显示的元素  |        () => void        |    No    |   All    |        Yes        |
+|        trapFocus         |            是否应该捕获焦点  |        Boolean        |    No    |   No    |        No        |
+|        crossOffset         |            x轴偏移量  |       Number        |    No    |   All    |        Yes        |
+|        offset         |            y轴偏移量  |       Number        |    No    |   All    |        Yes        |
 |        shouldOverlapWithTrigger         |            控制菜单是否与触发元素重叠显示。    |        boolean       |    No    |   All    |        Yes        |
+|        children         |             子元素    |   JSX.Element             |    No    |   All    |        Yes        |
+|        shouldFlip         |             元素渲染位置不够是否反转    |   Boolean             |    No    |   All    |        Yes        |
 
 **Avatar**: 显示用户头像或图像
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -647,7 +678,7 @@ const styles = StyleSheet.create({
 |        source         |            图片地址参数    |        Object        |    No    |   All    |        Yes        |
 |        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
 |        _image         |           图片参数    |        Object       |    No    |   All    |        Yes        |
-|        wrapperRef         |             获取节点    |        Boolean        |    No    |   All    |        Yes        |
+|        wrapperRef         |             获取节点    |        Any        |    No    |   All    |        Yes        |
 
 **Icon**: 展示图标
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -655,7 +686,6 @@ const styles = StyleSheet.create({
 |        as         |            接收矢量图标    |        Any        |    No    |   All    |        Yes        |
 |        size         |           尺寸    |        String        |    No    |   All    |        Yes        |
 |        color         |           颜色    |        String       |    No    |   All    |        Yes        |
-|        children         |             子元素    |   JSX.Element             |    No    |   All    |        Yes        |
 |        name         |             名称    |   String            |    No    |   All    |        Yes        |
 |        viewBox         |             icon盒子参数    |   String            |    No    |   All    |        Yes        |
 |        path         |             icon地址    |   JSX.Element[]            |    No    |   All    |        Yes        |
@@ -688,7 +718,7 @@ const styles = StyleSheet.create({
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        _dragIndicatorWrapperOffSet         |            在操作表内容上方区域内容参数    |        Object        |    No    |   All    |        Yes        |
 |        _dragIndicatorWrapper         |            在操作表内容周围区域内容参数    |         Object      |    No    |   All    |        Yes        |
-|        _dragIndicator         |            在拖动指示器上施加的推力    |         Object       |    No    |   All    |        Yes        |
+|        _dragIndicator         |            拖动指示器的参数    |         Object       |    No    |   All    |        Yes        |
 
 **PresenceTransition**: 组件的出现和消失添加动画过渡效果
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
@@ -706,7 +736,7 @@ const styles = StyleSheet.create({
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        initial         |            动画初始状态的属性    |        Object       |    No    |   All    |        Yes        |
 |        animate         |            动画最终状态的属性    |         Object       |    No    |   All    |        Yes        |
-|        exit         |           组件在隐藏时的状态    |        Boolean        |    No    |   All    |        Yes        |
+|        exit         |           组件在隐藏时的状态    |        Object        |    No    |   All    |        Yes        |
 |        visible         |           是否打开    |        Boolean       |    No    |   All    |        Yes        |
 
 **Slide**: 实现滑动动画
@@ -730,34 +760,46 @@ const styles = StyleSheet.create({
 |        from         |            屏幕尺寸的起点，当屏幕尺寸大于等于这个起点时，组件将被隐藏    |        String       |    No    |   All    |        Yes        |
 |        till         |             屏幕尺寸的终点，当屏幕尺寸小于这个终点时，组件将被隐藏    |         String       |    No    |   All    |        Yes        |
 |        only         |           指定一个或多个特定的屏幕尺寸，只有在这些尺寸下组件才会显示，其他尺寸下将被隐藏    |        String        |    No    |   All    |        Yes        |
-|        colorMode         |           组件在不同颜色模式下的显示状态。NativeBase 通常支持多种颜色模式，如 light（浅色模式）、dark（深色模式）等。    |        React.Element        |    No    |   All    |        Yes        |
+|        colorMode         |           组件在不同颜色模式下的显示状态。NativeBase 通常支持多种颜色模式，如 light（浅色模式）、dark（深色模式）等。    |        React.Element        |    No    |   No    |        No        |
 |        platform         |           系统平台    |        React.Element        |    No    |   All    |        Yes        |
 |        children         |           子元素    |        React.Element        |    No    |   All    |        Yes        |
-|        isSSR         |           组件是否在服务器端渲染（SSR）环境中    |       Boolean        |    No    |   All    |        Yes        |
+|        isSSR         |           组件是否在服务器端渲染（SSR）环境中    |       Boolean        |    No    |   No    |        No        |
 
 **KeyboardAvoidingView**: 拉起键盘视图向上移动的垂直偏移量
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
-|        behavior         |            键盘弹出时的行为    |        String 或 Undefined       |    No    |   All    |        Yes        |
-|        contentContainerStyle         |            设置该组件内部内容容器的样式    |         Object       |    No    |   All    |        Yes        |
-|        keyboardVerticalOffset         |           当键盘出现时，视图向上移动的垂直偏移量    |        Number或Undefined        |    No    |   All    |        Yes        |
-|        enabled         |           用于控制KeyboardAvoidingView是否生效    |        Boolean或Undefined        |    No    |   All    |        Yes        |
+|        children        |           将组件渲染为 KeyboardAvoidingView 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
+
+**Scrollview**: 滚动
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        children        |           将组件渲染为 Scrollview 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
+|        _contentContainerStyle        |         传递给内容容器样式      |        Object         |    No    |   All    |        Yes        |
+
+**View**: 视图
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        children        |           将组件渲染为 Scrollview 子项。接受 JSX.Element 或 JSX.Element 数组。      |        React.element         |    No    |   All    |        Yes        |
+
+**FlatList**: 滚动
+|         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
+| :------------------: | :----------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
+|        _contentContainerStyle        |           传递给内容容器样式      |        Object         |    No    |   All    |        Yes        |
+|            ref   |         获取节点数据      |        Object         |    No    |   All    |        Yes        |
 
 
 **Other**：包含hooks和外用组件
 | Name                   | Description | Required | Platform | HarmonyOS Support |
 | ---------------------- | ----------- | -------- | ----------------- | ----------------- |
-| Scrollview    | 导出的是RN原生的Scrollview，可直接用RN的Scrollview | NO        | All               | YES               |
-| View     | 导出的是RN原生的View，可直接用RN的View | NO        | All               | YES               |
-| FlatList     | 导出的是RN原生的FlatList，可直接用RN的FlatList | NO        | All              | YES               |
 | useDisclose     | 处理常见的打开、关闭或切换场景，并可以控制反馈组件，如Modal、AlertDialog、Drawer等。 | NO        | All              | YES               |
-| useBreakpointValue     | 用于呈现分段列表的高性能接口 | NO        | All               | YES               |
+| useBreakpointValue     | 用于呈现分段列表的高性能接口 | NO        | NO               | NO               |
 | SectionList     | 导出的是RN原生的SectionList，可直接用RN的SectionList | NO        | All              | YES               |
 | useClipboard     | 使用剪贴板控件并控制将内容复制到剪贴板 | NO        | All               | YES               |
 | useMediaQuery     | 检测单个媒体查询或多个媒体查询之间的匹配。React Native本身不支持媒体查询，因此useMediaQuery仍然有限 | NO        | All               | YES               |
 | useToken     | 解析主题中的设计标记. | NO        | All              | YES               |
-| useColorMode     |设置或检索颜色模式 | NO        | All               | YES               |
-| useColorModeValue     | 基于活动颜色模式值传递的参数中检索值 | NO        | All              | YES               |
+| useColorMode     |设置或检索颜色模式 | NO        | NO               | NO               |
+| useTheme     |从上下文调用主题对象 | NO        | All               | YES               |
+| useColorModeValue     | 基于活动颜色模式值传递的参数中检索值 | NO        | NO              | NO               |
 | useContrastText     | 提供与作为参数传递的背景颜色的颜色对比文本颜色（lightText或darkText） | NO        | All               | YES               |
 | useAccessibleColors  | 更新您的颜色配置，以在应用程序中获得更好的颜色和对比度可访问性。默认情况下，可访问的颜色是关闭的如果您想继续使用可访问的文本颜色，可以使用此挂钩。您还可以使用extendTheme在NativeBaseProvider的配置中传递它 | NO        | All               | YES               |
 | Todo-List     | 用本库的组件写的案例，如有业务需要可自行编写适合的组件 | NO        | All              | YES               |
@@ -773,6 +815,9 @@ const styles = StyleSheet.create({
 | Footer     |用本库的组件写的Footer案例，如有业务需要可自行编写适合的组件 | NO        | All               | YES               |
 
 ## 遗留问题
+- [ ] FormControl组件isDisabled属性无效: [issue#1](https://github.com/GeekyAnts/NativeBase/issues/5707)
+- [ ] Select组件placeholderTextColor属性无效: [issue#16](https://github.com/react-native-oh-library/NativeBase/issues/16)
+- [ ] Modal,AlertDialog,组件avoidKeyboard属性无效: [issue#17](https://github.com/react-native-oh-library/NativeBase/issues/17)
 
 ## 其他
 

From e10d8178a377da03771f858e1a160625569ee37e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=81=E5=8D=AB=E4=BA=AE?= <feng049@126.com>
Date: Tue, 5 Nov 2024 02:31:40 +0000
Subject: [PATCH 809/966] =?UTF-8?q?!1828=20docs:=20[Issuse:=20#IB1GZ4]=20r?=
 =?UTF-8?q?eact-native-maps=E6=96=B0=E5=A2=9ECluster=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20maps=E6=96=B0=E5=A2=9ECluster?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-maps.md    | 29 ++++++++++++++++++++++++++---
 zh-cn/react-native-maps.md | 29 ++++++++++++++++++++++++++---
 2 files changed, 52 insertions(+), 6 deletions(-)

diff --git a/en/react-native-maps.md b/en/react-native-maps.md
index 747d41ed..e292b1b2 100644
--- a/en/react-native-maps.md
+++ b/en/react-native-maps.md
@@ -318,7 +318,9 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src
 +  AIRMapWMSTile,
 +  AIR_WMSTILE_TYPE,
 +  AIR_OVERLAY_TYPE,
-+  AIRMapOverlay
++  AIRMapOverlay,
++  AIR_MAP_CLUSTER_TYPE
++  AIRMapCluster,
 + } from "@react-native-oh-tpl/react-native-maps"
 
 @Builder
@@ -384,7 +386,12 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 +      ctx: ctx.rnComponentContext,
 +      tag: ctx.tag,
 +    })
-+  }
++  } else if (ctx.componentName === AIR_MAP_CLUSTER_TYPE) {
++     AIRMapCluster({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag,
++     })
++   }
 ...
 }
 ...
@@ -407,7 +414,8 @@ const arkTsComponentNames: Array<string> = [
 + AIR_GEOJSON_TYPE, 
 + AIR_URLTILE_TYPE, 
 + AIR_WMSTILE_TYPE, 
-+ AIR_OVERLAY_TYPE
++ AIR_OVERLAY_TYPE,
++ AIR_MAP_CLUSTER_TYPE,
   ];
 ```
 
@@ -863,6 +871,21 @@ Check the release version information in the release address of the third-party
 | startPoints  | Array of floating point values from 0 to 1 representing where each color starts. Array length must be equal to `colors` array length. | Array<Number> |         | yes      | ios/android | no                |
 | colorMapSize | Resolution of color map -- number corresponding to the number of steps colors are interpolated into.                                  | Number        | 256     | yes      | ios/android | no                |
 
+## Cluster
+
+> [!tip] 点聚合组件是新开发组件，在原库上不存在。
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+### Properties
+
+| Name              | Description                       | Type                        | Default  | Required | Platform    | HarmonyOS Support |
+| ----------------- | --------------------------------- | --------------------------- | -------- | -------- | ----------- | ----------------- |
+| distance          | 聚合节点聚合的距离，单位vp        | number                      |          | yes      |             | yes               |
+| clusterItems      | 待聚合节点数组                    | Array<{ position: LatLng }> |          | yes      |             | yes               |
+
 ## Known Issues
 
 - [ ] AIRMap 和 AIRMapMarker 中 Animated 未实现 [issues#1](https://github.com/react-native-oh-library/react-native-maps/issues/1)
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index aaee0cf6..dd4a3078 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -321,7 +321,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 +  AIRMapWMSTile,
 +  AIR_WMSTILE_TYPE,
 +  AIR_OVERLAY_TYPE,
-+  AIRMapOverlay
++  AIRMapOverlay,
++  AIR_MAP_CLUSTER_TYPE
++  AIRMapCluster,
 + } from "@react-native-oh-tpl/react-native-maps"
 
 @Builder
@@ -387,7 +389,12 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 +      ctx: ctx.rnComponentContext,
 +      tag: ctx.tag,
 +    })
-+  }
++  } else if (ctx.componentName === AIR_MAP_CLUSTER_TYPE) {
++     AIRMapCluster({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag,
++     })
++   }
 ...
 }
 ...
@@ -409,7 +416,8 @@ const arkTsComponentNames: Array<string> = [
 + AIR_GEOJSON_TYPE, 
 + AIR_URLTILE_TYPE, 
 + AIR_WMSTILE_TYPE, 
-+ AIR_OVERLAY_TYPE
++ AIR_OVERLAY_TYPE,
++ AIR_MAP_CLUSTER_TYPE,
   ];
 ```
 
@@ -865,6 +873,21 @@ ohpm install
 | startPoints  | Array of floating point values from 0 to 1 representing where each color starts. Array length must be equal to `colors` array length. | Array<Number> |         | yes      | ios/android | no                |
 | colorMapSize | Resolution of color map -- number corresponding to the number of steps colors are interpolated into.                                  | Number        | 256     | yes      | ios/android | no                |
 
+## Cluster
+
+> [!tip] 点聚合组件是新开发组件，在原库上不存在。
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+### 属性
+
+| Name              | Description                       | Type                        | Default  | Required | Platform    | HarmonyOS Support |
+| ----------------- | --------------------------------- | --------------------------- | -------- | -------- | ----------- | ----------------- |
+| distance          | 聚合节点聚合的距离，单位vp        | number                      |          | yes      |             | yes               |
+| clusterItems      | 待聚合节点数组                    | Array<{ position: LatLng }> |          | yes      |             | yes               |
+
 ## 遗留问题
 
 - [ ] AIRMap 和 AIRMapMarker 中 Animated 未实现 [issues#1](https://github.com/react-native-oh-library/react-native-maps/issues/1)

From d1e556f014f865c661edf80f763bcf8c1ec81287 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Tue, 5 Nov 2024 02:32:34 +0000
Subject: [PATCH 810/966] =?UTF-8?q?!1833=20docs:=20[Issues:=20#IB1RMB]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-gifted-charts=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IB1RMB]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-gifted-charts=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-gifted-charts.md    |   91 +-
 zh-cn/react-native-gifted-charts.md | 1687 ++++++++++++++-------------
 2 files changed, 910 insertions(+), 868 deletions(-)

diff --git a/en/react-native-gifted-charts.md b/en/react-native-gifted-charts.md
index 9e71a71e..d946fe29 100644
--- a/en/react-native-gifted-charts.md
+++ b/en/react-native-gifted-charts.md
@@ -121,7 +121,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no | all | yes
 | spacing | Distance between 2 consecutive bars in the Bar chart | number | no | all | yes
 | backgroundColor | Background color of the Bar chart | ColorValue | no | all | yes
-| sectionColors | Background color of the horizontal sections of the chart | ColorValue | no | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | Array<ColorValue> | no | all | yes
 | scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any | no | all | yes
 | scrollToIndex | scroll to a particular index on chart load | number | no | all | yes
 | disableScroll | To disable horizontal scroll | boolean | no | all | yes
@@ -145,6 +145,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | leftShiftForLastIndexTooltip | The distance by which the tooltip component of the last bar should shift towards left | number | no | all | yes
 | adjustToWidth | When set to true, it auto-computes the barWidth and spacing to fit the chart in the available width / parentWidth | boolean | no | all | yes
 | parentWidth | The width of the parent View or the width that the chart should auto-fit into when `adjustToWidth` is true | number | no | all | yes
+| showValuesAsTopLabel | When set to true, shows the value as a label at the top of the bar | boolean | no | all | yes
 
 **Combine Line Chart using showLine**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
@@ -238,7 +239,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | rulesType | solid or dotted/dashed | RuleType | no | all | yes
 | dashWidth | width of each dash | number | no | all | yes
 | dashGap | gap between 2 dashes | number | no | all | yes
-| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no | all | yes
+| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no | no | no
 | referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
 | referenceLine1Position | position of reference line | number | no | all | yes
 | showReferenceLine2 | show second reference line | boolean | no | all | yes
@@ -353,11 +354,11 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | pointerLabelHeight | pointer label height | number | no | all | yes
 | pointerVanishDelay | Pointer disappearance delay | number | no | all | yes
 | activatePointersOnLongPress |Long press to activate pointer | boolean | no | all | yes
-| activatePointersDelay | activation pointer delay | number | no | all | yes
+| activatePointersDelay | activation pointer delay | number | no | all | no
 | persistPointer | persistent pointer | boolean | no | all | yes
 | strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer | number[] | no | all | yes
 | barTouchable | touchable bar | boolean | no | all | yes
-| pointerEvents | pointer event in Bars | PointerEvents | no | all | yes
+| pointerEvents | pointer event in Bars | PointerEvents | no | no | no
 | stripBehindBars | hide the strip in Bars | boolean | no | all | yes
 
 **Props for horizontal BarChart**
@@ -441,20 +442,16 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)| number | no | all | yes
 | stepValue | Value of 1 step/section in the Y axis | number | no | all | yes
 | stepHeight | Height of 1 step/section in the Y axis| number | no | all | yes
-| negativeStepValue | Value of 1 step/section in the Y axis for negative values (in the 4th quadrant)| number | no | all | yes
-| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no | all | yes
 | spacing | Distance between 2 consecutive bars in the Bar chart | number | no | all | yes
 | adjustToWidth | When set to true, it auto computes the spacing value to fit the Line chart in the available width | boolean | no | all | yes
 | backgroundColor | Background color of the Bar chart | ColorValue | no | all | yes
-| sectionColors | Background color of the horizontal sections of the chart | ColorValue | no | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | Array<ColorValue> | no | all | yes
 | scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any | no | all | yes
 | scrollToIndex | scroll to a particular index on chart load | number | no | all | yes
 | disableScroll | To disable horizontal scroll | boolean | no | all | yes
 | showScrollIndicator | To show horizontal scroll indicator | boolean | no | all | yes
 | indicatorColor | (iOS only) The color of the scroll indicators - ('black', 'white' or 'default') | String | no | all | yes
 | isAnimated | To show animated Line or Area Chart. Animation occurs when the chart load for the first time | boolean | no | all | yes
-| animateOnDataChange | To show animation on change in data. A smooth transition takes place between the iold and new line | boolean | no | all | yes
-| onDataChangeAnimationDuration | Duration (milliseconds) in which the transition animation takes place on a change in data | number | no | all | yes
 | onPress | The callback function that handles the press event. `item` and `index` are received as props | Function | no | all | yes
 | scrollToEnd | When set to true, the chart automatically scrolls to the rightmost data point | boolean | no | all | yes
 | scrollAnimation | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost data point | boolean | no | all | yes
@@ -468,7 +465,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | value| Value of the item representing representing its position | number | no | all | yes
-| onPress | Function called on pressing the data point | function | no | all | yes
+| onPress | Function called on pressing the data point | function | no | all | no
 | label | Label text appearing under the X axis | string | no | all | yes
 | labelTextStyle | Style object for the label text appearing under the X axis | object | no | all | yes
 | labelComponent | custom label component appearing under the X axis | Function | no | all | yes
@@ -488,11 +485,11 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | verticalLineUptoDataPoint | When set to true, it sets the height of the vertical line upto the corresponding data point | boolean | no | all | yes
 | verticalLineColor | Color of the vertical Line displayed along the data point | ColorValue | no | all | yes
 | verticalLineThickness | Thickness of the vertical Line displayed along the data point | number| no | all | yes
-| dataPointLabelWidth | width of the label shown beside a data point | number | no | all | yes
-| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point | number | no | all | yes
-| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no | all | yes
-| dataPointLabelComponent | custom component rendered above a data point| Function | no | all | yes
-| focusedDataPointLabelComponent | custom component rendered above a data point only when focused/selected (when the user presses) | Function | no | all | yes
+| dataPointLabelWidth | width of the label shown beside a data point | number | no | all | no
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point | number | no | all | no
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no | all | no
+| dataPointLabelComponent | custom component rendered above a data point| Function | no | all | no
+| focusedDataPointLabelComponent | custom component rendered above a data point only when focused/selected (when the user presses) | Function | no | all | no
 | showStrip | To show a vertical strip along the data point (even if it's not focused/selected) | boolean | no | all | yes
 | stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no | all | yes
 | stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no | all | yes
@@ -697,9 +694,9 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | textShiftX | To shift the dataPointText text horizontally | number | no | all | yes
 | textShiftY | To shift the dataPointText text vertically | number | no | all | yes
 | customDataPoint | A callback function to render a custom component as the data points | Function | no | all | yes
-| dataPointLabelWidth | width of the label shown beside a data point | number | no | all | yes
-| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point | number | no | all | yes
-| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no | all | yes
+| dataPointLabelWidth | width of the label shown beside a data point | number | no | all | no
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point | number | no | all | no
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no | all | no
 | showValuesAsDataPointsText | When set to true, the data item value will be shown as a label text near data point | boolean | no | all | yes
 | pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using this array | ColorValue[] | no | all | yes
 
@@ -732,7 +729,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | pointerLabelHeight | pointer label height | number | no | all | yes
 | pointerVanishDelay | Pointer disappearance delay | number | no | all | yes
 | activatePointersOnLongPress |Long press to activate pointer | boolean | no | all | yes
-| activatePointersDelay | activation pointer delay | number | no | all | yes
+| activatePointersDelay | activation pointer delay | number | no | all | no
 | persistPointer | persistent pointer | boolean | no | all | yes
 | hidePointer1 | hidden pointer | boolean | no | all | yes
 | hidePointer2 | hidden pointer | boolean | no | all | yes
@@ -751,7 +748,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | showDataPointOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolean | no | all | yes
 | showStripOnFocus | If set true, it shows a vertical strip corresponding to the focused area of the chart | boolean | no | all | yes
 | showTextOnFocus | If set true, it shows the data point text corresponding to the focused area of the chart | boolean | no | all | yes
-| showDataPointLabelOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolea| no | all | yes
+| showDataPointLabelOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolea| no | all | no
 | stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no | all | yes
 | stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no | all | yes
 | stripColor | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart | ColorValue| no | all | yes
@@ -769,11 +766,11 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | areaChart | If set true, renders area chart instead of line chart | boolean| no | all | yes
-| areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no | all | yes
-| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean | no | all | yes
-| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no | all | yes
-| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no | all | yes
-| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no | all | yes
+| areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no | no | no
+| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean | no | no | no
+| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no | no | no
+| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no | no | no
+| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no | no | no
 | startFillColor | Start gradient color for the area chart | ColorValue | no | all | yes
 | endFillColor | End gradient color for the area chart | ColorValue | no | all | yes
 | startOpacity | Start gradient opacity for the area chart | number | no | all | yes
@@ -816,10 +813,9 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | onPress | Callback function called on press of Pie sections (takes item and index as parameter) | Function | no | all | yes
 | focusOnPress | When set to true, the pressed section of the Pie chart will have a bigger radius, hence appear focused | boolean | no | all | yes
 | toggleFocusOnPress | When set to true, if the user presses an already focused pie section, it will be unfocused | boolean | no | all | yes
-| extraRadiusForFocused | Extra radius for the focused Pie section | number | no | all | yes
+| extraRadius | Extra radius for the focused Pie section | number | no | all | yes
 | inwardExtraLengthForFocused | Extra length of focused Pie section towards the center (only for donut charts) | number | no | all | yes
 | sectionAutoFocus | In case you don't want focusOnPress but want a particular section to autofocus, this prop will be needed | boolean | no | all | yes
-| onLabelPress | Callback function called on press of a Label (takes item and index as parameter) | Function | no | all | yes
 | tiltAngle | The angle by which the chart should be tilted | Angle in deg | no | all | yes
 | shadow | Shadow to the Pie chart, when set to true, it enhances the 3D effect | boolean | no | all | yes
 | shadowColor | Color of the shadow | ColorValue | no | all | yes
@@ -832,7 +828,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | textSize | Size of the label texts (max allowed: radius / 5) | number | no | all | yes
 | fontStyle | Style of the text - 'normal', 'italic' or 'oblique'| string| no | all | yes
 | fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no | all | yes
-| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no | all | yes
+| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no | all | no
 | showTextBackground | When set to true, displays background for text on the Pie sections | boolean | no | all | yes
 | textBackgroundColor | Background color for the label texts | ColorValue | no | all | yes
 | textBackgroundRadius | Radius for the background of the text labels | number | no | all | yes
@@ -848,6 +844,8 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | curvedStartEdges | Bend start edge, only fro PieProChart | boolean | no | all | yes
 | curvedEndEdges | Bend end edge, only fro PieProChart | boolean | no | all | yes
 | edgesRadius | Bend radius, only fro PieProChart | number | no | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer. only for PieProChart | number[] | no | all | yes
+| ring | Whether the pie chart needs to be filled with fan leaves | boolean | no | all | yes
 
 **Item description (pieDataItem)**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
@@ -861,16 +859,15 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | shiftTextBackgroundY | Shifts the background of label text vertically (default value is shiftTextY) | number | no | all | yes
 | color | Color (background color) of the section | ColorValue | no | all | yes
 | text | Label text for the sections | string | no | all | yes
-| textColor | Color of the text (label) inside the section | ColorValue | no | all | yes
+| textColor | Color of the text (label) inside the section | ColorValue | no | all | no
 | textSize | Size of the text (label) inside the section | number | no | all | yes
 | fontStyle | Style of the text - 'normal', 'italic' or 'oblique' | string | no | all | yes
 | fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no | all | yes
-| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no | all | yes
+| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no | all | no
 | textBackgroundColor | Background color for the label text | ColorValue | no | all | yes
 | textBackgroundRadius | Radius for the background of the text label| number | no | all | yes
 | labelPosition | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid' | string | no | all | yes
 | onPress | Callback function called on press of Pie sections (takes item and index as parameter) | Function | no | all | yes
-| onLabelPress | Callback function called on press of a Label (takes item and index as parameter) | Function | no | all | yes
 | strokeWidth | Stroke (line) width for the Pie chart and its section | number | no | all | yes
 | strokeColor | Stroke (line) color | ColorValue | no | all | yes
 | focused | When set to true, the section for that item is focused, sectionAutoFocus must be set true in order to use this property | boolean | no | all | yes
@@ -923,7 +920,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | xAxisLabelColor              | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
 | xAxisLabelFontStyle          | self explanatory                                                                                                 | FontStyle                  | no       | all      | yes               |
 | xAxisLabelFontWeight         | self explanatory                                                                                                 | FontWeight                 | no       | all      | yes               |
-| xAxisLabelFontFamily         | self explanatory                                                                                                 | string                     | no       | all      | yes               |
+| xAxisLabelFontFamily         | self explanatory                                                                                                 | string                     | no       | all      | no                |
 | xAxisLabelShiftX             | horizontally shifts the x axis labels by given value                                                             | number                     | no       | all      | yes               |
 | xAxisLabelShiftY             | vertically shifts the x axis labels by given value                                                               | number                     | no       | all      | yes               |
 | xAxisRoundToDigits           | number of decimal places upto which x axis labels will be displayed                                              | number                     | no       | all      | yes               |
@@ -946,7 +943,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | yAxisLabelTexts              | An array of string labels to be rendered as Y axis labels (top to bottom)                                        | Array<string>              | no       | all      | yes               |
 | yAxisLabelFontStyle          | self explanatory                                                                                                 | FontStyle                  | no       | all      | yes               |
 | yAxisLabelFontWeight         | self explanatory                                                                                                 | FontWeight                 | no       | all      | yes               |
-| yAxisLabelFontFamily         | self explanatory                                                                                                 | string                     | no       | all      | yes               |
+| yAxisLabelFontFamily         | self explanatory                                                                                                 | string                     | no       | all      | no                |
 | showValuesAsBarLabels        | when set to true, displays the left and right values as labels beside the respective bars                        | boolean                    | no       | all      | yes               |
 | showMidAxis                  | when set to true, displays an axis in the mid - between the left and right halves of the pyramid                 | boolean                    | no       | all      | yes               |
 | midAxisThickness             | thickness of the mid axis lines                                                                                  | number                     | no       | all      | yes               |
@@ -959,19 +956,19 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | midAxisLabelColor            | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
 | midAxisLabelFontStyle        | self explanatory                                                                                                 | FontStyle                  | no       | all      | yes               |
 | midAxisLabelFontWeight       | self explanatory                                                                                                 | FontWeight                 | no       | all      | yes               |
-| midAxisLabelFontFamily       | self explanatory                                                                                                 | string                     | no       | all      | yes               |
+| midAxisLabelFontFamily       | self explanatory                                                                                                 | string                     | no       | all      | no                |
 | barLabelWidth                | width of the labels displayed behind the bars (both left and right bars)                                         | number                     | no       | all      | yes               |
 | barLabelFontSize             | font size of the labels displayed behind the bars (both left and right bars)                                     | number                     | no       | all      | yes               |
 | barLabelColor                | color of the of the labels displayed behind the bars (both left and right bars)                                  | ColorValue                 | no       | all      | yes               |
 | barLabelFontStyle            | font style of the labels displayed behind the bars (both left and right bars)                                    | FontStyle                  | no       | all      | yes               |
 | barLabelFontWeight           | font weight of the labels displayed behind the bars (both left and right bars)                                   | FontWeight                 | no       | all      | yes               |
-| barLabelFontFamily           | font family of the labels displayed behind the bars (both left and right bars)                                   | string                     | no       | all      | yes               |
+| barLabelFontFamily           | font family of the labels displayed behind the bars (both left and right bars)                                   | string                     | no       | all      | no                |
 | leftBarLabelWidth            | width of the labels displayed behind the left bars                                                               | number                     | no       | all      | yes               |
 | leftBarLabelFontSize         | font size of the labels displayed behind the left bars                                                           | number                     | no       | all      | yes               |
 | leftBarLabelColor            | color of the labels displayed behind the left bars                                                               | ColorValue                 | no       | all      | yes               |
 | leftBarLabelFontStyle        | font style of the labels displayed behind the left bars                                                          | FontStyle                  | no       | all      | yes               |
 | leftBarLabelFontWeight       | font weight of the labels displayed behind the left bars                                                         | FontWeight                 | no       | all      | yes               |
-| leftBarLabelFontFamily       | font family of the labels displayed behind the left bars                                                         | string                     | no       | all      | yes               |
+| leftBarLabelFontFamily       | font family of the labels displayed behind the left bars                                                         | string                     | no       | all      | no                |
 | leftBarLabelShift            | value by which the left bar labels should be shifted horizontally (kind of margin b/w label and bar)             | number                     | no       | all      | yes               |
 | leftBarLabelPrefix           | The String prepended to the left bar label text (for example- '$')                                               | string                     | no       | all      | yes               |
 | leftBarLabelSuffix           | The String appended to the left bar label text                                                                   | string                     | no       | all      | yes               |
@@ -980,7 +977,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | rightBarLabelColor           | color of the labels displayed behind the right bars                                                              | ColorValue                 | no       | all      | yes               |
 | rightBarLabelFontStyle       | font style of the labels displayed behind the right bars                                                         | FontStyle                  | no       | all      | yes               |
 | rightBarLabelFontWeight      | font weight of the labels displayed behind the right bars                                                        | FontWeight                 | no       | all      | yes               |
-| rightBarLabelFontFamily      | font family of the labels displayed behind the right bars                                                        | string                     | no       | all      | yes               |
+| rightBarLabelFontFamily      | font family of the labels displayed behind the right bars                                                        | string                     | no       | all      | no                |
 | rightBarLabelShift           | value by which the right bar labels should be shifted horizontally (kind of margin b/w label and bar)            | number                     | no       | all      | yes               |
 | rightBarLabelPrefix          | The String prepended to the right bar label text (for example- '$')                                              | string                     | no       | all      | yes               |
 | rightBarLabelSuffix          | The String appended to the right bar label text                                                                  | string                     | no       | all      | yes               |
@@ -1012,9 +1009,29 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 - [x] BarChart 设置 barBackgroundPattern 显示问题，svg 问题。 [issue#6](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/6)
 - [ ] LineChart 设置 customDataPoint 不显示，svg 问题。 [issue#8](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/8)
 - [ ] PieChartPro 饼图设置 animated 为 true，动画会卡顿，RN 框架问题。 [issue#9](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/9)
+- [ ] LineChart/BarChart dataPointLabelComponent 不生效,svg 问题。[issue#10](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/10)
+- [ ] LineChart/BarChart dataPointLabelWidth 不生效,svg 问题。[issue#11](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/11)
+- [ ] LineChart/BarChart dataPointLabelShiftX 不生效,svg 问题。[issue#12](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/12)
+- [ ] LineChart/BarChart dataPointLabelShiftY 不生效,svg 问题。[issue#13](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/13)
+- [ ] LineChart showDataPointLabelOnFocus 为 true 不生效,svg 问题。[issue#14](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/14)
+- [ ] LineChart data 设置 onPress 方法 不生效,svg 问题。[issue#15](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/15)
+- [ ] LineChart data 设置 focusedDataPointLabelComponent 不生效,svg 问题。[issue#16](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/16)
+- [ ] PopulationPyramid barLabelFontFamily 不生效,svg 问题。[issue#17](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/17)
+- [ ] PopulationPyramid leftBarLabelFontFamily 不生效,svg 问题。[issue#18](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/18)
+- [ ] PopulationPyramid rightBarLabelFontFamily 不生效,svg 问题。[issue#19](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/19)
+- [ ] PopulationPyramid xAxisLabelFontFamily 不生效,svg 问题。[issue#20](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/20)
+- [ ] PopulationPyramid yAxisLabelFontFamily 不生效,svg 问题。[issue#21](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/21)
+- [ ] PopulationPyramid midAxisLabelFontFamily 不生效,svg 问题。[issue#22](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/22)
+- [ ] PieChart/PieChartPro font 不生效,svg 问题。[issue#23](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/23)
 
 ## Others
 
+- BarChart/LineChart rulesConfigArray 属性设置第一条不生效,效果与 iOS/Android 一致。[issue#892](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/893)
+- PieChart data 设置 textColor 不生效,效果与 iOS/Android 一致。[issues#886](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/886)
+- LineChart areaChart1 areaChart2 areaChart3 areaChart4 areaChart5 不生效,效果与 iOS/Android 一致。[issue#892](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/892)
+- BarChart pointerEvents 不生效,效果与 iOS/Android 一致.
+- BarChart/LineChart pointerConfig 的 activatePointersDelay 不生效,效果与 iOS/Android 一致。
+
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/blob/master/LICENSE).
diff --git a/zh-cn/react-native-gifted-charts.md b/zh-cn/react-native-gifted-charts.md
index 0736773f..9c7673e9 100644
--- a/zh-cn/react-native-gifted-charts.md
+++ b/zh-cn/react-native-gifted-charts.md
@@ -22,7 +22,7 @@
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
@@ -45,7 +45,12 @@ yarn add @react-native-oh-tpl/react-native-gifted-charts@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```jsx
-import { BarChart, LineChart, PieChart, PopulationPyramid } from "react-native-gifted-charts";
+import {
+  BarChart,
+  LineChart,
+  PieChart,
+  PopulationPyramid,
+} from "react-native-gifted-charts";
 
 export default function () {
   const data = [{ value: 50 }, { value: 80 }, { value: 90 }, { value: 70 }];
@@ -55,12 +60,17 @@ export default function () {
       <BarChart data={data} />
       <LineChart data={data} />
       <PieChart data={data} />
-      <PopulationPyramid data={[{ left: 10, right: 12 }, { left: 9, right: 8 }]} />
+      <PopulationPyramid
+        data={[
+          { left: 10, right: 12 },
+          { left: 9, right: 8 },
+        ]}
+      />
       <BarChart data={data} horizontal />
       <LineChart data={data} areaChart />
       <PieChart data={data} donut />
     </>
-  )
+  );
 }
 ```
 
@@ -89,924 +99,939 @@ export default function () {
 ### BarChart, Horizontal BarChart and Stacked Bar Chart
 
 **Basic props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | An item object represents a bar in the bar chart. It is described in the next table. | barDataItem[]  | no     | all | yes
-| width  | Width of the Bar chart |  number | no  | all | yes
-| height   | Height of the Bar chart (excluding the bottom label)  | number | no  | all | yes
-| onPress  | Callback function called on press of a Bar (takes item and index as parameter)    | Function | no  | all | yes
-| onLongPress | Callback function called on long press of a Bar (takes item and index as parameter) | Function | no  | all | yes
-| onPressOut   | Callback function called on press out of a Bar (takes item and index as parameter) | Function | no  | all | yes        
-| focusBarOnPress  | used to focus a bar on press by applying styles defined in focusedBarConfig | boolean | no  | all | yes   
-| focusedBarConfig  | styles for the focused bar including color, width, opacity, borderRadius etc   | FocusedBarConfig | no  | all | yes     
-| focusedBarIndex    | index of the initially focused bar, works only when focusBarOnPress is  | number  | no  | all | yes     
-| maxValue  | Maximum value shown in the Y axis   | number  | no  | all | yes     
-| yAxisOffset   | Starting (minimum) value in the Y axis (value at the origin)  | number | no  | all | yes
-| mostNegativeValue  | The most negative value shown in the Y axis (to be used only if the data set has negative values too)  | number | no  | all | yes     
-| noOfSections | Number of sections in the Y axis   | number  | no  | all | yes
-| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)       | number  | no  | all | yes
-| stepValue | Value of 1 step/section in the Y axis | number  | no  | all | yes
-| stepHeight | Height of 1 step/section in the Yaxis | number  | no  | all | yes
-| negativeStepValue| Value of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no  | all | yes
-| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant)  | number  | no  | all | yes
-| spacing   | Distance between 2 consecutive bars in the Bar chart  | number | no  | all | yes
-| backgroundColor | Background color of the Bar chart  | ColorValue | no  | all | yes
-| sectionColors | Background color of the horizontal sections of the chart | ColorValue  | no  | all | yes
-| scrollref   | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any  | no  | all | yes
-| scrollToIndex  | scroll to a particular index on chart load | number | no  | all | yes
-| disableScroll | To disable horizontal scroll | boolean | no  | all | yes
-| showScrollIndicator | To show horizontal scroll indicator| boolean | no  | all | yes
-| indicatorColor  |  (iOS only) The color of the scroll indicators - ('black', 'white' or 'default') | String  | no  | iOS | yes
-| showLine  | To show a Line chart over the Bar chart with the same data  | boolean | no  | all | yes
-| lineData   | The data object for the line chart (use only when showLine is true). To hide any datapoint pass hideDataPoint prop as true in specific data item. | Array of items | no  | all | yes
-| lineConfig  | Properties of the Line chart shown over the Bar chart (lineConfigType) is described below  | lineConfigType  | no  | all | yes
-| lineData2  | The data object for the second line chart (use only when showLine is true)  | Array of items | no  | all | yes
-| lineConfig2   | Properties of the second Line chart shown over the Bar chart (lineConfigType) is described below  | lineConfigType  | no  | all | yes
-| lineBehindBars  | When set to true, the line chart will appear behind the Bars in case of overlap    | boolean  | no  | all | yes
-| autoShiftLabels  | When set to true, automatically shifts the X axis labels for negative values | boolean  | no  | all | yes
-| scrollToEnd  | When set to true, the chart automatically scrolls to the rightmost bar  | boolean  | no  | all | yes
-| scrollAnimation   | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost bar | boolean | no  | all | yes
-| scrollEventThrottle  | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios| number | no  | iOS | yes
-| onScroll  | callback function called when the chart is scrolled horizontally    | Function | no  | all | yes
-| onMomentumScrollEnd    | callback function called when scroll is completed       | Function  | no  | all | yes
-| initialSpacing  | distance of the first bar from the Y axis | number  | no  | all | yes
-| renderTooltip    | tooltip component appearing above the bar when it is pressed, takes item and index as parameters     | Function  | no  | all | yes
-| leftShiftForTooltip  | The distance by which the tooltip component should shift towards left | number | no  | all | yes
-| leftShiftForLastIndexTooltip | The distance by which the tooltip component of the last bar should shift towards left | number  | no  | all | yes
-| adjustToWidth   | When set to true, it auto-computes the barWidth and spacing to fit the chart in the available width / parentWidth  | boolean   | no  | all | yes
-| parentWidth  | The width of the parent View or the width that the chart should auto-fit into when `adjustToWidth` is true | number | no  | all | yes 
+| data | An item object represents a bar in the bar chart. It is described in the next table. | barDataItem[] | no | all | yes
+| width | Width of the Bar chart | number | no | all | yes
+| height | Height of the Bar chart (excluding the bottom label) | number | no | all | yes
+| onPress | Callback function called on press of a Bar (takes item and index as parameter) | Function | no | all | yes
+| onLongPress | Callback function called on long press of a Bar (takes item and index as parameter) | Function | no | all | yes
+| onPressOut | Callback function called on press out of a Bar (takes item and index as parameter) | Function | no | all | yes  
+| focusBarOnPress | used to focus a bar on press by applying styles defined in focusedBarConfig | boolean | no | all | yes  
+| focusedBarConfig | styles for the focused bar including color, width, opacity, borderRadius etc | FocusedBarConfig | no | all | yes  
+| focusedBarIndex | index of the initially focused bar, works only when focusBarOnPress is | number | no | all | yes  
+| maxValue | Maximum value shown in the Y axis | number | no | all | yes  
+| yAxisOffset | Starting (minimum) value in the Y axis (value at the origin) | number | no | all | yes
+| mostNegativeValue | The most negative value shown in the Y axis (to be used only if the data set has negative values too) | number | no | all | yes  
+| noOfSections | Number of sections in the Y axis | number | no | all | yes
+| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too) | number | no | all | yes
+| stepValue | Value of 1 step/section in the Y axis | number | no | all | yes
+| stepHeight | Height of 1 step/section in the Yaxis | number | no | all | yes
+| negativeStepValue| Value of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no | all | yes
+| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number | no | all | yes
+| spacing | Distance between 2 consecutive bars in the Bar chart | number | no | all | yes
+| backgroundColor | Background color of the Bar chart | ColorValue | no | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | Array<ColorValue> | no | all | yes
+| scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any | no | all | yes
+| scrollToIndex | scroll to a particular index on chart load | number | no | all | yes
+| disableScroll | To disable horizontal scroll | boolean | no | all | yes
+| showScrollIndicator | To show horizontal scroll indicator| boolean | no | all | yes
+| indicatorColor | (iOS only) The color of the scroll indicators - ('black', 'white' or 'default') | String | no | iOS | yes
+| showLine | To show a Line chart over the Bar chart with the same data | boolean | no | all | yes
+| lineData | The data object for the line chart (use only when showLine is true). To hide any datapoint pass hideDataPoint prop as true in specific data item. | Array of items | no | all | yes
+| lineConfig | Properties of the Line chart shown over the Bar chart (lineConfigType) is described below | lineConfigType | no | all | yes
+| lineData2 | The data object for the second line chart (use only when showLine is true) | Array of items | no | all | yes
+| lineConfig2 | Properties of the second Line chart shown over the Bar chart (lineConfigType) is described below | lineConfigType | no | all | yes
+| lineBehindBars | When set to true, the line chart will appear behind the Bars in case of overlap | boolean | no | all | yes
+| autoShiftLabels | When set to true, automatically shifts the X axis labels for negative values | boolean | no | all | yes
+| scrollToEnd | When set to true, the chart automatically scrolls to the rightmost bar | boolean | no | all | yes
+| scrollAnimation | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost bar | boolean | no | all | yes
+| scrollEventThrottle | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios| number | no | iOS | yes
+| onScroll | callback function called when the chart is scrolled horizontally | Function | no | all | yes
+| onMomentumScrollEnd | callback function called when scroll is completed | Function | no | all | yes
+| initialSpacing | distance of the first bar from the Y axis | number | no | all | yes
+| renderTooltip | tooltip component appearing above the bar when it is pressed, takes item and index as parameters | Function | no | all | yes
+| leftShiftForTooltip | The distance by which the tooltip component should shift towards left | number | no | all | yes
+| leftShiftForLastIndexTooltip | The distance by which the tooltip component of the last bar should shift towards left | number | no | all | yes
+| adjustToWidth | When set to true, it auto-computes the barWidth and spacing to fit the chart in the available width / parentWidth | boolean | no | all | yes
+| parentWidth | The width of the parent View or the width that the chart should auto-fit into when `adjustToWidth` is true | number | no | all | yes
+| showValuesAsTopLabel | When set to true, shows the value as a label at the top of the bar | boolean | no | all | yes
 
 **Combine Line Chart using showLine**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| initialSpacing | distance of the first data point from the Y axis  | number   | no  | all | yes
-| curved  | To show curved line joining the data points | boolean  | no  | all | yes
-| isAnimated | To show animates Line Chart | boolean  | no  | all | yes
-| delay | Delay (in milliseconds) before starting the animation of the line | number   | no  | all | yes
-| thickness | Thickness of the Line  | number | no  | all | yes
-| color  | Color of the Line | ColorValue   | no  | all | yes
-| hideDataPoints  | To hide data points along the Line chart | boolean   | no  | all | yes
-| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_) | String   | no  | all | yes
-| dataPointsWidth | Width of data points (when data points' shape is rectangular) | number   | no  | all | yes
-| dataPointsHeight | Height of data points (when data points' shape is rectangular) | number    | no  | all | yes
-| dataPointsColor  | Color of the data points | ColorValue  | no  | all | yes
-| dataPointsRadius | Radius of data points (when data points' shape is _circular_)  | number   | no  | all | yes
-| textColor | Color of the dataPointText  | ColorValue    | no  | all | yes
-| textFontSize | Font size of the dataPointText | number  | no  | all | yes
-| textShiftX | To shift the dataPointText text horizontally | number    | no  | all | yes
-| textShiftY | To shift the dataPointText text vertically | number   | no  | all | yes
-| shiftY | To shift the Line chart up or down by the given quantity m  | number   | no  | all | yes
-| startIndex | Start index for data line (used to display data lines having breaks) | number   | no  | all | yes
-| endIndex | End index for data line (used to display data lines having breaks) | number   | no  | all | yes
+| initialSpacing | distance of the first data point from the Y axis | number | no | all | yes
+| curved | To show curved line joining the data points | boolean | no | all | yes
+| isAnimated | To show animates Line Chart | boolean | no | all | yes
+| delay | Delay (in milliseconds) before starting the animation of the line | number | no | all | yes
+| thickness | Thickness of the Line | number | no | all | yes
+| color | Color of the Line | ColorValue | no | all | yes
+| hideDataPoints | To hide data points along the Line chart | boolean | no | all | yes
+| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_) | String | no | all | yes
+| dataPointsWidth | Width of data points (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsHeight | Height of data points (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsColor | Color of the data points | ColorValue | no | all | yes
+| dataPointsRadius | Radius of data points (when data points' shape is _circular_) | number | no | all | yes
+| textColor | Color of the dataPointText | ColorValue | no | all | yes
+| textFontSize | Font size of the dataPointText | number | no | all | yes
+| textShiftX | To shift the dataPointText text horizontally | number | no | all | yes
+| textShiftY | To shift the dataPointText text vertically | number | no | all | yes
+| shiftY | To shift the Line chart up or down by the given quantity m | number | no | all | yes
+| startIndex | Start index for data line (used to display data lines having breaks) | number | no | all | yes
+| endIndex | End index for data line (used to display data lines having breaks) | number | no | all | yes
 
 **Item description (barDataItem)**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| value | Value of the item representing height of the bar | number  | no  | all | yes
-| barWidth | Width of the bar | number  | no  | all | yes
-| onPress | Function called on pressing the bar | function | no  | all | yes
-| onLongPress | Function called on long pressing the bar | function   | no  | all | yes
-| onPressOut | Callback function called on press out of a bar | Function  | no  | all | yes
-| disablePress | Prop to disable the press action, defaults to false | boolean    | no  | all | yes
-| frontColor | Color of the bar | ColorValue  | no  | all | yes
-| sideColor | Color of the side view of the bar, only for 3 D | ColorValue | no  | all | yes
-| sideWidth | Width of the side view of the bar, only for 3 D  | number | no  | all | yes
-| topColor | Color of the top view of the bar, only for 3 D | ColorValue | no  | all | yes
-| barStyle | style object for the Bars | object  | no  | all | yes
-| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean  | no  | all | yes
-| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient | ColorValue | no  | all | yes
-| label | Label text appearing below the bar (under the X axis)  | string   | no  | all | yes
-| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number | no  | all | yes
-| labelTextStyle | Style object for the label text appearing below the bar | object | no  | all | yes
-| labelComponent | Custom label component appearing below the bar | Component | no  | all | yes
-| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis | number  | no  | all | yes
-| topLabelComponent | Custom component appearing above the bar  | Component | no  | all | yes
-| topLabelContainerStyle | Style object for the container of the custom component appearing above the bar| object  | no  | all | yes
-| cappedBars | To show caps on the top of bar | boolean | no  | all | yes
-| capThickness | Thickness of the bar cap | number | no  | all | yes
-| capColor | Color of the bar cap | ColorValue | no  | all | yes
-| capRadius | Border radius of the bar cap | number  | no  | all | yes
-| barBorderRadius | Border radius of the bar | number | no  | all | yes
-| barBorderTopLeftRadius | Top left border radius of the bar | number| no  | all | yes
-| barBorderTopRightRadius | Top right border radius of the bar | number   | no  | all | yes
-| barBorderBottomLeftRadius | Bottom left border radius of the bar | number  | no  | all | yes
-| barBorderBottomRightRadius | Bottom right border radius of the bar| number | no  | all | yes
-| barMarginBottom  | margin at the bottom of the bar (above X axis)   | number  | no  | all | yes
-| spacing  | Distance of the next Bar from the currennt Bar  | number  | no  | all | yes
-| barBackgroundPattern  | A svg component containing the background pattern for bars | Component | no  | all | yes
-| patternId  | ID of the pattern component  | String | no  | all | yes
-| leftShiftForTooltip | The distance by which the tooltip component should shift towards left | number | no  | all | yes
-| showXAxisIndex  | show small graduation at the X axis for the corresponding bar  | boolean  | no  | all | yes
+| value | Value of the item representing height of the bar | number | no | all | yes
+| barWidth | Width of the bar | number | no | all | yes
+| onPress | Function called on pressing the bar | function | no | all | yes
+| onLongPress | Function called on long pressing the bar | function | no | all | yes
+| onPressOut | Callback function called on press out of a bar | Function | no | all | yes
+| disablePress | Prop to disable the press action, defaults to false | boolean | no | all | yes
+| frontColor | Color of the bar | ColorValue | no | all | yes
+| sideColor | Color of the side view of the bar, only for 3 D | ColorValue | no | all | yes
+| sideWidth | Width of the side view of the bar, only for 3 D | number | no | all | yes
+| topColor | Color of the top view of the bar, only for 3 D | ColorValue | no | all | yes
+| barStyle | style object for the Bars | object | no | all | yes
+| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean | no | all | yes
+| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient | ColorValue | no | all | yes
+| label | Label text appearing below the bar (under the X axis) | string | no | all | yes
+| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number | no | all | yes
+| labelTextStyle | Style object for the label text appearing below the bar | object | no | all | yes
+| labelComponent | Custom label component appearing below the bar | Component | no | all | yes
+| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis | number | no | all | yes
+| topLabelComponent | Custom component appearing above the bar | Component | no | all | yes
+| topLabelContainerStyle | Style object for the container of the custom component appearing above the bar| object | no | all | yes
+| cappedBars | To show caps on the top of bar | boolean | no | all | yes
+| capThickness | Thickness of the bar cap | number | no | all | yes
+| capColor | Color of the bar cap | ColorValue | no | all | yes
+| capRadius | Border radius of the bar cap | number | no | all | yes
+| barBorderRadius | Border radius of the bar | number | no | all | yes
+| barBorderTopLeftRadius | Top left border radius of the bar | number| no | all | yes
+| barBorderTopRightRadius | Top right border radius of the bar | number | no | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of the bar | number | no | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of the bar| number | no | all | yes
+| barMarginBottom | margin at the bottom of the bar (above X axis) | number | no | all | yes
+| spacing | Distance of the next Bar from the currennt Bar | number | no | all | yes
+| barBackgroundPattern | A svg component containing the background pattern for bars | Component | no | all | yes
+| patternId | ID of the pattern component | String | no | all | yes
+| leftShiftForTooltip | The distance by which the tooltip component should shift towards left | number | no | all | yes
+| showXAxisIndex | show small graduation at the X axis for the corresponding bar | boolean | no | all | yes
 
 **Axes and rules related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| xAxisLength | X axis length | number  | no  | all | yes
-| xAxisColor | X axis color  | ColorValue  | no  | all | yes
-| xAxisThickness | X axis thickness | number   | no  | all | yes
-| yAxisColor | Y axis color | ColorValue   | no  | all | yes
-| yAxisThickness | Y axis thickness | number   | no  | all | yes
-| yAxisExtraHeight | Extra length of Y axis at the top | number  | no  | all | yes
-| xAxisType | solid or dotted/dashed | RuleType   | no  | all | yes
-| yAxisLabelWidth | Width of the Y axis Label container | number  | no  | all | yes
-| yAxisTextStyle | Style object for the Y axis text style | object | no  | all | yes
-| yAxisTextNumberOfLines | Number of lines for y axis label text | number  | no  | all | yes
-| yAxisLabelContainerStyle | Style object for the Y axis label container | object   | no  | all |  yes
-| trimYAxisAtTop  | Removes the extra length of the Y axis from the top  | boolean   | no  | all | yes
-| horizontalRulesStyle | Style object for the horizontal rules container | object   | no  | all | yes
-| showFractionalValues | Allow fractional values for the Y axis label | boolean   | no  | all | yes
-| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number   | no  | all | yes
-| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$') | String  | no  | all | yes
-| yAxisLabelSuffix | The String appended to the y axis label text | String   | no  | all | yes
-| hideYAxisText | To hide Y axis label text | boolean   | no  | all | yes  
-| formatYLabel | a callback function that takes the label generated by the library and modifies it. | (label: string) => string |  no  | all | yes
-| yAxisSide | Tells which side of the chart, should the y axis be present, defaults to 'left' | String  | no  | all |  yes
-| rulesLength | Length of the horizontal rules | number   | no  | all | yes
-| rulesColor  | Color of the horizontal rules   | ColorValue   | no  | all | yes
-| rulesThickness | Thickness of the horizontal rules | number  | no  | all | yes
-| hideRules | To hide the horizontal rules | boolean   | no  | all | yes
-| rulesType  | solid or dotted/dashed | RuleType   | no  | all | yes
-| dashWidth | width of each dash | number  | no  | all | yes
-| dashGap | gap between 2 dashes | number   | no  | all | yes
-| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no  | all | yes
-| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType   | no  | all | yes
-| referenceLine1Position | position of reference line | number    | no  | all | yes
-| showReferenceLine2 | show second reference line | boolean  | no  | all | yes
-| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType  | no  | all | yes
-| referenceLine2Position | position of second reference line | number   | no  | all | yes
-| showReferenceLine3 | show third reference line  | boolean     | no  | all | yes
-| referenceLine3Config | properties of reference line like thickness, color etc (described below the table)    | referenceConfigType   | no  | all | yes
-| referenceLine3Position | position of third reference line | number   | no  | all | yes
-| referenceLinesOverChartContent | used to render the reference lines over the rest of the chart content. | boolean   | no  | all | yes
-| showVerticalLines | To show vertical lines | boolean   | no  | all | yes
-| verticalLinesColor | Color of the vertical lines  | ColorValue  | no  | all | yes
-| verticallinesThickness  | Thickness of the vertical lines | number    | no  | all | yes
-| verticalLinesHeight | Height of the vertical lines | number   | no  | all | yes
-| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line  | Array<number>   | no  | all | yes
-| verticalLinesShift | vertical lines are aligned with bars. Shift them left or right using +ve or -ve value of verticalLinesShift  | number   | no  | all | yes
-| verticalLinesZIndex | Z index of the vertical lines | number  | no  | all | yes
-| noOfVerticalLines | Number of vertical lines displayed | number  | no  | all | yes
-| verticalLinesSpacing  | Distance between consecutive vertical lines | number    | no  | all | yes
-| showXAxisIndices | To show the pointers on the X axis  | boolean   | no  | all | yes
-| xAxisIndicesHeight | Height of the pointers on the X axis | number   | no  | all | yes
-| xAxisIndicesWidth | Width of the pointers on the X axis | number   | no  | all | yes
-| xAxisIndicesColor | Color of the pointers on the X axis  | ColorValue   | no  | all | yes
-| showYAxisIndices  | To show the pointers on the Y axis  | boolean     | no  | all | yes
-| yAxisIndicesHeight  | Height of the pointers on the Y axis  | number   | no  | all | yes
-| yAxisIndicesWidth | Width of the pointers on the Y axis | number   | no  | all | yes
-| yAxisIndicesColor | Color of the pointers on the X axis  | ColorValue  | no  | all | yes
-| yAxisLabelTexts  | Array of label texts to be displayed along y axis | Array<string>   | no  | all | yes
-| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>   | no  | all | yes
-| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object  | no  | all | yes
-| rotateLabel | To rotate the X axis labels (by 60deg) | boolean   | no  | all | yes
-| hideAxesAndRules | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
-| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean   | no  | all | yes
-| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number   | no  | all | yes
-| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis  | number   | no  | all | yes
-| xAxisTextNumberOfLines | Number of lines for x axis label text | number  | no  | all | yes
-| xAxisLabelsHeight | Height of X axis labels container    | number   | no  | all | yes
-| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down)     | number  | no  | all | yes
-| labelsExtraHeight | used to display large rotated labels on X-axis (use this only when using the **rotateLabel** prop) | number   | no  | all | yes
-| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType  | no  | all | yes
-| secondaryData | the secondary data that will be rendered along the secondary Y axis  | Array of items   | no  | all | yes           
+| xAxisLength | X axis length | number | no | all | yes
+| xAxisColor | X axis color | ColorValue | no | all | yes
+| xAxisThickness | X axis thickness | number | no | all | yes
+| yAxisColor | Y axis color | ColorValue | no | all | yes
+| yAxisThickness | Y axis thickness | number | no | all | yes
+| yAxisExtraHeight | Extra length of Y axis at the top | number | no | all | yes
+| xAxisType | solid or dotted/dashed | RuleType | no | all | yes
+| yAxisLabelWidth | Width of the Y axis Label container | number | no | all | yes
+| yAxisTextStyle | Style object for the Y axis text style | object | no | all | yes
+| yAxisTextNumberOfLines | Number of lines for y axis label text | number | no | all | yes
+| yAxisLabelContainerStyle | Style object for the Y axis label container | object | no | all | yes
+| trimYAxisAtTop | Removes the extra length of the Y axis from the top | boolean | no | all | yes
+| horizontalRulesStyle | Style object for the horizontal rules container | object | no | all | yes
+| showFractionalValues | Allow fractional values for the Y axis label | boolean | no | all | yes
+| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number | no | all | yes
+| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$') | String | no | all | yes
+| yAxisLabelSuffix | The String appended to the y axis label text | String | no | all | yes
+| hideYAxisText | To hide Y axis label text | boolean | no | all | yes  
+| formatYLabel | a callback function that takes the label generated by the library and modifies it. | (label: string) => string | no | all | yes
+| yAxisSide | Tells which side of the chart, should the y axis be present, defaults to 'left' | String | no | all | yes
+| rulesLength | Length of the horizontal rules | number | no | all | yes
+| rulesColor | Color of the horizontal rules | ColorValue | no | all | yes
+| rulesThickness | Thickness of the horizontal rules | number | no | all | yes
+| hideRules | To hide the horizontal rules | boolean | no | all | yes
+| rulesType | solid or dotted/dashed | RuleType | no | all | yes
+| dashWidth | width of each dash | number | no | all | yes
+| dashGap | gap between 2 dashes | number | no | all | yes
+| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no | no | no
+| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine1Position | position of reference line | number | no | all | yes
+| showReferenceLine2 | show second reference line | boolean | no | all | yes
+| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine2Position | position of second reference line | number | no | all | yes
+| showReferenceLine3 | show third reference line | boolean | no | all | yes
+| referenceLine3Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine3Position | position of third reference line | number | no | all | yes
+| referenceLinesOverChartContent | used to render the reference lines over the rest of the chart content. | boolean | no | all | yes
+| showVerticalLines | To show vertical lines | boolean | no | all | yes
+| verticalLinesColor | Color of the vertical lines | ColorValue | no | all | yes
+| verticallinesThickness | Thickness of the vertical lines | number | no | all | yes
+| verticalLinesHeight | Height of the vertical lines | number | no | all | yes
+| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line | Array<number> | no | all | yes
+| verticalLinesShift | vertical lines are aligned with bars. Shift them left or right using +ve or -ve value of verticalLinesShift | number | no | all | yes
+| verticalLinesZIndex | Z index of the vertical lines | number | no | all | yes
+| noOfVerticalLines | Number of vertical lines displayed | number | no | all | yes
+| verticalLinesSpacing | Distance between consecutive vertical lines | number | no | all | yes
+| showXAxisIndices | To show the pointers on the X axis | boolean | no | all | yes
+| xAxisIndicesHeight | Height of the pointers on the X axis | number | no | all | yes
+| xAxisIndicesWidth | Width of the pointers on the X axis | number | no | all | yes
+| xAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no | all | yes
+| showYAxisIndices | To show the pointers on the Y axis | boolean | no | all | yes
+| yAxisIndicesHeight | Height of the pointers on the Y axis | number | no | all | yes
+| yAxisIndicesWidth | Width of the pointers on the Y axis | number | no | all | yes
+| yAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no | all | yes
+| yAxisLabelTexts | Array of label texts to be displayed along y axis | Array<string> | no | all | yes
+| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string> | no | all | yes
+| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no | all | yes
+| rotateLabel | To rotate the X axis labels (by 60deg) | boolean | no | all | yes
+| hideAxesAndRules | To hide axes, rules, labels altogether | boolean | no | all | yes
+| hideOrigin | To hide the y Axis label at origin (i.e. 0) | boolean | no | all | yes
+| labelWidth | Width of the Label text appearing below the bar (under the X axis) | number | no | all | yes
+| labelsDistanceFromXaxis | Distance of the X Axis label from the X axis | number | no | all | yes
+| xAxisTextNumberOfLines | Number of lines for x axis label text | number | no | all | yes
+| xAxisLabelsHeight | Height of X axis labels container | number | no | all | yes
+| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no | all | yes
+| labelsExtraHeight | used to display large rotated labels on X-axis (use this only when using the **rotateLabel** prop) | number | no | all | yes
+| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no | all | yes
+| secondaryData | the secondary data that will be rendered along the secondary Y axis | Array of items | no | all | yes
 
 **Bar related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| barWidth | Width of the bar | number    | no  | all | yes
-| barStyle | style object for the Bars | object    | no  | all | yes
-| isThreeD | Prop to render 3 dimensional bars | boolean   | no  | all | yes
-| frontColor | Color of the bar | ColorValue   | no  | all | yes
-| sideColor | Color of the side view of the bar, only for 3 D | ColorValue    | no  | all | yes
-| topColor | Color of the top view of the bar, only for 3 D | ColorValue   | no  | all | yes
-| sideWidth | Width of the side view of the bar, only for 3 D  | number   | no  | all | yes
-| showGradient | Prop to enable linear gradient for the bar color | boolean    | no  | all | yes
-| gradientColor | Along with frontColor, gradientColor constitutes the 2 colors for gradient | ColorValue    | no  | all | yes
-| roundedTop | To show rounded top | boolean     | no  | all | yes
-| roundedBottom | To show rounded bottom  | boolean   | no  | all | yes
-| activeOpacity  | activeOpacity on pressing the bar | number    | no  | all | yes
-| disablePress | Prop to disable the bar press action | boolean    | no  | all | yes
-| barBorderWidth | Border width of the bar | number    | no  | all | yes
-| barBorderColor | Border color of the bar  | ColorValue | no  | all | yes
-| barBorderRadius | Border radius of the bar | number | no  | all | yes
-| barBorderTopLeftRadius | Top left border radius of the bar | number | no  | all | yes
-| barBorderTopRightRadius | Top right border radius of the bar   | number | no  | all | yes
-| barBorderBottomLeftRadius | Bottom left border radius of the bar | number | no  | all | yes
-| barBorderBottomRightRadius | Bottom right border radius of the bar | number | no  | all | yes
-| barMarginBottom | margin at the bottom of the bar (above X axis)  | number | no  | all | yes
-| barBackgroundPattern | A svg component containing the background pattern for bars | Component  | no  | all | yes
-| patternId  | ID of the pattern component | String  | no  | all | yes
-| minHeight | Minimum height of the Bars | number  | no  | all | yes
+| barWidth | Width of the bar | number | no | all | yes
+| barStyle | style object for the Bars | object | no | all | yes
+| isThreeD | Prop to render 3 dimensional bars | boolean | no | all | yes
+| frontColor | Color of the bar | ColorValue | no | all | yes
+| sideColor | Color of the side view of the bar, only for 3 D | ColorValue | no | all | yes
+| topColor | Color of the top view of the bar, only for 3 D | ColorValue | no | all | yes
+| sideWidth | Width of the side view of the bar, only for 3 D | number | no | all | yes
+| showGradient | Prop to enable linear gradient for the bar color | boolean | no | all | yes
+| gradientColor | Along with frontColor, gradientColor constitutes the 2 colors for gradient | ColorValue | no | all | yes
+| roundedTop | To show rounded top | boolean | no | all | yes
+| roundedBottom | To show rounded bottom | boolean | no | all | yes
+| activeOpacity | activeOpacity on pressing the bar | number | no | all | yes
+| disablePress | Prop to disable the bar press action | boolean | no | all | yes
+| barBorderWidth | Border width of the bar | number | no | all | yes
+| barBorderColor | Border color of the bar | ColorValue | no | all | yes
+| barBorderRadius | Border radius of the bar | number | no | all | yes
+| barBorderTopLeftRadius | Top left border radius of the bar | number | no | all | yes
+| barBorderTopRightRadius | Top right border radius of the bar | number | no | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of the bar | number | no | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of the bar | number | no | all | yes
+| barMarginBottom | margin at the bottom of the bar (above X axis) | number | no | all | yes
+| barBackgroundPattern | A svg component containing the background pattern for bars | Component | no | all | yes
+| patternId | ID of the pattern component | String | no | all | yes
+| minHeight | Minimum height of the Bars | number | no | all | yes
 
 **Animation related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| isAnimated | To show animates BarChart. Animation occurs onLoad and on value change | boolean   | no  | all | yes
-| animationDuration | Duration of the animations | number  | no  | all | yes
-| animationEasing   | Easing applied to the animation  | Easing  | no  | all | yes
+| isAnimated | To show animates BarChart. Animation occurs onLoad and on value change | boolean | no | all | yes
+| animationDuration | Duration of the animations | number | no | all | yes
+| animationEasing | Easing applied to the animation | Easing | no | all | yes
 
 **Pagination related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| onEndReached | Callback function called when the chart is scrolled upto end  | Function   | no  | all | yes
-| onStartReached | Callback function called when the chart is scrolled upto start   | Function   | no  | all | yes
+| onEndReached | Callback function called when the chart is scrolled upto end | Function | no | all | yes
+| onStartReached | Callback function called when the chart is scrolled upto start | Function | no | all | yes
 
 **Bar related props for making Capped Bar chart**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| cappedBars | To show caps on the top of bars   | boolean  | no  | all | yes
-| capThickness | Thickness of the bar caps  | number   | no  | all | yes
-| capColor | Color of the bar caps     | ColorValue   | no  | all | yes
-| capRadius | Border radius of the bar caps   | number  | no  | all | yes
+| cappedBars | To show caps on the top of bars | boolean | no | all | yes
+| capThickness | Thickness of the bar caps | number | no | all | yes
+| capColor | Color of the bar caps | ColorValue | no | all | yes
+| capRadius | Border radius of the bar caps | number | no | all | yes
 
 **pointerConfig**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| height | Height of the pointer |  number  | no  | all | yes
-| width  | width of the pointer |  number  | no  | all | yes
-| radius  | radius of the pointer   |  number  | no  | all | yes
-| pointerColor  |  pointer color   |  ColorValue  | no  | all | yes
-| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values.  |  ColorValue[]  | no  | all | yes
-| secondaryPointerColor | Secondary pointer color  |  ColorValue  | no  | all | yes
-| pointerComponent | is a function that returns the component to be rendered as a pointer  |  Function  | no  | all | yes
-| showPointerStrip | show pointer bar |  boolean  | no  | all | yes
-| pointerStripWidth  | width of the pointer bar |  number  | no  | all | yes
-| pointerStripHeight  | height of the pointer bar  |  number  | no  | all | yes
-| pointerStripColor  | color of the pointer bar   |  ColorValue  | no  | all | yes
-| pointerStripUptoDataPoint | Pointer stripped to data point  |  boolean  | no  | all | yes
-| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 |  Function  | no  | all | yes
-| stripOverPointer | strip to over pointer  |  boolean  | no  | all | yes
-| autoAdjustPointerLabelPosition | Adjust the position of the pointer  |  boolean  | no  | all | yes
-| shiftPointerLabelX | x-axis displacement pointer label  |  number  | no  | all | yes
-| shiftPointerLabelY | y-axis displacement pointer label  |  number  | no  | all | yes
-| pointerLabelWidth  | pointer label width |  number  | no  | all | yes
-| pointerLabelHeight | pointer label height |  number  | no  | all | yes
-| pointerVanishDelay | Pointer disappearance delay |  number  | no  | all | yes
-| activatePointersOnLongPress |Long press to activate pointer  |  boolean  | no  | all | yes
-| activatePointersDelay | activation pointer delay |  number  | no  | all | yes
-| persistPointer | persistent pointer |  boolean  | no  | all | yes
-| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer |  number[]  | no  | all | yes
-| barTouchable  | touchable bar |  boolean  | no  | all | yes
-| pointerEvents | pointer event in Bars |  PointerEvents  | no  | all | yes
-| stripBehindBars | hide the strip in Bars |  boolean  | no  | all | yes
+| height | Height of the pointer | number | no | all | yes
+| width | width of the pointer | number | no | all | yes
+| radius | radius of the pointer | number | no | all | yes
+| pointerColor | pointer color | ColorValue | no | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values. | ColorValue[] | no | all | yes
+| secondaryPointerColor | Secondary pointer color | ColorValue | no | all | yes
+| pointerComponent | is a function that returns the component to be rendered as a pointer | Function | no | all | yes
+| showPointerStrip | show pointer bar | boolean | no | all | yes
+| pointerStripWidth | width of the pointer bar | number | no | all | yes
+| pointerStripHeight | height of the pointer bar | number | no | all | yes
+| pointerStripColor | color of the pointer bar | ColorValue | no | all | yes
+| pointerStripUptoDataPoint | Pointer stripped to data point | boolean | no | all | yes
+| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 | Function | no | all | yes
+| stripOverPointer | strip to over pointer | boolean | no | all | yes
+| autoAdjustPointerLabelPosition | Adjust the position of the pointer | boolean | no | all | yes
+| shiftPointerLabelX | x-axis displacement pointer label | number | no | all | yes
+| shiftPointerLabelY | y-axis displacement pointer label | number | no | all | yes
+| pointerLabelWidth | pointer label width | number | no | all | yes
+| pointerLabelHeight | pointer label height | number | no | all | yes
+| pointerVanishDelay | Pointer disappearance delay | number | no | all | yes
+| activatePointersOnLongPress |Long press to activate pointer | boolean | no | all | yes
+| activatePointersDelay | activation pointer delay | number | no | all | no
+| persistPointer | persistent pointer | boolean | no | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer | number[] | no | all | yes
+| barTouchable | touchable bar | boolean | no | all | yes
+| pointerEvents | pointer event in Bars | PointerEvents | no | no | no
+| stripBehindBars | hide the strip in Bars | boolean | no | all | yes
 
 **Props for horizontal BarChart**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| horizontal | Render horizontal        | boolean   | no  | all | yes
-| rtl | Render the chart from right to left | boolean   | no  | all | yes
-| shiftX  | Shift the chart towards left or right by given value (only in horizontal charts) | number  | no  | all | yes
-| shiftY  | Shift the chart upwards or downwards by given value (only in horizontal charts)  | number  | no  | all | yes
-| rotateYAxisTexts | angle by which the Y axis label texts should rotate in horizontal charts | number   | no  | all | yes
-| yAxisAtTop | In horizontal BarCharts the Y axis appears at bottom by default. Set it to true for otherwise | boolean  | no  | all | yes
-| intactTopLabel | To rotate the top label component to make it intact with the Bars    | boolean   | no  | all | yes
+| horizontal | Render horizontal | boolean | no | all | yes
+| rtl | Render the chart from right to left | boolean | no | all | yes
+| shiftX | Shift the chart towards left or right by given value (only in horizontal charts) | number | no | all | yes
+| shiftY | Shift the chart upwards or downwards by given value (only in horizontal charts) | number | no | all | yes
+| rotateYAxisTexts | angle by which the Y axis label texts should rotate in horizontal charts | number | no | all | yes
+| yAxisAtTop | In horizontal BarCharts the Y axis appears at bottom by default. Set it to true for otherwise | boolean | no | all | yes
+| intactTopLabel | To rotate the top label component to make it intact with the Bars | boolean | no | all | yes
 
 **Props for Stacked Bar Charts**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| stackData   | A stack array represents a stack of bars in the bar chart. It is described in the next table  | Array of stack arrays | no  | all | yes
-| barBorderRadius | Border radius of each bar of the stack  | number| no  | all | yes
-| barBorderTopLeftRadius | Top left border radius of each bar of the stack | number| no  | all | yes
-| barBorderTopRightRadius | Top right border radius of each bar of the stack | number | no  | all | yes
-| barBorderBottomLeftRadius | Bottom left border radius of each bar of the stack | number | no  | all | yes
-| barBorderBottomRightRadius | Bottom right border radius of each bar of the stack | number | no  | all | yes
-| stackBorderRadius | Border radius of the top and bottom bars of the stack  | number | no  | all | yes
-| stackBorderTopLeftRadius | Top left border radius of the top bar of the stack | number| no  | all | yes
-| stackBorderTopRightRadius | Top right border radius of the top bar of the stack  | number | no  | all | yes
-| stackBorderBottomLeftRadius  | Bottom left border radius of the bottom bar of the stack      | number  | no  | all | yes
-| stackBorderBottomRightRadius  | Bottom right border radius of the bottom bar of the stack     | number | no  | all | yes
-| autoShiftLabelsForNegativeStacks | Whether the x axis labels should auto shift to a position below the bar, if the bar is under x-axis due to negative value | boolean| no  | all | yes
+| stackData | A stack array represents a stack of bars in the bar chart. It is described in the next table | Array of stack arrays | no | all | yes
+| barBorderRadius | Border radius of each bar of the stack | number| no | all | yes
+| barBorderTopLeftRadius | Top left border radius of each bar of the stack | number| no | all | yes
+| barBorderTopRightRadius | Top right border radius of each bar of the stack | number | no | all | yes
+| barBorderBottomLeftRadius | Bottom left border radius of each bar of the stack | number | no | all | yes
+| barBorderBottomRightRadius | Bottom right border radius of each bar of the stack | number | no | all | yes
+| stackBorderRadius | Border radius of the top and bottom bars of the stack | number | no | all | yes
+| stackBorderTopLeftRadius | Top left border radius of the top bar of the stack | number| no | all | yes
+| stackBorderTopRightRadius | Top right border radius of the top bar of the stack | number | no | all | yes
+| stackBorderBottomLeftRadius | Bottom left border radius of the bottom bar of the stack | number | no | all | yes
+| stackBorderBottomRightRadius | Bottom right border radius of the bottom bar of the stack | number | no | all | yes
+| autoShiftLabelsForNegativeStacks | Whether the x axis labels should auto shift to a position below the bar, if the bar is under x-axis due to negative value | boolean| no | all | yes
 
 **Stack Array description**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| stacks array | A stack is made of 1 or more objects of the type described in the next table |  Array of stack items| no  | all | yes                                      
-| label | Label text appearing below the stack (under the X axis) | string | no  | all | yes
-| labelTextStyle  | Style object for the label text appearing below the stack | object| no  | all | yes
-| barWidth     | Width of the stack bar | number| no  | all | yes
-| spacing | Distance between 2 consecutive bars in the stack Bar chart | number| no  | all | yes
-| borderRadius | Border radius of each bar of the stack | number| no  | all | yes
-| borderTopLeftRadius | Top left border radius of the top bar of the stack     | number| no  | all | yes
-| borderTopRightRadius | Top right border radius of the top bar of the stack   | number| no  | all | yes
-| borderBottomLeftRadius  | Bottom left border radius of the bottom bar of the stack  | number| no  | all | yes
-| borderBottomRightRadius | Bottom right border radius of the bottom bar of the stack | number| no  | all | yes
+| stacks array | A stack is made of 1 or more objects of the type described in the next table | Array of stack items| no | all | yes  
+| label | Label text appearing below the stack (under the X axis) | string | no | all | yes
+| labelTextStyle | Style object for the label text appearing below the stack | object| no | all | yes
+| barWidth | Width of the stack bar | number| no | all | yes
+| spacing | Distance between 2 consecutive bars in the stack Bar chart | number| no | all | yes
+| borderRadius | Border radius of each bar of the stack | number| no | all | yes
+| borderTopLeftRadius | Top left border radius of the top bar of the stack | number| no | all | yes
+| borderTopRightRadius | Top right border radius of the top bar of the stack | number| no | all | yes
+| borderBottomLeftRadius | Bottom left border radius of the bottom bar of the stack | number| no | all | yes
+| borderBottomRightRadius | Bottom right border radius of the bottom bar of the stack | number| no | all | yes
 
 **Stack item description**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| value   | Value of the item representing height of the stack item | number | no  | all | yes
-| color | Color of the stack item | ColorValue | no  | all | yes
-| onPress |  Function called on pressing the stack item | function | no  | all | yes
-| onLongPress    | Function called on long pressing the stack item | function | no  | all | yes
-| onPressOut   | Callback function called on press out of a bar | Function  | no  | all | yes
-| marginBottom | margin below a particular stack sectio | number     n   | no  | all | yes
-| barBorderRadius   | Border radius of a stack section  | number  | no  | all | yes
-| borderTopLeftRadius   | borderTopLeftRadius for a stack section  | number | no  | all | yes
-| borderTopRightRadius  | borderTopRightRadius for a stack section    | number | no  | all | yes
-| borderBottomLeftRadius | borderBottomLeftRadius for a stack section  | number   | no  | all | yes
-| borderBottomRightRadius | borderBottomRightRadius for a stack section | number  | no  | all | yes
-| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean | no  | all | yes
-| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient| ColorValue | no  | all | yes
-| barWidth | Width of the bar | number | no  | all | yes
-| showXAxisIndex | show small graduation at the X axis for the corresponding stack  | boolean  | no  | all | yes
+| value | Value of the item representing height of the stack item | number | no | all | yes
+| color | Color of the stack item | ColorValue | no | all | yes
+| onPress | Function called on pressing the stack item | function | no | all | yes
+| onLongPress | Function called on long pressing the stack item | function | no | all | yes
+| onPressOut | Callback function called on press out of a bar | Function | no | all | yes
+| marginBottom | margin below a particular stack sectio | number n | no | all | yes
+| barBorderRadius | Border radius of a stack section | number | no | all | yes
+| borderTopLeftRadius | borderTopLeftRadius for a stack section | number | no | all | yes
+| borderTopRightRadius | borderTopRightRadius for a stack section | number | no | all | yes
+| borderBottomLeftRadius | borderBottomLeftRadius for a stack section | number | no | all | yes
+| borderBottomRightRadius | borderBottomRightRadius for a stack section | number | no | all | yes
+| showGradient | Prop to enable linear gradient for the bar color, defaults to false | boolean | no | all | yes
+| gradientColor | Along with frontColor, this prop constitutes the 2 colors for gradient| ColorValue | no | all | yes
+| barWidth | Width of the bar | number | no | all | yes
+| showXAxisIndex | show small graduation at the X axis for the corresponding stack | boolean | no | all | yes
 
 ### LineChart and AreaChart
 
 **Basic props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data | An item object represents a point in the line chart. It is described in the next table.   | Array <lineDataItem>  | no  | all | yes
-| data2 | Second set of dataPoint for the second line | Array <lineDataItem> | no  | all | yes
-| data3 | Third set of dataPoint for the third line | Array <lineDataItem>| no  | all | yes
-| data4 | Fourth set of dataPoint for the fourth line | Array <lineDataItem> | no  | all | yes
-| data5 | Fifth set of dataPoint for the third line| Array <lineDataItem> | no  | all | yes
-| dataSet | Array of data sets (used instead of using `data2`, `data3`, `data4` etc)  | Array<DataSet>| no  | all | yes
-| width | Width of the Bar chart  | number  | no  | all | yes
-| height| Height of the Bar chart (excluding the bottom label)   | number  | no  | all | yes
-| overflowTop | Extra space at the top of the chart to make room for dataPointText | number  | no  | all | yes
-| overflowBottom | Extra space at the bottom of the chart to make room for dataPoints or dataPointText | number | no  | all | yes
-| maxValue | Maximum value shown in the Y axis | number  | no  | all | yes
-| mostNegativeValue | The most negative value shown in the Y axis (to be used only if the data set has negative values too)  | number  | no  | all | yes
-| noOfSections | Number of sections in the Y axis | number  | no  | all | yes
-| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)| number | no  | all | yes
-| stepValue | Value of 1 step/section in the Y axis  | number  | no  | all | yes
-| stepHeight | Height of 1 step/section in the Y axis| number | no  | all | yes
-| negativeStepValue | Value of 1 step/section in the Y axis for negative values (in the 4th quadrant)| number | no  | all | yes
-| negativeStepHeight | Height of 1 step/section in the Y axis for negative values (in the 4th quadrant) | number  | no  | all | yes
-| spacing | Distance between 2 consecutive bars in the Bar chart | number  | no  | all | yes
-| adjustToWidth | When set to true, it auto computes the spacing value to fit the Line chart in the available width | boolean  | no  | all | yes
-| backgroundColor | Background color of the Bar chart | ColorValue | no  | all | yes
-| sectionColors | Background color of the horizontal sections of the chart | ColorValue | no  | all | yes
-| scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any    | no  | all | yes
-| scrollToIndex | scroll to a particular index on chart load  | number  | no  | all | yes
-| disableScroll  | To disable horizontal scroll | boolean | no  | all | yes
-| showScrollIndicator | To show horizontal scroll indicator | boolean  | no  | all | yes
-| indicatorColor | (iOS only) The color of the scroll indicators - ('black', 'white' or 'default')  | String  | no  | all | yes
-| isAnimated | To show animated Line or Area Chart. Animation occurs when the chart load for the first time | boolean  | no  | all | yes
-| animateOnDataChange  | To show animation on change in data. A smooth transition takes place between the iold and new line | boolean  | no  | all | yes
-| onDataChangeAnimationDuration | Duration (milliseconds) in which the transition animation takes place on a change in data | number   | no  | all | yes
-| onPress | The callback function that handles the press event. `item` and `index` are received as props | Function          | no  | all | yes
-| scrollToEnd  | When set to true, the chart automatically scrolls to the rightmost data point  | boolean | no  | all | yes
-| scrollAnimation | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost data point | boolean | no  | all | yes
-| scrollEventThrottle | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios | number  | no  | iOS | yes
-| onScroll | callback function called when the chart is scrolled horizontally| Function | no  | all | yes
-| onMomentumScrollEnd | callback function called when scroll is completed   | Function| no  | all | yes
-| initialSpacing | distance of the first data point from the Y axis| number | no  | all | yes
-| endSpacing | distance/padding left at the end of the line chart | number  | no  | all | yes
+| data | An item object represents a point in the line chart. It is described in the next table. | Array <lineDataItem> | no | all | yes
+| data2 | Second set of dataPoint for the second line | Array <lineDataItem> | no | all | yes
+| data3 | Third set of dataPoint for the third line | Array <lineDataItem>| no | all | yes
+| data4 | Fourth set of dataPoint for the fourth line | Array <lineDataItem> | no | all | yes
+| data5 | Fifth set of dataPoint for the third line| Array <lineDataItem> | no | all | yes
+| dataSet | Array of data sets (used instead of using `data2`, `data3`, `data4` etc) | Array<DataSet>| no | all | yes
+| width | Width of the Bar chart | number | no | all | yes
+| height| Height of the Bar chart (excluding the bottom label) | number | no | all | yes
+| overflowTop | Extra space at the top of the chart to make room for dataPointText | number | no | all | yes
+| overflowBottom | Extra space at the bottom of the chart to make room for dataPoints or dataPointText | number | no | all | yes
+| maxValue | Maximum value shown in the Y axis | number | no | all | yes
+| mostNegativeValue | The most negative value shown in the Y axis (to be used only if the data set has negative values too) | number | no | all | yes
+| noOfSections | Number of sections in the Y axis | number | no | all | yes
+| noOfSectionsBelowXAxis | Number of sections in the Y axis below X axis (in case the data set has negative values too)| number | no | all | yes
+| stepValue | Value of 1 step/section in the Y axis | number | no | all | yes
+| stepHeight | Height of 1 step/section in the Y axis| number | no | all | yes
+| spacing | Distance between 2 consecutive bars in the Bar chart | number | no | all | yes
+| adjustToWidth | When set to true, it auto computes the spacing value to fit the Line chart in the available width | boolean | no | all | yes
+| backgroundColor | Background color of the Bar chart | ColorValue | no | all | yes
+| sectionColors | Background color of the horizontal sections of the chart | Array<ColorValue> | no | all | yes
+| scrollref | ref object that can be used to control the horizontal ScrollView inside which the chart is rendered | any | no | all | yes
+| scrollToIndex | scroll to a particular index on chart load | number | no | all | yes
+| disableScroll | To disable horizontal scroll | boolean | no | all | yes
+| showScrollIndicator | To show horizontal scroll indicator | boolean | no | all | yes
+| indicatorColor | (iOS only) The color of the scroll indicators - ('black', 'white' or 'default') | String | no | all | yes
+| isAnimated | To show animated Line or Area Chart. Animation occurs when the chart load for the first time | boolean | no | all | yes
+| onPress | The callback function that handles the press event. `item` and `index` are received as props | Function | no | all | yes
+| scrollToEnd | When set to true, the chart automatically scrolls to the rightmost data point | boolean | no | all | yes
+| scrollAnimation | When set to true, scroll animation is visible when the chart automatically scrolls to the rightmost data point | boolean | no | all | yes
+| scrollEventThrottle | (only for iOS) see https://reactnative.dev/docs/scrollview#scrolleventthrottle-ios | number | no | iOS | yes
+| onScroll | callback function called when the chart is scrolled horizontally| Function | no | all | yes
+| onMomentumScrollEnd | callback function called when scroll is completed | Function| no | all | yes
+| initialSpacing | distance of the first data point from the Y axis| number | no | all | yes
+| endSpacing | distance/padding left at the end of the line chart | number | no | all | yes
 
 **Item description (lineDataItem)**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| value| Value of the item representing representing its position | number | no  | all | yes
-| onPress | Function called on pressing the data point | function | no  | all | yes
-| label | Label text appearing under the X axis | string   | no  | all | yes
-| labelTextStyle | Style object for the label text appearing under the X axis | object | no  | all | yes
-| labelComponent | custom label component appearing under the X axis | Function | no  | all | yes
-| yAxisLabelText | Y axis label text | string  | no  | all | yes
-| dataPointText  | Text appearing near the data points | string | no  | all | yes
-| textShiftX | To shift the dataPointText text horizontally  | number | no  | all | yes
-| textShiftY | To shift the dataPointText text vertically    | number | no  | all | yes
-| textColor | Color of the dataPointText | ColorValue| no  | all | yes
-| textFontSize  | Font size of the dataPointText   | number | no  | all | yes
-| dataPointHeight | Height of the data point (when data point's shape is rectangular)  | number | no  | all | yes
-| dataPointWidth | Width of the data point (when data point's shape is rectangular)  | number | no  | all | yes
-| dataPointRadius | Radius of the data point (when data points' shape is circular) | number| no  | all | yes
-| dataPointColor  | Color of the data point  | ColorValue  | no  | all | yes
-| dataPointShape | Shape of the data point (rectangular or circular) defaults to circular  | string  | no  | all | yes
-| hideDataPoint | To hide the data point   | boolean  | no  | all | yes
-| showVerticalLine | When set to true, a vertical line will be displayed along that data point | boolean   | no  | all | yes
-| verticalLineUptoDataPoint | When set to true, it sets the height of the vertical line upto the corresponding data point | boolean | no  | all | yes
-| verticalLineColor | Color of the vertical Line displayed along the data point | ColorValue | no  | all | yes 
-| verticalLineThickness | Thickness of the vertical Line displayed along the data point | number| no  | all | yes 
-| dataPointLabelWidth | width of the label shown beside a data point  | number  | no  | all | yes
-| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point  | number | no  | all | yes 
-| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no  | all | yes 
-| dataPointLabelComponent | custom component rendered above a data point| Function | no  | all | yes
-| focusedDataPointLabelComponent | custom component rendered above a data point only when focused/selected (when the user presses) | Function  | no  | all | yes 
-| showStrip | To show a vertical strip along the data point (even if it's not focused/selected) | boolean  | no  | all | yes 
-| stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true  | number| no  | all | yes 
-| stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true  | number| no  | all | yes 
-| stripColor | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | ColorValue| no  | all | yes 
-| stripOpacity | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no  | all | yes 
-| pointerShiftX  | Shifts the pointer for that item horizontally by given quantity (used only when pointerConfig prop is passed) | number| no  | all | yes 
-| pointerShiftY | Shifts the pointer for that item vertically by given quantity (used only when pointerConfig prop is passed)  | number | no  | all | yes 
+| value| Value of the item representing representing its position | number | no | all | yes
+| onPress | Function called on pressing the data point | function | no | all | no
+| label | Label text appearing under the X axis | string | no | all | yes
+| labelTextStyle | Style object for the label text appearing under the X axis | object | no | all | yes
+| labelComponent | custom label component appearing under the X axis | Function | no | all | yes
+| yAxisLabelText | Y axis label text | string | no | all | yes
+| dataPointText | Text appearing near the data points | string | no | all | yes
+| textShiftX | To shift the dataPointText text horizontally | number | no | all | yes
+| textShiftY | To shift the dataPointText text vertically | number | no | all | yes
+| textColor | Color of the dataPointText | ColorValue| no | all | yes
+| textFontSize | Font size of the dataPointText | number | no | all | yes
+| dataPointHeight | Height of the data point (when data point's shape is rectangular) | number | no | all | yes
+| dataPointWidth | Width of the data point (when data point's shape is rectangular) | number | no | all | yes
+| dataPointRadius | Radius of the data point (when data points' shape is circular) | number| no | all | yes
+| dataPointColor | Color of the data point | ColorValue | no | all | yes
+| dataPointShape | Shape of the data point (rectangular or circular) defaults to circular | string | no | all | yes
+| hideDataPoint | To hide the data point | boolean | no | all | yes
+| showVerticalLine | When set to true, a vertical line will be displayed along that data point | boolean | no | all | yes
+| verticalLineUptoDataPoint | When set to true, it sets the height of the vertical line upto the corresponding data point | boolean | no | all | yes
+| verticalLineColor | Color of the vertical Line displayed along the data point | ColorValue | no | all | yes
+| verticalLineThickness | Thickness of the vertical Line displayed along the data point | number| no | all | yes
+| dataPointLabelWidth | width of the label shown beside a data point | number | no | all | no
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point | number | no | all | no
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no | all | no
+| dataPointLabelComponent | custom component rendered above a data point| Function | no | all | no
+| focusedDataPointLabelComponent | custom component rendered above a data point only when focused/selected (when the user presses) | Function | no | all | no
+| showStrip | To show a vertical strip along the data point (even if it's not focused/selected) | boolean | no | all | yes
+| stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no | all | yes
+| stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no | all | yes
+| stripColor | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | ColorValue| no | all | yes
+| stripOpacity | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart, or when showStrip is set to true | number| no | all | yes
+| pointerShiftX | Shifts the pointer for that item horizontally by given quantity (used only when pointerConfig prop is passed) | number| no | all | yes
+| pointerShiftY | Shifts the pointer for that item vertically by given quantity (used only when pointerConfig prop is passed) | number | no | all | yes
 
 **Pagination related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| onEndReached     | Callback function called when the chart is scrolled upto end | Function | no  | all | yes 
-| onStartReached   | Callback function called when the chart is scrolled upto start | Function | no  | all | yes 
+| onEndReached | Callback function called when the chart is scrolled upto end | Function | no | all | yes
+| onStartReached | Callback function called when the chart is scrolled upto start | Function | no | all | yes
 
 **Axes and rules related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| xAxisLength | X axis length   | number | no  | all | yes
-| xAxisColor| X axis color | ColorValue  | no  | all | yes
-| xAxisThickness | X axis thickness  | number | no  | all | yes
-| xAxisType  | solid or dotted/dashed  | RuleType | no  | all | yes
-| yAxisColor | Y axis color  | ColorValue | no  | all | yes
-| yAxisThickness | Y axis thickness  | number  | no  | all | yes
-| yAxisLabelWidth | Width of the Y axis Label container | number   | no  | all | ye
-| yAxisTextStyle | Style object for the Y axis text style | object   | no  | all | yes
-| yAxisTextNumberOfLines | Number of lines for y axis label text | number  | no  | all | yes
-| yAxisLabelContainerStyle | Style object for the Y axis label container  | object | no  | all | yes
-| trimYAxisAtTop | Removes the extra length of the Y axis from the top  | boolean | no  | all | yes
-| yAxisExtraHeight | Extra length of Y axis at the top  | number | no  | all | yes 
-| yAxisOffset | Starting value on Y Axis | number | no  | all | yes 
-| horizontalRulesStyle | Style object for the horizontal rules container | object  | no  | all | yes
-| showFractionalValues | Allow fractional values for the Y axis label | boolean  | no  | all | yes 
-| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number | no  | all | yes 
-| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$')  | String| no  | all | yes 
-| yAxisLabelSuffix   |The String appended to the y axis label text | String| no  | all | yes 
-| hideYAxisText | To hide Y axis label text  | boolean | no  | all | yes
-| formatYLabel | a callback function that takes the label generated by the library and modifies it.  | (label: string) => string | no  | all | yes 
-| yAxisSide  | Tells which side of the chart, should the y axis be present, defaults to 'left'  | String | no  | all | yes 
-| rulesLength | Length of the horizontal    | number | no  | all | yes
-| rulesColor | Color of the horizontal rules | ColorValue  | no  | all | yes    |
-| rulesThickness | Thickness of the horizontal | number | no  | all | yes 
-| hideRules  | To hide the horizontal | boolean  | no  | all | yes
-| rulesType | solid or dotted/dashed | RuleType | no  | all | yes
-| dashWidth | width of each dash | number | no  | all | yes 
-| dashGap  | gap between 2     | number | no  | all | yes
-| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules   | Array<RulesConfig> | no  | all | yes 
-| showReferenceLine1   | show reference line       | boolean   | no  | all | yes
-| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no  | all | yes 
-| referenceLine1Position  | position of reference     | number | no  | all | yes
-| showReferenceLine2  | show second reference         | boolean  | no  | all | yes
-| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType| no  | all | yes 
-| referenceLine2Position | position of second reference  | number | no  | all | yes
-| showReferenceLine3  | show third reference  | boolean   | no  | all | yes 
-| referenceLine3Config  | properties of reference line like thickness, color etc (described below the table)  | referenceConfigType | no  | all | yes 
-| referenceLine3Position | position of third reference line  | number| no  | all | yes
-| showVerticalLines | To show vertical lines | boolean  | no  | all | yes
-| verticalLinesUptoDataPoint | To set the height of the vertical lines upto the corresponding data point| boolean | no  | all | yes 
-| verticallinesThickness | Thickness of the vertical lines | number  | no  | all | yes
-| verticalLinesHeight  | Height of the vertical lines  | number   | no  | all | yes 
-| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line | Array<number>| no  | all   |yes
-| verticalLinesShift  | vertical lines are aligned with data point. Shift them left or right using +ve or -ve value of verticalLinesShift| number| no  | all   |yes 
-| verticalLinesZIndex | Z index of the vertical lines | number   | no  | all | yes
-| noOfVerticalLines  | Number of vertical lines displayed  | number      | no  | all | yes 
-| verticalLinesSpacing | Distance between consecutive vertical lines | number    | no  | all | yes
-| showXAxisIndices | To show the pointers on the X axis| boolean | no  | all | yes
-| xAxisIndicesHeight | Height of the pointers on the X axis | number  | no  | all | yes 
-| xAxisIndicesWidth | Width of the pointers on the X axis  | number  | no  | all | yes
-| xAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no  | all | yes
-| showYAxisIndices | To show the pointers on the Y axis | boolean | no  | all | yes
-| yAxisIndicesHeight | Height of the pointers on the Y axis | number   | no  | all | yes
-| yAxisIndicesWidth | Width of the pointers on the Y axis | number   | no  | all | yes
-| yAxisIndicesColor | Color of the pointers on the X axis | ColorValue   | no  | all | yes
-| hideAxesAndRules | To hide axes, rules, labels altogether  | boolean  | no  | all | yes
-| yAxisLabelTexts | Array of label texts to be displayed along y axis  | Array<string>| no  | all   |yes
-| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>| no  | all   |yes
-| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no  | all | yes
-| xAxisTextNumberOfLines | Number of lines for x axis label text | number  | no  | all | yes
-| xAxisLabelsHeight | Height of X axis labels container   | number   | no  | all | yes
-| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no  | all   |yes
-| rotateLabel | To rotate the X axis labels (by 60deg) | boolean  | no  | all | yes
-| hideOrigin | To hide the y Axis label at origin (i.e. 0)  | boolean  | no  | all | yes
-| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no  | all   |yes
-| secondaryData | the secondary data that will be rendered along the secondary Y axis  | Array of items | no  | all   |yes
-| secondaryLineConfig | properties of the secondary data line (secondaryLineConfigType is described below) | secondaryLineConfigType| no  | all   |yes
+| xAxisLength | X axis length | number | no | all | yes
+| xAxisColor| X axis color | ColorValue | no | all | yes
+| xAxisThickness | X axis thickness | number | no | all | yes
+| xAxisType | solid or dotted/dashed | RuleType | no | all | yes
+| yAxisColor | Y axis color | ColorValue | no | all | yes
+| yAxisThickness | Y axis thickness | number | no | all | yes
+| yAxisLabelWidth | Width of the Y axis Label container | number | no | all | ye
+| yAxisTextStyle | Style object for the Y axis text style | object | no | all | yes
+| yAxisTextNumberOfLines | Number of lines for y axis label text | number | no | all | yes
+| yAxisLabelContainerStyle | Style object for the Y axis label container | object | no | all | yes
+| trimYAxisAtTop | Removes the extra length of the Y axis from the top | boolean | no | all | yes
+| yAxisExtraHeight | Extra length of Y axis at the top | number | no | all | yes
+| yAxisOffset | Starting value on Y Axis | number | no | all | yes
+| horizontalRulesStyle | Style object for the horizontal rules container | object | no | all | yes
+| showFractionalValues | Allow fractional values for the Y axis label | boolean | no | all | yes
+| roundToDigits | Rounds the y axis values to given number of digits after decimal point | number | no | all | yes
+| yAxisLabelPrefix | The String prepended to the y axis label text (for example- '$') | String| no | all | yes
+| yAxisLabelSuffix |The String appended to the y axis label text | String| no | all | yes
+| hideYAxisText | To hide Y axis label text | boolean | no | all | yes
+| formatYLabel | a callback function that takes the label generated by the library and modifies it. | (label: string) => string | no | all | yes
+| yAxisSide | Tells which side of the chart, should the y axis be present, defaults to 'left' | String | no | all | yes
+| rulesLength | Length of the horizontal | number | no | all | yes
+| rulesColor | Color of the horizontal rules | ColorValue | no | all | yes |
+| rulesThickness | Thickness of the horizontal | number | no | all | yes
+| hideRules | To hide the horizontal | boolean | no | all | yes
+| rulesType | solid or dotted/dashed | RuleType | no | all | yes
+| dashWidth | width of each dash | number | no | all | yes
+| dashGap | gap between 2 | number | no | all | yes
+| rulesConfigArray | Array of rulesConfig objects, used to customise the properties (like color, type etc) of specific rules | Array<RulesConfig> | no | all | yes
+| showReferenceLine1 | show reference line | boolean | no | all | yes
+| referenceLine1Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine1Position | position of reference | number | no | all | yes
+| showReferenceLine2 | show second reference | boolean | no | all | yes
+| referenceLine2Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType| no | all | yes
+| referenceLine2Position | position of second reference | number | no | all | yes
+| showReferenceLine3 | show third reference | boolean | no | all | yes
+| referenceLine3Config | properties of reference line like thickness, color etc (described below the table) | referenceConfigType | no | all | yes
+| referenceLine3Position | position of third reference line | number| no | all | yes
+| showVerticalLines | To show vertical lines | boolean | no | all | yes
+| verticalLinesUptoDataPoint | To set the height of the vertical lines upto the corresponding data point| boolean | no | all | yes
+| verticallinesThickness | Thickness of the vertical lines | number | no | all | yes
+| verticalLinesHeight | Height of the vertical lines | number | no | all | yes
+| verticalLinesStrokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted vertical line | Array<number>| no | all |yes
+| verticalLinesShift | vertical lines are aligned with data point. Shift them left or right using +ve or -ve value of verticalLinesShift| number| no | all |yes
+| verticalLinesZIndex | Z index of the vertical lines | number | no | all | yes
+| noOfVerticalLines | Number of vertical lines displayed | number | no | all | yes
+| verticalLinesSpacing | Distance between consecutive vertical lines | number | no | all | yes
+| showXAxisIndices | To show the pointers on the X axis| boolean | no | all | yes
+| xAxisIndicesHeight | Height of the pointers on the X axis | number | no | all | yes
+| xAxisIndicesWidth | Width of the pointers on the X axis | number | no | all | yes
+| xAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no | all | yes
+| showYAxisIndices | To show the pointers on the Y axis | boolean | no | all | yes
+| yAxisIndicesHeight | Height of the pointers on the Y axis | number | no | all | yes
+| yAxisIndicesWidth | Width of the pointers on the Y axis | number | no | all | yes
+| yAxisIndicesColor | Color of the pointers on the X axis | ColorValue | no | all | yes
+| hideAxesAndRules | To hide axes, rules, labels altogether | boolean | no | all | yes
+| yAxisLabelTexts | Array of label texts to be displayed along y axis | Array<string>| no | all |yes
+| xAxisLabelTexts | Array of label texts to be displayed below x axis | Array<string>| no | all |yes
+| xAxisLabelTextStyle | Style of label texts to be displayed below x axis | object | no | all | yes
+| xAxisTextNumberOfLines | Number of lines for x axis label text | number | no | all | yes
+| xAxisLabelsHeight | Height of X axis labels container | number | no | all | yes
+| xAxisLabelsVerticalShift | prop to adjust the vertical position of X axis labels (move X axis labels up or down) | number | no | all |yes
+| rotateLabel | To rotate the X axis labels (by 60deg) | boolean | no | all | yes
+| hideOrigin | To hide the y Axis label at origin (i.e. 0) | boolean | no | all | yes
+| secondaryYAxis | displays and controls the properties of the secondary Y axis on the right side | secondaryYAxisType | no | all |yes
+| secondaryData | the secondary data that will be rendered along the secondary Y axis | Array of items | no | all |yes
+| secondaryLineConfig | properties of the secondary data line (secondaryLineConfigType is described below) | secondaryLineConfigType| no | all |yes
 
 **Line related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| curved | To show curved line joining the data points  | boolean| no  | all   |yes
-| color | Color of the lines joining the data points   | ColorValue | no  | all | yes
-| color1| Color of the lines joining the first set of data points  | ColorValue | no  | all | yes
-| color2 | Color of the lines joining the second set of data points  | ColorValue| no  | all | yes
-| color3 | Color of the lines joining the third set of data points  | ColorValue| no  | all | yes
-| color4 | Color of the lines joining the fourth set of data points  | ColorValue| no  | all | yes
-| color5 | Color of the lines joining the fifth set of data points  | ColorValue| no  | all | yes
-| thickness | Thickness of the lines joining the data points  | number| no  | all | yes
-| thickness1 | Thickness of the lines joining the first set of data points | number | no  | all | yes
-| thickness2 | Thickness of the lines joining the second set of data points | number | no  | all | yes
-| thickness3 | Thickness of the lines joining the third set of data points | number     | no  | all | yes
-| thickness4 | Thickness of the lines joining the fourth set of data points | number| no  | all | yes
-| thickness5 | Thickness of the lines joining the fifth set of data points  | number | no  | all | yes
-| zIndex1 | zIndex of the lines joining the first set of data points | number | no  | all | yes
-| zIndex2 | zIndex of the lines joining the second set of data points  | number | no  | all | yes
-| zIndex3 | zIndex of the lines joining the third set of data points| number | no  | all | yes
-| zIndex4  | zIndex of the lines joining the fourth set of data points | number | no  | all | yes
-| zIndex5 | zIndex of the lines joining the fifth set of data points | number | no  | all | yes
-| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
-| strokeDashArray1 | Array of 2 numbers denoting the dashWidth and dashGap of line1. Used to render dashed/dotted line chart| Array<number> | no  | all | yes
-| strokeDashArray2| Array of 2 numbers denoting the dashWidth and dashGap of line2. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
-| strokeDashArray3 | Array of 2 numbers denoting the dashWidth and dashGap of line3. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
-| strokeDashArray4 | Array of 2 numbers denoting the dashWidth and dashGap of line4. Used to render dashed/dotted line chart | Array<number>| no  | all | yes
-| strokeDashArray5 | Array of 2 numbers denoting the dashWidth and dashGap of line5. Used to render dashed/dotted line chart | Array<number> | no  | all | yes
-| lineSegments | Array of objects used to customize segments (parts) of line | Array<LineSegment> | no  | all | yes
-| lineSegments2 | Array of objects used to customize segments (parts) of line2 | Array<LineSegment>      | no  | all | yes
-| lineSegments3 | Array of objects used to customize segments (parts) of line3 | Array<LineSegment> | no  | all | yes
-| lineSegments4 | Array of objects used to customize segments (parts) of line4  | Array<LineSegment> | no  | all | yes
-| lineSegments5 | Array of objects used to customize segments (parts) of line5  | Array<LineSegment> | no  | all | yes
-| highlightedRange | renders the parts of lines lying in a given data range with a different style (color, thickness,type)| HighlightedRange | no  | all | yes
-| startIndex | Start index for data line (used to display data lines having breaks)  | number   | no  | all | yes
-| startIndex1 | Start index for data line 1 (used to display data lines having breaks) | number| no  | all | yes
-| startIndex2 | Start index for data line 2 (used to display data lines having breaks) | number | no  | all | yes
-| startIndex3 | Start index for data line 3 (used to display data lines having breaks) | number | no  | all | yes
-| startIndex4 | Start index for data line 4 (used to display data lines having breaks) | number | no  | all | yes
-| startIndex5 | Start index for data line 5 (used to display data lines having breaks) | number| no  | all | yes
-| endIndex | End index for data line (used to display data lines having breaks) | number| no  | all | yes
-| endIndex1 | End index for data line 1 (used to display data lines having breaks) | number | no  | all | yes
-| endIndex2 | End index for data line 2 (used to display data lines having breaks) | number| no  | all | yes
-| endIndex3 | End index for data line 3 (used to display data lines having breaks)  | number| no  | all | yes
-| endIndex4 | End index for data line 4 (used to display data lines having breaks) | number | no  | all | yes
-| endIndex5 | End index for data line 5 (used to display data lines having breaks)  | number| no  | all | yes
-| lineGradient | this prop is used to render the line with a gradient blend of colors | boolean| no  | all | yes
-| lineGradientComponent  | this prop defines the svg gradient that should be applied to the line (requires lineGradient to be truthy) | Function| no  | all | yes
-| lineGradientId | id of the <LinearGradient> (needed along with lineGradientComponent prop) | string| no  | all | yes
-| lineGradientDirection  | 'vertical'/'horizontal' | string  | no  | all | yes 
-| lineGradientStartColor | Start gradient color for the line (requires lineGradient to be truthy) | string| no  | all | yes
-| lineGradientEndColor | End gradient color for the line (requires lineGradient to be truthy)  | string | no  | all | yes
+| curved | To show curved line joining the data points | boolean| no | all |yes
+| color | Color of the lines joining the data points | ColorValue | no | all | yes
+| color1| Color of the lines joining the first set of data points | ColorValue | no | all | yes
+| color2 | Color of the lines joining the second set of data points | ColorValue| no | all | yes
+| color3 | Color of the lines joining the third set of data points | ColorValue| no | all | yes
+| color4 | Color of the lines joining the fourth set of data points | ColorValue| no | all | yes
+| color5 | Color of the lines joining the fifth set of data points | ColorValue| no | all | yes
+| thickness | Thickness of the lines joining the data points | number| no | all | yes
+| thickness1 | Thickness of the lines joining the first set of data points | number | no | all | yes
+| thickness2 | Thickness of the lines joining the second set of data points | number | no | all | yes
+| thickness3 | Thickness of the lines joining the third set of data points | number | no | all | yes
+| thickness4 | Thickness of the lines joining the fourth set of data points | number| no | all | yes
+| thickness5 | Thickness of the lines joining the fifth set of data points | number | no | all | yes
+| zIndex1 | zIndex of the lines joining the first set of data points | number | no | all | yes
+| zIndex2 | zIndex of the lines joining the second set of data points | number | no | all | yes
+| zIndex3 | zIndex of the lines joining the third set of data points| number | no | all | yes
+| zIndex4 | zIndex of the lines joining the fourth set of data points | number | no | all | yes
+| zIndex5 | zIndex of the lines joining the fifth set of data points | number | no | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted line chart | Array<number>| no | all | yes
+| strokeDashArray1 | Array of 2 numbers denoting the dashWidth and dashGap of line1. Used to render dashed/dotted line chart| Array<number> | no | all | yes
+| strokeDashArray2| Array of 2 numbers denoting the dashWidth and dashGap of line2. Used to render dashed/dotted line chart | Array<number>| no | all | yes
+| strokeDashArray3 | Array of 2 numbers denoting the dashWidth and dashGap of line3. Used to render dashed/dotted line chart | Array<number>| no | all | yes
+| strokeDashArray4 | Array of 2 numbers denoting the dashWidth and dashGap of line4. Used to render dashed/dotted line chart | Array<number>| no | all | yes
+| strokeDashArray5 | Array of 2 numbers denoting the dashWidth and dashGap of line5. Used to render dashed/dotted line chart | Array<number> | no | all | yes
+| lineSegments | Array of objects used to customize segments (parts) of line | Array<LineSegment> | no | all | yes
+| lineSegments2 | Array of objects used to customize segments (parts) of line2 | Array<LineSegment> | no | all | yes
+| lineSegments3 | Array of objects used to customize segments (parts) of line3 | Array<LineSegment> | no | all | yes
+| lineSegments4 | Array of objects used to customize segments (parts) of line4 | Array<LineSegment> | no | all | yes
+| lineSegments5 | Array of objects used to customize segments (parts) of line5 | Array<LineSegment> | no | all | yes
+| highlightedRange | renders the parts of lines lying in a given data range with a different style (color, thickness,type)| HighlightedRange | no | all | yes
+| startIndex | Start index for data line (used to display data lines having breaks) | number | no | all | yes
+| startIndex1 | Start index for data line 1 (used to display data lines having breaks) | number| no | all | yes
+| startIndex2 | Start index for data line 2 (used to display data lines having breaks) | number | no | all | yes
+| startIndex3 | Start index for data line 3 (used to display data lines having breaks) | number | no | all | yes
+| startIndex4 | Start index for data line 4 (used to display data lines having breaks) | number | no | all | yes
+| startIndex5 | Start index for data line 5 (used to display data lines having breaks) | number| no | all | yes
+| endIndex | End index for data line (used to display data lines having breaks) | number| no | all | yes
+| endIndex1 | End index for data line 1 (used to display data lines having breaks) | number | no | all | yes
+| endIndex2 | End index for data line 2 (used to display data lines having breaks) | number| no | all | yes
+| endIndex3 | End index for data line 3 (used to display data lines having breaks) | number| no | all | yes
+| endIndex4 | End index for data line 4 (used to display data lines having breaks) | number | no | all | yes
+| endIndex5 | End index for data line 5 (used to display data lines having breaks) | number| no | all | yes
+| lineGradient | this prop is used to render the line with a gradient blend of colors | boolean| no | all | yes
+| lineGradientComponent | this prop defines the svg gradient that should be applied to the line (requires lineGradient to be truthy) | Function| no | all | yes
+| lineGradientId | id of the <LinearGradient> (needed along with lineGradientComponent prop) | string| no | all | yes
+| lineGradientDirection | 'vertical'/'horizontal' | string | no | all | yes
+| lineGradientStartColor | Start gradient color for the line (requires lineGradient to be truthy) | string| no | all | yes
+| lineGradientEndColor | End gradient color for the line (requires lineGradient to be truthy) | string | no | all | yes
 
 **The arrow**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| showArrows | To show an arrow at the end of each data line  | boolean | no  | all | yes
-| arrowConfig  | Object describing the properties of the arrows like length, width, strokeWidth, strokeColor, fillColor | arrowType  | no  | all | yes
-| showArrow1   | To show an arrow at the end of the first data line | boolean | no  | all | yes
-| arrowConfig1  | Object describing the properties of the first arrow | arrowType| no  | all | yes
-| showArrow2  | To show an arrow at the end of the second data line | boolean | no  | all | yes
-| arrowConfig2 | Object describing the properties of the second arrow | arrowType | no  | all | yes
-| showArrow3   | To show an arrow at the end of the third data line | boolean | no  | all | yes
-| arrowConfig3 | Object describing the properties of the third arrow | arrowType | no  | all | yes
-| showArrow4   | To show an arrow at the end of the fourth data line| boolean   | no  | all | yes
-| arrowConfig4 | Object describing the properties of the fourth arrow| arrowType | no  | all | yes
-| showArrow5  | To show an arrow at the end of the fifth data line | boolean  | no  | all | yes
-| arrowConfig5| Object describing the properties of the fifth arrow | arrowType | no  | all | yes
+| showArrows | To show an arrow at the end of each data line | boolean | no | all | yes
+| arrowConfig | Object describing the properties of the arrows like length, width, strokeWidth, strokeColor, fillColor | arrowType | no | all | yes
+| showArrow1 | To show an arrow at the end of the first data line | boolean | no | all | yes
+| arrowConfig1 | Object describing the properties of the first arrow | arrowType| no | all | yes
+| showArrow2 | To show an arrow at the end of the second data line | boolean | no | all | yes
+| arrowConfig2 | Object describing the properties of the second arrow | arrowType | no | all | yes
+| showArrow3 | To show an arrow at the end of the third data line | boolean | no | all | yes
+| arrowConfig3 | Object describing the properties of the third arrow | arrowType | no | all | yes
+| showArrow4 | To show an arrow at the end of the fourth data line| boolean | no | all | yes
+| arrowConfig4 | Object describing the properties of the fourth arrow| arrowType | no | all | yes
+| showArrow5 | To show an arrow at the end of the fifth data line | boolean | no | all | yes
+| arrowConfig5| Object describing the properties of the fifth arrow | arrowType | no | all | yes
 
 **Data points related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| hideDataPoints  | To hide data points   | boolean | no  | all | yes
-| dataPointsHeight  | Height of data points (when data points' shape is rectangular) | number | no  | all | yes
-| dataPointsWidth | Width of data points (when data points' shape is rectangular)  | number| no  | all | yes
-| dataPointsRadius | Radius of data points (when data points' shape is circular)  | number| no  | all | yes
-| dataPointsColor  | Color of the data points  | ColorValue  | no  | all | yes
-| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_)  | string| no  | all | yes
-| hideDataPoints1 | To hide data points for the first set of data  | boolean | no  | all | yes
-| dataPointsHeight1 | Height of data points for the first dataset (when data points' shape is rectangular)  | number | no  | all | yes
-| dataPointsWidth1  | Width of data points for the first dataset (when data points' shape is rectangular) | number| no  | all | yes
-| dataPointsRadius1  | Radius of data points for the first dataset (when data points' shape is circular) | number| no  | all | yes
-| dataPointsColor1 | Color of data points for the first dataset | ColorValue | no  | all | yes
-| dataPointsShape1 | Shape of data points for the first dataset   | string | no  | all | yes
-| hideDataPoints2 | To hide data points for the second set of data   | boolean | no  | all | yes
-| dataPointsHeight2 | Height of data points for the second dataset (when data points' shape is rectangular)  | number| no  | all | yes
-| dataPointsWidth2  | Width of data points for the second dataset (when data points' shape is rectangular)  | number | no  | all | yes
-| dataPointsRadius2  | Radius of data points for the second dataset (when data points' shape is circular) | number| no  | all | yes
-| dataPointsColor2   | Color of data points for the second dataset   | ColorValue| no  | all | yes
-| dataPointsShape2 | Shape of data points for the second dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
-| hideDataPoints3   | To hide data points for the third set of data | boolean | no  | all | yes
-| dataPointsHeight3  | Height of data points for the third dataset (when data points' shape is rectangular)        | number | no  | all | yes
-| dataPointsWidth3  | Width of data points for the third dataset (when data points' shape is rectangular)  | number | no  | all | yes
-| dataPointsRadius3 | Radius of data points for the third dataset (when data points' shape is circular) | number | no  | all | yes
-| dataPointsColor3   | Color of data points for the third dataset  | ColorValue| no  | all | yes
-| dataPointsShape3 | Shape of data points for the third dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
-| hideDataPoints4 | To hide data points for the fourth set of data  | boolean | no  | all | yes
-| dataPointsHeight4 | Height of data points for the fourth dataset (when data points' shape is rectangular) | number | no  | all | yes
-| dataPointsWidth4  | Width of data points for the fourth dataset (when data points' shape is rectangular)  | number | no  | all | yes
-| dataPointsRadius4 | Radius of data points for the fourth dataset (when data points' shape is circular)  | number| no  | all | yes
-| dataPointsColor4 | Color of data points for the fourth dataset  | ColorValue| no  | all | yes
-| dataPointsShape4  | Shape of data points for the fourth dataset (_'rectangular'_ or _'circular'_) | string| no  | all | yes
-| hideDataPoints5  | To hide data points for the fifth set of data  | boolean | no  | all | yes
-| dataPointsHeight5 | Height of data points for the fifth dataset (when data points' shape is rectangular) | number | no  | all | yes
-| dataPointsWidth5 | Width of data points for the fifth dataset (when data points' shape is rectangular) | number| no  | all | yes
-| dataPointsRadius5  | Radius of data points for the fifth dataset (when data points' shape is circular)   | number | no  | all | yes
-| dataPointsColor5 | Color of data points for the fifth dataset | ColorValue| no  | all | yes
-| dataPointsShape5  | Shape of data points for the fifth dataset (_'rectangular'_ or _'circular'_)        | string| no  | all | yes
-| focusedDataPointIndex | Index of the focused data point, works only when focusEnabled prop is used     | number | no  | all | yes
-| focusedDataPointShape    | Shape of the data points when focused due to press event   | String | no  | all | yes
-| focusedDataPointWidth | Width of the data points when focused due to press event     | number | no  | all | yes
-| focusedDataPointHeight | Height of the data points when focused due to press event    | number | no  | all | yes
-| focusedDataPointColor  | Color of the data points when focused due to press event     | ColorValue | no  | all | yes
-| focusedDataPointRadius | Radius of the data points when focused due to press event  | number| no  | all | yes
-| focusedCustomDataPoint | Custom data point when focused due to press event| Function| no  | all | yes
-| textColor  | Color of the dataPointText  | ColorValue | no  | all | yes
-| textFontSize | Font size of the dataPointText  | number  | no  | all | yes
-| textShiftX | To shift the dataPointText text horizontally   | number  | no  | all | yes
-| textShiftY | To shift the dataPointText text vertically | number | no  | all | yes
-| customDataPoint | A callback function to render a custom component as the data points  | Function  | no  | all | yes
-| dataPointLabelWidth | width of the label shown beside a data point | number | no  | all | yes
-| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point  | number | no  | all | yes
-| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no  | all | yes
-| showValuesAsDataPointsText | When set to true, the data item value will be shown as a label text near data point | boolean  | no  | all | yes
-| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using this array   | ColorValue[] | no  | all | yes
-
+| hideDataPoints | To hide data points | boolean | no | all | yes
+| dataPointsHeight | Height of data points (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth | Width of data points (when data points' shape is rectangular) | number| no | all | yes
+| dataPointsRadius | Radius of data points (when data points' shape is circular) | number| no | all | yes
+| dataPointsColor | Color of the data points | ColorValue | no | all | yes
+| dataPointsShape | Shape of the data points (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| hideDataPoints1 | To hide data points for the first set of data | boolean | no | all | yes
+| dataPointsHeight1 | Height of data points for the first dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth1 | Width of data points for the first dataset (when data points' shape is rectangular) | number| no | all | yes
+| dataPointsRadius1 | Radius of data points for the first dataset (when data points' shape is circular) | number| no | all | yes
+| dataPointsColor1 | Color of data points for the first dataset | ColorValue | no | all | yes
+| dataPointsShape1 | Shape of data points for the first dataset | string | no | all | yes
+| hideDataPoints2 | To hide data points for the second set of data | boolean | no | all | yes
+| dataPointsHeight2 | Height of data points for the second dataset (when data points' shape is rectangular) | number| no | all | yes
+| dataPointsWidth2 | Width of data points for the second dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsRadius2 | Radius of data points for the second dataset (when data points' shape is circular) | number| no | all | yes
+| dataPointsColor2 | Color of data points for the second dataset | ColorValue| no | all | yes
+| dataPointsShape2 | Shape of data points for the second dataset (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| hideDataPoints3 | To hide data points for the third set of data | boolean | no | all | yes
+| dataPointsHeight3 | Height of data points for the third dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth3 | Width of data points for the third dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsRadius3 | Radius of data points for the third dataset (when data points' shape is circular) | number | no | all | yes
+| dataPointsColor3 | Color of data points for the third dataset | ColorValue| no | all | yes
+| dataPointsShape3 | Shape of data points for the third dataset (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| hideDataPoints4 | To hide data points for the fourth set of data | boolean | no | all | yes
+| dataPointsHeight4 | Height of data points for the fourth dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth4 | Width of data points for the fourth dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsRadius4 | Radius of data points for the fourth dataset (when data points' shape is circular) | number| no | all | yes
+| dataPointsColor4 | Color of data points for the fourth dataset | ColorValue| no | all | yes
+| dataPointsShape4 | Shape of data points for the fourth dataset (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| hideDataPoints5 | To hide data points for the fifth set of data | boolean | no | all | yes
+| dataPointsHeight5 | Height of data points for the fifth dataset (when data points' shape is rectangular) | number | no | all | yes
+| dataPointsWidth5 | Width of data points for the fifth dataset (when data points' shape is rectangular) | number| no | all | yes
+| dataPointsRadius5 | Radius of data points for the fifth dataset (when data points' shape is circular) | number | no | all | yes
+| dataPointsColor5 | Color of data points for the fifth dataset | ColorValue| no | all | yes
+| dataPointsShape5 | Shape of data points for the fifth dataset (_'rectangular'_ or _'circular'_) | string| no | all | yes
+| focusedDataPointIndex | Index of the focused data point, works only when focusEnabled prop is used | number | no | all | yes
+| focusedDataPointShape | Shape of the data points when focused due to press event | String | no | all | yes
+| focusedDataPointWidth | Width of the data points when focused due to press event | number | no | all | yes
+| focusedDataPointHeight | Height of the data points when focused due to press event | number | no | all | yes
+| focusedDataPointColor | Color of the data points when focused due to press event | ColorValue | no | all | yes
+| focusedDataPointRadius | Radius of the data points when focused due to press event | number| no | all | yes
+| focusedCustomDataPoint | Custom data point when focused due to press event| Function| no | all | yes
+| textColor | Color of the dataPointText | ColorValue | no | all | yes
+| textFontSize | Font size of the dataPointText | number | no | all | yes
+| textShiftX | To shift the dataPointText text horizontally | number | no | all | yes
+| textShiftY | To shift the dataPointText text vertically | number | no | all | yes
+| customDataPoint | A callback function to render a custom component as the data points | Function | no | all | yes
+| dataPointLabelWidth | width of the label shown beside a data point | number | no | all | no
+| dataPointLabelShiftX | horizontal shift of a label from its corresponding data point | number | no | all | no
+| dataPointLabelShiftY | vertical shift of a label from its corresponding data point | number | no | all | no
+| showValuesAsDataPointsText | When set to true, the data item value will be shown as a label text near data point | boolean | no | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using this array | ColorValue[] | no | all | yes
 
 **pointerConfig**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| height | Height of the pointer |  number  | no  | all | yes
-| width  | width of the pointer |  number  | no  | all | yes
-| radius  | radius of the pointer   |  number  | no  | all | yes
-| pointerColor  |  pointer color   |  ColorValue  | no  | all | yes
-| pointer1Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointer2Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointer3Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointer4Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointer5Color  |  pointer color  |  ColorValue  | no  | all | yes
-| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values.  |  ColorValue[]  | no  | all | yes
-| secondaryPointerColor | Secondary pointer color  |  ColorValue  | no  | all | yes
-| pointerComponent | is a function that returns the component to be rendered as a pointer  |  Function  | no  | all | yes
-| showPointerStrip | show pointer bar |  boolean  | no  | all | yes
-| pointerStripWidth  | width of the pointer bar |  number  | no  | all | yes
-| pointerStripHeight  | height of dthe pointer bar  |  number  | no  | all | yes
-| pointerStripColor  | color of the pointer bar   |  ColorValue  | no  | all | yes
-| pointerStripUptoDataPoint | Pointer stripped to data point  |  boolean  | no  | all | yes
-| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 |  Function  | no  | all | yes
-| stripOverPointer | strip to over pointer  |  boolean  | no  | all | yes
-| autoAdjustPointerLabelPosition | Adjust the position of the pointer  |  boolean  | no  | all | yes
-| shiftPointerLabelX | x-axis displacement pointer label  |  number  | no  | all | yes
-| shiftPointerLabelY | y-axis displacement pointer label  |  number  | no  | all | yes
-| pointerLabelWidth  | pointer label width |  number  | no  | all | yes
-| pointerLabelHeight | pointer label height |  number  | no  | all | yes
-| pointerVanishDelay | Pointer disappearance delay |  number  | no  | all | yes
-| activatePointersOnLongPress |Long press to activate pointer  |  boolean  | no  | all | yes
-| activatePointersDelay | activation pointer delay |  number  | no  | all | yes
-| persistPointer | persistent pointer |  boolean  | no  | all | yes
-| hidePointer1 | hidden pointer |  boolean  | no  | all | yes
-| hidePointer2 | hidden pointer |  boolean  | no  | all | yes
-| hidePointer3 | hidden pointer |  boolean  | no  | all | yes
-| hidePointer4 | hidden pointer | boolean  | no  | all | yes
-| hidePointer5 | hidden pointer |  boolean  | no  | all | yes
-| hideSecondaryPointer | Hide auxiliary pointer |  boolean  | no  | all | yes
-| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer |  number[]  | no  | all | yes
-
+| height | Height of the pointer | number | no | all | yes
+| width | width of the pointer | number | no | all | yes
+| radius | radius of the pointer | number | no | all | yes
+| pointerColor | pointer color | ColorValue | no | all | yes
+| pointer1Color | pointer color | ColorValue | no | all | yes
+| pointer2Color | pointer color | ColorValue | no | all | yes
+| pointer3Color | pointer color | ColorValue | no | all | yes
+| pointer4Color | pointer color | ColorValue | no | all | yes
+| pointer5Color | pointer color | ColorValue | no | all | yes
+| pointerColorsForDataSet | When using pointers with dataSet, you can set pointer colors on each data line using the pointerColorsForDataSet which is an array of color values. | ColorValue[] | no | all | yes
+| secondaryPointerColor | Secondary pointer color | ColorValue | no | all | yes
+| pointerComponent | is a function that returns the component to be rendered as a pointer | Function | no | all | yes
+| showPointerStrip | show pointer bar | boolean | no | all | yes
+| pointerStripWidth | width of the pointer bar | number | no | all | yes
+| pointerStripHeight | height of dthe pointer bar | number | no | all | yes
+| pointerStripColor | color of the pointer bar | ColorValue | no | all | yes
+| pointerStripUptoDataPoint | Pointer stripped to data point | boolean | no | all | yes
+| pointerLabelComponent | is a function that returns the component to be rendered as a Label. It takes 2 parameters - 1. an array of items 2 | Function | no | all | yes
+| stripOverPointer | strip to over pointer | boolean | no | all | yes
+| autoAdjustPointerLabelPosition | Adjust the position of the pointer | boolean | no | all | yes
+| shiftPointerLabelX | x-axis displacement pointer label | number | no | all | yes
+| shiftPointerLabelY | y-axis displacement pointer label | number | no | all | yes
+| pointerLabelWidth | pointer label width | number | no | all | yes
+| pointerLabelHeight | pointer label height | number | no | all | yes
+| pointerVanishDelay | Pointer disappearance delay | number | no | all | yes
+| activatePointersOnLongPress |Long press to activate pointer | boolean | no | all | yes
+| activatePointersDelay | activation pointer delay | number | no | all | no
+| persistPointer | persistent pointer | boolean | no | all | yes
+| hidePointer1 | hidden pointer | boolean | no | all | yes
+| hidePointer2 | hidden pointer | boolean | no | all | yes
+| hidePointer3 | hidden pointer | boolean | no | all | yes
+| hidePointer4 | hidden pointer | boolean | no | all | yes
+| hidePointer5 | hidden pointer | boolean | no | all | yes
+| hideSecondaryPointer | Hide auxiliary pointer | boolean | no | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer | number[] | no | all | yes
 
 **onFocus and strip related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| focusEnabled  | If set true, allows users to press on the chart and focuses the nearest data point (focus event can be then handled using the `onFocus` prop) | boolean| no  | all | yes
-| onFocus  | The callback function that handles the focus event. `item` and `index` are received as props | Function| no  | all | yes
-| focusedDataPointIndex  | Index of the focused data point, used to set initially focused data point and to override the focus behaviour on onFocus    | number| no  | all | yes
-| showDataPointOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolean    | no  | all | yes
-| showStripOnFocus | If set true, it shows a vertical strip corresponding to the focused area of the chart   | boolean | no  | all | yes
-| showTextOnFocus  | If set true, it shows the data point text corresponding to the focused area of the chart  | boolean | no  | all | yes
-| showDataPointLabelOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolea| no  | all | yes
-| stripHeight  | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no  | all | yes
-| stripWidth    | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart            | number | no  | all | yes
-| stripColor   | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart             | ColorValue| no  | all | yes
-| stripOpacity  | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart             | number | no  | all | yes
-| unFocusOnPressOut     | If set true, it unselects/unfocuses the focused/selected data point     | boolean| no  | all | yes
-| delayBeforeUnFocus   | Delay (in milliseconds) between the release of the press and ghe unfocusing of the data point  | number | no  | all | yes
-| focusedDataPointShape | Shape of the data points when focused due to press    | String | no  | all | yes
-| focusedDataPointWidth  | Width of the data points when focused due to press    | number  | no  | all  | yes
-| focusedDataPointHeight | Height of the data points when focused due to press    | number  | no  | all  | yes
-| focusedDataPointColor | Color of the data points when focused due to press    | ColorValue | no  | all  | yes
-| focusedDataPointRadius  | Radius of the data points when focused due to press   | number   | no  | all  | yes
-| focusedCustomDataPoint | Custom data point when focused due to press event    | Function  | no  | all   | yes
+| focusEnabled | If set true, allows users to press on the chart and focuses the nearest data point (focus event can be then handled using the `onFocus` prop) | boolean| no | all | yes
+| onFocus | The callback function that handles the focus event. `item` and `index` are received as props | Function| no | all | yes
+| focusedDataPointIndex | Index of the focused data point, used to set initially focused data point and to override the focus behaviour on onFocus | number| no | all | yes
+| showDataPointOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolean | no | all | yes
+| showStripOnFocus | If set true, it shows a vertical strip corresponding to the focused area of the chart | boolean | no | all | yes
+| showTextOnFocus | If set true, it shows the data point text corresponding to the focused area of the chart | boolean | no | all | yes
+| showDataPointLabelOnFocus | If set true, it shows the data point corresponding to the focused area of the chart | boolea| no | all | no
+| stripHeight | Height of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no | all | yes
+| stripWidth | Width of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no | all | yes
+| stripColor | Color of the vertical strip that becomes visible on pressing the corresponding area of the chart | ColorValue| no | all | yes
+| stripOpacity | Opacity of the vertical strip that becomes visible on pressing the corresponding area of the chart | number | no | all | yes
+| unFocusOnPressOut | If set true, it unselects/unfocuses the focused/selected data point | boolean| no | all | yes
+| delayBeforeUnFocus | Delay (in milliseconds) between the release of the press and ghe unfocusing of the data point | number | no | all | yes
+| focusedDataPointShape | Shape of the data points when focused due to press | String | no | all | yes
+| focusedDataPointWidth | Width of the data points when focused due to press | number | no | all | yes
+| focusedDataPointHeight | Height of the data points when focused due to press | number | no | all | yes
+| focusedDataPointColor | Color of the data points when focused due to press | ColorValue | no | all | yes
+| focusedDataPointRadius | Radius of the data points when focused due to press | number | no | all | yes
+| focusedCustomDataPoint | Custom data point when focused due to press event | Function | no | all | yes
 
 **Props for Area Chart**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| areaChart | If set true, renders area chart instead of line chart  | boolean| no  | all | yes
-| areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no  | all | yes
-| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean  | no  | all | yes
-| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no  | all | yes
-| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no  | all | yes
-| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no  | all | yes
-| startFillColor | Start gradient color for the area chart | ColorValue | no  | all | yes
-| endFillColor | End gradient color for the area chart | ColorValue | no  | all | yes
-| startOpacity | Start gradient opacity for the area chart | number | no  | all | yes
-| endOpacity | End gradient opacity for the area chart  | number  | no  | all | yes
-| startFillColor1 | Start gradient color for the first dataset of the area chart | ColorValue| no  | all | yes
-| endFillColor1 | End gradient color for the first dataset of the area chart | ColorValue  | no  | all | yes
-| startOpacity1 | Start gradient opacity for the first dataset of the area chart | number  | no  | all | yes
-| endOpacity1  | End gradient opacity for the first dataset of the area chart   | number | no  | all | yes
-| startFillColor2 | Start gradient color for the second dataset of the area chart | ColorValue | no  | all | yes
-| endFillColor2 | End gradient color for the second dataset of the area chart  | ColorValue  | no  | all | yes
-| startOpacity2 | Start gradient color for the second dataset of the area chart | number    | no  | all | yes
-| endOpacity2 | End gradient opacity for the second dataset of the area chart  | number   | no  | all | yes
-| startFillColor3 | Start gradient color for the third dataset of the area chart | ColorValue| no  | all | yes
-| endFillColor3 | End gradient color for the third dataset of the area chart  | ColorValue | no  | all | yes
-| startOpacity3 | Start gradient color for the third dataset of the area chart | number  | no  | all | yes
-| endOpacity3 | End gradient opacity for the third dataset of the area chart   | number  | no  | all | yes
-| startFillColor4 | Start gradient color for the fourth dataset of the area chart | ColorValue | no  | all | yes
-| endFillColor4 | End gradient color for the fourth dataset of the area chart   | ColorValue | no  | all | yes
-| startOpacity4  | Start gradient color for the fourth dataset of the area chart       | number | no  | all | yes
-| endOpacity4  | End gradient opacity for the fourth dataset of the area chart         | number | no  | all | yes
-| startFillColor5 | Start gradient color for the fifth dataset of the area chart      | ColorValue         | no  | all | yes
-| endFillColor5 | End gradient color for the fifth dataset of the area chart        | ColorValue          | no  | all | yes
-| startOpacity5 | Start gradient color for the fifth dataset of the area chart        | number   | no  | all | yes
-| endOpacity5 | End gradient opacity for the fifth dataset of the area chart          | number | no  | all | yes
-| gradientDirection | Direction of the gradient (_'horizontal'_ or _'vertical'_)    | string  | no  | all | yes
-| areaGradientComponent | this prop defines the svg gradient that should be applied to the area (requires areaChart to be truthy) | Function| no  | all | yes
-| areaGradientId  | id of the <LinearGradient> (needed along with areaGradientComponent prop)      | string | no  | all | yes
+| areaChart | If set true, renders area chart instead of line chart | boolean| no | all | yes
+| areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no | no | no
+| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean | no | no | no
+| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no | no | no
+| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no | no | no
+| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no | no | no
+| startFillColor | Start gradient color for the area chart | ColorValue | no | all | yes
+| endFillColor | End gradient color for the area chart | ColorValue | no | all | yes
+| startOpacity | Start gradient opacity for the area chart | number | no | all | yes
+| endOpacity | End gradient opacity for the area chart | number | no | all | yes
+| startFillColor1 | Start gradient color for the first dataset of the area chart | ColorValue| no | all | yes
+| endFillColor1 | End gradient color for the first dataset of the area chart | ColorValue | no | all | yes
+| startOpacity1 | Start gradient opacity for the first dataset of the area chart | number | no | all | yes
+| endOpacity1 | End gradient opacity for the first dataset of the area chart | number | no | all | yes
+| startFillColor2 | Start gradient color for the second dataset of the area chart | ColorValue | no | all | yes
+| endFillColor2 | End gradient color for the second dataset of the area chart | ColorValue | no | all | yes
+| startOpacity2 | Start gradient color for the second dataset of the area chart | number | no | all | yes
+| endOpacity2 | End gradient opacity for the second dataset of the area chart | number | no | all | yes
+| startFillColor3 | Start gradient color for the third dataset of the area chart | ColorValue| no | all | yes
+| endFillColor3 | End gradient color for the third dataset of the area chart | ColorValue | no | all | yes
+| startOpacity3 | Start gradient color for the third dataset of the area chart | number | no | all | yes
+| endOpacity3 | End gradient opacity for the third dataset of the area chart | number | no | all | yes
+| startFillColor4 | Start gradient color for the fourth dataset of the area chart | ColorValue | no | all | yes
+| endFillColor4 | End gradient color for the fourth dataset of the area chart | ColorValue | no | all | yes
+| startOpacity4 | Start gradient color for the fourth dataset of the area chart | number | no | all | yes
+| endOpacity4 | End gradient opacity for the fourth dataset of the area chart | number | no | all | yes
+| startFillColor5 | Start gradient color for the fifth dataset of the area chart | ColorValue | no | all | yes
+| endFillColor5 | End gradient color for the fifth dataset of the area chart | ColorValue | no | all | yes
+| startOpacity5 | Start gradient color for the fifth dataset of the area chart | number | no | all | yes
+| endOpacity5 | End gradient opacity for the fifth dataset of the area chart | number | no | all | yes
+| gradientDirection | Direction of the gradient (_'horizontal'_ or _'vertical'_) | string | no | all | yes
+| areaGradientComponent | this prop defines the svg gradient that should be applied to the area (requires areaChart to be truthy) | Function| no | all | yes
+| areaGradientId | id of the <LinearGradient> (needed along with areaGradientComponent prop) | string | no | all | yes
 
 ### PieChart and DonutChart
 
 **Basic props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| data  | An item object represents a section in the Pie chart. Descibed in the next table  | pieDataItem[]  | no  | all | yes
-| radius  | Radius of the Pie | number   | no  | all | yes
-| initialAngle | Starting angle in radians (illustrated below this table)| number | no  | all | yes
-| isThreeD  | If set to true, it rotates and translates the chart to give it a 3D effect  | boolean  | no  | all | yes
-| showGradient | Prop to enable radial gradient for the Pie sections  | boolean  | no  | all | yes
-| gradientCenterColor | Gradient color at the center of the Pie chart | ColorValue            | no  | all | yes
-| onPress   | Callback function called on press of Pie sections (takes item and index as parameter) | Function                | no  | all | yes
-| focusOnPress  | When set to true, the pressed section of the Pie chart will have a bigger radius, hence appear focused   | boolean  | no  | all | yes
-| toggleFocusOnPress | When set to true, if the user presses an already focused pie section, it will be unfocused  | boolean  | no  | all | yes
-| extraRadiusForFocused  | Extra radius for the focused Pie section  | number | no  | all | yes
-| inwardExtraLengthForFocused | Extra length of focused Pie section towards the center (only for donut charts) | number  | no  | all | yes
-| sectionAutoFocus | In case you don't want focusOnPress but want a particular section to autofocus, this prop will be needed | boolean | no  | all | yes
-| onLabelPress | Callback function called on press of a Label (takes item and index as parameter) | Function               | no  | all | yes
-| tiltAngle | The angle by which the chart should be tilted  | Angle in deg           | no  | all | yes
-| shadow  | Shadow to the Pie chart, when set to true, it enhances the 3D effect | boolean  | no  | all | yes
-| shadowColor  | Color of the shadow   | ColorValue  | no  | all | yes
-| shadowWidth  | Width of the shadow   | number  | no  | all | yes
-| strokeWidth  | Stroke (line) width for the Pie chart and its section | number | no  | all | yes
-| strokeColor | Stroke (line) color | ColorValue | no  | all | yes
-| backgroundColor | Background color of the container that contains the Pie chart  | ColorValue | no  | all | yes
-| showText  | When set to true, displays text on the Pie sections | boolean | no  | all | yes
-| textColor  | Color of the label texts | ColorValue  | no  | all | yes
-| textSize  | Size of the label texts (max allowed: radius / 5) | number | no  | all | yes
-| fontStyle | Style of the text - 'normal', 'italic' or 'oblique'| string| no  | all | yes
-| fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no  | all | yes
-| font  | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no  | all | yes
-| showTextBackground | When set to true, displays background for text on the Pie sections | boolean | no  | all | yes
-| textBackgroundColor | Background color for the label texts  | ColorValue | no  | all | yes
-| textBackgroundRadius | Radius for the background of the text labels   | number | no  | all | yes
-| showValuesAsLabels  | When set to true, the values of the Pie sections are displayed as labels   | boolean  | no  | all | yes
-| centerLabelComponent | Component to be rendered at the center of the Pie chart  | Function | no  | all | yes
-| semiCircle  | When set to true, renders the Pie Chart in a semi-circle. donut semiCircle charts look like a speed-meter  | boolean  | no  | all | yes
-| labelsPosition  | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid' | string | no  | all | yes
-| pieInnerComponent | Svg element to be rendered inside each Pie like a label (position controlled by 'labelsPosition' )  | () => svg element       | no  | all | yes
-| paddingHorizontal | horizontal padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no  | all | yes
-| paddingVertical  | vertical padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no  | all | yes
-| isAnimated | To show animates PieProChart. Animation occurs onLoad and on value change | boolean  | no  | all | yes
-| animationDuration  | Duration of the animations, only fro PieProChart  | number| no  | all | yes
-| curvedStartEdges  | Bend start edge, only fro PieProChart  | boolean | no  | all | yes
-| curvedEndEdges  | Bend end edge, only fro PieProChart  | boolean | no  | all | yes
-| edgesRadius  | Bend radius, only fro PieProChart | number | no  | all | yes
+| data | An item object represents a section in the Pie chart. Descibed in the next table | pieDataItem[] | no | all | yes
+| radius | Radius of the Pie | number | no | all | yes
+| initialAngle | Starting angle in radians (illustrated below this table)| number | no | all | yes
+| isThreeD | If set to true, it rotates and translates the chart to give it a 3D effect | boolean | no | all | yes
+| showGradient | Prop to enable radial gradient for the Pie sections | boolean | no | all | yes
+| gradientCenterColor | Gradient color at the center of the Pie chart | ColorValue | no | all | yes
+| onPress | Callback function called on press of Pie sections (takes item and index as parameter) | Function | no | all | yes
+| focusOnPress | When set to true, the pressed section of the Pie chart will have a bigger radius, hence appear focused | boolean | no | all | yes
+| toggleFocusOnPress | When set to true, if the user presses an already focused pie section, it will be unfocused | boolean | no | all | yes
+| extraRadius | Extra radius for the focused Pie section | number | no | all | yes
+| inwardExtraLengthForFocused | Extra length of focused Pie section towards the center (only for donut charts) | number | no | all | yes
+| sectionAutoFocus | In case you don't want focusOnPress but want a particular section to autofocus, this prop will be needed | boolean | no | all | yes
+| tiltAngle | The angle by which the chart should be tilted | Angle in deg | no | all | yes
+| shadow | Shadow to the Pie chart, when set to true, it enhances the 3D effect | boolean | no | all | yes
+| shadowColor | Color of the shadow | ColorValue | no | all | yes
+| shadowWidth | Width of the shadow | number | no | all | yes
+| strokeWidth | Stroke (line) width for the Pie chart and its section | number | no | all | yes
+| strokeColor | Stroke (line) color | ColorValue | no | all | yes
+| backgroundColor | Background color of the container that contains the Pie chart | ColorValue | no | all | yes
+| showText | When set to true, displays text on the Pie sections | boolean | no | all | yes
+| textColor | Color of the label texts | ColorValue | no | all | yes
+| textSize | Size of the label texts (max allowed: radius / 5) | number | no | all | yes
+| fontStyle | Style of the text - 'normal', 'italic' or 'oblique'| string| no | all | yes
+| fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no | all | yes
+| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no | all | no
+| showTextBackground | When set to true, displays background for text on the Pie sections | boolean | no | all | yes
+| textBackgroundColor | Background color for the label texts | ColorValue | no | all | yes
+| textBackgroundRadius | Radius for the background of the text labels | number | no | all | yes
+| showValuesAsLabels | When set to true, the values of the Pie sections are displayed as labels | boolean | no | all | yes
+| centerLabelComponent | Component to be rendered at the center of the Pie chart | Function | no | all | yes
+| semiCircle | When set to true, renders the Pie Chart in a semi-circle. donut semiCircle charts look like a speed-meter | boolean | no | all | yes
+| labelsPosition | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid' | string | no | all | yes
+| pieInnerComponent | Svg element to be rendered inside each Pie like a label (position controlled by 'labelsPosition' ) | () => svg element | no | all | yes
+| paddingHorizontal | horizontal padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no | all | yes
+| paddingVertical | vertical padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no | all | yes
+| isAnimated | To show animates PieProChart. Animation occurs onLoad and on value change | boolean | no | all | yes
+| animationDuration | Duration of the animations, only fro PieProChart | number| no | all | yes
+| curvedStartEdges | Bend start edge, only fro PieProChart | boolean | no | all | yes
+| curvedEndEdges | Bend end edge, only fro PieProChart | boolean | no | all | yes
+| edgesRadius | Bend radius, only fro PieProChart | number | no | all | yes
+| strokeDashArray | Array of 2 numbers denoting the dashWidth and dashGap of the lines. Used to render dashed/dotted pointer. only for PieProChart | number[] | no | all | yes
+| ring | Whether the pie chart needs to be filled with fan leaves | boolean | no | all | yes
 
 **Item description (pieDataItem)**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| value   | Value of the item, representing a section of the Pie chart | number  | no  | all | yes
-| shiftX  | Translates (shifts) the particular section horizontally by given value  | number | no  | all | yes
-| shiftY | Translates (shifts) the particular section vertically by given value | number | no  | all | yes
-| shiftTextX | Translates (shifts) the position of label text horizontally          | number  | no  | all | yes
-| shiftTextY  | Translates (shifts) the position of label text vertically | number | no  | all | yes
-| shiftTextBackgroundX | Shifts the background of label text horizontally (default value is shiftTextX) | number  | no  | all | yes
-| shiftTextBackgroundY | Shifts the background of label text vertically (default value is shiftTextY) | number | no  | all | yes
-| color | Color (background color) of the section | ColorValue  | no  | all | yes
-| text  | Label text for the sections | string  | no  | all | yes
-| textColor  | Color of the text (label) inside the section | ColorValue   | no  | all | yes
-| textSize  | Size of the text (label) inside the section | number   | no  | all | yes
-| fontStyle | Style of the text - 'normal', 'italic' or 'oblique' | string | no  | all | yes
-| fontWeight  | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string   | no  | all | yes
-| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no  | all | yes
-| textBackgroundColor | Background color for the label text | ColorValue  | no  | all | yes
-| textBackgroundRadius  | Radius for the background of the text label| number   | no  | all | yes
-| labelPosition | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid'  | string  | no  | all | yes
-| onPress  | Callback function called on press of Pie sections (takes item and index as parameter) | Function  | no  | all | yes
-| onLabelPress | Callback function called on press of a Label (takes item and index as parameter)         | Function | no  | all | yes
-| strokeWidth | Stroke (line) width for the Pie chart and its section       | number  | no  | all | yes
-| strokeColor   | Stroke (line) color  | ColorValue | no  | all | yes
-| focused  | When set to true, the section for that item is focused, sectionAutoFocus must be set true in order to use this property | boolean  | no  | all | yes
-| pieInnerComponent  | Svg element to be rendered inside the Pie like a label (position controlled by 'labelsPosition' )    | () => svg element  | no  | all | yes
+| value | Value of the item, representing a section of the Pie chart | number | no | all | yes
+| shiftX | Translates (shifts) the particular section horizontally by given value | number | no | all | yes
+| shiftY | Translates (shifts) the particular section vertically by given value | number | no | all | yes
+| shiftTextX | Translates (shifts) the position of label text horizontally | number | no | all | yes
+| shiftTextY | Translates (shifts) the position of label text vertically | number | no | all | yes
+| shiftTextBackgroundX | Shifts the background of label text horizontally (default value is shiftTextX) | number | no | all | yes
+| shiftTextBackgroundY | Shifts the background of label text vertically (default value is shiftTextY) | number | no | all | yes
+| color | Color (background color) of the section | ColorValue | no | all | yes
+| text | Label text for the sections | string | no | all | yes
+| textColor | Color of the text (label) inside the section | ColorValue | no | all | no
+| textSize | Size of the text (label) inside the section | number | no | all | yes
+| fontStyle | Style of the text - 'normal', 'italic' or 'oblique' | string | no | all | yes
+| fontWeight | Weight of the text - 'bold', 'bolder', 'lighter', '100', '200' etc | string | no | all | yes
+| font | Font family of the text - 'Arial', 'Cursive', 'Comic Sans MS' etc | string | no | all | no
+| textBackgroundColor | Background color for the label text | ColorValue | no | all | yes
+| textBackgroundRadius | Radius for the background of the text label| number | no | all | yes
+| labelPosition | Tells where inside the Pie sections should the labels be shown- 'onBorder', 'outward', 'inward' or 'mid' | string | no | all | yes
+| onPress | Callback function called on press of Pie sections (takes item and index as parameter) | Function | no | all | yes
+| strokeWidth | Stroke (line) width for the Pie chart and its section | number | no | all | yes
+| strokeColor | Stroke (line) color | ColorValue | no | all | yes
+| focused | When set to true, the section for that item is focused, sectionAutoFocus must be set true in order to use this property | boolean | no | all | yes
+| pieInnerComponent | Svg element to be rendered inside the Pie like a label (position controlled by 'labelsPosition' ) | () => svg element | no | all | yes
 
 **Donut chart related props**
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| donut | When set to true, renders a Donut chart (makes an inner ring) | boolean | no  | all | yes
-| innerRadius   | Radius of the inner ring | number | no  | all | yes
-| innerCircleColor | Color of the inner ring | ColorValue| no  | all | yes
-| innerCircleBorderWidth | Stroke (border) width of the inner ring | number  | no  | all | yes
-| innerCircleBorderColor | Stroke (border) color of the inner ring | ColorValue  | no  | all | yes
-| shiftInnerCenterX   | Shifts the inner ring horizontally to enhance the 3D effect | number   | no  | all | yes 
-| shiftInnerCenterY  | Shifts the inner ring vertically to enhance the 3D effect  | number  | no  | all | yes
+| donut | When set to true, renders a Donut chart (makes an inner ring) | boolean | no | all | yes
+| innerRadius | Radius of the inner ring | number | no | all | yes
+| innerCircleColor | Color of the inner ring | ColorValue| no | all | yes
+| innerCircleBorderWidth | Stroke (border) width of the inner ring | number | no | all | yes
+| innerCircleBorderColor | Stroke (border) color of the inner ring | ColorValue | no | all | yes
+| shiftInnerCenterX | Shifts the inner ring horizontally to enhance the 3D effect | number | no | all | yes
+| shiftInnerCenterY | Shifts the inner ring vertically to enhance the 3D effect | number | no | all | yes
 
 ### Population Pyramid
 
 **base props**
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| height  | height of chart body (excluding x-axis labels)  | number | no  | all | yes
-| width | width of chart body   | number   | no  | all | yes
-| data | array of objects, each object is described by **popnPyramidDataItem**  | Array<popnPyramidDataItem>  | no  | all | yes
-| hideRules  | when set to true, hides horizontal rules (which are displayed in the background of the charts)  | boolean     | no  | all | yes
-| rulesThickness | thickness of the horizontal rules | number  | no  | all | yes    
-| rulesColor | color of the horizontal rules | ColorValue   | no  | all | yes
-| rulesType| type of the horizontal rules - SOLID or DASHED/DOTTED | RuleTypes   | no  | all | yes
-| dashWidth | width of each dash in the horizontal rules | number  | no  | all | yes
-| dashGap | gap between each dash in the horizontal rules | number | no | all | yes
-| stepHeight| height of each step/horizontal section in the chart body | number   | no  | all | yes
-| verticalMarginBetweenBars| self explanatory | number    | no  | all | yes
-| hideYAxisText | hide Y axis labels, when not set to true, a gap will be left to the left of the chart | boolean   | no  | all | yes
-| yAxisLabelWidth | self explanatory  | number     | no  | all | yes
-| yAxisColor  | self explanatory  | ColorValue  | no  | all | yes
-| yAxisThickness | self explanatory  | number    | no  | all | yes
-| yAxisStrokeDashArray | used to render a dashed or dotted Y axis line ([dashWidth,dashGap]) | Array<number>    | no  | all | yes
-| xAxisColor | self explanatory  | ColorValue   | no  | all | yes
-| xAxisThickness | self explanatory  | number   | no  | all | yes
-| xAxisType | type of X-axis- SOLID, DASHED or DOTTED  | RuleTypes  | no  | all | yes
-| xAxisNoOfSections | number of sections in X-axis (in both left and right parts)  | number     | no  | all | yes
-| showXAxisIndices | when set to true, shows small lines (indices) at each section of x-axis | boolean    | no  | all | yes
-| xAxisIndicesWidth | width of x axis indices | number   | no  | all | yes
-| xAxisIndicesHeight | height of x axis indices | number   | no  | all | yes
-| xAxisIndicesColor | color of of x axis indices | ColorValue  | no  | all | yes
-| xAxisIndicesShiftY | used to shift x axis indices downwards or upwards | number   | no  | all | yes
-| showXAxisLabelTexts | self explanatory | boolean      | no  | all | yes
-| xAxisLabelFontSize | self explanatory | number    | no  | all | yes
-| xAxisLabelColor | self explanatory  | ColorValue      | no  | all | yes
-| xAxisLabelFontStyle | self explanatory | FontStyle  | no  | all | yes
-| xAxisLabelFontWeight | self explanatory  | FontWeight  | no  | all | yes
-| xAxisLabelFontFamily | self explanatory  | string   | no  | all | yes
-| xAxisLabelShiftX  | horizontally shifts the x axis labels by given value | number | no  | all | yes
-| xAxisLabelShiftY | vertically shifts the x axis labels by given value | number  | no  | all | yes
-| xAxisRoundToDigits | number of decimal places upto which x axis labels will be displayed   | number | no  | all | yes
-| xAxisLabelPrefix  | The String prepended to the x axis label text (for example- '$') | string | no  | all | yes
-| xAxisLabelSuffix  | The String appended to the x axis label text | string  | no  | all | yes
-| formatXAxisLabels | a callback function that takes the label generated by the library and modifies it | (label: string) => string   | no  | all | yes
-| showVerticalLines | show vertical lines (similar to horiz rules) in background of the chart | boolean  | no  | all | yes
-| verticalLinesColor | Color of the vertical lines  | ColorValue  | no  | all | yes
-| verticalLinesThickness | Thickness of the vertical lines | number  | no  | all | yes
-| verticalLinesStrokeDashArray | used to render dashed or dotted vertical lines ([dashWidth,dashGap]) | Array<number> | no  | all | yes
-| noOfSections | Number of sections (and horiz rules) in the Y axis | number | no  | all | yes
-| barsMapToYAxisSections | this prop tells whether the number of sections in the Y axis is equal to the length of data array      | boolean  | no  | all | yes
-| showYAxisIndices | when set to true, shows small lines (indices) at each section of y-axis  | boolean   | no  | all | yes
-| yAxisIndicesWidth | width of y axis indices | number  | no  | all | yes
-| yAxisIndicesHeight | height of y axis indices          | number   | no  | all | yes
-| yAxisIndicesColor | color of of x axis indices | ColorValue   | no  | all | yes
-| yAxisLabelColor | color of of x axis label text | ColorValue   | no  | all | yes
-| yAxisLabelFontSize | font size of of of x axis label text =| number   | no  | all | yes
-| yAxisLabelTextMarginRight | space left between the y axis labels and the y axis line | number | no  | all | yes
-| yAxisLabelTexts | An array of string labels to be rendered as Y axis labels (top to bottom) | Array<string>    | no  | all | yes
-| yAxisLabelFontStyle | self explanatory | FontStyle    | no  | all | yes
-| yAxisLabelFontWeight | self explanatory | FontWeight   | no  | all | yes
-| yAxisLabelFontFamily   | self explanatory  | string    | no  | all | yes
-| showValuesAsBarLabels | when set to true, displays the left and right values as labels beside the respective bars | boolean | no  | all | yes
-| showMidAxis  | when set to true, displays an axis in the mid - between the left and right halves of the pyramid | boolean   | no  | all | yes
-| midAxisThickness  | thickness of the mid axis lines | number    | no  | all | yes
-| midAxisLabelWidth | width of the mid axis | number    | no  | all | yes
-| midAxisColor  | color of the mid axis lines | ColorValue    | no  | all | yes
-| midAxisLeftColor | color of the left mid axis line | ColorValue    | no  | all | yes
-| midAxisRightColor  | color of the right mid axis line | ColorValue    | no  | all | yes
-| midAxisStrokeDashArray | used to render dashed or dotted mid axis lines ([dashWidth,dashGap])  | Array<number>   | no  | all | yes
-| midAxisLabelFontSize   | self explanatory | number    | no  | all | yes
-| midAxisLabelColor | self explanatory  | ColorValue     | no  | all | yes
-| midAxisLabelFontStyle  | self explanatory | FontStyle    | no  | all | yes
-| midAxisLabelFontWeight  | self explanatory | FontWeight    | no  | all | yes
-| midAxisLabelFontFamily | self explanatory | string    | no  | all | yes
-| barLabelWidth  | width of the labels displayed behind the bars (both left and right bars) | number    | no  | all | yes
-| barLabelFontSize  | font size of the labels displayed behind the bars (both left and right bars) | number    | no  | all | yes
-| barLabelColor | color of the of the labels displayed behind the bars (both left and right bars) | ColorValue    | no  | all | yes
-| barLabelFontStyle  | font style of the labels displayed behind the bars (both left and right bars) | FontStyle    | no  | all | yes
-| barLabelFontWeight  | font weight of the labels displayed behind the bars (both left and right bars) | FontWeight   | no  | all | yes
-| barLabelFontFamily | font family of the labels displayed behind the bars (both left and right bars) | string    | no  | all | yes
-| leftBarLabelWidth  | width of the labels displayed behind the left bars  | number    | no  | all | yes
-| leftBarLabelFontSize   | font size of the labels displayed behind the left bars | number    | no  | all | yes
-| leftBarLabelColor | color of the labels displayed behind the left bars | ColorValue    | no  | all | yes
-| leftBarLabelFontStyle | font style of the labels displayed behind the left bars | FontStyle     | no  | all | yes
-| leftBarLabelFontWeight  | font weight of the labels displayed behind the left bars  | FontWeight    | no  | all | yes
-| leftBarLabelFontFamily | font family of the labels displayed behind the left bars | string    | no  | all | yes
-| leftBarLabelShift | value by which the left bar labels should be shifted horizontally (kind of margin b/w label and bar) | number | no  | all | yes
-| leftBarLabelPrefix | The String prepended to the left bar label text (for example- '$')  | string     | no  | all | yes
-| leftBarLabelSuffix | The String appended to the left bar label text | string     | no  | all | yes
-| rightBarLabelWidth | width of the labels displayed behind the right bars | number    | no  | all | yes
-| rightBarLabelFontSize | font size of the labels displayed behind the right bars | number    | no  | all | yes
-| rightBarLabelColor | color of the labels displayed behind the right bars  | ColorValue    | no  | all | yes
-| rightBarLabelFontStyle  | font style of the labels displayed behind the right bars | FontStyle    | no  | all | yes
-| rightBarLabelFontWeight | font weight of the labels displayed behind the right bars | FontWeight    | no  | all | yes
-| rightBarLabelFontFamily | font family of the labels displayed behind the right bars | string    | no  | all | yes
-| rightBarLabelShift  | value by which the right bar labels should be shifted horizontally (kind of margin b/w label and bar) | number   | no  | all | yes
-| rightBarLabelPrefix  | The String prepended to the right bar label text (for example- '$') | string    | no  | all | yes
-| rightBarLabelSuffix | The String appended to the right bar label text | string    | no  | all | yes
-| formatBarLabels  | a callback function that takes the label generated by the library and modifies it | (label: string) => string    | no  | all | yes
-| leftBarColor | color of the bars displayed in the left half of the pyramid  | ColorValue    | no  | all | yes
-| rightBarColor | color of the bars displayed in the right half of the pyramid  | ColorValue    | no  | all | yes
-| leftBarBorderColor | border color of the bars displayed in the left half of the pyramid | ColorValue    | no  | all | yes
-| rightBarBorderColor  | border color of the bars displayed in the right half of the pyramid | ColorValue   | no  | all | yes
-| barBorderWidth | boder width of the bars (both left and right bars) | number     | no  | all | yes
-| leftBarBorderWidth | boder width of the bars displayed in the left half of the pyramid  | number    | no  | all | yes
-| rightBarBorderWidth | boder width of the bars displayed in the right half of the pyramid  | number   | no  | all | yes
-| barBorderRadius  | boder radius of the bars | number    | no  | all | yes
-| leftBarBorderRadius | boder width of the bars displayed in the left half of the pyramid | number     | no  | all | yes
-| rightBarBorderRadius | boder width of the bars displayed in the right half of the pyramid| number    | no  | all | yes
-| allCornersRounded | when set to true, border radius will apply to all the four corners of the bars, else applied only on outer edges | boolean   | no  | all | yes
-| showSurplus  | shows surplus values on the edges in highlighted colors (extra width of the bigger bar is highlighted )  | boolean    | no  | all | yes
-| showSurplusLeft  | shows surplus values on the left edges in highlighted colors (extra width of the bigger bar is highlighted )  | boolean    | no  | all | yes
-| showSurplusRight | shows surplus values on the right edges in highlighted colors (extra width of the bigger bar is highlighted ) | boolean    | no  | all | yes
-| leftSurplusColor | highlight color of the left surplus  | ColorValue | no  | all | yes
-| leftSurplusBorderColor | border color of the left surplus | ColorValue   | no  | all | yes
-| rightSurplusColor  | highlight color of the right surplus | ColorValue    | no  | all | yes
-| rightSurplusBorderColor | border color of the right surplus | ColorValue    | no  | all | yes
-| leftSurplusBorderWidth | border width of the left surplus | number    | no  | all | yes
-| rightSurplusBorderWidth | border width of the right surplus | number    | no  | all | yes
+| Name                         | Description                                                                                                      | Type                       | Required | Platform | HarmonyOS Support |
+| ---------------------------- | ---------------------------------------------------------------------------------------------------------------- | -------------------------- | -------- | -------- | ----------------- |
+| height                       | height of chart body (excluding x-axis labels)                                                                   | number                     | no       | all      | yes               |
+| width                        | width of chart body                                                                                              | number                     | no       | all      | yes               |
+| data                         | array of objects, each object is described by **popnPyramidDataItem**                                            | Array<popnPyramidDataItem> | no       | all      | yes               |
+| hideRules                    | when set to true, hides horizontal rules (which are displayed in the background of the charts)                   | boolean                    | no       | all      | yes               |
+| rulesThickness               | thickness of the horizontal rules                                                                                | number                     | no       | all      | yes               |
+| rulesColor                   | color of the horizontal rules                                                                                    | ColorValue                 | no       | all      | yes               |
+| rulesType                    | type of the horizontal rules - SOLID or DASHED/DOTTED                                                            | RuleTypes                  | no       | all      | yes               |
+| dashWidth                    | width of each dash in the horizontal rules                                                                       | number                     | no       | all      | yes               |
+| dashGap                      | gap between each dash in the horizontal rules                                                                    | number                     | no       | all      | yes               |
+| stepHeight                   | height of each step/horizontal section in the chart body                                                         | number                     | no       | all      | yes               |
+| verticalMarginBetweenBars    | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| hideYAxisText                | hide Y axis labels, when not set to true, a gap will be left to the left of the chart                            | boolean                    | no       | all      | yes               |
+| yAxisLabelWidth              | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| yAxisColor                   | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
+| yAxisThickness               | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| yAxisStrokeDashArray         | used to render a dashed or dotted Y axis line ([dashWidth,dashGap])                                              | Array<number>              | no       | all      | yes               |
+| xAxisColor                   | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
+| xAxisThickness               | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| xAxisType                    | type of X-axis- SOLID, DASHED or DOTTED                                                                          | RuleTypes                  | no       | all      | yes               |
+| xAxisNoOfSections            | number of sections in X-axis (in both left and right parts)                                                      | number                     | no       | all      | yes               |
+| showXAxisIndices             | when set to true, shows small lines (indices) at each section of x-axis                                          | boolean                    | no       | all      | yes               |
+| xAxisIndicesWidth            | width of x axis indices                                                                                          | number                     | no       | all      | yes               |
+| xAxisIndicesHeight           | height of x axis indices                                                                                         | number                     | no       | all      | yes               |
+| xAxisIndicesColor            | color of of x axis indices                                                                                       | ColorValue                 | no       | all      | yes               |
+| xAxisIndicesShiftY           | used to shift x axis indices downwards or upwards                                                                | number                     | no       | all      | yes               |
+| showXAxisLabelTexts          | self explanatory                                                                                                 | boolean                    | no       | all      | yes               |
+| xAxisLabelFontSize           | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| xAxisLabelColor              | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
+| xAxisLabelFontStyle          | self explanatory                                                                                                 | FontStyle                  | no       | all      | yes               |
+| xAxisLabelFontWeight         | self explanatory                                                                                                 | FontWeight                 | no       | all      | yes               |
+| xAxisLabelFontFamily         | self explanatory                                                                                                 | string                     | no       | all      | no                |
+| xAxisLabelShiftX             | horizontally shifts the x axis labels by given value                                                             | number                     | no       | all      | yes               |
+| xAxisLabelShiftY             | vertically shifts the x axis labels by given value                                                               | number                     | no       | all      | yes               |
+| xAxisRoundToDigits           | number of decimal places upto which x axis labels will be displayed                                              | number                     | no       | all      | yes               |
+| xAxisLabelPrefix             | The String prepended to the x axis label text (for example- '$')                                                 | string                     | no       | all      | yes               |
+| xAxisLabelSuffix             | The String appended to the x axis label text                                                                     | string                     | no       | all      | yes               |
+| formatXAxisLabels            | a callback function that takes the label generated by the library and modifies it                                | (label: string) => string  | no       | all      | yes               |
+| showVerticalLines            | show vertical lines (similar to horiz rules) in background of the chart                                          | boolean                    | no       | all      | yes               |
+| verticalLinesColor           | Color of the vertical lines                                                                                      | ColorValue                 | no       | all      | yes               |
+| verticalLinesThickness       | Thickness of the vertical lines                                                                                  | number                     | no       | all      | yes               |
+| verticalLinesStrokeDashArray | used to render dashed or dotted vertical lines ([dashWidth,dashGap])                                             | Array<number>              | no       | all      | yes               |
+| noOfSections                 | Number of sections (and horiz rules) in the Y axis                                                               | number                     | no       | all      | yes               |
+| barsMapToYAxisSections       | this prop tells whether the number of sections in the Y axis is equal to the length of data array                | boolean                    | no       | all      | yes               |
+| showYAxisIndices             | when set to true, shows small lines (indices) at each section of y-axis                                          | boolean                    | no       | all      | yes               |
+| yAxisIndicesWidth            | width of y axis indices                                                                                          | number                     | no       | all      | yes               |
+| yAxisIndicesHeight           | height of y axis indices                                                                                         | number                     | no       | all      | yes               |
+| yAxisIndicesColor            | color of of x axis indices                                                                                       | ColorValue                 | no       | all      | yes               |
+| yAxisLabelColor              | color of of x axis label text                                                                                    | ColorValue                 | no       | all      | yes               |
+| yAxisLabelFontSize           | font size of of of x axis label text =                                                                           | number                     | no       | all      | yes               |
+| yAxisLabelTextMarginRight    | space left between the y axis labels and the y axis line                                                         | number                     | no       | all      | yes               |
+| yAxisLabelTexts              | An array of string labels to be rendered as Y axis labels (top to bottom)                                        | Array<string>              | no       | all      | yes               |
+| yAxisLabelFontStyle          | self explanatory                                                                                                 | FontStyle                  | no       | all      | yes               |
+| yAxisLabelFontWeight         | self explanatory                                                                                                 | FontWeight                 | no       | all      | yes               |
+| yAxisLabelFontFamily         | self explanatory                                                                                                 | string                     | no       | all      | no                |
+| showValuesAsBarLabels        | when set to true, displays the left and right values as labels beside the respective bars                        | boolean                    | no       | all      | yes               |
+| showMidAxis                  | when set to true, displays an axis in the mid - between the left and right halves of the pyramid                 | boolean                    | no       | all      | yes               |
+| midAxisThickness             | thickness of the mid axis lines                                                                                  | number                     | no       | all      | yes               |
+| midAxisLabelWidth            | width of the mid axis                                                                                            | number                     | no       | all      | yes               |
+| midAxisColor                 | color of the mid axis lines                                                                                      | ColorValue                 | no       | all      | yes               |
+| midAxisLeftColor             | color of the left mid axis line                                                                                  | ColorValue                 | no       | all      | yes               |
+| midAxisRightColor            | color of the right mid axis line                                                                                 | ColorValue                 | no       | all      | yes               |
+| midAxisStrokeDashArray       | used to render dashed or dotted mid axis lines ([dashWidth,dashGap])                                             | Array<number>              | no       | all      | yes               |
+| midAxisLabelFontSize         | self explanatory                                                                                                 | number                     | no       | all      | yes               |
+| midAxisLabelColor            | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
+| midAxisLabelFontStyle        | self explanatory                                                                                                 | FontStyle                  | no       | all      | yes               |
+| midAxisLabelFontWeight       | self explanatory                                                                                                 | FontWeight                 | no       | all      | yes               |
+| midAxisLabelFontFamily       | self explanatory                                                                                                 | string                     | no       | all      | no                |
+| barLabelWidth                | width of the labels displayed behind the bars (both left and right bars)                                         | number                     | no       | all      | yes               |
+| barLabelFontSize             | font size of the labels displayed behind the bars (both left and right bars)                                     | number                     | no       | all      | yes               |
+| barLabelColor                | color of the of the labels displayed behind the bars (both left and right bars)                                  | ColorValue                 | no       | all      | yes               |
+| barLabelFontStyle            | font style of the labels displayed behind the bars (both left and right bars)                                    | FontStyle                  | no       | all      | yes               |
+| barLabelFontWeight           | font weight of the labels displayed behind the bars (both left and right bars)                                   | FontWeight                 | no       | all      | yes               |
+| barLabelFontFamily           | font family of the labels displayed behind the bars (both left and right bars)                                   | string                     | no       | all      | no                |
+| leftBarLabelWidth            | width of the labels displayed behind the left bars                                                               | number                     | no       | all      | yes               |
+| leftBarLabelFontSize         | font size of the labels displayed behind the left bars                                                           | number                     | no       | all      | yes               |
+| leftBarLabelColor            | color of the labels displayed behind the left bars                                                               | ColorValue                 | no       | all      | yes               |
+| leftBarLabelFontStyle        | font style of the labels displayed behind the left bars                                                          | FontStyle                  | no       | all      | yes               |
+| leftBarLabelFontWeight       | font weight of the labels displayed behind the left bars                                                         | FontWeight                 | no       | all      | yes               |
+| leftBarLabelFontFamily       | font family of the labels displayed behind the left bars                                                         | string                     | no       | all      | no                |
+| leftBarLabelShift            | value by which the left bar labels should be shifted horizontally (kind of margin b/w label and bar)             | number                     | no       | all      | yes               |
+| leftBarLabelPrefix           | The String prepended to the left bar label text (for example- '$')                                               | string                     | no       | all      | yes               |
+| leftBarLabelSuffix           | The String appended to the left bar label text                                                                   | string                     | no       | all      | yes               |
+| rightBarLabelWidth           | width of the labels displayed behind the right bars                                                              | number                     | no       | all      | yes               |
+| rightBarLabelFontSize        | font size of the labels displayed behind the right bars                                                          | number                     | no       | all      | yes               |
+| rightBarLabelColor           | color of the labels displayed behind the right bars                                                              | ColorValue                 | no       | all      | yes               |
+| rightBarLabelFontStyle       | font style of the labels displayed behind the right bars                                                         | FontStyle                  | no       | all      | yes               |
+| rightBarLabelFontWeight      | font weight of the labels displayed behind the right bars                                                        | FontWeight                 | no       | all      | yes               |
+| rightBarLabelFontFamily      | font family of the labels displayed behind the right bars                                                        | string                     | no       | all      | no                |
+| rightBarLabelShift           | value by which the right bar labels should be shifted horizontally (kind of margin b/w label and bar)            | number                     | no       | all      | yes               |
+| rightBarLabelPrefix          | The String prepended to the right bar label text (for example- '$')                                              | string                     | no       | all      | yes               |
+| rightBarLabelSuffix          | The String appended to the right bar label text                                                                  | string                     | no       | all      | yes               |
+| formatBarLabels              | a callback function that takes the label generated by the library and modifies it                                | (label: string) => string  | no       | all      | yes               |
+| leftBarColor                 | color of the bars displayed in the left half of the pyramid                                                      | ColorValue                 | no       | all      | yes               |
+| rightBarColor                | color of the bars displayed in the right half of the pyramid                                                     | ColorValue                 | no       | all      | yes               |
+| leftBarBorderColor           | border color of the bars displayed in the left half of the pyramid                                               | ColorValue                 | no       | all      | yes               |
+| rightBarBorderColor          | border color of the bars displayed in the right half of the pyramid                                              | ColorValue                 | no       | all      | yes               |
+| barBorderWidth               | boder width of the bars (both left and right bars)                                                               | number                     | no       | all      | yes               |
+| leftBarBorderWidth           | boder width of the bars displayed in the left half of the pyramid                                                | number                     | no       | all      | yes               |
+| rightBarBorderWidth          | boder width of the bars displayed in the right half of the pyramid                                               | number                     | no       | all      | yes               |
+| barBorderRadius              | boder radius of the bars                                                                                         | number                     | no       | all      | yes               |
+| leftBarBorderRadius          | boder width of the bars displayed in the left half of the pyramid                                                | number                     | no       | all      | yes               |
+| rightBarBorderRadius         | boder width of the bars displayed in the right half of the pyramid                                               | number                     | no       | all      | yes               |
+| allCornersRounded            | when set to true, border radius will apply to all the four corners of the bars, else applied only on outer edges | boolean                    | no       | all      | yes               |
+| showSurplus                  | shows surplus values on the edges in highlighted colors (extra width of the bigger bar is highlighted )          | boolean                    | no       | all      | yes               |
+| showSurplusLeft              | shows surplus values on the left edges in highlighted colors (extra width of the bigger bar is highlighted )     | boolean                    | no       | all      | yes               |
+| showSurplusRight             | shows surplus values on the right edges in highlighted colors (extra width of the bigger bar is highlighted )    | boolean                    | no       | all      | yes               |
+| leftSurplusColor             | highlight color of the left surplus                                                                              | ColorValue                 | no       | all      | yes               |
+| leftSurplusBorderColor       | border color of the left surplus                                                                                 | ColorValue                 | no       | all      | yes               |
+| rightSurplusColor            | highlight color of the right surplus                                                                             | ColorValue                 | no       | all      | yes               |
+| rightSurplusBorderColor      | border color of the right surplus                                                                                | ColorValue                 | no       | all      | yes               |
+| leftSurplusBorderWidth       | border width of the left surplus                                                                                 | number                     | no       | all      | yes               |
+| rightSurplusBorderWidth      | border width of the right surplus                                                                                | number                     | no       | all      | yes               |
 
 ## 遗留问题
 
-- [ ] PieChart设置圆环设置为3D，中间圆环显示问题，svg问题。 [issue#7](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/7)
-- [X] BarChart设置barBackgroundPattern显示问题，svg问题。 [issue#6](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/6)
-- [ ] LineChart设置customDataPoint不显示，svg问题。 [issue#8](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/8)
-- [ ] PieChartPro饼图设置animated为true，动画会卡顿，RN框架问题。 [issue#9](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/9)
+- [ ] PieChart 设置圆环设置为 3D，中间圆环显示问题，svg 问题。 [issue#7](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/7)
+- [x] BarChart 设置 barBackgroundPattern 显示问题，svg 问题。 [issue#6](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/6)
+- [ ] LineChart 设置 customDataPoint 不显示，svg 问题。 [issue#8](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/8)
+- [ ] PieChartPro 饼图设置 animated 为 true，动画会卡顿，RN 框架问题。 [issue#9](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/9)
+- [ ] LineChart/BarChart dataPointLabelComponent 不生效,svg 问题。[issue#10](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/10)
+- [ ] LineChart/BarChart dataPointLabelWidth 不生效,svg 问题。[issue#11](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/11)
+- [ ] LineChart/BarChart dataPointLabelShiftX 不生效,svg 问题。[issue#12](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/12)
+- [ ] LineChart/BarChart dataPointLabelShiftY 不生效,svg 问题。[issue#13](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/13)
+- [ ] LineChart showDataPointLabelOnFocus 为 true 不生效,svg 问题。[issue#14](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/14)
+- [ ] LineChart data 设置 onPress 方法 不生效,svg 问题。[issue#15](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/15)
+- [ ] LineChart data 设置 focusedDataPointLabelComponent 不生效,svg 问题。[issue#16](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/16)
+- [ ] PopulationPyramid barLabelFontFamily 不生效,svg 问题。[issue#17](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/17)
+- [ ] PopulationPyramid leftBarLabelFontFamily 不生效,svg 问题。[issue#18](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/18)
+- [ ] PopulationPyramid rightBarLabelFontFamily 不生效,svg 问题。[issue#19](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/19)
+- [ ] PopulationPyramid xAxisLabelFontFamily 不生效,svg 问题。[issue#20](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/20)
+- [ ] PopulationPyramid yAxisLabelFontFamily 不生效,svg 问题。[issue#21](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/21)
+- [ ] PopulationPyramid midAxisLabelFontFamily 不生效,svg 问题。[issue#22](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/22)
+- [ ] PieChart/PieChartPro font 不生效,svg 问题。[issue#23](https://github.com/react-native-oh-library/react-native-gifted-charts/issues/23)
 
 ## 其他
 
+- BarChart/LineChart rulesConfigArray 属性设置第一条不生效,效果与 iOS/Android 一致。[issue#892](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/893)
+- PieChart data 设置 textColor 不生效,效果与 iOS/Android 一致。[issues#886](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/886)
+- LineChart areaChart1 areaChart2 areaChart3 areaChart4 areaChart5 不生效,效果与 iOS/Android 一致。[issue#892](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/issues/892)
+- BarChart pointerEvents 不生效,效果与 iOS/Android 一致.
+- BarChart/LineChart pointerConfig 的 activatePointersDelay 不生效,效果与 iOS/Android 一致。
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts/blob/master/LICENSE) ，请自由地享受和参与开源。

From 3bc6f507a5314cfa78ef3adbb4ab466e7e016fd1 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Tue, 5 Nov 2024 02:34:14 +0000
Subject: [PATCH 811/966] =?UTF-8?q?!1835=20docs:=20[Issues:=20#IB1YC8]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0reacr-native-map-clustering=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20=20docs:=20[Issues:=20#IB1YC8]=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0reacr-native-maps-clustering=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-map-clustering.md    | 168 +++++++++++++++++++++++++++
 zh-cn/react-native-map-clustering.md | 164 ++++++++++++++++++++++++++
 2 files changed, 332 insertions(+)
 create mode 100644 en/react-native-map-clustering.md
 create mode 100644 zh-cn/react-native-map-clustering.md

diff --git a/en/react-native-map-clustering.md b/en/react-native-map-clustering.md
new file mode 100644
index 00000000..9d2cc633
--- /dev/null
+++ b/en/react-native-map-clustering.md
@@ -0,0 +1,168 @@
+
+> Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-map-clustering</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/venits/react-native-map-clustering">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-map-clustering)
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-map-clustering Releases](https://github.com/react-native-oh-library/react-native-map-clustering/releases).
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-map-clustering@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-map-clustering@file:#
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+import React from "react";
+import MapView from "react-native-map-clustering";
+import { Marker } from "react-native-maps";
+
+function getRandomLatitude(min = 48, max = 56) {
+  return Math.random() * (max - min) + min;
+}
+
+function getRandomLongitude(min = 14, max = 24) {
+  return Math.random() * (max - min) + min;
+}
+
+const INITIAL_REGION = {
+  latitude: 52.5,
+  longitude: 19.2,
+  latitudeDelta: 8.5,
+  longitudeDelta: 8.5
+};
+
+export function MapClusteringExample() {
+  const _generateMarkers = (count: number) => {
+    const markers = [];
+
+    for (let i = 0; i < count; i++) {
+      markers.push(
+        <Marker
+
+          title='456'
+          key={i}
+          coordinate={{
+            latitude: getRandomLatitude(),
+            longitude: getRandomLongitude()
+          }}
+        />
+      );
+    }
+
+    return markers;
+  };
+
+  return (
+    <MapView initialRegion={INITIAL_REGION}
+      style={{ flex: 1 }}
+    >
+      {_generateMarkers(200)}
+    </MapView>
+  );
+};
+
+```
+
+## Link
+
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-maps. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
+
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-maps](/en/react-native-maps.md) to add it to your project.
+
+## Constraints
+
+### Compatibility
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-map-clustering Releases](https://github.com/react-native-oh-library/react-native-map-clustering/releases)
+
+
+## Properties 
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+
+### MapView
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ----------- |
+| clusterColor  | Background color of cluster.      | String  | NO | ALL      | NO |
+| clusterTextColor  | 	Color of text in cluster.      | String | NO | ALL      | NO |
+| clusterFontFamily  | Font family of text in cluster.       | String  | NO | ALL      | NO |
+| onClusterPress(cluster, markers)  | Allows you to control cluster on click event. Function returns information about cluster and its markers.   | Function  | NO | ALL      | YES |
+| tracksViewChanges  | Sets whether the cluster markers should track view changes. It's turned off by default to improve cluster markers performance.     | Bool  | NO | NO      | NO |
+| width  | map's width.     | Number  | NO |  ALL    | YES |
+|height  | map's height.     | Number  | NO | NO      | NO |
+| radius  | SuperCluster radius.     | Number  | NO | ALL      | YES |
+| extent  | SuperCluster extent.     | Number  | NO | ALL      | YES |
+| minZoom  | SuperCluster minZoom.     | Number  | NO | ALL      | YES |
+| maxZoom  | SuperCluster maxZoom.     | Number | NO | NO      | NO |
+| minPoints  | SuperCluster minPoints.    | Number  | NO | ALL      | YES |
+| preserveClusterPressBehavior  | If set to true, after clicking on cluster it will not be zoomed.     | Bool  | NO |  ALL    | YES |
+| edgePadding  | Edge padding for react-native-maps's fitToCoordinates method, called in onClusterPress for fitting to pressed cluster children.     | Object  | NO |    NO   | NO |
+| animationEnabled  | Animate imploding/exploding of clusters' markers and clusters size change. Works only on iOS.     | Bool  | NO |    iOS   | NO |
+| layoutAnimationConf  | LayoutAnimation.Presets.spring     | LayoutAnimationConfig  | NO |    iOS   | NO |
+| onRegionChangeComplete(region, markers)  | Called when map's region changes. In return you get current region and markers data.    | Function  | NO |    ALL   | YES |
+| onMarkersChange(markers) | CCalled when markers change. In return you get markers data.    | Function  | NO |    ALL   | YES |
+| superClusterRef  |Return reference to supercluster library. You can read more about options it has here.    | MutableRefObject  | NO |    ALL   | YES |
+| clusteringEnabled  | Set true to enable and false to disable clustering.   | Bool  | NO |    ALL   | YES |
+| spiralEnabled  | Set true to enable and false to disable spiral view.   | Bool  | NO |    NO   | NO |
+| renderCluster  | Enables you to render custom cluster with custom styles and logic.  | Function  | NO |    ALL   | NO |
+| spiderLineColor  | Enables you to set color of spider line which joins spiral location with center location.   | String  | NO |    NO   | NO |
+
+
+## Known Issues
+
+- [ ] 不支持属性clusterColor [issue#1](https://github.com/react-native-oh-library/react-native-map-clustering/issues/1)
+- [ ] 不支持属性clusterTextColor [issue#2](https://github.com/react-native-oh-library/react-native-map-clustering/issues/2)
+- [ ] 不支持属性clusterFontFamily [issue#3](https://github.com/react-native-oh-library/react-native-map-clustering/issues/3)
+- [ ] 不支持属性tracksViewChanges [issue#4](https://github.com/react-native-oh-library/react-native-map-clustering/issues/4)
+- [ ] 不支持属性renderCluster [issue#5](https://github.com/react-native-oh-library/react-native-map-clustering/issues/5)
+
+## Others
+
+- height属性暂不支持，与iOS表现一致。[issue#273](https://github.com/venits/react-native-map-clustering/issues/273)
+- maxZoom属性暂不支持，与iOS表现一致。[issue#274](https://github.com/venits/react-native-map-clustering/issues/274)
+- edgePadding属性暂不支持，与iOS表现一致。[issue#221](https://github.com/venits/react-native-map-clustering/issues/221)
+- spiralEnabled属性暂不支持，与iOS表现一致。[issue#275](https://github.com/venits/react-native-map-clustering/issues/275)
+- spiderLineColor属性暂不支持，与iOS表现一致。[issue#276](https://github.com/venits/react-native-map-clustering/issues/276)
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://mit-license.org/).
+
diff --git a/zh-cn/react-native-map-clustering.md b/zh-cn/react-native-map-clustering.md
new file mode 100644
index 00000000..b8f9cb1d
--- /dev/null
+++ b/zh-cn/react-native-map-clustering.md
@@ -0,0 +1,164 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-map-clustering</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/venits/react-native-map-clustering">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-map-clustering)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-clustering Releases](https://github.com/react-native-oh-library/react-native-map-clustering/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-map-clustering@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-map-clustering@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React from "react";
+import MapView from "react-native-map-clustering";
+import { Marker } from "react-native-maps";
+
+function getRandomLatitude(min = 48, max = 56) {
+  return Math.random() * (max - min) + min;
+}
+
+function getRandomLongitude(min = 14, max = 24) {
+  return Math.random() * (max - min) + min;
+}
+
+const INITIAL_REGION = {
+  latitude: 52.5,
+  longitude: 19.2,
+  latitudeDelta: 8.5,
+  longitudeDelta: 8.5
+};
+
+export function MapClusteringExample() {
+  const _generateMarkers = (count: number) => {
+    const markers = [];
+
+    for (let i = 0; i < count; i++) {
+      markers.push(
+        <Marker
+
+          title='456'
+          key={i}
+          coordinate={{
+            latitude: getRandomLatitude(),
+            longitude: getRandomLongitude()
+          }}
+        />
+      );
+    }
+
+    return markers;
+  };
+
+  return (
+    <MapView initialRegion={INITIAL_REGION}
+      style={{ flex: 1 }}
+    >
+      {_generateMarkers(200)}
+    </MapView>
+  );
+};
+
+
+```
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-maps的原生端代码，如已在鸿蒙工程中引入过这个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-maps 文档](/zh-cn/react-native-maps.md)进行引入
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-map-clustering Releases](https://github.com/react-native-oh-library/react-native-map-clustering/releases)
+
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+
+### MapView
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ----------- |
+| clusterColor  | Background color of cluster.      | String  | NO | ALL      | NO |
+| clusterTextColor  | 	Color of text in cluster.      | String | NO | ALL      | NO |
+| clusterFontFamily  | Font family of text in cluster.       | String  | NO | ALL      | NO |
+| onClusterPress(cluster, markers)  | Allows you to control cluster on click event. Function returns information about cluster and its markers.   | Function  | NO | ALL      | YES |
+| tracksViewChanges  | Sets whether the cluster markers should track view changes. It's turned off by default to improve cluster markers performance.     | Bool  | NO | NO      | NO |
+| width  | map's width.     | Number  | NO |  ALL    | YES |
+|height  | map's height.     | Number  | NO | NO      | NO |
+| radius  | SuperCluster radius.     | Number  | NO | ALL      | YES |
+| extent  | SuperCluster extent.     | Number  | NO | ALL      | YES |
+| minZoom  | SuperCluster minZoom.     | Number  | NO | ALL      | YES |
+| maxZoom  | SuperCluster maxZoom.     | Number | NO | NO      | NO |
+| minPoints  | SuperCluster minPoints.    | Number  | NO | ALL      | YES |
+| preserveClusterPressBehavior  | If set to true, after clicking on cluster it will not be zoomed.     | Bool  | NO |  ALL    | YES |
+| edgePadding  | Edge padding for react-native-maps's fitToCoordinates method, called in onClusterPress for fitting to pressed cluster children.     | Object  | NO |    NO   | NO |
+| animationEnabled  | Animate imploding/exploding of clusters' markers and clusters size change. Works only on iOS.     | Bool  | NO |    iOS   | NO |
+| layoutAnimationConf  | LayoutAnimation.Presets.spring     | LayoutAnimationConfig  | NO |    iOS   | NO |
+| onRegionChangeComplete(region, markers)  | Called when map's region changes. In return you get current region and markers data.    | Function  | NO |    ALL   | YES |
+| onMarkersChange(markers) | CCalled when markers change. In return you get markers data.    | Function  | NO |    ALL   | YES |
+| superClusterRef  |Return reference to supercluster library. You can read more about options it has here.    | MutableRefObject  | NO |    ALL   | YES |
+| clusteringEnabled  | Set true to enable and false to disable clustering.   | Bool  | NO |    ALL   | YES |
+| spiralEnabled  | Set true to enable and false to disable spiral view.   | Bool  | NO |    NO   | NO |
+| renderCluster  | Enables you to render custom cluster with custom styles and logic.  | Function  | NO |    ALL   | NO |
+| spiderLineColor  | Enables you to set color of spider line which joins spiral location with center location.   | String  | NO |    NO   | NO |
+
+
+## 遗留问题
+- [ ] 不支持属性clusterColor [issue#1](https://github.com/react-native-oh-library/react-native-map-clustering/issues/1)
+- [ ] 不支持属性clusterTextColor [issue#2](https://github.com/react-native-oh-library/react-native-map-clustering/issues/2)
+- [ ] 不支持属性clusterFontFamily [issue#3](https://github.com/react-native-oh-library/react-native-map-clustering/issues/3)
+- [ ] 不支持属性tracksViewChanges [issue#4](https://github.com/react-native-oh-library/react-native-map-clustering/issues/4)
+- [ ] 不支持属性renderCluster [issue#5](https://github.com/react-native-oh-library/react-native-map-clustering/issues/5)
+
+## 其他
+- height属性暂不支持，与iOS表现一致。[issue#273](https://github.com/venits/react-native-map-clustering/issues/273)
+- maxZoom属性暂不支持，与iOS表现一致。[issue#274](https://github.com/venits/react-native-map-clustering/issues/274)
+- edgePadding属性暂不支持，与iOS表现一致。[issue#221](https://github.com/venits/react-native-map-clustering/issues/221)
+- spiralEnabled属性暂不支持，与iOS表现一致。[issue#275](https://github.com/venits/react-native-map-clustering/issues/275)
+- spiderLineColor属性暂不支持，与iOS表现一致。[issue#276](https://github.com/venits/react-native-map-clustering/issues/276)
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://mit-license.org/) ，请自由地享受和参与开源。

From 9346e856b113ed8131618d49bb6d8eb0314a361b Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Tue, 5 Nov 2024 03:14:16 +0000
Subject: [PATCH 812/966] =?UTF-8?q?!1810=20docs:=20[Issues:IB0XLQ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-sticky-parallax-header=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:IB0XLQ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-sticky-parallax-header=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-sticky-parallax-header.md    | 403 +++++++++----------
 zh-cn/react-native-sticky-parallax-header.md |  10 -
 2 files changed, 197 insertions(+), 216 deletions(-)

diff --git a/en/react-native-sticky-parallax-header.md b/en/react-native-sticky-parallax-header.md
index 1889d979..5cbc25bb 100644
--- a/en/react-native-sticky-parallax-header.md
+++ b/en/react-native-sticky-parallax-header.md
@@ -161,7 +161,7 @@ Find the matching version information in the release address of a third-party li
 
 ## Headers
 
-包含 Tabbed Header Pager、Tabbed Header List、Details Header、Avatar Header、Custom Sticky Header 以及 FlashList Headers 几个大类
+It consists of the  Tabbed Header Pager、Tabbed Header List、Details Header、Avatar Header、Custom Sticky Header and FlashList Headers categories.
 
 ### Tabbed Header Pager components
 
@@ -173,55 +173,53 @@ Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                           | Description                             | Type                                                   | Required | Platform    | HarmonyOS Support |
-| ------------------------------ | --------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
-| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                     | no       | iOS/Android | yes               |
-| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                     | no       | iOS/Android | no                |
-| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                           | yes      | iOS/Android | yes               |
-| disableScrollToPosition        | 是否禁用滑动                            | boolean                                                | no       | iOS/Android | no                |
-| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                                | yes      | iOS/Android | yes               |
-| foregroundImage                | 设置头像图片资源                        | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
-| headerHeight                   | 设置组件上部分 header 高度              | number                                                 | no       | iOS/Android | yes               |
-| initialPage                    | 设置组件下部分 page 初始页              | number                                                 | no       | iOS/Android | yes               |
-| headerHeight                   | 设置 header 高度                        | number                                                 | no       | iOS/Android | yes               |
-| logo                           | 设置顶部 Logo 图片资源                  | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
-| logoContainerStyle             | 设置 logo 容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
-| logoStyle                      | 设置 logo 样式                          | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
-| onChangeTab                    | Tab 栏切换回调                          | function - (prevPage: number, newPage: number) => void | no       | iOS/Android | yes               |
-| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void              | no       | iOS/Android | yes               |
-| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
-| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
-| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
-| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
-| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
-| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void              | no       | iOS/Android | yes               |
-| onTopReached                   | 触顶事件回调                            | function - () => void                                  | no       | iOS/Android | yes               |
-| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                 | no       | iOS/Android | yes               |
-| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                                | no       | iOS/Android | yes               |
-| renderHeaderBar                | headerBar 渲染方法                      | render function                                        | no       | iOS/Android | yes               |
-| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                                | no       | iOS/Android | yes               |
-| snapStartThreshold             | 滑动开始时阻力值                        | number                                                 | no       | iOS/Android | yes               |
-| snapStopThreshold              | 滑动结束时阻力值                        | number                                                 | no       | iOS/Android | no                |
-| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                 | no       | iOS/Android | no                |
-| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                 | no       | iOS/Android | yes               |
-| tabTextActiveStyle             | Tab 栏选中文字样式                      | style - StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
-| tabTextContainerStyle          | Tab 栏文字容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
-| tabTextContainerActiveStyle    | Tab 栏文字容器选中样式                  | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
-| tabTextStyle                   | Tab 栏文字样式                          | style - StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
-| tabUnderlineColor              | Tab 栏文字底部横线颜色                  | color - ColorValue                                     | no       | iOS/Android | yes               |
-| tabWrapperStyle                | Tab 栏包裹容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
-| tabs                           | Tab 栏数据源                            | Tabs array - Tab[]                                     | no       | iOS/Android | yes               |
-| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                     | no       | iOS/Android | yes               |
-| tabsContainerHorizontalPadding | Tab 栏容器水平内边距（默认 20）         | number                                                 | no       | iOS/Android | yes               |
-| tabsContainerStyle             | Tab 栏容器样式                          | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
-| title                          | 标题文字                                | string                                                 | no       | iOS/Android | yes               |
-| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
-| titleTestID                    | 标题测试 ID                             | string                                                 | no       | iOS/Android | yes               |
+| Name                           | Description                                                        | Type                                                   | Required | Platform    | HarmonyOS Support |
+|--------------------------------|--------------------------------------------------------------------|--------------------------------------------------------|----------|-------------|-------------------|
+| backgroundColor                | Sets the background color of a component                           | color - ColorValue                                     | no       | iOS/Android | yes               |
+| backgroundImage                | Sets the background image of the widget                            | image source - ImageSourcePropType                     | no       | iOS/Android | no                |
+| containerStyle                 | Style the entire component container                               | style - StyleProp<ViewStyle>                           | yes      | iOS/Android | yes               |
+| disableScrollToPosition        | Whether to disable sliding                                         | boolean                                                | no       | iOS/Android | no                |
+| enableSafeAreaTopInset         | Indicates whether to set a security zone                           | boolean                                                | yes      | iOS/Android | yes               |
+| foregroundImage                | Setting the avatar resource                                        | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
+| headerHeight                   | Sets the header height on the component                            | number                                                 | no       | iOS/Android | yes               |
+| initialPage                    | Sets the initial page of the lower page of the component           | number                                                 | no       | iOS/Android | yes               |
+| logo                           | Set the logo image resource on the top                             | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
+| logoContainerStyle             | Sets the logo container style                                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| logoStyle                      | Setting the logo style                                             | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| onChangeTab                    | Tab bar switch callback                                            | function - (prevPage: number, newPage: number) => void | no       | iOS/Android | yes               |
+| onHeaderLayout                 | Header layout adjustment callback                                  | function - (e: LayoutChangeEvent) => void              | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | Sliding start event callback                                       | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | Sliding end event callback                                         | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onScroll                       | Sliding event callback                                             | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | Callback of the sliding start drag event                           | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onScrollEndDrag                | Sliding end drag event callback                                    | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab bar layout change event callback                               | function - (e: LayoutChangeEvent) => void              | no       | iOS/Android | yes               |
+| onTopReached                   | Top event callback                                                 | function - () => void                                  | no       | iOS/Android | yes               |
+| parallaxHeight                 | Parallax height value(default 53% of screen's height)              | number                                                 | no       | iOS/Android | yes               |
+| rememberTabScrollPosition      | Indicates whether to retain the sliding position of the tab panel. | boolean                                                | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar Rendering Function                                       | render function                                        | no       | iOS/Android | yes               |
+| snapStartThreshold             | Resistance value at the start of sliding                           | number                                                 | no       | iOS/Android | yes               |
+| snapStopThreshold              | Resistance value at the end of sliding                             | number                                                 | no       | iOS/Android | no                |
+| snapToEdge                     | enabled or not to slide to edge（default true）                      | number                                                 | no       | iOS/Android | no                |
+| stickyTabs                     | Indicates whether the tab bar can be fixed（default true）           | number                                                 | no       | iOS/Android | yes               |
+| tabTextActiveStyle             | Select a text style on the tab bar                                 | style - StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
+| tabTextContainerStyle          | Tab Bar Text Container Style                                       | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| tabTextContainerActiveStyle    | Tab Bar Text Container Selection Style                             | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| tabTextStyle                   | Tab Bar Text Style                                                 | style - StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
+| tabUnderlineColor              | Color of the horizontal line at the bottom of the tab bar text     | color - ColorValue                                     | no       | iOS/Android | yes               |
+| tabWrapperStyle                | Tab Bar Wrap Container Style                                       | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| tabs                           | Tab Bar Data Source                                                | Tabs array - Tab[]                                     | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab Bar Container Background Color                                 | color - ColorValue                                     | no       | iOS/Android | yes               |
+| tabsContainerHorizontalPadding | Tab Bar Container Horizontal Inner Margin（default 20）              | number                                                 | no       | iOS/Android | yes               |
+| tabsContainerStyle             | Tab Bar Container Style                                            | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
+| title                          | Title Text                                                         | string                                                 | no       | iOS/Android | yes               |
+| titleStyle                     | Title Text Style                                                   | style = StyleProp<TextStyle>                           | no       | iOS/Android | yes               |
+| titleTestID                    | Title Test ID                                                      | string                                                 | no       | iOS/Android | yes               |
 
 ### Static Methods
 
 | Name     | Description                             | Type     | Required | Platform    | HarmonyOS Support |
-| -------- | --------------------------------------- | -------- | -------- | ----------- | ----------------- |
+|----------|-----------------------------------------|----------|----------|-------------|-------------------|
 | goToPage | function - (pageNumber: number) => void | function | no       | iOS/Android | no                |
 
 ### Tabbed Header List components
@@ -234,252 +232,245 @@ Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                           | Description                             | Type                                              | Required | Platform    | HarmonyOS Support |
-| ------------------------------ | --------------------------------------- | ------------------------------------------------- | -------- | ----------- | ----------------- |
-| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                | no       | iOS/Android | yes               |
-| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                | no       | iOS/Android | no                |
-| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                      | yes      | iOS/Android | yes               |
-| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                           | yes      | iOS/Android | yes               |
-| foregroundImage                | 设置头像图片资源                        | image source - ImageSourcePropType                | no       | iOS/Android | yes               |
-| headerHeight                   | 设置 header 高度                        | number                                            | no       | iOS/Android | yes               |
-| logo                           | 设置顶部 Logo 图片资源                  | image source - ImageSourcePropType                | no       | iOS/Android | yes               |
-| logoContainerStyle             | 设置 logo 容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
-| logoStyle                      | 设置 logo 样式                          | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
-| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
-| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
-| onTopReached                   | 触顶事件回调                            | function - () => void                             | no       | iOS/Android | yes               |
-| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                            | no       | iOS/Android | yes               |
-| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                           | no       | iOS/Android | yes               |
-| renderHeaderBar                | headerBar 渲染方法                      | render function                                   | no       | iOS/Android | yes               |
-| snapStartThreshold             | 滑动开始时阻力值                        | number                                            | no       | iOS/Android | yes               |
-| snapStopThreshold              | 滑动结束时阻力值                        | number                                            | no       | iOS/Android | no                |
-| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                            | no       | iOS/Android | no                |
-| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                            | no       | iOS/Android | yes               |
-| tabTextActiveStyle             | Tab 栏选中文字样式                      | style - StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
-| tabTextContainerStyle          | Tab 栏文字容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
-| tabTextContainerActiveStyle    | Tab 栏文字容器选中样式                  | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
-| tabTextStyle                   | Tab 栏文字样式                          | style - StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
-| tabUnderlineColor              | Tab 栏文字底部横线颜色                  | color - ColorValue                                | no       | iOS/Android | yes               |
-| tabWrapperStyle                | Tab 栏包裹容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
-| tabs                           | Tab 栏数据源                            | Tabs array - Tab[]                                | no       | iOS/Android | yes               |
-| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                | no       | iOS/Android | yes               |
-| tabsContainerHorizontalPadding | Tab 栏容器水平内边距（默认 20）         | number                                            | no       | iOS/Android | yes               |
-| tabsContainerStyle             | Tab 栏容器样式                          | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
-| title                          | 标题文字                                | string                                            | no       | iOS/Android | yes               |
-| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
-| titleTestID                    | 标题测试 ID                             | string                                            | no       | iOS/Android | yes               |
+| Name                           | Description                                                   | Type                                              | Required | Platform    | HarmonyOS Support |
+|--------------------------------|---------------------------------------------------------------|---------------------------------------------------|----------|-------------|-------------------|
+| backgroundColor                | Sets the background color of a component                      | color - ColorValue                                | no       | iOS/Android | yes               |
+| backgroundImage                | Sets the background image of the widget                       | image source - ImageSourcePropType                | no       | iOS/Android | no                |
+| containerStyle                 | Style the entire component container                          | style - StyleProp<ViewStyle>                      | yes      | iOS/Android | yes               |
+| enableSafeAreaTopInset         | Indicates whether to set a security zone                      | boolean                                           | yes      | iOS/Android | yes               |
+| foregroundImage                | Setting the avatar resource                                   | image source - ImageSourcePropType                | no       | iOS/Android | yes               |
+| headerHeight                   | Sets the header height on the component                       | number                                            | no       | iOS/Android | yes               |
+| logo                           | Set the logo image resource on the top                        | image source - ImageSourcePropType                | no       | iOS/Android | yes               |
+| logoContainerStyle             | Sets the logo container style                                 | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| logoStyle                      | Setting the logo style                                        | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | Sliding start event callback                                  | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | Sliding end event callback                                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScroll                       | Sliding event callback                                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | Callback of the sliding start drag event                      | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollEndDrag                | Sliding end drag event callback                               | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onTabsLayout                   | Tab bar layout change event callback                          | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| onTopReached                   | Top event callback                                            | function - () => void                             | no       | iOS/Android | yes               |
+| parallaxHeight                 | Parallax height value(default 53% of screen's height)         | number                                            | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar Rendering Function                                  | render function                                   | no       | iOS/Android | yes               |
+| snapStartThreshold             | Resistance value at the start of sliding                      | number                                            | no       | iOS/Android | yes               |
+| snapStopThreshold              | Resistance value at the end of sliding                        | number                                            | no       | iOS/Android | no                |
+| snapToEdge                     | enabled or not to slide to edge（default true）                 | number                                            | no       | iOS/Android | no                |
+| stickyTabs                     | Indicates whether the tab bar can be fixed（default true）      | number                                            | no       | iOS/Android | yes               |
+| tabTextActiveStyle             | Select a text style on the tab bar                            | style - StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
+| tabTextContainerStyle          | Tab Bar Text Container Style                                  | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| tabTextContainerActiveStyle    | Tab Bar Text Container Selection Style                        | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| tabTextStyle                   | Tab Bar Text Style                                            | style - StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
+| tabUnderlineColor              | Color of the horizontal line at the bottom of the tab bar tex | color - ColorValue                                | no       | iOS/Android | yes               |
+| tabWrapperStyle                | Tab Bar Wrap Container Style                                  | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| tabs                           | Tab Bar Data Source                                           | Tabs array - Tab[]                                | no       | iOS/Android | yes               |
+| tabsContainerBackgroundColor   | Tab Bar Container Background Color                            | color - ColorValue                                | no       | iOS/Android | yes               |
+| tabsContainerHorizontalPadding | Tab Bar Container Horizontal Inner Margin（default 20）         | number                                            | no       | iOS/Android | yes               |
+| tabsContainerStyle             | Tab Bar Container Style                                       | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
+| title                          | Title Text                                                    | string                                            | no       | iOS/Android | yes               |
+| titleStyle                     | Title Text Style                                              | style = StyleProp<TextStyle>                      | no       | iOS/Android | yes               |
+| titleTestID                    | Title Text Test ID                                            | string                                            | no       | iOS/Android | yes               |
 
 ## Details Header
 
-包含 DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList 三个组件。
+It consists of the  DetailsHeaderScrollView、DetailsHeaderFlatList and DetailsHeaderSectionList components.
 
 ### Details Header ScrollView components
 
 Details Header ScrollView Properties
-Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared DetailsHeader props Properties。
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props) and Shared DetailsHeader props Properties。
 
 ### Details Header FlatList components
 
 Details Header FlatList Properties
-Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared DetailsHeader props Properties。
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props) and Shared DetailsHeader props Properties。
 
 ### Details Header SectionList components
 
 Details Header SectionList Properties
-Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared DetailsHeader props Properties。
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props) and Shared DetailsHeader props Properties。
 
 ### Shared DetailsHeader props Properties
 
-DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList 三个组件共享 Properties。
+The DetailsHeaderScrollView, DetailsHeaderFlatList, and DetailsHeaderSectionList components share Properties.
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                           | Description                             | Type                                                  | Required | Platform    | HarmonyOS Support |
-| ------------------------------ | --------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
-| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                    | no       | iOS/Android | yes               |
-| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                    | no       | iOS/Android | no                |
-| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                          | yes      | iOS/Android | yes               |
-| contentIcon                    | 头像左侧卡片的 icon 图标                | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
-| contentIconNumber              | 头像左侧卡片数字                        | number                                                | no       | iOS/Android | yes               |
-| contentIconNumberStyle         | 头像左侧卡片数字样式                    | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| contentIconNumberTestID        | 测试 ID                                 | string                                                | no       | iOS/Android | yes               |
-| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                               | yes      | iOS/Android | yes               |
-| leftTopIcon                    | 设置头部左侧 logo                       | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
-| leftTopIconAccessibilityLabel  | 设置头部左侧 logo 辅助标签              | string                                                | no       | iOS/Android | no                |
-| leftTopIconOnPress             | 头部左侧 logo 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
-| leftTopIconTestID              | 头部左侧 logo 测试 ID                   | string                                                | no       | iOS/Android | yes               |
-| hasBorderRadius                | 上部分是否是右下角带圆角的布局          | boolean                                               | no       | iOS/Android | yes               |
-| headerHeight                   | 设置 header 高度                        | number                                                | no       | iOS/Android | yes               |
-| image                          | 任务头像图片资源                        | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
-| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
-| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
-| onTopReached                   | 触顶事件回调                            | function - () => void                                 | no       | iOS/Android | yes               |
-| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                | no       | iOS/Android | yes               |
-| renderHeaderBar                | headerBar 渲染方法                      | render function                                       | no       | iOS/Android | yes               |
-| rightTopIcon                   | 设置头部右侧图标                        | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
-| rightTopIconAccessibilityLabel | 设置头部右侧 icon 辅助标签              | string                                                | no       | iOS/Android | no                |
-| rightTopIconOnPress            | 头部右侧 icon 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
-| rightTopIconTestID             | 头部右侧 icon 测试 ID                   | string                                                | no       | iOS/Android | yes               |
-| snapStartThreshold             | 滑动开始时阻力值                        | number                                                | no       | iOS/Android | yes               |
-| snapStopThreshold              | 滑动结束时阻力值                        | number                                                | no       | iOS/Android | no                |
-| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                | no       | iOS/Android | no                |
-| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                | no       | iOS/Android | yes               |
-| substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
-| substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
-| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                    | no       | iOS/Android | yes               |
-| tag                            | 标签文字                                | string                                                | no       | iOS/Android | yes               |
-| tagStyle                       | 标签文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| tagTestID                      | 标签文字测试 ID                         | string                                                | no       | iOS/Android | yes               |
-| title                          | 标题文字                                | string                                                | no       | iOS/Android | yes               |
-| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| titleTestID                    | 标题测试 ID                             | string                                                | no       | iOS/Android | yes               |
+| Name                           | Description                                                               | Type                                                  | Required | Platform    | HarmonyOS Support |
+|--------------------------------|---------------------------------------------------------------------------|-------------------------------------------------------|----------|-------------|-------------------|
+| backgroundColor                | Sets the background color of a component                                  | color - ColorValue                                    | no       | iOS/Android | yes               |
+| backgroundImage                | Sets the background image of the widget                                   | image source - ImageSourcePropType                    | no       | iOS/Android | no                |
+| containerStyle                 | Style the entire component container                                      | style - StyleProp<ViewStyle>                          | yes      | iOS/Android | yes               |
+| contentIcon                    | Icon on the card on the left of the profile picture                       | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
+| contentIconNumber              | Number on the card on the left of the avatar                              | number                                                | no       | iOS/Android | yes               |
+| contentIconNumberStyle         | Number style of the card on the left of the avatar                        | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| contentIconNumberTestID        | Test ID                                                                   | string                                                | no       | iOS/Android | yes               |
+| enableSafeAreaTopInset         | Indicates whether to set a security zone                                  | boolean                                               | yes      | iOS/Android | yes               |
+| leftTopIcon                    | Sets the logo on the left of the head                                     | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| leftTopIconAccessibilityLabel  | Sets the auxiliary logo label on the left of the head                     | string                                                | no       | iOS/Android | no                |
+| leftTopIconOnPress             | Callback of the logo click event on the left of the header                | function - () => void                                 | no       | iOS/Android | yes               |
+| leftTopIconTestID              | Logo test ID on the left of the head                                      | string                                                | no       | iOS/Android | yes               |
+| hasBorderRadius                | Whether the upper part is a layout with fillets in the lower right corner | boolean                                               | no       | iOS/Android | yes               |
+| headerHeight                   | Sets the header height on the component                                   | number                                                | no       | iOS/Android | yes               |
+| image                          | Character avatar image resources                                          | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
+| onHeaderLayout                 | Header layout adjustment callback                                         | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | Sliding start event callback                                              | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | Sliding end event callback                                                | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScroll                       | Sliding event callback                                                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | Callback of the sliding start drag event                                  | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollEndDrag                | Sliding end drag event callback                                           | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onTopReached                   | Top event callback                                                        | function - () => void                                 | no       | iOS/Android | yes               |
+| parallaxHeight                 | Parallax height value(default 53% of screen's height)                     | number                                                | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar Rendering Function                                              | render function                                       | no       | iOS/Android | yes               |
+| rightTopIcon                   | Sets the logo on the right of the head                                    | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| rightTopIconAccessibilityLabel | Sets the auxiliary logo label on the right of the head                    | string                                                | no       | iOS/Android | no                |
+| rightTopIconOnPress            | Callback of the logo click event on the right of the header               | function - () => void                                 | no       | iOS/Android | yes               |
+| rightTopIconTestID             | Logo test ID on the right of the head                                     | string                                                | no       | iOS/Android | yes               |
+| snapStartThreshold             | Resistance value at the start of sliding                                  | number                                                | no       | iOS/Android | yes               |
+| snapStopThreshold              | Resistance value at the end of sliding                                    | number                                                | no       | iOS/Android | no                |
+| snapToEdge                     | enabled or not to slide to edge（default true）                             | number                                                | no       | iOS/Android | no                |
+| stickyTabs                     | Indicates whether the tab bar can be fixed（default true）                  | number                                                | no       | iOS/Android | yes               |
+| substitle                      | SubTitle Text                                                             | string                                                | no       | iOS/Android | yes               |
+| substitleStyle                 | SubTitle Text Style                                                       | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| substitleTestID                | SubTitle Text Test ID                                                     | string                                                | no       | iOS/Android | yes               |
+| tag                            | Tag Text                                                                  | string                                                | no       | iOS/Android | yes               |
+| tagStyle                       | Tag Text Style                                                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| tagTestID                      | Tag Text Test ID                                                          | string                                                | no       | iOS/Android | yes               |
+| title                          | Title Text                                                                | string                                                | no       | iOS/Android | yes               |
+| titleStyle                     | Title Text Style                                                          | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| titleTestID                    | Title Text Test ID                                                        | string                                                | no       | iOS/Android | yes               |
 
 ## Avatar Header
 
-包含 AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三个组件。
+It consists of the AvatarHeaderScrollView, AvatarHeaderFlatList, and AvatarHeaderSectionList components.
 
 ### Avatar Header ScrollView components
 
 Avatar Header ScrollView Properties
-Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared AvatarHeader props Properties。
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props) and Shared AvatarHeader props Properties。
 
 ### Avatar Header FlatList components
 
 Avatar Header FlatList Properties
-Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared AvatarHeader props Properties。
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)and Shared AvatarHeader props Properties。
 
 ### Avatar Header SectionList components
 
 Avatar Header SectionList Properties
-Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared AvatarHeader props Properties。
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props) and Shared AvatarHeader props Properties。
 
 ### Shared AvatarHeader props Properties
 
-AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三个组件共享 Properties。
+The AvatarHeaderScrollView, AvatarHeaderFlatList, and AvatarHeaderSectionList components share Properties.
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                           | Description                             | Type                                                  | Required | Platform    | HarmonyOS Support |
-| ------------------------------ | --------------------------------------- | ----------------------------------------------------- | -------- | ----------- | ----------------- |
-| backgroundColor                | 设置组件的背景色                        | color - ColorValue                                    | no       | iOS/Android | yes               |
-| backgroundImage                | 设置组件的背景图片                      | image source - ImageSourcePropType                    | no       | iOS/Android | no                |
-| containerStyle                 | 设置整个组件容器的样式                  | style - StyleProp<ViewStyle>                          | yes      | iOS/Android | yes               |
-| enableSafeAreaTopInset         | 是否设置安全区域                        | boolean                                               | yes      | iOS/Android | yes               |
-| leftTopIcon                    | 设置头部左侧 logo                       | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
-| leftTopIconAccessibilityLabel  | 设置头部左侧 logo 辅助标签              | string                                                | no       | iOS/Android | no                |
-| leftTopIconOnPress             | 头部左侧 logo 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
-| leftTopIconTestID              | 头部左侧 logo 测试 ID                   | string                                                | no       | iOS/Android | yes               |
-| hasBorderRadius                | 上部分是否是右下角带圆角的布局          | boolean                                               | no       | iOS/Android | yes               |
-| headerHeight                   | 设置 header 高度                        | number                                                | no       | iOS/Android | yes               |
-| image                          | 任务头像图片资源                        | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
-| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
-| onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
-| onTopReached                   | 触顶事件回调                            | function - () => void                                 | no       | iOS/Android | yes               |
-| parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                | no       | iOS/Android | yes               |
-| renderHeaderBar                | headerBar 渲染方法                      | render function                                       | no       | iOS/Android | yes               |
-| rightTopIcon                   | 设置头部右侧图标                        | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
-| rightTopIconAccessibilityLabel | 设置头部右侧 icon 辅助标签              | string                                                | no       | iOS/Android | no                |
-| rightTopIconOnPress            | 头部右侧 icon 点击事件回调              | function - () => void                                 | no       | iOS/Android | yes               |
-| rightTopIconTestID             | 头部右侧 icon 测试 ID                   | string                                                | no       | iOS/Android | yes               |
-| snapStartThreshold             | 滑动开始时阻力值                        | number                                                | no       | iOS/Android | yes               |
-| snapStopThreshold              | 滑动结束时阻力值                        | number                                                | no       | iOS/Android | no                |
-| snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                | no       | iOS/Android | no                |
-| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                | no       | iOS/Android | yes               |
-| substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
-| substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
-| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                    | no       | iOS/Android | yes               |
-| title                          | 标题文字                                | string                                                | no       | iOS/Android | yes               |
-| titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| titleTestID                    | 标题测试 ID                             | string                                                | no       | iOS/Android | yes               |
+| Name                           | Description                                                               | Type                                                  | Required | Platform    | HarmonyOS Support |
+|--------------------------------|---------------------------------------------------------------------------|-------------------------------------------------------|----------|-------------|-------------------|
+| backgroundColor                | Sets the background color of a component                                  | color - ColorValue                                    | no       | iOS/Android | yes               |
+| backgroundImage                | Sets the background image of the widget                                   | image source - ImageSourcePropType                    | no       | iOS/Android | no                |
+| containerStyle                 | Style the entire component container                                      | style - StyleProp<ViewStyle>                          | yes      | iOS/Android | yes               |
+| enableSafeAreaTopInset         | Indicates whether to set a security zone                                  | boolean                                               | yes      | iOS/Android | yes               |
+| leftTopIcon                    | Sets the logo on the left of the head                                     | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| leftTopIconAccessibilityLabel  | Sets the auxiliary logo label on the left of the head                     | string                                                | no       | iOS/Android | no                |
+| leftTopIconOnPress             | Callback of the logo click event on the left of the header                | function - () => void                                 | no       | iOS/Android | yes               |
+| leftTopIconTestID              | Logo test ID on the left of the head                                      | string                                                | no       | iOS/Android | yes               |
+| hasBorderRadius                | Whether the upper part is a layout with fillets in the lower right corner | boolean                                               | no       | iOS/Android | yes               |
+| headerHeight                   | Sets the header height on the component                                   | number                                                | no       | iOS/Android | yes               |
+| image                          | Character avatar image resources                                          | image source - ImageSourcePropType                    | no       | iOS/Android | yes               |
+| onHeaderLayout                 | Header layout adjustment callback                                         | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
+| onMomentumScrollBegin          | Sliding start event callback                                              | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onMomentumScrollEnd            | Sliding end event callback                                                | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScroll                       | Sliding event callback                                                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollBeginDrag              | Callback of the sliding start drag event                                  | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onScrollEndDrag                | Sliding end drag event callback                                           | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
+| onTopReached                   | Top event callback                                                        | function - () => void                                 | no       | iOS/Android | yes               |
+| parallaxHeight                 | Parallax height value(default 53% of screen's height)                     | number                                                | no       | iOS/Android | yes               |
+| renderHeaderBar                | headerBar Rendering Function                                              | render function                                       | no       | iOS/Android | yes               |
+| rightTopIcon                   | Sets the logo on the right of the head                                    | render function or image source - ImageSourcePropType | no       | iOS/Android | yes               |
+| rightTopIconAccessibilityLabel | Sets the auxiliary logo label on the right of the head                    | string                                                | no       | iOS/Android | no                |
+| rightTopIconOnPress            | Callback of the logo click event on the right of the header               | function - () => void                                 | no       | iOS/Android | yes               |
+| rightTopIconTestID             | Logo test ID on the right of the head                                     | string                                                | no       | iOS/Android | yes               |
+| snapStartThreshold             | Resistance value at the start of sliding                                  | number                                                | no       | iOS/Android | yes               |
+| snapStopThreshold              | Resistance value at the end of sliding                                    | number                                                | no       | iOS/Android | no                |
+| snapToEdge                     | enabled or not to slide to edge（default true）                             | number                                                | no       | iOS/Android | no                |
+| stickyTabs                     | Indicates whether the tab bar can be fixed（default true）                  | number                                                | no       | iOS/Android | yes               |
+| substitle                      | SubTitle Text                                                             | string                                                | no       | iOS/Android | yes               |
+| substitleStyle                 | SubTitle Text Style                                                       | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| substitleTestID                | SubTitle Text Test ID                                                     | string                                                | no       | iOS/Android | yes               |
+| title                          | Title Text                                                                | string                                                | no       | iOS/Android | yes               |
+| titleStyle                     | Title Text Style                                                          | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| titleTestID                    | Title Text Test ID                                                        | string                                                | no       | iOS/Android | yes               |
 
 ## Custom Sticky Header
 
-包含 StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三个组件。
+It consists of the StickyHeaderScrollView、StickyHeaderFlatList and StickyHeaderSectionList components.
 
 ### Sticky Header ScrollView components
 
 Sticky Header ScrollView Properties
-Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)及 Shared StickyHeader props Properties。
+Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props) and Shared StickyHeader props Properties。
 
 ### Sticky Header FlatList components
 
 Sticky Header FlatList Properties
-Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props)及 Shared StickyHeader props Properties。
+Inherits [FlatListProps](https://reactnative.dev/docs/next/flatlist#props) and Shared StickyHeader props Properties。
 
 ### Sticky Header SectionList components
 
 Avatar Header SectionList Properties
-Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props)及 Shared StickyHeader props Properties。
+Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props) and Shared StickyHeader props Properties。
 
 ### Shared StickyHeader props Properties
 
-StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三个组件共享 Properties。
+The StickyHeaderScrollView, StickyHeaderFlatList, and StickyHeaderSectionList components share Properties.
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                  | Description                         | Type                                              | Required | Platform    | HarmonyOS Support |
-| --------------------- | ----------------------------------- | ------------------------------------------------- | -------- | ----------- | ----------------- |
-| containerStyle        | 设置整个组件容器的样式              | style - StyleProp<ViewStyle>                      | yes      | iOS/Android | yes               |
-| onHeaderLayout        | header 布局调整回调                 | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
-| onMomentumScrollBegin | 滑动开始事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onMomentumScrollEnd   | 滑动结束事件回调                    | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onScroll              | 滑动事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onScrollBeginDrag     | 滑动开始拖拽事件回调                | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onScrollEndDrag       | 滑动结束拖拽事件回调                | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onTabsLayout          | Tab 栏布局改变事件回调              | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
-| renderHeader          | header 渲染方法                     | render function                                   | no       | iOS/Android | yes               |
-| renderTabs            | tab 渲染方法                        | render function                                   | no       | iOS/Android | yes               |
-| stickyTabs            | Tab 栏是否可以固定位置（默认 true） | number                                            | no       | iOS/Android | yes               |
+| Name                  | Description                                              | Type                                              | Required | Platform    | HarmonyOS Support |
+|-----------------------|----------------------------------------------------------|---------------------------------------------------|----------|-------------|-------------------|
+| containerStyle        | Style the entire component container                     | style - StyleProp<ViewStyle>                      | yes      | iOS/Android | yes               |
+| onHeaderLayout        | Header layout adjustment callback                        | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
+| onMomentumScrollBegin | Sliding start event callback                             | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onMomentumScrollEnd   | Sliding end event callback                               | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScroll              | Sliding event callback                                   | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollBeginDrag     | Callback of the sliding start drag event                 | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| onScrollEndDrag       | Sliding end drag event callback                          | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
+| renderHeader          | header rendering function                                | render function                                   | no       | iOS/Android | yes               |
+| renderTabs            | tab rendering function                                   | render function                                   | no       | iOS/Android | yes               |
+| stickyTabs            | Indicates whether the tab bar can be fixed（default true） | number                                            | no       | iOS/Android | yes               |
 
 ## FlashList Headers
 
-包含 AvatarHeaderFlashList、DetailsHeaderFlashList 以及 TabbedHeaderFlashList 三个组件。
+It consists of the  AvatarHeaderFlashList、DetailsHeaderFlashList and TabbedHeaderFlashList components.
 
-### Avatar Header FlashList 组件
+### Avatar Header FlashList Components
 
 Avatar Header FlashList Properties
-Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared AvatarHeader props Properties。
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)and Shared AvatarHeader props Properties。
 
-### Details Header FlashList 组件
+### Details Header FlashList Components
 
 Details Header FlashList Properties
-Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Shared DetailsHeader props Properties。
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)and Shared DetailsHeader props Properties。
 
-### Tabbed Header FlashList 组件
+### Tabbed Header FlashList Components
 
 Tabbed Header FlashList Properties
-Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)及 Tabbed Header List props Properties。
+Inherits [FlashListProps](https://shopify.github.io/flash-list/docs/usage/)and Tabbed Header List props Properties。
 
 ## Known Issues
 
 ## Others
 
-- [ ] 原库 TabbedHeaderPager 组件部分 Properties 不生效[issue#415](https://github.com/netguru/sticky-parallax-header/issues/415)
-- [ ] 原库 DetailHeader、AvatarHeader 组件部分 Properties 不生效 [issue#416](https://github.com/netguru/sticky-parallax-header/issues/416)
-- [ ] 原库 ref.current.goToPage 方法不存在 [issue#412](https://github.com/netguru/sticky-parallax-header/issues/412)
+- [ ] Some Properties of the TabbedHeaderPager Component in the Original Database Do Not Take Effect[issue#415](https://github.com/netguru/sticky-parallax-header/issues/415)
+- [ ] Some properties of the DetailHeader and AvatarHeader components in the original database do not take effect[issue#416](https://github.com/netguru/sticky-parallax-header/issues/416)
+- [ ] The ref.current.goToPage method in the source database does not exist[issue#412](https://github.com/netguru/sticky-parallax-header/issues/412)
 
 ## License
 
diff --git a/zh-cn/react-native-sticky-parallax-header.md b/zh-cn/react-native-sticky-parallax-header.md
index e1042e86..9217acdd 100644
--- a/zh-cn/react-native-sticky-parallax-header.md
+++ b/zh-cn/react-native-sticky-parallax-header.md
@@ -181,12 +181,10 @@ Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)
 | foregroundImage                | 设置头像图片资源                        | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
 | headerHeight                   | 设置组件上部分 header 高度              | number                                                 | no       | iOS/Android | yes               |
 | initialPage                    | 设置组件下部分 page 初始页              | number                                                 | no       | iOS/Android | yes               |
-| headerHeight                   | 设置 header 高度                        | number                                                 | no       | iOS/Android | yes               |
 | logo                           | 设置顶部 Logo 图片资源                  | image source - ImageSourcePropType                     | no       | iOS/Android | yes               |
 | logoContainerStyle             | 设置 logo 容器样式                      | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
 | logoStyle                      | 设置 logo 样式                          | style - StyleProp<ViewStyle>                           | no       | iOS/Android | yes               |
 | onChangeTab                    | Tab 栏切换回调                          | function - (prevPage: number, newPage: number) => void | no       | iOS/Android | yes               |
-| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void              | no       | iOS/Android | yes               |
 | onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
 | onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
 | onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void      | no       | iOS/Android | yes               |
@@ -197,7 +195,6 @@ Inherits [ScrollViewProps](https://reactnative.dev/docs/next/scrollview#props)
 | parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                 | no       | iOS/Android | yes               |
 | rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                                | no       | iOS/Android | yes               |
 | renderHeaderBar                | headerBar 渲染方法                      | render function                                        | no       | iOS/Android | yes               |
-| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                                | no       | iOS/Android | yes               |
 | snapStartThreshold             | 滑动开始时阻力值                        | number                                                 | no       | iOS/Android | yes               |
 | snapStopThreshold              | 滑动结束时阻力值                        | number                                                 | no       | iOS/Android | no                |
 | snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                 | no       | iOS/Android | no                |
@@ -243,7 +240,6 @@ Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props
 | logo                           | 设置顶部 Logo 图片资源                  | image source - ImageSourcePropType                | no       | iOS/Android | yes               |
 | logoContainerStyle             | 设置 logo 容器样式                      | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
 | logoStyle                      | 设置 logo 样式                          | style - StyleProp<ViewStyle>                      | no       | iOS/Android | yes               |
-| onHeaderLayout                 | header 布局调整回调                     | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
 | onMomentumScrollBegin          | 滑动开始事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
 | onMomentumScrollEnd            | 滑动结束事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
 | onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
@@ -252,7 +248,6 @@ Inherits [SectionListProps](https://reactnative.dev/docs/next/sectionlist/#props
 | onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
 | onTopReached                   | 触顶事件回调                            | function - () => void                             | no       | iOS/Android | yes               |
 | parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                            | no       | iOS/Android | yes               |
-| rememberTabScrollPosition      | 是否保留 Tab 面板滑动位置               | boolean                                           | no       | iOS/Android | yes               |
 | renderHeaderBar                | headerBar 渲染方法                      | render function                                   | no       | iOS/Android | yes               |
 | snapStartThreshold             | 滑动开始时阻力值                        | number                                            | no       | iOS/Android | yes               |
 | snapStopThreshold              | 滑动结束时阻力值                        | number                                            | no       | iOS/Android | no                |
@@ -322,7 +317,6 @@ DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList
 | onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
 | onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
 | onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
 | onTopReached                   | 触顶事件回调                            | function - () => void                                 | no       | iOS/Android | yes               |
 | parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                | no       | iOS/Android | yes               |
 | renderHeaderBar                | headerBar 渲染方法                      | render function                                       | no       | iOS/Android | yes               |
@@ -337,7 +331,6 @@ DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList
 | substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
 | substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
-| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                    | no       | iOS/Android | yes               |
 | tag                            | 标签文字                                | string                                                | no       | iOS/Android | yes               |
 | tagStyle                       | 标签文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | tagTestID                      | 标签文字测试 ID                         | string                                                | no       | iOS/Android | yes               |
@@ -391,7 +384,6 @@ AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三
 | onScroll                       | 滑动事件回调                            | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
 | onScrollBeginDrag              | 滑动开始拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
 | onScrollEndDrag                | 滑动结束拖拽事件回调                    | worklet function - (e: NativeScrollEvent) => void     | no       | iOS/Android | yes               |
-| onTabsLayout                   | Tab 栏布局改变事件回调                  | function - (e: LayoutChangeEvent) => void             | no       | iOS/Android | yes               |
 | onTopReached                   | 触顶事件回调                            | function - () => void                                 | no       | iOS/Android | yes               |
 | parallaxHeight                 | 视差高度值(默认 53% of screen's height) | number                                                | no       | iOS/Android | yes               |
 | renderHeaderBar                | headerBar 渲染方法                      | render function                                       | no       | iOS/Android | yes               |
@@ -406,7 +398,6 @@ AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三
 | substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
 | substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
-| tabsContainerBackgroundColor   | Tab 栏容器背景颜色                      | color - ColorValue                                    | no       | iOS/Android | yes               |
 | title                          | 标题文字                                | string                                                | no       | iOS/Android | yes               |
 | titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | titleTestID                    | 标题测试 ID                             | string                                                | no       | iOS/Android | yes               |
@@ -447,7 +438,6 @@ StickyHeaderScrollView、StickyHeaderFlatList 以及 StickyHeaderSectionList 三
 | onScroll              | 滑动事件回调                        | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
 | onScrollBeginDrag     | 滑动开始拖拽事件回调                | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
 | onScrollEndDrag       | 滑动结束拖拽事件回调                | worklet function - (e: NativeScrollEvent) => void | no       | iOS/Android | yes               |
-| onTabsLayout          | Tab 栏布局改变事件回调              | function - (e: LayoutChangeEvent) => void         | no       | iOS/Android | yes               |
 | renderHeader          | header 渲染方法                     | render function                                   | no       | iOS/Android | yes               |
 | renderTabs            | tab 渲染方法                        | render function                                   | no       | iOS/Android | yes               |
 | stickyTabs            | Tab 栏是否可以固定位置（默认 true） | number                                            | no       | iOS/Android | yes               |

From 914684b26172ac54e4b21741d94bea66d91e8f1d Mon Sep 17 00:00:00 2001
From: sunshinezjb <zhengjunbo68@163.com>
Date: Tue, 5 Nov 2024 03:24:52 +0000
Subject: [PATCH 813/966] =?UTF-8?q?!1838=20docs:=20[Issues:=20#IB24CJ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-alipay=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-alipay=E7=9A=84=E5=AE=89=E8=A3=85=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-alipay.md    | 2 +-
 zh-cn/react-native-alipay.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-alipay.md b/en/react-native-alipay.md
index 02a7eafc..02c8a22f 100644
--- a/en/react-native-alipay.md
+++ b/en/react-native-alipay.md
@@ -202,7 +202,7 @@ Callback handle,open `entry\src\main\ets\entryability\EntryAbility.ets`，add on
 
 ```diff
 + import { AbilityConstant, Want } from '@kit.AbilityKit';
-+ import { AFServiceCenter } from '@alipay/AFServiceSDK/Index'
++ import { AFServiceCenter } from '@alipay/afservicesdk/Index'
 
   onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
 +    let r = AFServiceCenter.handleResponse(want);
diff --git a/zh-cn/react-native-alipay.md b/zh-cn/react-native-alipay.md
index 92c5ae60..6bb6d594 100644
--- a/zh-cn/react-native-alipay.md
+++ b/zh-cn/react-native-alipay.md
@@ -203,7 +203,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ```diff
 + import { AbilityConstant, Want } from '@kit.AbilityKit';
-+ import { AFServiceCenter } from '@alipay/AFServiceSDK/Index'
++ import { AFServiceCenter } from '@alipay/afservicesdk/Index'
 
   onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
 +    let r = AFServiceCenter.handleResponse(want);

From da4888615034b460a29d8fa757c42df791005aab Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Tue, 5 Nov 2024 07:27:12 +0000
Subject: [PATCH 814/966] =?UTF-8?q?!1839=20docs:=20[Issuse:=20#IB24M4]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-print=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issuse:=20#IB24M4]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-print=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-print.md    | 14 --------------
 zh-cn/react-native-print.md | 14 --------------
 2 files changed, 28 deletions(-)

diff --git a/en/react-native-print.md b/en/react-native-print.md
index 71aaefbb..99e3c2d1 100644
--- a/en/react-native-print.md
+++ b/en/react-native-print.md
@@ -218,16 +218,6 @@ Open the `entry/src/main/module.json5` file and add the following code:
 +    }
 +  },
 +  {
-+    "name": "fs.OpenMode.READ_ONLY",
-+    "reason": "$string:fs_reason",
-+    "usedScene": {
-+      "abilities": [
-+        "EntryAbility"
-+      ],
-+      "when":"always"
-+    }
-+  },
-+  {
 +    "name": "ohos.permission.INTERNET",
 +    "reason": "$string:internet_reason",
 +    "usedScene": {
@@ -253,10 +243,6 @@ Open the `entry/src/main/resources/base/element/string.json` file and add the fo
 +      "value": "Using a printer"
 +    },
 +    {
-+      "name": "fs_reason",
-+      "value": "Read data"
-+    },
-+    {
 +      "name": "internet_reason",
 +      "value": "Network request data"
 +    },
diff --git a/zh-cn/react-native-print.md b/zh-cn/react-native-print.md
index a1764322..6a93468b 100644
--- a/zh-cn/react-native-print.md
+++ b/zh-cn/react-native-print.md
@@ -221,16 +221,6 @@ ohpm install
 +    }
 +  },
 +  {
-+    "name": "fs.OpenMode.READ_ONLY",
-+    "reason": "$string:fs_reason",
-+    "usedScene": {
-+      "abilities": [
-+        "EntryAbility"
-+      ],
-+      "when":"always"
-+    }
-+  },
-+  {
 +    "name": "ohos.permission.INTERNET",
 +    "reason": "$string:internet_reason",
 +    "usedScene": {
@@ -256,10 +246,6 @@ ohpm install
 +      "value": "使用打印机"
 +    },
 +    {
-+      "name": "fs_reason",
-+      "value": "读取数据"
-+    },
-+    {
 +      "name": "internet_reason",
 +      "value": "网络请求数据"
 +    },

From d7d630982688c9dfc185a216a06e88d00fde7ddc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B8=A9=E6=98=8A=E4=B8=9C?= <dvaj@qq.com>
Date: Tue, 5 Nov 2024 08:06:58 +0000
Subject: [PATCH 815/966] =?UTF-8?q?!1826=20docs:=20[Issues:=20#IB1GRD]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-mmkv-storage=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB1GRD]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-mmkv-storage=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-mmkv-storage.md    | 2 +-
 zh-cn/react-native-mmkv-storage.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-mmkv-storage.md b/en/react-native-mmkv-storage.md
index 90943dd8..ea10a28a 100644
--- a/en/react-native-mmkv-storage.md
+++ b/en/react-native-mmkv-storage.md
@@ -225,7 +225,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmvk-storage.har"
+    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmkv-storage.har"
   }
 ```
 
diff --git a/zh-cn/react-native-mmkv-storage.md b/zh-cn/react-native-mmkv-storage.md
index 36d95e17..f6d8b5f9 100644
--- a/zh-cn/react-native-mmkv-storage.md
+++ b/zh-cn/react-native-mmkv-storage.md
@@ -228,7 +228,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmvk-storage.har"
+    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmkv-storage.har"
   }
 ```
 

From 552b41525ba7958b333dcee6e1d87bac92a57b48 Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Tue, 5 Nov 2024 08:27:38 +0000
Subject: [PATCH 816/966] =?UTF-8?q?!1840=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-date-picker=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20=E4=BF=AE=E6=94=B9react-native-date-picker=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-date-picker.md    | 195 ++++++++++++++++++------------
 zh-cn/react-native-date-picker.md |  28 ++++-
 2 files changed, 139 insertions(+), 84 deletions(-)

diff --git a/en/react-native-date-picker.md b/en/react-native-date-picker.md
index 0b5bb297..26b6a087 100644
--- a/en/react-native-date-picker.md
+++ b/en/react-native-date-picker.md
@@ -1,90 +1,76 @@
 > Template version: v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-video-cache</code> </h1>
+  <h1 align="center"> <code>react-native-date-picker</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/zhigang1992/react-native-video-cache">
+    <a href="https://github.com/henninghall/react-native-date-picker">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://www.mit-license.org/">
+    <a href="https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-video-cache)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-date-picker)
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases).
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)
 
 Go to the project directory and execute the following instruction:
 
 > [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
-<!-- tabs:start -->
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-video-cache@file:#
+npm install @react-native-oh-tpl/react-native-date-picker@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-video-cache@file:#
+yarn add @react-native-oh-tpl/react-native-date-picker@file:#
 ```
 
-<!-- tabs:end -->
-
 The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
-import React, { useEffect, useState } from "react";
-import { StyleSheet, Text, View } from "react-native";
-import  { convertAsync } from "react-native-video-cache";
-
-export default function App() {
-    const url =
-        "https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4";
-    const [asyncVersion, setAsyncVersion] = useState<string>('');
-    useEffect(() => {
-        convertAsync(url).then(setAsyncVersion);
-    }, [])
-    return (
-        <View style={styles.container}>
-            <Text style={styles.welcome}>☆Original URL☆</Text>
-            <Text style={styles.instructions}>{url}</Text>
-            <Text style={styles.welcome}>☆Async Proxy URL☆</Text>
-            <Text style={styles.instructions}>{asyncVersion}</Text>
-        </View>
-    );
+import React, { useState } from 'react'
+import { Button, View } from 'react-native'
+import DatePicker from 'react-native-date-picker'
+
+export default () => {
+  const [date, setDate] = useState(new Date())
+  const [open, setOpen] = useState(false)
+
+  return (
+    <View style={{flex:1, flexDirection:'column', justifyContent:'center'}}>
+      <Button title="Open" onPress={() => setOpen(true)} />
+      <DatePicker
+        mode='date'
+        modal
+        open={open}
+        date={date}
+        onConfirm={(date) => {
+          setOpen(false)
+          setDate(date)
+        }}
+        onCancel={() => {
+          setOpen(false)
+        }}
+      />
+    </View>
+  )
 }
 
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        justifyContent: "center",
-        alignItems: "center",
-        backgroundColor: "#F5FCFF",
-        padding: 20
-    },
-    welcome: {
-        fontSize: 20,
-        textAlign: "center",
-        margin: 10,
-    },
-    instructions: {
-        textAlign: "center",
-        color: "#333333",
-        marginBottom: 5,
-    },
-});
 ```
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -116,7 +102,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache.har"
+    "@react-native-oh-tpl/react-native-date-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-date-picker/harmony/date_picker.har"
   }
 ```
 
@@ -138,7 +124,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache"
+    "@react-native-oh-tpl/react-native-date-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-date-picker/harmony/date_picker"
   }
 ```
 
@@ -148,26 +134,59 @@ Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
-ohpm install --no-link
+ohpm install 
+```
+
+### 3. Introducing RNDatePicker Component to ArkTS
+
+(If the code of the repository is written through CAPI, delete this section.)<br>Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
+
+```diff
+  ...
++ import { RNDatePicker } from "@react-native-oh-tpl/react-native-date-picker"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === RNDatePicker.NAME) {
++   RNDatePicker({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
 ```
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.  
 
-### 3. Introducing RNVideoCachePackage to ArkTS
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RNDatePicker.NAME, 
+  ];
+```
+### 4. Introducing RNDatePickerPackage to ArkTS
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
-+   import { RNVideoCachePackage } from '@react-native-oh-tpl/rnoh-video-cache/ts';
++ import {RNDatePickerPackage} from '@react-native-oh-tpl/react-native-date-picker/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
     new SamplePackage(ctx),
-+   new RNVideoCachePackage(ctx)
++   new RNDatePickerPackage(ctx)
   ];
 }
 ```
 
-### 4. Running
+### 5. Running
 
 Click the `sync` button in the upper right corner.
 
@@ -186,30 +205,50 @@ Then build and run the code.
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases)
-
-This document is verified based on the following versions:
-
-1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
-
-## APIs
-
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
-
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
-
-For details, see [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)
-
-| Name           | Description                                          | Type   | Required | Platform    | HarmonyOS Support |
-| -------------- | ---------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| convertToCache | Return the local proxy cache server URL using sync.  | string | no       | Androis/IOS | no                |
-| convertAsync   | Return the local proxy cache server URL using async. | string | no       | Androis/IOS | yes               |
-
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)
+
+
+## Properties 
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+
+| props  | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----  | ----------- | ---- | -------- | ---- | ------------ |
+| date | The currently selected date.   | Date  | no |     all  |       yes|
+| onDateChange | Date change handler ( Inline only )   |  (date: Date) => void  | no |     all  |       yes|
+| maximumDate | Maximum selectable date.Example: new Date("2021-12-31")   | Date  | no |     all  |       yes|
+| minimumDate | Minimum selectable date.Example: new Date("2021-01-01")   | Date  | no |     all  |       yes|
+| mode | The date picker mode. "datetime", "date", "time"   | “'date' \|'time' \| 'datetime'”  | yes |     all  |       yes|
+| onConfirm | Modal only: Date callback when user presses confirm button   | (date: Date) => void  | no |     all  |       yes|
+| onCancel | Modal only: Callback for when user presses cancel button or closing the modal by pressing outside it.   | () => void  | no |     all  |       yes|
+| is24hourSource | Change how the 24h mode (am/pm) should be determined, by device settings or by locale. {'locale', 'device'} (android only, default: 'device')   | “'locale' \| 'device'”  | no |     all  |       no|
+| modal | Boolean indicating if modal should be used. Default: "false". When enabled, the other modal props needs to be used.   | boolean  | no |     all  |       yes|
+| open | Modal only: Boolean indicating if modal should be open.   | boolean  | no |     all  |       yes|
+| minuteInterval | The interval at which minutes can be selected.   | 1 \| 2 \| 3 \| 4 \| 5 \| 6 \|  10 \|  12 \| 15 \|  20 \| 30  | no |     all  |       no|
+| title | Modal only: Title text. Can be set to null to remove text.   | string  | no |     all  |       no|
+| confirmText | Modal only: Confirm button text   | string  | no |     all  |       no|
+| cancelText | Modal only: Cancel button text.   | string  | no |     all  |       no|
+| theme | Modal only: The theme of the modal. "light", "dark", "auto". Defaults to "auto".   | 'light' \| 'dark' \| 'auto'  | no |     all  |       no|
+| buttonColor | Color of the confirm and cancel buttons. (android modal only)   | string  | no |     Android  |       no|
+| dividerColor | Color of the divider / separator. (android only)   | string  | no |     Android  |       no|
+| onStateChange | Spinner state change handler. Triggered on changes between "idle" and "spinning" state (Android inline only)   | (state: 'spinning' \| 'idle') => void  | no |     Android  |       no|
+| locale | The locale for the date picker. Changes language, date order and am/pm preferences. Value needs to be a Locale ID.   | string  | no |     all  |       no|
+| timeZoneOffsetInMinutes | imezone offset in minutes (default: device's timezone)   | number  | no |     all  |       no|
 ## Known Issues
-- [ ] 由于 HarmonyOS 侧原生依赖 HarmonyOS 三方库@ohos/video-cache中HttpProxyCacheServer实例化对象方法getProxyUrl暂为异步方法，导致本库同步方法convertToCache暂无法实现，问题：[issue#1](https://github.com/react-native-oh-library/react-native-video-cache/issues/1)
+- [ ]  不支持属性confirmText。[issue#11](https://github.com/react-native-oh-library/react-native-date-picker/issues/11)
+- [ ]  不支持属性cancelText。[issue#12](https://github.com/react-native-oh-library/react-native-date-picker/issues/12)
+- [ ]  不支持属性theme。[issue#13](https://github.com/react-native-oh-library/react-native-date-picker/issues/13)
+- [ ]  不支持属性locale。[issue#17](https://github.com/react-native-oh-library/react-native-date-picker/issues/17)
+- [ ]  不支持属性timeZoneOffsetInMinutes。[issue#18](https://github.com/react-native-oh-library/react-native-date-picker/issues/18)
+- [ ]  当属性modal为false，mode属性为datetime时，harmonyOS不支持内联datetime组件。[issue#22](https://github.com/react-native-oh-library/react-native-date-picker/issues/22)
+- [ ]  不支持is24hourSource属性。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
+- [ ]  不支持minuteInterval属性。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
 
 ## Others
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
+This project is licensed under [The MIT License (MIT)](https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE).
diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
index 7e0b4ae9..bde26e2a 100644
--- a/zh-cn/react-native-date-picker.md
+++ b/zh-cn/react-native-date-picker.md
@@ -132,18 +132,18 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.在 ArkTs 侧引入 NativeDatePickerView 组件
+### 3.在 ArkTs 侧引入 RNDatePicker 组件
 找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
   ...
-+ import { NativeDatePickerView } from "@react-native-oh-tpl/react-native-date-picker"
++ import { RNDatePicker } from "@react-native-oh-tpl/react-native-date-picker"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
   ...
-+ if (ctx.componentName === NativeDatePickerView.NAME) {
-+   NativeDatePickerView({
++ if (ctx.componentName === RNDatePicker.NAME) {
++   RNDatePicker({
 +        ctx: ctx.rnComponentContext,
 +        tag: ctx.tag
 +   })
@@ -162,10 +162,26 @@ const arkTsComponentNames: Array<string> = [
   SampleView.NAME,
   GeneratedSampleView.NAME,
   PropsDisplayer.NAME,
-+ NativeDatePickerView.NAME, 
++ RNDatePicker.NAME, 
   ];
 ```
-### 4.运行
+
+### 4. 在 ArkTs 侧引入 RNDatePickerPackage
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
+
+```diff
+  ...
++ import {RNDatePickerPackage} from '@react-native-oh-tpl/react-native-date-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new RNDatePickerPackage(ctx)
+  ];
+}
+```
+### 5.运行
 
 点击右上角的 `sync` 按钮
 

From 0731b7f9d72db44f920fdeac9f97051d15ee6791 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?=
 <10284872+wedatahub@user.noreply.gitee.com>
Date: Wed, 6 Nov 2024 01:13:40 +0000
Subject: [PATCH 817/966] =?UTF-8?q?!1845=20docs:=20[Issues:=20#IB2BB3]?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E6=80=BB=E8=A7=88=E8=A1=A8=E7=9A=84react-nat?=
 =?UTF-8?q?ive-image-base64=20*=20docs:=20[Issues:=20#IB2BB3]=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E6=80=BB=E8=A7=88=E8=A1=A8=E7=9A=84react-native-image?=
 =?UTF-8?q?-base64?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 3 +--
 _sidebar.md     | 1 -
 en/README_EN.md | 3 +--
 zh-cn/README.md | 3 +--
 4 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index bd3bcf52..9af84336 100644
--- a/README.md
+++ b/README.md
@@ -169,7 +169,7 @@
 | 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                   | 1.3.0          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                        | 2.1.5          | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
 | 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                                   | 0.40.3         | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
-| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                       | 0.1.3          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
+| 140 | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [链接](/zh-cn/react-native-image-capinsets-next.md)      |
 | 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                           | 1.0.1          | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
 | 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                          | 4.0.1          | 否                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
 | 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                            | 7.0.0          | 否                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
@@ -428,7 +428,6 @@
 | 396 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
 | 397 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
 | 398 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
-| 399 | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [链接](/zh-cn/react-native-image-capinsets-next.md)      |
 
 ## 社区
 
diff --git a/_sidebar.md b/_sidebar.md
index 171f4e7f..476cdb23 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -53,7 +53,6 @@
     - [lottie-react-native](/zh-cn/lottie-react-native.md)
     - [react-native-image-sequence-2](/zh-cn/react-native-image-sequence-2.md)
     - [react-native-clippath](/zh-cn/react-native-clippathview.md)
-    - [react-native-image-base64](/zh-cn/react-native-image-base64.md)
     - [react-native-image-capinsets-next](/zh-cn/react-native-image-capinsets-next.md)
     - [@react-native-oh-tpl/react-native-code-push](/zh-cn/react-native-code-push.md)
   - RN JS 库
diff --git a/en/README_EN.md b/en/README_EN.md
index 574076f9..00f7aaec 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -169,7 +169,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                   | 1.3.0          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-json-tree.md)                       |
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                        | 2.1.5          | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [Link](/zh-cn/react-native-image-gallery.md)                   |
 | 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                                   | 0.40.3         | Yes                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [Link](/zh-cn/react-native-image-crop-picker.md)               |
-| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                       | 0.1.3          | −                  | −                                                                                                                                                           | [Link](/zh-cn/react-native-image-base64.md)                    |
+| 140  | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [Link](/zh-cn/react-native-image-capinsets-next.md)      |
 | 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                           | 1.0.1          | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [Link](/zh-cn/react-native-map-linking.md)                     |
 | 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                          | 4.0.1          | No                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [Link](/zh-cn/react-native-vision-camera.md)                   |
 | 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                            | 7.0.0          | No                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [Link](/zh-cn/react-native-zip-archive.md)                     |
@@ -428,7 +428,6 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 396  | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-waterflow-list.md)            |
 | 397  | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [Link](/zh-cn/realm-js.md)                               |
 | 398  | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [Link](/zh-cn/react-native-ssl-pinning.md)               |
-| 399  | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [Link](/zh-cn/react-native-image-capinsets-next.md)      |
 
 ## Community
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 28292620..54b231c9 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -169,7 +169,7 @@
 | 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                   | 1.3.0          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                        | 2.1.5          | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
 | 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                                   | 0.40.3         | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
-| 140  | [react-native-image-image-base64](https://github.com/SnappFr/react-native-image-base64)                                       | 0.1.3          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-image-base64.md)                    |
+| 140 | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [链接](/zh-cn/react-native-image-capinsets-next.md)      |
 | 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                           | 1.0.1          | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
 | 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                          | 4.0.1          | 否                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
 | 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                            | 7.0.0          | 否                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
@@ -428,7 +428,6 @@
 | 396 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
 | 397 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
 | 398 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
-| 399 | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [链接](/zh-cn/react-native-image-capinsets-next.md)      |
 
 ## 社区
 

From e82a824a3911c5eec061289611f1f33d64e80984 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Wed, 6 Nov 2024 02:16:33 +0000
Subject: [PATCH 818/966] =?UTF-8?q?!1844=20docs:=20[Issues:=20#IB293D]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-screens=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB293D]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-screens=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-screens.md    | 4 ++--
 zh-cn/react-native-screens.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-screens.md b/en/react-native-screens.md
index 9319e333..e3f337d1 100644
--- a/en/react-native-screens.md
+++ b/en/react-native-screens.md
@@ -26,7 +26,7 @@ Go to the project directory and execute the following instruction:
 npm install @react-navigation/native
 npm install @react-native-oh-tpl/stack
 npm install @react-native-oh-tpl/react-native-safe-area-context
-npm install react-native-screens
+npm install react-native-screens@3.29.0
 ```
 
 #### **yarn**
@@ -35,7 +35,7 @@ npm install react-native-screens
 yarn add @react-navigation/native
 yarn add @react-navigation/stack
 yarn add @react-native-oh-tpl/react-native-safe-area-context
-yarn add react-native-screens
+yarn add react-native-screens@3.29.0
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-screens.md b/zh-cn/react-native-screens.md
index e84fdcbf..b7fc2b88 100644
--- a/zh-cn/react-native-screens.md
+++ b/zh-cn/react-native-screens.md
@@ -26,7 +26,7 @@
 npm install @react-navigation/native
 npm install @react-native-oh-tpl/stack
 npm install @react-native-oh-tpl/react-native-safe-area-context
-npm install react-native-screens
+npm install react-native-screens@3.29.0
 ```
 
 #### **yarn**
@@ -35,7 +35,7 @@ npm install react-native-screens
 yarn add @react-navigation/native
 yarn add @react-navigation/stack
 yarn add @react-native-oh-tpl/react-native-safe-area-context
-yarn add react-native-screens
+yarn add react-native-screens@3.29.0
 ```
 
 <!-- tabs:end -->

From a1ebb8f8ec364fa6a5b2f94752af38baac9a18a3 Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Wed, 6 Nov 2024 03:47:05 +0000
Subject: [PATCH 819/966] =?UTF-8?q?!1841=20docs:=20[Issuse:=20#IB27P1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issuse:=20#IB27P1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-code-push.md    | 400 +++++++++++++++++---------------
 zh-cn/react-native-code-push.md |  11 +-
 2 files changed, 218 insertions(+), 193 deletions(-)

diff --git a/en/react-native-code-push.md b/en/react-native-code-push.md
index 307c5756..bc2ec0f4 100644
--- a/en/react-native-code-push.md
+++ b/en/react-native-code-push.md
@@ -1,5 +1,4 @@
-
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-code-push</code> </h1>
@@ -14,44 +13,44 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-code-push)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-code-push)
 
-## 前期准备
+## Pre-preparation
 
 ### code-push-cli
 
-1. 克隆 [code-push-cli](https://github.com/react-native-oh-library/code-push-cli) 到本地
-2. 在 code-push-cli 目录下执行 `npm install`
-3. 在 code-push-cli 目录下执行 `npm run start`，用于生成 `bin` 目录
-4. npm install -g <code-push-cli文件夹目录>
-5. 重开一个终端，执行 `code-push -v`，如正常输出版本号即安装成功
+1. Clone the [code-push-cli](https://github.com/react-native-oh-library/code-push-cli) to the local host.
+2. Run the `npm install` command in the code-push-cli directory.
+3. Run the `npm run start` command in the code-push-cli directory to generate the `bin` directory.
+4. npm install -g <code-push-cli directory>
+5. Restart a terminal and run the `code-push -v` command. If the version number is displayed, the installation is successful.
 
-code-push-cli常用命令：
+Common commands for code-push-cli are as follows:
 
 ```
 code-push -v
-code-push login <服务器地址>
-code-push app list //列出账号下面的所有app
-code-push app add <apppname> harmony react-native //创建应用
-code-push release <AppName> <bundle.harmony.js> "<版本号>" --description "<v1.0.0 测试更新>" -m //发包命令，加-m是强制更新, * 代表所有版本，例如：code-push release CodePush_Local ./bundle.harmony.js "*" --description "v1.0.0 测试更新"
+code-push login
+code-push app list //List all apps under the account.
+code-push app add <apppname> harmony react-native // Creating an Application
+code-push release <AppName> <bundle.harmony.js> "< version number > "--description "<v1.0.0 test update >" -m //Packet sending command. Add -m to forcibly update the version. The asterisk (*) indicates all versions, for example, code-push release CodePush_Local ./bundle.harmony.js "*" --description "v1.0.0 Test Update"
 ```
 
 ### code-push-server
 
-1. 克隆 [code-push-server](https://github.com/react-native-oh-library/code-push-server) 到本地
-2. 在 code-push-server 目录下执行 `npm install`
-4. 安装 mysql、redis
-5. 修改 `code-push-server/src/core/config.ts` 配置文件
-3. 在 code-push-server 目录下执行 `npm run dev`，用于生成 `bin` 目录
-6. 在 code-push-server 目录下执行 `npm run start` 启动服务
+1. Clone the [code-push-server](https://github.com/react-native-oh-library/code-push-server) to the local host.
+2. Run the `npm install` command in the code-push-server directory.
+3. Install the MySQL and Redis.
+4. Modifying the `code-push-server/src/core/config.ts` Configuration File
+5. Run the `npm run dev` command in the code-push-server directory to generate the `bin` directory.
+6. Run the `npm run start` command in the code-push-server directory to start the service.
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -69,129 +68,141 @@ yarn add @react-native-oh-tpl/react-native-code-push@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
-
-> [!WARNING] 使用时 import 的库名不变。
-
-```tsx
-
-import React, {Component} from 'react'
-import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
-import CodePush from 'react-native-code-push';
-class App extends Component<any,any>{
-    constructor(props:any) {
-        super(props);
-        this.state={
-            syncMessage:'',
-            progress:{}
-        }
-    }
-    componentDidMount() {
-        console.log('开始检查更新')
-        this.syncImmediate(); //开始检查更新
-    }
-    syncImmediate() {
-        CodePush.sync(
-            {
-                updateDialog: {
-                    appendReleaseDescription: true, //是否显示更新description，默认为false
-                    descriptionPrefix: '更新内容：', //更新说明的前缀。 默认是” Description:
-                    mandatoryContinueButtonLabel: '立即更新', //强制更新的按钮文字，默认为continue
-                    mandatoryUpdateMessage: '', //- 强制更新时，更新通知. Defaults to “An update is available that must be installed.”.
-                    optionalIgnoreButtonLabel: '稍后', //非强制更新时，取消按钮文字,默认是ignore
-                    optionalInstallButtonLabel: '后台更新', //非强制更新时，确认文字. Defaults to “Install”
-                    optionalUpdateMessage: '有新版本了，是否更新？', //非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?”.
-                    title: '更新提示', //要显示的更新通知的标题. Defaults to “Update available”.
-                },
-            },
-            this.codePushStatusDidChange.bind(this),
-            this.codePushDownloadDidProgress.bind(this),
-        );
-    }
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+import React, { Component } from "react";
+import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
+import CodePush from "react-native-code-push";
+class App extends Component<any, any> {
+  constructor(props: any) {
+    super(props);
+    this.state = {
+      syncMessage: "",
+      progress: {},
+    };
+  }
+  componentDidMount() {
+    console.log("开始检查更新");
+    this.syncImmediate(); //开始检查更新
+  }
+  syncImmediate() {
+    CodePush.sync(
+      {
+        updateDialog: {
+          appendReleaseDescription: true, //是否显示更新description，默认为false
+          descriptionPrefix: "更新内容：", //更新说明的前缀。 默认是” Description:
+          mandatoryContinueButtonLabel: "立即更新", //强制更新的按钮文字，默认为continue
+          mandatoryUpdateMessage: "", //- 强制更新时，更新通知. Defaults to “An update is available that must be installed.”.
+          optionalIgnoreButtonLabel: "稍后", //非强制更新时，取消按钮文字,默认是ignore
+          optionalInstallButtonLabel: "后台更新", //非强制更新时，确认文字. Defaults to “Install”
+          optionalUpdateMessage: "有新版本了，是否更新？", //非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?”.
+          title: "更新提示", //要显示的更新通知的标题. Defaults to “Update available”.
+        },
+      },
+      this.codePushStatusDidChange.bind(this),
+      this.codePushDownloadDidProgress.bind(this)
+    );
+  }
 
-    codePushStatusDidChange(syncStatus:string|number) {
-        switch (syncStatus) {
-            case CodePush.SyncStatus.CHECKING_FOR_UPDATE:
-                this.setState({syncMessage: 'Checking for update.'});
-                break;
-            case CodePush.SyncStatus.DOWNLOADING_PACKAGE:
-                this.setState({syncMessage: 'Downloading package.',progressModalVisible:true});
-                break;
-            case CodePush.SyncStatus.AWAITING_USER_ACTION:
-                this.setState({syncMessage: 'Awaiting user action.'});
-                break;
-            case CodePush.SyncStatus.INSTALLING_UPDATE:
-                this.setState({syncMessage: 'Installing update.',progressModalVisible:true});
-                break;
-            case CodePush.SyncStatus.UP_TO_DATE:
-                this.setState({syncMessage: 'App up to date.', progress: false});
-                break;
-            case CodePush.SyncStatus.UPDATE_IGNORED:
-                this.setState({syncMessage: 'Update cancelled by user.', progress: false,});
-                break;
-            case CodePush.SyncStatus.UPDATE_INSTALLED:
-                this.setState({syncMessage: 'Update installed and will be applied on restart.', progress: false,});
-                break;
-            case CodePush.SyncStatus.UNKNOWN_ERROR:
-                this.setState({syncMessage: 'An unknown error occurred.', progress: false,});
-                break;
-        }
+  codePushStatusDidChange(syncStatus: string | number) {
+    switch (syncStatus) {
+      case CodePush.SyncStatus.CHECKING_FOR_UPDATE:
+        this.setState({ syncMessage: "Checking for update." });
+        break;
+      case CodePush.SyncStatus.DOWNLOADING_PACKAGE:
+        this.setState({
+          syncMessage: "Downloading package.",
+          progressModalVisible: true,
+        });
+        break;
+      case CodePush.SyncStatus.AWAITING_USER_ACTION:
+        this.setState({ syncMessage: "Awaiting user action." });
+        break;
+      case CodePush.SyncStatus.INSTALLING_UPDATE:
+        this.setState({
+          syncMessage: "Installing update.",
+          progressModalVisible: true,
+        });
+        break;
+      case CodePush.SyncStatus.UP_TO_DATE:
+        this.setState({ syncMessage: "App up to date.", progress: false });
+        break;
+      case CodePush.SyncStatus.UPDATE_IGNORED:
+        this.setState({
+          syncMessage: "Update cancelled by user.",
+          progress: false,
+        });
+        break;
+      case CodePush.SyncStatus.UPDATE_INSTALLED:
+        this.setState({
+          syncMessage: "Update installed and will be applied on restart.",
+          progress: false,
+        });
+        break;
+      case CodePush.SyncStatus.UNKNOWN_ERROR:
+        this.setState({
+          syncMessage: "An unknown error occurred.",
+          progress: false,
+        });
+        break;
     }
+  }
 
-    codePushDownloadDidProgress(progress:any) {
-        this.setState({progress});
-    }
+  codePushDownloadDidProgress(progress: any) {
+    this.setState({ progress });
+  }
 
-    render(){
-        return(
-            <View style={styles.container}>
-                <Text style={styles.welcome}>欢迎使用热更新--test!</Text>
-                <Text>SyncStatus: { this.state.syncMessage}</Text>
-                <Text>{this.state.progressModalVisible.toString()}</Text>
-                <TouchableOpacity onPress={this.syncImmediate.bind(this)}>
-                    <Text style={styles.syncButton}>Press for dialog-driven sync</Text>
-                </TouchableOpacity>
-            </View>
-        )
-    }
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>欢迎使用热更新--test!</Text>
+        <Text>SyncStatus: {this.state.syncMessage}</Text>
+        <Text>{this.state.progressModalVisible.toString()}</Text>
+        <TouchableOpacity onPress={this.syncImmediate.bind(this)}>
+          <Text style={styles.syncButton}>Press for dialog-driven sync</Text>
+        </TouchableOpacity>
+      </View>
+    );
+  }
 }
 
 const styles = StyleSheet.create({
-    container:{
-        flex: 1,
-        alignItems: 'center',
-        backgroundColor: '#F5FCFF',
-        paddingTop: 10,
-    },
-    welcome:{
-        fontSize: 20,
-        textAlign: 'center',
-        margin: 10,
-    },
-    syncButton: {
-        color: 'green',
-        fontSize: 17,
-    },
-})
-
-let codePushOptions = {checkFrequency: CodePush.CheckFrequency.MANUAL};
+  container: {
+    flex: 1,
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
+    paddingTop: 10,
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: "center",
+    margin: 10,
+  },
+  syncButton: {
+    color: "green",
+    fontSize: 17,
+  },
+});
 
+let codePushOptions = { checkFrequency: CodePush.CheckFrequency.MANUAL };
 
 export default CodePush(codePushOptions)(App);
-
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -202,18 +213,15 @@ export default CodePush(codePushOptions)(App);
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -222,22 +230,22 @@ export default CodePush(codePushOptions)(App);
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 CodePushPackage
+### 3. Introducing CodePushPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -251,9 +259,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.在 ArkTs 侧引入 comparingVersion 方法
+### 4. Introduce the comparingVersion method on the ArkTs side
 
-打开 `entry/src/main/ets/pages/index.ets`，调用 comparingVersion 方法比对code-push版本号，用于覆盖安装时清除沙箱历史资源
+Open `entry/src/main/ets/pages/index.ets` and invoke the comparingVersion method to compare the code-push version number to clear historical sandbox resources during installation.
 
 ```diff
 + import { comparingVersion } from "@react-native-oh-tpl/react-native-code-push";
@@ -261,26 +269,25 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 @Entry
 @Component
 struct Index {
-  
+
   aboutToAppear() {
 +     comparingVersion(context);
   }
 }
 ```
 
+### 5. Running
 
-### 5.运行
-
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-修改`tester\harmony\entry\src\main\ets\pages\Index.ets`文件
+Modifying the `tester\harmony\entry\src\main\ets\pages\Index.ets` file.
 
 ```diff
 ...
@@ -336,7 +343,7 @@ build() {
 }
 ```
 
-打开`tester/harmony/entry/build-profile.json5`，添加配置
+Open `tester/harmony/entry/build-profile.json5` and add configuration
 
 ```diff
 {
@@ -349,9 +356,9 @@ build() {
     },
 +    "arkOptions": {
 +      "buildProfileFields": {
-+        "Staging": "", //测试环境Key
-+        "Production": "",//生产环境Key
-+        "ServerUrl": "",//服务端地址
++        "Staging": "", //Test Environment Key
++        "Production": "",//Production Environment Key
++        "ServerUrl": "",//Server address
 +        "PublicKey": "PublicKey"
       }
     }
@@ -368,61 +375,70 @@ build() {
 }
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases)
 
 ## API
 
-| Name              | Description                                                                                                                  | Type     | Required | Platform                                | HarmonyOS Support |
-| ----------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | --------------------------------------- | ----------------- |
-| sync              | sync方法，自动模式更新                                                                                                                | function | yes      | Android IOS | yes               |
-| getUpdateMetadata | 获取当前已安装更新的元数据(RemotePackage),当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                 | function | no       | Android iOS                             | yes               |
-| restartApp        | 重启App，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                        | function | no       | Android iOS                             | yes               |
-| getCurrentPackage | 获取应用版本信息，当使用sync方法时，不需要调用本方法，因为sync会自动调用                                                                                     | function | no       | Android iOS                             | yes               |
-| getConfiguration  | 获取应用配置信息，appVersion（版本号），deploymentKey（deploymentKey），serverUrl（服务器地址），clientUniqueId（唯一标识码）,当使用sync方法时，不需要调用本方法，因为sync会自动调用 | function | no       | Android iOS                             | yes               |
+| Name              | Description                                                                                                                                                                                                                                                                               | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| sync              | Sync method, automatic mode update                                                                                                                                                                                                                                                        | function | yes      | Android IOS | yes               |
+| getUpdateMetadata | Retrieve the metadata of the currently installed updates (RemotePackage). When using the sync method, there is no need to call this method as sync will automatically call it                                                                                                             | function | no       | Android iOS | yes               |
+| restartApp        | Restart the app. When using the sync method, there is no need to call this method because sync will automatically call it                                                                                                                                                                 | function | no       | Android iOS | yes               |
+| getCurrentPackage | Get application version information. When using the sync method, there is no need to call this method because sync will automatically call it                                                                                                                                             | function | no       | Android iOS | yes               |
+| getConfiguration  | Get application configuration information, appVersion (version number), deploymentKey (deploymentKey), serverless URL (server address), and client UniqueId (unique identifier). When using the sync method, there is no need to call this method because sync will automatically call it | function | no       | Android iOS | yes               |
 
 **updateDialog**
 
-当使用**CodePush.updateDialog**方法时，updateDialog以下参数都是可选的，代表更新的对话框，默认是null, 
+When using the **CodePush.updateDialog** method, the following parameters are optional, representing the updated dialog box and default to null
 
-| Name                         | Description                                                                      | Type    | Required | Platform    | HarmonyOS Support |
-| ---------------------------- | -------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
-| appendReleaseDescription     | 是否显示更新description，默认为false                                                       | boolean | no       | Android iOS | yes               |
-| descriptionPrefix            | 更新说明的前缀。 默认是” Description:                                                       | string  | no       | Android iOS | yes               |
-| mandatoryContinueButtonLabel | 强制更新的按钮文字，默认为continue                                                            | string  | no       | Android iOS | yes               |
-| mandatoryUpdateMessage       | 强制更新时，更新通知. Defaults to “An update is available that must be installed.”         | string  | no       | Android iOS | yes               |
-| optionalIgnoreButtonLabel    | updateDialog非强制更新时，取消按钮文字,默认是ignore                                              | string  | no       | Android iOS | yes               |
-| optionalInstallButtonLabel   | 非强制更新时，确认文字. Defaults to “Install”                                               | string  | no       | Android iOS | yes               |
-| optionalUpdateMessage        | 非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?” | string  | no       | Android iOS | yes               |
-| title                        | 要显示的更新通知的标题. Defaults to “Update available”.                                     | string  | no       | Android iOS | yes               |
+| Name                         | Description                                                                                                 | Type    | Required | Platform    | HarmonyOS Support |
+| ---------------------------- | ----------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| appendReleaseDescription     | Whether to display update description, default is false                                                     | boolean | no       | Android iOS | yes               |
+| descriptionPrefix            | Update the prefix of the description. The default is "Description:                                          | string  | no       | Android iOS | yes               |
+| mandatoryContinueButtonLabel | The button text for forced updates defaults to continue                                                     | string  | no       | Android iOS | yes               |
+| mandatoryUpdateMessage       | Update notifications when forced to update Defaults to “An update is available that must be installed.”     | string  | no       | Android iOS | yes               |
+| optionalIgnoreButtonLabel    | When updateDialog is not forced to update, the cancel button text defaults to ignore                        | string  | no       | Android iOS | yes               |
+| optionalInstallButtonLabel   | When non mandatory updates occur, confirm the text Defaults to “Install”                                    | string  | no       | Android iOS | yes               |
+| optionalUpdateMessage        | Update notifications when not mandatory Defaults to “An update is available. Would you like to install it?” | string  | no       | Android iOS | yes               |
+| title                        | The title of the update notification to be displayed Defaults to “Update available”.                        | string  | no       | Android iOS | yes               |
 
 **SyncStatus**
 
-当使用**CodePush.SyncStatus**时，codePushStatusDidChange回调函数中获取应用状态
+When using **CodePush.SyncStatus**, the codePushStatus DidChange callback function retrieves the application status
+
+| Name                 | Description                                                                                                                                                                                       | Type   | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| UP_TO_DATE           | A value of 0 indicates that the application has been fully updated to the configured deployment,                                                                                                  | number | no       | Android iOS | yes               |
+| UPDATE_INSTALLED     | A value of 1 indicates that an available update has been installed and will run immediately after the syncStatus ChangedCallback function returns or during the next application recovery/restart | number | no       | Android iOS | yes               |
+| UNKNOWN_ERROR        | Value 3, unknown error detected during synchronization operation                                                                                                                                  | number | no       | Android iOS | yes               |
+| CHECKING_FOR_UPDATE  | Value is 5, checking if there are any updates to the CodePush server                                                                                                                              | number | no       | Android iOS | yes               |
+| AWAITING_USER_ACTION | The value is 6, there are updates available, and a confirmation dialog box is displayed to the end user. (Applicable only when used with updateDialog)                                            | number | no       | Android iOS | yes               |
+| DOWNLOADING_PACKAGE  | A value of 7, available updates downloaded from CodePush server                                                                                                                                   | number | no       | Android iOS | yes               |
+| INSTALLING_UPDATE    | Value is 8, available updates have been downloaded and will be installed                                                                                                                          | number | no       | Android iOS | yes               |
 
-| Name                 | Description                                                         | Type   | Required | Platform    | HarmonyOS Support |
-| -------------------- | ------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| UP_TO_DATE           | 值为0，代表应用程序已完全更新到配置的部署,                                              | number | no       | Android iOS | yes               |
-| UPDATE_INSTALLED     | 值为1，已安装可用更新，并将在syncStatusChangedCallback函数返回后立即运行或在下次应用程序恢复/重新启动时运行 | number | no       | Android iOS | yes               |
-| UNKNOWN_ERROR        | 值为3，同步操作发现未知错误                                                      | number | no       | Android iOS | yes               |
-| CHECKING_FOR_UPDATE  | 值为5，正在查询 CodePush 服务器是否有更新                                          | number | no       | Android iOS | yes               |
-| AWAITING_USER_ACTION | 值为6，有更新可用，并向最终用户显示确认对话框。（仅在updateDialog使用时适用）                       | number | no       | Android iOS | yes               |
-| DOWNLOADING_PACKAGE  | 值为7，在从 CodePush 服务器下载可用更新                                           | number | no       | Android iOS | yes               |
-| INSTALLING_UPDATE    | 值为8，已下载可用更新并将安装                                                     | number | no       | Android iOS | yes               |
+**installMode**
 
+When using **CodePush.InstallMode**, the following parameters are optional: installMode
 
+| Name            | Description        | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------ | ------ | -------- | ----------- | ----------------- |
+| IMMEDIATE       | Directly update    | number | no       | Android iOS | yes               |
+| ON_NEXT_RESTART | Next update launch | number | no       | Android iOS | yes               |
+| ON_NEXT_RESUME  | Next update launch | number | no       | Android iOS | yes               |
+| ON_NEXT_SUSPEND | Next update launch | number | no       | Android iOS | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/microsoft/react-native-code-push/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/microsoft/react-native-code-push/blob/master/LICENSE.md).
diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 307c5756..2aeb5fcf 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -73,7 +73,7 @@ yarn add @react-native-oh-tpl/react-native-code-push@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```tsx
+```js
 
 import React, {Component} from 'react'
 import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
@@ -417,7 +417,16 @@ build() {
 | DOWNLOADING_PACKAGE  | 值为7，在从 CodePush 服务器下载可用更新                                           | number | no       | Android iOS | yes               |
 | INSTALLING_UPDATE    | 值为8，已下载可用更新并将安装                                                     | number | no       | Android iOS | yes               |
 
+**installMode**
 
+当使用**CodePush.InstallMode**时，installMode 以下参数都是可选的
+
+| Name            | Description  | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------ | ------ | -------- | ----------- | ----------------- |
+| IMMEDIATE       | 直接更新     | number | no       | Android iOS | yes               |
+| ON_NEXT_RESTART | 下次启动更新 | number | no       | Android iOS | yes               |
+| ON_NEXT_RESUME  | 下次启动更新 | number | no       | Android iOS | yes               |
+| ON_NEXT_SUSPEND | 下次启动更新 | number | no       | Android iOS | yes               |
 
 ## 遗留问题
 

From a7a3b12abe5c2629e846e2e1effb7461582af401 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Wed, 6 Nov 2024 07:07:21 +0000
Subject: [PATCH 820/966] =?UTF-8?q?!1834=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-phone-number-input=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IB1W9R]=20=E4=BF=AE=E6=94=B9react-na?=
 =?UTF-8?q?tive-phone-number-input=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-phone-number-input.md    | 8 +++++++-
 zh-cn/react-native-phone-number-input.md | 7 ++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/en/react-native-phone-number-input.md b/en/react-native-phone-number-input.md
index 0af9ebe1..9eb622b0 100644
--- a/en/react-native-phone-number-input.md
+++ b/en/react-native-phone-number-input.md
@@ -21,7 +21,7 @@
 #### **npm**
 
 ```bash
-npm npm i react-native-phone-number-input@2.1.0 --save
+npm i react-native-phone-number-input@2.1.0 --save
 ```
 
 #### **yarn**
@@ -152,6 +152,12 @@ const styles = StyleSheet.create({
 });
 ```
 
+## Link
+
+The HarmonyOS implementation of this library depends on the native code from react-native-country-picker-modal. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
+
+If it is not included, follow the guide provided in [react-native-country-picker-modal](/en/react-native-country-picker-modal.md) to add it to your project.
+
 ## Constraints
 
 ### Compatibility
diff --git a/zh-cn/react-native-phone-number-input.md b/zh-cn/react-native-phone-number-input.md
index 81ac5b7b..5267a88f 100644
--- a/zh-cn/react-native-phone-number-input.md
+++ b/zh-cn/react-native-phone-number-input.md
@@ -21,7 +21,7 @@
 #### **npm**
 
 ```bash
-npm npm i react-native-phone-number-input@2.1.0 --save
+npm i react-native-phone-number-input@2.1.0 --save
 ```
 
 #### **yarn**
@@ -151,6 +151,11 @@ const styles = StyleSheet.create({
   },
 });
 ```
+## Link
+
+本库依赖react-native-country-picker-modal，如已在鸿蒙工程中引入过该库，则无需再次引入。
+
+如未引入请参照[react-native-country-picker-modal 文档](/zh-cn/react-native-country-picker-modal.md)进行引入
 
 ## 约束与限制
 

From fde28f89654bc7191bccdfdcb8267c45abf809bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Wed, 6 Nov 2024 07:20:17 +0000
Subject: [PATCH 821/966] =?UTF-8?q?!1847=20docs:=20[Issues:=20#IB2E0E]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20react-native-cameraroll(nocodegen)=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IB2E0E]=20=E6=96=B0=E5=A2=9E=20react-native-cameraroll(nocodege?=
 =?UTF-8?q?n)=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-cameraroll(nocodegen) .md    | 259 ++++++++++++++++++
 zh-cn/react-native-cameraroll(nocodegen) .md | 262 +++++++++++++++++++
 2 files changed, 521 insertions(+)
 create mode 100644 en/react-native-cameraroll(nocodegen) .md
 create mode 100644 zh-cn/react-native-cameraroll(nocodegen) .md

diff --git a/en/react-native-cameraroll(nocodegen) .md b/en/react-native-cameraroll(nocodegen) .md
new file mode 100644
index 00000000..82161134
--- /dev/null
+++ b/en/react-native-cameraroll(nocodegen) .md	
@@ -0,0 +1,259 @@
+> Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-cameraroll</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-cameraroll/react-native-cameraroll">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/react-native-cameraroll/react-native-cameraroll/blob/master/LICENCE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-cameraroll)
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases).
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/camera-roll@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/camera-roll@file:#
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+import { View, Button } from "react-native";
+import {
+  CameraRoll
+} from "@react-native-camera-roll/camera-roll";
+
+export default function App() {
+  return (
+    <View>
+      <Button
+        title="savePhotos"
+        onPress={() => {
+          CameraRoll.saveAsset("https://res.vmallres.com/uomcdn/CN/cms/202408/5442d69d916d4bcf9ee740d595a164fb.jpg").then((res) => {
+            console.log('res-----',res);
+          });
+        }}
+      />
+    </View>
+  );
+}
+```
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Currently, two methods are available:
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/camera-roll": "file:../../node_modules/@react-native-oh-tpl/camera-roll/harmony/camera_roll.har"
+}
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
+
+### 3. Configuring CMakeLists and Introducing CameraRollPackage
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/camera-roll/src/main/cpp" ./camera-roll)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_camera_roll)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "CameraRollPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<CameraRollPackage>(ctx)
+    };
+}
+```
+
+### 4. Introducing CameraRollPackage to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
+
+```diff
+import type {RNPackageContext, RNPackage} from 'rnoh/ts';
+import {SamplePackage} from 'rnoh-sample-package/ts';
++ import { CameraRollPackage } from '@react-native-oh-tpl/camera-roll/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new CameraRollPackage(ctx)
+  ];
+}
+```
+
+### 5. Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/camera-roll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)
+
+## Static Methods
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+> [!tip] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
+
+**CameraRoll**
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support | Remarks |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ | ---- |
+| save | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
+| saveAsset | 保存图片/视频 | function | no | iOS/Android | partially |  |
+| saveToCameraRoll | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，调用会弹出警告，可用saveAsset接口代替。 |
+| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+
+## APIs
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                                       | Description  | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
+| :----------------------------------------- | :----------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| `iosReadGalleryPermission`                 | 权限验证     | function | no       | iOS      | no                |                                                              |
+| `iosRequestReadWriteGalleryPermission`     | 读写权限申请 | function | no       | iOS      | no                |                                                              |
+| `iosRequestAddOnlyGalleryPermission`       | 添加权限申请 | function | no       | iOS      | no                |                                                              |
+| `iosRefreshGallerySelection`               | 图片列表刷新 | function | no       | iOS      | no                |                                                              |
+| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRefreshGallerySelection`           | 图片列表刷新 | function | no       | harmony  | no                |                                                              |
+
+## Known Issues
+
+- [ ] deletePhotos删除图片/视频，未实现 HarmonyOS 化: [issue#5](https://github.com/react-native-oh-library/react-native-cameraroll/issues/5)
+- [ ] harmonyRefreshGallerySelection，HarmonyOS 暂无对应图片列表刷新的接口：[issue#8](https://github.com/react-native-oh-library/react-native-cameraroll/issues/8)
+- [ ] 部分接口由于Harmony OS安全策略调整无法使用: [issue#25](https://github.com/react-native-oh-library/react-native-cameraroll/issues/25)
+- [ ] saveAsset接口未完全支持: [issue#26](https://github.com/react-native-oh-library/react-native-cameraroll/issues/26)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-cameraroll/react-native-cameraroll/blob/master/LICENCE).
diff --git a/zh-cn/react-native-cameraroll(nocodegen) .md b/zh-cn/react-native-cameraroll(nocodegen) .md
new file mode 100644
index 00000000..ed072769
--- /dev/null
+++ b/zh-cn/react-native-cameraroll(nocodegen) .md	
@@ -0,0 +1,262 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-cameraroll</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/react-native-cameraroll/react-native-cameraroll">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+        <a href="https://github.com/react-native-cameraroll/react-native-cameraroll/blob/master/LICENCE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-cameraroll)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/camera-roll@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/camera-roll@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import { View, Button } from "react-native";
+import {
+  CameraRoll
+} from "@react-native-camera-roll/camera-roll";
+
+export default function App() {
+  return (
+    <View>
+      <Button
+        title="savePhotos"
+        onPress={() => {
+          CameraRoll.saveAsset("https://res.vmallres.com/uomcdn/CN/cms/202408/5442d69d916d4bcf9ee740d595a164fb.jpg").then((res) => {
+            console.log('res-----',res);
+          });
+        }}
+      />
+    </View>
+  );
+}
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/camera-roll": "file:../../node_modules/@react-native-oh-tpl/camera-roll/harmony/camera_roll.har"
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 CameraRollPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/camera-roll/src/main/cpp" ./camera-roll)
+# RNOH_END: manual_package_linking_1
+
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_camera_roll)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "CameraRollPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<CameraRollPackage>(ctx)
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 CameraRollPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+import type {RNPackageContext, RNPackage} from 'rnoh/ts';
+import {SamplePackage} from 'rnoh-sample-package/ts';
++ import { CameraRollPackage } from '@react-native-oh-tpl/camera-roll/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new CameraRollPackage(ctx)
+  ];
+}
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/camera-roll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+> [!tip] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
+
+**CameraRoll**
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support | Remarks |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ | ---- |
+| save | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
+| saveAsset | 保存图片/视频 | function | no | iOS/Android | partially |  |
+| saveToCameraRoll | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，调用会弹出警告，可用saveAsset接口代替。 |
+| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                       | Description  | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
+| :----------------------------------------- | :----------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| `iosReadGalleryPermission`                 | 权限验证     | function | no       | iOS      | no                |                                                              |
+| `iosRequestReadWriteGalleryPermission`     | 读写权限申请 | function | no       | iOS      | no                |                                                              |
+| `iosRequestAddOnlyGalleryPermission`       | 添加权限申请 | function | no       | iOS      | no                |                                                              |
+| `iosRefreshGallerySelection`               | 图片列表刷新 | function | no       | iOS      | no                |                                                              |
+| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyRefreshGallerySelection`           | 图片列表刷新 | function | no       | harmony  | no                |                                                              |
+
+## 遗留问题
+
+- [ ] deletePhotos删除图片/视频，未实现 HarmonyOS 化: [issue#5](https://github.com/react-native-oh-library/react-native-cameraroll/issues/5)
+- [ ] harmonyRefreshGallerySelection，HarmonyOS 暂无对应图片列表刷新的接口：[issue#8](https://github.com/react-native-oh-library/react-native-cameraroll/issues/8)
+- [ ] 部分接口由于Harmony OS安全策略调整无法使用: [issue#25](https://github.com/react-native-oh-library/react-native-cameraroll/issues/25)
+- [ ] saveAsset接口未完全支持: [issue#26](https://github.com/react-native-oh-library/react-native-cameraroll/issues/26)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-cameraroll/react-native-cameraroll/blob/master/LICENCE) ，请自由地享受和参与开源。

From c795680d207990157f3caafb6f1d0cd70285c229 Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Wed, 6 Nov 2024 07:25:37 +0000
Subject: [PATCH 822/966] =?UTF-8?q?!1842=20docs:=20[Issues:=20#IB27PV]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB27PV]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-elements.md    | 2 +-
 zh-cn/react-native-elements.md | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/en/react-native-elements.md b/en/react-native-elements.md
index b4a9c58f..17951a94 100644
--- a/en/react-native-elements.md
+++ b/en/react-native-elements.md
@@ -520,7 +520,7 @@ This document is verified based on the following versions:
 | :--: | :--------------------: | :----------------: | :------: | :------: | :---------------: |
 | type | Outer container style. | `solid`，`outline` |    No    |   All    |        Yes        |
 
-**Dialog**: 对话框组件，接收所有 [Overlay](https://reactnativeelements.com/docs/components/overlay#props) 的 props
+**Dialog**: 对话框组件
 
 |      Name      |                        Description                        |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index 27ab7595..96d04142 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -733,7 +733,7 @@ export default Avatars;
 | :---: | :--------------: | :-----: | :------: | :------: | :---------------: |
 | right | Add right title. | boolean |    No    |    No    |        No         |
 
-**Overlay**：弹窗组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的props
+**Overlay**：弹窗组件
 
 |      Name       |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
 | :-------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -897,7 +897,7 @@ export default Avatars;
 | :------------: | :--------------------: | :-----: | :------: | :------: | :---------------: |
 | labelPressable | onPress on Label Press | boolean |    No    |   All    |        Yes        |
 
-**Switch**：滑动开关组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+**Switch**：滑动开关组件，接收所有[React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) 的props
 
 | Name  |            Description             |  Type  | Required | Platform | HarmonyOS Support |
 | :---: | :--------------------------------: | :----: | :------: | :------: | :---------------: |

From 76180740d1e454d4013c6321d91f36fc2bda8559 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Wed, 6 Nov 2024 09:15:42 +0000
Subject: [PATCH 823/966] =?UTF-8?q?!1849=20docs:=20=E7=BF=BB=E8=AF=91react?=
 =?UTF-8?q?-native-background-timer=E7=AD=89=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IB117J]=20react-native-back?=
 =?UTF-8?q?ground-timer.md=20*=20docs:=20[Issues:=20#IB117J]=20react-nativ?=
 =?UTF-8?q?e-incall-manager.md=20*=20docs:=20[Issues:=20#IB117J]=20react-n?=
 =?UTF-8?q?ative-mlkit-ocr.md=20*=20docs:=20[Issues:=20#IB117J]=20react-na?=
 =?UTF-8?q?tive-root-toast.md=20*=20docs:=20[Issues:=20#IB117J]=20react-na?=
 =?UTF-8?q?tive-size-matters.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-background-timer.md | 137 +++++++++++-------------
 en/react-native-incall-manager.md   | 156 +++++++++++++---------------
 en/react-native-mlkit-ocr.md        | 102 +++++++++---------
 en/react-native-root-toast.md       |  36 +++----
 en/react-native-size-matters.md     |  96 +++++++++--------
 5 files changed, 254 insertions(+), 273 deletions(-)

diff --git a/en/react-native-background-timer.md b/en/react-native-background-timer.md
index 8bcd68a4..12de4f5b 100644
--- a/en/react-native-background-timer.md
+++ b/en/react-native-background-timer.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.1
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-background-timer</code> </h1>
@@ -13,16 +13,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-background-timer)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-background-timer)
 
+## Installation and Usage
 
-## 安装与使用
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases).
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases)，并下载适用版本的 tgz 包。
+Go to the project directory and execute the following instruction:
 
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -40,9 +39,9 @@ yarn add @react-native-oh-tpl/react-native-background-timer@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import {View, Button, StyleSheet, Text,TextInput} from 'react-native';
@@ -51,37 +50,34 @@ import BackgroundTimer from "react-native-background-timer";
 export function BackgroundTimerExample() {
   let [count, setCount] = useState(0);
   let [text, setText] = useState("");
-  // BackgroundTimer延时
   let [delay, setDelay] = useState("1000");
-  // setTimeout延时
   let [timeoutDelay, setTimeoutDelay] = useState("1000");
-  // setInterval延时
   let [intervalDelay, setIntervalDelay] = useState("1000");
   let timeoutList:number[] = []
   let [intervalList, setIntervalList] = useState<number[]>([]);
- 
+
   // runBackgroundTimer
   function onPressStart(){
-    setText("开启定时器...")
+    setText("Turn on the timer...")
     BackgroundTimer.runBackgroundTimer(()=>{
       setCount(count+=1)
     },parseInt(delay))
   }
   function onPressStop(){
-    setText("结束定时器")
+    setText("Turn off the timer")
     BackgroundTimer.stopBackgroundTimer()
   }
 
   // setTimeout
   function setTimeoutStart(){
-    setText("开启定时器...")
+    setText("Turn on the timer...")
     let timeoutId = BackgroundTimer.setTimeout(()=>{
       setCount(count+=1)
     },parseInt(timeoutDelay))
     timeoutList.push(timeoutId)
   }
   function setTimeoutStop(){
-    setText("结束定时器")
+    setText("Turn off the timer")
     if(timeoutList.length>0){
       BackgroundTimer.clearTimeout(timeoutList[0])
       timeoutList.shift()
@@ -90,14 +86,14 @@ export function BackgroundTimerExample() {
 
   // setInterval
   function setIntervalStart(){
-    setText("开启定时器...")
+    setText("Turn on the timer...")
     let intervalId = BackgroundTimer.setInterval(()=>{
       setCount(count+=1)
     },parseInt(intervalDelay))
     setIntervalList([...intervalList,intervalId])
   }
   function setIntervalStop(){
-    setText("结束定时器")
+    setText("Turn off the timer")
     if(intervalList.length>0){
       BackgroundTimer.clearInterval(intervalList[0])
       intervalList.shift()
@@ -117,7 +113,7 @@ export function BackgroundTimerExample() {
           />
           <TextInput
             style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
-            placeholder="BackgroundTimer延时"
+            placeholder="BackgroundTimer delay"
             onChangeText={(value)=>{setDelay(value)}}
             value={delay}
           />
@@ -129,7 +125,7 @@ export function BackgroundTimerExample() {
           />
         </View>
       </View>
-      
+
       <View style={styles.container}>
         <View style={styles.viewStyle}>
           <Button
@@ -138,7 +134,7 @@ export function BackgroundTimerExample() {
           />
           <TextInput
             style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
-            placeholder="setTimeout延时"
+            placeholder="setTimeout delay"
             onChangeText={(value)=>{setTimeoutDelay(value)}}
             value={timeoutDelay}
           />
@@ -150,7 +146,7 @@ export function BackgroundTimerExample() {
           />
         </View>
       </View>
-      
+
       <View style={styles.container}>
         <View style={styles.viewStyle}>
           <Button
@@ -171,7 +167,7 @@ export function BackgroundTimerExample() {
           />
         </View>
       </View>
-      
+
       <View style={[styles.viewStyle,styles.resetStyle]}>
         <Button
           onPress={resetNumber}
@@ -209,11 +205,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -224,18 +220,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -244,20 +237,20 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -266,16 +259,16 @@ ohpm install
   }
 ```
 
-打开终端，执行：
+Opening the terminal and executing:
 
 ```bash
 cd entry
 ohpm install --no-link
 ```
 
-### 3.在 ArkTs 侧引入 BackgroundTimerTurboModulePackage
+### 3. Introducing BackgroundTimerTurboModulePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -283,64 +276,60 @@ ohpm install --no-link
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
-    new SamplePackage(ctx), 
+    new SamplePackage(ctx),
 +   new BackgroundTimerTurboModulePackage(ctx)
     ];
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
-
-### 兼容性
+Then build and run the code.
 
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases)
 
-本文档内容基于以下版本验证通过：
-
+This document is verified based on the following versions:
 
 RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.19;
 
-
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | -------- | -------- | ------------------ |
-| runBackgroundTimer  | 开启定时器，以固定的时间间隔重复执行指定代码     | no | all      | yes |
-| stopBackgroundTimer  | 结束runBackgroundTimer开启的定时器     | no | all      | yes |
-| start  | 后台开启新任务     | no | all     | no |
-| stop  | 结束后台任务    | no | all      | no |
-| setTimeout  | 开启定时器，定时器到期会执行指定代码，只会执行一次     | no | Android      | yes |
-| clearTimeout  | 结束setTimeout开启的定时器          | no | Android      | yes |
-| setInterval  | 开启定时器，以固定的时间间隔重复执行指定代码         | no | Android      | yes |
-| clearInterval  | 结束setInterval开启的定时器           | no | Android      | yes |
+| Name                | Description                                        | Required | Platform | HarmonyOS Support |
+| ------------------- | -------------------------------------------------- | -------- | -------- | ----------------- |
+| runBackgroundTimer  | 开启定时器，以固定的时间间隔重复执行指定代码       | no       | all      | yes               |
+| stopBackgroundTimer | 结束 runBackgroundTimer 开启的定时器               | no       | all      | yes               |
+| start               | 后台开启新任务                                     | no       | all      | no                |
+| stop                | 结束后台任务                                       | no       | all      | no                |
+| setTimeout          | 开启定时器，定时器到期会执行指定代码，只会执行一次 | no       | Android  | yes               |
+| clearTimeout        | 结束 setTimeout 开启的定时器                       | no       | Android  | yes               |
+| setInterval         | 开启定时器，以固定的时间间隔重复执行指定代码       | no       | Android  | yes               |
+| clearInterval       | 结束 setInterval 开启的定时器                      | no       | Android  | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] 使用worker开的新线程中不支持RNOHContext序列化传参，底层OS暂不支持，导致无法在新线程中发送事件，需要底层OS框架实现相关业务功能。不开线程的情况下，因setTimeout属于异步方法，定时器效果不受影响。[worker线程遗留问题:start和stop接口， HarmonyOS RN框架暂不支持](https://github.com/react-native-oh-library/react-native-background-timer/issues/3)
+- [ ] 使用 worker 开的新线程中不支持 RNOHContext 序列化传参，底层 OS 暂不支持，导致无法在新线程中发送事件，需要底层 OS 框架实现相关业务功能。不开线程的情况下，因 setTimeout 属于异步方法，定时器效果不受影响。[worker 线程 Known Issues:start 和 stop 接口， HarmonyOS RN 框架暂不支持](https://github.com/react-native-oh-library/react-native-background-timer/issues/3)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE).
diff --git a/en/react-native-incall-manager.md b/en/react-native-incall-manager.md
index c8c83503..45e1a225 100644
--- a/en/react-native-incall-manager.md
+++ b/en/react-native-incall-manager.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> 
@@ -15,18 +15,15 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-incall-manager)
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-incall-manager)
+## Installation and Usage
 
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases).
 
-## 安装与使用
+Go to the project directory and execute the following instruction:
 
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)，并下载适用版本的 tgz 包。
-
-进入到工程目录并输入以下命令：
-
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -45,16 +42,16 @@ yarn add @react-native-oh-tpl/react-native-incall-manager@file:#
 <!-- tabs:end -->
 
 **关于音频文件放置**
-> [!WARNING] 由于HarmonyOS暂不支持普通应用获取系统铃声，需要手动导入音频文件.
-将音频文件至HarmonyOS 工程 `harmony`，entry/src/main/resources/rawfile文件夹下，音频文件命名如下：
-incallmanager_busytone.mp3  
-incallmanager_ringback.mp3  
-incallmanager_ringtone.mp3 
 
-下面的代码展示了这个库的基本使用场景：
+> [!WARNING] 由于 HarmonyOS 暂不支持普通应用获取系统铃声，需要手动导入音频文件.
+> 将音频文件至 HarmonyOS 工程 `harmony`，entry/src/main/resources/rawfile 文件夹下，音频文件命名如下：
+> incallmanager_busytone.mp3  
+> incallmanager_ringback.mp3  
+> incallmanager_ringtone.mp3
 
-> [!WARNING] 使用时 import 的库名不变。
+The following code shows the basic use scenario of the repository:
 
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 
@@ -263,15 +260,15 @@ export default function InCallManagerExample() {
                 </Text>
 
                 <Text numberOfLines={0} style={{ color: 'blue' }}>
-                    noisyAudioEvent(iOS不支持):{JSON.stringify(noisyAudioEvent)}
+                    noisyAudioEvent(iOS is not supported):{JSON.stringify(noisyAudioEvent)}
                 </Text>
 
                 <Text numberOfLines={0} style={{ color: 'blue' }}>
-                    mediaButtonEvent(iOS不支持):{JSON.stringify(mediaButtonEvent)}
+                    mediaButtonEvent(iOS is not supported):{JSON.stringify(mediaButtonEvent)}
                 </Text>
 
                 <Text numberOfLines={0} style={{ color: 'blue' }}>
-                    onAudioFocusChange(iOS不支持):{JSON.stringify(onAudioFocusChange)}
+                    onAudioFocusChange(iOS is not supported):{JSON.stringify(onAudioFocusChange)}
                 </Text>
 
                 <TouchableOpacity
@@ -281,7 +278,7 @@ export default function InCallManagerExample() {
                         setChangeType(changeType == 'audio' ? 'video' : 'audio');
                     }}>
                     <Text style={{ color: 'red' }}>
-                        切换为{changeType == 'audio' ? 'video' : 'audio'}
+                        Switch to{changeType == 'audio' ? 'video' : 'audio'}
                     </Text>
                 </TouchableOpacity>
             </View>
@@ -458,14 +455,14 @@ export default function InCallManagerExample() {
                     onPress={() => {
                         setFlashOn(true, 100);
                     }}>
-                    <Text style={{ color: '#000' }}>setFlashOn=true(Android不支持)</Text>
+                    <Text style={{ color: '#000' }}>setFlashOn=true(Android is not supported)</Text>
                 </TouchableOpacity>
 
                 <TouchableOpacity
                     onPress={() => {
                         setFlashOn(false, 50);
                     }}>
-                    <Text style={{ color: '#000' }}>setFlashOn=false(Android不支持)</Text>
+                    <Text style={{ color: '#000' }}>setFlashOn=false(Android is not supported)</Text>
                 </TouchableOpacity>
 
                 <TouchableOpacity
@@ -489,13 +486,14 @@ export default function InCallManagerExample() {
 
 
 ```
+
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -506,18 +504,15 @@ export default function InCallManagerExample() {
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2.Introducing Native Code
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -527,22 +522,22 @@ export default function InCallManagerExample() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 RNInCallManagerPackage
+### 3. Configuring CMakeLists and Introducing RNInCallManagerPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -580,7 +575,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -597,9 +592,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNInCallManagerPackage
+### 4. Introducing RNInCallManagerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，或者`entry/src/main/ets/rn/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import { RNInCallManagerPackage } from '@react-native-oh-tpl/react-native-incall-manager/ts';
@@ -612,34 +607,35 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
-### 兼容性
+## Constraints
 
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)
 
+### Permission Requirements
 
-### 应用权限申请
 > [!TIP] "ohos.permission.RUNNING_LOCK"，"ohos.permission.KEEP_BACKGROUND_RUNNING"权限等级为<B>normal</B>,授权方式为<B>system_grant</B>
 > "ohos.permission.MICROPHONE"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
-#### 在 entry 目录下的module.json5中添加权限
-在 `YourProject/entry/src/main/module.json5`补上配置
+#### Include applicable permissions in the module.json5 file within the entry directory.
+
+Add configuration to `YourProject/entry/src/main/module.json5`
 
 ```diff
 {
@@ -656,7 +652,7 @@ ohpm install
 +       "reason": "$string:Access_micphone",
 +       "usedScene": {"when": "inuse"}
 +     },
-+     { "name": "ohos.permission.KEEP_BACKGROUND_RUNNING"，  
++     { "name": "ohos.permission.KEEP_BACKGROUND_RUNNING"，
 +       "usedScene": {
 +          "when": "always"
 +        }
@@ -665,11 +661,12 @@ ohpm install
   }
 }
 ```
-在 `YourProject/entry/src/main/resources/base/element/string.json`补上配置
 
-#### 在 entry 目录下添加申请权限的原因
+Add configuration to `YourProject/entry/src/main/resources/base/element/string.json`
 
-打开 `entry/src/main/resources/base/element/string.json`，添加：
+#### Apply the reasons for applicable permission in the entry directory.
+
+Open `entry/src/main/resources/base/element/string.json` file and add：
 
 ```diff
 ...
@@ -683,13 +680,11 @@ ohpm install
 }
 ```
 
+## Static method
 
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-## 静态方法
-
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -716,30 +711,29 @@ ohpm install
 | setFlashOn  | set flash light on/off          | (enable: boolean, brightness: number) => void  | no | iOS      | yes |
 | getIsWiredHeadsetPluggedIn  | return wired headset plugged in state          | () => Promise<\{ isWiredHeadsetPluggedIn: boolean \}>  | no | all      | yes |
 
-### Event(事件监听)
+### Event(Event Listening)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| Proximity  | proximity sensor detected changes.         | (data: \{'isNear': boolean\}) => void  | no | all      | yes |
-| WiredHeadset  | fire when wired headset plug/unplug         | (data: \{'isPlugged': boolean, 'hasMic': boolean, 'deviceName': string \}) => void  | no | all      | yes |
-| NoisyAudio  | a hint for applications that audio is about to become 'noisy' due to a change in audio outputs.          | () => void  | no | Android      | yes |
-| MediaButton  | when external device controler pressed button         | (data: \{'eventText': string, 'eventCode': number \}) => void  | no | Android      | yes |
-| onAudioFocusChange  | Called on the listener to notify it the audio focus for this listener has been changed.         | (data: \{'eventText': string, 'eventCode': number }) => void  | no | Android      | yes |
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name               | Description                                                                                     | Type                                                                               | Required | Platform | HarmonyOS Support |
+| ------------------ | ----------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| Proximity          | proximity sensor detected changes.                                                              | (data: \{'isNear': boolean\}) => void                                              | no       | all      | yes               |
+| WiredHeadset       | fire when wired headset plug/unplug                                                             | (data: \{'isPlugged': boolean, 'hasMic': boolean, 'deviceName': string \}) => void | no       | all      | yes               |
+| NoisyAudio         | a hint for applications that audio is about to become 'noisy' due to a change in audio outputs. | () => void                                                                         | no       | Android  | yes               |
+| MediaButton        | when external device controler pressed button                                                   | (data: \{'eventText': string, 'eventCode': number \}) => void                      | no       | Android  | yes               |
+| onAudioFocusChange | Called on the listener to notify it the audio focus for this listener has been changed.         | (data: \{'eventText': string, 'eventCode': number }) => void                       | no       | Android  | yes               |
 
-## 遗留问题
+## Known Issues
 
-- [ ] 打开关闭麦克风静音setMicrophoneMute，未实现 HarmonyOS化 问题: [issue#1](https://github.com/react-native-oh-library/react-native-incall-manager/issues/1)
-- [ ] 播放获取系统铃声，未实现 HarmonyOS化  问题: [issue#2](https://github.com/react-native-oh-library/react-native-incall-manager/issues/2)
-- [ ] 手动切换输出设备扬声器与听筒切换setSpeakerphoneOn、setForceSpeakerphoneOn，未实现 HarmonyOS化  问题: [issue#3](https://github.com/react-native-oh-library/react-native-incall-manager/issues/3)
-- [ ] 手动切换音频输入输出设备chooseAudioRoute，未实现 HarmonyOS化  问题: [issue#4](https://github.com/react-native-oh-library/react-native-incall-manager/issues/4)
+- [ ] 打开关闭麦克风静音 setMicrophoneMute，未实现 HarmonyOS 化 问题: [issue#1](https://github.com/react-native-oh-library/react-native-incall-manager/issues/1)
+- [ ] 播放获取系统铃声，未实现 HarmonyOS 化 问题: [issue#2](https://github.com/react-native-oh-library/react-native-incall-manager/issues/2)
+- [ ] 手动切换输出设备扬声器与听筒切换 setSpeakerphoneOn、setForceSpeakerphoneOn，未实现 HarmonyOS 化 问题: [issue#3](https://github.com/react-native-oh-library/react-native-incall-manager/issues/3)
+- [ ] 手动切换音频输入输出设备 chooseAudioRoute，未实现 HarmonyOS 化 问题: [issue#4](https://github.com/react-native-oh-library/react-native-incall-manager/issues/4)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The ISC License (ISC)](https://github.com/react-native-webrtc/react-native-incall-manager/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The ISC License (ISC)](https://github.com/react-native-webrtc/react-native-incall-manager/blob/master/LICENSE).
diff --git a/en/react-native-mlkit-ocr.md b/en/react-native-mlkit-ocr.md
index 55d6e930..4df5bdba 100644
--- a/en/react-native-mlkit-ocr.md
+++ b/en/react-native-mlkit-ocr.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-mlkit-ocr</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-mlkit-ocr)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-mlkit-ocr)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-mlkit-ocr@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from 'react';
@@ -108,7 +108,7 @@ export const OcrTest = () => {
             )}
 
             <Button
-                title="识别网络照片"
+                title="Recognize online photos"
                 onPress={() => {
                     MlkitOcr.detectFromUri('https://res.vmallres.com//uomcdn/CN/pms/202407/E3B48F7290631FAF341FDB09CF907F03.jpg').then(res => {
                         setTimeout(() => {
@@ -121,7 +121,7 @@ export const OcrTest = () => {
                 }}
             />
             <Button
-                title="识别本地照片"
+                title="Recognize local photos"
                 onPress={() => {
                     MlkitOcr.detectFromFile('file://docs/storage/Users/currentUser/test/1.jpg').then(res => {
                         setTimeout(() => {
@@ -140,11 +140,11 @@ export const OcrTest = () => {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -155,18 +155,15 @@ export const OcrTest = () => {
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -176,22 +173,22 @@ export const OcrTest = () => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 RNMlkitOcrPackage
+### 3. Configuring CMakeLists and Introducing RNMlkitOcrPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -229,7 +226,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -246,9 +243,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNMlkitOcrPackage
+### 4. Introducing RNMlkitOcrPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import { RNMlkitOcrPackage } from '@react-native-oh-tpl/react-native-mlkit-ocr/ts';
@@ -261,11 +258,11 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.应用权限申请
+### 5. Permission Requirements
 
 > [!tip] "ohos.permission.INTERNET"权限等级为<B>normal</B>，授权方式为<B>system_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
-在 `YourProject/entry/src/main/module.json5`补上配置
+Add configuration to `YourProject/entry/src/main/module.json5`
 
 ```diff
 {
@@ -284,47 +281,42 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
+### 6. Running
 
+Click the `sync` button in the upper right corner.
 
-### 6.运行
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
-
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)
+### Compatibility
 
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-| NAME         | Description                                                             | TYPE | Required | Platform | HarmonyOS Support |
-| ---------------- | ------------------------------------------ |--------------------------------- | ------ | -------- | -------- |
-| detectFromUri(uri)| 传入网络图片地址 | Function  |Yes| All      | Yes      |
-| detectFromFile(path) | 传入本地图片地址 | Function |Yes| All      | Yes      |
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| NAME                 | Description      | TYPE     | Required | Platform | HarmonyOS Support |
+| -------------------- | ---------------- | -------- | -------- | -------- | ----------------- |
+| detectFromUri(uri)   | 传入网络图片地址 | Function | Yes      | All      | Yes               |
+| detectFromFile(path) | 传入本地图片地址 | Function | Yes      | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/agoldis/react-native-mlkit-ocr/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/agoldis/react-native-mlkit-ocr/blob/main/LICENSE).
diff --git a/en/react-native-root-toast.md b/en/react-native-root-toast.md
index f9f57bc5..2885b23f 100644
--- a/en/react-native-root-toast.md
+++ b/en/react-native-root-toast.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-root-toast</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/magicismight/react-native-root-toast)
+> [!TIP] [GitHub address](https://github.com/magicismight/react-native-root-toast)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,7 +35,7 @@ yarn add react-native-root-toast@3.5.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useState } from "react";
@@ -55,7 +55,7 @@ import Toast from "react-native-root-toast";
 export function ReactNativeRootToastExample() {
   let PToast: any = null;
   function startPToast() {
-    PToast = Toast.show("超长待机弹窗实例", {
+    PToast = Toast.show("Ultra Long standby pop-up instance", {
       duration: 99999999,
       position: 20,
       shadow: true,
@@ -74,27 +74,27 @@ export function ReactNativeRootToastExample() {
   }
   return (
     <RootSiblingParent>
-      <Button title="开一个弹窗" onPress={startPToast} />
-      <Button title="关掉这个弹窗" onPress={hidePToast} />
+      <Button title="Open a pop-up window" onPress={startPToast} />
+      <Button title="Close this pop-up window" onPress={hidePToast} />
     </RootSiblingParent>
   );
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                                                                           | Type     | Required | Platform | HarmonyOS Support |
 | --------------- | ------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -114,10 +114,10 @@ export function ReactNativeRootToastExample() {
 | onHide          | Callback for toast`s hide animation start                                             | function | no       | All      | yes               |
 | onHidden        | Callback for toast`s hide animation end                                               | function | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/magicismight/react-native-root-toast/blob/master/LICENSE.txt).
\ No newline at end of file
diff --git a/en/react-native-size-matters.md b/en/react-native-size-matters.md
index a06f9360..9573d8bb 100644
--- a/en/react-native-size-matters.md
+++ b/en/react-native-size-matters.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-size-matters</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/nirsky/react-native-size-matters)
+> [!TIP] [GitHub address](https://github.com/nirsky/react-native-size-matters)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -25,24 +25,25 @@
 ```bash
 npm install react-native-size-matters@0.4.2
 ```
+
 #### **yarn**
 
 ```bash
 yarn add react-native-size-matters@0.4.2
 ```
+
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
-> [!WARNING] 使用时 import 的库名不变。
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
 **这里是该插件提供的基础用法**
 
 ```js
 <!---->
-<!-- 方法 -->
 import { Text, View } from 'react-native';
 import { scale, verticalScale, moderateScale, moderateVerticalScale } from 'react-native-size-matters';
-<!-- 别名方法 -->
 import { s, vs, ms, mvs } from 'react-native-size-matters';
 
 let scale = () =>{
@@ -55,7 +56,7 @@ let scale = () =>{
             borderColor: 'red',
             backgroundColor: 'blue'
         }} >
-            <Text>{scale(100}</Text>
+            <Text>{scale(100)}</Text>
         </View>
     )
 }
@@ -70,7 +71,7 @@ let verticalScale = () =>{
             borderColor: 'red',
             backgroundColor: 'blue'
         }} >
-            <Text>{verticalScale(100}</Text>
+            <Text>{verticalScale(100)}</Text>
         </View>
     )
 }
@@ -101,7 +102,7 @@ let moderateVerticalScale = ()=>{
             borderColor: 'red',
             backgroundColor: 'blue'
         }} >
-            <Text>{moderateVerticalScale(100}</Text>
+            <Text>{moderateVerticalScale(100)}</Text>
         </View>
     )
 }
@@ -116,7 +117,7 @@ let s = () =>{
             borderColor: 'red',
             backgroundColor: 'blue'
         }} >
-            <Text>{s(100}</Text>
+            <Text>{s(100)}</Text>
         </View>
     )
 }
@@ -131,7 +132,7 @@ let vs = () =>{
             borderColor: 'red',
             backgroundColor: 'blue'
         }} >
-            <Text>{vs(100}</Text>
+            <Text>{vs(100)}</Text>
         </View>
     )
 }
@@ -162,7 +163,7 @@ let mvs = ()=>{
             borderColor: 'red',
             backgroundColor: 'blue'
         }} >
-            <Text>{mvs(100}</Text>
+            <Text>{mvs(100)}</Text>
         </View>
     )
 }
@@ -185,60 +186,65 @@ export default class sizeMattersDemo {
 }
 
 ```
+
 **这里提供注解用法**
+
 ```javascript
-import { Text, View } from 'react-native';
-import { ScaledSheet } from 'react-native-size-matters';
+import { Text, View } from "react-native";
+import { ScaledSheet } from "react-native-size-matters";
 
 const styles = ScaledSheet.create({
-    container: {
-        width: '100@s', // = scale(100)
-        height: '200@vs', // = verticalScale(200)
-        padding: '2@msr', // = Math.round(moderateScale(2))
-        margin: 5
-    }
+  container: {
+    width: "100@s", // = scale(100)
+    height: "200@vs", // = verticalScale(200)
+    padding: "2@msr", // = Math.round(moderateScale(2))
+    margin: 5,
+  },
 });
 
 export default class sizeMattersDemo {
   render() {
     return (
-        <View style={styles.container} >
-            <Text>调用create方法</Text>
-        </View>
+      <View style={styles.container}>
+        <Text>create</Text>
+      </View>
     );
   }
 }
 ```
- [!TIP] 这里展示[自定义默认尺寸](https://github.com/nirsky/react-native-size-matters/blob/master/examples/change-guideline-sizes.md)
 
-## 约束与限制
-### 兼容性
-本文档内容基于以下版本验证通过：
+[!TIP] Here is displayed[Custom Default Size](https://github.com/nirsky/react-native-size-matters/blob/master/examples/change-guideline-sizes.md)
+
+## Constraints
+
+### Compatibility
+
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                   | Description                                                                                                                  | Type                      | Required | Platform    |  HarmonyOS Support |
-| ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- | ----------- | -------- |
-| scale    | 将根据您设备的屏幕宽度返回所提供尺寸的线性缩放结果。                                                                                                 | Function       | No       | Android、iOS | Yes      |
-| verticalScale    | 将根据您设备的屏幕高度返回所提供尺寸的线性缩放结果。                                                                                                 | Function       | No       | Android、iOS | Yes      |
-| moderateScale    | 有时您不想以线性方式缩放所有内容，这时可以使用 moderateScale。它的妙处在于您可以控制调整大小的因子（默认值为 0.5）。如果正常缩放会将您的尺寸增加 +2X，则 moderateScale 只会将其增加 +X                                                                                                 | Function       | No       | Android、iOS | Yes      |
-| moderateVerticalScale    | 与 moderateScale 相同，但使用 verticalScale 而不是 scale。                                                                                                 | Function       | No       | Android、iOS | Yes      |
-| s    | scale方法的别名                                                                                                 | Function       | No       | Android、iOS | Yes      |
-| vs    | verticalScale方法的别名                                                                                          | Function       | No       | Android、iOS | Yes      |
-| ms    | moderateScale别名方法                                                                                               | Function       | No       | Android、iOS | Yes      |
-| mvs     | moderateVerticalScale的别名方法                                                                                                 | Function       | No       | Android、iOS | Yes      |
+| Name                  | Description                                                                                                                                                                            | Type     | Required | Platform     | HarmonyOS Support |
+| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------ | ----------------- |
+| scale                 | 将根据您设备的屏幕宽度返回所提供尺寸的线性缩放结果。                                                                                                                                   | Function | No       | Android、iOS | Yes               |
+| verticalScale         | 将根据您设备的屏幕高度返回所提供尺寸的线性缩放结果。                                                                                                                                   | Function | No       | Android、iOS | Yes               |
+| moderateScale         | 有时您不想以线性方式缩放所有内容，这时可以使用 moderateScale。它的妙处在于您可以控制调整大小的因子（默认值为 0.5）。如果正常缩放会将您的尺寸增加 +2X，则 moderateScale 只会将其增加 +X | Function | No       | Android、iOS | Yes               |
+| moderateVerticalScale | 与 moderateScale 相同，但使用 verticalScale 而不是 scale。                                                                                                                             | Function | No       | Android、iOS | Yes               |
+| s                     | scale 方法的别名                                                                                                                                                                       | Function | No       | Android、iOS | Yes               |
+| vs                    | verticalScale 方法的别名                                                                                                                                                               | Function | No       | Android、iOS | Yes               |
+| ms                    | moderateScale 别名方法                                                                                                                                                                 | Function | No       | Android、iOS | Yes               |
+| mvs                   | moderateVerticalScale 的别名方法                                                                                                                                                       | Function | No       | Android、iOS | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License(MIT)](https://github.com/nirsky/react-native-size-matters/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License(MIT)](https://github.com/nirsky/react-native-size-matters/blob/master/LICENSE).

From 56f26876bc578a4b6e6fb785e8e50e9aa33dc1ae Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Wed, 6 Nov 2024 10:20:13 +0000
Subject: [PATCH 824/966] =?UTF-8?q?!1843=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-bars=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-bars=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-bars.md    | 3 ++-
 zh-cn/react-native-bars.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-bars.md b/en/react-native-bars.md
index cb61479c..c1193b5c 100644
--- a/en/react-native-bars.md
+++ b/en/react-native-bars.md
@@ -168,7 +168,7 @@ Check the release version information in the release address of the third-party
 | Name     | Description                                                                                   | Type    | Required | Platform | HarmonyOS Support |
 | -------- | --------------------------------------------------------------------------------------------- | ------- | -------- | -------- | ----------------- |
 | barStyle | Status Bar Style                                                                              | string  | yes      | all      | yes               |
-| animated | Should transition between status bar property changes be animated? (has no effect on Android) | boolean | no       | all      | yes               |
+| animated | Should transition between status bar property changes be animated? (has no effect on Android) | boolean | no       | all      | no             |
 
 ### NavigationBar
 
@@ -208,6 +208,7 @@ Check the release version information in the release address of the third-party
 ## Known Issues
 
 - [ ] react-native-bars 不支持 NavigationBar 问题: [issue#16](https://github.com/react-native-oh-library/react-native-bars/issues/16)
+- [ ] StatusBar不支持属性animated: [issue#21](https://github.com/react-native-oh-library/react-native-bars/issues/21)
 
 ## Others
 
diff --git a/zh-cn/react-native-bars.md b/zh-cn/react-native-bars.md
index 53ec537a..0ed85bbf 100644
--- a/zh-cn/react-native-bars.md
+++ b/zh-cn/react-native-bars.md
@@ -176,7 +176,7 @@ ohpm install
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | ---- | ------------ |
 | barStyle | Status Bar Style     | string  | yes |     all  |       yes|
-| animated | Should transition between status bar property changes be animated? (has no effect on Android)     | boolean  | no |     all  |       yes|
+| animated | Should transition between status bar property changes be animated? (has no effect on Android)     | boolean  | no |     all  |       no|
 
 ### NavigationBar
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -212,6 +212,7 @@ ohpm install
 ## 遗留问题
 
 - [ ] react-native-bars不支持NavigationBar问题: [issue#16](https://github.com/react-native-oh-library/react-native-bars/issues/16)
+- [ ] StatusBar不支持属性animated: [issue#21](https://github.com/react-native-oh-library/react-native-bars/issues/21)
 
 ## 其他
 

From 9228386e617983d18d80bff95c5cb3599fa2d9e8 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Wed, 6 Nov 2024 10:22:01 +0000
Subject: [PATCH 825/966] =?UTF-8?q?!1850=20docs:=20=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-switch=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20doc?=
 =?UTF-8?q?s:=20=20[Issues:=20#IB2JAX]=20=E4=BF=AE=E6=94=B9react-native-sw?=
 =?UTF-8?q?itch=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-switch.md    | 60 +++++++++++++++++-------------------
 zh-cn/react-native-switch.md | 42 ++++++++++++-------------
 2 files changed, 49 insertions(+), 53 deletions(-)

diff --git a/en/react-native-switch.md b/en/react-native-switch.md
index 48ac58c2..b7313f9c 100644
--- a/en/react-native-switch.md
+++ b/en/react-native-switch.md
@@ -118,37 +118,36 @@ This document is verified based on the following versions:
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-|           Name            |                                                             Description                                                             |          Type           | Required |  Platform   | HarmonyOS Support |
-| :-----------------------: | :---------------------------------------------------------------------------------------------------------------------------------: | :---------------------: | :------: | :---------: | :---------------: |
-|       onValueChange       |                                               when to change value(value: `boolean`)                                                |        function         |    No    | Android/IOS |        Yes        |
-|         disabled          |                                                           Display or not                                                            |         boolean         |    No    | Android/IOS |        Yes        |
-|        activeText         |                                                             active text                                                             |         string          |    No    | Android/IOS |        Yes        |
-|       inActiveText        |                                                           in Active Text                                                            |         string          |    No    | Android/IOS |        Yes        |
-|     backgroundActive      |                                                          background active                                                          |         string          |    No    | Android/IOS |        Yes        |
-|    backgroundInactive     |                                                        background in active                                                         |         string          |    No    | Android/IOS |        Yes        |
-|           value           |                                                            swtich value                                                             |         boolean         |    No    | Android/IOS |        Yes        |
-|     circleActiveColor     |                                                         circle active color                                                         |         string          |    No    | Android/IOS |        Yes        |
-|    circleInActiveColor    |                                                       circle in active color                                                        |         string          |    No    | Android/IOS |        Yes        |
-|        circleSize         |                                                             circle Size                                                             |         number          |    No    | Android/IOS |        Yes        |
-|     circleBorderWidth     |                                                         circle Border Width                                                         |        function         |    No    | Android/IOS |        Yes        |
-|  circleBorderactiveColor  |                                                     circle Border Active Color                                                      |        function         |    No    | Android/IOS |        Yes        |
-| circleBorderInactiveColor |                                                    circle Border Inactive Color                                                     |         boolean         |    No    | Android/IOS |        Yes        |
-|      activeTextStyle      |                                                          active Text Style                                                          | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
-|     inactiveTextStyle     |                                                        in Active Text Style.                                                        | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
-|      containerStyle       |                                                           container Style                                                           | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
-|         barHeight         |                                                             Bar Height                                                              |         number          |    No    | Android/IOS |        Yes        |
-|     circleBorderWidth     |                                                         circle Border Width                                                         |         number          |    No    | Android/IOS |        Yes        |
-|    renderInsideCircle     |                               custom component to render inside the Switch circle (Text, Image, etc.)                               |        function         |    No    | Android/IOS |        Yes        |
-|  changeValueImmediately   |                       if rendering inside circle, change state immediately or wait for animation to complete                        |         boolean         |    No    | Android/IOS |        Yes        |
-|     innerCircleStyle      |                          style for inner animated circle for what you (may) be rendering inside the circle                          | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
-|     outerCircleStyle      |                                                   style for outer animated circle                                                   | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
-|     renderActiveText      |                                                         render Active Text                                                          |         boolean         |    No    | Android/IOS |        Yes        |
-|    renderInActiveText     |                                                        render In Active Text                                                        |         boolean         |    No    | Android/IOS |        Yes        |
-|       switchLeftPx        |    denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider    |         number          |    No    | Android/IOS |        Yes        |
+|           Name            |                         Description                          |          Type           | Required |  Platform   | HarmonyOS Support |
+| :-----------------------: | :----------------------------------------------------------: | :---------------------: | :------: | :---------: | :---------------: |
+|       onValueChange       |            when to change value(value: `boolean`)            |        function         |    No    | Android/IOS |        Yes        |
+|         disabled          |                        Display or not                        |         boolean         |    No    | Android/IOS |        Yes        |
+|        activeText         |                         active text                          |         string          |    No    | Android/IOS |        Yes        |
+|       inActiveText        |                        in Active Text                        |         string          |    No    | Android/IOS |        Yes        |
+|     backgroundActive      |                      background active                       |         string          |    No    | Android/IOS |        Yes        |
+|    backgroundInactive     |                     background in active                     |         string          |    No    | Android/IOS |        Yes        |
+|           value           |                         swtich value                         |         boolean         |    No    | Android/IOS |        Yes        |
+|     circleActiveColor     |                     circle active color                      |         string          |    No    | Android/IOS |        Yes        |
+|    circleInActiveColor    |                    circle in active color                    |         string          |    No    | Android/IOS |        Yes        |
+|        circleSize         |                         circle Size                          |         number          |    No    | Android/IOS |        Yes        |
+|     circleBorderWidth     |                     circle Border Width                      |         number          |    No    | Android/IOS |        Yes        |
+|  circleBorderActiveColor  |                  circle Border Active Color                  |         string          |    No    | Android/IOS |        Yes        |
+| circleBorderInactiveColor |                 circle Border Inactive Color                 |         string          |    No    | Android/IOS |        Yes        |
+|      activeTextStyle      |                      active Text Style                       | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
+|     inactiveTextStyle     |                    in Active Text Style.                     | StyleProp`<TextStyle> ` |    No    | Android/IOS |        Yes        |
+|      containerStyle       |                       container Style                        | StyleProp`<ViewStyle> ` |    No    | Android/IOS |        Yes        |
+|         barHeight         |                          Bar Height                          |         number          |    No    | Android/IOS |        Yes        |
+|    renderInsideCircle     | custom component to render inside the Switch circle (Text, Image, etc.) |        function         |    No    | Android/IOS |        Yes        |
+|  changeValueImmediately   | if rendering inside circle, change state immediately or wait for animation to complete |         boolean         |    No    | Android/IOS |        Yes        |
+|     innerCircleStyle      | style for inner animated circle for what you (may) be rendering inside the circle | StyleProp`<ViewStyle> ` |    No    | Android/IOS |        Yes        |
+|     outerCircleStyle      |               style for outer animated circle                | StyleProp`<ViewStyle> ` |    No    | Android/IOS |        Yes        |
+|     renderActiveText      |                      render Active Text                      |         boolean         |    No    | Android/IOS |        Yes        |
+|    renderInActiveText     |                    render In Active Text                     |         boolean         |    No    | Android/IOS |        Yes        |
+|       switchLeftPx        | denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider |         number          |    No    | Android/IOS |        Yes        |
 |       switchRightPx       | denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider |         number          |    No    | Android/IOS |        Yes        |
-|   switchWidthMultiplier   |                             multiplied by the `circleSize` prop to calculate total width of the Switch                              |         number          |    No    | Android/IOS |        Yes        |
-|    switchBorderRadius     |                          Sets the border Radius of the switch slider. If unset, it remains the circleSize.                          |         number          |    No    | Android/IOS |        Yes        |
-|          testID           |                                                           swtich test ID                                                            |         string          |    No    | Android/IOS |        Yes        |
+|   switchWidthMultiplier   | multiplied by the `circleSize` prop to calculate total width of the Switch |         number          |    No    | Android/IOS |        Yes        |
+|    switchBorderRadius     | Sets the border Radius of the switch slider. If unset, it remains the circleSize. |         number          |    No    | Android/IOS |        Yes        |
+|          testID           |                        swtich test ID                        |         string          |    No    | Android/IOS |        Yes        |
 
 ## Known Issues
 
@@ -157,4 +156,3 @@ This document is verified based on the following versions:
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/shahen94/react-native-switch/blob/master/LICENSE).
-
diff --git a/zh-cn/react-native-switch.md b/zh-cn/react-native-switch.md
index 0231eec0..9100fe7e 100644
--- a/zh-cn/react-native-switch.md
+++ b/zh-cn/react-native-switch.md
@@ -22,7 +22,7 @@
 #### **npm**
 
 ```bash
-npm install --save react-native-switch@1.5.1
+npm install react-native-switch@1.5.1
 ```
 
 #### **yarn**
@@ -98,7 +98,7 @@ export function SwitchDemo(){
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
 
@@ -118,26 +118,24 @@ export function SwitchDemo(){
 |      circleActiveColor       | circle active color |      string       |    No    | Android/IOS |        Yes        |
 |    circleInActiveColor     | circle in active color |      string       |    No    | Android/IOS |        Yes        |
 |       circleSize        | circle Size|  number  |    No    | Android/IOS |        Yes        |
-|     circleBorderWidth     | circle Border Width |      function       |    No    | Android/IOS |        Yes        |
-|     circleBorderactiveColor     | circle Border Active Color|      function       |    No    | Android/IOS |        Yes        |
-|     circleBorderInactiveColor      |circle Border Inactive Color |       boolean       |    No    | Android/IOS |        Yes        |
-|    activeTextStyle     | active Text Style    |    StyleProp`<TextStyle> `  |  No  |         Android/IOS     |Yes
-| inactiveTextStyle | in Active Text Style. |       StyleProp`<TextStyle> `       |    No    | Android/IOS |        Yes        |
-|        containerStyle        |         container Style             |       StyleProp`<TextStyle> `        |   No    | Android/IOS |        Yes        |
-|     barHeight      |      Bar Height        |      number      |    No    | Android/IOS |        Yes        |
-|      circleBorderWidth      | circle Border Width |       number        |    No    | Android/IOS |        Yes        |
-|   renderInsideCircle    | custom component to render inside the Switch circle (Text, Image, etc.)      |    function  | No | Android/IOS |        Yes        |
-|  changeValueImmediately  | if rendering inside circle, change state immediately or wait for animation to complete |       boolean        |    No    | Android/IOS |        Yes        |
-|        innerCircleStyle         | style for inner animated circle for what you (may) be rendering inside the circle|   StyleProp`<TextStyle> `   |    No   | Android/IOS |        Yes        |
-|  outerCircleStyle  | style for outer animated circle |       StyleProp`<TextStyle> `       |    No    | Android/IOS |        Yes        |
-renderActiveText  | render Active Text |       boolean     |    No    | Android/IOS |        Yes        |
-renderInActiveText  | render In Active Text |       boolean     |    No    | Android/IOS |        Yes        |
-switchLeftPx  | denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider |       number     |    No    | Android/IOS |        Yes        |
-switchRightPx  |  denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider |       number     |    No    | Android/IOS |        Yes        |
-switchWidthMultiplier  |  multiplied by the `circleSize` prop to calculate total width of the Switch |       number     |    No    | Android/IOS |        Yes        |
-switchBorderRadius  |  Sets the border Radius of the switch slider. If unset, it remains the circleSize. |       number     |    No    | Android/IOS |        Yes        |
-testID  |  swtich test ID |       string     |    No    | Android/IOS |        Yes        |
-
+|     circleBorderWidth     | circle Border Width |      number |    No    | Android/IOS |        Yes        |
+|     circleBorderActiveColor     | circle Border Active Color|      string |    No    | Android/IOS |        Yes        |
+|     circleBorderInactiveColor      |circle Border Inactive Color |       string       |    No    | Android/IOS |        Yes        |
+| activeTextStyle |active Text Style | StyleProp`<TextStyle> ` | No | Android/IOS | Yes |
+| inactiveTextStyle |in Active Text Style | StyleProp`<TextStyle> ` | No | Android/IOS | Yes |
+| containerStyle |container Styl | StyleProp`<ViewStyle> ` | No | Android/IOS | Yes |
+| barHeight |Bar Height | number | No | Android/IOS | Yes |
+| renderInsideCircle |custom component to render inside the Switch circle | function | No | Android/IOS | Yes |
+| changeValueImmediately |if rendering inside circle, change state immediately or wait for animation to complete | boolean | No | Android/IOS | Yes |
+| innerCircleStyle |style for inner animated circle for what you (may) be rendering inside the circle | StyleProp`<ViewStyle> ` | No | Android/IOS | Yes |
+| outerCircleStyle |style for outer animated circle | StyleProp`<ViewStyle> ` | No | Android/IOS | Yes |
+| renderActiveText |render Active Text | boolean | No | Android/IOS | Yes |
+| renderInActiveText |render In Active Text | boolean | No | Android/IOS | Yes |
+| switchLeftPx |denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider | number | No | Android/IOS | Yes |
+| switchRightPx |multiplied by the `circleSize` prop to calculate total width of the Switch | number | No | Android/IOS | Yes |
+| switchWidthMultiplier |multiplied by the `circleSize` prop to calculate total width of the Switch | number | No | Android/IOS | Yes |
+| switchBorderRadius |Sets the border Radius of the switch slider. If unset, it remains the circleSize | number | No | Android/IOS | Yes |
+| testID |swtich test ID | string | No | Android/IOS | Yes |
 ## 遗留问题
 
 ## 其他

From 66ffe762ac92f42602478f0d7d172cbea301d1bb Mon Sep 17 00:00:00 2001
From: Magic-Neko <xiaoyange1@h-partners.com>
Date: Wed, 6 Nov 2024 10:26:57 +0000
Subject: [PATCH 826/966] =?UTF-8?q?!1846=20docs:=20[Issues:=20#IB2D0I]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-paper=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IB2D0I]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-paper=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-paper.md    | 59 ++++++++++++++++++++-----------------
 zh-cn/react-native-paper.md |  2 ++
 2 files changed, 34 insertions(+), 27 deletions(-)

diff --git a/en/react-native-paper.md b/en/react-native-paper.md
index 90885bd2..264a87fe 100644
--- a/en/react-native-paper.md
+++ b/en/react-native-paper.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-paper</code> </h1>
@@ -13,10 +13,10 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/callstack/react-native-paper)
+> [!TIP] [GitHub address](https://github.com/callstack/react-native-paper)
 
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -31,13 +31,14 @@ npm install react-native-paper@^5.12.3
 ```
 <!-- tabs:end -->
 
-**下面的代码展示了这个库的基本使用场景：**
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-paper使用需要安装react-native-safe-area-context来处理安全区域。另外还需要依赖react-native-vector-icons库，具体来说，MaterialCommunityIcons图标包需要包含在项目中，因为有些组件在内部使用它。
+- From there is a need to install @react-native-oh-tpl/react-native-safe-area-context for handling safe area.
+- If you're on a vanilla React Native project, you also need to install and link @react-native-oh-tpl/react-native-vector-icons.
 
-1.将根组件包装在PaperProvider中。如果您有一个原始的 React Native 项目，最好将其添加到传递给 的组件中AppRegistry.registerComponent。这通常在index.js文件中
+1.Wrap your root component in from . If you have a vanilla React Native project, it's a good idea to add it in the component which is passed to . This will usually be in the file. If you have an Expo project, you can do this inside the exported component in the file.`PaperProvider``react-native-paper``AppRegistry.registerComponent``index.js``App.js`
 
 ```js
 import { PaperProvider } from 'react-native-paper';
@@ -52,7 +53,8 @@ export default function PaperExample() {
 }
 AppRegistry.registerComponent(appName, () => PaperExample);
 ```
-2.包装PaperProvider之后，我们需要将展示的组件传递到 Providers 中。在这一部分，我们使用ActivityIndicator作为示例展示
+2.If you have another provider (such as ), wrap it outside so that the context is available to components rendered inside a from the library:`Redux``PaperProvider``Modal`
+
 ```js
 export default function App() {
   return (
@@ -74,7 +76,8 @@ export default function App() {
   );
 }
 ```
-3.活动指示器用于显示应用中某些活动的进度。它可以作为 React Native 附带的 ActivityIndi​​cator 的插件使用。
+3.Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native.
+
 ```js
 import * as React from 'react';
 import { ActivityIndicator, MD2Colors } from 'react-native-paper';
@@ -87,27 +90,27 @@ export default ActivityIndicatorDemo;
 ```
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context和@react-native-oh-tpl/react-native-vector-icons的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-safe-area-context and @react-native-oh-tpl/react-native-vector-icons. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-safe-area-context](/en/react-native-safe-area-context.md) to add it to your project.
 
-如未引入react-native-vector-icons请参照[@react-native-oh-tpl/react-native-vector-icons 文档](/zh-cn/react-native-vector-icons.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-vector-icons](/en/react-native-vector-icons.md) to add it to your project.
 
-## 约束与限制
-### 兼容性
+## Constraints
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 组件
+## Component
 
-详情查看[Paper官方文档](https://callstack.github.io/react-native-paper)
+View details[Paper](https://callstack.github.io/react-native-paper)
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -146,13 +149,13 @@ export default ActivityIndicatorDemo;
 | Tooltip  | Tooltips display informative text when users hover over, focus on, or tap an element  | component  | No | iOS/Android    | yes |
 | TouchableRipple  | A wrapper for views that should respond to touches  | component  | No | iOS/Android    | yes |
 
-## 属性
+## Properties
 
-详情查看[Paper官方组件介绍文档](https://callstack.github.io/react-native-paper/docs/components/ActivityIndicator#animating)
+View details[Paper](https://callstack.github.io/react-native-paper/docs/components/ActivityIndicator#animating)
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **ActivityIndicator**：Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -1208,17 +1211,19 @@ export default ActivityIndicatorDemo;
 |  style    | style | StyleProp<ViewStyle> | Yes      | All      | Yes               |
 |  theme    | theme | string | Yes      | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 - Icon 组件allowFontScaling不生效, 参看源码传入的此属性并未传入内部icon组件 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Icon.tsx#L153) 
 - Menu组件中的mode属性为[5.12.4版本新增](https://github.com/callstack/react-native-paper/releases/tag/v5.12.4)，当前版本为5.12.3 
 - Menu statusBarHeight 无效果，此属性为Android平台独有 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Menu/Menu.tsx#L447)
 - DataTableRow 组件使用 TouchableRipple 产生的涟漪效果，在Android上生效，iOS无效果 
 - BottomNavigation safeAreaInset top属性无效果，因为在源码中未使用 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/BottomNavigation/BottomNavigationBar.tsx#L580) 
 - BottomNavigation.Bar组件 keyboardHidesNavigationBar属性为父组件BottomNavigation传入，请勿单独使用
+- accessibilityState属性鸿蒙RN（5.0.0.700）不支持该属性
+- DataTable组件底层使用的是鸿蒙RN的Text组件，目前Text组件不支持accessibilityLabel属性。所以DataTable涉及无障碍朗读功能在鸿蒙RN的效果和其他平台有差异
 
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-paper/blob/main/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/callstack/react-native-paper/blob/main/LICENSE.md) .
diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index 90885bd2..3734eae9 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -1217,6 +1217,8 @@ export default ActivityIndicatorDemo;
 - DataTableRow 组件使用 TouchableRipple 产生的涟漪效果，在Android上生效，iOS无效果 
 - BottomNavigation safeAreaInset top属性无效果，因为在源码中未使用 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/BottomNavigation/BottomNavigationBar.tsx#L580) 
 - BottomNavigation.Bar组件 keyboardHidesNavigationBar属性为父组件BottomNavigation传入，请勿单独使用
+- accessibilityState属性鸿蒙RN（5.0.0.700）不支持该属性
+- DataTable组件底层使用的是鸿蒙RN的Text组件，目前Text组件不支持accessibilityLabel属性。所以DataTable涉及无障碍朗读功能在鸿蒙RN的效果和其他平台有差异
 
 
 ## 开源协议

From 1e2088c0c8553f28d8b8d69a5abc76518684c0ae Mon Sep 17 00:00:00 2001
From: wangjinyi <8008282+wang-jinyi@user.noreply.gitee.com>
Date: Thu, 7 Nov 2024 02:19:54 +0000
Subject: [PATCH 827/966] =?UTF-8?q?!1852=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-navigation-bottom-sheet=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20?=
 =?UTF-8?q?*=20docs:=20=E4=BF=AE=E6=94=B9react-navigation-bottom-sheet?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-navigation-bottom-sheet.md    | 3 ++-
 zh-cn/react-navigation-bottom-sheet.md | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/en/react-navigation-bottom-sheet.md b/en/react-navigation-bottom-sheet.md
index 6fc8f818..c3533562 100644
--- a/en/react-navigation-bottom-sheet.md
+++ b/en/react-navigation-bottom-sheet.md
@@ -238,7 +238,7 @@ This document is verified based on the following versions:
 | style                       | View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet.                                                                              | ViewStyle                                 | NO       | ALL      | YES               |
 | handleStyle                 | View style to be applied to the handle component.                                                                                                                                                            | ViewStyle                                 | NO       | ALL      | YES               |
 | handleIndicatorStyle        | View style to be applied to the handle indicator component.                                                                                                                                                  | ViewStyle                                 | NO       | ALL      | YES               |
-| handleHeight                | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.            | number                                    | NO       | ALL      | YES               |
+| handleHeight                | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.            | number                                    | NO       | ALL      | NO |
 | contentHeight               | Content height helps dynamic snap points calculation.                                                                                                                                                        | number                                    | NO       | ALL      | YES               |
 | topInset                    | Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.                             | number                                    | NO       | ALL      | YES               |
 | bottomInset                 | Bottom inset to be added to the bottom sheet container.                                                                                                                                                      | number                                    | NO       | ALL      | YES               |
@@ -263,6 +263,7 @@ This document is verified based on the following versions:
 
 - keyboardBehaviorProperties 暂不支持，与 iOS 表现一致。[issue#24](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/24)
 - keyboardBlurBehaviorProperties 暂不支持，与 iOS 表现一致。[issue#25](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/25)
+- handleHeight属性暂不支持，与iOS表现一致。[issue#30](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/30)
 
 ## License
 
diff --git a/zh-cn/react-navigation-bottom-sheet.md b/zh-cn/react-navigation-bottom-sheet.md
index c25653f4..7748c26d 100644
--- a/zh-cn/react-navigation-bottom-sheet.md
+++ b/zh-cn/react-navigation-bottom-sheet.md
@@ -238,7 +238,7 @@ const styles = StyleSheet.create({
 | style  | View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet.  | ViewStyle  | NO | ALL      | YES |
 | handleStyle  | View style to be applied to the handle component. | ViewStyle   | NO | ALL      | YES |
 | handleIndicatorStyle  | View style to be applied to the handle indicator component. | ViewStyle  | NO | ALL      | YES |
-| handleHeight  | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.| number  | NO | ALL      | YES |
+| handleHeight  | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too.| number  | NO | ALL      | NO |
 | contentHeight  | Content height helps dynamic snap points calculation.| number  | NO | ALL      | YES |
 | topInset  | Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.| number  | NO | ALL      | YES |
 | bottomInset  |Bottom inset to be added to the bottom sheet container.| number  | NO | ALL      | YES |
@@ -264,7 +264,7 @@ const styles = StyleSheet.create({
 ## 其他
 - keyboardBehavior属性暂不支持，与iOS表现一致。[issue#24](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/24)
 - keyboardBlurBehavior属性暂不支持，与iOS表现一致。[issue#25](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/25)
-
+- handleHeight属性暂不支持，与iOS表现一致。[issue#30](https://github.com/th3rdwave/react-navigation-bottom-sheet/issues/30)
 
 ## 开源协议
 

From 7c7af2d3a9b0e8c1c4790b3de16c6d26863ac7b9 Mon Sep 17 00:00:00 2001
From: duanzhao <duanshao1@h-partners.com>
Date: Thu, 7 Nov 2024 02:58:08 +0000
Subject: [PATCH 828/966] =?UTF-8?q?!1815=20docs:=20[Issues:#IB10DT]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20react-native-camera-kit=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IB10DT]=20=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=20react-native-camera-kit=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-camera-kit.md | 225 ++++++++++++++++++----------------
 1 file changed, 116 insertions(+), 109 deletions(-)

diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md
index 4556b80d..b62c5b45 100644
--- a/en/react-native-camera-kit.md
+++ b/en/react-native-camera-kit.md
@@ -12,19 +12,21 @@
     </a>
 </p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-camera-kit)
+
+
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-camera-kit)
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases).
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+>[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
-#### npm
+####  npm
 
 ```bash
 npm install @react-native-oh-tpl/react-native-camera-kit@file:#
@@ -41,19 +43,17 @@ yarn add @react-native-oh-tpl/react-native-camera-kit@file:#
 The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
-
 ### camera example
-
-```js
-import React, { useRef, useState } from "react";
-import { Text, StyleSheet, View, Button } from "react-native";
-import { CameraApi, CameraType, Camera } from "react-native-camera-kit";
+``` js
+import React, {useRef, useState} from 'react';
+import {Text, StyleSheet, View, Button} from 'react-native';
+import {CameraApi, CameraType,Camera} from 'react-native-camera-kit';
 
 export const CameraDemo: React.FC = (): JSX.Element => {
-  const nativeRef = useRef < CameraApi > null;
-  const [zoom, setZoom] = useState < number > 0;
-  const [errorStr, setErrorStr] = useState < string > "";
-  const [photo, setPhoto] = useState < string > "";
+  const nativeRef = useRef<CameraApi>(null);
+  const [zoom, setZoom] = useState<number>(0);
+  const [errorStr, setErrorStr] = useState<string>('');
+  const [photo, setPhoto] = useState<string>('');
 
   const onError = (e: any) => {
     setErrorStr(e.nativeEvent.errorMessage);
@@ -72,7 +72,7 @@ export const CameraDemo: React.FC = (): JSX.Element => {
     <>
       <View>
         <Camera
-          style={{ width: "100%", height: 500 }}
+          style={{width: '100%', height: 500}}
           ref={nativeRef}
           maxZoom={10}
           cameraType={CameraType.Back}
@@ -82,7 +82,7 @@ export const CameraDemo: React.FC = (): JSX.Element => {
         />
       </View>
       <View>
-        <Button title="Photograph" onPress={onPhoto} />
+        <Button title="onPhoto" onPress={onPhoto} />
         <Text style={styles.text}>zoom:{zoom}</Text>
         <Text style={styles.text}>error:{errorStr}</Text>
         <Text style={styles.text}>photo:{photo}</Text>
@@ -94,25 +94,24 @@ export const CameraDemo: React.FC = (): JSX.Element => {
 const styles = StyleSheet.create({
   text: {
     fontSize: 20,
-    textAlign: "center",
-    color: "#000",
+    textAlign: 'center',
+    color: '#000',
     marginTop: 10,
   },
 });
-```
 
+```
 ### scanCode example
-
-```js
-import React, { useRef, useState } from "react";
-import { Text, StyleSheet, View } from "react-native";
-import { CameraApi, CameraType, Camera } from "react-native-camera-kit";
+``` js
+import React, {useRef, useState} from 'react';
+import {Text, StyleSheet, View} from 'react-native';
+import {CameraApi, CameraType,Camera} from 'react-native-camera-kit';
 
 export const ScanCodeDemo: React.FC = (): JSX.Element => {
-  const nativeRef = useRef < CameraApi > null;
-  const [zoomStr, setZoomStr] = useState < number > 0;
-  const [errorStr, setErrorStr] = useState < string > "";
-  const [codeResult, setCodeResult] = useState < string > "";
+  const nativeRef = useRef<CameraApi>(null);
+  const [zoomStr, setZoomStr] = useState<number>(0);
+  const [errorStr, setErrorStr] = useState<string>('');
+  const [codeResult, setCodeResult] = useState<string>('');
 
   const onError = (e: any) => {
     setErrorStr(e.nativeEvent.errorMessage);
@@ -130,7 +129,7 @@ export const ScanCodeDemo: React.FC = (): JSX.Element => {
     <>
       <View>
         <Camera
-          style={{ width: "100%", height: 400 }}
+          style={{width: '100%', height: 400}}
           ref={nativeRef}
           maxZoom={50}
           cameraType={CameraType.Back}
@@ -153,13 +152,16 @@ export const ScanCodeDemo: React.FC = (): JSX.Element => {
 const styles = StyleSheet.create({
   text: {
     fontSize: 20,
-    textAlign: "center",
-    color: "#000",
+    textAlign: 'center',
+    color: '#000',
     marginTop: 10,
   },
 });
+
+
 ```
 
+
 ## Link
 
 Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
@@ -181,6 +183,7 @@ Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
 Currently, two methods are available:
 
+
 Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
@@ -207,9 +210,9 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3. Introducing RTNCameraKitView Component to ArkTS
+### 3. Configuring CMakeLists and Introducing xxx Package
 
-Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
   ...
@@ -227,14 +230,17 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 }
 ...
-```
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.  
 
-在`entry/src/main/ets/pages/index.ets`中，如果当前文件中存在`arkTsComponentNames`数组(后续版本新增内容)，则需要在其中追加: `RTNCameraKitView.NAME`;
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
-```ts
-  ...
- const arkTsComponentNames: Array<string> = [..., RTNCameraKitView.NAME];
-  ...
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RTNCameraKitView.NAME
+  ];
 ```
 
 ### 4. Introducing RTNCameraKitPackage to ArkTS
@@ -272,15 +278,15 @@ Then build and run the code.
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
+Check the release version information in the release address of the third-party library：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
 
 ### Permission Requirements
 
-以下权限中有`system_basic` 权限，而默认的应用权限是 `normal` ，只能使用 `normal` 等级的权限，所以可能会在安装 hap 包时报错**9568289**，请参考 [文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) 修改应用等级为 `system_basic`
+The following permissions include the `system_basic` permission, but the default application permission is `normal`. Only the `normal` permission can be used. Therefore, the error * 9568289 * * * may be reported during the installation of the HAP package. For details, see [Document](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) Change the application level to `system_basic`.
 
-#### Include applicable permissions in the module.json5 file within the entry directory.
+#### Add permissions to the module.json5 file in the entry directory.
 
-Open the `entry/src/main/module.json5` file and add the following code:
+Open `entry/src/main/module.json5` and add the following information:
 
 ```diff
 ...
@@ -318,9 +324,9 @@ Open the `entry/src/main/module.json5` file and add the following code:
 ]
 ```
 
-#### Apply the reasons for applicable permission in the entry directory.
+#### Add the reason for applying for the preceding permission to the entry directory.
 
-Open the `entry/src/main/resources/base/element/string.json` file and add the following code:
+Open `entry/src/main/resources/base/element/string.json` and add the following information:
 
 ```diff
 ...
@@ -328,15 +334,15 @@ Open the `entry/src/main/resources/base/element/string.json` file and add the fo
   "string": [
 +    {
 +      "name": "camera_reason",
-+      "value": "using the camera"
++      "value": "camera_reason"
 +    },
 +    {
 +      "name": "location_reason",
-+      "value": "get current location"
++      "value": "location_reason"
 +    },
 +    {
 +      "name": "microphone_reason",
-+      "value": "using a Microphone"
++      "value": "microphone_reason"
 +    },
   ]
 }
@@ -348,70 +354,71 @@ Open the `entry/src/main/resources/base/element/string.json` file and add the fo
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**Camera**: 相机组件
-
-| Name                         | Description                                                                                                                                                                                                                                                                                                                                                                                                                                            | Type                  | Required | Platform | HarmonyOS Support |
-| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- |
-| ref                          | Reference on the camera view                                                                                                                                                                                                                                                                                                                                                                                                                           | Ref                   | no       | All      | yes               |
-| style                        | Style to apply on the camera view                                                                                                                                                                                                                                                                                                                                                                                                                      | StyleProp\<ViewStyle> | no       | All      | yes               |
-| flashMode                    | Camera flash mode. Default: `auto`                                                                                                                                                                                                                                                                                                                                                                                                                     | 'on'`/`'off'`/`'auto' | no       | All      | yes               |
-| focusMode                    | Camera focus mode. Default: on                                                                                                                                                                                                                                                                                                                                                                                                                         | 'on'`/`'off'          | no       | All      | yes               |
-| zoomMode                     | Enable the pinch to zoom gesture. Default: on                                                                                                                                                                                                                                                                                                                                                                                                          | 'on'`/`'off'          | no       | All      | yes               |
-| zoom                         | Control the zoom. Default: 1.0                                                                                                                                                                                                                                                                                                                                                                                                                         | Number                | no       | All      | yes               |
-| maxZoom                      | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)                                                                                                                                                                                                                                                                                                                                                      | Number                | no       | All      | yes               |
-| onZoom                       | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.                                                                                                                                                                                                                                                                              | Function              | no       | All      | yes               |
-| torchMode                    | Toggle flash light when camera is active. Default: off                                                                                                                                                                                                                                                                                                                                                                                                 | 'on'`/`'off'          | no       | All      | yes               |
-| cameraType                   | Choose what camera to use. Default: `CameraType.                                                                                                                                                                                                                                                                                                                                                                                                       | 'front'/'back'        | no       | All      | yes               |
-| onOrientationChange          | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value                                                                                                                    | Function              | no       | iOS      | yes               |
-| onError                      | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.                                                                                                                                                                                                                                                                                                                                  | Function              | no       | Android  | yes               |
-| shutterPhotoSound            | Android only. Enable or disable the shutter sound when capturing a photo. Default: `true`                                                                                                                                                                                                                                                                                                                                                              | Boolean               | no       | Android  | yes               |
-| ratioOverlay                 | Show a guiding overlay in the camera preview for the selected ratio. Does not crop image as of v9.0. Example: '16:9'                                                                                                                                                                                                                                                                                                                                   | String                | no       | iOS      | yes               |
-| ratioOverlayColor            | Any color with alpha. Default: '#ffffff77'                                                                                                                                                                                                                                                                                                                                                                                                             | String                | no       | All      | yes               |
-| resetFocusTimeout            | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.                                                                                                                                                                                                                                                                                                                                                   | Number                | no       | All      | yes               |
-| resetFocusWhenMotionDetected | Dismiss tap to focus when focus area content changes. Native iOS feature, see documentation: https://developer.apple.com/documentation/avfoundation/avcapturedevice/1624644-subjectareachangemonitoringenabl?language=objc). Default true.                                                                                                                                                                                                             | Boolean               | no       | iOS      | no                |
-| resizeMode                   | Determines the scaling and cropping behavior of content within the view. cover (resizeAspectFill on iOS) scales the content to fill the view completely, potentially cropping content if its aspect ratio differs from the view. contain (resizeAspect on iOS) scales the content to fit within the view's bounds without cropping, ensuring all content is visible but may introduce letterboxing. Default behavior depends on the specific use case. | 'cover' / 'contain'   | no       | iOS      | no                |
-| onCaptureButtonPressIn       | Callback when iPhone capture button is pressed in. Ex: onCaptureButtonPressIn={() => console.log("volume button pressed in")}                                                                                                                                                                                                                                                                                                                          | Function              | no       | iOS      | yes               |
-| onCaptureButtonPressOut      | Callback when iPhone capture button is released. Ex: onCaptureButtonPressOut={() => console.log("volume button released")}                                                                                                                                                                                                                                                                                                                             | Function              | no       | iOS      | no                |
-
-**ScanCode**: 扫码组件
-
-| Name                | Description                                                                                                                                                                                                                                                                                                                         | Type                  | Required | Platform | HarmonyOS Support |
-| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | -------- | -------- | ----------------- |
-| ref                 | Reference on the camera view                                                                                                                                                                                                                                                                                                        | Ref                   | no       | All      | yes               |
-| style               | Style to apply on the camera view                                                                                                                                                                                                                                                                                                   | StyleProp\<ViewStyle> | no       | All      | yes               |
-| flashMode           | Get secret value                                                                                                                                                                                                                                                                                                                    | 'on'`/`'off'`/`'auto' | no       | All      | yes               |
-| zoomMode            | Enable the pinch to zoom gesture. Default: on                                                                                                                                                                                                                                                                                       | 'on'`/`'off'          | no       | All      | yes               |
-| zoom                | Control the zoom. Default: 1.0                                                                                                                                                                                                                                                                                                      | Number                | no       | All      | yes               |
-| maxZoom             | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)                                                                                                                                                                                                                                   | Number                | no       | All      | yes               |
-| onZoom              | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.                                                                                                                                                           | Function              | no       | All      | yes               |
-| torchMode           | Toggle flash light when camera is active. Default: off                                                                                                                                                                                                                                                                              | 'on'`/`'off'          | no       | All      | yes               |
-| cameraType          | Choose what camera to use. Default: `CameraType.                                                                                                                                                                                                                                                                                    | 'front'/'back'        | no       | All      | no                |
-| onOrientationChange | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value | Function              | no       | iOS      | no                |
-| onError             | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.                                                                                                                                                                                                               | Function              | no       | Android  | yes               |
-| resetFocusTimeout   | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.                                                                                                                                                                                                                                | Number                | no       | All      | yes               |
-| scanThrottleDelay   | Duration between scan detection in milliseconds. Default 2000 (2s)                                                                                                                                                                                                                                                                  | Number                | no       | All      | yes               |
-| scanBarcode         | Enable barcode scanner. Default: `false`                                                                                                                                                                                                                                                                                            | boolean               | no       | All      | yes               |
-| showFrame           | Show frame in barcode scanner. Default: `false`                                                                                                                                                                                                                                                                                     | boolean               | no       | All      | yes               |
-| laserColor          | Color of barcode scanner laser visualization. Default: `red`                                                                                                                                                                                                                                                                        | string                | no       | All      | yes               |
-| frameColor          | Color of barcode scanner frame visualization. Default: `yellow`                                                                                                                                                                                                                                                                     | string                | no       | All      | yes               |
-| onReadCode          | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)}                                                                                                                                           | Function              | no       | All      | yes               |
-
-## Static Methods
-
-| Name                                 | Description                                                                 | Type                 | Required | Platform | HarmonyOS Support |
-| ------------------------------------ | --------------------------------------------------------------------------- | -------------------- | -------- | -------- | ----------------- |
-| capture                              | Capture image as JPEG.                                                      | Promise<CaptureData> | No       | All      | Yes               |
-| requestDeviceCameraAuthorization     | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean>     | No       | All      | Yes               |
-| checkDeviceCameraAuthorizationStatus | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean>     | All      | Yes      | Yes               |
+**Camera**：CameraComponent
+
+| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------|----------------------|----------|----------|-------------|-------------------|
+| ref | Reference on the camera view     | Ref | no       | All | yes               |
+| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
+| flashMode  | Camera flash mode. Default: `auto` | 'on'`/`'off'`/`'auto' | no       | All | yes               |
+| focusMode  | Camera focus mode. Default: on     | 'on'`/`'off' | no       | All | yes               |
+| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
+| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
+| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
+| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
+| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
+| cameraType  | Choose what camera to use. Default: `CameraType. | 'front'/'back' | no       | All | yes               |
+| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | yes               |
+| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
+| shutterPhotoSound  |Android only. Enable or disable the shutter sound when capturing a photo. Default: `true`     | Boolean | no       | Android | yes   
+| ratioOverlay  | Show a guiding overlay in the camera preview for the selected ratio. Does not crop image as of v9.0. Example: '16:9'     | String | no       | iOS | yes               |
+| ratioOverlayColor  | Any color with alpha. Default: '#ffffff77'     | String | no       | All | yes               |
+| resetFocusTimeout  | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.     | Number | no       | All | yes               |
+| resetFocusWhenMotionDetected	  | Dismiss tap to focus when focus area content changes. Native iOS feature, see documentation: https://developer.apple.com/documentation/avfoundation/avcapturedevice/1624644-subjectareachangemonitoringenabl?language=objc). Default true.     | Boolean | no       | iOS | no             |
+| resizeMode  | Determines the scaling and cropping behavior of content within the view. cover (resizeAspectFill on iOS) scales the content to fill the view completely, potentially cropping content if its aspect ratio differs from the view. contain (resizeAspect on iOS) scales the content to fit within the view's bounds without cropping, ensuring all content is visible but may introduce letterboxing. Default behavior depends on the specific use case.     | 'cover' / 'contain' | no       | iOS | no             |
+| onCaptureButtonPressIn  | Callback when iPhone capture button is pressed in. Ex: onCaptureButtonPressIn={() => console.log("volume button pressed in")}    | Function | no       | iOS | yes          |
+| onCaptureButtonPressOut  | Callback when iPhone capture button is released. Ex: onCaptureButtonPressOut={() => console.log("volume button released")}     | Function | no       | iOS | no             |
+
+**ScanCode**：ScanCodeComponent
+
+| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
+|-----------------|----------------------|----------|----------|-------------|-------------------|
+| ref | Reference on the camera view     | Ref | no       | All      | yes               |
+| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
+| flashMode  | Get secret value     | 'on'`/`'off'`/`'auto' | no       | All | yes          |
+| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
+| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
+| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
+| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
+| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
+| cameraType                   | Choose what camera to use. Default: `CameraType.             | 'front'/'back'        | no       | All | no                |
+| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | no             |
+| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
+| resetFocusTimeout  | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.     | Number | no       | All | yes               |
+| scanThrottleDelay  | Duration between scan detection in milliseconds. Default 2000 (2s)     | Number | no       | All | yes              |
+| scanBarcode  | Enable barcode scanner. Default: `false`     | boolean | no       | All | yes               |
+| showFrame  | Show frame in barcode scanner. Default: `false`     | boolean | no       | All | yes               |
+| laserColor  | Color of barcode scanner laser visualization. Default: `red`     | string | no       | All | yes               |
+| frameColor  | Color of barcode scanner frame visualization. Default: `yellow`     | string | no       | All | yes               |
+| onReadCode  | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)}     | Function | no       | All | yes               |
+
+## Methods
+
+| Name  | Description         | Type       | Required | Platform | HarmonyOS Support |
+| ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
+| capture  | Capture image as JPEG.  | Promise<CaptureData> | No       | All      | Yes               |
+| requestDeviceCameraAuthorization  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | No       | All      | Yes               |
+| checkDeviceCameraAuthorizationStatus  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | All      | Yes               |Yes|
+
 
 ## Known Issues
 
-- [ ] 不支持查询传感器旋转角度 [issue#1](https://github.com/react-native-oh-library/react-native-camera-kit/issues/1)
-- [ ] 不支持使用前置相机进行扫码 [issue#2](https://github.com/react-native-oh-library/react-native-camera-kit/issues/2)
-- [ ] 不能同时设置 flashMode 和 torchMode 属性 [issue#3](https://github.com/react-native-oh-library/react-native-camera-kit/issues/3)
-- [ ] 暂不支持 onCaptureButtonPressOut 属性 [issue#4](https://github.com/react-native-oh-library/react-native-camera-kit/issues/4)
-- [ ] 暂不支持 resetFocusWhenMotionDetected 属性 [issue#5](https://github.com/react-native-oh-library/react-native-camera-kit/issues/5)
-- [ ] 暂不支持 resizeMode 属性 [issue#6](https://github.com/react-native-oh-library/react-native-camera-kit/issues/6)
+- [ ] The sensor rotation angle cannot be queried. [issue#1](https://github.com/react-native-oh-library/react-native-camera-kit/issues/1) 
+- [ ] The front camera cannot be used for code scanning. [issue#2](https://github.com/react-native-oh-library/react-native-camera-kit/issues/2) 
+- [ ] The flashMode and torchMode attributes cannot be set at the same time. [issue#3](https://github.com/react-native-oh-library/react-native-camera-kit/issues/3)
+- [ ] The onCaptureButtonPressOut attribute is not supported. [issue#4](https://github.com/react-native-oh-library/react-native-camera-kit/issues/4)
+- [ ] The resetFocusWhenMotionDetected attribute is not supported. [issue#5](https://github.com/react-native-oh-library/react-native-camera-kit/issues/5)
+- [ ] The resizeMode attribute is not supported currently. [issue#6](https://github.com/react-native-oh-library/react-native-camera-kit/issues/6)
 
 ## Others
 

From efc3b7b84d7e25f4d7d100165fda86205ab2e6aa Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Thu, 7 Nov 2024 07:34:37 +0000
Subject: [PATCH 829/966] =?UTF-8?q?!1851=20docs:=20=E6=9B=B4=E6=96=B0react?=
 =?UTF-8?q?-native-linear-gradient=E6=96=87=E6=A1=A3=E4=B8=BAgitee?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC=20*=20docs:=20=E6=9B=B4=E6=96=B0react-native?=
 =?UTF-8?q?-linear-gradient=E6=96=87=E6=A1=A3=E4=B8=BAgitee=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-linear-gradient.md    | 156 +++++++++++--------------
 zh-cn/react-native-linear-gradient.md | 160 +++++++++++---------------
 2 files changed, 135 insertions(+), 181 deletions(-)

diff --git a/en/react-native-linear-gradient.md b/en/react-native-linear-gradient.md
index d1a0887d..1c7301c3 100644
--- a/en/react-native-linear-gradient.md
+++ b/en/react-native-linear-gradient.md
@@ -7,16 +7,22 @@
     <a href="https://github.com/react-native-linear-gradient/react-native-linear-gradient">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-        <a href="https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE">
+        <a href="https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-linear-gradient)
+> [Gitee Repository](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)
+
+> [Gitee Releases: @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+
+> [Github Repository(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient)
+
+> [Github Releases(<= 3.0.0-0.5.0): @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases).
+`This third-party library has been migrated to Gitee and is now available for direct download from npm.`
 
 Go to the project directory and execute the following instruction:
 
@@ -27,13 +33,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-linear-gradient@file:#
+npm install @react-native-ohos/react-native-linear-gradient
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-linear-gradient@file:#
+yarn add @react-native-ohos/react-native-linear-gradient
 ```
 
 <!-- tabs:end -->
@@ -43,52 +49,53 @@ The following code shows the basic use scenario of the repository:
 > [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { ReactNode } from 'react';
+import React, { ReactNode } from "react";
 import {
-    SafeAreaView,
-    ScrollView,
-    StatusBar,
-    StyleSheet,
-    Text,
-    View,
-} from 'react-native';
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  View,
+} from "react-native";
 import LinearGradient from "react-native-linear-gradient";
 
 // Within your render function
 function LinearGradientDemo() {
-    return (
-        <View style={styles.container}>
-            <LinearGradient
-                colors={["#4c669f", "#3b5998", "#192f6a"]}
-                style={styles.linearGradient}
-            >
-            <Text style={styles.buttonText}>Sign in with Facebook</Text>
-            </LinearGradient>;
-        </View>
-    );
-};
+  return (
+    <View style={styles.container}>
+      <LinearGradient
+        colors={["#4c669f", "#3b5998", "#192f6a"]}
+        style={styles.linearGradient}
+      >
+        <Text style={styles.buttonText}>Sign in with Facebook</Text>
+      </LinearGradient>
+      ;
+    </View>
+  );
+}
 export default LinearGradientDemo;
 // Later on in your styles..
 var styles = StyleSheet.create({
-    container: {
-        backgroundColor: '#fff',
-        flex: 1,
-        paddingTop: 24,
-    },
-    linearGradient: {
-        flex: 1,
-        paddingLeft: 15,
-        paddingRight: 15,
-        borderRadius: 5,
-    },
-    buttonText: {
-        fontSize: 18,
-        fontFamily: "Gill Sans",
-        textAlign: "center",
-        margin: 10,
-        color: "#ffffff",
-        backgroundColor: "transparent",
-    },
+  container: {
+    backgroundColor: "#fff",
+    flex: 1,
+    paddingTop: 24,
+  },
+  linearGradient: {
+    flex: 1,
+    paddingLeft: 15,
+    paddingRight: 15,
+    borderRadius: 5,
+  },
+  buttonText: {
+    fontSize: 18,
+    fontFamily: "Gill Sans",
+    textAlign: "center",
+    margin: 10,
+    color: "#ffffff",
+    backgroundColor: "transparent",
+  },
 });
 ```
 
@@ -121,9 +128,7 @@ Open entry/oh-package.json5 file and add the following dependencies:
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/react-native-linear-gradient": "file:../../node_modules/@react-native-oh-tpl/react-native-linear-gradient/harmony/linear_gradient.har"
+    "@react-native-ohos/react-native-linear-gradient": "file:../../node_modules/@react-native-ohos/react-native-linear-gradient/harmony/linear_gradient.har"
   }
 ```
 
@@ -145,37 +150,13 @@ Method 2: Directly link to the source code.
 Open entry/src/main/cpp/CMakeLists.txt and add the following code:
 
 ```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(CMAKE_SKIP_BUILD_RPATH TRUE)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-set(LOG_VERBOSITY_LEVEL 1)
-set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
-set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
-set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
-add_compile_definitions(WITH_HITRACE_SYSTRACE)
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-linear-gradient/src/main/cpp" ./linear-gradient)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-linear-gradient/src/main/cpp" ./linear-gradient)
 # RNOH_END: manual_package_linking_1
 
-file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
-
-add_library(rnoh_app SHARED
-    ${GENERATED_CPP_FILES}
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
 # RNOH_BEGIN: manual_package_linking_2
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_linear_gradient)
 # RNOH_END: manual_package_linking_2
 ```
@@ -185,7 +166,6 @@ Open entry/src/main/cpp/PackageProvider.cpp and add the following code:
 ```diff
 #include "RNOH/PackageProvider.h"
 #include "generated/RNOHGeneratedPackage.h"
-#include "SamplePackage.h"
 + #include "LinearGradientPackage.h"
 
 using namespace rnoh;
@@ -193,7 +173,6 @@ using namespace rnoh;
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
       std::make_shared<RNOHGeneratedPackage>(ctx),
-      std::make_shared<SamplePackage>(ctx),
 +     std::make_shared<LinearGradientPackage>(ctx)
     };
 }
@@ -218,31 +197,30 @@ Then build and run the code.
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
-
-This document is verified based on the following versions:
-1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.228; ROM: 3.0.0.23;
+Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-linear-gradient Releases](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
 
 ## Properties
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name        | Description                                              | Type                   | Required | Platform | HarmonyOS Support (ArkTS) | HarmonyOS Support (CAPI) |
-| ----------- | -------------------------------------------------------- | ---------------------- | -------- | -------- |---------------------------|--------------------------|
-| colors      | Color Array                                              | (string\|number)[]     | NO       | All      | yes                       | yes                      |
-| locations   | Color for unknown array (length 0 or the same as colors) | number[]               | NO       | All      | yes                       | yes                      |
-| useAngle    | Use angle (default false)                                | boolean                | NO       | All      | yes                       | yes                      |
-| angle       | Angle (useAngle=true valid)                              | number                 | NO       | All      | yes                       | yes                      |
-| angleCenter | Middle angle coordinate                                  | { x: number,y: number} | NO       | All      | no                        | yes                      |
-| start       | Starting point coordinates (default value: {x: 0.5,1})   | { x: number,y: number} | NO       | All      | partial                   | yes                      |
-| end         | End point coordinates (default value: {x: 0.5,1})        | { x: number,y: number} | NO       | All      | partial                   | yes                      |
+| Name        | Description                                              | Type                   | Required | Platform | HarmonyOS Support |
+| ----------- | -------------------------------------------------------- | ---------------------- | -------- | -------- | ----------------- |
+| colors      | Color Array                                              | (string\|number)[]     | NO       | All      | yes               |
+| locations   | Color for unknown array (length 0 or the same as colors) | number[]               | NO       | All      | yes               |
+| useAngle    | Use angle (default false)                                | boolean                | NO       | All      | yes               |
+| angle       | Angle (useAngle=true valid)                              | number                 | NO       | All      | yes               |
+| angleCenter | Middle angle coordinate                                  | { x: number,y: number} | NO       | All      | no                |
+| start       | Starting point coordinates (default value: {x: 0.5,1})   | { x: number,y: number} | NO       | All      | yes               |
+| end         | End point coordinates (default value: {x: 0.5,1})        | { x: number,y: number} | NO       | All      | yes               |
 
 ## Known Issues
 
+- The current version of HarmonyOS does not support angleCenter.
+
 ## Others
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE).
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE).
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 7157b302..325478f7 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.1
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-linear-gradient</code> </h1>
@@ -7,33 +7,37 @@
     <a href="https://github.com/react-native-linear-gradient/react-native-linear-gradient">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-        <a href="https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE">
+        <a href="https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-linear-gradient)
+> [Gitee 仓库](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)
+
+> [Gitee Releases: @react-native-ohos/react-native-linear-gradient ](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+
+> [Github 仓库(已废弃)](https://github.com/react-native-oh-library/react-native-linear-gradient)
+
+> [Github Releases(<= 3.0.0-0.5.0): @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)，并下载适用版本的 tgz 包。
+`该第三方库已迁移至 Gitee，且支持直接从 npm 下载。`
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-linear-gradient@file:#
+npm install @react-native-ohos/react-native-linear-gradient
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-linear-gradient@file:#
+yarn add @react-native-ohos/react-native-linear-gradient
 ```
 
 <!-- tabs:end -->
@@ -43,52 +47,53 @@ yarn add @react-native-oh-tpl/react-native-linear-gradient@file:#
 > [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React, { ReactNode } from 'react';
+import React, { ReactNode } from "react";
 import {
-    SafeAreaView,
-    ScrollView,
-    StatusBar,
-    StyleSheet,
-    Text,
-    View,
-} from 'react-native';
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  View,
+} from "react-native";
 import LinearGradient from "react-native-linear-gradient";
 
 // Within your render function
 function LinearGradientDemo() {
-    return (
-        <View style={styles.container}>
-            <LinearGradient
-                colors={["#4c669f", "#3b5998", "#192f6a"]}
-                style={styles.linearGradient}
-            >
-                <Text style={styles.buttonText}>Sign in with Facebook</Text>
-            </LinearGradient>;
-        </View>
-    );
-};
+  return (
+    <View style={styles.container}>
+      <LinearGradient
+        colors={["#4c669f", "#3b5998", "#192f6a"]}
+        style={styles.linearGradient}
+      >
+        <Text style={styles.buttonText}>Sign in with Facebook</Text>
+      </LinearGradient>
+      ;
+    </View>
+  );
+}
 export default LinearGradientDemo;
 // Later on in your styles..
 var styles = StyleSheet.create({
-    container: {
-        backgroundColor: '#fff',
-        flex: 1,
-        paddingTop: 24, 
-    },
-    linearGradient: {
-        flex: 1,
-        paddingLeft: 15,
-        paddingRight: 15,
-        borderRadius: 5,
-    },
-    buttonText: {
-        fontSize: 18,
-        fontFamily: "Gill Sans",
-        textAlign: "center",
-        margin: 10,
-        color: "#ffffff",
-        backgroundColor: "transparent",
-    },
+  container: {
+    backgroundColor: "#fff",
+    flex: 1,
+    paddingTop: 24,
+  },
+  linearGradient: {
+    flex: 1,
+    paddingLeft: 15,
+    paddingRight: 15,
+    borderRadius: 5,
+  },
+  buttonText: {
+    fontSize: 18,
+    fontFamily: "Gill Sans",
+    textAlign: "center",
+    margin: 10,
+    color: "#ffffff",
+    backgroundColor: "transparent",
+  },
 });
 ```
 
@@ -124,9 +129,7 @@ var styles = StyleSheet.create({
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/react-native-linear-gradient": "file:../../node_modules/@react-native-oh-tpl/react-native-linear-gradient/harmony/linear_gradient.har"
+    "@react-native-ohos/react-native-linear-gradient": "file:../../node_modules/@react-native-ohos/react-native-linear-gradient/harmony/linear_gradient.har"
   }
 ```
 
@@ -148,37 +151,13 @@ ohpm install
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
 ```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(CMAKE_SKIP_BUILD_RPATH TRUE)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-set(LOG_VERBOSITY_LEVEL 1)
-set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
-set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
-set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
-add_compile_definitions(WITH_HITRACE_SYSTRACE)
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-linear-gradient/src/main/cpp" ./linear-gradient)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-linear-gradient/src/main/cpp" ./linear-gradient)
 # RNOH_END: manual_package_linking_1
 
-file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
-
-add_library(rnoh_app SHARED
-    ${GENERATED_CPP_FILES}
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
 # RNOH_BEGIN: manual_package_linking_2
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_linear_gradient)
 # RNOH_END: manual_package_linking_2
 ```
@@ -188,7 +167,6 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 ```diff
 #include "RNOH/PackageProvider.h"
 #include "generated/RNOHGeneratedPackage.h"
-#include "SamplePackage.h"
 + #include "LinearGradientPackage.h"
 
 using namespace rnoh;
@@ -196,7 +174,6 @@ using namespace rnoh;
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
       std::make_shared<RNOHGeneratedPackage>(ctx),
-      std::make_shared<SamplePackage>(ctx),
 +     std::make_shared<LinearGradientPackage>(ctx)
     };
 }
@@ -221,31 +198,30 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-linear-gradient Releases](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
-
-本文档内容基于以下版本验证通过：
-1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.228; ROM: 3.0.0.23;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-linear-gradient Releases](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
 
 ## 属性
 
-> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!TIP] "Platform" 列表示这些属性在原始第三方库中支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "如果“HarmonyOS 支持”列的值为“yes”，则表示 HarmonyOS 平台支持该属性；“no”则表示不支持；“partially”表示部分支持该属性的功能。该属性在不同平台上的使用方法相同，效果与 iOS 或 Android 平台一致。
 
-| Name        | Description                                              | Type                   | Required | Platform | HarmonyOS Support (ArkTS) | HarmonyOS Support (CAPI) |
-| ----------- | -------------------------------------------------------- | ---------------------- | -------- | -------- |---------------------------|--------------------------|
-| colors      | Color Array                                              | (string\|number)[]     | NO       | All      | yes                       | yes                      |
-| locations   | Color for unknown array (length 0 or the same as colors) | number[]               | NO       | All      | yes                       | yes                      |
-| useAngle    | Use angle (default false)                                | boolean                | NO       | All      | yes                       | yes                      |
-| angle       | Angle (useAngle=true valid)                              | number                 | NO       | All      | yes                       | yes                      |
-| angleCenter | Middle angle coordinate                                  | { x: number,y: number} | NO       | All      | no                        | yes                      |
-| start       | Starting point coordinates (default value: {x: 0.5,1})   | { x: number,y: number} | NO       | All      | partial                   | yes                      |
-| end         | End point coordinates (default value: {x: 0.5,1})        | { x: number,y: number} | NO       | All      | partial                   | yes                      |
+| Name        | Description                                              | Type                   | Required | Platform | HarmonyOS Support |
+| ----------- | -------------------------------------------------------- | ---------------------- | -------- | -------- | ----------------- |
+| colors      | Color Array                                              | (string\|number)[]     | NO       | All      | yes               |
+| locations   | Color for unknown array (length 0 or the same as colors) | number[]               | NO       | All      | yes               |
+| useAngle    | Use angle (default false)                                | boolean                | NO       | All      | yes               |
+| angle       | Angle (useAngle=true valid)                              | number                 | NO       | All      | yes               |
+| angleCenter | Middle angle coordinate                                  | { x: number,y: number} | NO       | All      | no                |
+| start       | Starting point coordinates (default value: {x: 0.5,1})   | { x: number,y: number} | NO       | All      | yes               |
+| end         | End point coordinates (default value: {x: 0.5,1})        | { x: number,y: number} | NO       | All      | yes               |
 
 ## 遗留问题
 
+- HarmonyOS 当前版本暂时无法实现 angleCenter
+
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-linear-gradient/blob/harmony/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE) ，请自由地享受和参与开源。

From b0dcd311668580c63039cd2cf76a649a5c3f2fb8 Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Thu, 7 Nov 2024 07:44:23 +0000
Subject: [PATCH 830/966] =?UTF-8?q?!1853=20docs:=20=E4=BF=AE=E5=A4=8Dreact?=
 =?UTF-8?q?-native-linear-gradient=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20=E4=BF=AE=E5=A4=8Dreact-native-linear-gradient?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-linear-gradient.md    | 6 ++----
 zh-cn/react-native-linear-gradient.md | 4 ++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/en/react-native-linear-gradient.md b/en/react-native-linear-gradient.md
index 1c7301c3..e0f735b3 100644
--- a/en/react-native-linear-gradient.md
+++ b/en/react-native-linear-gradient.md
@@ -18,16 +18,14 @@
 
 > [Github Repository(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient)
 
-> [Github Releases(<= 3.0.0-0.5.0): @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
 
 ## Installation and Usage
 
-`This third-party library has been migrated to Gitee and is now available for direct download from npm.`
+`This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: @react-native-ohos/react-native-linear-gradient`
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] # Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 325478f7..a925410b 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -18,11 +18,11 @@
 
 > [Github 仓库(已废弃)](https://github.com/react-native-oh-library/react-native-linear-gradient)
 
-> [Github Releases(<= 3.0.0-0.5.0): @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
 
 ## 安装与使用
 
-`该第三方库已迁移至 Gitee，且支持直接从 npm 下载。`
+`该第三方库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/react-native-linear-gradient`
 
 进入到工程目录并输入以下命令：
 

From 0b75ef8a126ce63454f35b40e3a3df7bac2698d5 Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Thu, 7 Nov 2024 07:58:24 +0000
Subject: [PATCH 831/966] =?UTF-8?q?Revert=20"!1853=20docs:=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8Dreact-native-linear-gradient=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit b0dcd311668580c63039cd2cf76a649a5c3f2fb8.
---
 en/react-native-linear-gradient.md    | 6 ++++--
 zh-cn/react-native-linear-gradient.md | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/en/react-native-linear-gradient.md b/en/react-native-linear-gradient.md
index e0f735b3..1c7301c3 100644
--- a/en/react-native-linear-gradient.md
+++ b/en/react-native-linear-gradient.md
@@ -18,14 +18,16 @@
 
 > [Github Repository(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient)
 
-> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+> [Github Releases(<= 3.0.0-0.5.0): @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
 
 ## Installation and Usage
 
-`This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: @react-native-ohos/react-native-linear-gradient`
+`This third-party library has been migrated to Gitee and is now available for direct download from npm.`
 
 Go to the project directory and execute the following instruction:
 
+> [!TIP] # Replace the content with the path of the .tgz package at the comment sign (#).
+
 <!-- tabs:start -->
 
 #### **npm**
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index a925410b..325478f7 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -18,11 +18,11 @@
 
 > [Github 仓库(已废弃)](https://github.com/react-native-oh-library/react-native-linear-gradient)
 
-> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+> [Github Releases(<= 3.0.0-0.5.0): @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
 
 ## 安装与使用
 
-`该第三方库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/react-native-linear-gradient`
+`该第三方库已迁移至 Gitee，且支持直接从 npm 下载。`
 
 进入到工程目录并输入以下命令：
 

From c985ad141f150805dedc0ce97669733369ca2c6e Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Thu, 7 Nov 2024 08:01:16 +0000
Subject: [PATCH 832/966] =?UTF-8?q?!1855=20docs:=20=E4=BF=AE=E5=A4=8Dreact?=
 =?UTF-8?q?-native-linear-gradient=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20=E4=BF=AE=E5=A4=8Dreact-native-linear-gradient?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-linear-gradient.md    | 8 +++-----
 zh-cn/react-native-linear-gradient.md | 6 +++---
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/en/react-native-linear-gradient.md b/en/react-native-linear-gradient.md
index 1c7301c3..d8125650 100644
--- a/en/react-native-linear-gradient.md
+++ b/en/react-native-linear-gradient.md
@@ -14,20 +14,18 @@
 
 > [Gitee Repository](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)
 
-> [Gitee Releases: @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+> [Gitee Releases: @react-native-ohos/react-native-linear-gradient](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
 
 > [Github Repository(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient)
 
-> [Github Releases(<= 3.0.0-0.5.0): @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
 
 ## Installation and Usage
 
-`This third-party library has been migrated to Gitee and is now available for direct download from npm.`
+`This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: @react-native-ohos/react-native-linear-gradient`
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] # Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 325478f7..b20748c6 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -14,15 +14,15 @@
 
 > [Gitee 仓库](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)
 
-> [Gitee Releases: @react-native-ohos/react-native-linear-gradient ](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+> [Gitee Releases: @react-native-ohos/react-native-linear-gradient ](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
 
 > [Github 仓库(已废弃)](https://github.com/react-native-oh-library/react-native-linear-gradient)
 
-> [Github Releases(<= 3.0.0-0.5.0): @react-native-ohos/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
 
 ## 安装与使用
 
-`该第三方库已迁移至 Gitee，且支持直接从 npm 下载。`
+`该第三方库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/react-native-linear-gradient`
 
 进入到工程目录并输入以下命令：
 

From d80fcd63c4572bb5842cdd47b72ba0898a82df8c Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Thu, 7 Nov 2024 08:21:08 +0000
Subject: [PATCH 833/966] =?UTF-8?q?!1854=20docs:=20[Issues:=20#IB2QLU]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-quick-base64=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20##IB2QLU]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-quick-base64=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-quick-base64.md    | 4 ----
 zh-cn/react-native-quick-base64.md | 4 ----
 2 files changed, 8 deletions(-)

diff --git a/en/react-native-quick-base64.md b/en/react-native-quick-base64.md
index 9c64e1ea..b08c54e9 100644
--- a/en/react-native-quick-base64.md
+++ b/en/react-native-quick-base64.md
@@ -421,10 +421,6 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Use Codegen
-
-本库未带 rc.x 的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/en/codegen.md)。
-
 ## Link
 
 Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
diff --git a/zh-cn/react-native-quick-base64.md b/zh-cn/react-native-quick-base64.md
index 4b605dc8..aa96cd7d 100644
--- a/zh-cn/react-native-quick-base64.md
+++ b/zh-cn/react-native-quick-base64.md
@@ -421,10 +421,6 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用Codegen
-
-本库未带rc.x的版本号是已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
-
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。

From 0b71ecfa3e6433ab7d2ba9d1843e9d799a54afea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <2029332849@qq.com>
Date: Thu, 7 Nov 2024 12:59:35 +0000
Subject: [PATCH 834/966] =?UTF-8?q?!1858=20docs:=20[Issues:=20#IB2TKY]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-wechat-lib=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB2TKY]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-wechat-lib=E4=BD=BF=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-wechat-lib.md    | 41 +++++++++++++++++++++++++-------
 zh-cn/react-native-wechat-lib.md | 41 +++++++++++++++++++++++++-------
 2 files changed, 64 insertions(+), 18 deletions(-)

diff --git a/en/react-native-wechat-lib.md b/en/react-native-wechat-lib.md
index 59582712..ae9451ad 100644
--- a/en/react-native-wechat-lib.md
+++ b/en/react-native-wechat-lib.md
@@ -213,7 +213,29 @@ export default class EntryAbility extends RNAbility {
 
 ```
 
-### 4. Configuring CMakeLists and Introducing BaseReactNativeWechatLibPackage
+### 4. Configuring module.json5 
+
+open `entry/src/main/module.json5` and add the following code:
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+    "description": "$string:module_desc",
+    "mainElement": "EntryAbility",
+    "deviceTypes": [
+      "default"
+    ],
++   "querySchemes": [
++     "weixin",
++   ],
+    ...
+  }
+}
+```
+
+### 5. Configuring CMakeLists and Introducing RNWechatLibPackage
 
 open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
@@ -259,7 +281,7 @@ Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 #include "RNOH/PackageProvider.h"
 #include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
-+ #include "BaseReactNativeWechatLibPackage.h"
++ #include "RNWechatLibPackage.h"
 
 using namespace rnoh;
 
@@ -267,12 +289,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
     return {
         std::make_shared<RNOHGeneratedPackage>(ctx),
         std::make_shared<SamplePackage>(ctx),
-+       std::make_shared<BaseReactNativeWechatLibPackage>(ctx),
++       std::make_shared<RNWechatLibPackage>(ctx),
     };
 }
 ```
 
-### 5. Introducing WechatLibPackage to ArkTS
+### 6. Introducing WechatLibPackage to ArkTS
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
@@ -288,7 +310,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6. Running
+### 7. Running
 
 Click the `sync` button in the upper right corner.
 
@@ -315,10 +337,12 @@ Check the release version information in the release address of the third-party
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+> [!TIP] The rules for mobile applications to jump to Mini Program, [please refer to the feature introduction for launching Mini Program in the app](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Launching_a_Mini_Program/Launching_a_Mini_Program.html)
+
 | Name                                          | Description        | Type     | Required | Platform    | HarmonyOS Support |
 | --------------------------------------------- | ------------------ | -------- | -------- | ----------- | ----------------- |
 | registerApp(appid)                            | register               | Function | no       | Android/iOS | yes               |
-| isWXAppInstalled()                            | Determine whether WeChat is installed | Function | no       | Android/iOS | no                |
+| isWXAppInstalled()                            | Determine whether WeChat is installed | Function | no       | Android/iOS | yes               |
 | isWXAppSupportApi()                           | Check support       | Function | no       | Android/iOS | no                |
 | getApiVersion()                               | Get API version number    | Function | no       | Android/iOS | no                |
 | openWXApp()                                   | Open WeChat           | Function | no       | Android/iOS | yes               |
@@ -332,7 +356,7 @@ Check the release version information in the release address of the third-party
 | shareVideo(ShareVideoMetadata)                | Share Video           | Function | no       | Android/iOS | no                |
 | shareWebpage (ShareWebpageMetadata)           | Share Webpage           | Function | no       | Android/iOS | no                |
 | shareMiniProgram(ShareMiniProgramMetadata)    | Share MiniProgram         | Function | no       | Android/iOS | no                |
-| launchMiniProgram (LaunchMiniProgramMetadata) | Launch MiniProgram         | Function | no       | Android/iOS | no                |
+| launchMiniProgram (LaunchMiniProgramMetadata) | Launch MiniProgram         | Function | no       | Android/iOS | yes               |
 | chooseInvoice (ChooseInvoice)                 | Select invoice           | Function | no       | Android/iOS | no                |
 | pay(payload)                                  | pay               | Function | no       | Android/iOS | yes               |
 | subscribeMessage(SubscribeMessageMetadata)    | 
@@ -343,8 +367,7 @@ One-time subscription to messages     | Function | no       | Android/iOS | no
 ## Others
 
 - ShareText、ShareImage、ShareLocalImage: Only sharing is supported, collection is not supported, because the WeChat Open SDK currently does not support collection on the HarmonyOS platform.
-- isWXAppInstalled: The reason why it is not supported is that HarmonyOS does not support obtaining the application list data installed on the device.
-- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage 、ShareMiniProgram、LaunchMiniProgram、ChooseInvoice、subscribeMessage. These interfaces are currently not supported by HarmonyOS WeChat Open SDK.
+- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage 、ShareMiniProgram、ChooseInvoice、subscribeMessage. These interfaces are currently not supported by HarmonyOS WeChat Open SDK.
 
 ## License
 
diff --git a/zh-cn/react-native-wechat-lib.md b/zh-cn/react-native-wechat-lib.md
index d7437d08..6ead08f3 100644
--- a/zh-cn/react-native-wechat-lib.md
+++ b/zh-cn/react-native-wechat-lib.md
@@ -216,7 +216,29 @@ export default class EntryAbility extends RNAbility {
 
 ```
 
-### 4.配置 CMakeLists 和引入 BaseReactNativeWechatLibPackage
+### 4.配置 module.json5
+
+打开 `entry/src/main/module.json5`，添加：
+
+```diff
+{
+  "module": {
+    "name": "entry",
+    "type": "entry",
+    "description": "$string:module_desc",
+    "mainElement": "EntryAbility",
+    "deviceTypes": [
+      "default"
+    ],
++   "querySchemes": [
++     "weixin",
++   ],
+    ...
+  }
+}
+```
+
+### 5.配置 CMakeLists 和引入 RNWechatLibPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -262,7 +284,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 #include "RNOH/PackageProvider.h"
 #include "generated/RNOHGeneratedPackage.h"
 #include "SamplePackage.h"
-+ #include "BaseReactNativeWechatLibPackage.h"
++ #include "RNWechatLibPackage.h"
 
 using namespace rnoh;
 
@@ -270,12 +292,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
     return {
         std::make_shared<RNOHGeneratedPackage>(ctx),
         std::make_shared<SamplePackage>(ctx),
-+       std::make_shared<BaseReactNativeWechatLibPackage>(ctx),
++       std::make_shared<RNWechatLibPackage>(ctx),
     };
 }
 ```
 
-### 5.在 ArkTs 侧引入 WechatLibPackage
+### 6.在 ArkTs 侧引入 WechatLibPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -291,7 +313,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 7.运行
 
 点击右上角的 `sync` 按钮
 
@@ -318,10 +340,12 @@ ohpm install
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+> [!TIP] 移动应用跳转至小程序的规则，[请见APP拉起小程序的功能介绍](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Launching_a_Mini_Program/Launching_a_Mini_Program.html)
+
 | Name                                          | Description        | Type     | Required | Platform    | HarmonyOS Support |
 | --------------------------------------------- | ------------------ | -------- | -------- | ----------- | ----------------- |
 | registerApp(appid)                            | 注册               | Function | no       | Android/iOS | yes               |
-| isWXAppInstalled()                            | 判断微信是否已安装 | Function | no       | Android/iOS | no                |
+| isWXAppInstalled()                            | 判断微信是否已安装 | Function | no       | Android/iOS | yes                |
 | isWXAppSupportApi()                           | 检查支持情况       | Function | no       | Android/iOS | no                |
 | getApiVersion()                               | 获取 API 版本号    | Function | no       | Android/iOS | no                |
 | openWXApp()                                   | 打开微信           | Function | no       | Android/iOS | yes               |
@@ -335,7 +359,7 @@ ohpm install
 | shareVideo(ShareVideoMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
 | shareWebpage (ShareWebpageMetadata)           | 分享网页           | Function | no       | Android/iOS | no                |
 | shareMiniProgram(ShareMiniProgramMetadata)    | 分享小程序         | Function | no       | Android/iOS | no                |
-| launchMiniProgram (LaunchMiniProgramMetadata) | 跳到小程序         | Function | no       | Android/iOS | no                |
+| launchMiniProgram (LaunchMiniProgramMetadata) | 跳到小程序         | Function | no       | Android/iOS | yes               |
 | chooseInvoice (ChooseInvoice)                 | 选择发票           | Function | no       | Android/iOS | no                |
 | pay(payload)                                  | 支付               | Function | no       | Android/iOS | yes               |
 | subscribeMessage(SubscribeMessageMetadata)    | 一次性订阅消息     | Function | no       | Android/iOS | no                |
@@ -345,8 +369,7 @@ ohpm install
 ## 其他
 
 - ShareText、ShareImage、ShareLocalImage 只支持分享，不支持收藏，原因为目前微信 Open SDK 还不支持 HarmonyOS 平台的收藏
-- isWXAppInstalled 不支持原因是 HarmonyOS 不支持获取设备上安装的应用列表数据
-- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage 、ShareMiniProgram、LaunchMiniProgram、ChooseInvoice、subscribeMessage 这些接口目前在 HarmonyOS 微信 Open SDK 还不支持
+- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage 、ShareMiniProgram、ChooseInvoice、subscribeMessage 这些接口目前在 HarmonyOS 微信 Open SDK 还不支持
 
 ## 开源协议
 

From e336579543fd91159049270ceb508ead1ec58f1c Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Fri, 8 Nov 2024 02:48:33 +0000
Subject: [PATCH 835/966] =?UTF-8?q?!1857=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-voice-voice=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20[#IB2T5C]=E4=BF=AE=E6=94=B9react-native-voice-voice?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-voice-voice.md    | 7 ++++---
 zh-cn/react-native-voice-voice.md | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/en/react-native-voice-voice.md b/en/react-native-voice-voice.md
index adecb73b..16b1b4df 100644
--- a/en/react-native-voice-voice.md
+++ b/en/react-native-voice-voice.md
@@ -509,11 +509,11 @@ open `string.json`，Reason for adding permission request：
 | stop()：Promise<unknown>    | Stops listening for speech. Returns null if no error occurs.                                                                                                          | function  | no       | Android, iOS | yes               |
 | cancel()：Promise<unknown>    | Cancels the speech recognition. Returns null if no error occurs.                                                                                                      | function  | no       | Android, iOS | yes               |
 | destroy()：Promise<unknown>     | Destroys the current SpeechRecognizer instance. Returns null if no error occurs.                                                                                      | function  | no       | Android, iOS | yes               |
-| removeAllListeners()| Cleans/nullifies overridden Voice static methods.                                                                                                                     | void              | no       | Android, iOS | yes               |
+| removeAllListeners()| Cleans/nullifies overridden Voice static methods.                                                                                                                     | void              | no       | Android, iOS | no               |
 | isRecognizing()：Promise<isRecognizing:<0 \| 1 > | Return if the SpeechRecognizer is recognizing.                                                                                                                        |function   | no       | Android, iOS | yes               |
 | getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | function | no       | Android      | no                |
 
-## 事件回调
+## Event Callbacks 
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -534,8 +534,9 @@ open `string.json`，Reason for adding permission request：
 - [ ] 原库支持在线和离线模式，HarmonyOS 侧暂只支持离线 问题: [issue#2](https://github.com/react-native-oh-library/voice/issues/2)
 - [ ] 原库支持多种区域和语言，HarmonyOS 侧暂只支持中文 问题: [issue#3](https://github.com/react-native-oh-library/voice/issues/3)
 
-## Others
 
+## Others
+- removeAllListeners方法未生效，与iOS效果一致。 问题: [issue#491](https://github.com/react-native-voice/voice/issues/491)
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/react-native-voice/voice/blob/master/LICENSE).
diff --git a/zh-cn/react-native-voice-voice.md b/zh-cn/react-native-voice-voice.md
index 5c6991f6..947a5e40 100644
--- a/zh-cn/react-native-voice-voice.md
+++ b/zh-cn/react-native-voice-voice.md
@@ -503,7 +503,7 @@ ohpm install
 | stop()：Promise<unknown>  | Stops listening for speech. Returns null if no error occurs.   | function  | no      | Android, iOS | yes               |
 | cancel()：Promise<unknown>  | Cancels the speech recognition. Returns null if no error occurs.    | function | no       | Android, iOS     | yes               |
 | destroy()：Promise<unknown>  | Destroys the current SpeechRecognizer instance. Returns null if no error occurs. | function  | no      | Android, iOS | yes               |
-| removeAllListeners()：Promise<unknown>  | Cleans/nullifies overridden Voice static methods.   | void              | no       | Android, iOS  | yes               |
+| removeAllListeners()：Promise<unknown>  | Cleans/nullifies overridden Voice static methods.   | void              | no       | Android, iOS  | no               |
 | isRecognizing()：Promise<isRecognizing:<0 \| 1 > | Return if the SpeechRecognizer is recognizing.  | function  | no      | Android, iOS  | yes               |
 | getSpeechRecognitionServices() | Returns a list of the speech recognition engines available on the device. (Example: ['com.google.android.googlequicksearchbox'] if Google is the only one available.) | function| no   | Android  | no  |
 
@@ -527,8 +527,9 @@ ohpm install
 
 - [ ] 原库支持在线和离线模式，HarmonyOS侧暂只支持离线 问题: [issue#2](https://github.com/react-native-oh-library/voice/issues/2)
 - [ ] 原库支持多种区域和语言，HarmonyOS侧暂只支持中文 问题: [issue#3](https://github.com/react-native-oh-library/voice/issues/3)
-## 其他
 
+## 其他
+- removeAllListeners方法未生效，与iOS效果一致。问题:  [issue#491]((https://github.com/react-native-voice/voice/issues/491)
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-voice/voice/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 1e16c8bae3b196c944a5d4d96741f6a0c4dc3cfe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B8=A9=E6=98=8A=E4=B8=9C?= <dvaj@qq.com>
Date: Fri, 8 Nov 2024 06:30:41 +0000
Subject: [PATCH 836/966] =?UTF-8?q?!1860=20docs:=20[Issues:=20#IB2W3J]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-mmkv-storage=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB2W3J]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-mmkv-storage=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-mmkv-storage.md    | 2 +-
 zh-cn/react-native-mmkv-storage.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-mmkv-storage.md b/en/react-native-mmkv-storage.md
index ea10a28a..fc9480d5 100644
--- a/en/react-native-mmkv-storage.md
+++ b/en/react-native-mmkv-storage.md
@@ -225,7 +225,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmkv-storage.har"
+    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmkv_storage.har"
   }
 ```
 
diff --git a/zh-cn/react-native-mmkv-storage.md b/zh-cn/react-native-mmkv-storage.md
index f6d8b5f9..616aad1c 100644
--- a/zh-cn/react-native-mmkv-storage.md
+++ b/zh-cn/react-native-mmkv-storage.md
@@ -228,7 +228,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmkv-storage.har"
+    "@react-native-oh-tpl/react-native-mmkv-storage": "file:../../node_modules/@react-native-oh-tpl/react-native-mmkv-storage/harmony/mmkv_storage.har"
   }
 ```
 

From a88f2b53bd03d65eb20a8987a75d8fb5d523e2f7 Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Fri, 8 Nov 2024 06:33:54 +0000
Subject: [PATCH 837/966] =?UTF-8?q?!1861=20docs:=20[Issues:=20#IB2YLX]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-crop-picker(nocodegen)?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IB2YLX]=20=E4=BF=AE=E6=94=B9react-native-image-crop-picker(noco?=
 =?UTF-8?q?degen)=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-crop-picker(nocodegen).md    | 2 +-
 zh-cn/react-native-image-crop-picker(nocodegen).md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-image-crop-picker(nocodegen).md b/en/react-native-image-crop-picker(nocodegen).md
index 0ebc4177..2ca09cb3 100644
--- a/en/react-native-image-crop-picker(nocodegen).md
+++ b/en/react-native-image-crop-picker(nocodegen).md
@@ -211,7 +211,7 @@ file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
     ${GENERATED_CPP_FILES}
-+  ${IMAGE_CROP_PICKER_CPP_FILES }
++  ${IMAGE_CROP_PICKER_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
diff --git a/zh-cn/react-native-image-crop-picker(nocodegen).md b/zh-cn/react-native-image-crop-picker(nocodegen).md
index 0ebc4177..2ca09cb3 100644
--- a/zh-cn/react-native-image-crop-picker(nocodegen).md
+++ b/zh-cn/react-native-image-crop-picker(nocodegen).md
@@ -211,7 +211,7 @@ file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
 
 add_library(rnoh_app SHARED
     ${GENERATED_CPP_FILES}
-+  ${IMAGE_CROP_PICKER_CPP_FILES }
++  ${IMAGE_CROP_PICKER_CPP_FILES}
     "./PackageProvider.cpp"
     "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )

From f172f3fe1c4fa9a34ae84b1e0c1c41bac8ea7593 Mon Sep 17 00:00:00 2001
From: DamonJiang <jiangkui6@h-partners.com>
Date: Fri, 8 Nov 2024 06:47:51 +0000
Subject: [PATCH 838/966] =?UTF-8?q?!1859=20docs:=20[Issues:=20#IB2VSG]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-search-bar=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB2VSG]=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Ereact-native-search-bar=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-search-bar.md    | 319 ++++++++++++++++++++++++++++++
 zh-cn/react-native-search-bar.md | 320 +++++++++++++++++++++++++++++++
 2 files changed, 639 insertions(+)
 create mode 100644 en/react-native-search-bar.md
 create mode 100644 zh-cn/react-native-search-bar.md

diff --git a/en/react-native-search-bar.md b/en/react-native-search-bar.md
new file mode 100644
index 00000000..8f445bf2
--- /dev/null
+++ b/en/react-native-search-bar.md
@@ -0,0 +1,319 @@
+> Template version: v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-search-bar</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/umhan35/react-native-search-bar">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/umhan35/react-native-search-bar/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-search-bar)
+
+## Installation and Usage
+
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-search-bar Releases](https://github.com/react-native-oh-library/react-native-search-bar/releases).
+
+Go to the project directory and execute the following instruction:
+
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-search-bar@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-search-bar@file:#
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+import React, { useState, useRef  } from 'react';
+import { StyleSheet , Text, View } from 'react-native';
+import SearchBar from 'react-native-search-bar';
+
+
+const SearchBarDemo = () => {
+  const search1 = React.createRef();
+
+  return (
+      <ScrollView contentContainerStyle={styles.inset}>
+        <Text style={styles.header}>Dark Style</Text>
+		
+        <SearchBar
+		  style={{marginTop:20,marginBottom:30}}
+          ref={search1}
+		  barStyle="default"
+		  placeholder="Search"
+		  returnKeyType="Done"
+		  keyboardType="phone-padd"
+		  onChange={(e)=>{
+			  console.log('search-bar -----------> JS Demo onchange:' + e.nativeEvent.text)
+		  }}
+		  onChangeText={(text)=>{
+
+		  }}
+		  onFocus={()=>{
+
+		  }}
+		  onBlur={()=>{
+
+		  }}
+		  onSearchButtonPress={(text)=>{
+			  search1.current.clearText();
+		  }}
+		  onCancelButtonPress={()=>{
+			  search1.current.blur();
+		  }}
+        />
+		
+      </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  inset: {
+    flex: 1,
+  },
+  header: {
+    textAlign: 'center',
+    marginTop: 35,
+    fontSize: 18,
+    fontWeight: 'bold',
+  },
+});
+
+export default SearchBarDemo;
+```
+
+## Link
+
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2. Introducing Native Code
+
+Currently, two methods are available:
+
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-search-bar": "file:../../node_modules/@react-native-oh-tpl/react-native-search-bar/harmony/search_bar.har",
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
+
+### 3. Configuring CMakeLists and Introducing SearchBarPackage
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-search-bar/src/main/cpp" ./search-bar)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_search_bar)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "SearchBarPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<SearchBarPackage>(ctx),
+    };
+}
+```
+
+### 4.Introducing RNCSearchBar Component to ArkTS
+
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
+
+```diff
+    ...
++ import { RNCSearchBar } from "@react-native-oh-tpl/react-native-search-bar"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+    ...
++   if (ctx.componentName === RNCSearchBar.NAME) {
++     RNCSearchBar({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag,
++     })
++   }
+...
+  }
+...
+```
+
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.
+
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RNCSearchBar.NAME
+  ];
+```
+
+### 5.Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## Constraints
+
+### Compatibility
+
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-search-bar Releases](https://github.com/react-native-oh-library/react-native-search-bar/releases)
+
+## Properties
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
+|---------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -------- | -------- |-------------|------------------|
+| `placeholder`  | Text for the placeholder.                                                                            | string | No       | Android、iOS | yes              |
+| `textColor`   | Textfield text color.                                                                                                                             | string   | No       | Android、iOS | yes              |
+| `barTintColor` | Background color of the search bar.                                                                              | string | No       | Android、iOS | yes              |
+| `tintColor` | Color of the Cancel button, highlight and cursor.                                                                                                   | string | No       | Android、iOS | yes              |
+| `text`     | Text in the search bar.                                                                                                                  | string | No       | Android、iOS | yes              |
+| `textFieldBackgroundColor` | Textfield background color.                                                                                   | string | No       | Android、iOS | yes              |
+| `returnKeyType` | Return key type for the keyboard. | string | No       | IOS     | yes              |
+| `keyboardType` | The type of keyboard to display.                    | string | No       | IOS     | yes              |
+| `showsCancelButtonWhileEditing` | Only shows the cancel button while the search bar has focus.                                                                                                        | boolean | No       | IOS     | yes              |
+| `hideBackground` | Indicates whether just to show the text input only.                                                                          | boolean | No       | Android、iOS | yes            |
+| `barStyle`   | Style of the bar.                                                                                                                | string | No       | Android、iOS | yes           |
+| `editable` | Toggles if the user can interact with the search bar.                                                                | boolean | No       | Android、iOS | yes           |
+| `showsCancelButton` | Toggles whether to show the cancel button or not.                                                                    | boolean | No       | Android、iOS | yes           |
+| `searchBarStyle` | Style of the search bar.                                                                                                            | string | No       | Android、iOS | yes           |
+| `cancelButtonText` | String for the cancel button.                                                                                 | string | No       | Android、iOS | yes           |
+| `onBlur` | Event fired the input is blurred.                                                 | Function | No       | Android、iOS | yes           |
+| `onChange` | Event fired when.                                                                 | Function | No       | Android、iOS | yes           |
+| `onChangeText` | Event fired when the text in the input changes.                                   | Function | No       | Android、iOS | yes           |
+| `onFocus` | Event fired when the text input is focused.                                       | Function | No       | Android、iOS | yes           |
+| `onSearchButtonPress` | Event fired when the search button is pressed.                                    | Function | No       | Android、iOS | yes           |
+| `onCancelButtonPress` | Event fired when the cancel button is pressed.                                    | Function | No       | Android、iOS | yes           |
+| `keyboardAppearance` | The appearance of the keyboard.      | 'default' 、 'dark' 、 'light' | No       | iOS          | no          |
+| `enablesReturnKeyAutomatically` | Indicates whether the Return key is automatically enabled when the user is entering text. | boolean | No       | Android、iOS | no          |
+| `autoCorrect` | If autoCorrect is enabled.           | boolean | No       | iOS | no         |
+| `spellCheck` | If red underline is shown for misspelt words. | boolean | No       | iOS | no         |
+| `autoCapitalize` | The auto-capitalization behavior.    | 'none' 、 'sentences' 、 'words' 、 'characters' | No       | iOS | no         |                                                                                                                      | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
+
+## Static Methods
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name        | Description         | Type     | Required | Platform     | HarmonyOS Support |
+| ----------- | ------------------- | -------- | -------- | ------------ | ----------------- |
+| `focus`     | Get focus.          | function | No       | Android、iOS | yes               |
+| `blur`      | Lose focus.         | function | No       | Android、iOS | yes               |
+| `unFocus`   | Lose focus.         | function | No       | Android、iOS | yes               |
+| `clearText` | Clean up the input. | function | No       | Android、iOS | yes               |
+
+## Known Issues
+
+- [ ] autoCapitalize属性，该属性用来控制自动大写风格，单词首字母/句子首字母/整体大写，ArkUI 不支持此属性: [issue#2](https://github.com/react-native-oh-library/react-native-search-bar/issues/2)
+- [ ] spellCheck属性，该属性用来控制错误的单词，是否显示红色下划线，ArkUI 不支持此属性: [issue#3](https://github.com/react-native-oh-library/react-native-search-bar/issues/3)
+- [ ] autoCorrect属性，该属性用来控制是否开启错误单词自动更正功能，ArkUI 不支持此属性: [issue#4](https://github.com/react-native-oh-library/react-native-search-bar/issues/4)
+- [ ] enablesReturnKeyAutomatically属性，该属性用来控制编辑时键盘返回键是否显示，ArkUI 不支持此属性: [issue#5](https://github.com/react-native-oh-library/react-native-search-bar/issues/5)
+- [ ] keyboardAppearance属性，该属性用来控制键盘主题风格，ArkUI 不支持此属性: [issue#6](https://github.com/react-native-oh-library/react-native-search-bar/issues/6)
+
+## Others
+
+## License
+
+
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-search-bar/blob/master/LICENSE).
diff --git a/zh-cn/react-native-search-bar.md b/zh-cn/react-native-search-bar.md
new file mode 100644
index 00000000..6d5a75f8
--- /dev/null
+++ b/zh-cn/react-native-search-bar.md
@@ -0,0 +1,320 @@
+> 模板版本：v0.2.2
+
+<p align="center">
+  <h1 align="center"> <code>react-native-search-bar</code> </h1>
+</p>
+<p align="center">
+    <a href="https://github.com/umhan35/react-native-search-bar">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/umhan35/react-native-search-bar/blob/master/LICENSE">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
+    </a>
+</p>
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-search-bar)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-search-bar Releases](https://github.com/react-native-oh-library/react-native-search-bar/releases)，并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令：
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/react-native-search-bar@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/react-native-search-bar@file:#
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+import React, { useState, useRef  } from 'react';
+import { StyleSheet , Text, View } from 'react-native';
+import SearchBar from 'react-native-search-bar';
+
+
+const SearchBarDemo = () => {
+  const search1 = React.createRef();
+
+  return (
+      <ScrollView contentContainerStyle={styles.inset}>
+        <Text style={styles.header}>Dark Style</Text>
+		
+        <SearchBar
+		  style={{marginTop:20,marginBottom:30}}
+          ref={search1}
+		  barStyle="default"
+		  placeholder="占位符"
+		  returnKeyType="Done"
+		  keyboardType="phone-padd"
+		  onChange={(e)=>{
+			  console.log('search-bar -----------> JS Demo onchange:' + e.nativeEvent.text)
+		  }}
+		  onChangeText={(text)=>{
+
+		  }}
+		  onFocus={()=>{
+
+		  }}
+		  onBlur={()=>{
+
+		  }}
+		  onSearchButtonPress={(text)=>{
+			  search1.current.clearText();
+		  }}
+		  onCancelButtonPress={()=>{
+			  search1.current.blur();
+		  }}
+        />
+		
+      </ScrollView>
+  );
+};
+
+const styles = StyleSheet.create({
+  inset: {
+    flex: 1,
+  },
+  header: {
+    textAlign: 'center',
+    marginTop: 35,
+    fontSize: 18,
+    fontWeight: 'bold',
+  },
+});
+
+export default SearchBarDemo;
+```
+
+## Link
+
+目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+
+### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+
+```json
+{
+  ...
+  "overrides": {
+    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+  }
+}
+```
+
+### 2.引入原生端代码
+
+目前有两种方法：
+
+1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+2. 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+
+    "@react-native-oh-tpl/react-native-search-bar": "file:../../node_modules/@react-native-oh-tpl/react-native-search-bar/harmony/search_bar.har",
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 SearchBarPackage
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-search-bar/src/main/cpp" ./search-bar)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_search_bar)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "SearchBarPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<SearchBarPackage>(ctx),
+    };
+}
+```
+
+### 4.在 ArkTs 侧引入 RNCSearchBar 组件
+
+找到 `function buildCustomComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+    ...
++ import { RNCSearchBar } from "@react-native-oh-tpl/react-native-search-bar"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+    ...
++   if (ctx.componentName === RNCSearchBar.NAME) {
++     RNCSearchBar({
++       ctx: ctx.rnComponentContext,
++       tag: ctx.tag,
++     })
++   }
+...
+  }
+...
+```
+
+> [!TIP] 本库使用了混合方案，需要添加组件名。
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
+  GeneratedSampleView.NAME,
+  PropsDisplayer.NAME,
++ RNCSearchBar.NAME
+  ];
+```
+
+### 5.运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-search-bar Releases](https://github.com/react-native-oh-library/react-native-search-bar/releases)
+
+## 属性
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
+|---------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -------- | -------- |-------------|------------------|
+| `placeholder`  | Text for the placeholder.                                                                            | string | No       | Android、iOS | yes              |
+| `textColor`   | Textfield text color.                                                                                                                             | string   | No       | Android、iOS | yes              |
+| `barTintColor` | Background color of the search bar.                                                                              | string | No       | Android、iOS | yes              |
+| `tintColor` | Color of the Cancel button, highlight and cursor.                                                                                                   | string | No       | Android、iOS | yes              |
+| `text`     | Text in the search bar.                                                                                                                  | string | No       | Android、iOS | yes              |
+| `textFieldBackgroundColor` | Textfield background color.                                                                                   | string | No       | Android、iOS | yes              |
+| `returnKeyType` | Return key type for the keyboard. | string | No       | IOS     | yes              |
+| `keyboardType` | The type of keyboard to display.                    | string | No       | IOS     | yes              |
+| `showsCancelButtonWhileEditing` | Only shows the cancel button while the search bar has focus.                                                                                                        | boolean | No       | IOS     | yes              |
+| `hideBackground` | Indicates whether just to show the text input only.                                                                          | boolean | No       | Android、iOS | yes            |
+| `barStyle`   | Style of the bar.                                                                                                                | string | No       | Android、iOS | yes           |
+| `editable` | Toggles if the user can interact with the search bar.                                                                | boolean | No       | Android、iOS | yes           |
+| `showsCancelButton` | Toggles whether to show the cancel button or not.                                                                    | boolean | No       | Android、iOS | yes           |
+| `searchBarStyle` | Style of the search bar.                                                                                                            | string | No       | Android、iOS | yes           |
+| `cancelButtonText` | String for the cancel button.                                                                                 | string | No       | Android、iOS | yes           |
+| `onBlur` | Event fired the input is blurred.                                                 | Function | No       | Android、iOS | yes           |
+| `onChange` | Event fired when.                                                                 | Function | No       | Android、iOS | yes           |
+| `onChangeText` | Event fired when the text in the input changes.                                   | Function | No       | Android、iOS | yes           |
+| `onFocus` | Event fired when the text input is focused.                                       | Function | No       | Android、iOS | yes           |
+| `onSearchButtonPress` | Event fired when the search button is pressed.                                    | Function | No       | Android、iOS | yes           |
+| `onCancelButtonPress` | Event fired when the cancel button is pressed.                                    | Function | No       | Android、iOS | yes           |
+| `keyboardAppearance` | The appearance of the keyboard.      | 'default' 、 'dark' 、 'light' | No       | iOS          | no          |
+| `enablesReturnKeyAutomatically` | Indicates whether the Return key is automatically enabled when the user is entering text. | boolean | No       | Android、iOS | no          |
+| `autoCorrect` | If autoCorrect is enabled.           | boolean | No       | iOS | no         |
+| `spellCheck` | If red underline is shown for misspelt words. | boolean | No       | iOS | no         |
+| `autoCapitalize` | The auto-capitalization behavior.    | 'none' 、 'sentences' 、 'words' 、 'characters' | No       | iOS | no         |
+## 静态方法
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name        | Description         | Type     | Required | Platform     | HarmonyOS Support |
+| ----------- | ------------------- | -------- | -------- | ------------ | ----------------- |
+| `focus`     | Get focus.          | function | No       | Android、iOS | yes               |
+| `blur`      | Lose focus.         | function | No       | Android、iOS | yes               |
+| `unFocus`   | Lose focus.         | function | No       | Android、iOS | yes               |
+| `clearText` | Clean up the input. | function | No       | Android、iOS | yes               |
+
+## 遗留问题
+- [ ] autoCapitalize属性，该属性用来控制自动大写风格，单词首字母/句子首字母/整体大写，ArkUI 不支持此属性: [issue#2](https://github.com/react-native-oh-library/react-native-search-bar/issues/2)
+- [ ] spellCheck属性，该属性用来控制错误的单词，是否显示红色下划线，ArkUI 不支持此属性: [issue#3](https://github.com/react-native-oh-library/react-native-search-bar/issues/3)
+- [ ] autoCorrect属性，该属性用来控制是否开启错误单词自动更正功能，ArkUI 不支持此属性: [issue#4](https://github.com/react-native-oh-library/react-native-search-bar/issues/4)
+- [ ] enablesReturnKeyAutomatically属性，该属性用来控制编辑时键盘返回键是否显示，ArkUI 不支持此属性: [issue#5](https://github.com/react-native-oh-library/react-native-search-bar/issues/5)
+- [ ] keyboardAppearance属性，该属性用来控制键盘主题风格，ArkUI 不支持此属性: [issue#6](https://github.com/react-native-oh-library/react-native-search-bar/issues/6)
+
+  
+## 其他
+
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-search-bar/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From d1c0ee9a2d34d793ea5b71ef4b35e646c42043b7 Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Mon, 11 Nov 2024 03:06:16 +0000
Subject: [PATCH 839/966] =?UTF-8?q?!1862=20docs:=20[Issues:=20#IB32NA]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB32NA]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB32NA]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-elements.md    | 233 ++++++++++++++++-----------------
 zh-cn/react-native-elements.md |  41 ++++--
 2 files changed, 144 insertions(+), 130 deletions(-)

diff --git a/en/react-native-elements.md b/en/react-native-elements.md
index 17951a94..8e5f036c 100644
--- a/en/react-native-elements.md
+++ b/en/react-native-elements.md
@@ -257,57 +257,52 @@ The HarmonyOS implementation of this library relies on the native code of @react
 
 If not introduced, please refer to Link section of @react-native-oh-tpl/react-native-safe-area-context documentation, Link section of @react-native-oh-tpl/react-native-linear-gradient documentation for introduction.
 
-### 在 ArkTs 侧引入和注册字体文件
+### Introduce and register font on the ArkTs side
 
-步骤一:
-复制字体文件到 `entry/src/main/ets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
+Step 1:
+Copy the font  to the 'entry/src/main/ets/assets/fonts' directory (if an external font file is used, the \ *. ttf file needs to be copied over)
 
-步骤二:
+Step 2:
 Open the `entry/src/main/ets/pages/Index.ets` file and add the following code:
 
 ```ts
-    import font from '@ohos.font';
-    //...
-    const fonts: font.FontOptions[] = [
-      {
-        familyName: 'StintUltraCondensed-Regular',
-        familySrc: '/assets/fonts/StintUltraCondensed-Regular.ttf'
-      },
-      {
-        familyName: 'FontAwesome',
-        familySrc: '/assets/fonts/FontAwesome.ttf'
-      },
-      {
-        familyName: 'FontAwesome5_Brands',
-        familySrc: '/assets/fonts/FontAwesome5_Brands.ttf'
-      },
-      {
-        familyName: 'FontAwesome5_Regular',
-        familySrc: '/assets/fonts/FontAwesome5_Regular.ttf'
-      },
-      {
-        familyName: 'FontAwesome5_Solid',
-        familySrc: '/assets/fonts/FontAwesome5_Solid.ttf'
-      }
-    ]
-
-    @Entry
-    @Component
-    struct Index {
-        //...
-        aboutToAppear() {
-            //...
-
-            //注册字体文件
-            for (const customFont of fonts) {
-                font.registerFont(customFont)
-            }
+  build() {
+    Column() {
+      if (this.rnohCoreContext && this.shouldShow) {
+        if (this.rnohCoreContext?.isDebugModeEnabled) {
+          RNOHErrorDialog({ ctx: this.rnohCoreContext })
         }
-        //...
+        RNApp({
+          rnInstanceConfig: {
+              fontResourceByFontFamily: {
+              'anticon': $rawfile('fonts/AntDesign.ttf'),
+              'Entypo': $rawfile('fonts/Entypo.ttf'),
+              'EvilIcons': $rawfile('fonts/EvilIcons.ttf'),
+              'Feather': $rawfile('fonts/Feather.ttf'),
+              'FontAwesome': $rawfile('fonts/FontAwesome.ttf'),
+              'FontAwesome5Brands-Regular': $rawfile('fonts/FontAwesome5_Brands.ttf'),
+              'FontAwesome5Free-Regular': $rawfile('fonts/FontAwesome5_Regular.ttf'),
+              'FontAwesome5Free-Solid': $rawfile('fonts/FontAwesome5_Solid.ttf'),
+              'FontAwesome6Brands-Regular': $rawfile('fonts/FontAwesome6_Brands.ttf'),
+              'FontAwesome6Free-Regular': $rawfile('fonts/FontAwesome6_Regular.ttf'),
+              'FontAwesome6Free-Solid': $rawfile('fonts/FontAwesome6_Solid.ttf'),
+              'Fontisto': $rawfile('fonts/Fontisto.ttf'),
+              'fontcustom': $rawfile('fonts/Foundation.ttf'),
+              'Ionicons': $rawfile('fonts/Ionicons.ttf'),
+              'Material Design Icons': $rawfile('fonts/MaterialCommunityIcons.ttf'),
+              'Material Icons': $rawfile('fonts/MaterialIcons.ttf'),
+              'Octicons': $rawfile('fonts/Octicons.ttf'),
+              'simple-line-icons': $rawfile('fonts/SimpleLineIcons.ttf'),
+              'zocial': $rawfile('fonts/Zocial.ttf'),
+            }
+        })
+      }
     }
+    .height('100%')
+    .width('100%')
+  }
 ```
 
-> [!TIP] Demo 中字体属于 IconFont 文件；自定义字体也需要用统一的方法在此注册。
 
 ## Constraints
 
@@ -321,15 +316,15 @@ This document is verified based on the following versions:
 
 ## Components
 
-详细请查看 [react-native-elements 的文档介绍](https://reactnativeelements.com)
+For details about component usage, see. [react-native-elements](https://reactnativeelements.com)
 
-以下为目前已支持的组件属性:
+The following component attributes are currently supported:
 
 > [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**AirbnbRating**: 爱彼迎风格的评级组件
+**AirbnbRating**: Airbnb style rating component
 
 |         Name         |                                                                                   Description                                                                                    |         Type          | Required | Platform | HarmonyOS Support |
 | :------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
@@ -347,7 +342,7 @@ This document is verified based on the following versions:
 |  starContainerStyle  |                                                                     Style for star containerDefault is none                                                                      |      View Style       |    No    |   All    |        Yes        |
 |      starImage       |                                                                        Pass in a custom base image source                                                                        |        string         |    No    |    No    |        No         |
 
-**Avatar**: 一个头像、Icon、字母渲染组件
+**Avatar**: A component for rendering avatars, icons, and letters
 
 |         Name          |                                                                         Description                                                                          |                    Type                    | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------: | :------: | :------: | :---------------: |
@@ -370,7 +365,7 @@ This document is verified based on the following versions:
 |  ImageSourcePropType  |                                                              Renders title in the placeholder.                                                               |                   string                   |    No    |   All    |        Yes        |
 |      titleStyle       |                                                                     Style for the title.                                                                     |                 Text Style                 |    No    |   All    |        Yes        |
 
-**Avatar.Accessory**: Avatar 组件的子组件，接收所有 [Icon](https://reactnativeelements.com/docs/components/icon#props), [Image](https://reactnativeelements.com/docs/components/image#props), [Text](https://reactnative.dev/docs/text#props) 的 props
+**Avatar.Accessory**: A subcomponent of the Avatar component that receives all props of  [Icon](https://reactnativeelements.com/docs/components/icon#props), [Image](https://reactnativeelements.com/docs/components/image#props), [Text](https://reactnative.dev/docs/text#props)
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -380,7 +375,7 @@ This document is verified based on the following versions:
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**Badge**: 徽章组件，通常用于向用户传达数值或指示物品的状态
+**Badge**: Badge component,
 
 |      Name      |                        Description                        |                  Type                  | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------------------------------------: | :------------------------------------: | :------: | :------: | :---------------: |
@@ -397,8 +392,7 @@ This document is verified based on the following versions:
 |   textStyle    |             Extra styling for icon component.             |               Text Style               |    No    |   All    |        Yes        |
 |     value      |  Text value to be displayed by badge, defaults to empty.  |               ReactNode                |    No    |   All    |        Yes        |
 
-**BottomSheet**: 从屏幕底部显示内容的组件，依赖 react-native-safe-area-context 三方库
-
+**BottomSheet**: Components that display content from the bottom of the screen, relying on react-native-safe-area-context 
 |      Name       |                                     Description                                      |      Type       | Required | Platform | HarmonyOS Support |
 | :-------------: | :----------------------------------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
 |  backdropStyle  |                           Style of the backdrop container.                           |   View Style    |    No    |   All    |        Yes        |
@@ -408,7 +402,7 @@ This document is verified based on the following versions:
 | onBackdropPress |                             Handler for backdrop press.                              |    Function     |    No    |   All    |        Yes        |
 | scrollViewProps |                          Used to add props to Scroll view.                           | ScrollViewProps |    No    |   All    |        Yes        |
 
-**Button**: 按钮组件，接收所有 [TouchableOpacityProps](https://reactnative.dev/docs/touchableopacity#props) 的 props
+**Button**: Button component that receives all props of [TouchableOpacityProps](https://reactnative.dev/docs/touchableopacity#props)
 
 |        Name         |                                                                       Description                                                                        |                               Type                               | Required | Platform | HarmonyOS Support |
 | :-----------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -436,7 +430,7 @@ This document is verified based on the following versions:
 |        type         |                                                                     Type of button.                                                                      |                    `solid`,`clear`,`outline`                     |    No    |   All    |        Yes        |
 |      uppercase      |                                                                  Uppercase button title                                                                  |                             boolean                              |    No    |   All    |        Yes        |
 
-**ButtonGroup**: 按钮组组件
+**ButtonGroup**: Button group component
 
 |           Name            |                                                             Description                                                              |                     Type                      | Required | Platform | HarmonyOS Support |
 | :-----------------------: | :----------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -470,20 +464,20 @@ This document is verified based on the following versions:
 |       underlayColor       |                                            Specify underlayColor for TouchableHighlight.                                             |                      ng                       |    No    |    No    |        No         |
 |         vertical          |                                                 Display the ButtonGroup vertically.                                                  |                    boolean                    |    No    |   All    |        Yes        |
 
-**Card**: 卡片组件
+**Card**: Card components
 
 |      Name      |      Description       |    Type    | Required | Platform | HarmonyOS Support |
 | :------------: | :--------------------: | :--------: | :------: | :------: | :---------------: |
 | containerStyle | Outer container style. | View Style |    No    |   All    |        Yes        |
 |  wrapperStyle  | Inner container style. | View Style |    No    |   All    |        Yes        |
 
-**Card.Divider**: 卡片分割线组件，接收所有 [Divider](https://reactnativeelements.com/docs/components/divider#props) 组件的 Props
+**Card.Divider**: Card dividing line component, receiving all props of [Divider](https://reactnativeelements.com/docs/components/divider#props) 
 
-**Card.FeaturedSubtitle**: 卡片功能字幕组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+**Card.FeaturedSubtitle**: Card function subtitle component，receiving all props of [Text](https://reactnativeelements.com/docs/components/text#props)
 
-**Card.FeaturedTitle**: 卡片功能标题组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+**Card.FeaturedTitle**: Card function title component, receiving all props of [Text](https://reactnativeelements.com/docs/components/text#props)
 
-**Card.Image**: 卡片图片组件，接收所有 [Image](https://reactnativeelements.com/docs/components/image#props) 组件的 Props
+**Card.Image**: Card image component, receiving all props of [Image](https://reactnativeelements.com/docs/components/image#props)
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -493,9 +487,9 @@ This document is verified based on the following versions:
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**Card.Title**: 卡片标题组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+**Card.Title**: Card Title Component，receiving all props of [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
 
-**CheckBox**: 选择框组件，接收所有 [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props) 的 props.
+**CheckBox**: Selection box component，receiving all props of [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props) 
 
 |        Name        |                   Description                   |                                 Type                                 | Required | Platform | HarmonyOS Support |
 | :----------------: | :---------------------------------------------: | :------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -514,13 +508,13 @@ This document is verified based on the following versions:
 |     titleProps     | Additional props for the title Text component.  |                              TextProps                               |    No    |   All    |        Yes        |
 |    wrapperStyle    |       Style for the wrapper of checkbox.        |                              View Style                              |    No    |   All    |        Yes        |
 
-**Chip**: 显示触摸区组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的 props
+**Chip**: Display touch area components，receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props) 
 
 | Name |      Description       |        Type        | Required | Platform | HarmonyOS Support |
 | :--: | :--------------------: | :----------------: | :------: | :------: | :---------------: |
 | type | Outer container style. | `solid`，`outline` |    No    |   All    |        Yes        |
 
-**Dialog**: 对话框组件
+**Dialog**: Dialog box component
 
 |      Name      |                        Description                        |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -531,28 +525,28 @@ This document is verified based on the following versions:
 |  overlayStyle  | Add additional styling to the internal Overlay component. |          View Style          |    No    |   All    |        Yes        |
 | pressableProps |                   except click handlers                   |        PressableProps        |    No    |   All    |        Yes        |
 
-**Dialog.Actions**: 定义对话框操作组件
+**Dialog.Actions**: Define dialog box operation components
 
 |   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
 | :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
 | children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
 
-**Dialog.Button**: 定义对话框按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的 props
+**Dialog.Button**: Define dialog box operation components，receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props)
 
-**Dialog.Actions**: 对话框加载组件
+**Dialog.Actions**: Define dialog box operation components 对话框加载组件
 
 |   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
 | :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
 | children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
 
-**Dialog.Loading**: 定义对话框操作组件
+**Dialog.Loading**: Dialog box loading component
 
 |     Name     |                     Description                      |          Type          | Required | Platform | HarmonyOS Support |
 | :----------: | :--------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
 | loadingProps | Add additional props for ActivityIndicator component | ActivityIndicatorProps |    No    |   All    |        Yes        |
 | loadingStyle |    Add additional styling for loading component.     |       View Style       |    No    |   All    |        Yes        |
 
-**Dialog.Title**: 定义对话框标题组件
+**Dialog.Title**: Define dialog box title component
 
 |    Name    |                 Description                 |    Type    | Required | Platform | HarmonyOS Support |
 | :--------: | :-----------------------------------------: | :--------: | :------: | :------: | :---------------: |
@@ -560,7 +554,7 @@ This document is verified based on the following versions:
 | titleProps |  Add additional props for Text component.   | TextProps  |    No    |   All    |        Yes        |
 | titleStyle | Add additional styling for title component. | Text Style |    No    |   All    |        Yes        |
 
-**Divider**: 分割线组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props.
+**Divider**: Split line component，receiving all props of  [View](https://reactnative.dev/docs/view#props) 
 
 |      Name      |                      Description                      |            Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :---------------------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
@@ -573,7 +567,7 @@ This document is verified based on the following versions:
 | subHeaderStyle |    Adds style to the subHeader text of the divider    |         Text Style          |    No    |   All    |        Yes        |
 |     width      |                        number                         | Apply width to the divider. |    No    |   All    |        Yes        |
 
-**FAB**: 浮动操作按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的 props.
+**FAB**: Floating operation button component，receiving all props of  [Button](https://reactnativeelements.com/docs/components/button#props) 
 
 |   Name    |                                                                Description                                                                |       Type        | Required | Platform | HarmonyOS Support |
 | :-------: | :---------------------------------------------------------------------------------------------------------------------------------------: | :---------------: | :------: | :------: | :---------------: |
@@ -584,7 +578,7 @@ This document is verified based on the following versions:
 | upperCase |                                                Transform Extended Label text to uppercase.                                                |      boolean      |    No    |   All    |        Yes        |
 |  visible  |                                                     Decide the visibility of the FAB.                                                     |      boolean      |    No    |   All    |        Yes        |
 
-**Header**: 浮动操作按钮组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props
+**Header**: Head component，receiving all props of  [View](https://reactnative.dev/docs/view#props)
 
 |                       Name                        |                                                      Description                                                      |                 Type                 | Required | Platform | HarmonyOS Support |
 | :-----------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
@@ -606,7 +600,7 @@ This document is verified based on the following versions:
 |                rightContainerStyle                |                                   Styling for container around the rightComponent.                                    |              View Style              |    No    |   All    |        Yes        |
 |                  statusBarProps                   |                                           Accepts all props for StatusBar.                                            |            StatusBarProps            |    No    |   All    |        Yes        |
 
-**Icon**: 字体图标组件，接收所有 [Text](https://reactnative.dev/docs/text#props) 的 props.
+**Icon**: Font icon component，receiving all props of [Text](https://reactnative.dev/docs/text#props) 的 props.
 
 |      Name      |                                                    Description                                                     |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :----------------------------------------------------------------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -628,7 +622,7 @@ This document is verified based on the following versions:
 |     testID     |                                                  Test ID of icon.                                                  |            string            |    No    |   All    |        Yes        |
 |      type      | Type of icon set. [Supported sets here](https://reactnativeelements.com/docs/components/icon#available-icon-sets). |            string            |    No    |   All    |        Yes        |
 
-**Image**: 图片组件，接收所有 [React Native Image](https://reactnative.dev/docs/image#props) 的 props.
+**Image**: Image component，receiving all props of [React Native Image](https://reactnative.dev/docs/image#props)
 
 |          Name          |                      Description                      |                           Type                            | Required | Platform | HarmonyOS Support |
 | :--------------------: | :---------------------------------------------------: | :-------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -646,7 +640,7 @@ This document is verified based on the following versions:
 |       transition       |        Perform fade transition on image load.         |                          boolean                          |    No    |   All    |        Yes        |
 |   transitionDuration   |        Perform fade transition on image load.         |                          number                           |    No    |   All    |        Yes        |
 
-**Input**: 表单组件，接收所有 [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props) 的 props.
+**Input**: Form Component，receiving all props of  [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props)
 
 |          Name           |                                                                          Description                                                                           |      Type       | Required | Platform | HarmonyOS Support |
 | :---------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
@@ -669,7 +663,7 @@ This document is verified based on the following versions:
 | rightIconContainerStyle |                                                           styling for right Icon Component container                                                           |   View Style    |    No    |   All    |        Yes        |
 |          shake          |                                                                          Shake method                                                                          |    Function     |    No    |   All    |        Yes        |
 
-**LinearProgress**: 加载条组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props.
+**LinearProgress**: Load Bar Component，receiving all props of [View](https://reactnative.dev/docs/view#props) 
 
 |    Name    |                                       Description                                       |                 Type                 | Required | Platform | HarmonyOS Support |
 | :--------: | :-------------------------------------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
@@ -680,7 +674,7 @@ This document is verified based on the following versions:
 |   value    | The value of the progress indicator for the determinate variant. Value between 0 and 1. |                number                |    No    |   All    |        Yes        |
 |  variant   |                                     Type of button.                                     |    `determinate`，`indeterminate`    |    No    |   All    |        Yes        |
 
-**ListItem**: 列表渲染组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props.
+**ListItem**: List rendering component，receiving all props of  [View](https://reactnative.dev/docs/view#props)
 
 |                          Name                           |                                  Description                                   |      Type       | Required | Platform | HarmonyOS Support |
 | :-----------------------------------------------------: | :----------------------------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
@@ -694,7 +688,7 @@ This document is verified based on the following versions:
 |                           pad                           | Adds spacing between the leftComponent, the title component & right component. |     number      |    No    |   All    |        Yes        |
 |                       topDivider                        |                    Add divider at the top of the list item.                    |     boolean     |    No    |   All    |        Yes        |
 
-**ListItem.Accordion**: 列表渲染折叠组件，接收所有 [ListItem](https://reactnativeelements.com/docs/components/listitem#props) 的 props.
+**ListItem.Accordion**: List rendering folding component，receiving all props of  [ListItem](https://reactnativeelements.com/docs/components/listitem#props)
 
 |    Name    |                                   Description                                   |              Type              | Required | Platform | HarmonyOS Support |
 | :--------: | :-----------------------------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
@@ -707,7 +701,7 @@ This document is verified based on the following versions:
 |   noIcon   |                           Don't show accordion icon.                            |            boolean             |    No    |   All    |        Yes        |
 | noRotation |                    Don't rotate when Accordion is expanded.                     |            boolean             |    No    |   All    |        Yes        |
 
-**ListItem.ButtonGroup**: 列表渲染按钮组组件，接收所有 [ButtonGroup](https://reactnativeelements.com/docs/components/buttongroup#props) 的 props.
+**ListItem.ButtonGroup**: List rendering button group component，receiving all props of  [ButtonGroup](https://reactnativeelements.com/docs/components/buttongroup#props) 
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -716,9 +710,9 @@ This document is verified based on the following versions:
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**ListItem.CheckBox**: 列表渲染选择框组件，接收所有 [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props) 的 props.
+**ListItem.CheckBox**: List rendering selection box component，receiving all props of  [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props)
 
-**ListItem.Chevron**: 列表渲染字体图标组件，接收所有 [Icon](https://reactnativeelements.com/docs/components/icon#props) 的 props.
+**ListItem.Chevron**: List rendering font icon component，receiving all props of [Icon](https://reactnativeelements.com/docs/components/icon#props)
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -728,21 +722,21 @@ This document is verified based on the following versions:
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**ListItem.Content**: 列表渲染内容组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的 props.
+**ListItem.Content**: List rendering content component，receiving all props of  [Text](https://reactnativeelements.com/docs/components/text#props)
 
 | Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
 | right | Start content from the right. | boolean |    No    |   All    |        Yes        |
 
-**ListItem.Input**: 列表渲染表单组件，接收所有 [Input](https://reactnativeelements.com/docs/components/input#props) 的 props.
+**ListItem.Input**: List rendering form component，receiving all props of  [Input](https://reactnativeelements.com/docs/components/input#props)
 
-**ListItem.Subtitle**: 列表渲染字幕组件，接收所有 [Text](https://reactnative.dev/docs/text#props) 的 props.
+**ListItem.Subtitle**: List rendering subtitle component，receiving all props of  [Text](https://reactnative.dev/docs/text#props)
 
 | Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
 | right | Start content from the right. | boolean |    No    |   All    |        Yes        |
 
-**ListItem.Swipeable**: 列表渲染滑动框组件，接收所有 [ListItem](https://reactnativeelements.com/docs/components/listitem#props) 的 props.
+**ListItem.Swipeable**: List rendering slider component，receiving all props of [ListItem](https://reactnativeelements.com/docs/components/listitem#props)
 
 |     Name     |              Description              |                  Type                   | Required | Platform | HarmonyOS Support |
 | :----------: | :-----------------------------------: | :-------------------------------------: | :------: | :------: | :---------------: |
@@ -756,13 +750,13 @@ This document is verified based on the following versions:
 |  rightStyle  |       Style of right container.       |               View Style                |    No    |   All    |        Yes        |
 |  rightWidth  |    Width of swipe right container.    |                 number                  |    No    |   All    |        Yes        |
 
-**ListItem.Title**: 列表渲染标题组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props
+**ListItem.Title**: List rendering title component，receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 | Name  |   Description    |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :--------------: | :-----: | :------: | :------: | :---------------: |
 | right | Add right title. | boolean |    No    |    No    |        No         |
 
-**Overlay**: 弹窗组件，接收所有 [Text](https://reactnativeelements.com/docs/components/text#props) 的 props
+**Overlay**: Pop up component，receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |      Name       |                                Description                                 |             Type             | Required | Platform | HarmonyOS Support |
 | :-------------: | :------------------------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -777,7 +771,7 @@ This document is verified based on the following versions:
 |  overlayStyle   |                        Style of the actual overlay.                        |          View Style          |    No    |   All    |        Yes        |
 | pressableProps  |                    PressableProps except click handlers                    |        PressableProps        |    No    |   All    |        Yes        |
 
-**PricingCard**: 价格卡组件
+**PricingCard**: Price Card component
 
 |      Name      |                Description                 |                Type                | Required | Platform | HarmonyOS Support |
 | :------------: | :----------------------------------------: | :--------------------------------: | :------: | :------: | :---------------: |
@@ -793,7 +787,7 @@ This document is verified based on the following versions:
 |   titleStyle   |         Specify title text style.          |             Text Style             |    No    |   All    |        Yes        |
 |  wrapperStyle  |      Inner wrapper component styling.      |             View Style             |    No    |   All    |        Yes        |
 
-**Ratings**: 评分组件
+**Ratings**: Scoring component
 
 |         Name          |                                                        Description                                                         |         Type          | Required | Platform | HarmonyOS Support |
 | :-------------------: | :------------------------------------------------------------------------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
@@ -817,7 +811,7 @@ This document is verified based on the following versions:
 |       tintColor       |                                               Color used for the background                                                |        string         |    No    |    No    |        No         |
 |         type          |                                    Graphic used for represent a ratingDefault is 'star'                                    |        string         |    No    |    No    |        No         |
 
-**SearchBar**: 搜索框组件，接收所有 [Input](https://reactnativeelements.com/docs/components/input#props) 的 props
+**SearchBar**: Search box component，receiving all props of [Input](https://reactnativeelements.com/docs/components/input#props)
 
 |          Name           |              Description               |            Type             | Required | Platform | HarmonyOS Support |
 | :---------------------: | :------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
@@ -840,7 +834,7 @@ This document is verified based on the following versions:
 |       showCancel        |              Show cancel               |           boolean           |    No    |    No    |        No         |
 |       showLoading       |              Show loading              |           boolean           |    No    |   All    |        Yes        |
 
-**Slider**: 滑动条组件
+**Slider**: Sliding bar component
 
 |         Name          |                                                                                                  Description                                                                                                  |                       Type                       | Required | Platform | HarmonyOS Support |
 | :-------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------: | :------: | :------: | :---------------: |
@@ -849,7 +843,7 @@ This document is verified based on the following versions:
 |    animationConfig    |                              Used to configure the animation parameters. These are the same parameters in the [Animated library](https://reactnative.dev/docs/animations.html).                               | `TimingAnimationConfig`，`SpringAnimationConfig` |    No    |   All    |        Yes        |
 |     animationType     |                        Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://reactnative.dev/docs/animations.html).                         |                `spring`，`timing`                |    No    |   All    |        Yes        |
 |    containerStyle     |                                                                                  Apply style to the container of the slider.                                                                                  |                      Style                       |    No    |   All    |        Yes        |
-|    debugTouchArea     |                                                                        Set this to true to visually see the thumb touch rect in green.                                                                        |                     boolean                      |    No    |   All    |        Yes        |
+|    debugTouchArea     |                                                                        Set this to true to visually see the thumb touch rect in orange.                                                                        |                     boolean                      |    No    |   All    |        Yes        |
 |       disabled        |                                                                              If true the user won't be able to move the slider.                                                                               |                     boolean                      |    No    |   All    |        Yes        |
 | maximumTrackTintColor |                                                                           The color used for the track to the right of the button.                                                                            |                      string                      |    No    |   All    |        Yes        |
 |     maximumValue      |                                                                                     Initial maximum value of the slider.                                                                                      |                      number                      |    No    |   All    |        Yes        |
@@ -868,7 +862,7 @@ This document is verified based on the following versions:
 |      trackStyle       |                                                                                        The style applied to the track.                                                                                        |                    View Style                    |    No    |   All    |        Yes        |
 |         value         |                                                                                         Initial value of the slider.                                                                                          |                      number                      |    No    |   All    |        Yes        |
 
-**Skeleton**: 骨架屏组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props
+**Skeleton**: Skeleton screen component，receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |          Name           |            Description             |        Type        | Required | Platform | HarmonyOS Support |
 | :---------------------: | :--------------------------------: | :----------------: | :------: | :------: | :---------------: | --- | --- |
@@ -879,7 +873,7 @@ This document is verified based on the following versions:
 |      skeletonStyle      | Custom style for skeleton gradient |     View Style     |    No    |   All    |        Yes        |
 |          width          |       Width of Skeleton View       | `string`,`number`  |    No    |   All    |        Yes        |
 
-**SocialIcon**: 社交字体图标组件
+**SocialIcon**: Social font icon component
 
 |          Name          |                                                    Description                                                     |             Type             | Required | Platform | HarmonyOS Support |
 | :--------------------: | :----------------------------------------------------------------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -908,7 +902,7 @@ This document is verified based on the following versions:
 |          type          |                                                 Social media type.                                                 |       SocialMediaType        |    No    |   All    |        Yes        |
 |     underlayColor      |                                                Add Underlay color.                                                 |            string            |    No    |    No    |        No         |
 
-**SpeedDial**: 浮动快速操作按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props) 的 props
+**SpeedDial**: Floating Quick Operation Button Component，receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props)
 
 |          Name          |                       Description                        |       Type       | Required | Platform | HarmonyOS Support |
 | :--------------------: | :------------------------------------------------------: | :--------------: | :------: | :------: | :---------------: |
@@ -922,19 +916,18 @@ This document is verified based on the following versions:
 |      overlayColor      |           Add overlay color to the speed dial.           |      string      |    No    |   All    |        Yes        |
 |   transitionDuration   |    The duration for the transition, in milliseconds.     |      number      |    No    |   All    |        Yes        |
 
-**SpeedDial.Action**: 浮动快速操作子按钮组件，接收所有 [FAB](https://reactnativeelements.com/docs/components/fab#props) 的 props
+**SpeedDial.Action**: Floating quick operation sub button component，receiving all props of  [FAB](https://reactnativeelements.com/docs/components/fab#props)
 
 |      Name      |      Description       |  Type   | Required | Platform | HarmonyOS Support |
 | :------------: | :--------------------: | :-----: | :------: | :------: | :---------------: |
 | labelPressable | onPress on Label Press | boolean |    No    |   All    |        Yes        |
 
-**Switch**: 滑动开关组件，接收所有 [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) 的 props
-
+**Switch**: Sliding switch component，receiving all props of [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) 
 | Name  |            Description             |  Type  | Required | Platform | HarmonyOS Support |
 | :---: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
 | color | The color of the Switch component. | string |    No    |   All    |        Yes        |
 
-**Tab**: 导航栏组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的 props
+**Tab**: Navigation bar component，receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |       Name       |               Description                |                     Type                      | Required | Platform | HarmonyOS Support |
 | :--------------: | :--------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -950,7 +943,7 @@ This document is verified based on the following versions:
 |      value       |       Child position index value.        |                    number                     |    No    |   All    |        Yes        |
 |     variant      |      Define the background Variant.      |             `primary`，`default`              |    No    |   All    |        Yes        |
 
-**Tab.Item**: 导航栏子组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的 props
+**Tab.Item**: Navigation bar subcomponent，receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props)
 
 |        Name        |                   Description                    |                     Type                      | Required | Platform | HarmonyOS Support |
 | :----------------: | :----------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -962,7 +955,7 @@ This document is verified based on the following versions:
 |     titleStyle     |          Additional button title style           | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
 |      variant       |          Define the background Variant.          |             `primary`，`default`              |    No    |    No    |        No         |
 
-**TabView**: 滑动开关内容组件
+**TabView**: Sliding switch content component
 
 |         Name          |                                           Description                                            |          Type          | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
@@ -978,9 +971,9 @@ This document is verified based on the following versions:
 | tabItemContainerStyle |                          Styling for TabView.Item Component container.                           |       View Style       |    No    |   All    |        Yes        |
 |         value         |                                   Child position index value.                                    |         number         |    No    |   All    |        Yes        |
 
-**TabView.Item**: 滑动开关内容子组件，接受所有 [View](https://reactnative.dev/docs/view#props) 的 props
+**TabView.Item**: Slide switch content subcomponent，receiving all props of  [View](https://reactnative.dev/docs/view#props)
 
-**Text**: 文本内容组件组件
+**Text**: Text Content Component Component
 
 |  Name   |           Description            |    Type    | Required | Platform | HarmonyOS Support |
 | :-----: | :------------------------------: | :--------: | :------: | :------: | :---------------: |
@@ -994,7 +987,7 @@ This document is verified based on the following versions:
 | h4Style |     Styling when h4 is set.      | Text Style |    No    |   All    |        Yes        |
 |  style  | Add additional styling for Text. | Text Style |    No    |   All    |        Yes        |
 
-**Tile**: 卡片图块组件
+**Tile**: Card Block Component
 
 |         Name          |                                   Description                                   |              Type              | Required | Platform | HarmonyOS Support |
 | :-------------------: | :-----------------------------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
@@ -1017,7 +1010,7 @@ This document is verified based on the following versions:
 |      titleStyle       |                             Styling for the title.                              |           Text Style           |    No    |   All    |        Yes        |
 |         width         |                               Width for the tile.                               |             number             |    No    |   All    |        Yes        |
 
-**Tooltip**: 文本提示组件
+**Tooltip**: Text prompt component
 
 |           Name           |                                                                                                                       Description                                                                                                                       |                           Type                           | Required | Platform | HarmonyOS Support |
 | :----------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -1046,22 +1039,26 @@ This document is verified based on the following versions:
 
 ## Others
 
-- [ ] Rating 组件的 readonly、onFinishRating 等属性无法生效，与 Android/iOS 一致: [issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
-- [ ] AirbnbRatings 组件的 startImage 属性无法生效，与 Android/iOS 一致: [issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
-- [ ] ButtonGroups 组件的 activeOpacity、button 等属性无法生效，与 Android/iOS 一致: [issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
-- [ ] Dialog 组件的 onLongPress、onpressIn 等属性无法生效，与 Android/iOS 一致: [issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
-- [ ] Header 组件的 barStyle、elevated 等属性无法生效，与 Android、iOS 一致: [issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
-- [ ] Input 组件的 renderErrorMessage 属性无法生效，与 Android、iOS 一致: [issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
-- [ ] ListItem.Swipeable 组件的 minSlideWidth 属性无法生效，与 Android、iOS 一致: [issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
-- [ ] ListItem.Title 组件的 right 属性无法生效，与 Android、iOS 一致: [issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
-- [ ] SearchBar 组件的 cancelButtonProps、showCancel 等属性无法生效，与 Android、iOS 一致: [issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
-- [ ] SocialIcon 组件的 fontFamily、fontWeight 等属性无法生效，与 Android、iOS 一致: [issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
-- [ ] SpeedDial 组件的 backdropPressableProps 属性无法生效，与 Android、iOS 一致: [issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
-- [ ] Tab 组件的 containerStyle、dense 等属性无法生效，与 Android、iOS 一致: [issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
-- [ ] Tab.Item 组件的 active、dense 等属性无法生效，与 Android、iOS 一致: [issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
-- [ ] Tile 组件的 activeOpacity 等属性无法生效，与 Android、iOS 一致: [issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
-- [ ] Tooltip 组件的 closeOnlyOnBackdropPress 属性无法生效，与 Android、iOS 一致: [issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
+-  Rating 组件的 readonly、onFinishRating 等属性无法生效，与 Android/iOS 一致: [issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+-  AirbnbRatings 组件的 startImage 属性无法生效，与 Android/iOS 一致: [issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
+-  ButtonGroups 组件的 activeOpacity、button 等属性无法生效，与 Android/iOS 一致: [issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
+-  Dialog 组件的 onLongPress、onpressIn 等属性无法生效，与 Android/iOS 一致: [issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
+-  Header 组件的 barStyle、elevated 等属性无法生效，与 Android、iOS 一致: [issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
+-  Input 组件的 renderErrorMessage 属性无法生效，与 Android、iOS 一致: [issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
+-  ListItem.Swipeable 组件的 minSlideWidth 属性无法生效，与 Android、iOS 一致: [issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
+-  ListItem.Title 组件的 right 属性无法生效，与 Android、iOS 一致: [issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
+-  SearchBar 组件的 cancelButtonProps、showCancel 等属性无法生效，与 Android、iOS 一致: [issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
+-  SocialIcon 组件的 fontFamily、fontWeight 等属性无法生效，与 Android、iOS 一致: [issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
+-  SpeedDial 组件的 backdropPressableProps 属性无法生效，与 Android、iOS 一致: [issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
+-  Tab 组件的 containerStyle、dense 等属性无法生效，与 Android、iOS 一致: [issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
+-  Tab.Item 组件的 active、dense 等属性无法生效，与 Android、iOS 一致: [issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
+-  Tile 组件的 activeOpacity 等属性无法生效，与 Android、iOS 一致: [issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
+-  Tooltip 组件的 closeOnlyOnBackdropPress 属性无法生效，与 Android、iOS 一致: [issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
+-  Overlay组件接收View的所有属性无效，与Android/iOS一致：[issue#17](https://github.com/react-native-elements/react-native-elements/issues/3950)。
+-  Slider组件的属性animateTransitions单独设置为true报错：[issue#18](https://github.com/react-native-elements/react-native-elements/issues/3928)。
+-  ListItem.Subtitle组件的right属性设置无效，与Android、iOS一致：[issue#19](https://github.com/react-native-elements/react-native-elements/issues/3951)。
+-  Icon组件的brand属性设置无效，与Android、iOS一致：[issue#20](https://github.com/react-native-elements/react-native-elements/issues/3952)。
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index 96d04142..c2c3e078 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -266,7 +266,6 @@ export default Avatars;
     打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
 
 ```ts
-  //特别注意：FontAwesome 系列中字体的 familyName 需要通过代码逻辑自行理解
   build() {
     Column() {
       if (this.rnohCoreContext && this.shouldShow) {
@@ -275,14 +274,27 @@ export default Avatars;
         }
         RNApp({
           rnInstanceConfig: {
-            fontResourceByFontFamily:{
-              "FontAwesome": $rawfile("fonts/FontAwesome.ttf"),
-              "FontAwesome5_Brands": $rawfile("fonts/FontAwesome5_Brands.ttf"),
-              "FontAwesome5_Regular": $rawfile("fonts/FontAwesome5_Regular.ttf"),
-              "FontAwesome5_Solid": $rawfile("fonts/FontAwesome5_Solid.ttf"),
-              "Pacifico-Regular": $rawfile("fonts/Pacifico-Regular.ttf"),
-              "StintUltraCondensed-Regular": $rawfile("fonts/StintUltraCondensed-Regular.ttf") }
-          },
+              fontResourceByFontFamily: {
+              'anticon': $rawfile('fonts/AntDesign.ttf'),
+              'Entypo': $rawfile('fonts/Entypo.ttf'),
+              'EvilIcons': $rawfile('fonts/EvilIcons.ttf'),
+              'Feather': $rawfile('fonts/Feather.ttf'),
+              'FontAwesome': $rawfile('fonts/FontAwesome.ttf'),
+              'FontAwesome5Brands-Regular': $rawfile('fonts/FontAwesome5_Brands.ttf'),
+              'FontAwesome5Free-Regular': $rawfile('fonts/FontAwesome5_Regular.ttf'),
+              'FontAwesome5Free-Solid': $rawfile('fonts/FontAwesome5_Solid.ttf'),
+              'FontAwesome6Brands-Regular': $rawfile('fonts/FontAwesome6_Brands.ttf'),
+              'FontAwesome6Free-Regular': $rawfile('fonts/FontAwesome6_Regular.ttf'),
+              'FontAwesome6Free-Solid': $rawfile('fonts/FontAwesome6_Solid.ttf'),
+              'Fontisto': $rawfile('fonts/Fontisto.ttf'),
+              'fontcustom': $rawfile('fonts/Foundation.ttf'),
+              'Ionicons': $rawfile('fonts/Ionicons.ttf'),
+              'Material Design Icons': $rawfile('fonts/MaterialCommunityIcons.ttf'),
+              'Material Icons': $rawfile('fonts/MaterialIcons.ttf'),
+              'Octicons': $rawfile('fonts/Octicons.ttf'),
+              'simple-line-icons': $rawfile('fonts/SimpleLineIcons.ttf'),
+              'zocial': $rawfile('fonts/Zocial.ttf'),
+            }
         })
       }
     }
@@ -559,7 +571,7 @@ export default Avatars;
 | upperCase |         Transform Extended Label text to uppercase.          |      boolean      |    No    |   All    |        Yes        |
 |  visible  |              Decide the visibility of the FAB.               |      boolean      |    No    |   All    |        Yes        |
 
-**Header**：浮动操作按钮组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
+**Header**：头部组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
 
 |                       Name                        |                         Description                          |                 Type                 | Required | Platform | HarmonyOS Support |
 | :-----------------------------------------------: | :----------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
@@ -733,7 +745,7 @@ export default Avatars;
 | :---: | :--------------: | :-----: | :------: | :------: | :---------------: |
 | right | Add right title. | boolean |    No    |    No    |        No         |
 
-**Overlay**：弹窗组件
+**Overlay**：弹窗组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props
 
 |      Name       |                         Description                          |             Type             | Required | Platform | HarmonyOS Support |
 | :-------------: | :----------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -819,7 +831,7 @@ export default Avatars;
 |    animationConfig    | Used to configure the animation parameters. These are the same parameters in the [Animated library](https://reactnative.dev/docs/animations.html). | `TimingAnimationConfig`，`SpringAnimationConfig` |    No    |   All    |        Yes        |
 |     animationType     | Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://reactnative.dev/docs/animations.html). |                `spring`，`timing`                |    No    |   All    |        Yes        |
 |    containerStyle     |         Apply style to the container of the slider.          |                      Style                       |    No    |   All    |        Yes        |
-|    debugTouchArea     | Set this to true to visually see the thumb touch rect in green. |                     boolean                      |    No    |   All    |        Yes        |
+|    debugTouchArea     | Set this to true to visually see the thumb touch rect in orange. |                     boolean                      |    No    |   All    |        Yes        |
 |       disabled        |      If true the user won't be able to move the slider.      |                     boolean                      |    No    |   All    |        Yes        |
 | maximumTrackTintColor |   The color used for the track to the right of the button.   |                      string                      |    No    |   All    |        Yes        |
 |     maximumValue      |             Initial maximum value of the slider.             |                      number                      |    No    |   All    |        Yes        |
@@ -1013,6 +1025,7 @@ export default Avatars;
 
 ## 遗留问题
 ## 其他
+
 -  Rating组件的readonly、onFinishRating等属性无法生效，与Android/iOS一致：[issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
 -  AirbnbRatings组件的startImage属性无法生效，与Android/iOS一致：[issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
 -  ButtonGroups组件的activeOpacity、button等属性无法生效，与Android/iOS一致：[issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
@@ -1028,6 +1041,10 @@ export default Avatars;
 -  Tab.Item组件的active、dense等属性无法生效，与Android、iOS一致：[issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
 -  Tile组件的activeOpacity等属性无法生效，与Android、iOS一致：[issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
 -  Tooltip组件的closeOnlyOnBackdropPress属性无法生效，与Android、iOS一致：[issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
+-  Overlay组件接收View的所有属性无效，与Android/iOS一致：[issue#17](https://github.com/react-native-elements/react-native-elements/issues/3950)。
+-  Slider组件的属性animateTransitions单独设置为true报错：[issue#18](https://github.com/react-native-elements/react-native-elements/issues/3928)。
+-  ListItem.Subtitle组件的right属性设置无效，与Android、iOS一致：[issue#19](https://github.com/react-native-elements/react-native-elements/issues/3951)。
+-  Icon组件的brand属性设置无效，与Android、iOS一致：[issue#20](https://github.com/react-native-elements/react-native-elements/issues/3952)。
 
 ## 开源协议
 

From 45254be9189d356b26ce0bf41b0b30d7b9890300 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=97=BA?= <18829031738@163.com>
Date: Mon, 11 Nov 2024 06:20:57 +0000
Subject: [PATCH 840/966] =?UTF-8?q?!1863=20docs:=20[Issues:=20#IB2HLD]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20rn-placeholder=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB2HLD]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20rn-placeholder=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/rn-placeholder.md    | 23 ++++++++---------------
 zh-cn/rn-placeholder.md | 18 +++++++-----------
 2 files changed, 15 insertions(+), 26 deletions(-)

diff --git a/en/rn-placeholder.md b/en/rn-placeholder.md
index 62c13476..97a2d438 100644
--- a/en/rn-placeholder.md
+++ b/en/rn-placeholder.md
@@ -16,24 +16,20 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/rn-placeholder Releases](https://github.com/react-native-oh-library/rn-placeholder/releases).
-
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/rn-placeholder@file:#
+npm install rn-placeholder@3.0.3 --legacy-peer-deps
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/rn-placeholder@file:#
+yarn add rn-placeholder@3.0.3 --legacy-peer-deps
 ```
 
 <!-- tabs:end -->
@@ -48,7 +44,7 @@ import {
   PlaceholderMedia,
   PlaceholderLine,
   Fade,
-} from "@react-native-oh-tpl/rn-placeholder";
+} from "rn-placeholder";
 
 const App = () => (
   <Placeholder
@@ -70,7 +66,7 @@ export default App;
 
 This document is verified based on the following versions:
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## Properties
 
@@ -78,9 +74,9 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见 [rn-placeholder 源库地址](https://github.com/mfrachet/rn-placeholder)
+For details, see [rn-placeholder](https://github.com/mfrachet/rn-placeholder)
 
-**组件 Placeholder**
+**Component Placeholder**
 
 It's the wrapper around all of the other components. Using alone will not produce anything interesting. You have put some line or media inside to make it powerful.It accepts all the props of a React Native View plus:
 
@@ -100,7 +96,7 @@ It's the wrapper around all of the other components. Using alone will not produc
 | Progressive | A progressive loading animation effect | ComponentType | no | All | Yes |
 | Tweaking existing animations | It's possible to tweak a specific animation by passing it additional props. However keep in mind that it's important to spread the props from the Animation render function. Else you will be in strange behaviors| ComponentType | no | All | Yes |
 
-**组件 PlaceholderLine**
+**Component PlaceholderLine**
 
 A PlaceholderLine is one of the two basic and visual components of a placeholder.
 
@@ -112,7 +108,7 @@ A PlaceholderLine is one of the two basic and visual components of a placeholder
 | noMargin | Defines if a line should have a margin bottom or not, default is false | boolean | no       | All      | Yes               |
 | style    | Customize the style of the underlying View component                   | object  | no       | All      | Yes               |
 
-**组件 PlaceholderMedia**
+**Component PlaceholderMedia**
 
 A PlaceholderMedia is the second of the two basic and visual components of a placeholder. It can be used a single placeholder like following:
 
@@ -124,9 +120,6 @@ A PlaceholderMedia is the second of the two basic and visual components of a pla
 | style   | Customize the style of the underlying View component     | object  | no       | All      | Yes               |
 
 ## Known Issues
-
-- [ ] package.json 中 peerDependencies 依赖 react 版本与项目 react 版本不一致会产生依赖冲突，此问题只会导致 npm 安装依赖报错，不对组件功能造成影响。源库此问题 issues: [issue#226](https://github.com/mfrachet/rn-placeholder/issues/226)
-
 ## Others
 
 ## License
diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md
index 0955cd7c..237658d0 100644
--- a/zh-cn/rn-placeholder.md
+++ b/zh-cn/rn-placeholder.md
@@ -12,12 +12,10 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/rn-placeholder)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/rn-placeholder)
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-placeholder Releases](https://github.com/react-native-oh-library/rn-placeholder/releases)，并下载适用版本的 tgz 包。
-
 进入到工程目录并输入以下命令：
 
 <!-- tabs:start -->
@@ -25,13 +23,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/rn-placeholder@file:#
+npm install rn-placeholder@3.0.3 --legacy-peer-deps
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/rn-placeholder@file:#
+yarn add  rn-placeholder@3.0.3 --legacy-peer-deps
 ```
 
 <!-- tabs:end -->
@@ -44,7 +42,7 @@ import {
   PlaceholderMedia,
   PlaceholderLine,
   Fade,
-} from "@react-native-oh-tpl/rn-placeholder";
+} from "rn-placeholder";
 
 const App = () => (
   <Placeholder
@@ -66,7 +64,7 @@ export default App;
 
 本文档内容基于以下版本验证通过：
 
-RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
+1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1) ; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 
 ## 属性
 
@@ -87,6 +85,7 @@ It's the wrapper around all of the other components. Using alone will not produc
 | Right     | An optional component to display on the right       | ComponentType | no       | All      | Yes               |
 
 **_Animations_**
+
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | --------- | -------------------------------------------------- | ------------- | -------- | -------- | -------- |
 | Fade | This is the base animation that makes the placeholder become clearer on a specified interval| ComponentType | no | All | Yes |
@@ -120,11 +119,8 @@ A PlaceholderMedia is the second of the two basic and visual components of a pla
 | style   | Customize the style of the underlying View component     | object  | no       | All      | Yes               |
 
 ## 遗留问题
-
-- [ ] package.json 中 peerDependencies 依赖 react 版本与项目 react 版本不一致会产生依赖冲突，此问题只会导致 npm 安装依赖报错，不对组件功能造成影响。源库此问题 issues: [issue#226](https://github.com/mfrachet/rn-placeholder/issues/226)
-
 ## 其他
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/mfrachet/rn-placeholder/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/mfrachet/rn-placeholder/blob/master/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file

From ff48189d75bff1e9a527c7bccf9c60117f620e9f Mon Sep 17 00:00:00 2001
From: lihonggang <lihonggang11@h-partners.com>
Date: Mon, 11 Nov 2024 07:47:58 +0000
Subject: [PATCH 841/966] =?UTF-8?q?!1864=20docs:=20[Issues:#IB3GDK]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-natvie-keyboard-controller=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:##IB3GDK]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-natvie-keyboard-controller=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-keyboard-controller.md    | 1 +
 zh-cn/react-native-keyboard-controller.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-keyboard-controller.md b/en/react-native-keyboard-controller.md
index f4faf842..273019b8 100644
--- a/en/react-native-keyboard-controller.md
+++ b/en/react-native-keyboard-controller.md
@@ -345,6 +345,7 @@ Check the release version information in the release address of the third-party
 | onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent >     | Listening event of the coordinate change of the focus text box position | function    | no       | iOS,Android | no                |
 | onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent>           | Listening event that focuses on text changes in Input    | function    | no       | iOS,Android | yes               |
 | onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | Listening event of focusing on text selection in Input     | function    | no       | iOS,Android | no                |
+|  style  | Style of the KeyboardControllerView | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
 | children                                                                                |   children of the KeyboardControllerView              | JSX.Element | no       | iOS,Android | yes               |
 
 **KeyboardGestureArea**:Gesture Control Keyboard Assembly
diff --git a/zh-cn/react-native-keyboard-controller.md b/zh-cn/react-native-keyboard-controller.md
index 2da17558..4962b488 100644
--- a/zh-cn/react-native-keyboard-controller.md
+++ b/zh-cn/react-native-keyboard-controller.md
@@ -340,6 +340,7 @@ ohpm install
 | onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent >  | 聚焦输入框位置坐标变化的监听事件   |  function  | no | iOS,Android      | no |
 |   onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent> | 聚焦输入框文本变化的监听事件   |  function  | no | iOS,Android      | yes |
 |   onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | 聚焦输入框文本选择的监听事件   |  function  | no | iOS,Android      | no |
+|  style  | `KeyboardControllerView`的CSS属性    | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
 |  children  |  JSX element 子组件   | JSX.Element   | no | iOS,Android      | yes |
 
 

From 8238a65fa713ee4f7baf82955ad8e7a1a3606a13 Mon Sep 17 00:00:00 2001
From: Magic-Neko <xiaoyange1@h-partners.com>
Date: Mon, 11 Nov 2024 09:07:50 +0000
Subject: [PATCH 842/966] =?UTF-8?q?!1865=20docs:=20[#IB3IFT]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-orientation-locker=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[#IB3IFT]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-orientation-locker=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-orientation-locker.md    | 3 ++-
 zh-cn/react-native-orientation-locker.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-orientation-locker.md b/en/react-native-orientation-locker.md
index 3104c31f..775a0fc9 100644
--- a/en/react-native-orientation-locker.md
+++ b/en/react-native-orientation-locker.md
@@ -238,7 +238,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-orientation-locker":"file: ../../node_modules/@react-native-oh-tpl/react-native-orientation-locker/harmony/orientation_locker.har"
+    "@react-native-oh-tpl/react-native-orientation-locker":"file:../../node_modules/@react-native-oh-tpl/react-native-orientation-locker/harmony/orientation_locker.har"
   }
 ```
 
@@ -310,6 +310,7 @@ Check the release version information in the release address of the third-party
 This document is verified based on the following versions:
 
 1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index b103d4f5..fb72e990 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -244,7 +244,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-orientation-locker":"file：../../node_modules/@react-native-oh-tpl/react-native-orientation-locker/harmony/orientation_locker.har"
+    "@react-native-oh-tpl/react-native-orientation-locker":"file:../../node_modules/@react-native-oh-tpl/react-native-orientation-locker/harmony/orientation_locker.har"
   }
 ```
 
@@ -316,6 +316,7 @@ ohpm install
 本文档内容基于以下版本验证通过：
 
 1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 

From d6d473dd8812a3971378745d14b068df7dbb64b3 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Mon, 11 Nov 2024 10:19:09 +0000
Subject: [PATCH 843/966] =?UTF-8?q?!1866=20docs:=20=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-navigation-header-buttons=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IB3J3I]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-navigation-header-buttons=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-navigation-header-buttons.md    | 26 +++++++++++++-----------
 zh-cn/react-navigation-header-buttons.md | 16 ++++-----------
 2 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/en/react-navigation-header-buttons.md b/en/react-navigation-header-buttons.md
index 36545771..992a4246 100644
--- a/en/react-navigation-header-buttons.md
+++ b/en/react-navigation-header-buttons.md
@@ -155,11 +155,11 @@ This document is verified based on the following versions:
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                  | Description                                                                                                                                                     | Type                        | Required | Platform    | HarmonyOS Support |
-| --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -------- | ----------- | ----------------- |
-| HeaderButtonComponent | component that renders the buttons, HeaderButton by default                                                                                                     | `ComponentType`             | no       | iOS/Android | yes               |
-| children              | whatever you want to render inside                                                                                                                              | `ReactNode`                 | yes      | iOS/Android | yes               |
-| left                  | whether the HeaderButtons are on the left from header title                                                                                                     | boolean                     | no       | iOS/Android | yes               |
+| Name                  | Description                                                  | Type                        | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------- | ----------------- |
+| HeaderButtonComponent | component that renders the buttons, HeaderButton by default  | `ComponentType`             | no       | iOS/Android | yes               |
+| children              | whatever you want to render inside                           | `ReactNode`                 | yes      | iOS/Android | yes               |
+| left                  | Whether to add margin distance                               | boolean                     | no       | iOS/Android | yes               |
 | preset                | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. | `’tabHeader’/‘stackHeader’` | no       | iOS/Android | yes               |
 
 ### Item
@@ -182,13 +182,13 @@ This document is verified based on the following versions:
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name         | Description                                                                                                                                                     | Type                            | Required | Platform    | HarmonyOS Support |
-| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | -------- | ----------- | ----------------- |
-| OverflowIcon | React element or component for the overflow icon                                                                                                                | ` ReactElement / ComponentType` | no       | iOS/Android | yes               |
-| style        | optional styles for overflow button                                                                                                                             | `ViewStyle`                     | no       | iOS/Android | yes               |
-| onPress      | function that is called when overflow menu is pressed.                                                                                                          | function                        | no       | iOS/Android | yes               |
-| left         | whether the OverflowMenu is on the left from header title                                                                                                       | boolean                         | no       | iOS/Android | yes               |
-| children     | the overflow items                                                                                                                                              | `ReactNode`                     | yes      | iOS/Android | yes               |
+| Name         | Description                                                  | Type                            | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | ------------------------------- | -------- | ----------- | ----------------- |
+| OverflowIcon | React element or component for the overflow icon             | ` ReactElement / ComponentType` | no       | iOS/Android | yes               |
+| style        | optional styles for overflow button                          | `ViewStyle`                     | no       | iOS/Android | yes               |
+| onPress      | function that is called when overflow menu is pressed.       | function                        | no       | iOS/Android | yes               |
+| left         | Whether to add margin distance                               | boolean                         | no       | iOS/Android | yes               |
+| children     | the overflow items                                           | `ReactNode`                     | yes      | iOS/Android | yes               |
 | preset       | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. | ` 'tabHeader' / 'stackHeader'`  | no       | iOS/Android | yes               |
 
 ### HiddenItem
@@ -222,6 +222,8 @@ This document is verified based on the following versions:
 
 ## Others
 
+- The description of the left attribute is incorrect [issue#248](https://github.com/vonovak/react-navigation-header-buttons/issues/248)
+
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/vonovak/react-navigation-header-buttons/blob/master/LICENSE).
diff --git a/zh-cn/react-navigation-header-buttons.md b/zh-cn/react-navigation-header-buttons.md
index 557efe65..2e21db17 100644
--- a/zh-cn/react-navigation-header-buttons.md
+++ b/zh-cn/react-navigation-header-buttons.md
@@ -152,25 +152,19 @@ export function UsageWithIcons({ navigation }) {
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-
-
 | Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
 | --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
 | HeaderButtonComponent            | component that renders the buttons, HeaderButton by default  |`ComponentType`| no   | iOS/Android       | yes |
 | children            | 	whatever you want to render inside  |`ReactNode`| yes   | iOS/Android       | yes |
-| left            | 	whether the HeaderButtons are on the left from header title  |boolean| no   | iOS/Android       | yes |
+| left            | 	Whether to add margin distance  |boolean| no   | iOS/Android       | yes |
 | preset            | headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing.  |`’tabHeader’/‘stackHeader’`| no   | iOS/Android       | yes |
 
-
-
 ### Item
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-
-
 | Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
 | --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
 | title            | 	title for the button, required  |string| no   | iOS/Android       | yes |
@@ -185,14 +179,12 @@ export function UsageWithIcons({ navigation }) {
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-
-
 | Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
 | --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
 | OverflowIcon            | React element or component for the overflow icon  |` ReactElement / ComponentType`| no   | iOS/Android       | yes |
 | style            | 	optional styles for overflow button|`ViewStyle`| no   | iOS/Android       | yes |
 | onPress            | 	function that is called when overflow menu is pressed.  |function| no   | iOS/Android       | yes |
-| left              | whether the OverflowMenu is on the left from header title |boolean| no   | iOS/Android       | yes |
+| left              | Whether to add margin distance |boolean| no   | iOS/Android       | yes |
 | children              | the overflow items|`ReactNode`| yes   | iOS/Android       | yes |
 | preset              |	headers are typically rendered in Stack Navigator, however, you can also render them in a Tab Navigator header. Pass 'tabHeader' if button margins are missing. |` 'tabHeader' / 'stackHeader'`| no   | iOS/Android       | yes |
 
@@ -202,8 +194,6 @@ export function UsageWithIcons({ navigation }) {
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-
-
 | Name            | Description     | Type                                                                                                                     | Required | Platform | HarmonyOS Support    |
 | --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- |
 | title            |title for the button, required  |string| no   | iOS/Android       | yes |
@@ -231,6 +221,8 @@ export function UsageWithIcons({ navigation }) {
 
 ## 其他
 
+- left属性描述错误 [issue#248](https://github.com/vonovak/react-navigation-header-buttons/issues/248)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-navigation-header-buttons/blob/master/LICENSE) ，请自由地享受和参与开源。

From 4ca794bfbf27c5e67511545ca804b865c58642ad Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Tue, 12 Nov 2024 02:17:21 +0000
Subject: [PATCH 844/966] =?UTF-8?q?!1867=20docs:=20[Issues:=20#IB3JWN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB3JWN]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-code-push.md    | 6 +++---
 zh-cn/react-native-code-push.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/en/react-native-code-push.md b/en/react-native-code-push.md
index bc2ec0f4..1df055f5 100644
--- a/en/react-native-code-push.md
+++ b/en/react-native-code-push.md
@@ -287,13 +287,13 @@ cd entry
 ohpm install
 ```
 
-Modifying the `tester\harmony\entry\src\main\ets\pages\Index.ets` file.
+Modifying the `entry\src\main\ets\pages\Index.ets` file.
 
 ```diff
 ...
 + import common from '@ohos.app.ability.common';
-+ let context = getContext(this) as common.UIAbilityContext;
 + import BuildProfile from 'BuildProfile';
++ let context = getContext(this) as common.UIAbilityContext;
 + interface CodePushConfig{
 +  Staging:String;
 +  Production:String;
@@ -343,7 +343,7 @@ build() {
 }
 ```
 
-Open `tester/harmony/entry/build-profile.json5` and add configuration
+Open `entry/build-profile.json5` and add configuration
 
 ```diff
 {
diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 2aeb5fcf..99c30591 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -280,13 +280,13 @@ cd entry
 ohpm install
 ```
 
-修改`tester\harmony\entry\src\main\ets\pages\Index.ets`文件
+修改`entry\src\main\ets\pages\Index.ets`文件
 
 ```diff
 ...
 + import common from '@ohos.app.ability.common';
-+ let context = getContext(this) as common.UIAbilityContext;
 + import BuildProfile from 'BuildProfile';
++ let context = getContext(this) as common.UIAbilityContext;
 + interface CodePushConfig{
 +  Staging:String;
 +  Production:String;
@@ -336,7 +336,7 @@ build() {
 }
 ```
 
-打开`tester/harmony/entry/build-profile.json5`，添加配置
+打开`entry/build-profile.json5`，添加配置
 
 ```diff
 {

From c0c50bf0bcc13b42376ff3f8a2638764b2efc08b Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Tue, 12 Nov 2024 09:00:46 +0000
Subject: [PATCH 845/966] =?UTF-8?q?!1868=20docs:=20[Issues:=20#IB3Q3D]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB3Q3D]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-elements=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-elements.md    |  8 +++-----
 zh-cn/react-native-elements.md | 10 +++-------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/en/react-native-elements.md b/en/react-native-elements.md
index 8e5f036c..71d500a8 100644
--- a/en/react-native-elements.md
+++ b/en/react-native-elements.md
@@ -533,11 +533,6 @@ The following component attributes are currently supported:
 
 **Dialog.Button**: Define dialog box operation components，receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props)
 
-**Dialog.Actions**: Define dialog box operation components 对话框加载组件
-
-|   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
-| :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
-| children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
 
 **Dialog.Loading**: Dialog box loading component
 
@@ -1058,6 +1053,9 @@ The following component attributes are currently supported:
 -  Slider组件的属性animateTransitions单独设置为true报错：[issue#18](https://github.com/react-native-elements/react-native-elements/issues/3928)。
 -  ListItem.Subtitle组件的right属性设置无效，与Android、iOS一致：[issue#19](https://github.com/react-native-elements/react-native-elements/issues/3951)。
 -  Icon组件的brand属性设置无效，与Android、iOS一致：[issue#20](https://github.com/react-native-elements/react-native-elements/issues/3952)。
+-  Header组件的centerComponent属性设置上下无法居中：[issue#21](https://github.com/react-native-elements/react-native-elements/issues/3953)。
+-  ToolTip组件的skipAndroidStatusBar属性设置无效，与Android、iOS一致：[issue#22](https://github.com/react-native-elements/react-native-elements/issues/3954)。
+
 
 ## License
 
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index c2c3e078..996c4fc3 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -526,13 +526,7 @@ export default Avatars;
 
 **Dialog.Button**：定义对话框按钮组件，接收所有 [Button](https://reactnativeelements.com/docs/components/button#props) 的props
 
-**Dialog.Actions**：对话框加载组件
-
-|   Name   |                     Description                     |   Type    | Required | Platform | HarmonyOS Support |
-| :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
-| children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
-
-**Dialog.Loading**：定义对话框操作组件
+**Dialog.Loading**：定义对话框加载组件
 
 |     Name     |                     Description                      |          Type          | Required | Platform | HarmonyOS Support |
 | :----------: | :--------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
@@ -1045,6 +1039,8 @@ export default Avatars;
 -  Slider组件的属性animateTransitions单独设置为true报错：[issue#18](https://github.com/react-native-elements/react-native-elements/issues/3928)。
 -  ListItem.Subtitle组件的right属性设置无效，与Android、iOS一致：[issue#19](https://github.com/react-native-elements/react-native-elements/issues/3951)。
 -  Icon组件的brand属性设置无效，与Android、iOS一致：[issue#20](https://github.com/react-native-elements/react-native-elements/issues/3952)。
+-  Header组件的centerComponent属性设置上下无法居中：[issue#21](https://github.com/react-native-elements/react-native-elements/issues/3953)。
+-  ToolTip组件的skipAndroidStatusBar属性设置无效，与Android、iOS一致：[issue#22](https://github.com/react-native-elements/react-native-elements/issues/3954)。
 
 ## 开源协议
 

From 3ba737ac704e3fdb6fa21672bf3d6c02fa5e483b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <891661163@qq.com>
Date: Wed, 13 Nov 2024 02:21:17 +0000
Subject: [PATCH 846/966] =?UTF-8?q?!1869=20=E4=BF=AE=E6=94=B9=20react-nati?=
 =?UTF-8?q?ve-wechat-lib=20=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=20*=20docs?=
 =?UTF-8?q?:=20[#IB3XO7]=20=E4=BF=AE=E6=94=B9=20react-native-wechat-lib=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-wechat-lib.md    | 1 -
 zh-cn/react-native-wechat-lib.md | 1 -
 2 files changed, 2 deletions(-)

diff --git a/en/react-native-wechat-lib.md b/en/react-native-wechat-lib.md
index ae9451ad..fb8fb7e3 100644
--- a/en/react-native-wechat-lib.md
+++ b/en/react-native-wechat-lib.md
@@ -347,7 +347,6 @@ Check the release version information in the release address of the third-party
 | getApiVersion()                               | Get API version number    | Function | no       | Android/iOS | no                |
 | openWXApp()                                   | Open WeChat           | Function | no       | Android/iOS | yes               |
 | sendAuthRequest([scope[, state]])             | WeChat authorized login       | Function | no       | Android/iOS | yes               |
-| authByScan([scope, nonceStr, onQRGet])        | WeChat scan code to authorize login   | Function | no       | Android/iOS | yes               |
 | shareText(ShareTextMetadata)                  | Share/Collect Text     | Function | no       | Android/iOS | partially         |
 | shareImage(ShareImageMetadata)                | Share Image     | Function | no       | Android/iOS | partially         |
 | shareLocalImage(ShareImageMetadata)           | Share LocalImage | Function | no       | Android/iOS | partially         |
diff --git a/zh-cn/react-native-wechat-lib.md b/zh-cn/react-native-wechat-lib.md
index 6ead08f3..0a69922d 100644
--- a/zh-cn/react-native-wechat-lib.md
+++ b/zh-cn/react-native-wechat-lib.md
@@ -350,7 +350,6 @@ ohpm install
 | getApiVersion()                               | 获取 API 版本号    | Function | no       | Android/iOS | no                |
 | openWXApp()                                   | 打开微信           | Function | no       | Android/iOS | yes               |
 | sendAuthRequest([scope[, state]])             | 微信授权登录       | Function | no       | Android/iOS | yes               |
-| authByScan([scope, nonceStr, onQRGet])        | 微信扫码授权登录   | Function | no       | Android/iOS | yes               |
 | shareText(ShareTextMetadata)                  | 分享/收藏 文本     | Function | no       | Android/iOS | partially         |
 | shareImage(ShareImageMetadata)                | 分享/收藏 图片     | Function | no       | Android/iOS | partially         |
 | shareLocalImage(ShareImageMetadata)           | 分享/收藏 本地图片 | Function | no       | Android/iOS | partially         |

From af4a05a8022b019225e6d35478964fc553ef2f20 Mon Sep 17 00:00:00 2001
From: xwq <xuwenqian8@h-partners.com>
Date: Wed, 13 Nov 2024 06:40:54 +0000
Subject: [PATCH 847/966] =?UTF-8?q?!1870=20docs:=20=20[Issues:=20#IB419I]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-mail=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=20[Issues:=20#IB419I]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-mail=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-mail.md    | 3 ++-
 zh-cn/react-native-mail.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-mail.md b/en/react-native-mail.md
index 2a7106f6..ded480f7 100644
--- a/en/react-native-mail.md
+++ b/en/react-native-mail.md
@@ -215,7 +215,7 @@ Check the release version information in the release address of the third-party
 | bccRecipients      | 密件抄送收件人      | string[] | no       | all      | yes               |
 | body               | 邮件内容            | string   | no       | all      | yes               |
 | customChooserTitle | 自定义选择器标题    | string   | no       | android  | no                |
-| isHTML             | 邮件内容是否为 html | boolean  | no       | all      | yes               |
+| isHTML             | 邮件内容是否为 html | boolean  | no       | all      | no               |
 | attachments        | 附件信息            | object[] | no       | all      | no                |
 
 ## Known Issues
@@ -223,6 +223,7 @@ Check the release version information in the release address of the third-party
 - [ ] 不支持 attachments 附件传递: [issue#1](https://github.com/react-native-oh-library/react-native-mail/issues/1)
 - [ ] 不支持 customChooserTitle: [issue#4](https://github.com/react-native-oh-library/react-native-mail/issues/4)
 - [x] 邮箱应用上 body 显示异常: [issue#2](https://github.com/react-native-oh-library/react-native-mail/issues/2)
+- [ ] 不支持 isHTML: [issue#7](https://github.com/react-native-oh-library/react-native-mail/issues/7)
 
 ## Others
 
diff --git a/zh-cn/react-native-mail.md b/zh-cn/react-native-mail.md
index 60d221eb..c67052ba 100644
--- a/zh-cn/react-native-mail.md
+++ b/zh-cn/react-native-mail.md
@@ -218,7 +218,7 @@ ohpm install
 | bccRecipients      | 密件抄送收件人      | string[] | no       | all      | yes               |
 | body               | 邮件内容            | string   | no       | all      | yes               |
 | customChooserTitle | 自定义选择器标题    | string   | no       | android  | no                |
-| isHTML             | 邮件内容是否为 html | boolean  | no       | all      | yes               |
+| isHTML             | 邮件内容是否为 html | boolean  | no       | all      | no               |
 | attachments        | 附件信息            | object[] | no       | all      | no                |
 
 ## 遗留问题
@@ -226,6 +226,7 @@ ohpm install
 - [ ] 不支持 attachments 附件传递: [issue#1](https://github.com/react-native-oh-library/react-native-mail/issues/1)
 - [ ] 不支持 customChooserTitle: [issue#4](https://github.com/react-native-oh-library/react-native-mail/issues/4)
 - [x] 邮箱应用上 body 显示异常: [issue#2](https://github.com/react-native-oh-library/react-native-mail/issues/2)
+- [ ] 不支持 isHTML: [issue#7](https://github.com/react-native-oh-library/react-native-mail/issues/7)
 
 ## 其他
 

From 1da7e9d00320a7258d354bcda99b10f484b8cfb5 Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Wed, 13 Nov 2024 07:05:48 +0000
Subject: [PATCH 848/966] =?UTF-8?q?!1871=20docs:=20[#IB41EL]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-notifier=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-notifier=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-notifier.md    | 2 +-
 zh-cn/react-native-notifier.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-notifier.md b/en/react-native-notifier.md
index 59b6b222..888f6e92 100644
--- a/en/react-native-notifier.md
+++ b/en/react-native-notifier.md
@@ -187,7 +187,7 @@ All possible modes:
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### `NotifierComponents.Notifications`
+### `NotifierComponents.Notification`
 
 Currently, there are 2 components out of the box. If none of them fits your needs, then you can easily create your [Custom Component].
 
diff --git a/zh-cn/react-native-notifier.md b/zh-cn/react-native-notifier.md
index a69e6908..c53cc98c 100644
--- a/zh-cn/react-native-notifier.md
+++ b/zh-cn/react-native-notifier.md
@@ -182,7 +182,7 @@ All possible modes:
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-### `NotifierComponents.Notifications`
+### `NotifierComponents.Notification`
 Currently, there are 2 components out of the box. If none of them fits your needs, then you can easily create your [Custom Component].
 
 | Name | Type | Default |  Description |  Platform | HarmonyOS Support  |

From 1a3d0e735a4267bf583991458e958b29b5e62da4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <891661163@qq.com>
Date: Wed, 13 Nov 2024 07:14:39 +0000
Subject: [PATCH 849/966] =?UTF-8?q?!1872=20=E4=BF=AE=E6=94=B9=20react-nati?=
 =?UTF-8?q?ve-wechat-lib=20=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=20*=20docs?=
 =?UTF-8?q?:=20[#IB3XO7]=20=E4=BF=AE=E6=94=B9=20react-native-wechat-lib=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-wechat-lib.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-wechat-lib.md b/zh-cn/react-native-wechat-lib.md
index 0a69922d..e93fc148 100644
--- a/zh-cn/react-native-wechat-lib.md
+++ b/zh-cn/react-native-wechat-lib.md
@@ -354,7 +354,7 @@ ohpm install
 | shareImage(ShareImageMetadata)                | 分享/收藏 图片     | Function | no       | Android/iOS | partially         |
 | shareLocalImage(ShareImageMetadata)           | 分享/收藏 本地图片 | Function | no       | Android/iOS | partially         |
 | shareFile(ShareFileMetadata)                  | 分享文件           | Function | no       | Android/iOS | no                |
-| shareMusic(ShareMusicMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
+| shareMusic(ShareMusicMetadata)                | 分享音频           | Function | no       | Android/iOS | no                |
 | shareVideo(ShareVideoMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
 | shareWebpage (ShareWebpageMetadata)           | 分享网页           | Function | no       | Android/iOS | no                |
 | shareMiniProgram(ShareMiniProgramMetadata)    | 分享小程序         | Function | no       | Android/iOS | no                |

From 616fc3d3e0f67e94780bb6de9c55bce6bbb18c44 Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Wed, 13 Nov 2024 08:27:52 +0000
Subject: [PATCH 850/966] =?UTF-8?q?!1874=20docs:=20[Issues:IB42XA]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9reassure=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:IB42XA]=E4=BF=AE=E6=94=B9reassure?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/reassure.md    | 24 ++++++++++++------------
 zh-cn/reassure.md |  1 -
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/en/reassure.md b/en/reassure.md
index 922551c8..a8b00c5a 100644
--- a/en/reassure.md
+++ b/en/reassure.md
@@ -37,7 +37,7 @@ The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
 
-文件名称结尾必须包含`.perf-test.`，比如：MeasureFunction.perf-test.tsx
+The file name must end with`.perf-test.`,For example:MeasureFunction.perf-test.tsx
 
 ```js
 import { measureFunction } from "reassure";
@@ -76,9 +76,9 @@ test("MeasureFunction writeFile true", async () => {
 });
 ```
 
-## 基础配置
+## Basic Configuration
 
-### 配置 jest.config.js
+### configure jest.config.js
 
 ```js
 /** @type {import('ts-jest').JestConfigWithTsJest} */
@@ -88,7 +88,7 @@ module.exports = {
 };
 ```
 
-### 配置 jest-setup.js
+### configure jest-setup.js
 
 ```js
 /* eslint-disable no-undef */
@@ -97,35 +97,35 @@ import { configure } from "reassure";
 configure({ testingLibrary: "react-native" });
 ```
 
-### 安装 jest
+### install jest
 
-如已安装 jest，可忽略
+If jest has been installed, ignore it.
 
 ```shell
 npm install --save-dev jest@29.2.1
 ```
 
-### 安装 babel-jest
+### install babel-jest
 
-如已安装 babel-jest，可忽略
+If babel-jest has been installed, ignore it.
 
 ```shell
 npm instal --save-dev babel-jest@29.2.1
 ```
 
-### 安装 @testing-library/react-native
+### install @testing-library/react-native
 
 ```shell
 npm install --save-dev @testing-library/react-native@12.5.2
 ```
 
-## 生成性能报告
+## Generating a Performance Report
 
 ```shell
 npx reassure
 ```
 
-性能报告默认在当前工程根目录的`.reassure`文件夹中
+By default, the performance report is stored in the `.reassure` folder in the root directory of the current project.
 
 ## Constraints
 
@@ -134,6 +134,7 @@ npx reassure
 This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25 (API Version 12 Canary4); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
+2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
@@ -172,7 +173,6 @@ This document is verified based on the following versions:
 | runs           | number of runs per series for the particular test                                       | number         | no       | all      | yes               |
 | warmupRuns     | number of additional warmup runs that will be done and discarded before the actual runs | number         | no       | all      | yes               |
 | outputFile     | should write output to file                                                             | boolean        | no       | all      | yes               |
-| verbose        | make Reassure log more, e.g. for debugging purposes                                     | boolean        | no       | all      | yes               |
 | testingLibrary | where to look for `render` and `cleanup` functions                                      | TestingLibrary | no       | all      | yes               |
 
 **dangerReassure**
diff --git a/zh-cn/reassure.md b/zh-cn/reassure.md
index 4dbccfc6..be29237e 100644
--- a/zh-cn/reassure.md
+++ b/zh-cn/reassure.md
@@ -177,7 +177,6 @@ npx reassure
 | runs           | number of runs per series for the particular test            | number         | no       | all      | yes               |
 | warmupRuns     | number of additional warmup runs that will be done and discarded before the actual runs | number         | no       | all      | yes               |
 | outputFile     | should write output to file                                  | boolean        | no       | all      | yes               |
-| verbose | make Reassure log more, e.g. for debugging purposes | boolean | no | all | yes   |
 | testingLibrary | where to look for `render` and `cleanup` functions           | TestingLibrary | no       | all      | yes               |
 
 **dangerReassure**

From 1fedcf2aff7b78068e5d00aa6d1c4856eab45e9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A5=93=E6=99=A9?=
 <13211047+hahachen123@user.noreply.gitee.com>
Date: Wed, 13 Nov 2024 08:33:51 +0000
Subject: [PATCH 851/966] =?UTF-8?q?!1873=20docs:=20[Issues:=20#IB42D8]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9op-sqlite=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IB42D8]=20=E4=BF=AE=E6=94=B9op-sqlit?=
 =?UTF-8?q?e=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/op-engineering-op-sqlite.md    | 30 ++++++++++++++++------------
 zh-cn/op-engineering-op-sqlite.md | 33 +++++++++++++++++--------------
 2 files changed, 35 insertions(+), 28 deletions(-)

diff --git a/en/op-engineering-op-sqlite.md b/en/op-engineering-op-sqlite.md
index ddc5f2e8..d37c769e 100644
--- a/en/op-engineering-op-sqlite.md
+++ b/en/op-engineering-op-sqlite.md
@@ -92,18 +92,7 @@ export default function OpSqliteExample() {
 
 ```
 
-#### **Change and set plugin package.json of root project dir**
 
-```json
-{
-...
-  "op-sqlite": {
-    ...
-    "sqlcipher": false,
-    "libsql": false,
-  },
-}
-```
 For details, see [Source Repository Document Address](https://ospfranco.notion.site/OP-SQLite-Documentation-a279a52102464d0cb13c3fa230d2f2dc?pvs=4)
 
 
@@ -162,7 +151,7 @@ project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 set(LOG_VERBOSITY_LEVEL 1)
@@ -224,6 +213,18 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
+### 5. Create a `package.json` file in the root directory of your IDE project and configure the parameters.
+
+```json
+{
+...
+  "op-sqlite": {
+    ...
+    "sqlcipher": false,
+    "libsql": false, //Here, if it is set to "true", it represents the remote database mode.
+  },
+}
+```
 
 ### 5. Introducing opSqlitePlugin to ArkTS
 
@@ -234,9 +235,12 @@ Open the `entry/hvigorfile.ts` file and add the following code:
 + import { HvigorPlugin, HvigorNode, getNode } from '@ohos/hvigor';
 + import { opSqlitePlugin } from './oh_modules/@react-native-oh-tpl/op-sqlite/hvigorfile.ts';
 
++const path = require('path');
++const rootRNPackagePath = path.join(__dirname, '../package.json'); //The configuration is based on the actual package path
+
 export default {
     system: hapTasks,
-+   plugins: [opSqlitePlugin()]
++   plugins: [opSqlitePlugin(rootRNPackagePath)]
 }
 ```
 
diff --git a/zh-cn/op-engineering-op-sqlite.md b/zh-cn/op-engineering-op-sqlite.md
index cb4c7ea1..96c1d0d1 100644
--- a/zh-cn/op-engineering-op-sqlite.md
+++ b/zh-cn/op-engineering-op-sqlite.md
@@ -92,18 +92,6 @@ export default function OpSqliteExample() {
 
 ```
 
-#### **在项目根目录package.json,设置插件**
-
-```json
-{
-...
-  "op-sqlite": {
-    ...
-    "sqlcipher": false,
-    "libsql": false,
-  },
-}
-```
 详细参考[源库文档地址](https://ospfranco.notion.site/OP-SQLite-Documentation-a279a52102464d0cb13c3fa230d2f2dc?pvs=4)
 
 
@@ -167,7 +155,7 @@ project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 set(LOG_VERBOSITY_LEVEL 1)
@@ -229,8 +217,20 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
+### 5.在ide的工程根目录创建package.json文件,并配置参数
 
-### 5. 在 ArkTs 侧引入 opSqlitePlugin
+```diff
+{
+...
+  "op-sqlite": {
+    ...
+    "sqlcipher": false,
+    "libsql": false, //此处设置为ture即为远程数据库模式
+  },
+}
+```
+
+### 6. 在 ArkTs 侧引入 opSqlitePlugin
 
 打开 `entry/hvigorfile.ts`，添加：
 
@@ -239,9 +239,12 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 + import { HvigorPlugin, HvigorNode, getNode } from '@ohos/hvigor';
 + import { opSqlitePlugin } from './oh_modules/@react-native-oh-tpl/op-sqlite/hvigorfile.ts';
 
++const path = require('path');
++const rootRNPackagePath = path.join(__dirname, '../package.json'); //此处根据实际package路径来进行配置
+
 export default {
     system: hapTasks,
-+   plugins: [opSqlitePlugin()]
++   plugins: [opSqlitePlugin(rootRNPackagePath)]
 }
 ```
 

From 000122348cad48b275bd04e2a9f77e1ffcc18be0 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Thu, 14 Nov 2024 06:17:09 +0000
Subject: [PATCH 852/966] =?UTF-8?q?!1878=20docs:=20[Issues:=20#IB45S3]=20?=
 =?UTF-8?q?=E5=B0=86=E8=8B=B1=E6=96=87=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E7=9A=84=E5=AE=89=E8=A3=85=E6=96=B9=E5=BC=8F=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8npm=20=E5=AE=89=E8=A3=85=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E4=BE=9D=E8=B5=96=20*=20docs:=20[Issues:=20#IB45S3]?=
 =?UTF-8?q?=20=E5=B0=86=E5=85=B6=E4=BD=99=E6=9C=AA=E6=94=B9=E7=9A=84?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E5=AE=89?=
 =?UTF-8?q?=E8=A3=85=E6=96=B9=E5=BC=8F=E6=94=B9=E4=B8=BA=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?npm=20=E5=AE=89=E8=A3=85=E4=B8=89=E6=96=B9=E5=BA=93=E4=BE=9D?=
 =?UTF-8?q?=E8=B5=96=20*=20docs:=20[Issues:=20#IB45S3]=20=E5=B0=86?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E7=9A=84?=
 =?UTF-8?q?=E5=AE=89=E8=A3=85=E6=96=B9=E5=BC=8F=E6=94=B9=E4=B8=BA=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8npm=20=E5=AE=89=E8=A3=85=E4=B8=89=E6=96=B9=E5=BA=93?=
 =?UTF-8?q?=E4=BE=9D=E8=B5=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/NativeBase.md                              |  6 +-
 en/bam-tech-react-native-image-resizer.md     |  8 +-
 en/baronha-ting.md                            |  8 +-
 en/gorhom-bottom-sheet.md                     |  6 +-
 en/jpush-react-native.md                      |  7 +-
 en/klarna-platform-colors.md                  |  8 +-
 en/lottie-react-native.md                     |  8 +-
 en/mixpanel-react-native.md                   |  8 +-
 en/nativewind.md                              |  6 +-
 en/react-content-loader.md                    |  8 +-
 en/react-native-MJRefresh.md                  |  8 +-
 en/react-native-QRCode.md                     |  8 +-
 en/react-native-SmartRefreshLayout.md         |  8 +-
 en/react-native-alipay.md                     |  8 +-
 en/react-native-amap-geolocation.md           |  8 +-
 en/react-native-amap3d.md                     |  8 +-
 en/react-native-apple-authentication.md       |  8 +-
 ...eact-native-async-storage-async-storage.md |  8 +-
 en/react-native-audio-recorder-player.md      |  8 +-
 en/react-native-audio-toolkit.md              |  8 +-
 en/react-native-audio.md                      |  8 +-
 en/react-native-autoheight-webview.md         |  8 +-
 en/react-native-background-fetch.md           |  8 +-
 en/react-native-background-timer.md           |  8 +-
 en/react-native-baidu-map.md                  |  8 +-
 en/react-native-barcode-builder.md            |  8 +-
 en/react-native-bars.md                       |  8 +-
 en/react-native-better-banner.md              |  8 +-
 en/react-native-bindingx.md                   |  8 +-
 en/react-native-ble-manager.md                |  8 +-
 en/react-native-ble-plx.md                    |  8 +-
 en/react-native-blob-util.md                  |  8 +-
 en/react-native-bootsplash.md                 |  8 +-
 en/react-native-calendar-events.md            |  8 +-
 en/react-native-camera-kit.md                 |  7 +-
 en/react-native-cameraroll.md                 |  8 +-
 en/react-native-cardview.md                   |  8 +-
 en/react-native-charts-wrapper.md             |  8 +-
 en/react-native-clipboard-clipboard.md        |  8 +-
 en/react-native-clippath-capi.md              |  8 +-
 en/react-native-clippathview.md               |  7 +-
 en/react-native-code-push.md                  |  8 +-
 en/react-native-color-matrix-image-filters.md |  8 +-
 en/react-native-community-blur.md             |  8 +-
 en/react-native-community-checkbox.md         |  8 +-
 en/react-native-community-datetimepicker.md   |  8 +-
 en/react-native-community-geolocation.md      |  8 +-
 en/react-native-community-netinfo.md          |  8 +-
 ...t-native-community-progress-bar-android.md |  8 +-
 ...act-native-community-progress-view-capi.md |  8 +-
 en/react-native-community-progress-view.md    |  8 +-
 ...-native-community-push-notification-ios.md |  8 +-
 ...eact-native-community-segmented-control.md |  8 +-
 en/react-native-community-slider.md           |  8 +-
 en/react-native-community-toolbar-android.md  |  8 +-
 en/react-native-compass-heading.md            |  8 +-
 en/react-native-config.md                     |  8 +-
 en/react-native-contacts.md                   |  8 +-
 en/react-native-context-menu-view.md          |  8 +-
 en/react-native-cookies-cookies.md            |  8 +-
 en/react-native-country-picker-modal.md       |  8 +-
 en/react-native-create-thumbnail.md           |  8 +-
 en/react-native-credit-card-input.md          |  8 +-
 en/react-native-custom-keyboard.md            |  7 +-
 en/react-native-date-picker.md                |  8 +-
 en/react-native-default-preference.md         |  8 +-
 en/react-native-device-info.md                |  8 +-
 en/react-native-doc-viewer.md                 |  7 +-
 en/react-native-document-picker.md            |  8 +-
 en/react-native-drag-sort.md                  |  8 +-
 en/react-native-drax.md                       |  8 +-
 en/react-native-email-link.md                 |  8 +-
 en/react-native-exception-handler.md          |  8 +-
 en/react-native-exit-app.md                   |  8 +-
 en/react-native-fast-image.md                 |  8 +-
 en/react-native-file-access.md                |  8 +-
 en/react-native-file-selector.md              |  8 +-
 en/react-native-file-viewer.md                |  8 +-
 en/react-native-fileupload.md                 |  8 +-
 en/react-native-fingerprint-scanner.md        |  8 +-
 en/react-native-fs.md                         |  8 +-
 en/react-native-gesture-handler.md            |  7 +-
 en/react-native-get-random-values.md          |  7 +-
 en/react-native-gifted-charts.md              |  8 +-
 en/react-native-haptic-feedback.md            |  8 +-
 en/react-native-hole-view.md                  |  8 +-
 en/react-native-http-bridge.md                |  8 +-
 en/react-native-idfa-aaid.md                  |  8 +-
 en/react-native-idle-timer.md                 |  8 +-
 en/react-native-image-capinsets-next.md       |  8 +-
 en/react-native-image-colors.md               |  8 +-
 en/react-native-image-crop-picker.md          |  7 +-
 en/react-native-image-editor.md               |  6 +-
 en/react-native-image-gallery.md              |  6 +-
 en/react-native-image-pan-zoom.md             |  8 +-
 en/react-native-image-picker.md               |  8 +-
 en/react-native-image-sequence-2.md           |  8 +-
 en/react-native-image-viewing.md              |  8 +-
 en/react-native-image-zoom-viewer.md          |  8 +-
 en/react-native-inappbrowser.md               |  8 +-
 en/react-native-input-scroll-view.md          |  8 +-
 en/react-native-intersection-observer.md      |  8 +-
 en/react-native-iphone-screen-helper.md       |  7 +-
 en/react-native-keep-awake.md                 |  8 +-
 en/react-native-keyboard-aware-scroll-view.md |  8 +-
 en/react-native-keys.md                       |  8 +-
 en/react-native-largelist.md                  |  7 +-
 en/react-native-localization-settings.md      |  8 +-
 en/react-native-localization.md               |  7 +-
 en/react-native-localize.md                   |  7 +-
 en/react-native-map-linking.md                |  9 +--
 en/react-native-maps.md                       |  8 +-
 en/react-native-markdown-display.md           |  8 +-
 en/react-native-markdown-renderer.md          | 10 +--
 en/react-native-marquee.md                    |  8 +-
 en/react-native-masked-view-masked-view.md    |  8 +-
 en/react-native-material-buttons.md           |  7 +-
 en/react-native-material-dropdown.md          |  6 +-
 en/react-native-material-textfield.md         |  7 +-
 en/react-native-material-ui.md                |  9 +--
 en/react-native-mlkit-ocr.md                  |  8 +-
 en/react-native-mmkv-storage.md               |  8 +-
 en/react-native-modal-popover.md              |  8 +-
 en/react-native-modal.md                      |  7 +-
 en/react-native-modalbox.md                   |  8 +-
 en/react-native-multi-slider.md               |  8 +-
 en/react-native-neomorph-shadows.md           |  7 +-
 en/react-native-nested-scroll-view.md         |  8 +-
 en/react-native-network-info.md               |  8 +-
 en/react-native-ohos-community-auto-fill.md   |  7 +-
 en/react-native-orientation-locker.md         |  8 +-
 en/react-native-orientation.md                |  8 +-
 en/react-native-pager-view.md                 |  8 +-
 en/react-native-pdf.md                        |  8 +-
 en/react-native-performance.md                |  8 +-
 en/react-native-permissions.md                |  8 +-
 en/react-native-picker-picker.md              |  8 +-
 en/react-native-picker-select.md              |  8 +-
 en/react-native-picker.md                     |  8 +-
 en/react-native-popover-view.md               |  8 +-
 en/react-native-print.md                      |  8 +-
 en/react-native-progress.md                   |  8 +-
 en/react-native-pull.md                       |  7 +-
 en/react-native-qr-decode-image-camera.md     |  7 +-
 en/react-native-quick-base64.md               |  8 +-
 en/react-native-randombytes.md                |  8 +-
 en/react-native-reanimated-bottom-sheet.md    |  6 +-
 en/react-native-reanimated.md                 |  8 +-
 en/react-native-restart.md                    |  7 +-
 en/react-native-root-modal.md                 |  8 +-
 en/react-native-safe-area-context.md          |  8 +-
 en/react-native-safe-module.md                |  8 +-
 en/react-native-safe-modules.md               |  8 +-
 en/react-native-screenshot-prevent.md         |  8 +-
 en/react-native-scroll-bottom-sheet.md        |  6 +-
 en/react-native-scrollable-tab-view.md        |  9 +--
 en/react-native-securerandom.md               |  8 +-
 en/react-native-send-intent.md                |  8 +-
 en/react-native-sensitive-info.md             |  8 +-
 en/react-native-sensors.md                    |  9 +--
 en/react-native-shake.md                      |  8 +-
 en/react-native-share.md                      |  8 +-
 en/react-native-shared-element.md             |  8 +-
 en/react-native-signature-capture.md          |  8 +-
 en/react-native-simple-toast.md               |  8 +-
 en/react-native-skia.md                       |  8 +-
 en/react-native-slider.md                     |  8 +-
 en/react-native-snackbar.md                   |  8 +-
 en/react-native-snap-carousel.md              |  8 +-
 en/react-native-sortable-list.md              |  7 +-
 en/react-native-sound.md                      |  8 +-
 en/react-native-spinkit.md                    |  7 +-
 en/react-native-splash-screen.md              |  8 +-
 en/react-native-spring-scrollview.md          |  8 +-
 en/react-native-sqlite-storage.md             |  8 +-
 en/react-native-ssl-pinning.md                |  7 +-
 en/react-native-stickyheader.md               |  8 +-
 en/react-native-svg-capi.md                   |  8 +-
 en/react-native-svg-charts.md                 |  8 +-
 en/react-native-svg.md                        |  7 +-
 en/react-native-swipe-list-view.md            |  8 +-
 en/react-native-switch-pro.md                 |  8 +-
 en/react-native-syan-image-picker.md          |  8 +-
 en/react-native-system-setting.md             |  8 +-
 en/react-native-tab-navigator.md              |  8 +-
 en/react-native-tab-view.md                   |  8 +-
 en/react-native-tcp-socket.md                 |  8 +-
 en/react-native-text-gradient.md              |  8 +-
 en/react-native-text-input-mask.md            |  7 +-
 en/react-native-text-size.md                  |  8 +-
 en/react-native-textinput-maxlength-fixed.md  |  7 +-
 en/react-native-theme-switch-animation.md     |  6 +-
 en/react-native-thumbnail.md                  |  8 +-
 en/react-native-touch-id.md                   |  7 +-
 en/react-native-track-player.md               |  8 +-
 en/react-native-transitiongroup.md            |  8 +-
 en/react-native-translucent-modal.md          |  8 +-
 en/react-native-tts.md                        |  8 +-
 en/react-native-typography.md                 |  8 +-
 en/react-native-udp.md                        |  8 +-
 en/react-native-ui-lib.md                     |  8 +-
 en/react-native-unistyles.md                  |  8 +-
 en/react-native-user-agent.md                 |  8 +-
 en/react-native-vector-drawable.md            |  8 +-
 en/react-native-version-number.md             |  8 +-
 en/react-native-video-cache.md                |  8 +-
 en/react-native-video.md                      |  8 +-
 en/react-native-view-overflow.md              |  7 +-
 en/react-native-view-pdf.md                   |  8 +-
 en/react-native-view-shot.md                  |  8 +-
 en/react-native-vision-camera.md              |  7 +-
 en/react-native-webview.md                    |  8 +-
 en/react-native-worklets-core.md              |  7 +-
 en/react-native-zip-archive.md                |  7 +-
 en/react-navigation-drawer.md                 |  7 +-
 en/react-navigation-elements.md               |  7 +-
 en/react-navigation-native-stack.md           |  7 +-
 en/react-navigation-stack.md                  |  7 +-
 en/realm-js.md                                | 12 +--
 en/remobile-react-native-toast.md             |  8 +-
 en/rn-bugly.md                                |  8 +-
 en/rn-emoji-keyboard.md                       |  8 +-
 en/rn-tourguide.md                            |  8 +-
 en/shopify-flash-list.md                      |  8 +-
 en/tgz-usage-en.md                            | 76 +++++++++++++++++++
 en/victory-native-xl.md                       |  8 +-
 226 files changed, 923 insertions(+), 910 deletions(-)
 create mode 100644 en/tgz-usage-en.md

diff --git a/en/NativeBase.md b/en/NativeBase.md
index 9ef57c61..13469722 100644
--- a/en/NativeBase.md
+++ b/en/NativeBase.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction：
 
@@ -25,13 +25,13 @@ Go to the project directory and execute the following instruction：
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/native-base@file:#
+npm install @react-native-oh-tpl/native-base
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/native-base@file:#
+yarn add @react-native-oh-tpl/native-base
 ```
 
 <!-- tabs:end -->
diff --git a/en/bam-tech-react-native-image-resizer.md b/en/bam-tech-react-native-image-resizer.md
index 61e40a9f..0be35f6a 100644
--- a/en/bam-tech-react-native-image-resizer.md
+++ b/en/bam-tech-react-native-image-resizer.md
@@ -17,24 +17,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-resizer@file:#
+npm install @react-native-oh-tpl/react-native-image-resizer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-resizer@file:#
+yarn add @react-native-oh-tpl/react-native-image-resizer
 ```
 
 <!-- tabs:end -->
diff --git a/en/baronha-ting.md b/en/baronha-ting.md
index 9f5003a6..d2352e60 100644
--- a/en/baronha-ting.md
+++ b/en/baronha-ting.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/ting@file:#
+npm install @react-native-oh-tpl/ting
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/ting@file:#
+yarn add @react-native-oh-tpl/ting
 ```
 
 <!-- tabs:end -->
diff --git a/en/gorhom-bottom-sheet.md b/en/gorhom-bottom-sheet.md
index 434c7a93..a9d1a3f7 100644
--- a/en/gorhom-bottom-sheet.md
+++ b/en/gorhom-bottom-sheet.md
@@ -16,20 +16,20 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/bottom-sheet@file:#
+npm install @react-native-oh-tpl/bottom-sheet
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/bottom-sheet@file:#
+yarn add @react-native-oh-tpl/bottom-sheet
 ```
 
 <!-- tabs:end -->
diff --git a/en/jpush-react-native.md b/en/jpush-react-native.md
index 831f28aa..159f16b8 100644
--- a/en/jpush-react-native.md
+++ b/en/jpush-react-native.md
@@ -17,23 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/jpush-react-native@file:#
+npm install @react-native-oh-tpl/jpush-react-native
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/jpush-react-native@file:#
+yarn add @react-native-oh-tpl/jpush-react-native
 ```
 <!-- tabs:end -->
 
diff --git a/en/klarna-platform-colors.md b/en/klarna-platform-colors.md
index db3fd75f..5566235d 100644
--- a/en/klarna-platform-colors.md
+++ b/en/klarna-platform-colors.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/platform-colors@file:#
+npm install @react-native-oh-tpl/platform-colors
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/platform-colors@file:#
+yarn add @react-native-oh-tpl/platform-colors
 ```
 
 Generate resource files:
diff --git a/en/lottie-react-native.md b/en/lottie-react-native.md
index ac6c111c..11a6f327 100644
--- a/en/lottie-react-native.md
+++ b/en/lottie-react-native.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/lottie-react-native@file:#
+npm install @react-native-oh-tpl/lottie-react-native
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/lottie-react-native@file:#
+yarn add @react-native-oh-tpl/lottie-react-native
 ```
 
 <!-- tabs:end -->
diff --git a/en/mixpanel-react-native.md b/en/mixpanel-react-native.md
index d3fbb648..113ff5ff 100644
--- a/en/mixpanel-react-native.md
+++ b/en/mixpanel-react-native.md
@@ -16,23 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/mixpanel-react-native@file:#
+npm install @react-native-oh-tpl/mixpanel-react-native
 ```
 
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/mixpanel-react-native@file:#
+yarn add @react-native-oh-tpl/mixpanel-react-native
 ```
 
 <!-- tabs:end -->
diff --git a/en/nativewind.md b/en/nativewind.md
index a0ee10e9..8396feda 100644
--- a/en/nativewind.md
+++ b/en/nativewind.md
@@ -17,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
@@ -28,13 +28,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/nativewind@file:#
+npm install @react-native-oh-tpl/nativewind
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/nativewind@file:#
+yarn add @react-native-oh-tpl/nativewind
 ```
 
 #### **tailwind.config.js**
diff --git a/en/react-content-loader.md b/en/react-content-loader.md
index e03c3fb5..e98c4b4e 100644
--- a/en/react-content-loader.md
+++ b/en/react-content-loader.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-content-loader@file:#
+npm install @react-native-oh-tpl/react-content-loader
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-content-loader@file:#
+yarn add @react-native-oh-tpl/react-content-loader
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-MJRefresh.md b/en/react-native-MJRefresh.md
index 902c64a0..b3197dc4 100644
--- a/en/react-native-MJRefresh.md
+++ b/en/react-native-MJRefresh.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-mjrefresh@file:#
+npm install @react-native-oh-tpl/react-native-mjrefresh
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-mjrefresh@file:#
+yarn add @react-native-oh-tpl/react-native-mjrefresh
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-QRCode.md b/en/react-native-QRCode.md
index aeb11482..9e8d81df 100644
--- a/en/react-native-QRCode.md
+++ b/en/react-native-QRCode.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-qrcode@file:#
+npm install @react-native-oh-tpl/react-native-qrcode
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-qrcode@file:#
+yarn add @react-native-oh-tpl/react-native-qrcode
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-SmartRefreshLayout.md b/en/react-native-SmartRefreshLayout.md
index cb6e3ee7..2c2945b7 100644
--- a/en/react-native-SmartRefreshLayout.md
+++ b/en/react-native-SmartRefreshLayout.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-smartrefreshlayout@file:#
+npm install @react-native-oh-tpl/react-native-smartrefreshlayout
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-smartrefreshlayout@file:#
+yarn add @react-native-oh-tpl/react-native-smartrefreshlayout
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-alipay.md b/en/react-native-alipay.md
index 02c8a22f..3ab70a1e 100644
--- a/en/react-native-alipay.md
+++ b/en/react-native-alipay.md
@@ -16,22 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-alipay@file:#
+npm install @react-native-oh-tpl/react-native-alipay
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-alipay@file:#
+yarn add @react-native-oh-tpl/react-native-alipay
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-amap-geolocation.md b/en/react-native-amap-geolocation.md
index 91db2ab4..ef6561e0 100644
--- a/en/react-native-amap-geolocation.md
+++ b/en/react-native-amap-geolocation.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-amap-geolocation@file:#
+npm install @react-native-oh-tpl/react-native-amap-geolocation
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-amap-geolocation@file:#
+yarn add @react-native-oh-tpl/react-native-amap-geolocation
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-amap3d.md b/en/react-native-amap3d.md
index 8fca1617..7a930f33 100644
--- a/en/react-native-amap3d.md
+++ b/en/react-native-amap3d.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-amap3d@file:#
+npm install @react-native-oh-tpl/react-native-amap3d
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-amap3d@file:#
+yarn add @react-native-oh-tpl/react-native-amap3d
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-apple-authentication.md b/en/react-native-apple-authentication.md
index f3ddc5af..c14e9ac7 100644
--- a/en/react-native-apple-authentication.md
+++ b/en/react-native-apple-authentication.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-apple-authentication@file:#
+npm install @react-native-oh-tpl/react-native-apple-authentication
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-apple-authentication@file:#
+yarn add @react-native-oh-tpl/react-native-apple-authentication
 ```
 
 #### **配置用于 Web 的“通过 Apple 登录”**
diff --git a/en/react-native-async-storage-async-storage.md b/en/react-native-async-storage-async-storage.md
index d43b0f87..cae7864b 100644
--- a/en/react-native-async-storage-async-storage.md
+++ b/en/react-native-async-storage-async-storage.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/async-storage@file:#
+npm install @react-native-oh-tpl/async-storage
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/async-storage@file:#
+yarn add @react-native-oh-tpl/async-storage
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-audio-recorder-player.md b/en/react-native-audio-recorder-player.md
index d4b49c16..d35c12fc 100644
--- a/en/react-native-audio-recorder-player.md
+++ b/en/react-native-audio-recorder-player.md
@@ -16,22 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!tip] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-audio-recorder-player@file:#
+npm install @react-native-oh-tpl/react-native-audio-recorder-player
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-audio-recorder-player@file:#
+yarn add @react-native-oh-tpl/react-native-audio-recorder-player
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-audio-toolkit.md b/en/react-native-audio-toolkit.md
index 0a19f9d7..f55681d6 100644
--- a/en/react-native-audio-toolkit.md
+++ b/en/react-native-audio-toolkit.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/audio-toolkit@file:#
+npm install @react-native-oh-tpl/audio-toolkit
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/audio-toolkit@file:#
+yarn add @react-native-oh-tpl/audio-toolkit
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-audio.md b/en/react-native-audio.md
index 62278345..fa4fe393 100644
--- a/en/react-native-audio.md
+++ b/en/react-native-audio.md
@@ -18,24 +18,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-audio@file:#
+npm install @react-native-oh-tpl/react-native-audio
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-audio@file:#
+yarn add @react-native-oh-tpl/react-native-audio
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-autoheight-webview.md b/en/react-native-autoheight-webview.md
index 38c10a17..e7020881 100644
--- a/en/react-native-autoheight-webview.md
+++ b/en/react-native-autoheight-webview.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-autoheight-webview@file:#
+npm install @react-native-oh-tpl/react-native-autoheight-webview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-autoheight-webview@file:#
+yarn add @react-native-oh-tpl/react-native-autoheight-webview
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-background-fetch.md b/en/react-native-background-fetch.md
index 8d90583f..cdaa2c24 100644
--- a/en/react-native-background-fetch.md
+++ b/en/react-native-background-fetch.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-background-fetch@file:#
+npm install @react-native-oh-tpl/react-native-background-fetch
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-background-fetch@file:#
+yarn add @react-native-oh-tpl/react-native-background-fetch
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-background-timer.md b/en/react-native-background-timer.md
index 12de4f5b..0a23b7f5 100644
--- a/en/react-native-background-timer.md
+++ b/en/react-native-background-timer.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-background-timer@file:#
+npm install @react-native-oh-tpl/react-native-background-timer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-background-timer@file:#
+yarn add @react-native-oh-tpl/react-native-background-timer
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-baidu-map.md b/en/react-native-baidu-map.md
index 2b9b3c57..d2165577 100644
--- a/en/react-native-baidu-map.md
+++ b/en/react-native-baidu-map.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:end -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-baidu-map@file:#
+npm install @react-native-oh-tpl/react-native-baidu-map
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-baidu-map@file:#
+yarn add @react-native-oh-tpl/react-native-baidu-map
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-barcode-builder.md b/en/react-native-barcode-builder.md
index 7be6793d..984fa4cf 100644
--- a/en/react-native-barcode-builder.md
+++ b/en/react-native-barcode-builder.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-barcode-builder@file:#
+npm install @react-native-oh-tpl/react-native-barcode-builder
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-barcode-builder@file:#
+yarn add @react-native-oh-tpl/react-native-barcode-builder
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-bars.md b/en/react-native-bars.md
index c1193b5c..188fda97 100644
--- a/en/react-native-bars.md
+++ b/en/react-native-bars.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-bars@file:#
+npm install @react-native-oh-tpl/react-native-bars
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-bars@file:#
+yarn add @react-native-oh-tpl/react-native-bars
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-better-banner.md b/en/react-native-better-banner.md
index d40e5224..501d0c67 100644
--- a/en/react-native-better-banner.md
+++ b/en/react-native-better-banner.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-better-banner@file:#
+npm install @react-native-oh-tpl/react-native-better-banner
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-better-banner@file:#
+yarn add @react-native-oh-tpl/react-native-better-banner
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-bindingx.md b/en/react-native-bindingx.md
index 1ab4a924..7908ec38 100644
--- a/en/react-native-bindingx.md
+++ b/en/react-native-bindingx.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-bindingx@file:#
+npm install @react-native-oh-tpl/react-native-bindingx
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-bindingx@file:#
+yarn add @react-native-oh-tpl/react-native-bindingx
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-ble-manager.md b/en/react-native-ble-manager.md
index 769f0012..7da2929d 100644
--- a/en/react-native-ble-manager.md
+++ b/en/react-native-ble-manager.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-ble-manager@file:#
+npm install @react-native-oh-tpl/react-native-ble-manager
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-ble-manager@file:#
+yarn add @react-native-oh-tpl/react-native-ble-manager
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-ble-plx.md b/en/react-native-ble-plx.md
index 3f8127b3..94cbf6c0 100644
--- a/en/react-native-ble-plx.md
+++ b/en/react-native-ble-plx.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-ble-plx@file:#
+npm install @react-native-oh-tpl/react-native-ble-plx
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-ble-plx@file:#
+yarn add @react-native-oh-tpl/react-native-ble-plx
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-blob-util.md b/en/react-native-blob-util.md
index bfe1aa72..8d311517 100644
--- a/en/react-native-blob-util.md
+++ b/en/react-native-blob-util.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-blob-util@file:#
+npm install @react-native-oh-tpl/react-native-blob-util
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-blob-util@file:#
+yarn add @react-native-oh-tpl/react-native-blob-util
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-bootsplash.md b/en/react-native-bootsplash.md
index 7a30e653..3ca260ad 100644
--- a/en/react-native-bootsplash.md
+++ b/en/react-native-bootsplash.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-bootsplash@file:#
+npm install @react-native-oh-tpl/react-native-bootsplash
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-bootsplash@file:#
+yarn add @react-native-oh-tpl/react-native-bootsplash
 ```
 
 #### 生成配置文件
diff --git a/en/react-native-calendar-events.md b/en/react-native-calendar-events.md
index d3b1ccf0..2ec8bcd1 100644
--- a/en/react-native-calendar-events.md
+++ b/en/react-native-calendar-events.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-calendar-events@file:#
+npm install @react-native-oh-tpl/react-native-calendar-events
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-calendar-events@file:#
+yarn add @react-native-oh-tpl/react-native-calendar-events
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md
index b62c5b45..70bff1ec 100644
--- a/en/react-native-camera-kit.md
+++ b/en/react-native-camera-kit.md
@@ -18,24 +18,23 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
->[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-camera-kit@file:#
+npm install @react-native-oh-tpl/react-native-camera-kit
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-camera-kit@file:#
+yarn add @react-native-oh-tpl/react-native-camera-kit
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-cameraroll.md b/en/react-native-cameraroll.md
index 6ac87f1e..c5683a4f 100644
--- a/en/react-native-cameraroll.md
+++ b/en/react-native-cameraroll.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/camera-roll@file:#
+npm install @react-native-oh-tpl/camera-roll
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/camera-roll@file:#
+yarn add @react-native-oh-tpl/camera-roll
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-cardview.md b/en/react-native-cardview.md
index 619bf903..8419eedb 100644
--- a/en/react-native-cardview.md
+++ b/en/react-native-cardview.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-cardview@file:#
+npm install @react-native-oh-tpl/react-native-cardview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-cardview@file:#
+yarn add @react-native-oh-tpl/react-native-cardview
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-charts-wrapper.md b/en/react-native-charts-wrapper.md
index e62795aa..386d48ef 100644
--- a/en/react-native-charts-wrapper.md
+++ b/en/react-native-charts-wrapper.md
@@ -16,24 +16,24 @@ Template version: v0.2.2
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-charts-wrapper@file:#
+npm install @react-native-oh-tpl/react-native-charts-wrapper
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-charts-wrapper@file:#
+yarn add @react-native-oh-tpl/react-native-charts-wrapper
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-clipboard-clipboard.md b/en/react-native-clipboard-clipboard.md
index 3c77f4a5..64ddc51b 100644
--- a/en/react-native-clipboard-clipboard.md
+++ b/en/react-native-clipboard-clipboard.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/clipboard@file:#
+npm install @react-native-oh-tpl/clipboard
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/clipboard@file:#
+yarn add @react-native-oh-tpl/clipboard
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-clippath-capi.md b/en/react-native-clippath-capi.md
index ffeee35a..5a4fdafc 100644
--- a/en/react-native-clippath-capi.md
+++ b/en/react-native-clippath-capi.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-clippathview@file:#
+npm install @react-native-oh-tpl/react-native-clippathview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-clippathview@file:#
+yarn add @react-native-oh-tpl/react-native-clippathview
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-clippathview.md b/en/react-native-clippathview.md
index 90e3839b..ea584a45 100644
--- a/en/react-native-clippathview.md
+++ b/en/react-native-clippathview.md
@@ -18,24 +18,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-clippathview@file:#
+npm install @react-native-oh-tpl/react-native-clippathview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-clippathview@file:#
+yarn add @react-native-oh-tpl/react-native-clippathview
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-code-push.md b/en/react-native-code-push.md
index 1df055f5..2afaa156 100644
--- a/en/react-native-code-push.md
+++ b/en/react-native-code-push.md
@@ -46,24 +46,24 @@ code-push release <AppName> <bundle.harmony.js> "< version number > "--descripti
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-code-push@file:#
+npm install @react-native-oh-tpl/react-native-code-push
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-code-push@file:#
+yarn add @react-native-oh-tpl/react-native-code-push
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-color-matrix-image-filters.md b/en/react-native-color-matrix-image-filters.md
index f1d66b66..127725cd 100644
--- a/en/react-native-color-matrix-image-filters.md
+++ b/en/react-native-color-matrix-image-filters.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
+npm install @react-native-oh-tpl/react-native-color-matrix-image-filters
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
+yarn add @react-native-oh-tpl/react-native-color-matrix-image-filters
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-blur.md b/en/react-native-community-blur.md
index 3b5a6f2a..e816f06b 100644
--- a/en/react-native-community-blur.md
+++ b/en/react-native-community-blur.md
@@ -18,24 +18,24 @@
 
 本库已经适配`C-API版本`从版本`4.4.0-0.1.0`开始的版本为`C-API版本`，`C-API版本`在性能和速度上都优于`ArkTS版本`。
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/blur@file:#
+npm install @react-native-oh-tpl/blur
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/blur@file:#
+yarn add @react-native-oh-tpl/blur
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-checkbox.md b/en/react-native-community-checkbox.md
index e443a316..5246700e 100644
--- a/en/react-native-community-checkbox.md
+++ b/en/react-native-community-checkbox.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/checkbox@file:#
+npm install @react-native-oh-tpl/checkbox
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/checkbox@file:#
+yarn add @react-native-oh-tpl/checkbox
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-datetimepicker.md b/en/react-native-community-datetimepicker.md
index 149b5440..eabbdad3 100644
--- a/en/react-native-community-datetimepicker.md
+++ b/en/react-native-community-datetimepicker.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/datetimepicker@file:#
+npm install @react-native-oh-tpl/datetimepicker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/datetimepicker@file:#
+yarn add @react-native-oh-tpl/datetimepicker
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-geolocation.md b/en/react-native-community-geolocation.md
index 7c3c12f5..ddc7feb4 100644
--- a/en/react-native-community-geolocation.md
+++ b/en/react-native-community-geolocation.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/geolocation@file:#
+npm install @react-native-oh-tpl/geolocation
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/geolocation@file:#
+yarn add @react-native-oh-tpl/geolocation
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-netinfo.md b/en/react-native-community-netinfo.md
index c29374e0..3779aeb0 100644
--- a/en/react-native-community-netinfo.md
+++ b/en/react-native-community-netinfo.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/netinfo@file:#
+npm install @react-native-oh-tpl/netinfo
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/netinfo@file:#
+yarn add @react-native-oh-tpl/netinfo
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-progress-bar-android.md b/en/react-native-community-progress-bar-android.md
index fd36efd1..5bcb4714 100644
--- a/en/react-native-community-progress-bar-android.md
+++ b/en/react-native-community-progress-bar-android.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/progress-bar-android@file:#
+yarn add @react-native-oh-tpl/progress-bar-android
 ```
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/progress-bar-android@file:#
+npm install @react-native-oh-tpl/progress-bar-android
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-progress-view-capi.md b/en/react-native-community-progress-view-capi.md
index 256ff13a..b21b4596 100644
--- a/en/react-native-community-progress-view-capi.md
+++ b/en/react-native-community-progress-view-capi.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/progress-view@file:#
+npm install @react-native-oh-tpl/progress-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/progress-view@file:#
+yarn add @react-native-oh-tpl/progress-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-progress-view.md b/en/react-native-community-progress-view.md
index 10692629..bf2f99ce 100644
--- a/en/react-native-community-progress-view.md
+++ b/en/react-native-community-progress-view.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/progress-view@file:#
+npm install @react-native-oh-tpl/progress-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/progress-view@file:#
+yarn add @react-native-oh-tpl/progress-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-push-notification-ios.md b/en/react-native-community-push-notification-ios.md
index 57a5923b..50201fa4 100644
--- a/en/react-native-community-push-notification-ios.md
+++ b/en/react-native-community-push-notification-ios.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/push-notification-ios@file:#
+npm install @react-native-oh-tpl/push-notification-ios
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/push-notification-ios@file:#
+yarn add @react-native-oh-tpl/push-notification-ios
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-segmented-control.md b/en/react-native-community-segmented-control.md
index 5db69fc3..e2c91c07 100644
--- a/en/react-native-community-segmented-control.md
+++ b/en/react-native-community-segmented-control.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/segmented-control Releases](https://github.com/react-native-oh-library/segmented-control/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/segmented-control Releases](https://github.com/react-native-oh-library/segmented-control/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/segmented-control@file:#
+npm install @react-native-oh-tpl/segmented-control
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/segmented-control@file:#
+yarn add @react-native-oh-tpl/segmented-control
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-slider.md b/en/react-native-community-slider.md
index b926ea86..fe399510 100644
--- a/en/react-native-community-slider.md
+++ b/en/react-native-community-slider.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/slider@file:#
+npm install @react-native-oh-tpl/slider
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/slider@file:#
+yarn add @react-native-oh-tpl/slider
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-community-toolbar-android.md b/en/react-native-community-toolbar-android.md
index 4fb1f509..5645a8bd 100644
--- a/en/react-native-community-toolbar-android.md
+++ b/en/react-native-community-toolbar-android.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/toolbar-android@file:#
+npm install @react-native-oh-tpl/toolbar-android
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/toolbar-android@file:#
+yarn add @react-native-oh-tpl/toolbar-android
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-compass-heading.md b/en/react-native-compass-heading.md
index 7be12877..ad4521a6 100644
--- a/en/react-native-compass-heading.md
+++ b/en/react-native-compass-heading.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-compass-heading@file:#
+npm install @react-native-oh-tpl/react-native-compass-heading
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-compass-heading@file:#
+yarn add @react-native-oh-tpl/react-native-compass-heading
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-config.md b/en/react-native-config.md
index b3cc417b..83a13a32 100644
--- a/en/react-native-config.md
+++ b/en/react-native-config.md
@@ -36,22 +36,22 @@ Config.GOOGLE_MAPS_API_KEY; // 'abcdefgh'
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-config@file:#
+npm install @react-native-oh-tpl/react-native-config
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-config@file:#
+yarn add @react-native-oh-tpl/react-native-config
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-contacts.md b/en/react-native-contacts.md
index 35bce26b..45c32daf 100644
--- a/en/react-native-contacts.md
+++ b/en/react-native-contacts.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-contacts@file:#
+npm install @react-native-oh-tpl/react-native-contacts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-contacts@file:#
+yarn add @react-native-oh-tpl/react-native-contacts
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-context-menu-view.md b/en/react-native-context-menu-view.md
index 2d3ffc1e..5d9bcf40 100644
--- a/en/react-native-context-menu-view.md
+++ b/en/react-native-context-menu-view.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-context-menu-view@file:#
+npm install @react-native-oh-tpl/react-native-context-menu-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-context-menu-view@file:#
+yarn add @react-native-oh-tpl/react-native-context-menu-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-cookies-cookies.md b/en/react-native-cookies-cookies.md
index 1e118edc..5d74de98 100644
--- a/en/react-native-cookies-cookies.md
+++ b/en/react-native-cookies-cookies.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/cookies@file:#
+npm install @react-native-oh-tpl/cookies
 ```
 
 #### **yarn**
 
 ```
-yarn add @react-native-oh-tpl/cookies@file:#
+yarn add @react-native-oh-tpl/cookies
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-country-picker-modal.md b/en/react-native-country-picker-modal.md
index 0a2a8181..fcde8753 100644
--- a/en/react-native-country-picker-modal.md
+++ b/en/react-native-country-picker-modal.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-country-picker-modal Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-country-picker-modal Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-country-picker-modal@file:#
+npm install @react-native-oh-tpl/react-native-country-picker-modal
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-country-picker-modal@file:#
+yarn add @react-native-oh-tpl/react-native-country-picker-modal
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-create-thumbnail.md b/en/react-native-create-thumbnail.md
index f3f713c2..151140e1 100644
--- a/en/react-native-create-thumbnail.md
+++ b/en/react-native-create-thumbnail.md
@@ -18,24 +18,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-create-thumbnail@file:#
+npm install @react-native-oh-tpl/react-native-create-thumbnail
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-create-thumbnail@file:#
+yarn add @react-native-oh-tpl/react-native-create-thumbnail
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-credit-card-input.md b/en/react-native-credit-card-input.md
index b99a5a61..05e8163d 100644
--- a/en/react-native-credit-card-input.md
+++ b/en/react-native-credit-card-input.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-credit-card-input@file:#
+npm install @react-native-oh-tpl/react-native-credit-card-input
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-credit-card-input@file:#
+yarn add @react-native-oh-tpl/react-native-credit-card-input
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-custom-keyboard.md b/en/react-native-custom-keyboard.md
index f4f01a4e..4d4d4052 100644
--- a/en/react-native-custom-keyboard.md
+++ b/en/react-native-custom-keyboard.md
@@ -17,22 +17,21 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-custom-keyboard@file:#
+npm install @react-native-oh-tpl/react-native-custom-keyboard
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-custom-keyboard@file:#
+yarn add @react-native-oh-tpl/react-native-custom-keyboard
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/en/react-native-date-picker.md b/en/react-native-date-picker.md
index 26b6a087..6539a74a 100644
--- a/en/react-native-date-picker.md
+++ b/en/react-native-date-picker.md
@@ -16,22 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-date-picker@file:#
+npm install @react-native-oh-tpl/react-native-date-picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-date-picker@file:#
+yarn add @react-native-oh-tpl/react-native-date-picker
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-default-preference.md b/en/react-native-default-preference.md
index 125ceab4..7e8da6d8 100644
--- a/en/react-native-default-preference.md
+++ b/en/react-native-default-preference.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-default-preference@file:#
+npm install @react-native-oh-tpl/react-native-default-preference
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-default-preference@file:#
+yarn add @react-native-oh-tpl/react-native-default-preference
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-device-info.md b/en/react-native-device-info.md
index f6f7c4d4..23a1dd54 100644
--- a/en/react-native-device-info.md
+++ b/en/react-native-device-info.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-device-info@file:#
+npm install @react-native-oh-tpl/react-native-device-info
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-device-info@file:#
+yarn add @react-native-oh-tpl/react-native-device-info
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-doc-viewer.md b/en/react-native-doc-viewer.md
index 96d923e0..39eca20b 100644
--- a/en/react-native-doc-viewer.md
+++ b/en/react-native-doc-viewer.md
@@ -16,24 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-doc-viewer@file:#
+npm install @react-native-oh-tpl/react-native-doc-viewer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-doc-viewer@file:#
+yarn add @react-native-oh-tpl/react-native-doc-viewer
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-document-picker.md b/en/react-native-document-picker.md
index 7afed0c4..0dc73fe5 100644
--- a/en/react-native-document-picker.md
+++ b/en/react-native-document-picker.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-document-picker@file:#
+npm install @react-native-oh-tpl/react-native-document-picker
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-document-picker@file:#
+yarn add @react-native-oh-tpl/react-native-document-picker
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-drag-sort.md b/en/react-native-drag-sort.md
index 777362b8..29553a1e 100644
--- a/en/react-native-drag-sort.md
+++ b/en/react-native-drag-sort.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-drag-sort@file:#
+yarn add @react-native-oh-tpl/react-native-drag-sort
 ```
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-drag-sort@file:#
+npm install @react-native-oh-tpl/react-native-drag-sort
 ```
 
 ### Tip
diff --git a/en/react-native-drax.md b/en/react-native-drax.md
index 84c605b4..061720a4 100644
--- a/en/react-native-drax.md
+++ b/en/react-native-drax.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-drax@file:#
+npm install @react-native-oh-tpl/react-native-drax
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-drax@file:#
+yarn add @react-native-oh-tpl/react-native-drax
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-email-link.md b/en/react-native-email-link.md
index 030b73f1..9be76078 100644
--- a/en/react-native-email-link.md
+++ b/en/react-native-email-link.md
@@ -16,24 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-email-link@file:#
+npm install @react-native-oh-tpl/react-native-email-link
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-email-link@file:#
+yarn add @react-native-oh-tpl/react-native-email-link
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-exception-handler.md b/en/react-native-exception-handler.md
index bc946683..49a37302 100644
--- a/en/react-native-exception-handler.md
+++ b/en/react-native-exception-handler.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-exception-handler@file:#
+npm install @react-native-oh-tpl/react-native-exception-handler
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-exception-handler@file:#
+yarn add @react-native-oh-tpl/react-native-exception-handler
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-exit-app.md b/en/react-native-exit-app.md
index b9f4e4af..0c03b67b 100644
--- a/en/react-native-exit-app.md
+++ b/en/react-native-exit-app.md
@@ -16,22 +16,20 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-exit-app@file:#
+npm install @react-native-oh-tpl/react-native-exit-app
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-exit-app@file:#
+yarn add @react-native-oh-tpl/react-native-exit-app
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-fast-image.md b/en/react-native-fast-image.md
index 40258dce..b63b7ae4 100644
--- a/en/react-native-fast-image.md
+++ b/en/react-native-fast-image.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fast-image@file:#
+npm install @react-native-oh-tpl/react-native-fast-image
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fast-image@file:#
+yarn add @react-native-oh-tpl/react-native-fast-image
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-file-access.md b/en/react-native-file-access.md
index 0e92082d..d675832a 100644
--- a/en/react-native-file-access.md
+++ b/en/react-native-file-access.md
@@ -16,24 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-file-access@file:#
+npm install @react-native-oh-tpl/react-native-file-access
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-file-access@file:#
+yarn add @react-native-oh-tpl/react-native-file-access
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-file-selector.md b/en/react-native-file-selector.md
index 05d758b1..a73119b1 100644
--- a/en/react-native-file-selector.md
+++ b/en/react-native-file-selector.md
@@ -17,23 +17,23 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-file-selector@file:#
+npm install @react-native-oh-tpl/react-native-file-selector
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-file-selector@file:#
+yarn add @react-native-oh-tpl/react-native-file-selector
 ```
 
 
diff --git a/en/react-native-file-viewer.md b/en/react-native-file-viewer.md
index 3591d9f6..3c81c13a 100644
--- a/en/react-native-file-viewer.md
+++ b/en/react-native-file-viewer.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-file-viewer@file:#
+npm install @react-native-oh-tpl/react-native-file-viewer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-file-viewer@file:#
+yarn add @react-native-oh-tpl/react-native-file-viewer
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-fileupload.md b/en/react-native-fileupload.md
index 317e3ed2..7ff56e10 100644
--- a/en/react-native-fileupload.md
+++ b/en/react-native-fileupload.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fileupload@file:#
+npm install @react-native-oh-tpl/react-native-fileupload
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fileupload@file:#
+yarn add @react-native-oh-tpl/react-native-fileupload
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-fingerprint-scanner.md b/en/react-native-fingerprint-scanner.md
index 5c5e87b1..7ae75917 100644
--- a/en/react-native-fingerprint-scanner.md
+++ b/en/react-native-fingerprint-scanner.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fingerprint-scanner@file:#
+npm install @react-native-oh-tpl/react-native-fingerprint-scanner
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fingerprint-scanner@file:#
+yarn add @react-native-oh-tpl/react-native-fingerprint-scanner
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-fs.md b/en/react-native-fs.md
index ae9aa422..8500330d 100644
--- a/en/react-native-fs.md
+++ b/en/react-native-fs.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fs@file:#
+npm install @react-native-oh-tpl/react-native-fs
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fs@file:#
+yarn add @react-native-oh-tpl/react-native-fs
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-gesture-handler.md b/en/react-native-gesture-handler.md
index 20b9bf18..28e1eaf3 100644
--- a/en/react-native-gesture-handler.md
+++ b/en/react-native-gesture-handler.md
@@ -16,24 +16,23 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP]  Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-gesture-handler@file:#
+npm install @react-native-oh-tpl/react-native-gesture-handler
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-gesture-handler@file:#
+yarn add @react-native-oh-tpl/react-native-gesture-handler
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-get-random-values.md b/en/react-native-get-random-values.md
index e4b3417e..0e2b97ea 100644
--- a/en/react-native-get-random-values.md
+++ b/en/react-native-get-random-values.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-get-random-values@file:#
+npm install @react-native-oh-tpl/react-native-get-random-values
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-get-random-values@file:#
+yarn add @react-native-oh-tpl/react-native-get-random-values
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-gifted-charts.md b/en/react-native-gifted-charts.md
index d946fe29..56ca44e0 100644
--- a/en/react-native-gifted-charts.md
+++ b/en/react-native-gifted-charts.md
@@ -18,24 +18,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-gifted-charts@file:#
+npm install @react-native-oh-tpl/react-native-gifted-charts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-gifted-charts@file:#
+yarn add @react-native-oh-tpl/react-native-gifted-charts
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-haptic-feedback.md b/en/react-native-haptic-feedback.md
index 0b365ec2..1ae50b1a 100644
--- a/en/react-native-haptic-feedback.md
+++ b/en/react-native-haptic-feedback.md
@@ -17,22 +17,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-haptic-feedback@file:#
+npm install @react-native-oh-tpl/react-native-haptic-feedback
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-haptic-feedback@file:#
+yarn add @react-native-oh-tpl/react-native-haptic-feedback
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-hole-view.md b/en/react-native-hole-view.md
index bebc7cd7..9493f4ec 100644
--- a/en/react-native-hole-view.md
+++ b/en/react-native-hole-view.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-hole-view@file:#
+npm install @react-native-oh-tpl/react-native-hole-view
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-hole-view@file:#
+yarn add @react-native-oh-tpl/react-native-hole-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-http-bridge.md b/en/react-native-http-bridge.md
index 173369d1..597933af 100644
--- a/en/react-native-http-bridge.md
+++ b/en/react-native-http-bridge.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-http-bridge@file:#
+npm install @react-native-oh-tpl/react-native-http-bridge
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-http-bridge@file:#
+yarn add @react-native-oh-tpl/react-native-http-bridge
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-idfa-aaid.md b/en/react-native-idfa-aaid.md
index 5fde6d41..8a4872ee 100644
--- a/en/react-native-idfa-aaid.md
+++ b/en/react-native-idfa-aaid.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library:[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-idfa-aaid@file:#
+npm install @react-native-oh-tpl/react-native-idfa-aaid
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-idfa-aaid@file:#
+yarn add @react-native-oh-tpl/react-native-idfa-aaid
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-idle-timer.md b/en/react-native-idle-timer.md
index a19d359d..ae6ac873 100644
--- a/en/react-native-idle-timer.md
+++ b/en/react-native-idle-timer.md
@@ -18,24 +18,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases).
+Find the matching version information in the release address of a third-party library:[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-idle-timer@file:#
+npm install @react-native-oh-tpl/react-native-idle-timer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-idle-timer@file:#
+yarn add @react-native-oh-tpl/react-native-idle-timer
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-capinsets-next.md b/en/react-native-image-capinsets-next.md
index 20753d78..12c069e7 100644
--- a/en/react-native-image-capinsets-next.md
+++ b/en/react-native-image-capinsets-next.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-capinsets-next@file:#
+npm install @react-native-oh-tpl/react-native-image-capinsets-next
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-capinsets-next@file:#
+yarn add @react-native-oh-tpl/react-native-image-capinsets-next
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-colors.md b/en/react-native-image-colors.md
index 3d2056dd..e39f2502 100644
--- a/en/react-native-image-colors.md
+++ b/en/react-native-image-colors.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-colors@file:#
+npm install @react-native-oh-tpl/react-native-image-colors
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-colors@file:#
+yarn add @react-native-oh-tpl/react-native-image-colors
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md
index a59cdd30..dd82cd1e 100644
--- a/en/react-native-image-crop-picker.md
+++ b/en/react-native-image-crop-picker.md
@@ -16,22 +16,21 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] #处替换为tgz包的路径
 
 #### **npm**
 
 ```
-npm install @react-native-oh-tpl/react-native-image-crop-picker@file:#
+npm install @react-native-oh-tpl/react-native-image-crop-picker
 ```
 
 #### **yarn**
 
 ```
-yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
+yarn add @react-native-oh-tpl/react-native-image-crop-picker
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/en/react-native-image-editor.md b/en/react-native-image-editor.md
index 78376604..e66ac13c 100644
--- a/en/react-native-image-editor.md
+++ b/en/react-native-image-editor.md
@@ -17,18 +17,18 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases).
+Find the matching version information in the release address of a third-party library:[@react-native-oh-tpl/image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/image-editor@file:#
+npm install @react-native-oh-tpl/image-editor
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/image-editor@file:#
+yarn add @react-native-oh-tpl/image-editor
 ```
 
 @react-native-community/image-editor is used as an example.
diff --git a/en/react-native-image-gallery.md b/en/react-native-image-gallery.md
index 7543e53e..7c7fb265 100644
--- a/en/react-native-image-gallery.md
+++ b/en/react-native-image-gallery.md
@@ -18,7 +18,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
@@ -31,13 +31,13 @@
 #### **npm**
 
 ```bash
-npm i @react-native-oh-tpl/react-native-image-gallery@file:#
+npm i @react-native-oh-tpl/react-native-image-gallery
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-gallery@file:#
+yarn add @react-native-oh-tpl/react-native-image-gallery
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-pan-zoom.md b/en/react-native-image-pan-zoom.md
index 236587a1..5b9acd30 100644
--- a/en/react-native-image-pan-zoom.md
+++ b/en/react-native-image-pan-zoom.md
@@ -16,24 +16,24 @@ Template version: v0.2.2
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-zoom@file:#
+npm install @react-native-oh-tpl/react-native-image-zoom
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-zoom@file:#
+yarn add @react-native-oh-tpl/react-native-image-zoom
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-picker.md b/en/react-native-image-picker.md
index 7075777f..90dd8022 100644
--- a/en/react-native-image-picker.md
+++ b/en/react-native-image-picker.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-picker@file:#
+npm install @react-native-oh-tpl/react-native-image-picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-picker@file:#
+yarn add @react-native-oh-tpl/react-native-image-picker
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-sequence-2.md b/en/react-native-image-sequence-2.md
index b2bca419..a5461fb7 100644
--- a/en/react-native-image-sequence-2.md
+++ b/en/react-native-image-sequence-2.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-sequence-2@file:#
+npm install @react-native-oh-tpl/react-native-image-sequence-2
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-sequence-2@file:#
+yarn add @react-native-oh-tpl/react-native-image-sequence-2
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-viewing.md b/en/react-native-image-viewing.md
index 618e25c3..f1082d36 100644
--- a/en/react-native-image-viewing.md
+++ b/en/react-native-image-viewing.md
@@ -16,11 +16,11 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
@@ -29,13 +29,13 @@ Go to the project directory and execute the following instruction:
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-viewing@file:#
+npm install @react-native-oh-tpl/react-native-image-viewing
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-viewing@file:#
+yarn add @react-native-oh-tpl/react-native-image-viewing
 ```
 
 quick use:
diff --git a/en/react-native-image-zoom-viewer.md b/en/react-native-image-zoom-viewer.md
index 05341aae..64f9a350 100644
--- a/en/react-native-image-zoom-viewer.md
+++ b/en/react-native-image-zoom-viewer.md
@@ -19,24 +19,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-zoom-viewer@file:#
+npm install @react-native-oh-tpl/react-native-image-zoom-viewer
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-zoom-viewer@file:#
+yarn add @react-native-oh-tpl/react-native-image-zoom-viewer
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-inappbrowser.md b/en/react-native-inappbrowser.md
index 264a4975..9dd9ad2c 100644
--- a/en/react-native-inappbrowser.md
+++ b/en/react-native-inappbrowser.md
@@ -16,22 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```
-npm install @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
+npm install @react-native-oh-tpl/react-native-inappbrowser-reborn
 ```
 
 #### **yarn**
 
 ```
-yarn add @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
+yarn add @react-native-oh-tpl/react-native-inappbrowser-reborn
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-input-scroll-view.md b/en/react-native-input-scroll-view.md
index f1b98942..b7d88b7a 100644
--- a/en/react-native-input-scroll-view.md
+++ b/en/react-native-input-scroll-view.md
@@ -17,22 +17,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-input-scroll-view@file:#
+npm install @react-native-oh-tpl/react-native-input-scroll-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-input-scroll-view@file:#
+yarn add @react-native-oh-tpl/react-native-input-scroll-view
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-intersection-observer.md b/en/react-native-intersection-observer.md
index 3e1538d5..c1480a51 100644
--- a/en/react-native-intersection-observer.md
+++ b/en/react-native-intersection-observer.md
@@ -18,24 +18,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-library/react-native-intersection-observer@file:#
+npm install @react-native-oh-library/react-native-intersection-observer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-library/react-native-intersection-observer@file:#
+yarn add @react-native-oh-library/react-native-intersection-observer
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-iphone-screen-helper.md b/en/react-native-iphone-screen-helper.md
index 53588d39..a8585f96 100644
--- a/en/react-native-iphone-screen-helper.md
+++ b/en/react-native-iphone-screen-helper.md
@@ -21,24 +21,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-iphone-screen-helper@file:#
+npm install @react-native-oh-tpl/react-native-iphone-screen-helper
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-iphone-screen-helper@file:#
+yarn add @react-native-oh-tpl/react-native-iphone-screen-helper
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-keep-awake.md b/en/react-native-keep-awake.md
index 116cb07b..b531ef24 100644
--- a/en/react-native-keep-awake.md
+++ b/en/react-native-keep-awake.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keep-awake@file:#
+npm install @react-native-oh-tpl/react-native-keep-awake
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keep-awake@file:#
+yarn add @react-native-oh-tpl/react-native-keep-awake
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-keyboard-aware-scroll-view.md b/en/react-native-keyboard-aware-scroll-view.md
index cd2d3010..1ede7796 100644
--- a/en/react-native-keyboard-aware-scroll-view.md
+++ b/en/react-native-keyboard-aware-scroll-view.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
+npm install @react-native-oh-tpl/react-native-keyboard-aware-scroll-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
+yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-keys.md b/en/react-native-keys.md
index ba51987a..d40a2e5f 100644
--- a/en/react-native-keys.md
+++ b/en/react-native-keys.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keys@file:#
+npm install @react-native-oh-tpl/react-native-keys
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keys@file:#
+yarn add @react-native-oh-tpl/react-native-keys
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-largelist.md b/en/react-native-largelist.md
index d35c48b6..d1c1e02d 100644
--- a/en/react-native-largelist.md
+++ b/en/react-native-largelist.md
@@ -17,24 +17,23 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
->[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-largelist@file:#
+npm install @react-native-oh-tpl/react-native-largelist
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-largelist@file:#
+yarn add @react-native-oh-tpl/react-native-largelist
 ```
 <!-- tabs:end -->
 
diff --git a/en/react-native-localization-settings.md b/en/react-native-localization-settings.md
index adf57546..52d2b7f8 100644
--- a/en/react-native-localization-settings.md
+++ b/en/react-native-localization-settings.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-library/react-native-localization-settings/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-library/react-native-localization-settings/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-localization-settings@file:#
+npm install @react-native-oh-tpl/react-native-localization-settings
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-localization-settings@file:#
+yarn add @react-native-oh-tpl/react-native-localization-settings
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-localization.md b/en/react-native-localization.md
index c9777169..78be8e23 100644
--- a/en/react-native-localization.md
+++ b/en/react-native-localization.md
@@ -21,24 +21,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-localization@file:#
+npm install @react-native-oh-tpl/react-native-localization
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-localization@file:#
+yarn add @react-native-oh-tpl/react-native-localization
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-localize.md b/en/react-native-localize.md
index 5e8c0b95..d940c932 100644
--- a/en/react-native-localize.md
+++ b/en/react-native-localize.md
@@ -17,24 +17,23 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
->[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-localize@file:#
+npm install @react-native-oh-tpl/react-native-localize
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-localize@file:#
+yarn add @react-native-oh-tpl/react-native-localize
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-map-linking.md b/en/react-native-map-linking.md
index a1f69518..531214ad 100644
--- a/en/react-native-map-linking.md
+++ b/en/react-native-map-linking.md
@@ -19,25 +19,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-map-linking@file:#
+npm install @react-native-oh-tpl/react-native-map-linking
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-map-linking@file:#
+yarn add @react-native-oh-tpl/react-native-map-linking
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-maps.md b/en/react-native-maps.md
index e292b1b2..c834af5f 100644
--- a/en/react-native-maps.md
+++ b/en/react-native-maps.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-maps@file:#
+npm install @react-native-oh-tpl/react-native-maps
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-maps@file:#
+yarn add @react-native-oh-tpl/react-native-maps
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-markdown-display.md b/en/react-native-markdown-display.md
index 40a76fdc..34db477c 100644
--- a/en/react-native-markdown-display.md
+++ b/en/react-native-markdown-display.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction：
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-markdown-display@file:#
+npm install @react-native-oh-tpl/react-native-markdown-display
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-markdown-display@file:#
+yarn add @react-native-oh-tpl/react-native-markdown-display
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-markdown-renderer.md b/en/react-native-markdown-renderer.md
index ad3bdb1f..9a24edef 100644
--- a/en/react-native-markdown-renderer.md
+++ b/en/react-native-markdown-renderer.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-markdown-renderer@file:#
+npm install @react-native-oh-tpl/react-native-markdown-renderer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-markdown-renderer@file:#
+yarn add @react-native-oh-tpl/react-native-markdown-renderer
 ```
 
 <!-- tabs:end -->
@@ -72,7 +72,7 @@ export default class Page extends PureComponent {
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases).
 
 ## Markdown components
 
diff --git a/en/react-native-marquee.md b/en/react-native-marquee.md
index 16b68efe..50fa71f3 100644
--- a/en/react-native-marquee.md
+++ b/en/react-native-marquee.md
@@ -17,23 +17,23 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-marquee@file:#
+npm install @react-native-oh-tpl/react-native-marquee
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-marquee@file:#
+yarn add @react-native-oh-tpl/react-native-marquee
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-masked-view-masked-view.md b/en/react-native-masked-view-masked-view.md
index b33cc191..b9fe39e0 100644
--- a/en/react-native-masked-view-masked-view.md
+++ b/en/react-native-masked-view-masked-view.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/masked-view@file:#
+npm install @react-native-oh-tpl/masked-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/masked-view@file:#
+yarn add @react-native-oh-tpl/masked-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-material-buttons.md b/en/react-native-material-buttons.md
index 40633d2a..de696ac3 100644
--- a/en/react-native-material-buttons.md
+++ b/en/react-native-material-buttons.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-material-buttons@file:#
+npm install @react-native-oh-tpl/react-native-material-buttons
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-material-buttons@file:#
+yarn add @react-native-oh-tpl/react-native-material-buttons
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-material-dropdown.md b/en/react-native-material-dropdown.md
index aebefb17..31cfff85 100644
--- a/en/react-native-material-dropdown.md
+++ b/en/react-native-material-dropdown.md
@@ -20,7 +20,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 > [!TIP] 本库依赖[@react-native-oh-tpl/react-native-material-textfield 文档](/zh-cn/react-native-material-textfield.md) 
 
@@ -36,13 +36,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-material-dropdown@file:#
+npm install @react-native-oh-tpl/react-native-material-dropdown
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-material-dropdown@file:#
+yarn add @react-native-oh-tpl/react-native-material-dropdown
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-material-textfield.md b/en/react-native-material-textfield.md
index 88d3d4f2..e58f91a3 100644
--- a/en/react-native-material-textfield.md
+++ b/en/react-native-material-textfield.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-textfield Releases](https://github.com/react-native-oh-library/react-native-material-textfield/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-material-textfield Releases](https://github.com/react-native-oh-library/react-native-material-textfield/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-material-textfield@file:#
+npm install @react-native-oh-tpl/react-native-material-textfield
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-material-textfield@file:#
+yarn add @react-native-oh-tpl/react-native-material-textfield
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-material-ui.md b/en/react-native-material-ui.md
index dd0af696..ec8cfa30 100644
--- a/en/react-native-material-ui.md
+++ b/en/react-native-material-ui.md
@@ -17,25 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases
-发布地址查看配套的版本信息：[@react-native-oh-tpl/react-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases)
-，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-[!TIP] # 处替换为 tgz 包的路径
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install react-native-material-ui@file:#
+npm install react-native-material-ui
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-material-ui@file:#
+yarn add react-native-material-ui
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-mlkit-ocr.md b/en/react-native-mlkit-ocr.md
index 4df5bdba..16f09c3e 100644
--- a/en/react-native-mlkit-ocr.md
+++ b/en/react-native-mlkit-ocr.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-mlkit-ocr@file:#
+npm install @react-native-oh-tpl/react-native-mlkit-ocr
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-mlkit-ocr@file:#
+yarn add @react-native-oh-tpl/react-native-mlkit-ocr
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-mmkv-storage.md b/en/react-native-mmkv-storage.md
index fc9480d5..64f196d4 100644
--- a/en/react-native-mmkv-storage.md
+++ b/en/react-native-mmkv-storage.md
@@ -19,24 +19,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases).
+Find the matching version information in the release address of a third-party library:[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-mmkv-storage@file:#
+npm install @react-native-oh-tpl/react-native-mmkv-storage
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-mmkv-storage@file:#
+yarn add @react-native-oh-tpl/react-native-mmkv-storage
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-modal-popover.md b/en/react-native-modal-popover.md
index 4a0f262e..dba7fc09 100644
--- a/en/react-native-modal-popover.md
+++ b/en/react-native-modal-popover.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-modal-popover@file:#
+npm install @react-native-oh-tpl/react-native-modal-popover
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-modal-popover@file:#
+yarn add @react-native-oh-tpl/react-native-modal-popover
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-modal.md b/en/react-native-modal.md
index c5d35016..b021889d 100644
--- a/en/react-native-modal.md
+++ b/en/react-native-modal.md
@@ -16,24 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-modal@file:#
+npm install @react-native-oh-tpl/react-native-modal
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-modal@file:#
+yarn add @react-native-oh-tpl/react-native-modal
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-modalbox.md b/en/react-native-modalbox.md
index 41bf5c60..34bb7c59 100644
--- a/en/react-native-modalbox.md
+++ b/en/react-native-modalbox.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-modalbox@file:#
+npm install @react-native-oh-tpl/react-native-modalbox
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/react-native-modalbox@file:#
+yarn add  @react-native-oh-tpl/react-native-modalbox
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-multi-slider.md b/en/react-native-multi-slider.md
index fbfebda8..343b5902 100644
--- a/en/react-native-multi-slider.md
+++ b/en/react-native-multi-slider.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-multi-slider@file:#
+npm install @react-native-oh-tpl/react-native-multi-slider
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-multi-slider@file:#
+yarn add @react-native-oh-tpl/react-native-multi-slider
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-neomorph-shadows.md b/en/react-native-neomorph-shadows.md
index b92b342c..8022648d 100644
--- a/en/react-native-neomorph-shadows.md
+++ b/en/react-native-neomorph-shadows.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-neomorph-shadows@file:#
+npm install @react-native-oh-tpl/react-native-neomorph-shadows
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-neomorph-shadows@file:#
+yarn add @react-native-oh-tpl/react-native-neomorph-shadows
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-nested-scroll-view.md b/en/react-native-nested-scroll-view.md
index d31b60c4..36889075 100644
--- a/en/react-native-nested-scroll-view.md
+++ b/en/react-native-nested-scroll-view.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-nested-scroll-view@file:#
+npm install @react-native-oh-tpl/react-native-nested-scroll-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-nested-scroll-view@file:#
+yarn add @react-native-oh-tpl/react-native-nested-scroll-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-network-info.md b/en/react-native-network-info.md
index 9040ab50..cff44c39 100644
--- a/en/react-native-network-info.md
+++ b/en/react-native-network-info.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-network-info@file:#
+npm install @react-native-oh-tpl/react-native-network-info
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-network-info@file:#
+yarn add @react-native-oh-tpl/react-native-network-info
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-ohos-community-auto-fill.md b/en/react-native-ohos-community-auto-fill.md
index 7d2c0588..af35922c 100644
--- a/en/react-native-ohos-community-auto-fill.md
+++ b/en/react-native-ohos-community-auto-fill.md
@@ -22,19 +22,18 @@ auto-fill 基于 HarmonyOS [autoFillManager](https://developer.huawei.com/consum
 
 ## 安装
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 - **npm**
   ```bash
-  npm install @react-native-ohos-community/auto-fill@file:#
+  npm install @react-native-ohos-community/auto-fill
   ```
 - **yarn**
   ```bash
-  yarn add @react-native-ohos-community/auto-fill@file:#
+  yarn add @react-native-ohos-community/auto-fill
   ```
 
 ## 使用说明
diff --git a/en/react-native-orientation-locker.md b/en/react-native-orientation-locker.md
index 775a0fc9..d8fa84e6 100644
--- a/en/react-native-orientation-locker.md
+++ b/en/react-native-orientation-locker.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-orientation-locker@file:#
+npm install @react-native-oh-tpl/react-native-orientation-locker
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-orientation-locker@file:#
+yarn add @react-native-oh-tpl/react-native-orientation-locker
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-orientation.md b/en/react-native-orientation.md
index fb465dc7..56e605d1 100644
--- a/en/react-native-orientation.md
+++ b/en/react-native-orientation.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-orientation@file:#
+npm install @react-native-oh-tpl/react-native-orientation
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-orientation@file:#
+yarn add @react-native-oh-tpl/react-native-orientation
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-pager-view.md b/en/react-native-pager-view.md
index 52861e56..28cfc828 100644
--- a/en/react-native-pager-view.md
+++ b/en/react-native-pager-view.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-pager-view@file:#
+npm install @react-native-oh-tpl/react-native-pager-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-pager-view@file:#
+yarn add @react-native-oh-tpl/react-native-pager-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-pdf.md b/en/react-native-pdf.md
index 2e005277..b82af72e 100644
--- a/en/react-native-pdf.md
+++ b/en/react-native-pdf.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-pdf@file:#
+npm install @react-native-oh-tpl/react-native-pdf
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-pdf@file:#
+yarn add @react-native-oh-tpl/react-native-pdf
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-performance.md b/en/react-native-performance.md
index 63d777a6..3ba5920e 100644
--- a/en/react-native-performance.md
+++ b/en/react-native-performance.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-performance@file:#
+npm install @react-native-oh-tpl/react-native-performance
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-performance@file:#
+yarn add @react-native-oh-tpl/react-native-performance
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-permissions.md b/en/react-native-permissions.md
index 1a3ff335..078a4c56 100644
--- a/en/react-native-permissions.md
+++ b/en/react-native-permissions.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-permissions@file:#
+npm install @react-native-oh-tpl/react-native-permissions
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-permissions@file:#
+yarn add @react-native-oh-tpl/react-native-permissions
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-picker-picker.md b/en/react-native-picker-picker.md
index 877a0c82..5de34934 100644
--- a/en/react-native-picker-picker.md
+++ b/en/react-native-picker-picker.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/picker@file:#
+npm install @react-native-oh-tpl/picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/picker@file:#
+yarn add @react-native-oh-tpl/picker
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-picker-select.md b/en/react-native-picker-select.md
index eeeddc02..b19ebd0a 100644
--- a/en/react-native-picker-select.md
+++ b/en/react-native-picker-select.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-picker-select@file:#
+npm install @react-native-oh-tpl/react-native-picker-select
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-picker-select@file:#
+yarn add @react-native-oh-tpl/react-native-picker-select
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-picker.md b/en/react-native-picker.md
index 782bb12c..119766e2 100644
--- a/en/react-native-picker.md
+++ b/en/react-native-picker.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-picker@file:#
+npm install @react-native-oh-tpl/react-native-picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-picker@file:#
+yarn add @react-native-oh-tpl/react-native-picker
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-popover-view.md b/en/react-native-popover-view.md
index de433d23..373cf061 100644
--- a/en/react-native-popover-view.md
+++ b/en/react-native-popover-view.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [<@react-native-oh-tpl/react-native-popover-view> Releases](https://github.com/react-native-oh-library/react-native-popover-view/releases).
+Find the matching version information in the release address of a third-party library: [<@react-native-oh-tpl/react-native-popover-view> Releases](https://github.com/react-native-oh-library/react-native-popover-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-popover-view@file:#
+npm install @react-native-oh-tpl/react-native-popover-view
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-popover-view@file:#
+yarn add @react-native-oh-tpl/react-native-popover-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-print.md b/en/react-native-print.md
index 99e3c2d1..c2c79524 100644
--- a/en/react-native-print.md
+++ b/en/react-native-print.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-print@file:#
+npm install @react-native-oh-tpl/react-native-print
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-print@file:#
+yarn add @react-native-oh-tpl/react-native-print
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-progress.md b/en/react-native-progress.md
index 9ea0109a..38ade3a1 100644
--- a/en/react-native-progress.md
+++ b/en/react-native-progress.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-progress@file:#
+npm install @react-native-oh-tpl/react-native-progress
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-progress@file:#
+yarn add @react-native-oh-tpl/react-native-progress
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-pull.md b/en/react-native-pull.md
index f63b9c9d..929ac288 100644
--- a/en/react-native-pull.md
+++ b/en/react-native-pull.md
@@ -18,24 +18,23 @@
 
 ## Installation and Usage
 
-Please visit the address of the third-party library to view the supporting version information:[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)，And download the applicable version of the TGZ package.
+Find the matching version information in the release address of a third-party library:[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] # Replace with the path of the tgz package
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-pull@file:#
+npm install @react-native-oh-tpl/react-native-pull
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-pull@file:#
+yarn add @react-native-oh-tpl/react-native-pull
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-qr-decode-image-camera.md b/en/react-native-qr-decode-image-camera.md
index b7482989..b975c45e 100644
--- a/en/react-native-qr-decode-image-camera.md
+++ b/en/react-native-qr-decode-image-camera.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera Releases](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-qr-decode-image-camera Releases](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
+npm install @react-native-oh-tpl/react-native-qr-decode-image-camera
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
+yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-quick-base64.md b/en/react-native-quick-base64.md
index b08c54e9..34e5feef 100644
--- a/en/react-native-quick-base64.md
+++ b/en/react-native-quick-base64.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-quick-base64@file:#
+npm install @react-native-oh-tpl/react-native-quick-base64
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-quick-base64@file:#
+yarn add @react-native-oh-tpl/react-native-quick-base64
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-randombytes.md b/en/react-native-randombytes.md
index 8a1cdc85..86206616 100644
--- a/en/react-native-randombytes.md
+++ b/en/react-native-randombytes.md
@@ -19,24 +19,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-randombytes@file:#
+npm install @react-native-oh-tpl/react-native-randombytes
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-randombytes@file:#
+yarn add @react-native-oh-tpl/react-native-randombytes
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-reanimated-bottom-sheet.md b/en/react-native-reanimated-bottom-sheet.md
index f56d388a..e0475826 100644
--- a/en/react-native-reanimated-bottom-sheet.md
+++ b/en/react-native-reanimated-bottom-sheet.md
@@ -18,7 +18,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -27,13 +27,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/reanimated-bottom-sheet@file:#
+npm install @react-native-oh-tpl/reanimated-bottom-sheet
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/reanimated-bottom-sheet@file:#
+yarn add  @react-native-oh-tpl/reanimated-bottom-sheet
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-reanimated.md b/en/react-native-reanimated.md
index 1fc4fc44..c25046ec 100644
--- a/en/react-native-reanimated.md
+++ b/en/react-native-reanimated.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-reanimated@file:#
+npm install @react-native-oh-tpl/react-native-reanimated
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-reanimated@file:#
+yarn add @react-native-oh-tpl/react-native-reanimated
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-restart.md b/en/react-native-restart.md
index f9a8baf7..f23ad4e6 100644
--- a/en/react-native-restart.md
+++ b/en/react-native-restart.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-restart@file:#
+npm install @react-native-oh-tpl/react-native-restart
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-restart@file:#
+yarn add @react-native-oh-tpl/react-native-restart
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-root-modal.md b/en/react-native-root-modal.md
index 0b2e700b..d2f378c1 100644
--- a/en/react-native-root-modal.md
+++ b/en/react-native-root-modal.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-root-modal@file:#
+npm install @react-native-oh-tpl/react-native-root-modal
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-root-modal@file:#
+yarn add @react-native-oh-tpl/react-native-root-modal
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-safe-area-context.md b/en/react-native-safe-area-context.md
index a9d7e572..b563504e 100644
--- a/en/react-native-safe-area-context.md
+++ b/en/react-native-safe-area-context.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-safe-area-context@file:#
+npm install @react-native-oh-tpl/react-native-safe-area-context
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-safe-area-context@file:#
+yarn add @react-native-oh-tpl/react-native-safe-area-context
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-safe-module.md b/en/react-native-safe-module.md
index 049cbd83..894888b1 100644
--- a/en/react-native-safe-module.md
+++ b/en/react-native-safe-module.md
@@ -16,25 +16,25 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-safe-module@file:#
+npm install @react-native-oh-tpl/react-native-safe-module
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-safe-module@file:#
+yarn add @react-native-oh-tpl/react-native-safe-module
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-safe-modules.md b/en/react-native-safe-modules.md
index c2510ca1..413a1d7f 100644
--- a/en/react-native-safe-modules.md
+++ b/en/react-native-safe-modules.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-safe-modules@file:#
+npm install @react-native-oh-tpl/react-native-safe-modules
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-safe-modules@file:#
+yarn add @react-native-oh-tpl/react-native-safe-modules
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-screenshot-prevent.md b/en/react-native-screenshot-prevent.md
index 86ad77cb..956c27a5 100644
--- a/en/react-native-screenshot-prevent.md
+++ b/en/react-native-screenshot-prevent.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-screenshot-prevent@file:#
+npm install @react-native-oh-tpl/react-native-screenshot-prevent
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-screenshot-prevent@file:#
+yarn add @react-native-oh-tpl/react-native-screenshot-prevent
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-scroll-bottom-sheet.md b/en/react-native-scroll-bottom-sheet.md
index 7ac12bac..e0424508 100644
--- a/en/react-native-scroll-bottom-sheet.md
+++ b/en/react-native-scroll-bottom-sheet.md
@@ -18,7 +18,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -27,13 +27,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-scroll-bottom-sheet@file:#
+npm install @react-native-oh-tpl/react-native-scroll-bottom-sheet
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/react-native-scroll-bottom-sheet@file:#
+yarn add  @react-native-oh-tpl/react-native-scroll-bottom-sheet
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-scrollable-tab-view.md b/en/react-native-scrollable-tab-view.md
index 42ba2bc3..8b4874a8 100644
--- a/en/react-native-scrollable-tab-view.md
+++ b/en/react-native-scrollable-tab-view.md
@@ -18,23 +18,22 @@
 
 ## Installation and Usage
 
-Please visit the Release release address of the third-party library to view the corresponding version information：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)，And download the applicable version of the TGZ package.
-Go to the project directory and execute the following instruction:
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-> [!TIP] # Replace with the path of the tgz package
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
+npm install @react-native-oh-tpl/react-native-scrollable-tab-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
+yarn add @react-native-oh-tpl/react-native-scrollable-tab-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-securerandom.md b/en/react-native-securerandom.md
index 8aa64981..045c2651 100644
--- a/en/react-native-securerandom.md
+++ b/en/react-native-securerandom.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-securerandom@file:#
+npm install @react-native-oh-tpl/react-native-securerandom
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-securerandom@file:#
+yarn add @react-native-oh-tpl/react-native-securerandom
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-send-intent.md b/en/react-native-send-intent.md
index 44b420ac..bde41762 100644
--- a/en/react-native-send-intent.md
+++ b/en/react-native-send-intent.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-send-intent@file:#
+npm install @react-native-oh-tpl/react-native-send-intent
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-send-intent@file:#
+yarn add @react-native-oh-tpl/react-native-send-intent
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-sensitive-info.md b/en/react-native-sensitive-info.md
index 730ea722..c0e09e80 100644
--- a/en/react-native-sensitive-info.md
+++ b/en/react-native-sensitive-info.md
@@ -17,24 +17,24 @@ Template version: v0.2.2
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sensitive-info@file:#
+npm install @react-native-oh-tpl/react-native-sensitive-info
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sensitive-info@file:#
+yarn add @react-native-oh-tpl/react-native-sensitive-info
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-sensors.md b/en/react-native-sensors.md
index 374ded84..29fc3992 100644
--- a/en/react-native-sensors.md
+++ b/en/react-native-sensors.md
@@ -16,25 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases).
-
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sensors@file:#
+npm install @react-native-oh-tpl/react-native-sensors
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sensors@file:#
+yarn add @react-native-oh-tpl/react-native-sensors
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-shake.md b/en/react-native-shake.md
index 51f23553..da31c14e 100644
--- a/en/react-native-shake.md
+++ b/en/react-native-shake.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-shake@file:#
+npm install @react-native-oh-tpl/react-native-shake
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-shake@file:#
+yarn add @react-native-oh-tpl/react-native-shake
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-share.md b/en/react-native-share.md
index 98b3f340..6075f83c 100644
--- a/en/react-native-share.md
+++ b/en/react-native-share.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-share@file:#
+npm install @react-native-oh-tpl/react-native-share
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-share@file:#
+yarn add @react-native-oh-tpl/react-native-share
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-shared-element.md b/en/react-native-shared-element.md
index b821dcf9..07a8504f 100644
--- a/en/react-native-shared-element.md
+++ b/en/react-native-shared-element.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-shared-element Releases](https://github.com/react-native-oh-library/react-native-shared-element/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-shared-element Releases](https://github.com/react-native-oh-library/react-native-shared-element/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-shared-element@file:#
+npm install @react-native-oh-tpl/react-native-shared-element
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-shared-element@file:#
+yarn add @react-native-oh-tpl/react-native-shared-element
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-signature-capture.md b/en/react-native-signature-capture.md
index ccd8ed9b..a2ca929b 100644
--- a/en/react-native-signature-capture.md
+++ b/en/react-native-signature-capture.md
@@ -19,24 +19,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-signature-capture@file:#
+npm install @react-native-oh-tpl/react-native-signature-capture
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-signature-capture@file:#
+yarn add @react-native-oh-tpl/react-native-signature-capture
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-simple-toast.md b/en/react-native-simple-toast.md
index 36c801b0..832eb09e 100644
--- a/en/react-native-simple-toast.md
+++ b/en/react-native-simple-toast.md
@@ -16,24 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-simple-toast Releases](https://github.com/react-native-oh-library/react-native-simple-toast/releases)
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-simple-toast Releases](https://github.com/react-native-oh-library/react-native-simple-toast/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
->[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-simple-toast@file:#
+npm install @react-native-oh-tpl/react-native-simple-toast
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-simple-toast@file:#
+yarn add @react-native-oh-tpl/react-native-simple-toast
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-skia.md b/en/react-native-skia.md
index a2d7c03e..f18ceaf6 100644
--- a/en/react-native-skia.md
+++ b/en/react-native-skia.md
@@ -17,24 +17,24 @@ Template version: v0.2.2
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-skia@file:#
+npm install @react-native-oh-tpl/react-native-skia
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-skia@file:#
+yarn add @react-native-oh-tpl/react-native-skia
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-slider.md b/en/react-native-slider.md
index 26ac1bfa..6a50b3de 100644
--- a/en/react-native-slider.md
+++ b/en/react-native-slider.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm i @react-native-oh-tpl/react-native-slider@file:#
+npm i @react-native-oh-tpl/react-native-slider
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-slider@file:#
+yarn add @react-native-oh-tpl/react-native-slider
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-snackbar.md b/en/react-native-snackbar.md
index 5be1cada..ebd62e52 100644
--- a/en/react-native-snackbar.md
+++ b/en/react-native-snackbar.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-snackbar@file:#
+npm install @react-native-oh-tpl/react-native-snackbar
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-snackbar@file:#
+yarn add @react-native-oh-tpl/react-native-snackbar
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-snap-carousel.md b/en/react-native-snap-carousel.md
index 27086929..00db8def 100644
--- a/en/react-native-snap-carousel.md
+++ b/en/react-native-snap-carousel.md
@@ -16,23 +16,23 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-snap-carousel@file:#
+npm install @react-native-oh-tpl/react-native-snap-carousel
 ```
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-snap-carousel@file:#
+yarn add @react-native-oh-tpl/react-native-snap-carousel
 ```
 <!-- tabs:end -->
 
diff --git a/en/react-native-sortable-list.md b/en/react-native-sortable-list.md
index 2f569ad1..ffefcab9 100644
--- a/en/react-native-sortable-list.md
+++ b/en/react-native-sortable-list.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sortable-list@file:#
+npm install @react-native-oh-tpl/react-native-sortable-list
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sortable-list@file:#
+yarn add @react-native-oh-tpl/react-native-sortable-list
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-sound.md b/en/react-native-sound.md
index c4bf5b75..d23c0043 100644
--- a/en/react-native-sound.md
+++ b/en/react-native-sound.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sound@file:#
+npm install @react-native-oh-tpl/react-native-sound
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sound@file:#
+yarn add @react-native-oh-tpl/react-native-sound
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-spinkit.md b/en/react-native-spinkit.md
index 84262251..b7ca427f 100644
--- a/en/react-native-spinkit.md
+++ b/en/react-native-spinkit.md
@@ -20,24 +20,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-spinkit@file:#
+npm install @react-native-oh-tpl/react-native-spinkit
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-spinkit@file:#
+yarn add @react-native-oh-tpl/react-native-spinkit
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-splash-screen.md b/en/react-native-splash-screen.md
index 4d070b39..1664d3ca 100644
--- a/en/react-native-splash-screen.md
+++ b/en/react-native-splash-screen.md
@@ -16,25 +16,25 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-splash-screen@file:#
+npm install @react-native-oh-tpl/react-native-splash-screen
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-splash-screen@file:#
+yarn add @react-native-oh-tpl/react-native-splash-screen
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-spring-scrollview.md b/en/react-native-spring-scrollview.md
index 562ac456..7032d6f0 100644
--- a/en/react-native-spring-scrollview.md
+++ b/en/react-native-spring-scrollview.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases).
+Find the matching version information in the release address of a third-party library:[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-spring-scrollview@file:#
+npm install @react-native-oh-tpl/react-native-spring-scrollview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-spring-scrollview@file:#
+yarn add @react-native-oh-tpl/react-native-spring-scrollview
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-sqlite-storage.md b/en/react-native-sqlite-storage.md
index 3162ff49..f9336760 100644
--- a/en/react-native-sqlite-storage.md
+++ b/en/react-native-sqlite-storage.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sqlite-storage@file:#
+npm install @react-native-oh-tpl/react-native-sqlite-storage
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sqlite-storage@file:#
+yarn add @react-native-oh-tpl/react-native-sqlite-storage
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-ssl-pinning.md b/en/react-native-ssl-pinning.md
index ee932662..98460009 100644
--- a/en/react-native-ssl-pinning.md
+++ b/en/react-native-ssl-pinning.md
@@ -16,24 +16,23 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-safe-ssl-pinning Releases](https://github.com//releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-safe-ssl-pinning Releases](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-[!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-spring-scrollview@file:#
+npm install @react-native-oh-tpl/react-native-spring-scrollview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-spring-scrollview@file:#
+yarn add @react-native-oh-tpl/react-native-spring-scrollview
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-stickyheader.md b/en/react-native-stickyheader.md
index be7689cd..00090270 100644
--- a/en/react-native-stickyheader.md
+++ b/en/react-native-stickyheader.md
@@ -18,24 +18,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-stickyheader@file:#
+npm install @react-native-oh-tpl/react-native-stickyheader
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-stickyheader@file:#
+yarn add @react-native-oh-tpl/react-native-stickyheader
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-svg-capi.md b/en/react-native-svg-capi.md
index a9c3d167..09c2845c 100644
--- a/en/react-native-svg-capi.md
+++ b/en/react-native-svg-capi.md
@@ -16,11 +16,11 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
@@ -28,14 +28,14 @@ Go to the project directory and execute the following instruction:
 
 ```bash
 npm install react-native-svg@15.0.0
-npm install @react-native-oh-tpl/react-native-svg@file:#
+npm install @react-native-oh-tpl/react-native-svg
 ```
 
 #### **yarn**
 
 ```bash
 yarn add react-native-svg@15.0.0
-yarn add @react-native-oh-tpl/react-native-svg@file:#
+yarn add @react-native-oh-tpl/react-native-svg
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-svg-charts.md b/en/react-native-svg-charts.md
index e2f72ffb..6d0b8ba0 100644
--- a/en/react-native-svg-charts.md
+++ b/en/react-native-svg-charts.md
@@ -18,24 +18,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library: [https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-naitve-svg-charts@file:#
+npm install @react-native-oh-tpl/react-naitve-svg-charts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/react-naitve-svg-charts@file:#
+yarn add  @react-native-oh-tpl/react-naitve-svg-charts
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-svg.md b/en/react-native-svg.md
index d23e86be..846eb346 100644
--- a/en/react-native-svg.md
+++ b/en/react-native-svg.md
@@ -20,24 +20,23 @@
 
 > [!tip] 如需继续使用请移步至[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 使用CAPI版本的 react-native-svg。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-svg/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-svg/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-svg@file:#
+npm install @react-native-oh-tpl/react-native-svg
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-svg@file:#
+yarn add @react-native-oh-tpl/react-native-svg
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-swipe-list-view.md b/en/react-native-swipe-list-view.md
index 97fc146c..8384a3a1 100644
--- a/en/react-native-swipe-list-view.md
+++ b/en/react-native-swipe-list-view.md
@@ -18,24 +18,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install --save @react-native-oh-tpl/react-native-swipe-list-view@file:#
+npm install --save @react-native-oh-tpl/react-native-swipe-list-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-swipe-list-view@file:#
+yarn add @react-native-oh-tpl/react-native-swipe-list-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-switch-pro.md b/en/react-native-switch-pro.md
index 2b35535a..5a592f91 100644
--- a/en/react-native-switch-pro.md
+++ b/en/react-native-switch-pro.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-switch-pro@file:#
+npm install @react-native-oh-tpl/react-native-switch-pro
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-switch-pro@file:#
+yarn add @react-native-oh-tpl/react-native-switch-pro
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-syan-image-picker.md b/en/react-native-syan-image-picker.md
index f9c49a20..bbe4ea2a 100644
--- a/en/react-native-syan-image-picker.md
+++ b/en/react-native-syan-image-picker.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-syan-image-picker Releases](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases)
+Find the matching version information in the release address of a third-party library:[@react-native-oh-tpl/react-native-syan-image-picker Releases](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-syan-image-picker@file:#
+npm install @react-native-oh-tpl/react-native-syan-image-picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-syan-image-picker@file:#
+yarn add @react-native-oh-tpl/react-native-syan-image-picker
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-system-setting.md b/en/react-native-system-setting.md
index 2085e345..2f2bd158 100644
--- a/en/react-native-system-setting.md
+++ b/en/react-native-system-setting.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-system-setting@file:#
+npm install @react-native-oh-tpl/react-native-system-setting
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-system-setting@file:#
+yarn add @react-native-oh-tpl/react-native-system-setting
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-tab-navigator.md b/en/react-native-tab-navigator.md
index 84c3e21d..6b363391 100644
--- a/en/react-native-tab-navigator.md
+++ b/en/react-native-tab-navigator.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-tab-navigator@file:#
+npm install @react-native-oh-tpl/react-native-tab-navigator
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-tab-navigator@file:#
+yarn add @react-native-oh-tpl/react-native-tab-navigator
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-tab-view.md b/en/react-native-tab-view.md
index 45b06dc2..6f78bbb7 100644
--- a/en/react-native-tab-view.md
+++ b/en/react-native-tab-view.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-tab-view@file:#
+npm install @react-native-oh-tpl/react-native-tab-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-tab-view@file:#
+yarn add @react-native-oh-tpl/react-native-tab-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-tcp-socket.md b/en/react-native-tcp-socket.md
index 27dee4b6..cc0103b9 100644
--- a/en/react-native-tcp-socket.md
+++ b/en/react-native-tcp-socket.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-tcp-socket@file:#
+npm install @react-native-oh-tpl/react-native-tcp-socket
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-tcp-socket@file:#
+yarn add @react-native-oh-tpl/react-native-tcp-socket
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-text-gradient.md b/en/react-native-text-gradient.md
index 09be8da5..3af56235 100644
--- a/en/react-native-text-gradient.md
+++ b/en/react-native-text-gradient.md
@@ -17,25 +17,25 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-text-gradient@file:#
+npm install @react-native-oh-tpl/react-native-text-gradient
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-text-gradient@file:#
+yarn add @react-native-oh-tpl/react-native-text-gradient
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-text-input-mask.md b/en/react-native-text-input-mask.md
index b1ba5a73..bfbdc00e 100644
--- a/en/react-native-text-input-mask.md
+++ b/en/react-native-text-input-mask.md
@@ -18,24 +18,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-text-input-mask@file:#
+npm install @react-native-oh-tpl/react-native-text-input-mask
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-text-input-mask@file:#
+yarn add @react-native-oh-tpl/react-native-text-input-mask
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-text-size.md b/en/react-native-text-size.md
index e8d0f5cf..8b9f68f0 100644
--- a/en/react-native-text-size.md
+++ b/en/react-native-text-size.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-text-size@file:#
+npm install @react-native-oh-tpl/react-native-text-size
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-text-size@file:#
+yarn add @react-native-oh-tpl/react-native-text-size
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-textinput-maxlength-fixed.md b/en/react-native-textinput-maxlength-fixed.md
index 8eeb16e7..adf228b6 100644
--- a/en/react-native-textinput-maxlength-fixed.md
+++ b/en/react-native-textinput-maxlength-fixed.md
@@ -15,24 +15,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-textinput-maxlength-fixed@file:#
+npm install @react-native-oh-tpl/react-native-textinput-maxlength-fixed
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-textinput-maxlength-fixed@file:#
+yarn add @react-native-oh-tpl/react-native-textinput-maxlength-fixed
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-theme-switch-animation.md b/en/react-native-theme-switch-animation.md
index af107c51..606fff90 100644
--- a/en/react-native-theme-switch-animation.md
+++ b/en/react-native-theme-switch-animation.md
@@ -16,20 +16,20 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-theme-switch-animation@file:#
+npm install @react-native-oh-tpl/react-native-theme-switch-animation
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-theme-switch-animation@file:#
+yarn add @react-native-oh-tpl/react-native-theme-switch-animation
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-thumbnail.md b/en/react-native-thumbnail.md
index e6468d88..a44ed33b 100644
--- a/en/react-native-thumbnail.md
+++ b/en/react-native-thumbnail.md
@@ -15,24 +15,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-thumbnail@file:#
+npm install @react-native-oh-tpl/react-native-thumbnail
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-thumbnail@file:#
+yarn add @react-native-oh-tpl/react-native-thumbnail
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-touch-id.md b/en/react-native-touch-id.md
index 0b208450..784489d0 100644
--- a/en/react-native-touch-id.md
+++ b/en/react-native-touch-id.md
@@ -16,25 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-touch-id@file:#
+npm install @react-native-oh-tpl/react-native-touch-id
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-touch-id@file:#
+yarn add @react-native-oh-tpl/react-native-touch-id
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-track-player.md b/en/react-native-track-player.md
index 4296d22d..4bea1a5a 100644
--- a/en/react-native-track-player.md
+++ b/en/react-native-track-player.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-track-player@file:#
+npm install @react-native-oh-tpl/react-native-track-player
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-track-player@file:#
+yarn add @react-native-oh-tpl/react-native-track-player
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-transitiongroup.md b/en/react-native-transitiongroup.md
index 83d0aab7..e4d2f62f 100644
--- a/en/react-native-transitiongroup.md
+++ b/en/react-native-transitiongroup.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-transitiongroup@file:#
+npm install @react-native-oh-tpl/react-native-transitiongroup
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-transitiongroup@file:#
+yarn add @react-native-oh-tpl/react-native-transitiongroup
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-translucent-modal.md b/en/react-native-translucent-modal.md
index 2f8328f1..2077e2cb 100644
--- a/en/react-native-translucent-modal.md
+++ b/en/react-native-translucent-modal.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-translucent-modal@file:#
+npm install @react-native-oh-tpl/react-native-translucent-modal
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-translucent-modal@file:#
+yarn add @react-native-oh-tpl/react-native-translucent-modal
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-tts.md b/en/react-native-tts.md
index 1153ea64..2b3db49b 100644
--- a/en/react-native-tts.md
+++ b/en/react-native-tts.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-tts@file:#
+npm install @react-native-oh-tpl/react-native-tts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-tts@file:#
+yarn add @react-native-oh-tpl/react-native-tts
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-typography.md b/en/react-native-typography.md
index df15fa85..916757b0 100644
--- a/en/react-native-typography.md
+++ b/en/react-native-typography.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-typography@file:#
+npm install @react-native-oh-tpl/react-native-typography
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-typography@file:#
+yarn add @react-native-oh-tpl/react-native-typography
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-udp.md b/en/react-native-udp.md
index 40afe8c6..45916a5f 100644
--- a/en/react-native-udp.md
+++ b/en/react-native-udp.md
@@ -17,22 +17,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-udp@file:#
+npm install @react-native-oh-tpl/react-native-udp
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-udp@file:#
+yarn add @react-native-oh-tpl/react-native-udp
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-ui-lib.md b/en/react-native-ui-lib.md
index 5f3fa916..7449aede 100644
--- a/en/react-native-ui-lib.md
+++ b/en/react-native-ui-lib.md
@@ -16,7 +16,7 @@ Template version: v0.2.2
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
@@ -31,20 +31,18 @@ If it is not included, follow the guide provided in [@react-native-oh-tpl/react-
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-ui-lib@file:#
+npm install @react-native-oh-tpl/react-native-ui-lib
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-ui-lib@file:#
+yarn add @react-native-oh-tpl/react-native-ui-lib
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-unistyles.md b/en/react-native-unistyles.md
index 4da72efb..7eeb5092 100644
--- a/en/react-native-unistyles.md
+++ b/en/react-native-unistyles.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-unistyles@file:#
+npm install @react-native-oh-tpl/react-native-unistyles
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-unistyles@file:#
+yarn add @react-native-oh-tpl/react-native-unistyles
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-user-agent.md b/en/react-native-user-agent.md
index 7f6889ad..84f6ac48 100644
--- a/en/react-native-user-agent.md
+++ b/en/react-native-user-agent.md
@@ -18,24 +18,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-user-agent@file:#
+npm install @react-native-oh-tpl/react-native-user-agent
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-user-agent@file:#
+yarn add @react-native-oh-tpl/react-native-user-agent
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-vector-drawable.md b/en/react-native-vector-drawable.md
index a941b1db..fdf442b4 100644
--- a/en/react-native-vector-drawable.md
+++ b/en/react-native-vector-drawable.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-vector-drawable@file:#
+npm install @react-native-oh-tpl/react-native-vector-drawable
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-vector-drawable@file:#
+yarn add @react-native-oh-tpl/react-native-vector-drawable
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-version-number.md b/en/react-native-version-number.md
index ee5a7a97..2cd619e7 100644
--- a/en/react-native-version-number.md
+++ b/en/react-native-version-number.md
@@ -18,24 +18,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-version-number@file:#
+npm install @react-native-oh-tpl/react-native-version-number
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-version-number@file:#
+yarn add @react-native-oh-tpl/react-native-version-number
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-video-cache.md b/en/react-native-video-cache.md
index 0b5bb297..50725a1d 100644
--- a/en/react-native-video-cache.md
+++ b/en/react-native-video-cache.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-video-cache@file:#
+npm install @react-native-oh-tpl/react-native-video-cache
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-video-cache@file:#
+yarn add @react-native-oh-tpl/react-native-video-cache
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-video.md b/en/react-native-video.md
index 6ae5844d..cf570673 100644
--- a/en/react-native-video.md
+++ b/en/react-native-video.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-video@file:#
+npm install @react-native-oh-tpl/react-native-video
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-video@file:#
+yarn add @react-native-oh-tpl/react-native-video
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-view-overflow.md b/en/react-native-view-overflow.md
index 6c0df0c0..740085d1 100644
--- a/en/react-native-view-overflow.md
+++ b/en/react-native-view-overflow.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-view-overflow@file:#
+npm install @react-native-oh-tpl/react-native-view-overflow
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-view-overflow@file:#
+yarn add @react-native-oh-tpl/react-native-view-overflow
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-view-pdf.md b/en/react-native-view-pdf.md
index ebc09b03..a39863b6 100644
--- a/en/react-native-view-pdf.md
+++ b/en/react-native-view-pdf.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-view-pdf@file:#
+npm install @react-native-oh-tpl/react-native-view-pdf
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-view-pdf@file:#
+yarn add @react-native-oh-tpl/react-native-view-pdf
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-view-shot.md b/en/react-native-view-shot.md
index 5694e5fc..bbb47983 100644
--- a/en/react-native-view-shot.md
+++ b/en/react-native-view-shot.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-view-shot@file:#
+npm install @react-native-oh-tpl/react-native-view-shot
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-view-shot@file:#
+yarn add @react-native-oh-tpl/react-native-view-shot
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-vision-camera.md b/en/react-native-vision-camera.md
index c276124d..4681cea6 100644
--- a/en/react-native-vision-camera.md
+++ b/en/react-native-vision-camera.md
@@ -19,24 +19,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-vision-camera Releases](https://github.com/react-native-oh-library/react-native-vision-camera/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-vision-camera Releases](https://github.com/react-native-oh-library/react-native-vision-camera/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-vision-camera@file:#
+npm install @react-native-oh-tpl/react-native-vision-camera
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-vision-camera@file:#
+yarn add @react-native-oh-tpl/react-native-vision-camera
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-webview.md b/en/react-native-webview.md
index 976bcaf4..7c7194a4 100644
--- a/en/react-native-webview.md
+++ b/en/react-native-webview.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-webview@file:#
+npm install @react-native-oh-tpl/react-native-webview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-webview@file:#
+yarn add @react-native-oh-tpl/react-native-webview
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-worklets-core.md b/en/react-native-worklets-core.md
index 33d68ad9..8f01078e 100644
--- a/en/react-native-worklets-core.md
+++ b/en/react-native-worklets-core.md
@@ -16,24 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-worklets-core Releases](https://github.com/react-native-oh-library/react-native-worklets-core/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-worklets-core Releases](https://github.com/react-native-oh-library/react-native-worklets-core/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm i @react-native-oh-tpl/react-native-worklets-core@file:#
+npm i @react-native-oh-tpl/react-native-worklets-core
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-worklets-core@file:#
+yarn add @react-native-oh-tpl/react-native-worklets-core
 ```
 
 在项目根目录下的 `babel.config.js` 中添加 `babel` 插件
diff --git a/en/react-native-zip-archive.md b/en/react-native-zip-archive.md
index 407f4411..e3a364d4 100644
--- a/en/react-native-zip-archive.md
+++ b/en/react-native-zip-archive.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-zip-archive@file:#
+npm install @react-native-oh-tpl/react-native-zip-archive
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-zip-archive@file:#
+yarn add @react-native-oh-tpl/react-native-zip-archive
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-navigation-drawer.md b/en/react-navigation-drawer.md
index 492e872d..04a1a439 100644
--- a/en/react-navigation-drawer.md
+++ b/en/react-navigation-drawer.md
@@ -18,24 +18,23 @@
 
 > [!TIP] drawer的tgz包在react-navigation Releases。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载drawer适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为tgz包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/drawer@file:#
+npm install @react-native-oh-tpl/drawer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/drawer@file:#
+yarn add @react-native-oh-tpl/drawer
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-navigation-elements.md b/en/react-navigation-elements.md
index 4dded92f..8a144410 100644
--- a/en/react-navigation-elements.md
+++ b/en/react-navigation-elements.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/elements Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/elements Releases](https://github.com/react-native-oh-library/react-navigation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/elements@file:#
+npm install @react-native-oh-tpl/elements
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/elements@file:#
+yarn add @react-native-oh-tpl/elements
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-navigation-native-stack.md b/en/react-navigation-native-stack.md
index d14c574d..e347a010 100644
--- a/en/react-navigation-native-stack.md
+++ b/en/react-navigation-native-stack.md
@@ -18,24 +18,23 @@
 
 > [!TIP] native-stack的tgz包在react-navigation Releases。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载native-stack适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为tgz包的路径
 
 <!-- tabs:start -->
 
 ### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/native-stack@file:#
+npm install @react-native-oh-tpl/native-stack
 ```
 
 ### **yarn**
 
 ```bash
-yarn install @react-native-oh-tpl/native-stack@file:#
+yarn install @react-native-oh-tpl/native-stack
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-navigation-stack.md b/en/react-navigation-stack.md
index 6f500911..f695af7a 100644
--- a/en/react-navigation-stack.md
+++ b/en/react-navigation-stack.md
@@ -21,22 +21,21 @@
 
 > [!TIP] stack的tgz包在react-navigation Releases。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases),并下载stack适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-> [!TIP] # 处替换为tgz包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/stack@file:#
+npm install @react-native-oh-tpl/stack
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/stack@file:#
+yarn add @react-native-oh-tpl/stack
 ```
 
 <!-- tabs:end -->
diff --git a/en/realm-js.md b/en/realm-js.md
index 547eef15..c41525b0 100644
--- a/en/realm-js.md
+++ b/en/realm-js.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/realm@file:#
-npm install @react-native-oh-tpl/realm-react@file:#
+npm install @react-native-oh-tpl/realm
+npm install @react-native-oh-tpl/realm-react
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/realm@file:#
-yarn add @react-native-oh-tpl/realm-react@file:#
+yarn add @react-native-oh-tpl/realm
+yarn add @react-native-oh-tpl/realm-react
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/remobile-react-native-toast.md b/en/remobile-react-native-toast.md
index b9ca18f2..a78e8f95 100644
--- a/en/remobile-react-native-toast.md
+++ b/en/remobile-react-native-toast.md
@@ -17,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases).
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-toast@file:#
+npm install @react-native-oh-tpl/react-native-toast
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-toast@file:#
+yarn add @react-native-oh-tpl/react-native-toast
 ```
 
 <!-- tabs:end -->
diff --git a/en/rn-bugly.md b/en/rn-bugly.md
index d88b15f5..e3d0661d 100644
--- a/en/rn-bugly.md
+++ b/en/rn-bugly.md
@@ -17,22 +17,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/rn-bugly Releases](https://github.com/react-native-oh-library/rn-bugly/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/rn-bugly Releases](https://github.com/react-native-oh-library/rn-bugly/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/rn-bugly@file:#
+npm install @react-native-oh-tpl/rn-bugly
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/rn-bugly@file:#
+yarn add @react-native-oh-tpl/rn-bugly
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/rn-emoji-keyboard.md b/en/rn-emoji-keyboard.md
index 30650c21..32401b33 100644
--- a/en/rn-emoji-keyboard.md
+++ b/en/rn-emoji-keyboard.md
@@ -16,24 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/rn-emoji-keyboard@file:#
+npm install @react-native-oh-tpl/rn-emoji-keyboard
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/rn-emoji-keyboard@file:#
+yarn add @react-native-oh-tpl/rn-emoji-keyboard
 ```
 
 <!-- tabs:end -->
diff --git a/en/rn-tourguide.md b/en/rn-tourguide.md
index 0d9edd9a..cd50b67c 100644
--- a/en/rn-tourguide.md
+++ b/en/rn-tourguide.md
@@ -18,24 +18,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/rn-tourguide Releases](https://github.com/react-native-oh-library/rn-tourguide/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library：[https://github.com/react-native-oh-library/rn-tourguide Releases](https://github.com/react-native-oh-library/rn-tourguide/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/rn-tourguide@file:#
+npm install @react-native-oh-tpl/rn-tourguide
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/rn-tourguide@file:#
+yarn add @react-native-oh-tpl/rn-tourguide
 ```
 
 <!-- tabs:end -->
diff --git a/en/shopify-flash-list.md b/en/shopify-flash-list.md
index 9dc759c2..e60079f0 100644
--- a/en/shopify-flash-list.md
+++ b/en/shopify-flash-list.md
@@ -16,22 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/flash-list@file:#
+npm install @react-native-oh-tpl/flash-list
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/flash-list@file:#
+yarn add @react-native-oh-tpl/flash-list
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/tgz-usage-en.md b/en/tgz-usage-en.md
new file mode 100644
index 00000000..c9cd52fc
--- /dev/null
+++ b/en/tgz-usage-en.md
@@ -0,0 +1,76 @@
+# RNOH Third-party Library tgz Package Usage Instructions
+
+## 1. Option 1: Local Installation
+
+### 1.1 Navigate to the corresponding Release page of the third-party library
+
+- Find the desired version.
+- Download the tgz package from the attachment to your local machine.
+- Place it in the designated path.
+
+### 1.2 Installation
+
+- Run the following command:
+
+    ```bash
+    npm install <third-party-library-package-name>@file:<local-tgz-path>
+    ```
+
+    Example:
+
+    ```bash
+    npm install @react-native-oh-tpl/react-native-svg@file:react-native-oh-tpl-react-native-svg-15.0.0-0.5.8.tgz
+    ```
+
+- Or directly specify it in the `package.json`:
+
+    ```json
+    "dependencies": {
+        "<third-party-library-package-name>": "<local-tgz-path>"
+    }
+    ```
+
+    Example:
+
+    ```json
+    "dependencies": {
+        "@react-native-oh-tpl/react-native-svg": "file:react-native-oh-tpl-react-native-svg-15.0.0-0.5.8.tgz"
+    }
+    ```
+
+## 2. Option 2: Online Installation
+
+### 2.1 Navigate to the corresponding Release page of the third-party library
+
+- Find the desired version.
+- Copy the online URL of the tgz package from the attachment.
+
+### 2.2 Installation
+
+- Run the following command:
+
+    ```bash
+    npm install <third-party-library-package-name>@file:<online-tgz-url>
+    ```
+
+    Example:
+
+    ```bash
+    npm install @react-native-oh-tpl/react-native-svg@https://github.com/react-native-oh-library/react-native-harmony-svg/releases/download/15.0.0-0.5.8/react-native-oh-tpl-react-native-svg-15.0.0-0.5.8.tgz
+    ```
+
+- Or directly specify it in the `package.json`:
+
+    ```json
+    "dependencies": {
+        "<third-party-library-package-name>": "<online-tgz-url>"
+    }
+    ```
+
+    Example:
+
+    ```json
+    "dependencies": {
+        "@react-native-oh-tpl/react-native-svg": "https://github.com/react-native-oh-library/react-native-harmony-svg/releases/download/15.0.0-0.5.8/react-native-oh-tpl-react-native-svg-15.0.0-0.5.8.tgz"
+    }
+    ```
diff --git a/en/victory-native-xl.md b/en/victory-native-xl.md
index f5b93794..74789caf 100644
--- a/en/victory-native-xl.md
+++ b/en/victory-native-xl.md
@@ -17,22 +17,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases)，并下载适用版本的 tgz 包
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/victory-native-xl@file:#
+npm install @react-native-oh-tpl/victory-native-xl
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/victory-native-xl@file:#
+yarn add @react-native-oh-tpl/victory-native-xl
 ```
 
 下面的代码展示了这个库的基本使用场景：

From 599a2e4674b9917fded1a25ee0915a0e517c5dbd Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Thu, 14 Nov 2024 06:20:58 +0000
Subject: [PATCH 853/966] =?UTF-8?q?!1879=20docs:=20[Issues:=20#IB45S3]=20?=
 =?UTF-8?q?=E5=B0=86=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E5=AE=89=E8=A3=85?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F=E6=94=B9=E4=B8=BA=E4=BD=BF=E7=94=A8npm=20?=
 =?UTF-8?q?=E5=AE=89=E8=A3=85=E4=B8=89=E6=96=B9=E5=BA=93=E4=BE=9D=E8=B5=96?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IB45S3]=20=E5=B0=86=E5=85=B6?=
 =?UTF-8?q?=E4=BD=99=E6=9C=AA=E6=94=B9=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E5=AE=89=E8=A3=85=E6=96=B9=E5=BC=8F=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8npm=20=E5=AE=89=E8=A3=85=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E5=BA=93=E4=BE=9D=E8=B5=96=20*=20docs:=20[Issues:=20#IB45S3]?=
 =?UTF-8?q?=20=E5=B0=86=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E5=AE=89?=
 =?UTF-8?q?=E8=A3=85=E6=96=B9=E5=BC=8F=E6=94=B9=E4=B8=BA=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?npm=20=E5=AE=89=E8=A3=85=E4=B8=89=E6=96=B9=E5=BA=93=E4=BE=9D?=
 =?UTF-8?q?=E8=B5=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/NativeBase.md                           |  6 +-
 zh-cn/bam-tech-react-native-image-resizer.md  |  8 +-
 zh-cn/baronha-ting.md                         |  8 +-
 zh-cn/gorhom-bottom-sheet.md                  |  6 +-
 zh-cn/jpush-react-native.md                   |  8 +-
 zh-cn/klarna-platform-colors.md               |  8 +-
 zh-cn/lottie-react-native.md                  |  8 +-
 zh-cn/mixpanel-react-native.md                |  8 +-
 zh-cn/nativewind.md                           |  8 +-
 zh-cn/react-content-loader.md                 |  8 +-
 zh-cn/react-native-MJRefresh.md               |  8 +-
 zh-cn/react-native-QRCode.md                  |  8 +-
 zh-cn/react-native-SmartRefreshLayout.md      |  8 +-
 zh-cn/react-native-alipay.md                  |  8 +-
 zh-cn/react-native-amap-geolocation.md        |  8 +-
 zh-cn/react-native-amap3d.md                  |  8 +-
 zh-cn/react-native-apple-authentication.md    |  7 +-
 ...eact-native-async-storage-async-storage.md |  8 +-
 zh-cn/react-native-audio-recorder-player.md   |  8 +-
 zh-cn/react-native-audio-toolkit.md           |  8 +-
 zh-cn/react-native-audio.md                   |  8 +-
 zh-cn/react-native-autoheight-webview.md      |  8 +-
 zh-cn/react-native-background-fetch.md        |  8 +-
 zh-cn/react-native-background-timer.md        |  8 +-
 zh-cn/react-native-baidu-map.md               |  8 +-
 zh-cn/react-native-barcode-builder.md         |  8 +-
 zh-cn/react-native-bars.md                    |  8 +-
 zh-cn/react-native-better-banner.md           |  8 +-
 zh-cn/react-native-bindingx.md                |  8 +-
 zh-cn/react-native-ble-manager.md             |  8 +-
 zh-cn/react-native-ble-plx.md                 |  8 +-
 zh-cn/react-native-blob-util.md               |  8 +-
 zh-cn/react-native-bootsplash.md              |  8 +-
 zh-cn/react-native-calendar-events.md         |  8 +-
 zh-cn/react-native-camera-kit.md              |  7 +-
 zh-cn/react-native-cameraroll.md              |  8 +-
 zh-cn/react-native-cardview.md                |  8 +-
 zh-cn/react-native-charts-wrapper.md          |  8 +-
 zh-cn/react-native-clipboard-clipboard.md     |  8 +-
 zh-cn/react-native-clippath-capi.md           |  8 +-
 zh-cn/react-native-clippathview.md            |  8 +-
 zh-cn/react-native-code-push.md               |  8 +-
 ...react-native-color-matrix-image-filters.md |  8 +-
 zh-cn/react-native-community-blur.md          |  8 +-
 zh-cn/react-native-community-checkbox.md      |  8 +-
 .../react-native-community-datetimepicker.md  |  8 +-
 zh-cn/react-native-community-geolocation.md   |  8 +-
 zh-cn/react-native-community-netinfo.md       |  8 +-
 ...t-native-community-progress-bar-android.md |  8 +-
 ...act-native-community-progress-view-capi.md |  8 +-
 zh-cn/react-native-community-progress-view.md |  8 +-
 ...-native-community-push-notification-ios.md |  8 +-
 ...eact-native-community-segmented-control.md |  8 +-
 zh-cn/react-native-community-slider.md        |  8 +-
 .../react-native-community-toolbar-android.md |  8 +-
 zh-cn/react-native-compass-heading.md         |  8 +-
 zh-cn/react-native-config.md                  |  8 +-
 zh-cn/react-native-contacts.md                |  8 +-
 zh-cn/react-native-context-menu-view.md       |  8 +-
 zh-cn/react-native-cookies-cookies.md         |  8 +-
 zh-cn/react-native-country-picker-modal.md    |  8 +-
 zh-cn/react-native-create-thumbnail.md        |  8 +-
 zh-cn/react-native-credit-card-input.md       |  7 +-
 zh-cn/react-native-custom-keyboard.md         |  8 +-
 zh-cn/react-native-date-picker.md             |  8 +-
 zh-cn/react-native-default-preference.md      |  8 +-
 zh-cn/react-native-device-info.md             |  8 +-
 zh-cn/react-native-doc-viewer.md              |  8 +-
 zh-cn/react-native-document-picker.md         |  8 +-
 zh-cn/react-native-drag-sort.md               |  8 +-
 zh-cn/react-native-drax.md                    |  8 +-
 zh-cn/react-native-email-link.md              |  8 +-
 zh-cn/react-native-exception-handler.md       |  8 +-
 zh-cn/react-native-exit-app.md                |  8 +-
 zh-cn/react-native-fast-image.md              |  8 +-
 zh-cn/react-native-file-access.md             |  8 +-
 zh-cn/react-native-file-selector.md           |  8 +-
 zh-cn/react-native-file-viewer.md             |  8 +-
 zh-cn/react-native-fileupload.md              |  8 +-
 zh-cn/react-native-fingerprint-scanner.md     |  8 +-
 zh-cn/react-native-fs.md                      |  8 +-
 zh-cn/react-native-gesture-handler.md         |  8 +-
 zh-cn/react-native-get-random-values.md       |  8 +-
 zh-cn/react-native-gifted-charts.md           |  8 +-
 zh-cn/react-native-haptic-feedback.md         |  8 +-
 zh-cn/react-native-hole-view.md               |  8 +-
 zh-cn/react-native-http-bridge.md             |  8 +-
 zh-cn/react-native-idfa-aaid.md               |  8 +-
 zh-cn/react-native-idle-timer.md              |  8 +-
 zh-cn/react-native-image-capinsets-next.md    |  8 +-
 zh-cn/react-native-image-colors.md            |  8 +-
 zh-cn/react-native-image-crop-picker.md       |  6 +-
 zh-cn/react-native-image-editor.md            |  6 +-
 zh-cn/react-native-image-gallery.md           | 10 +--
 .../react-native-image-header-scroll-view.md  |  8 +-
 zh-cn/react-native-image-pan-zoom.md          |  8 +-
 zh-cn/react-native-image-picker.md            |  8 +-
 zh-cn/react-native-image-sequence-2.md        |  8 +-
 zh-cn/react-native-image-viewing.md           |  8 +-
 zh-cn/react-native-image-zoom-viewer.md       |  8 +-
 zh-cn/react-native-inappbrowser.md            |  8 +-
 zh-cn/react-native-input-scroll-view.md       |  8 +-
 zh-cn/react-native-intersection-observer.md   |  8 +-
 zh-cn/react-native-iphone-screen-helper.md    |  8 +-
 zh-cn/react-native-keep-awake.md              |  7 +-
 ...react-native-keyboard-aware-scroll-view.md |  8 +-
 zh-cn/react-native-keys.md                    |  8 +-
 zh-cn/react-native-largelist.md               |  8 +-
 zh-cn/react-native-localization-settings.md   |  8 +-
 zh-cn/react-native-localization.md            |  8 +-
 zh-cn/react-native-localize.md                |  7 +-
 zh-cn/react-native-map-linking.md             |  9 +--
 zh-cn/react-native-maps.md                    |  8 +-
 zh-cn/react-native-markdown-display.md        |  8 +-
 zh-cn/react-native-markdown-renderer.md       | 10 +--
 zh-cn/react-native-marquee.md                 |  8 +-
 zh-cn/react-native-masked-view-masked-view.md |  8 +-
 zh-cn/react-native-material-buttons.md        |  8 +-
 zh-cn/react-native-material-dropdown.md       |  8 +-
 zh-cn/react-native-material-textfield.md      |  8 +-
 zh-cn/react-native-material-ui.md             |  8 +-
 zh-cn/react-native-mlkit-ocr.md               |  8 +-
 zh-cn/react-native-mmkv-storage.md            |  8 +-
 zh-cn/react-native-modal-popover.md           |  8 +-
 zh-cn/react-native-modal.md                   |  8 +-
 zh-cn/react-native-modalbox.md                |  8 +-
 zh-cn/react-native-multi-slider.md            |  8 +-
 zh-cn/react-native-neomorph-shadows.md        |  8 +-
 zh-cn/react-native-nested-scroll-view.md      |  8 +-
 zh-cn/react-native-network-info.md            |  8 +-
 .../react-native-ohos-community-auto-fill.md  |  8 +-
 zh-cn/react-native-orientation-locker.md      |  7 +-
 zh-cn/react-native-orientation.md             |  7 +-
 zh-cn/react-native-pager-view.md              |  8 +-
 zh-cn/react-native-pdf.md                     |  6 +-
 zh-cn/react-native-performance.md             |  8 +-
 zh-cn/react-native-permissions.md             |  6 +-
 zh-cn/react-native-picker-picker.md           |  8 +-
 zh-cn/react-native-picker-select.md           |  8 +-
 zh-cn/react-native-picker.md                  |  8 +-
 zh-cn/react-native-popover-view.md            |  8 +-
 zh-cn/react-native-print.md                   |  8 +-
 zh-cn/react-native-progress.md                |  8 +-
 zh-cn/react-native-pull.md                    |  8 +-
 zh-cn/react-native-qr-decode-image-camera.md  |  8 +-
 zh-cn/react-native-quick-base64.md            |  8 +-
 zh-cn/react-native-randombytes.md             |  8 +-
 zh-cn/react-native-reanimated-bottom-sheet.md |  6 +-
 zh-cn/react-native-reanimated.md              |  8 +-
 zh-cn/react-native-restart.md                 |  8 +-
 zh-cn/react-native-root-modal.md              |  8 +-
 zh-cn/react-native-safe-area-context.md       |  8 +-
 zh-cn/react-native-safe-module.md             |  8 +-
 zh-cn/react-native-safe-modules.md            |  8 +-
 zh-cn/react-native-screenshot-prevent.md      |  8 +-
 zh-cn/react-native-scroll-bottom-sheet.md     |  6 +-
 zh-cn/react-native-scrollable-tab-view.md     |  8 +-
 zh-cn/react-native-securerandom.md            |  7 +-
 zh-cn/react-native-send-intent.md             |  7 +-
 zh-cn/react-native-sensitive-info.md          |  8 +-
 zh-cn/react-native-sensors.md                 |  8 +-
 zh-cn/react-native-shake.md                   |  8 +-
 zh-cn/react-native-share.md                   |  8 +-
 zh-cn/react-native-shared-element.md          |  8 +-
 zh-cn/react-native-signature-capture.md       |  7 +-
 zh-cn/react-native-simple-toast.md            |  8 +-
 zh-cn/react-native-skia.md                    |  8 +-
 zh-cn/react-native-slider.md                  |  8 +-
 zh-cn/react-native-snackbar.md                |  8 +-
 zh-cn/react-native-snap-carousel.md           |  8 +-
 zh-cn/react-native-sortable-list.md           |  8 +-
 zh-cn/react-native-sound.md                   |  8 +-
 zh-cn/react-native-spinkit.md                 |  8 +-
 zh-cn/react-native-splash-screen.md           |  8 +-
 zh-cn/react-native-spring-scrollview.md       |  8 +-
 zh-cn/react-native-sqlite-storage.md          |  8 +-
 zh-cn/react-native-ssl-pinning.md             |  8 +-
 zh-cn/react-native-stickyheader.md            |  8 +-
 zh-cn/react-native-svg-capi.md                |  8 +-
 zh-cn/react-native-svg-charts.md              |  8 +-
 zh-cn/react-native-svg.md                     |  8 +-
 zh-cn/react-native-swipe-list-view.md         |  8 +-
 zh-cn/react-native-switch-pro.md              |  8 +-
 zh-cn/react-native-syan-image-picker.md       |  8 +-
 zh-cn/react-native-system-setting.md          |  7 +-
 zh-cn/react-native-tab-navigator.md           |  8 +-
 zh-cn/react-native-tab-view.md                |  8 +-
 zh-cn/react-native-tcp-socket.md              |  8 +-
 zh-cn/react-native-text-gradient.md           |  8 +-
 zh-cn/react-native-text-input-mask.md         |  8 +-
 zh-cn/react-native-text-size.md               |  8 +-
 .../react-native-textinput-maxlength-fixed.md |  8 +-
 zh-cn/react-native-theme-switch-animation.md  |  6 +-
 zh-cn/react-native-thumbnail.md               |  8 +-
 zh-cn/react-native-touch-id.md                |  8 +-
 zh-cn/react-native-track-player.md            |  8 +-
 zh-cn/react-native-transitiongroup.md         |  8 +-
 zh-cn/react-native-translucent-modal.md       |  8 +-
 zh-cn/react-native-tts.md                     |  8 +-
 zh-cn/react-native-typography.md              |  8 +-
 zh-cn/react-native-udp.md                     |  8 +-
 zh-cn/react-native-ui-lib.md                  |  8 +-
 zh-cn/react-native-unistyles.md               |  8 +-
 zh-cn/react-native-user-agent.md              |  8 +-
 zh-cn/react-native-vector-drawable.md         |  8 +-
 zh-cn/react-native-version-number.md          |  8 +-
 zh-cn/react-native-video-cache.md             |  8 +-
 zh-cn/react-native-video.md                   |  8 +-
 zh-cn/react-native-view-overflow.md           |  8 +-
 zh-cn/react-native-view-pdf.md                |  8 +-
 zh-cn/react-native-view-shot.md               |  8 +-
 zh-cn/react-native-vision-camera.md           |  8 +-
 zh-cn/react-native-webview.md                 |  8 +-
 zh-cn/react-native-worklets-core.md           |  8 +-
 zh-cn/react-native-zip-archive.md             |  8 +-
 zh-cn/react-navigation-drawer.md              | 10 +--
 zh-cn/react-navigation-elements.md            |  8 +-
 zh-cn/react-navigation-native-stack.md        |  9 +--
 zh-cn/react-navigation-stack.md               |  9 +--
 zh-cn/realm-js.md                             | 12 ++-
 zh-cn/remobile-react-native-toast.md          |  8 +-
 zh-cn/rn-bugly.md                             |  6 +-
 zh-cn/rn-emoji-keyboard.md                    |  8 +-
 zh-cn/rn-tourguide.md                         |  8 +-
 zh-cn/shopify-flash-list.md                   |  8 +-
 zh-cn/tgz-usage.md                            | 76 +++++++++++++++++++
 zh-cn/victory-native-xl.md                    |  8 +-
 227 files changed, 767 insertions(+), 1099 deletions(-)
 create mode 100644 zh-cn/tgz-usage.md

diff --git a/zh-cn/NativeBase.md b/zh-cn/NativeBase.md
index cbe6082c..ace00b85 100644
--- a/zh-cn/NativeBase.md
+++ b/zh-cn/NativeBase.md
@@ -18,7 +18,7 @@
 
 
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/native-base Releases](https://github.com/react-native-oh-library/NativeBase/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
@@ -28,13 +28,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/native-base@file:#
+npm install @react-native-oh-tpl/native-base
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/native-base@file:#
+yarn add @react-native-oh-tpl/native-base
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/bam-tech-react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
index 670b1bdf..805b7271 100644
--- a/zh-cn/bam-tech-react-native-image-resizer.md
+++ b/zh-cn/bam-tech-react-native-image-resizer.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-resizer Releases](https://github.com/react-native-oh-library/react-native-image-resizer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-resizer@file:#
+npm install @react-native-oh-tpl/react-native-image-resizer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-resizer@file:#
+yarn add @react-native-oh-tpl/react-native-image-resizer
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/baronha-ting.md b/zh-cn/baronha-ting.md
index 723d4294..bf92399f 100644
--- a/zh-cn/baronha-ting.md
+++ b/zh-cn/baronha-ting.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/ting Releases](https://github.com/react-native-oh-library/ting/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/ting@file:#
+npm install @react-native-oh-tpl/ting
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/ting@file:#
+yarn add @react-native-oh-tpl/ting
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/gorhom-bottom-sheet.md b/zh-cn/gorhom-bottom-sheet.md
index b174abf7..3d233138 100644
--- a/zh-cn/gorhom-bottom-sheet.md
+++ b/zh-cn/gorhom-bottom-sheet.md
@@ -16,20 +16,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/bottom-sheet@file:#
+npm install @react-native-oh-tpl/bottom-sheet
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/bottom-sheet@file:#
+yarn add @react-native-oh-tpl/bottom-sheet
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/jpush-react-native.md b/zh-cn/jpush-react-native.md
index 831f28aa..4c86b965 100644
--- a/zh-cn/jpush-react-native.md
+++ b/zh-cn/jpush-react-native.md
@@ -17,23 +17,21 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/jpush-react-native@file:#
+npm install @react-native-oh-tpl/jpush-react-native
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/jpush-react-native@file:#
+yarn add @react-native-oh-tpl/jpush-react-native
 ```
 <!-- tabs:end -->
 
diff --git a/zh-cn/klarna-platform-colors.md b/zh-cn/klarna-platform-colors.md
index ad4f4497..06987533 100644
--- a/zh-cn/klarna-platform-colors.md
+++ b/zh-cn/klarna-platform-colors.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/platform-colors Releases](https://github.com/react-native-oh-library/platform-colors/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/platform-colors@file:#
+npm install @react-native-oh-tpl/platform-colors
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/platform-colors@file:#
+yarn add @react-native-oh-tpl/platform-colors
 ```
 
 生成资源文件：
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 2369ff66..482f4d79 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/lottie-react-native Releases](https://github.com/react-native-oh-library/lottie-react-native/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/lottie-react-native@file:#
+npm install @react-native-oh-tpl/lottie-react-native
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/lottie-react-native@file:#
+yarn add @react-native-oh-tpl/lottie-react-native
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/mixpanel-react-native.md b/zh-cn/mixpanel-react-native.md
index 0412a744..ec676a98 100644
--- a/zh-cn/mixpanel-react-native.md
+++ b/zh-cn/mixpanel-react-native.md
@@ -16,23 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
-> [!TIP] # 处替换为 tgz 包的路径。
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/mixpanel-react-native@file:#
+npm install @react-native-oh-tpl/mixpanel-react-native
 ```
 
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/mixpanel-react-native@file:#
+yarn add @react-native-oh-tpl/mixpanel-react-native
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/nativewind.md b/zh-cn/nativewind.md
index a0ee10e9..ecc4f7a7 100644
--- a/zh-cn/nativewind.md
+++ b/zh-cn/nativewind.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/nativewind@file:#
+npm install @react-native-oh-tpl/nativewind
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/nativewind@file:#
+yarn add @react-native-oh-tpl/nativewind
 ```
 
 #### **tailwind.config.js**
diff --git a/zh-cn/react-content-loader.md b/zh-cn/react-content-loader.md
index 0464395d..8b3c56dc 100644
--- a/zh-cn/react-content-loader.md
+++ b/zh-cn/react-content-loader.md
@@ -16,25 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-content-loader Releases](https://github.com/react-native-oh-library/react-content-loader/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-content-loader@file:#
+npm install @react-native-oh-tpl/react-content-loader
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-content-loader@file:#
+yarn add @react-native-oh-tpl/react-content-loader
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index cea150d9..edf04a23 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-mjrefresh@file:#
+npm install @react-native-oh-tpl/react-native-mjrefresh
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-mjrefresh@file:#
+yarn add @react-native-oh-tpl/react-native-mjrefresh
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-QRCode.md b/zh-cn/react-native-QRCode.md
index adcdd780..5e98cca2 100644
--- a/zh-cn/react-native-QRCode.md
+++ b/zh-cn/react-native-QRCode.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)，并下载适用版本的 tgz 包。
+1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-qrcode@file:#
+npm install @react-native-oh-tpl/react-native-qrcode
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-qrcode@file:#
+yarn add @react-native-oh-tpl/react-native-qrcode
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md
index 1ea3ec60..06d4a82e 100644
--- a/zh-cn/react-native-SmartRefreshLayout.md
+++ b/zh-cn/react-native-SmartRefreshLayout.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-smartrefreshlayout@file:#
+npm install @react-native-oh-tpl/react-native-smartrefreshlayout
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-smartrefreshlayout@file:#
+yarn add @react-native-oh-tpl/react-native-smartrefreshlayout
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-alipay.md b/zh-cn/react-native-alipay.md
index 6bb6d594..f7786c92 100644
--- a/zh-cn/react-native-alipay.md
+++ b/zh-cn/react-native-alipay.md
@@ -16,22 +16,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-alipay@file:#
+npm install @react-native-oh-tpl/react-native-alipay
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-alipay@file:#
+yarn add @react-native-oh-tpl/react-native-alipay
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-amap-geolocation.md b/zh-cn/react-native-amap-geolocation.md
index eb072777..58aa7f9f 100644
--- a/zh-cn/react-native-amap-geolocation.md
+++ b/zh-cn/react-native-amap-geolocation.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap-geolocation Releases](https://github.com/react-native-oh-library/react-native-amap-geolocation/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-amap-geolocation@file:#
+npm install @react-native-oh-tpl/react-native-amap-geolocation
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-amap-geolocation@file:#
+yarn add @react-native-oh-tpl/react-native-amap-geolocation
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-amap3d.md b/zh-cn/react-native-amap3d.md
index a8b70ea3..9633e0c6 100644
--- a/zh-cn/react-native-amap3d.md
+++ b/zh-cn/react-native-amap3d.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-amap3d@file:#
+npm install @react-native-oh-tpl/react-native-amap3d
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-amap3d@file:#
+yarn add @react-native-oh-tpl/react-native-amap3d
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-apple-authentication.md b/zh-cn/react-native-apple-authentication.md
index 858b71db..6fd7b461 100644
--- a/zh-cn/react-native-apple-authentication.md
+++ b/zh-cn/react-native-apple-authentication.md
@@ -22,24 +22,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-apple-authentication@file:#
+npm install @react-native-oh-tpl/react-native-apple-authentication
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-apple-authentication@file:#
+yarn add @react-native-oh-tpl/react-native-apple-authentication
 ```
 
 #### **配置用于 Web 的“通过 Apple 登录”**
diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index 134f7a1d..9d90428b 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/async-storage Releases](https://github.com/react-native-oh-library/async-storage/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/async-storage@file:#
+npm install @react-native-oh-tpl/async-storage
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/async-storage@file:#
+yarn add @react-native-oh-tpl/async-storage
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-audio-recorder-player.md b/zh-cn/react-native-audio-recorder-player.md
index 50fb1e13..cc9b8e14 100644
--- a/zh-cn/react-native-audio-recorder-player.md
+++ b/zh-cn/react-native-audio-recorder-player.md
@@ -16,22 +16,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!tip] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-audio-recorder-player@file:#
+npm install @react-native-oh-tpl/react-native-audio-recorder-player
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-audio-recorder-player@file:#
+yarn add @react-native-oh-tpl/react-native-audio-recorder-player
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-audio-toolkit.md b/zh-cn/react-native-audio-toolkit.md
index 4e052778..aef293a6 100644
--- a/zh-cn/react-native-audio-toolkit.md
+++ b/zh-cn/react-native-audio-toolkit.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/audio-toolkit@file:#
+npm install @react-native-oh-tpl/audio-toolkit
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/audio-toolkit@file:#
+yarn add @react-native-oh-tpl/audio-toolkit
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index ee8b681d..52351c52 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-audio@file:#
+npm install @react-native-oh-tpl/react-native-audio
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-audio@file:#
+yarn add @react-native-oh-tpl/react-native-audio
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index 728e97a9..bbcd0cdf 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-autoheight-webview Releases](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-autoheight-webview@file:#
+npm install @react-native-oh-tpl/react-native-autoheight-webview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-autoheight-webview@file:#
+yarn add @react-native-oh-tpl/react-native-autoheight-webview
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-background-fetch.md b/zh-cn/react-native-background-fetch.md
index 42e9b6ab..8b5f3659 100644
--- a/zh-cn/react-native-background-fetch.md
+++ b/zh-cn/react-native-background-fetch.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-fetch Releases](https://github.com/react-native-oh-library/react-native-background-fetch/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-background-fetch@file:#
+npm install @react-native-oh-tpl/react-native-background-fetch
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-background-fetch@file:#
+yarn add @react-native-oh-tpl/react-native-background-fetch
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index 8bcd68a4..8d47f8da 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-background-timer@file:#
+npm install @react-native-oh-tpl/react-native-background-timer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-background-timer@file:#
+yarn add @react-native-oh-tpl/react-native-background-timer
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index c0154674..b53abaf1 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:end -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-baidu-map@file:#
+npm install @react-native-oh-tpl/react-native-baidu-map
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-baidu-map@file:#
+yarn add @react-native-oh-tpl/react-native-baidu-map
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-barcode-builder.md b/zh-cn/react-native-barcode-builder.md
index a2e8b37a..2a92dd46 100644
--- a/zh-cn/react-native-barcode-builder.md
+++ b/zh-cn/react-native-barcode-builder.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)，并下载适用版本的 tgz 包。
+1、请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-barcode-builder@file:#
+npm install @react-native-oh-tpl/react-native-barcode-builder
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-barcode-builder@file:#
+yarn add @react-native-oh-tpl/react-native-barcode-builder
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-bars.md b/zh-cn/react-native-bars.md
index 0ed85bbf..176cfa7e 100644
--- a/zh-cn/react-native-bars.md
+++ b/zh-cn/react-native-bars.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bars Releases](https://github.com/react-native-oh-library/react-native-bars/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-bars@file:#
+npm install @react-native-oh-tpl/react-native-bars
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-bars@file:#
+yarn add @react-native-oh-tpl/react-native-bars
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-better-banner.md b/zh-cn/react-native-better-banner.md
index 08bec6c3..d838392f 100644
--- a/zh-cn/react-native-better-banner.md
+++ b/zh-cn/react-native-better-banner.md
@@ -16,25 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-better-banner@file:#
+npm install @react-native-oh-tpl/react-native-better-banner
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-better-banner@file:#
+yarn add @react-native-oh-tpl/react-native-better-banner
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-bindingx.md b/zh-cn/react-native-bindingx.md
index ac09562c..6d265bb6 100644
--- a/zh-cn/react-native-bindingx.md
+++ b/zh-cn/react-native-bindingx.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bindingx Releases](https://github.com/react-native-oh-library/react-native-bindingx/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-bindingx@file:#
+npm install @react-native-oh-tpl/react-native-bindingx
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-bindingx@file:#
+yarn add @react-native-oh-tpl/react-native-bindingx
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
index e8285d82..452feb8d 100644
--- a/zh-cn/react-native-ble-manager.md
+++ b/zh-cn/react-native-ble-manager.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-manager Releases](https://github.com/react-native-oh-library/react-native-ble-manager/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-ble-manager@file:#
+npm install @react-native-oh-tpl/react-native-ble-manager
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-ble-manager@file:#
+yarn add @react-native-oh-tpl/react-native-ble-manager
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-ble-plx.md b/zh-cn/react-native-ble-plx.md
index 040b0141..a3b7ebb5 100644
--- a/zh-cn/react-native-ble-plx.md
+++ b/zh-cn/react-native-ble-plx.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ble-plx Releases](https://github.com/react-native-oh-library/react-native-ble-plx/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-ble-plx@file:#
+npm install @react-native-oh-tpl/react-native-ble-plx
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-ble-plx@file:#
+yarn add @react-native-oh-tpl/react-native-ble-plx
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index 7ce24a58..9641bce4 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-oh-library/react-native-blob-util/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-blob-util@file:#
+npm install @react-native-oh-tpl/react-native-blob-util
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-blob-util@file:#
+yarn add @react-native-oh-tpl/react-native-blob-util
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-bootsplash.md b/zh-cn/react-native-bootsplash.md
index 13643d61..59c71fcd 100644
--- a/zh-cn/react-native-bootsplash.md
+++ b/zh-cn/react-native-bootsplash.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-bootsplash@file:#
+npm install @react-native-oh-tpl/react-native-bootsplash
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-bootsplash@file:#
+yarn add @react-native-oh-tpl/react-native-bootsplash
 ```
 
 #### 生成配置文件
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index 3d2791d5..ea4cb9c7 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-calendar-events Releases](https://github.com/react-native-oh-library/react-native-calendar-events/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-calendar-events@file:#
+npm install @react-native-oh-tpl/react-native-calendar-events
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-calendar-events@file:#
+yarn add @react-native-oh-tpl/react-native-calendar-events
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-camera-kit.md b/zh-cn/react-native-camera-kit.md
index 2a06b7d7..2b4aab76 100644
--- a/zh-cn/react-native-camera-kit.md
+++ b/zh-cn/react-native-camera-kit.md
@@ -18,24 +18,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-camera-kit@file:#
+npm install @react-native-oh-tpl/react-native-camera-kit
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-camera-kit@file:#
+yarn add @react-native-oh-tpl/react-native-camera-kit
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index 674dcee8..05adbcb2 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cameraroll Releases](https://github.com/react-native-oh-library/react-native-cameraroll/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/camera-roll@file:#
+npm install @react-native-oh-tpl/camera-roll
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/camera-roll@file:#
+yarn add @react-native-oh-tpl/camera-roll
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-cardview.md b/zh-cn/react-native-cardview.md
index d8cbbdbb..e5c3e8d9 100644
--- a/zh-cn/react-native-cardview.md
+++ b/zh-cn/react-native-cardview.md
@@ -16,22 +16,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-cardview Releases](https://github.com/react-native-oh-library/react-native-cardview/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-cardview@file:#
+npm install @react-native-oh-tpl/react-native-cardview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-cardview@file:#
+yarn add @react-native-oh-tpl/react-native-cardview
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-charts-wrapper.md b/zh-cn/react-native-charts-wrapper.md
index a3538669..972b1b65 100644
--- a/zh-cn/react-native-charts-wrapper.md
+++ b/zh-cn/react-native-charts-wrapper.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-charts-wrapper@file:#
+npm install @react-native-oh-tpl/react-native-charts-wrapper
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-charts-wrapper@file:#
+yarn add @react-native-oh-tpl/react-native-charts-wrapper
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index e4c81732..bab853bc 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/clipboard Releases](https://github.com/react-native-oh-library/clipboard/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/clipboard@file:#
+npm install @react-native-oh-tpl/clipboard
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/clipboard@file:#
+yarn add @react-native-oh-tpl/clipboard
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
index e0a5fd25..9e7e30e9 100644
--- a/zh-cn/react-native-clippath-capi.md
+++ b/zh-cn/react-native-clippath-capi.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-clippathview@file:#
+npm install @react-native-oh-tpl/react-native-clippathview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-clippathview@file:#
+yarn add @react-native-oh-tpl/react-native-clippathview
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-clippathview.md b/zh-cn/react-native-clippathview.md
index 90e3839b..f3d9c8fd 100644
--- a/zh-cn/react-native-clippathview.md
+++ b/zh-cn/react-native-clippathview.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-clippathview@file:#
+npm install @react-native-oh-tpl/react-native-clippathview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-clippathview@file:#
+yarn add @react-native-oh-tpl/react-native-clippathview
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 99c30591..43c404b0 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -47,24 +47,22 @@ code-push release <AppName> <bundle.harmony.js> "<版本号>" --description "<v1
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-code-push Releases](https://github.com/react-native-oh-library/react-native-code-push/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-code-push@file:#
+npm install @react-native-oh-tpl/react-native-code-push
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-code-push@file:#
+yarn add @react-native-oh-tpl/react-native-code-push
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md
index fb4b3922..2439dfa0 100644
--- a/zh-cn/react-native-color-matrix-image-filters.md
+++ b/zh-cn/react-native-color-matrix-image-filters.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-color-matrix-image-filters Releases](https://github.com/react-native-oh-library/react-native-color-matrix-image-filters/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
+npm install @react-native-oh-tpl/react-native-color-matrix-image-filters
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-color-matrix-image-filters@file:#
+yarn add @react-native-oh-tpl/react-native-color-matrix-image-filters
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md
index dc5b12c9..c1d047ea 100644
--- a/zh-cn/react-native-community-blur.md
+++ b/zh-cn/react-native-community-blur.md
@@ -18,24 +18,22 @@
 
 本库已经适配`C-API版本`从版本`4.4.0-0.1.0`开始的版本为`C-API版本`，`C-API版本`在性能和速度上都优于`ArkTS版本`。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-community-blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/blur@file:#
+npm install @react-native-oh-tpl/blur
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/blur@file:#
+yarn add @react-native-oh-tpl/blur
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index b262a795..1a3c8c8e 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/checkbox@file:#
+npm install @react-native-oh-tpl/checkbox
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/checkbox@file:#
+yarn add @react-native-oh-tpl/checkbox
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index 73fc6a76..574fde82 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/datetimepicker@file:#
+npm install @react-native-oh-tpl/datetimepicker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/datetimepicker@file:#
+yarn add @react-native-oh-tpl/datetimepicker
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-geolocation.md b/zh-cn/react-native-community-geolocation.md
index 549f227e..56784249 100644
--- a/zh-cn/react-native-community-geolocation.md
+++ b/zh-cn/react-native-community-geolocation.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/geolocation Releases](https://github.com/react-native-oh-library/react-native-geolocation/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/geolocation@file:#
+npm install @react-native-oh-tpl/geolocation
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/geolocation@file:#
+yarn add @react-native-oh-tpl/geolocation
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index ea29d95e..0def1b80 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/netinfo Releases](https://github.com/react-native-oh-library/react-native-netinfo/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/netinfo@file:#
+npm install @react-native-oh-tpl/netinfo
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/netinfo@file:#
+yarn add @react-native-oh-tpl/netinfo
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md
index 26446721..a1d4543f 100644
--- a/zh-cn/react-native-community-progress-bar-android.md
+++ b/zh-cn/react-native-community-progress-bar-android.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-bar-android Releases](https://github.com/react-native-oh-library/progress-bar-android/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/progress-bar-android@file:#
+yarn add @react-native-oh-tpl/progress-bar-android
 ```
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/progress-bar-android@file:#
+npm install @react-native-oh-tpl/progress-bar-android
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-progress-view-capi.md b/zh-cn/react-native-community-progress-view-capi.md
index da63b051..df50fea7 100644
--- a/zh-cn/react-native-community-progress-view-capi.md
+++ b/zh-cn/react-native-community-progress-view-capi.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/progress-view@file:#
+npm install @react-native-oh-tpl/progress-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/progress-view@file:#
+yarn add @react-native-oh-tpl/progress-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index 8b984994..c12d5b94 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/progress-view@file:#
+npm install @react-native-oh-tpl/progress-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/progress-view@file:#
+yarn add @react-native-oh-tpl/progress-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index 2174973b..ddab394c 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/push-notification-ios@file:#
+npm install @react-native-oh-tpl/push-notification-ios
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/push-notification-ios@file:#
+yarn add @react-native-oh-tpl/push-notification-ios
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-segmented-control.md b/zh-cn/react-native-community-segmented-control.md
index e5d35856..8fb7f484 100644
--- a/zh-cn/react-native-community-segmented-control.md
+++ b/zh-cn/react-native-community-segmented-control.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/segmented-control Releases](https://github.com/react-native-oh-library/segmented-control/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/segmented-control Releases](https://github.com/react-native-oh-library/segmented-control/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/segmented-control@file:#
+npm install @react-native-oh-tpl/segmented-control
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/segmented-control@file:#
+yarn add @react-native-oh-tpl/segmented-control
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index ad3254dc..99872e3c 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/slider Releases](https://github.com/react-native-oh-library/react-native-slider/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/slider@file:#
+npm install @react-native-oh-tpl/slider
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/slider@file:#
+yarn add @react-native-oh-tpl/slider
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
index b57787f0..867a3411 100644
--- a/zh-cn/react-native-community-toolbar-android.md
+++ b/zh-cn/react-native-community-toolbar-android.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/toolbar-android@file:#
+npm install @react-native-oh-tpl/toolbar-android
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/toolbar-android@file:#
+yarn add @react-native-oh-tpl/toolbar-android
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-compass-heading.md b/zh-cn/react-native-compass-heading.md
index 9a21cede..dedf50dc 100644
--- a/zh-cn/react-native-compass-heading.md
+++ b/zh-cn/react-native-compass-heading.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-compass-heading Releases](https://github.com/react-native-oh-library/react-native-compass-heading/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-compass-heading@file:#
+npm install @react-native-oh-tpl/react-native-compass-heading
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-compass-heading@file:#
+yarn add @react-native-oh-tpl/react-native-compass-heading
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-config.md b/zh-cn/react-native-config.md
index 7b294613..c6bea5e2 100644
--- a/zh-cn/react-native-config.md
+++ b/zh-cn/react-native-config.md
@@ -30,22 +30,20 @@ Config.GOOGLE_MAPS_API_KEY; // 'abcdefgh'
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-config@file:#
+npm install @react-native-oh-tpl/react-native-config
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-config@file:#
+yarn add @react-native-oh-tpl/react-native-config
 ```
 
 
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 57971fd3..7eb46265 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-contacts Releases](https://github.com/react-native-oh-library/react-native-contacts/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-contacts@file:#
+npm install @react-native-oh-tpl/react-native-contacts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-contacts@file:#
+yarn add @react-native-oh-tpl/react-native-contacts
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-context-menu-view.md b/zh-cn/react-native-context-menu-view.md
index 63154607..fabd86af 100644
--- a/zh-cn/react-native-context-menu-view.md
+++ b/zh-cn/react-native-context-menu-view.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-context-menu-view@file:#
+npm install @react-native-oh-tpl/react-native-context-menu-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-context-menu-view@file:#
+yarn add @react-native-oh-tpl/react-native-context-menu-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index 3fbc165f..6cd6f0cf 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/cookies@file:#
+npm install @react-native-oh-tpl/cookies
 ```
 
 #### **yarn**
 
 ```
-yarn add @react-native-oh-tpl/cookies@file:#
+yarn add @react-native-oh-tpl/cookies
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-country-picker-modal.md b/zh-cn/react-native-country-picker-modal.md
index 0a2a8181..03ab96ed 100644
--- a/zh-cn/react-native-country-picker-modal.md
+++ b/zh-cn/react-native-country-picker-modal.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-country-picker-modal Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-country-picker-modal Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-country-picker-modal@file:#
+npm install @react-native-oh-tpl/react-native-country-picker-modal
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-country-picker-modal@file:#
+yarn add @react-native-oh-tpl/react-native-country-picker-modal
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md
index f3f713c2..8de02f31 100644
--- a/zh-cn/react-native-create-thumbnail.md
+++ b/zh-cn/react-native-create-thumbnail.md
@@ -18,24 +18,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-create-thumbnail@file:#
+npm install @react-native-oh-tpl/react-native-create-thumbnail
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-create-thumbnail@file:#
+yarn add @react-native-oh-tpl/react-native-create-thumbnail
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-credit-card-input.md b/zh-cn/react-native-credit-card-input.md
index b99a5a61..972f70ce 100644
--- a/zh-cn/react-native-credit-card-input.md
+++ b/zh-cn/react-native-credit-card-input.md
@@ -16,24 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-credit-card-input@file:#
+npm install @react-native-oh-tpl/react-native-credit-card-input
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-credit-card-input@file:#
+yarn add @react-native-oh-tpl/react-native-credit-card-input
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-custom-keyboard.md b/zh-cn/react-native-custom-keyboard.md
index 634b34c8..718ab2ae 100644
--- a/zh-cn/react-native-custom-keyboard.md
+++ b/zh-cn/react-native-custom-keyboard.md
@@ -17,22 +17,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-custom-keyboard@file:#
+npm install @react-native-oh-tpl/react-native-custom-keyboard
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-custom-keyboard@file:#
+yarn add @react-native-oh-tpl/react-native-custom-keyboard
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
index bde26e2a..133e6344 100644
--- a/zh-cn/react-native-date-picker.md
+++ b/zh-cn/react-native-date-picker.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-date-picker Releases](https://github.com/react-native-oh-library/react-native-date-picker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-date-picker@file:#
+npm install @react-native-oh-tpl/react-native-date-picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-date-picker@file:#
+yarn add @react-native-oh-tpl/react-native-date-picker
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-default-preference.md b/zh-cn/react-native-default-preference.md
index 2ea3ed32..7c9ddf0e 100644
--- a/zh-cn/react-native-default-preference.md
+++ b/zh-cn/react-native-default-preference.md
@@ -18,25 +18,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-default-preference Releases](https://github.com/react-native-oh-library/react-native-default-preference/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-default-preference@file:#
+npm install @react-native-oh-tpl/react-native-default-preference
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-default-preference@file:#
+yarn add @react-native-oh-tpl/react-native-default-preference
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
index 9c9c5de9..856d62a0 100644
--- a/zh-cn/react-native-device-info.md
+++ b/zh-cn/react-native-device-info.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-device-info@file:#
+npm install @react-native-oh-tpl/react-native-device-info
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-device-info@file:#
+yarn add @react-native-oh-tpl/react-native-device-info
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-doc-viewer.md b/zh-cn/react-native-doc-viewer.md
index 96d923e0..4a6c827b 100644
--- a/zh-cn/react-native-doc-viewer.md
+++ b/zh-cn/react-native-doc-viewer.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-doc-viewer@file:#
+npm install @react-native-oh-tpl/react-native-doc-viewer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-doc-viewer@file:#
+yarn add @react-native-oh-tpl/react-native-doc-viewer
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 8da343cc..97906cc2 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -19,24 +19,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-document-picker@file:#
+npm install @react-native-oh-tpl/react-native-document-picker
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-document-picker@file:#
+yarn add @react-native-oh-tpl/react-native-document-picker
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index 4243daed..e1f40b75 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drag-sort Releases](https://github.com/react-native-oh-library/react-native-drag-sort/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-drag-sort@file:#
+yarn add @react-native-oh-tpl/react-native-drag-sort
 ```
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-drag-sort@file:#
+npm install @react-native-oh-tpl/react-native-drag-sort
 ```
 
 ### Tip
diff --git a/zh-cn/react-native-drax.md b/zh-cn/react-native-drax.md
index 96818cd7..bbbf0cbc 100644
--- a/zh-cn/react-native-drax.md
+++ b/zh-cn/react-native-drax.md
@@ -20,24 +20,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-drax Releases](https://github.com/react-native-oh-library/react-native-drax/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-drax@file:#
+npm install @react-native-oh-tpl/react-native-drax
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-drax@file:#
+yarn add @react-native-oh-tpl/react-native-drax
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-email-link.md b/zh-cn/react-native-email-link.md
index 499b18c5..09a26a2c 100644
--- a/zh-cn/react-native-email-link.md
+++ b/zh-cn/react-native-email-link.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-email-link Releases](https://github.com/react-native-oh-library/react-native-email-link/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-email-link@file:#
+npm install @react-native-oh-tpl/react-native-email-link
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-email-link@file:#
+yarn add @react-native-oh-tpl/react-native-email-link
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-exception-handler.md b/zh-cn/react-native-exception-handler.md
index 68650638..ba79aac6 100644
--- a/zh-cn/react-native-exception-handler.md
+++ b/zh-cn/react-native-exception-handler.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-exception-handler Releases](https://github.com/react-native-oh-library/react-native-exception-handler/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-exception-handler@file:#
+npm install @react-native-oh-tpl/react-native-exception-handler
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-exception-handler@file:#
+yarn add @react-native-oh-tpl/react-native-exception-handler
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-exit-app.md b/zh-cn/react-native-exit-app.md
index f8df062e..e9627566 100644
--- a/zh-cn/react-native-exit-app.md
+++ b/zh-cn/react-native-exit-app.md
@@ -17,23 +17,21 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-exit-app Releases](https://github.com/react-native-oh-library/react-native-exit-app/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-exit-app@file:#
+npm install @react-native-oh-tpl/react-native-exit-app
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-exit-app@file:#
+yarn add @react-native-oh-tpl/react-native-exit-app
 ```
 
 
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index 321c37b8..8725bfad 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fast-image@file:#
+npm install @react-native-oh-tpl/react-native-fast-image
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fast-image@file:#
+yarn add @react-native-oh-tpl/react-native-fast-image
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-file-access.md b/zh-cn/react-native-file-access.md
index d4ff30f6..e6575f67 100644
--- a/zh-cn/react-native-file-access.md
+++ b/zh-cn/react-native-file-access.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-access Releases](https://github.com/react-native-oh-library/react-native-file-access/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-file-access@file:#
+npm install @react-native-oh-tpl/react-native-file-access
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-file-access@file:#
+yarn add @react-native-oh-tpl/react-native-file-access
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-file-selector.md b/zh-cn/react-native-file-selector.md
index 79748e50..f0011bd4 100644
--- a/zh-cn/react-native-file-selector.md
+++ b/zh-cn/react-native-file-selector.md
@@ -17,23 +17,21 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-file-selector@file:#
+npm install @react-native-oh-tpl/react-native-file-selector
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-file-selector@file:#
+yarn add @react-native-oh-tpl/react-native-file-selector
 ```
 
 
diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md
index 5612bff5..22c010a4 100644
--- a/zh-cn/react-native-file-viewer.md
+++ b/zh-cn/react-native-file-viewer.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-file-viewer@file:#
+npm install @react-native-oh-tpl/react-native-file-viewer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-file-viewer@file:#
+yarn add @react-native-oh-tpl/react-native-file-viewer
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-fileupload.md b/zh-cn/react-native-fileupload.md
index 758671bd..cdb379f1 100644
--- a/zh-cn/react-native-fileupload.md
+++ b/zh-cn/react-native-fileupload.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fileupload Releases](https://github.com/react-native-oh-library/react-native-fileupload/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fileupload@file:#
+npm install @react-native-oh-tpl/react-native-fileupload
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fileupload@file:#
+yarn add @react-native-oh-tpl/react-native-fileupload
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index ad852545..ab98264f 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fingerprint-scanner Releases](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fingerprint-scanner@file:#
+npm install @react-native-oh-tpl/react-native-fingerprint-scanner
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fingerprint-scanner@file:#
+yarn add @react-native-oh-tpl/react-native-fingerprint-scanner
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index a36ab700..3a6fba85 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fs@file:#
+npm install @react-native-oh-tpl/react-native-fs
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fs@file:#
+yarn add @react-native-oh-tpl/react-native-fs
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index 2abc537c..f546b54c 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-gesture-handler@file:#
+npm install @react-native-oh-tpl/react-native-gesture-handler
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-gesture-handler@file:#
+yarn add @react-native-oh-tpl/react-native-gesture-handler
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md
index e4b3417e..387547cc 100644
--- a/zh-cn/react-native-get-random-values.md
+++ b/zh-cn/react-native-get-random-values.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-get-random-values@file:#
+npm install @react-native-oh-tpl/react-native-get-random-values
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-get-random-values@file:#
+yarn add @react-native-oh-tpl/react-native-get-random-values
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-gifted-charts.md b/zh-cn/react-native-gifted-charts.md
index 9c7673e9..40d2fb02 100644
--- a/zh-cn/react-native-gifted-charts.md
+++ b/zh-cn/react-native-gifted-charts.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-gifted-charts Releases](https://github.com/react-native-oh-library/react-native-gifted-charts/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-gifted-charts@file:#
+npm install @react-native-oh-tpl/react-native-gifted-charts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-gifted-charts@file:#
+yarn add @react-native-oh-tpl/react-native-gifted-charts
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-haptic-feedback.md b/zh-cn/react-native-haptic-feedback.md
index fafc4259..72f53d4f 100644
--- a/zh-cn/react-native-haptic-feedback.md
+++ b/zh-cn/react-native-haptic-feedback.md
@@ -17,22 +17,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-haptic-feedback Releases](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-haptic-feedback@file:#
+npm install @react-native-oh-tpl/react-native-haptic-feedback
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-haptic-feedback@file:#
+yarn add @react-native-oh-tpl/react-native-haptic-feedback
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-hole-view.md b/zh-cn/react-native-hole-view.md
index d40de83e..ec27fc04 100644
--- a/zh-cn/react-native-hole-view.md
+++ b/zh-cn/react-native-hole-view.md
@@ -18,24 +18,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-hole-view Releases](https://github.com/react-native-oh-library/react-native-hole-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-hole-view@file:#
+npm install @react-native-oh-tpl/react-native-hole-view
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-hole-view@file:#
+yarn add @react-native-oh-tpl/react-native-hole-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-http-bridge.md b/zh-cn/react-native-http-bridge.md
index 173369d1..46211342 100644
--- a/zh-cn/react-native-http-bridge.md
+++ b/zh-cn/react-native-http-bridge.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-http-bridge@file:#
+npm install @react-native-oh-tpl/react-native-http-bridge
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-http-bridge@file:#
+yarn add @react-native-oh-tpl/react-native-http-bridge
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-idfa-aaid.md b/zh-cn/react-native-idfa-aaid.md
index 5fde6d41..49602979 100644
--- a/zh-cn/react-native-idfa-aaid.md
+++ b/zh-cn/react-native-idfa-aaid.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-idfa-aaid@file:#
+npm install @react-native-oh-tpl/react-native-idfa-aaid
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-idfa-aaid@file:#
+yarn add @react-native-oh-tpl/react-native-idfa-aaid
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-idle-timer.md b/zh-cn/react-native-idle-timer.md
index 1b8f2b6f..8b4f2e9e 100644
--- a/zh-cn/react-native-idle-timer.md
+++ b/zh-cn/react-native-idle-timer.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-idle-timer@file:#
+npm install @react-native-oh-tpl/react-native-idle-timer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-idle-timer@file:#
+yarn add @react-native-oh-tpl/react-native-idle-timer
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-image-capinsets-next.md b/zh-cn/react-native-image-capinsets-next.md
index b6cc618b..dc8ce04e 100644
--- a/zh-cn/react-native-image-capinsets-next.md
+++ b/zh-cn/react-native-image-capinsets-next.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-capinsets-next Releases](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-capinsets-next@file:#
+npm install @react-native-oh-tpl/react-native-image-capinsets-next
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-capinsets-next@file:#
+yarn add @react-native-oh-tpl/react-native-image-capinsets-next
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md
index bcee4091..4282ee5d 100644
--- a/zh-cn/react-native-image-colors.md
+++ b/zh-cn/react-native-image-colors.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-colors@file:#
+npm install @react-native-oh-tpl/react-native-image-colors
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-colors@file:#
+yarn add @react-native-oh-tpl/react-native-image-colors
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index a59cdd30..79b0a669 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -16,7 +16,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -25,13 +25,13 @@
 #### **npm**
 
 ```
-npm install @react-native-oh-tpl/react-native-image-crop-picker@file:#
+npm install @react-native-oh-tpl/react-native-image-crop-picker
 ```
 
 #### **yarn**
 
 ```
-yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
+yarn add @react-native-oh-tpl/react-native-image-crop-picker
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index e978d539..689f4e74 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -17,18 +17,18 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/image-editor@file:#
+npm install @react-native-oh-tpl/image-editor
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/image-editor@file:#
+yarn add @react-native-oh-tpl/image-editor
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-image-gallery.md b/zh-cn/react-native-image-gallery.md
index 7543e53e..95175c2a 100644
--- a/zh-cn/react-native-image-gallery.md
+++ b/zh-cn/react-native-image-gallery.md
@@ -18,26 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
 <!-- tabs:start -->
 
->  [!TIP] 
->
-> 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm i @react-native-oh-tpl/react-native-image-gallery@file:#
+npm i @react-native-oh-tpl/react-native-image-gallery
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-gallery@file:#
+yarn add @react-native-oh-tpl/react-native-image-gallery
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index afd45213..6d8240fd 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -20,25 +20,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-header-scroll-view Releases](https://github.com/react-native-oh-library/react-native-image-header-scroll-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-header-scroll-view Releases](https://github.com/react-native-oh-library/react-native-image-header-scroll-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
+npm install @react-native-oh-tpl/react-native-image-header-scroll-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
+yarn add @react-native-oh-tpl/react-native-image-header-scroll-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-image-pan-zoom.md b/zh-cn/react-native-image-pan-zoom.md
index 1cf726f7..2bb97557 100644
--- a/zh-cn/react-native-image-pan-zoom.md
+++ b/zh-cn/react-native-image-pan-zoom.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-zoom@file:#
+npm install @react-native-oh-tpl/react-native-image-zoom
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-zoom@file:#
+yarn add @react-native-oh-tpl/react-native-image-zoom
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index bad79111..3c4c2fba 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-picker Releases](https://github.com/react-native-oh-library/react-native-image-picker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-picker@file:#
+npm install @react-native-oh-tpl/react-native-image-picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-picker@file:#
+yarn add @react-native-oh-tpl/react-native-image-picker
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index 3115b5b0..1b9c2f45 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-sequence-2@file:#
+npm install @react-native-oh-tpl/react-native-image-sequence-2
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-sequence-2@file:#
+yarn add @react-native-oh-tpl/react-native-image-sequence-2
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index e6b10a80..65a43cdc 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -17,12 +17,10 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-viewing Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 进入到工程目录并输入以下命令：
@@ -30,13 +28,13 @@
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-viewing@file:#
+npm install @react-native-oh-tpl/react-native-image-viewing
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-viewing@file:#
+yarn add @react-native-oh-tpl/react-native-image-viewing
 ```
 
 快速使用：
diff --git a/zh-cn/react-native-image-zoom-viewer.md b/zh-cn/react-native-image-zoom-viewer.md
index f765cb34..d3523ffa 100644
--- a/zh-cn/react-native-image-zoom-viewer.md
+++ b/zh-cn/react-native-image-zoom-viewer.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-zoom-viewer Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-zoom-viewer@file:#
+npm install @react-native-oh-tpl/react-native-image-zoom-viewer
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-zoom-viewer@file:#
+yarn add @react-native-oh-tpl/react-native-image-zoom-viewer
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-inappbrowser.md b/zh-cn/react-native-inappbrowser.md
index 183aacd7..dbe4715d 100644
--- a/zh-cn/react-native-inappbrowser.md
+++ b/zh-cn/react-native-inappbrowser.md
@@ -16,22 +16,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] #处替换为tgz包的路径
-
 #### **npm**
 
 ```
-npm install @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
+npm install @react-native-oh-tpl/react-native-inappbrowser-reborn
 ```
 
 #### **yarn**
 
 ```
-yarn add @react-native-oh-tpl/react-native-inappbrowser-reborn@file:#
+yarn add @react-native-oh-tpl/react-native-inappbrowser-reborn
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-input-scroll-view.md b/zh-cn/react-native-input-scroll-view.md
index d75f2767..09fc4ae5 100644
--- a/zh-cn/react-native-input-scroll-view.md
+++ b/zh-cn/react-native-input-scroll-view.md
@@ -18,22 +18,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-input-scroll-view Releases](https://github.com/react-native-oh-library/react-native-input-scroll-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-input-scroll-view@file:#
+npm install @react-native-oh-tpl/react-native-input-scroll-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-input-scroll-view@file:#
+yarn add @react-native-oh-tpl/react-native-input-scroll-view
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index 121bc344..d5a41ec3 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-library/react-native-intersection-observer@file:#
+npm install @react-native-oh-library/react-native-intersection-observer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-library/react-native-intersection-observer@file:#
+yarn add @react-native-oh-library/react-native-intersection-observer
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-iphone-screen-helper.md b/zh-cn/react-native-iphone-screen-helper.md
index 53588d39..008f4709 100644
--- a/zh-cn/react-native-iphone-screen-helper.md
+++ b/zh-cn/react-native-iphone-screen-helper.md
@@ -21,24 +21,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-iphone-screen-helper@file:#
+npm install @react-native-oh-tpl/react-native-iphone-screen-helper
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-iphone-screen-helper@file:#
+yarn add @react-native-oh-tpl/react-native-iphone-screen-helper
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index ca67c22e..fc6bc45b 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -21,24 +21,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keep-awake@file:#
+npm install @react-native-oh-tpl/react-native-keep-awake
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keep-awake@file:#
+yarn add @react-native-oh-tpl/react-native-keep-awake
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-keyboard-aware-scroll-view.md b/zh-cn/react-native-keyboard-aware-scroll-view.md
index b544deb6..2a9db5b2 100644
--- a/zh-cn/react-native-keyboard-aware-scroll-view.md
+++ b/zh-cn/react-native-keyboard-aware-scroll-view.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
 <!-- tabs:start -->
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
+npm install @react-native-oh-tpl/react-native-keyboard-aware-scroll-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view@file:#
+yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-keys.md b/zh-cn/react-native-keys.md
index 8465074f..1df4ed75 100644
--- a/zh-cn/react-native-keys.md
+++ b/zh-cn/react-native-keys.md
@@ -18,24 +18,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keys@file:#
+npm install @react-native-oh-tpl/react-native-keys
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keys@file:#
+yarn add @react-native-oh-tpl/react-native-keys
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-largelist.md b/zh-cn/react-native-largelist.md
index c576261b..ecca7539 100644
--- a/zh-cn/react-native-largelist.md
+++ b/zh-cn/react-native-largelist.md
@@ -17,24 +17,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-largelist@file:#
+npm install @react-native-oh-tpl/react-native-largelist
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-largelist@file:#
+yarn add @react-native-oh-tpl/react-native-largelist
 ```
 <!-- tabs:end -->
 
diff --git a/zh-cn/react-native-localization-settings.md b/zh-cn/react-native-localization-settings.md
index 44374f06..2935eb39 100644
--- a/zh-cn/react-native-localization-settings.md
+++ b/zh-cn/react-native-localization-settings.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-library/react-native-localization-settings/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization-settings Releases](https://github.com/react-native-oh-library/react-native-localization-settings/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-localization-settings@file:#
+npm install @react-native-oh-tpl/react-native-localization-settings
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-localization-settings@file:#
+yarn add @react-native-oh-tpl/react-native-localization-settings
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-localization.md b/zh-cn/react-native-localization.md
index c9777169..d63e60a9 100644
--- a/zh-cn/react-native-localization.md
+++ b/zh-cn/react-native-localization.md
@@ -21,24 +21,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-localization@file:#
+npm install @react-native-oh-tpl/react-native-localization
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-localization@file:#
+yarn add @react-native-oh-tpl/react-native-localization
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index 04016acc..a76cb978 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-localize Releases](https://github.com/react-native-oh-library/react-native-localize/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-localize@file:#
+npm install @react-native-oh-tpl/react-native-localize
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-localize@file:#
+yarn add @react-native-oh-tpl/react-native-localize
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index 37031243..144fa76c 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -19,25 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-map-linking@file:#
+npm install @react-native-oh-tpl/react-native-map-linking
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-map-linking@file:#
+yarn add @react-native-oh-tpl/react-native-map-linking
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index dd4a3078..c1a1d289 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps Releases](https://github.com/react-native-oh-library/react-native-maps/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-maps@file:#
+npm install @react-native-oh-tpl/react-native-maps
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-maps@file:#
+yarn add @react-native-oh-tpl/react-native-maps
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index 5eafd1eb..8a629fe6 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-markdown-display@file:#
+npm install @react-native-oh-tpl/react-native-markdown-display
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-markdown-display@file:#
+yarn add @react-native-oh-tpl/react-native-markdown-display
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-markdown-renderer.md b/zh-cn/react-native-markdown-renderer.md
index 57d9b4db..6ddc441a 100644
--- a/zh-cn/react-native-markdown-renderer.md
+++ b/zh-cn/react-native-markdown-renderer.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-markdown-renderer@file:#
+npm install @react-native-oh-tpl/react-native-markdown-renderer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-markdown-renderer@file:#
+yarn add @react-native-oh-tpl/react-native-markdown-renderer
 ```
 
 <!-- tabs:end -->
@@ -72,7 +70,7 @@ export default class Page extends PureComponent {
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-markdown-renderer Releases](https://github.com/react-native-oh-library/react-native-markdown-renderer/releases)
 
 ## Markdown 组件
 
diff --git a/zh-cn/react-native-marquee.md b/zh-cn/react-native-marquee.md
index fdcd9340..a3e9b827 100644
--- a/zh-cn/react-native-marquee.md
+++ b/zh-cn/react-native-marquee.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 进入到工程目录并输入以下命令：
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-marquee@file:#
+npm install @react-native-oh-tpl/react-native-marquee
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-marquee@file:#
+yarn add @react-native-oh-tpl/react-native-marquee
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index c8febe64..565958d0 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/masked-view@file:#
+npm install @react-native-oh-tpl/masked-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/masked-view@file:#
+yarn add @react-native-oh-tpl/masked-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-material-buttons.md b/zh-cn/react-native-material-buttons.md
index 40633d2a..59e644e2 100644
--- a/zh-cn/react-native-material-buttons.md
+++ b/zh-cn/react-native-material-buttons.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-material-buttons@file:#
+npm install @react-native-oh-tpl/react-native-material-buttons
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-material-buttons@file:#
+yarn add @react-native-oh-tpl/react-native-material-buttons
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-material-dropdown.md b/zh-cn/react-native-material-dropdown.md
index aebefb17..9cc22204 100644
--- a/zh-cn/react-native-material-dropdown.md
+++ b/zh-cn/react-native-material-dropdown.md
@@ -20,7 +20,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 > [!TIP] 本库依赖[@react-native-oh-tpl/react-native-material-textfield 文档](/zh-cn/react-native-material-textfield.md) 
 
@@ -29,20 +29,18 @@
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-material-dropdown@file:#
+npm install @react-native-oh-tpl/react-native-material-dropdown
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-material-dropdown@file:#
+yarn add @react-native-oh-tpl/react-native-material-dropdown
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-material-textfield.md b/zh-cn/react-native-material-textfield.md
index 88d3d4f2..83f2c121 100644
--- a/zh-cn/react-native-material-textfield.md
+++ b/zh-cn/react-native-material-textfield.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-textfield Releases](https://github.com/react-native-oh-library/react-native-material-textfield/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-textfield Releases](https://github.com/react-native-oh-library/react-native-material-textfield/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-material-textfield@file:#
+npm install @react-native-oh-tpl/react-native-material-textfield
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-material-textfield@file:#
+yarn add @react-native-oh-tpl/react-native-material-textfield
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-material-ui.md b/zh-cn/react-native-material-ui.md
index dd0af696..ad87eaa8 100644
--- a/zh-cn/react-native-material-ui.md
+++ b/zh-cn/react-native-material-ui.md
@@ -18,24 +18,22 @@
 ## 安装与使用
 
 请到三方库的 Releases
-发布地址查看配套的版本信息：[@react-native-oh-tpl/react-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases)
-，并下载适用版本的 tgz 包。
+发布地址查看配套的版本信息：[@react-native-oh-tpl/react-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-[!TIP] # 处替换为 tgz 包的路径
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install react-native-material-ui@file:#
+npm install react-native-material-ui
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-material-ui@file:#
+yarn add react-native-material-ui
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-mlkit-ocr.md b/zh-cn/react-native-mlkit-ocr.md
index 55d6e930..6e024fb2 100644
--- a/zh-cn/react-native-mlkit-ocr.md
+++ b/zh-cn/react-native-mlkit-ocr.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-mlkit-ocr@file:#
+npm install @react-native-oh-tpl/react-native-mlkit-ocr
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-mlkit-ocr@file:#
+yarn add @react-native-oh-tpl/react-native-mlkit-ocr
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-mmkv-storage.md b/zh-cn/react-native-mmkv-storage.md
index 616aad1c..93e43626 100644
--- a/zh-cn/react-native-mmkv-storage.md
+++ b/zh-cn/react-native-mmkv-storage.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-mmkv-storage Releases](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-mmkv-storage@file:#
+npm install @react-native-oh-tpl/react-native-mmkv-storage
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-mmkv-storage@file:#
+yarn add @react-native-oh-tpl/react-native-mmkv-storage
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-modal-popover.md b/zh-cn/react-native-modal-popover.md
index 5fd6c070..a942adbc 100644
--- a/zh-cn/react-native-modal-popover.md
+++ b/zh-cn/react-native-modal-popover.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal-popover Releases](https://github.com/react-native-oh-library/react-native-modal-popover/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-modal-popover@file:#
+npm install @react-native-oh-tpl/react-native-modal-popover
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-modal-popover@file:#
+yarn add @react-native-oh-tpl/react-native-modal-popover
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-modal.md b/zh-cn/react-native-modal.md
index c5d35016..60f7e184 100644
--- a/zh-cn/react-native-modal.md
+++ b/zh-cn/react-native-modal.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-modal@file:#
+npm install @react-native-oh-tpl/react-native-modal
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-modal@file:#
+yarn add @react-native-oh-tpl/react-native-modal
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index 0f500c32..c381787e 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-modalbox Releases](https://github.com/react-native-oh-library/react-native-modalbox/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-modalbox@file:#
+npm install @react-native-oh-tpl/react-native-modalbox
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/react-native-modalbox@file:#
+yarn add  @react-native-oh-tpl/react-native-modalbox
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-multi-slider.md b/zh-cn/react-native-multi-slider.md
index fb09b6d8..af40493e 100644
--- a/zh-cn/react-native-multi-slider.md
+++ b/zh-cn/react-native-multi-slider.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-multi-slider@file:#
+npm install @react-native-oh-tpl/react-native-multi-slider
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-multi-slider@file:#
+yarn add @react-native-oh-tpl/react-native-multi-slider
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-neomorph-shadows.md b/zh-cn/react-native-neomorph-shadows.md
index b92b342c..4350091f 100644
--- a/zh-cn/react-native-neomorph-shadows.md
+++ b/zh-cn/react-native-neomorph-shadows.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-neomorph-shadows@file:#
+npm install @react-native-oh-tpl/react-native-neomorph-shadows
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-neomorph-shadows@file:#
+yarn add @react-native-oh-tpl/react-native-neomorph-shadows
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-nested-scroll-view.md b/zh-cn/react-native-nested-scroll-view.md
index bbf71ddd..0a3f1416 100644
--- a/zh-cn/react-native-nested-scroll-view.md
+++ b/zh-cn/react-native-nested-scroll-view.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-nested-scroll-view@file:#
+npm install @react-native-oh-tpl/react-native-nested-scroll-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-nested-scroll-view@file:#
+yarn add @react-native-oh-tpl/react-native-nested-scroll-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-network-info.md b/zh-cn/react-native-network-info.md
index d68b387a..307b4d8e 100644
--- a/zh-cn/react-native-network-info.md
+++ b/zh-cn/react-native-network-info.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-network-info Releases](https://github.com/react-native-oh-library/react-native-network-info/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-network-info@file:#
+npm install @react-native-oh-tpl/react-native-network-info
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-network-info@file:#
+yarn add @react-native-oh-tpl/react-native-network-info
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-ohos-community-auto-fill.md b/zh-cn/react-native-ohos-community-auto-fill.md
index 7d2c0588..9de682e7 100644
--- a/zh-cn/react-native-ohos-community-auto-fill.md
+++ b/zh-cn/react-native-ohos-community-auto-fill.md
@@ -22,19 +22,17 @@ auto-fill 基于 HarmonyOS [autoFillManager](https://developer.huawei.com/consum
 
 ## 安装
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 - **npm**
   ```bash
-  npm install @react-native-ohos-community/auto-fill@file:#
+  npm install @react-native-ohos-community/auto-fill
   ```
 - **yarn**
   ```bash
-  yarn add @react-native-ohos-community/auto-fill@file:#
+  yarn add @react-native-ohos-community/auto-fill
   ```
 
 ## 使用说明
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index fb72e990..5a8a0cce 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -16,24 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-orientation-locker@file:#
+npm install @react-native-oh-tpl/react-native-orientation-locker
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-orientation-locker@file:#
+yarn add @react-native-oh-tpl/react-native-orientation-locker
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index 5a3750ee..e4d07ef8 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-orientation Releases](https://github.com/react-native-oh-library/react-native-orientation/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-orientation@file:#
+npm install @react-native-oh-tpl/react-native-orientation
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-orientation@file:#
+yarn add @react-native-oh-tpl/react-native-orientation
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index ea882db3..7eecba89 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pager-view Releases](https://github.com/react-native-oh-library/react-native-pager-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-pager-view@file:#
+npm install @react-native-oh-tpl/react-native-pager-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-pager-view@file:#
+yarn add @react-native-oh-tpl/react-native-pager-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-pdf.md b/zh-cn/react-native-pdf.md
index fc6bfaee..342fb589 100644
--- a/zh-cn/react-native-pdf.md
+++ b/zh-cn/react-native-pdf.md
@@ -16,7 +16,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pdf Releases](https://github.com/react-native-oh-library/react-native-pdf/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -25,13 +25,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-pdf@file:#
+npm install @react-native-oh-tpl/react-native-pdf
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-pdf@file:#
+yarn add @react-native-oh-tpl/react-native-pdf
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-performance.md b/zh-cn/react-native-performance.md
index 2078a664..818b257a 100644
--- a/zh-cn/react-native-performance.md
+++ b/zh-cn/react-native-performance.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-performance@file:#
+npm install @react-native-oh-tpl/react-native-performance
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-performance@file:#
+yarn add @react-native-oh-tpl/react-native-performance
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index f115c80d..efbd5ede 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -16,7 +16,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-permissions Releases](https://github.com/react-native-oh-library/react-native-permissions/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -25,13 +25,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-permissions@file:#
+npm install @react-native-oh-tpl/react-native-permissions
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-permissions@file:#
+yarn add @react-native-oh-tpl/react-native-permissions
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 0e77a9ac..24880322 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/picker Releases](https://github.com/react-native-oh-library/picker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/picker@file:#
+npm install @react-native-oh-tpl/picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/picker@file:#
+yarn add @react-native-oh-tpl/picker
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-picker-select.md b/zh-cn/react-native-picker-select.md
index eeeddc02..bef59199 100644
--- a/zh-cn/react-native-picker-select.md
+++ b/zh-cn/react-native-picker-select.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-picker-select@file:#
+npm install @react-native-oh-tpl/react-native-picker-select
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-picker-select@file:#
+yarn add @react-native-oh-tpl/react-native-picker-select
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-picker.md b/zh-cn/react-native-picker.md
index a3863325..13857050 100644
--- a/zh-cn/react-native-picker.md
+++ b/zh-cn/react-native-picker.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-picker@file:#
+npm install @react-native-oh-tpl/react-native-picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-picker@file:#
+yarn add @react-native-oh-tpl/react-native-picker
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-popover-view.md b/zh-cn/react-native-popover-view.md
index 5ed90939..89608d4f 100644
--- a/zh-cn/react-native-popover-view.md
+++ b/zh-cn/react-native-popover-view.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-popover-view> Releases](https://github.com/react-native-oh-library/react-native-popover-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-tpl/react-native-popover-view> Releases](https://github.com/react-native-oh-library/react-native-popover-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-popover-view@file:#
+npm install @react-native-oh-tpl/react-native-popover-view
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-popover-view@file:#
+yarn add @react-native-oh-tpl/react-native-popover-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-print.md b/zh-cn/react-native-print.md
index 6a93468b..34f390ff 100644
--- a/zh-cn/react-native-print.md
+++ b/zh-cn/react-native-print.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-print@file:#
+npm install @react-native-oh-tpl/react-native-print
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-print@file:#
+yarn add @react-native-oh-tpl/react-native-print
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-progress.md b/zh-cn/react-native-progress.md
index c072bbdd..8c5f14e7 100644
--- a/zh-cn/react-native-progress.md
+++ b/zh-cn/react-native-progress.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-progress Releases](https://github.com/react-native-oh-library/react-native-progress/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-progress@file:#
+npm install @react-native-oh-tpl/react-native-progress
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-progress@file:#
+yarn add @react-native-oh-tpl/react-native-progress
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-pull.md b/zh-cn/react-native-pull.md
index 61a09027..cded89f4 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)，并下载适用版本的 tgz 包。
+请到三方库的地址查看配套的版本信息：[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-pull@file:#
+npm install @react-native-oh-tpl/react-native-pull
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-pull@file:#
+yarn add @react-native-oh-tpl/react-native-pull
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md
index b7482989..1ba1cc15 100644
--- a/zh-cn/react-native-qr-decode-image-camera.md
+++ b/zh-cn/react-native-qr-decode-image-camera.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera Releases](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera Releases](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
+npm install @react-native-oh-tpl/react-native-qr-decode-image-camera
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera@file:#
+yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-quick-base64.md b/zh-cn/react-native-quick-base64.md
index aa96cd7d..7d000a5d 100644
--- a/zh-cn/react-native-quick-base64.md
+++ b/zh-cn/react-native-quick-base64.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-quick-base64@file:#
+npm install @react-native-oh-tpl/react-native-quick-base64
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-quick-base64@file:#
+yarn add @react-native-oh-tpl/react-native-quick-base64
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index 8a1cdc85..8bd3f776 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -19,24 +19,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-randombytes@file:#
+npm install @react-native-oh-tpl/react-native-randombytes
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-randombytes@file:#
+yarn add @react-native-oh-tpl/react-native-randombytes
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-reanimated-bottom-sheet.md b/zh-cn/react-native-reanimated-bottom-sheet.md
index 60d33571..9ea02a9b 100644
--- a/zh-cn/react-native-reanimated-bottom-sheet.md
+++ b/zh-cn/react-native-reanimated-bottom-sheet.md
@@ -18,7 +18,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-reanimated-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -27,13 +27,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/reanimated-bottom-sheet@file:#
+npm install @react-native-oh-tpl/reanimated-bottom-sheet
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/reanimated-bottom-sheet@file:#
+yarn add  @react-native-oh-tpl/reanimated-bottom-sheet
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index 38ada29d..5dd04f57 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-reanimated Releases](https://github.com/react-native-oh-library/react-native-harmony-reanimated/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-reanimated@file:#
+npm install @react-native-oh-tpl/react-native-reanimated
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-reanimated@file:#
+yarn add @react-native-oh-tpl/react-native-reanimated
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-restart.md b/zh-cn/react-native-restart.md
index f9a8baf7..a09dcea3 100644
--- a/zh-cn/react-native-restart.md
+++ b/zh-cn/react-native-restart.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-restart@file:#
+npm install @react-native-oh-tpl/react-native-restart
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-restart@file:#
+yarn add @react-native-oh-tpl/react-native-restart
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-root-modal.md b/zh-cn/react-native-root-modal.md
index 46136b11..f3a1aee1 100644
--- a/zh-cn/react-native-root-modal.md
+++ b/zh-cn/react-native-root-modal.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-root-modal Releases](https://github.com/react-native-oh-library/react-native-root-modal/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-root-modal@file:#
+npm install @react-native-oh-tpl/react-native-root-modal
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-root-modal@file:#
+yarn add @react-native-oh-tpl/react-native-root-modal
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index bddfce0a..bc4a8af9 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-safe-area-context@file:#
+npm install @react-native-oh-tpl/react-native-safe-area-context
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-safe-area-context@file:#
+yarn add @react-native-oh-tpl/react-native-safe-area-context
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-safe-module.md b/zh-cn/react-native-safe-module.md
index 7dc28b9e..3937058f 100644
--- a/zh-cn/react-native-safe-module.md
+++ b/zh-cn/react-native-safe-module.md
@@ -16,25 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-safe-module@file:#
+npm install @react-native-oh-tpl/react-native-safe-module
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-safe-module@file:#
+yarn add @react-native-oh-tpl/react-native-safe-module
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-safe-modules.md b/zh-cn/react-native-safe-modules.md
index f2164016..82b539b6 100644
--- a/zh-cn/react-native-safe-modules.md
+++ b/zh-cn/react-native-safe-modules.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-safe-modules Releases](https://github.com/react-native-oh-library/react-native-safe-modules/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-safe-modules@file:#
+npm install @react-native-oh-tpl/react-native-safe-modules
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-safe-modules@file:#
+yarn add @react-native-oh-tpl/react-native-safe-modules
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-screenshot-prevent.md b/zh-cn/react-native-screenshot-prevent.md
index 932d6d9d..189e067c 100644
--- a/zh-cn/react-native-screenshot-prevent.md
+++ b/zh-cn/react-native-screenshot-prevent.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-screenshot-prevent Releases](https://github.com/react-native-oh-library/react-native-screenshot-prevent/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-screenshot-prevent@file:#
+npm install @react-native-oh-tpl/react-native-screenshot-prevent
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-screenshot-prevent@file:#
+yarn add @react-native-oh-tpl/react-native-screenshot-prevent
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-scroll-bottom-sheet.md b/zh-cn/react-native-scroll-bottom-sheet.md
index 3228e290..11afdbd6 100644
--- a/zh-cn/react-native-scroll-bottom-sheet.md
+++ b/zh-cn/react-native-scroll-bottom-sheet.md
@@ -18,7 +18,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-scroll-bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-scroll-bottom-sheet/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -27,13 +27,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-scroll-bottom-sheet@file:#
+npm install @react-native-oh-tpl/react-native-scroll-bottom-sheet
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/react-native-scroll-bottom-sheet@file:#
+yarn add  @react-native-oh-tpl/react-native-scroll-bottom-sheet
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index 92892544..f0584063 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
+npm install @react-native-oh-tpl/react-native-scrollable-tab-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-scrollable-tab-view@file:#
+yarn add @react-native-oh-tpl/react-native-scrollable-tab-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-securerandom.md b/zh-cn/react-native-securerandom.md
index d7dcf317..c4522c24 100644
--- a/zh-cn/react-native-securerandom.md
+++ b/zh-cn/react-native-securerandom.md
@@ -17,24 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-securerandom Releases](https://github.com/react-native-oh-library/react-native-securerandom/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-securerandom@file:#
+npm install @react-native-oh-tpl/react-native-securerandom
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-securerandom@file:#
+yarn add @react-native-oh-tpl/react-native-securerandom
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-send-intent.md b/zh-cn/react-native-send-intent.md
index 7597c5f6..fe55d9e8 100644
--- a/zh-cn/react-native-send-intent.md
+++ b/zh-cn/react-native-send-intent.md
@@ -16,24 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-send-intent Releases](https://github.com/react-native-oh-library/react-native-send-intent/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-send-intent@file:#
+npm install @react-native-oh-tpl/react-native-send-intent
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-send-intent@file:#
+yarn add @react-native-oh-tpl/react-native-send-intent
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-sensitive-info.md b/zh-cn/react-native-sensitive-info.md
index af4f2a39..4e87e62e 100644
--- a/zh-cn/react-native-sensitive-info.md
+++ b/zh-cn/react-native-sensitive-info.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensitive-info Releases](https://github.com/react-native-oh-library/react-native-sensitive-info/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sensitive-info@file:#
+npm install @react-native-oh-tpl/react-native-sensitive-info
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sensitive-info@file:#
+yarn add @react-native-oh-tpl/react-native-sensitive-info
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 098fc8a4..0ea9169e 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sensors@file:#
+npm install @react-native-oh-tpl/react-native-sensors
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sensors@file:#
+yarn add @react-native-oh-tpl/react-native-sensors
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-shake.md b/zh-cn/react-native-shake.md
index 46720912..b5914b79 100644
--- a/zh-cn/react-native-shake.md
+++ b/zh-cn/react-native-shake.md
@@ -16,25 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-shake Releases](https://github.com/react-native-oh-library/react-native-shake/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-shake@file:#
+npm install @react-native-oh-tpl/react-native-shake
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-shake@file:#
+yarn add @react-native-oh-tpl/react-native-shake
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-share.md b/zh-cn/react-native-share.md
index 73aab6ea..e16d5c01 100644
--- a/zh-cn/react-native-share.md
+++ b/zh-cn/react-native-share.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-share Releases](https://github.com/react-native-oh-library/react-native-share/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-share@file:#
+npm install @react-native-oh-tpl/react-native-share
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-share@file:#
+yarn add @react-native-oh-tpl/react-native-share
 ```
 <!-- tabs:end -->
 
diff --git a/zh-cn/react-native-shared-element.md b/zh-cn/react-native-shared-element.md
index 3239d185..396b3e86 100644
--- a/zh-cn/react-native-shared-element.md
+++ b/zh-cn/react-native-shared-element.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-shared-element Releases](https://github.com/react-native-oh-library/react-native-shared-element/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-shared-element Releases](https://github.com/react-native-oh-library/react-native-shared-element/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-shared-element@file:#
+npm install @react-native-oh-tpl/react-native-shared-element
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-shared-element@file:#
+yarn add @react-native-oh-tpl/react-native-shared-element
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-signature-capture.md b/zh-cn/react-native-signature-capture.md
index ccd8ed9b..de6801ae 100644
--- a/zh-cn/react-native-signature-capture.md
+++ b/zh-cn/react-native-signature-capture.md
@@ -19,24 +19,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-signature-capture@file:#
+npm install @react-native-oh-tpl/react-native-signature-capture
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-signature-capture@file:#
+yarn add @react-native-oh-tpl/react-native-signature-capture
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-simple-toast.md b/zh-cn/react-native-simple-toast.md
index bd931097..e49c1161 100644
--- a/zh-cn/react-native-simple-toast.md
+++ b/zh-cn/react-native-simple-toast.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-simple-toast Releases](https://github.com/react-native-oh-library/react-native-simple-toast/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-simple-toast Releases](https://github.com/react-native-oh-library/react-native-simple-toast/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-simple-toast@file:#
+npm install @react-native-oh-tpl/react-native-simple-toast
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-simple-toast@file:#
+yarn add @react-native-oh-tpl/react-native-simple-toast
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-skia.md b/zh-cn/react-native-skia.md
index ac8debb8..6f19d287 100644
--- a/zh-cn/react-native-skia.md
+++ b/zh-cn/react-native-skia.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-skia@file:#
+npm install @react-native-oh-tpl/react-native-skia
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-skia@file:#
+yarn add @react-native-oh-tpl/react-native-skia
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-slider.md b/zh-cn/react-native-slider.md
index 24acd978..af613f5d 100644
--- a/zh-cn/react-native-slider.md
+++ b/zh-cn/react-native-slider.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/jeanregisser-react-native-slider Releases](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
 <!-- tabs:start -->
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm i @react-native-oh-tpl/react-native-slider@file:#
+npm i @react-native-oh-tpl/react-native-slider
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-slider@file:#
+yarn add @react-native-oh-tpl/react-native-slider
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-snackbar.md b/zh-cn/react-native-snackbar.md
index 2942fbf6..df91cfb1 100644
--- a/zh-cn/react-native-snackbar.md
+++ b/zh-cn/react-native-snackbar.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-snackbar Releases](https://github.com/react-native-oh-library/react-native-snackbar/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-snackbar@file:#
+npm install @react-native-oh-tpl/react-native-snackbar
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-snackbar@file:#
+yarn add @react-native-oh-tpl/react-native-snackbar
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-snap-carousel.md b/zh-cn/react-native-snap-carousel.md
index f39c4c8d..958b14cf 100644
--- a/zh-cn/react-native-snap-carousel.md
+++ b/zh-cn/react-native-snap-carousel.md
@@ -16,23 +16,21 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-snap-carousel Releases](https://github.com/react-native-oh-library/react-native-snap-carousel/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-snap-carousel@file:#
+npm install @react-native-oh-tpl/react-native-snap-carousel
 ```
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-snap-carousel@file:#
+yarn add @react-native-oh-tpl/react-native-snap-carousel
 ```
 <!-- tabs:end -->
 
diff --git a/zh-cn/react-native-sortable-list.md b/zh-cn/react-native-sortable-list.md
index 2f569ad1..1ee3e0e0 100644
--- a/zh-cn/react-native-sortable-list.md
+++ b/zh-cn/react-native-sortable-list.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sortable-list@file:#
+npm install @react-native-oh-tpl/react-native-sortable-list
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sortable-list@file:#
+yarn add @react-native-oh-tpl/react-native-sortable-list
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-sound.md b/zh-cn/react-native-sound.md
index 77ed84cb..763a30ea 100644
--- a/zh-cn/react-native-sound.md
+++ b/zh-cn/react-native-sound.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-sound Releases](https://github.com/react-native-oh-library/react-native-sound/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sound@file:#
+npm install @react-native-oh-tpl/react-native-sound
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sound@file:#
+yarn add @react-native-oh-tpl/react-native-sound
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md
index 84262251..5e81273e 100644
--- a/zh-cn/react-native-spinkit.md
+++ b/zh-cn/react-native-spinkit.md
@@ -20,24 +20,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-spinkit@file:#
+npm install @react-native-oh-tpl/react-native-spinkit
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-spinkit@file:#
+yarn add @react-native-oh-tpl/react-native-spinkit
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md
index 2b4f2ec9..829db5fc 100644
--- a/zh-cn/react-native-splash-screen.md
+++ b/zh-cn/react-native-splash-screen.md
@@ -16,25 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-splash-screen@file:#
+npm install @react-native-oh-tpl/react-native-splash-screen
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-splash-screen@file:#
+yarn add @react-native-oh-tpl/react-native-splash-screen
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
index cd13f2a7..462d044a 100644
--- a/zh-cn/react-native-spring-scrollview.md
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spring-scrollview Releases](https://github.com/react-native-oh-library/react-native-spring-scrollview/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-spring-scrollview@file:#
+npm install @react-native-oh-tpl/react-native-spring-scrollview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-spring-scrollview@file:#
+yarn add @react-native-oh-tpl/react-native-spring-scrollview
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index 488766d6..83f53a48 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sqlite-storage Releases](https://github.com/react-native-oh-library/react-native-sqlite-storage/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sqlite-storage@file:#
+npm install @react-native-oh-tpl/react-native-sqlite-storage
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sqlite-storage@file:#
+yarn add @react-native-oh-tpl/react-native-sqlite-storage
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-ssl-pinning.md b/zh-cn/react-native-ssl-pinning.md
index 2fb47ec4..adee064b 100644
--- a/zh-cn/react-native-ssl-pinning.md
+++ b/zh-cn/react-native-ssl-pinning.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ssl-pinning Releases](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ssl-pinning Releases](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-ssl-pinning@file:#
+npm install @react-native-oh-tpl/react-native-ssl-pinning
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-ssl-pinning@file:#
+yarn add @react-native-oh-tpl/react-native-ssl-pinning
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-stickyheader.md b/zh-cn/react-native-stickyheader.md
index b06d5e85..f43e6136 100644
--- a/zh-cn/react-native-stickyheader.md
+++ b/zh-cn/react-native-stickyheader.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-stickyheader@file:#
+npm install @react-native-oh-tpl/react-native-stickyheader
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-stickyheader@file:#
+yarn add @react-native-oh-tpl/react-native-stickyheader
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 26e13fa1..b4568374 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -16,26 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-harmony-svg/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
 npm install react-native-svg@15.0.0
-npm install @react-native-oh-tpl/react-native-svg@file:#
+npm install @react-native-oh-tpl/react-native-svg
 ```
 
 #### **yarn**
 
 ```bash
 yarn add react-native-svg@15.0.0
-yarn add @react-native-oh-tpl/react-native-svg@file:#
+yarn add @react-native-oh-tpl/react-native-svg
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-svg-charts.md b/zh-cn/react-native-svg-charts.md
index 7fec629e..f93353d9 100644
--- a/zh-cn/react-native-svg-charts.md
+++ b/zh-cn/react-native-svg-charts.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/react-native-svg-charts Releases](https://github.com/react-native-oh-library/react-native-svg-charts/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-naitve-svg-charts@file:#
+npm install @react-native-oh-tpl/react-naitve-svg-charts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/react-naitve-svg-charts@file:#
+yarn add  @react-native-oh-tpl/react-naitve-svg-charts
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index d23e86be..43e36a8d 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -20,24 +20,22 @@
 
 > [!tip] 如需继续使用请移步至[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 使用CAPI版本的 react-native-svg。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-svg/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-svg/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-svg@file:#
+npm install @react-native-oh-tpl/react-native-svg
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-svg@file:#
+yarn add @react-native-oh-tpl/react-native-svg
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-swipe-list-view.md b/zh-cn/react-native-swipe-list-view.md
index 5af421b4..f0ccbbfb 100644
--- a/zh-cn/react-native-swipe-list-view.md
+++ b/zh-cn/react-native-swipe-list-view.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-swipe-list-view Releases](https://github.com/react-native-oh-library/react-native-swipe-list-view/releases/) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install --save @react-native-oh-tpl/react-native-swipe-list-view@file:#
+npm install --save @react-native-oh-tpl/react-native-swipe-list-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-swipe-list-view@file:#
+yarn add @react-native-oh-tpl/react-native-swipe-list-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-switch-pro.md b/zh-cn/react-native-switch-pro.md
index b10d69a2..47718014 100644
--- a/zh-cn/react-native-switch-pro.md
+++ b/zh-cn/react-native-switch-pro.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-switch-pro@file:#
+npm install @react-native-oh-tpl/react-native-switch-pro
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-switch-pro@file:#
+yarn add @react-native-oh-tpl/react-native-switch-pro
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index 2e65aa4c..de523a00 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-syan-image-picker Releases](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases)
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-syan-image-picker Releases](https://github.com/react-native-oh-library/react-native-syan-image-picker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-syan-image-picker@file:#
+npm install @react-native-oh-tpl/react-native-syan-image-picker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-syan-image-picker@file:#
+yarn add @react-native-oh-tpl/react-native-syan-image-picker
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-system-setting.md b/zh-cn/react-native-system-setting.md
index c152a6fc..939073ee 100644
--- a/zh-cn/react-native-system-setting.md
+++ b/zh-cn/react-native-system-setting.md
@@ -20,24 +20,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-system-setting Releases](https://github.com/react-native-oh-library/react-native-system-setting/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-system-setting@file:#
+npm install @react-native-oh-tpl/react-native-system-setting
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-system-setting@file:#
+yarn add @react-native-oh-tpl/react-native-system-setting
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-tab-navigator.md b/zh-cn/react-native-tab-navigator.md
index 83c1910e..09302949 100644
--- a/zh-cn/react-native-tab-navigator.md
+++ b/zh-cn/react-native-tab-navigator.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-tab-navigator@file:#
+npm install @react-native-oh-tpl/react-native-tab-navigator
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-tab-navigator@file:#
+yarn add @react-native-oh-tpl/react-native-tab-navigator
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-tab-view.md b/zh-cn/react-native-tab-view.md
index faa5ebee..db6a3aae 100644
--- a/zh-cn/react-native-tab-view.md
+++ b/zh-cn/react-native-tab-view.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tab-view Releases](https://github.com/react-native-oh-library/react-navigation/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-tab-view@file:#
+npm install @react-native-oh-tpl/react-native-tab-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-tab-view@file:#
+yarn add @react-native-oh-tpl/react-native-tab-view
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-tcp-socket.md b/zh-cn/react-native-tcp-socket.md
index 7bfd7c83..0b63625c 100644
--- a/zh-cn/react-native-tcp-socket.md
+++ b/zh-cn/react-native-tcp-socket.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tcp-socket Releases](https://github.com/react-native-oh-library/react-native-tcp-socket/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-tcp-socket@file:#
+npm install @react-native-oh-tpl/react-native-tcp-socket
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-tcp-socket@file:#
+yarn add @react-native-oh-tpl/react-native-tcp-socket
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-text-gradient.md b/zh-cn/react-native-text-gradient.md
index e200ec7d..43255872 100644
--- a/zh-cn/react-native-text-gradient.md
+++ b/zh-cn/react-native-text-gradient.md
@@ -17,25 +17,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-gradient Releases](https://github.com/react-native-oh-library/react-native-text-gradient/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-text-gradient@file:#
+npm install @react-native-oh-tpl/react-native-text-gradient
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-text-gradient@file:#
+yarn add @react-native-oh-tpl/react-native-text-gradient
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-text-input-mask.md b/zh-cn/react-native-text-input-mask.md
index b1ba5a73..9f6d3f29 100644
--- a/zh-cn/react-native-text-input-mask.md
+++ b/zh-cn/react-native-text-input-mask.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-text-input-mask@file:#
+npm install @react-native-oh-tpl/react-native-text-input-mask
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-text-input-mask@file:#
+yarn add @react-native-oh-tpl/react-native-text-input-mask
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index e9ac3327..c501bdae 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-text-size Releases](https://github.com/react-native-oh-library/react-native-text-size/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-text-size@file:#
+npm install @react-native-oh-tpl/react-native-text-size
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-text-size@file:#
+yarn add @react-native-oh-tpl/react-native-text-size
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-textinput-maxlength-fixed.md b/zh-cn/react-native-textinput-maxlength-fixed.md
index 8eeb16e7..3958486e 100644
--- a/zh-cn/react-native-textinput-maxlength-fixed.md
+++ b/zh-cn/react-native-textinput-maxlength-fixed.md
@@ -15,24 +15,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-textinput-maxlength-fixed@file:#
+npm install @react-native-oh-tpl/react-native-textinput-maxlength-fixed
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-textinput-maxlength-fixed@file:#
+yarn add @react-native-oh-tpl/react-native-textinput-maxlength-fixed
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-theme-switch-animation.md b/zh-cn/react-native-theme-switch-animation.md
index c05d1c1f..db9584e4 100644
--- a/zh-cn/react-native-theme-switch-animation.md
+++ b/zh-cn/react-native-theme-switch-animation.md
@@ -17,20 +17,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-theme-switch-animation Releases](https://github.com/react-native-oh-library/react-native-theme-switch-animation/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-theme-switch-animation@file:#
+npm install @react-native-oh-tpl/react-native-theme-switch-animation
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-theme-switch-animation@file:#
+yarn add @react-native-oh-tpl/react-native-theme-switch-animation
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-thumbnail.md b/zh-cn/react-native-thumbnail.md
index c854ae72..3b2636ac 100644
--- a/zh-cn/react-native-thumbnail.md
+++ b/zh-cn/react-native-thumbnail.md
@@ -15,24 +15,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-thumbnail@file:#
+npm install @react-native-oh-tpl/react-native-thumbnail
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-thumbnail@file:#
+yarn add @react-native-oh-tpl/react-native-thumbnail
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index 0b208450..c1b8fa1c 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -16,25 +16,23 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-touch-id@file:#
+npm install @react-native-oh-tpl/react-native-touch-id
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-touch-id@file:#
+yarn add @react-native-oh-tpl/react-native-touch-id
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-track-player.md b/zh-cn/react-native-track-player.md
index 334cd0dc..6ca8565b 100644
--- a/zh-cn/react-native-track-player.md
+++ b/zh-cn/react-native-track-player.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-track-player@file:#
+npm install @react-native-oh-tpl/react-native-track-player
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-track-player@file:#
+yarn add @react-native-oh-tpl/react-native-track-player
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md
index c66d31d7..e3d4215d 100644
--- a/zh-cn/react-native-transitiongroup.md
+++ b/zh-cn/react-native-transitiongroup.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-transitiongroup Releases](https://github.com/react-native-oh-library/react-native-transitiongroup/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-transitiongroup@file:#
+npm install @react-native-oh-tpl/react-native-transitiongroup
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-transitiongroup@file:#
+yarn add @react-native-oh-tpl/react-native-transitiongroup
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-translucent-modal.md b/zh-cn/react-native-translucent-modal.md
index 2aceb0dc..b5117b5c 100644
--- a/zh-cn/react-native-translucent-modal.md
+++ b/zh-cn/react-native-translucent-modal.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-translucent-modal Releases](https://github.com/react-native-oh-library/react-native-translucent-modal/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-translucent-modal@file:#
+npm install @react-native-oh-tpl/react-native-translucent-modal
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-translucent-modal@file:#
+yarn add @react-native-oh-tpl/react-native-translucent-modal
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-tts.md b/zh-cn/react-native-tts.md
index 2295efcb..c2bd9935 100644
--- a/zh-cn/react-native-tts.md
+++ b/zh-cn/react-native-tts.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-tts@file:#
+npm install @react-native-oh-tpl/react-native-tts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-tts@file:#
+yarn add @react-native-oh-tpl/react-native-tts
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-typography.md b/zh-cn/react-native-typography.md
index 3e710d97..2203e197 100644
--- a/zh-cn/react-native-typography.md
+++ b/zh-cn/react-native-typography.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-typography Releases](https://github.com/react-native-oh-library/react-native-typography/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-typography@file:#
+npm install @react-native-oh-tpl/react-native-typography
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-typography@file:#
+yarn add @react-native-oh-tpl/react-native-typography
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-udp.md b/zh-cn/react-native-udp.md
index ade3443c..f1ad5559 100644
--- a/zh-cn/react-native-udp.md
+++ b/zh-cn/react-native-udp.md
@@ -18,22 +18,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-udp Releases](https://github.com/react-native-oh-library/react-native-udp/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-udp@file:#
+npm install @react-native-oh-tpl/react-native-udp
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-udp@file:#
+yarn add @react-native-oh-tpl/react-native-udp
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-ui-lib.md b/zh-cn/react-native-ui-lib.md
index 490f1a8b..d597a96b 100644
--- a/zh-cn/react-native-ui-lib.md
+++ b/zh-cn/react-native-ui-lib.md
@@ -19,7 +19,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-ui-lib Releases](https://github.com/react-native-oh-library/react-native-ui-lib/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-reanimated和 @react-native-oh-tpl/react-native-gesture-handler的原生端代码，如已在 HarmonyOS 工程中引入过这些库，则无需再次引入，可跳过本章节步骤，直接使用。
 
@@ -34,20 +34,18 @@
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-ui-lib@file:#
+npm install @react-native-oh-tpl/react-native-ui-lib
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-ui-lib@file:#
+yarn add @react-native-oh-tpl/react-native-ui-lib
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-unistyles.md b/zh-cn/react-native-unistyles.md
index 36c101c3..aa2eaf2b 100644
--- a/zh-cn/react-native-unistyles.md
+++ b/zh-cn/react-native-unistyles.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-unistyles Releases](https://github.com/react-native-oh-library/react-native-unistyles/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-unistyles@file:#
+npm install @react-native-oh-tpl/react-native-unistyles
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-unistyles@file:#
+yarn add @react-native-oh-tpl/react-native-unistyles
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-user-agent.md b/zh-cn/react-native-user-agent.md
index f9329aaa..ad26c8e0 100644
--- a/zh-cn/react-native-user-agent.md
+++ b/zh-cn/react-native-user-agent.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-user-agent@file:#
+npm install @react-native-oh-tpl/react-native-user-agent
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-user-agent@file:#
+yarn add @react-native-oh-tpl/react-native-user-agent
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-vector-drawable.md b/zh-cn/react-native-vector-drawable.md
index a941b1db..bd254d0a 100644
--- a/zh-cn/react-native-vector-drawable.md
+++ b/zh-cn/react-native-vector-drawable.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-vector-drawable@file:#
+npm install @react-native-oh-tpl/react-native-vector-drawable
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-vector-drawable@file:#
+yarn add @react-native-oh-tpl/react-native-vector-drawable
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-version-number.md b/zh-cn/react-native-version-number.md
index 9dbad354..48f8a620 100644
--- a/zh-cn/react-native-version-number.md
+++ b/zh-cn/react-native-version-number.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-version-number Releases](https://github.com/react-native-oh-library/react-native-version-number/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-version-number@file:#
+npm install @react-native-oh-tpl/react-native-version-number
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-version-number@file:#
+yarn add @react-native-oh-tpl/react-native-version-number
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index eddd1227..784a93b6 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -21,24 +21,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-video-cache@file:#
+npm install @react-native-oh-tpl/react-native-video-cache
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-video-cache@file:#
+yarn add @react-native-oh-tpl/react-native-video-cache
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index 595a5142..2792fb9f 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-video@file:#
+npm install @react-native-oh-tpl/react-native-video
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-video@file:#
+yarn add @react-native-oh-tpl/react-native-video
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-view-overflow.md b/zh-cn/react-native-view-overflow.md
index 6c0df0c0..98b27c73 100644
--- a/zh-cn/react-native-view-overflow.md
+++ b/zh-cn/react-native-view-overflow.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-view-overflow@file:#
+npm install @react-native-oh-tpl/react-native-view-overflow
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-view-overflow@file:#
+yarn add @react-native-oh-tpl/react-native-view-overflow
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-view-pdf.md b/zh-cn/react-native-view-pdf.md
index fb55afcc..b9d97e1f 100644
--- a/zh-cn/react-native-view-pdf.md
+++ b/zh-cn/react-native-view-pdf.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-view-pdf@file:#
+npm install @react-native-oh-tpl/react-native-view-pdf
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-view-pdf@file:#
+yarn add @react-native-oh-tpl/react-native-view-pdf
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index 222a9f8f..51cdd449 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-view-shot@file:#
+npm install @react-native-oh-tpl/react-native-view-shot
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-view-shot@file:#
+yarn add @react-native-oh-tpl/react-native-view-shot
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index c276124d..b3434a09 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-vision-camera Releases](https://github.com/react-native-oh-library/react-native-vision-camera/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-vision-camera Releases](https://github.com/react-native-oh-library/react-native-vision-camera/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-vision-camera@file:#
+npm install @react-native-oh-tpl/react-native-vision-camera
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-vision-camera@file:#
+yarn add @react-native-oh-tpl/react-native-vision-camera
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 7be4b946..62bb4d0c 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-webview Releases](https://github.com/react-native-oh-library/react-native-webview/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-webview@file:#
+npm install @react-native-oh-tpl/react-native-webview
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-webview@file:#
+yarn add @react-native-oh-tpl/react-native-webview
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-worklets-core.md b/zh-cn/react-native-worklets-core.md
index 33d68ad9..ba753eae 100644
--- a/zh-cn/react-native-worklets-core.md
+++ b/zh-cn/react-native-worklets-core.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-worklets-core Releases](https://github.com/react-native-oh-library/react-native-worklets-core/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-worklets-core Releases](https://github.com/react-native-oh-library/react-native-worklets-core/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm i @react-native-oh-tpl/react-native-worklets-core@file:#
+npm i @react-native-oh-tpl/react-native-worklets-core
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-worklets-core@file:#
+yarn add @react-native-oh-tpl/react-native-worklets-core
 ```
 
 在项目根目录下的 `babel.config.js` 中添加 `babel` 插件
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index 407f4411..91e7f4b3 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-zip-archive@file:#
+npm install @react-native-oh-tpl/react-native-zip-archive
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-zip-archive@file:#
+yarn add @react-native-oh-tpl/react-native-zip-archive
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-navigation-drawer.md b/zh-cn/react-navigation-drawer.md
index 492e872d..77f7daee 100644
--- a/zh-cn/react-navigation-drawer.md
+++ b/zh-cn/react-navigation-drawer.md
@@ -16,26 +16,22 @@
 
 ## 安装与使用
 
-> [!TIP] drawer的tgz包在react-navigation Releases。
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载drawer适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为tgz包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/drawer@file:#
+npm install @react-native-oh-tpl/drawer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/drawer@file:#
+yarn add @react-native-oh-tpl/drawer
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-navigation-elements.md b/zh-cn/react-navigation-elements.md
index 4dded92f..a9f705c4 100644
--- a/zh-cn/react-navigation-elements.md
+++ b/zh-cn/react-navigation-elements.md
@@ -17,24 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/elements Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/elements Releases](https://github.com/react-native-oh-library/react-navigation/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/elements@file:#
+npm install @react-native-oh-tpl/elements
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/elements@file:#
+yarn add @react-native-oh-tpl/elements
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-navigation-native-stack.md b/zh-cn/react-navigation-native-stack.md
index d14c574d..20ac1adb 100644
--- a/zh-cn/react-navigation-native-stack.md
+++ b/zh-cn/react-navigation-native-stack.md
@@ -16,26 +16,23 @@
 
 ## 安装与使用
 
-> [!TIP] native-stack的tgz包在react-navigation Releases。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)，并下载native-stack适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为tgz包的路径
-
 <!-- tabs:start -->
 
 ### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/native-stack@file:#
+npm install @react-native-oh-tpl/native-stack
 ```
 
 ### **yarn**
 
 ```bash
-yarn install @react-native-oh-tpl/native-stack@file:#
+yarn install @react-native-oh-tpl/native-stack
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-navigation-stack.md b/zh-cn/react-navigation-stack.md
index 6f500911..28648475 100644
--- a/zh-cn/react-navigation-stack.md
+++ b/zh-cn/react-navigation-stack.md
@@ -19,24 +19,21 @@
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] stack的tgz包在react-navigation Releases。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases),并下载stack适用版本的 tgz 包。
-
-> [!TIP] # 处替换为tgz包的路径
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/stack@file:#
+npm install @react-native-oh-tpl/stack
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/stack@file:#
+yarn add @react-native-oh-tpl/stack
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/realm-js.md b/zh-cn/realm-js.md
index b0cf72c6..4503cb8a 100644
--- a/zh-cn/realm-js.md
+++ b/zh-cn/realm-js.md
@@ -19,24 +19,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/realm@file:#
-npm install @react-native-oh-tpl/realm-react@file:#
+npm install @react-native-oh-tpl/realm
+npm install @react-native-oh-tpl/realm-react
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/realm@file:#
-yarn add @react-native-oh-tpl/realm-react@file:#
+yarn add @react-native-oh-tpl/realm
+yarn add @react-native-oh-tpl/realm-react
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/remobile-react-native-toast.md b/zh-cn/remobile-react-native-toast.md
index 88553926..f5e71db6 100644
--- a/zh-cn/remobile-react-native-toast.md
+++ b/zh-cn/remobile-react-native-toast.md
@@ -19,24 +19,22 @@
 ## 安装与使用
 
 请到三方库的 Releases
-发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases)，并下载适用版本的tgz包。
+发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-toast Releases](https://github.com/react-native-oh-library/react-native-toast/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-toast@file:#
+npm install @react-native-oh-tpl/react-native-toast
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-toast@file:#
+yarn add @react-native-oh-tpl/react-native-toast
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/rn-bugly.md b/zh-cn/rn-bugly.md
index 6e2c7ebd..cf683d12 100644
--- a/zh-cn/rn-bugly.md
+++ b/zh-cn/rn-bugly.md
@@ -17,7 +17,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-bugly Releases](https://github.com/react-native-oh-library/rn-bugly/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-bugly Releases](https://github.com/react-native-oh-library/rn-bugly/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -26,13 +26,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/rn-bugly@file:#
+npm install @react-native-oh-tpl/rn-bugly
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/rn-bugly@file:#
+yarn add @react-native-oh-tpl/rn-bugly
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/rn-emoji-keyboard.md b/zh-cn/rn-emoji-keyboard.md
index 1067d4c4..0146eb36 100644
--- a/zh-cn/rn-emoji-keyboard.md
+++ b/zh-cn/rn-emoji-keyboard.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/rn-emoji-keyboard Releases](https://github.com/react-native-oh-library/rn-emoji-keyboard/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/rn-emoji-keyboard@file:#
+npm install @react-native-oh-tpl/rn-emoji-keyboard
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/rn-emoji-keyboard@file:#
+yarn add @react-native-oh-tpl/rn-emoji-keyboard
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/rn-tourguide.md b/zh-cn/rn-tourguide.md
index 0d9edd9a..4a1a5463 100644
--- a/zh-cn/rn-tourguide.md
+++ b/zh-cn/rn-tourguide.md
@@ -18,24 +18,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/rn-tourguide Releases](https://github.com/react-native-oh-library/rn-tourguide/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[https://github.com/react-native-oh-library/rn-tourguide Releases](https://github.com/react-native-oh-library/rn-tourguide/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/rn-tourguide@file:#
+npm install @react-native-oh-tpl/rn-tourguide
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/rn-tourguide@file:#
+yarn add @react-native-oh-tpl/rn-tourguide
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index 01158174..fb55e9ce 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -16,22 +16,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/flash-list Releases](https://github.com/react-native-oh-library/flash-list/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/flash-list@file:#
+npm install @react-native-oh-tpl/flash-list
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/flash-list@file:#
+yarn add @react-native-oh-tpl/flash-list
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/tgz-usage.md b/zh-cn/tgz-usage.md
new file mode 100644
index 00000000..3b8b118a
--- /dev/null
+++ b/zh-cn/tgz-usage.md
@@ -0,0 +1,76 @@
+# RNOH 三方库 tgz 包使用说明
+
+## 1. 方法一：本地安装
+
+### 1.1 访问对应的三方库 Release 页面
+
+- 查找所需版本。
+- 下载附件中的 tgz 包到本地。
+- 将 tgz 包放置在指定路径。
+
+### 1.2 安装
+
+- 执行以下命令：
+
+    ```bash
+    npm install <三方库包名>@file:<tgz本地路径>
+    ```
+
+    示例：
+
+    ```bash
+    npm install @react-native-oh-tpl/react-native-svg@file:react-native-oh-tpl-react-native-svg-15.0.0-0.5.8.tgz
+    ```
+
+- 或者直接在 `package.json` 中指定路径：
+
+    ```json
+    "dependencies": {
+        "<三方库包名>": "<tgz本地路径>"
+    }
+    ```
+
+    示例：
+
+    ```json
+    "dependencies": {
+        "@react-native-oh-tpl/react-native-svg": "file:react-native-oh-tpl-react-native-svg-15.0.0-0.5.8.tgz"
+    }
+    ```
+
+## 2. 方法二：在线安装
+
+### 2.1 访问对应的三方库 Release 页面
+
+- 查找所需版本。
+- 复制附件中 tgz 包的在线地址。
+
+### 2.2 安装
+
+- 执行以下命令：
+
+    ```bash
+    npm install <三方库包名>@file:<tgz在线地址>
+    ```
+
+    示例：
+
+    ```bash
+    npm install @react-native-oh-tpl/react-native-svg@https://github.com/react-native-oh-library/react-native-harmony-svg/releases/download/15.0.0-0.5.8/react-native-oh-tpl-react-native-svg-15.0.0-0.5.8.tgz
+    ```
+
+- 或者直接在 `package.json` 中指定在线地址：
+
+    ```json
+    "dependencies": {
+        "<三方库包名>": "<tgz在线地址>"
+    }
+    ```
+
+    示例：
+
+    ```json
+    "dependencies": {
+        "@react-native-oh-tpl/react-native-svg": "https://github.com/react-native-oh-library/react-native-harmony-svg/releases/download/15.0.0-0.5.8/react-native-oh-tpl-react-native-svg-15.0.0-0.5.8.tgz"
+    }
+    ```
\ No newline at end of file
diff --git a/zh-cn/victory-native-xl.md b/zh-cn/victory-native-xl.md
index f5b93794..49abaf36 100644
--- a/zh-cn/victory-native-xl.md
+++ b/zh-cn/victory-native-xl.md
@@ -17,22 +17,20 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases)，并下载适用版本的 tgz 包
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
->[!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/victory-native-xl@file:#
+npm install @react-native-oh-tpl/victory-native-xl
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/victory-native-xl@file:#
+yarn add @react-native-oh-tpl/victory-native-xl
 ```
 
 下面的代码展示了这个库的基本使用场景：

From 8110f81ebffd410783fd49ce1f739db34899645a Mon Sep 17 00:00:00 2001
From: liufeng <1300593+guichuang@user.noreply.gitee.com>
Date: Thu, 14 Nov 2024 06:36:00 +0000
Subject: [PATCH 854/966] =?UTF-8?q?!1784=20fix:=20react-native-image-marke?=
 =?UTF-8?q?r=E6=96=B0=E5=A2=9E=E5=AD=97=E4=BD=93=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20fix:=20react-native-image-marker?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=AD=97=E4=BD=93=E4=BD=BF=E7=94=A8=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 img/react-natvie-image-marker/fonts.PNG | Bin 0 -> 7761 bytes
 zh-cn/react-native-image-marker.md      |   5 ++++-
 2 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 img/react-natvie-image-marker/fonts.PNG

diff --git a/img/react-natvie-image-marker/fonts.PNG b/img/react-natvie-image-marker/fonts.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..e5e236b9925cd02d0a24f31f31384c7fdc848073
GIT binary patch
literal 7761
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

literal 0
HcmV?d00001

diff --git a/zh-cn/react-native-image-marker.md b/zh-cn/react-native-image-marker.md
index be1f7462..3af3b35e 100644
--- a/zh-cn/react-native-image-marker.md
+++ b/zh-cn/react-native-image-marker.md
@@ -292,8 +292,11 @@ ohpm install
     }
 ]
 ```
+### 字体使用
+如果需要使用字体，需要在entry的resources目录下的rawfile/assets/assets/fonts目录下存放使用的字体文件，
+如下图：
 
-
+![alt text](../img/react-natvie-image-marker/fonts.PNG)
 
 
 ##  API

From 1fcbbf4f021b6e0ac02f7868dc309f4b5caad20e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=AE=87?= <478110507@qq.com>
Date: Thu, 14 Nov 2024 06:36:22 +0000
Subject: [PATCH 855/966] =?UTF-8?q?!1876=20docs:=20[Issues:=20#IB49I1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9klarna-platform-colors=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB49I1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9klarna-platform-colors=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/klarna-platform-colors.md    | 2 ++
 zh-cn/klarna-platform-colors.md | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/en/klarna-platform-colors.md b/en/klarna-platform-colors.md
index 5566235d..7f54d415 100644
--- a/en/klarna-platform-colors.md
+++ b/en/klarna-platform-colors.md
@@ -78,6 +78,8 @@ Now go ahead and inspect your android, ios and web folders. You should have your
 
 You need to re-run the command after each change to the config to update the generated files.
 
+After generating the resource files, it is necessary to copy the two color files generated in Harmony/AppScope/resources/to the corresponding directory of the Harmony project.
+
 ```bash
 npx @react-native-oh-tpl/platform-colors
 ```
diff --git a/zh-cn/klarna-platform-colors.md b/zh-cn/klarna-platform-colors.md
index 06987533..2a2be928 100644
--- a/zh-cn/klarna-platform-colors.md
+++ b/zh-cn/klarna-platform-colors.md
@@ -74,7 +74,9 @@ module.exports = {
 
 现在检查你的 android, ios 和 harmony 文件夹。您应该在每个平台上都有您的颜色定义。
 
-当您需要修改颜色资源时，只需更改`colors`配置，然后再次执行以下命令即可生成最新的颜色资源
+当您需要修改颜色资源时，只需更改`colors`配置，然后再次执行以下命令即可生成最新的颜色资源。
+
+资源文件生成后需要将harmony/AppScope/resources/内的生成的2个color文件复制到harmony工程的对应目录下。
 
 ```bash
 npx @react-native-oh-tpl/platform-colors

From da824035b388fb073f196eb57f3ce0937aba11d2 Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Thu, 14 Nov 2024 07:35:53 +0000
Subject: [PATCH 856/966] =?UTF-8?q?!1877=20docs:=20[Issues:=20#IB49W6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-spring-scrollview=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB49W6]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-spring-scrollview=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-spring-scrollview.md    | 10 ++--------
 zh-cn/react-native-spring-scrollview.md | 10 ++--------
 2 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/en/react-native-spring-scrollview.md b/en/react-native-spring-scrollview.md
index 7032d6f0..c8af5eed 100644
--- a/en/react-native-spring-scrollview.md
+++ b/en/react-native-spring-scrollview.md
@@ -102,9 +102,9 @@ Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually
 
 Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-The implementation of this library depends on the native code of @react-native-oh-tpl/lottie-react-native. If you have already included this library in your HarmonyOS project, you do not need to include it again. You can skip this section and  use the library directly.
+The implementation of this library depends on the native code of @react-native-oh-tpl/lottie-react-native, @react-native-oh-tpl/async-storage. If you have already included this library in your HarmonyOS project, you do not need to include it again. You can skip this section and  use the library directly.
 
-If you have not included it, please refer to the [Linking section of the @react-native-oh-tpl/lottie-react-native](/zh-cn/lottie-react-native.md#link)
+If you have not included it, please refer to the [Linking section of the @react-native-oh-tpl/lottie-react-native](/zh-cn/lottie-react-native.md#link), [Linking section of the @react-native-oh-tpl/async-storage](/zh-cn/react-native-async-storage-async-storage.md#link)
 
 ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
@@ -223,12 +223,6 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-Open `entry/src/main/ets/pages/Index.ets` file and add the following code:
-```diff
-...
-+ const arkTsComponentNames: Array<string> =["SampleView","GeneratedSampleView","PropsDisplayer","LottieAnimationView"];
-```
-
 ### 5. Running
 
 Click the `sync` button in the upper right corner.
diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
index 462d044a..3cd3a565 100644
--- a/zh-cn/react-native-spring-scrollview.md
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -100,9 +100,9 @@ export default class ScrollToAndOnScrollExample extends React.Component {
 
 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
 
-本库HarmonyOS侧实现依赖@react-native-oh-tpl/lottie-react-native的原生端代码，如已在HarmonyOS工程中引入过该库，则无需再次引入，可跳过本章步骤，直接使用。
+本库HarmonyOS侧实现依赖@react-native-oh-tpl/lottie-react-native、@react-native-oh-tpl/async-storage的原生端代码，如已在HarmonyOS工程中引入过该库，则无需再次引入，可跳过本章步骤，直接使用。
 
-如未引入请参考[@react-native-oh-tpl/lottie-react-native文档的link章节](/zh-cn/lottie-react-native.md#link)进行引入
+如未引入请参考[@react-native-oh-tpl/lottie-react-native文档的link章节](/zh-cn/lottie-react-native.md#link)、[@react-native-oh-tpl/async-storage文档的link章节](/zh-cn/react-native-async-storage-async-storage.md#link)进行引入
 
 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
 
@@ -223,12 +223,6 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-打开 `entry/src/main/ets/pages/Index.ets`，添加：
-```diff
-...
-+ const arkTsComponentNames: Array<string> =["SampleView","GeneratedSampleView","PropsDisplayer","LottieAnimationView"];
-```
-
 ### 5.运行
 
 点击右上角的 `sync` 按钮

From 189bd0a8b6d1baaeea893cd76a39e24198cde345 Mon Sep 17 00:00:00 2001
From: zhyx2 <zhuyongxiang2@h-partners.com>
Date: Fri, 15 Nov 2024 06:54:42 +0000
Subject: [PATCH 857/966] =?UTF-8?q?!1882=20docs:=20[Issues:#IB4LWL]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9realm-js=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:#IB4LWL]=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?alm-js=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/realm-js.md    | 3 ++-
 zh-cn/realm-js.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/realm-js.md b/en/realm-js.md
index c41525b0..438f489d 100644
--- a/en/realm-js.md
+++ b/en/realm-js.md
@@ -182,9 +182,10 @@ Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
++ set(CMAKE_CXX_STANDARD 17)
 set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 set(LOG_VERBOSITY_LEVEL 1)
diff --git a/zh-cn/realm-js.md b/zh-cn/realm-js.md
index 4503cb8a..2377074f 100644
--- a/zh-cn/realm-js.md
+++ b/zh-cn/realm-js.md
@@ -180,9 +180,10 @@ ohpm install
 ```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
++ set(CMAKE_CXX_STANDARD 17)
 set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
++ set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 set(LOG_VERBOSITY_LEVEL 1)

From c24558cadb853402425056048b05e6adcf0598a6 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Fri, 15 Nov 2024 09:28:55 +0000
Subject: [PATCH 858/966] =?UTF-8?q?!1883=20docs:=20[Issues:#IB4P1R]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-video=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:#IB4P1R]=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-video=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-video.md    | 7 +++++++
 zh-cn/react-native-video.md | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/en/react-native-video.md b/en/react-native-video.md
index cf570673..cbbf71de 100644
--- a/en/react-native-video.md
+++ b/en/react-native-video.md
@@ -59,6 +59,7 @@ function RNCVideoDemo() {
   const [resizeMode, setResizeMode] = useState("none");
   const [posterResizeMode, setPosterResizeMode] = useState("cover");
   const [seekSec, setSeekSec] = useState(5000);
+  const [controls, setControls] = useState(false);
 
   const [onVideoLoad, setOnVideoLoad] = useState("onVideoLoad");
   const [onVideoLoadStart, setOnVideoLoadStart] = useState("onVideoLoadStart");
@@ -87,6 +88,10 @@ function RNCVideoDemo() {
     setDisableFocus((prevDisableFocus) => !prevDisableFocus);
   };
 
+   const toggleControls = () => {
+    setControls((prevControls) => !prevControls);
+  };
+
   const firstVideo = () => {
     setUri((prevRepeat) => "https://vjs.zencdn.net/v/oceans.mp4");
   };
@@ -237,6 +242,7 @@ function RNCVideoDemo() {
           >
             muted:{muted.toString()}
           </Text>
+          <Text style={styles.button_b} onPress={() => { toggleControls() }} >controls:{controls.toString()}</Text>
           <Text
             style={styles.button_b}
             onPress={() => {
@@ -262,6 +268,7 @@ function RNCVideoDemo() {
           ref={videoRef}
           source={{ uri: uri, isNetwork: true }}
           paused={paused}
+          controls={controls}
           muted={muted}
           resizeMode={resizeMode}
           repeat={repeat}
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index 2792fb9f..c62e72fb 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -49,6 +49,7 @@ function RNCVideoDemo() {
   const [muted, setMuted] = useState(true);
   const [paused, setPaused] = useState(false);
   const [repeat, setRepeat] = useState(true);
+  const [controls, setControls] = useState(false);
   const [disableFocus, setDisableFocus] = useState(false);
   const [uri, setUri] = useState(
     "https://res.vmallres.com//uomcdn/CN/cms/202210/C75C7E20060F3E909F2998E13C3ABC03.mp4"
@@ -73,6 +74,10 @@ function RNCVideoDemo() {
     setMuted((prevMuted) => !prevMuted);
   };
 
+  const toggleControls = () => {
+    setControls((prevControls) => !prevControls);
+  };
+
   const togglePaused = () => {
     setPaused((prevPaused) => !prevPaused);
   };
@@ -235,6 +240,7 @@ function RNCVideoDemo() {
           >
             muted:{muted.toString()}
           </Text>
+         <Text style={styles.button_b} onPress={() => { toggleControls() }} >controls:{controls.toString()}</Text>
           <Text
             style={styles.button_b}
             onPress={() => {
@@ -262,6 +268,7 @@ function RNCVideoDemo() {
           paused={paused}
           muted={muted}
           resizeMode={resizeMode}
+          controls={controls}
           repeat={repeat}
           volume={1}
           disableFocus={disableFocus}

From 8d5bf479d1cb82b1ceea5f1b5d95094d51225158 Mon Sep 17 00:00:00 2001
From: shaofanglong <2361391426@qq.com>
Date: Fri, 15 Nov 2024 10:04:48 +0000
Subject: [PATCH 859/966] =?UTF-8?q?!1884=20docs:=20[Issues:#IB4P1R]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-video=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:#IB4P1R]=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-video=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-video.md    | 2 +-
 zh-cn/react-native-video.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-video.md b/en/react-native-video.md
index cbbf71de..ba61dbc1 100644
--- a/en/react-native-video.md
+++ b/en/react-native-video.md
@@ -602,7 +602,7 @@ Check the release version information in the release address of the third-party
 | `onPlaybackResume` | The callback when the buffer ends caching, controlling the hiding of the loading view  | boolean   | No  | Android | No |
 | `automaticallyWaitsToMinimizeStalling` | A Boolean value that indicates whether the player should automatically delay playback in order to minimize stalling. For clients linked against iOS 10.0 and later  | boolean   | No  | iOS | No |
 | `bufferConfig` | Adjust the buffer settings. This prop takes an object with one or more of the properties listed below.  | object   | No  | Android | No |
-| `controls` |Determines whether to show player controls.  | boolean   | No  | All | No |
+| `controls` |Determines whether to show player controls.  | boolean   | No  | All | Yes |
 | `currentPlaybackTime` |When playing an HLS live stream with a EXT-X-PROGRAM-DATE-TIME tag configured, then this property will contain the epoch value in msec.| string | No  | All | No |
 | `filter` |Add video filter| string | No  | iOS | No |
 | `filterEnabled` |Enable video filter.| string | No  | iOS | No |
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index c62e72fb..8b5fc86f 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -601,7 +601,7 @@ ohpm install
 | `onPlaybackResume` | The callback when the buffer ends caching, controlling the hiding of the loading view  | boolean   | No  | Android | No |
 | `automaticallyWaitsToMinimizeStalling` | A Boolean value that indicates whether the player should automatically delay playback in order to minimize stalling. For clients linked against iOS 10.0 and later  | boolean   | No  | iOS | No |
 | `bufferConfig` | Adjust the buffer settings. This prop takes an object with one or more of the properties listed below.  | object   | No  | Android | No |
-| `controls` |Determines whether to show player controls.  | boolean   | No  | All | No |
+| `controls` |Determines whether to show player controls.  | boolean   | No  | All | Yes |
 | `currentPlaybackTime` |When playing an HLS live stream with a EXT-X-PROGRAM-DATE-TIME tag configured, then this property will contain the epoch value in msec.| string | No  | All | No |
 | `filter` |Add video filter| string | No  | iOS | No |
 | `filterEnabled` |Enable video filter.| string | No  | iOS | No |

From 32ec1a1507433dff38297e014c5eb532ab7462fd Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Mon, 18 Nov 2024 03:47:20 +0000
Subject: [PATCH 860/966] =?UTF-8?q?!1885=20docs:=20[Issues:=20#IB4ZGZ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-recaptcha-that-works=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:#IB4P1R]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-video=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-recaptcha-that-works.md    | 8 +++++++-
 zh-cn/react-native-recaptcha-that-works.md | 7 ++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/en/react-native-recaptcha-that-works.md b/en/react-native-recaptcha-that-works.md
index f685a86a..4515768c 100644
--- a/en/react-native-recaptcha-that-works.md
+++ b/en/react-native-recaptcha-that-works.md
@@ -116,6 +116,12 @@ const App = () => {
 };
 ```
 
+## Link
+
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-webview. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
+
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-webview](/en/react-native-webview.md) to add it to your project.
+
 ## Constraints
 
 ### Compatibility
@@ -170,4 +176,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE).
\ No newline at end of file
diff --git a/zh-cn/react-native-recaptcha-that-works.md b/zh-cn/react-native-recaptcha-that-works.md
index fbf7b022..4b1117b6 100644
--- a/zh-cn/react-native-recaptcha-that-works.md
+++ b/zh-cn/react-native-recaptcha-that-works.md
@@ -115,6 +115,11 @@ const App = () => {
   );
 };
 ```
+## Link
+
+本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在鸿蒙工程中引入过这个库，则无需再次引入，可跳过本章节步骤，直接使用。
+
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档](/zh-cn/react-native-webview.md)进行引入
 
 ## 约束与限制
 
@@ -170,4 +175,4 @@ const App = () => {
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/douglasjunior/react-native-recaptcha-that-works/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From d99302dd0de80608d8491cae6a955be0867741fe Mon Sep 17 00:00:00 2001
From: Itsuki <10441432+itsuki997086287@user.noreply.gitee.com>
Date: Mon, 18 Nov 2024 11:22:42 +0000
Subject: [PATCH 861/966] =?UTF-8?q?!1886=20docs:=20[#IB574V]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-code-push=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IB574V]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-code-push=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-code-push.md    | 14 ++++++++++++--
 zh-cn/react-native-code-push.md | 22 ++++++++++++++++------
 2 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/en/react-native-code-push.md b/en/react-native-code-push.md
index 2afaa156..74fdd419 100644
--- a/en/react-native-code-push.md
+++ b/en/react-native-code-push.md
@@ -432,8 +432,18 @@ When using **CodePush.InstallMode**, the following parameters are optional: inst
 | --------------- | ------------------ | ------ | -------- | ----------- | ----------------- |
 | IMMEDIATE       | Directly update    | number | no       | Android iOS | yes               |
 | ON_NEXT_RESTART | Next update launch | number | no       | Android iOS | yes               |
-| ON_NEXT_RESUME  | Next update launch | number | no       | Android iOS | yes               |
-| ON_NEXT_SUSPEND | Next update launch | number | no       | Android iOS | yes               |
+| ON_NEXT_RESUME  | Switch to the front-end to initiate updates | number | no       | Android iOS | yes               |
+| ON_NEXT_SUSPEND | Switch to the backend to initiate updates | number | no       | Android iOS | yes               |
+
+**checkFrequency**
+
+When using **CodePush.CheckFrequency**, the following parameters are optional: checkFrequency
+
+| Name          | Description         | Type   | Required | Platform    | HarmonyOS Support |
+| ------------- | ------------------- | ------ | -------- | ----------- | ----------------- |
+| ON_APP_START  | Automatic update    | number | no       | Android iOS | yes               |
+| ON_APP_RESUME | Automatic update    | number | no       | Android iOS | yes               |
+| MANUAL        | Manual update       | number | no       | Android iOS | yes               |
 
 ## Known Issues
 
diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 43c404b0..c9a3f271 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -419,12 +419,22 @@ build() {
 
 当使用**CodePush.InstallMode**时，installMode 以下参数都是可选的
 
-| Name            | Description  | Type   | Required | Platform    | HarmonyOS Support |
-| --------------- | ------------ | ------ | -------- | ----------- | ----------------- |
-| IMMEDIATE       | 直接更新     | number | no       | Android iOS | yes               |
-| ON_NEXT_RESTART | 下次启动更新 | number | no       | Android iOS | yes               |
-| ON_NEXT_RESUME  | 下次启动更新 | number | no       | Android iOS | yes               |
-| ON_NEXT_SUSPEND | 下次启动更新 | number | no       | Android iOS | yes               |
+| Name            | Description        | Type   | Required | Platform    | HarmonyOS Support |
+| --------------- | ------------------ | ------ | -------- | ----------- | ----------------- |
+| IMMEDIATE       | 直接更新           | number | no       | Android iOS | yes               |
+| ON_NEXT_RESTART | 下次启动更新       | number | no       | Android iOS | yes               |
+| ON_NEXT_RESUME  | 切换到前台启动更新 | number | no       | Android iOS | yes               |
+| ON_NEXT_SUSPEND | 切换到后台启动更新 | number | no       | Android iOS | yes               |
+
+**checkFrequency**
+
+当使用**CodePush.CheckFrequency**时，checkFrequency 以下参数都是可选的
+
+| Name          | Description | Type   | Required | Platform    | HarmonyOS Support |
+| ------------- | ----------- | ------ | -------- | ----------- | ----------------- |
+| ON_APP_START  | 自动更新    | number | no       | Android iOS | yes               |
+| ON_APP_RESUME | 自动更新    | number | no       | Android iOS | yes               |
+| MANUAL        | 手动更新    | number | no       | Android iOS | yes               |
 
 ## 遗留问题
 

From 4efd6e1359663bacc22fc42be03f174b8c204a2d Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Tue, 19 Nov 2024 02:20:19 +0000
Subject: [PATCH 862/966] =?UTF-8?q?!1887=20docs:=20[Issues:=20#IB59VA]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-theme-control=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB59VA]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-theme-control=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-theme-control.md    | 26 +++++++++--------
 zh-cn/react-native-theme-control.md | 43 ++++++++++++++---------------
 2 files changed, 34 insertions(+), 35 deletions(-)

diff --git a/en/react-native-theme-control.md b/en/react-native-theme-control.md
index 5edfa892..1914df5d 100644
--- a/en/react-native-theme-control.md
+++ b/en/react-native-theme-control.md
@@ -163,7 +163,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4. Add the `MyAbilityStage.ets` in `entry/src/main/ets/abilityStage` 
+### 4. Add the `MyAbilityStage.ets` in `entry/src/main/ets/abilityStage`
 
 Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the following code:
 
@@ -209,14 +209,16 @@ Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the f
   }
 }
 ```
+
 Open the `entry/src/main/module.json5` file and add the following code：
+
 ```diff
 "module": {
     "name": "entry",
 +   "srcEntry": "./ets/abilityStage/MyAbilityStage.ets",
     "type": "entry",
     .....
-    
+
 "abilities": [
   {
     "name": "EntryAbility",
@@ -253,16 +255,16 @@ Check the release version information in the release address of the third-party
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                | Description                                                                                                                                                | Type       | Required | Platform     | HarmonyOS Support |
-|---------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------|------------|----------|--------------|-------------------|
-| SystemBars          | Setting the System Status Bar                                                                                                                              | Components | No       | IOS/Android  | Yes               |
-| NavigationBar       | Setting the Navigation Bar                                                                                                                                 | Components | No       | Android      | No                |
-| AppBackground       | Sets the background color of the UIApplication window (iOS) or the current Activity (Android).                                                             | Components | No       | IOS/Android  | Yes               |
-| setNavbarAppearance | Set the appearance of the navigation bar imperatively                                                                                                      | Function   | No       | IOS/Android  | Yes               |
-| setAppBackground    | Set background color                                                                                                                                       | Function   | No       | IOS/Android  | Yes               |
-| setThemePreference  | Set the theme                                                                                                                                              | Function   | No       | IOS/Android  | Yes               |
-| getThemePreference  | Get Subject                                                                                                                                                | Function   | No       | IOS/Android  | Yes               |
-| useThemePreference  | A React hook that returns the current theme preference, which might be dark, light (if you have set the theme before by calling setAppearance) or system.  | Function   | No       | IOS/Android  | Yes               |
+| Name                | Description                                                                                                                                               | Type       | Required | Platform    | HarmonyOS Support |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
+| SystemBars          | Setting the System Status Bar                                                                                                                             | Components | No       | IOS/Android | Yes               |
+| NavigationBar       | Setting the Navigation Bar                                                                                                                                | Components | No       | Android     | No                |
+| AppBackground       | Sets the background color of the UIApplication window (iOS) or the current Activity (Android).                                                            | Components | No       | IOS/Android | Yes               |
+| setNavbarAppearance | Set the appearance of the navigation bar imperatively                                                                                                     | Function   | No       | Android     | No                |
+| setAppBackground    | Set background color                                                                                                                                      | Function   | No       | IOS/Android | Yes               |
+| setThemePreference  | Set the theme                                                                                                                                             | Function   | No       | IOS/Android | Yes               |
+| getThemePreference  | Get Subject                                                                                                                                               | Function   | No       | IOS/Android | Yes               |
+| useThemePreference  | A React hook that returns the current theme preference, which might be dark, light (if you have set the theme before by calling setAppearance) or system. | Function   | No       | IOS/Android | Yes               |
 
 ## Known Issues
 
diff --git a/zh-cn/react-native-theme-control.md b/zh-cn/react-native-theme-control.md
index 4345fb9b..dfd66eb0 100644
--- a/zh-cn/react-native-theme-control.md
+++ b/zh-cn/react-native-theme-control.md
@@ -14,12 +14,10 @@
 
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-theme-control)
 
-
 ## 安装与使用
 
 请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-theme-control/Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)，并下载适用版本的 tgz 包。
 
-
 进入到工程目录并输入以下命令：
 
 > [!TIP] # 处替换为 tgz 包的路径
@@ -44,7 +42,7 @@ yarn add @react-native-oh-tpl/react-native-theme-control@file:#
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```js   
+```js
 import * as React from 'react';
 import { Text, useColorScheme, View } from 'react-native';
 import {
@@ -135,7 +133,7 @@ useThemePreference(): {themePreference}
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
     "@react-native-oh-tpl/react-native-theme-control": "file:../../node_modules/@react-native-oh-tpl/react-native-theme-control/harmony/themecontrol.har",
-        
+
   }
 ```
 
@@ -152,7 +150,6 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-
 ### 3.在 ArkTs 侧引入 RNThemeControlPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
@@ -169,9 +166,10 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.在 entry/src/main/ets/abilityStage   新建MyAbilityStage.ets
+### 4.在 entry/src/main/ets/abilityStage 新建 MyAbilityStage.ets
 
 打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加：
+
 ```diff
 import appRecovery from '@ohos.app.ability.appRecovery';
 import AbilityStage from '@ohos.app.ability.AbilityStage';
@@ -194,9 +192,11 @@ export default class MyAbilityStage extends AbilityStage {
   }
 }
 ```
-### 5.在 entry/src/main/ets/entryability/EntryAbility.ets  配置生命周期调用 
+
+### 5.在 entry/src/main/ets/entryability/EntryAbility.ets 配置生命周期调用
 
 打开 `entry/src/main/ets/entryability/EntryAbility.ets`，添加：
+
 ```diff
 + import {RNAbility} from 'rnoh';
 + import Want from '@ohos.app.ability.Want';
@@ -212,14 +212,16 @@ export default class MyAbilityStage extends AbilityStage {
   }
 }
 ```
+
 打开 `entry/src/main/module.json5`，添加：
+
 ```diff
 "module": {
     "name": "entry",
 +   "srcEntry": "./ets/abilityStage/MyAbilityStage.ets",
     "type": "entry",
     .....
-    
+
 "abilities": [
   {
     "name": "EntryAbility",
@@ -246,30 +248,26 @@ ohpm install
 
 ### 兼容性
 
-
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-theme-control Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)
 
-
-
-
 ## API
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                | Description                                                                                                                                                | Type       | Required | Platform     | HarmonyOS Support |
-|---------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------|------------|----------|--------------|-------------------|
-| SystemBars          | Setting the System Status Bar                                                                                                                              | Components | No       | IOS/Android  | Yes               |
-| NavigationBar       | Setting the Navigation Bar                                                                                                                                 | Components | No       | Android      | No                |
-| AppBackground       | Sets the background color of the UIApplication window (iOS) or the current Activity (Android).                                                             | Components | No       | IOS/Android  | Yes               |
-| setNavbarAppearance | Set the appearance of the navigation bar imperatively                                                                                                      | Function   | No       | IOS/Android  | Yes               |
-| setAppBackground    | Set background color                                                                                                                                       | Function   | No       | IOS/Android  | Yes               |
-| setThemePreference  | Set the theme                                                                                                                                              | Function   | No       | IOS/Android  | Yes               |
-| getThemePreference  | Get Subject                                                                                                                                                | Function   | No       | IOS/Android  | Yes               |
-| useThemePreference  | A React hook that returns the current theme preference, which might be dark, light (if you have set the theme before by calling setAppearance) or system.  | Function   | No       | IOS/Android  | Yes               |
+| Name                | Description                                                                                                                                               | Type       | Required | Platform    | HarmonyOS Support |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
+| SystemBars          | Setting the System Status Bar                                                                                                                             | Components | No       | IOS/Android | Yes               |
+| NavigationBar       | Setting the Navigation Bar                                                                                                                                | Components | No       | Android     | No                |
+| AppBackground       | Sets the background color of the UIApplication window (iOS) or the current Activity (Android).                                                            | Components | No       | IOS/Android | Yes               |
+| setNavbarAppearance | Set the appearance of the navigation bar imperatively                                                                                                     | Function   | No       | Android     | No                |
+| setAppBackground    | Set background color                                                                                                                                      | Function   | No       | IOS/Android | Yes               |
+| setThemePreference  | Set the theme                                                                                                                                             | Function   | No       | IOS/Android | Yes               |
+| getThemePreference  | Get Subject                                                                                                                                               | Function   | No       | IOS/Android | Yes               |
+| useThemePreference  | A React hook that returns the current theme preference, which might be dark, light (if you have set the theme before by calling setAppearance) or system. | Function   | No       | IOS/Android | Yes               |
 
 ## 遗留问题
 
@@ -278,4 +276,3 @@ ohpm install
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/vonovak/react-native-theme-control/blob/main/LICENSE) ，请自由地享受和参与开源。
-

From dfce408b4ed212575972844dc33f53480b5d1689 Mon Sep 17 00:00:00 2001
From: wangmaolin <wangmaolin12@h-partners.com>
Date: Tue, 19 Nov 2024 06:16:04 +0000
Subject: [PATCH 863/966] =?UTF-8?q?!1889=20docs:=20[Issues:=20#IB5CK0]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-hooks=20=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IB5CK0]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-community-hooks=20=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-hooks.md    | 8 ++++----
 zh-cn/react-native-community-hooks.md | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/en/react-native-community-hooks.md b/en/react-native-community-hooks.md
index 2cb72a17..e250b201 100644
--- a/en/react-native-community-hooks.md
+++ b/en/react-native-community-hooks.md
@@ -155,10 +155,10 @@ useAccessibilityInfo 方法返回值
 |----------------|-------------------------------| -------- | ----------------- |
 | isBoldTextEnabled  | whether bold text is enabled | iOS | Yes        |
 | isScreenReaderEnabled    | Whether the Screen Reading Function Is Enabled | Android / iOS | Yes   |
-| isGrayscaleEnabled  | Whether grayscale mode is enabled | iOS | Yes        |
-| isInvertColorsEnabled  | Whether color inversion is enabled | iOS | Yes        |
-| isReduceMotionEnabled  | Whether reduction animation is enabled | Android / iOS | Yes        |
-| isReduceTransparencyEnabled  | Whether reduce transparency is enabled | iOS | Yes        |
+| isGrayscaleEnabled  | Whether grayscale mode is enabled | iOS | No        |
+| isInvertColorsEnabled  | Whether color inversion is enabled | iOS | No        |
+| isReduceMotionEnabled  | Whether reduction animation is enabled | Android / iOS | No        |
+| isReduceTransparencyEnabled  | Whether reduce transparency is enabled | iOS | No        |
 
 ## 遗留问题
 
diff --git a/zh-cn/react-native-community-hooks.md b/zh-cn/react-native-community-hooks.md
index 2cb72a17..e250b201 100644
--- a/zh-cn/react-native-community-hooks.md
+++ b/zh-cn/react-native-community-hooks.md
@@ -155,10 +155,10 @@ useAccessibilityInfo 方法返回值
 |----------------|-------------------------------| -------- | ----------------- |
 | isBoldTextEnabled  | whether bold text is enabled | iOS | Yes        |
 | isScreenReaderEnabled    | Whether the Screen Reading Function Is Enabled | Android / iOS | Yes   |
-| isGrayscaleEnabled  | Whether grayscale mode is enabled | iOS | Yes        |
-| isInvertColorsEnabled  | Whether color inversion is enabled | iOS | Yes        |
-| isReduceMotionEnabled  | Whether reduction animation is enabled | Android / iOS | Yes        |
-| isReduceTransparencyEnabled  | Whether reduce transparency is enabled | iOS | Yes        |
+| isGrayscaleEnabled  | Whether grayscale mode is enabled | iOS | No        |
+| isInvertColorsEnabled  | Whether color inversion is enabled | iOS | No        |
+| isReduceMotionEnabled  | Whether reduction animation is enabled | Android / iOS | No        |
+| isReduceTransparencyEnabled  | Whether reduce transparency is enabled | iOS | No        |
 
 ## 遗留问题
 

From 5d3c698e28cbd3bcb2a049818d580ad06383c05f Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Tue, 19 Nov 2024 07:06:32 +0000
Subject: [PATCH 864/966] =?UTF-8?q?!1888=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?sticky-parallax-header=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:IB5C5A]=E4=BF=AE=E6=94=B9react-native-sticky?=
 =?UTF-8?q?-parallax-header=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-sticky-parallax-header.md    | 13 ++++++-------
 zh-cn/react-native-sticky-parallax-header.md | 13 ++++++-------
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/en/react-native-sticky-parallax-header.md b/en/react-native-sticky-parallax-header.md
index 5cbc25bb..b3439f08 100644
--- a/en/react-native-sticky-parallax-header.md
+++ b/en/react-native-sticky-parallax-header.md
@@ -331,9 +331,9 @@ The DetailsHeaderScrollView, DetailsHeaderFlatList, and DetailsHeaderSectionList
 | snapStopThreshold              | Resistance value at the end of sliding                                    | number                                                | no       | iOS/Android | no                |
 | snapToEdge                     | enabled or not to slide to edge（default true）                             | number                                                | no       | iOS/Android | no                |
 | stickyTabs                     | Indicates whether the tab bar can be fixed（default true）                  | number                                                | no       | iOS/Android | yes               |
-| substitle                      | SubTitle Text                                                             | string                                                | no       | iOS/Android | yes               |
-| substitleStyle                 | SubTitle Text Style                                                       | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| substitleTestID                | SubTitle Text Test ID                                                     | string                                                | no       | iOS/Android | yes               |
+| subtitle                      | SubTitle Text                                                             | string                                                | no       | iOS/Android | yes               |
+| subtitleStyle                 | SubTitle Text Style                                                       | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| subtitleTestID                | SubTitle Text Test ID                                                     | string                                                | no       | iOS/Android | yes               |
 | tag                            | Tag Text                                                                  | string                                                | no       | iOS/Android | yes               |
 | tagStyle                       | Tag Text Style                                                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | tagTestID                      | Tag Text Test ID                                                          | string                                                | no       | iOS/Android | yes               |
@@ -397,10 +397,9 @@ The AvatarHeaderScrollView, AvatarHeaderFlatList, and AvatarHeaderSectionList co
 | snapStartThreshold             | Resistance value at the start of sliding                                  | number                                                | no       | iOS/Android | yes               |
 | snapStopThreshold              | Resistance value at the end of sliding                                    | number                                                | no       | iOS/Android | no                |
 | snapToEdge                     | enabled or not to slide to edge（default true）                             | number                                                | no       | iOS/Android | no                |
-| stickyTabs                     | Indicates whether the tab bar can be fixed（default true）                  | number                                                | no       | iOS/Android | yes               |
-| substitle                      | SubTitle Text                                                             | string                                                | no       | iOS/Android | yes               |
-| substitleStyle                 | SubTitle Text Style                                                       | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| substitleTestID                | SubTitle Text Test ID                                                     | string                                                | no       | iOS/Android | yes               |
+| subtitle                      | SubTitle Text                                                             | string                                                | no       | iOS/Android | yes               |
+| subtitleStyle                 | SubTitle Text Style                                                       | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| subtitleTestID                | SubTitle Text Test ID                                                     | string                                                | no       | iOS/Android | yes               |
 | title                          | Title Text                                                                | string                                                | no       | iOS/Android | yes               |
 | titleStyle                     | Title Text Style                                                          | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | titleTestID                    | Title Text Test ID                                                        | string                                                | no       | iOS/Android | yes               |
diff --git a/zh-cn/react-native-sticky-parallax-header.md b/zh-cn/react-native-sticky-parallax-header.md
index 9217acdd..48064105 100644
--- a/zh-cn/react-native-sticky-parallax-header.md
+++ b/zh-cn/react-native-sticky-parallax-header.md
@@ -328,9 +328,9 @@ DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList
 | snapStopThreshold              | 滑动结束时阻力值                        | number                                                | no       | iOS/Android | no                |
 | snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                | no       | iOS/Android | no                |
 | stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                | no       | iOS/Android | yes               |
-| substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
-| substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
+| subtitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
+| subtitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| subtitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
 | tag                            | 标签文字                                | string                                                | no       | iOS/Android | yes               |
 | tagStyle                       | 标签文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | tagTestID                      | 标签文字测试 ID                         | string                                                | no       | iOS/Android | yes               |
@@ -394,10 +394,9 @@ AvatarHeaderScrollView、AvatarHeaderFlatList 以及 AvatarHeaderSectionList 三
 | snapStartThreshold             | 滑动开始时阻力值                        | number                                                | no       | iOS/Android | yes               |
 | snapStopThreshold              | 滑动结束时阻力值                        | number                                                | no       | iOS/Android | no                |
 | snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                | no       | iOS/Android | no                |
-| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                | no       | iOS/Android | yes               |
-| substitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
-| substitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
-| substitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
+| subtitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
+| subtitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
+| subtitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |
 | title                          | 标题文字                                | string                                                | no       | iOS/Android | yes               |
 | titleStyle                     | 标题文字样式                            | style = StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | titleTestID                    | 标题测试 ID                             | string                                                | no       | iOS/Android | yes               |

From 564700c5684224a098673c8dbb35fb1e220dc002 Mon Sep 17 00:00:00 2001
From: liwang <liwang45@h-partners.com>
Date: Wed, 20 Nov 2024 02:38:42 +0000
Subject: [PATCH 865/966] =?UTF-8?q?!1892=20docs:=20=E4=BF=AE=E6=94=B9=20re?=
 =?UTF-8?q?act-native-incall-manager=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[Issues:=20#IB5M6G]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-incall-manager=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-incall-manager.md    | 3 ++-
 zh-cn/react-native-incall-manager.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-incall-manager.md b/en/react-native-incall-manager.md
index 45e1a225..3cc6a6ce 100644
--- a/en/react-native-incall-manager.md
+++ b/en/react-native-incall-manager.md
@@ -722,7 +722,7 @@ Open `entry/src/main/resources/base/element/string.json` file and add：
 | Proximity          | proximity sensor detected changes.                                                              | (data: \{'isNear': boolean\}) => void                                              | no       | all      | yes               |
 | WiredHeadset       | fire when wired headset plug/unplug                                                             | (data: \{'isPlugged': boolean, 'hasMic': boolean, 'deviceName': string \}) => void | no       | all      | yes               |
 | NoisyAudio         | a hint for applications that audio is about to become 'noisy' due to a change in audio outputs. | () => void                                                                         | no       | Android  | yes               |
-| MediaButton        | when external device controler pressed button                                                   | (data: \{'eventText': string, 'eventCode': number \}) => void                      | no       | Android  | yes               |
+| MediaButton        | when external device controler pressed button                                                   | (data: \{'eventText': string, 'eventCode': number \}) => void                      | no       | Android  | no               |
 | onAudioFocusChange | Called on the listener to notify it the audio focus for this listener has been changed.         | (data: \{'eventText': string, 'eventCode': number }) => void                       | no       | Android  | yes               |
 
 ## Known Issues
@@ -731,6 +731,7 @@ Open `entry/src/main/resources/base/element/string.json` file and add：
 - [ ] 播放获取系统铃声，未实现 HarmonyOS 化 问题: [issue#2](https://github.com/react-native-oh-library/react-native-incall-manager/issues/2)
 - [ ] 手动切换输出设备扬声器与听筒切换 setSpeakerphoneOn、setForceSpeakerphoneOn，未实现 HarmonyOS 化 问题: [issue#3](https://github.com/react-native-oh-library/react-native-incall-manager/issues/3)
 - [ ] 手动切换音频输入输出设备 chooseAudioRoute，未实现 HarmonyOS 化 问题: [issue#4](https://github.com/react-native-oh-library/react-native-incall-manager/issues/4)
+- [ ] 监听MediaButton事件，未实现 HarmonyOS化  问题: [issue#18](https://github.com/react-native-oh-library/react-native-incall-manager/issues/18)
 
 ## Others
 
diff --git a/zh-cn/react-native-incall-manager.md b/zh-cn/react-native-incall-manager.md
index c8c83503..7a23e47e 100644
--- a/zh-cn/react-native-incall-manager.md
+++ b/zh-cn/react-native-incall-manager.md
@@ -727,7 +727,7 @@ ohpm install
 | Proximity  | proximity sensor detected changes.         | (data: \{'isNear': boolean\}) => void  | no | all      | yes |
 | WiredHeadset  | fire when wired headset plug/unplug         | (data: \{'isPlugged': boolean, 'hasMic': boolean, 'deviceName': string \}) => void  | no | all      | yes |
 | NoisyAudio  | a hint for applications that audio is about to become 'noisy' due to a change in audio outputs.          | () => void  | no | Android      | yes |
-| MediaButton  | when external device controler pressed button         | (data: \{'eventText': string, 'eventCode': number \}) => void  | no | Android      | yes |
+| MediaButton  | when external device controler pressed button         | (data: \{'eventText': string, 'eventCode': number \}) => void  | no | Android      | no |
 | onAudioFocusChange  | Called on the listener to notify it the audio focus for this listener has been changed.         | (data: \{'eventText': string, 'eventCode': number }) => void  | no | Android      | yes |
 
 
@@ -737,6 +737,7 @@ ohpm install
 - [ ] 播放获取系统铃声，未实现 HarmonyOS化  问题: [issue#2](https://github.com/react-native-oh-library/react-native-incall-manager/issues/2)
 - [ ] 手动切换输出设备扬声器与听筒切换setSpeakerphoneOn、setForceSpeakerphoneOn，未实现 HarmonyOS化  问题: [issue#3](https://github.com/react-native-oh-library/react-native-incall-manager/issues/3)
 - [ ] 手动切换音频输入输出设备chooseAudioRoute，未实现 HarmonyOS化  问题: [issue#4](https://github.com/react-native-oh-library/react-native-incall-manager/issues/4)
+- [ ] 监听MediaButton事件，未实现 HarmonyOS化  问题: [issue#18](https://github.com/react-native-oh-library/react-native-incall-manager/issues/18)
 
 ## 其他
 

From 68ce1b7ea32b57b6219e61afe4e20cde83e154fc Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Wed, 20 Nov 2024 03:18:45 +0000
Subject: [PATCH 866/966] =?UTF-8?q?!1880=20docs:=20[Issues:=20#IB4CUX]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IB4CUX]=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-header-scroll-view.md | 297 ++++++++++----------
 1 file changed, 144 insertions(+), 153 deletions(-)

diff --git a/en/react-native-image-header-scroll-view.md b/en/react-native-image-header-scroll-view.md
index 8a4afe0f..e3b336f9 100644
--- a/en/react-native-image-header-scroll-view.md
+++ b/en/react-native-image-header-scroll-view.md
@@ -1,10 +1,10 @@
-> Template version: v0.2.2
+> Template version：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-header-scroll-view</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/meliorence/react-native-render-html">
+    <a href="https://github.com/bamlab/react-native-image-header-scroll-view">
         <img src="https://img.shields.io/badge/platforms-ios%20|%20android%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE">
@@ -12,11 +12,17 @@
     </a>
 </p>
 
-> [!TIP] [GitHub address](https://github.com/bamlab/react-native-image-header-scroll-view)
-> 因 v1.0.0 中存在无法触发 TriggeringView 组件回调的问题，以下基于 v0.10.3 版本验证
+
+
+
+
+> [!TIP] [Github address](https://github.com/bamlab/react-native-image-header-scroll-view)
 
 ## Installation and Usage
 
+
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-header-scroll-view Releases](https://github.com/react-native-oh-library/react-native-image-header-scroll-view/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+
 Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
@@ -24,38 +30,27 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install react-native-image-header-scroll-view@0.10.3
+npm install @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-image-header-scroll-view@0.10.3
+yarn add @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
 ```
 
 <!-- tabs:end -->
 
-The following code shows the basic use scenario of the repository:
+The following code shows the basic use scenario of the repository：
 
 ```tsx
-import React, { useEffect, useState } from "react";
-import {
-  StyleSheet,
-  Text,
-  View,
-  Image,
-  Animated,
-  StatusBar,
-  Dimensions,
-  Easing,
-} from "react-native";
-import ImageHeaderScrollView, {
-  TriggeringView,
-} from "react-native-image-header-scroll-view";
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Text, View, Image,Animated,StatusBar, Dimensions ,Easing} from 'react-native';
+import ImageHeaderScrollView ,{TriggeringView}  from 'react-native-image-header-scroll-view';
 const MIN_HEIGHT = 80;
 const MAX_HEIGHT = 250;
 const tvShowContent = {
-  title: "Doctor Who",
+  title: 'Doctor Who',
   overview: `
     The Doctor looks and seems human. He's handsome, witty, and could be mistaken for just another man in the street.
 
@@ -65,152 +60,144 @@ const tvShowContent = {
 
     He's saved us from alien menaces and evil from before time began – but just who is he?`,
   year: 2005,
-  genres: ["Action & Adventure", "Drama", "Sci-Fi & Fantasy"],
+  genres: ['Action & Adventure', 'Drama', 'Sci-Fi & Fantasy'],
   keywords: [
-    "time travel",
-    "time machine",
-    "phone booth",
-    "alien",
-    "time traveler",
-    "police box",
-    "space and aliens",
+    'time travel',
+    'time machine',
+    'phone booth',
+    'alien',
+    'time traveler',
+    'police box',
+    'space and aliens',
   ],
 };
 
 const styles = StyleSheet.create({
   image: {
     height: MAX_HEIGHT,
-    width: Dimensions.get("window").width,
-    alignSelf: "stretch",
-    resizeMode: "cover",
+    width: Dimensions.get('window').width,
+    alignSelf: 'stretch',
+    resizeMode: 'cover',
   },
   title: {
     fontSize: 20,
   },
   name: {
-    fontWeight: "bold",
+    fontWeight: 'bold',
   },
   section: {
     padding: 20,
     borderBottomWidth: 1,
-    borderBottomColor: "#cccccc",
-    backgroundColor: "white",
+    borderBottomColor: '#cccccc',
+    backgroundColor: 'white',
   },
   sectionTitle: {
     fontSize: 18,
-    fontWeight: "bold",
+    fontWeight: 'bold',
   },
   sectionContent: {
     fontSize: 16,
-    textAlign: "justify",
+    textAlign: 'justify',
   },
   keywords: {
-    flexDirection: "row",
-    justifyContent: "flex-start",
-    alignItems: "flex-start",
-    flexWrap: "wrap",
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start',
+    flexWrap: 'wrap',
   },
   keywordContainer: {
-    backgroundColor: "#999999",
+    backgroundColor: '#999999',
     borderRadius: 10,
     margin: 10,
     padding: 10,
   },
   keyword: {
     fontSize: 16,
-    color: "white",
+    color: 'white',
   },
   titleContainer: {
     flex: 1,
-    alignSelf: "stretch",
-    justifyContent: "center",
-    alignItems: "center",
+    alignSelf: 'stretch',
+    justifyContent: 'center',
+    alignItems: 'center',
   },
   imageTitle: {
-    color: "white",
-    backgroundColor: "transparent",
+    color: 'white',
+    backgroundColor: 'transparent',
     fontSize: 24,
   },
   navTitleView: {
     height: MIN_HEIGHT,
-    justifyContent: "center",
-    alignItems: "center",
+    justifyContent: 'center',
+    alignItems: 'center',
     paddingTop: 16,
     opacity: 0,
   },
   navTitle: {
-    color: "white",
+    color: 'white',
     fontSize: 18,
-    backgroundColor: "transparent",
+    backgroundColor: 'transparent',
   },
   sectionLarge: {
     height: 600,
   },
 });
 
-function HeaderImageExample() {
-  const [visible, setVisible] = useState(false);
-  const fadeAnim = new Animated.Value(0);
-  useEffect(() => {
-    if (visible) {
-      Animated.timing(fadeAnim, {
-        toValue: 1,
-        duration: 100,
-        easing: Easing.bounce,
-        useNativeDriver: true,
-      }).start();
-    } else {
-      Animated.timing(fadeAnim, {
-        toValue: 0,
-        duration: 100,
-        easing: Easing.bounce,
-        useNativeDriver: true,
-      }).start();
-    }
-  }, [visible, fadeAnim]);
-
-  return (
-    <View style={{ flex: 1 }}>
-      <StatusBar barStyle="light-content" />
-      <ImageHeaderScrollView
-        maxHeight={MAX_HEIGHT}
-        minHeight={MIN_HEIGHT}
-        maxOverlayOpacity={0.8}
-        minOverlayOpacity={0.2}
-        fadeOutForeground={true}
-        foregroundParallaxRatio={1}
-        overlayColor={"blue"}
-        renderHeader={() => (
-          <Image
-            source={"Please enter the local image path"}
-            style={styles.image}
-          />
-        )}
-        renderFixedForeground={() => (
-          <Animated.View style={[styles.navTitleView, { opacity: fadeAnim }]}>
-            <Text style={styles.navTitle}>
-              {tvShowContent.title}, ({tvShowContent.year})
-            </Text>
-          </Animated.View>
-        )}
-        renderForeground={() =>
-          (
+function HeaderImageExample () {
+    const [visible, setVisible] = useState(false);
+    const fadeAnim = new Animated.Value(0);
+    useEffect(() => {
+        if (visible) {
+          Animated.timing(fadeAnim, {
+            toValue: 1,
+            duration: 100,
+            easing: Easing.bounce,
+            useNativeDriver: true,
+          }).start();
+        } else {
+          Animated.timing(fadeAnim, {
+            toValue: 0,
+            duration: 100,
+            easing: Easing.bounce,
+            useNativeDriver: true,
+          }).start();
+        }
+      }, [visible, fadeAnim]);  
+ 
+    return (
+      <View style={{ flex: 1 }}>
+        <StatusBar barStyle="light-content" />
+        <ImageHeaderScrollView
+          maxHeight={MAX_HEIGHT} 
+          minHeight={MIN_HEIGHT}  
+          maxOverlayOpacity={0.8} 
+          minOverlayOpacity={0.2}   
+          fadeOutForeground={true} 
+          foregroundParallaxRatio={1}
+          overlayColor={'blue'} 
+          renderHeader={() => <Image source={'Please enter the local image path'} style={styles.image} />} 
+          renderFixedForeground={() => (
+            <Animated.View
+                    style={[styles.navTitleView,{ opacity: fadeAnim}]}  >
+                    <Text style={styles.navTitle}>
+                        {tvShowContent.title}, ({tvShowContent.year})
+                    </Text>
+            </Animated.View>
+          )} 
+          renderForeground={() => (
             <View style={styles.titleContainer}>
               <Text style={styles.imageTitle}>{tvShowContent.title}</Text>
-            </View>
-          ) as any
-        }
-        useNativeDriver={true}
-        disableHeaderGrow={false}
-      >
-        <>
+            </View> as any
+          )}  
+          useNativeDriver={true}
+          disableHeaderGrow={false}>
+         <>
           <TriggeringView
             onHide={() => setVisible(true)}
             onDisplay={() => setVisible(false)}
           >
             <Text style={styles.title}>
-              <Text style={styles.name}>{tvShowContent.title}</Text>, (
-              {tvShowContent.year})
+              <Text style={styles.name}>{tvShowContent.title}</Text>, ({tvShowContent.year})
             </Text>
           </TriggeringView>
           <View style={styles.section}>
@@ -220,17 +207,18 @@ function HeaderImageExample() {
           <View style={[styles.section, styles.sectionLarge]}>
             <Text style={styles.sectionTitle}>Keywords</Text>
             <View style={styles.keywords}>
-              {tvShowContent.keywords.map((keyword) => (
+              {tvShowContent.keywords.map(keyword => (
                 <View style={styles.keywordContainer} key={keyword}>
                   <Text style={styles.keyword}>{keyword}</Text>
                 </View>
               ))}
             </View>
           </View>
-        </>
-      </ImageHeaderScrollView>
-    </View>
-  );
+          </>
+        </ImageHeaderScrollView>
+      </View>
+    );
+  
 }
 
 export default HeaderImageExample;
@@ -248,63 +236,66 @@ Check the release version information in the release address of the third-party
 
 > [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
+
 > [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### **Header**
 
-| Name                   | Description                                                                                                                                                                                    | Type                                  | Required | Platform | HarmonyOS Support |
-| ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------- | -------- | -------- | ----------------- |
-| `renderHeader`         | Function which return the component to use as header. It can return background image for example.                                                                                              | function                              | No       | All      | Yes               |
-| `headerImage`          | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                                                   | Image source Props (object or number) | No       | All      | Yes               |
-| `maxHeight`            | Min height for the header (in navbar mode)                                                                                                                                                     | number                                | No       | All      | Yes               |
-| `minHeight`            | Sends a ping frame to the server.                                                                                                                                                              | number                                | No       | All      | Yes               |
-| `minOverlayOpacity`    | Opacity of a black overlay on the header before any scroll                                                                                                                                     | number                                | No       | All      | Yes               |
-| `maxOverlayOpacity`    | Opacity of a black overlay on the header when in navbar mode                                                                                                                                   | number                                | No       | All      | Yes               |
-| `overlayColor`         | Color of the overlay on the header                                                                                                                                                             | string                                | No       | All      | Yes               |
-| `useNativeDriver`      | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean                               | No       | All      | Yes               |
-| `headerContainerStyle` | Optional styles to be passed to the container of the header component                                                                                                                          | Object                                | No       | All      | Yes               |
-| `disableHeaderGrow`    | Disable to grow effect on the header                                                                                                                                                           | boolean                               | No       | All      | Yes               |
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `renderHeader` | Function which return the component to use as header. It can return background image for example.           | function | No       | All      | Yes               |
+| `headerImage`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
+| `maxHeight`                | Min height for the header (in navbar mode)     | number | No       | All      | Yes               |
+| `minHeight`                | Sends a ping frame to the server.                            | number | No       | All      | Yes               |
+| `minOverlayOpacity`           | Opacity of a black overlay on the header before any scroll | number | No       | All      | Yes               |
+| `maxOverlayOpacity`           | Opacity of a black overlay on the header when in navbar mode | number | No       | All      | Yes               |
+| `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
+| `useNativeDriver`           | Use native driver for the animation for performance improvement. A few props are unsupported at the moment if useNativeDriver=true (onScroll, ScrollComponent, renderTouchableFixedForeground) | boolean | No       | All      | Yes               |
+| `headerContainerStyle`           | Optional styles to be passed to the container of the header component | Object | No       | All      | Yes               |
+| `disableHeaderGrow`           | Disable to grow effect on the header | boolean | No       | All      | Yes             |
+
 
 #### **Foreground**
 
-| Name                             | Description                                                                                                                                                                          | Type                                  | Required | Platform | HarmonyOS Support |
-| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------- | -------- | -------- | ----------------- |
-| `renderForeground`               | Function which return the component to use at foreground. The component is render in front of the header and scroll with the ScrollView. It can return a title for example.          | function                              | No       | All      | Yes               |
-| `renderFixedForeground`          | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                                         | Image source Props (object or number) | No       | All      | Yes               |
-| `foregroundExtrapolate`          | Optional prop that allows override extrapolate mode for foreground. Use null to allow extrapolation, which is usefull for using foreground as bottom title                           | string                                | No       | All      | Yes               |
-| `foregroundParallaxRatio`        | Ration for parallax effect of foreground when scrolling. If 2, the header goes up two times faster than the scroll                                                                   | number                                | No       | All      | Yes               |
-| `fadeOutForeground`              | If set, add a fade out effect on the foreground when scroll up                                                                                                                       | boolean                               | No       | All      | Yes               |
-| `renderTouchableFixedForeground` | Same as renderFixedForeground but allow to use touchable in it. [Can cause performances issues on Android](https://github.com/bamlab/react-native-image-header-scroll-view/issues/6) | function                              | No       | All      | Yes               |
-| `fixedForegroundContainerStyles` | Optional styles to be passed to the container of the fixed foreground component                                                                                                      | Object                                | No       | All      | Yes               |
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `renderForeground` | Function which return the component to use at foreground. The component is render in front of the header and scroll with the ScrollView. It can return a title for example.           | function | No       | All      | Yes               |
+| `renderFixedForeground`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
+| `foregroundExtrapolate`                | Optional prop that allows override extrapolate mode for foreground. Use null to allow extrapolation, which is usefull for using foreground as bottom title   | string | No       | All      | Yes               |
+| `foregroundParallaxRatio`                | Ration for parallax effect of foreground when scrolling. If 2, the header goes up two times faster than the scroll                          | number | No       | All      | Yes               |
+| `fadeOutForeground`           | If set, add a fade out effect on the foreground when scroll up | boolean | No       | All      | Yes               |
+| `renderTouchableFixedForeground`           | Same as renderFixedForeground but allow to use touchable in it. [Can cause performances issues on Android](https://github.com/bamlab/react-native-image-header-scroll-view/issues/6)   | function | No       | All      | Yes               |
+| `fixedForegroundContainerStyles`           | 	Optional styles to be passed to the container of the fixed foreground component | Object | No       | All      | Yes               |
+
 
 #### **Mixed**
 
-| Name                        | Description                                                                                                                             | Type      | Required | Platform | HarmonyOS Support |
-| --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | -------- | ----------------- |
-| `ScrollViewComponent`       | The component to be used for scrolling. Can be any component with an onScroll props (ie. ListView, FlatList, SectionList or ScrollView) | Component | No       | All      | Yes               |
-| `scrollViewBackgroundColor` | Background color of the scrollView content                                                                                              | string    | No       | All      | Yes               |
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `ScrollViewComponent` | The component to be used for scrolling. Can be any component with an onScroll props (ie. ListView, FlatList, SectionList or ScrollView)         | Component | No       | All      | Yes               |
+| `scrollViewBackgroundColor`               | Background color of the scrollView content                        | string | No       | All      | Yes               |
+
+
 
 #### **TriggeringView**
 
-| Name               | Description                                                                                          | Type     | Required | Platform | HarmonyOS Support |
-| ------------------ | ---------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| `onBeginHidden`    | Called when the component start to be hidden at the top of the scroll view.                          | function | No       | All      | Yes               |
-| `onHide`           | Called when the component is not displayed any more after scroll up                                  | function | No       | All      | Yes               |
-| `onBeginDisplayed` | Called when the component begin to be displayed again after scroll down                              | function | No       | All      | Yes               |
-| `onDisplay`        | Called when the component finished to be displayed again.                                            | function | No       | All      | Yes               |
-| `onTouchTop`       | Called when the Top of the component touch the Top of the ScrollView. (onDisplay + onBeginHidden)    | function | No       | All      | Yes               |
-| `onTouchBottom`    | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed) | function | No       | All      | Yes               |
+| Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| `onBeginHidden` | Called when the component start to be hidden at the top of the scroll view.          | function | No       | All      | Yes               |
+| `onHide`               | Called when the component is not displayed any more after scroll up             | function | No       | All      | Yes               |
+| `onBeginDisplayed`                | Called when the component begin to be displayed again after scroll down | function | No       | All      | Yes               |
+| `onDisplay`                | Called when the component finished to be displayed again.            | function | No       | All      | Yes               |
+| `onTouchTop`           | 	Called when the Top of the component touch the Top of the ScrollView. (onDisplay + onBeginHidden) | function | No       | All      | Yes               |
+| `onTouchBottom`           | Called when the Bottom of the component touch the Top of the ScrollView. (onHide + onBeginDisplayed)  | function | No       | All      | Yes               |
 
 ## Known Issues
 
 ## Others
+-  foregroundExtrapolate属性无法生效，与Android、iOS一致：[issue#2](https://github.com/bamlab/react-native-image-header-scroll-view/issues/132 )。
+-  ScrollViewComponent属性无法滚动，与Android、iOS一致：[issue#3](https://github.com/bamlab/react-native-image-header-scroll-view/issues/133 )。
+
 
-- 如何去除图片阴影蒙层？  
-  可通过设置 maxOverlayOpacity、minOverlayOpacity 属性为 0，去除图片阴影蒙层。
-- 如何禁止滑动回弹效果？
-  - 方法 1: 设置 disableHeaderGrow 属性为 true
-  - 方法 2: 设置 bounces 属性为 false
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE).
+This project is licensed under [The MIT License (MIT)](https://github.com/bamlab/react-native-image-header-scroll-view/blob/master/LICENCE) 
\ No newline at end of file

From 6770678c41b37a00ba016b4fbc71e72286c63630 Mon Sep 17 00:00:00 2001
From: liufeng <1300593+guichuang@user.noreply.gitee.com>
Date: Wed, 20 Nov 2024 03:47:05 +0000
Subject: [PATCH 867/966] =?UTF-8?q?!1894=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-image-marker=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-image-ma?=
 =?UTF-8?q?rker=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-marker.md    | 237 +++++++++++++++--------------
 zh-cn/react-native-image-marker.md |  83 +++++-----
 2 files changed, 161 insertions(+), 159 deletions(-)

diff --git a/en/react-native-image-marker.md b/en/react-native-image-marker.md
index e4242cda..b53a8819 100644
--- a/en/react-native-image-marker.md
+++ b/en/react-native-image-marker.md
@@ -287,7 +287,7 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-如果用到了网络图片，需要在 entry 目录下的 module.json5 中添加网络信息权限
+If network images are used, network information permissions need to be added in module.json 5 in the entry directory
 
 Open the `entry/src/main/module.json5` file and add the following code:
 
@@ -299,7 +299,11 @@ Open the `entry/src/main/module.json5` file and add the following code:
     }
 ]
 ```
+### Font usage
+If you need to use fonts, you need to store the font files in the rawfile/assets/assets/fonts directory under the resources directory of entry,
+As shown in the following figure:
 
+![alt text](../img/react-natvie-image-marker/fonts.PNG)
 ## API
 
 > [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
@@ -311,161 +315,158 @@ Open the `entry/src/main/module.json5` file and add the following code:
 | markImage | mark icons on background image | string | no       | Android/iOS | yes               |
 | markText  | mark texts on background image | string | no       | Android/iOS | yes               |
 
-#### markImage
+##### ImageOptions
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| src  | image src, local image | string | yes      | iOS/Android | yes               |
+| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
+| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
+| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
 
+##### ImageFormat
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| png  | iamge type png | string | no      | iOS/Android | yes               |
+| jpg | iamge type jpg | string | no      | iOS/Android | yes               |
+| base64 | iamge type base64 | string | no      | iOS/Android | yes               |
+##### PositionOptions 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| X  | horizontal coordinate on background image | number / string | no      | iOS/Android | yes |
+| Y  | vertical coordinate on background image | number / string | no      | iOS/Android | yes |
+| position  | position enum | [Position](#position) | no | iOS/Android | yes |
+
+##### Position 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| topLeft  | top left on background image |  string | no      | iOS/Android | yes |
+| topCenter  | top center on background image | string | no      | iOS/Android | yes |
+| topRight  |top right on background image | string | no | iOS/Android | yes |
+| bottomLeft  | bottom left on background image | string | no | iOS/Android | yes |
+| bottomCenter  | bottom center on background image | string | no | iOS/Android | yes |
+| bottomRight  | bottom right on background image| string | no | iOS/Android | yes |
+| center  | center on background image | string | no | iOS/Android | yes |
+#### markImage
 ```js
 markImage(options: ImageMarkOptions): Promise<string>;
 ```
-
 ##### ImageMarkOptions
 
-| Name            | Description                                                    | Type                          | Required | Platform    | HarmonyOS Support |
-| --------------- | -------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
-| backgroundImage | background image options                                       | ImageOptions                  | yes      | iOS/Android | yes               |
-| quality         | image quality `0-100`, `100` is best quality. defaultValue 100 | number                        | no       | iOS/Android | yes               |
-| filename        | save image name                                                | string                        | no       | iOS/Android | yes               |
-| saveFormat      | save image format 'png','jpg','base64',default 'png'           | ImageFormat                   | no       | iOS/Android | yes               |
-| watermarkImages | watermark images                                               | Array\<WatermarkImageOptions> | yes      | iOS/Android | yes               |
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| backgroundImage  | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | yes               |
+| quality | image quality `0-100`, `100` is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
+| filename | save image name | string | no      | iOS/Android | yes               |
+| saveFormat | save image format 'png','jpg','base64',default 'png' | [ImageFormat](#imageformat) | no      | iOS/Android | yes               |
+| watermarkImages | watermark images | Array\<[WatermarkImageOptions](#watermarkimageoptions)> | yes      | iOS/Android | yes  |
 
-##### ImageOptions
 
-| Name   | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
-| ------ | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| src    | image src, local image                      | string | yes      | iOS/Android | yes               |
-| scale  | image scale `>0`.defaultValue 1             | number | no       | iOS/Android | yes               |
-| rotate | rotate image rotate `0-360`.defaultValue 0  | number | no       | iOS/Android | yes               |
-| alpha  | transparent of image `0 - 1`.defaultValue 1 | number | no       | iOS/Android | yes               |
 
-##### ImageFormat
+##### WatermarkImageOptions 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| src  | image src, local image | string | yes      | iOS/Android | yes               |
+| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
+| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
+| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
+| position  | the position of icon on background image | [PositionOptions](#positionoptions) | no      | iOS/Android | yes               |
+
 
-| Name   | Description       | Type   | Required | Platform    | HarmonyOS Support |
-| ------ | ----------------- | ------ | -------- | ----------- | ----------------- |
-| png    | iamge type png    | string | no       | iOS/Android | yes               |
-| jpg    | iamge type jpg    | string | no       | iOS/Android | yes               |
-| base64 | iamge type base64 | string | no       | iOS/Android | yes               |
-
-##### WatermarkImageOptions
-
-| Name     | Description                                 | Type            | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------------------------- | --------------- | -------- | ----------- | ----------------- |
-| src      | image src, local image                      | string          | yes      | iOS/Android | yes               |
-| scale    | image scale `>0`.defaultValue 1             | number          | no       | iOS/Android | yes               |
-| rotate   | rotate image rotate `0-360`.defaultValue 0  | number          | no       | iOS/Android | yes               |
-| alpha    | transparent of image `0 - 1`.defaultValue 1 | number          | no       | iOS/Android | yes               |
-| position | the position of icon on background image    | PositionOptions | no       | iOS/Android | yes               |
-
-##### PositionOptions
-
-| Name     | Description                               | Type            | Required | Platform    | HarmonyOS Support |
-| -------- | ----------------------------------------- | --------------- | -------- | ----------- | ----------------- |
-| X        | horizontal coordinate on background image | number / string | no       | iOS/Android | yes               |
-| Y        | vertical coordinate on background image   | number / string | no       | iOS/Android | yes               |
-| position | position enum                             | Position        | no       | iOS/Android | yes               |
-
-##### Position
-
-| Name         | Description                       | Type   | Required | Platform    | HarmonyOS Support |
-| ------------ | --------------------------------- | ------ | -------- | ----------- | ----------------- |
-| topLeft      | top left on background image      | string | no       | iOS/Android | yes               |
-| topCenter    | top center on background image    | string | no       | iOS/Android | yes               |
-| topRight     | top right on background image     | string | no       | iOS/Android | yes               |
-| bottomLeft   | bottom left on background image   | string | no       | iOS/Android | yes               |
-| bottomCenter | bottom center on background image | string | no       | iOS/Android | yes               |
-| bottomRight  | bottom right on background image  | string | no       | iOS/Android | yes               |
-| center       | center on background image        | string | no       | iOS/Android | yes               |
 
 #### markText
 
 ```json
 markText(options: TextMarkOptions): Promise<string>;
 ```
-
 ##### TextMarkOptions
-
-| Name            | Description                                                | Type                | Required | Platform    | HarmonyOS Support |
-| --------------- | ---------------------------------------------------------- | ------------------- | -------- | ----------- | ----------------- |
-| backgroundImage | background image options                                   | ImageOptions        | yes      | iOS/Android | yes               |
-| watermarkTexts  | text options                                               | Array\<TextOptions> | yes      | iOS/Android | yes               |
-| quality         | image quality 0-100, 100 is best quality. defaultValue 100 | number              | no       | iOS/Android | yes               |
-| filename        | save image name                                            | string              | no       | iOS/Android | yes               |
-| saveFormat      | save image format 'png','jpg','base64',default 'png'       | ImageFormat         | no       | iOS/Android | yes               |
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| backgroundImage | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | yes               |
+| watermarkTexts      | text options      | Array\<[TextOptions](#textoptions)> | yes      | iOS/Android | yes               |
+| quality      | image quality 0-100, 100 is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
+| filename      | save image name          | string | no      | iOS/Android | yes               |
+| saveFormat      | save image format 'png','jpg','base64',default 'png'           | [ImageFormat](#imageformat) | no      | iOS/Android | yes               |
 
 ##### TextOptions
-
-| Name     | Description           | Type            | Required | Platform    | HarmonyOS Support |
-| -------- | --------------------- | --------------- | -------- | ----------- | ----------------- |
-| text     | text content          | string          | yes      | iOS/Android | yes               |
-| position | text position options | PositionOptions | no       | iOS/Android | yes               |
-| style    | text style            | TextStyle       | no       | iOS/Android | yes               |
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| text | text content | string | yes      | iOS/Android | yes               |
+| position      | text position options | [PositionOptions](#positionoptions) | no      | iOS/Android | yes               |
+| style      | text style         | [TextStyle](#textstyle) | no      | iOS/Android | yes               |
 
 ##### TextStyle
 
-| Name                | Description                                        | Type                | Required | Platform    | HarmonyOS Support |
-| ------------------- | -------------------------------------------------- | ------------------- | -------- | ----------- | ----------------- |
-| color               | font color                                         | string              | yes      | iOS/Android | yes               |
-| fontName            | font name                                          | string              | no       | iOS/Android | yes               |
-| fontSize            | font size                                          | number              | no       | iOS/Android | yes               |
-| shadowStyle         | text shadow style                                  | ShadowLayerStyle    | no       | iOS/Android | yes               |
-| textBackgroundStyle | text background style                              | TextBackgroundStyle | no       | iOS/Android | yes               |
-| underline           | text underline style                               | boolean             | no       | iOS/Android | yes               |
-| skewX               | css italic with degree, you can use italic instead | number              | no       | iOS/Android | yes               |
-| strikeThrough       | text stroke                                        | boolean             | no       | iOS/Android | yes               |
-| textAlign           | text align . 'left' / 'center' / 'right'           | string              | no       | iOS/Android | yes               |
-| italic              | text italic                                        | boolean             | no       | iOS/Android | yes               |
-| bold                | text bold                                          | boolean             | no       | iOS/Android | yes               |
-| rotate              | rotate text                                        | number              | no       | iOS/Android | yes               |
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| color | font color | string | yes      | iOS/Android | yes               |
+| fontName      | font name | string | no      | iOS/Android | yes            |
+| fontSize      | font size        | number | no      | iOS/Android | yes               |
+| shadowStyle | text shadow style | [ShadowLayerStyle](#shadowlayerstyle) | no      | iOS/Android | yes               |
+| textBackgroundStyle      | text background style | [TextBackgroundStyle](#textbackgroundstyle)  | no      | iOS/Android | yes               |
+| underline      | text underline style        | boolean | no      | iOS/Android | yes               |
+| skewX | css italic with degree, you can use italic instead | number | no      | iOS/Android | yes         |
+| strikeThrough      | text stroke | boolean | no      | iOS/Android | yes               |
+| textAlign      | text align . 'left' / 'center' / 'right'       | string | no      | iOS/Android | yes               |
+| italic | text italic | boolean | no      | iOS/Android | yes            |
+| bold      | text bold | boolean | no      | iOS/Android | yes               |
+| rotate      | rotate text       | number | no      | iOS/Android | yes               |
 
 ##### ShadowLayerStyle
 
-| Name   | Description     | Type   | Required | Platform    | HarmonyOS Support |
-| ------ | --------------- | ------ | -------- | ----------- | ----------------- |
-| dx     | shadow offset x | number | yes      | iOS/Android | yes               |
-| dy     | shadow offset y | number | yes      | iOS/Android | yes               |
-| radius | shadow radius   | number | yes      | iOS/Android | yes               |
-| color  | shadow color    | string | yes      | iOS/Android | yes               |
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| dx      | shadow offset x       | number | yes      | iOS/Android | yes               |
+| dy      | shadow offset y     | number | yes      | iOS/Android | yes               |
+| radius      |shadow radius      | number | yes      | iOS/Android | yes               |
+| color      | shadow color       | string | yes      | iOS/Android | yes               |
 
 ##### TextBackgroundStyle
-
 extends Padding
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| type | background type .TextBackgroundType enum | TextBackgroundType | no | iOS/Android | yes |
-| color | background color | string | yes | iOS/Android | yes |
-| cornerRadius |background corner radius | CornerRadius | no | iOS/Android | yes |
-| padding | padding for text background，Up to four values, separated by spaces | number / string | no | iOS/Android | yes |
-| paddingLeft | padding left for text background | number / string | no | iOS/Android | yes |
-| paddingRight | padding right for text background | number / string | no | iOS/Android | yes |
-| paddingTop | padding top for text background | number / string | no | iOS/Android | yes |
-| paddingBottom | padding bottom for text background | number / string | no | iOS/Android | yes |
-| paddingHorizontal | padding left and right (horizontal) for text background | number / string | no | iOS/Android | yes |
-| paddingVertical | padding top and bottom (vertical) for text background | number / string | no | iOS/Android | yes |
-| paddingX |padding x, alias of paddingHorizontal | number / string | no | iOS/Android | yes |
-| paddingY | padding y, alias of paddingVertical | number / string | no | iOS/Android | yes |
+| type      | background type .TextBackgroundType enum      | [TextBackgroundType](#textbackgroundtype) | no      | iOS/Android | yes               |
+| color      | background color    | string | yes      | iOS/Android | yes               |
+| cornerRadius      |background corner radius     | [CornerRadius](#cornerradius) | no      | iOS/Android | yes               |
+| padding      | padding for text background，Up to four values, separated by spaces   | number / string | no      | iOS/Android | yes               |
+| paddingLeft      |  padding left for text background  | number / string | no      | iOS/Android | yes               |
+| paddingRight      | padding right for text background    | number / string | no      | iOS/Android | yes               |
+| paddingTop      | padding top for text background    | number / string | no      | iOS/Android | yes               |
+| paddingBottom      | padding bottom for text background   | number / string  | no      | iOS/Android | yes               |
+| paddingHorizontal      | padding left and right (horizontal) for text background    | number / string | no      | iOS/Android | yes               |
+| paddingVertical      | padding top and bottom (vertical) for text background    | number / string | no      | iOS/Android | yes               |
+| paddingX      |padding x, alias of paddingHorizontal    | number / string | no      | iOS/Android | yes               |
+| paddingY      | padding y, alias of paddingVertical  | number / string | no      | iOS/Android | yes               |
 
 ##### TextBackgroundType
 
-| Name     | Description              | Type   | Required | Platform    | HarmonyOS Support |
-| -------- | ------------------------ | ------ | -------- | ----------- | ----------------- |
-| stretchX | background type stretchX | string | no       | iOS/Android | yes               |
-| stretchY | background type stretchY | string | no       | iOS/Android | yes               |
-| none     | background type fit      | string | no       | iOS/Android | yes               |
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| stretchX      | background type stretchX     | string | no      | iOS/Android | yes               |
+| stretchY      |  background type  stretchY   | string | no      | iOS/Android | yes               |
+| none      | background type fit    | string | no      | iOS/Android | yes               |
+
 
 ##### CornerRadius
 
-| Name        | Description        | Type        | Required | Platform    | HarmonyOS Support |
-| ----------- | ------------------ | ----------- | -------- | ----------- | ----------------- |
-| topLeft     | topLeft Radius     | RadiusValue | no       | iOS/Android | yes               |
-| topRight    | topRight Radius    | RadiusValue | no       | iOS/Android | yes               |
-| bottomLeft  | bottomLeft Radius  | RadiusValue | no       | iOS/Android | yes               |
-| bottomRight | bottomRight Radius | RadiusValue | no       | iOS/Android | yes               |
-| all         | all Radius         | RadiusValue | no       | iOS/Android | yes               |
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| topLeft      | topLeft Radius     | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
+| topRight      | topRight Radius   | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
+| bottomLeft      |bottomLeft Radius  | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
+| bottomRight      |bottomRight Radius   | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
+| all      | all Radius    | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
 
 ##### RadiusValue
 
-| Name | Description        | Type            | Required | Platform    | HarmonyOS Support |
-| ---- | ------------------ | --------------- | -------- | ----------- | ----------------- |
-| x    | radius value for x | number / string | no       | iOS/Android | yes               |
-| y    | radius value for y | number / string | no       | iOS/Android | yes               |
+| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| x      | radius value for x     | number / string | no      | iOS/Android | yes               |
+| y      | radius value for y  | number / string  | no      | iOS/Android | yes               |
 
 ## Known Issues
 
diff --git a/zh-cn/react-native-image-marker.md b/zh-cn/react-native-image-marker.md
index 3af3b35e..134fc248 100644
--- a/zh-cn/react-native-image-marker.md
+++ b/zh-cn/react-native-image-marker.md
@@ -310,20 +310,6 @@ ohpm install
 | markImage   | mark icons on background image  | string | no  | Android/iOS | yes               |
 | markText | mark texts on background image | string | no   | Android/iOS | yes               |
 
-#### markImage
-```js
-markImage(options: ImageMarkOptions): Promise<string>;
-```
-##### ImageMarkOptions
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage  | background image options | ImageOptions | yes      | iOS/Android | yes               |
-| quality | image quality `0-100`, `100` is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
-| filename | save image name | string | no      | iOS/Android | yes               |
-| saveFormat | save image format 'png','jpg','base64',default 'png' | ImageFormat | no      | iOS/Android | yes               |
-| watermarkImages | watermark images | Array\<WatermarkImageOptions> | yes      | iOS/Android | yes  |
-
 ##### ImageOptions
 
 | Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
@@ -340,25 +326,13 @@ markImage(options: ImageMarkOptions): Promise<string>;
 | png  | iamge type png | string | no      | iOS/Android | yes               |
 | jpg | iamge type jpg | string | no      | iOS/Android | yes               |
 | base64 | iamge type base64 | string | no      | iOS/Android | yes               |
-
-
-##### WatermarkImageOptions 
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| src  | image src, local image | string | yes      | iOS/Android | yes               |
-| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
-| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
-| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
-| position  | the position of icon on background image | PositionOptions | no      | iOS/Android | yes               |
-
 ##### PositionOptions 
 
 | Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
 | ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
 | X  | horizontal coordinate on background image | number / string | no      | iOS/Android | yes |
 | Y  | vertical coordinate on background image | number / string | no      | iOS/Android | yes |
-| position  | position enum | Position | no | iOS/Android | yes |
+| position  | position enum | [Position](#position) | no | iOS/Android | yes |
 
 ##### Position 
 
@@ -371,6 +345,33 @@ markImage(options: ImageMarkOptions): Promise<string>;
 | bottomCenter  | bottom center on background image | string | no | iOS/Android | yes |
 | bottomRight  | bottom right on background image| string | no | iOS/Android | yes |
 | center  | center on background image | string | no | iOS/Android | yes |
+#### markImage
+```js
+markImage(options: ImageMarkOptions): Promise<string>;
+```
+##### ImageMarkOptions
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| backgroundImage  | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | yes               |
+| quality | image quality `0-100`, `100` is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
+| filename | save image name | string | no      | iOS/Android | yes               |
+| saveFormat | save image format 'png','jpg','base64',default 'png' | [ImageFormat](#imageformat) | no      | iOS/Android | yes               |
+| watermarkImages | watermark images | Array\<[WatermarkImageOptions](#watermarkimageoptions)> | yes      | iOS/Android | yes  |
+
+
+
+##### WatermarkImageOptions 
+
+| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
+| src  | image src, local image | string | yes      | iOS/Android | yes               |
+| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
+| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
+| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
+| position  | the position of icon on background image | [PositionOptions](#positionoptions) | no      | iOS/Android | yes               |
+
+
 
 #### markText
 
@@ -380,18 +381,18 @@ markText(options: TextMarkOptions): Promise<string>;
 ##### TextMarkOptions
 | Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage | background image options | ImageOptions | yes      | iOS/Android | yes               |
-| watermarkTexts      | text options      | Array\<TextOptions> | yes      | iOS/Android | yes               |
+| backgroundImage | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | yes               |
+| watermarkTexts      | text options      | Array\<[TextOptions](#textoptions)> | yes      | iOS/Android | yes               |
 | quality      | image quality 0-100, 100 is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
 | filename      | save image name          | string | no      | iOS/Android | yes               |
-| saveFormat      | save image format 'png','jpg','base64',default 'png'           | ImageFormat | no      | iOS/Android | yes               |
+| saveFormat      | save image format 'png','jpg','base64',default 'png'           | [ImageFormat](#imageformat) | no      | iOS/Android | yes               |
 
 ##### TextOptions
 | Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | text | text content | string | yes      | iOS/Android | yes               |
-| position      | text position options | PositionOptions | no      | iOS/Android | yes               |
-| style      | text style         | TextStyle | no      | iOS/Android | yes               |
+| position      | text position options | [PositionOptions](#positionoptions) | no      | iOS/Android | yes               |
+| style      | text style         | [TextStyle](#textstyle) | no      | iOS/Android | yes               |
 
 ##### TextStyle
 
@@ -400,8 +401,8 @@ markText(options: TextMarkOptions): Promise<string>;
 | color | font color | string | yes      | iOS/Android | yes               |
 | fontName      | font name | string | no      | iOS/Android | yes            |
 | fontSize      | font size        | number | no      | iOS/Android | yes               |
-| shadowStyle | text shadow style | ShadowLayerStyle | no      | iOS/Android | yes               |
-| textBackgroundStyle      | text background style | TextBackgroundStyle  | no      | iOS/Android | yes               |
+| shadowStyle | text shadow style | [ShadowLayerStyle](#shadowlayerstyle) | no      | iOS/Android | yes               |
+| textBackgroundStyle      | text background style | [TextBackgroundStyle](#textbackgroundstyle)  | no      | iOS/Android | yes               |
 | underline      | text underline style        | boolean | no      | iOS/Android | yes               |
 | skewX | css italic with degree, you can use italic instead | number | no      | iOS/Android | yes         |
 | strikeThrough      | text stroke | boolean | no      | iOS/Android | yes               |
@@ -423,9 +424,9 @@ markText(options: TextMarkOptions): Promise<string>;
 extends Padding
 | Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| type      | background type .TextBackgroundType enum      | TextBackgroundType | no      | iOS/Android | yes               |
+| type      | background type .TextBackgroundType enum      | [TextBackgroundType](#textbackgroundtype) | no      | iOS/Android | yes               |
 | color      | background color    | string | yes      | iOS/Android | yes               |
-| cornerRadius      |background corner radius     | CornerRadius | no      | iOS/Android | yes               |
+| cornerRadius      |background corner radius     | [CornerRadius](#cornerradius) | no      | iOS/Android | yes               |
 | padding      | padding for text background，Up to four values, separated by spaces   | number / string | no      | iOS/Android | yes               |
 | paddingLeft      |  padding left for text background  | number / string | no      | iOS/Android | yes               |
 | paddingRight      | padding right for text background    | number / string | no      | iOS/Android | yes               |
@@ -449,11 +450,11 @@ extends Padding
 
 | Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| topLeft      | topLeft Radius     | RadiusValue | no      | iOS/Android | yes               |
-| topRight      | topRight Radius   | RadiusValue | no      | iOS/Android | yes               |
-| bottomLeft      |bottomLeft Radius  | RadiusValue | no      | iOS/Android | yes               |
-| bottomRight      |bottomRight Radius   | RadiusValue | no      | iOS/Android | yes               |
-| all      | all Radius    | RadiusValue | no      | iOS/Android | yes               |
+| topLeft      | topLeft Radius     | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
+| topRight      | topRight Radius   | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
+| bottomLeft      |bottomLeft Radius  | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
+| bottomRight      |bottomRight Radius   | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
+| all      | all Radius    | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
 
 ##### RadiusValue
 

From c22180ddcfb8f741d506d94fcc35d997a59dbaa7 Mon Sep 17 00:00:00 2001
From: 150******24 <14703396+dave_code@user.noreply.gitee.com>
Date: Wed, 20 Nov 2024 07:03:39 +0000
Subject: [PATCH 868/966] =?UTF-8?q?!1895=20docs:=20[Issues:=20#IB5PK8]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IB5PK8]=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IB5PK8]=E4=BF=AE=E6=94=B9react-native-image-header-scroll-view?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-header-scroll-view.md    | 8 ++++----
 zh-cn/react-native-image-header-scroll-view.md | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/en/react-native-image-header-scroll-view.md b/en/react-native-image-header-scroll-view.md
index e3b336f9..bafba66e 100644
--- a/en/react-native-image-header-scroll-view.md
+++ b/en/react-native-image-header-scroll-view.md
@@ -244,9 +244,9 @@ Check the release version information in the release address of the third-party
 | Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
 | `renderHeader` | Function which return the component to use as header. It can return background image for example.           | function | No       | All      | Yes               |
-| `headerImage`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
-| `maxHeight`                | Min height for the header (in navbar mode)     | number | No       | All      | Yes               |
-| `minHeight`                | Sends a ping frame to the server.                            | number | No       | All      | Yes               |
+| `headerImage`               | Shortcut for renderHeader={() => <Image source={this.props.headerImage} style={{ height: this.props.maxHeight, width: Dimensions.get('window').width }}                          | Image source Props (object or number) | No       | All      | Yes               |
+| `maxHeight`                | Max height for the header    | number | No       | All      | Yes               |
+| `minHeight`                | Min height for the header (in navbar mode)                                 | number | No       | All      | Yes               |
 | `minOverlayOpacity`           | Opacity of a black overlay on the header before any scroll | number | No       | All      | Yes               |
 | `maxOverlayOpacity`           | Opacity of a black overlay on the header when in navbar mode | number | No       | All      | Yes               |
 | `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
@@ -260,7 +260,7 @@ Check the release version information in the release address of the third-party
 | Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
 | `renderForeground` | Function which return the component to use at foreground. The component is render in front of the header and scroll with the ScrollView. It can return a title for example.           | function | No       | All      | Yes               |
-| `renderFixedForeground`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
+| `renderFixedForeground`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.                           | Image source Props (object or number) | No       | All      | Yes               |
 | `foregroundExtrapolate`                | Optional prop that allows override extrapolate mode for foreground. Use null to allow extrapolation, which is usefull for using foreground as bottom title   | string | No       | All      | Yes               |
 | `foregroundParallaxRatio`                | Ration for parallax effect of foreground when scrolling. If 2, the header goes up two times faster than the scroll                          | number | No       | All      | Yes               |
 | `fadeOutForeground`           | If set, add a fade out effect on the foreground when scroll up | boolean | No       | All      | Yes               |
diff --git a/zh-cn/react-native-image-header-scroll-view.md b/zh-cn/react-native-image-header-scroll-view.md
index 6d8240fd..98c8ed74 100644
--- a/zh-cn/react-native-image-header-scroll-view.md
+++ b/zh-cn/react-native-image-header-scroll-view.md
@@ -244,9 +244,9 @@ export default HeaderImageExample;
 | Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
 | `renderHeader` | Function which return the component to use as header. It can return background image for example.           | function | No       | All      | Yes               |
-| `headerImage`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
-| `maxHeight`                | Min height for the header (in navbar mode)     | number | No       | All      | Yes               |
-| `minHeight`                | Sends a ping frame to the server.                            | number | No       | All      | Yes               |
+| `headerImage`               | Shortcut for renderHeader={() => <Image source={this.props.headerImage} style={{ height: this.props.maxHeight, width: Dimensions.get('window').width }}                         | Image source Props (object or number) | No       | All      | Yes               |
+| `maxHeight`                | Max height for the header     | number | No       | All      | Yes               |
+| `minHeight`                | Min height for the header (in navbar mode)                           | number | No       | All      | Yes               |
 | `minOverlayOpacity`           | Opacity of a black overlay on the header before any scroll | number | No       | All      | Yes               |
 | `maxOverlayOpacity`           | Opacity of a black overlay on the header when in navbar mode | number | No       | All      | Yes               |
 | `overlayColor`           | Color of the overlay on the header | string | No       | All      | Yes               |
@@ -260,7 +260,7 @@ export default HeaderImageExample;
 | Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
 | `renderForeground` | Function which return the component to use at foreground. The component is render in front of the header and scroll with the ScrollView. It can return a title for example.           | function | No       | All      | Yes               |
-| `renderFixedForeground`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.}                            | Image source Props (object or number) | No       | All      | Yes               |
+| `renderFixedForeground`               | Function which return the component to use as fixed foreground. The component is displayed with the header but not affected by the overlay.                           | Image source Props (object or number) | No       | All      | Yes               |
 | `foregroundExtrapolate`                | Optional prop that allows override extrapolate mode for foreground. Use null to allow extrapolation, which is usefull for using foreground as bottom title   | string | No       | All      | Yes               |
 | `foregroundParallaxRatio`                | Ration for parallax effect of foreground when scrolling. If 2, the header goes up two times faster than the scroll                          | number | No       | All      | Yes               |
 | `fadeOutForeground`           | If set, add a fade out effect on the foreground when scroll up | boolean | No       | All      | Yes               |

From f88c05ba00e847dfb259b550a0c0fad3cb466cc0 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Wed, 20 Nov 2024 08:15:05 +0000
Subject: [PATCH 869/966] =?UTF-8?q?!1896=20docs:=20[Issues:=20#IB5PLX]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-gifted-charts=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB5PLX]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-gifted-charts=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-gifted-charts.md    | 4 ++--
 zh-cn/react-native-gifted-charts.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-gifted-charts.md b/en/react-native-gifted-charts.md
index 56ca44e0..a8854179 100644
--- a/en/react-native-gifted-charts.md
+++ b/en/react-native-gifted-charts.md
@@ -896,7 +896,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | hideRules                    | when set to true, hides horizontal rules (which are displayed in the background of the charts)                   | boolean                    | no       | all      | yes               |
 | rulesThickness               | thickness of the horizontal rules                                                                                | number                     | no       | all      | yes               |
 | rulesColor                   | color of the horizontal rules                                                                                    | ColorValue                 | no       | all      | yes               |
-| rulesType                    | type of the horizontal rules - SOLID or DASHED/DOTTED                                                            | RuleTypes                  | no       | all      | yes               |
+| rulesType                    | type of the horizontal rules - solid or dashed/dotted                                                            | RuleTypes                  | no       | all      | yes               |
 | dashWidth                    | width of each dash in the horizontal rules                                                                       | number                     | no       | all      | yes               |
 | dashGap                      | gap between each dash in the horizontal rules                                                                    | number                     | no       | all      | yes               |
 | stepHeight                   | height of each step/horizontal section in the chart body                                                         | number                     | no       | all      | yes               |
@@ -908,7 +908,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | yAxisStrokeDashArray         | used to render a dashed or dotted Y axis line ([dashWidth,dashGap])                                              | Array<number>              | no       | all      | yes               |
 | xAxisColor                   | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
 | xAxisThickness               | self explanatory                                                                                                 | number                     | no       | all      | yes               |
-| xAxisType                    | type of X-axis- SOLID, DASHED or DOTTED                                                                          | RuleTypes                  | no       | all      | yes               |
+| xAxisType                    | type of X-axis- solid or dashed/dotted                                                                           | RuleTypes                  | no       | all      | yes               |
 | xAxisNoOfSections            | number of sections in X-axis (in both left and right parts)                                                      | number                     | no       | all      | yes               |
 | showXAxisIndices             | when set to true, shows small lines (indices) at each section of x-axis                                          | boolean                    | no       | all      | yes               |
 | xAxisIndicesWidth            | width of x axis indices                                                                                          | number                     | no       | all      | yes               |
diff --git a/zh-cn/react-native-gifted-charts.md b/zh-cn/react-native-gifted-charts.md
index 40d2fb02..0629793a 100644
--- a/zh-cn/react-native-gifted-charts.md
+++ b/zh-cn/react-native-gifted-charts.md
@@ -894,7 +894,7 @@ export default function () {
 | hideRules                    | when set to true, hides horizontal rules (which are displayed in the background of the charts)                   | boolean                    | no       | all      | yes               |
 | rulesThickness               | thickness of the horizontal rules                                                                                | number                     | no       | all      | yes               |
 | rulesColor                   | color of the horizontal rules                                                                                    | ColorValue                 | no       | all      | yes               |
-| rulesType                    | type of the horizontal rules - SOLID or DASHED/DOTTED                                                            | RuleTypes                  | no       | all      | yes               |
+| rulesType                    | type of the horizontal rules - solid or dashed/dotted                                                            | RuleTypes                  | no       | all      | yes               |
 | dashWidth                    | width of each dash in the horizontal rules                                                                       | number                     | no       | all      | yes               |
 | dashGap                      | gap between each dash in the horizontal rules                                                                    | number                     | no       | all      | yes               |
 | stepHeight                   | height of each step/horizontal section in the chart body                                                         | number                     | no       | all      | yes               |
@@ -906,7 +906,7 @@ export default function () {
 | yAxisStrokeDashArray         | used to render a dashed or dotted Y axis line ([dashWidth,dashGap])                                              | Array<number>              | no       | all      | yes               |
 | xAxisColor                   | self explanatory                                                                                                 | ColorValue                 | no       | all      | yes               |
 | xAxisThickness               | self explanatory                                                                                                 | number                     | no       | all      | yes               |
-| xAxisType                    | type of X-axis- SOLID, DASHED or DOTTED                                                                          | RuleTypes                  | no       | all      | yes               |
+| xAxisType                    | type of X-axis- solid or dashed/dotted                                                                          | RuleTypes                  | no       | all      | yes               |
 | xAxisNoOfSections            | number of sections in X-axis (in both left and right parts)                                                      | number                     | no       | all      | yes               |
 | showXAxisIndices             | when set to true, shows small lines (indices) at each section of x-axis                                          | boolean                    | no       | all      | yes               |
 | xAxisIndicesWidth            | width of x axis indices                                                                                          | number                     | no       | all      | yes               |

From 2828fbfade159baf72b574047087f8e51c803a59 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Wed, 20 Nov 2024 12:10:01 +0000
Subject: [PATCH 870/966] =?UTF-8?q?!1897=20docs:=20[Issues:=20#IB5T3O]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-copilot=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB5T3O]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-copilot=20=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-copilot.md    | 2 ++
 zh-cn/react-native-copilot.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/en/react-native-copilot.md b/en/react-native-copilot.md
index d3d30c6b..c472582a 100644
--- a/en/react-native-copilot.md
+++ b/en/react-native-copilot.md
@@ -276,6 +276,8 @@ For details, see [react-native-copilot](https://github.com/mohebifar/react-nativ
 
 ## Known Issues
 
+- [ ] "overlay" property effect is not obvious [issue#1](https://github.com/mohebifar/react-native-copilot/issues/333) 
+
 ## Others
 - The androidStatusBarVisible property is invalid on HarmonyOS. This property is used to calculate the position of the modal box even after hiding the Status Bar on Android. However, when HarmonyOS hides the Status Bar, its height is 0, so this property is invalid on HarmonyOS.
 
diff --git a/zh-cn/react-native-copilot.md b/zh-cn/react-native-copilot.md
index 5193327d..9d088a2b 100644
--- a/zh-cn/react-native-copilot.md
+++ b/zh-cn/react-native-copilot.md
@@ -276,6 +276,8 @@ const styles = StyleSheet.create({
 
 ## 遗留问题
 
+- [ ] overlay 属性效果不明显 [issue#1](https://github.com/mohebifar/react-native-copilot/issues/333) 
+
 ## 其他
 
 - androidStatusBarVisible 属性在 harmonyOS 上无效，该属性是在 Android 上隐藏 StatusBar 后，StatusBar还是有高度，用来计算模态框的位置，但是 harmonyOS 隐藏 StatusBar 后，StatusBar 的高度为 0，所以该属性在 harmonyOS 上无效。

From 48400a3c3caa52e9139d9dc82010cd275a7ef11c Mon Sep 17 00:00:00 2001
From: jinzhao <wangjingyao4@h-partners.com>
Date: Wed, 20 Nov 2024 12:14:22 +0000
Subject: [PATCH 871/966] =?UTF-8?q?!1899=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?sticky-parallax-header=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:IB5UB7]=E4=BF=AE=E6=94=B9react-native-sticky?=
 =?UTF-8?q?-parallax-header=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-sticky-parallax-header.md    | 1 -
 zh-cn/react-native-sticky-parallax-header.md | 1 -
 2 files changed, 2 deletions(-)

diff --git a/en/react-native-sticky-parallax-header.md b/en/react-native-sticky-parallax-header.md
index b3439f08..bf08354b 100644
--- a/en/react-native-sticky-parallax-header.md
+++ b/en/react-native-sticky-parallax-header.md
@@ -330,7 +330,6 @@ The DetailsHeaderScrollView, DetailsHeaderFlatList, and DetailsHeaderSectionList
 | snapStartThreshold             | Resistance value at the start of sliding                                  | number                                                | no       | iOS/Android | yes               |
 | snapStopThreshold              | Resistance value at the end of sliding                                    | number                                                | no       | iOS/Android | no                |
 | snapToEdge                     | enabled or not to slide to edge（default true）                             | number                                                | no       | iOS/Android | no                |
-| stickyTabs                     | Indicates whether the tab bar can be fixed（default true）                  | number                                                | no       | iOS/Android | yes               |
 | subtitle                      | SubTitle Text                                                             | string                                                | no       | iOS/Android | yes               |
 | subtitleStyle                 | SubTitle Text Style                                                       | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | subtitleTestID                | SubTitle Text Test ID                                                     | string                                                | no       | iOS/Android | yes               |
diff --git a/zh-cn/react-native-sticky-parallax-header.md b/zh-cn/react-native-sticky-parallax-header.md
index 48064105..53766658 100644
--- a/zh-cn/react-native-sticky-parallax-header.md
+++ b/zh-cn/react-native-sticky-parallax-header.md
@@ -327,7 +327,6 @@ DetailsHeaderScrollView、DetailsHeaderFlatList 以及 DetailsHeaderSectionList
 | snapStartThreshold             | 滑动开始时阻力值                        | number                                                | no       | iOS/Android | yes               |
 | snapStopThreshold              | 滑动结束时阻力值                        | number                                                | no       | iOS/Android | no                |
 | snapToEdge                     | 是否可以滑动到 Edge（默认 true）        | number                                                | no       | iOS/Android | no                |
-| stickyTabs                     | Tab 栏是否可以固定位置（默认 true）     | number                                                | no       | iOS/Android | yes               |
 | subtitle                      | 子标题                                  | string                                                | no       | iOS/Android | yes               |
 | subtitleStyle                 | 子标题样式                              | style - StyleProp<TextStyle>                          | no       | iOS/Android | yes               |
 | subtitleTestID                | 子标题测试 ID                           | string                                                | no       | iOS/Android | yes               |

From 7bf2caf3cd8afc630fc783f166240de09da99f2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B8=A9=E6=98=8A=E4=B8=9C?= <dvaj@qq.com>
Date: Thu, 21 Nov 2024 01:09:25 +0000
Subject: [PATCH 872/966] =?UTF-8?q?!1900=20docs:=20[Issues:=20#IB5UNJ]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-blurhash=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IB5UNJ]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-blurhash=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-blurhash.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-blurhash.md b/zh-cn/react-native-blurhash.md
index df28cbdc..03ea8f98 100644
--- a/zh-cn/react-native-blurhash.md
+++ b/zh-cn/react-native-blurhash.md
@@ -430,7 +430,7 @@ ohpm install
 | ------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
 | encode()           | Encodes the given image URI to a blurhash string             | (imageUri: string, componentsX: number, componentsY: number)=> Promise\<string>; | no       | All      | yes               |
 | clearCosineCache() | Clears the cosine cache and frees up memory.                 | ()=> void                                                    | no       | All      | yes               |
-| getAverageColor)   | Gets the average color in a given blurhash string.           | (blurhash: string)=> RGB \|undefined;                        | no       | All      | yes               |
+| getAverageColor()   | Gets the average color in a given blurhash string.           | (blurhash: string)=> RGB \|undefined;                        | no       | All      | yes               |
 | isBlurhashValid()  | Verifies if the given blurhash is valid by checking it's type, length and size flag. | (blurhash: string)=> ReturnType\<typeof isBlurhashValid>;    | no       | All      | yes               |
 
 ## 遗留问题

From 2483dad24d2b149dd391dbf9177fbb99aac47930 Mon Sep 17 00:00:00 2001
From: wurep <3415239542@qq.com>
Date: Thu, 21 Nov 2024 01:39:39 +0000
Subject: [PATCH 873/966] =?UTF-8?q?!1898=20docs:=20[Issues:=20#IB5TVL]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-spring-scrollview=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB5TVL]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-spring-scrollview=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-spring-scrollview.md    | 105 ++++++++++++++++++++----
 zh-cn/react-native-spring-scrollview.md | 105 ++++++++++++++++++++----
 2 files changed, 180 insertions(+), 30 deletions(-)

diff --git a/en/react-native-spring-scrollview.md b/en/react-native-spring-scrollview.md
index c8af5eed..d380a0e4 100644
--- a/en/react-native-spring-scrollview.md
+++ b/en/react-native-spring-scrollview.md
@@ -50,19 +50,12 @@ import {
   TouchableOpacity,
   View,
   Platform,
-  Animated,
-  ScrollView,
+  Animated
 } from 'react-native';
 import {SpringScrollView} from 'react-native-spring-scrollview';
-
-const AnimatedSpringScrollView = Animated.createAnimatedComponent(SpringScrollView);
 export default class ScrollToAndOnScrollExample extends React.Component {
   _contentCount = 20;
   _scrollView;
-  _nativeOffset = {
-    y: new Animated.Value(0),
-  };
-
   render() {
     const arr = [];
     for (let i = 0; i < this._contentCount; ++i) arr.push(i);
@@ -71,14 +64,26 @@ export default class ScrollToAndOnScrollExample extends React.Component {
         <TouchableOpacity style={styles.scrollTo} onPress={this._scrollTo}>
           <Text>Tap to ScrollTo y=200</Text>
         </TouchableOpacity>
+        <TouchableOpacity style={styles.scrollTo} onPress={this._scroll}>
+          <Text>scroll</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={styles.scrollTo} onPress={this._scrollToBegin}>
+          <Text>scrollToBegin</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={styles.scrollTo} onPress={this._scrollToEnd}>
+          <Text>scrollToEnd</Text>
+        </TouchableOpacity>
         <SpringScrollView
           style={styles.container}
           ref={(ref) => (this._scrollView = ref)}
           onTouchBegin={this._onTouchBegin}
-          onTouchFinish={this._onTouchEnd}
+          onTouchEnd={this._onTouchEnd}
           onMomentumScrollBegin={this.onMomentumScrollBegin}
           onMomentumScrollEnd={this._onMomentumScrollEnd}
-          onNativeContentOffsetExtract={this._nativeOffset}
+          onScrollBeginDrag={this._onScrollBeginDrag}
+          onSizeChange={this._onSizeChange}
+          onContentSizeChange={this._onContentSizeChange}
+          onScroll={this._onScroll}
           >
           {arr.map((i, index) => (
             <Text key={index} style={styles.text}>
@@ -87,13 +92,83 @@ export default class ScrollToAndOnScrollExample extends React.Component {
               'onMomentumScrollEnd' work well!
             </Text>
           ))}
-          <Animated.View style={this._stickyHeaderStyle}>
-            <Text>Test `onNativeContentOffsetExtract`</Text>
-          </Animated.View>
         </SpringScrollView>
       </View>
     );
   }
+  _onScroll = offset => {
+    console.log("onScroll", offset.nativeEvent);
+  };
+  _onSizeChange= (wh) => {
+    console.log('onSizeChange:'+JSON.stringify(wh));
+  };
+  _onContentSizeChange= (wh) => {
+    console.log('onContentSizeChange:'+JSON.stringify(wh));
+  };
+  _onNativeContentOffsetExtract = () => {
+    console.log('onNativeContentOffsetExtract');
+  };
+  _onScrollBeginDrag = () => {
+    console.log('onScrollBeginDrag');
+  };
+  _scroll = () => {
+    console.log('scroll');
+    if (this._scrollView) {
+      this._scrollView
+        .scroll({x: 0, y: 200});
+    }
+  };
+  _scrollTo = () => {
+    console.log('scrollTo');
+    if (this._scrollView) {
+      this._scrollView
+        .scrollTo({x: 0, y: 200})
+        .then(() => console.log('ScrollTo has finished'));
+    }
+  };
+  _scrollToBegin = () => {
+    console.log('scrollToBegin');
+    if (this._scrollView) {
+      this._scrollView.scrollToBegin(true);
+    }
+  };
+  _scrollToEnd = () => {
+    console.log('scrollToEnd');
+    if (this._scrollView) {
+      this._scrollView.scrollToEnd(true);
+    }
+  };
+  _onTouchBegin = () => {
+    console.log('onTouchBegin');
+  };
+  _onTouchEnd = () => {
+    console.log('onTouchEnd');
+  };
+  onMomentumScrollBegin = () => {
+    console.log('onMomentumScrollBegin');
+  };
+  _onMomentumScrollEnd = () => {
+    console.log('onMomentumScrollEnd');
+  };
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  scrollTo: {
+    marginTop: Platform.OS === 'ios' ? 20 : 0,
+    backgroundColor: 'gray',
+    zIndex: 100,
+    height: 50,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    fontSize: 16,
+    margin: 20,
+  },
+});
 ```
 
 ## Link
@@ -268,9 +343,9 @@ Check the release version information in the release address of the third-party
 | textInputRefs  |  text input      |  any[]  | yes | iOS/Android      | yes |
 | inverted  | inverted. It is a service for LargeList.         |  boolean  | yes | iOS/Android      | yes |
 | inputToolBarHeight  | set height of the input toolbar        |  number  | yes | iOS/Android      | yes |
-| tapToHideKeyboard  | hide the currently displayed keyboard        |  boolean  | yes | iOS/Android      | yes |
+| dragToHideKeyboard  | hide the currently displayed keyboard        |  boolean  | yes | iOS/Android      | yes |
 | onTouchBegin()  | begin touch         | ()=>any  | yes | iOS/Android      | yes|
-| onTouchFinish()   | touch finished         | ()=>any | yes | iOS/Android      | yes|
+| onTouchEnd()   | touch finished         | ()=>any | yes | iOS/Android      | yes|
 | beginRefresh()  | If you want to begin refreshing programally without finger draging, call this method after initialized.         | Promise<any>  | yes | iOS/Android      | yes|
 | endRefresh()  | End the refreshing status.        | void  | yes | iOS/Android      | yes|
 | endLoading()  | End the loading status.        | void  | yes | iOS/Android      | yes|
diff --git a/zh-cn/react-native-spring-scrollview.md b/zh-cn/react-native-spring-scrollview.md
index 3cd3a565..89c7c94a 100644
--- a/zh-cn/react-native-spring-scrollview.md
+++ b/zh-cn/react-native-spring-scrollview.md
@@ -48,19 +48,12 @@ import {
   TouchableOpacity,
   View,
   Platform,
-  Animated,
-  ScrollView,
+  Animated
 } from 'react-native';
 import {SpringScrollView} from 'react-native-spring-scrollview';
-
-const AnimatedSpringScrollView = Animated.createAnimatedComponent(SpringScrollView);
 export default class ScrollToAndOnScrollExample extends React.Component {
   _contentCount = 20;
   _scrollView;
-  _nativeOffset = {
-    y: new Animated.Value(0),
-  };
-
   render() {
     const arr = [];
     for (let i = 0; i < this._contentCount; ++i) arr.push(i);
@@ -69,14 +62,26 @@ export default class ScrollToAndOnScrollExample extends React.Component {
         <TouchableOpacity style={styles.scrollTo} onPress={this._scrollTo}>
           <Text>Tap to ScrollTo y=200</Text>
         </TouchableOpacity>
+        <TouchableOpacity style={styles.scrollTo} onPress={this._scroll}>
+          <Text>scroll</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={styles.scrollTo} onPress={this._scrollToBegin}>
+          <Text>scrollToBegin</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={styles.scrollTo} onPress={this._scrollToEnd}>
+          <Text>scrollToEnd</Text>
+        </TouchableOpacity>
         <SpringScrollView
           style={styles.container}
           ref={(ref) => (this._scrollView = ref)}
           onTouchBegin={this._onTouchBegin}
-          onTouchFinish={this._onTouchEnd}
+          onTouchEnd={this._onTouchEnd}
           onMomentumScrollBegin={this.onMomentumScrollBegin}
           onMomentumScrollEnd={this._onMomentumScrollEnd}
-          onNativeContentOffsetExtract={this._nativeOffset}
+          onScrollBeginDrag={this._onScrollBeginDrag}
+          onSizeChange={this._onSizeChange}
+          onContentSizeChange={this._onContentSizeChange}
+          onScroll={this._onScroll}
           >
           {arr.map((i, index) => (
             <Text key={index} style={styles.text}>
@@ -85,13 +90,83 @@ export default class ScrollToAndOnScrollExample extends React.Component {
               'onMomentumScrollEnd' work well!
             </Text>
           ))}
-          <Animated.View style={this._stickyHeaderStyle}>
-            <Text>Test `onNativeContentOffsetExtract`</Text>
-          </Animated.View>
         </SpringScrollView>
       </View>
     );
   }
+  _onScroll = offset => {
+    console.log("onScroll", offset.nativeEvent);
+  };
+  _onSizeChange= (wh) => {
+    console.log('onSizeChange:'+JSON.stringify(wh));
+  };
+  _onContentSizeChange= (wh) => {
+    console.log('onContentSizeChange:'+JSON.stringify(wh));
+  };
+  _onNativeContentOffsetExtract = () => {
+    console.log('onNativeContentOffsetExtract');
+  };
+  _onScrollBeginDrag = () => {
+    console.log('onScrollBeginDrag');
+  };
+  _scroll = () => {
+    console.log('scroll');
+    if (this._scrollView) {
+      this._scrollView
+        .scroll({x: 0, y: 200});
+    }
+  };
+  _scrollTo = () => {
+    console.log('scrollTo');
+    if (this._scrollView) {
+      this._scrollView
+        .scrollTo({x: 0, y: 200})
+        .then(() => console.log('ScrollTo has finished'));
+    }
+  };
+  _scrollToBegin = () => {
+    console.log('scrollToBegin');
+    if (this._scrollView) {
+      this._scrollView.scrollToBegin(true);
+    }
+  };
+  _scrollToEnd = () => {
+    console.log('scrollToEnd');
+    if (this._scrollView) {
+      this._scrollView.scrollToEnd(true);
+    }
+  };
+  _onTouchBegin = () => {
+    console.log('onTouchBegin');
+  };
+  _onTouchEnd = () => {
+    console.log('onTouchEnd');
+  };
+  onMomentumScrollBegin = () => {
+    console.log('onMomentumScrollBegin');
+  };
+  _onMomentumScrollEnd = () => {
+    console.log('onMomentumScrollEnd');
+  };
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  scrollTo: {
+    marginTop: Platform.OS === 'ios' ? 20 : 0,
+    backgroundColor: 'gray',
+    zIndex: 100,
+    height: 50,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    fontSize: 16,
+    margin: 20,
+  },
+});
 ```
 
 ## Link
@@ -268,9 +343,9 @@ ohpm install
 | textInputRefs  |  text input      |  any[]  | yes | iOS/Android      | yes |
 | inverted  | inverted. It is a service for LargeList.         |  boolean  | yes | iOS/Android      | yes |
 | inputToolBarHeight  | set height of the input toolbar        |  number  | yes | iOS/Android      | yes |
-| tapToHideKeyboard  | hide the currently displayed keyboard        |  boolean  | yes | iOS/Android      | yes |
+| dragToHideKeyboard  | hide the currently displayed keyboard        |  boolean  | yes | iOS/Android      | yes |
 | onTouchBegin()  | begin touch         | ()=>any  | yes | iOS/Android      | yes|
-| onTouchFinish()   | touch finished         | ()=>any | yes | iOS/Android      | yes|
+| onTouchEnd()   | touch finished         | ()=>any | yes | iOS/Android      | yes|
 | beginRefresh()  | If you want to begin refreshing programally without finger draging, call this method after initialized.         | Promise<any>  | yes | iOS/Android      | yes|
 | endRefresh()  | End the refreshing status.        | void  | yes | iOS/Android      | yes|
 | endLoading()  | End the loading status.        | void  | yes | iOS/Android      | yes|

From 341075706494955fdfccf33db84cb252eb03ef71 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Thu, 21 Nov 2024 02:57:46 +0000
Subject: [PATCH 874/966] =?UTF-8?q?!1890=20docs:=20[Issues:=20#IB5FPW]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20nativewind=20=E7=AD=89=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB5FPW]=20rn-tourg?=
 =?UTF-8?q?uide.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-navigation-st?=
 =?UTF-8?q?ack.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-navigation-sha?=
 =?UTF-8?q?red-element.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-naviga?=
 =?UTF-8?q?tion-native.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-naviga?=
 =?UTF-8?q?tion-bottom-tabs.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-n?=
 =?UTF-8?q?ative-zip-archive.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-?=
 =?UTF-8?q?native-worklets-core.md=20*=20docs:=20[Issues:=20#IB5FPW]=20rea?=
 =?UTF-8?q?ct-native-vision-camera.md=20*=20docs:=20[Issues:=20#IB5FPW]=20?=
 =?UTF-8?q?react-native-view-overflow.md=20*=20docs:=20[Issues:=20#IB5FPW]?=
 =?UTF-8?q?=20react-native-vector-drawable.md=20*=20docs:=20[Issues:=20#IB?=
 =?UTF-8?q?5FPW]=20react-native-typing-animation.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB5FPW]=20react-native-touch-id.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB5FPW]=20react-native-switch-selector.md=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IB5FPW]=20react-native-swipeable-list.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB5FPW]=20react-native-svg-charts.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB5FPW]=20react-native-spinkit.md=20*=20docs:=20?=
 =?UTF-8?q?[Issues:=20#IB5FPW]=20react-native-sortable-list.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB5FPW]=20react-native-signature-capture.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IB5FPW]=20react-native-shimmer-placehold?=
 =?UTF-8?q?er.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-native-shadow-2?=
 =?UTF-8?q?.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-native-securerand?=
 =?UTF-8?q?om.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-native-restart.?=
 =?UTF-8?q?md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-native-randombytes?=
 =?UTF-8?q?.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-native-qr-decode-?=
 =?UTF-8?q?image-camera.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-nativ?=
 =?UTF-8?q?e-picker-select.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-na?=
 =?UTF-8?q?tive-offline.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-nativ?=
 =?UTF-8?q?e-network-info.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-nat?=
 =?UTF-8?q?ive-neomorph-shadows.md=20*=20docs:=20[Issues:=20#IB5FPW]=20rea?=
 =?UTF-8?q?ct-native-multiple-select.md=20*=20docs:=20[Issues:=20#IB5FPW]?=
 =?UTF-8?q?=20react-native-modal.md=20*=20docs:=20[Issues:=20#IB5FPW]=20re?=
 =?UTF-8?q?act-native-material-textfield.md=20*=20docs:=20[Issues:=20#IB5F?=
 =?UTF-8?q?PW]=20react-native-material-design-style.md=20*=20docs:=20[Issu?=
 =?UTF-8?q?es:=20#IB5FPW]=20react-native-material-buttons.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB5FPW]=20react-native-linear-gradient-text.md?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IB5FPW]=20react-native-iphone-screen?=
 =?UTF-8?q?-helper.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-native-ima?=
 =?UTF-8?q?ge-crop-picker.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-nat?=
 =?UTF-8?q?ive-image-crop-picker(nocodegen).md=20*=20docs:=20[Issues:=20#I?=
 =?UTF-8?q?B5FPW]=20react-native-hyperlink.md=20*=20docs:=20[Issues:=20#IB?=
 =?UTF-8?q?5FPW]=20react-native-http-bridge.md=20*=20docs:=20[Issues:=20#I?=
 =?UTF-8?q?B5FPW]=20react-native-get-random-values.md=20*=20docs:=20[Issue?=
 =?UTF-8?q?s:=20#IB5FPW]=20react-native-flip-card.md=20*=20docs:=20[Issues?=
 =?UTF-8?q?:=20#IB5FPW]=20react-native-ezswiper.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB5FPW]=20react-native-crypto.md=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IB5FPW]=20react-native-credit-card-input.md=20*=20docs:=20[Issu?=
 =?UTF-8?q?es:=20#IB5FPW]=20react-native-create-thumbnail.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB5FPW]=20react-native-collapsible.md=20*=20docs?=
 =?UTF-8?q?:=20[Issues:=20#IB5FPW]=20react-native-code-push.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB5FPW]=20react-native-barcode-builder.md=20*=20?=
 =?UTF-8?q?docs:=20[Issues:=20#IB5FPW]=20react-native-autocomplete-dropdow?=
 =?UTF-8?q?n.md=20*=20docs:=20[Issues:=20#IB5FPW]=20react-native-action-sh?=
 =?UTF-8?q?eet.md=20*=20docs:=20[Issues:=20#IB5FPW]=20nativewind.md=20*=20?=
 =?UTF-8?q?docs:=20[Issues:=20#IB5FPW]=20Shopify-restyle.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/Shopify-restyle.md                         |  70 +++----
 en/nativewind.md                              |  38 ++--
 en/react-native-action-sheet.md               |  34 ++--
 en/react-native-autocomplete-dropdown.md      |  38 ++--
 en/react-native-barcode-builder.md            |   2 +-
 en/react-native-code-push.md                  |  36 ++--
 en/react-native-collapsible.md                |  30 +--
 en/react-native-create-thumbnail.md           |  90 +++++----
 en/react-native-credit-card-input.md          |  32 ++--
 en/react-native-crypto.md                     | 139 +++++++-------
 en/react-native-ezswiper.md                   |  36 ++--
 en/react-native-flip-card.md                  |  32 ++--
 en/react-native-get-random-values.md          |  69 ++++---
 en/react-native-http-bridge.md                |  84 +++++----
 en/react-native-hyperlink.md                  |   2 +-
 ...act-native-image-crop-picker(nocodegen).md |  93 +++++-----
 en/react-native-image-crop-picker.md          | 161 ++++++++--------
 en/react-native-iphone-screen-helper.md       |  32 ++--
 en/react-native-linear-gradient-text.md       |  37 ++--
 en/react-native-material-buttons.md           |  42 ++---
 en/react-native-material-design-style.md      |  26 +--
 en/react-native-material-textfield.md         |  50 +++--
 en/react-native-modal.md                      |  34 ++--
 en/react-native-multiple-select.md            |   6 +-
 en/react-native-neomorph-shadows.md           |  48 ++---
 en/react-native-network-info.md               |   4 +-
 en/react-native-offline.md                    |  42 ++---
 en/react-native-picker-select.md              |  43 ++---
 en/react-native-qr-decode-image-camera.md     |  91 +++++----
 en/react-native-randombytes.md                |  79 ++++----
 en/react-native-restart.md                    |  79 ++++----
 en/react-native-securerandom.md               |   2 +-
 en/react-native-shadow-2.md                   |  42 ++---
 en/react-native-shimmer-placeholder.md        |  44 ++---
 en/react-native-signature-capture.md          |  91 +++++----
 en/react-native-sortable-list.md              |  40 ++--
 en/react-native-spinkit.md                    |  85 +++++----
 en/react-native-svg-charts.md                 |   2 +-
 en/react-native-swipeable-list.md             |   2 +-
 en/react-native-switch-selector.md            |  38 ++--
 en/react-native-touch-id.md                   |  92 +++++-----
 en/react-native-typing-animation.md           |  30 +--
 en/react-native-vector-drawable.md            |  34 ++--
 en/react-native-view-overflow.md              |  32 ++--
 en/react-native-vision-camera.md              | 165 ++++++++---------
 en/react-native-worklets-core.md              |  84 ++++-----
 en/react-native-zip-archive.md                | 173 +++++++++---------
 en/react-navigation-bottom-tabs.md            |  41 ++---
 en/react-navigation-native.md                 |  34 ++--
 en/react-navigation-shared-element.md         |  40 ++--
 en/react-navigation-stack.md                  |  47 +++--
 en/rn-tourguide.md                            |  38 ++--
 52 files changed, 1354 insertions(+), 1401 deletions(-)

diff --git a/en/Shopify-restyle.md b/en/Shopify-restyle.md
index bb821c3e..8e6915da 100644
--- a/en/Shopify-restyle.md
+++ b/en/Shopify-restyle.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@shopify/restyle</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/Shopify/restyle)
+> [!TIP] [GitHub address](https://github.com/Shopify/restyle)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add @shopify/restyle@2.4.4
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { createTheme } from "@shopify/restyle";
@@ -96,28 +96,28 @@ export const App = () => (
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## Hooks
 
-详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/)
+For details, see [restyle](https://shopify.github.io/restyle/)
 
-以下为目前已支持的 Hooks：
+Here are the currently supported Hooks:
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |       Name        |                                           Description                                           |   Type   | Required | Platform | HarmonyOS Support |
 |:-----------------:|:-----------------------------------------------------------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
@@ -125,15 +125,15 @@ export const App = () => (
 |    useRestyle     | Dynamically styles reaction components based on a theme and a set of rules for resetting styles | function |    No    |   All    |        Yes        |
 | useResponsiveProp |                  Fetching the value of a responsive prop in a custom component                  | function |    No    |   All    |        Yes        |
 
-## 方法
+## Methods
 
-详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/)
+For details, see [restyle](https://shopify.github.io/restyle/)
 
-以下为目前已支持的方法：
+Here are the currently supported methods:
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name          |                                  Description                                   |   Type   | Required | Platform | HarmonyOS Support |
 |:----------------------:|:------------------------------------------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
@@ -142,15 +142,15 @@ export const App = () => (
 | createRestyleFunction  |                         Creating a Predefined Restyle                          | function |    No    |   All    |        Yes        |
 | createRestyleComponent | To create a custom component, you need to set the predefined Restyle function. | function |    No    |   All    |        Yes        |
 
-## 预定义组件
+## Predefined components
 
-详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/)
+For details, see [restyle](https://shopify.github.io/restyle/)
 
-以下为目前已支持的预定义组件：
+Here are the currently supported predefined components:
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |     Name      |                  Description                   |   Type   | Required | Platform | HarmonyOS Support |
 |:-------------:|:----------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
@@ -158,15 +158,15 @@ export const App = () => (
 |   createBox   |            Predefined Box component            | function |    No    |   All    |        Yes        |
 | ThemeProvider | Set the theme to the outermost React component | function |    No    |   All    |        Yes        |
 
-## 预定义 Restyle 函数
+## Predefined Restyle Functions
 
-详细请查看 [restyle 的文档介绍](https://shopify.github.io/restyle/fundamentals/restyle-functions)
+For details, see [restyle](https://shopify.github.io/restyle/fundamentals/restyle-functions)
 
-以下为目前已支持的预定义 Restyle 函数：
+Here are the currently supported predefined Restyle functions:
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |              Name              |                                                                                                                                                                                    Props                                                                                                                                                                                     |   Type   | Required | Platform | HarmonyOS Support |
 |:------------------------------:|:----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------:|:--------:|:--------:|:--------:|:-----------------:|
@@ -186,12 +186,12 @@ export const App = () => (
 |           textShadow           |                                                                                                                                                                      textShadowOffset, textShadowRadius                                                                                                                                                                      | function |    No    |   All    |        NO         |
 |           textShadow           |                                                                                                                                                                               textShadowColor                                                                                                                                                                                | function |    No    |   All    |        NO         |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
- - 预函数textShadow在Android和iOS不生效， HarmonyOS与Android,iOS表现一致 [原库 issue](https://github.com/Shopify/restyle/issues/307)
+ - The pre-defined function textShadow does not take effect on Android and iOS, but HarmonyOS exhibits consistent behavior with Android and iOS in this regard. [issue](https://github.com/Shopify/restyle/issues/307)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/Shopify/restyle/blob/master/LICENSE.md)，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/Shopify/restyle/blob/master/LICENSE.md)，请自由地享受和参与开源。
diff --git a/en/nativewind.md b/en/nativewind.md
index 8396feda..02731956 100644
--- a/en/nativewind.md
+++ b/en/nativewind.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>nativewind</code> </h1>
@@ -13,15 +13,15 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/nativewind)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/nativewind)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -43,7 +43,7 @@ yarn add @react-native-oh-tpl/nativewind
 npx tailwindcss init
 ```
 
-#### **在你的 tailwind.config.js 文件中添加所有组件文件的路径。**
+#### **Add the paths of all component files to your tailwind.config.js file.**
 
 ```diff
 module.exports = {
@@ -56,7 +56,7 @@ module.exports = {
 }
 ```
 
-#### **修改你的 babel.config.js。**
+#### **Modify your babel.config.js.**
 
 ```diff
 module.exports = {
@@ -67,9 +67,9 @@ module.exports = {
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import React from 'react';
@@ -91,18 +91,18 @@ const NativewindDemo = () => {
 export default NativewindDemo
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/nativewind Releases](https://github.com/react-native-oh-library/nativewind/releases)
 
 ## API
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
 | -------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
@@ -111,10 +111,10 @@ export default NativewindDemo
 | useColorScheme()     | provides access to the devices color scheme.                 | () =>{colorScheme,setColorScheme}                            | no       | All      | yes               |
 | NativeWindStyleSheet | A StyleSheet is an abstraction similar to CSS StyleSheets and React Native's StyleSheet | component                                                    | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/nativewind/nativewind/blob/main/packages/nativewind/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/nativewind/nativewind/blob/main/packages/nativewind/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-action-sheet.md b/en/react-native-action-sheet.md
index d16495e5..a6af45f6 100644
--- a/en/react-native-action-sheet.md
+++ b/en/react-native-action-sheet.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-action-sheet</code> </h1>
@@ -12,12 +12,12 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/expo/react-native-action-sheet)
+> [!TIP] [GitHub address](https://github.com/expo/react-native-action-sheet)
 
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -36,9 +36,9 @@ yarn add @expo/react-native-action-sheet@4.0.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import { ActionSheetProvider, connectActionSheet, ActionSheetProps } from '@expo/react-native-action-sheet';
@@ -187,22 +187,22 @@ const styles = StyleSheet.create({
   },
 });
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **showActionSheetWithOptions**
 
@@ -234,9 +234,9 @@ const styles = StyleSheet.create({
 | ------------------ | ----------------------------------------------- | --------------- | -------- | -------- | ----------------- |
 | `useCustomActionSheet` | iOS only prop that uses the custom pure JS action sheet (Android/Web version) instead of the native ActionSheetIOS component. Defaults to false. |boolean   | no     | ios  | yes      |
 | `useNativeDriver` | Windows only option that provides the option to disable the native animation driver for React Native Windows projects targeting Windows 10 Version-1809 ; Build-10.0.17763.0 and earlier. useNativeDriver is supported in Version-1903 and later so if your project is targeting that, you don't need to set this prop. |boolean   | no     | Web  | yes      |
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/expo/react-native-action-sheet/blob/master/LICENSE) ，请自由地享受和参与开源。
+## License
+This project is licensed under [The MIT License (MIT)](https://github.com/expo/react-native-action-sheet/blob/master/LICENSE).
diff --git a/en/react-native-autocomplete-dropdown.md b/en/react-native-autocomplete-dropdown.md
index 56a600c8..f718a0d2 100644
--- a/en/react-native-autocomplete-dropdown.md
+++ b/en/react-native-autocomplete-dropdown.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-autoComplete-dropdown</code> </h1>
@@ -14,9 +14,9 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/onmotion/react-native-autocomplete-dropdown)
+> [!TIP] [GitHub address](https://github.com/onmotion/react-native-autocomplete-dropdown)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add react-native-autocomplete-dropdown@4.0.0-rc.5
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 1. Wrap your root component in AutocompleteDropdownContextProvider from react-native-autocomplete-dropdown
 
@@ -92,24 +92,24 @@ export const LocalDataSetExample = memo(() => {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-svg to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
    
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name                          | Description                                                                                                   | Type                | Required | Platform    | HarmonyOS Support |
@@ -155,14 +155,14 @@ export const LocalDataSetExample = memo(() => {
 | flatListProps                 | props for \ component                                                                                         | FlatListProps       | no       | iOS/Android | yes               |
 
 
-## 遗留问题
+## Known Issues
 
-- [ ] TextInput在页面底部时，键盘弹起会导致View标签measure方法计算pageY错误,导致dropdown位置不正确,RN框架问题。
+- [ ] When the TextInput is at the bottom of the page, the keyboard popping up can cause the measure method of the View tag to calculate the pageY incorrectly, resulting in an improperly positioned dropdown. This is an issue with the React Native framework.
 
-## 其他
+## Others
 
-- closeOnBlur、bottomOffset属性在4.0.0-rc5版本不支持，源码组件入口props中不接收这两个属性 [源码：index.tsx](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/src/index.tsx#L59)
+- The closeOnBlur and bottomOffset properties are not supported in version 4.0.0-rc5. These properties are not accepted in the props of the component entry in the source code [Source code: index.tsx](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/src/index.tsx#L59)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/onmotion/react-native-autocomplete-dropdown/blob/main/LICENSE).
diff --git a/en/react-native-barcode-builder.md b/en/react-native-barcode-builder.md
index 984fa4cf..401856f8 100644
--- a/en/react-native-barcode-builder.md
+++ b/en/react-native-barcode-builder.md
@@ -96,7 +96,7 @@ Check the release version information in the release address of the third-party
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-该库为 UI 组件库，通过配置 Properties 标签，实现对应的功能。
+This library is a UI component library that achieves corresponding functions by configuring the Properties tag.
 
 | Name       | Type     | Description                                                                                      | Required | Platform    | HarmonyOS Support |
 | ---------- | -------- | ------------------------------------------------------------------------------------------------ | -------- | ----------- | ----------------- |
diff --git a/en/react-native-code-push.md b/en/react-native-code-push.md
index 74fdd419..8da81b11 100644
--- a/en/react-native-code-push.md
+++ b/en/react-native-code-push.md
@@ -85,21 +85,21 @@ class App extends Component<any, any> {
     };
   }
   componentDidMount() {
-    console.log("开始检查更新");
-    this.syncImmediate(); //开始检查更新
+    console.log("Begin checking for updates.");
+    this.syncImmediate(); 
   }
   syncImmediate() {
     CodePush.sync(
       {
         updateDialog: {
-          appendReleaseDescription: true, //是否显示更新description，默认为false
-          descriptionPrefix: "更新内容：", //更新说明的前缀。 默认是” Description:
-          mandatoryContinueButtonLabel: "立即更新", //强制更新的按钮文字，默认为continue
-          mandatoryUpdateMessage: "", //- 强制更新时，更新通知. Defaults to “An update is available that must be installed.”.
-          optionalIgnoreButtonLabel: "稍后", //非强制更新时，取消按钮文字,默认是ignore
-          optionalInstallButtonLabel: "后台更新", //非强制更新时，确认文字. Defaults to “Install”
-          optionalUpdateMessage: "有新版本了，是否更新？", //非强制更新时，更新通知. Defaults to “An update is available. Would you like to install it?”.
-          title: "更新提示", //要显示的更新通知的标题. Defaults to “Update available”.
+          appendReleaseDescription: true, 
+          descriptionPrefix: "Update content:", 
+          mandatoryContinueButtonLabel: "Update immediately.", 
+          mandatoryUpdateMessage: "", 
+          optionalIgnoreButtonLabel: "later", 
+          optionalInstallButtonLabel: "Background update.",
+          optionalUpdateMessage: "There's a new version available. Would you like to update?", 
+          title: "Update notification.",
         },
       },
       this.codePushStatusDidChange.bind(this),
@@ -158,7 +158,7 @@ class App extends Component<any, any> {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.welcome}>欢迎使用热更新--test!</Text>
+        <Text style={styles.welcome}>Welcome to the hot update--test!</Text>
         <Text>SyncStatus: {this.state.syncMessage}</Text>
         <Text>{this.state.progressModalVisible.toString()}</Text>
         <TouchableOpacity onPress={this.syncImmediate.bind(this)}>
@@ -432,18 +432,8 @@ When using **CodePush.InstallMode**, the following parameters are optional: inst
 | --------------- | ------------------ | ------ | -------- | ----------- | ----------------- |
 | IMMEDIATE       | Directly update    | number | no       | Android iOS | yes               |
 | ON_NEXT_RESTART | Next update launch | number | no       | Android iOS | yes               |
-| ON_NEXT_RESUME  | Switch to the front-end to initiate updates | number | no       | Android iOS | yes               |
-| ON_NEXT_SUSPEND | Switch to the backend to initiate updates | number | no       | Android iOS | yes               |
-
-**checkFrequency**
-
-When using **CodePush.CheckFrequency**, the following parameters are optional: checkFrequency
-
-| Name          | Description         | Type   | Required | Platform    | HarmonyOS Support |
-| ------------- | ------------------- | ------ | -------- | ----------- | ----------------- |
-| ON_APP_START  | Automatic update    | number | no       | Android iOS | yes               |
-| ON_APP_RESUME | Automatic update    | number | no       | Android iOS | yes               |
-| MANUAL        | Manual update       | number | no       | Android iOS | yes               |
+| ON_NEXT_RESUME  | Next update launch | number | no       | Android iOS | yes               |
+| ON_NEXT_SUSPEND | Next update launch | number | no       | Android iOS | yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-collapsible.md b/en/react-native-collapsible.md
index e5b8f8bf..df0f2b5b 100644
--- a/en/react-native-collapsible.md
+++ b/en/react-native-collapsible.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-collapsible</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/oblador/react-native-collapsible)
+> [!TIP] [GitHub address](https://github.com/oblador/react-native-collapsible)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,7 +35,7 @@ yarn add react-native-collapsible@1.6.1
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useState } from 'react';
@@ -83,20 +83,20 @@ const CONTENT = [
 ```
 
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 #### Collapsible
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -135,10 +135,10 @@ const CONTENT = [
 | **`containerStyle`**                                    | Optional styling for the Accordion container.                                                                  | object | no | All | yes |
 | **`renderAsFlatList`**                                  | Optional rendering as FlatList (defaults to false).                                                            | boolean | no | All | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/oblador/react-native-collapsible/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/oblador/react-native-collapsible/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-create-thumbnail.md b/en/react-native-create-thumbnail.md
index 151140e1..d4f2ff3c 100644
--- a/en/react-native-create-thumbnail.md
+++ b/en/react-native-create-thumbnail.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-create-thumbnail</code> </h1>
@@ -14,13 +14,13 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-create-thumbnail)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-create-thumbnail)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 
@@ -40,16 +40,15 @@ yarn add @react-native-oh-tpl/react-native-create-thumbnail
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, {useState } from 'react';
 import {  StyleSheet, Text, Button ,ScrollView,View} from 'react-native';
 import { createThumbnail } from 'react-native-create-thumbnail';
 
-// 导出组件
 export default function CreateThumbnailDemo() {
 
   const [text, setText] = useState('');
@@ -76,7 +75,7 @@ export default function CreateThumbnailDemo() {
         <View style={ { flexDirection: 'column'}}>
           <View style ={styles.baseArea}>
              <Text style= {{flex:1}}>createThumbnail</Text>
-             <Button title='运行' color='#841584' onPress={CreateThumbnail}></Button>
+             <Button title='Running' color='#841584' onPress={CreateThumbnail}></Button>
           </View>
     
         </View>
@@ -144,11 +143,11 @@ const styles = StyleSheet.create({
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -159,18 +158,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -179,20 +175,20 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The source code is located in the harmony folder within the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -201,16 +197,16 @@ ohpm install
   }
 ```
 
-打开终端，执行：
+run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install --no-link
 ```
 
-### 3.在 ArkTs 侧引入 BlobUtilPackage
+### 3. Introducing BlobUtilPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -224,43 +220,43 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### **createThumbnail**
 | Name | Description | Type | Required | HarmonyOS Support |
 | ---- | ---- | ---- | -------- | -------- |
 |  createThumbnail    | thumbnail generator with storage/cache management and support for both local and remote videos  | function | NO | yes |
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |        Name         | Description  |   type   | Required | Platform | HarmonyOS Support |
 | :-----------------: | :----------: | :------: | :------: | :---------------: | :---------------: |
@@ -270,11 +266,11 @@ ohpm install
 |  dirSize | Maximum size of the cache directory (in megabytes). When this directory is full, the previously generated thumbnails will be deleted to clear about half of it's size.   |    Number       | NO  |   Android/ios    |    yes    |
 |  headers | Headers to load the video with. e.g. { Authorization: 'someAuthToken' }   |    Object      | NO  |   Android/ios    |    yes    |
 |  cacheName | Cache name for this thumbnail to avoid duplicate generation. If specified, and a thumbnail already exists with the same cache name, it will be returned instead of generating a new one.   |    String     | NO  |   Android/ios    |    yes    |
-## 返回值
+## Return Value
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |        Name         | Description  |   type   | Required | Platform | HarmonyOS Support |
 | :-----------------: | :----------: | :------: | :------: | :---------------: | :---------------: |
@@ -286,10 +282,10 @@ ohpm install
 
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/souvik-ghosh/react-native-create-thumbnail/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/souvik-ghosh/react-native-create-thumbnail/blob/master/LICENSE).
diff --git a/en/react-native-credit-card-input.md b/en/react-native-credit-card-input.md
index 05e8163d..877f6748 100644
--- a/en/react-native-credit-card-input.md
+++ b/en/react-native-credit-card-input.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-credit-card-input</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-credit-card-input)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-credit-card-input)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-credit-card-input Releases](https://github.com/react-native-oh-library/react-native-credit-card-input/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 
@@ -38,7 +38,7 @@ yarn add @react-native-oh-tpl/react-native-credit-card-input
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { Component } from "react";
@@ -117,21 +117,21 @@ export default class Example extends Component {
 }
 
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 
-## 属性
+## Properties
 
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见[react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)
+For details, see [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)
 
 ### LiteCreditCardInput
 
@@ -191,10 +191,10 @@ export default class Example extends Component {
 | imageBack  | Image for the credit-card | PropTypes.number  | no | Android/iOS  | yes |
 | customIcons | brand icons for CardView. see ./src/Icons.js for details | PropTypes.object  | no | Android/iOS  | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/sbycrosz/react-native-credit-card-input/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/sbycrosz/react-native-credit-card-input/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-crypto.md b/en/react-native-crypto.md
index 613f20a7..29893413 100644
--- a/en/react-native-crypto.md
+++ b/en/react-native-crypto.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-crypto</code> </h1>
@@ -12,12 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/tradle/react-native-crypto)
+> [!TIP] [GitHub address](https://github.com/tradle/react-native-crypto)
 
+## Installation and Usage
 
-## 安装与使用
-
-[!TIP]本库依赖[@react-native-oh-tpl/react-native-randombytes](./zh-cn/react-native-randombytes)
+[!TIP]This repository depends on [@react-native-oh-tpl/react-native-randombytes](./zh-cn/react-native-randombytes)
 
 <!-- tabs:start -->
 
@@ -32,11 +31,13 @@ npm install react-native-crypto@2.2.0
 ```bash
 yarn add react-native-crypto@2.2.0
 ```
+
 <!-- tabs:end -->
 
-#### 安装适配 Node.js 核心模块的模拟库
+#### Install a mock library that adapts to Node.js core modules.
 
 1. Install
+
 ```bash
 # install latest rn-nodeify
 npm i --save-dev rn-nodeify
@@ -44,17 +45,19 @@ npm i --save-dev rn-nodeify
 # in ./node_modules to add/update the "browser"/"react-native" field with relevant mappings
 ./node_modules/.bin/rn-nodeify --hack --install
 ```
+
 2. `rn-nodeify` will create a `shim.js` in the project root directory
+
 ```js
-// make sure you use `import` and not require!  
-import './shim.js'
-import crypto from 'react-native-crypto'
+// make sure you use `import` and not require!
+import "./shim.js";
+import crypto from "react-native-crypto";
 // ...the rest of your code
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import './shim.js'
@@ -73,7 +76,7 @@ const TestCrypto = () => {
           setRandomBytesResult(bytes.toJSON().data.join('-'));
       });
   }
-  
+
   function handleInputChange(text: any) {
       const intValue = parseInt(text);
       if (!isNaN(text)) {
@@ -84,7 +87,7 @@ const TestCrypto = () => {
           setIntValue(0);
       }
   };
-  
+
   function handleButtonPress() {
       handleRandom(intValue);
   };
@@ -92,12 +95,12 @@ const TestCrypto = () => {
   return (
     <View style={styles.buttonContainer}>
         <Button
-            title="提交"
+            title="submit"
             onPress={handleButtonPress}
         />
         <TextInput
             style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, padding: 5, marginTop: 5 }}
-            placeholder="输入数字"
+            placeholder="input number"
             onChangeText={handleInputChange}
             value={inputValue}
             keyboardType="numeric"
@@ -116,71 +119,71 @@ const styles = StyleSheet.create({
         marginTop: 5,
         marginLeft: 6,
         marginBottom: 12
-    }    
+    }
 })
 
 export default TestCrypto;
 ```
+
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-randombytes 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-randombytes. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-如未引入请参照[@react-native-oh-tpl/react-native-randombytes 文档](/zh-cn/react-native-randombytes.md)进行引入
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-randombytes to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 
 ## API
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
-
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-> 
-
-| Name                            | Description              | Type      | Required | Platform | HarmonyOS Support |
-| ----                            | -----------              | ----      | -------- | -------- | ----------------- |
-| createHash                      | 创建哈希对象                                                          | function  | yes      | iOS/Android      | yes               |
-| createHmac                      | 创建 HMAC（Hash-based Message Authentication Code）对象                | function  | yes      | iOS/Android      | yes               |
-| pbkdf2                          |是一种用于密码加密的密钥派生函数（PBKDF2)                                      | function  | yes      | iOS/Android      | yes               |
-| pbkdf2Sync                      |是一种用于密码加密的密钥派生函数（PBKDF2），但它是同步执行的                      | function  | yes      | iOS/Android      | yes               |
-| randomBytes                     | 生成指定大小的随机字节序列                                               | function  | yes      | iOS/Android      | yes               |
-| getHashes                       | 提供支持的特定哈希算法列表                                               | function  | no       | iOS/Android      | yes               |
-| createCipher                    | 创建加密算法的加密对象                                                  | function  | yes      | iOS/Android      | yes               |
-| Cipher                    | 创建加密算法的加密对象                                                  | function  | yes      | iOS/Android      | yes               |
-| createDecipher                  | 创建解密算法的解密对象                                                  | function  | yes      | iOS/Android      | yes               |
-| Decipher                  | 创建解密算法的解密对象                                                  | function  | yes      | iOS/Android      | yes               |
-| createCipheriv                  | 创建加密算法的加密对象，并指定初始化向量（IV）来增强加密的安全性            | function  | yes      | iOS/Android      | yes               |
-| Cipheriv                  | 创建加密算法的加密对象，并指定初始化向量（IV）来增强加密的安全性            | function  | yes      | iOS/Android      | yes               |
-| createDecipheriv                | 创建解密算法的解密对象，并指定与加密时使用相同的初始化向量（IV）来正确解密数据 | function  | yes      | iOS/Android      | yes               |
-| Decipheriv                | 创建解密算法的解密对象，并指定与加密时使用相同的初始化向量（IV）来正确解密数据 | function  | yes      | iOS/Android      | yes               |
-| getCiphers                      | 获取当前支持的加密算法列表                                               | function  | no       | iOS/Android      | yes               |
-| listCiphers                      | 获取当前支持的加密算法列表                                               | function  | no       | iOS/Android      | yes               |
-| DiffieHellmanGroup              | 实现 Diffie-Hellman 密钥交换协议的模块                                     | function  | yes      | iOS/Android      | yes               |
-| createDiffieHellmanGroup        | 创建一个 Diffie-Hellman 密钥协商算法中的“群”，即 Diffie-Hellman 的参数         | function  | yes      | iOS/Android      | yes               |
-| getDiffieHellman                | 获取 Diffie-Hellman 密钥交换算法的实现                                     | function  | yes      | iOS/Android      | yes               |
-| createDiffieHellman             | 创建 Diffie-Hellman 实例                                                | function  | yes      | iOS/Android      | yes               |
-| DiffieHellman                   | 是一个用于实现 Diffie-Hellman 密钥交换协议的类或方法集合，主要用于安全通信中的密钥生成和共享密钥计算。 | function  | yes      | iOS/Android      | yes               |
-| createSign                      | 创建一个用于生成签名的对象实例                                            | function  | yes      | iOS/Android      | yes               |
-| Sign                            | 创建一个用于生成签名的对象实例                                                          | function  | yes      | iOS/Android      | yes               |
-| createVerify                    | 创建一个用于验证签名的对象实例                                            | function  | yes      | iOS/Android      | yes               |
-| Verify                          | 创建一个用于验证签名的对象实例                                                        | function  | yes      | iOS/Android      | yes               |
-| createECDH                      | 创建椭圆曲线 Diffie-Hellman 密钥交换对象的方法                              | function  | yes      | iOS/Android      | yes               |
-| publicEncrypt                   | 使用公钥对 buffer 的内容进行加密，并返回一个包含加密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes               |
-| privateEncrypt                  | 使用私钥对 buffer 的内容进行加密，并返回一个包含加密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes               |
-| publicDecrypt                   | 使用公钥对加密的 buffer 进行解密，并返回一个包含解密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes                |
-| privateDecrypt                  |  使用私钥对加密的 buffer 进行解密，并返回一个包含解密内容的新 Buffer                                                                    | function  | yes      | iOS/Android      | yes                |
-| randomFill                      | 使用加密安全的伪随机数据填充一个给定的 Buffer，异步操作                                                                    | function  | yes      | iOS/Android      | yes               |
-| randomFillSync                  | 使用加密安全的伪随机数据同步填充一个给定的 Buffer                                                                    | function  | yes      | iOS/Android      | yes               |
-
-## 遗留问题
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/tradle/react-native-crypto/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                     | Description                                                                                                                                                                                                                                                                                                         | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| createHash               | Create a hash object                                                                                                                                                                                                                                                                                                | function | yes      | iOS/Android | yes               |
+| createHmac               | Create an HMAC (Hash-based Message Authentication Code) object                                                                                                                                                                                                                                                      | function | yes      | iOS/Android | yes               |
+| pbkdf2                   | It is a key derivation function (PBKDF2) used for password encryption                                                                                                                                                                                                                                               | function | yes      | iOS/Android | yes               |
+| pbkdf2Sync               | It is a key derivation function (PBKDF2) used for password encryption,But it is executed synchronously                                                                                                                                                                                                              | function | yes      | iOS/Android | yes               |
+| randomBytes              | Generate a random byte sequence of a specified size                                                                                                                                                                                                                                                                 | function | yes      | iOS/Android | yes               |
+| getHashes                | Provide a list of supported specific hash algorithms                                                                                                                                                                                                                                                                | function | no       | iOS/Android | yes               |
+| createCipher             | Create an encryption object for an encryption algorithm                                                                                                                                                                                                                                                             | function | yes      | iOS/Android | yes               |
+| Cipher                   | Create an encryption object for an encryption algorithm                                                                                                                                                                                                                                                             | function | yes      | iOS/Android | yes               |
+| createDecipher           | Create a decryption object for a decryption algorithm                                                                                                                                                                                                                                                               | function | yes      | iOS/Android | yes               |
+| Decipher                 | Create a decryption object for a decryption algorithm                                                                                                                                                                                                                                                               | function | yes      | iOS/Android | yes               |
+| createCipheriv           | Create an encryption object for an encryption algorithm and specify an initialization vector (IV) to enhance encryption security                                                                                                                                                                                    | function | yes      | iOS/Android | yes               |
+| Cipheriv                 | Create an encryption object for an encryption algorithm and specify an initialization vector (IV) to enhance encryption security                                                                                                                                                                                    | function | yes      | iOS/Android | yes               |
+| createDecipheriv         | Create a decryption object for a decryption algorithm and specify the same initialization vector (IV) used during encryption to correctly decrypt the data                                                                                                                                                          | function | yes      | iOS/Android | yes               |
+| Decipheriv               | Create a decryption object for a decryption algorithm and specify the same initialization vector (IV) used during encryption to correctly decrypt the data                                                                                                                                                          | function | yes      | iOS/Android | yes               |
+| getCiphers               | Get a list of currently supported encryption algorithms                                                                                                                                                                                                                                                             | function | no       | iOS/Android | yes               |
+| listCiphers              | Get a list of currently supported encryption algorithms                                                                                                                                                                                                                                                             | function | no       | iOS/Android | yes               |
+| DiffieHellmanGroup       | Module that implements the Diffie-Hellman key exchange protocol                                                                                                                                                                                                                                                     | function | yes      | iOS/Android | yes               |
+| createDiffieHellmanGroup | Create a "group" in the Diffie-Hellman key negotiation algorithm, i.e., Diffie-Hellman parameters                                                                                                                                                                                                                   | function | yes      | iOS/Android | yes               |
+| getDiffieHellman         | Get an implementation of the Diffie-Hellman key exchange algorithm                                                                                                                                                                                                                                                  | function | yes      | iOS/Android | yes               |
+| createDiffieHellman      | Create a Diffie-Hellman instance                                                                                                                                                                                                                                                                                    | function | yes      | iOS/Android | yes               |
+| DiffieHellman            | It is a class or set of methods for implementing the Diffie-Hellman key exchange protocol, mainly used for key generation and shared key calculation in secure communications.                                                                                                                                      | function | yes      | iOS/Android | yes               |
+| createSign               | Create an object instance for generating signatures                                                                                                                                                                                                                                                                 | function | yes      | iOS/Android | yes               |
+| Sign                     | Create an object instance for generating signatures                                                                                                                                                                                                                                                                 | function | yes      | iOS/Android | yes               |
+| createVerify             | Create an object instance for verifying signatures                                                                                                                                                                                                                                                                  | function | yes      | iOS/Android | yes               |
+| Verify                   | Create an object instance for verifying signatures                                                                                                                                                                                                                                                                  | function | yes      | iOS/Android | yes               |
+| createECDH               | Method to create an elliptic curve Diffie-Hellman key exchange object                                                                                                                                                                                                                                               | function | yes      | iOS/Android | yes               |
+| publicEncrypt            | Method to create an elliptic curve Diffie-Hellman key exchange object                                                                                                                                                                                                                                               | function | yes      | iOS/Android | yes               |
+| privateEncrypt           | Encrypt the content of a buffer using a private key and return a new Buffer containing the encrypted content (Note: Typically, private keys are used for decryption and public keys for encryption in asymmetric encryption, but this could refer to a specific use case or library behavior.)                      | function | yes      | iOS/Android | yes               |
+| publicDecrypt            | Decrypt the encrypted content of a buffer using a public key and return a new Buffer containing the decrypted content (Note: This is incorrect in the context of standard asymmetric encryption; public keys are used for encryption, not decryption. This may refer to a specific scenario or a misunderstanding.) | function | yes      | iOS/Android | yes               |
+| privateDecrypt           | Decrypt the encrypted content of a buffer using a private key and return a new Buffer containing the decrypted content                                                                                                                                                                                              | function | yes      | iOS/Android | yes               |
+| randomFill               | Fill a given Buffer with cryptographically secure pseudorandom data asynchronously                                                                                                                                                                                                                                  | function | yes      | iOS/Android | yes               |
+| randomFillSync           | Fill a given Buffer with cryptographically secure pseudorandom data synchronously                                                                                                                                                                                                                                   | function | yes      | iOS/Android | yes               |
+
+## Known Issues
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/tradle/react-native-crypto/blob/master/LICENSE).
diff --git a/en/react-native-ezswiper.md b/en/react-native-ezswiper.md
index 3b24a22a..9d7d215e 100644
--- a/en/react-native-ezswiper.md
+++ b/en/react-native-ezswiper.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-ezswiper</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!Tip] [Github 地址](https://github.com/easyui/react-native-ezswiper)
+> [!Tip] [GitHub address](https://github.com/easyui/react-native-ezswiper)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,7 +34,7 @@ yarn add react-native-ezswiper@1.3.0 --save
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 /**
@@ -319,20 +319,20 @@ const styles = StyleSheet.create({
 
 
 
-## 约束与限制
+## Constraints
 
-## 兼容性
+## Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
  1.RNOH: 0.72.29; SDK：OpenHarmony-5.0.0.65; IDE：DevEco Studio 5.0.3.706; ROM：NEXT.0.0.65;
  2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                                                            | Type     | default | Required | Platform | HarmonyOS Support |
 | --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- | ----------------- |
@@ -354,20 +354,20 @@ const styles = StyleSheet.create({
 cardParams is object：{cardSide,cardSmallSide,cardSpace}
 <img src="https://github.com/img/cardParams.png" />
 
-## 静态方法
+## Static Methods
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                                                            | Type     | Required | Platform | HarmonyOS Support |
 | --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
 | `scrollTo(index, animated = true)`       | scroll to position                | function | No       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/easyui/react-native-ezswiper) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/easyui/react-native-ezswiper).
diff --git a/en/react-native-flip-card.md b/en/react-native-flip-card.md
index 592bcf4a..2a512a3c 100644
--- a/en/react-native-flip-card.md
+++ b/en/react-native-flip-card.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-flip-card</code> </h1>
@@ -13,9 +13,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/moschan/react-native-flip-card)
+> [!TIP] [GitHub address](https://github.com/moschan/react-native-flip-card)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -33,9 +33,9 @@ yarn add react-native-flip-card@3.5.7
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -203,24 +203,24 @@ export const FlipCardExample = () => {
 };
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.26; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE：DevEco Studio 5.0.3.300SP2; ROM:3.0.0.24;
 2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
 ### FlipCard
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 >
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-该库为 UI 组件库，通过配置属性标签，实现对应的功能。
+This library is a UI component library that achieves corresponding functionalities by configuring attribute tags.
 
 | Name            | Type     | Description                                                                                                                     | Default | Required | Platform    | HarmonyOS Support |
 | --------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
@@ -236,10 +236,10 @@ export const FlipCardExample = () => {
 | alignWidth      | boolean  | If you pass true to alignWidth param, the card keep width of bigger side.                                                       | false   | no       | iOS/Android | yes               |
 | useNativeDriver | boolean  | If you pass true to useNativeDriver param, the card animation will utilize the native driver.                                   | true    | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/moschan/react-native-flip-card/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/moschan/react-native-flip-card/blob/master/LICENSE).
diff --git a/en/react-native-get-random-values.md b/en/react-native-get-random-values.md
index 0e2b97ea..534eea39 100644
--- a/en/react-native-get-random-values.md
+++ b/en/react-native-get-random-values.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.1
+> Template version: v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>react-native-get-random-values</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-get-random-values)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-get-random-values)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-get-random-values
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from "react";
@@ -69,7 +69,7 @@ export const GetRandomValues = () => {
   };
   return (
     <View style={styles.container}>
-      <Text style={{ fontSize: 20 }}> 点击获取随机数 </Text>
+      <Text style={{ fontSize: 20 }}> click to get random number </Text>
       <Button onPress={clickBtn} title="click" />
       {randomValue?.map((item: any, index: number) => {
         return <Text key={index}>{item}</Text>;
@@ -81,11 +81,11 @@ export const GetRandomValues = () => {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -96,18 +96,17 @@ export const GetRandomValues = () => {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -116,22 +115,22 @@ export const GetRandomValues = () => {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNGetRandomValuesPackage
+### 3. Introducing RNGetRandomValuesPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -145,37 +144,37 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 >
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 >
 > | Name                          | Description                                          | Type    | Required | Platform    | HarmonyOS Support |
 > | ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
 > | global.crypto.getRandomValues | lets you get cryptographically strong random values. | funtion | no       | IOS/Android | yes               |
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/LinusU/react-native-get-random-values/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/LinusU/react-native-get-random-values/blob/master/LICENSE).
diff --git a/en/react-native-http-bridge.md b/en/react-native-http-bridge.md
index 597933af..ab736d3f 100644
--- a/en/react-native-http-bridge.md
+++ b/en/react-native-http-bridge.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-http-bridge</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-http-bridge)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-http-bridge)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-http-bridge
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useState ,useEffect } from "react";
@@ -139,19 +139,19 @@ const styles = StyleSheet.create({
 export default HttpBridgeDemo;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@ohos/polka 的原生端代码，已在 HarmonyOS 工程中引入过该库，无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @ohos/polka. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -162,18 +162,17 @@ export default HttpBridgeDemo;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -182,22 +181,22 @@ export default HttpBridgeDemo;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNHttpBridgePackage
+### 3. Introducing RNHttpBridgePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -212,33 +211,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-http-bridge Releases](https://github.com/react-native-oh-library/react-native-http-bridge/releases)
 
-###  权限要求
+###  Permission Requirements
 
+#### Include applicable permissions in the module.json5 file within the entry directory.
 
-#### 在 entry 目录下的module.json5中添加权限
-
-打开 `entry/src/main/module.json5`，添加：
+Open  `entry/src/main/module.json5` and add the following code:
 
 ```diff
 ...
@@ -258,9 +256,9 @@ ohpm install
 
 ##  API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description            | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | ---------------------- | -------- | -------- | ----------- | ----------------- |
@@ -290,11 +288,11 @@ respond(requestId:string, code:number, type:string, body:string): void;
 | type      | `Content-Type` in the response from the server | string | Yes      | iOS/Android | Yes               |
 | body      | Body of the response from the server           | string | Yes      | iOS/Android | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于[The MIT License(MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+This project is licensed under[The MIT License(MIT)](https://www.mit-license.org/).
 
diff --git a/en/react-native-hyperlink.md b/en/react-native-hyperlink.md
index c1ccd99d..f0a3055a 100644
--- a/en/react-native-hyperlink.md
+++ b/en/react-native-hyperlink.md
@@ -33,7 +33,7 @@ npm install react-native-hyperlink@0.0.22
 yarn add react-native-hyperlink@0.0.22
 ```
 
-使用时,还需在项目下的 module.json5 处配置 querySchemes
+When using it, you also need to configure querySchemes in the module.json5 under the project.
 
 ```diff
 {
diff --git a/en/react-native-image-crop-picker(nocodegen).md b/en/react-native-image-crop-picker(nocodegen).md
index 2ca09cb3..626ea36d 100644
--- a/en/react-native-image-crop-picker(nocodegen).md
+++ b/en/react-native-image-crop-picker(nocodegen).md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-crop-picker（nocodegen）</code> </h1>
@@ -12,15 +12,15 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-crop-picker)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-crop-picker)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)，并下载带有 `nc` 标识的 tgz 包，如 `0.40.3-nc.0.0.9`。
+Please visit the Releases page of the third-party library to check the compatible version information: [@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases),and download the tgz package marked with nc, such as 0.40.3-nc.0.0.9.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] #处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -34,16 +34,16 @@ npm install @react-native-oh-tpl/react-native-image-crop-picker@file:#
 yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
 ```
 
-使用场景同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#yarn)
+The usage scenario is the same [react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#yarn)
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
 ```
-在工程根目录的 oh-package.json5 添加 overrides字段
+Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 {
   ...
   "overrides": {
@@ -52,9 +52,9 @@ yarn add @react-native-oh-tpl/react-native-image-crop-picker@file:#
 }
 ```
 
-### 1.配置 Entry
-
-**(1)在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
+### 1. Configuration Entry
+ 
+**(1) Create ImageEditAbility.ets under entry/src/main/ets/entryability**
 
 ```ts
 import UIAbility from '@ohos.app.ability.UIAbility'
@@ -103,7 +103,7 @@ export default class ImageEditAbility extends UIAbility {
 }
 ```
 
-**(2)在 entry/src/main/module.json5 注册 ImageEditAbility 并添加 requestPermissions**
+**(2) Register ImageEditAbility in entry/src/main/module.json5 and add requestPermissions**
 
 ```json
 "abilities":[{
@@ -121,7 +121,7 @@ export default class ImageEditAbility extends UIAbility {
 
 ```
 
-**(3)在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
+**(3) Create ImageEdit.ets under entry/src/main/ets/pages**
 
 ```ts
 import { ImageEditInfo } from '@react-native-oh-tpl/react-native-image-crop-picker';
@@ -142,7 +142,7 @@ struct ImageEdit {
 }
 ```
 
-**(4)在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+**(4) Add configuration in entry/src/main/resources/base/profile/main_pages.json**
 
 ```json
 {
@@ -153,18 +153,15 @@ struct ImageEdit {
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
+### 2. Introducing Native Code
 
-1. 通过 har 包引入。
-2. 直接链接源码。
+Currently, two methods are available:
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```
 "dependencies": {
@@ -173,22 +170,22 @@ struct ImageEdit {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 ImageCropPickerPackage
+### 3. Configuring CMakeLists and Introducing ImageCropPickerPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -222,7 +219,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -242,7 +239,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -256,42 +253,42 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)
 
 ## API
 
-同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#api)
+[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#api)
 
-## 属性
+## Properties
 
-同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#%E5%B1%9E%E6%80%A7)
+[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#%E5%B1%9E%E6%80%A7)
 
-## 遗留问题
+## Known Issues
 
-同[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#%E9%81%97%E7%95%99%E9%97%AE%E9%A2%98)
+[react-native-image-crop-picker](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-crop-picker.md#%E9%81%97%E7%95%99%E9%97%AE%E9%A2%98)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE).
 
diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md
index dd82cd1e..b79c032d 100644
--- a/en/react-native-image-crop-picker.md
+++ b/en/react-native-image-crop-picker.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-crop-picker</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-crop-picker)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-crop-picker)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 #### **npm**
@@ -33,9 +33,9 @@ npm install @react-native-oh-tpl/react-native-image-crop-picker
 yarn add @react-native-oh-tpl/react-native-image-crop-picker
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!TIP] 使用时 import 的库名不变。
+> [!TIP] The name of the imported repository remains unchanged.
 
 ```
 import ImagePicker from 'react-native-image-crop-picker';
@@ -102,7 +102,7 @@ const ImageCropPickDemo = () => {
 
     return (
         <ScrollView style={styles.container}>
-            <Text style={styles.title}>相机、图库、裁剪功能：</Text>
+            <Text style={styles.title}>Camera, Gallery, Cropping Functionality</Text>
             <View style={styles.container}>
 
                 <View style={styles.TextInputBox}>
@@ -225,7 +225,7 @@ const ImageCropPickDemo = () => {
                 <View >
                     <View style={styles.buttonSty}>
                         <Button
-                            title='openPicker（打开图库）'
+                            title='openPicker'
                             onPress={() => {
                                 openPicker({
                                     multiple: multiple,
@@ -343,7 +343,7 @@ const ImageCropPickDemo = () => {
                             onChangeText={setImageQualityCamera}
                             value={imageQualityCamera}
                         />
-                        <Text style={styles.lableType}>(0.1 到 1)</Text>
+                        <Text style={styles.lableType}>(0.1 to 1)</Text>
                     </View>
 
                     <View style={styles.TextInputBox}>
@@ -375,7 +375,7 @@ const ImageCropPickDemo = () => {
                     </View>
 
                     <View style={styles.TextInputBox}>
-                        <Text style={styles.textLable}>cropperChooseColor:例如 #FF0000</Text>
+                        <Text style={styles.textLable}>cropperChooseColor:#FF0000</Text>
                     </View>
 
                     <View style={styles.TextInputBox}>
@@ -403,7 +403,7 @@ const ImageCropPickDemo = () => {
                     </View>
 
                     <View style={styles.TextInputBox}>
-                        <Text style={styles.textLable}>cropperCancelColor:例如 #FF0000</Text>
+                        <Text style={styles.textLable}>cropperCancelColor: #FF0000</Text>
                     </View>
 
                     <View style={styles.TextInputBox}>
@@ -445,7 +445,7 @@ const ImageCropPickDemo = () => {
 
                     <View style={styles.buttonSty}>
                         <Button
-                            title="openCamera （打开相机）"
+                            title="openCamera"
                             onPress={() => {
                                 ImagePicker.openCamera({
                                     cropping: croppingCamera,
@@ -474,7 +474,7 @@ const ImageCropPickDemo = () => {
                     </View>
 
                     <View style={styles.TextInputBox}>
-                        <Text style={styles.textLable}>请输入需要裁剪的图片地址:</Text>
+                        <Text style={styles.textLable}>Please enter the address of the image that needs to be cropped:</Text>
                     </View>
 
                     <View style={styles.TextInputBox}>
@@ -545,7 +545,7 @@ const ImageCropPickDemo = () => {
                             onChangeText={setimageQualityCropper}
                             value={imageQualityCropper}
                         />
-                        <Text style={styles.lableType}>(0.1 到 1)</Text>
+                        <Text style={styles.lableType}>(0.1 to 1)</Text>
                     </View>
 
 
@@ -578,7 +578,7 @@ const ImageCropPickDemo = () => {
                     </View>
 
                     <View style={styles.TextInputBox}>
-                        <Text style={styles.textLable}>cropperChooseColor:例如 #FF0000</Text>
+                        <Text style={styles.textLable}>cropperChooseColor:#FF0000</Text>
                     </View>
 
                     <View style={styles.TextInputBox}>
@@ -606,7 +606,7 @@ const ImageCropPickDemo = () => {
                     </View>
 
                     <View style={styles.TextInputBox}>
-                        <Text style={styles.textLable}>cropperCancelColor:例如 #FF0000</Text>
+                        <Text style={styles.textLable}>cropperCancelColor:#FF0000</Text>
                     </View>
 
                     <View style={styles.TextInputBox}>
@@ -650,7 +650,7 @@ const ImageCropPickDemo = () => {
 
                     <View style={styles.buttonSty}>
                         <Button
-                            title='openCropper（打开裁剪）'
+                            title='openCropper'
                             onPress={() => {
 
                                 ImagePicker.openCropper({
@@ -682,12 +682,12 @@ const ImageCropPickDemo = () => {
                 </View>
             </View>
 
-                <Text style={styles.title}>清除文件：</Text>
+                <Text style={styles.title}> Delete File</Text>
 
                 <View style={styles.buttonBox}>
                     <View style={styles.buttonSty}>
                         <Button
-                            title='clean （清除所有文件）'
+                            title='clean'
                             onPress={() => {
                                 ImagePicker.clean({}).then(image => {
                                     console.log(TAG + ' clean result ' + JSON.stringify(image))
@@ -697,7 +697,7 @@ const ImageCropPickDemo = () => {
                     </View>
 
                     <View style={styles.TextInputBox}>
-                        <Text style={styles.textLable}>请输入需要清除图片地址：</Text>
+                        <Text style={styles.textLable}>Please enter the address of the image that needs to be cleared:</Text>
                     </View>
 
                     <View style={styles.TextInputBox}>
@@ -711,7 +711,7 @@ const ImageCropPickDemo = () => {
 
                     <View style={styles.buttonSty}>
                         <Button
-                            title='cleanSingle (清除单个文件)'
+                            title='cleanSingle'
                             onPress={() => {
                                 console.log(TAG + " cleanSingle path " + clearImagePath)
                                 ImagePicker.cleanSingle('/data/storage/el2/base/haps/entry/temp/rn_image_crop_picker_lib_temp_' + clearImagePath).then(image => {
@@ -786,18 +786,18 @@ const styles = StyleSheet.create({
 export default ImageCropPickDemo;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
 ```
-在工程根目录的 oh-package.json5 添加 overrides字段
+Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 {
   ...
   "overrides": {
@@ -806,9 +806,9 @@ export default ImageCropPickDemo;
 }
 ```
 
-### 1.配置Entry
+### 1. Configuration Entry
 
-**(1)在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
+**(1)Create ImageEditAbility.ets under entry/src/main/ets/entryability**
 
 ```
 import UIAbility from '@ohos.app.ability.UIAbility'
@@ -857,7 +857,7 @@ export default class ImageEditAbility extends UIAbility {
 }
 ```
 
-**(2)在 entry/src/main/module.json5 注册 ImageEditAbility**
+**(2)Register ImageEditAbility in entry/src/main/module.json5.**
 
 ```
 "abilities":[{
@@ -875,7 +875,7 @@ export default class ImageEditAbility extends UIAbility {
 
 ```
 
-**(3)在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
+**(3)Create entry/src/main/ets/pages under ImageEdit.ets**
 
 ```
 import { ImageEditInfo } from '@react-native-oh-tpl/react-native-image-crop-picker';
@@ -896,7 +896,7 @@ struct ImageEdit {
 }
 ```
 
-**(4)在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+**(4)Add configuration in entry/src/main/resources/base/profile/main_pages.json**
 
 ```
 {
@@ -907,18 +907,15 @@ struct ImageEdit {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入。
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```
 "dependencies": {
@@ -927,22 +924,22 @@ struct ImageEdit {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 ImageCropPickerPackage
+### 3. Introducing ImageCropPickerPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -956,32 +953,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name        | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | ----------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
@@ -991,11 +988,11 @@ ohpm install
 | cleanSingle | Delete a single cache file                                   | function | no       | iOS/Android | yes               |
 | openCamera  | Select from camera                                           | function | no       | iOS/Android | yes               |
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **cropData**
 
@@ -1041,27 +1038,27 @@ ohpm install
 | cropperCancelColor (iOS only)          | string (default tint `iOS` color )                           | HEX format color for the Cancel button. Default value is the default tint iOS color [controlled by TOCropViewController](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FTimOliver%2FTOCropViewController%2Fblob%2Fa942414508012b13102f776eb65dac655f31cabb%2FObjective-C%2FTOCropViewController%2FViews%2FTOCropToolbar.m%23L433) | no       | iOS   | yes      |
 | cropperRotateButtonsHidden (iOS only)  | bool (default false)                                         | Enable or disable cropper rotate buttons                     | no       | iOS   | yes      |
 
-## 遗留问题
-
-- [ ] react-native-image-crop-picker 图像将始终填充蒙版空间 [#4](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/4)
-- [ ] Android Demo中 ActiveWidget 改变颜色 [#5](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/5)
-- [ ] Android Demo中 改变状态栏颜色 [#6](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/6)
-- [ ] Android Demo中 改变工具栏颜色 [#7](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/7)
-- [ ] 裁剪图像时，禁用裁剪库的颜色设置器 [#8](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/8)
-- [ ] 裁剪图像时，确定工具栏文本和按钮的颜色 [#9](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/9)
-- [ ] 调用ViewController“completion”块，Promise将解析/拒绝， HarmonyOS 不支持 [#10](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/10)
-- [ ] iOS支持智能相册列表  [#11](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/11)
-- [ ] iOS视频压缩的预设 [#12](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/12)
-- [ ] iOS智能相册排序  [#13](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/13)
-- [ ] Android Demo 设置是否显示底部控件 [#14](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/14)
-- [ ] 使用multiple选项时无法设置最小文件数 [#39](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/39)
-- [ ] 使用multiple选项时无法设置是否显示选中的资产数量 [#40](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/40)
-- [ ] photoAccessHelper选取完成之后没有loading过渡动画效果 [#45](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/45)
-- [ ] @ohos.multimedia.image无法进行圆形效果裁切 [#46](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/46)
-- [ ] @ohos.multimedia.image中PackingOption无法设置宽高属性 [#47](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/47)
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+## Known Issues
+
+- [ ] Images in react-native-image-crop-picker will always fill the mask space [#4](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/4)
+- [ ] Change the color of ActiveWidget in Android Demo [#5](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/5)
+- [ ] Change the status bar color in Android Demo [#6](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/6)
+- [ ] Change the toolbar color in Android Demo [#7](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/7)
+- [ ] Disable the color picker in the cropping library when cropping images [#8](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/8)
+- [ ] Determine the colors of toolbar text and buttons when cropping images [#9](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/9)
+- [ ] Call the ViewController "completion" block, where the Promise will be resolved/rejected; HarmonyOS is not supported [#10](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/10)
+- [ ] iOS support for smart album lists  [#11](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/11)
+- [ ] Presets for video compression on iOS [#12](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/12)
+- [ ] Sorting of smart albums on iOS  [#13](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/13)
+- [ ] Set whether to show bottom controls in Android Demo [#14](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/14)
+- [ ] Cannot set a minimum number of files when using the multiple option  [#39](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/39)
+- [ ] Cannot set whether to display the number of selected assets when using the multiple option [#40](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/40)
+- [ ] photoAccessHelper lacks a loading transition animation effect after selection [#45](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/45)
+- [ ] @ohos.multimedia.image cannot perform circular cropping [#46](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/46)
+- [ ] The PackingOption in @ohos.multimedia.image cannot set width and height properties [#47](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/47)
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE).
diff --git a/en/react-native-iphone-screen-helper.md b/en/react-native-iphone-screen-helper.md
index a8585f96..878b6338 100644
--- a/en/react-native-iphone-screen-helper.md
+++ b/en/react-native-iphone-screen-helper.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-iphone-screen-helper</code> </h1>
@@ -16,14 +16,14 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-iphone-screen-helper)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-iphone-screen-helper)
 
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -42,9 +42,9 @@ yarn add @react-native-oh-tpl/react-native-iphone-screen-helper
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useEffect } from 'react';
@@ -69,19 +69,19 @@ const ScreenHelperDemo: React.FC = (): JSX.Element => {
 export default ScreenHelperDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | :---  | :---------- | ---- | -------- | ---- | ------------ |
@@ -92,10 +92,10 @@ export default ScreenHelperDemo;
 | getBottomSpace | **returns** - the height of the bottom to fit the safe area: `34` for iPhone X and newer models with a notch or dynamic island, and `0` for other devices. | number | No | All | Yes |
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/chlee1001/react-native-iphone-screen-helper/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/chlee1001/react-native-iphone-screen-helper/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-linear-gradient-text.md b/en/react-native-linear-gradient-text.md
index 516e2697..f59f392e 100644
--- a/en/react-native-linear-gradient-text.md
+++ b/en/react-native-linear-gradient-text.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-linear-gradient-text </code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/HMDarkFir3/react-native-linear-gradient-text)
+> [!TIP] [GitHub address](https://github.com/HMDarkFir3/react-native-linear-gradient-text)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,7 +34,7 @@ yarn add react-native-linear-gradient-text@1.2.8
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React from "react";
@@ -66,25 +66,26 @@ const styles = StyleSheet.create({
 ```
 ## Link
 
-本库 HarmonyOS 侧实现依赖 @react-native-oh-tpl/masked-view 和 @react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/masked-view and @react-native-oh-tpl/react-native-linear-gradient. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/masked-view 文档的 Link 章节 ](/zh-cn/react-native-masked-view-masked-view.md#link) 和 [@react-native-oh-tpl/react-native-linear-gradient 文档的 Link 章节 ](/zh-cn/react-native-linear-gradient.md#link)进行引入。
+If it is not included, follow the guide provided in @react-native-oh-tpl/masked-view and @react-native-oh-tpl/react-native-linear-gradient to add it to your project.
 
-## 约束与限制
 
-### 兼容性
+## Constraints
 
-本文档内容基于以下版本验证通过：
+### Compatibility
+
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情见[react-native-linear-gradient-text ReadMe](https://github.com/HMDarkFir3/react-native-linear-gradient-text/tree/main)
+For details, see [react-native-linear-gradient-text ReadMe](https://github.com/HMDarkFir3/react-native-linear-gradient-text/tree/main)
 
 ### Props:
 
@@ -97,10 +98,10 @@ const styles = StyleSheet.create({
 | textStyle | A property to change all styles that a text has.                                                              | [TextStyle](https://reactnative.dev/docs/text-style-props)       | All      | N        | Yes               |
 | textProps | A property to apply native props to text.                                                                     | [TextProps](https://reactnative.dev/docs/text-style-props#props) | All      | N        | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/HMDarkFir3/react-native-linear-gradient-text/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/HMDarkFir3/react-native-linear-gradient-text/blob/main/LICENSE).
diff --git a/en/react-native-material-buttons.md b/en/react-native-material-buttons.md
index de696ac3..dbe710d5 100644
--- a/en/react-native-material-buttons.md
+++ b/en/react-native-material-buttons.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-material-buttons</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-material-buttons)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-material-buttons)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,7 +38,7 @@ yarn add @react-native-oh-tpl/react-native-material-buttons
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
 import React, { Component } from 'react';
@@ -200,21 +200,21 @@ export default MaterialButtons;
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-material-buttons Releases](https://github.com/react-native-oh-library/react-native-material-buttons/releases)
 
-## 属性
+## Properties
 
-### 此组件有以下属性:
+### This component has the following properties:
 ## **API（TextButton ）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -224,9 +224,9 @@ export default MaterialButtons;
 | **disabledTitleColor**  |       Button title color for disabled state       |                         String                           |    No    | iOS/Android |        Yes        |
 
 ## **API（RaisedTextButton）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -234,9 +234,9 @@ export default MaterialButtons;
 |   **rippleDuration**    |   Duration of the ripple effect in milliseconds   |                         Number                           |    No    | iOS/Android |        Yes        |
 
 ## **API（Common）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -253,10 +253,10 @@ export default MaterialButtons;
 |   **onPress**    |   Touch up callback   |                         Function                           |    No    | iOS/Android |        Yes        |
 |   **payload**    |   Payload object for onPress callback   |                         Any                           |    No    | iOS/Android |        Yes        |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt) ，请自由地享受和参与开源。 
\ No newline at end of file
+This project is licensed under [MIT License](https://github.com/n4kz/react-native-material-buttons/blob/master/license.txt). 
\ No newline at end of file
diff --git a/en/react-native-material-design-style.md b/en/react-native-material-design-style.md
index 9e1deede..3acb4395 100644
--- a/en/react-native-material-design-style.md
+++ b/en/react-native-material-design-style.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-material-design-style</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/binggg/react-native-material-design-styles)
+> [!TIP] [GitHub address](https://github.com/binggg/react-native-material-design-styles)
 
 
 
-## 安装与使用
+## Installation and Usage
 
 
 
@@ -36,7 +36,7 @@ yarn add react-native-material-design-styles@0.2.7
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 
 
@@ -109,12 +109,12 @@ const styles = StyleSheet.create({
 ```
 
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
@@ -124,23 +124,23 @@ const styles = StyleSheet.create({
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | typography  | use StyleSheet.create(typography)        | function  | yes | iOS/android      | yes |
 | color  | use color.paperBlue500.color        | function  | yes | iOS/android      | yes |
 | defaultTheme  | use StyleSheet.create(defaultTheme)         | function  | yes | iOS/android      | yes |
-## 遗留问题
+## Known Issues
 
 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
+This project is licensed under [MIT License (MIT)](https://www.mit-license.org/).
 
 
diff --git a/en/react-native-material-textfield.md b/en/react-native-material-textfield.md
index e58f91a3..2bfcab66 100644
--- a/en/react-native-material-textfield.md
+++ b/en/react-native-material-textfield.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-material-textfield</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-material-textfield/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-material-textfield/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-material-textfield Releases](https://github.com/react-native-oh-library/react-native-material-textfield/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,7 +38,7 @@ yarn add @react-native-oh-tpl/react-native-material-textfield
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
 
@@ -55,12 +55,11 @@ let defaults = {
 };
 
 
-// 导出组件
 export default function TextfieldDemo() {
   const [errors, setErrors] = useState({});  
   const [combinedState, setCombinedState] = useState({  
     ...defaults,  
-    secureTextEntry:true, // 从上面的 useState 中取得值  
+    secureTextEntry:true, 
   }); 
   const firstnameRef  = React.createRef();;
   const lastnameRef  = React.createRef();
@@ -76,7 +75,7 @@ export default function TextfieldDemo() {
                     name === 'lastname' ? lastnameRef :
                     name === 'email' ? emailRef : 
                     passwordRef;       
-        let value = ref.current ? ref.current.value() : ''; // 从 ref 中获取值 
+        let value = ref.current ? ref.current.value() : ''; 
         if(!value) {
           errors[name] = 'Should not be empty';
         } else {
@@ -95,10 +94,9 @@ export default function TextfieldDemo() {
       name === 'lastname' ? lastnameRef :
       name === 'email' ? emailRef : 
       passwordRef;      
-      let value = ref.current ? ref.current.value() : ''; // 从 ref 中获取值  
+      let value = ref.current ? ref.current.value() : ''; 
       setCombinedState({  
         ...combinedState,  
-        // 例如，更新 firstname 属性  
         [name]: value
       });  
     })
@@ -160,7 +158,7 @@ export default function TextfieldDemo() {
                 error={errors.password}
               />
 
-             <Button title='运行' color='#841584' onPress={onSubmit}></Button>
+             <Button title='running' color='#841584' onPress={onSubmit}></Button>
               
           </View>
         </ScrollView>
@@ -196,24 +194,24 @@ const styles = StyleSheet.create({
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-textfield Releases](https://github.com/react-native-oh-library/react-native-material-textfield/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-material-textfield Releases](https://github.com/react-native-oh-library/react-native-material-textfield/releases)
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
 RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 
-## 属性
+## Properties
 
-### 此组件有以下属性:
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+### This component has the following properties:
+>[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -253,9 +251,9 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 | **onBlur**  |  Blur callback    |                         Function                           |    No    | iOS/Android |        Yes        |
 
 ## **API（TextField）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -270,10 +268,10 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 |   **isPlaceholderVisible()**    |   Get placeholder visibility   |                         Boolean                           |    No    | iOS/Android |        Yes        |
 |   **setValue()**    |   Set current value   |                                                    |    No    | iOS/Android |        Yes        |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [BSD License](https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [BSD License](https://github.com/n4kz/react-native-material-textfield/blob/master/license.txt).
\ No newline at end of file
diff --git a/en/react-native-modal.md b/en/react-native-modal.md
index b021889d..d17ceaa2 100644
--- a/en/react-native-modal.md
+++ b/en/react-native-modal.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-modal</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-modal)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-modal)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -37,9 +37,9 @@ yarn add @react-native-oh-tpl/react-native-modal
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```ts
 import React, { Component } from "react";
@@ -121,19 +121,19 @@ const styles = StyleSheet.create({
 export default DefaultModal;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-modal Releases](https://github.com/react-native-oh-library/react-native-modal/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
 | --- | --- | --- | --- | --- | --- | --- |
@@ -176,11 +176,11 @@ export default DefaultModal;
 | propagateSwipe | Allows swipe events to propagate to children components (eg a ScrollView inside a modal) | `bool` or `func` | false | no | all | yes |
 | style | Style applied to the modal | `any` | null | no | all | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-modal/react-native-modal/blob/master/LICENSE.md).
 
diff --git a/en/react-native-multiple-select.md b/en/react-native-multiple-select.md
index 38b289a7..fe028c28 100644
--- a/en/react-native-multiple-select.md
+++ b/en/react-native-multiple-select.md
@@ -128,11 +128,11 @@ export {MultiSelectExample}
 
 ## Constraints
 
-### 注意事项
+### Precautions
 
-本库 HarmonyOS 侧需要引入字体包，如下所示。如已引用，则无需再次引入，可跳过本章节步骤，直接使用。
+On the HarmonyOS side of this library, a font package needs to be introduced as shown below. If it has already been referenced, there is no need to introduce it again. You can skip the steps in this section and use it directly.
 
-在 HarmonyOS 工程中的 entry/src/main/ets/pages/index.ets 中添加如下代码：
+Open `entry/src/main/ets/pages/index.ets` and add the following code:
 
 ```diff
   ...
diff --git a/en/react-native-neomorph-shadows.md b/en/react-native-neomorph-shadows.md
index 8022648d..90930fb2 100644
--- a/en/react-native-neomorph-shadows.md
+++ b/en/react-native-neomorph-shadows.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-neomorph-shadows</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-neomorph-shadows)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-neomorph-shadows)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,7 +38,7 @@ yarn add @react-native-oh-tpl/react-native-neomorph-shadows
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
 import React from 'react';
@@ -53,8 +53,8 @@ export default function () {
                     // shadowOffset: { width: 0, height: 5 },
                     fillOpacity: 0.6,
                     // borderRadius: 25,
-                    stopColor:"#f0f0f0",//渐变结束的颜色
-                    startColor:"#FF3A3A",//渐变开始的颜色
+                    stopColor:"#f0f0f0",
+                    startColor:"#FF3A3A",
                     width: 110,
                     height: 110,
                     alignItems: "center",
@@ -75,7 +75,7 @@ export default function () {
                         // },
                         // shadowOpacity: 1,
                         // shadowRadius: 3.84,
-                        // elevation: 5 // 添加阴影效果
+                        // elevation: 5 
                     }}>
                     <Text
                         style={{
@@ -84,7 +84,7 @@ export default function () {
                             textAlign: "center",
                             fontSize: 16
                         }}>
-                        登录/注册
+                        Login/Register
                     </Text>
                 </View>
             </Shadow>
@@ -105,25 +105,25 @@ const styles = StyleSheet.create({
 ```
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md)进行引入
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-svg to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-neomorph-shadows Releases](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)
 
-## 属性
+## Properties
 
-### 此组件有以下属性:
+### This component has the following properties:
 ## **API（Shadow）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -133,12 +133,12 @@ const styles = StyleSheet.create({
 | **startColor**  |       Shadow Gradient Start Color       |                         String                           |    No    | iOS/Android |        Yes        |
 
 
-## 遗留问题
+## Known Issues
 
-目前仅设计Shadow组件阴影效果。Neomorph组件暂未涉及。[issue#5](https://github.com/react-native-oh-library/react-native-neomorph-shadows/issues/5)
+Currently, only the shadow effect for the Shadow component is designed. The Neomorph component is not yet involved.[issue#5](https://github.com/react-native-oh-library/react-native-neomorph-shadows/issues/5)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE) ，请自由地享受和参与开源。 
\ No newline at end of file
+This project is licensed under [MIT License](https://github.com/tokkozhin/react-native-neomorph-shadows/blob/master/LICENSE). 
\ No newline at end of file
diff --git a/en/react-native-network-info.md b/en/react-native-network-info.md
index cff44c39..bda56eba 100644
--- a/en/react-native-network-info.md
+++ b/en/react-native-network-info.md
@@ -173,7 +173,7 @@ Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 }
 ```
 
-### 2. Introducing Native Code
+### 2.  Introducing Native Code
 
 Currently, two methods are available:
 
@@ -243,7 +243,7 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-在 entry 目录下的 module.json5 中添加 wifi 和网络信息权限
+Add permissions for WiFi and network information in the module.json5 file under the entry directory.
 
 Open the `entry/src/main/module.json5` file and add the following code:
 
diff --git a/en/react-native-offline.md b/en/react-native-offline.md
index 7759c445..4e568d60 100644
--- a/en/react-native-offline.md
+++ b/en/react-native-offline.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-offline</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/rgommezz/react-native-offline)
+> [!TIP] [GitHub address](https://github.com/rgommezz/react-native-offline)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add react-native-offline@6.0.2
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -102,24 +102,24 @@ export const offlineDemoTest = () => {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-community/netinfo 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-community/netinfo. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-community/netinfo文档的 Link 章节](/zh-cn/react-native-community-netinfo.md#link)进行引入
+If it is not included, follow the guide provided in @react-native-community/netinfo to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                  | Type        | Required | Platform              | HarmonyOS Support |
 | --------------------- | ------------------------------------------------------------ | ----------- | -------- | --------------------- | ----------------- |
@@ -139,11 +139,11 @@ export const offlineDemoTest = () => {
 | url                   | remote server to ping to. Defaults to https://www.google.com/ since it's probably one the most stable servers out there, but you can provide your own if needed. Warning: www.google.com is a blocked domain in China, so if you need your app to be accessible from there, you MUST use another domain. | string      | no       | Android、iOS、Windows | yes               |
 | method                | http method used to ping the server. Supports HEAD or OPTIONS. Defaults to HEAD. | HTTPMethod  | no       | Android、iOS、Windows | yes               |
 
-## 静态方法
+## Static Methods 
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                                                  | Type | Required | Platform              | HarmonyOS Support |
 | ----------------------- | ------------------------------------------------------------ | ---- | -------- | --------------------- | ----------------- |
@@ -155,10 +155,10 @@ export const offlineDemoTest = () => {
 | createNetworkMiddleware | Function that returns a Redux middleware which listens to specific actions targeting API calls in online/offline mode. | func | no       | Android、iOS、Windows | yes               |
 | OfflineQueue            | A queue system to store actions that failed due to lack of connectivity. It works for both plain object actions and thunks. | func | no       | Android、iOS、Windows | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/rgommezz/react-native-offline/blob/master/LICENSE) ，请自由地享受和参与开源
+This project is licensed under [The MIT License (MIT)](https://github.com/rgommezz/react-native-offline/blob/master/LICENSE) ，请自由地享受和参与开源
diff --git a/en/react-native-picker-select.md b/en/react-native-picker-select.md
index b19ebd0a..e7de8d1e 100644
--- a/en/react-native-picker-select.md
+++ b/en/react-native-picker-select.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-picker-select</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-picker-select)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-picker-select)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +36,9 @@ yarn add @react-native-oh-tpl/react-native-picker-select
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useRef, useState } from 'react';
@@ -181,23 +181,24 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库依赖@react-native-oh-tpl/@react-native-picker/picker，如已在鸿蒙工程中引入过该库，则无需再次引入。
+The HarmonyOS implementation of this library depends on the native code from@react-native-oh-tpl/@react-native-picker/picker. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/@react-native-picker/picker 文档](<https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-picker-picker(nocodegen).md>)进行引入。
+If it is not included, follow the guide provided in @react-native-oh-tpl/@react-native-picker/picker to add it to your project.
 
-## 约束与限制
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-## 属性
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-picker-select Releases](https://github.com/react-native-oh-library/react-native-picker-select/releases)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+## Properties
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
 | --- | --- | --- | --- | --- | --- | --- |
@@ -224,13 +225,13 @@ const styles = StyleSheet.create({
 | modalProps | Additional props to pass to the Modal (some props are used in core functionality so use this carefully). | function | null | no | iOS | yes |
 | touchableDoneProps | Additional props to pass to the Done touchable (some props are used in core functionality so use this carefully). | function | null | no | iOS | yes |
 
-## 遗留问题
+## Known Issues
 
-- [ ] 属性useNativeAndroidPickerStyle在HarmonyOS中暂不支持 [issue#3](https://github.com/react-native-oh-library/react-native-picker-select/issues/3)
-- [ ] 属性fixAndroidTouchableBug在HarmonyOS中暂不支持 [issue#4](https://github.com/react-native-oh-library/react-native-picker-select/issues/4)
+- [ ] The property useNativeAndroidPickerStyle is currently not supported in HarmonyOS. [issue#3](https://github.com/react-native-oh-library/react-native-picker-select/issues/3)
+- [ ] The property fixAndroidTouchableBug is currently not supported in HarmonyOS. [issue#4](https://github.com/react-native-oh-library/react-native-picker-select/issues/4)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/lawnstarter/react-native-picker-select/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/lawnstarter/react-native-picker-select/blob/master/LICENSE).
diff --git a/en/react-native-qr-decode-image-camera.md b/en/react-native-qr-decode-image-camera.md
index b975c45e..f9af7f47 100644
--- a/en/react-native-qr-decode-image-camera.md
+++ b/en/react-native-qr-decode-image-camera.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-qr-decode-image-camera</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-qr-decode-image-camera Releases](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,11 +38,11 @@ yarn add @react-native-oh-tpl/react-native-qr-decode-image-camera
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
-> 示例中：launchImageLibrary 方法需引入 Harmony OS 的 react-native-image-picker 库，跳转 [react-native-image-picker](/zh-cn/react-native-image-picker.md)查看使用方法。
+> In the example: The launchImageLibrary method requires the introduction of the react-native-image-picker library for Harmony OS,Navigate to [react-native-image-picker](/zh-cn/react-native-image-picker.md)to view the usage instructions.
 
 QRreader
 
@@ -73,7 +73,7 @@ export const qrExample = () => {
             }
           });
         }}
-        title="点击选择二维码照片 "
+        title="Click to select a QR code photo"
       />
       <Text style={{fontSize: 20}}>{reader}</Text>
     </View>
@@ -139,17 +139,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-vision-camera 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-vision-camera. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-vision-camera](/zh-cn/react-native-vision-camera.md)进行引入
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-vision-camera to add it to your project.
 
-## 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+## 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -160,18 +160,17 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -180,22 +179,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNQrDecodeImageCameraPackage
+### 3. Introducing RNQrDecodeImageCameraPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 
 ```diff
@@ -210,9 +209,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.在 ArkTs 侧引入 Fabric 组件
+### 4. Introducing NativeScan Component to ArkTS
 
-找到 function buildCustomRNComponent()，一般位于 entry/src/main/ets/pages/index.ets 或 entry/src/main/ets/rn/LoadBundle.ets，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -232,45 +231,45 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-qr-decode-image-camera](https://github.com/react-native-oh-library/react-native-qr-decode-image-camera/releases)
 
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
  | Name | Description | Type | Required | Platform | HarmonyOS Support |
  | ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
  | QRreader | Invoke this method to invoke the gallery, select the QR code image for image decoding, and asynchronously return the result. | funtion | no | iOS/Android | yes |
 
-## 属性
+## Properties
 
 ### QRscanner
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                      | Type    | Required | Platform    | HarmonyOS Support |
 | ------------------ | ------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
@@ -305,10 +304,10 @@ ohpm install
 | topViewStyle       | render top container style                       | object  | no       | iOS/Android | yes               |
 | bottomViewStyle    | render bottom container style                    | object  | no       | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/deepanrajkumar/react-native-qr-decode-image-camera/blob/master/LICENSE).
diff --git a/en/react-native-randombytes.md b/en/react-native-randombytes.md
index 86206616..98bfb93d 100644
--- a/en/react-native-randombytes.md
+++ b/en/react-native-randombytes.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-randombytes</code> </h1>
@@ -15,13 +15,13 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-randombytes)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-randombytes)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 
@@ -41,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-randombytes
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 
@@ -56,7 +56,6 @@ export default function randomBytesDemo(): JSX.Element {
     const [bytesString, setBytesString] = useState('');
     const [size, setSize] = useState('30');
 
-    // 调用原生 randomBytes, 传入一个回调函数
     const nativeRandom = () => {
         randomBytes(Number(size), (err: any, bytes: any) => {
             setBytesString(JSON.stringify(bytes))
@@ -64,7 +63,6 @@ export default function randomBytesDemo(): JSX.Element {
         })
     }
 
-    // 不传回调函数，调用js randomBytes 
     const jsRandom = () => {
         const bytes = randomBytes(Number(size))
         setBytesString(JSON.stringify(bytes))
@@ -101,17 +99,17 @@ const styles = StyleSheet.create({
 
 ```
 
-## 使用 Codegen（如本库已适配了 Codegen ）
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -122,18 +120,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -142,22 +137,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RandomBytesPackage
+### 3. Introducing RandomBytesPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -171,37 +166,37 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases)
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-详情请见[react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes)
+For details, see [react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes)
 
 | Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
 |----------------|-------------------------------| -- | -------- | ----------- | ----------------- |
@@ -209,9 +204,9 @@ ohpm install
 | seedSJCL       | Add entropy to the pools.       | function | No       | IOS/Android | yes               |
 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/mvayngrib/react-native-randombytes/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/mvayngrib/react-native-randombytes/blob/master/LICENSE).
 
diff --git a/en/react-native-restart.md b/en/react-native-restart.md
index f23ad4e6..20a554c5 100644
--- a/en/react-native-restart.md
+++ b/en/react-native-restart.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-restart</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-restart)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-restart)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-restart
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import {Text, View, StyleSheet} from 'react-native';
@@ -49,15 +49,15 @@ import RNRestart from 'react-native-restart';
 export default function RestartDemo() {
   return (
     <View>
-      <Text>重启restart</Text>
+      <Text>restart</Text>
       <Text style={styles.button} onPress={() => RNRestart.restart()}>
-        重启(restart)
+        restart
       </Text>
-      <Text>重启Restart</Text>
+      <Text>Restart</Text>
       <Text style={styles.button} onPress={() => RNRestart.Restart()}>
-        重启(Restart)
+        Restart
       </Text>
-      <Text>上次restart的原因（getReason）</Text>
+      <Text>The reason for the last restart(getReason)</Text>
       <Text style={styles.button} onPress={() => RNRestart.getReason()}>
         getReason
       </Text>
@@ -77,16 +77,16 @@ const styles = StyleSheet.create({
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+### 1.Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 {
@@ -97,18 +97,17 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -117,22 +116,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNRestartPackage
+### 3. Introducing RNRestartPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 import type { RNPackageContext, RNPackage } from "rnoh/ts";
@@ -147,29 +146,29 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-restart Releases](https://github.com/react-native-oh-library/react-native-restart/releases)
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                       | Type     | Required | Platform | HarmonyOS Support |
 | --------- | --------------------------------- | -------- | -------- | -------- | ----------------- |
 | restart   | restart your react native project | Function | no       | All      | yes               |
 | Restart   | restart your react native project | Function | no       | All      | yes               |
 | getReason | get the cause of the last restart | Function | no       | All      | yes               |
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/avishayil/react-native-restart/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/avishayil/react-native-restart/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-securerandom.md b/en/react-native-securerandom.md
index 045c2651..d189115f 100644
--- a/en/react-native-securerandom.md
+++ b/en/react-native-securerandom.md
@@ -130,7 +130,7 @@ Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 }
 ```
 
-### 2. Introducing Native Code
+### 2.  Introducing Native Code
 
 Currently, two methods are available:
 
diff --git a/en/react-native-shadow-2.md b/en/react-native-shadow-2.md
index 419c6e20..7041a360 100644
--- a/en/react-native-shadow-2.md
+++ b/en/react-native-shadow-2.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-shadow-2</code> </h1>
@@ -13,11 +13,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/SrBrahma/react-native-shadow-2)
+> [!TIP] [GitHub address](https://github.com/SrBrahma/react-native-shadow-2)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,9 +35,9 @@ yarn add react-native-shadow-2@7.0.8
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import {Text, ScrollView, View, StyleSheet} from 'react-native';
@@ -47,7 +47,7 @@ export function Shadow2Demo() {
   return (
     <ScrollView>
       <View style={styles.container}>
-        <Text style={styles.title}>shadow2测试</Text>
+        <Text style={styles.title}>shadow2</Text>
         <View style={styles.sliders}>
           <Text style={styles.title}>base</Text>
           <Shadow>
@@ -172,23 +172,23 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库HarmonyOS侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在HarmonyOS工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档](/zh-cn/react-native-svg-capi.md#link)进行引入
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-svg to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.27; SDK：HarmonyOS NEXT Developer Beta1 5.0.0.25 (API Version 12 Canary4); IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name           | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
@@ -205,14 +205,14 @@ const styles = StyleSheet.create({
 | safeRender     | Won't use the relative sizing and positioning on the 1st render but on the following renders with the exact onLayout sizes. Useful if dealing with radii greater than the sides sizes (like a circle) to avoid visual artifacts on the 1st render. | boolean                                                      | no       | All      | yes               |
 | disabled       | Disables the Shadow. Useful for easily reusing components as sometimes shadows are not desired. containerStyle and style are still applied. | boolean                                                      | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-目前可使用的属性，具体见上面已列出。
+The currently available properties are specifically listed above.
 
-- [x] 由于react-native-shadow-2强依赖[`react-native-svg`](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-svg)库，但react-native-svg目前仅实现少部分属性，其余还未实现HarmonyOS化， 导致属性offset、paintInside、corners不可用问题: [issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
+- [x] Due to the strong dependency of react-native-shadow-2 on the [`react-native-svg`](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-svg)library，and the current limited implementation of react-native-svg on HarmonyOS, only a small number of properties are available， Consequently, properties such as offset, paintInside, and corners are not yet supported, leading to issues as documented in: [issue#5](https://github.com/react-native-oh-library/react-native-svg/issues/5)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/SrBrahma/react-native-shadow-2/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/SrBrahma/react-native-shadow-2/blob/main/LICENSE).
diff --git a/en/react-native-shimmer-placeholder.md b/en/react-native-shimmer-placeholder.md
index dc8520ae..dfec8fb8 100644
--- a/en/react-native-shimmer-placeholder.md
+++ b/en/react-native-shimmer-placeholder.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-shimmer-placeholder</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/tomzaku/react-native-shimmer-placeholder)
+> [!TIP] [GitHub address](https://github.com/tomzaku/react-native-shimmer-placeholder)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add react-native-shimmer-placeholder@2.0.9
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from "react";
@@ -77,25 +77,25 @@ export class ShimmerPlaceholderTest extends Component {
 
 ## Link
 
-> [!TIP] 本库依赖的@react-native-oh-tpl/react-native-linear-gradient 使用的版本为 3.0.0-0.4.5
+> [!TIP] The version of @react-native-oh-tpl/react-native-linear-gradient that this library depends on is 3.0.0-0.4.5.
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-linear-gradient 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-linear-gradient. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-linear-gradient 文档](/zh-cn/react-native-linear-gradient.md)进行引入
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-linear-gradient to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                                                                                            | Required | Type      | Platform | HarmonyOS Support |
 | -------------------------- | ------------------------------------------------------------------------------------------------------ | -------- | --------- | -------- | ----------------- |
@@ -117,20 +117,20 @@ export class ShimmerPlaceholderTest extends Component {
 | **shimmerContainerProps**  | Props passed to the View which contains the loading animation                                          | no       | ViewProps | ALL      | yes               |
 | **childrenContainerProps** | Props passed to the View which contains the children                                                   | no       | ViewProps | ALL      | yes               |
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Method          | Description                 | Type     | **Required** | Platform | HarmonyOS Support |
 | --------------- | --------------------------- | -------- | ------------ | -------- | ----------------- |
 | **getAnimated** | get Animated of Placeholder | Animated | no           | ALL      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/tomzaku/react-native-shimmer-placeholder/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/tomzaku/react-native-shimmer-placeholder/blob/master/LICENSE).
diff --git a/en/react-native-signature-capture.md b/en/react-native-signature-capture.md
index a2ca929b..f369434d 100644
--- a/en/react-native-signature-capture.md
+++ b/en/react-native-signature-capture.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-signature-capture</code> </h1>
@@ -15,13 +15,13 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-signature-capture)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-signature-capture)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 
@@ -41,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-signature-capture
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 var React = require('react');
@@ -133,17 +133,17 @@ AppRegistry.registerComponent('RNSignatureExample', () => RNSignatureExample);
 
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 {
@@ -154,18 +154,17 @@ AppRegistry.registerComponent('RNSignatureExample', () => RNSignatureExample);
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入 (推荐)
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -174,22 +173,22 @@ AppRegistry.registerComponent('RNSignatureExample', () => RNSignatureExample);
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 SignatureCaptureArkView 组件
+### 3. Introducing SignatureCaptureArkView Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -209,9 +208,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added.  
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -222,9 +221,9 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 4.在 ArkTs 侧引入 SignatureCapturePackage
+### 4. Introducing SignatureCapturePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -238,33 +237,33 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-signature-capture Releases](https://github.com/react-native-oh-library/react-native-signature-capture/releases)
 
    
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name                                                              | Description                                                                                                                                                                     | Type                      | Required | Platform    | HarmonyOS Support |
@@ -282,11 +281,11 @@ ohpm install
 | onSaveEvent: (event: {pathName: string, encoded: string}) => void | Triggered when saveImage() is called, which return Base64 Encoded String and image file path.                                                                                   | function                  | no       | iOS/Android | yes               |
 | onDragEvent: (event: boolean) => void                             | Triggered when user marks his signature on the canvas. This will not be called when the user does not perform any action on canvas.                                             | function                  | no       | iOS/Android | yes               |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name       | Description                                                                                         | Type     | Required | Platform    | HarmonyOS Support |
@@ -295,11 +294,11 @@ ohpm install
 | resetImage | when called it will clear the image on the canvas                                                   | function | no       | iOS/Android | yes               |
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/RepairShopr/react-native-signature-capture/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/RepairShopr/react-native-signature-capture/blob/master/LICENSE).
 
diff --git a/en/react-native-sortable-list.md b/en/react-native-sortable-list.md
index ffefcab9..324ddaa9 100644
--- a/en/react-native-sortable-list.md
+++ b/en/react-native-sortable-list.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sortable-list</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sortable-list)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-sortable-list)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-sortable-list
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 /**
@@ -228,19 +228,19 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-sortabel-list Releases](https://github.com/react-native-oh-library/react-native-sortable-list/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                           | Description                                                                                                                                                                    | **Type**      | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
@@ -267,11 +267,11 @@ const styles = StyleSheet.create({
 | onReleaseRow                   | Called when the active row was released. Returns the key and the new list order.                                                                                               | function      | no       | All      | Yes               |
 | onPressRow                     | Called when a row was pressed.                                                                                                                                                 | function      | no       | All      | Yes               |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name           | Description                                                                 | **Type**       | Required | Platform | HarmonyOS Support |
 | -------------- | --------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
@@ -279,10 +279,10 @@ const styles = StyleSheet.create({
 | scrollTo       | scrolls to a given y offset, either immediately or with a smooth animation. | y?, animated?  | no       | All      | Yes               |
 | scrollToRowKey | scrolls to a given row key, either immediately or with a smooth animation.  | key, animated? | no       | All      | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-sortable-list/blob/sig/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/react-native-oh-library/react-native-sortable-list/blob/sig/LICENSE).
diff --git a/en/react-native-spinkit.md b/en/react-native-spinkit.md
index b7ca427f..8f14cddf 100644
--- a/en/react-native-spinkit.md
+++ b/en/react-native-spinkit.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-spinkit</code> </h1>
@@ -15,14 +15,14 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-spinkit)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-spinkit)
 
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -41,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-spinkit
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -64,17 +64,17 @@ const SpinKitDemo: React.FC = (): JSX.Element => {
 export default SpinKit;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -85,18 +85,17 @@ export default SpinKit;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -105,23 +104,23 @@ export default SpinKit;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 SpinKitView 组件
+### 3. Introducing SpinKitView Component to ArkTS
 
-找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -140,9 +139,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 }
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] If the repository uses a mixed solution, the component name needs to be added. 
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -152,9 +151,9 @@ const arkTsComponentNames: Array<string> = [
 + SpinKitView.NAME
   ];
 ```
-### 4.在 ArkTs 侧引入 SpinKitPackage Package
+### 4. Introducing SpinKitPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -168,11 +167,11 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
@@ -180,22 +179,22 @@ ohpm install
 ```
 
 
-然后编译、运行即可。
+Then build and run the code.
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**SpinKit**：加载动画渲染组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props。
+**SpinKit**：Loading Animation Rendering Component, Accepts All Parameters [View](https://reactnative.dev/docs/view#props) 的props。
 
 | props  | Description | Type | Required | Platform | HarmonyOS Support  |
 | ----  | ----------- | ---- | -------- | ---- | ------------ |
@@ -220,10 +219,10 @@ ohpm install
 | size | Visibility of the spinner | number | No | All | Yes |
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/maxs15/react-native-spinkit/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/maxs15/react-native-spinkit/blob/master/LICENSE).
diff --git a/en/react-native-svg-charts.md b/en/react-native-svg-charts.md
index 6d0b8ba0..e1a80be7 100644
--- a/en/react-native-svg-charts.md
+++ b/en/react-native-svg-charts.md
@@ -540,7 +540,7 @@ details[react-native-svg-charts](https://github.com/JesperLekland/react-native-s
 | data   | the same data array provided to the chart, use this to map over your data points if you want decorators on each point | array          | YES      | ALL      | YES               |
 | ticks  | if numberOfTicks has been provided to the chart this array will include the calculated tick values (useful for grids) | array          | YES      | ALL      | YES               |
 
-### 组件特有 Properties
+### Unique Properties of the Component
 
 #### Area
 
diff --git a/en/react-native-swipeable-list.md b/en/react-native-swipeable-list.md
index c507fc43..01904ed4 100644
--- a/en/react-native-swipeable-list.md
+++ b/en/react-native-swipeable-list.md
@@ -430,7 +430,7 @@ This document is verified based on the following versions:
 
 ## Properties
 
-SwipeableFlatList 组件接收所有[React Native FlatList](https://facebook.github.io/react-native/docs/flatlist)组件的 Props.
+The SwipeableFlatList component accepts all the props of the [React Native FlatList](https://facebook.github.io/react-native/docs/flatlist)component.
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
diff --git a/en/react-native-switch-selector.md b/en/react-native-switch-selector.md
index aaeecef7..7bb2d95d 100644
--- a/en/react-native-switch-selector.md
+++ b/en/react-native-switch-selector.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-switch-selector</code> </h1>
@@ -15,11 +15,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/App2Sales/react-native-switch-selector)
+> [!TIP] [GitHub address](https://github.com/App2Sales/react-native-switch-selector)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,9 +37,9 @@ yarn add react-native-switch-selector@2.3.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import SwitchSelector from "react-native-switch-selector";
@@ -48,9 +48,9 @@ import { ScrollView } from 'react-native';
 
 const SwitchSelectorDemo = () => {
     const options = [
-        { label: "电影", value: "movie" },
-        { label: "地图", value: "map" },
-        { label: "地铁", value: "metro" }
+        { label: "movie", value: "movie" },
+        { label: "map", value: "map" },
+        { label: "subway", value: "metro" }
     ];
     return (
         <ScrollView>
@@ -65,20 +65,20 @@ const SwitchSelectorDemo = () => {
 export default SwitchSelectorDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                         | Description                                                  | Type                     | Required | Platform    | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
@@ -119,10 +119,10 @@ export default SwitchSelectorDemo;
 | testID                       | Test ID used for testing (e.g. with Appium)                  | string                   | No       | Android/IOS | Yes               |
 | accessibilityLabel           | Accessibility Label used for testing (e.g. with Appium)      | string                   | No       | Android/IOS | Yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/App2Sales/react-native-switch-selector/blob/master/LICENSE)，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/en/react-native-touch-id.md b/en/react-native-touch-id.md
index 784489d0..19e888f1 100644
--- a/en/react-native-touch-id.md
+++ b/en/react-native-touch-id.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-touch-id</code> </h1>
@@ -12,14 +12,14 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-touch-id)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-touch-id)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-touch-id
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component, useState } from 'react';
@@ -52,7 +52,7 @@ const App = () => {
   return (
      <View>
       <Text style={{ height: 40, backgroundColor: 'white', textAlign: 'center' }}>{result}</Text>
-      <Button title='验证是否有指纹权限'
+      <Button title='check whether you have fingerprint permission'
         onPress={() => {
           TouchID.isSupported({ unifiedErrors: false }).then((res: any) => {
             setResult(res)
@@ -61,10 +61,10 @@ const App = () => {
           })
         }}
       ></Button>
-      <Button title='校验指纹'
+      <Button title='check fingerprint'
         onPress={() => {
           TouchID.authenticate().then((res: boolean) => {
-            setResult('认证成功')
+            setResult('Authentication successful')
           }).catch((err: any) => {
             setResult(err.message)
           })
@@ -77,16 +77,17 @@ const App = () => {
 export default App;
 
 ```
-## 使用 Codegen
+## Use Codegen
+
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1.Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 {
@@ -97,18 +98,17 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -117,23 +117,23 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 
-### 3.在 ArkTs 侧引入 TouchIdPackage
+### 3. Introducing TouchIdPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -147,32 +147,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases)
 
 
-### 权限要求
+### Permission Requirements
 
-（填入相关权限配置）
+(Enter the related permission configuration.)
 
 Add the following permissions to their respective files:
 
@@ -188,19 +188,19 @@ In your `module.json5`
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | isSupported  | Whether touchid is supported | function  | yes | ios/andriod      | yes |
 | authenticate  | Verify touchid | function  | yes | ios/andriod      | yes |
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Errors
 
@@ -220,10 +220,10 @@ In your `module.json5`
 | Touch ID Error  | The type of credential has not been enrolled   | string | no | harmonry  | yes |
 | Touch ID Error  | The authentication is canceled from widget's navigation button   | string | no | harmonry  | yes |
 | Touch ID Error  | Indicates that current authentication failed because of PIN expired   | string | no | harmonry  | yes |
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/naoufal/react-native-touch-id?tab=readme-ov-file#license) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/naoufal/react-native-touch-id?tab=readme-ov-file#license).
diff --git a/en/react-native-typing-animation.md b/en/react-native-typing-animation.md
index 200e61da..2c4a5a6b 100644
--- a/en/react-native-typing-animation.md
+++ b/en/react-native-typing-animation.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-typing-animation</code> </h1>
@@ -15,9 +15,9 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/watadarkstar/react-native-typing-animation)
+> [!TIP] [GitHub address](https://github.com/watadarkstar/react-native-typing-animation)
 
-## 安装与使用
+## Installation and Usage
 
 <!-- tabs:start -->
 
@@ -35,9 +35,9 @@ yarn add react-native-typing-animation@0.1.7
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useEffect, useRef, useState } from 'react';
@@ -202,21 +202,21 @@ const styles = StyleSheet.create({
 export default TypingAnimationDemos;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1.RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 
 2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |     Name     |                         Description                          |  Type   | Required |  Platform   | HarmonyOS Support |
 | :----------: | :----------------------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
@@ -231,11 +231,11 @@ export default TypingAnimationDemos;
 |     dotX     |  Dot x, the x coordinate of the center dot; default is `12`  | Integer |    No    | Android/ios |        Yes        |
 |     show     |  Visibility, whether the whole animation view is displayed or not; default is true  | Boolean |    No    | Android/ios |        Yes        |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于  [The MIT License (MIT)](https://github.com/watadarkstar/react-native-typing-animation/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under  [The MIT License (MIT)](https://github.com/watadarkstar/react-native-typing-animation/blob/master/LICENSE).
 
diff --git a/en/react-native-vector-drawable.md b/en/react-native-vector-drawable.md
index fdf442b4..d119324a 100644
--- a/en/react-native-vector-drawable.md
+++ b/en/react-native-vector-drawable.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-vector-drawable</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-vector-drawable)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-vector-drawable)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-vector-drawable
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 
@@ -57,21 +57,21 @@ export default function VectorDrawableDemo(): JSX.Element {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)
 
 
-## 属性
-原库中Android平台实现是通过android.graphics.drawable.Drawable方法加载[xml矢量图片](https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/example/android/app/src/main/res/drawable/ic_klarna_logo.xml)文件，在iOS平台是通过[React-Native View](https://reactnative.cn/docs/view)来实现，HarmonyOS与iOS保持一致，属性见[React-Native View组件](https://reactnative.cn/docs/view)
+## Properties
+In the original library, the Android platform implements the loading of[xml vector images](https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/example/android/app/src/main/res/drawable/ic_klarna_logo.xml) through the android.graphics.drawable.Drawable method，On the iOS platform,it is achieved through the[React-Native View](https://reactnative.cn/docs/view)HarmonyOS aligns with iOS in this regard, and the properties are the same as those described in the[React-Native View](https://reactnative.cn/docs/view)
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
@@ -84,8 +84,8 @@ style Props
 |----------------|-------------------------------| -- | -------- | -------- | ----------------- |
 | resizeMode    | 	Determines how to resize the image when the frame doesn't match the raw image dimensions. Possible values are cover, contain, stretch and center | string | false | Android | No        |
 | tintColor    | Changes the color of all the non-transparent pixels to the tintColor. | string | false | Android | No   |
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The Apache License (Apache)](https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The Apache License (Apache)](https://github.com/klarna-incubator/react-native-vector-drawable/blob/master/LICENSE).
diff --git a/en/react-native-view-overflow.md b/en/react-native-view-overflow.md
index 740085d1..09139e01 100644
--- a/en/react-native-view-overflow.md
+++ b/en/react-native-view-overflow.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-view-overflow</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-view-overflow)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-view-overflow)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-view-overflow
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -65,21 +65,21 @@ export function ViewOverflowDemo() {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases)
+Check the release version information in the release address of the third-party library: [react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases)
 
-## 属性
-[!tip] 该库作为容器组件使用同View组件，可以让子控件溢出到父布局之外展示的效果；使用公共属性即可，不涉及私有属性及api方法。
+## Properties
+[!tip] This library can be used as a container component similar to the View component, allowing child controls to overflow and be displayed outside the parent layout. It can be used with public properties only and does not involve private properties or API methods.
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/entria/react-native-view-overflow/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/entria/react-native-view-overflow/blob/master/LICENSE).
diff --git a/en/react-native-vision-camera.md b/en/react-native-vision-camera.md
index 4681cea6..29123f5d 100644
--- a/en/react-native-vision-camera.md
+++ b/en/react-native-vision-camera.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-vision-camera</code> </h1>
@@ -15,13 +15,13 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-vision-camera)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-vision-camera)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-vision-camera Releases](https://github.com/react-native-oh-library/react-native-vision-camera/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -40,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-vision-camera
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import { Button, Text, View } from 'react-native';
@@ -83,7 +83,7 @@ export default function VisionCameraDemo() {
                 photo={true}
             />
             <View style={{ width: '100%', position: 'absolute', bottom: 0, left: 0, zIndex: 999 }}>
-                <Button title="拍照" onPress={onTakePhoto}></Button>
+                <Button title="photograph" onPress={onTakePhoto}></Button>
             </View>
         </View>
     );
@@ -93,11 +93,11 @@ export default function VisionCameraDemo() {
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -108,18 +108,17 @@ export default function VisionCameraDemo() {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -128,22 +127,22 @@ export default function VisionCameraDemo() {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 xxxPackge
+### 3. Configuring CMakeLists and Introducing VisionCameraPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -183,7 +182,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -202,9 +201,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 VisionCameraView 组件
+### 4. Introducing VisionCameraView Component to ArkTS
 
-找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
@@ -223,7 +222,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 }
 ...
 ```
-在`entry/src/main/ets/pages/index.ets`中，如果当前文件中存在`arkTsComponentNames`数组(后续版本新增内容)，则需要在其中追加：`VisionCameraView.NAME`;
+In `entry/src/main/ets/pages/index. ets`, if there is an `arkTsWidgetNames` array in the current file (which will be added in later versions), it is necessary to append `VisionCameraView` to it NAME`;
 
 ```ts
   ...
@@ -231,11 +230,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
   ...
 ```
 
+### 5. Introducing VisionCameraModulePackage to ArkTS
 
-
-### 5.在 ArkTs 侧引入 VisionCameraModulePackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -249,34 +246,34 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6.运行
+### 6. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-vision-camera Releases](https://github.com/react-native-oh-library/react-native-vision-camera/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-vision-camera Releases](https://github.com/react-native-oh-library/react-native-vision-camera/releases)
 
-### 权限要求
+### Permission Requirements
 
-以下权限中有`system_basic` 权限，而默认的应用权限是 `normal` ，只能使用 `normal` 等级的权限，所以可能会在安装hap包时报错**9568289**，请参考 [文档](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) 修改应用等级为 `system_basic`
+Among the following permissions, there is the system_basic permission, while the default application permission is normal. Only normal level permissions can be used, so you may encounter an error 9568289 when installing the hap package. Please refer to the [document](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) to modify the application level to system_basic.
 
-####  在 entry 目录下的module.json5中添加权限
+####  Include applicable permissions in the module.json5 file within the entry directory.
 
-打开 `entry/src/main/module.json5`，添加：
+Open `entry/src/main/module.json5` and add the following code:
 
 ```diff
 ...
@@ -314,9 +311,9 @@ ohpm install
 ]
 ```
 
-#### 在 entry 目录下添加申请以上权限的原因
+#### Apply the reasons for applicable permission in the entry directory.
 
-打开 `entry/src/main/resources/base/element/string.json`，添加：
+Open `entry/src/main/resources/base/element/string.json` and add the following code:
 
 ```diff
 ...
@@ -324,25 +321,25 @@ ohpm install
   "string": [
 +    {
 +      "name": "camera_reason",
-+      "value": "使用相机"
++      "value": "use camera"
 +    },
 +    {
 +      "name": "location_reason",
-+      "value": "获取当前位置"
++      "value": "Get current location"
 +    },
 +    {
 +      "name": "microphone_reason",
-+      "value": "使用麦克风"
++      "value": "Use microphone"
 +    },
   ]
 }
 ```
 
-## 属性
+## Properties
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                               | Description                                                  | Type     | Required | Platform          | HarmonyOS  Support |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- | ------------------ |
@@ -377,11 +374,11 @@ ohpm install
 | onShutter                          | Called just before a photo or snapshot is captured.          | function | no       | All               | yes                |
 | codeScanner                        | A CodeScanner that can detect QR-Codes or Barcodes using platform-native  APIs | object   | no       | All               | yes                |
 
-## 静态方法
+## Static Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                            | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
@@ -404,9 +401,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                                                  | Type | Required | Platform | HarmonyOS Support |
 | ----------------------- | ------------------------------------------------------------ | ---- | -------- | -------- | ----------------- |
@@ -419,32 +416,32 @@ ohpm install
 | useCodeScanner          | create a `CodeScanner` instance and pass it to the  `<Camera>` | hook | no       | All      | yes               |
 | useFrameProcessor       | Returns a memoized Frame Processor function wich you can pass  to the `<Camera>`. | hook | no       | All      | no                |
 
-## 遗留问题
-
-- [ ] 不支持拍照HDR [issue#1](https://github.com/react-native-oh-library/react-native-vision-camera/issues/1) 
-- [ ] 不支持有损缓冲压缩 [issue#2](https://github.com/react-native-oh-library/react-native-vision-camera/issues/2) 
-- [ ] 没有夜景模式 [issue#3](https://github.com/react-native-oh-library/react-native-vision-camera/issues/3) 
-- [ ] 没有实现深度数据能力 [issue#4](https://github.com/react-native-oh-library/react-native-vision-camera/issues/4) 
-- [ ] 依赖三方库skia未 HarmonyOS 化 [issue#5](https://github.com/react-native-oh-library/react-native-vision-camera/issues/5) 
-- [ ] 不支持内容失真校正 [issue#6](https://github.com/react-native-oh-library/react-native-vision-camera/issues/6) 
-- [ ] 不支持消除红眼 [issue#7](https://github.com/react-native-oh-library/react-native-vision-camera/issues/7) 
-- [ ] 快门声音无法独立控制 [issue#8](https://github.com/react-native-oh-library/react-native-vision-camera/issues/8) 
-- [ ] 不支持查询传感器旋转角度 [issue#9](https://github.com/react-native-oh-library/react-native-vision-camera/issues/9) 
-- [ ] 不支持查询硬件级别 [issue#10](https://github.com/react-native-oh-library/react-native-vision-camera/issues/10) 
-- [ ] 不支持查询设备正确对焦的最小距离 [issue#11](https://github.com/react-native-oh-library/react-native-vision-camera/issues/11) 
-- [ ] 不支持查询设备名称 [issue#12](https://github.com/react-native-oh-library/react-native-vision-camera/issues/12) 
-- [ ] 查询的CameraType一直是相机类型未指定 [issue#13](https://github.com/react-native-oh-library/react-native-vision-camera/issues/13) 
-- [ ] 不支持查询传感器旋转角度 [issue#14](https://github.com/react-native-oh-library/react-native-vision-camera/issues/14) 
-- [ ] 不支持查询是否支持弱光增强 [issue#15](https://github.com/react-native-oh-library/react-native-vision-camera/issues/15) 
-- [ ]  HarmonyOS 侧相机无法获取视频视野 [issue#16](https://github.com/react-native-oh-library/react-native-vision-camera/issues/16) 
-- [ ] 不支持查询maxISO和minISO [issue#17](https://github.com/react-native-oh-library/react-native-vision-camera/issues/17) 
-- [ ] 不支持保存快照 [issue#18](https://github.com/react-native-oh-library/react-native-vision-camera/issues/18) 
-- [ ] 视频录制取消时无法删除临时文件 [issue#19](https://github.com/react-native-oh-library/react-native-vision-camera/issues/19) 
-- [ ] 无法监听相机设备变更 [issue#20](https://github.com/react-native-oh-library/react-native-vision-camera/issues/20) 
-
-## 其他
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/mrousavy/react-native-vision-camera/blob/main/LICENSE) ，请自由地享受和参与开源。
+## Known Issues
+
+- [ ] HDR photography not supported [issue#1](https://github.com/react-native-oh-library/react-native-vision-camera/issues/1) 
+- [ ] Lossy buffer compression not supported [issue#2](https://github.com/react-native-oh-library/react-native-vision-camera/issues/2) 
+- [ ] Night mode not available [issue#3](https://github.com/react-native-oh-library/react-native-vision-camera/issues/3) 
+- [ ] Depth data capabilities not implemented [issue#4](https://github.com/react-native-oh-library/react-native-vision-camera/issues/4) 
+- [ ] Third-party library skia is not HarmonyOS-compatible [issue#5](https://github.com/react-native-oh-library/react-native-vision-camera/issues/5) 
+- [ ] Content distortion correction not supported [issue#6](https://github.com/react-native-oh-library/react-native-vision-camera/issues/6) 
+- [ ] Red-eye removal not supported [issue#7](https://github.com/react-native-oh-library/react-native-vision-camera/issues/7) 
+- [ ] Shutter sound cannot be independently controlled [issue#8](https://github.com/react-native-oh-library/react-native-vision-camera/issues/8) 
+- [ ] Querying sensor rotation angle not supported [issue#9](https://github.com/react-native-oh-library/react-native-vision-camera/issues/9) 
+- [ ] Querying hardware level not supported [issue#10](https://github.com/react-native-oh-library/react-native-vision-camera/issues/10) 
+- [ ] Querying the minimum distance for proper device focusing not supported [issue#11](https://github.com/react-native-oh-library/react-native-vision-camera/issues/11) 
+- [ ] Querying device name not supported [issue#12](https://github.com/react-native-oh-library/react-native-vision-camera/issues/12) 
+- [ ] Queried CameraType always shows as unspecified camera type [issue#13](https://github.com/react-native-oh-library/react-native-vision-camera/issues/13) 
+- [ ] Querying sensor rotation angle not supported (Duplicate) [issue#14](https://github.com/react-native-oh-library/react-native-vision-camera/issues/14) 
+- [ ] Querying support for low-light enhancement not supported [issue#15](https://github.com/react-native-oh-library/react-native-vision-camera/issues/15) 
+- [ ] Camera on HarmonyOS side cannot obtain video field of view [issue#16](https://github.com/react-native-oh-library/react-native-vision-camera/issues/16) 
+- [ ] Querying maxISO and minISO not supported [issue#17](https://github.com/react-native-oh-library/react-native-vision-camera/issues/17) 
+- [ ] Saving snapshots not supported [issue#18](https://github.com/react-native-oh-library/react-native-vision-camera/issues/18) 
+- [ ] Temporary files cannot be deleted when video recording is canceled [issue#19](https://github.com/react-native-oh-library/react-native-vision-camera/issues/19) 
+- [ ] Camera device changes cannot be monitored [issue#20](https://github.com/react-native-oh-library/react-native-vision-camera/issues/20) 
+
+## Others
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/mrousavy/react-native-vision-camera/blob/main/LICENSE).
 
diff --git a/en/react-native-worklets-core.md b/en/react-native-worklets-core.md
index 8f01078e..b166e637 100644
--- a/en/react-native-worklets-core.md
+++ b/en/react-native-worklets-core.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-worklets-core</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-worklets-core)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-worklets-core)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-worklets-core Releases](https://github.com/react-native-oh-library/react-native-worklets-core/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -35,7 +35,7 @@ npm i @react-native-oh-tpl/react-native-worklets-core
 yarn add @react-native-oh-tpl/react-native-worklets-core
 ```
 
-在项目根目录下的 `babel.config.js` 中添加 `babel` 插件
+Add babel plugins in the babel.config.js file located at the root directory of the project.
 
 ```js
 module.exports = {
@@ -47,7 +47,7 @@ module.exports = {
 };
 ```
 
-重置缓存重启项目
+Reset cache and restart the project.
 
 ```bash
 yarn start --reset-cache
@@ -55,9 +55,9 @@ yarn start --reset-cache
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import { useState } from "react";
@@ -65,13 +65,10 @@ import { Button, Text, View } from "react-native";
 import { useRunOnJS, useWorklet } from "react-native-worklets-core";
 
 const App = () => {
-  // 计数器
   const [count, setCount] = useState(0);
-  // 定义一个useRunJS方法
   const setCountRunInJS = useRunOnJS(() => {
     setCount(Math.random());
   }, [count]);
-  // 在worklets线程使用RunInJS方法
   const countInWorkLet = useWorklet(
     "default",
     () => {
@@ -96,11 +93,11 @@ export default App;
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -111,18 +108,17 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -131,22 +127,22 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```shell
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 Worklets
+### 3. Configuring CMakeLists and Introducing Worklets Package
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -180,7 +176,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_worklets)
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -199,9 +195,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 WorkletsPackage
+### 4. Introducing WorkletsPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -215,32 +211,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```shell
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-worklets-core Releases](https://github.com/react-native-oh-library/react-native-worklets-core/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-worklets-core Releases](https://github.com/react-native-oh-library/react-native-worklets-core/releases)
 
 ### API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME                   | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
@@ -263,10 +259,10 @@ ohpm install
 | worklet                | Ensures the given function is a Worklet, and throws an error if not. | function  | no       | All      | yes               |
 | getWorkletDependencies | Get the dependencies of the given worklet.                   | function  | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/margelo/react-native-worklets-core/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/margelo/react-native-worklets-core/blob/main/LICENSE).
diff --git a/en/react-native-zip-archive.md b/en/react-native-zip-archive.md
index e3a364d4..e7432327 100644
--- a/en/react-native-zip-archive.md
+++ b/en/react-native-zip-archive.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-zip-archive</code> </h1>
@@ -13,13 +13,13 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-zip-archive)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-zip-archive)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -38,9 +38,9 @@ yarn add @react-native-oh-tpl/react-native-zip-archive
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState, useEffect } from 'react';
@@ -68,31 +68,29 @@ export default function ZipArchiveDemo() {
     let unzipPassword: string = '';
     let needPassword: boolean = false;
 
-    // 存储设置的密码
     const setUnzipPassword = (value: string) => {
         console.log(`setUnzipPassword: ${value}`);
         unzipPassword = value;
     }
 
     useEffect(() => {
-        let filesDir = pathParameters(); // 获取 HarmonyOS 应用文件路径
+        let filesDir = pathParameters(); 
         let newZipPath: any = filesDir + '.zip';
         let newSourcePath: any = filesDir;
-        let newFolder: any = filesDir + 'Out';//解压时新建个文件夹
+        let newFolder: any = filesDir + 'Out';
 
-        setNewZipPath(newZipPath);//存储压缩包
-        setNewSourcePath(newSourcePath);//原文件路径
-        setNewFolder(newFolder);//解压时新建个文件夹
+        setNewZipPath(newZipPath);
+        setNewSourcePath(newSourcePath);
+        setNewFolder(newFolder);
 
         if (!showInput) {
-            setPassword(''); // 隐藏输入框时清空密码
+            setPassword(''); 
         }
     }, [showInput]);
 
-    // 创建文件
     const createFile = () => {
         if (!fileName || !fileContent) {
-            Alert.alert('文件名和内容不能为空');
+            Alert.alert('The file name and content cannot be empty.');
             return;
         }
         const filePath = `${newSourcePath}/${fileName}.txt`;
@@ -101,72 +99,69 @@ export default function ZipArchiveDemo() {
             creteFile(filePath, fileContent)
                 .then(() => {
                     setCreatedFilePath(filePath);
-                    Alert.alert('文件创建成功')
+                    Alert.alert('File created successfully')
                     setTimeout(() => {
                         setFileName('');
                         setFileContent('');
                     }, 100);
                 })
                 .catch((error) => {
-                    console.log('文件创建失败:', error);
+                    console.log('File creation failed:', error);
                 });
         } else {
-            Alert.alert('请输入文件名和内容');
+            Alert.alert('Please enter the file name and content');
         }
     };
 
-    // 密码压缩
     const handleZipPress = () => {
         if (password === '') {
-            Alert.alert('错误', '请输入密码');
+            Alert.alert('error', 'Please input a password');
             return;
         }
        
         if (createdFilePath) {
-            handleProgress();//进度条
+            handleProgress();
             zipWithPassword(newSourcePath, newZipPath, password)
                 .then(() => {
                     console.log(`password--11:${password}`)
                     setZipPassword(password);
                     setCompressedFilePath(newZipPath)
-                    Alert.alert('成功', '已使用密码创建压缩');
+                    Alert.alert('successful', 'Created compression using password');
                 })
                 .catch(error => {
-                    Alert.alert('错误', `创建压缩文件失败: ${error}`);
+                    Alert.alert('error', `Failed to create compressed file: ${error}`);
                 });
         } else {
-            Alert.alert('无文件可供压缩');
+            Alert.alert('No files available for compression');
         }
     };
 
-    // 解压时是否需要密码
     const isUnzipWithPassword = () => {
         if (unzipPassword) {
             if (zipPassword === '') {
-                Alert.alert('错误', '请先进行压缩并设置密码');
+                Alert.alert('error', 'Please compress and set a password first');
                 return;
             }
 
             if (unzipPassword === zipPassword) {
                 handleGetUncompressedSize();
-                handleProgress();//进度条
+                handleProgress();
                 unzipWithPassword(newZipPath,newFolder, unzipPassword)
                     .then(() => {
-                        Alert.alert('成功', '已使用密码解压文件');
+                        Alert.alert('success', 'The password has been used to decompress the file');
                     })
                     .catch(error => {
-                        Alert.alert('错误', `解压文件失败: ${error}`);
+                        Alert.alert('error', `Failed to decompress file: ${error}`);
                     });
 
             } else {
-                Alert.alert('密码输入错误');
+                Alert.alert('Password input error');
             }
         } else {
-            Alert.alert('错误', '请先输入密码');
+            Alert.alert('error', 'Please enter your password first');
         }
     }
 
-    // 密码解压&解压
     const handleUnzipPress = () => {
         if (this.needPassword) {
             isUnzipWithPassword();
@@ -182,19 +177,19 @@ export default function ZipArchiveDemo() {
                     if (compressedFilePath) {
                         if (needPassword === false) {
                             handleGetUncompressedSize();
-                            handleProgress();//进度条
+                            handleProgress();
                             unzip(newZipPath, newFolder,'UTF-8')
                                 .then(() => {
                                     console.log(`unzip success`)
-                                    Alert.alert('成功', '已解压');
+                                    Alert.alert('success', 'Decompressed');
                                 })
                                 .catch(error => {
-                                    Alert.alert('错误', '解压失败');
+                                    Alert.alert('error', 'Decompression failed');
                                     console.log(`unzip error: ${error}`);
                                 })
                         }
                     } else {
-                        Alert.alert('无压缩文件可供解压');
+                        Alert.alert('No compressed files available for decompression');
                     }
                 }
             })
@@ -203,10 +198,9 @@ export default function ZipArchiveDemo() {
             })
     }
 
-    // 进度条
     const handleProgress = () => {
         setIsProgressPing(true);
-        setProgress(0); //重置进度条
+        setProgress(0); 
         interface data {
             progress: number,
             filePath: string
@@ -219,7 +213,7 @@ export default function ZipArchiveDemo() {
                 setProgress(currentProgress);
                 console.log(`current progress: ${currentProgress}%`);
             } else {
-                clearInterval(interval); // 达到最大值后清除 interval
+                clearInterval(interval);
                 setIsProgressPing(false);
             }
         }, 1000);
@@ -243,26 +237,24 @@ export default function ZipArchiveDemo() {
         })
     }
 
-    // unzipAssets
     const handleUnzipAssets = async () => {
         setLoading(true);
         let filesDir = pathParameters();
-        //解压files.zip文件到系统中的 destinationFolder 目录中
         let assetPath = filesDir + '.zip';
         let targetPath = filesDir + 'destinationFolder';
         if (compressedFilePath) {
             try {
                 await unzipAssets(assetPath, targetPath);
-                setUnzipStatus('解压完成');
+                setUnzipStatus('Decompression completed');
                 console.log(`unzipAssets success`);
             } catch (err) {
-                setUnzipStatus(`解压失败：${err}`);
+                setUnzipStatus(`Decompression failed：${err}`);
                 console.log(`unzipAssets err: ${err}`);
             } finally {
                 setLoading(false);
             }
         } else {
-            Alert.alert('无压缩文件可供解压');
+            Alert.alert('No compressed files available for decompression');
         }
     }
 
@@ -282,7 +274,7 @@ export default function ZipArchiveDemo() {
         <View style={styles.content}>
             <View style={styles.buttonSix}>
                 <View>
-                    <Text>解压缩后的大小:{uncompressSize ? uncompressSize : '0'}字节</Text>
+                    <Text>Size after decompression:{uncompressSize ? uncompressSize : '0'}byte</Text>
                     <View style={styles.progressBar}>
                         <View style={{ width: `${progress}%`, backgroundColor: '#00AEEF', height: '100%' }}></View>
                     </View>
@@ -293,7 +285,7 @@ export default function ZipArchiveDemo() {
             <View >
                 <View >
                     <TextInput
-                        placeholder="请输入文件名"
+                        placeholder="Please enter a file name"
                         value={fileName}
                         onChangeText={setFileName}
                         style={{ borderWidth: 1, padding: 10, width: '70%' }}
@@ -310,27 +302,27 @@ export default function ZipArchiveDemo() {
                         }}
                         onChangeText={text => setFileContent(text)}
                         value={fileContent}
-                        placeholder="文件内容"
+                        placeholder="file content"
                         multiline={true}
                     />
-                    <Button title="创建文件" onPress={createFile} />
+                    <Button title="create a file" onPress={createFile} />
                 </View>
             </View>
 
             <View style={styles.buttonSix}>
-                <Button title='压缩' disabled={!createdFilePath} onPress={() => {
+                <Button title='compress' disabled={!createdFilePath} onPress={() => {
                     if (createdFilePath) {
-                        handleProgress();//进度条
+                        handleProgress();
                         zip(newSourcePath, newZipPath)
                             .then(() => {
                                 setCompressedFilePath(newZipPath)
-                                Alert.alert('成功', '已压缩');
+                                Alert.alert('success', 'compressed');
                             })
                             .catch(error => {
-                                Alert.alert('错误', `压缩失败: ${error}`);
+                                Alert.alert('error', `compressed failed: ${error}`);
                             })
                     } else {
-                        Alert.alert('无文件可供压缩');
+                        Alert.alert('No files available for compression');
                     }
                 }} />
             </View>
@@ -338,27 +330,27 @@ export default function ZipArchiveDemo() {
             <View>
                 <TextInput
                     style={styles.input}
-                    placeholder="设置压缩密码"
+                    placeholder="Set compression password"
                     onChangeText={text => setPassword(text)}
                     value={password}
                 />
             </View>
             <View style={styles.buttonSix}>
-                <Button title='密码压缩' disabled={!createdFilePath} onPress={handleZipPress} />
+                <Button title='password compression' disabled={!createdFilePath} onPress={handleZipPress} />
             </View>
 
             {showInput && (
                 <View>
                     <TextInput
                         style={styles.input}
-                        placeholder="输入解压密码"
+                        placeholder="Enter decompression password"
                         onChangeText={text => setUnzipPassword(text)}
                     />
                 </View>
             )}
 
             <View style={styles.buttonSix}>
-                <Button title="解压" disabled={!createdFilePath} onPress={handleUnzipPress} />
+                <Button title="extract" disabled={!createdFilePath} onPress={handleUnzipPress} />
             </View>
         </View>
     )
@@ -401,17 +393,17 @@ const styles = StyleSheet.create({
 })
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -422,18 +414,17 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -442,22 +433,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入zipArchive
+### 3. CMakeLists and Introducing zipArchive Package
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -495,9 +486,9 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-### 4.在 ArkTs 侧引入 ZipArchivePackage
+### 4. Introducing ZipArchivePackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import {ZipArchivePackage} from '@react-native-oh-tpl/react-native-zip-archive/ts';
@@ -510,32 +501,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-zip-archive Releases](https://github.com/react-native-oh-library/react-native-zip-archive/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
 | ------------------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
@@ -548,10 +539,10 @@ ohpm install
 | getUncompressedSize | File size after decompression                                | number  | no       | All      | yes               |
 | subscribe           | Display progress bar during compression and password decompression | void    | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/mockingbot/react-native-zip-archive/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/mockingbot/react-native-zip-archive/blob/master/LICENSE).
diff --git a/en/react-navigation-bottom-tabs.md b/en/react-navigation-bottom-tabs.md
index 32c9511f..0bd694ab 100644
--- a/en/react-navigation-bottom-tabs.md
+++ b/en/react-navigation-bottom-tabs.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-navigation/bottom-tabs</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)
+> [!TIP] [GitHub address](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -35,9 +35,9 @@ yarn add @react-navigation/bottom-tabs@6.5.20
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from 'react';
@@ -77,34 +77,33 @@ export function NavigationBottomTabs() {
 
 ## Link
 
-本库依赖以下三方库，请查看对应文档：
+This repository depends on the following libraries, please refer to the corresponding documentation:
 + [@react-navigation/native](/zh-cn/react-navigation-native.md)
 + [@react-native-oh-tpl/elements](/zh-cn/react-navigation-elements.md)
 + [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-library/react-native-safe-area-context. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-library/react-native-safe-area-context 文档的 Link 章节](/zh-cn/react-native-safe-area-context.md#link)进行引入
+If it is not included, follow the guide provided in @react-native-oh-library/react-native-safe-area-context to add it to your project.
 
+## Constraints
 
-## 约束与限制
+### Compatibility
 
-### 兼容性
-
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.11; SDK: OpenHarmony(api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52;
 2. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
 3. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
 4. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-以下属性已验证，更多属性详情请查看 [react-navigation/bottom-tabs 的文档介绍](https://reactnavigation.org/docs/bottom-tab-navigator)
+For details, see [react-navigation/bottom-tabs](https://reactnavigation.org/docs/bottom-tab-navigator)
 
 **Props**
 | Name                  | Description                                                                                                                                                                        | Type                                                                     | Required | Platform    | HarmonyOS Support |
@@ -156,10 +155,10 @@ export function NavigationBottomTabs() {
 | tabPress     | This event is fired when the user presses the tab button for the current screen in the tab bar.                        | function | no       | all      | yes               |
 | tabLongPress | This event is fired when the user presses the tab button for the current screen in the tab bar for an extended period. | function | no       | all      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/bottom-tabs/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/bottom-tabs/LICENSE).
\ No newline at end of file
diff --git a/en/react-navigation-native.md b/en/react-navigation-native.md
index 34887d25..4693a5de 100644
--- a/en/react-navigation-native.md
+++ b/en/react-navigation-native.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 <p align="center">
   <h1 align="center"> <code>@react-navigation/native</code> </h1>
 </p>
@@ -11,12 +11,12 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)
+> [!TIP] [GitHub address](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)
 
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 <!-- tabs:start -->
 
 #### **npm**
@@ -33,9 +33,9 @@ yarn add @react-navigation/native@6.1.17
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 ```js
 import * as React from 'react';
 import { Text, View } from 'react-native';
@@ -74,21 +74,21 @@ export default function App() {
 export {App}
 ```
 
-## 约束与限制
-### 兼容性
+## Constraints
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.11; SDK: OpenHarmony(api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52;
 2. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
 3. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
 4. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **NavigationContainer**：
 
@@ -103,16 +103,16 @@ export {App}
 | -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
 | useScrollToTop | The expected native behavior of scrollable components is to respond to events from navigation that will scroll to top when tapping on the active tab as you would expect from native tab bars. | function | no       | all      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-示例代码依赖以下三方库，请查看对应文档：
+This repository depends on the following libraries, please refer to the corresponding documentation:
 + [@react-navigation/bottom-tabs](/zh-cn/react-navigation-bottom-tabs.md)
 + [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
 + [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
 
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/native/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/native/LICENSE).
diff --git a/en/react-navigation-shared-element.md b/en/react-navigation-shared-element.md
index 304652bd..dae05576 100644
--- a/en/react-navigation-shared-element.md
+++ b/en/react-navigation-shared-element.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-navigation-shared-element</code> </h1>
@@ -12,12 +12,12 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/IjzerenHein/react-navigation-shared-element)
+> [!TIP] [GitHub address](https://github.com/IjzerenHein/react-navigation-shared-element)
 
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,9 +37,9 @@ yarn add react-native-shared-element@0.8.9
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import  React, { Component } from "react";
@@ -121,7 +121,7 @@ export class Rativesharedelement extends Component {
               <SharedElement
                 onNode={(node) => this.setState({ scene1Node: node })}
               >
-                <Button title="页面1" color="#39b362" />
+                <Button title="page1" color="#39b362" />
               </SharedElement>
             </View>
           </Animated.View>
@@ -144,7 +144,7 @@ export class Rativesharedelement extends Component {
                 <SharedElement
                   onNode={(node) => this.setState({ scene2Node: node })}
                 >
-                  <Button title="页面2" color="#841584" />
+                  <Button title="page2" color="#841584" />
                 </SharedElement>
               </View>
             </Animated.View>
@@ -208,25 +208,25 @@ const styles = StyleSheet.create({
 });
 
 ```
-## 约束与限制
+## Constraints
 
 ### Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-safe-area-context的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-safe-area-context. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入react-native-safe-area-context请参照[@react-native-oh-tpl/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-safe-area-context to add it to your project.
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.26; SDK：HarmonyOS-NEXT-Developer-Beta1 5.0.0.22；IDE：DevEco Studio 5.0.3.300; ROM：3.0.0.25;
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **SharedElement**
 
@@ -248,9 +248,9 @@ const styles = StyleSheet.create({
 | `onMeasure`  | Event handler that is called when nodes have been measured and snapshotted.| function |  no     | All   | yes      |
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
-本项目基于 [The MIT License (MIT)](https://github.com/IjzerenHein/react-navigation-shared-element/blob/main/LICENSE.md) ，请自由地享受和参与开源。
\ No newline at end of file
+## License
+This project is licensed under [The MIT License (MIT)](https://github.com/IjzerenHein/react-navigation-shared-element/blob/main/LICENSE.md).
\ No newline at end of file
diff --git a/en/react-navigation-stack.md b/en/react-navigation-stack.md
index f695af7a..a091703e 100644
--- a/en/react-navigation-stack.md
+++ b/en/react-navigation-stack.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-navigation/stack</code> </h1>
@@ -12,14 +12,14 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/stack)
 
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] stack的tgz包在react-navigation Releases。
+> [!TIP] The .tgz package of stack is available in the Releases section of react-navigation.
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
@@ -40,9 +40,9 @@ yarn add @react-native-oh-tpl/stack
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 ```js
 import * as React from 'react';
 import { Button, Text, View } from 'react-native';
@@ -92,33 +92,32 @@ export default function App() {
 ```
 
 ## Link
-本库依赖以下三方库，请查看对应文档：
+This repository depends on the following libraries, please refer to the corresponding documentation:
 + [@react-navigation/native](/zh-cn/react-navigation-native.md)
 + [@react-native-oh-tpl/react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md)
 + [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
 + [react-native-screens](/zh-cn/react-native-screens.md)
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-library/react-native-safe-area-context. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-library/react-native-safe-area-context 文档](/zh-cn/react-native-safe-area-context.md)进行引入
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-library/react-native-safe-area-context to add it to your project.
 
+## Constraints
 
+### Compatibility
 
-## 约束与限制
-### 兼容性
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-navigation Releases](https://github.com/react-native-oh-library/react-navigation/releases)
 
+## Properties
 
-## 属性
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-以下属性已验证，更多属性详情请查看 [react-navigation/stack 的文档介绍](https://reactnavigation.org/docs/stack-navigator)
+For details, see [react-navigation/stack](https://reactnavigation.org/docs/stack-navigator)
 
 
 **Props**
@@ -172,12 +171,12 @@ export default function App() {
 | gestureStart    | This event is fired when the swipe gesture starts for the current screen.                                                      | function | no       | all      | yes               |
 | gestureEnd      | This event is fired when the swipe gesture ends for the current screen. e.g. a screen was successfully dismissed.              | function | no       | all      | yes               |
 | gestureCancel   | This event is fired when the swipe gesture is cancelled for the current screen. e.g. a screen wasn't dismissed by the gesture. | function | no       | all      | yes               |
-## 遗留问题
+## Known Issues
 
-- [ ] TextInput组件可以穿透下个页面点击。[issues#37](https://github.com/react-native-oh-library/react-navigation/issues/37)
+- [ ] The TextInput component can allow click events to pass through to the underlying elements.[issues#37](https://github.com/react-native-oh-library/react-navigation/issues/37)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/stack/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-navigation/react-navigation/blob/6.x/packages/stack/LICENSE).
diff --git a/en/rn-tourguide.md b/en/rn-tourguide.md
index cd50b67c..cdea9f62 100644
--- a/en/rn-tourguide.md
+++ b/en/rn-tourguide.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>rn-tourguide</code> </h1>
@@ -14,13 +14,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/rn-tourguide)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/rn-tourguide)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[https://github.com/react-native-oh-library/rn-tourguide Releases](https://github.com/react-native-oh-library/rn-tourguide/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 
@@ -40,9 +40,9 @@ yarn add @react-native-oh-tpl/rn-tourguide
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import * as React from 'react'
@@ -200,25 +200,25 @@ const styles = StyleSheet.create({
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-svg to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/rn-tourguide Releases](https://github.com/react-native-oh-library/rn-tourguide/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/rn-tourguide Releases](https://github.com/react-native-oh-library/rn-tourguide/releases)
 
-## 属性
+## Properties
 
 详情见[rn-tourguide](https://github.com/xcarpentier/rn-tourguide)
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### TourGuideProvider
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -295,10 +295,10 @@ const styles = StyleSheet.create({
 | TourGuideZone  | boot area         | Funtion  | YES | ALL      | YES |
 | TourGuideZoneByPosition  | tourGuide area location | Funtion  | YES | ALL      | YES |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/xcarpentier/rn-tourguide/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/xcarpentier/rn-tourguide/blob/master/LICENSE).

From 55cf8744df38feb6d87586c1cd939c86abbc0873 Mon Sep 17 00:00:00 2001
From: xyz <837185575@qq.com>
Date: Thu, 21 Nov 2024 12:09:48 +0000
Subject: [PATCH 875/966] =?UTF-8?q?!1902=20docs:=20=20=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-countdown-circle-timer=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20=20[Issues:=20#IB66MN]=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-countdown-circle-timer=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-countdown-circle-timer.md    | 4 ++--
 zh-cn/react-countdown-circle-timer.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-countdown-circle-timer.md b/en/react-countdown-circle-timer.md
index a4cffbc9..ee46d115 100644
--- a/en/react-countdown-circle-timer.md
+++ b/en/react-countdown-circle-timer.md
@@ -1,5 +1,3 @@
-> Template version: v0.2.2
-
 <p align="center">
   <h1 align="center"> <code>react-countdown-circle-timer</code> </h1>
 </p>
@@ -126,6 +124,8 @@ This document is verified based on the following versions:
 
 ## Others
 
+- When the countdown of this library is complete, the overlap effect is displayed. When the strokeWidth and strokeLinecap='square' attributes are set, which is consistent with the iOS。
+
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/vydimitrov/react-countdown-circle-timer/blob/master/LICENSE).
diff --git a/zh-cn/react-countdown-circle-timer.md b/zh-cn/react-countdown-circle-timer.md
index b8fe145a..b88792df 100644
--- a/zh-cn/react-countdown-circle-timer.md
+++ b/zh-cn/react-countdown-circle-timer.md
@@ -1,5 +1,3 @@
-> 模板版本：v0.2.2
-
 <p align="center">
   <h1 align="center"> <code>react-countdown-circle-timer</code> </h1>
 </p>
@@ -126,6 +124,8 @@ const styles = StyleSheet.create({
 
 ## 其他
 
+- 此库倒计时在完成时是会有重合效果显示，不贴边的效果是设置strokeWidth和strokeLinecap='square'属性的时候会出现，与ios保持一致。
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/vydimitrov/react-countdown-circle-timer/blob/master/LICENSE) ，请自由地享受和参与开源。

From 7e44e53e5ed19998249e1502dc62d6a16b768bb4 Mon Sep 17 00:00:00 2001
From: Magic-Neko <xiaoyange1@h-partners.com>
Date: Fri, 22 Nov 2024 02:37:22 +0000
Subject: [PATCH 876/966] =?UTF-8?q?!1903=20docs:=20[#IB68MP]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-nfc-manager=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IB68MP]=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-nfc-manager=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-nfc-manager.md    | 6 +++---
 zh-cn/react-native-nfc-manager.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/en/react-native-nfc-manager.md b/en/react-native-nfc-manager.md
index bfd005a2..d1ccada7 100644
--- a/en/react-native-nfc-manager.md
+++ b/en/react-native-nfc-manager.md
@@ -370,9 +370,9 @@ Open the `entry/src/main/module.json5` file and add the following code:
 | getLaunchTagEvent | Retrieve events or data when an application is launched (or reactivated) due to NFC tag scanning | function | NO | Android | yes |
 | transceive | Send instructions to Tag | function | NO | Android | yes |
 | getMaxTransceiveLength | Query the maximum data length that can be sent to a label | function | NO | Android | yes |
-| setTimeout | Set the timeout for sending data to Tag | function | NO | Android | yes |
-| connect | Establish a connection with the tag | function | NO | Android | yes |
-| close | Close tag connection | function | NO | Android | yes |
+| setTimeout | Set the timeout for sending data to Tag | function | NO | Android | NO |
+| connect | Establish a connection with the tag | function | NO | Android | NO |
+| close | Close tag connection | function | NO | Android | NO |
 
 **NfcVHandler**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
diff --git a/zh-cn/react-native-nfc-manager.md b/zh-cn/react-native-nfc-manager.md
index 7e2c0cb9..4e77a7b4 100644
--- a/zh-cn/react-native-nfc-manager.md
+++ b/zh-cn/react-native-nfc-manager.md
@@ -370,9 +370,9 @@ ohpm install
 | getLaunchTagEvent | Retrieve events or data when an application is launched (or reactivated) due to NFC tag scanning        | function  | NO | Android      | yes |
 | transceive | Send instructions to Tag         | function  | NO | Android      | yes |
 | getMaxTransceiveLength | Query the maximum data length that can be sent to a label         | function  | NO | Android      | yes |
-| setTimeout | Set the timeout for sending data to Tag         | function  | NO | Android      | yes |
-| connect | Establish a connection with the tag         | function  | NO | Android      | yes |
-| close | Close tag connection        | function  | NO | Android      | yes |
+| setTimeout | Set the timeout for sending data to Tag         | function  | NO | Android      | NO |
+| connect | Establish a connection with the tag         | function  | NO | Android      | NO |
+| close | Close tag connection        | function  | NO | Android      | NO |
 
 **NfcVHandler**
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |

From 75307b947d038eaad3b2b225bf35c05f628a9363 Mon Sep 17 00:00:00 2001
From: "pan.lichen" <pan.lichen@qq.com>
Date: Fri, 22 Nov 2024 02:56:11 +0000
Subject: [PATCH 877/966] =?UTF-8?q?!1904=20docs:=20[Issues:=20#IB68XZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-dropdownalert=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB68XZ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-dropdownalert=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-dropdownalert.md    | 6 ++++++
 zh-cn/react-native-dropdownalert.md | 1 +
 2 files changed, 7 insertions(+)

diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
index 9d13c8d7..d182c05f 100644
--- a/en/react-native-dropdownalert.md
+++ b/en/react-native-dropdownalert.md
@@ -437,6 +437,12 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 
 ## Others
 
+- DropdownAlert 组件的 animatedViewStyle 属性不生效，设置之后弹窗变为黑色，与 iOS/Android 一致 [issue#314](https://github.com/testshallpass/react-native-dropdownalert/issues/314)
+- DropdownAlert 组件的 zindex 属性不生效，层级关系并未体现，与 iOS/Android 一致 [issue#315](https://github.com/testshallpass/react-native-dropdownalert/issues/315)
+- DropdownAlert 组件的 translucent 属性不生效，没有显示出状态栏半透明的效果，与 Android 一致 [issue#316](https://github.com/testshallpass/react-native-dropdownalert/issues/316)
+- DropdownAlert 组件绑定的 onDismissProgrammatic 函数无法触发，与 iOS/Android 一致 [issue#317](https://github.com/testshallpass/react-native-dropdownalert/issues/317)
+- DropdownAlertData 组件的 resolve 属性不生效，将弹窗关闭之后，所设置的函数并未被触发，与 iOS/Android 一致 [issue#318](https://github.com/testshallpass/react-native-dropdownalert/issues/318)
+
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE).
diff --git a/zh-cn/react-native-dropdownalert.md b/zh-cn/react-native-dropdownalert.md
index c319b12a..5fa25ed7 100644
--- a/zh-cn/react-native-dropdownalert.md
+++ b/zh-cn/react-native-dropdownalert.md
@@ -441,6 +441,7 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 - DropdownAlert 组件的 zindex 属性不生效，层级关系并未体现，与 iOS/Android 一致 [issue#315](https://github.com/testshallpass/react-native-dropdownalert/issues/315)
 - DropdownAlert 组件的 translucent 属性不生效，没有显示出状态栏半透明的效果，与 Android 一致 [issue#316](https://github.com/testshallpass/react-native-dropdownalert/issues/316)
 - DropdownAlert 组件绑定的 onDismissProgrammatic 函数无法触发，与 iOS/Android 一致 [issue#317](https://github.com/testshallpass/react-native-dropdownalert/issues/317)
+- DropdownAlertData 组件的 resolve 属性不生效，将弹窗关闭之后，所设置的函数并未被触发，与 iOS/Android 一致 [issue#318](https://github.com/testshallpass/react-native-dropdownalert/issues/318)
 
 ## 开源协议
 

From 500d4edbd6d4c1b3b5f9c5029ca0d5aebb454850 Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Fri, 22 Nov 2024 06:26:20 +0000
Subject: [PATCH 878/966] =?UTF-8?q?!1905=20docs:=20[Issues:=20#IB6AD8]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-walkthrough-tooltip=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-walkthrough-tooltip=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-walkthrough-tooltip.md    | 4 ++--
 zh-cn/react-native-walkthrough-tooltip.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-walkthrough-tooltip.md b/en/react-native-walkthrough-tooltip.md
index eaad6250..04e9a89a 100644
--- a/en/react-native-walkthrough-tooltip.md
+++ b/en/react-native-walkthrough-tooltip.md
@@ -72,7 +72,7 @@ This document is verified based on the following versions:
 
 | Name                      | Description                                                                                                                                                                                                                                                                                                                        | Type             | Required | Platform | HarmonyOS Support |
 | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
-| accessible                | Set this to false if you do not want the root touchable element to be accessible. [See docs on accessible here](https://reactnative.dev/docs/accessibility#accessibility-properties)                                                                                                                                               | bool             | No       | All      | Yes               |
+| accessible                | Set this to false if you do not want the root touchable element to be accessible. [See docs on accessible here](https://reactnative.dev/docs/accessibility#accessibility-properties)                                                                                                                                               | bool             | No       | All      | No               |
 | allowChildInteraction     | By default, the user can touch and interact with the child element. When this prop is false, the user cannot interact with the child element while the tooltip is visible.                                                                                                                                                         | bool             | No       | All      | Yes               |
 | arrowSize                 | The dimensions of the arrow on the bubble pointing to the highlighted element                                                                                                                                                                                                                                                      | Size             | No       | All      | Yes               |
 | backgroundColor           | Color of the fullscreen background beneath the tooltip. Overrides the backgroundStyle prop                                                                                                                                                                                                                                         | string           | No       | All      | Yes               |
@@ -95,7 +95,7 @@ This document is verified based on the following versions:
 ## Known Issues
 
 - [ ] supportedOrientations 在 HarmonyOS 不支持
-
+- [ ] accessible 在 HarmonyOS 不支持
 ## Others
 
 ## License
diff --git a/zh-cn/react-native-walkthrough-tooltip.md b/zh-cn/react-native-walkthrough-tooltip.md
index 41147d2a..62f5e0d8 100644
--- a/zh-cn/react-native-walkthrough-tooltip.md
+++ b/zh-cn/react-native-walkthrough-tooltip.md
@@ -69,7 +69,7 @@ export const TestTooltip = ({ text, style }) => {
 [!TIP]"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果
 | Name                | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| accessible  | Set this to false if you do not want the root touchable element to be accessible. [See docs on accessible here](https://reactnative.dev/docs/accessibility#accessibility-properties) | bool| No | All  |Yes  |
+| accessible  | Set this to false if you do not want the root touchable element to be accessible. [See docs on accessible here](https://reactnative.dev/docs/accessibility#accessibility-properties) | bool| No | All  |No  |
 | allowChildInteraction |By default, the user can touch and interact with the child element. When this prop is false, the user cannot interact with the child element while the tooltip is visible.  | bool | No | All    | Yes    |
 | arrowSize |The dimensions of the arrow on the bubble pointing to the highlighted element   | Size | No |All    | Yes   
 | backgroundColor |Color of the fullscreen background beneath the tooltip. Overrides the backgroundStyle prop   | string | No |All    | Yes   
@@ -91,7 +91,7 @@ export const TestTooltip = ({ text, style }) => {
 ## 遗留问题
 
 - [ ]  supportedOrientations在HarmonyOS不支持
-
+- [ ]  accessible在HarmonyOS不支持
 ## 其他
 
 ## 开源协议

From 0c5326ccdb9edefe203e73125f45b52effbb84b4 Mon Sep 17 00:00:00 2001
From: liufeng <1300593+guichuang@user.noreply.gitee.com>
Date: Fri, 22 Nov 2024 06:32:11 +0000
Subject: [PATCH 879/966] =?UTF-8?q?!1907=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-image-marker=20=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=EF=BC=8C=E6=96=B0=E5=A2=9E=E9=81=97=E7=95=99=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-image-marker=20?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=EF=BC=8C=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E9=81=97=E7=95=99=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-marker.md    |  8 ++++----
 zh-cn/react-native-image-marker.md | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/en/react-native-image-marker.md b/en/react-native-image-marker.md
index b53a8819..d7fcac83 100644
--- a/en/react-native-image-marker.md
+++ b/en/react-native-image-marker.md
@@ -358,7 +358,7 @@ markImage(options: ImageMarkOptions): Promise<string>;
 
 | Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
 | ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage  | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | yes               |
+| backgroundImage  | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | partially                |
 | quality | image quality `0-100`, `100` is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
 | filename | save image name | string | no      | iOS/Android | yes               |
 | saveFormat | save image format 'png','jpg','base64',default 'png' | [ImageFormat](#imageformat) | no      | iOS/Android | yes               |
@@ -386,7 +386,7 @@ markText(options: TextMarkOptions): Promise<string>;
 ##### TextMarkOptions
 | Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | yes               |
+| backgroundImage | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | partially                |
 | watermarkTexts      | text options      | Array\<[TextOptions](#textoptions)> | yes      | iOS/Android | yes               |
 | quality      | image quality 0-100, 100 is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
 | filename      | save image name          | string | no      | iOS/Android | yes               |
@@ -469,10 +469,10 @@ extends Padding
 | y      | radius value for y  | number / string  | no      | iOS/Android | yes               |
 
 ## Known Issues
-
+- [ ] Harmony OS is not support backgroundImage-ImageOptions-alpha feature now: [issue#30](https://github.com/react-native-oh-library/react-native-image-marker/issues/30)
 - [x] Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7)
 - [x] Harmony OS is not support font skewX feature now: [issue#8](https://github.com/react-native-oh-library/react-native-image-marker/issues/8)
-- [x] Harmony OS is not support font italic feature now:[issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
+- [x] Harmony OS is not support font italic feature now: [issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
 
 ## Others
 
diff --git a/zh-cn/react-native-image-marker.md b/zh-cn/react-native-image-marker.md
index 134fc248..8685add6 100644
--- a/zh-cn/react-native-image-marker.md
+++ b/zh-cn/react-native-image-marker.md
@@ -353,7 +353,7 @@ markImage(options: ImageMarkOptions): Promise<string>;
 
 | Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
 | ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage  | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | yes               |
+| backgroundImage  | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | partially               |
 | quality | image quality `0-100`, `100` is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
 | filename | save image name | string | no      | iOS/Android | yes               |
 | saveFormat | save image format 'png','jpg','base64',default 'png' | [ImageFormat](#imageformat) | no      | iOS/Android | yes               |
@@ -381,7 +381,7 @@ markText(options: TextMarkOptions): Promise<string>;
 ##### TextMarkOptions
 | Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | yes               |
+| backgroundImage | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | partially                |
 | watermarkTexts      | text options      | Array\<[TextOptions](#textoptions)> | yes      | iOS/Android | yes               |
 | quality      | image quality 0-100, 100 is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
 | filename      | save image name          | string | no      | iOS/Android | yes               |
@@ -464,10 +464,10 @@ extends Padding
 | y      | radius value for y  | number / string  | no      | iOS/Android | yes               |
 
 ## 遗留问题
-
-- [x]  Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7) 
+- [ ] Harmony OS is not support backgroundImage-ImageOptions-alpha feature now: [issue#30](https://github.com/react-native-oh-library/react-native-image-marker/issues/30)
+- [x] Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7) 
 - [x] Harmony OS is not support font skewX feature  now: [issue#8](https://github.com/react-native-oh-library/react-native-image-marker/issues/8)
-- [x] Harmony OS is not support font italic feature now:[issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
+- [x] Harmony OS is not support font italic feature now: [issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
 
 ## 其他
 

From 550c85bd9f8ab489501ca640a9b791b4a89ca943 Mon Sep 17 00:00:00 2001
From: kp <1903679953@qq.com>
Date: Fri, 22 Nov 2024 06:46:34 +0000
Subject: [PATCH 880/966] =?UTF-8?q?!1908=20docs:=20[Issues:=20#IB4KZG]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-notifier=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9rea?=
 =?UTF-8?q?ct-native-notifier=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-notifier.md    | 4 ++--
 zh-cn/react-native-notifier.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-notifier.md b/en/react-native-notifier.md
index 888f6e92..f92b1b0a 100644
--- a/en/react-native-notifier.md
+++ b/en/react-native-notifier.md
@@ -130,7 +130,7 @@ Notifier.showNotification(params: object);
 | description            | Description of notification. Passed to Component.                                                                                                                                                                                                                                                                                           | String     | Yes      | All      | Yes               |
 | duration               | Time after notification will disappear. Set to 0 to not hide notification automatically                                                                                                                                                                                                                                                     | Number     | No       | All      | Yes               |
 | Component              | Component of the notification body. You can use one of the [bin components](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components), or your [custom component](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-component).                                              | Component  | No       | All      | Yes               |
-| componentProps         | Additional props that are passed to Component. See all available props of built-in components in the [components section](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components).                                                                                                                          | Object     | No       | All      | Yes               |
+| componentProps         | Additional props that are passed to Component. See all available props of built-in components in the [components section](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components).                                                                                                                          | Object     | No       | All      | No               |
 | containerStyle         | tyles Object or a Function that will receive translateY: Animated.Value as first parameter and should return Styles that will be used in container. Using this parameter it is possible to create[ your own animations of the notification](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-animations). | bool       | No       | All      | Yes               |
 | containerProps         | Props of Animated Container                                                                                                                                                                                                                                                                                                                 | Object     | No       | All      | Yes               |
 | queueMode              | Determines the order in which notifications are shown. Read more in the [Queue Mode](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) section.                                                                                                                                                       | String     | No       | All      | Yes               |
@@ -222,7 +222,7 @@ Currently, there are 2 components out of the box. If none of them fits your need
 ## Known Issues
 
 - [ ] translucentStatusBar 状态栏透明在 HarmonyOS 不支持,useRNScreensOverlay,rnScreensOverlayViewStyle 两个 Properties 依赖于 react-native-screens，暂未适配 harmonyOS
-
+- [ ] componentProps{needsOffscreenAlphaCompositing}, 在harmonyOS不支持
 ## Others
 
 - omitGlobalMethodsHookup 源库 Properties 未生效 问题：[issues#102](https://github.com/seniv/react-native-notifier/issues/102)
diff --git a/zh-cn/react-native-notifier.md b/zh-cn/react-native-notifier.md
index c53cc98c..ef01e40a 100644
--- a/zh-cn/react-native-notifier.md
+++ b/zh-cn/react-native-notifier.md
@@ -128,7 +128,7 @@ Notifier.showNotification(params: object);
 | description |Description of notification. Passed to Component. | String | Yes | All    | Yes    |
 | duration |Time after notification will disappear. Set to 0 to not hide notification automatically  | Number | No |All    | Yes   
 | Component |Component of the notification body. You can use one of the [bin components](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components), or your [custom component](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-component).  | Component | No |All    | Yes   
-| componentProps | Additional props that are passed to Component. See all available props of built-in components in the [components section](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components).  | Object | No |All    | Yes   
+| componentProps | Additional props that are passed to Component. See all available props of built-in components in the [components section](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#components).  | Object | No |All    | No   
 | containerStyle |tyles Object or a Function that will receive translateY: Animated.Value as first parameter and should return Styles that will be used in container. Using this parameter it is possible to create[ your own animations of the notification](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#custom-animations).   | bool |No | All    | Yes   
 | containerProps | 	Props of Animated Container  | Object |No | All    | Yes  
 | queueMode | Determines the order in which notifications are shown. Read more in the [Queue Mode](https://github.com/seniv/react-native-notifier/tree/main?tab=readme-ov-file#queue-mode) section.  | String |No | All    | Yes  
@@ -216,7 +216,7 @@ Currently, there are 2 components out of the box. If none of them fits your need
 ## 遗留问题
 
 - [ ] translucentStatusBar状态栏透明在HarmonyOS不支持,useRNScreensOverlay,rnScreensOverlayViewStyle两个属性依赖于react-native-screens，暂未适配harmonyOS  
-
+- [ ] componentProps{needsOffscreenAlphaCompositing}, 在harmonyOS不支持
 ## 其他
 
 - omitGlobalMethodsHookup源库属性未生效 问题：[issues#102](https://github.com/seniv/react-native-notifier/issues/102) 

From 4c78c5f8425fbe44b35bf9294168e8304f71725f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <zhengjinshou@huawei.com>
Date: Fri, 22 Nov 2024 07:52:04 +0000
Subject: [PATCH 881/966] =?UTF-8?q?!1909=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?community-checkbox=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-community-checkbox=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-checkbox.md    | 48 +++++++++++++++++-------
 zh-cn/react-native-community-checkbox.md | 36 ++++++++++++++----
 2 files changed, 62 insertions(+), 22 deletions(-)

diff --git a/en/react-native-community-checkbox.md b/en/react-native-community-checkbox.md
index 5246700e..ab5ee58b 100644
--- a/en/react-native-community-checkbox.md
+++ b/en/react-native-community-checkbox.md
@@ -165,7 +165,22 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.Introducing Checkbox Component to ArkTS
+### 4.Introducing RNCCheckBoxPackage Component to ArkTS
+> [!TIP] Required for version `v0.5.16-0.1.0` and above
+
+Open `entry/src/main/ets/RNPackagesFactory.ts` and add:
+
+```diff
+  ...
++ import { RNCCheckBoxPackage } from '@react-native-oh-tpl/checkbox/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new RNCCheckBoxPackage(ctx)
+  ];
+}
+
+### 5.Introducing Checkbox Component to ArkTS
 
 Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
@@ -227,19 +242,24 @@ Check the release version information in the release address of the third-party
 
 > [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+> [!tip] `shape` is about to be deprecated, please use `boxType` instead 
+> [!tip] `strokeWidth` is about to be deprecated, please use `lineWidth` instead
+
+
 | Name                | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
 |---------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -------- | -------- |-------------|------------------|
 | `value`             | The value of the checkbox. If true the checkbox will be turned on. Default value is false.                                                                                                    | boolean  | No       | Android、iOS | yes              |
 | `testID`            | Used to locate this view in end-to-end tests.                                                                                                                                                 | string   | No       | Android、iOS | yes              |
 | `disabled`          | If true the user won't be able to toggle the checkbox. Default value is false.                                                                                                                | bool     | No       | Android、iOS | yes              |
-| `onCheckColor`      | Color of the check box when it is selected.                                                                                                                                                   | Color    | No       | iOS         | yes              |
-| `tintColor`         | Border color of the check box when it is not selected.                                                                                                                                        | Color    | No       | iOS         | yes              |
-| `shape`             | Sets component shapes, including circles and rounded squares. Default value is 0.                                                                                                             | int      | No       | harmony     | yes              |
+| `onCheckColor`      | Color of the check box when it is selected.Defaults to '#007aff'                                                                                                                                                   | Color    | No       | iOS         | yes              |
+| `tintColor`         | Border color of the check box when it is not selected. Defaults to '#aaaaaa'                                                                                                                                        | Color    | No       | iOS         | yes              |
+| `shape` @deprecated             | Sets component shapes, including circles and rounded squares. Default value is 0.                                                                                                             | int      | No       | harmony     | yes              |
 | `markSize`          | Size of the internal mark. The default size is the same as the width of the check box.This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used. | number   | No       | harmony     | yes              |
-| `strokeWidth`       | Stroke width of the internal mark. This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used.                                                   | number   | No       | harmony     | yes              |
-| `strokeColor`       | Color of the internal mark.                                                                                                                                                                   | Color    | No       | harmony     | yes              |
-| `lineWidth`         | The width of the lines of the check mark and box. Defaults to 2.0.                                                                                                                            | number    | No       | iOS         | No               |
+| `strokeWidth` @deprecated       | Stroke width of the internal mark. This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used.                                                   | number   | No       | harmony     | yes              |
+| `strokeColor`       | Color of the internal mark.Defaults to '#ffffff'                                                                                                                                                                   | Color    | No       | harmony     | yes              |
+| `lineWidth`         | The width of the lines of the check mark and box. Defaults to 2.0.                                                                                                                            | number    | No       | iOS         | yes               |
 | `hideBox`           | Control if the box should be hidden or not. Defaults to false.                                                                                                                                | boolean    | No       | iOS         | No              |
+| `boxType`              | The type of box to use. Defaults to 'circle'      | 'circle' or 'square'      | No       | iOS     | yes              |
 | `onFillColor`       | The color of the inside of the box when it is On. Defaults to transparent.                                                                                                                    | string      | No       | iOS      | No              |
 | `onTintColor`       | The color of the line around the box when it is On. Defaults to '#007aff'.                                                                                                                    | string   | No       | iOS      | No              |
 | `animationDuration` | The duration in seconds of the animations. Defaults to 0.5.                                                                                                                                   | number   | No       | iOS     | No              |
@@ -259,13 +279,13 @@ Check the release version information in the release address of the third-party
 
 ## Known Issues
 
-- [ ] 设置lineWidth属性，该属性用来控制复选框的线条宽度，未实现HarmonyOS化: [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3)
-- [ ] 设置hideBox属性，该属性用来控制复选框的显示与隐藏，未实现HarmonyOS化: [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4)
-- [ ] 设置onTintColor属性，该属性用来控制复选框的选中时边框的颜色，未实现HarmonyOS化: [issue#5](https://github.com/react-native-oh-library/react-native-checkbox/issues/5)
-- [ ] 设置onFillColor属性，该属性用来控制复选框未选中时框内部的颜色，未实现HarmonyOS化: [issue#9](https://github.com/react-native-oh-library/react-native-checkbox/issues/9)
-- [ ] 设置animationDuration属性，该属性用来控制选中和取消选中的动画持续时间，未实现HarmonyOS化: [issue#6](https://github.com/react-native-oh-library/react-native-checkbox/issues/6)
-- [ ] 设置onAnimationType属性，该属性用来控制选中时的动画类型，未实现 HarmonyOS化: [issue#7](https://github.com/react-native-oh-library/react-native-checkbox/issues/7)
-- [ ] 设置offAnimationType属性，该属性用来控制取消选中时的动画类型，未实现 HarmonyOS化: [issue#8](https://github.com/react-native-oh-library/react-native-checkbox/issues/8)
+- [x] Set the lineWidth attribute, which is used to control the line width of the check box. It is not implemented in HarmonyOS. [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3)
+- [ ] Set the hideBox attribute, which is used to control the display and hiding of the check box. It is not implemented in HarmonyOS. [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4)
+- [ ] Set the onTintColor attribute, which is used to control the color of the border when the check box is selected. HarmonyOS is not implemented. [issue#5](https://github.com/react-native-oh-library/react-native-checkbox/issues/5)
+- [ ] Set the onFillColor attribute, which is used to control the color inside the box when the check box is not selected. HarmonyOS is not implemented. [issue#9](https://github.com/react-native-oh-library/react-native-checkbox/issues/9)
+- [ ] Set the animationDuration attribute, which is used to control the animation duration of selection and deselection. HarmonyOS is not implemented. [issue#6](https://github.com/react-native-oh-library/react-native-checkbox/issues/6)
+- [ ] Set the onAnimationType attribute, which is used to control the animation type when selected. HarmonyOS is not implemented. [issue#7](https://github.com/react-native-oh-library/react-native-checkbox/issues/7)
+- [ ] Set the offAnimationType attribute. This attribute is used to control the animation type when deselecting. It is not implemented in HarmonyOS. [issue#8](https://github.com/react-native-oh-library/react-native-checkbox/issues/8)
 
 ## Others
 
diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index 1a3c8c8e..68929b25 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -165,7 +165,23 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 Checkbox 组件
+### 4.在 ArkTs 侧引入 RNCCheckBoxPackage
+> [!TIP] 版本v0.5.16-0.0.8及以上需要
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { RNCCheckBoxPackage } from '@react-native-oh-tpl/checkbox/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new RNCCheckBoxPackage(ctx)
+  ];
+}
+```
+
+### 5.在 ArkTs 侧引入 Checkbox 组件
 
 找到 `function buildCustomComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -227,19 +243,23 @@ ohpm install
 
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
+> [!tip] `shape` 即将被废弃，请使用 `boxType` 替代  
+> [!tip] `strokeWidth` 即将被废弃，请使用 `lineWidth` 替代
+
 | Name                | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
 |---------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -------- | -------- |-------------|------------------|
 | `value`             | The value of the checkbox. If true the checkbox will be turned on. Default value is false.                                                                                                    | boolean  | No       | Android、iOS | yes              |
 | `testID`            | Used to locate this view in end-to-end tests.                                                                                                                                                 | string   | No       | Android、iOS | yes              |
 | `disabled`          | If true the user won't be able to toggle the checkbox. Default value is false.                                                                                                                | bool     | No       | Android、iOS | yes              |
-| `onCheckColor`      | Color of the check box when it is selected.                                                                                                                                                   | Color    | No       | iOS         | yes              |
-| `tintColor`         | Border color of the check box when it is not selected.                                                                                                                                        | Color    | No       | iOS         | yes              |
-| `shape`             | Sets component shapes, including circles and rounded squares. Default value is 0.                                                                                                             | int      | No       | harmony     | yes              |
+| `onCheckColor`      | Color of the check box when it is selected.Defaults to '#007aff'                                                                                                                                                   | Color    | No       | iOS         | yes              |
+| `tintColor`         | Border color of the check box when it is not selected. Defaults to '#aaaaaa'                                                                                                                                        | Color    | No       | iOS         | yes              |
+| `shape` @deprecated             | Sets component shapes, including circles and rounded squares. Default value is 0.                                                                                                             | int      | No       | harmony     | yes              |
 | `markSize`          | Size of the internal mark. The default size is the same as the width of the check box.This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used. | number   | No       | harmony     | yes              |
-| `strokeWidth`       | Stroke width of the internal mark. This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used.                                                   | number   | No       | harmony     | yes              |
-| `strokeColor`       | Color of the internal mark.                                                                                                                                                                   | Color    | No       | harmony     | yes              |
-| `lineWidth`         | The width of the lines of the check mark and box. Defaults to 2.0.                                                                                                                            | number    | No       | iOS         | No               |
+| `strokeWidth` @deprecated       | Stroke width of the internal mark. This parameter cannot be set in percentage. If it is set to an invalid value, the default value is used.                                                   | number   | No       | harmony     | yes              |
+| `strokeColor`       | Color of the internal mark.Defaults to '#ffffff'                                                                                                                                                                   | Color    | No       | harmony     | yes              |
+| `lineWidth`         | The width of the lines of the check mark and box. Defaults to 2.0.                                                                                                                            | number    | No       | iOS         | yes               |
 | `hideBox`           | Control if the box should be hidden or not. Defaults to false.                                                                                                                                | boolean    | No       | iOS         | No              |
+| `boxType`              | The type of box to use. Defaults to 'circle'      | 'circle' or 'square'      | No       | iOS     | yes              |
 | `onFillColor`       | The color of the inside of the box when it is On. Defaults to transparent.                                                                                                                    | string      | No       | iOS      | No              |
 | `onTintColor`       | The color of the line around the box when it is On. Defaults to '#007aff'.                                                                                                                    | string   | No       | iOS      | No              |
 | `animationDuration` | The duration in seconds of the animations. Defaults to 0.5.                                                                                                                                   | number   | No       | iOS     | No              |
@@ -257,7 +277,7 @@ ohpm install
 | `onValueChange` | Invoked with the new boolean value when it changes.                                                                                                                                            | function | No       | Android、iOS   | yes               |
 
 ## 遗留问题
-- [ ] 设置lineWidth属性，该属性用来控制复选框的线条宽度，未实现HarmonyOS化: [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3)
+- [X] 设置lineWidth属性，该属性用来控制复选框的线条宽度，未实现HarmonyOS化: [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3)
 - [ ] 设置hideBox属性，该属性用来控制复选框的显示与隐藏，未实现HarmonyOS化: [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4)
 - [ ] 设置onTintColor属性，该属性用来控制复选框的选中时边框的颜色，未实现HarmonyOS化: [issue#5](https://github.com/react-native-oh-library/react-native-checkbox/issues/5)
 - [ ] 设置onFillColor属性，该属性用来控制复选框未选中时框内部的颜色，未实现HarmonyOS化: [issue#9](https://github.com/react-native-oh-library/react-native-checkbox/issues/9)

From 2232d6f914fe7a8f3ac2423207e3226a6190973f Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Mon, 25 Nov 2024 09:05:36 +0000
Subject: [PATCH 882/966] =?UTF-8?q?!1911=20fix:=20=E6=89=B9=E9=87=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9!tip=E4=B8=BA!TIP=20*=20fix:=20=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E4=BF=AE=E6=94=B9!tip=E4=B8=BA!TIP?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |   6 +-
 en/Immer.md                                   |   4 +-
 en/NativeBase.md                              |   4 +-
 en/README_EN.md                               |   6 +-
 en/ant-design-react-native.md                 |   4 +-
 en/axios.md                                   |   6 +-
 en/bam-tech-react-native-image-resizer.md     |   4 +-
 en/callstack-react-theme-provider.md          |   8 +-
 en/crypto-js.md                               |  86 ++---
 en/dayJs.md                                   |   4 +-
 en/deepmerge.md                               |   4 +-
 en/htmlparser2.md                             |   4 +-
 en/i18next.md                                 |   8 +-
 en/jsbarcode.md                               |   8 +-
 en/lodash.md                                  |   2 +-
 en/lottie-react-native.md                     |   8 +-
 en/mixpanel-react-native.md                   |   4 +-
 en/mobx-react.md                              |   6 +-
 en/mobx.md                                    |   6 +-
 en/model.md                                   |  12 +-
 en/moment.md                                  |   4 +-
 en/op-engineering-op-sqlite.md                |   8 +-
 ...penspacelabs-react-native-zoomable-view.md |   4 +-
 en/parse5.md                                  |   6 +-
 en/prop-types.md                              |   2 +-
 en/qrcode-generator.md                        |   4 +-
 en/react-ahooks.md                            |   6 +-
 en/react-i18next.md                           |   6 +-
 en/react-native-MJRefresh.md                  |   8 +-
 en/react-native-QRCode.md                     |   4 +-
 en/react-native-action-button.md              |   4 +-
 en/react-native-action-sheet.md               |   4 +-
 en/react-native-alipay.md                     |   4 +-
 en/react-native-amap3d.md                     |  12 +-
 en/react-native-animatable.md                 |   4 +-
 en/react-native-aria.md                       |   4 +-
 ...eact-native-async-storage-async-storage.md |   4 +-
 en/react-native-audio-recorder-player.md      |  10 +-
 en/react-native-audio-toolkit.md              |  18 +-
 en/react-native-audio.md                      |   4 +-
 en/react-native-autoLink.md                   |   4 +-
 en/react-native-autoheight-webview.md         |   4 +-
 en/react-native-background-timer.md           |   4 +-
 en/react-native-baidu-map.md                  |   8 +-
 en/react-native-bars.md                       |   8 +-
 en/react-native-base64.md                     |   4 +-
 en/react-native-better-banner.md              |   4 +-
 en/react-native-ble-manager.md                |   4 +-
 en/react-native-blob-util.md                  |   4 +-
 ...-util\357\274\210nocodegen\357\274\211.md" |   4 +-
 en/react-native-bootsplash.md                 |   4 +-
 en/react-native-bouncy-checkbox.md            |   4 +-
 en/react-native-button.md                     |   6 +-
 en/react-native-calendar-events.md            |   6 +-
 en/react-native-calendars.md                  |   4 +-
 en/react-native-camera-kit.md                 |   4 +-
 en/react-native-cameraroll(nocodegen) .md     |  10 +-
 en/react-native-cameraroll.md                 |  10 +-
 en/react-native-chart-kit.md                  |   4 +-
 en/react-native-check-box.md                  |   4 +-
 en/react-native-clipboard-clipboard.md        |   6 +-
 en/react-native-clippath-capi.md              |   4 +-
 en/react-native-collapsible.md                |   4 +-
 en/react-native-communications.md             |   4 +-
 en/react-native-community-blur.md             |   8 +-
 en/react-native-community-checkbox.md         |  12 +-
 en/react-native-community-datetimepicker.md   |   4 +-
 en/react-native-community-geolocation.md      |   4 +-
 en/react-native-community-netinfo.md          |   8 +-
 ...t-native-community-progress-bar-android.md |   4 +-
 ...act-native-community-progress-view-capi.md |   4 +-
 en/react-native-community-progress-view.md    |   4 +-
 ...-native-community-push-notification-ios.md |   8 +-
 ...eact-native-community-segmented-control.md |   4 +-
 en/react-native-community-slider.md           |   4 +-
 en/react-native-community-toolbar-android.md  |   4 +-
 en/react-native-confirmation-code-field.md    |  14 +-
 en/react-native-contacts.md                   |   8 +-
 en/react-native-context-menu-view.md          |   8 +-
 en/react-native-cookies-cookies.md            |   4 +-
 en/react-native-create-thumbnail.md           |  12 +-
 en/react-native-credit-card-input.md          |   4 +-
 en/react-native-crypto-js.md                  |   4 +-
 en/react-native-custom-keyboard.md            |   8 +-
 en/react-native-device-info.md                |   4 +-
 en/react-native-dismiss-keyboard.md           |   4 +-
 en/react-native-doc-viewer.md                 |   4 +-
 en/react-native-document-picker.md            |   8 +-
 en/react-native-drag-sort.md                  |   4 +-
 en/react-native-drawer-layout-polyfill.md     |   4 +-
 en/react-native-drax.md                       |   4 +-
 en/react-native-drop-shadow.md                |   4 +-
 en/react-native-dropdownalert.md              |   4 +-
 en/react-native-dynamic.md                    |   4 +-
 en/react-native-easy-toast.md                 |   8 +-
 en/react-native-echarts-pro.md                |   4 +-
 en/react-native-elements.md                   |   4 +-
 en/react-native-email-link.md                 |   2 +-
 en/react-native-exception-handler.md          |   8 +-
 en/react-native-fast-image.md                 |   8 +-
 en/react-native-file-selector.md              |   4 +-
 en/react-native-file-viewer.md                |   4 +-
 en/react-native-fingerprint-scanner.md        |   8 +-
 en/react-native-fit-Image.md                  |   2 +-
 en/react-native-flexi-radio-button.md         |   4 +-
 en/react-native-flip-card.md                  |   2 +-
 en/react-native-fs(nocodegen).md              |   8 +-
 en/react-native-fs.md                         |   8 +-
 en/react-native-gesture-handler.md            |  28 +-
 en/react-native-get-random-values.md          |   2 +-
 en/react-native-hole-view.md                  |   4 +-
 en/react-native-htmlview.md                   |   6 +-
 en/react-native-http-bridge.md                |   4 +-
 en/react-native-iconfont-cli.md               |   4 +-
 en/react-native-idfa-aaid.md                  |   6 +-
 en/react-native-idle-timer.md                 |   4 +-
 en/react-native-image-capinsets-next.md       |   4 +-
 en/react-native-image-editor.md               |   8 +-
 en/react-native-image-gallery.md              |   2 +-
 en/react-native-image-marker.md               |   4 +-
 en/react-native-image-pan-zoom.md             |   4 +-
 en/react-native-image-picker.md               |   8 +-
 en/react-native-image-sequence-2.md           |   4 +-
 en/react-native-image-zoom-viewer.md          |   4 +-
 en/react-native-input-scroll-view.md          |   4 +-
 en/react-native-intersection-observer.md      |   4 +-
 en/react-native-keep-awake.md                 |   6 +-
 en/react-native-keyboard-aware-scroll-view.md |   4 +-
 en/react-native-keys.md                       |   4 +-
 en/react-native-lightbox.md                   |   4 +-
 en/react-native-linear-gradient-text.md       |   4 +-
 en/react-native-map-linking.md                |   4 +-
 en/react-native-maps-directions.md            |   2 +-
 en/react-native-maps.md                       |  50 +--
 en/react-native-markdown-display.md           |   8 +-
 en/react-native-mask-text.md                  |   4 +-
 en/react-native-masked-text.md                |   8 +-
 en/react-native-masked-view-masked-view.md    |   4 +-
 en/react-native-material-buttons.md           |  12 +-
 en/react-native-material-design-style.md      |   4 +-
 en/react-native-material-textfield.md         |   8 +-
 en/react-native-material-ui.md                |   2 +-
 en/react-native-md5.md                        |   4 +-
 en/react-native-mlkit-ocr.md                  |   6 +-
 en/react-native-modal-popover.md              |   4 +-
 en/react-native-modal.md                      |   4 +-
 en/react-native-modalbox.md                   |   8 +-
 en/react-native-modals.md                     |   4 +-
 en/react-native-mqtt.md                       |   8 +-
 en/react-native-multi-slider.md               |   4 +-
 en/react-native-neomorph-shadows.md           |   4 +-
 en/react-native-nested-scroll-view.md         |   8 +-
 en/react-native-orientation-locker.md         |   8 +-
 en/react-native-orientation.md                |   8 +-
 en/react-native-pager-view.md                 |   6 +-
 en/react-native-paper.md                      |   8 +-
 en/react-native-parsed-text.md                |   4 +-
 en/react-native-pdf.md                        |   8 +-
 en/react-native-permissions.md                |   4 +-
 en/react-native-phone-number-input.md         |   8 +-
 en/react-native-picker-picker(nocodegen).md   |   8 +-
 en/react-native-picker-picker.md              |   8 +-
 en/react-native-picker.md                     |   8 +-
 en/react-native-pickers.md                    |   4 +-
 en/react-native-popover-view.md               |   6 +-
 en/react-native-popup-menu.md                 |   4 +-
 en/react-native-progress.md                   |   4 +-
 en/react-native-pull.md                       |   6 +-
 en/react-native-qrcode-svg.md                 |   4 +-
 en/react-native-quick-base64.md               |   4 +-
 en/react-native-randombytes.md                |   4 +-
 en/react-native-ratings.md                    |   8 +-
 en/react-native-reanimated-carousel.md        |   4 +-
 en/react-native-reanimated-table.md           |   4 +-
 en/react-native-reanimated.md                 |   4 +-
 en/react-native-redash.md                     |   4 +-
 en/react-native-render-html.md                |   4 +-
 en/react-native-root-modal.md                 |   4 +-
 en/react-native-root-siblings.md              |   4 +-
 en/react-native-root-toast.md                 |   4 +-
 en/react-native-safe-area-context.md          |  10 +-
 en/react-native-safe-module.md                |   4 +-
 en/react-native-screens.md                    |   4 +-
 en/react-native-scrollable-tab-view.md        |   6 +-
 en/react-native-scrollable-tabview.md         |   8 +-
 en/react-native-secharts.md                   |  10 +-
 ...act-native-section-list-get-item-layout.md |   4 +-
 en/react-native-sensors.md                    |   4 +-
 en/react-native-shadow-2.md                   |   4 +-
 en/react-native-shared-element.md             |   8 +-
 en/react-native-signature-capture.md          |   8 +-
 en/react-native-simple-toast.md               |   8 +-
 en/react-native-skia.md                       | 128 ++++----
 en/react-native-slider.md                     |   4 +-
 en/react-native-snackbar.md                   |   8 +-
 en/react-native-snap-carousel.md              |   8 +-
 en/react-native-sortable-list.md              |   8 +-
 en/react-native-sound.md                      |   8 +-
 en/react-native-spinkit.md                    |   4 +-
 en/react-native-sqlite-storage.md             |   2 +-
 en/react-native-ssl-pinning.md                |   4 +-
 en/react-native-stickyheader.md               |   4 +-
 en/react-native-storage.md                    |   4 +-
 en/react-native-svg-charts.md                 |   4 +-
 en/react-native-svg.md                        |  16 +-
 en/react-native-swipe-gestures.md             |   8 +-
 en/react-native-swiper.md                     |   6 +-
 en/react-native-switch-pro.md                 |   4 +-
 en/react-native-switch.md                     |   4 +-
 en/react-native-syan-image-picker.md          |  12 +-
 en/react-native-tab-navigator.md              |   4 +-
 en/react-native-tab-view.md                   |   4 +-
 en/react-native-text-size.md                  |   6 +-
 en/react-native-textinput-maxlength-fixed.md  |   4 +-
 en/react-native-theme-control.md              |   4 +-
 en/react-native-thumbnail.md                  |   4 +-
 en/react-native-touch-id.md                   |   8 +-
 en/react-native-transitiongroup.md            |   4 +-
 en/react-native-translucent-modal.md          |   6 +-
 en/react-native-tts.md                        |   4 +-
 en/react-native-typing-animation.md           |   4 +-
 en/react-native-url-polyfill.md               |   8 +-
 en/react-native-user-agent.md                 |   8 +-
 en/react-native-video-cache.md                |   4 +-
 en/react-native-video-controls.md             |   6 +-
 en/react-native-video.md                      |  12 +-
 en/react-native-view-overflow.md              |   2 +-
 en/react-native-view-shot.md                  |   8 +-
 en/react-native-vision-camera.md              |  12 +-
 en/react-native-waterflow-list.md             |   4 +-
 en/react-native-webview(nocodegen).md         |  12 +-
 en/react-native-webview.md                    |  12 +-
 en/react-native-wechat-lib.md                 |   4 +-
 en/react-redux.md                             |   2 +-
 en/react-router-dom.md                        |   4 +-
 en/react-subscribe.md                         |   4 +-
 en/react-use.md                               |   4 +-
 en/realm-js.md                                |   4 +-
 en/reanimated-props-backup.md                 |   4 +-
 en/recyclerListView.md                        |   4 +-
 en/redux-actions.md                           |   6 +-
 en/redux-logger.md                            |   6 +-
 en/redux-persist.md                           |   2 +-
 en/redux-thunk.md                             |  10 +-
 en/redux-toolkit.md                           |   8 +-
 en/redux.md                                   |   2 +-
 en/remobile-react-native-toast.md             |   4 +-
 en/rn-bugly.md                                |   4 +-
 en/rn-placeholder.md                          |   4 +-
 en/rn-tourguide.md                            |   4 +-
 en/sentry-react-native.md                     |   4 +-
 en/shopify-flash-list.md                      |   8 +-
 en/styled-components.md                       |   2 +-
 en/styled-system.md                           |   6 +-
 en/usage-docs-checklist.md                    |   2 +-
 zh-cn/Immer.md                                |   4 +-
 zh-cn/NativeBase.md                           |   4 +-
 zh-cn/README.md                               |   6 +-
 zh-cn/axios.md                                |   6 +-
 zh-cn/bam-tech-react-native-image-resizer.md  |   4 +-
 zh-cn/callstack-react-theme-provider.md       |   8 +-
 zh-cn/crypto-js.md                            |  86 ++---
 zh-cn/dayJs.md                                |   4 +-
 zh-cn/deepmerge.md                            |   4 +-
 zh-cn/htmlparser2.md                          |   4 +-
 zh-cn/i18next.md                              |   8 +-
 zh-cn/jsbarcode.md                            |   8 +-
 zh-cn/lodash.md                               |   2 +-
 zh-cn/lottie-react-native.md                  |  10 +-
 zh-cn/mixpanel-react-native.md                |   4 +-
 zh-cn/mobx-react.md                           |   6 +-
 zh-cn/mobx.md                                 |   6 +-
 zh-cn/model-gitee.md                          | 299 ++++++++++++++++++
 zh-cn/model.md                                |  12 +-
 zh-cn/moment.md                               |   4 +-
 ...penspacelabs-react-native-zoomable-view.md |   4 +-
 zh-cn/parse5.md                               |   6 +-
 zh-cn/prop-types.md                           |   2 +-
 zh-cn/qrcode-generator.md                     |   4 +-
 zh-cn/react-ahooks.md                         |   6 +-
 zh-cn/react-i18next.md                        |   6 +-
 zh-cn/react-native-MJRefresh.md               |   8 +-
 zh-cn/react-native-action-sheet.md            |   4 +-
 zh-cn/react-native-alipay.md                  |   4 +-
 zh-cn/react-native-amap3d.md                  |  12 +-
 zh-cn/react-native-animatable.md              |   4 +-
 ...eact-native-async-storage-async-storage.md |   2 +-
 zh-cn/react-native-audio-recorder-player.md   |  10 +-
 zh-cn/react-native-audio-toolkit.md           |  18 +-
 zh-cn/react-native-audio.md                   |   4 +-
 zh-cn/react-native-autoLink.md                |   4 +-
 zh-cn/react-native-autoheight-webview.md      |   6 +-
 zh-cn/react-native-background-timer.md        |   4 +-
 zh-cn/react-native-baidu-map.md               |   8 +-
 zh-cn/react-native-bars.md                    |   8 +-
 zh-cn/react-native-base64.md                  |   4 +-
 zh-cn/react-native-better-banner.md           |   4 +-
 zh-cn/react-native-ble-manager.md             |   4 +-
 zh-cn/react-native-blob-util.md               |   4 +-
 ...-util\357\274\210nocodegen\357\274\211.md" |   4 +-
 zh-cn/react-native-bootsplash.md              |   4 +-
 zh-cn/react-native-bouncy-checkbox.md         |   4 +-
 zh-cn/react-native-button.md                  |   6 +-
 zh-cn/react-native-calendar-events.md         |   6 +-
 zh-cn/react-native-calendars.md               |   4 +-
 zh-cn/react-native-camera-kit.md              |   4 +-
 zh-cn/react-native-cameraroll(nocodegen) .md  |  10 +-
 zh-cn/react-native-cameraroll.md              |  10 +-
 zh-cn/react-native-chart-kit.md               |   4 +-
 zh-cn/react-native-check-box.md               |   4 +-
 zh-cn/react-native-clipboard-clipboard.md     |   8 +-
 zh-cn/react-native-clippath-capi.md           |   4 +-
 zh-cn/react-native-collapsible.md             |   4 +-
 zh-cn/react-native-communications.md          |   4 +-
 zh-cn/react-native-community-checkbox.md      |  14 +-
 .../react-native-community-datetimepicker.md  |   6 +-
 zh-cn/react-native-community-netinfo.md       |  10 +-
 ...act-native-community-progress-view-capi.md |   4 +-
 zh-cn/react-native-community-progress-view.md |   4 +-
 ...-native-community-push-notification-ios.md |   8 +-
 zh-cn/react-native-community-slider.md        |   6 +-
 .../react-native-community-toolbar-android.md |   4 +-
 zh-cn/react-native-confirmation-code-field.md |  14 +-
 zh-cn/react-native-contacts.md                |   8 +-
 zh-cn/react-native-context-menu-view.md       |   8 +-
 zh-cn/react-native-cookies-cookies.md         |   6 +-
 zh-cn/react-native-create-thumbnail.md        |  12 +-
 zh-cn/react-native-credit-card-input.md       |   4 +-
 zh-cn/react-native-crypto-js.md               |   4 +-
 zh-cn/react-native-custom-keyboard.md         |   8 +-
 zh-cn/react-native-device-info.md             |   4 +-
 zh-cn/react-native-dismiss-keyboard.md        |   4 +-
 zh-cn/react-native-doc-viewer.md              |   4 +-
 zh-cn/react-native-document-picker.md         |   8 +-
 zh-cn/react-native-drag-sort.md               |   6 +-
 zh-cn/react-native-drawer-layout-polyfill.md  |   4 +-
 zh-cn/react-native-drop-shadow.md             |   4 +-
 zh-cn/react-native-dropdownalert.md           |   4 +-
 zh-cn/react-native-dynamic.md                 |   4 +-
 zh-cn/react-native-easy-toast.md              |   8 +-
 zh-cn/react-native-echarts-pro.md             |   4 +-
 zh-cn/react-native-elements.md                |   4 +-
 zh-cn/react-native-email-link.md              |   2 +-
 zh-cn/react-native-exception-handler.md       |  10 +-
 zh-cn/react-native-fast-image.md              |   8 +-
 zh-cn/react-native-file-selector.md           |   4 +-
 zh-cn/react-native-file-viewer.md             |   4 +-
 zh-cn/react-native-fingerprint-scanner.md     |   8 +-
 zh-cn/react-native-fit-Image.md               |   2 +-
 zh-cn/react-native-flexi-radio-button.md      |   4 +-
 zh-cn/react-native-flip-card.md               |   2 +-
 zh-cn/react-native-fs(nocodegen).md           |   8 +-
 zh-cn/react-native-fs.md                      |   8 +-
 zh-cn/react-native-gesture-handler.md         |  28 +-
 zh-cn/react-native-get-random-values.md       |   2 +-
 zh-cn/react-native-hole-view.md               |   4 +-
 zh-cn/react-native-htmlview.md                |   6 +-
 zh-cn/react-native-http-bridge.md             |   4 +-
 zh-cn/react-native-iconfont-cli.md            |   4 +-
 zh-cn/react-native-idfa-aaid.md               |   6 +-
 zh-cn/react-native-idle-timer.md              |   4 +-
 zh-cn/react-native-image-capinsets-next.md    |   4 +-
 zh-cn/react-native-image-editor.md            |   8 +-
 zh-cn/react-native-image-gallery.md           |   2 +-
 zh-cn/react-native-image-marker.md            |   4 +-
 zh-cn/react-native-image-pan-zoom.md          |   4 +-
 zh-cn/react-native-image-picker.md            |   4 +-
 zh-cn/react-native-image-sequence-2.md        |   4 +-
 zh-cn/react-native-image-zoom-viewer.md       |   4 +-
 zh-cn/react-native-intersection-observer.md   |   4 +-
 zh-cn/react-native-keep-awake.md              |   6 +-
 zh-cn/react-native-keys.md                    |   4 +-
 zh-cn/react-native-lightbox.md                |   4 +-
 zh-cn/react-native-linear-gradient-text.md    |   4 +-
 zh-cn/react-native-map-linking.md             |   4 +-
 zh-cn/react-native-maps-directions.md         |   2 +-
 zh-cn/react-native-maps.md                    |  50 +--
 zh-cn/react-native-markdown-display.md        |   8 +-
 zh-cn/react-native-mask-text.md               |   4 +-
 zh-cn/react-native-masked-text.md             |   8 +-
 zh-cn/react-native-masked-view-masked-view.md |   4 +-
 zh-cn/react-native-material-buttons.md        |  12 +-
 zh-cn/react-native-material-design-style.md   |   4 +-
 zh-cn/react-native-material-textfield.md      |   8 +-
 zh-cn/react-native-material-ui.md             |   2 +-
 zh-cn/react-native-md5.md                     |   4 +-
 zh-cn/react-native-mlkit-ocr.md               |   6 +-
 zh-cn/react-native-modal.md                   |   4 +-
 zh-cn/react-native-modalbox.md                |  10 +-
 zh-cn/react-native-multi-slider.md            |   4 +-
 zh-cn/react-native-neomorph-shadows.md        |   4 +-
 zh-cn/react-native-nested-scroll-view.md      |   8 +-
 zh-cn/react-native-orientation-locker.md      |   8 +-
 zh-cn/react-native-orientation.md             |   8 +-
 zh-cn/react-native-pager-view.md              |   6 +-
 zh-cn/react-native-paper.md                   |   8 +-
 zh-cn/react-native-parsed-text.md             |   4 +-
 zh-cn/react-native-permissions.md             |   2 +-
 zh-cn/react-native-phone-number-input.md      |   8 +-
 .../react-native-picker-picker(nocodegen).md  |   8 +-
 zh-cn/react-native-picker-picker.md           |   4 +-
 zh-cn/react-native-picker.md                  |   8 +-
 zh-cn/react-native-pickers.md                 |   4 +-
 zh-cn/react-native-popover-view.md            |   6 +-
 zh-cn/react-native-popup-menu.md              |   4 +-
 zh-cn/react-native-progress.md                |   4 +-
 zh-cn/react-native-pull.md                    |   6 +-
 zh-cn/react-native-quick-base64.md            |   4 +-
 zh-cn/react-native-randombytes.md             |   4 +-
 zh-cn/react-native-ratings.md                 |   8 +-
 zh-cn/react-native-reanimated-table.md        |   4 +-
 zh-cn/react-native-reanimated.md              |   4 +-
 zh-cn/react-native-render-html.md             |   4 +-
 zh-cn/react-native-root-modal.md              |   4 +-
 zh-cn/react-native-root-siblings.md           |   4 +-
 zh-cn/react-native-root-toast.md              |   4 +-
 zh-cn/react-native-safe-area-context.md       |  10 +-
 zh-cn/react-native-safe-module.md             |   4 +-
 zh-cn/react-native-screens.md                 |   6 +-
 zh-cn/react-native-scrollable-tab-view.md     |   6 +-
 zh-cn/react-native-scrollable-tabview.md      |   8 +-
 zh-cn/react-native-secharts.md                |  10 +-
 ...act-native-section-list-get-item-layout.md |   6 +-
 zh-cn/react-native-sensors.md                 |   4 +-
 zh-cn/react-native-shadow-2.md                |   4 +-
 zh-cn/react-native-shared-element.md          |   4 +-
 zh-cn/react-native-signature-capture.md       |   8 +-
 zh-cn/react-native-simple-toast.md            |   8 +-
 zh-cn/react-native-skia.md                    | 228 ++++++-------
 zh-cn/react-native-slider.md                  |   6 +-
 zh-cn/react-native-snackbar.md                |   8 +-
 zh-cn/react-native-snap-carousel.md           |   8 +-
 zh-cn/react-native-sortable-list.md           |   8 +-
 zh-cn/react-native-spinkit.md                 |   4 +-
 zh-cn/react-native-sqlite-storage.md          |   2 +-
 zh-cn/react-native-ssl-pinning.md             |   6 +-
 zh-cn/react-native-stickyheader.md            |   4 +-
 zh-cn/react-native-storage.md                 |   4 +-
 zh-cn/react-native-svg-charts.md              |   4 +-
 zh-cn/react-native-svg.md                     |  16 +-
 zh-cn/react-native-swipe-gestures.md          |   8 +-
 zh-cn/react-native-swiper.md                  |   6 +-
 zh-cn/react-native-switch-pro.md              |   4 +-
 zh-cn/react-native-switch.md                  |   4 +-
 zh-cn/react-native-syan-image-picker.md       |  12 +-
 zh-cn/react-native-tab-navigator.md           |   4 +-
 zh-cn/react-native-text-size.md               |   6 +-
 .../react-native-textinput-maxlength-fixed.md |   4 +-
 zh-cn/react-native-theme-control.md           |   4 +-
 zh-cn/react-native-thumbnail.md               |   4 +-
 zh-cn/react-native-touch-id.md                |   8 +-
 zh-cn/react-native-transitiongroup.md         |   4 +-
 zh-cn/react-native-translucent-modal.md       |   8 +-
 zh-cn/react-native-tts.md                     |   4 +-
 zh-cn/react-native-typing-animation.md        |   4 +-
 zh-cn/react-native-url-polyfill.md            |   8 +-
 zh-cn/react-native-user-agent.md              |   8 +-
 zh-cn/react-native-video-cache.md             |   4 +-
 zh-cn/react-native-video-controls.md          |   6 +-
 zh-cn/react-native-video.md                   |  14 +-
 zh-cn/react-native-view-overflow.md           |   2 +-
 zh-cn/react-native-view-shot.md               |   8 +-
 zh-cn/react-native-vision-camera.md           |  12 +-
 zh-cn/react-native-waterflow-list.md          |   4 +-
 zh-cn/react-native-webview(nocodegen).md      |  14 +-
 zh-cn/react-native-webview.md                 |  14 +-
 zh-cn/react-redux.md                          |   2 +-
 zh-cn/react-subscribe.md                      |   4 +-
 zh-cn/react-use.md                            |   4 +-
 zh-cn/realm-js.md                             |   4 +-
 zh-cn/reanimated-props-backup.md              |   4 +-
 zh-cn/recyclerListView.md                     |   6 +-
 zh-cn/redux-actions.md                        |   6 +-
 zh-cn/redux-logger.md                         |   6 +-
 zh-cn/redux-persist.md                        |   2 +-
 zh-cn/redux-thunk.md                          |  10 +-
 zh-cn/redux-toolkit.md                        |   8 +-
 zh-cn/redux.md                                |   2 +-
 zh-cn/remobile-react-native-toast.md          |   4 +-
 zh-cn/rn-bugly.md                             |   4 +-
 zh-cn/rn-placeholder.md                       |   4 +-
 zh-cn/rn-tourguide.md                         |   4 +-
 zh-cn/sentry-react-native.md                  |   4 +-
 zh-cn/shopify-flash-list.md                   |   8 +-
 zh-cn/styled-components.md                    |   2 +-
 zh-cn/styled-system.md                        |   6 +-
 zh-cn/usage-docs-checklist.md                 |   2 +-
 487 files changed, 1982 insertions(+), 1683 deletions(-)
 create mode 100644 zh-cn/model-gitee.md

diff --git a/README.md b/README.md
index 9af84336..00a2a71d 100644
--- a/README.md
+++ b/README.md
@@ -22,11 +22,11 @@
 
 ## RNOH 三方库总览
 
-> [!tip] NPM 公仓坐标：@react-native-oh-tpl
+> [!TIP] NPM 公仓坐标：@react-native-oh-tpl
 
-> [!tip] "原库是否支持新架构"列为 "-" 表示该库不涉及新架构和老架构
+> [!TIP] "原库是否支持新架构"列为 "-" 表示该库不涉及新架构和老架构
 
-> [!tip] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
+> [!TIP] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
 
 | 序号 | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOS Releases                                                                                                                                           | 文档链接                                           |
 | ---- | ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
diff --git a/en/Immer.md b/en/Immer.md
index ac9c42ed..77ad2ab1 100644
--- a/en/Immer.md
+++ b/en/Immer.md
@@ -778,9 +778,9 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > | Name                      | Description                                                                                                                                               | Required | Type | Platform    | HarmonyOS Support |
 > | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- | ----------------- |
diff --git a/en/NativeBase.md b/en/NativeBase.md
index 13469722..3a5cde76 100644
--- a/en/NativeBase.md
+++ b/en/NativeBase.md
@@ -109,9 +109,9 @@ For details about component usage, see. [NativeBase](https://docs.nativebase.io)
 
 The following component attributes are currently supported:
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **AspectRatio**: AspectRatio controls the size of the undefined dimension of a node or child component. You can refer mozilla.org for more details.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
diff --git a/en/README_EN.md b/en/README_EN.md
index 00f7aaec..5a0bb019 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -22,11 +22,11 @@ You can evaluate existing documentation, make simple changes, report quality iss
 
 ## Overview of RNOH Third-Party Libraries
 
-> [!tip] NPM Public Repository Coordinates: @react-native-oh-tpl
+> [!TIP] NPM Public Repository Coordinates: @react-native-oh-tpl
 
-> [!tip] If the "Supports New Architecture" column is marked with "-", it indicates that the library does not involve the new architecture or old architecture.
+> [!TIP] If the "Supports New Architecture" column is marked with "-", it indicates that the library does not involve the new architecture or old architecture.
 
-> [!tip] f the "HarmonyOS Releases" column is marked with "-", it indicates that the library did not require code modification during adaptation to the HarmonyOS platform and can directly use the source library code.
+> [!TIP] f the "HarmonyOS Releases" column is marked with "-", it indicates that the library did not require code modification during adaptation to the HarmonyOS platform and can directly use the source library code.
 
 | NO. | Source Library Name                                                                                                                        | Original Library Baseline Version   | New Architecture Supported in Source Library | HarmonyOS Releases                                                                                                                                           | Documentation Link                                           |
 | ---- | ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
diff --git a/en/ant-design-react-native.md b/en/ant-design-react-native.md
index 50a6a56a..3c6e48fc 100644
--- a/en/ant-design-react-native.md
+++ b/en/ant-design-react-native.md
@@ -214,9 +214,9 @@ This document is verified based on the following versions:
 
 ## Component
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [ant-design-mobile-rn](http://rn.mobile.ant.design/docs/react/introduce-cn)
 
diff --git a/en/axios.md b/en/axios.md
index 87f68d50..4f1893e9 100644
--- a/en/axios.md
+++ b/en/axios.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/axios/axios)
+> [!TIP] [Github 地址](https://github.com/axios/axios)
 
 ## Installation and Usage
 
@@ -108,9 +108,9 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                               | Description                |   Type   | Required | HarmonyOS Support |
 | :--------------------------------- | -------------------------- | :------: | :------: | :---------------: |
diff --git a/en/bam-tech-react-native-image-resizer.md b/en/bam-tech-react-native-image-resizer.md
index 0be35f6a..2ac00bbc 100644
--- a/en/bam-tech-react-native-image-resizer.md
+++ b/en/bam-tech-react-native-image-resizer.md
@@ -360,9 +360,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description         | Type     | Required | Platform    | HarmonyOS Support |
 |--------------------|---------------------|----------|----------|-------------|-------------------|
diff --git a/en/callstack-react-theme-provider.md b/en/callstack-react-theme-provider.md
index a15f1e4c..ab8e0778 100644
--- a/en/callstack-react-theme-provider.md
+++ b/en/callstack-react-theme-provider.md
@@ -112,9 +112,9 @@ This document is verified based on the following versions:
 
 ## Components
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name          | Description                                        | Type      | Required | Platform | HarmonyOS Support |
 | ------------- | -------------------------------------------------- | --------- | -------- | -------- | ----------------- |
@@ -122,9 +122,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name          | Description                                     | Type     | Required | Platform | HarmonyOS Support |
 | ------------- | ----------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/crypto-js.md b/en/crypto-js.md
index d57d5047..95e1b776 100644
--- a/en/crypto-js.md
+++ b/en/crypto-js.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/brix/crypto-js/tree/4.2.0)
+> [!TIP] [Github address](https://github.com/brix/crypto-js/tree/4.2.0)
 
 ## Installation and Usage
 
@@ -130,7 +130,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                      | Type     | Required | HarmonyOS Support |
 | ----------------- | -------------------------------- | -------- | -------- | ----------------- |
@@ -138,7 +138,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                    | Type     | Required | HarmonyOS Support |
 | ------ | ------------------------------ | -------- | -------- | ----------------- |
@@ -150,7 +150,7 @@ import C from "crypto-js";
 
 **Properties**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description              | Type     | Required | HarmonyOS Support |
 | -------- | ------------------------ | -------- | -------- | ----------------- |
@@ -159,7 +159,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                        | Type     | Required | HarmonyOS Support               |
 | ---------------------- | ---------------------------------- | -------- | -------- | ------------------------------- |
@@ -168,7 +168,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                        | Type     | Required | HarmonyOS Support |
 | -------- | ---------------------------------- | -------- | -------- | ----------------- |
@@ -181,7 +181,7 @@ import C from "crypto-js";
 
 **Properties**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                         | Type         | Required | HarmonyOS Support |
 | ---------- | --------------------------------------------------- | ------------ | -------- | ----------------- |
@@ -197,7 +197,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      | Description                       | Type     | Required | HarmonyOS Support |
 | ------------------------- | --------------------------------- | -------- | -------- | ----------------- |
@@ -205,7 +205,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                         | Type     | Required | HarmonyOS Support |
 | -------- | ----------------------------------- | -------- | -------- | ----------------- |
@@ -215,7 +215,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description            | Type     | Required | HarmonyOS Support |
 | ----------------- | ---------------------- | -------- | -------- | ----------------- |
@@ -225,7 +225,7 @@ import C from "crypto-js";
 
 **Properties**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                   | Type     | Required | HarmonyOS Support |
 | -------- | ----------------------------- | -------- | -------- | ----------------- |
@@ -234,7 +234,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description              | Type     | Required | HarmonyOS Support |
 | ---------------------- | ------------------------ | -------- | -------- | ----------------- |
@@ -242,7 +242,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description                      | Type     | Required | HarmonyOS Support |
 | ----- | -------------------------------- | -------- | -------- | ----------------- |
@@ -253,7 +253,7 @@ import C from "crypto-js";
 
 **Properties**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description      | Type | Required | HarmonyOS Support |
 | ---------- | ---------------- | ---- | -------- | ----------------- |
@@ -267,7 +267,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                   | Type     | Required | HarmonyOS Support |
 | ----------------- | --------------------------------------------- | -------- | -------- | ----------------- |
@@ -278,7 +278,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                  | Type     | Required | HarmonyOS Support |
 | -------------------- | -------------------------------------------- | -------- | -------- | ----------------- |
@@ -289,7 +289,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                  | Type     | Required | HarmonyOS Support               |
 | -------------------- | -------------------------------------------- | -------- | -------- | ------------------------------- |
@@ -300,7 +300,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                                     | Type     | Required | HarmonyOS Support |
 | ----------------------- | ----------------------------------------------- | -------- | -------- | ----------------- |
@@ -311,7 +311,7 @@ import C from "crypto-js";
 
 **Properties**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description      | Type | Required | HarmonyOS Support |
 | --------------- | ---------------- | ---- | -------- | ----------------- |
@@ -321,7 +321,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                         | Type     | Required | HarmonyOS Support |
 | ----------------------- | ----------------------------------- | -------- | -------- | ----------------- |
@@ -346,7 +346,7 @@ import C from "crypto-js";
 
 **Properties**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                            | Type   | Required | HarmonyOS Support |
 | --------- | ------------------------------------------------------ | ------ | -------- | ----------------- |
@@ -354,7 +354,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description            | Type     | Required | HarmonyOS Support |
 | -------- | ---------------------- | -------- | -------- | ----------------- |
@@ -366,7 +366,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description          | Type     | Required | HarmonyOS Support |
 | :----------------- | -------------------- | -------- | -------- | ----------------- |
@@ -382,7 +382,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                | Type     | Required | HarmonyOS Support |
 | :------- | -------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -394,7 +394,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -406,7 +406,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -418,7 +418,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                             | Description                       | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------------- | --------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -430,7 +430,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -442,7 +442,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                          | Description                     | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :---------------------------- | ------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -454,7 +454,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                          | Description                    | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :---------------------------- | ------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -466,7 +466,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                | Description                          | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :---------------------------------- | ------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -478,7 +478,7 @@ import C from "crypto-js";
 
 **Properties**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                          | Type   | Required | HarmonyOS Support |
 | :------ | ------------------------------------ | ------ | -------- | ----------------- |
@@ -487,7 +487,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                    | Type     | Required | HarmonyOS Support |
 | :------- | ------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
@@ -499,7 +499,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description    | Type     | Required | HarmonyOS Support |
 | :----------------- | -------------- | -------- | -------- | ----------------- |
@@ -510,7 +510,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                             | Description          | Type     | Required | HarmonyOS Support |
 | :------------------------------- | -------------------- | -------- | -------- | ----------------- |
@@ -521,7 +521,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                              | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
 | :-------------------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
@@ -532,7 +532,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
 | :-------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
@@ -542,7 +542,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                        | Type     | Required | HarmonyOS Support |
 | :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
@@ -551,7 +551,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                        | Type     | Required | HarmonyOS Support |
 | :------ | ---------------------------------- | -------- | -------- | ----------------- |
@@ -561,7 +561,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                        | Type     | Required | HarmonyOS Support |
 | :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
@@ -571,7 +571,7 @@ import C from "crypto-js";
 **API**
 
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                        | Type     | Required | HarmonyOS Support |
 | :------ | ---------------------------------- | -------- | -------- | ----------------- |
@@ -581,7 +581,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                                 | Type     | Required | HarmonyOS Support |
 | :------------------------- | ------------------------------------------- | -------- | -------- | ----------------- |
@@ -594,7 +594,7 @@ import C from "crypto-js";
 
 **Static Methods**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      | Description                           | Type     | Required | HarmonyOS Support |
 | :------------------------ | ------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/dayJs.md b/en/dayJs.md
index 6bde34eb..d1a691ba 100644
--- a/en/dayJs.md
+++ b/en/dayJs.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/iamkun/dayjs?tab=readme-ov-file)
+> [!TIP] [GitHub address](https://github.com/iamkun/dayjs?tab=readme-ov-file)
 
 ## Installation and Usage
 
@@ -168,7 +168,7 @@ export default DayJsDemo;
 
 ## APIs:
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 #### **Get + Set**
diff --git a/en/deepmerge.md b/en/deepmerge.md
index 13ce1f65..476f5299 100644
--- a/en/deepmerge.md
+++ b/en/deepmerge.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/TehShrike/deepmerge)
+> [!TIP] [Github address](https://github.com/TehShrike/deepmerge)
 
 ## Installation and Usage
 
@@ -110,7 +110,7 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [deepmerge Source Code](https://github.com/TehShrike/deepmerge)
 
diff --git a/en/htmlparser2.md b/en/htmlparser2.md
index 633c0297..6aa5c00d 100644
--- a/en/htmlparser2.md
+++ b/en/htmlparser2.md
@@ -122,9 +122,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description       | Type     | Required | Platform    | HarmonyOS Support |
 |----------------------|-------------------|----------|----------|-------------|-------------------|
diff --git a/en/i18next.md b/en/i18next.md
index 7ba90e5d..52d9652b 100644
--- a/en/i18next.md
+++ b/en/i18next.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
->[!tip] [Github address](https://github.com/i18next/i18next)
+>[!TIP] [Github address](https://github.com/i18next/i18next)
 
 
 ## Installation and Usage
@@ -34,7 +34,7 @@ yarn add i18next@23.7.16
 
 The following code shows the basic use scenario of the repository:
 
-> [!tip] In the following demo, this library needs to be used together with react-i18next，Please refer to the [react-i18next documentation] for instructions on how to use react-i18next(/zh-cn/react-i18next.md)
+> [!TIP] In the following demo, this library needs to be used together with react-i18next，Please refer to the [react-i18next documentation] for instructions on how to use react-i18next(/zh-cn/react-i18next.md)
 
 ```js
 import React from 'react';  
@@ -118,9 +118,9 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 details [i18next address](https://github.com/i18next/i18next)
 
diff --git a/en/jsbarcode.md b/en/jsbarcode.md
index 2d5f05e0..4c1052b8 100644
--- a/en/jsbarcode.md
+++ b/en/jsbarcode.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/lindell/JsBarcode)
+> [!TIP] [Github address](https://github.com/lindell/JsBarcode)
 
 ## Installation and Usage
 
@@ -43,7 +43,7 @@ The following code shows the basic use scenario of the repository:
 
 ### **With svg:**
 
-> [!tip] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化] > [!tip] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
+> [!TIP] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化] > [!TIP] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
 
 ```tsx
 import {ScrollView, StyleSheet, View, Text} from 'react-native';
@@ -171,7 +171,7 @@ const styles = StyleSheet.create({
 
 ### **With canvas:**
 
-> [!tip] [react-native-canvas库暂未 HarmonyOS 化，当前无法使用canvas渲染，下面用法仅供参考]
+> [!TIP] [react-native-canvas库暂未 HarmonyOS 化，当前无法使用canvas渲染，下面用法仅供参考]
 
 ```js
 var JsBarcode = require("jsbarcode");
@@ -288,7 +288,7 @@ This document is verified based on the following versions:
 
 ## **All Options**
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name         | Description       | Type               | Required | HarmonyOS Support | Remark                                                                |
 | ------------ | ----------------- | ------------------ | -------- | ----------------- | --------------------------------------------------------------------- |
diff --git a/en/lodash.md b/en/lodash.md
index 73bbaac9..06930170 100644
--- a/en/lodash.md
+++ b/en/lodash.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/lodash/lodash/tree/4.17.21)
+> [!TIP] [Github address](https://github.com/lodash/lodash/tree/4.17.21)
 
 ## Installation and Usage
 
diff --git a/en/lottie-react-native.md b/en/lottie-react-native.md
index 11a6f327..ff37d505 100644
--- a/en/lottie-react-native.md
+++ b/en/lottie-react-native.md
@@ -244,9 +244,9 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                                                                                                                                                                                                                                                                                                    | Type                                        | Default   | Required | Platform              | HarmonyOS Support |
 | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | --------- | -------- | --------------------- |-------------------|
@@ -275,9 +275,9 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                                                                                                                                             | Type     | Required | Platform | HarmonyOS Support |
 | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/mixpanel-react-native.md b/en/mixpanel-react-native.md
index 113ff5ff..733cb0e5 100644
--- a/en/mixpanel-react-native.md
+++ b/en/mixpanel-react-native.md
@@ -157,9 +157,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### Mixpanel
 
diff --git a/en/mobx-react.md b/en/mobx-react.md
index 284ac077..b1683441 100644
--- a/en/mobx-react.md
+++ b/en/mobx-react.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0)
+> [!TIP] [Github address](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0)
 
 ## Installation and Usage
 
@@ -138,9 +138,9 @@ View details[Official documentation of mobx-react](https://github.com/mobxjs/mob
 
 The following is a display of validated interfaces:
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                                                                                                | Type     | Required | HarmonyOS Support |
 | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/mobx.md b/en/mobx.md
index 13571d49..3474ed08 100644
--- a/en/mobx.md
+++ b/en/mobx.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/mobxjs/mobx/tree/mobx%406.10.0)
+> [!TIP] [Github address](https://github.com/mobxjs/mobx/tree/mobx%406.10.0)
 
 ## Installation and Usage
 
@@ -128,9 +128,9 @@ View details[MOBX official documentation](https://mobx.js.org/api.html)
 
 The following is a display of validated interfaces:
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### **Creating observables**
 
diff --git a/en/model.md b/en/model.md
index 54950cc2..b5669f40 100644
--- a/en/model.md
+++ b/en/model.md
@@ -295,9 +295,9 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 
 ## Properties (If Any)
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -305,9 +305,9 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 
 ## Static Methods (If Any)
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -315,9 +315,9 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 
 ## APIs (TurboModules, If Any)
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/moment.md b/en/moment.md
index 128cd7ae..91a5cf71 100644
--- a/en/moment.md
+++ b/en/moment.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/moment/moment)
+> [!TIP] [Github address](https://github.com/moment/moment)
 
 ## Installation and Usage
 
@@ -144,7 +144,7 @@ moment().format("hh:mm:ss a");
 
 如下是已验证接口展示:
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### **Get + Set**
 
diff --git a/en/op-engineering-op-sqlite.md b/en/op-engineering-op-sqlite.md
index d37c769e..bb32a36b 100644
--- a/en/op-engineering-op-sqlite.md
+++ b/en/op-engineering-op-sqlite.md
@@ -293,9 +293,9 @@ Open the `YourProject/entry/src/main/module.json5` file and add the following co
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -310,9 +310,9 @@ Open the `YourProject/entry/src/main/module.json5` file and add the following co
 
 ### DB
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
diff --git a/en/openspacelabs-react-native-zoomable-view.md b/en/openspacelabs-react-native-zoomable-view.md
index fdac4892..737c2e4c 100644
--- a/en/openspacelabs-react-native-zoomable-view.md
+++ b/en/openspacelabs-react-native-zoomable-view.md
@@ -131,9 +131,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                             | Type     | Description                                                                                                                                                                                                                                                                                                                          | Required | Platform | HarmonyOS Support |
 | -------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
diff --git a/en/parse5.md b/en/parse5.md
index ca8ba67d..4ece00fb 100644
--- a/en/parse5.md
+++ b/en/parse5.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/inikulin/parse5)
+> [!TIP] [Github address](https://github.com/inikulin/parse5)
 
 ## Installation and Usage
 
@@ -143,9 +143,9 @@ This document is verified based on the following versions：
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [parse5 Document address](https://parse5.js.org/index.html)
 
diff --git a/en/prop-types.md b/en/prop-types.md
index 98ac09da..f474ef13 100644
--- a/en/prop-types.md
+++ b/en/prop-types.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/facebook/prop-types/tree/v15.8.1)
+> [!TIP] [Github address](https://github.com/facebook/prop-types/tree/v15.8.1)
 
 ## Installation and Usage
 
diff --git a/en/qrcode-generator.md b/en/qrcode-generator.md
index 18a25612..e8f05085 100644
--- a/en/qrcode-generator.md
+++ b/en/qrcode-generator.md
@@ -91,9 +91,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                      | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | ----------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-ahooks.md b/en/react-ahooks.md
index e2c6f753..6d48fe43 100644
--- a/en/react-ahooks.md
+++ b/en/react-ahooks.md
@@ -11,7 +11,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/alibaba/hooks)
+> [!TIP] [GitHub address](https://github.com/alibaba/hooks)
 
 ## 📚 文档
 
@@ -115,9 +115,9 @@ This document is verified based on the following versions：
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 以下Properties已验证，详情见 [ahooks官方文档](https://ahooks.js.org/zh-CN/)
diff --git a/en/react-i18next.md b/en/react-i18next.md
index 192fa047..6166e30e 100644
--- a/en/react-i18next.md
+++ b/en/react-i18next.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/i18next/react-i18next)
+> [!TIP] [Github address](https://github.com/i18next/react-i18next)
 
 ## Installation and Usage
 
@@ -89,9 +89,9 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-i18next Source Code](https://github.com/i18next/react-i18next)
 
diff --git a/en/react-native-MJRefresh.md b/en/react-native-MJRefresh.md
index b3197dc4..8136021d 100644
--- a/en/react-native-MJRefresh.md
+++ b/en/react-native-MJRefresh.md
@@ -240,9 +240,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties 
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For more details, see [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
 
@@ -255,9 +255,9 @@ For more details, see [react-native-MJRefresh](https://github.com/react-native-s
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For more details, see [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
 
diff --git a/en/react-native-QRCode.md b/en/react-native-QRCode.md
index 9e8d81df..0c9a37d3 100644
--- a/en/react-native-QRCode.md
+++ b/en/react-native-QRCode.md
@@ -116,9 +116,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### QRCode
 
diff --git a/en/react-native-action-button.md b/en/react-native-action-button.md
index 6dea64d1..c70998f1 100644
--- a/en/react-native-action-button.md
+++ b/en/react-native-action-button.md
@@ -95,9 +95,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      |  Description                                                                                                                                                                                                                                             | Type     | Required | Platform |  HarmonyOS Support |
 | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- |----------| -------- |
diff --git a/en/react-native-action-sheet.md b/en/react-native-action-sheet.md
index a6af45f6..48fd7b59 100644
--- a/en/react-native-action-sheet.md
+++ b/en/react-native-action-sheet.md
@@ -200,9 +200,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **showActionSheetWithOptions**
 
diff --git a/en/react-native-alipay.md b/en/react-native-alipay.md
index 3ab70a1e..46870ffa 100644
--- a/en/react-native-alipay.md
+++ b/en/react-native-alipay.md
@@ -232,9 +232,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-amap3d.md b/en/react-native-amap3d.md
index 7a930f33..2f66cc4d 100644
--- a/en/react-native-amap3d.md
+++ b/en/react-native-amap3d.md
@@ -365,9 +365,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties 
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 ### MapView
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -434,9 +434,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 ### MapView
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -468,9 +468,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-animatable.md b/en/react-native-animatable.md
index 8054b8bb..b5fd5444 100644
--- a/en/react-native-animatable.md
+++ b/en/react-native-animatable.md
@@ -117,9 +117,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                     | Type                   | Required | Platform | HarmonyOS Support |
 | ----------------- | --------------------------------------------------------------------------------------------------------------- | ---------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-aria.md b/en/react-native-aria.md
index 73b8b73a..1f56e006 100644
--- a/en/react-native-aria.md
+++ b/en/react-native-aria.md
@@ -526,9 +526,9 @@ This document is verified based on the following versions:
 
 ## Hooks
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
 |--------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------|----------|----------|-------------------|
diff --git a/en/react-native-async-storage-async-storage.md b/en/react-native-async-storage-async-storage.md
index cae7864b..9d071b50 100644
--- a/en/react-native-async-storage-async-storage.md
+++ b/en/react-native-async-storage-async-storage.md
@@ -253,9 +253,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                                                              | Type                                                                                                                | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-audio-recorder-player.md b/en/react-native-audio-recorder-player.md
index d35c12fc..058e9bd3 100644
--- a/en/react-native-audio-recorder-player.md
+++ b/en/react-native-audio-recorder-player.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [ GitHub address](https://github.com/react-native-oh-library/react-native-audio-recorder-player)
+> [!TIP] [ GitHub address](https://github.com/react-native-oh-library/react-native-audio-recorder-player)
 
 ## Installation and Usage
 
@@ -534,7 +534,7 @@ Currently, two methods are available:
 
 Method 1 (recommended): Use the HAR file.
 
-> [!tip] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
 Open `entry/oh-package.json5` file and add the following dependencies:
 
@@ -557,7 +557,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!tip] or details, see [Directly Linking Source Code](/en/link-source-code.md).
+> [!TIP] or details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### Configuring CMakeLists and Introducing RNAudioRecorderPlayerPackage
 
@@ -696,9 +696,9 @@ Open the `entry/src/main/resources/base/element/string.json` file and add the fo
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                                                                                                      | Type                                                                                    | Required | Platform     | HarmonyOS Support |
 | -------------------------- | ---------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- | -------- | ------------ | ----------------- |
diff --git a/en/react-native-audio-toolkit.md b/en/react-native-audio-toolkit.md
index f55681d6..d563f285 100644
--- a/en/react-native-audio-toolkit.md
+++ b/en/react-native-audio-toolkit.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-audio-toolkit)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-audio-toolkit)
 
 ## Installation and Usage
 
@@ -550,9 +550,9 @@ requestPermissions: [
 
 ## Player
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -568,9 +568,9 @@ requestPermissions: [
 
 ### Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type     | Required | Platform | HarmonyOS Support |
 | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
@@ -584,9 +584,9 @@ requestPermissions: [
 
 ## Recorder
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -601,9 +601,9 @@ requestPermissions: [
 
 ### Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                                                                                                                                                                                                                                                                                                                                                       | Type     | Required | Platform | HarmonyOS Support |
 | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-audio.md b/en/react-native-audio.md
index fa4fe393..63851e29 100644
--- a/en/react-native-audio.md
+++ b/en/react-native-audio.md
@@ -193,9 +193,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip]  The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP]  The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-autoLink.md b/en/react-native-autoLink.md
index 01aa6008..0b43cc50 100644
--- a/en/react-native-autoLink.md
+++ b/en/react-native-autoLink.md
@@ -100,9 +100,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |        Name        |                                                                             Description                                                                              |        Type         | Required |  Platform   | HarmonyOS Support |
 | :----------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-autoheight-webview.md b/en/react-native-autoheight-webview.md
index e7020881..eb48360f 100644
--- a/en/react-native-autoheight-webview.md
+++ b/en/react-native-autoheight-webview.md
@@ -90,9 +90,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                              | Description                                                                                                                                                                                                                                                                                                  | Type                                                               | Required | Platform | HarmonyOS Support                                                                                                 |
 |-----------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------------------------------------------------------------------------------------------------------|
diff --git a/en/react-native-background-timer.md b/en/react-native-background-timer.md
index 0a23b7f5..357d4180 100644
--- a/en/react-native-background-timer.md
+++ b/en/react-native-background-timer.md
@@ -309,9 +309,9 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                        | Required | Platform | HarmonyOS Support |
 | ------------------- | -------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-baidu-map.md b/en/react-native-baidu-map.md
index d2165577..e0b7d263 100644
--- a/en/react-native-baidu-map.md
+++ b/en/react-native-baidu-map.md
@@ -439,9 +439,9 @@ Open `entry/src/main/module.json5`, add the following permission:
 
 ## Properties 
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### MapView Props
 
@@ -546,9 +546,9 @@ Open `entry/src/main/module.json5`, add the following permission:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### BaiduMapManager
 
diff --git a/en/react-native-bars.md b/en/react-native-bars.md
index 188fda97..da1ebc1d 100644
--- a/en/react-native-bars.md
+++ b/en/react-native-bars.md
@@ -159,9 +159,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### StatusBar
 
@@ -185,9 +185,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### StatusBar
 
diff --git a/en/react-native-base64.md b/en/react-native-base64.md
index 83f23192..05f8e505 100644
--- a/en/react-native-base64.md
+++ b/en/react-native-base64.md
@@ -112,9 +112,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform    | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- |-------------| ------------------ |
diff --git a/en/react-native-better-banner.md b/en/react-native-better-banner.md
index 501d0c67..850d9908 100644
--- a/en/react-native-better-banner.md
+++ b/en/react-native-better-banner.md
@@ -134,9 +134,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                              | Description                                                                                                                                  | Type     | Default               | Platform | HarmonyOS Support |
 | --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------- | --------------------- | -------- | ----------------- |
diff --git a/en/react-native-ble-manager.md b/en/react-native-ble-manager.md
index 7da2929d..198bd69e 100644
--- a/en/react-native-ble-manager.md
+++ b/en/react-native-ble-manager.md
@@ -535,9 +535,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                         | Description                                                                                                       | Required | Platform    | HarmonyOS Support |
 | -------------------------------------------- | ----------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-blob-util.md b/en/react-native-blob-util.md
index 8d311517..443cbedd 100644
--- a/en/react-native-blob-util.md
+++ b/en/react-native-blob-util.md
@@ -498,9 +498,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### Fetch API
 
diff --git "a/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md" "b/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
index a1c4cf49..e1666f42 100644
--- "a/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
+++ "b/en/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
@@ -558,9 +558,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 #### Fetch API
 
 ##### ReactNativeBlobUtil.fetch
diff --git a/en/react-native-bootsplash.md b/en/react-native-bootsplash.md
index 3ca260ad..8f20f52d 100644
--- a/en/react-native-bootsplash.md
+++ b/en/react-native-bootsplash.md
@@ -345,9 +345,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description                                                                                                                                                                                  | Type     | Required | Platform     | HarmonyOS Support |
 | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------ | ----------------- |
diff --git a/en/react-native-bouncy-checkbox.md b/en/react-native-bouncy-checkbox.md
index 2271f049..688ddac3 100644
--- a/en/react-native-bouncy-checkbox.md
+++ b/en/react-native-bouncy-checkbox.md
@@ -104,9 +104,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 | Name                 | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
diff --git a/en/react-native-button.md b/en/react-native-button.md
index 46b91fdd..2eb77586 100644
--- a/en/react-native-button.md
+++ b/en/react-native-button.md
@@ -13,7 +13,7 @@
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/ide/react-native-button)
+> [!TIP] [Github 地址](https://github.com/ide/react-native-button)
 
 ## 安装与使用
 
@@ -96,9 +96,9 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                  | Description                                                                                            | Type     | default | Required | Platform | HarmonyOS Support |
 | --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- | ----------------- |
diff --git a/en/react-native-calendar-events.md b/en/react-native-calendar-events.md
index 2ec8bcd1..9a1fb632 100644
--- a/en/react-native-calendar-events.md
+++ b/en/react-native-calendar-events.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-calendar-events)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-calendar-events)
 
 ## Installation and Usage
 
@@ -371,9 +371,9 @@ Open `entry/src/main/resources/base/element/string.json`, add the following cont
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                                                     | Type      | Required | Platform | HarmonyOS Support |
 |-----------------------|-------------------------------------------------------------------------------------------------|-----------| -------- |----------|------------------|
diff --git a/en/react-native-calendars.md b/en/react-native-calendars.md
index 8f258f6a..ef9f9b3a 100644
--- a/en/react-native-calendars.md
+++ b/en/react-native-calendars.md
@@ -112,9 +112,9 @@ export default MySvgComponent;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 ### Agenda 
 
 | Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md
index 70bff1ec..742d8846 100644
--- a/en/react-native-camera-kit.md
+++ b/en/react-native-camera-kit.md
@@ -349,9 +349,9 @@ Open `entry/src/main/resources/base/element/string.json` and add the following i
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **Camera**：CameraComponent
 
diff --git a/en/react-native-cameraroll(nocodegen) .md b/en/react-native-cameraroll(nocodegen) .md
index 82161134..25e4b480 100644
--- a/en/react-native-cameraroll(nocodegen) .md	
+++ b/en/react-native-cameraroll(nocodegen) .md	
@@ -209,11 +209,11 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
+> [!TIP] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
 
 **CameraRoll**
 
@@ -230,9 +230,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                       | Description  | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
 | :----------------------------------------- | :----------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
diff --git a/en/react-native-cameraroll.md b/en/react-native-cameraroll.md
index c5683a4f..9428afd6 100644
--- a/en/react-native-cameraroll.md
+++ b/en/react-native-cameraroll.md
@@ -154,11 +154,11 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
+> [!TIP] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
 
 **CameraRoll**
 
@@ -175,9 +175,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                       | Description  | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
 | :----------------------------------------- | :----------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
diff --git a/en/react-native-chart-kit.md b/en/react-native-chart-kit.md
index e549695a..4fa8b3a5 100644
--- a/en/react-native-chart-kit.md
+++ b/en/react-native-chart-kit.md
@@ -126,9 +126,9 @@ export default MyChart;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### Chart style 
 
diff --git a/en/react-native-check-box.md b/en/react-native-check-box.md
index e6601aeb..8d1a5189 100644
--- a/en/react-native-check-box.md
+++ b/en/react-native-check-box.md
@@ -84,9 +84,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                                                                                                  | Type                      | Required | Platform    |  HarmonyOS Support |
 | ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- |-------------| -------- |
diff --git a/en/react-native-clipboard-clipboard.md b/en/react-native-clipboard-clipboard.md
index 64ddc51b..288e4b81 100644
--- a/en/react-native-clipboard-clipboard.md
+++ b/en/react-native-clipboard-clipboard.md
@@ -222,7 +222,7 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-> [!tip] "ohos.permission.READ_PASTEBOARD"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+> [!TIP] "ohos.permission.READ_PASTEBOARD"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
 1. Include applicable permissions in the module.json5 file within the entry directory.
 
@@ -260,9 +260,9 @@ Open the `entry/src/main/resources/base/element/string.json` file and add the fo
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name        | Description                                                                                                                                                                                                               | Type     | Required | Platform    | HarmonyOS Support |
 | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-clippath-capi.md b/en/react-native-clippath-capi.md
index 5a4fdafc..ea2985fb 100644
--- a/en/react-native-clippath-capi.md
+++ b/en/react-native-clippath-capi.md
@@ -199,9 +199,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties 
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                                                                                    | Type              | Required | Platform    | HarmonyOS Support |
 | -------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-collapsible.md b/en/react-native-collapsible.md
index df0f2b5b..7182d693 100644
--- a/en/react-native-collapsible.md
+++ b/en/react-native-collapsible.md
@@ -94,9 +94,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 #### Collapsible
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-communications.md b/en/react-native-communications.md
index c5df9f6c..58ff9c86 100644
--- a/en/react-native-communications.md
+++ b/en/react-native-communications.md
@@ -113,9 +113,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                      | Type     | Required | Platform | HarmonyOS Support |
 | ------------------- | -------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-community-blur.md b/en/react-native-community-blur.md
index e816f06b..a312c6dc 100644
--- a/en/react-native-community-blur.md
+++ b/en/react-native-community-blur.md
@@ -355,9 +355,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                | Description                                                                               | Type      | Required | Platform | HarmonyOS Support |
 | ----------------------------------- | ----------------------------------------------------------------------------------------- | --------- |----------| ------- | ----------------- |
@@ -398,9 +398,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name           | Description                                                                                | Type |Required     | Platform | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------------------------------------ | ----|----- |----------| ----------------- |
diff --git a/en/react-native-community-checkbox.md b/en/react-native-community-checkbox.md
index ab5ee58b..48d1c975 100644
--- a/en/react-native-community-checkbox.md
+++ b/en/react-native-community-checkbox.md
@@ -238,12 +238,12 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] `shape` is about to be deprecated, please use `boxType` instead 
-> [!tip] `strokeWidth` is about to be deprecated, please use `lineWidth` instead
+> [!TIP] `shape` is about to be deprecated, please use `boxType` instead 
+> [!TIP] `strokeWidth` is about to be deprecated, please use `lineWidth` instead
 
 
 | Name                | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
@@ -268,9 +268,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                                                                                                                                                                                    | Type     | Required | Platform      | HarmonyOS Support |
 | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
diff --git a/en/react-native-community-datetimepicker.md b/en/react-native-community-datetimepicker.md
index eabbdad3..a6ccdea9 100644
--- a/en/react-native-community-datetimepicker.md
+++ b/en/react-native-community-datetimepicker.md
@@ -259,9 +259,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情请查看[datetimepicker 官方文档](https://github.com/react-native-datetimepicker/datetimepicker)
 
diff --git a/en/react-native-community-geolocation.md b/en/react-native-community-geolocation.md
index ddc7feb4..d88de7f1 100644
--- a/en/react-native-community-geolocation.md
+++ b/en/react-native-community-geolocation.md
@@ -258,9 +258,9 @@ Open the `entry/src/main/resources/base/element/string.json` file and add the fo
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                                                            | Type                                            | Required | Platform    | HarmonyOS Support | Notes                                                                                                                                                          |
 | -------------------- | -------------------------------------------------------------------------------------- | ----------------------------------------------- | -------- | ----------- | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
diff --git a/en/react-native-community-netinfo.md b/en/react-native-community-netinfo.md
index 3779aeb0..4ef3f260 100644
--- a/en/react-native-community-netinfo.md
+++ b/en/react-native-community-netinfo.md
@@ -218,9 +218,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### NetInfoStateType
 
@@ -289,9 +289,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                                                                                                                                                                                                                                                                                                                                                               |   Type   | Required |  Platform   | HarmonyOS Support |
 |------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|:--------:|:--------:|:-----------:|:-----------------:|
diff --git a/en/react-native-community-progress-bar-android.md b/en/react-native-community-progress-bar-android.md
index 5bcb4714..dc101a7d 100644
--- a/en/react-native-community-progress-bar-android.md
+++ b/en/react-native-community-progress-bar-android.md
@@ -222,9 +222,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                                                                                                                                         | Type                                                                                                                       | Required | Platform | HarmonyOS Support |
 | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-community-progress-view-capi.md b/en/react-native-community-progress-view-capi.md
index b21b4596..8235baca 100644
--- a/en/react-native-community-progress-view-capi.md
+++ b/en/react-native-community-progress-view-capi.md
@@ -183,9 +183,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
 | ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
diff --git a/en/react-native-community-progress-view.md b/en/react-native-community-progress-view.md
index bf2f99ce..7a30e6f1 100644
--- a/en/react-native-community-progress-view.md
+++ b/en/react-native-community-progress-view.md
@@ -211,9 +211,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
 | ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
diff --git a/en/react-native-community-push-notification-ios.md b/en/react-native-community-push-notification-ios.md
index 50201fa4..b82cfe30 100644
--- a/en/react-native-community-push-notification-ios.md
+++ b/en/react-native-community-push-notification-ios.md
@@ -312,9 +312,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                            | Description                                                                                                       | Type     | Required | Platform      | HarmonyOS Support |
 | ------------------------------- | ----------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
@@ -333,9 +333,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **Parameters:**
 
diff --git a/en/react-native-community-segmented-control.md b/en/react-native-community-segmented-control.md
index e2c91c07..5e7e57a1 100644
--- a/en/react-native-community-segmented-control.md
+++ b/en/react-native-community-segmented-control.md
@@ -75,9 +75,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情见 [react-native-community/segmented-control 源库地址](https://github.com/react-native-segmented-control/segmented-control)
 
diff --git a/en/react-native-community-slider.md b/en/react-native-community-slider.md
index fe399510..dd54fa66 100644
--- a/en/react-native-community-slider.md
+++ b/en/react-native-community-slider.md
@@ -218,9 +218,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description       | Type     | Required | Platform     | HarmonyOS Support |
 | ----------------------- | ------------------------ | -------------------------------------------- | ---- | ------------ | ----------------- |
diff --git a/en/react-native-community-toolbar-android.md b/en/react-native-community-toolbar-android.md
index 5645a8bd..043ca342 100644
--- a/en/react-native-community-toolbar-android.md
+++ b/en/react-native-community-toolbar-android.md
@@ -274,9 +274,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 Inherits [View Props](https://reactnative.dev/docs/view#props).
 
diff --git a/en/react-native-confirmation-code-field.md b/en/react-native-confirmation-code-field.md
index c70acf7a..75e1c09d 100644
--- a/en/react-native-confirmation-code-field.md
+++ b/en/react-native-confirmation-code-field.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/retyui/react-native-confirmation-code-field)
+> [!TIP] [Github address](https://github.com/retyui/react-native-confirmation-code-field)
 
 ## Installation and Usage
 
@@ -114,9 +114,9 @@ This document is verified based on the following versions:
 
 ## component
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name        | Description                                                                                                                                                                                          | Type      | Platform | HarmonyOS Support |
 | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------------- |
@@ -125,9 +125,9 @@ This document is verified based on the following versions:
 
 ## CodeField Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                                | Type                     | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------- | ------------------------ | -------- | -------- | ----------------- |
@@ -141,9 +141,9 @@ This document is verified based on the following versions:
 
 ## Hooks
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Type           | Required | Platform | HarmonyOS Support |
 | --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-contacts.md b/en/react-native-contacts.md
index 45c32daf..2b02625d 100644
--- a/en/react-native-contacts.md
+++ b/en/react-native-contacts.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-contacts)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-contacts)
 
 ## Installation and Usage
 
@@ -418,7 +418,7 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-[!tip] "ohos.permission.READ_CONTACTS"，"ohos.permission.WRITE_CONTACTS"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+[!TIP] "ohos.permission.READ_CONTACTS"，"ohos.permission.WRITE_CONTACTS"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
 Open the `entry/src/main/module.json5` file and add the following code:
 
@@ -450,9 +450,9 @@ Open the `entry/src/main/module.json5` file and add the following code:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                                                         | Description                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
 | ---------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-context-menu-view.md b/en/react-native-context-menu-view.md
index 5d9bcf40..c66ac3b1 100644
--- a/en/react-native-context-menu-view.md
+++ b/en/react-native-context-menu-view.md
@@ -206,9 +206,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                                                                | Type     | Required | Platform               | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------------------------------------ | -------- | -------- | ---------------------- | ----------------- |
@@ -223,9 +223,9 @@ Check the release version information in the release address of the third-party
 
 ## actions
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name           | Description                                                                                                                    | Type    | Required | Platform    | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------------------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-cookies-cookies.md b/en/react-native-cookies-cookies.md
index 5d74de98..760cd6ea 100644
--- a/en/react-native-cookies-cookies.md
+++ b/en/react-native-cookies-cookies.md
@@ -327,9 +327,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                   | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------- | --------------------------------------------- | ---------|----------| ------------|-------------------|
diff --git a/en/react-native-create-thumbnail.md b/en/react-native-create-thumbnail.md
index d4f2ff3c..c0fef46c 100644
--- a/en/react-native-create-thumbnail.md
+++ b/en/react-native-create-thumbnail.md
@@ -243,9 +243,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### **createThumbnail**
 | Name | Description | Type | Required | HarmonyOS Support |
@@ -254,9 +254,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |        Name         | Description  |   type   | Required | Platform | HarmonyOS Support |
 | :-----------------: | :----------: | :------: | :------: | :---------------: | :---------------: |
@@ -268,9 +268,9 @@ Check the release version information in the release address of the third-party
 |  cacheName | Cache name for this thumbnail to avoid duplicate generation. If specified, and a thumbnail already exists with the same cache name, it will be returned instead of generating a new one.   |    String     | NO  |   Android/ios    |    yes    |
 ## Return Value
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |        Name         | Description  |   type   | Required | Platform | HarmonyOS Support |
 | :-----------------: | :----------: | :------: | :------: | :---------------: | :---------------: |
diff --git a/en/react-native-credit-card-input.md b/en/react-native-credit-card-input.md
index 877f6748..a14b33ea 100644
--- a/en/react-native-credit-card-input.md
+++ b/en/react-native-credit-card-input.md
@@ -127,9 +127,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
->[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)
 
diff --git a/en/react-native-crypto-js.md b/en/react-native-crypto-js.md
index fcc0e72a..72da3de2 100644
--- a/en/react-native-crypto-js.md
+++ b/en/react-native-crypto-js.md
@@ -141,9 +141,9 @@ This document is verified based on the following versions:
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description | Type | Required | Platform | HarmonyOS Support |
 | -------------------- | --------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-custom-keyboard.md b/en/react-native-custom-keyboard.md
index 4d4d4052..6fbf6f6c 100644
--- a/en/react-native-custom-keyboard.md
+++ b/en/react-native-custom-keyboard.md
@@ -303,9 +303,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description                       | Type   | Required | Platform | HarmonyOS Support |
 | ------------------ | --------------------------------- | ------ | -------- | -------- | ----------------- |
@@ -313,9 +313,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
 | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-device-info.md b/en/react-native-device-info.md
index 23a1dd54..9595ecf1 100644
--- a/en/react-native-device-info.md
+++ b/en/react-native-device-info.md
@@ -166,9 +166,9 @@ Open `entry/src/main/module.json5`, add the following permission：
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-dismiss-keyboard.md b/en/react-native-dismiss-keyboard.md
index 32a22a65..2996ef63 100644
--- a/en/react-native-dismiss-keyboard.md
+++ b/en/react-native-dismiss-keyboard.md
@@ -136,9 +136,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Prop                      | Description                                                                                                                     | Type     | Required | Platform | HarmonyOS Support |
 | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-doc-viewer.md b/en/react-native-doc-viewer.md
index 39eca20b..6af159a0 100644
--- a/en/react-native-doc-viewer.md
+++ b/en/react-native-doc-viewer.md
@@ -416,9 +416,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description                | Type     | Required | Platform | HarmonyOS Support |
 | ------------------ | -------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-document-picker.md b/en/react-native-document-picker.md
index 0dc73fe5..a2147610 100644
--- a/en/react-native-document-picker.md
+++ b/en/react-native-document-picker.md
@@ -405,9 +405,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### option pick 方法的传参选项
 
@@ -422,9 +422,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                                                                                                                                                                                                                                                                                     | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-drag-sort.md b/en/react-native-drag-sort.md
index 29553a1e..e6b7fb7d 100644
--- a/en/react-native-drag-sort.md
+++ b/en/react-native-drag-sort.md
@@ -571,9 +571,9 @@ Check the release version information in the release address of the third-party
 
 ### DragSortableView
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |           Name           |                               Description                               |   Type   | Required |  Platform   | HarmonyOS Support |
 | :----------------------: | :---------------------------------------------------------------------: | :------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-drawer-layout-polyfill.md b/en/react-native-drawer-layout-polyfill.md
index 0bdf3ad2..71ca1236 100644
--- a/en/react-native-drawer-layout-polyfill.md
+++ b/en/react-native-drawer-layout-polyfill.md
@@ -235,9 +235,9 @@ This document is verified based on the following versions
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 详情见[react-native-drawer-layout-polyfill](https://reactnative.dev/docs/drawerlayoutandroid)
diff --git a/en/react-native-drax.md b/en/react-native-drax.md
index 061720a4..a3044c23 100644
--- a/en/react-native-drax.md
+++ b/en/react-native-drax.md
@@ -131,9 +131,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### DraxView
 
diff --git a/en/react-native-drop-shadow.md b/en/react-native-drop-shadow.md
index a6038a66..54994c4f 100644
--- a/en/react-native-drop-shadow.md
+++ b/en/react-native-drop-shadow.md
@@ -131,9 +131,9 @@ react-native-harmony: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release)
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
index d182c05f..40ef1c92 100644
--- a/en/react-native-dropdownalert.md
+++ b/en/react-native-dropdownalert.md
@@ -259,9 +259,9 @@ DropdownAlertType 是 DropdownAlert 库导出的一个枚举对象，列举了
 
 #### DropdownAlertType Property
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description  | Type   | **Required** | Platform | HarmonyOS Support |
 | ------- | ------------ | ------ | ------------ | -------- | ----------------- |
diff --git a/en/react-native-dynamic.md b/en/react-native-dynamic.md
index 3ce7d054..8c9077e8 100644
--- a/en/react-native-dynamic.md
+++ b/en/react-native-dynamic.md
@@ -184,9 +184,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
 | ----- | ----- | -------- | -------- | -------- | -------- |
diff --git a/en/react-native-easy-toast.md b/en/react-native-easy-toast.md
index ebf14d0d..f781e326 100644
--- a/en/react-native-easy-toast.md
+++ b/en/react-native-easy-toast.md
@@ -78,9 +78,9 @@ export default class App extends Component {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 >
 > 详情见 [react-native-easy-toast 源库地址](https://github.com/crazycodeboy/react-native-easy-toast)
 
@@ -96,9 +96,9 @@ export default class App extends Component {
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-echarts-pro.md b/en/react-native-echarts-pro.md
index 57813c16..e27cb00d 100644
--- a/en/react-native-echarts-pro.md
+++ b/en/react-native-echarts-pro.md
@@ -94,9 +94,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro/tree/master)
 
diff --git a/en/react-native-elements.md b/en/react-native-elements.md
index 71d500a8..c4d84486 100644
--- a/en/react-native-elements.md
+++ b/en/react-native-elements.md
@@ -320,9 +320,9 @@ For details about component usage, see. [react-native-elements](https://reactnat
 
 The following component attributes are currently supported:
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **AirbnbRating**: Airbnb style rating component
 
diff --git a/en/react-native-email-link.md b/en/react-native-email-link.md
index 9be76078..31d982d9 100644
--- a/en/react-native-email-link.md
+++ b/en/react-native-email-link.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-email-link)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-email-link)
 
 ## Installation and Usage
 
diff --git a/en/react-native-exception-handler.md b/en/react-native-exception-handler.md
index 49a37302..57d8310a 100644
--- a/en/react-native-exception-handler.md
+++ b/en/react-native-exception-handler.md
@@ -261,9 +261,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description          | Type     | Required | Platform | HarmonyOS Support |
 | ----------------------- | -------------------- | -------- | -------- | -------- | ----------------- |
@@ -272,9 +272,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                        | Description              | Type     | Required | Platform | HarmonyOS Support |
 | --------------------------- | ------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-fast-image.md b/en/react-native-fast-image.md
index b63b7ae4..3e1fd15b 100644
--- a/en/react-native-fast-image.md
+++ b/en/react-native-fast-image.md
@@ -246,9 +246,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                               | Type             | Required | Platform | HarmonyOS Support |
 | ------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
@@ -267,9 +267,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                         | Description                                | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-file-selector.md b/en/react-native-file-selector.md
index a73119b1..493854b8 100644
--- a/en/react-native-file-selector.md
+++ b/en/react-native-file-selector.md
@@ -165,9 +165,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-file-viewer.md b/en/react-native-file-viewer.md
index 3c81c13a..efb77f3a 100644
--- a/en/react-native-file-viewer.md
+++ b/en/react-native-file-viewer.md
@@ -242,9 +242,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### `open(filepath: string, options?: Object): Promise<void>`
 
diff --git a/en/react-native-fingerprint-scanner.md b/en/react-native-fingerprint-scanner.md
index 7ae75917..c520c027 100644
--- a/en/react-native-fingerprint-scanner.md
+++ b/en/react-native-fingerprint-scanner.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-fingerprint-scanner)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-fingerprint-scanner)
 
 ## Installation and Usage
 
@@ -165,7 +165,7 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-> [!tip] "ohos.permission.ACCESS_BIOMETRIC"权限等级为<B>system_basic</B>
+> [!TIP] "ohos.permission.ACCESS_BIOMETRIC"权限等级为<B>system_basic</B>
 > 在 `YourProject/entry/src/main/module.json5`补上配置
 
 ```diff
@@ -185,9 +185,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                                    | Description                                                                         | Type     | Required | Platform  | HarmonyOS Support |
 | ------------------------------------------------------- | ----------------------------------------------------------------------------------- | -------- | -------- | --------- | ----------------- |
diff --git a/en/react-native-fit-Image.md b/en/react-native-fit-Image.md
index a1aeeeb4..76765967 100644
--- a/en/react-native-fit-Image.md
+++ b/en/react-native-fit-Image.md
@@ -291,7 +291,7 @@ This document is verified based on the following versions
 
 ## Properties
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                                                                                                                                                                                                                                                                                                                                                     | Type          | Required | Platform                      | HarmonyOS Support | Remark                                                       |
 | ------------------ |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------------- | -------- | ----------------------------- | ----------------- | ------------------------------------------------------------ |
diff --git a/en/react-native-flexi-radio-button.md b/en/react-native-flexi-radio-button.md
index c61b2651..d255dd69 100644
--- a/en/react-native-flexi-radio-button.md
+++ b/en/react-native-flexi-radio-button.md
@@ -144,9 +144,9 @@ react-native-harmony: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release)
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ##### Radio Group:
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
diff --git a/en/react-native-flip-card.md b/en/react-native-flip-card.md
index 2a512a3c..0fbb861d 100644
--- a/en/react-native-flip-card.md
+++ b/en/react-native-flip-card.md
@@ -218,7 +218,7 @@ This document is verified based on the following versions:
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 >
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 This library is a UI component library that achieves corresponding functionalities by configuring attribute tags.
 
diff --git a/en/react-native-fs(nocodegen).md b/en/react-native-fs(nocodegen).md
index 26116e04..d0629c05 100644
--- a/en/react-native-fs(nocodegen).md
+++ b/en/react-native-fs(nocodegen).md
@@ -273,9 +273,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
 | :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
@@ -293,9 +293,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
 | ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
diff --git a/en/react-native-fs.md b/en/react-native-fs.md
index 8500330d..8325d474 100644
--- a/en/react-native-fs.md
+++ b/en/react-native-fs.md
@@ -234,9 +234,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
 | :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
@@ -254,9 +254,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
 | ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
diff --git a/en/react-native-gesture-handler.md b/en/react-native-gesture-handler.md
index 28e1eaf3..f4528a65 100644
--- a/en/react-native-gesture-handler.md
+++ b/en/react-native-gesture-handler.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler)
 
 ## Installation and Usage
 
@@ -251,7 +251,7 @@ To use this repository, you need to use the correct React-Native and RNOH versio
 
 Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)
 
-> [!tip] [Official Documentation](https://docs.swmansion.com/react-native-gesture-handler/docs/)
+> [!TIP] [Official Documentation](https://docs.swmansion.com/react-native-gesture-handler/docs/)
 
 ## Gestures
 
@@ -261,18 +261,18 @@ GestureDetector is a major component of the Gesture Handler library version 2.x.
 
 #### Gesture detector Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                                                  | Type                             | Required | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- | -------- |
 | gesture    | A gesture object containing the configuration and callbacks.                                     | base gestures or any ComposedGesture | yes      | All      | yes      |
 
 #### Gesture Method
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | method | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
@@ -356,9 +356,9 @@ Properties
 > [!WARNING] Consider using the new [gestures API](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/gesture) instead. The old API is not actively supported and is not receiving the new features. Check out [RNGH 2.0 section in Introduction](https://docs.swmansion.com/react-native-gesture-handler/docs/#rngh-20) for more information.
 
 ### Gesture handlers General Properties
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME                | Description                                                                                                                                   | TYPE                     | Required | Platform | HarmonyOS Support |
 | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------- | -------- | -------- |
@@ -370,9 +370,9 @@ Properties
 ### Gesture handlers common event data
 
 The following is the common event data for the `onGestureEvent` and `onHandlerStateChange` callbacks.
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME         | Description                                                             | TYPE | Platform | HarmonyOS Support |
 | ---------------- | --------------------------------------------------------------------------- | ------ | -------- | -------- |
@@ -382,9 +382,9 @@ The following is the common event data for the `onGestureEvent` and `onHandlerSt
 ### PanGestureHandler
 
 #### PanGestureHandler Properties
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME                       | Description                                                                                                                                                                             | TYPE | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | -------- | -------- |
@@ -425,9 +425,9 @@ Y coordinate of the current position of the pointer (finger or a leading pointer
 ### TapGestureHandler
 
 #### TapGestureHandler Properties
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME      | Description                                                                                                                    | TYPE | Required | Platform | HarmonyOS Support |
 | ------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
diff --git a/en/react-native-get-random-values.md b/en/react-native-get-random-values.md
index 534eea39..909091c9 100644
--- a/en/react-native-get-random-values.md
+++ b/en/react-native-get-random-values.md
@@ -169,7 +169,7 @@ This document is verified based on the following versions:
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 >
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 >
 > | Name                          | Description                                          | Type    | Required | Platform    | HarmonyOS Support |
 > | ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-hole-view.md b/en/react-native-hole-view.md
index 9493f4ec..3c2088e5 100644
--- a/en/react-native-hole-view.md
+++ b/en/react-native-hole-view.md
@@ -265,9 +265,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                   | Type                                                            | Required | Platform    | HarmonyOS Support |
 | ------------------- | ----------------------------- | --------------------------------------------------------------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-htmlview.md b/en/react-native-htmlview.md
index 1a76d3b5..3bbba077 100644
--- a/en/react-native-htmlview.md
+++ b/en/react-native-htmlview.md
@@ -95,11 +95,11 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] 该库为 UI 组件库，可以在该库的标签下，使原本无法在 RN 框架生效的 Html 写法，可以实现对应的功能。
+> [!TIP] 该库为 UI 组件库，可以在该库的标签下，使原本无法在 RN 框架生效的 Html 写法，可以实现对应的功能。
 
 | Name            | Description                                                                                                              | Type   | Required | Platform | HarmonyOS Support |
 | --------------- | ------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
diff --git a/en/react-native-http-bridge.md b/en/react-native-http-bridge.md
index ab736d3f..547f43a6 100644
--- a/en/react-native-http-bridge.md
+++ b/en/react-native-http-bridge.md
@@ -256,9 +256,9 @@ Open  `entry/src/main/module.json5` and add the following code:
 
 ##  API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description            | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | ---------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-iconfont-cli.md b/en/react-native-iconfont-cli.md
index da4f560e..321e1348 100644
--- a/en/react-native-iconfont-cli.md
+++ b/en/react-native-iconfont-cli.md
@@ -198,9 +198,9 @@ For details, see [react-native-iconfont-cli](https://github.com/iconfont-cli/rea
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **IconFont组件属性**
 
diff --git a/en/react-native-idfa-aaid.md b/en/react-native-idfa-aaid.md
index 8a4872ee..5cc7e0c9 100644
--- a/en/react-native-idfa-aaid.md
+++ b/en/react-native-idfa-aaid.md
@@ -261,7 +261,7 @@ ohpm install
 
 ### 权限要求
 
-[!tip] "ohos.permission.APP_TRACKING_CONSENT"，"ohos.permission.APP_TRACKING_CONSENT"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+[!TIP] "ohos.permission.APP_TRACKING_CONSENT"，"ohos.permission.APP_TRACKING_CONSENT"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
 #### 在 entry 目录下的module.json5中添加权限
 在 `YourProject/entry/src/main/module.json5`补上配置
@@ -311,9 +311,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-idle-timer.md b/en/react-native-idle-timer.md
index ae6ac873..270b3699 100644
--- a/en/react-native-idle-timer.md
+++ b/en/react-native-idle-timer.md
@@ -164,9 +164,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-image-capinsets-next.md b/en/react-native-image-capinsets-next.md
index 12c069e7..3d622943 100644
--- a/en/react-native-image-capinsets-next.md
+++ b/en/react-native-image-capinsets-next.md
@@ -246,9 +246,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                                                                                                                                                                                                                     | Type                                                              | Required | Platform | HarmonyOS Support |
 | --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-image-editor.md b/en/react-native-image-editor.md
index e66ac13c..27f2670f 100644
--- a/en/react-native-image-editor.md
+++ b/en/react-native-image-editor.md
@@ -273,9 +273,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip]  If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP]  If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Type    | Description                                                  | Platform    | HarmonyOS Support |
 | --------- | -------- | ------------------------------------------------------------ | ----------- | ----------------- |
@@ -283,9 +283,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **cropData**
 
diff --git a/en/react-native-image-gallery.md b/en/react-native-image-gallery.md
index 7c7fb265..a242ec67 100644
--- a/en/react-native-image-gallery.md
+++ b/en/react-native-image-gallery.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
->   [!tip]  
+>   [!TIP]  
 >
 > [Github 地址](https://github.com/react-native-oh-library/react-native-image-gallery/tree/sig)
 
diff --git a/en/react-native-image-marker.md b/en/react-native-image-marker.md
index d7fcac83..64159dcd 100644
--- a/en/react-native-image-marker.md
+++ b/en/react-native-image-marker.md
@@ -306,9 +306,9 @@ As shown in the following figure:
 ![alt text](../img/react-natvie-image-marker/fonts.PNG)
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ------------------------------ | ------ | -------- | ----------- | ----------------- |
diff --git a/en/react-native-image-pan-zoom.md b/en/react-native-image-pan-zoom.md
index 5b9acd30..99f49772 100644
--- a/en/react-native-image-pan-zoom.md
+++ b/en/react-native-image-pan-zoom.md
@@ -93,9 +93,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)
 
diff --git a/en/react-native-image-picker.md b/en/react-native-image-picker.md
index 90dd8022..b30afde7 100644
--- a/en/react-native-image-picker.md
+++ b/en/react-native-image-picker.md
@@ -222,9 +222,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Options
 
@@ -273,9 +273,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                            | Type     | Required | Platform        | HarmonyOS Support |
 | ------------------ | -------------------------------------- | -------- | -------- | --------------- | ----------------- |
diff --git a/en/react-native-image-sequence-2.md b/en/react-native-image-sequence-2.md
index a5461fb7..9f2256e3 100644
--- a/en/react-native-image-sequence-2.md
+++ b/en/react-native-image-sequence-2.md
@@ -400,9 +400,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
 | ---------------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-image-zoom-viewer.md b/en/react-native-image-zoom-viewer.md
index 64f9a350..14f4bb9c 100644
--- a/en/react-native-image-zoom-viewer.md
+++ b/en/react-native-image-zoom-viewer.md
@@ -230,9 +230,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                                  | Type                                                         | Platform    | HarmonyOS Support | Remark                                   |
 | ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ----------- | ----------------- | ---------------------------------------- |
diff --git a/en/react-native-input-scroll-view.md b/en/react-native-input-scroll-view.md
index b7d88b7a..2410257e 100644
--- a/en/react-native-input-scroll-view.md
+++ b/en/react-native-input-scroll-view.md
@@ -94,9 +94,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      | **Description**                                              | Type   | Required | **Default** | Platform    | HarmonyOS Support |
 | ------------------------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------- | ----------------- |
diff --git a/en/react-native-intersection-observer.md b/en/react-native-intersection-observer.md
index c1480a51..fb3ed3f6 100644
--- a/en/react-native-intersection-observer.md
+++ b/en/react-native-intersection-observer.md
@@ -87,9 +87,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer/blob/master/README.md)
 
diff --git a/en/react-native-keep-awake.md b/en/react-native-keep-awake.md
index b531ef24..9aae36df 100644
--- a/en/react-native-keep-awake.md
+++ b/en/react-native-keep-awake.md
@@ -216,11 +216,11 @@ This document is verified based on the following versions:
 
 ## 使用方法
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] 功能函数形式使用下，新老接口均可使用。
+> [!TIP] 功能函数形式使用下，新老接口均可使用。
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                    | Required | Platform | HarmonyOS Support |
 | ---------------------- | ---------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-keyboard-aware-scroll-view.md b/en/react-native-keyboard-aware-scroll-view.md
index 1ede7796..d68bbb62 100644
--- a/en/react-native-keyboard-aware-scroll-view.md
+++ b/en/react-native-keyboard-aware-scroll-view.md
@@ -105,9 +105,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)
 
diff --git a/en/react-native-keys.md b/en/react-native-keys.md
index d40a2e5f..50b733dd 100644
--- a/en/react-native-keys.md
+++ b/en/react-native-keys.md
@@ -227,9 +227,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
 | --------------- | -------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-lightbox.md b/en/react-native-lightbox.md
index a2c1b9f3..51119e4f 100644
--- a/en/react-native-lightbox.md
+++ b/en/react-native-lightbox.md
@@ -169,9 +169,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 该库为 UI 组件库，通过配置属性标签，实现对应的功能。
 
diff --git a/en/react-native-linear-gradient-text.md b/en/react-native-linear-gradient-text.md
index f59f392e..0c9a8ebb 100644
--- a/en/react-native-linear-gradient-text.md
+++ b/en/react-native-linear-gradient-text.md
@@ -81,9 +81,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-linear-gradient-text ReadMe](https://github.com/HMDarkFir3/react-native-linear-gradient-text/tree/main)
 
diff --git a/en/react-native-map-linking.md b/en/react-native-map-linking.md
index 531214ad..c8cfebbf 100644
--- a/en/react-native-map-linking.md
+++ b/en/react-native-map-linking.md
@@ -112,9 +112,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 Name | Description | Optional | Required | Platform | HarmonyOS   Support
diff --git a/en/react-native-maps-directions.md b/en/react-native-maps-directions.md
index 877bd0db..2d034b79 100644
--- a/en/react-native-maps-directions.md
+++ b/en/react-native-maps-directions.md
@@ -17,7 +17,7 @@
 
 ## Installation and Usage
 
-> [!tip] This library depends on react-native-maps，Can be referred to [react-native-maps documentation](./react-native-maps.md) install
+> [!TIP] This library depends on react-native-maps，Can be referred to [react-native-maps documentation](./react-native-maps.md) install
 
 Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases).
 
diff --git a/en/react-native-maps.md b/en/react-native-maps.md
index c834af5f..774cebe8 100644
--- a/en/react-native-maps.md
+++ b/en/react-native-maps.md
@@ -458,9 +458,9 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-> [!tip] 如需自建项目使用华为地图可以跳过以下第一步，并前往[华为开发者联盟](https://developer.huawei.com/consumer/cn/wiki/index.php)平台申请对应项目和应用程序
+> [!TIP] 如需自建项目使用华为地图可以跳过以下第一步，并前往[华为开发者联盟](https://developer.huawei.com/consumer/cn/wiki/index.php)平台申请对应项目和应用程序
 
-> [!tip] 详细配置参考华为开发者官网[地图服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/appgallery-connect-0000001751989088)
+> [!TIP] 详细配置参考华为开发者官网[地图服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/appgallery-connect-0000001751989088)
 
 以下是示例项目配置
 
@@ -545,9 +545,9 @@ Check the release version information in the release address of the third-party
 
 ## MapView
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -635,9 +635,9 @@ Check the release version information in the release address of the third-party
 
 ## Marker
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -683,9 +683,9 @@ Check the release version information in the release address of the third-party
 
 ## Polyline
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -709,9 +709,9 @@ Check the release version information in the release address of the third-party
 
 ## Polygon
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -737,9 +737,9 @@ Check the release version information in the release address of the third-party
 
 ## Circle
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -759,9 +759,9 @@ Check the release version information in the release address of the third-party
 
 ## Overlay
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -781,9 +781,9 @@ Check the release version information in the release address of the third-party
 
 ## UrlTile & WMSTile
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -805,9 +805,9 @@ Check the release version information in the release address of the third-party
 
 ## Callout
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -818,9 +818,9 @@ Check the release version information in the release address of the third-party
 
 ## Geojson
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -848,9 +848,9 @@ Check the release version information in the release address of the third-party
 
 > **Note**: Supported on Google Maps only.
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
@@ -873,11 +873,11 @@ Check the release version information in the release address of the third-party
 
 ## Cluster
 
-> [!tip] 点聚合组件是新开发组件，在原库上不存在。
+> [!TIP] 点聚合组件是新开发组件，在原库上不存在。
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
diff --git a/en/react-native-markdown-display.md b/en/react-native-markdown-display.md
index 34db477c..563843b2 100644
--- a/en/react-native-markdown-display.md
+++ b/en/react-native-markdown-display.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)
 
 ## Installation and Usage
 
@@ -93,16 +93,16 @@ This document is verified based on the following versions
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 Please check for details [react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display/blob/master/README.md)
 
 The following are the HarmonyOS properties：
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                      | Description                                                                                                                                                                                           | Default                                                                                                                    | Required | Platform | HarmonyOS Support |
 | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-mask-text.md b/en/react-native-mask-text.md
index 9bd4860b..fbc6838f 100644
--- a/en/react-native-mask-text.md
+++ b/en/react-native-mask-text.md
@@ -129,9 +129,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description                                    | Type                                                               | Default | Required | Platform | HarmonyOS Support |
 | ---- | ---------------------------------------------- | ------------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-masked-text.md b/en/react-native-masked-text.md
index 2f4ac88b..4d86e403 100644
--- a/en/react-native-masked-text.md
+++ b/en/react-native-masked-text.md
@@ -84,9 +84,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > For details, see [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
 
@@ -159,9 +159,9 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > For details, see [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
 
diff --git a/en/react-native-masked-view-masked-view.md b/en/react-native-masked-view-masked-view.md
index b9fe39e0..f4dcef44 100644
--- a/en/react-native-masked-view-masked-view.md
+++ b/en/react-native-masked-view-masked-view.md
@@ -233,9 +233,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description  | Type               | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------ | ------------------ | -------- | -------- | ----------------- |
diff --git a/en/react-native-material-buttons.md b/en/react-native-material-buttons.md
index dbe710d5..c8049f5b 100644
--- a/en/react-native-material-buttons.md
+++ b/en/react-native-material-buttons.md
@@ -212,9 +212,9 @@ Check the release version information in the release address of the third-party
 
 ### This component has the following properties:
 ## **API（TextButton ）**
->[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -224,9 +224,9 @@ Check the release version information in the release address of the third-party
 | **disabledTitleColor**  |       Button title color for disabled state       |                         String                           |    No    | iOS/Android |        Yes        |
 
 ## **API（RaisedTextButton）**
->[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -234,9 +234,9 @@ Check the release version information in the release address of the third-party
 |   **rippleDuration**    |   Duration of the ripple effect in milliseconds   |                         Number                           |    No    | iOS/Android |        Yes        |
 
 ## **API（Common）**
->[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-material-design-style.md b/en/react-native-material-design-style.md
index 3acb4395..18b50031 100644
--- a/en/react-native-material-design-style.md
+++ b/en/react-native-material-design-style.md
@@ -124,9 +124,9 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-material-textfield.md b/en/react-native-material-textfield.md
index 2bfcab66..c3752e93 100644
--- a/en/react-native-material-textfield.md
+++ b/en/react-native-material-textfield.md
@@ -209,9 +209,9 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 ## Properties
 
 ### This component has the following properties:
->[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -251,9 +251,9 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 | **onBlur**  |  Blur callback    |                         Function                           |    No    | iOS/Android |        Yes        |
 
 ## **API（TextField）**
->[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-material-ui.md b/en/react-native-material-ui.md
index ec8cfa30..8ed201fd 100644
--- a/en/react-native-material-ui.md
+++ b/en/react-native-material-ui.md
@@ -13,7 +13,7 @@
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/xotahal/react-native-material-ui)
+> [!TIP] [Github 地址](https://github.com/xotahal/react-native-material-ui)
 
 ## 安装与使用
 
diff --git a/en/react-native-md5.md b/en/react-native-md5.md
index 5cf819fa..e97b174f 100644
--- a/en/react-native-md5.md
+++ b/en/react-native-md5.md
@@ -103,9 +103,9 @@ This document is verified based on the following versions:
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-mlkit-ocr.md b/en/react-native-mlkit-ocr.md
index 16f09c3e..cae9a349 100644
--- a/en/react-native-mlkit-ocr.md
+++ b/en/react-native-mlkit-ocr.md
@@ -260,7 +260,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ### 5. Permission Requirements
 
-> [!tip] "ohos.permission.INTERNET"权限等级为<B>normal</B>，授权方式为<B>system_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+> [!TIP] "ohos.permission.INTERNET"权限等级为<B>normal</B>，授权方式为<B>system_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
 Add configuration to `YourProject/entry/src/main/module.json5`
 
@@ -304,9 +304,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME                 | Description      | TYPE     | Required | Platform | HarmonyOS Support |
 | -------------------- | ---------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-modal-popover.md b/en/react-native-modal-popover.md
index dba7fc09..2977cc8f 100644
--- a/en/react-native-modal-popover.md
+++ b/en/react-native-modal-popover.md
@@ -272,9 +272,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Popover
 
diff --git a/en/react-native-modal.md b/en/react-native-modal.md
index d17ceaa2..6ac654df 100644
--- a/en/react-native-modal.md
+++ b/en/react-native-modal.md
@@ -131,9 +131,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
 | --- | --- | --- | --- | --- | --- | --- |
diff --git a/en/react-native-modalbox.md b/en/react-native-modalbox.md
index 34bb7c59..aa61da0c 100644
--- a/en/react-native-modalbox.md
+++ b/en/react-native-modalbox.md
@@ -485,9 +485,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 |                         Description                          |      Type      | Required |  Platform   | HarmonyOS Support |
 | :------------------- | :----------------------------------------------------------: | :------------: | :------: | :---------: | :---------------: |
@@ -516,9 +516,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  |   Description   |    Type    | Required |  Platform   | HarmonyOS Support |
 | :---- | :-------------: | :--------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-modals.md b/en/react-native-modals.md
index 0b27062d..b988f821 100644
--- a/en/react-native-modals.md
+++ b/en/react-native-modals.md
@@ -101,9 +101,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Modal/BottomModal
 
diff --git a/en/react-native-mqtt.md b/en/react-native-mqtt.md
index 6e6b6cb5..effebf60 100644
--- a/en/react-native-mqtt.md
+++ b/en/react-native-mqtt.md
@@ -132,9 +132,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                          | Type   | Required | Platform    | HarmonyOS Support |
 | ----------------- | ---------------------------------------------------- | ------ | -------- |-------------| ----------------- |
@@ -151,9 +151,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description        | Type | Required | Platform    | HarmonyOS Support |
 | ---------------- | ------------------ | ---- | -------- |-------------| ----------------- |
diff --git a/en/react-native-multi-slider.md b/en/react-native-multi-slider.md
index 343b5902..c16bfc28 100644
--- a/en/react-native-multi-slider.md
+++ b/en/react-native-multi-slider.md
@@ -531,9 +531,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.Known Issues
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.Known Issues
 
 | Name                         | Description                                                                                                                                                                                                                                                                                                                                                                            | Type              | Required | Platform | HarmonyOS Support |
 | ---------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-neomorph-shadows.md b/en/react-native-neomorph-shadows.md
index 90930fb2..dd6cb52e 100644
--- a/en/react-native-neomorph-shadows.md
+++ b/en/react-native-neomorph-shadows.md
@@ -121,9 +121,9 @@ Check the release version information in the release address of the third-party
 
 ### This component has the following properties:
 ## **API（Shadow）**
->[!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-nested-scroll-view.md b/en/react-native-nested-scroll-view.md
index 36889075..c2eaa10f 100644
--- a/en/react-native-nested-scroll-view.md
+++ b/en/react-native-nested-scroll-view.md
@@ -123,9 +123,9 @@ Check the release version information in the release address of the third-party
 
 Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#props) 组件的Props
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -158,9 +158,9 @@ Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在Re
 
 Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#methods) 组件的Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-orientation-locker.md b/en/react-native-orientation-locker.md
index d8fa84e6..cae1e091 100644
--- a/en/react-native-orientation-locker.md
+++ b/en/react-native-orientation-locker.md
@@ -314,9 +314,9 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
 
@@ -332,9 +332,9 @@ For details, see [react-native-orientation-locker](https://github.com/react-nati
 
 ## Events
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
 
diff --git a/en/react-native-orientation.md b/en/react-native-orientation.md
index 56e605d1..5c58ef47 100644
--- a/en/react-native-orientation.md
+++ b/en/react-native-orientation.md
@@ -276,9 +276,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
 
@@ -294,9 +294,9 @@ For details, see [react-native-orientation](https://github.com/react-native-oh-l
 
 ## Events
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
 
diff --git a/en/react-native-pager-view.md b/en/react-native-pager-view.md
index 28cfc828..9f8ba6d4 100644
--- a/en/react-native-pager-view.md
+++ b/en/react-native-pager-view.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-pager-view)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-pager-view)
 
 ## Installation and Usage
 
@@ -211,9 +211,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties 
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                     | Description                                                  | Type                            | Required | Platform     | HarmonyOS Support                                           |
 | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------- | -------- | ------------ | ----------------------------------------------------------- |
diff --git a/en/react-native-paper.md b/en/react-native-paper.md
index 264a87fe..c787e4ac 100644
--- a/en/react-native-paper.md
+++ b/en/react-native-paper.md
@@ -108,9 +108,9 @@ This document is verified based on the following versions:
 
 View details[Paper](https://callstack.github.io/react-native-paper)
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -153,9 +153,9 @@ View details[Paper](https://callstack.github.io/react-native-paper)
 
 View details[Paper](https://callstack.github.io/react-native-paper/docs/components/ActivityIndicator#animating)
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **ActivityIndicator**：Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
diff --git a/en/react-native-parsed-text.md b/en/react-native-parsed-text.md
index 0cb86f3e..3e4d6c72 100644
--- a/en/react-native-parsed-text.md
+++ b/en/react-native-parsed-text.md
@@ -183,9 +183,9 @@ This document is verified based on the following versions:
 
 ParsedText 组件接收所有[React Native Text](https://reactnative.dev/docs/text.html)组件的 Props
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name          | Description                                                                        | Type     | Required | Platform    | HarmonyOS Support |
 | ------------- | ---------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-pdf.md b/en/react-native-pdf.md
index b82af72e..2245a580 100644
--- a/en/react-native-pdf.md
+++ b/en/react-native-pdf.md
@@ -250,9 +250,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                           | Description                                                                                                                                                                                     | Type                                                          | Required | Platform      | HarmonyOS Support |
 | ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | -------- | ------------- |-------------------|
@@ -311,9 +311,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                                                                                                                              | Type                 | Required | Platform      | HarmonyOS Support |
 | ------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | -------- | ------------- | ----------------- |
diff --git a/en/react-native-permissions.md b/en/react-native-permissions.md
index 078a4c56..532c93ae 100644
--- a/en/react-native-permissions.md
+++ b/en/react-native-permissions.md
@@ -423,9 +423,9 @@ ohos.permission.LOCATION_IN_BACKGROUND 允许应用在后台运行时获取设
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description    | Type           | Required | Platform    | HarmonyOS Support        |
 | ----------------------- | ------------------|----|---------| ----------- | ------------------------ |
diff --git a/en/react-native-phone-number-input.md b/en/react-native-phone-number-input.md
index 9eb622b0..4492cba2 100644
--- a/en/react-native-phone-number-input.md
+++ b/en/react-native-phone-number-input.md
@@ -169,9 +169,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                     | Description                           | Type                                                                                                          | Required | Platform    | HarmonyOS Support |
 | ------------------------ | ------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -201,9 +201,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                  | Description                                 | Type                                                                                                                | Required | Platform    | HarmonyOS Support |
 | ------------------------------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-picker-picker(nocodegen).md b/en/react-native-picker-picker(nocodegen).md
index fc4936aa..81b267e6 100644
--- a/en/react-native-picker-picker(nocodegen).md
+++ b/en/react-native-picker-picker(nocodegen).md
@@ -244,9 +244,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### PickerProps
 
@@ -282,9 +282,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                     | Type     | Required | Platform | HarmonyOS Support |
 |---------|---------------------------------|----------|----------|----------|-------------------|
diff --git a/en/react-native-picker-picker.md b/en/react-native-picker-picker.md
index 5de34934..0c5762c2 100644
--- a/en/react-native-picker-picker.md
+++ b/en/react-native-picker-picker.md
@@ -189,9 +189,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### PickerProps
 
@@ -227,9 +227,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                     | Type     | Required | Platform | HarmonyOS Support |
 |---------|---------------------------------|----------|----------|----------|-------------------|
diff --git a/en/react-native-picker.md b/en/react-native-picker.md
index 119766e2..9826ddca 100644
--- a/en/react-native-picker.md
+++ b/en/react-native-picker.md
@@ -256,9 +256,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | --- |---------|---------| ------ | ----------- |-------------------|
@@ -286,9 +286,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type     | Required | Platform    | HarmonyOS Support |
 | --- |----------|----------|----------|-------------|-------------------|
diff --git a/en/react-native-pickers.md b/en/react-native-pickers.md
index ab7dc1e7..6ceb3a70 100644
--- a/en/react-native-pickers.md
+++ b/en/react-native-pickers.md
@@ -174,9 +174,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### AlertDialog
 
diff --git a/en/react-native-popover-view.md b/en/react-native-popover-view.md
index 373cf061..23139410 100644
--- a/en/react-native-popover-view.md
+++ b/en/react-native-popover-view.md
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-popover-view)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-popover-view)
 
 ## Installation and Usage
 
@@ -148,9 +148,9 @@ This document is verified based on the following versions:
 
 **Properties**
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                                                                                                                                                                                                                                                                                                                                                    | Type                  | Required | Platform | HarmonyOS Support | remark         |
 | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- | -------------- |
diff --git a/en/react-native-popup-menu.md b/en/react-native-popup-menu.md
index e776d948..787b3eb9 100644
--- a/en/react-native-popup-menu.md
+++ b/en/react-native-popup-menu.md
@@ -88,9 +88,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-popup-menu](https://github.com/instea/react-native-popup-menu/blob/master/doc/api.md)
 
diff --git a/en/react-native-progress.md b/en/react-native-progress.md
index 38ade3a1..4cdd913a 100644
--- a/en/react-native-progress.md
+++ b/en/react-native-progress.md
@@ -144,9 +144,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情见[react-native-progress](https://github.com/oblador/react-native-progress)
 
diff --git a/en/react-native-pull.md b/en/react-native-pull.md
index 929ac288..0624e4af 100644
--- a/en/react-native-pull.md
+++ b/en/react-native-pull.md
@@ -14,7 +14,7 @@
 
 
 
-> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-pull)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-pull)
 
 ## Installation and Usage
 
@@ -441,9 +441,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **`PullView` & `PullList` Pull down effect attribute**
 
diff --git a/en/react-native-qrcode-svg.md b/en/react-native-qrcode-svg.md
index eb5dea5c..9c67dcbf 100644
--- a/en/react-native-qrcode-svg.md
+++ b/en/react-native-qrcode-svg.md
@@ -74,9 +74,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                                                                                               | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-quick-base64.md b/en/react-native-quick-base64.md
index 34e5feef..458d7aa0 100644
--- a/en/react-native-quick-base64.md
+++ b/en/react-native-quick-base64.md
@@ -566,9 +566,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME              | Description                                                                                                                                                                                                                               | TYPE     | Required | Platform | HarmonyOS Support |
 | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-randombytes.md b/en/react-native-randombytes.md
index 98bfb93d..c37182f6 100644
--- a/en/react-native-randombytes.md
+++ b/en/react-native-randombytes.md
@@ -192,9 +192,9 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes)
 
diff --git a/en/react-native-ratings.md b/en/react-native-ratings.md
index 5aa8c4ae..d6fb71e4 100644
--- a/en/react-native-ratings.md
+++ b/en/react-native-ratings.md
@@ -130,9 +130,9 @@ This document is verified based on the following versions:
 ## Properties
 
 ### This component has the following properties:
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.。
 
 |           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -156,9 +156,9 @@ This document is verified based on the following versions:
 |     **onFinishRating**     |       Callback method when the user finishes rating. Gives you the final rating value as a whole number (required)         |                         function                           |    No    | iOS/Android |        Yes        |
 
 ## **API（AirbnbRating）**
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-reanimated-carousel.md b/en/react-native-reanimated-carousel.md
index 8463b93d..b1f333dd 100644
--- a/en/react-native-reanimated-carousel.md
+++ b/en/react-native-reanimated-carousel.md
@@ -188,9 +188,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Basic Props
 
diff --git a/en/react-native-reanimated-table.md b/en/react-native-reanimated-table.md
index 9c6a1d1f..8c38670d 100644
--- a/en/react-native-reanimated-table.md
+++ b/en/react-native-reanimated-table.md
@@ -99,9 +99,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 Please check for details [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)
diff --git a/en/react-native-reanimated.md b/en/react-native-reanimated.md
index c25046ec..4a1aa802 100644
--- a/en/react-native-reanimated.md
+++ b/en/react-native-reanimated.md
@@ -240,9 +240,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                                                                                                                                                                                | Type     | Required | Platform | HarmonyOS Support |
 | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-redash.md b/en/react-native-redash.md
index ca31167e..530160d8 100644
--- a/en/react-native-redash.md
+++ b/en/react-native-redash.md
@@ -552,9 +552,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 如下是已验证接口展示:
 
diff --git a/en/react-native-render-html.md b/en/react-native-render-html.md
index 6fa8ba6a..eaa1ad75 100644
--- a/en/react-native-render-html.md
+++ b/en/react-native-render-html.md
@@ -67,9 +67,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **RenderHtml**
 
diff --git a/en/react-native-root-modal.md b/en/react-native-root-modal.md
index d2f378c1..f3d5a403 100644
--- a/en/react-native-root-modal.md
+++ b/en/react-native-root-modal.md
@@ -175,9 +175,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties 
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 react-native-root-modal is compatible with all properties of [React Native View](https://reactnative.dev/docs/view#props).
 
diff --git a/en/react-native-root-siblings.md b/en/react-native-root-siblings.md
index bb7b0046..1d624fbc 100644
--- a/en/react-native-root-siblings.md
+++ b/en/react-native-root-siblings.md
@@ -275,9 +275,9 @@ RNOH: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco St
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-root-toast.md b/en/react-native-root-toast.md
index 2885b23f..21d759eb 100644
--- a/en/react-native-root-toast.md
+++ b/en/react-native-root-toast.md
@@ -92,9 +92,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                                                                           | Type     | Required | Platform | HarmonyOS Support |
 | --------------- | ------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-safe-area-context.md b/en/react-native-safe-area-context.md
index b563504e..97e08bcd 100644
--- a/en/react-native-safe-area-context.md
+++ b/en/react-native-safe-area-context.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-safe-area-context)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-safe-area-context)
 
 ## Installation and Usage
 
@@ -212,9 +212,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **SafeAreaProvider**
 
@@ -239,9 +239,9 @@ Note that providers should not be inside a View that is animated with Animated o
 
 # API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type     | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- |----------|----------| -------- | ------------------ |
diff --git a/en/react-native-safe-module.md b/en/react-native-safe-module.md
index 894888b1..cc1a70e7 100644
--- a/en/react-native-safe-module.md
+++ b/en/react-native-safe-module.md
@@ -75,9 +75,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 Name | Description | Type | Required | Platform | HarmonyOS   Support
diff --git a/en/react-native-screens.md b/en/react-native-screens.md
index e3f337d1..ac221641 100644
--- a/en/react-native-screens.md
+++ b/en/react-native-screens.md
@@ -129,9 +129,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                                      | Description                                                                           | Type     | Required | Platform    | HarmonyOS Support |
 |-----------------------------------------------------------|---------------------------------------------------------------------------------------|----------|----------|-------------|-------------------|
diff --git a/en/react-native-scrollable-tab-view.md b/en/react-native-scrollable-tab-view.md
index 8b4874a8..f0c98c6c 100644
--- a/en/react-native-scrollable-tab-view.md
+++ b/en/react-native-scrollable-tab-view.md
@@ -14,7 +14,7 @@
 
 
 
-> [!tip] [Github address](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
+> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
 
 ## Installation and Usage
 
@@ -80,9 +80,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                       | Description                                                  | Type                 | Required | Platform     | HarmonyOS Support |
 | -------------------------- | ------------------------------------------------------------ | -------------------- | -------- | ------------ | ----------------- |
diff --git a/en/react-native-scrollable-tabview.md b/en/react-native-scrollable-tabview.md
index afb76af5..1135baba 100644
--- a/en/react-native-scrollable-tabview.md
+++ b/en/react-native-scrollable-tabview.md
@@ -138,9 +138,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                             | Description                                                                                                                                            | Type                                     | Required | HarmonyOS Support |
 | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | -------- | ----------------- |
@@ -197,9 +197,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                                       | Description                                                  | Type     | Required | HarmonyOS Support |
 | ---------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
diff --git a/en/react-native-secharts.md b/en/react-native-secharts.md
index 2549c179..ca415e86 100644
--- a/en/react-native-secharts.md
+++ b/en/react-native-secharts.md
@@ -117,7 +117,7 @@ const styles = StyleSheet.create({
 
 ## Link
 
-> [!tip] This library depends on @react-native-oh-tpl/react-native-webview 13.10.2-0.2.0
+> [!TIP] This library depends on @react-native-oh-tpl/react-native-webview 13.10.2-0.2.0
 
 The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-webview. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
@@ -133,9 +133,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                                            | Type     | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -148,9 +148,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Prop        | Description                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
 | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-section-list-get-item-layout.md b/en/react-native-section-list-get-item-layout.md
index 5ae4d33b..773d905e 100644
--- a/en/react-native-section-list-get-item-layout.md
+++ b/en/react-native-section-list-get-item-layout.md
@@ -78,9 +78,9 @@ This document is verified based on the following versions:
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [rn-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout)
 
diff --git a/en/react-native-sensors.md b/en/react-native-sensors.md
index 29fc3992..733bb9e5 100644
--- a/en/react-native-sensors.md
+++ b/en/react-native-sensors.md
@@ -188,9 +188,9 @@ gyroscope Required permissions: ohos.permission.GYROSCOPE
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                     | Description  | Type       | Required | Platform    | HarmonyOS Support |
 | ------------------------ | ------------ | ---------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-shadow-2.md b/en/react-native-shadow-2.md
index 7041a360..7e00774c 100644
--- a/en/react-native-shadow-2.md
+++ b/en/react-native-shadow-2.md
@@ -186,9 +186,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name           | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
diff --git a/en/react-native-shared-element.md b/en/react-native-shared-element.md
index 07a8504f..f3b301c8 100644
--- a/en/react-native-shared-element.md
+++ b/en/react-native-shared-element.md
@@ -338,9 +338,9 @@ Check the release version information in the release address of the third-party
 
 ## Components
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### SharedElement
 
@@ -366,9 +366,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### SharedElementAnimation
 
diff --git a/en/react-native-signature-capture.md b/en/react-native-signature-capture.md
index f369434d..59ddf2c9 100644
--- a/en/react-native-signature-capture.md
+++ b/en/react-native-signature-capture.md
@@ -261,9 +261,9 @@ Check the release version information in the release address of the third-party
    
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name                                                              | Description                                                                                                                                                                     | Type                      | Required | Platform    | HarmonyOS Support |
@@ -283,9 +283,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name       | Description                                                                                         | Type     | Required | Platform    | HarmonyOS Support |
diff --git a/en/react-native-simple-toast.md b/en/react-native-simple-toast.md
index 832eb09e..8aaff5bf 100644
--- a/en/react-native-simple-toast.md
+++ b/en/react-native-simple-toast.md
@@ -123,9 +123,9 @@ This document is verified based on the following versions:
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name                                                         | Description                                                 | Required | Platform | HarmonyOS Support |
@@ -137,9 +137,9 @@ This document is verified based on the following versions:
 
 ## Properties 
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description      | Type             | Required |   HarmonyOS Support  |
 | ---- |------------------|------------------| -------- |  ------------------ |
diff --git a/en/react-native-skia.md b/en/react-native-skia.md
index f18ceaf6..c0e8ae64 100644
--- a/en/react-native-skia.md
+++ b/en/react-native-skia.md
@@ -249,9 +249,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 >
 > | Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
 > | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
@@ -265,9 +265,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                                                                                                                                                                                            | Type              | Required | Platform    | HarmonyOS Support |
 | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
@@ -281,9 +281,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                                                                                                                                                                                                      | Type             | Required | Platform    | HarmonyOS Support |
 | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
@@ -296,9 +296,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description              | Type             | Required | Platform    | HarmonyOS Support |
 | ------ | ------------------------ | ---------------- | -------- | ----------- | ----------------- |
@@ -311,9 +311,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description  | Type   | Required | Platfor     | HarmonyOS Support |
 | ---- | ------------ | ------ | -------- | ----------- | ----------------- |
@@ -325,9 +325,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Type              | Description                                                               | Required | android/ios | HarmonyOS Support |
 | ---------- | ----------------- | ------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -341,9 +341,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Type         | Description                                                                                                                                                           | Required | android/ios | HarmonyOS Support |
 | --------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -358,9 +358,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Type             | Description                                                                                                                                                 | Required | android/ios | HarmonyOS Support |
 | --------- | ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -373,9 +373,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                                                                                                                                                                                                                                                                            | Type         | Required | Platform    | HarmonyOS Support |
 | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
@@ -389,9 +389,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description                     | Type  | Required | Platform    | HarmonyOS Support |
 | ----- | ------------------------------- | ----- | -------- | ----------- | ----------------- |
@@ -402,9 +402,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description             | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | ----------------------- | ------ | -------- | ----------- | ----------------- |
@@ -415,9 +415,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                 | Type   | Required | Platform    | HarmonyOS Support |
 | ------ | --------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -430,9 +430,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description                            | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | -------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -444,9 +444,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
@@ -461,9 +461,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
@@ -478,9 +478,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                          | Type      | Required | Platform    | HarmonyOS Support |
 | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
@@ -491,9 +491,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | ----------- | ------ | -------- | ----------- | ----------------- |
@@ -503,9 +503,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                                   | Type       | Required | Platform    | HarmonyOS Support |
 | --------- | ------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -518,9 +518,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                                                                                                             | Type       | Required | Platform    | HarmonyOS Support |
 | --------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -532,9 +532,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                    | Type       | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------ | ---------- | -------- | ----------- | ----------------- |
@@ -545,9 +545,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                     | Type              | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
@@ -561,9 +561,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -575,9 +575,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -589,9 +589,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                          | Type               | Required | Platform    | HarmonyOS Support |
 | -------- | ---------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
@@ -604,9 +604,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                                                                                                                                | Type    | Required | Platform    | HarmonyOS Support |
 | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
@@ -621,9 +621,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
 | ------ | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -637,9 +637,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                                   | Type        | Required | Platform    | HarmonyOS Support |
 | --------- | --------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
@@ -652,9 +652,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description                                   | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | --------------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -667,9 +667,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name   | Description                                                | Type    | Required | Platform    | HarmonyOS Support |
 | ------ | ---------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
@@ -682,9 +682,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description                                                                                                                                                                             | Type           | Required | Platform    | HarmonyOS Support |
 | ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
@@ -696,9 +696,9 @@ Check the release version information in the release address of the third-party
 
 #### Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description                                                | Type     | Required | Platform    | HarmonyOS Support |
 | ---- | ---------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -708,9 +708,9 @@ Check the release version information in the release address of the third-party
 
 ## RNSkiaModule API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description      | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | ---------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-slider.md b/en/react-native-slider.md
index 6a50b3de..d9187a97 100644
--- a/en/react-native-slider.md
+++ b/en/react-native-slider.md
@@ -157,9 +157,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                                                                                                                                                                   | Type                                                                    | Required | Platform    | HarmonyOS Support |
 |-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|-------------|-------------------|
diff --git a/en/react-native-snackbar.md b/en/react-native-snackbar.md
index ebd62e52..edb21e4a 100644
--- a/en/react-native-snackbar.md
+++ b/en/react-native-snackbar.md
@@ -175,9 +175,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Snackbar.show(options)
 
@@ -254,9 +254,9 @@ Where event is one of the following options :
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name    | Description                       | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-snap-carousel.md b/en/react-native-snap-carousel.md
index 00db8def..187b4f86 100644
--- a/en/react-native-snap-carousel.md
+++ b/en/react-native-snap-carousel.md
@@ -125,9 +125,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Type                       | Required                                               | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- | ----------------------------------------------------- | -------- | ----------------- |
@@ -172,9 +172,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Prop                             | Description                                                                        | Type     | Required     | Platform | HarmonyOS Support |
 | -------------------------------- | ---------------------------------------------------------------------------------- | -------- | ----------- | ------- | ----------------- |
diff --git a/en/react-native-sortable-list.md b/en/react-native-sortable-list.md
index 324ddaa9..75245516 100644
--- a/en/react-native-sortable-list.md
+++ b/en/react-native-sortable-list.md
@@ -238,9 +238,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                           | Description                                                                                                                                                                    | **Type**      | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
@@ -269,9 +269,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name           | Description                                                                 | **Type**       | Required | Platform | HarmonyOS Support |
 | -------------- | --------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-sound.md b/en/react-native-sound.md
index d23c0043..ee801c2f 100644
--- a/en/react-native-sound.md
+++ b/en/react-native-sound.md
@@ -296,9 +296,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情请见[react-native-sound](https://github.com/react-native-oh-library/react-native-sound)
 
@@ -313,9 +313,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情请见[react-native-sound](https://github.com/react-native-oh-library/react-native-sound)
 
diff --git a/en/react-native-spinkit.md b/en/react-native-spinkit.md
index 8f14cddf..214dc8e0 100644
--- a/en/react-native-spinkit.md
+++ b/en/react-native-spinkit.md
@@ -190,9 +190,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **SpinKit**：Loading Animation Rendering Component, Accepts All Parameters [View](https://reactnative.dev/docs/view#props) 的props。
 
diff --git a/en/react-native-sqlite-storage.md b/en/react-native-sqlite-storage.md
index f9336760..db3e1148 100644
--- a/en/react-native-sqlite-storage.md
+++ b/en/react-native-sqlite-storage.md
@@ -607,7 +607,7 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-ssl-pinning.md b/en/react-native-ssl-pinning.md
index 98460009..5defe661 100644
--- a/en/react-native-ssl-pinning.md
+++ b/en/react-native-ssl-pinning.md
@@ -337,9 +337,9 @@ Open entry/src/main/module.json5 and add the following information:
 
 ## APIs
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                | Description                                    | Type      | Required | Platform   | HarmonyOS Support |
 |-------------------------------------|------------------------------------------------|-----------| -------- |------------|-------------------|
diff --git a/en/react-native-stickyheader.md b/en/react-native-stickyheader.md
index 00090270..7e944050 100644
--- a/en/react-native-stickyheader.md
+++ b/en/react-native-stickyheader.md
@@ -128,9 +128,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 此组件有以下属性:
 
diff --git a/en/react-native-storage.md b/en/react-native-storage.md
index 2cd111aa..1765a324 100644
--- a/en/react-native-storage.md
+++ b/en/react-native-storage.md
@@ -390,9 +390,9 @@ RNOH: 0.72.22; SDK: OpenHarmony(api12) 5.0.0.22; IDE: DevEco Studio 5.0.3.228; R
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-svg-charts.md b/en/react-native-svg-charts.md
index e1a80be7..12d5ae7f 100644
--- a/en/react-native-svg-charts.md
+++ b/en/react-native-svg-charts.md
@@ -504,9 +504,9 @@ details[react-native-svg-charts](https://github.com/JesperLekland/react-native-s
 
 ### Total Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name              | Description                                                                                                                                                                                                                                                | Type                | Required | Platform | HarmonyOS Support |
 | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-svg.md b/en/react-native-svg.md
index 846eb346..ca96fceb 100644
--- a/en/react-native-svg.md
+++ b/en/react-native-svg.md
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-svg)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-svg)
 
 ## 安装与使用
 
-> [!tip] 本项目为 react-native-svg 的ArkTs版本，现已停止维护。
+> [!TIP] 本项目为 react-native-svg 的ArkTs版本，现已停止维护。
 
-> [!tip] 如需继续使用请移步至[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 使用CAPI版本的 react-native-svg。
+> [!TIP] 如需继续使用请移步至[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 使用CAPI版本的 react-native-svg。
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-svg/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
@@ -230,9 +230,9 @@ ohpm install
 
 以下为目前已支持的组件属性：
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **Svg**：绘制组件的父组件
 
@@ -293,7 +293,7 @@ ohpm install
 
 **LinearGradient**：用于定义线性渐变
 
-> [!tip] 注： LinearGradient 目前仅支持 Path、Rect、Circle 组件，只支持在 fill 上使用，不支持 stroke
+> [!TIP] 注： LinearGradient 目前仅支持 Path、Rect、Circle 组件，只支持在 fill 上使用，不支持 stroke
 
 | Name |    Description    |      Type       | Required | Platform | HarmonyOS Support |
 | :--: | :---------------: | :-------------: | -------- | -------- | ----------------- |
@@ -312,11 +312,11 @@ ohpm install
 
 **Mask**：定义 alpha 蒙版，用于将当前对象合成到背景中
 
-> [!tip] 注： Mask 目前自有属性均不支持，仅支持 Path、Rect、Circle 组件的单一组件嵌套，不支持多组件嵌套
+> [!TIP] 注： Mask 目前自有属性均不支持，仅支持 Path、Rect、Circle 组件的单一组件嵌套，不支持多组件嵌套
 
 **Use**：该元素可以重复使用 SVG 元素
 
-> [!tip] 注： Use 目前仅支持 Path、Rect、Circle 组件
+> [!TIP] 注： Use 目前仅支持 Path、Rect、Circle 组件
 
 |  Name  |    Description    |      Type       | Required | Platform | HarmonyOS Support |
 | :----: | :---------------: | :-------------: | -------- | -------- | ----------------- |
diff --git a/en/react-native-swipe-gestures.md b/en/react-native-swipe-gestures.md
index 37c7ec85..69557649 100644
--- a/en/react-native-swipe-gestures.md
+++ b/en/react-native-swipe-gestures.md
@@ -135,9 +135,9 @@ export default SomeComponent;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 Can be passed within optional `config` property.
 
@@ -149,9 +149,9 @@ Can be passed within optional `config` property.
 
 ## Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | name         | Params       | Description                              | Type   | Required | Platform    | HarmonyOS Suppor |
 | ------------ | ------------ | ---------------------------------------- | ------ | -------- | ----------- | ---------------- |
diff --git a/en/react-native-swiper.md b/en/react-native-swiper.md
index 27c8f453..b0e2612b 100644
--- a/en/react-native-swiper.md
+++ b/en/react-native-swiper.md
@@ -13,7 +13,7 @@
 </p>
 
 
-> [!tip] [Github address](https://github.com/leecade/react-native-swiper)
+> [!TIP] [Github address](https://github.com/leecade/react-native-swiper)
 
 ## Installation and Usage
 
@@ -100,9 +100,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### basics
 
diff --git a/en/react-native-switch-pro.md b/en/react-native-switch-pro.md
index 5a592f91..fcaf1a98 100644
--- a/en/react-native-switch-pro.md
+++ b/en/react-native-switch-pro.md
@@ -70,9 +70,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-switch.md b/en/react-native-switch.md
index b7313f9c..ca2f9288 100644
--- a/en/react-native-switch.md
+++ b/en/react-native-switch.md
@@ -114,9 +114,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |           Name            |                         Description                          |          Type           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :----------------------------------------------------------: | :---------------------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-syan-image-picker.md b/en/react-native-syan-image-picker.md
index bbe4ea2a..0463b874 100644
--- a/en/react-native-syan-image-picker.md
+++ b/en/react-native-syan-image-picker.md
@@ -352,9 +352,9 @@ This document is verified based on the following versions:
 
 
 ## ImagePickerOption(选择图片或数据的配置项)
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                            | Description                                                  | Type    | Required |  Platform   | HarmonyOS Support |
 | ------------------------------- | ------------------------------------------------------------ | ------- | :------: | :---------: | :---------------: |
@@ -388,9 +388,9 @@ This document is verified based on the following versions:
 | showSelectedIndex               | 是否显示序号， 默认不显示                                    | boolean |   yes    | iOS/Android |        no         |
 
 ## SelectedPhoto（选择的图片或视频的返回结果）
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name         | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
 | ------------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
@@ -403,9 +403,9 @@ This document is verified based on the following versions:
 | base64       | 图片的 base64 编码，如果 enableBase64 设置 false，则不返回该属性 | string | yes      | iOS/Android | yes               |
 
 ## API
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                        | Type                                                     | Required | Platform    | HarmonyOS Support |
 | -------------------- | ---------------------------------- | -------------------------------------------------------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-tab-navigator.md b/en/react-native-tab-navigator.md
index 6b363391..603e0603 100644
--- a/en/react-native-tab-navigator.md
+++ b/en/react-native-tab-navigator.md
@@ -124,9 +124,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### TabNavigator props
 
diff --git a/en/react-native-tab-view.md b/en/react-native-tab-view.md
index 6f78bbb7..8903cc30 100644
--- a/en/react-native-tab-view.md
+++ b/en/react-native-tab-view.md
@@ -208,9 +208,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **TabView**：选项卡组件
 
diff --git a/en/react-native-text-size.md b/en/react-native-text-size.md
index 8b9f68f0..ba181744 100644
--- a/en/react-native-text-size.md
+++ b/en/react-native-text-size.md
@@ -329,11 +329,11 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] 参数信息查看 [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
+> [!TIP] 参数信息查看 [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
 
 | Name                   | Description                                                                     | Type                            | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------------------------- | ------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-textinput-maxlength-fixed.md b/en/react-native-textinput-maxlength-fixed.md
index adf228b6..2c35e491 100644
--- a/en/react-native-textinput-maxlength-fixed.md
+++ b/en/react-native-textinput-maxlength-fixed.md
@@ -155,9 +155,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-theme-control.md b/en/react-native-theme-control.md
index 1914df5d..71f963c9 100644
--- a/en/react-native-theme-control.md
+++ b/en/react-native-theme-control.md
@@ -251,9 +251,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                                                                                                                               | Type       | Required | Platform    | HarmonyOS Support |
 | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-thumbnail.md b/en/react-native-thumbnail.md
index a44ed33b..64ab7d40 100644
--- a/en/react-native-thumbnail.md
+++ b/en/react-native-thumbnail.md
@@ -246,9 +246,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-touch-id.md b/en/react-native-touch-id.md
index 19e888f1..2d77894d 100644
--- a/en/react-native-touch-id.md
+++ b/en/react-native-touch-id.md
@@ -188,9 +188,9 @@ In your `module.json5`
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -198,9 +198,9 @@ In your `module.json5`
 | authenticate  | Verify touchid | function  | yes | ios/andriod      | yes |
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Errors
 
diff --git a/en/react-native-transitiongroup.md b/en/react-native-transitiongroup.md
index e4d2f62f..4518e616 100644
--- a/en/react-native-transitiongroup.md
+++ b/en/react-native-transitiongroup.md
@@ -152,9 +152,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name          | Description                            | type     | Required | Platform | HarmonyOS Support |
 | ------------- | -------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-translucent-modal.md b/en/react-native-translucent-modal.md
index 2077e2cb..41bf4dcd 100644
--- a/en/react-native-translucent-modal.md
+++ b/en/react-native-translucent-modal.md
@@ -92,11 +92,11 @@ Check the release version information in the release address of the third-party
 
 Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] react-native提供的Modal组件，在HarmonyOS、iOS平台一样可以实现状态栏沉浸式效果。
+> [!TIP] react-native提供的Modal组件，在HarmonyOS、iOS平台一样可以实现状态栏沉浸式效果。
 
 | Name                          | Description                                         | Type     | Required | Platform | HarmonyOS Support |
 | ----------------------------- | --------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-tts.md b/en/react-native-tts.md
index 2b3db49b..bf344c68 100644
--- a/en/react-native-tts.md
+++ b/en/react-native-tts.md
@@ -271,9 +271,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                             | Type     | Required | Platform | HarmonyOS Support |
 | --------------------- | ----------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-typing-animation.md b/en/react-native-typing-animation.md
index 2c4a5a6b..a4f3fcbd 100644
--- a/en/react-native-typing-animation.md
+++ b/en/react-native-typing-animation.md
@@ -214,9 +214,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |     Name     |                         Description                          |  Type   | Required |  Platform   | HarmonyOS Support |
 | :----------: | :----------------------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-url-polyfill.md b/en/react-native-url-polyfill.md
index 048f46e6..19604caf 100644
--- a/en/react-native-url-polyfill.md
+++ b/en/react-native-url-polyfill.md
@@ -138,9 +138,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name         | Description                                                                     | Type            | Required | Platform    | HarmonyOS Support |
 | ------------ | ------------------------------------------------------------------------------- | --------------- | -------- | ----------- | :---------------- |
@@ -160,9 +160,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                                                                             | Type                               | Required | Platform    | HarmonyOS Support |
 | -------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-user-agent.md b/en/react-native-user-agent.md
index 84f6ac48..2e5f4810 100644
--- a/en/react-native-user-agent.md
+++ b/en/react-native-user-agent.md
@@ -178,9 +178,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -196,9 +196,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/react-native-video-cache.md b/en/react-native-video-cache.md
index 50725a1d..199320cb 100644
--- a/en/react-native-video-cache.md
+++ b/en/react-native-video-cache.md
@@ -194,9 +194,9 @@ This document is verified based on the following versions:
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)
 
diff --git a/en/react-native-video-controls.md b/en/react-native-video-controls.md
index 3c1242c2..b743a8d9 100644
--- a/en/react-native-video-controls.md
+++ b/en/react-native-video-controls.md
@@ -108,11 +108,11 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip]  If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP]  If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!tip] While Name column property navigator is in usage, please refer to this document's others.
+> [!TIP] While Name column property navigator is in usage, please refer to this document's others.
 
 | Name                         | Description                                                  |     Type     | Required |  Platform   | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | :----------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-video.md b/en/react-native-video.md
index ba61dbc1..ee2aac60 100644
--- a/en/react-native-video.md
+++ b/en/react-native-video.md
@@ -579,9 +579,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情请查看[react-native-video 官方文档](https://github.com/react-native-video/react-native-video/blob/support/5.2.X/README.md)
 
@@ -634,9 +634,9 @@ Check the release version information in the release address of the third-party
 
 ## 事件回调
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                | Description                                                                                                                          | Type     | Required | Platform                                         | HarmonyOS Support |
 | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | :------- | -------- | ------------------------------------------------ | ----------------- |
@@ -666,9 +666,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name     | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
 | -------- | -------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-view-overflow.md b/en/react-native-view-overflow.md
index 09139e01..37fe8fd5 100644
--- a/en/react-native-view-overflow.md
+++ b/en/react-native-view-overflow.md
@@ -74,7 +74,7 @@ To use this repository, you need to use the correct React-Native and RNOH versio
 Check the release version information in the release address of the third-party library: [react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases)
 
 ## Properties
-[!tip] This library can be used as a container component similar to the View component, allowing child controls to overflow and be displayed outside the parent layout. It can be used with public properties only and does not involve private properties or API methods.
+[!TIP] This library can be used as a container component similar to the View component, allowing child controls to overflow and be displayed outside the parent layout. It can be used with public properties only and does not involve private properties or API methods.
 
 ## Known Issues
 
diff --git a/en/react-native-view-shot.md b/en/react-native-view-shot.md
index bbb47983..596ebbd0 100644
--- a/en/react-native-view-shot.md
+++ b/en/react-native-view-shot.md
@@ -247,9 +247,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Type                                   | Required | Platform     | HarmonyOS Support |
 | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | -------- | ------------ | ----------------- |
@@ -273,9 +273,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name             | Description | Type     | Required | Platform     | HarmonyOS Support |
 | ---------------- | ----------- | -------- | -------- | ------------ | ----------------- |
diff --git a/en/react-native-vision-camera.md b/en/react-native-vision-camera.md
index 29123f5d..c21a14e2 100644
--- a/en/react-native-vision-camera.md
+++ b/en/react-native-vision-camera.md
@@ -337,9 +337,9 @@ Open `entry/src/main/resources/base/element/string.json` and add the following c
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                               | Description                                                  | Type     | Required | Platform          | HarmonyOS  Support |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- | ------------------ |
@@ -376,9 +376,9 @@ Open `entry/src/main/resources/base/element/string.json` and add the following c
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                            | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
@@ -401,9 +401,9 @@ Open `entry/src/main/resources/base/element/string.json` and add the following c
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                    | Description                                                  | Type | Required | Platform | HarmonyOS Support |
 | ----------------------- | ------------------------------------------------------------ | ---- | -------- | -------- | ----------------- |
diff --git a/en/react-native-waterflow-list.md b/en/react-native-waterflow-list.md
index 38d09ba4..39a9c31e 100644
--- a/en/react-native-waterflow-list.md
+++ b/en/react-native-waterflow-list.md
@@ -141,9 +141,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > 详情见 [react-native-waterflow-list 源库地址](https://github.com/ZakZheng/react-native-waterflow-list)
 
diff --git a/en/react-native-webview(nocodegen).md b/en/react-native-webview(nocodegen).md
index 647fd758..5eecc146 100644
--- a/en/react-native-webview(nocodegen).md
+++ b/en/react-native-webview(nocodegen).md
@@ -232,9 +232,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [webview official document](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
 
@@ -304,9 +304,9 @@ For details, see [webview official document](https://github.com/react-native-web
 
 ##  Event callback
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
 | ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
@@ -326,9 +326,9 @@ For details, see [webview official document](https://github.com/react-native-web
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-webview.md b/en/react-native-webview.md
index 7c7194a4..3d5c0f0a 100644
--- a/en/react-native-webview.md
+++ b/en/react-native-webview.md
@@ -178,9 +178,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
 
@@ -250,9 +250,9 @@ Check the release version information in the release address of the third-party
 
 ##  事件回调
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
 | ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
@@ -272,9 +272,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-wechat-lib.md b/en/react-native-wechat-lib.md
index fb8fb7e3..84e46565 100644
--- a/en/react-native-wechat-lib.md
+++ b/en/react-native-wechat-lib.md
@@ -333,9 +333,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 > [!TIP] The rules for mobile applications to jump to Mini Program, [please refer to the feature introduction for launching Mini Program in the app](https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Launching_a_Mini_Program/Launching_a_Mini_Program.html)
 
diff --git a/en/react-redux.md b/en/react-redux.md
index 6f3dec7f..1d5beb47 100644
--- a/en/react-redux.md
+++ b/en/react-redux.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/reduxjs/react-redux?tab=readme-ov-file)
+> [!TIP] [GitHub address](https://github.com/reduxjs/react-redux?tab=readme-ov-file)
 
 ## Installation and Usage
 
diff --git a/en/react-router-dom.md b/en/react-router-dom.md
index 8cad77cf..10735059 100644
--- a/en/react-router-dom.md
+++ b/en/react-router-dom.md
@@ -333,9 +333,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Component
 
diff --git a/en/react-subscribe.md b/en/react-subscribe.md
index 72fa7c2d..8690594f 100644
--- a/en/react-subscribe.md
+++ b/en/react-subscribe.md
@@ -271,9 +271,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### react-subscribe:
 
diff --git a/en/react-use.md b/en/react-use.md
index 5b2b61b6..c2c43949 100644
--- a/en/react-use.md
+++ b/en/react-use.md
@@ -42,9 +42,9 @@ This document is verified based on the following versions
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 Please check for details [react-use Official documentation](https://github.com/streamich/react-use/blob/master/README.md)
 
diff --git a/en/realm-js.md b/en/realm-js.md
index 438f489d..a4442c32 100644
--- a/en/realm-js.md
+++ b/en/realm-js.md
@@ -276,9 +276,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs (TurboModules, If Any)
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- |-------- | -------- | ------------------ |
diff --git a/en/reanimated-props-backup.md b/en/reanimated-props-backup.md
index 26e603d4..55d8b2a7 100644
--- a/en/reanimated-props-backup.md
+++ b/en/reanimated-props-backup.md
@@ -1,8 +1,8 @@
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 > 
 ### Components
 
diff --git a/en/recyclerListView.md b/en/recyclerListView.md
index d0b895b8..9c507fda 100644
--- a/en/recyclerListView.md
+++ b/en/recyclerListView.md
@@ -177,9 +177,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name            | Description                                                                                                                                         | Type                                                                                                                       | Required | Platform | HarmonyOS Support |
 | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/en/redux-actions.md b/en/redux-actions.md
index 35ff512a..9e3b9a6f 100644
--- a/en/redux-actions.md
+++ b/en/redux-actions.md
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/redux-utilities/redux-actions)
+> [!TIP] [GitHub address](https://github.com/redux-utilities/redux-actions)
 
 ## Installation and Usage
 
@@ -281,9 +281,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name                                                               | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type     | Required | Platform    | HarmonyOS Support |
diff --git a/en/redux-logger.md b/en/redux-logger.md
index 7b566e44..64e89bc7 100644
--- a/en/redux-logger.md
+++ b/en/redux-logger.md
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/LogRocket/redux-logger)
+> [!TIP] [GitHub address](https://github.com/LogRocket/redux-logger)
 
 ## Installation and Usage
 
@@ -69,9 +69,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name         | Description    | Type     | Required | Platform    | HarmonyOS Support |
diff --git a/en/redux-persist.md b/en/redux-persist.md
index 25bb9125..c3b5bb87 100644
--- a/en/redux-persist.md
+++ b/en/redux-persist.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/rt2zz/redux-persist)
+> [!TIP] [GitHub address](https://github.com/rt2zz/redux-persist)
 
 ## Installation and Usage
 
diff --git a/en/redux-thunk.md b/en/redux-thunk.md
index aeefc024..f9ef97cf 100644
--- a/en/redux-thunk.md
+++ b/en/redux-thunk.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/reduxjs/redux-thunk)
+> [!TIP] [GitHub address](https://github.com/reduxjs/redux-thunk)
 
 ## Installation and Usage
 
@@ -125,9 +125,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 >
 > 详情见 [redux-thunk 源库地址](https://github.com/reduxjs/redux-thunk)
@@ -138,9 +138,9 @@ This document is verified based on the following versions:
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name                                             | Description         | Type     | Required | Platform | HarmonyOS Support |
diff --git a/en/redux-toolkit.md b/en/redux-toolkit.md
index 400d0c17..b4f0fccf 100644
--- a/en/redux-toolkit.md
+++ b/en/redux-toolkit.md
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!tip] [Github address](https://github.com/reduxjs/redux-toolkit)
+> [!TIP] [Github address](https://github.com/reduxjs/redux-toolkit)
 
 ## Installation and Usage
 
-> [!tip] This library depends on react-redux，Can be referred to[react-redux documentation](./react-redux.md)install
+> [!TIP] This library depends on react-redux，Can be referred to[react-redux documentation](./react-redux.md)install
 
 Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [redux-toolkit Releases](redux-toolkit Releases](https://github.com/reduxjs/redux-toolkit/releases).
 
@@ -156,9 +156,9 @@ This document is verified based on the following versions:
 
 ## Properties And Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 >
 > See details [redux-toolkit Source library address](https://github.com/reduxjs/redux-toolkit)
 
diff --git a/en/redux.md b/en/redux.md
index 582d033f..9d07b231 100644
--- a/en/redux.md
+++ b/en/redux.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/reduxjs/redux)
+> [!TIP] [GitHub address](https://github.com/reduxjs/redux)
 
 ## Installation and Usage
 
diff --git a/en/remobile-react-native-toast.md b/en/remobile-react-native-toast.md
index a78e8f95..5de8ff7c 100644
--- a/en/remobile-react-native-toast.md
+++ b/en/remobile-react-native-toast.md
@@ -194,9 +194,9 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/rn-bugly.md b/en/rn-bugly.md
index e3d0661d..30a81e76 100644
--- a/en/rn-bugly.md
+++ b/en/rn-bugly.md
@@ -243,9 +243,9 @@ Check the release version information in the release address of the third-party
 
 ## APIs
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- |-------- | -------- | ------------------ |
diff --git a/en/rn-placeholder.md b/en/rn-placeholder.md
index 97a2d438..d072643e 100644
--- a/en/rn-placeholder.md
+++ b/en/rn-placeholder.md
@@ -70,9 +70,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [rn-placeholder](https://github.com/mfrachet/rn-placeholder)
 
diff --git a/en/rn-tourguide.md b/en/rn-tourguide.md
index cdea9f62..5b4b652c 100644
--- a/en/rn-tourguide.md
+++ b/en/rn-tourguide.md
@@ -216,9 +216,9 @@ Check the release version information in the release address of the third-party
 
 详情见[rn-tourguide](https://github.com/xcarpentier/rn-tourguide)
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### TourGuideProvider
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
diff --git a/en/sentry-react-native.md b/en/sentry-react-native.md
index 46a06043..2fd08f10 100644
--- a/en/sentry-react-native.md
+++ b/en/sentry-react-native.md
@@ -212,9 +212,9 @@ export default function SentryDemo() {
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 常用api如下，详细请参考sentry官网: [https://docs.sentry.io/platforms/react-native/](https://docs.sentry.io/platforms/react-native/)
 
diff --git a/en/shopify-flash-list.md b/en/shopify-flash-list.md
index e60079f0..980605fb 100644
--- a/en/shopify-flash-list.md
+++ b/en/shopify-flash-list.md
@@ -193,9 +193,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -239,9 +239,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/en/styled-components.md b/en/styled-components.md
index 3cd1fdc4..66117310 100644
--- a/en/styled-components.md
+++ b/en/styled-components.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/styled-components/styled-components)
+> [!TIP] [GitHub address](https://github.com/styled-components/styled-components)
 
 ## Installation and Usage
 
diff --git a/en/styled-system.md b/en/styled-system.md
index 04175c29..16a1ca1b 100644
--- a/en/styled-system.md
+++ b/en/styled-system.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [GitHub address](https://github.com/styled-system/styled-system)
+> [!TIP] [GitHub address](https://github.com/styled-system/styled-system)
 
 ## Installation and Usage
 
@@ -78,9 +78,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [styled-system GitHub](https://github.com/styled-system/styled-system)
 
diff --git a/en/usage-docs-checklist.md b/en/usage-docs-checklist.md
index b34f3be2..b4bcdc40 100644
--- a/en/usage-docs-checklist.md
+++ b/en/usage-docs-checklist.md
@@ -10,7 +10,7 @@
 | ---- | ----------------------------------------------------------------------------------------------------------------------------------------- |
 | 1    | 是否按[最新模板](/zh-cn/model.md)修改                                                                                                    |
 | 2    | 是否修改模板号，当前最新版本为 v0.2.2                                                                                                     |
-| 3    | 是否填写 github 地址，位于模板版本下面:[!tip] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址                 |
+| 3    | 是否填写 github 地址，位于模板版本下面:[!TIP] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址                 |
 | 4    | 无修改的库是否指定版本，直接可复用社区代码，不涉及各类平台判断（platfrom、文件平台后缀等）的库，npm install & yarn add 需要指定验证的版本 |
 | 5    | Link 路径是否配套                                                                                                                         |
 | 6    | ArkTs 引入是否配套版本                                                                                                                    |
diff --git a/zh-cn/Immer.md b/zh-cn/Immer.md
index 0c11b199..86e4f0cc 100644
--- a/zh-cn/Immer.md
+++ b/zh-cn/Immer.md
@@ -779,9 +779,9 @@ export default MyComponent;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 > | Name                      | Description                                                                                                                                               | Required | Type | Platform    | HarmonyOS Support |
 > | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- | ----------------- |
diff --git a/zh-cn/NativeBase.md b/zh-cn/NativeBase.md
index ace00b85..225a5d21 100644
--- a/zh-cn/NativeBase.md
+++ b/zh-cn/NativeBase.md
@@ -123,9 +123,9 @@ const styles = StyleSheet.create({
 
 以下为目前已支持的组件属性：
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；Web 表示仅Web支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；Web 表示仅Web支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **AspectRatio**: AspectRatio 控制节点或子组件未定义维度的大小
 |         Name         |                         Description                          |         Type          | Required | Platform | HarmonyOS Support |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 54b231c9..c29817b6 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -22,11 +22,11 @@
 
 ## RNOH 三方库总览
 
-> [!tip] NPM 公仓坐标：@react-native-oh-tpl
+> [!TIP] NPM 公仓坐标：@react-native-oh-tpl
 
-> [!tip] "原库是否支持新架构"列为 "-" 表示该库不涉及新架构和老架构
+> [!TIP] "原库是否支持新架构"列为 "-" 表示该库不涉及新架构和老架构
 
-> [!tip] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
+> [!TIP] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
 
 | 序号 | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                           |
 | ---- | ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
diff --git a/zh-cn/axios.md b/zh-cn/axios.md
index b2ed1898..401c5b72 100644
--- a/zh-cn/axios.md
+++ b/zh-cn/axios.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/axios/axios)
+> [!TIP] [Github 地址](https://github.com/axios/axios)
 
 ## 安装与使用
 
@@ -109,9 +109,9 @@ async function getUser() {
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                               | Description                |   Type   | Required | HarmonyOS Support |
 | :--------------------------------- | -------------------------- | :------: | :------: | :---------------: |
diff --git a/zh-cn/bam-tech-react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
index 805b7271..ea046513 100644
--- a/zh-cn/bam-tech-react-native-image-resizer.md
+++ b/zh-cn/bam-tech-react-native-image-resizer.md
@@ -362,9 +362,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description         | Type     | Required | Platform    | HarmonyOS Support |
 |--------------------|---------------------|----------|----------|-------------|-------------------|
diff --git a/zh-cn/callstack-react-theme-provider.md b/zh-cn/callstack-react-theme-provider.md
index ac1daa55..c3731c89 100644
--- a/zh-cn/callstack-react-theme-provider.md
+++ b/zh-cn/callstack-react-theme-provider.md
@@ -116,9 +116,9 @@ export default RNThemeProvider;
 
 ## 组件
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -126,9 +126,9 @@ export default RNThemeProvider;
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/crypto-js.md b/zh-cn/crypto-js.md
index 85a1065a..35a190dd 100644
--- a/zh-cn/crypto-js.md
+++ b/zh-cn/crypto-js.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/brix/crypto-js/tree/4.2.0)
+> [!TIP] [Github 地址](https://github.com/brix/crypto-js/tree/4.2.0)
 
 ## 安装与使用
 
@@ -131,7 +131,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name              | Description                      | Type     | Required | HarmonyOS Support |
 | ----------------- | -------------------------------- | -------- | -------- | ----------------- |
@@ -139,7 +139,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                    | Type     | Required | HarmonyOS Support |
 | ------ | ------------------------------ | -------- | -------- | ----------------- |
@@ -151,7 +151,7 @@ import C from "crypto-js";
 
 **属性**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description              | Type     | Required | HarmonyOS Support |
 | -------- | ------------------------ | -------- | -------- | ----------------- |
@@ -160,7 +160,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                   | Description                        | Type     | Required | HarmonyOS Support               |
 | ---------------------- | ---------------------------------- | -------- | -------- | ------------------------------- |
@@ -169,7 +169,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                        | Type     | Required | HarmonyOS Support |
 | -------- | ---------------------------------- | -------- | -------- | ----------------- |
@@ -182,7 +182,7 @@ import C from "crypto-js";
 
 **属性**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name       | Description                                         | Type         | Required | HarmonyOS Support |
 | ---------- | --------------------------------------------------- | ------------ | -------- | ----------------- |
@@ -198,7 +198,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                      | Description                       | Type     | Required | HarmonyOS Support |
 | ------------------------- | --------------------------------- | -------- | -------- | ----------------- |
@@ -206,7 +206,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                         | Type     | Required | HarmonyOS Support |
 | -------- | ----------------------------------- | -------- | -------- | ----------------- |
@@ -216,7 +216,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name              | Description            | Type     | Required | HarmonyOS Support |
 | ----------------- | ---------------------- | -------- | -------- | ----------------- |
@@ -226,7 +226,7 @@ import C from "crypto-js";
 
 **属性**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                   | Type     | Required | HarmonyOS Support |
 | -------- | ----------------------------- | -------- | -------- | ----------------- |
@@ -235,7 +235,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                   | Description              | Type     | Required | HarmonyOS Support |
 | ---------------------- | ------------------------ | -------- | -------- | ----------------- |
@@ -243,7 +243,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name  | Description                      | Type     | Required | HarmonyOS Support |
 | ----- | -------------------------------- | -------- | -------- | ----------------- |
@@ -254,7 +254,7 @@ import C from "crypto-js";
 
 **属性**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name       | Description      | Type | Required | HarmonyOS Support |
 | ---------- | ---------------- | ---- | -------- | ----------------- |
@@ -268,7 +268,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name              | Description                                   | Type     | Required | HarmonyOS Support |
 | ----------------- | --------------------------------------------- | -------- | -------- | ----------------- |
@@ -279,7 +279,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                                  | Type     | Required | HarmonyOS Support |
 | -------------------- | -------------------------------------------- | -------- | -------- | ----------------- |
@@ -290,7 +290,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                                  | Type     | Required | HarmonyOS Support               |
 | -------------------- | -------------------------------------------- | -------- | -------- | ------------------------------- |
@@ -301,7 +301,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                    | Description                                     | Type     | Required | HarmonyOS Support |
 | ----------------------- | ----------------------------------------------- | -------- | -------- | ----------------- |
@@ -312,7 +312,7 @@ import C from "crypto-js";
 
 **属性**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name            | Description      | Type | Required | HarmonyOS Support |
 | --------------- | ---------------- | ---- | -------- | ----------------- |
@@ -322,7 +322,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                    | Description                         | Type     | Required | HarmonyOS Support |
 | ----------------------- | ----------------------------------- | -------- | -------- | ----------------- |
@@ -347,7 +347,7 @@ import C from "crypto-js";
 
 **属性**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Description                                            | Type   | Required | HarmonyOS Support |
 | --------- | ------------------------------------------------------ | ------ | -------- | ----------------- |
@@ -355,7 +355,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description            | Type     | Required | HarmonyOS Support |
 | -------- | ---------------------- | -------- | -------- | ----------------- |
@@ -367,7 +367,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description          | Type     | Required | HarmonyOS Support |
 | :----------------- | -------------------- | -------- | -------- | ----------------- |
@@ -383,7 +383,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                | Type     | Required | HarmonyOS Support |
 | :------- | -------------------------------------------------------------------------- | -------- | -------- | ----------------- |
@@ -395,7 +395,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -407,7 +407,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -419,7 +419,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                             | Description                       | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------------- | --------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -431,7 +431,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -443,7 +443,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                          | Description                     | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :---------------------------- | ------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -455,7 +455,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                          | Description                    | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :---------------------------- | ------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -467,7 +467,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                | Description                          | Type     | Required | HarmonyOS Support | Notes                                                                          |
 | :---------------------------------- | ------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
@@ -479,7 +479,7 @@ import C from "crypto-js";
 
 **属性**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description                          | Type   | Required | HarmonyOS Support |
 | :------ | ------------------------------------ | ------ | -------- | ----------------- |
@@ -488,7 +488,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                    | Type     | Required | HarmonyOS Support |
 | :------- | ------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
@@ -500,7 +500,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description    | Type     | Required | HarmonyOS Support |
 | :----------------- | -------------- | -------- | -------- | ----------------- |
@@ -511,7 +511,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                             | Description          | Type     | Required | HarmonyOS Support |
 | :------------------------------- | -------------------- | -------- | -------- | ----------------- |
@@ -522,7 +522,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                              | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
 | :-------------------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
@@ -533,7 +533,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                  | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
 | :-------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
@@ -543,7 +543,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                        | Type     | Required | HarmonyOS Support |
 | :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
@@ -552,7 +552,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description                        | Type     | Required | HarmonyOS Support |
 | :------ | ---------------------------------- | -------- | -------- | ----------------- |
@@ -562,7 +562,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                        | Type     | Required | HarmonyOS Support |
 | :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
@@ -571,7 +571,7 @@ import C from "crypto-js";
 
 **API**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description                        | Type     | Required | HarmonyOS Support |
 | :------ | ---------------------------------- | -------- | -------- | ----------------- |
@@ -581,7 +581,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                       | Description                                 | Type     | Required | HarmonyOS Support |
 | :------------------------- | ------------------------------------------- | -------- | -------- | ----------------- |
@@ -594,7 +594,7 @@ import C from "crypto-js";
 
 **静态方法**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                      | Description                           | Type     | Required | HarmonyOS Support |
 | :------------------------ | ------------------------------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/dayJs.md b/zh-cn/dayJs.md
index e8c8efef..2236c04f 100644
--- a/zh-cn/dayJs.md
+++ b/zh-cn/dayJs.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/iamkun/dayjs?tab=readme-ov-file)
+> [!TIP] [Github 地址](https://github.com/iamkun/dayjs?tab=readme-ov-file)
 
 ## 安装与使用
 
@@ -168,7 +168,7 @@ export default DayJsDemo;
 
 如下是已验证接口展示:
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### **Get + Set**
 
diff --git a/zh-cn/deepmerge.md b/zh-cn/deepmerge.md
index 86067ae8..df9fa457 100644
--- a/zh-cn/deepmerge.md
+++ b/zh-cn/deepmerge.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/TehShrike/deepmerge)
+> [!TIP] [Github 地址](https://github.com/TehShrike/deepmerge)
 
 ## 安装与使用
 
@@ -110,7 +110,7 @@ export default App;
 
 ## API
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见 [deepmerge源库地址](https://github.com/TehShrike/deepmerge)
 
diff --git a/zh-cn/htmlparser2.md b/zh-cn/htmlparser2.md
index 2d514f43..d63e788b 100644
--- a/zh-cn/htmlparser2.md
+++ b/zh-cn/htmlparser2.md
@@ -122,9 +122,9 @@ export default HtmlParser;
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/i18next.md b/zh-cn/i18next.md
index 6147d35d..488a2aa7 100644
--- a/zh-cn/i18next.md
+++ b/zh-cn/i18next.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
->[!tip] [Github 地址](https://github.com/i18next/i18next)
+>[!TIP] [Github 地址](https://github.com/i18next/i18next)
 
 
 ## 安装与使用
@@ -34,7 +34,7 @@ yarn add i18next@23.7.16
 
 下面的代码展示了这个库的基本使用场景：
 
-> [!tip] 在下面的 demo 中，本库需要与 react-i18next 一起使用，react-i18next 的使用方式请见[react-i18next 文档](/zh-cn/react-i18next.md)
+> [!TIP] 在下面的 demo 中，本库需要与 react-i18next 一起使用，react-i18next 的使用方式请见[react-i18next 文档](/zh-cn/react-i18next.md)
 
 ```js
 import React from 'react';  
@@ -118,9 +118,9 @@ export default I18NextDemo;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见 [i18next源库地址](https://github.com/i18next/i18next)
 
diff --git a/zh-cn/jsbarcode.md b/zh-cn/jsbarcode.md
index 2bbdd1e4..0049acfd 100644
--- a/zh-cn/jsbarcode.md
+++ b/zh-cn/jsbarcode.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/lindell/JsBarcode)
+> [!TIP] [Github 地址](https://github.com/lindell/JsBarcode)
 
 ## 安装与使用
 
@@ -43,7 +43,7 @@ import JsBarCode from 'jsbarcode';
 
 ### **With svg:**
 
-> [!tip] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化] > [!tip] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
+> [!TIP] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化] > [!TIP] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
 
 ```tsx
 import {ScrollView, StyleSheet, View, Text} from 'react-native';
@@ -171,7 +171,7 @@ const styles = StyleSheet.create({
 
 ### **With canvas:**
 
-> [!tip] [react-native-canvas库暂未 HarmonyOS 化，当前无法使用canvas渲染，下面用法仅供参考]
+> [!TIP] [react-native-canvas库暂未 HarmonyOS 化，当前无法使用canvas渲染，下面用法仅供参考]
 
 ```js
 var JsBarcode = require("jsbarcode");
@@ -289,7 +289,7 @@ JsBarcode("#barcode", "29012343", {
 
 ## **All Options**
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name         | Description       | Type               | Required | HarmonyOS Support | Remark                                                                |
 | ------------ | ----------------- | ------------------ | -------- | ----------------- | --------------------------------------------------------------------- |
diff --git a/zh-cn/lodash.md b/zh-cn/lodash.md
index 266ca354..eec9d852 100644
--- a/zh-cn/lodash.md
+++ b/zh-cn/lodash.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/lodash/lodash/tree/4.17.21)
+> [!TIP] [Github 地址](https://github.com/lodash/lodash/tree/4.17.21)
 
 ## 安装与使用
 
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index 482f4d79..c0dde575 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/lottie-react-native)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/lottie-react-native)
 
 ## 安装与使用
 
@@ -245,9 +245,9 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description                                                                                                                                                                                                                                                                                                                                                    | Type                                        | Default   | Required | Platform              | HarmonyOS Support |
 | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | --------- | -------- | --------------------- |-------------------|
@@ -276,9 +276,9 @@ rawfile 路径：`entry/src/main/resources/rawfile`
 
 ## 静态方法 (Imperative API)
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                                                                                                                                                                             | Type     | Required | Platform | HarmonyOS Support |
 | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/mixpanel-react-native.md b/zh-cn/mixpanel-react-native.md
index ec676a98..f6af7cdd 100644
--- a/zh-cn/mixpanel-react-native.md
+++ b/zh-cn/mixpanel-react-native.md
@@ -157,9 +157,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### Mixpanel
 
diff --git a/zh-cn/mobx-react.md b/zh-cn/mobx-react.md
index aae14008..b2cd77be 100644
--- a/zh-cn/mobx-react.md
+++ b/zh-cn/mobx-react.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0)
+> [!TIP] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0)
 
 ## 安装与使用
 
@@ -139,9 +139,9 @@ export default App;
 
 如下是已验证接口展示:
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                                                                                                | Type     | Required | HarmonyOS Support |
 | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/mobx.md b/zh-cn/mobx.md
index 457bd258..2e7d724c 100644
--- a/zh-cn/mobx.md
+++ b/zh-cn/mobx.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx%406.10.0)
+> [!TIP] [Github 地址](https://github.com/mobxjs/mobx/tree/mobx%406.10.0)
 
 ## 安装与使用
 
@@ -131,9 +131,9 @@ export default App;
 
 如下是已验证接口展示:
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### **Creating observables**
 
diff --git a/zh-cn/model-gitee.md b/zh-cn/model-gitee.md
new file mode 100644
index 00000000..3f90d4f7
--- /dev/null
+++ b/zh-cn/model-gitee.md
@@ -0,0 +1,299 @@
+# 文档模板(删除)
+
+> [!ATTENTION] 使用模板时请将后面带有 (删除) 的语句删除。<>内是需要修改的内容。(删除)
+
+> 模板版本：v0.3.0
+
+<p align="center">
+  <h1 align="center"> <code><原库 npm 包名></code> </h1>
+</p>
+
+本项目基于 [原库 npm 名称@x.x.x](原库仓库连接)
+
+> [Gitee 仓库](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)
+
+> [Gitee Releases: @react-native-ohos/react-native-linear-gradient](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
+
+> [Github 仓库(已废弃)](https://github.com/react-native-oh-library/react-native-linear-gradient)
+
+> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+
+## 安装与使用
+
+`该第三方库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/库名`
+
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-ohos/库名
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-ohos/库名
+```
+
+<!-- tabs:end -->
+
+下面的代码展示了这个库的基本使用场景：
+
+> [!WARNING] 使用时 import 的库名不变。
+
+```js
+// react-native-safe-area-context 为例
+import React from "react";
+import { Text, View } from "react-native";
+import {
+  SafeAreaProvider,
+  SafeAreaView,
+  initialWindowMetrics,
+} from "react-native-safe-area-context";
+
+const App = () => {
+  return (
+    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+      <SafeAreaView style={{ flex: 1, backgroundColor: "red" }}>
+        <View style={{ flex: 1 }}>
+          <Text>hello</Text>
+        </View>
+      </SafeAreaView>
+    </SafeAreaProvider>
+  );
+};
+
+export default App;
+```
+
+## Manual Link
+
+此步骤为手动配置原生依赖项的指导。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
+
+### 1. Overrides RN SDK
+
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
+
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
+
+```json
+{
+  "overrides": {
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
+  }
+}
+```
+
+### 2. 引入原生端代码
+
+目前有两种方法：
+
+- 通过 har 包引入；
+- 直接链接源码。
+
+方法一：通过 har 包引入（推荐）
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@react-native-ohos/<Package_Name>": "file:../../node_modules/@react-native-ohos/<Package_Name>/harmony/<xxx>.har"
+    // 提示: "@react-native-ohos/react-native-safe-area-context": "file:../../node_modules/@react-native-ohos/react-native-safe-area-context/harmony/safe_area.har"（删除）
+  }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在命令行终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+
+### 3.配置 CMakeLists 和引入 xxxPackge
+
+**若涉及接入 codegen-lib 导致的配置项新增，需要在配置项前明确声明：> [!TIP] 版本 vx.x.x 及以上需要**（删除）
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-safe-area-context/src/main/cpp" ./safe-area)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_safe_area)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "SafeAreaViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
++       std::make_shared<SafeAreaViewPackage>(ctx),
+    };
+}
+```
+
+**提示：ArkTs 侧引入 Fabric 组件**（删除）
+
+### 4.在 ArkTs 侧引入 xxx 组件（若本库已 CAPI 化则需要删除本段）
+
+找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
+
+```diff
+  ...
++ import { SAFE_AREA_VIEW_TYPE, SafeAreaView, SAFE_AREA_PROVIDER_TYPE, SafeAreaProvider } from "@react-native-ohos/react-native-safe-area-context"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === SAFE_AREA_VIEW_TYPE) {
++   SafeAreaView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
++ RNC_VIDEO_TYPE
+  ];
+```
+
+**提示：TurboModule**（删除）
+
+### 5. 在 ArkTs 侧引入 xxx Package
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {SafeAreaViewPackage} from '@react-native-ohos/react-native-safe-area-context/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new SafeAreaViewPackage(ctx)
+  ];
+}
+```
+
+### 6. 运行
+
+点击右上角的 `sync` 按钮
+
+或者在命令行终端执行：
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+## 约束与限制
+
+### 兼容性
+
+**修改了原库代码的库使用下述描述**（删除）
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<HarmonyOS npm 包名> Releases](https://gitee.com/openharmony-sig/仓库名/releases)
+
+提示：[@react-native-ohos/react-native-linear-gradient Releases](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)（删除）
+
+**未修改原库代码的库使用下述描述**（删除）
+
+本文档内容基于以下版本验证通过：
+
+(示例)
+
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.0.3.906; ROM: NEXT.0.0.71;
+
+### 权限要求（如有）
+
+（填入相关权限配置）
+
+**以下属性、静态方法、API 需要检查说明中手机平台描述，例如已支持 HarmonyOS 的接口并且说明中提到 ios 和 android，那么需要检查是否补充 harmony 进到描述中。示例如下（删除）**
+
+```
+// 原描述
+Needed for Android to work properly with assets, iOS will ignore it.
+// 修改后
+Needed for Android and harmony to work properly with assets, iOS will ignore it.
+```
+
+（删除）
+
+## 属性（如有）
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
+
+## 静态方法（如有）
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
+
+## API（如有，一般是 TurboModules）
+
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
+
+## 遗留问题
+
+- [ ] xxx 问题: [issue#\*\*\*](https://github.com/issue地址1)
+- [ ] yyy 问题: [issue#\*\*\*](https://github.com/issue地址2)
+
+## 其他
+
+## 开源协议
+
+本项目基于 [XXX License (XXX)](gitee仓库的LICENSE链接) ，请自由地享受和参与开源。
+
+例子：本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE) ，请自由地享受和参与开源。(删除)
diff --git a/zh-cn/model.md b/zh-cn/model.md
index 04fae3f8..37ef266f 100644
--- a/zh-cn/model.md
+++ b/zh-cn/model.md
@@ -297,9 +297,9 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 
 ## 属性（如有）
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -307,9 +307,9 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 
 ## 静态方法（如有）
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -317,9 +317,9 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 
 ## API（如有，一般是 TurboModules）
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/moment.md b/zh-cn/moment.md
index a91f645b..d17099f9 100644
--- a/zh-cn/moment.md
+++ b/zh-cn/moment.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/moment/moment)
+> [!TIP] [Github 地址](https://github.com/moment/moment)
 
 ## 安装与使用
 
@@ -145,7 +145,7 @@ moment().format("hh:mm:ss a");
 
 如下是已验证接口展示:
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### **Get + Set**
 
diff --git a/zh-cn/openspacelabs-react-native-zoomable-view.md b/zh-cn/openspacelabs-react-native-zoomable-view.md
index bc8c10a9..c1c2f26b 100644
--- a/zh-cn/openspacelabs-react-native-zoomable-view.md
+++ b/zh-cn/openspacelabs-react-native-zoomable-view.md
@@ -131,9 +131,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                             | Type     | Description                                                                                                                                                                                                                                                                                                                          | Required | Platform | HarmonyOS Support |
 | -------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
diff --git a/zh-cn/parse5.md b/zh-cn/parse5.md
index c18f5122..19ecf127 100644
--- a/zh-cn/parse5.md
+++ b/zh-cn/parse5.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/inikulin/parse5)
+> [!TIP] [Github 地址](https://github.com/inikulin/parse5)
 
 ## 安装与使用
 
@@ -143,9 +143,9 @@ export default App;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见 [parse5文档地址](https://parse5.js.org/index.html)
 
diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md
index 2d89aba0..fb94e341 100644
--- a/zh-cn/prop-types.md
+++ b/zh-cn/prop-types.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/facebook/prop-types/tree/v15.8.1)
+> [!TIP] [Github 地址](https://github.com/facebook/prop-types/tree/v15.8.1)
 
 ## 安装与使用
 
diff --git a/zh-cn/qrcode-generator.md b/zh-cn/qrcode-generator.md
index 7c06e47a..49fa0543 100644
--- a/zh-cn/qrcode-generator.md
+++ b/zh-cn/qrcode-generator.md
@@ -91,9 +91,9 @@ export const CustomQrCode = ({ text, style }) => {
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                      | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | ----------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-ahooks.md b/zh-cn/react-ahooks.md
index e32b260c..fb6021cb 100644
--- a/zh-cn/react-ahooks.md
+++ b/zh-cn/react-ahooks.md
@@ -11,7 +11,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/alibaba/hooks)
+> [!TIP] [Github 地址](https://github.com/alibaba/hooks)
 
 ## 📚 文档
 
@@ -115,9 +115,9 @@ export function WhyDidYouUpdate() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 以下属性已验证，详情见 [ahooks官方文档](https://ahooks.js.org/zh-CN/)
 
diff --git a/zh-cn/react-i18next.md b/zh-cn/react-i18next.md
index 3690bc2c..8eeb8d42 100644
--- a/zh-cn/react-i18next.md
+++ b/zh-cn/react-i18next.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/i18next/react-i18next)
+> [!TIP] [Github 地址](https://github.com/i18next/react-i18next)
 
 ## 安装与使用
 
@@ -89,9 +89,9 @@ root.render(<App />);
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见 [react-i18next源库地址](https://github.com/i18next/react-i18next)
 
diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md
index edf04a23..96ac181e 100644
--- a/zh-cn/react-native-MJRefresh.md
+++ b/zh-cn/react-native-MJRefresh.md
@@ -240,9 +240,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
 
@@ -255,9 +255,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh)
 
diff --git a/zh-cn/react-native-action-sheet.md b/zh-cn/react-native-action-sheet.md
index d16495e5..f9b4e9e4 100644
--- a/zh-cn/react-native-action-sheet.md
+++ b/zh-cn/react-native-action-sheet.md
@@ -200,9 +200,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **showActionSheetWithOptions**
 
diff --git a/zh-cn/react-native-alipay.md b/zh-cn/react-native-alipay.md
index f7786c92..cda5b63b 100644
--- a/zh-cn/react-native-alipay.md
+++ b/zh-cn/react-native-alipay.md
@@ -231,9 +231,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-amap3d.md b/zh-cn/react-native-amap3d.md
index 9633e0c6..c5866f94 100644
--- a/zh-cn/react-native-amap3d.md
+++ b/zh-cn/react-native-amap3d.md
@@ -367,9 +367,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 ### MapView
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -436,9 +436,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 ### MapView
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -470,9 +470,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-animatable.md b/zh-cn/react-native-animatable.md
index 9c829f91..a3c7fc28 100644
--- a/zh-cn/react-native-animatable.md
+++ b/zh-cn/react-native-animatable.md
@@ -88,9 +88,9 @@ export default function ExampleView() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 Name | Description | Type | Required | Platform | HarmonyOS   Support
 -- | -- | -- | -- | -- | --
diff --git a/zh-cn/react-native-async-storage-async-storage.md b/zh-cn/react-native-async-storage-async-storage.md
index 9d90428b..47876ae2 100644
--- a/zh-cn/react-native-async-storage-async-storage.md
+++ b/zh-cn/react-native-async-storage-async-storage.md
@@ -253,7 +253,7 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
diff --git a/zh-cn/react-native-audio-recorder-player.md b/zh-cn/react-native-audio-recorder-player.md
index cc9b8e14..08ef5b69 100644
--- a/zh-cn/react-native-audio-recorder-player.md
+++ b/zh-cn/react-native-audio-recorder-player.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-recorder-player)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-recorder-player)
 
 ## 安装与使用
 
@@ -533,7 +533,7 @@ export default Page;
 
 方法一：通过 har 包引入（推荐）
 
-> [!tip] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
 打开 `entry/oh-package.json5`，添加以下依赖
 
@@ -554,7 +554,7 @@ ohpm install
 ```
 方法二：直接链接源码
 
-> [!tip] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 ### 配置 CMakeLists 和引入 RNAudioRecorderPlayerPackage
 
@@ -687,9 +687,9 @@ ohpm install
 ```
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name              | Description                                                                                                                                              | Type                                                                                                                | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-audio-toolkit.md b/zh-cn/react-native-audio-toolkit.md
index aef293a6..a2c2f9b0 100644
--- a/zh-cn/react-native-audio-toolkit.md
+++ b/zh-cn/react-native-audio-toolkit.md
@@ -13,7 +13,7 @@
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-toolkit)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-audio-toolkit)
 
 ## 安装与使用
 
@@ -515,9 +515,9 @@ requestPermissions: [
 
 ## Player
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -533,9 +533,9 @@ requestPermissions: [
 
 ### 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | --------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
@@ -549,9 +549,9 @@ requestPermissions: [
 
 ## Recorder
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -566,9 +566,9 @@ requestPermissions: [
 
 ### 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | ------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 52351c52..ea999627 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -193,9 +193,9 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-autoLink.md b/zh-cn/react-native-autoLink.md
index c9617a19..70f86596 100644
--- a/zh-cn/react-native-autoLink.md
+++ b/zh-cn/react-native-autoLink.md
@@ -103,9 +103,9 @@ export default AutolinkDemo;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
 | :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
diff --git a/zh-cn/react-native-autoheight-webview.md b/zh-cn/react-native-autoheight-webview.md
index bbcd0cdf..771bdcbc 100644
--- a/zh-cn/react-native-autoheight-webview.md
+++ b/zh-cn/react-native-autoheight-webview.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-autoheight-webview)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-autoheight-webview)
 
 ## 安装与使用
 
@@ -89,9 +89,9 @@ export function WebviewExample() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                              | Description                                                                                                                                                                                                                                                                                                  | Type                                                               | Required | Platform | HarmonyOS Support                                                                                                 |
 |-----------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------------------------------------------------------------------------------------------------------|
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index 8d47f8da..eb3321fc 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -318,9 +318,9 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index b53abaf1..2536c942 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -440,9 +440,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标iOS 或 Android 的效果。
 
 #### MapView Props 属性
 
@@ -547,9 +547,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标iOS 或 Android 的效果。
 
 #### BaiduMapManager
 
diff --git a/zh-cn/react-native-bars.md b/zh-cn/react-native-bars.md
index 176cfa7e..b93c9857 100644
--- a/zh-cn/react-native-bars.md
+++ b/zh-cn/react-native-bars.md
@@ -166,9 +166,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### StatusBar
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -189,9 +189,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### StatusBar
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
diff --git a/zh-cn/react-native-base64.md b/zh-cn/react-native-base64.md
index 67187da4..31dbd335 100644
--- a/zh-cn/react-native-base64.md
+++ b/zh-cn/react-native-base64.md
@@ -112,9 +112,9 @@ const styles = StyleSheet.create({
 
 ## 静态方法:
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-better-banner.md b/zh-cn/react-native-better-banner.md
index d838392f..f07b19a8 100644
--- a/zh-cn/react-native-better-banner.md
+++ b/zh-cn/react-native-better-banner.md
@@ -116,9 +116,9 @@ export default App;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                              | Description                                                  | Type     | Default               | Platform | HarmonyOS Support |
 | --------------------------------- | ------------------------------------------------------------ | -------- | --------------------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-ble-manager.md b/zh-cn/react-native-ble-manager.md
index 452feb8d..db850a90 100644
--- a/zh-cn/react-native-ble-manager.md
+++ b/zh-cn/react-native-ble-manager.md
@@ -538,9 +538,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                         | Description                                                  | Required | Platform    | HarmonyOS Support |
 | -------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index 9641bce4..7148d37f 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -499,9 +499,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 #### Fetch API
 
 ##### ReactNativeBlobUtil.fetch
diff --git "a/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md" "b/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
index a1c4cf49..e1666f42 100644
--- "a/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
+++ "b/zh-cn/react-native-blob-util\357\274\210nocodegen\357\274\211.md"
@@ -558,9 +558,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 #### Fetch API
 
 ##### ReactNativeBlobUtil.fetch
diff --git a/zh-cn/react-native-bootsplash.md b/zh-cn/react-native-bootsplash.md
index 59c71fcd..faa2af08 100644
--- a/zh-cn/react-native-bootsplash.md
+++ b/zh-cn/react-native-bootsplash.md
@@ -338,9 +338,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name             | Description                                                  | Type     | Required | Platform     | HarmonyOS Support |
 | ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
diff --git a/zh-cn/react-native-bouncy-checkbox.md b/zh-cn/react-native-bouncy-checkbox.md
index 2271f049..688ddac3 100644
--- a/zh-cn/react-native-bouncy-checkbox.md
+++ b/zh-cn/react-native-bouncy-checkbox.md
@@ -104,9 +104,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 | Name                 | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
diff --git a/zh-cn/react-native-button.md b/zh-cn/react-native-button.md
index 46b91fdd..2eb77586 100644
--- a/zh-cn/react-native-button.md
+++ b/zh-cn/react-native-button.md
@@ -13,7 +13,7 @@
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/ide/react-native-button)
+> [!TIP] [Github 地址](https://github.com/ide/react-native-button)
 
 ## 安装与使用
 
@@ -96,9 +96,9 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                  | Description                                                                                            | Type     | default | Required | Platform | HarmonyOS Support |
 | --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- | ----------------- |
diff --git a/zh-cn/react-native-calendar-events.md b/zh-cn/react-native-calendar-events.md
index ea4cb9c7..069692d0 100644
--- a/zh-cn/react-native-calendar-events.md
+++ b/zh-cn/react-native-calendar-events.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-calendar-events)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-calendar-events)
 
 ## 安装与使用
 
@@ -371,9 +371,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                  | Description                                                                                     | Type      | Required | Platform | HarmonyOS Support |
 |-----------------------|-------------------------------------------------------------------------------------------------|-----------| -------- |----------|------------------|
diff --git a/zh-cn/react-native-calendars.md b/zh-cn/react-native-calendars.md
index 8f258f6a..ef9f9b3a 100644
--- a/zh-cn/react-native-calendars.md
+++ b/zh-cn/react-native-calendars.md
@@ -112,9 +112,9 @@ export default MySvgComponent;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 ### Agenda 
 
 | Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
diff --git a/zh-cn/react-native-camera-kit.md b/zh-cn/react-native-camera-kit.md
index 2b4aab76..bbdbe883 100644
--- a/zh-cn/react-native-camera-kit.md
+++ b/zh-cn/react-native-camera-kit.md
@@ -347,9 +347,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **Camera**：相机组件
 
diff --git a/zh-cn/react-native-cameraroll(nocodegen) .md b/zh-cn/react-native-cameraroll(nocodegen) .md
index ed072769..6c9869f8 100644
--- a/zh-cn/react-native-cameraroll(nocodegen) .md	
+++ b/zh-cn/react-native-cameraroll(nocodegen) .md	
@@ -212,11 +212,11 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-> [!tip] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
+> [!TIP] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
 
 **CameraRoll**
 
@@ -233,9 +233,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                       | Description  | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
 | :----------------------------------------- | :----------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index 05adbcb2..955df736 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -155,11 +155,11 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-> [!tip] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
+> [!TIP] HarmonyOS受限权限官方说明：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/restricted-permissions-V5#section397164718158 
 
 **CameraRoll**
 
@@ -176,9 +176,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                       | Description  | Type     | Required | Platform | HarmonyOS Support | Remarks                                                      |
 | :----------------------------------------- | :----------- | -------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
diff --git a/zh-cn/react-native-chart-kit.md b/zh-cn/react-native-chart-kit.md
index e549695a..4fa8b3a5 100644
--- a/zh-cn/react-native-chart-kit.md
+++ b/zh-cn/react-native-chart-kit.md
@@ -126,9 +126,9 @@ export default MyChart;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### Chart style 
 
diff --git a/zh-cn/react-native-check-box.md b/zh-cn/react-native-check-box.md
index 617db5fd..5d6504f9 100644
--- a/zh-cn/react-native-check-box.md
+++ b/zh-cn/react-native-check-box.md
@@ -82,9 +82,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                   | Description                                                                                                                  | Type                      | Required | Platform    |  HarmonyOS Support |
 | ---------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------- | ----------- | -------- |
diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md
index bab853bc..4167d2a8 100644
--- a/zh-cn/react-native-clipboard-clipboard.md
+++ b/zh-cn/react-native-clipboard-clipboard.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/clipboard/tree/sig)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/clipboard/tree/sig)
 
 ## 安装与使用
 
@@ -223,7 +223,7 @@ ohpm install
 
 ### 权限要求
 
-> [!tip] "ohos.permission.READ_PASTEBOARD"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+> [!TIP] "ohos.permission.READ_PASTEBOARD"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
 #### 在 entry 目录下的module.json5中添加权限
 
@@ -263,9 +263,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name        | Description                                                                                                                                                                                                               | Type     | Required | Platform    | HarmonyOS Support |
 | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md
index 9e7e30e9..a8b18295 100644
--- a/zh-cn/react-native-clippath-capi.md
+++ b/zh-cn/react-native-clippath-capi.md
@@ -199,9 +199,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                                                                                                    | Type              | Required | Platform    | HarmonyOS Support |
 | -------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-collapsible.md b/zh-cn/react-native-collapsible.md
index e5b8f8bf..499eb119 100644
--- a/zh-cn/react-native-collapsible.md
+++ b/zh-cn/react-native-collapsible.md
@@ -94,9 +94,9 @@ const CONTENT = [
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 #### Collapsible
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-communications.md b/zh-cn/react-native-communications.md
index eb2cc6ff..78c6edf2 100644
--- a/zh-cn/react-native-communications.md
+++ b/zh-cn/react-native-communications.md
@@ -111,9 +111,9 @@ export default RNCommunications;
 2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index 68929b25..24edb7bd 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-checkbox)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-checkbox)
 
 ## 安装与使用
 
@@ -239,12 +239,12 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-> [!tip] `shape` 即将被废弃，请使用 `boxType` 替代  
-> [!tip] `strokeWidth` 即将被废弃，请使用 `lineWidth` 替代
+> [!TIP] `shape` 即将被废弃，请使用 `boxType` 替代  
+> [!TIP] `strokeWidth` 即将被废弃，请使用 `lineWidth` 替代
 
 | Name                | Description                                                                                                                                                                                   | Type     | Required | Platform    | HarmonyOS Support |
 |---------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -------- | -------- |-------------|------------------|
@@ -267,9 +267,9 @@ ohpm install
 | `offAnimationType`   | The type of animation to use when the checkbox gets unchecked. 'stroke'.                                                                                                                      | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name            | Description                                                                                                                                                                                    | Type     | Required | Platform      | HarmonyOS Support |
 | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md
index 574fde82..08420df4 100644
--- a/zh-cn/react-native-community-datetimepicker.md
+++ b/zh-cn/react-native-community-datetimepicker.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/datetimepicker)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/datetimepicker)
 
 ## 安装与使用
 
@@ -260,9 +260,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请查看[datetimepicker 官方文档](https://github.com/react-native-datetimepicker/datetimepicker)
 
diff --git a/zh-cn/react-native-community-netinfo.md b/zh-cn/react-native-community-netinfo.md
index 0def1b80..733bc412 100644
--- a/zh-cn/react-native-community-netinfo.md
+++ b/zh-cn/react-native-community-netinfo.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-netinfo)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-netinfo)
 
 ## 安装与使用
 
@@ -220,9 +220,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### NetInfoStateType
 
@@ -291,9 +291,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                   | Description                                                                                                                                                                                                                                                                                                                                                                               |   Type   | Required |  Platform   | HarmonyOS Support |
 |------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|:--------:|:--------:|:-----------:|:-----------------:|
diff --git a/zh-cn/react-native-community-progress-view-capi.md b/zh-cn/react-native-community-progress-view-capi.md
index df50fea7..f988c01a 100644
--- a/zh-cn/react-native-community-progress-view-capi.md
+++ b/zh-cn/react-native-community-progress-view-capi.md
@@ -188,9 +188,9 @@ ohpm install
 ## 属性
 
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
 | ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index c12d5b94..009d304f 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -212,9 +212,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                | Description                                | Type   | Required | Platform | HarmonyOS Support |
 | ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index ddab394c..b3129b52 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -312,9 +312,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                            | Description                                                                                                       | Type     | Required | Platform      | HarmonyOS Support |
 | ------------------------------- | ----------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------- | ----------------- |
@@ -333,9 +333,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 **Parameters:**
diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md
index 99872e3c..8dc5556e 100644
--- a/zh-cn/react-native-community-slider.md
+++ b/zh-cn/react-native-community-slider.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-slider)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-slider)
 
 ## 安装与使用
 
@@ -217,9 +217,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description       | Type     | Required | Platform     | HarmonyOS Support |
 | ----------------------- | ------------------------ | -------------------------------------------- | ---- | ------------ | ----------------- |
diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
index 867a3411..2c77d313 100644
--- a/zh-cn/react-native-community-toolbar-android.md
+++ b/zh-cn/react-native-community-toolbar-android.md
@@ -275,9 +275,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 Inherits [View Props](https://reactnative.dev/docs/view#props).
 
diff --git a/zh-cn/react-native-confirmation-code-field.md b/zh-cn/react-native-confirmation-code-field.md
index 3eda328a..58c1b116 100644
--- a/zh-cn/react-native-confirmation-code-field.md
+++ b/zh-cn/react-native-confirmation-code-field.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/retyui/react-native-confirmation-code-field)
+> [!TIP] [Github 地址](https://github.com/retyui/react-native-confirmation-code-field)
 
 ## 安装与使用
 
@@ -114,9 +114,9 @@ export default App;
 
 ## 组件
 
-> [!tip] "Platform"列表示该组件在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该组件在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该组件；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name        | Description                                                                                                                                                                                          | Type      | Platform | HarmonyOS Support |
 | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------------- |
@@ -125,9 +125,9 @@ export default App;
 
 ## CodeField属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name              | Description                                                                                                                | Type                     | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------- | ------------------------ | -------- | -------- | ----------------- |
@@ -141,9 +141,9 @@ export default App;
 
 ## Hooks
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | Type           | Required | Platform | HarmonyOS Support |
 | --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 7eb46265..7e84a963 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-contacts)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-contacts)
 
 ## 安装与使用
 
@@ -419,7 +419,7 @@ ohpm install
 
 ### 权限要求
 
-[!tip] "ohos.permission.READ_CONTACTS"，"ohos.permission.WRITE_CONTACTS"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+[!TIP] "ohos.permission.READ_CONTACTS"，"ohos.permission.WRITE_CONTACTS"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
 打开`entry/src/main/module.json5`，添加：
 
@@ -451,9 +451,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                              | Description                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-context-menu-view.md b/zh-cn/react-native-context-menu-view.md
index fabd86af..95064a6f 100644
--- a/zh-cn/react-native-context-menu-view.md
+++ b/zh-cn/react-native-context-menu-view.md
@@ -209,9 +209,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                   | Description                                                  | Type     | Required | Platform               | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------ | -------- | -------- | ---------------------- | ----------------- |
@@ -226,9 +226,9 @@ ohpm install
 
 ## actions
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name           | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-cookies-cookies.md b/zh-cn/react-native-cookies-cookies.md
index 6cd6f0cf..01a23afc 100644
--- a/zh-cn/react-native-cookies-cookies.md
+++ b/zh-cn/react-native-cookies-cookies.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-cookies/tree/sig)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-cookies/tree/sig)
 
 ## 安装与使用
 
@@ -325,9 +325,9 @@ ohpm install
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/cookies Releases](https://github.com/react-native-oh-library/react-native-cookies/releases)
 
 ## 静态方法
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                                   | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------- | --------------------------------------------- | ---------|----------| ------------|-------------------|
diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md
index 8de02f31..1f9b8b94 100644
--- a/zh-cn/react-native-create-thumbnail.md
+++ b/zh-cn/react-native-create-thumbnail.md
@@ -247,9 +247,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### **createThumbnail**
 | Name | Description | Type | Required | HarmonyOS Support |
@@ -258,9 +258,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |        Name         | Description  |   type   | Required | Platform | HarmonyOS Support |
 | :-----------------: | :----------: | :------: | :------: | :---------------: | :---------------: |
@@ -272,9 +272,9 @@ ohpm install
 |  cacheName | Cache name for this thumbnail to avoid duplicate generation. If specified, and a thumbnail already exists with the same cache name, it will be returned instead of generating a new one.   |    String     | NO  |   Android/ios    |    yes    |
 ## 返回值
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |        Name         | Description  |   type   | Required | Platform | HarmonyOS Support |
 | :-----------------: | :----------: | :------: | :------: | :---------------: | :---------------: |
diff --git a/zh-cn/react-native-credit-card-input.md b/zh-cn/react-native-credit-card-input.md
index 972f70ce..8478d095 100644
--- a/zh-cn/react-native-credit-card-input.md
+++ b/zh-cn/react-native-credit-card-input.md
@@ -126,9 +126,9 @@ export default class Example extends Component {
 
 ## 属性
 
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见[react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)
 
diff --git a/zh-cn/react-native-crypto-js.md b/zh-cn/react-native-crypto-js.md
index db31bdd0..e851499e 100644
--- a/zh-cn/react-native-crypto-js.md
+++ b/zh-cn/react-native-crypto-js.md
@@ -141,9 +141,9 @@ export const ReactNativeCryptoJsExample = () => {
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name             | Description | Type | Required | Platform | HarmonyOS Support |
 | -------------------- | --------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-custom-keyboard.md b/zh-cn/react-native-custom-keyboard.md
index 718ab2ae..57256c00 100644
--- a/zh-cn/react-native-custom-keyboard.md
+++ b/zh-cn/react-native-custom-keyboard.md
@@ -302,9 +302,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description                       | Type   | Required | Platform | HarmonyOS Support |
 | ------------------ | --------------------------------- | ------ | -------- | -------- | ----------------- |
@@ -312,9 +312,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
 | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
index 856d62a0..4cb1191c 100644
--- a/zh-cn/react-native-device-info.md
+++ b/zh-cn/react-native-device-info.md
@@ -167,9 +167,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-dismiss-keyboard.md b/zh-cn/react-native-dismiss-keyboard.md
index 5bc2e8d5..8e1295ae 100644
--- a/zh-cn/react-native-dismiss-keyboard.md
+++ b/zh-cn/react-native-dismiss-keyboard.md
@@ -140,9 +140,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
 | ----- | ----- | -------- | -------- | -------- | -------- |
diff --git a/zh-cn/react-native-doc-viewer.md b/zh-cn/react-native-doc-viewer.md
index 4a6c827b..1e7ef42d 100644
--- a/zh-cn/react-native-doc-viewer.md
+++ b/zh-cn/react-native-doc-viewer.md
@@ -415,9 +415,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description                | Type     | Required | Platform | HarmonyOS Support |
 | ------------------ | -------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 97906cc2..52cfb1a4 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -348,9 +348,9 @@ ohpm install
    
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### option pick方法的传参选项
 
@@ -365,9 +365,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 | Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md
index e1f40b75..73655807 100644
--- a/zh-cn/react-native-drag-sort.md
+++ b/zh-cn/react-native-drag-sort.md
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/mochixuan/react-native-drag-sort)
+> [!TIP] [Github 地址](https://github.com/mochixuan/react-native-drag-sort)
 
 ## 安装与使用
 
@@ -567,9 +567,9 @@ const styles = StyleSheet.create({
 
 ### DragSortableView
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 >
 
 |           Name           |                               Description                               |   Type   | Required |  Platform   | HarmonyOS Support |
diff --git a/zh-cn/react-native-drawer-layout-polyfill.md b/zh-cn/react-native-drawer-layout-polyfill.md
index e7dfa6ad..a0d2d51f 100644
--- a/zh-cn/react-native-drawer-layout-polyfill.md
+++ b/zh-cn/react-native-drawer-layout-polyfill.md
@@ -235,9 +235,9 @@ export default App;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见[react-native-drawer-layout-polyfill](https://reactnative.dev/docs/drawerlayoutandroid)
 
diff --git a/zh-cn/react-native-drop-shadow.md b/zh-cn/react-native-drop-shadow.md
index baddd93a..d6527d36 100644
--- a/zh-cn/react-native-drop-shadow.md
+++ b/zh-cn/react-native-drop-shadow.md
@@ -131,9 +131,9 @@ react-native-harmony: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release)
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-dropdownalert.md b/zh-cn/react-native-dropdownalert.md
index 5fa25ed7..ec5962b7 100644
--- a/zh-cn/react-native-dropdownalert.md
+++ b/zh-cn/react-native-dropdownalert.md
@@ -259,9 +259,9 @@ DropdownAlertType 是 DropdownAlert 库导出的一个枚举对象，列举了
 
 #### DropdownAlertType 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description  | Type   | **Required** | Platform | HarmonyOS Support |
 | ------- | ------------ | ------ | ------------ | -------- | ----------------- |
diff --git a/zh-cn/react-native-dynamic.md b/zh-cn/react-native-dynamic.md
index 08cf51f6..8d880ee9 100644
--- a/zh-cn/react-native-dynamic.md
+++ b/zh-cn/react-native-dynamic.md
@@ -185,9 +185,9 @@ const dynamicStyles = new DynamicStyleSheet({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Prop   | Description   | Type       | Required | Platform | HarmonyOS Support |
 | ----- | ----- | -------- | -------- | -------- | -------- |
diff --git a/zh-cn/react-native-easy-toast.md b/zh-cn/react-native-easy-toast.md
index ebf14d0d..f781e326 100644
--- a/zh-cn/react-native-easy-toast.md
+++ b/zh-cn/react-native-easy-toast.md
@@ -78,9 +78,9 @@ export default class App extends Component {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 >
 > 详情见 [react-native-easy-toast 源库地址](https://github.com/crazycodeboy/react-native-easy-toast)
 
@@ -96,9 +96,9 @@ export default class App extends Component {
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-echarts-pro.md b/zh-cn/react-native-echarts-pro.md
index d1fdbc3a..758a258b 100644
--- a/zh-cn/react-native-echarts-pro.md
+++ b/zh-cn/react-native-echarts-pro.md
@@ -94,9 +94,9 @@ export default function RNEPDemo() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见[react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro/tree/master)
 
diff --git a/zh-cn/react-native-elements.md b/zh-cn/react-native-elements.md
index 996c4fc3..7d26b203 100644
--- a/zh-cn/react-native-elements.md
+++ b/zh-cn/react-native-elements.md
@@ -319,9 +319,9 @@ export default Avatars;
 
 以下为目前已支持的组件属性：
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **AirbnbRating**：爱彼迎风格的评级组件
 
diff --git a/zh-cn/react-native-email-link.md b/zh-cn/react-native-email-link.md
index 09a26a2c..51db2e76 100644
--- a/zh-cn/react-native-email-link.md
+++ b/zh-cn/react-native-email-link.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-email-link)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-email-link)
 
 ## 安装与使用
 
diff --git a/zh-cn/react-native-exception-handler.md b/zh-cn/react-native-exception-handler.md
index ba79aac6..c991de88 100644
--- a/zh-cn/react-native-exception-handler.md
+++ b/zh-cn/react-native-exception-handler.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-exception-handler)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-exception-handler)
 
 ## 安装与使用
 
@@ -261,9 +261,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                    | Description          | Type     | Required | Platform | HarmonyOS Support |
 | ----------------------- | -------------------- | -------- | -------- | -------- | ----------------- |
@@ -272,9 +272,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                        | Description              | Type     | Required | Platform | HarmonyOS Support |
 | --------------------------- | ------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index 8725bfad..47794479 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -247,9 +247,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                           | Description                                                                               | Type             | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ----------------------------------------------------------------------------------------- | ---------------- | -------- | -------- | ----------------- |
@@ -268,9 +268,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                              | Description                                | Type     | Required | Platform | HarmonyOS Support |
 | ------------------------------------------------- | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-file-selector.md b/zh-cn/react-native-file-selector.md
index f0011bd4..fdabdd00 100644
--- a/zh-cn/react-native-file-selector.md
+++ b/zh-cn/react-native-file-selector.md
@@ -163,9 +163,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md
index 22c010a4..cf05fce4 100644
--- a/zh-cn/react-native-file-viewer.md
+++ b/zh-cn/react-native-file-viewer.md
@@ -222,9 +222,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### `open(filepath: string, options?: Object): Promise<void>`
 
diff --git a/zh-cn/react-native-fingerprint-scanner.md b/zh-cn/react-native-fingerprint-scanner.md
index ab98264f..8a7e7e83 100644
--- a/zh-cn/react-native-fingerprint-scanner.md
+++ b/zh-cn/react-native-fingerprint-scanner.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-fingerprint-scanner)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fingerprint-scanner)
 
 ## 安装与使用
 
@@ -177,7 +177,7 @@ ohpm install
 
 
 ### 权限要求
-> [!tip] "ohos.permission.ACCESS_BIOMETRIC"权限等级为<B>system_basic</B>
+> [!TIP] "ohos.permission.ACCESS_BIOMETRIC"权限等级为<B>system_basic</B>
 在 `YourProject/entry/src/main/module.json5`补上配置
 
 ```diff
@@ -198,9 +198,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                              | Description                                | Type     | Required | Platform | HarmonyOS Support |
 | ------------------------------------------------- | ------------------------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index f5d772e7..cbfe749f 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -291,7 +291,7 @@ export default FitImageDemo;
 
 ## 属性
 
-[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description                                                                                                                                                                                                                                                                                                                                                                                                     | Type          | Required | Platform                      | HarmonyOS Support | Remark                                                       |
 | ------------------ |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------------- | -------- | ----------------------------- | ----------------- | ------------------------------------------------------------ |
diff --git a/zh-cn/react-native-flexi-radio-button.md b/zh-cn/react-native-flexi-radio-button.md
index b2c2a481..00c78972 100644
--- a/zh-cn/react-native-flexi-radio-button.md
+++ b/zh-cn/react-native-flexi-radio-button.md
@@ -144,9 +144,9 @@ react-native-harmony: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release)
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ##### Radio Group:
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
diff --git a/zh-cn/react-native-flip-card.md b/zh-cn/react-native-flip-card.md
index 592bcf4a..f38995be 100644
--- a/zh-cn/react-native-flip-card.md
+++ b/zh-cn/react-native-flip-card.md
@@ -218,7 +218,7 @@ export const FlipCardExample = () => {
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 >
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 该库为 UI 组件库，通过配置属性标签，实现对应的功能。
 
diff --git a/zh-cn/react-native-fs(nocodegen).md b/zh-cn/react-native-fs(nocodegen).md
index 735c2235..b1e2f788 100644
--- a/zh-cn/react-native-fs(nocodegen).md
+++ b/zh-cn/react-native-fs(nocodegen).md
@@ -277,9 +277,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
 | :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
@@ -297,9 +297,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
 | ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index 3a6fba85..3e1c7996 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -234,9 +234,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
 | :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
@@ -254,9 +254,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
 | ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index f546b54c..9da093e1 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler)
 
 ## 安装与使用
 
@@ -253,7 +253,7 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-gesture-handler Releases](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)
 
-> [!tip] [官方文档](https://docs.swmansion.com/react-native-gesture-handler/docs/)
+> [!TIP] [官方文档](https://docs.swmansion.com/react-native-gesture-handler/docs/)
 
 ## Gestures
 
@@ -263,18 +263,18 @@ GestureDetector 是 Gesture Handler 库 2.x 版本的一个主要组件。
 
 #### Gesture detector 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                                                                                  | Type                             | Required | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- | -------- |
 | gesture    | A gesture object containing the configuration and callbacks.                                     | base gestures or any ComposedGesture | yes      | All      | yes      |
 
 #### Gesture 的方法
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | method | Description                                                                                  | Type                             | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------- | -------- |
@@ -358,9 +358,9 @@ ReactButton 属性
 > [!WARNING] Consider using the new [gestures API](https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/gesture) instead. The old API is not actively supported and is not receiving the new features. Check out [RNGH 2.0 section in Introduction](https://docs.swmansion.com/react-native-gesture-handler/docs/#rngh-20) for more information.
 
 ### Gesture handlers 通用属性
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | NAME                | Description                                                                                                                                   | TYPE                     | Required | Platform | HarmonyOS Support |
 | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------- | -------- | -------- |
@@ -372,9 +372,9 @@ ReactButton 属性
 ### Gesture handlers 通用事件数据
 
 以下是提供给 `onGestureEvent` 和 `onHandlerStateChange` 回调的通用事件数据:
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | NAME         | Description                                                             | TYPE | Platform | HarmonyOS Support |
 | ---------------- | --------------------------------------------------------------------------- | ------ | -------- | -------- |
@@ -384,9 +384,9 @@ ReactButton 属性
 ### PanGestureHandler
 
 #### PanGestureHandler 属性
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | NAME                       | Description                                                                                                                                                                             | TYPE | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | -------- | -------- |
@@ -427,9 +427,9 @@ Y coordinate of the current position of the pointer (finger or a leading pointer
 ### TapGestureHandler
 
 #### TapGestureHandler 属性
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | NAME      | Description                                                                                                                    | TYPE | Required | Platform | HarmonyOS Support |
 | ------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | -------- |
diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md
index 387547cc..e865e82a 100644
--- a/zh-cn/react-native-get-random-values.md
+++ b/zh-cn/react-native-get-random-values.md
@@ -169,7 +169,7 @@ ohpm install
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 >
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 >
 > | Name                          | Description                                          | Type    | Required | Platform    | HarmonyOS Support |
 > | ----------------------------- | ---------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-hole-view.md b/zh-cn/react-native-hole-view.md
index ec27fc04..034cbdd9 100644
--- a/zh-cn/react-native-hole-view.md
+++ b/zh-cn/react-native-hole-view.md
@@ -271,9 +271,9 @@ ohpm install
    
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 | Name                | Description                   | Type                                                            | Required | Platform    | HarmonyOS Support |
diff --git a/zh-cn/react-native-htmlview.md b/zh-cn/react-native-htmlview.md
index b6686563..8bad1aa6 100644
--- a/zh-cn/react-native-htmlview.md
+++ b/zh-cn/react-native-htmlview.md
@@ -96,11 +96,11 @@ export default HtmlViewExample;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-> [!tip] 该库为UI组件库，可以在该库的标签下，使原本无法在RN框架生效的Html写法，可以实现对应的功能。
+> [!TIP] 该库为UI组件库，可以在该库的标签下，使原本无法在RN框架生效的Html写法，可以实现对应的功能。
 
 | Name            | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | --------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-http-bridge.md b/zh-cn/react-native-http-bridge.md
index 46211342..fc607b8a 100644
--- a/zh-cn/react-native-http-bridge.md
+++ b/zh-cn/react-native-http-bridge.md
@@ -256,9 +256,9 @@ ohpm install
 
 ##  API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description            | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | ---------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-iconfont-cli.md b/zh-cn/react-native-iconfont-cli.md
index 347cfe4e..c9b0757f 100644
--- a/zh-cn/react-native-iconfont-cli.md
+++ b/zh-cn/react-native-iconfont-cli.md
@@ -191,9 +191,9 @@ RNOH：0.72.26; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 ## 属性
 详细请查看 [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli/blob/master/README.md) 的文档介绍
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **IconFont组件属性**
 
diff --git a/zh-cn/react-native-idfa-aaid.md b/zh-cn/react-native-idfa-aaid.md
index 49602979..85cf02fd 100644
--- a/zh-cn/react-native-idfa-aaid.md
+++ b/zh-cn/react-native-idfa-aaid.md
@@ -261,7 +261,7 @@ ohpm install
 
 ### 权限要求
 
-[!tip] "ohos.permission.APP_TRACKING_CONSENT"，"ohos.permission.APP_TRACKING_CONSENT"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+[!TIP] "ohos.permission.APP_TRACKING_CONSENT"，"ohos.permission.APP_TRACKING_CONSENT"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
 #### 在 entry 目录下的module.json5中添加权限
 在 `YourProject/entry/src/main/module.json5`补上配置
@@ -311,9 +311,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-idle-timer.md b/zh-cn/react-native-idle-timer.md
index 8b4f2e9e..30a5514c 100644
--- a/zh-cn/react-native-idle-timer.md
+++ b/zh-cn/react-native-idle-timer.md
@@ -163,9 +163,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-image-capinsets-next.md b/zh-cn/react-native-image-capinsets-next.md
index dc8ce04e..20525723 100644
--- a/zh-cn/react-native-image-capinsets-next.md
+++ b/zh-cn/react-native-image-capinsets-next.md
@@ -248,9 +248,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 689f4e74..f2e2ee2c 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -273,9 +273,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Type    | Description                                                  | Platform    | HarmonyOS Support |
 | --------- | -------- | ------------------------------------------------------------ | ----------- | ----------------- |
@@ -283,9 +283,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **cropData**
 
diff --git a/zh-cn/react-native-image-gallery.md b/zh-cn/react-native-image-gallery.md
index 95175c2a..b3b86628 100644
--- a/zh-cn/react-native-image-gallery.md
+++ b/zh-cn/react-native-image-gallery.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
->   [!tip]  
+>   [!TIP]  
 >
 > [Github 地址](https://github.com/react-native-oh-library/react-native-image-gallery/tree/sig)
 
diff --git a/zh-cn/react-native-image-marker.md b/zh-cn/react-native-image-marker.md
index 8685add6..296a2376 100644
--- a/zh-cn/react-native-image-marker.md
+++ b/zh-cn/react-native-image-marker.md
@@ -301,9 +301,9 @@ ohpm install
 
 ##  API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description            | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | ---------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-image-pan-zoom.md b/zh-cn/react-native-image-pan-zoom.md
index 2bb97557..cef30b4a 100644
--- a/zh-cn/react-native-image-pan-zoom.md
+++ b/zh-cn/react-native-image-pan-zoom.md
@@ -91,9 +91,9 @@ export default function () {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见[react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)
 
diff --git a/zh-cn/react-native-image-picker.md b/zh-cn/react-native-image-picker.md
index 3c4c2fba..cb295b9c 100644
--- a/zh-cn/react-native-image-picker.md
+++ b/zh-cn/react-native-image-picker.md
@@ -222,9 +222,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### Options
 
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index 1b9c2f45..3df496f0 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -398,9 +398,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name             | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
 | ---------------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-image-zoom-viewer.md b/zh-cn/react-native-image-zoom-viewer.md
index d3523ffa..a3849282 100644
--- a/zh-cn/react-native-image-zoom-viewer.md
+++ b/zh-cn/react-native-image-zoom-viewer.md
@@ -231,9 +231,9 @@ export default ReactImageZoon;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                   | Description                                                  | Type                                                         | Platform    | HarmonyOS Support | Remark                                   |
 | ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ----------- | ----------------- | ---------------------------------------- |
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index d5a41ec3..e58e7f32 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -85,9 +85,9 @@ export default App;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请查看[react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer/blob/master/README.md)
 
diff --git a/zh-cn/react-native-keep-awake.md b/zh-cn/react-native-keep-awake.md
index fc6bc45b..ec2d371e 100644
--- a/zh-cn/react-native-keep-awake.md
+++ b/zh-cn/react-native-keep-awake.md
@@ -212,11 +212,11 @@ ohpm install
 
 ## 使用方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] 功能函数形式使用下，新老接口均可使用。
+> [!TIP] 功能函数形式使用下，新老接口均可使用。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                   | Description             | Required | Platform | HarmonyOS Support |
 | ---------------------- |-------------------------| -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-keys.md b/zh-cn/react-native-keys.md
index 1df4ed75..5acf29e0 100644
--- a/zh-cn/react-native-keys.md
+++ b/zh-cn/react-native-keys.md
@@ -235,9 +235,9 @@ ohpm install
    
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 | Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
diff --git a/zh-cn/react-native-lightbox.md b/zh-cn/react-native-lightbox.md
index d99fb66f..ba675a76 100644
--- a/zh-cn/react-native-lightbox.md
+++ b/zh-cn/react-native-lightbox.md
@@ -167,9 +167,9 @@ const styles = StyleSheet.create({
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## 属性
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 该库为UI组件库，通过配置属性标签，实现对应的功能。
diff --git a/zh-cn/react-native-linear-gradient-text.md b/zh-cn/react-native-linear-gradient-text.md
index 516e2697..32972cba 100644
--- a/zh-cn/react-native-linear-gradient-text.md
+++ b/zh-cn/react-native-linear-gradient-text.md
@@ -80,9 +80,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见[react-native-linear-gradient-text ReadMe](https://github.com/HMDarkFir3/react-native-linear-gradient-text/tree/main)
 
diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index 144fa76c..a0759827 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -112,9 +112,9 @@ export default MapLinkingDemo;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 Name | Description | Optional | Required | Platform | HarmonyOS   Support
 -- | -- | -- | -- | -- | --
diff --git a/zh-cn/react-native-maps-directions.md b/zh-cn/react-native-maps-directions.md
index 02d30408..a044090e 100644
--- a/zh-cn/react-native-maps-directions.md
+++ b/zh-cn/react-native-maps-directions.md
@@ -17,7 +17,7 @@
 
 ## 安装与使用
 
-> [!tip] 该库依赖react-native-maps，可参考[react-native-maps文档](./react-native-maps.md)安装
+> [!TIP] 该库依赖react-native-maps，可参考[react-native-maps文档](./react-native-maps.md)安装
 
 请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)，并下载适用版本的 tgz 包。
 
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index c1a1d289..17ab2560 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -458,9 +458,9 @@ ohpm install
 
 ### 权限要求
 
-> [!tip] 如需自建项目使用华为地图可以跳过以下第一步，并前往[华为开发者联盟](https://developer.huawei.com/consumer/cn/wiki/index.php)平台申请对应项目和应用程序
+> [!TIP] 如需自建项目使用华为地图可以跳过以下第一步，并前往[华为开发者联盟](https://developer.huawei.com/consumer/cn/wiki/index.php)平台申请对应项目和应用程序
 
-> [!tip] 详细配置参考华为开发者官网[地图服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/appgallery-connect-0000001751989088)
+> [!TIP] 详细配置参考华为开发者官网[地图服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/appgallery-connect-0000001751989088)
 
 以下是示例项目配置
 
@@ -545,9 +545,9 @@ ohpm install
 
 ## MapView
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -635,9 +635,9 @@ ohpm install
 
 ## Marker
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -683,9 +683,9 @@ ohpm install
 
 ## Polyline
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -709,9 +709,9 @@ ohpm install
 
 ## Polygon
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -737,9 +737,9 @@ ohpm install
 
 ## Circle
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -759,9 +759,9 @@ ohpm install
 
 ## Overlay
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -781,9 +781,9 @@ ohpm install
 
 ## UrlTile & WMSTile
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -805,9 +805,9 @@ ohpm install
 
 ## Callout
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -818,9 +818,9 @@ ohpm install
 
 ## Geojson
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -848,9 +848,9 @@ ohpm install
 
 > **Note**: Supported on Google Maps only.
 >
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
@@ -873,11 +873,11 @@ ohpm install
 
 ## Cluster
 
-> [!tip] 点聚合组件是新开发组件，在原库上不存在。
+> [!TIP] 点聚合组件是新开发组件，在原库上不存在。
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### 属性
 
diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index 8a629fe6..bf178061 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig)
 
 ## 安装与使用
 
@@ -91,15 +91,15 @@ export default App;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请查看[react-native-markdown-display](https://github.com/iamacup/react-native-markdown-display/blob/master/README.md)
 
 如下是已经 HarmonyOS 化的属性：
 
-> [!tip] " HarmonyOS 支持"列为 yes 的属性表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!TIP] " HarmonyOS 支持"列为 yes 的属性表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
 
 | Name                      | Description                                                                                                                                                                                           | Default                                                                                                                    | Required | Platform | HarmonyOS Support |
 | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-mask-text.md b/zh-cn/react-native-mask-text.md
index c36b0483..900b39b7 100644
--- a/zh-cn/react-native-mask-text.md
+++ b/zh-cn/react-native-mask-text.md
@@ -129,9 +129,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
 | --- | --- | --- | --- | --- | --- | --- |
diff --git a/zh-cn/react-native-masked-text.md b/zh-cn/react-native-masked-text.md
index 76f24a23..d2cbe181 100644
--- a/zh-cn/react-native-masked-text.md
+++ b/zh-cn/react-native-masked-text.md
@@ -84,9 +84,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 > 详情见 [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
 
@@ -159,9 +159,9 @@ const styles = StyleSheet.create({
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 > 详情见 [react-native-masked-text](https://github.com/bhrott/react-native-masked-text)
 
diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md
index 565958d0..fa920384 100644
--- a/zh-cn/react-native-masked-view-masked-view.md
+++ b/zh-cn/react-native-masked-view-masked-view.md
@@ -233,9 +233,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                   | Description  | Type               | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------ | ------------------ | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-material-buttons.md b/zh-cn/react-native-material-buttons.md
index 59e644e2..cdbfdddc 100644
--- a/zh-cn/react-native-material-buttons.md
+++ b/zh-cn/react-native-material-buttons.md
@@ -211,9 +211,9 @@ export default MaterialButtons;
 
 ### 此组件有以下属性:
 ## **API（TextButton ）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -223,9 +223,9 @@ export default MaterialButtons;
 | **disabledTitleColor**  |       Button title color for disabled state       |                         String                           |    No    | iOS/Android |        Yes        |
 
 ## **API（RaisedTextButton）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -233,9 +233,9 @@ export default MaterialButtons;
 |   **rippleDuration**    |   Duration of the ripple effect in milliseconds   |                         Number                           |    No    | iOS/Android |        Yes        |
 
 ## **API（Common）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
diff --git a/zh-cn/react-native-material-design-style.md b/zh-cn/react-native-material-design-style.md
index 9e1deede..6b7cd1ca 100644
--- a/zh-cn/react-native-material-design-style.md
+++ b/zh-cn/react-native-material-design-style.md
@@ -124,9 +124,9 @@ const styles = StyleSheet.create({
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-material-textfield.md b/zh-cn/react-native-material-textfield.md
index 83f2c121..03b68580 100644
--- a/zh-cn/react-native-material-textfield.md
+++ b/zh-cn/react-native-material-textfield.md
@@ -210,9 +210,9 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 ## 属性
 
 ### 此组件有以下属性:
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -252,9 +252,9 @@ RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 | **onBlur**  |  Blur callback    |                         Function                           |    No    | iOS/Android |        Yes        |
 
 ## **API（TextField）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
diff --git a/zh-cn/react-native-material-ui.md b/zh-cn/react-native-material-ui.md
index ad87eaa8..79a1865b 100644
--- a/zh-cn/react-native-material-ui.md
+++ b/zh-cn/react-native-material-ui.md
@@ -13,7 +13,7 @@
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/xotahal/react-native-material-ui)
+> [!TIP] [Github 地址](https://github.com/xotahal/react-native-material-ui)
 
 ## 安装与使用
 
diff --git a/zh-cn/react-native-md5.md b/zh-cn/react-native-md5.md
index 6489e146..a5e99ec4 100644
--- a/zh-cn/react-native-md5.md
+++ b/zh-cn/react-native-md5.md
@@ -103,9 +103,9 @@ export function md5TestExample() {
 
 ## API
 
-> [!tip] "Platform"列表示该接口在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该接口在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-mlkit-ocr.md b/zh-cn/react-native-mlkit-ocr.md
index 6e024fb2..5bdecace 100644
--- a/zh-cn/react-native-mlkit-ocr.md
+++ b/zh-cn/react-native-mlkit-ocr.md
@@ -261,7 +261,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ### 5.应用权限申请
 
-> [!tip] "ohos.permission.INTERNET"权限等级为<B>normal</B>，授权方式为<B>system_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+> [!TIP] "ohos.permission.INTERNET"权限等级为<B>normal</B>，授权方式为<B>system_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
 在 `YourProject/entry/src/main/module.json5`补上配置
 
@@ -309,9 +309,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | NAME         | Description                                                             | TYPE | Required | Platform | HarmonyOS Support |
 | ---------------- | ------------------------------------------ |--------------------------------- | ------ | -------- | -------- |
diff --git a/zh-cn/react-native-modal.md b/zh-cn/react-native-modal.md
index 60f7e184..9091a6a9 100644
--- a/zh-cn/react-native-modal.md
+++ b/zh-cn/react-native-modal.md
@@ -130,9 +130,9 @@ export default DefaultModal;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Default | Required | Platform | HarmonyOS Support |
 | --- | --- | --- | --- | --- | --- | --- |
diff --git a/zh-cn/react-native-modalbox.md b/zh-cn/react-native-modalbox.md
index c381787e..12c1bf47 100644
--- a/zh-cn/react-native-modalbox.md
+++ b/zh-cn/react-native-modalbox.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-modalbox)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-modalbox)
 
 ## 安装与使用
 
@@ -483,9 +483,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 |                         Description                          |      Type      | Required |  Platform   | HarmonyOS Support |
 | :------------------- | :----------------------------------------------------------: | :------------: | :------: | :---------: | :---------------: |
@@ -514,9 +514,9 @@ const styles = StyleSheet.create({
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name  |   Description   |    Type    | Required |  Platform   | HarmonyOS Support |
 | :---- | :-------------: | :--------: | :------: | :---------: | :---------------: |
diff --git a/zh-cn/react-native-multi-slider.md b/zh-cn/react-native-multi-slider.md
index af40493e..77ef2dc4 100644
--- a/zh-cn/react-native-multi-slider.md
+++ b/zh-cn/react-native-multi-slider.md
@@ -478,9 +478,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。遗留问题
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。遗留问题
 
 | Name                         | Description                                                  | Type              | Required | Platform | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | ----------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-neomorph-shadows.md b/zh-cn/react-native-neomorph-shadows.md
index 4350091f..3ccaa415 100644
--- a/zh-cn/react-native-neomorph-shadows.md
+++ b/zh-cn/react-native-neomorph-shadows.md
@@ -120,9 +120,9 @@ const styles = StyleSheet.create({
 
 ### 此组件有以下属性:
 ## **API（Shadow）**
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |          Name           |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 |:-----------------------:| :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
diff --git a/zh-cn/react-native-nested-scroll-view.md b/zh-cn/react-native-nested-scroll-view.md
index 0a3f1416..62b544b0 100644
--- a/zh-cn/react-native-nested-scroll-view.md
+++ b/zh-cn/react-native-nested-scroll-view.md
@@ -121,9 +121,9 @@ ohpm install
 
 Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#props) 组件的Props
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 常用属性如下：
 
@@ -158,9 +158,9 @@ Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在Re
 
 Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动，在React Native中直接使用原生的ScrollView实现嵌套滚动时，会出现一些滚动上的问题，例如嵌套滚动不流畅或无法正确响应滚动事件等，因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题；而iOS使用的是React Native中的ScrollView来实现嵌套滚动，HarmonyOS与iOS保持一致，接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#methods) 组件的Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-orientation-locker.md b/zh-cn/react-native-orientation-locker.md
index 5a8a0cce..d9d03e8f 100644
--- a/zh-cn/react-native-orientation-locker.md
+++ b/zh-cn/react-native-orientation-locker.md
@@ -319,9 +319,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
 
@@ -337,9 +337,9 @@ ohpm install
 
 ## Events
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
 
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index e4d07ef8..85812e6b 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -273,9 +273,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
 
@@ -291,9 +291,9 @@ ohpm install
 
 ## Events
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation)
 
diff --git a/zh-cn/react-native-pager-view.md b/zh-cn/react-native-pager-view.md
index 7eecba89..96607fa8 100644
--- a/zh-cn/react-native-pager-view.md
+++ b/zh-cn/react-native-pager-view.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-pager-view)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-pager-view)
 
 ## 安装与使用
 
@@ -211,9 +211,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
+> [!TIP] " HarmonyOS 支持"列为 yes 的 API 表示支持 HarmonyOS 平台，并且效果对标"原库平台"列中的 ios 或 android 的效果。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                     | Description                                                                                                                                                                                                                                                         | Type                           | Required | Platform     | HarmonyOS Support          |
 | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------ | -------- | ------------ | -------------------------- |
diff --git a/zh-cn/react-native-paper.md b/zh-cn/react-native-paper.md
index 3734eae9..7e48c1cf 100644
--- a/zh-cn/react-native-paper.md
+++ b/zh-cn/react-native-paper.md
@@ -105,9 +105,9 @@ export default ActivityIndicatorDemo;
 
 详情查看[Paper官方文档](https://callstack.github.io/react-native-paper)
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -150,9 +150,9 @@ export default ActivityIndicatorDemo;
 
 详情查看[Paper官方组件介绍文档](https://callstack.github.io/react-native-paper/docs/components/ActivityIndicator#animating)
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **ActivityIndicator**：Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
diff --git a/zh-cn/react-native-parsed-text.md b/zh-cn/react-native-parsed-text.md
index 2101abb4..21231f02 100644
--- a/zh-cn/react-native-parsed-text.md
+++ b/zh-cn/react-native-parsed-text.md
@@ -178,9 +178,9 @@ const styles = StyleSheet.create({
 
 ParsedText组件接收所有[React Native Text](https://reactnative.dev/docs/text.html)组件的Props
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index efbd5ede..9d6e28de 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-permissions)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-permissions)
 
 ## 安装与使用
 
diff --git a/zh-cn/react-native-phone-number-input.md b/zh-cn/react-native-phone-number-input.md
index 5267a88f..08832d0e 100644
--- a/zh-cn/react-native-phone-number-input.md
+++ b/zh-cn/react-native-phone-number-input.md
@@ -168,9 +168,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                     | Description                           | Type                                                                                                          | Required | Platform    | HarmonyOS Support |
 | ------------------------ | ------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -200,9 +200,9 @@ const styles = StyleSheet.create({
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                  | Description                                 | Type                                                                                                                | Required | Platform    | HarmonyOS Support |
 | ------------------------------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-picker-picker(nocodegen).md b/zh-cn/react-native-picker-picker(nocodegen).md
index 6558c47b..34d1eb4e 100644
--- a/zh-cn/react-native-picker-picker(nocodegen).md
+++ b/zh-cn/react-native-picker-picker(nocodegen).md
@@ -247,9 +247,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### PickerProps
 
@@ -285,9 +285,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description                     | Type     | Required | Platform | HarmonyOS Support |
 |---------|---------------------------------|----------|----------|----------|-------------------|
diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md
index 24880322..707af521 100644
--- a/zh-cn/react-native-picker-picker.md
+++ b/zh-cn/react-native-picker-picker.md
@@ -190,9 +190,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；No 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### PickerProps
 
diff --git a/zh-cn/react-native-picker.md b/zh-cn/react-native-picker.md
index 13857050..16c39bd6 100644
--- a/zh-cn/react-native-picker.md
+++ b/zh-cn/react-native-picker.md
@@ -257,9 +257,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | --- |----------|---------| ------ | ----------- |-------------------|
@@ -287,9 +287,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type     | Required | Platform    | HarmonyOS Support |
 | --- |----------|----------|----------|-------------|-------------------|
diff --git a/zh-cn/react-native-pickers.md b/zh-cn/react-native-pickers.md
index 40a614e6..ee860bd3 100644
--- a/zh-cn/react-native-pickers.md
+++ b/zh-cn/react-native-pickers.md
@@ -174,9 +174,9 @@ export default class MainPage extends BaseComponent {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 IOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 IOS 或 Android 的效果。
 
 ### AlertDialog
 
diff --git a/zh-cn/react-native-popover-view.md b/zh-cn/react-native-popover-view.md
index 89608d4f..0d41244d 100644
--- a/zh-cn/react-native-popover-view.md
+++ b/zh-cn/react-native-popover-view.md
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-popover-view)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-popover-view)
 
 ## 安装与使用
 
@@ -146,9 +146,9 @@ export default PopoverDemo;
 
 **属性&方法**
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                                                                                                                                                                                                                                                                                                                                                                    | Type                  | Required | Platform | HarmonyOS Support | remark         |
 | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- | -------------- |
diff --git a/zh-cn/react-native-popup-menu.md b/zh-cn/react-native-popup-menu.md
index 9e4af30f..2fb159ab 100644
--- a/zh-cn/react-native-popup-menu.md
+++ b/zh-cn/react-native-popup-menu.md
@@ -88,9 +88,9 @@ export const YourComponent = () => (
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见[react-native-popup-menu](https://github.com/instea/react-native-popup-menu/blob/master/doc/api.md)
 
diff --git a/zh-cn/react-native-progress.md b/zh-cn/react-native-progress.md
index 8c5f14e7..3cbd7146 100644
--- a/zh-cn/react-native-progress.md
+++ b/zh-cn/react-native-progress.md
@@ -142,9 +142,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见[react-native-progress](https://github.com/oblador/react-native-progress)
 
diff --git a/zh-cn/react-native-pull.md b/zh-cn/react-native-pull.md
index cded89f4..0b0102f9 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -14,7 +14,7 @@
 
 
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-pull)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-pull)
 
 ## 安装与使用
 
@@ -440,9 +440,9 @@ export default PullListDemo;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **`PullView` & `PullList` 下拉效果属性**
 
diff --git a/zh-cn/react-native-quick-base64.md b/zh-cn/react-native-quick-base64.md
index 7d000a5d..de3259bc 100644
--- a/zh-cn/react-native-quick-base64.md
+++ b/zh-cn/react-native-quick-base64.md
@@ -568,9 +568,9 @@ ohpm install
 ## 静态方法
 
 以下是提供的静态方法数据:
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | NAME         | Description                                                             | TYPE | Required | Platform | HarmonyOS Support |
 | ---------------- | --------------------------------------------------------------------------- | ------ | ------ | -------- | -------- |
diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md
index 8bd3f776..5fa1ecbf 100644
--- a/zh-cn/react-native-randombytes.md
+++ b/zh-cn/react-native-randombytes.md
@@ -197,9 +197,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes)
 
diff --git a/zh-cn/react-native-ratings.md b/zh-cn/react-native-ratings.md
index cb25f3e5..023390be 100644
--- a/zh-cn/react-native-ratings.md
+++ b/zh-cn/react-native-ratings.md
@@ -130,9 +130,9 @@ export function RatingsDemo () {
 ## 属性
 
 ### 此组件有以下属性:
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
@@ -156,9 +156,9 @@ export function RatingsDemo () {
 |     **onFinishRating**     |       Callback method when the user finishes rating. Gives you the final rating value as a whole number (required)         |                         function                           |    No    | iOS/Android |        Yes        |
 
 ## **API（AirbnbRating）**
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |           Name            |                    Description                    |                           Type                           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: |
diff --git a/zh-cn/react-native-reanimated-table.md b/zh-cn/react-native-reanimated-table.md
index b6567fb5..aa0be7f6 100644
--- a/zh-cn/react-native-reanimated-table.md
+++ b/zh-cn/react-native-reanimated-table.md
@@ -99,9 +99,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见[react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)
 
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index 5dd04f57..ea63c220 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -240,9 +240,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name               | Description                                                                                                                                                                                                                | Type     | Required | Platform | HarmonyOS Support |
 | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-render-html.md b/zh-cn/react-native-render-html.md
index 680e6438..329a83dd 100644
--- a/zh-cn/react-native-render-html.md
+++ b/zh-cn/react-native-render-html.md
@@ -72,9 +72,9 @@ export default function App() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **组件 RenderHtml**
 
diff --git a/zh-cn/react-native-root-modal.md b/zh-cn/react-native-root-modal.md
index f3a1aee1..eb78952a 100644
--- a/zh-cn/react-native-root-modal.md
+++ b/zh-cn/react-native-root-modal.md
@@ -173,9 +173,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 react-native-root-modal组件接收所有[React Native View](https://reactnative.dev/docs/view#props)组件的Props.
 
diff --git a/zh-cn/react-native-root-siblings.md b/zh-cn/react-native-root-siblings.md
index 3a253814..9c554fb5 100644
--- a/zh-cn/react-native-root-siblings.md
+++ b/zh-cn/react-native-root-siblings.md
@@ -275,9 +275,9 @@ RNOH: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release); IDE: DevEco St
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-root-toast.md b/zh-cn/react-native-root-toast.md
index f9f57bc5..69e2c9fe 100644
--- a/zh-cn/react-native-root-toast.md
+++ b/zh-cn/react-native-root-toast.md
@@ -92,9 +92,9 @@ export function ReactNativeRootToastExample() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name            | Description                                                                           | Type     | Required | Platform | HarmonyOS Support |
 | --------------- | ------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md
index bc4a8af9..936fba79 100644
--- a/zh-cn/react-native-safe-area-context.md
+++ b/zh-cn/react-native-safe-area-context.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-area-context)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-safe-area-context)
 
 ## 安装与使用
 
@@ -213,9 +213,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **组件 SafeAreaProvider**
 
@@ -240,9 +240,9 @@ Note that providers should not be inside a View that is animated with Animated o
 
 # API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type     | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- |----------|----------| -------- | ------------------ |
diff --git a/zh-cn/react-native-safe-module.md b/zh-cn/react-native-safe-module.md
index 3937058f..c5868a7f 100644
--- a/zh-cn/react-native-safe-module.md
+++ b/zh-cn/react-native-safe-module.md
@@ -73,9 +73,9 @@ export default App;
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 Name | Description | Type | Required | Platform | HarmonyOS   Support
diff --git a/zh-cn/react-native-screens.md b/zh-cn/react-native-screens.md
index b7fc2b88..a13e3dcb 100644
--- a/zh-cn/react-native-screens.md
+++ b/zh-cn/react-native-screens.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/software-mansion/react-native-screens)
+> [!TIP] [Github 地址](https://github.com/software-mansion/react-native-screens)
 
 ## 安装与使用
 
@@ -128,9 +128,9 @@ enableScreens(false);
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                                      | Description                                                                           | Type     | Required | Platform    | HarmonyOS Support |
 |-----------------------------------------------------------|---------------------------------------------------------------------------------------|----------|----------|-------------|-------------------|
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index f0584063..02b32a6a 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -14,7 +14,7 @@
 
 
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
 
 ## 安装与使用
 
@@ -79,9 +79,9 @@ export default () => {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                       | Description                                                  | Type                 | Required | Platform     | HarmonyOS Support |
 | -------------------------- | ------------------------------------------------------------ | -------------------- | -------- | ------------ | ----------------- |
diff --git a/zh-cn/react-native-scrollable-tabview.md b/zh-cn/react-native-scrollable-tabview.md
index b4cf95cd..c0687d9b 100644
--- a/zh-cn/react-native-scrollable-tabview.md
+++ b/zh-cn/react-native-scrollable-tabview.md
@@ -127,9 +127,9 @@ export default function ScrollTabsDemo() {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required |   HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- |  ------------------ |
@@ -185,9 +185,9 @@ toProps | toProps 仅传递给 Screen，不作数据关联 | Object | / | yes |
 
 ## 方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 Name | Description | Type | Required | HarmonyOS   Support
diff --git a/zh-cn/react-native-secharts.md b/zh-cn/react-native-secharts.md
index a0fa37c4..79a109eb 100644
--- a/zh-cn/react-native-secharts.md
+++ b/zh-cn/react-native-secharts.md
@@ -117,7 +117,7 @@ const styles = StyleSheet.create({
 
 ## Link
 
-> [!tip] 本库依赖的@react-native-oh-tpl/react-native-webview 使用的版本为 13.10.2-0.2.0
+> [!TIP] 本库依赖的@react-native-oh-tpl/react-native-webview 使用的版本为 13.10.2-0.2.0
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
@@ -133,9 +133,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name              | Description                                                                                                                            | Type     | Required | Platform | HarmonyOS Support |
 | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -148,9 +148,9 @@ const styles = StyleSheet.create({
 
 ## 实例方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Prop        | Description                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
 | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-section-list-get-item-layout.md b/zh-cn/react-native-section-list-get-item-layout.md
index 4514337e..d332523c 100644
--- a/zh-cn/react-native-section-list-get-item-layout.md
+++ b/zh-cn/react-native-section-list-get-item-layout.md
@@ -13,7 +13,7 @@
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/jsoendermann/rn-section-list-get-item-layout)
+> [!TIP] [Github 地址](https://github.com/jsoendermann/rn-section-list-get-item-layout)
 
 ## 安装与使用
 
@@ -76,9 +76,9 @@ export default MyComponent
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见 [rn-section-list-get-item-layout 源库地址](https://github.com/jsoendermann/rn-section-list-get-item-layout)
 
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 0ea9169e..6fec457f 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -189,9 +189,9 @@ gyroscope 需要的权限：ohos.permission.GYROSCOPE
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                     | Description  | Type       | Required | Platform    | HarmonyOS Support |
 | ------------------------ | ------------ | ---------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-shadow-2.md b/zh-cn/react-native-shadow-2.md
index 419c6e20..f9225fa7 100644
--- a/zh-cn/react-native-shadow-2.md
+++ b/zh-cn/react-native-shadow-2.md
@@ -186,9 +186,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name           | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-shared-element.md b/zh-cn/react-native-shared-element.md
index 396b3e86..0d977d92 100644
--- a/zh-cn/react-native-shared-element.md
+++ b/zh-cn/react-native-shared-element.md
@@ -366,9 +366,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### SharedElementAnimation
 
diff --git a/zh-cn/react-native-signature-capture.md b/zh-cn/react-native-signature-capture.md
index de6801ae..36f09ca6 100644
--- a/zh-cn/react-native-signature-capture.md
+++ b/zh-cn/react-native-signature-capture.md
@@ -261,9 +261,9 @@ ohpm install
    
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 | Name                                                              | Description                                                                                                                                                                     | Type                      | Required | Platform    | HarmonyOS Support |
@@ -283,9 +283,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 | Name       | Description                                                                                         | Type     | Required | Platform    | HarmonyOS Support |
diff --git a/zh-cn/react-native-simple-toast.md b/zh-cn/react-native-simple-toast.md
index e49c1161..0ae2113e 100644
--- a/zh-cn/react-native-simple-toast.md
+++ b/zh-cn/react-native-simple-toast.md
@@ -123,9 +123,9 @@ RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
 | Name                   | Description               | Required | Platform | HarmonyOS Support |
@@ -137,9 +137,9 @@ RNOH：0.72.23; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description      | Type             | Required |   HarmonyOS Support  |
 | ---- |------------------|------------------| -------- |  ------------------ |
diff --git a/zh-cn/react-native-skia.md b/zh-cn/react-native-skia.md
index 6f19d287..1105cbe8 100644
--- a/zh-cn/react-native-skia.md
+++ b/zh-cn/react-native-skia.md
@@ -244,9 +244,9 @@ ohpm install
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-skia Releases](https://github.com/react-native-oh-library/react-native-skia/releases)
 
-> [!tip] [skia 官方文档](https://shopify.github.io/react-native-skia/docs/getting-started/installation)
+> [!TIP] [skia 官方文档](https://shopify.github.io/react-native-skia/docs/getting-started/installation)
 
-> [!tip] 使用此库需要配置 [@react-native-oh-tpl/react-native-reanimated](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md)
+> [!TIP] 使用此库需要配置 [@react-native-oh-tpl/react-native-reanimated](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md)
 
 ## 组件
 
@@ -254,9 +254,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                                                                                            | Type                     | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------ | -------- | ----------- | ----------------- |
@@ -270,9 +270,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name       | Description                                                                                                                                                                                                            | Type              | Required | Platform    | HarmonyOS Support |
 | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
@@ -286,9 +286,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                                                                                                                                                                                                                                      | Type             | Required | Platform    | HarmonyOS Support |
 | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | -------- | ----------- | ----------------- |
@@ -301,9 +301,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description              | Type   | Required | Platform    | HarmonyOS Support |
 | ------ | ------------------------ | ------ | -------- | ----------- | ----------------- |
@@ -316,9 +316,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                                        | Type             | Required | Platform    | HarmonyOS Support |
 | ------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
@@ -332,9 +332,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name  | Description      | Type          | Required | Platform    | HarmonyOS Support |
 | ----- | ---------------- | ------------- | -------- | ----------- | ----------------- |
@@ -345,9 +345,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description  | Type  | Required | Platform    | HarmonyOS Support |
 | ---- | ------------ | ----- | -------- | ----------- | ----------------- |
@@ -358,9 +358,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                                                                                                                                                | Type      | Required | Platform    | HarmonyOS Support |
 | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
@@ -371,9 +371,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description  | Type   | Required | Platfor     | HarmonyOS Support |
 | ---- | ------------ | ------ | -------- | ----------- | ----------------- |
@@ -385,9 +385,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                             | Type   | Required | Platfor     | HarmonyOS Support |
 | ------ | --------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -400,9 +400,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name       | Type              | Description                                                       | Required | android/ios | HarmonyOS Support |
 | ---------- | ----------------- | ----------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -416,9 +416,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Type         | Description                                                                                                                                                           | Required | android/ios | HarmonyOS Support |
 | --------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -433,9 +433,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Type             | Description                                                  | Required | android/ios | HarmonyOS Support |
 | --------- | ---------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
@@ -448,9 +448,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Type      | Description       | Required | android/ios | HarmonyOS Support |
 | ------- | --------- | ----------------- | -------- | ----------- | ----------------- |
@@ -460,9 +460,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Type              | Description               | Required | android/ios | HarmonyOS Support |
 | ---- | ----------------- | ------------------------- | -------- | ----------- | ----------------- |
@@ -472,9 +472,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Type    | Description                                     | Required | android/ios | HarmonyOS Support |
 | ------ | ------- | ----------------------------------------------- | -------- | ----------- | ----------------- |
@@ -489,9 +489,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Type                                                                       | Description                   | Required | android/ios | HarmonyOS Support |
 | -------- | -------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
@@ -503,9 +503,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Description                                                                                                              | Type              | Required | android/ios | HarmonyOS Support |
 | --------- | ------------------------------------------------------------------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- |
@@ -522,9 +522,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Description                                                                                                                                                                                                                                                                                            | Type         | Required | Platform    | HarmonyOS Support |
 | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
@@ -538,9 +538,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name  | Description                     | Type  | Required | Platform    | HarmonyOS Support |
 | ----- | ------------------------------- | ----- | -------- | ----------- | ----------------- |
@@ -551,9 +551,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description             | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | ----------------------- | ------ | -------- | ----------- | ----------------- |
@@ -564,9 +564,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                 | Type   | Required | Platform    | HarmonyOS Support |
 | ------ | --------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -579,9 +579,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name  | Description                            | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | -------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -593,9 +593,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
@@ -610,9 +610,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name       | Description                                                                                                                    | Type   | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
@@ -627,9 +627,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                          | Type      | Required | Platform    | HarmonyOS Support |
 | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
@@ -640,9 +640,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | ----------- | ------ | -------- | ----------- | ----------------- |
@@ -652,9 +652,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Description                                                   | Type       | Required | Platform    | HarmonyOS Support |
 | --------- | ------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -667,9 +667,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Description                                                                                                                             | Type       | Required | Platform    | HarmonyOS Support |
 | --------- | --------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -681,9 +681,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                    | Type       | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------ | ---------- | -------- | ----------- | ----------------- |
@@ -694,9 +694,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                     | Type              | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- |
@@ -710,9 +710,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -724,9 +724,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                   | Type       | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------------- | ---------- | -------- | ----------- | ----------------- |
@@ -738,9 +738,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name       | Description                                            | Type        | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
@@ -756,9 +756,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                   | Type             | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
@@ -770,9 +770,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                          | Type         | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
@@ -785,9 +785,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
@@ -799,9 +799,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                         | Type             | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
@@ -813,9 +813,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                | Type            | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------ | --------------- | -------- | ----------- | ----------------- |
@@ -826,9 +826,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name       | Description                                                           | Type      | Required | Platform    | HarmonyOS Support |
 | ---------- | --------------------------------------------------------------------- | --------- | -------- | ----------- | ----------------- |
@@ -840,9 +840,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
@@ -853,9 +853,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                               | Type        | Required | Platform    | HarmonyOS Support |
 | -------- | ----------------------------------------------------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
@@ -867,9 +867,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
@@ -880,9 +880,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
@@ -892,9 +892,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                | Type        | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------ | ----------- | -------- | ----------- | ----------------- |
@@ -904,9 +904,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                          | Type               | Required | Platform    | HarmonyOS Support |
 | -------- | ---------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
@@ -919,9 +919,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                                                                                                                                                                | Type    | Required | Platform    | HarmonyOS Support |
 | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
@@ -936,9 +936,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
 | ------ | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -952,9 +952,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name      | Description                                   | Type        | Required | Platform    | HarmonyOS Support |
 | --------- | --------------------------------------------- | ----------- | -------- | ----------- | ----------------- |
@@ -967,9 +967,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description                                   | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | --------------------------------------------- | ------ | -------- | ----------- | ----------------- |
@@ -982,9 +982,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                                                | Type    | Required | Platform    | HarmonyOS Support |
 | ------ | ---------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
@@ -997,9 +997,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description                                                                                                                                                                             | Type           | Required | Platform    | HarmonyOS Support |
 | ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
@@ -1011,9 +1011,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description                                                | Type     | Required | Platform    | HarmonyOS Support |
 | ---- | ---------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
@@ -1025,9 +1025,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name   | Description                                                                             | Type                     | Required | Platform    | HarmonyOS Support |
 | ------ | --------------------------------------------------------------------------------------- | ------------------------ | -------- | ----------- | ----------------- |
@@ -1037,9 +1037,9 @@ ohpm install
 
 #### 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | ------ | -------- | ----------- | ----------------- |
@@ -1047,9 +1047,9 @@ ohpm install
 
 ## RNSkiaModule API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description      | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | ---------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-slider.md b/zh-cn/react-native-slider.md
index af613f5d..12495c6b 100644
--- a/zh-cn/react-native-slider.md
+++ b/zh-cn/react-native-slider.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/tree/sig)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/tree/sig)
 
 ## 安装与使用
 
@@ -155,9 +155,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 >
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                  | Description                                                                                                                                                                                                   | Type                                                                    | Required | Platform    | HarmonyOS Support |
 |-----------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|----------|-------------|-------------------|
diff --git a/zh-cn/react-native-snackbar.md b/zh-cn/react-native-snackbar.md
index df91cfb1..90e58ddf 100644
--- a/zh-cn/react-native-snackbar.md
+++ b/zh-cn/react-native-snackbar.md
@@ -176,9 +176,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### Snackbar.show(options)
 
@@ -255,9 +255,9 @@ Where event is one of the following options :
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name    | Description                       | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | --------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-snap-carousel.md b/zh-cn/react-native-snap-carousel.md
index 958b14cf..644cdc66 100644
--- a/zh-cn/react-native-snap-carousel.md
+++ b/zh-cn/react-native-snap-carousel.md
@@ -123,9 +123,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                          | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Type                       | Required                                               | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- | ----------------------------------------------------- | -------- | ----------------- |
@@ -171,9 +171,9 @@ const styles = StyleSheet.create({
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Prop                             | Description                                                                        | Type     | Required     | Platform | HarmonyOS Support |
 | -------------------------------- | ---------------------------------------------------------------------------------- | -------- | ----------- | ------- | ----------------- |
diff --git a/zh-cn/react-native-sortable-list.md b/zh-cn/react-native-sortable-list.md
index 1ee3e0e0..845e7140 100644
--- a/zh-cn/react-native-sortable-list.md
+++ b/zh-cn/react-native-sortable-list.md
@@ -237,9 +237,9 @@ const styles = StyleSheet.create({
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                           | Description                                                                                                                                                                    | **Type**      | Required | Platform | HarmonyOS Support |
 | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | -------- | ----------------- |
@@ -268,9 +268,9 @@ const styles = StyleSheet.create({
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name           | Description                                                                 | **Type**       | Required | Platform | HarmonyOS Support |
 | -------------- | --------------------------------------------------------------------------- | -------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md
index 5e81273e..092345f4 100644
--- a/zh-cn/react-native-spinkit.md
+++ b/zh-cn/react-native-spinkit.md
@@ -190,9 +190,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **SpinKit**：加载动画渲染组件，接收所有 [View](https://reactnative.dev/docs/view#props) 的props。
 
diff --git a/zh-cn/react-native-sqlite-storage.md b/zh-cn/react-native-sqlite-storage.md
index 83f53a48..34469f25 100644
--- a/zh-cn/react-native-sqlite-storage.md
+++ b/zh-cn/react-native-sqlite-storage.md
@@ -607,7 +607,7 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-ssl-pinning.md b/zh-cn/react-native-ssl-pinning.md
index adee064b..8a81376d 100644
--- a/zh-cn/react-native-ssl-pinning.md
+++ b/zh-cn/react-native-ssl-pinning.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-ssl-pinning)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-ssl-pinning)
 
 ## 安装与使用
 
@@ -350,9 +350,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                | Description                                    | Type      | Required | Platform   | HarmonyOS Support |
 |-------------------------------------|------------------------------------------------|-----------| -------- |------------|-------------------|
diff --git a/zh-cn/react-native-stickyheader.md b/zh-cn/react-native-stickyheader.md
index f43e6136..cb25d1ea 100644
--- a/zh-cn/react-native-stickyheader.md
+++ b/zh-cn/react-native-stickyheader.md
@@ -126,9 +126,9 @@ export default App;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 此组件有以下属性:
 
diff --git a/zh-cn/react-native-storage.md b/zh-cn/react-native-storage.md
index e7f6d734..136fb45b 100644
--- a/zh-cn/react-native-storage.md
+++ b/zh-cn/react-native-storage.md
@@ -390,9 +390,9 @@ RNOH: 0.72.22; SDK: OpenHarmony(api12) 5.0.0.22; IDE: DevEco Studio 5.0.3.228; R
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-svg-charts.md b/zh-cn/react-native-svg-charts.md
index f93353d9..67ed9317 100644
--- a/zh-cn/react-native-svg-charts.md
+++ b/zh-cn/react-native-svg-charts.md
@@ -493,9 +493,9 @@ export default PieChartWithLabelExample
 
 ### 共有属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-svg.md b/zh-cn/react-native-svg.md
index 43e36a8d..24916e9d 100644
--- a/zh-cn/react-native-svg.md
+++ b/zh-cn/react-native-svg.md
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-svg)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-svg)
 
 ## 安装与使用
 
-> [!tip] 本项目为 react-native-svg 的ArkTs版本，现已停止维护。
+> [!TIP] 本项目为 react-native-svg 的ArkTs版本，现已停止维护。
 
-> [!tip] 如需继续使用请移步至[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 使用CAPI版本的 react-native-svg。
+> [!TIP] 如需继续使用请移步至[react-native-svg-capi](/zh-cn/react-native-svg-capi.md) 使用CAPI版本的 react-native-svg。
 
 请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-svg Releases](https://github.com/react-native-oh-library/react-native-svg/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
@@ -229,9 +229,9 @@ ohpm install
 
 以下为目前已支持的组件属性：
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 **Svg**：绘制组件的父组件
 
@@ -292,7 +292,7 @@ ohpm install
 
 **LinearGradient**：用于定义线性渐变
 
-> [!tip] 注： LinearGradient 目前仅支持 Path、Rect、Circle 组件，只支持在 fill 上使用，不支持 stroke
+> [!TIP] 注： LinearGradient 目前仅支持 Path、Rect、Circle 组件，只支持在 fill 上使用，不支持 stroke
 
 | Name |    Description    |      Type       | Required | Platform | HarmonyOS Support |
 | :--: | :---------------: | :-------------: | -------- | -------- | ----------------- |
@@ -311,11 +311,11 @@ ohpm install
 
 **Mask**：定义 alpha 蒙版，用于将当前对象合成到背景中
 
-> [!tip] 注： Mask 目前自有属性均不支持，仅支持 Path、Rect、Circle 组件的单一组件嵌套，不支持多组件嵌套
+> [!TIP] 注： Mask 目前自有属性均不支持，仅支持 Path、Rect、Circle 组件的单一组件嵌套，不支持多组件嵌套
 
 **Use**：该元素可以重复使用 SVG 元素
 
-> [!tip] 注： Use 目前仅支持 Path、Rect、Circle 组件
+> [!TIP] 注： Use 目前仅支持 Path、Rect、Circle 组件
 
 |  Name  |    Description    |      Type       | Required | Platform | HarmonyOS Support |
 | :----: | :---------------: | :-------------: | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-swipe-gestures.md b/zh-cn/react-native-swipe-gestures.md
index 37c7ec85..69557649 100644
--- a/zh-cn/react-native-swipe-gestures.md
+++ b/zh-cn/react-native-swipe-gestures.md
@@ -135,9 +135,9 @@ export default SomeComponent;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 Can be passed within optional `config` property.
 
@@ -149,9 +149,9 @@ Can be passed within optional `config` property.
 
 ## Methods
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | name         | Params       | Description                              | Type   | Required | Platform    | HarmonyOS Suppor |
 | ------------ | ------------ | ---------------------------------------- | ------ | -------- | ----------- | ---------------- |
diff --git a/zh-cn/react-native-swiper.md b/zh-cn/react-native-swiper.md
index 6f30cc5a..feb44b26 100644
--- a/zh-cn/react-native-swiper.md
+++ b/zh-cn/react-native-swiper.md
@@ -13,7 +13,7 @@
 </p>
 
 
-> [!tip] [Github 地址](https://github.com/leecade/react-native-swiper)
+> [!TIP] [Github 地址](https://github.com/leecade/react-native-swiper)
 
 ## 安装与使用
 
@@ -100,9 +100,9 @@ AppRegistry.registerComponent("myproject", () => SwiperComponent);
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 #### basics
 
diff --git a/zh-cn/react-native-switch-pro.md b/zh-cn/react-native-switch-pro.md
index 47718014..d345bd64 100644
--- a/zh-cn/react-native-switch-pro.md
+++ b/zh-cn/react-native-switch-pro.md
@@ -68,9 +68,9 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-switch.md b/zh-cn/react-native-switch.md
index 9100fe7e..bab6f9cb 100644
--- a/zh-cn/react-native-switch.md
+++ b/zh-cn/react-native-switch.md
@@ -102,9 +102,9 @@ export function SwitchDemo(){
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 Yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |        Name        |                         Description                          |        Type         | Required |  Platform   | HarmonyOS Support |
 | :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
diff --git a/zh-cn/react-native-syan-image-picker.md b/zh-cn/react-native-syan-image-picker.md
index de523a00..59f49c43 100644
--- a/zh-cn/react-native-syan-image-picker.md
+++ b/zh-cn/react-native-syan-image-picker.md
@@ -352,9 +352,9 @@ ohpm install
 
 
 ## ImagePickerOption(选择图片或数据的配置项)
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                            | Description                                                  | Type    | Required |  Platform   | HarmonyOS Support |
 | ------------------------------- | ------------------------------------------------------------ | ------- | :------: | :---------: | :---------------: |
@@ -388,9 +388,9 @@ ohpm install
 | showSelectedIndex               | 是否显示序号， 默认不显示                                    | boolean |   yes    | iOS/Android |        no         |
 
 ## SelectedPhoto（选择的图片或视频的返回结果）
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name         | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
 | ------------ | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
@@ -403,9 +403,9 @@ ohpm install
 | base64       | 图片的 base64 编码，如果 enableBase64 设置 false，则不返回该属性 | string | yes      | iOS/Android | yes               |
 
 ## API
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                 | Description                        | Type                                                     | Required | Platform    | HarmonyOS Support |
 | -------------------- | ---------------------------------- | -------------------------------------------------------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-tab-navigator.md b/zh-cn/react-native-tab-navigator.md
index 09302949..26356c1e 100644
--- a/zh-cn/react-native-tab-navigator.md
+++ b/zh-cn/react-native-tab-navigator.md
@@ -122,9 +122,9 @@ export default App;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### TabNavigator props
 
diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md
index c501bdae..d59ad058 100644
--- a/zh-cn/react-native-text-size.md
+++ b/zh-cn/react-native-text-size.md
@@ -331,11 +331,11 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-> [!tip] 参数信息查看 [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
+> [!TIP] 参数信息查看 [Github 地址](https://github.com/react-native-oh-library/react-native-text-size)
 
 | Name                   | Description                                                                     | Type                            | Required | Platform | HarmonyOS Support |
 | ---------------------- | ------------------------------------------------------------------------------- | ------------------------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-textinput-maxlength-fixed.md b/zh-cn/react-native-textinput-maxlength-fixed.md
index 3958486e..26e1dff8 100644
--- a/zh-cn/react-native-textinput-maxlength-fixed.md
+++ b/zh-cn/react-native-textinput-maxlength-fixed.md
@@ -154,9 +154,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-theme-control.md b/zh-cn/react-native-theme-control.md
index dfd66eb0..6949df6f 100644
--- a/zh-cn/react-native-theme-control.md
+++ b/zh-cn/react-native-theme-control.md
@@ -254,9 +254,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                | Description                                                                                                                                               | Type       | Required | Platform    | HarmonyOS Support |
 | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-thumbnail.md b/zh-cn/react-native-thumbnail.md
index 3b2636ac..ba8c7a81 100644
--- a/zh-cn/react-native-thumbnail.md
+++ b/zh-cn/react-native-thumbnail.md
@@ -244,9 +244,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md
index c1b8fa1c..aaf10212 100644
--- a/zh-cn/react-native-touch-id.md
+++ b/zh-cn/react-native-touch-id.md
@@ -187,9 +187,9 @@ In your `module.json5`
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -197,9 +197,9 @@ In your `module.json5`
 | authenticate  | Verify touchid | function  | yes | ios/andriod      | yes |
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### Errors
 
diff --git a/zh-cn/react-native-transitiongroup.md b/zh-cn/react-native-transitiongroup.md
index e3d4215d..d7f6f587 100644
--- a/zh-cn/react-native-transitiongroup.md
+++ b/zh-cn/react-native-transitiongroup.md
@@ -150,9 +150,9 @@ const styles = StyleSheet.create({
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name          | Description                            | type     | Required | Platform | HarmonyOS Support |
 | ------------- | -------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-translucent-modal.md b/zh-cn/react-native-translucent-modal.md
index b5117b5c..492ce62d 100644
--- a/zh-cn/react-native-translucent-modal.md
+++ b/zh-cn/react-native-translucent-modal.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-translucent-modal)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-translucent-modal)
 
 ## 安装与使用
 
@@ -90,11 +90,11 @@ export const E_ReactNativeTranslucentModal: React.FC = (): JSX.Element => {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-> [!tip] react-native提供的Modal组件，在HarmonyOS、iOS平台一样可以实现状态栏沉浸式效果。
+> [!TIP] react-native提供的Modal组件，在HarmonyOS、iOS平台一样可以实现状态栏沉浸式效果。
 
 | Name                          | Description                                         | Type     | Required | Platform | HarmonyOS Support |
 | ----------------------------- | --------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-tts.md b/zh-cn/react-native-tts.md
index c2bd9935..9c6b9d3e 100644
--- a/zh-cn/react-native-tts.md
+++ b/zh-cn/react-native-tts.md
@@ -274,9 +274,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                  | Description                                                             | Type     | Required | Platform | HarmonyOS Support |
 | --------------------- | ----------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-typing-animation.md b/zh-cn/react-native-typing-animation.md
index 200e61da..98bcf64e 100644
--- a/zh-cn/react-native-typing-animation.md
+++ b/zh-cn/react-native-typing-animation.md
@@ -214,9 +214,9 @@ export default TypingAnimationDemos;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 |     Name     |                         Description                          |  Type   | Required |  Platform   | HarmonyOS Support |
 | :----------: | :----------------------------------------------------------: | :-----: | :------: | :---------: | :---------------: |
diff --git a/zh-cn/react-native-url-polyfill.md b/zh-cn/react-native-url-polyfill.md
index 72173ffc..3b1a5531 100644
--- a/zh-cn/react-native-url-polyfill.md
+++ b/zh-cn/react-native-url-polyfill.md
@@ -141,9 +141,9 @@ export default URLPolyfillDemo;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name         | Description                                                  | Type            | Required | Platform    | HarmonyOS Support |
 | ------------ | ------------------------------------------------------------ | --------------- | -------- | ----------- | :---------------- |
@@ -163,9 +163,9 @@ export default URLPolyfillDemo;
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                  | Type                               | Required | Platform    | HarmonyOS Support |
 | -------- | ------------------------------------------------------------ | ---------------------------------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/react-native-user-agent.md b/zh-cn/react-native-user-agent.md
index ad26c8e0..0181d062 100644
--- a/zh-cn/react-native-user-agent.md
+++ b/zh-cn/react-native-user-agent.md
@@ -176,9 +176,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -194,9 +194,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md
index 784a93b6..e4302e33 100644
--- a/zh-cn/react-native-video-cache.md
+++ b/zh-cn/react-native-video-cache.md
@@ -198,9 +198,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请见[react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)
 
diff --git a/zh-cn/react-native-video-controls.md b/zh-cn/react-native-video-controls.md
index 8025ea73..b04981bb 100644
--- a/zh-cn/react-native-video-controls.md
+++ b/zh-cn/react-native-video-controls.md
@@ -108,11 +108,11 @@ export default App;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-> [!tip] "Name"列属性navigator在使用时，请参考本文档其他
+> [!TIP] "Name"列属性navigator在使用时，请参考本文档其他
 
 | Name                         | Description                                                  |     Type     | Required |  Platform   | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | :----------: | :------: | :---------: | :---------------: |
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index 8b5fc86f..b7a637d9 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-video)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-video)
 
 ## 安装与使用
 
@@ -580,9 +580,9 @@ ohpm install
 
 详情请查看[react-native-video 官方文档](https://github.com/react-native-video/react-native-video/blob/support/5.2.X/README.md)
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Descriptio                 | Type   | Required  | Platform | HarmonyOS Support |
 | ---- | -------------------------- | :----- | --------- | -------- |------------------ |
@@ -635,9 +635,9 @@ ohpm install
 
 ## 事件回调
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                | Description                                                                                                                          | Type     | Required | Platform                                         | HarmonyOS Support |
 | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | :------- | -------- | ------------------------------------------------ | ----------------- |
@@ -670,9 +670,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name     | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
 | -------- | -------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-view-overflow.md b/zh-cn/react-native-view-overflow.md
index 98b27c73..e9058db8 100644
--- a/zh-cn/react-native-view-overflow.md
+++ b/zh-cn/react-native-view-overflow.md
@@ -73,7 +73,7 @@ export function ViewOverflowDemo() {
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-view-overflow Releases](https://github.com/react-native-oh-library/react-native-view-overflow/releases)
 
 ## 属性
-[!tip] 该库作为容器组件使用同View组件，可以让子控件溢出到父布局之外展示的效果；使用公共属性即可，不涉及私有属性及api方法。
+[!TIP] 该库作为容器组件使用同View组件，可以让子控件溢出到父布局之外展示的效果；使用公共属性即可，不涉及私有属性及api方法。
 
 ## 遗留问题
 
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index 51cdd449..d77e54b6 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -247,9 +247,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | Type                                   | Required | Platform     | HarmonyOS Support |
 | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | -------- | ------------ | ----------------- |
@@ -273,9 +273,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name             | Description | Type     | Required | Platform     | HarmonyOS Support |
 | ---------------- | ----------- | -------- | -------- | ------------ | ----------------- |
diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md
index b3434a09..60c05c2c 100644
--- a/zh-cn/react-native-vision-camera.md
+++ b/zh-cn/react-native-vision-camera.md
@@ -339,9 +339,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                               | Description                                                  | Type     | Required | Platform          | HarmonyOS  Support |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- | ------------------ |
@@ -378,9 +378,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                            | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
@@ -403,9 +403,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                    | Description                                                  | Type | Required | Platform | HarmonyOS Support |
 | ----------------------- | ------------------------------------------------------------ | ---- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-waterflow-list.md b/zh-cn/react-native-waterflow-list.md
index d76bb5a8..2d86e197 100644
--- a/zh-cn/react-native-waterflow-list.md
+++ b/zh-cn/react-native-waterflow-list.md
@@ -141,9 +141,9 @@ export default () => {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 > 详情见 [react-native-waterflow-list 源库地址](https://github.com/ZakZheng/react-native-waterflow-list)
 
diff --git a/zh-cn/react-native-webview(nocodegen).md b/zh-cn/react-native-webview(nocodegen).md
index 6923e145..be0074e0 100644
--- a/zh-cn/react-native-webview(nocodegen).md
+++ b/zh-cn/react-native-webview(nocodegen).md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-webview)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-webview)
 
 ## 安装与使用
 
@@ -235,9 +235,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
 
@@ -307,9 +307,9 @@ ohpm install
 
 ##  事件回调
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
 | ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
@@ -328,9 +328,9 @@ ohpm install
 | `onCustomMenuSelection?`                         | Function called when a custom menu item is selected. It receives a Native event, which includes three custom keys: `label`, `key` and `selectedText`. | function | NO       | iOS, Android            | No                |
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-native-webview.md b/zh-cn/react-native-webview.md
index 62bb4d0c..9825715a 100644
--- a/zh-cn/react-native-webview.md
+++ b/zh-cn/react-native-webview.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-webview)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-webview)
 
 ## 安装与使用
 
@@ -178,9 +178,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请查看[webview 官方文档](https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md)
 | Name                                                     | Description                                                  | Type     | Required | Platform            | HarmonyOS Support                                            |
@@ -249,9 +249,9 @@ ohpm install
 
 ##  事件回调
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                             | Description                                                  | Type     | Required | Platform                | HarmonyOS Support |
 | ------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------------- | ----------------- |
@@ -270,9 +270,9 @@ ohpm install
 | `onCustomMenuSelection?`                         | Function called when a custom menu item is selected. It receives a Native event, which includes three custom keys: `label`, `key` and `selectedText`. | function | NO       | iOS, Android            | No                |
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                               | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/react-redux.md b/zh-cn/react-redux.md
index 9a3963be..fdf3bfb0 100644
--- a/zh-cn/react-redux.md
+++ b/zh-cn/react-redux.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/reduxjs/react-redux?tab=readme-ov-file)
+> [!TIP] [Github 地址](https://github.com/reduxjs/react-redux?tab=readme-ov-file)
 
 ## 安装与使用
 
diff --git a/zh-cn/react-subscribe.md b/zh-cn/react-subscribe.md
index 03b64ead..f5fb254a 100644
--- a/zh-cn/react-subscribe.md
+++ b/zh-cn/react-subscribe.md
@@ -264,9 +264,9 @@ function SomeComponent2({ data, loading, error, reload }) {
 
 ## 属性
 
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### react-subscribe:
 Fetch组件详情见[react-subscribe](https://github.com/tdzl2003/react-subscribe/blob/master/src/Fetch.js)
diff --git a/zh-cn/react-use.md b/zh-cn/react-use.md
index 0699ba44..3d803341 100644
--- a/zh-cn/react-use.md
+++ b/zh-cn/react-use.md
@@ -42,9 +42,9 @@ npm install rebound --legacy-peer-deps
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
->[!tip] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
->[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情请查看[react-use 官方文档](https://github.com/streamich/react-use/blob/master/README.md)
 
diff --git a/zh-cn/realm-js.md b/zh-cn/realm-js.md
index 2377074f..531265cd 100644
--- a/zh-cn/realm-js.md
+++ b/zh-cn/realm-js.md
@@ -272,9 +272,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- |-------- | -------- | ------------------ |
diff --git a/zh-cn/reanimated-props-backup.md b/zh-cn/reanimated-props-backup.md
index 26e603d4..55d8b2a7 100644
--- a/zh-cn/reanimated-props-backup.md
+++ b/zh-cn/reanimated-props-backup.md
@@ -1,8 +1,8 @@
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 > 
 ### Components
 
diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerListView.md
index a1e62a29..0d7eae91 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerListView.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/Flipkart/recyclerlistview)
+> [!TIP] [Github 地址](https://github.com/Flipkart/recyclerlistview)
 
 ## 安装与使用
 
@@ -175,9 +175,9 @@ const styles = {
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name            | Description                                                                                                                                         | Type                                                                                                                       | Required | Platform | HarmonyOS Support |
 | --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/redux-actions.md b/zh-cn/redux-actions.md
index 80d7eafc..a5289f02 100644
--- a/zh-cn/redux-actions.md
+++ b/zh-cn/redux-actions.md
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/redux-utilities/redux-actions)
+> [!TIP] [Github 地址](https://github.com/redux-utilities/redux-actions)
 
 ## 安装与使用
 
@@ -281,9 +281,9 @@ const styles = StyleSheet.create({
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                                               | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/redux-logger.md b/zh-cn/redux-logger.md
index cf2b65e5..10b795cd 100644
--- a/zh-cn/redux-logger.md
+++ b/zh-cn/redux-logger.md
@@ -13,7 +13,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/LogRocket/redux-logger)
+> [!TIP] [Github 地址](https://github.com/LogRocket/redux-logger)
 
 ## 安装与使用
 
@@ -69,9 +69,9 @@ const store = createStore(reducer, applyMiddleware(logger));
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name         | Description    | Type     | Required | Platform    | HarmonyOS Support |
 | ------------ | -------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/zh-cn/redux-persist.md b/zh-cn/redux-persist.md
index 3bf1f637..2b63e7a8 100644
--- a/zh-cn/redux-persist.md
+++ b/zh-cn/redux-persist.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/rt2zz/redux-persist)
+> [!TIP] [Github 地址](https://github.com/rt2zz/redux-persist)
 
 ## 安装与使用
 
diff --git a/zh-cn/redux-thunk.md b/zh-cn/redux-thunk.md
index 867a47cf..78208bca 100644
--- a/zh-cn/redux-thunk.md
+++ b/zh-cn/redux-thunk.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/reduxjs/redux-thunk)
+> [!TIP] [Github 地址](https://github.com/reduxjs/redux-thunk)
 
 ## 安装与使用
 
@@ -125,9 +125,9 @@ export default AddTodo
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 >
 > 详情见 [redux-thunk 源库地址](https://github.com/reduxjs/redux-thunk)
 
@@ -137,9 +137,9 @@ export default AddTodo
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name                                             | Description         | Type     | Required | Platform | HarmonyOS Support |
 | ------------------------------------------------ | ------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/zh-cn/redux-toolkit.md b/zh-cn/redux-toolkit.md
index 718f7d91..16c7bf4d 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/redux-toolkit.md
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/reduxjs/redux-toolkit)
+> [!TIP] [Github 地址](https://github.com/reduxjs/redux-toolkit)
 
 ## 安装与使用
 
-> [!tip] 该库依赖react-redux，可参考[react-redux文档](./react-redux.md)安装
+> [!TIP] 该库依赖react-redux，可参考[react-redux文档](./react-redux.md)安装
 
 请到三方库的 Releases 发布地址查看配套的版本信息：[redux-toolkit Releases](https://github.com/reduxjs/redux-toolkit/releases)，并下载适用版本的 tgz 包。
 进入到工程目录并输入以下命令：
@@ -158,9 +158,9 @@ export function Counter() {
 
 ## 方法和属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 >
 > 详情见 [redux-toolkit 源库地址](https://github.com/reduxjs/redux-toolkit)
 
diff --git a/zh-cn/redux.md b/zh-cn/redux.md
index c121a529..8fb143d6 100644
--- a/zh-cn/redux.md
+++ b/zh-cn/redux.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/reduxjs/redux)
+> [!TIP] [Github 地址](https://github.com/reduxjs/redux)
 
 ## 安装与使用
 
diff --git a/zh-cn/remobile-react-native-toast.md b/zh-cn/remobile-react-native-toast.md
index f5e71db6..e7c5d13f 100644
--- a/zh-cn/remobile-react-native-toast.md
+++ b/zh-cn/remobile-react-native-toast.md
@@ -197,9 +197,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/rn-bugly.md b/zh-cn/rn-bugly.md
index cf683d12..4884bf9b 100644
--- a/zh-cn/rn-bugly.md
+++ b/zh-cn/rn-bugly.md
@@ -244,9 +244,9 @@ ohpm install
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- |-------- | -------- | ------------------ |
diff --git a/zh-cn/rn-placeholder.md b/zh-cn/rn-placeholder.md
index 237658d0..d00798bc 100644
--- a/zh-cn/rn-placeholder.md
+++ b/zh-cn/rn-placeholder.md
@@ -68,9 +68,9 @@ export default App;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见 [rn-placeholder 源库地址](https://github.com/mfrachet/rn-placeholder)
 
diff --git a/zh-cn/rn-tourguide.md b/zh-cn/rn-tourguide.md
index 4a1a5463..96738f2e 100644
--- a/zh-cn/rn-tourguide.md
+++ b/zh-cn/rn-tourguide.md
@@ -214,9 +214,9 @@ const styles = StyleSheet.create({
 
 详情见[rn-tourguide](https://github.com/xcarpentier/rn-tourguide)
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 ### TourGuideProvider
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
diff --git a/zh-cn/sentry-react-native.md b/zh-cn/sentry-react-native.md
index 46a06043..2fd08f10 100644
--- a/zh-cn/sentry-react-native.md
+++ b/zh-cn/sentry-react-native.md
@@ -212,9 +212,9 @@ export default function SentryDemo() {
 
 ## API
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 常用api如下，详细请参考sentry官网: [https://docs.sentry.io/platforms/react-native/](https://docs.sentry.io/platforms/react-native/)
 
diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index fb55e9ce..e8eee313 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -193,9 +193,9 @@ ohpm install
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -239,9 +239,9 @@ ohpm install
 
 ## 静态方法
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
diff --git a/zh-cn/styled-components.md b/zh-cn/styled-components.md
index c1df2c0f..52f2d6b4 100644
--- a/zh-cn/styled-components.md
+++ b/zh-cn/styled-components.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/styled-components/styled-components)
+> [!TIP] [Github 地址](https://github.com/styled-components/styled-components)
 
 ## 安装与使用
 
diff --git a/zh-cn/styled-system.md b/zh-cn/styled-system.md
index 29d159ca..0c47f6ec 100644
--- a/zh-cn/styled-system.md
+++ b/zh-cn/styled-system.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!tip] [Github 地址](https://github.com/styled-system/styled-system)
+> [!TIP] [Github 地址](https://github.com/styled-system/styled-system)
 
 ## 安装与使用
 
@@ -80,9 +80,9 @@ export default App;
 
 ## 属性
 
-> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
-> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 详情见 [styled-system 源库地址](https://github.com/styled-system/styled-system)
 
diff --git a/zh-cn/usage-docs-checklist.md b/zh-cn/usage-docs-checklist.md
index b34f3be2..b4bcdc40 100644
--- a/zh-cn/usage-docs-checklist.md
+++ b/zh-cn/usage-docs-checklist.md
@@ -10,7 +10,7 @@
 | ---- | ----------------------------------------------------------------------------------------------------------------------------------------- |
 | 1    | 是否按[最新模板](/zh-cn/model.md)修改                                                                                                    |
 | 2    | 是否修改模板号，当前最新版本为 v0.2.2                                                                                                     |
-| 3    | 是否填写 github 地址，位于模板版本下面:[!tip] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址                 |
+| 3    | 是否填写 github 地址，位于模板版本下面:[!TIP] Github 地址，地址使用 HarmonyOS 仓库地址，若不需要 HarmonyOS 化则填原库地址                 |
 | 4    | 无修改的库是否指定版本，直接可复用社区代码，不涉及各类平台判断（platfrom、文件平台后缀等）的库，npm install & yarn add 需要指定验证的版本 |
 | 5    | Link 路径是否配套                                                                                                                         |
 | 6    | ArkTs 引入是否配套版本                                                                                                                    |

From 875ef908f32c05e7ff446d57289cbb80f6f38462 Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Mon, 25 Nov 2024 10:08:06 +0000
Subject: [PATCH 883/966] =?UTF-8?q?!1910=20feat:=20=E6=96=B0=E5=A2=9Eopenh?=
 =?UTF-8?q?armony-sig=E7=89=88=E6=9C=AC=E6=96=87=E6=A1=A3=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E4=B8=8E=E6=89=93=E6=A0=B7=20*=20refactor:=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=89=88=E6=9C=AC=E8=AF=B4=E6=98=8E=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E5=92=8C=E5=BA=8F=E5=8F=B7=20*=20feat:=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Egitee=E6=96=87=E6=A1=A3=E6=A8=A1=E6=9D=BF=E4=B8=8E?=
 =?UTF-8?q?=E6=89=93=E6=A0=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/model-gitee.md                  | 55 +++++++++++------------
 zh-cn/react-native-linear-gradient.md | 64 ++++++++++++---------------
 2 files changed, 55 insertions(+), 64 deletions(-)

diff --git a/zh-cn/model-gitee.md b/zh-cn/model-gitee.md
index 3f90d4f7..274b17a5 100644
--- a/zh-cn/model-gitee.md
+++ b/zh-cn/model-gitee.md
@@ -1,6 +1,6 @@
 # 文档模板(删除)
 
-> [!ATTENTION] 使用模板时请将后面带有 (删除) 的语句删除。<>内是需要修改的内容。(删除)
+> [!ATTENTION] 使用模板时请将后面带有 (删除) 的语句删除。(删除)
 
 > 模板版本：v0.3.0
 
@@ -8,19 +8,16 @@
   <h1 align="center"> <code><原库 npm 包名></code> </h1>
 </p>
 
-本项目基于 [原库 npm 名称@x.x.x](原库仓库连接)
+本项目基于 [原库 npm 名称@x.x.x](原库仓库连接) 开发。
 
-> [Gitee 仓库](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)
+`该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/react-native-linear-gradient，具体版本所属关系如下`
 
-> [Gitee Releases: @react-native-ohos/react-native-linear-gradient](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 3.0.0-0.5.0@deprecated | @react-native-oh-tpl/react-native-linear-gradient | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient/releases) |
+| > 3.0.0                   | @react-native-ohos/react-native-linear-gradient   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases) |
 
-> [Github 仓库(已废弃)](https://github.com/react-native-oh-library/react-native-linear-gradient)
-
-> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
-
-## 安装与使用
-
-`该第三方库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/库名`
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -69,13 +66,13 @@ const App = () => {
 export default App;
 ```
 
-## Manual Link
+## 2. Manual Link
 
 此步骤为手动配置原生依赖项的指导。
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-### 1. Overrides RN SDK
+### 2.1 Overrides RN SDK
 
 为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
@@ -91,7 +88,7 @@ export default App;
 }
 ```
 
-### 2. 引入原生端代码
+### 2.2 引入原生端代码
 
 目前有两种方法：
 
@@ -106,7 +103,7 @@ export default App;
 
 ```json
 "dependencies": {
-    "@react-native-ohos/<Package_Name>": "file:../../node_modules/@react-native-ohos/<Package_Name>/harmony/<xxx>.har"
+    "@react-native-ohos/Package_Name": "file:../../node_modules/@react-native-ohos/Package_Name/harmony/xxx.har"
     // 提示: "@react-native-ohos/react-native-safe-area-context": "file:../../node_modules/@react-native-ohos/react-native-safe-area-context/harmony/safe_area.har"（删除）
   }
 ```
@@ -124,7 +121,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 xxxPackge
+### 2.3 配置 CMakeLists 和引入 xxxPackge
 
 **若涉及接入 codegen-lib 导致的配置项新增，需要在配置项前明确声明：> [!TIP] 版本 vx.x.x 及以上需要**（删除）
 
@@ -161,7 +158,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 **提示：ArkTs 侧引入 Fabric 组件**（删除）
 
-### 4.在 ArkTs 侧引入 xxx 组件（若本库已 CAPI 化则需要删除本段）
+### 2.4 在 ArkTs 侧引入 xxx 组件（若本库已 CAPI 化则需要删除本段）
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -194,7 +191,7 @@ const arkTsComponentNames: Array<string> = [
 
 **提示：TurboModule**（删除）
 
-### 5. 在 ArkTs 侧引入 xxx Package
+### 2.5 在 ArkTs 侧引入 xxx Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -209,7 +206,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 6. 运行
+### 2.6 运行
 
 点击右上角的 `sync` 按钮
 
@@ -222,9 +219,9 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
+## 3. 约束与限制
 
-### 兼容性
+### 3.1 兼容性
 
 **修改了原库代码的库使用下述描述**（删除）
 
@@ -240,7 +237,7 @@ ohpm install
 
 1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.0.3.906; ROM: NEXT.0.0.71;
 
-### 权限要求（如有）
+### 3.2 权限要求（如有）
 
 （填入相关权限配置）
 
@@ -255,7 +252,7 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 
 （删除）
 
-## 属性（如有）
+## 4. 属性（如有）
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -265,7 +262,7 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
 
-## 静态方法（如有）
+## 5. 静态方法（如有）
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -275,7 +272,7 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
 
-## API（如有，一般是 TurboModules）
+## 6. API（如有，一般是 TurboModules）
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -285,14 +282,16 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
 
-## 遗留问题
+## 7. 遗留问题
 
 - [ ] xxx 问题: [issue#\*\*\*](https://github.com/issue地址1)
 - [ ] yyy 问题: [issue#\*\*\*](https://github.com/issue地址2)
 
-## 其他
+## 8. 其他
+
+**其他补充说明（删除）**
 
-## 开源协议
+## 9. 开源协议
 
 本项目基于 [XXX License (XXX)](gitee仓库的LICENSE链接) ，请自由地享受和参与开源。
 
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index b20748c6..4e53443d 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -3,26 +3,17 @@
 <p align="center">
   <h1 align="center"> <code>react-native-linear-gradient</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-linear-gradient/react-native-linear-gradient">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-        <a href="https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
-
-> [Gitee 仓库](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)
-
-> [Gitee Releases: @react-native-ohos/react-native-linear-gradient ](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
 
-> [Github 仓库(已废弃)](https://github.com/react-native-oh-library/react-native-linear-gradient)
+本项目基于 [react-native-linear-gradient@3.0.0-alpha.1](https://github.com/react-native-linear-gradient/react-native-linear-gradient) 开发。
 
-> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+`该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/react-native-linear-gradient，具体版本所属关系如下`
 
-## 安装与使用
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 3.0.0-0.5.0@deprecated | @react-native-oh-tpl/react-native-linear-gradient | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient/releases) |
+| > 3.0.0                   | @react-native-ohos/react-native-linear-gradient   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases) |
 
-`该第三方库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/react-native-linear-gradient`
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -97,29 +88,34 @@ var styles = StyleSheet.create({
 });
 ```
 
-## Link
+## 2. Manual Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+此步骤为手动配置原生依赖项的指导。
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 2.1 Overrides RN SDK
+
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `harmony/oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
+
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2 引入原生端代码
 
 目前有两种方法：
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+- 通过 har 包引入；
+- 直接链接源码。
 
 方法一：通过 har 包引入（推荐）
 
@@ -146,7 +142,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 LinearGradientPackage
+### 2.3 配置 CMakeLists 和引入 LinearGradientPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -179,7 +175,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.运行
+### 2.4 运行
 
 点击右上角的 `sync` 按钮
 
@@ -192,15 +188,13 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
+## 3. 约束与限制
 
-## 兼容性
-
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### 3.1 兼容性
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-linear-gradient Releases](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
 
-## 属性
+## 4. 属性
 
 > [!TIP] "Platform" 列表示这些属性在原始第三方库中支持的平台。
 
@@ -216,12 +210,10 @@ ohpm install
 | start       | Starting point coordinates (default value: {x: 0.5,1})   | { x: number,y: number} | NO       | All      | yes               |
 | end         | End point coordinates (default value: {x: 0.5,1})        | { x: number,y: number} | NO       | All      | yes               |
 
-## 遗留问题
+## 5. 遗留问题
 
 - HarmonyOS 当前版本暂时无法实现 angleCenter
 
-## 其他
-
-## 开源协议
+## 6. 开源协议
 
 本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE) ，请自由地享受和参与开源。

From f729306d39198e1b76981abcb60bf37c28f864a7 Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Mon, 25 Nov 2024 11:06:40 +0000
Subject: [PATCH 884/966] =?UTF-8?q?!1912=20=E4=BF=AE=E6=94=B9baidu-map?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E6=8F=8F=E8=BF=B0=E9=94=99=E8=AF=AF=20*=20fix:=20[Iss?=
 =?UTF-8?q?ues:=20#IB6WP2]=E4=BF=AE=E6=94=B9baidu-map=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E5=B1=9E=E6=80=A7=E6=8F=8F?=
 =?UTF-8?q?=E8=BF=B0=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-baidu-map.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md
index 2536c942..7add6214 100644
--- a/zh-cn/react-native-baidu-map.md
+++ b/zh-cn/react-native-baidu-map.md
@@ -477,7 +477,7 @@ ohpm install
 | perspective  | 远大近小的效果                   | Boolean  | no       | Android  | no               |
 | flat         | 是否使标记扁平化                     | Boolean  | no       | Android  | yes               |
 | rotate       | 旋转角度                         | Number   | no       | Android  | yes               |
-| icon         | icon图片，同  的 source 属性                    | Object   | no       | All      | yes               |
+| icon         | 图片，同Image组件的 source 属性             | Object   | no       | All      | yes               |
 | alpha        | 透明度                         | Number   | no       | Android  | yes               |
 | animateType  | 动画效果：drop/grow/jump       | String   | no       | All      | yes               |
 | pinColor     | red/green/purple，大头针颜色             | String   | no       | IOS      | no                |
@@ -490,7 +490,7 @@ ohpm install
 | Name   | Description    | Type    | Required | Platform | HarmonyOS Support |
 |--------|----------------|---------|----------|----------|-------------------|
 | stroke | 当标记被点击时触发的回调函数 | Object  | yes      | All      | no                |
-| points | 数值长度必须为        | Object  | yes      | All      | no                |
+| points | 数值长度必须为3       | Object  | yes      | All      | no                |
 | dash   | 是否为虚线    | Boolean | yes      | iOS      | no                |
 
 #### Circle Props 属性
@@ -532,7 +532,7 @@ ohpm install
 
 #### InfoWindow Props 属性
 
-#### 必须作为 Marker 的子组件
+> [!TIP]InfoWindow必须作为 Marker 的子组件使用
 
 | Name    | Description                    | Type   | Required | Platform | HarmonyOS Support |
 |---------|--------------------------------|--------|----------|----------|-------------------|

From f772c5201fbb589f289535fe36a373c8e9cea321 Mon Sep 17 00:00:00 2001
From: zxh <2504211630@qq.com>
Date: Tue, 26 Nov 2024 02:20:42 +0000
Subject: [PATCH 885/966] =?UTF-8?q?!1916=20docs:=20[Issues:=20#IB6ZWW]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-ui-lib=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB6ZWW]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-ui-lib=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-ui-lib.md    | 1 +
 zh-cn/react-native-ui-lib.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-ui-lib.md b/en/react-native-ui-lib.md
index 7449aede..8e495af0 100644
--- a/en/react-native-ui-lib.md
+++ b/en/react-native-ui-lib.md
@@ -181,6 +181,7 @@ set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
 set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(RNOH_GENERATED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/generated")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 set(LOG_VERBOSITY_LEVEL 1)
 set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
diff --git a/zh-cn/react-native-ui-lib.md b/zh-cn/react-native-ui-lib.md
index d597a96b..1793d4a1 100644
--- a/zh-cn/react-native-ui-lib.md
+++ b/zh-cn/react-native-ui-lib.md
@@ -178,6 +178,7 @@ set(CMAKE_SKIP_BUILD_RPATH TRUE)
 set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
 set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
++ set(RNOH_GENERATED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/generated")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 set(LOG_VERBOSITY_LEVEL 1)
 set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")

From f4b6bc1efbb51ea8a219f873353eb1cfc33d1822 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=92=9F=E6=96=87=E8=BF=9B?= <491438425@qq.com>
Date: Tue, 26 Nov 2024 02:21:06 +0000
Subject: [PATCH 886/966] =?UTF-8?q?!1914=20docs:=20[Issues:=20#IB6XJ1]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-material-dropdown=20=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB6XJ1]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-material-dropdown=20=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-material-dropdown.md    | 1 +
 zh-cn/react-native-material-dropdown.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/en/react-native-material-dropdown.md b/en/react-native-material-dropdown.md
index 31cfff85..58df0d9d 100644
--- a/en/react-native-material-dropdown.md
+++ b/en/react-native-material-dropdown.md
@@ -156,6 +156,7 @@ class Example extends Component {
 ## 遗留问题
 
 ## 其他
+- renderAccessory属性：需要指定renderRightAccessory或者renderLeftAccessory
 
 ## 开源协议
 
diff --git a/zh-cn/react-native-material-dropdown.md b/zh-cn/react-native-material-dropdown.md
index 9cc22204..3db308f7 100644
--- a/zh-cn/react-native-material-dropdown.md
+++ b/zh-cn/react-native-material-dropdown.md
@@ -154,6 +154,7 @@ class Example extends Component {
 ## 遗留问题
 
 ## 其他
+- renderAccessory属性：需要指定renderRightAccessory或者renderLeftAccessory
 
 ## 开源协议
 

From 11aa5c907955239ca62a6de239569e422f6319c7 Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Tue, 26 Nov 2024 03:09:39 +0000
Subject: [PATCH 887/966] =?UTF-8?q?!1913=20feat:=20=EF=BC=88=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=EF=BC=89=E6=96=B0=E5=A2=9Eopenharmony-sig=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E6=96=87=E6=A1=A3=E6=A8=A1=E6=9D=BF=E4=B8=8E=E6=89=93?=
 =?UTF-8?q?=E6=A0=B7=20*=20feat:=20=EF=BC=88=E8=8B=B1=E6=96=87=EF=BC=89?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9Eopenharmony-sig=E7=89=88=E6=9C=AC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E6=A8=A1=E6=9D=BF=E4=B8=8E=E6=89=93=E6=A0=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/model-gitee.md                     | 285 ++++++++++++++++++++++++++
 en/react-native-linear-gradient.md    |  65 +++---
 zh-cn/model-gitee.md                  |  12 +-
 zh-cn/react-native-linear-gradient.md |   4 +-
 4 files changed, 323 insertions(+), 43 deletions(-)
 create mode 100644 en/model-gitee.md

diff --git a/en/model-gitee.md b/en/model-gitee.md
new file mode 100644
index 00000000..ff004fa1
--- /dev/null
+++ b/en/model-gitee.md
@@ -0,0 +1,285 @@
+# 文档模板(删除)
+
+> [!ATTENTION] When using this template, delete the statements that end with "(Delete)". (Delete)
+
+> Template version: v0.3.0
+
+<p align="center">
+  <h1 align="center"> <code>原库 npm 包名</code> </h1>
+</p>
+
+This project is based on [原库 npm 名称@x.x.x](原库仓库连接)。
+
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-linear-gradient`, The version correspondence details are as follows:
+
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 3.0.0-0.5.0@deprecated | @react-native-oh-tpl/react-native-linear-gradient | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient/releases) |
+| > 3.0.0                   | @react-native-ohos/react-native-linear-gradient   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases) |
+
+## 1. Installation and Usage
+
+Go to the project directory and execute the following instruction:
+
+<!-- tabs:start -->
+
+#### **npm**
+
+```bash
+npm install @react-native-ohos/库名
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-ohos/库名
+```
+
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
+
+```js
+// react-native-safe-area-context is used as an example.
+import React from "react";
+import { Text, View } from "react-native";
+import {
+  SafeAreaProvider,
+  SafeAreaView,
+  initialWindowMetrics,
+} from "react-native-safe-area-context";
+
+const App = () => {
+  return (
+    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+      <SafeAreaView style={{ flex: 1, backgroundColor: "red" }}>
+        <View style={{ flex: 1 }}>
+          <Text>hello</Text>
+        </View>
+      </SafeAreaView>
+    </SafeAreaProvider>
+  );
+};
+
+export default App;
+```
+
+## 2. Manual Link
+
+This step provides guidance for manually configuring native dependencies.
+
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+
+### 2.1 Overrides RN SDK
+
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
+
+```json
+{
+  "overrides": {
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
+  }
+}
+```
+
+### 2.2 Introducing Native Code
+
+Currently, two methods are available:
+
+- Use the HAR file.
+- Directly link to the source code。
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@react-native-ohos/Package_Name": "file:../../node_modules/@react-native-ohos/Package_Name/harmony/xxx.har"
+    // NOTE: "@react-native-ohos/react-native-safe-area-context": "file:../../node_modules/@react-native-ohos/react-native-safe-area-context/harmony/safe_area.har"(Delete)
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
+
+### 2.3 Configuring CMakeLists and Introducing xxx Package
+
+**若涉及接入 codegen-lib 导致的配置项新增，需要在配置项前明确声明：> [!TIP] Version vx.x.x and above requires.**(Delete)
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-safe-area-context/src/main/cpp" ./safe-area)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_safe_area)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "SafeAreaViewPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
++       std::make_shared<SafeAreaViewPackage>(ctx),
+    };
+}
+```
+
+### 4. Introducing xxx Component to ArkTS
+
+Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
+
+```diff
+  ...
++ import { SAFE_AREA_VIEW_TYPE, SafeAreaView, SAFE_AREA_PROVIDER_TYPE, SafeAreaProvider } from "@react-native-ohos/react-native-safe-area-context"
+
+@Builder
+export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
+  ...
++ if (ctx.componentName === SAFE_AREA_VIEW_TYPE) {
++   SafeAreaView({
++     ctx: ctx.rnComponentContext,
++     tag: ctx.tag
++   })
++ }
+...
+}
+...
+```
+
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
+
+```diff
+const arkTsComponentNames: Array<string> = [
+  SampleView.NAME,
++ RNC_VIDEO_TYPE
+  ];
+```
+
+**提示：TurboModule**(Delete)
+
+### 2.5 Introducing xxx Package to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
+
+```diff
+  ...
++ import {SafeAreaViewPackage} from '@react-native-ohos/react-native-safe-area-context/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new SafeAreaViewPackage(ctx)
+  ];
+}
+```
+
+### 2.6 Running
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```bash
+cd entry
+ohpm install
+```
+
+Then build and run the code.
+
+## 3. Constraints
+
+### 3.1 Compatibility
+
+**修改了原库代码的库使用下述描述**(Delete)
+
+Check the release version information in the release address of the third-party library: [\<HarmonyOS npm package name> Releases](https://github.com/<repository address>/releases)
+
+Example: [@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases) (Delete)
+
+**未修改原库代码的库使用下述描述**(Delete)
+
+This document is verified based on the following versions:
+
+(Example)
+
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.0.3.906; ROM: NEXT.0.0.71;
+
+### 3.2 Permission Requirements (If Any)
+
+(Enter the related permission configuration.)
+
+## 4. Properties (If Any)
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
+
+## 5. Static Methods (If Any)
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
+
+## 6. APIs (TurboModules, If Any)
+
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| XXX  | XXX         | XXX  | (yes/no) | xxx      | (yes/no/partially) |
+
+## 7. Known Issues
+
+- [ ] xxx issue: [issue#\*\*\*](issue address 1)
+- [ ] yyy issue: [issue#\*\*\*](issue address 2)
+
+## 8. Others
+
+**其他补充说明（删除）**
+
+## 9. License
+
+This project is licensed under [XXX License (XXX)](gitee仓库的LICENSE链接).
+
+Example: This project is licensed under [MIT License](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE). (Delete)
diff --git a/en/react-native-linear-gradient.md b/en/react-native-linear-gradient.md
index d8125650..e2800889 100644
--- a/en/react-native-linear-gradient.md
+++ b/en/react-native-linear-gradient.md
@@ -1,28 +1,19 @@
-> Template version: v0.2.1
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-linear-gradient</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-linear-gradient/react-native-linear-gradient">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-        <a href="https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
-
-> [Gitee Repository](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient)
 
-> [Gitee Releases: @react-native-ohos/react-native-linear-gradient](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
+This project is based on [react-native-linear-gradient@3.0.0-alpha.1](https://github.com/react-native-linear-gradient/react-native-linear-gradient)。
 
-> [Github Repository(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient)
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-linear-gradient`, The version correspondence details are as follows:
 
-> [Github Releases(<= 3.0.0-0.5.0): @react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 3.0.0-0.5.0@deprecated | @react-native-oh-tpl/react-native-linear-gradient | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-linear-gradient/releases) |
+| > 3.0.0                   | @react-native-ohos/react-native-linear-gradient   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases) |
 
-## Installation and Usage
-
-`This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: @react-native-ohos/react-native-linear-gradient`
+## 1. Installation and Usage
 
 Go to the project directory and execute the following instruction:
 
@@ -97,28 +88,36 @@ var styles = StyleSheet.create({
 });
 ```
 
-## Link
+## 2. Manual Link
+
+This step provides guidance for manually configuring native dependencies.
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-Open the harmony directory of the HarmonyOS project in DevEco Studio.
+### 2.1 Overrides RN SDK
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2 Introducing Native Code
 
 Currently, two methods are available:
 
-1. Method 1 (recommended): Use the HAR file.
+- Use the HAR file.
+- Directly link to the source code。
+
+Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the harmony directory in the installation path of the third-party library.
 
@@ -143,7 +142,7 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code.](/en/link-source-code.md)
 
-### 3. Configuring CMakeLists and Introducing LinearGradientPackage Package
+### 2.3 Configuring CMakeLists and Introducing LinearGradientPackage Package
 
 Open entry/src/main/cpp/CMakeLists.txt and add the following code:
 
@@ -176,7 +175,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4. Running
+### 2.4 Running
 
 Click the sync button in the upper right corner.
 
@@ -189,11 +188,9 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
+## 3. Constraints
 
-## Compatibility
-
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+## 3.1 Compatibility
 
 Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-linear-gradient Releases](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/releases)
 
@@ -213,12 +210,10 @@ Check the release version information in the release address of the third-party
 | start       | Starting point coordinates (default value: {x: 0.5,1})   | { x: number,y: number} | NO       | All      | yes               |
 | end         | End point coordinates (default value: {x: 0.5,1})        | { x: number,y: number} | NO       | All      | yes               |
 
-## Known Issues
+## 5. Known Issues
 
 - The current version of HarmonyOS does not support angleCenter.
 
-## Others
-
-## License
+## 6. License
 
 This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE).
diff --git a/zh-cn/model-gitee.md b/zh-cn/model-gitee.md
index 274b17a5..bb96defe 100644
--- a/zh-cn/model-gitee.md
+++ b/zh-cn/model-gitee.md
@@ -5,12 +5,12 @@
 > 模板版本：v0.3.0
 
 <p align="center">
-  <h1 align="center"> <code><原库 npm 包名></code> </h1>
+  <h1 align="center"> <code>原库 npm 包名</code> </h1>
 </p>
 
 本项目基于 [原库 npm 名称@x.x.x](原库仓库连接) 开发。
 
-`该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/react-native-linear-gradient，具体版本所属关系如下`
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-linear-gradient`，具体版本所属关系如下：
 
 | Version                   | Package Name                                      | Repository         | Release                    |
 | ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
@@ -241,13 +241,13 @@ ohpm install
 
 （填入相关权限配置）
 
-**以下属性、静态方法、API 需要检查说明中手机平台描述，例如已支持 HarmonyOS 的接口并且说明中提到 ios 和 android，那么需要检查是否补充 harmony 进到描述中。示例如下（删除）**
+**以下属性、静态方法、API 需要检查说明中手机平台描述，例如已支持 HarmonyOS 的接口并且说明中提到 iOS 和 Android，那么需要检查是否补充 HarmonyOS 进到描述中。示例如下（删除）**
 
 ```
 // 原描述
 Needed for Android to work properly with assets, iOS will ignore it.
 // 修改后
-Needed for Android and harmony to work properly with assets, iOS will ignore it.
+Needed for Android and HarmonyOS to work properly with assets, iOS will ignore it.
 ```
 
 （删除）
@@ -284,8 +284,8 @@ Needed for Android and harmony to work properly with assets, iOS will ignore it.
 
 ## 7. 遗留问题
 
-- [ ] xxx 问题: [issue#\*\*\*](https://github.com/issue地址1)
-- [ ] yyy 问题: [issue#\*\*\*](https://github.com/issue地址2)
+- [ ] xxx 问题: [issue#\*\*\*](issue地址1)
+- [ ] yyy 问题: [issue#\*\*\*](issue地址2)
 
 ## 8. 其他
 
diff --git a/zh-cn/react-native-linear-gradient.md b/zh-cn/react-native-linear-gradient.md
index 4e53443d..6da3ab66 100644
--- a/zh-cn/react-native-linear-gradient.md
+++ b/zh-cn/react-native-linear-gradient.md
@@ -6,7 +6,7 @@
 
 本项目基于 [react-native-linear-gradient@3.0.0-alpha.1](https://github.com/react-native-linear-gradient/react-native-linear-gradient) 开发。
 
-`该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：@react-native-ohos/react-native-linear-gradient，具体版本所属关系如下`
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-linear-gradient`，具体版本所属关系如下：
 
 | Version                   | Package Name                                      | Repository         | Release                    |
 | ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
@@ -216,4 +216,4 @@ ohpm install
 
 ## 6. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-linear-gradient/blob/master/LICENSE)，请自由地享受和参与开源。

From e14d0c7991033acacc85280465699830a80e2006 Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Tue, 26 Nov 2024 06:35:42 +0000
Subject: [PATCH 888/966] =?UTF-8?q?!1917=20docs:=20[Issues:=20#IB64EO]=20?=
 =?UTF-8?q?=E7=BF=BB=E8=AF=91=20galio-framework=20=E7=AD=89=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB64EO]?=
 =?UTF-8?q?=20react-navigation-header-buttons.md=20*=20docs:=20[Issues:=20?=
 =?UTF-8?q?#IB64EO]=20react-native-text-input-mask.md=20*=20docs:=20[Issue?=
 =?UTF-8?q?s:=20#IB64EO]=20react-native-testing-library.md=20*=20docs:=20[?=
 =?UTF-8?q?Issues:=20#IB64EO]=20react-native-switch.md=20*=20docs:=20[Issu?=
 =?UTF-8?q?es:=20#IB64EO]=20react-native-step-indicator.md=20*=20docs:=20[?=
 =?UTF-8?q?Issues:=20#IB64EO]=20react-native-shared-element.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB64EO]=20react-native-reconnecting-websocket.md?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IB64EO]=20react-native-quick-base64.?=
 =?UTF-8?q?md=20*=20docs:=20[Issues:=20#IB64EO]=20react-native-paper.md=20?=
 =?UTF-8?q?*=20docs:=20[Issues:=20#IB64EO]=20react-native-mmkv-storage.md?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IB64EO]=20react-native-material-ui.m?=
 =?UTF-8?q?d=20*=20docs:=20[Issues:=20#IB64EO]=20react-native-material-dro?=
 =?UTF-8?q?pdown.md=20*=20docs:=20[Issues:=20#IB64EO]=20react-native-map-c?=
 =?UTF-8?q?lustering.md=20*=20docs:=20[Issues:=20#IB64EO]=20react-native-l?=
 =?UTF-8?q?ocalization.md=20*=20docs:=20[Issues:=20#IB64EO]=20react-native?=
 =?UTF-8?q?-localization-settings.md=20*=20docs:=20[Issues:=20#IB64EO]=20r?=
 =?UTF-8?q?eact-native-image-marker.md=20*=20docs:=20[Issues:=20#IB64EO]?=
 =?UTF-8?q?=20react-native-image-gallery.md=20*=20docs:=20[Issues:=20#IB64?=
 =?UTF-8?q?EO]=20react-native-graph.md=20*=20docs:=20[Issues:=20#IB64EO]?=
 =?UTF-8?q?=20react-native-easy-toast.md=20*=20docs:=20[Issues:=20#IB64EO]?=
 =?UTF-8?q?=20react-native-country-picker-modal.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB64EO]=20react-native-copilot.md=20*=20docs:=20[Issues:=20?=
 =?UTF-8?q?#IB64EO]=20react-native-community-hooks.md=20*=20docs:=20[Issue?=
 =?UTF-8?q?s:=20#IB64EO]=20react-native-blurhash.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB64EO]=20op-engineering-op-sqlite.md=20*=20docs:=20[Issues?=
 =?UTF-8?q?:=20#IB64EO]=20mixpanel-react-native.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB64EO]=20jpush-react-native.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/jpush-react-native.md                  | 198 ++++++------
 en/mixpanel-react-native.md               | 175 +++++------
 en/op-engineering-op-sqlite.md            |  10 +-
 en/react-native-blurhash.md               |  87 +++---
 en/react-native-community-hooks.md        |  44 +--
 en/react-native-copilot.md                |  44 +--
 en/react-native-country-picker-modal.md   |  38 ++-
 en/react-native-easy-toast.md             |  42 +--
 en/react-native-graph.md                  |   4 +-
 en/react-native-image-gallery.md          |  34 +-
 en/react-native-image-marker.md           | 243 +++++++-------
 en/react-native-localization-settings.md  |   6 +-
 en/react-native-localization.md           |  96 +++---
 en/react-native-map-clustering.md         |  20 +-
 en/react-native-material-dropdown.md      |  61 ++--
 en/react-native-material-ui.md            |  62 ++--
 en/react-native-mmkv-storage.md           |   4 +-
 en/react-native-paper.md                  |  24 +-
 en/react-native-quick-base64.md           |  63 +---
 en/react-native-reconnecting-websocket.md |  40 ++-
 en/react-native-shared-element.md         |  12 +-
 en/react-native-step-indicator.md         |  14 +-
 en/react-native-switch.md                 |   4 +-
 en/react-native-testing-library.md        |  43 ++-
 en/react-native-text-input-mask.md        | 365 +++++++++++-----------
 en/react-navigation-header-buttons.md     |   4 +-
 26 files changed, 824 insertions(+), 913 deletions(-)

diff --git a/en/jpush-react-native.md b/en/jpush-react-native.md
index 159f16b8..fad87bb5 100644
--- a/en/jpush-react-native.md
+++ b/en/jpush-react-native.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>jpush-react-native</code> </h1>
@@ -12,14 +12,14 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/jpush-react-native)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/jpush-react-native)
 
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,11 +36,11 @@ yarn add @react-native-oh-tpl/jpush-react-native
 ```
 <!-- tabs:end -->
 
-另外还需按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)完成极光推送相关的配置
+Additionally, it is necessary to follow the [Aurora Push SDK HarmonyOS Integration Guide]（ https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide ）Complete the configuration related to Aurora Push
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';
@@ -48,7 +48,7 @@ import { Text, View, Button } from 'react-native';
 import JPush from 'jpush-react-native';
 
 function App() {
-    let localNotification = { messageID: '1', title: 'add local notification', content: '测试添加一个本地通知', broadcastTime: new Date().getTime(), extras: { content: '附加内容' } };
+    let localNotification = { messageID: '1', title: 'add local notification', content: 'Test adding a local notification', broadcastTime: new Date().getTime(), extras: { content: 'Additional content' } };
     return (
         <View>
                 <Text style={{
@@ -63,7 +63,7 @@ function App() {
                     fontSize: 15,
                     marginBottom:20,
                     padding:20,
-                }}>请先前往手机"设置"-->"通知和状态栏"打开测试应用的通知</Text>
+                }}>Please go to your phone's "Settings" ->"Notifications and Status Bar" to open the notification for the test application first</Text>
                 <View>
                      <Button
                         key="addLocalNotification"
@@ -78,17 +78,17 @@ function App() {
 }
 export default App;
 ```
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1. 在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -99,19 +99,15 @@ export default App;
 }
 ```
 
-### 2. 引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+Method 1 (recommended): Use the HAR file.
 
-2. 直接链接源码。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-方法一：通过 har 包引入（推荐）
-
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 
@@ -122,23 +118,23 @@ export default App;
 
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 
-### 3. 在 ArkTs 侧引入 RNJPushPackage
+### 3. Introducing RNJPushPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，由于引入的是ets文件，请将RNPackagesFactory.ts文件名后缀  ts 修改为 ets，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import {RNJPushPackage} from  "@react-native-oh-tpl/jpush-react-native/ts";
@@ -151,94 +147,94 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4. 运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/jpush-react-native Releases](https://github.com/react-native-oh-library/jpush-react-native/releases)
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | -------------------- | ------------------- | ------ | ------ | ---------- | ----------- |
-|   setLoggerEnable(enable: boolean): void  |   设置调试模式，默认关闭状态，RN侧调用不起作用，请按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)调用    | function   | no | iOS,Android      | yes |
-|  init(params: {appKey: string;channel:string;production:string;}): void  |初始化极光推送，RN侧调用不起作用，请按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)文档中集成调用  |  function   | yes | iOS,Android      | yes |
-|  getRegistrationID(callback: Callback<{ registerID: string }>): void  |  调用此 API 来取得应用程序对应的 RegistrationID。   | function   | no | iOS,Android      | yes |
-|  addTags(params: {"sequence":number,"tags":string[]}): void  |   新增标签   |function   | no | iOS,Android      | yes |
-|   updateTags(params: {"sequence":number,"tags":string[]}): void  | 覆盖标签  | function   | no | iOS,Android      |yes |
-|  deleteTag(params: {"sequence":number,"tags":string[]}): void  | 删除指定标签  | function  | no | iOS,Android      |yes |
-|  deleteTags(params: {"sequence":number}): void  | 清除所有标签  | function  | no | iOS,Android      |yes |
-|   queryTag(params:{"sequence":number,"tag":string}): void  | 查询指定 tag 与当前用户绑定的状态  | function  | no | iOS,Android      |yes |
-|  queryTags(params: {"sequence":number}): void  | 查询所有标签  | function  | no | iOS,Android      |yes |
-|  setAlias(params: {"sequence":number,"alias":string}): void  | 设置别名  | function  | no | iOS,Android      |yes |
-|  deleteAlias({"sequence":number}): void  | 删除别名  | function  | no | iOS,Android      |yes |
-|  queryAlias(params: {"sequence":number}): void  | 查询别名  | function  | no | iOS,Android      |yes |
-|   setProperties(params:{pros:any}):void; |   设置推送个性化属性/更新用户指定推送个性化属性   |function   | no | iOS,Android     | no |
-|   deleteProperties(params:{pros:any}):void; |   删除指定推送个性化属性   |function   | no | iOS,Android     | no |
-|  cleanProperties():void; |   清除所有推送个性化属性  |function   | no | iOS,Android     | no |
-|  pageEnterTo(pageName: string): void  | 进入页面  | function  | no | iOS,Android      |no |
-|  pageLeave(pageName: string): void  | 离开页面  | function  | no | iOS,Android      |no |
-|  setMobileNumber(params: {"sequence":number,"mobileNumber":string}): void  | 设置手机号码。该接口会控制调用频率,频率为 10s 之内最多 3 次  | function  | no | iOS,Android      |yes |
-|  initCrashHandler(): void  | 开启 CrashLog 上报  | function  | no | iOS,Android      |no |
-|  setPowerSaveMode(enable: boolean):void  | Push SDK 开启和关闭省电模式，默认为关闭  | function  | no | Android      |no |
-|  isNotificationEnabled(callback: Callback<boolean>): void  | 检查当前应用的通知开关是否开启  | function  | no | iOS,Android      |yes |
-|  addLocalNotification(params:{messageID: stringtitle: string;content: string;extras: Extra}): void  | 添加一个本地通知  | function  | no | iOS,Android      |yes |
-|   removeLocalNotification(params: { messageID: string }): void  | 移除指定的本地通知  | function  | no | iOS,Android      |yes |
-|  clearLocalNotifications(): void  | 移除所有的本地通知  | function  | no | iOS,Android      |yes |
-|  clearAllNotifications():void  | 清除所有 JPush 展现的通知（不包括非 JPush SDK 展现的）  | function  | no | Android      |no |
-|  clearNotificationById(params: {notificationId:number}):void  | 删除指定的通知  | function  | no | iAndroid      |no |
-|  setMaxGeofenceNumber(params: {geoFenceMaxNumber:number}): void  | 设置最多允许保存的地理围栏数量,超过最大限制后,如果继续创建先删除最早创建的地理围栏。 默认数量为10个,允许设置最小1个,最大100个。  | function  | no | iOS,Android      |no |
-|  deleteGeofence(params: { geoFenceID: string }): void |  删除指定id的地理围栏  | function  | no | iOS,Android      |no |
-|  addConnectEventListener(callback: Callback<{connectEnable: boolean }>): void  | 监听连接状态  | function  | no | iOS,Android      |yes |
-|  addCommandEventListener(callback: Callback<{ cmd:number, errorCode:number,msg:string,extra:Extra}>): void  | CommandEvent 事件回调  | function  | no | iOS,Android      |yes |
-|   addNotificationListener(callback: Callback <{messageID:string;title:string;content:string;extras:Extra;notificationEventType: "notificationArrived" "notificationOpened"}>):void  | 远程通知事件  | function  | no | iOS,Android      |no |
-|  addLocalNotificationListener(callback: Callback <{messageID:string;title:string;content:string;extras:Extra;notificationEventType: "notificationArrived" "notificationOpened"}>  | 本地通知事件  | function  | no | iOS,Android      |yes |
-|  addCustomMessageListener(callback: Callback<{messageID: string;content: string;extras: Extra;title:string}>):void  | 自定义信息通知回调  | function  | no | iOS,Android      |yes |
-| addInappMessageListener(callback: Callback<{mesageId: string;title: string;content: string;target:string;clickAction: string;extras:Extra:inappEventType: "inappShow"  "inappClick"}>):void| inapp消息事件  | function  | no | iOS,Android      |no |
-|  addTagAliasListener(callback: Callback<{ code: number;tagEnable: boolean;Tags:string[];alias:string;sequence:number}>): void  | tag alias事件  | function  | no | iOS,Android      |yes |
-|  addMobileNumberListener(callback: Callback<{ code: number;sequence:number }>): void  | 手机号码事件  | function  | no | iOS,Android      |yes |
-|  removeListener(callback: Function): void  | 移除事件  | function  | no | iOS,Android      |yes |
-|  requestPermission(): void  | 在 Android 6.0 及以上的系统上,需要去请求一些用到的权限  | function  | no | Android   |no |
-|  stopPush(): void  | 停止推送服务  | function  | no | Android      |yes |
-|  resumePush(): void  | 恢复推送服务  | function  | no | iAndroid      |yes |
-|  isPushStopped(callback: Callback<boolean>): void | 用来检查 Push Service 是否已经被停止  | function  | no | Android      |yes |
-|  setPushTime(params: {pushTimeDays: number[];pushTimeStartHour: number;pushTimeEndHour: number;}):void  | 设置允许推送时间  | function  | no | Android      |no |
-|  setSilenceTime(params: {silenceTimeStartHour: number;silenceTimeStartMinute: number;silenceTimeEndHour: number; silenceTimeEndMinute: number;}): void | 设置保留最近通知条数  | function  | no | Android    |no |
-|  setLatestNotificationNumber(params: {notificationMaxNumber: number;}): void  |   设置保留最近通知条数   |function   | no | Android      | no |
-|  setChannel(params: { channel: string }): void  |   动态配置 channel,优先级比 AndroidManifest 里配置的高   |function   | no | Android      | no |
-|  setBadge(params: {badge: number;appBadge: number;}):void  |   设置 Badge   |function   | no | iOS,Android     | yes |
-|  setChannelAndSound(params: {channel:string;sound:string;channelId:string}):void  |   设置通知渠道声音   |function   | no | Android     | no |
-|  setLinkMergeEnable(enable:boolean):void |   是否开启通知合并   |function   | no | Android     | no |
-|  setSmartPushEnable(enable:boolean):void |   是否开启智能推送   |function   | no | iOS,Android     | no |
-|  setGeofenceEnable(enable:boolean):void |   是否开启地理围栏   |function   | no |Android     | no |
-|  setCollectControl(enable:boolean):void |   是否开启集中控制   |function   | no | iOS、Android     | no |
-
-## 遗留问题
-- [ ] setProperties、deleteProperties、cleanProperties、pageEnterTo、pageLeave、initCrashHandler、setMaxGeofenceNumber、deleteGeofence、addNotificationListener、addInappMessageListener，setCollectControl、setSmartPushEnable这些方法在极光推送harmonyOS-SDK中暂未支持[issue#1](https://github.com/react-native-oh-library/jpush-react-native/issues/1)
-
-## 其他
-
-
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/jpush/jpush-react-native/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+|   setLoggerEnable(enable: boolean): void  |   To set the debug mode, which is disabled by default, and if the RN (React Native) side configuration does not work, please follow the [ JPush SDK-HarmonyOS Integration Guide](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)for proper setup.    | function   | no | iOS,Android      | yes |
+|  init(params: {appKey: string;channel:string;production:string;}): void  |If the initialization of JPush on the RN (React Native) side is not working, please follow the integration instructions provided in the[JPush SDK-HarmonyOS Integration Guide](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)to properly set it up.  |  function   | yes | iOS,Android      | yes |
+|  getRegistrationID(callback: Callback<{ registerID: string }>): void  |  Retrieve the RegistrationID corresponding to the application  | function   | no | iOS,Android      | yes |
+|  addTags(params: {"sequence":number,"tags":string[]}): void  |   Add a tag   |function   | no | iOS,Android      | yes |
+|   updateTags(params: {"sequence":number,"tags":string[]}): void  | Overwrite tags  | function   | no | iOS,Android      |yes |
+|  deleteTag(params: {"sequence":number,"tags":string[]}): void  | Delete a specified tag  | function  | no | iOS,Android      |yes |
+|  deleteTags(params: {"sequence":number}): void  | Clear all tags  | function  | no | iOS,Android      |yes |
+|   queryTag(params:{"sequence":number,"tag":string}): void  | Query the binding status of a specified tag with the current user  | function  | no | iOS,Android      |yes |
+|  queryTags(params: {"sequence":number}): void  | Query all tags.  | function  | no | iOS,Android      |yes |
+|  setAlias(params: {"sequence":number,"alias":string}): void  | Set an alias.  | function  | no | iOS,Android      |yes |
+|  deleteAlias({"sequence":number}): void  | Delete an alias.  | function  | no | iOS,Android      |yes |
+|  queryAlias(params: {"sequence":number}): void  | Query an alias.  | function  | no | iOS,Android      |yes |
+|   setProperties(params:{pros:any}):void; |   Set personalized push attributes/update user-specified personalized push attributes.   |function   | no | iOS,Android     | no |
+|   deleteProperties(params:{pros:any}):void; |   Delete specified personalized push attributes.   |function   | no | iOS,Android     | no |
+|  cleanProperties():void; |   Clear all personalized push attributes.  |function   | no | iOS,Android     | no |
+|  pageEnterTo(pageName: string): void  | Enter a page.  | function  | no | iOS,Android      |no |
+|  pageLeave(pageName: string): void  | Leave a page.  | function  | no | iOS,Android      |no |
+|  setMobileNumber(params: {"sequence":number,"mobileNumber":string}): void  | Set a phone number. This interface controls the call frequency, with a maximum of 3 calls within 10 seconds.  | function  | no | iOS,Android      |yes |
+|  initCrashHandler(): void  | Enable CrashLog reporting.  | function  | no | iOS,Android      |no |
+|  setPowerSaveMode(enable: boolean):void  | Enable or disable power-saving mode for the Push SDK (default: disabled).  | function  | no | Android      |no |
+|  isNotificationEnabled(callback: Callback<boolean>): void  | Check if the notification switch for the current application is enabled.  | function  | no | iOS,Android      |yes |
+|  addLocalNotification(params:{messageID: stringtitle: string;content: string;extras: Extra}): void  | Add a local notification.  | function  | no | iOS,Android      |yes |
+|   removeLocalNotification(params: { messageID: string }): void  | Remove a specified local notification.  | function  | no | iOS,Android      |yes |
+|  clearLocalNotifications(): void  | Remove all local notifications.  | function  | no | iOS,Android      |yes |
+|  clearAllNotifications():void  | Clear all JPush-displayed notifications (excluding those not displayed by the JPush SDK).  | function  | no | Android      |no |
+|  clearNotificationById(params: {notificationId:number}):void  | Delete a specified notification.  | function  | no | iAndroid      |no |
+|  setMaxGeofenceNumber(params: {geoFenceMaxNumber:number}): void  | Set the maximum number of allowed geofences. When exceeding this limit, the earliest created geofence will be deleted first if new ones are created. The default number is 10, with a minimum of 1 and a maximum of 100 allowed.  | function  | no | iOS,Android      |no |
+|  deleteGeofence(params: { geoFenceID: string }): void |  Delete a geofence with a specified ID.  | function  | no | iOS,Android      |no |
+|  addConnectEventListener(callback: Callback<{connectEnable: boolean }>): void  | Monitor connection status.  | function  | no | iOS,Android      |yes |
+|  addCommandEventListener(callback: Callback<{ cmd:number, errorCode:number,msg:string,extra:Extra}>): void  | CommandEvent callback.  | function  | no | iOS,Android      |yes |
+|   addNotificationListener(callback: Callback <{messageID:string;title:string;content:string;extras:Extra;notificationEventType: "notificationArrived" "notificationOpened"}>):void  | Remote notification event.  | function  | no | iOS,Android      |no |
+|  addLocalNotificationListener(callback: Callback <{messageID:string;title:string;content:string;extras:Extra;notificationEventType: "notificationArrived" "notificationOpened"}>  | Local notification event.  | function  | no | iOS,Android      |yes |
+|  addCustomMessageListener(callback: Callback<{messageID: string;content: string;extras: Extra;title:string}>):void  | Custom message notification callback.  | function  | no | iOS,Android      |yes |
+| addInappMessageListener(callback: Callback<{mesageId: string;title: string;content: string;target:string;clickAction: string;extras:Extra:inappEventType: "inappShow"  "inappClick"}>):void| In-app message event.  | function  | no | iOS,Android      |no |
+|  addTagAliasListener(callback: Callback<{ code: number;tagEnable: boolean;Tags:string[];alias:string;sequence:number}>): void  | Tag/alias event.  | function  | no | iOS,Android      |yes |
+|  addMobileNumberListener(callback: Callback<{ code: number;sequence:number }>): void  | Phone number event.  | function  | no | iOS,Android      |yes |
+|  removeListener(callback: Function): void  | Remove event listeners.  | function  | no | iOS,Android      |yes |
+|  requestPermission(): void  | Certain permissions need to be requested on systems running Android 6.0 and above.  | function  | no | Android   |no |
+|  stopPush(): void  | Stop the push service.  | function  | no | Android      |yes |
+|  resumePush(): void  | Resume the push service.  | function  | no | iAndroid      |yes |
+|  isPushStopped(callback: Callback<boolean>): void | Check if the Push Service has been stopped.  | function  | no | Android      |yes |
+|  setPushTime(params: {pushTimeDays: number[];pushTimeStartHour: number;pushTimeEndHour: number;}):void  | Set allowed push times.  | function  | no | Android      |no |
+|  setSilenceTime(params: {silenceTimeStartHour: number;silenceTimeStartMinute: number;silenceTimeEndHour: number; silenceTimeEndMinute: number;}): void | Set the number of recently retained notifications (duplicate setting mentioned).  | function  | no | Android    |no |
+|  setLatestNotificationNumber(params: {notificationMaxNumber: number;}): void  |   Set the number of recently retained notifications (duplicate setting mentioned).   |function   | no | Android      | no |
+|  setChannel(params: { channel: string }): void  |   Dynamically configure channels with higher priority than those configured in the AndroidManifest.  |function   | no | Android      | no |
+|  setBadge(params: {badge: number;appBadge: number;}):void  |   Set the Badge.   |function   | no | iOS,Android     | yes |
+|  setChannelAndSound(params: {channel:string;sound:string;channelId:string}):void  |   Set notification channel sounds.   |function   | no | Android     | no |
+|  setLinkMergeEnable(enable:boolean):void |   Enable or disable notification bundling.   |function   | no | Android     | no |
+|  setSmartPushEnable(enable:boolean):void |   Enable or disable intelligent push.   |function   | no | iOS,Android     | no |
+|  setGeofenceEnable(enable:boolean):void |   Enable or disable geofencing.   |function   | no |Android     | no |
+|  setCollectControl(enable:boolean):void |   Enable or disable centralized control.   |function   | no | iOS、Android     | no |
+
+## Known Issues
+- [ ] setProperties、deleteProperties、cleanProperties、pageEnterTo、pageLeave、initCrashHandler、setMaxGeofenceNumber、deleteGeofence、addNotificationListener、addInappMessageListener，setCollectControl、setSmartPushEnable These methods are currently not supported in the Aurora Push HarmonyOS SDK[issue#1](https://github.com/react-native-oh-library/jpush-react-native/issues/1)
+
+## Others
+
+
+## License
+
+This project is licensed under [The MIT License (MIT)](https://github.com/jpush/jpush-react-native/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/mixpanel-react-native.md b/en/mixpanel-react-native.md
index 733cb0e5..179d53c6 100644
--- a/en/mixpanel-react-native.md
+++ b/en/mixpanel-react-native.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>mixpanel-react-native</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/mixpanel-react-native)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/mixpanel-react-native)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,10 +37,10 @@ yarn add @react-native-oh-tpl/mixpanel-react-native
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
-> [!WARNING] 代码使用的 token值 需要在[ mixpanel 官网](https://mixpanel.com)上的项目设置中获取，事件发送后需要在[ mixpanel 官网](https://mixpanel.com)的项目分析中查看相应的数据
+> [!WARNING] The name of the imported repository remains unchanged.
+> [!WARNING] The token value used in the code needs to be obtained from the project settings on the[ Mixpanel website](https://mixpanel.com),After an event is sent, you can view the corresponding data in the project analytics on the[ Mixpanel website](https://mixpanel.com)
 
 ```js
 import React from 'react';
@@ -64,17 +64,17 @@ export default function MixpanelDemo() {
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -85,18 +85,15 @@ export default function MixpanelDemo() {
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -105,22 +102,22 @@ export default function MixpanelDemo() {
 }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 MixpanelPackage
+### 3. Introducing MixpanelPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -134,105 +131,105 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/mixpanel-react-native Releases](https://github.com/react-native-oh-library/mixpanel-react-native/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### Mixpanel
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- |----------| -------- |-------------------|
-| init(): void; | 初始化Mixpanel实例 | function | yes      | iOS,Android | yes               |
-| setServerURL(serverURL: string): void; | 设置Mixpanel API请求使用的基本URL | function | no       | iOS,Android | yes               |
-| setLoggingEnabled(loggingEnabled: boolean): void; | 是否开启日志记录 | function | no       | iOS,Android | yes               |
-| setFlushOnBackground(flushOnBackground: boolean): void; | 当应用程序在iOS上进入后台时,允许启用或禁用Mixpanel是否刷新事件 | function | no       | iOS | no                |
-| setUseIpAddressForGeolocation(useIpAddressForGeolocation: boolean): void; | 是否发送ip作为地理定位的依据 | function | no       | iOS,Android | yes               |
-| setFlushBatchSize(flushBatchSize: number): void; | 设置单个网络请求发送到mixpanel的事件数量 | function | no       | iOS,Android | yes               |
-| hasOptedOutTracking(): Promise<boolean>; | 获取用户是否选择退出追踪 | function | no       | iOS,Android | yes               |
-| optInTracking(): void; | 用户已选择跟踪 | function | no       | iOS,Android | yes               |
-| optOutTracking(): void; | 用户已选择退出跟踪 | function | no       | iOS,Android | yes               |
-| identify(distinctId: string): Promise<void>; | 将来的track调用都由以下的用户标识关联 | function | no       | iOS,Android | yes               |
-| alias(alias: string, distinctId: string): void; | 创建一个映射，将新的标识与用户的原始distinct_id关联起来 | function | no       | iOS,Android | yes               |
-| track(eventName: string, properties?: MixpanelProperties): void; | 发送事件 | function | yes      | iOS,Android | yes               |
-| getPeople(): People; | 获取People实例 | function | no       | iOS,Android | yes               |
-| trackWithGroups(eventName: string, properties?: MixpanelProperties, groups?: MixpanelProperties): void; | 追踪特定群体事件 | function | no       | iOS,Android | no                |
-| setGroup(groupKey: string, groupID: MixpanelType): void; | 设置用户所属的组 | function | no       | iOS,Android | no                |
-| getGroup(groupKey: string, groupID: MixpanelType): MixpanelGroup; | 获取Group实例 | function | no       | iOS,Android | yes               |
-| addGroup(groupKey: string, groupID: MixpanelType): void; | 添加组 | function | no       | iOS,Android | no                |
-| removeGroup(groupKey: string, groupID: MixpanelType): void; | 移除组 | function | no       | iOS,Android | no                |
-| deleteGroup(groupKey: string, groupID: MixpanelType): void; | 删除组 | function | no       | iOS,Android | no                |
-| registerSuperProperties(properties: MixpanelProperties): void; | 注册全局属性，这些属性通用于所有用户 | function | no       | iOS,Android | yes               |
-| registerSuperPropertiesOnce(properties: MixpanelProperties): void; | 注册全局属性，这些属性通用于所有用户，但不会覆盖已有的属性 | function | no       | iOS,Android | yes               |
-| unregisterSuperProperty(propertyName: string): void; | 删除指定的注册的全局属性 | function | no       | iOS,Android | yes               |
-| getSuperProperties(): Promise<MixpanelProperties>; | 获取注册的全局属性 | function | no       | iOS,Android | yes               |
-| clearSuperProperties(): void; | 删除所有注册的全局属性 | function | no       | iOS,Android | yes               |
-| timeEvent(eventName: string): void; | 发送计时事件 | function | no       | iOS,Android | yes               |
-| eventElapsedTime(eventName: string): Promise<number>; | 获取指定事件的当前计时 | function | no       | iOS,Android | yes               |
-| reset(): void; | 重置用户的相关信息 | function | no       | iOS,Android | yes               |
-| getDistinctId(): Promise<string>; | 获取唯一标识 | function | no       | iOS,Android | yes               |
-| getDeviceId(): Promise<string>; | 获取设备标识 | function | no       | iOS,Android | yes               |
-| flush(): void; | 推送所有事件及用户信息到服务器 | function | no       | iOS,Android | yes               |
+| init(): void; | Initialize a Mixpanel instance. | function | yes      | iOS,Android | yes               |
+| setServerURL(serverURL: string): void; | Set the base URL for Mixpanel API requests. | function | no       | iOS,Android | yes               |
+| setLoggingEnabled(loggingEnabled: boolean): void; | Enable or disable logging. | function | no       | iOS,Android | yes               |
+| setFlushOnBackground(flushOnBackground: boolean): void; | On iOS, allow or disable Mixpanel from flushing events when the app enters the background. | function | no       | iOS | no                |
+| setUseIpAddressForGeolocation(useIpAddressForGeolocation: boolean): void; | Enable or disable sending the IP address as a basis for geolocation. | function | no       | iOS,Android | yes               |
+| setFlushBatchSize(flushBatchSize: number): void; | Set the number of events to send in a single network request to Mixpanel. | function | no       | iOS,Android | yes               |
+| hasOptedOutTracking(): Promise<boolean>; | Check if a user has opted out of tracking. | function | no       | iOS,Android | yes               |
+| optInTracking(): void; | User has opted to be tracked. | function | no       | iOS,Android | yes               |
+| optOutTracking(): void; | User has opted out of tracking. | function | no       | iOS,Android | yes               |
+| identify(distinctId: string): Promise<void>; | Associate future track calls with the following user identifier. | function | no       | iOS,Android | yes               |
+| alias(alias: string, distinctId: string): void; | Create a mapping to associate a new identifier with the user's original distinct_id. | function | no       | iOS,Android | yes               |
+| track(eventName: string, properties?: MixpanelProperties): void; | Send an event. | function | yes      | iOS,Android | yes               |
+| getPeople(): People; | Obtain a People instance. | function | no       | iOS,Android | yes               |
+| trackWithGroups(eventName: string, properties?: MixpanelProperties, groups?: MixpanelProperties): void; | Track events specific to a group of people. | function | no       | iOS,Android | no                |
+| setGroup(groupKey: string, groupID: MixpanelType): void; | Set the group that a user belongs to. | function | no       | iOS,Android | no                |
+| getGroup(groupKey: string, groupID: MixpanelType): MixpanelGroup; | Obtain a Group instance. | function | no       | iOS,Android | yes               |
+| addGroup(groupKey: string, groupID: MixpanelType): void; | Add a group. | function | no       | iOS,Android | no                |
+| removeGroup(groupKey: string, groupID: MixpanelType): void; | Remove a group. | function | no       | iOS,Android | no                |
+| deleteGroup(groupKey: string, groupID: MixpanelType): void; | Delete a group. | function | no       | iOS,Android | no                |
+| registerSuperProperties(properties: MixpanelProperties): void; | Register global properties that are common to all users.| function | no       | iOS,Android | yes               |
+| registerSuperPropertiesOnce(properties: MixpanelProperties): void; | Register global properties that are common to all users without overwriting existing properties.| function | no       | iOS,Android | yes               |
+| unregisterSuperProperty(propertyName: string): void; | Delete a specified registered global property. | function | no       | iOS,Android | yes               |
+| getSuperProperties(): Promise<MixpanelProperties>; | Retrieve registered global properties. | function | no       | iOS,Android | yes               |
+| clearSuperProperties(): void; | Delete all registered global properties. | function | no       | iOS,Android | yes               |
+| timeEvent(eventName: string): void; | Send a timing event. | function | no       | iOS,Android | yes               |
+| eventElapsedTime(eventName: string): Promise<number>; | Get the current timing for a specified event. | function | no       | iOS,Android | yes               |
+| reset(): void; | Reset a user's related information. | function | no       | iOS,Android | yes               |
+| getDistinctId(): Promise<string>; | Get the unique identifier. | function | no       | iOS,Android | yes               |
+| getDeviceId(): Promise<string>; | Get the device identifier. | function | no       | iOS,Android | yes               |
+| flush(): void; | Push all events and user information to the server. | function | no       | iOS,Android | yes               |
 
 
 #### People
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| set(prop: string, to: MixpanelType): void; | 设置用户的属性 | function | no | iOS,Android | yes |
-| set(properties: MixpanelProperties): void; | 设置用户的属性 | function | no | iOS,Android | yes |
-| setOnce(prop: string, to: MixpanelType): void; | 设置用户的属性，但不会覆盖已有的属性 | function | no | iOS,Android | yes |
-| setOnce(properties: MixpanelProperties): void; | 设置用户的属性，但不会覆盖已有的属性 | function | no | iOS,Android | yes |
-| increment(prop: string, by: number): void; | 增加用户的某个数值属性的值，通常用于计数或累计某个行为的发生次数。 | function | no | iOS,Android | yes |
-| increment(properties: MixpanelProperties): void; | 增加用户的某个数值属性的值，通常用于计数或累计某个行为的发生次数。 | function | no | iOS,Android | yes |
-| append(name: string, value: MixpanelType): void; | 添加用户的某个属性的值，将值追加到用户属性中 | function | no | iOS,Android | yes |
-| union(name: string, value: Array<MixpanelType>): void; | 添加用户的某个属性的值，如果属性已经存在值，则新添加的数据会与现有值合并 | function | no | iOS,Android | yes |
-| remove(name: string, value: MixpanelType): void; | 删除用户的某个属性的指定值 | function | no | iOS,Android | yes |
-| unset(name: string): void; | 删除用户的某个属性及属性的值 | function | no | iOS,Android | yes |
-| trackCharge(charge: number, properties: MixpanelProperties): void; | 追踪用户的交易 | function | no | iOS,Android | yes |
-| clearCharges(): void; | 永久清除用户的历史交易记录 | function | no | iOS,Android | yes |
-| deleteUser(): void; | 从人员分析中永久删除用户 | function | no | iOS,Android | yes |
+| set(prop: string, to: MixpanelType): void; | Set a user's property. | function | no | iOS,Android | yes |
+| set(properties: MixpanelProperties): void; | Set a user's property. | function | no | iOS,Android | yes |
+| setOnce(prop: string, to: MixpanelType): void; | Set a user's property without overwriting an existing value.| function | no | iOS,Android | yes |
+| setOnce(properties: MixpanelProperties): void; | Set a user's property without overwriting an existing value.| function | no | iOS,Android | yes |
+| increment(prop: string, by: number): void; | Increment the value of a numerical user property, typically used for counting or accumulating occurrences of a behavior. | function | no | iOS,Android | yes |
+| increment(properties: MixpanelProperties): void; | Increment the value of a numerical user property, typically used for counting or accumulating occurrences of a behavior. | function | no | iOS,Android | yes |
+| append(name: string, value: MixpanelType): void; | Add a value to a user's property, appending it to the existing value if the property already exists. | function | no | iOS,Android | yes |
+| union(name: string, value: Array<MixpanelType>): void; | Add a value to a user's property, merging the newly added data with the existing value if the property already has a value. | function | no | iOS,Android | yes |
+| remove(name: string, value: MixpanelType): void; | Remove a specified value from a user's property. | function | no | iOS,Android | yes |
+| unset(name: string): void; | Delete a user's property and its value. | function | no | iOS,Android | yes |
+| trackCharge(charge: number, properties: MixpanelProperties): void; | Track a user's transaction. | function | no | iOS,Android | yes |
+| clearCharges(): void; | Permanently clear a user's historical transaction records. | function | no | iOS,Android | yes |
+| deleteUser(): void; | Permanently delete a user from People analytics. | function | no | iOS,Android | yes |
 
 
 #### MixpanelGroup
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| set(prop: string, to: MixpanelType): void; | 设置组的属性 | function | no | iOS,Android | no |
-| setOnce(prop: string, to: MixpanelType): void; | 设置组的属性，但不会覆盖已有的属性 | function | no | iOS,Android | no |
-| unset(prop: string): void; | 删除组的属性 | function | no | iOS,Android | no |
-| remove(name: string, value: MixpanelType): void; | 删除组的属性的值，删除指定值 | function | no | iOS,Android | no |
-| union(name: string, value: MixpanelType): void; | 添加组的属性的值，将值合并到组属性中 | function | no | iOS,Android | no |
+| set(prop: string, to: MixpanelType): void; | Set a group's property. | function | no | iOS,Android | no |
+| setOnce(prop: string, to: MixpanelType): void; | Set a group's property without overwriting an existing value. | function | no | iOS,Android | no |
+| unset(prop: string): void; | Delete a group's property. | function | no | iOS,Android | no |
+| remove(name: string, value: MixpanelType): void; | Remove a specified value from a group's property. | function | no | iOS,Android | no |
+| union(name: string, value: MixpanelType): void; | Add a value to a group's property, merging the newly added data with the existing value | function | no | iOS,Android | no |
 
 
-## 遗留问题
-- [ ] 部分接口暂未开发：[issue#5](https://github.com/react-native-oh-library/mixpanel-react-native/issues/5)
+## Known Issues
+- [ ] Some interfaces have not been developed yet: [issue#5](https://github.com/react-native-oh-library/mixpanel-react-native/issues/5)
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [Apache License2.0](https://github.com/mixpanel/mixpanel-react-native/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [Apache License2.0](https://github.com/mixpanel/mixpanel-react-native/blob/master/LICENSE.md).
 
diff --git a/en/op-engineering-op-sqlite.md b/en/op-engineering-op-sqlite.md
index bb32a36b..a72d1227 100644
--- a/en/op-engineering-op-sqlite.md
+++ b/en/op-engineering-op-sqlite.md
@@ -142,7 +142,7 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3. Configuring CMakeLists and Introducing xxx Package
+### 3. Configuring CMakeLists and Introducing RNOpSqlitePackage
 
 Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
@@ -293,9 +293,9 @@ Open the `YourProject/entry/src/main/module.json5` file and add the following co
 
 ## Static Methods
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
@@ -310,9 +310,9 @@ Open the `YourProject/entry/src/main/module.json5` file and add the following co
 
 ### DB
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
diff --git a/en/react-native-blurhash.md b/en/react-native-blurhash.md
index df28cbdc..a66fe77d 100644
--- a/en/react-native-blurhash.md
+++ b/en/react-native-blurhash.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-blurhash</code> </h1>
@@ -15,15 +15,15 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-blurhash)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-blurhash)
 
-## 安装与使用
+## Installation and Usage
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)，并下载适用版本的 tgz 包。
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases).
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -41,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-blurhash@file:#
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import React, { useCallback, useMemo, useState } from 'react';
@@ -255,11 +255,11 @@ export default BlurhashDemo
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -270,18 +270,17 @@ export default BlurhashDemo
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -290,22 +289,22 @@ export default BlurhashDemo
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 BlurhashPackage
+### 3. Configuring CMakeLists and Introducing BlurhashPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -344,7 +343,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -363,9 +362,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 BlurhashPackage
+### 4. Introducing BlurhashPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 + import {BlurhashPackage} from '@react-native-oh-tpl/react-native-blurhash/ts';
@@ -379,32 +378,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                                       | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
 | ------------------------------------------ | ------------------------------------------------------------ | --------- | -------- | -------- | ----------------- |
@@ -422,9 +421,9 @@ ohpm install
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                                                  | Type                                                         | Required | Platform | HarmonyOS Support |
 | ------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
@@ -433,10 +432,10 @@ ohpm install
 | getAverageColor)   | Gets the average color in a given blurhash string.           | (blurhash: string)=> RGB \|undefined;                        | no       | All      | yes               |
 | isBlurhashValid()  | Verifies if the given blurhash is valid by checking it's type, length and size flag. | (blurhash: string)=> ReturnType\<typeof isBlurhashValid>;    | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/mrousavy/react-native-blurhash/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/mrousavy/react-native-blurhash/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-community-hooks.md b/en/react-native-community-hooks.md
index e250b201..f6c3f88b 100644
--- a/en/react-native-community-hooks.md
+++ b/en/react-native-community-hooks.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-community-hooks</code> </h1>
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-community/hooks)
+> [!TIP] [GitHub address](https://github.com/react-native-community/hooks)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -34,9 +34,9 @@ yarn add @react-native-community/hooks@3.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 
@@ -52,9 +52,9 @@ import {
 import {  useAppState, useLayout, useKeyboard, useDeviceOrientation, useRefresh, useInteractionManager } from '@react-native-community/hooks'
 export const HooksUnTester = () => {
     const [backText, setBackText] = useState('')
-    const [refreshText, setRefreshText] = useState('下拉刷新')
+    const [refreshText, setRefreshText] = useState('Pull down refresh')
     const fetch = () => {
-        return new Promise((resolve) => setTimeout(() => { resolve(setRefreshText('刷新成功')) }, 500))
+        return new Promise((resolve) => setTimeout(() => { resolve(setRefreshText('Refresh successful')) }, 500))
     }
     const { isRefreshing, onRefresh } = useRefresh(fetch);
     return (
@@ -76,7 +76,7 @@ export const HooksUnTester = () => {
                 <View style={styles.testSuite}>
                     <Text style={styles.titles}>useDeviceOrientation</Text>
                     <View style={styles.textCase}>
-                        <Text>判断是横屏(landscape)还是纵屏(portrait)：{useDeviceOrientation()} </Text>
+                        <Text>Determine whether it is landscape or portrait:{useDeviceOrientation()} </Text>
                     </View>
                 </View>
             </ScrollView>
@@ -122,20 +122,20 @@ const styles = StyleSheet.create({
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1.RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25;
 2.RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name           | Description                   | Type | Required | Platform    | HarmonyOS Support |
@@ -155,15 +155,15 @@ useAccessibilityInfo 方法返回值
 |----------------|-------------------------------| -------- | ----------------- |
 | isBoldTextEnabled  | whether bold text is enabled | iOS | Yes        |
 | isScreenReaderEnabled    | Whether the Screen Reading Function Is Enabled | Android / iOS | Yes   |
-| isGrayscaleEnabled  | Whether grayscale mode is enabled | iOS | No        |
-| isInvertColorsEnabled  | Whether color inversion is enabled | iOS | No        |
-| isReduceMotionEnabled  | Whether reduction animation is enabled | Android / iOS | No        |
-| isReduceTransparencyEnabled  | Whether reduce transparency is enabled | iOS | No        |
+| isGrayscaleEnabled  | Whether grayscale mode is enabled | iOS | Yes        |
+| isInvertColorsEnabled  | Whether color inversion is enabled | iOS | Yes        |
+| isReduceMotionEnabled  | Whether reduction animation is enabled | Android / iOS | Yes        |
+| isReduceTransparencyEnabled  | Whether reduce transparency is enabled | iOS | Yes        |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The ISC License (ISC)](https://github.com/react-native-community/hooks/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The ISC License (ISC)](https://github.com/react-native-community/hooks/blob/main/LICENSE).
diff --git a/en/react-native-copilot.md b/en/react-native-copilot.md
index c472582a..d4644b62 100644
--- a/en/react-native-copilot.md
+++ b/en/react-native-copilot.md
@@ -249,36 +249,38 @@ For details, see [react-native-copilot](https://github.com/mohebifar/react-nativ
 
 ### CopilotProps
 
-| Name                    | Description                   | Type                                                                    | Required | Platform    | HarmonyOS Support |
-| ----------------------- | ----------------------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| easing                  | The animation display will be smoother            | ((value: number) => number) \| undefined                                | no       | Android/iOS | yes               |
-| overlay                 | Use SVG or View to execute animations | "svg" \| "view"                                                         | no       | Android/iOS | yes               |
-| animationDuration       | Animation execution time                  | number                                                                  | no       | Android/iOS | yes               |
-| tooltipComponent        | 可自定义 tooltip 组件         | React.ComponentType\<TooltipProps\>                                     | no       | Android/iOS | yes               |
-| tooltipStyle            | Customizable tooltip components                | ViewStyle                                                               | no       | Android/iOS | yes               |
-| stepNumberComponent     | Customizable step component            | React.ComponentType\<any\>                                              | no       | Android/iOS | yes               |
-| animated                | Do you want to enable animation                  | boolean                                                                 | no       | Android/iOS | yes               |
-| labels                  | Text of step button                | Partial\<Record\<"skip" \| "previous" \| "next" \| "finish", string\>\> | no       | Android/iOS | yes               |
-| androidStatusBarVisible | Show or hide the StatusBar          | boolean                                                                 | no       | Android     | no                |
-| svgMaskPath             | Custom Modal Box                  | Function                                                                | no       | Android/iOS | yes               |
-| verticalOffset          | The offset of the modal box distance element        | number                                                                  | no       | Android/iOS | yes               |
-| arrowColor              | The color of the arrow                    | string                                                                  | no       | Android/iOS | yes               |
-| arrowSize               | The position of the arrow                    | number                                                                  | no       | Android/iOS | yes               |
-| margin                  | The distance between two modal boxes            | number                                                                  | no       | Android/iOS | yes               |
-| stopOnOutsideClick      | Call stop when clicking on the mask           | boolean                                                                 | no       | Android/iOS | yes               |
-| backdropColor           | The color of the external background                    | string                                                                  | no       | Android/iOS | yes               |
+| Name                                | Description                                  | Type                                                                    | Required | Platform    | HarmonyOS Support |
+| ----------------------------------- | -------------------------------------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| easing                              | The animation display will be smoother       | ((value: number) => number) \| undefined                                | no       | Android/iOS | yes               |
+| overlay                             | Use SVG or View to execute animations        | "svg" \| "view"                                                         | no       | Android/iOS | yes               |
+| animationDuration                   | Animation execution time                     | number                                                                  | no       | Android/iOS | yes               |
+| tooltipComponent                    | Customizable tooltip components              |
+| React.ComponentType\<TooltipProps\> | no                                           | Android/iOS                                                             | yes      |
+| tooltipStyle                        | Customizable tooltip components              | ViewStyle                                                               | no       | Android/iOS | yes               |
+| stepNumberComponent                 | Customizable step component                  | React.ComponentType\<any\>                                              | no       | Android/iOS | yes               |
+| animated                            | Do you want to enable animation              | boolean                                                                 | no       | Android/iOS | yes               |
+| labels                              | Text of step button                          | Partial\<Record\<"skip" \| "previous" \| "next" \| "finish", string\>\> | no       | Android/iOS | yes               |
+| androidStatusBarVisible             | Show or hide the StatusBar                   | boolean                                                                 | no       | Android     | no                |
+| svgMaskPath                         | Custom Modal Box                             | Function                                                                | no       | Android/iOS | yes               |
+| verticalOffset                      | The offset of the modal box distance element | number                                                                  | no       | Android/iOS | yes               |
+| arrowColor                          | The color of the arrow                       | string                                                                  | no       | Android/iOS | yes               |
+| arrowSize                           | The position of the arrow                    | number                                                                  | no       | Android/iOS | yes               |
+| margin                              | The distance between two modal boxes         | number                                                                  | no       | Android/iOS | yes               |
+| stopOnOutsideClick                  | Call stop when clicking on the mask          | boolean                                                                 | no       | Android/iOS | yes               |
+| backdropColor                       | The color of the external background         | string                                                                  | no       | Android/iOS | yes               |
 
 ### TooltipProps
 
-| Name         | Description    | Type                                                                    | Required | Platform    | HarmonyOS Support |
-| ------------ | -------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| Name         | Description         | Type                                                                    | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
 | TooltipProps | Text of step button | Partial\<Record\<"skip" \| "previous" \| "next" \| "finish", string\>\> | no       | Android/iOS | yes               |
 
 ## Known Issues
 
-- [ ] "overlay" property effect is not obvious [issue#1](https://github.com/mohebifar/react-native-copilot/issues/333) 
+- [ ] "overlay" property effect is not obvious [issue#1](https://github.com/mohebifar/react-native-copilot/issues/333)
 
 ## Others
+
 - The androidStatusBarVisible property is invalid on HarmonyOS. This property is used to calculate the position of the modal box even after hiding the Status Bar on Android. However, when HarmonyOS hides the Status Bar, its height is 0, so this property is invalid on HarmonyOS.
 
 ## License
diff --git a/en/react-native-country-picker-modal.md b/en/react-native-country-picker-modal.md
index fcde8753..b4b8e410 100644
--- a/en/react-native-country-picker-modal.md
+++ b/en/react-native-country-picker-modal.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-country-picker-modal</code> </h1>
@@ -12,15 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-country-picker-modal)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-country-picker-modal)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-country-picker-modal Releases](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
-
-
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -38,9 +36,9 @@ yarn add @react-native-oh-tpl/react-native-country-picker-modal
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import React, {useState} from 'react';
@@ -253,21 +251,21 @@ export function CountryPickerTest() {
 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
 
+## Properties
 
-## 属性
-详细请查看 [react-native-country-picker-modal的文档介绍](https://github.com/xcarpentier/react-native-country-picker-modal)
+For details, see [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name          | Description                           | Type                                      | Required | Platform                                | HarmonyOS Support                                        |
 | ------------------ | ----------------------------------------------- | --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
@@ -306,12 +304,12 @@ export function CountryPickerTest() {
 | preferredCountries    | preferredCountries | [CountryCode](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/src/types.ts#L254) preferred countries they appear first (`withAlphaFilter` must be false) | No        | All | Yes |
 
 
-## 遗留问题
+## Known Issues
 
-- [ ] 搜索条件没有按照translation属性进行过滤 [issue#534](https://github.com/xcarpentier/react-native-country-picker-modal/issues/534) 
+- [ ] The search criteria were not filtered according to the translation attribute [issue#534](https://github.com/xcarpentier/react-native-country-picker-modal/issues/534) 
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/xcarpentier/react-native-country-picker-modal/blob/master/LICENSE.md).
diff --git a/en/react-native-easy-toast.md b/en/react-native-easy-toast.md
index f781e326..ee642494 100644
--- a/en/react-native-easy-toast.md
+++ b/en/react-native-easy-toast.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-easy-toast</code> </h1>
@@ -7,18 +7,18 @@
     <a href="https://github.com/crazycodeboy/react-native-easy-toast">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/%3C%E5%8E%9F%E5%BA%93%E6%BA%90%E7%A0%81%E4%BB%93LICENSE%E7%9A%84%E8%B7%AF%E5%BE%84%EF%BC%88%E5%A6%82%E6%9C%89%EF%BC%89%3E">
+    <a href="https://github.com/crazycodeboy/react-native-easy-toast/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/crazycodeboy/react-native-easy-toast)
+> [!TIP] [GitHub address](https://github.com/crazycodeboy/react-native-easy-toast)
 
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,7 +36,7 @@ yarn add react-native-easy-toast@2.3.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { Component } from "react";
@@ -64,25 +64,25 @@ export default class App extends Component {
 
 ```
 
-更多使用场景可查看 [react-native-easy-toast 源库地址](https://github.com/crazycodeboy/react-native-easy-toast)
+More usage scenarios can be viewed [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-在下述版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2(B.0.73); IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.58;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 
-## 属性
+## Properties
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 >
-> 详情见 [react-native-easy-toast 源库地址](https://github.com/crazycodeboy/react-native-easy-toast)
+> For details, see [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -94,21 +94,21 @@ export default class App extends Component {
 | opacity  | Custom toast opacity | React.PropTypes.number  | no | All | yes |
 | textStyle  | Custom style text | View.propTypes.style  | no | All | yes |
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | show  | show a toast,unit is millisecond，and do callback  | (text: string, duration: number, callback: function, onPress: function)  | no | All      | yes |
 | close  | start the close timer  | -  | no | All | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [MIT Licensed](https://github.com/crazycodeboy/react-native-easy-toast/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [MIT Licensed](https://github.com/crazycodeboy/react-native-easy-toast/blob/master/LICENSE).
diff --git a/en/react-native-graph.md b/en/react-native-graph.md
index 840951ad..cd61f5cf 100644
--- a/en/react-native-graph.md
+++ b/en/react-native-graph.md
@@ -154,11 +154,11 @@ This document is verified based on the following versions:
 
 ## Known Issues
 
-- [ ] 依赖手势库的三方库，单击图表后会出现手势指示点出现 BUG 的情况，会页面卡住无法点击组件中按钮再次点击回归正常，需要等待手势库更新后正常 [issues#38](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/38)
+- [ ] A third-party library that relies on gesture libraries may encounter bugs in gesture indicator points when clicking on charts, causing the page to freeze and making it impossible to click on the buttons in the component. Clicking again will return to normal, and we need to wait for the gesture library to update before it returns to normal [issues#38](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/issues/38)
 
 ## Others
 
-- react-native-graph 的 animated 属性 原库代码现在有问题 无论是 false 还是 true，数据变化都是静态变化，没有动画效果，原库中有使用者提 issue 和 PR，添加合入相应 PR 代码后才能动画正常[issue#111](https://github.com/margelo/react-native-graph/pull/111)
+- The original library code for the animated attribute of react native graph is currently problematic. Whether it is false or true, data changes are static and do not have animation effects. There are user issues and PRs in the original library, and the animation can only function properly after adding and merging the corresponding PR code [issue#111](https://github.com/margelo/react-native-graph/pull/111)
 
 ## License
 
diff --git a/en/react-native-image-gallery.md b/en/react-native-image-gallery.md
index a242ec67..33bd978a 100644
--- a/en/react-native-image-gallery.md
+++ b/en/react-native-image-gallery.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.0
+> Template version: v0.2.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-gallery</code> </h1>
@@ -12,21 +12,19 @@
     </a>
 </p>
 
->   [!TIP]  
+>   [!tip]  
 >
-> [Github 地址](https://github.com/react-native-oh-library/react-native-image-gallery/tree/sig)
+> [GitHub address](https://github.com/react-native-oh-library/react-native-image-gallery/tree/sig)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
->  [!TIP] 
->
-> 处替换为 tgz 包的路径
+>  [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -42,9 +40,9 @@ yarn add @react-native-oh-tpl/react-native-image-gallery
 
 <!-- tabs:end -->
 
-快速使用：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import Gallery from 'react-native-image-gallery';
@@ -65,13 +63,13 @@ import Gallery from 'react-native-image-gallery';
   }
 ```
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases)
 
-#### 属性
+#### Properties
 
 | Prop   | Description | Type  | Default | Platform | HarmonyOS Support |
 | --------------------- | --------------------- | -------- | -------- |----------|-------------------|
@@ -88,10 +86,10 @@ import Gallery from 'react-native-image-gallery';
 `onSingleTapConfirmed` | Fired after a single tap | `function`|   |      all    | yes               |
 `onLongPress` | Fired after a long press | `function`|     |      all    | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The ISC License (ISC)](https://choosealicense.com/licenses/isc) ，请自由地享受和参与开源。
+This project is licensed under [The ISC License (ISC)](https://choosealicense.com/licenses/isc).
diff --git a/en/react-native-image-marker.md b/en/react-native-image-marker.md
index 64159dcd..32e4687d 100644
--- a/en/react-native-image-marker.md
+++ b/en/react-native-image-marker.md
@@ -299,180 +299,179 @@ Open the `entry/src/main/module.json5` file and add the following code:
     }
 ]
 ```
-### Font usage
-If you need to use fonts, you need to store the font files in the rawfile/assets/assets/fonts directory under the resources directory of entry,
-As shown in the following figure:
 
-![alt text](../img/react-natvie-image-marker/fonts.PNG)
 ## API
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name      | Description                    | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | ------------------------------ | ------ | -------- | ----------- | ----------------- |
 | markImage | mark icons on background image | string | no       | Android/iOS | yes               |
 | markText  | mark texts on background image | string | no       | Android/iOS | yes               |
 
-##### ImageOptions
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| src  | image src, local image | string | yes      | iOS/Android | yes               |
-| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
-| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
-| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
-
-##### ImageFormat
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| png  | iamge type png | string | no      | iOS/Android | yes               |
-| jpg | iamge type jpg | string | no      | iOS/Android | yes               |
-| base64 | iamge type base64 | string | no      | iOS/Android | yes               |
-##### PositionOptions 
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| X  | horizontal coordinate on background image | number / string | no      | iOS/Android | yes |
-| Y  | vertical coordinate on background image | number / string | no      | iOS/Android | yes |
-| position  | position enum | [Position](#position) | no | iOS/Android | yes |
-
-##### Position 
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| topLeft  | top left on background image |  string | no      | iOS/Android | yes |
-| topCenter  | top center on background image | string | no      | iOS/Android | yes |
-| topRight  |top right on background image | string | no | iOS/Android | yes |
-| bottomLeft  | bottom left on background image | string | no | iOS/Android | yes |
-| bottomCenter  | bottom center on background image | string | no | iOS/Android | yes |
-| bottomRight  | bottom right on background image| string | no | iOS/Android | yes |
-| center  | center on background image | string | no | iOS/Android | yes |
 #### markImage
+
 ```js
 markImage(options: ImageMarkOptions): Promise<string>;
 ```
-##### ImageMarkOptions
-
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage  | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | partially                |
-| quality | image quality `0-100`, `100` is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
-| filename | save image name | string | no      | iOS/Android | yes               |
-| saveFormat | save image format 'png','jpg','base64',default 'png' | [ImageFormat](#imageformat) | no      | iOS/Android | yes               |
-| watermarkImages | watermark images | Array\<[WatermarkImageOptions](#watermarkimageoptions)> | yes      | iOS/Android | yes  |
 
+##### ImageMarkOptions
 
+| Name            | Description                                                    | Type                          | Required | Platform    | HarmonyOS Support |
+| --------------- | -------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
+| backgroundImage | background image options                                       | ImageOptions                  | yes      | iOS/Android | yes               |
+| quality         | image quality `0-100`, `100` is best quality. defaultValue 100 | number                        | no       | iOS/Android | yes               |
+| filename        | save image name                                                | string                        | no       | iOS/Android | yes               |
+| saveFormat      | save image format 'png','jpg','base64',default 'png'           | ImageFormat                   | no       | iOS/Android | yes               |
+| watermarkImages | watermark images                                               | Array\<WatermarkImageOptions> | yes      | iOS/Android | yes               |
 
-##### WatermarkImageOptions 
+##### ImageOptions
 
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| src  | image src, local image | string | yes      | iOS/Android | yes               |
-| scale | image scale `>0`.defaultValue 1 | number | no      | iOS/Android | yes               |
-| rotate | rotate image rotate `0-360`.defaultValue 0 | number | no      | iOS/Android | yes               |
-| alpha | transparent of image `0 - 1`.defaultValue 1 | number | no      | iOS/Android | yes |
-| position  | the position of icon on background image | [PositionOptions](#positionoptions) | no      | iOS/Android | yes               |
+| Name   | Description                                 | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| src    | image src, local image                      | string | yes      | iOS/Android | yes               |
+| scale  | image scale `>0`.defaultValue 1             | number | no       | iOS/Android | yes               |
+| rotate | rotate image rotate `0-360`.defaultValue 0  | number | no       | iOS/Android | yes               |
+| alpha  | transparent of image `0 - 1`.defaultValue 1 | number | no       | iOS/Android | yes               |
 
+##### ImageFormat
 
+| Name   | Description       | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | ----------------- | ------ | -------- | ----------- | ----------------- |
+| png    | iamge type png    | string | no       | iOS/Android | yes               |
+| jpg    | iamge type jpg    | string | no       | iOS/Android | yes               |
+| base64 | iamge type base64 | string | no       | iOS/Android | yes               |
+
+##### WatermarkImageOptions
+
+| Name     | Description                                 | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------- | --------------- | -------- | ----------- | ----------------- |
+| src      | image src, local image                      | string          | yes      | iOS/Android | yes               |
+| scale    | image scale `>0`.defaultValue 1             | number          | no       | iOS/Android | yes               |
+| rotate   | rotate image rotate `0-360`.defaultValue 0  | number          | no       | iOS/Android | yes               |
+| alpha    | transparent of image `0 - 1`.defaultValue 1 | number          | no       | iOS/Android | yes               |
+| position | the position of icon on background image    | PositionOptions | no       | iOS/Android | yes               |
+
+##### PositionOptions
+
+| Name     | Description                               | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | ----------------------------------------- | --------------- | -------- | ----------- | ----------------- |
+| X        | horizontal coordinate on background image | number / string | no       | iOS/Android | yes               |
+| Y        | vertical coordinate on background image   | number / string | no       | iOS/Android | yes               |
+| position | position enum                             | Position        | no       | iOS/Android | yes               |
+
+##### Position
+
+| Name         | Description                       | Type   | Required | Platform    | HarmonyOS Support |
+| ------------ | --------------------------------- | ------ | -------- | ----------- | ----------------- |
+| topLeft      | top left on background image      | string | no       | iOS/Android | yes               |
+| topCenter    | top center on background image    | string | no       | iOS/Android | yes               |
+| topRight     | top right on background image     | string | no       | iOS/Android | yes               |
+| bottomLeft   | bottom left on background image   | string | no       | iOS/Android | yes               |
+| bottomCenter | bottom center on background image | string | no       | iOS/Android | yes               |
+| bottomRight  | bottom right on background image  | string | no       | iOS/Android | yes               |
+| center       | center on background image        | string | no       | iOS/Android | yes               |
 
 #### markText
 
 ```json
 markText(options: TextMarkOptions): Promise<string>;
 ```
+
 ##### TextMarkOptions
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| backgroundImage | background image options | [ImageOptions](#imageoptions) | yes      | iOS/Android | partially                |
-| watermarkTexts      | text options      | Array\<[TextOptions](#textoptions)> | yes      | iOS/Android | yes               |
-| quality      | image quality 0-100, 100 is best quality. defaultValue 100 | number | no      | iOS/Android | yes               |
-| filename      | save image name          | string | no      | iOS/Android | yes               |
-| saveFormat      | save image format 'png','jpg','base64',default 'png'           | [ImageFormat](#imageformat) | no      | iOS/Android | yes               |
+
+| Name            | Description                                                | Type                | Required | Platform    | HarmonyOS Support |
+| --------------- | ---------------------------------------------------------- | ------------------- | -------- | ----------- | ----------------- |
+| backgroundImage | background image options                                   | ImageOptions        | yes      | iOS/Android | yes               |
+| watermarkTexts  | text options                                               | Array\<TextOptions> | yes      | iOS/Android | yes               |
+| quality         | image quality 0-100, 100 is best quality. defaultValue 100 | number              | no       | iOS/Android | yes               |
+| filename        | save image name                                            | string              | no       | iOS/Android | yes               |
+| saveFormat      | save image format 'png','jpg','base64',default 'png'       | ImageFormat         | no       | iOS/Android | yes               |
 
 ##### TextOptions
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| text | text content | string | yes      | iOS/Android | yes               |
-| position      | text position options | [PositionOptions](#positionoptions) | no      | iOS/Android | yes               |
-| style      | text style         | [TextStyle](#textstyle) | no      | iOS/Android | yes               |
+
+| Name     | Description           | Type            | Required | Platform    | HarmonyOS Support |
+| -------- | --------------------- | --------------- | -------- | ----------- | ----------------- |
+| text     | text content          | string          | yes      | iOS/Android | yes               |
+| position | text position options | PositionOptions | no       | iOS/Android | yes               |
+| style    | text style            | TextStyle       | no       | iOS/Android | yes               |
 
 ##### TextStyle
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| color | font color | string | yes      | iOS/Android | yes               |
-| fontName      | font name | string | no      | iOS/Android | yes            |
-| fontSize      | font size        | number | no      | iOS/Android | yes               |
-| shadowStyle | text shadow style | [ShadowLayerStyle](#shadowlayerstyle) | no      | iOS/Android | yes               |
-| textBackgroundStyle      | text background style | [TextBackgroundStyle](#textbackgroundstyle)  | no      | iOS/Android | yes               |
-| underline      | text underline style        | boolean | no      | iOS/Android | yes               |
-| skewX | css italic with degree, you can use italic instead | number | no      | iOS/Android | yes         |
-| strikeThrough      | text stroke | boolean | no      | iOS/Android | yes               |
-| textAlign      | text align . 'left' / 'center' / 'right'       | string | no      | iOS/Android | yes               |
-| italic | text italic | boolean | no      | iOS/Android | yes            |
-| bold      | text bold | boolean | no      | iOS/Android | yes               |
-| rotate      | rotate text       | number | no      | iOS/Android | yes               |
+| Name                | Description                                        | Type                | Required | Platform    | HarmonyOS Support |
+| ------------------- | -------------------------------------------------- | ------------------- | -------- | ----------- | ----------------- |
+| color               | font color                                         | string              | yes      | iOS/Android | yes               |
+| fontName            | font name                                          | string              | no       | iOS/Android | yes               |
+| fontSize            | font size                                          | number              | no       | iOS/Android | yes               |
+| shadowStyle         | text shadow style                                  | ShadowLayerStyle    | no       | iOS/Android | yes               |
+| textBackgroundStyle | text background style                              | TextBackgroundStyle | no       | iOS/Android | yes               |
+| underline           | text underline style                               | boolean             | no       | iOS/Android | yes               |
+| skewX               | css italic with degree, you can use italic instead | number              | no       | iOS/Android | yes               |
+| strikeThrough       | text stroke                                        | boolean             | no       | iOS/Android | yes               |
+| textAlign           | text align . 'left' / 'center' / 'right'           | string              | no       | iOS/Android | yes               |
+| italic              | text italic                                        | boolean             | no       | iOS/Android | yes               |
+| bold                | text bold                                          | boolean             | no       | iOS/Android | yes               |
+| rotate              | rotate text                                        | number              | no       | iOS/Android | yes               |
 
 ##### ShadowLayerStyle
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| dx      | shadow offset x       | number | yes      | iOS/Android | yes               |
-| dy      | shadow offset y     | number | yes      | iOS/Android | yes               |
-| radius      |shadow radius      | number | yes      | iOS/Android | yes               |
-| color      | shadow color       | string | yes      | iOS/Android | yes               |
+| Name   | Description     | Type   | Required | Platform    | HarmonyOS Support |
+| ------ | --------------- | ------ | -------- | ----------- | ----------------- |
+| dx     | shadow offset x | number | yes      | iOS/Android | yes               |
+| dy     | shadow offset y | number | yes      | iOS/Android | yes               |
+| radius | shadow radius   | number | yes      | iOS/Android | yes               |
+| color  | shadow color    | string | yes      | iOS/Android | yes               |
 
 ##### TextBackgroundStyle
+
 extends Padding
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
 | --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| type      | background type .TextBackgroundType enum      | [TextBackgroundType](#textbackgroundtype) | no      | iOS/Android | yes               |
-| color      | background color    | string | yes      | iOS/Android | yes               |
-| cornerRadius      |background corner radius     | [CornerRadius](#cornerradius) | no      | iOS/Android | yes               |
-| padding      | padding for text background，Up to four values, separated by spaces   | number / string | no      | iOS/Android | yes               |
-| paddingLeft      |  padding left for text background  | number / string | no      | iOS/Android | yes               |
-| paddingRight      | padding right for text background    | number / string | no      | iOS/Android | yes               |
-| paddingTop      | padding top for text background    | number / string | no      | iOS/Android | yes               |
-| paddingBottom      | padding bottom for text background   | number / string  | no      | iOS/Android | yes               |
-| paddingHorizontal      | padding left and right (horizontal) for text background    | number / string | no      | iOS/Android | yes               |
-| paddingVertical      | padding top and bottom (vertical) for text background    | number / string | no      | iOS/Android | yes               |
-| paddingX      |padding x, alias of paddingHorizontal    | number / string | no      | iOS/Android | yes               |
-| paddingY      | padding y, alias of paddingVertical  | number / string | no      | iOS/Android | yes               |
+| type | background type .TextBackgroundType enum | TextBackgroundType | no | iOS/Android | yes |
+| color | background color | string | yes | iOS/Android | yes |
+| cornerRadius |background corner radius | CornerRadius | no | iOS/Android | yes |
+| padding | padding for text background，Up to four values, separated by spaces | number / string | no | iOS/Android | yes |
+| paddingLeft | padding left for text background | number / string | no | iOS/Android | yes |
+| paddingRight | padding right for text background | number / string | no | iOS/Android | yes |
+| paddingTop | padding top for text background | number / string | no | iOS/Android | yes |
+| paddingBottom | padding bottom for text background | number / string | no | iOS/Android | yes |
+| paddingHorizontal | padding left and right (horizontal) for text background | number / string | no | iOS/Android | yes |
+| paddingVertical | padding top and bottom (vertical) for text background | number / string | no | iOS/Android | yes |
+| paddingX |padding x, alias of paddingHorizontal | number / string | no | iOS/Android | yes |
+| paddingY | padding y, alias of paddingVertical | number / string | no | iOS/Android | yes |
 
 ##### TextBackgroundType
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| stretchX      | background type stretchX     | string | no      | iOS/Android | yes               |
-| stretchY      |  background type  stretchY   | string | no      | iOS/Android | yes               |
-| none      | background type fit    | string | no      | iOS/Android | yes               |
-
+| Name     | Description              | Type   | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------ | ------ | -------- | ----------- | ----------------- |
+| stretchX | background type stretchX | string | no       | iOS/Android | yes               |
+| stretchY | background type stretchY | string | no       | iOS/Android | yes               |
+| none     | background type fit      | string | no       | iOS/Android | yes               |
 
 ##### CornerRadius
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| topLeft      | topLeft Radius     | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
-| topRight      | topRight Radius   | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
-| bottomLeft      |bottomLeft Radius  | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
-| bottomRight      |bottomRight Radius   | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
-| all      | all Radius    | [RadiusValue](#radiusvalue) | no      | iOS/Android | yes               |
+| Name        | Description        | Type        | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------ | ----------- | -------- | ----------- | ----------------- |
+| topLeft     | topLeft Radius     | RadiusValue | no       | iOS/Android | yes               |
+| topRight    | topRight Radius    | RadiusValue | no       | iOS/Android | yes               |
+| bottomLeft  | bottomLeft Radius  | RadiusValue | no       | iOS/Android | yes               |
+| bottomRight | bottomRight Radius | RadiusValue | no       | iOS/Android | yes               |
+| all         | all Radius         | RadiusValue | no       | iOS/Android | yes               |
 
 ##### RadiusValue
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| x      | radius value for x     | number / string | no      | iOS/Android | yes               |
-| y      | radius value for y  | number / string  | no      | iOS/Android | yes               |
+| Name | Description        | Type            | Required | Platform    | HarmonyOS Support |
+| ---- | ------------------ | --------------- | -------- | ----------- | ----------------- |
+| x    | radius value for x | number / string | no       | iOS/Android | yes               |
+| y    | radius value for y | number / string | no       | iOS/Android | yes               |
 
 ## Known Issues
-- [ ] Harmony OS is not support backgroundImage-ImageOptions-alpha feature now: [issue#30](https://github.com/react-native-oh-library/react-native-image-marker/issues/30)
+
 - [x] Harmony OS is not support font name feature now: [issue#7](https://github.com/react-native-oh-library/react-native-image-marker/issues/7)
 - [x] Harmony OS is not support font skewX feature now: [issue#8](https://github.com/react-native-oh-library/react-native-image-marker/issues/8)
-- [x] Harmony OS is not support font italic feature now: [issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
+- [x] Harmony OS is not support font italic feature now:[issue#9](https://github.com/react-native-oh-library/react-native-image-marker/issues/9)
 
 ## Others
 
diff --git a/en/react-native-localization-settings.md b/en/react-native-localization-settings.md
index 52d2b7f8..0b1815dd 100644
--- a/en/react-native-localization-settings.md
+++ b/en/react-native-localization-settings.md
@@ -21,8 +21,6 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-
-
 <!-- tabs:start -->
 
 #### **npm**
@@ -43,7 +41,7 @@ The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
 
-> [!TIP] 本示例依赖 i18next react-i18next 库，参照[react-i18next](https://react.i18next.com/guides/quick-start)进行引入
+> [!TIP] This means to support the i18next and react-i18next libraries by following the introduction guide on react-i18next.
 
 ```js
 import * as React from "react";
@@ -210,7 +208,7 @@ Check the release version information in the release address of the third-party
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] 在设置改变语言之前，确保手机系统添加相应语言
+> [!TIP] Before changing the language settings, ensure that the phone system adds the corresponding language
 
 | Name                       | Description                           | Type     | Required | Platform    | HarmonyOS Support |
 | -------------------------- | ------------------------------------- | -------- | -------- | ----------- | ----------------- |
diff --git a/en/react-native-localization.md b/en/react-native-localization.md
index 78be8e23..82efbbee 100644
--- a/en/react-native-localization.md
+++ b/en/react-native-localization.md
@@ -1,4 +1,4 @@
-模板版本：v0.2.2
+Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-localization</code> </h1>
@@ -14,16 +14,14 @@
 </p>
 
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/ReactNativeLocalization)
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/ReactNativeLocalization)
-
-
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -42,18 +40,17 @@ yarn add @react-native-oh-tpl/react-native-localization
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { useState } from 'react';
 import { View, Text, Button, StyleSheet } from 'react-native';
 import Localize from 'react-native-localization';
 
-// 定义本地化内容
 const strings = new Localize({
-  en: {//英语
+  en: {
     welcome: 'Welcome',
     question: 'I\'d like some {0} and {1}, or just {0}',
     bread: 'bread',
@@ -63,7 +60,7 @@ const strings = new Localize({
     availableLanguages: 'Available Languages',
     interfaceLanguage: 'The System Language'
   },
-  fr: {//法语
+  fr: {
     welcome: 'Bienvenue',
     question: 'Je voudrais un peu de {0} et {1}, ou juste {0}',
     bread: 'pain',
@@ -73,7 +70,7 @@ const strings = new Localize({
     availableLanguages: 'Langues disponibles',
     interfaceLanguage: 'Langue du système'
   },
-  bo: {//藏语
+  bo: {
     welcome: 'བསྐུལ་མཁན།',
     question: 'ང་ལུས་འདི་ལས། {0} དང། {1} ཡང་ཡིན། གང་ཡིན་ནི། {0}',
     bread: 'བཀྲུངས',
@@ -83,7 +80,7 @@ const strings = new Localize({
     availableLanguages: 'ད་དུས་ལག་འཁྱེར་སྒྲིགས།',
     interfaceLanguage: 'རྩམ་གཞི་སྒྲིག་ལེན་དེ་རྒྱལ་སྤོད་'
   },
-  zh: {//中文
+  zh: {
     welcome: '欢迎',
     question: '我想要一些{0}和{1}，或者只要{0}',
     bread: '面包',
@@ -109,22 +106,22 @@ export function LocalizationDemo() {
       <View style={{ height: 180, justifyContent: 'space-between', marginBottom: 30 }}>
         <Button
           color="#144400"
-          title="切换成中文"
+          title="Switch to Chinese"
           onPress={() => changeLanguage('zh')}
         />
         <Button
           color="#841584"
-          title="切换成法语"
+          title="Switch to French"
           onPress={() => changeLanguage('fr')}
         />
         <Button
           color="#645555"
-          title="切换成英语"
+          title="Switch to English"
           onPress={() => changeLanguage('en')}
         />
         <Button
           color="#241595"
-          title="切换成藏语"
+          title="Switch to Tibetan"
           onPress={() => changeLanguage('bo')}
         />
       </View>
@@ -169,17 +166,17 @@ const styles = StyleSheet.create({
   },
 });
 ```
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -190,18 +187,17 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+ 
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -210,22 +206,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 
-### 3.在 ArkTs 侧引入 RNReactLocalizationPackage
+### 3. Introducing RNReactLocalizationPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -239,34 +235,34 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-localization Releases](https://github.com/react-native-oh-library/ReactNativeLocalization/releases)
 
 
 
-## 静态方法
+## Static Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | :---------- | ---- | :------: | :------: | :----------------: |
@@ -278,10 +274,10 @@ ohpm install
 | getString(key: string, language?: string) | character information based on the key value | string | yes | iOS/Android | yes |
 | setContent(props: any) | replace the NamedLocalization object without reinstantiating the object | void | yes | iOS/Android | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/stefalda/ReactNativeLocalization/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/stefalda/ReactNativeLocalization/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-map-clustering.md b/en/react-native-map-clustering.md
index 9d2cc633..cf9816d3 100644
--- a/en/react-native-map-clustering.md
+++ b/en/react-native-map-clustering.md
@@ -148,19 +148,19 @@ Check the release version information in the release address of the third-party
 
 ## Known Issues
 
-- [ ] 不支持属性clusterColor [issue#1](https://github.com/react-native-oh-library/react-native-map-clustering/issues/1)
-- [ ] 不支持属性clusterTextColor [issue#2](https://github.com/react-native-oh-library/react-native-map-clustering/issues/2)
-- [ ] 不支持属性clusterFontFamily [issue#3](https://github.com/react-native-oh-library/react-native-map-clustering/issues/3)
-- [ ] 不支持属性tracksViewChanges [issue#4](https://github.com/react-native-oh-library/react-native-map-clustering/issues/4)
-- [ ] 不支持属性renderCluster [issue#5](https://github.com/react-native-oh-library/react-native-map-clustering/issues/5)
+- [ ] Unsupported property clusterColor [issue#1](https://github.com/react-native-oh-library/react-native-map-clustering/issues/1)
+- [ ] Unsupported property clusterTextColor [issue#2](https://github.com/react-native-oh-library/react-native-map-clustering/issues/2)
+- [ ] Unsupported property clusterFontFamily [issue#3](https://github.com/react-native-oh-library/react-native-map-clustering/issues/3)
+- [ ] Unsupported property tracksViewChanges [issue#4](https://github.com/react-native-oh-library/react-native-map-clustering/issues/4)
+- [ ] Unsupported property renderCluster [issue#5](https://github.com/react-native-oh-library/react-native-map-clustering/issues/5)
 
 ## Others
 
-- height属性暂不支持，与iOS表现一致。[issue#273](https://github.com/venits/react-native-map-clustering/issues/273)
-- maxZoom属性暂不支持，与iOS表现一致。[issue#274](https://github.com/venits/react-native-map-clustering/issues/274)
-- edgePadding属性暂不支持，与iOS表现一致。[issue#221](https://github.com/venits/react-native-map-clustering/issues/221)
-- spiralEnabled属性暂不支持，与iOS表现一致。[issue#275](https://github.com/venits/react-native-map-clustering/issues/275)
-- spiderLineColor属性暂不支持，与iOS表现一致。[issue#276](https://github.com/venits/react-native-map-clustering/issues/276)
+- The height property is currently unsupported, consistent with iOS behavior. [issue#273](https://github.com/venits/react-native-map-clustering/issues/273)
+- The maxZoom property is currently unsupported, consistent with iOS behavior.[issue#274](https://github.com/venits/react-native-map-clustering/issues/274)
+- The edgePadding property is currently unsupported, consistent with iOS behavior.[issue#221](https://github.com/venits/react-native-map-clustering/issues/221)
+- The spiralEnabled property is currently unsupported, consistent with iOS behavior.[issue#275](https://github.com/venits/react-native-map-clustering/issues/275)
+- The spiderLineColor property is currently unsupported, consistent with iOS behavior.[issue#276](https://github.com/venits/react-native-map-clustering/issues/276)
 
 ## License
 
diff --git a/en/react-native-material-dropdown.md b/en/react-native-material-dropdown.md
index 58df0d9d..bcec4d50 100644
--- a/en/react-native-material-dropdown.md
+++ b/en/react-native-material-dropdown.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-material-dropdown</code> </h1>
@@ -13,23 +13,17 @@
 </p>
 
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-material-dropdown)
 
-
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-material-dropdown)
-
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-> [!TIP] 本库依赖[@react-native-oh-tpl/react-native-material-textfield 文档](/zh-cn/react-native-material-textfield.md) 
-
-和 [@react-native-oh-tpl/react-native-material-buttons 文档](/zh-cn/react-native-material-buttons.md)
-
+> [!TIP] This library depends on [@react-native-oh-tpl/react-native-material-textfield](/zh-cn/react-native-material-textfield.md) and [@react-native-oh-tpl/react-native-material-buttons](/zh-cn/react-native-material-buttons.md)
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
-> [!TIP] # 处替换为 tgz 包的路径
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -47,9 +41,9 @@ yarn add @react-native-oh-tpl/react-native-material-dropdown
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from 'react';
@@ -79,30 +73,26 @@ class Example extends Component {
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-material-textfield和@react-native-oh-tpl/react-native-material-buttons 的代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-material-textfield and @react-native-oh-tpl/react-native-material-buttons. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-material-textfield 文档](/zh-cn/react-native-material-textfield.md) 
+If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-material-textfield and @react-native-oh-tpl/react-native-material-buttons to add it to your project.
 
-和 [@react-native-oh-tpl/react-native-material-buttons 文档](/zh-cn/react-native-material-buttons.md)进行引入
+## Constraints
 
+### Compatibility
 
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-## 约束与限制
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)
 
-### 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+## Properties
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-dropdown Releases](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)
+### This component has the following properties:
 
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-## 属性
-
-### 此组件有以下属性:
-
->[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
-
->[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |         Name          |                 Description                 |   Type   | Required |  Platform   | HarmonyOS Support |
 | :-------------------: | :-----------------------------------------: | :------: | :------: | :---------: | :---------------: |
@@ -140,9 +130,9 @@ class Example extends Component {
 
 ## **API**
 
->[!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+>[!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
->[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+>[!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |        Name         |       Description       |  Type   | Required |  Platform   | HarmonyOS Support |
 | :-----------------: | :---------------------: | :-----: | :------: | :---------: | :---------------: |
@@ -153,12 +143,13 @@ class Example extends Component {
 | **selectedItem()**  |    Get selected item    | Object  |    No    | iOS/Android |        Yes        |
 |   **isFocused()**   | Get current focus state | Boolean |    No    | iOS/Android |        Yes        |
 
-## 遗留问题
+## Known Issues
+
+## Others
 
-## 其他
-- renderAccessory属性：需要指定renderRightAccessory或者renderLeftAccessory
+- RenderAccessory property: You need to specify renderRightAccessory or renderLeftAccessory
 
-## 开源协议
+## License
 
-本项目基于 [The BSD License (BSD )](https://github.com/n4kz/react-native-material-dropdown/blob/master/license.txt) ，请自由地享受和参与开源。
+This project is licensed under [The BSD License (BSD )](https://github.com/n4kz/react-native-material-dropdown/blob/master/license.txt).
 
diff --git a/en/react-native-material-ui.md b/en/react-native-material-ui.md
index 8ed201fd..fe2fcba6 100644
--- a/en/react-native-material-ui.md
+++ b/en/react-native-material-ui.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-material-ui</code> </h1>
@@ -13,13 +13,13 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/xotahal/react-native-material-ui)
+> [!tip] [GitHub address](https://github.com/xotahal/react-native-material-ui)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,9 +37,9 @@ yarn add react-native-material-ui
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 
@@ -135,11 +135,11 @@ const styles = StyleSheet.create({
 
 export default ActionButtonDemo
 ```
-### 在 ArkTs 侧引入和注册字体文件
+### Introducing and Registering Font Files on the ArkTS Side
 
-步骤一： 复制字体文件到 `entry/src/main/resources/rawfile/assets/assets/fonts` 目录下(如使用了外部字体文件，需要将*.ttf 文件复制过来)
+Step 1: Copy the font files to the entry/src/main/resources/rawfile/assets/assets/fonts directory (if using external font files, you need to copy the *.ttf files over).
 
-步骤二： 打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+Step 2: Open `entry/src/main/ets/pages/Index.ets` and add the following code:
 
 ```
  const fonts: Record<string, Resource> = {
@@ -171,8 +171,6 @@ struct Index {
   build() {
     Column(){
       //...
-
-      //注册字体文件
       RNApp({
         rnInstanceConfig: {
           //...
@@ -187,19 +185,19 @@ struct Index {
 }
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-material-ui Releases](https://github.com/react-native-oh-library/react-native-material-ui/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-material-ui Releases](https://github.com/react-native-oh-library/react-native-material-ui/releases)
 
-## 组件
+## Components
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### ActionButton
 
@@ -499,11 +497,11 @@ struct Index {
 | rightElementContainer  | View.propTypes.style          | no       | iOS/Android | yes               |
 | rightElement           | Text.propTypes.style          | no       | iOS/Android | yes               |
 
-## 主题
+## Theme
 
-**如果您想使用默认主题，可以跳过此步骤**
+**If you want to use the default theme, you can skip this step**
 
-如果您想更改应用程序的主色，只需将自己的设置传递给 ThemeContext.Provider 对象即可。这些设置将与默认主题合并。
+If you want to change the main color of the application, simply pass your settings to ThemeContext The Provider object is sufficient. These settings will be merged with the default theme.
 
 ```jsx
 import React, { Component } from 'react';
@@ -535,19 +533,19 @@ class Main extends Component {
 
 ```
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-- RadioButton组件功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/25)
--  BottomNavigation和Toolbar组件hidden属性功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/357)
--  Toolbar组件autoCapitalize属性和autoCorrect功能在Android和iOS不生效， HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/520)
--  Drawer:Section组件中的style属性设置样式在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/160)
--  Drawer:Section组件中itmes属性对象中的onLongPress属性和disabled属性在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/521)
--  ListItem组件中onLeftElementPress属性在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/522)
--  Drawer:Header组件中backgroundColor属性与子元素中的Style属性冲突在Android和iOS不生效，HarmonyOS与Android,iOS表现一致。[原库 issue](https://github.com/xotahal/react-native-material-ui/issues/523)
+- The RadioButton component's functionality does not work on Android and iOS, and HarmonyOS exhibits the same behavior as Android and iOS.[issue#1](https://github.com/xotahal/react-native-material-ui/issues/25)
+-  The hidden attribute functionality of the BottomNavigation and Toolbar components does not work on Android and iOS, and HarmonyOS exhibits the same behavior as Android and iOS.[issue#2](https://github.com/xotahal/react-native-material-ui/issues/357)
+-  The autoCapitalize and autoCorrect functionalities of the Toolbar component do not work on Android and iOS, and HarmonyOS exhibits the same behavior as Android and iOS.[issue#3](https://github.com/xotahal/react-native-material-ui/issues/520)
+-  The style attribute for setting styles in the Drawer:Section component does not work on Android and iOS, and HarmonyOS exhibits the same behavior as Android and iOS.[issue#4](https://github.com/xotahal/react-native-material-ui/issues/160)
+-  The onLongPress and disabled attributes within the items attribute object of the Drawer:Section component do not work on Android and iOS, and HarmonyOS exhibits the same behavior as Android and iOS.[issue#5](https://github.com/xotahal/react-native-material-ui/issues/521)
+-  The onLeftElementPress attribute in the ListItem component does not work on Android and iOS, and HarmonyOS exhibits the same behavior as Android and iOS.[issue#6](https://github.com/xotahal/react-native-material-ui/issues/522)
+-  The conflict between the backgroundColor attribute in the Drawer:Header component and the Style attribute in its child elements does not manifest on Android and iOS, and HarmonyOS exhibits the same behavior as Android and iOS.[issue#7](https://github.com/xotahal/react-native-material-ui/issues/523)
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE)，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/xotahal/react-native-material-ui/blob/master/LICENSE).
 
diff --git a/en/react-native-mmkv-storage.md b/en/react-native-mmkv-storage.md
index 64f196d4..192b65ed 100644
--- a/en/react-native-mmkv-storage.md
+++ b/en/react-native-mmkv-storage.md
@@ -23,8 +23,6 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-
-
 <!-- tabs:start -->
 
 #### **npm**
@@ -242,7 +240,7 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3. Configuring CMakeLists and Introducing xxx Package
+### 3. Configuring CMakeLists and Introducing MMKVNativePackage
 
 Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
diff --git a/en/react-native-paper.md b/en/react-native-paper.md
index c787e4ac..c9e6e22d 100644
--- a/en/react-native-paper.md
+++ b/en/react-native-paper.md
@@ -108,9 +108,9 @@ This document is verified based on the following versions:
 
 View details[Paper](https://callstack.github.io/react-native-paper)
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -153,9 +153,9 @@ View details[Paper](https://callstack.github.io/react-native-paper)
 
 View details[Paper](https://callstack.github.io/react-native-paper/docs/components/ActivityIndicator#animating)
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **ActivityIndicator**：Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native
 |  Name   | Description |      Type       | Required | Platform | HarmonyOS Support |
@@ -1214,14 +1214,14 @@ View details[Paper](https://callstack.github.io/react-native-paper/docs/componen
 ## Known Issues
 
 ## Others
-- Icon 组件allowFontScaling不生效, 参看源码传入的此属性并未传入内部icon组件 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Icon.tsx#L153) 
-- Menu组件中的mode属性为[5.12.4版本新增](https://github.com/callstack/react-native-paper/releases/tag/v5.12.4)，当前版本为5.12.3 
-- Menu statusBarHeight 无效果，此属性为Android平台独有 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Menu/Menu.tsx#L447)
-- DataTableRow 组件使用 TouchableRipple 产生的涟漪效果，在Android上生效，iOS无效果 
-- BottomNavigation safeAreaInset top属性无效果，因为在源码中未使用 [源码位置](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/BottomNavigation/BottomNavigationBar.tsx#L580) 
-- BottomNavigation.Bar组件 keyboardHidesNavigationBar属性为父组件BottomNavigation传入，请勿单独使用
-- accessibilityState属性鸿蒙RN（5.0.0.700）不支持该属性
-- DataTable组件底层使用的是鸿蒙RN的Text组件，目前Text组件不支持accessibilityLabel属性。所以DataTable涉及无障碍朗读功能在鸿蒙RN的效果和其他平台有差异
+- The allowFontScaling property on the Icon component does not take effect. Upon reviewing the source code, this property is not passed to the internal icon component. [Source code location](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Icon.tsx#L153) 
+- The mode property in the Menu component is a new addition in version[5.12.4 Version added](https://github.com/callstack/react-native-paper/releases/tag/v5.12.4),and the current version is 5.12.3.
+- The statusBarHeight property in the Menu component has no effect, as this property is exclusive to the Android platform. [Source code location](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/Menu/Menu.tsx#L447)
+- The ripple effect produced by the DataTableRow component using TouchableRipple works on Android but not on iOS.
+- The safeAreaInset top property in BottomNavigation has no effect because it is not used in the source code. [Source code location](https://github.com/callstack/react-native-paper/blob/v5.12.3/src/components/BottomNavigation/BottomNavigationBar.tsx#L580) 
+- The keyboardHidesNavigationBar property in the BottomNavigation.Bar component is passed from the parent component BottomNavigation and should not be used standalone.
+- The accessibilityState property is not supported in HarmonyOS RN (5.0.0.700).
+- The DataTable component uses the HarmonyOS RN Text component underneath, and currently, the Text component does not support the accessibilityLabel property. Therefore, the accessibility read-out functionality of DataTable on HarmonyOS RN differs from other platforms.
 
 
 ## License
diff --git a/en/react-native-quick-base64.md b/en/react-native-quick-base64.md
index 458d7aa0..ab33c78b 100644
--- a/en/react-native-quick-base64.md
+++ b/en/react-native-quick-base64.md
@@ -20,8 +20,6 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-
-
 <!-- tabs:start -->
 
 #### **npm**
@@ -68,7 +66,6 @@ const PALETTE = {
 };
 
 export function QuickBase64Test() {
-  // 测试字符串转base64
   const [textTobase64, onChangeTextToBase64] = useState('');
 
   const [base64ToTextLength, onChangeBase64TextLength] = useState(0);
@@ -83,9 +80,9 @@ export function QuickBase64Test() {
 
   const [fbArrayBase64StrUrlSafe, onChangeFbArrayBase64StrUrlSafe] = useState('');
 
-  const [testShimBtoA, onChangeTestShimBtoA] = useState(''); // 字符串转base64
+  const [testShimBtoA, onChangeTestShimBtoA] = useState(''); 
 
-  const [testShimAtoB, onChangeTestShimAtoB] = useState(''); // base64转字符串
+  const [testShimAtoB, onChangeTestShimAtoB] = useState(''); 
 
   const [nativeModule, onChangeNativeModule] = useState<NativeModule>({
     base64FromArrayBuffer: undefined,
@@ -103,43 +100,37 @@ export function QuickBase64Test() {
   const [trimBase64PaddingText, onChangeTrimBase64PaddingText] = useState('');
 
   const byArray = new Uint8Array([72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100, 33]);
-  // 点击事件 字符串转base64
   const onPressBtoA = (text: string) => {
     let b64 = btoa(text);
-    console.log(`字符串转base64 ${b64}`);
+    console.log(`Convert string to base64 ${b64}`);
     onChangeTextToBase64(b64)
   }
 
   const [testText, onChangeTestText] = React.useState('');
 
-  // 点击事件 base64转字符串
   const onPressAtoB = (text: string) => {
     let textA = atob(text);
-    console.log(`base64转字符串 ${textA}`);
+    console.log(`Base64 to string conversion ${textA}`);
     onChangeBase64Text(textA)
   }
 
-  // 打印base64转为Unit8Array字节数组的长度
   const onPressBase64Length = (text: string) => {
-    console.log(`打印base64长度1 ${text}`);
+    console.log(`Print base64 length 1 ${text}`);
     onChangeBase64TextLength(byteLength(text))
   }
 
-  /* toByteArray 把base64字符串解码为Uint8Array */
   const onPressToByteArray = (text: string) => {
     let btArray = toByteArray(text);
     console.log(`toByteArray ${btArray}`);
     onChangeByteArray(btArray)
   }
 
-  /* toByteArray 把base64字符串解码为Uint8Array  removeLinebreaks */
   const onPressToByteArrayRemove = (text: string, removeLinebreaks: boolean = false) => {
     let btArray = toByteArray(text, removeLinebreaks);
     console.log(`toByteArray ${btArray}`);
     onChangeByteArrayRemove(btArray)
   }
 
-  /* fromByteArray 把Uint8Array编码为Base64字符串 */
   const onPressFromByteArray = (
     uint8: Uint8Array,
     urlSafe: boolean = false) => {
@@ -148,7 +139,6 @@ export function QuickBase64Test() {
     onChangeFbArrayBase64Str(b64)
   }
 
-  /* fromByteArray 把Uint8Array编码为Base64字符串  */
   const onPressFromByteArrayUrlSafe = (
     uint8: Uint8Array,
     urlSafe: boolean = false) => {
@@ -157,11 +147,10 @@ export function QuickBase64Test() {
     onChangeFbArrayBase64StrUrlSafe(b64)
   }
 
-  /* shim 给全局对象添加btoa和atob函数的shim实现 */
   const handleAddShimToGlobal = () => {
     shim();
-    console.log(typeof global.btoa); // 应该输出 "function"
-    console.log(typeof global.atob); // 同样应该输出 "function"
+    console.log(typeof global.btoa); 
+    console.log(typeof global.atob);
   }
 
   const onPressTestShimBtoA = (text: string) => {
@@ -176,25 +165,17 @@ export function QuickBase64Test() {
     onChangeTestShimAtoB(decodeBase64)
   }
 
-  /* trimBase64Padding 清除Base64字符串的填充字符 */
   const onPressTrimBase64Padding = (text: string) => {
     let trimBase64 = trimBase64Padding(text);
     console.log(`shim global atob ${trimBase64}`);
     onChangeTrimBase64PaddingText(trimBase64)
   }
 
-  /* getNative 返回包含base64FromArrayBuffer和base64ToArrayBuffer函数的对象 */
   const onPressGetNative = () => {
     const native = getNative() as NativeModule;
     onChangeNativeModule(native)
   }
 
-  /**
-   * @param text
-   * base64FromArrayBuffer方法接受一个Base64编码的字符串或ArrayBuffer，
-   * 以及一个可选的布尔值参数，该参数决定是否生成的Base64字符串是URL安全的。
-   * 这个方法将ArrayBuffer对象转换为Base64编码的字符串。
-   */
   const onPressNBFAB = (text: string | ArrayBuffer) => {
     if (nativeModule?.base64FromArrayBuffer) {
       let base64FromArrayBuffer = nativeModule.base64FromArrayBuffer(text);
@@ -202,12 +183,6 @@ export function QuickBase64Test() {
     }
   }
 
-  /**
-  * @description base64转换Unit8Array 去除换行符
-  * @param text
-  * @param removeLinebreaks true
-  *
-  */
   const onPressNBFABUrlSafe = (text: string | ArrayBuffer, urlSafe: boolean = false) => {
     if (nativeModule?.base64FromArrayBuffer) {
       let base64FromArrayBuffer = nativeModule.base64FromArrayBuffer(text, urlSafe);
@@ -215,14 +190,6 @@ export function QuickBase64Test() {
     }
   }
 
-  /**
-   * @description base64转换Unit8Array
-   * base64ToArrayBuffer方法接受一个Base64编码的字符串和一个可选的布尔值参数，
-   * 该参数决定是否在转换过程中删除换行符。这个方法将Base64编码的字符串转换为ArrayBuffer对象。
-   * @param text
-   * @param removeLinebreaks 默认值 false
-   *
-   */
   const onPressNBTAB = (text: string) => {
     if (nativeModule?.base64ToArrayBuffer) {
       let base64ToArrayBuffer = new Uint8Array(nativeModule.base64ToArrayBuffer(text));
@@ -230,12 +197,6 @@ export function QuickBase64Test() {
     }
   }
 
-  /**
-   * @description base64转换Unit8Array 去除换行符
-   * @param text
-   * @param removeLinebreaks true
-   *
-   */
   const onPressNBTABRemoveLinebreaks = (text: string, removeLinebreaks: boolean = false) => {
     if (nativeModule?.base64ToArrayBuffer) {
       let base64ToArrayBuffer = new Uint8Array(nativeModule.base64ToArrayBuffer(text, removeLinebreaks));
@@ -338,8 +299,6 @@ export function QuickBase64Test() {
           <Button title="shim set global" onPress={() => handleAddShimToGlobal()} />
         </View>
 
-
-        {/* 测试shim 设置 btoa和atob函数 成功与否 */}
         <View>Test whether the shim sets the btoa function successfully.</View>
 
         <View style={{ marginTop: 20, display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
@@ -348,8 +307,6 @@ export function QuickBase64Test() {
           <Text style={{ color: 'green' }}>{testShimBtoA}</Text>
         </View>
 
-
-        {/* 测试shim 设置 btoa和atob函数 成功与否 */}
         <View>Test whether the shim sets the atob function successfully.</View>
 
         <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
@@ -358,8 +315,6 @@ export function QuickBase64Test() {
           <Text style={{ color: 'green' }}>{testShimAtoB}</Text>
         </View>
 
-
-        {/* trimBase64Padding 清除Base64字符串的填充字符 */}
         <View>trimBase64Padding.</View>
 
         <View style={{ display: 'flex', flexDirection: 'column', marginBottom: 10 }}>
@@ -566,9 +521,9 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | NAME              | Description                                                                                                                                                                                                                               | TYPE     | Required | Platform | HarmonyOS Support |
 | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
diff --git a/en/react-native-reconnecting-websocket.md b/en/react-native-reconnecting-websocket.md
index 20f3123e..dba7c49b 100644
--- a/en/react-native-reconnecting-websocket.md
+++ b/en/react-native-reconnecting-websocket.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reconnecting-websocket</code> </h1>
@@ -12,15 +12,11 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/React-Sextant/react-native-reconnecting-websocket)
 
+## Installation and Usage
 
-
-
-> [!TIP] [Github 地址](https://github.com/React-Sextant/react-native-reconnecting-websocket)
-
-## 安装与使用
-
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -38,7 +34,7 @@ yarn add react-native-reconnecting-websocket@^2.0.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```tsx
 import React, { useEffect, useState } from 'react';
@@ -81,23 +77,23 @@ const ReconnectingWebsocketDemo = () => {
     return (
         <>
             <View style={{ height: '100%' }}>
-                <Text style={{ lineHeight: 30, textAlign: 'center' }}>进入页面自动连通服务器</Text>
+                <Text style={{ lineHeight: 30, textAlign: 'center' }}>Automatically connect to the server upon entering the page</Text>
                 <Button
-                    title='ws.close( )-----关闭连接'
+                    title='ws.close( )-----Close connection'
                     onPress={() => {
                         ws.close()
                     }}
                 />
                 <View style={{ height: 30 }} />
                 <Button
-                    title='ws.send(可口可乐)-----发送信息'
+                    title='ws.send(可口可乐)-----Send a message'
                     onPress={() => {
                         ws.send('可口可乐')
                     }}
                 />
                 <View style={{ height: 30 }} />
                 <Button
-                    title='ws.reconnect( )-----刷新连接'
+                    title='ws.reconnect( )-----Refresh Connection'
                     onPress={() => {
                         ws.reconnect()
                     }}
@@ -113,11 +109,11 @@ const ReconnectingWebsocketDemo = () => {
 export default ReconnectingWebsocketDemo;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 2. RNOH：0.72.29; SDK：HarmonyOS NEXT Developer Beta6; IDE：DevEco Studio 5.0.3.706; ROM：3.0.0.60;
@@ -125,9 +121,9 @@ export default ReconnectingWebsocketDemo;
 
 ## API
 
-> [!Tip] "Platform"列表示该属性在原三方库上支持的平台。
+> [!Tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!Tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!Tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                          | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
 | ----------------------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
@@ -137,8 +133,8 @@ export default ReconnectingWebsocketDemo;
 | `ping(): void`                | Sends a ping frame to the server.                            | Method | No       | All      | Yes               |
 | `reconnect(): void`           | Closes the current WebSocket connection and attempts to reconnect using the initial parameters. | Method | No       | All      | Yes               |
 
-## 遗留问题
-## 其他
-## 开源协议
+## Known Issues
+## Others
+## License
 
-本项目基于 [The MIT License (MIT)](https://mitlicense.org/)，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://mitlicense.org/).
\ No newline at end of file
diff --git a/en/react-native-shared-element.md b/en/react-native-shared-element.md
index f3b301c8..5c44c232 100644
--- a/en/react-native-shared-element.md
+++ b/en/react-native-shared-element.md
@@ -20,8 +20,6 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-
-
 <!-- tabs:start -->
 
 #### **npm**
@@ -256,7 +254,7 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3. Configuring CMakeLists and Introducing xxx Package
+### 3. Configuring CMakeLists and Introducing SharedElementPackage
 
 Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
@@ -338,9 +336,9 @@ Check the release version information in the release address of the third-party
 
 ## Components
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### SharedElement
 
@@ -366,9 +364,9 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### SharedElementAnimation
 
diff --git a/en/react-native-step-indicator.md b/en/react-native-step-indicator.md
index 7d4de35b..e67e8716 100644
--- a/en/react-native-step-indicator.md
+++ b/en/react-native-step-indicator.md
@@ -216,15 +216,15 @@ const styles = StyleSheet.create({
 });
 ```
 
-### 在 ArkTs 侧引入和注册字体文件(非必选配置项)
+### On the ArkTs side, importing and registering font files is an optional configuration step.
 
-> [!TIP] 本项非必配项，当使用 customStyles 自定义Properties中的 labelFontFamily Properties指定字体时才需配置
+> [!TIP] This item is not mandatory. It only needs to be configured when using the labelFontFamily property in the customStyles to specify a custom font.
 
-步骤一：
-复制字体文件到 `entry/src/main/resources/rawfile/assets/assets/fonts` 目录下(如使用了外部字体文件，需要将\*.ttf 文件复制过来)
+Step 1:
+Copy the font files to the entry/src/main/resources/rawfile/assets/assets/fonts directory (if external font files are used, you need to copy the *.ttf files over).
 
-步骤二：
-打开 `entry/src/main/ets/pages/Index.ets`，添加以下代码
+Step 2：
+Open `entry/src/main/ets/pages/Index.ets` and add the following code:
 
     const fonts: Record<string, Resource> = {
       "Pacifico-Regular": $rawfile("assets/assets/fonts/Pacifico-Regular.ttf")
@@ -237,8 +237,6 @@ const styles = StyleSheet.create({
       build() {
         Column(){
           //...
-
-          //注册字体文件
           RNApp({
             rnInstanceConfig: {
               //...
diff --git a/en/react-native-switch.md b/en/react-native-switch.md
index ca2f9288..b7313f9c 100644
--- a/en/react-native-switch.md
+++ b/en/react-native-switch.md
@@ -114,9 +114,9 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 |           Name            |                         Description                          |          Type           | Required |  Platform   | HarmonyOS Support |
 | :-----------------------: | :----------------------------------------------------------: | :---------------------: | :------: | :---------: | :---------------: |
diff --git a/en/react-native-testing-library.md b/en/react-native-testing-library.md
index 6bbaa1ba..ce27a16b 100644
--- a/en/react-native-testing-library.md
+++ b/en/react-native-testing-library.md
@@ -1,5 +1,5 @@
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-testing-library</code> </h1>
@@ -13,14 +13,14 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/callstack/react-native-testing-library)
+> [!TIP] [GitHub address](https://github.com/callstack/react-native-testing-library)
 
 
-## 安装与使用
+## Installation and Usage
 
-本库需要和测试运行器一起使用，本文档以Jest测试框架作为示例演示。
+This library needs to be used in conjunction with a test runner, and this documentation demonstrates the use of the Jest testing framework as an example.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -40,15 +40,15 @@ yarn add -D @testing-library/react-native@12.5.1
 
 <!-- tabs:end -->
 
-配置Jest匹配器，目前有两种配置方法：
+There are currently two methods for configuring Jest matchers:
 
-方法一：在jest-setup.ts中引入：
+Method One: Introduce them in jest-setup.ts:
 
 ```js
 import '@testing-library/react-native/extend-expect';
 ```
 
-方法二：在jest.config.js中配置：
+Method Two: Configure in jest.config.js:
 
 ```json
 {
@@ -57,9 +57,9 @@ import '@testing-library/react-native/extend-expect';
 }
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import * as React from 'react';
@@ -120,22 +120,22 @@ test('form submits two answers', async () => {
   });
 });
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
 
 ## API
 
-详细请查看 [react-native-testing-library 的文档介绍](https://callstack.github.io/react-native-testing-library/docs/api)
+For details, see [react-native-testing-library](https://callstack.github.io/react-native-testing-library/docs/api)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -154,8 +154,7 @@ test('form submits two answers', async () => {
 
  ### screen
 
-> [!TIP] "\*"号表示省略了变体或者谓词部；查询接口由两部分组成：变体和谓词，它们之间由单词by分隔，例如: getBy\*是查询变体，\*ByRole是谓词；变体和谓词之间可以任意组合。
-
+> [!TIP] The "" symbol indicates the omission of either the variant or the predicate part; the query interface consists of two components: the variant and the predicate, separated by the word "by". For example, "getBy" represents a query variant, while "*ByRole" represents a predicate. The variant and predicate can be combined in any manner.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -209,10 +208,10 @@ test('form submits two answers', async () => {
 | toHaveAccessibleName | This allows you to assert whether the given element has a specified accessible name. It accepts either `string` or `RegExp` matchers, as well as [text match options](https://callstack.github.io/react-native-testing-library/docs/api/queries#text-match-options) of `exact` and normalizer | function | no | All | yes |
 | toHaveProp | This allows you to assert whether the given element has a given prop. When the `value` parameter is `undefined` it will only check for existence of the prop, and when `value` is defined it will check if the actual value matches passed value. | function | no | All | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/callstack/react-native-testing-library/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/callstack/react-native-testing-library/blob/main/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-text-input-mask.md b/en/react-native-text-input-mask.md
index bfbdc00e..d1fef572 100644
--- a/en/react-native-text-input-mask.md
+++ b/en/react-native-text-input-mask.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-text-input-mask</code> </h1>
@@ -12,16 +12,13 @@
     </a>
 </p>
 
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-text-input-mask)
 
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-text-input-mask)
-
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
-
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -39,113 +36,120 @@ yarn add @react-native-oh-tpl/react-native-text-input-mask
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 import React, { useState, useRef } from "react";
-import { StyleSheet, Text, View, ScrollView, Button, TextInput } from "react-native";
-import TextInputMask, { mask, unmask, setMask } from 'react-native-text-input-mask'
+import {
+  StyleSheet,
+  Text,
+  View,
+  ScrollView,
+  Button,
+  TextInput,
+} from "react-native";
+import TextInputMask, {
+  mask,
+  unmask,
+  setMask,
+} from "react-native-text-input-mask";
 import { Colors } from "react-native/Libraries/NewAppScreen";
 export const TextInputTest = () => {
-    const [maskTest, maskValue] = useState('');
-    const maskDemo = () => {
-        mask("+1 ([000]) [000] [00] [00]", "13343469915", true).then(res => {
-            maskValue(res)
-        }).catch(err => {
-            console.log('error', err)
-        })
-    }
-
-    const [unmaskTest, unmaskValue] = useState('');
-    const unmaskDemo = () => {
-        unmask("+1 ([000]) [000] [00] [00]", "13343469915", true).then(res => {
-            unmaskValue(res)
-        }).catch(err => {
-            console.log('error', err)
-        })
-    }
-    const customNotations = [{ "character": 's', "characterSet": "$€", "isOptional": true }]
-    const [onChangeTextTest_formatted, setonChangeTextValue_formatted] = useState('');
-    const [onChangeTextTest_extracted, setonChangeTextValue_extracted] = useState('');
-    const componentDemo = (formatted: string, extracted: string | undefined) => {
-        console.log("formatted", formatted)
-        setonChangeTextValue_formatted(formatted)
-        console.log("extracted", extracted)
-        if (extracted) {
-            setonChangeTextValue_extracted(extracted)
-        }
+  const [maskTest, maskValue] = useState("");
+  const maskDemo = () => {
+    mask("+1 ([000]) [000] [00] [00]", "13343469915", true)
+      .then((res) => {
+        maskValue(res);
+      })
+      .catch((err) => {
+        console.log("error", err);
+      });
+  };
+
+  const [unmaskTest, unmaskValue] = useState("");
+  const unmaskDemo = () => {
+    unmask("+1 ([000]) [000] [00] [00]", "13343469915", true)
+      .then((res) => {
+        unmaskValue(res);
+      })
+      .catch((err) => {
+        console.log("error", err);
+      });
+  };
+  const customNotations = [
+    { character: "s", characterSet: "$€", isOptional: true },
+  ];
+  const [onChangeTextTest_formatted, setonChangeTextValue_formatted] =
+    useState("");
+  const [onChangeTextTest_extracted, setonChangeTextValue_extracted] =
+    useState("");
+  const componentDemo = (formatted: string, extracted: string | undefined) => {
+    console.log("formatted", formatted);
+    setonChangeTextValue_formatted(formatted);
+    console.log("extracted", extracted);
+    if (extracted) {
+      setonChangeTextValue_extracted(extracted);
     }
-    return (
-        <ScrollView style={{ flex: 1 }}>
-            <View style={styles.container}>
-                <TextInputMask
-                    rightToLeft= {true}
-                    onChangeText={componentDemo}
-                    affinityCalculationStrategy="CAPACITY"
-                    style={styles.input}
-                    autocomplete={true}
-                    customNotations={customNotations}
-                    mask={"[s][9999]"}
-                    placeholder="Enter phone number"
-                />
-                <Text style={styles.input}>{onChangeTextTest_formatted}</Text>
-                <Text style={styles.input}>{onChangeTextTest_extracted}</Text>
-            </View>
-            <View style={styles.container}>
-                <Text style={styles.label}>Phone Number:</Text>
-                <Button
-                    title="mask"
-                    onPress={maskDemo}
-                />
-                <Text style={styles.input}>
-                    {maskTest}
-                </Text>
-            </View>
-            <View style={styles.container}>
-                <Text style={styles.label}>Phone Number:</Text>
-                <Button
-                    title="unmask"
-                    onPress={unmaskDemo}
-                />
-                <Text style={styles.input}>
-                    {unmaskTest}
-                </Text>
-            </View> 
-        </ScrollView>
-    );
-}
+  };
+  return (
+    <ScrollView style={{ flex: 1 }}>
+      <View style={styles.container}>
+        <TextInputMask
+          rightToLeft={true}
+          onChangeText={componentDemo}
+          affinityCalculationStrategy="CAPACITY"
+          style={styles.input}
+          autocomplete={true}
+          customNotations={customNotations}
+          mask={"[s][9999]"}
+          placeholder="Enter phone number"
+        />
+        <Text style={styles.input}>{onChangeTextTest_formatted}</Text>
+        <Text style={styles.input}>{onChangeTextTest_extracted}</Text>
+      </View>
+      <View style={styles.container}>
+        <Text style={styles.label}>Phone Number:</Text>
+        <Button title="mask" onPress={maskDemo} />
+        <Text style={styles.input}>{maskTest}</Text>
+      </View>
+      <View style={styles.container}>
+        <Text style={styles.label}>Phone Number:</Text>
+        <Button title="unmask" onPress={unmaskDemo} />
+        <Text style={styles.input}>{unmaskTest}</Text>
+      </View>
+    </ScrollView>
+  );
+};
 const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        justifyContent: 'center',
-        padding: 16,
-    },
-    label: {
-        color: Colors.white,
-        fontSize: 16,
-        marginBottom: 8,
-    },
-    input: {
-        height: 40,
-        color: Colors.white,
-        borderColor: '#ccc',
-        borderWidth: 1,
-        paddingHorizontal: 8,
-    },
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    padding: 16,
+  },
+  label: {
+    color: Colors.white,
+    fontSize: 16,
+    marginBottom: 8,
+  },
+  input: {
+    height: 40,
+    color: Colors.white,
+    borderColor: "#ccc",
+    borderWidth: 1,
+    paddingHorizontal: 8,
+  },
 });
-
 ```
 
-
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段
+### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -156,18 +160,15 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+Method 1 (recommended): Use the HAR file.
 
-方法一：通过 har 包引入（推荐）
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
   "dependencies": {
@@ -176,24 +177,24 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 RNTextInputMaskPackage
+### 3. Configuring CMakeLists and Introducing RNTextInputMaskPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
- ```	diff
+```diff
 project(rnapp)
 cmake_minimum_required(VERSION 3.4.1)
 set(CMAKE_SKIP_BUILD_RPATH TRUE)
@@ -213,19 +214,19 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-text-input-mask/src/main/cpp" ./RNTextInputMask)
 
 add_library(rnoh_app SHARED
-    ${GENERATED_CPP_FILES}
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+   ${GENERATED_CPP_FILES}
+   "./PackageProvider.cpp"
+   "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
 )
 
 
 target_link_libraries(rnoh_app PUBLIC rnoh)
 + target_link_libraries(rnoh_app PUBLIC text_input_mask)
- ```
+```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
-```	diff
+```diff
 #include "RNOH/PackageProvider.h"
 #include "generated/RNOHGeneratedPackage.h"
 + #include "RNTextInputMaskPackage.h"
@@ -238,9 +239,9 @@ target_link_libraries(rnoh_app PUBLIC rnoh)
  }
 ```
 
-### 4.在 ArkTs 侧引入 RNTextInputMaskPackage
+### 4. Introducing RNTextInputMaskPackage to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -254,112 +255,106 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
-
-## 约束与限制
+Then build and run the code.
 
-### 兼容性
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+### Compatibility
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-text-input-mask Releases](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)
 
+## API
 
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-##  API
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+| Name          | Description                                                                                                               | Type      | Platform    | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------------------------------------------------------------------- | --------- | ----------- | ----------------- |
+| mask          | Format a string,Return the formatted string                                                                               | function  | Android/iOS | yes               |
+| unmask        | Restore the formatted string,Return the restored string                                                                   | function  | Android/iOS | yes               |
+| setMask       | Set a listener for a component,Format the input content of a text box,Use in conjunction with the TextInputMask component | function  | Android/iOS | yes               |
+| TextInputMask | Text input component                                                                                                      | component | Android/iOS | yes               |
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name    | Description            | Type     | Platform    | HarmonyOS Support |
-| ------- | ---------------------- | -------- | ----------- | ----------------- |
-| mask   | 字符串格式化，返回格式化后的字符串 | function | Android/iOS | yes               |
-| unmask | 将格式化后的字符串还原，返回还原后的字符串 | function | Android/iOS | yes               |
-| setMask | 给组件设置监听，对输入框内容进行格式化，配合TextInputMask组件使用 | function | Android/iOS | yes |
-| TextInputMask | 输入框组件 | component | Android/iOS | yes |
-
-#### mask参数说明
+#### mask
 
 ```js
 mask(mask: string, value: string, autocomplete: boolean) : Promise<string>
 ```
 
-| Name        | Description             | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ----------------------- | ------ | -------- | ----------- | ----------------- |
-| mask | 字符串格式化的格式 | string | yes      | iOS/Android | yes               |
-| value | 需要格式化的字符 | string | yes   | iOS/Android | yes               |
-| autocomplete | 字符自动补全 | boolean | no     | iOS/Android | yes               |
+| Name         | Description                    | Type    | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------ | ------- | -------- | ----------- | ----------------- |
+| mask         | Format for string formatting   | string  | yes      | iOS/Android | yes               |
+| value        | Characters to be formatted     | string  | yes      | iOS/Android | yes               |
+| autocomplete | Automatic character completion | boolean | no       | iOS/Android | yes               |
 
-#### unmask参数说明
+#### unmask
 
 ```json
 unmask(mask: string, value: string, autocomplete: boolean) : Promise<string>
 ```
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| mask         | 字符串格式化的格式 | string  | yes      | iOS/Android | yes               |
-| value        | 需要还原的字符     | string  | yes      | iOS/Android | yes               |
-| autocomplete | 字符自动补全       | boolean | no       | iOS/Android | yes               |
+| Name         | Description                    | Type    | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------ | ------- | -------- | ----------- | ----------------- |
+| mask         | Format for string formatting   | string  | yes      | iOS/Android | yes               |
+| value        | Characters to be restored      | string  | yes      | iOS/Android | yes               |
+| autocomplete | Automatic character completion | boolean | no       | iOS/Android | yes               |
 
-#### setMask参数说明
+#### setMask
 
 ```
 setMask (reactNode: number, primaryFormat: string, options?: MaskOptions) : void
 ```
 
-
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| :-------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| reactNode | 组件id | string | yes      | iOS/Android | yes               |
-| primaryFormat | 格式化的格式 | string | yes | iOS/Android | yes               |
-| options | 格式化相关属性 | MaskOptions | no   | iOS/Android | yes               |
+| Name          | Description                   | Type        | Required | Platform    | HarmonyOS Support |
+| :------------ | ----------------------------- | ----------- | -------- | ----------- | ----------------- |
+| reactNode     | Component ID                  | string      | yes      | iOS/Android | yes               |
+| primaryFormat | Formatting format             | string      | yes      | iOS/Android | yes               |
+| options       | Formatting-related properties | MaskOptions | no       | iOS/Android | yes               |
 
 ##### MaskOptions
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| affineFormats | 备用格式 | string[] | no    | iOS/Android | yes               |
-| customNotations | 自定义转义字符 | Natation[] | no      | iOS/Android | yes            |
-| affinityCalculationStrategy | 亲和度计算策略 | AffinityCalculationStrategy 枚举 | no      | iOS/Android | yes               |
-| autocomplete | 是否自动补全       | boolean                          | no      | iOS/Android | yes               |
-| autoskip | 是否自动跳过 | boolean | no      | iOS/Android | yes               |
-| rightToLeft | 是否从右到左格式化 | boolean | no      | iOS/Android | yes               |
+| Name                        | Description                          | Type                             | Required | Platform    | HarmonyOS Support |
+| --------------------------- | ------------------------------------ | -------------------------------- | -------- | ----------- | ----------------- |
+| affineFormats               | Alternate format                     | string[]                         | no       | iOS/Android | yes               |
+| customNotations             | Custom escape characters             | Natation[]                       | no       | iOS/Android | yes               |
+| affinityCalculationStrategy | Affinity calculation strategy        | AffinityCalculationStrategy 枚举 | no       | iOS/Android | yes               |
+| autocomplete                | Whether to automatically complete    | boolean                          | no       | iOS/Android | yes               |
+| autoskip                    | Whether to automatically skip        | boolean                          | no       | iOS/Android | yes               |
+| rightToLeft                 | Whether to format from right to left | boolean                          | no       | iOS/Android | yes               |
 
 ##### Natation
 
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| character | 格式字符串中的符号。 | string | yes      | iOS/Android | yes               |
-| characterSet | 可接受输入字符的关联字符集。 | string | yes      | iOS/Android | yes               |
-| isOptional |是可选符号还是必选符号      | boolean | yes      | iOS/Android | yes               |
+| Name         | Description                                              | Type    | Required | Platform    | HarmonyOS Support |
+| ------------ | -------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
+| character    | Symbols in the format string                             | string  | yes      | iOS/Android | yes               |
+| characterSet | Associated character set for acceptable input characters | string  | yes      | iOS/Android | yes               |
+| isOptional   | Whether the symbol is optional or mandatory              | boolean | yes      | iOS/Android | yes               |
 
 ##### AffinityCalculationStrategy
-| Name      | Description                                    | Type   | Required | Platform    | HarmonyOS Support |
-| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| WHOLE_STRING             | 默认的计算策略                                               | string | no       | iOS/Android | yes               |
-| PREFIX                   | 查找原始文本和相同文本之间的最长公共前缀                     | string | no       | iOS/Android | yes               |
-| CAPACITY                 | 亲和性是输入的长度和当前掩码可以容纳的文本总量之间的容差。   | string | no       | iOS/Android | yes               |
-| EXTRACTED_VALUE_CAPACITY | 亲和性是提取值的长度与当前掩码可以容纳的总提取值长度之间的容差。 | string | no       | iOS/Android | yes               |
-
-## 其他
-
-## 开源协议
 
-本项目基于[The MIT License(MIT)](https://github.com/react-native-text-input-mask/react-native-text-input-mask/blob/master/LICENSE) ，请自由地享受和参与开源。
+| Name                     | Description                                                                                                                                         | Type   | Required | Platform    | HarmonyOS Support |
+| ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
+| WHOLE_STRING             | Default calculation strategy                                                                                                                        | string | no       | iOS/Android | yes               |
+| PREFIX                   | Find the longest common prefix between the original text and the identical text                                                                     | string | no       | iOS/Android | yes               |
+| CAPACITY                 | Affinity is the tolerance between the length of the input and the total amount of text that the current mask can accommodate.                       | string | no       | iOS/Android | yes               |
+| EXTRACTED_VALUE_CAPACITY | Affinity is the tolerance between the length of the extracted value and the total length of extracted values that the current mask can accommodate. | string | no       | iOS/Android | yes               |
 
+## Others
 
+## License
 
+This project is licensed under[The MIT License(MIT)](https://github.com/react-native-text-input-mask/react-native-text-input-mask/blob/master/LICENSE).
diff --git a/en/react-navigation-header-buttons.md b/en/react-navigation-header-buttons.md
index 992a4246..0ade800c 100644
--- a/en/react-navigation-header-buttons.md
+++ b/en/react-navigation-header-buttons.md
@@ -33,7 +33,7 @@ npm i react-navigation-header-buttons@12.0.0
 yarn add react-navigation-header-buttons@12.0.0
 ```
 
-在 tsconfig.json 文件中添加如下代码:
+Add the following code to the tsconfig. json file:
 
 ```json
 "compilerOptions": {
@@ -48,7 +48,7 @@ yarn add react-navigation-header-buttons@12.0.0
 
 ```
 
-在 metro.config.js 文件中添加如下代码:
+Add the following code to the metro.config.js file:
 
 ```js
 const config = {

From 5cf35d99db62b83698e6e52603c3a42e2158008e Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Tue, 26 Nov 2024 11:10:48 +0000
Subject: [PATCH 889/966] =?UTF-8?q?!1918=20docs:=20[Issues:=20#IB77OT]=20?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4ahooks=E7=9A=84useEventListener=E9=87=8D?=
 =?UTF-8?q?=E5=A4=8D=E5=B1=9E=E6=80=A7=20*=20docs:=20[Issues:=20#IB77OT]?=
 =?UTF-8?q?=20=E7=A7=BB=E9=99=A4ahooks=E7=9A=84useEventListener=E9=87=8D?=
 =?UTF-8?q?=E5=A4=8D=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-ahooks.md    | 1 -
 zh-cn/react-ahooks.md | 1 -
 2 files changed, 2 deletions(-)

diff --git a/en/react-ahooks.md b/en/react-ahooks.md
index 6d48fe43..43ada9d9 100644
--- a/en/react-ahooks.md
+++ b/en/react-ahooks.md
@@ -186,7 +186,6 @@ This document is verified based on the following versions：
 | -------- | --------------------- | ------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------: |
 | Dom      | useDrop & useDrag     | 处理元素拖拽的 Hook                                                                                     | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
 | Dom      | useEventListener      | 优雅的使用 addEventListener                                                                             | 基础用法：无报错 监听 keydown 事件：无物理键盘                                                                                                                    |        NO         |
-| Dom      | useEventListener      | 优雅的使用 addEventListener                                                                             | 报错，无物理键盘                                                                                                                                                  |        NO         |
 | Dom      | useClickAway          | 监听目标元素外的点击事件                                                                                | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
 | Dom      | useDocumentVisibility | 监听页面是否可见                                                                                        | 无报错，无法监听到state状态变化，获取不到手机窗口                                                                                                                 |        NO         |
 | Dom      | useEventTarget        | 常见表单控件(通过 e.target.value 获取表单值) 的 onChange 跟 value 逻辑封装，支持自定义值转换和重置功能  | Cannot read property ‘value’of undefined                                                                                                                          |        NO         |
diff --git a/zh-cn/react-ahooks.md b/zh-cn/react-ahooks.md
index fb6021cb..1e1bdfd9 100644
--- a/zh-cn/react-ahooks.md
+++ b/zh-cn/react-ahooks.md
@@ -185,7 +185,6 @@ export function WhyDidYouUpdate() {
 | -------- | --------------------- | ------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------: |
 | Dom      | useDrop & useDrag     | 处理元素拖拽的 Hook                                                                                     | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
 | Dom      | useEventListener      | 优雅的使用 addEventListener                                                                             | 基础用法：无报错 监听 keydown 事件：无物理键盘                                                                                                                    |        NO         |
-| Dom      | useEventListener      | 优雅的使用 addEventListener                                                                             | 报错，无物理键盘                                                                                                                                                  |        NO         |
 | Dom      | useClickAway          | 监听目标元素外的点击事件                                                                                | Property 'document' doesn't exist 属性“document”不存在                                                                                                            |        NO         |
 | Dom      | useDocumentVisibility | 监听页面是否可见                                                                                        | 无报错，无法监听到state状态变化，获取不到手机窗口                                                                                                                 |        NO         |
 | Dom      | useEventTarget        | 常见表单控件(通过 e.target.value 获取表单值) 的 onChange 跟 value 逻辑封装，支持自定义值转换和重置功能  | Cannot read property ‘value’of undefined                                                                                                                          |        NO         |

From f851ef8095393461a249ad57e0696fae98aa641a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <linzhipeng10@h-partners.com>
Date: Tue, 26 Nov 2024 13:16:32 +0000
Subject: [PATCH 890/966] =?UTF-8?q?!1919=20docs:=20[Issues:=20#IB78CL]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-material-design-styles=20?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E5=90=8D=20*=20docs:=20[Issues:=20#IB78CL]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-material-design-styles=20?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                                       | 2 +-
 en/README_EN.md                                                 | 2 +-
 ...l-design-style.md => react-native-material-design-styles.md} | 2 +-
 zh-cn/README.md                                                 | 2 +-
 ...l-design-style.md => react-native-material-design-styles.md} | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)
 rename en/{react-native-material-design-style.md => react-native-material-design-styles.md} (98%)
 rename zh-cn/{react-native-material-design-style.md => react-native-material-design-styles.md} (98%)

diff --git a/README.md b/README.md
index 00a2a71d..a9a1dde3 100644
--- a/README.md
+++ b/README.md
@@ -300,7 +300,7 @@
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
 | 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-style.md)           |
+| 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-styles.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-flip-card.md)                       |
 | 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [链接](/zh-cn/react-native-randombytes.md)                     |
 | 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [链接](/zh-cn/react-native-view-overflow.md)                   |
diff --git a/en/README_EN.md b/en/README_EN.md
index 5a0bb019..d19907e4 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -300,7 +300,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [Link](/zh-cn/react-native-material-textfield.md)              |
 | 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [Link](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-material-design-style.md)           |
+| 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-material-design-styles.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-flip-card.md)                       |
 | 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | No                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [Link](/zh-cn/react-native-randombytes.md)                     |
 | 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | Yes                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [Link](/zh-cn/react-native-view-overflow.md)                   |
diff --git a/en/react-native-material-design-style.md b/en/react-native-material-design-styles.md
similarity index 98%
rename from en/react-native-material-design-style.md
rename to en/react-native-material-design-styles.md
index 18b50031..4ab43326 100644
--- a/en/react-native-material-design-style.md
+++ b/en/react-native-material-design-styles.md
@@ -1,7 +1,7 @@
 > Template version: v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-material-design-style</code> </h1>
+  <h1 align="center"> <code>react-native-material-design-styles</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/binggg/react-native-material-design-styles">
diff --git a/zh-cn/README.md b/zh-cn/README.md
index c29817b6..0b10c7fd 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -300,7 +300,7 @@
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
 | 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-style.md)           |
+| 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-styles.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-flip-card.md)                       |
 | 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [链接](/zh-cn/react-native-randombytes.md)                     |
 | 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [链接](/zh-cn/react-native-view-overflow.md)                   |
diff --git a/zh-cn/react-native-material-design-style.md b/zh-cn/react-native-material-design-styles.md
similarity index 98%
rename from zh-cn/react-native-material-design-style.md
rename to zh-cn/react-native-material-design-styles.md
index 6b7cd1ca..495c4116 100644
--- a/zh-cn/react-native-material-design-style.md
+++ b/zh-cn/react-native-material-design-styles.md
@@ -1,7 +1,7 @@
 > 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>react-native-material-design-style</code> </h1>
+  <h1 align="center"> <code>react-native-material-design-styles</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/binggg/react-native-material-design-styles">

From be2cd3fcb412a6358c2aad5b155de07051f0689f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <linzhipeng10@h-partners.com>
Date: Wed, 27 Nov 2024 01:07:46 +0000
Subject: [PATCH 891/966] =?UTF-8?q?!1920=20docs:=20[Issues:=20#IB78H3]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=80=BB=E8=A7=88=E8=A1=A8=20react-native-sh?=
 =?UTF-8?q?are=20=E5=92=8C=20react-native-shake=20=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=E6=94=BE=E9=94=99=20*=20docs:=20[Issues:=20#IB78H3]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=80=BB=E8=A7=88=E8=A1=A8=20react-native-sh?=
 =?UTF-8?q?are=20=E5=92=8C=20react-native-shake=20=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=E6=94=BE=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 4 ++--
 en/README_EN.md | 4 ++--
 zh-cn/README.md | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index a9a1dde3..e260ebdb 100644
--- a/README.md
+++ b/README.md
@@ -233,7 +233,7 @@
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | 是                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [链接](/zh-cn/react-native-performance.md)                     |
 | 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
-| 204  | [react-native-share](https://github.com/react-native-share/react-native-share) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
+| 204  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
 | 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
@@ -340,7 +340,7 @@
 | 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mask-text.md)                                                         |
 | 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 311  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 311  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 313  | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                                           | 2.1.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 314  | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                               | 1.5.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
diff --git a/en/README_EN.md b/en/README_EN.md
index d19907e4..c528a310 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -233,7 +233,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | Yes                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [Link](/zh-cn/react-native-performance.md)                     |
 | 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 203 | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [Link](/zh-cn/react-native-dropdown-picker.md)               |
-| 204 | [react-native-share](https://github.com/react-native-share/react-native-share) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [Link](/zh-cn/react-native-shake.md)                         |
+| 204 | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [Link](/zh-cn/react-native-shake.md)                         |
 | 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | Yes                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [Link](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | No                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [Link](/zh-cn/react-native-fingerprint-scanner.md)             |
@@ -340,7 +340,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-mask-text.md)                                                         |
 | 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 311  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                                                     | 5.6.2          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 311  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                     | 5.6.2          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 313  | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                                           | 2.1.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 314  | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                               | 1.5.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 0b10c7fd..980d3f0e 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -233,7 +233,7 @@
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | 是                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [链接](/zh-cn/react-native-performance.md)                     |
 | 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 203 | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
-| 204 | [react-native-share](https://github.com/react-native-share/react-native-share) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
+| 204 | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
 | 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
@@ -340,7 +340,7 @@
 | 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mask-text.md)                                                         |
 | 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 311  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 311  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 313  | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                                           | 2.1.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 314  | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                               | 1.5.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |

From 558144340e8f243117e1313c549daf5a127fe8bb Mon Sep 17 00:00:00 2001
From: lizhien52O <lizhien@h-partners.com>
Date: Wed, 27 Nov 2024 08:55:52 +0000
Subject: [PATCH 892/966] =?UTF-8?q?!1921=20docs:=20[Issues:=20#IB7FJG]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-performance=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IB7FJG]=20=E4=BF=AE=E6=94=B9react-native-performance=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-performance.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-performance.md b/en/react-native-performance.md
index 3ba5920e..fb60debe 100644
--- a/en/react-native-performance.md
+++ b/en/react-native-performance.md
@@ -304,7 +304,7 @@ Check the release version information in the release address of the third-party
 #### Performance method
 
 | Name             | Description                                                                                                                                                                                                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
-| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- | --- | -------- | --- | ----------- | --- |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
 | now              | 返回一个高分辨率时间戳（以毫秒为单位）                                                                                                                                                                                                                                                                                             | function | yes      | IOS/Android | yes               |
 | mark             | 根据给出 markName 值，在性能输入缓冲区中创建一个 timestamp(时间戳)                                                                                                                                                                                                                                                                 | function | yes      | IOS/Android | yes               |
 | measure          | 性能记录缓存中使用 measure()创建一个新的测量记录如果仅指定了测量名称，则开始时间戳设置为零，结束时间戳（用于计算持续时间）是 Performance.now()返回的值。可以使用字符串将 PerformanceMark 对象标识为开始标记和结束标记。要只提供一个 endMark，您需要提供一个空的测量选项对象: performance.Measure（“myMeasure”，{}，“myEndMarker”） | function | yes      | IOS/Android | yes               |
@@ -313,7 +313,7 @@ Check the release version information in the release address of the third-party
 | getEntriesByName | 返回一个给定名称和 name 和 type 属性的 PerformanceEntry 对象数组                                                                                                                                                                                                                                                                   | function | yes      | IOS/Android | yes               |
 | getEntriesByType | 返回一个给定 type 属性的 PerformanceEntry 对象数组                                                                                                                                                                                                                                                                                 | function | yes      | IOS/Android | yes               |
 | clearMarks       | 从缓存中移除声明的标记。如果调用这个方法时没有传递参数，则所有带有 entry type 这类标记的 performance entries 将从 performance entry 缓存区中被移除。                                                                                                                                                                               | function | yes      | IOS/Android | yes               |
-| clearMeasures    | 从缓存区中移除声明的测量记录。如果这个方法被调用时没有传入参数，则所有 entry type 标记值为"measure" 的性能实体将被从性能入口缓存区中移除。                                                                                                                                                                                         | function | yes      | IOS/Android | yes               |     | function | yes | IOS/Android | yes |
+| clearMeasures    | 从缓存区中移除声明的测量记录。如果这个方法被调用时没有传入参数，则所有 entry type 标记值为"measure" 的性能实体将被从性能入口缓存区中移除。                                                                                                                                                                                         | function | yes      | IOS/Android | yes               |
 
 ## PerformanceObserver
 

From 572694144e8849255a798eabc0e3a77a38e77f35 Mon Sep 17 00:00:00 2001
From: baofeng <baofeng6@h-partners.com>
Date: Thu, 28 Nov 2024 03:26:03 +0000
Subject: [PATCH 893/966] =?UTF-8?q?!1922=20docs:=20[Issues:=20#IB7KKO]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-contacts=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E9=94=99=E8=AF=AF=E6=8F=8F?=
 =?UTF-8?q?=E8=BF=B0=20*=20docs:=20=20[Issues:=20#IB7KKO]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-contacts=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E4=B8=AD=E7=9A=84=E9=94=99=E8=AF=AF=E6=8F=8F=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-contacts.md    | 125 +++++++++++++++++----------------
 zh-cn/react-native-contacts.md | 124 ++++++++++++++++----------------
 2 files changed, 125 insertions(+), 124 deletions(-)

diff --git a/en/react-native-contacts.md b/en/react-native-contacts.md
index 2b02625d..3ae1e71d 100644
--- a/en/react-native-contacts.md
+++ b/en/react-native-contacts.md
@@ -454,96 +454,97 @@ Open the `entry/src/main/module.json5` file and add the following code:
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                                                                         | Description                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
-| ---------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| getAll: Promise<Contact[]>                                                   | returns all contacts as an array of objects                                                                                                        | function | no       | android,ios | yes               |
-| getAllWithoutPhotos:Promise<Contact[]>                                       | same as `getAll` on Android, but on iOS it will not return uris for contact photos (because there's a significant overhead in creating the images) | function | no       | android,ios | yes               |
-| getContactById(contactId): Promise<Contact>                                  | returns contact with defined contactId (or null if it doesn't exist)人                                                                             | function | no       | android,ios | yes               |
-| getCount(): Promise<number>                                                  | returns the number of contacts                                                                                                                     | function | no       | android,ios | yes               |
-| getPhotoForId(contactId: string): Promise<string>                            | Promise - returns a URI (or null) for a contacts photoURL                                                                                          | function | no       | android,ios | yes               |
-| addContact(contact: Partial<Contact>): Promise<Contact>                      | adds a contact to the AddressBook                                                                                                                  | function | no       | android,ios | yes               |
-| openContactForm(contact: Partial<Contact>): Promise<Contact \| null>         | create a new contact and display in contactsUI 面                                                                                                  | function | no       | android,ios | partially         |
-| openExistingContact(contact: Contact): Promise<Contact>                      | open existing contact (edit mode), where contact is an object with a valid recordID                                                                | function | no       | android,ios | partially         |
-| viewExistingContact(contact: { recordID: string })                           | open existing contact (view mode), where contact is an object with a valid recordID 面                                                             | function | no       | android,ios | partially         |
-| editExistingContact(contact: Contact): Promise<Contact>                      | add numbers to the contact, where the contact is an object with a valid recordID and an array of phoneNumbers 面                                   | function | no       | android,ios | no                |
-| updateContact(contact: Partial<Contact> & {recordID: string}): Promise<void> | where contact is an object with a valid recordID                                                                                                   | function | no       | android,ios | yes               |
-| deleteContact(contact: Contact): Promise<void>                               | where contact is an object with a valid recordID                                                                                                   | function | no       | android,ios | yes               |
-| getContactsMatchingString(str: string): Promise<Contact[]>                   | where string is any string to match a name (first, middle, family) to                                                                              | function | no       | android,ios | yes               |
-| getContactsByPhoneNumber(phoneNumber: string): Promise<Contact[]>            | where string is a phone number to match to.                                                                                                        | function | no       | android,ios | yes               |
-| getContactsByEmailAddress(emailAddress: string): Promise<Contact[]>          | where string is an email address to match to.                                                                                                      | function | no       | android,ios | yes               |
-| checkPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>;         | checks permission to access Contacts ios only                                                                                                      | function | no       | ios         | yes               |
-| requestPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>        | request permission to access Contacts ios only                                                                                                     | function | no       | ios         | yes               |
-| writePhotoToPath(contactId: string, file: string): Promise<boolean>          | writes the contact photo to a given path android only                                                                                              | function | no       | android     | no                |
+| Name                                                         | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| getAll: Promise<Contact[]>                                   | returns all contacts as an array of objects                  | function | no       | Android,iOS | yes               |
+| getAllWithoutPhotos:Promise<Contact[]>                       | same as `getAll` on Android, but on iOS it will not return uris for contact photos (because there's a significant overhead in creating the images) | function | no       | Android,iOS | yes               |
+| getContactById(contactId): Promise<Contact>                  | returns contact with defined contactId (or null if it doesn't exist) | function | no       | Android,iOS | yes               |
+| getCount(): Promise<number>                                  | returns the number of contacts                               | function | no       | Android,iOS | yes               |
+| getPhotoForId(contactId: string): Promise<string>            | Promise - returns a URI (or null) for a contacts photoURL    | function | no       | Android,iOS | yes               |
+| addContact(contact: Partial<Contact>): Promise<Contact>      | adds a contact to the AddressBook                            | function | no       | Android,iOS | yes               |
+| openContactForm(contact: Partial<Contact>): Promise<Contact \| null> | create a new contact and display in contactsUI               | function | no       | Android,iOS | partially         |
+| openExistingContact(contact: Contact): Promise<Contact>      | open existing contact (edit mode), where contact is an object with a valid recordID | function | no       | Android,iOS | partially         |
+| viewExistingContact(contact: { recordID: string })           | open existing contact (view mode), where contact is an object with a valid recordID | function | no       | Android,iOS | partially         |
+| editExistingContact(contact: Contact): Promise<Contact>      | add numbers to the contact, where the contact is an object with a valid recordID and an array of phoneNumbers | function | no       | Android,iOS | no                |
+| updateContact(contact: Partial<Contact> & {recordID: string}): Promise<void> | where contact is an object with a valid recordID             | function | no       | Android,iOS | yes               |
+| deleteContact(contact: Contact): Promise<void>               | where contact is an object with a valid recordID             | function | no       | Android,iOS | yes               |
+| getContactsMatchingString(str: string): Promise<Contact[]>   | where string is any string to match a name (first, middle, family) to | function | no       | Android,iOS | yes               |
+| getContactsByPhoneNumber(phoneNumber: string): Promise<Contact[]> | where string is a phone number to match to.                  | function | no       | Android,iOS | yes               |
+| getContactsByEmailAddress(emailAddress: string): Promise<Contact[]> | where string is an email address to match to.                | function | no       | Android,iOS | yes               |
+| checkPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>; | checks permission to access Contacts ios only                | function | no       | iOS         | yes               |
+| requestPermission(): Promise<'authorized' \| 'denied' \| 'undefined'> | request permission to access Contacts ios only               | function | no       | iOS         | yes               |
+| writePhotoToPath(contactId: string, file: string): Promise<boolean> | writes the contact photo to a given path android only        | function | no       | Android     | no                |
 
 **Contacts**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| recordID | 联系人 id | string | no | android,ios | yes |
-| backTitle | 返回键标题 | string | no | android,ios | no |
-| company | 公司 | string|null | no | android,ios | yes |
-| emailAddresses | 电子邮箱地址 | EmailAddress[] | no | android,ios | yes |
-| displayName | 展示名 | string | no | android,ios | yes |
-| familyName | 姓氏 | string | no | android,ios | yes |
-| givenName | 名字 | string | no | android,ios | yes |
-| middleName | 中间名 | string | no | android,ios | yes |
-| jobTitle | 职位名称 | string | no | android,ios | yes |
-| phoneNumbers | 电话号码 | PhoneNumber[] | no | android,ios | yes |
-| hasThumbnail | 有头像 | boolean | no | android,ios | np |
-| thumbnailPath | 头像地址 | string | no | android,ios | no |
-| isStarred | 是否标记 | boolean | no | android,ios | yes |
-| postalAddresses | 邮件地址 | PostalAddress[] | no | android,ios | yes |
-| prefix | 前缀 | string | no | android,ios | yes |
-| suffix | 后缀 | string | no | android,ios | yes |
-| department | 部门 | string | no | android,ios | yes |
-| birthday | 生日 | Birthday | no | android,ios | yes |
-| imAddresses | 即时消息地址 | InstantMessageAddress[] | no | android,ios | yes |
-| urlAddresses | 图片地址 | UrlAddress[] | no | android,ios | no |
-| note | 备注 | string | no | android,ios | yes |
+| recordID | 联系人 id | string | no | Android,iOS | yes |
+| backTitle | 返回键标题 | string | no | Android,iOS | no |
+| company | 公司 | string|no | Android,iOS | yes |
+| emailAddresses | 电子邮箱地址 | EmailAddress[] | no | Android,iOS | yes |
+| displayName | 展示名 | string | no | Android,iOS | yes |
+| familyName | 姓氏 | string | no | Android,iOS | yes |
+| givenName | 名字 | string | no | Android,iOS | yes |
+| middleName | 中间名 | string | no | Android,iOS | yes |
+| jobTitle | 职位名称 | string | no | Android,iOS | yes |
+| phoneNumbers | 电话号码 | PhoneNumber[] | no | Android,iOS | yes |
+| hasThumbnail | 有头像 | boolean | no | Android,iOS | no |
+| thumbnailPath | 头像地址 | string | no | Android,iOS | no |
+| isStarred | 是否标记 | boolean | no | Android,iOS | yes |
+| postalAddresses | 邮件地址 | PostalAddress[] | no | Android,iOS | yes |
+| prefix | 前缀 | string | no | Android,iOS | yes |
+| suffix | 后缀 | string | no | Android,iOS | yes |
+| department | 部门 | string | no | Android,iOS | yes |
+| birthday | 生日 | Birthday | no | Android,iOS | yes |
+| imAddresses | 即时消息地址 | InstantMessageAddress[] | no | Android,iOS | yes |
+| urlAddresses | 图片地址 | UrlAddress[] | no | Android,iOS | no |
+| note | 备注 | string | no | Android,iOS | yes |
 
 **EmailAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| label | 标题 | string | no | android,ios | yes |
-| email | 地址 | string | no | android,ios | yes |
+| label | 标题 | string | no | Android,iOS | yes |
+| email | 地址 | string | no | Android,iOS | yes |
 
 **PhoneNumber**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| label | 标题 | string | no | android,ios | yes |
-| number | 号码 | string | no | android,ios | yes |
+| label | 标题 | string | no | Android,iOS | yes |
+| number | 号码 | string | no | Android,iOS | yes |
 
 **PostalAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| label | 标题 | string | no | android,ios | yes |
-| formattedAddress | 格式化地址 | string | no | android,ios | yes |
-| street | 街道 | string | no | android,ios | yes |
-| pobox | 信箱 | string | no | android,ios | yes |
-| neighborhood | 邻域 | string | no | android,ios | yes |
-| city | 城市 | string | no | android,ios | yes |
-| region | 区域 | string | no | android,ios | yes |
-| state | 州 | string | no | android,ios | yes |
-| postCode | 邮政编码 | string | no | android,ios | yes |
-| country | 国家/地区 | string | no | android,ios | yes |
+| label | 标题 | string | no | Android,iOS | yes |
+| formattedAddress | 格式化地址 | string | no | Android,iOS | yes |
+| street | 街道 | string | no | Android,iOS | yes |
+| pobox | 信箱 | string | no | Android,iOS | yes |
+| neighborhood | 邻域 | string | no | Android,iOS | yes |
+| city | 城市 | string | no | Android,iOS | yes |
+| region | 区域 | string | no | Android,iOS | yes |
+| state | 州 | string | no | Android,iOS | yes |
+| postCode | 邮政编码 | string | no | Android,iOS | yes |
+| country | 国家/地区 | string | no | Android,iOS | yes |
 
 **InstantMessageAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| username | 用户名 | string | no | android,ios | no |
-| service | 服务地址 | string | no | android,ios | no |
+| username | 用户名 | string | no | Android,iOS | no |
+| service | 服务地址 | string | no | Android,iOS | no |
 
 **Birthday**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| day | 年 | number | no | android,ios | yes |
-| month | 月 | number | no | android,ios | yes |
-| year | 日 | number | no | android,ios | yes |
+| day | 日 | number | no | Android,iOS | yes |
+| month | 月 | number | no | Android,iOS | yes |
+| year | 年 | number | no | Android,iOS | yes |
 
 **UrlAddress**
+
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| url | 路径 | string | no | android,ios | yes |
-| label | 标题 | string | no | android,ios | yes |
+| url | 路径 | string | no | Android,iOS | yes |
+| label | 标题 | string | no | Android,iOS | yes |
 
 ## Known Issues
 
diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md
index 7e84a963..67da3312 100644
--- a/zh-cn/react-native-contacts.md
+++ b/zh-cn/react-native-contacts.md
@@ -455,98 +455,98 @@ ohpm install
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                                              | Description                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
-| ------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| getAll: Promise<Contact[]>  | returns all contacts as an array of objects                                                                                                        | function | no       | android,ios | yes               |
-| getAllWithoutPhotos:Promise<Contact[]>            | same as `getAll` on Android, but on iOS it will not return uris for contact photos (because there's a significant overhead in creating the images) | function | no       | android,ios | yes               |
-| getContactById(contactId): Promise<Contact>       | returns contact with defined contactId (or null if it doesn't exist)人                                                                             | function | no       | android,ios | yes               |
-| getCount(): Promise<number>                       | returns the number of contacts                                                                                                                     | function | no       | android,ios | yes               |
-| getPhotoForId(contactId: string): Promise<string> | Promise - returns a URI (or null) for a contacts photoURL                                                                                          | function | no       | android,ios | yes               |
-| addContact(contact: Partial<Contact>): Promise<Contact>| adds a contact to the AddressBook                                                                                                                                         | function | no       | android,ios | yes               |
-| openContactForm(contact: Partial<Contact>): Promise<Contact \| null> | create a new contact and display in contactsUI面                                                                                                                 | function | no       | android,ios | partially         |
-| openExistingContact(contact: Contact): Promise<Contact>          | open existing contact (edit mode), where contact is an object with a valid recordID                                                                                                                                 | function | no       | android,ios | partially         |
-| viewExistingContact(contact: { recordID: string })                               | open existing contact (view mode), where contact is an object with a valid recordID面                                                                                                                             | function | no       | android,ios | partially         |
-| editExistingContact(contact: Contact): Promise<Contact>                               | add numbers to the contact, where the contact is an object with a valid recordID and an array of phoneNumbers面                                                                                                                         | function | no       | android,ios | no                |
-| updateContact(contact: Partial<Contact> & {recordID: string}): Promise<void>                                     | where contact is an object with a valid recordID                                                                                                                                     | function | no       | android,ios | yes               |
-| deleteContact(contact: Contact): Promise<void>           | where contact is an object with a valid recordID                                                                                                                                         | function | no       | android,ios | yes               |
-| getContactsMatchingString(str: string): Promise<Contact[]>                         | where string is any string to match a name (first, middle, family) to                                                                                                                                 | function | no       | android,ios | yes               |
-| getContactsByPhoneNumber(phoneNumber: string): Promise<Contact[]>                          | where string is a phone number to match to.                                                                                                                                 | function | no       | android,ios | yes               |
-| getContactsByEmailAddress(emailAddress: string): Promise<Contact[]>                         | where string is an email address to match to.                                                                                                                         | function | no       | android,ios | yes               |
-| checkPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>;                                   | checks permission to access Contacts ios only                                                                                                                           | function | no       | ios         | yes               |
-| requestPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>                                 |  request permission to access Contacts ios only                                                                                                                                 | function | no       | ios         | yes               |
-| writePhotoToPath(contactId: string, file: string): Promise<boolean>                                  | writes the contact photo to a given path android only                                                                                                                         | function | no       | android     | no                |
+| Name                                                         | Description                                                  | Type     | Required | Platform     | HarmonyOS Support |
+| ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| getAll: Promise<Contact[]>                                   | returns all contacts as an array of objects                  | function | no       | Android,iOS | yes               |
+| getAllWithoutPhotos:Promise<Contact[]>                       | same as `getAll` on Android, but on iOS it will not return uris for contact photos (because there's a significant overhead in creating the images) | function | no       | Android,iOS  | yes               |
+| getContactById(contactId): Promise<Contact>                  | returns contact with defined contactId (or null if it doesn't exist) | function | no       | Android,iOS  | yes               |
+| getCount(): Promise<number>                                  | returns the number of contacts                               | function | no       | Android,iOS  | yes               |
+| getPhotoForId(contactId: string): Promise<string>            | Promise - returns a URI (or null) for a contacts photoURL    | function | no       | Android,iOS  | yes               |
+| addContact(contact: Partial<Contact>): Promise<Contact>      | adds a contact to the AddressBook                            | function | no       | Android,iOS  | yes               |
+| openContactForm(contact: Partial<Contact>): Promise<Contact \| null> | create a new contact and display in contactsUI               | function | no       | Android,iOS  | partially         |
+| openExistingContact(contact: Contact): Promise<Contact>      | open existing contact (edit mode), where contact is an object with a valid recordID | function | no       | Android,iOS  | partially         |
+| viewExistingContact(contact: { recordID: string })           | open existing contact (view mode), where contact is an object with a valid recordID | function | no       | Android,iOS  | partially         |
+| editExistingContact(contact: Contact): Promise<Contact>      | add numbers to the contact, where the contact is an object with a valid recordID and an array of phoneNumbers | function | no       | Android,iOS  | no                |
+| updateContact(contact: Partial<Contact> & {recordID: string}): Promise<void> | where contact is an object with a valid recordID             | function | no       | Android,iOS  | yes               |
+| deleteContact(contact: Contact): Promise<void>               | where contact is an object with a valid recordID             | function | no       | Android,iOS  | yes               |
+| getContactsMatchingString(str: string): Promise<Contact[]>   | where string is any string to match a name (first, middle, family) to | function | no       | Android,iOS  | yes               |
+| getContactsByPhoneNumber(phoneNumber: string): Promise<Contact[]> | where string is a phone number to match to.                  | function | no       | Android,iOS  | yes               |
+| getContactsByEmailAddress(emailAddress: string): Promise<Contact[]> | where string is an email address to match to.                | function | no       | Android,iOS  | yes               |
+| checkPermission(): Promise<'authorized' \| 'denied' \| 'undefined'>; | checks permission to access Contacts ios only                | function | no       | iOS       | yes               |
+| requestPermission(): Promise<'authorized' \| 'denied' \| 'undefined'> | request permission to access Contacts ios only               | function | no       | iOS       | yes               |
+| writePhotoToPath(contactId: string, file: string): Promise<boolean> | writes the contact photo to a given path android only        | function | no       | Android | no                |
 
 
 **Contacts**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| recordID | 联系人id | string | no | android,ios | yes |
-| backTitle | 返回键标题 | string | no | android,ios | no |
-| company | 公司 | string|null | no | android,ios | yes |
-| emailAddresses | 电子邮箱地址 | EmailAddress[] | no | android,ios | yes |
-| displayName | 展示名 | string | no | android,ios | yes |
-| familyName | 姓氏 | string | no | android,ios | yes |
-| givenName | 名字 | string | no | android,ios | yes |
-| middleName | 中间名 | string | no | android,ios | yes |
-| jobTitle | 职位名称 | string | no | android,ios | yes |
-| phoneNumbers | 电话号码 | PhoneNumber[] | no | android,ios | yes |
-| hasThumbnail | 有头像 | boolean | no | android,ios | np |
-| thumbnailPath | 头像地址 | string | no | android,ios | no |
-| isStarred | 是否标记 | boolean | no | android,ios | yes |
-| postalAddresses | 邮件地址 | PostalAddress[] | no | android,ios | yes |
-| prefix | 前缀 | string | no | android,ios | yes |
-| suffix | 后缀 | string | no | android,ios | yes |
-| department | 部门 | string | no | android,ios | yes |
-| birthday | 生日 | Birthday | no | android,ios | yes |
-| imAddresses | 即时消息地址 | InstantMessageAddress[] | no | android,ios | yes |
-| urlAddresses | 图片地址 | UrlAddress[] | no | android,ios | no |
-| note | 备注 | string | no | android,ios | yes |
+| recordID | 联系人id | string | no | Android,iOS | yes |
+| backTitle | 返回键标题 | string | no | Android,iOS | no |
+| company | 公司 | string|no | Android,iOS | yes |
+| emailAddresses | 电子邮箱地址 | EmailAddress[] | no | Android,iOS | yes |
+| displayName | 展示名 | string | no | Android,iOS | yes |
+| familyName | 姓氏 | string | no | Android,iOS | yes |
+| givenName | 名字 | string | no | Android,iOS | yes |
+| middleName | 中间名 | string | no | Android,iOS | yes |
+| jobTitle | 职位名称 | string | no | Android,iOS | yes |
+| phoneNumbers | 电话号码 | PhoneNumber[] | no | Android,iOS | yes |
+| hasThumbnail | 有头像 | boolean | no | Android,iOS | no |
+| thumbnailPath | 头像地址 | string | no | Android,iOS | no |
+| isStarred | 是否标记 | boolean | no | Android,iOS | yes |
+| postalAddresses | 邮件地址 | PostalAddress[] | no | Android,iOS | yes |
+| prefix | 前缀 | string | no | Android,iOS | yes |
+| suffix | 后缀 | string | no | Android,iOS | yes |
+| department | 部门 | string | no | Android,iOS | yes |
+| birthday | 生日 | Birthday | no | Android,iOS | yes |
+| imAddresses | 即时消息地址 | InstantMessageAddress[] | no | Android,iOS | yes |
+| urlAddresses | 图片地址 | UrlAddress[] | no | Android,iOS | no |
+| note | 备注 | string | no | Android,iOS | yes |
 
 
 **EmailAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| label | 标题 | string | no | android,ios | yes |
-| email | 地址 | string | no | android,ios | yes |
+| label | 标题 | string | no | Android,iOS | yes |
+| email | 地址 | string | no | Android,iOS | yes |
 
 **PhoneNumber**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| label | 标题 | string | no | android,ios | yes |
-| number | 号码 | string | no | android,ios | yes |
+| label | 标题 | string | no | Android,iOS | yes |
+| number | 号码 | string | no | Android,iOS | yes |
 
 **PostalAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| label | 标题 | string | no | android,ios | yes |
-| formattedAddress | 格式化地址 | string | no | android,ios | yes |
-| street | 街道 | string | no | android,ios | yes |
-| pobox | 信箱 | string | no | android,ios | yes |
-| neighborhood | 邻域 | string | no | android,ios | yes |
-| city | 城市 | string | no | android,ios | yes |
-| region | 区域 | string | no | android,ios | yes |
-| state | 州 | string | no | android,ios | yes |
-| postCode | 邮政编码 | string | no | android,ios | yes |
-| country | 国家/地区 | string | no | android,ios | yes |
+| label | 标题 | string | no | Android,iOS | yes |
+| formattedAddress | 格式化地址 | string | no | Android,iOS | yes |
+| street | 街道 | string | no | Android,iOS | yes |
+| pobox | 信箱 | string | no | Android,iOS | yes |
+| neighborhood | 邻域 | string | no | Android,iOS | yes |
+| city | 城市 | string | no | Android,iOS | yes |
+| region | 区域 | string | no | Android,iOS | yes |
+| state | 州 | string | no | Android,iOS | yes |
+| postCode | 邮政编码 | string | no | Android,iOS | yes |
+| country | 国家/地区 | string | no | Android,iOS | yes |
 
 **InstantMessageAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| username | 用户名 | string | no | android,ios | no |
-| service | 服务地址 | string | no | android,ios | no |
+| username | 用户名 | string | no | Android,iOS | no |
+| service | 服务地址 | string | no | Android,iOS | no |
 
 **Birthday**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| day | 年 | number | no | android,ios | yes |
-| month | 月 | number | no | android,ios | yes |
-| year | 日 | number | no | android,ios | yes |
+| day | 日 | number | no | Android,iOS | yes |
+| month | 月 | number | no | Android,iOS | yes |
+| year | 年 | number | no | Android,iOS | yes |
 
 **UrlAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| url | 路径 | string | no | android,ios | yes |
-| label | 标题 | string | no | android,ios | yes |
+| url | 路径 | string | no | Android,iOS | yes |
+| label | 标题 | string | no | Android,iOS | yes |
 
 
 ## 遗留问题

From e50d4440c1651091c8f7f95be60c99579c4519af Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Thu, 28 Nov 2024 08:40:35 +0000
Subject: [PATCH 894/966] =?UTF-8?q?!1924=20docs:=20[Issues:=20#IB7P2R]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-largelist=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IB7P2R]=E4=BF=AE=E6=94=B9react-native-la?=
 =?UTF-8?q?rgelist=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-largelist.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zh-cn/react-native-largelist.md b/zh-cn/react-native-largelist.md
index ecca7539..aa97048d 100644
--- a/zh-cn/react-native-largelist.md
+++ b/zh-cn/react-native-largelist.md
@@ -174,10 +174,10 @@ ohpm install
 | renderFooter                   | 列表的尾部组件函数                                                                                                                                                                                                                    | `()=> React.ReactElement <any>`                                                                               | no       | Android/iOS | yes               |
 | inverted                       | 翻转滚动方向，适配聊天App                                                                                                                                                                                                             | boolean                                                                                                       | no       | Android/iOS | yes               |
 | onRefresh                      | 下拉刷新的回调函数,如果设置了此属性，则会在顶部加一个刷新Header                                                                                                                                                                       | ()=>any                                                                                                       | no       | Android/iOS | yes               |
-| refreshHeader                  | 选择下拉刷新的组件，用户如果不希望高度自定义，则可以不设定直接使用NormalHeader,如果需要高度自定义                                                                                                                                     | [RefreshHeader](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/RefreshHeader.js) | no       | Android/iOS | yes               |
+| refreshHeader                  | 选择下拉刷新的组件，用户如果不希望高度自定义，则可以不设定直接使用NormalHeader,如果需要高度自定义，请参考自定义下拉刷新                                                                                                                       | [RefreshHeader](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/RefreshHeader.js) | no       | Android/iOS | yes               |
 | onLoading                      | 上拉加载的回调函数,如果设置了此属性，则会在底部加一个加载组件                                                                                                                                                                         | ()=>any                                                                                                       | no       | Android/iOS | yes               |
 | allLoaded                      | 数据是否加载完成。                                                                                                                                                                                                                    | boolean                                                                                                       | no       | Android/iOS | yes               |
-| loadingFooter                  | 上拉加载组件，用户如果不希望自定义，则可以使用NormalFooter,如果需要高度自定义                                                                                                                                                         | [LoadingFooter](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/LoadingFooter.js) | no       | Android/iOS | yes               |
+| loadingFooter                  | 上拉加载组件，用户如果不希望自定义，则可以使用NormalFooter,如果需要高度自定义，请参考自定义上拉加载                                                                                                                                          | [LoadingFooter](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/LoadingFooter.js) | no       | Android/iOS | yes               |
 | onScroll                       | 监听列表滑动（JavaScript端）                                                                                                                                                                                                          | ({nativeEvent:{contentOffset:{x, y}}})=>any                                                                   | no       | Android/iOS | yes               |
 | onNativeContentOffsetExtract   | 使用原生动画值监听滑动偏移，可以用作插值动画                                                                                                                                                                                          | {x?:Animated.Value, y?:Animated.Value}                                                                        | no       | Android/iOS | yes               |
 | onTouchBegin                   | 手指按下时回调                                                                                                                                                                                                                        | ()=>any                                                                                                       | no       | Android/iOS | yes               |

From 19c50db96444cdbc714e98dd4fb2b21fb4965d7b Mon Sep 17 00:00:00 2001
From: "pan.lichen" <pan.lichen@qq.com>
Date: Fri, 29 Nov 2024 06:22:26 +0000
Subject: [PATCH 895/966] =?UTF-8?q?!1923=20docs:=20[Issues:=20#IB7NU2]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-dropdownalert=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB7NU2]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-dropdownalert=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-dropdownalert.md    | 132 ++++++++++++++--------------
 zh-cn/react-native-dropdownalert.md | 132 ++++++++++++++--------------
 2 files changed, 132 insertions(+), 132 deletions(-)

diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
index 40ef1c92..a2357e23 100644
--- a/en/react-native-dropdownalert.md
+++ b/en/react-native-dropdownalert.md
@@ -304,13 +304,13 @@ DropDownAlertImage 是 DropdownAlert 库导出的一个枚举对象，列举了
 
 #### DropDownAlertImage Property
 
-| Name    | Description                                                            | Type                | **Required** | Platform | HarmonyOS Support |
-| ------- | ---------------------------------------------------------------------- | ------------------- | ------------ | -------- | ----------------- |
-| Info    | Info 时使用的图片资源，使用源库的资源 equire('./assets/info.png')      | ImageSourcePropType | no           | All      | yes               |
-| Warn    | Info 时使用的图片资源，使用源库的资源 require('./assets/warn.png')     | ImageSourcePropType | no           | All      | yes               |
-| Error   | Info 时使用的图片资源，使用源库的资源 require('./assets/error.png')    | ImageSourcePropType | no           | All      | yes               |
-| Success | Info 时使用的图片资源，使用源库的资源 require('./assets/success.png')  | ImageSourcePropType | no           | All      | yes               |
-| Cancel  | cancel 时使用的图片资源，使用源库的资源 require('./assets/cancel.png') | ImageSourcePropType | no           | All      | yes               |
+| Name    | Description                                                              | Type                | **Required** | Platform | HarmonyOS Support |
+| ------- | ------------------------------------------------------------------------ | ------------------- | ------------ | -------- | ----------------- |
+| Info    | Info 时使用的图片资源，使用源库的资源 require('./assets/info.png')       | ImageSourcePropType | no           | All      | yes               |
+| Warn    | Warn 时使用的图片资源，使用源库的资源 require('./assets/warn.png')       | ImageSourcePropType | no           | All      | yes               |
+| Error   | Error 时使用的图片资源，使用源库的资源 require('./assets/error.png')     | ImageSourcePropType | no           | All      | yes               |
+| Success | Success 时使用的图片资源，使用源库的资源 require('./assets/success.png') | ImageSourcePropType | no           | All      | yes               |
+| Cancel  | Cancel 时使用的图片资源，使用源库的资源 require('./assets/cancel.png')   | ImageSourcePropType | no           | All      | yes               |
 
 ### DropdownAlertToValue
 
@@ -373,65 +373,65 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 
 #### DropdownAlert Property
 
-| Name                             | Description                                                                                                  | Type                           | **Required** | Platform | HarmonyOS Support |
-| -------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------ | ------------ | -------- | ----------------- |
-| imageSrc                         | 弹框未指定图片资源的时候使用的默认自定义图片                                                                 | ImageSourcePropType            | no           | All      | yes               |
-| infoImageSrc                     | 弹框未指定类型为 Info 时，使用的自定义图片                                                                   | ImageSourcePropType            | no           | All      | yes               |
-| warnImageSrc                     | 弹框未指定类型为 Warn 时，使用的自定义图片                                                                   | ImageSourcePropType            | no           | All      | yes               |
-| errorImageSrc                    | 弹框未指定类型为 Error 时，使用的自定义图片                                                                  | ImageSourcePropType            | no           | All      | yes               |
-| successImageSrc                  | 弹框未指定类型为 Success 时，使用的自定义图片                                                                | ImageSourcePropType            | no           | All      | yes               |
-| cancelImageSrc                   | 弹框未指定类型为 Cancel 时，使用的自定义图片                                                                 | ImageSourcePropType            | no           | All      | yes               |
-| infoColor                        | 弹框未指定类型为 Info 时，使用的自定义颜色                                                                   | ColorValue                     | no           | All      | yes               |
-| warnColor                        | 弹框未指定类型为 Warn 时，使用的自定义颜色                                                                   | ColorValue                     | no           | All      | yes               |
-| errorColor                       | 弹框未指定类型为 Error 时，使用的自定义颜色                                                                  | ColorValue                     | no           | All      | yes               |
-| successColor                     | 弹框未指定类型为 Success 时，使用的自定义颜色                                                                | ColorValue                     | no           | All      | yes               |
-| activeStatusBarBackgroundColor   | 弹框出现时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                     | ColorValue                     | no           | Android  | yes               |
-| inactiveStatusBarBackgroundColor | 弹框消失时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                     | ColorValue                     | no           | Android  | yes               |
-| dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                     | number                         | no           | All      | yes               |
-| titleNumberOfLines               | 弹窗标题的最大行数，                                                                                         | number                         | no           | All      | yes               |
-| messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                               | number                         | no           | All      | yes               |
-| elevation                        | 高度                                                                                                         | number                         | no           | All      | yes               |
-| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | yes               |
-| panResponderDismissDistance      | 下滑弹窗消失距离                                                                                             | number                         | no           | All      | yes               |
-| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | yes               |
-| alertViewStyle                   | DropAlert 对象内部的 alertViewStyle 样式                                                                     | ViewStyle                      | no           | All      | yes               |
-| safeViewStyle                    | DropAlert 对象内部的 safeView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
-| textViewStyle                    | DropAlert 对象内部的 textView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
-| cancelViewStyle                  | DropAlert 对象内部的 cancelView 样式                                                                         | ViewStyle                      | no           | All      | yes               |
-| titleTextStyle                   | DropAlert 对象内部的 titleText 样式                                                                          | TextStyle                      | no           | All      | yes               |
-| messageTextStyle                 | DropAlert 对象内部的 messageText 文字样式                                                                    | TextStyle                      | no           | All      | yes               |
-| imageStyle                       | DropAlert 对象内部的 image 样式                                                                              | ImageStyle                     | no           | All      | yes               |
-| cancelImageStyle                 | DropAlert 对象内部的 cancelImage 图片样式                                                                    | ImageStyle                     | no           | All      | yes               |
-| onDismissAutomatic               | 弹窗关闭触发的函数，支持的关闭方式为自动关闭                                                                 | function                       | no           | All      | yes               |
-| onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                              | function                       | no           | All      | yes               |
-| onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                 | function                       | no           | All      | yes               |
-| onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                            | function                       | no           | All      | yes               |
-| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | yes               |
-| showCancel                       | 是否显示弹窗的 cancel 模块                                                                                   | boolean                        | no           | All      | yes               |
-| onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                     | boolean                        | no           | All      | yes               |
-| panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                            | boolean                        | no           | All      | yes               |
-| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | yes               |
-| updateStatusBar                  | 是否更新状态栏                                                                                               | boolean                        | no           | All      | yes               |
-| activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
-| inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
-| renderImage                      | 函数式返回的图片                                                                                             | render function                | no           | All      | yes               |
-| renderCancel                     | 函数式返回的取消                                                                                             | render function                | no           | All      | yes               |
-| renderTitle                      | 函数式返回的弹窗消息标题                                                                                     | render function                | no           | All      | yes               |
-| renderMessage                    | 函数式返回的弹窗消息正文                                                                                     | render function                | no           | All      | yes               |
-| titleTextProps                   | 消息标题文字样式                                                                                             | TextProps                      | no           | All      | yes               |
-| messageTextProps                 | 消息正文文字样式                                                                                             | TextProps                      | no           | All      | yes               |
-| animatedViewProps                | DropAlert 对象内部的 animatedView 属性                                                                       | ViewProps                      | no           | All      | yes               |
-| alertTouchableOpacityProps       | 弹窗透明度样式设置                                                                                           | TouchableOpacityProps          | no           | All      | yes               |
-| safeViewProps                    | DropAlert 对象内部的 safeView 属性                                                                           | ViewProps                      | no           | All      | yes               |
-| textViewProps                    | DropAlert 对象内部的 text 属性                                                                               | ViewProps                      | no           | All      | yes               |
-| imageProps                       | DropAlert 对象内部的 image 属性                                                                              | ImageProps                     | no           | All      | yes               |
-| cancelTouchableOpacityProps      | DropAlert 对象内部的 cancelTouchableOpacityProps 配置                                                        | TouchableOpacityProps          | no           | All      | yes               |
-| cancelImageProps                 | DropAlert 对象内部的 cancelImageProps 属性                                                                   | ImageProps                     | no           | All      | yes               |
-| alert                            | 弹窗弹出触发事件                                                                                             | function                       | no           | All      | yes               |
-| dismiss                          | 弹窗消失触发事件                                                                                             | function                       | no           | All      | yes               |
-| springAnimationConfig            | 弹簧效果参数                                                                                                 | Animated.SpringAnimationConfig | no           | All      | yes               |
-| children                         | 弹窗子元素                                                                                                   | ReactNode                      | no           | All      | yes               |
-| alertPosition                    | top' 或者 'bottom'                                                                                           | string                         | no           | All      | yes               |
+| Name                             | Description                                                                                                                                                        | Type                           | **Required** | Platform | HarmonyOS Support |
+| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------ | ------------ | -------- | ----------------- |
+| imageSrc                         | 弹框未指定图片资源的时候使用的默认自定义图片                                                                                                                       | ImageSourcePropType            | no           | All      | yes               |
+| infoImageSrc                     | 弹框未指定类型为 Info 时，使用的自定义图片                                                                                                                         | ImageSourcePropType            | no           | All      | yes               |
+| warnImageSrc                     | 弹框未指定类型为 Warn 时，使用的自定义图片                                                                                                                         | ImageSourcePropType            | no           | All      | yes               |
+| errorImageSrc                    | 弹框未指定类型为 Error 时，使用的自定义图片                                                                                                                        | ImageSourcePropType            | no           | All      | yes               |
+| successImageSrc                  | 弹框未指定类型为 Success 时，使用的自定义图片                                                                                                                      | ImageSourcePropType            | no           | All      | yes               |
+| cancelImageSrc                   | 弹框未指定类型为 Cancel 时，使用的自定义图片                                                                                                                       | ImageSourcePropType            | no           | All      | yes               |
+| infoColor                        | 弹框未指定类型为 Info 时，使用的自定义颜色                                                                                                                         | ColorValue                     | no           | All      | yes               |
+| warnColor                        | 弹框未指定类型为 Warn 时，使用的自定义颜色                                                                                                                         | ColorValue                     | no           | All      | yes               |
+| errorColor                       | 弹框未指定类型为 Error 时，使用的自定义颜色                                                                                                                        | ColorValue                     | no           | All      | yes               |
+| successColor                     | 弹框未指定类型为 Success 时，使用的自定义颜色                                                                                                                      | ColorValue                     | no           | All      | yes               |
+| activeStatusBarBackgroundColor   | 弹框出现时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                                                                           | ColorValue                     | no           | Android  | yes               |
+| inactiveStatusBarBackgroundColor | 弹框消失时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                                                                           | ColorValue                     | no           | Android  | yes               |
+| dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                                                                           | number                         | no           | All      | yes               |
+| titleNumberOfLines               | 弹窗标题的最大行数，                                                                                                                                               | number                         | no           | All      | yes               |
+| messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                                                                                     | number                         | no           | All      | yes               |
+| elevation                        | 视图的高度，此属性可以为视图添加一个投影，并且会影响视图层叠的顺序。此属性仅支持 Android5.0 及以上版本。                                                           | number                         | no           | Android  | no                |
+| zIndex                           | z 轴的值                                                                                                                                                           | number                         | no           | All      | no                |
+| panResponderDismissDistance      | 下滑弹窗消失距离                                                                                                                                                   | number                         | no           | All      | yes               |
+| animatedViewStyle                | 此属性可接收一个 ViewStyle 对象，用于设置弹窗内部的 Animated.View 的样式。                                                                                         | ViewStyle                      | no           | All      | no                |
+| alertViewStyle                   | 此属性可接收一个 ViewStyle 对象，用于设置弹窗的样式。                                                                                                              | ViewStyle                      | no           | All      | yes               |
+| safeViewStyle                    | 此属性可接收一个 ViewStyle 对象，用于设置弹窗内部的 safeView 的样式。                                                                                              | ViewStyle                      | no           | All      | yes               |
+| textViewStyle                    | 此属性可接收一个 ViewStyle 对象，用于设置弹窗文字的样式。                                                                                                          | ViewStyle                      | no           | All      | yes               |
+| cancelViewStyle                  | 此属性可接收一个 ViewStyle 对象，用于设置弹窗内部取消按钮的样式。                                                                                                  | ViewStyle                      | no           | All      | yes               |
+| titleTextStyle                   | 此属性可接收一个 TextStyle 对象，用于设置弹窗标题的样式。                                                                                                          | TextStyle                      | no           | All      | yes               |
+| messageTextStyle                 | 此属性可接收一个 TextStyle 对象，用于设置弹窗正文的样式。                                                                                                          | TextStyle                      | no           | All      | yes               |
+| imageStyle                       | 此属性可接收一个 ImageStyle 对象，用于设置弹窗内图片的样式。                                                                                                       | ImageStyle                     | no           | All      | yes               |
+| cancelImageStyle                 | 此属性可接收一个 ImageStyle 对象，用于设置弹窗内取消按钮所用图片的样式。                                                                                           | ImageStyle                     | no           | All      | yes               |
+| onDismissAutomatic               | 弹窗关闭触发的函数，支持的关闭方式为自动关闭                                                                                                                       | function                       | no           | All      | yes               |
+| onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                                                                                    | function                       | no           | All      | yes               |
+| onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                                                                       | function                       | no           | All      | yes               |
+| onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                                                                                  | function                       | no           | All      | yes               |
+| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。                                                       | function                       | no           | All      | no                |
+| showCancel                       | 是否显示弹窗的 cancel 模块                                                                                                                                         | boolean                        | no           | All      | yes               |
+| onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                                                                           | boolean                        | no           | All      | yes               |
+| panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                                                                                  | boolean                        | no           | All      | yes               |
+| translucent                      | 指定状态栏是否透明。设置为 true 时，应用会延伸到状态栏之下绘制（即所谓“沉浸式”——被状态栏遮住一部分）。常和带有半透明背景色的状态栏搭配使用，此属性仅支持 Android。 | boolean                        | no           | Android  | no                |
+| updateStatusBar                  | 是否更新状态栏                                                                                                                                                     | boolean                        | no           | All      | yes               |
+| activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                                                                           | StatusBarStyle                 | no           | Android  | yes               |
+| inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                                                                           | StatusBarStyle                 | no           | Android  | yes               |
+| renderImage                      | 函数式返回的图片                                                                                                                                                   | render function                | no           | All      | yes               |
+| renderCancel                     | 函数式返回的取消                                                                                                                                                   | render function                | no           | All      | yes               |
+| renderTitle                      | 函数式返回的弹窗消息标题                                                                                                                                           | render function                | no           | All      | yes               |
+| renderMessage                    | 函数式返回的弹窗消息正文                                                                                                                                           | render function                | no           | All      | yes               |
+| titleTextProps                   | 消息标题文字样式                                                                                                                                                   | TextProps                      | no           | All      | yes               |
+| messageTextProps                 | 消息正文文字样式                                                                                                                                                   | TextProps                      | no           | All      | yes               |
+| animatedViewProps                | 此属性可接收一个 ViewProps 对象，用于设置弹窗对象内部的 Animated.View 的属性。                                                                                     | ViewProps                      | no           | All      | yes               |
+| alertTouchableOpacityProps       | 弹窗透明度样式设置                                                                                                                                                 | TouchableOpacityProps          | no           | All      | yes               |
+| safeViewProps                    | 此属性可接收一个 ViewProps 对象，用于设置弹窗对象内部的 safeView 的属性。                                                                                          | ViewProps                      | no           | All      | yes               |
+| textViewProps                    | 此属性可接收一个 ViewProps 对象，用于设置弹窗对象内部的文本展示区域的属性。                                                                                        | ViewProps                      | no           | All      | yes               |
+| imageProps                       | 此属性可接收一个 ImageProps 对象，用于设置弹窗对象内部的图片的属性。                                                                                               | ImageProps                     | no           | All      | yes               |
+| cancelTouchableOpacityProps      | 此属性可接收一个 TouchableOpacityProps 对象，用于设置弹窗对象内部的取消按钮的属性。                                                                                | TouchableOpacityProps          | no           | All      | yes               |
+| cancelImageProps                 | 此属性可接收一个 ImageProps 对象，用于设置弹窗对象内部的取消按钮图片的属性。                                                                                       | ImageProps                     | no           | All      | yes               |
+| alert                            | 弹窗弹出触发事件                                                                                                                                                   | function                       | no           | All      | yes               |
+| dismiss                          | 弹窗消失触发事件                                                                                                                                                   | function                       | no           | All      | yes               |
+| springAnimationConfig            | 弹簧效果参数                                                                                                                                                       | Animated.SpringAnimationConfig | no           | All      | yes               |
+| children                         | 弹窗子元素                                                                                                                                                         | ReactNode                      | no           | All      | yes               |
+| alertPosition                    | 设置弹窗弹出的位置，top 从屏幕顶部弹出，或者设置为 bottom 从屏幕底部弹出。默认值为 top。                                                                           | string                         | no           | All      | yes               |
 
 ## Known Issues
 
diff --git a/zh-cn/react-native-dropdownalert.md b/zh-cn/react-native-dropdownalert.md
index ec5962b7..461c6707 100644
--- a/zh-cn/react-native-dropdownalert.md
+++ b/zh-cn/react-native-dropdownalert.md
@@ -304,13 +304,13 @@ DropDownAlertImage 是 DropdownAlert 库导出的一个枚举对象，列举了
 
 #### DropDownAlertImage 属性
 
-| Name    | Description                                                            | Type                | **Required** | Platform | HarmonyOS Support |
-| ------- | ---------------------------------------------------------------------- | ------------------- | ------------ | -------- | ----------------- |
-| Info    | Info 时使用的图片资源，使用源库的资源 equire('./assets/info.png')      | ImageSourcePropType | no           | All      | yes               |
-| Warn    | Info 时使用的图片资源，使用源库的资源 require('./assets/warn.png')     | ImageSourcePropType | no           | All      | yes               |
-| Error   | Info 时使用的图片资源，使用源库的资源 require('./assets/error.png')    | ImageSourcePropType | no           | All      | yes               |
-| Success | Info 时使用的图片资源，使用源库的资源 require('./assets/success.png')  | ImageSourcePropType | no           | All      | yes               |
-| Cancel  | cancel 时使用的图片资源，使用源库的资源 require('./assets/cancel.png') | ImageSourcePropType | no           | All      | yes               |
+| Name    | Description                                                              | Type                | **Required** | Platform | HarmonyOS Support |
+| ------- | ------------------------------------------------------------------------ | ------------------- | ------------ | -------- | ----------------- |
+| Info    | Info 时使用的图片资源，使用源库的资源 require('./assets/info.png')       | ImageSourcePropType | no           | All      | yes               |
+| Warn    | Warn 时使用的图片资源，使用源库的资源 require('./assets/warn.png')       | ImageSourcePropType | no           | All      | yes               |
+| Error   | Error 时使用的图片资源，使用源库的资源 require('./assets/error.png')     | ImageSourcePropType | no           | All      | yes               |
+| Success | Success 时使用的图片资源，使用源库的资源 require('./assets/success.png') | ImageSourcePropType | no           | All      | yes               |
+| Cancel  | Cancel 时使用的图片资源，使用源库的资源 require('./assets/cancel.png')   | ImageSourcePropType | no           | All      | yes               |
 
 ### DropdownAlertToValue
 
@@ -373,65 +373,65 @@ DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有
 
 #### DropdownAlert 属性
 
-| Name                             | Description                                                                                                  | Type                           | **Required** | Platform | HarmonyOS Support |
-| -------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------ | ------------ | -------- | ----------------- |
-| imageSrc                         | 弹框未指定图片资源的时候使用的默认自定义图片                                                                 | ImageSourcePropType            | no           | All      | yes               |
-| infoImageSrc                     | 弹框未指定类型为 Info 时，使用的自定义图片                                                                   | ImageSourcePropType            | no           | All      | yes               |
-| warnImageSrc                     | 弹框未指定类型为 Warn 时，使用的自定义图片                                                                   | ImageSourcePropType            | no           | All      | yes               |
-| errorImageSrc                    | 弹框未指定类型为 Error 时，使用的自定义图片                                                                  | ImageSourcePropType            | no           | All      | yes               |
-| successImageSrc                  | 弹框未指定类型为 Success 时，使用的自定义图片                                                                | ImageSourcePropType            | no           | All      | yes               |
-| cancelImageSrc                   | 弹框未指定类型为 Cancel 时，使用的自定义图片                                                                 | ImageSourcePropType            | no           | All      | yes               |
-| infoColor                        | 弹框未指定类型为 Info 时，使用的自定义颜色                                                                   | ColorValue                     | no           | All      | yes               |
-| warnColor                        | 弹框未指定类型为 Warn 时，使用的自定义颜色                                                                   | ColorValue                     | no           | All      | yes               |
-| errorColor                       | 弹框未指定类型为 Error 时，使用的自定义颜色                                                                  | ColorValue                     | no           | All      | yes               |
-| successColor                     | 弹框未指定类型为 Success 时，使用的自定义颜色                                                                | ColorValue                     | no           | All      | yes               |
-| activeStatusBarBackgroundColor   | 弹框出现时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                     | ColorValue                     | no           | Android  | yes               |
-| inactiveStatusBarBackgroundColor | 弹框消失时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                     | ColorValue                     | no           | Android  | yes               |
-| dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                     | number                         | no           | All      | yes               |
-| titleNumberOfLines               | 弹窗标题的最大行数，                                                                                         | number                         | no           | All      | yes               |
-| messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                               | number                         | no           | All      | yes               |
-| elevation                        | 高度                                                                                                         | number                         | no           | All      | no                |
-| zIndex                           | z 轴的值，类型                                                                                               | number                         | no           | All      | no                |
-| panResponderDismissDistance      | 下滑弹窗消失距离                                                                                             | number                         | no           | All      | yes               |
-| animatedViewStyle                | DropAlert 对象内部的 animatedView 样式                                                                       | ViewStyle                      | no           | All      | no                |
-| alertViewStyle                   | DropAlert 对象内部的 alertViewStyle 样式                                                                     | ViewStyle                      | no           | All      | yes               |
-| safeViewStyle                    | DropAlert 对象内部的 safeView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
-| textViewStyle                    | DropAlert 对象内部的 textView 样式                                                                           | ViewStyle                      | no           | All      | yes               |
-| cancelViewStyle                  | DropAlert 对象内部的 cancelView 样式                                                                         | ViewStyle                      | no           | All      | yes               |
-| titleTextStyle                   | DropAlert 对象内部的 titleText 样式                                                                          | TextStyle                      | no           | All      | yes               |
-| messageTextStyle                 | DropAlert 对象内部的 messageText 文字样式                                                                    | TextStyle                      | no           | All      | yes               |
-| imageStyle                       | DropAlert 对象内部的 image 样式                                                                              | ImageStyle                     | no           | All      | yes               |
-| cancelImageStyle                 | DropAlert 对象内部的 cancelImage 图片样式                                                                    | ImageStyle                     | no           | All      | yes               |
-| onDismissAutomatic               | 弹窗关闭触发的函数，支持的关闭方式为自动关闭                                                                 | function                       | no           | All      | yes               |
-| onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                              | function                       | no           | All      | yes               |
-| onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                 | function                       | no           | All      | yes               |
-| onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                            | function                       | no           | All      | yes               |
-| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。 | function                       | no           | All      | no                |
-| showCancel                       | 是否显示弹窗的 cancel 模块                                                                                   | boolean                        | no           | All      | yes               |
-| onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                     | boolean                        | no           | All      | yes               |
-| panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                            | boolean                        | no           | All      | yes               |
-| translucent                      | 是否半透明                                                                                                   | boolean                        | no           | All      | no                |
-| updateStatusBar                  | 是否更新状态栏                                                                                               | boolean                        | no           | All      | yes               |
-| activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
-| inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                     | StatusBarStyle                 | no           | Android  | yes               |
-| renderImage                      | 函数式返回的图片                                                                                             | render function                | no           | All      | yes               |
-| renderCancel                     | 函数式返回的取消                                                                                             | render function                | no           | All      | yes               |
-| renderTitle                      | 函数式返回的弹窗消息标题                                                                                     | render function                | no           | All      | yes               |
-| renderMessage                    | 函数式返回的弹窗消息正文                                                                                     | render function                | no           | All      | yes               |
-| titleTextProps                   | 消息标题文字样式                                                                                             | TextProps                      | no           | All      | yes               |
-| messageTextProps                 | 消息正文文字样式                                                                                             | TextProps                      | no           | All      | yes               |
-| animatedViewProps                | DropAlert 对象内部的 animatedView 属性                                                                       | ViewProps                      | no           | All      | yes               |
-| alertTouchableOpacityProps       | 弹窗透明度样式设置                                                                                           | TouchableOpacityProps          | no           | All      | yes               |
-| safeViewProps                    | DropAlert 对象内部的 safeView 属性                                                                           | ViewProps                      | no           | All      | yes               |
-| textViewProps                    | DropAlert 对象内部的 text 属性                                                                               | ViewProps                      | no           | All      | yes               |
-| imageProps                       | DropAlert 对象内部的 image 属性                                                                              | ImageProps                     | no           | All      | yes               |
-| cancelTouchableOpacityProps      | DropAlert 对象内部的 cancelTouchableOpacityProps 配置                                                        | TouchableOpacityProps          | no           | All      | yes               |
-| cancelImageProps                 | DropAlert 对象内部的 cancelImageProps 属性                                                                   | ImageProps                     | no           | All      | yes               |
-| alert                            | 弹窗弹出触发事件                                                                                             | function                       | no           | All      | yes               |
-| dismiss                          | 弹窗消失触发事件                                                                                             | function                       | no           | All      | yes               |
-| springAnimationConfig            | 弹簧效果参数                                                                                                 | Animated.SpringAnimationConfig | no           | All      | yes               |
-| children                         | 弹窗子元素                                                                                                   | ReactNode                      | no           | All      | yes               |
-| alertPosition                    | top' 或者 'bottom'                                                                                           | string                         | no           | All      | yes               |
+| Name                             | Description                                                                                                                                                        | Type                           | **Required** | Platform | HarmonyOS Support |
+| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------ | ------------ | -------- | ----------------- |
+| imageSrc                         | 弹框未指定图片资源的时候使用的默认自定义图片                                                                                                                       | ImageSourcePropType            | no           | All      | yes               |
+| infoImageSrc                     | 弹框未指定类型为 Info 时，使用的自定义图片                                                                                                                         | ImageSourcePropType            | no           | All      | yes               |
+| warnImageSrc                     | 弹框未指定类型为 Warn 时，使用的自定义图片                                                                                                                         | ImageSourcePropType            | no           | All      | yes               |
+| errorImageSrc                    | 弹框未指定类型为 Error 时，使用的自定义图片                                                                                                                        | ImageSourcePropType            | no           | All      | yes               |
+| successImageSrc                  | 弹框未指定类型为 Success 时，使用的自定义图片                                                                                                                      | ImageSourcePropType            | no           | All      | yes               |
+| cancelImageSrc                   | 弹框未指定类型为 Cancel 时，使用的自定义图片                                                                                                                       | ImageSourcePropType            | no           | All      | yes               |
+| infoColor                        | 弹框未指定类型为 Info 时，使用的自定义颜色                                                                                                                         | ColorValue                     | no           | All      | yes               |
+| warnColor                        | 弹框未指定类型为 Warn 时，使用的自定义颜色                                                                                                                         | ColorValue                     | no           | All      | yes               |
+| errorColor                       | 弹框未指定类型为 Error 时，使用的自定义颜色                                                                                                                        | ColorValue                     | no           | All      | yes               |
+| successColor                     | 弹框未指定类型为 Success 时，使用的自定义颜色                                                                                                                      | ColorValue                     | no           | All      | yes               |
+| activeStatusBarBackgroundColor   | 弹框出现时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                                                                           | ColorValue                     | no           | Android  | yes               |
+| inactiveStatusBarBackgroundColor | 弹框消失时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                                                                           | ColorValue                     | no           | Android  | yes               |
+| dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                                                                           | number                         | no           | All      | yes               |
+| titleNumberOfLines               | 弹窗标题的最大行数，                                                                                                                                               | number                         | no           | All      | yes               |
+| messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                                                                                     | number                         | no           | All      | yes               |
+| elevation                        | 视图的高度，此属性可以为视图添加一个投影，并且会影响视图层叠的顺序。此属性仅支持 Android5.0 及以上版本。                                                           | number                         | no           | Android  | no                |
+| zIndex                           | z 轴的值                                                                                                                                                           | number                         | no           | All      | no                |
+| panResponderDismissDistance      | 下滑弹窗消失距离                                                                                                                                                   | number                         | no           | All      | yes               |
+| animatedViewStyle                | 此属性可接收一个 ViewStyle 对象，用于设置弹窗内部的 Animated.View 的样式。                                                                                         | ViewStyle                      | no           | All      | no                |
+| alertViewStyle                   | 此属性可接收一个 ViewStyle 对象，用于设置弹窗的样式。                                                                                                              | ViewStyle                      | no           | All      | yes               |
+| safeViewStyle                    | 此属性可接收一个 ViewStyle 对象，用于设置弹窗内部的 safeView 的样式。                                                                                              | ViewStyle                      | no           | All      | yes               |
+| textViewStyle                    | 此属性可接收一个 ViewStyle 对象，用于设置弹窗文字的样式。                                                                                                          | ViewStyle                      | no           | All      | yes               |
+| cancelViewStyle                  | 此属性可接收一个 ViewStyle 对象，用于设置弹窗内部取消按钮的样式。                                                                                                  | ViewStyle                      | no           | All      | yes               |
+| titleTextStyle                   | 此属性可接收一个 TextStyle 对象，用于设置弹窗标题的样式。                                                                                                          | TextStyle                      | no           | All      | yes               |
+| messageTextStyle                 | 此属性可接收一个 TextStyle 对象，用于设置弹窗正文的样式。                                                                                                          | TextStyle                      | no           | All      | yes               |
+| imageStyle                       | 此属性可接收一个 ImageStyle 对象，用于设置弹窗内图片的样式。                                                                                                       | ImageStyle                     | no           | All      | yes               |
+| cancelImageStyle                 | 此属性可接收一个 ImageStyle 对象，用于设置弹窗内取消按钮所用图片的样式。                                                                                           | ImageStyle                     | no           | All      | yes               |
+| onDismissAutomatic               | 弹窗关闭触发的函数，支持的关闭方式为自动关闭                                                                                                                       | function                       | no           | All      | yes               |
+| onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                                                                                    | function                       | no           | All      | yes               |
+| onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                                                                       | function                       | no           | All      | yes               |
+| onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                                                                                  | function                       | no           | All      | yes               |
+| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。                                                       | function                       | no           | All      | no                |
+| showCancel                       | 是否显示弹窗的 cancel 模块                                                                                                                                         | boolean                        | no           | All      | yes               |
+| onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                                                                           | boolean                        | no           | All      | yes               |
+| panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                                                                                  | boolean                        | no           | All      | yes               |
+| translucent                      | 指定状态栏是否透明。设置为 true 时，应用会延伸到状态栏之下绘制（即所谓“沉浸式”——被状态栏遮住一部分）。常和带有半透明背景色的状态栏搭配使用，此属性仅支持 Android。 | boolean                        | no           | Android  | no                |
+| updateStatusBar                  | 是否更新状态栏                                                                                                                                                     | boolean                        | no           | All      | yes               |
+| activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                                                                           | StatusBarStyle                 | no           | Android  | yes               |
+| inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                                                                           | StatusBarStyle                 | no           | Android  | yes               |
+| renderImage                      | 函数式返回的图片                                                                                                                                                   | render function                | no           | All      | yes               |
+| renderCancel                     | 函数式返回的取消                                                                                                                                                   | render function                | no           | All      | yes               |
+| renderTitle                      | 函数式返回的弹窗消息标题                                                                                                                                           | render function                | no           | All      | yes               |
+| renderMessage                    | 函数式返回的弹窗消息正文                                                                                                                                           | render function                | no           | All      | yes               |
+| titleTextProps                   | 消息标题文字样式                                                                                                                                                   | TextProps                      | no           | All      | yes               |
+| messageTextProps                 | 消息正文文字样式                                                                                                                                                   | TextProps                      | no           | All      | yes               |
+| animatedViewProps                | 此属性可接收一个 ViewProps 对象，用于设置弹窗对象内部的 Animated.View 的属性。                                                                                     | ViewProps                      | no           | All      | yes               |
+| alertTouchableOpacityProps       | 弹窗透明度样式设置                                                                                                                                                 | TouchableOpacityProps          | no           | All      | yes               |
+| safeViewProps                    | 此属性可接收一个 ViewProps 对象，用于设置弹窗对象内部的 safeView 的属性。                                                                                          | ViewProps                      | no           | All      | yes               |
+| textViewProps                    | 此属性可接收一个 ViewProps 对象，用于设置弹窗对象内部的文本展示区域的属性。                                                                                        | ViewProps                      | no           | All      | yes               |
+| imageProps                       | 此属性可接收一个 ImageProps 对象，用于设置弹窗对象内部的图片的属性。                                                                                               | ImageProps                     | no           | All      | yes               |
+| cancelTouchableOpacityProps      | 此属性可接收一个 TouchableOpacityProps 对象，用于设置弹窗对象内部的取消按钮的属性。                                                                                | TouchableOpacityProps          | no           | All      | yes               |
+| cancelImageProps                 | 此属性可接收一个 ImageProps 对象，用于设置弹窗对象内部的取消按钮图片的属性。                                                                                       | ImageProps                     | no           | All      | yes               |
+| alert                            | 弹窗弹出触发事件                                                                                                                                                   | function                       | no           | All      | yes               |
+| dismiss                          | 弹窗消失触发事件                                                                                                                                                   | function                       | no           | All      | yes               |
+| springAnimationConfig            | 弹簧效果参数                                                                                                                                                       | Animated.SpringAnimationConfig | no           | All      | yes               |
+| children                         | 弹窗子元素                                                                                                                                                         | ReactNode                      | no           | All      | yes               |
+| alertPosition                    | 设置弹窗弹出的位置，top 从屏幕顶部弹出，或者设置为 bottom 从屏幕底部弹出。默认值为 top。                                                                           | string                         | no           | All      | yes               |
 
 ## 遗留问题
 

From 3b74bbcf10587804364fee7ab9ca086d74b6e110 Mon Sep 17 00:00:00 2001
From: sunshinezjb <zhengjunbo68@163.com>
Date: Fri, 29 Nov 2024 07:32:53 +0000
Subject: [PATCH 896/966] =?UTF-8?q?!1925=20docs:=20[issue:=20#IB7W6E]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-doc-viewer,react-native-textinpu?=
 =?UTF-8?q?t-maxlength-fixed,react-native-config,react-native-idfa-aaid,re?=
 =?UTF-8?q?act-native-custom-keyboard=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-doc-viewer,react-?=
 =?UTF-8?q?native-textinput-maxlength-fixed=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-custom-keyboard.md           | 88 ++++++++++----------
 en/react-native-doc-viewer.md                | 80 +++++++++---------
 en/react-native-idfa-aaid.md                 | 80 +++++++++---------
 en/react-native-textinput-maxlength-fixed.md | 65 +++++++--------
 4 files changed, 156 insertions(+), 157 deletions(-)

diff --git a/en/react-native-custom-keyboard.md b/en/react-native-custom-keyboard.md
index 6fbf6f6c..7abad8c9 100644
--- a/en/react-native-custom-keyboard.md
+++ b/en/react-native-custom-keyboard.md
@@ -1,5 +1,5 @@
 
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-custom-keyboard</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-custom-keyboard)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-custom-keyboard)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 #### **npm**
@@ -34,9 +34,9 @@ npm install @react-native-oh-tpl/react-native-custom-keyboard
 yarn add @react-native-oh-tpl/react-native-custom-keyboard
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React from 'react';  
@@ -150,17 +150,17 @@ const styles = StyleSheet.create({
 });   
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -171,18 +171,18 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Use the HAR file(recommended)；
+2. Directly link to the source code.
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -191,22 +191,22 @@ const styles = StyleSheet.create({
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.配置 CMakeLists 和引入 rnoh_custom_keyboard_package
+### 3.Configuring CMakeLists and Introducing rnoh_custom_keyboard_package Package
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
 project(rnapp)
@@ -244,7 +244,7 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -263,9 +263,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNCustomKeyboardPackage
+### 4.Introducing RNCustomKeyboardPackage Package to ArkTS 
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open `entry/src/main/ets/RNPackagesFactory.ts` and add the following code:
 
 ```diff
   ...
@@ -280,32 +280,32 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 5.Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-custom-keyboard Releases](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)
 
-## 属性
+## Properties (If Any)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                       | Type   | Required | Platform | HarmonyOS Support |
 | ------------------ | --------------------------------- | ------ | -------- | -------- | ----------------- |
@@ -313,9 +313,9 @@ ohpm install
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                 | Description                                                                                                                                                                                   | Type     | Required | Platform | HarmonyOS Support |
 | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
@@ -329,10 +329,10 @@ ohpm install
 | moveRight            | Use in a custom keyboard, move cursor to selection end or move cursor right.                                                                                                                  | function | no       | All      | yes               |
 | switchSystemKeyboard | Use in a custom keyboard. Switch to system keyboard.Next time user press or focus on the TextInput, custom keyboard will appear again. To keep using system keyboard, call uninstall instead. | function | no       | All      | yes               |
 
-## 其他
+## Others
 
-## 遗留问题
+## Known Issues
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://www.mit-license.org) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
\ No newline at end of file
diff --git a/en/react-native-doc-viewer.md b/en/react-native-doc-viewer.md
index 6af159a0..ad2d7f71 100644
--- a/en/react-native-doc-viewer.md
+++ b/en/react-native-doc-viewer.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-doc-viewer</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-doc-viewer)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-doc-viewer)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 
 <!-- tabs:start -->
@@ -37,9 +37,9 @@ yarn add @react-native-oh-tpl/react-native-doc-viewer
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
 import React, { Component } from 'react';
@@ -323,17 +323,17 @@ export default class DocumentViewerExample extends Component {
 }
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -344,18 +344,18 @@ export default class DocumentViewerExample extends Component {
 }
 ```
 
-### 2.引入原生端代码
+### 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Use the HAR file(recommended)；
+2. Directly link to the source code.
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -364,22 +364,22 @@ export default class DocumentViewerExample extends Component {
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.引入 DocViewPackage
+### 3.Introducing DocViewPackage Component to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -393,41 +393,41 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-doc-viewer Releases](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name               | Description                | Type     | Required | Platform | HarmonyOS Support |
 | ------------------ | -------------------------- | -------- | -------- | -------- | ----------------- |
-| openDoc            | 打开一个在线文档           | function | no       | All      | yes               |
-| openDocBinaryinUrl | 打开一个在线文档           | function | no       | All      | yes               |
-| openDocb64         | 将 base64 字符串打开为文档 | function | no       | All      | yes               |
+| openDoc            | open a online document     | function | no       | All      | yes               |
+| openDocBinaryinUrl | open a online document     | function | no       | All      | yes               |
+| openDocb64         | open base64 string as document | function | no       | All      | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/philipphecht/react-native-doc-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/philipphecht/react-native-doc-viewer/blob/master/LICENSE)
\ No newline at end of file
diff --git a/en/react-native-idfa-aaid.md b/en/react-native-idfa-aaid.md
index 5cc7e0c9..fdb86f7b 100644
--- a/en/react-native-idfa-aaid.md
+++ b/en/react-native-idfa-aaid.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-idfa-aaid</code> </h1>
@@ -12,13 +12,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-idfa-aaid)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-idfa-aaid)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library:[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +36,9 @@ yarn add @react-native-oh-tpl/react-native-idfa-aaid
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```
 import React, { useEffect } from 'react';
@@ -168,17 +168,17 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -189,18 +189,18 @@ export default App;
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Use the HAR file(recommended)；
+2. Directly link to the source code.
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -209,23 +209,23 @@ export default App;
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 
-### 3.在 ArkTs 侧引入 GetOaidPackage
+### 3. Introducing GetOaidPackage Package to ArkTS
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
@@ -239,27 +239,27 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
-### 4.运行
+### 4. Running
 
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-然后编译、运行即可。
+Then build and run the code.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-idfa-aaid Releases](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)
 
-### 权限要求
+### Permission Requirements (If Any)
 
 [!TIP] "ohos.permission.APP_TRACKING_CONSENT"，"ohos.permission.APP_TRACKING_CONSENT"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
@@ -309,21 +309,21 @@ ohpm install
 当前版本上，向用户申请此权限时，系统不会有弹框，而是直接将该应用的获取OAID的权限置为禁止。如有需要应用可自行弹框引导用户到设置界面手动开启该权限。为避免后续系统功能变化引发兼容性问题，应用应严格按照user_grant权限的申请流程进行申请。
 [详情参考](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/permissions-for-all-V5#ohospermissionapp_tracking_consent)
 
-## 静态方法
+## Static Methods (If Any)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | getAdvertisingInfo  |Check the permission, apply for the permission, and obtain the OAID.         | Function  | yes | iOS/Android      | yes |
 | getAdvertisingInfoAndCheckAuthorization  | The function is the same as above, and is used to keep the porting uniform.         | Function  | no | iOS/Android      | yes |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/sparkfabrik/sparkfabrik-react-native-idfa-aaid/blob/main/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/sparkfabrik/sparkfabrik-react-native-idfa-aaid/blob/main/LICENSE)
\ No newline at end of file
diff --git a/en/react-native-textinput-maxlength-fixed.md b/en/react-native-textinput-maxlength-fixed.md
index 2c35e491..98a5b792 100644
--- a/en/react-native-textinput-maxlength-fixed.md
+++ b/en/react-native-textinput-maxlength-fixed.md
@@ -11,14 +11,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed)
 
-## 安装与使用
+## Installation and Usage
 
 Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
-
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -36,9 +35,9 @@ yarn add @react-native-oh-tpl/react-native-textinput-maxlength-fixed
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```ts
 import * as React from 'react';
@@ -81,17 +80,17 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## Use Codegen
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
 
 ```json
 {
@@ -102,18 +101,18 @@ const styles = StyleSheet.create({
 }
 ```
 
-### 2.引入原生端代码
+### 2.Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+1. Use the HAR file(recommended)；
+2. Directly link to the source code.
 
-方法一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -121,15 +120,15 @@ const styles = StyleSheet.create({
     "@react-native-oh-tpl/react-native-textinput-maxlength-fixed": "file:../../node_modules/@react-native-oh-tpl/react-native-textinput-maxlength-fixed/harmony/textinput_maxlength_fixed.har"
   }
 ```
-点击右上角的 `sync` 按钮
+Click the `sync` button in the upper right corner.
 
-方法二：直接链接源码
+Method 2: Directly link to the source code.
 
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3.在 ArkTs 侧引入 RNTextinputMaxlengthFixedPackage
+### 3.Introducing RNTextinputMaxlengthFixedPackage Package to ArkTS
 
-打开 `entry/src/main/ets/rn/RNPackagesFactory.ts`，添加：
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 import { RNPackageContext, RNPackage } from '@rnoh/react-native-openharmony';
@@ -145,27 +144,27 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   ];
 }
 ```
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-textinput-maxlength-fixed Releases](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases)
 
 ## API
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | multiply  | Calculate the product of two numbers. | number  | no | All      | 	yes |
 
-## 遗留问题
-## 其他
+## Known Issues
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/blob/main/LICENSE).

From 6296c832fd1cc75ab7347beccc6b9ee2731a0455 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <zhengjinshou@huawei.com>
Date: Fri, 29 Nov 2024 08:09:18 +0000
Subject: [PATCH 897/966] =?UTF-8?q?!1926=20=E4=BF=AE=E6=94=B9=20react-nati?=
 =?UTF-8?q?ve-community/checkbox=20=E6=96=87=E6=A1=A3=EF=BC=8C=E6=8C=89?=
 =?UTF-8?q?=E7=85=A7=200.3.0=20=E6=A8=A1=E6=9D=BF=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20=20docs:=20=20[Issues:=20#IB7WNJ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-community/checkbox=20?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20v0.3.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/model-gitee.md                        |  4 +-
 en/react-native-community-checkbox.md    | 89 ++++++++++++------------
 zh-cn/react-native-community-checkbox.md | 88 +++++++++++------------
 3 files changed, 91 insertions(+), 90 deletions(-)

diff --git a/en/model-gitee.md b/en/model-gitee.md
index ff004fa1..c95021bf 100644
--- a/en/model-gitee.md
+++ b/en/model-gitee.md
@@ -156,7 +156,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4. Introducing xxx Component to ArkTS
+### 2.4. Introducing xxx Component to ArkTS
 
 Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
@@ -225,7 +225,7 @@ Then build and run the code.
 
 Check the release version information in the release address of the third-party library: [\<HarmonyOS npm package name> Releases](https://github.com/<repository address>/releases)
 
-Example: [@react-native-oh-tpl/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases) (Delete)
+Example: [@react-native-ohos/react-native-safe-area-context Releases](https://github.com/react-native-oh-library/react-native-safe-area-context/releases) (Delete)
 
 **未修改原库代码的库使用下述描述**(Delete)
 
diff --git a/en/react-native-community-checkbox.md b/en/react-native-community-checkbox.md
index 48d1c975..70014fd7 100644
--- a/en/react-native-community-checkbox.md
+++ b/en/react-native-community-checkbox.md
@@ -1,39 +1,35 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/checkbox</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-checkbox/react-native-checkbox">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-checkbox/react-native-checkbox/blob/develop/LICENSE">
-        <img src="https://img.shields.io/npm/l/@react-native-community/checkbox.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-checkbox)
+This project is based on [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox).
 
-## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is:`@react-native-ohos/checkbox`, The version correspondence details are as follows:
 
-Go to the project directory and execute the following instruction:
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 0.5.16-0.1.0@deprecated | @react-native-oh-tpl/checkbox | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-checkbox) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-checkbox/releases) |
+| >= 0.5.17                   | @react-native-ohos/checkbox   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-checkbox) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-checkbox/releases) |
 
+## 1. Installation and Usage
 
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/checkbox
+npm install @react-native-ohos/checkbox
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/checkbox
+yarn add @react-native-ohos/checkbox
 ```
 
 <!-- tabs:end -->
@@ -67,27 +63,34 @@ export default function CheckBoxExample() {
 }
 ```
 
-## Link
+## 2. Manual Link
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+This step provides guidance for manually configuring native dependencies.
 
 Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+### 2.1. Overrides RN SDK
+
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2. Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code。
 
 Method 1 (recommended): Use the HAR file.
 
@@ -98,8 +101,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/checkbox": "file:../../node_modules/@react-native-oh-tpl/checkbox/harmony/checkbox.har",
+    "@react-native-ohos/checkbox": "file:../../node_modules/@react-native-ohos/checkbox/harmony/checkbox.har",
   }
 ```
 
@@ -116,7 +118,7 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3. Configuring CMakeLists and Introducing CheckboxPackge
+### 2.3. Configuring CMakeLists and Introducing CheckboxPackge
 
 Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
@@ -131,7 +133,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/checkbox/src/main/cpp" ./checkbox)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/checkbox/src/main/cpp" ./checkbox)
 # RNOH_END: manual_package_linking_1
 
 add_library(rnoh_app SHARED
@@ -165,28 +167,30 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.Introducing RNCCheckBoxPackage Component to ArkTS
-> [!TIP] Required for version `v0.5.16-0.1.0` and above
+### 2.4. Introducing RNCCheckBoxPackage to ArkTS
+
+> [!TIP] Required for version `v0.5.17` and above
 
 Open `entry/src/main/ets/RNPackagesFactory.ts` and add:
 
 ```diff
   ...
-+ import { RNCCheckBoxPackage } from '@react-native-oh-tpl/checkbox/ts';
++ import { RNCCheckBoxPackage } from '@react-native-ohos/checkbox/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
 +   new RNCCheckBoxPackage(ctx)
   ];
 }
+```
 
-### 5.Introducing Checkbox Component to ArkTS
+### 2.5. Introducing RNCCheckbox Component to ArkTS
 
 Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
     ...
-+ import { RNCCheckbox, CHECKBOX_TYPE } from "@react-native-oh-tpl/checkbox"
++ import { RNCCheckbox, CHECKBOX_TYPE } from "@react-native-ohos/checkbox"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
@@ -215,7 +219,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.Running
+### 2.6. Running
 
 Click the `sync` button in the upper right corner.
 
@@ -228,17 +232,13 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
-
-### Compatibility
+## 3. Constraints
 
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+### 3.1. Compatibility
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)
+Check the release version information in the release address of the third-party library: [@react-native-ohos/checkbox Releases](https://gitee.com/openharmony-sig/rntpc_react-native-checkbox/releases)
 
-## Properties
-
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+## 4. Properties
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
@@ -266,7 +266,7 @@ Check the release version information in the release address of the third-party
 | `onAnimationType`   | The type of animation to use when the checkbox gets checked. Default to 'stroke'.                                                                                                             | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
 | `offAnimationType`   | The type of animation to use when the checkbox gets unchecked. 'stroke'.                                                                                                                      | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
 
-## Static Methods
+## 5. Static Methods
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -277,7 +277,7 @@ Check the release version information in the release address of the third-party
 | `onChange`      | Invoked on change with the native event.                                                                                                                                                       | function | No       | Android、iOS   | yes               |
 | `onValueChange` | Invoked with the new boolean value when it changes.                                                                                                                                            | function | No       | Android、iOS   | yes               |
 
-## Known Issues
+## 6. Known Issues
 
 - [x] Set the lineWidth attribute, which is used to control the line width of the check box. It is not implemented in HarmonyOS. [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3)
 - [ ] Set the hideBox attribute, which is used to control the display and hiding of the check box. It is not implemented in HarmonyOS. [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4)
@@ -287,9 +287,8 @@ Check the release version information in the release address of the third-party
 - [ ] Set the onAnimationType attribute, which is used to control the animation type when selected. HarmonyOS is not implemented. [issue#7](https://github.com/react-native-oh-library/react-native-checkbox/issues/7)
 - [ ] Set the offAnimationType attribute. This attribute is used to control the animation type when deselecting. It is not implemented in HarmonyOS. [issue#8](https://github.com/react-native-oh-library/react-native-checkbox/issues/8)
 
-## Others
-
-## License
+## 7. Others
 
+## 8. License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-checkbox/blob/harmony/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-checkbox/blob/master/LICENSE).
diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md
index 24edb7bd..faf10fe8 100644
--- a/zh-cn/react-native-community-checkbox.md
+++ b/zh-cn/react-native-community-checkbox.md
@@ -1,22 +1,20 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/checkbox</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-checkbox/react-native-checkbox">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-checkbox/react-native-checkbox/blob/develop/LICENSE">
-        <img src="https://img.shields.io/npm/l/@react-native-community/checkbox.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-checkbox)
+本项目基于 [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox) 开发。
+
 
-## 安装与使用
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/checkbox`，具体版本所属关系如下：
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 0.5.16-0.1.0@deprecated | @react-native-oh-tpl/checkbox | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-checkbox) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-checkbox/releases) |
+| >= 0.5.17                   | @react-native-ohos/checkbox   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-checkbox) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-checkbox/releases) |
+
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -25,13 +23,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/checkbox
+npm install @react-native-ohos/checkbox
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/checkbox
+yarn add @react-native-ohos/checkbox
 ```
 
 <!-- tabs:end -->
@@ -65,29 +63,34 @@ export default function CheckBoxExample() {
 }
 ```
 
-## Link
+## 2. Manual Link
+
+此步骤为手动配置原生依赖项的指导。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+### 2.1. Overrides RN SDK
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
+
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2. 引入原生端代码
 
 目前有两种方法：
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+- 通过 har 包引入；
+- 直接链接源码。
 
 方法一：通过 har 包引入（推荐）
 
@@ -98,14 +101,13 @@ export default function CheckBoxExample() {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/checkbox": "file:../../node_modules/@react-native-oh-tpl/checkbox/harmony/checkbox.har",
+    "@react-native-ohos/checkbox": "file:../../node_modules/@react-native-ohos/checkbox/harmony/checkbox.har",
   }
 ```
 
 点击右上角的 `sync` 按钮
 
-或者在终端执行：
+或者在命令行终端执行：
 
 ```bash
 cd entry
@@ -116,7 +118,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 CheckboxPackge
+### 2.3. 配置 CMakeLists 和引入 CheckboxPackge
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -131,7 +133,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/checkbox/src/main/cpp" ./checkbox)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/checkbox/src/main/cpp" ./checkbox)
 # RNOH_END: manual_package_linking_1
 
 add_library(rnoh_app SHARED
@@ -165,14 +167,14 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNCCheckBoxPackage
-> [!TIP] 版本v0.5.16-0.0.8及以上需要
+### 2.4. 在 ArkTs 侧引入 RNCCheckBoxPackage
+> [!TIP] 版本 v0.5.17 及以上需要
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
   ...
-+ import { RNCCheckBoxPackage } from '@react-native-oh-tpl/checkbox/ts';
++ import { RNCCheckBoxPackage } from '@react-native-ohos/checkbox/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -181,13 +183,13 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.在 ArkTs 侧引入 Checkbox 组件
+### 2.5. 在 ArkTs 侧引入 RNCCheckbox 组件
 
 找到 `function buildCustomComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
     ...
-+ import { RNCCheckbox, CHECKBOX_TYPE } from "@react-native-oh-tpl/checkbox"
++ import { RNCCheckbox, CHECKBOX_TYPE } from "@react-native-ohos/checkbox"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
@@ -216,7 +218,7 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.运行
+### 2.6. 运行
 
 点击右上角的 `sync` 按钮
 
@@ -229,15 +231,15 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
+## 3. 约束与限制
 
-### 兼容性
+### 3.1. 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/checkbox Releases](https://github.com/react-native-oh-library/react-native-checkbox/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/checkbox Releases](https://gitee.com/openharmony-sig/rntpc_react-native-checkbox/releases)
 
-## 属性
+## 4. 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -265,7 +267,7 @@ ohpm install
 | `animationDuration` | The duration in seconds of the animations. Defaults to 0.5.                                                                                                                                   | number   | No       | iOS     | No              |
 | `onAnimationType`   | The type of animation to use when the checkbox gets checked. Default to 'stroke'.                                                                                                             | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
 | `offAnimationType`   | The type of animation to use when the checkbox gets unchecked. 'stroke'.                                                                                                                      | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade'   | No       | iOS     | No              |
-## 静态方法
+## 5. 静态方法
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -276,7 +278,7 @@ ohpm install
 | `onChange`      | Invoked on change with the native event.                                                                                                                                                       | function | No       | Android、iOS   | yes               |
 | `onValueChange` | Invoked with the new boolean value when it changes.                                                                                                                                            | function | No       | Android、iOS   | yes               |
 
-## 遗留问题
+## 6. 遗留问题
 - [X] 设置lineWidth属性，该属性用来控制复选框的线条宽度，未实现HarmonyOS化: [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3)
 - [ ] 设置hideBox属性，该属性用来控制复选框的显示与隐藏，未实现HarmonyOS化: [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4)
 - [ ] 设置onTintColor属性，该属性用来控制复选框的选中时边框的颜色，未实现HarmonyOS化: [issue#5](https://github.com/react-native-oh-library/react-native-checkbox/issues/5)
@@ -284,8 +286,8 @@ ohpm install
 - [ ] 设置animationDuration属性，该属性用来控制选中和取消选中的动画持续时间，未实现HarmonyOS化: [issue#6](https://github.com/react-native-oh-library/react-native-checkbox/issues/6)
 - [ ] 设置onAnimationType属性，该属性用来控制选中时的动画类型，未实现 HarmonyOS化: [issue#7](https://github.com/react-native-oh-library/react-native-checkbox/issues/7)
 - [ ] 设置offAnimationType属性，该属性用来控制取消选中时的动画类型，未实现 HarmonyOS化: [issue#8](https://github.com/react-native-oh-library/react-native-checkbox/issues/8)
-## 其他
+## 7. 其他
 
-## 开源协议
+## 8. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-checkbox/blob/harmony/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-checkbox/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From bdbb9152f34997049a91d373713021a1103770c4 Mon Sep 17 00:00:00 2001
From: sunshinezjb <zhengjunbo68@163.com>
Date: Fri, 29 Nov 2024 10:01:38 +0000
Subject: [PATCH 898/966] =?UTF-8?q?!1927=20docs:=20[issues:=20#IB7YFI]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-chart-kit,react-native-calendars?=
 =?UTF-8?q?,react-native-bounce-checkbox=E7=AD=89=E8=8B=B1=E6=96=87?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-exit-app=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3=20*=20docs:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-idfa-aaid=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20=E4=BF=AE=E6=94=B9react-native-bounceable=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-chart-ki?=
 =?UTF-8?q?t=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3=20*=20docs:=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-calendars,react-native-chart-kit,react-na?=
 =?UTF-8?q?tive-swi=E2=80=A6=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?doc-viewer,react-native-textinput-maxlength-fixed=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/freakycoder-react-native-bounceable.md | 30 ++++++++--------
 en/react-native-audio-toolkit.md          |  4 +--
 en/react-native-bouncy-checkbox.md        | 35 +++++++++----------
 en/react-native-button.md                 | 35 ++++++++-----------
 en/react-native-calendars.md              | 32 ++++++++---------
 en/react-native-chart-kit.md              | 34 +++++++++---------
 en/react-native-exit-app.md               |  6 ++--
 en/react-native-idfa-aaid.md              |  4 +--
 en/react-native-swipe-gestures.md         | 37 ++++++++++----------
 en/victory-native-xl.md                   | 42 +++++++++++------------
 10 files changed, 126 insertions(+), 133 deletions(-)

diff --git a/en/freakycoder-react-native-bounceable.md b/en/freakycoder-react-native-bounceable.md
index 4094068c..a4480ce2 100644
--- a/en/freakycoder-react-native-bounceable.md
+++ b/en/freakycoder-react-native-bounceable.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 
 
@@ -16,11 +16,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/WrathChaos/react-native-bounceable)
+> [!TIP] [GitHub address](https://github.com/WrathChaos/react-native-bounceable)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 ###  npm
 
@@ -34,7 +34,7 @@ npm i @freakycoder/react-native-bounceable@1.0.3
 yarn add @freakycoder/react-native-bounceable@1.0.3
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 1、引入库文件
 
@@ -103,19 +103,19 @@ const styles = StyleSheet.create({
 
 
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.28; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.500; ROM：5.0.0.31;
 
-## 属性和方法
+## Properties And Static Methods (If Any)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Property          | Description                                                  |   Type   | Required | Platform    | HarmonyOS Support |
 | ----------------- | ------------------------------------------------------------ | :------: | :------: | ----------- | ----------------- |
@@ -128,10 +128,10 @@ const styles = StyleSheet.create({
 | onPress           | set your own logic for the onPress functionality             | function |    no    | iOS/Android | yes               |
 | style             | set the style like any other View container                  |  style   |    no    | iOS/Android | yes               |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://opensource.org/license/MIT) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://opensource.org/license/MIT).
diff --git a/en/react-native-audio-toolkit.md b/en/react-native-audio-toolkit.md
index d563f285..d2e5f7d5 100644
--- a/en/react-native-audio-toolkit.md
+++ b/en/react-native-audio-toolkit.md
@@ -42,9 +42,9 @@ The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
 
-> [!TIP] # demo 使用了三方库[@react-native-oh-tpl/react-native-slider](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-slider.md)
+> [!TIP] # demo used third party library [@react-native-oh-tpl/react-native-slider](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-slider.md)
 
-> [!TIP] # demo 使用了权限三方库[@react-native-oh-tpl/react-native-permissions](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-permissions.md)
+> [!TIP] # demo used third party library permission [@react-native-oh-tpl/react-native-permissions](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-permissions.md)
 
 ```tsx
 import React, { Component } from "react";
diff --git a/en/react-native-bouncy-checkbox.md b/en/react-native-bouncy-checkbox.md
index 688ddac3..3cc70fcf 100644
--- a/en/react-native-bouncy-checkbox.md
+++ b/en/react-native-bouncy-checkbox.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-bouncy-checkbox</code> </h1>
@@ -12,17 +12,17 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/WrathChaos/react-native-bouncy-checkbox)
+> [!TIP] [GitHub address](https://github.com/WrathChaos/react-native-bouncy-checkbox)
 
-## 安装与使用
+## Installation and Usage
 
-> [!TIP] 需要配套的服务和三方依赖
+> [!TIP] This repository depends on the following libraries, please refer to the corresponding documentation:
 
 | Dependencies                         | Version |
 | ------------------------------------ | ------- |
 | @freakycoder/react-native-bounceable | 1.0.3   |
 
-本库依赖[@freakycoder/react-native-bounceable文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/freakycoder-react-native-bounceable.md)
+This repository depends on the following libraries[@freakycoder/react-native-bounceable documentation](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/freakycoder-react-native-bounceable.md)
 
 #### **npm**
 
@@ -36,7 +36,8 @@ npm install --save react-native-bouncy-checkbox@4.0.1
 yarn install --save react-native-bouncy-checkbox@4.0.1
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
+
 ```js
 import React, { useState } from "react";
 import { StyleSheet,View,Image } from 'react-native';
@@ -94,19 +95,19 @@ const styles = StyleSheet.create({
 }); 
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio  5.0.3.404; ROM：5.0.0.31;
 
-## 属性
+## Properties (If Any)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
 | Name                 | Description                                                  | Type      | Required | Platform | HarmonyOS Support |
@@ -136,12 +137,10 @@ const styles = StyleSheet.create({
 | bouncinessIn         | change the bounciness when press in                          | number    | no       | All      | yes               |
 | bouncinessOut        | change the bounciness when press out                         | number    | no       | All      | yes               |
 
-### 
-
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/WrathChaos/react-native-bouncy-checkbox/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/WrathChaos/react-native-bouncy-checkbox/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-button.md b/en/react-native-button.md
index 2eb77586..8a09ab17 100644
--- a/en/react-native-button.md
+++ b/en/react-native-button.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-button</code> </h1>
@@ -13,11 +13,11 @@
 </p>
 
 
-> [!TIP] [Github 地址](https://github.com/ide/react-native-button)
+> [!TIP] [GitHub address](https://github.com/ide/react-native-button)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -35,7 +35,7 @@ yarn add react-native-button@3.1.0 --save
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 /**
@@ -84,21 +84,19 @@ export default class ExampleComponent extends Component {
 };
 ```
 
+## Constraints
 
+## Compatibility
 
-## 约束与限制
-
-## 兼容性
-
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
 
-## 属性
+## Properties (If Any)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                  | Description                                                                                            | Type     | default | Required | Platform | HarmonyOS Support |
 | --------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- | ----------------- |
@@ -114,13 +112,10 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 | `onPress`   | Handler to be called when the user taps the button.   | Function |         | No       | All      | yes              |
 
 
+## Known Issues
 
-## 遗留问题
-
- 无
-
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/ide/react-native-button/blob/main/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/ide/react-native-button/blob/main/LICENSE).
diff --git a/en/react-native-calendars.md b/en/react-native-calendars.md
index ef9f9b3a..4accc66e 100644
--- a/en/react-native-calendars.md
+++ b/en/react-native-calendars.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-calendars</code> </h1>
@@ -12,9 +12,9 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/wix/react-native-calendars)
+> [!TIP] [GitHub address](https://github.com/wix/react-native-calendars)
 
-## 安装与使用
+## Installation and Usage
 
 #### **npm**
 
@@ -28,7 +28,7 @@ npm install --save react-native-calendars@1.1304.1
 yarn install --react-native-calendars@1.1304.1
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useState } from "react";
@@ -90,8 +90,8 @@ const MySvgComponent = () => {
 
 const styles = StyleSheet.create({
   container: {
-    position: "absolute", // 绝对定位
-    bottom: 210, // 底部边界与父容器底部对齐
+    position: "absolute",
+    bottom: 210,
     width: "100%",
     alignItems: "center",
     justifyContent: "center",
@@ -102,19 +102,19 @@ const styles = StyleSheet.create({
 export default MySvgComponent;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.28; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio  5.0.3.535; ROM：5.0.0.31; 
 
-## 属性
+## Properties (If Any)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 ### Agenda 
 
 | Name                     | Description                                                                                                | Type                 | Required | Platform | HarmonyOS Support |
@@ -252,10 +252,10 @@ export default MySvgComponent;
 | hideDayNames                 | Whether to hide the names of the week days | boolean               | no       | All      | yes               |
 
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/wix/react-native-calendars/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/wix/react-native-calendars/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-chart-kit.md b/en/react-native-chart-kit.md
index 4fa8b3a5..2b1cb07e 100644
--- a/en/react-native-chart-kit.md
+++ b/en/react-native-chart-kit.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.1  
+> Template version: v0.2.1  
 
   <p align="center">  
   <h1 align="center"> <code>react-native-chart-kit</code> </h1>  
@@ -19,11 +19,11 @@
 
 > [!TIP] 
 >
-> [Github 地址](https://github.com/indiespirit/react-native-chart-kit)
+> [GitHub address](https://github.com/indiespirit/react-native-chart-kit)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -43,9 +43,9 @@ yarn add react-native-chart-kit@^6.12.0
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 
 ```js
@@ -112,23 +112,23 @@ export default MyChart;
 
 ## Link
 
-本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-svg. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-svg文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg-capi.md#link)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-svg documentation Link chapter](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-svg-capi.md#link) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.300SP1; ROM：3.0.0.18;
 
-## 属性
+## Properties (If Any)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Chart style 
 
@@ -273,8 +273,8 @@ export default MyChart;
 | getMonthLabel      | function | Function which returns the label for each month, taking month index (0 - 11) as argument | No       | ALL      | YES               |
 | onDayPress         | function | Callback invoked when the user clicks a day square on the chart; takes a value-item object | No       | ALL      | YES               |
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)](https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/indiespirit/react-native-chart-kit/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-exit-app.md b/en/react-native-exit-app.md
index 0c03b67b..819ed438 100644
--- a/en/react-native-exit-app.md
+++ b/en/react-native-exit-app.md
@@ -73,7 +73,7 @@ export default App;
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -120,7 +120,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing ExitAppPackage to ArkTS
 
@@ -168,7 +168,7 @@ Check the release version information in the release address of the third-party
 
 | Name    | Description   | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | ------------- | -------- | -------- | ----------- | ----------------- |
-| exitApp | 关闭/退出 APP | Function | no       | iOS/Android | yes               |
+| exitApp | close/exit APP | Function | no       | iOS/Android | yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-idfa-aaid.md b/en/react-native-idfa-aaid.md
index fdb86f7b..b66dc22c 100644
--- a/en/react-native-idfa-aaid.md
+++ b/en/react-native-idfa-aaid.md
@@ -263,7 +263,7 @@ Check the release version information in the release address of the third-party
 
 [!TIP] "ohos.permission.APP_TRACKING_CONSENT"，"ohos.permission.APP_TRACKING_CONSENT"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
 
-#### 在 entry 目录下的module.json5中添加权限
+#### Include applicable permissions in the module.json5 file within the entry directory.
 在 `YourProject/entry/src/main/module.json5`补上配置
 
 ```diff
@@ -291,7 +291,7 @@ Check the release version information in the release address of the third-party
 ```
 在 `YourProject/entry/src/main/resources/base/element/string.json`补上配置
 
-#### 在 entry 目录下添加申请权限的原因
+#### Apply the reasons for applicable permission in the entry directory.
 
 打开 `entry/src/main/resources/base/element/string.json`，添加：
 
diff --git a/en/react-native-swipe-gestures.md b/en/react-native-swipe-gestures.md
index 69557649..147f9ba5 100644
--- a/en/react-native-swipe-gestures.md
+++ b/en/react-native-swipe-gestures.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.1
+> Template version: v0.2.1
 
 <p align="center">
   <h1 align="center"> <code>react-native-swipe-gestures</code> </h1>
@@ -16,11 +16,11 @@
 
 
 
-> [!TIP] [Github 地址](https://github.com/glepur/react-native-swipe-gestures)
+> [!TIP] [GitHub address](https://github.com/glepur/react-native-swipe-gestures)
 
-## 安装与使用
+## Installation and Usage
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -38,9 +38,9 @@ yarn add react-native-swipe-gestures@^1.0.5
 
 <!-- tabs:end -->
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
->[!WARNING] 使用时 import 的库名不变。
+>[!WARNING] The name of the imported repository remains unchanged.
 
 ```tsx
 'use strict';
@@ -125,19 +125,19 @@ class SomeComponent extends Component {
 export default SomeComponent;
 ```
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-本文档内容基于以下版本验证通过：
+This document is verified based on the following versions:
 
 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
 
-## 属性
+## Properties (If Any)
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 Can be passed within optional `config` property.
 
@@ -149,9 +149,9 @@ Can be passed within optional `config` property.
 
 ## Methods
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | name         | Params       | Description                              | Type   | Required | Platform    | HarmonyOS Suppor |
 | ------------ | ------------ | ---------------------------------------- | ------ | -------- | ----------- | ---------------- |
@@ -161,10 +161,9 @@ Can be passed within optional `config` property.
 | onSwipeLeft  | gestureState | Received left gesture from PanResponder  | Object | No       | IOS/Android | yes              |
 | onSwipeRight | gestureState | Received right gesture from PanResponder | Object | No       | IOS/Android | yes              |
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
-
-本项目基于 [The MIT License (MIT)](https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file) ，请自由地享受和参与开源。
\ No newline at end of file
+## License
+This project is licensed under [The MIT License (MIT)](https://github.com/glepur/react-native-swipe-gestures?tab=MIT-1-ov-file).
\ No newline at end of file
diff --git a/en/victory-native-xl.md b/en/victory-native-xl.md
index 74789caf..132cddee 100644
--- a/en/victory-native-xl.md
+++ b/en/victory-native-xl.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>victory-native-xl</code> </h1>
@@ -13,13 +13,13 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/victory-native-xl)
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/victory-native-xl)
 
-## 安装与使用
+## Installation and Usage
 
-Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/en/tgz-usage-en.md)安装tgz包。
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instruction:
 
 #### **npm**
 
@@ -33,9 +33,9 @@ npm install @react-native-oh-tpl/victory-native-xl
 yarn add @react-native-oh-tpl/victory-native-xl
 ```
 
-下面的代码展示了这个库的基本使用场景：
+The following code shows the basic use scenario of the repository:
 
-> [!WARNING] 使用时 import 的库名不变。
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```jsx
 import * as React from "react";
@@ -85,25 +85,25 @@ export default function LineChartExample() {
 
 ## Link
 
-本库鸿蒙侧实现依赖@react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、 @react-native-oh-tpl/react-native-skia的原生端代码，如已在鸿蒙工程中引入过这两个库，则无需再次引入，可跳过本章节步骤，直接使用。
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-gesture-handler、@react-native-oh-tpl/react-native-reanimated、 @react-native-oh-tpl/react-native-skia. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. 
 
-如未引入请参照[@react-native-oh-tpl/react-native-gesture-handler 文档](/zh-cn/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-skia](/zh-cn/react-native-skia.md)进行引入
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-gesture-handler document](/en/react-native-gesture-handler.md)、[@react-native-oh-tpl/react-native-reanimated](/en/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-skia](/en/react-native-skia.md) to add it to your project.
 
-## 约束与限制
+## Constraints
 
-### 兼容性
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/victory-native-xl Releases](https://github.com/react-native-oh-library/victory-native-xl/releases)
 
-## 属性
+## Properties (If Any)
 
-详情见 [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl) Props tables
+See details [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl) Props tables
 
-> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
+> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Cartesian Chart
 
@@ -216,10 +216,10 @@ export default function LineChartExample() {
 | angularStrokeWidth | A number which turns width of the Pie chart slice    | number  | no  | all | yes
 | angularStrokeColor |  A string which turns color of the Pie chart slice    | string  | no  | all | yes
 
-## 遗留问题
+## Known Issues
 
-## 其他
+## Others
 
-## 开源协议
+## License
 
-本项目基于 [The MIT License (MIT)]( https://www.mit-license.org/) ，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)]( https://www.mit-license.org/).

From 74ea915e7da22ed808d099797f89cf916c3fcce6 Mon Sep 17 00:00:00 2001
From: Magic-Neko <xiaoyange1@h-partners.com>
Date: Mon, 2 Dec 2024 09:24:39 +0000
Subject: [PATCH 899/966] =?UTF-8?q?!1929=20docs:=20=E4=BF=AE=E6=94=B9react?=
 =?UTF-8?q?-native-orientation=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20=E4=BF=AE=E6=94=B9react-native-orientat?=
 =?UTF-8?q?ion=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-orientation.md    | 4 ++--
 zh-cn/react-native-orientation.md | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/en/react-native-orientation.md b/en/react-native-orientation.md
index 5c58ef47..19711322 100644
--- a/en/react-native-orientation.md
+++ b/en/react-native-orientation.md
@@ -213,7 +213,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/rnoh-orientation": "file:../../node_modules/@react-native-oh-tpl/react-native-orientation/harmony/rn_orientation.har"
+    "@react-native-oh-tpl/react-native-orientation": "file:../../node_modules/@react-native-oh-tpl/react-native-orientation/harmony/rn_orientation.har"
   }
 ```
 
@@ -243,7 +243,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co
 
 ```diff
   ...
-+ import { RNOrientationPackage } from '@react-native-oh-tpl/rnoh-orientation/ts';
++ import { RNOrientationPackage } from '@react-native-oh-tpl/react-native-orientation/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
diff --git a/zh-cn/react-native-orientation.md b/zh-cn/react-native-orientation.md
index 85812e6b..36909eb4 100644
--- a/zh-cn/react-native-orientation.md
+++ b/zh-cn/react-native-orientation.md
@@ -10,7 +10,6 @@
     <a href="https://github.com/react-native-orientation/blob/sig/LICENSE.md">
         <img src="https://img.shields.io/badge/license-ISC-green.svg" alt="License" />
     </a>
-   
 </p>
 
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-orientation)
@@ -210,7 +209,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/rnoh-orientation": "file:../../node_modules/@react-native-oh-tpl/react-native-orientation/harmony/rn_orientation.har"
+    "@react-native-oh-tpl/react-native-orientation": "file:../../node_modules/@react-native-oh-tpl/react-native-orientation/harmony/rn_orientation.har"
   }
 ```
 
@@ -240,7 +239,7 @@ ohpm install --no-link
 
 ```diff
   ...
-+ import { RNOrientationPackage } from '@react-native-oh-tpl/rnoh-orientation/ts';
++ import { RNOrientationPackage } from '@react-native-oh-tpl/react-native-orientation/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [

From 4c7e877f1f400f217a9c412f97b92a6175961a9a Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Mon, 2 Dec 2024 12:55:36 +0000
Subject: [PATCH 900/966] =?UTF-8?q?!1931=20docs:=20[Issues:=20#IB8ICJ]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9isFulfilled=E5=92=8CisRejected=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E6=8F=8F=E8=BF=B0=E5=8F=8A=E5=88=A0=E9=99=A4combineSl?=
 =?UTF-8?q?ices=E9=87=8D=E5=A4=8D=E5=B1=9E=E6=80=A7=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IB8ICJ]=20=E4=BF=AE=E6=94=B9isFulfilled=E5=92=8CisRejected?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E6=8F=8F=E8=BF=B0=E5=8F=8A=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?combineSlices=E9=87=8D=E5=A4=8D=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/redux-toolkit.md    | 5 ++---
 zh-cn/redux-toolkit.md | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/en/redux-toolkit.md b/en/redux-toolkit.md
index b4f0fccf..2f41e6bf 100644
--- a/en/redux-toolkit.md
+++ b/en/redux-toolkit.md
@@ -201,7 +201,6 @@ This document is verified based on the following versions:
 | getInitialState          | createEntityAdapter属性，默认状态                 | Object   | yes      | All      | yes               |
 | combineSlices            | 结合两个Slice切片                                 | Function | yes      | All      | yes               |
 | createSelector           | 创建select选择器                                  | Function | yes      | All      | yes               |
-| combineSlices            | 结合两个Slice切片                                 | Function | yes      | All      | yes               |
 
 ## 工具方法
 
@@ -211,8 +210,8 @@ This document is verified based on the following versions:
 | isAnyOf             | 判断action是否有一个通过       | Function | yes      | All      | yes               |
 | isAsyncThunkAction  | 判断action是否是异步           | Function | yes      | All      | yes               |
 | isPending           | 判断action是否在执行中         | Function | yes      | All      | yes               |
-| isRejected          | 判断action是否执行完成         | Function | yes      | All      | yes               |
-| isFulfilled         | 判断action是否执行失败         | Function | yes      | All      | yes               |
+| isRejected          | 判断action是否执行失败         | Function | yes      | All      | yes               |
+| isFulfilled         | 判断action是否执行完成         | Function | yes      | All      | yes               |
 | isRejectedWithValue | 判断action是否执行失败并返回值 | Function | yes      | All      | yes               |
 | nanoid              | 生成随机字符串                 | Function | yes      | All      | yes               |
 | miniSerializeError  | 打印错误信息                   | Function | yes      | All      | yes               |
diff --git a/zh-cn/redux-toolkit.md b/zh-cn/redux-toolkit.md
index 16c7bf4d..f80a0bf8 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/redux-toolkit.md
@@ -203,7 +203,6 @@ export function Counter() {
 | getInitialState          | createEntityAdapter属性，默认状态                 | Object   | yes      | All      | yes               |
 | combineSlices            | 结合两个Slice切片                                 | Function | yes      | All      | yes               |
 | createSelector           | 创建select选择器                                  | Function | yes      | All      | yes               |
-| combineSlices            | 结合两个Slice切片                                 | Function | yes      | All      | yes               |
 
 ## 工具方法
 
@@ -213,8 +212,8 @@ export function Counter() {
 | isAnyOf             | 判断action是否有一个通过       | Function | yes      | All      | yes               |
 | isAsyncThunkAction  | 判断action是否是异步           | Function | yes      | All      | yes               |
 | isPending           | 判断action是否在执行中         | Function | yes      | All      | yes               |
-| isRejected          | 判断action是否执行完成         | Function | yes      | All      | yes               |
-| isFulfilled         | 判断action是否执行失败         | Function | yes      | All      | yes               |
+| isRejected          | 判断action是否执行失败         | Function | yes      | All      | yes               |
+| isFulfilled         | 判断action是否执行完成         | Function | yes      | All      | yes               |
 | isRejectedWithValue | 判断action是否执行失败并返回值 | Function | yes      | All      | yes               |
 | nanoid              | 生成随机字符串                 | Function | yes      | All      | yes               |
 | miniSerializeError  | 打印错误信息                   | Function | yes      | All      | yes               |

From 93232aea2024d30cd7947ea496b732ed26d79afa Mon Sep 17 00:00:00 2001
From: leehom <9290617+leehom6666@user.noreply.gitee.com>
Date: Tue, 3 Dec 2024 03:13:26 +0000
Subject: [PATCH 901/966] =?UTF-8?q?!1933=20=E4=BF=AE=E6=94=B9lottie-react-?=
 =?UTF-8?q?native=E5=BA=93=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=EF=BC=8C?=
 =?UTF-8?q?=E5=9C=A8RNPackagesFactory.ts=E6=96=87=E4=BB=B6=E4=B8=AD?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0LottieAnimationViewPackage=20*=20docs:=20?=
 =?UTF-8?q?=E5=9C=A8RNPackagesFactory.ts=E6=96=87=E4=BB=B6=E4=B8=AD?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0LottieAnimationViewPackage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/lottie-react-native.md    | 14 ++++++++++++++
 zh-cn/lottie-react-native.md | 14 ++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/en/lottie-react-native.md b/en/lottie-react-native.md
index ff37d505..36816007 100644
--- a/en/lottie-react-native.md
+++ b/en/lottie-react-native.md
@@ -168,6 +168,20 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
+Open `entry/src/main/ets/RNPackagesFactory.ts` and add:
+> [!TIP] Required for version `6.4.1-0.1.13` and above
+
+```diff
+  ...
++ import {LottieAnimationViewPackage} from '@react-native-oh-tpl/lottie-react-native/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   new LottieAnimationViewPackage(ctx)
+  ];
+}
+```
+
 ### 4.Introducing Lottie Component to ArkTS
 
 Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
diff --git a/zh-cn/lottie-react-native.md b/zh-cn/lottie-react-native.md
index c0dde575..766a4add 100644
--- a/zh-cn/lottie-react-native.md
+++ b/zh-cn/lottie-react-native.md
@@ -169,6 +169,20 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+> [!TIP] 版本 6.4.1-0.1.13 及以上需要
+
+```diff
+  ...
++ import {LottieAnimationViewPackage} from '@react-native-oh-tpl/lottie-react-native/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++    new LottieAnimationViewPackage(ctx)
+  ];
+}
+```
+
 ### 4.在 ArkTs 侧引入 Lottie 组件
 
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：

From d4d810bf01b2cda5339949f0c92655aecb9241b0 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Tue, 3 Dec 2024 03:28:21 +0000
Subject: [PATCH 902/966] =?UTF-8?q?!1932=20docs:=20[Issues:=20#IB8ME3]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-root-toast=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E7=A4=BA=E4=BE=8B=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=20*=20docs:=20[Issues:=20#IB8ME3]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-root-toast=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E4=B8=AD=E7=9A=84=E7=A4=BA=E4=BE=8B=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-root-toast.md    | 16 +++-------------
 zh-cn/react-native-root-toast.md | 16 +++-------------
 2 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/en/react-native-root-toast.md b/en/react-native-root-toast.md
index 21d759eb..fe91eb5d 100644
--- a/en/react-native-root-toast.md
+++ b/en/react-native-root-toast.md
@@ -39,17 +39,7 @@ The following code shows the basic use scenario of the repository:
 
 ```js
 import React, { useState } from "react";
-import {
-  ScrollView,
-  StyleSheet,
-  View,
-  Text,
-  TouchableHighlight,
-  TextInput,
-  Switch,
-  Button,
-  Alert,
-} from "react-native";
+import { View, Button } from "react-native";
 import Toast from "react-native-root-toast";
 
 export function ReactNativeRootToastExample() {
@@ -73,10 +63,10 @@ export function ReactNativeRootToastExample() {
     Toast.hide(PToast);
   }
   return (
-    <RootSiblingParent>
+    <View>
       <Button title="Open a pop-up window" onPress={startPToast} />
       <Button title="Close this pop-up window" onPress={hidePToast} />
-    </RootSiblingParent>
+    </View>
   );
 }
 ```
diff --git a/zh-cn/react-native-root-toast.md b/zh-cn/react-native-root-toast.md
index 69e2c9fe..25f07f3c 100644
--- a/zh-cn/react-native-root-toast.md
+++ b/zh-cn/react-native-root-toast.md
@@ -39,17 +39,7 @@ yarn add react-native-root-toast@3.5.1
 
 ```js
 import React, { useState } from "react";
-import {
-  ScrollView,
-  StyleSheet,
-  View,
-  Text,
-  TouchableHighlight,
-  TextInput,
-  Switch,
-  Button,
-  Alert,
-} from "react-native";
+import { View,Button } from "react-native";
 import Toast from "react-native-root-toast";
 
 export function ReactNativeRootToastExample() {
@@ -73,10 +63,10 @@ export function ReactNativeRootToastExample() {
     Toast.hide(PToast);
   }
   return (
-    <RootSiblingParent>
+    <View>
       <Button title="开一个弹窗" onPress={startPToast} />
       <Button title="关掉这个弹窗" onPress={hidePToast} />
-    </RootSiblingParent>
+    </View>
   );
 }
 ```

From f6d5d28a58dc6c3c61dbe679c377000a92ed7388 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Tue, 3 Dec 2024 08:43:23 +0000
Subject: [PATCH 903/966] =?UTF-8?q?!1935=20docs:=20[Issues:=20#IB8RBG]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-root-toast=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E7=A4=BA=E4=BE=8B=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=20*=20docs:=20[Issues:=20#IB8RBG]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-root-toast=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E4=B8=AD=E7=9A=84=E7=A4=BA=E4=BE=8B=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-root-toast.md    | 6 ++++--
 zh-cn/react-native-root-toast.md | 7 +++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/en/react-native-root-toast.md b/en/react-native-root-toast.md
index fe91eb5d..0a35247b 100644
--- a/en/react-native-root-toast.md
+++ b/en/react-native-root-toast.md
@@ -36,11 +36,13 @@ yarn add react-native-root-toast@3.5.1
 <!-- tabs:end -->
 
 The following code shows the basic use scenario of the repository:
+> [!TIP] In react native >= 0.62, the new LogBox component would impact this component's initialization. To make it work we have to explicitly insert a mount point in your app, this mount point implementation is recommended [`react-native-root-siblings`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-root-siblings.md), like this:
 
 ```js
 import React, { useState } from "react";
 import { View, Button } from "react-native";
 import Toast from "react-native-root-toast";
+import { RootSiblingParent } from 'react-native-root-siblings';
 
 export function ReactNativeRootToastExample() {
   let PToast: any = null;
@@ -63,10 +65,10 @@ export function ReactNativeRootToastExample() {
     Toast.hide(PToast);
   }
   return (
-    <View>
+    <RootSiblingParent>
       <Button title="Open a pop-up window" onPress={startPToast} />
       <Button title="Close this pop-up window" onPress={hidePToast} />
-    </View>
+    </RootSiblingParent>
   );
 }
 ```
diff --git a/zh-cn/react-native-root-toast.md b/zh-cn/react-native-root-toast.md
index 25f07f3c..fde25896 100644
--- a/zh-cn/react-native-root-toast.md
+++ b/zh-cn/react-native-root-toast.md
@@ -37,10 +37,13 @@ yarn add react-native-root-toast@3.5.1
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!TIP] 在react native >= 0.62中，新的LogBox组件会影响Toast组件的初始化。要使其工作，我们必须在应用程序中显式插入一个挂载点，挂载点推荐使用 [`react-native-root-siblings`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-root-siblings.md) 如下所示：
+
 ```js
 import React, { useState } from "react";
 import { View,Button } from "react-native";
 import Toast from "react-native-root-toast";
+import { RootSiblingParent } from 'react-native-root-siblings';
 
 export function ReactNativeRootToastExample() {
   let PToast: any = null;
@@ -63,10 +66,10 @@ export function ReactNativeRootToastExample() {
     Toast.hide(PToast);
   }
   return (
-    <View>
+    <RootSiblingParent> // <- use RootSiblingParent to wrap your root component
       <Button title="开一个弹窗" onPress={startPToast} />
       <Button title="关掉这个弹窗" onPress={hidePToast} />
-    </View>
+    </RootSiblingParent>
   );
 }
 ```

From 1749010576d93fa1d4242b45881d8fd4d6433f24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=8E=A5?= <294314895@qq.com>
Date: Tue, 3 Dec 2024 08:54:34 +0000
Subject: [PATCH 904/966] =?UTF-8?q?!1934=20docs:=20[Issues:=20#IB8QJL]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-background-timer=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB8QJL]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-background-timer=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-background-timer.md    | 148 ++++++++++++++-----------
 zh-cn/react-native-background-timer.md | 127 ++++++++++++---------
 2 files changed, 159 insertions(+), 116 deletions(-)

diff --git a/en/react-native-background-timer.md b/en/react-native-background-timer.md
index 357d4180..f60b2495 100644
--- a/en/react-native-background-timer.md
+++ b/en/react-native-background-timer.md
@@ -1,40 +1,34 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-background-timer</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/ocetnik/react-native-background-timer">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-background-timer)
+This project is based on [react-native-background-timer@2.4.1](https://github.com/ocetnik/react-native-background-timer)。
 
-## Installation and Usage
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-linear-gradient`, The version correspondence details are as follows:
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
-
-Go to the project directory and execute the following instruction:
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 2.4.1-0.0.2@deprecated | @react-native-oh-tpl/react-native-background-timer | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-background-timer) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-background-timer/releases) |
+| > 2.4.2                   | @react-native-ohos/react-native-background-timer   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/releases) |
 
+## 1. Installation and Usage
 
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-background-timer
+npm install @react-native-ohos/react-native-background-timer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-background-timer
+yarn add @react-native-ohos/react-native-background-timer
 ```
 
 <!-- tabs:end -->
@@ -50,34 +44,37 @@ import BackgroundTimer from "react-native-background-timer";
 export function BackgroundTimerExample() {
   let [count, setCount] = useState(0);
   let [text, setText] = useState("");
+  // BackgroundTimer延时
   let [delay, setDelay] = useState("1000");
+  // setTimeout延时
   let [timeoutDelay, setTimeoutDelay] = useState("1000");
+  // setInterval延时
   let [intervalDelay, setIntervalDelay] = useState("1000");
   let timeoutList:number[] = []
   let [intervalList, setIntervalList] = useState<number[]>([]);
-
+ 
   // runBackgroundTimer
   function onPressStart(){
-    setText("Turn on the timer...")
+    setText("开启定时器...")
     BackgroundTimer.runBackgroundTimer(()=>{
       setCount(count+=1)
     },parseInt(delay))
   }
   function onPressStop(){
-    setText("Turn off the timer")
+    setText("结束定时器")
     BackgroundTimer.stopBackgroundTimer()
   }
 
   // setTimeout
   function setTimeoutStart(){
-    setText("Turn on the timer...")
+    setText("开启定时器...")
     let timeoutId = BackgroundTimer.setTimeout(()=>{
       setCount(count+=1)
     },parseInt(timeoutDelay))
     timeoutList.push(timeoutId)
   }
   function setTimeoutStop(){
-    setText("Turn off the timer")
+    setText("结束定时器")
     if(timeoutList.length>0){
       BackgroundTimer.clearTimeout(timeoutList[0])
       timeoutList.shift()
@@ -86,14 +83,14 @@ export function BackgroundTimerExample() {
 
   // setInterval
   function setIntervalStart(){
-    setText("Turn on the timer...")
+    setText("开启定时器...")
     let intervalId = BackgroundTimer.setInterval(()=>{
       setCount(count+=1)
     },parseInt(intervalDelay))
     setIntervalList([...intervalList,intervalId])
   }
   function setIntervalStop(){
-    setText("Turn off the timer")
+    setText("结束定时器")
     if(intervalList.length>0){
       BackgroundTimer.clearInterval(intervalList[0])
       intervalList.shift()
@@ -113,7 +110,7 @@ export function BackgroundTimerExample() {
           />
           <TextInput
             style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
-            placeholder="BackgroundTimer delay"
+            placeholder="BackgroundTimer延时"
             onChangeText={(value)=>{setDelay(value)}}
             value={delay}
           />
@@ -125,7 +122,7 @@ export function BackgroundTimerExample() {
           />
         </View>
       </View>
-
+      
       <View style={styles.container}>
         <View style={styles.viewStyle}>
           <Button
@@ -134,7 +131,7 @@ export function BackgroundTimerExample() {
           />
           <TextInput
             style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
-            placeholder="setTimeout delay"
+            placeholder="setTimeout延时"
             onChangeText={(value)=>{setTimeoutDelay(value)}}
             value={timeoutDelay}
           />
@@ -146,7 +143,7 @@ export function BackgroundTimerExample() {
           />
         </View>
       </View>
-
+      
       <View style={styles.container}>
         <View style={styles.viewStyle}>
           <Button
@@ -167,7 +164,7 @@ export function BackgroundTimerExample() {
           />
         </View>
       </View>
-
+      
       <View style={[styles.viewStyle,styles.resetStyle]}>
         <Button
           onPress={resetNumber}
@@ -203,27 +200,35 @@ const styles = StyleSheet.create({
 
 ```
 
-## Link
+## 2. Manual Link
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+This step provides guidance for manually configuring native dependencies.
 
 Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+### 2.1 Overrides RN SDK
+
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2.Introducing Native Code
+### 2.2 Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code。
+
 Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
@@ -232,8 +237,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-background-timer": "file:../../node_modules/@react-native-oh-tpl/react-native-background-timer/harmony/background_timer.har"
+    "@react-native-ohos/react-native-background-timer": "file:../../node_modules/@react-native-ohos/react-native-background-timer/harmony/background_timer.har"
   }
 ```
 
@@ -250,39 +254,57 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-Open `entry/oh-package.json5` file and add the following dependencies:
+### 2.3 Configuring CMakeLists and Introducing BackgroundTimerPackage
 
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-background-timer": "file:../../node_modules/@react-native-oh-tpl/react-native-background-timer/harmony/background_timer"
-  }
+> [!TIP] Version v2.4.2 and above requires.
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-background-timer/src/main/cpp" ./background_timer)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_background_timer)
+# RNOH_END: manual_package_linking_2
 ```
 
-Opening the terminal and executing:
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
-```bash
-cd entry
-ohpm install --no-link
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "BackgroundTimerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
++       std::make_shared<BackgroundTimerPackage>(ctx),
+    };
+}
 ```
 
-### 3. Introducing BackgroundTimerTurboModulePackage to ArkTS
+### 2.4. Introducing BackgroundTimerPackage to ArkTS
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
-+ import { BackgroundTimerTurboModulePackage } from '@react-native-oh-tpl/react-native-background-timer/ts';
++ import { BackgroundTimerTurboModulePackage } from '@react-native-ohos/react-native-background-timer/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
-    new SamplePackage(ctx),
 +   new BackgroundTimerTurboModulePackage(ctx)
-    ];
+  ];
 }
 ```
 
-### 4. Running
+### 2.5 Running
 
 Click the `sync` button in the upper right corner.
 
@@ -295,19 +317,19 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
+## 3. Constraints
 
-### Compatibility
+### 3.1 Compatibility
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases)
+Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-background-timer Releases](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/releases)
 
 This document is verified based on the following versions:
 
-RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.19;
+RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
 
-## API
+## 4. APIs 
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -324,12 +346,14 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.
 | setInterval         | 开启定时器，以固定的时间间隔重复执行指定代码       | no       | Android  | yes               |
 | clearInterval       | 结束 setInterval 开启的定时器                      | no       | Android  | yes               |
 
-## Known Issues
+## 5. Known Issues
+
+- [ ] 使用 worker 开的新线程中不支持 RNOHContext 序列化传参，底层 OS 暂不支持，导致无法在新线程中发送事件，需要底层 OS 框架实现相关业务功能。不开线程的情况下，因 setTimeout 属于异步方法，定时器效果不受影响。[worker 线程 Known Issues:start 和 stop 接口， HarmonyOS RN 框架暂不支持](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/issues/IB8QGJ)
+
+## 6. Others
 
-- [ ] 使用 worker 开的新线程中不支持 RNOHContext 序列化传参，底层 OS 暂不支持，导致无法在新线程中发送事件，需要底层 OS 框架实现相关业务功能。不开线程的情况下，因 setTimeout 属于异步方法，定时器效果不受影响。[worker 线程 Known Issues:start 和 stop 接口， HarmonyOS RN 框架暂不支持](https://github.com/react-native-oh-library/react-native-background-timer/issues/3)
 
-## Others
+## 7. License
 
-## License
+This project is licensed under (https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/blob/master/LICENSE).
 
-This project is licensed under [The MIT License (MIT)](https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE).
diff --git a/zh-cn/react-native-background-timer.md b/zh-cn/react-native-background-timer.md
index eb3321fc..54c4423d 100644
--- a/zh-cn/react-native-background-timer.md
+++ b/zh-cn/react-native-background-timer.md
@@ -1,24 +1,19 @@
-> 模板版本：v0.2.1
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-background-timer</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/ocetnik/react-native-background-timer">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-background-timer)
+本项目基于 [react-native-background-timer@2.4.1](https://github.com/ocetnik/react-native-background-timer) 开发。
 
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-background-timer`，具体版本所属关系如下：
 
-## 安装与使用
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 2.4.1-0.0.2@deprecated | @react-native-oh-tpl/react-native-background-timer | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-background-timer) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-background-timer/releases) |
+| > 2.4.2                   | @react-native-ohos/react-native-background-timer   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/releases) |
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -27,13 +22,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-background-timer
+npm install @react-native-ohos/react-native-background-timer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-background-timer
+yarn add @react-native-ohos/react-native-background-timer
 ```
 
 <!-- tabs:end -->
@@ -205,29 +200,34 @@ const styles = StyleSheet.create({
 
 ```
 
-## Link
+## 2. Manual Link
+
+此步骤为手动配置原生依赖项的指导。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+### 2.1 Overrides RN SDK
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
+
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2 引入原生端代码
 
 目前有两种方法：
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+- 通过 har 包引入；
+- 直接链接源码。
 
 方法一：通过 har 包引入（推荐）
 
@@ -237,14 +237,13 @@ const styles = StyleSheet.create({
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-background-timer": "file:../../node_modules/@react-native-oh-tpl/react-native-background-timer/harmony/background_timer.har"
+    "@react-native-ohos/react-native-background-timer": "file:../../node_modules/@react-native-ohos/react-native-background-timer/harmony/background_timer.har"
   }
 ```
 
 点击右上角的 `sync` 按钮
 
-或者在终端执行：
+或者在命令行终端执行：
 
 ```bash
 cd entry
@@ -253,45 +252,63 @@ ohpm install
 
 方法二：直接链接源码
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-打开 `entry/oh-package.json5`，添加以下依赖
+### 2.3 配置 CMakeLists 和引入 BackgroundTimerPackage
 
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-background-timer": "file:../../node_modules/@react-native-oh-tpl/react-native-background-timer/harmony/background_timer"
-  }
+> [!TIP] 版本 v2.4.2 及以上需要.
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-background-timer/src/main/cpp" ./background_timer)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_background_timer)
+# RNOH_END: manual_package_linking_2
 ```
 
-打开终端，执行：
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
-```bash
-cd entry
-ohpm install --no-link
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "BackgroundTimerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
++       std::make_shared<BackgroundTimerPackage>(ctx),
+    };
+}
 ```
 
-### 3.在 ArkTs 侧引入 BackgroundTimerTurboModulePackage
+### 2.4 在 ArkTs 侧引入 BackgroundTimerPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
   ...
-+ import { BackgroundTimerTurboModulePackage } from '@react-native-oh-tpl/react-native-background-timer/ts';
++ import { BackgroundTimerTurboModulePackage } from '@react-native-ohos/react-native-background-timer/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
-    new SamplePackage(ctx), 
 +   new BackgroundTimerTurboModulePackage(ctx)
-    ];
+  ];
 }
 ```
 
-### 4.运行
+### 2.5 运行
 
 点击右上角的 `sync` 按钮
 
-或者在终端执行：
+或者在命令行终端执行：
 
 ```bash
 cd entry
@@ -300,23 +317,23 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
+## 3. 约束与限制
 
-### 兼容性
+### 3.1 兼容性
 
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-background-timer Releases](https://github.com/react-native-oh-library/react-native-background-timer/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-background-timer Releases](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/releases)
 
 
 本文档内容基于以下版本验证通过：
 
 
-RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.19;
+RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
 
 
-## API
+## 4. API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -333,12 +350,14 @@ RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.
 | setInterval  | 开启定时器，以固定的时间间隔重复执行指定代码         | no | Android      | yes |
 | clearInterval  | 结束setInterval开启的定时器           | no | Android      | yes |
 
-## 遗留问题
+## 5. 遗留问题
+
+- [ ] 使用worker开的新线程中不支持RNOHContext序列化传参，底层OS暂不支持，导致无法在新线程中发送事件，需要底层OS框架实现相关业务功能。不开线程的情况下，因setTimeout属于异步方法，定时器效果不受影响。[worker线程遗留问题:start和stop接口， HarmonyOS RN框架暂不支持](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/issues/IB8QGJ)
+
+## 6. 其他
 
-- [ ] 使用worker开的新线程中不支持RNOHContext序列化传参，底层OS暂不支持，导致无法在新线程中发送事件，需要底层OS框架实现相关业务功能。不开线程的情况下，因setTimeout属于异步方法，定时器效果不受影响。[worker线程遗留问题:start和stop接口， HarmonyOS RN框架暂不支持](https://github.com/react-native-oh-library/react-native-background-timer/issues/3)
 
-## 其他
+## 7. 开源协议
 
-## 开源协议
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-本项目基于 [The MIT License (MIT)](https://github.com/ocetnik/react-native-background-timer/blob/master/LICENSE) ，请自由地享受和参与开源。

From 09822d748c9bcd89ba365433dd50e23aed441c22 Mon Sep 17 00:00:00 2001
From: tyBrave <tianyong21@h-partners.com>
Date: Wed, 4 Dec 2024 01:54:00 +0000
Subject: [PATCH 905/966] =?UTF-8?q?!1930=20docs:=20[Issues:=20#IB8CVP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-reanimated=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB8CVP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-reanimated=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB8CVP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-reanimated=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-reanimated.md    | 2 ++
 zh-cn/react-native-reanimated.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/en/react-native-reanimated.md b/en/react-native-reanimated.md
index 4a1aa802..c3fecd8d 100644
--- a/en/react-native-reanimated.md
+++ b/en/react-native-reanimated.md
@@ -27,12 +27,14 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
+npm install react-native-reanimated@3.6.0
 npm install @react-native-oh-tpl/react-native-reanimated
 ```
 
 #### **yarn**
 
 ```bash
+yarn add react-native-reanimated@3.6.0
 yarn add @react-native-oh-tpl/react-native-reanimated
 ```
 
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index ea63c220..8386fe6e 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -25,12 +25,14 @@
 #### **npm**
 
 ```bash
+npm install react-native-reanimated@3.6.0
 npm install @react-native-oh-tpl/react-native-reanimated
 ```
 
 #### **yarn**
 
 ```bash
+yarn add react-native-reanimated@3.6.0
 yarn add @react-native-oh-tpl/react-native-reanimated
 ```
 

From 145936a4127f5c478d40a9b2466f307cad0e53eb Mon Sep 17 00:00:00 2001
From: Inkmu <5247432+immortal_sun@user.noreply.gitee.com>
Date: Wed, 4 Dec 2024 03:38:53 +0000
Subject: [PATCH 906/966] =?UTF-8?q?!1937=20docs:=20[Issues:=20#IB8W49]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-navigation-native-stack=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3Link=E5=BC=95=E7=94=A8=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB8W49]=20=E4=BF=AE=E6=94=B9react-navigation-nat?=
 =?UTF-8?q?ive-stack=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3Link=E5=BC=95?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-navigation-native-stack.md    | 2 +-
 zh-cn/react-navigation-native-stack.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-navigation-native-stack.md b/en/react-navigation-native-stack.md
index e347a010..ed8c241e 100644
--- a/en/react-navigation-native-stack.md
+++ b/en/react-navigation-native-stack.md
@@ -126,7 +126,7 @@ export default function App() {
 本库依赖以下三方库，请查看对应文档：
 + [react-native-screens](/zh-cn/react-native-screens.md)
 + [@react-navigation/native](/zh-cn/react-navigation-native.md)
-+ [@react-native-oh-library/elements](/zh-cn/react-native-elements.md)
++ [@react-navigation/elements](/zh-cn/react-navigation-elements.md)
 + [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
diff --git a/zh-cn/react-navigation-native-stack.md b/zh-cn/react-navigation-native-stack.md
index 20ac1adb..c9fdb73e 100644
--- a/zh-cn/react-navigation-native-stack.md
+++ b/zh-cn/react-navigation-native-stack.md
@@ -124,7 +124,7 @@ export default function App() {
 本库依赖以下三方库，请查看对应文档：
 + [react-native-screens](/zh-cn/react-native-screens.md)
 + [@react-navigation/native](/zh-cn/react-navigation-native.md)
-+ [@react-native-oh-library/elements](/zh-cn/react-native-elements.md)
++ [@react-navigation/elements](/zh-cn/react-navigation-elements.md)
 + [@react-native-oh-library/react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md)
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-library/react-native-safe-area-context 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。

From 8b722214b31062f3bdb026561999d3f106ad5514 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=8E=A5?= <294314895@qq.com>
Date: Wed, 4 Dec 2024 06:27:00 +0000
Subject: [PATCH 907/966] =?UTF-8?q?!1936=20docs:=20[Issues:=20#IB8RVK]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-marquee=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB8RVK]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-marquee=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-marquee.md    | 65 ++++++++++++++++-------------------
 zh-cn/react-native-marquee.md | 60 +++++++++++++++-----------------
 2 files changed, 57 insertions(+), 68 deletions(-)

diff --git a/en/react-native-marquee.md b/en/react-native-marquee.md
index 50fa71f3..f3377b1c 100644
--- a/en/react-native-marquee.md
+++ b/en/react-native-marquee.md
@@ -1,39 +1,35 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-marquee</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/kyo504/react-native-marquee/blob/master">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/kyo504/react-native-marquee/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
+This project is based on [react-native-marquee@0.5.0](https://github.com/kyo504/react-native-marquee)。
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-marquee)
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-marquee`, The version correspondence details are as follows:
 
-## Installation and Usage
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 0.5.0-0.0.1@deprecated | @react-native-oh-tpl/react-native-marquee | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-marquee) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-marquee/releases) |
+| > 0.5.1                  | @react-native-ohos/react-native-marquee   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-marquee) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-marquee/releases) |
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
-
-Go to the project directory and execute the following instruction:
 
+## 1. Installation and Usage
 
+Go to the project directory and execute the following instruction:
 
+<!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-marquee
+npm install @react-native-ohos/react-native-marquee
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-marquee
+yarn add @react-native-ohos/react-native-marquee
 ```
 
 <!-- tabs:end -->
@@ -74,35 +70,34 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Constraints
-
-### Compatibility
+## 2. Constraints
 
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+### 2.1 Compatibility
 
-Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)
+Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-marquee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-marquee/releases)
 
-## Properties
+## 3. Properties
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-MarqueText组件基本上继承了[TextProps](https://reactnative.dev/docs/text)，以下是附加组件：
+MarqueeText component basically inherits [TextProps](https://reactnative.dev/docs/text) and the followings are additional ones:
+
+| Name              | Description                                                               | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| marqueeOnStart    | A flag whether to start marquee animation right after render              | boolean  | no     | All      | yes               |
+| speed             | Speed calculated as pixels/second                                         | number   | no      | All      | yes               |
+| loop              | 	A flag whether to loop marquee animation or not                         | boolean  | no     | All      | yes               |
+| delay             | Duration to delay the animation after render, in milliseconds             | number   | no      | All      | yes               |
+| onMarqueeComplete | A callback for when the marquee finishes animation and stops              | function | no      | All      | yes               |
+| consecutive       | A flag to enable consecutive mode that imitates the default behavior of HTML marquee element. Does not take effect if loop is false | boolean  | no      | All      | yes               |
 
-| Name              | Type     | Optional | Default | Description                                                  | Platform | HarmonyOS Support |
-| ----------------- | -------- | -------- | ------- | ------------------------------------------------------------ | -------- | ----------------- |
-| marqueeOnStart    | boolean  | true     | true    | 是否在渲染后立即启动字幕动画的标志                           | All      | yes               |
-| speed             | number   | true     | 1       | 以像素/秒计算的速度                                          | All      | yes               |
-| loop              | boolean  | true     | true    | 是否循环字幕动画的标志                                       | All      | yes               |
-| delay             | number   | true     | 0       | 渲染后延迟动画的持续时间，以毫秒为单位                       | All      | yes               |
-| onMarqueeComplete | function | true     | void    | 字幕完成动画并停止时的回调                                   | All      | yes               |
-| consecutive       | boolean  | true     | false   | 一个标志，用于启用模仿HTML字幕元素默认行为的连续模式。如果循环为false，则不生效 | All      | yes               |
+## 4. Known Issues
 
-## Known Issues
+## 5. Others
 
-## Others
+## 6. License
 
-## License
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-marquee/blob/master/LICENSE).
 
-This project is licensed under [The MIT License (MIT)](https://github.com/kyo504/react-native-marquee/blob/master/LICENSE).
diff --git a/zh-cn/react-native-marquee.md b/zh-cn/react-native-marquee.md
index a3e9b827..d66fffab 100644
--- a/zh-cn/react-native-marquee.md
+++ b/zh-cn/react-native-marquee.md
@@ -1,38 +1,34 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-marquee</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/kyo504/react-native-marquee/blob/master">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/kyo504/react-native-marquee/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
+本项目基于 [react-native-marquee@0.5.0](https://github.com/kyo504/react-native-marquee) 开发。
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-marquee)
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-marquee`，具体版本所属关系如下：
 
-## 安装与使用
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 0.5.0-0.0.1@deprecated | @react-native-oh-tpl/react-native-marquee | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-marquee) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-marquee/releases) |
+| > 0.5.1                  | @react-native-ohos/react-native-marquee   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-marquee) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-marquee/releases) |
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
-进入到工程目录并输入以下命令：
+<!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-marquee
+npm install @react-native-ohos/react-native-marquee
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-marquee
+yarn add @react-native-ohos/react-native-marquee
 ```
 
 <!-- tabs:end -->
@@ -73,35 +69,33 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 约束与限制
+## 2. 约束与限制
 
-### 兼容性
+### 2.1 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-marquee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-marquee/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-marquee Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)
 
-## 属性
+## 3. 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-MarqueText组件基本上继承了[TextProps](https://reactnative.dev/docs/text)，以下是附加组件：
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ----------------- | -------- | -------- | ------- | ------------------------------------------------------------ | -------- 
+| marqueeOnStart    | 是否在渲染后立即启动字幕动画的标志                           | boolean  | no | All      | yes               |
+| speed             | 以像素/秒计算的速度                                          | number   | no | All      | yes               |
+| loop              | 是否循环字幕动画的标志                                       | boolean  | no | All      | yes               |
+| delay             | 渲染后延迟动画的持续时间，以毫秒为单位                       | number   | no | All      | yes               |
+| onMarqueeComplete | 字幕完成动画并停止时的回调                                   | function | no | All      | yes               |
+| consecutive       | 一个标志，用于启用模仿HTML字幕元素默认行为的连续模式。如果循环为false，则不生效 | boolean  | no | All      | yes               |
 
-| Name              | Type     | Optional | Default | Description                                                  | Platform | HarmonyOS Support |
-| ----------------- | -------- | -------- | ------- | ------------------------------------------------------------ | -------- | ----------------- |
-| marqueeOnStart    | boolean  | true     | true    | 是否在渲染后立即启动字幕动画的标志                           | All      | yes               |
-| speed             | number   | true     | 1       | 以像素/秒计算的速度                                          | All      | yes               |
-| loop              | boolean  | true     | true    | 是否循环字幕动画的标志                                       | All      | yes               |
-| delay             | number   | true     | 0       | 渲染后延迟动画的持续时间，以毫秒为单位                       | All      | yes               |
-| onMarqueeComplete | function | true     | void    | 字幕完成动画并停止时的回调                                   | All      | yes               |
-| consecutive       | boolean  | true     | false   | 一个标志，用于启用模仿HTML字幕元素默认行为的连续模式。如果循环为false，则不生效 | All      | yes               |
+## 4. 遗留问题
 
-## 遗留问题
+## 5. 其他
 
-## 其他
+## 6. 开源协议
 
-## 开源协议
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-marquee/blob/master/LICENSE) ，请自由地享受和参与开源。
 
-本项目基于 [The MIT License (MIT)](https://github.com/kyo504/react-native-marquee/blob/master/LICENSE) ，请自由地享受和参与开源。

From 6d9fb55f726cb60fefaeea0029ac05b180ae641d Mon Sep 17 00:00:00 2001
From: leehom <9290617+leehom6666@user.noreply.gitee.com>
Date: Wed, 4 Dec 2024 07:06:26 +0000
Subject: [PATCH 908/966] =?UTF-8?q?!1938=20=20docs:=20[Issues:=20#IB2SB0]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-sensors=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=B8=BAgitee=E7=89=88=E6=9C=AC=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB2SB0]=20=E4=BF=AE=E6=94=B9react-native-sensors?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=BAgitee=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-sensors.md    | 108 +++++++++++++++++++++-------------
 zh-cn/react-native-sensors.md | 107 ++++++++++++++++++++-------------
 2 files changed, 132 insertions(+), 83 deletions(-)

diff --git a/en/react-native-sensors.md b/en/react-native-sensors.md
index 733bb9e5..9b713d52 100644
--- a/en/react-native-sensors.md
+++ b/en/react-native-sensors.md
@@ -3,20 +3,18 @@
 <p align="center">
   <h1 align="center"> <code>react-native-sensors</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-sensors/react-native-sensors">
-        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-sensors)
+This project is based on [react-native-sensors@7.2.1-rc.2](https://github.com/react-native-sensors/react-native-sensors).
 
-## Installation and Usage
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-sensors`, The version correspondence details are as follows:
+
+| Version                        | Package Name                             | Repository                                                   | Release                                                      |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 7.2.1-rc.2-0.0.1@deprecated | @react-native-oh-library/react-native-sensors  | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-sensors) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-sensors/releases) |
+| > 7.2.1                        | @react-native-ohos/react-native-sensors | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-sensors) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-sensors/releases) |
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+
+## Installation and Usage
 
 Go to the project directory and execute the following instruction:
 
@@ -25,13 +23,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sensors
+npm install @react-native-ohos/react-native-sensors
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sensors
+yarn add @react-native-ohos/react-native-sensors
 ```
 
 <!-- tabs:end -->
@@ -84,31 +82,35 @@ gravity.subscribe(({ x, y, z, timestamp }) =>
 setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 ```
 
-## Use Codegen
+## 2. Manual Link
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+This step provides guidance for manually configuring native dependencies.
 
-## Link
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+### 2.1 Overrides RN SDK
 
-Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2 Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code。
+
 Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
@@ -118,7 +120,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-sensors": "file:../../node_modules/@react-native-oh-tpl/react-native-sensors/harmony/sensors.har"
+    "@react-native-ohos/react-native-sensors": "file:../../node_modules/@react-native-ohos/react-native-sensors/harmony/sensors.har"
   }
 ```
 
@@ -135,8 +137,40 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3. Introducing SensorsPackage Component to ArkTS
+### 2.3 Configuring CMakeLists and Introducing SensorsPackage Package
+
+> **[!TIP] Version 7.2.2 and above requires.**
+
+Open entry/src/main/cpp/CMakeLists.txt and add the following code:
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-sensors/src/main/cpp" ./sensors)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_sensors)
+# RNOH_END: manual_package_linking_2
+```
+
+Open entry/src/main/cpp/PackageProvider.cpp and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "SensorsPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
++     std::make_shared<SensorsPackage>(ctx)
+    };
+}
+```
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
@@ -152,7 +186,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4. Running
+### 2.4 Running
 
 Click the `sync` button in the upper right corner.
 
@@ -165,20 +199,13 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
-
-### Compatibility
-
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
-
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases)
-
+## 3. Constraints
 
-This document is verified based on the following versions:
+### 3.1 Compatibility
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+Check the release version information in the release address of the third-party library:[@react-native-ohos/react-native-sensors Releases](https://gitee.com/openharmony-sig/rntpc_react-native-sensors/releases)
 
-### Permission Requirements (If Any)
+### 3.2 Permission Requirements (If Any)
 
 Configure the required permissions in module. json 5
 
@@ -186,7 +213,7 @@ accelerometer Required permissions: ohos.permission.ACCELEROMETER
 
 gyroscope Required permissions: ohos.permission.GYROSCOPE
 
-## API
+## 4. API
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -203,10 +230,9 @@ gyroscope Required permissions: ohos.permission.GYROSCOPE
 | setUpdateIntervalForType | setUpdateIntervalForType     | function   | no       | ios/Android | yes               |
 | setLogLevelForType       | setLogLevelForType | function   | no       | ios/Android | yes               |
 
-## Known Issues
+## 5. Known Issues
 
-## Others
 
-## License
+## 6. License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE), Please enjoy and participate freely in open source.
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-sensors/blob/master/LICENSE), Please enjoy and participate freely in open source.
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 6fec457f..459d0554 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -1,22 +1,19 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-sensors</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-sensors/react-native-sensors">
-        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-sensors)
+本项目基于 [react-native-sensors@7.2.1-rc.2](https://github.com/react-native-sensors/react-native-sensors) 开发。
+
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-sensors`，具体版本所属关系如下：
 
-## 安装与使用
+| Version                        | Package Name                                  | Repository                                                   | Release                                                      |
+| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 7.2.1-rc.2-0.0.1@deprecated | @react-native-oh-library/react-native-sensors | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-sensors) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-sensors/releases) |
+| > 7.2.1                        | @react-native-ohos/react-native-sensors       | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-sensors) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-sensors/releases) |
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -25,13 +22,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sensors
+npm install @react-native-ohos/react-native-sensors
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sensors
+yarn add @react-native-ohos/react-native-sensors
 ```
 
 <!-- tabs:end -->
@@ -84,28 +81,29 @@ gravity.subscribe(({ x, y, z, timestamp }) =>
 setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 ```
 
-## 使用 Codegen
+## 2. Manual Link
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+此步骤为手动配置原生依赖项的指导。
 
-## Link
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1 Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `harmony/oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2 引入原生端代码
 
 目前有两种方法：
 
@@ -121,7 +119,7 @@ setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-sensors": "file:../../node_modules/@react-native-oh-tpl/react-native-sensors/harmony/sensors.har"
+    "@react-native-ohos/react-native-sensors": "file:../../node_modules/react-native-ohos/react-native-sensors/harmony/sensors.har"
   }
 ```
 
@@ -138,7 +136,40 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.在 ArkTs 侧引入 SensorsPackage
+### 2.3 配置 CMakeLists 和引入 SensorsPackage
+
+ > **[!TIP] 版本 7.2.2 及以上需要.**
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-sensors/src/main/cpp" ./sensors)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_sensors)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "SensorsPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
++     std::make_shared<SensorsPackage>(ctx)
+    };
+}
+```
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -154,7 +185,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 2.4 运行
 
 点击右上角的 `sync` 按钮
 
@@ -167,19 +198,13 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
-
-### 兼容性
-
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+## 3. 约束与限制
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-sensors Releases](https://github.com/react-native-oh-library/react-native-sensors/releases)
+### 3.1 兼容性
 
-本文档内容基于以下版本验证通过：
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-sensors Releases](https://gitee.com/openharmony-sig/rntpc_react-native-sensors/releases)
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
-
-### 权限要求
+### 3.2 权限要求
 
 在 module.json5 中配置所需要的权限
 
@@ -187,7 +212,7 @@ accelerometer 需要的权限：ohos.permission.ACCELEROMETER
 
 gyroscope 需要的权限：ohos.permission.GYROSCOPE
 
-## API
+## 4. API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -204,10 +229,8 @@ gyroscope 需要的权限：ohos.permission.GYROSCOPE
 | setUpdateIntervalForType | setUpdateIntervalForType     | function   | no       | ios/Android | yes               |
 | setLogLevelForType       | setLogLevelForType | function   | no       | ios/Android | yes               |
 
-## 遗留问题
-
-## 其他
+## 5. 遗留问题
 
-## 开源协议
+## 6. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-sensors/react-native-sensors/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-sensors/blob/master/LICENSE) ，请自由地享受和参与开源。

From f2eeef660f06c94f2743d903de7a73cd141f5468 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=8D=AB=E6=9D=A8?= <zwy2961718523@163.com>
Date: Wed, 4 Dec 2024 09:08:41 +0000
Subject: [PATCH 909/966] =?UTF-8?q?!1941=20docs:=20[Issues:=20#IB92CP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-permissions=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB92CP]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-permissions=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-permissions.md    | 84 +++++++++++++++----------------
 zh-cn/react-native-permissions.md | 84 +++++++++++++++----------------
 2 files changed, 80 insertions(+), 88 deletions(-)

diff --git a/en/react-native-permissions.md b/en/react-native-permissions.md
index 532c93ae..c0deac7e 100644
--- a/en/react-native-permissions.md
+++ b/en/react-native-permissions.md
@@ -266,48 +266,44 @@ Check the release version information in the release address of the third-party
 当用户授予应用所需权限后，应用可成功访问目标数据或执行目标操作。
 
 ```
-   ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-   ┃ check(ohos.permission.CAMERA)    ┃
-   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-                   │
-       Is the feature available
-           on this device ?
-                   │           ╔════╗
-                   ├───────────║ NO ║──────────────┐
-                   │           ╚════╝              │
-                ╔═════╗                            ▼
-                ║ YES ║                 ┌─────────────────────┐
-                ╚═════╝                 │ RESULTS.UNAVAILABLE │
-                   │                    └─────────────────────┘
-           Is the permission
-             requestable ?
-                   │           ╔════╗
-                   ├───────────║ NO ║──────────────┐
-                   │           ╚════╝              │
-                ╔═════╗                            ▼
-                ║ YES ║                  ┌───────────────────┐
-                ╚═════╝                  │ RESULTS.BLOCKED / │
-                   │                     │  RESULTS.GRANTED  │
-                   │                     └───────────────────┘
-  				   │
-                   ▼
-  	┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-  	┃ request(ohos.permission.CAMERA)    ┃
-  	┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-                   │
-         Does the user accept
-            the request ?
-                   │           ╔════╗
-                   ├───────────║ NO ║──────────────┐
-                   │           ╚════╝              │
-                ╔═════╗                            ▼
-                ║ YES ║                   ┌─────────────────┐
-                ╚═════╝                   │ RESULTS.BLOCKED │
-                   │                      └─────────────────┘
-                   ▼
-          ┌─────────────────┐
-          │ RESULTS.GRANTED │
-          └─────────────────┘
+ ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ ┃ check(ohos.permission.CAMERA) ┃
+ ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+                │                                ┌─────────────────────┐
+     Is the feature available ──────── NO ─────▶ │ RESULTS.UNAVAILABLE │
+        on this device ?                         └─────────────────────┘
+                │
+               YES
+                │                                ┌─────────────────┐
+        Is the permission ─────────── YES ─────▶ │ RESULTS.GRANTED │
+        already granted ?                        └─────────────────┘
+                │
+                NO
+                │
+  Is the permission requestable ?
+                │
+               YES
+                │
+                ▼
+       ┌────────────────┐
+       │ RESULTS.DENIED │
+       └────────────────┘
+                │
+                ▼
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃ request(ohos.permission.CAMERA) ┃◀—————————————————————┐
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛                      │
+                │                                       YES
+                │                                        │
+      Did the user see and ──────── NO ──────── Is the permission
+      accept the request ?                      still requestable ?
+                │                                        │
+               YES                                       NO
+                │                                        │
+                ▼                                        ▼
+        ┌─────────────────┐                     ┌─────────────────┐
+        │ RESULTS.GRANTED │                     │ RESULTS.BLOCKED │
+        └─────────────────┘                     └─────────────────┘
 ```
 
 ### 权限要求
@@ -317,7 +313,7 @@ Check the release version information in the release address of the third-party
 ```
 "requestPermissions": [
       {
-        "name" : "ohos.permission.PERMISSION1",
+        "name" : "ohos.permission.CAMERA",
         "reason": "$string:reason",
         "usedScene": {
           "abilities": [
@@ -327,7 +323,7 @@ Check the release version information in the release address of the third-party
         }
       },
       {
-        "name" : "ohos.permission.PERMISSION2",
+        "name" : "ohos.permission.ACCESS_BLUETOOTH",
         "reason": "$string:reason",
         "usedScene": {
           "abilities": [
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index 9d6e28de..f4f2bc54 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -272,48 +272,44 @@ ohpm install
 当用户授予应用所需权限后，应用可成功访问目标数据或执行目标操作。
 
 ```
-   ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-   ┃ check(ohos.permission.CAMERA)    ┃
-   ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-                   │
-       Is the feature available
-           on this device ?
-                   │           ╔════╗
-                   ├───────────║ NO ║──────────────┐
-                   │           ╚════╝              │
-                ╔═════╗                            ▼
-                ║ YES ║                 ┌─────────────────────┐
-                ╚═════╝                 │ RESULTS.UNAVAILABLE │
-                   │                    └─────────────────────┘
-           Is the permission
-             requestable ?
-                   │           ╔════╗
-                   ├───────────║ NO ║──────────────┐
-                   │           ╚════╝              │
-                ╔═════╗                            ▼
-                ║ YES ║                  ┌───────────────────┐
-                ╚═════╝                  │ RESULTS.BLOCKED / │
-                   │                     │  RESULTS.GRANTED  │
-                   │                     └───────────────────┘
-  				   │
-                   ▼
-  	┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-  	┃ request(ohos.permission.CAMERA)    ┃
-  	┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-                   │
-         Does the user accept
-            the request ?
-                   │           ╔════╗
-                   ├───────────║ NO ║──────────────┐
-                   │           ╚════╝              │
-                ╔═════╗                            ▼
-                ║ YES ║                   ┌─────────────────┐
-                ╚═════╝                   │ RESULTS.BLOCKED │
-                   │                      └─────────────────┘
-                   ▼
-          ┌─────────────────┐
-          │ RESULTS.GRANTED │
-          └─────────────────┘
+ ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ ┃ check(ohos.permission.CAMERA) ┃
+ ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+                │                                ┌─────────────────────┐
+     Is the feature available ──────── NO ─────▶ │ RESULTS.UNAVAILABLE │
+        on this device ?                         └─────────────────────┘
+                │
+               YES
+                │                                ┌─────────────────┐
+        Is the permission ─────────── YES ─────▶ │ RESULTS.GRANTED │
+        already granted ?                        └─────────────────┘
+                │
+                NO
+                │
+  Is the permission requestable ?
+                │
+               YES
+                │
+                ▼
+       ┌────────────────┐
+       │ RESULTS.DENIED │
+       └────────────────┘
+                │
+                ▼
+┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+┃ request(ohos.permission.CAMERA) ┃◀—————————————————————┐
+┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛                      │
+                │                                       YES
+                │                                        │
+      Did the user see and ──────── NO ──────── Is the permission
+      accept the request ?                      still requestable ?
+                │                                        │
+               YES                                       NO
+                │                                        │
+                ▼                                        ▼
+        ┌─────────────────┐                     ┌─────────────────┐
+        │ RESULTS.GRANTED │                     │ RESULTS.BLOCKED │
+        └─────────────────┘                     └─────────────────┘
 ```
 
 ### 权限要求
@@ -323,7 +319,7 @@ ohpm install
 ```
 "requestPermissions": [
       {
-        "name" : "ohos.permission.PERMISSION1",
+        "name" : "ohos.permission.CAMERA",
         "reason": "$string:reason",
         "usedScene": {
           "abilities": [
@@ -333,7 +329,7 @@ ohpm install
         }
       },
       {
-        "name" : "ohos.permission.PERMISSION2",
+        "name" : "ohos.permission.ACCESS_BLUETOOTH",
         "reason": "$string:reason",
         "usedScene": {
           "abilities": [

From 0bb7084c9aa29f5f6a54b66a23154c3107be4193 Mon Sep 17 00:00:00 2001
From: leehom <9290617+leehom6666@user.noreply.gitee.com>
Date: Wed, 4 Dec 2024 09:25:36 +0000
Subject: [PATCH 910/966] =?UTF-8?q?!1940=20docs:=20[Issues:=20#IB91L7]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-audio=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E4=B8=BAgitee=E7=89=88=E6=9C=AC=20*=20docs:=20[Issues?=
 =?UTF-8?q?:=20#IB91L7]=20=E4=BF=AE=E6=94=B9react-native-audio=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=BAgitee=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-audio.md    | 111 ++++++++++++++++++++++--------------
 zh-cn/react-native-audio.md | 107 +++++++++++++++++++++-------------
 2 files changed, 134 insertions(+), 84 deletions(-)

diff --git a/en/react-native-audio.md b/en/react-native-audio.md
index 63851e29..3ba57e87 100644
--- a/en/react-native-audio.md
+++ b/en/react-native-audio.md
@@ -1,41 +1,34 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-audio</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/jsierles/react-native-audio">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/jsierles/react-native-audio/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
 
-> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-audio/)
+This project is based on [react-native-audio@4.2.2](https://github.com/jsierles/react-native-audio).
 
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-audio`, The version correspondence details are as follows:
 
-## Installation and Usage
+| Version                        | Package Name                             | Repository                                                   | Release                                                      |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio  | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) |
+| > 4.2.2                        | @react-native-ohos/react-native-audio | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-audio) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-audio/releases) |
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+## Installation and Usage
 
 Go to the project directory and execute the following instruction:
 
-
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-audio
+npm install @react-native-ohos/react-native-audio
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-audio
+yarn add @react-native-ohos/react-native-audio
 ```
 
 <!-- tabs:end -->
@@ -45,7 +38,7 @@ The following code shows the basic use scenario of the repository:
 >[!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import { AudioRecorder, AudioUtils } from "@react-native-oh-tpl/react-native-audio";
+import { AudioRecorder, AudioUtils } from "@react-native-ohos/react-native-audio";
 
 // request microphone premission
 AudioRecorder.requestAuthorization().then((isAuthorised)=>{
@@ -99,31 +92,35 @@ AudioRecorder.onFinished = (data) => {
 }
 ```
 
-## Use Codegen
+## 2. Manual Link
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+This step provides guidance for manually configuring native dependencies.
 
-## Link
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+### 2.1 Overrides RN SDK
 
-Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
 
-### 1.Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2.Introducing Native Code
+### 2.2 Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code.
+
 Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
@@ -133,7 +130,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-audio": "file:../../node_modules/@react-native-oh-tpl/react-native-audio/harmony/audio.har"
+    "@react-native-ohos/react-native-audio": "file:../../node_modules/@react-native-ohos/react-native-audio/harmony/audio.har"
   }
 ```
 
@@ -151,8 +148,40 @@ Method 2: Directly link to the source code.
 > [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
 
-### 3. Introducing AudioPackage Component to ArkTS
+### 2.3 Configuring CMakeLists and Introducing AudioPackage Package
 
+> **[!TIP] Version 4.2.3 and above requires.**
+
+Open entry/src/main/cpp/CMakeLists.txt and add the following code:
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-audio/src/main/cpp" ./audio)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_audio)
+# RNOH_END: manual_package_linking_2
+```
+
+Open entry/src/main/cpp/PackageProvider.cpp and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "AudioPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
++     std::make_shared<AudioPackage>(ctx)
+    };
+}
+```
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
@@ -168,7 +197,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.Running
+### 2.4 Running
 
 Click the `sync` button in the upper right corner.
 
@@ -181,17 +210,13 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
-
-### Compatibility
-
-This document is verified based on the following versions:
+## 3. Constraints
 
-react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+### 3.1 Compatibility
 
-Check the release version information in the release address of the third-party library: [react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases)
+Check the release version information in the release address of the third-party library:[@react-native-ohos/react-native-audio Releases](https://gitee.com/openharmony-sig/rntpc_react-native-audio/releases)
 
-## API
+## 4. API
 
 > [!TIP]  The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -207,10 +232,10 @@ Check the release version information in the release address of the third-party
 | resumeRecording  | Resume recording  | function  | no | Android/IOS | yes |
 | stopRecording  | stop recording   | function  | no | Android/IOS | yes |
 
-## Known Issues
+## 5. Known Issues
 
-## Others
-### Encoding formats supported by different systems
+## 6. Others
+### 6.1 Encoding formats supported by different systems
 
 Encodings supported on iOS: lpcm, ima4, aac, MAC3, MAC6, ulaw, alaw, mp1, mp2, alac, amr.
 
@@ -220,6 +245,6 @@ Encodings supported on Harmony: aac.
 
 AudioQuality、MeteringEnabled、MeasurementMode is only for ios now.
 
-## License
+## 7. License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE), Please enjoy and participate freely in open source.
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-audio/blob/master/LICENSE), Please enjoy and participate freely in open source.
\ No newline at end of file
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index ea999627..7ac0da6f 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -1,24 +1,19 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-audio</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/jsierles/react-native-audio">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/jsierles/react-native-audio/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-audio/)
+本项目基于 [react-native-audio@4.2.2](https://github.com/jsierles/react-native-audio) 开发。
 
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-audio`，具体版本所属关系如下：
 
-## 安装与使用
+| Version                        | Package Name                             | Repository                                                   | Release                                                      |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio  | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) |
+| > 4.2.2                        | @react-native-ohos/react-native-audio | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-audio) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-audio/releases) |
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -27,13 +22,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-audio
+npm install @react-native-ohos/react-native-audio
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-audio
+yarn add @react-native-ohos/react-native-audio
 ```
 
 <!-- tabs:end -->
@@ -43,7 +38,7 @@ yarn add @react-native-oh-tpl/react-native-audio
 >[!WARNING] 使用时 import 的库名不变。
 
 ```js
-import { AudioRecorder, AudioUtils } from "@react-native-oh-tpl/react-native-audio";
+import { AudioRecorder, AudioUtils } from "@react-native-ohos/react-native-audio";
 
 // request microphone premission
 AudioRecorder.requestAuthorization().then((isAuthorised)=>{
@@ -97,28 +92,29 @@ AudioRecorder.onFinished = (data) => {
 }
 ```
 
-## 使用 Codegen
+## 2. Manual Link
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+此步骤为手动配置原生依赖项的指导。
 
-## Link
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1 Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `harmony/oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2 引入原生端代码
 
 目前有两种方法：
 
@@ -134,7 +130,7 @@ AudioRecorder.onFinished = (data) => {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-audio": "file:../../node_modules/@react-native-oh-tpl/react-native-audio/harmony/audio.har"
+    "@react-native-ohos/react-native-audio": "file:../../node_modules/@react-native-ohos/react-native-audio/harmony/audio.har"
   }
 ```
 
@@ -152,7 +148,40 @@ ohpm install
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
 
-### 3.在 ArkTs 侧引入 AudioPackage
+### 2.3 配置 CMakeLists 和引入 AudioPackage
+
+ > **[!TIP] 版本 4.2.3 及以上需要.**
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-audio/src/main/cpp" ./audio)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_audio)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "AudioPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
++     std::make_shared<AudioPackage>(ctx)
+    };
+}
+```
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -168,7 +197,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 2.4 运行
 
 点击右上角的 `sync` 按钮
 
@@ -181,17 +210,13 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
-
-### 兼容性
-
-本文档内容基于以下版本验证通过：
+## 3. 约束与限制
 
-react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
+### 3.1 兼容性
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[react-native-audio Releases](https://github.com/react-native-oh-library/react-native-audio/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-audio Releases](https://gitee.com/openharmony-sig/rntpc_react-native-audio/releases)
 
-## API
+## 4. API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -207,10 +232,10 @@ react-native-harmony：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevE
 | resumeRecording  | Resume recording  | function  | no | Android/IOS | yes |
 | stopRecording  | stop recording   | function  | no | Android/IOS | yes |
 
-## 遗留问题
+## 5. 遗留问题
 
-## 其他
-### 不同系统支持的编码格式
+## 6. 其他
+### 6.1 不同系统支持的编码格式
 
 Encodings supported on iOS: lpcm, ima4, aac, MAC3, MAC6, ulaw, alaw, mp1, mp2, alac, amr.
 
@@ -220,6 +245,6 @@ Encodings supported on Harmony: aac.
 
 AudioQuality、MeteringEnabled、MeasurementMode is only for ios now.
 
-## 开源协议
+## 7. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/jsierles/react-native-audio/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-audio/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From dbb9977a70faebe2fd984f35b6a9a51fff034fa7 Mon Sep 17 00:00:00 2001
From: leehom <9290617+leehom6666@user.noreply.gitee.com>
Date: Thu, 5 Dec 2024 02:27:46 +0000
Subject: [PATCH 911/966] =?UTF-8?q?!1944=20docs:=20[Issues:=20#IB926L]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-sequence=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=B8=BAgitee=E7=89=88=E6=9C=AC=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IB926L]=20=E4=BF=AE=E6=94=B9react-native-image-s?=
 =?UTF-8?q?equence=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=BAgitee?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-sequence-2.md    | 112 +++++++++++++++----------
 zh-cn/react-native-image-sequence-2.md | 109 +++++++++++++++---------
 2 files changed, 137 insertions(+), 84 deletions(-)

diff --git a/en/react-native-image-sequence-2.md b/en/react-native-image-sequence-2.md
index 9f2256e3..2acfbf88 100644
--- a/en/react-native-image-sequence-2.md
+++ b/en/react-native-image-sequence-2.md
@@ -1,40 +1,35 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-sequence</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/bwindsor/react-native-image-sequence">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
+This project is based on [react-native-image-sequence@0.9.1](https://github.com/bwindsor/react-native-image-sequence).
 
-> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-image-sequence)
-
-## Installation and Usage
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-image-sequence`, The version correspondence details are as follows:
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+| Version                        | Package Name                             | Repository                                                   | Release                                                      |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 0.9.1@deprecated | @react-native-oh-library/react-native-image-sequence  | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-sequence) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-sequence/releases) |
+| > 0.9.1                        | @react-native-ohos/react-native-image-sequence | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-sequence) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-sequence/releases) |
 
-Go to the project directory and execute the following instruction:
 
+## Installation and Usage
 
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-sequence-2
+npm install @react-native-ohos/react-native-image-sequence-2
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-sequence-2
+yarn add @react-native-ohos/react-native-image-sequence-2
 ```
 
 <!-- tabs:end -->
@@ -279,26 +274,35 @@ const styles = StyleSheet.create({
 export default TestDemo2
 ```
 
-## Link
+## 2. Manual Link
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+This step provides guidance for manually configuring native dependencies.
 
 Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+### 2.1 Overrides RN SDK
+
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
+
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2 Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code.
+
 1. Method 1 (recommended): Use the HAR file.
 
 
@@ -309,7 +313,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-image-sequence-2":"file:../../node_modules/@react-native-oh-tpl/react-native-image-sequence-2/harmony/image_sequence.har"
+    "@react-native-ohos/react-native-image-sequence-2":"file:../../node_modules/@react-native-ohos/react-native-image-sequence-2/harmony/image_sequence.har"
   }
 ```
 
@@ -326,8 +330,40 @@ Method 2: Directly link to the source code.
 
 > [!TIP]For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3. Introducing RNImageSequence Component to ArkTS
+### 2.3 Configuring CMakeLists and Introducing ImageSequence2Package Package
+
+> **[!TIP] Version 4.2.3 and above requires.**
+
+Open entry/src/main/cpp/CMakeLists.txt and add the following code:
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-image-sequence-2/src/main/cpp" ./image_sequence_2)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_image_sequence_2)
+# RNOH_END: manual_package_linking_2
+```
+
+Open entry/src/main/cpp/PackageProvider.cpp and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "ImageSequence2Package.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
++     std::make_shared<ImageSequence2Package>(ctx)
+    };
+}
+```
 
 (If the code of the repository is written through CAPI, delete this section.)<br>Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
@@ -355,9 +391,6 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-### 4. Introducing ImageSequencePackage Package to ArkTS
-
-
 Open the `entry/src/main/ets/RNPackagesFactory.ts`，file and add the following code:
 
 ```diff
@@ -372,7 +405,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5. Running
+### 2.4 Running
 
 Click the `sync` button in the upper right corner.
 
@@ -385,20 +418,13 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
-
-### Compatibility
-
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
-
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases)
-
+## 3. Constraints
 
-This document is verified based on the following versions:
+### 3.1 Compatibility
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+Check the release version information in the release address of the third-party library:[@react-native-ohos/react-native-image-sequence Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-sequence/releases)
 
-## Properties
+## 4. Properties
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -413,10 +439,10 @@ This document is verified based on the following versions:
 | downsampleWidth  | The width to use for optional downsampling. Both `downsampleWidth` and `downsampleHeight` must be set to a positive number to enable downsampling. Default: -1 | number  | No       | All      | Yes               |
 | downsampleHeight | The height to use for optional downsampling. Both `downsampleWidth` and `downsampleHeight` must be set to a positive number to enable downsampling. Default: -1 | number  | No       | All      | Yes               |
 
-## Known Issues
+## 5. Known Issues
 
-## Others
+## 6. Others
 
-## License
+## 7. License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE), Please enjoy and participate freely in open source.
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-image-sequence/blob/master/LICENSE), Please enjoy and participate freely in open source.
diff --git a/zh-cn/react-native-image-sequence-2.md b/zh-cn/react-native-image-sequence-2.md
index 3df496f0..39e4ca80 100644
--- a/zh-cn/react-native-image-sequence-2.md
+++ b/zh-cn/react-native-image-sequence-2.md
@@ -1,23 +1,20 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-sequence</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/bwindsor/react-native-image-sequence">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-sequence)
+本项目基于 [react-native-image-sequence@0.9.1](https://github.com/bwindsor/react-native-image-sequence) 开发。
 
-## 安装与使用
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-image-sequence`，具体版本所属关系如下：
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+| Version                        | Package Name                             | Repository                                                   | Release                                                      |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 0.9.1@deprecated | @react-native-oh-library/react-native-image-sequence  | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-sequence) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-sequence/releases) |
+| > 0.9.1                        | @react-native-ohos/react-native-image-sequence | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-sequence) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-sequence/releases) |
+
+## 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -26,13 +23,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-sequence-2
+npm install @react-native-ohos/react-native-image-sequence-2
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-sequence-2
+yarn add @react-native-ohos/react-native-image-sequence-2
 ```
 
 <!-- tabs:end -->
@@ -277,24 +274,29 @@ const styles = StyleSheet.create({
 export default TestDemo2
 ```
 
-## Link
+## 2. Manual Link
+
+此步骤为手动配置原生依赖项的指导。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1 Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `harmony/oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2 引入原生端代码
 
 目前有两种方法：
 
@@ -310,7 +312,7 @@ export default TestDemo2
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-image-sequence-2":"file:../../node_modules/@react-native-oh-tpl/react-native-image-sequence-2/harmony/image_sequence.har"
+    "@react-native-ohos/react-native-image-sequence-2":"file:../../node_modules/@react-native-ohos/react-native-image-sequence-2/harmony/image_sequence.har"
   }
 ```
 
@@ -327,13 +329,46 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.在 ArkTs 侧引入  RNImageSequence组件
+### 2.3 配置 CMakeLists 和引入 ImageSequence2Package
+
+ > **[!TIP] 版本 0.9.2 及以上需要.**
+
+ 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-image-sequence-2/src/main/cpp" ./image_sequence_2)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_image_sequence_2)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "ImageSequence2Package.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
++     std::make_shared<ImageSequence2Package>(ctx)
+    };
+}
+```
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
   ...
-+ import { RNImageSequence } from "@react-native-oh-tpl/react-native-image-sequence-2"
++ import { RNImageSequence } from "@react-native-ohos/react-native-image-sequence-2"
 
 const arkTsComponentNames: Array<string> = ["SampleView", 
 "Generated",
@@ -355,8 +390,6 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 ...
 ```
 
-### 4.在 ArkTs 侧引入 ImageSequencePackage
-
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
@@ -371,7 +404,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 2.4 运行
 
 点击右上角的 `sync` 按钮
 
@@ -384,19 +417,13 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
-
-### 兼容性
-
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-sequence Releases](https://github.com/react-native-oh-library/react-native-image-sequence/releases)
+## 3. 约束与限制
 
-本文档内容基于以下版本验证通过：
+### 3.1 兼容性
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-image-sequence Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-sequence/releases)
 
-## 属性
+## 4. 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -411,10 +438,10 @@ ohpm install
 | downsampleWidth  | The width to use for optional downsampling. Both `downsampleWidth` and `downsampleHeight` must be set to a positive number to enable downsampling. Default: -1 | number  | No       | All      | Yes               |
 | downsampleHeight | The height to use for optional downsampling. Both `downsampleWidth` and `downsampleHeight` must be set to a positive number to enable downsampling. Default: -1 | number  | No       | All      | Yes               |
 
-## 遗留问题
+## 5. 遗留问题
 
-## 其他
+## 6. 其他
 
-## 开源协议
+## 7. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/bwindsor/react-native-image-sequence/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-image-sequence/blob/master/LICENSE) ，请自由地享受和参与开源。

From a495a5a1a3b366d7ded0da74b187ba32a9a02846 Mon Sep 17 00:00:00 2001
From: leehom <9290617+leehom6666@user.noreply.gitee.com>
Date: Thu, 5 Dec 2024 03:17:10 +0000
Subject: [PATCH 912/966] =?UTF-8?q?!1945=20docs:=20[Issues:=20#IB96G8]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-sensors=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E7=9A=84=E7=89=88=E6=9C=AC=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IB96G8]=20=E4=BF=AE=E6=94=B9react-native-sensors?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E7=9A=84=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-sensors.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-sensors.md b/en/react-native-sensors.md
index 9b713d52..3768c501 100644
--- a/en/react-native-sensors.md
+++ b/en/react-native-sensors.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-sensors</code> </h1>
@@ -109,7 +109,7 @@ For more information about the purpose of this field, please refer to the [offic
 Currently, two methods are available:
 
 - Use the HAR file.
-- Directly link to the source code。
+- Directly link to the source code.
 
 Method 1 (recommended): Use the HAR file.
 

From b091471390f9b24ff97b289e3294deb96dfcc052 Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Thu, 5 Dec 2024 10:09:59 +0000
Subject: [PATCH 913/966] =?UTF-8?q?!1946=20docs:=20[#IB9DGG]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-dropdownalert=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[#IB9DGG]=20=E4=BF=AE=E6=94=B9react-nat?=
 =?UTF-8?q?ive-dropdownalert=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-dropdownalert.md    | 8 +++-----
 zh-cn/react-native-dropdownalert.md | 8 +++-----
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
index a2357e23..f6fb2d2c 100644
--- a/en/react-native-dropdownalert.md
+++ b/en/react-native-dropdownalert.md
@@ -16,24 +16,22 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-dropdownalert@file:#
+npm install @react-native-oh-tpl/react-native-dropdownalert
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-dropdownalert@file:#
+yarn add @react-native-oh-tpl/react-native-dropdownalert
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-dropdownalert.md b/zh-cn/react-native-dropdownalert.md
index 461c6707..5e187c23 100644
--- a/zh-cn/react-native-dropdownalert.md
+++ b/zh-cn/react-native-dropdownalert.md
@@ -16,24 +16,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-dropdownalert@file:#
+npm install @react-native-oh-tpl/react-native-dropdownalert
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-dropdownalert@file:#
+yarn add @react-native-oh-tpl/react-native-dropdownalert
 ```
 
 <!-- tabs:end -->

From dd91ff847b683d98d90f7eeafd483991ee415493 Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Fri, 6 Dec 2024 02:12:02 +0000
Subject: [PATCH 914/966] =?UTF-8?q?!1947=20docs:=20[#IB9E99]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9NativeBase=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20d?=
 =?UTF-8?q?ocs:=20[#IB9E99]=20=E4=BF=AE=E6=94=B9NativeBase=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/NativeBase.md    | 6 +++---
 zh-cn/NativeBase.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/en/NativeBase.md b/en/NativeBase.md
index 3a5cde76..dc8b7553 100644
--- a/en/NativeBase.md
+++ b/en/NativeBase.md
@@ -556,7 +556,7 @@ The following component attributes are currently supported:
 | leastDestructiveRef | The ref of element that is least destructive child of the AlertDialog. | Object | No | No | No |
 | initialFocusRef | The ref of element to receive focus when the AlertDialog opens. | Object | No | All | Yes |
 | finalFocusRef | The ref of element to receive focus when the AlertDialog closes. | Object | No | All | Yes |
-| avoidKeyboard | If true and the keyboard is opened, the AlertDialog will move up equivalent to the keyboard height. | Boolean | No | iOS | No |
+| avoidKeyboard | If true and the keyboard is opened, the AlertDialog will move up equivalent to the keyboard height. | Boolean | No | iOS | Yes |
 | closeOnOverlayClick | If true, the AlertDialog will close when the overlay is clicked | Boolean | No | All | Yes |
 | isKeyboardDismissable | If true, the AlertDialog will close when Escape key is pressed | Boolean | No | No | No |
 | overlayVisible | If true, a backdrop element is visible | Boolean | No | All | Yes |
@@ -625,7 +625,7 @@ The following component attributes are currently supported:
 | size | The size of the modal. | String | No | All | Yes |
 | initialFocusRef | The ref of element to receive focus when the modal opens. | Any | No | All | Yes |
 | finalFocusRef | The ref of element to receive focus when the modal closes. | Any | No | All | Yes |
-| avoidKeyboard | If true and the keyboard is opened, the modal will move up equivalent to the keyboard height. | Boolean | No | iOS | No |
+| avoidKeyboard | If true and the keyboard is opened, the modal will move up equivalent to the keyboard height. | Boolean | No | iOS | Yes |
 | isKeyboardDismissable | If true, the modal will close when Escape key is pressed. | Boolean | No | All | Yes |
 | overlayVisible | If true, a backdrop element is visible. | Boolean | No | All | Yes |
 | backdropVisible | If true, a backdrop element is visible. | Boolean | No | All | Yes |
@@ -803,7 +803,7 @@ The following component attributes are currently supported:
 
 - [ ] FormControl 组件 isDisabled 属性无效: [issue#1](https://github.com/GeekyAnts/NativeBase/issues/5707)
 - [ ] Select 组件 placeholderTextColor 属性无效: [issue#16](https://github.com/react-native-oh-library/NativeBase/issues/16)
-- [ ] Modal,AlertDialog,组件 avoidKeyboard 属性无效: [issue#17](https://github.com/react-native-oh-library/NativeBase/issues/17)
+- [X] Modal,AlertDialog,组件avoidKeyboard属性无效: [issue#17](https://github.com/react-native-oh-library/NativeBase/issues/17)
 
 ## Others
 
diff --git a/zh-cn/NativeBase.md b/zh-cn/NativeBase.md
index 225a5d21..62e59843 100644
--- a/zh-cn/NativeBase.md
+++ b/zh-cn/NativeBase.md
@@ -570,7 +570,7 @@ const styles = StyleSheet.create({
 |        leastDestructiveRef         |           最小元素节点    |       Object        |    No    |   No    |        No        |
 |        initialFocusRef         |           打开时焦点元素节点    |       Object        |    No    |   All    |        Yes        |
 |        finalFocusRef         |           关闭时焦点元素节点    |       Object        |    No    |   All    |        Yes        |
-|        avoidKeyboard         |           键盘打开，则 AlertDialog 将向上移动相当于键盘高度     |       Boolean        |    No    |   iOS    |        No        |
+|        avoidKeyboard         |           键盘打开，则 AlertDialog 将向上移动相当于键盘高度     |       Boolean        |    No    |   iOS    |        Yes        |
 |        closeOnOverlayClick         |           点击关闭    |       Boolean        |    No    |   All    |        Yes        |
 |        isKeyboardDismissable         |           Esc关闭    |       Boolean        |    No    |   No    |        No        |
 |        overlayVisible         |           背景元素是否可见    |       Boolean        |    No    |   All    |        Yes        |
@@ -639,7 +639,7 @@ const styles = StyleSheet.create({
 |        size         |            尺寸   |        String        |    No    |   All    |        Yes        |
 |        initialFocusRef         |            模态框打开时最初获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
 |        finalFocusRef         |            模态框关闭时最终获得焦点的元素节点    |        Any       |    No    |   All    |        Yes        |
-|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   iOS    |        No        |
+|        avoidKeyboard         |            键盘打开，则 Modal 将向上移动相当于键盘高度      |        Boolean       |    No    |   iOS    |        Yes        |
 |        isKeyboardDismissable         |            控制是否可以通过触摸屏幕外部或按下系统返回键来关闭键盘和模态框    |        Boolean       |    No    |   All    |        Yes        |
 |        overlayVisible         |            控制模态框的背景覆盖层（overlay）是否可见    |        Boolean       |    No    |   All    |        Yes        |
 |        backdropVisible         |            控制模态框的背景遮罩是否可见    |        Boolean       |    No    |   All    |        Yes        |
@@ -817,7 +817,7 @@ const styles = StyleSheet.create({
 ## 遗留问题
 - [ ] FormControl组件isDisabled属性无效: [issue#1](https://github.com/GeekyAnts/NativeBase/issues/5707)
 - [ ] Select组件placeholderTextColor属性无效: [issue#16](https://github.com/react-native-oh-library/NativeBase/issues/16)
-- [ ] Modal,AlertDialog,组件avoidKeyboard属性无效: [issue#17](https://github.com/react-native-oh-library/NativeBase/issues/17)
+- [X] Modal,AlertDialog,组件 avoidKeyboard 属性无效: [issue#17](https://github.com/react-native-oh-library/NativeBase/issues/17)
 
 ## 其他
 

From fe987094b2615adf675afd6c3994523c5bc8f779 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E9=87=91=E5=AF=BF?= <zhengjinshou@huawei.com>
Date: Fri, 6 Dec 2024 06:39:22 +0000
Subject: [PATCH 915/966] =?UTF-8?q?!1948=20docs:=20[Issues:=20#IB9I1A]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-fs=20=E6=96=87=E6=A1=A3=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IB9I1A]=20=E4=BF=AE=E6=94=B9=20react-nat?=
 =?UTF-8?q?ive-fs=20=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-fs.md    | 239 +++++++++++++++++++++------------------
 zh-cn/model-gitee.md     |  16 +--
 zh-cn/react-native-fs.md | 233 +++++++++++++++++++++-----------------
 3 files changed, 270 insertions(+), 218 deletions(-)

diff --git a/en/react-native-fs.md b/en/react-native-fs.md
index 8325d474..d2f404a7 100644
--- a/en/react-native-fs.md
+++ b/en/react-native-fs.md
@@ -1,40 +1,31 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-fs</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/itinance/react-native-fs">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-oh-library/react-native-fs/blob/sig/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
-
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-fs)
+This project is based on [react-native-fs@2.20.0](https://github.com/itinance/react-native-fs)。
 
-## Installation and Usage
+| Version                     | Package Name                         | Repository                                                                       | Release                                                                                            |
+| --------------------------- | ------------------------------------ | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
+| <= 2.20.0-0.1.14@deprecated | @react-native-oh-tpl/react-native-fs | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-fs) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-fs/releases) |
+| >= 2.20.1                   | @react-native-ohos/react-native-fs   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-fs)                 | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-fs/releases)                 |
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+## 1. Installation and Usage
 
 Go to the project directory and execute the following instruction:
 
-
-
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fs
+npm install @react-native-ohos/react-native-fs
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fs
+yarn add @react-native-ohos/react-native-fs
 ```
 
 <!-- tabs:end -->
@@ -45,18 +36,10 @@ The following code shows the basic use scenario of the repository:
 
 ```tsx
 import React, { useState } from "react";
-import {
-  SafeAreaView,
-  StyleSheet,
-  ScrollView,
-  View,
-  Text,
-  StatusBar,
-  TextInput,
-  Button,
-} from "react-native";
+import { SafeAreaView, StyleSheet, ScrollView, View, Text, StatusBar, TextInput, Button } from "react-native";
 import FS from "react-native-fs";
 import { Colors } from "react-native/Libraries/NewAppScreen";
+
 function App(): React.JSX.Element {
   const [mkdirParam, setMkdirParam] = useState("");
   const mkdirExample = () => {
@@ -75,13 +58,8 @@ function App(): React.JSX.Element {
     <>
       <StatusBar barStyle="dark-content" />
       <SafeAreaView>
-        <ScrollView
-          contentInsetAdjustmentBehavior="automatic"
-          style={styles.scrollView}
-        >
-          <Text style={styles.sectionTitle}>
-            {"React Native File Harmony Demo App"}
-          </Text>
+        <ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.scrollView}>
+          <Text style={styles.sectionTitle}>{"React Native File Harmony Demo App"}</Text>
           <View style={styles.body}>
             <View style={styles.sectionContainer}>
               <Text style={styles.sectionTitle}>{"mkdir"}</Text>
@@ -94,11 +72,7 @@ function App(): React.JSX.Element {
                   autoCapitalize="none"
                 />
               </View>
-              <Button
-                title="Create Directory"
-                color="#9a73ef"
-                onPress={mkdirExample}
-              />
+              <Button title="Create Directory" color="#9a73ef" onPress={mkdirExample} />
             </View>
           </View>
         </ScrollView>
@@ -141,31 +115,34 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## Use Codegen
+## 2. Manual Link
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
+This step provides guidance for manually configuring native dependencies.
 
-## Link
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+### 2.1 Overrides RN SDK
 
-Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2 Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code。
 
 Method 1 (recommended): Use the HAR file.
 
@@ -176,7 +153,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-fs": "file:../../node_modules/@react-native-oh-tpl/react-native-fs/harmony/fs.har"
+    "@react-native-ohos/react-native-fs": "file:../../node_modules/@react-native-ohos/react-native-fs/harmony/fs.har"
   }
 ```
 
@@ -193,15 +170,65 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
+### 2.3 Configuring CMakeLists and Introducing RNFSPackage
+
+> [!TIP] Required for version `v2.20.1` and above
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
-### 3.Introducing FsPackage to ArkTS
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-fs/src/main/cpp" ./fs)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_fs)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNFSPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNFSPackage>(ctx)
+    };
+}
+```
+
+### 2.4. Introducing FsPackage to ArkTS
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
 import type { RNPackageContext, RNPackage } from 'rnoh/ts';
   ...
-+ import { FsPackage } from '@react-native-oh-tpl/react-native-fs/ts';
++ import { FsPackage } from '@react-native-ohos/react-native-fs/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -211,7 +238,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.Running
+### 2.5. Running
 
 Click the `sync` button in the upper right corner.
 
@@ -224,15 +251,13 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
-
-### Compatibility
+## 3. Constraints
 
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+### 3.1 Compatibility
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)
+Check the release version information in the release address of the third-party library:[@react-native-ohos/react-native-fs Releases](https://gitee.com/openharmony-sig/rntpc_react-native-fs/releases)
 
-## Static Methods
+## 4. Static Methods
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -240,70 +265,70 @@ Check the release version information in the release address of the third-party
 
 | Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
 | :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
-| DocumentDirectoryPath        | System Path | string | No       | IOS/Android     | yes               |                          |
-| CachesDirectoryPath          | System Path | string | No       | IOS/Android     | yes               |                          |
-| MainBundlePath               | System Path | string | No       | IOS             | yes               |                          |
+| DocumentDirectoryPath        | System Path | string | No       | iOS/Android     | yes               |                          |
+| CachesDirectoryPath          | System Path | string | No       | iOS/Android     | yes               |                          |
+| MainBundlePath               | System Path | string | No       | iOS             | yes               |                          |
 | ExternalCachesDirectoryPath  | System Path | string | No       | Android         | No                | Android only             |
 | DownloadDirectoryPath        | System Path | string | No       | Android/Windows | No                | not available on Harmony |
-| TemporaryDirectoryPath       | System Path | string | No       | IOS/Android     | yes               |                          |
-| LibraryDirectoryPath         | System Path | string | No       | IOS             | yes               |                          |
+| TemporaryDirectoryPath       | System Path | string | No       | iOS/Android     | yes               |                          |
+| LibraryDirectoryPath         | System Path | string | No       | iOS             | yes               |                          |
 | ExternalDirectoryPath        | System Path | string | No       | Android         | No                | Android only             |
 | ExternalStorageDirectoryPath | System Path | string | No       | Android         | No                | Android only             |
 | PicturesDirectoryPath        | System Path | string | No       | Windows         | No                | Windows only             |
 | RoamingDirectoryPath         | System Path | string | No       | Windows         | No                | Windows only             |
 
-## APIs
+## 5. APIs
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
-| ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
-| mkdir                   | Create a directory at `filepath`.                            | function | Android     | No       | yes               |                   |
-| exists                  | Check if the item exists at `filepath`.                      | function | IOS/Android | No       | yes               |                   |
-| readFile                | Reads the file at `path` and return contents.                | function | IOS/Android | No       | yes               |                   |
-| readFileAssets          | Reads the file at `path` in the harmony app's assets folder and return contents. | function | Android     | No       | yes               |                   |
-| writeFile               | Write the `contents` to `filepath`.                          | function | IOS/Android | No       | yes               |                   |
-| appendFile              | Append the `contents` to `filepath`.                         | function | IOS/Android | No       | yes               |                   |
-| copyFile                | Copies the file located at `filepath` to `destPath`.         | function | IOS         | No       | yes               |                   |
-| unlink                  | Unlinks the item at `filepath`.                              | function | IOS/Android | No       | yes               |                   |
-| hash                    | Reads the file at `path` and returns its checksum as determined by `algorithm`, which can be one of `md5`, `sha1`, `sha256`. | function | IOS/Android | No       | partially         |                   |
-| moveFile                | Moves the file located at `filepath` to `destPath`.          | function | IOS/Android | No       | yes               |                   |
-| read                    | Reads `length` bytes from the given `position` of the file at `path` and returns contents. | function | IOS/Android | No       | yes               |                   |
-| write                   | Write the `contents` to `filepath` at the given random access position. | function | IOS/Android | No       | yes               |                   |
-| touch                   | Sets the modification timestamp `mtime`of the file at `filepath`. | function | IOS/Android | No       | partially         |                   |
-| stat                    | Stats an item at `filepath`.                                 | function | IOS/Android | No       | yes               |                   |
-| readDir                 | Reads the contents of `path`.                                | function | IOS/Android | No       | yes               |                   |
-| readDirAssets           | Reads the contents of `dirpath ` in the Android app's assets folder. | function | Android     | No       | No                | Android only      |
-| readdir                 | Node.js style version of `readDir` that returns only the names. | function | IOS/Android | No       | No                | No API on Harmony |
-| readFileRes             | Reads the file named `filename` in the Android app's `res` folder and return contents. | function | Android     | No       | No                | Android only      |
-| copyFolder              | Copies the contents located at `srcFolderPath` to `destFolderPath`. | function | Windows     | No       | No                | Windows only      |
-| copyFileAssets          | Copies the file at `filepath` in the Android app's assets folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
-| copyFileRes             | Copies the file named `filename` in the Android app's res folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
-| copyAssetsFileIOS       | Reads an image file from Camera Roll and writes to `destPath`. | function | IOS         | No       | No                | IOS only          |
-| copyAssetsVideoIOS      | Copies a video from assets-library, that is prefixed with 'assets-library://asset/asset.MOV?...' to a specific destination. | function | IOS         | No       | No                | IOS only          |
-| existsAssets            | Check in the Android assets folder if the item exists.       | function | Android     | No       | yes               |                   |
-| existsRes               | Check in the Android res folder if the item named `filename` exists. | function | Android     | No       | No                | Android only      |
-| downloadFile            | Abort the current download job with this ID.                 | function | IOS/Android | No       | yes               |                   |
-| stopDownload            | Abort the current download job with this ID.                 | function | IOS/Android | No       | No                | No API on Harmony |
-| resumeDownload          | Resume the current download job with this ID.                | function | IOS         | No       | No                | IOS only          |
-| isResumable             | Check if the the download job with this ID is resumable with `resumeDownload()`. | function | IOS         | No       | No                | IOS only          |
-| completeHandlerIOS      | For use when using background downloads, tell iOS you are done handling a completed download. | function | IOS         | No       | No                | IOS only          |
-| uploadFiles             | Percentage can be computed easily by dividing `totalBytesSent` by `totalBytesExpectedToSend`. | function | IOS/Android | No       | No                | No API on Harmony |
-| stopUpload              | Abort the current upload job with this ID.                   | function | IOS         | No       | No                | IOS only          |
-| getFSInfo               | Returns an object with the following properties.             | function | IOS/Android | No       | No                | No API on Harmony |
-| scanFile                | Scan the file using [Media Scanner](https://developer.android.com/reference/android/media/MediaScannerConnection). | function | Android     | No       | No                | Android only      |
+| Name                    | Description                                                                                                                                                                   | Type     | Platform    | Required | HarmonyOS Support | Remark            |
+| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | -------- | ----------------- | ----------------- |
+| mkdir                   | Create a directory at `filepath`.                                                                                                                                             | function | Android     | No       | yes               |                   |
+| exists                  | Check if the item exists at `filepath`.                                                                                                                                       | function | iOS/Android | No       | yes               |                   |
+| readFile                | Reads the file at `path` and return contents.                                                                                                                                 | function | iOS/Android | No       | yes               |                   |
+| readFileAssets          | Reads the file at `path` in the harmony app's assets folder and return contents.                                                                                              | function | Android     | No       | yes               |                   |
+| writeFile               | Write the `contents` to `filepath`.                                                                                                                                           | function | iOS/Android | No       | yes               |                   |
+| appendFile              | Append the `contents` to `filepath`.                                                                                                                                          | function | iOS/Android | No       | yes               |                   |
+| copyFile                | Copies the file located at `filepath` to `destPath`.                                                                                                                          | function | iOS         | No       | yes               |                   |
+| unlink                  | Unlinks the item at `filepath`.                                                                                                                                               | function | iOS/Android | No       | yes               |                   |
+| hash                    | Reads the file at `path` and returns its checksum as determined by `algorithm`, which can be one of `md5`, `sha1`, `sha256`.                                                  | function | iOS/Android | No       | partially         |                   |
+| moveFile                | Moves the file located at `filepath` to `destPath`.                                                                                                                           | function | iOS/Android | No       | yes               |                   |
+| read                    | Reads `length` bytes from the given `position` of the file at `path` and returns contents.                                                                                    | function | iOS/Android | No       | yes               |                   |
+| write                   | Write the `contents` to `filepath` at the given random access position.                                                                                                       | function | iOS/Android | No       | yes               |                   |
+| touch                   | Sets the modification timestamp `mtime`of the file at `filepath`.                                                                                                             | function | iOS/Android | No       | partially         |                   |
+| stat                    | Stats an item at `filepath`.                                                                                                                                                  | function | iOS/Android | No       | yes               |                   |
+| readDir                 | Reads the contents of `path`.                                                                                                                                                 | function | iOS/Android | No       | yes               |                   |
+| readDirAssets           | Reads the contents of `dirpath ` in the Android app's assets folder.                                                                                                          | function | Android     | No       | No                | Android only      |
+| readdir                 | Node.js style version of `readDir` that returns only the names.                                                                                                               | function | iOS/Android | No       | No                | No API on Harmony |
+| readFileRes             | Reads the file named `filename` in the Android app's `res` folder and return contents.                                                                                        | function | Android     | No       | No                | Android only      |
+| copyFolder              | Copies the contents located at `srcFolderPath` to `destFolderPath`.                                                                                                           | function | Windows     | No       | No                | Windows only      |
+| copyFileAssets          | Copies the file at `filepath` in the Android app's assets folder and copies it to the given `destPath ` path.                                                                 | function | Android     | No       | No                | Android only      |
+| copyFileRes             | Copies the file named `filename` in the Android app's res folder and copies it to the given `destPath ` path.                                                                 | function | Android     | No       | No                | Android only      |
+| copyAssetsFileIOS       | Reads an image file from Camera Roll and writes to `destPath`.                                                                                                                | function | iOS         | No       | No                | iOS only          |
+| copyAssetsVideoIOS      | Copies a video from assets-library, that is prefixed with 'assets-library://asset/asset.MOV?...' to a specific destination.                                                   | function | iOS         | No       | No                | iOS only          |
+| existsAssets            | Check in the Android assets folder if the item exists.                                                                                                                        | function | Android     | No       | yes               |                   |
+| existsRes               | Check in the Android res folder if the item named `filename` exists.                                                                                                          | function | Android     | No       | No                | Android only      |
+| downloadFile            | Abort the current download job with this ID.                                                                                                                                  | function | iOS/Android | No       | yes               |                   |
+| stopDownload            | Abort the current download job with this ID.                                                                                                                                  | function | iOS/Android | No       | No                | No API on Harmony |
+| resumeDownload          | Resume the current download job with this ID.                                                                                                                                 | function | iOS         | No       | No                | iOS only          |
+| isResumable             | Check if the the download job with this ID is resumable with `resumeDownload()`.                                                                                              | function | iOS         | No       | No                | iOS only          |
+| completeHandlerIOS      | For use when using background downloads, tell iOS you are done handling a completed download.                                                                                 | function | iOS         | No       | No                | iOS only          |
+| uploadFiles             | Percentage can be computed easily by dividing `totalBytesSent` by `totalBytesExpectedToSend`.                                                                                 | function | iOS/Android | No       | No                | No API on Harmony |
+| stopUpload              | Abort the current upload job with this ID.                                                                                                                                    | function | iOS         | No       | No                | iOS only          |
+| getFSInfo               | Returns an object with the following properties.                                                                                                                              | function | iOS/Android | No       | No                | No API on Harmony |
+| scanFile                | Scan the file using [Media Scanner](https://developer.android.com/reference/android/media/MediaScannerConnection).                                                            | function | Android     | No       | No                | Android only      |
 | getAllExternalFilesDirs | Returns an array with the absolute paths to application-specific directories on all shared/external storage devices where the application can place persistent files it owns. | function | Android     | No       | No                | Android only      |
-| pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier. | function | IOS         | No       | No                | IOS only          |
+| pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier.                                                               | function | iOS         | No       | No                | iOS only          |
 
-## Known Issues
+## 6. Known Issues
 
-- [ ] HarmonyOS 的 hash 哈希 API 中关于算法参数 algorithm 目前仅支持"md5"、"sha1"、 "sha256"，其他相关算法参数目前不支持，问题: [issue#1](https://github.com/react-native-oh-library/react-native-fs/issues/1)
-- [ ] 原库部分接口在 HarmonyOS 中没有对应文件路径常量及接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-fs/issues/2)
+- [ ] The algorithm parameter algorithm in the hash API of HarmonyOS currently only supports "md5", "sha1", and "sha256". Other related algorithm parameters are currently not supported. Problem: [issue#1](https://github.com/react-native-oh-library/react-native-fs/issues/1)
+- [ ] Some interfaces in the original library do not have corresponding file path constants and interface processing related logic in HarmonyOS. Problem:[issue#2](https://github.com/react-native-oh-library/react-native-fs/issues/2)
 
-## Others
+## 7. Others
 
-## License
+## 8. License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE).
diff --git a/zh-cn/model-gitee.md b/zh-cn/model-gitee.md
index bb96defe..b219b842 100644
--- a/zh-cn/model-gitee.md
+++ b/zh-cn/model-gitee.md
@@ -72,7 +72,7 @@ export default App;
 
 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-### 2.1 Overrides RN SDK
+### 2.1. Overrides RN SDK
 
 为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
@@ -88,7 +88,7 @@ export default App;
 }
 ```
 
-### 2.2 引入原生端代码
+### 2.2. 引入原生端代码
 
 目前有两种方法：
 
@@ -121,7 +121,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 2.3 配置 CMakeLists 和引入 xxxPackge
+### 2.3. 配置 CMakeLists 和引入 xxxPackge
 
 **若涉及接入 codegen-lib 导致的配置项新增，需要在配置项前明确声明：> [!TIP] 版本 vx.x.x 及以上需要**（删除）
 
@@ -158,7 +158,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 **提示：ArkTs 侧引入 Fabric 组件**（删除）
 
-### 2.4 在 ArkTs 侧引入 xxx 组件（若本库已 CAPI 化则需要删除本段）
+### 2.4. 在 ArkTs 侧引入 xxx 组件（若本库已 CAPI 化则需要删除本段）
 
 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
@@ -191,7 +191,7 @@ const arkTsComponentNames: Array<string> = [
 
 **提示：TurboModule**（删除）
 
-### 2.5 在 ArkTs 侧引入 xxx Package
+### 2.5. 在 ArkTs 侧引入 xxx Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
@@ -206,7 +206,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 2.6 运行
+### 2.6. 运行
 
 点击右上角的 `sync` 按钮
 
@@ -221,7 +221,7 @@ ohpm install
 
 ## 3. 约束与限制
 
-### 3.1 兼容性
+### 3.1. 兼容性
 
 **修改了原库代码的库使用下述描述**（删除）
 
@@ -237,7 +237,7 @@ ohpm install
 
 1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.0.3.906; ROM: NEXT.0.0.71;
 
-### 3.2 权限要求（如有）
+### 3.2. 权限要求（如有）
 
 （填入相关权限配置）
 
diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md
index 3e1c7996..6652a41f 100644
--- a/zh-cn/react-native-fs.md
+++ b/zh-cn/react-native-fs.md
@@ -1,23 +1,17 @@
-模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-fs</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/itinance/react-native-fs">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-oh-library/react-native-fs/blob/sig/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fs)
+本项目基于 [react-native-fs@2.20.0](https://github.com/itinance/react-native-fs) 开发。
 
-## 安装与使用
+| Version                     | Package Name                         | Repository                                                                       | Release                                                                                            |
+| --------------------------- | ------------------------------------ | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
+| <= 2.20.0-0.1.14@deprecated | @react-native-oh-tpl/react-native-fs | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-fs) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-fs/releases) |
+| >= 2.20.1                   | @react-native-ohos/react-native-fs   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-fs)                 | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-fs/releases)                 |
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -26,13 +20,13 @@
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-fs
+npm install @react-native-ohos/react-native-fs
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-fs
+yarn add @react-native-ohos/react-native-fs
 ```
 
 <!-- tabs:end -->
@@ -43,18 +37,10 @@ yarn add @react-native-oh-tpl/react-native-fs
 
 ```tsx
 import React, { useState } from "react";
-import {
-  SafeAreaView,
-  StyleSheet,
-  ScrollView,
-  View,
-  Text,
-  StatusBar,
-  TextInput,
-  Button,
-} from "react-native";
+import { SafeAreaView, StyleSheet, ScrollView, View, Text, StatusBar, TextInput, Button } from "react-native";
 import FS from "react-native-fs";
 import { Colors } from "react-native/Libraries/NewAppScreen";
+
 function App(): React.JSX.Element {
   const [mkdirParam, setMkdirParam] = useState("");
   const mkdirExample = () => {
@@ -73,13 +59,8 @@ function App(): React.JSX.Element {
     <>
       <StatusBar barStyle="dark-content" />
       <SafeAreaView>
-        <ScrollView
-          contentInsetAdjustmentBehavior="automatic"
-          style={styles.scrollView}
-        >
-          <Text style={styles.sectionTitle}>
-            {"React Native File Harmony Demo App"}
-          </Text>
+        <ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.scrollView}>
+          <Text style={styles.sectionTitle}>{"React Native File Harmony Demo App"}</Text>
           <View style={styles.body}>
             <View style={styles.sectionContainer}>
               <Text style={styles.sectionTitle}>{"mkdir"}</Text>
@@ -92,11 +73,7 @@ function App(): React.JSX.Element {
                   autoCapitalize="none"
                 />
               </View>
-              <Button
-                title="Create Directory"
-                color="#9a73ef"
-                onPress={mkdirExample}
-              />
+              <Button title="Create Directory" color="#9a73ef" onPress={mkdirExample} />
             </View>
           </View>
         </ScrollView>
@@ -139,33 +116,34 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## 使用 Codegen
+## 2. Manual Link
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+此步骤为手动配置原生依赖项的指导。
 
-## Link
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1. Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2. 引入原生端代码
 
 目前有两种方法：
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+- 通过 har 包引入；
+- 直接链接源码。
 
 方法一：通过 har 包引入（推荐）
 
@@ -176,7 +154,7 @@ export default App;
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-fs": "file:../../node_modules/@react-native-oh-tpl/react-native-fs/harmony/fs.har"
+    "@react-native-ohos/react-native-fs": "file:../../node_modules/@react-native-ohos/react-native-fs/harmony/fs.har"
   }
 ```
 
@@ -193,15 +171,65 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
+### 2.3. 配置 CMakeLists 和引入 RNFSPackage
+
+> [!TIP] 版本 v2.20.1 及以上需要
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-fs/src/main/cpp" ./fs)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_fs)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "RNFSPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNFSPackage>(ctx)
+    };
+}
+```
 
-### 3.在 ArkTs 侧引入 FsPackage
+### 2.4. 在 ArkTs 侧引入 FsPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
 import type { RNPackageContext, RNPackage } from 'rnoh/ts';
   ...
-+ import { FsPackage } from '@react-native-oh-tpl/react-native-fs/ts';
++ import { FsPackage } from '@react-native-ohos/react-native-fs/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -211,7 +239,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 2.5. 运行
 
 点击右上角的 `sync` 按钮
 
@@ -224,15 +252,14 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
+## 3. 约束与限制
 
-### 兼容性
+### 3.1. 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-fs Releases](https://github.com/react-native-oh-library/react-native-fs/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-fs Releases](https://gitee.com/openharmony-sig/rntpc_react-native-fs/releases)
 
-## 静态方法
+## 4. 静态方法
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -240,70 +267,70 @@ ohpm install
 
 | Name                         | Description | Type   | Required | Platform        | HarmonyOS Support | Remark                   |
 | :--------------------------- | ----------- | ------ | -------- | --------------- | ----------------- | ------------------------ |
-| DocumentDirectoryPath        | System Path | string | No       | IOS/Android     | yes               |                          |
-| CachesDirectoryPath          | System Path | string | No       | IOS/Android     | yes               |                          |
-| MainBundlePath               | System Path | string | No       | IOS             | yes               |                          |
+| DocumentDirectoryPath        | System Path | string | No       | iOS/Android     | yes               |                          |
+| CachesDirectoryPath          | System Path | string | No       | iOS/Android     | yes               |                          |
+| MainBundlePath               | System Path | string | No       | iOS             | yes               |                          |
 | ExternalCachesDirectoryPath  | System Path | string | No       | Android         | No                | Android only             |
 | DownloadDirectoryPath        | System Path | string | No       | Android/Windows | No                | not available on Harmony |
-| TemporaryDirectoryPath       | System Path | string | No       | IOS/Android     | yes               |                          |
-| LibraryDirectoryPath         | System Path | string | No       | IOS             | yes               |                          |
+| TemporaryDirectoryPath       | System Path | string | No       | iOS/Android     | yes               |                          |
+| LibraryDirectoryPath         | System Path | string | No       | iOS             | yes               |                          |
 | ExternalDirectoryPath        | System Path | string | No       | Android         | No                | Android only             |
 | ExternalStorageDirectoryPath | System Path | string | No       | Android         | No                | Android only             |
 | PicturesDirectoryPath        | System Path | string | No       | Windows         | No                | Windows only             |
 | RoamingDirectoryPath         | System Path | string | No       | Windows         | No                | Windows only             |
 
-## API
+## 5. API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                    | Description                                                  | Type     | Platform    | Required | HarmonyOS Support | Remark            |
-| ----------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- | ----------------- |
-| mkdir                   | Create a directory at `filepath`.                            | function | Android     | No       | yes               |                   |
-| exists                  | Check if the item exists at `filepath`.                      | function | IOS/Android | No       | yes               |                   |
-| readFile                | Reads the file at `path` and return contents.                | function | IOS/Android | No       | yes               |                   |
-| readFileAssets          | Reads the file at `path` in the harmony app's assets folder and return contents. | function | Android     | No       | yes               |                   |
-| writeFile               | Write the `contents` to `filepath`.                          | function | IOS/Android | No       | yes               |                   |
-| appendFile              | Append the `contents` to `filepath`.                         | function | IOS/Android | No       | yes               |                   |
-| copyFile                | Copies the file located at `filepath` to `destPath`.         | function | IOS         | No       | yes               |                   |
-| unlink                  | Unlinks the item at `filepath`.                              | function | IOS/Android | No       | yes               |                   |
-| hash                    | Reads the file at `path` and returns its checksum as determined by `algorithm`, which can be one of `md5`, `sha1`, `sha256`. | function | IOS/Android | No       | partially         |                   |
-| moveFile                | Moves the file located at `filepath` to `destPath`.          | function | IOS/Android | No       | yes               |                   |
-| read                    | Reads `length` bytes from the given `position` of the file at `path` and returns contents. | function | IOS/Android | No       | yes               |                   |
-| write                   | Write the `contents` to `filepath` at the given random access position. | function | IOS/Android | No       | yes               |                   |
-| touch                   | Sets the modification timestamp `mtime`of the file at `filepath`. | function | IOS/Android | No       | partially         |                   |
-| stat                    | Stats an item at `filepath`.                                 | function | IOS/Android | No       | yes               |                   |
-| readDir                 | Reads the contents of `path`.                                | function | IOS/Android | No       | yes               |                   |
-| readDirAssets           | Reads the contents of `dirpath ` in the Android app's assets folder. | function | Android     | No       | No                | Android only      |
-| readdir                 | Node.js style version of `readDir` that returns only the names. | function | IOS/Android | No       | No                | No API on Harmony |
-| readFileRes             | Reads the file named `filename` in the Android app's `res` folder and return contents. | function | Android     | No       | No                | Android only      |
-| copyFolder              | Copies the contents located at `srcFolderPath` to `destFolderPath`. | function | Windows     | No       | No                | Windows only      |
-| copyFileAssets          | Copies the file at `filepath` in the Android app's assets folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
-| copyFileRes             | Copies the file named `filename` in the Android app's res folder and copies it to the given `destPath ` path. | function | Android     | No       | No                | Android only      |
-| copyAssetsFileIOS       | Reads an image file from Camera Roll and writes to `destPath`. | function | IOS         | No       | No                | IOS only          |
-| copyAssetsVideoIOS      | Copies a video from assets-library, that is prefixed with 'assets-library://asset/asset.MOV?...' to a specific destination. | function | IOS         | No       | No                | IOS only          |
-| existsAssets            | Check in the Android assets folder if the item exists.       | function | Android     | No       | yes               |                   |
-| existsRes               | Check in the Android res folder if the item named `filename` exists. | function | Android     | No       | No                | Android only      |
-| downloadFile            | Abort the current download job with this ID.                 | function | IOS/Android | No       | yes               |                   |
-| stopDownload            | Abort the current download job with this ID.                 | function | IOS/Android | No       | No                | No API on Harmony |
-| resumeDownload          | Resume the current download job with this ID.                | function | IOS         | No       | No                | IOS only          |
-| isResumable             | Check if the the download job with this ID is resumable with `resumeDownload()`. | function | IOS         | No       | No                | IOS only          |
-| completeHandlerIOS      | For use when using background downloads, tell iOS you are done handling a completed download. | function | IOS         | No       | No                | IOS only          |
-| uploadFiles             | Percentage can be computed easily by dividing `totalBytesSent` by `totalBytesExpectedToSend`. | function | IOS/Android | No       | No                | No API on Harmony |
-| stopUpload              | Abort the current upload job with this ID.                   | function | IOS         | No       | No                | IOS only          |
-| getFSInfo               | Returns an object with the following properties.             | function | IOS/Android | No       | No                | No API on Harmony |
-| scanFile                | Scan the file using [Media Scanner](https://developer.android.com/reference/android/media/MediaScannerConnection). | function | Android     | No       | No                | Android only      |
+| Name                    | Description                                                                                                                                                                   | Type     | Platform    | Required | HarmonyOS Support | Remark            |
+| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | -------- | ----------------- | ----------------- |
+| mkdir                   | Create a directory at `filepath`.                                                                                                                                             | function | Android     | No       | yes               |                   |
+| exists                  | Check if the item exists at `filepath`.                                                                                                                                       | function | iOS/Android | No       | yes               |                   |
+| readFile                | Reads the file at `path` and return contents.                                                                                                                                 | function | iOS/Android | No       | yes               |                   |
+| readFileAssets          | Reads the file at `path` in the harmony app's assets folder and return contents.                                                                                              | function | Android     | No       | yes               |                   |
+| writeFile               | Write the `contents` to `filepath`.                                                                                                                                           | function | iOS/Android | No       | yes               |                   |
+| appendFile              | Append the `contents` to `filepath`.                                                                                                                                          | function | iOS/Android | No       | yes               |                   |
+| copyFile                | Copies the file located at `filepath` to `destPath`.                                                                                                                          | function | iOS         | No       | yes               |                   |
+| unlink                  | Unlinks the item at `filepath`.                                                                                                                                               | function | iOS/Android | No       | yes               |                   |
+| hash                    | Reads the file at `path` and returns its checksum as determined by `algorithm`, which can be one of `md5`, `sha1`, `sha256`.                                                  | function | iOS/Android | No       | partially         |                   |
+| moveFile                | Moves the file located at `filepath` to `destPath`.                                                                                                                           | function | iOS/Android | No       | yes               |                   |
+| read                    | Reads `length` bytes from the given `position` of the file at `path` and returns contents.                                                                                    | function | iOS/Android | No       | yes               |                   |
+| write                   | Write the `contents` to `filepath` at the given random access position.                                                                                                       | function | iOS/Android | No       | yes               |                   |
+| touch                   | Sets the modification timestamp `mtime`of the file at `filepath`.                                                                                                             | function | iOS/Android | No       | partially         |                   |
+| stat                    | Stats an item at `filepath`.                                                                                                                                                  | function | iOS/Android | No       | yes               |                   |
+| readDir                 | Reads the contents of `path`.                                                                                                                                                 | function | iOS/Android | No       | yes               |                   |
+| readDirAssets           | Reads the contents of `dirpath ` in the Android app's assets folder.                                                                                                          | function | Android     | No       | No                | Android only      |
+| readdir                 | Node.js style version of `readDir` that returns only the names.                                                                                                               | function | iOS/Android | No       | No                | No API on Harmony |
+| readFileRes             | Reads the file named `filename` in the Android app's `res` folder and return contents.                                                                                        | function | Android     | No       | No                | Android only      |
+| copyFolder              | Copies the contents located at `srcFolderPath` to `destFolderPath`.                                                                                                           | function | Windows     | No       | No                | Windows only      |
+| copyFileAssets          | Copies the file at `filepath` in the Android app's assets folder and copies it to the given `destPath ` path.                                                                 | function | Android     | No       | No                | Android only      |
+| copyFileRes             | Copies the file named `filename` in the Android app's res folder and copies it to the given `destPath ` path.                                                                 | function | Android     | No       | No                | Android only      |
+| copyAssetsFileIOS       | Reads an image file from Camera Roll and writes to `destPath`.                                                                                                                | function | iOS         | No       | No                | iOS only          |
+| copyAssetsVideoIOS      | Copies a video from assets-library, that is prefixed with 'assets-library://asset/asset.MOV?...' to a specific destination.                                                   | function | iOS         | No       | No                | iOS only          |
+| existsAssets            | Check in the Android assets folder if the item exists.                                                                                                                        | function | Android     | No       | yes               |                   |
+| existsRes               | Check in the Android res folder if the item named `filename` exists.                                                                                                          | function | Android     | No       | No                | Android only      |
+| downloadFile            | Abort the current download job with this ID.                                                                                                                                  | function | iOS/Android | No       | yes               |                   |
+| stopDownload            | Abort the current download job with this ID.                                                                                                                                  | function | iOS/Android | No       | No                | No API on Harmony |
+| resumeDownload          | Resume the current download job with this ID.                                                                                                                                 | function | iOS         | No       | No                | iOS only          |
+| isResumable             | Check if the the download job with this ID is resumable with `resumeDownload()`.                                                                                              | function | iOS         | No       | No                | iOS only          |
+| completeHandlerIOS      | For use when using background downloads, tell iOS you are done handling a completed download.                                                                                 | function | iOS         | No       | No                | iOS only          |
+| uploadFiles             | Percentage can be computed easily by dividing `totalBytesSent` by `totalBytesExpectedToSend`.                                                                                 | function | iOS/Android | No       | No                | No API on Harmony |
+| stopUpload              | Abort the current upload job with this ID.                                                                                                                                    | function | iOS         | No       | No                | iOS only          |
+| getFSInfo               | Returns an object with the following properties.                                                                                                                              | function | iOS/Android | No       | No                | No API on Harmony |
+| scanFile                | Scan the file using [Media Scanner](https://developer.android.com/reference/android/media/MediaScannerConnection).                                                            | function | Android     | No       | No                | Android only      |
 | getAllExternalFilesDirs | Returns an array with the absolute paths to application-specific directories on all shared/external storage devices where the application can place persistent files it owns. | function | Android     | No       | No                | Android only      |
-| pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier. | function | IOS         | No       | No                | IOS only          |
+| pathForGroup            | Returns the absolute path to the directory shared for all applications with the same security group identifier.                                                               | function | iOS         | No       | No                | iOS only          |
 
-## 遗留问题
+## 6. 遗留问题
 
 - [ ] HarmonyOS 的 hash 哈希 API 中关于算法参数 algorithm 目前仅支持"md5"、"sha1"、 "sha256"，其他相关算法参数目前不支持，问题: [issue#1](https://github.com/react-native-oh-library/react-native-fs/issues/1)
 - [ ] 原库部分接口在 HarmonyOS 中没有对应文件路径常量及接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-fs/issues/2)
 
-## 其他
+## 7. 其他
 
-## 开源协议
+## 8. 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/itinance/react-native-fs/blob/master/LICENSE) ，请自由地享受和参与开源。

From b63a85aab1bce01ecacddbe66332d11f8a8b8bbb Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Sat, 7 Dec 2024 01:53:21 +0000
Subject: [PATCH 916/966] =?UTF-8?q?!1939=20docs:=20[Issues:=20#IB8Y69]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-splash-screen=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB8Y69]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-splash-screen=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-splash-screen.md    | 128 +++++++++++++++++-----------
 zh-cn/react-native-splash-screen.md | 126 ++++++++++++++++-----------
 2 files changed, 155 insertions(+), 99 deletions(-)

diff --git a/en/react-native-splash-screen.md b/en/react-native-splash-screen.md
index 1664d3ca..195ee173 100644
--- a/en/react-native-splash-screen.md
+++ b/en/react-native-splash-screen.md
@@ -1,40 +1,34 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-splash-screen</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/crazycodeboy/react-native-splash-screen">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-splash-screen)
+This project is based on [react-native-splash-screen@3.3.0](https://github.com/crazycodeboy/react-native-splash-screen).
 
-## Installation and Usage
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-splash-screen`, The version correspondence details are as follows:
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+| Version                   | Package Name                                      | Repository         | Release                    |
+|---------------------------| ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 3.3.0-0.0.2@deprecated | @react-native-oh-tpl/react-native-splash-screen | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-splash-screen) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-splash-screen/releases) |
+| > 3.3.0                   | @react-native-ohos/react-native-splash-screen   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/releases) |
 
+## 1. Installation and Usage
 
 Go to the project directory and execute the following instruction:
 
-
-
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-splash-screen
+npm install @react-native-ohos/react-native-splash-screen
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-splash-screen
+yarn add @react-native-ohos/react-native-splash-screen
 ```
 
 <!-- tabs:end -->
@@ -47,7 +41,7 @@ The following code shows the basic use scenario of the repository:
 ##### **Create a launch page `SplashScreenPage.ets` in the entry/src/main/ets/pages directory**
 
 ```ets
-import { SplashScreenView } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreenView'
+import { SplashScreenView } from '@react-native-ohos/react-native-splash-screen/src/main/ets/SplashScreenView'
 
 @Entry
 @Component
@@ -60,7 +54,7 @@ export struct SplashScreenPage {
 }
 ```
 
-##### **Add `pages/SplashScreenPage` in entry/src/resources/base/profile/main_pages.json **
+##### **Add `pages/SplashScreenPage` in entry/src/resources/base/profile/main_pages.json**
 ```json
 {
   "src": [
@@ -69,10 +63,10 @@ export struct SplashScreenPage {
 }
 ```
 
-##### **Open the `entry/src/main/ets/entryability/EntryAbility.ets` file and add the following code: **
+##### **Open the `entry/src/main/ets/entryability/EntryAbility.ets` file and add the following code:**
 ```ets
 import window from '@ohos.window';
-import { SplashScreen } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreen'
+import { SplashScreen } from '@react-native-ohos/react-native-splash-screen/src/main/ets/SplashScreen'
 
 export default class EntryAbility extends RNAbility {
   onWindowStageCreate(windowStage: window.WindowStage): void {
@@ -96,31 +90,34 @@ export default class WelcomePage extends Component {
 }
 ```
 
-## Use Codegen
+## 2. Manual Link
 
-This repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
+This step provides guidance for manually configuring native dependencies.
 
-## Link
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+### 2.1. Overrides RN SDK
 
-Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2. Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code。
 
 Method 1 (recommended): Use the HAR file.
 
@@ -130,8 +127,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-splash-screen": "file:../../node_modules/@react-native-oh-tpl/react-native-splash-screen/harmony/splash_screen.har"
+    "@react-native-ohos/react-native-splash-screen": "file:../../node_modules/@react-native-ohos/react-native-splash-screen/harmony/splash_screen.har"
   }
 ```
 
@@ -148,13 +144,46 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3. Introducing  SplashScreenPackage to ArkTS
+### 2.3. Configuring CMakeLists and Introducing SplashScreenPackage
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-splash-screen/src/main/cpp" ./splash_screen))
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_splash_screen)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "SplashScreenPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
++       std::make_shared<SplashScreenPackage>(ctx),
+    };
+}
+```
+
+### 2.4. Introducing  SplashScreenPackage to ArkTS
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
-+ import {SplashScreenPackage} from '@react-native-oh-tpl/react-native-splash-screen/ts';
++ import {SplashScreenPackage} from '@react-native-ohos/react-native-splash-screen/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -164,7 +193,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5. Running
+### 2.5. Running
 
 Click the `sync` button in the upper right corner.
 
@@ -177,27 +206,24 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
-
-### Compatibility
-
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+## 3. Constraints
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)
+### 3.1. Compatibility
 
+Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-splash-screen Releases](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/releases)
 
-## API
+## 4. API
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
-Name | Description | Type | Required | Platform | HarmonyOS Support
--- | -- | -- | -- | -- | --
-show() | 显示启动屏幕(原生方法) | function | Yes | iOS | No  
-show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) | 显示启动屏幕(原生方法) | function | Yes | iOS/Android | Yes  
-hide() | 隐藏启动屏幕 | function | Yes | iOS/Android | Yes  
+| Name                                                                                                                                 | Description | Type | Required | Platform | HarmonyOS Support|
+|--------------------------------------------------------------------------------------------------------------------------------------| ----- | ----- | ----- | ----- | -----|
+|show()                                                                                                                               | 显示启动屏幕(原生方法) | function | Yes | iOS | No  |
+|show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) | 显示启动屏幕(原生方法) | function | Yes | iOS/Android | Yes  |
+| hide()                                                                                                                               | 隐藏启动屏幕 | function | Yes | iOS/Android | Yes | 
 
 
 > [!TIP] **show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) 方法的参数说明：**
@@ -210,13 +236,13 @@ hide() | 隐藏启动屏幕 | function | Yes | iOS/Android | Yes
 | backgroundColor | 启动页背景色 | string |
 | pageUrl | 首页路由 | bool |
 
-## Known Issues
+## 5. Known Issues
 
-## Others
+## 6. Others
 
-在 iOS 中，show() 方法的工作原理是： 在入口 application 方法中，首先加载 App 首页，然后使用 while 循环让界面停留在 App 启动屏，此时首页仍然会异步加载，加载完成后，停止 while 循环即可隐藏启动屏，显示首页。
+- 在 iOS 中，show() 方法的工作原理是： 在入口 application 方法中，首先加载 App 首页，然后使用 while 循环让界面停留在 App 启动屏，此时首页仍然会异步加载，加载完成后，停止 while 循环即可隐藏启动屏，显示首页。
 HarmonyOS 中，在入口 onWindowStageCreate 中调用 windowStage.loadContent 加载首页，如果此时使用 while 循环，首页无法异步加载。
 
-## License
+## 7.License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE).
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/blob/master/LICENSE).
\ No newline at end of file
diff --git a/zh-cn/react-native-splash-screen.md b/zh-cn/react-native-splash-screen.md
index 829db5fc..467b052c 100644
--- a/zh-cn/react-native-splash-screen.md
+++ b/zh-cn/react-native-splash-screen.md
@@ -1,23 +1,19 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-splash-screen</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/crazycodeboy/react-native-splash-screen">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-splash-screen)
+本项目基于 [react-native-splash-screen@3.3.0](https://github.com/crazycodeboy/react-native-splash-screen) 开发。
 
-## 安装与使用
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-splash-screen`，具体版本所属关系如下：
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+| Version                   | Package Name                                      | Repository         | Release                    |
+|---------------------------| ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 3.3.0-0.0.2@deprecated | @react-native-oh-tpl/react-native-splash-screen | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-splash-screen) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-splash-screen/releases) |
+| > 3.3.0                   | @react-native-ohos/react-native-splash-screen   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/releases) |
 
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -26,13 +22,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-splash-screen
+npm install @react-native-ohos/react-native-splash-screen
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-splash-screen
+yarn add @react-native-ohos/react-native-splash-screen
 ```
 
 <!-- tabs:end -->
@@ -45,7 +41,7 @@ yarn add @react-native-oh-tpl/react-native-splash-screen
 ##### **在 entry/src/main/ets/pages 目录下新建启动页SplashScreenPage.ets**
 
 ```ets
-import { SplashScreenView } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreenView'
+import { SplashScreenView } from '@react-native-ohos/react-native-splash-screen/src/main/ets/SplashScreenView'
 
 @Entry
 @Component
@@ -70,7 +66,7 @@ export struct SplashScreenPage {
 ##### **在 entry/src/main/ets/entryability/EntryAbility.ets 内添加**
 ```ets
 import window from '@ohos.window';
-import { SplashScreen } from '@react-native-oh-tpl/react-native-splash-screen/src/main/ets/SplashScreen'
+import { SplashScreen } from '@react-native-ohos/react-native-splash-screen/src/main/ets/SplashScreen'
 
 export default class EntryAbility extends RNAbility {
   onWindowStageCreate(windowStage: window.WindowStage): void {
@@ -94,33 +90,34 @@ export default class WelcomePage extends Component {
 }
 ```
 
-## 使用 Codegen
+## 2. Manual Link
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+此步骤为手动配置原生依赖项的指导。
 
-## Link
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1. Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2. 引入原生端代码
 
 目前有两种方法：
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+- 通过 har 包引入；
+- 直接链接源码。
 
 方法一：通过 har 包引入（推荐）
 
@@ -130,14 +127,13 @@ export default class WelcomePage extends Component {
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-splash-screen": "file:../../node_modules/@react-native-oh-tpl/react-native-splash-screen/harmony/splash_screen.har"
+    "@react-native-ohos/react-native-splash-screen": "file:../../node_modules/@react-native-ohos/react-native-splash-screen/harmony/splash_screen.har"
   }
 ```
 
 点击右上角的 `sync` 按钮
 
-或者在终端执行：
+或者在命令行终端执行：
 
 ```bash
 cd entry
@@ -147,14 +143,48 @@ ohpm install
 方法二：直接链接源码
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
+> 
+### 2.3. 配置 CMakeLists 和引入 SplashScreenPackage
+
+打开 entry/src/main/cpp/CMakeLists.txt，添加：
+```diff
+  ...
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-splash-screen/src/main/cpp" ./splash_screen)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_splash_screen)
+# RNOH_END: manual_package_linking_2
+
+```
+
+打开 entry/src/main/cpp/PackageProvider.cpp，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "SplashScreenPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
++     std::make_shared<SplashScreenPackage>(ctx)
+    };
+}
+```
 
-### 3.在 ArkTs 侧引入 SplashScreenPackage
+### 2.4. 在 ArkTs 侧引入 SplashScreenPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
   ...
-+ import {SplashScreenPackage} from '@react-native-oh-tpl/react-native-splash-screen/ts';
++ import {SplashScreenPackage} from '@react-native-ohos/react-native-splash-screen/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -164,11 +194,11 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 2.5. 运行
 
 点击右上角的 `sync` 按钮
 
-或者在终端执行：
+或者在命令行终端执行：
 
 ```bash
 cd entry
@@ -178,27 +208,27 @@ ohpm install
 然后编译、运行即可。
 
 
-## 约束与限制
+## 3. 约束与限制
 
-### 兼容性
+### 3.1. 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-splash-screen Releases](https://github.com/react-native-oh-library/react-native-splash-screen/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-splash-screen Releases](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/releases)
 
 
-## API
+## 4. API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
 
-Name | Description | Type | Required | Platform | HarmonyOS Support
--- | -- | -- | -- | -- | --
-show() | 显示启动屏幕(原生方法) | function | Yes | iOS | No  
-show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) | 显示启动屏幕(原生方法) | function | Yes | iOS/Android | Yes  
-hide() | 隐藏启动屏幕 | function | Yes | iOS/Android | Yes  
+|Name | Description | Type | Required | Platform | HarmonyOS Support|
+|----- | ----- | ----- | ----- | ----- | -----|
+|show() | 显示启动屏幕(原生方法) | function | Yes | iOS | No  |
+|show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) | 显示启动屏幕(原生方法) | function | Yes | iOS/Android | Yes|  
+| hide() | 隐藏启动屏幕 | function | Yes | iOS/Android | Yes | 
 
 
 > [!TIP] **show(abilityContext: UIAbilityContext, windowStage: window.WindowStage, iconResource: any, backgroundColor: string, pageUrl: string) 方法的参数说明：**
@@ -211,13 +241,13 @@ hide() | 隐藏启动屏幕 | function | Yes | iOS/Android | Yes
 | backgroundColor | 启动页背景色 | string |
 | pageUrl | 首页路由 | bool |
 
-## 遗留问题
+## 5. 遗留问题
 
-## 其他
+## 6. 其他
 
-在 iOS 中，show() 方法的工作原理是： 在入口 application 方法中，首先加载 App 首页，然后使用 while 循环让界面停留在 App 启动屏，此时首页仍然会异步加载，加载完成后，停止 while 循环即可隐藏启动屏，显示首页。
+- 在 iOS 中，show() 方法的工作原理是： 在入口 application 方法中，首先加载 App 首页，然后使用 while 循环让界面停留在 App 启动屏，此时首页仍然会异步加载，加载完成后，停止 while 循环即可隐藏启动屏，显示首页。
 HarmonyOS 中，在入口 onWindowStageCreate 中调用 windowStage.loadContent 加载首页，如果此时使用 while 循环，首页无法异步加载。
 
-## 开源协议
+## 7. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/crazycodeboy/react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-splash-screen/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From f2503e85bca6a6b047db48455fd0e4c0bf69a12e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=A3=E9=9D=92=E9=A3=9E?= <daiqinghui2@h-partners.com>
Date: Sat, 7 Dec 2024 09:32:39 +0000
Subject: [PATCH 917/966] =?UTF-8?q?!1950=20docs:=20[Issues:=20#IB9RE4]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-toolbar-android?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IB9RE4]=20=E4=BF=AE=E6=94=B9react-native-community-toolbar-andr?=
 =?UTF-8?q?oid=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-toolbar-android.md  | 131 ++++++++++-------
 .../react-native-community-toolbar-android.md | 136 ++++++++++--------
 2 files changed, 154 insertions(+), 113 deletions(-)

diff --git a/en/react-native-community-toolbar-android.md b/en/react-native-community-toolbar-android.md
index 043ca342..30dd2a44 100644
--- a/en/react-native-community-toolbar-android.md
+++ b/en/react-native-community-toolbar-android.md
@@ -1,39 +1,34 @@
-> Template version: v0.2.2
+> Template version: v0.2.2-rc.1
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/toolbar-android</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-toolbar-android/toolbar-android">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/toolbar-android/tree/sig)
+This project is based on [@react-native-toolbar-android/toolbar-android@v0.2.1](https://github.com/react-native-toolbar-android/toolbar-android).
 
-## Installation and Usage
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/toolbar-android`, The version correspondence details are as follows:
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
-
-Go to the project directory and execute the following instruction:
+| Version         | Package Name                                      | Repository         | Release                    |
+|-----------------| ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 0.2.1-0.0.4  | @react-native-oh-tpl/toolbar-android | [Github(deprecated)](https://github.com/react-native-oh-library/toolbar-android) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/toolbar-android/releases) |
+| >= 0.2.2        | @react-native-ohos/toolbar-android   | [Gitee](https://gitee.com/openharmony-sig/rntpc_toolbar-android) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_toolbar-android/releases) |
 
+## 1.Installation and Usage
 
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/toolbar-android
+npm install @react-native-ohos/toolbar-android
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/toolbar-android
+yarn add @react-native-ohos/toolbar-android
 ```
 
 <!-- tabs:end -->
@@ -119,27 +114,36 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## Link
+## 2.Manual Link
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+This step provides guidance for manually configuring native dependencies.
 
 Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+### 2.1.Overrides RN SDK
+
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
   ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2.Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code。
+
 Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
@@ -148,8 +152,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/toolbar-android": "file:../../node_modules/@react-native-oh-tpl/toolbar-android/harmony/toolbar_android.har"
+    "@react-native-ohos/toolbar-android": "file:../../node_modules/@react-native-ohos/toolbar-android/harmony/toolbar_android.har"
   }
 ```
 
@@ -166,7 +169,7 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3. Configuring CMakeLists and Introducing ToolbarAndroidPackage
+### 2.3.Configuring CMakeLists and Introducing ToolbarAndroidPackage
 
 Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
@@ -186,7 +189,7 @@ add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/toolbar-android/src/main/cpp" ./toolbar-android)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/toolbar-android/src/main/cpp" ./toolbar-android)
 # RNOH_END: manual_package_linking_1
 
 add_library(rnoh_app SHARED
@@ -218,18 +221,36 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4. Introducing RNCToolbarAndroid Component to ArkTS
+### 2.4.Introducing RNCCheckBoxPackage to ArkTS
+
+> [!TIP] Required for version `v0.2.22` and above
+
+Open `entry/src/main/ets/RNPackagesFactory.ts` and add:
+
+```diff
+  ...
++ import {ToolbarAndroidPackage} from '@react-native-ohos/toolbar-android/src/main/ets/ToolbarAndroidPackage';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   return [new ToolbarAndroidPackage(ctx)];
+  ];
+}
+
+```
+
+### 2.5.Introducing RNCToolbarAndroid Component to ArkTS
 
 Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
   ...
-+ import { RNCToolbarAndroid, RNC_TOOLBAR_ANDROID_TYPE } from '@react-native-oh-tpl/toolbar-android/src/main/ets/RNCToolbarAndroid'
++ import { RNCToolbarAndroid} from '@react-native-ohos/toolbar-android/src/main/ets/RNCToolbarAndroid'
 
   @Builder
   function buildCustomRNComponent(ctx: ComponentBuilderContext) {
     ...
-+   if (ctx.componentName === RNC_TOOLBAR_ANDROID_TYPE) {
++   if (ctx.componentName === RNCToolbarAndroid.NAME) {
 +     RNCToolbarAndroid({
 +      ctx: ctx.rnComponentContext,
 +      tag: ctx.tag
@@ -247,11 +268,11 @@ Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets`
 ```diff
 const arkTsComponentNames: Array<string> = [
   ...
-+ RNC_TOOLBAR_ANDROID_TYPE
++ RNCToolbarAndroid.NAME
 ];
 ```
 
-### 5. Running
+### 2.6.Running
 
 Click the `sync` button in the upper right corner.
 
@@ -264,15 +285,15 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
+## 3.Constraints
 
-### Compatibility
+### 3.1Compatibility
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)
+Check the release version information in the release address of the third-party library: [@react-native-ohos/toolbar-android Releases](https://gitee.com/openharmony-sig/rntpc_toolbar-android/releases)
 
-## Properties
+## 4.Properties
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -280,23 +301,23 @@ Check the release version information in the release address of the third-party
 
 Inherits [View Props](https://reactnative.dev/docs/view#props).
 
-| Name              | Description                                                                                                                                                                                     | Type                                                                                                          | Required | Platform | HarmonyOS Support |
-| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| actions           | Sets possible actions on the toolbar as part of the action menu. These are displayed as icons or text on the right side of the widget. If they don't fit they are placed in an 'overflow' menu. | array of object: {title: string,icon: ImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No       | Android  | yes               |
-| contentInsetStart | Sets the content inset for the toolbar starting edge.                                                                                                                                           | number                                                                                                        | No       | Android  | yes               |
-| contentInsetEnd   | Sets the content inset for the toolbar ending edge.                                                                                                                                             | number                                                                                                        | No       | Android  | yes               |
-| logo              | Sets the toolbar logo.                                                                                                                                                                          | ImageSource                                                                                                   | No       | Android  | yes               |
-| navIcon           | Sets the navigation icon.                                                                                                                                                                       | ImageSource                                                                                                   | No       | Android  | yes               |
-| onActionSelected  | Callback that is called when an action is selected. The only argument that is passed to the callback is the position of the action in the actions array.                                        | function                                                                                                      | No       | Android  | yes               |
-| onIconClicked     | Callback called when the icon is selected.                                                                                                                                                      | function                                                                                                      | No       | Android  | yes               |
-| overflowIcon      | Sets the overflow icon.                                                                                                                                                                         | ImageSource                                                                                                   | No       | Android  | yes               |
-| rtl               | Used to set the toolbar direction to RTL.                                                                                                                                                       | bool                                                                                                          | No       | Android  | yes               |
-| subtitle          | Sets the toolbar subtitle.                                                                                                                                                                      | string                                                                                                        | No       | Android  | yes               |
-| subtitleColor     | Sets the toolbar subtitle color.                                                                                                                                                                | string                                                                                                        | No       | Android  | yes               |
-| title             | Sets the toolbar title.                                                                                                                                                                         | string                                                                                                        | Yes      | Android  | yes               |
-| titleColor        | Sets the toolbar title color.                                                                                                                                                                   | string                                                                                                        | No       | Android  | yes               |
-
-#### Props of ImageSource
+| Name              | Description                                                                                                                                                                                     | Type                                                                                                          | Required  | Platform | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |-----------| -------- | ----------------- |
+| actions           | Sets possible actions on the toolbar as part of the action menu. These are displayed as icons or text on the right side of the widget. If they don't fit they are placed in an 'overflow' menu. | array of object: {title: string,icon: ImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No        | Android  | yes               |
+| contentInsetStart | Sets the content inset for the toolbar starting edge.                                                                                                                                           | number                                                                                                        | No        | Android  | yes               |
+| contentInsetEnd   | Sets the content inset for the toolbar ending edge.                                                                                                                                             | number                                                                                                        | No        | Android  | yes               |
+| logo              | Sets the toolbar logo.                                                                                                                                                                          | ImageSource                                                                                                   | No        | Android  | yes               |
+| navIcon           | Sets the navigation icon.                                                                                                                                                                       | ImageSource                                                                                                   | No        | Android  | yes               |
+| onActionSelected  | Callback that is called when an action is selected. The only argument that is passed to the callback is the position of the action in the actions array.                                        | function                                                                                                      | No        | Android  | yes               |
+| onIconClicked     | Callback called when the icon is selected.                                                                                                                                                      | function                                                                                                      | No        | Android  | yes               |
+| overflowIcon      | Sets the overflow icon.                                                                                                                                                                         | ImageSource                                                                                                   | No        | Android  | yes               |
+| rtl               | Used to set the toolbar direction to RTL.                                                                                                                                                       | bool                                                                                                          | No        | Android  | yes               |
+| subtitle          | Sets the toolbar subtitle.                                                                                                                                                                      | string                                                                                                        | No        | Android  | yes               |
+| subtitleColor     | Sets the toolbar subtitle color.                                                                                                                                                                | string                                                                                                        | No        | Android  | yes               |
+| title             | Sets the toolbar title.                                                                                                                                                                         | string                                                                                                        | No        | Android  | yes               |
+| titleColor        | Sets the toolbar title color.                                                                                                                                                                   | string                                                                                                        | No        | Android  | yes               |
+
+#### 4.1.Props of ImageSource
 
 | Name   | Description                                            | Type   | Required | Platform | HarmonyOS Support |
 | ------ | ------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
@@ -304,10 +325,10 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
 | width  | the width of the image                                 | number | No       | android  | yes               |
 | height | the height of the image                                | number | No       | android  | yes               |
 
-## Known Issues
+## 5.Known Issues
 
-## Others
+## 6.Others
 
-## License
+## 7.License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_toolbar-android/blob/master/LICENSE).
diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
index 2c77d313..f2409f1d 100644
--- a/zh-cn/react-native-community-toolbar-android.md
+++ b/zh-cn/react-native-community-toolbar-android.md
@@ -1,22 +1,19 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.2.2-rc.1
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/toolbar-android</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-toolbar-android/toolbar-android">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/toolbar-android/tree/sig)
+本项目基于 [@react-native-toolbar-android/toolbar-android@v0.2.1](https://github.com/react-native-toolbar-android/toolbar-android) 开发。
 
-## 安装与使用
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/toolbar-android`，具体版本所属关系如下：
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+| Version         | Package Name                                      | Repository         | Release                    |
+|-----------------| ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 0.2.1-0.0.4  | @react-native-oh-tpl/toolbar-android | [Github(deprecated)](https://github.com/react-native-oh-library/toolbar-android) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/toolbar-android/releases) |
+| >= 0.2.2        | @react-native-ohos/toolbar-android   | [Gitee](https://gitee.com/openharmony-sig/rntpc_toolbar-android) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_toolbar-android/releases) |
+
+## 1.安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -25,13 +22,13 @@
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/toolbar-android
+npm install @react-native-ohos/toolbar-android
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/toolbar-android
+yarn add @react-native-ohos/toolbar-android
 ```
 
 <!-- tabs:end -->
@@ -117,31 +114,37 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
-## Link
+## 2.Manual Link
+
+此步骤为手动配置原生依赖项的指导。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+### 2.1.Overrides RN SDK
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
+
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
   ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2.引入原生端代码
 
 目前有两种方法：
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+- 通过 har 包引入；
+- 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -149,14 +152,13 @@ export default App;
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/toolbar-android": "file:../../node_modules/@react-native-oh-tpl/toolbar-android/harmony/toolbar_android.har"
+    "@react-native-ohos/toolbar-android": "file:../../node_modules/@react-native-ohos/toolbar-android/harmony/toolbar_android.har"
   }
 ```
 
 点击右上角的 `sync` 按钮
 
-或者在终端执行：
+或者在命令行终端执行：
 
 ```bash
 cd entry
@@ -167,7 +169,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 ToolbarAndroidPackage
+### 2.3.配置 CMakeLists 和引入 ToolbarAndroidPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -187,7 +189,7 @@ add_compile_definitions(WITH_HITRACE_SYSTRACE)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/toolbar-android/src/main/cpp" ./toolbar-android)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/toolbar-android/src/main/cpp" ./toolbar-android)
 # RNOH_END: manual_package_linking_1
 
 add_library(rnoh_app SHARED
@@ -219,18 +221,36 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 RNCToolbarAndroid 组件
+### 2.4.在 ArkTs 侧引入 RNCCheckBoxPackage
+
+> [!TIP] 版本 v0.2.22 及以上需要
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import {ToolbarAndroidPackage} from '@react-native-ohos/toolbar-android/src/main/ets/ToolbarAndroidPackage';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
++   return [new ToolbarAndroidPackage(ctx)];
+  ];
+}
+
+```
+
+### 2.5.在 ArkTs 侧引入 RNCToolbarAndroid 组件
 
 找到 **function buildCustomRNComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
   ...
-+ import { RNCToolbarAndroid, RNC_TOOLBAR_ANDROID_TYPE } from '@react-native-oh-tpl/toolbar-android/src/main/ets/RNCToolbarAndroid'
++ import { RNCToolbarAndroid} from '@react-native-ohos/toolbar-android/src/main/ets/RNCToolbarAndroid'
 
   @Builder
   function buildCustomRNComponent(ctx: ComponentBuilderContext) {
     ...
-+   if (ctx.componentName === RNC_TOOLBAR_ANDROID_TYPE) {
++   if (ctx.componentName === RNCToolbarAndroid.NAME) {
 +     RNCToolbarAndroid({
 +      ctx: ctx.rnComponentContext,
 +      tag: ctx.tag
@@ -248,11 +268,11 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 ```diff
 const arkTsComponentNames: Array<string> = [
   ...
-+ RNC_TOOLBAR_ANDROID_TYPE
++ RNCToolbarAndroid.NAME
 ];
 ```
 
-### 5.运行
+### 2.6.运行
 
 点击右上角的 `sync` 按钮
 
@@ -265,15 +285,15 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
+## 3.约束与限制
 
-### 兼容性
+### 3.1兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/toolbar-android Releases](https://github.com/react-native-oh-library/toolbar-android/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/toolbar-android Releases](https://gitee.com/openharmony-sig/rntpc_toolbar-android/releases)
 
-## 属性
+## 4.属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -281,23 +301,23 @@ ohpm install
 
 Inherits [View Props](https://reactnative.dev/docs/view#props).
 
-| Name              | Description                                                                                                                                                                                     | Type                                                                                                          | Required | Platform | HarmonyOS Support |
-| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| actions           | Sets possible actions on the toolbar as part of the action menu. These are displayed as icons or text on the right side of the widget. If they don't fit they are placed in an 'overflow' menu. | array of object: {title: string,icon: ImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No       | Android  | yes               |
-| contentInsetStart | Sets the content inset for the toolbar starting edge.                                                                                                                                           | number                                                                                                        | No       | Android  | yes               |
-| contentInsetEnd   | Sets the content inset for the toolbar ending edge.                                                                                                                                             | number                                                                                                        | No       | Android  | yes               |
-| logo              | Sets the toolbar logo.                                                                                                                                                                          | ImageSource                                                                                                   | No       | Android  | yes               |
-| navIcon           | Sets the navigation icon.                                                                                                                                                                       | ImageSource                                                                                                   | No       | Android  | yes               |
-| onActionSelected  | Callback that is called when an action is selected. The only argument that is passed to the callback is the position of the action in the actions array.                                        | function                                                                                                      | No       | Android  | yes               |
-| onIconClicked     | Callback called when the icon is selected.                                                                                                                                                      | function                                                                                                      | No       | Android  | yes               |
-| overflowIcon      | Sets the overflow icon.                                                                                                                                                                         | ImageSource                                                                                                   | No       | Android  | yes               |
-| rtl               | Used to set the toolbar direction to RTL.                                                                                                                                                       | bool                                                                                                          | No       | Android  | yes               |
-| subtitle          | Sets the toolbar subtitle.                                                                                                                                                                      | string                                                                                                        | No       | Android  | yes               |
-| subtitleColor     | Sets the toolbar subtitle color.                                                                                                                                                                | string                                                                                                        | No       | Android  | yes               |
-| title             | Sets the toolbar title.                                                                                                                                                                         | string                                                                                                        | Yes      | Android  | yes               |
-| titleColor        | Sets the toolbar title color.                                                                                                                                                                   | string                                                                                                        | No       | Android  | yes               |
-
-#### Props of ImageSource
+| Name              | Description                                                                                                                                                                                     | Type                                                                                                          | Required  | Platform | HarmonyOS Support |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |-----------| -------- | ----------------- |
+| actions           | Sets possible actions on the toolbar as part of the action menu. These are displayed as icons or text on the right side of the widget. If they don't fit they are placed in an 'overflow' menu. | array of object: {title: string,icon: ImageSource,show: enum('always', 'ifRoom', 'never'),showWithText: bool} | No        | Android  | yes               |
+| contentInsetStart | Sets the content inset for the toolbar starting edge.                                                                                                                                           | number                                                                                                        | No        | Android  | yes               |
+| contentInsetEnd   | Sets the content inset for the toolbar ending edge.                                                                                                                                             | number                                                                                                        | No        | Android  | yes               |
+| logo              | Sets the toolbar logo.                                                                                                                                                                          | ImageSource                                                                                                   | No        | Android  | yes               |
+| navIcon           | Sets the navigation icon.                                                                                                                                                                       | ImageSource                                                                                                   | No        | Android  | yes               |
+| onActionSelected  | Callback that is called when an action is selected. The only argument that is passed to the callback is the position of the action in the actions array.                                        | function                                                                                                      | No        | Android  | yes               |
+| onIconClicked     | Callback called when the icon is selected.                                                                                                                                                      | function                                                                                                      | No        | Android  | yes               |
+| overflowIcon      | Sets the overflow icon.                                                                                                                                                                         | ImageSource                                                                                                   | No        | Android  | yes               |
+| rtl               | Used to set the toolbar direction to RTL.                                                                                                                                                       | bool                                                                                                          | No        | Android  | yes               |
+| subtitle          | Sets the toolbar subtitle.                                                                                                                                                                      | string                                                                                                        | No        | Android  | yes               |
+| subtitleColor     | Sets the toolbar subtitle color.                                                                                                                                                                | string                                                                                                        | No        | Android  | yes               |
+| title             | Sets the toolbar title.                                                                                                                                                                         | string                                                                                                        | No        | Android  | yes               |
+| titleColor        | Sets the toolbar title color.                                                                                                                                                                   | string                                                                                                        | No        | Android  | yes               |
+
+#### 4.1.Props of ImageSource
 
 | Name   | Description                                            | Type   | Required | Platform | HarmonyOS Support |
 | ------ | ------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
@@ -305,10 +325,10 @@ Inherits [View Props](https://reactnative.dev/docs/view#props).
 | width  | the width of the image                                 | number | No       | android  | yes               |
 | height | the height of the image                                | number | No       | android  | yes               |
 
-## 遗留问题
+## 5.遗留问题
 
-## 其他
+## 6.其他
 
-## 开源协议
+## 7.开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-toolbar-android/toolbar-android/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_toolbar-android/blob/master/LICENSE) ，请自由地享受和参与开源。

From b6858d0a3d9cf4209098d0b103a73a2166a4ce46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <linzhipeng10@h-partners.com>
Date: Sat, 7 Dec 2024 09:44:08 +0000
Subject: [PATCH 918/966] =?UTF-8?q?!1949=20docs:=20[Issues:=20#IB9R0S]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-image-crop-picker=20=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IB9R0S]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-image-crop-picker=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-crop-picker.md    | 222 ++++++++++++++---------
 zh-cn/react-native-image-crop-picker.md | 228 +++++++++++++++---------
 2 files changed, 280 insertions(+), 170 deletions(-)

diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md
index b79c032d..dbb8b3b0 100644
--- a/en/react-native-image-crop-picker.md
+++ b/en/react-native-image-crop-picker.md
@@ -1,37 +1,38 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-crop-picker</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/ivpusic/react-native-image-crop-picker">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-        <a href="https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-crop-picker)
+This project is based on [react-native-image-crop-picker@0.40.3](https://github.com/ivpusic/react-native-image-crop-picker)。
 
-## Installation and Usage
+| Version                     | Package Name                         | Repository                                                                       | Release                                                                                            |
+| --------------------------- | ------------------------------------ | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
+| <= 0.40.3-0.0.14@deprecated | @react-native-oh-tpl/react-native-image-crop-picker | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) |
+| >= 0.40.4                   | @react-native-ohos/react-native-image-crop-picker   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker)                 | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases)                 |
 
-Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+
+> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-crop-picker)
+
+## 1. Installation and Usage
 
 Go to the project directory and execute the following instruction:
 
+<!-- tabs:start -->
 
 #### **npm**
 
-```
-npm install @react-native-oh-tpl/react-native-image-crop-picker
+```bash
+npm install @react-native-ohos/react-native-image-crop-picker
 ```
 
 #### **yarn**
 
+```bash
+yarn add @react-native-ohos/react-native-image-crop-picker
 ```
-yarn add @react-native-oh-tpl/react-native-image-crop-picker
-```
+
+<!-- tabs:end -->
 
 The following code shows the basic use scenario of the repository:
 
@@ -786,27 +787,128 @@ const styles = StyleSheet.create({
 export default ImageCropPickDemo;
 ```
 
-## Use Codegen
+## 2. Manual Link
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
+This step provides guidance for manually configuring native dependencies.
 
-## Link
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+### 2.1 Overrides RN SDK
 
-Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
 
-```
-Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
+
+```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 1. Configuration Entry
+### 2.2 Introducing Native Code
+
+- Use the HAR file.
+- Directly link to the source code。
+
+Method 1 (recommended): Use the HAR file.
+
+> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
+
+Open `entry/oh-package.json5` file and add the following dependencies:
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-ohos/react-native-image-crop-picker": "file:../../node_modules/@react-native-ohos/react-native-image-crop-picker/harmony/image_crop_picker.har"
+  }
+```
+
+Click the `sync` button in the upper right corner.
+
+Alternatively, run the following instruction on the terminal:
+
+```
+cd entry
+ohpm install
+```
+
+Method 2: Directly link to the source code.
+
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
+
+### 2.3 Configuring CMakeLists and Introducing RNFSPackage
+
+> [!TIP] Required for version `0.40.4` and above
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-image-crop-picker/src/main/cpp" ./image-crop-picker)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
++  ${IMAGE_CROP_PICKER_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_image_crop_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "ImageCropPickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ImageCropPickerPackage>(ctx),
+    };
+}
+```
+
+### 2.4. Introducing FsPackage to ArkTS
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
+
+```diff
+  ...
++ import { ImageCropPickerPackage } from '@react-native-ohos/react-native-image-crop-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ImageCropPickerPackage(ctx),
+  ];
+}
+```
+
+### 2.5. Configuration Entry
 
 **(1)Create ImageEditAbility.ets under entry/src/main/ets/entryability**
 
@@ -878,7 +980,7 @@ export default class ImageEditAbility extends UIAbility {
 **(3)Create entry/src/main/ets/pages under ImageEdit.ets**
 
 ```
-import { ImageEditInfo } from '@react-native-oh-tpl/react-native-image-crop-picker';
+import { ImageEditInfo } from '@react-native-ohos/react-native-image-crop-picker';
 
 @Entry
 @Component
@@ -907,53 +1009,7 @@ struct ImageEdit {
 }
 ```
 
-### 2. Introducing Native Code
-
-Currently, two methods are available:
-
-Method 1 (recommended): Use the HAR file.
-
-> [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
-
-Open `entry/oh-package.json5` file and add the following dependencies:
-
-```
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-image-crop-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-crop-picker/harmony/image_crop_picker.har"
-  }
-```
-
-Click the `sync` button in the upper right corner.
-
-Alternatively, run the following instruction on the terminal:
-
-```
-cd entry
-ohpm install
-```
-
-Method 2: Directly link to the source code.
-
-> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
-
-### 3. Introducing ImageCropPickerPackage to ArkTS
-
-Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
-
-```diff
-  ...
-+ import { ImageCropPickerPackage } from '@react-native-oh-tpl/react-native-image-crop-picker/ts';
-
-export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
-  return [
-    new SamplePackage(ctx),
-+   new ImageCropPickerPackage(ctx),
-  ];
-}
-```
-
-### 4. Running
+### 2.6. Running
 
 Click the `sync` button in the upper right corner.
 
@@ -966,15 +1022,15 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
+## 3. Constraints
 
-### Compatibility
+### 3.1. Compatibility
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)
+Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-image-crop-picker Releases ](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases)
 
-## API
+## 4. API
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -988,7 +1044,7 @@ Check the release version information in the release address of the third-party
 | cleanSingle | Delete a single cache file                                   | function | no       | iOS/Android | yes               |
 | openCamera  | Select from camera                                           | function | no       | iOS/Android | yes               |
 
-## Properties
+## 5. Properties
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -1038,7 +1094,7 @@ Check the release version information in the release address of the third-party
 | cropperCancelColor (iOS only)          | string (default tint `iOS` color )                           | HEX format color for the Cancel button. Default value is the default tint iOS color [controlled by TOCropViewController](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FTimOliver%2FTOCropViewController%2Fblob%2Fa942414508012b13102f776eb65dac655f31cabb%2FObjective-C%2FTOCropViewController%2FViews%2FTOCropToolbar.m%23L433) | no       | iOS   | yes      |
 | cropperRotateButtonsHidden (iOS only)  | bool (default false)                                         | Enable or disable cropper rotate buttons                     | no       | iOS   | yes      |
 
-## Known Issues
+## 6. Known Issues
 
 - [ ] Images in react-native-image-crop-picker will always fill the mask space [#4](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/4)
 - [ ] Change the color of ActiveWidget in Android Demo [#5](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/5)
@@ -1057,8 +1113,8 @@ Check the release version information in the release address of the third-party
 - [ ] @ohos.multimedia.image cannot perform circular cropping [#46](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/46)
 - [ ] The PackingOption in @ohos.multimedia.image cannot set width and height properties [#47](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/47)
 
-## Others
+## 7. Others
 
-## License
+## 8. License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/blob/master/LICENSE).
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 79b0a669..ac2013fd 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -1,38 +1,36 @@
-> 模板版本：v0.2.2
+>模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-crop-picker</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/ivpusic/react-native-image-crop-picker">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-        <a href="https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-crop-picker)
+本项目基于 [react-native-image-crop-picker@0.40.3](https://github.com/ivpusic/react-native-image-crop-picker) 开发。
 
-## 安装与使用
+| Version                     | Package Name                         | Repository                                                                       | Release                                                                                            |
+| --------------------------- | ------------------------------------ | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
+| <= 0.40.3-0.0.14@deprecated | @react-native-oh-tpl/react-native-image-crop-picker | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) |
+| >= 0.40.4                   | @react-native-ohos/react-native-image-crop-picker   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker)                 | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases)                 |
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 1.安装与使用
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] #处替换为tgz包的路径
+
+<!-- tabs:start -->
 
 #### **npm**
 
-```
-npm install @react-native-oh-tpl/react-native-image-crop-picker
+```bash
+npm install @react-native-ohos/react-native-image-crop-picker
 ```
 
 #### **yarn**
 
+```bash
+yarn add @react-native-ohos/react-native-image-crop-picker
 ```
-yarn add @react-native-oh-tpl/react-native-image-crop-picker
-```
+
+<!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
@@ -787,27 +785,132 @@ const styles = StyleSheet.create({
 export default ImageCropPickDemo;
 ```
 
-## 使用 Codegen
+## 2. Manual Link
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+此步骤为手动配置原生依赖项的指导。
 
-## Link
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1. Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
-```
-在工程根目录的 oh-package.json5 添加 overrides字段
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
+
+```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
+  }
+}
+```
+
+### 2.2. 引入原生端代码
+
+目前有两种方法：
+
+- 通过 har 包引入（推荐）
+- 直接链接源码。
+
+方法一：通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`，添加以下依赖
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-ohos/react-native-image-crop-picker": "file:../../node_modules/@react-native-ohos/react-native-image-crop-picker/harmony/image_crop_picker.har"
   }
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行：
+
+```
+cd entry
+ohpm install
+```
+
+方法二：直接链接源码
+
+> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+
+### 2.3. 配置 CMakeLists 和引入 ImageCropPickerPackage
+
+> [!TIP] 版本 `0.40.4` 及以上需要
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
+
+# RNOH_BEGIN: manual_package_linking_1
+add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-image-crop-picker/src/main/cpp" ./image-crop-picker)
+# RNOH_END: manual_package_linking_1
+
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
++  ${IMAGE_CROP_PICKER_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+
+target_link_libraries(rnoh_app PUBLIC rnoh)
+
+# RNOH_BEGIN: manual_package_linking_2
+target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
++ target_link_libraries(rnoh_app PUBLIC rnoh_image_crop_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "SamplePackage.h"
++ #include "ImageCropPickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<ImageCropPickerPackage>(ctx),
+    };
+}
+```
+
+### 2.4. 在 ArkTs 侧引入 ImageCropPickerPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ImageCropPickerPackage } from '@react-native-ohos/react-native-image-crop-picker/ts';
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ImageCropPickerPackage(ctx),
+  ];
 }
 ```
 
-### 1.配置Entry
+
+
+### 2.5. 配置Entry
 
 **(1)在 entry/src/main/ets/entryability 下创建 ImageEditAbility.ets**
 
@@ -879,7 +982,7 @@ export default class ImageEditAbility extends UIAbility {
 **(3)在 entry/src/main/ets/pages 下创建 ImageEdit.ets**
 
 ```
-import { ImageEditInfo } from '@react-native-oh-tpl/react-native-image-crop-picker';
+import { ImageEditInfo } from '@react-native-ohos/react-native-image-crop-picker';
 
 @Entry
 @Component
@@ -908,56 +1011,7 @@ struct ImageEdit {
 }
 ```
 
-### 2.引入原生端代码
-
-目前有两种方法：
-
-1. 通过 har 包引入。
-2. 直接链接源码。
-
-方法一：通过 har 包引入
-
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
-
-打开 `entry/oh-package.json5`，添加以下依赖
-
-```
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-image-crop-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-image-crop-picker/harmony/image_crop_picker.har"
-  }
-```
-
-点击右上角的 `sync` 按钮
-
-或者在终端执行：
-
-```
-cd entry
-ohpm install
-```
-
-方法二：直接链接源码
-
-> [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
-
-### 3.在 ArkTs 侧引入 ImageCropPickerPackage
-
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
-
-```diff
-  ...
-+ import { ImageCropPickerPackage } from '@react-native-oh-tpl/react-native-image-crop-picker/ts';
-
-export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
-  return [
-    new SamplePackage(ctx),
-+   new ImageCropPickerPackage(ctx),
-  ];
-}
-```
-
-### 4.运行
+### 2.6. 运行
 
 点击右上角的 `sync` 按钮
 
@@ -970,15 +1024,15 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
+## 3. 约束与限制
 
-### 兼容性
+### 3.1. 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-crop-picker Releases ](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-image-crop-picker Releases ](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases)
 
-## API
+## 4. API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -992,7 +1046,7 @@ ohpm install
 | cleanSingle | Delete a single cache file                                   | function | no       | iOS/Android | yes               |
 | openCamera  | Select from camera                                           | function | no       | iOS/Android | yes               |
 
-## 属性
+## 5. 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -1042,7 +1096,7 @@ ohpm install
 | cropperCancelColor (iOS only)          | string (default tint `iOS` color )                           | HEX format color for the Cancel button. Default value is the default tint iOS color [controlled by TOCropViewController](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FTimOliver%2FTOCropViewController%2Fblob%2Fa942414508012b13102f776eb65dac655f31cabb%2FObjective-C%2FTOCropViewController%2FViews%2FTOCropToolbar.m%23L433) | no       | iOS   | yes      |
 | cropperRotateButtonsHidden (iOS only)  | bool (default false)                                         | Enable or disable cropper rotate buttons                     | no       | iOS   | yes      |
 
-## 遗留问题
+## 6. 遗留问题
 
 - [ ] react-native-image-crop-picker 图像将始终填充蒙版空间 [#4](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/4)
 - [ ] Android Demo中 ActiveWidget 改变颜色 [#5](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/5)
@@ -1061,8 +1115,8 @@ ohpm install
 - [ ] @ohos.multimedia.image无法进行圆形效果裁切 [#46](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/46)
 - [ ] @ohos.multimedia.image中PackingOption无法设置宽高属性 [#47](https://github.com/react-native-oh-library/react-native-image-crop-picker/issues/47)
 
-## 其他
+## 7. 其他
 
-## 开源协议
+## 8. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/ivpusic/react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/blob/master/LICENSE) ，请自由地享受和参与开源。

From cfddcf4c3088a6c243ca5555151db11c55ca0c4c Mon Sep 17 00:00:00 2001
From: zxh <2504211630@qq.com>
Date: Mon, 9 Dec 2024 09:22:12 +0000
Subject: [PATCH 919/966] =?UTF-8?q?!1952=20docs:=20[Issues:=20#IBA2X2]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9Parse-SDK-JS=E7=9A=84=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IBA2X2]=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9Parse-SDK-JS=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/Parse-SDK-JS.md    | 18 +++++++++---------
 zh-cn/Parse-SDK-JS.md |  4 ++--
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/en/Parse-SDK-JS.md b/en/Parse-SDK-JS.md
index c3289697..f9840c42 100644
--- a/en/Parse-SDK-JS.md
+++ b/en/Parse-SDK-JS.md
@@ -231,7 +231,7 @@ This document is verified based on the following versions:
 | -------------------- | ---------------------------------------------- | ------------------------------------------ | -------- | ----------- | ----------------- |
 | setPublicReadAccess  | 设置是否允许公共（未认证用户）读取对象。       | (allowed: boolean) => void                 | no       | iOS/Android | yes               |
 | setPublicWriteAccess | 设置是否允许公共（未认证用户）写入对象。       | (allowed: boolean) => void                 | no       | iOS/Android | yes               |
-| getPublicReadAccess  | 设置是否允许公共（未认证用户）写入对象。       | () => boolean                              | no       | iOS/Android | yes               |
+| getPublicReadAccess  | 获取是否允许公共（未认证用户）读取对象。       | () => boolean                              | no       | iOS/Android | yes               |
 | getPublicWriteAccess | 获取是否允许公共（未认证用户）写入对象的权限。 | () => boolean                              | no       | iOS/Android | yes               |
 | setReadAccess        | 设置特定用户是否有读取对象的权限。             | (userId: string, allowed: boolean) => void | no       | iOS/Android | yes               |
 | setWriteAccess       | 设置特定用户是否有写入对象的权限。             | (userId: string, allowed: boolean) => void | no       | iOS/Android | yes               |
@@ -300,15 +300,15 @@ This document is verified based on the following versions:
 
 **Parse.User**: 表示 Parse 服务器上的用户对象，可进行注册、登录、登出等操作。
 
-| Name    | Description                                               | Type                                                                         | Required | Platform    | HarmonyOS Support |
-| ------- | --------------------------------------------------------- | ---------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
+| Name    | Description                                               | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------- | --------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
 | signUp  | 注册新用户到 Parse 服务器。                               | ({username: string, password: string, email: string}) => Promise<Parse.User> | no       | iOS/Android | yes               |
-| logIn   | 注册新用户到 Parse 服务器。                               | (username: string, password: string) => Promise<Parse.User>                  | no       | iOS/Android | yes               |
-| current | 获取当前已登录的用户对象，如果没有用户登录则返回 `null`。 | () => Parse.User                                                             | no       | iOS/Android | yes               |
-| logOut  | 登出当前用户。                                            | () => Promise<void>                                                          | no       | iOS/Android | yes               |
-| become  | 通过会话令牌 sessionToken 来认证用户。                    | (sessionToken: string) => Promise<Parse.User>                                | no       | iOS/Android | yes               |
-| save    | 将用户对象保存到 Parse 服务器。                           | (user: Object) => Promise<Parse.User>                                        | no       | iOS/Android | yes               |
-| destroy | 从 Parse 服务器上删除用户对象。                           | (user: Object) => Promise<void>                                              | no       | iOS/Android | yes               |
+| logIn   | 登录用户。                                                | (username: string, password: string) => Promise<Parse.User>  | no       | iOS/Android | yes               |
+| current | 获取当前已登录的用户对象，如果没有用户登录则返回 `null`。 | () => Parse.User                                             | no       | iOS/Android | yes               |
+| logOut  | 登出当前用户。                                            | () => Promise<void>                                          | no       | iOS/Android | yes               |
+| become  | 通过会话令牌 sessionToken 来认证用户。                    | (sessionToken: string) => Promise<Parse.User>                | no       | iOS/Android | yes               |
+| save    | 将用户对象保存到 Parse 服务器。                           | (user: Object) => Promise<Parse.User>                        | no       | iOS/Android | yes               |
+| destroy | 从 Parse 服务器上删除用户对象。                           | (user: Object) => Promise<void>                              | no       | iOS/Android | yes               |
 
 **Parse.Cloud**: 可以通过 Cloud API 执行自定义的云代码。以下是支持的主要 Cloud API 及其相关信息:
 
diff --git a/zh-cn/Parse-SDK-JS.md b/zh-cn/Parse-SDK-JS.md
index 618ec207..26681cac 100644
--- a/zh-cn/Parse-SDK-JS.md
+++ b/zh-cn/Parse-SDK-JS.md
@@ -235,7 +235,7 @@ export default ParseExample;
 | -------------------- | ---------------------------------------------- | ------------------------------------------ | -------- | ----------- | ----------------- |
 | setPublicReadAccess  | 设置是否允许公共（未认证用户）读取对象。       | (allowed: boolean) => void                 | no       | iOS/Android | yes               |
 | setPublicWriteAccess | 设置是否允许公共（未认证用户）写入对象。       | (allowed: boolean) => void                 | no       | iOS/Android | yes               |
-| getPublicReadAccess  | 设置是否允许公共（未认证用户）写入对象。       | () => boolean                              | no       | iOS/Android | yes               |
+| getPublicReadAccess  | 获取是否允许公共（未认证用户）读取对象。       | () => boolean                              | no       | iOS/Android | yes               |
 | getPublicWriteAccess | 获取是否允许公共（未认证用户）写入对象的权限。 | () => boolean                              | no       | iOS/Android | yes               |
 | setReadAccess        | 设置特定用户是否有读取对象的权限。             | (userId: string, allowed: boolean) => void | no       | iOS/Android | yes               |
 | setWriteAccess       | 设置特定用户是否有写入对象的权限。             | (userId: string, allowed: boolean) => void | no       | iOS/Android | yes               |
@@ -307,7 +307,7 @@ export default ParseExample;
 | Name    | Description                                               | Type                                                         | Required | Platform    | HarmonyOS Support |
 | ------- | --------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
 | signUp  | 注册新用户到 Parse 服务器。                               | ({username: string, password: string, email: string}) => Promise<Parse.User> | no       | iOS/Android | yes               |
-| logIn   | 注册新用户到 Parse 服务器。                               | (username: string, password: string) => Promise<Parse.User>  | no       | iOS/Android | yes               |
+| logIn   | 登录用户。                                                | (username: string, password: string) => Promise<Parse.User>  | no       | iOS/Android | yes               |
 | current | 获取当前已登录的用户对象，如果没有用户登录则返回 `null`。 | () => Parse.User                                             | no       | iOS/Android | yes               |
 | logOut  | 登出当前用户。                                            | () => Promise<void>                                          | no       | iOS/Android | yes               |
 | become  | 通过会话令牌sessionToken来认证用户。                      | (sessionToken: string) => Promise<Parse.User>                | no       | iOS/Android | yes               |

From 7145e3e4ff71c101154cf8f069f95fe24bba7559 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=8E=A5?= <294314895@qq.com>
Date: Tue, 10 Dec 2024 09:30:39 +0000
Subject: [PATCH 920/966] =?UTF-8?q?!1954=20docs:=20[Issues:=20#IBAAI6]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-audio=E6=96=87=E6=A1=A3demo=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IBAAI6]=20=E4=BF=AE=E6=94=B9react-native?=
 =?UTF-8?q?-audio=E6=96=87=E6=A1=A3demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-audio.md    | 183 +++++++++++++++++++++++++----------
 zh-cn/react-native-audio.md | 185 ++++++++++++++++++++++++++----------
 2 files changed, 267 insertions(+), 101 deletions(-)

diff --git a/en/react-native-audio.md b/en/react-native-audio.md
index 3ba57e87..9507cb01 100644
--- a/en/react-native-audio.md
+++ b/en/react-native-audio.md
@@ -37,58 +37,141 @@ The following code shows the basic use scenario of the repository:
 
 >[!WARNING] The name of the imported repository remains unchanged.
 
-```js
-import { AudioRecorder, AudioUtils } from "@react-native-ohos/react-native-audio";
-
-// request microphone premission
-AudioRecorder.requestAuthorization().then((isAuthorised)=>{
-  console.log(`isAuthorised: ${isAuthorised}`)
-})
-
-// you check premission any time
-AudioRecorder.checkAuthorizationStatus().then((hasPermission)=>{
-   console.log(`hasPermission: ${hasPermission}`)
-})
-
-// Initialize recording parameters
-const path = `${AudioUtils.FilesDirectoryPath}/demo.m4a`
-AudioRecorder.prepareRecordingAtPath(path,{
-  SampleRate: 48000,
-  Channels: 2,
-  AudioQuality:'High',//only ios
-  AudioEncoding: 'aac',
-  AudioEncodingBitRate: 100000,
-  AudioSource: 1,
-  OutputFormat: 'm4a',
-  MeteringEnabled:false,//only ios
-  MeasurementMode:false,//only ios
-  IncludeBase64:false
-})
-
-// start recording
-AudioRecorder.start();
-
-// pause recording
-AudioRecorder.pause();
-
-// resume recording
-AudioRecorder.resume();
-
-// stop recording
-AudioRecorder.stop();
-
-// add function onProgress
-AudioRecorder.onProgress = (data) => {
-  console.log(data.currentTime)
+```tsx
+import React, { useState, useEffect } from 'react';
+import { SafeAreaView, StatusBar, Text, Button, TextInput, View, Switch, StyleSheet, TouchableOpacity } from 'react-native';
+import { AudioRecorder, AudioUtils } from 'react-native-audio';
+
+type FileType = {
+    base64: string;
+    duration: number;
+    status: string;
+    audioFileSize: number;
+    audioFileURL: string;
 }
 
-// add function onFinished
-AudioRecorder.onFinished = (data) => {
-  console.log(data.base64);//base64
-  console.log(data.duration);//audio duration
-  console.log(data.status);//OK/REEOR
-  console.log(data.audioFileSize);//audioFileSize
-  console.log(data.audioFileURL);//audio file url
+export default () => {
+    const [second, setSecond] = useState<number>(0);
+    const [file, setFile] = useState<FileType>();
+
+    const initAudio = async () => {
+
+        // request microphone premission
+        await AudioRecorder.requestAuthorization()
+
+        // you check premission any time
+        await AudioRecorder.checkAuthorizationStatus();
+
+        // Initialize recording parameters
+        await AudioRecorder.prepareRecordingAtPath(
+            `${AudioUtils.FilesDirectoryPath}/audio_demo.m4a`,
+            {
+                SampleRate: 48000,
+                Channels: 2,
+                AudioQuality: 'High',//only ios
+                AudioEncoding: 'aac',
+                AudioEncodingBitRate: 100000,
+                AudioSource: 1,
+                OutputFormat: 'm4a',
+                MeteringEnabled: false,//only ios
+                MeasurementMode: false,//only ios
+                IncludeBase64: true
+            })
+        AudioRecorder.onProgress = (data) => {
+            setSecond(data.currentTime);
+        }
+        AudioRecorder.onFinished = (data) => {
+            const { duration, status, audioFileSize, audioFileURL } = data
+            let str = data.base64.slice(0, 20);
+            setFile({ base64: str + '...', duration, status, audioFileSize, audioFileURL })
+        }
+    }
+    const resetRecording = () => {
+        setFile({
+            base64: "",
+            duration: 0,
+            status: "",
+            audioFileSize: 0,
+            audioFileURL: ""
+        })
+        setSecond(0)
+        initAudio()
+    }
+    const renderFileLinesComp = () => {
+        if (!file?.base64) return false
+        return Object.keys(file).map(name => (
+            <View key={name} style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 10 }}>
+                <Text style={{ fontSize: 12 }}>{name}:</Text>
+                <Text >{`${file[name]}`}</Text>
+            </View>))
+    }
+
+    useEffect(() => {
+        initAudio()
+        return () => { }
+    }, [])
+
+    return (
+        <SafeAreaView>
+            <View style={{ marginTop: 10, borderColor: '#aaa', borderWidth: 1, padding: 10 }}>
+                <View>
+                    <Text>{`currentTime: ${parseInt(`${second}`)}`}</Text>
+                </View>
+            </View>
+            <View style={{ marginTop: 10, display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                <View style={{ width: 80 }}>
+                    <Button
+                        title="start"
+                        onPress={async () => {
+                            await AudioRecorder.startRecording();
+                        }}
+                    />
+                </View>
+                <View style={{ width: 80 }}>
+                    <Button
+                        title="pause"
+                        onPress={async () => {
+                            await AudioRecorder.pauseRecording();
+                        }}
+                    />
+                </View>
+                <View style={{ width: 80 }}>
+                    <Button
+                        title="resume"
+                        onPress={async () => {
+                            await AudioRecorder.resumeRecording();
+                        }}
+                    />
+                </View>
+                <View style={{ width: 80 }}>
+                    <Button
+                        title="stop"
+                        onPress={async () => {
+                            await AudioRecorder.stopRecording();
+                            !AudioRecorder.onFinished && resetRecording()
+                        }}
+                    />
+                </View>
+            </View>
+
+            {!!file.base64 && <View style={{ marginTop: 10, borderColor: '#aaa', borderWidth: 1, padding: 10 }}>
+                <View style={{ marginTop: 10, display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                    <Text>录音文件：</Text>
+                    <Text style={{ fontSize: 12 }}>{`audio_demo.m4a`}</Text>
+                </View>
+                {renderFileLinesComp()}
+                <View style={{ marginTop: 10, display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                    <View style={{ width: 160 }}>
+                        <Button
+                            title="reset"
+                            onPress={resetRecording}
+                        />
+                    </View>
+                </View>
+            </View>}
+
+        </SafeAreaView >
+    )
 }
 ```
 
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 7ac0da6f..588ac3c5 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -37,59 +37,142 @@ yarn add @react-native-ohos/react-native-audio
 
 >[!WARNING] 使用时 import 的库名不变。
 
-```js
-import { AudioRecorder, AudioUtils } from "@react-native-ohos/react-native-audio";
-
-// request microphone premission
-AudioRecorder.requestAuthorization().then((isAuthorised)=>{
-  console.log(`isAuthorised: ${isAuthorised}`)
-})
-
-// you check premission any time
-AudioRecorder.checkAuthorizationStatus().then((hasPermission)=>{
-   console.log(`hasPermission: ${hasPermission}`)
-})
-
-// Initialize recording parameters
-const path = `${AudioUtils.FilesDirectoryPath}/demo.m4a`
-AudioRecorder.prepareRecordingAtPath(path,{
-  SampleRate: 48000,
-  Channels: 2,
-  AudioQuality:'High',//only ios
-  AudioEncoding: 'aac',
-  AudioEncodingBitRate: 100000,
-  AudioSource: 1,
-  OutputFormat: 'm4a',
-  MeteringEnabled:false,//only ios
-  MeasurementMode:false,//only ios
-  IncludeBase64:false
-})
-
-// start recording
-AudioRecorder.start();
-
-// pause recording
-AudioRecorder.pause();
-
-// resume recording
-AudioRecorder.resume();
-
-// stop recording
-AudioRecorder.stop();
-
-// add function onProgress
-AudioRecorder.onProgress = (data) => {
-  console.log(data.currentTime)
+```tsx
+import React, { useState, useEffect } from 'react';
+import { SafeAreaView, StatusBar, Text, Button, TextInput, View, Switch, StyleSheet, TouchableOpacity } from 'react-native';
+import { AudioRecorder, AudioUtils } from 'react-native-audio';
+
+type FileType = {
+    base64: string;
+    duration: number;
+    status: string;
+    audioFileSize: number;
+    audioFileURL: string;
 }
 
-// add function onFinished
-AudioRecorder.onFinished = (data) => {
-  console.log(data.base64);//base64
-  console.log(data.duration);//audio duration
-  console.log(data.status);//OK/REEOR
-  console.log(data.audioFileSize);//audioFileSize
-  console.log(data.audioFileURL);//audio file url
-}
+export default () => {
+    const [second, setSecond] = useState<number>(0);
+    const [file, setFile] = useState<FileType>();
+
+    const initAudio = async () => {
+
+        // request microphone premission
+        await AudioRecorder.requestAuthorization()
+
+        // you check premission any time
+        await AudioRecorder.checkAuthorizationStatus();
+
+        // Initialize recording parameters
+        await AudioRecorder.prepareRecordingAtPath(
+            `${AudioUtils.FilesDirectoryPath}/audio_demo.m4a`,
+            {
+                SampleRate: 48000,
+                Channels: 2,
+                AudioQuality: 'High',//only ios
+                AudioEncoding: 'aac',
+                AudioEncodingBitRate: 100000,
+                AudioSource: 1,
+                OutputFormat: 'm4a',
+                MeteringEnabled: false,//only ios
+                MeasurementMode: false,//only ios
+                IncludeBase64: true
+            })
+        AudioRecorder.onProgress = (data) => {
+            setSecond(data.currentTime);
+        }
+        AudioRecorder.onFinished = (data) => {
+            const { duration, status, audioFileSize, audioFileURL } = data
+            let str = data.base64.slice(0, 20);
+            setFile({ base64: str + '...', duration, status, audioFileSize, audioFileURL })
+        }
+    }
+    const resetRecording = () => {
+        setFile({
+            base64: "",
+            duration: 0,
+            status: "",
+            audioFileSize: 0,
+            audioFileURL: ""
+        })
+        setSecond(0)
+        initAudio()
+    }
+    const renderFileLinesComp = () => {
+        if (!file?.base64) return false
+        return Object.keys(file).map(name => (
+            <View key={name} style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginTop: 10 }}>
+                <Text style={{ fontSize: 12 }}>{name}:</Text>
+                <Text >{`${file[name]}`}</Text>
+            </View>))
+    }
+
+    useEffect(() => {
+        initAudio()
+        return () => { }
+    }, [])
+
+    return (
+        <SafeAreaView>
+            <View style={{ marginTop: 10, borderColor: '#aaa', borderWidth: 1, padding: 10 }}>
+                <View>
+                    <Text>{`currentTime: ${parseInt(`${second}`)}`}</Text>
+                </View>
+            </View>
+            <View style={{ marginTop: 10, display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                <View style={{ width: 80 }}>
+                    <Button
+                        title="start"
+                        onPress={async () => {
+                            await AudioRecorder.startRecording();
+                        }}
+                    />
+                </View>
+                <View style={{ width: 80 }}>
+                    <Button
+                        title="pause"
+                        onPress={async () => {
+                            await AudioRecorder.pauseRecording();
+                        }}
+                    />
+                </View>
+                <View style={{ width: 80 }}>
+                    <Button
+                        title="resume"
+                        onPress={async () => {
+                            await AudioRecorder.resumeRecording();
+                        }}
+                    />
+                </View>
+                <View style={{ width: 80 }}>
+                    <Button
+                        title="stop"
+                        onPress={async () => {
+                            await AudioRecorder.stopRecording();
+                            !AudioRecorder.onFinished && resetRecording()
+                        }}
+                    />
+                </View>
+            </View>
+
+            {!!file.base64 && <View style={{ marginTop: 10, borderColor: '#aaa', borderWidth: 1, padding: 10 }}>
+                <View style={{ marginTop: 10, display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                    <Text>录音文件：</Text>
+                    <Text style={{ fontSize: 12 }}>{`audio_demo.m4a`}</Text>
+                </View>
+                {renderFileLinesComp()}
+                <View style={{ marginTop: 10, display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                    <View style={{ width: 160 }}>
+                        <Button
+                            title="reset"
+                            onPress={resetRecording}
+                        />
+                    </View>
+                </View>
+            </View>}
+
+        </SafeAreaView >
+    )
+}    
 ```
 
 ## 2. Manual Link

From cf009885472712a7efe481338f58ac81ad873b54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <linzhipeng10@h-partners.com>
Date: Wed, 11 Dec 2024 07:38:32 +0000
Subject: [PATCH 921/966] =?UTF-8?q?!1953=20docs:=20[issues:=20#IBA9ER]=20?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=80=BB=E8=A7=88=E8=A1=A8=E4=B8=8D=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E7=9A=84=E5=BA=93=20*=20docs:=20[issues:=20#IBA9ER]?=
 =?UTF-8?q?=20=E5=88=A0=E9=99=A4=E6=80=BB=E8=A7=88=E8=A1=A8=E4=B8=8D?=
 =?UTF-8?q?=E7=9B=B8=E5=85=B3=E7=9A=84=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                            |  66 ++++++------
 _sidebar.md                          |   4 +-
 en/README_EN.md                      |  67 ++++++-------
 en/react-native-image-pan-zoom.md    |   6 +-
 zh-cn/README.md                      | 144 +++++++++++++--------------
 zh-cn/react-native-image-pan-zoom.md |   6 +-
 6 files changed, 143 insertions(+), 150 deletions(-)

diff --git a/README.md b/README.md
index e260ebdb..af7d1848 100644
--- a/README.md
+++ b/README.md
@@ -61,7 +61,7 @@
 | 29   | [immer](https://github.com/immerjs/immer)                                                                                     | 10.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
 | 30   | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                            | 0.11.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
 | 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                             | 3.11.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
-| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.14.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 32  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
 | 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.15.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
 | 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                       | 4.17.21        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
 | 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                             | 6.4.1          | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
@@ -95,9 +95,9 @@
 | 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                              | 2.14.1         | 否                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)               | [链接](/zh-cn/react-native-gesture-handler.md)                 |
 | 64   | [react-native-image-editor](https://github.com/callstack/react-native-image-editor)                                           | 3.2.0          | 是                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
 | 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                           | 7.0.3          | 是                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
-| 66   | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer)                                            | 3.0.1          | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
+| 66   | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer)                                            | 3.0.1          | \-                 | [react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
 | 67   | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master)                              | 0.2.2          |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
-| 68   | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)                                                | 2.1.12         | \-                 | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                             | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
+| 68   | [react-native-image-pan-zoom](https://github.com/ascoders/react-native-image-zoom)                                                | 2.1.12         | \-                 | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                             | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
 | 69   | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer)                            | 0.2.0          | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
 | 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)                    | 0.9.5          | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
 | 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)                  | 3.0.0-alpha.1  | 是                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
@@ -240,7 +240,7 @@
 | 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [链接](/zh-cn/NativeBase.md)                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
-| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 211 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -288,25 +288,25 @@
 | 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 259 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
 | 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
 | 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 264  | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc)                               | 3.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 262 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
+| 263 | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
+| 264 | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
 | 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [链接](/zh-cn/react-native-context-menu-view.md)                                                         |
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
 | 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
-| 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 270 | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
 | 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-styles.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-flip-card.md)                       |
 | 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [链接](/zh-cn/react-native-randombytes.md)                     |
 | 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [链接](/zh-cn/react-native-view-overflow.md)                   |
 | 275  | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text)                                             | 1.13.0         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-masked-text.md)                     |
 | 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 277 | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-bouncy-checkbox.md)           |
 | 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-parsed-text.md)                     |
 | 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -316,7 +316,7 @@
 | 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[链接](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
-| 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 287 | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-indicators.md)                                                         |
@@ -326,7 +326,7 @@
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [链接](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | 否                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [链接](/zh-cn/react-native-file-viewer.md)                     |
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 297  | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                                        | 0.12.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 297 | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-image-colors.md)                                                           |
 | 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [链接](/zh-cn/react-content-loader.md)                                                         |
@@ -352,8 +352,8 @@
 | 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 323  | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                                               | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 324  | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                                         | 4.3.14         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 323 | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-swipe-gestures.md)            |
+| 324 | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [链接](/zh-cn/victory-native-xl.md)                      |
 | 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | -                                                                                                                                                      | [链接](/zh-cn/react-native-signature-canvas.md)                                                          |
 | 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-multiple-select.md)                                                         |
@@ -370,11 +370,11 @@
 | 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet)                                   | 0.3.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)                                                     | 1.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar)                      | 2.6.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 341 | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-chart-kit.md)                 |
 | 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer)                                  | 3.2.8          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color)                           | 2.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript)                | 0.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 344 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)  |
+| 345 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-modals.md)                    |
 | 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-network-info.md)                                                         |
 | 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -384,7 +384,7 @@
 | 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 是                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [链接](/zh-cn/react-native-mlkit-ocr.md)                                                          |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 355 | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [链接](/zh-cn/i18next.md)                                |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | 是                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [链接](/zh-cn/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | [@react-native-oh-library/react-native-keys](https://github.com/react-native-oh-library/react-native-keys/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-keys.md)                                                         |
@@ -412,22 +412,20 @@
 | 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
 | 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                       |
-| 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
-| 384 | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [链接](/zh-cn/i18next.md)                                |
-| 385 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-modals.md)                    |
-| 386 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)  |
-| 387 | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-chart-kit.md)                 |
-| 388 | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [链接](/zh-cn/victory-native-xl.md)                      |
-| 389 | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-swipe-gestures.md)            |
-| 390 | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
-| 391 | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
-| 392 | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-bouncy-checkbox.md)           |
-| 393 | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
-| 394 | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
-| 395 | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
-| 396 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
-| 397 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
-| 398 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
+| 383  | [react-native-exit-app](https://github.com/react-native-oh-libraryreact-native-exit-app)                                            | 2.0.0          | 是                  | [@react-native-oh-tpl/react-native-exit-app](https://github.com/react-native-oh-library/react-native-exit-app/releases)                                 | [链接](/zh-cn/react-native-exit-app.md)                      |
+| 384  | [react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector)                                            | 1.0.2          | 否                  | [@react-native-oh-tpl/react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector/releases)                                 | [链接](/zh-cn/react-native-file-selector.md)                      |
+| 385  | [react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid)                                            | 1.2.0          | 否                  | [@react-native-oh-tpl/react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)                                 | [链接](/zh-cn/react-native-idfa-aaid.md)                      |
+| 386  | [react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent)                                            | 2.3.1          | 否                  | [@react-native-oh-tpl/react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent/releases)                                 | [链接](/zh-cn/react-native-user-agent.md)                      |
+| 387  | [react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate)                                            | 2.1.0          | 否                  | [@react-native-oh-tpl/react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate/releases)                                 | [链接](/zh-cn/react-native-image-rotate.md)                      |
+| 388  | [react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay)                                            | 5.0.2          | 否                  | [@react-native-oh-tpl/react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay/releases)                                 | [链接](/zh-cn/react-native-alipay.md)                      |
+| 389  | [react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail)                                            | 1.1.3          | 否                  | [@react-native-oh-tpl/react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail/releases)                                 | [链接](/zh-cn/react-native-thumbnail.md)                      |
+| 390  | [react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard)                                            | 1.0.3          | 否                  | [@react-native-oh-tpl/react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)                                 | [链接](/zh-cn/react-native-custom-keyboard.md)                      |
+| 391  | [rn-bugly](https://github.com/react-native-oh-library/rn-bugly)                                            |1.3.0-beta.3          | 否                  | [@react-native-oh-tpl/rn-bugly](https://github.com/react-native-oh-library/rn-bugly/releases)                                 | [链接](/zh-cn/rn-bugly.md)                      |
+| 392  | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
+| 393  | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
+| 394  | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
+| 395  | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
+| 396  | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
 
 ## 社区
 
diff --git a/_sidebar.md b/_sidebar.md
index 476cdb23..7757e872 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -88,8 +88,8 @@
     - [react-native-drawer-layout-polyfill](/zh-cn/react-native-drawer-layout-polyfill.md)
     - [react-native-echarts-pro](/zh-cn/react-native-echarts-pro.md)
     - [react-native-fit-Image](/zh-cn/react-native-fit-Image.md)
-    - [react-native-image-viewer](/zh-cn/react-native-image-zoom-viewer.md)
-    - [react-native-image-zoom](/zh-cn/react-native-image-pan-zoom.md)
+    - [react-native-image-zoom-viewer](/zh-cn/react-native-image-zoom-viewer.md)
+    - [react-native-image-pan-zoom](/zh-cn/react-native-image-pan-zoom.md)
     - [react-native-intersection-observer](/zh-cn/react-native-intersection-observer.md)
     - [react-native-markdown-display](/zh-cn/react-native-markdown-display.md)
     - [react-native-marquee](/zh-cn/react-native-marquee.md)
diff --git a/en/README_EN.md b/en/README_EN.md
index c528a310..44a68934 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -61,7 +61,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 29   | [immer](https://github.com/immerjs/immer)                                                                                     | 10.0.4         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/Immer.md)                                        |
 | 30   | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                            | 0.11.0         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-slider.md)                          |
 | 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                             | 3.11.6         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/jsbarcode.md)                                    |
-| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.14.9         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/js-beautify.md)                                  |
+| 32  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
 | 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.15.1         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/js-beautify.md)                                  |
 | 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                       | 4.17.21        | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/lodash.md)                                       |
 | 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                             | 6.4.1          | Yes                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [Link](/zh-cn/lottie-react-native.md)                          |
@@ -95,9 +95,9 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                              | 2.14.1         | No                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)               | [Link](/zh-cn/react-native-gesture-handler.md)                 |
 | 64   | [react-native-image-editor](https://github.com/callstack/react-native-image-editor)                                           | 3.2.0          | Yes                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [Link](/zh-cn/react-native-image-editor.md)                    |
 | 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                           | 7.0.3          | Yes                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [Link](/zh-cn/react-native-image-picker.md)                    |
-| 66   | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer)                                            | 3.0.1          | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [Link](/zh-cn/react-native-image-zoom-viewer.md)               |
+| 66   | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer)                                            | 3.0.1          | \-                 | [react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [Link](/zh-cn/react-native-image-zoom-viewer.md)               |
 | 67   | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master)                              | 0.2.2          |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [Link](/zh-cn/react-native-image-viewing.md)                   |
-| 68   | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)                                                | 2.1.12         | \-                 | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                             | [Link](/zh-cn/react-native-image-pan-zoom.md)                  |
+| 68   | [react-native-image-pan-zoom](https://github.com/ascoders/react-native-image-zoom)                                                | 2.1.12         | \-                 | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                             | [Link](/zh-cn/react-native-image-pan-zoom.md)                  |
 | 69   | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer)                            | 0.2.0          | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [Link](/zh-cn/react-native-intersection-observer.md)           |
 | 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)                    | 0.9.5          | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [Link](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
 | 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)                  | 3.0.0-alpha.1  | Yes                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [Link](/zh-cn/react-native-linear-gradient.md)                 |
@@ -240,7 +240,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [Link](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [Link](/zh-cn/NativeBase.md)                                                           |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | No                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [Link](/zh-cn/react-native-orientation-locker.md)              |
-| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 211  | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [Link](/zh-cn/react-native-ssl-pinning.md)               |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 213 | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [Link](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -288,25 +288,25 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 259  | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [Link](/zh-cn/realm-js.md)                               |
 | 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [Link](/zh-cn/react-native-charts-wrapper.md)                |
 | 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 264  | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc)                               | 3.2.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 262  | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [Link](/zh-cn/react-native-config.md)                    |
+| 263  | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-video-controls.md)            |
+| 264  | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-waterflow-list.md)            |
 | 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | No                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [Link](/zh-cn/react-native-context-menu-view.md)                                                       |
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [Link](/zh-cn/react-native-material-textfield.md)              |
 | 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [Link](/zh-cn/react-native-iphone-screen-helper.md)          |
-| 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 270  | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [Link](/zh-cn/freakycoder-react-native-bounceable.md)    |
 | 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-material-design-styles.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-flip-card.md)                       |
 | 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | No                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [Link](/zh-cn/react-native-randombytes.md)                     |
 | 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | Yes                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [Link](/zh-cn/react-native-view-overflow.md)                   |
 | 275  | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text)                                             | 1.13.0         | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-masked-text.md)                     |
 | 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 277  | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-bouncy-checkbox.md)           |
 | 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-parsed-text.md)                     |
 | 279 | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [Link](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -316,7 +316,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[Link](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 287  | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [Link](/zh-cn/react-native-textinput-maxlength-fixed.md) |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 289 | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [Link](/zh-cn/react-native-autoLink.md)                      |
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-indicators.md)                                                         |
@@ -326,7 +326,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [Link](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | No                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [Link](/zh-cn/react-native-file-viewer.md)                     |
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 297  | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                                        | 0.12.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 297  | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-button.md)                    |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | No                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-image-colors.md)                                                         |
 | 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [Link](/zh-cn/react-content-loader.md)                                                         |
@@ -352,8 +352,8 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 323  | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                                               | 5.0.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 324  | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                                         | 4.3.14         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 323  | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [Link](/zh-cn/victory-native-xl.md)                      |
+| 324  | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-swipe-gestures.md)            |
 | 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | Yes                 | -                                                                                                                                                      | [Link](/zh-cn/react-native-signature-canvas.md)                                                       |
 | 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-multiple-select.md)                                                        |
@@ -370,11 +370,11 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery)                                     | 0.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet)                                   | 0.3.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)                                                     | 1.7.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar)                      | 2.6.4          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 341  | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-chart-kit.md)                 |
 | 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer)                                  | 3.2.8          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color)                           | 2.0.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript)                | 0.0.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 344  | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-modals.md)                    |
+| 345  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [Link](/zh-cn/react-native-ohos-community-auto-fill.md)  |
 | 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | Yes                | [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-network-info.md)                             |
 | 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -384,7 +384,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | Yes                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [Link](/zh-cn/react-native-mlkit-ocr.md)                                                          |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 355  | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [Link](/zh-cn/i18next.md)                                |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | Yes                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [Link](/en/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | Yes                | [@react-native-oh-library/react-native-keys](https://github.com/react-native-oh-library/react-native-keys/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-keys.md)                       |
@@ -412,23 +412,20 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [Link](/zh-cn/react-native-QRCode.md)                          |
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [Link](/zh-cn/react-native-tab-navigator.md)                   |
 | 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-calendars.md)                       |
-| 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [Link](/zh-cn/react-native-doc-viewer.md)                      |
-| 384  | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [Link](/zh-cn/i18next.md)                                |
-| 385  | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-modals.md)                    |
-| 386  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [Link](/zh-cn/react-native-ohos-community-auto-fill.md)  |
-| 387  | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-chart-kit.md)                 |
-| 388  | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [Link](/zh-cn/victory-native-xl.md)                      |
-| 389  | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-swipe-gestures.md)            |
-| 390  | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-button.md)                    |
-| 391  | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [Link](/zh-cn/react-native-textinput-maxlength-fixed.md) |
-| 392  | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-bouncy-checkbox.md)           |
-| 393  | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [Link](/zh-cn/freakycoder-react-native-bounceable.md)    |
-| 394  | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [Link](/zh-cn/react-native-config.md)                    |
-| 395  | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-video-controls.md)            |
-| 396  | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-waterflow-list.md)            |
-| 397  | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [Link](/zh-cn/realm-js.md)                               |
-| 398  | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [Link](/zh-cn/react-native-ssl-pinning.md)               |
-
+| 383  | [react-native-exit-app](https://github.com/react-native-oh-libraryreact-native-exit-app)                                            | 2.0.0          | 是                  | [@react-native-oh-tpl/react-native-exit-app](https://github.com/react-native-oh-library/react-native-exit-app/releases)                                 | [链接](/zh-cn/react-native-exit-app.md)                      |
+| 384  | [react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector)                                            | 1.0.2          | 否                  | [@react-native-oh-tpl/react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector/releases)                                 | [链接](/zh-cn/react-native-file-selector.md)                      |
+| 385  | [react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid)                                            | 1.2.0          | 否                  | [@react-native-oh-tpl/react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)                                 | [链接](/zh-cn/react-native-idfa-aaid.md)                      |
+| 386  | [react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent)                                            | 2.3.1          | 否                  | [@react-native-oh-tpl/react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent/releases)                                 | [链接](/zh-cn/react-native-user-agent.md)                      |
+| 387  | [react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate)                                            | 2.1.0          | 否                  | [@react-native-oh-tpl/react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate/releases)                                 | [链接](/zh-cn/react-native-image-rotate.md)                      |
+| 388  | [react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay)                                            | 5.0.2          | 否                  | [@react-native-oh-tpl/react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay/releases)                                 | [链接](/zh-cn/react-native-alipay.md)                      |
+| 389  | [react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail)                                            | 1.1.3          | 否                  | [@react-native-oh-tpl/react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail/releases)                                 | [链接](/zh-cn/react-native-thumbnail.md)                      |
+| 390  | [react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard)                                            | 1.0.3          | 否                  | [@react-native-oh-tpl/react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)                                 | [链接](/zh-cn/react-native-custom-keyboard.md)                      |
+| 391  | [rn-bugly](https://github.com/react-native-oh-library/rn-bugly)                                            |1.3.0-beta.3          | 否                  | [@react-native-oh-tpl/rn-bugly](https://github.com/react-native-oh-library/rn-bugly/releases)                                 | [链接](/zh-cn/rn-bugly.md)                      |
+| 392  | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
+| 393  | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
+| 394  | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
+| 395  | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
+| 396  | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
 ## Community
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/en/react-native-image-pan-zoom.md b/en/react-native-image-pan-zoom.md
index 99f49772..a051dfdd 100644
--- a/en/react-native-image-pan-zoom.md
+++ b/en/react-native-image-pan-zoom.md
@@ -16,7 +16,7 @@ Template version: v0.2.2
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-pan-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -27,13 +27,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-zoom
+npm install @react-native-oh-tpl/react-native-image-pan-zoom
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-zoom
+yarn add @react-native-oh-tpl/react-native-image-pan-zoom
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 980d3f0e..af7d1848 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -28,7 +28,7 @@
 
 > [!TIP] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
 
-| 序号 | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOSReleases                                                                                                                                           | 文档链接（相对路径）                                           |
+| 序号 | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOS Releases                                                                                                                                           | 文档链接                                           |
 | ---- | ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
 | 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                      | 1.21.0         | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
 | 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll)                   | 6.0.0          | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
@@ -61,7 +61,7 @@
 | 29   | [immer](https://github.com/immerjs/immer)                                                                                     | 10.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
 | 30   | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                            | 0.11.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
 | 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                             | 3.11.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
-| 32   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.14.9         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
+| 32  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
 | 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.15.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
 | 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                       | 4.17.21        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
 | 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                             | 6.4.1          | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
@@ -85,7 +85,7 @@
 | 53   | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field)                        | 7.4.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-confirmation-code-field.md)         |
 | 54   | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js)                                                 | 1.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-crypto-js.md)                       |
 | 55   | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv)                                                    | 3.4.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-dotenv.md)                          |
-| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          | 否                 | [@react-native-oh-tpl/react-native-drag-sort](https://github.com/react-native-oh-library/react-native-drag-sort/releases)       | [链接](/zh-cn/react-native-drag-sort.md)                       |
+| 56   | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort)                                                 | 2.4.4          |否                  |    [@react-native-oh-tpl/react-native-drag-sort](https://github.com/react-native-oh-library/react-native-drag-sort/releases)                                                | [链接](/zh-cn/react-native-drag-sort.md)                       |
 | 57   | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill)                     | 2.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-drawer-layout-polyfill.md)          |
 | 58   | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro)                                             | 1.9.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-echarts-pro.md)                     |
 | 59   | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler)                                      | 2.10.10        | 否                 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases)                   | [链接](/zh-cn/react-native-exception-handler.md)               |
@@ -95,9 +95,9 @@
 | 63   | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler)                              | 2.14.1         | 否                 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases)               | [链接](/zh-cn/react-native-gesture-handler.md)                 |
 | 64   | [react-native-image-editor](https://github.com/callstack/react-native-image-editor)                                           | 3.2.0          | 是                 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases)                             | [链接](/zh-cn/react-native-image-editor.md)                    |
 | 65   | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker)                           | 7.0.3          | 是                 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases)                             | [链接](/zh-cn/react-native-image-picker.md)                    |
-| 66   | [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer)                                            | 3.0.1          | \-                 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
+| 66   | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer)                                            | 3.0.1          | \-                 | [react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases)                                                  | [链接](/zh-cn/react-native-image-zoom-viewer.md)               |
 | 67   | [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing/blob/master)                              | 0.2.2          |                    | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases)                           | [链接](/zh-cn/react-native-image-viewing.md)                   |
-| 68   | [react-native-image-zoom](https://github.com/ascoders/react-native-image-zoom)                                                | 2.1.12         | \-                 | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                             | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
+| 68   | [react-native-image-pan-zoom](https://github.com/ascoders/react-native-image-zoom)                                                | 2.1.12         | \-                 | [@react-native-oh-tpl/react-native-image-pan-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases)                             | [链接](/zh-cn/react-native-image-pan-zoom.md)                  |
 | 69   | [react-native-intersection-observer](https://github.com/zhbhun/react-native-intersection-observer)                            | 0.2.0          | \-                 | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases)           | [链接](/zh-cn/react-native-intersection-observer.md)           |
 | 70   | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)                    | 0.9.5          | \-                 | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md)      |
 | 71   | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient)                  | 3.0.0-alpha.1  | 是                 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases)                       | [链接](/zh-cn/react-native-linear-gradient.md)                 |
@@ -112,7 +112,7 @@
 | 80   | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu)                                                  | 0.16.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-popup-menu.md)                      |
 | 81   | [react-native-progress](https://github.com/oblador/react-native-progress)                                                     | 5.0.1          | \-                 | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases)                                     | [链接](/zh-cn/react-native-progress.md)                        |
 | 82   | [react-native-pull](https://github.com/greatbsky/react-native-pull/blob/master)                                               | 2.0.4          | \-                 | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases)                                             | [链接](/zh-cn/react-native-pull.md)                            |
-| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                            | 6.2.0          | \-                 | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases)                                 | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
+| 83   | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg)                                            | 6.2.0          | \-                 | -                                | [链接](/zh-cn/react-native-qrcode-svg.md)                      |
 | 84   | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated)                                        | 3.6.0          | 是                 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases)                                 | [链接](/zh-cn/react-native-reanimated.md)                      |
 | 85   | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel)                                | 3.5.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-carousel.md)             |
 | 86   | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table)                                      | 0.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-reanimated-table.md)                |
@@ -223,7 +223,7 @@
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | 否                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [链接](/zh-cn/react-native-keep-awake.md)                      |
 | 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [链接](/zh-cn/react-navigation.md)                             |
-| 194 | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [链接](/zh-cn/react-native-default-preference.md)            |
+| 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [链接](/zh-cn/react-native-default-preference.md)            |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
 | 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | 否                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                         | [链接](/zh-cn/react-native-sensitive-info.md)                  |
 | 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation)                                | 0.1.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-typing-animation.md)                |
@@ -232,40 +232,40 @@
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [链接](/zh-cn/rn-tourguide.md)                                 |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | 是                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [链接](/zh-cn/react-native-performance.md)                     |
 | 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 203 | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
-| 204 | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
+| 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
+| 204  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
 | 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
-| 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
-| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [链接](/zh-cn/NativeBase.md)                                                         |
+| 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
+| 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [链接](/zh-cn/NativeBase.md)                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
-| 211  | [@sentry/react-native](https://github.com/getsentry/sentry-react-native)                                                      | 5.27.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 211 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 213 | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
+| 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-shadow-2.md)                        |
-| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | -                                                                                                                                                      | [链接](/zh-cn/Shopify-restyle.md)                                                       |
-| 218 | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
+| 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | -                                                                                                                                                      | [链接](/zh-cn/Shopify-restyle.md)                                                         |
+| 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
 | 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 220 | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
+| 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-url-polyfill.md)                    |
-| 222 | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [链接](/zh-cn/react-native-shimmer-placeholder.md)           |
+| 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [链接](/zh-cn/react-native-shimmer-placeholder.md)           |
 | 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-ratings.md)                         |
 | 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 227 | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
-| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | -                                                                                                                                                     |  [链接](/zh-cn/react-native-offline.md)                                                                                                                 |
+| 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
+| 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  |-                                                                                                                                                     |  [链接](/zh-cn/react-native-offline.md)                                                         |
 | 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  |  [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input)                                                                                                                                                      | [链接](/zh-cn/react-native-credit-card-input.md)                                                           |
-| 231 | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
-| 232 | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
+| 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input)                                                                                                                                                      | [链接](/zh-cn/react-native-credit-card-input.md)                                                         |
+| 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
+| 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | 否                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [链接](/zh-cn/react-native-signature-capture.md)               |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                                                          |
-| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 |  [@react-native-oh-library/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable)                                                                                                                                                      | [链接](/zh-cn/react-native-vector-drawable.md)                                                        |
+| 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                                                         |
+| 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 | [@react-native-oh-library/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable)                                                                                                                                                      | [链接](/zh-cn/react-native-vector-drawable.md)                                                         |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [链接](/zh-cn/react-native-material-buttons.md)                |
 | 238  | [@expo/react-native-action-sheet](https://github.com/expo/react-native-action-sheet)                                          | 4.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-action-sheet.md)                    |
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-communications.md)                  |
@@ -277,10 +277,10 @@
 | 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [链接](/zh-cn/gorhom-bottom-sheet.md)                                                         |
 | 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 248  | [react-native-skia](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 |  [@react-native-oh-tpl/react-native-skia](https://github.com/react-native-oh-library/react-native-skia)                                                                                                                                                      | [链接](/zh-cn/react-native-skia.md)                                                          |
+| 248  | [react-native-skia](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | [@react-native-oh-tpl/react-native-skia](https://github.com/react-native-oh-library/react-native-skia)                                                                                                                                                      | [链接](/zh-cn/react-native-skia.md)                                                         |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 250 | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
-| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | [@react-native-oh-tpl/react-native-picker-select](https://github.com/react-native-oh-library/react-native-picker-select)                                                                                                                                                      | [链接](/zh-cn/react-native-picker-select.md)                                                          |
+| 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
+| 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | [@react-native-oh-tpl/react-native-picker-select](https://github.com/react-native-oh-library/react-native-picker-select)                                                                                                                                                      | [链接](/zh-cn/react-native-picker-select.md)                                                         |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
@@ -288,37 +288,37 @@
 | 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 259  | [react-native-auth0](https://github.com/auth0/react-native-auth0)                                                             | 4.0.0-beta.0   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
+| 259 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
+| 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
 | 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 262  | [react-native-avoid-softinput](https://github.com/mateusz1913/react-native-avoid-softinput)                                   | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 263  | [redux-flipper](https://github.com/jk-gan/redux-flipper)                                                                      | 2.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 264  | [react-native-twilio-video-webrtc](https://github.com/blackuy/react-native-twilio-video-webrtc)                               | 3.2.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [链接](/zh-cn/react-native-context-menu-view.md)                                                           |
+| 262 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
+| 263 | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
+| 264 | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
+| 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [链接](/zh-cn/react-native-context-menu-view.md)                                                         |
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
-| 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
-| 270  | [react-native-flipper](https://github.com/facebook/flipper/tree/main/react-native/react-native-flipper)                       | 0.262.0        | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
+| 270 | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
 | 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-styles.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-flip-card.md)                       |
 | 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [链接](/zh-cn/react-native-randombytes.md)                     |
 | 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [链接](/zh-cn/react-native-view-overflow.md)                   |
 | 275  | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text)                                             | 1.13.0         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-masked-text.md)                     |
 | 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 277  | [react-native-branch-deep-linking-attribution](https://github.com/BranchMetrics/react-native-branch-deep-linking-attribution) | 6.2.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 277 | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-bouncy-checkbox.md)           |
 | 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-parsed-text.md)                     |
-| 279 | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
+| 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 281 | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
+| 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
 | 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
 | 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[链接](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
-| 287  | [react-native-background-geolocation](https://github.com/transistorsoft/react-native-background-geolocation)                  | 4.16.5         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 287 | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 289 | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
+| 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
@@ -326,15 +326,15 @@
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [链接](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | 否                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [链接](/zh-cn/react-native-file-viewer.md)                     |
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 297  | [react-native-html-to-pdf](https://github.com/christopherdro/react-native-html-to-pdf)                                        | 0.12.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 297 | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-image-colors.md)                                                         |
-| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                   | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [链接](/zh-cn/react-content-loader.md)                                                         |
+| 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-image-colors.md)                                                           |
+| 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [链接](/zh-cn/react-content-loader.md)                                                         |
 | 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 304  | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                                          | 1.2.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 | [@react-native-oh-tpl/react-native-audio-recorder-player](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)                               | [链接](/zh-cn/react-native-audio-recorder-player.md)                                                          |
+| 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 |[@react-native-oh-tpl/react-native-audio-recorder-player](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)                               | [链接](/zh-cn/react-native-audio-recorder-player.md)                                                         |
 | 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 307  | [react-native-notifier](https://github.com/seniv/react-native-notifier)                                                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 308  | [react-native-graph](https://github.com/margelo/react-native-graph)                                                           | 1.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -352,9 +352,9 @@
 | 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 323  | [react-native-change-icon](https://github.com/skb1129/react-native-change-icon)                                               | 5.0.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 324  | [react-native-callkeep](https://github.com/react-native-webrtc/react-native-callkeep)                                         | 4.3.14         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | -                                                                                                                                                      | [链接](/zh-cn/react-native-signature-canvas.md)                                                         |
+| 323 | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-swipe-gestures.md)            |
+| 324 | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [链接](/zh-cn/victory-native-xl.md)                      |
+| 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | -                                                                                                                                                      | [链接](/zh-cn/react-native-signature-canvas.md)                                                          |
 | 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-multiple-select.md)                                                         |
 | 328  | [react-native-switch](https://github.com/shahen94/react-native-switch)                                                        | 1.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -362,7 +362,7 @@
 | 330  | [react-native-swipeable-list](https://github.com/esthor/react-native-swipeable-list)                                          | 0.1.2          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-swipeable-list.md)                                                         |
 | 331  | [galio-framework](https://github.com/galio-org/galio)                                                                         | 0.8.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 332  | [react-native-incall-manager](https://github.com/react-native-webrtc/react-native-incall-manager)                             | 4.2.0          | 否                 | [@react-native-oh-tpl/react-native-incall-manager](https://github.com/react-native-oh-library/react-native-incall-manager/releases)                               | [链接](/zh-cn/react-native-incall-manager.md)                                                         |
-| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | [@react-native-oh-library/react-native-securerandom](https://github.com/react-native-oh-library/react-native-securerandom/releases)                                                                                                                                                        | [链接](/zh-cn/react-native-securerandom.md)                                         |
+| 333  | [react-native-securerandom](https://github.com/rh389/react-native-securerandom)                                               | 1.0.1          | 否                 | [@react-native-oh-library/react-native-securerandom](https://github.com/react-native-oh-library/react-native-securerandom/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-securerandom.md)                                      |
 | 334  | [react-native-tcp-socket](https://github.com/Rapsssito/react-native-tcp-socket)                                               | 6.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 335  | [react-native-scroll-bottom-sheet](https://github.com/rgommezz/react-native-scroll-bottom-sheet)                              | 0.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 336  | [react-native-send-intent](https://github.com/lucasferreira/react-native-send-intent)                                         | 1.3.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -370,21 +370,21 @@
 | 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet)                                   | 0.3.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)                                                     | 1.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 341  | [react-native-system-navigation-bar](https://github.com/kadiraydinli/react-native-system-navigation-bar)                      | 2.6.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 341 | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-chart-kit.md)                 |
 | 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer)                                  | 3.2.8          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 344  | [react-native-navigation-bar-color](https://github.com/thebylito/react-native-navigation-bar-color)                           | 2.0.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 345  | [react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript)                | 0.0.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-network-info.md)                                                        |
+| 344 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)  |
+| 345 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-modals.md)                    |
+| 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-network-info.md)                                                         |
 | 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 349  | [react-native-dismiss-keyboard](https://github.com/DanielMSchmidt/react-native-dismiss-keyboard)                              | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dismiss-keyboard.md)                |
 | 350  | [react-native-file-access](https://github.com/alpha0010/react-native-file-access)                                             | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 351  | [react-native-compass-heading](https://github.com/firofame/react-native-compass-heading)                                      | 1.2.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 是                | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [链接](/zh-cn/react-native-mlkit-ocr.md)                                                         |
+| 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 是                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [链接](/zh-cn/react-native-mlkit-ocr.md)                                                          |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 355  | [react-native-health-connect](https://github.com/matinzd/react-native-health-connect)                                         | 3.1.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 355 | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [链接](/zh-cn/i18next.md)                                |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | 是                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [链接](/zh-cn/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | [@react-native-oh-library/react-native-keys](https://github.com/react-native-oh-library/react-native-keys/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-keys.md)                                                         |
@@ -395,8 +395,8 @@
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [链接](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | 否                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [链接](/zh-cn/react-native-neomorph-shadows.md)                |
 | 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | -                                                                                                                                                      | [链接](/zh-cn/ant-design-react-native.md)                                                         |
-| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                   | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [链接](/zh-cn/react-native-drax.md)   |
-| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mqtt.md)                                                           |
+| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [链接](/zh-cn/react-native-drax.md)                                                        |
+| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mqtt.md)                                                        |
 | 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-iconfont-cli.md)                                                         |
 | 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-video-cache.md)                                                         |
 | 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -411,23 +411,21 @@
 | 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
 | 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
 | 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
-| 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                        |
-| 383  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                       |
-| 384 | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [链接](/zh-cn/i18next.md)                                |
-| 385 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-modals.md)                    |
-| 386 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)  |
-| 387 | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-chart-kit.md)                 |
-| 388 | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [链接](/zh-cn/victory-native-xl.md)                      |
-| 389 | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-swipe-gestures.md)            |
-| 390 | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
-| 391 | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
-| 392 | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-bouncy-checkbox.md)           |
-| 393 | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
-| 394 | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
-| 395 | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
-| 396 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
-| 397 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
-| 398 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
+| 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                       |
+| 383  | [react-native-exit-app](https://github.com/react-native-oh-libraryreact-native-exit-app)                                            | 2.0.0          | 是                  | [@react-native-oh-tpl/react-native-exit-app](https://github.com/react-native-oh-library/react-native-exit-app/releases)                                 | [链接](/zh-cn/react-native-exit-app.md)                      |
+| 384  | [react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector)                                            | 1.0.2          | 否                  | [@react-native-oh-tpl/react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector/releases)                                 | [链接](/zh-cn/react-native-file-selector.md)                      |
+| 385  | [react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid)                                            | 1.2.0          | 否                  | [@react-native-oh-tpl/react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)                                 | [链接](/zh-cn/react-native-idfa-aaid.md)                      |
+| 386  | [react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent)                                            | 2.3.1          | 否                  | [@react-native-oh-tpl/react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent/releases)                                 | [链接](/zh-cn/react-native-user-agent.md)                      |
+| 387  | [react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate)                                            | 2.1.0          | 否                  | [@react-native-oh-tpl/react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate/releases)                                 | [链接](/zh-cn/react-native-image-rotate.md)                      |
+| 388  | [react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay)                                            | 5.0.2          | 否                  | [@react-native-oh-tpl/react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay/releases)                                 | [链接](/zh-cn/react-native-alipay.md)                      |
+| 389  | [react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail)                                            | 1.1.3          | 否                  | [@react-native-oh-tpl/react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail/releases)                                 | [链接](/zh-cn/react-native-thumbnail.md)                      |
+| 390  | [react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard)                                            | 1.0.3          | 否                  | [@react-native-oh-tpl/react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)                                 | [链接](/zh-cn/react-native-custom-keyboard.md)                      |
+| 391  | [rn-bugly](https://github.com/react-native-oh-library/rn-bugly)                                            |1.3.0-beta.3          | 否                  | [@react-native-oh-tpl/rn-bugly](https://github.com/react-native-oh-library/rn-bugly/releases)                                 | [链接](/zh-cn/rn-bugly.md)                      |
+| 392  | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
+| 393  | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
+| 394  | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
+| 395  | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
+| 396  | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
 
 ## 社区
 
diff --git a/zh-cn/react-native-image-pan-zoom.md b/zh-cn/react-native-image-pan-zoom.md
index cef30b4a..a94a3b11 100644
--- a/zh-cn/react-native-image-pan-zoom.md
+++ b/zh-cn/react-native-image-pan-zoom.md
@@ -16,7 +16,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-pan-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -25,13 +25,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-zoom
+npm install @react-native-oh-tpl/react-native-image-pan-zoom
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-zoom
+yarn add @react-native-oh-tpl/react-native-image-pan-zoom
 ```
 
 <!-- tabs:end -->

From cc615f61a3441ccc26d305dad4469997031a7f32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=A3=E9=9D=92=E9=A3=9E?= <daiqinghui2@h-partners.com>
Date: Thu, 12 Dec 2024 06:49:12 +0000
Subject: [PATCH 922/966] =?UTF-8?q?!1956=20docs:=20[Issues:=20#IBAU9R]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-community-toolbar-android?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E6=A8=A1?=
 =?UTF-8?q?=E7=89=88=E7=89=88=E6=9C=AC=E5=8F=B7=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IBAU9R]=20=E4=BF=AE=E6=94=B9react-native-community-toolbar-andr?=
 =?UTF-8?q?oid=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84?=
 =?UTF-8?q?=E6=A8=A1=E7=89=88=E7=89=88=E6=9C=AC=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-toolbar-android.md    | 2 +-
 zh-cn/react-native-community-toolbar-android.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-community-toolbar-android.md b/en/react-native-community-toolbar-android.md
index 30dd2a44..dc2d3e5e 100644
--- a/en/react-native-community-toolbar-android.md
+++ b/en/react-native-community-toolbar-android.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2-rc.1
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/toolbar-android</code> </h1>
diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md
index f2409f1d..7b33ead2 100644
--- a/zh-cn/react-native-community-toolbar-android.md
+++ b/zh-cn/react-native-community-toolbar-android.md
@@ -1,4 +1,4 @@
-> 模板版本：v0.2.2-rc.1
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/toolbar-android</code> </h1>

From 45cd40c0fc481af135b5abe5912485efc994c03e Mon Sep 17 00:00:00 2001
From: Jsq <1377013680@qq.com>
Date: Fri, 13 Dec 2024 06:15:41 +0000
Subject: [PATCH 923/966] =?UTF-8?q?!1957=20docs:=20[Issues:=20#IBAYIU]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-document-picker=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IBAYIU]=20=E4=BF=AE=E6=94=B9react-native-document-picker?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-document-picker.md    | 114 ++++++++++++++++----------
 zh-cn/react-native-document-picker.md | 110 ++++++++++++++++---------
 2 files changed, 140 insertions(+), 84 deletions(-)

diff --git a/en/react-native-document-picker.md b/en/react-native-document-picker.md
index a2147610..d2835cbf 100644
--- a/en/react-native-document-picker.md
+++ b/en/react-native-document-picker.md
@@ -1,40 +1,35 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-document-picker</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-documents/document-picker">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/document-picker)
 
-## Installation and Usage
+This project is based on [react-native-document-picker@9.2.0](https://github.com/react-native-documents/document-picker).
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-document-picker`, The version correspondence details are as follows:
+| Version                        | Package Name                             | Repository                                                   | Release                                                      |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 9.2.0@deprecated | @react-native-oh-library/react-native-document-picker  | [Github(deprecated)](https://github.com/react-native-oh-library/document-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/document-picker/releases) |
+| > 9.2.0                        | @react-native-ohos/react-native-document-picker | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker/releases) |
 
-Go to the project directory and execute the following instruction:
 
+## 1. Installation and Usage
 
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
-#### npm
+####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-document-picker
+npm install @react-native-ohos/react-native-document-picker
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-document-picker
+yarn add @react-native-ohos/react-native-document-picker
 ```
 
 <!-- tabs:end -->
@@ -315,31 +310,33 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Use Codegen
-
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
-
-## Link
+## 2. Manual Link
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+This step provides guidance for manually configuring native dependencies.
 
 Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+### 2.1 Overrides RN SDK
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2 Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code.
+
 Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
@@ -349,7 +346,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-document-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-document-picker/harmony/document_picker.har"
+    "@react-native-ohos/react-native-document-picker": "file:../../node_modules/@react-native-ohos/react-native-document-picker/harmony/document_picker.har"
   }
 ```
 
@@ -366,13 +363,46 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
 
-### 3. Introducing DocumentPickerPackage to ArkTS
+### 2.3 Configuring CMakeLists and Introducing DocumentPickerPackage
+
+> **[!TIP] Version v9.2.0 and above requires.**
+
+Open entry/src/main/cpp/CMakeLists.txt and add the following code:
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-document-picker/src/main/cpp" ./document_picker)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_document_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+Open entry/src/main/cpp/PackageProvider.cpp and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "DocumentPickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
++     std::make_shared<DocumentPickerPackage>(ctx)
+    };
+}
+```
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
-+ import { DocumentPickerPackage } from '@react-native-oh-tpl/react-native-document-picker/ts';
++ import { DocumentPickerPackage } from '@react-native-ohos/react-native-document-picker/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -382,7 +412,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4. Running
+### 2.4 Running
 
 Click the `sync` button in the upper right corner.
 
@@ -395,21 +425,19 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
-
-### Compatibility
+## 3. Constraints
+### 3.1 Compatibility
 
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+Check the release version information in the release address of the third-party library:[@react-native-ohos/react-native-document-picker Releases](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker/releases)
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases)
 
-## Properties
+## 4. Properties
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-### option pick 方法的传参选项
+option pick 方法的传参选项
 
 | Name                | Description                                                                                                                                                                                         | Type                                                                    | Required | Platform    | HarmonyOS Support |
 | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -420,7 +448,7 @@ Check the release version information in the release address of the third-party
 | transitionStyle     | Configure the transition style of the picker. Defaults to coverVertical.                                                                                                                            | 'coverVertical' \| 'flipHorizontal' \| 'crossDissolve' \| 'partialCurl' | no       | IOS         | no                |
 | mode                | Defaults to import. If mode is set to import the document picker imports the file from outside to inside the sandbox, otherwise if mode is set to open the document picker opens the file in-place. | "import" \| "open"                                                      | no       | IOS         | no                |
 
-## API
+## 5. API
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -437,15 +465,15 @@ Check the release version information in the release address of the third-party
 | types               | File type object. eg type.images、types.pdf                                                                                                                                                                                                                                                                     | function | No       | IOS/Android | yes               |
 | perPlatformTypes    | Different platforms, file type object map                                                                                                                                                                                                                                                                       | function | No       | IOS/Android | yes               |
 
-## Known Issues
+## 6. Known Issues
 
 - [ ] HarmonyOS 端 file picker selectMode 设置选文件夹无效: [issue#1](https://github.com/react-native-oh-library/document-picker/issues/1)
 - [ ] releaseSecureAccess 选择沙箱路径外文件无法实现， HarmonyOS 暂无此能力接口: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2)
 
-## Others
+## 7. Others
 
 - 因权限问题无法读写图库资源，文件管理中从图库选择文件暂不支持。
 
-## License
+## 8. License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md).
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker/blob/master/LICENSE.md).
\ No newline at end of file
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index 52cfb1a4..b026b91c 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -1,25 +1,21 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-document-picker</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-documents/document-picker">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
 
 
+本项目基于 [react-native-document-picker@9.2.0](https://github.com/react-native-documents/document-picker) 开发。
+
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-document-picker`，具体版本所属关系如下：
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/document-picker)
+| Version                        | Package Name                             | Repository                                                   | Release                                                      |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 9.2.0@deprecated | @react-native-oh-library/react-native-document-picker  | [Github(deprecated)](https://github.com/react-native-oh-library/document-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/document-picker/releases) |
+| > 9.2.0                        | @react-native-ohos/react-native-document-picker | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker/releases) |
 
-## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -30,13 +26,13 @@
 ####  npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-document-picker
+npm install @react-native-ohos/react-native-document-picker
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-document-picker
+yarn add @react-native-ohos/react-native-document-picker
 ```
 
 <!-- tabs:end -->
@@ -254,28 +250,30 @@ const styles = StyleSheet.create({
 
 ```
 
-## 使用 Codegen（如本库已适配了 Codegen ）
+## 2. Manual Link
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+此步骤为手动配置原生依赖项的指导。
 
-## Link
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1 Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `harmony/oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
+
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2 引入原生端代码
 
 目前有两种方法：
 
@@ -291,7 +289,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-document-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-document-picker/harmony/document_picker.har"
+    "@react-native-ohos/react-native-document-picker": "file:../../node_modules/@react-native-ohos/react-native-document-picker/harmony/document_picker.har"
   }
 ```
 
@@ -308,13 +306,46 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.在 ArkTs 侧引入 DocumentPickerPackage
+### 2.3 配置 CMakeLists 和引入 DocumentPickerPackage
+
+> **[!TIP] 版本 v9.2.0 及以上需要.**
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-document-picker/src/main/cpp" ./document_picker)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_document_picker)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "DocumentPickerPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+      std::make_shared<RNOHGeneratedPackage>(ctx),
++     std::make_shared<DocumentPickerPackage>(ctx)
+    };
+}
+```
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
   ...
-+ import { DocumentPickerPackage } from '@react-native-oh-tpl/react-native-document-picker/ts';
++ import { DocumentPickerPackage } from '@react-native-ohos/react-native-document-picker/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -324,7 +355,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 2.4 运行
 
 点击右上角的 `sync` 按钮
 
@@ -337,22 +368,19 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
-
-### 兼容性
+## 3. 约束与限制
+### 3.1 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-document-picker Releases](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-document-picker Releases](https://github.com/react-native-oh-library/document-picker/releases)
 
-   
-## 属性
+## 4. 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-### option pick方法的传参选项
+ option pick方法的传参选项
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
@@ -363,7 +391,7 @@ ohpm install
 | transitionStyle  | Configure the transition style of the picker. Defaults to coverVertical.   | 'coverVertical' \| 'flipHorizontal' \| 'crossDissolve' \| 'partialCurl'  | no | IOS  | no |
 | mode  | Defaults to import. If mode is set to import the document picker imports the file from outside to inside the sandbox, otherwise if mode is set to open the document picker opens the file in-place.   | "import" \| "open"  | no | IOS  | no |
 
-## API
+## 5. API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -382,14 +410,14 @@ ohpm install
 | perPlatformTypes       | Different platforms, file type object map   | function | No       | IOS/Android | yes  |
 
 
-## 遗留问题
+## 6. 遗留问题
 
 - [ ]  HarmonyOS 端file picker selectMode设置选文件夹无效: [issue#1](https://github.com/react-native-oh-library/document-picker/issues/1) 
 - [ ] releaseSecureAccess选择沙箱路径外文件无法实现， HarmonyOS 暂无此能力接口: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2)
 
-## 其他
+## 7. 其他
 - 因权限问题无法读写图库资源，文件管理中从图库选择文件暂不支持。
 
-## 开源协议
+## 8. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-documents/document-picker/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker/blob/master/LICENSE.md) ，请自由地享受和参与开源。

From 490403529a672393c5c47982b27ab7f2c2c7a915 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <linzhipeng10@h-partners.com>
Date: Fri, 13 Dec 2024 07:19:47 +0000
Subject: [PATCH 924/966] =?UTF-8?q?!1958=20docs:=20[Issues:=20#IBB3Q2]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-gesture-handler=20=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IBB3Q2]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=20react-native-gesture-handler=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-gesture-handler.md    | 4 ++--
 zh-cn/react-native-gesture-handler.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-gesture-handler.md b/en/react-native-gesture-handler.md
index f4528a65..0093a19e 100644
--- a/en/react-native-gesture-handler.md
+++ b/en/react-native-gesture-handler.md
@@ -202,14 +202,14 @@ Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
++ #include "generated/RNOHGeneratedPackage.h"
 + #include "GestureHandlerPackage.h"
 
 using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNOHGeneratedPackage>(ctx),
 +     std::make_shared<GestureHandlerPackage>(ctx)
     };
 }
diff --git a/zh-cn/react-native-gesture-handler.md b/zh-cn/react-native-gesture-handler.md
index 9da093e1..a2885eaa 100644
--- a/zh-cn/react-native-gesture-handler.md
+++ b/zh-cn/react-native-gesture-handler.md
@@ -204,14 +204,14 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 
 ```diff
 #include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
++ #include "generated/RNOHGeneratedPackage.h"
 + #include "GestureHandlerPackage.h"
 
 using namespace rnoh;
 
 std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
     return {
-      std::make_shared<SamplePackage>(ctx),
++     std::make_shared<RNOHGeneratedPackage>(ctx),
 +     std::make_shared<GestureHandlerPackage>(ctx)
     };
 }

From dd08c1af2399337fe454c9232c3bf617cda9999a Mon Sep 17 00:00:00 2001
From: Louis Chan <chenlixi1@huawei.com>
Date: Fri, 13 Dec 2024 07:20:02 +0000
Subject: [PATCH 925/966] =?UTF-8?q?!1959=20react-native-map-linking?=
 =?UTF-8?q?=E9=85=8D=E5=A5=97gitee=E6=A8=A1=E6=9D=BF=20*=20docs:=20[#IBB4F?=
 =?UTF-8?q?G]=20react-native-map-linking=E9=85=8D=E5=A5=97gitee=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/model-gitee.md                 |   2 +-
 en/react-native-map-linking.md    | 154 +++++++++++++++---------------
 zh-cn/react-native-map-linking.md | 146 ++++++++++++++--------------
 3 files changed, 152 insertions(+), 150 deletions(-)

diff --git a/en/model-gitee.md b/en/model-gitee.md
index c95021bf..01c837fa 100644
--- a/en/model-gitee.md
+++ b/en/model-gitee.md
@@ -8,7 +8,7 @@
   <h1 align="center"> <code>原库 npm 包名</code> </h1>
 </p>
 
-This project is based on [原库 npm 名称@x.x.x](原库仓库连接)。
+This project is based on [原库 npm 名称@x.x.x](原库仓库连接).
 
 This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-linear-gradient`, The version correspondence details are as follows:
 
diff --git a/en/react-native-map-linking.md b/en/react-native-map-linking.md
index c8cfebbf..88c98b26 100644
--- a/en/react-native-map-linking.md
+++ b/en/react-native-map-linking.md
@@ -1,25 +1,19 @@
-> Template version: v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-map-linking</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/starlight36/react-native-map-linking">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
-
 
+This project is based on [react-native-map-linking@1.0.1](https://github.com/starlight36/react-native-map-linking).
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-map-linking)
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-map-linking`, The version correspondence details are as follows:
 
+| Version                   | Package Name                                  | Repository                                                                                | Release                                                                                                     |
+| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
+| <= 1.0.1-0.0.1@deprecated | @react-native-oh-tpl/react-native-map-linking | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-map-linking) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-map-linking/releases) |
+| > 1.0.1                   | @react-native-ohos/react-native-map-linking   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking)                 | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking/releases)                 |
 
-## Installation and Usage
-
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+## 1. Installation and Usage
 
 Go to the project directory and execute the following instruction:
 
@@ -28,52 +22,73 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-map-linking
+npm install @react-native-ohos/react-native-map-linking
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-map-linking
+yarn add @react-native-ohos/react-native-map-linking
 ```
 
 <!-- tabs:end -->
 
 The following code shows the basic use scenario of the repository:
 
->[!WARNING] The name of the imported repository remains unchanged.
+> [!WARNING] The name of the imported repository remains unchanged.
 
 ```js
-import React, { Component } from 'react';
+import React, { Component } from "react";
 import {
   AppRegistry,
   StyleSheet,
   Text,
   View,
   TouchableOpacity,
-} from 'react-native';
-import MapLinking from 'react-native-map-linking';
+} from "react-native";
+import MapLinking from "react-native-map-linking";
 
 class MapLinkingDemo extends Component {
   render() {
     return (
       <View style={styles.container}>
         <TouchableOpacity
-          onPress={() => {MapLinking.markLocation({lat: 39.9901079, lng:116.1887467},'香山公园','bbb')}}>
+          onPress={() => {
+            MapLinking.markLocation(
+              { lat: 39.9901079, lng: 116.1887467 },
+              "Xiangshan Park",
+              "bbb"
+            );
+          }}
+        >
           <View style={styles.button}>
-            <Text style={styles.text}>Mark the location on the map</Text>
+            <Text style={styles.text}>mark specific locations</Text>
           </View>
         </TouchableOpacity>
         <TouchableOpacity
-          onPress={() => {MapLinking.planRoute({lat: 39.9901079, lng:116.1887467, title: '香山公园'}, {lat:40.0382556, lng:116.3144536, title:'清河站'}, 'drive')}}>
+          onPress={() => {
+            MapLinking.planRoute(
+              { lat: 39.9901079, lng: 116.1887467, title: "Xiangshan Park" },
+              { lat: 40.0382556, lng: 116.3144536, title: "Qinghe Station" },
+              "drive"
+            );
+          }}
+        >
           <View style={styles.button}>
-            <Text style={styles.text}>规划线路</Text>
+            <Text style={styles.text}>route planning</Text>
           </View>
         </TouchableOpacity>
         <TouchableOpacity
-          onPress={() => {MapLinking.navigate({lat:40.0382556, lng:116.3144536, title:'清河站'} )}}>
+          onPress={() => {
+            MapLinking.navigate({
+              lat: 40.0382556,
+              lng: 116.3144536,
+              title: "Qinghe Station",
+            });
+          }}
+        >
           <View style={styles.button}>
-            <Text style={styles.text}>navigation</Text>
+            <Text style={styles.text}>launch navigation</Text>
           </View>
         </TouchableOpacity>
       </View>
@@ -84,81 +99,66 @@ class MapLinkingDemo extends Component {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
   },
   button: {
     padding: 10,
-    backgroundColor: '#3B5998',
+    backgroundColor: "#3B5998",
     marginBottom: 10,
   },
   text: {
-    color: 'white',
+    color: "white",
   },
 });
-export default MapLinkingDemo;  
+export default MapLinkingDemo;
 ```
 
+## 2. Constraints
 
+### 2.1 Using this third-party library requires configuring querySchemes.
 
-## Constraints
+Please configure the `querySchemes` field in `entry/src/module.json5` to support launching Petal Map and Amap.
 
-### Compatibility
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+```
+{
+  "module": {
+    "querySchemes":[
+      "maps",
+      "amapuri",
+    ],
+    ...
+  }
+}
+```
 
-Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)
+### 2.2 Compatibility
 
+Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-map-linking Releases](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking/releases)
 
-## Properties
+## 3. APIs
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
+| Name                                       | Description                                                        | Optional                                                                                                                                                                                                                                                                                                                                                                                                                         | Required | Platform | HarmonyOS Support |
+| ------------------------------------------ | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| markLocation(location, title, content)     | Marks a specific location on the map                               | location: Location coordinates, an object that includes: **lat** - Latitude **lng** - Longitude **type** - Coordinate type, supports `gcj02` (China Geodetic Coordinate), `wgs84` (GPS Coordinate) **title** - Location marker name **content** - Location marker description                                                                                                                                                    | no       | all      | partially         |
+| planRoute(srcLocation, distLocation, mode) | Plans a route between two locations                                | srcLocation: Starting location coordinates, an object that includes: **lat** - Latitude **lng** - Longitude **title** - Starting location name distLocation: Destination coordinates, an object that includes: **lat** - Latitude **lng** - Longitude **type** - Coordinate type, supports `gcj02`, `wgs84` **title** - Destination name mode: Route mode, options include drive (driving), bus (public transit), walk (walking) | no       | all      | partially         |
+| navigate(distLocation)                     | Starts navigation from the current location to the target location | distLocation: Destination coordinates, an object that includes: **lat** - Latitude **lng** - Longitude **type** - Coordinate type, supports `gcj02`, `wgs84` **title** - Destination name                                                                                                                                                                                                                                        | no       | all      | partially         |
 
-Name | Description | Optional | Required | Platform | HarmonyOS   Support
--- | -- | -- | -- | -- | --
-markLocation(location, title, content) | 在地图上标记一个点的位置 | location 位置坐标, 是一个对象, 包括: **lat** - 经度**lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** 地点标记名称 **content** 地点标记说明 | no | all | yes
-planRoute(srcLocation, distLocation, mode) | 规划两点之间的线路 | srcLocation 起始位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **title** - 起始位置名称 distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 mode 路线模式  drive - 驾车 bus - 公交 walk - 步行 | no | all | yes
-navigate(distLocation) | 启动当前位置到目标位置的导航 | distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 | no | all | yes
-
-## Known Issues
-
-- [ ] react-native-map-link目前无法唤起百度地图，未提供应用市场地址和具体参数供react-native-map-link调用 [issue#1](https://github.com/react-native-oh-library/react-native-map-linking/issues/1)
-- [ ] react-native-map-link目前无法唤起高德地图，未提供具体参数供react-native-map-link调用 [issue#2](https://github.com/react-native-oh-library/react-native-map-linking/issues/2)
-
-## Others
-
-- 如果系统内没有可用的地图, 组件会推荐下载高德地图、百度地图。
-
-- 使用iOS内建地图时, 地图标记和导航功能可能不精确, 推荐使用高德地图
-
-### Harmony配置Schema支持
-
-Harmony系统下需要在module.json5中配置querySchemes支持才能唤起花瓣地图，后续要唤起高德地图和百度地图，也需要将它们的scheme加到这里。
-
-```
-"querySchemes":[
-  "maps"
-]
-```
-
-  
-
-### iOS配置Schema支持
+## 4. Known Issues
 
-iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:
+- [ ] Currently, `react-native-map-link` cannot launch Baidu Maps, as the app store URL and specific parameters required for `react-native-map-link` are not provided. [issue#1](https://github.com/react-native-oh-library/react-native-map-linking/issues/1)
+- [ ] Currently, `react-native-map-link` only supports route planning with Amap. Other features are not supported yet. [issue#2](https://github.com/react-native-oh-library/react-native-map-linking/issues/2)
 
- ```
-<key>LSApplicationQueriesSchemes</key>
-<array>
-    <string>baidumap</string>
-    <string>iosamap</string>
-</array>
- ```
+## 5. Others
 
-## License
+- If there is no available map application installed on the system, the component will recommend downloading Amap.
+- Currently, only route planning with Amap is supported. Other features such as launching navigation and marking specific locations are not yet available.
 
-This project is licensed under [The MIT License (MIT)](https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE).
+## 6. License
 
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking/blob/master/LICENSE).
diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index a0759827..c570ff9f 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -1,25 +1,19 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>react-native-map-linking</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/starlight36/react-native-map-linking">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
-
 
+本项目基于 [react-native-map-linking@1.0.1](https://github.com/starlight36/react-native-map-linking) 开发。
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-map-linking)
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-map-linking`，具体版本所属关系如下：
 
+| Version                   | Package Name                                  | Repository                                                                                | Release                                                                                                     |
+| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
+| <= 1.0.1-0.0.1@deprecated | @react-native-oh-tpl/react-native-map-linking | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-map-linking) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-map-linking/releases) |
+| > 1.0.1                   | @react-native-ohos/react-native-map-linking   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking)                 | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking/releases)                 |
 
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -28,50 +22,71 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-map-linking
+npm install @react-native-ohos/react-native-map-linking
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-map-linking
+yarn add @react-native-ohos/react-native-map-linking
 ```
 
 <!-- tabs:end -->
 
 下面的代码展示了这个库的基本使用场景：
 
->[!WARNING] 使用时 import 的库名不变。
+> [!WARNING] 使用时 import 的库名不变。
 
 ```js
-import React, { Component } from 'react';
+import React, { Component } from "react";
 import {
   AppRegistry,
   StyleSheet,
   Text,
   View,
   TouchableOpacity,
-} from 'react-native';
-import MapLinking from 'react-native-map-linking';
+} from "react-native";
+import MapLinking from "react-native-map-linking";
 
 class MapLinkingDemo extends Component {
   render() {
     return (
       <View style={styles.container}>
         <TouchableOpacity
-          onPress={() => {MapLinking.markLocation({lat: 39.9901079, lng:116.1887467},'香山公园','bbb')}}>
+          onPress={() => {
+            MapLinking.markLocation(
+              { lat: 39.9901079, lng: 116.1887467 },
+              "香山公园",
+              "bbb"
+            );
+          }}
+        >
           <View style={styles.button}>
             <Text style={styles.text}>在地图上标记位置</Text>
           </View>
         </TouchableOpacity>
         <TouchableOpacity
-          onPress={() => {MapLinking.planRoute({lat: 39.9901079, lng:116.1887467, title: '香山公园'}, {lat:40.0382556, lng:116.3144536, title:'清河站'}, 'drive')}}>
+          onPress={() => {
+            MapLinking.planRoute(
+              { lat: 39.9901079, lng: 116.1887467, title: "香山公园" },
+              { lat: 40.0382556, lng: 116.3144536, title: "清河站" },
+              "drive"
+            );
+          }}
+        >
           <View style={styles.button}>
             <Text style={styles.text}>规划线路</Text>
           </View>
         </TouchableOpacity>
         <TouchableOpacity
-          onPress={() => {MapLinking.navigate({lat:40.0382556, lng:116.3144536, title:'清河站'} )}}>
+          onPress={() => {
+            MapLinking.navigate({
+              lat: 40.0382556,
+              lng: 116.3144536,
+              title: "清河站",
+            });
+          }}
+        >
           <View style={styles.button}>
             <Text style={styles.text}>导航</Text>
           </View>
@@ -84,80 +99,67 @@ class MapLinkingDemo extends Component {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#F5FCFF",
   },
   button: {
     padding: 10,
-    backgroundColor: '#3B5998',
+    backgroundColor: "#3B5998",
     marginBottom: 10,
   },
   text: {
-    color: 'white',
+    color: "white",
   },
 });
-export default MapLinkingDemo;  
+export default MapLinkingDemo;
 ```
 
+## 2. 约束与限制
 
+### 2.1 使用该三方库需要配置 querySchemes 
 
-## 约束与限制
+请在 `entry/src/module.json5` 中配置 `querySchemes` 字段，这样才能支持唤起花瓣地图和高德地图。
 
-### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+```
+{
+  "module": {
+    "querySchemes":[
+      "maps",
+      "amapuri",
+    ],
+    ...
+  }
+}
+```
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases)
+### 2.2 兼容性
 
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-map-linking Releases](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking/releases)
 
-## 属性
+## 3. APIs
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-Name | Description | Optional | Required | Platform | HarmonyOS   Support
--- | -- | -- | -- | -- | --
-markLocation(location, title, content) | 在地图上标记一个点的位置 | location 位置坐标, 是一个对象, 包括: **lat** - 经度**lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** 地点标记名称 **content** 地点标记说明 | no | all | yes
-planRoute(srcLocation, distLocation, mode) | 规划两点之间的线路 | srcLocation 起始位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **title** - 起始位置名称 distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 mode 路线模式  drive - 驾车 bus - 公交 walk - 步行 | no | all | yes
-navigate(distLocation) | 启动当前位置到目标位置的导航 | distLocation 结束位置坐标, 是一个对象, 包括:  **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS坐标) **title** - 结束位置名称 | no | all | yes
-
-## 遗留问题
-
-- [ ] react-native-map-link目前无法唤起百度地图，未提供应用市场地址和具体参数供react-native-map-link调用 [issue#1](https://github.com/react-native-oh-library/react-native-map-linking/issues/1)
-- [ ] react-native-map-link目前无法唤起高德地图，未提供具体参数供react-native-map-link调用 [issue#2](https://github.com/react-native-oh-library/react-native-map-linking/issues/2)
-
-## 其他
-
-- 如果系统内没有可用的地图, 组件会推荐下载高德地图、百度地图。
-
-- 使用iOS内建地图时, 地图标记和导航功能可能不精确, 推荐使用高德地图
-
-### Harmony配置Schema支持
-
-Harmony系统下需要在module.json5中配置querySchemes支持才能唤起花瓣地图，后续要唤起高德地图和百度地图，也需要将它们的scheme加到这里。
-
-```
-"querySchemes":[
-  "maps"
-]
-```
+| Name                                       | Description                  | Optional                                                                                                                                                                                                                                                                                                                 | Required | Platform | HarmonyOS Support |
+| ------------------------------------------ | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| markLocation(location, title, content)     | 在地图上标记一个点的位置     | location 位置坐标, 是一个对象, 包括: **lat** - 经度**lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS 坐标) **title** 地点标记名称 **content** 地点标记说明                                                                                                                                        | no       | all      | partially               |
+| planRoute(srcLocation, distLocation, mode) | 规划两点之间的线路           | srcLocation 起始位置坐标, 是一个对象, 包括: **lat** - 经度 **lng** - 纬度 **title** - 起始位置名称 distLocation 结束位置坐标, 是一个对象, 包括: **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS 坐标) **title** - 结束位置名称 mode 路线模式 drive - 驾车 bus - 公交 walk - 步行 | no       | all      | partially               |
+| navigate(distLocation)                     | 启动当前位置到目标位置的导航 | distLocation 结束位置坐标, 是一个对象, 包括: **lat** - 经度 **lng** - 纬度 **type** - 坐标类型, 支持`gcj02`(国测局坐标), `wgs84`(GPS 坐标) **title** - 结束位置名称                                                                                                                                                      | no       | all      | partially               |
 
-  
+## 4. 遗留问题
 
-### iOS配置Schema支持
+- [ ] react-native-map-link 目前无法唤起百度地图，未提供应用市场地址和具体参数供 react-native-map-link 调用 [issue#1](https://github.com/react-native-oh-library/react-native-map-linking/issues/1)
+- [ ] react-native-map-link 目前仅支持高德地图使用路径规划，其他功能暂不支持 [issue#2](https://github.com/react-native-oh-library/react-native-map-linking/issues/2)
 
-iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:
+## 5. 其他
 
- ```
-<key>LSApplicationQueriesSchemes</key>
-<array>
-    <string>baidumap</string>
-    <string>iosamap</string>
-</array>
- ```
+- 如果系统内没有可用的地图, 组件会推荐下载高德地图。
 
-## 开源协议
+- 目前仅支持使用高德地图做路线规划，启动导航、标注指定位置等功能暂不支持。
 
-本项目基于 [The MIT License (MIT)](https://github.com/starlight36/react-native-map-linking/blob/master/LICENSE) ，请自由地享受和参与开源。
+## 6. 开源协议
 
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking/blob/master/LICENSE) ，请自由地享受和参与开源。

From 7aeba44653cec5782896b7ae622cbdde5f1bdf07 Mon Sep 17 00:00:00 2001
From: Air <alonelsj@gmail.com>
Date: Mon, 16 Dec 2024 03:08:57 +0000
Subject: [PATCH 926/966] =?UTF-8?q?!1943=20refactor:=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=8B=BC=E5=86=99=E9=94=99=E8=AF=AF=20*=20refactor:=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=8B=BC=E5=86=99=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/shopify-flash-list.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md
index e8eee313..3afc142d 100644
--- a/zh-cn/shopify-flash-list.md
+++ b/zh-cn/shopify-flash-list.md
@@ -133,7 +133,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/flash-list/src/main/cpp" ./flah-list)
++ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/flash-list/src/main/cpp" ./flash-list)
 # RNOH_END: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")

From 1457139ab1449816098b0c48777914bf066e93db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E5=90=BE?= <hongtenglong1@h-partners.com>
Date: Mon, 16 Dec 2024 06:34:20 +0000
Subject: [PATCH 927/966] =?UTF-8?q?!1960=20docs:=20[Issues:=20#IBB62C]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-material-ui=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IBB62C]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-material-ui=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-material-ui.md    | 6 +++---
 zh-cn/react-native-material-ui.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/en/react-native-material-ui.md b/en/react-native-material-ui.md
index fe2fcba6..7ae49231 100644
--- a/en/react-native-material-ui.md
+++ b/en/react-native-material-ui.md
@@ -17,7 +17,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -26,13 +26,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install react-native-material-ui
+npm install @react-native-oh-tpl/react-native-material-ui
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-material-ui
+yarn add @react-native-oh-tpl/react-native-material-ui
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-material-ui.md b/zh-cn/react-native-material-ui.md
index 79a1865b..720a22a5 100644
--- a/zh-cn/react-native-material-ui.md
+++ b/zh-cn/react-native-material-ui.md
@@ -18,7 +18,7 @@
 ## 安装与使用
 
 请到三方库的 Releases
-发布地址查看配套的版本信息：[@react-native-oh-tpl/react-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-material-ui Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Freact-native-oh-library%2Freact-native-material-ui%2Freleases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -27,13 +27,13 @@
 #### **npm**
 
 ```bash
-npm install react-native-material-ui
+npm install  @react-native-oh-tpl/react-native-material-ui
 ```
 
 #### **yarn**
 
 ```bash
-yarn add react-native-material-ui
+yarn add  @react-native-oh-tpl/react-native-material-ui
 ```
 
 <!-- tabs:end -->

From 44e1866e1e14d6a4b66c3e7ef7e72e857792ba99 Mon Sep 17 00:00:00 2001
From: Jsq <1377013680@qq.com>
Date: Tue, 17 Dec 2024 08:26:55 +0000
Subject: [PATCH 928/966] =?UTF-8?q?!1963=20docs:=20[Issues:=20#IBBUSW]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-document-picker=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IBBUSW]=20=E4=BF=AE=E6=94=B9react-native-document-picker?=
 =?UTF-8?q?=E7=9A=84=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-document-picker.md    | 2 +-
 zh-cn/react-native-document-picker.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-document-picker.md b/en/react-native-document-picker.md
index d2835cbf..8c6c5477 100644
--- a/en/react-native-document-picker.md
+++ b/en/react-native-document-picker.md
@@ -10,7 +10,7 @@ This project is based on [react-native-document-picker@9.2.0](https://github.com
 This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-document-picker`, The version correspondence details are as follows:
 | Version                        | Package Name                             | Repository                                                   | Release                                                      |
 | ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
-| <= 9.2.0@deprecated | @react-native-oh-library/react-native-document-picker  | [Github(deprecated)](https://github.com/react-native-oh-library/document-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/document-picker/releases) |
+| <= 9.2.0@deprecated | @react-native-oh-tpl/react-native-document-picker  | [Github(deprecated)](https://github.com/react-native-oh-library/document-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/document-picker/releases) |
 | > 9.2.0                        | @react-native-ohos/react-native-document-picker | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker/releases) |
 
 
diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md
index b026b91c..23420f8b 100644
--- a/zh-cn/react-native-document-picker.md
+++ b/zh-cn/react-native-document-picker.md
@@ -11,7 +11,7 @@
 
 | Version                        | Package Name                             | Repository                                                   | Release                                                      |
 | ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
-| <= 9.2.0@deprecated | @react-native-oh-library/react-native-document-picker  | [Github(deprecated)](https://github.com/react-native-oh-library/document-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/document-picker/releases) |
+| <= 9.2.0@deprecated | @react-native-oh-tpl/react-native-document-picker  | [Github(deprecated)](https://github.com/react-native-oh-library/document-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/document-picker/releases) |
 | > 9.2.0                        | @react-native-ohos/react-native-document-picker | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-document-picker/releases) |
 
 

From b381e97dc3973f911023e905da2bf9dc7176250b Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Tue, 17 Dec 2024 11:55:45 +0000
Subject: [PATCH 929/966] =?UTF-8?q?!1961=20docs:=20[Issues:=20#IBB50S]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9@react-native-community/push-notification-ios?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IBB50S]=20=E4=BF=AE=E6=94=B9@react-native-community/push-notifi?=
 =?UTF-8?q?cation-ios=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...-native-community-push-notification-ios.md | 105 +++++++----------
 ...-native-community-push-notification-ios.md | 109 +++++++-----------
 2 files changed, 81 insertions(+), 133 deletions(-)

diff --git a/en/react-native-community-push-notification-ios.md b/en/react-native-community-push-notification-ios.md
index b82cfe30..9ccfde4c 100644
--- a/en/react-native-community-push-notification-ios.md
+++ b/en/react-native-community-push-notification-ios.md
@@ -1,40 +1,35 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/push-notification-ios</code> </h1>
 </p>
 
-<p align="center">
-    <a href="https://github.com/react-native-push-notification/ios">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-push-notification/ios/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-push-notification-ios)
+This project is based on [@react-native-community/push-notification-ios@1.11.0](https://github.com/react-native-push-notification/ios)。
 
-## Installation and Usage
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/push-notification-ios`, The version correspondence details are as follows:
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
-
-Go to the project directory and execute the following instruction:
+| Version                    | Package Name                                      | Repository         | Release                    |
+|----------------------------| ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 1.11.0-0.1.3@deprecated | @react-native-oh-tpl/push-notification-ios | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-push-notification-ios) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases) |
+| > 1.11.0                   | @react-native-ohos/push-notification-ios   | [Gitee](https://gitee.com/openharmony-sig/rntpc_ios) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_ios/releases) |
 
+## 1. Installation and Usage
 
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/push-notification-ios
+npm install @react-native-ohos/push-notification-ios
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/push-notification-ios
+yarn add @react-native-ohos/push-notification-ios
 ```
 
 <!-- tabs:end -->
@@ -167,27 +162,35 @@ export const App = () => {
 };
 ```
 
-## Link
+## 2. Manual Link
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+This step provides guidance for manually configuring native dependencies.
 
 Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+### 2.1. Overrides RN SDK
+
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2. Introducing Native Code
 
 Currently, two methods are available:
 
+- Use the HAR file.
+- Directly link to the source code。
+
 Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
@@ -196,9 +199,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/push-notification-ios": "file:../../node_modules/@react-native-oh-tpl/push-notification-ios/harmony/push_notification.har"
+    "@react-native-ohos/push-notification-ios": "file:../../node_modules/@react-native-ohos/push-notification-ios/harmony/push_notification.har"
   }
 ```
 
@@ -215,42 +216,18 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3. Configuring CMakeLists and Introducing PushNotificationPackage
+### 2.3. Configuring CMakeLists and Introducing PushNotificationPackage
 
 Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
 ```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(CMAKE_SKIP_BUILD_RPATH TRUE)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-set(LOG_VERBOSITY_LEVEL 1)
-set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
-set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
-set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
-add_compile_definitions(WITH_HITRACE_SYSTRACE)
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/push-notification-ios/src/main/cpp" ./push_notification)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/push-notification-ios/src/main/cpp" ./push_notification)
 # RNOH_END: manual_package_linking_1
 
-file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
-
-add_library(rnoh_app SHARED
-    ${GENERATED_CPP_FILES}
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
 # RNOH_BEGIN: manual_package_linking_2
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_push_notification)
 # RNOH_END: manual_package_linking_2
 ```
@@ -272,13 +249,13 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.Introducing PushNotificationPackage to ArkTS
+### 2.4. Introducing PushNotificationPackage to ArkTS
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
-+ import { PushNotificationPackage } from '@react-native-oh-tpl/push-notification-ios/ts';
++ import { PushNotificationPackage } from '@react-native-ohos/push-notification-ios/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -288,7 +265,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.Running
+### 2.5. Running
 
 Click the `sync` button in the upper right corner.
 
@@ -301,16 +278,14 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
-
-### Compatibility
+## 3. Constraints
 
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+### 3.1. Compatibility
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)
+Check the release version information in the release address of the third-party library: [@react-native-ohos/push-notification-ios Releases](https://gitee.com/openharmony-sig/rntpc_ios/releases)
 
 
-## APIs
+## 4. APIs
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -331,7 +306,7 @@ Check the release version information in the release address of the third-party
 | getInitialNotification   | This method returns a promise. If the app was launched by a push notification, this promise resolves to an object of type PushNotificationIOS. Otherwise, it resolves to null.                                                         | function | no       | iOS           | no               |
 | getScheduledLocalNotifications   | Gets the local notifications that are currently scheduled                                                         | function | no       | iOS           | no               |
 
-## Properties
+## 5. Properties
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -360,13 +335,13 @@ _NotificationRequest:_
 | `isTimeZoneAgnostic` | If true, fireDate adjusted automatically upon time zone changes (e.g. for an alarm clock)                 | boolean  | no       | All      | no               |
 | `interruptionLevel` | A string specifying the interruption level. Valid values are `'active'`, `'passive'`, `'timeSensitive'`, or `'critical'`                 | string  | no       | All      | no               |
 
-## Known Issues
+## 6. Known Issues
 
 - [ ] HarmonyOS 的 NotificationManager 的规格和 IOS 不一致，其 NotificationRequest 所含参数，在 HarmonyOS 上部分没有适配对应参数，问题: [issue#1](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/4)
 - [ ] 原库部分接口在 HarmonyOS 中没有对应接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/3)
 
-## Others
+## 7. Others
 
-## License
+## 8. License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_ios/blob/master/LICENSE).
diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md
index b3129b52..96dc5e74 100644
--- a/zh-cn/react-native-community-push-notification-ios.md
+++ b/zh-cn/react-native-community-push-notification-ios.md
@@ -1,23 +1,19 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/push-notification-ios</code> </h1>
 </p>
 
-<p align="center">
-    <a href="https://github.com/react-native-push-notification/ios">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-push-notification/ios/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
+本项目基于 [@react-native-community/push-notification-ios@1.11.0](https://github.com/react-native-push-notification/ios) 开发。
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-push-notification-ios)
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/push-notification-ios`，具体版本所属关系如下：
 
-## 安装与使用
+| Version                    | Package Name                                      | Repository         | Release                    |
+|----------------------------| ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 1.11.0-0.1.3@deprecated | @react-native-oh-tpl/push-notification-ios | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-push-notification-ios) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases) |
+| > 1.11.0                   | @react-native-ohos/push-notification-ios   | [Gitee](https://gitee.com/openharmony-sig/rntpc_ios) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_ios/releases) |
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 1. 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -26,13 +22,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/push-notification-ios
+npm install @react-native-ohos/push-notification-ios
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/push-notification-ios
+yarn add @react-native-ohos/push-notification-ios
 ```
 
 <!-- tabs:end -->
@@ -165,29 +161,34 @@ export const App = () => {
 };
 ```
 
-## Link
+## 2. Manual Link
+
+此步骤为手动配置原生依赖项的指导。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1. Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2. 引入原生端代码
 
 目前有两种方法：
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+- 通过 har 包引入；
+- 直接链接源码。
 
 方法一：通过 har 包引入（推荐）
 
@@ -197,15 +198,13 @@ export const App = () => {
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-
-    "@react-native-oh-tpl/push-notification-ios": "file:../../node_modules/@react-native-oh-tpl/push-notification-ios/harmony/push_notification.har"
+    "@react-native-ohos/push-notification-ios": "file:../../node_modules/@react-native-ohos/push-notification-ios/harmony/push_notification.har"
   }
 ```
 
 点击右上角的 `sync` 按钮
 
-或者在终端执行：
+或者在命令行终端执行：
 
 ```bash
 cd entry
@@ -216,41 +215,18 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 PushNotificationPackage
+### 2.3. 配置 CMakeLists 和引入 PushNotificationPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
 ```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(CMAKE_SKIP_BUILD_RPATH TRUE)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-set(LOG_VERBOSITY_LEVEL 1)
-set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
-set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
-set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
-add_compile_definitions(WITH_HITRACE_SYSTRACE)
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/push-notification-ios/src/main/cpp" ./push_notification)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/push-notification-ios/src/main/cpp" ./push_notification)
 # RNOH_END: manual_package_linking_1
 
-file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
-
-add_library(rnoh_app SHARED
-    ${GENERATED_CPP_FILES}
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
 # RNOH_BEGIN: manual_package_linking_2
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_push_notification)
 # RNOH_END: manual_package_linking_2
 ```
@@ -272,13 +248,13 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 PushNotificationPackage
+### 2.4. 在 ArkTs 侧引入 PushNotificationPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
   ...
-+ import { PushNotificationPackage } from '@react-native-oh-tpl/push-notification-ios/ts';
++ import { PushNotificationPackage } from '@react-native-ohos/push-notification-ios/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -288,7 +264,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 5.运行
+### 2.5. 运行
 
 点击右上角的 `sync` 按钮
 
@@ -301,16 +277,13 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
-
-### 兼容性
-
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+## 3. 约束与限制
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/push-notification-ios Releases](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases)
+### 3.1. 兼容性
 
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/push-notification-ios Releases](https://gitee.com/openharmony-sig/rntpc_ios/releases)
 
-## API
+## 4. API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -331,7 +304,7 @@ ohpm install
 | getInitialNotification   | This method returns a promise. If the app was launched by a push notification, this promise resolves to an object of type PushNotificationIOS. Otherwise, it resolves to null.                                                         | function | no       | iOS           | no               |
 | getScheduledLocalNotifications   | Gets the local notifications that are currently scheduled                                                         | function | no       | iOS           | no               |
 
-## 属性
+## 5. 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -361,13 +334,13 @@ _NotificationRequest:_
 | `isTimeZoneAgnostic` | If true, fireDate adjusted automatically upon time zone changes (e.g. for an alarm clock)                 | boolean  | no       | All      | no               |
 | `interruptionLevel` | A string specifying the interruption level. Valid values are `'active'`, `'passive'`, `'timeSensitive'`, or `'critical'`                 | string  | no       | All      | no               |
 
-## 遗留问题
+## 6. 遗留问题
 
 - [ ] HarmonyOS 的 NotificationManager 的规格和 IOS 不一致，其 NotificationRequest 所含参数，在 HarmonyOS 上部分没有适配对应参数，问题: [issue#1](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/4)
 - [ ] 原库部分接口在 HarmonyOS 中没有对应接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/3)
 
-## 其他
+## 7. 其他
 
-## 开源协议
+## 8. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_ios/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From aa59316e8ee034bec76263f0ec7ba95a03d11607 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=8E=A5?= <294314895@qq.com>
Date: Wed, 18 Dec 2024 01:32:00 +0000
Subject: [PATCH 930/966] =?UTF-8?q?!1962=20docs:=20[Issues:=20#IBBR4R]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-editor=E7=9A=84=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IBBR4R]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-image-editor=E7=9A=84?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-editor.md    | 152 +++++++++++++++++-----------
 zh-cn/react-native-image-editor.md | 153 ++++++++++++++++++-----------
 2 files changed, 186 insertions(+), 119 deletions(-)

diff --git a/en/react-native-image-editor.md b/en/react-native-image-editor.md
index 27f2670f..450367b8 100644
--- a/en/react-native-image-editor.md
+++ b/en/react-native-image-editor.md
@@ -1,39 +1,42 @@
-> Template version: V0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/image-editor</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/callstack/react-native-image-editor">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/callstack/react-native-image-editor/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
 
-> [Github address](https://github.com/react-native-oh-library/react-native-image-editor)
+This project is based on [@react-native-community/image-editor@3.2.0](https://github.com/callstack/react-native-image-editor).
+
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/image-editor`, The version correspondence details are as follows:
+
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 3.2.1@deprecated | @react-native-oh-tpl/image-editor | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor/releases) |
+| > 3.2.1                   | @react-native-ohos/image-editor   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/releases) |
 
-## Installation and Usage
+## 1. Installation and Usage
 
-Find the matching version information in the release address of a third-party library:[@react-native-oh-tpl/image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Go to the project directory and execute the following instruction:
+
+<!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/image-editor
+npm install @react-native-ohos/image-editor
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/image-editor
+yarn add @react-native-ohos/image-editor
 ```
 
-@react-native-community/image-editor is used as an example.
+<!-- tabs:end -->
+
+The following code shows the basic use scenario of the repository:
+
+> [!WARNING] The name of the imported repository remains unchanged.
 
-> [!TIP] The library name imported during use remains unchanged.
 
 ```js
 import React, { Component } from "react";
@@ -180,33 +183,36 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Use Codegen
+## 2. Manual Link
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+This step provides guidance for manually configuring native dependencies.
 
-## Link
+Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+### 2.1 Overrides RN SDK
 
-Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2 Introducing Native Code
 
 Currently, two methods are available:
 
-Method 1 (recommended): Use the HAR file.
+- Use the HAR file.
+- Directly link to the source code。
 
+Method 1 (recommended): Use the HAR file.
 
 > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library.
 
@@ -214,8 +220,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/image-editor": "file:../../node_modules/@react-native-oh-tpl/image-editor/harmony/image_editor.har"
+    "@react-native-ohos/image-editor": "file:../../node_modules/@react-native-ohos/image-editor/harmony/image_editor.har"
   }
 ```
 
@@ -230,26 +235,59 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
+
+### 2.3 Configuring CMakeLists and Introducing ImageEditorPackage
+
+> [!TIP] Version v3.2.1-rc.1 and above requires.
+
+Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
-### 3.Introducing ImageEditorPackage Component to ArkTS
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/image-editor/src/main/cpp" ./image-editor)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_image_editor)
+# RNOH_END: manual_package_linking_2
+```
 
+Open `entry/src/main/cpp/PackageProvider.cpp` and add the following code:
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "ReactNativeOhosReactNativeImageEditorPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
++       std::make_shared<ImageEditorPackage>(ctx),
+    };
+}
+```
+
+### 2.4 Introducing xxx Package to ArkTS
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
 ```diff
   ...
-+ import {ImageEditorPackage} from "@react-native-oh-tpl/image-editor/ts";
++ import {ImageEditorPackage} from '@react-native-ohos/image-editor/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
-    new SamplePackage(ctx),
 +   new ImageEditorPackage(ctx)
   ];
 }
 ```
 
-### 4.Running
+### 2.5 Running
 
 Click the `sync` button in the upper right corner.
 
@@ -262,46 +300,42 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
+## 3. Constraints
 
-### Compatibility
+### 3.1 Compatibility
 
-To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
+Check the release version information in the release address of the third-party library: [@react-native-ohos/image-editor Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/releases)
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)
-
-
-## API
+## 4. Properties 
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP]  If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name      | Type    | Description                                                  | Platform    | HarmonyOS Support |
-| --------- | -------- | ------------------------------------------------------------ | ----------- | ----------------- |
-| cropImage | function | Crop the image specified by the URI param. If URI points to a remote image, it will be downloaded automatically. If the image cannot be loaded/downloaded, the promise will be rejected.<br/><br/>If the cropping process is successful, the resultant cropped image will be stored in the cache path, and the CropResult returned in the promise will point to the image in the cache path. ⚠️ Remember to delete the cropped image from the cache path when you are done with it. | ios/Android | yes               |
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| `offset`      | The top-left corner of the cropped image, specified in the original image's coordinate space                 | object | yes      | All      | yes               |
+| `size`        | Size (dimensions) of the cropped image  | object | yes      | All      | yes               |
+| `displaySize` | Size to which you want to scale the cropped image     | object | no       | All      | yes               |
+| `resizeMode`  | Resizing mode to use when scaling the image**Default value**: `'cover'` | string     | no       | All      | yes              |
+| `quality`     | A value in range `0.0` - `1.0` specifying compression level of the result image. `1` means no compression (highest quality) and `0` the highest compression (lowest quality)<br/>**Default value**: `0.9` | number | no       | All      | yes               |
+| `format`      | The format of the resulting image.<br/>**Default value**: based on the provided image;<br/>if value determination is not possible, `'jpeg'` will be used as a fallback.         | string | no       | All      | yes               |
 
-## Properties
+## 5. APIs
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**cropData**
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| cropImage | Crop the image specified by the URI param. If URI points to a remote image, it will be downloaded automatically. If the image cannot be loaded/downloaded, the promise will be rejected.<br/><br/>If the cropping process is successful, the resultant cropped image will be stored in the cache path, and the CropResult returned in the promise will point to the image in the cache path. ⚠️ Remember to delete the cropped image from the cache path when you are done with it. | function | yes | ios/Android | yes               |
 
-| Name          | Value                             | Type   | Description                                                                                                                                                                                               | Required | Platform | HarmonyOS Support |
-| ------------- | --------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| `offset`      | { x: number, y: number }          | object | The top-left corner of the cropped image, specified in the original image's coordinate space                                                                                                              | yes      | All      | yes               |
-| `size`        | { width: number, height: number } | object | Size (dimensions) of the cropped image                                                                                                                                                                    | yes      | All      | yes               |
-| `displaySize` | { width: number, height: number } | object | Size to which you want to scale the cropped image                                                                                                                                                         | no       | All      | yes               |
-| `resizeMode`  | 'contain' \| 'cover' \| 'stretch' | string | Resizing mode to use when scaling the image**Default value**: `'cover'`                                                                                                                                   | no       | All      | yes               |
-| `quality`     | 0.0 - 1.0                         | number | A value in range `0.0` - `1.0` specifying compression level of the result image. `1` means no compression (highest quality) and `0` the highest compression (lowest quality)<br/>**Default value**: `0.9` | no       | All      | yes               |
-| `format`      | 'jpeg' \| 'png' \| 'webp'         | string | The format of the resulting image.<br/>**Default value**: based on the provided image;<br/>if value determination is not possible, `'jpeg'` will be used as a fallback.                                   | no       | All      | yes               |
+## 6. Known Issues
 
-## Known Issues
+## 7. Others
 
-## Others
+## 8. License
 
-## License
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/blob/master/LICENSE).
 
-This project is licensed under  [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE), Please enjoy and participate freely in open source.
\ No newline at end of file
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index f2e2ee2c..3e09cb2e 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -1,39 +1,41 @@
-> 模板版本：V0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/image-editor</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/callstack/react-native-image-editor">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/callstack/react-native-image-editor/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-        <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
-    </a>
-</p>
 
-> [Github 地址](https://github.com/react-native-oh-library/react-native-image-editor)
+本项目基于 [@react-native-community/image-editor@3.2.0](https://github.com/callstack/react-native-image-editor) 开发。
+
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/image-editor`，具体版本所属关系如下：
+
+| Version                   | Package Name                                      | Repository         | Release                    |
+| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| <= 3.2.1@deprecated | @react-native-oh-tpl/image-editor | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor/releases) |
+| > 3.2.1                   | @react-native-ohos/image-editor   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/releases) |
 
-## 安装与使用
+## 1. 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/image-editor Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+进入到工程目录并输入以下命令：
+
+<!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/image-editor
+npm install @react-native-ohos/image-editor
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/image-editor
+yarn add @react-native-ohos/image-editor
 ```
 
+<!-- tabs:end -->
+
 下面的代码展示了这个库的基本使用场景：
 
-> [!TIP] 使用时 import 的库名不变。
+> [!WARNING] 使用时 import 的库名不变。
 
 ```js
 import React, { Component } from "react";
@@ -180,35 +182,36 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 使用 Codegen
+## 2. Manual Link
 
-本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+此步骤为手动配置原生依赖项的指导。
 
-## Link
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1. Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2. 引入原生端代码
 
 目前有两种方法：
 
-1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
-2. 直接链接源码。
+- 通过 har 包引入；
+- 直接链接源码。
 
-方法一：通过 har 包引入
+方法一：通过 har 包引入（推荐）
 
 > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
 
@@ -216,14 +219,13 @@ const styles = StyleSheet.create({
 
 ```json
 "dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/image-editor": "file:../../node_modules/@react-native-oh-tpl/image-editor/harmony/image_editor.har"
+    "@react-native-ohos/image-editor": "file:../../node_modules/@react-native-ohos/image-editor/harmony/image_editor.har"
   }
 ```
 
 点击右上角的 `sync` 按钮
 
-或者在终端执行：
+或者在命令行终端执行：
 
 ```bash
 cd entry
@@ -234,27 +236,61 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.在 ArkTs 侧引入 ImageEditorPackage
+### 2.3. 配置 CMakeLists 和引入 ImageEditorPackage
+
+> [!TIP] 版本 v3.2.1-rc.1 及以上需要
+
+打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+
+```diff
++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+# RNOH_BEGIN: manual_package_linking_1
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/image-editor/src/main/cpp" ./image-editor)
+# RNOH_END: manual_package_linking_1
+
+# RNOH_BEGIN: manual_package_linking_2
++ target_link_libraries(rnoh_app PUBLIC rnoh_image_editor)
+# RNOH_END: manual_package_linking_2
+```
+
+打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
+#include "generated/RNOHGeneratedPackage.h"
++ #include "ReactNativeOhosReactNativeImageEditorPackage.h"
+
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
+    return {
+        std::make_shared<RNOHGeneratedPackage>(ctx),
++       std::make_shared<ImageEditorPackage>(ctx),
+    };
+}
+```
+
+### 2.4. 在 ArkTs 侧引入 xxx Package
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
   ...
-+ import {ImageEditorPackage} from "@react-native-oh-tpl/image-editor/ts";
++ import {ImageEditorPackage} from '@react-native-ohos/image-editor/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
-    new SamplePackage(ctx),
 +   new ImageEditorPackage(ctx)
   ];
 }
 ```
 
-### 4.运行
+### 2.5. 运行
 
 点击右上角的 `sync` 按钮
 
-或者在终端执行：
+或者在命令行终端执行：
 
 ```bash
 cd entry
@@ -263,45 +299,42 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
+## 3. 约束与限制
 
-### 兼容性
+### 3.1. 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/image-editor Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/releases)
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)
-
-## API
+## 4. 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name      | Type    | Description                                                  | Platform    | HarmonyOS Support |
-| --------- | -------- | ------------------------------------------------------------ | ----------- | ----------------- |
-| cropImage | function | Crop the image specified by the URI param. If URI points to a remote image, it will be downloaded automatically. If the image cannot be loaded/downloaded, the promise will be rejected.<br/><br/>If the cropping process is successful, the resultant cropped image will be stored in the cache path, and the CropResult returned in the promise will point to the image in the cache path. ⚠️ Remember to delete the cropped image from the cache path when you are done with it. | ios/Android | yes               |
 
-## 属性
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| `offset`      | The top-left corner of the cropped image, specified in the original image's coordinate space                 | object | yes      | All      | yes               |
+| `size`        | Size (dimensions) of the cropped image  | object | yes      | All      | yes               |
+| `displaySize` | Size to which you want to scale the cropped image     | object | no       | All      | yes               |
+| `resizeMode`  | Resizing mode to use when scaling the image**Default value**: `'cover'` | string     | no       | All      | yes              |
+| `quality`     | A value in range `0.0` - `1.0` specifying compression level of the result image. `1` means no compression (highest quality) and `0` the highest compression (lowest quality)<br/>**Default value**: `0.9` | number | no       | All      | yes               |
+| `format`      | The format of the resulting image.<br/>**Default value**: based on the provided image;<br/>if value determination is not possible, `'jpeg'` will be used as a fallback.         | string | no       | All      | yes               |
+
+## 5. API
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
 > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-**cropData**
-
-| Name          | Value                             | Type   | Description                                                                                                                                                                                               | Required | Platform | HarmonyOS Support |
-| ------------- | --------------------------------- | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| `offset`      | { x: number, y: number }          | object | The top-left corner of the cropped image, specified in the original image's coordinate space                                                                                                              | yes      | All      | yes               |
-| `size`        | { width: number, height: number } | object | Size (dimensions) of the cropped image                                                                                                                                                                    | yes      | All      | yes               |
-| `displaySize` | { width: number, height: number } | object | Size to which you want to scale the cropped image                                                                                                                                                         | no       | All      | yes               |
-| `resizeMode`  | 'contain' \| 'cover' \| 'stretch' | string | Resizing mode to use when scaling the image**Default value**: `'cover'`                                                                                                                                   | no       | All      | yes               |
-| `quality`     | 0.0 - 1.0                         | number | A value in range `0.0` - `1.0` specifying compression level of the result image. `1` means no compression (highest quality) and `0` the highest compression (lowest quality)<br/>**Default value**: `0.9` | no       | All      | yes               |
-| `format`      | 'jpeg' \| 'png' \| 'webp'         | string | The format of the resulting image.<br/>**Default value**: based on the provided image;<br/>if value determination is not possible, `'jpeg'` will be used as a fallback.                                   | no       | All      | yes               |
+| Name | Description | Type | Required | Platform | HarmonyOS Support  |
+| ---- | ----------- | ---- | -------- | -------- | ------------------ |
+| cropImage | Crop the image specified by the URI param. If URI points to a remote image, it will be downloaded automatically. If the image cannot be loaded/downloaded, the promise will be rejected.<br/><br/>If the cropping process is successful, the resultant cropped image will be stored in the cache path, and the CropResult returned in the promise will point to the image in the cache path. ⚠️ Remember to delete the cropped image from the cache path when you are done with it. | function | yes | ios/Android | yes               |
 
-## 遗留问题
+## 6. 遗留问题
 
-## 其他
+## 7. 其他
 
-## 开源协议
+## 8. 开源协议
 
-本项目基于 [ [The MIT License (MIT)]](https://github.com/callstack/react-native-image-editor/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/blob/master/LICENSE) ，请自由地享受和参与开源。

From 03ab026290b6cfd14159e283c27d3659241ab867 Mon Sep 17 00:00:00 2001
From: dark-v <1083847332@qq.com>
Date: Thu, 19 Dec 2024 03:30:53 +0000
Subject: [PATCH 931/966] =?UTF-8?q?!1965=20docs:=20[Issues:=20#IBCB9W]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-svg-charts=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IBCB9W]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-svg-charts=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-svg-charts.md    | 4 ++--
 zh-cn/react-native-svg-charts.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-svg-charts.md b/en/react-native-svg-charts.md
index 12d5ae7f..30581647 100644
--- a/en/react-native-svg-charts.md
+++ b/en/react-native-svg-charts.md
@@ -29,13 +29,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-naitve-svg-charts
+npm install @react-native-oh-tpl/react-native-svg-charts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/react-naitve-svg-charts
+yarn add  @react-native-oh-tpl/react-native-svg-charts
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-svg-charts.md b/zh-cn/react-native-svg-charts.md
index 67ed9317..2e09685b 100644
--- a/zh-cn/react-native-svg-charts.md
+++ b/zh-cn/react-native-svg-charts.md
@@ -27,13 +27,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-naitve-svg-charts
+npm install @react-native-oh-tpl/react-native-svg-charts
 ```
 
 #### **yarn**
 
 ```bash
-yarn add  @react-native-oh-tpl/react-naitve-svg-charts
+yarn add  @react-native-oh-tpl/react-native-svg-charts
 ```
 
 <!-- tabs:end -->

From 2ee273117f52d09121018a6b6977eca74a9d69c2 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Thu, 19 Dec 2024 13:36:18 +0000
Subject: [PATCH 932/966] =?UTF-8?q?!1964=20docs:=20[Issues:=20#IBBW2P]=20?=
 =?UTF-8?q?=E8=BF=81=E7=A7=BB=E7=BA=AFJS=20=E4=B8=89=E6=96=B9=E5=BA=93?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3=E5=88=B0js=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=A4=B9=20Merge=20pull=20request=20!1964=20from=20qi?=
 =?UTF-8?q?njianqi/js?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                 | 169 +++++++++++-----------
 _sidebar.md                               |  64 ++++----
 en/README_EN.md                           | 152 ++++++++++---------
 en/{ => js}/EventBus.md                   |   0
 en/{ => js}/Immer.md                      |   0
 en/{ => js}/axios.md                      |   0
 en/{ => js}/crypto-js.md                  |   0
 en/{ => js}/dayJs.md                      |   0
 en/{ => js}/deepmerge.md                  |   0
 en/{ => js}/htmlparser2.md                |   0
 en/{ => js}/i18next.md                    |   0
 en/{ => js}/js-beautify.md                |   0
 en/{ => js}/jsbarcode.md                  |   0
 en/{ => js}/lodash.md                     |   0
 en/{ => js}/mobx-react.md                 |   0
 en/{ => js}/mobx.md                       |   0
 en/{ => js}/moment.md                     |   0
 en/{ => js}/parse5.md                     |   0
 en/{ => js}/prop-types.md                 |   0
 en/{ => js}/qrcode-generator.md           |   0
 en/{ => js}/react-ahooks.md               |   0
 en/{ => js}/react-i18next.md              |   0
 en/{ => js}/react-lifecycles-compat.md    |   0
 en/{ => js}/react-redux.md                |   0
 en/{ => js}/react-router-dom.md           |   0
 en/{ => js}/react-use.md                  |   0
 en/{ => js}/redux-actions.md              |   0
 en/{ => js}/redux-logger.md               |   0
 en/{ => js}/redux-persist.md              |   0
 en/{ => js}/redux-thunk.md                |   0
 en/{ => js}/redux-toolkit.md              |   4 +-
 en/{ => js}/redux.md                      |   0
 en/{ => js}/styled-components.md          |   0
 en/{ => js}/styled-system.md              |   0
 zh-cn/README.md                           | 133 +++++++++--------
 zh-cn/{ => js}/EventBus.md                |   0
 zh-cn/{ => js}/Immer.md                   |   0
 zh-cn/{ => js}/axios.md                   |   0
 zh-cn/{ => js}/crypto-js.md               |   0
 zh-cn/{ => js}/dayJs.md                   |   0
 zh-cn/{ => js}/deepmerge.md               |   0
 zh-cn/{ => js}/htmlparser2.md             |   0
 zh-cn/{ => js}/i18next.md                 |   2 +-
 zh-cn/{ => js}/js-beautify.md             |   0
 zh-cn/{ => js}/jsbarcode.md               |   0
 zh-cn/{ => js}/lodash.md                  |   0
 zh-cn/{ => js}/mobx-react.md              |   0
 zh-cn/{ => js}/mobx.md                    |   0
 zh-cn/{ => js}/moment.md                  |   0
 zh-cn/{ => js}/parse5.md                  |   0
 zh-cn/{ => js}/prop-types.md              |   0
 zh-cn/{ => js}/qrcode-generator.md        |   0
 zh-cn/{ => js}/react-ahooks.md            |   0
 zh-cn/{ => js}/react-i18next.md           |   0
 zh-cn/{ => js}/react-lifecycles-compat.md |   0
 zh-cn/{ => js}/react-redux.md             |   0
 zh-cn/{ => js}/react-router-dom.md        |   0
 zh-cn/{ => js}/react-use.md               |   0
 zh-cn/{ => js}/redux-actions.md           |   0
 zh-cn/{ => js}/redux-logger.md            |   0
 zh-cn/{ => js}/redux-persist.md           |   0
 zh-cn/{ => js}/redux-thunk.md             |   0
 zh-cn/{ => js}/redux-toolkit.md           |   3 +-
 zh-cn/{ => js}/redux.md                   |   0
 zh-cn/{ => js}/styled-components.md       |   0
 zh-cn/{ => js}/styled-system.md           |   0
 66 files changed, 275 insertions(+), 252 deletions(-)
 rename en/{ => js}/EventBus.md (100%)
 rename en/{ => js}/Immer.md (100%)
 rename en/{ => js}/axios.md (100%)
 rename en/{ => js}/crypto-js.md (100%)
 rename en/{ => js}/dayJs.md (100%)
 rename en/{ => js}/deepmerge.md (100%)
 rename en/{ => js}/htmlparser2.md (100%)
 rename en/{ => js}/i18next.md (100%)
 rename en/{ => js}/js-beautify.md (100%)
 rename en/{ => js}/jsbarcode.md (100%)
 rename en/{ => js}/lodash.md (100%)
 rename en/{ => js}/mobx-react.md (100%)
 rename en/{ => js}/mobx.md (100%)
 rename en/{ => js}/moment.md (100%)
 rename en/{ => js}/parse5.md (100%)
 rename en/{ => js}/prop-types.md (100%)
 rename en/{ => js}/qrcode-generator.md (100%)
 rename en/{ => js}/react-ahooks.md (100%)
 rename en/{ => js}/react-i18next.md (100%)
 rename en/{ => js}/react-lifecycles-compat.md (100%)
 rename en/{ => js}/react-redux.md (100%)
 rename en/{ => js}/react-router-dom.md (100%)
 rename en/{ => js}/react-use.md (100%)
 rename en/{ => js}/redux-actions.md (100%)
 rename en/{ => js}/redux-logger.md (100%)
 rename en/{ => js}/redux-persist.md (100%)
 rename en/{ => js}/redux-thunk.md (100%)
 rename en/{ => js}/redux-toolkit.md (97%)
 rename en/{ => js}/redux.md (100%)
 rename en/{ => js}/styled-components.md (100%)
 rename en/{ => js}/styled-system.md (100%)
 rename zh-cn/{ => js}/EventBus.md (100%)
 rename zh-cn/{ => js}/Immer.md (100%)
 rename zh-cn/{ => js}/axios.md (100%)
 rename zh-cn/{ => js}/crypto-js.md (100%)
 rename zh-cn/{ => js}/dayJs.md (100%)
 rename zh-cn/{ => js}/deepmerge.md (100%)
 rename zh-cn/{ => js}/htmlparser2.md (100%)
 rename zh-cn/{ => js}/i18next.md (99%)
 rename zh-cn/{ => js}/js-beautify.md (100%)
 rename zh-cn/{ => js}/jsbarcode.md (100%)
 rename zh-cn/{ => js}/lodash.md (100%)
 rename zh-cn/{ => js}/mobx-react.md (100%)
 rename zh-cn/{ => js}/mobx.md (100%)
 rename zh-cn/{ => js}/moment.md (100%)
 rename zh-cn/{ => js}/parse5.md (100%)
 rename zh-cn/{ => js}/prop-types.md (100%)
 rename zh-cn/{ => js}/qrcode-generator.md (100%)
 rename zh-cn/{ => js}/react-ahooks.md (100%)
 rename zh-cn/{ => js}/react-i18next.md (100%)
 rename zh-cn/{ => js}/react-lifecycles-compat.md (100%)
 rename zh-cn/{ => js}/react-redux.md (100%)
 rename zh-cn/{ => js}/react-router-dom.md (100%)
 rename zh-cn/{ => js}/react-use.md (100%)
 rename zh-cn/{ => js}/redux-actions.md (100%)
 rename zh-cn/{ => js}/redux-logger.md (100%)
 rename zh-cn/{ => js}/redux-persist.md (100%)
 rename zh-cn/{ => js}/redux-thunk.md (100%)
 rename zh-cn/{ => js}/redux-toolkit.md (98%)
 rename zh-cn/{ => js}/redux.md (100%)
 rename zh-cn/{ => js}/styled-components.md (100%)
 rename zh-cn/{ => js}/styled-system.md (100%)

diff --git a/README.md b/README.md
index af7d1848..ab018bf1 100644
--- a/README.md
+++ b/README.md
@@ -28,8 +28,8 @@
 
 > [!TIP] "HarmonyOSReleases"列为 "-" 表示该库在适配 HarmonyOS 平台过程不涉及代码修改，可直接使用源库代码
 
-| 序号 | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOS Releases                                                                                                                                           | 文档链接                                           |
-| ---- | ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
+| 序号   | 原库名                                                                                                                        | 原库基线版本   | 原库是否支持新架构 | HarmonyOS Releases                                                                                                                                           | 文档链接                                           |
+|------| ----------------------------------------------------------------------------------------------------------------------------- | -------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
 | 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                      | 1.21.0         | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
 | 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll)                   | 6.0.0          | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
 | 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                      | 1.13.2         | 是                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
@@ -52,28 +52,28 @@
 | 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                     | 6.1.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
 | 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                       | 6.3.19         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
 | 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                                  | 1.6.3          | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
-| 23   | [axios](https://github.com/axios/axios)                                                                                       | 1.6.7          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
-| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                     | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
-| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                                   | 1.11.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
-| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                           | 4.3.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
-| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                              | 0.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
-| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                            | 9.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
-| 29   | [immer](https://github.com/immerjs/immer)                                                                                     | 10.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
+| 23   | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
+| 24   | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
+| 25   | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
+| 26   | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
+| 27   | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
+| 28   | [rn-bugly](https://github.com/react-native-oh-library/rn-bugly)                                            |1.3.0-beta.3          | 否                  | [@react-native-oh-tpl/rn-bugly](https://github.com/react-native-oh-library/rn-bugly/releases)                                 | [链接](/zh-cn/rn-bugly.md)                      |
+| 29   | [react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard)                                            | 1.0.3          | 否                  | [@react-native-oh-tpl/react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)                                 | [链接](/zh-cn/react-native-custom-keyboard.md)                      |
 | 30   | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                            | 0.11.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
-| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                             | 3.11.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
-| 32  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
-| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.15.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                       | 4.17.21        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
+| 31   | [react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail)                                            | 1.1.3          | 否                  | [@react-native-oh-tpl/react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail/releases)                                 | [链接](/zh-cn/react-native-thumbnail.md)                      |
+| 32   | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
+| 33   | [react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay)                                            | 5.0.2          | 否                  | [@react-native-oh-tpl/react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay/releases)                                 | [链接](/zh-cn/react-native-alipay.md)                      |
+| 34   | [react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate)                                            | 2.1.0          | 否                  | [@react-native-oh-tpl/react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate/releases)                                 | [链接](/zh-cn/react-native-image-rotate.md)                      |
 | 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                             | 6.4.1          | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
-| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                       | 6.10.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
-| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                            | 7.6.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
-| 38   | [Moment](https://github.com/moment/moment)                                                                                    | 2.30.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
-| 39   | [parse5](https://github.com/inikulin/parse5)                                                                                  | 7.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
-| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                             | 15.8.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
-| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                         | 1.4.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
-| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                              | 3.7.11         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
-| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                     | 8.6.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
-| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                                 | 3.0.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
+| 36   | [react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent)                                            | 2.3.1          | 否                  | [@react-native-oh-tpl/react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent/releases)                                 | [链接](/zh-cn/react-native-user-agent.md)                      |
+| 37   | [react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid)                                            | 1.2.0          | 否                  | [@react-native-oh-tpl/react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)                                 | [链接](/zh-cn/react-native-idfa-aaid.md)                      |
+| 38   | [react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector)                                            | 1.0.2          | 否                  | [@react-native-oh-tpl/react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector/releases)                                 | [链接](/zh-cn/react-native-file-selector.md)                      |
+| 39   | [react-native-exit-app](https://github.com/react-native-oh-libraryreact-native-exit-app)                                            | 2.0.0          | 是                  | [@react-native-oh-tpl/react-native-exit-app](https://github.com/react-native-oh-library/react-native-exit-app/releases)                                 | [链接](/zh-cn/react-native-exit-app.md)                      |
+| 40   | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                       |
+| 41   | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
+| 42   | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
+| 43   | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
+| 44   | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-video-cache.md)                                                         |
 | 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                         | 2.8.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
 | 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                          | 0.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
 | 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
@@ -138,19 +138,19 @@
 | 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                       | 3.8.0          | 否                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
 | 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                          | 13.6.2         | 是                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
 | 108  | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core)                                           | 0.5.0          | 是                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
-| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                         | 9.1.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
-| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                                 | 6.22.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
-| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                          | 17.2.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
+| 109  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-subscribe.md)                              |
+| 110  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-secharts.md)                        |
+| 111  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modalbox.md)                        |
 | 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
-| 113  | [redux](https://github.com/reduxjs/redux)                                                                                     | 5.0.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
-| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                             | 3.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
-| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                     | 3.0.6          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
-| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                       | 6.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
-| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                         | 3.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
-| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                     | 2.2.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
+| 113  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modal-popover.md)                   |
+| 114  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-md5.md)                             |
+| 115  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dynamic.md)                         |
+| 116  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
+| 117  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 118  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                                  | 3.0.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
-| 120  | [styled-components](https://github.com/styled-components/styled-components)                                                   | 6.1.8          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
-| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                               | 5.1.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
+| 120  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-iconfont-cli.md)                                                         |
+| 121  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mqtt.md)                                                        |
 | 122  | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors)                                          | 7.2.1          | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
 | 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                             | 0.0.25         | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
 | 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                            | 2.3.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
@@ -169,7 +169,7 @@
 | 137  | [react-native-json-tree](https://github.com/Dean177/react-native-json-tree)                                                   | 1.3.0          | −                  | −                                                                                                                                                           | [链接](/zh-cn/react-native-json-tree.md)                       |
 | 138  | [react-native-image-gallery](https://github.com/meliorence/react-native-image-gallery)                                        | 2.1.5          | −                  | [@react-native-oh-tpl/react-native-image-gallery](https://github.com/react-native-oh-library/react-native-image-gallery)                                    | [链接](/zh-cn/react-native-image-gallery.md)                   |
 | 139  | [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)                                   | 0.40.3         | 是                 | [@react-native-oh-tpl/react-native-image-crop-picker](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases)                   | [链接](/zh-cn/react-native-image-crop-picker.md)               |
-| 140 | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [链接](/zh-cn/react-native-image-capinsets-next.md)      |
+| 140  | [react-native-image-capinsets-next](https://github.com/mayconmesquita/react-native-image-capinsets-next)                      | 0.6.1          | -         | [@react-native-oh-tpl/react-native-image-capinsets-next](https://github.com/react-native-oh-library/react-native-image-capinsets-next/releases)           | [链接](/zh-cn/react-native-image-capinsets-next.md)      |
 | 141  | [react-native-map-linking](https://github.com/starlight36/react-native-map-linking)                                           | 1.0.1          | −                  | [@react-native-oh-tpl/react-native-map-linking](https://github.com/react-native-oh-library/react-native-map-linking/releases)                               | [链接](/zh-cn/react-native-map-linking.md)                     |
 | 142  | [react-native-vision-camera](https://github.com/mrousavy/react-native-vision-camera)                                          | 4.0.1          | 否                 | [@react-native-oh-tpl/react-native-vision-camera](https://github.com/react-native-oh-library/react-native-vision-camera/releases)                           | [链接](/zh-cn/react-native-vision-camera.md)                   |
 | 143  | [react-native-zip-archive](https://github.com/mockingbot/react-native-zip-archive)                                            | 7.0.0          | 否                 | [@react-native-oh-tpl/react-native-zip-archive](https://github.com/react-native-oh-library/react-native-zip-archive/releases)                               | [链接](/zh-cn/react-native-zip-archive.md)                     |
@@ -240,7 +240,7 @@
 | 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [链接](/zh-cn/NativeBase.md)                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
-| 211 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
+| 211  | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -288,25 +288,25 @@
 | 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 259 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
+| 259  | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
 | 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
 | 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 262 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
-| 263 | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
-| 264 | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
+| 262  | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
+| 263  | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
+| 264  | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
 | 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [链接](/zh-cn/react-native-context-menu-view.md)                                                         |
 | 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
 | 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
-| 270 | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
+| 270  | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
 | 271  | [react-native-material-design-styles](https://github.com/binggg/react-native-material-design-styles)                          | 0.2.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-material-design-styles.md)           |
 | 272  | [react-native-flip-card](https://github.com/moschan/react-native-flip-card)                                                   | 3.5.7          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-flip-card.md)                       |
 | 273  | [react-native-randombytes](https://github.com/mvayngrib/react-native-randombytes)                                             | 3.6.1          | 否                 | [@react-native-oh-tpl/react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes/releases)                               | [链接](/zh-cn/react-native-randombytes.md)                     |
 | 274  | [react-native-view-overflow](https://github.com/entria/react-native-view-overflow)                                            | 0.0.5          | 是                 | [@react-native-oh-tpl/react-native-view-overflow](https://github.com/react-native-oh-library/react-native-view-overflow/releases)                           | [链接](/zh-cn/react-native-view-overflow.md)                   |
 | 275  | [react-native-masked-text](https://github.com/benhurott/react-native-masked-text)                                             | 1.13.0         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-masked-text.md)                     |
 | 276  | [reassure](https://github.com/callstack/reassure)                                                                             | 1.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 277 | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-bouncy-checkbox.md)           |
+| 277  | [react-native-bouncy-checkbox](https://github.com/WrathChaos/react-native-bouncy-checkbox)                                    | 4.0.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-bouncy-checkbox.md)           |
 | 278  | [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text)                                            | 0.0.22         | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-parsed-text.md)                     |
 | 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -316,17 +316,17 @@
 | 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[链接](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
-| 287 | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
+| 287  | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
 | 290  | [react-native-indicators](https://github.com/n4kz/react-native-indicators)                                                    | 0.17.0         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-indicators.md)                                                         |
 | 291  | [react-native-material-ripple](https://github.com/n4kz/react-native-material-ripple)                                          | 0.9.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 292  | [react-native-error-boundary](https://github.com/carloscuesta/react-native-error-boundary)                                    | 1.2.4          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-error-boundary.md)                  |
-| 293 | [@react-native-community/audio-toolkit](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit)             | 2.0.3         | -                 | [@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)                               | [链接](/zh-cn/react-native-audio-toolkit.md)                     |
+| 293  | [@react-native-community/audio-toolkit](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit)             | 2.0.3         | -                 | [@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)                               | [链接](/zh-cn/react-native-audio-toolkit.md)                     |
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [链接](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | 否                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [链接](/zh-cn/react-native-file-viewer.md)                     |
 | 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 297 | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
+| 297  | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-image-colors.md)                                                           |
 | 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [链接](/zh-cn/react-content-loader.md)                                                         |
@@ -352,8 +352,8 @@
 | 320  | [react-native-phone-number-input](https://github.com/garganurag893/react-native-phone-number-input)                           | 2.1.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 321  | [react-native-version-number](https://github.com/APSL/react-native-version-number)                                            | 0.3.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 322  | [react-native-keyboard-accessory](https://github.com/ardaogulcan/react-native-keyboard-accessory)                             | 0.1.16         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 323 | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-swipe-gestures.md)            |
-| 324 | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [链接](/zh-cn/victory-native-xl.md)                      |
+| 323  | [react-native-swipe-gestures](https://github.com/glepur/react-native-swipe-gestures)                                          | 1.0.5          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-swipe-gestures.md)            |
+| 324  | [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)                                                      | 41.1.0         | -         | [@react-native-oh-tpl/victory-native-xl](https://github.com/react-native-oh-library/victory-native-xl/releases)                                           | [链接](/zh-cn/victory-native-xl.md)                      |
 | 325  | [react-native-signature-canvas](https://github.com/YanYuanFE/react-native-signature-canvas)                                   | 4.7.2          | 是                 | -                                                                                                                                                      | [链接](/zh-cn/react-native-signature-canvas.md)                                                          |
 | 326  | [react-native-sticky-parallax-header](https://github.com/netguru/sticky-parallax-header)                                      | 1.0.0-rc.9     | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 327  | [react-native-multiple-select](https://github.com/toystars/react-native-multiple-select)                                      | 0.5.12         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-multiple-select.md)                                                         |
@@ -370,11 +370,11 @@
 | 338  | [react-native-awesome-gallery](https://github.com/Flair-Dev/react-native-awesome-gallery)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 339  | [react-navigation-bottom-sheet](https://github.com/th3rdwave/react-navigation-bottom-sheet)                                   | 0.3.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 340  | [rn-emoji-keyboard](https://github.com/TheWidlarzGroup/rn-emoji-keyboard)                                                     | 1.7.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 341 | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-chart-kit.md)                 |
+| 341  | [react-native-chart-kit](https://github.com/indiespirit/react-native-chart-kit)                                               | 6.12.0         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-chart-kit.md)                 |
 | 342  | [react-native-markdown-renderer](https://github.com/mientjan/react-native-markdown-renderer)                                  | 3.2.8          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 343  | [react-native-safe-modules](https://github.com/emilioicai/react-native-safe-modules)                                          | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 344 | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)  |
-| 345 | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-modals.md)                    |
+| 344  | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill)                                | 1.0.1          | -         | [@react-native-ohos-community/auto-fill](https://github.com/react-native-oh-library/auto-fill/releases)                                                   | [链接](/zh-cn/react-native-ohos-community-auto-fill.md)  |
+| 345  | [react-native-modals](https://github.com/jacklam718/react-native-modals)                                                      | 0.22.3         | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-modals.md)                    |
 | 346  | [react-native-network-info](https://github.com/pusherman/react-native-network-info)                                           | 5.2.1          | 是                 | [@react-native-oh-tpl/react-native-network-info](https://github.com/react-native-oh-library/react-native-network-info/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-network-info.md)                                                         |
 | 347  | [react-native-udp](https://github.com/tradle/react-native-udp)                                                                | 4.1.7          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 348  | [react-native-recaptcha-that-works](https://github.com/douglasjunior/react-native-recaptcha-that-works)                       | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -384,7 +384,7 @@
 | 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 是                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [链接](/zh-cn/react-native-mlkit-ocr.md)                                                          |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 355 | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [链接](/zh-cn/i18next.md)                                |
+| 355  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [链接](/zh-cn/react-native-drax.md)                                                        |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | 是                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [链接](/zh-cn/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | [@react-native-oh-library/react-native-keys](https://github.com/react-native-oh-library/react-native-keys/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-keys.md)                                                         |
@@ -395,37 +395,44 @@
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [链接](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | 否                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [链接](/zh-cn/react-native-neomorph-shadows.md)                |
 | 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | -                                                                                                                                                      | [链接](/zh-cn/ant-design-react-native.md)                                                         |
-| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [链接](/zh-cn/react-native-drax.md)                                                        |
-| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mqtt.md)                                                        |
-| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-iconfont-cli.md)                                                         |
-| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-video-cache.md)                                                         |
-| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
-| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dynamic.md)                         |
-| 374  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-md5.md)                             |
-| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modal-popover.md)                   |
-| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modalbox.md)                        |
-| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-secharts.md)                        |
-| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-subscribe.md)                              |
-| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
-| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
-| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
-| 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                       |
-| 383  | [react-native-exit-app](https://github.com/react-native-oh-libraryreact-native-exit-app)                                            | 2.0.0          | 是                  | [@react-native-oh-tpl/react-native-exit-app](https://github.com/react-native-oh-library/react-native-exit-app/releases)                                 | [链接](/zh-cn/react-native-exit-app.md)                      |
-| 384  | [react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector)                                            | 1.0.2          | 否                  | [@react-native-oh-tpl/react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector/releases)                                 | [链接](/zh-cn/react-native-file-selector.md)                      |
-| 385  | [react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid)                                            | 1.2.0          | 否                  | [@react-native-oh-tpl/react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)                                 | [链接](/zh-cn/react-native-idfa-aaid.md)                      |
-| 386  | [react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent)                                            | 2.3.1          | 否                  | [@react-native-oh-tpl/react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent/releases)                                 | [链接](/zh-cn/react-native-user-agent.md)                      |
-| 387  | [react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate)                                            | 2.1.0          | 否                  | [@react-native-oh-tpl/react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate/releases)                                 | [链接](/zh-cn/react-native-image-rotate.md)                      |
-| 388  | [react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay)                                            | 5.0.2          | 否                  | [@react-native-oh-tpl/react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay/releases)                                 | [链接](/zh-cn/react-native-alipay.md)                      |
-| 389  | [react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail)                                            | 1.1.3          | 否                  | [@react-native-oh-tpl/react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail/releases)                                 | [链接](/zh-cn/react-native-thumbnail.md)                      |
-| 390  | [react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard)                                            | 1.0.3          | 否                  | [@react-native-oh-tpl/react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)                                 | [链接](/zh-cn/react-native-custom-keyboard.md)                      |
-| 391  | [rn-bugly](https://github.com/react-native-oh-library/rn-bugly)                                            |1.3.0-beta.3          | 否                  | [@react-native-oh-tpl/rn-bugly](https://github.com/react-native-oh-library/rn-bugly/releases)                                 | [链接](/zh-cn/rn-bugly.md)                      |
-| 392  | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
-| 393  | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
-| 394  | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
-| 395  | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
-| 396  | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
+
+## JS 三方库
+
+> [!TIP]  以下 JS 三方库已适配 HarmonyOS 平台，在适配过程不涉及代码修改，可直接使用源库代码
+
+| 序号 | 原库名                                                       | 适配版本 | 文档链接                      |
+| ---- | ------------------------------------------------------------ | --------- |---------------------------|
+| 1    | [axios](https://github.com/axios/axios)                      | 1.6.7     | [链接](/zh-cn/js/axios.md)  |
+| 2    | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)    | 4.2.0     | [链接](/zh-cn/js/crypto-js.md)  |
+| 3    | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)  | 1.11.1    | [链接](/zh-cn/js/dayJs.md)  |
+| 4    | [deepmerge](https://github.com/TehShrike/deepmerge)          | 4.3.1     | [链接](/zh-cn/js/deepmerge.md)  |
+| 5    | [EventBus](https://github.com/krasimir/EventBus)             | 0.2.0     | [链接](/zh-cn/js/EventBus.md)  |
+| 6    | [htmlparser2](https://github.com/fb55/htmlparser2)           | 9.1.0     | [链接](/zh-cn/js/htmlparser2.md) |
+| 7    | [immer](https://github.com/immerjs/immer)                    | 10.0.4    | [链接](/zh-cn/js/Immer.md)  |
+| 8    | [JsBarCode](https://github.com/lindell/JsBarcode)            | 3.11.6    | [链接](/zh-cn/js/jsbarcode.md)  |
+| 9    | [js-beautify](https://github.com/beautifier/js-beautify)     | 1.15.1    | [链接](/zh-cn/js/js-beautify.md) |
+| 10   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)      | 4.17.21   | [链接](/zh-cn/js/lodash.md)  |
+| 11   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)      | 6.10.0    | [链接](/zh-cn/js/mobx.md)  |
+| 12   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0) | 7.6.0     | [链接](/zh-cn/js/mobx-react.md) |
+| 13   | [Moment](https://github.com/moment/moment)                   | 2.30.1    | [链接](/zh-cn/js/moment.md)  |
+| 14   | [parse5](https://github.com/inikulin/parse5)                 | 7.1.2     | [链接](/zh-cn/js/parse5.md)  |
+| 15   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | 15.8.1    | [链接](/zh-cn/js/prop-types.md) |
+| 16   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator) | 1.4.4     | [链接](/zh-cn/js/qrcode-generator.md) |
+| 17   | [react-ahooks](https://github.com/alibaba/hooks)             | 3.7.11    | [链接](/zh-cn/js/react-ahooks.md) |
+| 18   | [react-i18next](https://github.com/i18next/react-i18next)    | 8.6.3     | [链接](/zh-cn/js/react-i18next.md) |
+| 19   | [react-redux](https://github.com/reduxjs/react-redux)        | 9.1.1     | [链接](/zh-cn/js/react-redux.md) |
+| 20   | [react-router-dom](https://github.com/remix-run/react-router) | 6.22.3    | [链接](/zh-cn/js/react-router-dom.md) |
+| 21   | [react-use](https://github.com/zenghongtu/react-use)         | 17.2.4    | [链接](/zh-cn/js/react-use.md)                   |
+| 22   | [redux](https://github.com/reduxjs/redux)                    | 5.0.1     | [链接](/zh-cn/js/redux.md)                   |
+| 23   | [redux-actions](https://github.com/redux-utilities/redux-actions) | 3.0.0     | [链接](/zh-cn/js/redux-actions.md)                   |
+| 24   | [redux-logger](https://github.com/LogRocket/redux-logger)    | 3.0.6     | [链接](/zh-cn/js/redux-logger.md)                   |
+| 25   | [redux-persist](https://github.com/rt2zz/redux-persist)      | 6.0.0     | [链接](/zh-cn/js/redux-persist.md)                   |
+| 26   | [redux-thunk](https://github.com/reduxjs/redux-thunk)        | 3.1.0     | [链接](/zh-cn/js/redux-thunk.md)                   |
+| 27   | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)    | 2.2.3     | [链接](/zh-cn/js/redux-toolkit.md)                   |
+| 28   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat) | 3.0.4     | [链接](/zh-cn/js/react-lifecycles-compat.md)                   |
+| 29   | [styled-components](https://github.com/styled-components/styled-components) | 6.1.8     | [链接](/zh-cn/js/styled-components.md)                   |
+| 30   | [styled-system](https://github.com/styled-system/styled-system) | 5.1.5     | [链接](/zh-cn/js/styled-system.md)                   |
+| 31   | [i18next](https://github.com/i18next/i18next)                | 23.7.16   | [链接](/zh-cn/js/i18next.md) |
 
 ## 社区
 
diff --git a/_sidebar.md b/_sidebar.md
index 7757e872..4c912d87 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -56,7 +56,6 @@
     - [react-native-image-capinsets-next](/zh-cn/react-native-image-capinsets-next.md)
     - [@react-native-oh-tpl/react-native-code-push](/zh-cn/react-native-code-push.md)
   - RN JS 库
-    - [react-i18next](/zh-cn/react-i18next.md)
     - [react-native-action-button](/zh-cn/react-native-action-button.md)
     - [react-native-autoheight-webview](/zh-cn/react-native-autoheight-webview.md)
     - [@react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md)
@@ -81,7 +80,6 @@
     - [react-native-snap-carousel](/zh-cn/react-native-snap-carousel.md)
     - [react-native-transitiongroup](/zh-cn/react-native-transitiongroup.md)
     - [react-native-translucent-modal](/zh-cn/react-native-translucent-modal.md)
-    - [react-lifecycles-compat](/zh-cn/react-lifecycles-compat.md)
     - [react-native-animate-number](/zh-cn/react-native-animate-number.md)
     - [react-native-canvas](/zh-cn/react-native-canvas.md)
     - [react-native-confirmation-code-field](/zh-cn/react-native-confirmation-code-field.md)
@@ -113,32 +111,36 @@
     - [react-navigation-native-stack](/zh-cn/react-navigation-native-stack.md)
     - [react-native-chart-kit](/zh-cn/react-native-chart-kit.md)
   - 纯 JS 库
-    - [crypto-js](/zh-cn/crypto-js.md)
-    - [deepmerge](/zh-cn/deepmerge.md)
-    - [htmlparser2](/zh-cn/htmlparser2.md)
-    - [js-beautify](/zh-cn/js-beautify.md)
-    - [lodash](/zh-cn/lodash.md)
-    - [mobx-react](/zh-cn/mobx-react.md)
-    - [mobx](/zh-cn/mobx.md)
-    - [parse5](/zh-cn/parse5.md)
-    - [prop-types](/zh-cn/prop-types.md)
-    - [styled-components](/zh-cn/styled-components.md)
-    - [styled-system](/zh-cn/styled-system.md)
-    - [redux](/zh-cn/redux.md)
-    - [redux-logger](/zh-cn/redux-logger.md)
-    - [redux-persist](/zh-cn/redux-persist.md)
-    - [qrcode-generator](/zh-cn/qrcode-generator.md)
-    - [EventBus](/zh-cn/EventBus.md)
-    - [react-router-dom](/zh-cn/react-router-dom.md)
-    - [redux-actions](/zh-cn/redux-actions.md)
-    - [redux-thunk](/zh-cn/redux-thunk.md)
-    - [react-redux](/zh-cn/react-redux.md)
-    - [axios](/zh-cn/axios.md)
-    - [dayjs](/zh-cn/dayJs.md)
-    - [immer](/zh-cn/Immer.md)
-    - [jsbarcode](/zh-cn/jsbarcode.md)
-    - [moment](/zh-cn/moment.md)
-    - [qrcode-generator](/zh-cn/qrcode-generator.md)
-    - [react-ahooks](/zh-cn/react-ahooks.md)
-    - [react-use](/zh-cn/react-use.md)
-    - [redux-toolkit](/zh-cn/redux-toolkit.md)
+    - [crypto-js](/zh-cn/js/crypto-js.md)
+    - [deepmerge](/zh-cn/js/deepmerge.md)
+    - [htmlparser2](/zh-cn/js/htmlparser2.md)
+    - [js-beautify](/zh-cn/js/js-beautify.md)
+    - [lodash](/zh-cn/js/lodash.md)
+    - [mobx-react](/zh-cn/js/mobx-react.md)
+    - [mobx](/zh-cn/js/mobx.md)
+    - [parse5](/zh-cn/js/parse5.md)
+    - [prop-types](/zh-cn/js/prop-types.md)
+    - [styled-components](/zh-cn/js/styled-components.md)
+    - [styled-system](/zh-cn/js/styled-system.md)
+    - [redux](/zh-cn/js/redux.md)
+    - [redux-logger](/zh-cn/js/redux-logger.md)
+    - [redux-persist](/zh-cn/js/redux-persist.md)
+    - [qrcode-generator](/zh-cn/js/qrcode-generator.md)
+    - [EventBus](/zh-cn/js/EventBus.md)
+    - [react-router-dom](/zh-cn/js/react-router-dom.md)
+    - [redux-actions](/zh-cn/js/redux-actions.md)
+    - [redux-thunk](/zh-cn/js/redux-thunk.md)
+    - [react-redux](/zh-cn/js/react-redux.md)
+    - [axios](/zh-cn/js/axios.md)
+    - [dayjs](/zh-cn/js/dayJs.md)
+    - [immer](/zh-cn/js/Immer.md)
+    - [jsbarcode](/zh-cn/js/jsbarcode.md)
+    - [moment](/zh-cn/js/moment.md)
+    - [qrcode-generator](/zh-cn/js/qrcode-generator.md)
+    - [react-ahooks](/zh-cn/js/react-ahooks.md)
+    - [react-use](/zh-cn/js/react-use.md)
+    - [redux-toolkit](/zh-cn/js/redux-toolkit.md)
+    - [react-i18next](/zh-cn/js/react-i18next.md)
+    - [react-lifecycles-compat](/zh-cn/js/react-lifecycles-compat.md)
+
+
diff --git a/en/README_EN.md b/en/README_EN.md
index 44a68934..587c7333 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -52,28 +52,28 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                     | 6.1.9          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-navigation-native.md)                      |
 | 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                       | 6.3.19         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-navigation-stack.md)                       |
 | 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                                  | 1.6.3          | No                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [Link](/zh-cn/shopify-flash-list.md)                           |
-| 23   | [axios](https://github.com/axios/axios)                                                                                       | 1.6.7          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/axios.md)                                        |
-| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                     | 4.2.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/crypto-js.md)                                    |
-| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                                   | 1.11.1         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/dayJs.md)                                        |
-| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                           | 4.3.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/deepmerge.md)                                    |
-| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                              | 0.2.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/EventBus.md)                                     |
-| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                            | 9.1.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/htmlparser2.md)                                  |
-| 29   | [immer](https://github.com/immerjs/immer)                                                                                     | 10.0.4         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/Immer.md)                                        |
+| 23   | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | No                   | In Progress                                  | In Progress                       |
+| 24   | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | No                   | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [Link](/zh-cn/react-native-wechat-lib.md)                      |
+| 25   | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | No                   | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [Link](/zh-cn/jpush-react-native.md)                      |
+| 26   | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | No                   | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [Link](/zh-cn/react-native-localization.md)                      |
+| 27   | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | No                   | In Progress                                  | In Progress                       |
+| 28   | [rn-bugly](https://github.com/react-native-oh-library/rn-bugly)                                            |1.3.0-beta.3          | No                   | [@react-native-oh-tpl/rn-bugly](https://github.com/react-native-oh-library/rn-bugly/releases)                                 | [Link](/zh-cn/rn-bugly.md)                      |
+| 29   | [react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard)                                            | 1.0.3          | No                   | [@react-native-oh-tpl/react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)                                 | [Link](/zh-cn/react-native-custom-keyboard.md)                      |
 | 30   | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                            | 0.11.0         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-slider.md)                          |
-| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                             | 3.11.6         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/jsbarcode.md)                                    |
-| 32  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
-| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.15.1         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/js-beautify.md)                                  |
-| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                       | 4.17.21        | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/lodash.md)                                       |
+| 31   | [react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail)                                            | 1.1.3          | No                   | [@react-native-oh-tpl/react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail/releases)                                 | [Link](/zh-cn/react-native-thumbnail.md)                      |
+| 32   | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [Link](/zh-cn/react-native-doc-viewer.md)                      |
+| 33   | [react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay)                                            | 5.0.2          | No                   | [@react-native-oh-tpl/react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay/releases)                                 | [Link](/zh-cn/react-native-alipay.md)                      |
+| 34   | [react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate)                                            | 2.1.0          | No                   | [@react-native-oh-tpl/react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate/releases)                                 | [Link](/zh-cn/react-native-image-rotate.md)                      |
 | 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                             | 6.4.1          | Yes                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [Link](/zh-cn/lottie-react-native.md)                          |
-| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                       | 6.10.0         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/mobx.md)                                         |
-| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                            | 7.6.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/mobx-react.md)                                   |
-| 38   | [Moment](https://github.com/moment/moment)                                                                                    | 2.30.1         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/moment.md)                                       |
-| 39   | [parse5](https://github.com/inikulin/parse5)                                                                                  | 7.1.2          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/parse5.md)                                       |
-| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                             | 15.8.1         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/prop-types.md)                                   |
-| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                         | 1.4.4          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/qrcode-generator.md)                             |
-| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                              | 3.7.11         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-ahooks.md)                                 |
-| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                     | 8.6.3          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-i18next.md)                                |
-| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                                 | 3.0.4          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-lifecycles-compat.md)                      |
+| 36   | [react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent)                                            | 2.3.1          | No                   | [@react-native-oh-tpl/react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent/releases)                                 | [Link](/zh-cn/react-native-user-agent.md)                      |
+| 37   | [react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid)                                            | 1.2.0          | No                   | [@react-native-oh-tpl/react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)                                 | [Link](/zh-cn/react-native-idfa-aaid.md)                      |
+| 38   | [react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector)                                            | 1.0.2          | No                   | [@react-native-oh-tpl/react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector/releases)                                 | [Link](/zh-cn/react-native-file-selector.md)                      |
+| 39   | [react-native-exit-app](https://github.com/react-native-oh-libraryreact-native-exit-app)                                            | 2.0.0          | Yes                  | [@react-native-oh-tpl/react-native-exit-app](https://github.com/react-native-oh-library/react-native-exit-app/releases)                                 | [Link](/zh-cn/react-native-exit-app.md)                      |
+| 40   | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-calendars.md)                       |
+| 41   | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [Link](/zh-cn/react-native-tab-navigator.md)                   |
+| 42   | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [Link](/zh-cn/react-native-QRCode.md)                          |
+| 43   | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-pickers.md)                         |
+| 44   | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-video-cache.md)                                                         |
 | 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                         | 2.8.5          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-action-button.md)                   |
 | 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                          | 0.1.2          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-animate-number.md)                  |
 | 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.3          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-aria.md)                            |
@@ -138,19 +138,19 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                       | 3.8.0          | No                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [Link](/zh-cn/react-native-view-shot.md)                       |
 | 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                          | 13.6.2         | Yes                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [Link](/zh-cn/react-native-webview.md)                         |
 | 108  | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core)                                           | 0.5.0          | Yes                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [Link](/zh-cn/react-native-worklets-core.md)                   |
-| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                         | 9.1.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-redux.md)                                  |
-| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                                 | 6.22.3         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-router-dom.md)                             |
-| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                          | 17.2.4         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-use.md)                                    |
+| 109  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-subscribe.md)                              |
+| 110  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-secharts.md)                        |
+| 111  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-modalbox.md)                        |
 | 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/recyclerListView.md)                             |
-| 113  | [redux](https://github.com/reduxjs/redux)                                                                                     | 5.0.1          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux.md)                                        |
-| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                             | 3.0.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-actions.md)                                |
-| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                     | 3.0.6          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-logger.md)                                 |
-| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                       | 6.0.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-persist.md)                                |
-| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                         | 3.1.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-thunk.md)                                  |
-| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                     | 2.2.3          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/redux-toolkit.md)                                |
+| 113  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-modal-popover.md)                   |
+| 114  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-md5.md)                             |
+| 115  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-dynamic.md)                         |
+| 116  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [Link](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
+| 117  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | In Progress                                                                                                                                                       | In Progress                                                          |
+| 118  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | In Progress                                                                                                                                                       | In Progress                                                          |
 | 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                                  | 3.0.3          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/rn-placeholder.md)                               |
-| 120  | [styled-components](https://github.com/styled-components/styled-components)                                                   | 6.1.8          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/styled-components.md)                            |
-| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                               | 5.1.5          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/styled-system.md)                                |
+| 120  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-iconfont-cli.md)                                                         |
+| 121  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-mqtt.md)                                                        |
 | 122  | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors)                                          | 7.2.1          | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [Link](/zh-cn/react-native-sensors.md)                         |
 | 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                             | 0.0.25         | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [Link](/zh-cn/react-native-sortable-list.md)                   |
 | 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                            | 2.3.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-native-easy-toast.md)                      |
@@ -223,7 +223,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | No                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [Link](/zh-cn/react-native-keep-awake.md)                      |
 | 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [Link](/zh-cn/react-navigation.md)                             |
-| 194 | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [Link](/zh-cn/react-native-default-preference.md)            |
+| 194 | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | No                  | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [Link](/zh-cn/react-native-default-preference.md)            |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | No                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [Link](/zh-cn/react-native-ble-manager.md)                     |
 | 196  | [react-native-sensitive-info](https://github.com/mCodex/react-native-sensitive-info)                                          | 6.0.0-alpha.9  | No                 | [@react-native-oh-tpl/react-native-sensitive-info](https://github.com/react-native-oh-library/react-native-sensitive-info/releases)                         | [Link](/zh-cn/react-native-sensitive-info.md)                  |
 | 197  | [react-native-typing-animation](https://github.com/watadarkstar/react-native-typing-animation)                                | 0.1.7          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-typing-animation.md)                |
@@ -233,25 +233,25 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | Yes                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [Link](/zh-cn/react-native-performance.md)                     |
 | 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 203 | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [Link](/zh-cn/react-native-dropdown-picker.md)               |
-| 204 | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [Link](/zh-cn/react-native-shake.md)                         |
+| 204 | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | Yes                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [Link](/zh-cn/react-native-shake.md)                         |
 | 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | Yes                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [Link](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | No                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [Link](/zh-cn/react-native-fingerprint-scanner.md)             |
-| 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [Link](/zh-cn/react-native-get-random-values.md)             |
+| 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | No                  | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [Link](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [Link](/zh-cn/NativeBase.md)                                                           |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | No                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [Link](/zh-cn/react-native-orientation-locker.md)              |
 | 211  | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [Link](/zh-cn/react-native-ssl-pinning.md)               |
 | 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 213 | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [Link](/zh-cn/react-native-size-matters.md)                  |
+| 213 | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | No                  | -                                                            | [Link](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-shadow-2.md)                        |
 | 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | -                                                                                                                                                      | [Link](/zh-cn/Shopify-restyle.md)                                                        |
 | 218 | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [Link](/zh-cn/nativewind.md)                                 |
 | 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 220 | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [Link](/zh-cn/react-native-haptic-feedback.md)               |
+| 220 | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | Yes                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [Link](/zh-cn/react-native-haptic-feedback.md)               |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-url-polyfill.md)                    |
-| 222 | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [Link](/zh-cn/react-native-shimmer-placeholder.md)           |
+| 222 | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | No                  | -                                                            | [Link](/zh-cn/react-native-shimmer-placeholder.md)           |
 | 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-ratings.md)                         |
 | 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -261,7 +261,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input)                                                                                                                                                      | [Link](/zh-cn/react-native-credit-card-input.md)                                                          |
 | 231 | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [Link](/zh-cn/react-native-crypto.md)                        |
-| 232 | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [Link](/zh-cn/react-native-unistyles.md)                     |
+| 232 | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | No                  | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [Link](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | No                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [Link](/zh-cn/react-native-signature-capture.md)               |
 | 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-autocomplete-dropdown.md)                                                        |
@@ -279,7 +279,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 248  | [react-native-skia](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | Yes                 |  [@react-native-oh-tpl/react-native-skia](https://github.com/react-native-oh-library/react-native-skia)                                                                                                                                                      | [Link](/zh-cn/react-native-skia.md)                                                         |
 | 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 250 | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [Link](/zh-cn/react-native-inappbrowser.md)                  |
+| 250 | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | No                  | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [Link](/zh-cn/react-native-inappbrowser.md)                  |
 | 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | [@react-native-oh-tpl/react-native-picker-select](https://github.com/react-native-oh-library/react-native-picker-select)                                                                                                                                                      | [Link](/zh-cn/react-native-picker-select.md)                                                                 |
 | 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -289,7 +289,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 259  | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [Link](/zh-cn/realm-js.md)                               |
-| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [Link](/zh-cn/react-native-charts-wrapper.md)                |
+| 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | No                  | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [Link](/zh-cn/react-native-charts-wrapper.md)                |
 | 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 262  | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [Link](/zh-cn/react-native-config.md)                    |
 | 263  | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-video-controls.md)            |
@@ -384,7 +384,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | Yes                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [Link](/zh-cn/react-native-mlkit-ocr.md)                                                          |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 355  | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [Link](/zh-cn/i18next.md)                                |
+| 355  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [Link](/zh-cn/react-native-drax.md)                                                        |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | Yes                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [Link](/en/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | Yes                | [@react-native-oh-library/react-native-keys](https://github.com/react-native-oh-library/react-native-keys/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-keys.md)                       |
@@ -395,37 +395,45 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [Link](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | No                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [Link](/zh-cn/react-native-neomorph-shadows.md)                |
 | 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                       | -                                                                                                                                                      | [Link](/zh-cn/ant-design-react-native.md)                                                 |
-| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [Link](/zh-cn/react-native-drax.md)                                                        |
-| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  |-                                                                                                                                                      | [Link](/zh-cn/react-native-mqtt.md)                                                        |
-| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-iconfont-cli.md)                                                            |
-| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-video-cache.md)                                           |
-| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [Link](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
-| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-dynamic.md)                         |
-| 374  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-md5.md)                             |
-| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-modal-popover.md)                   |
-| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-modalbox.md)                        |
-| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-secharts.md)                        |
-| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-subscribe.md)                              |
-| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-pickers.md)                         |
-| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [Link](/zh-cn/react-native-QRCode.md)                          |
-| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [Link](/zh-cn/react-native-tab-navigator.md)                   |
-| 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-calendars.md)                       |
-| 383  | [react-native-exit-app](https://github.com/react-native-oh-libraryreact-native-exit-app)                                            | 2.0.0          | 是                  | [@react-native-oh-tpl/react-native-exit-app](https://github.com/react-native-oh-library/react-native-exit-app/releases)                                 | [链接](/zh-cn/react-native-exit-app.md)                      |
-| 384  | [react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector)                                            | 1.0.2          | 否                  | [@react-native-oh-tpl/react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector/releases)                                 | [链接](/zh-cn/react-native-file-selector.md)                      |
-| 385  | [react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid)                                            | 1.2.0          | 否                  | [@react-native-oh-tpl/react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)                                 | [链接](/zh-cn/react-native-idfa-aaid.md)                      |
-| 386  | [react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent)                                            | 2.3.1          | 否                  | [@react-native-oh-tpl/react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent/releases)                                 | [链接](/zh-cn/react-native-user-agent.md)                      |
-| 387  | [react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate)                                            | 2.1.0          | 否                  | [@react-native-oh-tpl/react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate/releases)                                 | [链接](/zh-cn/react-native-image-rotate.md)                      |
-| 388  | [react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay)                                            | 5.0.2          | 否                  | [@react-native-oh-tpl/react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay/releases)                                 | [链接](/zh-cn/react-native-alipay.md)                      |
-| 389  | [react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail)                                            | 1.1.3          | 否                  | [@react-native-oh-tpl/react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail/releases)                                 | [链接](/zh-cn/react-native-thumbnail.md)                      |
-| 390  | [react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard)                                            | 1.0.3          | 否                  | [@react-native-oh-tpl/react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)                                 | [链接](/zh-cn/react-native-custom-keyboard.md)                      |
-| 391  | [rn-bugly](https://github.com/react-native-oh-library/rn-bugly)                                            |1.3.0-beta.3          | 否                  | [@react-native-oh-tpl/rn-bugly](https://github.com/react-native-oh-library/rn-bugly/releases)                                 | [链接](/zh-cn/rn-bugly.md)                      |
-| 392  | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
-| 393  | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
-| 394  | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
-| 395  | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
-| 396  | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
+
+## JS Third-Party Libraries
+
+> [!TIP]  The following JS third-party libraries have been adapted to the HarmonyOS platform, and the code modification is not involved in the adaptation process. The source library code can be directly used
+
+| NO. | Source Library Name                                           | Adapted version | Documentation Link                    |
+| ---- | ------------------------------------------------------------ | --------- |---------------------------|
+| 1    | [axios](https://github.com/axios/axios)                      | 1.6.7     | [Link](/zh-cn/js/axios.md)  |
+| 2    | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)    | 4.2.0     | [Link](/zh-cn/js/crypto-js.md) |
+| 3    | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)  | 1.11.1    | [Link](/zh-cn/js/dayJs.md)  |
+| 4    | [deepmerge](https://github.com/TehShrike/deepmerge)          | 4.3.1     | [Link](/zh-cn/js/deepmerge.md) |
+| 5    | [EventBus](https://github.com/krasimir/EventBus)             | 0.2.0     | [Link](/zh-cn/js/EventBus.md) |
+| 6    | [htmlparser2](https://github.com/fb55/htmlparser2)           | 9.1.0     | [Link](/zh-cn/js/htmlparser2.md) |
+| 7    | [immer](https://github.com/immerjs/immer)                    | 10.0.4    | [Link](/zh-cn/js/Immer.md)  |
+| 8    | [JsBarCode](https://github.com/lindell/JsBarcode)            | 3.11.6    | [Link](/zh-cn/js/jsbarcode.md) |
+| 9    | [js-beautify](https://github.com/beautifier/js-beautify)     | 1.15.1    | [Link](/zh-cn/js/js-beautify.md) |
+| 10   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)      | 4.17.21   | [Link](/zh-cn/js/lodash.md) |
+| 11   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)      | 6.10.0    | [Link](/zh-cn/js/mobx.md)  |
+| 12   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0) | 7.6.0     | [Link](/zh-cn/js/mobx-react.md) |
+| 13   | [Moment](https://github.com/moment/moment)                   | 2.30.1    | [Link](/zh-cn/js/moment.md) |
+| 14   | [parse5](https://github.com/inikulin/parse5)                 | 7.1.2     | [Link](/zh-cn/js/parse5.md) |
+| 15   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | 15.8.1    | [Link](/zh-cn/js/prop-types.md) |
+| 16   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator) | 1.4.4     | [Link](/zh-cn/js/qrcode-generator.md) |
+| 17   | [react-ahooks](https://github.com/alibaba/hooks)             | 3.7.11    | [Link](/zh-cn/js/react-ahooks.md) |
+| 18   | [react-i18next](https://github.com/i18next/react-i18next)    | 8.6.3     | [Link](/zh-cn/js/react-i18next.md) |
+| 19   | [react-redux](https://github.com/reduxjs/react-redux)        | 9.1.1     | [Link](/zh-cn/js/react-redux.md) |
+| 20   | [react-router-dom](https://github.com/remix-run/react-router) | 6.22.3    | [Link](/zh-cn/js/react-router-dom.md) |
+| 21   | [react-use](https://github.com/zenghongtu/react-use)         | 17.2.4    | [Link](/zh-cn/js/react-use.md)                 |
+| 22   | [redux](https://github.com/reduxjs/redux)                    | 5.0.1     | [Link](/zh-cn/js/redux.md)                 |
+| 23   | [redux-actions](https://github.com/redux-utilities/redux-actions) | 3.0.0     | [Link](/zh-cn/js/redux-actions.md)                 |
+| 24   | [redux-logger](https://github.com/LogRocket/redux-logger)    | 3.0.6     | [Link](/zh-cn/js/redux-logger.md)                 |
+| 25   | [redux-persist](https://github.com/rt2zz/redux-persist)      | 6.0.0     | [Link](/zh-cn/js/redux-persist.md)                 |
+| 26   | [redux-thunk](https://github.com/reduxjs/redux-thunk)        | 3.1.0     | [Link](/zh-cn/js/redux-thunk.md)                 |
+| 27   | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)    | 2.2.3     | [Link](/zh-cn/js/redux-toolkit.md)                 |
+| 28   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat) | 3.0.4     | [Link](/zh-cn/js/react-lifecycles-compat.md)                 |
+| 29   | [styled-components](https://github.com/styled-components/styled-components) | 6.1.8     | [Link](/zh-cn/js/styled-components.md)                 |
+| 30   | [styled-system](https://github.com/styled-system/styled-system) | 5.1.5     | [Link](/zh-cn/js/styled-system.md)                 |
+| 31   | [i18next](https://github.com/i18next/i18next)                | 23.7.16   | [Link](/zh-cn/js/i18next.md) |
+
 ## Community
 
 [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library)
diff --git a/en/EventBus.md b/en/js/EventBus.md
similarity index 100%
rename from en/EventBus.md
rename to en/js/EventBus.md
diff --git a/en/Immer.md b/en/js/Immer.md
similarity index 100%
rename from en/Immer.md
rename to en/js/Immer.md
diff --git a/en/axios.md b/en/js/axios.md
similarity index 100%
rename from en/axios.md
rename to en/js/axios.md
diff --git a/en/crypto-js.md b/en/js/crypto-js.md
similarity index 100%
rename from en/crypto-js.md
rename to en/js/crypto-js.md
diff --git a/en/dayJs.md b/en/js/dayJs.md
similarity index 100%
rename from en/dayJs.md
rename to en/js/dayJs.md
diff --git a/en/deepmerge.md b/en/js/deepmerge.md
similarity index 100%
rename from en/deepmerge.md
rename to en/js/deepmerge.md
diff --git a/en/htmlparser2.md b/en/js/htmlparser2.md
similarity index 100%
rename from en/htmlparser2.md
rename to en/js/htmlparser2.md
diff --git a/en/i18next.md b/en/js/i18next.md
similarity index 100%
rename from en/i18next.md
rename to en/js/i18next.md
diff --git a/en/js-beautify.md b/en/js/js-beautify.md
similarity index 100%
rename from en/js-beautify.md
rename to en/js/js-beautify.md
diff --git a/en/jsbarcode.md b/en/js/jsbarcode.md
similarity index 100%
rename from en/jsbarcode.md
rename to en/js/jsbarcode.md
diff --git a/en/lodash.md b/en/js/lodash.md
similarity index 100%
rename from en/lodash.md
rename to en/js/lodash.md
diff --git a/en/mobx-react.md b/en/js/mobx-react.md
similarity index 100%
rename from en/mobx-react.md
rename to en/js/mobx-react.md
diff --git a/en/mobx.md b/en/js/mobx.md
similarity index 100%
rename from en/mobx.md
rename to en/js/mobx.md
diff --git a/en/moment.md b/en/js/moment.md
similarity index 100%
rename from en/moment.md
rename to en/js/moment.md
diff --git a/en/parse5.md b/en/js/parse5.md
similarity index 100%
rename from en/parse5.md
rename to en/js/parse5.md
diff --git a/en/prop-types.md b/en/js/prop-types.md
similarity index 100%
rename from en/prop-types.md
rename to en/js/prop-types.md
diff --git a/en/qrcode-generator.md b/en/js/qrcode-generator.md
similarity index 100%
rename from en/qrcode-generator.md
rename to en/js/qrcode-generator.md
diff --git a/en/react-ahooks.md b/en/js/react-ahooks.md
similarity index 100%
rename from en/react-ahooks.md
rename to en/js/react-ahooks.md
diff --git a/en/react-i18next.md b/en/js/react-i18next.md
similarity index 100%
rename from en/react-i18next.md
rename to en/js/react-i18next.md
diff --git a/en/react-lifecycles-compat.md b/en/js/react-lifecycles-compat.md
similarity index 100%
rename from en/react-lifecycles-compat.md
rename to en/js/react-lifecycles-compat.md
diff --git a/en/react-redux.md b/en/js/react-redux.md
similarity index 100%
rename from en/react-redux.md
rename to en/js/react-redux.md
diff --git a/en/react-router-dom.md b/en/js/react-router-dom.md
similarity index 100%
rename from en/react-router-dom.md
rename to en/js/react-router-dom.md
diff --git a/en/react-use.md b/en/js/react-use.md
similarity index 100%
rename from en/react-use.md
rename to en/js/react-use.md
diff --git a/en/redux-actions.md b/en/js/redux-actions.md
similarity index 100%
rename from en/redux-actions.md
rename to en/js/redux-actions.md
diff --git a/en/redux-logger.md b/en/js/redux-logger.md
similarity index 100%
rename from en/redux-logger.md
rename to en/js/redux-logger.md
diff --git a/en/redux-persist.md b/en/js/redux-persist.md
similarity index 100%
rename from en/redux-persist.md
rename to en/js/redux-persist.md
diff --git a/en/redux-thunk.md b/en/js/redux-thunk.md
similarity index 100%
rename from en/redux-thunk.md
rename to en/js/redux-thunk.md
diff --git a/en/redux-toolkit.md b/en/js/redux-toolkit.md
similarity index 97%
rename from en/redux-toolkit.md
rename to en/js/redux-toolkit.md
index 2f41e6bf..4962e66e 100644
--- a/en/redux-toolkit.md
+++ b/en/js/redux-toolkit.md
@@ -16,9 +16,9 @@
 
 ## Installation and Usage
 
-> [!TIP] This library depends on react-redux，Can be referred to[react-redux documentation](./react-redux.md)install
+> [!TIP] This library depends on react-redux，Can be referred to[react-redux documentation](react-redux.md)install
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [redux-toolkit Releases](redux-toolkit Releases](https://github.com/reduxjs/redux-toolkit/releases).
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
diff --git a/en/redux.md b/en/js/redux.md
similarity index 100%
rename from en/redux.md
rename to en/js/redux.md
diff --git a/en/styled-components.md b/en/js/styled-components.md
similarity index 100%
rename from en/styled-components.md
rename to en/js/styled-components.md
diff --git a/en/styled-system.md b/en/js/styled-system.md
similarity index 100%
rename from en/styled-system.md
rename to en/js/styled-system.md
diff --git a/zh-cn/README.md b/zh-cn/README.md
index af7d1848..f88b828d 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -52,28 +52,28 @@
 | 20   | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native)                     | 6.1.9          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-native.md)                      |
 | 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                       | 6.3.19         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
 | 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                                  | 1.6.3          | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
-| 23   | [axios](https://github.com/axios/axios)                                                                                       | 1.6.7          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/axios.md)                                        |
-| 24   | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)                                                                     | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/crypto-js.md)                                    |
-| 25   | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)                                                                   | 1.11.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/dayJs.md)                                        |
-| 26   | [deepmerge](https://github.com/TehShrike/deepmerge)                                                                           | 4.3.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/deepmerge.md)                                    |
-| 27   | [EventBus](https://github.com/krasimir/EventBus)                                                                              | 0.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/EventBus.md)                                     |
-| 28   | [htmlparser2](https://github.com/fb55/htmlparser2)                                                                            | 9.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/htmlparser2.md)                                  |
-| 29   | [immer](https://github.com/immerjs/immer)                                                                                     | 10.0.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/Immer.md)                                        |
+| 23   | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
+| 24   | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
+| 25   | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
+| 26   | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
+| 27   | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
+| 28   | [rn-bugly](https://github.com/react-native-oh-library/rn-bugly)                                            |1.3.0-beta.3          | 否                  | [@react-native-oh-tpl/rn-bugly](https://github.com/react-native-oh-library/rn-bugly/releases)                                 | [链接](/zh-cn/rn-bugly.md)                      |
+| 29   | [react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard)                                            | 1.0.3          | 否                  | [@react-native-oh-tpl/react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)                                 | [链接](/zh-cn/react-native-custom-keyboard.md)                      |
 | 30   | [react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider)                            | 0.11.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-slider.md)                          |
-| 31   | [JsBarCode](https://github.com/lindell/JsBarcode)                                                                             | 3.11.6         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/jsbarcode.md)                                    |
-| 32  | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
-| 33   | [js-beautify](https://github.com/beautifier/js-beautify)                                                                      | 1.15.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/js-beautify.md)                                  |
-| 34   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)                                                                       | 4.17.21        | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/lodash.md)                                       |
+| 31   | [react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail)                                            | 1.1.3          | 否                  | [@react-native-oh-tpl/react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail/releases)                                 | [链接](/zh-cn/react-native-thumbnail.md)                      |
+| 32   | [react-native-doc-viewer](https://github.com/philipphecht/react-native-doc-viewer)                                            | 2.7.8          | -                  | [@react-native-oh-tpl/react-native-doc-viewer](https://github.com/react-native-oh-library/react-native-doc-viewer/releases)                                 | [链接](/zh-cn/react-native-doc-viewer.md)                      |
+| 33   | [react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay)                                            | 5.0.2          | 否                  | [@react-native-oh-tpl/react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay/releases)                                 | [链接](/zh-cn/react-native-alipay.md)                      |
+| 34   | [react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate)                                            | 2.1.0          | 否                  | [@react-native-oh-tpl/react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate/releases)                                 | [链接](/zh-cn/react-native-image-rotate.md)                      |
 | 35   | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)                                             | 6.4.1          | 是                 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases)                                         | [链接](/zh-cn/lottie-react-native.md)                          |
-| 36   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)                                                                       | 6.10.0         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx.md)                                         |
-| 37   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0)                                                            | 7.6.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/mobx-react.md)                                   |
-| 38   | [Moment](https://github.com/moment/moment)                                                                                    | 2.30.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/moment.md)                                       |
-| 39   | [parse5](https://github.com/inikulin/parse5)                                                                                  | 7.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/parse5.md)                                       |
-| 40   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1)                                                             | 15.8.1         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/prop-types.md)                                   |
-| 41   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator)                                                         | 1.4.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/qrcode-generator.md)                             |
-| 42   | [react-ahooks](https://github.com/alibaba/hooks)                                                                              | 3.7.11         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-ahooks.md)                                 |
-| 43   | [react-i18next](https://github.com/i18next/react-i18next)                                                                     | 8.6.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-i18next.md)                                |
-| 44   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat)                                                 | 3.0.4          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-lifecycles-compat.md)                      |
+| 36   | [react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent)                                            | 2.3.1          | 否                  | [@react-native-oh-tpl/react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent/releases)                                 | [链接](/zh-cn/react-native-user-agent.md)                      |
+| 37   | [react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid)                                            | 1.2.0          | 否                  | [@react-native-oh-tpl/react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)                                 | [链接](/zh-cn/react-native-idfa-aaid.md)                      |
+| 38   | [react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector)                                            | 1.0.2          | 否                  | [@react-native-oh-tpl/react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector/releases)                                 | [链接](/zh-cn/react-native-file-selector.md)                      |
+| 39   | [react-native-exit-app](https://github.com/react-native-oh-libraryreact-native-exit-app)                                            | 2.0.0          | 是                  | [@react-native-oh-tpl/react-native-exit-app](https://github.com/react-native-oh-library/react-native-exit-app/releases)                                 | [链接](/zh-cn/react-native-exit-app.md)                      |
+| 40   | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                       |
+| 41   | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
+| 42   | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
+| 43   | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
+| 44   | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-video-cache.md)                                                         |
 | 45   | [react-native-action-button](https://github.com/mastermoo/react-native-action-button)                                         | 2.8.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-action-button.md)                   |
 | 46   | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number)                                          | 0.1.2          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-animate-number.md)                  |
 | 47   | [react-native-aria](https://github.com/gluestack/react-native-aria/)                                                          | 0.2.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-aria.md)                            |
@@ -138,19 +138,19 @@
 | 106  | [react-native-view-shot](https://github.com/gre/react-native-view-shot)                                                       | 3.8.0          | 否                 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases)                                   | [链接](/zh-cn/react-native-view-shot.md)                       |
 | 107  | [react-native-webview](https://github.com/react-native-webview/react-native-webview)                                          | 13.6.2         | 是                 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases)                                       | [链接](/zh-cn/react-native-webview.md)                         |
 | 108  | [react-native-worklets-core](https://github.com/margelo/react-native-worklets-core)                                           | 0.5.0          | 是                 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases)                           | [链接](/zh-cn/react-native-worklets-core.md)                   |
-| 109  | [react-redux](https://github.com/reduxjs/react-redux)                                                                         | 9.1.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-redux.md)                                  |
-| 110  | [react-router-dom](https://github.com/remix-run/react-router)                                                                 | 6.22.3         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-router-dom.md)                             |
-| 111  | [react-use](https://github.com/zenghongtu/react-use)                                                                          | 17.2.4         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-use.md)                                    |
+| 109  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-subscribe.md)                              |
+| 110  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-secharts.md)                        |
+| 111  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modalbox.md)                        |
 | 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
-| 113  | [redux](https://github.com/reduxjs/redux)                                                                                     | 5.0.1          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux.md)                                        |
-| 114  | [redux-actions](https://github.com/redux-utilities/redux-actions)                                                             | 3.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-actions.md)                                |
-| 115  | [redux-logger](https://github.com/LogRocket/redux-logger)                                                                     | 3.0.6          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-logger.md)                                 |
-| 116  | [redux-persist](https://github.com/rt2zz/redux-persist)                                                                       | 6.0.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-persist.md)                                |
-| 117  | [redux-thunk](https://github.com/reduxjs/redux-thunk)                                                                         | 3.1.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-thunk.md)                                  |
-| 118  | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)                                                                     | 2.2.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/redux-toolkit.md)                                |
+| 113  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modal-popover.md)                   |
+| 114  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-md5.md)                             |
+| 115  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dynamic.md)                         |
+| 116  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
+| 117  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 118  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 119  | [rn-placeholder](https://github.com/mfrachet/rn-placeholder)                                                                  | 3.0.3          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/rn-placeholder.md)                               |
-| 120  | [styled-components](https://github.com/styled-components/styled-components)                                                   | 6.1.8          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-components.md)                            |
-| 121  | [styled-system](https://github.com/styled-system/styled-system)                                                               | 5.1.5          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/styled-system.md)                                |
+| 120  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-iconfont-cli.md)                                                         |
+| 121  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mqtt.md)                                                        |
 | 122  | [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors)                                          | 7.2.1          | \-                 | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases)                                       | [链接](/zh-cn/react-native-sensors.md)                         |
 | 123  | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list)                                             | 0.0.25         | \-                 | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list)                                    | [链接](/zh-cn/react-native-sortable-list.md)                   |
 | 124  | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)                                            | 2.3.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-native-easy-toast.md)                      |
@@ -384,7 +384,7 @@
 | 352  | [react-native-bars](https://github.com/zoontek/react-native-bars)                                                             | 2.4.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 353  | [react-native-mlkit-ocr](https://github.com/agoldis/react-native-mlkit-ocr)                                                   | 0.3.0          | 是                 | [@react-native-oh-tpl/react-native-mlkit-ocr](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases)                               | [链接](/zh-cn/react-native-mlkit-ocr.md)                                                          |
 | 354  | [react-native-screenshot-prevent](https://github.com/killserver/react-native-screenshot-prevent)                              | 1.2.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 355 | [i18next](https://github.com/i18next/i18next)                                                                                 | 23.7.16        | -         | -                                                                                                                                                         | [链接](/zh-cn/i18next.md)                                |
+| 355  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [链接](/zh-cn/react-native-drax.md)                                                        |
 | 356  | [@op-engineering/op-sqlite](https://github.com/OP-Engineering/op-sqlite)                                                      | 8.0.2         | 是                 | [@react-native-oh-tpl/op-sqlite](https://github.com/react-native-oh-library/op-sqlite/releases)                                                                                                                                                      | [链接](/zh-cn/op-engineering-op-sqlite.md)                                                         |
 | 357  | [react-native-theme-switch-animation](https://github.com/WadhahEssam/react-native-theme-switch-animation)                     | 0.6.0          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 358  | [react-native-keys](https://github.com/numandev1/react-native-keys)                                                           | 0.7.10         | 是                 | [@react-native-oh-library/react-native-keys](https://github.com/react-native-oh-library/react-native-keys/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-keys.md)                                                         |
@@ -395,37 +395,44 @@
 | 363  | [react-native-barcode-builder](https://github.com/wonsikin/react-native-barcode-builder)                                      | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-barcode-builder](https://github.com/react-native-oh-library/react-native-barcode-builder/releases)                       | [链接](/zh-cn/react-native-barcode-builder.md)                 |
 | 364  | [react-native-neomorph-shadows](https://github.com/tokkozhin/react-native-neomorph-shadows)                                   | 1.1.2          | 否                 | [@react-native-oh-tpl/react-native-neomorph-shadows](https://github.com/react-native-oh-library/react-native-neomorph-shadows/releases)                     | [链接](/zh-cn/react-native-neomorph-shadows.md)                |
 | 365  | [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn)                                                | 5.1.0          | -                  | -                                                                                                                                                      | [链接](/zh-cn/ant-design-react-native.md)                                                         |
-| 366  | [react-native-drax](https://github.com/nuclearpasta/react-native-drax)                                                        | 0.10.3         | -                  | [@react-native-oh-tpl/react-native-drax](https://github.com/react-native-oh-library/react-native-drax)                                                                                                                                                      | [链接](/zh-cn/react-native-drax.md)                                                        |
-| 367  | [react-native-mqtt](https://github.com/Introvertuous/react-native-mqtt)                                                       | 1.3.1          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mqtt.md)                                                        |
-| 368  | [react-native-iconfont-cli](https://github.com/iconfont-cli/react-native-iconfont-cli)                                        | 2.2.4          | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-iconfont-cli.md)                                                         |
-| 369  | [react-native-video-cache](https://github.com/zhigang1992/react-native-video-cache)                                           | 2.7.1          | -                  | [@react-native-oh-library/react-native-video-cache](https://github.com/react-native-oh-library/react-native-video-cache/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-video-cache.md)                                                         |
-| 370  | [react-native-date-picker](https://github.com/henninghall/react-native-date-picker)                                           | 5.0.4          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 371  | [react-native-input-scroll-view](https://github.com/baijunjie/react-native-input-scroll-view)                                 | 1.10.0         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 372  | [@openspacelabs/react-native-zoomable-view](https://github.com/openspacelabs/react-native-zoomable-view)                      | 2.1.6          | -                  | -                                                                                                                                                           | [链接](/zh-cn/openspacelabs-react-native-zoomable-view.md)     |
-| 373  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dynamic.md)                         |
-| 374  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-md5.md)                             |
-| 375  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modal-popover.md)                   |
-| 376  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modalbox.md)                        |
-| 377  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-secharts.md)                        |
-| 378  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-subscribe.md)                              |
-| 379  | [react-native-pickers](https://github.com/iberHK/react-native-picker)                                                         | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-pickers.md)                         |
-| 380  | [react-native-qrcode](https://github.com/cssivision/react-native-qrcode)                                                      | 0.2.7          | -                  | [@react-native-oh-tpl/react-native-qrcode](https://github.com/react-native-oh-library/react-native-qrcode/releases)                                         | [链接](/zh-cn/react-native-QRCode.md)                          |
-| 381  | [react-native-tab-navigator](https://github.com/ptomasroos/react-native-tab-navigator)                                        | 0.3.4          | -                  | [@react-native-oh-tpl/react-native-tab-navigator](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)                           | [链接](/zh-cn/react-native-tab-navigator.md)                   |
-| 382  | [react-native-calendars](https://github.com/wix/react-native-calendars)                                                       | 1.1304.1       | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-calendars.md)                       |
-| 383  | [react-native-exit-app](https://github.com/react-native-oh-libraryreact-native-exit-app)                                            | 2.0.0          | 是                  | [@react-native-oh-tpl/react-native-exit-app](https://github.com/react-native-oh-library/react-native-exit-app/releases)                                 | [链接](/zh-cn/react-native-exit-app.md)                      |
-| 384  | [react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector)                                            | 1.0.2          | 否                  | [@react-native-oh-tpl/react-native-file-selector](https://github.com/react-native-oh-library/react-native-file-selector/releases)                                 | [链接](/zh-cn/react-native-file-selector.md)                      |
-| 385  | [react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid)                                            | 1.2.0          | 否                  | [@react-native-oh-tpl/react-native-idfa-aaid](https://github.com/react-native-oh-library/react-native-idfa-aaid/releases)                                 | [链接](/zh-cn/react-native-idfa-aaid.md)                      |
-| 386  | [react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent)                                            | 2.3.1          | 否                  | [@react-native-oh-tpl/react-native-user-agent](https://github.com/react-native-oh-library/react-native-user-agent/releases)                                 | [链接](/zh-cn/react-native-user-agent.md)                      |
-| 387  | [react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate)                                            | 2.1.0          | 否                  | [@react-native-oh-tpl/react-native-image-rotate](https://github.com/react-native-oh-library/react-native-image-rotate/releases)                                 | [链接](/zh-cn/react-native-image-rotate.md)                      |
-| 388  | [react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay)                                            | 5.0.2          | 否                  | [@react-native-oh-tpl/react-native-alipay](https://github.com/react-native-oh-library/react-native-alipay/releases)                                 | [链接](/zh-cn/react-native-alipay.md)                      |
-| 389  | [react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail)                                            | 1.1.3          | 否                  | [@react-native-oh-tpl/react-native-thumbnail](https://github.com/react-native-oh-library/react-native-thumbnail/releases)                                 | [链接](/zh-cn/react-native-thumbnail.md)                      |
-| 390  | [react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard)                                            | 1.0.3          | 否                  | [@react-native-oh-tpl/react-native-custom-keyboard](https://github.com/react-native-oh-library/react-native-custom-keyboard/releases)                                 | [链接](/zh-cn/react-native-custom-keyboard.md)                      |
-| 391  | [rn-bugly](https://github.com/react-native-oh-library/rn-bugly)                                            |1.3.0-beta.3          | 否                  | [@react-native-oh-tpl/rn-bugly](https://github.com/react-native-oh-library/rn-bugly/releases)                                 | [链接](/zh-cn/rn-bugly.md)                      |
-| 392  | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
-| 393  | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
-| 394  | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
-| 395  | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
-| 396  | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
+
+## JS 三方库
+
+> [!TIP]  以下 JS 三方库已适配 HarmonyOS 平台，在适配过程不涉及代码修改，可直接使用源库代码
+
+| 序号 | 原库名                                                       | 适配版本 | 文档链接                      |
+| ---- | ------------------------------------------------------------ | --------- |---------------------------|
+| 1    | [axios](https://github.com/axios/axios)                      | 1.6.7     | [链接](/zh-cn/js/axios.md)  |
+| 2    | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0)    | 4.2.0     | [链接](/zh-cn/js/crypto-js.md) |
+| 3    | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file)  | 1.11.1    | [链接](/zh-cn/js/dayJs.md)  |
+| 4    | [deepmerge](https://github.com/TehShrike/deepmerge)          | 4.3.1     | [链接](/zh-cn/js/deepmerge.md) |
+| 5    | [EventBus](https://github.com/krasimir/EventBus)             | 0.2.0     | [链接](/zh-cn/js/EventBus.md) |
+| 6    | [htmlparser2](https://github.com/fb55/htmlparser2)           | 9.1.0     | [链接](/zh-cn/js/htmlparser2.md) |
+| 7    | [immer](https://github.com/immerjs/immer)                    | 10.0.4    | [链接](/zh-cn/js/Immer.md)  |
+| 8    | [JsBarCode](https://github.com/lindell/JsBarcode)            | 3.11.6    | [链接](/zh-cn/js/jsbarcode.md) |
+| 9    | [js-beautify](https://github.com/beautifier/js-beautify)     | 1.15.1    | [链接](/zh-cn/js/js-beautify.md) |
+| 10   | [lodash](https://github.com/lodash/lodash/tree/4.17.21)      | 4.17.21   | [链接](/zh-cn/js/lodash.md) |
+| 11   | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0)      | 6.10.0    | [链接](/zh-cn/js/mobx.md)  |
+| 12   | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0) | 7.6.0     | [链接](/zh-cn/js/mobx-react.md) |
+| 13   | [Moment](https://github.com/moment/moment)                   | 2.30.1    | [链接](/zh-cn/js/moment.md) |
+| 14   | [parse5](https://github.com/inikulin/parse5)                 | 7.1.2     | [链接](/zh-cn/js/parse5.md) |
+| 15   | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | 15.8.1    | [链接](/zh-cn/js/prop-types.md) |
+| 16   | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator) | 1.4.4     | [链接](/zh-cn/js/qrcode-generator.md) |
+| 17   | [react-ahooks](https://github.com/alibaba/hooks)             | 3.7.11    | [链接](/zh-cn/js/react-ahooks.md) |
+| 18   | [react-i18next](https://github.com/i18next/react-i18next)    | 8.6.3     | [链接](/zh-cn/js/react-i18next.md) |
+| 19   | [react-redux](https://github.com/reduxjs/react-redux)        | 9.1.1     | [链接](/zh-cn/js/react-redux.md) |
+| 20   | [react-router-dom](https://github.com/remix-run/react-router) | 6.22.3    | [链接](/zh-cn/js/react-router-dom.md) |
+| 21   | [react-use](https://github.com/zenghongtu/react-use)         | 17.2.4    | [链接](/zh-cn/js/react-use.md)                 |
+| 22   | [redux](https://github.com/reduxjs/redux)                    | 5.0.1     | [链接](/zh-cn/js/redux.md)                 |
+| 23   | [redux-actions](https://github.com/redux-utilities/redux-actions) | 3.0.0     | [链接](/zh-cn/js/redux-actions.md)                 |
+| 24   | [redux-logger](https://github.com/LogRocket/redux-logger)    | 3.0.6     | [链接](/zh-cn/js/redux-logger.md)                 |
+| 25   | [redux-persist](https://github.com/rt2zz/redux-persist)      | 6.0.0     | [链接](/zh-cn/js/redux-persist.md)                 |
+| 26   | [redux-thunk](https://github.com/reduxjs/redux-thunk)        | 3.1.0     | [链接](/zh-cn/js/redux-thunk.md)                 |
+| 27   | [redux-toolkit](https://github.com/reduxjs/redux-toolkit)    | 2.2.3     | [链接](/zh-cn/js/redux-toolkit.md)                 |
+| 28   | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat) | 3.0.4     | [链接](/zh-cn/js/react-lifecycles-compat.md)                 |
+| 29   | [styled-components](https://github.com/styled-components/styled-components) | 6.1.8     | [链接](/zh-cn/js/styled-components.md)                 |
+| 30   | [styled-system](https://github.com/styled-system/styled-system) | 5.1.5     | [链接](/zh-cn/js/styled-system.md)                 |
+| 31   | [i18next](https://github.com/i18next/i18next)                | 23.7.16   | [链接](/zh-cn/js/i18next.md) |
 
 ## 社区
 
diff --git a/zh-cn/EventBus.md b/zh-cn/js/EventBus.md
similarity index 100%
rename from zh-cn/EventBus.md
rename to zh-cn/js/EventBus.md
diff --git a/zh-cn/Immer.md b/zh-cn/js/Immer.md
similarity index 100%
rename from zh-cn/Immer.md
rename to zh-cn/js/Immer.md
diff --git a/zh-cn/axios.md b/zh-cn/js/axios.md
similarity index 100%
rename from zh-cn/axios.md
rename to zh-cn/js/axios.md
diff --git a/zh-cn/crypto-js.md b/zh-cn/js/crypto-js.md
similarity index 100%
rename from zh-cn/crypto-js.md
rename to zh-cn/js/crypto-js.md
diff --git a/zh-cn/dayJs.md b/zh-cn/js/dayJs.md
similarity index 100%
rename from zh-cn/dayJs.md
rename to zh-cn/js/dayJs.md
diff --git a/zh-cn/deepmerge.md b/zh-cn/js/deepmerge.md
similarity index 100%
rename from zh-cn/deepmerge.md
rename to zh-cn/js/deepmerge.md
diff --git a/zh-cn/htmlparser2.md b/zh-cn/js/htmlparser2.md
similarity index 100%
rename from zh-cn/htmlparser2.md
rename to zh-cn/js/htmlparser2.md
diff --git a/zh-cn/i18next.md b/zh-cn/js/i18next.md
similarity index 99%
rename from zh-cn/i18next.md
rename to zh-cn/js/i18next.md
index 488a2aa7..9561140d 100644
--- a/zh-cn/i18next.md
+++ b/zh-cn/js/i18next.md
@@ -34,7 +34,7 @@ yarn add i18next@23.7.16
 
 下面的代码展示了这个库的基本使用场景：
 
-> [!TIP] 在下面的 demo 中，本库需要与 react-i18next 一起使用，react-i18next 的使用方式请见[react-i18next 文档](/zh-cn/react-i18next.md)
+> [!TIP] 在下面的 demo 中，本库需要与 react-i18next 一起使用，react-i18next 的使用方式请见[react-i18next 文档](/zh-cn/js/react-i18next.md)
 
 ```js
 import React from 'react';  
diff --git a/zh-cn/js-beautify.md b/zh-cn/js/js-beautify.md
similarity index 100%
rename from zh-cn/js-beautify.md
rename to zh-cn/js/js-beautify.md
diff --git a/zh-cn/jsbarcode.md b/zh-cn/js/jsbarcode.md
similarity index 100%
rename from zh-cn/jsbarcode.md
rename to zh-cn/js/jsbarcode.md
diff --git a/zh-cn/lodash.md b/zh-cn/js/lodash.md
similarity index 100%
rename from zh-cn/lodash.md
rename to zh-cn/js/lodash.md
diff --git a/zh-cn/mobx-react.md b/zh-cn/js/mobx-react.md
similarity index 100%
rename from zh-cn/mobx-react.md
rename to zh-cn/js/mobx-react.md
diff --git a/zh-cn/mobx.md b/zh-cn/js/mobx.md
similarity index 100%
rename from zh-cn/mobx.md
rename to zh-cn/js/mobx.md
diff --git a/zh-cn/moment.md b/zh-cn/js/moment.md
similarity index 100%
rename from zh-cn/moment.md
rename to zh-cn/js/moment.md
diff --git a/zh-cn/parse5.md b/zh-cn/js/parse5.md
similarity index 100%
rename from zh-cn/parse5.md
rename to zh-cn/js/parse5.md
diff --git a/zh-cn/prop-types.md b/zh-cn/js/prop-types.md
similarity index 100%
rename from zh-cn/prop-types.md
rename to zh-cn/js/prop-types.md
diff --git a/zh-cn/qrcode-generator.md b/zh-cn/js/qrcode-generator.md
similarity index 100%
rename from zh-cn/qrcode-generator.md
rename to zh-cn/js/qrcode-generator.md
diff --git a/zh-cn/react-ahooks.md b/zh-cn/js/react-ahooks.md
similarity index 100%
rename from zh-cn/react-ahooks.md
rename to zh-cn/js/react-ahooks.md
diff --git a/zh-cn/react-i18next.md b/zh-cn/js/react-i18next.md
similarity index 100%
rename from zh-cn/react-i18next.md
rename to zh-cn/js/react-i18next.md
diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/js/react-lifecycles-compat.md
similarity index 100%
rename from zh-cn/react-lifecycles-compat.md
rename to zh-cn/js/react-lifecycles-compat.md
diff --git a/zh-cn/react-redux.md b/zh-cn/js/react-redux.md
similarity index 100%
rename from zh-cn/react-redux.md
rename to zh-cn/js/react-redux.md
diff --git a/zh-cn/react-router-dom.md b/zh-cn/js/react-router-dom.md
similarity index 100%
rename from zh-cn/react-router-dom.md
rename to zh-cn/js/react-router-dom.md
diff --git a/zh-cn/react-use.md b/zh-cn/js/react-use.md
similarity index 100%
rename from zh-cn/react-use.md
rename to zh-cn/js/react-use.md
diff --git a/zh-cn/redux-actions.md b/zh-cn/js/redux-actions.md
similarity index 100%
rename from zh-cn/redux-actions.md
rename to zh-cn/js/redux-actions.md
diff --git a/zh-cn/redux-logger.md b/zh-cn/js/redux-logger.md
similarity index 100%
rename from zh-cn/redux-logger.md
rename to zh-cn/js/redux-logger.md
diff --git a/zh-cn/redux-persist.md b/zh-cn/js/redux-persist.md
similarity index 100%
rename from zh-cn/redux-persist.md
rename to zh-cn/js/redux-persist.md
diff --git a/zh-cn/redux-thunk.md b/zh-cn/js/redux-thunk.md
similarity index 100%
rename from zh-cn/redux-thunk.md
rename to zh-cn/js/redux-thunk.md
diff --git a/zh-cn/redux-toolkit.md b/zh-cn/js/redux-toolkit.md
similarity index 98%
rename from zh-cn/redux-toolkit.md
rename to zh-cn/js/redux-toolkit.md
index f80a0bf8..48ed7a1d 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/js/redux-toolkit.md
@@ -16,9 +16,8 @@
 
 ## 安装与使用
 
-> [!TIP] 该库依赖react-redux，可参考[react-redux文档](./react-redux.md)安装
+> [!TIP] 该库依赖react-redux，可参考[react-redux文档](react-redux.md)安装
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[redux-toolkit Releases](https://github.com/reduxjs/redux-toolkit/releases)，并下载适用版本的 tgz 包。
 进入到工程目录并输入以下命令：
 
 <!-- tabs:start -->
diff --git a/zh-cn/redux.md b/zh-cn/js/redux.md
similarity index 100%
rename from zh-cn/redux.md
rename to zh-cn/js/redux.md
diff --git a/zh-cn/styled-components.md b/zh-cn/js/styled-components.md
similarity index 100%
rename from zh-cn/styled-components.md
rename to zh-cn/js/styled-components.md
diff --git a/zh-cn/styled-system.md b/zh-cn/js/styled-system.md
similarity index 100%
rename from zh-cn/styled-system.md
rename to zh-cn/js/styled-system.md

From f9bc9d395a5343c1b8d8729c0bbe2a8c3324a57c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=83=A1=E9=87=91=E4=BA=91?= <hujinyun4@h-partners.com>
Date: Mon, 23 Dec 2024 06:30:18 +0000
Subject: [PATCH 933/966] =?UTF-8?q?!1967=20docs:=20[#IBCYO6]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-maps-directions=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IBCYO6]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-maps-directions=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-maps-directions.md    | 8 +++-----
 zh-cn/react-native-maps-directions.md | 8 +++-----
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/en/react-native-maps-directions.md b/en/react-native-maps-directions.md
index 2d034b79..78436e64 100644
--- a/en/react-native-maps-directions.md
+++ b/en/react-native-maps-directions.md
@@ -19,22 +19,20 @@
 
 > [!TIP] This library depends on react-native-maps，Can be referred to [react-native-maps documentation](./react-native-maps.md) install
 
-Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases).
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-maps-directions@file:#
+npm install @react-native-oh-tpl/react-native-maps-directions
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-maps-directions@file:#
+yarn add @react-native-oh-tpl/react-native-maps-directions
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/zh-cn/react-native-maps-directions.md b/zh-cn/react-native-maps-directions.md
index a044090e..00de906b 100644
--- a/zh-cn/react-native-maps-directions.md
+++ b/zh-cn/react-native-maps-directions.md
@@ -19,22 +19,20 @@
 
 > [!TIP] 该库依赖react-native-maps，可参考[react-native-maps文档](./react-native-maps.md)安装
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-maps-directions Releases](https://github.com/react-native-oh-library/react-native-maps-directions/releases)，并下载适用版本的 tgz 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
-
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-maps-directions@file:#
+npm install @react-native-oh-tpl/react-native-maps-directions
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-maps-directions@file:#
+yarn add @react-native-oh-tpl/react-native-maps-directions
 ```
 
 下面的代码展示了这个库的基本使用场景：

From b747c47fdbf7b8d22778ddd1b0e5b3c2b429f0f4 Mon Sep 17 00:00:00 2001
From: Zhouwb <wenbin.zhou@aliyun.com>
Date: Tue, 24 Dec 2024 07:14:14 +0000
Subject: [PATCH 934/966] =?UTF-8?q?!1968=20docs:=20[#IBDBNJ]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9recyclerlistview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[#IBDBNJ]=20=E4=BF=AE=E6=94=B9recyclerlistview?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                          | 2 +-
 en/README_EN.md                                    | 2 +-
 en/{recyclerListView.md => recyclerlistview.md}    | 2 +-
 zh-cn/README.md                                    | 2 +-
 zh-cn/{recyclerListView.md => recyclerlistview.md} | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)
 rename en/{recyclerListView.md => recyclerlistview.md} (99%)
 rename zh-cn/{recyclerListView.md => recyclerlistview.md} (99%)

diff --git a/README.md b/README.md
index ab018bf1..426c0ee1 100644
--- a/README.md
+++ b/README.md
@@ -141,7 +141,7 @@
 | 109  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-subscribe.md)                              |
 | 110  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-secharts.md)                        |
 | 111  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modalbox.md)                        |
-| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
+| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerlistview.md)                             |
 | 113  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modal-popover.md)                   |
 | 114  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-md5.md)                             |
 | 115  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dynamic.md)                         |
diff --git a/en/README_EN.md b/en/README_EN.md
index 587c7333..8cbc96d0 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -141,7 +141,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 109  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-subscribe.md)                              |
 | 110  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-secharts.md)                        |
 | 111  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-modalbox.md)                        |
-| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/recyclerListView.md)                             |
+| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/recyclerlistview.md)                             |
 | 113  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-modal-popover.md)                   |
 | 114  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-md5.md)                             |
 | 115  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-dynamic.md)                         |
diff --git a/en/recyclerListView.md b/en/recyclerlistview.md
similarity index 99%
rename from en/recyclerListView.md
rename to en/recyclerlistview.md
index 9c507fda..b02833dc 100644
--- a/en/recyclerListView.md
+++ b/en/recyclerlistview.md
@@ -1,7 +1,7 @@
 > Template version: v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>RecyclerListView</code> </h1>
+  <h1 align="center"> <code>recyclerlistview</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/Flipkart/recyclerlistview">
diff --git a/zh-cn/README.md b/zh-cn/README.md
index f88b828d..7cfe3cb1 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -141,7 +141,7 @@
 | 109  | [react-subscribe](https://github.com/tdzl2003/react-subscribe)                                                                | 1.3.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-subscribe.md)                              |
 | 110  | [react-native-secharts](https://github.com/shifeng1993/react-native-secharts)                                                 | 1.7.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-secharts.md)                        |
 | 111  | [react-native-modalbox](https://github.com/maxs15/react-native-modalbox)                                                      | 2.0.2          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modalbox.md)                        |
-| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerListView.md)                             |
+| 112  | [recyclerlistview](https://github.com/Flipkart/recyclerlistview)                                                              | 4.2.0          | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/recyclerlistview.md)                             |
 | 113  | [react-native-modal-popover](https://github.com/doomsower/react-native-modal-popover)                                         | 2.1.3          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-modal-popover.md)                   |
 | 114  | [react-native-md5](https://github.com/kmend/react-native-md5)                                                                 | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-md5.md)                             |
 | 115  | [react-native-dynamic](https://github.com/codemotionapps/react-native-dynamic)                                                | 1.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-dynamic.md)                         |
diff --git a/zh-cn/recyclerListView.md b/zh-cn/recyclerlistview.md
similarity index 99%
rename from zh-cn/recyclerListView.md
rename to zh-cn/recyclerlistview.md
index 0d7eae91..7b8b87fb 100644
--- a/zh-cn/recyclerListView.md
+++ b/zh-cn/recyclerlistview.md
@@ -1,7 +1,7 @@
 > 模板版本：v0.2.2
 
 <p align="center">
-  <h1 align="center"> <code>RecyclerListView</code> </h1>
+  <h1 align="center"> <code>recyclerlistview</code> </h1>
 </p>
 <p align="center">
     <a href="https://github.com/Flipkart/recyclerlistview">

From dd553d2e8250eb20d634a5725b67e7f1e129fc4b Mon Sep 17 00:00:00 2001
From: leehom <9290617+leehom6666@user.noreply.gitee.com>
Date: Thu, 26 Dec 2024 02:06:32 +0000
Subject: [PATCH 935/966] =?UTF-8?q?!1966=20=E4=BF=AE=E6=94=B9react-native-?=
 =?UTF-8?q?progress=5Fview=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:?=
 =?UTF-8?q?=20[##IBCI8E]=20=E4=BF=AE=E6=94=B9react-native-progress=5Fview?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-community-progress-view.md    | 87 ++++++++++--------
 zh-cn/react-native-community-progress-view.md | 89 +++++++++++--------
 2 files changed, 105 insertions(+), 71 deletions(-)

diff --git a/en/react-native-community-progress-view.md b/en/react-native-community-progress-view.md
index 7a30e6f1..6d1e5454 100644
--- a/en/react-native-community-progress-view.md
+++ b/en/react-native-community-progress-view.md
@@ -1,22 +1,20 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/progress-view</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-progress-view/progress-view">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/progress-view)
+This project is based on [react-native-community/progress-view@1.4.2](https://github.com/react-native-progress-view/progress-view).
+
+This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-progress-view`, The version correspondence details are as follows:
+
+| Version                        | Package Name                             | Repository                                                   | Release                                                      |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view  | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) |
+| > 1.4.2                        | @react-native-ohos/progress-view | [Gitee](https://gitee.com/openharmony-sig/rntpc_progress-view) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases) |
 
-## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+## Installation and Usage
 
 Go to the project directory and execute the following instruction:
 
@@ -27,13 +25,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/progress-view
+npm install @react-native-ohos/progress-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/progress-view
+yarn add @react-native-ohos/progress-view
 ```
 
 <!-- tabs:end -->
@@ -56,24 +54,29 @@ export default function ProgressViewExample() {
 }
 ```
 
-## Link
+## 2. Manual Link
 
-Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking.
+This step provides guidance for manually configuring native dependencies.
 
 Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
-### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project
+### 2.1 Overrides RN SDK
+
+To ensure the project relies on the same version of the RN SDK, you need to add an `overrides` field in the project's root `oh-package.json5` file, specifying the RN SDK version to be used. The replacement version can be a specific version number, a semver range, or a locally available HAR package or source directory.
+
+For more information about the purpose of this field, please refer to the [official documentation](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#en-us_topic_0000001792256137_overrides).
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm version
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // a locally available HAR package
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // source code directory
   }
 }
 ```
 
-### 2. Introducing Native Code
+### 2.2 Introducing Native Code
 
 Currently, two methods are available:
 
@@ -86,7 +89,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/progress-view": "file:../../node_modules/@react-native-oh-tpl/progress-view/harmony/progress_view.har"
+    "@react-native-ohos/progress-view": "file:../../node_modules/@react-native-ohos/progress-view/harmony/progress_view.har"
   }
 ```
 
@@ -103,7 +106,7 @@ Method 2: Directly link to the source code.
 
 > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3. Configuring CMakeLists and Introducing ProgressViewPackage
+### 2.3 Configuring CMakeLists and Introducing ProgressViewPackage Package
 
 Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
@@ -118,7 +121,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/progress-view/src/main/cpp" ./progress-view)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/progress-view/src/main/cpp" ./progress-view)
 # RNOH_BEGIN: manual_package_linking_1
 
 add_library(rnoh_app SHARED
@@ -152,14 +155,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4. Introducing ProgressViewPackage Component to ArkTS
-
 Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
 ```diff
 ...
 import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-+ import { RNCProgressView, PROGRESS_VIEW_TYPE } from "@react-native-oh-tpl/progress-view"
++ import { RNCProgressView, PROGRESS_VIEW_TYPE } from "@react-native-ohos/progress-view"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
@@ -188,7 +189,23 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5. Running
+ > **[!TIP] Version 1.4.3 and above requires.**
+
+Open the `entry/src/main/ets/RNPackagesFactory.ts`，file and add the following code:
+
+```diff
+  ...
++ import { ProgressViewPackage } from "@react-native-ohos/progress-view/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ProgressViewPackage(ctx), 
+  ];
+}
+```
+
+### 2.4 Running
 
 Click the `sync` button in the upper right corner.
 
@@ -201,15 +218,15 @@ ohpm install
 
 Then build and run the code.
 
-## Constraints
+## 3. Constraints
 
-### Compatibility
+### 3.1 Compatibility
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)
+Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-progress-view Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases)
 
-## Properties
+## 4. Properties
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -225,12 +242,12 @@ Check the release version information in the release address of the third-party
 | `progressViewStyle`    | The progress bar style. Network images only work on Windows.  | enum('default', 'bar') | No       | All      | No               |
 | `isIndeterminate`    | Turns progress bar into an indeterminate progress bar.  | bool | No       | Windows      | Partially               |
 
-## Known Issues
+## 5. Known Issues
 
 - [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/5)
 
-## Others
+## 6. Others
 
-## License
+## 7. License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/progress-view/blob/harmony/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_progress-view/blob/master/LICENSE).
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index 009d304f..d674bfee 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -1,22 +1,20 @@
-> 模板版本：v0.2.2
+> 模板版本：v0.3.0
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/progress-view</code> </h1>
 </p>
-<p align="center">
-    <a href="https://github.com/react-native-progress-view/progress-view">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20macos%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
-    </a>
-    <a href="https://github.com/react-native-progress-view/progress-view/blob/master/LICENSE">
-        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
-    </a>
-</p>
 
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-view)
 
-## 安装与使用
+本项目基于 [react-native-community/progress-view@1.4.2](https://github.com/react-native-progress-view/progress-view) 开发。
+
+该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-progress-view`，具体版本所属关系如下：
+
+| Version                        | Package Name                             | Repository                                                   | Release                                                      |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view  | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) |
+| > 1.4.2                        | @react-native-ohos/progress-view | [Gitee](https://gitee.com/openharmony-sig/rntpc_progress-view) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases) |
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 安装与使用
 
 进入到工程目录并输入以下命令：
 
@@ -25,13 +23,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/progress-view
+npm install @react-native-ohos/progress-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/progress-view
+yarn add @react-native-ohos/progress-view
 ```
 
 <!-- tabs:end -->
@@ -54,24 +52,29 @@ export default function ProgressViewExample() {
 }
 ```
 
-## Link
+## 2. Manual Link
+
+此步骤为手动配置原生依赖项的指导。
+
+首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。
 
-目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+### 2.1 Overrides RN SDK
 
-首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony`
+为了让工程依赖同一个版本的 RN SDK，需要在工程根目录的 `harmony/oh-package.json5` 添加 overrides 字段，指向工程需要使用的 RN SDK 版本。替换的版本既可以是一个具体的版本号，也可以是一个模糊版本，还可以是本地存在的 HAR 包或源码目录。
 
-### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段
+关于该字段的作用请阅读[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-oh-package-json5-V5#zh-cn_topic_0000001792256137_overrides)
 
 ```json
 {
-  ...
   "overrides": {
-    "@rnoh/react-native-openharmony" : "./react_native_openharmony"
+    "@rnoh/react-native-openharmony": "^0.72.38" // ohpm 在线版本
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony.har" // 指向本地 har 包的路径
+    // "@rnoh/react-native-openharmony" : "./react_native_openharmony" // 指向源码路径
   }
 }
 ```
 
-### 2.引入原生端代码
+### 2.2 引入原生端代码
 
 目前有两种方法：
 
@@ -87,7 +90,7 @@ export default function ProgressViewExample() {
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/progress-view": "file:../../node_modules/@react-native-oh-tpl/progress-view/harmony/progress_view.har"
+    "@react-native-ohos/progress-view": "file:../../node_modules/@react-native-ohos/progress-view/harmony/progress_view.har"
   }
 ```
 
@@ -104,7 +107,7 @@ ohpm install
 
 > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md)
 
-### 3.配置 CMakeLists 和引入 ProgressViewPackage
+### 2.3 配置 CMakeLists 和引入 ProgressViewPackage
 
 打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
 
@@ -119,7 +122,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/progress-view/src/main/cpp" ./progress-view)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/progress-view/src/main/cpp" ./progress-view)
 # RNOH_BEGIN: manual_package_linking_1
 
 add_library(rnoh_app SHARED
@@ -153,14 +156,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4.在 ArkTs 侧引入 ProgressViewPackage 组件
-
 找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加：
 
 ```diff
 ...
 import { SampleView, SAMPLE_VIEW_TYPE, PropsDisplayer } from "rnoh-sample-package"
-+ import { RNCProgressView, PROGRESS_VIEW_TYPE } from "@react-native-oh-tpl/progress-view"
++ import { RNCProgressView, PROGRESS_VIEW_TYPE } from "@react-native-ohos/progress-view"
 
 @Builder
 export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
@@ -189,7 +190,23 @@ const arkTsComponentNames: Array<string> = [
   ];
 ```
 
-### 5.运行
+ > **[!TIP] 版本 1.4.3 及以上需要.**
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+
+```diff
+  ...
++ import { ProgressViewPackage } from "@react-native-ohos/progress-view/ts";
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+  return [
+    new SamplePackage(ctx),
++   new ProgressViewPackage(ctx), 
+  ];
+}
+```
+
+### 2.4 运行
 
 点击右上角的 `sync` 按钮
 
@@ -202,15 +219,15 @@ ohpm install
 
 然后编译、运行即可。
 
-## 约束与限制
+## 3. 约束与限制
 
-## 兼容性
+### 3.1 兼容性
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-progress-view Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases)
 
-## 属性
+## 4. 属性
 
 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
 
@@ -226,13 +243,13 @@ ohpm install
 | `progressViewStyle`    | The progress bar style. Network images only work on Windows.  | enum('default', 'bar') | No       | All      | No               |
 | `isIndeterminate`    | Turns progress bar into an indeterminate progress bar.  | bool | No       | Windows      | Partially               |
 
-## 遗留问题
+## 5. 遗留问题
 
 - [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/5)
 
-## 其他
+## 6. 其他
 
-## 开源协议
+## 7. 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/progress-view/blob/harmony/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_progress-view/blob/master/LICENSE) ，请自由地享受和参与开源。
 

From 6e548b079fbd8aa8492dbb4022438a50473ff89e Mon Sep 17 00:00:00 2001
From: lizhien <lizhien@h-partners.com>
Date: Thu, 26 Dec 2024 09:30:07 +0000
Subject: [PATCH 936/966] =?UTF-8?q?!1969=20docs:=20[Issues:=20#IBDXJO]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-autocomplete-input=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IBDXJO]?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-autocomplete-input=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-autocomplete-input.md    | 2 ++
 zh-cn/react-native-autocomplete-input.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/en/react-native-autocomplete-input.md b/en/react-native-autocomplete-input.md
index 3f0269e8..6336220c 100644
--- a/en/react-native-autocomplete-input.md
+++ b/en/react-native-autocomplete-input.md
@@ -188,6 +188,8 @@ RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400
 
 ## Known Issues
 
+- [ ] 源库5.5.2版本在 HarmonyOS NEXT 上打字时键盘会隐藏: [issue#1](https://github.com/byteburgers/react-native-autocomplete-input/issues/328)
+
 ## Others
 
 ## License
diff --git a/zh-cn/react-native-autocomplete-input.md b/zh-cn/react-native-autocomplete-input.md
index f9bef584..8142bfa5 100644
--- a/zh-cn/react-native-autocomplete-input.md
+++ b/zh-cn/react-native-autocomplete-input.md
@@ -177,6 +177,8 @@ export default App;
 
 ## 遗留问题
 
+- [ ] 源库5.5.2版本在 HarmonyOS NEXT 上打字时键盘会隐藏: [issue#1](https://github.com/byteburgers/react-native-autocomplete-input/issues/328)
+
 ## 其他
 
 ## 开源协议

From 75a994a46236200b13fa5da4c08f203d87ab977c Mon Sep 17 00:00:00 2001
From: panyinan <panyinan2@h-partners.com>
Date: Thu, 26 Dec 2024 09:30:28 +0000
Subject: [PATCH 937/966] =?UTF-8?q?!1970=20docs:=20[Issue:=20#IBDYOR]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-crypto=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IBDYOR]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-crypto=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-crypto.md    | 2 +-
 zh-cn/react-native-crypto.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-crypto.md b/en/react-native-crypto.md
index 29893413..90d6b64b 100644
--- a/en/react-native-crypto.md
+++ b/en/react-native-crypto.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-[!TIP]This repository depends on [@react-native-oh-tpl/react-native-randombytes](./zh-cn/react-native-randombytes)
+[!TIP]This repository depends on [@react-native-oh-tpl/react-native-randombytes](./react-native-randombytes.md)
 
 <!-- tabs:start -->
 
diff --git a/zh-cn/react-native-crypto.md b/zh-cn/react-native-crypto.md
index 613f20a7..6a3186bc 100644
--- a/zh-cn/react-native-crypto.md
+++ b/zh-cn/react-native-crypto.md
@@ -17,7 +17,7 @@
 
 ## 安装与使用
 
-[!TIP]本库依赖[@react-native-oh-tpl/react-native-randombytes](./zh-cn/react-native-randombytes)
+[!TIP]本库依赖[@react-native-oh-tpl/react-native-randombytes](./react-native-randombytes.md)
 
 <!-- tabs:start -->
 

From 4306cd3224c279088773bf11e75331005b5b19df Mon Sep 17 00:00:00 2001
From: sunshinezjb <zhengjunbo68@163.com>
Date: Thu, 26 Dec 2024 10:11:11 +0000
Subject: [PATCH 938/966] =?UTF-8?q?!1971=20docs:=20[issues:=20#IBDYPN]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-alipay,react-native-audio-toolki?=
 =?UTF-8?q?t=E7=AD=89=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20[i?=
 =?UTF-8?q?ssues:=20#IBDYPN]=E4=BF=AE=E6=94=B9react-native-alipay,react-na?=
 =?UTF-8?q?tive-audio-toolkits=E7=AD=89=E5=BA=93=E7=9A=84=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E7=BF=BB=E8=AF=91=20*=20docs:=20[issues:=20#IBDYPN]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-alipay,react-native-audio-toolki?=
 =?UTF-8?q?ts=E7=AD=89=E5=BA=93=E7=9A=84=E8=8B=B1=E6=96=87=E7=BF=BB?=
 =?UTF-8?q?=E8=AF=91=20*=20docs:=20[issues:=20#IBDYPN]=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-alipay,react-native-audio-toolkits=E7=AD=89=E5=BA=93?=
 =?UTF-8?q?=E7=9A=84=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-alipay.md         |  34 +++++-----
 en/react-native-audio-toolkit.md  | 102 +++++++++++++++---------------
 en/react-native-config.md         |  44 ++++++-------
 en/react-native-file-selector.md  |  77 +++++++++++-----------
 en/react-native-image-rotate.md   |   8 +--
 en/react-native-thumbnail.md      |  22 +++----
 en/react-native-user-agent.md     |  52 +++++++--------
 en/react-native-video-controls.md |  10 +--
 8 files changed, 174 insertions(+), 175 deletions(-)

diff --git a/en/react-native-alipay.md b/en/react-native-alipay.md
index 46870ffa..4dcddfe3 100644
--- a/en/react-native-alipay.md
+++ b/en/react-native-alipay.md
@@ -16,11 +16,11 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-alipay Releases](https://github.com/react-native-oh-library/react-native-alipay/releases).
 
 Go to the project directory and execute the following instruction:
 
-
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 #### **npm**
 
@@ -47,7 +47,7 @@ import { AFAuthServiceResponse, } from '@alipay/afservicesdk';
 
 function App(): React.JSX.Element {
     const urlStr: string = 'https://authweb.alipay.com/auth?auth_type=PURE_OAUTH_SDK&app_id=2016051801417322&scope=auth_user&state=init';
-    const bundleName: string = "com.example.harmony"; // 包名
+    const bundleName: string = "com.example.harmony"; // Bundle name
     const moduleName: string = "entry";
     const abilityName: string = "EntryAbility";
     
@@ -58,7 +58,7 @@ function App(): React.JSX.Element {
             </Text>
 
             <Button
-                title="支付宝支付"
+                title="Alipay"
                 color="#841584"
                 accessibilityLabel="Learn more about this purple button"
                 onPress={ 
@@ -72,13 +72,13 @@ function App(): React.JSX.Element {
             />
 
             <Button
-                title="登录验证"
+                title="Login verification"
                 color="#841584"
                 accessibilityLabel="Learn more about this purple button"
                 onPress={async () => {
                     Alipay.setAlipayScheme('scheme:demo');
                     await Alipay.authInfo(urlStr, true, bundleName, moduleName, abilityName, (response: AFAuthServiceResponse) => {
-                        //授权返回值
+                        // Return value of the authorization request
                         console.info('========= response=' + JSON.stringify(response));
                     });
                 }}
@@ -186,7 +186,7 @@ Open entry/oh-package.json5 file and add the following dependencies:
   }
 ```
 
-Add association，open `entry/src/main/module.json5`，add querySchemes
+Open the `entry/src/main/module.json5` file and add **querySchemes**.
 
 ```
 {
@@ -198,7 +198,7 @@ Add association，open `entry/src/main/module.json5`，add querySchemes
 }
 ```
 
-Callback handle,open `entry\src\main\ets\entryability\EntryAbility.ets`，add onNewWant callback result handling.
+Open the `entry\src\main\ets\entryability\EntryAbility.ets` file and add **onNewWant** callback result handling:
 
 ```diff
 + import { AbilityConstant, Want } from '@kit.AbilityKit';
@@ -232,19 +232,19 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-|  alipay  | alipay  | function  | no | Android/IOS | yes |
-|  authInfo  | login verify  | function  | no | Android/IOS | yes |
-|  setAlipayScheme  | scheme  | function  | no | IOS | yes |
-|  getVersion  | get sdk version  | function  | no | Android/IOS | no |
+| Name            | Description     | Type     | Required | Platform    | HarmonyOS Support |
+| --------------- | --------------- | -------- | -------- | ----------- | ----------------- |
+| alipay          | alipay          | function | no       | Android/IOS | yes               |
+| authInfo        | login verify    | function | no       | Android/IOS | yes               |
+| setAlipayScheme | scheme          | function | no       | IOS         | yes               |
+| getVersion      | get sdk version | function | no       | Android/IOS | no                |
 
 ## Known Issues
-- [ ]  get sdk version number，alipay harmony sdk unrealize[issue#3](https://github.com/react-native-oh-library/react-native-alipay/issues/3)
+- [ ] Alipay SDK for HarmonyOS currently does not support obtaining the SDK version number: [issue#3](https://github.com/react-native-oh-library/react-native-alipay/issues/3)
 
 ## Others
 
diff --git a/en/react-native-audio-toolkit.md b/en/react-native-audio-toolkit.md
index d2e5f7d5..8022068c 100644
--- a/en/react-native-audio-toolkit.md
+++ b/en/react-native-audio-toolkit.md
@@ -12,11 +12,11 @@
     </a>
 </p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-audio-toolkit)
+> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-audio-toolkit)
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/audio-toolkit Releases](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -42,9 +42,9 @@ The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
 
-> [!TIP] # demo used third party library [@react-native-oh-tpl/react-native-slider](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-slider.md)
+> [!TIP] # The demo uses third-party libraries: [@react-native-oh-tpl/react-native-slider](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-slider.md)
 
-> [!TIP] # demo used third party library permission [@react-native-oh-tpl/react-native-permissions](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-permissions.md)
+> [!TIP] # The demo uses third-party library permissions: [@react-native-oh-tpl/react-native-permissions](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-permissions.md)
 
 ```tsx
 import React, { Component } from "react";
@@ -428,7 +428,7 @@ const styles = StyleSheet.create({
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -492,7 +492,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 4. Running
 
@@ -517,7 +517,7 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-- 如果 source 使用网络 url 应用需要申请网络权限
+- If the source uses the network URL, the application needs to apply for the network permission.
 
   Open the `entry/src/main/module.json5` file and add the following code:
 
@@ -529,7 +529,7 @@ requestPermissions: [
 ],
 ```
 
-- 如果使用录音功能，需要申请录音权限
+- To use the recording function, you need to apply for the recording permission.
 
   Open the `entry/src/main/module.json5` file and add the following code:
 
@@ -550,69 +550,69 @@ requestPermissions: [
 
 ## Player
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
-| Name                        | Description                                                                                                                                                                                                                           | Type               | Default                     | Required | Platform         | HarmonyOS Support |
-| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | --------------------------- | -------- | ---------------- | ----------------- |
-| autoDestroy                 | Boolean to indicate whether the player should self-destruct after playback is finished. If this is not set, you are responsible for destroying the object by calling player.destroy().                                                | boolean            | True                        | No       | All              | Yes               |
-| continuesToPlayInBackground | (Android only) Should playback continue if app is sent to background?<br />iOS will always pause in this case.                                                                                                                        | boolean            | False                       | No       | Android          | Yes               |
-| category                    | (iOS only) Define the audio session category<br /> Options: Playback, Ambient and SoloAmbient<br />More info about categories can be found here:<br /> https://developer.apple.com/documentation/avfoundation/avaudiosession/category | PlaybackCategories | PlaybackCategories.Playback | No       | IOS              | No                |
-| mixWithOthers               | Boolean to determine whether other audio sources on the device will mix<br />with sounds being played back by this module. If this is not set, playback<br />of audio will stop other sources                                         | boolean            | False                       | No       | Android<br />IOS | No                |
-| looping                     | Get/set looping status of the current file. If true, file will loop when playback reaches end of file.                                                                                                                                | boolean            | False                       | No       | All              | Yes               |
-| volume                      | Get/set playback volume. The scale is from 0.0 (silence) to 1.0 (full volume).                                                                                                                                                        | Number             | 1.0                         | No       | All              | Yes               |
-| speed                       | Get/set the playback speed for audio. NOTE: On Android, this is only supported on Android 6.0+.                                                                                                                                       | Number             | 1.0                         | No       | All              | Yes               |
+| Name                        | Description                                                  | Type               | Default                     | Required | Platform         | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | ------------------ | --------------------------- | -------- | ---------------- | ----------------- |
+| autoDestroy                 | Boolean to indicate whether the player should self-destruct after playback is finished. If this is not set, you are responsible for destroying the object by calling player.destroy(). | boolean            | True                        | No       | All              | Yes               |
+| continuesToPlayInBackground | (Android only) Should playback continue if app is sent to background?<br>iOS will always pause in this case. | boolean            | False                       | No       | Android          | Yes               |
+| category                    | (iOS only) Define the audio session category<br> Options: Playback, Ambient and SoloAmbient<br>More info about categories can be found here:<br> https://developer.apple.com/documentation/avfoundation/avaudiosession/category | PlaybackCategories | PlaybackCategories.Playback | No       | iOS             | No                |
+| mixWithOthers               | Boolean to determine whether other audio sources on the device will mix<br>with sounds being played back by this module. If this is not set, playback<br>of audio will stop other sources | boolean            | False                       | No       | Android<br>iOS| No                |
+| looping                     | Get/set looping status of the current file. If true, file will loop when playback reaches end of file. | boolean            | False                       | No       | All              | Yes               |
+| volume                      | Get/set playback volume. The scale is from 0.0 (silence) to 1.0 (full volume). | Number             | 1.0                         | No       | All              | Yes               |
+| speed                       | Get/set the playback speed for audio. NOTE: On Android, this is only supported on Android 6.0+. | Number             | 1.0                         | No       | All              | Yes               |
 
 ### Static Methods
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name      | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Type     | Required | Platform | HarmonyOS Support |
-| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
-| prepare   | Prepare playback of the file provided during initialization. This method is optional to call but might be useful to preload the file so that the file starts playing immediately when calling play(). Otherwise the file is prepared when calling play() which may result in a small delay.<br />Callback is called with empty first parameter when file is ready for playback with `play()`. If there was an error, the callback is called with an error object as first parameter. See Callbacks for more information. | function | No       | All      | Yes               |
-| play      | Start playback.<br />If callback is given, it is called when playback has started.                                                                                                                                                                                                                                                                                                                                                                                                                                       | function | No       | All      | Yes               |
-| pause     | Pauses playback. Playback can be resumed by calling `play()` with no parameters.<br />Callback is called after the operation has finished.                                                                                                                                                                                                                                                                                                                                                                               | function | No       | All      | Yes               |
-| playPause | Helper method for toggling pause.<br />Callback is called after the operation has finished. Callback receives `Object error` as first argument, `Boolean paused` as second argument indicating if the player ended up playing (false) or paused (true).                                                                                                                                                                                                                                                                  | function | No       | All      | Yes               |
-| stop      | Stop playback.<br /> If `autoDestroy` option was set during initialization, clears all media resources from memory. In this case the player should no longer be used.                                                                                                                                                                                                                                                                                                                                                    | function | No       | All      | Yes               |
-| destroy   | Stops playback and destroys the player. The player should no longer be used.<br />Callback is called after the operation has finished.                                                                                                                                                                                                                                                                                                                                                                                   | function | No       | All      | Yes               |
-| seek      | Seek in currently playing media. `position` is the offset from the start.<br />If callback is given, it is called when the seek operation completes. If another seek operation is performed before the previous has finished, the previous operation gets an error in its callback with the `err` field set to `oldcallback`. The previous operation should likely do nothing in this case.                                                                                                                              | function | No       | All      | Yes               |
+| Name      | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| prepare   | Prepare playback of the file provided during initialization. This method is optional to call but might be useful to preload the file so that the file starts playing immediately when calling play(). Otherwise the file is prepared when calling play() which may result in a small delay.<br>Callback is called with empty first parameter when file is ready for playback with `play()`. If there was an error, the callback is called with an error object as first parameter. See Callbacks for more information. | function | No       | All      | Yes               |
+| play      | Start playback.<br>If callback is given, it is called when playback has started. | function | No       | All      | Yes               |
+| pause     | Pauses playback. Playback can be resumed by calling `play()` with no parameters.<br>Callback is called after the operation has finished. | function | No       | All      | Yes               |
+| playPause | Helper method for toggling pause.<br>Callback is called after the operation has finished. Callback receives `Object error` as first argument, `Boolean paused` as second argument indicating if the player ended up playing (false) or paused (true). | function | No       | All      | Yes               |
+| stop      | Stop playback.<br> If `autoDestroy` option was set during initialization, clears all media resources from memory. In this case the player should no longer be used. | function | No       | All      | Yes               |
+| destroy   | Stops playback and destroys the player. The player should no longer be used.<br>Callback is called after the operation has finished. | function | No       | All      | Yes               |
+| seek      | Seek in currently playing media. `position` is the offset from the start.<br>If callback is given, it is called when the seek operation completes. If another seek operation is performed before the previous has finished, the previous operation gets an error in its callback with the `err` field set to `oldcallback`. The previous operation should likely do nothing in this case. | function | No       | All      | Yes               |
 
 ## Recorder
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 ### Properties
 
-| Name       | Description                                                                                                                      | Type   | Default                     | Required | Platform | HarmonyOS Support |
-| ---------- | -------------------------------------------------------------------------------------------------------------------------------- | ------ | --------------------------- | -------- | -------- | ----------------- |
-| bitrate    | Set bitrate for the recorder, in bits per second                                                                                 | Number | 128000                      | No       | All      | Yes               |
-| channels   | Set number of channels                                                                                                           | Number | 2                           | No       | All      | Yes               |
-| sampleRate | Set how many samples per second                                                                                                  | Number | 48000                       | No       | All      | Yes               |
-| format     | Override format. Possible values:<br /> Cross-platform: 'mp4'<br />Android only: 'ogg', 'webm', 'amr'<br />HarmonyOS only: 'm4a' | String | based on filename extension | No       | All      | Yes               |
-| encoder    | Override encoder. Android only.<br />Possible values:<br />'aac', 'mp4', 'webm', 'ogg', 'amr'<br />HarmonyOS only: 'aac'         | String | based on filename extension | No       | Android  | partially         |
-| quality    | Quality of the recording, iOS only.<br />Possible values: 'min', 'low', 'medium', 'high', 'max'                                  | String | medium                      | No       | IOS      | No                |
+| Name       | Description                                                  | Type   | Default                     | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | ------ | --------------------------- | -------- | -------- | ----------------- |
+| bitrate    | Set bitrate for the recorder, in bits per second             | Number | 128000                      | No       | All      | Yes               |
+| channels   | Set number of channels                                       | Number | 2                           | No       | All      | Yes               |
+| sampleRate | Set how many samples per second                              | Number | 48000                       | No       | All      | Yes               |
+| format     | Override format. Possible values:<br> Cross-platform: 'mp4'<br>Android only: 'ogg', 'webm', 'amr'<br>HarmonyOS only: 'm4a' | String | based on filename extension | No       | All      | Yes               |
+| encoder    | Override encoder. Android only.<br>Possible values:<br>'aac', 'mp4', 'webm', 'ogg', 'amr'<br>HarmonyOS only: 'aac' | String | based on filename extension | No       | Android  | partially         |
+| quality    | Quality of the recording, iOS only.<br>Possible values: 'min', 'low', 'medium', 'high', 'max' | String | medium                      | No       | iOS     | No                |
 
 ### Static Methods
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name    | Description                                                                                                                                                                                                                                                                                                                                                       | Type     | Required | Platform | HarmonyOS Support |
-| ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| Name    | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
 | prepare | Prepare recording to the file provided during initialization. This method is optional to call but it may be beneficial to call to make sure that recording begins immediately after calling record(). Otherwise the recording is prepared when calling record() which may result in a small delay. NOTE: Assume that this wipes the destination file immediately. | function | No       | All      | Yes               |
-| record  | Start recording to file in `path`. Callback is called after recording has started or with error object if an error occurred.                                                                                                                                                                                                                                      | function | No       | All      | Yes               |
-| stop    | Stop recording and save the file. Callback is called after recording has stopped or with error object. The recorder is destroyed after calling stop and should no longer be used.                                                                                                                                                                                 | function | No       | All      | Yes               |
-| destroy | Destroy the recorder. Should only be used if a recorder was constructed, and for some reason is now unwanted.<br />Callback is called after the operation has finished.                                                                                                                                                                                           | function | No       | All      | Yes               |
+| record  | Start recording to file in `path`. Callback is called after recording has started or with error object if an error occurred. | function | No       | All      | Yes               |
+| stop    | Stop recording and save the file. Callback is called after recording has stopped or with error object. The recorder is destroyed after calling stop and should no longer be used. | function | No       | All      | Yes               |
+| destroy | Destroy the recorder. Should only be used if a recorder was constructed, and for some reason is now unwanted.<br>Callback is called after the operation has finished. | function | No       | All      | Yes               |
 
-## 状态 state - Number (read only)
+## State - Number (read only)
 
 ```json
 var MediaStates = {
@@ -630,13 +630,13 @@ var MediaStates = {
 
 ## Known Issues
 
-- [ ] Recorder 的 encoder 属性问题: 目前仅支持 aac,待后续底层能力开放增加其他格式。[issue#15](https://github.com/react-native-oh-library/react-native-audio-toolkit/issues/15)
+- [ ] The encoder property of the recorder now only supports the AAC format. Other formats will be supported after the underlying capability opens.[issue#15](https://github.com/react-native-oh-library/react-native-audio-toolkit/issues/15)
 
 ## Others
 
-- Player 的 category、mixWithOthers 属性 HarmonyOS 不支持
+- HarmonyOS does not support the **category** and **mixWithOthers** properties of the player.
 
-- Recorder 的 quality 属性 HarmonyOS 不支持
+- HarmonyOS does not support the **quality** property of the recorder.
 
 ## License
 
diff --git a/en/react-native-config.md b/en/react-native-config.md
index 83a13a32..f953f15d 100644
--- a/en/react-native-config.md
+++ b/en/react-native-config.md
@@ -16,14 +16,14 @@
 
 ## Basic Usage
 
-在 React Native 应用程序的根目录中创建一个新`.env`文件
+Create an `.env` file in the root directory of the React Native application.
 
 ```bash
 API_URL=https://myapi.com
 GOOGLE_MAPS_API_KEY=abcdefgh
 ```
 
-然后从您的应用程序访问那里定义的变量:
+Access the variables defined in the file from your application.
 
 ```bash
 import Config from "react-native-config";
@@ -32,11 +32,11 @@ Config.API_URL; // 'https://myapi.com/'
 Config.GOOGLE_MAPS_API_KEY; // 'abcdefgh'
 ```
 
-请记住，此模块不会混淆或加密机密以进行打包，因此请勿将敏感密钥存储在`.env`中[基本上不可能阻止用户对移动应用程序机密进行逆向工程](https://rammic.github.io/2015/07/28/hiding-secrets-in-android-apps/)，因此请在设计应用程序（和 API）时牢记这一点。
+Note that this module does not obfuscate or encrypt secrets for packaging, so do not store sensitive keys in the `.env` file because it is basically impossible to [prevent users from reverse engineering of mobile application secrets](https://rammic.github.io/2015/07/28/hiding-secrets-in-android-apps/). Keep this in mind when designing applications (and APIs).
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -112,17 +112,17 @@ Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 
 ### 2. Introducing Native Code
 
-该库仅支持源码形式引入
+This library can be imported only in the form of source code.
 
-#### 直接链接源码情况说明
+#### Description of Direct Linking to Source Code
 
-目前 DevEco Studio 不支持通过源码引入外部 module，请按照以下步骤操作，将源码通过操作改成 harmony 工程的内部模块。
+Currently, DevEco Studio does not support the introduction of external modules through source code. Perform the following steps to change the source code to an internal module of the **harmony** project.
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The source code is stored in the **harmony** directory in the installation path of the third-party library.
 
-把`<RN工程>/node_modules/@react-native-oh-tpl/react-native-config/harmony/`目录下的源码`<config>`复制到`harmony`工程根目录下
+Copy the source code `<config>` in the `<RN project>/node_modules/@react-native-oh-tpl/react-native-config/harmony/` directory to the root directory of the `harmony` project.
 
-在`harmony`工程根目录的 `build-profile.template.json5`（若存在）和`build-profile.json5` 添加以下模块
+In the root directory of the `harmony` project, add the following modules to `build-profile.template.json5` (if any) and `build-profile.json5`:
 
 ```json
 modules:[
@@ -182,34 +182,34 @@ ohpm install
 
 Then build and run the code.
 
-### 多环境
+### Multi-environment Configuration
 
-将不同环境的配置保存在不同的文件中: `.env.staging`，`.env.production`等等。
-默认情况下，`react-native-config `将从`.env`中读取。最简单的方法是用环境变量告诉它读取什么文件，以命令行中使用 IDE 下的`hvigor.js`的方式（不推荐）。
+Save the configurations of different environments in different files, such as `.env.staging` and `.env.production`.
+By default, `react-native-config` is read from the `.env` file. The simplest way is to use an environment variable to specify the file to be read. It is not recommended to use `hvigor.js` in DevEco Studio to obtain the file.
 
-例如在`CMD`窗口下
+Example:
 
-首先从 RN 工程根目录 `cd harmony` 进入 harmony 目录
+Run the `cd harmony` command in the `CMD` window to enter the **harmony** directory from the the RN project root directory.
 
-然后先停止守护进程:
+Stop all daemons.
 
 ```bash
 "D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio\tools\hvigor\bin\hvigorw.js" --stop-daemon-all
 ```
 
-\*注意，命令中`node.exe`与`hvigor.js`路径为`DevEco Studio`安装目录下的`tools`目录下，需根据实际情况更改。
+\*Note that the paths of `node.exe` and `hvigor.js` in the command are in the `tools` directory under the DevEco Studio installation directory. You can change them as required.
 
-然后设置环境变量`ENVFILE`为想要指定的配置文件名（注意: 文件名后不要加空格），并用`hvigor.js`构建工程，例如:
+Set the environment variable `ENVFILE` to the name of the configuration file to be specified (do not add spaces after the file name), and use `hvigor.js` to build a project. For example:
 
 ```bash
 set ENVFILE=.env.staging&&"D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio\tools\hvigor\bin\hvigorw.js"  --mode module -p module=entry@default -p product=default -p requiredDeviceType=phone assembleHap --analyze=normal --parallel --increm
 ```
 
-之后可打开`DevEco Studio`构建运行，但此时为保证所设环境变量与工程构建在同一进程，不可在`DevEco Studio`的终端中以 hvigor 命令构建工程。
+Then, open `DevEco Studio` to build and run the project. To ensure that the configured environment variables and the project are built in the same process, do not run the **hvigor** command in `DevEco Studio` to build the project.
 
-#### 建立映射
+#### Creating a Mapping
 
-或者，您可以定义一个映射来将构建与环境文件关联起来，可以在`harmony`工程根目录的`build-profile.json5`中的`products`中的`buildOption`节点下的`arkOptions`子节点中通过增加`buildProfileFields`字段配置映射，字段中以键值对的方式配置，其中 key 值为小写的工程构建类型，value 为该构建类型下所要读取的文件名
+Alternatively, you can add the **buildProfileFields** field in `harmony` > `build-profile.json5` > `products` > `buildOption` > `arkOptions` to define a mapping to associate the build with the environment file. The field is configured in key-value pairs, where **key** indicates the project build type in lowercase and **value** indicates the name of the file to be read under the build type.
 
 ```json
 "products": [
@@ -246,7 +246,7 @@ Check the release version information in the release address of the third-party
 
 | Name   | Description                                   | Type   | Required | Platform    | HarmonyOS Support |
 | ------ | --------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| Config | 类中属性名及其值对应.env 文件中所定义的键值对 | Object | no       | Android/iOS | yes               |
+| Config | The property name and value in the class correspond to the key-value pair defined in the **.env** file.| Object | no       | Android/iOS | yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-file-selector.md b/en/react-native-file-selector.md
index 493854b8..3c5f7128 100644
--- a/en/react-native-file-selector.md
+++ b/en/react-native-file-selector.md
@@ -1,5 +1,4 @@
-
-> Template version：v0.2.2
+> Template version: v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-file-selector</code> </h1>
@@ -17,11 +16,11 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-file-selector Releases](https://github.com/react-native-oh-library/react-native-file-selector/releases).
 
 Go to the project directory and execute the following instruction:
 
-
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 
 #### **npm**
@@ -80,7 +79,7 @@ Open the harmony directory of the HarmonyOS project in DevEco Studio.
 
 Currently, two methods are available:
 
-1. Use the HAR file.（recommended）；
+1. (Recommended) Use the HAR file.
 2. Directly link to the source code.
 
 Method 1 (recommended): Use the HAR file.
@@ -152,26 +151,26 @@ Check the release version information in the release address of the third-party
 
  FileSelector
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| :--- | ----------- | ---- | -------- | -------- | ------------------ |
-| filter | Filter to sort the files | string | no | All | yes |
-| path | Path of directory | string | no | All | yes |
-| onDone | Function called when file is selected | func | no | All | yes |
-| onCancel | Function called when file selector is closed without selecting any file | func | no | All | yes |
-| title | Title on the toolbar | string | no | Android iOS | no |
-| closeMenu | Color of tint | string | no | Android iOS | no |
-| hiddenFiles | If true it shows hidden files as well | bool | no | Android | no |
-| filterDirectories | Filter should be applied on directories or not | bool | no | Android | no |
+| Name              | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| :---------------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| filter            | Filter to sort the files                                     | string | no       | All         | yes               |
+| path              | Path of directory                                            | string | no       | All         | yes               |
+| onDone            | Function called when file is selected                        | func   | no       | All         | yes               |
+| onCancel          | Function called when file selector is closed without selecting any file | func   | no       | All         | yes               |
+| title             | Title on the toolbar                                         | string | no       | Android iOS | no                |
+| closeMenu         | Color of tint                                                | string | no       | Android iOS | no                |
+| hiddenFiles       | If true it shows hidden files as well                        | bool   | no       | Android     | no                |
+| filterDirectories | Filter should be applied on directories or not               | bool   | no       | Android     | no                |
 
 ## API
 
-> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| Show | present a fileselector  | function  | no | All      | yes |
+| Name | Description            | Type     | Required | Platform | HarmonyOS Support |
+| ---- | ---------------------- | -------- | -------- | -------- | ----------------- |
+| Show | present a fileselector | function | no       | All      | yes               |
 
  Show
 
@@ -179,32 +178,32 @@ Check the release version information in the release address of the third-party
 Show(filter?: string, path?: string, onDone?: func, onCancel?: func, title?: string, closeMenu?: string, hiddenFiles?: bool, filterDirectories?: bool);
 ```
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| :--- | ----------- | ---- | -------- | -------- | ------------------ |
-| filter | Filter to sort the files | string | no | All | yes |
-| path | Path of directory | string | no | All | yes |
-| onDone | Function called when file is selected | func | no | All | yes |
-| onCancel | Function called when file selector is closed without selecting any file | func | no | All | yes |
-| title | Title on the toolbar | string | no | Android iOS | no |
-| closeMenu | Color of tint | string | no | Android iOS | no |
-| hiddenFiles | If true it shows hidden files as well | bool | no | Android | no |
-| filterDirectories | Filter should be applied on directories or not | bool | no | Android | no |
+| Name              | Description                                                  | Type   | Required | Platform    | HarmonyOS Support |
+| :---------------- | ------------------------------------------------------------ | ------ | -------- | ----------- | ----------------- |
+| filter            | Filter to sort the files                                     | string | no       | All         | yes               |
+| path              | Path of directory                                            | string | no       | All         | yes               |
+| onDone            | Function called when file is selected                        | func   | no       | All         | yes               |
+| onCancel          | Function called when file selector is closed without selecting any file | func   | no       | All         | yes               |
+| title             | Title on the toolbar                                         | string | no       | Android iOS | no                |
+| closeMenu         | Color of tint                                                | string | no       | Android iOS | no                |
+| hiddenFiles       | If true it shows hidden files as well                        | bool   | no       | Android     | no                |
+| filterDirectories | Filter should be applied on directories or not               | bool   | no       | Android     | no                |
 
 ## Known Issues
 
 
-- [ ] FileSelector title：harmony issue: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
-- [ ] FileSelector closeMenu：harmony issue: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
-- [ ] FileSelector hiddenFiles：harmony issue: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
-- [ ] FileSelector filterDirectories：harmony issue: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
+- [ ] FileSelector title: Harmony issue: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
+- [ ] FileSelector closeMenu: Harmony issue: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
+- [ ] FileSelector hiddenFiles: Harmony issue: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
+- [ ] FileSelector filterDirectories: Harmony issue: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
 
-- [ ] Show title：harmony issue: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
-- [ ] Show closeMenu：harmony issue: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
-- [ ] Show hiddenFiles：harmony issue: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
-- [ ] Show filterDirectories：harmony issue: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
+- [ ] Show title: Harmony issue: [issue#4](https://github.com/react-native-oh-library/react-native-file-selector/issues/4)
+- [ ] Show closeMenu: Harmony issue: [issue#5](https://github.com/react-native-oh-library/react-native-file-selector/issues/5)
+- [ ] Show hiddenFiles: Harmony issue: [issue#6](https://github.com/react-native-oh-library/react-native-file-selector/issues/6)
+- [ ] Show filterDirectories: Harmony issue: [issue#7](https://github.com/react-native-oh-library/react-native-file-selector/issues/7)
 
 ## Others
 
 ## License
 
-This project is licensed under [Apache License 2.0](https://github.com/prscX/react-native-file-selector/blob/master/LICENSE).
\ No newline at end of file
+This project is licensed under [Apache License 2.0](https://github.com/prscX/react-native-file-selector/blob/master/LICENSE).
diff --git a/en/react-native-image-rotate.md b/en/react-native-image-rotate.md
index 9eb969db..2da9b383 100644
--- a/en/react-native-image-rotate.md
+++ b/en/react-native-image-rotate.md
@@ -160,7 +160,7 @@ Open the harmony directory of the HarmonyOS project in DevEco Studio.
 
 Currently, two methods are available:
 
-1. Use the HAR file；
+1. Use the HAR file.
 2. Directly link to the source code.
 
 Method 1 (recommended): Use the HAR file.
@@ -233,9 +233,9 @@ Check the release version information in the release address of the third-party
 
 > [!TIP]If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-Name | Description | Type | Required | Platform | HarmonyOS   Support
--- | -- | -- | -- | -- | --
-rotateImage | rotate picture | Function | no | iOS/Android | yes
+| Name        | Description    | Type     | Required | Platform    | HarmonyOS   Support |
+| ----------- | -------------- | -------- | -------- | ----------- | ------------------- |
+| rotateImage | rotate picture | Function | no       | iOS/Android | yes                 |
 
 ## Known Issues
 
diff --git a/en/react-native-thumbnail.md b/en/react-native-thumbnail.md
index 64ab7d40..900882c7 100644
--- a/en/react-native-thumbnail.md
+++ b/en/react-native-thumbnail.md
@@ -15,11 +15,11 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-thumbnail Releases](https://github.com/react-native-oh-library/react-native-thumbnail/releases).
 
 Go to the project directory and execute the following instruction:
 
-
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -39,8 +39,8 @@ yarn add @react-native-oh-tpl/react-native-thumbnail
 
 The following code shows the basic use scenario of the repository:
 
-> [!WARNING] The name of the imported repository remains unchanged.<br/>
-> [!TIP] the example depend on react-native-image-picker library，see [@react-native-oh-tpl/react-native-image-picker document](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-image-picker.md) to introduce.
+> [!WARNING] The name of the imported repository remains unchanged.<br>
+> [!TIP] The example depends on the react-native-image-picker library, see the [@react-native-oh-tpl/react-native-image-picker document](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-image-picker.md) for introducing.
 ```js
 import React from 'react';
 import { StyleSheet, Text, View, TouchableOpacity, Image } from 'react-native';
@@ -70,7 +70,7 @@ export default function ThumbnailExample() {
             } else if (result.errorCode === 'others') {
                 console.log(`Other error: ${result.errorMessage}`);
             } else {
-                // 检查是否成功获取到视频
+                // Check whether the video is successfully obtained.
                 if (result && result.assets && result.assets.length > 0) {
                     const asset = result.assets[0];
                     if (asset.type.includes('mp4')) {
@@ -93,7 +93,7 @@ export default function ThumbnailExample() {
     const openGallery = async () => {
         try {
             const options = {
-                mediaType: 'video', // 修改为只选择视频
+                mediaType: 'video', // Modify mediaType to video.
                 selectionLimit: 1,
                 includeExtra: false,
             };
@@ -246,13 +246,13 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| get  | Generates a thumbnail for a video file. | function | no | All | yes |
+| Name | Description                             | Type     | Required | Platform | HarmonyOS Support |
+| ---- | --------------------------------------- | -------- | -------- | -------- | ----------------- |
+| get  | Generates a thumbnail for a video file. | function | no       | All      | yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-user-agent.md b/en/react-native-user-agent.md
index 2e5f4810..9e378309 100644
--- a/en/react-native-user-agent.md
+++ b/en/react-native-user-agent.md
@@ -18,11 +18,11 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-user-agent Releases](https://github.com/react-native-oh-library/react-native-user-agent/releases).
 
 Go to the project directory and execute the following instruction:
 
-
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
@@ -49,13 +49,13 @@ import React, { useState, useEffect } from 'react';
 import { View, Text } from 'react-native';
 import UserAgent from 'react-native-user-agent';
 
-// sync method：
+// sync method:
 let userAgent: string = UserAgent.getUserAgent();
 
 export default function UserAgentExample() {
   const [webViewUserAgent, setWebViewUserAgent] = useState<string | null>(null);
   useEffect(() => {
-    // async method：
+    // async method:
     UserAgent.getWebViewUserAgent()
       .then(webViewUserAgent => {
         setWebViewUserAgent(webViewUserAgent);
@@ -73,7 +73,7 @@ export default function UserAgentExample() {
       <Text>Async method</Text>
       <Text>{webViewUserAgent}</Text>
 
-      <Text>Property：</Text>
+      <Text>Property: </Text>
       <Text>systemName: {UserAgent.systemName}</Text>
       <Text>systemVersion: {UserAgent.systemVersion}</Text>
       <Text>applicationName: {UserAgent.applicationName}</Text>
@@ -178,39 +178,39 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| systemName  | System Name | string  | no | All | yes |
-| systemVersion  | System Version | string  | no | All | yes |
-| applicationName  | Application Name | string  | no | All | yes |
-| applicationVersion  | Application Version | string  | no | All | yes |
-| buildNumber  | Build Number | string  | no | All | yes |
-| darwinVersion  | Darwin Version | string  | no | iOS | no |
-| cfnetworkVersion  | Cfnetwork Version | string  | no | iOS | no |
-| modelName  | Model Name | string  | no | iOS | no |
-| deviceName  | Device Name | string  | no | iOS | no |
+| Name               | Description         | Type   | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------- | ------ | -------- | -------- | ----------------- |
+| systemName         | System Name         | string | no       | All      | yes               |
+| systemVersion      | System Version      | string | no       | All      | yes               |
+| applicationName    | Application Name    | string | no       | All      | yes               |
+| applicationVersion | Application Version | string | no       | All      | yes               |
+| buildNumber        | Build Number        | string | no       | All      | yes               |
+| darwinVersion      | Darwin Version      | string | no       | iOS      | no                |
+| cfnetworkVersion   | Cfnetwork Version   | string | no       | iOS      | no                |
+| modelName          | Model Name          | string | no       | iOS      | no                |
+| deviceName         | Device Name         | string | no       | iOS      | no                |
 
 ## API
 
-> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| getUserAgent | Get user agent synchronously | string | no | All | yes |
-| getWebViewUserAgent | Get user agent asynchronously  | Promise | no | All | yes |
+| Name                | Description                   | Type    | Required | Platform | HarmonyOS Support |
+| ------------------- | ----------------------------- | ------- | -------- | -------- | ----------------- |
+| getUserAgent        | Get user agent synchronously  | string  | no       | All      | yes               |
+| getWebViewUserAgent | Get user agent asynchronously | Promise | no       | All      | yes               |
 
 ## Known Issues
 
 ## Others
 
-Depending on HarmonyOS NEXT Developer Beta3 version default UserAgent definition，word ArkWeb VersionCode (ArkWeb version number) has no receive method currently，waiting for completion afterwards.
+Depending on HarmonyOS NEXT Developer Beta3 version default UserAgent definition, word ArkWeb VersionCode (ArkWeb version number) has no receive method currently, waiting for completion afterwards.
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/bebnev/react-native-user-agent/blob/master/LICENSE).
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/bebnev/react-native-user-agent/blob/master/LICENSE).
diff --git a/en/react-native-video-controls.md b/en/react-native-video-controls.md
index b743a8d9..e04fdc6c 100644
--- a/en/react-native-video-controls.md
+++ b/en/react-native-video-controls.md
@@ -96,7 +96,7 @@ export default App;
 
 The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-video. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. If it is not included, follow the guide provided in @react-native-oh-tpl/react-native-video to add it to your project.
 
-If not introduce the library, please refer to [@react-native-oh-tpl/react-native-video document](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-video.md#link) and [lodash document](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/lodash.md) for introducing。After finished installation, please use command `npm list react-native-video` and `npm list lodash` in terminal, and check if the component video version and lodash tool version are correct.
+If the library has not been included, please refer to [@react-native-oh-tpl/react-native-video](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-video.md#link) and [lodash](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/lodash.md) for introducing.After finished installation, please use command `npm list react-native-video` and `npm list lodash` in terminal, and check if the component video version and lodash tool version are correct.
 
 ## Constraints
 
@@ -108,11 +108,11 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP]  If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip]  If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] While Name column property navigator is in usage, please refer to this document's others.
+> [!tip] While Name column property navigator is in usage, please refer to this document's others.
 
 | Name                         | Description                                                  |     Type     | Required |  Platform   | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------ | :----------: | :------: | :---------: | :---------------: |
@@ -151,4 +151,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/itsnubix/react-native-video-controls/blob/master/LICENSE).
\ No newline at end of file
+This project is licensed under [The MIT License (MIT)](https://github.com/itsnubix/react-native-video-controls/blob/master/LICENSE).

From 5620e2d31fb88c11824b82ace1222b40e6eb3eda Mon Sep 17 00:00:00 2001
From: sunshinezjb <zhengjunbo68@163.com>
Date: Fri, 27 Dec 2024 01:12:09 +0000
Subject: [PATCH 939/966] =?UTF-8?q?!1974=20docs:=20[issues:=20#IBE0JT]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-config=E7=9A=84codegen=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E8=B7=B3=E8=BD=AC=E5=9C=B0=E5=9D=80=20*=20docs:=20[is?=
 =?UTF-8?q?sues:=20#IBE0JT]=E4=BF=AE=E6=94=B9react-native-config=E7=9A=84c?=
 =?UTF-8?q?odegen=E8=8B=B1=E6=96=87=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-config.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/en/react-native-config.md b/en/react-native-config.md
index f953f15d..cc5260b1 100644
--- a/en/react-native-config.md
+++ b/en/react-native-config.md
@@ -91,7 +91,7 @@ const styles = StyleSheet.create({
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 

From 07a318b94c114fbe9fbbccae2e1f3192dabe8c78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <linzhipeng10@h-partners.com>
Date: Fri, 27 Dec 2024 07:23:27 +0000
Subject: [PATCH 940/966] =?UTF-8?q?!1972=20docs:=20[#IBE02M]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20react-native-cameraroll=20=E5=92=8C=20react-native-?=
 =?UTF-8?q?idfa-aaid=20=E6=8F=8F=E8=BF=B0=20*=20docs:=20[#IBE02M]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20react-native-cameraroll=20=E5=92=8C=20reac?=
 =?UTF-8?q?t-native-idfa-aaid=20=E6=8F=8F=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-cameraroll(nocodegen) .md    | 16 ++++++++--------
 en/react-native-cameraroll.md                | 16 ++++++++--------
 en/react-native-idfa-aaid.md                 |  4 ++--
 zh-cn/react-native-cameraroll(nocodegen) .md | 16 ++++++++--------
 zh-cn/react-native-cameraroll.md             | 16 ++++++++--------
 zh-cn/react-native-idfa-aaid.md              |  4 ++--
 6 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/en/react-native-cameraroll(nocodegen) .md b/en/react-native-cameraroll(nocodegen) .md
index 25e4b480..c328cdb9 100644
--- a/en/react-native-cameraroll(nocodegen) .md	
+++ b/en/react-native-cameraroll(nocodegen) .md	
@@ -222,11 +222,11 @@ Check the release version information in the release address of the third-party
 | save | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
 | saveAsset | 保存图片/视频 | function | no | iOS/Android | partially |  |
 | saveToCameraRoll | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，调用会弹出警告，可用saveAsset接口代替。 |
-| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
 
 ## APIs
 
@@ -240,9 +240,9 @@ Check the release version information in the release address of the third-party
 | `iosRequestReadWriteGalleryPermission`     | 读写权限申请 | function | no       | iOS      | no                |                                                              |
 | `iosRequestAddOnlyGalleryPermission`       | 添加权限申请 | function | no       | iOS      | no                |                                                              |
 | `iosRefreshGallerySelection`               | 图片列表刷新 | function | no       | iOS      | no                |                                                              |
-| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
 | `harmonyRefreshGallerySelection`           | 图片列表刷新 | function | no       | harmony  | no                |                                                              |
 
 ## Known Issues
diff --git a/en/react-native-cameraroll.md b/en/react-native-cameraroll.md
index 9428afd6..69c07cda 100644
--- a/en/react-native-cameraroll.md
+++ b/en/react-native-cameraroll.md
@@ -167,11 +167,11 @@ Check the release version information in the release address of the third-party
 | save | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
 | saveAsset | 保存图片/视频 | function | no | iOS/Android | partially |  |
 | saveToCameraRoll | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，调用会弹出警告，可用saveAsset接口代替。 |
-| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
 
 ## APIs
 
@@ -185,9 +185,9 @@ Check the release version information in the release address of the third-party
 | `iosRequestReadWriteGalleryPermission`     | 读写权限申请 | function | no       | iOS      | no                |                                                              |
 | `iosRequestAddOnlyGalleryPermission`       | 添加权限申请 | function | no       | iOS      | no                |                                                              |
 | `iosRefreshGallerySelection`               | 图片列表刷新 | function | no       | iOS      | no                |                                                              |
-| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
 | `harmonyRefreshGallerySelection`           | 图片列表刷新 | function | no       | harmony  | no                |                                                              |
 
 ## Known Issues
diff --git a/en/react-native-idfa-aaid.md b/en/react-native-idfa-aaid.md
index b66dc22c..da573d6a 100644
--- a/en/react-native-idfa-aaid.md
+++ b/en/react-native-idfa-aaid.md
@@ -306,8 +306,8 @@ Check the release version information in the release address of the third-party
   ]
 }
 ```
-当前版本上，向用户申请此权限时，系统不会有弹框，而是直接将该应用的获取OAID的权限置为禁止。如有需要应用可自行弹框引导用户到设置界面手动开启该权限。为避免后续系统功能变化引发兼容性问题，应用应严格按照user_grant权限的申请流程进行申请。
-[详情参考](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/permissions-for-all-V5#ohospermissionapp_tracking_consent)
+当前的 HarmonyOS 版本中，当用户请求 APP_TRACKING_CONSENT 权限时，系统并不会弹出授权提示框，而是默认禁止该应用获取 OAID 的权限.为了引导用户手动开启此权限，应用端可以自主设计并展示弹窗，指引用户前往设置界面进行相应的操作。此外，应用应严格按照 user_grant 权限的申请流程来提交请求，具体申请细节请参考：
+[user_grant （用户授权）权限列表](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/permissions-for-all-V5#user_grant%E7%94%A8%E6%88%B7%E6%8E%88%E6%9D%83%E6%9D%83%E9%99%90%E5%88%97%E8%A1%A8)
 
 ## Static Methods (If Any)
 
diff --git a/zh-cn/react-native-cameraroll(nocodegen) .md b/zh-cn/react-native-cameraroll(nocodegen) .md
index 6c9869f8..fca94c6d 100644
--- a/zh-cn/react-native-cameraroll(nocodegen) .md	
+++ b/zh-cn/react-native-cameraroll(nocodegen) .md	
@@ -225,11 +225,11 @@ ohpm install
 | save | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
 | saveAsset | 保存图片/视频 | function | no | iOS/Android | partially |  |
 | saveToCameraRoll | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，调用会弹出警告，可用saveAsset接口代替。 |
-| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
 
 ## API
 
@@ -243,9 +243,9 @@ ohpm install
 | `iosRequestReadWriteGalleryPermission`     | 读写权限申请 | function | no       | iOS      | no                |                                                              |
 | `iosRequestAddOnlyGalleryPermission`       | 添加权限申请 | function | no       | iOS      | no                |                                                              |
 | `iosRefreshGallerySelection`               | 图片列表刷新 | function | no       | iOS      | no                |                                                              |
-| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
 | `harmonyRefreshGallerySelection`           | 图片列表刷新 | function | no       | harmony  | no                |                                                              |
 
 ## 遗留问题
diff --git a/zh-cn/react-native-cameraroll.md b/zh-cn/react-native-cameraroll.md
index 955df736..ffaa0447 100644
--- a/zh-cn/react-native-cameraroll.md
+++ b/zh-cn/react-native-cameraroll.md
@@ -168,11 +168,11 @@ ohpm install
 | save | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，可用saveAsset接口代替。 |
 | saveAsset | 保存图片/视频 | function | no | iOS/Android | partially |  |
 | saveToCameraRoll | 保存图片/视频 | function | no | iOS/Android | partially | 由于原库版本升级，该方法已弃用，调用会弹出警告，可用saveAsset接口代替。 |
-| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| getPhotos | 查找图片/视频 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| getAlbums | 查找相册 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| deletePhotos | 删除图片/视频 | function | no | iOS/Android | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| iosGetImageDataById | 获取图片数据 | function | no | iOS | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| getPhotoThumbnail | 获取缩略图 | function | no | iOS | no | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
 
 ## API
 
@@ -186,9 +186,9 @@ ohpm install
 | `iosRequestReadWriteGalleryPermission`     | 读写权限申请 | function | no       | iOS      | no                |                                                              |
 | `iosRequestAddOnlyGalleryPermission`       | 添加权限申请 | function | no       | iOS      | no                |                                                              |
 | `iosRefreshGallerySelection`               | 图片列表刷新 | function | no       | iOS      | no                |                                                              |
-| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
-| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于Harmony OS安全策略调整，涉及到ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO权限的接口无法上架使用，因此该接口暂无法使用。 |
+| `harmonyReadGalleryPermission`             | 权限验证     | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| `harmonyRequestReadWriteGalleryPermission` | 读写权限申请 | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
+| `harmonyRequestAddOnlyGalleryPermission`   | 添加权限申请 | function | no       | harmony  | no                | 由于 HarmonyOS 安全策略要求，该接口需要使用 ohos.permission.READ_IMAGEVIDEO 和 ohos.permission.WRITE_IMAGEVIDEO 权限，需应用方自行申请后，才可以正常使用 |
 | `harmonyRefreshGallerySelection`           | 图片列表刷新 | function | no       | harmony  | no                |                                                              |
 
 ## 遗留问题
diff --git a/zh-cn/react-native-idfa-aaid.md b/zh-cn/react-native-idfa-aaid.md
index 85cf02fd..7b1ccd05 100644
--- a/zh-cn/react-native-idfa-aaid.md
+++ b/zh-cn/react-native-idfa-aaid.md
@@ -306,8 +306,8 @@ ohpm install
   ]
 }
 ```
-当前版本上，向用户申请此权限时，系统不会有弹框，而是直接将该应用的获取OAID的权限置为禁止。如有需要应用可自行弹框引导用户到设置界面手动开启该权限。为避免后续系统功能变化引发兼容性问题，应用应严格按照user_grant权限的申请流程进行申请。
-[详情参考](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/permissions-for-all-V5#ohospermissionapp_tracking_consent)
+当前的 HarmonyOS 版本中，当用户请求 APP_TRACKING_CONSENT 权限时，系统并不会弹出授权提示框，而是默认禁止该应用获取 OAID 的权限.为了引导用户手动开启此权限，应用端可以自主设计并展示弹窗，指引用户前往设置界面进行相应的操作。此外，应用应严格按照 user_grant 权限的申请流程来提交请求，具体申请细节请参考：
+[user_grant （用户授权）权限列表](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/permissions-for-all-V5#user_grant%E7%94%A8%E6%88%B7%E6%8E%88%E6%9D%83%E6%9D%83%E9%99%90%E5%88%97%E8%A1%A8)
 
 ## 静态方法
 

From 1509ef3abcc829c9c3017d60242ed2cf8cc8001d Mon Sep 17 00:00:00 2001
From: Zhouwb <wenbin.zhou@aliyun.com>
Date: Tue, 31 Dec 2024 11:00:39 +0000
Subject: [PATCH 941/966] =?UTF-8?q?!1977=20docs:=20[#IBEWZF]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-maps=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20*=20docs:=20[#IBEWZF]=20=E4=BF=AE=E6=94=B9react-native-maps?=
 =?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-maps.md    | 2 +-
 zh-cn/react-native-maps.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-maps.md b/en/react-native-maps.md
index 774cebe8..783fb581 100644
--- a/en/react-native-maps.md
+++ b/en/react-native-maps.md
@@ -319,7 +319,7 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src
 +  AIR_WMSTILE_TYPE,
 +  AIR_OVERLAY_TYPE,
 +  AIRMapOverlay,
-+  AIR_MAP_CLUSTER_TYPE
++  AIR_MAP_CLUSTER_TYPE,
 +  AIRMapCluster,
 + } from "@react-native-oh-tpl/react-native-maps"
 
diff --git a/zh-cn/react-native-maps.md b/zh-cn/react-native-maps.md
index 17ab2560..0420be8e 100644
--- a/zh-cn/react-native-maps.md
+++ b/zh-cn/react-native-maps.md
@@ -320,7 +320,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 +  AIR_WMSTILE_TYPE,
 +  AIR_OVERLAY_TYPE,
 +  AIRMapOverlay,
-+  AIR_MAP_CLUSTER_TYPE
++  AIR_MAP_CLUSTER_TYPE,
 +  AIRMapCluster,
 + } from "@react-native-oh-tpl/react-native-maps"
 

From 00307f00321c464507040a88a4d1aa5846c628f2 Mon Sep 17 00:00:00 2001
From: lizhien <lizhien@h-partners.com>
Date: Fri, 3 Jan 2025 01:43:08 +0000
Subject: [PATCH 942/966] =?UTF-8?q?!1978=20docs:=20[#IBDWTP]=20gorhom-bott?=
 =?UTF-8?q?om-sheet=E7=AD=89=E7=BF=BB=E8=AF=91=E5=9B=9E=E7=A8=BF=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-view?=
 =?UTF-8?q?-pdf.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-size-m?=
 =?UTF-8?q?atters.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-prin?=
 =?UTF-8?q?t.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-performan?=
 =?UTF-8?q?ce.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-orientat?=
 =?UTF-8?q?ion-locker.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-?=
 =?UTF-8?q?nfc-manager.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native?=
 =?UTF-8?q?-multi-slider.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-nati?=
 =?UTF-8?q?ve-mlkit-ocr.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-nativ?=
 =?UTF-8?q?e-marquee-ab.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-nativ?=
 =?UTF-8?q?e-lightbox.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-?=
 =?UTF-8?q?keyboard-controller.md=20*=20docs:=20[Issues:=20#IBDWTP]=20reac?=
 =?UTF-8?q?t-native-keep-awake.md=20*=20docs:=20[Issues:=20#IBDWTP]=20reac?=
 =?UTF-8?q?t-native-json-tree.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react?=
 =?UTF-8?q?-native-incall-manager.md=20*=20docs:=20[Issues:=20#IBDWTP]=20r?=
 =?UTF-8?q?eact-native-inappbrowser.md=20*=20docs:=20[Issues:=20#IBDWTP]?=
 =?UTF-8?q?=20react-native-idle-timer.md=20*=20docs:=20[Issues:=20#IBDWTP]?=
 =?UTF-8?q?=20react-native-htmlview.md=20*=20docs:=20[Issues:=20#IBDWTP]?=
 =?UTF-8?q?=20react-native-hole-view.md=20*=20docs:=20[Issues:=20#IBDWTP]?=
 =?UTF-8?q?=20react-native-haptic-feedback.md=20*=20docs:=20[Issues:=20#IB?=
 =?UTF-8?q?DWTP]=20react-native-gifted-chat.md=20*=20docs:=20[Issues:=20#I?=
 =?UTF-8?q?BDWTP]=20react-native-flash-message.md=20*=20docs:=20[Issues:?=
 =?UTF-8?q?=20#IBDWTP]=20react-native-fingerprint-scanner.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IBDWTP]=20react-native-feather.md=20*=20docs:=20?=
 =?UTF-8?q?[Issues:=20#IBDWTP]=20react-native-elements.md=20*=20docs:=20[I?=
 =?UTF-8?q?ssues:=20#IBDWTP]=20react-native-element-dropdown.md=20*=20docs?=
 =?UTF-8?q?:=20[Issues:=20#IBDWTP]=20react-native-easy-grid.md=20*=20docs:?=
 =?UTF-8?q?=20[Issues:=20#IBDWTP]=20react-native-dropdownalert.md=20*=20do?=
 =?UTF-8?q?cs:=20[Issues:=20#IBDWTP]=20react-native-dropdown-picker.md=20*?=
 =?UTF-8?q?=20docs:=20[Issues:=20#IBDWTP]=20react-native-document-picker.m?=
 =?UTF-8?q?d=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-context-menu?=
 =?UTF-8?q?-view.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-conta?=
 =?UTF-8?q?cts.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-communi?=
 =?UTF-8?q?cations.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native-cha?=
 =?UTF-8?q?rts-wrapper.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native?=
 =?UTF-8?q?-camera-kit.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native?=
 =?UTF-8?q?-bootsplash.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-native?=
 =?UTF-8?q?-better-banner.md=20*=20docs:=20[Issues:=20#IBDWTP]=20react-nat?=
 =?UTF-8?q?ive-background-timer.md=20*=20docs:=20[Issues:=20#IBDWTP]=20rea?=
 =?UTF-8?q?ct-native-apple-authentication.md=20*=20docs:=20[Issues:=20#IBD?=
 =?UTF-8?q?WTP]=20react-native-animatable.md=20*=20docs:=20[Issues:=20#IBD?=
 =?UTF-8?q?WTP]=20gorhom-bottom-sheet.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/gorhom-bottom-sheet.md               | 124 +++---
 en/react-native-animatable.md           |  46 +--
 en/react-native-apple-authentication.md |  50 +--
 en/react-native-background-timer.md     |  61 ++-
 en/react-native-better-banner.md        |  56 +--
 en/react-native-bootsplash.md           |  58 +--
 en/react-native-camera-kit.md           | 104 +++---
 en/react-native-charts-wrapper.md       | 478 ++++++++++++------------
 en/react-native-communications.md       |  14 +-
 en/react-native-contacts.md             |  98 ++---
 en/react-native-context-menu-view.md    |  14 +-
 en/react-native-document-picker.md      |  16 +-
 en/react-native-dropdown-picker.md      |  28 +-
 en/react-native-dropdownalert.md        | 228 +++++------
 en/react-native-easy-grid.md            |   8 +-
 en/react-native-element-dropdown.md     |  14 +-
 en/react-native-elements.md             | 162 ++++----
 en/react-native-feather.md              |  30 +-
 en/react-native-fingerprint-scanner.md  |  44 +--
 en/react-native-flash-message.md        |  54 +--
 en/react-native-gifted-chat.md          |   6 +-
 en/react-native-haptic-feedback.md      |  64 ++--
 en/react-native-hole-view.md            |   4 +-
 en/react-native-htmlview.md             |  28 +-
 en/react-native-idle-timer.md           |  19 +-
 en/react-native-inappbrowser.md         | 110 +++---
 en/react-native-incall-manager.md       |  30 +-
 en/react-native-json-tree.md            |  56 +--
 en/react-native-keep-awake.md           |  26 +-
 en/react-native-keyboard-controller.md  | 180 ++++-----
 en/react-native-lightbox.md             |  70 ++--
 en/react-native-marquee-ab.md           |  60 +--
 en/react-native-mlkit-ocr.md            |  10 +-
 en/react-native-multi-slider.md         | 110 +++---
 en/react-native-nfc-manager.md          | 312 ++++++++--------
 en/react-native-orientation-locker.md   |  50 +--
 en/react-native-performance.md          |  34 +-
 en/react-native-print.md                |  20 +-
 en/react-native-size-matters.md         |  26 +-
 en/react-native-view-pdf.md             |  38 +-
 40 files changed, 1468 insertions(+), 1472 deletions(-)

diff --git a/en/gorhom-bottom-sheet.md b/en/gorhom-bottom-sheet.md
index a9d1a3f7..dc155e4e 100644
--- a/en/gorhom-bottom-sheet.md
+++ b/en/gorhom-bottom-sheet.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/bottom-sheet Releases](https://github.com/react-native-oh-library/react-native-bottom-sheet/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 <!-- tabs:start -->
 
@@ -157,13 +157,13 @@ export default App;
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
-The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated、@react-native-oh-tpl/react-native-gesture-handler. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
+The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated and @react-native-oh-tpl/react-native-gesture-handler.If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-reanimated docs](/zh-cn/react-native-reanimated.md)、[@react-native-oh-tpl/react-native-gesture-handler docs](/zh-cn/react-native-gesture-handler.md) to add it to your project.
+If it is not included, follow the guide provided in [@react-native-oh-tpl/react-native-reanimated docs](/en/react-native-reanimated.md) and [@react-native-oh-tpl/react-native-gesture-handler docs](/en/react-native-gesture-handler.md) to add it to your project.
 
 ## Constraints
 
@@ -171,7 +171,7 @@ If it is not included, follow the guide provided in [@react-native-oh-tpl/react-
 
 This document is verified based on the following versions:
 
-1.RNOH: 0.72.29; SDK: HarmonyOS-Next-DB1 5.0.0.61; IDE: DevEco Studio 5.0.3.706; ROM: 5.0.0.61;
+1. RNOH: 0.72.29; SDK: HarmonyOS-Next-DB1 5.0.0.61; IDE: DevEco Studio 5.0.3.706; ROM: 5.0.0.61;
 
 ## Properties
 
@@ -183,47 +183,47 @@ This document is verified based on the following versions:
 
 #### Configuration
 
-| Name                        | Description                                                                                                                           | Type                                                         | Required | Platform      | HarmonyOS Support |
-| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------- | ------------- | ----------------- |
-| index                       | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state.                                               | number                                                       | No       | Android / iOS | Yes               |
-| snapPoints                  | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number, string or mix.        | Array<number\|string>\| SharedValue<Array<string \| number>> | Yes      | Android / iOS | Yes               |
-| overDragResistanceFactor    | Defines how violently sheet has to be stopped while over dragging.                                                                    | number                                                       | No       | Android / iOS | Yes               |
-| detached                    | Defines whether the bottom sheet is attached to the bottom or no.                                                                     | boolean                                                      | No       | Android / iOS | Yes               |
-| enableContentPanningGesture | Enable content panning gesture interaction.                                                                                           | boolean                                                      | No       | Android / iOS | Yes               |
-| enableHandlePanningGesture  | Enable handle panning gesture interaction.                                                                                            | boolean                                                      | No       | Android / iOS | Yes               |
-| enableOverDrag              | Enable over drag for the sheet.                                                                                                       | boolean                                                      | No       | Android / iOS | Yes               |
-| enablePanDownToClose        | Enable pan down gesture to close the sheet.                                                                                           | boolean                                                      | No       | Android / iOS | Yes               |
-| enableDynamicSizing         | Enable dynamic sizing for content view and scrollable content size.                                                                   | boolean                                                      | No       | Android / iOS | Yes               |
-| animateOnMount              | This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index. | boolean                                                      | No       | Android / iOS | Yes               |
+| Name                        | Description                                                  | Type                                                         | Required | Platform      | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ------------- | ----------------- |
+| index                       | Initial snap index. You also could provide -1 to initiate bottom sheet in closed state. | number                                                       | No       | Android/iOS| Yes               |
+| snapPoints                  | Points for the bottom sheet to snap to, points should be sorted from bottom to top. It accepts array of number, string or mix. | Array<number\|string>\| SharedValue<Array<string \| number>> | Yes      | Android/iOS| Yes               |
+| overDragResistanceFactor    | Defines how violently sheet has to be stopped while over dragging. | number                                                       | No       | Android/iOS| Yes               |
+| detached                    | Defines whether the bottom sheet is attached to the bottom or no. | boolean                                                      | No       | Android/iOS| Yes               |
+| enableContentPanningGesture | Enable content panning gesture interaction.                  | boolean                                                      | No       | Android/iOS| Yes               |
+| enableHandlePanningGesture  | Enable handle panning gesture interaction.                   | boolean                                                      | No       | Android/iOS| Yes               |
+| enableOverDrag              | Enable over drag for the sheet.                              | boolean                                                      | No       | Android/iOS| Yes               |
+| enablePanDownToClose        | Enable pan down gesture to close the sheet.                  | boolean                                                      | No       | Android/iOS| Yes               |
+| enableDynamicSizing         | Enable dynamic sizing for content view and scrollable content size. | boolean                                                      | No       | Android/iOS| Yes               |
+| animateOnMount              | This will initially mount the sheet closed and when it's mounted and calculated the layout, it will snap to initial snap point index. | boolean                                                      | No       | Android/iOS| Yes               |
 
 #### Styles
 
-| Name                 | Description                                                                                                                     | Type                       | Required | Platform      | HarmonyOS Support |
-| -------------------- | ------------------------------------------------------------------------------------------------------------------------------- | -------------------------- | -------- | ------------- | ----------------- |
-| style                | View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet. | ViewStyle \| AnimatedStyle | No       | Android / iOS | Yes               |
-| backgroundStyle      | View style to be applied to the background component.                                                                           | ViewStyle                  | No       | Android / iOS | Yes               |
-| handleStyle          | View style to be applied to the handle indicator component.                                                                     | ViewStyle                  | No       | Android / iOS | Yes               |
-| handleIndicatorStyle | View style to be applied to the handle indicator component.                                                                     | ViewStyle                  | No       | Android / iOS | Yes               |
+| Name                 | Description                                                  | Type                       | Required | Platform      | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | -------------------------- | -------- | ------------- | ----------------- |
+| style                | View style to be applied at the sheet container, it also could be an AnimatedStyle. This is helpful to add shadow to the sheet. | ViewStyle \| AnimatedStyle | No       | Android/iOS| Yes               |
+| backgroundStyle      | View style to be applied to the background component.        | ViewStyle                  | No       | Android/iOS| Yes               |
+| handleStyle          | View style to be applied to the handle indicator component.  | ViewStyle                  | No       | Android/iOS| Yes               |
+| handleIndicatorStyle | View style to be applied to the handle indicator component.  | ViewStyle                  | No       | Android/iOS| Yes               |
 
 #### Layout Configuration
 
-| Name                  | Description                                                                                                                                                                                       | Type                                    | Required | Platform      | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | -------- | ------------- | ----------------- |
-| handleHeight          | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too. | number                                  | No       | Android / iOS | Yes               |
-| containerHeight       | Container height helps to calculate the internal sheet layouts. If containerHeight not provided, the library internally will calculate it, however this will cause an extra re-rendering.         | number                                  | No       | Android / iOS | Yes               |
-| contentHeight         | Content height helps dynamic snap points calculation.                                                                                                                                             | number \| Animated.SharedValue\<number> | No       | Android / iOS | Yes               |
-| containerOffset       | Container offset helps to accurately detect container offsets.                                                                                                                                    | Animated.SharedValue\<Insets>           | No       | Android / iOS | Yes               |
-| topInset              | Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea.                  | number                                  | No       | Android / iOS | Yes               |
-| bottomInset           | Bottom inset to be added to the bottom sheet container.                                                                                                                                           | number                                  | No       | Android / iOS | Yes               |
-| maxDynamicContentSize | Max dynamic content size height to limit the bottom sheet height from exceeding a provided size.                                                                                                  | number                                  | No       | Android / iOS | Yes               |
+| Name                  | Description                                                  | Type                                    | Required | Platform      | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | --------------------------------------- | -------- | ------------- | ----------------- |
+| handleHeight          | Handle height helps to calculate the internal container and sheet layouts. If handleComponent is provided, the library internally will calculate its layout, unless handleHeight is provided too. | number                                  | No       | Android/iOS| Yes               |
+| containerHeight       | Container height helps to calculate the internal sheet layouts. If containerHeight not provided, the library internally will calculate it, however this will cause an extra re-rendering. | number                                  | No       | Android/iOS| Yes               |
+| contentHeight         | Content height helps dynamic snap points calculation.        | number \| Animated.SharedValue\<number> | No       | Android/iOS| Yes               |
+| containerOffset       | Container offset helps to accurately detect container offsets. | Animated.SharedValue\<Insets>           | No       | Android/iOS| Yes               |
+| topInset              | Top inset to be added to the bottom sheet container, usually it comes from @react-navigation/stack hook useHeaderHeight or from react-native-safe-area-context hook useSafeArea. | number                                  | No       | Android/iOS| Yes               |
+| bottomInset           | Bottom inset to be added to the bottom sheet container.      | number                                  | No       | Android/iOS| Yes               |
+| maxDynamicContentSize | Max dynamic content size height to limit the bottom sheet height from exceeding a provided size. | number                                  | No       | Android/iOS| Yes               |
 
 #### Keyboard Configuration
 
-| Name                      | Description                                                                                                                                                                                                       | Type                                      | Required | Platform      | HarmonyOS Support |
-| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- | -------- | ------------- | ----------------- |
-| keyboardBehavior          | Defines the keyboard appearance behavior;`extend:` extend the sheet to its maximum snap point;`fillParent:` extend the sheet to fill the parent view;`interactive: `offset the sheet by the size of the keyboard. | 'extend' \| 'fillParent' \| 'interactive' | No       | Android / iOS | Yes               |
-| keyboardBlurBehavior      | Defines the keyboard blur behavior;none: do nothing;restore: restore sheet position                                                                                                                               | 'none' \| 'restore'                       | No       | Android / iOS | Yes               |
-| android_keyboardInputMode | Defines keyboard input mode for Android only.                                                                                                                                                                     | 'adjustPan' \| 'adjustResize'             | No       | Android       | No                |
+| Name                      | Description                                                  | Type                                      | Required | Platform      | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | ----------------------------------------- | -------- | ------------- | ----------------- |
+| keyboardBehavior          | Defines the keyboard appearance behavior;`extend:` extend the sheet to its maximum snap point;`fillParent:` extend the sheet to fill the parent view;`interactive: `offset the sheet by the size of the keyboard. | 'extend' \| 'fillParent' \| 'interactive' | No       | Android/iOS| Yes               |
+| keyboardBlurBehavior      | Defines the keyboard blur behavior;none: do nothing;restore: restore sheet position | 'none' \| 'restore'                       | No       | Android/iOS| Yes               |
+| android_keyboardInputMode | Defines keyboard input mode for Android only.                | 'adjustPan' \| 'adjustResize'             | No       | Android       | No                |
 
 #### Animation Configuration
 
@@ -233,21 +233,21 @@ This document is verified based on the following versions:
 
 #### Gesture Configuration
 
-| Name                      | Description                                                                                                         | Type                          | Required | Platform    | HarmonyOS Support |
-| ------------------------- | ------------------------------------------------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
-| waitFor                   | -                                                                                                                   | React.Ref \| React.Ref[]      | No       | Android/iOS | Yes               |
-| simultaneousHandlers      | -                                                                                                                   | React.Ref \| React.Ref[]      | No       | Android/iOS | Yes               |
-| activeOffsetX             | -                                                                                                                   | number[]                      | No       | Android/iOS | Yes               |
-| activeOffsetY             | -                                                                                                                   | number[]                      | No       | Android/iOS | Yes               |
-| failOffsetX               | -                                                                                                                   | number[]                      | No       | Android/iOS | Yes               |
-| failOffsetY               | -                                                                                                                   | number[]                      | No       | Android/iOS | Yes               |
+| Name                      | Description                                                  | Type                          | Required | Platform    | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | ----------------------------- | -------- | ----------- | ----------------- |
+| waitFor                   | -                                                            | React.Ref \| React.Ref[]      | No       | Android/iOS | Yes               |
+| simultaneousHandlers      | -                                                            | React.Ref \| React.Ref[]      | No       | Android/iOS | Yes               |
+| activeOffsetX             | -                                                            | number[]                      | No       | Android/iOS | Yes               |
+| activeOffsetY             | -                                                            | number[]                      | No       | Android/iOS | Yes               |
+| failOffsetX               | -                                                            | number[]                      | No       | Android/iOS | Yes               |
+| failOffsetY               | -                                                            | number[]                      | No       | Android/iOS | Yes               |
 | gestureEventsHandlersHook | Custom hook to provide pan gesture events handler, which will allow advance and customize handling for pan gesture. | GestureEventsHandlersHookType | No       | Android/iOS | Yes               |
 
 #### Animated Nodes
 
-| Name             | Description                                                               | Type                          | Required | Platform    | HarmonyOS Support |
-| ---------------- | ------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
-| animatedIndex    | Animated value to be used as a callback for the index node internally.    | Animated.SharedValue\<number> | No       | Android/iOS | Yes               |
+| Name             | Description                                                  | Type                          | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ----------------------------- | -------- | ----------- | ----------------- |
+| animatedIndex    | Animated value to be used as a callback for the index node internally. | Animated.SharedValue\<number> | No       | Android/iOS | Yes               |
 | animatedPosition | Animated value to be used as a callback for the position node internally. | Animated.SharedValue\<number> | No       | Android/iOS | Yes               |
 
 #### Callbacks
@@ -259,29 +259,29 @@ This document is verified based on the following versions:
 
 #### Components
 
-| Name                | Description                                                                                                                                                                                                  | Type                                                          | Required | Platform    | HarmonyOS Support |
-| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| handleComponent     | Component to be placed as a sheet handle.                                                                                                                                                                    | React.FC\<BottomSheetHandleProps>                             | No       | Android/iOS | Yes               |
-| backdropComponent   | Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually. | React.FC\<BottomSheetBackgroundProps>                         | No       | Android/iOS | Yes               |
-| backgroundComponent | Component to be placed as a sheet background.                                                                                                                                                                | React.FC\<BottomSheetBackgroundProps>                         | No       | Android/iOS | Yes               |
-| footerComponent     | Component to be placed as a sheet footer.                                                                                                                                                                    | React.FC\<BottomSheetFooterProps>                             | No       | Android/iOS | Yes               |
-| children            | Scrollable node or react node to be places as a sheet content.                                                                                                                                               | () => React.ReactNode \| React.ReactNode[] \| React.ReactNode | No       | Android/iOS | Yes               |
+| Name                | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| handleComponent     | Component to be placed as a sheet handle.                    | React.FC\<BottomSheetHandleProps>                            | No       | Android/iOS | Yes               |
+| backdropComponent   | Component to be placed as a sheet backdrop, by default is set to null, however the library also provide a default implementation BottomSheetBackdrop of a backdrop but you will need to provide it manually. | React.FC\<BottomSheetBackgroundProps>                        | No       | Android/iOS | Yes               |
+| backgroundComponent | Component to be placed as a sheet background.                | React.FC\<BottomSheetBackgroundProps>                        | No       | Android/iOS | Yes               |
+| footerComponent     | Component to be placed as a sheet footer.                    | React.FC\<BottomSheetFooterProps>                            | No       | Android/iOS | Yes               |
+| children            | Scrollable node or react node to be places as a sheet content. | () => React.ReactNode \| React.ReactNode[] \| React.ReactNode | No       | Android/iOS | Yes               |
 
 ### Bottom Sheet Modal
 
 > [!Tip]Bottom Sheet Modal inherits all [Bottom Sheet props](https://ui.gorhom.dev/components/bottom-sheet/props) except for animateOnMount & containerHeight and also it introduces its own props
 
-| Name                 | Description                                                                                                                                                                             | Type                | Required | Platform    | HarmonyOS Support |
-| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------- | ----------- | ----------------- |
-| name                 | Modal name to help identify the modal for later on.                                                                                                                                     | string              | No       | Android/iOS | Yes               |
-| stackBehavior        | Defines the stack behavior when modal mounts.                                                                                                                                           | 'push' \| 'replace' | No       | Android/iOS | Yes               |
-| enableDismissOnClose | Dismiss the modal when it is closed, this will unmount the modal.                                                                                                                       | boolean             | No       | Android/iOS | Yes               |
-| onDismiss            | Callback when the modal dismissed (unmounted).                                                                                                                                          | function            | No       | Android/iOS | Yes               |
+| Name                 | Description                                                  | Type                | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | ------------------- | -------- | ----------- | ----------------- |
+| name                 | Modal name to help identify the modal for later on.          | string              | No       | Android/iOS | Yes               |
+| stackBehavior        | Defines the stack behavior when modal mounts.                | 'push' \| 'replace' | No       | Android/iOS | Yes               |
+| enableDismissOnClose | Dismiss the modal when it is closed, this will unmount the modal. | boolean             | No       | Android/iOS | Yes               |
+| onDismiss            | Callback when the modal dismissed (unmounted).               | function            | No       | Android/iOS | Yes               |
 | containerComponent   | Component to be placed as a bottom sheet container, this is to place the bottom sheet at the very top layer of your application when using FullWindowOverlay from React Native Screens. | React.ReactNode     | No       | Android/iOS | Yes               |
 
 ## Known Issues
 
-- [ ] BottomSheetFlatList 组件手势滑动存在冲突 [issue#6](https://github.com/react-native-oh-library/react-native-bottom-sheet/issues/6)
+- [ ] BottomSheetFlatList swipe gesture conflicts: [issue#6](https://github.com/react-native-oh-library/react-native-bottom-sheet/issues/6)
 
 ## Others
 
diff --git a/en/react-native-animatable.md b/en/react-native-animatable.md
index b5fd5444..37afce03 100644
--- a/en/react-native-animatable.md
+++ b/en/react-native-animatable.md
@@ -96,7 +96,7 @@ export default function ExampleView() {
             console.log("test onTransitionEnd");
           }}
         >
-          O(∩_∩)O哈哈~
+          O(∩_∩)O
         </Animatable.Text>
       </TouchableOpacity>
     </Animatable.View>
@@ -112,31 +112,31 @@ To use this repository, you need to use the correct React-Native and RNOH versio
 
 This document is verified based on the following versions:
 
-1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18； IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18; IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
-
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
-
-| Name              | Description                                                                                                     | Type                   | Required | Platform | HarmonyOS Support |
-| ----------------- | --------------------------------------------------------------------------------------------------------------- | ---------------------- | -------- | -------- | ----------------- |
-| animation         | 动画的名称，请参见下面的可用动画                                                                                | string/undefined       | /        | all      | yes               |
-| duration          | 动画将运行的时间（毫秒）                                                                                        | number/undefined       | /        | all      | yes               |
-| delay             | （可选）延迟动画（毫秒）                                                                                        | number/undefined       | /        | all      | yes               |
-| direction         | 动画的方向，特别适用于重复动画。有效值: 正常、反向、交替、交替反向                                              | string/undefined       | /        | all      | yes               |
-| easing            | 动画的计时功能。有效值: 自定义函数或线性、易进、易出、易入                                                      | string/undefined       | /        | all      | yes               |
-| iterationCount    | 运行动画的次数，对于循环动画使用无穷大。                                                                        | number/undefined       | /        | all      | yes               |
-| iterationDelay    | 关于动画迭代之间的暂停时间（毫秒）                                                                              | number/undefined       | /        | all      | yes               |
-| transition        | 要转换的样式属性，例如不透明度、旋转或字体大小。对多个属性使用数组。                                            | string/array/undefined | /        | all      | yes               |
-| onAnimationBegin  | 启动动画时调用的函数。                                                                                          | Function/undefined     | /        | all      | yes               |
-| onAnimationEnd    | 当动画成功完成或取消时调用的函数。函数是用 endState 参数调用的，请参阅 endState.finished 以查看动画是否已完成。 | Function/undefined     | /        | all      | yes               |
-| onTransitionBegin | 在样式转换开始时调用的函数。使用属性参数调用函数以区分样式。                                                    | Function/undefined     | /        | all      | yes               |
-| onTransitionEnd   | 当样式转换成功完成或取消时调用的函数。使用属性参数调用函数以区分样式。                                          | Function/undefined     | /        | all      | yes               |
-| useNativeDriver   | 是否使用本机或 JavaScript 动画驱动程序。本机驱动程序可以帮助提高性能，但不能处理所有类型的样式。                | Function/undefined     | /        | all      | yes               |
-| isInteraction     | 此动画是否在交互管理器上创建“交互控制柄”。                                                                      | Boolean                | /        | all      | yes               |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name              | Description                                                  | Type                   | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ---------------------- | -------- | -------- | ----------------- |
+| animation         | Animation name. For details, see the following available animations.                            | string/undefined       | /        | all      | yes               |
+| duration          | Animation duration, in milliseconds.                                    | number/undefined       | /        | all      | yes               |
+| delay             | (Optional) Animation delay, in milliseconds.                                    | number/undefined       | /        | all      | yes               |
+| direction         | Animation direction, particularly suitable for animation repeating. Valid values are **normal**, **reverse**, **alternate**, and **alternate-reverse**.| string/undefined       | /        | all      | yes               |
+| easing            | Easing function. Valid values are **custom**, **linear**, **ease-in**, **ease-out**, and **ease-in-out**.  | string/undefined       | /        | all      | yes               |
+| iterationCount    | Number of times an animation should be played. Set it to **infinite** for animations to be looped.                    | number/undefined       | /        | all      | yes               |
+| iterationDelay    | Time between animation iterations, in milliseconds.                          | number/undefined       | /        | all      | yes               |
+| transition        | Style property to be converted, such as opacity, rotation, or font size. Use an array if there are multiple properties to be converted.| string/array/undefined | /        | all      | yes               |
+| onAnimationBegin  | Function called when the animation is started.                                      | Function/undefined     | /        | all      | yes               |
+| onAnimationEnd    | Function called when the animation is successfully completed or canceled. The function is called with the **endState** parameter. Check **endState.finished** to see if the animation is complete.| Function/undefined     | /        | all      | yes               |
+| onTransitionBegin | Function called when the style conversion starts. Use property parameters to call functions to distinguish styles.| Function/undefined     | /        | all      | yes               |
+| onTransitionEnd   | Function called when the style conversion is successfully completed or canceled. Use property parameters to call functions to distinguish styles.| Function/undefined     | /        | all      | yes               |
+| useNativeDriver   | Whether to use the native or JavaScript animation driver. The native driver can help improve performance, but cannot handle all types of styles.| Function/undefined     | /        | all      | yes               |
+| isInteraction     | Whether the animation creates an interaction handle on the interaction manager.                  | Boolean                | /        | all      | yes               |
 
 ## Others
 
diff --git a/en/react-native-apple-authentication.md b/en/react-native-apple-authentication.md
index c14e9ac7..85ee5581 100644
--- a/en/react-native-apple-authentication.md
+++ b/en/react-native-apple-authentication.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -36,13 +36,13 @@ npm install @react-native-oh-tpl/react-native-apple-authentication
 yarn add @react-native-oh-tpl/react-native-apple-authentication
 ```
 
-#### **配置用于 Web 的“通过 Apple 登录”**
+#### **Configuring Sign in with Apple for the Web**
 
-首先需要进行客户端 id 配置: [Initial Development Environment Setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md)
+Configure the client ID: [Initial Development Environment Setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/INITIAL_SETUP.md).
 
-然后需要进行服务设置: [Services setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md)
+Set the service: [Services setup](https://github.com/invertase/react-native-apple-authentication/blob/main/docs/ANDROID_EXTRA.md).
 
-Apple 官方配置说明: [Configure Sign in with Apple for the web](https://developer.apple.com/help/account/configure-app-capabilities/configure-sign-in-with-apple-for-the-web)
+Configure the official Apple description: [Configure Sign in with Apple for the web](https://developer.apple.com/help/account/configure-app-capabilities/configure-sign-in-with-apple-for-the-web)
 
 <!-- tabs:end -->
 
@@ -82,7 +82,7 @@ export default AppleAuthenticationDemo;
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -129,7 +129,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing RNAppleAuthPackage to ArkTS
 
@@ -166,7 +166,7 @@ Then build and run the code.
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)。
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-apple-authentication Releases](https://github.com/react-native-oh-library/react-native-apple-authentication/releases).
 
 ## Properties
 
@@ -174,18 +174,18 @@ Check the release version information in the release address of the third-party
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**AppleButton**: Apple 身份验证按钮组件。
+**AppleButton**: Apple authentication button
 
-| Name         | Description        | Type                                                                                                                                                                              | Required | Platform | HarmonyOS Support |
-| ------------ | ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| style        | 按钮样式           | StyleProp< [ViewStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Fview%23props) >                                                                       | no       | all      | yes               |
-| textStyle    | 按钮内文字样式     | StyleProp< [TextStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Ftext%23props) >                                                                       | no       | all      | yes               |
-| cornerRadius | 按钮边框圆角弧度   | number                                                                                                                                                                            | no       | all      | yes               |
-| buttonStyle  | 按钮样式(预设枚举) | [AppleButtonStyle](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonStyle.md) | no       | all      | yes               |
-| buttonType   | 按钮类型(预设枚举) | [AppleButtonType](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonType.md)   | no       | all      | yes               |
-| onPress      | 按钮点击事件       | () => void                                                                                                                                                                        | yes      | all      | yes               |
-| leftView     | 按钮内左侧图标     | ReactNode                                                                                                                                                                         | no       | all      | yes               |
-| buttonText   | 按钮内文字内容     | string                                                                                                                                                                            | no       | all      | yes               |
+| Name         | Description        | Type                                                         | Required | Platform | HarmonyOS Support |
+| ------------ | ------------------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| style        | Button style.          | StyleProp< [ViewStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Fview%23props) > | no       | all      | yes               |
+| textStyle    | Text style.    | StyleProp< [TextStyle](https://gitee.com/link?target=https%3A%2F%2Freactnative.dev%2Fdocs%2Ftext%23props) > | no       | all      | yes               |
+| cornerRadius | Corner radius of the border.  | number                                                       | no       | all      | yes               |
+| buttonStyle  | Button style (preset enumeration).| [AppleButtonStyle](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonStyle.md) | no       | all      | yes               |
+| buttonType   | Button type (preset enumeration).| [AppleButtonType](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Finvertase%2Freact-native-apple-authentication%2Fblob%2Fmain%2Ftypedocs%2Fenums%2FAppleButtonType.md) | no       | all      | yes               |
+| onPress      | Touch event.      | () => void                                                   | yes      | all      | yes               |
+| leftView     | Left icon of the button.    | ReactNode                                                    | no       | all      | yes               |
+| buttonText   | Button text.    | string                                                       | no       | all      | yes               |
 
 ## API
 
@@ -193,18 +193,18 @@ Check the release version information in the release address of the third-party
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**appleAuthHarmony**: Apple 身份验证对象，包含 2 个方法。
+**appleAuthHarmony**: Apple authentication object, including two methods
 
-| Name      | Description                                             | Type                                                                                                                                                     | Required | Platform | HarmonyOS Support |
-| --------- | ------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| configure | 配置 Apple 身份验证的信息，此接口必须在 signIn 之前调用 | ([Config](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidConfig.md)) => void                        | no       | all      | yes               |
-| signIn    | 弹出 webview 以进行 Apple 身份验证                      | () => Promise< [SigninResponse](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidSigninResponse.md) > | no       | all      | no                |
+| Name      | Description                                             | Type                                                         | Required | Platform | HarmonyOS Support |
+| --------- | ------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| configure | Configures Apple authentication information. This API must be called before **signIn**.| ([Config](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidConfig.md)) => void | no       | all      | yes               |
+| signIn    | Pops up the WebView for Apple authentication.                     | () => Promise< [SigninResponse](https://github.com/invertase/react-native-apple-authentication/blob/main/typedocs/interfaces/AndroidSigninResponse.md) > | no       | all      | no                |
 
 ## Others
 
 ## Known Issues
 
-- [ ] 由于 Apple 开发者账户验证问题，HarmonyOS 暂无法实现的接口: [issue#1](https://github.com/react-native-oh-library/react-native-apple-authentication/issues/1)
+- [ ] Due to Apple developer account authentication issues, the following API is not supported by HarmonyOS: [issue#1](https://github.com/react-native-oh-library/react-native-apple-authentication/issues/1).
 
 ## License
 
diff --git a/en/react-native-background-timer.md b/en/react-native-background-timer.md
index f60b2495..2039ce45 100644
--- a/en/react-native-background-timer.md
+++ b/en/react-native-background-timer.md
@@ -8,10 +8,10 @@ This project is based on [react-native-background-timer@2.4.1](https://github.co
 
 This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-linear-gradient`, The version correspondence details are as follows:
 
-| Version                   | Package Name                                      | Repository         | Release                    |
-| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- |
+| Version                   | Package Name                                       | Repository                                                                                     | Release                                                                                                          |
+| ------------------------- | -------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
 | <= 2.4.1-0.0.2@deprecated | @react-native-oh-tpl/react-native-background-timer | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-background-timer) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-background-timer/releases) |
-| > 2.4.2                   | @react-native-ohos/react-native-background-timer   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/releases) |
+| > 2.4.2                   | @react-native-ohos/react-native-background-timer   | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer)                 | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/releases)                 |
 
 ## 1. Installation and Usage
 
@@ -44,37 +44,34 @@ import BackgroundTimer from "react-native-background-timer";
 export function BackgroundTimerExample() {
   let [count, setCount] = useState(0);
   let [text, setText] = useState("");
-  // BackgroundTimer延时
   let [delay, setDelay] = useState("1000");
-  // setTimeout延时
   let [timeoutDelay, setTimeoutDelay] = useState("1000");
-  // setInterval延时
   let [intervalDelay, setIntervalDelay] = useState("1000");
   let timeoutList:number[] = []
   let [intervalList, setIntervalList] = useState<number[]>([]);
- 
+
   // runBackgroundTimer
   function onPressStart(){
-    setText("开启定时器...")
+    setText("Turn on the timer...")
     BackgroundTimer.runBackgroundTimer(()=>{
       setCount(count+=1)
     },parseInt(delay))
   }
   function onPressStop(){
-    setText("结束定时器")
+    setText("Turn off the timer")
     BackgroundTimer.stopBackgroundTimer()
   }
 
   // setTimeout
   function setTimeoutStart(){
-    setText("开启定时器...")
+    setText("Turn on the timer...")
     let timeoutId = BackgroundTimer.setTimeout(()=>{
       setCount(count+=1)
     },parseInt(timeoutDelay))
     timeoutList.push(timeoutId)
   }
   function setTimeoutStop(){
-    setText("结束定时器")
+    setText("Turn off the timer")
     if(timeoutList.length>0){
       BackgroundTimer.clearTimeout(timeoutList[0])
       timeoutList.shift()
@@ -83,14 +80,14 @@ export function BackgroundTimerExample() {
 
   // setInterval
   function setIntervalStart(){
-    setText("开启定时器...")
+    setText("Turn on the timer...")
     let intervalId = BackgroundTimer.setInterval(()=>{
       setCount(count+=1)
     },parseInt(intervalDelay))
     setIntervalList([...intervalList,intervalId])
   }
   function setIntervalStop(){
-    setText("结束定时器")
+    setText("Turn off the timer")
     if(intervalList.length>0){
       BackgroundTimer.clearInterval(intervalList[0])
       intervalList.shift()
@@ -110,7 +107,7 @@ export function BackgroundTimerExample() {
           />
           <TextInput
             style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
-            placeholder="BackgroundTimer延时"
+            placeholder="BackgroundTimer delay"
             onChangeText={(value)=>{setDelay(value)}}
             value={delay}
           />
@@ -122,7 +119,7 @@ export function BackgroundTimerExample() {
           />
         </View>
       </View>
-      
+
       <View style={styles.container}>
         <View style={styles.viewStyle}>
           <Button
@@ -131,7 +128,7 @@ export function BackgroundTimerExample() {
           />
           <TextInput
             style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
-            placeholder="setTimeout延时"
+            placeholder="setTimeout delay"
             onChangeText={(value)=>{setTimeoutDelay(value)}}
             value={timeoutDelay}
           />
@@ -143,7 +140,7 @@ export function BackgroundTimerExample() {
           />
         </View>
       </View>
-      
+
       <View style={styles.container}>
         <View style={styles.viewStyle}>
           <Button
@@ -152,7 +149,7 @@ export function BackgroundTimerExample() {
           />
           <TextInput
             style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
-            placeholder="setInterval延时"
+            placeholder="setInterval delay"
             onChangeText={(value)=>{setIntervalDelay(value)}}
             value={intervalDelay}
           />
@@ -164,7 +161,7 @@ export function BackgroundTimerExample() {
           />
         </View>
       </View>
-      
+
       <View style={[styles.viewStyle,styles.resetStyle]}>
         <Button
           onPress={resetNumber}
@@ -329,31 +326,29 @@ This document is verified based on the following versions:
 
 RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
 
-## 4. APIs 
+## 4. APIs
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                | Description                                        | Required | Platform | HarmonyOS Support |
-| ------------------- | -------------------------------------------------- | -------- | -------- | ----------------- |
-| runBackgroundTimer  | 开启定时器，以固定的时间间隔重复执行指定代码       | no       | all      | yes               |
-| stopBackgroundTimer | 结束 runBackgroundTimer 开启的定时器               | no       | all      | yes               |
-| start               | 后台开启新任务                                     | no       | all      | no                |
-| stop                | 结束后台任务                                       | no       | all      | no                |
-| setTimeout          | 开启定时器，定时器到期会执行指定代码，只会执行一次 | no       | Android  | yes               |
-| clearTimeout        | 结束 setTimeout 开启的定时器                       | no       | Android  | yes               |
-| setInterval         | 开启定时器，以固定的时间间隔重复执行指定代码       | no       | Android  | yes               |
-| clearInterval       | 结束 setInterval 开启的定时器                      | no       | Android  | yes               |
+| Name                | Description                                                                    | Required | Platform | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
+| runBackgroundTimer  | Starts a timer to repeatedly execute specified code at a fixed interval.       | no       | all      | yes               |
+| stopBackgroundTimer | Stops the timer started by **runBackgroundTimer**.                             | no       | all      | yes               |
+| start               | Starts a new task in the background.                                           | no       | all      | no                |
+| stop                | Stops a background task.                                                       | no       | all      | no                |
+| setTimeout          | Starts a timer to execute the specified code only once when the timer expires. | no       | Android  | yes               |
+| clearTimeout        | Stops the timer started by **setTimeout**.                                     | no       | Android  | yes               |
+| setInterval         | Starts a timer to repeatedly execute specified code at a fixed interval.       | no       | Android  | yes               |
+| clearInterval       | Stops the timer started by **setInterval**.                                    | no       | Android  | yes               |
 
 ## 5. Known Issues
 
-- [ ] 使用 worker 开的新线程中不支持 RNOHContext 序列化传参，底层 OS 暂不支持，导致无法在新线程中发送事件，需要底层 OS 框架实现相关业务功能。不开线程的情况下，因 setTimeout 属于异步方法，定时器效果不受影响。[worker 线程 Known Issues:start 和 stop 接口， HarmonyOS RN 框架暂不支持](https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/issues/IB8QGJ)
+- [ ] The underlying OS does not support RNOHContext serialized transfer in the new thread created by Worker. As a result, events cannot be sent in the new thread. The underlying OS framework needs to implement related service functionality. If no thread is started, the timer is not affected because **setTimeout** is an asynchronous method. The **start** and **stop** APIs of the Worker thread are not supported in HarmonyOS RN: [issue](https://github.com/react-native-oh-library/react-native-background-timer/issues/3).
 
 ## 6. Others
 
-
 ## 7. License
 
 This project is licensed under (https://gitee.com/openharmony-sig/rntpc_react-native-background-timer/blob/master/LICENSE).
-
diff --git a/en/react-native-better-banner.md b/en/react-native-better-banner.md
index 850d9908..92152928 100644
--- a/en/react-native-better-banner.md
+++ b/en/react-native-better-banner.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -134,33 +134,33 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
-
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
-
-| Name                              | Description                                                                                                                                  | Type     | Default               | Platform | HarmonyOS Support |
-| --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------- | --------------------- | -------- | ----------------- |
-| bannerImages                      | 用于展示轮播图片, 与`bannerComponents`二选一                                                                                                 | Array    | []                    | All      | Yes               |
-| bannerComponents                  | 用于展示轮播自定义组件，与`bannerImages`二选一                                                                                               | Array    | []                    | All      | Yes               |
-| bannerHeight                      | banner 的默认高度                                                                                                                            | Number   | 250                   | All      | Yes               |
-| bannerTitles                      | 每张图片或组件对应的标题                                                                                                                     | Array    | []                    | All      | Yes               |
-| bannerTitleTextColor              | 每张图片或组件对应的标题的文字颜色                                                                                                           | String   | #fff                  | All      | Yes               |
-| bannerTitleTextSize               | 每张图片或组件对应的标题的文字大小                                                                                                           | Number   | 2000                  | All      | Yes               |
-| isAutoScroll                      | 是否开启自动轮播                                                                                                                             | Boolean  | true                  | All      | Yes               |
-| isSeamlessScroll                  | 是否开启无缝滚动(iOS 下正常，安卓某些机型可能出现滚动异常)                                                                                   | Boolean  | false                 | All      | Yes               |
-| adaptSeamlessScrollValue          | 如果开启无缝滚动在某些机型滚动异常，可针对这些机型设置`true` 或 `false`, 此值实际上是设置是否显示`ScrollView`的`scrollTo`的滚动动画          | Boolean  | false                 | All      | Yes               |
-| indicatorWidth                    | 指示器宽度                                                                                                                                   | Number   | 10                    | All      | Yes               |
-| indicatorHeight                   | 指示器高度                                                                                                                                   | Number   | 6                     | All      | Yes               |
-| indicatorColor                    | 指示器颜色                                                                                                                                   | String   | rgba(255,255,255,0.6) | All      | Yes               |
-| indicatorStyle                    | 指示器样式，您也可以直接使用此属性一次性设置指示器宽、高、颜色和圆角等，它会覆盖以上`indicatorWidth`,`indicatorHeight`，`indicatorColor`属性 | Object   | {}                    | All      | Yes               |
-| indicatorGap                      | 指示器之间的间隔                                                                                                                             | Number   | 6                     | All      | Yes               |
-| activeIndicatorColor              | 活动指示器颜色                                                                                                                               | String   | #fff                  | All      | Yes               |
-| indicatorGroupPosition            | 指示器组的位置，可设置`left`,`center`,`right`。如果您设置了`bannerTitles`,则此属性只能是`right`                                              | String   | right                 | All      | Yes               |
-| indicatorGroupSideOffset          | 指示器组的左右边距                                                                                                                           | Number   | 10                    | All      | Yes               |
-| indicatorContainerHeight          | 指示器容器高度                                                                                                                               | Number   | 32                    | All      | Yes               |
-| indicatorContainerBackgroundColor | 指示器容器背景色                                                                                                                             | String   | transparent           | All      | Yes               |
-| onPress()                         | 点击轮播图后的回调函数，会传回 banner 的`index`                                                                                              | Function | ()=>{}                | All      | Yes               |
-| onScrollEnd()                     | 滚动完每张轮播图的回调函数，等同于`ScrollView`的`onMomentumScrollEnd`                                                                        | Function | ()=>{}                | All      | Yes               |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                              | Description                                                  | Type     | Default               | Platform | HarmonyOS Support |
+| --------------------------------- | ------------------------------------------------------------ | -------- | --------------------- | -------- | ----------------- |
+| bannerImages                      | Displays banner images. Either this API or `bannerComponents` can be called.                | Array    | []                    | All      | Yes               |
+| bannerComponents                  | Displays custom banner components. Either this API or `bannerImages` can be called.              | Array    | []                    | All      | Yes               |
+| bannerHeight                      | Default height of the banner.                                           | Number   | 250                   | All      | Yes               |
+| bannerTitles                      | Title of each image or component.                                    | Array    | []                    | All      | Yes               |
+| bannerTitleTextColor              | Title text color of each image or component.                          | String   | #fff                  | All      | Yes               |
+| bannerTitleTextSize               | Title text size of each image or component.                          | Number   | 2000                  | All      | Yes               |
+| isAutoScroll                      | Whether to enable auto scroll.                                            | Boolean  | true                  | All      | Yes               |
+| isSeamlessScroll                  | Whether to enable seamless scroll. (This value is normal on iOS devices but abnormal on some Android devices.)  | Boolean  | false                 | All      | Yes               |
+| adaptSeamlessScrollValue          | If seamless scroll is abnormal on some models, you can set this value to `true` or `false`. This value specifies whether to display the scrolling animation through `scrollTo` of `ScrollView`.| Boolean  | false                 | All      | Yes               |
+| indicatorWidth                    | Indicator width.                                                  | Number   | 10                    | All      | Yes               |
+| indicatorHeight                   | Indicator height.                                                  | Number   | 6                     | All      | Yes               |
+| indicatorColor                    | Indicator color.                                                  | String   | rgba(255,255,255,0.6) | All      | Yes               |
+| indicatorStyle                    | Indicator style. You can also use this property to set the width, height, color, and rounded corner of the indicator at a time. This property covers `indicatorWidth`, `indicatorHeight`, and `indicatorColor`.| Object   | {}                    | All      | Yes               |
+| indicatorGap                      | Indicator gap.                                            | Number   | 6                     | All      | Yes               |
+| activeIndicatorColor              | Active indicator color.                                              | String   | #fff                  | All      | Yes               |
+| indicatorGroupPosition            | Position of the indicator group. It can be set to `left`, `center`, and `right`. If `bannerTitles` has been set, this property can only be `right`.| String   | right                 | All      | Yes               |
+| indicatorGroupSideOffset          | Side offset of the indicator group.                                          | Number   | 10                    | All      | Yes               |
+| indicatorContainerHeight          | Height of the indicator container.                                              | Number   | 32                    | All      | Yes               |
+| indicatorContainerBackgroundColor | Background color of the indicator container.                                            | String   | transparent           | All      | Yes               |
+| onPress()                         | Callback function called when the banner image is touched. It returns the banner `index`.             | Function | ()=>{}                | All      | Yes               |
+| onScrollEnd()                     | Callback function called when the scrolling of each banner image ends. It is equivalent to `onMomentumScrollEnd` of `ScrollView`.| Function | ()=>{}                | All      | Yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-bootsplash.md b/en/react-native-bootsplash.md
index 8f20f52d..c28a9d11 100644
--- a/en/react-native-bootsplash.md
+++ b/en/react-native-bootsplash.md
@@ -17,7 +17,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-bootsplash Releases](https://github.com/react-native-oh-library/react-native-bootsplash/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -37,9 +37,9 @@ npm install @react-native-oh-tpl/react-native-bootsplash
 yarn add @react-native-oh-tpl/react-native-bootsplash
 ```
 
-#### 生成配置文件
+#### Generating a Configuration File
 
-为了加快设置速度，我们提供了一个 CLI 来自动生成配置、创建 Android Drawable XML 文件、iOS Storyboard 文件和 HarmonyOS Resources 文件
+To speed up the setup, a CLI is provided to automatically generate configurations and create Android Drawable XML files, iOS Storyboard files, and HarmonyOS Resources files.
 
 ```bash
 $ npx react-native generate-bootsplash --help
@@ -47,7 +47,7 @@ $ npx react-native generate-bootsplash --help
 $ yarn react-native generate-bootsplash --help
 ```
 
-该命令可以使用多个参数:
+This command can use multiple parameters:
 
 ```js
 Usage: react-native generate-bootsplash [options] <logo>
@@ -71,14 +71,14 @@ Options:
   -h, --help                  display help for command
 ```
 
-命令用法示例:
+Command example:
 
 ```bash
 # Without license key
 npx react-native generate-bootsplash svgs/light-logo.svg
 ```
 
-命令执行后将创建以下文件:
+After the command is executed, the following files are created:
 
 ```js
 # Without license key
@@ -114,7 +114,7 @@ assets/bootsplash/logo@3x.png
 assets/bootsplash/logo@4x.png
 ```
 
-编辑您的启动 Ability 文件, 它通常是配置在 entry 模块 module.json5 中 abilities 属性中配置的第一个 abilitie:
+Edit the startup ability file, which is usually the first ability configured in the **abilities** property in the **module.json5** file of the entry module.
 
 ```diff
 + import { window } from '@kit.ArkUI';
@@ -137,7 +137,7 @@ The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
 
-> [!TIP] 示例中 logo 参数使用了本地图片资源，可以到[react-native-boot-splash demo](https://github.com/react-native-oh-library/RNOHDCS/tree/main/react-native-boot-splash/source)获取该图片
+> [!TIP] The logo parameter is used to obtain local images from [react-native-boot-splash demo](https://github.com/react-native-oh-library/RNOHDCS/tree/main/react-native-boot-splash/source).
 
 ```js
 import { useState, useEffect } from "react";
@@ -257,7 +257,7 @@ export default App;
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -304,7 +304,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing RNBootSplashPackage to ArkTS
 
@@ -345,15 +345,15 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name             | Description                                                                                                                                                                                  | Type     | Required | Platform     | HarmonyOS Support |
-| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------ | ----------------- |
-| hide             | Hide the splash screen.                                                                                                                                                                      | function | no       | Android、IOS | yes               |
-| isVisible        | Return the current visibility status of the native splash screen.                                                                                                                            | function | no       | Android、IOS | yes               |
-| useHideAnimation | A hook to easily create a custom hide animation by animating all splash screen elements using Animated, react-native-reanimated or else (similar as the video on top of this documentation). | function | no       | Android、IOS | yes               |
+| Name             | Description                                                  | Type     | Required | Platform     | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------- | -------- | ------------ | ----------------- |
+| hide             | Hide the splash screen.                                      | function | no       | Android/iOS| yes               |
+| isVisible        | Return the current visibility status of the native splash screen. | function | no       | Android/iOS| yes               |
+| useHideAnimation | A hook to easily create a custom hide animation by animating all splash screen elements using Animated, react-native-reanimated or else (similar as the video on top of this documentation). | function | no       | Android/iOS| yes               |
 
 ### hide
 
@@ -371,25 +371,25 @@ type hide = (config?: { fade?: boolean }) => Promise<void>;
 useHideAnimation(config: {UseHideAnimationConfig}) => {container: ContainerProps;logo: LogoProps;brand: BrandProps;};
 ```
 
-| Name                     | Description                                                   | Type               | Required | Platform    | HarmonyOS Support |
-| ------------------------ | ------------------------------------------------------------- | ------------------ | -------- | ----------- | ----------------- |
+| Name                     | Description                                                  | Type               | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------ | ------------------ | -------- | ----------- | ----------------- |
 | ready                    | a boolean flag to delay the animate execution (default: true) | boolean            | No       | iOS/Android | partially         |
-| manifest                 | the manifest file is generated in your assets directory       | Manifest           | Yes      | iOS/Android | partially         |
-| logo                     | logo image in animation                                       | ImageRequireSource | No       | iOS/Android | partially         |
-| darkLogo                 | logo image in animation in dark mode                          | ImageRequireSource | No       | iOS/Android | partially         |
-| brand                    | brand image in animation                                      | ImageRequireSource | No       | iOS/Android | partially         |
-| darkBrand                | brand image in animation in dark mode                         | ImageRequireSource | No       | iOS/Android | partially         |
-| statusBarTranslucent     | sets whether the status bar is transparent                    | boolean            | No       | iOS/Android | partially         |
-| navigationBarTranslucent | sets whether the navigation bar is transparent                | boolean            | No       | iOS/Android | partially         |
-| animate                  | custom hide animation                                         | function           | Yes      | iOS/Android | partially         |
+| manifest                 | the manifest file is generated in your assets directory      | Manifest           | Yes      | iOS/Android | partially         |
+| logo                     | logo image in animation                                      | ImageRequireSource | No       | iOS/Android | partially         |
+| darkLogo                 | logo image in animation in dark mode                         | ImageRequireSource | No       | iOS/Android | partially         |
+| brand                    | brand image in animation                                     | ImageRequireSource | No       | iOS/Android | partially         |
+| darkBrand                | brand image in animation in dark mode                        | ImageRequireSource | No       | iOS/Android | partially         |
+| statusBarTranslucent     | sets whether the status bar is transparent                   | boolean            | No       | iOS/Android | partially         |
+| navigationBarTranslucent | sets whether the navigation bar is transparent               | boolean            | No       | iOS/Android | partially         |
+| animate                  | custom hide animation                                        | function           | Yes      | iOS/Android | partially         |
 
 ## Known Issues
 
-- [ ] HarmonyOS 的 window 窗口上不支持设置动画属性，hide 接口 fade 参数设置 true 没有效果 问题: [issue#13](https://github.com/react-native-oh-library/react-native-bootsplash/issues/13)
+- [ ] The animation property cannot be set in the HarmonyOS window, because setting the fade parameter of the hide API to true does not take effect. [issue#13](https://github.com/react-native-oh-library/react-native-bootsplash/issues/13)
 
 ## Others
 
-- 执行 generate-bootsplash 命令行时，由于 `--brand, --brand-width 和 --dark-*` 选项需要购买 license 才能使用，涉及功能未开源，HarmonyOS 平台不支持使用
+- When the **generate-bootsplash** command is executed, the `--brand, --brand-width, and --dark-*` options can be used only after a license is purchased. The involved functions are not open-source and are not supported by the HarmonyOS platform.
 
 ## License
 
diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md
index 742d8846..3834097c 100644
--- a/en/react-native-camera-kit.md
+++ b/en/react-native-camera-kit.md
@@ -18,7 +18,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -207,7 +207,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Configuring CMakeLists and Introducing xxx Package
 
@@ -233,7 +233,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 
 Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
-```diff
+​```diff
 const arkTsComponentNames: Array<string> = [
   SampleView.NAME,
   GeneratedSampleView.NAME,
@@ -277,11 +277,11 @@ Then build and run the code.
 
 To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone.
 
-Check the release version information in the release address of the third-party library：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
+Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases)
 
 ### Permission Requirements
 
-The following permissions include the `system_basic` permission, but the default application permission is `normal`. Only the `normal` permission can be used. Therefore, the error * 9568289 * * * may be reported during the installation of the HAP package. For details, see [Document](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/bm-tool-V5#ZH-CN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) Change the application level to `system_basic`.
+The following permissions include the `system_basic` permission, but the default application permission is `normal`. Only the `normal` permission can be used. Therefore, the error * 9568289 * * * may be reported during the installation of the HAP package. For details, see [Document](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/bm-tool-V5#EN_TOPIC_0000001884757326__%E5%AE%89%E8%A3%85hap%E6%97%B6%E6%8F%90%E7%A4%BAcode9568289-error-install-failed-due-to-grant-request-permissions-failed) Change the application level to `system_basic`.
 
 #### Add permissions to the module.json5 file in the entry directory.
 
@@ -349,26 +349,26 @@ Open `entry/src/main/resources/base/element/string.json` and add the following i
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
-
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
-
-**Camera**：CameraComponent
-
-| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
-|-----------------|----------------------|----------|----------|-------------|-------------------|
-| ref | Reference on the camera view     | Ref | no       | All | yes               |
-| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
-| flashMode  | Camera flash mode. Default: `auto` | 'on'`/`'off'`/`'auto' | no       | All | yes               |
-| focusMode  | Camera focus mode. Default: on     | 'on'`/`'off' | no       | All | yes               |
-| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
-| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
-| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
-| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
-| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
-| cameraType  | Choose what camera to use. Default: `CameraType. | 'front'/'back' | no       | All | yes               |
-| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | yes               |
-| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+**Camera**: CameraComponent
+
+| Name                | Description                                                  | Type                  | Required | Platform | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- |
+| ref                 | Reference on the camera view                                 | Ref                   | no       | All      | yes               |
+| style               | Style to apply on the camera view                            | StyleProp\<ViewStyle> | no       | All      | yes               |
+| flashMode           | Camera flash mode. Default: `auto`                           | 'on'`/`'off'`/`'auto' | no       | All      | yes               |
+| focusMode           | Camera focus mode. Default: on                               | 'on'`/`'off'          | no       | All      | yes               |
+| zoomMode            | Enable the pinch to zoom gesture. Default: on                | 'on'`/`'off'          | no       | All      | yes               |
+| zoom                | Control the zoom. Default: 1.0                               | Number                | no       | All      | yes               |
+| maxZoom             | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max) | Number                | no       | All      | yes               |
+| onZoom              | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}. | Function              | no       | All      | yes               |
+| torchMode           | Toggle flash light when camera is active. Default: off       | 'on'`/`'off'          | no       | All      | yes               |
+| cameraType          | Choose what camera to use. Default: `CameraType.             | 'front'/'back'        | no       | All      | yes               |
+| onOrientationChange | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value | Function              | no       | iOS      | yes               |
+| onError             | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}. | Function              | no       | Android  | yes               |
 | shutterPhotoSound  |Android only. Enable or disable the shutter sound when capturing a photo. Default: `true`     | Boolean | no       | Android | yes   
 | ratioOverlay  | Show a guiding overlay in the camera preview for the selected ratio. Does not crop image as of v9.0. Example: '16:9'     | String | no       | iOS | yes               |
 | ratioOverlayColor  | Any color with alpha. Default: '#ffffff77'     | String | no       | All | yes               |
@@ -378,36 +378,36 @@ Open `entry/src/main/resources/base/element/string.json` and add the following i
 | onCaptureButtonPressIn  | Callback when iPhone capture button is pressed in. Ex: onCaptureButtonPressIn={() => console.log("volume button pressed in")}    | Function | no       | iOS | yes          |
 | onCaptureButtonPressOut  | Callback when iPhone capture button is released. Ex: onCaptureButtonPressOut={() => console.log("volume button released")}     | Function | no       | iOS | no             |
 
-**ScanCode**：ScanCodeComponent
-
-| Name            | Description          | Type     | Required | Platform    | HarmonyOS Support |
-|-----------------|----------------------|----------|----------|-------------|-------------------|
-| ref | Reference on the camera view     | Ref | no       | All      | yes               |
-| style | Style to apply on the camera view | StyleProp\<ViewStyle> | no       | All | yes               |
-| flashMode  | Get secret value     | 'on'`/`'off'`/`'auto' | no       | All | yes          |
-| zoomMode  | Enable the pinch to zoom gesture. Default: on     | 'on'`/`'off' | no       | All | yes               |
-| zoom  | Control the zoom. Default: 1.0     | Number | no       | All | yes               |
-| maxZoom  | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max)     | Number | no       | All | yes               |
-| onZoom  | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}.     | Function | no       | All | yes               |
-| torchMode  | Toggle flash light when camera is active. Default: off     | 'on'`/`'off' | no       | All | yes               |
-| cameraType                   | Choose what camera to use. Default: `CameraType.             | 'front'/'back'        | no       | All | no                |
-| onOrientationChange  | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value     | Function | no       | iOS | no             |
-| onError  | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}.     | Function | no       | Android | yes               |
-| resetFocusTimeout  | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds.     | Number | no       | All | yes               |
-| scanThrottleDelay  | Duration between scan detection in milliseconds. Default 2000 (2s)     | Number | no       | All | yes              |
-| scanBarcode  | Enable barcode scanner. Default: `false`     | boolean | no       | All | yes               |
-| showFrame  | Show frame in barcode scanner. Default: `false`     | boolean | no       | All | yes               |
-| laserColor  | Color of barcode scanner laser visualization. Default: `red`     | string | no       | All | yes               |
-| frameColor  | Color of barcode scanner frame visualization. Default: `yellow`     | string | no       | All | yes               |
-| onReadCode  | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)}     | Function | no       | All | yes               |
+**ScanCode**: ScanCodeComponent
+
+| Name                | Description                                                  | Type                  | Required | Platform | HarmonyOS Support |
+| ------------------- | ------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- |
+| ref                 | Reference on the camera view                                 | Ref                   | no       | All      | yes               |
+| style               | Style to apply on the camera view                            | StyleProp\<ViewStyle> | no       | All      | yes               |
+| flashMode           | Get secret value                                             | 'on'`/`'off'`/`'auto' | no       | All      | yes               |
+| zoomMode            | Enable the pinch to zoom gesture. Default: on                | 'on'`/`'off'          | no       | All      | yes               |
+| zoom                | Control the zoom. Default: 1.0                               | Number                | no       | All      | yes               |
+| maxZoom             | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max) | Number                | no       | All      | yes               |
+| onZoom              | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}. | Function              | no       | All      | yes               |
+| torchMode           | Toggle flash light when camera is active. Default: off       | 'on'`/`'off'          | no       | All      | yes               |
+| cameraType          | Choose what camera to use. Default: `CameraType.             | 'front'/'back'        | no       | All      | no                |
+| onOrientationChange | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value | Function              | no       | iOS      | no                |
+| onError             | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}. | Function              | no       | Android  | yes               |
+| resetFocusTimeout   | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds. | Number                | no       | All      | yes               |
+| scanThrottleDelay   | Duration between scan detection in milliseconds. Default 2000 (2s) | Number                | no       | All      | yes               |
+| scanBarcode         | Enable barcode scanner. Default: `false`                     | boolean               | no       | All      | yes               |
+| showFrame           | Show frame in barcode scanner. Default: `false`              | boolean               | no       | All      | yes               |
+| laserColor          | Color of barcode scanner laser visualization. Default: `red` | string                | no       | All      | yes               |
+| frameColor          | Color of barcode scanner frame visualization. Default: `yellow` | string                | no       | All      | yes               |
+| onReadCode          | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)} | Function              | no       | All      | yes               |
 
 ## Methods
 
-| Name  | Description         | Type       | Required | Platform | HarmonyOS Support |
-| ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
-| capture  | Capture image as JPEG.  | Promise<CaptureData> | No       | All      | Yes               |
-| requestDeviceCameraAuthorization  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | No       | All      | Yes               |
-| checkDeviceCameraAuthorizationStatus  | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean> | All      | Yes               |Yes|
+| Name                                 | Description                                                  | Type                 | Required | Platform | HarmonyOS Support |
+| ------------------------------------ | ------------------------------------------------------------ | -------------------- | -------- | -------- | ----------------- |
+| capture                              | Capture image as JPEG.                                       | Promise<CaptureData> | No       | All      | Yes               |
+| requestDeviceCameraAuthorization     | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean>     | No       | All      | Yes               |
+| checkDeviceCameraAuthorizationStatus | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise<boolean>     | All      | Yes      | Yes               |
 
 
 ## Known Issues
diff --git a/en/react-native-charts-wrapper.md b/en/react-native-charts-wrapper.md
index 386d48ef..b04221c0 100644
--- a/en/react-native-charts-wrapper.md
+++ b/en/react-native-charts-wrapper.md
@@ -16,7 +16,7 @@ Template version: v0.2.2
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -75,7 +75,7 @@ export default BarChartDemo;
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -122,9 +122,9 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3. Introducing BarCharts、LineCharts、HorizontalBarCharts 、BubbleCharts、PieCharts、RadarCharts、ScatterCharts、CandleStickCharts、CombinedCharts Component to ArkTS
+### 3. Introducing BarCharts, LineCharts, HorizontalBarCharts, BubbleCharts, PieCharts, RadarCharts, ScatterCharts, CandleStickCharts, and CombinedCharts Components to ArkTS
 
 Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code:
 
@@ -203,9 +203,9 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) {
 }
 ```
 
-> [!TIP] 本库使用了混合方案，需要添加组件名。
+> [!TIP] The repository uses a mixed solution, so the component name needs to be added.
 
-在`entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets` 找到常量 `arkTsComponentNames` 在其数组里添加组件名
+Find the constant `arkTsComponentNames` in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets` and add the component name to the array.
 
 ```diff
 const arkTsComponentNames: Array<string> = [
@@ -273,122 +273,122 @@ Check the release version information in the release address of the third-party
 
 | Name      | Description                      | Type   | Required | Platform    | HarmonyOS Support |
 | --------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
-| text      | 设置要显示为说明的文本           | string | No       | iOS/Android | Yes               |
-| textColor | 设置用于标签的文本颜色           | number | No       | iOS/Android | Yes               |
-| textSize  | 设置标签文本的大小               | number | No       | iOS/Android | Yes               |
-| positionX | 设置说明文本在屏幕上的自定义位置 | number | No       | iOS/Android | Yes               |
-| positionY | 设置说明文本在屏幕上的自定义位置 | number | No       | iOS/Android | Yes               |
+| text      | Sets the description to be displayed.          | string | No       | iOS/Android | Yes               |
+| textColor | Sets the text color for labels.          | number | No       | iOS/Android | Yes               |
+| textSize  | Sets the text size for labels.              | number | No       | iOS/Android | Yes               |
+| positionX | Sets the custom position of the description on the screen.| number | No       | iOS/Android | Yes               |
+| positionY | Sets the custom position of the description on the screen.| number | No       | iOS/Android | Yes               |
 
 #### Legend
 
 | Name                | Description              | Type                                         | Required | Platform    | HarmonyOS Support |
 | ------------------- | ------------------------ | -------------------------------------------- | -------- | ----------- | ----------------- |
-| enabled             | 是否设置图表图例部件     | bool                                         | No       | iOS/Android | Yes               |
-| text                | 设置要显示为图例的文本   | string                                       | No       | iOS/Android | Yes               |
-| textColor           | 设置图例文本的颜色       | number                                       | No       | iOS/Android | NO                |
-| textSize            | 设置图例文本的大小       | number                                       | No       | iOS/Android | Yes               |
-| fontFamily          | 图例部件的字体           | string                                       | No       | iOS/Android | Yes               |
-| wordWrapEnabled     | 设置图例文字是否换行     | bool                                         | No       | iOS/Android | Yes               |
-| maxSizePercent      | 图例部件最大大小百分比   | number                                       | No       | iOS/Android | NO                |
-| horizontalAlignment | 图例部件水平对齐         | one of `'LEFT', 'CENTER', 'RIGHT'`           | No       | iOS/Android | Yes               |
-| verticalAlignment   | 图例部件垂直对齐         | one of `'TOP', 'CENTER', 'BOTTOM'`           | No       | iOS/Android | Yes               |
-| orientation         | 设置图例的方向           | one of `'HORIZONTAL', 'VERTICAL'`            | No       | iOS/Android | Yes               |
-| drawInside          | 图例部件是否在内部绘制   | bool                                         | No       | iOS/Android | Yes               |
-| direction           | 设置图例的文本方向       | one of `LEFT_TO_RIGHT', 'RIGHT_TO_LEFT`      | No       | iOS/Android | Yes               |
-| form                | 设置图例形式的形式/形状  | string                                       | No       | iOS/Android | Yes               |
-| formSize            | 设置图例格式的大小       | number                                       | No       | iOS/Android | Yes               |
-| xEntrySpace         | 设置横轴上图例条目的间距 | number                                       | No       | iOS/Android | Yes               |
-| yEntrySpace         | 设置竖轴上图例条目的间距 | number                                       | No       | iOS/Android | Yes               |
-| formToTextSpace     | 图例部件图标到文字的间距 | number                                       | No       | iOS/Android | Yes               |
-| custom              | 设置自定义图例的条目数组 | {` `colors: [number],` `labels: [string]` `} | No       | iOS/Android | NO                |
+| enabled             | Sets whether to enable Legend.    | bool                                         | No       | iOS/Android | Yes               |
+| text                | Sets the text to be displayed as a legend.  | string                                       | No       | iOS/Android | Yes               |
+| textColor           | Sets the color of the legend text.      | number                                       | No       | iOS/Android | NO                |
+| textSize            | Sets the size of the legend text.      | number                                       | No       | iOS/Android | Yes               |
+| fontFamily          | Sets the font family of Legend.          | string                                       | No       | iOS/Android | Yes               |
+| wordWrapEnabled     | Sets whether to wrap the legend text.    | bool                                         | No       | iOS/Android | Yes               |
+| maxSizePercent      | Sets the maximum size percentage of Legend.  | number                                       | No       | iOS/Android | NO                |
+| horizontalAlignment | Sets the horizontal alignment mode of Legend.        | one of `'LEFT', 'CENTER', 'RIGHT'`           | No       | iOS/Android | Yes               |
+| verticalAlignment   | Sets the vertical alignment mode of Legend.        | one of `'TOP', 'CENTER', 'BOTTOM'`           | No       | iOS/Android | Yes               |
+| orientation         | Sets the legend orientation.          | one of `'HORIZONTAL', 'VERTICAL'`            | No       | iOS/Android | Yes               |
+| drawInside          | Sets whether to draw Legend inside.  | bool                                         | No       | iOS/Android | Yes               |
+| direction           | Sets the text direction of the legend.      | one of `LEFT_TO_RIGHT', 'RIGHT_TO_LEFT`      | No       | iOS/Android | Yes               |
+| form                | Sets the legend form or shape. | string                                       | No       | iOS/Android | Yes               |
+| formSize            | Sets the form size of the legend.      | number                                       | No       | iOS/Android | Yes               |
+| xEntrySpace         | Sets the space between legends on the horizontal axis.| number                                       | No       | iOS/Android | Yes               |
+| yEntrySpace         | Sets the space between legends on the vertical axis.| number                                       | No       | iOS/Android | Yes               |
+| formToTextSpace     | Sets the space between Legend icon and text.| number                                       | No       | iOS/Android | Yes               |
+| custom              | Sets the item array of the custom legend.| {` `colors: [number],` `labels: [string]` `} | No       | iOS/Android | NO                |
 
 #### xAxis and yAxis
 
-| Name                     | Description                              | Type                                                                  | Required | Platform    | HarmonyOS Support |
-| ------------------------ | ---------------------------------------- | --------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| enabled                  | 是否绘制该组件                           | bool                                                                  | No       | iOS/Android | Yes               |
-| drawLabels               | 设置绘制此轴的标签                       | bool                                                                  | No       | iOS/Android | Yes               |
-| drawAxisLine             | 设置轴旁边的线                           | bool                                                                  | No       | iOS/Android | Yes               |
-| drawGridLines            | 是否启用此轴的网格线绘制                 | bool                                                                  | No       | iOS/Android | Yes               |
-| textColor                | 设置用于标签的文本颜色                   | number                                                                | No       | iOS/Android | Yes               |
-| textSize                 | 设置用于标签的文本大小                   | number                                                                | No       | iOS/Android | Yes               |
-| fontFamily               | X 轴 Y 轴标签的字体                      | string                                                                | No       | iOS/Android | Yes               |
-| gridColor                | 设置此坐标轴的网格线（水平线）的颜色     | bool                                                                  | No       | iOS/Android | Yes               |
-| gridLineWidth            | 设置远离每个轴绘制的栅格线的宽度         | bool                                                                  | No       | iOS/Android | Yes               |
-| axisLineColor            | 设置图表周围边框的颜色                   | bool                                                                  | No       | iOS/Android | Yes               |
-| axisLineWidth            | 设置图表周围边框的宽度                   | bool                                                                  | No       | iOS/Android | Yes               |
-| gridDashedLine           | 设置以虚线模式绘制网格线                 | {` `lineLength: number,` `spaceLength: number,` `phase: number` `}` ` | No       | iOS/Android | Yes               |
-| limitLines               | 设置限制线                               | array[]                                                               | No       | iOS/Android | Yes               |
-| drawLimitLinesBehindData | 设置在实际数据之后绘制限制线             | bool                                                                  | No       | iOS/Android | Yes               |
-| axisMaximum              | 设置轴的最大标签数                       | number                                                                | No       | iOS/Android | Yes               |
-| axisMinimum              | 设置轴的最小标签数                       | number                                                                | No       | iOS/Android | Yes               |
-| granularity              | 设置轴放大时的最小间隔                   | number                                                                | No       | iOS/Android | Yes               |
-| granularityEnabled       | 设置轴值间隔的粒度控制                   | bool                                                                  | No       | iOS/Android | Yes               |
-| labelCount               | 设置 y 轴的标签条目数                    | number                                                                | No       | iOS/Android | Yes               |
-| labelCountForce          | 设置 y 轴的标签条目数                    | bool                                                                  | No       | iOS/Android | Yes               |
-| centerAxisLabels         | 将轴标签居中，而不是在其原始位置绘制它们 | bool                                                                  | No       | iOS/Android | Yes               |
+| Name                     | Description                              | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ------------------------ | ---------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| enabled                  | Sets whether to draw the component.                          | bool                                                         | No       | iOS/Android | Yes               |
+| drawLabels               | Sets the label to draw this axis.                      | bool                                                         | No       | iOS/Android | Yes               |
+| drawAxisLine             | Sets the line next to the axis.                          | bool                                                         | No       | iOS/Android | Yes               |
+| drawGridLines            | Sets whether to draw the grid line for this axis.                | bool                                                         | No       | iOS/Android | Yes               |
+| textColor                | Sets the text color for labels.                  | number                                                       | No       | iOS/Android | Yes               |
+| textSize                 | Sets the text size for labels.                  | number                                                       | No       | iOS/Android | Yes               |
+| fontFamily               | Sets the fonts of X-axis and Y-axis labels.                     | string                                                       | No       | iOS/Android | Yes               |
+| gridColor                | Sets the grid line (horizontal line) color of this axis.    | bool                                                         | No       | iOS/Android | Yes               |
+| gridLineWidth            | Sets the width of the grid line drawn away from each axis.        | bool                                                         | No       | iOS/Android | Yes               |
+| axisLineColor            | Sets the color of the chart border.                  | bool                                                         | No       | iOS/Android | Yes               |
+| axisLineWidth            | Sets the width of the chart border.                  | bool                                                         | No       | iOS/Android | Yes               |
+| gridDashedLine           | Sets to draw the grid with dashed lines.                | {` `lineLength: number,` `spaceLength: number,` `phase: number` `}` ` | No       | iOS/Android | Yes               |
+| limitLines               | Sets the limit line.                              | array[]                                                      | No       | iOS/Android | Yes               |
+| drawLimitLinesBehindData | Sets to draw the limit line behind data.            | bool                                                         | No       | iOS/Android | Yes               |
+| axisMaximum              | Sets the maximum number of labels for the axis.                      | number                                                       | No       | iOS/Android | Yes               |
+| axisMinimum              | Sets the minimum number of labels for the axis.                      | number                                                       | No       | iOS/Android | Yes               |
+| granularity              | Sets the minimum interval for axis zoom-in.                  | number                                                       | No       | iOS/Android | Yes               |
+| granularityEnabled       | Sets the granularity control of the axis value interval.                  | bool                                                         | No       | iOS/Android | Yes               |
+| labelCount               | Sets the number of labels on the Y axis.                   | number                                                       | No       | iOS/Android | Yes               |
+| labelCountForce          | Sets the number of labels on the Y axis.                   | bool                                                         | No       | iOS/Android | Yes               |
+| centerAxisLabels         | Sets axis labels as the center instead of drawing them in their original location.| bool                                                         | No       | iOS/Android | Yes               |
 
 ### xAxis
 
 | Name                   | Description                                         | Type   | Required | Platform    | HarmonyOS Support |
 | ---------------------- | --------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| labelRotationAngle     | 设置绘制 X 轴标签的角度（以度为单位）               | number | No       | iOS/Android | Yes               |
-| avoidFirstLastClipping | 如果设置为 true，图表将避免第一个和最后一个标签条目 | bool   | No       | iOS/Android | Yes               |
-| position               | 设置 X 轴标签的位置                                 | string | No       | iOS/Android | Yes               |
-| yOffset                | 为该轴上的标签设置使用的 y 轴偏移量                 | string | No       | iOS/Android | Yes               |
+| labelRotationAngle     | Sets the angle (in degrees) at which the X-axis label is drawn.              | number | No       | iOS/Android | Yes               |
+| avoidFirstLastClipping | If it is set to **true**, the chart will avoid the first and last labels.| bool   | No       | iOS/Android | Yes               |
+| position               | Sets the position of the X-axis label.                                | string | No       | iOS/Android | Yes               |
+| yOffset                | Sets the Y-axis offset for the label on this axis.                | string | No       | iOS/Android | Yes               |
 
 ### yAxis
 
-| Name        | Description                                        | Type                                                            | Required | Platform    | HarmonyOS Support |
-| ----------- | -------------------------------------------------- | --------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| inverted    | 设置为 true，则反转 y 轴，这意味着低值位于图表底部 | number                                                          | No       | iOS/Android | Yes               |
-| spaceTop    | 设置顶轴间距，以占满量程的百分比为单位             | bool                                                            | No       | iOS/Android | Yes               |
-| spaceBottom | 设置底轴间距，以占满量程的百分比为单位             | number                                                          | No       | iOS/Android | Yes               |
-| position    | 设置 y 标签的位置                                  | number                                                          | No       | iOS/Android | Yes               |
-| maxWidth    | 设置轴可以采用的最大宽度                           | bool                                                            | No       | iOS/Android | Yes               |
-| minWidth    | 设置轴可以采用的最小宽度                           | string                                                          | No       | iOS/Android | Yes               |
-| zeroLine    | 设置网格线                                         | {` `enabled: bool,` `lineWidth: number,` `lineColor: number` `} | No       | iOS/Android | Yes               |
+| Name        | Description                                        | Type                                                         | Required | Platform    | HarmonyOS Support |
+| ----------- | -------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| inverted    | If it is set to **true**, the Y axis is inverted, which means that the low value is at the bottom of the chart.| number                                                       | No       | iOS/Android | Yes               |
+| spaceTop    | Sets the top axis space, in percentage of the full scale.            | bool                                                         | No       | iOS/Android | Yes               |
+| spaceBottom | Sets the bottom axis space, in percentage of the full scale.            | number                                                       | No       | iOS/Android | Yes               |
+| position    | Sets the position of the Y label.                                 | number                                                       | No       | iOS/Android | Yes               |
+| maxWidth    | Sets the maximum width of the axis.                          | bool                                                         | No       | iOS/Android | Yes               |
+| minWidth    | Sets the minimum width of the axis.                          | string                                                       | No       | iOS/Android | Yes               |
+| zeroLine    | Sets the grid line.                                        | {` `enabled: bool,` `lineWidth: number,` `lineColor: number` `} | No       | iOS/Android | Yes               |
 
 ### Chart Base
 
 | Name                         | Description          | Type        | Required | Platform    | HarmonyOS Support |
 | ---------------------------- | -------------------- | ----------- | -------- | ----------- | ----------------- |
-| animation                    | 设置图表动画         | object      | No       | iOS/Android | Yes               |
-| chartBackgroundColor         | 设置图表背景颜色     | number      | No       | iOS/Android | NO                |
-| logEnabled                   | 启用日志             | bool        | No       | iOS/Android | NO                |
-| noDataText                   | 设置无数据文本       | string      | No       | iOS/Android | Yes               |
-| noDataTextColor              | 设置无数据文本颜色   | number      | No       | iOS/Android | Yes               |
-| touchEnabled                 | 设置触摸             | bool        | No       | iOS/Android | Yes               |
-| dragDecelerationEnabled      | 设置拖拽减速         | bool        | No       | iOS/Android | Yes               |
-| dragDecelerationFrictionCoef | 设置阻力减速摩擦系数 | function    | No       | iOS/Android | Yes               |
-| chartDescription             | 设置描述部件         | Description | No       | iOS/Android | Yes               |
-| legend                       | 设置图例             | Legend      | No       | iOS/Android | Yes               |
-| xAxis                        | 设置 X 轴            | Xaxis       | No       | iOS/Android | Yes               |
-| highlights                   | 设置高亮             | object      | No       | iOS/Android | NO                |
+| animation                    | Sets the chart animation.        | object      | No       | iOS/Android | Yes               |
+| chartBackgroundColor         | Sets the chart background color.    | number      | No       | iOS/Android | NO                |
+| logEnabled                   | Enables logs.            | bool        | No       | iOS/Android | NO                |
+| noDataText                   | Sets the text without data.      | string      | No       | iOS/Android | Yes               |
+| noDataTextColor              | Sets the color of the text without data.  | number      | No       | iOS/Android | Yes               |
+| touchEnabled                 | Enables touch.            | bool        | No       | iOS/Android | Yes               |
+| dragDecelerationEnabled      | Sets the drag deceleration.        | bool        | No       | iOS/Android | Yes               |
+| dragDecelerationFrictionCoef | Sets the friction coefficient of resistance deceleration.| function    | No       | iOS/Android | Yes               |
+| chartDescription             | Sets the description component.        | Description | No       | iOS/Android | Yes               |
+| legend                       | Sets the legend.            | Legend      | No       | iOS/Android | Yes               |
+| xAxis                        | Sets the X axis.           | Xaxis       | No       | iOS/Android | Yes               |
+| highlights                   | Sets the highlight.            | object      | No       | iOS/Android | NO                |
 
 ### BarLineChartBase
 
-| Name                   | Description                                                                                   | Type                          | Required | Platform    | HarmonyOS Support |
-| ---------------------- | --------------------------------------------------------------------------------------------- | ----------------------------- | -------- | ----------- | ----------------- |
-| drawGridBackground     | 是否设置网格背景颜色                                                                          | bool                          | No       | iOS/Android | Yes               |
-| gridBackgroundColor    | 设置网格背景颜色                                                                              | number                        | No       | iOS/Android | Yes               |
-| drawBorders            | 是否设置边框                                                                                  | bool                          | No       | iOS/Android | Yes               |
-| borderColor            | 设置边框颜色                                                                                  | number                        | No       | iOS/Android | Yes               |
-| borderWidth            | 设置边框宽度                                                                                  | number                        | No       | iOS/Android | Yes               |
-| minOffset              | 设置最小偏移                                                                                  | number                        | No       | iOS/Android | Yes               |
-| maxVisibleValueCount   | 设置最大条目数                                                                                | number                        | No       | iOS/Android | Yes               |
-| visibleRange           | 限制通过捏合和缩放可以看到的最大和最小 x 范围                                                 | object                        | No       | iOS/Android | NO                |
-| autoScaleMinMaxEnabled | 是否设置 Y 轴的自动缩放标记                                                                   | bool                          | No       | iOS/Android | Yes               |
-| keepPositionOnRotation | 设置图表在旋转（方向更改）后是否应保持其位置（缩放/滚动                                       | bool                          | No       | iOS/Android | NO                |
-| scaleEnabled           | 是否启用缩放                                                                                  | bool                          | No       | iOS/Android | Yes               |
-| scaleXEnabled          | 是否启用 X 轴缩放                                                                             | bool                          | No       | iOS/Android | Yes               |
-| scaleYEnabled          | 是否启用 Y 轴缩放                                                                             | bool                          | No       | iOS/Android | Yes               |
-| dragEnabled            | 是否设置拖动                                                                                  | bool                          | No       | iOS/Android | Yes               |
-| pinchZoom              | 如果设置为 true，则 x 和 y 轴都可以用 2 个手指同时缩放，如果为 false，x 轴和 y 轴可以单独缩放 | bool                          | No       | iOS/Android | Yes               |
-| doubleTapToZoomEnabled | 将此属性设置为 true 可通过双击图表启用放大功能                                                | bool                          | No       | iOS/Android | Yes               |
-| yAxis                  | 设置 Y 轴                                                                                     | { left: YAxis, right: YAxis } | No       | iOS/Android | Yes               |
-| zoom                   | 按给定的比例因子放大或缩小                                                                    | object                        | No       | iOS/Android | Yes               |
-| viewPortOffsets        | 设置当前 ViewPort 的自定义偏移（在视图两侧的偏移）                                            | object                        | No       | iOS/Android | Yes               |
+| Name                   | Description                                                  | Type                          | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ----------------------------- | -------- | ----------- | ----------------- |
+| drawGridBackground     | Sets whether to draw the grid background color.                                        | bool                          | No       | iOS/Android | Yes               |
+| gridBackgroundColor    | Sets the grid background color.                                            | number                        | No       | iOS/Android | Yes               |
+| drawBorders            | Sets whether to draw borders.                                                | bool                          | No       | iOS/Android | Yes               |
+| borderColor            | Sets the border color.                                                | number                        | No       | iOS/Android | Yes               |
+| borderWidth            | Sets the border width.                                                | number                        | No       | iOS/Android | Yes               |
+| minOffset              | Sets the minimum offset.                                                | number                        | No       | iOS/Android | Yes               |
+| maxVisibleValueCount   | Sets the maximum counts.                                              | number                        | No       | iOS/Android | Yes               |
+| visibleRange           | Limits the visible maximum and minimum x range through pinch zooming.               | object                        | No       | iOS/Android | NO                |
+| autoScaleMinMaxEnabled | Whether to set the autoscale label of the Y axis.                                 | bool                          | No       | iOS/Android | Yes               |
+| keepPositionOnRotation | Whether a chart should keep its position (zoom/scroll) after rotation (orientation change).     | bool                          | No       | iOS/Android | NO                |
+| scaleEnabled           | Whether to enable scaling.                                                | bool                          | No       | iOS/Android | Yes               |
+| scaleXEnabled          | Whether to enable X-axis scaling.                                           | bool                          | No       | iOS/Android | Yes               |
+| scaleYEnabled          | Whether to enable Y-axis scaling.                                           | bool                          | No       | iOS/Android | Yes               |
+| dragEnabled            | Whether to enable drag.                                                | bool                          | No       | iOS/Android | Yes               |
+| pinchZoom              | If it is set to **true**, the X and Y axes can be zoomed with two fingers at the same time. If it is set to **false**, the X and Y axes can be zoomed separately.| bool                          | No       | iOS/Android | Yes               |
+| doubleTapToZoomEnabled | If it is set to **true**, you can double-tap the chart to enable zooming.              | bool                          | No       | iOS/Android | Yes               |
+| yAxis                  | Sets the Y axis.                                                   | { left: YAxis, right: YAxis } | No       | iOS/Android | Yes               |
+| zoom                   | Zooms in or out based on a specified scale factor.                                  | object                        | No       | iOS/Android | Yes               |
+| viewPortOffsets        | Sets the custom offset of the current viewport (offset on both sides of the view).          | object                        | No       | iOS/Android | Yes               |
 
 ### Data Config Type
 
@@ -396,286 +396,286 @@ Check the release version information in the release address of the third-party
 
 | Name             | Description                                 | Type     | Required | Platform    | HarmonyOS Support |
 | ---------------- | ------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| colors           | 设置应用于此数据集的颜色,由多个颜色组成     | number[] | No       | iOS/Android | Yes               |
-| highlightEnabled | 设置是否高亮                                | bool     | No       | iOS/Android | Yes               |
-| drawValues       | 设置绘制值                                  | bool     | No       | iOS/Android | Yes               |
-| valueTextSize    | 设置值的文本大小                            | number   | No       | iOS/Android | Yes               |
-| valueTextColor   | 设置值的文本颜色                            | number   | No       | iOS/Android | Yes               |
-| visible          | 设置值是否可见                              | bool     | No       | iOS/Android | Yes               |
-| valueFormatter   | 设置数据格式器                              | string   | No       | iOS/Android | NO                |
-| axisDependency   | 设置绘制此数据集所依据的 Y 轴（左轴或右轴） | string   | No       | iOS/Android | Yes               |
+| colors           | Sets the color applied to the dataset. It consists of multiple colors.    | number[] | No       | iOS/Android | Yes               |
+| highlightEnabled | Sets whether to enable highlight.                               | bool     | No       | iOS/Android | Yes               |
+| drawValues       | Sets the drawing value.                                 | bool     | No       | iOS/Android | Yes               |
+| valueTextSize    | Sets the text size of a value.                           | number   | No       | iOS/Android | Yes               |
+| valueTextColor   | Sets the text color of a value.                           | number   | No       | iOS/Android | Yes               |
+| visible          | Sets whether the value is visible.                             | bool     | No       | iOS/Android | Yes               |
+| valueFormatter   | Sets the data formatter.                             | string   | No       | iOS/Android | NO                |
+| axisDependency   | Sets the Y axis (left or right) on which the dataset is drawn.| string   | No       | iOS/Android | Yes               |
 
 #### barLineScatterCandleBubble
 
 | Name           | Description                      | Type   | Required | Platform    | HarmonyOS Support |
 | -------------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
-| highlightColor | 设置用于绘制突出显示指示器的颜色 | number | No       | iOS/Android | Yes               |
+| highlightColor | Sets the color used to draw the highlight indicator.| number | No       | iOS/Android | Yes               |
 
 #### lineScatterCandleRadar
 
 | Name                             | Description                                             | Type   | Required | Platform    | HarmonyOS Support |
 | -------------------------------- | ------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| drawVerticalHighlightIndicator   | 启用/禁用垂直突出显示指示器。如果禁用，则不绘制指示器。 | bool   | No       | iOS/Android | Yes               |
-| drawHorizontalHighlightIndicator | 启用/禁用水平突出显示指示器。如果禁用，则不绘制指示器   | bool   | No       | iOS/Android | Yes               |
-| highlightLineWidth               | 高亮线宽                                                | number | No       | iOS/Android | Yes               |
+| drawVerticalHighlightIndicator   | Whether to enable the vertical highlight indicator. If the value is **false**, the indicator is not drawn.| bool   | No       | iOS/Android | Yes               |
+| drawHorizontalHighlightIndicator | Whether to enable the horizontal highlight indicator. If the value is **false**, the indicator is not drawn.  | bool   | No       | iOS/Android | Yes               |
+| highlightLineWidth               | Highlights the line width.                                               | number | No       | iOS/Android | Yes               |
 
 #### lineRadar
 
 | Name       | Description | Type | Required | Platform    | HarmonyOS Support |
 | ---------- | ----------- | ---- | -------- | ----------- | ----------------- |
-| fillColor  | 填充颜色    | bool | No       | iOS/Android | Yes               |
-| fillAlpha  | 填充透明度  | bool | No       | iOS/Android | Yes               |
-| drawFilled | 是否填充    | bool | No       | iOS/Android | Yes               |
+| fillColor  | Fill color.   | bool | No       | iOS/Android | Yes               |
+| fillAlpha  | Sets the fill transparency. | bool | No       | iOS/Android | Yes               |
+| drawFilled | Sets whether to enable fill.   | bool | No       | iOS/Android | Yes               |
 
 #### PieRadarChartBase
 
 | Name            | Description                                  | Type   | Required | Platform    | HarmonyOS Support |
 | --------------- | -------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| minOffset       | 设置图表周围的最小偏移量（填充），默认值为 0 | number | No       | iOS/Android | Yes               |
-| rotationEnabled | 将此属性设置为 true 可通过触摸启用图表的旋转 | bool   | No       | iOS/Android | Yes               |
-| rotationAngle   | 为雷达图的旋转设置偏移量（以度为单位）       | number | No       | iOS/Android | Yes               |
+| minOffset       | Sets the minimum offset (fill) around the chart. The default value is **0**.| number | No       | iOS/Android | Yes               |
+| rotationEnabled | If it is set to **true**, you can enable the rotation gestures on the chart.| bool   | No       | iOS/Android | Yes               |
+| rotationAngle   | Sets the offset (in degrees) for the radar chart rotation.      | number | No       | iOS/Android | Yes               |
 
 ### BarChart
 
-| Name              | Description                                                           | Type    | Required | Platform    | HarmonyOS Support |
-| ----------------- | --------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
-| drawValueAboveBar | 如果设置为 true，则所有值都绘制在其条形上方，而不是绘制在其顶部下方。 | bool    | No       | iOS/Android | Yes               |
-| drawBarShadow     | 如果设置为 true，则在每个条形后面绘制一个灰色区域，表示最大值         | bool    | No       | iOS/Android | Yes               |
-| barWidth          | 设置每个条形在 x 轴上应具有的宽度                                     | number  | No       | iOS/Android | Yes               |
-| topRadius         | 设置顶部圆角半径                                                      | number  | No       | iOS/Android | Yes               |
-| group             | 所有 BarDataSet 对象组合在一起                                        | object  | No       | iOS/Android | Yes               |
-| data              | 柱状图数据                                                            | BarData | Yes      | iOS/Android | Yes               |
+| Name              | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| drawValueAboveBar | If it is set to **true**, all values are drawn above the bars, not below the top.| bool    | No       | iOS/Android | Yes               |
+| drawBarShadow     | If it is set to **true**, a gray area is drawn after each bar, indicating the maximum value.| bool    | No       | iOS/Android | Yes               |
+| barWidth          | Sets the width of each bar on the X axis.                           | number  | No       | iOS/Android | Yes               |
+| topRadius         | Sets the top radius of the bar.                                            | number  | No       | iOS/Android | Yes               |
+| group             | Groups all BarDataSet objects.                              | object  | No       | iOS/Android | Yes               |
+| data              | Column chart data.                                                  | BarData | Yes      | iOS/Android | Yes               |
 
 #### BarData Config
 
 | Name                       | Description                                          | Type                                                         | Required | Platform    | HarmonyOS Support |
 | -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| barShadowColor             | 设置用于绘制条形阴影的颜色                           | number                                                       | No       | iOS/Android | Yes               |
-| highlightAlpha             | 设置用于绘制高光的 alpha 值（透明度                  | number                                                       | No       | iOS/Android | Yes               |
-| stackLabels                | 为不同值的条形栈设置标签                             | string[]                                                     | No       | iOS/Android | NO                |
-| common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
-| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| barShadowColor             | Sets the color used to draw bar shadows.                          | number                                                       | No       | iOS/Android | Yes               |
+| highlightAlpha             | Sets the alpha value used to draw highlights (transparency).                 | number                                                       | No       | iOS/Android | Yes               |
+| stackLabels                | Sets labels for bar stacks with different values.                            | string[]                                                     | No       | iOS/Android | NO                |
+| common                     | Common data.                                        | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | Common basic data of column chart, bar chart, scatter chart, bubble chart, and candlestick chart.| Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
 
 #### BarData Values
 
 | Name | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | ------ | -------- | ----------- | ----------------- |
-| X    | X 轴数据    | number | Yes      | iOS/Android | Yes               |
-| Y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+| X    | X-axis data.   | number | Yes      | iOS/Android | Yes               |
+| Y    | Y-axis data.   | number | Yes      | iOS/Android | Yes               |
 
 ### HorizontalBarChart
 
 | Name | Description    | Type    | Required | Platform    | HarmonyOS Support |
 | ---- | -------------- | ------- | -------- | ----------- | ----------------- |
-| data | 水平柱状图数据 | BarData | Yes      | iOS/Android | Yes               |
+| data | Horizontal bar chart data.| BarData | Yes      | iOS/Android | Yes               |
 
 ### CandleStickChart
 
 | Name | Description | Type       | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | ---------- | -------- | ----------- | ----------------- |
-| data | 烛台图数据  | CandleData | Yes      | iOS/Android | Yes               |
+| data | Candlestick chart data. | CandleData | Yes      | iOS/Android | Yes               |
 
 #### CandleData Config
 
 | Name                       | Description                                                 | Type                                                         | Required | Platform    | HarmonyOS Support |
 | -------------------------- | ----------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| common                     | 公共数据数据                                                | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
-| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据        | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
-| lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据                | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
-| barSpace                   | 设置在每个的左侧和右侧留出的空间 烛光                       | number                                                       | No       | iOS/Android | Yes               |
-| shadowWidth                | 以像素为单位设置蜡烛阴影线的宽度。                          | number                                                       | No       | iOS/Android | Yes               |
-| shadowColor                | 设置所有条目的阴影颜色                                      | number                                                       | No       | iOS/Android | Yes               |
-| shadowColorSameAsCandle    | 将阴影颜色设置为与蜡烛颜色相同的颜色                        | bool                                                         | No       | iOS/Android | Yes               |
-| neutralColor               | 设置在以下情况下应用于此数据集的唯一颜色 \*打开==关闭。     | number                                                       | No       | iOS/Android | Yes               |
-| decreasingColor            | 设置在以下情况下应用于此数据集的唯一颜色 \*打开>关闭。      | number                                                       | No       | iOS/Android | Yes               |
-| decreasingPaintStyle       | 设置打开>关闭时的绘制样式                                   | string                                                       | No       | iOS/Android | Yes               |
-| increasingColor            | 设置在以下情况下应用于此数据集的唯一颜色 \* open <= close。 | number                                                       | No       | iOS/Android | Yes               |
-| increasingPaintStyle       | 设置打开<关闭时的绘制样式                                   | string                                                       | No       | iOS/Android | Yes               |
+| common                     | Common data.                                               | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | Common basic data of column chart, bar chart, scatter chart, bubble chart, and candlestick chart.       | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar     | Common basic data of column chart, candlestick chart, scatter chart, and radar chart.               | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+| barSpace                   | Sets the space on the left and right sides of each bar.                      | number                                                       | No       | iOS/Android | Yes               |
+| shadowWidth                | Sets the width of the candle shadow line, in pixels.                         | number                                                       | No       | iOS/Android | Yes               |
+| shadowColor                | Sets the shadow color of all bars.                                     | number                                                       | No       | iOS/Android | Yes               |
+| shadowColorSameAsCandle    | Sets the shadow color the same as the candle color.                       | bool                                                         | No       | iOS/Android | Yes               |
+| neutralColor               | Sets the unique color applied to this dataset when \*open == close.    | number                                                       | No       | iOS/Android | Yes               |
+| decreasingColor            | Sets the unique color applied to this dataset when \*open > close.     | number                                                       | No       | iOS/Android | Yes               |
+| decreasingPaintStyle       | Sets the drawing style when open > close.                                  | string                                                       | No       | iOS/Android | Yes               |
+| increasingColor            | Sets the unique color applied to the dataset when \*open <= close.| number                                                       | No       | iOS/Android | Yes               |
+| increasingPaintStyle       | Sets the drawing style when open < close.                                  | string                                                       | No       | iOS/Android | Yes               |
 
 #### CandleData Values
 
 | Name    | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ------- | ----------- | ------ | -------- | ----------- | ----------------- |
-| x       | X 轴数据    | number | No       | iOS/Android | Yes               |
-| shadowH | 阴影 H      | number | Yes      | iOS/Android | Yes               |
-| shadowL | 阴影 L      | number | Yes      | iOS/Android | Yes               |
-| open    | 打开的      | number | Yes      | iOS/Android | Yes               |
-| close   | 关闭的      | number | Yes      | iOS/Android | Yes               |
+| x       | X-axis data.   | number | No       | iOS/Android | Yes               |
+| shadowH | Shadow H.     | number | Yes      | iOS/Android | Yes               |
+| shadowL | Shadow L.     | number | Yes      | iOS/Android | Yes               |
+| open    | Opened.     | number | Yes      | iOS/Android | Yes               |
+| close   | Closed.     | number | Yes      | iOS/Android | Yes               |
 
 ### CombinedChart
 
 | Name | Description | Type         | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | ------------ | -------- | ----------- | ----------------- |
-| data | 组合图数据  | combinedData | Yes      | iOS/Android | Yes               |
+| data | Combined chart data. | combinedData | Yes      | iOS/Android | Yes               |
 
 #### combinedData
 
 | Name        | Description | Type        | Required | Platform    | HarmonyOS Support |
 | ----------- | ----------- | ----------- | -------- | ----------- | ----------------- |
-| lineData    | 折线图数据  | lineData    | No       | iOS/Android | Yes               |
-| barData     | 柱状图数据  | barData     | No       | iOS/Android | Yes               |
-| scatterData | 散点图数据  | scatterData | No       | iOS/Android | Yes               |
-| candleData  | 烛台图数据  | candleData  | No       | iOS/Android | Yes               |
-| bubbleData  | 气泡图数据  | bubbleData  | No       | iOS/Android | Yes               |
+| lineData    | Line chart data. | lineData    | No       | iOS/Android | Yes               |
+| barData     | Column chart data. | barData     | No       | iOS/Android | Yes               |
+| scatterData | Scatter chart data. | scatterData | No       | iOS/Android | Yes               |
+| candleData  | Candlestick chart data. | candleData  | No       | iOS/Android | Yes               |
+| bubbleData  | Bubble chart data. | bubbleData  | No       | iOS/Android | Yes               |
 
 ### BubbleChart
 
 | Name | Description | Type       | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | ---------- | -------- | ----------- | ----------------- |
-| data | 气泡图数据  | bubbleData | Yes      | iOS/Android | Yes               |
+| data | Bubble chart data. | bubbleData | Yes      | iOS/Android | Yes               |
 
 #### BubbleData Config
 
 | Name                       | Description                                          | Type                                                         | Required | Platform    | HarmonyOS Support |
 | -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
-| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| common                     | Common data.                                        | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | Common basic data of column chart, bar chart, scatter chart, bubble chart, and candlestick chart.| Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
 
 #### BubbleData Values
 
 | Name | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | ------ | -------- | ----------- | ----------------- |
-| x    | X 轴数据    | number | No       | iOS/Android | Yes               |
-| y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
-| size | 大小        | number | Yes      | iOS/Android | Yes               |
+| x    | X-axis data.   | number | No       | iOS/Android | Yes               |
+| y    | Y-axis data.   | number | Yes      | iOS/Android | Yes               |
+| size | Size.       | number | Yes      | iOS/Android | Yes               |
 
 ### LineChart
 
 | Name | Description | Type     | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | -------- | -------- | ----------- | ----------------- |
-| data | 折线图数据  | LineData | Yes      | iOS/Android | Yes               |
+| data | Line chart data. | LineData | Yes      | iOS/Android | Yes               |
 
 #### LineData Config
 
-| Name                       | Description                                                     | Type                                                         | Required | Platform    | HarmonyOS Support |
-| -------------------------- | --------------------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| common                     | 公共数据数据                                                    | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
-| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据            | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
-| lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据                    | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
-| lineRadar                  | 折线图、雷达图公共数据                                          | Data Config Type.lineRadar                                   | No       | iOS/Android | Yes               |
-| circleRadius               | 设置绘制的圆的半径                                              | number                                                       | No       | iOS/Android | Yes               |
-| drawCircles                | 将此值设置为 true 以启用此的圆圈指示器的绘制数据集，默认为 true | bool                                                         | No       | iOS/Android | Yes               |
-| mode                       | 设置 lineDataSet 的绘制模式                                     | object                                                       | No       | iOS/Android | Yes               |
-| lineWidth                  | 折线宽度                                                        | number                                                       | No       | iOS/Android | Yes               |
-| drawCubicIntensity         | 设置曲线弧度                                                    | number                                                       | No       | iOS/Android | NO                |
-| circleColor                | 设置应该用于此数据集的唯一颜色                                  | number                                                       | No       | iOS/Android | Yes               |
-| circleColors               | 设置应该用于此数据集的颜色集                                    | number[]                                                     | No       | iOS/Android | Yes               |
-| circleHoleColor            | 设置线条圆的内圆的颜色。                                        | number                                                       | No       | iOS/Android | Yes               |
-| drawCircleHole             | 许在每个数据圆圈中绘制一个孔                                    | bool                                                         | No       | iOS/Android | Yes               |
-| dashedLine                 | 折线设置为虚线                                                  | object                                                       | No       | iOS/Android | Yes               |
-| fillFormatter              | 设置填充                                                        | object                                                       | No       | iOS/Android | Yes               |
+| Name                       | Description                                                  | Type                                                         | Required | Platform    | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| common                     | Common data.                                                | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | Common basic data of column chart, bar chart, scatter chart, bubble chart, and candlestick chart.        | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar     | Common basic data of column chart, candlestick chart, scatter chart, and radar chart.                | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+| lineRadar                  | Common data of line chart and radar chart.                                      | Data Config Type.lineRadar                                   | No       | iOS/Android | Yes               |
+| circleRadius               | Sets the radius of the drawn circle.                                          | number                                                       | No       | iOS/Android | Yes               |
+| drawCircles                | Set to **true** to enable the drawing dataset of this circle indicator. The default value is **true**.| bool                                                         | No       | iOS/Android | Yes               |
+| mode                       | Sets the drawing mode of lineDataSet.                                 | object                                                       | No       | iOS/Android | Yes               |
+| lineWidth                  | Sets the line width.                                                    | number                                                       | No       | iOS/Android | Yes               |
+| drawCubicIntensity         | Sets the curve radian.                                                | number                                                       | No       | iOS/Android | NO                |
+| circleColor                | Sets the unique color applied for this dataset.                              | number                                                       | No       | iOS/Android | Yes               |
+| circleColors               | Sets the color set applied for this dataset.                                | number[]                                                     | No       | iOS/Android | Yes               |
+| circleHoleColor            | Sets the inner rounded circle color of the line.                                    | number                                                       | No       | iOS/Android | Yes               |
+| drawCircleHole             | Whether to draw a hole in each data circle.                                | bool                                                         | No       | iOS/Android | Yes               |
+| dashedLine                 | Sets the polyline to a dashed line.                                              | object                                                       | No       | iOS/Android | Yes               |
+| fillFormatter              | Sets filling.                                                    | object                                                       | No       | iOS/Android | Yes               |
 
 #### LineData Values
 
 | Name | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | ------ | -------- | ----------- | ----------------- |
-| x    | X 轴数据    | number | No       | iOS/Android | Yes               |
-| y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+| x    | X-axis data.   | number | No       | iOS/Android | Yes               |
+| y    | Y-axis data.   | number | Yes      | iOS/Android | Yes               |
 
 ### ScatterChart
 
 | Name | Description | Type        | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | ----------- | -------- | ----------- | ----------------- |
-| data | 散点图数据  | ScatterData | Yes      | iOS/Android | Yes               |
+| data | Scatter chart data. | ScatterData | Yes      | iOS/Android | Yes               |
 
 #### ScatterData Config
 
 | Name                       | Description                                          | Type                                                         | Required | Platform    | HarmonyOS Support |
 | -------------------------- | ---------------------------------------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
-| common                     | 公共数据数据                                         | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
-| barLineScatterCandleBubble | 柱状图、条形图、散点图、气泡图、烛台图的公共基础数据 | Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
-| lineScatterCandleRadar     | 柱状图、烛台图、散点图、雷达图的公共基础数据         | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
-| scatterShapeSize           | 设置绘制的 scattershape 将具有的大小                 | number                                                       | No       | iOS/Android | Yes               |
-| scatterShape               | 设置绘制此 DataSet 时应使用的散点形状                | string                                                       | No       | iOS/Android | Yes               |
-| scatterShapeHoleColor      | 设置形状中孔的颜色                                   | number                                                       | No       | iOS/Android | Yes               |
-| scatterShapeHoleRadius     | 设置形状中孔的半径（适用于正方形、圆形和三角形）     | number                                                       | No       | iOS/Android | Yes               |
+| common                     | Common data.                                        | Data Config Type.Common                                      | No       | iOS/Android | Yes               |
+| barLineScatterCandleBubble | Common basic data of column chart, bar chart, scatter chart, bubble chart, and candlestick chart.| Data Config Type.CommonConfigType.barLineScatterCandleBubble | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar     | Common basic data of column chart, candlestick chart, scatter chart, and radar chart.        | Data Config Type.CommonConfigType.lineScatterCandleRadar     | No       | iOS/Android | Yes               |
+| scatterShapeSize           | Sets the size of the drawn scatter shape.                | number                                                       | No       | iOS/Android | Yes               |
+| scatterShape               | Sets the scatter shape used to draw DataSet.               | string                                                       | No       | iOS/Android | Yes               |
+| scatterShapeHoleColor      | Sets the hole color in a shape.                                  | number                                                       | No       | iOS/Android | Yes               |
+| scatterShapeHoleRadius     | Sets the hole radius in a shape (applicable to squares, circles, and triangles).    | number                                                       | No       | iOS/Android | Yes               |
 
 #### ScatterData Values
 
 | Name | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ---- | ----------- | ------ | -------- | ----------- | ----------------- |
-| x    | X 轴数据    | number | No       | iOS/Android | Yes               |
-| y    | Y 轴数据    | number | Yes      | iOS/Android | Yes               |
+| x    | X-axis data.   | number | No       | iOS/Android | Yes               |
+| y    | Y-axis data.   | number | Yes      | iOS/Android | Yes               |
 
 ### PieChart
 
-| Name                    | Description                                                                       | Type    | Required | Platform    | HarmonyOS Support |
-| ----------------------- | --------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
-| extraOffsets            | 图数据                                                                            | object  | No       | iOS/Android | Yes               |
-| drawEntryLabels         | 将此属性设置为 true 可将条目标签绘制到饼图扇区中                                  | bool    | No       | iOS/Android | Yes               |
-| usePercentValues        | 如果启用此选项，则 PieChart 中的值将以百分比显示                                  | bool    | No       | iOS/Android | Yes               |
-| centerText              | 设置显示在 PieChart 中心的文本字符串。                                            | string  | No       | iOS/Android | Yes               |
-| styledCenterText        | 设置显示在 PieChart 中心的文本字符串的样式                                        | object  | No       | iOS/Android | Yes               |
-| centerTextRadiusPercent | 中心文本边界框的矩形半径,以饼图的百分比表示                                       | number  | No       | iOS/Android | Yes               |
-| holeRadius              | 设置饼图中心孔的半径，以百分比为单位 \*最大半径（max=整个图表的半径），默认为 50% | number  | No       | iOS/Android | Yes               |
-| holeColor               | 设置在饼图中心绘制的孔的颜色                                                      | number  | No       | iOS/Android | Yes               |
-| transparentCircleRadius | 设置在孔旁边绘制的透明圆的半径                                                    | number  | No       | iOS/Android | Yes               |
-| transparentCircleColor  | 设置在孔旁边绘制的透明圆的颜色                                                    | number  | No       | iOS/Android | Yes               |
-| entryLabelColor         | 设置绘制条目标签的颜色                                                            | number  | No       | iOS/Android | Yes               |
-| entryLabelTextSize      | 以 vp 为单位设置条目标签的大小。                                                  | number  | No       | iOS/Android | Yes               |
-| entryLabelFontFamily    | 为条目标签的绘制设置自定义字体                                                    | string  | No       | iOS/Android | Yes               |
-| maxAngle                | 设置用于计算饼图圆的最大角度                                                      | number  | No       | iOS/Android | Yes               |
-| data                    | 饼图数据                                                                          | PieData | Yes      | iOS/Android | Yes               |
+| Name                    | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| extraOffsets            | Sets the chart data.                                                      | object  | No       | iOS/Android | Yes               |
+| drawEntryLabels         | If it is set to **true**, labels can be drawn into the pie chart sector.            | bool    | No       | iOS/Android | Yes               |
+| usePercentValues        | If it is enabled, the values in the pie chart are displayed in percentage.            | bool    | No       | iOS/Android | Yes               |
+| centerText              | Sets the text string displayed in the center of the pie chart.                      | string  | No       | iOS/Android | Yes               |
+| styledCenterText        | Sets the style of the text string displayed in the center of the pie chart.                  | object  | No       | iOS/Android | Yes               |
+| centerTextRadiusPercent | Sets the rectangle radius of the center text bounding box, in percentage of the pie chart.                 | number  | No       | iOS/Android | Yes               |
+| holeRadius              | Sets the radius of the center hole of the pie chart, in percentage. \*The maximum radius (max = the radius of the chart) is **50%** by default.| number  | No       | iOS/Android | Yes               |
+| holeColor               | Sets the color of the hole drawn in the center of the pie chart.                                | number  | No       | iOS/Android | Yes               |
+| transparentCircleRadius | Sets the radius of the transparent circle drawn next to the hole.                              | number  | No       | iOS/Android | Yes               |
+| transparentCircleColor  | Sets the color of the transparent circle drawn next to the hole.                              | number  | No       | iOS/Android | Yes               |
+| entryLabelColor         | Sets the color of the label to be drawn.                                      | number  | No       | iOS/Android | Yes               |
+| entryLabelTextSize      | Sets the size of a label in vp.                            | number  | No       | iOS/Android | Yes               |
+| entryLabelFontFamily    | Sets custom fonts for the drawing of labels.                              | string  | No       | iOS/Android | Yes               |
+| maxAngle                | Sets the maximum angle for calculating the pie chart circle.                                | number  | No       | iOS/Android | Yes               |
+| data                    | Sets the pie chart data.                                                    | PieData | Yes      | iOS/Android | Yes               |
 
 #### PieData Config
 
 | Name              | Description                            | Type                               | Required | Platform    | HarmonyOS Support |
 | ----------------- | -------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
-| common            | 公共数据数据                           | Data Config Type.Common            | No       | iOS/Android | Yes               |
-| PieRadarChartBase | 饼图、雷达图数据                       | Data Config Type.PieRadarChartBase | No       | iOS/Android | Yes               |
-| sliceSpace        | 设置在 vp 中的饼图切片之间留出的空间。 | number                             | No       | iOS/Android | Yes               |
-| selectionShift    | 设置此数据集的突出显示饼图扇区的距离   | number                             | No       | iOS/Android | Yes               |
-| xValuePosition    | 标签显示在饼图里面还是外面             | string                             | No       | iOS/Android | Yes               |
-| yValuePosition    | 标签显示在饼图里面还是外面             | string                             | No       | iOS/Android | Yes               |
+| common            | Common data.                          | Data Config Type.Common            | No       | iOS/Android | Yes               |
+| PieRadarChartBase | Sets pie chart and radar chart data.                      | Data Config Type.PieRadarChartBase | No       | iOS/Android | Yes               |
+| sliceSpace        | Sets the space between pie chart slices in vp.| number                             | No       | iOS/Android | Yes               |
+| selectionShift    | Sets the distance of the highlighted pie chart sector of the dataset.  | number                             | No       | iOS/Android | Yes               |
+| xValuePosition    | Sets whether the label is displayed inside or outside the pie chart.            | string                             | No       | iOS/Android | Yes               |
+| yValuePosition    | Sets whether the label is displayed inside or outside the pie chart.            | string                             | No       | iOS/Android | Yes               |
 
 #### PieData Values
 
 | Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | ----------- | ------ | -------- | ----------- | ----------------- |
-| value | 数据        | number | Yes      | iOS/Android | Yes               |
-| label | 标签        | number | No       | iOS/Android | Yes               |
+| value | Data       | number | Yes      | iOS/Android | Yes               |
+| label | Alpha tag.       | number | No       | iOS/Android | Yes               |
 
 ### RadarChart
 
 | Name              | Description                                          | Type                               | Required | Platform    | HarmonyOS Support |
 | ----------------- | ---------------------------------------------------- | ---------------------------------- | -------- | ----------- | ----------------- |
-| yAxis             | Y 轴                                                 | YAxis                              | No       | iOS/Android | Yes               |
-| drawWeb           | 饼图、雷达图数据                                     | Data Config Type.PieRadarChartBase | No       | iOS/Android | Yes               |
-| skipWebLineCount  | 设置在执行以下操作之前应在图表 Web 上跳过的 Web 行数 | number                             | No       | iOS/Android | Yes               |
-| webLineWidth      | 设置来自中心的腹板线的宽度                           | number                             | No       | iOS/Android | Yes               |
-| webLineWidthInner | 设置 Web 线的宽度，这些 Web 线位于来自 \*中心。      | number                             | No       | iOS/Android | Yes               |
-| webAlpha          | 设置所有 Web 线的透明度（alpha）值                   | number                             | No       | iOS/Android | Yes               |
-| webColor          | 设置来自中心的腹板线的颜色。                         | number                             | No       | iOS/Android | Yes               |
-| webColorInner     | 设置 Web 线之间的颜色，这些线来自\*中心。            | number                             | No       | iOS/Android | Yes               |
-| data              | 雷达图数据                                           | RadarData                          | Yes      | iOS/Android | Yes               |
+| yAxis             | Y axis.                                                | YAxis                              | No       | iOS/Android | Yes               |
+| drawWeb           | Sets pie chart and radar chart data.                                    | Data Config Type.PieRadarChartBase | No       | iOS/Android | Yes               |
+| skipWebLineCount  | Sets the number of web rows that should be skipped on the chart web before next operations.| number                             | No       | iOS/Android | Yes               |
+| webLineWidth      | Sets the web line width in the center.                          | number                             | No       | iOS/Android | Yes               |
+| webLineWidthInner | Sets the web line width in the \*center.     | number                             | No       | iOS/Android | Yes               |
+| webAlpha          | Sets the transparency (alpha) value for all web lines.                  | number                             | No       | iOS/Android | Yes               |
+| webColor          | Sets the web line color in the center.                        | number                             | No       | iOS/Android | Yes               |
+| webColorInner     | Sets the web lines color in the \*center.           | number                             | No       | iOS/Android | Yes               |
+| data              | Radar chart data.                                          | RadarData                          | Yes      | iOS/Android | Yes               |
 
 #### RadarData Config
 
 | Name                   | Description                                  | Type                                                     | Required | Platform    | HarmonyOS Support |
 | ---------------------- | -------------------------------------------- | -------------------------------------------------------- | -------- | ----------- | ----------------- |
-| common                 | 公共数据数据                                 | Data Config Type.Common                                  | No       | iOS/Android | Yes               |
-| lineScatterCandleRadar | 柱状图、烛台图、散点图、雷达图的公共基础数据 | Data Config Type.CommonConfigType.lineScatterCandleRadar | No       | iOS/Android | Yes               |
-| lineRadar              | 折线图、雷达图公共数据                       | Data Config Type.lineRadar                               | No       | iOS/Android | Yes               |
+| common                 | Common data.                                | Data Config Type.Common                                  | No       | iOS/Android | Yes               |
+| lineScatterCandleRadar | Common basic data of column chart, candlestick chart, scatter chart, and radar chart.| Data Config Type.CommonConfigType.lineScatterCandleRadar | No       | iOS/Android | Yes               |
+| lineRadar              | Common data of line chart and radar chart.                      | Data Config Type.lineRadar                               | No       | iOS/Android | Yes               |
 
 #### RadarData Values
 
 | Name  | Description | Type   | Required | Platform    | HarmonyOS Support |
 | ----- | ----------- | ------ | -------- | ----------- | ----------------- |
-| value | 数据        | number | Yes      | iOS/Android | Yes               |
+| value | Data       | number | Yes      | iOS/Android | Yes               |
 
 ## Known Issues
 
 ## Others
 
-- 图例的 maxSizePercent 最大百分比属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/995)
-- 图例的 custom 属性，设置后会覆盖原有的图例，但自定义图例也不显示在 Android 和 iOS 中，属性不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/996)
-- logEnabled 会开启安卓特有的日志 logcat 和 highlights 属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/998)
-- stackLabels 堆叠条形图设置无效果和 drawCubicIntensity 曲线角度属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/997)
-- 在 Android 和 iOS visibleRange 最大大小百分比限制通过缩放和缩放可以看到的最大和最小 x 范围不起作用， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
-- keepPositionOnRotation 旋转后保持图表原始位置属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
-- valueFormatter 格式化数据属性在 Android 和 iOS 不生效， HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/935)
-- chartBackgroundColor 图表背景颜色在原库中不生效，在原库中网格背景颜色与图表背景颜色设置的内容一样，则已不支持图表背景 HarmonyOS 与 Android,iOS 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1001)
-- Legend 中的 text 与 data 中 label 效果相同，原库中已不支持该属性。HarmonyOS 与 Android，ios 表现一致。[原库 issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1003)
+- The **maxSizePercent** property does not take effect on Android and iOS. The performance on HarmonyOS is the same as that on Android and iOS. [Original issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/995)
+- The **custom** property will overwrite the original legend after being set. However, the custom legend is not displayed on Android and iOS, and the property does not take effect. The performance on HarmonyOS is the same as that on Android and iOS. [Original issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/996)
+- The **logEnabled** property enables the **logcat** and **highlights** properties specific to Android. The performance on HarmonyOS is the same as that on Android and iOS. [Original issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/998)
+- The **stackLabels** property setting does not take effect, and the **drawCubicIntensity** property setting does not take effect on Android and iOS. The performance on HarmonyOS is the same as that on Android and iOS. [Original issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/997)
+- After the **visibleRange** property is set on Android and iOS, the maximum and minimum x ranges that can be viewed through scaling do not take effect. The performance on HarmonyOS is the same as that on Android and iOS. [Original issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- The **keepPositionOnRotation** property setting does not take effect on Android and iOS. The performance on HarmonyOS is the same as that on Android and iOS. [Original issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/999)
+- The **valueFormatter** property does not take effect on Android and iOS. The performance on HarmonyOS is the same as that on Android and iOS. [Original issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/935)
+- The **chartBackgroundColor** property setting does not take effect in the original library, because in the original library, the background color of the grid is the same as that of the chart. The performance on HarmonyOS is the same as that on Android and iOS. [Original issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1001)
+- The text in Legend has the same effect with the label in data, therefore, they are not supported in the original library. The performance on HarmonyOS is the same as that on Android and iOS. [Original issue](https://github.com/wuxudong/react-native-charts-wrapper/issues/1003)
 
 ## License
 
diff --git a/en/react-native-communications.md b/en/react-native-communications.md
index 58ff9c86..7d888334 100644
--- a/en/react-native-communications.md
+++ b/en/react-native-communications.md
@@ -119,16 +119,16 @@ This document is verified based on the following versions:
 
 | Name                | Description                      | Type     | Required | Platform | HarmonyOS Support |
 | ------------------- | -------------------------------- | -------- | -------- | -------- | ----------------- |
-| phonecall           | 拨打电话                         | function | yes      | All      | yes               |
-| email               | 发送电子邮件                     | function | yes      | All      | no                |
-| text                | 发送文本消息                     | function | yes      | All      | yes               |
-| textWithoutEncoding | 发送文本消息，但是不进行编码处理 | function | yes      | All      | yes               |
-| web                 | 打开指定的网页 URL               | function | yes      | All      | yes               |
+| phonecall           | Initiates a call.                        | function | yes      | All      | yes               |
+| email               | Sends an email.                    | function | yes      | All      | no                |
+| text                | Sends a text message.                    | function | yes      | All      | yes               |
+| textWithoutEncoding | Send a text message without encoding it.| function | yes      | All      | yes               |
+| web                 | Opens a specified web page.              | function | yes      | All      | yes               |
 
 ## Known Issues
 
-- [ ] HarmonyOS 侧没有邮箱应用，导致 email 方法无法打开发送邮件界面。
-- [ ] text 添加 body 之后，没法在短信界面拆分进短信输入栏，框架侧接口 Linking.canOpenURL 不支持。
+- [ ] There is no email application on HarmonyOS. As a result, the email method cannot open the email sending page.
+- [ ] After body is added to text, the text input box cannot be split on the SMS page. This is not supported by the framework API **Linking.canOpenURL**.
 
 ## Others
 
diff --git a/en/react-native-contacts.md b/en/react-native-contacts.md
index 3ae1e71d..4b9a41a9 100644
--- a/en/react-native-contacts.md
+++ b/en/react-native-contacts.md
@@ -379,7 +379,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing ContactsPackage to ArkTS
 
@@ -418,7 +418,7 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-[!TIP] "ohos.permission.READ_CONTACTS"，"ohos.permission.WRITE_CONTACTS"权限等级为<B>system_basic</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+[!TIP] The permission level of "ohos.permission.READ_CONTACTS" and "ohos.permission.WRITE_CONTACTS" is **system_basic**, and the authorization mode is **user_grant**. For details, see [Requesting ACL Permissions](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V2/signing-0000001587684945-V2#section157591551175916)
 
 Open the `entry/src/main/module.json5` file and add the following code:
 
@@ -478,81 +478,81 @@ Open the `entry/src/main/module.json5` file and add the following code:
 **Contacts**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| recordID | 联系人 id | string | no | Android,iOS | yes |
-| backTitle | 返回键标题 | string | no | Android,iOS | no |
-| company | 公司 | string|no | Android,iOS | yes |
-| emailAddresses | 电子邮箱地址 | EmailAddress[] | no | Android,iOS | yes |
-| displayName | 展示名 | string | no | Android,iOS | yes |
-| familyName | 姓氏 | string | no | Android,iOS | yes |
-| givenName | 名字 | string | no | Android,iOS | yes |
-| middleName | 中间名 | string | no | Android,iOS | yes |
-| jobTitle | 职位名称 | string | no | Android,iOS | yes |
-| phoneNumbers | 电话号码 | PhoneNumber[] | no | Android,iOS | yes |
-| hasThumbnail | 有头像 | boolean | no | Android,iOS | no |
-| thumbnailPath | 头像地址 | string | no | Android,iOS | no |
-| isStarred | 是否标记 | boolean | no | Android,iOS | yes |
-| postalAddresses | 邮件地址 | PostalAddress[] | no | Android,iOS | yes |
-| prefix | 前缀 | string | no | Android,iOS | yes |
-| suffix | 后缀 | string | no | Android,iOS | yes |
-| department | 部门 | string | no | Android,iOS | yes |
-| birthday | 生日 | Birthday | no | Android,iOS | yes |
-| imAddresses | 即时消息地址 | InstantMessageAddress[] | no | Android,iOS | yes |
-| urlAddresses | 图片地址 | UrlAddress[] | no | Android,iOS | no |
-| note | 备注 | string | no | Android,iOS | yes |
+| recordID | Contact ID| string | no | Android,iOS | yes |
+| backTitle | Back button title| string | no | Android,iOS | no |
+| company | Company| string|no | Android,iOS | yes |
+| emailAddresses | Email addresses.| EmailAddress[] | no | Android,iOS | yes |
+| displayName | Display name| string | no | Android,iOS | yes |
+| familyName | Family name| string | no | Android,iOS | yes |
+| givenName | Given name| string | no | Android,iOS | yes |
+| middleName | Middle name| string | no | Android,iOS | yes |
+| jobTitle | Job title| string | no | Android,iOS | yes |
+| phoneNumbers | Phone numbers.| PhoneNumber[] | no | Android,iOS | yes |
+| hasThumbnail | Whether a contact has a thumbnail.| boolean | no | Android,iOS | no |
+| thumbnailPath | Thumbnail path| string | no | Android,iOS | no |
+| isStarred | Whether a contact is starred.| boolean | no | Android,iOS | yes |
+| postalAddresses | Postal addresses.| PostalAddress[] | no | Android,iOS | yes |
+| prefix | Prefix| string | no | Android,iOS | yes |
+| suffix | Suffix| string | no | Android,iOS | yes |
+| department | Department| string | no | Android,iOS | yes |
+| birthday | Birthday| Birthday | no | Android,iOS | yes |
+| imAddresses | Instant message addresses.| InstantMessageAddress[] | no | Android,iOS | yes |
+| urlAddresses | Image addresses.| UrlAddress[] | no | Android,iOS | no |
+| note | Note| string | no | Android,iOS | yes |
 
 **EmailAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| label | 标题 | string | no | Android,iOS | yes |
-| email | 地址 | string | no | Android,iOS | yes |
+| label | Title| string | no | Android,iOS | yes |
+| email | Address| string | no | Android,iOS | yes |
 
 **PhoneNumber**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| label | 标题 | string | no | Android,iOS | yes |
-| number | 号码 | string | no | Android,iOS | yes |
+| label | Title| string | no | Android,iOS | yes |
+| number | Number| string | no | Android,iOS | yes |
 
 **PostalAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| label | 标题 | string | no | Android,iOS | yes |
-| formattedAddress | 格式化地址 | string | no | Android,iOS | yes |
-| street | 街道 | string | no | Android,iOS | yes |
-| pobox | 信箱 | string | no | Android,iOS | yes |
-| neighborhood | 邻域 | string | no | Android,iOS | yes |
-| city | 城市 | string | no | Android,iOS | yes |
-| region | 区域 | string | no | Android,iOS | yes |
-| state | 州 | string | no | Android,iOS | yes |
-| postCode | 邮政编码 | string | no | Android,iOS | yes |
-| country | 国家/地区 | string | no | Android,iOS | yes |
+| label | Title| string | no | Android,iOS | yes |
+| formattedAddress | Formatted address| string | no | Android,iOS | yes |
+| street | Street| string | no | Android,iOS | yes |
+| pobox | Postal box| string | no | Android,iOS | yes |
+| neighborhood | Neighborhood| string | no | Android,iOS | yes |
+| city | City| string | no | Android,iOS | yes |
+| region | Region| string | no | Android,iOS | yes |
+| state | State| string | no | Android,iOS | yes |
+| postCode | Postal code| string | no | Android,iOS | yes |
+| country | Country/Region| string | no | Android,iOS | yes |
 
 **InstantMessageAddress**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| username | 用户名 | string | no | Android,iOS | no |
-| service | 服务地址 | string | no | Android,iOS | no |
+| username | User name| string | no | Android,iOS | no |
+| service | Service address| string | no | Android,iOS | no |
 
 **Birthday**
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| day | 日 | number | no | Android,iOS | yes |
-| month | 月 | number | no | Android,iOS | yes |
-| year | 年 | number | no | Android,iOS | yes |
+| day | Day| number | no | Android,iOS | yes |
+| month | Month| number | no | Android,iOS | yes |
+| year | Year| number | no | Android,iOS | yes |
 
 **UrlAddress**
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| url | 路径 | string | no | Android,iOS | yes |
-| label | 标题 | string | no | Android,iOS | yes |
+| url | Path| string | no | Android,iOS | yes |
+| label | Title| string | no | Android,iOS | yes |
 
 ## Known Issues
 
-- [ ] openContactForm: 跳转到系统联系人界面只支持姓名和电话参数传递，需要系统联系人应用支持所有属性，另外创建成功之后无法返回联系人信息，联系人应用目前不支持。[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
-- [ ] openExistingContact: 联系人应用新增和编辑是同一个界面，目前参数只支持姓名和电话传递，编辑成功之后也无法拿到联系人信息[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
-- [ ] viewExistingContact: 查看界面只有姓名和电话信息，需要联系人应用补齐所有属性[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
-- [ ] editExistingContact: 没有单独的只支持编辑电话号码的页面，目前同编辑页面[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
-- [ ] writePhotoToPath: 系统联系人应用不支持[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] **openContactForm**: Currently, only the name and phone number parameters can be passed to the system contact page, and the contact information cannot be returned after a contact is created. The system contact application must support all properties.[issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] **openExistingContact**: Currently, the same page is used for adding and editing contacts, and only the name and phone number can be passed. After the contact is edited, the contact information cannot be obtained. [issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] **viewExistingContact**: Only the name and phone number are displayed on the viewing page. The contact application needs to support all properties. [issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] **editExistingContact**: There is no independent page for editing only phone numbers. [issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
+- [ ] **writePhotoToPath**: The system contact application does not support this API. [issue#1](https://github.com/react-native-oh-library/react-native-contacts/issues/1)
 
 ## Others
 
diff --git a/en/react-native-context-menu-view.md b/en/react-native-context-menu-view.md
index c66ac3b1..bf6f4f57 100644
--- a/en/react-native-context-menu-view.md
+++ b/en/react-native-context-menu-view.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -106,7 +106,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Configuring CMakeLists and Introducing ContextMenuPackage
 
@@ -244,15 +244,15 @@ Check the release version information in the release address of the third-party
 
 ## Others
 
-1.previewBackgroundColor 属性，经过验证在 iOS 和 Android 均无效果。
+1. The **previewBackgroundColor** property does not take effect on iOS and Android devices.
 
-2.actions 属性是个结构体函数，所以包含其他上文列举属性，例如 previewBackgroundColor 等。所以，属于部分支持
+2. The **actions** property is a struct function and contains other properties listed above, such as **previewBackgroundColor**. Therefore, it is partially supported.
 
-3.该库的具体逻辑实现，在不同平台，均为调用平台对应的底层 Menu 接口进行相关操作。所以，不同平台上，动效展示等会有所不同。
+3. The specific logic implementation of the library is to call the corresponding bottom-layer **Menu** API of the OS to perform related operations. Therefore, the animation display varies depending on the OS.
 
-4.onPress 方法的 callback 参考: { nativeEvent: { index, indexPath, name } }.
+4. The **onPress** callback is as follows: **{ nativeEvent: { index, indexPath, name } }**.
 
-5.当 systemIcon 和 icon 同时配置的时候，在 Harmony Next 平台上，systemIcon 的优先级高于 icon
+5. When both **systemIcon** and **icon** are configured, **systemIcon** is at a higher priority than **icon** on Harmony Next.
 
 ## License
 
diff --git a/en/react-native-document-picker.md b/en/react-native-document-picker.md
index 8c6c5477..e5992f57 100644
--- a/en/react-native-document-picker.md
+++ b/en/react-native-document-picker.md
@@ -130,7 +130,7 @@ const MultiSelect: React.FC<MultiSelectProps> = ({ onSelectValue }) => {
       >
         <View style={{ width: "100%" }}>
           <Text style={{ fontSize: 20, fontWeight: "600", margin: 6 }}>
-            picker 的文件类型
+            File type of the picker.
           </Text>
         </View>
         {typeUi.map((s) => (
@@ -215,7 +215,7 @@ export default function DocumentPickerDemo(): JSX.Element {
 
       <View style={{ width: "100%" }}>
         <Text style={{ fontSize: 20, fontWeight: "600", margin: 6 }}>
-          是否多选
+          Whether allow multiple selections.
         </Text>
       </View>
 
@@ -226,7 +226,7 @@ export default function DocumentPickerDemo(): JSX.Element {
 
       <View style={{ width: "100%" }}>
         <Text style={{ fontSize: 20, fontWeight: "600", margin: 6 }}>
-          copyTo文件夹
+          Copy a file to a folder.
         </Text>
       </View>
 
@@ -265,7 +265,7 @@ export default function DocumentPickerDemo(): JSX.Element {
       </TouchableOpacity>
       <View style={{ width: "100%" }}>
         <Text style={{ fontSize: 20, fontWeight: "600", margin: 6 }}>
-          选择结果
+          Pick result.
         </Text>
       </View>
       <Text>{pickResult}</Text>
@@ -437,7 +437,7 @@ Check the release version information in the release address of the third-party
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-option pick 方法的传参选项
+Parameters of the option pick Method
 
 | Name                | Description                                                                                                                                                                                         | Type                                                                    | Required | Platform    | HarmonyOS Support |
 | ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | -------- | ----------- | ----------------- |
@@ -467,12 +467,12 @@ option pick 方法的传参选项
 
 ## 6. Known Issues
 
-- [ ] HarmonyOS 端 file picker selectMode 设置选文件夹无效: [issue#1](https://github.com/react-native-oh-library/document-picker/issues/1)
-- [ ] releaseSecureAccess 选择沙箱路径外文件无法实现， HarmonyOS 暂无此能力接口: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2)
+- [ ] The **pickerOpt. selectMode** API is invalid when it is set to **FOLDER** on HarmonyOS: [issue#1](https://github.com/react-native-oh-library/document-picker/issues/1).
+- [ ] **releaseSecureAccess** cannot be used to select files outside the sandbox path. This API is not supported on HarmonyOS: [issue#2](https://github.com/react-native-oh-library/document-picker/issues/2).
 
 ## 7. Others
 
-- 因权限问题无法读写图库资源，文件管理中从图库选择文件暂不支持。
+- The Gallery resources cannot be read or written due to permission issues. Selecting files from the Gallery is not supported in Files.
 
 ## 8. License
 
diff --git a/en/react-native-dropdown-picker.md b/en/react-native-dropdown-picker.md
index 5c863838..de2e6a28 100644
--- a/en/react-native-dropdown-picker.md
+++ b/en/react-native-dropdown-picker.md
@@ -93,7 +93,7 @@ export default function App() {
 This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
@@ -109,8 +109,8 @@ This document is verified based on the following versions:
 | props                      | Adds native props for the container TouchableOpacity.                                                            | object                                                             | no       | All      | yes               |
 | itemProps                  | Adds native props for the TouchableOpacity of each item.                                                         | object                                                             | no       | All      | yes               |
 | containerProps             | Adds native props for the container.                                                                             | object                                                             | no       | All      | yes               |
-| labelProps                 | Adds native props for the Text element of the selected item.                                                     | object                                                             | no       | All      | yes               |
-| multiple                   | You can select multiple items                                                                                    | boolean                                                            | no       | All      | yes               |
+| labelProps                 | Adds native props for the Text element of the selected item.                                                     | object                                                             | no       | All      | yes               |
+| multiple                   | You can select multiple items                                                                                    | boolean                                                            | no       | All      | yes               |
 | min                        | Specifies the minimum number of items.                                                                           | number                                                             | no       | All      | yes               |
 | max                        | Specifies the maximum number of items.                                                                           | number                                                             | no       | All      | yes               |
 | disabled                   | Disables the picker.                                                                                             | boolean                                                            | no       | All      | yes               |
@@ -122,10 +122,10 @@ This document is verified based on the following versions:
 | zIndex                     | Specifies the stack order.                                                                                       | number                                                             | no       | All      | yes               |
 | zIndexInverse              | Specifies the inverse stack order.                                                                               | number                                                             | no       | All      | yes               |
 | setOpen                    | State callback that is called when the user presses the picker.                                                  | (open: boolean) => void                                            | yes      | All      | yes               |
-| setItems                   | State callback that is called to modify or add new items.                                                        | (callback: SetStateAction[]) => void                               | no       | All      | yes               |
-| setValue                   | State callback that is called when the value changes.                                                            | (callback: SetStateAction) => void                                 | yes      | All      | yes               |
-| onChangeValue              | Callback that returns the current value.                                                                         | (value: ValueType) => void \| (value: ValueType[]) => void \| null | no       | All      | yes               |
-| onSelectItem               | Callback that returns the selected item / items.                                                                 | (item: ItemType) => void \| (items: ItemType[]) => void \| null    | no       | All      | yes               |
+| setItems                   | State callback that is called to modify or add new items.                                                        | (callback: SetStateAction[]) => void                               | no       | All      | yes               |
+| setValue                   | State callback that is called when the value changes.                                                            | (callback: SetStateAction) => void                                 | yes      | All      | yes               |
+| onChangeValue              | Callback that returns the current value.                                                                         | (value: ValueType) => void \| (value: ValueType[]) => void \| null | no       | All      | yes               |
+| onSelectItem               | Callback that returns the selected item / items.                                                                 | (item: ItemType) => void \| (items: ItemType[]) => void \| null    | no       | All      | yes               |
 | onPress                    | Callback that is called as soon as the user presses the picker.                                                  | (open: boolean) => void                                            | no       | All      | yes               |
 | onOpen                     | Callback that is called when the user opens the picker.                                                          | () => void                                                         | no       | All      | yes               |
 | onClose                    | Callback that is called when the user closes the picker.                                                         | () => void                                                         | no       | All      | yes               |
@@ -180,18 +180,18 @@ This document is verified based on the following versions:
 | badgeTextStyle             | Set badgeTextStyle                                                                                               | object                                                             | no       | All      | yes               |
 | badgeDotStyle              | Set badgeDotStyle                                                                                                | object                                                             | no       | All      | yes               |
 | badgeSeparatorStyle        | Set badgeSeparatorStyle                                                                                          | object                                                             | no       | All      | yes               |
-| badgeColors                | Gives background colors to badges based on the value.                                                            | object, string                                                     | no       | All      | yes               |
-| badgeDotColors             | Gives background colors to badge dots based on the value.                                                        | object, string                                                     | no       | All      | yes               |
+| badgeColors                | Gives background colors to badges based on the value.                                                            | object, string                                                     | no       | All      | yes               |
+| badgeDotColors             | Gives background colors to badge dots based on the value.                                                        | object, string                                                     | no       | All      | yes               |
 | dropDownDirection          | Specifies which direction the drop-down menu should open.                                                        | 'DEFAULT'\|'TOP'\|'BOTTOM'\|'AUTO'                                 | no       | All      | yes               |
-| bottomOffset               | Specifies the maximum bottom offset. To use this prop you need dropDownDirection="AUTO".                         | number                                                             | no       | All      | yes               |
+| bottomOffset               | Specifies the maximum bottom offset. To use this prop you need dropDownDirection="AUTO".                         | number                                                             | no       | All      | yes               |
 | onDirectionChanged         | Callback that is called when the direction changes.                                                              | function                                                           | no       | All      | yes               |
 | dropDownContainerStyle     | Set dropDownContainerStyle                                                                                       | object                                                             | no       | All      | yes               |
 | itemKey                    | Specifies which item key should be used as a key.                                                                | string                                                             | no       | All      | yes               |
 | closeAfterSelecting        | Closes the picker after selecting an item.                                                                       | boolean                                                            | no       | All      | yes               |
 | closeOnBackPressed         | Closes the picker after pressing the back button.                                                                | boolean                                                            | no       | All      | yes               |
 | itemSeparator              | Specifies if the item separater should be visible.                                                               | boolean                                                            | no       | All      | yes               |
-| renderListItem             | Customizes the renderListItem.                                                                                   | function                                                           | no       | All      | yes               |
-| ListEmptyComponent         | Changes the default ListEmptyComponent.                                                                          | function                                                           | no       | All      | yes               |
+| renderListItem             | Customizes the renderListItem.                                                                                   | function                                                           | no       | All      | yes               |
+| ListEmptyComponent         | Changes the default ListEmptyComponent.                                                                          | function                                                           | no       | All      | yes               |
 | listItemContainerStyle     | Set listItemContainerStyle                                                                                       | object                                                             | no       | All      | yes               |
 | listItemLabelStyle         | Set listItemLabelStyle                                                                                           | object                                                             | no       | All      | yes               |
 | selectedItemContainerStyle | Set selectedItemContainerStyle                                                                                   | object                                                             | no       | All      | yes               |
@@ -205,7 +205,7 @@ This document is verified based on the following versions:
 | flatListProps              | Adds native props for the FlatList.                                                                              | object                                                             | no       | All      | yes               |
 | scrollViewProps            | Adds native props for the ScrollView.                                                                            | object                                                             | no       | All      | yes               |
 | modalProps                 | Adds native props for the Modal.                                                                                 | object                                                             | no       | All      | yes               |
-| modalTitle                 | Sets modal title.listMode="MODAL" and searchable={false} are required.                                           | string                                                             | no       | All      | yes               |
+| modalTitle                 | Sets modal title.listMode="MODAL" and searchable={false} are required.                                           | string                                                             | no       | All      | yes               |
 | modalAnimationType         | This prop controls how the modal animates.                                                                       | 'slide'\|'fade'\|'none'                                            | no       | All      | yes               |
 | modalContentContainerStyle | Set modalContentContainerStyle                                                                                   | object                                                             | no       | All      | yes               |
 | modalTitleStyle            | Set modalTitleStyle                                                                                              | object                                                             | no       | All      | yes               |
@@ -227,7 +227,7 @@ This document is verified based on the following versions:
 
 ## Known Issues
 
-- [ ] 方法 String.prototype.normalize('NFD')在 RN 框架下有问题，导致属性 searchWithRegionalAccents 不生效。
+- [ ]There is a bug in **String.prototype.normalize('NFD')** under the RN framework. As a result, the **searchWithRegionalAccents** property does not take effect.
 
 ## Others
 
diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
index f6fb2d2c..44e5418f 100644
--- a/en/react-native-dropdownalert.md
+++ b/en/react-native-dropdownalert.md
@@ -16,22 +16,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-dropdownalert Releases](https://github.com/react-native-oh-library/react-native-dropdownalert/releases).
 
 Go to the project directory and execute the following instruction:
 
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-dropdownalert
+npm install @react-native-oh-tpl/react-native-dropdownalert@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-dropdownalert
+yarn add @react-native-oh-tpl/react-native-dropdownalert@file:#
 ```
 
 <!-- tabs:end -->
@@ -253,7 +255,7 @@ Check the release version information in the release address of the third-party
 
 ### DropdownAlertType
 
-DropdownAlertType 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的类型。
+**DropdownAlertType**, an enum object exported from the **DropdownAlert** library, enumerates the types of dialog boxes.
 
 #### DropdownAlertType Property
 
@@ -263,184 +265,184 @@ DropdownAlertType 是 DropdownAlert 库导出的一个枚举对象，列举了
 
 | Name    | Description  | Type   | **Required** | Platform | HarmonyOS Support |
 | ------- | ------------ | ------ | ------------ | -------- | ----------------- |
-| Info    | 值为 info    | string | no           | All      | yes               |
-| Warn    | 值为 warn    | string | no           | All      | yes               |
-| Error   | 值为 error   | string | no           | All      | yes               |
-| Success | 值为 success | string | no           | All      | yes               |
+| Info    | The value is **info**.   | string | no           | All      | yes               |
+| Warn    | The value is **warn**.   | string | no           | All      | yes               |
+| Error   | The value is **error**.  | string | no           | All      | yes               |
+| Success | The value is **success**.| string | no           | All      | yes               |
 
 ### DropdownAlertDismissAction
 
-DropdownAlertDismissAction 是 DropdownAlert 库导出的一个枚举对象，列举了弹框消失的动作类型。
+**DropdownAlertDismissAction**, an enum object exported from the **DropdownAlert** library, enumerates the dismiss action types of dialog boxes.
 
 #### DropdownAlertDismissAction Property
 
 | Name         | Description       | Type   | **Required** | Platform | HarmonyOS Support |
 | ------------ | ----------------- | ------ | ------------ | -------- | ----------------- |
-| Automatic    | 值为 automatic    | string | no           | All      | yes               |
-| Cancel       | 值为 cancel       | string | no           | All      | yes               |
-| Pan          | 值为 pan          | string | no           | All      | yes               |
-| Programmatic | 值为 programmatic | string | no           | All      | yes               |
-| Press        | 值为 press        | string | no           | All      | yes               |
+| Automatic    | The value is **automatic**.   | string | no           | All      | yes               |
+| Cancel       | The value is **cancel**.      | string | no           | All      | yes               |
+| Pan          | The value is **pan**.         | string | no           | All      | yes               |
+| Programmatic | The value is **programmatic**.| string | no           | All      | yes               |
+| Press        | The value is **press**.       | string | no           | All      | yes               |
 
 ### DropdownAlertColor
 
-DropdownAlertColor 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的颜色
+**DropdownAlertColor**, an enum object exported from the **DropdownAlert** library, enumerates the colors of dialog boxes.
 
 #### DropdownAlertColor Property
 
 | Name    | Description    | Type   | **Required** | Platform | HarmonyOS Support |
 | ------- | -------------- | ------ | ------------ | -------- | ----------------- |
-| Info    | 值为'#2b73b6'  | string | no           | All      | yes               |
-| Warn    | 值为'#cd853f'  | string | no           | All      | yes               |
-| Error   | 值为'#cc3232'  | string | no           | All      | yes               |
-| Success | 值为'#32a54a'  | string | no           | All      | yes               |
-| Default | 值为''#000000' | string | no           | All      | yes               |
+| Info    | The value is **'#2b73b6'**. | string | no           | All      | yes               |
+| Warn    | The value is **'#cd853f'**. | string | no           | All      | yes               |
+| Error   | The value is **'#cc3232'**. | string | no           | All      | yes               |
+| Success | The value is **'#32a54a'**. | string | no           | All      | yes               |
+| Default | The value is **'#000000'**.| string | no           | All      | yes               |
 
 ### DropDownAlertImage
 
-DropDownAlertImage 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的图片资源。
+**DropDownAlertImage**, an enum object exported from the **DropdownAlert** library, enumerates the image resources of dialog boxes.
 
 #### DropDownAlertImage Property
 
 | Name    | Description                                                              | Type                | **Required** | Platform | HarmonyOS Support |
 | ------- | ------------------------------------------------------------------------ | ------------------- | ------------ | -------- | ----------------- |
-| Info    | Info 时使用的图片资源，使用源库的资源 require('./assets/info.png')       | ImageSourcePropType | no           | All      | yes               |
-| Warn    | Warn 时使用的图片资源，使用源库的资源 require('./assets/warn.png')       | ImageSourcePropType | no           | All      | yes               |
-| Error   | Error 时使用的图片资源，使用源库的资源 require('./assets/error.png')     | ImageSourcePropType | no           | All      | yes               |
-| Success | Success 时使用的图片资源，使用源库的资源 require('./assets/success.png') | ImageSourcePropType | no           | All      | yes               |
-| Cancel  | Cancel 时使用的图片资源，使用源库的资源 require('./assets/cancel.png')   | ImageSourcePropType | no           | All      | yes               |
+| Info    | Image resource used in the Info dialog box, which is obtained through **require('./assets/info.png')**.      | ImageSourcePropType | no           | All      | yes               |
+| Warn    | Image resource used in the Warn dialog box, which is obtained through **require('./assets/warn.png')**.      | ImageSourcePropType | no           | All      | yes               |
+| Error   | Image resource used in the Error dialog box, which is obtained through **require('./assets/error.png')**.    | ImageSourcePropType | no           | All      | yes               |
+| Success | Image resource used in the Success dialog box, which is obtained through **require('./assets/success.png')**.| ImageSourcePropType | no           | All      | yes               |
+| Cancel  | Image resource used in the Cancel dialog box, which is obtained through **require('./assets/cancel.png')**.  | ImageSourcePropType | no           | All      | yes               |
 
 ### DropdownAlertToValue
 
-DropdownAlertToValue 是 DropdownAlert 库导出的一个枚举对象，有两种值 Alert 和 Dismiss。
+**DropdownAlertToValue**, an enum object exported from the **DropdownAlert** library, has two members: **Alert** and **Dismiss**.
 
 #### DropdownAlertToValue Property
 
 | Name    | Description | Type   | **Required** | Platform | HarmonyOS Support |
 | ------- | ----------- | ------ | ------------ | -------- | ----------------- |
-| Alert   | 值为 1      | number | no           | All      | yes               |
-| Dismiss | 值为 0      | number | no           | All      | yes               |
+| Alert   | The value is **1**.     | number | no           | All      | yes               |
+| Dismiss | The value is **0**.     | number | no           | All      | yes               |
 
 ### DropDownAlertTestID
 
-DropDownAlertTestID 是 DropdownAlert 库导出的一个枚举对象，列举了弹框的测试 ID。
+**DropDownAlertTestID**, an enum object exported from the **DropdownAlert** library, enumerates the test IDs of dialog boxes.
 
 #### DropDownAlertTestID Property
 
 | Name         | Description       | Type   | **Required** | Platform | HarmonyOS Support |
 | ------------ | ----------------- | ------ | ------------ | -------- | ----------------- |
-| AnimatedView | 值为 animatedView | string | no           | All      | yes               |
-| SafeView     | 值为 safeView     | string | no           | All      | yes               |
-| TextView     | 值为 textView     | string | no           | All      | yes               |
-| Alert        | 值为 alert        | string | no           | All      | yes               |
-| Image        | 值为 image        | string | no           | All      | yes               |
-| Title        | 值为 title        | string | no           | All      | yes               |
-| Message      | 值为 message      | string | no           | All      | yes               |
-| Cancel       | 值为 cancel       | string | no           | All      | yes               |
-| CancelImage  | 值为 cancelImage  | string | no           | All      | yes               |
+| AnimatedView | The value is **animatedView**.| string | no           | All      | yes               |
+| SafeView     | The value is **safeView**.    | string | no           | All      | yes               |
+| TextView     | The value is **textView**.    | string | no           | All      | yes               |
+| Alert        | The value is **alert**.       | string | no           | All      | yes               |
+| Image        | The value is **image**.       | string | no           | All      | yes               |
+| Title        | The value is **title**.       | string | no           | All      | yes               |
+| Message      | The value is **message**.     | string | no           | All      | yes               |
+| Cancel       | The value is **cancel**.      | string | no           | All      | yes               |
+| CancelImage  | The value is **cancelImage**. | string | no           | All      | yes               |
 
 ### DropdownAlertData
 
-DropdownAlertData 是 DropdownAlert 库导出的一个 class 对象，定义了弹框的数据内容，如标题、提示信息等。
+**DropdownAlertData**, a class object exported from the **DropdownAlert** library, defines the data content of a dialog box, such as the title and prompt information.
 
 #### DropdownAlertData Property
 
 | Name     | Description                             | Type                | **Required** | Platform | HarmonyOS Support |
 | -------- | --------------------------------------- | ------------------- | ------------ | -------- | ----------------- |
-| type     | 弹窗类型，传入 DropdownAlertType 的枚举 | DropdownAlertType   | no           | All      | yes               |
-| title    | 弹窗的消息标题                          | string              | no           | All      | yes               |
-| message  | 弹窗的消息正文                          | string              | no           | All      | yes               |
-| source   | 弹窗的图片类型                          | ImageSourcePropType | no           | All      | yes               |
-| interval | 自动消失的时间，单位毫秒值              | number              | no           | All      | yes               |
-| resolve  | 弹窗被处理的触发的事件                  | function            | no           | All      | yes               |
+| type     | Type of the dialog box, which is an enumof **DropdownAlertType**.| DropdownAlertType   | no           | All      | yes               |
+| title    | Message title of the dialog box.                         | string              | no           | All      | yes               |
+| message  | Message body of the dialog box.                         | string              | no           | All      | yes               |
+| source   | Image type of the dialog box.                         | ImageSourcePropType | no           | All      | yes               |
+| interval | Interval for the dialog box to disappear automatically, in milliseconds.             | number              | no           | All      | yes               |
+| resolve  | Event triggered when a dialog box is processed.                 | function            | no           | All      | yes               |
 
 ### DropdownAlertPosition
 
-DropdownAlertData 是 DropdownAlert 库导出的一个 class 对象，定义了弹框弹出位置，有顶部弹出和底部弹出两种。
+**DropdownAlertData**, a class object exported from the **DropdownAlert** library, defines the display position of the dialog box, including top and bottom.
 
 #### DropdownAlertPosition Property
 
 | Name   | Description            | Type              | **Required** | Platform | HarmonyOS Support |
 | ------ | ---------------------- | ----------------- | ------------ | -------- | ----------------- |
-| Top    | 顶部弹出，值为'top'    | DropdownAlertType | no           | All      | yes               |
-| Bottom | 底部弹出，值为'bottom' | string            | no           | All      | yes               |
+| Top    | The dialog box is displayed on the top. The value is **top**.   | DropdownAlertType | no           | All      | yes               |
+| Bottom | The dialog box is displayed at the bottom. The value is **bottom**.| string            | no           | All      | yes               |
 
 ### DropdownAlert components
 
-DropdownAlert 是 DropdownAlert 库导出的核心组件，定义了弹框所有属性，与 DropdownAlertProps 属性一致。
+**DropdownAlert**, a core component exported from the **DropdownAlert** library, defines all properties of a dialog box. Its properties are the same as those of **DropdownAlertProps**.
 
 #### DropdownAlert Property
 
 | Name                             | Description                                                                                                                                                        | Type                           | **Required** | Platform | HarmonyOS Support |
 | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------ | ------------ | -------- | ----------------- |
-| imageSrc                         | 弹框未指定图片资源的时候使用的默认自定义图片                                                                                                                       | ImageSourcePropType            | no           | All      | yes               |
-| infoImageSrc                     | 弹框未指定类型为 Info 时，使用的自定义图片                                                                                                                         | ImageSourcePropType            | no           | All      | yes               |
-| warnImageSrc                     | 弹框未指定类型为 Warn 时，使用的自定义图片                                                                                                                         | ImageSourcePropType            | no           | All      | yes               |
-| errorImageSrc                    | 弹框未指定类型为 Error 时，使用的自定义图片                                                                                                                        | ImageSourcePropType            | no           | All      | yes               |
-| successImageSrc                  | 弹框未指定类型为 Success 时，使用的自定义图片                                                                                                                      | ImageSourcePropType            | no           | All      | yes               |
-| cancelImageSrc                   | 弹框未指定类型为 Cancel 时，使用的自定义图片                                                                                                                       | ImageSourcePropType            | no           | All      | yes               |
-| infoColor                        | 弹框未指定类型为 Info 时，使用的自定义颜色                                                                                                                         | ColorValue                     | no           | All      | yes               |
-| warnColor                        | 弹框未指定类型为 Warn 时，使用的自定义颜色                                                                                                                         | ColorValue                     | no           | All      | yes               |
-| errorColor                       | 弹框未指定类型为 Error 时，使用的自定义颜色                                                                                                                        | ColorValue                     | no           | All      | yes               |
-| successColor                     | 弹框未指定类型为 Success 时，使用的自定义颜色                                                                                                                      | ColorValue                     | no           | All      | yes               |
-| activeStatusBarBackgroundColor   | 弹框出现时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                                                                           | ColorValue                     | no           | Android  | yes               |
-| inactiveStatusBarBackgroundColor | 弹框消失时，将状态栏置为设置的颜色，需要配合 updateStatusBar=true 才生效                                                                                           | ColorValue                     | no           | Android  | yes               |
-| dismissInterval                  | 弹窗自动消失的时间毫秒值                                                                                                                                           | number                         | no           | All      | yes               |
-| titleNumberOfLines               | 弹窗标题的最大行数，                                                                                                                                               | number                         | no           | All      | yes               |
-| messageNumberOfLines             | 弹窗正文的最大行数，超过则省略                                                                                                                                     | number                         | no           | All      | yes               |
-| elevation                        | 视图的高度，此属性可以为视图添加一个投影，并且会影响视图层叠的顺序。此属性仅支持 Android5.0 及以上版本。                                                           | number                         | no           | Android  | no                |
-| zIndex                           | z 轴的值                                                                                                                                                           | number                         | no           | All      | no                |
-| panResponderDismissDistance      | 下滑弹窗消失距离                                                                                                                                                   | number                         | no           | All      | yes               |
-| animatedViewStyle                | 此属性可接收一个 ViewStyle 对象，用于设置弹窗内部的 Animated.View 的样式。                                                                                         | ViewStyle                      | no           | All      | no                |
-| alertViewStyle                   | 此属性可接收一个 ViewStyle 对象，用于设置弹窗的样式。                                                                                                              | ViewStyle                      | no           | All      | yes               |
-| safeViewStyle                    | 此属性可接收一个 ViewStyle 对象，用于设置弹窗内部的 safeView 的样式。                                                                                              | ViewStyle                      | no           | All      | yes               |
-| textViewStyle                    | 此属性可接收一个 ViewStyle 对象，用于设置弹窗文字的样式。                                                                                                          | ViewStyle                      | no           | All      | yes               |
-| cancelViewStyle                  | 此属性可接收一个 ViewStyle 对象，用于设置弹窗内部取消按钮的样式。                                                                                                  | ViewStyle                      | no           | All      | yes               |
-| titleTextStyle                   | 此属性可接收一个 TextStyle 对象，用于设置弹窗标题的样式。                                                                                                          | TextStyle                      | no           | All      | yes               |
-| messageTextStyle                 | 此属性可接收一个 TextStyle 对象，用于设置弹窗正文的样式。                                                                                                          | TextStyle                      | no           | All      | yes               |
-| imageStyle                       | 此属性可接收一个 ImageStyle 对象，用于设置弹窗内图片的样式。                                                                                                       | ImageStyle                     | no           | All      | yes               |
-| cancelImageStyle                 | 此属性可接收一个 ImageStyle 对象，用于设置弹窗内取消按钮所用图片的样式。                                                                                           | ImageStyle                     | no           | All      | yes               |
-| onDismissAutomatic               | 弹窗关闭触发的函数，支持的关闭方式为自动关闭                                                                                                                       | function                       | no           | All      | yes               |
-| onDismissCancel                  | 弹窗关闭触发的函数，支持的关闭方式为点击 cancel                                                                                                                    | function                       | no           | All      | yes               |
-| onDismissPress                   | 弹窗关闭触发的函数，支持的关闭方式为点击弹窗                                                                                                                       | function                       | no           | All      | yes               |
-| onDismissPanResponder            | 弹窗关闭触发的函数，支持的关闭方式为向下滑动，仅在 alertPosition 为“bottom”时生效                                                                                  | function                       | no           | All      | yes               |
-| onDismissProgrammatic            | 弹窗关闭触发的函数，支持的关闭方式为程序式关闭，也是默认的值，如果非上面四种关闭方式，则默认触发此关闭函数。                                                       | function                       | no           | All      | no                |
-| showCancel                       | 是否显示弹窗的 cancel 模块                                                                                                                                         | boolean                        | no           | All      | yes               |
-| onDismissPressDisabled           | 是否允许通过点击关闭弹窗                                                                                                                                           | boolean                        | no           | All      | yes               |
-| panResponderEnabled              | 是否允许通过向下滑动关闭弹窗，仅在 alertPosition 为“bottom”时生效                                                                                                  | boolean                        | no           | All      | yes               |
-| translucent                      | 指定状态栏是否透明。设置为 true 时，应用会延伸到状态栏之下绘制（即所谓“沉浸式”——被状态栏遮住一部分）。常和带有半透明背景色的状态栏搭配使用，此属性仅支持 Android。 | boolean                        | no           | Android  | no                |
-| updateStatusBar                  | 是否更新状态栏                                                                                                                                                     | boolean                        | no           | All      | yes               |
-| activeStatusBarStyle             | 弹框出现时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                                                                           | StatusBarStyle                 | no           | Android  | yes               |
-| inactiveStatusBarStyle           | 弹框消失时，将状态栏置为设置的样式，需要配合 updateStatusBar=true 才生效                                                                                           | StatusBarStyle                 | no           | Android  | yes               |
-| renderImage                      | 函数式返回的图片                                                                                                                                                   | render function                | no           | All      | yes               |
-| renderCancel                     | 函数式返回的取消                                                                                                                                                   | render function                | no           | All      | yes               |
-| renderTitle                      | 函数式返回的弹窗消息标题                                                                                                                                           | render function                | no           | All      | yes               |
-| renderMessage                    | 函数式返回的弹窗消息正文                                                                                                                                           | render function                | no           | All      | yes               |
-| titleTextProps                   | 消息标题文字样式                                                                                                                                                   | TextProps                      | no           | All      | yes               |
-| messageTextProps                 | 消息正文文字样式                                                                                                                                                   | TextProps                      | no           | All      | yes               |
-| animatedViewProps                | 此属性可接收一个 ViewProps 对象，用于设置弹窗对象内部的 Animated.View 的属性。                                                                                     | ViewProps                      | no           | All      | yes               |
-| alertTouchableOpacityProps       | 弹窗透明度样式设置                                                                                                                                                 | TouchableOpacityProps          | no           | All      | yes               |
-| safeViewProps                    | 此属性可接收一个 ViewProps 对象，用于设置弹窗对象内部的 safeView 的属性。                                                                                          | ViewProps                      | no           | All      | yes               |
-| textViewProps                    | 此属性可接收一个 ViewProps 对象，用于设置弹窗对象内部的文本展示区域的属性。                                                                                        | ViewProps                      | no           | All      | yes               |
-| imageProps                       | 此属性可接收一个 ImageProps 对象，用于设置弹窗对象内部的图片的属性。                                                                                               | ImageProps                     | no           | All      | yes               |
-| cancelTouchableOpacityProps      | 此属性可接收一个 TouchableOpacityProps 对象，用于设置弹窗对象内部的取消按钮的属性。                                                                                | TouchableOpacityProps          | no           | All      | yes               |
-| cancelImageProps                 | 此属性可接收一个 ImageProps 对象，用于设置弹窗对象内部的取消按钮图片的属性。                                                                                       | ImageProps                     | no           | All      | yes               |
-| alert                            | 弹窗弹出触发事件                                                                                                                                                   | function                       | no           | All      | yes               |
-| dismiss                          | 弹窗消失触发事件                                                                                                                                                   | function                       | no           | All      | yes               |
-| springAnimationConfig            | 弹簧效果参数                                                                                                                                                       | Animated.SpringAnimationConfig | no           | All      | yes               |
-| children                         | 弹窗子元素                                                                                                                                                         | ReactNode                      | no           | All      | yes               |
-| alertPosition                    | 设置弹窗弹出的位置，top 从屏幕顶部弹出，或者设置为 bottom 从屏幕底部弹出。默认值为 top。                                                                           | string                         | no           | All      | yes               |
+| imageSrc                         | Default custom image used when no image resource is specified for a dialog box.                                                                                                                      | ImageSourcePropType            | no           | All      | yes               |
+| infoImageSrc                     | Custom image used when the dialog box type is not set to **Info**.                                                                                                                        | ImageSourcePropType            | no           | All      | yes               |
+| warnImageSrc                     | Custom image used when the dialog box type is not set to **Warn**.                                                                                                                        | ImageSourcePropType            | no           | All      | yes               |
+| errorImageSrc                    | Custom image used when the dialog box type is not set to **Error**.                                                                                                                       | ImageSourcePropType            | no           | All      | yes               |
+| successImageSrc                  | Custom image used when the dialog box type is not set to **Success**.                                                                                                                     | ImageSourcePropType            | no           | All      | yes               |
+| cancelImageSrc                   | Custom image used when the dialog box type is not set to **Cancel**.                                                                                                                      | ImageSourcePropType            | no           | All      | yes               |
+| infoColor                        | Custom color used when the dialog box type is not set to **Info**.                                                                                                                        | ColorValue                     | no           | All      | yes               |
+| warnColor                        | Custom color used when the dialog box type is not set to **Warn**.                                                                                                                        | ColorValue                     | no           | All      | yes               |
+| errorColor                       | Custom color used when the dialog box type is not set to **Error**.                                                                                                                       | ColorValue                     | no           | All      | yes               |
+| successColor                     | Custom color used when the dialog box type is not set to **Success**.                                                                                                                     | ColorValue                     | no           | All      | yes               |
+| activeStatusBarBackgroundColor   | Background color used for the status bar when a dialog box is displayed. This property is valid only when **updateStatusBar** is set to **true**.                                                                                          | ColorValue                     | no           | Android  | yes               |
+| inactiveStatusBarBackgroundColor | Background color used for the status bar when a dialog box is dismissed. This property is valid only when **updateStatusBar** is set to **true**.                                                                                          | ColorValue                     | no           | Android  | yes               |
+| dismissInterval                  | Interval for the dialog box to disappear automatically, in milliseconds.                                                                                                                                          | number                         | no           | All      | yes               |
+| titleNumberOfLines               | Maximum number of lines in the dialog box title.                                                                                                                                              | number                         | no           | All      | yes               |
+| messageNumberOfLines             | Maximum number of lines in the message body. If the number of lines exceeds the maximum, the excess lines are omitted.                                                                                                                                    | number                         | no           | All      | yes               |
+| elevation                        | Height of the view. This property can be used to add a projection to the view and affects the view cascading sequence. This property applies only to Android 5.0 and later versions.                                                          | number                         | no           | Android  | no                |
+| zIndex                           | Index of the z-axis.                                                                                                                                                          | number                         | no           | All      | no                |
+| panResponderDismissDistance      | Dismiss distance of the dialog box that can be dismissed by a swipe-down gesture.                                                                                                                                                  | number                         | no           | All      | yes               |
+| animatedViewStyle                | Receives a **ViewStyle** object to set the style of **Animated.View**.                                                                                        | ViewStyle                      | no           | All      | no                |
+| alertViewStyle                   | Receives a **ViewStyle** object to set the style of the dialog box.                                                                                                             | ViewStyle                      | no           | All      | yes               |
+| safeViewStyle                    | Receives a **ViewStyle** object to set the style of **safeView**.                                                                                             | ViewStyle                      | no           | All      | yes               |
+| textViewStyle                    | Receives a **ViewStyle** object to set the style of the text.                                                                                                         | ViewStyle                      | no           | All      | yes               |
+| cancelViewStyle                  | Receives a **ViewStyle** object to set the style of the cancel button.                                                                                                 | ViewStyle                      | no           | All      | yes               |
+| titleTextStyle                   | Receives a **TextStyle** object to set the style of the title.                                                                                                         | TextStyle                      | no           | All      | yes               |
+| messageTextStyle                 | Receives a **TextStyle** object to set the style of the message.                                                                                                         | TextStyle                      | no           | All      | yes               |
+| imageStyle                       | Receives an **ImageStyle** object to set the style of the image.                                                                                                      | ImageStyle                     | no           | All      | yes               |
+| cancelImageStyle                 | Receives an **ImageStyle** object to set the style of the cancel button image.                                                                                          | ImageStyle                     | no           | All      | yes               |
+| onDismissAutomatic               | Function triggered when a dialog box is dismissed automatically.                                                                                                                      | function                       | no           | All      | yes               |
+| onDismissCancel                  | Function triggered when a dialog box is dismissed by clicking **Cancel**.                                                                                                                   | function                       | no           | All      | yes               |
+| onDismissPress                   | Function triggered when a dialog box is dismissed by being pressed.                                                                                                                      | function                       | no           | All      | yes               |
+| onDismissPanResponder            | Function triggered when a dialog box is dismissed by a swipe-down gesture. This property is valid only when **alertPosition** is set to **bottom**.                                                                                 | function                       | no           | All      | yes               |
+| onDismissProgrammatic            | Function triggered when a dialog box is dismissed programmatically. This function is used by default.                                                      | function                       | no           | All      | no                |
+| showCancel                       | Whether to display the **Cancel** module in the dialog box.                                                                                                                                        | boolean                        | no           | All      | yes               |
+| onDismissPressDisabled           | Whether to allow a dialog box to be closed by pressing.                                                                                                                                          | boolean                        | no           | All      | yes               |
+| panResponderEnabled              | Whether to allow a dialog box to be closed by a swipe-down gesture. This property is valid only when **alertPosition** is set to **bottom**.                                                                                                 | boolean                        | no           | All      | yes               |
+| translucent                      | Whether the status bar is translucent. When this property is set to **true**, the application is drawn under the status bar, in other words, partially covered by the status bar. This property is often used with the status bar with a translucent background color, and is supported only by Android.| boolean                        | no           | Android  | no                |
+| updateStatusBar                  | Whether to update the status bar.                                                                                                                                                    | boolean                        | no           | All      | yes               |
+| activeStatusBarStyle             | Style used for the status bar when a dialog box is displayed. This property is valid only when **updateStatusBar** is set to **true**.                                                                                          | StatusBarStyle                 | no           | Android  | yes               |
+| inactiveStatusBarStyle           | Style used for the status bar when a dialog box is dismissed. This property is valid only when **updateStatusBar** is set to **true**.                                                                                          | StatusBarStyle                 | no           | Android  | yes               |
+| renderImage                      | Image returned by the function.                                                                                                                                                  | render function                | no           | All      | yes               |
+| renderCancel                     | Cancellation returned by the function.                                                                                                                                                  | render function                | no           | All      | yes               |
+| renderTitle                      | Message title of the dialog box returned by the function.                                                                                                                                          | render function                | no           | All      | yes               |
+| renderMessage                    | Message body of the dialog box returned by the function.                                                                                                                                          | render function                | no           | All      | yes               |
+| titleTextProps                   | Text style of the message title.                                                                                                                                                  | TextProps                      | no           | All      | yes               |
+| messageTextProps                 | Text style of the message body.                                                                                                                                                  | TextProps                      | no           | All      | yes               |
+| animatedViewProps                | Receives a **ViewProps** object to set properties in **Animated.View**.                                                                                    | ViewProps                      | no           | All      | yes               |
+| alertTouchableOpacityProps       | Properties of the opacity style of the dialog box.                                                                                                                                                | TouchableOpacityProps          | no           | All      | yes               |
+| safeViewProps                    | Receives a **ViewProps** object to set properties in **safeView**.                                                                                         | ViewProps                      | no           | All      | yes               |
+| textViewProps                    | Receives a **ViewProps** object to set properties in **textView**.                                                                                       | ViewProps                      | no           | All      | yes               |
+| imageProps                       | Receives an **ImageProps** object to set properties in **image**.                                                                                              | ImageProps                     | no           | All      | yes               |
+| cancelTouchableOpacityProps      | Receives a **TouchableOpacityProps** object to set the properties of the cancel button.                                                                               | TouchableOpacityProps          | no           | All      | yes               |
+| cancelImageProps                 | Receives an **ImageProps** object to set the properties of the cancel button image.                                                                                      | ImageProps                     | no           | All      | yes               |
+| alert                            | Event triggered when a dialog box is displayed.                                                                                                                                                  | function                       | no           | All      | yes               |
+| dismiss                          | Event triggered when a dialog box is dismissed.                                                                                                                                                  | function                       | no           | All      | yes               |
+| springAnimationConfig            | Parameters of the spring animation.                                                                                                                                                      | Animated.SpringAnimationConfig | no           | All      | yes               |
+| children                         | Child elements of the dialog box.                                                                                                                                                        | ReactNode                      | no           | All      | yes               |
+| alertPosition                    | Position of the dialog box. When this property is set to **top**, the dialog box is displayed from the top of the screen. When this property is set to **bottom**, the dialog box is displayed from the bottom of the screen. The default value is **top**.                                                                          | string                         | no           | All      | yes               |
 
 ## Known Issues
 
 ## Others
 
-- DropdownAlert 组件的 animatedViewStyle 属性不生效，设置之后弹窗变为黑色，与 iOS/Android 一致 [issue#314](https://github.com/testshallpass/react-native-dropdownalert/issues/314)
-- DropdownAlert 组件的 zindex 属性不生效，层级关系并未体现，与 iOS/Android 一致 [issue#315](https://github.com/testshallpass/react-native-dropdownalert/issues/315)
-- DropdownAlert 组件的 translucent 属性不生效，没有显示出状态栏半透明的效果，与 Android 一致 [issue#316](https://github.com/testshallpass/react-native-dropdownalert/issues/316)
-- DropdownAlert 组件绑定的 onDismissProgrammatic 函数无法触发，与 iOS/Android 一致 [issue#317](https://github.com/testshallpass/react-native-dropdownalert/issues/317)
-- DropdownAlertData 组件的 resolve 属性不生效，将弹窗关闭之后，所设置的函数并未被触发，与 iOS/Android 一致 [issue#318](https://github.com/testshallpass/react-native-dropdownalert/issues/318)
+- The **animatedViewStyle** property of the **DropdownAlert** component is invalid. After the property is set, the dialog box turns black, which is the same as that on iOS/Android: [issue#314](https://github.com/testshallpass/react-native-dropdownalert/issues/314).
+- The **zindex** property of the **DropdownAlert** component is invalid, and the hierarchical relationship is not displayed, which is the same as that on iOS/Android: [issue#315](https://github.com/testshallpass/react-native-dropdownalert/issues/315).
+- The **translucent** property of the **DropdownAlert** component is invalid, and the translucent effect of the status bar is not displayed, which is the same as that on Android: [issue#316](https://github.com/testshallpass/react-native-dropdownalert/issues/316).
+- The **onDismissProgrammatic** function bound to the **DropdownAlert** component cannot be triggered, which is the same as that on iOS/Android: [issue#317](https://github.com/testshallpass/react-native-dropdownalert/issues/317).
+- The **resolve** property of the **DropdownAlertData** component is invalid. After the dialog box is dismissed, the configured function is not triggered, which is the same as that on iOS/Android: [issue#318](https://github.com/testshallpass/react-native-dropdownalert/issues/318).
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE).
+This project is licensed under [MIT License](https://github.com/react-native-oh-library/react-native-dropdownalert/blob/master/LICENSE).
diff --git a/en/react-native-easy-grid.md b/en/react-native-easy-grid.md
index a276a0db..12f7e7d1 100644
--- a/en/react-native-easy-grid.md
+++ b/en/react-native-easy-grid.md
@@ -71,18 +71,18 @@ RNOH: 0.72.27; SDK: HarmonyOS-NEXT Developer Beta1 5.0.0.25 ; IDE: DevEco Studio
 
 ## Properties
 
-Grid、Row、Col 组件接收所有 [React Native View](https://reactnative.dev/docs/view#props)组件的 Props
+The **Grid**, **Row**, and **Col** components receive the properties of all [React Native View](https://reactnative.dev/docs/view#props) components.
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**RowProps 和 ColProps 的公共属性: **
+**Common properties of RowProps and ColProps**
 
 | Name                | Description | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------- | ----------- | -------- | -------- | ----------- | ----------------- |
-| size                | 布局占比    | number   | no       | iOS,Android | yes               |
-| onPress: () => void | 点击事件    | function | no       | iOS,Android | yes               |
+| size                | Layout size.   | number   | no       | iOS,Android | yes               |
+| onPress: () => void | Press event.   | function | no       | iOS,Android | yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-element-dropdown.md b/en/react-native-element-dropdown.md
index e3fe1325..80072176 100644
--- a/en/react-native-element-dropdown.md
+++ b/en/react-native-element-dropdown.md
@@ -330,7 +330,7 @@ const styles = StyleSheet.create({
 This document is verified based on the following versions:
 
 1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.403; ROM: 3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
@@ -340,11 +340,11 @@ For details, see [react-native-element-dropdown](https://github.com/hoaphantn760
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-**Dropdown**: 单选组件
+**Dropdown**: a component for single selection.
 
 | Name                         | Description                                                                                                                                             | Type                                             | Required | Platform | HarmonyOS Support |
 | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | -------- | -------- | ----------------- |
-| mode                         | Mode 'modal' is show the dropdown in the middle of the screen.                                                                                          | 'default' or 'modal' of 'auto'                   | No       | All      | Yes               |
+| mode                         | Mode 'modal' shows the dropdown in the middle of the screen.                                                                                         | 'default' or 'modal' of 'auto'                   | No       | All      | Yes               |
 | data                         | Data is a plain array                                                                                                                                   | Array                                            | Yes      | All      | Yes               |
 | labelField                   | Extract the label from the data item                                                                                                                    | String                                           | Yes      | All      | Yes               |
 | valueField                   | Extract the primary key from the data item                                                                                                              | String                                           | Yes      | All      | Yes               |
@@ -394,10 +394,10 @@ For details, see [react-native-element-dropdown](https://github.com/hoaphantn760
 | excludeItems                 | The array containing the items to be excluded.                                                                                                          | Item[]                                           | No       | All      | Yes               |
 | excludeSearchItems           | The array containing the items to be excluded.                                                                                                          | Item[]                                           | No       | All      | Yes               |
 
-**MultiSelect**: 多选组件
+**MultiSelect**: a component for multiple selections.
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ------------------ | -----------------------------------------------------| --------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
-| mode | Mode 'modal' is show the dropdown in the middle of the screen. | 'default' or 'modal' of 'auto' | No | All | Yes |
+| mode | Mode 'modal' shows the dropdown in the middle of the screen.| 'default' or 'modal' of 'auto' | No | All | Yes |
 | data | Data is a plain array | Array | Yes | All | Yes |
 | labelField | Extract the label from the data item | String | Yes | All | Yes |
 | valueField | Extract the primary key from the data item | String | Yes | All | Yes |
@@ -452,7 +452,7 @@ For details, see [react-native-element-dropdown](https://github.com/hoaphantn760
 | excludeItems | The array containing the items to be excluded. | Item[] | No | All | |
 | excludeSearchItems | The array containing the items to be excluded. | Item[] | No | All | Yes |
 
-**SelectCountry**: 选择国家/地区组件，接收所有 Dropdown 的 props 并新增了以下 props
+**SelectCountry**: a component for selecting country/region. It receives all **Dropdown** properties and adds the following properties.
 
 | Name       | Description                          | Type       | Required | Platform | HarmonyOS Support |
 | ---------- | ------------------------------------ | ---------- | -------- | -------- | ----------------- |
@@ -472,4 +472,4 @@ For details, see [react-native-element-dropdown](https://github.com/hoaphantn760
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE)，请自由地享受和参与开源。
+This project is licensed under [MIT License](https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/LICENSE).
diff --git a/en/react-native-elements.md b/en/react-native-elements.md
index c4d84486..864e03de 100644
--- a/en/react-native-elements.md
+++ b/en/react-native-elements.md
@@ -253,14 +253,14 @@ export default Avatars;
 
 ## Link
 
-The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-safe-area-context , @react-native-oh-tpl/react-native-linear-gradient If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
+The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-safe-area-context and @react-native-oh-tpl/react-native-linear-gradient. If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again.You can skip the steps in this chapter and use it directly.
 
 If not introduced, please refer to Link section of @react-native-oh-tpl/react-native-safe-area-context documentation, Link section of @react-native-oh-tpl/react-native-linear-gradient documentation for introduction.
 
 ### Introduce and register font on the ArkTs side
 
 Step 1:
-Copy the font  to the 'entry/src/main/ets/assets/fonts' directory (if an external font file is used, the \ *. ttf file needs to be copied over)
+Copy the font to the 'entry/src/main/ets/assets/fonts' directory (if an external font file is used, the \ *. ttf file needs to be copied over)
 
 Step 2:
 Open the `entry/src/main/ets/pages/Index.ets` file and add the following code:
@@ -312,7 +312,7 @@ This document is verified based on the following versions:
 
 1. RNOH: 0.72.26; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.300; ROM: 3.0.0.22;
 1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.700; ROM: 3.0.0.60;
-1. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Components
 
@@ -330,7 +330,7 @@ The following component attributes are currently supported:
 | :------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------: | :------: | :------: | :---------------: |
 |        count         |                                                                  Total number of ratings to displayDefault is 5                                                                  |        number         |    No    |   All    |        Yes        |
 |    defaultRating     |                                                                     Initial value for the ratingDefault is 3                                                                     |        number         |    No    |   All    |        Yes        |
-|      isDisabled      |                                                         Whether the rating can be modiefied by the userDefault is false                                                          |        boolean        |    No    |   All    |        Yes        |
+|      isDisabled      |                                                         Whether the rating can be modified by the userDefault is false                                                          |        boolean        |    No    |   All    |        Yes        |
 |    onFinishRating    |                                        Callback method when the user finishes rating. Gives you the final rating value as a whole number                                         | (number: any) => void |    No    |   All    |        Yes        |
 | ratingContainerStyle |                                                                    Style for rating containerDefault is none                                                                     |      View Style       |    No    |   All    |        Yes        |
 |     reviewColor      |                                                                    Color value for review.Default is #f1c40f                                                                     |        string         |    No    |   All    |        Yes        |
@@ -473,7 +473,7 @@ The following component attributes are currently supported:
 
 **Card.Divider**: Card dividing line component, receiving all props of [Divider](https://reactnativeelements.com/docs/components/divider#props) 
 
-**Card.FeaturedSubtitle**: Card function subtitle component，receiving all props of [Text](https://reactnativeelements.com/docs/components/text#props)
+**Card.FeaturedSubtitle**: Card function subtitle component, receiving all props of [Text](https://reactnativeelements.com/docs/components/text#props)
 
 **Card.FeaturedTitle**: Card function title component, receiving all props of [Text](https://reactnativeelements.com/docs/components/text#props)
 
@@ -487,9 +487,9 @@ The following component attributes are currently supported:
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**Card.Title**: Card Title Component，receiving all props of [Text](https://reactnativeelements.com/docs/components/text#props) 组件的 Props
+**Card.Title**: Card Title Component, Props of the receiving all props of [Text](https://reactnativeelements.com/docs/components/text#props) component
 
-**CheckBox**: Selection box component，receiving all props of [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props) 
+**CheckBox**: Selection box component, receiving all props of [CheckBoxIcon](https://reactnativeelements.com/docs/components/checkboxicon#props), [View](https://reactnative.dev/docs/view#props)
 
 |        Name        |                   Description                   |                                 Type                                 | Required | Platform | HarmonyOS Support |
 | :----------------: | :---------------------------------------------: | :------------------------------------------------------------------: | :------: | :------: | :---------------: |
@@ -504,15 +504,15 @@ The following component attributes are currently supported:
 |     iconRight      |          Moves icon to right of text.           |                               boolean                                |    No    |   All    |        Yes        |
 |       right        |            Aligns checkbox to right.            |                               boolean                                |    No    |   All    |        Yes        |
 |     textStyle      |                 Style of text.                  |                              Text Style                              |    No    |   All    |        Yes        |
-|       title        |               Title of checkbox.                | `string` ，`ReactElement<{}, string` ，`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
+|       title        |               Title of checkbox.                | `string`, `ReactElement<{}, string`, `JSXElementConstructor<any>>`|    No    |   All    |        Yes        |
 |     titleProps     | Additional props for the title Text component.  |                              TextProps                               |    No    |   All    |        Yes        |
 |    wrapperStyle    |       Style for the wrapper of checkbox.        |                              View Style                              |    No    |   All    |        Yes        |
 
-**Chip**: Display touch area components，receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props) 
+**Chip**: Display touch area components, receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props)
 
 | Name |      Description       |        Type        | Required | Platform | HarmonyOS Support |
 | :--: | :--------------------: | :----------------: | :------: | :------: | :---------------: |
-| type | Outer container style. | `solid`，`outline` |    No    |   All    |        Yes        |
+| type | Outer container style. | `solid`, `outline`|    No    |   All    |        Yes        |
 
 **Dialog**: Dialog box component
 
@@ -531,7 +531,7 @@ The following component attributes are currently supported:
 | :------: | :-------------------------------------------------: | :-------: | :------: | :------: | :---------------: |
 | children | Add Enclosed components as an action to the dialog. | ReactNode |    No    |   All    |        Yes        |
 
-**Dialog.Button**: Define dialog box operation components，receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props)
+**Dialog.Button**: Define dialog box operation components, receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props)
 
 
 **Dialog.Loading**: Dialog box loading component
@@ -549,31 +549,31 @@ The following component attributes are currently supported:
 | titleProps |  Add additional props for Text component.   | TextProps  |    No    |   All    |        Yes        |
 | titleStyle | Add additional styling for title component. | Text Style |    No    |   All    |        Yes        |
 
-**Divider**: Split line component，receiving all props of  [View](https://reactnative.dev/docs/view#props) 
+**Divider**: Split line component, receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |      Name      |                      Description                      |            Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :---------------------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
 |     color      |              The color of the component.              |           string            |    No    |   All    |        Yes        |
 |     inset      |             Applies inset to the divider.             |           boolean           |    No    |   All    |        Yes        |
-|   insetType    | Applies inset to a specific direction to the divider. |  `middle`，`left`，`right`  |    No    |   All    |        Yes        |
-|  orientation   |           Apply orientation to the divider.           |  `vertical` ，`horizontal`  |    No    |   All    |        Yes        |
+|   insetType    | Applies inset to a specific direction to the divider. |  `middle`, `left`, `right` |    No    |   All    |        Yes        |
+|  orientation   |           Apply orientation to the divider.           |  `vertical`, `horizontal` |    No    |   All    |        Yes        |
 |     style      |             Applies style to the divider.             |         View Style          |    No    |   All    |        Yes        |
 |   subHeader    |          Adds subHeader text to the divider.          |           string            |    No    |   All    |        Yes        |
 | subHeaderStyle |    Adds style to the subHeader text of the divider    |         Text Style          |    No    |   All    |        Yes        |
 |     width      |                        number                         | Apply width to the divider. |    No    |   All    |        Yes        |
 
-**FAB**: Floating operation button component，receiving all props of  [Button](https://reactnativeelements.com/docs/components/button#props) 
+**FAB**: Floating operation button component, receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props)
 
 |   Name    |                                                                Description                                                                |       Type        | Required | Platform | HarmonyOS Support |
 | :-------: | :---------------------------------------------------------------------------------------------------------------------------------------: | :---------------: | :------: | :------: | :---------------: |
 |   color   |                                                       Change the color of the FAB.                                                        |      string       |    No    |   All    |        Yes        |
-| placement | FAB placement at bottom, (optional) use [`style`](https://reactnativeelements.com/docs/components/fab#style) in case of custom placement. | `left`， `right`  |    No    |   All    |        Yes        |
-|   size    |                                                            Change Size of FAB.                                                            | `small` ，`large` |    No    |   All    |        Yes        |
+| placement | FAB placement at bottom, (optional) use [`style`](https://reactnativeelements.com/docs/components/fab#style) in case of custom placement. | `left`, `right` |    No    |   All    |        Yes        |
+|   size    |                                                            Change Size of FAB.                                                            | `small`, `large`|    No    |   All    |        Yes        |
 |   style   |                                                               Style for FAB                                                               |    View Style     |    No    |   All    |        Yes        |
 | upperCase |                                                Transform Extended Label text to uppercase.                                                |      boolean      |    No    |   All    |        Yes        |
 |  visible  |                                                     Decide the visibility of the FAB.                                                     |      boolean      |    No    |   All    |        Yes        |
 
-**Header**: Head component，receiving all props of  [View](https://reactnative.dev/docs/view#props)
+**Header**: Head component, receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |                       Name                        |                                                      Description                                                      |                 Type                 | Required | Platform | HarmonyOS Support |
 | :-----------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
@@ -584,18 +584,18 @@ The following component attributes are currently supported:
 |                     barStyle                      |                                        Sets the color of the status bar text.                                         |            StatusBarStyle            |    No    |    No    |        No         |
 |                  centerComponent                  |                                          Define your center component here.                                           |          HeaderSubComponent          |    No    |   All    |        Yes        |
 |               centerContainerStyle                |                                   Styling for container around the centerComponent.                                   |              View Style              |    No    |   All    |        Yes        |
-| Styling for container around the centerComponent. |                                         Add children component to the header.                                         | `(Element`，`Element[]) & ReactNode` |    No    |   All    |        Yes        |
+| Styling for container around the centerComponent. |                                         Add children component to the header.                                         | `(Element`, `Element[]) & ReactNode`|    No    |   All    |        Yes        |
 |                  containerStyle                   |                                          Styling around the main container.                                           |              View Style              |    No    |   All    |        Yes        |
 |                     elevated                      |                                                 Elevation for header                                                  |               boolean                |    No    |    No    |        No         |
 |                   leftComponent                   |                                           Define your left component here.                                            |          HeaderSubComponent          |    No    |   All    |        Yes        |
 |                leftContainerStyle                 |                                    Styling for container around the leftComponent.                                    |              View Style              |    No    |   All    |        Yes        |
 |                linearGradientProps                | Displays a linear gradient. See [usage](https://reactnativeelements.com/docs/components/header#lineargradient-usage). |                Object                |    No    |    No    |        No         |
-|                     placement                     |                                                 Alignment for title.                                                  |      `center`，`left`，`right`       |    No    |   All    |        Yes        |
+|                     placement                     |                                                 Alignment for title.                                                  |      `center`, `left`, `right`      |    No    |   All    |        Yes        |
 |                  rightComponent                   |                                           Define your right component here.                                           |          HeaderSubComponent          |    No    |   All    |        Yes        |
 |                rightContainerStyle                |                                   Styling for container around the rightComponent.                                    |              View Style              |    No    |   All    |        Yes        |
 |                  statusBarProps                   |                                           Accepts all props for StatusBar.                                            |            StatusBarProps            |    No    |   All    |        Yes        |
 
-**Icon**: Font icon component，receiving all props of [Text](https://reactnative.dev/docs/text#props) 的 props.
+**Icon**: Font icon component, props of receiving all props of [Text](https://reactnative.dev/docs/text#props).
 
 |      Name      |                                                    Description                                                     |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :----------------------------------------------------------------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -617,13 +617,13 @@ The following component attributes are currently supported:
 |     testID     |                                                  Test ID of icon.                                                  |            string            |    No    |   All    |        Yes        |
 |      type      | Type of icon set. [Supported sets here](https://reactnativeelements.com/docs/components/icon#available-icon-sets). |            string            |    No    |   All    |        Yes        |
 
-**Image**: Image component，receiving all props of [React Native Image](https://reactnative.dev/docs/image#props)
+**Image**: Image component, receiving all props of [React Native Image](https://reactnative.dev/docs/image#props)
 
 |          Name          |                      Description                      |                           Type                            | Required | Platform | HarmonyOS Support |
 | :--------------------: | :---------------------------------------------------: | :-------------------------------------------------------: | :------: | :------: | :---------------: |
 |       Component        |         Define the component passed to image.         |                      React Component                      |    No    |   All    |        Yes        |
 |     ImageComponent     | Specify a different component as the Image component. |                     typeof Component                      |    No    |   All    |        Yes        |
-|   PlaceholderContent   |       Content to load when Image is rendering.        | `ReactElement<any, string`，`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
+|   PlaceholderContent   |       Content to load when Image is rendering.        | `ReactElement<any, string`, `JSXElementConstructor<any>>`|    No    |   All    |        Yes        |
 | childrenContainerStyle |    Additional styling for the children container.     |                        View Style                         |    No    |   All    |        Yes        |
 |     containerStyle     |         Additional styling for the container.         |                        View Style                         |    No    |   All    |        Yes        |
 |      onLongPress       |      Called when a long-tap gesture is detected.      |               GestureResponderEventHandler                |    No    |   All    |        Yes        |
@@ -635,12 +635,12 @@ The following component attributes are currently supported:
 |       transition       |        Perform fade transition on image load.         |                          boolean                          |    No    |   All    |        Yes        |
 |   transitionDuration   |        Perform fade transition on image load.         |                          number                           |    No    |   All    |        Yes        |
 
-**Input**: Form Component，receiving all props of  [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props)
+**Input**: Form Component, receiving all props of [React Native TextInput](https://reactnative.dev/docs/textinput#props), [View](https://reactnative.dev/docs/view#props)
 
 |          Name           |                                                                          Description                                                                           |      Type       | Required | Platform | HarmonyOS Support |
 | :---------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
 |     InputComponent      |                                             component that will be rendered in place of the React Native TextInput                                             | React Component |    No    |   All    |        Yes        |
-|     containerStyle      |                                                                       Style for containe                                                                       |   View Style    |    No    |   All    |        Yes        |
+|     containerStyle      |                                                                       Style for container                                                                      |   View Style    |    No    |   All    |        Yes        |
 |        disabled         |                                                                  disables the input component                                                                  |     boolean     |    No    |   All    |        Yes        |
 |   disabledInputStyle    |                                      disabled styles that will be passed to the style props of the React Native TextInput                                      |   Text Style    |    No    |   All    |        Yes        |
 |      errorMessage       |                                                      Error message to be displayed under the input field                                                       |     string      |    No    |   All    |        Yes        |
@@ -658,7 +658,7 @@ The following component attributes are currently supported:
 | rightIconContainerStyle |                                                           styling for right Icon Component container                                                           |   View Style    |    No    |   All    |        Yes        |
 |          shake          |                                                                          Shake method                                                                          |    Function     |    No    |   All    |        Yes        |
 
-**LinearProgress**: Load Bar Component，receiving all props of [View](https://reactnative.dev/docs/view#props) 
+**LinearProgress**: Load Bar Component, receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |    Name    |                                       Description                                       |                 Type                 | Required | Platform | HarmonyOS Support |
 | :--------: | :-------------------------------------------------------------------------------------: | :----------------------------------: | :------: | :------: | :---------------: |
@@ -667,9 +667,9 @@ The following component attributes are currently supported:
 |   style    |                  Add additional styling for linear progress component.                  |              View Style              |    No    |   All    |        Yes        |
 | trackColor |                            Track color for linear progress.                             |                string                |    No    |   All    |        Yes        |
 |   value    | The value of the progress indicator for the determinate variant. Value between 0 and 1. |                number                |    No    |   All    |        Yes        |
-|  variant   |                                     Type of button.                                     |    `determinate`，`indeterminate`    |    No    |   All    |        Yes        |
+|  variant   |                                     Type of button.                                     |    `determinate`, `indeterminate`   |    No    |   All    |        Yes        |
 
-**ListItem**: List rendering component，receiving all props of  [View](https://reactnative.dev/docs/view#props)
+**ListItem**: List rendering component, receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |                          Name                           |                                  Description                                   |      Type       | Required | Platform | HarmonyOS Support |
 | :-----------------------------------------------------: | :----------------------------------------------------------------------------: | :-------------: | :------: | :------: | :---------------: |
@@ -683,7 +683,7 @@ The following component attributes are currently supported:
 |                           pad                           | Adds spacing between the leftComponent, the title component & right component. |     number      |    No    |   All    |        Yes        |
 |                       topDivider                        |                    Add divider at the top of the list item.                    |     boolean     |    No    |   All    |        Yes        |
 
-**ListItem.Accordion**: List rendering folding component，receiving all props of  [ListItem](https://reactnativeelements.com/docs/components/listitem#props)
+**ListItem.Accordion**: List rendering folding component, receiving all props of [ListItem](https://reactnativeelements.com/docs/components/listitem#props)
 
 |    Name    |                                   Description                                   |              Type              | Required | Platform | HarmonyOS Support |
 | :--------: | :-----------------------------------------------------------------------------: | :----------------------------: | :------: | :------: | :---------------: |
@@ -696,7 +696,7 @@ The following component attributes are currently supported:
 |   noIcon   |                           Don't show accordion icon.                            |            boolean             |    No    |   All    |        Yes        |
 | noRotation |                    Don't rotate when Accordion is expanded.                     |            boolean             |    No    |   All    |        Yes        |
 
-**ListItem.ButtonGroup**: List rendering button group component，receiving all props of  [ButtonGroup](https://reactnativeelements.com/docs/components/buttongroup#props) 
+**ListItem.ButtonGroup**: List rendering button group component, receiving all props of [ButtonGroup](https://reactnativeelements.com/docs/components/buttongroup#props)
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -705,9 +705,9 @@ The following component attributes are currently supported:
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**ListItem.CheckBox**: List rendering selection box component，receiving all props of  [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props)
+**ListItem.CheckBox**: List rendering selection box component, receiving all props of [CheckBox](https://reactnativeelements.com/docs/components/checkbox#props)
 
-**ListItem.Chevron**: List rendering font icon component，receiving all props of [Icon](https://reactnativeelements.com/docs/components/icon#props)
+**ListItem.Chevron**: List rendering font icon component, receiving all props of [Icon](https://reactnativeelements.com/docs/components/icon#props)
 
 |      Name      |                    Description                    |             Type             | Required | Platform | HarmonyOS Support |
 | :------------: | :-----------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -717,21 +717,21 @@ The following component attributes are currently supported:
 |   onPressOut   | Called when a touch is released before `onPress`. | GestureResponderEventHandler |    No    |   All    |        Yes        |
 | pressableProps |       PressableProps except click handlers        |        PressableProps        |    No    |   All    |        Yes        |
 
-**ListItem.Content**: List rendering content component，receiving all props of  [Text](https://reactnativeelements.com/docs/components/text#props)
+**ListItem.Content**: List rendering content component, receiving all props of [Text](https://reactnativeelements.com/docs/components/text#props)
 
 | Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
 | right | Start content from the right. | boolean |    No    |   All    |        Yes        |
 
-**ListItem.Input**: List rendering form component，receiving all props of  [Input](https://reactnativeelements.com/docs/components/input#props)
+**ListItem.Input**: List rendering form component, receiving all props of [Input](https://reactnativeelements.com/docs/components/input#props)
 
-**ListItem.Subtitle**: List rendering subtitle component，receiving all props of  [Text](https://reactnative.dev/docs/text#props)
+**ListItem.Subtitle**: List rendering subtitle component, receiving all props of [Text](https://reactnative.dev/docs/text#props)
 
 | Name  |          Description          |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :---------------------------: | :-----: | :------: | :------: | :---------------: |
 | right | Start content from the right. | boolean |    No    |   All    |        Yes        |
 
-**ListItem.Swipeable**: List rendering slider component，receiving all props of [ListItem](https://reactnativeelements.com/docs/components/listitem#props)
+**ListItem.Swipeable**: List rendering slider component, receiving all props of [ListItem](https://reactnativeelements.com/docs/components/listitem#props)
 
 |     Name     |              Description              |                  Type                   | Required | Platform | HarmonyOS Support |
 | :----------: | :-----------------------------------: | :-------------------------------------: | :------: | :------: | :---------------: |
@@ -745,13 +745,13 @@ The following component attributes are currently supported:
 |  rightStyle  |       Style of right container.       |               View Style                |    No    |   All    |        Yes        |
 |  rightWidth  |    Width of swipe right container.    |                 number                  |    No    |   All    |        Yes        |
 
-**ListItem.Title**: List rendering title component，receiving all props of [View](https://reactnative.dev/docs/view#props)
+**ListItem.Title**: List rendering title component, receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 | Name  |   Description    |  Type   | Required | Platform | HarmonyOS Support |
 | :---: | :--------------: | :-----: | :------: | :------: | :---------------: |
 | right | Add right title. | boolean |    No    |    No    |        No         |
 
-**Overlay**: Pop up component，receiving all props of [View](https://reactnative.dev/docs/view#props)
+**Overlay**: Pop up component, receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |      Name       |                                Description                                 |             Type             | Required | Platform | HarmonyOS Support |
 | :-------------: | :------------------------------------------------------------------------: | :--------------------------: | :------: | :------: | :---------------: |
@@ -770,13 +770,13 @@ The following component attributes are currently supported:
 
 |      Name      |                Description                 |                Type                | Required | Platform | HarmonyOS Support |
 | :------------: | :----------------------------------------: | :--------------------------------: | :------: | :------: | :---------------: |
-|     button     |            Button information.             | `ButtonProps`，`ButtonInformation` |    No    |   All    |        Yes        |
+|     button     |            Button information.             | `ButtonProps`, `ButtonInformation`|    No    |   All    |        Yes        |
 |     color      |      Color scheme for button & title.      |               string               |    No    |   All    |        Yes        |
 | containerStyle |          Outer component styling.          |             View Style             |    No    |   All    |        Yes        |
 |      info      |            Pricing information.            |              string[]              |    No    |   All    |        Yes        |
 |   infoStyle    |     Specify pricing information style.     |             Text Style             |    No    |   All    |        Yes        |
 | onButtonPress  | Function to be run when button is pressed. |              Function              |    No    |   All    |        Yes        |
-|     price      |    Price mentioned in the pricing card.    |         `string`，`number`         |    No    |   All    |        Yes        |
+|     price      |    Price mentioned in the pricing card.    |         `string`, `number`        |    No    |   All    |        Yes        |
 |  pricingStyle  |                 Text Style                 |    Specify pricing text style.     |    No    |   All    |        Yes        |
 |     title      |       Add title in the pricing card.       |               string               |    No    |   All    |        Yes        |
 |   titleStyle   |         Specify title text style.          |             Text Style             |    No    |   All    |        Yes        |
@@ -798,15 +798,15 @@ The following component attributes are currently supported:
 |      ratingCount      |                                       Number of rating images to displayDefault is 5                                       |        number         |    No    |    No    |        No         |
 |      ratingImage      |                        Pass in a custom image source; use this along with type='custom' prop above                         |       ReactNode       |    No    |    No    |        No         |
 |    ratingTextColor    |                                               Color used for the text labels                                               |        string         |    No    |    No    |        No         |
-|       readonly        |                              Whether the rating can be modiefied by the userDefault is false                               |        boolean        |    No    |    No    |        No         |
+|       readonly        |                              Whether the rating can be modified by the userDefault is false                               |        boolean        |    No    |    No    |        No         |
 |      showRating       |                   Displays the Built-in Rating UI to show the rating value in real-timeDefault is false                    |        boolean        |    No    |    No    |        No         |
 |   showReadOnlyText    |                                       Whether the text is read onlyDefault is false                                        |        boolean        |    No    |    No    |        No         |
 |     startingValue     |                                    The initial rating to renderDefault is ratingCount/2                                    |        number         |    No    |    No    |        No         |
-|         style         |                             Exposes style prop to add additonal styling to the container view                              |      View Style       |    No    |    No    |        No         |
+|         style         |                             Exposes style prop to add additional styling to the container view                              |      View Style       |    No    |    No    |        No         |
 |       tintColor       |                                               Color used for the background                                                |        string         |    No    |    No    |        No         |
 |         type          |                                    Graphic used for represent a ratingDefault is 'star'                                    |        string         |    No    |    No    |        No         |
 
-**SearchBar**: Search box component，receiving all props of [Input](https://reactnativeelements.com/docs/components/input#props)
+**SearchBar**: Search box component, receiving all props of [Input](https://reactnativeelements.com/docs/components/input#props)
 
 |          Name           |              Description               |            Type             | Required | Platform | HarmonyOS Support |
 | :---------------------: | :------------------------------------: | :-------------------------: | :------: | :------: | :---------------: |
@@ -822,7 +822,7 @@ The following component attributes are currently supported:
 |      loadingProps       |         ActivityIndicatorProps         |   ActivityIndicatorProps    |    No    |   All    |        Yes        |
 |        onCancel         | Callback Function on cancel icon press |        `(() => any)`        |    No    |    No    |        No         |
 |         onClear         | Callback Function on clear icon press  |          Function           |    No    |   All    |        Yes        |
-|        platform         |           Platform judgment            | `default`，`android`，`ios` |    No    |    No    |        No         |
+|        platform         |           Platform judgment            | `default`, `android`, `ios`|    No    |    No    |        No         |
 | rightIconContainerStyle |       Right Icon Container Style       |   rightIconContainerStyle   |    No    |   All    |        Yes        |
 |          round          |         Whether it is rounded          |           boolean           |    No    |   All    |        Yes        |
 |       searchIcon        |            Icon for search             |          IconNode           |    No    |   All    |        Yes        |
@@ -835,8 +835,8 @@ The following component attributes are currently supported:
 | :-------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------: | :------: | :------: | :---------------: |
 |    allowTouchTrack    |                                                                      If true, thumb will respond and jump to any touch along the track.                                                                       |                     boolean                      |    No    |   All    |        Yes        |
 |  animateTransitions   |                                                                        Set to true if you want to use the default 'spring' animation.                                                                         |                     boolean                      |    No    |   All    |        Yes        |
-|    animationConfig    |                              Used to configure the animation parameters. These are the same parameters in the [Animated library](https://reactnative.dev/docs/animations.html).                               | `TimingAnimationConfig`，`SpringAnimationConfig` |    No    |   All    |        Yes        |
-|     animationType     |                        Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://reactnative.dev/docs/animations.html).                         |                `spring`，`timing`                |    No    |   All    |        Yes        |
+|    animationConfig    |                              Used to configure the animation parameters. These are the same parameters in the [Animated library](https://reactnative.dev/docs/animations.html).                               | `TimingAnimationConfig`, `SpringAnimationConfig`|    No    |   All    |        Yes        |
+|     animationType     |                        Set to 'spring' or 'timing' to use one of those two types of animations with the default [animation properties](https://reactnative.dev/docs/animations.html).                         |                `spring`, `timing`               |    No    |   All    |        Yes        |
 |    containerStyle     |                                                                                  Apply style to the container of the slider.                                                                                  |                      Style                       |    No    |   All    |        Yes        |
 |    debugTouchArea     |                                                                        Set this to true to visually see the thumb touch rect in orange.                                                                        |                     boolean                      |    No    |   All    |        Yes        |
 |       disabled        |                                                                              If true the user won't be able to move the slider.                                                                               |                     boolean                      |    No    |   All    |        Yes        |
@@ -857,14 +857,14 @@ The following component attributes are currently supported:
 |      trackStyle       |                                                                                        The style applied to the track.                                                                                        |                    View Style                    |    No    |   All    |        Yes        |
 |         value         |                                                                                         Initial value of the slider.                                                                                          |                      number                      |    No    |   All    |        Yes        |
 
-**Skeleton**: Skeleton screen component，receiving all props of [View](https://reactnative.dev/docs/view#props)
+**Skeleton**: Skeleton screen component, receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |          Name           |            Description             |        Type        | Required | Platform | HarmonyOS Support |
 | :---------------------: | :--------------------------------: | :----------------: | :------: | :------: | :---------------: | --- | --- |
 | LinearGradientComponent |  Custom Linear Gradient Component  |  React Component   |    No    |   All    |        Yes        |
 |        animation        |         Type of animation          |       `none`       |  `wave`  | `pulse`  |        No         | No  | No  |
 |         circle          |       show circular variant        |      boolean       |    No    |   All    |        Yes        |
-|         height          |      Height of Skeleton View       | `string`，`number` |    No    |   All    |        Yes        |
+|         height          |      Height of Skeleton View       | `string`, `number`|    No    |   All    |        Yes        |
 |      skeletonStyle      | Custom style for skeleton gradient |     View Style     |    No    |   All    |        Yes        |
 |          width          |       Width of Skeleton View       | `string`,`number`  |    No    |   All    |        Yes        |
 
@@ -897,7 +897,7 @@ The following component attributes are currently supported:
 |          type          |                                                 Social media type.                                                 |       SocialMediaType        |    No    |   All    |        Yes        |
 |     underlayColor      |                                                Add Underlay color.                                                 |            string            |    No    |    No    |        No         |
 
-**SpeedDial**: Floating Quick Operation Button Component，receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props)
+**SpeedDial**: Floating Quick Operation Button Component, receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props), [FAB](https://reactnativeelements.com/docs/components/fab#props)
 
 |          Name          |                       Description                        |       Type       | Required | Platform | HarmonyOS Support |
 | :--------------------: | :------------------------------------------------------: | :--------------: | :------: | :------: | :---------------: |
@@ -911,18 +911,18 @@ The following component attributes are currently supported:
 |      overlayColor      |           Add overlay color to the speed dial.           |      string      |    No    |   All    |        Yes        |
 |   transitionDuration   |    The duration for the transition, in milliseconds.     |      number      |    No    |   All    |        Yes        |
 
-**SpeedDial.Action**: Floating quick operation sub button component，receiving all props of  [FAB](https://reactnativeelements.com/docs/components/fab#props)
+**SpeedDial.Action**: Floating quick operation sub button component, receiving all props of [FAB](https://reactnativeelements.com/docs/components/fab#props)
 
 |      Name      |      Description       |  Type   | Required | Platform | HarmonyOS Support |
 | :------------: | :--------------------: | :-----: | :------: | :------: | :---------------: |
 | labelPressable | onPress on Label Press | boolean |    No    |   All    |        Yes        |
 
-**Switch**: Sliding switch component，receiving all props of [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props) 
+**Switch**: Sliding switch component, receiving all props of [React Native Switch](https://reactnative.dev/docs/switch.html#props), [View](https://reactnative.dev/docs/view#props)
 | Name  |            Description             |  Type  | Required | Platform | HarmonyOS Support |
 | :---: | :--------------------------------: | :----: | :------: | :------: | :---------------: |
 | color | The color of the Switch component. | string |    No    |   All    |        Yes        |
 
-**Tab**: Navigation bar component，receiving all props of [View](https://reactnative.dev/docs/view#props)
+**Tab**: Navigation bar component, receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 |       Name       |               Description                |                     Type                      | Required | Platform | HarmonyOS Support |
 | :--------------: | :--------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -930,15 +930,15 @@ The following component attributes are currently supported:
 |  containerStyle  | Additional Styling for button container. | `ViewStyle or (active: boolean) => ViewStyle` |    No    |    No    |        No         |
 |      dense       |              Dense Tab Item              |                    boolean                    |    No    |    No    |        No         |
 | disableIndicator |       Disable the indicator below.       |                    boolean                    |    No    |   All    |        Yes        |
-|   iconPosition   |              Icon Position               |       `left`，`right`，`top`，`bottom`        |    No    |   All    |        Yes        |
+|   iconPosition   |              Icon Position               |       `left`, `right`, `top`, `bottom`       |    No    |   All    |        Yes        |
 |  indicatorStyle  |  Additional styling for tab indicator.   |                  View Style                   |    No    |   All    |        Yes        |
 |     onChange     |        On Index Change Callback.         |            (value: number) => void            |    No    |   All    |        Yes        |
 |    scrollable    |           Makes Tab Scrolling            |                    boolean                    |    No    |    No    |        No         |
 |    titleStyle    |      Additional button title style       | `ViewStyle or (active: boolean) => ViewStyle` |    No    |    No    |        No         |
 |      value       |       Child position index value.        |                    number                     |    No    |   All    |        Yes        |
-|     variant      |      Define the background Variant.      |             `primary`，`default`              |    No    |   All    |        Yes        |
+|     variant      |      Define the background Variant.      |             `primary`, `default`             |    No    |   All    |        Yes        |
 
-**Tab.Item**: Navigation bar subcomponent，receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props)
+**Tab.Item**: Navigation bar subcomponent, receiving all props of [Button](https://reactnativeelements.com/docs/components/button#props)
 
 |        Name        |                   Description                    |                     Type                      | Required | Platform | HarmonyOS Support |
 | :----------------: | :----------------------------------------------: | :-------------------------------------------: | :------: | :------: | :---------------: |
@@ -948,14 +948,14 @@ The following component attributes are currently supported:
 |       dense        |                  Dense Tab Item                  |                    boolean                    |    No    |    No    |        No         |
 | iconContainerStyle | Additional Styling for Icon Component container. | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
 |     titleStyle     |          Additional button title style           | `ViewStyle or (active: boolean) => ViewStyle` |    No    |   All    |        Yes        |
-|      variant       |          Define the background Variant.          |             `primary`，`default`              |    No    |    No    |        No         |
+|      variant       |          Define the background Variant.          |             `primary`, `default`             |    No    |    No    |        No         |
 
 **TabView**: Sliding switch content component
 
 |         Name          |                                           Description                                            |          Type          | Required | Platform | HarmonyOS Support |
 | :-------------------: | :----------------------------------------------------------------------------------------------: | :--------------------: | :------: | :------: | :---------------: |
 |    animationConfig    |                               Define the animation configurations.                               |    AnimationConfig     |    No    |   All    |        Yes        |
-|     animationType     | Choose the animation type among `spring` and `timing`. This is visible when there is tab change. |   `spring`，`timing`   |    No    |   All    |        Yes        |
+|     animationType     | Choose the animation type among `spring` and `timing`. This is visible when there is tab change. |   `spring`, `timing`  |    No    |   All    |        Yes        |
 |    containerStyle     |                                 Styling for Component container.                                 |       View Style       |    No    |   All    |        Yes        |
 |     disableSwipe      |                                      Swipe disabled or not                                       |        Boolean         |    No    |   All    |        Yes        |
 |   disableTransition   |                                       Disables transition                                        |        Boolean         |    No    |   All    |        Yes        |
@@ -966,7 +966,7 @@ The following component attributes are currently supported:
 | tabItemContainerStyle |                          Styling for TabView.Item Component container.                           |       View Style       |    No    |   All    |        Yes        |
 |         value         |                                   Child position index value.                                    |         number         |    No    |   All    |        Yes        |
 
-**TabView.Item**: Slide switch content subcomponent，receiving all props of  [View](https://reactnative.dev/docs/view#props)
+**TabView.Item**: Slide switch content subcomponent, receiving all props of [View](https://reactnative.dev/docs/view#props)
 
 **Text**: Text Content Component Component
 
@@ -1021,7 +1021,7 @@ The following component attributes are currently supported:
 |       overlayColor       |                                                                                                      Color of overlay shadow when tooltip is open.                                                                                                      |                        ColorValue                        |    No    |   All    |        Yes        |
 |       pointerColor       |                                              Color of tooltip pointer, it defaults to the [`backgroundColor`](https://reactnativeelements.com/docs/components/tooltip#backgroundcolor) if none is passed.                                               |                        ColorValue                        |    No    |   All    |        Yes        |
 |       pointerStyle       |                                                                                                           Style to be applied on the pointer.                                                                                                           |                        View Style                        |    No    |   All    |        Yes        |
-|         popover          |                                                                                                   Component to be rendered as the display container.                                                                                                    | `ReactElement<{}, string`，`JSXElementConstructor<any>>` |    No    |   All    |        Yes        |
+|         popover          |                                                                                                   Component to be rendered as the display container.                                                                                                    | `ReactElement<{}, string`, `JSXElementConstructor<any>>`|    No    |   All    |        Yes        |
 |   skipAndroidStatusBar   |                                                             Force skip StatusBar height when calculating element position. Pass `true` if Tooltip used inside react-native Modal component.                                                             |                         boolean                          |    No    |   All    |        Yes        |
 |       toggleAction       |                                                                              Define type of action that should trigger tooltip. Available options _onPress_, _onLongPress_                                                                              |                          string                          |    No    |   All    |        Yes        |
 |      toggleOnPress       |                                                                                                Flag to determine to toggle or not the tooltip on press.                                                                                                 |                         boolean                          |    No    |   All    |        Yes        |
@@ -1034,29 +1034,29 @@ The following component attributes are currently supported:
 
 ## Others
 
--  Rating 组件的 readonly、onFinishRating 等属性无法生效，与 Android/iOS 一致: [issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736)、[issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718)。
--  AirbnbRatings 组件的 startImage 属性无法生效，与 Android/iOS 一致: [issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718)。
--  ButtonGroups 组件的 activeOpacity、button 等属性无法生效，与 Android/iOS 一致: [issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938)。
--  Dialog 组件的 onLongPress、onpressIn 等属性无法生效，与 Android/iOS 一致: [issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931)。
--  Header 组件的 barStyle、elevated 等属性无法生效，与 Android、iOS 一致: [issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935)。
--  Input 组件的 renderErrorMessage 属性无法生效，与 Android、iOS 一致: [issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933)。
--  ListItem.Swipeable 组件的 minSlideWidth 属性无法生效，与 Android、iOS 一致: [issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825)。
--  ListItem.Title 组件的 right 属性无法生效，与 Android、iOS 一致: [issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934)。
--  SearchBar 组件的 cancelButtonProps、showCancel 等属性无法生效，与 Android、iOS 一致: [issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939)。
--  SocialIcon 组件的 fontFamily、fontWeight 等属性无法生效，与 Android、iOS 一致: [issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940)。
--  SpeedDial 组件的 backdropPressableProps 属性无法生效，与 Android、iOS 一致: [issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937)。
--  Tab 组件的 containerStyle、dense 等属性无法生效，与 Android、iOS 一致: [issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941)。
--  Tab.Item 组件的 active、dense 等属性无法生效，与 Android、iOS 一致: [issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936)。
--  Tile 组件的 activeOpacity 等属性无法生效，与 Android、iOS 一致: [issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932)。
--  Tooltip 组件的 closeOnlyOnBackdropPress 属性无法生效，与 Android、iOS 一致: [issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811)。
--  Overlay组件接收View的所有属性无效，与Android/iOS一致：[issue#17](https://github.com/react-native-elements/react-native-elements/issues/3950)。
--  Slider组件的属性animateTransitions单独设置为true报错：[issue#18](https://github.com/react-native-elements/react-native-elements/issues/3928)。
--  ListItem.Subtitle组件的right属性设置无效，与Android、iOS一致：[issue#19](https://github.com/react-native-elements/react-native-elements/issues/3951)。
--  Icon组件的brand属性设置无效，与Android、iOS一致：[issue#20](https://github.com/react-native-elements/react-native-elements/issues/3952)。
--  Header组件的centerComponent属性设置上下无法居中：[issue#21](https://github.com/react-native-elements/react-native-elements/issues/3953)。
--  ToolTip组件的skipAndroidStatusBar属性设置无效，与Android、iOS一致：[issue#22](https://github.com/react-native-elements/react-native-elements/issues/3954)。
+-  The **readonly** and **onFinishRating** properties of the **Rating** component are invalid, which is the same as that on Android and iOS: [issue#1](https://github.com/react-native-elements/react-native-elements/issues/3736), [issue#2](https://github.com/react-native-elements/react-native-elements/issues/3718).
+-  The **startImage** property of the **AirbnbRatings** component is invalid, which is the same as that on Android and iOS: [issue#3](https://github.com/react-native-elements/react-native-elements/issues/3718).
+-  The **activeOpacity** and **button** properties of the **ButtonGroups** component are invalid, which is the same as that on Android and iOS: [issue#4](https://github.com/react-native-elements/react-native-elements/issues/3938).
+-  The **onLongPress** and **onPressIn** properties of the **Dialog** component are invalid, which is the same as that on Android and iOS: [issue#5](https://github.com/react-native-elements/react-native-elements/issues/3931).
+-  The **barStyle** and **elevated** properties of the **Header** component are invalid, which is the same as that on Android and iOS: [issue#6](https://github.com/react-native-elements/react-native-elements/issues/3935).
+-  The **renderErrorMessage** property of the **Input** component is invalid, which is the same as that on Android and iOS: [issue#7](https://github.com/react-native-elements/react-native-elements/issues/3933).
+-  The **minSlideWidth** property of the **ListItem.Swipeable** component is invalid, which is the same as that on Android and iOS: [issue#8](https://github.com/react-native-elements/react-native-elements/issues/3825).
+-  The **right** property of the **ListItem.Title** component is invalid, which is the same as that on Android and iOS: [issue#9](https://github.com/react-native-elements/react-native-elements/issues/3934).
+-  The **cancelButtonProps** and **showCancel** properties of the **SearchBar** component are invalid , which is the same as that on Android and iOS: [issue#10](https://github.com/react-native-elements/react-native-elements/issues/3939).
+-  The **fontFamily** and **fontWeight** properties of the **SocialIcon** component are invalid, which is the same as that on Android and iOS: [issue#11](https://github.com/react-native-elements/react-native-elements/issues/3940).
+-  The **backdropPressableProps** property of the **SpeedDial** component is invalid, which is the same as that on Android and iOS: [issue#12](https://github.com/react-native-elements/react-native-elements/issues/3937).
+-  The **containerStyle** and **dense** properties of the **Tab** component are invalid, which is the same as that on Android and iOS: ([issue#13](https://github.com/react-native-elements/react-native-elements/issues/3941).
+-  The **active** and **dense** properties of the **Tab.Item** component are invalid, which is the same as that on Android and iOS: [issue#14](https://github.com/react-native-elements/react-native-elements/issues/3936).
+-  The **activeOpacity** property of the **tile** component is invalid, which is the same as that on Android and iOS: [issue#15](https://github.com/react-native-elements/react-native-elements/issues/3932).
+-  The **closeOnlyOnBackdropPress** property of the **Tooltip** component is invalid, which is the same as that on Android and iOS: [issue#16](https://github.com/react-native-elements/react-native-elements/issues/3811).
+-  All properties of **View** received by the **Overlay** component are invalid, which is the same as that on Android and iOS: [issue#17](https://github.com/react-native-elements/react-native-elements/issues/3950).
+-  When the **animateTransitions** property of the **Slider** component is set to **true**, an error message is displayed: [issue#18](https://github.com/react-native-elements/react-native-elements/issues/3928).
+-  The **right** property of the **ListItem.Subtitle** component is invalid, which is the same as that on Android and iOS: [issue#19](https://github.com/react-native-elements/react-native-elements/issues/3951).
+-  The **brand** property of the **Icon** component is invalid, which is the same as that on Android and iOS: [issue#20](https://github.com/react-native-elements/react-native-elements/issues/3952).
+-  The **centerComponent** property of the **Header** component cannot be centered: [issue#21](https://github.com/react-native-elements/react-native-elements/issues/3953).
+-  The **skipAndroidStatusBar** property of the **ToolTip** component is invalid, which is the same as that on Android and iOS: [issue#22](https://github.com/react-native-elements/react-native-elements/issues/3954).
 
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE)
+This project is licensed under [The MIT License (MIT)](https://github.com/react-native-elements/react-native-elements/blob/next/LICENSE).
diff --git a/en/react-native-feather.md b/en/react-native-feather.md
index 043b141b..b8b1554a 100644
--- a/en/react-native-feather.md
+++ b/en/react-native-feather.md
@@ -32,9 +32,9 @@ yarn add react-native-feather@1.1.2
 
 The following code shows the basic use scenario of the repository:
 
-此库可以使用的[图标列表](https://feathericons.com/)
+This library can use the [icon list](https://feathericons.com/).
 
-> [!WARNING] The name of the imported repository remains unchanged.且该库强依赖[@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)，请在使用前，安装 svg 库
+> [!WARNING] The name of the imported repository remains unchanged. In addition, this library strongly depends on [@react-native-oh-tpl/react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-svg.md), therefore, install the svg library first.
 
 ```js
 import React from "react";
@@ -46,21 +46,21 @@ const FeatherExample = () => {
   return (
     <ScrollView>
       <Text style={{ color: "blue" }}>
-        react-native-feather库只是对svg图进行处理的库,以下展示的demo,均只有图片,没有绑定点击事件
+        The react-native-feather library is only used to process SVG images. The following demos contain only images and are not bound to click events.
       </Text>
       <Text style={{ color: "blue" }}>
-        电池,边线红色,绿色填充,width=150,height=150
+        Battery icon. The stroke is red, the filling color is green, and the width and height are 150.
       </Text>
       <Icon.Battery stroke="red" width={150} height={150} fill="green" />
-      <Text style={{ color: "blue" }}>菜单栏,边线绿色,宽高默认为25</Text>
+      <Text style={{ color: "blue" }}> Menu bar. The stroke is green, and the default width and height are 25.</Text>
       <Icon.Menu stroke="green" />
       <Text style={{ color: "blue" }}>
-        播放图标,边线默认为当前颜色,填充色为蓝色,宽高为50
+        Playback icon. The default stroke color is the current color, the filling color is blue, and the width and height are 50.
       </Text>
       <Icon.Video fill="blue" width={50} height={50} />
 
       <Text style={{ color: "blue" }}>
-        第二种使用方法: 对号,颜色为红色,width和height为32
+        Check icon. The stroke color is red and the width and height are 32.
       </Text>
       <Check stroke="red" width={32} height={32} />
     </ScrollView>
@@ -81,15 +81,15 @@ If it is not included, follow the guide provided in [@react-native-oh-tpl/react-
 ### Compatibility
 
 1. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 204.1.0.59;
-2. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
+2. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18, HarmonyOS NEXT Developer Preview0 B.0.60, HarmonyOS NEXT Developer Preview2 B.0.73; IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
 
 ## Properties
 
-所有[SVG 属性](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)均可使用
+This library receives all [SVG properties](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-svg.md).
 
 ### feather
 
-该库为 UI 组件库，通过配置属性标签，实现对应的功能。
+This library is a UI component library. You can configure properties to implement corresponding functionalities.
 
 | Prop        | Description                                                          | Default      | HarmonyOS Support |
 | ----------- | -------------------------------------------------------------------- | ------------ | ----------------- |
@@ -103,12 +103,12 @@ If it is not included, follow the guide provided in [@react-native-oh-tpl/react-
 
 ## Others
 
-以下事项与原库保持一致需注意遵循:
+The following items must be consistent with those in the original library:
 
-1. 在使用该库前，请保证按照上文"Link"的提示，已经安装 [`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)。
-2. 此组件包含所有 [`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md) 兼容的所有 Feather 图标。
-3. 基于 Feather 图标库版本为 V4.28.0。
+1. Before using this library, ensure that [`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-svg.md) has been installed.
+2. This component contains all Feather icons that are compatible with [`react-native-svg`](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-svg.md).
+3. This library is based on Feather V4.28.0.
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://www.mit-license.org).
+This project is licensed under [MIT License](https://www.mit-license.org).
diff --git a/en/react-native-fingerprint-scanner.md b/en/react-native-fingerprint-scanner.md
index c520c027..8e7c7a4d 100644
--- a/en/react-native-fingerprint-scanner.md
+++ b/en/react-native-fingerprint-scanner.md
@@ -12,7 +12,7 @@
     </a>
 </p>
 
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-fingerprint-scanner)
+> [!tip] [GitHub address](https://github.com/react-native-oh-library/react-native-fingerprint-scanner)
 
 ## Installation and Usage
 
@@ -76,7 +76,7 @@ export default function App() {
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -123,7 +123,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing FingerprintScannerPackage to ArkTS
 
@@ -165,8 +165,8 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-> [!TIP] "ohos.permission.ACCESS_BIOMETRIC"权限等级为<B>system_basic</B>
-> 在 `YourProject/entry/src/main/module.json5`补上配置
+> [!tip] The permission level of **ohos.permission.ACCESS_BIOMETRIC** is <B>system_basic</B>.
+> Add the configuration to the `YourProject/entry/src/main/module.json5` file.
 
 ```diff
 {
@@ -185,32 +185,32 @@ Check the release version information in the release address of the third-party
 
 ## Static Methods
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                                                    | Description                                                                         | Type     | Required | Platform  | HarmonyOS Support |
-| ------------------------------------------------------- | ----------------------------------------------------------------------------------- | -------- | -------- | --------- | ----------------- |
-| `authenticate: (value: authenticate) => Promise<void>;` | Starts Fingerprint authentication                                                   | function | No       | All       | YES               |
-| `isSensorAvailable: () => Promise<string>`              | Checks if Fingerprint Scanner is able to be used by now.                            | function | No       | All       | YES               |
+| Name                                                    | Description                                                  | Type     | Required | Platform  | HarmonyOS Support |
+| ------------------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | --------- | ----------------- |
+| `authenticate: (value: authenticate) => Promise<void>;` | Starts Fingerprint authentication                            | function | No       | All       | YES               |
+| `isSensorAvailable: () => Promise<string>`              | Checks if Fingerprint Scanner is able to be used by now.     | function | No       | All       | YES               |
 | `release: () => void`                                   | Stops fingerprint scanner listener, releases cache of internal state in native code | function | No       | All       | YES               |
-| `onAttempt: () => {message?: string}`                   | when users are trying to scan their fingerprint but failed                          | function | No       | HarmonyOS | YES               |
+| `onAttempt: () => {message?: string}`                   | when users are trying to scan their fingerprint but failed   | function | No       | HarmonyOS | YES               |
 
-###### authenticate 方法参数
+###### **Parameters of the authenticate API**
 
-| Name              | Description                                                                     | Type     | Required | Platform | HarmonyOS Support |
-| ----------------- | ------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| `title`           | the title text to display in the native                                         | string   | no       | Android  | yes               |
-| `subTitle`        | the sub title text to display in the native                                     | string   | no       | Android  | no                |
-| `description`     | the description text to display in the native                                   | string   | no       | All      | no                |
-| `cancelButton`    | e cancel button text to display in the native                                   | string   | no       | Android  | no                |
+| Name              | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `title`           | the title text to display in the native                      | string   | no       | Android  | yes               |
+| `subTitle`        | the sub title text to display in the native                  | string   | no       | Android  | no                |
+| `description`     | the description text to display in the native                | string   | no       | All      | no                |
+| `cancelButton`    | e cancel button text to display in the native                | string   | no       | Android  | no                |
 | `onAttempt`       | a callback function when users are trying to scan their fingerprint but failed. | function | no       | Android  | no                |
-| `fallbackEnabled` | default to true, whether to display fallback button                             | boolean  | no       | IOS      | no                |
+| `fallbackEnabled` | default to true, whether to display fallback button          | boolean  | no       | IOS      | no                |
 
 ## Known Issues
 
-- [ ] Harmony 的指纹认证只支持 title 修改，并没有 subTitle，description，cancelButton，fallbackEnabled 参数， [issue#8](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/8)
-- [ ] authenticate 的参数不支持 onAttempt，authenticate 的参数 onAttempt 为回调方法，接口 type 形式不支持 function,所以将 onAttempt 方法单独抽离出来 [issue#7](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/7)
+- [ ] Only title can be modified for HarmonyOS fingerprint authentication. subTitle, description, cancelButton, fallbackEnabled are not supported: [issue#8](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/8)
+- [ ] The callback function onAttempt should be separated out and not passed as a parameter to the authenticate method because authenticate does not support parameters of the function type: [issue#7](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/issues/7)
 
 ## Others
 
diff --git a/en/react-native-flash-message.md b/en/react-native-flash-message.md
index 05d061b6..dee67556 100644
--- a/en/react-native-flash-message.md
+++ b/en/react-native-flash-message.md
@@ -116,37 +116,37 @@ This document is verified based on the following versions:
 
 For details, see [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message/blob/v0.4.0/README.md)
 
-| Name                   | Description                                                                                                                                                                                                                                                                                                                                                                                                                      | Required | Platform    | HarmonyOS Support |
-| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| hideOnPress            | Controls if the flash message can be closed on press                                                                                                                                                                                                                                                                                                                                                                             | NO       | iOS/Android | YES               |
-| onPress                | onPress callback for flash message press                                                                                                                                                                                                                                                                                                                                                                                         | NO       | iOS/Android | YES               |
-| onLongPress            | onLongPress callback for flash message press                                                                                                                                                                                                                                                                                                                                                                                     | NO       | iOS/Android | YES               |
-| animated               | Controls if the flash message will be shown with animation or not                                                                                                                                                                                                                                                                                                                                                                | NO       | iOS/Android | YES               |
-| animationDuration      | Animations duration/speed                                                                                                                                                                                                                                                                                                                                                                                                        | NO       | iOS/Android | YES               |
-| autoHide               | Controls if the flash message can hide itself after some duration time                                                                                                                                                                                                                                                                                                                                                           | NO       | iOS/Android | YES               |
-| duration               | How many milliseconds the flash message will be shown if the autoHide it's true                                                                                                                                                                                                                                                                                                                                                  | NO       | iOS/Android | YES               |
-| hideStatusBar          | Controls if the flash message will auto hide the native status bar. Note: Works OK in iOS, not all Android versions support this.                                                                                                                                                                                                                                                                                                | NO       | iOS/Android | YES               |
-| statusBarHeight        | Use this prop to set a custom status bar height that will be add in flash message padding top calc                                                                                                                                                                                                                                                                                                                               | NO       | iOS/Android | YES               |
-| floating               | The floating prop unstick the message from the edges and applying some border radius to component                                                                                                                                                                                                                                                                                                                                | NO       | iOS/Android | YES               |
-| position               | The position prop set the position of a flash message. Expected options: "top" (default), "bottom", "center" or a custom object with { top, left, right, bottom } position                                                                                                                                                                                                                                                       | NO       | iOS/Android | YES               |
+| Name                   | Description                                                  | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | -------- | ----------- | ----------------- |
+| hideOnPress            | Controls if the flash message can be closed on press         | NO       | iOS/Android | YES               |
+| onPress                | onPress callback for flash message press                     | NO       | iOS/Android | YES               |
+| onLongPress            | onLongPress callback for flash message press                 | NO       | iOS/Android | YES               |
+| animated               | Controls if the flash message will be shown with animation or not | NO       | iOS/Android | YES               |
+| animationDuration      | Animations duration/speed                                    | NO       | iOS/Android | YES               |
+| autoHide               | Controls if the flash message can hide itself after some duration time | NO       | iOS/Android | YES               |
+| duration               | How many milliseconds the flash message will be shown if the autoHide it's true | NO       | iOS/Android | YES               |
+| hideStatusBar          | Controls if the flash message will auto hide the native status bar. Note: Works OK in iOS, not all Android versions support this. | NO       | iOS/Android | YES               |
+| statusBarHeight        | Use this prop to set a custom status bar height that will be add in flash message padding top calc | NO       | iOS/Android | YES               |
+| floating               | The floating prop unstick the message from the edges and applying some border radius to component | NO       | iOS/Android | YES               |
+| position               | The position prop set the position of a flash message. Expected options: "top" (default), "bottom", "center" or a custom object with { top, left, right, bottom } position | NO       | iOS/Android | YES               |
 | icon                   | The icon prop could be a render function that return a new JSX Element to be placed in icon position OR a definition of the graphical icon of a flash message. Expected options: "none" (default), "auto" (guided by type), "success", "info", "warning", "danger", a custom icon (render function) or a custom object with icon type/name and position (left or right) attributes, e.g.: { icon: "success", position: "right" } | NO       | iOS/Android | YES               |
-| style                  | Apply a custom style object in flash message container                                                                                                                                                                                                                                                                                                                                                                           | NO       | iOS/Android | YES               |
-| textStyle              | Apply a custom style object in flash message descript/text text label                                                                                                                                                                                                                                                                                                                                                            | NO       | iOS/Android | YES               |
-| titleStyle             | Apply a custom style object in flash message title text label                                                                                                                                                                                                                                                                                                                                                                    | NO       | iOS/Android | YES               |
-| titleProps             | Set a custom props object in flash message title text label                                                                                                                                                                                                                                                                                                                                                                      | NO       | iOS/Android | YES               |
-| textProps              | Set a custom props object in flash message all text components                                                                                                                                                                                                                                                                                                                                                                   | NO       | iOS/Android | YES               |
-| iconProps              | Set a custom props object to use inside the renderFlashMessageIcon method as third argument                                                                                                                                                                                                                                                                                                                                      | NO       | iOS/Android | YES               |
-| renderBeforeContent    | Render custom JSX before title in flash message.                                                                                                                                                                                                                                                                                                                                                                                 | NO       | iOS/Android | YES               |
-| renderCustomContent    | Render custom JSX below title in flash message.                                                                                                                                                                                                                                                                                                                                                                                  | NO       | iOS/Android | YES               |
-| renderAfterContent     | Render custom JSX after the title (or description) of a flash message.                                                                                                                                                                                                                                                                                                                                                           | NO       | iOS/Android | YES               |
-| renderFlashMessageIcon | Set a custom render function for inside message icons                                                                                                                                                                                                                                                                                                                                                                            | NO       | iOS/Android | YES               |
-| transitionConfig       | Set the transition config function used in shown/hide anim interpolations                                                                                                                                                                                                                                                                                                                                                        | NO       | iOS/Android | YES               |
-| canRegisterAsDefault   | Use to handle if the instance can be registed as default/global instance                                                                                                                                                                                                                                                                                                                                                         | NO       | iOS/Android | YES               |
-| MessageComponent       | Set the default flash message render component used to show all the messages                                                                                                                                                                                                                                                                                                                                                     | NO       | iOS/Android | YES               |
+| style                  | Apply a custom style object in flash message container       | NO       | iOS/Android | YES               |
+| textStyle              | Apply a custom style object in flash message descript/text text label | NO       | iOS/Android | YES               |
+| titleStyle             | Apply a custom style object in flash message title text label | NO       | iOS/Android | YES               |
+| titleProps             | Set a custom props object in flash message title text label  | NO       | iOS/Android | YES               |
+| textProps              | Set a custom props object in flash message all text components | NO       | iOS/Android | YES               |
+| iconProps              | Set a custom props object to use inside the renderFlashMessageIcon method as third argument | NO       | iOS/Android | YES               |
+| renderBeforeContent    | Render custom JSX before title in flash message.             | NO       | iOS/Android | YES               |
+| renderCustomContent    | Render custom JSX below title in flash message.              | NO       | iOS/Android | YES               |
+| renderAfterContent     | Render custom JSX after the title (or description) of a flash message. | NO       | iOS/Android | YES               |
+| renderFlashMessageIcon | Set a custom render function for inside message icons        | NO       | iOS/Android | YES               |
+| transitionConfig       | Set the transition config function used in shown/hide anim interpolations | NO       | iOS/Android | YES               |
+| canRegisterAsDefault   | Use to handle if the instance can be registed as default/global instance | NO       | iOS/Android | YES               |
+| MessageComponent       | Set the default flash message render component used to show all the messages | NO       | iOS/Android | YES               |
 
 ## Known Issues
 
-- [ ] iOS 和 鸿蒙侧效果有差异，隐藏手机状态栏是通过 RN 框架的 StatusBar 组件中的 StatusBar.setHidden()方法实现,具体效果有差异，暂未解决。原因: 鸿蒙系统手机顶部系统非安全区域块范围底部与前置摄像头挖空区域范围底部高度不一致，在显示和隐藏状态栏的过程中，系统非安全区域范围高度会有（0,136（不同手机不同）两种变化），导致内容组件所在窗口大小顶部位置会在两种状态下分别与前置摄像头挖空区域底部或系统非安全区域底部对齐，造成抖动，状态栏的显隐状态和 SystemAvoidView 这种类型的非安全区域大小不是强关联的。与 IOS 不一致原因: IOS 的顶部没有非安全区域，未做避让。
+- [ ] The effect on iOS is different from that on HarmonyOS. The **StatusBar.setHidden()** method in the **StatusBar** component of the RN framework is used to hide the status bar of the mobile phone. The specific effect varies and this issue has not been resolved. The reason is that on HarmonyOS smartphones, the bottom of the system non-safe area at the top of the phone is not consistent in height with the bottom of the front camera cutout area. During the process of showing and hiding the status bar, the height of the system non-safe area will be 0 or 136, varying by device. This causes the top of the window where the content component is located to align either with the bottom of the front camera cutout area or the bottom of the system non-safe area in the two states, resulting in jitter. The visibility state of the status bar and the size of the non-safe area of types like **SystemAvoidView** are not strongly correlated. Compared with HarmonyOS, iOS does not have a non-safe area at the top of the screen, which does not require the avoidance design.
 
 ## Others
 
diff --git a/en/react-native-gifted-chat.md b/en/react-native-gifted-chat.md
index a07923b4..c62cc000 100644
--- a/en/react-native-gifted-chat.md
+++ b/en/react-native-gifted-chat.md
@@ -186,9 +186,9 @@ RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.4
 ## Known Issues
 
 ## Others
--  输入框最大高 maxComposerHeight 设置无效果 maxComposerHeight为复杂数据类型,设置后在HarmonyOS侧效果偶发
--  输入工具栏最小高 minInputToolbarHeight 设置无效,与iOS一致
--  聊天与屏幕底部的距离 bottomOffset 设置无效,与iOS一致
+-  The **maxComposerHeight** setting is invalid. **maxComposerHeight** is a complex data type, and its effect is sporadic on HarmonyOS.
+-  The **minInputToolbarHeight** setting is invalid on HarmonyOS, which is consistent with that on iOS.
+-  The **bottomOffset** setting is invalid on HarmonyOS, which is consistent with that on iOS.
 
 ## License
 
diff --git a/en/react-native-haptic-feedback.md b/en/react-native-haptic-feedback.md
index 1ae50b1a..49094ddd 100644
--- a/en/react-native-haptic-feedback.md
+++ b/en/react-native-haptic-feedback.md
@@ -94,7 +94,7 @@ export const HapticFeedbackExample = () => {
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -142,7 +142,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing RNHapticFeedbackPackage to ArkTS
 
@@ -184,7 +184,7 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-在 entry/src/main/module.json5 补上配置
+Add the configuration to the **entry/src/main/module.json5** file.
 
 ```js
 "requestPermissions": [ { "name": "ohos.permission.VIBRATE" }, ]
@@ -201,43 +201,43 @@ Check the release version information in the release address of the third-party
 `trigger(method, options)`
 Use this method to trigger haptic feedback
 
-| Name                                  | Description                                                                                                                           | Type    | Required | Platform    | HarmonyOS Support |
-| ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------- | -------- | ----------- | ----------------- |
-| `method`                              | Specifies the type of haptic feedback. See the list of available methods below.                                                       | string  | yes      | iOS/Android | yes               |
+| Name                                  | Description                                                  | Type    | Required | Platform    | HarmonyOS Support |
+| ------------------------------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
+| `method`                              | Specifies the type of haptic feedback. See the list of available methods below. | string  | yes      | iOS/Android | yes               |
 | `options.enableVibrateFallback`       | iOS only. If haptic feedback is unavailable (iOS < 10 OR Device < iPhone6s), vibrate with default method (heavy 1s) (default: false). | boolean | no       | iOS         | no                |
-| `options.ignoreAndroidSystemSettings` | Ignoreing phone mute mode setting and triggering haptic feedback. (default: false).                                                   | boolean | no       | Android     | yes               |
+| `options.ignoreAndroidSystemSettings` | Ignoreing phone mute mode setting and triggering haptic feedback. (default: false). | boolean | no       | Android     | yes               |
 
 ### method Overview
 
 Here's an overview of the available methods and their compatibility
-| Name | Description | Type |Required|Platform|HarmonyOS Support|
-| ---- | :-----: | :----: |:---: |:----: |:------: |
-| `impactLight` | impactLight feedback | string |no|iOS/Android|yes|
-| `impactMedium` | impactMedium feedback | string |no|iOS/Android|yes|
-| `impactHeavy` | impactHeavy feedback | string |no|iOS/Android|yes|
-| `rigid` | rigid feedback | string |no|iOS/Android|yes|
-| `soft` | soft feedback | string |no|iOS/Android|yes|
-| `notificationSuccess` | notificationSuccess feedback | string |no|iOS/Android|yes|
-| `notificationWarning` | notificationWarning feedback | string |no|iOS/Android|yes|
-| `notificationError` | notificationError feedback | string |no|iOS/Android|yes|
-| `selection` | selection feedback | string |no|iOS|yes|
-| `clockTick` | clockTick feedback | string |no|Android|yes|
-| `contextClick` | contextClick feedback | string |no|Android|yes|
-| `keyboardPress` | keyboardPress feedback | string |no|Android|yes|
-| `keyboardRelease` | keyboardRelease feedback | string |no|Android|yes|
-| `keyboardTap` | keyboardTap feedback | string |no|Android|yes|
-| `longPress` | longPress feedback | string |no|Android|yes|
-| `textHandleMove` | textHandleMove feedback | string |no|Android|yes|
-| `virtualKey` | virtualKey feedback | string |no|Android|yes|
-| `virtualKeyRelease` | virtualKeyRelease feedback | string |no|Android|yes|
-| `effectClick` | effectClick feedback | string |no|Android|yes|
-| `effectDoubleClick` | effectDoubleClick feedback | string |no|Android|yes|
-| `effectHeavyClick` | effectHeavyClick feedback | string |no|Android|yes|
-| `effectTick` | effectTick feedback | string |no|Android|yes|
+| Name                  |         Description          |  Type  | Required |  Platform   | HarmonyOS Support |
+| --------------------- | :--------------------------: | :----: | :------: | :---------: | :---------------: |
+| `impactLight`         |     impactLight feedback     | string |    no    | iOS/Android |        yes        |
+| `impactMedium`        |    impactMedium feedback     | string |    no    | iOS/Android |        yes        |
+| `impactHeavy`         |     impactHeavy feedback     | string |    no    | iOS/Android |        yes        |
+| `rigid`               |        rigid feedback        | string |    no    | iOS/Android |        yes        |
+| `soft`                |        soft feedback         | string |    no    | iOS/Android |        yes        |
+| `notificationSuccess` | notificationSuccess feedback | string |    no    | iOS/Android |        yes        |
+| `notificationWarning` | notificationWarning feedback | string |    no    | iOS/Android |        yes        |
+| `notificationError`   |  notificationError feedback  | string |    no    | iOS/Android |        yes        |
+| `selection`           |      selection feedback      | string |    no    |     iOS     |        yes        |
+| `clockTick`           |      clockTick feedback      | string |    no    |   Android   |        yes        |
+| `contextClick`        |    contextClick feedback     | string |    no    |   Android   |        yes        |
+| `keyboardPress`       |    keyboardPress feedback    | string |    no    |   Android   |        yes        |
+| `keyboardRelease`     |   keyboardRelease feedback   | string |    no    |   Android   |        yes        |
+| `keyboardTap`         |     keyboardTap feedback     | string |    no    |   Android   |        yes        |
+| `longPress`           |      longPress feedback      | string |    no    |   Android   |        yes        |
+| `textHandleMove`      |   textHandleMove feedback    | string |    no    |   Android   |        yes        |
+| `virtualKey`          |     virtualKey feedback      | string |    no    |   Android   |        yes        |
+| `virtualKeyRelease`   |  virtualKeyRelease feedback  | string |    no    |   Android   |        yes        |
+| `effectClick`         |     effectClick feedback     | string |    no    |   Android   |        yes        |
+| `effectDoubleClick`   |  effectDoubleClick feedback  | string |    no    |   Android   |        yes        |
+| `effectHeavyClick`    |  effectHeavyClick feedback   | string |    no    |   Android   |        yes        |
+| `effectTick`          |     effectTick feedback      | string |    no    |   Android   |        yes        |
 
 ## Known Issues
 
-- [ ] 自定义振动文件配置问题: [issue#6](https://github.com/react-native-oh-library/react-native-haptic-feedback/issues/6)
+- [ ] Custom vibration file configuration: [issue#6](https://github.com/react-native-oh-library/react-native-haptic-feedback/issues/6)
 
 ## Others
 
diff --git a/en/react-native-hole-view.md b/en/react-native-hole-view.md
index 3c2088e5..4e49bdb3 100644
--- a/en/react-native-hole-view.md
+++ b/en/react-native-hole-view.md
@@ -277,10 +277,10 @@ Check the release version information in the release address of the third-party
 
 ## Known Issues
 
-- [ ] C API OH_ArkUI_PointerEvent_SetStopPropagation 方法阻止事件冒泡，无法控制 scrollView。导致 scrollView 在洞外也能滑动问题: [issue#1](https://github.com/react-native-oh-library/react-native-hole-view/issues/2)
+- [ ] Using C API OH_ArkUI_PointerEvent_SetStopPropagation to prevent the event from bubbling up causes scrollView out of control. This results in scrollView being able to scroll even outside the designated area: [issue#1](https://github.com/react-native-oh-library/react-native-hole-view/issues/2)
 
 ## Others
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://mitlicense.org/)，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://mitlicense.org/).
diff --git a/en/react-native-htmlview.md b/en/react-native-htmlview.md
index 3bbba077..d0ad55be 100644
--- a/en/react-native-htmlview.md
+++ b/en/react-native-htmlview.md
@@ -91,27 +91,27 @@ export default HtmlViewExample;
 This document is verified based on the following versions:
 
 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-> [!TIP] 该库为 UI 组件库，可以在该库的标签下，使原本无法在 RN 框架生效的 Html 写法，可以实现对应的功能。
+> [!tip] This library is a UI component library. You can use the label of this library to implement the corresponding functions in HTML format that cannot take effect in the RN framework.
 
-| Name            | Description                                                                                                              | Type   | Required | Platform | HarmonyOS Support |
-| --------------- | ------------------------------------------------------------------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| value           | a string of HTML content to render                                                                                       | string | yes      | All      | yes               |
+| Name            | Description                                                  | Type   | Required | Platform | HarmonyOS Support |
+| --------------- | ------------------------------------------------------------ | ------ | -------- | -------- | ----------------- |
+| value           | a string of HTML content to render                           | string | yes      | All      | yes               |
 | onLinkPress     | a function which will be called with a url when a link is pressed. Passing this prop will override how links are handled | string | no       | All      | yes               |
-| onLinkLongPress | a function which will be called with a url when a link is long pressed. The default is                                   | string | no       | All      | yes               |
-| stylesheet      | a stylesheet object keyed by tag name, which will override the styles applied to those respective tags.                  | string | no       | All      | yes               |
-| renderNode      | a custom function to render HTML nodes however you see fit.                                                              | string | no       | All      | yes               |
-| bullet          | text which is rendered before every inside a ` li``ul `                                                                  | string | no       | All      | yes               |
-| paragraphBreak  | text which appears after every element`p`                                                                                | string | no       | All      | yes               |
-| lineBreak       | text which appears after text elements which create a new line                                                           | string | no       | All      | yes               |
-| addLineBreaks   | when explicitly , effectively sets                                                                                       | string | no       | All      | yes               |
+| onLinkLongPress | a function which will be called with a url when a link is long pressed. The default is | string | no       | All      | yes               |
+| stylesheet      | a stylesheet object keyed by tag name, which will override the styles applied to those respective tags. | string | no       | All      | yes               |
+| renderNode      | a custom function to render HTML nodes however you see fit.  | string | no       | All      | yes               |
+| bullet          | text which is rendered before every inside a ` li``ul `      | string | no       | All      | yes               |
+| paragraphBreak  | text which appears after every element`p`                    | string | no       | All      | yes               |
+| lineBreak       | text which appears after text elements which create a new line | string | no       | All      | yes               |
+| addLineBreaks   | when explicitly , effectively sets                           | string | no       | All      | yes               |
 
 ## License
 
diff --git a/en/react-native-idle-timer.md b/en/react-native-idle-timer.md
index 270b3699..6052e869 100644
--- a/en/react-native-idle-timer.md
+++ b/en/react-native-idle-timer.md
@@ -1,4 +1,3 @@
-
 > Template version: v0.2.2
 
 <p align="center">
@@ -18,24 +17,24 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library:[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package:[@react-native-oh-tpl/react-native-idle-timer Releases](https://github.com/react-native-oh-library/react-native-idle-timer/releases).
 
 Go to the project directory and execute the following instruction:
 
-
+> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-idle-timer
+npm install @react-native-oh-tpl/react-native-idle-timer@file:#
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-idle-timer
+yarn add @react-native-oh-tpl/react-native-idle-timer@file:#
 ```
 
 <!-- tabs:end -->
@@ -164,13 +163,13 @@ Check the release version information in the release address of the third-party
 
 ## API
 
-> [!TIP] The Platform column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The Platform column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of HarmonyOS Support is yes, it means that the HarmonyOS platform supports this property; no means the opposite; partially means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name | Description | Type | Required | Platform | HarmonyOS Support  |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| setIdleTimerDisabled  | enable/forbidden screen idle timer | function  | no | All      | yes |
+| Name                 | Description                        | Type     | Required | Platform | HarmonyOS Support |
+| -------------------- | ---------------------------------- | -------- | -------- | -------- | ----------------- |
+| setIdleTimerDisabled | enable/forbidden screen idle timer | function | no       | All      | yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-inappbrowser.md b/en/react-native-inappbrowser.md
index 9dd9ad2c..68ea00d8 100644
--- a/en/react-native-inappbrowser.md
+++ b/en/react-native-inappbrowser.md
@@ -274,13 +274,13 @@ export const tryDeepLinking = async () => {
   } catch (error) {
     console.error(error);
   }
-  return "Something’s wrong with the app";
+  return "Something's wrong with the app";
 };
 ```
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -298,9 +298,9 @@ Adding the overrides Field to oh-package.json5 File in the Root Directory of the
 }
 ```
 
-### 1.配置 Entry
+### 1. Configuring Entry
 
-**1.在 entry/src/main/ets/entryability 下创建 BrowserManagerAbility.ets**
+1. Create **BrowserManagerAbility.ets** in **entry/src/main/ets/entryability**.
 
 ```
 import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
@@ -348,7 +348,7 @@ export default class BrowserManagerAbility extends UIAbility {
 
 ```
 
-**2.在 entry/src/main/module.json5 注册 BrowserManagerAbility**
+2. Register **BrowserManagerAbility** in **entry/src/main/module.json5**.
 
 ```
 "abilities":[{
@@ -364,7 +364,7 @@ export default class BrowserManagerAbility extends UIAbility {
 ]
 ```
 
-**3.在 entry/src/main/ets/pages 下创建 BrowserManagerPage.ets**
+3. Create **BrowserManagerPage.ets** in **entry/src/main/ets/pages**.
 
 ```
 import { BrowserPage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/Index'
@@ -385,7 +385,7 @@ struct ChromeTabsManagerPage {
 }
 ```
 
-**4.在 entry/src/main/resources/base/profile/main_pages.json 添加配置**
+4. Add the following configuration to **entry/src/main/resources/base/profile/main_pages.json**:
 
 ```
 {
@@ -396,7 +396,7 @@ struct ChromeTabsManagerPage {
 }
 ```
 
-**5.如果需要预热应用内浏览器客户端，使其启动速度显著加快，可以将以下内容添加到 BrowserManagerAbility**
+5. If you want to warm up the browser client in your application to accelerate its startup, add the following content to **BrowserManagerAbility**:
 
 ```
 import { RNInAppBrowserModule } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts';
@@ -438,7 +438,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)
+> [!TIP] For details, see [Directly Linking Source Code](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/link-source-code.md).
 
 ### 3. Introducing RNInAppBrowserPackage to ArkTS
 
@@ -481,62 +481,62 @@ Check the release version information in the release address of the third-party
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name         | Description                                                                                                                                                                                                                                                                                                                                                                             | Type     | Required | Platform    | HarmonyOS Support |
-| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| open         | Opens the url with Safari in a modal on iOS using SFSafariViewController, and Chrome in a new custom tab on Android. On iOS, the modal Safari will not share cookies with the system Safari.                                                                                                                                                                                            | function | no       | iOS/Android | yes               |
-| close        | Dismisses the system's presented web browser.                                                                                                                                                                                                                                                                                                                                           | function | no       | iOS/Android | yes               |
-| openAuth     | Opens the url with Safari in a modal on iOS using SFAuthenticationSession/ASWebAuthenticationSession, and Chrome in a new custom tab on Android. On iOS, the user will be asked whether to allow the app to authenticate using the given url (OAuth flow with deep linking redirection).                                                                                                | function | no       | iOS/Android | yes               |
-| closeAuth    | Dismisses the current authentication session.                                                                                                                                                                                                                                                                                                                                           | function | no       | iOS/Android | yes               |
-| isAvailable  | Detect if the device supports this plugin.                                                                                                                                                                                                                                                                                                                                              | function | no       | iOS/Android | yes               |
-| onStart      | Initialize a bound background service so the application can communicate its intention to the browser. After the service is connected, the client can be used to Warms up the browser to make navigation faster and indicates that a given URL may be loaded in the future. - Android Only.                                                                                             | function | no       | Android     | yes               |
-| warmup       | Warm up the browser process - Android Only.                                                                                                                                                                                                                                                                                                                                             | function | no       | Android     | yes               |
+| Name         | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| open         | Opens the url with Safari in a modal on iOS using SFSafariViewController, and Chrome in a new custom tab on Android. On iOS, the modal Safari will not share cookies with the system Safari. | function | no       | iOS/Android | yes               |
+| close        | Dismisses the system's presented web browser.                | function | no       | iOS/Android | yes               |
+| openAuth     | Opens the url with Safari in a modal on iOS using SFAuthenticationSession/ASWebAuthenticationSession, and Chrome in a new custom tab on Android. On iOS, the user will be asked whether to allow the app to authenticate using the given url (OAuth flow with deep linking redirection). | function | no       | iOS/Android | yes               |
+| closeAuth    | Dismisses the current authentication session.                | function | no       | iOS/Android | yes               |
+| isAvailable  | Detect if the device supports this plugin.                   | function | no       | iOS/Android | yes               |
+| onStart      | Initialize a bound background service so the application can communicate its intention to the browser. After the service is connected, the client can be used to Warms up the browser to make navigation faster and indicates that a given URL may be loaded in the future. - Android Only. | function | no       | Android     | yes               |
+| warmup       | Warm up the browser process - Android Only.                  | function | no       | Android     | yes               |
 | mayLaunchUrl | Tells the browser of a likely future navigation to a URL. The most likely URL has to be specified first. Optionally, a list of other likely URLs can be provided. They are treated as less likely than the first one, and have to be sorted in decreasing priority order. These additional URLs may be ignored. All previous calls to this method will be deprioritized - Android Only. | function | no       | Android     | yes               |
 
 ## Properties
 
 **iOS Options**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| dismissButtonStyle | The style of the dismiss button. [done/close/cancel] | String | NO | iOS | yes |
-| preferredBarTintColor | The color to tint the background of the navigation bar and the toolbar. [white/#FFFFFF] | String | NO | iOS | yes |
-| preferredControlTintColor | The color to tint the control buttons on the navigation bar and the toolbar. [gray/#808080] | String | NO | iOS | yes |
-| readerMode | A value that specifies whether Safari should enter Reader mode, if it is available. [true/false] | Boolean | NO | iOS | NO |
-| animated | Animate the presentation. [true/false] | Boolean | NO | iOS | NO |
-| modalPresentationStyle | The presentation style for modally presented view controllers. [automatic/none/fullScreen/pageSheet/formSheet/currentContext/custom/overFullScreen/overCurrentContext/popover] | String | NO | iOS | NO |
-| modalTransitionStyle | The transition style to use when presenting the view controller. [coverVertical/flipHorizontal/crossDissolve/partialCurl] | String | NO | IOS | NO |
-| modalEnabled | Present the SafariViewController modally or as push instead. [true/false] | Boolean | NO | iOS | NO |
-| enableBarCollapsing | Determines whether the browser's tool bars will collapse or not. [true/false] | Boolean | NO | iOS | NO |
-| ephemeralWebSession | Prevent re-use cookies of previous session (openAuth only) [true/false] | Boolean | NO | iOS | NO |
-| formSheetPreferredContentSize | Custom size for iPad formSheet modals [{width: 400, height: 500}] | Boolean | NO | iOS | NO |
+| Name                          | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| dismissButtonStyle            | The style of the dismiss button. [done/close/cancel]         | String  | NO       | iOS      | yes               |
+| preferredBarTintColor         | The color to tint the background of the navigation bar and the toolbar. [white/#FFFFFF] | String  | NO       | iOS      | yes               |
+| preferredControlTintColor     | The color to tint the control buttons on the navigation bar and the toolbar. [gray/#808080] | String  | NO       | iOS      | yes               |
+| readerMode                    | A value that specifies whether Safari should enter Reader mode, if it is available. [true/false] | Boolean | NO       | iOS      | NO                |
+| animated                      | Animate the presentation. [true/false]                       | Boolean | NO       | iOS      | NO                |
+| modalPresentationStyle        | The presentation style for modally presented view controllers. [automatic/none/fullScreen/pageSheet/formSheet/currentContext/custom/overFullScreen/overCurrentContext/popover] | String  | NO       | iOS      | NO                |
+| modalTransitionStyle          | The transition style to use when presenting the view controller. [coverVertical/flipHorizontal/crossDissolve/partialCurl] | String  | NO       | IOS      | NO                |
+| modalEnabled                  | Present the SafariViewController modally or as push instead. [true/false] | Boolean | NO       | iOS      | NO                |
+| enableBarCollapsing           | Determines whether the browser's tool bars will collapse or not. [true/false] | Boolean | NO       | iOS      | NO                |
+| ephemeralWebSession           | Prevent re-use cookies of previous session (openAuth only) [true/false] | Boolean | NO       | iOS      | NO                |
+| formSheetPreferredContentSize | Custom size for iPad formSheet modals [{width: 400, height: 500}] | Boolean | NO       | iOS      | NO                |
 
 **Android Options**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| showTitle | Sets whether the title should be shown in the custom tab. [true/false] | Boolean | NO | Android | NO |
-| toolbarColor | Sets the toolbar color. [gray/#808080] | String | NO | Android | NO |
-| secondaryToolbarColor | Sets the color of the secondary toolbar. [white/#FFFFFF] | String | NO | Android | NO |
-| navigationBarColor | Sets the navigation bar color. [gray/#808080] | String | NO | Android | NO |
-| navigationBarDividerColor | Sets the navigation bar divider color. [white/#FFFFFF] | String | NO | Android | NO |
-| enableUrlBarHiding | Enables the url bar to hide as the user scrolls down on the page. [true/false] | String | NO | Android | NO |
-| enableDefaultShare | Adds a default share item to the menu. [true/false] | String | NO | Android | NO |
-| animations | Sets the start and exit animations. [{ startEnter, startExit, endEnter, endExit }] | Object | NO | Android | NO |
-| headers | The data are key/value pairs, they will be sent in the HTTP request headers for the provided url. [{ 'Authorization': 'Bearer ...' }] | Object | NO | Android | NO |
-| forceCloseOnRedirection | Open Custom Tab in a new task to avoid issues redirecting back to app scheme. [true/false] | Boolean | NO | Android | NO |
-| hasBackButton | Sets a back arrow instead of the default X icon to close the custom tab. [true/false] | Boolean | NO | Android | NO |
-| browserPackage | Package name of a browser to be used to handle Custom Tabs. | Boolean | NO | Android | NO |
-| showInRecents | Determining whether browsed website should be shown as separate entry in Android recents/multitasking view. [true/false] | Boolean | NO | Android | NO |
-| includeReferrer | Determining whether to include your package name as referrer for the website to track. [true/false] | Boolean | NO | Android | NO |
+| Name                      | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| showTitle                 | Sets whether the title should be shown in the custom tab. [true/false] | Boolean | NO       | Android  | NO                |
+| toolbarColor              | Sets the toolbar color. [gray/#808080]                       | String  | NO       | Android  | NO                |
+| secondaryToolbarColor     | Sets the color of the secondary toolbar. [white/#FFFFFF]     | String  | NO       | Android  | NO                |
+| navigationBarColor        | Sets the navigation bar color. [gray/#808080]                | String  | NO       | Android  | NO                |
+| navigationBarDividerColor | Sets the navigation bar divider color. [white/#FFFFFF]       | String  | NO       | Android  | NO                |
+| enableUrlBarHiding        | Enables the url bar to hide as the user scrolls down on the page. [true/false] | String  | NO       | Android  | NO                |
+| enableDefaultShare        | Adds a default share item to the menu. [true/false]          | String  | NO       | Android  | NO                |
+| animations                | Sets the start and exit animations. [{ startEnter, startExit, endEnter, endExit }] | Object  | NO       | Android  | NO                |
+| headers                   | The data are key/value pairs, they will be sent in the HTTP request headers for the provided url. [{ 'Authorization': 'Bearer ...' }] | Object  | NO       | Android  | NO                |
+| forceCloseOnRedirection   | Open Custom Tab in a new task to avoid issues redirecting back to app scheme. [true/false] | Boolean | NO       | Android  | NO                |
+| hasBackButton             | Sets a back arrow instead of the default X icon to close the custom tab. [true/false] | Boolean | NO       | Android  | NO                |
+| browserPackage            | Package name of a browser to be used to handle Custom Tabs.  | Boolean | NO       | Android  | NO                |
+| showInRecents             | Determining whether browsed website should be shown as separate entry in Android recents/multitasking view. [true/false] | Boolean | NO       | Android  | NO                |
+| includeReferrer           | Determining whether to include your package name as referrer for the website to track. [true/false] | Boolean | NO       | Android  | NO                |
 
 ## Known Issues
 
-- [ ] 打开浏览器时，不能指定浏览器设置阅读模式 [#1](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/1)
-- [ ] 打开浏览器，无法使文稿动起来 [#2](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/2)
-- [ ] 无法设置浏览器的视图控制器的风格 [#3](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/3)
-- [ ] 无法设置浏览器的过度风格 [#4](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/4)
-- [ ] 无法设置浏览器的推送方式 [#5](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/5)
-- [ ] 浏览器无法设置工具栏进行折叠 [#6](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/6)
-- [ ] 浏览器设置是否重复使用前一次会话的 cookie [#7](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/7)
-- [ ] 浏览器设置模态框的自定义尺寸 [#8](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/8)
+- [ ] Failed to enable/disable the reading mode for the browser: [#1](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/1)
+- [ ] Failed to make the browser window open with an animation: [#2](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/2)
+- [ ] Failed to set the style of the web view controller for the browser: [#3](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/3)
+- [ ] Failed to set the browser's transition style: [#4](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/4)
+- [ ] Failed to set the browser's push mode: [#5](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/5)
+- [ ] Failed to collapse the toolbar for the browser: [#6](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/6)
+- [ ] Failed to specify whether to reuse the cookie of the previous session for the browser: [#7](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/7)
+- [ ] Failed to customize the size of the modal box for the browser: [#8](https://github.com/react-native-oh-library/react-native-inappbrowser/issues/8)
 
 ## Others
 
diff --git a/en/react-native-incall-manager.md b/en/react-native-incall-manager.md
index 3cc6a6ce..c9b6b540 100644
--- a/en/react-native-incall-manager.md
+++ b/en/react-native-incall-manager.md
@@ -41,10 +41,10 @@ yarn add @react-native-oh-tpl/react-native-incall-manager@file:#
 
 <!-- tabs:end -->
 
-**关于音频文件放置**
+**Storing Audio Files**
 
-> [!WARNING] 由于 HarmonyOS 暂不支持普通应用获取系统铃声，需要手动导入音频文件.
-> 将音频文件至 HarmonyOS 工程 `harmony`，entry/src/main/resources/rawfile 文件夹下，音频文件命名如下：
+> [!WARNING] HarmonyOS does not allow common applications to obtain system ringtones. You need to import audio files
+> to the **/entry/src/main/resources/rawfile** folder of the HarmonyOS project. The audio files should be named as follows:
 > incallmanager_busytone.mp3  
 > incallmanager_ringback.mp3  
 > incallmanager_ringtone.mp3
@@ -382,14 +382,14 @@ export default function InCallManagerExample() {
                     onPress={() => {
                         turnScreenOn();
                     }}>
-                    <Text style={{ color: '#000' }}>turnScreenOn(iOS不支持)</Text>
+                    <Text style={{ color: '#000' }}>turnScreenOn (not supported by iOS)</Text>
                 </TouchableOpacity>
 
                 <TouchableOpacity
                     onPress={() => {
                         turnScreenOff();
                     }}>
-                    <Text style={{ color: '#000' }}>turnScreenOff(iOS不支持)</Text>
+                    <Text style={{ color: '#000' }}>turnScreenOff (not supported by iOS)</Text>
                 </TouchableOpacity>
 
                 <TouchableOpacity
@@ -630,8 +630,8 @@ Check the release version information in the release address of the third-party
 
 ### Permission Requirements
 
-> [!TIP] "ohos.permission.RUNNING_LOCK"，"ohos.permission.KEEP_BACKGROUND_RUNNING"权限等级为<B>normal</B>,授权方式为<B>system_grant</B>
-> "ohos.permission.MICROPHONE"权限等级为<B>normal</B>，授权方式为<B>user_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+> [!TIP]The permission level of **ohos.permission.RUNNING_LOCK** and **ohos.permission.KEEP_BACKGROUND_RUNNING** is **normal** and the authorization mode is **system_grant**.
+> The permission level of **ohos.permission.MICROPHONE** is **normal**, and the authorization mode is **user_grant**. For details, see [Requesting ACL Permissions](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V2/signing-0000001587684945-V2#section157591551175916).
 
 #### Include applicable permissions in the module.json5 file within the entry directory.
 
@@ -652,7 +652,7 @@ Add configuration to `YourProject/entry/src/main/module.json5`
 +       "reason": "$string:Access_micphone",
 +       "usedScene": {"when": "inuse"}
 +     },
-+     { "name": "ohos.permission.KEEP_BACKGROUND_RUNNING"，
++     { "name": "ohos.permission.KEEP_BACKGROUND_RUNNING",
 +       "usedScene": {
 +          "when": "always"
 +        }
@@ -666,7 +666,7 @@ Add configuration to `YourProject/entry/src/main/resources/base/element/string.j
 
 #### Apply the reasons for applicable permission in the entry directory.
 
-Open `entry/src/main/resources/base/element/string.json` file and add：
+Open `entry/src/main/resources/base/element/string.json` file and add:
 
 ```diff
 ...
@@ -727,14 +727,14 @@ Open `entry/src/main/resources/base/element/string.json` file and add：
 
 ## Known Issues
 
-- [ ] 打开关闭麦克风静音 setMicrophoneMute，未实现 HarmonyOS 化 问题: [issue#1](https://github.com/react-native-oh-library/react-native-incall-manager/issues/1)
-- [ ] 播放获取系统铃声，未实现 HarmonyOS 化 问题: [issue#2](https://github.com/react-native-oh-library/react-native-incall-manager/issues/2)
-- [ ] 手动切换输出设备扬声器与听筒切换 setSpeakerphoneOn、setForceSpeakerphoneOn，未实现 HarmonyOS 化 问题: [issue#3](https://github.com/react-native-oh-library/react-native-incall-manager/issues/3)
-- [ ] 手动切换音频输入输出设备 chooseAudioRoute，未实现 HarmonyOS 化 问题: [issue#4](https://github.com/react-native-oh-library/react-native-incall-manager/issues/4)
-- [ ] 监听MediaButton事件，未实现 HarmonyOS化  问题: [issue#18](https://github.com/react-native-oh-library/react-native-incall-manager/issues/18)
+- [ ] The **setMicrophoneMute** API is not supported on HarmonyOS: [issue#1](https://github.com/react-native-oh-library/react-native-incall-manager/issues/1).
+- [ ] The system ringtones cannot be played on HarmonyOS: [issue#2](https://github.com/react-native-oh-library/react-native-incall-manager/issues/2).
+- [ ] The **setSpeakerphoneOn** and **setForceSpeakerphoneOn** APIs are not supported on HarmonyOS: [issue#3](https://github.com/react-native-oh-library/react-native-incall-manager/issues/3).
+- [ ] The **chooseAudioRoute** API is not supported on HarmonyOS: [issue#4](https://github.com/react-native-oh-library/react-native-incall-manager/issues/4).
+- [ ] Listening for the **MediaButton** event is not supported on HarmonyOS: [issue#18](https://github.com/react-native-oh-library/react-native-incall-manager/issues/18).
 
 ## Others
 
 ## License
 
-This project is licensed under [The ISC License (ISC)](https://github.com/react-native-webrtc/react-native-incall-manager/blob/master/LICENSE).
+This project is licensed under [ISC License](https://github.com/react-native-webrtc/react-native-incall-manager/blob/master/LICENSE).
diff --git a/en/react-native-json-tree.md b/en/react-native-json-tree.md
index 3b618556..6a989165 100644
--- a/en/react-native-json-tree.md
+++ b/en/react-native-json-tree.md
@@ -170,29 +170,29 @@ export default () => {
       style={{ height: "100%", marginBottom: 20, backgroundColor: "pink" }}
     >
       <View style={{ marginBottom: 20 }}>
-        <Text>要展示的 JSON 数据对象</Text>
+        <Text>Specify the JSON data object to be displayed</Text>
         <JSONTree data={data} />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>定制树状视图的主题样式</Text>
+        <Text>Customize the theme style of the tree view</Text>
         <JSONTree data={data1} theme={theme} />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>控制节点是否展开的函数</Text>
+        <Text>Specify whether to expand nodes</Text>
         <JSONTree data={data2} shouldExpandNode={shouldExpandNode} />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>是否隐藏树的根节点</Text>
+        <Text>Specify whether to hide the root node</Text>
         <JSONTree data={data2} hideRoot={true} />
         <JSONTree data={data2} hideRoot={false} />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>是否反转主题颜色</Text>
+        <Text>Specify whether to reverse the theme color</Text>
         <JSONTree data={data2} theme={theme} invertTheme={true} />
         <JSONTree data={data2} theme={theme} invertTheme={false} />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>自定义节点的显示文本</Text>
+        <Text>Customize the display text of a node</Text>
         <JSONTree
           data={data3}
           getItemString={(type, data, itemType, itemString) => {
@@ -205,7 +205,7 @@ export default () => {
         />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>自定义节点标签的渲染函数</Text>
+        <Text>Customize the rendering mode of a node label</Text>
         <JSONTree
           data={data3}
           labelRenderer={(raw: any) => (
@@ -214,7 +214,7 @@ export default () => {
         />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>自定义节点值的渲染函数</Text>
+        <Text>Customize the rendering mode of a node value</Text>
         <JSONTree
           data={data3}
           valueRenderer={(raw: any) => (
@@ -223,7 +223,7 @@ export default () => {
         />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>对 JSON 对象的键进行排序</Text>
+        <Text>Sort JSON objects by key</Text>
         <JSONTree
           data={data4}
           sortObjectKeys={(a: any, b: any) => {
@@ -232,19 +232,19 @@ export default () => {
         />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>用于在 JSON 树中标识和定制特定路径的数据节点</Text>
+        <Text>Identify and customize data nodes in a specified path in the JSON tree</Text>
         <JSONTree data={data5} keyPath={["information"]} />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>用于控制在 JSON 树中显示的集合的元素最大数量</Text>
+        <Text>Set the maximum number of elements that can be displayed in the JSON tree</Text>
         <JSONTree data={data6} collectionLimit={5} />
       </View>
       <View style={{ marginBottom: 20 }}>
-        <Text>用于在值渲染之前对其进行自定义处理</Text>
+        <Text>Perform custom processing on the value before it is rendered to the interface</Text>
         <JSONTree data={data7} postprocessValue={postprocessValue} />
       </View>
       <View>
-        <Text>指定哪些节点应使用自定义渲染的属性</Text>
+        <Text>Specify the nodes that use the custom rendering property</Text>
         <JSONTree data={data8} theme={theme} isCustomNode={isCustomNode} />
       </View>
     </ScrollView>
@@ -261,7 +261,7 @@ To use this repository, you need to use the correct React-Native and RNOH versio
 This document is verified based on the following versions:
 
 1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: NEXT.0.0.36;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
@@ -271,21 +271,21 @@ For details, see [react-native-json-tree docs](https://github.com/Dean177/react-
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name               | Description                                                                               | Type         | Required | Platform | HarmonyOS Support |
-| ------------------ | ----------------------------------------------------------------------------------------- | ------------ | -------- | -------- | ----------------- |
-| `data`             | `JSON data object to be displayed`.                                                       | `Object`     | Yes      | All      | Yes               |
-| `theme`            | `Theme style of the tree view.`                                                           | `Object`     | No       | All      | Yes               |
-| `shouldExpandNode` | `Function that controls whether a node is expanded`.                                      | `() => bool` | No       | All      | Yes               |
-| `hideRoot`         | `Whether to hide the root node of the tree`.                                              | `bool`       | No       | All      | Yes               |
-| `invertTheme`      | `Indicates whether to reverse the theme color.`                                           | `bool`       | No       | All      | Yes               |
-| `getItemString`    | `Customize the display of arrays, objects, and iterable nodes.`                           | `()=>void`   | No       | All      | Yes               |
-| `labelRenderer`    | `Rendering function for custom node labels`.                                              | `()=>void`   | No       | All      | Yes               |
-| `valueRenderer`    | `Rendering function for custom node values`.                                              | `()=>void`   | No       | All      | Yes               |
-| `sortObjectKeys`   | `Sort the keys of JSON objects`.                                                          | `()=>void`   | No       | All      | Yes               |
-| `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`.              | `['']`       | No       | All      | Yes               |
+| Name               | Description                                                  | Type         | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------ | ------------ | -------- | -------- | ----------------- |
+| `data`             | `JSON data object to be displayed`.                          | `Object`     | Yes      | All      | Yes               |
+| `theme`            | `Theme style of the tree view.`                              | `Object`     | No       | All      | Yes               |
+| `shouldExpandNode` | `Function that controls whether a node is expanded`.         | `() => bool` | No       | All      | Yes               |
+| `hideRoot`         | `Whether to hide the root node of the tree`.                 | `bool`       | No       | All      | Yes               |
+| `invertTheme`      | `Indicates whether to reverse the theme color.`              | `bool`       | No       | All      | Yes               |
+| `getItemString`    | `Customize the display of arrays, objects, and iterable nodes.` | `()=>void`   | No       | All      | Yes               |
+| `labelRenderer`    | `Rendering function for custom node labels`.                 | `()=>void`   | No       | All      | Yes               |
+| `valueRenderer`    | `Rendering function for custom node values`.                 | `()=>void`   | No       | All      | Yes               |
+| `sortObjectKeys`   | `Sort the keys of JSON objects`.                             | `()=>void`   | No       | All      | Yes               |
+| `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`. | `['']`       | No       | All      | Yes               |
 | `collectionLimit`  | `Use to control the maximum number of elements of a collection displayed in a JSON tree`. | `number`     | No       | All      | Yes               |
-| `postprocessValue` | `For customizing values before they are rendered`.                                        | `()=>void`   | No       | All      | Yes               |
-| `isCustomNode`     | `Specify which nodes should use custom rendered properties.`                              | `()=>bool`   | No       | All      | Yes               |
+| `postprocessValue` | `For customizing values before they are rendered`.           | `()=>void`   | No       | All      | Yes               |
+| `isCustomNode`     | `Specify which nodes should use custom rendered properties.` | `()=>bool`   | No       | All      | Yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-keep-awake.md b/en/react-native-keep-awake.md
index 9aae36df..224edddc 100644
--- a/en/react-native-keep-awake.md
+++ b/en/react-native-keep-awake.md
@@ -17,7 +17,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-keep-awake Releases](https://github.com/react-native-oh-library/react-native-keep-awake/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -155,7 +155,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The source code is stored in the `harmony` folder in the installation path of the third-party library.
 
 Open `entry/oh-package.json5` file and add the following dependencies:
 
@@ -212,24 +212,24 @@ Check the release version information in the release address of the third-party
 
 This document is verified based on the following versions:
 
-1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18、HarmonyOS NEXT Developer Preview0 B.0.60、HarmonyOS NEXT Developer Preview2 B.0.73; IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1 B.0.18, HarmonyOS NEXT Developer Preview0 B.0.60, HarmonyOS NEXT Developer Preview2 B.0.73; IDE: DevEco Studio 5.0.3.200; ROM: 2.0.0.18;
 
-## 使用方法
+## Usage
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] 功能函数形式使用下，新老接口均可使用。
+> [!tip] Both old and new APIs can be used in the form of functions.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 | Name                   | Description                                    | Required | Platform | HarmonyOS Support |
 | ---------------------- | ---------------------------------------------- | -------- | -------- | ----------------- |
-| `<KeepAwake/>`         | 组件形式使用，开启当前屏幕常亮模式             | No       | All      | yes               |
-| KeepAwake.activate()   | 功能函数形式使用，开启当前屏幕常亮模式(老接口) | No       | All      | yes               |
-| KeepAwake.deactivate() | 功能函数形式使用，开启当前屏幕常亮模式(老接口) | No       | All      | yes               |
-| useKeepAwake()         | hooks 形式使用                                 | No       | All      | yes               |
-| activateKeepAwake()    | 功能函数形式使用，开启当前屏幕常亮模式(新接口) | No       | All      | yes               |
-| deactivateKeepAwake()  | 功能函数形式使用，关闭当前屏幕常亮模式(新接口) | No       | All      | yes               |
+| `<KeepAwake/>`         | Component that activates the current screen-on mode.            | No       | All      | yes               |
+| KeepAwake.activate()   | Function that deactivates the current screen-on mode (old API).| No       | All      | yes               |
+| KeepAwake.deactivate() | Function that deactivates the current screen-on mode (old API).| No       | All      | yes               |
+| useKeepAwake()         | Hook.                                | No       | All      | yes               |
+| activateKeepAwake()    | Function that activates the current screen-on mode (new API).| No       | All      | yes               |
+| deactivateKeepAwake()  | Function that deactivates the current screen-on mode (new API).| No       | All      | yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-keyboard-controller.md b/en/react-native-keyboard-controller.md
index 273019b8..4c3f97e3 100644
--- a/en/react-native-keyboard-controller.md
+++ b/en/react-native-keyboard-controller.md
@@ -40,7 +40,7 @@ yarn add @react-native-oh-tpl/react-native-keyboard-controller@file:#
 
 The HarmonyOS implementation of this library depends on the native code from @react-native-oh-tpl/react-native-reanimated. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly.
 
-If it is not included, follow the guide provided in [react-native-reanimated docs](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-reanimated.md) to add it to your project.
+If it is not included, follow the guide provided in [react-native-reanimated docs](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-reanimated.md) to add it to your project.
 
 The following code shows the basic use scenario of the repository:
 
@@ -174,9 +174,9 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
-### 3. Configuring CMakeLists and Introducing RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage
+### 3. Configuring CMakeLists and Introducing RNKeyboardControllerPackage and RNStatusBarManagerCompatPackage
 
 Open `entry/src/main/cpp/CMakeLists.txt` and add the following code:
 
@@ -235,7 +235,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 }
 ```
 
-### 4. Introducing RNKeyboardControllerPackage，RNStatusBarManagerCompatPackage to ArkTS
+### 4. Introducing RNKeyboardControllerPackage and RNStatusBarManagerCompatPackage to ArkTS
 
 Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code:
 
@@ -279,137 +279,137 @@ Check the release version information in the release address of the third-party
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 **Hooks**:Keyboard controller-related hook functions
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| useKeyboardAnimation | Hook function for obtaining keyboard animation values | function | no | iOS,Android | yes |
-| useReanimatedKeyboardAnimation |Hook function for obtaining keyboard animation values | function | no | iOS,Android | yes |
-| useKeyboardHandler | Sets the hook function of the keyboard callback event. | function | no | iOS,Android | yes |
-| useKeyboardController | Hook function for setting whether to enable keyboard listening events |function | no | iOS,Android | yes |
-| useFocusedInputHandler | Sets the hook function for listening to the input box callback event.( Text change listening is supported in HarmonyOS)  | function | no | iOS,Android |partially |
-| useReanimatedFocusedInput | Hook function for calling back the text change event of the currently focused input control.| function | no | iOS,Android |no |
+| Name                           | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------------ | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| useKeyboardAnimation           | Hook function for obtaining keyboard animation values        | function | no       | iOS,Android | yes               |
+| useReanimatedKeyboardAnimation | Hook function for obtaining keyboard animation values        | function | no       | iOS,Android | yes               |
+| useKeyboardHandler             | Sets the hook function of the keyboard callback event.       | function | no       | iOS,Android | yes               |
+| useKeyboardController          | Hook function for setting whether to enable keyboard listening events | function | no       | iOS,Android | yes               |
+| useFocusedInputHandler         | Sets the hook function for listening to the input box callback event.( Text change listening is supported in HarmonyOS) | function | no       | iOS,Android | partially         |
+| useReanimatedFocusedInput      | Hook function for calling back the text change event of the currently focused input control. | function | no       | iOS,Android | no                |
 
 **KeyboardController**: Keyboard controller
 
-| Name                                     | Description          | Type     | Required | Platform    | HarmonyOS Support |
-| ---------------------------------------- | -------------------- | -------- | -------- | ----------- | ----------------- |
-| setInputMode(mode: number): void         | Setting the Keyboard Display Mode | function | no       | Android     | no                |
-| setDefaultMode(): void                   | Setting the Default Keyboard Display Mode| function | no       | Android     | no                |
-| dismiss(): void                          | Set Keyboard Hide        | function | no       | iOS,Android | yes               |
-| setFocusTo(direction: string): void      | Setting the mode of focus      | function | no       | iOS,Android | no                |
-| addListener: (eventName: string) => void | Adding a Keyboard Listening Event   | function | no       | iOS,Android | yes               |
-| removeListeners: (count: number) => void | Delete the listening event of the keyboard.  | function | no       | iOS,Android | yes               |
+| Name                                     | Description                                 | Type     | Required | Platform    | HarmonyOS Support |
+| ---------------------------------------- | ------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| setInputMode(mode: number): void         | Setting the Keyboard Display Mode           | function | no       | Android     | no                |
+| setDefaultMode(): void                   | Setting the Default Keyboard Display Mode   | function | no       | Android     | no                |
+| dismiss(): void                          | Set Keyboard Hide                           | function | no       | iOS,Android | yes               |
+| setFocusTo(direction: string): void      | Setting the mode of focus                   | function | no       | iOS,Android | no                |
+| addListener: (eventName: string) => void | Adding a Keyboard Listening Event           | function | no       | iOS,Android | yes               |
+| removeListeners: (count: number) => void | Delete the listening event of the keyboard. | function | no       | iOS,Android | yes               |
 
 **StatusBarManagerCompat**: Status Bar Controller
 
-| Name                                             | Description          | Type     | Required | Platform | HarmonyOS Support |
-| ------------------------------------------------ | -------------------- | -------- | -------- | -------- | ----------------- |
+| Name                                             | Description                                    | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------------------------------ | ---------------------------------------------- | -------- | -------- | -------- | ----------------- |
 | setHidden(hidden: boolean): void                 | Set the status bar to be hidden and invisible. | function | no       | Android  | yes               |
-| setColor(color: number, animated: boolean): void | Setting the background color of the status bar   | function | no       | Android  | no               |
-| setTranslucent(translucent: boolean): void       | Sets whether the status bar is transparent.  | function | no       | Android  | no               |
-| setStyle(style: string): void                    | Setting the Content Color of the Status Bar | function | no       | Android  | yes               |
+| setColor(color: number, animated: boolean): void | Setting the background color of the status bar | function | no       | Android  | no                |
+| setTranslucent(translucent: boolean): void       | Sets whether the status bar is transparent.    | function | no       | Android  | no                |
+| setStyle(style: string): void                    | Setting the Content Color of the Status Bar    | function | no       | Android  | yes               |
 
 **KeyboardEvents**:Listening for keyboard events
 
-| Name             | Description      | Type   | Required | Platform    | HarmonyOS Support |
-| ---------------- | ---------------- | ------ | -------- | ----------- | ----------------- |
+| Name             | Description                             | Type   | Required | Platform    | HarmonyOS Support |
+| ---------------- | --------------------------------------- | ------ | -------- | ----------- | ----------------- |
 | keyboardWillShow | The keyboard is about to display events | string | no       | iOS,Android | no                |
-| keyboardDidShow  | Keyboard has shown events | string | no       | iOS,Android | yes               |
-| keyboardWillHide | Keyboard is about to hide events | string | no       | iOS,Android | no                |
-| keyboardDidHide  | Keyboard has hidden events | string | no       | iOS,Android | yes               |
+| keyboardDidShow  | Keyboard has shown events               | string | no       | iOS,Android | yes               |
+| keyboardWillHide | Keyboard is about to hide events        | string | no       | iOS,Android | no                |
+| keyboardDidHide  | Keyboard has hidden events              | string | no       | iOS,Android | yes               |
 
 **FocusedInputEvents**:Listening to the event of focusing on Input
 
-| Name        | Description        | Type   | Required | Platform    | HarmonyOS Support |
-| ----------- | ------------------ | ------ | -------- | ----------- | ----------------- |
+| Name        | Description                      | Type   | Required | Platform    | HarmonyOS Support |
+| ----------- | -------------------------------- | ------ | -------- | ----------- | ----------------- |
 | focusDidSet | Focus on the event type of Input | string | no       | iOS,Android | no                |
 
 **WindowDimensionsEvents**:Listening to window layout change events
 
-| Name            | Description  | Type   | Required | Platform | HarmonyOS Support |
-| --------------- | ------------ | ------ | -------- | -------- | ----------------- |
+| Name            | Description                 | Type   | Required | Platform | HarmonyOS Support |
+| --------------- | --------------------------- | ------ | -------- | -------- | ----------------- |
 | windowDidResize | Listening for window events | string | no       | Android  | no                |
 
 ## Component
 
 **KeyboardControllerView**: Keyboard controller View
 
-| Name                                                                                    | Description                      | Type        | Required | Platform    | HarmonyOS Support |
-| --------------------------------------------------------------------------------------- | -------------------------------- | ----------- | -------- | ----------- | ----------------- |
-| enabled                                                                                 | A boolean prop indicating whether the module is enabled. It indicate only initial state, i. e. if you try to change this prop after component mount it will not have any effect. To change the property in runtime use`useKeyboardController` hook and `setEnabled` method.Defaults to `true`.            | boolean     | no       | iOS,Android | yes               |
-| statusBarTranslucent                                                                    | Set the value to `true`, if you use translucent status bar on Android,Defaults to `false`.If you already control status bar translucency via `react-native-screens`or `StatusBar` component from `react-native`, you can ignore it             | boolean     | no       | Android     | no                |
-| navigationBarTranslucent                                                                | Set the value to `true`, if you use translucent navigation bar on Android,Defaults to `false`                  | boolean     | no       | Android     | no                |
-| onKeyboardMoveStart?: DirectEventHandler < KeyboardMoveEvent >                          |Listening event when the keyboard starts to move           | function    | no       | iOS,Android | no                |
-| onKeyboardMove?: DirectEventHandler< KeyboardMoveEvent >                                | Listening events in keyboard movement            | function    | no       | iOS,Android | no                |
-| onKeyboardMoveEnd?: DirectEventHandler< KeyboardMoveEvent >                             | Listening event of the end of keyboard movement          | function    | no       | iOS,Android | yes               |
-| onKeyboardMoveInteractive?: DirectEventHandler< KeyboardMoveEvent >                     | Listening event of keyboard movement interaction          | function    | no       | iOS,Android | no                |
-| onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent >     | Listening event of the coordinate change of the focus text box position | function    | no       | iOS,Android | no                |
-| onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent>           | Listening event that focuses on text changes in Input    | function    | no       | iOS,Android | yes               |
-| onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | Listening event of focusing on text selection in Input     | function    | no       | iOS,Android | no                |
-|  style  | Style of the KeyboardControllerView | [ ViewStyle ](https://reactnative.dev/docs/view#props)   | no | iOS,Android      | yes |
-| children                                                                                |   children of the KeyboardControllerView              | JSX.Element | no       | iOS,Android | yes               |
+| Name                                                         | Description                                                  | Type                                                   | Required | Platform    | HarmonyOS Support |
+| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| enabled                                                      | A boolean prop indicating whether the module is enabled. It indicate only initial state, i. e. if you try to change this prop after component mount it will not have any effect. To change the property in runtime use`useKeyboardController` hook and `setEnabled` method.Defaults to `true`. | boolean                                                | no       | iOS,Android | yes               |
+| statusBarTranslucent                                         | Set the value to `true`, if you use translucent status bar on Android,Defaults to `false`.If you already control status bar translucency via `react-native-screens`or `StatusBar` component from `react-native`, you can ignore it | boolean                                                | no       | Android     | no                |
+| navigationBarTranslucent                                     | Set the value to `true`, if you use translucent navigation bar on Android,Defaults to `false` | boolean                                                | no       | Android     | no                |
+| onKeyboardMoveStart?: DirectEventHandler < KeyboardMoveEvent > | Listening event when the keyboard starts to move             | function                                               | no       | iOS,Android | no                |
+| onKeyboardMove?: DirectEventHandler< KeyboardMoveEvent >     | Listening events in keyboard movement                        | function                                               | no       | iOS,Android | no                |
+| onKeyboardMoveEnd?: DirectEventHandler< KeyboardMoveEvent >  | Listening event of the end of keyboard movement              | function                                               | no       | iOS,Android | yes               |
+| onKeyboardMoveInteractive?: DirectEventHandler< KeyboardMoveEvent > | Listening event of keyboard movement interaction             | function                                               | no       | iOS,Android | no                |
+| onFocusedInputLayoutChanged?: DirectEventHandler < FocusedInputLayoutChangedEvent > | Listening event of the coordinate change of the focus text box position | function                                               | no       | iOS,Android | no                |
+| onFocusedInputTextChanged?: DirectEventHandler< FocusedInputTextChangedEvent> | Listening event that focuses on text changes in Input        | function                                               | no       | iOS,Android | yes               |
+| onFocusedInputSelectionChanged?: DirectEventHandler< FocusedInputSelectionChangedEvent> | Listening event of focusing on text selection in Input       | function                                               | no       | iOS,Android | no                |
+| style                                                        | Style of the KeyboardControllerView                          | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children                                                     | children of the KeyboardControllerView                       | JSX.Element                                            | no       | iOS,Android | yes               |
 
 **KeyboardGestureArea**:Gesture Control Keyboard Assembly
 
-| Name                 | Description                  | Type                 | Required | Platform | HarmonyOS Support |
-| -------------------- | ---------------------------- | -------------------- | -------- | -------- | ----------------- |
-| showOnSwipeUp        | The keyboard slides up with the gesture to display       | boolean              | no       | Android  | no                |
-| enableSwipeToDismiss | The keyboard slides down with the gesture to hide      | boolean              | no       | Android  | no                |
+| Name                 | Description                                                  | Type                 | Required | Platform | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | -------------------- | -------- | -------- | ----------------- |
+| showOnSwipeUp        | The keyboard slides up with the gesture to display           | boolean              | no       | Android  | no                |
+| enableSwipeToDismiss | The keyboard slides down with the gesture to hide            | boolean              | no       | Android  | no                |
 | interpolator         | Sets the animation mode for the keyboard to slide with gestures. | linear / ios/ linear | no       | Android  | no                |
 
 **KeyboardAvoidingView**:Container Assembly for Keyboard Controller
 
-| Name                   | Description                                                    | Type                                                   | Required | Platform    | HarmonyOS Support |
-| ---------------------- | -------------------------------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
-| behavior               | Specify how to react to the presence of the keyboard (HarmonyOS now only surpport position)                                  | "height" / "position" / "padding"                     | no       | iOS,Android | partially               |
-| contentContainerStyle  |Style of the content container when `behavior` is 'position'                    | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | Android     | yes               |
-| enabled                | Controls whether this `KeyboardAvoidingView` instance should take effect. This is useful when more than one is on the screen. Defaults to true    | boolean                                                | no       | Android     | yes               |
-| keyboardVerticalOffset | Distance between the top of the user screen and the React Native view. This may be non-zero in some cases. Defaults to 0.         | number                                                 | no       | iOS,Android | yes               |
-| onLayout               | layout change event | function/undefined                                     | no       | iOS,Android | yes               |
-| style                  | Style of the KeyboardAvodingView                              | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
-| children               |   children of the KeyboardAvodingView                                          | JSX.Element                                            | no       | iOS,Android | yes               |
+| Name                   | Description                                                  | Type                                                   | Required | Platform    | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| behavior               | Specify how to react to the presence of the keyboard (HarmonyOS now only surpport position) | "height" / "position" / "padding"                      | no       | iOS,Android | partially         |
+| contentContainerStyle  | Style of the content container when `behavior` is 'position' | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | Android     | yes               |
+| enabled                | Controls whether this `KeyboardAvoidingView` instance should take effect. This is useful when more than one is on the screen. Defaults to true | boolean                                                | no       | Android     | yes               |
+| keyboardVerticalOffset | Distance between the top of the user screen and the React Native view. This may be non-zero in some cases. Defaults to 0. | number                                                 | no       | iOS,Android | yes               |
+| onLayout               | layout change event                                          | function/undefined                                     | no       | iOS,Android | yes               |
+| style                  | Style of the KeyboardAvodingView                             | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children               | children of the KeyboardAvodingView                          | JSX.Element                                            | no       | iOS,Android | yes               |
 
 **KeyboardAwareScrollView**: Container assembly for scroll keyboard controller
 
-| Name                        | Description                                                             | Type                                                   | Required | Platform    | HarmonyOS Support |
-| --------------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
-| bottomOffset                | The distance between keyboard and focused `TextInput` when keyboard is shown               | number                                                 | no       | iOS,Android | no               |
-| enabled                     | Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`          | boolean                                                | no       | Android     | no               |
-| disableScrollOnKeyboardHide |    Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false` | boolean                                                | no       | Android     | no               |
-| extraKeyboardSpace          |Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`                  | number                                                 | no       | iOS,Android | no               |
-| onLayout                    |  Layout change event         | function/undefined                                     | no       | iOS,Android | yes               |
-| style                       | component style                                     | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
-| children                    | children element                                                     | JSX.Element                                            | no       | iOS,Android | yes               |
+| Name                        | Description                                                  | Type                                                   | Required | Platform    | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| bottomOffset                | The distance between keyboard and focused `TextInput` when keyboard is shown | number                                                 | no       | iOS,Android | no                |
+| enabled                     | Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true` | boolean                                                | no       | Android     | no                |
+| disableScrollOnKeyboardHide | Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false` | boolean                                                | no       | Android     | no                |
+| extraKeyboardSpace          | Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0` | number                                                 | no       | iOS,Android | no                |
+| onLayout                    | Layout change event                                          | function/undefined                                     | no       | iOS,Android | yes               |
+| style                       | component style                                              | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children                    | children element                                             | JSX.Element                                            | no       | iOS,Android | yes               |
 
 **KeyboardStickyView**: Container assembly for scroll keyboard controller
 
-| Name     | Description                        | Type                                                   | Required | Platform    | HarmonyOS Support |
-| -------- | ---------------------------------- | ------------------------------------------------------ | -------- | ----------- | ----------------- |
+| Name     | Description                                                  | Type                                                   | Required | Platform    | HarmonyOS Support |
+| -------- | ------------------------------------------------------------ | ------------------------------------------------------ | -------- | ----------- | ----------------- |
 | offset   | Specify additional offset to the view for given keyboard state | {closed?: number;opened?: number;}                     | no       | iOS,Android | yes               |
-| style    | component style   | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
-| children | children element              | JSX.Element                                            | no       | iOS,Android | yes               |
+| style    | component style                                              | [ ViewStyle ](https://reactnative.dev/docs/view#props) | no       | iOS,Android | yes               |
+| children | children element                                             | JSX.Element                                            | no       | iOS,Android | yes               |
 
 **KeyboardToolbar**: a component that is shown above the keyboard with `Prev`/`Next` and `Done` buttons.
-| Name                        | Description                                            | Type                         | Required | Platform    | HarmonyOS Support |
-| --------------------------- | ------------------------------------------------------ | ---------------------------- | -------- | ----------- | ----------------- |
-| theme                       | A set of dark/light colors consumed by toolbar component                     | {light: Theme; dark: Theme;} | no       | iOS,Android | yes               |
-| content                     |    An element that is shown in the middle of the toolbar | JSX.Element                  | no       | iOS,Android | yes               |
+| Name                        | Description                                                  | Type                         | Required | Platform    | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | ---------------------------- | -------- | ----------- | ----------------- |
+| theme                       | A set of dark/light colors consumed by toolbar component     | {light: Theme; dark: Theme;} | no       | iOS,Android | yes               |
+| content                     | An element that is shown in the middle of the toolbar        | JSX.Element                  | no       | iOS,Android | yes               |
 | doneText                    | Custom text for done button                                  | React.ReactNode              | no       | iOS,Android | yes               |
-| button                      | Custom touchable component for toolbar (used for prev/next/done buttons)   | React.ReactNode              | no       | iOS,Android | yes               |
-| icon                        | Custom icon component used to display next/prev buttons                | React.ReactNode              | no       | iOS,Android | yes               |
-| showArrows                  | Whether to show next and previous buttons. Can be useful to set it to `false` if you have only one input and want to show only `Done` button. Default to `true`                             | boolean                      | no       | iOS,Android | yes               |
-| blur                        | A component that applies blur effect to the toolbar                             | JSX.Element                  | no       | iOS,Android | yes               |
+| button                      | Custom touchable component for toolbar (used for prev/next/done buttons) | React.ReactNode              | no       | iOS,Android | yes               |
+| icon                        | Custom icon component used to display next/prev buttons      | React.ReactNode              | no       | iOS,Android | yes               |
+| showArrows                  | Whether to show next and previous buttons. Can be useful to set it to `false` if you have only one input and want to show only `Done` button. Default to `true` | boolean                      | no       | iOS,Android | yes               |
+| blur                        | A component that applies blur effect to the toolbar          | JSX.Element                  | no       | iOS,Android | yes               |
 | opacity                     | A value for container opacity in hexadecimal format (e.g. `ff`). Default value is `ff` | HEX                          | no       | iOS,Android | yes               |
-| onNextCallback?: () => void |A callback that is called when the user presses the next button along with the default action       | function                     | no       | iOS,Android | no                |
-| onPrevCallback?: () => void |  A callback that is called when the user presses the previous button along with the default action         | function                     | no       | iOS,Android | no                |
-| onDoneCallback?: () => void | A callback that is called when the user presses the done button along with the default action         | function                     | no       | iOS,Android | yes               |
+| onNextCallback?: () => void | A callback that is called when the user presses the next button along with the default action | function                     | no       | iOS,Android | no                |
+| onPrevCallback?: () => void | A callback that is called when the user presses the previous button along with the default action | function                     | no       | iOS,Android | no                |
+| onDoneCallback?: () => void | A callback that is called when the user presses the done button along with the default action | function                     | no       | iOS,Android | yes               |
 
 ## Known Issues
 
-- [ ] 暂不支持KeyboardControllerView中onKeyboardMoveStart，onKeyboardMove，onKeyboardMoveInteractive和KeyboardEvents中keyboardWillShow、keyboardWillHide键盘事件的回调：[ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
-- [ ] 暂不支持KeyboardGestureArea组件：[issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
-- [ ] 暂不支持hook方法useReanimatedFocusedInput，KeyboardController中setFocusTo，KeyboardControllerView中onFocusedInputLayoutChanged、onFocusedInputSelectionChanged，FocusedInputEvents中focusDidSet，KeyboardToolbar中onNextCallback、onPrevCallback关于输入框聚焦的监听方法回调：[issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
-- [ ] 暂不支持KeyboardAwareScrollView组件属性bottomOffset、enabled、disableScrollOnKeyboardHide、extraKeyboardSpace的设置[#issue#16](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/16)
-- [ ] KeyboardAvoidingView属性behavior支持position， 不支持高度height、padding的样式[#issue#13](https://github.com/react-native-oh-library/react-native-harmony-reanimated/issues/13)
+- [ ] onKeyboardMoveStart, onKeyboardMove, and onKeyboardMoveInteractive in KeyboardControllerView and keyboardWillShow and keyboardWillHide in KeyboardEvents are not supported: [ issue#1 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/1)
+- [ ] KeyboardGestureArea is not supported: [issue#2 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/2)
+- [ ] The HarmonyOS SDK does not support the hook method useReanimatedFocusedInput, nor does it support the focus-related methods and callbacks such as setFocusTo in KeyboardController, onFocusedInputLayoutChanged and onFocusedInputSelectionChanged in KeyboardControllerView, focusDidSet in FocusedInputEvents, and onNextCallback and onPrevCallback in KeyboardToolbar for text input box focus event listening: [issue#3 ](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/3)
+- [ ] The bottomOffset, enabled, disableScrollOnKeyboardHide, and extraKeyboardSpace properties of the KeyboardAwareScrollView component cannot be set: [#issue#16](https://github.com/react-native-oh-library/react-native-keyboard-controller/issues/16)
+- [ ] The behavior property of KeyboardAvoidingView supports position, but does not support style properties like height or padding: [#issue#13](https://github.com/react-native-oh-library/react-native-harmony-reanimated/issues/13)
 
 ## Others
 
diff --git a/en/react-native-lightbox.md b/en/react-native-lightbox.md
index 51119e4f..4d8afb13 100644
--- a/en/react-native-lightbox.md
+++ b/en/react-native-lightbox.md
@@ -165,44 +165,44 @@ const styles = StyleSheet.create({
 This document is verified based on the following versions:
 
 1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
-
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
-
-该库为 UI 组件库，通过配置属性标签，实现对应的功能。
-
-| Name                        | Description                                                                                                                      | Type       | Required | Platform | HarmonyOS Support |
-| --------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------- | -------- | ----------------- |
-| **`activeProps`**           | 可选属性，在 lightbox 模式下应用于内容组件， 可用于应用自定义样式或更高分辨率的图源。                                            | `object`   | no       | all      | yes               |
-| **`renderHeader(close)`**   | 自定义 header，用于替换默认的 X 按钮                                                                                             | `function` | no       | all      | yes               |
-| **`renderContent`**         | 自定义 lightbox 内容，用于替换默认的子内容                                                                                       | `function` | no       | all      | yes               |
-| **`willClose`**             | lightbox 关闭前触发                                                                                                              | `function` | no       | all      | yes               |
-| **`onClose`**               | lightbox 关闭时触发                                                                                                              | `function` | no       | all      | yes               |
-| **`onOpen`**                | lightbox 打开时触发                                                                                                              | `function` | no       | all      | yes               |
-| **`didOpen`**               | lightbox 打开后触发                                                                                                              | `function` | no       | all      | yes               |
-| **`onLongPress`**           | lightbox 长按时触发                                                                                                              | `function` | no       | all      | yes               |
-| **`onLayout`**              | lightbox 布局完成后触发                                                                                                          | `function` | no       | all      | yes               |
-| **`doubleTapCallback`**     | lightbox 双击时触发                                                                                                              | `function` | no       | all      | yes               |
-| **`doubleTapZoomEnabled`**  | 开启双击缩放功能 , 默认为 `true`                                                                                                 | `boolean`  | no       | all      | yes               |
-| **`doubleTapGapTimer`**     | 确定双击的时间间隔，默认为 `500ms`                                                                                               | `number`   | no       | all      | yes               |
-| **`longPressGapTimer`**     | 确定长按的的时间间隔，默认为 `2000ms`                                                                                            | `number`   | no       | all      | yes               |
-| **`longPressCallback`**     | 内容长按后触发                                                                                                                   | `function` | no       | all      | yes               |
-| **`doubleTapZoomToCenter`** | 双击时缩放到中间                                                                                                                 | `boolean`  | no       | all      | yes               |
-| **`doubleTapMaxZoom`**      | 最大放大系数，默认为 `2`                                                                                                         | `number`   | no       | all      | yes               |
-| **`doubleTapZoomStep`**     | 每次双击的缩放比例，默认为 `0.5`                                                                                                 | `number`   | no       | all      | yes               |
-| **`underlayColor`**         | 可触摸背景的颜色，默认为 `black`                                                                                                 | `string`   | no       | all      | yes               |
-| **`backgroundColor`**       | lightbox 背景颜色，默认为 `black`                                                                                                | `string`   | no       | all      | yes               |
-| **`swipeToDismiss`**        | 启用手势以通过向上或向下轻扫来取消全屏模式，默认为 `true`                                                                        | `bool`     | no       | all      | yes               |
-| **`disabled`**              | 禁用 lightbox。默认为 `false`                                                                                                    | `bool`     | no       | all      | yes               |
-| **`style`**                 | lightbox 视图包装器的样式                                                                                                        | `object`   | no       | all      | yes               |
-| **`dragDismissThreshold`**  | 滑动退出的阈值距离，默认为 `150`                                                                                                 | `number`   | no       | all      | yes               |
-| **`modalProps`**            | 任何其他你需要的 modal 属性，默认为 `{}`                                                                                         | `object`   | no       | all      | yes               |
-| **`useNativeDriver`**       | 是否使用本机驱动程序，默认为 `false`                                                                                             | `bool`     | no       | all      | yes               |
-| **`springConfig`**          | [`Animated.spring`](https://facebook.github.io/react-native/docs/animations.html) 配置， 默认为 `{ tension: 30, friction: 7 }`。 | `object`   | no       | all      | yes               |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+This library is a UI component library. You can configure properties to implement corresponding functionalities.
+
+| Name                        | Description                                                  | Type       | Required | Platform | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | ---------- | -------- | -------- | ----------------- |
+| **`activeProps`**           | (Optional) Applies to the content component in lightbox mode. It can be used to apply a custom style or a higher-resolution image source.| `object`   | no       | all      | yes               |
+| **`renderHeader(close)`**   | Sets the custom header, which is used to replace the default X button.                        | `function` | no       | all      | yes               |
+| **`renderContent`**         | Sets the custom lightbox content, which is used to replace the default subcontent.                  | `function` | no       | all      | yes               |
+| **`willClose`**             | Triggered before the lightbox is closed.                                         | `function` | no       | all      | yes               |
+| **`onClose`**               | Triggered when the lightbox is closed.                                         | `function` | no       | all      | yes               |
+| **`onOpen`**                | Triggered when the lightbox is opened.                                         | `function` | no       | all      | yes               |
+| **`didOpen`**               | Triggered after the lightbox is opened.                                         | `function` | no       | all      | yes               |
+| **`onLongPress`**           | Triggered when the lightbox is long pressed.                                         | `function` | no       | all      | yes               |
+| **`onLayout`**              | Triggered after the lightbox layout is complete.                                     | `function` | no       | all      | yes               |
+| **`doubleTapCallback`**     | Triggered when the lightbox is double-tapped.                                         | `function` | no       | all      | yes               |
+| **`doubleTapZoomEnabled`**  | Sets whether to enable zooming through double-tap. The default value is `true`.                            | `boolean`  | no       | all      | yes               |
+| **`doubleTapGapTimer`**     | Sets the double-tap time gap. The default value is `500 ms`.                          | `number`   | no       | all      | yes               |
+| **`longPressGapTimer`**     | Sets the time gap for long press. The default value is `2000 ms`.                       | `number`   | no       | all      | yes               |
+| **`longPressCallback`**     | Triggered after the content is long pressed.                                              | `function` | no       | all      | yes               |
+| **`doubleTapZoomToCenter`** | Zooms in the view to the center through double-tap.                                            | `boolean`  | no       | all      | yes               |
+| **`doubleTapMaxZoom`**      | The maximum amplification coefficient. The default value is `2`.                                    | `number`   | no       | all      | yes               |
+| **`doubleTapZoomStep`**     | Zoom ratio of each double-tap. The default value is `0.5`.                            | `number`   | no       | all      | yes               |
+| **`underlayColor`**         | Touchable background color. The default value is `black`.                            | `string`   | no       | all      | yes               |
+| **`backgroundColor`**       | The lightbox background color. The default value is `black`.                           | `string`   | no       | all      | yes               |
+| **`swipeToDismiss`**        | Enables gestures to cancel full-screen mode by swiping up or down. The default value is `true`.   | `bool`     | no       | all      | yes               |
+| **`disabled`**              | Disables lightbox. The default value is `false`.                               | `bool`     | no       | all      | yes               |
+| **`style`**                 | Style of the lightbox view wrapper.                                   | `object`   | no       | all      | yes               |
+| **`dragDismissThreshold`**  | Threshold distance for swiping to exit. The default value is `150`.                            | `number`   | no       | all      | yes               |
+| **`modalProps`**            | Modal property. The default value is `{}`.                    | `object`   | no       | all      | yes               |
+| **`useNativeDriver`**       | Whether to use the local driver. The default value is `false`.                        | `bool`     | no       | all      | yes               |
+| **`springConfig`**          | [`Animated.spring`](https://facebook.github.io/react-native/docs/animations.html) configuration. The default value is `{ tension: 30, friction: 7 }`.| `object`   | no       | all      | yes               |
 
 ## Known Issues
 
diff --git a/en/react-native-marquee-ab.md b/en/react-native-marquee-ab.md
index 3544a704..e62b3b13 100644
--- a/en/react-native-marquee-ab.md
+++ b/en/react-native-marquee-ab.md
@@ -88,7 +88,7 @@ export default class TestPage extends Component {
 This document is verified based on the following versions:
 
 1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: NEXT.0.0.65;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
@@ -100,46 +100,46 @@ This document is verified based on the following versions:
 
 | Name             | Description                                       | Type           | Required | Platform    | HarmonyOS Support |
 | ---------------- | ------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
-| duration         | 执行完成整个动画所需要的时间(ms)不常用            | number         | yes      | iOS/Android | yes               |
-| speed            | 平均的滚动速度，跑马灯使用这个属性（建议传入 60） | number         | no       | iOS/Android | yes               |
-| textList         | 滚动的文字数组，具体数据格式请参照 textList.item  | array          | yes      | iOS/Android | yes               |
-| width            | 宽度，不能使用 flex                               | number         | yes      | iOS/Android | yes               |
-| height           | 高度，不能使用 flex                               | number         | yes      | iOS/Android | yes               |
-| direction        | 动画方向(向左向右滚动)`left` or `right`           | string         | yes      | iOS/Android | yes               |
-| reverse          | 是否将整个文本数据倒叙显示                        | boolean        | yes      | iOS/Android | yes               |
-| separator        | 两个 item 之间的间隙                              | number         | yes      | iOS/Android | yes               |
-| bgContainerStyle | 背景样式                                          | object         | no       | iOS/Android | yes               |
-| textStyle        | 文本样式                                          | object         | no       | iOS/Android | yes               |
-| onTextClick      | 点击事件回调                                      | (item) => void | yes      | iOS/Android | yes               |
+| duration         | Time (ms) required to complete the entire animation. It is not commonly used.           | number         | yes      | iOS/Android | yes               |
+| speed            | Average scrolling speed. This property is used for marquee (**60** is recommended).| number         | no       | iOS/Android | yes               |
+| textList         | Scrolling text array. For details about the data format, see textList.item. | array          | yes      | iOS/Android | yes               |
+| width            | Width. Flex is not allowed.                              | number         | yes      | iOS/Android | yes               |
+| height           | Height. Flex is not allowed.                              | number         | yes      | iOS/Android | yes               |
+| direction        | Animation scrolling direction, `left` or `right`.          | string         | yes      | iOS/Android | yes               |
+| reverse          | Whether to display the entire text data in reverse order.                       | boolean        | yes      | iOS/Android | yes               |
+| separator        | Separator between two items.                             | number         | yes      | iOS/Android | yes               |
+| bgContainerStyle | Background style.                                         | object         | no       | iOS/Android | yes               |
+| textStyle        | Text style.                                         | object         | no       | iOS/Android | yes               |
+| onTextClick      | Callback for the click event.                                     | (item) => void | yes      | iOS/Android | yes               |
 
 **MarqueeVertical props**
 
-| Name             | Description                                                                                          | Type           | Required | Platform    | HarmonyOS Support |
-| ---------------- | ---------------------------------------------------------------------------------------------------- | -------------- | -------- | ----------- | ----------------- |
-| duration         | 执行完成整个动画所需要的时间(ms)                                                                     | number         | yes      | iOS/Android | yes               |
-| textList         | 滚动的文字数组，具体数据格式请参照 textList.item                                                     | array          | yes      | iOS/Android | yes               |
-| width            | 宽度，不能使用 flex                                                                                  | number         | no       | iOS/Android | yes               |
-| height           | 高度，不能使用 flex                                                                                  | number         | no       | iOS/Android | yes               |
-| delay            | 文本停顿时间(ms)                                                                                     | number         | yes      | iOS/Android | yes               |
-| direction        | 动画方向(向上向下滚动)`up` or `down`                                                                 | string         | yes      | iOS/Android | yes               |
-| numberOfLines    | 同一个数据的文本行数                                                                                 | number         | yes      | iOS/Android | yes               |
-| headViews        | 在文本最前面加上一个自定义 view，效果如图例所示，用法请参照事例用法，length 长度与 textList 必须一致 | array          | no       | iOS/Android | yes               |
-| viewStyle        | 每一行文本的样式                                                                                     | object         | yes      | iOS/Android | yes               |
-| bgContainerStyle | 背景样式                                                                                             | object         | no       | iOS/Android | yes               |
-| textStyle        | 文本样式                                                                                             | object         | no       | iOS/Android | yes               |
-| onTextClick      | 点击事件回调                                                                                         | (item) => void | yes      | iOS/Android | yes               |
+| Name             | Description                                                  | Type           | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | -------------- | -------- | ----------- | ----------------- |
+| duration         | Time required to complete the entire animation (ms).                            | number         | yes      | iOS/Android | yes               |
+| textList         | Scrolling text array. For details about the data format, see textList.item.            | array          | yes      | iOS/Android | yes               |
+| width            | Width. Flex is not allowed.                                         | number         | no       | iOS/Android | yes               |
+| height           | Height. Flex is not allowed.                                         | number         | no       | iOS/Android | yes               |
+| delay            | Text delay (ms).                                            | number         | yes      | iOS/Android | yes               |
+| direction        | Animation scrolling direction, `up` or `down`.                        | string         | yes      | iOS/Android | yes               |
+| numberOfLines    | Number of text lines of the same data.                                        | number         | yes      | iOS/Android | yes               |
+| headViews        | Adds a custom view at the beginning of the text. The effect and usage are shown in the example. The length must be the same as that of textList.| array          | no       | iOS/Android | yes               |
+| viewStyle        | Style of each line of text.                                            | object         | yes      | iOS/Android | yes               |
+| bgContainerStyle | Background style.                                                    | object         | no       | iOS/Android | yes               |
+| textStyle        | Text style.                                                    | object         | no       | iOS/Android | yes               |
+| onTextClick      | Callback for the click event.                                                | (item) => void | yes      | iOS/Android | yes               |
 
 **textList.item props**
 
 | Name     | Description                      | Type     | Required | Platform    | HarmonyOS Support |
 | -------- | -------------------------------- | -------- | -------- | ----------- | ----------------- |
-| label    | 用作点击事件的回调               | string   | yes      | iOS/Android | yes               |
-| value    | 文本显示                         | string   | yes      | iOS/Android | yes               |
-| [object] | 可随意添加数据供自己特殊需求使用 | [object] | no       | iOS/Android | yes               |
+| label    | Callback for the click event.              | string   | yes      | iOS/Android | yes               |
+| value    | Text display.                        | string   | yes      | iOS/Android | yes               |
+| [object] | Data can be added for special use.| [object] | no       | iOS/Android | yes               |
 
 ## Known Issues
 
-- [ ] MarqueeHorizontal 的 reverse 属性在 HarmonyOS 上只有第一次修改会触发生效，而原库在 iOS 上该属性已经失效。未实现 HarmonyOS 化 问题[issue#58](https://github.com/ZhangTaoK/react-native-marquee-ab/issues/58)
+- [ ] The reverse property of MarqueeHorizontal takes effect only when it is modified for the first time in HarmonyOS. However, this property in the original third-party library is invalid in iOS and not compatible. [issue#58](https://github.com/ZhangTaoK/react-native-marquee-ab/issues/58).
 
 ## Others
 
diff --git a/en/react-native-mlkit-ocr.md b/en/react-native-mlkit-ocr.md
index cae9a349..963a8d96 100644
--- a/en/react-native-mlkit-ocr.md
+++ b/en/react-native-mlkit-ocr.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-mlkit-ocr Releases](https://github.com/react-native-oh-library/react-native-mlkit-ocr/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -260,7 +260,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 
 ### 5. Permission Requirements
 
-> [!TIP] "ohos.permission.INTERNET"权限等级为<B>normal</B>，授权方式为<B>system_grant</B>，[使用 ACL 签名的配置指导](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/signing-0000001587684945-V3#section157591551175916)
+> [!TIP] The permission level of **ohos.permission.INTERNET** is **normal**, and the authorization mode is **system_grant**. For details, see [Requesting ACL Permissions](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V2/signing-0000001587684945-V2#section157591551175916).
 
 Add configuration to `YourProject/entry/src/main/module.json5`
 
@@ -310,8 +310,8 @@ Check the release version information in the release address of the third-party
 
 | NAME                 | Description      | TYPE     | Required | Platform | HarmonyOS Support |
 | -------------------- | ---------------- | -------- | -------- | -------- | ----------------- |
-| detectFromUri(uri)   | 传入网络图片地址 | Function | Yes      | All      | Yes               |
-| detectFromFile(path) | 传入本地图片地址 | Function | Yes      | All      | Yes               |
+| detectFromUri(uri)   | Passes the address of an online image.| Function | Yes      | All      | Yes               |
+| detectFromFile(path) | Passes the path of a local image.| Function | Yes      | All      | Yes               |
 
 ## Known Issues
 
@@ -319,4 +319,4 @@ Check the release version information in the release address of the third-party
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/agoldis/react-native-mlkit-ocr/blob/main/LICENSE).
+This project is licensed under [MIT License](https://github.com/agoldis/react-native-mlkit-ocr/blob/main/LICENSE).
diff --git a/en/react-native-multi-slider.md b/en/react-native-multi-slider.md
index c16bfc28..bcd6d551 100644
--- a/en/react-native-multi-slider.md
+++ b/en/react-native-multi-slider.md
@@ -17,7 +17,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-multi-slider Releases](https://github.com/react-native-oh-library/react-native-multi-slider/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -215,7 +215,7 @@ export default function MultiSliderDemo() {
           </Text>
           <MultiSlider onValuesChangeFinish={onValuesChangeFinish} />
 
-          <Text style={styles.text}>sliderLength（Slide length{100}）</Text>
+          <Text style={styles.text}>sliderLength (Slide length{100})</Text>
           <MultiSlider sliderLength={100} />
 
           <Text style={styles.text}>
@@ -531,59 +531,59 @@ This document is verified based on the following versions:
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
-
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.Known Issues
-
-| Name                         | Description                                                                                                                                                                                                                                                                                                                                                                            | Type              | Required | Platform | HarmonyOS Support |
-| ---------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | -------- | ----------------- |
-| values                       | Prefixed values of the slider.                                                                                                                                                                                                                                                                                                                                                         | array of numbers  | NO       | All      | YES               |
-| onValuesChangeStart          | Callback when the value starts changing                                                                                                                                                                                                                                                                                                                                                | function          | NO       | All      | YES               |
-| onValuesChange               | Callback when the value changes                                                                                                                                                                                                                                                                                                                                                        | function          | NO       | All      | YES               |
-| onValuesChangeFinish         | Callback when the value stops changing                                                                                                                                                                                                                                                                                                                                                 | function          | NO       | All      | YES               |
-| sliderLength                 | Length of the slider                                                                                                                                                                                                                                                                                                                                                                   | number            | NO       | All      | YES               |
-| touchDimensions              | Defines the size of the touch area of the slider                                                                                                                                                                                                                                                                                                                                       | object            | NO       | All      | YES               |
-| enableLabel                  | Enable the label rendering                                                                                                                                                                                                                                                                                                                                                             | function          | NO       | All      | YES               |
-| customLabel                  | Component used for rendering a label above the cursors.                                                                                                                                                                                                                                                                                                                                | function          | NO       | All      | YES               |
-| customMarker                 | Component used for the cursor.                                                                                                                                                                                                                                                                                                                                                         | function          | NO       | All      | YES               |
-| customMarkerLeft             | Component used for the left cursor.                                                                                                                                                                                                                                                                                                                                                    | function          | NO       | All      | YES               |
-| customMarkerRight            | Component used for the right cursor.                                                                                                                                                                                                                                                                                                                                                   | function          | NO       | All      | YES               |
-| isMarkersSeparated           | Enable custom left and right cursors                                                                                                                                                                                                                                                                                                                                                   | boolean           | NO       | All      | YES               |
-| min                          | Minimum value available in the slider.                                                                                                                                                                                                                                                                                                                                                 | number            | NO       | All      | YES               |
-| max                          | Maximum value available in the slider.                                                                                                                                                                                                                                                                                                                                                 | number            | NO       | All      | YES               |
-| step                         | Step value of the slider.                                                                                                                                                                                                                                                                                                                                                              | number            | NO       | All      | YES               |
-| optionsArray                 | Possible values of the slider. Ignores min and max.                                                                                                                                                                                                                                                                                                                                    | array of numbers  | NO       | All      | YES               |
-| containerStyle               | The style of the slider container                                                                                                                                                                                                                                                                                                                                                      | style object      | NO       | All      | YES               |
-| trackStyle                   | track Default Style                                                                                                                                                                                                                                                                                                                                                                    | style object      | NO       | All      | YES               |
-| selectedStyle                | Style after track sliding                                                                                                                                                                                                                                                                                                                                                              | style object      | NO       | All      | YES               |
-| unselectedStyle              | Style when the track is not sliding                                                                                                                                                                                                                                                                                                                                                    | style object      | NO       | All      | YES               |
-| markerContainerStyle         | Marker container style                                                                                                                                                                                                                                                                                                                                                                 | style object      | NO       | All      | YES               |
-| markerStyle                  | Marker style                                                                                                                                                                                                                                                                                                                                                                           | style object      | NO       | All      | YES               |
-| pressedMarkerStyle           | Marker style after touch                                                                                                                                                                                                                                                                                                                                                               | style object      | NO       | All      | YES               |
-| stepStyle                    | Step style                                                                                                                                                                                                                                                                                                                                                                             | style object      | NO       | -        | YES               |
-| stepLabelStyle               | Step lable style                                                                                                                                                                                                                                                                                                                                                                       | style object      | NO       | -        | YES               |
-| stepMarkerStyle              | Step marker style                                                                                                                                                                                                                                                                                                                                                                      | style object      | NO       | -        | YES               |
-| valuePrefix                  | Prefix added to the value.                                                                                                                                                                                                                                                                                                                                                             | string            | NO       | All      | YES               |
-| valueSuffix                  | Suffix added to the value.                                                                                                                                                                                                                                                                                                                                                             | string            | NO       | All      | YES               |
-| enabledOne                   | Enables the first cursor                                                                                                                                                                                                                                                                                                                                                               | boolean           | NO       | All      | YES               |
-| enabledTwo                   | Enables the second cursor                                                                                                                                                                                                                                                                                                                                                              | boolean           | NO       | All      | YES               |
-| stepsAs                      | Use stepsAs when you want to customize the steps-labels. stepsAs expects an array of objects [{index: number, stepLabel: string, prefix: string, suffix: string}]. Where index is for which step you want to customize, and all the other steps will show its index as its stepLabel. Both showSteps and showStepsLabels has to be enabled for stepsAs to be used.                     | array of objects  | NO       | All      | YES               |
-| showSteps                    | Show steps                                                                                                                                                                                                                                                                                                                                                                             | boolean           | NO       | All      | YES               |
-| showStepMarkers              | Show steps-markers on the track, showSteps has to be enabled as well                                                                                                                                                                                                                                                                                                                   | boolean           | NO       | All      | YES               |
-| showStepLabels               | Show steps-labels underneath the track, showSteps has to be enabled as well                                                                                                                                                                                                                                                                                                            | boolean           | NO       | All      | YES               |
-| onToggleOne                  | Listener when first cursor toggles.                                                                                                                                                                                                                                                                                                                                                    | function callback | NO       | All      | YES               |
-| onToggleTwo                  | Listener when second cursor toggles.                                                                                                                                                                                                                                                                                                                                                   | function callback | NO       | All      | YES               |
-| allowOverlap                 | Allow the overlap within the cursors.                                                                                                                                                                                                                                                                                                                                                  | boolean           | NO       | All      | YES               |
-| snapped                      | Use this when you want a fixed position for your markers, this will split the slider in N specific positions                                                                                                                                                                                                                                                                           | boolean           | NO       | All      | YES               |
-| smoothSnapped                | Same as snapped but you can move the slider as usual. When released it will go to the nearest marker                                                                                                                                                                                                                                                                                   | boolean           | NO       | All      | YES               |
-| vertical                     | Use vertical orientation instead of horizontal.                                                                                                                                                                                                                                                                                                                                        | boolean           | NO       | All      | YES               |
-| markerOffsetX                | Offset first cursor.                                                                                                                                                                                                                                                                                                                                                                   | number            | NO       | All      | YES               |
-| markerOffsetY                | Offset second cursor.                                                                                                                                                                                                                                                                                                                                                                  | number            | NO       | All      | YES               |
-| markerSize                   | It determines the marker margin from the edges of the track, useful to avoid the markers to overflow out of the track.                                                                                                                                                                                                                                                                 | number            | NO       | All      | YES               |
-| minMarkerOverlapDistance     | if this is > 0 and allowOverlap is false, this value will determine the closest two markers can come to each other. This can be used for cases where you have two markers large cursors and you don't want them to overlap. Note that markers will still overlap at the start if starting values are too near.                                                                         | number            | NO       | All      | YES               |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.Known Issues
+
+| Name                         | Description                                                  | Type              | Required | Platform | HarmonyOS Support |
+| ---------------------------- | ------------------------------------------------------------ | ----------------- | -------- | -------- | ----------------- |
+| values                       | Prefixed values of the slider.                               | array of numbers  | NO       | All      | YES               |
+| onValuesChangeStart          | Callback when the value starts changing                      | function          | NO       | All      | YES               |
+| onValuesChange               | Callback when the value changes                              | function          | NO       | All      | YES               |
+| onValuesChangeFinish         | Callback when the value stops changing                       | function          | NO       | All      | YES               |
+| sliderLength                 | Length of the slider                                         | number            | NO       | All      | YES               |
+| touchDimensions              | Defines the size of the touch area of the slider             | object            | NO       | All      | YES               |
+| enableLabel                  | Enable the label rendering                                   | function          | NO       | All      | YES               |
+| customLabel                  | Component used for rendering a label above the cursors.      | function          | NO       | All      | YES               |
+| customMarker                 | Component used for the cursor.                               | function          | NO       | All      | YES               |
+| customMarkerLeft             | Component used for the left cursor.                          | function          | NO       | All      | YES               |
+| customMarkerRight            | Component used for the right cursor.                         | function          | NO       | All      | YES               |
+| isMarkersSeparated           | Enable custom left and right cursors                         | boolean           | NO       | All      | YES               |
+| min                          | Minimum value available in the slider.                       | number            | NO       | All      | YES               |
+| max                          | Maximum value available in the slider.                       | number            | NO       | All      | YES               |
+| step                         | Step value of the slider.                                    | number            | NO       | All      | YES               |
+| optionsArray                 | Possible values of the slider. Ignores min and max.          | array of numbers  | NO       | All      | YES               |
+| containerStyle               | The style of the slider container                            | style object      | NO       | All      | YES               |
+| trackStyle                   | track Default Style                                          | style object      | NO       | All      | YES               |
+| selectedStyle                | Style after track sliding                                    | style object      | NO       | All      | YES               |
+| unselectedStyle              | Style when the track is not sliding                          | style object      | NO       | All      | YES               |
+| markerContainerStyle         | Marker container style                                       | style object      | NO       | All      | YES               |
+| markerStyle                  | Marker style                                                 | style object      | NO       | All      | YES               |
+| pressedMarkerStyle           | Marker style after touch                                     | style object      | NO       | All      | YES               |
+| stepStyle                    | Step style                                                   | style object      | NO       | -        | YES               |
+| stepLabelStyle               | Step lable style                                             | style object      | NO       | -        | YES               |
+| stepMarkerStyle              | Step marker style                                            | style object      | NO       | -        | YES               |
+| valuePrefix                  | Prefix added to the value.                                   | string            | NO       | All      | YES               |
+| valueSuffix                  | Suffix added to the value.                                   | string            | NO       | All      | YES               |
+| enabledOne                   | Enables the first cursor                                     | boolean           | NO       | All      | YES               |
+| enabledTwo                   | Enables the second cursor                                    | boolean           | NO       | All      | YES               |
+| stepsAs                      | Use stepsAs when you want to customize the steps-labels. stepsAs expects an array of objects [{index: number, stepLabel: string, prefix: string, suffix: string}]. Where index is for which step you want to customize, and all the other steps will show its index as its stepLabel. Both showSteps and showStepsLabels has to be enabled for stepsAs to be used. | array of objects  | NO       | All      | YES               |
+| showSteps                    | Show steps                                                   | boolean           | NO       | All      | YES               |
+| showStepMarkers              | Show steps-markers on the track, showSteps has to be enabled as well | boolean           | NO       | All      | YES               |
+| showStepLabels               | Show steps-labels underneath the track, showSteps has to be enabled as well | boolean           | NO       | All      | YES               |
+| onToggleOne                  | Listener when first cursor toggles.                          | function callback | NO       | All      | YES               |
+| onToggleTwo                  | Listener when second cursor toggles.                         | function callback | NO       | All      | YES               |
+| allowOverlap                 | Allow the overlap within the cursors.                        | boolean           | NO       | All      | YES               |
+| snapped                      | Use this when you want a fixed position for your markers, this will split the slider in N specific positions | boolean           | NO       | All      | YES               |
+| smoothSnapped                | Same as snapped but you can move the slider as usual. When released it will go to the nearest marker | boolean           | NO       | All      | YES               |
+| vertical                     | Use vertical orientation instead of horizontal.              | boolean           | NO       | All      | YES               |
+| markerOffsetX                | Offset first cursor.                                         | number            | NO       | All      | YES               |
+| markerOffsetY                | Offset second cursor.                                        | number            | NO       | All      | YES               |
+| markerSize                   | It determines the marker margin from the edges of the track, useful to avoid the markers to overflow out of the track. | number            | NO       | All      | YES               |
+| minMarkerOverlapDistance     | if this is > 0 and allowOverlap is false, this value will determine the closest two markers can come to each other. This can be used for cases where you have two markers large cursors and you don't want them to overlap. Note that markers will still overlap at the start if starting values are too near. | number            | NO       | All      | YES               |
 | minMarkerOverlapStepDistance | if this is > 0 and allowOverlap is false, this value will determine the closest two markers can come to each other (in steps, not pixels). This can be used for cases where you have two markers large cursors and you don't want them to overlap. Note that markers will still overlap at the start if starting values are too near. CANNOT be combined with minMarkerOverlapDistance | number            | NO       | All      | YES               |
-| imageBackgroundSource        | Specifies the source required for the ImageBackground                                                                                                                                                                                                                                                                                                                                  | string            | NO       | All      | YES               |
-| testID                       | Used to locate this view in end-to-end tests                                                                                                                                                                                                                                                                                                                                           | string            | NO       | All      | YES               |
+| imageBackgroundSource        | Specifies the source required for the ImageBackground        | string            | NO       | All      | YES               |
+| testID                       | Used to locate this view in end-to-end tests                 | string            | NO       | All      | YES               |
 
 ## Known Issues
 
@@ -591,4 +591,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under[The MIT License (MIT)](https://github.com/ptomasroos/react-native-multi-slider/blob/master/LICENSE)，请自由地享受和参与开源。
+This project is licensed under [The MIT License (MIT)](https://github.com/ptomasroos/react-native-multi-slider/blob/master/LICENSE).
diff --git a/en/react-native-nfc-manager.md b/en/react-native-nfc-manager.md
index d1ccada7..daa8e640 100644
--- a/en/react-native-nfc-manager.md
+++ b/en/react-native-nfc-manager.md
@@ -84,7 +84,7 @@ export default App;
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -102,13 +102,13 @@ Adding the overrides Field to oh-package.json5 File in the Root Directory of the
 }
 ```
 
-## 配置 Entry
+## Configuring an Entry
 
-本库主要用于操作及管理 NFC Tag，提供后台读卡和前台应用优先分发两种读卡模式。后台读卡是指不需要打开应用程序，电子设备通过 NFC 读取标签卡片后，根据标签卡片的类型匹配到一个或多个应用程序。如果仅匹配到一个，则直接拉起应用程序的读卡页面；如果是多个则弹出应用选择器，让用户选择指定的读卡应用。前台读卡是指提前打开应用程序，并进入对应的 NFC 读卡页面后读卡，只会把读到的标签卡片信息分发给前台应用程序。
+The **tag** module provides APIs for operating and managing NFC tags. The following tag read modes are available: <br>Background mode: The device reads the tag by using NFC without starting any application, and then searches for applications based on the tag type. If only one application is matched, the card reading page of that application will be started. If multiple applications are matched, an application selector will be started, asking the user to select an application. <br>Foreground mode: A foreground application has priority to read the NFC tag discovered.
 
-### 后台读卡方式的声明
+### Declaring the NFC Tag Background Mode
 
-**1.应用程序需要支持后台读卡时，需要在应用的属性配置文件中，声明与 NFC 相关的属性值。比如，在 entry/src/main/module.json5 文件中，声明下面属性值: **
+*1. To enable NFC tags to be read without starting an application, declare NFC-related attributes in the **entry/src/main/module.json5** file: *
 
 ```
 {
@@ -149,7 +149,7 @@ Adding the overrides Field to oh-package.json5 File in the Root Directory of the
 }
 ```
 
-**2.在对相关 Tag 类型卡片进行读写之前，必须先获取 TagInfo 相关属性值，以确认设备读取到的 Tag 卡片支持哪些技术类型。可以将以下内容添加到 EntryAbility**
+2. Before a card with tags is read or written, **TagInfo** must be obtained to determine the tag technologies supported by the card. You can add the following content to **EntryAbility**:
 
 ```tsx
 import { RNAbility } from "rnoh";
@@ -215,7 +215,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing RNNfcManagerPackage to ArkTS
 
@@ -271,204 +271,204 @@ Open the `entry/src/main/module.json5` file and add the following code:
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name             | Description                                                                                   | Type         | Required | Platform    | HarmonyOS Support |
-| ---------------- | --------------------------------------------------------------------------------------------- | ------------ | -------- | ----------- | ----------------- |
-| Ndef             | NFC A type Tag object, through which the Ndef technology type Tag can be accessed             | Technologies | no       | iOS/Android | yes               |
-| NfcA             | NFC A type Tag object, through which the NfcA technology type Tag can be accessed             | Technologies | no       | iOS/Android | yes               |
-| IsoDep           | NFC A type Tag object, through which the IsoDep technology type Tag can be accessed           | Technologies | no       | iOS/Android | yes               |
-| NfcF             | NFC A type Tag object, through which the NfcF technology type Tag can be accessed             | Technologies | no       | Android     | yes               |
-| NfcV             | NFC A type Tag object, through which the NfcV technology type Tag can be accessed             | Technologies | no       | Android     | yes               |
-| NfcB             | NFC A type Tag object, through which the NfcB technology type Tag can be accessed             | Technologies | no       | Android     | yes               |
-| MifareClassic    | NFC A type Tag object, through which the MifareClassic technology type Tag can be accessed    | Technologies | no       | Android     | yes               |
+| Name             | Description                                                  | Type         | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
+| Ndef             | NFC A type Tag object, through which the Ndef technology type Tag can be accessed | Technologies | no       | iOS/Android | yes               |
+| NfcA             | NFC A type Tag object, through which the NfcA technology type Tag can be accessed | Technologies | no       | iOS/Android | yes               |
+| IsoDep           | NFC A type Tag object, through which the IsoDep technology type Tag can be accessed | Technologies | no       | iOS/Android | yes               |
+| NfcF             | NFC A type Tag object, through which the NfcF technology type Tag can be accessed | Technologies | no       | Android     | yes               |
+| NfcV             | NFC A type Tag object, through which the NfcV technology type Tag can be accessed | Technologies | no       | Android     | yes               |
+| NfcB             | NFC A type Tag object, through which the NfcB technology type Tag can be accessed | Technologies | no       | Android     | yes               |
+| MifareClassic    | NFC A type Tag object, through which the MifareClassic technology type Tag can be accessed | Technologies | no       | Android     | yes               |
 | MifareUltralight | NFC A type Tag object, through which the MifareUltralight technology type Tag can be accessed | Technologies | no       | Android     | yes               |
-| MifareIOS        | NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed        | Technologies | no       | iOS         | no                |
-| iso15693         | NFC A type Tag object, through which the iso15693 technology type Tag can be accessed         | Technologies | no       | iOS         | no                |
-| felica           | NFC A type Tag object, through which the felica technology type Tag can be accessed           | Technologies | no       | iOS         | no                |
-| NdefFormatable   | NFC A type Tag object, through which the NdefFormatable technology type Tag can be accessed   | Technologies | no       | Android     | yes               |
+| MifareIOS        | NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed | Technologies | no       | iOS         | no                |
+| iso15693         | NFC A type Tag object, through which the iso15693 technology type Tag can be accessed | Technologies | no       | iOS         | no                |
+| felica           | NFC A type Tag object, through which the felica technology type Tag can be accessed | Technologies | no       | iOS         | no                |
+| NdefFormatable   | NFC A type Tag object, through which the NdefFormatable technology type Tag can be accessed | Technologies | no       | Android     | yes               |
 
 ## API
 
-**common tech handler getters for both iOS / Android**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| start | Start nfc scan | function | NO | iOS / Android | yes |
-| isSupported | Does the device support nfc | function | NO | iOS / Android | yes |
-| isEnabled | Is the nfc switch turned on | function | NO | iOS / Android | yes |
-| registerTagEvent | Register to monitor NFC Tag card reading events to achieve priority distribution of front-end applications. Set the supported card reading technology type through discTech, and obtain the TagInfo information of the read Tag through the Callback method. | function | NO | iOS / Android | yes |
-| unregisterTagEvent | Cancel monitoring of NFC Tag card reading events | function | NO | iOS / Android | yes |
-| setEventListener | Set up monitoring | function | NO | iOS / Android | yes |
-| getBackgroundTag | Start nfc in the background and obtain the Tag data object provided by the NFC service when the Tag is distributed. | function | NO | iOS / Android | yes |
-| clearBackgroundTag | After starting nfc in the background, clear Tag information of different technology types | function | NO | iOS / Android | yes |
-| requestTechnology | Start scanning | function | NO | iOS / Android | yes |
-| cancelTechnologyRequest | Cancel scan | function | NO | iOS / Android | yes |
-| getTag | Get the Tag data object provided by the NFC service when the Tag is distributed | function | NO | iOS / Android | yes |
+**Common tech handler getters for both iOS and Android**
+| Name                    | Description                                                  | Type     | Required | Platform      | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | -------- | -------- | ------------- | ----------------- |
+| start                   | Start nfc scan                                               | function | NO       | iOS/Android| yes               |
+| isSupported             | Does the device support nfc                                  | function | NO       | iOS/Android| yes               |
+| isEnabled               | Is the nfc switch turned on                                  | function | NO       | iOS/Android| yes               |
+| registerTagEvent        | Register to monitor NFC Tag card reading events to achieve priority distribution of front-end applications. Set the supported card reading technology type through discTech, and obtain the TagInfo information of the read Tag through the Callback method. | function | NO       | iOS/Android| yes               |
+| unregisterTagEvent      | Cancel monitoring of NFC Tag card reading events             | function | NO       | iOS/Android| yes               |
+| setEventListener        | Set up monitoring                                            | function | NO       | iOS/Android| yes               |
+| getBackgroundTag        | Start nfc in the background and obtain the Tag data object provided by the NFC service when the Tag is distributed. | function | NO       | iOS/Android| yes               |
+| clearBackgroundTag      | After starting nfc in the background, clear Tag information of different technology types | function | NO       | iOS/Android| yes               |
+| requestTechnology       | Start scanning                                               | function | NO       | iOS/Android| yes               |
+| cancelTechnologyRequest | Cancel scan                                                  | function | NO       | iOS/Android| yes               |
+| getTag                  | Get the Tag data object provided by the NFC service when the Tag is distributed | function | NO       | iOS/Android| yes               |
 
 **NdefHandler**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| writeNdefMessage| Write NDEF Message data object to label | function | NO | Android | yes |
-| getNdefMessage| Get the Message read from the tag when the NDEF tag is found | function | NO | iOS / Android | yes |
-| makeReadOnly| Set NDEF tag to read-only | function | NO | iOS / Android | yes |
-| getNdefStatus| Check if the NDEF tag can be set to read-only and get the maximum data length that can be sent to the tag | function | NO | iOS / Android | yes |
-| getCachedNdefMessageAndroid| Get the Tag data object provided by the NFC service when the Tag is distributed | function | NO | iOS / Android | yes |
+| Name                        | Description                                                  | Type     | Required | Platform      | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | -------- | -------- | ------------- | ----------------- |
+| writeNdefMessage            | Write NDEF Message data object to label                      | function | NO       | Android       | yes               |
+| getNdefMessage              | Get the Message read from the tag when the NDEF tag is found | function | NO       | iOS/Android| yes               |
+| makeReadOnly                | Set NDEF tag to read-only                                    | function | NO       | iOS/Android| yes               |
+| getNdefStatus               | Check if the NDEF tag can be set to read-only and get the maximum data length that can be sent to the tag | function | NO       | iOS/Android| yes               |
+| getCachedNdefMessageAndroid | Get the Tag data object provided by the NFC service when the Tag is distributed | function | NO       | iOS/Android| yes               |
 
 **NfcAHandler**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| transceive | Send instructions to Tag | function | NO | iOS / Android | yes |
+| Name       | Description              | Type     | Required | Platform      | HarmonyOS Support |
+| ---------- | ------------------------ | -------- | -------- | ------------- | ----------------- |
+| transceive | Send instructions to Tag | function | NO       | iOS/Android| yes               |
 
 **IsoDepHandler**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| transceive | Send instructions to Tag | function | NO | iOS / Android | yes |
+| Name       | Description              | Type     | Required | Platform      | HarmonyOS Support |
+| ---------- | ------------------------ | -------- | -------- | ------------- | ----------------- |
+| transceive | Send instructions to Tag | function | NO       | iOS/Android| yes               |
 
 **iOS only**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| setAlertMessage | Set a warning message for a certain session (possibly an NFC session or similar) | function | NO | iOS | NO |
-| getBackgroundNdef | Scan NFC tag from lock screen | function | NO | iOS | NO |
-| invalidateSessionIOS | Initialize tag session | function | NO | iOS | NO |
-| invalidateSessionWithErrorIOS | Initializing the tag session may throw an exception | function | NO | iOS | NO |
-| sendCommandAPDUIOS | Send specific APDU commands | function | NO | iOS | NO |
-| restartTechnologyRequestIOS | Restart NFC session | function | NO | iOS | NO |
+| Name                          | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ----------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| setAlertMessage               | Set a warning message for a certain session (possibly an NFC session or similar) | function | NO       | iOS      | NO                |
+| getBackgroundNdef             | Scan NFC tag from lock screen                                | function | NO       | iOS      | NO                |
+| invalidateSessionIOS          | Initialize tag session                                       | function | NO       | iOS      | NO                |
+| invalidateSessionWithErrorIOS | Initializing the tag session may throw an exception          | function | NO       | iOS      | NO                |
+| sendCommandAPDUIOS            | Send specific APDU commands                                  | function | NO       | iOS      | NO                |
+| restartTechnologyRequestIOS   | Restart NFC session                                          | function | NO       | iOS      | NO                |
 
 **MifareIOS**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| sendMifareCommandIOS | Send specific MIFARE commands | function | NO | iOS | NO |
+| Name                 | Description                   | Type     | Required | Platform | HarmonyOS Support |
+| -------------------- | ----------------------------- | -------- | -------- | -------- | ----------------- |
+| sendMifareCommandIOS | Send specific MIFARE commands | function | NO       | iOS      | NO                |
 
 **FelicaIOS**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| sendFelicaCommandIOS | Send specific Felica commands | function | NO | iOS | NO |
+| Name                 | Description                   | Type     | Required | Platform | HarmonyOS Support |
+| -------------------- | ----------------------------- | -------- | -------- | -------- | ----------------- |
+| sendFelicaCommandIOS | Send specific Felica commands | function | NO       | iOS      | NO                |
 
 **Iso15693**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| getSystemInfo | Obtain system information of RFID tags | function | NO | iOS | NO |
-| readSingleBlock | Read the content stored in a block of tags | function | NO | iOS | NO |
-| readMultipleBlocks | Read the content stored in multiple blocks of the tag | function | NO | iOS | NO |
-| writeSingleBlock | Write content to a block in the tag storage | function | NO | iOS | NO |
-| lockBlock | Lock specific data blocks on tags | function | NO | iOS | NO |
-| writeAFI | Write the specified AFI value into the RFID tag | function | NO | iOS | NO |
-| lockAFI | Used to lock the AFI field in RFID tags to prevent it from being altered | function | NO | iOS | NO |
-| writeDSFID | Write the specified DSFID value into the RFID tag | function | NO | iOS | NO |
-| lockDSFID | Used to lock the AFI field in DSFID tags to prevent it from being altered | function | NO | iOS | NO |
-| resetToReady | Reset the RFID tag from the current state to the ready state, ready to receive new commands | function | NO | iOS | NO |
-| select | Place specific RFID tags in the selected state | function | NO | iOS | NO |
-| stayQuite | Put the tag into a quiet state, in which the tag will not respond to any requests with inventory_flag, but will respond to requests with addressing flags | function | NO | iOS | NO |
-| customCommand | Send custom binary data to RFID tags | function | NO | iOS | NO |
-| sendRequest | Send one or more commands or data requests to RFID tags | function | NO | iOS | NO |
-| extendedReadSingleBlock | Read the content of a specified single data block from an RFID tag | function | NO | iOS | NO |
-| extendedWriteSingleBlock | Write the content of a specified single data block from an RFID tag | function | NO | iOS | NO |
-| extendedLockBlock | Lock one or more data blocks in the RFID tag to prevent them from being further written or modified | function | NO | iOS | NO |
+| Name                     | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| getSystemInfo            | Obtain system information of RFID tags                       | function | NO       | iOS      | NO                |
+| readSingleBlock          | Read the content stored in a block of tags                   | function | NO       | iOS      | NO                |
+| readMultipleBlocks       | Read the content stored in multiple blocks of the tag        | function | NO       | iOS      | NO                |
+| writeSingleBlock         | Write content to a block in the tag storage                  | function | NO       | iOS      | NO                |
+| lockBlock                | Lock specific data blocks on tags                            | function | NO       | iOS      | NO                |
+| writeAFI                 | Write the specified AFI value into the RFID tag              | function | NO       | iOS      | NO                |
+| lockAFI                  | Used to lock the AFI field in RFID tags to prevent it from being altered | function | NO       | iOS      | NO                |
+| writeDSFID               | Write the specified DSFID value into the RFID tag            | function | NO       | iOS      | NO                |
+| lockDSFID                | Used to lock the AFI field in DSFID tags to prevent it from being altered | function | NO       | iOS      | NO                |
+| resetToReady             | Reset the RFID tag from the current state to the ready state, ready to receive new commands | function | NO       | iOS      | NO                |
+| select                   | Place specific RFID tags in the selected state               | function | NO       | iOS      | NO                |
+| stayQuite                | Put the tag into a quiet state, in which the tag will not respond to any requests with inventory_flag, but will respond to requests with addressing flags | function | NO       | iOS      | NO                |
+| customCommand            | Send custom binary data to RFID tags                         | function | NO       | iOS      | NO                |
+| sendRequest              | Send one or more commands or data requests to RFID tags      | function | NO       | iOS      | NO                |
+| extendedReadSingleBlock  | Read the content of a specified single data block from an RFID tag | function | NO       | iOS      | NO                |
+| extendedWriteSingleBlock | Write the content of a specified single data block from an RFID tag | function | NO       | iOS      | NO                |
+| extendedLockBlock        | Lock one or more data blocks in the RFID tag to prevent them from being further written or modified | function | NO       | iOS      | NO                |
 
 **Android only**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| goToNfcSetting | Guide users to the NFC settings interface of the device | function | NO | Android | yes |
-| getLaunchTagEvent | Retrieve events or data when an application is launched (or reactivated) due to NFC tag scanning | function | NO | Android | yes |
-| transceive | Send instructions to Tag | function | NO | Android | yes |
-| getMaxTransceiveLength | Query the maximum data length that can be sent to a label | function | NO | Android | yes |
-| setTimeout | Set the timeout for sending data to Tag | function | NO | Android | NO |
-| connect | Establish a connection with the tag | function | NO | Android | NO |
-| close | Close tag connection | function | NO | Android | NO |
+| Name                   | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ---------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| goToNfcSetting         | Guide users to the NFC settings interface of the device      | function | NO       | Android  | yes               |
+| getLaunchTagEvent      | Retrieve events or data when an application is launched (or reactivated) due to NFC tag scanning | function | NO       | Android  | yes               |
+| transceive             | Send instructions to Tag                                     | function | NO       | Android  | yes               |
+| getMaxTransceiveLength | Query the maximum data length that can be sent to a label    | function | NO       | Android  | yes               |
+| setTimeout             | Set the timeout for sending data to Tag                      | function | NO       | Android  | yes               |
+| connect                | Establish a connection with the tag                          | function | NO       | Android  | yes               |
+| close                  | Close tag connection                                         | function | NO       | Android  | yes               |
 
 **NfcVHandler**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| transceive | Send instructions to Tag | function | NO | Android | yes |
+| Name       | Description              | Type     | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------ | -------- | -------- | -------- | ----------------- |
+| transceive | Send instructions to Tag | function | NO       | Android  | yes               |
 
 **MifareClassicHandlerAndroid**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| mifareClassicSectorToBlock | Obtain the sequence number of the first block in a specific sector | function | NO | Android | yes |
-| mifareClassicReadBlock | Read the content stored in a block of tags, with a block size of 16 bytes | function | NO | Android | yes |
-| mifareClassicWriteBlock | Write content to a block in the tag, with a block size of 16 bytes | function | NO | Android | yes |
-| mifareClassicIncrementBlock | Add the specified value to the content of the specified block and store the result in the internal transmission buffer | function | NO | Android | yes |
-| mifareClassicDecrementBlock | Reduce the specified value for the content of the specified block and store the result in an internal transfer buffer | function | NO | Android | yes |
-| mifareClassicTransferBlock | Transfer the value of the temporary register to the specified block | function | NO | Android | yes |
-| mifareClassicGetSectorCount | Get the number of sectors in the MIFARE Classic tag | function | NO | Android | yes |
-| mifareClassicAuthenticateA | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is A | function | NO | Android | yes |
-| mifareClassicAuthenticateB | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is B | function | NO | Android | yes |
+| Name                        | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| --------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| mifareClassicSectorToBlock  | Obtain the sequence number of the first block in a specific sector | function | NO       | Android  | yes               |
+| mifareClassicReadBlock      | Read the content stored in a block of tags, with a block size of 16 bytes | function | NO       | Android  | yes               |
+| mifareClassicWriteBlock     | Write content to a block in the tag, with a block size of 16 bytes | function | NO       | Android  | yes               |
+| mifareClassicIncrementBlock | Add the specified value to the content of the specified block and store the result in the internal transmission buffer | function | NO       | Android  | yes               |
+| mifareClassicDecrementBlock | Reduce the specified value for the content of the specified block and store the result in an internal transfer buffer | function | NO       | Android  | yes               |
+| mifareClassicTransferBlock  | Transfer the value of the temporary register to the specified block | function | NO       | Android  | yes               |
+| mifareClassicGetSectorCount | Get the number of sectors in the MIFARE Classic tag          | function | NO       | Android  | yes               |
+| mifareClassicAuthenticateA  | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is A | function | NO       | Android  | yes               |
+| mifareClassicAuthenticateB  | Use a key to authenticate sectors, only sectors that have been successfully authenticated can perform operations, and the key type is B | function | NO       | Android  | yes               |
 
 **MifareUltralightHandlerAndroid**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| mifareUltralightReadPages | Read 4 pages of data from the tag, totaling 16 bytes of data. Each page has a data size of 4 bytes | function | NO | Android | yes |
-| mifareUltralightWritePage | Write one page of data with a size of 4 bytes | function | NO | Android | yes |
+| Name                      | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| mifareUltralightReadPages | Read 4 pages of data from the tag, totaling 16 bytes of data. Each page has a data size of 4 bytes | function | NO       | Android  | yes               |
+| mifareUltralightWritePage | Write one page of data with a size of 4 bytes                | function | NO       | Android  | yes               |
 
 **NdefFormatableHandlerAndroid**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| formatNdef | Format tags as NDEF tags and write NDEF messages into NDEF tags | function | NO | Android | yes |
+| Name       | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| formatNdef | Format tags as NDEF tags and write NDEF messages into NDEF tags | function | NO       | Android  | yes               |
 
 ## Properties
 
 **RegisterTagEventOpts**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| alertMessage | Specify a warning or prompt message to be displayed when an NFC tag is read | string | NO | iOS | NO |
-| invalidateAfterFirstRead | NFC tags should be considered invalid after being read for the first time | boolean | NO | iOS | NO |
-| isReaderModeEnabled | This option is used to indicate whether NFC's' Reader Mode 'is enabled | boolean | NO | Android | yes |
-| readerModeFlags | This option allows you to specify the flag for the reader mode | number | NO | Android | yes |
-| readerModeDelay | This option allows you to specify how long to delay processing an NFC tag after it is detected | number | NO | Android | NO |
+| Name                     | Description                                                  | Type    | Required | Platform | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------ | ------- | -------- | -------- | ----------------- |
+| alertMessage             | Specify a warning or prompt message to be displayed when an NFC tag is read | string  | NO       | iOS      | NO                |
+| invalidateAfterFirstRead | NFC tags should be considered invalid after being read for the first time | boolean | NO       | iOS      | NO                |
+| isReaderModeEnabled      | This option is used to indicate whether NFC's' Reader Mode 'is enabled | boolean | NO       | Android  | yes               |
+| readerModeFlags          | This option allows you to specify the flag for the reader mode | number  | NO       | Android  | yes               |
+| readerModeDelay          | This option allows you to specify how long to delay processing an NFC tag after it is detected | number  | NO       | Android  | NO                |
 
 **NfcEvents**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| DiscoverTag | When the NFC Manager (NfcManager) detects and successfully reads an NFC tag, this event will be triggered | enum | NO | iOS/Android | yes |
-| DiscoverBackgroundTag | When the application is in the background, the NFC Manager (NfcManager) detects and successfully reads an NFC tag, triggering this event | enum | NO | iOS/Android | yes |
-| SessionClosed | Trigger this event when NFC session is closed | enum | NO | iOS | NO |
-| StateChanged | This event is triggered when the enabled state of NFC changes | enum | NO | iOS/Android | yes |
+| Name                  | Description                                                  | Type | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | ---- | -------- | ----------- | ----------------- |
+| DiscoverTag           | When the NFC Manager (NfcManager) detects and successfully reads an NFC tag, this event will be triggered | enum | NO       | iOS/Android | yes               |
+| DiscoverBackgroundTag | When the application is in the background, the NFC Manager (NfcManager) detects and successfully reads an NFC tag, triggering this event | enum | NO       | iOS/Android | yes               |
+| SessionClosed         | Trigger this event when NFC session is closed                | enum | NO       | iOS         | NO                |
+| StateChanged          | This event is triggered when the enabled state of NFC changes | enum | NO       | iOS/Android | yes               |
 
 **NfcTech**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| Ndef | NDEF (NFC Data Exchange Format) is a standard format used for storing and exchanging data on NFC tags | enum | no | iOS/Android | yes |
-| NfcA | NfcA stands for ISO 14443-3 Type A technology, which is a widely used NFC tag type that supports fast data transmission and high security | enum | no | iOS/Android | yes |
-| IsoDep | IsoDep represents the ISO/IEC 7816-4 standard, which defines the communication protocol between smart cards and readers | enum | no | iOS/Android | yes |
-| NfcF | NfcF stands for ISO 14443-4 Type F technology, which supports high-speed data transmission and more complex encryption functions | enum | no | Android | yes |
-| NfcV | NfcV stands for ISO 15693 technology, also known as VICC (Vicinity Integrated Circuit Card), mainly used for low-frequency NFC tags with a longer reading distance. | enum | no | Android | yes |
-| NfcB | NfcB stands for ISO 14443-3 Type B technology, similar to NfcA but with different physical characteristics and communication protocols. | enum | no | Android | yes |
-| MifareClassic | Mifare Classic is a popular NFC tag type produced by NXP Semiconductors (now renamed NXP), widely used in fields such as access control systems, bus cards, and payment applications | enum | no | Android | yes |
-| MifareUltralight | Mifare Ultralight is a low-cost NFC tag in the Mifare series, suitable for applications that require fast reading and writing but do not require high security. | enum | no | Android | yes |
-| MifareIOS | NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed | enum | no | iOS | no |
-| iso15693 | NFC A type Tag object, through which the iso15693 technology type Tag can be accessed | enum | no | iOS | no |
-| felica | NFC A type Tag object, through which the felica technology type Tag can be accessed | enum | no | iOS | no |
-| NdefFormatable | NdefFormatable represents an NFC tag that has not yet been formatted as NDEF | enum | no | Android | yes |
+| Name             | Description                                                  | Type | Required | Platform    | HarmonyOS Support |
+| ---------------- | ------------------------------------------------------------ | ---- | -------- | ----------- | ----------------- |
+| Ndef             | NDEF (NFC Data Exchange Format) is a standard format used for storing and exchanging data on NFC tags | enum | no       | iOS/Android | yes               |
+| NfcA             | NfcA stands for ISO 14443-3 Type A technology, which is a widely used NFC tag type that supports fast data transmission and high security | enum | no       | iOS/Android | yes               |
+| IsoDep           | IsoDep represents the ISO/IEC 7816-4 standard, which defines the communication protocol between smart cards and readers | enum | no       | iOS/Android | yes               |
+| NfcF             | NfcF stands for ISO 14443-4 Type F technology, which supports high-speed data transmission and more complex encryption functions | enum | no       | Android     | yes               |
+| NfcV             | NfcV stands for ISO 15693 technology, also known as VICC (Vicinity Integrated Circuit Card), mainly used for low-frequency NFC tags with a longer reading distance. | enum | no       | Android     | yes               |
+| NfcB             | NfcB stands for ISO 14443-3 Type B technology, similar to NfcA but with different physical characteristics and communication protocols. | enum | no       | Android     | yes               |
+| MifareClassic    | Mifare Classic is a popular NFC tag type produced by NXP Semiconductors (now renamed NXP), widely used in fields such as access control systems, bus cards, and payment applications | enum | no       | Android     | yes               |
+| MifareUltralight | Mifare Ultralight is a low-cost NFC tag in the Mifare series, suitable for applications that require fast reading and writing but do not require high security. | enum | no       | Android     | yes               |
+| MifareIOS        | NFC A type Tag object, through which the MifareIOS technology type Tag can be accessed | enum | no       | iOS         | no                |
+| iso15693         | NFC A type Tag object, through which the iso15693 technology type Tag can be accessed | enum | no       | iOS         | no                |
+| felica           | NFC A type Tag object, through which the felica technology type Tag can be accessed | enum | no       | iOS         | no                |
+| NdefFormatable   | NdefFormatable represents an NFC tag that has not yet been formatted as NDEF | enum | no       | Android     | yes               |
 
 ## Return value
 
 **NdefStatus**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| NotSupported | When NFC tags do not support NDEF format, this status will be returned | enum | NO | iOS/Android | yes |
-| ReadWrite | When NFC tags support NDEF format and allow read and write operations, this status will be returned | enum | NO | iOS/Android | yes |
-| ReadOnly | When NFC tags support NDEF format but only allow read operations, this status will be returned | enum | NO | iOS/Android | yes |
+| Name         | Description                                                  | Type | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | ---- | -------- | ----------- | ----------------- |
+| NotSupported | When NFC tags do not support NDEF format, this status will be returned | enum | NO       | iOS/Android | yes               |
+| ReadWrite    | When NFC tags support NDEF format and allow read and write operations, this status will be returned | enum | NO       | iOS/Android | yes               |
+| ReadOnly     | When NFC tags support NDEF format but only allow read operations, this status will be returned | enum | NO       | iOS/Android | yes               |
 
 **TagEvent**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| ndefMessage | Retrieve all records from NDEF messages | NdefRecord[] | NO | iOS/Android | yes |
-| maxSize | This attribute represents the maximum number of bytes that can be stored on an NFC tag | number | NO | iOS/Android | yes |
-| type | The 'type' attribute may be used to identify the type or format of NFC tags | string | NO | iOS/Android | yes |
-| techTypes | This is an array containing strings used to identify the technology types supported by NFC tags | string[] | NO | iOS/Android | yes |
-| id | The id attribute represents the unique identifier of the NFC tag | string | NO | iOS/Android | yes |
+| Name        | Description                                                  | Type         | Required | Platform    | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | ------------ | -------- | ----------- | ----------------- |
+| ndefMessage | Retrieve all records from NDEF messages                      | NdefRecord[] | NO       | iOS/Android | yes               |
+| maxSize     | This attribute represents the maximum number of bytes that can be stored on an NFC tag | number       | NO       | iOS/Android | yes               |
+| type        | The 'type' attribute may be used to identify the type or format of NFC tags | string       | NO       | iOS/Android | yes               |
+| techTypes   | This is an array containing strings used to identify the technology types supported by NFC tags | string[]     | NO       | iOS/Android | yes               |
+| id          | The id attribute represents the unique identifier of the NFC tag | string       | NO       | iOS/Android | yes               |
 
 **NdefRecord**
-| Name | Description | Type | Required | Platform | HarmonyOS Support |
-| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| id | This is an optional byte array used as an identifier for NDEF records | number[] | NO | iOS/Android | yes |
-| tnf | TNF (Type Name Format) is an enumeration or type used to indicate the interpretation of the type field | number | NO | iOS/Android | yes |
-| type | This attribute can be a byte array (number []) or a string, depending on the value of the TNF field | number[] | NO | iOS/Android | yes |
-| payload | Payload is the actual data portion recorded by NDEF | number[] | NO | iOS/Android | yes |
+| Name    | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| id      | This is an optional byte array used as an identifier for NDEF records | number[] | NO       | iOS/Android | yes               |
+| tnf     | TNF (Type Name Format) is an enumeration or type used to indicate the interpretation of the type field | number   | NO       | iOS/Android | yes               |
+| type    | This attribute can be a byte array (number []) or a string, depending on the value of the TNF field | number[] | NO       | iOS/Android | yes               |
+| payload | Payload is the actual data portion recorded by NDEF          | number[] | NO       | iOS/Android | yes               |
 
 ## Known Issues
 
 ## Others
 
-本库是一个为 React Native 开发者提供的 NFC（近场通信）管理库，它允许开发者在 React Native 应用中轻松集成 NFC 功能。这个库支持 iOS 、 Android 和 HarmonyOS NEXT 平台,使得开发者可以跨平台地实现 NFC 相关的功能，如读取和写入 NFC 标签、进行智能卡模拟等。因平台不同，iOS 、Android 和 HarmonyOS NEXT 在 NFC（近场通信）技术中对标签和协议类型存在兼容性。本库的设计考虑到了 Android 和 HarmonyOS NEXT 兼容性较高，核心功能在两个平台上都能实现，并且表现一致。该库提供了多种 NFC 技术的支持，包括但不限于 NDEF、NfcA、IsoDep 和 NfcV 等。
+You can integrate NFC functions into React Native applications in the NFC management library, and implement NFC-related functions, such as reading and writing NFC tags and performing smart card emulation, across iOS, Android, and HarmonyOS NEXT platforms. Due to differences in NFC tag and protocol support across platforms, there are compatibility considerations for iOS, Android, and HarmonyOS NEXT. The design of this library takes into account a high compatibility with Android and HarmonyOS NEXT, ensuring that the core functionalities are implemented and perform consistently on both platforms. NFC technologies include but are not limited to NDEF, NfcA, IsoDep, and NfcV.
 
 ## License
 
diff --git a/en/react-native-orientation-locker.md b/en/react-native-orientation-locker.md
index cae1e091..9e0a4746 100644
--- a/en/react-native-orientation-locker.md
+++ b/en/react-native-orientation-locker.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-orientation-locker Releases](https://github.com/react-native-oh-library/react-native-orientation-locker/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -253,7 +253,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The source code is stored in the `harmony` folder in the installation path of the third-party library.
 
 Open `entry/oh-package.json5` file and add the following dependencies:
 
@@ -310,43 +310,43 @@ Check the release version information in the release address of the third-party
 This document is verified based on the following versions:
 
 1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
-2. RNOH: 0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## API
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
 
-| Name                  | Description                                                              | Type     | Required | Platform    | HarmonyOS Support |
-| --------------------- | ------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| lockToPortrait        | Lock the orientation of the application to portrait (portrait)           | function | No       | IOS/Android | yes               |
-| lockToLandscape       | Lock the orientation of the application to landscape (landscape)         | function | No       | IOS/Android | yes               |
-| lockToLandscapeLeft   | Lock the orientation of the app to landscape and rotated to the left     | function | No       | IOS/Android | yes               |
-| lockToLandscapeRight  | Lock the orientation of the app to landscape and rotated to the right    | function | No       | IOS/Android | yes               |
-| unlockAllOrientations | Unlocks the orientation of the app, allowing the device to rotate freely | function | No       | IOS/Android | yes               |
-| getOrientation        | Get the direction of the current device                                  | callback | No       | IOS/Android | yes               |
-| getDeviceOrientation  | Obtains the direction of the current device                              | callback | No       | IOS/Android | yes               |
+| Name                  | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| --------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| lockToPortrait        | Lock the orientation of the application to portrait (portrait) | function | No       | iOS/Android| yes               |
+| lockToLandscape       | Lock the orientation of the application to landscape (landscape) | function | No       | iOS/Android| yes               |
+| lockToLandscapeLeft   | Lock the orientation of the app to landscape and rotated to the left | function | No       | iOS/Android| yes               |
+| lockToLandscapeRight  | Lock the orientation of the app to landscape and rotated to the right | function | No       | iOS/Android| yes               |
+| unlockAllOrientations | Unlocks the orientation of the app, allowing the device to rotate freely | function | No       | iOS/Android| yes               |
+| getOrientation        | Get the direction of the current device                      | callback | No       | iOS/Android| yes               |
+| getDeviceOrientation  | Obtains the direction of the current device                  | callback | No       | iOS/Android| yes               |
 
 ## Events
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker)
 
-| Name                            | Description                                                                                                                                                                                                                                                                                                                                      | Type     | Required | Platform    | HarmonyOS Support |
-| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
-| addOrientationListener          | When UI orientation changed, callback function will be called. But if lockToXXX is called , callback function will be not called untill unlockAllOrientations. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN When lockToXXX/unlockAllOrientations, it will force resend UI orientation changed event. | callback | No       | IOS/Android | yes               |
-| addDeviceOrientationListener    | When device orientation changed, callback function will be called. When lockToXXX is called, callback function also can be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN                                                                                                                      | callback | No       | IOS/Android | yes               |
-| removeOrientationListener       |                                                                                                                                                                                                                                                                                                                                                  | callback | No       | IOS/Android | yes               |
-| removeDeviceOrientationListener |                                                                                                                                                                                                                                                                                                                                                  | callback | No       | IOS/Android | yes               |
-| addLockListener                 | When call lockToXXX/unlockAllOrientations, callback function will be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT UNKNOWN UNKNOWN means not be locked.                                                                                                                                                                   | callback | No       | IOS/Android | yes               |
-| removeLockListener              |                                                                                                                                                                                                                                                                                                                                                  | callback | No       | IOS/Android | yes               |
-| removeAllListeners              |                                                                                                                                                                                                                                                                                                                                                  | callback | No       | IOS/Android | yes               |
+| Name                            | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| addOrientationListener          | When UI orientation changed, callback function will be called. But if lockToXXX is called , callback function will be not called untill unlockAllOrientations. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN When lockToXXX/unlockAllOrientations, it will force resend UI orientation changed event. | callback | No       | iOS/Android| yes               |
+| addDeviceOrientationListener    | When device orientation changed, callback function will be called. When lockToXXX is called, callback function also can be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT PORTRAIT-UPSIDEDOWN UNKNOWN | callback | No       | iOS/Android| yes               |
+| removeOrientationListener       |                                                              | callback | No       | iOS/Android| yes               |
+| removeDeviceOrientationListener |                                                              | callback | No       | iOS/Android| yes               |
+| addLockListener                 | When call lockToXXX/unlockAllOrientations, callback function will be called. It can return either PORTRAIT LANDSCAPE-LEFT LANDSCAPE-RIGHT UNKNOWN UNKNOWN means not be locked. | callback | No       | iOS/Android| yes               |
+| removeLockListener              |                                                              | callback | No       | iOS/Android| yes               |
+| removeAllListeners              |                                                              | callback | No       | iOS/Android| yes               |
 
 ## Others
 
diff --git a/en/react-native-performance.md b/en/react-native-performance.md
index fb60debe..ac338217 100644
--- a/en/react-native-performance.md
+++ b/en/react-native-performance.md
@@ -17,7 +17,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-performance Releases](https://github.com/react-native-oh-library/react-native-performance/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -248,7 +248,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing RNPerformancePackage to ArkTS
 
@@ -289,7 +289,7 @@ Check the release version information in the release address of the third-party
 
 ## Performance
 
-默认导出 Performance 对象
+Exports the **Performance** object by default.
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -299,25 +299,25 @@ Check the release version information in the release address of the third-party
 
 | Name       | Description                                             | Type   | Required | Platform    | HarmonyOS Support |
 | ---------- | ------------------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| timeOrigin | 返回 Performance 用作性能相关时间戳基线的高分辨率时间戳 | number | yes      | IOS/Android | yes               |
+| timeOrigin | Returns the high-resolution timestamp used by **Performance** as the performance-related baseline timestamp.| number | yes      | IOS/Android | yes               |
 
 #### Performance method
 
 | Name             | Description                                                                                                                                                                                                                                                                                                                        | Type     | Required | Platform    | HarmonyOS Support |
 | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| now              | 返回一个高分辨率时间戳（以毫秒为单位）                                                                                                                                                                                                                                                                                             | function | yes      | IOS/Android | yes               |
-| mark             | 根据给出 markName 值，在性能输入缓冲区中创建一个 timestamp(时间戳)                                                                                                                                                                                                                                                                 | function | yes      | IOS/Android | yes               |
-| measure          | 性能记录缓存中使用 measure()创建一个新的测量记录如果仅指定了测量名称，则开始时间戳设置为零，结束时间戳（用于计算持续时间）是 Performance.now()返回的值。可以使用字符串将 PerformanceMark 对象标识为开始标记和结束标记。要只提供一个 endMark，您需要提供一个空的测量选项对象: performance.Measure（“myMeasure”，{}，“myEndMarker”） | function | yes      | IOS/Android | yes               |
-| metric           | 如果您希望收集不基于时间的自定义度量，此模块将提供名为.metric（）的 Performance API 扩展，该扩展将生成类型为 metric 的条目                                                                                                                                                                                                         | function | yes      | IOS/Android | yes               |
-| getEntries       | 对于给定的 filter，此方法返回 PerformanceEntry 对象数组，如果不带任何参数，返回全部 entries                                                                                                                                                                                                                                        | function | yes      | IOS/Android | yes               |
-| getEntriesByName | 返回一个给定名称和 name 和 type 属性的 PerformanceEntry 对象数组                                                                                                                                                                                                                                                                   | function | yes      | IOS/Android | yes               |
-| getEntriesByType | 返回一个给定 type 属性的 PerformanceEntry 对象数组                                                                                                                                                                                                                                                                                 | function | yes      | IOS/Android | yes               |
-| clearMarks       | 从缓存中移除声明的标记。如果调用这个方法时没有传递参数，则所有带有 entry type 这类标记的 performance entries 将从 performance entry 缓存区中被移除。                                                                                                                                                                               | function | yes      | IOS/Android | yes               |
-| clearMeasures    | 从缓存区中移除声明的测量记录。如果这个方法被调用时没有传入参数，则所有 entry type 标记值为"measure" 的性能实体将被从性能入口缓存区中移除。                                                                                                                                                                                         | function | yes      | IOS/Android | yes               |
+| now              | Returns a high-resolution timestamp, in milliseconds.                                                                                                                                                                                                                                                                                            | function | yes      | IOS/Android | yes               |
+| mark             | Creates a timestamp in the performance input buffer based on the given **markName** value.                                                                                                                                                                                                                                                                | function | yes      | IOS/Android | yes               |
+| measure          | Creates a measure record in the performance record cache. If only the measure name is specified, the start timestamp is set to zero, and the end timestamp (used to calculate the duration) is the value returned by **Performance.now()**. You can use a string to set the **PerformanceMark** object to a start tag and an end tag. If only the **endMark** is provided, you need to set an empty measure option object: **performance.Measure("myMeasure", {}, "myEndMarker")**.| function | yes      | IOS/Android | yes               |
+| metric           | Generates entries of the **metric** type if you want to collect custom metrics that are not time-based. This function is an extension of the Performance API.                                                                                                                                                                                                        | function | yes      | IOS/Android | yes               |
+| getEntries       | Returns a **PerformanceEntry** object array if a **filter** is specified; returns all entries if no parameter is specified.                                                                                                                                                                                                                                       | function | yes      | IOS/Android | yes               |
+| getEntriesByName | Returns an array of **PerformanceEntry** objects with the given **name** and **type**.                                                                                                                                                                                                                                                                  | function | yes      | IOS/Android | yes               |
+| getEntriesByType | Returns a **PerformanceEntry** object array with the given **type**.                                                                                                                                                                                                                                                                                | function | yes      | IOS/Android | yes               |
+| clearMarks       | Removes the declared marks from the cache. If no parameter is passed, all performance entries with the **entry type** mark are removed from the performance entry cache.                                                                                                                                                                              | function | yes      | IOS/Android | yes               |
+| clearMeasures    | Removes the declared measure records from the cache. If no parameter is passed, all performance entities whose **entry type** is **measure** are removed from the performance entry cache.                                                                                                                                                                                        | function | yes      | IOS/Android | yes               |
 
 ## PerformanceObserver
 
-给定的观察者 callback 生成一个新的 PerformanceObserver 对象。当通过 observe() 方法注册的 条目类型 的 性能条目事件 被记录下来时，调用该观察者回调。
+Generates a **PerformanceObserver** object based on the specified observer callback, which is called when the performance entry event of the **entry type** registered through **observe()** is recorded.
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -327,7 +327,7 @@ Check the release version information in the release address of the third-party
 
 | Name    | Description                                                                                                                           | Type     | Required | Platform    | HarmonyOS Support |
 | ------- | ------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| observe | observe() 方法用于指定 PerformanceObserver 对象观察的性能条目类型。当记录一个指定类型的性能条目时，性能监测对象的回调函数将会被调用。 | function | yes      | IOS/Android | yes               |
+| observe | Specifies the performance entry type for the **PerformanceObserver** object. When a performance entry of a specified type is recorded, the callback of the performance observer object is called.| function | yes      | IOS/Android | yes               |
 
 ## API
 
@@ -337,7 +337,7 @@ Check the release version information in the release address of the third-party
 
 | Name                      | Description                                                                         | Type     | Required | Platform    | HarmonyOS Support |
 | ------------------------- | ----------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| setResourceLoggingEnabled | 默认情况下禁用资源日志记录，并且当前仅 fetch/XMLHttpRequest 使用,使用时需设置开启。 | function | yes      | IOS/Android | yes               |
+| setResourceLoggingEnabled | Enables resource logging, which is disabled by default and is used only by **fetch** and **XMLHttpRequest**.| function | yes      | IOS/Android | yes               |
 
 ## Known Issues
 
@@ -345,4 +345,4 @@ Check the release version information in the release address of the third-party
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/oblador/react-native-performance/blob/master/LICENSE).
+This project is licensed under [MIT License](https://github.com/oblador/react-native-performance/blob/master/LICENSE).
diff --git a/en/react-native-print.md b/en/react-native-print.md
index c2c79524..a2b58a95 100644
--- a/en/react-native-print.md
+++ b/en/react-native-print.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-print Releases](https://github.com/react-native-oh-library/react-native-print/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -42,7 +42,7 @@ The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
 
-> [!TIP] 本示例依赖 react-native-document-picker 库，参照[@react-native-oh-tpl/react-native-document-picker 文档](/zh-cn/react-native-document-picker.md)进行引入。
+> [!TIP] This example depends on the react-native-document-picker library. For details, see [@react-native-oh-tpl/react-native-document-picker document](/en/react-native-document-picker.md).
 
 ```js
 import React, {useState} from 'react';
@@ -159,7 +159,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing RNPrintPackage to ArkTS
 
@@ -260,11 +260,11 @@ Open the `entry/src/main/resources/base/element/string.json` file and add the fo
 
 | Name          | Description                                                   | Type    | Required | Platform     | HarmonyOS Support |
 | ------------- | ------------------------------------------------------------- | ------- | -------- | ------------ | ----------------- |
-| `html`        | HTML string to print(The value must be html or filepath.)     | string  | no       | Android、iOS | no                |
-| `filePath`    | Local or remote file url(https://github.com/The%20value%20must%20be%20html%20or%20filepath.) | string  | no       | Android、iOS | yes               |
+| `html`        | HTML string to print(The value must be html or filepath.)     | string  | no       | Android, iOS| no                |
+| `filePath`    | Local or remote file url(https://github.com/The%20value%20must%20be%20html%20or%20filepath.) | string  | no       | Android, iOS| yes               |
 | `printerURL`  | **iOS Only:** URL returned from `selectPrinterMethod()`       | string  | no       | iOS          | no                |
-| `isLandscape` | Landscape print; default value is false                       | boolean | no       | Android、iOS | no                |
-| `jobName`     | Name of printing job; default value is "Document"             | string  | no       | Android、iOS | yes               |
+| `isLandscape` | Landscape print; default value is false                       | boolean | no       | Android, iOS| no                |
+| `jobName`     | Name of printing job; default value is "Document"             | string  | no       | Android, iOS| yes               |
 | `baseUrl`     | Used to resolve relative links in the HTML                    | string  | no       | Android      | no                |
 
 ### selectPrinter(options: Object)
@@ -276,11 +276,11 @@ Open the `entry/src/main/resources/base/element/string.json` file and add the fo
 
 ## Known Issues
 
-- [ ] HarmonyOS NEXT 上不支持 html、printerURL、isLandscape、baseUrl 等参数，并且不支持打印 word 文档: [issue#1](https://github.com/react-native-oh-library/react-native-print/issues/1)
-- [ ] HarmonyOS NEXT 上不支持 selectPrinter()方法 : [issue#2](https://github.com/react-native-oh-library/react-native-print/issues/4)
+- [ ] HarmonyOS NEXT does not support parameters such as **html**, **printerURL**, **isLandscape**, and **baseUrl**, and does not support printing of Word documents: [issue#1](https://github.com/react-native-oh-library/react-native-print/issues/1).
+- [ ] HarmonyOS NEXT does not support **selectPrinter()**: [issue#2](https://github.com/react-native-oh-library/react-native-print/issues/4).
 
 ## Others
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/christopherdro/react-native-print/blob/master/LICENSE).
+This project is licensed under [MIT License](https://github.com/christopherdro/react-native-print/blob/master/LICENSE).
diff --git a/en/react-native-size-matters.md b/en/react-native-size-matters.md
index 9573d8bb..5fb3f12f 100644
--- a/en/react-native-size-matters.md
+++ b/en/react-native-size-matters.md
@@ -38,7 +38,7 @@ The following code shows the basic use scenario of the repository:
 
 > [!WARNING] The name of the imported repository remains unchanged.
 
-**这里是该插件提供的基础用法**
+**Basic usage**:
 
 ```js
 <!---->
@@ -187,7 +187,7 @@ export default class sizeMattersDemo {
 
 ```
 
-**这里提供注解用法**
+**Annotation usage**:
 
 ```javascript
 import { Text, View } from "react-native";
@@ -221,8 +221,8 @@ export default class sizeMattersDemo {
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## API
 
@@ -232,14 +232,14 @@ This document is verified based on the following versions:
 
 | Name                  | Description                                                                                                                                                                            | Type     | Required | Platform     | HarmonyOS Support |
 | --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ------------ | ----------------- |
-| scale                 | 将根据您设备的屏幕宽度返回所提供尺寸的线性缩放结果。                                                                                                                                   | Function | No       | Android、iOS | Yes               |
-| verticalScale         | 将根据您设备的屏幕高度返回所提供尺寸的线性缩放结果。                                                                                                                                   | Function | No       | Android、iOS | Yes               |
-| moderateScale         | 有时您不想以线性方式缩放所有内容，这时可以使用 moderateScale。它的妙处在于您可以控制调整大小的因子（默认值为 0.5）。如果正常缩放会将您的尺寸增加 +2X，则 moderateScale 只会将其增加 +X | Function | No       | Android、iOS | Yes               |
-| moderateVerticalScale | 与 moderateScale 相同，但使用 verticalScale 而不是 scale。                                                                                                                             | Function | No       | Android、iOS | Yes               |
-| s                     | scale 方法的别名                                                                                                                                                                       | Function | No       | Android、iOS | Yes               |
-| vs                    | verticalScale 方法的别名                                                                                                                                                               | Function | No       | Android、iOS | Yes               |
-| ms                    | moderateScale 别名方法                                                                                                                                                                 | Function | No       | Android、iOS | Yes               |
-| mvs                   | moderateVerticalScale 的别名方法                                                                                                                                                       | Function | No       | Android、iOS | Yes               |
+| scale                 | Returns the linear scaling result of the provided size based on the screen width of the device.                                                                                                                                  | Function | No       | Android, iOS| Yes               |
+| verticalScale         | Returns the linear scaling result of the provided size based on the screen height of the device.                                                                                                                                  | Function | No       | Android, iOS| Yes               |
+| moderateScale         | Scales the content that you do not want to scale in a linear manner. You can control the resize factor, which is 0.5 by default, as required. If normal scaling increases the size by 2X, **moderateScale** will only increase it by X.| Function | No       | Android, iOS| Yes               |
+| moderateVerticalScale | Works in the same way as **moderateScale**, but uses **verticalScale** instead of **scale**.                                                                                                                            | Function | No       | Android, iOS| Yes               |
+| s                     | Alias of the **scale** API.                                                                                                                                                                      | Function | No       | Android, iOS| Yes               |
+| vs                    | Alias of the **verticalScale** API.                                                                                                                                                              | Function | No       | Android, iOS| Yes               |
+| ms                    | Alias of the **moderateScale** API.                                                                                                                                                                | Function | No       | Android, iOS| Yes               |
+| mvs                   | Alias of the **moderateVerticalScale** API.                                                                                                                                                      | Function | No       | Android, iOS| Yes               |
 
 ## Known Issues
 
@@ -247,4 +247,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under [The MIT License(MIT)](https://github.com/nirsky/react-native-size-matters/blob/master/LICENSE).
+This project is licensed under [MIT License](https://github.com/nirsky/react-native-size-matters/blob/master/LICENSE).
diff --git a/en/react-native-view-pdf.md b/en/react-native-view-pdf.md
index a39863b6..b16d5d17 100644
--- a/en/react-native-view-pdf.md
+++ b/en/react-native-view-pdf.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-view-pdf Releases](https://github.com/react-native-oh-library/react-native-PDFView/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -62,7 +62,7 @@ export function PdfViewExample() {
 
 ## Use Codegen
 
-If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md).
+If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md).
 
 ## Link
 
@@ -109,7 +109,7 @@ ohpm install
 
 Method 2: Directly link to the source code.
 
-> [!TIP] For details, see [Directly Linking Source Code](/zh-cn/link-source-code.md).
+> [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md).
 
 ### 3. Introducing RNPDFView Component to ArkTS
 
@@ -187,19 +187,19 @@ Check the release version information in the release address of the third-party
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name              | Description                                                                                                                                                                                                                                        | Type     | Required | Platform | HarmonyOS Support |
-| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| resource          | A resource to render. It's possible to render PDF from file, url (should be encoded) or base64                                                                                                                                                     | string   | yes      | all      | yes               |
-| resourceType      | Should correspond to resource and can be: file, url or base64                                                                                                                                                                                      | string   | no       | all      | yes               |
+| Name              | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| resource          | A resource to render. It's possible to render PDF from file, url (should be encoded) or base64 | string   | yes      | all      | yes               |
+| resourceType      | Should correspond to resource and can be: file, url or base64 | string   | no       | all      | yes               |
 | fileFrom          | iOS: In case if resourceType is set to file, there are different way to search for it on iOS file system. Currently documentsDirectory, libraryDirectory, cachesDirectory, tempDirectory and bundle are supported. <br>harmony: files, cache, temp | string   | no       | iOS      | yes               |
-| onLoad            | Callback that is triggered when loading is completed                                                                                                                                                                                               | function | no       | all      | yes               |
-| onError           | Callback that is triggered when loading has failed. And error is provided as a function parameter                                                                                                                                                  | style    | no       | all      | yes               |
-| style             | css style                                                                                                                                                                                                                                          | string   | no       | all      | yes               |
-| fadeInDuration    | Fade in duration (in ms, defaults to 0.0) to smoothly fade the webview into view when pdf loading is completed                                                                                                                                     | number   | no       | all      | yes               |
-| enableAnnotations | Android ONLY: Boolean to enable Android view annotations (default is false).                                                                                                                                                                       | boolean  | no       | Android  | no                |
-| urlProps          | Extended properties for url type that allows to specify HTTP Method, HTTP headers and HTTP body                                                                                                                                                    | map      | no       | all      | no                |
-| onPageChanged     | Callback that is invoked when page is changed. Provides active page and total pages information                                                                                                                                                    | function | no       | Android  | no                |
-| onScrolled        | Callback that is invoked when PDF is scrolled. Provides offset value in a range between 0 and 1. Currently only 0 and 1 are supported.                                                                                                             | function | no       | all      | no                |
+| onLoad            | Callback that is triggered when loading is completed         | function | no       | all      | yes               |
+| onError           | Callback that is triggered when loading has failed. And error is provided as a function parameter | style    | no       | all      | yes               |
+| style             | css style                                                    | string   | no       | all      | yes               |
+| fadeInDuration    | Fade in duration (in ms, defaults to 0.0) to smoothly fade the webview into view when pdf loading is completed | number   | no       | all      | yes               |
+| enableAnnotations | Android ONLY: Boolean to enable Android view annotations (default is false). | boolean  | no       | Android  | no                |
+| urlProps          | Extended properties for url type that allows to specify HTTP Method, HTTP headers and HTTP body | map      | no       | all      | no                |
+| onPageChanged     | Callback that is invoked when page is changed. Provides active page and total pages information | function | no       | Android  | no                |
+| onScrolled        | Callback that is invoked when PDF is scrolled. Provides offset value in a range between 0 and 1. Currently only 0 and 1 are supported. | function | no       | all      | no                |
 
 ### Static Methods
 
@@ -207,14 +207,14 @@ Check the release version information in the release address of the third-party
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name   | Description                                                                                                                                                                     | Type     | Required | Platform | HarmonyOS Support |
-| ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| Name   | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------ | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
 | reload | Allows to reload the PDF document. This can be useful in such cases as network issues, document is expired, etc. To reload the document you will need a `ref` to the component: | function | yes      | all      | yes               |
 
 ## Known Issues
 
-- [ ] urlProps 属性不支持, HarmonyOS 原生组件 webview 不支持 urlProps。[issue: #5](https://github.com/react-native-oh-library/react-native-PDFView/issues/5)
-- [ ] onScrolled 属性不支持, HarmonyOS 原生组件 webview 加载 pdf 文件时 onScrolled 回调函数不执行。 [issue: #6](https://github.com/react-native-oh-library/react-native-PDFView/issues/6)
+- [ ] The urlProps property is not supported. The native HarmonyOS component WebView does not support urlProps.[issue: #5](https://github.com/react-native-oh-library/react-native-PDFView/issues/5)
+- [ ] The onScrolled property is not supported. The onScrolled callback function is not executed when the native HarmonyOS component webview loads a PDF file. [issue: #6](https://github.com/react-native-oh-library/react-native-PDFView/issues/6)
 
 ## Others
 

From 3fba541670ce3c7bde92e622a1db703ad2823eab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=8E=A5?= <294314895@qq.com>
Date: Mon, 6 Jan 2025 01:56:30 +0000
Subject: [PATCH 943/966] =?UTF-8?q?!1976=20docs:=20[#IBEXAY]=20=E4=B8=89?=
 =?UTF-8?q?=E6=96=B9=E5=BA=93=E6=80=BB=E8=A7=88=E6=9B=B4=E6=96=B0=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E5=BA=93=E5=85=B3=E8=81=94=E4=BF=A1=E6=81=AF=20*=20do?=
 =?UTF-8?q?cs:=20[#IBEXAY]=20=E4=B8=89=E6=96=B9=E5=BA=93=E6=80=BB=E8=A7=88?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=83=A8=E5=88=86=E5=BA=93=E5=85=B3=E8=81=94?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 62 +++++++++++++++++++++++------------------------
 en/README_EN.md | 60 +++++++++++++++++++++++-----------------------
 zh-cn/README.md | 64 ++++++++++++++++++++++++-------------------------
 3 files changed, 93 insertions(+), 93 deletions(-)

diff --git a/README.md b/README.md
index 426c0ee1..75ae673c 100644
--- a/README.md
+++ b/README.md
@@ -221,7 +221,7 @@
 | 189  | [react-native-restart](https://github.com/avishayil/react-native-restart)                                                     | 0.0.27         | 是                 | [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)                                       | [链接](/zh-cn/react-native-restart.md)                         |
 | 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting)                                       | 1.7.6          | 否                 | [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)                         | [链接](/zh-cn/react-native-system-setting.md)                  |
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | 否                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [链接](/zh-cn/react-native-keep-awake.md)                      |
-| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | -                                                |[链接](/zh-cn/react-native-community-hooks.md)               |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [链接](/zh-cn/react-navigation.md)                             |
 | 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [链接](/zh-cn/react-native-default-preference.md)            |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
@@ -231,39 +231,39 @@
 | 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation)                                                | 3.1.3          | -                  | [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)                               | [链接](/zh-cn/react-native-orientation.md)                     |
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [链接](/zh-cn/rn-tourguide.md)                                 |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | 是                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [链接](/zh-cn/react-native-performance.md)                     |
-| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | -                                       | [链接](/zh-cn/react-native-testing-library.md)                                                          |
 | 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
 | 204  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
-| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | [@react-native-oh-tpl/react-native-material-dropdown](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)      | [链接](/zh-cn/react-native-material-dropdown.md)                                                        |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
 | 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [链接](/zh-cn/NativeBase.md)                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
 | 211  | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
-| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | [@react-native-oh-tpl/react-native-bootsplash](https://github.com/react-native-oh-library/react-native-bootsplash/releases)                                                     | [链接](/zh-cn/react-native-bootsplash.md)                                                        |
 | 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | -                                        | [链接](/zh-cn/Parse-SDK-JS.md)                                                       |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-shadow-2.md)                        |
 | 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | -                                                                                                                                                      | [链接](/zh-cn/Shopify-restyle.md)                                                         |
 | 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
-| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-country-picker-modal](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases)             | [链接](/zh-cn/react-native-country-picker-modal.md)                                                      |
 | 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-url-polyfill.md)                    |
 | 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [链接](/zh-cn/react-native-shimmer-placeholder.md)           |
-| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | -                                      | [链接](/zh-cn/react-native-flash-message.md)                                         |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-ratings.md)                         |
-| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | [@react-native-oh-tpl/react-native-dropdownalert](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)                                         | [链接](/zh-cn/react-native-dropdownalert.md)        
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | -          | [链接](/zh-cn/react-native-element-dropdown.md)
 | 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
 | 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  |-                                                                                                                                                     |  [链接](/zh-cn/react-native-offline.md)                                                         |
-| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  |  [@react-native-oh-tpl/react-native-material-ui](https://github.com/react-native-oh-library/react-native-material-ui/releases)     | [链接](/zh-cn/react-native-material-ui.md)                 |
 | 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input)                                                                                                                                                      | [链接](/zh-cn/react-native-credit-card-input.md)                                                         |
 | 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
 | 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | 否                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [链接](/zh-cn/react-native-signature-capture.md)               |
-| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -          | -            | [链接](/zh-cn/react-native-deck-swiper.md)                          |
 | 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                                                         |
 | 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 | [@react-native-oh-library/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable)                                                                                                                                                      | [链接](/zh-cn/react-native-vector-drawable.md)                                                         |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [链接](/zh-cn/react-native-material-buttons.md)                |
@@ -271,32 +271,32 @@
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-communications.md)                  |
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox)                                                   | 0.9.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-lightbox.md)                        |
 | 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail)                                | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)                     | [链接](/zh-cn/react-native-create-thumbnail.md)                |
-| 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | -        | [链接](/zh-cn/react-native-paper.md)                                                     |
 | 243  | [react-native-picker](https://github.com/beefe/react-native-picker)                                                  | 0.6.1           | -                 | [@react-native-oh-tpl/react-native-picker](https://github.com/react-native-oh-library/react-native-picker/releases)                                     | [链接](/zh-cn/react-native-picker.md)                        |
-| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | [@react-native-oh-tpl/react-native-shared-element](https://github.com/react-native-oh-library/react-native-shared-element/releases)                                                                                    | [链接](/zh-cn/react-native-shared-element.md)                                                  |
 | 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [链接](/zh-cn/gorhom-bottom-sheet.md)                                                         |
-| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | [@react-native-oh-tpl/react-native-mmkv-storage](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-mmkv-storage.md)                                                         |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | [@react-native-oh-tpl/react-native-ui-lib](https://github.com/react-native-oh-library/react-native-ui-lib/releases)                                                                                                                    | [链接](/zh-cn/react-native-ui-lib.md)                                                         |
 | 248  | [react-native-skia](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | [@react-native-oh-tpl/react-native-skia](https://github.com/react-native-oh-library/react-native-skia)                                                                                                                                                      | [链接](/zh-cn/react-native-skia.md)                                                         |
-| 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | [@react-native-oh-tpl/react-native-print](https://github.com/react-native-oh-library/react-native-print/releases)                              |[链接](/zh-cn/react-native-print.md)                                                        |
 | 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
 | 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | [@react-native-oh-tpl/react-native-picker-select](https://github.com/react-native-oh-library/react-native-picker-select)                                                                                                                                                      | [链接](/zh-cn/react-native-picker-select.md)                                                         |
-| 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
-| 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | [@react-native-oh-tpl/react-native-track-player](https://github.com/react-native-oh-library/react-native-track-player/releases)                                                              | [链接](/zh-cn/react-native-track-player.md)                        |
+| 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | [@react-native-oh-tpl/react-native-apple-authentication](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)                                         | [链接](/zh-cn/react-native-apple-authentication.md)                               |
+| 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -          | [链接](/zh-cn/react-native-storage.md)             
+| 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | 是                 | [@react-native-oh-tpl/react-native-camera-kit](https://github.com/react-native-oh-library/react-native-camera-kit/releases)                                  | [链接](/zh-cn/react-native-camera-kit.md)                                                   |
+| 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | [@react-native-oh-tpl/react-native-nfc-manager](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)                                                    | [链接](/zh-cn/react-native-nfc-manager.md)                                                    |
+| 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | [@react-native-oh-tpl/react-native-blurhash](https://github.com/react-native-oh-library/react-native-blurhash/releases)                                                    | [链接](/zh-cn/react-native-blurhash.md)                                                            |
+| 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | [@react-native-oh-tpl/react-native-text-input-mask](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)                                                                      | [链接](/zh-cn/react-native-text-input-mask.md)       |
 | 259  | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
 | 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
-| 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 |[@react-native-oh-tpl/react-native-keyboard-controller](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases) | [链接](/zh-cn/react-native-keyboard-controller.md)                                        |
 | 262  | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
 | 263  | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
 | 264  | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
 | 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [链接](/zh-cn/react-native-context-menu-view.md)                                                         |
-| 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 |  [@react-native-oh-tpl/react-native-view-pdf](https://github.com/react-native-oh-library/react-native-PDFView/releases)              | [链接](/zh-cn/react-native-view-pdf.md)                                             |
+| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 |  [@react-native-oh-tpl/react-native-hole-view](https://github.com/react-native-oh-library/react-native-hole-view/releases)              | [链接](/zh-cn/react-native-hole-view.md)                                            |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
 | 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270  | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
@@ -311,11 +311,11 @@
 | 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
-| 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | [@react-native-oh-tpl/react-native-email-link](https://github.com/react-native-oh-library/react-native-email-link/releases)                                                                                                                                      | [链接](/zh-cn/react-native-email-link.md)                                                            |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
 | 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[链接](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
+| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | -                                            | [链接](/zh-cn/react-native-step-indicator.md)                  |
 | 287  | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
@@ -325,14 +325,14 @@
 | 293  | [@react-native-community/audio-toolkit](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit)             | 2.0.3         | -                 | [@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)                               | [链接](/zh-cn/react-native-audio-toolkit.md)                     |
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [链接](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | 否                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [链接](/zh-cn/react-native-file-viewer.md)                     |
-| 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | -                                  | [链接](/zh-cn/react-native-responsive-fontsize.md)                                          |
 | 297  | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-image-colors.md)                                                           |
 | 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [链接](/zh-cn/react-content-loader.md)                                                         |
 | 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  |  [@react-native-oh-tpl/react-native-reanimated-bottom-sheet](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-reanimated-bottom-sheet.md)                                                  |
 | 304  | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                                          | 1.2.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 |[@react-native-oh-tpl/react-native-audio-recorder-player](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)                               | [链接](/zh-cn/react-native-audio-recorder-player.md)                                                         |
 | 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -341,7 +341,7 @@
 | 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mask-text.md)                                                         |
 | 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 311  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | [@react-native-oh-tpl/react-native-gifted-charts](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)            | [链接](/zh-cn/react-native-gifted-charts.md)    |
 | 313  | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                                           | 2.1.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 314  | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                               | 1.5.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 315  | [react-native-mail](https://github.com/chirag04/react-native-mail)                                                            | 6.1.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
diff --git a/en/README_EN.md b/en/README_EN.md
index 8cbc96d0..6530f7c0 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -221,7 +221,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 189  | [react-native-restart](https://github.com/avishayil/react-native-restart)                                                     | 0.0.27         | Yes                 | [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)                                       | [Link](/zh-cn/react-native-restart.md)                         |
 | 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting)                                       | 1.7.6          | No                 | [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)                         | [Link](/zh-cn/react-native-system-setting.md)                  |
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | No                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [Link](/zh-cn/react-native-keep-awake.md)                      |
-| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | -                                                |[Link](/zh-cn/react-native-community-hooks.md)               |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [Link](/zh-cn/react-navigation.md)                             |
 | 194 | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | No                  | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [Link](/zh-cn/react-native-default-preference.md)            |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | No                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [Link](/zh-cn/react-native-ble-manager.md)                     |
@@ -231,39 +231,39 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation)                                                | 3.1.3          | -                  | [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)                               | [Link](/zh-cn/react-native-orientation.md)                     |
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [Link](/zh-cn/rn-tourguide.md)                                 |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | Yes                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [Link](/zh-cn/react-native-performance.md)                     |
-| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | -                                                                                                                                                   | [Link](/zh-cn/react-native-testing-library.md)                                                          |
 | 203 | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [Link](/zh-cn/react-native-dropdown-picker.md)               |
 | 204 | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | Yes                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [Link](/zh-cn/react-native-shake.md)                         |
-| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | [@react-native-oh-tpl/react-native-material-dropdown](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-material-dropdown.md)                                                        |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | Yes                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [Link](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | No                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [Link](/zh-cn/react-native-fingerprint-scanner.md)             |
 | 208 | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | No                  | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [Link](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  |  [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [Link](/zh-cn/NativeBase.md)                                                           |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | No                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [Link](/zh-cn/react-native-orientation-locker.md)              |
 | 211  | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [Link](/zh-cn/react-native-ssl-pinning.md)               |
-| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | Yes                 | [@react-native-oh-tpl/react-native-bootsplash](https://github.com/react-native-oh-library/react-native-bootsplash/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-bootsplash.md)                                                        |
 | 213 | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | No                  | -                                                            | [Link](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | -                                        | [Link](/zh-cn/Parse-SDK-JS.md)                                                       |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-shadow-2.md)                        |
 | 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | -                                                                                                                                                      | [Link](/zh-cn/Shopify-restyle.md)                                                        |
 | 218 | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [Link](/zh-cn/nativewind.md)                                 |
-| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-country-picker-modal](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases)                                                                                | [Link](/zh-cn/react-native-country-picker-modal.md)                                                      |
 | 220 | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | Yes                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [Link](/zh-cn/react-native-haptic-feedback.md)               |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-url-polyfill.md)                    |
 | 222 | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | No                  | -                                                            | [Link](/zh-cn/react-native-shimmer-placeholder.md)           |
-| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | -                                      | [Link](/zh-cn/react-native-flash-message.md)                                         |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-ratings.md)                         |
-| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | No                 | [@react-native-oh-tpl/react-native-dropdownalert](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)                                         | [Link](/zh-cn/react-native-dropdownalert.md)                                                  |
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | -                                                                                     | [Link](/zh-cn/react-native-element-dropdown.md)
 | 227 | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [Link](/zh-cn/react-native-easy-grid.md)                     |
 | 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  | -                                                                                                                                                     |  [Link](/zh-cn/react-native-offline.md)                                                       |
-| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  |  [@react-native-oh-tpl/react-native-material-ui](https://github.com/react-native-oh-library/react-native-material-ui/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-material-ui.md)                                                       |
 | 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input)                                                                                                                                                      | [Link](/zh-cn/react-native-credit-card-input.md)                                                          |
 | 231 | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [Link](/zh-cn/react-native-crypto.md)                        |
 | 232 | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | No                  | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [Link](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | No                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [Link](/zh-cn/react-native-signature-capture.md)               |
-| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | -                                  | [Link](/zh-cn/react-native-deck-swiper.md)                          |
 | 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-autocomplete-dropdown.md)                                                        |
 | 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | Yes                 | [@react-native-oh-library/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable)                                                                                                                                                      | [Link](/zh-cn/react-native-vector-drawable.md)                                                         |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | No                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [Link](/zh-cn/react-native-material-buttons.md)                |
@@ -271,32 +271,32 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-communications.md)                  |
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox)                                                   | 0.9.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-lightbox.md)                        |
 | 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail)                                | 2.0.0          | No                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)                     | [Link](/zh-cn/react-native-create-thumbnail.md)                |
-| 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | -      | [Link](/zh-cn/react-native-paper.md)                                                     |
 | 243  | [react-native-picker](https://github.com/beefe/react-native-picker)                                                  | 0.6.1           | -                 | [@react-native-oh-tpl/react-native-picker](https://github.com/react-native-oh-library/react-native-picker/releases)                                     |  [Link](/zh-cn/react-native-picker.md)                       |
-| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | Yes                 | [@react-native-oh-tpl/react-native-shared-element](https://github.com/react-native-oh-library/react-native-shared-element/releases)                                                                                    | [Link](/zh-cn/react-native-shared-element.md)                                                  |
 | 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  |  [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [Link](/zh-cn/gorhom-bottom-sheet.md)                                                          |
-| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | No                 | [@react-native-oh-tpl/react-native-mmkv-storage](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-mmkv-storage.md)                                                         |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | [@react-native-oh-tpl/react-native-ui-lib](https://github.com/react-native-oh-library/react-native-ui-lib/releases)                                                                                                                    | [Link](/zh-cn/react-native-ui-lib.md)                                                         |
 | 248  | [react-native-skia](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | Yes                 |  [@react-native-oh-tpl/react-native-skia](https://github.com/react-native-oh-library/react-native-skia)                                                                                                                                                      | [Link](/zh-cn/react-native-skia.md)                                                         |
-| 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | No                 | [@react-native-oh-tpl/react-native-print](https://github.com/react-native-oh-library/react-native-print/releases)                              |[Link](/zh-cn/react-native-print.md)                                                        |
 | 250 | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | No                  | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [Link](/zh-cn/react-native-inappbrowser.md)                  |
 | 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | [@react-native-oh-tpl/react-native-picker-select](https://github.com/react-native-oh-library/react-native-picker-select)                                                                                                                                                      | [Link](/zh-cn/react-native-picker-select.md)                                                                 |
-| 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | Yes                 | [@react-native-oh-tpl/react-native-track-player](https://github.com/react-native-oh-library/react-native-track-player/releases)                                                              | [Link](/zh-cn/react-native-track-player.md)                        |
+| 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | No                 | [@react-native-oh-tpl/react-native-apple-authentication](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)                                         | [Link](/zh-cn/react-native-apple-authentication.md)                               |
 | 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-storage.md)                         |
-| 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | Yes                 | [@react-native-oh-tpl/react-native-camera-kit](https://github.com/react-native-oh-library/react-native-camera-kit/releases)                                  | [Link](/zh-cn/react-native-camera-kit.md)                                                   |
+| 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | Yes                 | [@react-native-oh-tpl/react-native-nfc-manager](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)                                                    | [Link](/zh-cn/react-native-nfc-manager.md)                                                    |
+| 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | Yes                 | [@react-native-oh-tpl/react-native-blurhash](https://github.com/react-native-oh-library/react-native-blurhash/releases)                                                    | [Link](/zh-cn/react-native-blurhash.md)                                                            |
+| 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | No                 | [@react-native-oh-tpl/react-native-text-input-mask](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)                                                                      | [Link](/zh-cn/react-native-text-input-mask.md)       |
 | 259  | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [Link](/zh-cn/realm-js.md)                               |
 | 260 | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | No                  | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [Link](/zh-cn/react-native-charts-wrapper.md)                |
-| 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | Yes                 |[@react-native-oh-tpl/react-native-keyboard-controller](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases) | [Link](/zh-cn/react-native-keyboard-controller.md)                                        |
 | 262  | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [Link](/zh-cn/react-native-config.md)                    |
 | 263  | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-video-controls.md)            |
 | 264  | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-waterflow-list.md)            |
 | 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | No                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [Link](/zh-cn/react-native-context-menu-view.md)                                                       |
-| 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | No                 |  [@react-native-oh-tpl/react-native-view-pdf](https://github.com/react-native-oh-library/react-native-PDFView/releases)              | [Link](/zh-cn/react-native-view-pdf.md)                                             |
+| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | Yes                 |  [@react-native-oh-tpl/react-native-hole-view](https://github.com/react-native-oh-library/react-native-hole-view/releases)              | [Link](/zh-cn/react-native-hole-view.md)                                            |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [Link](/zh-cn/react-native-material-textfield.md)              |
 | 269 | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [Link](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270  | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [Link](/zh-cn/freakycoder-react-native-bounceable.md)    |
@@ -311,11 +311,11 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 279 | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [Link](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 281 | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [Link](/zh-cn/react-native-hyperlink.md)                     |
-| 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
+| 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | Yes                 | [@react-native-oh-tpl/react-native-email-link](https://github.com/react-native-oh-library/react-native-email-link/releases)                                                                                                                                      | [Link](/zh-cn/react-native-email-link.md)                                                            |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [Link](/zh-cn/react-native-autocomplete-input.md)              |
 | 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[Link](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | -                                            | [Link](/zh-cn/react-native-step-indicator.md)                  |
 | 287  | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [Link](/zh-cn/react-native-textinput-maxlength-fixed.md) |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 289 | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [Link](/zh-cn/react-native-autoLink.md)                      |
@@ -325,14 +325,14 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 293 | [@react-native-community/audio-toolkit](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit)             | 2.0.3         | -                 | [@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)                               | [Link](/zh-cn/react-native-audio-toolkit.md)                     |
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [Link](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | No                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [Link](/zh-cn/react-native-file-viewer.md)                     |
-| 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | -                                  | [Link](/zh-cn/react-native-responsive-fontsize.md)                                          |
 | 297  | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [Link](/zh-cn/react-native-button.md)                    |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | No                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-image-colors.md)                                                         |
 | 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [Link](/zh-cn/react-content-loader.md)                                                         |
 | 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
-| 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  |  [@react-native-oh-tpl/react-native-reanimated-bottom-sheet](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)                                                                                                                                                      | [Link](/zh-cn/react-native-reanimated-bottom-sheet.md)                                                  |
 | 304  | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                                          | 1.2.6          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | Yes                 |[@react-native-oh-tpl/react-native-audio-recorder-player](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)                               | [Link](/zh-cn/react-native-audio-recorder-player.md)                                                         |
 | 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
@@ -341,7 +341,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | -                                                                                                                                                      | [Link](/zh-cn/react-native-mask-text.md)                                                         |
 | 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 311  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                     | 5.6.2          | Yes                 | In Progress                                                                                                                                                      | In Progress                                                         |
-| 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
+| 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | [@react-native-oh-tpl/react-native-gifted-charts](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)            | [Link](/zh-cn/react-native-gifted-charts.md)    |
 | 313  | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                                           | 2.1.2          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
 | 314  | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                               | 1.5.2          | -                  | In Progress                                                                                                                                                      | In Progress                                                         |
 | 315  | [react-native-mail](https://github.com/chirag04/react-native-mail)                                                            | 6.1.1          | No                 | In Progress                                                                                                                                                      | In Progress                                                         |
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 7cfe3cb1..c4c78072 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -33,7 +33,7 @@
 | 1    | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage)                      | 1.21.0         | 是                 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases)                                                     | [链接](/zh-cn/react-native-async-storage-async-storage.md)     |
 | 2    | [@react-native-camera-roll/camera-roll](https://github.com/react-native-cameraroll/react-native-cameraroll)                   | 6.0.0          | 是                 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases)                                             | [链接](/zh-cn/react-native-cameraroll.md)                      |
 | 3    | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard)                                      | 1.13.2         | 是                 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases)                                                             | [链接](/zh-cn/react-native-clipboard-clipboard.md)             |
-| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                                   | 4.4.0          | 是                 | [@react-native-oh-tpl/blurReleases](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
+| 4    | [@react-native-community/blur](https://github.com/Kureev/react-native-blur)                                                   | 4.4.0          | 是                 | [@react-native-oh-tpl/blur](https://github.com/react-native-oh-library/react-native-blur/releases)                                                  | [链接](/zh-cn/react-native-community-blur.md)                  |
 | 5    | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox)                            | 0.5.16         | 否                 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases)                                     | [链接](/zh-cn/react-native-community-checkbox.md)              |
 | 6    | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker)                       | 7.6.2          | 是                 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases)                                                   | [链接](/zh-cn/react-native-community-datetimepicker.md)        |
 | 7    | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation)                             | 3.1.0          | 是                 | [@react-native-oh-tpl/geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases)                                            | [链接](/zh-cn/react-native-community-geolocation.md)           |
@@ -221,7 +221,7 @@
 | 189  | [react-native-restart](https://github.com/avishayil/react-native-restart)                                                     | 0.0.27         | 是                 | [@react-native-oh-tpl/react-native-restart](https://github.com/react-native-oh-library/react-native-restart/releases)                                       | [链接](/zh-cn/react-native-restart.md)                         |
 | 190  | [react-native-system-setting](https://github.com/c19354837/react-native-system-setting)                                       | 1.7.6          | 否                 | [@react-native-oh-tpl/react-native-system-setting](https://github.com/react-native-oh-library/react-native-system-setting/releases)                         | [链接](/zh-cn/react-native-system-setting.md)                  |
 | 191  | [react-native-keep-awake](https://github.com/corbt/react-native-keep-awake)                                                   | 4.0.0          | 否                 | [@react-native-oh-tpl/react-native-keep-awake](https://github.com/react-native-oh-library/react-native-keep-awake/releases)                                 | [链接](/zh-cn/react-native-keep-awake.md)                      |
-| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 192  | [@react-native-community/hooks](https://github.com/react-native-community/hooks)                                              | 3.0.0          | -                  | -                                                |[链接](/zh-cn/react-native-community-hooks.md)               |
 | 193  | [react-navigation](https://github.com/react-navigation/react-navigation)                                                      | 6              | -                  | [@react-native-oh-tpl/react-navigation](https://github.com/react-native-oh-library/react-navigation/releases)                                               | [链接](/zh-cn/react-navigation.md)                             |
 | 194  | [react-native-default-preference](https://github.com/kevinresol/react-native-default-preference) | 1.4.4          | 否                 | [@react-native-oh-tpl/react-native-default-preference](https://github.com/react-native-oh-library/react-native-default-preference/releases) | [链接](/zh-cn/react-native-default-preference.md)            |
 | 195  | [react-native-ble-manager](https://github.com/innoveit/react-native-ble-manager)                                              | 11.5.5         | 否                 | [@react-native-oh-tpl/react-native-ble-manager](https://github.com/react-native-oh-library/react-native-ble-manager/releases)                               | [链接](/zh-cn/react-native-ble-manager.md)                     |
@@ -231,39 +231,39 @@
 | 199  | [react-native-orientation](https://github.com/yamill/react-native-orientation)                                                | 3.1.3          | -                  | [@react-native-oh-tpl/react-native-orientation](https://github.com/react-native-oh-library/react-native-orientation/releases)                               | [链接](/zh-cn/react-native-orientation.md)                     |
 | 200  | [rn-tourguide](https://github.com/xcarpentier/rn-tourguide)                                                                   | 3.3.0          | -                  | [@react-native-oh-tpl/rn-tourguide](https://github.com/react-native-oh-library/rn-tourguide/releases)                                                       | [链接](/zh-cn/rn-tourguide.md)                                 |
 | 201  | [react-native-performance](https://github.com/oblador/react-native-performance/tree/master/packages/react-native-performance) | 5.1.2          | 是                 | [@react-native-oh-tpl/react-native-performance](https://github.com/react-native-oh-library/react-native-performance/releases)                               | [链接](/zh-cn/react-native-performance.md)                     |
-| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 202  | [@testing-library/react-native](https://github.com/callstack/react-native-testing-library)                                    | 12.5.1         | -                  | -                                       | [链接](/zh-cn/react-native-testing-library.md)                                                          |
 | 203  | [react-native-dropdown-picker](https://github.com/hossein-zare/react-native-dropdown-picker) | 5.4.6          | -                  | -                                                            | [链接](/zh-cn/react-native-dropdown-picker.md)               |
 | 204  | [react-native-shake](https://github.com/Doko-Demo-Doa/react-native-shake) | 5.6.2          | 是                 | [@react-native-oh-tpl/react-native-shake ](https://github.com/react-native-oh-library/react-native-shake/releases) | [链接](/zh-cn/react-native-shake.md)                         |
-| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 205  | [react-native-material-dropdown](https://github.com/n4kz/react-native-material-dropdown)                                      | 0.11.1         | -                  | [@react-native-oh-tpl/react-native-material-dropdown](https://github.com/react-native-oh-library/react-native-material-dropdown/releases)      | [链接](/zh-cn/react-native-material-dropdown.md)                                                        |
 | 206  | [react-native-document-picker](https://github.com/rnmods/react-native-document-picker)                                        | 9.2.0          | 是                 | [@react-native-oh-tpl/react-native-document-picker](https://github.com/react-native-oh-library/document-picker/releases)                                    | [链接](/zh-cn/react-native-document-picker.md)                 |
 | 207  | [react-native-fingerprint-scanner](https://github.com/hieuvp/react-native-fingerprint-scanner)                                | 6.0.0          | 否                 | [@react-native-oh-tpl/react-native-fingerprint-scanner](https://github.com/react-native-oh-library/react-native-fingerprint-scanner/releases)               | [链接](/zh-cn/react-native-fingerprint-scanner.md)             |
 | 208  | [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) | 1.11.0         | 否                 | [@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | [链接](/zh-cn/react-native-get-random-values.md)             |
 | 209  | [native-base](https://github.com/GeekyAnts/NativeBase)                                                                        | 3.4.28         | -                  | [@react-native-oh-tpl/native-base](https://github.com/react-native-oh-library/NativeBase)                                                                        | [链接](/zh-cn/NativeBase.md)                                                         |
 | 210  | [react-native-orientation-locker](https://github.com/wonday/react-native-orientation-locker)                                  | 1.7.0          | 否                 | [@react-native-oh-library/react-native-orientation-locker](https://github.com/react-native-oh-library/react-native-orientation-locker/releases)             | [链接](/zh-cn/react-native-orientation-locker.md)              |
 | 211 | [react-native-ssl-pinning](https://github.com/MaxToyberman/react-native-ssl-pinning)                                          | 1.5.7          | -         | [@react-native-oh-tpl/react-native-ssl-pinning](https://github.com/react-native-oh-library/react-native-ssl-pinning/releases)                             | [链接](/zh-cn/react-native-ssl-pinning.md)               |
-| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 212  | [react-native-bootsplash](https://github.com/zoontek/react-native-bootsplash)                                                 | 6.1.1          | 是                 | [@react-native-oh-tpl/react-native-bootsplash](https://github.com/react-native-oh-library/react-native-bootsplash/releases)                                                     | [链接](/zh-cn/react-native-bootsplash.md)                                                        |
 | 213  | [react-native-size-matters](https://github.com/nirsky/react-native-size-matters) | 0.4.2          | 否                 | -                                                            | [链接](/zh-cn/react-native-size-matters.md)                  |
 | 214  | [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)                                             | 2.4.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 215  | [parse](https://github.com/parse-community/Parse-SDK-JS)                                                                      | 5.3.0-beta.1   | -                  | -                                        | [链接](/zh-cn/Parse-SDK-JS.md)                                                       |
 | 216  | [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2)                                                    | 7.0.8          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-shadow-2.md)                        |
 | 217  | [@shopify/restyle](https://github.com/Shopify/restyle)                                                                        | 2.4.2          | -                  | -                                                                                                                                                      | [链接](/zh-cn/Shopify-restyle.md)                                                         |
 | 218  | [nativewind](https://github.com/marklawlor/nativewind/tree/main/packages/nativewind) | 2.0.11         | -                  | [@react-native-oh-tpl/nativewind](https://github.com/react-native-oh-library/nativewind/releases) | [链接](/zh-cn/nativewind.md)                                 |
-| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 219  | [react-native-country-picker-modal](https://github.com/xcarpentier/react-native-country-picker-modal)                         | 2.0.0          | -                  | [@react-native-oh-tpl/react-native-country-picker-modal](https://github.com/react-native-oh-library/react-native-country-picker-modal/releases)             | [链接](/zh-cn/react-native-country-picker-modal.md)                                                      |
 | 220  | [react-native-haptic-feedback](https://github.com/mkuczera/react-native-haptic-feedback) | 2.2.0          | 是                 | [@react-native-oh-tpl/react-native-haptic-feedback](https://github.com/react-native-oh-library/react-native-haptic-feedback/releases) | [链接](/zh-cn/react-native-haptic-feedback.md)               |
 | 221  | [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill)                                            | 2.0.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-url-polyfill.md)                    |
 | 222  | [react-native-shimmer-placeholder](https://github.com/tomzaku/react-native-shimmer-placeholder) | 2.0.8          | 否                 | -                                                            | [链接](/zh-cn/react-native-shimmer-placeholder.md)           |
-| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 223  | [react-native-flash-message](https://github.com/lucasferreira/react-native-flash-message)                                     | 0.4.2          | -                  | -                                      | [链接](/zh-cn/react-native-flash-message.md)                                         |
 | 224  | [react-native-ratings](https://github.com/Monte9/react-native-ratings)                                                        | 8.1.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-ratings.md)                         |
-| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 225  | [react-native-dropdownalert](https://github.com/testshallpass/react-native-dropdownalert)                                     | 5.1.0          | 否                 | [@react-native-oh-tpl/react-native-dropdownalert](https://github.com/react-native-oh-library/react-native-dropdownalert/releases)                                         | [链接](/zh-cn/react-native-dropdownalert.md)        
+| 226  | [react-native-element-dropdown](https://github.com/hoaphantn7604/react-native-element-dropdown)                               | 2.12.1         | -                  | -          | [链接](/zh-cn/react-native-element-dropdown.md)   |
 | 227  | [react-native-easy-grid](https://github.com/GeekyAnts/react-native-easy-grid) | 0.2.2          | -                  | -                                                            | [链接](/zh-cn/react-native-easy-grid.md)                     |
 | 228  | [react-native-offline](https://github.com/rgommezz/react-native-offline)                                                      | 6.0.2          | -                  |-                                                                                                                                                     |  [链接](/zh-cn/react-native-offline.md)                                                         |
-| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 229  | [react-native-material-ui](https://github.com/xotahal/react-native-material-ui)                                               | 1.30.1         | -                  |  [@react-native-oh-tpl/react-native-material-ui](https://github.com/react-native-oh-library/react-native-material-ui/releases)     | [链接](/zh-cn/react-native-material-ui.md)                 |
 | 230  | [react-native-credit-card-input](https://github.com/sbycrosz/react-native-credit-card-input)                                  | 0.4.1          | -                  | [@react-native-oh-tpl/react-native-credit-card-input](https://github.com/react-native-oh-library/react-native-credit-card-input)                                                                                                                                                      | [链接](/zh-cn/react-native-credit-card-input.md)                                                         |
 | 231  | [react-native-crypto](https://github.com/tradle/react-native-crypto) | 2.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-crypto.md)                        |
 | 232  | [react-native-unistyles](https://github.com/jpudysz/react-native-unistyles) | 2.7.2          | 否                 | [@react-native-oh-tpl/react-native-unistyles](https://github.com/react-native-oh-library/react-native-unistyles/releases) | [链接](/zh-cn/react-native-unistyles.md)                     |
 | 233  | [react-native-signature-capture](https://github.com/RepairShopr/react-native-signature-capture)                               | 0.4.11         | 否                 | [@react-native-oh-tpl/react-native-signature-capture](https://github.com/react-native-oh-library/react-native-signature-capture/releases)                   | [链接](/zh-cn/react-native-signature-capture.md)               |
-| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 234  | [react-native-deck-swiper](https://github.com/alexbrillant/react-native-deck-swiper)                                          | 2.0.17         | -          | -            | [链接](/zh-cn/react-native-deck-swiper.md)                          |
 | 235  | [react-native-autocomplete-dropdown](https://github.com/onmotion/react-native-autocomplete-dropdown)                          | 4.0.0-rc.5     | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-autocomplete-dropdown.md)                                                         |
 | 236  | [@klarna/react-native-vector-drawable](https://github.com/klarna-incubator/react-native-vector-drawable)                      | 0.5.1          | 是                 | [@react-native-oh-library/react-native-vector-drawable](https://github.com/react-native-oh-library/react-native-vector-drawable)                                                                                                                                                      | [链接](/zh-cn/react-native-vector-drawable.md)                                                         |
 | 237  | [react-native-material-buttons](https://github.com/n4kz/react-native-material-buttons)                                        | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-material-buttons](https://github.com/react-native-oh-library/react-native-material-buttons/releases)                     | [链接](/zh-cn/react-native-material-buttons.md)                |
@@ -271,32 +271,32 @@
 | 239  | [react-native-communications](https://github.com/davebeehively/react-native-communications)                                   | 2.2.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-communications.md)                  |
 | 240  | [react-native-lightbox-v2](https://github.com/cbbfcd/react-native-lightbox)                                                   | 0.9.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-lightbox.md)                        |
 | 241  | [react-native-create-thumbnail](https://github.com/souvik-ghosh/react-native-create-thumbnail)                                | 2.0.0          | 否                 | [@react-native-oh-tpl/react-native-create-thumbnail](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases)                     | [链接](/zh-cn/react-native-create-thumbnail.md)                |
-| 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 242  | [react-native-paper](https://github.com/callstack/react-native-paper)                                                         | 5.12.5         | -                  | -        | [链接](/zh-cn/react-native-paper.md)                                                     |
 | 243  | [react-native-picker](https://github.com/beefe/react-native-picker)                                                  | 0.6.1           | -                 | [@react-native-oh-tpl/react-native-picker](https://github.com/react-native-oh-library/react-native-picker/releases)                                     | [链接](/zh-cn/react-native-picker.md)                        |
-| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 244  | [react-native-shared-element](https://github.com/IjzerenHein/react-native-shared-element)                                     | 0.8.9          | 是                 | [@react-native-oh-tpl/react-native-shared-element](https://github.com/react-native-oh-library/react-native-shared-element/releases)                                                                                    | [链接](/zh-cn/react-native-shared-element.md)                                                  |
 | 245  | [@gorhom/bottom-sheet](https://github.com/gorhom/react-native-bottom-sheet)                                                   | 5.0.0-alpha.11 | -                  | [@react-native-oh-library/bottom-sheet](https://github.com/react-native-oh-library/react-native-bottom-sheet)                                                                                                                                                      | [链接](/zh-cn/gorhom-bottom-sheet.md)                                                         |
-| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 246  | [react-native-mmkv-storage](https://github.com/ammarahm-ed/react-native-mmkv-storage)                                         | 0.10.2         | 否                 | [@react-native-oh-tpl/react-native-mmkv-storage](https://github.com/react-native-oh-library/react-native-mmkv-storage/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-mmkv-storage.md)                                                         |
+| 247  | [react-native-ui-lib](https://github.com/wix/react-native-ui-lib)                                                             | 7.0.0          | -                  | [@react-native-oh-tpl/react-native-ui-lib](https://github.com/react-native-oh-library/react-native-ui-lib/releases)                                                                                                                    | [链接](/zh-cn/react-native-ui-lib.md)                                                         |
 | 248  | [react-native-skia](https://github.com/Shopify/react-native-skia)                                                   | 1.3.7          | 是                 | [@react-native-oh-tpl/react-native-skia](https://github.com/react-native-oh-library/react-native-skia)                                                                                                                                                      | [链接](/zh-cn/react-native-skia.md)                                                         |
-| 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 249  | [react-native-print](https://github.com/christopherdro/react-native-print)                                                    | 0.10.0         | 否                 | [@react-native-oh-tpl/react-native-print](https://github.com/react-native-oh-library/react-native-print/releases)                              |[链接](/zh-cn/react-native-print.md)                                                        |
 | 250  | [react-native-inappbrowser-reborn](https://github.com/proyecto26/react-native-inappbrowser) | 3.7.0          | 否                 | [@react-native-oh-tpl/react-native-inappbrowser-reborn](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | [链接](/zh-cn/react-native-inappbrowser.md)                  |
 | 251  | [react-native-picker-select](https://github.com/lawnstarter/react-native-picker-select)                                       | 9.2.0          | -                  | [@react-native-oh-tpl/react-native-picker-select](https://github.com/react-native-oh-library/react-native-picker-select)                                                                                                                                                      | [链接](/zh-cn/react-native-picker-select.md)                                                         |
-| 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-storage.md)                         |
-| 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 252  | [react-native-track-player](https://github.com/doublesymmetry/react-native-track-player)                                      | 4.1.1          | 是                 | [@react-native-oh-tpl/react-native-track-player](https://github.com/react-native-oh-library/react-native-track-player/releases)                                                              | [链接](/zh-cn/react-native-track-player.md)                        |
+| 253  | [@invertase/react-native-apple-authentication](https://github.com/invertase/react-native-apple-authentication)                | 2.3.0          | 否                 | [@react-native-oh-tpl/react-native-apple-authentication](https://github.com/react-native-oh-library/react-native-apple-authentication/releases)                                         | [链接](/zh-cn/react-native-apple-authentication.md)                               |
+| 254  | [react-native-storage](https://github.com/sunnylqm/react-native-storage)                                                      | 1.0.1          | -                  | -          | [链接](/zh-cn/react-native-storage.md)             
+| 255  | [react-native-camera-kit](https://github.com/teslamotors/react-native-camera-kit)                                             | 13.0.0         | 是                 | [@react-native-oh-tpl/react-native-camera-kit](https://github.com/react-native-oh-library/react-native-camera-kit/releases)                                  | [链接](/zh-cn/react-native-camera-kit.md)                                                   |
+| 256  | [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager)                                                | 3.15.1         | 是                 | [@react-native-oh-tpl/react-native-nfc-manager](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)                                                    | [链接](/zh-cn/react-native-nfc-manager.md)                                                    |
+| 257  | [react-native-blurhash](https://github.com/mrousavy/react-native-blurhash)                                                    | 2.0.3          | 是                 | [@react-native-oh-tpl/react-native-blurhash](https://github.com/react-native-oh-library/react-native-blurhash/releases)                                                    | [链接](/zh-cn/react-native-blurhash.md)                                                            |
+| 258  | [react-native-text-input-mask](https://github.com/react-native-text-input-mask/react-native-text-input-mask)                  | 3.1.5          | 否                 | [@react-native-oh-tpl/react-native-text-input-mask](https://github.com/react-native-oh-library/react-native-text-input-mask/releases)                                                                      | [链接](/zh-cn/react-native-text-input-mask.md)       |
 | 259 | [realm-js](https://github.com/realm/realm-js)                                                                                 | 0.10.0         | -         | [@react-native-oh-tpl/realm-js](https://github.com/react-native-oh-library/realm-js/releases)                                                             | [链接](/zh-cn/realm-js.md)                               |
 | 260  | [react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper) | 0.6.0          | 否                 | [@react-native-oh-tpl/react-native-charts-wrapper](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) | [链接](/zh-cn/react-native-charts-wrapper.md)                |
-| 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 261  | [react-native-keyboard-controller](https://github.com/kirillzyusko/react-native-keyboard-controller)                          | 1.12.6         | 是                 |[@react-native-oh-tpl/react-native-keyboard-controller](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases) | [链接](/zh-cn/react-native-keyboard-controller.md)                                        |
 | 262 | [react-native-waterflow-list](https://github.com/ZakZheng/react-native-waterflow-list)                                        | 1.2.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-waterflow-list.md)            |
 | 263 | [react-native-config](https://github.com/lugg/react-native-config)                                                            | 1.5.3          | -         | [@react-native-oh-library/react-native-config](https://github.com/react-native-oh-library/react-native-config/releases)                                   | [链接](/zh-cn/react-native-config.md)                    |
 | 264 | [react-native-video-controls](https://github.com/itsnubix/react-native-video-controls)                                        | 2.8.1          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-video-controls.md)            |
 | 265  | [react-native-context-menu-view](https://github.com/mpiannucci/react-native-context-menu-view)                                | 1.16.0         | 否                 | [@react-native-oh-tpl/react-native-context-menu-view](https://github.com/react-native-oh-library/react-native-context-menu-view)                                                                                                                                                      | [链接](/zh-cn/react-native-context-menu-view.md)                                                         |
-| 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 266  | [react-native-view-pdf](https://github.com/rumax/react-native-PDFView)                                                        | 0.14.0         | 否                 |  [@react-native-oh-tpl/react-native-view-pdf](https://github.com/react-native-oh-library/react-native-PDFView/releases)              | [链接](/zh-cn/react-native-view-pdf.md)                                             |
+| 267  | [react-native-hole-view](https://github.com/ibitcy/react-native-hole-view)                                                    | 3.0.0-alpha4   | 是                 |  [@react-native-oh-tpl/react-native-hole-view](https://github.com/react-native-oh-library/react-native-hole-view/releases)              | [链接](/zh-cn/react-native-hole-view.md)                                            |
 | 268  | [react-native-material-textfield](https://github.com/n4kz/react-native-material-textfield)                                    | 0.16.1         | -                  | [@react-native-oh-tpl/react-native-material-textfield](https://github.com/react-native-oh-library/react-native-material-textfield/releases)                 | [链接](/zh-cn/react-native-material-textfield.md)              |
 | 269  | [react-native-iphone-screen-helper](https://github.com/chlee1001/react-native-iphone-screen-helper) | 2.1.1          | -                  | [@react-native-oh-tpl/react-native-iphone-screen-helper](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | [链接](/zh-cn/react-native-iphone-screen-helper.md)          |
 | 270 | [@freakycoder/react-native-bounceable](https://github.com/WrathChaos/react-native-bounceable)                                 | 1.0.3          | -         | -                                                                                                                                                         | [链接](/zh-cn/freakycoder-react-native-bounceable.md)    |
@@ -311,11 +311,11 @@
 | 279  | [react-native-loading-spinner-overlay](https://github.com/joinspontaneous/react-native-loading-spinner-overlay) | 3.0.1          | -                  | -                                                            | [链接](/zh-cn/react-native-loading-spinner-overlay.md)       |
 | 280  | [voice](https://github.com/react-native-voice/voice)                                                                          | 3.2.4          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 281  | [react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink) | 0.0.22         | -                  | -                                                            | [链接](/zh-cn/react-native-hyperlink.md)                     |
-| 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
+| 282  | [react-native-email-link](https://github.com/flexible-agency/react-native-email-link)                                         | 1.15.0         | 是                 | [@react-native-oh-tpl/react-native-email-link](https://github.com/react-native-oh-library/react-native-email-link/releases)                                                                                                                                      | [链接](/zh-cn/react-native-email-link.md)                                                            |
 | 283  | [react-native-autocomplete-input](https://github.com/mrlaessig/react-native-autocomplete-input)                               | 5.4.0          | -                  | -                                                                                                                                                           | [链接](/zh-cn/react-native-autocomplete-input.md)              |
 | 284  | [react-native-image-zoom-viewer](https://github.com/ascoders/react-native-image-viewer) | 3.0.1  | -         | [@react-native-oh-tpl/react-native-image-zoom-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases) |[链接](/zh-cn/react-native-image-zoom-viewer.md)                |
 | 285  | [react-native-background-fetch](https://github.com/transistorsoft/react-native-background-fetch)                              | 4.2.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | 开发中                                                                                                                                                      | 开发中                                                          |
+| 286  | [react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)                                           | 1.0.3          | -                  | -                                            | [链接](/zh-cn/react-native-step-indicator.md)                  |
 | 287 | [react-native-textinput-maxlength-fixed](https://github.com/2017398956/react-native-textinput-maxlength-fixed)                | 0.1.2          | -         | [@react-native-oh-tpl/react-native-textinput-maxlength-fixed](https://github.com/react-native-oh-library/react-native-textinput-maxlength-fixed/releases) | [链接](/zh-cn/react-native-textinput-maxlength-fixed.md) |
 | 288  | [react-native-walkthrough-tooltip](https://github.com/CompanyCam/react-native-walkthrough-tooltip)                            | 1.6.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 289  | [react-native-autolink](https://github.com/joshswan/react-native-autolink) | 4.2.0          | -                  | -                                                            | [链接](/zh-cn/react-native-autoLink.md)                      |
@@ -325,14 +325,14 @@
 | 293 | [@react-native-community/audio-toolkit](https://github.com/react-native-audio-toolkit/react-native-audio-toolkit)             | 2.0.3         | -                 | [@react-native-oh-tpl/audio-toolkit](https://github.com/react-native-oh-library/react-native-audio-toolkit/releases)                               | [链接](/zh-cn/react-native-audio-toolkit.md)                     |
 | 294  | [react-native-svg-charts](https://github.com/JesperLekland/react-native-svg-charts)                                           | 5.3.0          | -                  | [@react-native-oh-tpl/react-native-svg-charts](https://github.com/react-native-oh-library/react-native-svg-charts/releases)                                 | [链接](/zh-cn/react-native-svg-charts.md)                      |
 | 295  | [react-native-file-viewer](https://github.com/vinzscam/react-native-file-viewer)                                              | 2.1.5          | 否                 | [@react-native-oh-tpl/react-native-file-viewer](https://github.com/react-native-oh-library/react-native-file-viewer/releases)                               | [链接](/zh-cn/react-native-file-viewer.md)                     |
-| 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 296  | [react-native-responsive-fontSize](https://github.com/heyman333/react-native-responsive-fontsize)                             | 0.5.1          | -                  | -                                  | [链接](/zh-cn/react-native-responsive-fontsize.md)                                          |
 | 297 | [react-native-button](https://github.com/ide/react-native-button)                                                             | 3.1.0          | -         | -                                                                                                                                                         | [链接](/zh-cn/react-native-button.md)                    |
 | 298  | [react-native-typography](https://github.com/hectahertz/react-native-typography)                                              | 1.4.1          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 299  | [react-native-image-colors](https://github.com/osamaqarem/react-native-image-colors)                                          | 2.4.0          | 否                 | [@react-native-oh-tpl/react-native-image-colors](https://github.com/react-native-oh-library/react-native-image-colors/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-image-colors.md)                                                           |
 | 300  | [react-content-loader](https://github.com/danilowoz/react-content-loader)                                                     | 7.0.2          | -                  | [@react-native-oh-tpl/react-content-loader](https://github.com/react-native-oh-library/react-content-loader/releases)                                                                                                                                                      | [链接](/zh-cn/react-content-loader.md)                                                         |
 | 301  | [react-native-snackbar](https://github.com/cooperka/react-native-snackbar)                                                    | 2.7.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 302  | [react-native-maps-directions](https://github.com/bramus/react-native-maps-directions)                                        | 1.9.0          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
-| 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 303  | [react-native-reanimated-bottom-sheet](https://github.com/osdnk/react-native-reanimated-bottom-sheet)                         | 1.0.0-alpha.22 | -                  |  [@react-native-oh-tpl/react-native-reanimated-bottom-sheet](https://github.com/react-native-oh-library/react-native-reanimated-bottom-sheet/releases)                                                                                                                                                      | [链接](/zh-cn/react-native-reanimated-bottom-sheet.md)                                                  |
 | 304  | [react-native-image-marker](https://github.com/JimmyDaddy/react-native-image-marker)                                          | 1.2.6          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 305  | [react-native-audio-recorder-player](https://github.com/dooboolab/react-native-audio-recorder-player)                         | 3.6.10         | 是                 |[@react-native-oh-tpl/react-native-audio-recorder-player](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases)                               | [链接](/zh-cn/react-native-audio-recorder-player.md)                                                         |
 | 306  | [react-native-map-clustering](https://github.com/venits/react-native-map-clustering)                                          | 3.4.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
@@ -341,7 +341,7 @@
 | 309  | [react-native-mask-text](https://github.com/akinncar/react-native-mask-text)                                                  | 0.14.2         | -                  | -                                                                                                                                                      | [链接](/zh-cn/react-native-mask-text.md)                                                         |
 | 310  | [mixpanel-react-native](https://github.com/mixpanel/mixpanel-react-native)                                                    | 3.0.5          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 311  | [react-native-share](https://github.com/react-native-share/react-native-share)                                                     | 5.6.2          | 是                 | 开发中                                                                                                                                                      | 开发中                                                         |
-| 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
+| 312  | [react-native-gifted-charts](https://github.com/Abhinandan-Kushwaha/react-native-gifted-charts)                               | 1.4.26         | -                  || [@react-native-oh-tpl/react-native-gifted-charts](https://github.com/react-native-oh-library/react-native-gifted-charts/releases)            | [链接](/zh-cn/react-native-gifted-charts.md)    |
 | 313  | [react-native-quick-base64](https://github.com/craftzdog/react-native-quick-base64)                                           | 2.1.2          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |
 | 314  | [react-native-confetti-cannon](https://github.com/VincentCATILLON/react-native-confetti-cannon)                               | 1.5.2          | -                  | 开发中                                                                                                                                                      | 开发中                                                         |
 | 315  | [react-native-mail](https://github.com/chirag04/react-native-mail)                                                            | 6.1.1          | 否                 | 开发中                                                                                                                                                      | 开发中                                                         |

From 69619582ecafa8112e6d554a988987ef7fef1d9f Mon Sep 17 00:00:00 2001
From: dingchengjie <dingchenjie1@h-partners.com>
Date: Mon, 6 Jan 2025 08:53:17 +0000
Subject: [PATCH 944/966] =?UTF-8?q?!1979=20=E6=9B=B4=E6=96=B0=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E5=BA=93=E4=B8=AD=E6=B8=85=E9=99=A4=E7=BC=93=E5=AD=98?=
 =?UTF-8?q?=E5=91=BD=E4=BB=A4=20*=20docs:=20[#IBFNL5]=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB=E5=BA=93=E4=B8=AD=E6=B8=85=E9=99=A4=E7=BC=93?=
 =?UTF-8?q?=E5=AD=98=E5=91=BD=E4=BB=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-reanimated.md    | 2 +-
 zh-cn/react-native-reanimated.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-reanimated.md b/en/react-native-reanimated.md
index c3fecd8d..836d4146 100644
--- a/en/react-native-reanimated.md
+++ b/en/react-native-reanimated.md
@@ -63,7 +63,7 @@ Clear the Metro cache (recommended):
 #### **npm**
 
 ```bash
-npm start -- --reset-cache
+npm start --reset-cache
 ```
 
 #### **yarn**
diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md
index 8386fe6e..9b0d0808 100644
--- a/zh-cn/react-native-reanimated.md
+++ b/zh-cn/react-native-reanimated.md
@@ -61,7 +61,7 @@ yarn add @react-native-oh-tpl/react-native-reanimated
 #### **npm**
 
 ```bash
-npm start -- --reset-cache
+npm start --reset-cache
 ```
 
 #### **yarn**

From bc33572c3694cfc590a58cfe4729f1e7688967a5 Mon Sep 17 00:00:00 2001
From: yytuo <kongchuiyu@h-partners.com>
Date: Tue, 7 Jan 2025 03:08:03 +0000
Subject: [PATCH 945/966] =?UTF-8?q?!1980=20docs:=20[issues:=20#IBG4VV]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-udp=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=20*=20docs:=20[issues:=20#IBG4VV]=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-udp=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-udp.md    | 5 +++--
 zh-cn/react-native-udp.md | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/en/react-native-udp.md b/en/react-native-udp.md
index 45916a5f..a0428e1d 100644
--- a/en/react-native-udp.md
+++ b/en/react-native-udp.md
@@ -191,7 +191,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-udp": "file:../../node_modules/@react-native-oh-tpl/react-native-udp/harmony/react-native-udp.har"
+    "@react-native-oh-tpl/react-native-udp": "file:../../node_modules/@react-native-oh-tpl/react-native-udp/harmony/react_native_udp.har"
   }
 ```
 
@@ -255,6 +255,7 @@ Check the release version information in the release address of the third-party
 | Name           | Description                                                                                                                                      | Type     | Required | Platform    | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
 | createSocket   | Creates a Socket object.                                                                                                                         | Function | false    | Android/iOS | yes               |
+| close          | Close the underlying socket and stop listening for data on it. If a callback is provided.                                                        | Function | false    | Android/iOS | yes               |
 | bind           | For UDP sockets, causes the `UdpSocket` to listen for datagram messages on a named `port`.                                                       | Function | false    | Android/iOS | yes               |
 | send           | Broadcasts a datagram on the socket.                                                                                                             | Function | false    | Android/iOS | yes               |
 | address        | Returns an object containing the address information for a socket.                                                                               | Function | false    | Android/iOS | yes               |
@@ -268,4 +269,4 @@ Check the release version information in the release address of the third-party
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/tradle/react-native-udp/blob/master/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://github.com/tradle/react-native-udp/blob/master/LICENSE).
\ No newline at end of file
diff --git a/zh-cn/react-native-udp.md b/zh-cn/react-native-udp.md
index f1ad5559..78e185ee 100644
--- a/zh-cn/react-native-udp.md
+++ b/zh-cn/react-native-udp.md
@@ -193,7 +193,7 @@ export default App;
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-udp": "file:../../node_modules/@react-native-oh-tpl/react-native-udp/harmony/react-native-udp.har"
+    "@react-native-oh-tpl/react-native-udp": "file:../../node_modules/@react-native-oh-tpl/react-native-udp/harmony/react_native_udp.har"
   }
 ```
 
@@ -261,6 +261,7 @@ ohpm install
 | Name           | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
 | -------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
 | createSocket   | Creates a Socket object.                                     | Function | false    | Android/iOS | yes               |
+| close          | Close the underlying socket and stop listening for data on it. If a callback is provided.                                     | Function | false    | Android/iOS | yes               |
 | bind           | For UDP sockets, causes the `UdpSocket` to listen for datagram messages on a named `port`. | Function | false    | Android/iOS | yes               |
 | send           | Broadcasts a datagram on the socket.                         | Function | false    | Android/iOS | yes               |
 | address        | Returns an object containing the address information for a socket. | Function | false    | Android/iOS | yes               |
@@ -278,4 +279,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/tradle/react-native-udp/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/tradle/react-native-udp/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file

From 5fcef8746b923519404d0bacb409cf6bec8d5a16 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Fri, 10 Jan 2025 09:36:22 +0000
Subject: [PATCH 946/966] =?UTF-8?q?!1981=20docs:=20[issues:=20#IBH2O0]?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-image-zoom-viewer=E6=8C=87?=
 =?UTF-8?q?=E5=AF=BC=E6=96=87=E6=A1=A3=E7=9A=84=E7=A4=BA=E4=BE=8B=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=20*=20docs:=20[issues:=20#IBH2O0]=E4=BF=AE=E6=94=B9re?=
 =?UTF-8?q?act-native-image-zoom-viewer=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E7=9A=84=E7=A4=BA=E4=BE=8B=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-image-zoom-viewer.md    | 3 +--
 zh-cn/react-native-image-zoom-viewer.md | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/en/react-native-image-zoom-viewer.md b/en/react-native-image-zoom-viewer.md
index 14f4bb9c..b95ea847 100644
--- a/en/react-native-image-zoom-viewer.md
+++ b/en/react-native-image-zoom-viewer.md
@@ -154,8 +154,7 @@ const ReactImageZoon = () => {
         </View>
         <View style={{ width: "100%", height: 500 }}>
           <ImageViewer
-            image
-            Urls={images}
+            imageUrls={images}
             index={1}
             enableImageZoom={true}
             backgroundColor={"pink"}
diff --git a/zh-cn/react-native-image-zoom-viewer.md b/zh-cn/react-native-image-zoom-viewer.md
index a3849282..4f629fce 100644
--- a/zh-cn/react-native-image-zoom-viewer.md
+++ b/zh-cn/react-native-image-zoom-viewer.md
@@ -155,8 +155,7 @@ const ReactImageZoon = () => {
         </View>
         <View style={{ width: "100%", height: 500 }}>
           <ImageViewer
-            image
-            Urls={images}
+            imageUrls={images}
             index={1}
             enableImageZoom={true}
             backgroundColor={"pink"}

From f261b7301c2df9deee40ecbcf853f31f2310bcab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=A5=8E=E6=9C=AA?= <fankuiwei5@h-partners.com>
Date: Wed, 22 Jan 2025 08:08:49 +0000
Subject: [PATCH 947/966] =?UTF-8?q?!1983=20docs:=20[#IBJBK6]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9react-native-intersection-observer=E6=8C=87=E5=AF=BC?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[#IBJBK6]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?react-native-intersection-observer=E6=8C=87=E5=AF=BC=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-intersection-observer.md    | 6 +++---
 zh-cn/react-native-intersection-observer.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/en/react-native-intersection-observer.md b/en/react-native-intersection-observer.md
index fb3ed3f6..045c5d84 100644
--- a/en/react-native-intersection-observer.md
+++ b/en/react-native-intersection-observer.md
@@ -18,7 +18,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -29,13 +29,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-library/react-native-intersection-observer
+npm install @react-native-oh-tpl/react-native-intersection-observer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-library/react-native-intersection-observer
+yarn add @react-native-oh-tpl/react-native-intersection-observer
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index e58e7f32..8b2f03d0 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -18,7 +18,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-intersection-observer Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -27,13 +27,13 @@
 #### **npm**
 
 ```bash
-npm install @react-native-oh-library/react-native-intersection-observer
+npm install @react-native-oh-tpl/react-native-intersection-observer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-library/react-native-intersection-observer
+yarn add @react-native-oh-tpl/react-native-intersection-observer
 ```
 
 <!-- tabs:end -->

From d17c7e905ea97e52ba1ef730402f9e20bacdac11 Mon Sep 17 00:00:00 2001
From: Jsq <1377013680@qq.com>
Date: Fri, 24 Jan 2025 04:08:35 +0000
Subject: [PATCH 948/966] =?UTF-8?q?!1975=20docs:=20[#IBENKD]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9ahoos=E3=80=81axios=E3=80=81crypto-js=E7=AD=89?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=E7=9A=84=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=20*=20docs:=20[#IBENKD]=20=E4=BF=AE=E6=94=B9ahoos=E3=80=81axio?=
 =?UTF-8?q?s=E3=80=81crypto-js=E7=AD=89=E6=96=87=E6=A1=A3=E7=9A=84?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/js/axios.md                              |  70 ++--
 en/js/crypto-js.md                          | 440 ++++++++++----------
 en/js/jsbarcode.md                          |  56 +--
 en/js/moment.md                             | 260 ++++++------
 en/js/prop-types.md                         |  48 +--
 en/js/react-ahooks.md                       | 212 +++++-----
 en/js/redux-toolkit.md                      | 125 +++---
 en/js/styled-system.md                      | 133 +++---
 en/react-native-animate-number.md           |  30 +-
 en/react-native-echarts-pro.md              |  38 +-
 en/react-native-fit-Image.md                | 162 +++----
 en/react-native-ohos-community-auto-fill.md | 176 ++++----
 en/react-native-pull.md                     |  44 +-
 en/react-native-scrollable-tab-view.md      |  42 +-
 en/react-native-stickyheader.md             |  30 +-
 en/react-native-swiper.md                   |  32 +-
 en/react-native-video.md                    | 202 ++++-----
 17 files changed, 1051 insertions(+), 1049 deletions(-)

diff --git a/en/js/axios.md b/en/js/axios.md
index 4f1893e9..acecdfae 100644
--- a/en/js/axios.md
+++ b/en/js/axios.md
@@ -9,7 +9,7 @@
     </a>
 </p>
 
-> [!TIP] [Github 地址](https://github.com/axios/axios)
+> [!TIP] [Github address](https://github.com/axios/axios)
 
 ## Installation and Usage
 
@@ -112,42 +112,42 @@ This document is verified based on the following versions:
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                               | Description                |   Type   | Required | HarmonyOS Support |
-| :--------------------------------- | -------------------------- | :------: | :------: | :---------------: |
-| axios.request(config)              | 别名发送request请求        | function |    /     |        yes        |
-| axios.get(url[, config])           | 别名发送get请求            | function |    /     |        yes        |
-| axios.delete(url[, config])        | 别名发送delete请求         | function |    /     |        yes        |
-| axios.head(url[, config])          | 别名发送head请求           | function |    /     |        yes        |
-| axios.options(url[, config])       | 别名发送options请求        | function |    /     |        yes        |
-| axios.post(url[, data[, config]])  | 别名发送post请求           | function |    /     |        yes        |
-| axios.put(url[, data[, config]])   | 别名发送put请求            | function |    /     |        yes        |
-| axios.patch(url[, data[, config]]) | 别名发送patch请求          | function |    /     |        yes        |
-| axios#request(config)              | 实例发送request请求        | function |    /     |        yes        |
-| axios#get(url[, config])           | 实例发送get请求            | function |    /     |        yes        |
-| axios#delete(url[, config])        | 实例发送delete请求         | function |    /     |        yes        |
-| axios#head(url[, config])          | 实例发送head请求           | function |    /     |        yes        |
-| axios#options(url[, config])       | 实例发送options请求        | function |    /     |        yes        |
-| axios#post(url[, data[, config]])  | 实例发送post请求           | function |    /     |        yes        |
-| axios#put(url[, data[, config]])   | 实例发送put请求            | function |    /     |        yes        |
-| axios#patch(url[, data[, config]]) | 实例发送patch请求          | function |    /     |        yes        |
-| url                                | 配置中请求的地址           | function |    /     |        yes        |
-| method                             | 配置中请求时使用的方法     | function |    /     |        yes        |
-| baseURL                            | 配置中自动加在url地址前    | function |    /     |        yes        |
-| headers                            | 配置中自定义请求头         | function |    /     |        yes        |
-| params                             | 配置中请求一起发送时的参数 | function |    /     |        yes        |
-| data                               | 配置中请求体发送的数据     | function |    /     |        yes        |
-| timeout                            | 配置中请求超时的毫秒数     | function |    /     |        yes        |
-| proxy                              | 配置中设置代理             | function |    /     |        yes        |
-| Response Schema                    | 响应类型                   | function |    /     |        yes        |
-| Config Defaults                    | 默认配置                   | function |    /     |        yes        |
-| requestInterceptors                | 请求拦截器                 | function |    /     |        yes        |
-| responseInterceptors               | 响应拦截器                 | function |    /     |        yes        |
-| Handling Errors                    | 错误处理                   | function |    /     |        yes        |
-| AbortController                    | 中止控制器                 | function |    /     |        yes        |
-| CancelToken                        | 取消令牌                   | function |    /     |        yes        |
+| Name                               | Description                                          |   Type   | Required | HarmonyOS Support |
+| :--------------------------------- | ---------------------------------------------------- | :------: | :------: | :---------------: |
+| axios.request(config)              | Alias method for sending a **request**.              | function |    /     |        yes        |
+| axios.get(url[, config])           | Alias method for sending a **get** request.          | function |    /     |        yes        |
+| axios.delete(url[, config])        | Alias method for sending a **delete** request.       | function |    /     |        yes        |
+| axios.head(url[, config])          | Alias method for sending a **head** request.         | function |    /     |        yes        |
+| axios.options(url[, config])       | Alias method for sending an **options** request.     | function |    /     |        yes        |
+| axios.post(url[, data[, config]])  | Alias method for sending a **post** request.         | function |    /     |        yes        |
+| axios.put(url[, data[, config]])   | Alias method for sending a **put** request.          | function |    /     |        yes        |
+| axios.patch(url[, data[, config]]) | Alias method for sending a **patch** request.        | function |    /     |        yes        |
+| axios#request(config)              | Instance method for sending a **request**.           | function |    /     |        yes        |
+| axios#get(url[, config])           | Instance method for sending a **get** request.       | function |    /     |        yes        |
+| axios#delete(url[, config])        | Instance method for sending a **delete** request.    | function |    /     |        yes        |
+| axios#head(url[, config])          | Instance method for sending a **head** request.      | function |    /     |        yes        |
+| axios#options(url[, config])       | Instance method for sending an **options** request.  | function |    /     |        yes        |
+| axios#post(url[, data[, config]])  | Instance method for sending a **post** request.      | function |    /     |        yes        |
+| axios#put(url[, data[, config]])   | Instance method for sending a **put** request.       | function |    /     |        yes        |
+| axios#patch(url[, data[, config]]) | Instance method for sending a **patch** request.     | function |    /     |        yes        |
+| url                                | URL requested.                                       | function |    /     |        yes        |
+| method                             | Method used to request.                              | function |    /     |        yes        |
+| baseURL                            | Base URL added automatically before the URL.         | function |    /     |        yes        |
+| headers                            | Custom header requested.                             | function |    /     |        yes        |
+| params                             | Parameters to be sent with the request.              | function |    /     |        yes        |
+| data                               | Data sent by the request body.                       | function |    /     |        yes        |
+| timeout                            | Number of milliseconds in which a request times out. | function |    /     |        yes        |
+| proxy                              | Proxy set in the configuration.                      | function |    /     |        yes        |
+| Response Schema                    | Response type.                                       | function |    /     |        yes        |
+| Config Defaults                    | Default configuration.                               | function |    /     |        yes        |
+| requestInterceptors                | Request interceptor.                                 | function |    /     |        yes        |
+| responseInterceptors               | Response interceptor.                                | function |    /     |        yes        |
+| Handling Errors                    | Error handling.                                      | function |    /     |        yes        |
+| AbortController                    | Abort controller.                                    | function |    /     |        yes        |
+| CancelToken                        | Cancel token.                                        | function |    /     |        yes        |
 
 ## Others
 
 ## License
 
-This project is licensed under  [The MIT License (MIT)](https://github.com/Kureev/react-native-blur/blob/master/LICENSE), Please enjoy and participate freely in open source.
+This project is licensed under [MIT License](https://github.com/Kureev/react-native-blur/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/js/crypto-js.md b/en/js/crypto-js.md
index 95e1b776..9e8564f2 100644
--- a/en/js/crypto-js.md
+++ b/en/js/crypto-js.md
@@ -120,7 +120,7 @@ This document is verified based on the following versions:
 
 ## API List
 
-**以下 `C` 均为crypto-js导出的对象，即：**
+**The following `C` is an object exported by crypto-js:**
 
 ```typescript
 import C from "crypto-js";
@@ -132,19 +132,19 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name              | Description                      | Type     | Required | HarmonyOS Support |
-| ----------------- | -------------------------------- | -------- | -------- | ----------------- |
-| C.lib.Base.extend | 创建一个新对象并继承自指定对象。 | function | no       | yes               |
+| Name              | Description                                                  | Type     | Required | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| C.lib.Base.extend | Creates an object and inherits it from the specified object. | function | no       | yes               |
 
 **API**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name   | Description                    | Type     | Required | HarmonyOS Support |
-| ------ | ------------------------------ | -------- | -------- | ----------------- |
-| create | 创建对象的实例。               | function | no       | yes               |
-| mixIn  | 向对象中添加属性键值对。       | function | no       | yes               |
-| clone  | 创建一个对象的克隆版本的新对象 | function | no       | yes               |
+| Name   | Description                           | Type     | Required | HarmonyOS Support |
+| ------ | ------------------------------------- | -------- | -------- | ----------------- |
+| create | Creates an object instance.           | function | no       | yes               |
+| mixIn  | Adds a property KV pair to an object. | function | no       | yes               |
+| clone  | Creates a clone version of an object. | function | no       | yes               |
 
 #### WordArray
 
@@ -152,30 +152,30 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name     | Description              | Type     | Required | HarmonyOS Support |
-| -------- | ------------------------ | -------- | -------- | ----------------- |
-| words    | 32位的字节数组。         | number[] | no       | yes               |
-| sigBytes | 此字数组中的有效字节数。 | number   | no       | yes               |
+| Name     | Description                          | Type     | Required | HarmonyOS Support |
+| -------- | ------------------------------------ | -------- | -------- | ----------------- |
+| words    | A 32-bit byte array.                 | number[] | no       | yes               |
+| sigBytes | Number of valid bytes in this array. | number   | no       | yes               |
 
 **Static Methods**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                   | Description                        | Type     | Required | HarmonyOS Support               |
-| ---------------------- | ---------------------------------- | -------- | -------- | ------------------------------- |
-| C.lib.WordArray.create | 初始化新创建的字节数组。           | function | no       | yes                             |
-| C.lib.WordArray.random | 创建一个用随机字节填充的字节数组。 | function | no       | no (与android和ios一致均不支持) |
+| Name                   | Description                                    | Type     | Required | HarmonyOS Support            |
+| ---------------------- | ---------------------------------------------- | -------- | -------- | ---------------------------- |
+| C.lib.WordArray.create | Initializes a newly created byte array.        | function | no       | yes                          |
+| C.lib.WordArray.random | Creates a byte array filled with random bytes. | function | no       | no (same as Android and iOS) |
 
 **API**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name     | Description                        | Type     | Required | HarmonyOS Support |
-| -------- | ---------------------------------- | -------- | -------- | ----------------- |
-| toString | 字节数组转换为字符串。             | function | no       | yes               |
-| concat   | 将一个字节数组连接到这个字节数组。 | function | no       | yes               |
-| clamp    | 移除无效字节。                     | function | no       | yes               |
-| clone    | 复制数组，并创建新数组。           | function | no       | yes               |
+| Name     | Description                                   | Type     | Required | HarmonyOS Support |
+| -------- | --------------------------------------------- | -------- | -------- | ----------------- |
+| toString | Converts a byte array into a string.          | function | no       | yes               |
+| concat   | Concatenates a byte array to this byte array. | function | no       | yes               |
+| clamp    | Removes invalid bytes.                        | function | no       | yes               |
+| clone    | Clones and creates an array.                  | function | no       | yes               |
 
 #### CipherParams
 
@@ -183,33 +183,33 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name       | Description                                         | Type         | Required | HarmonyOS Support |
-| ---------- | --------------------------------------------------- | ------------ | -------- | ----------------- |
-| ciphertext | 原始密文。                                          | WordArray    | no       | yes               |
-| key        | 密文的Key。                                         | WordArray    | no       | yes               |
-| iv         | 在加密操作中使用的IV。                              | WordArray    | no       | yes               |
-| salt       | 与密钥推导函数一起使用的salt。                      | WordArray    | no       | yes               |
-| algorithm  | 密码算法。                                          | CipherStatic | no       | yes               |
-| mode       | 加密操作中使用的块模式。                            | Mode         | no       | yes               |
-| padding    | 加密操作中使用的填充方案。                          | Padding      | no       | yes               |
-| blockSize  | 密码的块大小。                                      | number       | no       | yes               |
-| formatter  | 将此cipher params对象转换为字符串的默认格式化策略。 | Format       | no       | yes               |
+| Name       | Description                                                  | Type         | Required | HarmonyOS Support |
+| ---------- | ------------------------------------------------------------ | ------------ | -------- | ----------------- |
+| ciphertext | Original ciphertext.                                         | WordArray    | no       | yes               |
+| key        | Key of the ciphertext.                                       | WordArray    | no       | yes               |
+| iv         | Initialization Vector (IV) used in the encryption.           | WordArray    | no       | yes               |
+| salt       | Salt used with the key derivation function.                  | WordArray    | no       | yes               |
+| algorithm  | Password algorithm.                                          | CipherStatic | no       | yes               |
+| mode       | Block mode used in the encryption.                           | Mode         | no       | yes               |
+| padding    | Padding used in the encryption.                              | Padding      | no       | yes               |
+| blockSize  | Block size of the password.                                  | number       | no       | yes               |
+| formatter  | Default formatting policy for converting the **cipher params** object to a string. | Format       | no       | yes               |
 
 **Static Methods**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                      | Description                       | Type     | Required | HarmonyOS Support |
-| ------------------------- | --------------------------------- | -------- | -------- | ----------------- |
-| C.lib.CipherParams.create | 初始化新创建的cipher params对象。 | function | no       | yes               |
+| Name                      | Description                                             | Type     | Required | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------- | -------- | -------- | ----------------- |
+| C.lib.CipherParams.create | Initializes the newly created **cipher params** object. | function | no       | yes               |
 
 **API**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name     | Description                         | Type     | Required | HarmonyOS Support |
-| -------- | ----------------------------------- | -------- | -------- | ----------------- |
-| toString | 将此cipher params对象转换为字符串。 | function | no       | yes               |
+| Name     | Description                                        | Type     | Required | HarmonyOS Support |
+| -------- | -------------------------------------------------- | -------- | -------- | ----------------- |
+| toString | Converts the **cipher params** object to a string. | function | no       | yes               |
 
 #### X64
 
@@ -217,9 +217,9 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name              | Description            | Type     | Required | HarmonyOS Support |
-| ----------------- | ---------------------- | -------- | -------- | ----------------- |
-| C.x64.Word.create | 初始化新创建的64位字。 | function | no       | yes               |
+| Name              | Description                              | Type     | Required | HarmonyOS Support |
+| ----------------- | ---------------------------------------- | -------- | -------- | ----------------- |
+| C.x64.Word.create | Initializes a newly created 64-bit word. | function | no       | yes               |
 
 #### X64WordArray
 
@@ -227,27 +227,27 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name     | Description                   | Type     | Required | HarmonyOS Support |
-| -------- | ----------------------------- | -------- | -------- | ----------------- |
-| words    | CryptoJS.x64.Word对象的数组。 | number[] | no       | yes               |
-| sigBytes | 此字数组中的有效字节数。      | number   | no       | yes               |
+| Name     | Description                                | Type     | Required | HarmonyOS Support |
+| -------- | ------------------------------------------ | -------- | -------- | ----------------- |
+| words    | Array of the **CryptoJS.x64.Word** object. | number[] | no       | yes               |
+| sigBytes | Number of valid bytes in this array.       | number   | no       | yes               |
 
 **Static Methods**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                   | Description              | Type     | Required | HarmonyOS Support |
-| ---------------------- | ------------------------ | -------- | -------- | ----------------- |
-| C.x64.WordArray.create | 初始化新创建的单词数组。 | function | no       | yes               |
+| Name                   | Description                             | Type     | Required | HarmonyOS Support |
+| ---------------------- | --------------------------------------- | -------- | -------- | ----------------- |
+| C.x64.WordArray.create | Initializes a newly created word array. | function | no       | yes               |
 
 **API**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name  | Description                      | Type     | Required | HarmonyOS Support |
-| ----- | -------------------------------- | -------- | -------- | ----------------- |
-| toX32 | 将此64位字数组转换为32位字数组。 | function | no       | yes               |
-| clone | 创建此字节数组的副本。           | function | no       | yes               |
+| Name  | Description                                          | Type     | Required | HarmonyOS Support |
+| ----- | ---------------------------------------------------- | -------- | -------- | ----------------- |
+| toX32 | Converts a 64-bit word array to a 32-bit word array. | function | no       | yes               |
+| clone | Creates a copy of this byte array.                   | function | no       | yes               |
 
 #### mode
 
@@ -255,13 +255,13 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name       | Description      | Type | Required | HarmonyOS Support |
-| ---------- | ---------------- | ---- | -------- | ----------------- |
-| C.mode.CBC | 密码块链模式。   | /    | no       | yes               |
-| C.mode.CFB | 密码反馈块模式。 | /    | no       | yes               |
-| C.mode.CTR | 计数器阻塞模式。 | /    | no       | yes               |
-| C.mode.OFB | 输出反馈块模式。 | /    | no       | yes               |
-| C.mode.ECB | 电子码本块模式。 | /    | no       | yes               |
+| Name       | Description            | Type | Required | HarmonyOS Support |
+| ---------- | ---------------------- | ---- | -------- | ----------------- |
+| C.mode.CBC | Cipher block chaining. | /    | no       | yes               |
+| C.mode.CFB | Cipher feedback block. | /    | no       | yes               |
+| C.mode.CTR | Counter mode.          | /    | no       | yes               |
+| C.mode.OFB | Output feedback block. | /    | no       | yes               |
+| C.mode.ECB | Electronic code book.  | /    | no       | yes               |
 
 #### pad.Pkcs7
 
@@ -269,10 +269,10 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name              | Description                                   | Type     | Required | HarmonyOS Support |
-| ----------------- | --------------------------------------------- | -------- | -------- | ----------------- |
-| C.pad.Pkcs7.pad   | 使用PKCS #5/7中定义的算法填充数据。           | function | no       | yes               |
-| C.pad.Pkcs7.unpad | 取消填充使用PKCS #5/7中定义的算法填充的数据。 | function | no       | yes               |
+| Name              | Description                                                  | Type     | Required | HarmonyOS Support |
+| ----------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| C.pad.Pkcs7.pad   | Pads the data using the algorithm defined in PKCS #5 or PKCS #7. | function | no       | yes               |
+| C.pad.Pkcs7.unpad | Unpads the data using the algorithm defined in PKCS #5 or PKCS #7. | function | no       | yes               |
 
 #### pad.AnsiX923
 
@@ -280,10 +280,10 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                 | Description                                  | Type     | Required | HarmonyOS Support |
-| -------------------- | -------------------------------------------- | -------- | -------- | ----------------- |
-| C.pad.AnsiX923.pad   | 使用AnsiX923中定义的算法填充数据。           | function | no       | yes               |
-| C.pad.AnsiX923.unpad | 取消填充使用AnsiX923中定义的算法填充的数据。 | function | no       | yes               |
+| Name                 | Description                                              | Type     | Required | HarmonyOS Support |
+| -------------------- | -------------------------------------------------------- | -------- | -------- | ----------------- |
+| C.pad.AnsiX923.pad   | Pads the data using the algorithm defined in AnsiX923.   | function | no       | yes               |
+| C.pad.AnsiX923.unpad | Unpads the data using the algorithm defined in AnsiX923. | function | no       | yes               |
 
 #### pad.Iso10126
 
@@ -291,10 +291,10 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                 | Description                                  | Type     | Required | HarmonyOS Support               |
-| -------------------- | -------------------------------------------- | -------- | -------- | ------------------------------- |
-| C.pad.Iso10126.pad   | 使用Iso10126中定义的算法填充数据。           | function | no       | no (与android和ios一致均不支持) |
-| C.pad.Iso10126.unpad | 取消填充使用Iso10126中定义的算法填充的数据。 | function | no       | yes                             |
+| Name                 | Description                                              | Type     | Required | HarmonyOS Support            |
+| -------------------- | -------------------------------------------------------- | -------- | -------- | ---------------------------- |
+| C.pad.Iso10126.pad   | Pads the data using the algorithm defined in ISO10126.   | function | no       | no (same as Android and iOS) |
+| C.pad.Iso10126.unpad | Unpads the data using the algorithm defined in ISO10126. | function | no       | yes                          |
 
 #### pad.ZeroPadding
 
@@ -302,10 +302,10 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                    | Description                                     | Type     | Required | HarmonyOS Support |
-| ----------------------- | ----------------------------------------------- | -------- | -------- | ----------------- |
-| C.pad.ZeroPadding.pad   | 使用ZeroPadding中定义的算法填充数据。           | function | no       | yes               |
-| C.pad.ZeroPadding.unpad | 取消填充使用ZeroPadding中定义的算法填充的数据。 | function | no       | yes               |
+| Name                    | Description                                                 | Type     | Required | HarmonyOS Support |
+| ----------------------- | ----------------------------------------------------------- | -------- | -------- | ----------------- |
+| C.pad.ZeroPadding.pad   | Pads the data using the algorithm defined in ZeroPadding.   | function | no       | yes               |
+| C.pad.ZeroPadding.unpad | Unpads the data using the algorithm defined in ZeroPadding. | function | no       | yes               |
 
 #### pad.NoPadding
 
@@ -313,9 +313,9 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name            | Description      | Type | Required | HarmonyOS Support |
-| --------------- | ---------------- | ---- | -------- | ----------------- |
-| C.pad.NoPadding | 不使用填充规则。 | /    | no       | yes               |
+| Name            | Description               | Type | Required | HarmonyOS Support |
+| --------------- | ------------------------- | ---- | -------- | ----------------- |
+| C.pad.NoPadding | No padding rules is used. | /    | no       | yes               |
 
 #### algo
 
@@ -323,24 +323,24 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                    | Description                         | Type     | Required | HarmonyOS Support |
-| ----------------------- | ----------------------------------- | -------- | -------- | ----------------- |
-| C.algo.MD5.create       | 初始化MD5加密新创建的工具类。       | function | no       | yes               |
-| C.MD5                   | MD5加密。                           | function | no       | yes               |
-| C.algo.SHA1.create      | 初始化SHA1加密新创建的工具类。      | function | no       | yes               |
-| C.SHA1                  | SHA1加密。                          | function | no       | yes               |
-| C.algo.SHA256.create    | 初始化SHA256加密新创建的工具类。    | function | no       | yes               |
-| C.SHA256                | SHA256加密                          | function | no       | yes               |
-| C.algo.SHA224.create    | 初始化SHA224加密新创建的工具类。    | function | no       | yes               |
-| C.SHA224                | SHA224加密。                        | function | no       | yes               |
-| C.algo.SHA512.create    | 初始化SHA512加密新创建的工具类。    | function | no       | yes               |
-| C.SHA512                | SHA512加密。                        | function | no       | yes               |
-| C.algo.SHA3.create      | 初始化SHA3加密新创建的工具类。      | function | no       | yes               |
-| C.SHA3                  | SHA3加密。                          | function | no       | yes               |
-| C.algo.SHA384.create    | 初始化SHA384加密新创建的工具类。    | function | no       | yes               |
-| C.SHA384                | SHA384加密。                        | function | no       | yes               |
-| C.algo.RIPEMD160.create | 初始化RIPEMD160加密新创建的工具类。 | function | no       | yes               |
-| C.RIPEMD160             | RIPEMD160加密。                     | function | no       | yes               |
+| Name                    | Description                                                  | Type     | Required | HarmonyOS Support |
+| ----------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| C.algo.MD5.create       | Initializes the utility class created by MD5 encryption.     | function | no       | yes               |
+| C.MD5                   | Indicates the MD5 encryption.                                | function | no       | yes               |
+| C.algo.SHA1.create      | Initializes the utility class created by SHA1 encryption.    | function | no       | yes               |
+| C.SHA1                  | Indicates the SHA1 encryption.                               | function | no       | yes               |
+| C.algo.SHA256.create    | Initializes the utility class created by SHA256 encryption.  | function | no       | yes               |
+| C.SHA256                | Indicates the SHA256 encryption.                             | function | no       | yes               |
+| C.algo.SHA224.create    | Initializes the utility class created by SHA224 encryption.  | function | no       | yes               |
+| C.SHA224                | Indicates the SHA224 encryption.                             | function | no       | yes               |
+| C.algo.SHA512.create    | Initializes the utility class created by SHA512 encryption.  | function | no       | yes               |
+| C.SHA512                | Indicates the SHA512 encryption.                             | function | no       | yes               |
+| C.algo.SHA3.create      | Initializes the utility class created by SHA3 encryption.    | function | no       | yes               |
+| C.SHA3                  | Indicates the SHA3 encryption.                               | function | no       | yes               |
+| C.algo.SHA384.create    | Initializes the utility class created by SHA384 encryption.  | function | no       | yes               |
+| C.SHA384                | Indicates the SHA384 encryption.                             | function | no       | yes               |
+| C.algo.RIPEMD160.create | Initializes the utility class created by RIPEMD160 encryption. | function | no       | yes               |
+| C.RIPEMD160             | Indicates the RIPEMD160 encryption.                          | function | no       | yes               |
 
 #### Hasher
 
@@ -348,19 +348,19 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name      | Description                                            | Type   | Required | HarmonyOS Support |
-| --------- | ------------------------------------------------------ | ------ | -------- | ----------------- |
-| blockSize | 哈希运算的32位字节块大小。缺省值：16(32\*16=512bits)。 | number | no       | yes               |
+| Name      | Description                                                  | Type   | Required | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | ------ | -------- | ----------------- |
+| blockSize | Size of the 32-bit block for hashing. Default value: **16(32\*16=512 bits)**. | number | no       | yes               |
 
 **API**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name     | Description            | Type     | Required | HarmonyOS Support |
-| -------- | ---------------------- | -------- | -------- | ----------------- |
-| reset    | 重置hasher为初始状态。 | function | no       | yes               |
-| update   | 更新hasher的信息。     | function | no       | yes               |
-| finalize | 结束hasher操作。       | function | no       | yes               |
+| Name     | Description                         | Type     | Required | HarmonyOS Support |
+| -------- | ----------------------------------- | -------- | -------- | ----------------- |
+| reset    | Resets Hasher to the initial state. | function | no       | yes               |
+| update   | Updates the Hasher information.     | function | no       | yes               |
+| finalize | Ends the Hasher operation.          | function | no       | yes               |
 
 #### HMAC
 
@@ -368,27 +368,27 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name               | Description          | Type     | Required | HarmonyOS Support |
-| :----------------- | -------------------- | -------- | -------- | ----------------- |
-| C.HmacMD5          | HmacMD5加密。        | function | no       | yes               |
-| C.HmacSHA1         | HmacSHA1加密。       | function | no       | yes               |
-| C.HmacSHA256       | HmacSHA256加密。     | function | no       | yes               |
-| C.HmacSHA224       | HmacSHA224加密。     | function | no       | yes               |
-| C.HmacSHA512       | HmacSHA512加密。     | function | no       | yes               |
-| C.HmacSHA384       | HmacSHA384加密。     | function | no       | yes               |
-| C.HmacSHA3         | HmacSHA3加密。       | function | no       | yes               |
-| C.HmacRIPEMD160    | HmacRIPEMD160加密。  | function | no       | yes               |
-| C.algo.HMAC.create | 初始化新创建的HMAC。 | function | no       | yes               |
+| Name               | Description                             | Type     | Required | HarmonyOS Support |
+| :----------------- | --------------------------------------- | -------- | -------- | ----------------- |
+| C.HmacMD5          | Indicates the HMAC-MD5 encryption.      | function | no       | yes               |
+| C.HmacSHA1         | Indicates the HMAC-SHA1 encryption.     | function | no       | yes               |
+| C.HmacSHA256       | Indicates the HMAC-SHA256 encryption.   | function | no       | yes               |
+| C.HmacSHA224       | Indicates the HMAC-SHA224 encryption.   | function | no       | yes               |
+| C.HmacSHA512       | Indicates the HMAC-SHA512 encryption.   | function | no       | yes               |
+| C.HmacSHA384       | Indicates the HMAC-SHA384 encryption.   | function | no       | yes               |
+| C.HmacSHA3         | Indicates the HMAC-SHA3 encryption.     | function | no       | yes               |
+| C.HmacRIPEMD160    | Indicates the HMACRIPEMD160 encryption. | function | no       | yes               |
+| C.algo.HMAC.create | Initializes newly created HMAC.         | function | no       | yes               |
 
 **API**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name     | Description                                                                | Type     | Required | HarmonyOS Support |
-| :------- | -------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| reset    | 将此HMAC重置为其初始状态。                                                 | function | no       | yes               |
-| update   | 使用消息更新此HMAC。                                                       | function | no       | yes               |
-| finalize | 最终完成HMAC计算。 请注意，finally操作实际上是一个破坏性的、读一次的操作。 | function | no       | yes               |
+| Name     | Description                                                  | Type     | Required | HarmonyOS Support |
+| :------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| reset    | Resets this HMAC to its initial state.                       | function | no       | yes               |
+| update   | Updates this HMAC using a message.                           | function | no       | yes               |
+| finalize | Finalizes the HMAC calculation. Note that this is a destructive and read-once operation. | function | no       | yes               |
 
 #### AES
 
@@ -396,11 +396,11 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
-| :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
-| C.AES.encrypt              | AES算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.AES.decrypt              | AES算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.algo.AES.createEncryptor | 在AES加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+| Name                       | Description                                | Type     | Required | HarmonyOS Support | Notes                                                        |
+| :------------------------- | ------------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| C.AES.encrypt              | Encrypts using the AES algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.AES.decrypt              | Decrypts using the AES algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.algo.AES.createEncryptor | Creates a password in AES encryption mode. | function | no       | yes               |                                                              |
 
 #### DES
 
@@ -408,11 +408,11 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
-| :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
-| C.DES.encrypt              | DES算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.DES.decrypt              | DES算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.algo.DES.createEncryptor | 在DES加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+| Name                       | Description                                | Type     | Required | HarmonyOS Support | Notes                                                        |
+| :------------------------- | ------------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| C.DES.encrypt              | Encrypts using the DES algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.DES.decrypt              | Decrypts using the DES algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.algo.DES.createEncryptor | Creates a password in DES encryption mode. | function | no       | yes               |                                                              |
 
 #### TripleDES
 
@@ -420,11 +420,11 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                             | Description                       | Type     | Required | HarmonyOS Support | Notes                                                                          |
-| :------------------------------- | --------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
-| C.TripleDES.encrypt              | TripleDES算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.TripleDES.decrypt              | TripleDES算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.algo.TripleDES.createEncryptor | 在TripleDES加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+| Name                             | Description                                      | Type     | Required | HarmonyOS Support | Notes                                                        |
+| :------------------------------- | ------------------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| C.TripleDES.encrypt              | Encrypts using the TripleDES algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.TripleDES.decrypt              | Decrypts using the TripleDES algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.algo.TripleDES.createEncryptor | Creates a password in TripleDES encryption mode. | function | no       | yes               |                                                              |
 
 #### RC4
 
@@ -432,11 +432,11 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                       | Description                 | Type     | Required | HarmonyOS Support | Notes                                                                          |
-| :------------------------- | --------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
-| C.RC4.encrypt              | RC4算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.RC4.decrypt              | RC4算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.algo.RC4.createEncryptor | 在RC4加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+| Name                       | Description                                | Type     | Required | HarmonyOS Support | Notes                                                        |
+| :------------------------- | ------------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| C.RC4.encrypt              | Encrypts using the RC4 algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.RC4.decrypt              | Decrypts using the RC4 algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.algo.RC4.createEncryptor | Creates a password in RC4 encryption mode. | function | no       | yes               |                                                              |
 
 #### RC4Drop
 
@@ -444,11 +444,11 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                          | Description                     | Type     | Required | HarmonyOS Support | Notes                                                                          |
-| :---------------------------- | ------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
-| C.RC4Drop.encrypt             | RC4Drop算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.RC4Drop.decrypt             | RC4Drop算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.algo.RC4Drop.createEncrypto | 在RC4Drop加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+| Name                          | Description                                    | Type     | Required | HarmonyOS Support | Notes                                                        |
+| :---------------------------- | ---------------------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| C.RC4Drop.encrypt             | Encrypts using the RC4Drop algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.RC4Drop.decrypt             | Decrypts using the RC4Drop algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.algo.RC4Drop.createEncrypto | Creates a password in RC4Drop encryption mode. | function | no       | yes               |                                                              |
 
 #### Rabbit
 
@@ -456,11 +456,11 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                          | Description                    | Type     | Required | HarmonyOS Support | Notes                                                                          |
-| :---------------------------- | ------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
-| C.Rabbit.encrypt              | Rabbit算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.Rabbit.decrypt              | Rabbit算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.algo.Rabbit.createEncryptor | 在Rabbit加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+| Name                          | Description                                   | Type     | Required | HarmonyOS Support | Notes                                                        |
+| :---------------------------- | --------------------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| C.Rabbit.encrypt              | Encrypts using the Rabbit algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.Rabbit.decrypt              | Decrypts using the Rabbit algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.algo.Rabbit.createEncryptor | Creates a password in Rabbit encryption mode. | function | no       | yes               |                                                              |
 
 #### RabbitLegacy
 
@@ -468,11 +468,11 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                                | Description                          | Type     | Required | HarmonyOS Support | Notes                                                                          |
-| :---------------------------------- | ------------------------------------ | -------- | -------- | ----------------- | ------------------------------------------------------------------------------ |
-| C.RabbitLegacy.encrypt              | RabbitLegacy算法加密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.RabbitLegacy.decrypt              | RabbitLegacy算法解密。               | function | no       | partially         | 密码必须使用WordArray格式参数，不支持设置为string类型(与android/ios效果一致)。 |
-| C.algo.RabbitLegacy.createEncryptor | 在RabbitLegacy加密模式下创建此密码。 | function | no       | yes               |                                                                                |
+| Name                                | Description                                         | Type     | Required | HarmonyOS Support | Notes                                                        |
+| :---------------------------------- | --------------------------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| C.RabbitLegacy.encrypt              | Encrypts using the RabbitLegacy algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.RabbitLegacy.decrypt              | Decrypts using the RabbitLegacy algorithm.          | function | no       | partially         | The password must be in the **WordArray** format and cannot be set to the string type (same as Android and iOS). |
+| C.algo.RabbitLegacy.createEncryptor | Creates a password in RabbitLegacy encryption mode. | function | no       | yes               |                                                              |
 
 #### Cipher
 
@@ -480,20 +480,20 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name    | Description                          | Type   | Required | HarmonyOS Support |
-| :------ | ------------------------------------ | ------ | -------- | ----------------- |
-| keySize | 此密码的密钥大小。缺省值：4（128位） | number | no       | yes               |
-| ivSize  | 此密码的Iv大小。缺省值：4（128位）   | number | no       | yes               |
+| Name    | Description                                               | Type   | Required | HarmonyOS Support |
+| :------ | --------------------------------------------------------- | ------ | -------- | ----------------- |
+| keySize | Key size of the password. Default value: **4 (128 bits)** | number | no       | yes               |
+| ivSize  | IV size of the password. Default value: **4 (128 bits)**  | number | no       | yes               |
 
 **API**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name     | Description                                                                    | Type     | Required | HarmonyOS Support |
-| :------- | ------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
-| reset    | 将此密码重置为其初始状态。                                                     | function | no       | yes               |
-| process  | 添加需要加解密的数据。                                                         | function | no       | yes               |
-| finalize | 完成加密或解密过程。 请注意，finally操作实际上是一个破坏性的、一次读取的操作。 | function | no       | yes               |
+| Name     | Description                                                  | Type     | Required | HarmonyOS Support |
+| :------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| reset    | Resets the password to the initial state.                    | function | no       | yes               |
+| process  | Adds data to be encrypted or decrypted.                      | function | no       | yes               |
+| finalize | Finalizes encryption or decryption. Note that this is a destructive and read-once operation. | function | no       | yes               |
 
 #### Blowfish
 
@@ -501,10 +501,10 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name               | Description    | Type     | Required | HarmonyOS Support |
-| :----------------- | -------------- | -------- | -------- | ----------------- |
-| C.Blowfish.encrypt | Blowfish加密。 | function | no       | yes               |
-| C.Blowfish.decrypt | Blowfish解密。 | function | no       | yes               |
+| Name               | Description                            | Type     | Required | HarmonyOS Support |
+| :----------------- | -------------------------------------- | -------- | -------- | ----------------- |
+| C.Blowfish.encrypt | Encrypts using the Blowfish algorithm. | function | no       | yes               |
+| C.Blowfish.decrypt | Decrypts using the Blowfish algorithm. | function | no       | yes               |
 
 #### SerializableCipher
 
@@ -512,10 +512,10 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                             | Description          | Type     | Required | HarmonyOS Support |
-| :------------------------------- | -------------------- | -------- | -------- | ----------------- |
-| C.lib.SerializableCipher.encrypt | 对信息进行加密。     | function | no       | yes               |
-| C.lib.SerializableCipher.decrypt | 对加密信息进行解密。 | function | no       | yes               |
+| Name                             | Description                         | Type     | Required | HarmonyOS Support |
+| :------------------------------- | ----------------------------------- | -------- | -------- | ----------------- |
+| C.lib.SerializableCipher.encrypt | Encrypts information.               | function | no       | yes               |
+| C.lib.SerializableCipher.decrypt | Decrypts the encrypted information. | function | no       | yes               |
 
 #### PasswordBasedCipher
 
@@ -523,10 +523,10 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                              | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
-| :-------------------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
-| C.lib.PasswordBasedCipher.encrypt | 对信息进行加密。     | function | no       | partially         | 必须传入有效的salt参数，不传入salt参数时不支持(与android/ios效果一致)。 |
-| C.lib.PasswordBasedCipher.decrypt | 对加密信息进行解密。 | function | no       | partially         | 必须传入有效的salt参数，不传入salt参数时不支持(与android/ios效果一致)。 |
+| Name                              | Description                         | Type     | Required | HarmonyOS Support | Notes                                                        |
+| :-------------------------------- | ----------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| C.lib.PasswordBasedCipher.encrypt | Encrypts information.               | function | no       | partially         | A valid **salt** parameter must be passed in. Otherwise, the HarmonyOS platform does not support (same as Android and iOS). |
+| C.lib.PasswordBasedCipher.decrypt | Decrypts the encrypted information. | function | no       | partially         | A valid **salt** parameter must be passed in. Otherwise, the HarmonyOS platform does not support (same as Android and iOS). |
 
 #### kdf.OpenSSL
 
@@ -534,9 +534,9 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                  | Description          | Type     | Required | HarmonyOS Support | Notes                                                                   |
-| :-------------------- | -------------------- | -------- | -------- | ----------------- | ----------------------------------------------------------------------- |
-| C.kdf.OpenSSL.execute | 从密码派生密钥和IV。 | function | no       | partially         | 必须传入有效的salt参数，不传入salt参数时不支持(与android/ios效果一致)。 |
+| Name                  | Description                               | Type     | Required | HarmonyOS Support | Notes                                                        |
+| :-------------------- | ----------------------------------------- | -------- | -------- | ----------------- | ------------------------------------------------------------ |
+| C.kdf.OpenSSL.execute | Derives the key and IV from the password. | function | no       | partially         | A valid **salt** parameter must be passed in. Otherwise, the HarmonyOS platform does not support (same as Android and iOS). |
 
 #### kdf.PBKDF2
 
@@ -544,18 +544,18 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                 | Description                        | Type     | Required | HarmonyOS Support |
-| :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
-| C.algo.PBKDF2.create | 初始化PBKDF2新创建的密钥推导函数。 | function | no       | yes               |
-| C.PBKDF2             | PBKDF2派生密钥。                   | function | no       | yes               |
+| Name                 | Description                                                | Type     | Required | HarmonyOS Support |
+| :------------------- | ---------------------------------------------------------- | -------- | -------- | ----------------- |
+| C.algo.PBKDF2.create | Initializes the key derivation function created by PBKDF2. | function | no       | yes               |
+| C.PBKDF2             | Derives key by PBKDF2.                                     | function | no       | yes               |
 
 **API**
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name    | Description                        | Type     | Required | HarmonyOS Support |
-| :------ | ---------------------------------- | -------- | -------- | ----------------- |
-| compute | 计算基于PBKDF2密码的密钥派生函数。 | function | no       | yes               |
+| Name    | Description                                                  | Type     | Required | HarmonyOS Support |
+| :------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| compute | Computes the key derivation function based on the PBKDF2 password. | function | no       | yes               |
 
 #### EvpKDF
 
@@ -563,19 +563,19 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                 | Description                        | Type     | Required | HarmonyOS Support |
-| :------------------- | ---------------------------------- | -------- | -------- | ----------------- |
-| C.algo.EvpKDF.create | 初始化EvpKDF新创建的密钥推导函数。 | function | no       | yes               |
-| C.EvpKDF             | EvpKDF派生密钥。                   | function | no       | yes               |
+| Name                 | Description                                                | Type     | Required | HarmonyOS Support |
+| :------------------- | ---------------------------------------------------------- | -------- | -------- | ----------------- |
+| C.algo.EvpKDF.create | Initializes the key derivation function created by EvpKDF. | function | no       | yes               |
+| C.EvpKDF             | Derives key by EvpKDF.                                     | function | no       | yes               |
 
 **API**
 
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name    | Description                        | Type     | Required | HarmonyOS Support |
-| :------ | ---------------------------------- | -------- | -------- | ----------------- |
-| compute | 计算基于EvpKDF密码的密钥派生函数。 | function | no       | yes               |
+| Name    | Description                                                  | Type     | Required | HarmonyOS Support |
+| :------ | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| compute | Computes the key derivation function based on the EvpKDF password. | function | no       | yes               |
 
 #### format
 
@@ -583,12 +583,12 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                       | Description                                 | Type     | Required | HarmonyOS Support |
-| :------------------------- | ------------------------------------------- | -------- | -------- | ----------------- |
-| C.format.OpenSSL.stringify | 将CipherParams对象转换为OpenSSL兼容字符串。 | function | no       | yes               |
-| C.format.OpenSSL.parse     | 将OpenSSL兼容字符串转换为CipherParams对象。 | function | no       | yes               |
-| C.format.Hex.stringify     | 将CipherParams对象转换为16进制字符串。      | function | no       | yes               |
-| C.format.Hex.parse         | 将16进制字符串转换为CipherParams对象。      | function | no       | yes               |
+| Name                       | Description                                                  | Type     | Required | HarmonyOS Support |
+| :------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| C.format.OpenSSL.stringify | Converts the **CipherParams** object to an OpenSSL-compatible string. | function | no       | yes               |
+| C.format.OpenSSL.parse     | Converts an OpenSSL-compatible string to the **CipherParams** object. | function | no       | yes               |
+| C.format.Hex.stringify     | Converts the **CipherParams** object into a hexadecimal string. | function | no       | yes               |
+| C.format.Hex.parse         | Converts a hexadecimal string into the **CipherParams** object. | function | no       | yes               |
 
 #### enc/Encoder
 
@@ -596,24 +596,24 @@ import C from "crypto-js";
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name                      | Description                           | Type     | Required | HarmonyOS Support |
-| :------------------------ | ------------------------------------- | -------- | -------- | ----------------- |
-| C.enc.Hex.stringify       | 将字节数组转换为十六进制字符串。      | function | no       | yes               |
-| C.enc.Hex.parse           | 将十六进制字符串转换为字节数组。      | function | no       | yes               |
-| C.enc.Latin1.stringify    | 将字节数组转换为Latin1格式字符串。    | function | no       | yes               |
-| C.enc.Latin1.parse        | 将Latin1格式字符串转换为字节数组。    | function | no       | yes               |
-| C.enc.Utf8.stringify      | 将字节数组转换为UTF-8格式字符串。     | function | no       | yes               |
-| C.enc.Utf8.parse          | 将UTF-8格式字符串转换为字节数组。     | function | no       | yes               |
-| C.enc.Utf16.stringify     | 将字节数组转换为UTF-16格式字符串。    | function | no       | yes               |
-| C.enc.Utf16.parse         | 将UTF-16格式字符串转换为字节数组。    | function | no       | yes               |
-| C.enc.Utf16BE.stringify   | 将字节数组转换为UTF-16 BE格式字符串。 | function | no       | yes               |
-| C.enc.Utf16BE.parse       | 将UTF-16 BE格式字符串转换为字节数组。 | function | no       | yes               |
-| C.enc.Utf16LE.stringify   | 将字节数组转换为UTF-16 LE格式字符串。 | function | no       | yes               |
-| C.enc.Utf16LE.parse       | 将UTF-16 LE格式字符串转换为字节数组。 | function | no       | yes               |
-| C.enc.Base64.stringify    | 将字节数组转换为Base64格式字符串。    | function | no       | yes               |
-| C.enc.Base64.parse        | 将Base64格式字符串转换为字节数组。    | function | no       | yes               |
-| C.enc.Base64url.stringify | 将字节数组转换为Base64url格式字符串。 | function | no       | yes               |
-| C.enc.Base64url.parse     | 将Base64url格式字符串转换为字节数组。 | function | no       | yes               |
+| Name                      | Description                                                | Type     | Required | HarmonyOS Support |
+| :------------------------ | ---------------------------------------------------------- | -------- | -------- | ----------------- |
+| C.enc.Hex.stringify       | Converts a byte array into a hexadecimal string.           | function | no       | yes               |
+| C.enc.Hex.parse           | Converts a hexadecimal string into a byte array.           | function | no       | yes               |
+| C.enc.Latin1.stringify    | Converts a byte array into an ISO-8859-1-encoded C string. | function | no       | yes               |
+| C.enc.Latin1.parse        | Converts an ISO-8859-1-encoded C string into a byte array. | function | no       | yes               |
+| C.enc.Utf8.stringify      | Converts a byte array into a UTF-8-encoded string.         | function | no       | yes               |
+| C.enc.Utf8.parse          | Converts a UTF-8-encoded string into a byte array.         | function | no       | yes               |
+| C.enc.Utf16.stringify     | Converts a byte array into a UTF-16-encoded string.        | function | no       | yes               |
+| C.enc.Utf16.parse         | Converts a UTF-16-encoded string into a byte array.        | function | no       | yes               |
+| C.enc.Utf16BE.stringify   | Converts a byte array into a UTF-16BE-encoded string.      | function | no       | yes               |
+| C.enc.Utf16BE.parse       | Converts a UTF-16BE-encoded string into a byte array.      | function | no       | yes               |
+| C.enc.Utf16LE.stringify   | Converts a byte array into a UTF-16LE-encoded string.      | function | no       | yes               |
+| C.enc.Utf16LE.parse       | Converts a UTF-16LE-encoded string into a byte array.      | function | no       | yes               |
+| C.enc.Base64.stringify    | Converts a byte array into a Base64-encoded string.        | function | no       | yes               |
+| C.enc.Base64.parse        | Converts a Base64-encoded string into a byte array.        | function | no       | yes               |
+| C.enc.Base64url.stringify | Converts a byte array into a Base64URL-encoded string.     | function | no       | yes               |
+| C.enc.Base64url.parse     | Converts a Base64URL-encoded string into a byte array.     | function | no       | yes               |
 
 ## Known Issues
 
@@ -621,4 +621,4 @@ import C from "crypto-js";
 
 ## License
 
-This project is licensed under [MIT License](https://github.com/brix/crypto-js/blob/4.2.0/LICENSE), Please enjoy and participate freely in open source.
+This project is licensed under [MIT License](https://github.com/brix/crypto-js/blob/4.2.0/LICENSE).
diff --git a/en/js/jsbarcode.md b/en/js/jsbarcode.md
index 4c1052b8..c347d137 100644
--- a/en/js/jsbarcode.md
+++ b/en/js/jsbarcode.md
@@ -41,9 +41,9 @@ import JsBarCode from 'jsbarcode';
 
 The following code shows the basic use scenario of the repository:
 
-### **With svg:**
+### **With svg**
 
-> [!TIP] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化] > [!TIP] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
+> [!TIP] The jsbarcode library depends on the react-native-svg library to display barcodes. Currently, only some properties of the svg library are supported on HarmonyOS. For details, see the [react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/react-native-svg.md) library.
 
 ```tsx
 import {ScrollView, StyleSheet, View, Text} from 'react-native';
@@ -169,9 +169,9 @@ const styles = StyleSheet.create({
 });
 ```
 
-### **With canvas:**
+### **With Canvas**
 
-> [!TIP] [react-native-canvas库暂未 HarmonyOS 化，当前无法使用canvas渲染，下面用法仅供参考]
+> [!TIP] The react-native-canvas library is not supported on HarmonyOS yet and cannot be rendered using **Canvas**. The following usage is for reference only.
 
 ```js
 var JsBarcode = require("jsbarcode");
@@ -290,35 +290,35 @@ This document is verified based on the following versions:
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name         | Description       | Type               | Required | HarmonyOS Support | Remark                                                                |
-| ------------ | ----------------- | ------------------ | -------- | ----------------- | --------------------------------------------------------------------- |
-| format       | "auto" (CODE128)  | String             | no       | yes               |                                                                       |
-| width        | 2                 | Number             | no       | yes               |                                                                       |
-| height       | 100               | Number             | no       | yes               |                                                                       |
-| displayValue | true              | Boolean            | no       | yes               |                                                                       |
-| text         | undefined         | String             | no       | yes               |                                                                       |
-| fontOptions  | ""                | String             | no       | yes               | react-native-svg目前不支持fontOptions: 'italic'，导致条形码效果不生效 |
-| font         | "monospace"       | String             | no       | yes               | react-native-svg目前不支持font设置，导致条形码效果不生效              |
-| textAlign    | "center"          | String             | no       | yes               |                                                                       |
-| textPosition | "bottom"          | String             | no       | yes               |                                                                       |
-| textMargin   | 2                 | Number             | no       | yes               |                                                                       |
-| fontSize     | 20                | Number             | no       | yes               |                                                                       |
-| background   | "#ffffff"         | String (CSS color) | no       | yes               |                                                                       |
-| lineColor    | "#000000"         | String (CSS color) | no       | yes               |                                                                       |
-| margin       | 10                | Number             | no       | yes               |                                                                       |
-| marginTop    | undefined         | Number             | no       | yes               |                                                                       |
-| marginBottom | undefined         | Number             | no       | yes               |                                                                       |
-| marginLeft   | undefined         | Number             | no       | yes               |                                                                       |
-| marginRight  | undefined         | Number             | no       | yes               |                                                                       |
-| flat         | false             | Boolean            | no       | yes               | 仅支持format：EAN8/EAN13                                              |
-| valid        | function(valid){} | Function           | no       | yes               |                                                                       |
+| Name         | Description       | Type               | Required | HarmonyOS Support | Remark                                                       |
+| ------------ | ----------------- | ------------------ | -------- | ----------------- | ------------------------------------------------------------ |
+| format       | "auto" (CODE128)  | String             | no       | yes               |                                                              |
+| width        | 2                 | Number             | no       | yes               |                                                              |
+| height       | 100               | Number             | no       | yes               |                                                              |
+| displayValue | true              | Boolean            | no       | yes               |                                                              |
+| text         | undefined         | String             | no       | yes               |                                                              |
+| fontOptions  | ""                | String             | no       | yes               | Currently, the react-native-svg library does not support **fontOptions: 'italic'**. As a result, the barcode effect does not take effect. |
+| font         | "monospace"       | String             | no       | yes               | Currently, the react-native-svg library does not support **font**. As a result, the barcode effect does not take effect. |
+| textAlign    | "center"          | String             | no       | yes               |                                                              |
+| textPosition | "bottom"          | String             | no       | yes               |                                                              |
+| textMargin   | 2                 | Number             | no       | yes               |                                                              |
+| fontSize     | 20                | Number             | no       | yes               |                                                              |
+| background   | "#ffffff"         | String (CSS color) | no       | yes               |                                                              |
+| lineColor    | "#000000"         | String (CSS color) | no       | yes               |                                                              |
+| margin       | 10                | Number             | no       | yes               |                                                              |
+| marginTop    | undefined         | Number             | no       | yes               |                                                              |
+| marginBottom | undefined         | Number             | no       | yes               |                                                              |
+| marginLeft   | undefined         | Number             | no       | yes               |                                                              |
+| marginRight  | undefined         | Number             | no       | yes               |                                                              |
+| flat         | false             | Boolean            | no       | yes               | Only the EAN8 or EAN13 format is supported.                  |
+| valid        | function(valid){} | Function           | no       | yes               |                                                              |
 
 ## Known Issues
 
-jsbarcode库依赖react-native-svg库进行条形码展示, 因svg 当前仅实现部分属性，其余还未实现 HarmonyOS 化，目前在HarmonyOS上条形码的文本位置效果不对，fontSize显示比较小。
+The jsbarcode library depends on the react-native-svg library to display barcodes. Currently, only some properties of the svg library are supported on HarmonyOS. Therefore, the barcode position displayed on HarmonyOS is incorrect, and the font size is small.
 
 ## Others
 
 ## License
 
-This project is licensed under [MIT License](https://github.com/lindell/JsBarcode/blob/master/MIT-LICENSE.txt), Please enjoy and participate freely in open source.
+This project is licensed under [MIT License](https://github.com/lindell/JsBarcode/blob/master/MIT-LICENSE.txt).
\ No newline at end of file
diff --git a/en/js/moment.md b/en/js/moment.md
index 91a5cf71..c5dfdf8e 100644
--- a/en/js/moment.md
+++ b/en/js/moment.md
@@ -31,7 +31,7 @@ yarn add moment@2.30.1
 
 <!-- tabs:end -->
 
-quick use：
+quick use:
 
 ```bash
 import moment from 'moment';
@@ -52,209 +52,209 @@ moment.locale('zh-cn');
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.200; ROM: 205.0.0.18;
 
-## API
+## APIs
 
-详情请查看[moment官方文档](https://momentjs.com/docs/#/use-it/)
+For details, see the [Moment.js Documentation](https://momentjs.com/docs/#/use-it/).
 
-以下moment为moment.js导出的对象，即：
+The following **moment** is the object exported from **moment.js**:
 
 ```bash
 import moment from 'moment';
 ```
 
-The following code shows the basic use scenario of the repository:
+The following code shows the basic use scenarios of the repository:
 
 ```js
-// 获取今天0时0分0秒
+// Obtain 00:00:00 today.
 moment().startOf("day");
-// 获取当前月第一天0时0分0秒
+// Obtain 00:00:00 in the first day of the current month.
 moment().startOf("month");
-// 获取当前月的总天数
+// Obtain the total number of days of the current month.
 moment().daysInMonth();
-// 获取时间戳(以秒为单位)
-moment().format("X"); // 返回值为字符串类型
-moment().unix(); // 返回值为数值型
-// 获取时间戳(以毫秒为单位)
-moment().format("x"); // 返回值为字符串类型
-moment().valueOf(); // 返回值为数值型
-// 获取年份
+// Obtain the timestamp (in seconds).
+moment().format("X"); // The return value is of the string type.
+moment().unix (); // The return value is of the numeric type.
+// Obtain the timestamp (in milliseconds).
+moment().format("x"); // The return value is of the string type.
+moment().valueOf(); // The return value is of the numeric type.
+// Obtain the year.
 moment().year();
 moment().get("year");
-// 获取月份
+// Obtain the month.
 moment().month(); // (0~11, 0: January, 11: December)
 moment().get("month");
-// 获取一个星期中的某一天
+// Obtain a day in a week.
 moment().date();
 moment().get("date");
-// 获取小时
+// Obtain the hour.
 moment().hours();
 moment().get("hours");
-// 获取分钟
+// Obtain the minute.
 moment().minutes();
 moment().get("minutes");
-// 获取当前的年月日时分秒
+// Obtain the current year, month, day, hour, minute, second, and millisecond.
 moment().toArray(); // [years, months, date, hours, minutes, seconds, milliseconds]
 moment().toObject(); // {years: xxxx, months: x, date: xx ...}
 
-// 设置年份
+// Set the year.
 moment().year(2019);
 moment().set("year", 2019);
 moment().set({ year: 2019 });
-// 设置月份
+// Set the month.
 moment().month(11); // (0~11, 0: January, 11: December)
 moment().set("month", 11);
-// 设置某个月中的某一天
+// Set a day in a month.
 moment().date(15);
 moment().set("date", 15);
-// 设置某个星期中的某一天
-moment().weekday(0); // 设置日期为本周第一天（周日）
-moment().isoWeekday(1); // 设置日期为本周周一
+// Set a day in a week.
+moment().weekday(0); // Set the date to the first day (Sunday) of this week.
+moment().isoWeekday(1); // Set the date to Monday of this week.
 moment().set("weekday", 0);
 moment().set("isoWeekday", 1);
-// 设置小时
+// Set the hour.
 moment().hours(12);
 moment().set("hours", 12);
-// 年份+1
+// Plus one year base on this year.
 moment().add(1, "years");
 moment().add({ years: 1 });
 
-// 获取两个日期之间的时间差
+// Obtain the time difference between two dates.
 let start_date = moment().subtract(1, "weeks");
 let end_date = moment();
-end_date.diff(start_date); // 返回毫秒数
+end_date.diff(start_date); // Return the number of milliseconds.
 end_date.diff(start_date, "months"); // 0
 end_date.diff(start_date, "weeks"); // 1
 end_date.diff(start_date, "days"); // 7
 start_date.diff(end_date, "days"); // -7
-// 转化为JavaScript原生Date对象
+// Convert the moment object to a native JavaScript Date object.
 moment().toDate();
 new Date(moment());
 
-// 格式化年月日： 'xxxx年xx月xx日'
-moment().format("YYYY年MM月DD日");
-// 格式化年月日： 'xxxx-xx-xx'
+// Set the year, month, and day to the "MM DD, YYYY" format.
+moment().format("MM DD, YYYY");
+// Set the year, month, and day to the "YYYY-MM-DD" format.
 moment().format("YYYY-MM-DD");
-// 格式化时分秒(24小时制)： 'xx时xx分xx秒'
-moment().format("HH时mm分ss秒");
-// 格式化时分秒(12小时制)：'xx:xx:xx am/pm'
+// Set the hour, minute, and second to the 24-hour clock format.
+moment().format("HH:mm:ss");
+// Set the hour, minute, and second to the 12-hour clock format.
 moment().format("hh:mm:ss a");
 ```
 
-如下是已验证接口展示:
+The following shows the verified APIs:
 
-> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 #### **Get + Set**
 
-| Name          | Description                                                                                                                                                                                                                                                                                 | Type     | Required | HarmonyOS Support |
-| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| millisecond   | Gets or sets the milliseconds.                                                                                                                                                                                                                                                              | function | no       | yes               |
-| second        | Gets or sets the seconds.                                                                                                                                                                                                                                                                   | function | no       | yes               |
-| minute        | Gets or sets the minutes.                                                                                                                                                                                                                                                                   | function | no       | yes               |
-| hour          | Gets or sets the hour.                                                                                                                                                                                                                                                                      | function | no       | yes               |
-| date          | Gets or sets the day of the month                                                                                                                                                                                                                                                           | function | no       | yes               |
-| day           | Gets or sets the day of the week.                                                                                                                                                                                                                                                           | function | no       | yes               |
-| weekday       | Gets or sets the day of the week according to the locale.                                                                                                                                                                                                                                   | function | no       | yes               |
-| isoWeekday    | Gets or sets the ISO day of the week with 1 being Monday and 7 being Sunday.                                                                                                                                                                                                                | function | no       | yes               |
-| dayOfYear     | Gets or sets the day of the year.                                                                                                                                                                                                                                                           | function | no       | yes               |
-| week          | Gets or sets the week of the year.                                                                                                                                                                                                                                                          | function | no       | yes               |
-| isoWeek       | Gets or sets the ISO week of the year.                                                                                                                                                                                                                                                      | function | no       | yes               |
-| month         | Gets or sets the month.                                                                                                                                                                                                                                                                     | function | no       | yes               |
-| quarter       | Gets the quarter (1 to 4).                                                                                                                                                                                                                                                                  | function | no       | yes               |
-| year          | Gets or sets the year.                                                                                                                                                                                                                                                                      | function | no       | yes               |
-| weekYear      | Gets or sets the week-year according to the locale.                                                                                                                                                                                                                                         | function | no       | yes               |
-| isoWeekYear   | Gets or sets the ISO week-year.                                                                                                                                                                                                                                                             | function | no       | yes               |
-| weeksInYear   | Gets the number of weeks according to locale in the current moment's year.                                                                                                                                                                                                                  | function | no       | yes               |
-| isoWeeksInYea | Gets the number of weeks in the current moment's year, according to ISO weeks.                                                                                                                                                                                                              | function | no       | yes               |
-| get           | String getter. In general <br> Units are case insensitive, and support plural and short forms: year (years, y), month (months, M), date (dates, D), hour (hours, h), minute (minutes, m), second (seconds, s), millisecond (milliseconds, ms).                                              | function | no       | yes               |
+| Name          | Description                                                  | Type     | Required | HarmonyOS Support |
+| ------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| millisecond   | Gets or sets the milliseconds.                               | function | no       | yes               |
+| second        | Gets or sets the seconds.                                    | function | no       | yes               |
+| minute        | Gets or sets the minutes.                                    | function | no       | yes               |
+| hour          | Gets or sets the hour.                                       | function | no       | yes               |
+| date          | Gets or sets the day of the month                            | function | no       | yes               |
+| day           | Gets or sets the day of the week.                            | function | no       | yes               |
+| weekday       | Gets or sets the day of the week according to the locale.    | function | no       | yes               |
+| isoWeekday    | Gets or sets the ISO day of the week with 1 being Monday and 7 being Sunday. | function | no       | yes               |
+| dayOfYear     | Gets or sets the day of the year.                            | function | no       | yes               |
+| week          | Gets or sets the week of the year.                           | function | no       | yes               |
+| isoWeek       | Gets or sets the ISO week of the year.                       | function | no       | yes               |
+| month         | Gets or sets the month.                                      | function | no       | yes               |
+| quarter       | Gets the quarter (1 to 4).                                   | function | no       | yes               |
+| year          | Gets or sets the year.                                       | function | no       | yes               |
+| weekYear      | Gets or sets the week-year according to the locale.          | function | no       | yes               |
+| isoWeekYear   | Gets or sets the ISO week-year.                              | function | no       | yes               |
+| weeksInYear   | Gets the number of weeks according to locale in the current moment's year. | function | no       | yes               |
+| isoWeeksInYea | Gets the number of weeks in the current moment's year, according to ISO weeks. | function | no       | yes               |
+| get           | String getter. In general <br> Units are case insensitive, and support plural and short forms: year (years, y), month (months, M), date (dates, D), hour (hours, h), minute (minutes, m), second (seconds, s), millisecond (milliseconds, ms). | function | no       | yes               |
 | set           | Generic setter, accepting unit as first argument, and value as second: <br> Units are case insensitive, and support plural and short forms: year (years, y), month (months, M), date (dates, D), hour (hours, h), minute (minutes, m), second (seconds, s), millisecond (milliseconds, ms). | function | no       | yes               |
 
 #### **Manipulate**
 
-| Name      | Description                                                                                                     | Type     | Required | HarmonyOS Support |
-| --------- | --------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| add       | Mutates the original moment by adding time.                                                                     | function | no       | yes               |
-| subtract  | Mutates the original moment by subtracting time.                                                                | function | no       | yes               |
-| startOf   | Mutates the original moment by setting it to the start of a unit of time.                                       | function | no       | yes               |
-| endOf     | Mutates the original moment by setting it to the end of a unit of time.                                         | function | no       | yes               |
+| Name      | Description                                                  | Type     | Required | HarmonyOS Support |
+| --------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| add       | Mutates the original moment by adding time.                  | function | no       | yes               |
+| subtract  | Mutates the original moment by subtracting time.             | function | no       | yes               |
+| startOf   | Mutates the original moment by setting it to the start of a unit of time. | function | no       | yes               |
+| endOf     | Mutates the original moment by setting it to the end of a unit of time. | function | no       | yes               |
 | local     | Sets a flag on the original moment to use local time to display a moment instead of the original moment's time. | function | no       | yes               |
-| utc       | Sets a flag on the original moment to use UTC to display a moment instead of the original moment's time.        | function | no       | yes               |
-| utcOffset | Get or set the UTC offset in minutes.                                                                           | function | no       | yes               |
+| utc       | Sets a flag on the original moment to use UTC to display a moment instead of the original moment's time. | function | no       | yes               |
+| utcOffset | Get or set the UTC offset in minutes.                        | function | no       | yes               |
 
 #### **Display**
 
-| Name        | Description                                                                                                                                                           | Type     | Required | HarmonyOS Support |
-| ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| format      | This is the most robust display option. It takes a string of tokens and replaces them with their corresponding values.                                                | function | no       | yes               |
-| fromNow     | A common way of displaying time is handled by moment#fromNow. This is sometimes called timeago or relative time.                                                      | function | no       | yes               |
-| from        | You may want to display a moment in relation to a time other than now. In that case, you can use moment#from.                                                         | function | no       | yes               |
-| toNow       | A common way of displaying time is handled by moment#toNow. This is sometimes called timeago or relative time.                                                        | function | no       | yes               |
-| to          | You may want to display a moment in relation to a time other than now. In that case, you can use moment#to.                                                           | function | no       | yes               |
-| calendar    | Calendar time displays time relative to a given referenceDay (defaults to the start of today), but does so slightly differently than moment#fromNow.                  | function | no       | yes               |
-| diff        | To get the difference in milliseconds, use moment#diff like you would use moment#from.                                                                                | function | no       | yes               |
-| valueOf     | moment#valueOf simply outputs the number of milliseconds since the Unix Epoch, just like Date#valueOf.                                                                | function | no       | yes               |
-| unix        | moment#unix outputs a Unix timestamp (the number of seconds since the Unix Epoch).                                                                                    | function | no       | yes               |
-| daysInMonth | Get the number of days in the current month.                                                                                                                          | function | no       | yes               |
-| toDate      | To get a copy of the native Date object that Moment.js wraps, use moment#toDate.                                                                                      | function | no       | yes               |
-| toArray     | This returns an array that mirrors the parameters from new Date().                                                                                                    | function | no       | yes               |
-| toJSON      | When serializing an object to JSON, if there is a Moment object, it will be represented as an ISO8601 string, adjusted to UTC.                                        | function | no       | yes               |
-| toISOString | Formats a string to the ISO8601 standard.                                                                                                                             | function | no       | yes               |
-| toObject    | This returns an object containing year, month, day-of-month, hour, minute, seconds, milliseconds.                                                                     | function | no       | yes               |
-| toString    | Returns an english string in a similar format to JS Date's .toString().                                                                                               | function | no       | yes               |
-| inspect     | Returns a machine readable string, that can be evaluated to produce the same moment. Because of the name it's also used in node interactive shell to display objects. | function | no       | yes               |
+| Name        | Description                                                  | Type     | Required | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| format      | This is the most robust display option. It takes a string of tokens and replaces them with their corresponding values. | function | no       | yes               |
+| fromNow     | A common way of displaying time is handled by moment#fromNow. This is sometimes called timeago or relative time. | function | no       | yes               |
+| from        | You may want to display a moment in relation to a time other than now. In that case, you can use moment#from. | function | no       | yes               |
+| toNow       | A common way of displaying time is handled by moment#toNow. This is sometimes called timeago or relative time. | function | no       | yes               |
+| to          | You may want to display a moment in relation to a time other than now. In that case, you can use moment#to. | function | no       | yes               |
+| calendar    | Calendar time displays time relative to a given referenceDay (defaults to the start of today), but does so slightly differently than moment#fromNow. | function | no       | yes               |
+| diff        | To get the difference in milliseconds, use moment#diff like you would use moment#from. | function | no       | yes               |
+| valueOf     | moment#valueOf simply outputs the number of milliseconds since the Unix Epoch, just like Date#valueOf. | function | no       | yes               |
+| unix        | moment#unix outputs a Unix timestamp (the number of seconds since the Unix Epoch). | function | no       | yes               |
+| daysInMonth | Get the number of days in the current month.                 | function | no       | yes               |
+| toDate      | To get a copy of the native Date object that Moment.js wraps, use moment#toDate. | function | no       | yes               |
+| toArray     | This returns an array that mirrors the parameters from new Date(). | function | no       | yes               |
+| toJSON      | When serializing an object to JSON, if there is a Moment object, it will be represented as an ISO8601 string, adjusted to UTC. | function | no       | yes               |
+| toISOString | Formats a string to the ISO8601 standard.                    | function | no       | yes               |
+| toObject    | This returns an object containing year, month, day-of-month, hour, minute, seconds, milliseconds. | function | no       | yes               |
+| toString    | Returns an english string in a similar format to JS Date's .toString(). | function | no       | yes               |
+| inspect     | Returns a machine readable string, that can be evaluated to produce the same moment. Because of the name it is also used in node interactive shell to display objects. | function | no       | yes               |
 
 #### **Query**
 
-| Name           | Description                                                                                                                  | Type     | Required | HarmonyOS Support |
-| -------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| isBefore       | Check if a moment is before another moment. The first argument will be parsed as a moment, if not already so.                | function | no       | yes               |
-| isSame         | Check if a moment is the same as another moment. The first argument will be parsed as a moment, if not already so.           | function | no       | yes               |
-| isAfter        | Check if a moment is after another moment. The first argument will be parsed as a moment, if not already so.                 | function | no       | yes               |
+| Name           | Description                                                  | Type     | Required | HarmonyOS Support |
+| -------------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
+| isBefore       | Check if a moment is before another moment. The first argument will be parsed as a moment, if not already so. | function | no       | yes               |
+| isSame         | Check if a moment is the same as another moment. The first argument will be parsed as a moment, if not already so. | function | no       | yes               |
+| isAfter        | Check if a moment is after another moment. The first argument will be parsed as a moment, if not already so. | function | no       | yes               |
 | isSameOrBefore | Check if a moment is before or the same as another moment. The first argument will be parsed as a moment, if not already so. | function | no       | yes               |
-| isSameOrAfter  | Check if a moment is after or the same as another moment. The first argument will be parsed as a moment, if not already so.  | function | no       | yes               |
-| isBetween      | Check if a moment is between two other moments, optionally looking at unit scale (minutes, hours, days, etc).                | function | no       | yes               |
-| isDST          | moment#isDST checks if the current moment is in daylight saving time.                                                        | function | no       | yes               |
-| isLeapYear     | moment#isLeapYear returns true if that year is a leap year, and false if it is not.                                          | function | no       | yes               |
-| isMoment       | To check if a variable is a moment object, use moment.isMoment().                                                            | function | no       | yes               |
-| isDate         | To check if a variable is a native js Date object, use moment.isDate().                                                      | function | no       | yes               |
+| isSameOrAfter  | Check if a moment is after or the same as another moment. The first argument will be parsed as a moment, if not already so. | function | no       | yes               |
+| isBetween      | Check if a moment is between two other moments, optionally looking at unit scale (minutes, hours, days, etc). | function | no       | yes               |
+| isDST          | moment#isDST checks if the current moment is in daylight saving time. | function | no       | yes               |
+| isLeapYear     | moment#isLeapYear returns true if that year is a leap year, and false if it is not. | function | no       | yes               |
+| isMoment       | To check if a variable is a moment object, use moment.isMoment(). | function | no       | yes               |
+| isDate         | To check if a variable is a native js Date object, use moment.isDate(). | function | no       | yes               |
 
 #### **Durations**
 
-| Name     | Description                                                                           | Type     | Required | HarmonyOS Support |
-| -------- | ------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
+| Name     | Description                                                  | Type     | Required | HarmonyOS Support |
+| -------- | ------------------------------------------------------------ | -------- | -------- | ----------------- |
 | duration | To create a duration, call moment.duration() with the length of time in milliseconds. | function | no       | yes               |
 
-#### **格式化时间**
-
-| **格式代码** | **说明**                   | **返回值例子**             |
-| ------------ | -------------------------- | -------------------------- |
-| M            | 数字表示的月份，没有前导零 | 1到12                      |
-| MM           | 数字表示的月份，有前导零   | 01到12                     |
-| MMM          | 三个字母缩写表示的月份     | Jan到Dec                   |
-| MMMM         | 月份，完整的文本格式       | January到December          |
-| Q            | 季度                       | 1到4                       |
-| D            | 月份中的第几天，没有前导零 | 1到31                      |
-| DD           | 月份中的第几天，有前导零   | 01到31                     |
-| d            | 星期中的第几天，数字表示   | 0到6，0表示周日，6表示周六 |
-| ddd          | 三个字母表示星期中的第几天 | Sun到Sat                   |
-| dddd         | 星期几，完整的星期文本     | 从Sunday到Saturday         |
-| w            | 年份中的第几周             | 如42：表示第42周           |
-| YYYY         | 四位数字完整表示的年份     | 如：2014 或 2000           |
-| YY           | 两位数字表示的年份         | 如：14 或 98               |
-| A            | 大写的AM PM                | AM PM                      |
-| a            | 小写的am pm                | am pm                      |
-| HH           | 小时，24小时制，有前导零   | 00到23                     |
-| H            | 小时，24小时制，无前导零   | 0到23                      |
-| hh           | 小时，12小时制，有前导零   | 00到12                     |
-| h            | 小时，12小时制，无前导零   | 0到12                      |
-| m            | 没有前导零的分钟数         | 0到59                      |
-| mm           | 有前导零的分钟数           | 00到59                     |
-| s            | 没有前导零的秒数           | 1到59                      |
-| ss           | 有前导零的描述             | 01到59                     |
-| X            | Unix时间戳                 | 1411572969                 |
+#### **Formatted time**
+
+| **Format Code** | **Description**                                              | **Return Value**                                             |
+| --------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| M               | Month represented by a number, without a leading zero.       | The value ranges from 1 to 12.                               |
+| MM              | Month represented by a number, with a leading zero.          | The value ranges from 01 to 12.                              |
+| MMM             | Month represented by a three-letter abbreviation.            | The value ranges from Jan to Dec.                            |
+| MMMM            | Month, in its full name.                                     | January to December.                                         |
+| Q               | Quarter.                                                     | The value ranges from 1 to 4.                                |
+| D               | Day of the month, without a leading zero.                    | The value ranges from 1 to 31.                               |
+| DD              | Day of the month, with a leading zero.                       | The value ranges from 01 to 31.                              |
+| d               | Day of the week, represented by a number.                    | The value ranges from 0 to 6. The value **0** indicates Sunday, and **6** indicates Saturday. |
+| ddd             | Day of the week, represented by a three-letter abbreviation. | The value ranges from Sun to Sat.                            |
+| dddd            | Day of the week, in its full name.                           | The value ranges from Sunday to Saturday.                    |
+| w               | Week of a year.                                              | For example, **42** indicates the 42nd week.                 |
+| YYYY            | Year represented by four digits.                             | For example, **2014** or **2000**.                           |
+| YY              | Year represented by two digits.                              | For example, **14** or **98**.                               |
+| A               | Uppercase of the time units.                                 | AM or PM.                                                    |
+| a               | Lowercase of the time units.                                 | am or pm.                                                    |
+| HH              | Hour, in 24-hour clock, with a leading zero.                 | The value ranges from 00 to 23.                              |
+| H               | Hour, in 24-hour clock, without a leading zero.              | The value ranges from 0 to 23.                               |
+| hh              | Hour, in 12-hour clock, with a leading zero.                 | The value ranges from 00 to 12.                              |
+| h               | Hour, in 12-hour clock, without a leading zero.              | The value ranges from 0 to 12.                               |
+| m               | Minute, without a leading zero.                              | The value ranges from 0 to 59.                               |
+| mm              | Minute, with a leading zero.                                 | The value ranges from 00 to 59.                              |
+| s               | Second, without a leading zero.                              | The value ranges from 1 to 59.                               |
+| ss              | Second, with a leading zero.                                 | The value ranges from 01 to 59.                              |
+| X               | Unix timestamp.                                              | For example, **1411572969**.                                 |
 
 ## Others
 
-## License
+## License
\ No newline at end of file
diff --git a/en/js/prop-types.md b/en/js/prop-types.md
index f474ef13..56559f22 100644
--- a/en/js/prop-types.md
+++ b/en/js/prop-types.md
@@ -86,32 +86,32 @@ export default App;
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52;
-2. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
-3. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.11; SDK: OpenHarmony (api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52;
+2. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
+3. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 #### Properties
 
-| Name        | Description                                                 | Type      | Required |  HarmonyOS Support |
-| ----------- | ---------------------------------------------------- | --------- | -------- | -------- |
-| any         | 约束属性为任意类型                                   | Attribute | NO       | yes      |
-| array       | 约束属性为数组类型                                   | Attribute | NO       | yes      |
-| bool        | 约束属性为布尔值类型                                 | Attribute | NO       | yes      |
-| func        | 约束属性为函数类型                                   | Attribute | NO       | yes      |
-| number      | 约束属性为数字类型                                   | Attribute | NO       | yes      |
-| object      | 约束属性为对象类型                                   | Attribute | NO       | yes      |
-| string      | 约束属性为字符串类型                                 | Attribute | NO       | yes      |
-| symbol      | 约束属性为 symbol 类型                               | Attribute | NO       | yes      |
-| element     | 约束属性为 react 元素                                | Attribute | NO       | yes      |
-| node        | 约束属性为可以渲染的任何内容数字 字符串 元素 或 数组 | Attribute | NO       | yes      |
-| elementType | 约束属性为 react 类型                                | Attribute | NO       | yes      |
-| instanceOf  | 约束属性为某个对象的实例                             | function  | NO       | yes      |
-| oneOf       | 约束属性为给定值中的任意一个                         | function  | NO       | yes      |
-| oneOfType   | 约束属性为给定类型中的任意一个                       | function  | NO       | yes      |
-| arrayOf     | 约束属性为指定类型的数组                             | function  | NO       | yes      |
-| objectOf    | 约束属性为具有指定类型属性值的对象                   | function  | NO       | yes      |
-| shape       | 约束属性为指定构成方式的对象                         | function  | NO       | yes      |
-| exact       | 约束属性包含指定属性                                 | function  | NO       | yes      |
+| Name        | Description                                                  | Type      | Required | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | --------- | -------- | ----------------- |
+| any         | Any data type.                                               | Attribute | NO       | yes               |
+| array       | The array type.                                              | Attribute | NO       | yes               |
+| bool        | The Boolean type.                                            | Attribute | NO       | yes               |
+| func        | The function type.                                           | Attribute | NO       | yes               |
+| number      | The number type.                                             | Attribute | NO       | yes               |
+| object      | The object type.                                             | Attribute | NO       | yes               |
+| string      | The string type.                                             | Attribute | NO       | yes               |
+| symbol      | The symbol type.                                             | Attribute | NO       | yes               |
+| element     | The react element.                                           | Attribute | NO       | yes               |
+| node        | Any content that can be rendered, such as a numeric string element, or an array. | Attribute | NO       | yes               |
+| elementType | The react type.                                              | Attribute | NO       | yes               |
+| instanceOf  | An instance of an object.                                    | function  | NO       | yes               |
+| oneOf       | One of the given values.                                     | function  | NO       | yes               |
+| oneOfType   | One of the specified types.                                  | function  | NO       | yes               |
+| arrayOf     | An array of the specified type.                              | function  | NO       | yes               |
+| objectOf    | An object with the attribute value of the specified type.    | function  | NO       | yes               |
+| shape       | An object of the specified composition mode.                 | function  | NO       | yes               |
+| exact       | A specified attribute that is contained.                     | function  | NO       | yes               |
 
 ## Known Issues
 
@@ -119,4 +119,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE).
\ No newline at end of file
diff --git a/en/js/react-ahooks.md b/en/js/react-ahooks.md
index 43ada9d9..b2112a36 100644
--- a/en/js/react-ahooks.md
+++ b/en/js/react-ahooks.md
@@ -13,19 +13,19 @@
 
 > [!TIP] [GitHub address](https://github.com/alibaba/hooks)
 
-## 📚 文档
+## 📚 Documents
 
 - [English](https://ahooks.js.org/)
-- [中文](https://ahooks.js.org/zh-CN/)
+- [Chinese](https://ahooks.js.org/zh-CN/)
 
-## ✨ 特性
+## ✨ Features
 
-- 易学易用
-- 支持 SSR
-- 对输入输出函数做了特殊处理，避免闭包问题
-- 包含大量提炼自业务的高级 Hooks
-- 包含丰富的基础 Hooks
-- 使用 TypeScript 构建，提供完整的类型定义文件
+- Easy to learn and use.
+- Supports SSR.
+- Special processing for functions to avoid closure problems.
+- Contains a large number of advanced Hooks that are extracted from services.
+- Contains a comprehensive collection of basic Hooks.
+- Written in TypeScript with a complete type definition file provided.
 
 ## 📦 Installation
 
@@ -51,9 +51,6 @@ $ npm install react-json-view@1.21.3
 /**
  * title: Default usage
  * desc: Update state or props, you can see the output in the console
- *
- * title.zh-CN: 基础用法
- * desc.zh-CN: 更新 state 或 props，可以在控制台看到输出
  */
 
 import { useWhyDidYouUpdate } from 'ahooks';
@@ -120,100 +117,103 @@ This document is verified based on the following versions：
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 
-以下Properties已验证，详情见 [ahooks官方文档](https://ahooks.js.org/zh-CN/)
-
-|            Name            |                                                                                                                        Description                                                                                                                        |   Type   | Platform | HarmonyOS Support |
-| :------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------: | :------: | :---------------: |
-|          快速上手          |                                                                                      `useRequest` 的第一个参数是一个异步函数，在组件初次加载时，会自动触发该函数执行                                                                                      | Function |   All    |        yes        |
-|          基础用法          |                                                                                               同时自动管理该异步函数的 `loading` , `data` , `error` 等状态                                                                                                | Function |   All    |        yes        |
-|       Loading Delay        |                                                                                   通过设置 `options.loadingDelay` ，可以延迟 `loading` 变成 `true` 的时间，有效防止闪烁                                                                                   | Function |   All    |        yes        |
-|            轮询            |                                                                                  通过设置 `options.pollingInterval`，进入轮询模式，`useRequest` 会定时触发 service 执行                                                                                   | Function |   All    |        yes        |
-|           Ready            |                                                                                  通过设置 `options.ready`，可以控制请求是否发出，当其值为 `false` 时，请求永远都不会发出                                                                                  | Function |   All    |        yes        |
-|          依赖刷新          | 通过设置 `options.refreshDeps`，在依赖变化时， `useRequest` 会自动调用 [refresh](https://ahooks.js.org/zh-CN/hooks/use-request/basic/#result) 方法，实现[刷新（重复上一次请求）](https://ahooks.js.org/zh-CN/hooks/use-request/basic/#刷新重复上一次请求) | Function |   All    |        yes        |
-|      屏幕聚焦重新请求      |                                                                             通过设置 `options.refreshOnWindowFocus`，在浏览器窗口 `refocus` 和 `revisible` 时，会重新发起请求                                                                             | Function |   All    |        yes        |
-|            防抖            |                                                                       通过设置 `options.debounceWait`，进入防抖模式，此时如果频繁触发 `run` 或者 `runAsync`，则会以防抖策略进行请求                                                                       | Function |   All    |        yes        |
-|            节流            |                                                                       通过设置 `options.throttleWait`，进入节流模式，此时如果频繁触发 `run` 或者 `runAsync`，则会以节流策略进行请求                                                                       | Function |   All    |        yes        |
-|         缓存 & SWR         |                                                                             通过 `options.staleTime` 设置数据保持新鲜时间，在该时间内，我们认为数据是新鲜的，不会重新发起请求                                                                             | Function |   All    |        yes        |
-|          错误重试          |                                                                                     通过设置 `options.retryCount`，指定错误重试次数，则 useRequest 在失败后会进行重试                                                                                     | Function |   All    |        yes        |
-|      useHistoryTravel      |                                                                                                     管理状态历史变化记录，方便在历史记录中前进与后退                                                                                                      | Function |   All    |        yes        |
-|        useCountDown        |                                                                                                                 一个用于管理倒计时的 Hook                                                                                                                 | Function |   All    |        yes        |
-|         useCounter         |                                                                                                                     管理计数器的 Hook                                                                                                                     | Function |   All    |        yes        |
-|        useWebSocket        |                                                                                                                用于处理 WebSocket 的 Hook                                                                                                                 | Function |   All    |        yes        |
-|          useMount          |                                                                                                                只在组件初始化时执行的 Hook                                                                                                                | Function |   All    |        yes        |
-|         useUnmount         |                                                                                                            在组件卸载（unmount）时执行的 Hook                                                                                                             | Function |   All    |        yes        |
-|      useUnmountedRef       |                                                                                                              获取当前组件是否已经卸载的 Hook                                                                                                              | Function |   All    |        yes        |
-|        useSetState         |                                                                                       管理 object 类型 state 的 Hooks，用法与 class 组件的 `this.setState` 基本一致                                                                                       | Function |   All    |        yes        |
-|         useBoolean         |                                                                                                              优雅的管理 boolean 状态的 Hook                                                                                                               | Function |   All    |        yes        |
-|         useToggle          |                                                                                                               用于在两个状态值间切换的 Hook                                                                                                               | Function |   All    |        yes        |
-|       useCookieState       |                                                                                                           一个可以将状态存储在 Cookie 中的 Hook                                                                                                           | Function |   All    |        yes        |
-|   useSessionStorageState   |                                                                                                           将状态存储在 sessionStorage 中的 Hook                                                                                                           | Function |   All    |        yes        |
-|        useDebounce         |                                                                                                                   用来处理防抖值的 Hook                                                                                                                   | Function |   All    |        yes        |
-|        useThrottle         |                                                                                                                   用来处理节流值的 Hook                                                                                                                   | Function |   All    |        yes        |
-|           useMap           |                                                                                                                 管理 Map 类型状态的 Hook                                                                                                                  | Function |   All    |        yes        |
-|           useSet           |                                                                                                                 管理 Set 类型状态的 Hook                                                                                                                  | Function |   All    |        yes        |
-|        usePrevious         |                                                                                                                   保存上一次状态的 Hook                                                                                                                   | Function |   All    |        yes        |
-|        useRafState         |                                                    只在 [requestAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame) callback 时更新 state，一般用于性能优化                                                    | Function |   All    |        yes        |
-|        useSafeState        |                                                               用法与 `React.useState` 完全一样，但是在组件卸载后异步回调内的 `setState` 不再执行，避免因组件卸载后更新状态而导致的内存泄漏                                                                | Function |   All    |        yes        |
-|        useGetState         |                                                                                               给 `React.useState` 增加了一个 getter 方法，以获取当前最新值                                                                                                | Function |   All    |        yes        |
-|       useResetState        |                                                                                               提供重置 state 方法的 Hooks，用法与 `React.useState` 基本一致                                                                                               | Function |   All    |        yes        |
-|      useUpdateEffect       |                                                                                      `useUpdateEffect` 用法等同于 `useEffect`，但是会忽略首次行，只在依赖更新时执行                                                                                       | Function |   All    |        yes        |
-|   useUpdateLayoutEffect    |                                                                               `useUpdateLayoutEffect` 用法等同于 `useLayoutEffect`，但是会忽略首次执行，只在依赖更新时执行                                                                                | Function |   All    |        yes        |
-|       useAsyncEffect       |                                                                                                                  useEffect 支持异步函数                                                                                                                   | Function |   All    |        yes        |
-|     useDebounceEffect      |                                                                                                               为 `useEffect` 增加防抖的能力                                                                                                               | Function |   All    |        yes        |
-|       useDebounceFn        |                                                                                                                  用来处理防抖函数的 Hook                                                                                                                  | Function |   All    |        yes        |
-|       useThrottleFn        |                                                                                                                  用来处理函数节流的 Hook                                                                                                                  | Function |   All    |        yes        |
-|     useThrottleEffect      |                                                                                                               为 `useEffect` 增加节流的能力                                                                                                               | Function |   All    |        yes        |
-|    useDeepCompareEffect    |                                                                         用法与 useEffect 一致，但 deps 通过 [lodash isEqual](https://lodash.com/docs/4.17.15#isEqual) 进行深比较                                                                          | Function |   All    |        yes        |
-| useDeepCompareLayoutEffect |                                                                      用法与 useLayoutEffect 一致，但 deps 通过 [lodash isEqual](https://lodash.com/docs/4.17.15#isEqual) 进行深比较                                                                       | Function |   All    |        yes        |
-|        useInterval         |                                                                                                             一个可以处理 setInterval 的 Hook                                                                                                              | Function |   All    |        yes        |
-|       useRafInterval       |                                                   用 `requestAnimationFrame` 模拟实现 `setInterval`，API 和 `useInterval` 保持一致，好处是可以在页面不渲染的时候停止执行定时器，比如页面隐藏或最小化等                                                    | Function |   All    |        yes        |
-|         useTimeout         |                                                                                                         一个可以处理 setTimeout 计时器函数的 Hook                                                                                                         | Function |   All    |        yes        |
-|       useRafTimeout        |                                                    用 `requestAnimationFrame` 模拟实现 `setTimeout`，API 和 `useTimeout` 保持一致，好处是可以在页面不渲染的时候不触发函数执行，比如页面隐藏或最小化等                                                     | Function |   All    |        yes        |
-|         useLockFn          |                                                                                                        用于给一个异步函数增加竞态锁，防止并发执行                                                                                                         | Function |   All    |        yes        |
-|         useUpdate          |                                                                                                  useUpdate 会返回一个函数，调用该函数会强制组件重新渲染                                                                                                   | Function |   All    |        yes        |
-|   useControllableValuet    |                                                                 在某些组件开发时，我们需要组件的状态既可以自己管理，也可以被外部控制，`useControllableValue` 就是帮你管理这种状态的 Hook                                                                  | Function |   All    |        yes        |
-|        useCreation         |                                                          `useCreation` 是 `useMemo` 或 `useRef` 的替代品，因为 `useMemo` 不能保证被 memo 的值一定不会被重新计算，而 `useCreation` 可以保证这一点                                                          | Function |   All    |        yes        |
-|      useEventEmitter       |                                                                                                在组件中调用 `useEventEmitter` 可以获得一个 `EventEmitter`                                                                                                 | Function |   All    |        yes        |
-|         useLatest          |                                                                                                          返回当前最新值的 Hook，可以避免闭包问题                                                                                                          | Function |   All    |        yes        |
-|       useMemoizedFn        |                                                 持久化 function 的 Hook，一般情况下，可以使用 useMemoizedFn 完全代替 useCallback，特殊情况见 [FAQ](https://ahooks.js.org/zh-CN/hooks/use-memoized-fn#faq)                                                 | Function |   All    |        yes        |
-|        useReactive         |                                                                                  提供一种数据响应式的操作体验，定义数据状态不需要写`useState`，直接修改Properties即可刷新视图                                                                                   | Function |   All    |        yes        |
-|      useTrackedEffect      |                                                                                                        追踪是哪个依赖变化触发了 `useEffect` 的执行                                                                                                        | Function |   All    |        yes        |
-|     useWhyDidYouUpdate     |                                                                                                     帮助开发者排查是哪个Properties改变导致了组件的 rerender                                                                                                     | Function |   All    |        yes        |
-
-## 手机端不支持方法澄清
-
-| title    | hook-name             | 解释                                                                                                    | 问题描述                                                                                                                                                          | HarmonyOS Support |
-| -------- | --------------------- | ------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------: |
-| Dom      | useDrop & useDrag     | 处理元素拖拽的 Hook                                                                                     | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Dom      | useEventListener      | 优雅的使用 addEventListener                                                                             | 基础用法：无报错 监听 keydown 事件：无物理键盘                                                                                                                    |        NO         |
-| Dom      | useClickAway          | 监听目标元素外的点击事件                                                                                | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Dom      | useDocumentVisibility | 监听页面是否可见                                                                                        | 无报错，无法监听到state状态变化，获取不到手机窗口                                                                                                                 |        NO         |
-| Dom      | useEventTarget        | 常见表单控件(通过 e.target.value 获取表单值) 的 onChange 跟 value 逻辑封装，支持自定义值转换和重置功能  | Cannot read property ‘value’of undefined                                                                                                                          |        NO         |
-| Dom      | useExternal           | 动态注入 JS 或 CSS 资源，useExternal 可以保证资源全局唯一                                               | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Dom      | useTitle              | 用于设置页面标题                                                                                        | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Dom      | useFavicon            | 设置页面的 favicon                                                                                      | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Dom      | useFullscreen         | 管理 DOM 全屏的 Hook                                                                                    | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Dom      | useHover              | 监听 DOM 元素是否有鼠标悬停                                                                             | 无报错，点击按钮无反应，监听不到Properties变化                                                                                                                          |        NO         |
-| Dom      | useInViewport         | 观察元素是否在可见区域，以及元素可见比例                                                                | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Dom      | useKeyPress           | 监听键盘按键，支持组合键，支持按键别名                                                                  | 无报错，没有物理键盘，无法操作Properties                                                                                                                                |        NO         |
-| Dom      | useLongPress          | 监听目标元素的长按事件                                                                                  | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Dom      | useMouse              | 监听鼠标位置                                                                                            | 无报错，点击按钮无反应，监听不到Properties变化                                                                                                                          |        NO         |
-| Dom      | useResponsive         | 获取响应式信息                                                                                          | Cannot convert undefined value to object                                                                                                                          |        NO         |
-| Dom      | useScroll             | 监听元素的滚动位置                                                                                      | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Dom      | useSize               | 监听 DOM 节点尺寸变化的 Hook                                                                            | 无报错，无法获取到document                                                                                                                                        |        NO         |
-| Dom      | useFocusWithin        | 监听当前焦点是否在某个区域之内                                                                          | 无报错，无法监听到state变化                                                                                                                                       |        NO         |
-| Advanced | useReactive           | 提供一种数据响应式的操作体验，定义数据状态不需要写useState，直接修改Properties即可刷新视图                    | input输入框中无法输入文字，只能输入数字 Cannot read property 'map' of undefined                                                                                   |        NO         |
-| State    | useUrlState           | 通过 url query 来管理 state 的 Hook                                                                     | 无报错，不生效                                                                                                                                                    |        NO         |
-| State    | useLocalStorageState  | 将状态存储在 localStorage 中的 Hook                                                                     | 无报错，不生效                                                                                                                                                    |        NO         |
-| Scene    | useAntdTable          | useAntdTable 会自动管理 Table 分页数据，你只需要把返回的 tableProps 传递给 Table 组件                   | ui组件无法使用，document”不存在                                                                                                                                   |        NO         |
-| Scene    | useFusionTable        | useFusionTable 会自动管理 Table 分页数据，你只需要把返回的 tableProps 与 paginationProps 传递给相应组件 | ui组件无法使用，document”不存在                                                                                                                                   |        NO         |
-| Scene    | useInfiniteScroll     | useInfiniteScroll 封装了常见的无限滚动逻辑                                                              | 滚动自动加载:在无限滚动场景中数据加载变多Scroll无响应                                                                                                             |        NO         |
-| Scene    | usePagination         | 用法与 useRequest 一致，但会多返回一个 pagination 参数，包含所有分页信息，及操作分页的函数              | 报错，不支持mockjs                                                                                                                                                |        NO         |
-| Scene    | useDynamicList        | 一个帮助你管理动态列表状态，并能生成唯一 key 的 Hook                                                    | 报错，Render ErrorView config getter callback for component path mustbe a function (recelved undefined). Make sure to startcomponent names with a capital letter. |        NO         |
-| Scene    | useVirtualList        | 提供虚拟化列表能力的 Hook，用于解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题                         | 无报错，不生效                                                                                                                                                    |        NO         |
-| Scene    | useNetwork            | 管理网络连接状态的 Hook                                                                                 | 报错,window.addEventListener is not a function                                                                                                                    |        NO         |
-| Scene    | useSelections         | 常见联动 Checkbox 逻辑封装，支持多选，单选，全选逻辑，还提供了是否选择，是否全选，是否半选的状态        | Property 'document' doesn't exist Properties“document”不存在                                                                                                            |        NO         |
-| Scene    | useTextSelection      | 实时获取用户当前鼠标选取的文本内容及位置                                                                | 无报错，没有鼠标，无法操作Properties                                                                                                                                    |        NO         |
+The following properties have been verified. For details, see [ahooks](https://ahooks.js.org/).
+
+|            Name            |                         Description                          |   Type   | Platform | HarmonyOS Support |
+| :------------------------: | :----------------------------------------------------------: | :------: | :------: | :---------------: |
+|        Quick Start         | The first parameter of **useRequest** is an asynchronous function, which will be automatically triggered when the component is first loaded. | Function |   All    |        yes        |
+|        Basic usage         | Manages the status of **loading**, **data**, **error** of the asynchronous function. | Function |   All    |        yes        |
+|       Loading Delay        | Delays the time when **loading** turns to **true** by setting **options.loadingDelay**, effectively preventing UI flashing. | Function |   All    |        yes        |
+|          Polling           | Enters the polling mode by setting **options.pollingInterval**. **useRequest** periodically triggers service execution. | Function |   All    |        yes        |
+|           Ready            | Controls whether to send a request by setting **options.ready**. If **options.ready** is set to **false**, the request will never be sent. | Function |   All    |        yes        |
+|        RefreshDeps         | By setting **options.refreshDeps**, **useRequest** automatically invokes [refresh](https://ahooks.js.org/hooks/use-request/basic/#result) when dependencies change, achieving the effect of [refresh](https://ahooks.js.org/hooks/use-request/basic/#refresh-repeat-the-last-request). | Function |   All    |        yes        |
+|    RefreshOnWindowFocus    | Refreshes a request by setting **options.refreshOnWindowFocus** when the browser is **refocus** and **revisible**. | Function |   All    |        yes        |
+|          Debounce          | Enters the debounce mode by setting **options.debounceWait**. At this time, if **run** or **runAsync** is triggered frequently, the request will be executed with the debounce strategy. | Function |   All    |        yes        |
+|          Throttle          | Enters the throttle mode by setting **options.throttleWait**. At this time, if **run** or **runAsync** is triggered frequently, the request will be executed with the throttle strategy. | Function |   All    |        yes        |
+|        Cache & SWR         | Sets the data retention time through **options.staleTime**. During this time, the data is considered to be fresh and the request will not be re-initiated. | Function |   All    |        yes        |
+|        Error Retry         | Specifies the number of retry times by setting `options.retryCount`.** useRequest** will retry after a failure. | Function |   All    |        yes        |
+|      useHistoryTravel      | Manages state change history to facilitate forward and backward operations in historical records. | Function |   All    |        yes        |
+|        useCountDown        |                      Manages countdown.                      | Function |   All    |        yes        |
+|         useCounter         |                       Manages counter.                       | Function |   All    |        yes        |
+|        useWebSocket        |                      Handles WebSocket.                      | Function |   All    |        yes        |
+|          useMount          |   Executes a function only when the component is mounted.    | Function |   All    |        yes        |
+|         useUnmount         |     Executes a function when the component is unmounted.     | Function |   All    |        yes        |
+|      useUnmountedRef       |         Obtains whether the component is unmounted.          | Function |   All    |        yes        |
+|        useSetState         | Manages the state of object type, which is similar to the usage of **this.setState** of the **class** component. | Function |   All    |        yes        |
+|         useBoolean         |             Manages the boolean state elegantly.             | Function |   All    |        yes        |
+|         useToggle          |                       Toggles states.                        | Function |   All    |        yes        |
+|       useCookieState       |                 Stores the state in Cookie.                  | Function |   All    |        yes        |
+|   useSessionStorageState   |             Stores the state in sessionStorage.              | Function |   All    |        yes        |
+|        useDebounce         |               Deals with the debounced value.                | Function |   All    |        yes        |
+|        useThrottle         |            Deals with the value of **Throttle**.             | Function |   All    |        yes        |
+|           useMap           |                Manages the state of **Map**.                 | Function |   All    |        yes        |
+|           useSet           |                Manages the state of **Set**.                 | Function |   All    |        yes        |
+|        usePrevious         |                  Saves the previous state.                   | Function |   All    |        yes        |
+|        useRafState         | Updates the state in [requestAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame), generally used for performance optimization. | Function |   All    |        yes        |
+|        useSafeState        | Works in the same way as **React.useState**. However, after the component is unmounted, **setState** in the asynchronous callback is not executed to avoid memory leakage caused by state update. | Function |   All    |        yes        |
+|        useGetState         | Adds a **getter** method to the return value of **React.useState** to get the latest value. | Function |   All    |        yes        |
+|       useResetState        | Provides a method to reset the state. This hook works similar to **React.useState**. | Function |   All    |        yes        |
+|      useUpdateEffect       | Runs the effect when dependencies are updated, but skips running the effect for the first time. This hook works in the same way as **useEffect**. | Function |   All    |        yes        |
+|   useUpdateLayoutEffect    | Runs the effect when dependencies are updated, but skips running the effect for the first time. This hook works in the same way as **useLayoutEffect**. | Function |   All    |        yes        |
+|       useAsyncEffect       |        Runs the effect using asynchronous functions.         | Function |   All    |        yes        |
+|     useDebounceEffect      |                   Debounces **useEffect**.                   | Function |   All    |        yes        |
+|       useDebounceFn        |              Deals with the debounce functions.              | Function |   All    |        yes        |
+|       useThrottleFn        |              Deals with the throttle functions.              | Function |   All    |        yes        |
+|     useThrottleEffect      |                   Throttles **useEffect**.                   | Function |   All    |        yes        |
+|    useDeepCompareEffect    | Works in the same way as **useEffect**, but **deps** is compared with [lodash isEqual](https://lodash.com/docs/4.17.15#isEqual). | Function |   All    |        yes        |
+| useDeepCompareLayoutEffect | Works in the same way as **useLayoutEffect**, but **deps** is compared with [lodash isEqual](https://lodash.com/docs/4.17.15#isEqual). | Function |   All    |        yes        |
+|        useInterval         |         Handles the **setInterval** timer function.          | Function |   All    |        yes        |
+|       useRafInterval       | Implements **setInterval** with **requestAnimationFrame**. This hook works in the same way as **useInterval**. The advantage is that the timer can be stopped when the page is not rendered, for example, the page is hidden or minimized. | Function |   All    |        yes        |
+|         useTimeout         |          Handles the **setTimeout** timer function.          | Function |   All    |        yes        |
+|       useRafTimeout        | Implements **setTimeout** with **requestAnimationFrame**. The API is consistent with **useTimeout**. The advantage is that function execution is not triggered when the page is not rendered, for example, the page is hidden or minimized. | Function |   All    |        yes        |
+|         useLockFn          | Adds a lock to an asynchronous function to prevent parallel executions. | Function |   All    |        yes        |
+|         useUpdate          | Returns a function which can be used to force the component to re-render. | Function |   All    |        yes        |
+|   useControllableValuet    | Manages the states of some components whose states can be managed by themselves or controlled by their parents. | Function |   All    |        yes        |
+|        useCreation         | Substitutes for **useMemo** or **useRef** because **useMemo** cannot ensure that the memoized value will not be recalculated, while **useCreation** can ensure that. | Function |   All    |        yes        |
+|      useEventEmitter       |    Obtains an instance of **EventEmitter** in components.    | Function |   All    |        yes        |
+|         useLatest          |     Returns the latest value to avoid closure problems.      | Function |   All    |        yes        |
+|       useMemoizedFn        | Handles persistent functions. In general, **useMemoizedFn** can substitute for **useCallback**. For special cases, see [FAQ](https://ahooks.js.org/hooks/use-memoized-fn/#faq). | Function |   All    |        yes        |
+|        useReactive         | Provides data reactivity during operations, in which case **useState** is unnecessary for state definition. Modifying properties will automatically lead to view rerendering. | Function |   All    |        yes        |
+|      useTrackedEffect      | Tracks which dependency change triggers the execution of **useEffect**. | Function |   All    |        yes        |
+|     useWhyDidYouUpdate     |    Locates the properties that caused component rerender.    | Function |   All    |        yes        |
+
+## Clarification of the Method Not Supported on the Mobile Phone
+
+| title    | hook-name             | Description                                                  | Issue Description                                            | HarmonyOS Support |
+| -------- | --------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | :---------------: |
+| Dom      | useDrop & useDrag     | Manages data transfer between drag and drop.                 | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Dom      | useEventListener      | Uses **addEventListener** elegantly.                         | No error is reported, but no physical keyboard is available when the keydown event is listened. |        NO         |
+| Dom      | useEventListener      | Uses **addEventListener** elegantly.                         | An error is reported, and no physical keyboard is available. |        NO         |
+| Dom      | useClickAway          | Listens for click events outside the target element.         | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Dom      | useDocumentVisibility | Listens for whether the page is visible.                     | No error is reported, but the state change cannot be monitored and the mobile phone window cannot be obtained. |        NO         |
+| Dom      | useEventTarget        | Encapsulates **onChange** and **value** logic for form components whose values are obtained through **e.target.value**, and supports custom transformation and reset functionalities. | The error message "Cannot read property 'value' of undefined" is displayed. |        NO         |
+| Dom      | useExternal           | Injects JS or CSS resources dynamically. useExternal can ensure that the resources are globally unique. | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Dom      | useTitle              | Sets the page title.                                         | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Dom      | useFavicon            | Sets the favicon of the page.                                | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Dom      | useFullscreen         | Manages DOM full screen.                                     | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Dom      | useHover              | Listens for whether the element is being hovered.            | No error is reported, but the system does not respond after the button is clicked and the property change cannot be monitored. |        NO         |
+| Dom      | useInViewport         | Checks whether the element is in the visible area and the visible area ratio of the element. | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Dom      | useKeyPress           | Listens for the keyboard press. Composite keys and aliases are supported. | No error is reported, but no physical keyboard is available and properties cannot be operated. |        NO         |
+| Dom      | useLongPress          | Listens for the long press event of the target element.      | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Dom      | useMouse              | Listens for the mouse position.                              | No error is reported, but the system does not respond after the button is clicked and the property change cannot be monitored. |        NO         |
+| Dom      | useResponsive         | Obtains responsive information.                              | Cannot convert undefined value to object                     |        NO         |
+| Dom      | useScroll             | Listens for the scrolling position of an element.            | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Dom      | useSize               | Listens for the size change of the DOM node.                 | No error is reported, but the document cannot be obtained.   |        NO         |
+| Dom      | useFocusWithin        | Listens for whether the current focus is within a certain area. | No error is reported, but the state change cannot be monitored. |        NO         |
+| Advanced | useReactive           | Provides data reactivity during operations, in which case **useState** is unnecessary for state definition. Modifying properties will automatically lead to view rerendering. | Only digits can be entered in the input text box, and the message "Cannot read property 'map' of undefined" is displayed. |        NO         |
+| State    | useUrlState           | Manages the state through **url query**.                     | No error is reported and the hook does not take effect.      |        NO         |
+| State    | useLocalStorageState  | Stores the state in **localStorage**.                        | No error is reported and the hook does not take effect.      |        NO         |
+| Scene    | useAntdTable          | Manages pagination data of **Table**. You only need to pass the returned **tableProps** to the **Table** component. | The UI component cannot be used and document does not exist. |        NO         |
+| Scene    | useFusionTable        | Manages the pagination data of **Table**. You only need to pass the returned **tableProps** and **paginationProps** to the corresponding components. | The UI component cannot be used and document does not exist. |        NO         |
+| Scene    | useInfiniteScroll     | Encapsulates the common infinite scroll logic.               | In the infinite scrolling scenario, the number of data increases and the scroll does not respond. |        NO         |
+| Scene    | usePagination         | Works in the same way as **useRequest**, but returns an additional **pagination** parameter, which contains all pagination information and functions for pagination operations. | An error is reported that **mockjs** is not supported.       |        NO         |
+| Scene    | useDynamicList        | Manages dynamic list and generates unique key for each item. | An error is reported and the message "Render ErrorView config getter callback for component path must be a function (received undefined)" is displayed. Make sure to start component names with a capital letter. |        NO         |
+| Scene    | useVirtualList        | Allows you to use virtual list to render huge chunks of list data. | No error is reported and the hook does not take effect.      |        NO         |
+| Scene    | useNetwork            | Manages the state of network connection.                     | An error is reported and the message "window.addEventListener is not a function" is displayed. |        NO         |
+| Scene    | useSelections         | Encapsulates the logic of common Checkbox group. Multiple selection, single selection, select-all, select-none and semi-selected are supported. | The message "Property 'document' doesn't exist" is displayed. |        NO         |
+| Scene    | useTextSelection      | Obtains the text content and position selected by the user in real time. | No error is reported, but no mouse is available, and the properties cannot be operated. |        NO         |
+
+## 
 
 ## Others
 
diff --git a/en/js/redux-toolkit.md b/en/js/redux-toolkit.md
index 4962e66e..d0ae4388 100644
--- a/en/js/redux-toolkit.md
+++ b/en/js/redux-toolkit.md
@@ -16,9 +16,9 @@
 
 ## Installation and Usage
 
-> [!TIP] This library depends on react-redux，Can be referred to[react-redux documentation](react-redux.md)install
+> [!TIP] This library depends on the react-redux library. For details about how to install this library, see [react-redux documentation](./react-redux.md).
 
-Go to the project directory and execute the following instruction:
+Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [redux-toolkit Releases](redux-toolkit Releases](https://github.com/reduxjs/redux-toolkit/releases).
 
 <!-- tabs:start -->
 
@@ -38,7 +38,7 @@ yarn add @reduxjs/toolkit@2.2.1
 
 The following code shows the basic use scenario of the repository:
 
-1.Introduce the provider component into the index.js entry file and add the sotre attribute
+1. Introduce the **provider** component into the **index.js entry** file and add the **store** property.
 
 ```js
 // index.js
@@ -57,7 +57,7 @@ ReactDOM.render(
 );
 ```
 
-2.Create a created Slice slice and export the reducer attribute:
+2. Create a slice and export the **reducer** property.
 
 ```js
 // features/counter/counterSlice.js
@@ -93,7 +93,7 @@ export const { increment, decrement, incrementByAmount } = counterSlice.actions
 export default counterSlice.reducer
 ```
 
-3.Create store.js and use configurationStore to import the reducer exported above
+3. Create **store.js** and use **configurationStore** to import **reducer** exported above.
 
 ```js
 // app/store.js
@@ -111,7 +111,7 @@ export type RootState = ReturnType<typeof store.getState>
 export type AppDispatch = typeof store.dispatch
 ```
 
-4.Write a conter component to implement simple counting increases and decreases
+4. Write a **counter** component to implement simple counting increases and decreases.
 
 ```js
 // features/counter/Counter.js
@@ -152,9 +152,9 @@ export function Counter() {
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.200; ROM: 205.0.0.18;
 
-## Properties And Methods
+## Properties and Methods
 
 > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
@@ -162,59 +162,60 @@ This document is verified based on the following versions:
 >
 > See details [redux-toolkit Source library address](https://github.com/reduxjs/redux-toolkit)
 
-| Name                     | Description                                       | Type     | Required | Platform | HarmonyOS Support |
-| ------------------------ | ------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| configureStore           | 创建store的方法                                   | Function | yes      | All      | yes               |
-| reducer                  | configureStore参数，reducer对象                   | Object   | yes      | All      | yes               |
-| middleware               | configureStore参数，存放中间件的数组              | Array    | yes      | All      | yes               |
-| devTools                 | configureStore参数，浏览器调试用具                | Boolean  | yes      | Web      | no                |
-| preloadedState           | configureStore参数，默认的state值                 | Object   | yes      | All      | yes               |
-| enhancers                | configureStore参数，存放增强功能数组              | Array    | yes      | All      | yes               |
-| getDefaultMiddleware     | 获取默认中间件列表                                | Function | yes      | All      | yes               |
-| immutableCheck           | getDefaultMiddleware对象参数属性                  | Boolean  | yes      | All      | yes               |
-| serializableCheck        | getDefaultMiddleware对象参数属性                  | Boolean  | yes      | All      | yes               |
-| actionCreatorCheck       | getDefaultMiddleware对象参数属性                  | Boolean  | yes      | All      | yes               |
-| createListenerMiddleware | 创建中间件监听函数                                | Function | yes      | All      | yes               |
-| middleware               | createListenerMiddleware属性，中间件列表          | Array    | yes      | All      | yes               |
-| startListening           | createListenerMiddleware属性，添加一个监听        | Function | yes      | All      | yes               |
-| stopListening            | createListenerMiddleware属性，暂停一个监听        | Function | yes      | All      | yes               |
-| clearListeners           | createListenerMiddleware属性，清除所有监听        | Function | yes      | All      | yes               |
-| addListener              | createListenerMiddleware属性，添加一个监听        | Function | yes      | All      | yes               |
-| removeListener           | createListenerMiddleware属性，暂停一个监听        | Function | yes      | All      | yes               |
-| clearAllListeners        | createListenerMiddleware属性，清除所有监听        | Function | yes      | All      | yes               |
-| createDynamicMiddleware  | 创建一个中间件                                    | Function | yes      | All      | yes               |
-| getDefaultEnhancers      | 获取默认增强功能组件                              | Function | yes      | All      | yes               |
-| createReducer            | 创建reducer                                       | Function | yes      | All      | yes               |
-| addCase                  | createReducer函数返回对象参数方法，添加action     | Function | yes      | All      | yes               |
-| addMatcher               | createReducer函数返回对象参数方法，添加过滤条件   | Function | yes      | All      | yes               |
-| addDefaultCase           | createReducer函数返回对象参数方法，添加默认action | Function | yes      | All      | yes               |
-| createAction             | 创建action                                        | Function | yes      | All      | yes               |
-| createSlice              | 创建slice切片                                     | Function | yes      | All      | yes               |
-| name                     | createSlice属性，store名字                        | String   | yes      | All      | yes               |
-| initialState             | createSlice属性，store默认值                      | object   | yes      | All      | yes               |
-| reducers                 | createSlice属性，reducer对象                      | Object   | yes      | All      | yes               |
-| extraReducers            | createSlice属性，额外的reducer对象                | Object   | yes      | All      | yes               |
-| createAsyncThunk         | 创建异步action                                    | Function | yes      | All      | yes               |
-| createEntityAdapter      | 创建适配器                                        | Function | yes      | All      | yes               |
-| selectId                 | createEntityAdapter属性，表示唯一ID               | String   | yes      | All      | yes               |
-| sortComparer             | createEntityAdapter属性，排序方法                 | Function | yes      | All      | yes               |
-| getInitialState          | createEntityAdapter属性，默认状态                 | Object   | yes      | All      | yes               |
-| combineSlices            | 结合两个Slice切片                                 | Function | yes      | All      | yes               |
-| createSelector           | 创建select选择器                                  | Function | yes      | All      | yes               |
-
-## 工具方法
-
-| Name                | Description                    | Type     | Required | Platform | HarmonyOS Support |
-| ------------------- | ------------------------------ | -------- | -------- | -------- | ----------------- |
-| isAllOf             | 判断action是否全部通过         | Function | yes      | All      | yes               |
-| isAnyOf             | 判断action是否有一个通过       | Function | yes      | All      | yes               |
-| isAsyncThunkAction  | 判断action是否是异步           | Function | yes      | All      | yes               |
-| isPending           | 判断action是否在执行中         | Function | yes      | All      | yes               |
-| isRejected          | 判断action是否执行失败         | Function | yes      | All      | yes               |
-| isFulfilled         | 判断action是否执行完成         | Function | yes      | All      | yes               |
-| isRejectedWithValue | 判断action是否执行失败并返回值 | Function | yes      | All      | yes               |
-| nanoid              | 生成随机字符串                 | Function | yes      | All      | yes               |
-| miniSerializeError  | 打印错误信息                   | Function | yes      | All      | yes               |
+| Name                     | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ------------------------ | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| configureStore           | Method used to create **store**.                             | Function | yes      | All      | yes               |
+| reducer                  | Parameter of **configureStore**.                             | Object   | yes      | All      | yes               |
+| middleware               | Parameter of **configureStore**, which is used to store the array of middleware. | Array    | yes      | All      | yes               |
+| devTools                 | Parameter of **configureStore**, which is used for browser debugging. | Boolean  | yes      | Web      | no                |
+| preloadedState           | Parameter of **configureStore**, which is used to specify the default value of **state**. | Object   | yes      | All      | yes               |
+| enhancers                | Parameter of **configureStore**, which is used to customize the enhancer array. | Array    | yes      | All      | yes               |
+| getDefaultMiddleware     | Method used to obtain the default middleware list.           | Function | yes      | All      | yes               |
+| immutableCheck           | Property of the object parameters in **getDefaultMiddleware**. | Boolean  | yes      | All      | yes               |
+| serializableCheck        | Property of the object parameters in **getDefaultMiddleware**. | Boolean  | yes      | All      | yes               |
+| actionCreatorCheck       | Property of the object parameters in **getDefaultMiddleware**. | Boolean  | yes      | All      | yes               |
+| createListenerMiddleware | Method used to create a listener for the middleware.         | Function | yes      | All      | yes               |
+| middleware               | Property of **createListenerMiddleware**, which indicates the middleware list. | Array    | yes      | All      | yes               |
+| startListening           | Property of **createListenerMiddleware**, which is used to start a listening. | Function | yes      | All      | yes               |
+| stopListening            | Property of **createListenerMiddleware**, which is used to stop a listening. | Function | yes      | All      | yes               |
+| clearListeners           | Property of **createListenerMiddleware**, which is used to clear all listening events. | Function | yes      | All      | yes               |
+| addListener              | Property of **createListenerMiddleware**, which is used to add a listener. | Function | yes      | All      | yes               |
+| removeListener           | Property of **createListenerMiddleware**, which is used to remove a listener. | Function | yes      | All      | yes               |
+| clearAllListeners        | Property of **createListenerMiddleware**, which is used to clear all listeners. | Function | yes      | All      | yes               |
+| createDynamicMiddleware  | Method used to create a middleware.                          | Function | yes      | All      | yes               |
+| getDefaultEnhancers      | Method used to obtain the default enhancers.                 | Function | yes      | All      | yes               |
+| createReducer            | Method used to create a reducer.                             | Function | yes      | All      | yes               |
+| addCase                  | Method for the **createReducer** function to return the object parameters, which is used to add an action. | Function | yes      | All      | yes               |
+| addMatcher               | Method for the **createReducer** function to return the object parameters, which is used to add a matcher. | Function | yes      | All      | yes               |
+| addDefaultCase           | Method for the **createReducer** function to return the object parameters, which is used to add a default action. | Function | yes      | All      | yes               |
+| createAction             | Method used to create an action.                             | Function | yes      | All      | yes               |
+| createSlice              | Method used to create a slice.                               | Function | yes      | All      | yes               |
+| name                     | Property of **createSlice**, which indicates the name of **store**. | String   | yes      | All      | yes               |
+| initialState             | Property of **createSlice**, which indicates the default value of **store**. | object   | yes      | All      | yes               |
+| reducers                 | Property of **createSlice**, which is a **reducers** object. | Object   | yes      | All      | yes               |
+| extraReducers            | Property of **createSlice**, which is an additional **reducers** object. | Object   | yes      | All      | yes               |
+| createAsyncThunk         | Method used to create an asynchronous action.                | Function | yes      | All      | yes               |
+| createEntityAdapter      | Method used to create an entity adapter.                     | Function | yes      | All      | yes               |
+| selectId                 | Property of **createEntityAdapter**, which indicates a unique ID. | String   | yes      | All      | yes               |
+| sortComparer             | Property of **createEntityAdapter**, which indicates the sorting method. | Function | yes      | All      | yes               |
+| getInitialState          | Property of **createEntityAdapter**, which indicates the default state. | Object   | yes      | All      | yes               |
+| combineSlices            | Method used to combine two slices.                           | Function | yes      | All      | yes               |
+| createSelector           | Method used to create a selector.                            | Function | yes      | All      | yes               |
+|                          |                                                              |          |          |          |                   |
+
+## Utilities
+
+| Name                | Description                                               | Type     | Required | Platform | HarmonyOS Support |
+| ------------------- | --------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
+| isAllOf             | Checks whether all actions are passed.                    | Function | yes      | All      | yes               |
+| isAnyOf             | Checks whether an action is passed.                       | Function | yes      | All      | yes               |
+| isAsyncThunkAction  | Checks whether an action is asynchronous.                 | Function | yes      | All      | yes               |
+| isPending           | Checks whether an action is pending.                      | Function | yes      | All      | yes               |
+| isRejected          | Checks whether an action is fulfilled.                    | Function | yes      | All      | yes               |
+| isFulfilled         | Checks whether an action is rejected.                     | Function | yes      | All      | yes               |
+| isRejectedWithValue | Checks whether an action is rejected with a return value. | Function | yes      | All      | yes               |
+| nanoid              | Method used to generate a random string.                  | Function | yes      | All      | yes               |
+| miniSerializeError  | Method used to display error information.                 | Function | yes      | All      | yes               |
 
 ## Known Issues
 
@@ -222,4 +223,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under  [The MIT License (MIT)](https://github.com/reduxjs/redux-toolkit?tab=readme-ov-file), Please enjoy and participate freely in open source.
+This project is licensed under [MIT License](https://github.com/reduxjs/redux-toolkit?tab=readme-ov-file).
\ No newline at end of file
diff --git a/en/js/styled-system.md b/en/js/styled-system.md
index 16a1ca1b..9d4a109a 100644
--- a/en/js/styled-system.md
+++ b/en/js/styled-system.md
@@ -73,105 +73,105 @@ export default App;
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.11; SDK：OpenHarmony(api11) 4.1.0.53; IDE：DevEco Studio 4.1.3.412; ROM：2.0.0.52(SP22C00E52R1P17log);
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.11; SDK: OpenHarmony (api11) 4.1.0.53; IDE: DevEco Studio 4.1.3.412; ROM: 2.0.0.52 (SP22C00E52R1P17log);
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
 For details, see [styled-system GitHub](https://github.com/styled-system/styled-system)
 
 
 **API space**
 
-| Name          | Description | Type | Required | HarmonyOS Support |
-| ------------- | ----------- | ---- | -------- | ----------------- |
-| margin        | 外边距      | prop | no       | yes               |
-| marginTop     | 上外边距    | prop | no       | yes               |
-| marginRight   | 右外边距    | prop | no       | yes               |
-| marginLeft    | 左外边距    | prop | no       | yes               |
-| marginX       | X 轴外边距  | prop | no       | yes               |
-| marginY       | Y 轴外边距  | prop | no       | yes               |
-| padding       | 内边距      | prop | no       | yes               |
-| paddingTop    | 上内边距    | prop | no       | yes               |
-| paddingRight  | 右内边距    | prop | no       | yes               |
-| paddingLeft   | 左内边距    | prop | no       | yes               |
-| paddingBottom | 下内边距    | prop | no       | yes               |
-| paddingX      | X 轴内边距  | prop | no       | yes               |
-| paddingY      | Y 轴内边距  | prop | no       | yes               |
+| Name          | Description    | Type | Required | HarmonyOS Support |
+| ------------- | -------------- | ---- | -------- | ----------------- |
+| margin        | Margin         | prop | no       | yes               |
+| marginTop     | Top margin     | prop | no       | yes               |
+| marginRight   | Right margin   | prop | no       | yes               |
+| marginLeft    | Left margin    | prop | no       | yes               |
+| marginX       | X-axis margin  | prop | no       | yes               |
+| marginY       | Y-axis margin  | prop | no       | yes               |
+| padding       | Padding        | prop | no       | yes               |
+| paddingTop    | Top padding    | prop | no       | yes               |
+| paddingRight  | Right padding  | prop | no       | yes               |
+| paddingLeft   | Left padding   | prop | no       | yes               |
+| paddingBottom | Bottom padding | prop | no       | yes               |
+| paddingX      | X-axis padding | prop | no       | yes               |
+| paddingY      | Y-axis padding | prop | no       | yes               |
 
 **API color**
 
-| Name  | Description | Type | Required | HarmonyOS Support |
-| ----- | ----------- | ---- | -------- | ----------------- |
-| color | color        | prop | no       | yes               |
-| bg    | background color      | prop | no       | yes               |
+| Name  | Description      | Type | Required | HarmonyOS Support |
+| ----- | ---------------- | ---- | -------- | ----------------- |
+| color | color            | prop | no       | yes               |
+| bg    | background color | prop | no       | yes               |
 
 **API typography**
 
-| Name          | Description | Type | Required | HarmonyOS Support | Notes |
-| ------------- | ----------- | ---- | -------- | ----------------- | ----- |
-| fontSize      | fontSize    | prop | no       | yes               |       |
+| Name          | Description   | Type | Required | HarmonyOS Support | Notes |
+| ------------- | ------------- | ---- | -------- | ----------------- | ----- |
+| fontSize      | fontSize      | prop | no       | yes               |       |
 | fontWeight    | fontWeight    | prop | no       | yes               |       |
-| lineHeight    | lineHeight        | prop | no       | yes               |       |
-| letterSpacing | letterSpacing    | prop | no       | yes               |       |
-| textAlign     | textAlign    | prop | no       | yes               |       |
-| fontStyle     | fontStyle    | prop | no       | yes               |       |
+| lineHeight    | lineHeight    | prop | no       | yes               |       |
+| letterSpacing | letterSpacing | prop | no       | yes               |       |
+| textAlign     | textAlign     | prop | no       | yes               |       |
+| fontStyle     | fontStyle     | prop | no       | yes               |       |
 
 **API layout**
 
 | Name      | Description | Type | Required | HarmonyOS Support | Notes |
 | --------- | ----------- | ---- | -------- | ----------------- | ----- |
-| width     | width        | prop | no       | yes               |       |
-| height    | height        | prop | no       | yes               |       |
-| minHeight | minHeight    | prop | no       | yes               |       |
-| maxHeight | maxHeight    | prop | no       | yes               |       |
+| width     | width       | prop | no       | yes               |       |
+| height    | height      | prop | no       | yes               |       |
+| minHeight | minHeight   | prop | no       | yes               |       |
+| maxHeight | maxHeight   | prop | no       | yes               |       |
 | size      | size        | prop | no       | yes               |       |
 
 **API flexbox**
 
-| Name           | Description      | Type | Required | HarmonyOS Support | Notes |
-| -------------- | ---------------- | ---- | -------- | ----------------- | ----- |
-| alignItems     | 列内轴对齐项     | prop | no       | yes               |       |
-| justifyContent | 行内轴对齐内容   | prop | no       | yes               |       |
-| flexWrap       | 换行             | prop | no       | yes               |       |
-| flexDirection  | 弹性方向         | prop | no       | yes               |       |
-| flex           | 弹性布局         | prop | no       | yes               |       |
-| flexGrow       | 分配剩余空间比例 | prop | no       | yes               |       |
-| flexShrink     | 弹性收缩         | prop | no       | yes               |       |
-| flexBasis      | 弹性初始长度     | prop | no       | yes               |       |
+| Name           | Description     | Type | Required | HarmonyOS Support | Notes |
+| -------------- | --------------- | ---- | -------- | ----------------- | ----- |
+| alignItems     | Align items     | prop | no       | yes               |       |
+| justifyContent | Justify content | prop | no       | yes               |       |
+| flexWrap       | Flex wrap       | prop | no       | yes               |       |
+| flexDirection  | Flex direction  | prop | no       | yes               |       |
+| flex           | Flex layout     | prop | no       | yes               |       |
+| flexGrow       | Flex grow       | prop | no       | yes               |       |
+| flexShrink     | Flex shrink     | prop | no       | yes               |       |
+| flexBasis      | Flex basis      | prop | no       | yes               |       |
 
 **API border**
 
-| Name                    | Description  | Type | Required | HarmonyOS Support | Notes |
-| ----------------------- | ------------ | ---- | -------- | ----------------- | ----- |
-| border                  | 边框         | prop | no       | yes               |       |
-| borderWidth             | 边框宽度     | prop | no       | yes               |       |
-| borderStyle             | 边框样式     | prop | no       | yes               |       |
-| borderColor             | 边框颜色     | prop | no       | yes               |       |
-| borderRadius            | 边框圆角     | prop | no       | yes               |       |
-| borderTopWidth          | 上边框宽度   | prop | no       | yes               |       |
-| borderTopColor          | 上边框颜色   | prop | no       | yes               |       |
-| borderTopLeftRadius     | 上左边框圆角 | prop | no       | yes               |       |
-| borderTopRightRadius    | 上右边框圆角 | prop | no       | yes               |       |
-| borderRightWidth        | 右边框宽度   | prop | no       | yes               |       |
-| borderRightColor        | 右边框颜色   | prop | no       | yes               |       |
-| borderBottomWidth       | 下边框宽度   | prop | no       | yes               |       |
-| borderBottomColor       | 下边框颜色   | prop | no       | yes               |       |
-| borderBottomLeftRadius  | 左下边框圆角 | prop | no       | yes               |       |
-| borderBottomRightRadius | 右下边框圆角 | prop | no       | yes               |       |
-| borderLeftWidth         | 左边框宽度   | prop | no       | yes               |       |
-| borderLeftColor         | 左边框颜色   | prop | no       | yes               |       |
+| Name                    | Description                       | Type | Required | HarmonyOS Support | Notes |
+| ----------------------- | --------------------------------- | ---- | -------- | ----------------- | ----- |
+| border                  | Border                            | prop | no       | yes               |       |
+| borderWidth             | Border width                      | prop | no       | yes               |       |
+| borderStyle             | Border style                      | prop | no       | yes               |       |
+| borderColor             | Border color                      | prop | no       | yes               |       |
+| borderRadius            | Border radius                     | prop | no       | yes               |       |
+| borderTopWidth          | Top border width                  | prop | no       | yes               |       |
+| borderTopColor          | Top border color                  | prop | no       | yes               |       |
+| borderTopLeftRadius     | Top border radius on the left     | prop | no       | yes               |       |
+| borderTopRightRadius    | Top border radius on the right    | prop | no       | yes               |       |
+| borderRightWidth        | Right border width                | prop | no       | yes               |       |
+| borderRightColor        | Right border color                | prop | no       | yes               |       |
+| borderBottomWidth       | Bottom border width               | prop | no       | yes               |       |
+| borderBottomColor       | Bottom border color               | prop | no       | yes               |       |
+| borderBottomLeftRadius  | Bottom border radius on the left  | prop | no       | yes               |       |
+| borderBottomRightRadius | Bottom border radius on the right | prop | no       | yes               |       |
+| borderLeftWidth         | Left border width                 | prop | no       | yes               |       |
+| borderLeftColor         | Left border color                 | prop | no       | yes               |       |
 
 **API position**
 
 | Name | Description | Type | Required | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | ----------------- |
-| top  | top offset    | prop | no       | yes               |
-| left | left offset  | prop | no       | yes               |
+| top  | top offset  | prop | no       | yes               |
+| left | left offset | prop | no       | yes               |
 
 ## Known Issues
 
@@ -179,5 +179,4 @@ For details, see [styled-system GitHub](https://github.com/styled-system/styled-
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md)
-
+This project is licensed under [The MIT License (MIT)](https://github.com/styled-system/styled-system/blob/master/LICENSE.md)
\ No newline at end of file
diff --git a/en/react-native-animate-number.md b/en/react-native-animate-number.md
index 2aa8a9c9..82121cb8 100644
--- a/en/react-native-animate-number.md
+++ b/en/react-native-animate-number.md
@@ -51,15 +51,15 @@ const App = () => {
   const [finish, setFinish] = useState("");
   const [progress, setProgress] = useState("");
   const onProgress = () => {
-    setProgress("动画正在更新...");
+    setProgress ("Animation is being updated...");
   };
   const onFinish = () => {
-    setFinish("动画更新完成");
+    setFinish ("Animation update completed");
   };
   return (
     <View style={styles.container}>
       <View style={styles.button}>
-        <Button title={"点击开始动画"} onPress={onPress} />
+        <Button title={"Click to start animation"} onPress={onPress} />;
       </View>
       <Text style={styles.row}>
         <Text>linear:</Text>
@@ -148,21 +148,21 @@ export default App;
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
-| Name         | Description                                                                                                                                                 | Type     | Required | Platform    | HarmonyOS Support |
-| ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| `value`      | The value of AnimateNumber component.                                                                                                                       | number   | yes      | Android IOS | YES               |
-| `countBy`    | Set this property to force the component's value increase/decrease by this number.                                                                          | number   | No       | Android IOS | YES               |
-| `interval`   | Base interval of each animation frame, in `ms`.                                                                                                             | number   | No       | Android IOS | YES               |
+| Name         | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ------------ | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| `value`      | The value of AnimateNumber component.                        | number   | yes      | Android IOS | YES               |
+| `countBy`    | Set this property to force the component's value increase/decrease by this number. | number   | No       | Android IOS | YES               |
+| `interval`   | Base interval of each animation frame, in `ms`.              | number   | No       | Android IOS | YES               |
 | `steps`      | Set total frame number of animation, say, if interval is 14 and steps is 30, the animation will take 14x30ms to finish when it uses linear timing function. | number   | No       | Android IOS | YES               |
-| `timing`     | A style object that allow you to customize the WebView style.                                                                                               | number   | No       | Android IOS | YES               |
-| `formatter`  | The custom css content will be added to the page's <head>.                                                                                                  | string   | No       | Android IOS | YES               |
-| `onProgress` | Either updated height or width will trigger onSizeUpdated.                                                                                                  | function | No       | Android IOS | YES               |
-| `onFinish`   | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView.                                                                | function | No       | Android IOS | YES               |
+| `timing`     | A style object that allow you to customize the WebView style. | number   | No       | Android IOS | YES               |
+| `formatter`  | The custom css content will be added to the page's <head>.   | string   | No       | Android IOS | YES               |
+| `onProgress` | Either updated height or width will trigger onSizeUpdated.   | function | No       | Android IOS | YES               |
+| `onFinish`   | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. | function | No       | Android IOS | YES               |
 
 ## Known Issues
 
@@ -170,4 +170,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
\ No newline at end of file
diff --git a/en/react-native-echarts-pro.md b/en/react-native-echarts-pro.md
index e27cb00d..bd54643b 100644
--- a/en/react-native-echarts-pro.md
+++ b/en/react-native-echarts-pro.md
@@ -82,15 +82,15 @@ export default function RNEPDemo() {
 
 ## Link
 
-The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-webview，If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
+The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-webview. If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again.You can skip the steps in this chapter and use it directly.
 
-If not introduced, please refer to the Link section of the document[@react-native-oh-tpl/react-native-webview ](react-native-webview.md)for introduction.
+If not introduced, please refer to the Link section of the document [@react-native-oh-tpl/react-native-webview](react-native-webview.md) for introduction.
 
 ## Constraints
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 205.0.0.18
 
 ## Properties
 
@@ -102,27 +102,27 @@ For details, see [react-native-echarts-pro](https://github.com/supervons/react-n
 
 ### Properties for all react-native-echarts-pro components:
 
-| Name                      | Description                                                                                                  | **Type** | Platform    | Required | HarmonyOS Support |
-| ------------------------- | ------------------------------------------------------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- |
-| height                    | Chart area height                                                                                            | Number   | All         | Y        | Yes               |
-| width                     | Chart area auto                                                                                              | Number   | All         | N        | Yes               |
-| option                    | Chart configuration, see more：[Apache ECharts - options](https://echarts.apache.org/en/option.html#title)   | Object   | All         | Y        | Yes               |
-| backgroundColor           | Chart background color                                                                                       | String   | All         | N        | Yes               |
-| themeName                 | There are only six officially available themes:<br/>`vintage` `dark` `macarons` `infographic` `shine` `roma` | String   | All         | N        | Yes               |
-| webViewSettings           | Customize WebView container properties                                                                       | Object   | All         | N        | Yes               |
-| formatterVariable         | If option’formatter function need variable,can use this.                                                     | Object   | All         | N        | Yes               |
-| extension                 | Dynamic support for tripartite expansion, such as word cloud, water polo map, etc. example.                  | object   | All         | N        | Yes               |
-| customMapData             | For custom maps, null is a world map. See the following usage examples                                       | Object   | All         | N        | Yes               |
-| eventActions              | Custom charts events.                                                                                        | Object   | All         | N        | Yes               |
-| fontFamilies              | Custom font families.                                                                                        | Array    | Android/ios | N        | No                |
-| enableParseStringFunction | If enabled, function are parse as strings                                                                    | Boolean  | All         | N        | Yes               |
+| Name                      | Description                                                  | **Type** | Platform    | Required | HarmonyOS Support |
+| ------------------------- | ------------------------------------------------------------ | -------- | ----------- | -------- | ----------------- |
+| height                    | Chart area height                                            | Number   | All         | Y        | Yes               |
+| width                     | Chart area auto                                              | Number   | All         | N        | Yes               |
+| option                    | Chart configuration, see more: [Apache ECharts - options](https://echarts.apache.org/en/option.html#title) | Object   | All         | Y        | Yes               |
+| backgroundColor           | Chart background color                                       | String   | All         | N        | Yes               |
+| themeName                 | There are only six officially available themes:<br>`vintage` `dark` `macarons` `infographic` `shine` `roma` | String   | All         | N        | Yes               |
+| webViewSettings           | Customize WebView container properties                       | Object   | All         | N        | Yes               |
+| formatterVariable         | If option'formatter function need variable,can use this.     | Object   | All         | N        | Yes               |
+| extension                 | Dynamic support for tripartite expansion, such as word cloud, water polo map, etc. example. | object   | All         | N        | Yes               |
+| customMapData             | For custom maps, null is a world map. See the following usage examples | Object   | All         | N        | Yes               |
+| eventActions              | Custom charts events.                                        | Object   | All         | N        | Yes               |
+| fontFamilies              | Custom font families.                                        | Array    | Android/ios | N        | No                |
+| enableParseStringFunction | If enabled, functions are parsed as strings                  | Boolean  | All         | N        | Yes               |
 
 ## Known Issues
 
-- [ ] fontFamilies自定义字体属性未生效，该属性需要将字体文件转为base64字符串，拼接在html中的style标签中使用，经验证，这种用法在react-native-webview的最小化demo也不生效，一旦有base64字体加载，就会白屏并无法触发loadEnd，而原生 HarmonyOS webview上显示正常 [issues#20](https://github.com/react-native-oh-library/react-native-webview/issues/20)
+- [ ] The custom font property of **fontFamilies** is invalid. This property needs to convert the font file to a Base64 string and concatenate the string to the style tag in HTML. It is verified that this usage does not take effect in the minimized demo of react-native-webview. Once a Base64 font is loaded, a white screen is displayed and **loadEnd** cannot be triggered. However, it is normal in the native HarmonyOS webview. [issues#20](https://github.com/react-native-oh-library/react-native-webview/issues/20).
 
 ## Others
 
 ## License
 
-This project is licensed under [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE).
+This project is licensed under [MIT License](https://github.com/oblador/react-native-progress/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-fit-Image.md b/en/react-native-fit-Image.md
index 76765967..41e2790a 100644
--- a/en/react-native-fit-Image.md
+++ b/en/react-native-fit-Image.md
@@ -19,7 +19,7 @@
 
 ## Installation and Usage
 
-Go to the project directory and execute the following instruction：
+Go to the project directory and execute the following instruction:
 
 <!-- tabs:start -->
 
@@ -37,7 +37,7 @@ yarn add react-native-fit-image@1.5.5
 
 <!-- tabs:end -->
 
-The following code shows the basic use scenario of the repository：
+The following code shows the basic use scenarios of the repository:
 
 ```tsx
 import React,{useState,useEffect} from 'react'
@@ -55,39 +55,39 @@ var styles = StyleSheet.create({
     }
 });
 const FitImageDemo=()=>{
-    // 测试onLoad
-    const [onLoadDatea,setOnLoad] = useState('初始onLoad未执行')
-    // 测试onError
-    const [onErrorDatea,setOnError] = useState('初始onError未执行')
-    // 测试onLoadStart
-    const [onLoadStartDatea,setOnLoadStart] = useState('未执行前onLoadStart未执行')
-    // 测试onLayOut
-    const [onLayOutData,setOnLayout] = useState('未执行前onLayout未执行')
-    // 刷新按钮
+    // Test onLoad.
+    const [onLoadDatea,setOnLoad] = useState('Initial onLoad not executed')
+    // Test onError.
+    const [onErrorDatea,setOnError] = useState('Initial onError not executed')
+    // Test onLoadStart.
+    const [onLoadStartDatea,setOnLoadStart] = useState('onLoadStart not executed')
+    // Test onLayOut.
+    const [onLayOutData,setOnLayout] = useState('OnLayout not executed')
+    // Refresh.
     const [refLoadData,setRefLoadBtn] = useState(true)
-    // 获取本地图片尺寸
+    // Obtain the local image size.
     const [imgSizeNum,getImageSizeNum] = useState({width:0,height:0})
     const img1 = require('./assets/expo.png')
     const getImageSize = ()=>{
         let res = Image.resolveAssetSource(img1)
         getImageSizeNum({width:res.width,height:res.height})
     }
-    // 获取网络图片尺寸
+    // Obtain the network image size.
     const imgHttp={uri:"https://octodex.github.com/images/stormtroopocat.jpg"}
     const [imgHttpSize,getHttpSizeNum] = useState({width:0,height:0})
-    // 刷新
+    // Refresh.
     const [reshUiData,setReshUi] = useState(0)
     useEffect(() => {;
         getReloadFres()
       }, []);
       const getReloadFres =()=>{
-         // http远程文件
+         // HTTP remote file.
          Image.getSize(imgHttp.uri, (width,height) => {
             getHttpSizeNum({ width,height });
           },
          (failure) => { console.log('failure', failure)});
       }
-    //  刷新
+    // Refresh.
     const reLoadFun = () =>{
         setRefLoadBtn(false)
         setReshUi(reshUiData+1)
@@ -99,19 +99,19 @@ const FitImageDemo=()=>{
     return (
         <SafeAreaView>
             <ScrollView>
-                {/* button刷新按钮方便压力测试 */}
-                <Button onPress={()=>{reLoadFun()}} title='刷新'></Button>
+                {/* Refresh for pressure test */}
+                <Button onPress={()=>{reLoadFun()}} title='Refresh'></Button>
                 {refLoadData&&(
                     <View style={{width:'100%',height:'100%'}}>
-                    <Text>刷新了{reshUiData}次</Text>
+                    <Text>Refreshed {reshUiData} times</Text>
                      <View>
-                         <Text>测试onLoad</Text>
+                         <Text>Test onLoad</Text>
                          <Text>{onLoadDatea}</Text>
-                         <FitImage onLoad={()=>{console.log('执行了onLoad'); setOnLoad('执行了onLoad')}}
+                         <FitImage onLoad={()=>{console.log('onLoad executed'); setOnLoad('onLoad executed')}}
                              style={styles.fitImageWithSize} source={require('./assets/expo.png')} />                        
                      </View>
                      <View>
-                         <Text>测试base64图片</Text>
+                         <Text>Test the Base64-encoded image.</Text>
                          <FitImage
                               source={{
                                  uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg==',
@@ -120,7 +120,7 @@ const FitImageDemo=()=>{
                              />
                      </View>
                      <View>
-                         <Text>测试PropertiesoriginalWidth，originalHeight（在不加宽度高度的情况下）</Text>
+                         <Text>Local image set with originalWidth and originalHeight but without width and height of style.</Text>
                          <FitImage
                              source={require('./assets/expo.png')}
                              originalWidth={400}
@@ -128,27 +128,27 @@ const FitImageDemo=()=>{
                              />
                      </View>
                      <View>
-                         <Text>不加originalWidth，originalHeight和不加宽度高度的情况下</Text>
+                         <Text>Local image set without originalWidth, originalHeight, and width and height of style.</Text>
                          <FitImage
                              source={require('./assets/expo.png')}
                              />
                      </View>
                      <View>
-                         <Text>不加originalWidth，originalHeight但是加宽度高度的情况下</Text>
+                         <Text>Local image set with width and height of style but without originalWidth and originalHeight.</Text>
                          <FitImage
                              source={require('./assets/expo.png')}
                              style={{...styles.fitImageWithSize}}
                              />
                      </View>
                      <View>
-                         <Text>不加originalWidth，originalHeight但是加宽度高度的情况下的网络图片</Text>
+                         <Text>Network image set with width and height of style but without originalWidth and originalHeight.</Text>
                          <FitImage
                              source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}}
                              style={{...styles.fitImageWithSize}}
                              />
                      </View>
                      <View>
-                         <Text>加originalWidth，originalHeight但是不加宽度高度的情况下的网络图片</Text>
+                         <Text>Network image set with originalWidth and originalHeight but without width and height of style.</Text>
                          <FitImage
                              source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}}
                              originalWidth={400}
@@ -156,7 +156,7 @@ const FitImageDemo=()=>{
                              />
                      </View>
                      <View>
-                         <Text>同时加originalWidth，originalHeight和宽度高度的情况下</Text>
+                         <Text>Local image set with originalWidth, originalHeight, and width and height of style.</Text>
                          <FitImage
                              source={require('./assets/expo.png')}
                              originalWidth={400}
@@ -166,98 +166,98 @@ const FitImageDemo=()=>{
                      </View>
                      <View>
                          <View>
-                             <Text>indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值：large  small number)</Text>
-                             <Text>值为：large</Text>
+                             <Text>indicator (value: true); indicatorColor (value: specified color); indicatorSize (value: large, small, or number)</Text>
+                             <Text>value: large</Text>
                              <FitImage indicator={true}  indicatorColor='red' indicatorSize='large' 
                                  style={{...styles.fitImageWithSize}} source={require('./assets/expo.png')} />                  
                          </View>
                          <View>
-                             <Text>indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值：large  small number)</Text>
-                             <Text>small</Text>
+                             <Text>indicator (value: true); indicatorColor (value: specified color); indicatorSize (value: large, small, or number)</Text>
+                             <Text>value: small</Text>
                              <FitImage indicator={true}  indicatorColor='red' indicatorSize='small' 
                                  style={{...styles.fitImageWithSize}} source={require('./assets/expo.png')} />                   
                          </View>
                          <View>
-                             <Text>indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值：large  small number)</Text>
-                             <Text>number:值越大指示器越大</Text>
+                             <Text>indicator (value: true); indicatorColor (value: specified color); indicatorSize (value: large, small, or number)</Text>
+                             <Text>number: A larger value indicates a larger indicator.</Text>
                              <FitImage indicator={true}  indicatorColor='red' indicatorSize={100} 
                                  style={{...styles.fitImageWithSize}} source={require('./assets/expo.png')} />                   
                          </View>
                          <View>
-                             <Text>indicator(加载器 为false) </Text>
-                             <Text>number:值越大指示器越大</Text>
+                             <Text>indicator (value: false)</Text>
+                             <Text>number: A larger value indicates a larger indicator.</Text>
                              <FitImage indicator={false}   style={{...styles.fitImageWithSize}} 
                                  source={require('./assets/expo.png')} />                             
                          </View>
                      </View>
                      <View>
-                         <Text>验证网络图片</Text>
+                         <Text>Verify a network image.</Text>
                          <FitImage  style={styles.fitImageWithSize}  
                              source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}} />                        
                      </View>
                      <View>
-                         <Text>获取本地图片宽高</Text>
+                         <Text>Obtain the width and height of a local image.</Text>
                          <FitImage  style={styles.fitImageWithSize} source={require('./assets/expo.png')} />                        
-                         <Text>宽度：{imgSizeNum.width},高度：{imgSizeNum.height}</Text>
-                         <Button onPress={()=>{getImageSize()}} title='调用image图片宽高'></Button>
+                         <Text>Width: {imgSizeNum.width}; Height: {imgSizeNum.height}</Text>
+                         <Button onPress={()=>{getImageSize()}} title='Call the Image Width and Height'></Button>
                      </View>
                      <View>
-                         <Text>验证网络图片宽高</Text>
-                         <Text>宽度：{imgHttpSize.width},高度：{imgHttpSize.height}</Text>
+                         <Text>Verify the width and height of a network image.</Text>
+                         <Text>Width: {imgHttpSize.width}; Height: {imgHttpSize.height}</Text>
                          <FitImage  style={{...styles.fitImageWithSize,...styles.fitImage}} 
                              source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}} />                         
                      </View>
                      <View>
-                         <Text>验证图片圆角</Text>
+                         <Text>Verify rounded corners of the image.</Text>
                          <FitImage  style={{...styles.fitImageWithSize,...styles.fitImage}} 
                              source={require('./assets/expo.png')} />                        
                      </View>
                      <View>
-                         <Text>测试resizeMode(cover contain stretch repeat center)，值为cover</Text>
+                         <Text>Test resizeMode. The value is cover.</Text>
                          <FitImage resizeMode='cover' style={{...styles.fitImageWithSize}} 
                              source={require('./assets/expo.png')} />                        
                      </View>
                      <View>
-                         <Text>测试resizeMode(cover contain stretch repeat center)，值为contain</Text>
+                         <Text>Test resizeMode. The value is contain.</Text>
                          <FitImage resizeMode='contain' style={{...styles.fitImageWithSize}}
                              source={require('./assets/expo.png')} />                        
                      </View>
                      <View>
-                         <Text>测试resizeMode(cover contain stretch repeat center)，值为stretch</Text>
+                         <Text>Test resizeMode. The value is stretch.</Text>
                          <FitImage resizeMode='stretch' style={{...styles.fitImageWithSize}} 
                              source={require('./assets/expo.png')} />                        
                      </View>
                      <View>
-                         <Text>测试resizeMode(cover contain stretch repeat center)，值为repeat</Text>
+                         <Text>Test resizeMode. The value is repeat.</Text>
                          <FitImage resizeMode='repeat' style={{...styles.fitImageWithSize}} 
                              source={require('./assets/expo.png')} />                        
                      </View>
                      <View>
-                         <Text>测试resizeMode(cover contain stretch repeat center)，值为center</Text>
+                         <Text>Test resizeMode. The value is center.</Text>
                          <FitImage resizeMode='center' style={{...styles.fitImageWithSize}} 
                              source={require('./assets/expo.png')} />                        
                      </View>
                     
                      <View>
-                         <Text>测试onError</Text>
+                         <Text>Test onError.</Text>
                          <Text>{onErrorDatea}</Text>
-                         <FitImage onError={()=>{console.log('执行了onError'); setOnError('执行了onError')}} 
+                         <FitImage onError={()=>{console.log('onError executed'); setOnError('onError executed')}}
                              style={styles.fitImageWithSize} source={{uri:'https://ok.github.io123.png/'}} />    
                      </View>
                      <View>
-                         <Text>测试onLoadStart</Text>
+                         <Text>Test onLoadStart.</Text>
                          <Text>{onLoadStartDatea}</Text>
-                         <FitImage onLoadStart={()=>{console.log('执行了onLoadStart');setOnLoadStart('执行了onLoadStart')}} 
+                         <FitImage onLoadStart={()=>{console.log('onLoadStart executed'); setOnLoadStart('onLoadStart executed')}}
                              style={{...styles.fitImageWithSize,borderRadius:20}} source={require('./assets/expo.png')} />     
                      </View>
                      <View>
-                         <Text>测试onLayOut</Text>
+                         <Text>Test onLayOut.</Text>
                          <Text>{onLayOutData}</Text>
-                         <FitImage onLoadStart={()=>{console.log('执行了onLayout');setOnLayout('执行了onLayout')}} 
+                         <FitImage onLoadStart={()=>{console.log('onLayout executed');setOnLayout('onLayout executed')}}
                              style={{...styles.fitImageWithSize,borderRadius:20}} source={require('./assets/expo.png')} />     
                      </View>
                      <View>
-                         <Text>测试blurRadius(模糊滤镜，值越大越模糊)</Text>
+                         <Text>Test blurRadius. A larger value indicates a stronger blur.</Text>
                          <FitImage
                              source={require('./assets/expo.png')}
                              blurRadius={20}
@@ -269,7 +269,7 @@ const FitImageDemo=()=>{
                {!refLoadData&&(
                 <View style={{width:'100%',height:'100%'}}>
                     <Text>
-                        加载中。。。。。。
+                        Loading...
                     </Text>
                 </View>
                )}
@@ -286,41 +286,41 @@ export default FitImageDemo;
 
 This document is verified based on the following versions
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.21;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
 > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name               | Description                                                                                                                                                                                                                                                                                                                                                                                                     | Type          | Required | Platform                      | HarmonyOS Support | Remark                                                       |
-| ------------------ |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------------- | -------- | ----------------------------- | ----------------- | ------------------------------------------------------------ |
-| `style`            | 图片宽(width)高(height)，边框等样式                                                                                                                                                                                                                                                                                                                                                                                       | object        | yes      | Android IOS                   | YES               | 在不加orginalWidth与orginalHeightProperties时，style里面必须设置宽width，高height才能把图片加载出来 |
-| `source`           | 图片文件源：                                                                                               本地图片 source={require('./assets/expo.png')}；<br />网络图片 source={{uri:"xxx"}}                                                                                                                                                                                                                                 | string        | yes      | Android IOS                   | YES               |                                                              |
-| `width`            | 图片style中Properties                                                                                                                                                                                                                                                                                                                                                                                                      | number        | yes      | Android IOS                   | YES               |                                                              |
-| `height`           | 图片style中Properties                                                                                                                                                                                                                                                                                                                                                                                                      | number        | yes      | Android IOS                   | YES               |                                                              |
-| `borderRadius`     | 图片样式（圆角）                                                                                                                                                                                                                                                                                                                                                                                                        | number        | No       | Android IOS HarmonyOS都不支持 | NO                | 此Properties在HarmonyOS，Android ，IOS均不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
-| `indicator`        | 加载器值为true/false (默认true)                                                                                                                                                                                                                                                                                                                                                                                        | boolean       | No       | Android IOS                   | YES               |                                                              |
-| `indicatorColor`   | 加载器颜色                                                                                                                                                                                                                                                                                                                                                                                                           | string        | No       | Android IOS                   | YES               |                                                              |
-| `indicatorSize`    | 加载器大小  值：`large`  `small` number(例: indicatorSize={20} )                                                                                                                                                                                                                                                                                                                                                        | string/number | No       | Android IOS                   | YES               |                                                              |
-| resizeMode         | 图片布局  值(cover contain stretch repeat center)                           `cover`: 在保持图片宽高比的前提下缩放图片，直到宽度和高度都大于等于容器视图的尺寸（如果容器有 padding 内衬的话，则相应减去）。**译注**：这样图片完全覆盖甚至超出容器，容器中不留任何空白。 `contain`: 在保持图片宽高比的前提下缩放图片，直到宽度和高度都小于等于容器视图的尺寸（如果容器有 padding 内衬的话，则相应减去）。**译注**：这样图片完全被包裹在容器中，容器中可能留有空白。 `stretch`: 拉伸图片且不维持宽高比，直到宽高都刚好填满容器。 `repeat`: 重复平铺图片直到填满容器。图片会维持原始尺寸，但是当尺寸超过容器时会在保持宽高比的前提下缩放到能被容器包裹。 `center`: 居中不拉伸。 | string        | No       | Android IOS                   | YES               |                                                              |
-| blurRadius         | 图片模糊滤镜（值越大越模糊）                                                                                                                                                                                                                                                                                                                                                                                                  | number        | No       | Android IOS                   | YES               |                                                              |
-| onLoad             | 图片加载成功回调                                                                                                                                                                                                                                                                                                                                                                                                        | Function      | No       | Android IOS                   | YES               |                                                              |
-| resolveAssetSource | 获取本地图片宽高                                                                                 用法：const img1 = require('./assets/expo.png')                                                    let  res = Image.resolveAssetSource(img1)                                                                                                                                                                              | Function      | No       | Android IOS                   | YES               |                                                              |
-| getSize            | 获取网络图片尺寸：Image.getSize(uri,(width,height)=>{},(fail)=>{})                                                                                                                                                                                                                                                                                                                                                       | Function      | No       | Android IOS                   | YES               |                                                              |
-| onError            | 获取图片资源出错                                                                                                                                                                                                                                                                                                                                                                                                        | Function      | No       | Android IOS HarmonyOS都不支持 | NO                | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76)；在原库中作者已经说明Some props are not working |
-| onLoadStart        | 资源刚加载时候                                                                                                                                                                                                                                                                                                                                                                                                         | Function      | NO       | Android IOS HarmonyOS都不支持 | NO                | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76)；在原库中作者已经说明Some props are not working |
-| onLayout           | 资源改变尺寸或者加载时                                                                                                                                                                                                                                                                                                                                                                                                     | Function      | NO       | Android IOS HarmonyOS都不支持 | NO                | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76)；在原库中作者已经说明Some props are not working |
-| orginalWidth       | 图片原始宽度                                                                                                                                                                                                                                                                                                                                                                                                          | number        | NO       | Android IOS                   | YES               |                                                              |
-| orginalHeight      | 图片原始高度                                                                                                                                                                                                                                                                                                                                                                                                          | number        | NO       | Android IOS                   | YES               |                                                              |
+| Name               | Description                                                  | Type          | Required | Platform                                      | HarmonyOS Support | Remark                                                       |
+| ------------------ | ------------------------------------------------------------ | ------------- | -------- | --------------------------------------------- | ----------------- | ------------------------------------------------------------ |
+| `style`            | Width, height, and border style of the image.                | object        | yes      | Android and iOS                               | yes               | If **orginalWidth** and **orginalHeight** are not set, the **width** and **height** must be set in **style** so that the image can be loaded. |
+| `source`           | Image source:<br>For local image, source={require('./assets/expo.png')}.<br>For network image, source={{uri:"xxx"}}. | string        | yes      | Android and iOS                               | yes               |                                                              |
+| `width`            | Property of an image style.                                  | number        | yes      | Android and iOS                               | yes               |                                                              |
+| `height`           | Property of an image style.                                  | number        | yes      | Android and iOS                               | yes               |                                                              |
+| `borderRadius`     | Image style (rounded corner).                                | number        | no       | Not supported on Android, iOS, and HarmonyOS. | no                | This property does not take effect on HarmonyOS, Android, and iOS: [issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
+| `indicator`        | Indicator. The value can be **true** (default) or **false**. | boolean       | no       | Android and iOS                               | yes               |                                                              |
+| `indicatorColor`   | Indicator color.                                             | string        | no       | Android and iOS                               | yes               |                                                              |
+| `indicatorSize`    | Indicator size. The value can be `large`, `small`, or number (for example, indicatorSize={20}). | string/number | no       | Android and iOS                               | yes               |                                                              |
+| resizeMode         | Image layout. The options are as follows:<br>`cover`: scales the image with the aspect ratio retained until the width and height are greater than or equal to the container size. If the container has padding, the padding is subtracted accordingly. **Note**: In this way, the image completely covers or even exceeds the container, and no space is left in the container.<br> `contain`: scales the image with the aspect ratio retained until the width and height are less than or equal to the container size. If the container has padding, the padding is subtracted accordingly. **Note**: In this way, the image is completely wrapped in the container, and there may be blank space in the container.<br> `stretch`: stretches the image without retaining the aspect ratio until the width and height fit the container size.<br> `repeat`: tiles the image repeatedly until the image covers the whole container. The original size of the image is retained. However, when the image size exceeds the container size, the image is scaled to be wrapped by the container while the aspect ratio is retained.<br> `center`: places the image at the center of the container without stretching it. | string        | no       | Android and iOS                               | yes               |                                                              |
+| blurRadius         | Image blur filter. A larger value indicates a stronger blur. | number        | no       | Android and iOS                               | yes               |                                                              |
+| onLoad             | Callback invoked when the image is successfully loaded.      | function      | no       | Android and iOS                               | yes               |                                                              |
+| resolveAssetSource | Function used to obtain the width and height of a local image.<br>Example: const img1 = require('./assets/expo.png')<br>let  res = Image.resolveAssetSource(img1) | function      | no       | Android and iOS                               | yes               |                                                              |
+| getSize            | Function used to obtain the network image size.<br>Example: Image.getSize(uri,(width,height)=>{},(fail)=>{}) | function      | no       | Android and iOS                               | yes               |                                                              |
+| onError            | Callback invoked when the image resource fails to be obtained. | function      | no       | Not supported on Android, iOS, and HarmonyOS. | no                | As described in the original library, some properties are not working: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76). |
+| onLoadStart        | Callback invoked when resources are just loaded.             | function      | no       | Not supported on Android, iOS, and HarmonyOS. | no                | As described in the original library, some properties are not working: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76). |
+| onLayout           | Callback invoked when the resource size is changed or the resource is loaded. | function      | no       | Not supported on Android, iOS, and HarmonyOS. | no                | As described in the original library, some properties are not working: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76). |
+| orginalWidth       | Original image width.                                        | number        | no       | Android and iOS                               | yes               |                                                              |
+| orginalHeight      | Original image height.                                       | number        | no       | Android and iOS                               | yes               |                                                              |
 
 ## Known Issues
 
-- [ ] 在react-native-fit-image三方库中`onError`.`onLoadStart`.`onLayout`回调方法，在原库文档（react-native-fit-image）作者已说明并没有适配（Some props are not working），有待开发：[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
-- [ ] `borderRadius`图片圆角Properties，在 HarmonyOS ，ios，安卓均不支持，官方文档互动有提到borderRadius不生效：[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
+- [ ] The `onError`, `onLoadStart`, and `onLayout` callbacks are not supported on Android, iOS, and HarmonyOS: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76).
+- [ ] The `borderRadius` property is not supported on HarmonyOS, iOS, and Android: [issues](https://github.com/huiseoul/react-native-fit-image/issues/111).
 
 ## Others
 
 ## License
 
-This project is licensed under [THE BEER-WARE LICENSE](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Fhuiseoul%2Freact-native-fit-image%2Fblob%2Fmaster%2FLICENSE).
+This project is licensed under [BEER-WARE License](https://github.com/huiseoul/react-native-fit-image/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-ohos-community-auto-fill.md b/en/react-native-ohos-community-auto-fill.md
index af35922c..60f39933 100644
--- a/en/react-native-ohos-community-auto-fill.md
+++ b/en/react-native-ohos-community-auto-fill.md
@@ -8,37 +8,40 @@
     </a>
 </p>
 
-auto-fill 基于 HarmonyOS [autoFillManager](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-app-ability-autofillmanager-V5) 模块，提供将表单输入数据保存到历史表单输入中，以供下次自动填充的功能，仅支持 ohos 平台。
+Based on the HarmonyOS [autoFillManager](https://developer.huawei.com/consumer/en/doc/harmonyos-references-V5/js-apis-app-ability-autofillmanager-V5) module, auto-fill provides the feature of saving the form input data to the recent forms for automatic filling. This feature is supported only in OpenHarmony OS.
 
 <video controls src="https://github.com/user-attachments/assets/19be83fb-2afb-4a31-9e7f-cba3848a5892" title="auto-fill-demo" width="180"></video>
 
-## 前提条件
+## Prerequisites
 
-1. **申请接入智能填充服务** 。当前智能填充处于 Beta 阶段，您可通过发送邮件的方式进行申请接入。邮件模板可参考 [智能填充概述-申请接入智能填充服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/scenario-fusion-introduction-to-smart-fill-V5#section1167564853816)
-2. 设备智能填充开关必须处于打开状态，请前往“设置 > 隐私和安全 > 智能填充”打开。  
-3. 设备已连接互联网。
-4. 设备需要登录华为账号。
-5. 业务侧需要给 `TextInput` 组件传入 [`textContentType`](https://reactnative.cn/docs/textinput#textcontenttype) 属性。
+1. Apply for the SmartFill service. Currently, SmartFill is in the beta phase. You can send an email to apply for access. For details about the email template, see [Application Email Template](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/scenario-fusion-introduction-to-smart-fill-V5#section107231967593).
+2. Enable SmartFill by choosing **Settings** > **Privacy & security** > **SmartFill**.
+3. Connect the device to the Internet.
+4. Log in to a HUAWEI ID on the device.
+5. Pass the [textContentType](https://reactnative.cn/docs/textinput#textcontenttype) attribute to the **TextInput** component on the service side.
 
-## 安装
+## How to Install
 
-Find the matching version information in the release address of a third-party library：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of the third-party library: [@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
-进入到工程目录并输入以下命令：
+Go to the project directory and execute the following instructions:
 
 
 - **npm**
+
   ```bash
   npm install @react-native-ohos-community/auto-fill
   ```
+
 - **yarn**
+
   ```bash
   yarn add @react-native-ohos-community/auto-fill
   ```
 
-## 使用说明
+## Description
 
-### 基本用法
+### How to Use
 
 ```tsx
 import React, { useState } from 'react';
@@ -87,68 +90,68 @@ const MyFormComponent = () => {
 export default MyFormComponent;
 ```
 
-初次调用 `AutoFill.autoSave` 将弹出“保存至历史表单输入”半模态窗。
+When **AutoFill.autoSave** is called for the first time, the saving sheet that asks the user whether to save the input to recent forms is displayed.
 
-- 点击 “保存信息” 按钮之后，智能填充开关会打开并将表单输入数据保存到历史表单输入中。
-- 点击 “忽略” 按钮后，该设备 24 小时之内不会再次询问。该设备累计忽略 5 次后，半模态中将显示“忽略后不再询问”勾选框，勾选之后点击“忽略”按钮，后续将不再询问。
+- If the user touches the **Save** button, SmartFill is enabled and the input data is saved to the recent forms.
+- If the user touches the **Ignore** button, the same device will not ask the user again within 24 hours. After the user touches the **Ignore** button for five times, the user will be prompted to choose whether they don't want to be asked again.
 
-### 常见使用场景
+### When to Use
 
-- 联系人信息填充: 适用于如购票信息、收货信息等联系人数据相关表单
-- 账号密码填充：适用于如登录界面相关表单
-- 页面跳转时表单自动填充
-- 示例代码可查看 [ContactsComponent.tsx](https://github.com/react-native-oh-library/auto-fill/blob/sig/tester/App.tsx)
+- Contact information filling: applicable to forms related to contact data such as ticket purchase information and delivery information.
+- Account and password filling: applicable to forms related to the login page.
+- Automatic form filling during page redirection.
+- For details about the sample code, see [ContactsComponent.tsx](https://github.com/react-native-oh-library/auto-fill/blob/sig/tester/App.tsx).
 
-> 具体密码保存与填充规则请参考：[密码自动填充服务](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/passwordvault-V5)
+> For details about the password saving and filling rules, see [Password Autofill Service](https://developer.huawei.com/consumer/en/doc/harmonyos-guides-V5/passwordvault-V5).
 
-### ContentType 对应关系
+### The Mapping of ContentType
 
-React-Native 侧 TextInput 组件接收的 [textContentType](https://reactnative.cn/docs/textinput#textcontenttype) 类型与 HarmonyOS 中 [ContentType](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-textinput-V5#contenttype12%E6%9E%9A%E4%B8%BE%E8%AF%B4%E6%98%8E) 类型映射关系如下，可供参考。
+The following lists the mapping between [textContentType](https://reactnative.cn/docs/textinput#textcontenttype) received by the **TextInput** component in React Native and [ContentType](https://developer.huawei.com/consumer/en/doc/harmonyos-references-V5/ts-basic-components-textinput-V5#contenttype12) in HarmonyOS.
 
 ```js
-// key 值为 RN 侧 textContentType 值,
-// value 值为 HarmonyOS 侧 ContentType 值
+// The key is the value of textContentType in React Native,
+// The value is the value of ContentType in HarmonyOS.
 {
-    "addressCity": CITY_ADDRESS,  // 市
-    "addressState": PROVINCE_ADDRESS, // 省
-    "countryName": COUNTRY_ADDRESS, // 国家
-    "creditCardNumber": BANK_CARD_NUMBER, // 银行卡号
-    "fullStreetAddress": FULL_STREET_ADDRESS, // 详细地址
-    "sublocality": DISTRICT_ADDRESS, // 区/县
-    "telephoneNumber": PHONE_NUMBER, // 手机号码
-    "username": USER_NAME, // 用户名
-    "password": PASSWORD, // 密码
-    "newPassword": NEW_PASSWORD, // 新密码
-    "houseNumber": HOUSE_NUMBER, // 门牌号
-    "districtAddress": DISTRICT_ADDRESS, // 区/县
-    "cityAddress": CITY_ADDRESS,    // 市
-    "provinceAddress": PROVINCE_ADDRESS,   // 省
-    "countryAddress": COUNTRY_ADDRESS, // 国家
-    "personFullName": PERSON_FULL_NAME, // 姓名
-    "personLastName": PERSON_LAST_NAME, // 姓氏
-    "personFirstName": PERSON_FIRST_NAME, // 名字
-    "phoneNumber": PHONE_NUMBER, // 手机号码
-    "phoneCountryCode": PHONE_COUNTRY_CODE, // 国家代码
-    "fullPhoneNumber": FULL_PHONE_NUMBER, // 包含国家代码的手机号码
-    "emailAddress": EMAIL_ADDRESS, // 邮箱地址
-    "bankCardNumber": BANK_CARD_NUMBER, // 银行卡号
-    "idCardNumber": ID_CARD_NUMBER, // 身份证号
-    "nickName": NICKNAME, // 昵称
-    "name": PERSON_FULL_NAME, // 姓名
-    "familyName": PERSON_LAST_NAME, // 姓氏
-    "givenName": PERSON_FIRST_NAME, // 名字
-    "detailInfoWithoutStreet": DETAIL_INFO_WITHOUT_STREET,// 无街道地址
-    "formatAddress": FORMAT_ADDRESS, // 标准地址
+    "addressCity": CITY_ADDRESS, // City
+    "addressState": PROVINCE_ADDRESS, // Province
+    "countryName": COUNTRY_ADDRESS, // Country
+    "creditCardNumber": BANK_CARD_NUMBER, // Bank card number
+    "fullStreetAddress": FULL_STREET_ADDRESS, // Detailed address
+    "sublocality": DISTRICT_ADDRESS, // District/County
+    "telephoneNumber": PHONE_NUMBER, // Phone number
+    "username": USER_NAME, // Username
+    "password": PASSWORD, // Password
+    "newPassword": NEW_PASSWORD, // New password
+    "houseNumber": HOUSE_NUMBER, // House number
+    "districtAddress": DISTRICT_ADDRESS, // District/County
+    "cityAddress": CITY_ADDRESS, // City
+    "provinceAddress": PROVINCE_ADDRESS, // Province
+    "countryAddress": COUNTRY_ADDRESS, // Country
+    "personFullName": PERSON_FULL_NAME, // Full name
+    "personLastName": PERSON_LAST_NAME, // Last name
+    "personFirstName": PERSON_FIRST_NAME, // First name
+    "phoneNumber": PHONE_NUMBER, // Phone number
+    "phoneCountryCode": PHONE_COUNTRY_CODE, // Country code
+    "fullPhoneNumber": FULL_PHONE_NUMBER, // Full phone number
+    "emailAddress": EMAIL_ADDRESS, // Email address
+    "bankCardNumber": BANK_CARD_NUMBER, // Bank card number
+    "idCardNumber": ID_CARD_NUMBER, // ID card number
+    "nickName": NICKNAME, // Nickname
+    "name": PERSON_FULL_NAME, // Full name
+    "familyName": PERSON_LAST_NAME, // Last name
+    "givenName": PERSON_FIRST_NAME, // First name
+    "detailInfoWithoutStreet": DETAIL_INFO_WITHOUT_STREET,// Detailed address without street information
+    "formatAddress": FORMAT_ADDRESS, // Format address
 }
 ```
 
 ### Link
 
-目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
+Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure AutoLink.
 
-首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`
+Open the **harmony** directory of the HarmonyOS project in DevEco Studio.
 
-#### 1. 在 harmony 工程根目录的 `oh-package.json5` 添加 overrides 字段
+#### 1. 1. Adding the **overrides** Field to the **oh-package.json5** File in the Root Directory of the Project
 
 ```json
 {
@@ -158,19 +161,19 @@ React-Native 侧 TextInput 组件接收的 [textContentType](https://reactnative
 }
 ```
 
-#### 2. 引入原生端代码
+#### 2. 2. Introducing Native Code
 
-目前有两种方法：
+Currently, two methods are available:
 
-（1）通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；
+(1) Use the HAR file (this method will be deprecated once DevEco Studio supports the relevant functionality; currently, this is the preferred method).
 
-（2）直接链接源码。
+(2) Directly link to the source code.
 
-方法 一：通过 har 包引入（推荐）
+Method 1 (recommended): Use the HAR file.
 
-> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+> [!TIP] The HAR file is stored in the **harmony** directory in the installation path of the third-party library.
 
-打开 `entry/oh-package.json5`，添加以下依赖
+Open **entry/oh-package.json5** and add the following dependencies:
 
 ```json
 "dependencies": {
@@ -179,22 +182,22 @@ React-Native 侧 TextInput 组件接收的 [textContentType](https://reactnative
   }
 ```
 
-点击右上角的 `sync` 按钮
+Click the **sync** button in the upper right corner.
 
-或者在终端执行：
+Alternatively, run the following instruction on the terminal:
 
 ```bash
 cd entry
 ohpm install
 ```
 
-方法 二：直接链接源码
+Method 2: Directly link to the source code.
 
-如需使用直接链接源码，请参考[直接链接源码](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/link-source-code.md)说明
+For details, see [Direct Linking of Source Code](https://gitee.com/react-native-oh-library/usage-docs/blob/master/en/link-source-code.md).
 
-#### 3. 配置 CMakeLists 和引入 AutoFillPackage
+#### 3. Configuring CMakeLists and Introducing AutoFillPackage
 
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
+Open **entry/src/main/cpp/CMakeLists.txt** and add the following code:
 
 ```diff
 project(rnapp)
@@ -220,7 +223,7 @@ add_library(rnoh_app SHARED
 # RNOH_END: manual_package_linking_2
 ```
 
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
+Open **entry/src/main/cpp/PackageProvider.cpp** and add the following code:
 
 ```diff
 #include "RNOH/PackageProvider.h"
@@ -236,9 +239,9 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(
 }
 ```
 
-#### 4. 在 ArkTs 侧引入 AutoFillPackage
+#### 4. Introducing AutoFillPackage to ArkTs
 
-打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
+Open **entry/src/main/ets/RNPackagesFactory.ts** and add the following code:
 
 ```diff
   ...
@@ -251,25 +254,26 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-## 约束与限制
-### 兼容性
+## Constraints
+
+### Compatibility
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+To use this library, you need to use the correct React Native and RNOH versions. In addition, use the matching DevEco Studio and the ROM on your phone.
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases)
+Find the matching version information in the release address of the third-party library: [@react-native-ohos-community/auto-fill Releases](https://github.com/react-native-oh-library/auto-fill/releases)
 
 
-## API 接口说明
+## API Description
 
-auto-fill 仅暴露一个 autoSave 接口，用于保存当前表单信息
+auto-fill exposes only the **autoSave** API, which is used to save the current form information.
 
-| API                              | 说明             |                       入参                       | 返回值 |
-| :------------------------------- | ---------------- | :----------------------------------------------: | :----: |
-| autoSave(onSuccess?, onFailure?) | 保存当前表单信息 | (onSuccess?: () => void, onFailure?: () => void) |  void  |
+| API                              | Description                         |                    Parameter                     | Return Value |
+| :------------------------------- | ----------------------------------- | :----------------------------------------------: | :----------: |
+| autoSave(onSuccess?, onFailure?) | Saves the current form information. | (onSuccess?: () => void, onFailure?: () => void) |     void     |
 
-> autoSave 方法在 native 侧限制 2s 内只能调用一次，多次调用将触发 onFailure 回调，并输出 `autoSave called too frequently, please wait for 2 seconds.`
+> The **autoSave** API can be invoked only once within 2 seconds on the native side. If the API is invoked multiple times, the **onFailure** callback is triggered and the message "autoSave called too frequently, please wait for 2 seconds" is displayed.
 
 
-## 开源协议
+## License
 
-本项目基于 [Apache License 2.0](https://github.com/react-native-oh-library/auto-fill/blob/sig/LICENSE) ，请自由地享受和参与开源。
+This project is licensed under [Apache License 2.0](https://github.com/react-native-oh-library/auto-fill/blob/sig/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-pull.md b/en/react-native-pull.md
index 0624e4af..2cb8d8ba 100644
--- a/en/react-native-pull.md
+++ b/en/react-native-pull.md
@@ -18,7 +18,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library:[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -88,16 +88,16 @@ const onPullRelease = (resolve) => {
      }, 3000);
  };
  const onPushing = (gesturePosition) => {
-     testObj.pushing= 'x:' + gesturePosition.x + '------' + 'y：' + gesturePosition.y
+     testObj.pushing = 'x:' + gesturePosition.x + '------' + 'y: ' + gesturePosition.y
      setData(testObj)
  };
 	const topIndicatorRender = (pulling, pullok, pullrelease) => {
      if (pulling) {
-         setCount('下拉刷新pulling...')
+         setCount('Pull-to-refresh: pulling...')
      } else if (pullok) {
-         setCount('松开刷新pullok......')
+         setCount('Release-to-refresh: pullok...')
      } else if (pullrelease) {
-         setCount('玩命刷新中pullrelease......')
+         setCount('Refreshing: pullrelease...')
      }
 		return (
          <View style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center', height: 60}}>
@@ -297,17 +297,17 @@ const PullListDemo = () => {
 
 
     const onPushing = (gesturePosition) => {
-        testObj.pushing= 'x:' + gesturePosition.x + '------' + 'y：' + gesturePosition.y
+        testObj.pushing = 'x:' + gesturePosition.x + '------' + 'y: ' + gesturePosition.y
         setData(testObj)
     };
 
     const topIndicatorRender = (pulling, pullok, pullrelease) => {
       if (pulling) {
-          setCount('当前PullList状态: pulling...')
+          setCount('Current PullList state: pulling...')
       } else if (pullok) {
-          setCount('当前PullList状态: pullok......')
+          setCount('Current PullList state: pullok...')
       } else if (pullrelease) {
-          setCount('当前PullList状态: pullrelease......')
+          setCount('Current PullList state: pullrelease...')
       }
 
   return (
@@ -447,18 +447,18 @@ Check the release version information in the release address of the third-party
 
 **`PullView` & `PullList` Pull down effect attribute**
 
-| Name                 | Description                                                                                                                                                                | Type     | Required | Platform    | HarmonyOS Support |
-| -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| `style`              | 设置组件样式，比如可以设置width/height/backgroudColor等                                                                                                                    | Style    | no       | android,ios | yes               |
-| `onPulling`          | 处于`pulling`状态时执行的方法                                                                                                                                              | function | no       | android,ios | yes               |
-| `onPullOk`           | 处于`pullok`状态时执行的方法                                                                                                                                               | function | no       | android,ios | yes               |
-| `onPullRelease`      | 处于`pullrelease`状态时执行的方法，接受一个参数：`resolve`，最后执行完操作后应该调用`resolve()`。                                                                          | function | no       | android,ios | yes               |
-| `onPushing`          | 当从下往上推时执行的方法，接受一个参数：`gesturePosition`。gesturePosition是json格式{x, y}对象，当从上往下拉时gesturePosition.y > 0，当从下往上推时gesturePosition.y < 0。 | function | no       | android,ios | yes               |
-| `topIndicatorRender` | 顶部刷新指示组件的渲染方法, 接受4个参数: `ispulling`, `ispullok`, `ispullrelease`，`gesturePosition`，你可以使用`gesturePosition`定义动画头部。                            | function | no       | android,ios | yes               |
-| `topIndicatorHeight` | 顶部刷新指示组件的高度, 若定义了topIndicatorRender则同时需要此属性                                                                                                         | number   | no       | android,ios | yes               |
-| `isPullEnd`          | 是否已经下拉结束，若为true则隐藏顶部刷新指示组件，非必须                                                                                                                   | boolean  | no       | android,ios | yes               |
-| `onRefresh`          | 开始刷新时调用的方法                                                                                                                                                       | function | no       | android,ios | yes               |
-| `refreshing`         | 指示是否正在刷新                                                                                                                                                           | function | no       | android,ios | yes               |
+| Name                 | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| `style`              | Sets the component style, such as width, height, and background color. | Style    | no       | android,ios | yes               |
+| `onPulling`          | Called when the component is in the **pulling** state.       | function | no       | android,ios | yes               |
+| `onPullOk`           | Called when the component is in the **pullok** state.        | function | no       | android,ios | yes               |
+| `onPullRelease`      | Called when the component is in the **pullrelease** state. This function contains the **resolve **parameter. You should call **resolve()** at the end. | function | no       | android,ios | yes               |
+| `onPushing`          | Called when the component is in the **pushing** state. This function contains the **gesturePosition** parameter, which is a **{x, y}** object in JSON format. When the component is pulled from top to bottom, the value of **gesturePosition.y** is greater than 0. When the object is pushed from bottom to top, the value of **gesturePosition.y** is less than 0. | function | no       | android,ios | yes               |
+| `topIndicatorRender` | Renders the top indicator component. This function contains four parameters: **ispulling**, **ispullok**, **ispullrelease** and **gesturePosition**. You can use **gesturePosition** to define the animation header. | function | no       | android,ios | yes               |
+| `topIndicatorHeight` | Specifies the height of the top indicator component. This property is necessary when **topIndicatorRender** is defined. | number   | no       | android,ios | yes               |
+| `isPullEnd`          | Indicates whether the pull-down ends. If the value is **true**, the top indicator component is hidden. This parameter is optional. | boolean  | no       | android,ios | yes               |
+| `onRefresh`          | Called when the refresh starts.                              | function | no       | android,ios | yes               |
+| `refreshing`         | Indicates whether the component is being refreshed.          | function | no       | android,ios | yes               |
 
 ## Known Issues
 
@@ -466,4 +466,4 @@ Check the release version information in the release address of the third-party
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/greatbsky/react-native-pull/blob/master/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://github.com/greatbsky/react-native-pull/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-scrollable-tab-view.md b/en/react-native-scrollable-tab-view.md
index f0c98c6c..a5deb72c 100644
--- a/en/react-native-scrollable-tab-view.md
+++ b/en/react-native-scrollable-tab-view.md
@@ -18,7 +18,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -66,9 +66,9 @@ export default () => {
 ## Link
 
 
-The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-pager-view，If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again. You can skip the steps in this chapter and use it directly.
+The HarmonyOS implementation of this library relies on the native code of @react-native-oh-tpl/react-native-pager-view. If the library has already been introduced in the HarmonyOS project, there is no need to introduce it again.You can skip the steps in this chapter and use it directly.
 
-If not introduced, please refer to the Link section of the document[@react-native-oh-tpl/react-native-pager-view](react-native-pager-view.md#link)for introduction.
+If not introduced, please refer to the Link section of the document [@react-native-oh-tpl/react-native-pager-view](react-native-pager-view.md#link) for introduction.
 
 ## Constraints
 
@@ -86,23 +86,23 @@ Check the release version information in the release address of the third-party
 
 | Name                       | Description                                                  | Type                 | Required | Platform     | HarmonyOS Support |
 | -------------------------- | ------------------------------------------------------------ | -------------------- | -------- | ------------ | ----------------- |
-| renderTabBar               | 用于渲染TabBar。添加该属性，需要在引入组件之时加上它的子组件。系统提供两种方式，DefaultTabBar和ScrollableTabBar。DefaultTabBar表示Tab.item会平分水平方向上的空间，而ScrollableTabBar表示所有的tabBar.item的长度将会超过屏幕宽度，但是当滚动屏幕之时可以显示出来。当然也可以自定义它的模式。 | Function             | no       | ios，android | yes               |
-| tabBarPosition             | 表示TabBar的位置。一共有四个取值：top(放在界面上方)、bottom(放在界面底部)、overlayTop(有悬浮效果在上方)、overlayBottom(有悬浮效果在下方) | String               | no       | ios，android | yes               |
-| onChangeTab                | 切换界面的时候会调用该方法，该属性中包含一个参数，它是一个object对象，这个对象有两个参数，i表示被选中的下标，ref表示被选中的对象。 | Function             | no       | ios，android | yes               |
-| onScroll                   | 视图滑动时调用，该属性会传递一个Float类型的数字，范围是[0,tab的数量-1] | Function             | no       | ios，android | yes               |
-| locked                     | 手指是否能拖动，默认为false（可拖动）,如为true则表示只能通过点击tab来切换视图。 | Bool                 | no       | ios，android | yes               |
-| initialPage                | 初始化时被选中的下标，默认为0                                | Integer              | no       | ios，android | yes               |
-| page                       | 设置选中指定的tab(已废弃,详情请看 [#126](https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/126)) | Integer              | no       | ios,android  | no                |
-| children                   | 每个顶级子组件都应该有一个tabLabel属性，选项卡栏组件可以使用它来呈现标签。默认是字符串，但也可以自定义内容。 | ReactComponents      | no       | ios，android | yes               |
-| tabBarUnderlineStyle       | 设置选项卡栏下划线的样式。注意，该属性只是在系统提供的ScrollableTabBarTab状态下才有效果。 | View.propTypes.style | no       | ios，android | yes               |
-| tabBarBackgroundColor      | 设置选项卡栏背景的颜色，默认为white。                        | String               | no       | ios，android | yes               |
-| tabBarActiveTextColor      | 设置选中的tabBar的文字颜色,默认navy。                        | String               | no       | ios，android | yes               |
-| tabBarInactiveTextColor    | 设置未选中的tabBar的文字颜色,默认black。                     | String               | no       | android,ios  | yes               |
-| tabBarTextStyle            | 选项卡栏文本的其他样式。例如：{fontFamily: 'Roboto', fontSize: 15} | Object               | no       | android,ios  | yes               |
-| style                      | view所拥有的属性                                             | View.propTypes.style | no       | android,ios  | yes               |
-| contentProps               | 应用于ScrollView/ViewPagerAndroid的属性。请注意，重写库设置的默认值可能会破坏功能； | Object               | no       | android,ios  | yes               |
-| scrollWithoutAnimation     | 设置点击Tab时，视图切换是否有动画，默认为false（即：有动画效果）。 | Bool                 | no       | android,ios  | yes               |
-| prerenderingSiblingsNumber | 预渲染附近的同级，Infinity===渲染所有同级，默认为0===渲染当前页面。 | Integer              | no       | android,ios  | yes               |
+| renderTabBar               | Renders the tab bar. To add this property, you need to add its subcomponents when introducing the component. The system provides two tab bar types: **DefaultTabBar** and **ScrollableTabBar**. **DefaultTabBar** indicates that tab items are evenly distributed in the horizontal space. **ScrollableTabBar** indicates that the length of all tab bar items exceeds the screen width, but they can be displayed when the screen is scrolled. You can also customize the mode. | Function             | no       | iOS, Android | yes               |
+| tabBarPosition             | Indicates the position of the tab bar. You can set this parameter to **top** (on the top of the UI), **bottom** (on the bottom of the UI), **overlayTop** (on the top with the floating effect), or **overlayBottom** (on the bottom with the floating effect). | String               | no       | iOS, Android | yes               |
+| onChangeTab                | Called when the tab is switched. This function contains a parameter, which is an object containing two parameters: **i** indicates the selected index of the tab, and **ref** indicates the selected tab. | Function             | no       | iOS, Android | yes               |
+| onScroll                   | Called when the view slides. This function contains a parameter, which is a number of the Float type. Value range: [0, number of tabs – 1]. | Function             | no       | iOS, Android | yes               |
+| locked                     | Indicates whether the tab can be dragged. The default value is **false**, indicating that the tab can be dragged. If the value is **true**, the view can be switched only by clicking the tab. | Bool                 | no       | iOS, Android | yes               |
+| initialPage                | Indicates the index of the selected tab during initialization. The default value is **0**. | Integer              | no       | iOS, Android | yes               |
+| page                       | Sets the selected tab. This property is deprecated. For details, see [#126](https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/126). | Integer              | no       | iOS, Android | no                |
+| children                   | Each top-level child component should have a **tabLabel** property that can be used by the tab bar component to render out the labels. The default value of the tab bar is a string. You can also customize the value. | ReactComponents      | no       | iOS, Android | yes               |
+| tabBarUnderlineStyle       | Sets the underline style of the tab bar. Note that this property is valid only in the **ScrollableTabBarTab** state provided by the system. | View.propTypes.style | no       | iOS, Android | yes               |
+| tabBarBackgroundColor      | Sets the background color of the tab bar. The default color is **white**. | String               | no       | iOS, Android | yes               |
+| tabBarActiveTextColor      | Sets the text color of the selected tab bar. The default value is **navy**. | String               | no       | iOS, Android | yes               |
+| tabBarInactiveTextColor    | Sets the text color of the tab bar that is not selected. The default value is **black**. | String               | no       | Android, iOS | yes               |
+| tabBarTextStyle            | Sets other styles of the tab bar text. Example: {fontFamily: 'Roboto', fontSize: 15} | Object               | no       | Android, iOS | yes               |
+| style                      | Indicates a property of View.                                | View.propTypes.style | no       | Android, iOS | yes               |
+| contentProps               | Indicates a property applied to **ScrollView** and **ViewPagerAndroid**. Note that overriding the default values set by the library may damage the functionality. | Object               | no       | Android, iOS | yes               |
+| scrollWithoutAnimation     | Sets whether animation is displayed during view switching when a tab is clicked. The default value is **false**, indicating that animation is displayed. | Bool                 | no       | Android, iOS | yes               |
+| prerenderingSiblingsNumber | Pre-renders the nearby siblings. If this property is set to **Infinity**, all siblings are rendered. The default value is **0**, indicating that the current page is rendered. | Integer              | no       | Android, iOS | yes               |
 
 ## Known Issues
 
@@ -112,4 +112,4 @@ Check the release version information in the release address of the third-party
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
+This project is licensed under [The MIT License (MIT)](https://www.mit-license.org/).
\ No newline at end of file
diff --git a/en/react-native-stickyheader.md b/en/react-native-stickyheader.md
index 7e944050..5ee6c6cd 100644
--- a/en/react-native-stickyheader.md
+++ b/en/react-native-stickyheader.md
@@ -18,7 +18,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-stickyheader Releases](https://github.com/react-native-oh-library/react-native-stickyheader/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -87,10 +87,10 @@ function App() {
         )}
         scrollEventThrottle={1}
       >
-        <Text>文字</Text>
-        <Text>文字</Text>
-        <Text>文字</Text>
-        <Text>文字</Text>
+        <Text>Text</Text>
+        <Text>Text</Text>
+        <Text>Text</Text>
+        <Text>Text</Text>
         <StickyHeader
           stickyHeaderY={60} 
           stickyScrollY={scrollY.current}
@@ -124,20 +124,20 @@ export default App;
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.200; ROM: 205.0.0.18
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-此组件有以下属性:
+Available properties:
 
-| Property      | Type   | Required | Description       | Platform         | HarmonyOS <br/>Support |
-| ------------- | ------ | -------- | ----------------- | ---------------- | ---------------------- |
-| StickyHeaderY | number | NO       | 滑动到多少悬浮    | Android <br/>IOS | YES                    |
-| StickyScrollY | any    | Yes      | 动画的ScrollY回调 | Android <br/>IOS | YES                    |
+| Property      | Type   | Required | Description                                            | Platform        | HarmonyOS <br>Support |
+| ------------- | ------ | -------- | ------------------------------------------------------ | --------------- | --------------------- |
+| StickyHeaderY | number | NO       | The scrolling distance where the sticky header is used | Android <br>IOS | YES                   |
+| StickyScrollY | any    | Yes      | Callback of the **ScrollY** animation                  | Android <br>IOS | YES                   |
 
 ## Known Issues
 
@@ -145,6 +145,4 @@ This document is verified based on the following versions:
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE).
-
-
+This project is licensed under [The MIT License (MIT)](https://github.com/jiasongs/react-native-stickyheader/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-swiper.md b/en/react-native-swiper.md
index b0e2612b..0ccb676c 100644
--- a/en/react-native-swiper.md
+++ b/en/react-native-swiper.md
@@ -95,8 +95,8 @@ AppRegistry.registerComponent("myproject", () => SwiperComponent);
 
 This document is verified based on the following versions:
 
-1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58;
-2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71;
+1. RNOH: 0.72.13; SDK: HarmonyOS NEXT Developer Preview1; IDE: DevEco Studio 4.1.3.500; ROM: 2.0.0.58;
+2. RNOH: 0.72.33; SDK: OpenHarmony 5.0.0.71 (API Version 12 Release); IDE: DevEco Studio 5.0.3.900; ROM: NEXT.0.0.71;
 
 ## Properties
 
@@ -123,7 +123,7 @@ This document is verified based on the following versions:
 | height            | If no specify default fullscreen mode by `flex: 1`.          | `number`  |            -            | All      | YES               |
 | style             | See default style in source.                                 |  `style`  |          {...}          | All      | YES               |
 | containerStyle    | See default container style in source.                       |  `style`  |          {...}          | All      | YES               |
-| loadMinimal       | Only load current index slide , `loadMinimalSize` slides before and after. |  `bool`   |          false          | All      | YES               |
+| loadMinimal       | Only load current index slide, `loadMinimalSize` slides before and after. |  `bool`   |          false          | All      | YES               |
 | loadMinimalSize   | see `loadMinimal`                                            | `number`  |            1            | All      | YES               |
 | loadMinimalLoader | Custom loader to display when slides aren't loaded           | `element` | `<ActivityIndicator />` | All      | YES               |
 
@@ -151,12 +151,12 @@ This document is verified based on the following versions:
 
 #### Control buttons
 
-| Prop               |                                                                                                   Default                                                                                                   |   Type    | Description                                 | platform | HarmonyOS Support | remark |
-| :----------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------: | :------------------------------------------ | -------- | ----------------- | ------ |
-| showsButtons       |                                                                                                    true                                                                                                     |  `bool`   | Set to `true` make control buttons visible. | All      | YES               | --     |
+| Prop               |                           Default                            |   Type    | Description                                 | platform | HarmonyOS Support | remark |
+| :----------------- | :----------------------------------------------------------: | :-------: | :------------------------------------------ | -------- | ----------------- | ------ |
+| showsButtons       |                             true                             |  `bool`   | Set to `true` make control buttons visible. | All      | YES               | --     |
 | buttonWrapperStyle | `{backgroundColor: 'transparent', flexDirection: 'row', position: 'absolute', top: 0, left: 0, flex: 1, paddingHorizontal: 10, paddingVertical: 10, justifyContent: 'space-between', alignItems: 'center'}` |  `style`  | Custom styles.                              | All      | YES               | --     |
-| nextButton         |                                                                                 `<Text style={styles.buttonText}>›</Text>`                                                                                  | `element` | Allow custom the next button.               | All      | YES               | --     |
-| prevButton         |                                                                                 `<Text style={styles.buttonText}>‹</Text>`                                                                                  | `element` | Allow custom the prev button.               | All      | YES               | --     |
+| nextButton         |          `<Text style={styles.buttonText}>›</Text>`          | `element` | Allow custom the next button.               | All      | YES               | --     |
+| prevButton         |          `<Text style={styles.buttonText}>‹</Text>`          | `element` | Allow custom the prev button.               | All      | YES               | --     |
 
 #### Props of Children
 
@@ -174,9 +174,9 @@ This document is verified based on the following versions:
 | showsHorizontalScrollIndicator   | Set to `true` if you want to show horizontal scroll bar.     | `bool` |  false  | All      | YES               | --                                                           |
 | showsVerticalScrollIndicator     | Set to `true` if you want to show vertical scroll bar.       | `bool` |  false  | All      | YES               | --                                                           |
 | bounces                          | If `true`, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction. If `false`, it disables all bouncing even if the alwaysBounce\* props are true. | `bool` |  false  | All      | YES               | --                                                           |
-| scrollsToTop                     | If true, the scroll view scrolls to top when the status bar is tapped. | `bool` |  false  | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持 |
-| removeClippedSubviews            | If true, offscreen child views (whose overflow value is hidden) are removed from their native backing superview when offscreen. This canimprove scrolling performance on long lists. | `bool` |  true   | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持 |
-| automaticallyAdjustContentInsets | Set to `true` if you need adjust content insets automation.  | `bool` |  false  | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持 |
+| scrollsToTop                     | If true, the scroll view scrolls to top when the status bar is tapped. | `bool` |  false  | All      | NO                | This component property is inherited from RNOH **scrollview**. Currently, **scrollsToTop** in RNOH is not supported. |
+| removeClippedSubviews            | If true, offscreen child views (whose overflow value is hidden) are removed from their native backing superview when offscreen. This canimprove scrolling performance on long lists. | `bool` |  true   | All      | NO                | This component property is inherited from RNOH **scrollview**. Currently, **removeClippedSubviews** in RNOH is not supported. |
+| automaticallyAdjustContentInsets | Set to `true` if you need adjust content insets automation.  | `bool` |  false  | All      | NO                | This component property is inherited from RNOH **scrollview**. Currently, **automaticallyAdjustContentInsets** in RNOH is not supported. |
 | scrollEnabled                    | Enables/Disables swiping                                     | `bool` |  true   | All      | YES               | --                                                           |
 
 > @see: http://facebook.github.io/react-native/docs/scrollview.html
@@ -221,13 +221,13 @@ var swiper = React.createClass({
 
 ### Known Issues
 
-- [ ] 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持
-- [ ] 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持
-- [ ] 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持
-- [ ] 组件轮播图RNOH版本为0.72.13暂时有不居中问题，在RNOH版本为0.72.19上解决
+- [ ] The **scrollsToTop** property is inherited from RNOH **scrollview**. Currently, **scrollsToTop** in RNOH is not supported.
+- [ ] The **removeClippedSubviews** property is inherited from RNOH **scrollview**. Currently, **removeClippedSubviews** in RNOH is not supported.
+- [ ] The **automaticallyAdjustContentInsets** property is inherited from RNOH **scrollview**. Currently, **automaticallyAdjustContentInsets** in RNOH is not supported.
+- [ ] In the RNOH version 0.72.13, the swiper component cannot be centered. This problem is solved in the RNOH version 0.72.19.
 
 ### Others
 
 ### License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/leecade/react-native-swiper/blob/master/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://github.com/leecade/react-native-swiper/blob/master/LICENSE).
\ No newline at end of file
diff --git a/en/react-native-video.md b/en/react-native-video.md
index ee2aac60..f0ec86a9 100644
--- a/en/react-native-video.md
+++ b/en/react-native-video.md
@@ -16,7 +16,7 @@
 
 ## Installation and Usage
 
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+Find the matching version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-video Releases](https://github.com/react-native-oh-library/react-native-video/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
 Go to the project directory and execute the following instruction:
 
@@ -111,7 +111,7 @@ function RNCVideoDemo() {
   return (
     <ScrollView style={styles.container}>
       <View style={styles.container}>
-        <Text style={styles.title}>网络视频demo</Text>
+        <Text style={styles.title}>Online video demo</Text>;
         <Text style={styles.labelB}>{onVideoLoad}</Text>
         <Text style={styles.label}>{onVideoError}</Text>
         <Text style={styles.label}>{onVideoLoadStart}</Text>
@@ -137,7 +137,7 @@ function RNCVideoDemo() {
               setPosterResizeMode("stretch");
             }}
           >
-            切换net:vmallres
+            Switch to https://res.vmallres.com.
           </Text>
           <Text
             style={{ backgroundColor: "red", flex: 0.25 }}
@@ -146,7 +146,7 @@ function RNCVideoDemo() {
               setPosterResizeMode("contain");
             }}
           >
-            切换net:oceans
+            Switch to https://vjs.zencdn.net/v/oceans.mp4.
           </Text>
         </View>
         <Text style={styles.title}>set resizeMode </Text>
@@ -197,7 +197,7 @@ function RNCVideoDemo() {
             padding: 0,
           }}
         >
-          <Text style={styles.title}>操作 </Text>
+          <Text style={styles.title}>Operation</Text>;
           <TextInput
             style={styles.prop_input}
             placeholder="input seek sec number:"
@@ -579,112 +579,112 @@ Check the release version information in the release address of the third-party
 
 ## Properties
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
-
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
-
-详情请查看[react-native-video 官方文档](https://github.com/react-native-video/react-native-video/blob/support/5.2.X/README.md)
-
-| Name | Descriptio                 | Type   | Required  | Platform | HarmonyOS Support |
-| ---- | -------------------------- | :----- | --------- | -------- |------------------ |
-| `source`| Sets the media source. You can pass an asset loaded via require or an object with a uri.| object | Yes      | All                                                      | yes |
-| `disableFocus`     | Determines whether video audio should override background music/audio in Android and HarmonyOS devices.<br/>**false (default)**                                                                                                                                                                                                             | boolean   | No       | Android Exoplayer                                        | yes                            |
-| `muted`            | Controls whether the audio is muted.<br/>**false (default)** - Don't mute audio                                                                                                                                                                                                                                                             | boolean   | No       | All                                                      | yes                            |
-| `paused`           | Controls whether the media is paused.<br/>**false (default)** - Don't pause the media                                                                                                                                                                                                                                                       | boolean   | No       | All                                                      | yes                            |
-| `repeat`           | Determine whether to repeat the video when the end is reached.<br/>**false (default)** - Don't repeat the video                                                                                                                                                                                                                             | boolean   | No       | All                                                      | yes                            |
-| `resizeMode`       | Determines how to resize the video when the frame doesn't match the raw video dimensions.<br/>**"none" (default)** - Don't apply resize                                                                                                                                                                                                     | string | No       | Android ExoPlayer, Android MediaPlayer, iOS, Windows UWP | yes                            |
-| `volume`           | Adjust the volume.<br/>**1.0 (default)** - Play at full volume                                                                                                                                                                                                                                                                              | number | No       | All                                                      | yes                            |
-| `poster`           | An image to display while the video is loading<br/>Value: string with a URL for the poster, e.g. "<https://baconmockup.com/300/200/>"                                                                                                                                                                                                       | string | No       | All                                                      | yes                            |
-| `posterResizeMode` | Determines how to resize the poster image when the frame doesn't match the raw video dimensions..<br/>**"contain" (default)**- Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding). | string | No       | All                                                      | yes                            |
-| `allowsExternalPlayback` | Indicates whether the player allows switching to external playback mode such as AirPlay or HDMI.              | boolean   | No  | iOS | No |
-| `audioOnly` | Indicates whether the player should only play the audio track and instead of displaying the video track, show the poster instead.  | boolean   | No  | All | No |
-| `onPlaybackStalled` | The callback when the buffer starts caching, controls the display of the loading view  | boolean   | No  | Android | No |
-| `onPlaybackResume` | The callback when the buffer ends caching, controlling the hiding of the loading view  | boolean   | No  | Android | No |
-| `automaticallyWaitsToMinimizeStalling` | A Boolean value that indicates whether the player should automatically delay playback in order to minimize stalling. For clients linked against iOS 10.0 and later  | boolean   | No  | iOS | No |
-| `bufferConfig` | Adjust the buffer settings. This prop takes an object with one or more of the properties listed below.  | object   | No  | Android | No |
-| `controls` |Determines whether to show player controls.  | boolean   | No  | All | Yes |
-| `currentPlaybackTime` |When playing an HLS live stream with a EXT-X-PROGRAM-DATE-TIME tag configured, then this property will contain the epoch value in msec.| string | No  | All | No |
-| `filter` |Add video filter| string | No  | iOS | No |
-| `filterEnabled` |Enable video filter.| string | No  | iOS | No |
-| `fullscreen` |Controls whether the player enters fullscreen on play.| boolean | No  | iOS | No |
-| `fullscreenAutorotate` |If a preferred fullscreenOrientation is set, causes the video to rotate to that orientation but permits rotation of the screen to orientation held by user. Defaults to TRUE.| boolean | No  | iOS | No |
-| `fullscreenOrientation` |Full screen orientation is set.| string | No  | iOS | No |
-| `headers` |Pass headers to the HTTP client. Can be used for authorization. Headers must be a part of the source object.| object | No  | Android | No |
-| `hideShutterView` |Controls whether the ExoPlayer shutter view (black screen while loading) is enabled.| boolean | No  | Android | No |
-| `id` |Set the DOM id element so you can use document.getElementById on web platforms. Accepts string values.| string | No  | All | No |
-| `ignoreSilentSwitch` |Controls the iOS silent switch behavior| string | No  | iOS | No |
-| `maxBitRate` |Sets the desired limit, in bits per second, of network bandwidth consumption when multiple video streams are available for a playlist.| number | No  | All | No |
-| `minLoadRetryCount` |Sets the minimum number of times to retry loading data before failing and reporting an error to the application. Useful to recover from transient internet failures.| number | No  | Android | No |
-| `mixWithOthers` |Controls how Audio mix with other apps.| string | No  | iOS | No |
-| `pictureInPicture` |Determine whether the media should played as picture in picture.| boolean | No  | iOS | No |
-| `playInBackground` |Determine whether the media should continue playing while the app is in the background. This allows customers to continue listening to the audio.| boolean | No  | All | No |
-| `playWhenInactive` |Determine whether the media should continue playing when notifications or the Control Center are in front of the video.| boolean | No  | iOS | No |
-| `preferredForwardBufferDuration` |The duration the player should buffer media from the network ahead of the playhead to guard against playback disruption. Sets the preferredForwardBufferDuration instance property on AVPlayerItem.| number | No  | iOS | No |
-| `preventsDisplaySleepDuringVideoPlayback` |Controls whether or not the display should be allowed to sleep while playing the video. Default is not to allow display to sleep.| boolean | No  | All | No |
-| `progressUpdateInterval` |Delay in milliseconds between onProgress events in milliseconds.| number | No  | iOS | No |
-| `rate` |Speed at which the media should play.| number | No  | All | No |
-| `reportBandwidth` |Determine whether to generate onBandwidthUpdate events. This is needed due to the high frequency of these events on ExoPlayer.| boolean | No  | Android | No |
-| `selectedAudioTrack` |Configure which audio track, if any, is played.| object | No  | All | No |
-| `selectedTextTrack` |Configure which text track (caption or subtitle), if any, is shown.| object | No  | All | No |
-| `selectedVideoTrack` |Configure which video track should be played. By default, the player uses Adaptive Bitrate Streaming to automatically select the stream it thinks will perform best based on available bandwidth.| object | No  | Android | No |
-| `stereoPan` |Adjust the balance of the left and right audio channels. Any value between –1.0 and 1.0 is accepted.| number | No  | Android | No |
-| `textTracks` |Load one or more "sidecar" text tracks. This takes an array of objects representing each track. | object | No  | All | No |
-| `trackId` |Configure an identifier for the video stream to link the playback context to the events emitted. | string | No  | Android | No |
-| `useTextureView` |Controls whether to output to a TextureView or SurfaceView. | boolean | No  | Android | No |
-
-## 事件回调
-
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
-
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
-
-| Name                | Description                                                                                                                          | Type     | Required | Platform                                         | HarmonyOS Support |
-| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | :------- | -------- | ------------------------------------------------ | ----------------- |
-| `onLoad`            | Callback function that is called when the media is loaded and ready to play.                                                         | function | No       | All                                              | yes               |
-| `onLoadStart`       | Callback function that is called when the media starts loading.                                                                      | function | No       | All                                              | yes               |
-| `onReadyForDisplay` | Callback function that is called when the first video frame is ready for display. This is when the poster is removed.                | function | No       | Android ExoPlayer, Android MediaPlayer, iOS, Web | yes               |
-| `onProgress`        | Callback function that is called every progressUpdateInterval seconds with info about which position the media is currently playing. | function | No       | All                                              | yes               |
-| `onEnd`             | Callback function that is called when the player reaches the end of the media.                                                       | function | No       | All                                              | yes               |
-| `onError`           | Callback function that is called when the player experiences a playback error.                                                       | function | No       | All                                              | yes               |
-| `onBuffer`          | Callback function that is called when the player buffers.                                                                            | function | No       | Android, iOS                                     | yes               |
-| `onPlaybackStalled` | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_START     | function | No       | Android MediaPlayer                              | yes               |
-| `onPlaybackResume`  | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_END | function | No    | Android MediaPlayer  | yes  |
-| `onAudioBecomingNoisy`  | Callback function that is called when the audio is about to become 'noisy' due to a change in audio outputs. Typically this is called when audio output is being switched from an external source like headphones back to the internal speaker. It's a good idea to pause the media when this happens so the speaker doesn't start blasting sound. | function | No    | All  | No  |
-| `onBandwidthUpdate` | Callback function that is called when the available bandwidth changes.     | function | No       | Android   | No  |
-| `onExternalPlaybackChange` | Callback function that is called when external playback mode for current playing video has changed. Mostly useful when connecting/disconnecting to Apple TV – it's called on connection/disconnection.    | function | No       | iOS   | No  |
-| `onFullscreenPlayerWillPresent` | Callback function that is called when the player is about to enter fullscreen mode.    | function | No       | All   | No  |
-| `onFullscreenPlayerDidPresent` |Callback function that is called when the player has entered fullscreen mode.   | function | No       | All   | No  |
-| `onFullscreenPlayerWillDismiss` |Callback function that is called when the player is about to exit fullscreen mode.   | function | No       | All   | No  |
-| `onFullscreenPlayerDidDismiss` |Callback function that is called when the player has exited fullscreen mode.  | function | No       | All   | No  |
-| `onLoadStart` |Callback function that is called when the media starts loading.  | function | No       | All   | No  |
-| `onReadyForDisplay` |Callback function that is called when the first video frame is ready for display. This is when the poster is removed.  | function | No       | All   | No  |
-| `onPictureInPictureStatusChanged` |Callback function that is called when picture in picture becomes active or inactive.  | function | No       | IOS   | No  |
-| `onPlaybackRateChange` |Callback function that is called when the rate of playback changes - either paused or starts/resumes. | function | No       | All   | No  |
-| `onSeek` |Callback function that is called when a seek completes. | function | No       | All   | No  |
-| `onRestoreUserInterfaceForPictureInPictureStop` |Callback function that corresponds to Apple's restoreUserInterfaceForPictureInPictureStopWithCompletionHandler. Call restoreUserInterfaceForPictureInPictureStopCompleted inside of this function when done restoring the user | function | No       | iOS   | No  |
-| `onTimedMetadata` |Callback function that is called when timed metadata becomes available | function | No       | All   | No  |
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+For details, see [React-Native-Video Official Document](https://github.com/react-native-video/react-native-video/blob/support/5.2.X/README.md).
+
+| Name                                      | Descriptio                                                   | Type    | Required | Platform                                                 | HarmonyOS Support |
+| ----------------------------------------- | ------------------------------------------------------------ | :------ | -------- | -------------------------------------------------------- | ----------------- |
+| `source`                                  | Sets the media source. You can pass an asset loaded via require or an object with a uri. | object  | Yes      | All                                                      | yes               |
+| `disableFocus`                            | Determines whether video audio should override background music/audio in Android and HarmonyOS devices.<br>**false (default)** | boolean | No       | Android Exoplayer                                        | yes               |
+| `muted`                                   | Controls whether the audio is muted.<br>**false (default)** - Don't mute audio | boolean | No       | All                                                      | yes               |
+| `paused`                                  | Controls whether the media is paused.<br>**false (default)** - Don't pause the media | boolean | No       | All                                                      | yes               |
+| `repeat`                                  | Determine whether to repeat the video when the end is reached.<br>**false (default)** - Don't repeat the video | boolean | No       | All                                                      | yes               |
+| `resizeMode`                              | Determines how to resize the video when the frame doesn't match the raw video dimensions.<br>**"none" (default)** - Don't apply resize | string  | No       | Android ExoPlayer, Android MediaPlayer, iOS, Windows UWP | yes               |
+| `volume`                                  | Adjust the volume.<br>**1.0 (default)** - Play at full volume | number  | No       | All                                                      | yes               |
+| `poster`                                  | An image to display while the video is loading<br>Value: string with a URL for the poster, e.g. "<https://baconmockup.com/300/200/>" | string  | No       | All                                                      | yes               |
+| `posterResizeMode`                        | Determines how to resize the poster image when the frame doesn't match the raw video dimensions..<br>**"contain" (default)**- Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding). | string  | No       | All                                                      | yes               |
+| `allowsExternalPlayback`                  | Indicates whether the player allows switching to external playback mode such as AirPlay or HDMI. | boolean | No       | iOS                                                      | No                |
+| `audioOnly`                               | Indicates whether the player should only play the audio track and instead of displaying the video track, show the poster instead. | boolean | No       | All                                                      | No                |
+| `onPlaybackStalled`                       | The callback when the buffer starts caching, controls the display of the loading view | boolean | No       | Android                                                  | No                |
+| `onPlaybackResume`                        | The callback when the buffer ends caching, controlling the hiding of the loading view | boolean | No       | Android                                                  | No                |
+| `automaticallyWaitsToMinimizeStalling`    | A Boolean value that indicates whether the player should automatically delay playback in order to minimize stalling. For clients linked against iOS 10.0 and later | boolean | No       | iOS                                                      | No                |
+| `bufferConfig`                            | Adjust the buffer settings. This prop takes an object with one or more of the properties listed below. | object  | No       | Android                                                  | No                |
+| `controls`                                | Determines whether to show player controls.                  | boolean | No       | All                                                      | Yes               |
+| `currentPlaybackTime`                     | When playing an HLS live stream with a EXT-X-PROGRAM-DATE-TIME tag configured, then this property will contain the epoch value in msec. | string  | No       | All                                                      | No                |
+| `filter`                                  | Add video filter                                             | string  | No       | iOS                                                      | No                |
+| `filterEnabled`                           | Enable video filter.                                         | string  | No       | iOS                                                      | No                |
+| `fullscreen`                              | Controls whether the player enters fullscreen on play.       | boolean | No       | iOS                                                      | No                |
+| `fullscreenAutorotate`                    | If a preferred fullscreenOrientation is set, causes the video to rotate to that orientation but permits rotation of the screen to orientation held by user. Defaults to TRUE. | boolean | No       | iOS                                                      | No                |
+| `fullscreenOrientation`                   | Full screen orientation is set.                              | string  | No       | iOS                                                      | No                |
+| `headers`                                 | Pass headers to the HTTP client. Can be used for authorization. Headers must be a part of the source object. | object  | No       | Android                                                  | No                |
+| `hideShutterView`                         | Controls whether the ExoPlayer shutter view (black screen while loading) is enabled. | boolean | No       | Android                                                  | No                |
+| `id`                                      | Set the DOM id element so you can use document.getElementById on web platforms. Accepts string values. | string  | No       | All                                                      | No                |
+| `ignoreSilentSwitch`                      | Controls the iOS silent switch behavior                      | string  | No       | iOS                                                      | No                |
+| `maxBitRate`                              | Sets the desired limit, in bits per second, of network bandwidth consumption when multiple video streams are available for a playlist. | number  | No       | All                                                      | No                |
+| `minLoadRetryCount`                       | Sets the minimum number of times to retry loading data before failing and reporting an error to the application. Useful to recover from transient internet failures. | number  | No       | Android                                                  | No                |
+| `mixWithOthers`                           | Controls how Audio mix with other apps.                      | string  | No       | iOS                                                      | No                |
+| `pictureInPicture`                        | Determine whether the media should be played as picture in picture. | boolean | No       | iOS                                                      | No                |
+| `playInBackground`                        | Determine whether the media should continue playing while the app is in the background. This allows customers to continue listening to the audio. | boolean | No       | All                                                      | No                |
+| `playWhenInactive`                        | Determine whether the media should continue playing when notifications or the Control Center are in front of the video. | boolean | No       | iOS                                                      | No                |
+| `preferredForwardBufferDuration`          | The duration the player should buffer media from the network ahead of the playhead to guard against playback disruption. Sets the preferredForwardBufferDuration instance property on AVPlayerItem. | number  | No       | iOS                                                      | No                |
+| `preventsDisplaySleepDuringVideoPlayback` | Controls whether the display should be allowed to sleep while playing the video. Default is not to allow display to sleep. | boolean | No       | All                                                      | No                |
+| `progressUpdateInterval`                  | Delay in milliseconds between onProgress events in milliseconds. | number  | No       | iOS                                                      | No                |
+| `rate`                                    | Speed at which the media should play.                        | number  | No       | All                                                      | No                |
+| `reportBandwidth`                         | Determine whether to generate onBandwidthUpdate events. This is needed due to the high frequency of these events on ExoPlayer. | boolean | No       | Android                                                  | No                |
+| `selectedAudioTrack`                      | Configure which audio track, if any, is played.              | object  | No       | All                                                      | No                |
+| `selectedTextTrack`                       | Configure which text track (caption or subtitle), if any, is shown. | object  | No       | All                                                      | No                |
+| `selectedVideoTrack`                      | Configure which video track should be played. By default, the player uses Adaptive Bitrate Streaming to automatically select the stream it thinks will perform best based on available bandwidth. | object  | No       | Android                                                  | No                |
+| `stereoPan`                               | Adjust the balance of the left and right audio channels. Any value between –1.0 and 1.0 is accepted. | number  | No       | Android                                                  | No                |
+| `textTracks`                              | Load one or more "sidecar" text tracks. This takes an array of objects representing each track. | object  | No       | All                                                      | No                |
+| `trackId`                                 | Configure an identifier for the video stream to link the playback context to the events emitted. | string  | No       | Android                                                  | No                |
+| `useTextureView`                          | Controls whether to output to a TextureView or SurfaceView.  | boolean | No       | Android                                                  | No                |
+
+## Event Callbacks
+
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+
+| Name                                            | Description                                                  | Type     | Required | Platform                                         | HarmonyOS Support |
+| ----------------------------------------------- | ------------------------------------------------------------ | :------- | -------- | ------------------------------------------------ | ----------------- |
+| `onLoad`                                        | Callback function that is called when the media is loaded and ready to play. | function | No       | All                                              | yes               |
+| `onLoadStart`                                   | Callback function that is called when the media starts loading. | function | No       | All                                              | yes               |
+| `onReadyForDisplay`                             | Callback function that is called when the first video frame is ready for display. This is when the poster is removed. | function | No       | Android ExoPlayer, Android MediaPlayer, iOS, Web | yes               |
+| `onProgress`                                    | Callback function that is called every progressUpdateInterval seconds with info about which position the media is currently playing. | function | No       | All                                              | yes               |
+| `onEnd`                                         | Callback function that is called when the player reaches the end of the media. | function | No       | All                                              | yes               |
+| `onError`                                       | Callback function that is called when the player experiences a playback error. | function | No       | All                                              | yes               |
+| `onBuffer`                                      | Callback function that is called when the player buffers.    | function | No       | Android, iOS                                     | yes               |
+| `onPlaybackStalled`                             | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_START | function | No       | Android MediaPlayer                              | yes               |
+| `onPlaybackResume`                              | Callback function that is MediaPlayer MEDIA_INFO_BUFFERING_END | function | No       | Android MediaPlayer                              | yes               |
+| `onAudioBecomingNoisy`                          | Callback function that is called when the audio is about to become 'noisy' due to a change in audio outputs. Typically this is called when audio output is being switched from an external source like headphones back to the internal speaker. It's a good idea to pause the media when this happens so the speaker doesn't start blasting sound. | function | No       | All                                              | No                |
+| `onBandwidthUpdate`                             | Callback function that is called when the available bandwidth changes. | function | No       | Android                                          | No                |
+| `onExternalPlaybackChange`                      | Callback function that is called when external playback mode for current playing video has changed. Mostly useful when connecting/disconnecting to Apple TV – it's called on connection/disconnection. | function | No       | iOS                                              | No                |
+| `onFullscreenPlayerWillPresent`                 | Callback function that is called when the player is about to enter fullscreen mode. | function | No       | All                                              | No                |
+| `onFullscreenPlayerDidPresent`                  | Callback function that is called when the player has entered fullscreen mode. | function | No       | All                                              | No                |
+| `onFullscreenPlayerWillDismiss`                 | Callback function that is called when the player is about to exit fullscreen mode. | function | No       | All                                              | No                |
+| `onFullscreenPlayerDidDismiss`                  | Callback function that is called when the player has exited fullscreen mode. | function | No       | All                                              | No                |
+| `onLoadStart`                                   | Callback function that is called when the media starts loading. | function | No       | All                                              | No                |
+| `onReadyForDisplay`                             | Callback function that is called when the first video frame is ready for display. This is when the poster is removed. | function | No       | All                                              | No                |
+| `onPictureInPictureStatusChanged`               | Callback function that is called when picture in picture becomes active or inactive. | function | No       | IOS                                              | No                |
+| `onPlaybackRateChange`                          | Callback function that is called when the rate of playback changes - either paused or starts/resumes. | function | No       | All                                              | No                |
+| `onSeek`                                        | Callback function that is called when a seek completes.      | function | No       | All                                              | No                |
+| `onRestoreUserInterfaceForPictureInPictureStop` | Callback function that corresponds to Apple's restoreUserInterfaceForPictureInPictureStopWithCompletionHandler. Call restoreUserInterfaceForPictureInPictureStopCompleted inside of this function when done restoring the user | function | No       | iOS                                              | No                |
+| `onTimedMetadata`                               | Callback function that is called when timed metadata becomes available | function | No       | All                                              | No                |
 
 ## Static Methods
 
-> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
+> [!tip] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
 
-> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
+> [!tip] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
 
-| Name     | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
-| -------- | -------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| `seek()` | Seek to the specified position represented by seconds. seconds is a float value. | function | No       | All      | yes               |
-| `dismissFullscreenPlayer()` | Take the player out of fullscreen mode. | function | No       | All      | No              |
-| `presentFullscreenPlayer()` | Put the player in fullscreen mode. | function | No       | All      | No              |
-| `save()` | Save video to your Photos with current filter prop. Returns promise.| function | No       | iOS      | No              |
-| `restoreUserInterfaceForPictureInPictureStop()` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop.| function | No       | iOS      | No              |
+| Name                                            | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
+| ----------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
+| `seek()`                                        | Seek to the specified position represented by seconds. seconds is a float value. | function | No       | All      | yes               |
+| `dismissFullscreenPlayer()`                     | Take the player out of fullscreen mode.                      | function | No       | All      | No                |
+| `presentFullscreenPlayer()`                     | Put the player in fullscreen mode.                           | function | No       | All      | No                |
+| `save()`                                        | Save video to your Photos with current filter prop. Returns promise. | function | No       | iOS      | No                |
+| `restoreUserInterfaceForPictureInPictureStop()` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop. | function | No       | iOS      | No                |
 
 ## Known Issues
 
-- [x] source 暂时只支持在线 URL 资源问题： [issue#34](https://github.com/react-native-oh-library/react-native-video/issues/34)。
-- [ ] react-native-video 部分属性和方法未实现 HarmonyOS 化： [issue#60](https://github.com/react-native-oh-library/react-native-video/issues/60)。
+- [x] Currently, only online URL resources are supported: [issue#34](https://github.com/react-native-oh-library/react-native-video/issues/34).
+- [ ] Some attributes and methods of react-native-video are not yet compatible: [issue#60](https://github.com/react-native-oh-library/react-native-video/issues/60).
 
 ## Others
 
 ## License
 
-This project is licensed under [The MIT License (MIT)](https://github.com/TheWidlarzGroup/react-native-video/blob/master/LICENSE).
+This project is licensed under [The MIT License (MIT)](https://github.com/TheWidlarzGroup/react-native-video/blob/master/LICENSE).
\ No newline at end of file

From 2a08dc2565464bac3a06390bebad1d8dbca672f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <linzhipeng10@h-partners.com>
Date: Fri, 24 Jan 2025 04:19:18 +0000
Subject: [PATCH 949/966] =?UTF-8?q?!1984=20docs:=20[#IBJM43]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20crypto-js=20demo=20*=20docs:=20[#IBJM43]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=20crypto-js=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/js/crypto-js.md    | 6 +++---
 zh-cn/js/crypto-js.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/en/js/crypto-js.md b/en/js/crypto-js.md
index 9e8564f2..be52d806 100644
--- a/en/js/crypto-js.md
+++ b/en/js/crypto-js.md
@@ -70,13 +70,13 @@ function CryptoJSDemo() {
   }
 
   function testAESEncrypt() {
-    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding });
+    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.PKcs7 });
     setResult('testAESEncrypt result: ' + encrypted.toString());
   }
 
   function testAESDecrypt() {
-    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding });
-    let decrypted = CryptoJS.AES.decrypt(encrypted, CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding });
+    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.PKcs7 });
+    let decrypted = CryptoJS.AES.decrypt(encrypted, CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.PKcs7 });
     setResult('testAESDecrypt result: ' + decrypted.toString());
   }
 
diff --git a/zh-cn/js/crypto-js.md b/zh-cn/js/crypto-js.md
index 35a190dd..59783ff1 100644
--- a/zh-cn/js/crypto-js.md
+++ b/zh-cn/js/crypto-js.md
@@ -70,13 +70,13 @@ function CryptoJSDemo() {
   }
 
   function testAESEncrypt() {
-    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding });
+    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.PKcs7 });
     setResult('testAESEncrypt result: ' + encrypted.toString());
   }
 
   function testAESDecrypt() {
-    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding });
-    let decrypted = CryptoJS.AES.decrypt(encrypted, CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.NoPadding });
+    let encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Hex.parse('48656c6c6f576f726c6421'), CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.PKcs7 });
+    let decrypted = CryptoJS.AES.decrypt(encrypted, CryptoJS.enc.Hex.parse('000102030405060708090a0b0c0d0e0f'), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.PKcs7 });
     setResult('testAESDecrypt result: ' + decrypted.toString());
   }
 

From 3b67d39826e3f331768661530a236f1dcb168d69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <linzhipeng10@h-partners.com>
Date: Sat, 25 Jan 2025 08:10:06 +0000
Subject: [PATCH 950/966] =?UTF-8?q?!1986=20docs:=20[#IBJQCQ]=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20RNPackagesFactory=20=E5=BC=95=E5=85=A5=E7=9A=84?=
 =?UTF-8?q?=E5=BA=93=E5=90=8D=20*=20docs:=20[#IBJQCQ]=20=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=20RNPackagesFactory=20=E5=BC=95=E5=85=A5=E7=9A=84=E5=BA=93?=
 =?UTF-8?q?=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-audio.md    | 2 +-
 zh-cn/react-native-audio.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-audio.md b/en/react-native-audio.md
index 9507cb01..4385a285 100644
--- a/en/react-native-audio.md
+++ b/en/react-native-audio.md
@@ -270,7 +270,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co
 
 ```diff
   ...
-+ import {AudioPackage} from '@react-native-oh-tpl/react-native-audio/ts';
++ import {AudioPackage} from '@react-native-ohos/react-native-audio/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 588ac3c5..7b293aa0 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -270,7 +270,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
   ...
-+ import {AudioPackage} from '@react-native-oh-tpl/react-native-audio/ts';
++ import {AudioPackage} from '@react-native-ohos/react-native-audio/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [

From 2bea9c868ccd0bb411d40bac1e29b9f29f1a55eb Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Mon, 10 Feb 2025 12:39:48 +0000
Subject: [PATCH 951/966] =?UTF-8?q?!1987=20docs:=20[#IBKQUV]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0react-native-date-picker=E7=BB=84=E4=BB=B6=E7=9A=84?=
 =?UTF-8?q?=E6=BB=91=E5=87=BA=E8=AE=BE=E7=BD=AE=E8=8C=83=E5=9B=B4=E7=9A=84?=
 =?UTF-8?q?=E6=97=A5=E6=9C=9F=E5=BC=82=E5=B8=B8=E7=8E=B0=E8=B1=A1=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E=20*=20docs:=20[#IBKQUV]=20=E6=B7=BB=E5=8A=A0react-nat?=
 =?UTF-8?q?ive-date-picker=E7=BB=84=E4=BB=B6=E7=9A=84=E6=BB=91=E5=87=BA?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E8=8C=83=E5=9B=B4=E7=9A=84=E6=97=A5=E6=9C=9F?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8=E7=8E=B0=E8=B1=A1=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-date-picker(nocodegen).md    | 1 +
 en/react-native-date-picker.md               | 1 +
 zh-cn/react-native-date-picker(nocodegen).md | 2 +-
 zh-cn/react-native-date-picker.md            | 1 +
 4 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/en/react-native-date-picker(nocodegen).md b/en/react-native-date-picker(nocodegen).md
index 7694be50..52b04c73 100644
--- a/en/react-native-date-picker(nocodegen).md
+++ b/en/react-native-date-picker(nocodegen).md
@@ -289,6 +289,7 @@ Check the release version information in the release address of the third-party
 - [ ] Property is24hourSource is not supported。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
 - [ ] Property minuteInterval is not supported。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
 ## Others
+- The third-party library encapsulates the ArkUI DatePicker component, and there are some anomalies. Please refer to the [Official Description]( https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-basic-components-datepicker-V13#datepickeroptions%E5%AF%B9%E8%B1%A1%E8%AF%B4%E6%98%8E)， Dates that slide out of the set range will not bounce back until the trailing animation property ends.
 
 ## License
 
diff --git a/en/react-native-date-picker.md b/en/react-native-date-picker.md
index 6539a74a..232056e4 100644
--- a/en/react-native-date-picker.md
+++ b/en/react-native-date-picker.md
@@ -248,6 +248,7 @@ Check the release version information in the release address of the third-party
 - [ ]  不支持minuteInterval属性。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
 
 ## Others
+- The third-party library encapsulates the ArkUI DatePicker component, and there are some anomalies. Please refer to the [Official Description]( https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-basic-components-datepicker-V13#datepickeroptions%E5%AF%B9%E8%B1%A1%E8%AF%B4%E6%98%8E)， Dates that slide out of the set range will not bounce back until the trailing animation property ends.
 
 ## License
 
diff --git a/zh-cn/react-native-date-picker(nocodegen).md b/zh-cn/react-native-date-picker(nocodegen).md
index 2d1e38fa..20d02ddd 100644
--- a/zh-cn/react-native-date-picker(nocodegen).md
+++ b/zh-cn/react-native-date-picker(nocodegen).md
@@ -290,7 +290,7 @@ ohpm install
 - [ ]  不支持is24hourSource属性。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
 - [ ]  不支持minuteInterval属性。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
 ## 其他
-
+- 该三方库封装了 ArkUI DatePicker 组件，存在某些异常情形，请参考查阅[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-basic-components-datepicker-V13#datepickeroptions%E5%AF%B9%E8%B1%A1%E8%AF%B4%E6%98%8E)，滑出设置范围的日期需要等会有拖尾动画属性结束才会回弹。
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/henninghall/react-native-date-picker/blob/master/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-date-picker.md b/zh-cn/react-native-date-picker.md
index 133e6344..bfc63e14 100644
--- a/zh-cn/react-native-date-picker.md
+++ b/zh-cn/react-native-date-picker.md
@@ -242,6 +242,7 @@ ohpm install
 - [ ]  不支持is24hourSource属性。[issue#30](https://github.com/react-native-oh-library/react-native-date-picker/issues/30)
 - [ ]  不支持minuteInterval属性。[issue#34](https://github.com/react-native-oh-library/react-native-date-picker/issues/34)
 ## 其他
+- 该三方库封装了 ArkUI DatePicker 组件，存在某些异常情形，请参考查阅[官方说明](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-basic-components-datepicker-V13#datepickeroptions%E5%AF%B9%E8%B1%A1%E8%AF%B4%E6%98%8E)，滑出设置范围的日期需要等会有拖尾动画属性结束才会回弹。
 
 ## 开源协议
 

From 6df7726a0696e5a2f400b930e4c131304fbf1b69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E7=8E=A5?= <294314895@qq.com>
Date: Wed, 12 Feb 2025 09:16:20 +0000
Subject: [PATCH 952/966] =?UTF-8?q?!1988=20docs:=20[Issue:=20#IBLTC4]=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0jpush-react-nativeApi=E6=8F=8F=E8=BF=B0=20*?=
 =?UTF-8?q?=20docs:=20[Issue:=20#IBLTC4]=20=E6=9B=B4=E6=96=B0jpush-react-n?=
 =?UTF-8?q?ativeApi=E6=8F=8F=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/jpush-react-native.md    | 4 ++--
 zh-cn/jpush-react-native.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/jpush-react-native.md b/en/jpush-react-native.md
index fad87bb5..14d6996b 100644
--- a/en/jpush-react-native.md
+++ b/en/jpush-react-native.md
@@ -177,8 +177,8 @@ Check the release version information in the release address of the third-party
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | -------------------- | ------------------- | ------ | ------ | ---------- | ----------- |
-|   setLoggerEnable(enable: boolean): void  |   To set the debug mode, which is disabled by default, and if the RN (React Native) side configuration does not work, please follow the [ JPush SDK-HarmonyOS Integration Guide](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)for proper setup.    | function   | no | iOS,Android      | yes |
-|  init(params: {appKey: string;channel:string;production:string;}): void  |If the initialization of JPush on the RN (React Native) side is not working, please follow the integration instructions provided in the[JPush SDK-HarmonyOS Integration Guide](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)to properly set it up.  |  function   | yes | iOS,Android      | yes |
+|   setLoggerEnable(enable: boolean): void  |   To set the debug mode, which is disabled by default    | function   | no | iOS,Android      | yes |
+|  init(params: {appKey: string;channel:string;production:string;}): void  | Initialize push  |  function   | yes | iOS,Android      | yes |
 |  getRegistrationID(callback: Callback<{ registerID: string }>): void  |  Retrieve the RegistrationID corresponding to the application  | function   | no | iOS,Android      | yes |
 |  addTags(params: {"sequence":number,"tags":string[]}): void  |   Add a tag   |function   | no | iOS,Android      | yes |
 |   updateTags(params: {"sequence":number,"tags":string[]}): void  | Overwrite tags  | function   | no | iOS,Android      |yes |
diff --git a/zh-cn/jpush-react-native.md b/zh-cn/jpush-react-native.md
index 4c86b965..97e5c6d9 100644
--- a/zh-cn/jpush-react-native.md
+++ b/zh-cn/jpush-react-native.md
@@ -180,8 +180,8 @@ ohpm install
 
 | Name | Description | Type | Required | Platform | HarmonyOS Support  |
 | -------------------- | ------------------- | ------ | ------ | ---------- | ----------- |
-|   setLoggerEnable(enable: boolean): void  |   设置调试模式，默认关闭状态，RN侧调用不起作用，请按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)调用    | function   | no | iOS,Android      | yes |
-|  init(params: {appKey: string;channel:string;production:string;}): void  |初始化极光推送，RN侧调用不起作用，请按照[极光推送SDK-HarmonyOS集成指南](https://docs.jiguang.cn/jpush/client/HarmonyOS/hmos_guide)文档中集成调用  |  function   | yes | iOS,Android      | yes |
+|   setLoggerEnable(enable: boolean): void  |   设置调试模式，默认关闭状态   | function   | no | iOS,Android      | yes |
+|  init(params: {appKey: string;channel:string;production:string;}): void  | 初始化极光推送  |  function   | yes | iOS,Android      | yes |
 |  getRegistrationID(callback: Callback<{ registerID: string }>): void  |  调用此 API 来取得应用程序对应的 RegistrationID。   | function   | no | iOS,Android      | yes |
 |  addTags(params: {"sequence":number,"tags":string[]}): void  |   新增标签   |function   | no | iOS,Android      | yes |
 |   updateTags(params: {"sequence":number,"tags":string[]}): void  | 覆盖标签  | function   | no | iOS,Android      |yes |

From d612d19f56917708831878e934f44177e81f7a17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E9=B9=8F?= <linzhipeng10@h-partners.com>
Date: Wed, 12 Feb 2025 10:38:59 +0000
Subject: [PATCH 953/966] =?UTF-8?q?!1989=20docs:=20[Issue:=20#IBLVXC]=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E2=80=9C=E6=B3=A8=E5=86=8C=20ImageEditAbilit?=
 =?UTF-8?q?y=E2=80=9D=20Merge=20pull=20request=20!1989=20from=20=E6=9E=97?=
 =?UTF-8?q?=E5=BF=97=E9=B9=8F/master?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-image-crop-picker.md | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index ac2013fd..55540ec0 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -963,18 +963,19 @@ export default class ImageEditAbility extends UIAbility {
 
 **(2)在 entry/src/main/module.json5 注册 ImageEditAbility**
 
-```
-"abilities":[{
-        "name": "ImageEditAbility",
-        "srcEntry": "./ets/entryability/ImageEditAbility.ets",
-        "description": "$string:EntryAbility_desc",
-        "icon": "$media:icon",
-        "startWindowIcon": "$media:startIcon",
-        "startWindowBackground": "$color:start_window_background",
-        "removeMissionAfterTerminate": true,
+```diff
+"abilities":[
+    ...
++    {
++        "name": "ImageEditAbility",
++        "srcEntry": "./ets/entryability/ImageEditAbility.ets",
++        "description": "$string:EntryAbility_desc",
++        "icon": "$media:icon",
++        "startWindowIcon": "$media:startIcon",
++        "startWindowBackground": "$color:start_window_background",
++        "removeMissionAfterTerminate": true,
++ }
 
-}
-...
 ]
 
 ```

From 33e06b28dae25682f697e929768832581a0d041b Mon Sep 17 00:00:00 2001
From: leehom <9290617+leehom6666@user.noreply.gitee.com>
Date: Wed, 19 Feb 2025 02:12:23 +0000
Subject: [PATCH 954/966] =?UTF-8?q?!1990=20docs:=20[Issues:=20#IBN7YU]:=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0fastimage=E5=BA=93=E9=BB=98=E8=AE=A4=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E5=86=85=E5=AD=98=E8=AF=B4=E6=98=8E=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IBN7YU]:=20=E6=B7=BB=E5=8A=A0fastimage=E5=BA=93?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E7=94=B3=E8=AF=B7=E5=86=85=E5=AD=98=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-fast-image.md    | 2 ++
 zh-cn/react-native-fast-image.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/en/react-native-fast-image.md b/en/react-native-fast-image.md
index 3e1fd15b..afbfef7a 100644
--- a/en/react-native-fast-image.md
+++ b/en/react-native-fast-image.md
@@ -18,6 +18,8 @@
 
 Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
+>[! Warning] The react native fast image component will default to enabling app.setImangeCacheCount to request memory during runtime, which can be disabled by assigning the value IsSetImageRawDataCacheSize. If you want to set other values for app.setImangeCacheCount, you can also add memory requests for system.app in your own business logic.
+
 Go to the project directory and execute the following instruction:
 
 
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index 47794479..c71813f4 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -18,6 +18,8 @@
 
 请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
+> [!WARNING] react-native-fast-image组件在运行时会默认开启app.setImangeCacheCount 申请内存，可以通过IsSetImageRawDataCacheSize赋值进行关闭，如果想设置app.setImangeCacheCount其他值，也可以在自己的业务逻辑添加system.app的内存申请。
+
 进入到工程目录并输入以下命令：
 
 <!-- tabs:start -->

From 68622c5768aca566058d386c09d9b8030fdc44b5 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Tue, 25 Feb 2025 08:38:03 +0000
Subject: [PATCH 955/966] =?UTF-8?q?!1991=20docs:=20[Issues:=20#IBOS5T]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9fastimage=E5=BA=93=E9=BB=98=E8=AE=A4=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E5=86=85=E5=AD=98=E8=AF=B4=E6=98=8E=20*=20docs:=20[Is?=
 =?UTF-8?q?sues:=20#IBOS5T]:=20=E4=BF=AE=E6=94=B9fastimage=E5=BA=93?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E7=94=B3=E8=AF=B7=E5=86=85=E5=AD=98=E8=AF=B4?=
 =?UTF-8?q?=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-fast-image.md    | 2 +-
 zh-cn/react-native-fast-image.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/en/react-native-fast-image.md b/en/react-native-fast-image.md
index afbfef7a..d2c61844 100644
--- a/en/react-native-fast-image.md
+++ b/en/react-native-fast-image.md
@@ -18,7 +18,7 @@
 
 Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
 
->[! Warning] The react native fast image component will default to enabling app.setImangeCacheCount to request memory during runtime, which can be disabled by assigning the value IsSetImageRawDataCacheSize. If you want to set other values for app.setImangeCacheCount, you can also add memory requests for system.app in your own business logic.
+>[! Warning] The reactive fast image component will enable app.setImangeCacheCount by default when running to request memory. You can use globalThis IsSetImageRawDataCacheSize is closed by assigning a value. After closing, the decoding speed will be affected when there are many pictures. You can improve the decoding speed by customizing the app. setImangeCacheCount memory application in the business logic, [Reference Connection](https://github.com/react-native-oh-library/react-native-fast-image/blob/sig/harmony/fast_image/src/main/ets/FastImagePackage.ts)。
 
 Go to the project directory and execute the following instruction:
 
diff --git a/zh-cn/react-native-fast-image.md b/zh-cn/react-native-fast-image.md
index c71813f4..ff69b27e 100644
--- a/zh-cn/react-native-fast-image.md
+++ b/zh-cn/react-native-fast-image.md
@@ -18,7 +18,7 @@
 
 请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-fast-image Releases](https://github.com/react-native-oh-library/react-native-fast-image/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
-> [!WARNING] react-native-fast-image组件在运行时会默认开启app.setImangeCacheCount 申请内存，可以通过IsSetImageRawDataCacheSize赋值进行关闭，如果想设置app.setImangeCacheCount其他值，也可以在自己的业务逻辑添加system.app的内存申请。
+> [!WARNING] react-native-fast-image组件在运行时会默认开启app.setImangeCacheCount 申请内存，可以通过globalThis.IsSetImageRawDataCacheSize赋值进行关闭，关闭后图片比较多时会影响解码速度，可以通过在业务逻辑自定义app.setImangeCacheCount 内存申请，提高解码速度，[参考连接](https://github.com/react-native-oh-library/react-native-fast-image/blob/sig/harmony/fast_image/src/main/ets/FastImagePackage.ts)。
 
 进入到工程目录并输入以下命令：
 

From 504d351e96106d6c540f52156ea4fabf78c759e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=90=A6?=
 <10506887+li-laier@user.noreply.gitee.com>
Date: Fri, 28 Feb 2025 05:53:44 +0000
Subject: [PATCH 956/966] !1992 docs: update ssl-pinning README * docs: update
 ssl-pinning README

---
 en/react-native-ssl-pinning.md    | 2 ++
 zh-cn/react-native-ssl-pinning.md | 1 +
 2 files changed, 3 insertions(+)

diff --git a/en/react-native-ssl-pinning.md b/en/react-native-ssl-pinning.md
index 5defe661..1b09e765 100644
--- a/en/react-native-ssl-pinning.md
+++ b/en/react-native-ssl-pinning.md
@@ -352,6 +352,8 @@ Open entry/src/main/module.json5 and add the following information:
 
 ## Others
 
+If certificate locking is used, the certificate needs to be built into the rawfile folder in the entry directory.
+
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/MaxToyberman/react-native-ssl-pinning/blob/master/LICENSE)
diff --git a/zh-cn/react-native-ssl-pinning.md b/zh-cn/react-native-ssl-pinning.md
index 8a81376d..0c19101c 100644
--- a/zh-cn/react-native-ssl-pinning.md
+++ b/zh-cn/react-native-ssl-pinning.md
@@ -364,6 +364,7 @@ ohpm install
 ## 遗留问题
 
 ## 其他
+如果使用证书锁定，需要把证书内置到entry目录rawfile文件夹中。
 
 ## 开源协议
 

From 95356e4bd756c32d3d466bca981941f2857abce2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8FJ?= <clear2jay@gmail.com>
Date: Fri, 28 Feb 2025 15:15:08 +0000
Subject: [PATCH 957/966] !1994 docs: add getManufacturerSync() desc to
 zh-cn/react-native-device-info.md. * docs: add getManufacturerSync() desc to
 zh-cn/react-native-device-info.md.

---
 zh-cn/react-native-device-info.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
index 4cb1191c..c11aa0be 100644
--- a/zh-cn/react-native-device-info.md
+++ b/zh-cn/react-native-device-info.md
@@ -209,6 +209,7 @@ ohpm install
 | getLastUpdateTime  | Gets the time at which the app was last updated, in milliseconds.        | Promise<number>  | yes | Android      | yes |
 | getMacAddress  | Gets the network adapter MAC address.        | Promise<string>  | yes | IOS/Android/visionOS      | no |
 | getManufacturer  | Gets the device manufacturer.        | Promise<string>  | yes | IOS/Android/visoinOS      | yes |
+| getManufacturerSync  | Gets the device manufacturer.        | string  | yes | IOS/Android/visoinOS      | yes |
 | getMaxMemory  | Returns the maximum amount of memory that the VM will attempt to use, in bytes.        | Promise<number>  | yes | Android/Windows/Web      | no |
 | getModel  | Gets the device model.     | string  | yes | IOS/Android      | yes |
 | getPowerState  | Gets the power state of the device including the battery level, whether it is plugged in, and if the system is currently operating in low power mode.    | Promise<object>  | yes | IOS/Android/Windows/Web/visionOS      | yes |

From 982f01b2f66718c2529621e7b1255a4d38a3e8c2 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Mon, 3 Mar 2025 06:32:31 +0000
Subject: [PATCH 958/966] =?UTF-8?q?!1995=20docs:=20[Issues:=20#IBPUKL]:=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0RN=E4=B8=89=E6=96=B9=E5=BA=93=E5=9C=A8RN?=
 =?UTF-8?q?=E6=A1=86=E6=9E=B6=20release=E5=8C=85=E7=8E=AF=E5=A2=83?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=B3=A8=E6=84=8F=E8=AF=B4=E6=98=8E=20*=20do?=
 =?UTF-8?q?cs:=20[Issues:=20#IBPUKL]:=20=E6=B7=BB=E5=8A=A0RN=E4=B8=89?=
 =?UTF-8?q?=E6=96=B9=E5=BA=93=E5=9C=A8RN=E6=A1=86=E6=9E=B6=20release?=
 =?UTF-8?q?=E5=8C=85=E7=8E=AF=E5=A2=83=E4=BD=BF=E7=94=A8=E6=B3=A8=E6=84=8F?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 1 +
 en/README_EN.md | 1 +
 zh-cn/README.md | 1 +
 3 files changed, 3 insertions(+)

diff --git a/README.md b/README.md
index 75ae673c..9b953d95 100644
--- a/README.md
+++ b/README.md
@@ -19,6 +19,7 @@
 - Codegen ：三方库大部分适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
 - C-API 架构：三方库后续只基于 RN C-API 架构演进，详细介绍请参考 [C-API 架构](zh-cn/capi-architecture.md) 。
 - RN 三方库补丁化移植：为避免对三方库其他平台产生影响，移植使用了补丁化移植，详细介绍请参考 [RN 三方库补丁化移植](zh-cn/patch.md) 。
+- RN框架 release包：本文档针对RN框架源码包使用说明，使用react_native_openharmony-xxx-release.har包时，还需要额外配置`target_compile_options`，详细介绍请参考 [release包使用说明](https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA.md#release%E5%8C%85%E4%BD%BF%E7%94%A8) 。
 
 ## RNOH 三方库总览
 
diff --git a/en/README_EN.md b/en/README_EN.md
index 6530f7c0..4f050b29 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -19,6 +19,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 - Codegen: Most third-party libraries have adapted to Codegen, and you need to proactively execute the generation of bridging code for these libraries before use. For more details, refer to the [Codegen Documentation](/en/codegen.md).
 - C-API Architecture: Third-party libraries will evolve based solely on the RN C-API architecture. For a detailed introduction, please refer to [C-API Architecture](/en/capi-architecture.md).
 - RN Third-Party Library Patch Migration: To avoid impacting other platforms of the third-party libraries, migration is performed using patching. For more details, refer to [RN Third-Party Library Patch Migration](/en/patch.md).
+- RN framework release package: This document describes the use of the RN framework source package. When using the react_native_openharmony-xxx-release.har package, you also need to configure 'target_compile_options'. For details, please refer to [Release Package Instructions](https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA.md#release%E5%8C%85%E4%BD%BF%E7%94%A8).
 
 ## Overview of RNOH Third-Party Libraries
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index c4c78072..d728f2b9 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -19,6 +19,7 @@
 - Codegen ：三方库大部分适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
 - C-API 架构：三方库后续只基于 RN C-API 架构演进，详细介绍请参考 [C-API 架构](zh-cn/capi-architecture.md) 。
 - RN 三方库补丁化移植：为避免对三方库其他平台产生影响，移植使用了补丁化移植，详细介绍请参考 [RN 三方库补丁化移植](zh-cn/patch.md) 。
+- RN框架 release包：本文档针对RN框架源码包使用说明，使用react_native_openharmony-xxx-release.har包时，还需要额外配置`target_compile_options`，详细介绍请参考 [release包使用说明](https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA.md#release%E5%8C%85%E4%BD%BF%E7%94%A8) 。
 
 ## RNOH 三方库总览
 

From 5a55654896b0ec3e22c670571a8d0f3c701deba3 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Tue, 4 Mar 2025 08:56:44 +0000
Subject: [PATCH 959/966] =?UTF-8?q?!1996=20docs:=20[Issues:=20#IBQNH8]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-json-tree=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=8D=E6=94=AF=E6=8C=81collectionLimit=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=20*=20docs:=20[Issues:=20#IBQNH8]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-json-tree=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=8D=E6=94=AF=E6=8C=81collectionLimit=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-json-tree.md    | 4 +++-
 zh-cn/react-native-json-tree.md | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/en/react-native-json-tree.md b/en/react-native-json-tree.md
index 6a989165..1e7dddd3 100644
--- a/en/react-native-json-tree.md
+++ b/en/react-native-json-tree.md
@@ -283,7 +283,7 @@ For details, see [react-native-json-tree docs](https://github.com/Dean177/react-
 | `valueRenderer`    | `Rendering function for custom node values`.                 | `()=>void`   | No       | All      | Yes               |
 | `sortObjectKeys`   | `Sort the keys of JSON objects`.                             | `()=>void`   | No       | All      | Yes               |
 | `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`. | `['']`       | No       | All      | Yes               |
-| `collectionLimit`  | `Use to control the maximum number of elements of a collection displayed in a JSON tree`. | `number`     | No       | All      | Yes               |
+| `collectionLimit`  | `Use to control the maximum number of elements of a collection displayed in a JSON tree`. | `number`     | No       | All      | No                |
 | `postprocessValue` | `For customizing values before they are rendered`.           | `()=>void`   | No       | All      | Yes               |
 | `isCustomNode`     | `Specify which nodes should use custom rendered properties.` | `()=>bool`   | No       | All      | Yes               |
 
@@ -291,6 +291,8 @@ For details, see [react-native-json-tree docs](https://github.com/Dean177/react-
 
 ## Others
 
+-The collectionLimit attribute of JSONTree component does not take effect, which is consistent with iOS [issue # 163](https://github.com/Dean177/react-native-json-tree/issues/163)
+
 ## License
 
 This project is licensed under [The MIT License (MIT)](https://github.com/Dean177/react-native-json-tree/blob/master/LICENSE.md).
diff --git a/zh-cn/react-native-json-tree.md b/zh-cn/react-native-json-tree.md
index 6cd5ea50..3add10c2 100644
--- a/zh-cn/react-native-json-tree.md
+++ b/zh-cn/react-native-json-tree.md
@@ -286,7 +286,7 @@ export default () => {
 | `valueRenderer`    | `Rendering function for custom node values`.                                              | `()=>void`   | No       | All      | Yes               |
 | `sortObjectKeys`   | `Sort the keys of JSON objects`.                                                          | `()=>void`   | No       | All      | Yes               |
 | `keyPath`          | `A data node used to identify and customize a specific path in a JSON tree`.              | `['']`       | No       | All      | Yes               |
-| `collectionLimit`  | `Use to control the maximum number of elements of a collection displayed in a JSON tree`. | `number`     | No       | All      | Yes               |
+| `collectionLimit`  | `Use to control the maximum number of elements of a collection displayed in a JSON tree`. | `number`     | No       | All      | No                |
 | `postprocessValue` | `For customizing values before they are rendered`.                                        | `()=>void`   | No       | All      | Yes               |
 | `isCustomNode`     | `Specify which nodes should use custom rendered properties.`                              | `()=>bool`   | No       | All      | Yes               |
 

From baed3761521873502ed81f2ddb21e9f50e2f767a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8FJ?= <clear2jay@gmail.com>
Date: Wed, 12 Mar 2025 03:18:07 +0000
Subject: [PATCH 960/966] =?UTF-8?q?!1997=20docs:=20=E8=A1=A5=E5=85=85=20ge?=
 =?UTF-8?q?tDeviceNameSync()=20API=20=E8=AF=B4=E6=98=8E=20*=20docs:=20?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=20getDeviceNameSync()=20API=20=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E8=AF=B4=E6=98=8E=20*=20docs:=20=E8=A1=A5=E5=85=85=20?=
 =?UTF-8?q?getDeviceNameSync()=20API=20=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-device-info.md    | 2 ++
 zh-cn/react-native-device-info.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/en/react-native-device-info.md b/en/react-native-device-info.md
index 9595ecf1..f43cc72f 100644
--- a/en/react-native-device-info.md
+++ b/en/react-native-device-info.md
@@ -54,6 +54,7 @@ import DeviceInfo from 'react-native-device-info';
   DeviceInfo.getBrand();
   DeviceInfo.getModel();
   DeviceInfo.getDeviceType();
+  DeviceInfo.getDeviceNameSync();
 ```
 ## Use Codegen
 
@@ -191,6 +192,7 @@ Open `entry/src/main/module.json5`, add the following permission：
 | getDeviceType  | TReturns the device's type as a string     | string  | yes | IOS/Android/visionOS      | yes |
 | getDisplay  | A build ID string meant for displaying to the user.     | Promise<string>  | yes | Android      | yes |
 | getDeviceName  | Gets the device name.        | Promise<string>  | yes | IOS/Android/Windows/visionOS      | yes |
+| getDeviceNameSync  | Gets the device name.      | string  | yes | IOS/Android/Windows/visionOS      | yes |
 | getDeviceToken  | Gets the device token (see DeviceCheck). Only available for iOS 11.0+ on real devices. This will reject the promise when getDeviceToken is not supported, be careful with exception handling.       | Promise<string>  | yes | IOS/visionOS      | no |
 | getFirstInstallTime  | Gets the time at which the app was first installed, in milliseconds.         | Promise<number>  | yes | IOS/Android/Windows/visionOS      | yes |
 | getFingerprint  | A string that uniquely identifies this build.         | Promise<string>  | yes | Windows      | no |
diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md
index c11aa0be..c3eda284 100644
--- a/zh-cn/react-native-device-info.md
+++ b/zh-cn/react-native-device-info.md
@@ -53,6 +53,7 @@ import DeviceInfo from 'react-native-device-info';
   DeviceInfo.getBrand();
   DeviceInfo.getModel();
   DeviceInfo.getDeviceType();
+  DeviceInfo.getDeviceNameSync();
 ```
 ## 使用 Codegen
 
@@ -192,6 +193,7 @@ ohpm install
 | getDeviceType  | TReturns the device's type as a string     | string  | yes | IOS/Android/visionOS      | yes |
 | getDisplay  | A build ID string meant for displaying to the user.     | Promise<string>  | yes | Android      | yes |
 | getDeviceName  | Gets the device name.        | Promise<string>  | yes | IOS/Android/Windows/visionOS      | yes |
+| getDeviceNameSync  | Gets the device name.      | string  | yes | IOS/Android/Windows/visionOS      | yes |
 | getDeviceToken  | Gets the device token (see DeviceCheck). Only available for iOS 11.0+ on real devices. This will reject the promise when getDeviceToken is not supported, be careful with exception handling.       | Promise<string>  | yes | IOS/visionOS      | no |
 | getFirstInstallTime  | Gets the time at which the app was first installed, in milliseconds.         | Promise<number>  | yes | IOS/Android/Windows/visionOS      | yes |
 | getFingerprint  | A string that uniquely identifies this build.         | Promise<string>  | yes | Windows      | no |

From 6e98028232c353bd393706839db454b0ea0fcf46 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Wed, 12 Mar 2025 12:52:34 +0000
Subject: [PATCH 961/966] =?UTF-8?q?!1998=20docs:=20[Issues:=20#IBSWRW]:=20?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E9=83=A8=E5=88=86=E5=AE=89=E8=A3=85=E7=9A=84?=
 =?UTF-8?q?@file:#=20*=20docs:=20[Issues:=20#IBSWRW]:=20=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E5=AE=89=E8=A3=85=E7=9A=84@file:#?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/nativewind.md                             |  2 +-
 en/op-engineering-op-sqlite.md               |  6 +++---
 en/react-native-alipay.md                    |  2 +-
 en/react-native-blurhash.md                  |  6 +++---
 en/react-native-callkeep.md                  |  8 ++++----
 en/react-native-dropdownalert.md             |  6 +++---
 en/react-native-echarts-pro.md               |  2 +-
 en/react-native-file-selector.md             |  2 +-
 en/react-native-idle-timer.md                |  6 +++---
 en/react-native-image-header-scroll-view.md  |  4 ++--
 en/react-native-image-marker.md              |  6 +++---
 en/react-native-image-rotate.md              |  6 +++---
 en/react-native-incall-manager.md            |  6 +++---
 en/react-native-indicators.md                |  2 +-
 en/react-native-keyboard-accessory.md        |  6 +++---
 en/react-native-keyboard-controller.md       |  6 +++---
 en/react-native-mail.md                      |  6 +++---
 en/react-native-map-clustering.md            |  6 +++---
 en/react-native-material-dropdown.md         |  2 +-
 en/react-native-nfc-manager.md               |  6 +++---
 en/react-native-search-bar.md                |  6 +++---
 en/react-native-sticky-parallax-header.md    |  6 +++---
 en/react-native-theme-control.md             |  6 +++---
 en/react-native-thumbnail.md                 |  2 +-
 en/react-native-user-agent.md                |  2 +-
 en/react-native-voice-voice.md               |  6 +++---
 en/react-navigation-core.md                  |  2 +-
 zh-cn/js/react-lifecycles-compat.md          |  2 +-
 zh-cn/op-engineering-op-sqlite.md            |  8 ++++----
 zh-cn/react-native-blurhash.md               |  8 ++++----
 zh-cn/react-native-callkeep.md               |  8 ++++----
 zh-cn/react-native-echarts-pro.md            |  2 +-
 zh-cn/react-native-image-marker.md           |  8 ++++----
 zh-cn/react-native-image-rotate.md           |  8 ++++----
 zh-cn/react-native-incall-manager.md         |  8 ++++----
 zh-cn/react-native-indicators.md             |  2 +-
 zh-cn/react-native-keyboard-accessory.md     |  8 ++++----
 zh-cn/react-native-keyboard-controller.md    |  8 ++++----
 zh-cn/react-native-mail.md                   |  6 +++---
 zh-cn/react-native-map-clustering.md         |  8 ++++----
 zh-cn/react-native-nfc-manager.md            |  6 +++---
 zh-cn/react-native-qrcode-svg.md             |  2 +-
 zh-cn/react-native-render-html.md            |  2 +-
 zh-cn/react-native-search-bar.md             |  8 ++++----
 zh-cn/react-native-sticky-parallax-header.md | 10 +++++-----
 zh-cn/react-native-theme-control.md          |  8 ++++----
 zh-cn/react-native-voice-voice.md            |  8 ++++----
 zh-cn/react-navigation-core.md               |  2 +-
 48 files changed, 128 insertions(+), 128 deletions(-)

diff --git a/en/nativewind.md b/en/nativewind.md
index 02731956..1902ff58 100644
--- a/en/nativewind.md
+++ b/en/nativewind.md
@@ -21,7 +21,7 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
diff --git a/en/op-engineering-op-sqlite.md b/en/op-engineering-op-sqlite.md
index a72d1227..9d66c9e1 100644
--- a/en/op-engineering-op-sqlite.md
+++ b/en/op-engineering-op-sqlite.md
@@ -26,20 +26,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/op-sqlite@file:#
+npm install @react-native-oh-tpl/op-sqlite
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/op-sqlite@file:#
+yarn add @react-native-oh-tpl/op-sqlite
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-alipay.md b/en/react-native-alipay.md
index 4dcddfe3..df1829e6 100644
--- a/en/react-native-alipay.md
+++ b/en/react-native-alipay.md
@@ -20,7 +20,7 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
diff --git a/en/react-native-blurhash.md b/en/react-native-blurhash.md
index a66fe77d..cbf72732 100644
--- a/en/react-native-blurhash.md
+++ b/en/react-native-blurhash.md
@@ -23,20 +23,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-blurhash@file:#
+npm install @react-native-oh-tpl/react-native-blurhash
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-blurhash@file:#
+yarn add @react-native-oh-tpl/react-native-blurhash
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-callkeep.md b/en/react-native-callkeep.md
index a82f6159..d5428c80 100644
--- a/en/react-native-callkeep.md
+++ b/en/react-native-callkeep.md
@@ -20,24 +20,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-callkeep Releases](https://github.com/react-native-oh-library/react-native-callkeep/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-callkeep Releases](https://github.com/react-native-oh-library/react-native-callkeep/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-callkeep@file:#
+npm install @react-native-oh-tpl/react-native-callkeep
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-callkeep@file:#
+yarn add @react-native-oh-tpl/react-native-callkeep
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-dropdownalert.md b/en/react-native-dropdownalert.md
index 44e5418f..81d76b63 100644
--- a/en/react-native-dropdownalert.md
+++ b/en/react-native-dropdownalert.md
@@ -20,20 +20,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-dropdownalert@file:#
+npm install @react-native-oh-tpl/react-native-dropdownalert
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-dropdownalert@file:#
+yarn add @react-native-oh-tpl/react-native-dropdownalert
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-echarts-pro.md b/en/react-native-echarts-pro.md
index bd54643b..64cb9e3b 100644
--- a/en/react-native-echarts-pro.md
+++ b/en/react-native-echarts-pro.md
@@ -15,7 +15,7 @@
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
diff --git a/en/react-native-file-selector.md b/en/react-native-file-selector.md
index 3c5f7128..dd49666f 100644
--- a/en/react-native-file-selector.md
+++ b/en/react-native-file-selector.md
@@ -20,7 +20,7 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 
 #### **npm**
diff --git a/en/react-native-idle-timer.md b/en/react-native-idle-timer.md
index 6052e869..b3c0db9f 100644
--- a/en/react-native-idle-timer.md
+++ b/en/react-native-idle-timer.md
@@ -21,20 +21,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-idle-timer@file:#
+npm install @react-native-oh-tpl/react-native-idle-timer
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-idle-timer@file:#
+yarn add @react-native-oh-tpl/react-native-idle-timer
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-header-scroll-view.md b/en/react-native-image-header-scroll-view.md
index bafba66e..a89cd2c6 100644
--- a/en/react-native-image-header-scroll-view.md
+++ b/en/react-native-image-header-scroll-view.md
@@ -30,13 +30,13 @@ Go to the project directory and execute the following instruction:
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
+npm install @react-native-oh-tpl/react-native-image-header-scroll-view
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-header-scroll-view@file:#
+yarn add @react-native-oh-tpl/react-native-image-header-scroll-view
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-marker.md b/en/react-native-image-marker.md
index 32e4687d..af103d80 100644
--- a/en/react-native-image-marker.md
+++ b/en/react-native-image-marker.md
@@ -20,20 +20,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-marker@file:#
+npm install @react-native-oh-tpl/react-native-image-marker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-marker@file:#
+yarn add @react-native-oh-tpl/react-native-image-marker
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-image-rotate.md b/en/react-native-image-rotate.md
index 2da9b383..0f4fb756 100644
--- a/en/react-native-image-rotate.md
+++ b/en/react-native-image-rotate.md
@@ -21,7 +21,7 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
@@ -30,13 +30,13 @@ Go to the project directory and execute the following instruction:
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-rotate@file:#
+npm install @react-native-oh-tpl/react-native-image-rotate
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-rotate@file:#
+yarn add @react-native-oh-tpl/react-native-image-rotate
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-incall-manager.md b/en/react-native-incall-manager.md
index c9b6b540..9bae5616 100644
--- a/en/react-native-incall-manager.md
+++ b/en/react-native-incall-manager.md
@@ -23,20 +23,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-incall-manager@file:#
+npm install @react-native-oh-tpl/react-native-incall-manager
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-incall-manager@file:#
+yarn add @react-native-oh-tpl/react-native-incall-manager
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-indicators.md b/en/react-native-indicators.md
index 69b6b364..3f40fdcf 100644
--- a/en/react-native-indicators.md
+++ b/en/react-native-indicators.md
@@ -18,7 +18,7 @@
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
diff --git a/en/react-native-keyboard-accessory.md b/en/react-native-keyboard-accessory.md
index 1bedca75..15b3b915 100644
--- a/en/react-native-keyboard-accessory.md
+++ b/en/react-native-keyboard-accessory.md
@@ -21,18 +21,18 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).。
+。
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keyboard-accessory@file:#
+npm install @react-native-oh-tpl/react-native-keyboard-accessory
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keyboard-accessory@file:#
+yarn add @react-native-oh-tpl/react-native-keyboard-accessory
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-keyboard-controller.md b/en/react-native-keyboard-controller.md
index 4c3f97e3..ec1419c6 100644
--- a/en/react-native-keyboard-controller.md
+++ b/en/react-native-keyboard-controller.md
@@ -20,20 +20,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keyboard-controller@file:#
+npm install @react-native-oh-tpl/react-native-keyboard-controller
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keyboard-controller@file:#
+yarn add @react-native-oh-tpl/react-native-keyboard-controller
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-mail.md b/en/react-native-mail.md
index ded480f7..34d349ee 100644
--- a/en/react-native-mail.md
+++ b/en/react-native-mail.md
@@ -22,20 +22,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-mail@file:#
+npm install @react-native-oh-tpl/react-native-mail
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-mail@file:#
+yarn add @react-native-oh-tpl/react-native-mail
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-map-clustering.md b/en/react-native-map-clustering.md
index cf9816d3..ac84c1d1 100644
--- a/en/react-native-map-clustering.md
+++ b/en/react-native-map-clustering.md
@@ -21,20 +21,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-map-clustering@file:#
+npm install @react-native-oh-tpl/react-native-map-clustering
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-map-clustering@file:#
+yarn add @react-native-oh-tpl/react-native-map-clustering
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-material-dropdown.md b/en/react-native-material-dropdown.md
index bcec4d50..a984df3e 100644
--- a/en/react-native-material-dropdown.md
+++ b/en/react-native-material-dropdown.md
@@ -23,7 +23,7 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
diff --git a/en/react-native-nfc-manager.md b/en/react-native-nfc-manager.md
index daa8e640..80888e15 100644
--- a/en/react-native-nfc-manager.md
+++ b/en/react-native-nfc-manager.md
@@ -20,18 +20,18 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 #### **npm**
 
 ```
-npm install @react-native-oh-tpl/react-native-nfc-manager@file:#
+npm install @react-native-oh-tpl/react-native-nfc-manager
 ```
 
 #### **yarn**
 
 ```
-yarn add @react-native-oh-tpl/react-native-nfc-manager@file:#
+yarn add @react-native-oh-tpl/react-native-nfc-manager
 ```
 
 The following code shows the basic use scenario of the repository:
diff --git a/en/react-native-search-bar.md b/en/react-native-search-bar.md
index 8f445bf2..ca7427db 100644
--- a/en/react-native-search-bar.md
+++ b/en/react-native-search-bar.md
@@ -20,20 +20,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-search-bar@file:#
+npm install @react-native-oh-tpl/react-native-search-bar
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-search-bar@file:#
+yarn add @react-native-oh-tpl/react-native-search-bar
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-sticky-parallax-header.md b/en/react-native-sticky-parallax-header.md
index bf08354b..7ed9cf63 100644
--- a/en/react-native-sticky-parallax-header.md
+++ b/en/react-native-sticky-parallax-header.md
@@ -20,20 +20,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sticky-parallax-header@file:#
+npm install @react-native-oh-tpl/react-native-sticky-parallax-header
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sticky-parallax-header@file:#
+yarn add @react-native-oh-tpl/react-native-sticky-parallax-header
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-theme-control.md b/en/react-native-theme-control.md
index 71f963c9..7c4718f1 100644
--- a/en/react-native-theme-control.md
+++ b/en/react-native-theme-control.md
@@ -20,20 +20,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-theme-control@file:#
+npm install @react-native-oh-tpl/react-native-theme-control
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-theme-control@file:#
+yarn add @react-native-oh-tpl/react-native-theme-control
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-native-thumbnail.md b/en/react-native-thumbnail.md
index 900882c7..def45a3c 100644
--- a/en/react-native-thumbnail.md
+++ b/en/react-native-thumbnail.md
@@ -19,7 +19,7 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
diff --git a/en/react-native-user-agent.md b/en/react-native-user-agent.md
index 9e378309..4a816180 100644
--- a/en/react-native-user-agent.md
+++ b/en/react-native-user-agent.md
@@ -22,7 +22,7 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
diff --git a/en/react-native-voice-voice.md b/en/react-native-voice-voice.md
index 16b1b4df..21b8fc3f 100644
--- a/en/react-native-voice-voice.md
+++ b/en/react-native-voice-voice.md
@@ -20,20 +20,20 @@ Find the matching version information in the release address of a third-party li
 
 Go to the project directory and execute the following instruction:
 
-> [!TIP] Replace the content with the path of the .tgz package at the comment sign (#).
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/voice@file:#
+npm install @react-native-oh-tpl/voice
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/voice@file:#
+yarn add @react-native-oh-tpl/voice
 ```
 
 <!-- tabs:end -->
diff --git a/en/react-navigation-core.md b/en/react-navigation-core.md
index fe39bfce..359b6aac 100644
--- a/en/react-navigation-core.md
+++ b/en/react-navigation-core.md
@@ -17,7 +17,7 @@
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
-> [!TIP] # 处替换为 tgz 包的路径
+
 <!-- tabs:start -->
 
 #### **npm**
diff --git a/zh-cn/js/react-lifecycles-compat.md b/zh-cn/js/react-lifecycles-compat.md
index a6998c98..1b106e6e 100644
--- a/zh-cn/js/react-lifecycles-compat.md
+++ b/zh-cn/js/react-lifecycles-compat.md
@@ -21,7 +21,7 @@
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
diff --git a/zh-cn/op-engineering-op-sqlite.md b/zh-cn/op-engineering-op-sqlite.md
index 96c1d0d1..b4f89290 100644
--- a/zh-cn/op-engineering-op-sqlite.md
+++ b/zh-cn/op-engineering-op-sqlite.md
@@ -22,24 +22,24 @@
 ## 安装与使用
 
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/op-sqlite Releases](https://github.com/react-native-oh-library/op-sqlite/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/op-sqlite Releases](https://github.com/react-native-oh-library/op-sqlite/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/op-sqlite@file:#
+npm install @react-native-oh-tpl/op-sqlite
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/op-sqlite@file:#
+yarn add @react-native-oh-tpl/op-sqlite
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-blurhash.md b/zh-cn/react-native-blurhash.md
index 03ea8f98..80ac1ef4 100644
--- a/zh-cn/react-native-blurhash.md
+++ b/zh-cn/react-native-blurhash.md
@@ -19,24 +19,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-blurhash@file:#
+npm install @react-native-oh-tpl/react-native-blurhash
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-blurhash@file:#
+yarn add @react-native-oh-tpl/react-native-blurhash
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-callkeep.md b/zh-cn/react-native-callkeep.md
index a82f6159..d5428c80 100644
--- a/zh-cn/react-native-callkeep.md
+++ b/zh-cn/react-native-callkeep.md
@@ -20,24 +20,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-callkeep Releases](https://github.com/react-native-oh-library/react-native-callkeep/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-callkeep Releases](https://github.com/react-native-oh-library/react-native-callkeep/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-callkeep@file:#
+npm install @react-native-oh-tpl/react-native-callkeep
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-callkeep@file:#
+yarn add @react-native-oh-tpl/react-native-callkeep
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-echarts-pro.md b/zh-cn/react-native-echarts-pro.md
index 758a258b..93867584 100644
--- a/zh-cn/react-native-echarts-pro.md
+++ b/zh-cn/react-native-echarts-pro.md
@@ -15,7 +15,7 @@
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
diff --git a/zh-cn/react-native-image-marker.md b/zh-cn/react-native-image-marker.md
index 296a2376..a0b77e64 100644
--- a/zh-cn/react-native-image-marker.md
+++ b/zh-cn/react-native-image-marker.md
@@ -17,24 +17,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-marker Releases](https://github.com/react-native-oh-library/react-native-image-marker/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-marker@file:#
+npm install @react-native-oh-tpl/react-native-image-marker
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-marker@file:#
+yarn add @react-native-oh-tpl/react-native-image-marker
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-image-rotate.md b/zh-cn/react-native-image-rotate.md
index b5d7ecf8..c09f9076 100644
--- a/zh-cn/react-native-image-rotate.md
+++ b/zh-cn/react-native-image-rotate.md
@@ -17,11 +17,11 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
@@ -30,13 +30,13 @@
 #### npm
 
 ```bash
-npm install @react-native-oh-tpl/react-native-image-rotate@file:#
+npm install @react-native-oh-tpl/react-native-image-rotate
 ```
 
 #### yarn
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-image-rotate@file:#
+yarn add @react-native-oh-tpl/react-native-image-rotate
 ```
 
 快速使用：
diff --git a/zh-cn/react-native-incall-manager.md b/zh-cn/react-native-incall-manager.md
index 7a23e47e..1e1f33ef 100644
--- a/zh-cn/react-native-incall-manager.md
+++ b/zh-cn/react-native-incall-manager.md
@@ -22,24 +22,24 @@
 ## 安装与使用
 
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-incall-manager@file:#
+npm install @react-native-oh-tpl/react-native-incall-manager
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-incall-manager@file:#
+yarn add @react-native-oh-tpl/react-native-incall-manager
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-indicators.md b/zh-cn/react-native-indicators.md
index 0d887c37..9a9089d3 100644
--- a/zh-cn/react-native-indicators.md
+++ b/zh-cn/react-native-indicators.md
@@ -18,7 +18,7 @@
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
diff --git a/zh-cn/react-native-keyboard-accessory.md b/zh-cn/react-native-keyboard-accessory.md
index 5901a5b5..8e91e3e7 100644
--- a/zh-cn/react-native-keyboard-accessory.md
+++ b/zh-cn/react-native-keyboard-accessory.md
@@ -17,22 +17,22 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-accessory Releases](https://github.com/react-native-oh-library/react-native-keyboard-accessory/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径。
+。
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keyboard-accessory@file:#
+npm install @react-native-oh-tpl/react-native-keyboard-accessory
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keyboard-accessory@file:#
+yarn add @react-native-oh-tpl/react-native-keyboard-accessory
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-keyboard-controller.md b/zh-cn/react-native-keyboard-controller.md
index 4962b488..085320e0 100644
--- a/zh-cn/react-native-keyboard-controller.md
+++ b/zh-cn/react-native-keyboard-controller.md
@@ -19,24 +19,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-keyboard-controller Releases](https://github.com/react-native-oh-library/react-native-keyboard-controller/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-keyboard-controller@file:#
+npm install @react-native-oh-tpl/react-native-keyboard-controller
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-keyboard-controller@file:#
+yarn add @react-native-oh-tpl/react-native-keyboard-controller
 ```
 <!-- tabs:end -->
 
diff --git a/zh-cn/react-native-mail.md b/zh-cn/react-native-mail.md
index c67052ba..abedccde 100644
--- a/zh-cn/react-native-mail.md
+++ b/zh-cn/react-native-mail.md
@@ -22,20 +22,20 @@
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-mail@file:#
+npm install @react-native-oh-tpl/react-native-mail
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-mail@file:#
+yarn add @react-native-oh-tpl/react-native-mail
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-map-clustering.md b/zh-cn/react-native-map-clustering.md
index b8f9cb1d..b16bfd52 100644
--- a/zh-cn/react-native-map-clustering.md
+++ b/zh-cn/react-native-map-clustering.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-clustering Releases](https://github.com/react-native-oh-library/react-native-map-clustering/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-map-clustering Releases](https://github.com/react-native-oh-library/react-native-map-clustering/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-map-clustering@file:#
+npm install @react-native-oh-tpl/react-native-map-clustering
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-map-clustering@file:#
+yarn add @react-native-oh-tpl/react-native-map-clustering
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-nfc-manager.md b/zh-cn/react-native-nfc-manager.md
index 4e77a7b4..39e18e7b 100644
--- a/zh-cn/react-native-nfc-manager.md
+++ b/zh-cn/react-native-nfc-manager.md
@@ -16,7 +16,7 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-nfc-manager Releases](https://github.com/react-native-oh-library/react-native-nfc-manager/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -25,13 +25,13 @@
 #### **npm**
 
 ```
-npm install @react-native-oh-tpl/react-native-nfc-manager@file:#
+npm install @react-native-oh-tpl/react-native-nfc-manager
 ```
 
 #### **yarn**
 
 ```
-yarn add @react-native-oh-tpl/react-native-nfc-manager@file:#
+yarn add @react-native-oh-tpl/react-native-nfc-manager
 ```
 
 下面的代码展示了这个库的基本使用场景：
diff --git a/zh-cn/react-native-qrcode-svg.md b/zh-cn/react-native-qrcode-svg.md
index 7cad98fd..93e51b60 100644
--- a/zh-cn/react-native-qrcode-svg.md
+++ b/zh-cn/react-native-qrcode-svg.md
@@ -18,7 +18,7 @@
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
diff --git a/zh-cn/react-native-render-html.md b/zh-cn/react-native-render-html.md
index 329a83dd..98131090 100644
--- a/zh-cn/react-native-render-html.md
+++ b/zh-cn/react-native-render-html.md
@@ -19,7 +19,7 @@
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
diff --git a/zh-cn/react-native-search-bar.md b/zh-cn/react-native-search-bar.md
index 6d5a75f8..0bad8829 100644
--- a/zh-cn/react-native-search-bar.md
+++ b/zh-cn/react-native-search-bar.md
@@ -17,24 +17,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-search-bar Releases](https://github.com/react-native-oh-library/react-native-search-bar/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-search-bar Releases](https://github.com/react-native-oh-library/react-native-search-bar/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-search-bar@file:#
+npm install @react-native-oh-tpl/react-native-search-bar
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-search-bar@file:#
+yarn add @react-native-oh-tpl/react-native-search-bar
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-sticky-parallax-header.md b/zh-cn/react-native-sticky-parallax-header.md
index 53766658..716a153a 100644
--- a/zh-cn/react-native-sticky-parallax-header.md
+++ b/zh-cn/react-native-sticky-parallax-header.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-sticky-parallax-header@file:#
+npm install @react-native-oh-tpl/react-native-sticky-parallax-header
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-sticky-parallax-header@file:#
+yarn add @react-native-oh-tpl/react-native-sticky-parallax-header
 ```
 
 <!-- tabs:end -->
@@ -155,7 +155,7 @@ const TabbedHeaderPagerExample: React.FC = () => {
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-sticky-parallax-header Releases](https://github.com/react-native-oh-library/react-native-sticky-parallax-header/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 ## Headers
 
diff --git a/zh-cn/react-native-theme-control.md b/zh-cn/react-native-theme-control.md
index 6949df6f..67d54170 100644
--- a/zh-cn/react-native-theme-control.md
+++ b/zh-cn/react-native-theme-control.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-theme-control/Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-theme-control/Releases](https://github.com/react-native-oh-library/react-native-theme-control/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/react-native-theme-control@file:#
+npm install @react-native-oh-tpl/react-native-theme-control
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/react-native-theme-control@file:#
+yarn add @react-native-oh-tpl/react-native-theme-control
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-native-voice-voice.md b/zh-cn/react-native-voice-voice.md
index 947a5e40..49076faf 100644
--- a/zh-cn/react-native-voice-voice.md
+++ b/zh-cn/react-native-voice-voice.md
@@ -16,24 +16,24 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)，并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
-> [!TIP] # 处替换为 tgz 包的路径
+
 
 <!-- tabs:start -->
 
 #### **npm**
 
 ```bash
-npm install @react-native-oh-tpl/voice@file:#
+npm install @react-native-oh-tpl/voice
 ```
 
 #### **yarn**
 
 ```bash
-yarn add @react-native-oh-tpl/voice@file:#
+yarn add @react-native-oh-tpl/voice
 ```
 
 <!-- tabs:end -->
diff --git a/zh-cn/react-navigation-core.md b/zh-cn/react-navigation-core.md
index fe39bfce..359b6aac 100644
--- a/zh-cn/react-navigation-core.md
+++ b/zh-cn/react-navigation-core.md
@@ -17,7 +17,7 @@
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
-> [!TIP] # 处替换为 tgz 包的路径
+
 <!-- tabs:start -->
 
 #### **npm**

From f11d1b1ba102b39d2187989073c3aa83c238bdc2 Mon Sep 17 00:00:00 2001
From: qinjianqi <qinjianqi@huawei.com>
Date: Mon, 17 Mar 2025 11:25:57 +0000
Subject: [PATCH 962/966] =?UTF-8?q?!2000=20docs:=20[Issues:=20#IBU29H]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-gifted-charts=E6=8F=8F=E8=BF=B0?=
 =?UTF-8?q?=E6=9C=89=E8=AF=AF=E9=97=AE=E9=A2=98=E5=92=8Creact-native-share?=
 =?UTF-8?q?d-element=E5=AE=89=E8=A3=85=E8=B7=AF=E5=BE=84=E6=9C=89=E8=AF=AF?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=20*=20docs:=20[Issues:=20#IBU29H]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-gifted-charts=E6=8F=8F=E8=BF=B0?=
 =?UTF-8?q?=E6=9C=89=E8=AF=AF=E9=97=AE=E9=A2=98=E5=92=8Creact-nati?=
 =?UTF-8?q?=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                            | 2 +-
 en/README_EN.md                      | 2 +-
 en/react-native-gifted-charts.md     | 8 ++++----
 en/react-native-shared-element.md    | 2 +-
 zh-cn/README.md                      | 2 +-
 zh-cn/react-native-gifted-charts.md  | 8 ++++----
 zh-cn/react-native-shared-element.md | 2 +-
 7 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 9b953d95..cfb51d67 100644
--- a/README.md
+++ b/README.md
@@ -54,7 +54,7 @@
 | 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                       | 6.3.19         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
 | 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                                  | 1.6.3          | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
 | 23   | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
-| 24   | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
+| 24   | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.4         | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
 | 25   | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
 | 26   | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
 | 27   | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
diff --git a/en/README_EN.md b/en/README_EN.md
index 4f050b29..15744636 100644
--- a/en/README_EN.md
+++ b/en/README_EN.md
@@ -54,7 +54,7 @@ You can evaluate existing documentation, make simple changes, report quality iss
 | 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                       | 6.3.19         | \-                 | \-                                                                                                                                                          | [Link](/zh-cn/react-navigation-stack.md)                       |
 | 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                                  | 1.6.3          | No                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [Link](/zh-cn/shopify-flash-list.md)                           |
 | 23   | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | No                   | In Progress                                  | In Progress                       |
-| 24   | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | No                   | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [Link](/zh-cn/react-native-wechat-lib.md)                      |
+| 24   | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.4          | No                   | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [Link](/zh-cn/react-native-wechat-lib.md)                      |
 | 25   | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | No                   | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [Link](/zh-cn/jpush-react-native.md)                      |
 | 26   | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | No                   | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [Link](/zh-cn/react-native-localization.md)                      |
 | 27   | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | No                   | In Progress                                  | In Progress                       |
diff --git a/en/react-native-gifted-charts.md b/en/react-native-gifted-charts.md
index a8854179..c46b6737 100644
--- a/en/react-native-gifted-charts.md
+++ b/en/react-native-gifted-charts.md
@@ -767,10 +767,10 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | areaChart | If set true, renders area chart instead of line chart | boolean| no | all | yes
 | areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no | no | no
-| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean | no | no | no
-| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no | no | no
-| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no | no | no
-| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no | no | no
+| areaChart2 | If set true, renders area chart for 2nd data set instead of line chart | boolean | no | no | no
+| areaChart3 | If set true, renders area chart for 3rd data set instead of line chart | boolean | no | no | no
+| areaChart4 | If set true, renders area chart for 4th data set instead of line chart | boolean | no | no | no
+| areaChart5 | If set true, renders area chart for 5th data set instead of line chart | boolean | no | no | no
 | startFillColor | Start gradient color for the area chart | ColorValue | no | all | yes
 | endFillColor | End gradient color for the area chart | ColorValue | no | all | yes
 | startOpacity | Start gradient opacity for the area chart | number | no | all | yes
diff --git a/en/react-native-shared-element.md b/en/react-native-shared-element.md
index 5c44c232..b4e70be9 100644
--- a/en/react-native-shared-element.md
+++ b/en/react-native-shared-element.md
@@ -237,7 +237,7 @@ Open `entry/oh-package.json5` file and add the following dependencies:
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-shared-element": "file:../../node_modules/@react-native-oh-tpl/react-native-shared-element/harmony/shared-element.har"
+    "@react-native-oh-tpl/react-native-shared-element": "file:../../node_modules/@react-native-oh-tpl/react-native-shared-element/harmony/shared_element.har"
   }
 ```
 
diff --git a/zh-cn/README.md b/zh-cn/README.md
index d728f2b9..a640f84e 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -54,7 +54,7 @@
 | 21   | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack)                       | 6.3.19         | \-                 | \-                                                                                                                                                          | [链接](/zh-cn/react-navigation-stack.md)                       |
 | 22   | [@shopify/flash-list](https://github.com/Shopify/flash-list)                                                                  | 1.6.3          | 否                 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases)                                                           | [链接](/zh-cn/shopify-flash-list.md)                           |
 | 23   | [react-native-idle-timer](https://github.com/react-native-oh-library/react-native-idle-timer)                                            | 2.2.3          | 否                  | 开发中                                 | 开发中                      |
-| 24   | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.5          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
+| 24   | [react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib)                                            | 3.0.4          | 否                  | [@react-native-ohos/react-native-wechat-lib](https://github.com/@react-native-ohos/react-native-wechat-lib/releases)                                 | [链接](/zh-cn/react-native-wechat-lib.md)                      |
 | 25   | [jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native)                                            | 3.1.1          | 否                  | [@react-native-oh-tpl/jpush-react-native](https://github.com/react-native-oh-library/jpush-react-native/releases)                                 | [链接](/zh-cn/jpush-react-native.md)                      |
 | 26   | [react-native-localization](https://github.com/react-native-oh-library/react-native-localization)                                            | 2.3.2          | 否                  | [@react-native-oh-tpl/react-native-localization](https://github.com/react-native-oh-library/react-native-localization/releases)                                 | [链接](/zh-cn/react-native-localization.md)                      |
 | 27   | [react-native-search-bar](https://github.com/react-native-oh-library/react-native-search-bar)                                            | 3.5.1          | 否                  | 开发中                                 | 开发中                      |
diff --git a/zh-cn/react-native-gifted-charts.md b/zh-cn/react-native-gifted-charts.md
index 0629793a..5f7c58fb 100644
--- a/zh-cn/react-native-gifted-charts.md
+++ b/zh-cn/react-native-gifted-charts.md
@@ -765,10 +765,10 @@ export default function () {
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | areaChart | If set true, renders area chart instead of line chart | boolean| no | all | yes
 | areaChart1 | If set true, renders area chart for 1st data set instead of line chart | boolean | no | no | no
-| areaChart2 | If set true, renders area chart for 2nd data set instead of line chartt | boolean | no | no | no
-| areaChart3 | If set true, renders area chart for 3rd data set instead of line chartt | boolean | no | no | no
-| areaChart4 | If set true, renders area chart for 4th data set instead of line chartt | boolean | no | no | no
-| areaChart5 | If set true, renders area chart for 5th data set instead of line chartt | boolean | no | no | no
+| areaChart2 | If set true, renders area chart for 2nd data set instead of line chart | boolean | no | no | no
+| areaChart3 | If set true, renders area chart for 3rd data set instead of line chart | boolean | no | no | no
+| areaChart4 | If set true, renders area chart for 4th data set instead of line chart | boolean | no | no | no
+| areaChart5 | If set true, renders area chart for 5th data set instead of line chart | boolean | no | no | no
 | startFillColor | Start gradient color for the area chart | ColorValue | no | all | yes
 | endFillColor | End gradient color for the area chart | ColorValue | no | all | yes
 | startOpacity | Start gradient opacity for the area chart | number | no | all | yes
diff --git a/zh-cn/react-native-shared-element.md b/zh-cn/react-native-shared-element.md
index 0d977d92..051587da 100644
--- a/zh-cn/react-native-shared-element.md
+++ b/zh-cn/react-native-shared-element.md
@@ -240,7 +240,7 @@ const styles = StyleSheet.create({
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-shared-element": "file:../../node_modules/@react-native-oh-tpl/react-native-shared-element/harmony/shared-element.har"
+    "@react-native-oh-tpl/react-native-shared-element": "file:../../node_modules/@react-native-oh-tpl/react-native-shared-element/harmony/shared_element.har"
 }
 ```
 

From 681b396ec1942c3dc32540c7eb860ab8ab93c701 Mon Sep 17 00:00:00 2001
From: yang <yangweiping7@h-partners.com>
Date: Mon, 17 Mar 2025 12:36:18 +0000
Subject: [PATCH 963/966] =?UTF-8?q?!1999=20docs:=20[Issues:=20#IBTZVA]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-wechat-lib=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=8D=E6=94=AF=E6=8C=81shareMiniProgram=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=20*=20docs:=20[Issues:=20#IBTZVA]:=20=E4=BF=AE=E6=94=B9react-n?=
 =?UTF-8?q?ative-wechat-lib=E7=BB=84=E4=BB=B6=E4=B8=8D=E6=94=AF=E6=8C=81sh?=
 =?UTF-8?q?areMiniProgram=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-wechat-lib.md    | 6 +++---
 zh-cn/react-native-wechat-lib.md | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/en/react-native-wechat-lib.md b/en/react-native-wechat-lib.md
index 84e46565..3e158fda 100644
--- a/en/react-native-wechat-lib.md
+++ b/en/react-native-wechat-lib.md
@@ -354,7 +354,7 @@ Check the release version information in the release address of the third-party
 | shareMusic(ShareMusicMetadata)                | Share Music           | Function | no       | Android/iOS | no                |
 | shareVideo(ShareVideoMetadata)                | Share Video           | Function | no       | Android/iOS | no                |
 | shareWebpage (ShareWebpageMetadata)           | Share Webpage           | Function | no       | Android/iOS | no                |
-| shareMiniProgram(ShareMiniProgramMetadata)    | Share MiniProgram         | Function | no       | Android/iOS | no                |
+| shareMiniProgram(ShareMiniProgramMetadata)    | Share MiniProgram         | Function | no       | Android/iOS | partially                |
 | launchMiniProgram (LaunchMiniProgramMetadata) | Launch MiniProgram         | Function | no       | Android/iOS | yes               |
 | chooseInvoice (ChooseInvoice)                 | Select invoice           | Function | no       | Android/iOS | no                |
 | pay(payload)                                  | pay               | Function | no       | Android/iOS | yes               |
@@ -365,8 +365,8 @@ One-time subscription to messages     | Function | no       | Android/iOS | no
 
 ## Others
 
-- ShareText、ShareImage、ShareLocalImage: Only sharing is supported, collection is not supported, because the WeChat Open SDK currently does not support collection on the HarmonyOS platform.
-- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage 、ShareMiniProgram、ChooseInvoice、subscribeMessage. These interfaces are currently not supported by HarmonyOS WeChat Open SDK.
+- ShareText、ShareImage、ShareLocalImage、ShareMiniProgram: Only sharing is supported, collection is not supported, because the WeChat Open SDK currently does not support collection on the HarmonyOS platform.
+- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage、ChooseInvoice、subscribeMessage. These interfaces are currently not supported by HarmonyOS WeChat Open SDK.
 
 ## License
 
diff --git a/zh-cn/react-native-wechat-lib.md b/zh-cn/react-native-wechat-lib.md
index e93fc148..95fc113d 100644
--- a/zh-cn/react-native-wechat-lib.md
+++ b/zh-cn/react-native-wechat-lib.md
@@ -357,7 +357,7 @@ ohpm install
 | shareMusic(ShareMusicMetadata)                | 分享音频           | Function | no       | Android/iOS | no                |
 | shareVideo(ShareVideoMetadata)                | 分享视频           | Function | no       | Android/iOS | no                |
 | shareWebpage (ShareWebpageMetadata)           | 分享网页           | Function | no       | Android/iOS | no                |
-| shareMiniProgram(ShareMiniProgramMetadata)    | 分享小程序         | Function | no       | Android/iOS | no                |
+| shareMiniProgram(ShareMiniProgramMetadata)    | 分享小程序         | Function | no       | Android/iOS | partially         |
 | launchMiniProgram (LaunchMiniProgramMetadata) | 跳到小程序         | Function | no       | Android/iOS | yes               |
 | chooseInvoice (ChooseInvoice)                 | 选择发票           | Function | no       | Android/iOS | no                |
 | pay(payload)                                  | 支付               | Function | no       | Android/iOS | yes               |
@@ -367,8 +367,8 @@ ohpm install
 
 ## 其他
 
-- ShareText、ShareImage、ShareLocalImage 只支持分享，不支持收藏，原因为目前微信 Open SDK 还不支持 HarmonyOS 平台的收藏
-- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage 、ShareMiniProgram、ChooseInvoice、subscribeMessage 这些接口目前在 HarmonyOS 微信 Open SDK 还不支持
+- ShareText、ShareImage、ShareLocalImage、ShareMiniProgram 只支持分享，不支持收藏，原因为目前微信 Open SDK 还不支持 HarmonyOS 平台的收藏
+- isWXAppSupportApi、getApiVersion、ShareFile、ShareMusic、ShareVideo、ShareWebpage、ChooseInvoice、subscribeMessage 这些接口目前在 HarmonyOS 微信 Open SDK 还不支持
 
 ## 开源协议
 

From 35937f6cf063921a2ce1908473d638116deb2ab3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=A5=8E=E6=9C=AA?= <fankuiwei5@h-partners.com>
Date: Thu, 20 Mar 2025 08:26:53 +0000
Subject: [PATCH 964/966] =?UTF-8?q?!2002=20docs:=20[Issues:=20#IBUJRZ]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-textinput-maxlength-fixed=20?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#?=
 =?UTF-8?q?IBUJRZ]:=20=E4=BF=AE=E6=94=B9react-native-textinput-maxlength-f?=
 =?UTF-8?q?ixed=20=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-textinput-maxlength-fixed.md    | 4 ++++
 zh-cn/react-native-textinput-maxlength-fixed.md | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/en/react-native-textinput-maxlength-fixed.md b/en/react-native-textinput-maxlength-fixed.md
index 98a5b792..a912083e 100644
--- a/en/react-native-textinput-maxlength-fixed.md
+++ b/en/react-native-textinput-maxlength-fixed.md
@@ -102,6 +102,10 @@ Open the `harmony` directory of the HarmonyOS project in DevEco Studio.
 ```
 
 ### 2.Introducing Native Code
+> [!TIP] 引入原生代码之前请确认IDE版本，5.0.3.810及其之后的版本需要在harmony工程中的hvigor-config.json5文件中新增如下配置以解决路径过长导致的编译报错问题
+> "properties":{
+>      "ohos.nativeResolver":false
+> }
 
 Currently, two methods are available:
 
diff --git a/zh-cn/react-native-textinput-maxlength-fixed.md b/zh-cn/react-native-textinput-maxlength-fixed.md
index 26e1dff8..0bbdd421 100644
--- a/zh-cn/react-native-textinput-maxlength-fixed.md
+++ b/zh-cn/react-native-textinput-maxlength-fixed.md
@@ -102,7 +102,10 @@ const styles = StyleSheet.create({
 ```
 
 ### 2.引入原生端代码
-
+> [!TIP] 引入原生代码之前请确认IDE版本，5.0.3.810及其之后的版本需要在harmony工程中的hvigor-config.json5文件中新增如下配置以解决路径过长导致的编译报错问题
+> "properties":{
+          "ohos.nativeResolver":false
+}
 目前有两种方法：
 
 1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）；

From d63144371a23fe84d4d1983bcd71b6d7e05af346 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=A5=8E=E6=9C=AA?= <fankuiwei5@h-partners.com>
Date: Thu, 20 Mar 2025 08:46:14 +0000
Subject: [PATCH 965/966] =?UTF-8?q?!2003=20docs:=20[Issues:=20#IBU2E5]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-video=20=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=20*=20docs:=20[Issues:=20#IBU2E5]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-video=20=E8=AF=B4=E6=98=8E?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-video.md    | 4 ++--
 zh-cn/react-native-video.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-video.md b/en/react-native-video.md
index f0ec86a9..2b12fabc 100644
--- a/en/react-native-video.md
+++ b/en/react-native-video.md
@@ -673,8 +673,8 @@ For details, see [React-Native-Video Official Document](https://github.com/react
 | Name                                            | Description                                                  | Type     | Required | Platform | HarmonyOS Support |
 | ----------------------------------------------- | ------------------------------------------------------------ | -------- | -------- | -------- | ----------------- |
 | `seek()`                                        | Seek to the specified position represented by seconds. seconds is a float value. | function | No       | All      | yes               |
-| `dismissFullscreenPlayer()`                     | Take the player out of fullscreen mode.                      | function | No       | All      | No                |
-| `presentFullscreenPlayer()`                     | Put the player in fullscreen mode.                           | function | No       | All      | No                |
+| `dismissFullscreenPlayer()`                     | Take the player out of fullscreen mode.                      | function | No       | All      | yes                |
+| `presentFullscreenPlayer()`                     | Put the player in fullscreen mode.                           | function | No       | All      | yes                |
 | `save()`                                        | Save video to your Photos with current filter prop. Returns promise. | function | No       | iOS      | No                |
 | `restoreUserInterfaceForPictureInPictureStop()` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop. | function | No       | iOS      | No                |
 
diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md
index b7a637d9..80448ad9 100644
--- a/zh-cn/react-native-video.md
+++ b/zh-cn/react-native-video.md
@@ -677,8 +677,8 @@ ohpm install
 | Name     | Description                                                                      | Type     | Required | Platform | HarmonyOS Support |
 | -------- | -------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
 | `seek()` | Seek to the specified position represented by seconds. seconds is a float value. | function | No       | All      | yes               |
-| `dismissFullscreenPlayer()` | Take the player out of fullscreen mode. | function | No       | All      | No              |
-| `presentFullscreenPlayer()` | Put the player in fullscreen mode. | function | No       | All      | No              |
+| `dismissFullscreenPlayer()` | Take the player out of fullscreen mode. | function | No       | All      | yes              |
+| `presentFullscreenPlayer()` | Put the player in fullscreen mode. | function | No       | All      | yes              |
 | `save()` | Save video to your Photos with current filter prop. Returns promise.| function | No       | iOS      | No              |
 | `restoreUserInterfaceForPictureInPictureStop()` | This function corresponds to the completion handler in Apple's recovery user interface ForPictureInPictureStop. IMPORTANT: This function must be called after calling onRestoreUserInterfaceForPictureInPictureStop.| function | No       | iOS      | No              |
 

From 6c9cb1c3c1a41d4c6aa8d2a134c9c9cc6540090c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=A5=8E=E6=9C=AA?= <fankuiwei5@h-partners.com>
Date: Thu, 20 Mar 2025 10:02:03 +0000
Subject: [PATCH 966/966] =?UTF-8?q?!2005=20docs:=20[Issues:=20#IBV1LW]:=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9react-native-gifted-charts=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=20animationDuration=E5=B1=9E=E6=80=A7=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E7=8A=B6=E6=80=81=20*=20docs:=20[Issues:=20#IBV1LW]:?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9react-native-gifted-charts=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=20animationDuration=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 en/react-native-gifted-charts.md    | 4 ++--
 zh-cn/react-native-gifted-charts.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/en/react-native-gifted-charts.md b/en/react-native-gifted-charts.md
index c46b6737..1e61dbb8 100644
--- a/en/react-native-gifted-charts.md
+++ b/en/react-native-gifted-charts.md
@@ -313,7 +313,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | isAnimated | To show animates BarChart. Animation occurs onLoad and on value change | boolean | no | all | yes
-| animationDuration | Duration of the animations | number | no | all | yes
+| animationDuration | Duration of the animations | number | no | all | no
 | animationEasing | Easing applied to the animation | Easing | no | all | yes
 
 **Pagination related props**
@@ -840,7 +840,7 @@ For details, see [react-native-gifted-charts](https://github.com/Abhinandan-Kush
 | paddingHorizontal | horizontal padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no | all | yes
 | paddingVertical | vertical padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no | all | yes
 | isAnimated | To show animates PieProChart. Animation occurs onLoad and on value change | boolean | no | all | yes
-| animationDuration | Duration of the animations, only fro PieProChart | number| no | all | yes
+| animationDuration | Duration of the animations, only fro PieProChart | number| no | all | no
 | curvedStartEdges | Bend start edge, only fro PieProChart | boolean | no | all | yes
 | curvedEndEdges | Bend end edge, only fro PieProChart | boolean | no | all | yes
 | edgesRadius | Bend radius, only fro PieProChart | number | no | all | yes
diff --git a/zh-cn/react-native-gifted-charts.md b/zh-cn/react-native-gifted-charts.md
index 5f7c58fb..6799fdb6 100644
--- a/zh-cn/react-native-gifted-charts.md
+++ b/zh-cn/react-native-gifted-charts.md
@@ -311,7 +311,7 @@ export default function () {
 | Name | Description | Type | Required | Platform | HarmonyOS Support |
 | ---- | ----------- | ---- | -------- | -------- | ------------------ |
 | isAnimated | To show animates BarChart. Animation occurs onLoad and on value change | boolean | no | all | yes
-| animationDuration | Duration of the animations | number | no | all | yes
+| animationDuration | Duration of the animations | number | no | all | no
 | animationEasing | Easing applied to the animation | Easing | no | all | yes
 
 **Pagination related props**
@@ -838,7 +838,7 @@ export default function () {
 | paddingHorizontal | horizontal padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no | all | yes
 | paddingVertical | vertical padding in the chart svg component (useful to accomodate _"onBorder"_ labels) | number | no | all | yes
 | isAnimated | To show animates PieProChart. Animation occurs onLoad and on value change | boolean | no | all | yes
-| animationDuration | Duration of the animations, only fro PieProChart | number| no | all | yes
+| animationDuration | Duration of the animations, only fro PieProChart | number| no | all | no
 | curvedStartEdges | Bend start edge, only fro PieProChart | boolean | no | all | yes
 | curvedEndEdges | Bend end edge, only fro PieProChart | boolean | no | all | yes
 | edgesRadius | Bend radius, only fro PieProChart | number | no | all | yes